diff --git a/CHANGELOG.en-US.md.js b/CHANGELOG.en-US.md.js
index 5daa3f840..f099bf83a 100644
--- a/CHANGELOG.en-US.md.js
+++ b/CHANGELOG.en-US.md.js
@@ -1,4 +1,4 @@
-webpackJsonp([210,211],{654:function(e,t){e.exports={content:["article",{},["h2","2.9.2"],["p",["code","2017-04-22"]],["ul",["li",["p",["strong","Alert"]," Fix props of banner mode can't be overrided. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5800"},"#5800"]]],["li",["p",["strong","AutoComplete"]," Fix can't add ",["code","onKeyDown"]," event listener with customized input component. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5487"},"#5487"]]],["li",["p",["strong","Button"]," New style for danger Button. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5815"},"#5815"]]],["li",["p",["strong","DatePicker"]," "],["ul",["li",["p","Improve user experience of RangePicker, rc-calendar upgrade to ",["code","~8.0.0"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4985"},"#4985"]]],["li",["p","Fix RangePicker not aligned after customizing the size of input. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5718"},"pull/5718"]," ",["a",{title:null,href:"https://github.com/leadream"},"@leadream"]]]]],["li",["p",["strong","Form"]," Add a less variable to opt out of form item colons. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5855"},"pull/5855"]," ",["a",{title:null,href:"https://github.com/megawac"},"@megawac"]]],["li",["p",["strong","Icon"]," Add displayName. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5643"},"pull/5643"]," ",["a",{title:null,href:"https://github.com/handycode"},"@handycode"]]],["li",["p",["strong","Input"]],["ul",["li",["p","Fix Input.Search style issue when be used in Input.Group. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5743"},"#5743"]]],["li",["p","Fix AutoComplete style issue when be used in Input.Group. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5832"},"#5832"]]],["li",["p","Fix Select size when be used in Input.Group. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5754"},"#5754"]]],["li",["p","Change suffix color. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5820"},"pull/5820"]," ",["a",{title:null,href:"https://github.com/megawac"},"@megawac"]]]]],["li",["p",["strong","InputNumber"]," Update docs and demos for how to use ",["code","parser"]," to work with ",["code","formatter"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5683"},"#5683"]]],["li",["p",["strong","Layout"]],["ul",["li",["p","Add ",["a",{title:null,href:"https://ant.design/components/layout/#components-layout-demo-fixed-sider"},"Fixed-Sider"]," demo."]],["li",["p","Fix style issue of responsive sider in firefox. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5613"},"#5613"]]]]],["li",["p",["strong","LocaleProvider"]," Allow for seamless access to less variables. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5712"},"#5712"]," ",["a",{title:null,href:"https://github.com/lionkeng"},"@lionkeng"]]],["li",["p",["strong","Menu"]," Override the default ",["code","a:focus"]," style when it nested in Menu component. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5707"},"#5707"]]],["li",["p",["strong","Notification"],"  Auto adjust style for singleline message. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5846"},"#5846"]]],["li",["p",["strong","Radio"]," Add less variables for setting color and background color of Radio.Button. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5791"},"pull/5791"]," ",["a",{title:null,href:"https://github.com/megawac"},"@megawac"]]],["li",["p",["strong","Table"]],["ul",["li",["p","Add less variables for setting head background color and row background hover color. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5706"},"#5706"]," ",["a",{title:null,href:"https://github.com/kappa-gooner"},"@kappa-gooner"]]],["li",["p","Improve the ",["code","Grouping table head"]," demo style. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5697"},"#5697"]]]]],["li",["p",["strong","Tabs"]," Fix the position of the scrolling arrow in ",["code","vertical"]," mode. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5765"},"#5765"]," ",["a",{title:null,href:"https://github.com/dicklwm"},"@dicklwm"]]],["li",["p",["strong","TreeSelect"]," Fix arrow rotate bug. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5693"},"#5693"]]],["li",["p",["strong","TypeScript"]],["ul",["li",["p","Add missing props in InputNumber. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5717"},"#5717"],"  ",["a",{title:null,href:"https://github.com/whtang906"},"@whtang906"]," "]]]],["li",["p",["strong","Global Optimization"]],["ul",["li",["p","Fix deprecation warning of ",["code","React.PropTypes"]," due to React upgrading to v15.5.0. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5723"},"pull/5723"],"  ",["a",{title:null,href:"https://github.com/manjitkumar"},"@manjitkumar"]]]]],["li",["p",["strong","Site"]],["ul",["li",["p","Add native English translation for ",["a",{title:null,href:"https://ant.design/docs/spec/icon"},"icons spec"],". ",["a",{title:null,href:"https://github.com/kenaniah"},"@kenaniah"]]],["li",["p","Add ",["a",{title:null,href:"https://gitter.im/ant-design/ant-design-english"},"English gitter chat room"],"."]]]]],["h2","2.9.1"],["p",["code","2017-04-09"]],["ul",["li",["p","Step"],["ul",["li",["p","Add more less variables. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5624"},"#5624"]," ",["a",{title:null,href:"https://github.com/megawac"},"@megawac"]]],["li",["p","Fix style issue. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5623"},"#5623"]]]]],["li",["p","Button won't lose focus after click. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5597"},"#5597"]," ",["a",{title:null,href:"https://github.com/kenaniah"},"@kenaniah"]]],["li",["p","Add underline to focused link.  ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5597"},"#5587"]," ",["a",{title:null,href:"https://github.com/kenaniah"},"@kenaniah"]]],["li",["p","Fix Dropdown.Button can't use ",["code","placement"]," issue. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5594"},"#5594"]]],["li",["p","Fix Pagination alignment issue. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5632"},"#5632"]]],["li",["p","Fix AutoComplete style issue when use ",["code","allowClear"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5634"},"#5634"]]],["li",["p","Fix DatePicker style issue when  set ",["code","showToday"]," to ",["code","false"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5620"},"#5620"]]],["li",["p","Fix Select shows Chinese defaultly. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5661"},"#5661"]," ",["a",{title:null,href:"https://github.com/LeeHarlan"},"@LeeHarlan"]]]],["h2","2.9.0"],["p",["code","2017-04-01"]," \ud83d\udc7b"],["ul",["li",["p","Change the default font family to be monospaced for numbers. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/b526083fa6a619113a3d26c4f4f092a8648f3bd4"},"b526083"]]],["li",["p","Select"],["ul",["li",["p","Add ",["code","mode"]," prop, deprecate the ",["code","tags|combobox|multiple"]," properties, replaced by ",["code","mode={tags|combobox|multiple}"],"."]],["li",["p",["code","tags|multiple"]," now supports ",["code","allowClear"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4843"},"#4843"]]]]],["li",["p","Add a new type ",["code","dashboard"]," of Progress. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5225"},"#5225"]," ",["a",{title:null,href:"https://github.com/qiaolb"},"@qiaolb"]]],["li",["p","Add ",["code","showLine"]," prop of Tree, for connecting line style in tree nodes. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3854"},"#3854"]]],["li",["p","TimePicker now supports 12 hours via ",["code","use12Hours"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4063"},"#4063"]]],["li",["p","Add ",["code","column.filterIcon"]," prop of Table, which can be used to customize filter icon. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5293"},"#5293"]]],["li",["p","Add ",["code","wrapperClassName"]," prop of Spin. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5425"},"#5425"]," ",["a",{title:null,href:"https://github.com/aaronplanell"},"@aaronplanell"]]],["li",["p","Add ",["code","onPrevClick"]," ",["code","onNextClick"]," props of Tabs. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4395"},"#4395"]]],["li",["p","Add ",["code","parser"]," prop of InputNumber, to extract value from formatter. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5178#issuecomment-284557933"},"#5178"]]],["li",["p","New locales support:"],["ul",["li",["p","Japanese ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5529"},"#5529"],"  ",["a",{title:null,href:"https://github.com/novi"},"@novi"]]],["li",["p","Slovak ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5304"},"#5304"]," ",["a",{title:null,href:"https://github.com/Kamahl19"},"@Kamahl19"]]],["li",["p","Estonian ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5266"},"#5266"]," ",["a",{title:null,href:"https://github.com/madisvain"},"@madisvain"]]],["li",["p","Turkish ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5536"},"#5536"]," ",["a",{title:null,href:"https://github.com/c0b41"},"@c0b41"]]]]],["li",["p","TypeScript"],["ul",["li",["p","Fix definitions of Carousel following react-slick"]],["li",["p","Fix some definitions of Form."]],["li",["p","Fix ",["code","getPopupContainer"]," definitions."]]]],["li",["p","Allow to disable animation of inkBar and panes of Tabs separately. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5089"},"#5089"]," ",["a",{title:null,href:"https://github.com/xieguanglei"},"@xieguanglei"]]],["li",["p","Button ",["code","loading"]," prop now supports like ",["code","{ delay: 1000 }"],", removed the default loading delay. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5365"},"#5365"]]],["li",["p","Add less variables for Card header. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5354"},"#5354"]," ",["a",{title:null,href:"https://github.com/kossel"},"@kossel"]]],["li",["p","Fix extra separator of Breadcrumb without ",["code","breadcrumbName"],"."]],["li",["p","Fix ",["code","Unknown prop placement"]," warning of Dropdown.Button. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5594"},"#5594"]]],["li",["p","Fix RangePicker and InputNumber placeholder color."]],["li",["p","Fix that Cascader search can't use ","[backspace]",". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5340"},"#5340"]]],["li",["p","Fix that LocaleProvider can't affect ",["code","Modal.confirm"]," sometimes. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5493"},"#5493"]," ",["a",{title:null,href:"https://github.com/hargasinski"},"@hargasinski"]]],["li",["p","Fix scroll animation of BackTop which specifies the ",["code","target"]," prop. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5564"},"#5564"]]],["li",["p","Optimize the block style of Pagination. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5557"},"#5557"]]]],["h2","2.8.3"],["p",["code","2017-03-27"]],["ul",["li",["p","TypeScript"],["ul",["li",["p","Fixed missing definition of ",["code","AutoComplete[filterOption]"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5393"},"#5393"]," ",["a",{title:null,href:"https://github.com/mitchelldemler"},"@mitchelldemler"]]],["li",["p","Improve definition of ",["code","getPopupContainer"]," ",["code","getCalendarContainer"]," ",["code","getTooltipContainer"]," ",["code","getSuggestionContainer"],", etc. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/322e9efdc9db28bd92230fc690f1fdf5a72cf7cd"},"322e9ef"]]],["li",["p","Improve definition of ",["code","Form.create"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5420"},"#5420"]," ",["a",{title:null,href:"https://github.com/infeng"},"@infeng"]]]]],["li",["p","Fixed Badge should work in Maxthon. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5477"},"#5477"]]],["li",["p","Fixed Button cannot work with ",["code","null"]," ",["code","undefined"]," as children. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5472"},"#5472"]," ",["a",{title:null,href:"https://github.com/blade254353074"},"@blade254353074"]]],["li",["p","Breadcrumb are not rely on ",["code","route.breadcrumbName"]," now. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/ac1c7f312bc46ba6ef7aacace43e4ac99b87dd54"},"ac1c7f3"]]],["li",["p","Fixed ",["code","Form.Item[hasFeedback]"]," will lost styles while using with ",["code","Input[prefix]"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5456"},"#5456"]," ",["a",{title:null,href:"https://github.com/william-yz"},"@william-yz"]]],["li",["p","Fixed Layout.Content will show scrollbar while using with Carousel. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5415"},"#5415"]]],["li",["p","LocaleProvider"],["ul",["li",["p","Fixed missing locales of German. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5387"},"#5387"]," ",["a",{title:null,href:"https://github.com/Knacktus"},"@Knacktus"]]],["li",["p","Fixed missing locales of Russian. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5406"},"#5406"]," ",["a",{title:null,href:"https://github.com/plandem"},"@plandem"]]],["li",["p","Fixed it doesn't work with Upload. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5388"},"#5388"]," ",["a",{title:null,href:"https://github.com/natergj"},"@natergj"]]]]],["li",["p","Fixed inconsistet animation of Menu Icon and text. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5495"},"#5495"]]],["li",["p","Fixed ",["code","Modale[footer]"]," cannot be set to ",["code","null"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5462"},"#5462"]]],["li",["p","Fixed Pagination will lost styles in ",["code","IE<=10"]," which is introduced in ",["code","2.8.2"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5484"},"#5484"]]],["li",["p","Fixed Popover will be closed by mistake while using Table in it. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5407"},"#5407"]]],["li",["p","Remove restriction that Radio can only be direct chidlren of Radio.Group. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5443"},"#5443"]]],["li",["p","Fixed warning while using Switch in Form.Item. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5368"},"#5368"]]],["li",["p",'Now we defaultly hide the Table\'s "Select All" dropdown icon, display it when set ',["code","selections"]," to true. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5246"},"#5246"]," ",["a",{title:null,href:"https://github.com/infeng"},"@infeng"]]],["li",["p","New theme variable ",["code","@info-color"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5442"},"#5442"]]],["li",["p","Supporting suppress warning(You are using a whole package of antd...) with ",["code","NODE_ENV=test"]," while testing. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5345"},"#5345"]]],["li",["p","Upgrade moment to ",["code","2.18.0"],"."]]],["h2","2.8.2"],["p",["code","2017-03-11"]],["ul",["li",["p","New ",["a",{title:null,href:"https://ant.design/docs/spec/colors"},"design specification documentation"],"."]],["li",["p","Fix error of Modal.confirm ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5269"},"#5269"],"."]],["li",["p","Fix mask style of Upload ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5275"},"#5275"],"."]],["li",["p","Fix progress not showing of Upload ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5323"},"#5323"],"."]],["li",["p","Fix a pagination showTotal wrong data issue of Table ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5259"},"#5259"],"."]],["li",["p","Fix a style issue while using Popconfirm and Button together ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5301"},"5301"],"."]],["li",["p","Fix a style issue of Radio ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5336"},"#5336"],"."]],["li",["p","Fix a issue that ",["code","getContainer"]," of Message didn't work ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5380"},"#5380"],"."]],["li",["p","Fix text alignment of Checkbox and Radio ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/696a3c0e34156d78e87d629a3f0f8703af1f03ec"},"696a3c0"],"."]],["li",["p","Tweak animation and blur style of Spin ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/fa1e031a7396c61fa9709a0c46fe63200c35d232"},"fa1e031"],"."]],["li",["p","Tweak some styles of Mention  ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/240a93cee25bc8c6ad4520cd907a14a7b22ed773"},"240a93c"],"."]]],["h2","2.8.1"],["p",["code","2017-03-11"]],["ul",["li",["p",["strong","DatePicker"]," Fix can't select time when new props are passed, and improve the selection behavior of ",["code","DatePicker[showTime]"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5189"},"#5189"]," ",["a",{title:null,href:"https://github.com/megawac"},"@megawac"]]],["li",["p",["strong","Form"]],["ul",["li",["p","Add document for validate rules. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5201"},"#5201"]]],["li",["p","Fix some style issues. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5196"},"#5196"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5236"},"#5236"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5222"},"#5222"]]]]],["li",["p",["strong","Icon"]," Add iconfont ",["code","shake"]," and ",["code","android-o"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/941782f7ec000a9054c3bc945ab887f93ab46749"},"commit/941782"]]],["li",["p",["strong","Input"]," Fix ",["code","hasFeedback"]," not work with ",["code","addonBefore"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5228"},"#5228"]]],["li",["p",["strong","InputNumber"]," Add typings for props ",["code","formatter"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5240"},"#5240"]," ",["a",{title:null,href:"https://github.com/hlehmann"},"@hlehmann"]]],["li",["p",["strong","Modal"]," Call ",["code","onCancel"]," when pressing esc key. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5203"},"#5203"]," ",["a",{title:null,href:"https://github.com/elios264"},"@elios264"]]],["li",["p",["strong","Table"]],["ul",["li",["p","Fix implicit type issue. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5206"},"#5206"]," ",["a",{title:null,href:"https://github.com/kvey"},"@kvey"]]],["li",["p","Fix right border not visible with no data in ",["code","small"]," size. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5237"},"#5237"]]],["li",["p","Fix sort not working when using grouping column. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5158"},"#5158"]]]]],["li",["p",["strong","Tooltip"]," Fix layout style on disabled Button. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5254"},"#5254"]]],["li",["p",["strong","Upload"]],["ul",["li",["p","Fix long name of upload item style. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/0a35197a35513ca45308bb7163c8243b75dd6f8d"},"commit/0a3519"]]],["li",["p","Fix and improve animation. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5210"},"pull/5210"]]],["li",["p","Allow override ",["code","onProgress"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5260"},"pull/5260"]," ",["a",{title:null,href:"https://github.com/minwe"},"@minwe"]]]]],["li",["p",["strong","Global Optimization"]],["ul",["li",["p","Fix Cannot resolve module ",["code","lodash.debounce"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5230"},"#5230"]]]]],["li",["p",["strong","Site"]],["ul",["li",["p","Fix safari language check. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5245"},"pull/5245"]]],["li",["p","Add ability to copy color when clicking on palette. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5247"},"pull/5247"]," ",["a",{title:null,href:"https://github.com/bsheikh"},"@bsheikh"]]],["li",["p","Add boilerplate samples. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/f2f786d66d75eebef8406a72db8a15e1640cea1f"},"commit/f2f786"]]]]]],["h2","2.8.0"],["p",["code","2017-03-06"]],["ul",["li",["p","Tabs"],["ul",["li",["p","Added ",["code","tabBarStyle"]," to allow customize style of tab bar. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4966"},"#4966"]]],["li",["p","Added ",["code","TabPane[closable]"]," to allow config whether to show delete icon or not. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4807"},"#4807"]," ",["a",{title:null,href:"https://github.com/lixiaoyang1992"},"@lixiaoyang1992"]]]]],["li",["p","Anchor"],["ul",["li",["p","Added ",["code","showInkInFixed"]," to allow config whether to show circle icon or not when anchor is fixed. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4960"},"#4960"]]],["li",["p","Fix issue resulting in Anchor throw errors when ",["code","children"]," is not AnchorLink. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5129"},"#5129"]]]]],["li",["p","Table"],["ul",["li",["p","Added invert selection feature. ",["a",{title:null,href:"https://ant.design/components/table-cn/#components-table-demo-row-selection-custom"},"demo"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4962"},"#4962"]]],["li",["p",["code","spin"]," now spport Spin props. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4824"},"#4824"]," ",["a",{title:null,href:"https://github.com/lixiaoyang1992"},"@lixiaoyang1992"]]],["li",["p","Fix issue resulting header's bottom border doesn't show when ",["code","size"]," is ",["code","small"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5182"},"#5182"]]]]],["li",["p","Mention added custom trigger character support. ",["a",{title:null,href:"https://ant.design/components/mention-cn/#components-mention-demo-multiple-trigger"},"demo"]],["ul",["li",["p",["img",{title:null,src:"https://zos.alipayobjects.com/rmsportal/QDYwAbwKrqOUOykRaNai.gif",alt:"Mention animation"}]]]]],["li",["p","Rate"],["ul",["li",["p","Support custom character. ",["a",{title:null,href:"https://ant.design/components/rate-cn/#components-rate-demo-character"},"demo"]]],["li",["p","Added new ",["code","className"]," prop."]]]],["li",["p","Layout"],["ul",["li",["p","Added a new ",["code","Header Sider"]," demo. ",["a",{title:null,href:"http://ant.design/components/layout-cn/#components-layout-demo-top-side-2"},"demo"]]],["li",["p","Added a new ",["code","Fixed Header"]," demo. ",["a",{title:null,href:"https://ant.design/components/layout-cn/#components-layout-demo-fixed"},"demo"]]],["li",["p","Added ",["code","Sider[breakpoint]"]," to allow config responsive breakpoint. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4931"},"#4931"]]]]],["li",["p","Form"],["ul",["li",["p","Added ",["code","layout"]," to replace the original ",["code","horizontal"],"\u3001",["code","vertical"],"\u3001",["code","inline"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5056"},"#5056"]]]]],["li",["p","Calendar"],["ul",["li",["p","Added ",["code","dateFullCellRender"]," and ",["code","monthFullCellRender"]," to allow override the content of cell. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5138"},"#5138"]," ",["a",{title:null,href:"https://github.com/wonyun"},"@wonyun"]]],["li",["p","Added  ",["code","onSelect"]," for date selection. ",["a",{title:null,href:"https://ant.design/components/calendar-cn/#components-calendar-demo-select"},"demo"]]]]],["li",["p","AutoComplete"],["ul",["li",["p","Fix alignment issue in Form.Item. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5139"},"#5139"]]],["li",["p","Adde a newd ",["code","Uncertain Category"]," demo. ",["a",{title:null,href:"https://ant.design/components/auto-complete-cn/#components-auto-complete-demo-uncertain-category"},"demo"]]]]],["li",["p","Col added ",["code","xl"]," to support 1600px breakpoint. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4796"},"#4796"]," ",["a",{title:null,href:"https://github.com/hjin-me"},"@hjin-me"]]],["li",["p","Upload added ",["code","locale"]," to support i18n. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4697"},"#4697"]]],["li",["p","Transfer added ",["code","onScroll"]," to support load data dynamically. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4188"},"#4188"]]],["li",["p",["code","message"]," and ",["code","notification"]," add ",["code","getContainer"]," to allow config the render container. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5019"},"#5019"]]],["li",["p","Badge added ",["code","showZero"]," to allow config whether to show ",["code","0"]," or not. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4251"},"#4251"]]],["li",["p","InputNumber"],["ul",["li",["p","Added ",["code","formatter"]," to allow format the value to present."]],["li",["p","Added ctrl and shift key support. ",["a",{title:null,href:"https://github.com/react-component/input-number#keyboard-navigation"},"detail"]]]]],["li",["p","Added some new icons. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5107"},"#5107"]]],["li",["p","New locale support:"],["ul",["li",["p","Dutch ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4785"},"#4785"]," ",["a",{title:null,href:"https://github.com/corneyl"},"@corneyl"]]],["li",["p","Catalan ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4929"},"#4929"]," ",["a",{title:null,href:"https://github.com/aaronplanell"},"@aaronplanell"]]],["li",["p","Czech ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5169"},"#5169"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5169"},"@martinnov92"]]],["li",["p","Korean ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5141"},"#5141"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5141"},"@minsungryu"]]]]],["li",["p","Improve Spin display position. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4722"},"#4722"]]],["li",["p","Fix Checkbox comatible issue with ",["code","browser-sync"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2744"},"#2744"]]],["li",["p","Fix Steps width issue when resize window. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5083"},"#5083"]]],["li",["p","Fix Upload.Dragger unmount error. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5162"},"#5162"]]],["li",["p","Fix Button shifting during click in IE issue."]],["li",["p","FIx Input prefix and suffix vertical alignment."]]],["h2","2.7.4"],["p",["code","2017-02-28"]],["ul",["li",["p","Fix TreeSelect cannot display bug. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5092"},"#5092"]]],["li",["p","Fix Anchor ",["code","e.stopPreventDefault is not a function"]," error. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5080"},"#5080"]]],["li",["p","Fix some detail styles of Input, Cascader, Upload."]]],["h2","2.7.3"],["p",["code","2017-02-25"]],["ul",["li",["p","Unify demo code to ES6 class. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4878"},"#4878"]]],["li",["p","TypeScript"],["ul",["li",["p","Fix that ",["code","Cannot find module '../../package.json'"]," error. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4935"},"#4935"]]],["li",["p","Fix definitions of Table, RangePicker and Upload."]]]],["li",["p","Fix lack of event argument for Modal ",["code","onOk"]," ",["code","afterClose"]," and Popconfirm ",["code","onConfirm"]," ",["code","onCancel"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4787"},"#4787"]]],["li",["p","Improve animation of Menu","[inline]"," and Collapse."]],["li",["p","Improve Checkbox and Radio vertical align style."]],["li",["p","Table"],["ul",["li",["p","Fix misplace header when fix column. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4936"},"#4936"]]],["li",["p","Fix not clearing float issue. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4945"},"#4945"]]],["li",["p","Fix submenu of filter. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4975"},"#4975"]]],["li",["p","Fix that filterDropdown of fixed column cannot be interacted with. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5010"},"#5010"]]],["li",["p","Fix that arguments of ",["code","pagination.onChange"]," do not match Pagination ",["code","onChange"],"."]],["li",["p","Fix that table loading animation is not smoothing. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4934"},"#4934"]]]]],["li",["p","Improve multiple message display. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3543"},"#3543"]]],["li",["p","Fix Carousel autoplay not working after resize window. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2550"},"#2550"]]],["li",["p","Fix that controlled InputNumber cannot input number like ",["code","1.01"]," ",["code","1.001"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5012"},"#5012"]]],["li",["p","Improve Button loading switching.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4913"},"#4913"]]],["li",["p","Fix Dropdown selected menu style and ",["code",'Menu[theme="dark"]']," style. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5013"},"#5013"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4903"},"#4903"]]],["li",["p","Fix Menu submenu ",["code","z-index"]," issue. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4937"},"#4937"]]],["li",["p","Fix that DatePicker and RangePicker width cannot be reset below ",["code","300px"]," issue. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4920"
-},"#4920"]]],["li",["p","Fix style of Spin nested in Spin. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4971"},"#4971"]]],["li",["p","Fix that lack of Button style when import Popconfirm by babel-plugin-import."]],["li",["p","Fix that less variables cannot work on circle Progress. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5002"},"#5002"]]],["li",["p","Fix falsy children of Breadcrumb. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5015"},"#5015"]]],["li",["p","Fix blinking tooltip of Slider. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5003"},"#5003"]]],["li",["p","Fix that Transfer disabled option can be moved. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4981"},"#4981"]," ",["a",{title:null,href:"https://github.com/tianlizhao"},"@tianlizhao"]]],["li",["p","Documentation"],["ul",["li",["p","Fix and improve site for mobile devices."]],["li",["p","Improve 1.x to 2.x compatibility instruction."]]]]],["h2","2.7.2"],["p",["code","2017-02-17"]],["ul",["li",["p","Fix that ",["code","antd.version"]," doesn't work as expected. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4844"},"#4844"]]],["li",["p","Fix that dist files don't include locales. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4910"},"#4910"]]],["li",["p","Fix that disabled option is selectable in search mode of Cascader. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4699"},"#4699"]]],["li",["p",["strong","Button"]],["ul",["li",["p","Fix click animation of ",["code","Button[type=danger]"],"."]],["li",["p","Fix broken style with ",["code","loading"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4875"},"#4875"]]]]],["li",["p",["strong","Menu"]],["ul",["li",["p","Fix that ",["code","openKeys"]," should be controlled property in ",["code","vertical"]," mode. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4876"},"#4876"]]],["li",["p","Fix selected animation of Menu.Item."]],["li",["p","Fix broken style of Menu.SubMenu. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4906"},"#4906"]]]]],["li",["p",["strong","Table"]],["ul",["li",["p","Fix broken style of table which use small size and fixed header. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4850"},"#4850"]]],["li",["p","Fix placeholder style. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4851"},"#4851"]]],["li",["p","Simplify DOM structure. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4868"},"#4868"]]]]],["li",["p","Fix that Radio should support number ",["code","0"]," as children. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4874"},"#4874"]," ",["a",{title:null,href:"https://github.com/HQidea"},"@HQidea"]]],["li",["p","Fix that RangePicker should work with ",["code","style.width"]," which is small than 300. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4920"},"#4920"]]],["li",["p","Fix CSS compile error caused by Spin. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4915"},"#4915"]]],["li",["p","Fix that Tooltip should work with disabled button in Chrome. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4865"},"#4865"]]],["li",["p","Fix UX of Tree while dragging. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4858"},"#4858"]]],["li",["p","Fix failed style of Upload. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4810"},"#4810"]]],["li",["p","Fix that ",["code","Menu[vertical]"],"'s SubMenu cannot popup in Layout.Sider. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4890"},"#4890"]]],["li",["p","Improve animation of Button and ",["code","Badge[status=processing]"],"."]]],["p",["img",{title:null,src:"https://camo.githubusercontent.com/6874b2333f2fac3fac346404c6e70684e4dafc1a/68747470733a2f2f7a6f732e616c697061796f626a656374732e636f6d2f726d73706f7274616c2f73516b72756c716346734b4e54785158615971512e676966",alt:"Badge animation"}],"\n",["img",{title:null,src:"https://camo.githubusercontent.com/3963d12b45de4f522c2799361dbc3177e7bd93d1/68747470733a2f2f7a6f732e616c697061796f626a656374732e636f6d2f726d73706f7274616c2f46624b776d636f766d795364666c557468494e522e676966",alt:"Button animation"}]],["h2","2.7.1"],["p",["code","2017-02-10"]],["ul",["li",["p",["strong","Affix"]],["ul",["li",["p","Fix the problem of element been hidden when hover on. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4800"},"#4800"]]],["li",["p","Fix event listener can not be removed. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4755"},"#4755"]]],["li",["p","Fix can not be unfixed when scrolling fastly. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4760"},"#4760"]]]]],["li",["p",["strong","Anchor"]," Fix the location problem when offsetTop has been set. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4706"},"#4706"]]],["li",["p",["strong","AutoComplete"]],["ul",["li",["p","Fix the wrong size. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4766"},"#4766"]]],["li",["p","Fix adding error character automatically. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4778"},"#4778"]]]]],["li",["p",["strong","Dropdown"]," Add the documentation and demo about positioning of Dropdown menus. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4811"},"#4811"]]],["li",["p",["strong","Layout"]," Improve Sider's animation effect. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4752"},"#4752"]]],["li",["p",["strong","LocaleProvider"]," Fix issues with the new Swedish locale provider. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4762"},"pull-4762"]," ",["a",{title:null,href:"https://github.com/JesperWe"},"@JesperWe"]]],["li",["p",["strong","RangePicker"]," Fix the overlapping problem about the date icon. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4783"},"#4783"]," ",["a",{title:null,href:"https://github.com/zhenzong"},"@zhenzong"]]],["li",["p",["strong","Table"]],["ul",["li",["p","Add the missing value 'middle' for size definition. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4819"},"#4819"]," ",["a",{title:null,href:"https://github.com/warrenseymour"},"@warrenseymour"]]],["li",["p","Fix controlled filter does not work with JSX style. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4759"},"#4759"]]],["li",["p","Fix switch pagination problem. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4779"},"#4779"]]]]],["li",["p",["strong","Tabs"]," Fix content missing problem since the second tab pane under IE9. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4795"},"#4795"]]],["li",["p",["strong","rc-pagination"]," Upgrade to ~1.7.0, add pageSize as onChange's second argument."]],["li",["p",["strong","Global optimization"]],["ul",["li",["p","Make some bugfixes and optimizations about documentation\u3001link and style."]],["li",["p","Use stylelint instead of lesslint, and fix some lint issues. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2179"},"#2179"]]],["li",["p","Unify border radius to 4px. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4772"},"#4772"]]],["li",["p","Support ",["code","import { version } from 'antd'"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4751"},"#4751"]]]]],["li",["p",["strong","Site"]],["ul",["li",["p","Add default locale looking-up in Home Page. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4552"},"#4552"]]],["li",["p","Can search with Google. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4814"},"#4814"]]],["li",["p","Change the position of version switch. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4799"},"pull-4799"]]]]]],["h2","2.7.0"],["p",["code","2017-02-03"]],["ul",["li",["p","Added ",["code","danger"]," button and ",["code","ghost"]," button style. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4679"},"#4679"]]],["li",["p","Input element of AutoComplete can be customized. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4483"},"#4483"]]],["li",["p","Upgrade rc-cascader to ",["code","0.11.0"],", keyborad interactions supported. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4411"},"#4411"]]],["li",["p","More popup directions are supported in notification. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4700"},"#4732"]]],["li",["p","Upgrade rc-steps to ",["code","2.3.0"],", added ",["code","progressDot"]," property of Steps, which allows users to customize the display for Steps with progress dot style."]],["li",["p","Upgrade rc-input-number to ",["code","3.0.0"]],["ul",["li",["p","Input behavious will trigger ",["code","onChange"]," callback now.",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4265"},"#4265"]]],["li",["p","Fixed ",["code","onKeyUp"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4717"},"#4717"]]]]],["li",["p","Added ",["code","vertical"]," mode of Slider. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4473"},"#4473"]]],["li",["p","Tag"],["ul",["li",["p","Added preset colors. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4571"},"#4571"]]],["li",["p","Improvement vertical-align and margin."]]]],["li",["p","Add German localization for LocaleProvider.",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4686"},"#4686"]]],["li",["p","Add Swedish localization for LocaleProvider. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4455"},"#4455"]]],["li",["p","Add French localization for LocaleProvider. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4538"},"#4538"]]],["li",["p","Added ",["code","onSearchChange"]," callback of Transfer. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4464"},"#4464"]]],["li",["p","Added ",["code","maskClosable"]," property of Modal.confirm. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4488"},"#4488"],", ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4490"},"#4488"]]],["li",["p","Form"],["ul",["li",["p","Added ",["code","options.onValuesChange"]," option, because ",["code","options.onFieldsChange"]," would be triggered multiply. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/2934"},"#2934"]]],["li",["p","Added ",["code","props.form.getFieldsError"]," ",["code","props.form.isFieldTouched"]," ",["code","props.form.isFieldsTouched"]," options that can be used to disable submit button. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4374"},"#4374"]]],["li",["p","Added ",["code","hideRequiredMark"]," property. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4732"},"#4732"]]]]],["li",["p","Improvement upload list of Upload. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4516"},"#4516"]]],["li",["p","Upgrade rc-select to ",["code","6.7.1"],"."],["ul",["li",["p","Fixed duplication ",["code","onChange"]," callback. ",["a",{title:null,href:"https://github.com/react-component/select/pull/156"},"#156@rc-select"]]],["li",["p","Fixed displaying of initial value. ",["a",{title:null,href:"https://github.com/react-component/select/pull/152"},"#152@rc-select"]]]]],["li",["p","Upgrade rc-tree-select to ",["code","1.9.0"],"."],["ul",["li",["p","Added ",["code","treeDefaultExpandedKeys"]," property.",["a",{title:null,href:"https://github.com/react-component/tree-select/pull/43"},"#43@rc-tree-select"]]],["li",["p","Fixed an overflow-wrap issue. ",["a",{title:null,href:"https://github.com/react-component/tree-select/pull/42"},"#42@rc-tree-select"]]]]],["li",["p","Added less variables: ",["code","@border-style-base"]," ",["code","@border-width-base"]," ",["code","@btn-danger-color"]," ",["code","@btn-danger-bg"]," and etc."]],["li",["p","Fixed Badge misplace issue when browser zoom above 100%. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4747"},"#4747"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4290"},"#4290"]]],["li",["p","Fixed a mis-align issue of fixed header Table. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4750"},"#4750"]]],["li",["p","Fixed Table scrolling lag issue in IE. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4522"},"#4522"]]],["li",["p","Add icon aliases: ",["code","addfile"]," => ",["code","file-add"],"\uff0c",["code","addfolder"]," => ",["code","folder-open"],", and the old type names are still working. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4758"},"#4758"]]]],["h2","2.6.4"],["p",["code","2017-01-20"]],["ul",["li",["p","Improve RangePicker when selecting a preset date.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4561"},"#4561"]]],["li",["p","Fix DatePicker select time scroll issue.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4412"},"#4412"]]],["li",["p","Fix issue resulting in vertical Menu can't be controlled.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3783"},"#3783"]]],["li",["p","Fix Cascader's style when it's disabled.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4648"},"#4648"]]],["li",["p","Table"],["ul",["li",["p","Improve Table fixed header's scrollbar style.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4637"},"#4637"]]],["li",["p","Fix issue resulting in Table's header flashes when ",["code","loading"]," is true in Safari.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4622"},"#4622"]]],["li",["p","Fix multiple border issues. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4647"},"#4647"],"\u3001",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4635"},"#4635"]]],["li",["p","Fix ",["code","showHeader"],"'s default value.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4658"},"#4658"]]],["li",["p","Fix missing ",["code","TableColumnConfig"]," type.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4660"},"#4660"]]]]]],["h2","2.6.3"],["p",["code","2017-01-15"]],["ul",["li",["p","Fixed issue introduced in ",["code","2.6.2"]," that Popconfirm is not working. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4606"},"#4606"]]]],["h2","2.6.2"],["p",["code","2017-01-14"]],["ul",["li",["p","Added a Third-Party Library Page for recommending other greet react components. ",["a",{title:null,href:"/docs/react/recommendation"},"Link"]]],["li",["p","Fixed misplaced Sider of Layout. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4459"},"#4459"]]],["li",["p","Fixed Input.Search wrong block layout and misplaced icon. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4540"},"#4540"]]],["li",["p","Added a customize Collapse panel demo. ",["a",{title:null,href:"/components/collapse/#components-collapse-demo-custom"},"Link"]]],["li",["p","Table"],["ul",["li",["p","Enlarged the width of selection column and expand column."]],["li",["p","Fixed not-available pagination issue when property ",["code","pagination"]," is changed. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4532"},"#4532"]]],["li",["p","Fixed that three level filter menu is not working. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4541"},"#4541"]]],["li",["p","Fixed ",["code","column.filteredValue"]," issue of cannot being set to ",["code","null"],"."]]]],["li",["p","Now Carousel is undragglble and text-selectable defaultly."]],["li",["p","Added warnings when non-BreadcrumbItem node is nested under Breadcrumb. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4403"},"#4403"]]],["li",["p","Fixed Tooltip hidden issue when ",["code","onVisibleChange(visible)"]," return ",["code","true"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4579"},"#4579"]]],["li",["p","Make TreeSelect panel default height smaller than screen height. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4537"},"#4537"]]],["li",["p","Added less variables of TimePicker and Spin."]],["li",["p","Replaced arrows of DatePicker year panel by year text. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4415"},"#4415"]]],["li",["p","Fixed TypeScript definites of AutoComplete and Form ",["code","[options.validateTrigger]"],"."]],["li",["p","Improved the animation details of Spin and Progress."]]],["h2","2.6.1"],["p",["code","2017-1-6"]],["ul",["li",["p","Fix style problem for Menu dark theme. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4440"},"#4440"]]],["li",["p","Fix TypeScript interface definition for ",["code","Select[tokenSeparators]"]," ",["code","Modal[afterClose]"]," ",["code","Input[name]"]," and so on. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4441"},"#4441"]," ",["a",{title:null,href:"https://github.com/eddhannay"},"@eddhannay"]]],["li",["p","Fix that ",["code","TimePicker[placeholder]"]," cannot be set to empty string. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4446"},"#4446"]," ",["a",{title:null,href:"https://github.com/jialeicui"},"@jialeicui"]]],["li",["p","Fix style problem in DatePicker year panel. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4415"},"#4415"]]],["li",["p","Fix that Table loading doesn't mask Pagination. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4461"},"#4461"]]],["li",["p","Fix align style for ",["code","Input[prefix|suffix]"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/c4ac4d1eca53ae2f6f4a1e15210b43745f283534"},"commit"]]],["li",["p","Fix align style for Cascader. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/1fbebd4ecfff432e1b2261c9dfee4b9f471e7b1f"},"commit"]]]],["h2","2.6.0"],["p",["code","2017-1-2"]],["ul",["li",["p","Brand new color system. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4426"},"pull/4426"]],["ul",["li",["p","Brand new color algorithm replacing the tint/shade system."]],["li",["p","Brand new color palattes generated by new algorithm. ",["a",{title:null,href:"http://ant.design/docs/spec/colors"},"Link"]]],["li",["p","Change default font color."]]]],["li",["p","Add Layout component. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3534"},"#3534"]]],["li",["p","Add Grid playground demo. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/ee17abfa9d0362c6f9baab4a9a09e57574583246"},"commit/ee17ab"]]],["li",["p","Input"],["ul",["li",["p","Support prefix and suffix. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4226"},"#4226"]," ",["a",{title:null,href:"https://github.com/ystarlongzi"},"@ystarlongzi"]]],["li",["p","InputGroup support compact display mode. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4309"},"pull/4309"]]]]],["li",["p","Spin support delayed display. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4306"},"#4306"]]],["li",["p","Fix the dislocation problem of Pagination in low resolution. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4349"},"#4349"]]],["li",["p","Fix wrapping display of Dropdown.Button. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4355"},"pull/4355"]," ",["a",{title:null,href:"https://github.com/Morhaus"},"@Morhaus"]]],["li",["p","Fix wrong background color of Cascader in disabled status. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4434"},"#4434"]]],["li",["p","Fix MonthPicker","[monthcellcontentrender]"," doesn't work, and some documentation errors. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4394"},"#4394"]]],["li",["p","Fix the extra border of ButtonGroup. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4382"},"#4382"]," ",["a",{title:null,href:"https://github.com/ystarlongzi"},"@ystarlongzi"]]],["li",["p","Fix wrong background color of the Submenu(horizontal mode). ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4414"},"#4414"]]],["li",["p","Fix overlapping graphics with Select/Cascader in Form.Item with hasFeedback. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4431"},"#4431"]," ",["a",{title:null,href:"https://github.com/JesperWe"},"@JesperWe"]]],["li",["p","Reset border-radius of the first row in Table without header. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4373"},"#4373"]]],["li",["p","Improve the drag performance of Tree. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4371"},"#4371"]]],["li",["p","Improve official website and documentation, fix some bugs."]],["li",["p","Update rc-form to support nested style of getFieldDecorator","[id]","."]]],["h2","2.5.3"],["p",["code","2016-12-24"]," \ud83c\udf84\ud83c\udf84\ud83c\udf84"],["ul",["li",["p","Supports TypeScript@2.1. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4208"},"#4208"]]],["li",["p","Fix style issue resulting in nested Tabs. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4317"},"#4317"]]],["li",["p","Fix ",["code","onChange"]," callback issue resulting in Radio. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4242"},"#4242"]," ",["a",{title:null,href:"https://github.com/ystarlongzi"},"@ystarlongzi"]]],["li",["p","Fix a FormItem mis-aligin bug. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4271"},"#4271"]]],["li",["p","Fix background issue resulting in selected element of veritcal Menu.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4253"},"#4253"]]],["li",["p","Improve arguments type of ",["code","onVisibleChange"]," callback of  Dropdown.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4236"},"#4236"]," ",["a",{title:null,href:"https://github.com/bang88"},"@bang88"]]],["li",["p","Improve first argument type of ",["code","onChange"]," callback of Cascader.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4231"},"#4231"]," ",["a",{title:null,href:"https://github.com/bang88"},"@bang88"]]],["li",["p","Improve default width of Datepicker","[showtime]",". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/b912f1cea6f470c16b8dd90554883460161cef47"},"b912f1c"]]]],["h2","2.5.2"],["p",["code","2016-12-10"]],["ul",["li",["p","Improve selected item style of Menu."]],["li",["p","Fix issue resulting in Mention not responses ",["code","onFocus"]," and ",["code","onBlur"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4163"},"#4163"]]],["li",["p","Fix issue resulting in there is a redundant shadow between ",["code","disabled"]," and ",["code","checked"]," Radio. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4114"},"#4114"]," @jdz321"]],["li",["p","Fix error when setting Momment ",["code","defaultValue"]," or ",["code","value"]," on RangePicker, TimePicker, Calendar. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4147"},"#4147"]]],["li",["p","Fix issue resulting in Affix disappears when it's uesed in animated Tabs. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3943"},"#3943"]]],["li",["p","Fix issue resulting in Cascader passes different ",["code","selectedOptions"]," to ",["code","onChange"]," when manually selecting and selecting by search. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4096"},"#4096"]]],["li",["p","Fix issue resulting in Tabs get offset, when too many tabs are opening. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3637"},"#3637"]]],["li",["p","Table"],["ul",["li",["p","Align text of grouped parent header to center."]],["li",["p","Fix issue resulting in ",["code","filterDropdownVisible"]," can't be set correctly. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4162"},"#4162"]]]]]],["h2","2.5.1"],["p",["code","2016-12-03"]],["ul",["li",["p","Improve website experience on mobile devices."]],["li",["p","Add some migrate warnings for ",["code","1.x"]," to ",["code","2.x"],"."]],["li",["p","ToolTip, Popover, Popconfirm support to wrap text node and multiple node directly now. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3924"},"#3924"]]],["li",["p","Anchor"],["ul",["li",["p","Fix current position bug when scroll fastly. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4053"},"#4053"]]],["li",["p","Fix a bug of parent component ref node is undefined. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4037"},"#4037"]]]]],["li",["p","Table"],["ul",["li",["p","Fix a selection problem when setting defaultChecked in rowSelection. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4020"},"#4020"]]],["li",["p","Fix grouping column title cannot work with filters. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4099"},"#4099"]]]]],["li",["p","Fix a misplace bug when using Popover over ",["code",'Input[type="textarea"]'],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4092"},"#4092"]]],["li",["p","Fix Popconfirm ",["code","visible"]," is not-working problem. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4068"},"#4068"]]],["li",["p","Fix TimePicker can not override width by ",["code","style.width"],"."]],["li",["p","Unify Steps icon size. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3817"},"#3817"]]],["li",["p","Fix style details of Form, Button, Slider, Table."]]],["h2","2.5.0"],["p",["code","2016-11-25"]],["ul",["li",["p","Change the default theme to Alipay style and improve lots of style details."]],["li",["p","Supports server-side rendering. (",["code","Mention"]," will throw warning for ",["a",{title:null,href:"https://github.com/facebook/draft-js/issues/385"},"draft-js"],"' issue)"]],["li",["p","Introduce ",["a",{title:null,href:"https://facebook.github.io/jest/docs/tutorial-react.html#snapshot-testing"},"Jest Snapshot"]," to test the structure of components and SSR issues."]],["li",["p","Improve official website and documentation."]],["li",["p","Add ",["a",{title:null,href:"https://ant.design/docs/react/customize-theme"},"document"]," for customizing theme."]],["li",["p","Add ",["a",{title:null,href:"https://ant.design/docs/resource/download"},"Sketch template files"],"."]],["li",["p",["code","LocaleProvider"]," supports Brazilian. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4004"},"#4004"]," ",["a",{title:null,href:"https://github.com/nathantn"},"@nathantn"]]],["li",["p","DatePicker"],["ul",["li",["p",'DatePicker can determine whether to show "Today" button. ',["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/bbef274aae169d142e3e7e3ea0af922d48e6dd64"},"commit"]]],["li",["p","RangePicker can set presetted ranges. ",["a",{title:null,href:"https://ant.design/components/date-picker/#components-date-picker-demo-presetted-ranges"},"demo"]]],["li",["p",'Fix "Now" button doesn\'t work while ',["code","DatePicker[showTime]"]," is set. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3748"},"#3748"]]],["li",["p","Fix ",["code","RangePicker[format]"]," should work. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3808"},"#3808"]]],["li",["p","Fix issue that RangePicker ",["code","placeholder=['xx', 'xx']"]," not working."]]]],["li",["p","Add and update some icons. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3977"},"#3977"]]],["li",["p","New component ",["code","Input.Search"],". ",["a",{title:null,href:"https://ant.design/components/input/#components-input-demo-search-input"},"demo"]]],["li",["p","Mention onSelect event will get complete record. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3867"},"#3867"]]],["li",["p","Pagination can get current range. ",["a",{title:null,href:"https://ant.design/components/pagination/#components-pagination-demo-total"},"demo"]]],["li",["p","Table"],["ul",["li",["p","We can control the visible of customized ",["code","filterDropdown"],". ",["a",{title:null,href:"https://ant.design/components/table/#components-table-demo-custom-filter-panel"},"demo"]]],["li",["p","Supports JSX-style columns. ",["a",{title:null,href:"https://ant.design/components/table/#components-table-demo-jsx"},"demo"]]],["li",["p","Can listen the click event of table cell by ",["code","onCellClick"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3774"},"#3774"]]],["li",["p","Fix border radius of head of border-less table."]],["li",["p","Fix that height of title and footer don't follow ",["code","Table[size]"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/9e6439b06cd099ab384a4a2f026f0def6e12bf23"},"commit"]]],["li",["p","Fix issue with selected status. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3900"},"#3900"]]]]],["li",["p","Upload"],["ul",["li",["p","Fix that children could not be ",["code","null"],"."]],["li",["p","Fix logic of preview. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/e552880c32aaa3f5b0fb09a5e1fb7454c24d5378"},"commit"]]]]],["li",["p","Fix ",["code","z-index"]," of Badge. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3898"},"#3898"]]],["li",["p","Fix alignment of multi-line Checkbox. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3971"},"#3971"]," ",["a",{title:null,href:"https://github.com/flashback313"},"@flashback313"]]],["li",["p","Fix alignment of InputNumber while using with other form controls. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3866#issuecomment-261148256"},"#3866(comment)"]]],["li",["p","Fix style of ",["code","Menu.Divider"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3813"},"#3813"]]],["li",["p","Fix that Popover should support Checkbox and Radio as children. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3455"},"#3455"]]],["li",["p","Fix height of ",["code","Select[combobox]"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3855"},"#3855"]]],["li",["p","Fix style of actived Switch. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3838"},"#3838"]]],["li",["p",'Fix that Transfer doesn\'t show "Not Found" while there is no search result. ',["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3996"},"#3996"]]],["li",["p","Fix style of placeholder of TreeSelect. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3841"},"#3841"]]],["li",["p","Fix compile errors in TypeScript. ",["a",{
-title:null,href:"https://github.com/ant-design/ant-design/pull/3969"},"#3969"]," ",["a",{title:null,href:"https://github.com/AlbertZheng"},"@AlbertZheng"]]],["li",["p","Fix that feedback icon should not affect users' operation. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3891"},"#3891"]]]],["h2","2.4.3"],["p",["code","2016-11-17"]],["ul",["li",["p","Fix errors in ",["code","Anchor"]," about querySelector, and make some experience Optimization .",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3832"},"#3832"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3844"},"#3844"]]]],["h2","2.4.2"],["p",["code","2016-11-13"]],["ul",["li",["p","Fix ",["code","Dropdown.Button"]," cannot popup menu.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3815"},"#3815"]]]],["h2","2.4.1"],["p",["code","2016-11-11"]],["ul",["li",["p","Fix ",["code","2.4.0"]," missing index files."]]],["h2","2.4.0"],["p",["code","2016-11-11"]],["ul",["li",["p","Adjust components structure."]],["li",["p","New ",["a",{title:null,href:"https://ant.design/components/anchor"},"Anchor"]," Component."]],["li",["p","Fix less variables ",["code","@font-size-base"]," and ",["code","@text-color"],", add ",["code","@font-size-lg"]," ",["code","@text-color-secondary"],"."]],["li",["p","Add new props ",["code","selectedKeys"]," for ",["code","Transfer"]," component ","[#3729]",". (",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3729"},"https://github.com/ant-design/ant-design/issues/3729"],")"]],["li",["p","Add ",["code","Tag"]," selected status."]],["li",["p","Fix ",["code","Dropdown.Button"]," not support ",["code","visible"]," and ",["code","onVisibleChange"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3779"},"#3779"]]],["li",["p","Fix ",["code","Now"]," button of ",["code","DatePicker[showTime]"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3748"},"#3748"]]],["li",["p","Fix style of ",["code","Steps"]," in vertical mode. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3760"},"#3760"]]],["li",["p","Fix style compatibility of ",["code","Spin"]," in IE10+.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3755"},"#3755"]]],["li",["p","Fix default style of ",["code","Carousel"]," component."]],["li",["p","Fix focus logic of ",["code","Mention"]," component. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3801"},"#3801"]]],["li",["p","Fix animate bug of ",["code","Progress"]," component. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3784"},"#3784"]]],["li",["p","Fix focus bug of ",["code","Select"]," component. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3778"},"#3778"]]],["li",["p","Fix ",["code","TimePicker"]," not support ",["code",'format="HH"']," bug. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3793"},"#3793"]]],["li",["p","Fix ",["code","Input"]," ",["code","suffix"]," mouse event responsive area. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3714"},"#3714"]]],["li",["p","Improve performance of ",["code","Table"]," selection. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3757"},"#3757"]]],["li",["p","Improve Carousel default UI style."]],["li",["p","Improve style of ",["code","Checkbox"]," and ",["code","Radio"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3590"},"#3590"]]],["li",["p","Fix style of DatePickek, Form, Table."]]],["h2","2.3.2"],["p",["code","2016-11-09"]],["ul",["li",["p","Fix dead loop while using ",["code","getFieldProps"],"."]]],["h2","2.3.1"],["p",["code","2016-11-07"]],["ul",["li",["p","Add missing ",["code","dist/antd.css"]," back."]]],["h2","2.3.0"],["p",["code","2016-11-04"]],["ul",["li",["p","Upgrade normalize.css to 5.0."]],["li",["p","Point main file to ",["code","lib/index.js"]," in package.json. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3397"},"#3397"]]],["li",["p","A brand new ",["code","Spin"]," design."]],["li",["p","Add ",["code","addon"]," for ",["code","TimePicker"]," to allow render some addon to its bottom."]],["li",["p","Add ",["code","onDragEnd"]," for ",["code","Tree"],"."]],["li",["p","Add ",["code","bordered"]," for ",["code","Collapse"],"."]],["li",["p","Improve ",["code","Tabs"]," switch animation."]],["li",["p","Improve ",["code","Radio"]," and ",["code","Checkbox"]," style when it's disabled and mouse hovered. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3590"},"#3590"]]],["li",["p","Optimize ",["code","Transfer"]," performance.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2860"},"#2860"]]],["li",["p","Fix nested ",["code","Popover"]," style issue. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3448"},"#3448"]]],["li",["p","Fix issue resulting in server side render ",["code","Transfer"]," failed. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3686"},"#3686"]]],["li",["p","Fix issue resulting in preview image not display when ",["code","Upload"]," in ",["code","picture-card"]," mode. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3706"},"#3706"]," ",["a",{title:null,href:"https://github.com/denzw"},"@denzw"]]],["li",["p","DatePicker"],["ul",["li",["p",["code","onChange"]," will be triggered when ",["code","DatePicker"]," in ",["code","showTime"]," mode on blur now."]],["li",["p","Add ",["code","monthCellContentRender"]," for ",["code","MonthPicker"],"."]],["li",["p",["code","Rangepicker"]," can input time manually now.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3718"},"#3718"]]],["li",["p","Add czech locale/translations."]]]],["li",["p","Badge"],["ul",["li",["p","Improve number over 99 displaying when mouse hovering. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3645"},"#3645"]]],["li",["p","Fix moving animation when using ",["code","Badge"]," alone. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3709"},"#3709"]]]]],["li",["p","Mention"],["ul",["li",["p","Fix issue resulting in ",["code","Mention"]," will be covered by ",["code","Table"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3588"},"#3588"]]],["li",["p","Add ",["code","getSuggestionContainer"]," to allow specify container. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3658"},"#3658"]]]]],["li",["p","Tag"],["ul",["li",["p","Deprecate ",["code","color"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3560"},"#3560"]]],["li",["p","Add ",["code","type"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3560"},"#3560"]]],["li",["p","Add ",["code","checkable"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3560"},"#3560"]]]]],["li",["p","Radio.Group"],["ul",["li",["p","Add ",["code","className"],"."]],["li",["p",["code","null"]," or ",["code","undefined"]," ",["code","children"]," will be ignored."]]]],["li",["p","Select"],["ul",["li",["p","Add ",["code","tokenSeparators"]," to support automatic tokenization. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2071"},"#2071"]]],["li",["p","Add ",["code","onFocus"]," callback. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3587"},"#3587"]]],["li",["p","Fix issue resulting in Select can't display correct selected item text in ",["code","combobox"]," mode. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3401"},"#3401"]]]]]],["h2","2.2.1"],["p",["code","2016-11-02"]],["ul",["li",["p","Fix controlled DatePicker","[showtime]"," not working bug. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3665"},"#3665"]]]],["h2","2.2.0"],["p",["code","2016-10-28"]],["ul",["li",["p","Supports TypeScript@2.0. ",["a",{title:null,href:"https://github.com/AlbertZheng"},"@AlbertZheng"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3358"},"#3358"]]],["li",["p","Not rely on specific version of React now. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3627"},"#3627"]]],["li",["p","Alert supports ",["code","className"]," ",["code","style"],"."]],["li",["p","DatePicker & MonthPicker & RangePicker allow developers to set whether to show the clear button. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3618"},"#3618"]]],["li",["p","Form.Item can generate ",["code","validateStatus"]," & ",["code","help"]," for nested form control automatically. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3212"},"#3212"]]],["li",["p","RangePicker can set some hours or minutes or seconds to be not selectable. ",["a",{title:null,href:"https://ant.design/components/date-picker/#components-date-picker-demo-disabled-date"},"#"]]],["li",["p","Switch"],["ul",["li",["p","The width of Switch will resize automatically, according to ",["code","checkedChildren/unCheckedChildren"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3380"},"#3380"]]],["li",["p","Improve the switch animation."]]]],["li",["p","Upload can ",["a",{title:null,href:"https://github.com/react-component/upload#customrequest"},"customized request"]," now. ",["a",{title:null,href:"https://github.com/edgji"},"@edgji"]]],["li",["p","Icon"],["ul",["li",["p","New icons ",["code","bulb"]," ",["code","select"]," ",["code","like-o"]," ",["code","dislike-o"],"."]],["li",["p","Adjust existing icons ",["code","loading"]," ",["code","like"]," ",["code","dislike"],"."]]]],["li",["p","Improve the TypeScript definition of Card & DatePicker & Icon & Table. ",["a",{title:null,href:"https://github.com/infeng"},"@infeng"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3468"},"3468"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3603"},"#3603"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3531"},"#3531"]]],["li",["p","Fix Cascader ",["code","defaultValue"]," should work. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3470"},"#3470"]]],["li",["p","Fix the alignment of Button & Input & DatePicker & Select. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3481"},"#3481"]]],["li",["p","DatePicker"],["ul",["li",["p","Fix wrong timing of triggering ",["code","onChange"]," while ",["code","DatePicker[showTime]"]," is set. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3523"},"#3523"]]]]],["li",["p","Fix ",["code","Dropdown.Button[disabled]"]," doesn't works for behaviour. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3535"},"#3535"]]],["li",["p","Menu"],["ul",["li",["p","Fix errors in SSR, thanks to  ",["a",{title:null,href:"https://github.com/xpcode"},"@xpcode"]," to find the solution. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2061"},"#2061"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2406"},"#2406"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3293"},"#3293"]]],["li",["p","Fix children don't support ",["code","null"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3599"},"#3599"]]]]],["li",["p","Fix loading status animation for message.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3536"},"#3536"]]],["li",["p","Form"],["ul",["li",["p","Fix style issue while using ",["code","Form[inline]"]," and ",["code","Input[addonBefore|addonAfter]"]," together. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3524"},"#3524"]]],["li",["p","Fix style issue for Radio.Button in Form.Item."]],["li",["p","Fix style issue for search button in Form.Item. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3630"},"#3630"]]],["li",["p","Fix Form.Item should not treat no user input as validate success. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3613"},"#3613"]]]]],["li",["p","Should not limit the min width of Popover while ",["code","Popover[title]"]," is not set."]],["li",["p","Table"],["ul",["li",["p","Fix style of fixed header of Table while ",["code","dataSource"]," is empty.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3567"},"#3567"]]],["li",["p","Fix Table will overlap SubMenu while ",["code","dataSource"]," is empty. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3521"},"#3521"]]]]],["li",["p","Tabs"],["ul",["li",["p","Height of header of ",["code",'Tabs[type="card|editable-card"]']," should follow design."]],["li",["p","Fix height of TabPane should follow height of its content. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3304"},"#3304"]]]]],["li",["p","Fix style of ",["code","TreeSelect[showSearch]"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3520"},"#3520"]]]],["h2","2.1.0"],["p",["code","2016-10-16"]],["ul",["li",["p","Supports spinning Icon."]],["li",["p","Tabs's switch animation could be disabled now. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3324"},"#3324"]]],["li",["p","Add Spanish localization for LocaleProvider. @Danjavia"]],["li",["p","Update Russian localization for LocaleProvider. @plandem"]],["li",["p","Add ",["code","onSelect"]," event for AutoComplete."]],["li",["p","Improve style of Modal."]],["li",["p","Improve animation of Tooltip."]],["li",["p","Improve style of Transfer's buttons."]],["li",["p","Improve style of Tree."]],["li",["p","Fix some less variables."]],["li",["p","Fix errors while import the whole antd in SSR."]],["li",["p","Fix errors while render Affix and BackTop on server. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3283"},"#3283"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3343"},"#3343"]]],["li",["p","Fix conflicts between Cascader search mode and browser's autocomplete behaviour. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3350"},"#3350"]]],["li",["p","Fix bug that ",["code","h3"]," cannot be the value of Card","[title]",". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3388"},"#3388"]]],["li",["p","DatePicker"],["ul",["li",["p","Fix bug that ",["code","onChange"]," will be trigger twice when ",["code","showTime"]," is set. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3376"},"#3376"]]],["li",["p","Fix differences between overlay's and trigger's date format. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3405"},"#3405"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3298"},"#3298"]]],["li",["p","Fix style conflicts with TimePicker. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3312"},"#3312"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3307"},"#3307"]]]]],["li",["p","Fix overflow issue for Form.Item label."]],["li",["p","Fix that Icon should not show border in Safari."]],["li",["p","Fix infinite loop while inc/dec InputNubmer with keyboard. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3239"},"#3239"]]],["li",["p","Fix the style of the arrow of Popover."]],["li",["p","Fix bug Popover and Popconfirm ",["code","arrowPointAtCenter"]," doesn't work."]],["li",["p","Select"],["ul",["li",["p","Fix bug that styles of Select are imported twice. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3332"},"#3332"]]],["li",["p","Fix bug ",["code","notFoundContent"]," cannot be set as ",["code","''"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3345"},"#3345"]]],["li",["p","Fix the unstable width of table cell with Select","[showsearch]",". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3413"},"#3413"]]]]],["li",["p","Fix style conflicts while use ",["code","border"]," & ",["code","title"]," & ",["code","footer"]," of Table at the same time. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3301"},"#3301"]]],["li",["p","Fix that the height of TabPane doesn't follow height of content. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3377"},"#3377"]]],["li",["p","Fix bug Transfer","[titles]"," is not under the control of LocaleProvider. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3264"},"#3264"]]],["li",["p","Upload"],["ul",["li",["p","Fix bug users' ",["code","onRemove"]," will override default behaviour. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3317"},"#3317"]]],["li",["p","Fix style for ",["code","listType='picture-card'"],".",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3316"},"#3316"]]]]],["li",["p","Fix bug that moment locales is not found while built. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3204"},"#3204"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3411"},"#3411"]]]],["h2","2.0.1"],["p",["code","2016-10-01"]],["ul",["li",["p","Fix developers cannot call methods of react-slick. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3164"},"#3164"]]],["li",["p","Fix Steps.Step","[icon]"," should support React.ReactNode. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3159"},"#3159"]]],["li",["p","Fix server-side render for Affix. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3216"},"#3216"]]],["li",["p","Fix Mention should support ",["code","onSelect"]," ",["code","placeholder"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3236"},"#3236"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3226"},"#3226"]]],["li",["p","Fix Transfer cannot work with ",["code","getFieldDecorator"],"."]],["li",["p","Fix LocaleProvider doesn't work for time-related components."]],["li",["p","Fix Cascader doesn't show search text in search mode."]],["li",["p","Fix the animation & text Spin should be placed in vertical middle."]],["li",["p","Fix styles of RangePicker Modal Tag Progress."]]],["h2","2.0.0"],["p",["code","2016-09-28"]],["p","After four months, ",["code","antd@2.0.0"]," is published. We had refactored code and improve functionalities and details of existing components. What's more, we provide English version of the documentation. The antd community help us a lot in developing ",["code","antd@2.0.0"],"."],["p","If you meet any problem while you try to upgrade from ",["code","antd@1.0.0"],", feel free to ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues"},"create issues on GitHub"],"."],["h3","2.x Major changes"],["ul",["li",["p","Refactor components with TypeScript, and provide ",["strong",["code",".d.ts"]," files which are officially supported"],". Thanks to all the developers that contributed to ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/1846"},"#1846"]," and @infeng."]],["li",["p",["strong","Translate the documentation into English"],", and we are going to provide both of Chinese and English versions of the documentation in the future. Thanks to all the translators and reviewers that contributed to ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/1471"},"#1471"],"."]],["li",["p","DatePicker, TimePicker, Calendar and other components that are designed to select time ",["strong","are refactored to replace ",["a",{title:null,href:"github.com/yiminghe/gregorian-calendar"},"gregorian-calendar"]," with ",["a",{title:null,href:"http://momentjs.com/"},"moment"]],"."]],["li",["p","All the ",["a",{title:null,href:"http://ant.design/components/icon/"},"icons"]," are re-designed."]],["li",["p","New component ",["a",{title:null,href:"http://ant.design/components/mention/"},"Mention"],"."]],["li",["p","New component ",["a",{title:null,href:"http://ant.design/components/auto-complete/"},"AutoComplete"],"."]],["li",["p","The ",["code","getFieldProps"]," of Form is replaced with ",["code","getFieldDecorator"]," which will warn developers if they make mistakes. Related discussion ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/1533"},"#1533"],"."]],["li",["p","Table supports ",["a",{title:null,href:"http://ant.design/components/table/#components-table-demo-grouping-columns"},"grouping columns"],". @yesmeck"]],["li",["p","Removed components and features which are deprecated in ",["code","antd@1.x"],", such as QueueAnim, Validation, Form.ValueMixin, Progress.Line, Progress.Circle, Popover","[overlay]"," and Slider","[marks]"," will not support array any more."]]],["h3","2.x Breaking changes"],["blockquote",["p","We suggest you upgrade to lastest version of ",["code","2.x"],"."]],["p","There are some breaking changes in ",["code","antd@2.0.0"],", and you need to modify your code to work with it."],["ul",["li",["p",["code","value"]," and ",["code","defaultValue"]," of all the time-related components will not support type ",["code","String/Date"],", please use ",["a",{title:null,href:"http://momentjs.com/"},"moment"],":"],["pre",{lang:"diff",highlighted:'<span class="token deleted">- &lt;TimePicker defaultValue="12:08:23" /></span>\n<span class="token inserted">+ &lt;TimePicker defaultValue={moment(\'12:08:23\', \'HH:mm:ss\')} /></span>\n\n<span class="token deleted">- &lt;DatePicker defaultValue="2015/01/01" /></span>\n<span class="token inserted">+ &lt;DatePicker defaultValue={moment(\'2015/01/01\', \'YYYY/MM/DD\')} /></span>\n\n<span class="token deleted">- &lt;Calendar defaultValue={new Date(\'2010-10-10\')} /></span>\n<span class="token inserted">+ &lt;Calendar defaultValue={moment(\'2010-10-10\', \'YYYY-MM-DD\')} /></span>'},["code","- <TimePicker defaultValue=\"12:08:23\" />\n+ <TimePicker defaultValue={moment('12:08:23', 'HH:mm:ss')} />\n\n- <DatePicker defaultValue=\"2015/01/01\" />\n+ <DatePicker defaultValue={moment('2015/01/01', 'YYYY/MM/DD')} />\n\n- <Calendar defaultValue={new Date('2010-10-10')} />\n+ <Calendar defaultValue={moment('2010-10-10', 'YYYY-MM-DD')} />"]]],["li",["p","Parameters of type ",["code","Date/GregorianCalendar"]," of functions such as ",["code","onChange"]," and ",["code","onPanelChange"],", plus other callback functions had been changed to type moment. Please consult ",["a",{title:null,href:"https://github.com/yiminghe/gregorian-calendar"},"APIs of gregorian-calendar"]," and ",["a",{title:null,href:"http://momentjs.com/docs/"},"APIs of moment"],", and update your code accordingly. And you can consult this ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/4026221d451b246956983bb42140142d4a48b7d7"},"commit"]," to see how to update."],["p","Because the return value of ",["code","JSON.stringy(date: moment)"]," will lost time zone, we should use ",["code",".format"]," to convert date to string first, see related issue ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3082"},"#3082"]," for details:"],["pre",{lang:"js",highlighted:'<span class="token function">handleSubmit</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>\n  <span class="token keyword">const</span> values <span class="token operator">=</span> <span class="token keyword">this</span><span class="token punctuation">.</span>props<span class="token punctuation">.</span>form<span class="token punctuation">.</span><span class="token function">getFieldsValue</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n  values<span class="token punctuation">.</span>date <span class="token operator">=</span> values<span class="token punctuation">.</span>date<span class="token punctuation">.</span><span class="token function">format</span><span class="token punctuation">(</span><span class="token string">\'YYYY-MM-DD HH:mm:ss\'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment" spellcheck="true">// or other format</span>\n  <span class="token keyword">const</span> data <span class="token operator">=</span> JSON<span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>values<span class="token punctuation">)</span><span class="token punctuation">;</span>\n  <span class="token comment" spellcheck="true">// send data to server</span>\n<span class="token punctuation">}</span>'},["code","handleSubmit() {\n  const values = this.props.form.getFieldsValue();\n  values.date = values.date.format('YYYY-MM-DD HH:mm:ss'); // or other format\n  const data = JSON.stringify(values);\n  // send data to server\n}"]]],["li",["p","For the value of time-related components becomes an instance of ",["code","moment"],", you should replace ",["code","type: 'date'"]," with ",["code","type: 'object'"]," in form validation."]],["li",["p","The ",["code","format"]," of time-related components is changed from ",["a",{title:null,href:"https://github.com/yiminghe/gregorian-calendar-format#api"},"gregorian-calendar-format"]," to ",["a",{title:null,href:"http://momentjs.com/docs/#/parsing/string-format/"},"moment  format"]," now, for instance the format ",["code","yyyy-MM-dd"]," should change to ",["code","YYYY-MM-DD"],"."]],["li",["p",["code","linkRender"]," and ",["code","nameRender"]," of Breadcrumb are removed, please use ",["code","itemRender"],"."]],["li",["p",["code","onClose"]," and ",["code","onOpen"]," of Menu are removed, please use ",["code","onOpenChange"],". As being totally different, please check ",["a",{title:null,href:"http://beta.ant.design/components/menu/#components-menu-demo-sider-current"},"this demo"]," first."]],["li",["p","Paging columns of Table were removed, please use ",["a",{title:null,href:"http://ant.design/components/table/#components-table-demo-fixed-columns"},"fixed columns"],"."]],["li",["p",["code","Popover[overlay]"]," is removed, please use ",["code","Popover[content]"]," instead."]]],["p","The following change will throw some warnings in the console and it will still work, but we recommend to update your code."],["ul",["li",["p",["code","getFieldProps"]," of Form is deprecated, please use ",["code","getFieldDecorator"],":"],["pre",{lang:"diff",highlighted:'<span class="token deleted">-  &lt;Input placeholder="text" {...getFieldProps(\'userName\', { ... })} /></span>\n<span class="token inserted">+  {getFieldDecorator(\'userName\', { ... })(</span>\n<span class="token inserted">+    &lt;Input placeholder="text" /></span>\n<span class="token inserted">+  )}</span>'},["code","-  <Input placeholder=\"text\" {...getFieldProps('userName', { ... })} />\n+  {getFieldDecorator('userName', { ... })(\n+    <Input placeholder=\"text\" />\n+  )}"]],["p","Look up to ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/1533"},"#1533"]," for related discussion."]],["li",["p",["code","toggleOpen"]," of DatePicker is deprecated, please use ",["code","onOpenChange"],":"],["pre",{lang:"diff",highlighted:'<span class="token deleted">- handleToggleOpen({ open }) {</span>\n<span class="token inserted">+ handleOpenChange(open) {</span>\n  ...\n}'},["code","- handleToggleOpen({ open }) {\n+ handleOpenChange(open) {\n  ...\n}"]]]],["h3","2.x Bug fixes"],["ul",["li",["p","Dropdown.Button","[disabled]"," should work. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3070"},"#3070"]]],["li",["p",["code","option.withRef"]," of Form.create should work. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2843"},"#2843"]]],["li",["p","Fix slow response of expanding sub menu in Menu","[inline]"," mode. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2701"},"#2701"]]],["li",["p","The button of Modal.confirm(and so on) should not be clickable while it is closed asynchronously. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2684"},"#2684"]]],["li",["p",["code","format"]," of DatePicker","[showtime]"," should work. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3123"},"#3123"]]],["li",["p","Fix Table","[datasource]"," treat key whose value is ",["code","0"]," as inexisting. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3166"},"#3166"]," @noonnightstorm"]],["li",["p","Tree.Node should not show arrow if it has no child nodes. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2616"},"#2616"]]],["li",["p","Fix cursor style of arrows that are hidden of Tree.Node. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2748"},"#2748"]]]],["h3","2.x Other improvements"],["ul",["li",["p","Alert supports ",["a",{title:null,href:"http://ant.design/components/alert/#components-alert-demo-banner"},["code","banner"]," mode"],"."]],["li",["p","BackTop will scroll to top with animation."]],["li",["p","Badge supports ",["a",{title:null,href:"http://ant.design/components/badge/#components-badge-demo-status"},"status dot mode"],"."]],["li",["p","Cascader supports ",["a",{title:null,href:"http://ant.design/components/cascader/#components-cascader-demo-search"},"searching options directly"],"."]],["li",["p","Checkbox supports ",["a",{title:null,href:"http://ant.design/components/checkbox/#components-checkbox-demo-check-all"},"indeterminate mode"],"."]],["li",["p","Form supports ",["a",{title:null,href:"http://ant.design/components/form/#components-form-demo-validate-customized"},"vertical layout"],"."]],["li",["p","InputNumber supports long press to increase/decrease number. ",["a",{title:null,href:"http://ant.design/components/input-number/#components-input-number-demo-basic"},"#"]]],["li",["p","notification supports ",["a",{title:null,href:"http://ant.design/components/notification/#components-notification-demo-custom-icon"},"customized icon"],"."]],["li",["p","Spin allows ",["a",{title:null,href:"http://ant.design/components/spin/#components-spin-demo-tip"},"customized tips and animation work together"],". @jerrybendy"]],["li",["p","Transfer can handle event while options are checked/unchecked. ",["a",{title:null,href:"http://ant.design/components/transfer/#components-transfer-demo-basic"},"#"]]],["li",["p","Transfer can determine ",["a",{title:null,href:"http://ant.design/components/transfer/#components-transfer-demo-basic"},"whether an option is checkable"],"."]],["li",["p","Improve style of Alert and notification."]],["li",["p","Modal.confirm(and so on) can be closed by keyboard. @Dafrok"]],["li",["p","Improve the user experience of ",["a",{title:null,href:"http://ant.design/components/date-picker/#components-date-picker-demo-time"},"selecting time in DatePicker"],"."]],["li",["p","Improve the status changed animation of ",["a",{title:null,href:"http://ant.design/components/spin/#components-spin-demo-nested"},"Spin"],"."]],["li",["p","Update ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/2f308b0f995cfcb2a3c8feb1e35ffd3f0bf93cfc"},"font-family"],"."]]],["h3","2.x Workflow"],["ul",["li",["p",["a",{title:null,href:"http://library.ant.design/"},"AntD Library"]," a collection of Axure files which includes components and patterns that follow Ant Design Specification."]],["li",["p","Rename ",["code","babel-plugin-antd"]," to ",["a",{title:null,href:"https://github.com/ant-design/babel-plugin-import"},["code","babel-plugin-import"]],", and this means that ",["code","babel-plugin-import"]," becomes an common load-on-demand solution and not just for ",["code","antd"],"."],["p","Please update ",["code","package.json"],":"],["pre",{
-lang:"diff",highlighted:'{\n  "devDependencies": {\n<span class="token deleted">-   "babel-plugin-antd": "^0.x.x",</span>\n<span class="token inserted">+   "babel-plugin-import": "^1.0.0",</span>\n  }\n}'},["code",'{\n  "devDependencies": {\n-   "babel-plugin-antd": "^0.x.x",\n+   "babel-plugin-import": "^1.0.0",\n  }\n}']],["p","And update your babel config in ",["code",".babelrc"]," or other place:"],["pre",{lang:"diff",highlighted:'{\n<span class="token deleted">-  "plugins": [["antd", { style: "css" }]]</span>\n<span class="token inserted">+  "plugins": [["import", { libraryName: "antd", style: "css" }]]</span>\n}'},["code",'{\n-  "plugins": [["antd", { style: "css" }]]\n+  "plugins": [["import", { libraryName: "antd", style: "css" }]]\n}']]],["li",["p",["a",{title:null,href:"https://github.com/dvajs/dva"},"dva@1.0.0"]," is published and it is officially recommended framework ",["a",{title:null,href:"http://ant.design/docs/react/practical-projects"},"in real world"],"."]],["li",["p","The officially recommended scaffold is ",["a",{title:null,href:"https://github.com/dvajs/dva-cli"},"dva-cli"]," now, the old ",["code","antd-init"]," is just for studying and demo."]]],["h2","1.11.4"],["p","Visit ",["a",{title:null,href:"https://github.com/ant-design/ant-design/blob/1.x-stable/CHANGELOG.md"},"GitHub"]," to read change logs from ",["code","0.x"]," to ",["code","1.x"],"."]],meta:{order:6,title:"Change Log",toc:!1,timeline:!0,filename:"CHANGELOG.en-US.md"},description:["section",["p",["code","antd"]," strictly follows ",["a",{title:null,href:"http://semver.org/"},"Semantic Versioning 2.0.0"],"."],["h4","Release Schedule"],["ul",["li",["p","Weekly release: patch version at the end of every week for routine bugfix (anytime for urgent bugfix)."]],["li",["p","Monthly release: minor version at the end of every month for new features."]],["li",["p","Major version release is not included in this schedule for breadking change and new features."]]],["p","If you want to read change logs before ",["code","2.0.0"],", please visit ",["a",{title:null,href:"https://github.com/ant-design/ant-design/blob/1.x-stable/CHANGELOG.md"},"GitHub"],"."]],toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#2.9.2",title:"2.9.2"},"2.9.2"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.9.1",title:"2.9.1"},"2.9.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.9.0",title:"2.9.0"},"2.9.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.8.3",title:"2.8.3"},"2.8.3"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.8.2",title:"2.8.2"},"2.8.2"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.8.1",title:"2.8.1"},"2.8.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.8.0",title:"2.8.0"},"2.8.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.7.4",title:"2.7.4"},"2.7.4"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.7.3",title:"2.7.3"},"2.7.3"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.7.2",title:"2.7.2"},"2.7.2"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.7.1",title:"2.7.1"},"2.7.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.7.0",title:"2.7.0"},"2.7.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.6.4",title:"2.6.4"},"2.6.4"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.6.3",title:"2.6.3"},"2.6.3"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.6.2",title:"2.6.2"},"2.6.2"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.6.1",title:"2.6.1"},"2.6.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.6.0",title:"2.6.0"},"2.6.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.5.3",title:"2.5.3"},"2.5.3"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.5.2",title:"2.5.2"},"2.5.2"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.5.1",title:"2.5.1"},"2.5.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.5.0",title:"2.5.0"},"2.5.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.4.3",title:"2.4.3"},"2.4.3"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.4.2",title:"2.4.2"},"2.4.2"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.4.1",title:"2.4.1"},"2.4.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.4.0",title:"2.4.0"},"2.4.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.3.2",title:"2.3.2"},"2.3.2"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.3.1",title:"2.3.1"},"2.3.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.3.0",title:"2.3.0"},"2.3.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.2.1",title:"2.2.1"},"2.2.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.2.0",title:"2.2.0"},"2.2.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.1.0",title:"2.1.0"},"2.1.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.0.1",title:"2.0.1"},"2.0.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.0.0",title:"2.0.0"},"2.0.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#1.11.4",title:"1.11.4"},"1.11.4"]]]}}});
\ No newline at end of file
+webpackJsonp([210,211],{654:function(e,t){e.exports={content:["article",{},["h2","2.9.3"],["p",["code","2017-04-24"]],["ul",["li",["p",["strong","notification"]," Fix can't close itself after 4.5s. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5869"},"#5869"]]],["li",["p",["strong","Tabs"]," Add transition for ",["code","ink-bar"]," width. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5858"},"#5858"]," ",["a",{title:null,href:"https://github.com/hlehmann"},"@hlehmann"]]]],["h2","2.9.2"],["p",["code","2017-04-22"]],["ul",["li",["p",["strong","Alert"]," Fix props of banner mode can't be overrided. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5800"},"#5800"]]],["li",["p",["strong","AutoComplete"]," Fix can't add ",["code","onKeyDown"]," event listener with customized input component. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5487"},"#5487"]]],["li",["p",["strong","Button"]," New style for danger Button. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5815"},"#5815"]]],["li",["p",["strong","DatePicker"]," "],["ul",["li",["p","Improve user experience of RangePicker, rc-calendar upgrade to ",["code","~8.0.0"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4985"},"#4985"]]],["li",["p","Fix RangePicker not aligned after customizing the size of input. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5718"},"pull/5718"]," ",["a",{title:null,href:"https://github.com/leadream"},"@leadream"]]]]],["li",["p",["strong","Form"]," Add a less variable to opt out of form item colons. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5855"},"pull/5855"]," ",["a",{title:null,href:"https://github.com/megawac"},"@megawac"]]],["li",["p",["strong","Icon"]," Add displayName. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5643"},"pull/5643"]," ",["a",{title:null,href:"https://github.com/handycode"},"@handycode"]]],["li",["p",["strong","Input"]],["ul",["li",["p","Fix Input.Search style issue when be used in Input.Group. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5743"},"#5743"]]],["li",["p","Fix AutoComplete style issue when be used in Input.Group. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5832"},"#5832"]]],["li",["p","Fix Select size when be used in Input.Group. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5754"},"#5754"]]],["li",["p","Change suffix color. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5820"},"pull/5820"]," ",["a",{title:null,href:"https://github.com/megawac"},"@megawac"]]]]],["li",["p",["strong","InputNumber"]," Update docs and demos for how to use ",["code","parser"]," to work with ",["code","formatter"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5683"},"#5683"]]],["li",["p",["strong","Layout"]],["ul",["li",["p","Add ",["a",{title:null,href:"https://ant.design/components/layout/#components-layout-demo-fixed-sider"},"Fixed-Sider"]," demo."]],["li",["p","Fix style issue of responsive sider in firefox. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5613"},"#5613"]]]]],["li",["p",["strong","LocaleProvider"]," Allow for seamless access to less variables. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5712"},"#5712"]," ",["a",{title:null,href:"https://github.com/lionkeng"},"@lionkeng"]]],["li",["p",["strong","Menu"]," Override the default ",["code","a:focus"]," style when it nested in Menu component. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5707"},"#5707"]]],["li",["p",["strong","Notification"],"  Auto adjust style for singleline message. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5846"},"#5846"]]],["li",["p",["strong","Radio"]," Add less variables for setting color and background color of Radio.Button. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5791"},"pull/5791"]," ",["a",{title:null,href:"https://github.com/megawac"},"@megawac"]]],["li",["p",["strong","Table"]],["ul",["li",["p","Add less variables for setting head background color and row background hover color. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5706"},"#5706"]," ",["a",{title:null,href:"https://github.com/kappa-gooner"},"@kappa-gooner"]]],["li",["p","Improve the ",["code","Grouping table head"]," demo style. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5697"},"#5697"]]]]],["li",["p",["strong","Tabs"]," Fix the position of the scrolling arrow in ",["code","vertical"]," mode. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5765"},"#5765"]," ",["a",{title:null,href:"https://github.com/dicklwm"},"@dicklwm"]]],["li",["p",["strong","TreeSelect"]," Fix arrow rotate bug. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5693"},"#5693"]]],["li",["p",["strong","TypeScript"]],["ul",["li",["p","Add missing props in InputNumber. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5717"},"#5717"],"  ",["a",{title:null,href:"https://github.com/whtang906"},"@whtang906"]," "]]]],["li",["p",["strong","Global Optimization"]],["ul",["li",["p","Fix deprecation warning of ",["code","React.PropTypes"]," due to React upgrading to v15.5.0. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5723"},"pull/5723"],"  ",["a",{title:null,href:"https://github.com/manjitkumar"},"@manjitkumar"]]]]],["li",["p",["strong","Site"]],["ul",["li",["p","Add native English translation for ",["a",{title:null,href:"https://ant.design/docs/spec/icon"},"icons spec"],". ",["a",{title:null,href:"https://github.com/kenaniah"},"@kenaniah"]]],["li",["p","Add ",["a",{title:null,href:"https://gitter.im/ant-design/ant-design-english"},"English gitter chat room"],"."]]]]],["h2","2.9.1"],["p",["code","2017-04-09"]],["ul",["li",["p","Step"],["ul",["li",["p","Add more less variables. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5624"},"#5624"]," ",["a",{title:null,href:"https://github.com/megawac"},"@megawac"]]],["li",["p","Fix style issue. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5623"},"#5623"]]]]],["li",["p","Button won't lose focus after click. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5597"},"#5597"]," ",["a",{title:null,href:"https://github.com/kenaniah"},"@kenaniah"]]],["li",["p","Add underline to focused link.  ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5597"},"#5587"]," ",["a",{title:null,href:"https://github.com/kenaniah"},"@kenaniah"]]],["li",["p","Fix Dropdown.Button can't use ",["code","placement"]," issue. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5594"},"#5594"]]],["li",["p","Fix Pagination alignment issue. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5632"},"#5632"]]],["li",["p","Fix AutoComplete style issue when use ",["code","allowClear"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5634"},"#5634"]]],["li",["p","Fix DatePicker style issue when  set ",["code","showToday"]," to ",["code","false"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5620"},"#5620"]]],["li",["p","Fix Select shows Chinese defaultly. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5661"},"#5661"]," ",["a",{title:null,href:"https://github.com/LeeHarlan"},"@LeeHarlan"]]]],["h2","2.9.0"],["p",["code","2017-04-01"]," \ud83d\udc7b"],["ul",["li",["p","Change the default font family to be monospaced for numbers. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/b526083fa6a619113a3d26c4f4f092a8648f3bd4"},"b526083"]]],["li",["p","Select"],["ul",["li",["p","Add ",["code","mode"]," prop, deprecate the ",["code","tags|combobox|multiple"]," properties, replaced by ",["code","mode={tags|combobox|multiple}"],"."]],["li",["p",["code","tags|multiple"]," now supports ",["code","allowClear"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4843"},"#4843"]]]]],["li",["p","Add a new type ",["code","dashboard"]," of Progress. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5225"},"#5225"]," ",["a",{title:null,href:"https://github.com/qiaolb"},"@qiaolb"]]],["li",["p","Add ",["code","showLine"]," prop of Tree, for connecting line style in tree nodes. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3854"},"#3854"]]],["li",["p","TimePicker now supports 12 hours via ",["code","use12Hours"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4063"},"#4063"]]],["li",["p","Add ",["code","column.filterIcon"]," prop of Table, which can be used to customize filter icon. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5293"},"#5293"]]],["li",["p","Add ",["code","wrapperClassName"]," prop of Spin. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5425"},"#5425"]," ",["a",{title:null,href:"https://github.com/aaronplanell"},"@aaronplanell"]]],["li",["p","Add ",["code","onPrevClick"]," ",["code","onNextClick"]," props of Tabs. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4395"},"#4395"]]],["li",["p","Add ",["code","parser"]," prop of InputNumber, to extract value from formatter. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5178#issuecomment-284557933"},"#5178"]]],["li",["p","New locales support:"],["ul",["li",["p","Japanese ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5529"},"#5529"],"  ",["a",{title:null,href:"https://github.com/novi"},"@novi"]]],["li",["p","Slovak ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5304"},"#5304"]," ",["a",{title:null,href:"https://github.com/Kamahl19"},"@Kamahl19"]]],["li",["p","Estonian ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5266"},"#5266"]," ",["a",{title:null,href:"https://github.com/madisvain"},"@madisvain"]]],["li",["p","Turkish ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5536"},"#5536"]," ",["a",{title:null,href:"https://github.com/c0b41"},"@c0b41"]]]]],["li",["p","TypeScript"],["ul",["li",["p","Fix definitions of Carousel following react-slick"]],["li",["p","Fix some definitions of Form."]],["li",["p","Fix ",["code","getPopupContainer"]," definitions."]]]],["li",["p","Allow to disable animation of inkBar and panes of Tabs separately. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5089"},"#5089"]," ",["a",{title:null,href:"https://github.com/xieguanglei"},"@xieguanglei"]]],["li",["p","Button ",["code","loading"]," prop now supports like ",["code","{ delay: 1000 }"],", removed the default loading delay. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5365"},"#5365"]]],["li",["p","Add less variables for Card header. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5354"},"#5354"]," ",["a",{title:null,href:"https://github.com/kossel"},"@kossel"]]],["li",["p","Fix extra separator of Breadcrumb without ",["code","breadcrumbName"],"."]],["li",["p","Fix ",["code","Unknown prop placement"]," warning of Dropdown.Button. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5594"},"#5594"]]],["li",["p","Fix RangePicker and InputNumber placeholder color."]],["li",["p","Fix that Cascader search can't use ","[backspace]",". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5340"},"#5340"]]],["li",["p","Fix that LocaleProvider can't affect ",["code","Modal.confirm"]," sometimes. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5493"},"#5493"]," ",["a",{title:null,href:"https://github.com/hargasinski"},"@hargasinski"]]],["li",["p","Fix scroll animation of BackTop which specifies the ",["code","target"]," prop. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5564"},"#5564"]]],["li",["p","Optimize the block style of Pagination. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5557"},"#5557"]]]],["h2","2.8.3"],["p",["code","2017-03-27"]],["ul",["li",["p","TypeScript"],["ul",["li",["p","Fixed missing definition of ",["code","AutoComplete[filterOption]"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5393"},"#5393"]," ",["a",{title:null,href:"https://github.com/mitchelldemler"},"@mitchelldemler"]]],["li",["p","Improve definition of ",["code","getPopupContainer"]," ",["code","getCalendarContainer"]," ",["code","getTooltipContainer"]," ",["code","getSuggestionContainer"],", etc. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/322e9efdc9db28bd92230fc690f1fdf5a72cf7cd"},"322e9ef"]]],["li",["p","Improve definition of ",["code","Form.create"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5420"},"#5420"]," ",["a",{title:null,href:"https://github.com/infeng"},"@infeng"]]]]],["li",["p","Fixed Badge should work in Maxthon. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5477"},"#5477"]]],["li",["p","Fixed Button cannot work with ",["code","null"]," ",["code","undefined"]," as children. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5472"},"#5472"]," ",["a",{title:null,href:"https://github.com/blade254353074"},"@blade254353074"]]],["li",["p","Breadcrumb are not rely on ",["code","route.breadcrumbName"]," now. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/ac1c7f312bc46ba6ef7aacace43e4ac99b87dd54"},"ac1c7f3"]]],["li",["p","Fixed ",["code","Form.Item[hasFeedback]"]," will lost styles while using with ",["code","Input[prefix]"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5456"},"#5456"]," ",["a",{title:null,href:"https://github.com/william-yz"},"@william-yz"]]],["li",["p","Fixed Layout.Content will show scrollbar while using with Carousel. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5415"},"#5415"]]],["li",["p","LocaleProvider"],["ul",["li",["p","Fixed missing locales of German. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5387"},"#5387"]," ",["a",{title:null,href:"https://github.com/Knacktus"},"@Knacktus"]]],["li",["p","Fixed missing locales of Russian. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5406"},"#5406"]," ",["a",{title:null,href:"https://github.com/plandem"},"@plandem"]]],["li",["p","Fixed it doesn't work with Upload. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5388"},"#5388"]," ",["a",{title:null,href:"https://github.com/natergj"},"@natergj"]]]]],["li",["p","Fixed inconsistet animation of Menu Icon and text. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5495"},"#5495"]]],["li",["p","Fixed ",["code","Modale[footer]"]," cannot be set to ",["code","null"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5462"},"#5462"]]],["li",["p","Fixed Pagination will lost styles in ",["code","IE<=10"]," which is introduced in ",["code","2.8.2"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5484"},"#5484"]]],["li",["p","Fixed Popover will be closed by mistake while using Table in it. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5407"},"#5407"]]],["li",["p","Remove restriction that Radio can only be direct chidlren of Radio.Group. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5443"},"#5443"]]],["li",["p","Fixed warning while using Switch in Form.Item. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5368"},"#5368"]]],["li",["p",'Now we defaultly hide the Table\'s "Select All" dropdown icon, display it when set ',["code","selections"]," to true. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5246"},"#5246"]," ",["a",{title:null,href:"https://github.com/infeng"},"@infeng"]]],["li",["p","New theme variable ",["code","@info-color"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5442"},"#5442"]]],["li",["p","Supporting suppress warning(You are using a whole package of antd...) with ",["code","NODE_ENV=test"]," while testing. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5345"},"#5345"]]],["li",["p","Upgrade moment to ",["code","2.18.0"],"."]]],["h2","2.8.2"],["p",["code","2017-03-11"]],["ul",["li",["p","New ",["a",{title:null,href:"https://ant.design/docs/spec/colors"},"design specification documentation"],"."]],["li",["p","Fix error of Modal.confirm ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5269"},"#5269"],"."]],["li",["p","Fix mask style of Upload ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5275"},"#5275"],"."]],["li",["p","Fix progress not showing of Upload ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5323"},"#5323"],"."]],["li",["p","Fix a pagination showTotal wrong data issue of Table ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5259"},"#5259"],"."]],["li",["p","Fix a style issue while using Popconfirm and Button together ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5301"},"5301"],"."]],["li",["p","Fix a style issue of Radio ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5336"},"#5336"],"."]],["li",["p","Fix a issue that ",["code","getContainer"]," of Message didn't work ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5380"},"#5380"],"."]],["li",["p","Fix text alignment of Checkbox and Radio ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/696a3c0e34156d78e87d629a3f0f8703af1f03ec"},"696a3c0"],"."]],["li",["p","Tweak animation and blur style of Spin ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/fa1e031a7396c61fa9709a0c46fe63200c35d232"},"fa1e031"],"."]],["li",["p","Tweak some styles of Mention  ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/240a93cee25bc8c6ad4520cd907a14a7b22ed773"},"240a93c"],"."]]],["h2","2.8.1"],["p",["code","2017-03-11"]],["ul",["li",["p",["strong","DatePicker"]," Fix can't select time when new props are passed, and improve the selection behavior of ",["code","DatePicker[showTime]"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5189"},"#5189"]," ",["a",{title:null,href:"https://github.com/megawac"},"@megawac"]]],["li",["p",["strong","Form"]],["ul",["li",["p","Add document for validate rules. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5201"},"#5201"]]],["li",["p","Fix some style issues. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5196"},"#5196"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5236"},"#5236"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5222"},"#5222"]]]]],["li",["p",["strong","Icon"]," Add iconfont ",["code","shake"]," and ",["code","android-o"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/941782f7ec000a9054c3bc945ab887f93ab46749"},"commit/941782"]]],["li",["p",["strong","Input"]," Fix ",["code","hasFeedback"]," not work with ",["code","addonBefore"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5228"},"#5228"]]],["li",["p",["strong","InputNumber"]," Add typings for props ",["code","formatter"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5240"},"#5240"]," ",["a",{title:null,href:"https://github.com/hlehmann"},"@hlehmann"]]],["li",["p",["strong","Modal"]," Call ",["code","onCancel"]," when pressing esc key. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5203"},"#5203"]," ",["a",{title:null,href:"https://github.com/elios264"},"@elios264"]]],["li",["p",["strong","Table"]],["ul",["li",["p","Fix implicit type issue. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5206"},"#5206"]," ",["a",{title:null,href:"https://github.com/kvey"},"@kvey"]]],["li",["p","Fix right border not visible with no data in ",["code","small"]," size. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5237"},"#5237"]]],["li",["p","Fix sort not working when using grouping column. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5158"},"#5158"]]]]],["li",["p",["strong","Tooltip"]," Fix layout style on disabled Button. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5254"},"#5254"]]],["li",["p",["strong","Upload"]],["ul",["li",["p","Fix long name of upload item style. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/0a35197a35513ca45308bb7163c8243b75dd6f8d"},"commit/0a3519"]]],["li",["p","Fix and improve animation. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5210"},"pull/5210"]]],["li",["p","Allow override ",["code","onProgress"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5260"},"pull/5260"]," ",["a",{title:null,href:"https://github.com/minwe"},"@minwe"]]]]],["li",["p",["strong","Global Optimization"]],["ul",["li",["p","Fix Cannot resolve module ",["code","lodash.debounce"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5230"},"#5230"]]]]],["li",["p",["strong","Site"]],["ul",["li",["p","Fix safari language check. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5245"},"pull/5245"]]],["li",["p","Add ability to copy color when clicking on palette. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5247"},"pull/5247"]," ",["a",{title:null,href:"https://github.com/bsheikh"},"@bsheikh"]]],["li",["p","Add boilerplate samples. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/f2f786d66d75eebef8406a72db8a15e1640cea1f"},"commit/f2f786"]]]]]],["h2","2.8.0"],["p",["code","2017-03-06"]],["ul",["li",["p","Tabs"],["ul",["li",["p","Added ",["code","tabBarStyle"]," to allow customize style of tab bar. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4966"},"#4966"]]],["li",["p","Added ",["code","TabPane[closable]"]," to allow config whether to show delete icon or not. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4807"},"#4807"]," ",["a",{title:null,href:"https://github.com/lixiaoyang1992"},"@lixiaoyang1992"]]]]],["li",["p","Anchor"],["ul",["li",["p","Added ",["code","showInkInFixed"]," to allow config whether to show circle icon or not when anchor is fixed. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4960"},"#4960"]]],["li",["p","Fix issue resulting in Anchor throw errors when ",["code","children"]," is not AnchorLink. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5129"},"#5129"]]]]],["li",["p","Table"],["ul",["li",["p","Added invert selection feature. ",["a",{title:null,href:"https://ant.design/components/table-cn/#components-table-demo-row-selection-custom"},"demo"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4962"},"#4962"]]],["li",["p",["code","spin"]," now spport Spin props. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4824"},"#4824"]," ",["a",{title:null,href:"https://github.com/lixiaoyang1992"},"@lixiaoyang1992"]]],["li",["p","Fix issue resulting header's bottom border doesn't show when ",["code","size"]," is ",["code","small"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5182"},"#5182"]]]]],["li",["p","Mention added custom trigger character support. ",["a",{title:null,href:"https://ant.design/components/mention-cn/#components-mention-demo-multiple-trigger"},"demo"]],["ul",["li",["p",["img",{title:null,src:"https://zos.alipayobjects.com/rmsportal/QDYwAbwKrqOUOykRaNai.gif",alt:"Mention animation"}]]]]],["li",["p","Rate"],["ul",["li",["p","Support custom character. ",["a",{title:null,href:"https://ant.design/components/rate-cn/#components-rate-demo-character"},"demo"]]],["li",["p","Added new ",["code","className"]," prop."]]]],["li",["p","Layout"],["ul",["li",["p","Added a new ",["code","Header Sider"]," demo. ",["a",{title:null,href:"http://ant.design/components/layout-cn/#components-layout-demo-top-side-2"},"demo"]]],["li",["p","Added a new ",["code","Fixed Header"]," demo. ",["a",{title:null,href:"https://ant.design/components/layout-cn/#components-layout-demo-fixed"},"demo"]]],["li",["p","Added ",["code","Sider[breakpoint]"]," to allow config responsive breakpoint. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4931"},"#4931"]]]]],["li",["p","Form"],["ul",["li",["p","Added ",["code","layout"]," to replace the original ",["code","horizontal"],"\u3001",["code","vertical"],"\u3001",["code","inline"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5056"},"#5056"]]]]],["li",["p","Calendar"],["ul",["li",["p","Added ",["code","dateFullCellRender"]," and ",["code","monthFullCellRender"]," to allow override the content of cell. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5138"},"#5138"]," ",["a",{title:null,href:"https://github.com/wonyun"},"@wonyun"]]],["li",["p","Added  ",["code","onSelect"]," for date selection. ",["a",{title:null,href:"https://ant.design/components/calendar-cn/#components-calendar-demo-select"},"demo"]]]]],["li",["p","AutoComplete"],["ul",["li",["p","Fix alignment issue in Form.Item. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5139"},"#5139"]]],["li",["p","Adde a newd ",["code","Uncertain Category"]," demo. ",["a",{title:null,href:"https://ant.design/components/auto-complete-cn/#components-auto-complete-demo-uncertain-category"},"demo"]]]]],["li",["p","Col added ",["code","xl"]," to support 1600px breakpoint. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4796"},"#4796"]," ",["a",{title:null,href:"https://github.com/hjin-me"},"@hjin-me"]]],["li",["p","Upload added ",["code","locale"]," to support i18n. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4697"},"#4697"]]],["li",["p","Transfer added ",["code","onScroll"]," to support load data dynamically. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4188"},"#4188"]]],["li",["p",["code","message"]," and ",["code","notification"]," add ",["code","getContainer"]," to allow config the render container. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5019"},"#5019"]]],["li",["p","Badge added ",["code","showZero"]," to allow config whether to show ",["code","0"]," or not. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4251"},"#4251"]]],["li",["p","InputNumber"],["ul",["li",["p","Added ",["code","formatter"]," to allow format the value to present."]],["li",["p","Added ctrl and shift key support. ",["a",{title:null,href:"https://github.com/react-component/input-number#keyboard-navigation"},"detail"]]]]],["li",["p","Added some new icons. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5107"},"#5107"]]],["li",["p","New locale support:"],["ul",["li",["p","Dutch ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4785"},"#4785"]," ",["a",{title:null,href:"https://github.com/corneyl"},"@corneyl"]]],["li",["p","Catalan ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4929"},"#4929"]," ",["a",{title:null,href:"https://github.com/aaronplanell"},"@aaronplanell"]]],["li",["p","Czech ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5169"},"#5169"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5169"},"@martinnov92"]]],["li",["p","Korean ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5141"},"#5141"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5141"},"@minsungryu"]]]]],["li",["p","Improve Spin display position. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4722"},"#4722"]]],["li",["p","Fix Checkbox comatible issue with ",["code","browser-sync"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2744"},"#2744"]]],["li",["p","Fix Steps width issue when resize window. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5083"},"#5083"]]],["li",["p","Fix Upload.Dragger unmount error. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5162"},"#5162"]]],["li",["p","Fix Button shifting during click in IE issue."]],["li",["p","FIx Input prefix and suffix vertical alignment."]]],["h2","2.7.4"],["p",["code","2017-02-28"]],["ul",["li",["p","Fix TreeSelect cannot display bug. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5092"},"#5092"]]],["li",["p","Fix Anchor ",["code","e.stopPreventDefault is not a function"]," error. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5080"},"#5080"]]],["li",["p","Fix some detail styles of Input, Cascader, Upload."]]],["h2","2.7.3"],["p",["code","2017-02-25"]],["ul",["li",["p","Unify demo code to ES6 class. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4878"},"#4878"]]],["li",["p","TypeScript"],["ul",["li",["p","Fix that ",["code","Cannot find module '../../package.json'"]," error. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4935"},"#4935"]]],["li",["p","Fix definitions of Table, RangePicker and Upload."]]]],["li",["p","Fix lack of event argument for Modal ",["code","onOk"]," ",["code","afterClose"]," and Popconfirm ",["code","onConfirm"]," ",["code","onCancel"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4787"},"#4787"]]],["li",["p","Improve animation of Menu","[inline]"," and Collapse."]],["li",["p","Improve Checkbox and Radio vertical align style."]],["li",["p","Table"],["ul",["li",["p","Fix misplace header when fix column. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4936"},"#4936"]]],["li",["p","Fix not clearing float issue. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4945"},"#4945"]]],["li",["p","Fix submenu of filter. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4975"},"#4975"]]],["li",["p","Fix that filterDropdown of fixed column cannot be interacted with. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5010"},"#5010"]]],["li",["p","Fix that arguments of ",["code","pagination.onChange"]," do not match Pagination ",["code","onChange"],"."]],["li",["p","Fix that table loading animation is not smoothing. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4934"},"#4934"]]]]],["li",["p","Improve multiple message display. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3543"},"#3543"]]],["li",["p","Fix Carousel autoplay not working after resize window. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2550"},"#2550"]]],["li",["p","Fix that controlled InputNumber cannot input number like ",["code","1.01"]," ",["code","1.001"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5012"},"#5012"]]],["li",["p","Improve Button loading switching.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4913"},"#4913"]]],["li",["p","Fix Dropdown selected menu style and ",["code",'Menu[theme="dark"]']," style. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5013"
+},"#5013"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4903"},"#4903"]]],["li",["p","Fix Menu submenu ",["code","z-index"]," issue. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4937"},"#4937"]]],["li",["p","Fix that DatePicker and RangePicker width cannot be reset below ",["code","300px"]," issue. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4920"},"#4920"]]],["li",["p","Fix style of Spin nested in Spin. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4971"},"#4971"]]],["li",["p","Fix that lack of Button style when import Popconfirm by babel-plugin-import."]],["li",["p","Fix that less variables cannot work on circle Progress. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5002"},"#5002"]]],["li",["p","Fix falsy children of Breadcrumb. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5015"},"#5015"]]],["li",["p","Fix blinking tooltip of Slider. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5003"},"#5003"]]],["li",["p","Fix that Transfer disabled option can be moved. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4981"},"#4981"]," ",["a",{title:null,href:"https://github.com/tianlizhao"},"@tianlizhao"]]],["li",["p","Documentation"],["ul",["li",["p","Fix and improve site for mobile devices."]],["li",["p","Improve 1.x to 2.x compatibility instruction."]]]]],["h2","2.7.2"],["p",["code","2017-02-17"]],["ul",["li",["p","Fix that ",["code","antd.version"]," doesn't work as expected. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4844"},"#4844"]]],["li",["p","Fix that dist files don't include locales. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4910"},"#4910"]]],["li",["p","Fix that disabled option is selectable in search mode of Cascader. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4699"},"#4699"]]],["li",["p",["strong","Button"]],["ul",["li",["p","Fix click animation of ",["code","Button[type=danger]"],"."]],["li",["p","Fix broken style with ",["code","loading"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4875"},"#4875"]]]]],["li",["p",["strong","Menu"]],["ul",["li",["p","Fix that ",["code","openKeys"]," should be controlled property in ",["code","vertical"]," mode. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4876"},"#4876"]]],["li",["p","Fix selected animation of Menu.Item."]],["li",["p","Fix broken style of Menu.SubMenu. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4906"},"#4906"]]]]],["li",["p",["strong","Table"]],["ul",["li",["p","Fix broken style of table which use small size and fixed header. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4850"},"#4850"]]],["li",["p","Fix placeholder style. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4851"},"#4851"]]],["li",["p","Simplify DOM structure. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4868"},"#4868"]]]]],["li",["p","Fix that Radio should support number ",["code","0"]," as children. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4874"},"#4874"]," ",["a",{title:null,href:"https://github.com/HQidea"},"@HQidea"]]],["li",["p","Fix that RangePicker should work with ",["code","style.width"]," which is small than 300. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4920"},"#4920"]]],["li",["p","Fix CSS compile error caused by Spin. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4915"},"#4915"]]],["li",["p","Fix that Tooltip should work with disabled button in Chrome. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4865"},"#4865"]]],["li",["p","Fix UX of Tree while dragging. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4858"},"#4858"]]],["li",["p","Fix failed style of Upload. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4810"},"#4810"]]],["li",["p","Fix that ",["code","Menu[vertical]"],"'s SubMenu cannot popup in Layout.Sider. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4890"},"#4890"]]],["li",["p","Improve animation of Button and ",["code","Badge[status=processing]"],"."]]],["p",["img",{title:null,src:"https://camo.githubusercontent.com/6874b2333f2fac3fac346404c6e70684e4dafc1a/68747470733a2f2f7a6f732e616c697061796f626a656374732e636f6d2f726d73706f7274616c2f73516b72756c716346734b4e54785158615971512e676966",alt:"Badge animation"}],"\n",["img",{title:null,src:"https://camo.githubusercontent.com/3963d12b45de4f522c2799361dbc3177e7bd93d1/68747470733a2f2f7a6f732e616c697061796f626a656374732e636f6d2f726d73706f7274616c2f46624b776d636f766d795364666c557468494e522e676966",alt:"Button animation"}]],["h2","2.7.1"],["p",["code","2017-02-10"]],["ul",["li",["p",["strong","Affix"]],["ul",["li",["p","Fix the problem of element been hidden when hover on. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4800"},"#4800"]]],["li",["p","Fix event listener can not be removed. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4755"},"#4755"]]],["li",["p","Fix can not be unfixed when scrolling fastly. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4760"},"#4760"]]]]],["li",["p",["strong","Anchor"]," Fix the location problem when offsetTop has been set. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4706"},"#4706"]]],["li",["p",["strong","AutoComplete"]],["ul",["li",["p","Fix the wrong size. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4766"},"#4766"]]],["li",["p","Fix adding error character automatically. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4778"},"#4778"]]]]],["li",["p",["strong","Dropdown"]," Add the documentation and demo about positioning of Dropdown menus. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4811"},"#4811"]]],["li",["p",["strong","Layout"]," Improve Sider's animation effect. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4752"},"#4752"]]],["li",["p",["strong","LocaleProvider"]," Fix issues with the new Swedish locale provider. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4762"},"pull-4762"]," ",["a",{title:null,href:"https://github.com/JesperWe"},"@JesperWe"]]],["li",["p",["strong","RangePicker"]," Fix the overlapping problem about the date icon. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4783"},"#4783"]," ",["a",{title:null,href:"https://github.com/zhenzong"},"@zhenzong"]]],["li",["p",["strong","Table"]],["ul",["li",["p","Add the missing value 'middle' for size definition. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4819"},"#4819"]," ",["a",{title:null,href:"https://github.com/warrenseymour"},"@warrenseymour"]]],["li",["p","Fix controlled filter does not work with JSX style. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4759"},"#4759"]]],["li",["p","Fix switch pagination problem. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4779"},"#4779"]]]]],["li",["p",["strong","Tabs"]," Fix content missing problem since the second tab pane under IE9. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4795"},"#4795"]]],["li",["p",["strong","rc-pagination"]," Upgrade to ~1.7.0, add pageSize as onChange's second argument."]],["li",["p",["strong","Global optimization"]],["ul",["li",["p","Make some bugfixes and optimizations about documentation\u3001link and style."]],["li",["p","Use stylelint instead of lesslint, and fix some lint issues. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2179"},"#2179"]]],["li",["p","Unify border radius to 4px. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4772"},"#4772"]]],["li",["p","Support ",["code","import { version } from 'antd'"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4751"},"#4751"]]]]],["li",["p",["strong","Site"]],["ul",["li",["p","Add default locale looking-up in Home Page. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4552"},"#4552"]]],["li",["p","Can search with Google. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4814"},"#4814"]]],["li",["p","Change the position of version switch. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4799"},"pull-4799"]]]]]],["h2","2.7.0"],["p",["code","2017-02-03"]],["ul",["li",["p","Added ",["code","danger"]," button and ",["code","ghost"]," button style. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4679"},"#4679"]]],["li",["p","Input element of AutoComplete can be customized. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4483"},"#4483"]]],["li",["p","Upgrade rc-cascader to ",["code","0.11.0"],", keyborad interactions supported. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4411"},"#4411"]]],["li",["p","More popup directions are supported in notification. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4700"},"#4732"]]],["li",["p","Upgrade rc-steps to ",["code","2.3.0"],", added ",["code","progressDot"]," property of Steps, which allows users to customize the display for Steps with progress dot style."]],["li",["p","Upgrade rc-input-number to ",["code","3.0.0"]],["ul",["li",["p","Input behavious will trigger ",["code","onChange"]," callback now.",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4265"},"#4265"]]],["li",["p","Fixed ",["code","onKeyUp"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4717"},"#4717"]]]]],["li",["p","Added ",["code","vertical"]," mode of Slider. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4473"},"#4473"]]],["li",["p","Tag"],["ul",["li",["p","Added preset colors. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4571"},"#4571"]]],["li",["p","Improvement vertical-align and margin."]]]],["li",["p","Add German localization for LocaleProvider.",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4686"},"#4686"]]],["li",["p","Add Swedish localization for LocaleProvider. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4455"},"#4455"]]],["li",["p","Add French localization for LocaleProvider. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4538"},"#4538"]]],["li",["p","Added ",["code","onSearchChange"]," callback of Transfer. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4464"},"#4464"]]],["li",["p","Added ",["code","maskClosable"]," property of Modal.confirm. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4488"},"#4488"],", ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4490"},"#4488"]]],["li",["p","Form"],["ul",["li",["p","Added ",["code","options.onValuesChange"]," option, because ",["code","options.onFieldsChange"]," would be triggered multiply. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/2934"},"#2934"]]],["li",["p","Added ",["code","props.form.getFieldsError"]," ",["code","props.form.isFieldTouched"]," ",["code","props.form.isFieldsTouched"]," options that can be used to disable submit button. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4374"},"#4374"]]],["li",["p","Added ",["code","hideRequiredMark"]," property. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4732"},"#4732"]]]]],["li",["p","Improvement upload list of Upload. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4516"},"#4516"]]],["li",["p","Upgrade rc-select to ",["code","6.7.1"],"."],["ul",["li",["p","Fixed duplication ",["code","onChange"]," callback. ",["a",{title:null,href:"https://github.com/react-component/select/pull/156"},"#156@rc-select"]]],["li",["p","Fixed displaying of initial value. ",["a",{title:null,href:"https://github.com/react-component/select/pull/152"},"#152@rc-select"]]]]],["li",["p","Upgrade rc-tree-select to ",["code","1.9.0"],"."],["ul",["li",["p","Added ",["code","treeDefaultExpandedKeys"]," property.",["a",{title:null,href:"https://github.com/react-component/tree-select/pull/43"},"#43@rc-tree-select"]]],["li",["p","Fixed an overflow-wrap issue. ",["a",{title:null,href:"https://github.com/react-component/tree-select/pull/42"},"#42@rc-tree-select"]]]]],["li",["p","Added less variables: ",["code","@border-style-base"]," ",["code","@border-width-base"]," ",["code","@btn-danger-color"]," ",["code","@btn-danger-bg"]," and etc."]],["li",["p","Fixed Badge misplace issue when browser zoom above 100%. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4747"},"#4747"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4290"},"#4290"]]],["li",["p","Fixed a mis-align issue of fixed header Table. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4750"},"#4750"]]],["li",["p","Fixed Table scrolling lag issue in IE. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4522"},"#4522"]]],["li",["p","Add icon aliases: ",["code","addfile"]," => ",["code","file-add"],"\uff0c",["code","addfolder"]," => ",["code","folder-open"],", and the old type names are still working. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4758"},"#4758"]]]],["h2","2.6.4"],["p",["code","2017-01-20"]],["ul",["li",["p","Improve RangePicker when selecting a preset date.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4561"},"#4561"]]],["li",["p","Fix DatePicker select time scroll issue.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4412"},"#4412"]]],["li",["p","Fix issue resulting in vertical Menu can't be controlled.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3783"},"#3783"]]],["li",["p","Fix Cascader's style when it's disabled.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4648"},"#4648"]]],["li",["p","Table"],["ul",["li",["p","Improve Table fixed header's scrollbar style.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4637"},"#4637"]]],["li",["p","Fix issue resulting in Table's header flashes when ",["code","loading"]," is true in Safari.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4622"},"#4622"]]],["li",["p","Fix multiple border issues. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4647"},"#4647"],"\u3001",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4635"},"#4635"]]],["li",["p","Fix ",["code","showHeader"],"'s default value.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4658"},"#4658"]]],["li",["p","Fix missing ",["code","TableColumnConfig"]," type.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4660"},"#4660"]]]]]],["h2","2.6.3"],["p",["code","2017-01-15"]],["ul",["li",["p","Fixed issue introduced in ",["code","2.6.2"]," that Popconfirm is not working. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4606"},"#4606"]]]],["h2","2.6.2"],["p",["code","2017-01-14"]],["ul",["li",["p","Added a Third-Party Library Page for recommending other greet react components. ",["a",{title:null,href:"/docs/react/recommendation"},"Link"]]],["li",["p","Fixed misplaced Sider of Layout. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4459"},"#4459"]]],["li",["p","Fixed Input.Search wrong block layout and misplaced icon. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4540"},"#4540"]]],["li",["p","Added a customize Collapse panel demo. ",["a",{title:null,href:"/components/collapse/#components-collapse-demo-custom"},"Link"]]],["li",["p","Table"],["ul",["li",["p","Enlarged the width of selection column and expand column."]],["li",["p","Fixed not-available pagination issue when property ",["code","pagination"]," is changed. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4532"},"#4532"]]],["li",["p","Fixed that three level filter menu is not working. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4541"},"#4541"]]],["li",["p","Fixed ",["code","column.filteredValue"]," issue of cannot being set to ",["code","null"],"."]]]],["li",["p","Now Carousel is undragglble and text-selectable defaultly."]],["li",["p","Added warnings when non-BreadcrumbItem node is nested under Breadcrumb. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4403"},"#4403"]]],["li",["p","Fixed Tooltip hidden issue when ",["code","onVisibleChange(visible)"]," return ",["code","true"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4579"},"#4579"]]],["li",["p","Make TreeSelect panel default height smaller than screen height. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4537"},"#4537"]]],["li",["p","Added less variables of TimePicker and Spin."]],["li",["p","Replaced arrows of DatePicker year panel by year text. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4415"},"#4415"]]],["li",["p","Fixed TypeScript definites of AutoComplete and Form ",["code","[options.validateTrigger]"],"."]],["li",["p","Improved the animation details of Spin and Progress."]]],["h2","2.6.1"],["p",["code","2017-1-6"]],["ul",["li",["p","Fix style problem for Menu dark theme. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4440"},"#4440"]]],["li",["p","Fix TypeScript interface definition for ",["code","Select[tokenSeparators]"]," ",["code","Modal[afterClose]"]," ",["code","Input[name]"]," and so on. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4441"},"#4441"]," ",["a",{title:null,href:"https://github.com/eddhannay"},"@eddhannay"]]],["li",["p","Fix that ",["code","TimePicker[placeholder]"]," cannot be set to empty string. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4446"},"#4446"]," ",["a",{title:null,href:"https://github.com/jialeicui"},"@jialeicui"]]],["li",["p","Fix style problem in DatePicker year panel. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4415"},"#4415"]]],["li",["p","Fix that Table loading doesn't mask Pagination. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4461"},"#4461"]]],["li",["p","Fix align style for ",["code","Input[prefix|suffix]"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/c4ac4d1eca53ae2f6f4a1e15210b43745f283534"},"commit"]]],["li",["p","Fix align style for Cascader. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/1fbebd4ecfff432e1b2261c9dfee4b9f471e7b1f"},"commit"]]]],["h2","2.6.0"],["p",["code","2017-1-2"]],["ul",["li",["p","Brand new color system. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4426"},"pull/4426"]],["ul",["li",["p","Brand new color algorithm replacing the tint/shade system."]],["li",["p","Brand new color palattes generated by new algorithm. ",["a",{title:null,href:"http://ant.design/docs/spec/colors"},"Link"]]],["li",["p","Change default font color."]]]],["li",["p","Add Layout component. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3534"},"#3534"]]],["li",["p","Add Grid playground demo. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/ee17abfa9d0362c6f9baab4a9a09e57574583246"},"commit/ee17ab"]]],["li",["p","Input"],["ul",["li",["p","Support prefix and suffix. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4226"},"#4226"]," ",["a",{title:null,href:"https://github.com/ystarlongzi"},"@ystarlongzi"]]],["li",["p","InputGroup support compact display mode. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4309"},"pull/4309"]]]]],["li",["p","Spin support delayed display. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4306"},"#4306"]]],["li",["p","Fix the dislocation problem of Pagination in low resolution. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4349"},"#4349"]]],["li",["p","Fix wrapping display of Dropdown.Button. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4355"},"pull/4355"]," ",["a",{title:null,href:"https://github.com/Morhaus"},"@Morhaus"]]],["li",["p","Fix wrong background color of Cascader in disabled status. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4434"},"#4434"]]],["li",["p","Fix MonthPicker","[monthcellcontentrender]"," doesn't work, and some documentation errors. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4394"},"#4394"]]],["li",["p","Fix the extra border of ButtonGroup. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4382"},"#4382"]," ",["a",{title:null,href:"https://github.com/ystarlongzi"},"@ystarlongzi"]]],["li",["p","Fix wrong background color of the Submenu(horizontal mode). ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4414"},"#4414"]]],["li",["p","Fix overlapping graphics with Select/Cascader in Form.Item with hasFeedback. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4431"},"#4431"]," ",["a",{title:null,href:"https://github.com/JesperWe"},"@JesperWe"]]],["li",["p","Reset border-radius of the first row in Table without header. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4373"},"#4373"]]],["li",["p","Improve the drag performance of Tree. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4371"},"#4371"]]],["li",["p","Improve official website and documentation, fix some bugs."]],["li",["p","Update rc-form to support nested style of getFieldDecorator","[id]","."]]],["h2","2.5.3"],["p",["code","2016-12-24"]," \ud83c\udf84\ud83c\udf84\ud83c\udf84"],["ul",["li",["p","Supports TypeScript@2.1. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4208"},"#4208"]]],["li",["p","Fix style issue resulting in nested Tabs. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4317"},"#4317"]]],["li",["p","Fix ",["code","onChange"]," callback issue resulting in Radio. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4242"},"#4242"]," ",["a",{title:null,href:"https://github.com/ystarlongzi"},"@ystarlongzi"]]],["li",["p","Fix a FormItem mis-aligin bug. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4271"},"#4271"]]],["li",["p","Fix background issue resulting in selected element of veritcal Menu.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4253"},"#4253"]]],["li",["p","Improve arguments type of ",["code","onVisibleChange"]," callback of  Dropdown.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4236"},"#4236"]," ",["a",{title:null,href:"https://github.com/bang88"},"@bang88"]]],["li",["p","Improve first argument type of ",["code","onChange"]," callback of Cascader.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4231"},"#4231"]," ",["a",{title:null,href:"https://github.com/bang88"},"@bang88"]]],["li",["p","Improve default width of Datepicker","[showtime]",". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/b912f1cea6f470c16b8dd90554883460161cef47"},"b912f1c"]]]],["h2","2.5.2"],["p",["code","2016-12-10"]],["ul",["li",["p","Improve selected item style of Menu."]],["li",["p","Fix issue resulting in Mention not responses ",["code","onFocus"]," and ",["code","onBlur"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4163"},"#4163"]]],["li",["p","Fix issue resulting in there is a redundant shadow between ",["code","disabled"]," and ",["code","checked"]," Radio. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4114"},"#4114"]," @jdz321"]],["li",["p","Fix error when setting Momment ",["code","defaultValue"]," or ",["code","value"]," on RangePicker, TimePicker, Calendar. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4147"},"#4147"]]],["li",["p","Fix issue resulting in Affix disappears when it's uesed in animated Tabs. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3943"},"#3943"]]],["li",["p","Fix issue resulting in Cascader passes different ",["code","selectedOptions"]," to ",["code","onChange"]," when manually selecting and selecting by search. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4096"},"#4096"]]],["li",["p","Fix issue resulting in Tabs get offset, when too many tabs are opening. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3637"},"#3637"]]],["li",["p","Table"],["ul",["li",["p","Align text of grouped parent header to center."]],["li",["p","Fix issue resulting in ",["code","filterDropdownVisible"]," can't be set correctly. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4162"},"#4162"]]]]]],["h2","2.5.1"],["p",["code","2016-12-03"]],["ul",["li",["p","Improve website experience on mobile devices."]],["li",["p","Add some migrate warnings for ",["code","1.x"]," to ",["code","2.x"],"."]],["li",["p","ToolTip, Popover, Popconfirm support to wrap text node and multiple node directly now. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3924"},"#3924"]]],["li",["p","Anchor"],["ul",["li",["p","Fix current position bug when scroll fastly. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4053"},"#4053"]]],["li",["p","Fix a bug of parent component ref node is undefined. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4037"},"#4037"]]]]],["li",["p","Table"],["ul",["li",["p","Fix a selection problem when setting defaultChecked in rowSelection. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4020"},"#4020"]]],["li",["p","Fix grouping column title cannot work with filters. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4099"},"#4099"]]]]],["li",["p","Fix a misplace bug when using Popover over ",["code",'Input[type="textarea"]'],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4092"},"#4092"]]],["li",["p","Fix Popconfirm ",["code","visible"]," is not-working problem. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4068"},"#4068"]]],["li",["p","Fix TimePicker can not override width by ",["code","style.width"],"."]],["li",["p","Unify Steps icon size. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3817"},"#3817"]]],["li",["p","Fix style details of Form, Button, Slider, Table."]]],["h2","2.5.0"],["p",["code","2016-11-25"]],["ul",["li",["p","Change the default theme to Alipay style and improve lots of style details."]],["li",["p","Supports server-side rendering. (",["code","Mention"]," will throw warning for ",["a",{title:null,href:"https://github.com/facebook/draft-js/issues/385"},"draft-js"],"' issue)"]],["li",["p","Introduce ",["a",{title:null,href:"https://facebook.github.io/jest/docs/tutorial-react.html#snapshot-testing"},"Jest Snapshot"]," to test the structure of components and SSR issues."]],["li",["p","Improve official website and documentation."]],["li",["p","Add ",["a",{title:null,href:"https://ant.design/docs/react/customize-theme"},"document"]," for customizing theme."]],["li",["p","Add ",["a",{title:null,href:"https://ant.design/docs/resource/download"},"Sketch template files"],"."]],["li",["p",["code","LocaleProvider"]," supports Brazilian. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4004"},"#4004"]," ",["a",{title:null,href:"https://github.com/nathantn"},"@nathantn"]]],["li",["p","DatePicker"],["ul",["li",["p",'DatePicker can determine whether to show "Today" button. ',["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/bbef274aae169d142e3e7e3ea0af922d48e6dd64"},"commit"]]],["li",["p","RangePicker can set presetted ranges. ",["a",{title:null,href:"https://ant.design/components/date-picker/#components-date-picker-demo-presetted-ranges"},"demo"]]],["li",["p",'Fix "Now" button doesn\'t work while ',["code","DatePicker[showTime]"]," is set. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3748"},"#3748"]]],["li",["p","Fix ",["code","RangePicker[format]"]," should work. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3808"},"#3808"]]],["li",["p","Fix issue that RangePicker ",["code","placeholder=['xx', 'xx']"]," not working."]]]],["li",["p","Add and update some icons. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3977"},"#3977"]]],["li",["p","New component ",["code","Input.Search"],". ",["a",{title:null,href:"https://ant.design/components/input/#components-input-demo-search-input"},"demo"]]],["li",["p","Mention onSelect event will get complete record. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3867"},"#3867"]]],["li",["p","Pagination can get current range. ",["a",{title:null,href:"https://ant.design/components/pagination/#components-pagination-demo-total"},"demo"]]],["li",["p","Table"],["ul",["li",["p","We can control the visible of customized ",["code","filterDropdown"],". ",["a",{title:null,href:"https://ant.design/components/table/#components-table-demo-custom-filter-panel"},"demo"]]],["li",["p","Supports JSX-style columns. ",["a",{title:null,href:"https://ant.design/components/table/#components-table-demo-jsx"},"demo"]]],["li",["p","Can listen the click event of table cell by ",["code","onCellClick"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3774"},"#3774"]]],["li",["p","Fix border radius of head of border-less table."]],["li",["p","Fix that height of title and footer don't follow ",["code","Table[size]"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/9e6439b06cd099ab384a4a2f026f0def6e12bf23"},"commit"]]],["li",["p","Fix issue with selected status. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3900"},"#3900"]]]]],["li",["p","Upload"],["ul",["li",["p","Fix that children could not be ",["code","null"],"."]],["li",["p","Fix logic of preview. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/e552880c32aaa3f5b0fb09a5e1fb7454c24d5378"},"commit"]]]]],["li",["p","Fix ",["code","z-index"]," of Badge. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3898"},"#3898"]]],["li",["p","Fix alignment of multi-line Checkbox. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3971"},"#3971"]," ",["a",{title:null,href:"https://github.com/flashback313"},"@flashback313"]]],["li",["p","Fix alignment of InputNumber while using with other form controls. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3866#issuecomment-261148256"},"#3866(comment)"]]],["li",["p","Fix style of ",["code","Menu.Divider"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3813"},"#3813"]]],["li",["p","Fix that Popover should support Checkbox and Radio as children. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3455"},"#3455"]]],["li",["p","Fix height of ",["code","Select[combobox]"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3855"},"#3855"]]],["li",["p","Fix style of actived Switch. ",["a",{title:null,
+href:"https://github.com/ant-design/ant-design/issues/3838"},"#3838"]]],["li",["p",'Fix that Transfer doesn\'t show "Not Found" while there is no search result. ',["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3996"},"#3996"]]],["li",["p","Fix style of placeholder of TreeSelect. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3841"},"#3841"]]],["li",["p","Fix compile errors in TypeScript. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3969"},"#3969"]," ",["a",{title:null,href:"https://github.com/AlbertZheng"},"@AlbertZheng"]]],["li",["p","Fix that feedback icon should not affect users' operation. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3891"},"#3891"]]]],["h2","2.4.3"],["p",["code","2016-11-17"]],["ul",["li",["p","Fix errors in ",["code","Anchor"]," about querySelector, and make some experience Optimization .",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3832"},"#3832"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3844"},"#3844"]]]],["h2","2.4.2"],["p",["code","2016-11-13"]],["ul",["li",["p","Fix ",["code","Dropdown.Button"]," cannot popup menu.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3815"},"#3815"]]]],["h2","2.4.1"],["p",["code","2016-11-11"]],["ul",["li",["p","Fix ",["code","2.4.0"]," missing index files."]]],["h2","2.4.0"],["p",["code","2016-11-11"]],["ul",["li",["p","Adjust components structure."]],["li",["p","New ",["a",{title:null,href:"https://ant.design/components/anchor"},"Anchor"]," Component."]],["li",["p","Fix less variables ",["code","@font-size-base"]," and ",["code","@text-color"],", add ",["code","@font-size-lg"]," ",["code","@text-color-secondary"],"."]],["li",["p","Add new props ",["code","selectedKeys"]," for ",["code","Transfer"]," component ","[#3729]",". (",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3729"},"https://github.com/ant-design/ant-design/issues/3729"],")"]],["li",["p","Add ",["code","Tag"]," selected status."]],["li",["p","Fix ",["code","Dropdown.Button"]," not support ",["code","visible"]," and ",["code","onVisibleChange"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3779"},"#3779"]]],["li",["p","Fix ",["code","Now"]," button of ",["code","DatePicker[showTime]"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3748"},"#3748"]]],["li",["p","Fix style of ",["code","Steps"]," in vertical mode. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3760"},"#3760"]]],["li",["p","Fix style compatibility of ",["code","Spin"]," in IE10+.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3755"},"#3755"]]],["li",["p","Fix default style of ",["code","Carousel"]," component."]],["li",["p","Fix focus logic of ",["code","Mention"]," component. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3801"},"#3801"]]],["li",["p","Fix animate bug of ",["code","Progress"]," component. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3784"},"#3784"]]],["li",["p","Fix focus bug of ",["code","Select"]," component. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3778"},"#3778"]]],["li",["p","Fix ",["code","TimePicker"]," not support ",["code",'format="HH"']," bug. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3793"},"#3793"]]],["li",["p","Fix ",["code","Input"]," ",["code","suffix"]," mouse event responsive area. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3714"},"#3714"]]],["li",["p","Improve performance of ",["code","Table"]," selection. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3757"},"#3757"]]],["li",["p","Improve Carousel default UI style."]],["li",["p","Improve style of ",["code","Checkbox"]," and ",["code","Radio"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3590"},"#3590"]]],["li",["p","Fix style of DatePickek, Form, Table."]]],["h2","2.3.2"],["p",["code","2016-11-09"]],["ul",["li",["p","Fix dead loop while using ",["code","getFieldProps"],"."]]],["h2","2.3.1"],["p",["code","2016-11-07"]],["ul",["li",["p","Add missing ",["code","dist/antd.css"]," back."]]],["h2","2.3.0"],["p",["code","2016-11-04"]],["ul",["li",["p","Upgrade normalize.css to 5.0."]],["li",["p","Point main file to ",["code","lib/index.js"]," in package.json. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3397"},"#3397"]]],["li",["p","A brand new ",["code","Spin"]," design."]],["li",["p","Add ",["code","addon"]," for ",["code","TimePicker"]," to allow render some addon to its bottom."]],["li",["p","Add ",["code","onDragEnd"]," for ",["code","Tree"],"."]],["li",["p","Add ",["code","bordered"]," for ",["code","Collapse"],"."]],["li",["p","Improve ",["code","Tabs"]," switch animation."]],["li",["p","Improve ",["code","Radio"]," and ",["code","Checkbox"]," style when it's disabled and mouse hovered. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3590"},"#3590"]]],["li",["p","Optimize ",["code","Transfer"]," performance.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2860"},"#2860"]]],["li",["p","Fix nested ",["code","Popover"]," style issue. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3448"},"#3448"]]],["li",["p","Fix issue resulting in server side render ",["code","Transfer"]," failed. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3686"},"#3686"]]],["li",["p","Fix issue resulting in preview image not display when ",["code","Upload"]," in ",["code","picture-card"]," mode. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3706"},"#3706"]," ",["a",{title:null,href:"https://github.com/denzw"},"@denzw"]]],["li",["p","DatePicker"],["ul",["li",["p",["code","onChange"]," will be triggered when ",["code","DatePicker"]," in ",["code","showTime"]," mode on blur now."]],["li",["p","Add ",["code","monthCellContentRender"]," for ",["code","MonthPicker"],"."]],["li",["p",["code","Rangepicker"]," can input time manually now.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3718"},"#3718"]]],["li",["p","Add czech locale/translations."]]]],["li",["p","Badge"],["ul",["li",["p","Improve number over 99 displaying when mouse hovering. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3645"},"#3645"]]],["li",["p","Fix moving animation when using ",["code","Badge"]," alone. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3709"},"#3709"]]]]],["li",["p","Mention"],["ul",["li",["p","Fix issue resulting in ",["code","Mention"]," will be covered by ",["code","Table"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3588"},"#3588"]]],["li",["p","Add ",["code","getSuggestionContainer"]," to allow specify container. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3658"},"#3658"]]]]],["li",["p","Tag"],["ul",["li",["p","Deprecate ",["code","color"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3560"},"#3560"]]],["li",["p","Add ",["code","type"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3560"},"#3560"]]],["li",["p","Add ",["code","checkable"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3560"},"#3560"]]]]],["li",["p","Radio.Group"],["ul",["li",["p","Add ",["code","className"],"."]],["li",["p",["code","null"]," or ",["code","undefined"]," ",["code","children"]," will be ignored."]]]],["li",["p","Select"],["ul",["li",["p","Add ",["code","tokenSeparators"]," to support automatic tokenization. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2071"},"#2071"]]],["li",["p","Add ",["code","onFocus"]," callback. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3587"},"#3587"]]],["li",["p","Fix issue resulting in Select can't display correct selected item text in ",["code","combobox"]," mode. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3401"},"#3401"]]]]]],["h2","2.2.1"],["p",["code","2016-11-02"]],["ul",["li",["p","Fix controlled DatePicker","[showtime]"," not working bug. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3665"},"#3665"]]]],["h2","2.2.0"],["p",["code","2016-10-28"]],["ul",["li",["p","Supports TypeScript@2.0. ",["a",{title:null,href:"https://github.com/AlbertZheng"},"@AlbertZheng"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3358"},"#3358"]]],["li",["p","Not rely on specific version of React now. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3627"},"#3627"]]],["li",["p","Alert supports ",["code","className"]," ",["code","style"],"."]],["li",["p","DatePicker & MonthPicker & RangePicker allow developers to set whether to show the clear button. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3618"},"#3618"]]],["li",["p","Form.Item can generate ",["code","validateStatus"]," & ",["code","help"]," for nested form control automatically. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3212"},"#3212"]]],["li",["p","RangePicker can set some hours or minutes or seconds to be not selectable. ",["a",{title:null,href:"https://ant.design/components/date-picker/#components-date-picker-demo-disabled-date"},"#"]]],["li",["p","Switch"],["ul",["li",["p","The width of Switch will resize automatically, according to ",["code","checkedChildren/unCheckedChildren"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3380"},"#3380"]]],["li",["p","Improve the switch animation."]]]],["li",["p","Upload can ",["a",{title:null,href:"https://github.com/react-component/upload#customrequest"},"customized request"]," now. ",["a",{title:null,href:"https://github.com/edgji"},"@edgji"]]],["li",["p","Icon"],["ul",["li",["p","New icons ",["code","bulb"]," ",["code","select"]," ",["code","like-o"]," ",["code","dislike-o"],"."]],["li",["p","Adjust existing icons ",["code","loading"]," ",["code","like"]," ",["code","dislike"],"."]]]],["li",["p","Improve the TypeScript definition of Card & DatePicker & Icon & Table. ",["a",{title:null,href:"https://github.com/infeng"},"@infeng"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3468"},"3468"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3603"},"#3603"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3531"},"#3531"]]],["li",["p","Fix Cascader ",["code","defaultValue"]," should work. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3470"},"#3470"]]],["li",["p","Fix the alignment of Button & Input & DatePicker & Select. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3481"},"#3481"]]],["li",["p","DatePicker"],["ul",["li",["p","Fix wrong timing of triggering ",["code","onChange"]," while ",["code","DatePicker[showTime]"]," is set. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3523"},"#3523"]]]]],["li",["p","Fix ",["code","Dropdown.Button[disabled]"]," doesn't works for behaviour. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3535"},"#3535"]]],["li",["p","Menu"],["ul",["li",["p","Fix errors in SSR, thanks to  ",["a",{title:null,href:"https://github.com/xpcode"},"@xpcode"]," to find the solution. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2061"},"#2061"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2406"},"#2406"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3293"},"#3293"]]],["li",["p","Fix children don't support ",["code","null"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3599"},"#3599"]]]]],["li",["p","Fix loading status animation for message.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3536"},"#3536"]]],["li",["p","Form"],["ul",["li",["p","Fix style issue while using ",["code","Form[inline]"]," and ",["code","Input[addonBefore|addonAfter]"]," together. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3524"},"#3524"]]],["li",["p","Fix style issue for Radio.Button in Form.Item."]],["li",["p","Fix style issue for search button in Form.Item. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3630"},"#3630"]]],["li",["p","Fix Form.Item should not treat no user input as validate success. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3613"},"#3613"]]]]],["li",["p","Should not limit the min width of Popover while ",["code","Popover[title]"]," is not set."]],["li",["p","Table"],["ul",["li",["p","Fix style of fixed header of Table while ",["code","dataSource"]," is empty.",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3567"},"#3567"]]],["li",["p","Fix Table will overlap SubMenu while ",["code","dataSource"]," is empty. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3521"},"#3521"]]]]],["li",["p","Tabs"],["ul",["li",["p","Height of header of ",["code",'Tabs[type="card|editable-card"]']," should follow design."]],["li",["p","Fix height of TabPane should follow height of its content. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3304"},"#3304"]]]]],["li",["p","Fix style of ",["code","TreeSelect[showSearch]"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3520"},"#3520"]]]],["h2","2.1.0"],["p",["code","2016-10-16"]],["ul",["li",["p","Supports spinning Icon."]],["li",["p","Tabs's switch animation could be disabled now. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3324"},"#3324"]]],["li",["p","Add Spanish localization for LocaleProvider. @Danjavia"]],["li",["p","Update Russian localization for LocaleProvider. @plandem"]],["li",["p","Add ",["code","onSelect"]," event for AutoComplete."]],["li",["p","Improve style of Modal."]],["li",["p","Improve animation of Tooltip."]],["li",["p","Improve style of Transfer's buttons."]],["li",["p","Improve style of Tree."]],["li",["p","Fix some less variables."]],["li",["p","Fix errors while import the whole antd in SSR."]],["li",["p","Fix errors while render Affix and BackTop on server. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3283"},"#3283"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3343"},"#3343"]]],["li",["p","Fix conflicts between Cascader search mode and browser's autocomplete behaviour. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3350"},"#3350"]]],["li",["p","Fix bug that ",["code","h3"]," cannot be the value of Card","[title]",". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3388"},"#3388"]]],["li",["p","DatePicker"],["ul",["li",["p","Fix bug that ",["code","onChange"]," will be trigger twice when ",["code","showTime"]," is set. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3376"},"#3376"]]],["li",["p","Fix differences between overlay's and trigger's date format. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3405"},"#3405"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3298"},"#3298"]]],["li",["p","Fix style conflicts with TimePicker. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3312"},"#3312"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3307"},"#3307"]]]]],["li",["p","Fix overflow issue for Form.Item label."]],["li",["p","Fix that Icon should not show border in Safari."]],["li",["p","Fix infinite loop while inc/dec InputNubmer with keyboard. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3239"},"#3239"]]],["li",["p","Fix the style of the arrow of Popover."]],["li",["p","Fix bug Popover and Popconfirm ",["code","arrowPointAtCenter"]," doesn't work."]],["li",["p","Select"],["ul",["li",["p","Fix bug that styles of Select are imported twice. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3332"},"#3332"]]],["li",["p","Fix bug ",["code","notFoundContent"]," cannot be set as ",["code","''"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3345"},"#3345"]]],["li",["p","Fix the unstable width of table cell with Select","[showsearch]",". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3413"},"#3413"]]]]],["li",["p","Fix style conflicts while use ",["code","border"]," & ",["code","title"]," & ",["code","footer"]," of Table at the same time. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3301"},"#3301"]]],["li",["p","Fix that the height of TabPane doesn't follow height of content. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3377"},"#3377"]]],["li",["p","Fix bug Transfer","[titles]"," is not under the control of LocaleProvider. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3264"},"#3264"]]],["li",["p","Upload"],["ul",["li",["p","Fix bug users' ",["code","onRemove"]," will override default behaviour. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3317"},"#3317"]]],["li",["p","Fix style for ",["code","listType='picture-card'"],".",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3316"},"#3316"]]]]],["li",["p","Fix bug that moment locales is not found while built. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3204"},"#3204"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3411"},"#3411"]]]],["h2","2.0.1"],["p",["code","2016-10-01"]],["ul",["li",["p","Fix developers cannot call methods of react-slick. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3164"},"#3164"]]],["li",["p","Fix Steps.Step","[icon]"," should support React.ReactNode. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3159"},"#3159"]]],["li",["p","Fix server-side render for Affix. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3216"},"#3216"]]],["li",["p","Fix Mention should support ",["code","onSelect"]," ",["code","placeholder"],". ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3236"},"#3236"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3226"},"#3226"]]],["li",["p","Fix Transfer cannot work with ",["code","getFieldDecorator"],"."]],["li",["p","Fix LocaleProvider doesn't work for time-related components."]],["li",["p","Fix Cascader doesn't show search text in search mode."]],["li",["p","Fix the animation & text Spin should be placed in vertical middle."]],["li",["p","Fix styles of RangePicker Modal Tag Progress."]]],["h2","2.0.0"],["p",["code","2016-09-28"]],["p","After four months, ",["code","antd@2.0.0"]," is published. We had refactored code and improve functionalities and details of existing components. What's more, we provide English version of the documentation. The antd community help us a lot in developing ",["code","antd@2.0.0"],"."],["p","If you meet any problem while you try to upgrade from ",["code","antd@1.0.0"],", feel free to ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues"},"create issues on GitHub"],"."],["h3","2.x Major changes"],["ul",["li",["p","Refactor components with TypeScript, and provide ",["strong",["code",".d.ts"]," files which are officially supported"],". Thanks to all the developers that contributed to ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/1846"},"#1846"]," and @infeng."]],["li",["p",["strong","Translate the documentation into English"],", and we are going to provide both of Chinese and English versions of the documentation in the future. Thanks to all the translators and reviewers that contributed to ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/1471"},"#1471"],"."]],["li",["p","DatePicker, TimePicker, Calendar and other components that are designed to select time ",["strong","are refactored to replace ",["a",{title:null,href:"github.com/yiminghe/gregorian-calendar"},"gregorian-calendar"]," with ",["a",{title:null,href:"http://momentjs.com/"},"moment"]],"."]],["li",["p","All the ",["a",{title:null,href:"http://ant.design/components/icon/"},"icons"]," are re-designed."]],["li",["p","New component ",["a",{title:null,href:"http://ant.design/components/mention/"},"Mention"],"."]],["li",["p","New component ",["a",{title:null,href:"http://ant.design/components/auto-complete/"},"AutoComplete"],"."]],["li",["p","The ",["code","getFieldProps"]," of Form is replaced with ",["code","getFieldDecorator"]," which will warn developers if they make mistakes. Related discussion ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/1533"},"#1533"],"."]],["li",["p","Table supports ",["a",{title:null,href:"http://ant.design/components/table/#components-table-demo-grouping-columns"},"grouping columns"],". @yesmeck"]],["li",["p","Removed components and features which are deprecated in ",["code","antd@1.x"],", such as QueueAnim, Validation, Form.ValueMixin, Progress.Line, Progress.Circle, Popover","[overlay]"," and Slider","[marks]"," will not support array any more."]]],["h3","2.x Breaking changes"],["blockquote",["p","We suggest you upgrade to lastest version of ",["code","2.x"],"."]],["p","There are some breaking changes in ",["code","antd@2.0.0"],", and you need to modify your code to work with it."],["ul",["li",["p",["code","value"]," and ",["code","defaultValue"]," of all the time-related components will not support type ",["code","String/Date"],", please use ",["a",{title:null,href:"http://momentjs.com/"},"moment"],":"],["pre",{lang:"diff",highlighted:'<span class="token deleted">- &lt;TimePicker defaultValue="12:08:23" /></span>\n<span class="token inserted">+ &lt;TimePicker defaultValue={moment(\'12:08:23\', \'HH:mm:ss\')} /></span>\n\n<span class="token deleted">- &lt;DatePicker defaultValue="2015/01/01" /></span>\n<span class="token inserted">+ &lt;DatePicker defaultValue={moment(\'2015/01/01\', \'YYYY/MM/DD\')} /></span>\n\n<span class="token deleted">- &lt;Calendar defaultValue={new Date(\'2010-10-10\')} /></span>\n<span class="token inserted">+ &lt;Calendar defaultValue={moment(\'2010-10-10\', \'YYYY-MM-DD\')} /></span>'},["code","- <TimePicker defaultValue=\"12:08:23\" />\n+ <TimePicker defaultValue={moment('12:08:23', 'HH:mm:ss')} />\n\n- <DatePicker defaultValue=\"2015/01/01\" />\n+ <DatePicker defaultValue={moment('2015/01/01', 'YYYY/MM/DD')} />\n\n- <Calendar defaultValue={new Date('2010-10-10')} />\n+ <Calendar defaultValue={moment('2010-10-10', 'YYYY-MM-DD')} />"]]],["li",["p","Parameters of type ",["code","Date/GregorianCalendar"]," of functions such as ",["code","onChange"]," and ",["code","onPanelChange"],", plus other callback functions had been changed to type moment. Please consult ",["a",{title:null,href:"https://github.com/yiminghe/gregorian-calendar"},"APIs of gregorian-calendar"]," and ",["a",{title:null,href:"http://momentjs.com/docs/"},"APIs of moment"],", and update your code accordingly. And you can consult this ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/4026221d451b246956983bb42140142d4a48b7d7"},"commit"]," to see how to update."],["p","Because the return value of ",["code","JSON.stringy(date: moment)"]," will lost time zone, we should use ",["code",".format"]," to convert date to string first, see related issue ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3082"},"#3082"]," for details:"],["pre",{lang:"js",highlighted:'<span class="token function">handleSubmit</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>\n  <span class="token keyword">const</span> values <span class="token operator">=</span> <span class="token keyword">this</span><span class="token punctuation">.</span>props<span class="token punctuation">.</span>form<span class="token punctuation">.</span><span class="token function">getFieldsValue</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n  values<span class="token punctuation">.</span>date <span class="token operator">=</span> values<span class="token punctuation">.</span>date<span class="token punctuation">.</span><span class="token function">format</span><span class="token punctuation">(</span><span class="token string">\'YYYY-MM-DD HH:mm:ss\'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment" spellcheck="true">// or other format</span>\n  <span class="token keyword">const</span> data <span class="token operator">=</span> JSON<span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>values<span class="token punctuation">)</span><span class="token punctuation">;</span>\n  <span class="token comment" spellcheck="true">// send data to server</span>\n<span class="token punctuation">}</span>'},["code","handleSubmit() {\n  const values = this.props.form.getFieldsValue();\n  values.date = values.date.format('YYYY-MM-DD HH:mm:ss'); // or other format\n  const data = JSON.stringify(values);\n  // send data to server\n}"]]],["li",["p","For the value of time-related components becomes an instance of ",["code","moment"],", you should replace ",["code","type: 'date'"]," with ",["code","type: 'object'"]," in form validation."]],["li",["p","The ",["code","format"]," of time-related components is changed from ",["a",{title:null,href:"https://github.com/yiminghe/gregorian-calendar-format#api"},"gregorian-calendar-format"]," to ",["a",{title:null,href:"http://momentjs.com/docs/#/parsing/string-format/"},"moment  format"]," now, for instance the format ",["code","yyyy-MM-dd"]," should change to ",["code","YYYY-MM-DD"],"."]],["li",["p",["code","linkRender"]," and ",["code","nameRender"]," of Breadcrumb are removed, please use ",["code","itemRender"],"."]],["li",["p",["code","onClose"]," and ",["code","onOpen"]," of Menu are removed, please use ",["code","onOpenChange"],". As being totally different, please check ",["a",{title:null,href:"http://beta.ant.design/components/menu/#components-menu-demo-sider-current"},"this demo"]," first."]],["li",["p","Paging columns of Table were removed, please use ",["a",{title:null,href:"http://ant.design/components/table/#components-table-demo-fixed-columns"},"fixed columns"],"."]],["li",["p",["code","Popover[overlay]"]," is removed, please use ",["code","Popover[content]"]," instead."]]],["p","The following change will throw some warnings in the console and it will still work, but we recommend to update your code."],["ul",["li",["p",["code","getFieldProps"]," of Form is deprecated, please use ",["code","getFieldDecorator"],":"],["pre",{lang:"diff",highlighted:'<span class="token deleted">-  &lt;Input placeholder="text" {...getFieldProps(\'userName\', { ... })} /></span>\n<span class="token inserted">+  {getFieldDecorator(\'userName\', { ... })(</span>\n<span class="token inserted">+    &lt;Input placeholder="text" /></span>\n<span class="token inserted">+  )}</span>'},["code","-  <Input placeholder=\"text\" {...getFieldProps('userName', { ... })} />\n+  {getFieldDecorator('userName', { ... })(\n+    <Input placeholder=\"text\" />\n+  )}"]],["p","Look up to ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/1533"},"#1533"]," for related discussion."]],["li",["p",["code","toggleOpen"]," of DatePicker is deprecated, please use ",["code","onOpenChange"],":"],["pre",{lang:"diff",highlighted:'<span class="token deleted">- handleToggleOpen({ open }) {</span>\n<span class="token inserted">+ handleOpenChange(open) {</span>\n  ...\n}'},["code","- handleToggleOpen({ open }) {\n+ handleOpenChange(open) {\n  ...\n}"]]]],["h3","2.x Bug fixes"],["ul",["li",["p","Dropdown.Button","[disabled]"," should work. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3070"},"#3070"]]],["li",["p",["code","option.withRef"]," of Form.create should work. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2843"},"#2843"]]],["li",["p","Fix slow response of expanding sub menu in Menu","[inline]"," mode. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2701"},"#2701"]]],["li",["p","The button of Modal.confirm(and so on) should not be clickable while it is closed asynchronously. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2684"},"#2684"]]],["li",["p",["code","format"]," of DatePicker","[showtime]"," should work. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3123"},"#3123"]]],["li",["p","Fix Table","[datasource]"," treat key whose value is ",["code","0"]," as inexisting. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3166"},"#3166"]," @noonnightstorm"]],["li",["p","Tree.Node should not show arrow if it has no child nodes. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2616"},"#2616"]]],["li",["p","Fix cursor style of arrows that are hidden of Tree.Node. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2748"},"#2748"]]]],["h3","2.x Other improvements"],["ul",["li",["p","Alert supports ",["a",{title:null,href:"http://ant.design/components/alert/#components-alert-demo-banner"},["code","banner"]," mode"],"."]],["li",["p","BackTop will scroll to top with animation."]],["li",["p","Badge supports ",["a",{title:null,href:"http://ant.design/components/badge/#components-badge-demo-status"},"status dot mode"],"."]],["li",["p","Cascader supports ",["a",{title:null,href:"http://ant.design/components/cascader/#components-cascader-demo-search"},"searching options directly"],"."]],["li",["p","Checkbox supports ",["a",{title:null,href:"http://ant.design/components/checkbox/#components-checkbox-demo-check-all"},"indeterminate mode"],"."]],["li",["p","Form supports ",["a",{title:null,href:"http://ant.design/components/form/#components-form-demo-validate-customized"},"vertical layout"],"."]],["li",["p","InputNumber supports long press to increase/decrease number. ",["a",{title:null,href:"http://ant.design/components/input-number/#components-input-number-demo-basic"},"#"]]],["li",["p","notification supports ",["a",{title:null,href:"http://ant.design/components/notification/#components-notification-demo-custom-icon"},"customized icon"],"."]],["li",["p","Spin allows ",["a",{title:null,href:"http://ant.design/components/spin/#components-spin-demo-tip"},"customized tips and animation work together"],". @jerrybendy"]],["li",["p","Transfer can handle event while options are checked/unchecked. ",["a",{title:null,href:"http://ant.design/components/transfer/#components-transfer-demo-basic"},"#"]]],["li",["p","Transfer can determine ",["a",{title:null,href:"http://ant.design/components/transfer/#components-transfer-demo-basic"},"whether an option is checkable"],"."]],["li",["p","Improve style of Alert and notification."]],["li",["p","Modal.confirm(and so on) can be closed by keyboard. @Dafrok"]],["li",["p","Improve the user experience of ",["a",{title:null,href:"http://ant.design/components/date-picker/#components-date-picker-demo-time"},"selecting time in DatePicker"],"."]],["li",["p","Improve the status changed animation of ",["a",{title:null,href:"http://ant.design/components/spin/#components-spin-demo-nested"},"Spin"],"."]],["li",["p","Update ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/2f308b0f995cfcb2a3c8feb1e35ffd3f0bf93cfc"
+},"font-family"],"."]]],["h3","2.x Workflow"],["ul",["li",["p",["a",{title:null,href:"http://library.ant.design/"},"AntD Library"]," a collection of Axure files which includes components and patterns that follow Ant Design Specification."]],["li",["p","Rename ",["code","babel-plugin-antd"]," to ",["a",{title:null,href:"https://github.com/ant-design/babel-plugin-import"},["code","babel-plugin-import"]],", and this means that ",["code","babel-plugin-import"]," becomes an common load-on-demand solution and not just for ",["code","antd"],"."],["p","Please update ",["code","package.json"],":"],["pre",{lang:"diff",highlighted:'{\n  "devDependencies": {\n<span class="token deleted">-   "babel-plugin-antd": "^0.x.x",</span>\n<span class="token inserted">+   "babel-plugin-import": "^1.0.0",</span>\n  }\n}'},["code",'{\n  "devDependencies": {\n-   "babel-plugin-antd": "^0.x.x",\n+   "babel-plugin-import": "^1.0.0",\n  }\n}']],["p","And update your babel config in ",["code",".babelrc"]," or other place:"],["pre",{lang:"diff",highlighted:'{\n<span class="token deleted">-  "plugins": [["antd", { style: "css" }]]</span>\n<span class="token inserted">+  "plugins": [["import", { libraryName: "antd", style: "css" }]]</span>\n}'},["code",'{\n-  "plugins": [["antd", { style: "css" }]]\n+  "plugins": [["import", { libraryName: "antd", style: "css" }]]\n}']]],["li",["p",["a",{title:null,href:"https://github.com/dvajs/dva"},"dva@1.0.0"]," is published and it is officially recommended framework ",["a",{title:null,href:"http://ant.design/docs/react/practical-projects"},"in real world"],"."]],["li",["p","The officially recommended scaffold is ",["a",{title:null,href:"https://github.com/dvajs/dva-cli"},"dva-cli"]," now, the old ",["code","antd-init"]," is just for studying and demo."]]],["h2","1.11.4"],["p","Visit ",["a",{title:null,href:"https://github.com/ant-design/ant-design/blob/1.x-stable/CHANGELOG.md"},"GitHub"]," to read change logs from ",["code","0.x"]," to ",["code","1.x"],"."]],meta:{order:6,title:"Change Log",toc:!1,timeline:!0,filename:"CHANGELOG.en-US.md"},description:["section",["p",["code","antd"]," strictly follows ",["a",{title:null,href:"http://semver.org/"},"Semantic Versioning 2.0.0"],"."],["h4","Release Schedule"],["ul",["li",["p","Weekly release: patch version at the end of every week for routine bugfix (anytime for urgent bugfix)."]],["li",["p","Monthly release: minor version at the end of every month for new features."]],["li",["p","Major version release is not included in this schedule for breadking change and new features."]]],["p","If you want to read change logs before ",["code","2.0.0"],", please visit ",["a",{title:null,href:"https://github.com/ant-design/ant-design/blob/1.x-stable/CHANGELOG.md"},"GitHub"],"."]],toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#2.9.3",title:"2.9.3"},"2.9.3"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.9.2",title:"2.9.2"},"2.9.2"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.9.1",title:"2.9.1"},"2.9.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.9.0",title:"2.9.0"},"2.9.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.8.3",title:"2.8.3"},"2.8.3"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.8.2",title:"2.8.2"},"2.8.2"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.8.1",title:"2.8.1"},"2.8.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.8.0",title:"2.8.0"},"2.8.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.7.4",title:"2.7.4"},"2.7.4"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.7.3",title:"2.7.3"},"2.7.3"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.7.2",title:"2.7.2"},"2.7.2"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.7.1",title:"2.7.1"},"2.7.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.7.0",title:"2.7.0"},"2.7.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.6.4",title:"2.6.4"},"2.6.4"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.6.3",title:"2.6.3"},"2.6.3"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.6.2",title:"2.6.2"},"2.6.2"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.6.1",title:"2.6.1"},"2.6.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.6.0",title:"2.6.0"},"2.6.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.5.3",title:"2.5.3"},"2.5.3"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.5.2",title:"2.5.2"},"2.5.2"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.5.1",title:"2.5.1"},"2.5.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.5.0",title:"2.5.0"},"2.5.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.4.3",title:"2.4.3"},"2.4.3"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.4.2",title:"2.4.2"},"2.4.2"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.4.1",title:"2.4.1"},"2.4.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.4.0",title:"2.4.0"},"2.4.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.3.2",title:"2.3.2"},"2.3.2"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.3.1",title:"2.3.1"},"2.3.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.3.0",title:"2.3.0"},"2.3.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.2.1",title:"2.2.1"},"2.2.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.2.0",title:"2.2.0"},"2.2.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.1.0",title:"2.1.0"},"2.1.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.0.1",title:"2.0.1"},"2.0.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.0.0",title:"2.0.0"},"2.0.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#1.11.4",title:"1.11.4"},"1.11.4"]]]}}});
\ No newline at end of file
diff --git a/CHANGELOG.zh-CN.md.js b/CHANGELOG.zh-CN.md.js
index bb4a99ac5..810ba190e 100644
--- a/CHANGELOG.zh-CN.md.js
+++ b/CHANGELOG.zh-CN.md.js
@@ -1,4 +1,5 @@
-webpackJsonp([209,211],{655:function(t,e){t.exports={content:["article",{},["h2","2.9.2"],["p",["code","2017-04-22"]],["ul",["li",["p",["strong","Alert"]," \u4fee\u590d banner \u578b\u5c5e\u6027\u65e0\u6cd5\u8986\u76d6\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5800"},"#5800"]]],["li",["p",["strong","AutoComplete"]," \u4fee\u590d\u81ea\u5b9a\u4e49\u8f93\u5165\u7ec4\u4ef6\u65e0\u6cd5\u76d1\u542c ",["code","onKeyDown"]," \u4e8b\u4ef6\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5487"},"#5487"]]],["li",["p",["strong","Button"]," \u5371\u9669\u6309\u94ae\u4f7f\u7528\u65b0\u7684\u6837\u5f0f\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5815"},"#5815"]]],["li",["p",["strong","DatePicker"]," "],["ul",["li",["p","\u4f18\u5316\u4e86 RangePicker \u7684\u4f53\u9a8c\uff0crc-calendar \u5347\u7ea7\u81f3 ",["code","~8.0.0"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4985"},"#4985"]]],["li",["p","\u4fee\u590d\u4e86 RangePicker \u81ea\u5b9a\u4e49\u9ad8\u5ea6\u540e\u6587\u5b57\u4e0d\u80fd\u4e0a\u4e0b\u5c45\u4e2d\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5718"},"pull/5718"]," ",["a",{title:null,href:"https://github.com/leadream"},"@leadream"]]]]],["li",["p",["strong","Form"]," \u589e\u52a0\u6837\u5f0f\u53d8\u91cf\u6765\u63a7\u5236\u8868\u5355\u9879\u6807\u9898\u5192\u53f7\u7684\u5c55\u793a\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5855"},"pull/5855"]," ",["a",{title:null,href:"https://github.com/megawac"},"@megawac"]]],["li",["p",["strong","Icon"]," \u589e\u52a0 displayName \u5c5e\u6027\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5643"},"pull/5643"]," ",["a",{title:null,href:"https://github.com/handycode"},"@handycode"]]],["li",["p",["strong","Input"]],["ul",["li",["p","\u4fee\u590d\u4e86 Input.Search \u5728 Input.Group \u4e0b\u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5743"},"#5743"]]],["li",["p","\u4fee\u590d\u4e86 AutoComplete \u5728 Input.Group \u4e0b\u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5832"},"#5832"]]],["li",["p","\u4fee\u590d\u4e86 Select \u5728 Input.Group \u4e0b\u7684 size \u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5754"},"#5754"]]],["li",["p","\u8c03\u6574\u4e86 suffix \u7684\u989c\u8272\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5820"},"pull/5820"]," ",["a",{title:null,href:"https://github.com/megawac"},"@megawac"]]]]],["li",["p",["strong","InputNumber"]," \u66f4\u65b0\u4e86 ",["code","parser"]," \u548c ",["code","formatter"]," \u914d\u5408\u4f7f\u7528\u7684\u6587\u6863\u53ca\u793a\u4f8b\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5683"},"#5683"]]],["li",["p",["strong","Layout"]],["ul",["li",["p","\u589e\u52a0\u4e86",["a",{title:null,href:"https://ant.design/components/layout/#components-layout-demo-fixed-sider"},"\u56fa\u5b9a\u4fa7\u8fb9\u680f"],"\u793a\u4f8b\u3002"]],["li",["p","\u4fee\u590d firefox \u4e0b\u54cd\u5e94\u5f0f\u4fa7\u8fb9\u680f\u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5613"},"#5613"]]]]],["li",["p",["strong","LocaleProvider"]," \u81ea\u52a8\u5f15\u5165\u6837\u5f0f\u53d8\u91cf\u4ee5\u4fbf\u81ea\u5b9a\u4e49\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5712"},"#5712"]," ",["a",{title:null,href:"https://github.com/lionkeng"},"@lionkeng"]]],["li",["p",["strong","Menu"]," \u53bb\u6389 Menu \u7ec4\u4ef6\u4e2d a \u6807\u7b7e\u9ed8\u8ba4\u7684 focus \u4e0b\u5212\u7ebf\u6837\u5f0f\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5707"},"#5707"]]],["li",["p",["strong","Notification"]," \u6837\u5f0f\u81ea\u9002\u5e94\u5355\u884c\u6587\u6848\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5846"},"#5846"]]],["li",["p",["strong","Radio"]," \u65b0\u589e Radio.Button \u989c\u8272\u53ca\u80cc\u666f\u8272\u6837\u5f0f\u53d8\u91cf\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5791"},"pull/5791"]," ",["a",{title:null,href:"https://github.com/megawac"},"@megawac"]]],["li",["p",["strong","Table"]],["ul",["li",["p","\u589e\u52a0\u4e86\u5934\u90e8\u80cc\u666f\u53ca\u884c hover \u80cc\u666f\u6837\u5f0f\u53d8\u91cf\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5706"},"#5706"]," ",["a",{title:null,href:"https://github.com/kappa-gooner"},"@kappa-gooner"]]],["li",["p","\u4fee\u590d\u4e86\u8868\u5934\u5206\u7ec4\u793a\u4f8b\u7684\u5c55\u793a\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5697"},"#5697"]]]]],["li",["p",["strong","Tabs"]," \u4fee\u590d\u4e86\u5782\u76f4\u6a21\u5f0f\u4e0b\u6eda\u52a8\u6309\u94ae\u7684\u4f4d\u7f6e\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5765"},"#5765"]," ",["a",{title:null,href:"https://github.com/dicklwm"},"@dicklwm"]]],["li",["p",["strong","TreeSelect"]," \u4fee\u590d\u4e86\u4e0b\u62c9\u7bad\u5934\u65b9\u5411\u4e0d\u80fd\u6539\u53d8\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5693"},"#5693"]]],["li",["p",["strong","TypeScript"]," "],["ul",["li",["p","\u8865\u5145\u4e86 InputNumber \u7684\u90e8\u5206\u5b9a\u4e49\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5717"},"#5717"],"  ",["a",{title:null,href:"https://github.com/whtang906"},"@whtang906"]]]]],["li",["p",["strong","\u5168\u5c40\u6027\u4f18\u5316"]],["ul",["li",["p","\u4fee\u590d\u4e86\u7ec4\u4ef6\u4e2d\u56e0\u5347\u7ea7 React@15.5.0 \u5e26\u6765\u7684 ",["code","React.PropTypes"]," \u8b66\u544a\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5723"},"pull/5723"],"  ",["a",{title:null,href:"https://github.com/manjitkumar"},"@manjitkumar"]]]]],["li",["p",["strong","\u7f51\u7ad9"]],["ul",["li",["p","\u300e\u6307\u5f15\u300f\u4e2d\u589e\u52a0\u4e86\u82f1\u6587\u7248\u7684",["a",{title:null,href:"https://ant.design/docs/spec/icon"},"\u56fe\u6807\u8bf4\u660e"],"\u3002",["a",{title:null,href:"https://github.com/kenaniah"},"@kenaniah"]]],["li",["p","\u589e\u52a0\u4e86",["a",{title:null,href:"https://gitter.im/ant-design/ant-design-english"},"\u82f1\u6587\u7248\u5728\u7ebf\u8ba8\u8bba"],"\u3002"]]]]],["h2","2.9.1"],["p",["code","2017-04-09"]],["ul",["li",["p","Step"],["ul",["li",["p","\u589e\u52a0 less \u53d8\u91cf\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5624"},"#5624"]," ",["a",{title:null,href:"https://github.com/megawac"},"@megawac"]]],["li",["p","\u4fee\u590d\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5623"},"#5623"]]]]],["li",["p","Button \u70b9\u51fb\u540e\u4e0d\u4f1a\u518d\u5931\u53bb\u7126\u70b9\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5597"},"#5597"]," ",["a",{title:null,href:"https://github.com/kenaniah"},"@kenaniah"]]],["li",["p","\u94fe\u63a5\u83b7\u53d6\u7126\u70b9\u7684\u65f6\u5019\u589e\u52a0\u4e0b\u5212\u7ebf\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5597"},"#5587"]," ",["a",{title:null,href:"https://github.com/kenaniah"},"@kenaniah"]]],["li",["p","\u4fee\u590d Dropdown.Button \u4e0d\u80fd\u4f7f\u7528 ",["code","placement"]," \u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5594"},"#5594"]]],["li",["p","\u4fee\u590d Pagination \u4e0d\u5bf9\u9f50\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5632"},"#5632"]]],["li",["p","\u4fee\u590d AutoComplete \u4f7f\u7528 ",["code","allowClear"]," \u65f6\u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5634"},"#5634"]]],["li",["p","\u4fee\u590d DatePicker \u8bbe\u7f6e ",["code","showToday"]," \u4e3a ",["code","false"]," \u65f6\u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5620"},"#5620"]]],["li",["p","\u4fee\u590d Select \u641c\u7d22\u65e0\u7ed3\u679c\u65f6\u9ed8\u8ba4\u663e\u793a\u82f1\u6587\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5661"},"#5661"]," ",["a",{title:null,href:"https://github.com/LeeHarlan"},"@LeeHarlan"]]]],["h2","2.9.0"],["p",["code","2017-04-01"]," \ud83d\udc7b"],["ul",["li",["p","\u9ed8\u8ba4\u5b57\u4f53\u4e2d\u6570\u5b57\u8bbe\u4e3a\u7b49\u5bbd\uff0c\u65b9\u4fbf\u8fdb\u884c\u7eb5\u5411\u6bd4\u8f83\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/b526083fa6a619113a3d26c4f4f092a8648f3bd4"},"b526083"]]],["li",["p","Select"],["ul",["li",["p","\u65b0\u589e ",["code","mode"]," \u53c2\u6570\uff0c\u5e9f\u5f03 ",["code","tags|combobox|multiple"]," \u5c5e\u6027\uff0c\u4f7f\u7528 ",["code","mode={tags|combobox|multiple}"]," \u6765\u4ee3\u66ff\u3002"]],["li",["p",["code","tags|multiple"]," \u6a21\u5f0f\u73b0\u5728\u652f\u6301\u914d\u7f6e ",["code","allowClear"]," \u6e05\u9664\u6309\u94ae\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4843"},"#4843"]]]]],["li",["p","Progress \u65b0\u589e ",["code","dashboard"]," \u4eea\u8868\u76d8\u7c7b\u578b\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5225"},"#5225"]," ",["a",{title:null,href:"https://github.com/qiaolb"},"@qiaolb"]]],["li",["p","Tree \u65b0\u589e ",["code","showLine"]," \u5c5e\u6027\uff0c\u652f\u6301\u7eb5\u5411\u8fde\u63a5\u7ebf\u5c55\u793a\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3854"},"#3854"]]],["li",["p","TimePicker \u652f\u6301 12 \u5c0f\u65f6\u5236\uff1a",["code","use12Hours"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4063"},"#4063"]]],["li",["p","Table \u652f\u6301 ",["code","column.filterIcon"],"\uff0c\u652f\u6301\u4f7f\u7528\u81ea\u5b9a\u4e49\u7b5b\u9009\u83dc\u5355\u65f6\u81ea\u5b9a\u4e49\u56fe\u6807\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5293"},"#5293"]]],["li",["p","Spin \u65b0\u589e ",["code","wrapperClassName"],"\uff0c\u65b9\u4fbf\u7ed9\u5305\u88f9\u5f62\u6001\u7684\u52a0\u8f7d\u6761\u589e\u52a0\u7c7b\u540d\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5425"},"#5425"]," ",["a",{title:null,href:"https://github.com/aaronplanell"},"@aaronplanell"]]],["li",["p","Tabs \u65b0\u589e\u70b9\u51fb\u5de6\u53f3\u5207\u6362\u7bad\u5934\u7684\u56de\u8c03 ",["code","onPrevClick"]," ",["code","onNextClick"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4395"},"#4395"]]],["li",["p","InputNumber \u65b0\u589e ",["code","parser"]," \u5c5e\u6027\uff0c\u7528\u4e8e\u6709\u65f6\u6307\u5b9a\u4e86 ",["code","formatter"]," \u65f6\u9700\u8981\u89e3\u6790\u51fa\u6570\u5b57\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5178#issuecomment-284557933"},"#5178"]]],["li",["p","\u56fd\u9645\u5316"],["ul",["li",["p","\u65b0\u589e\u65e5\u8bed\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5529"},"#5529"],"  ",["a",{title:null,href:"https://github.com/novi"},"@novi"]]],["li",["p","\u65b0\u589e\u65af\u6d1b\u4f10\u514b\u8bed\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5304"},"#5304"]," ",["a",{title:null,href:"https://github.com/Kamahl19"},"@Kamahl19"]]],["li",["p","\u65b0\u589e\u7231\u6c99\u5c3c\u4e9a\u8bed\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5266"},"#5266"]," ",["a",{title:null,href:"https://github.com/madisvain"},"@madisvain"]]],["li",["p","\u65b0\u589e\u571f\u8033\u5176\u8bed\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5536"},"#5536"]," ",["a",{title:null,href:"https://github.com/c0b41"},"@c0b41"]]]]],["li",["p","TypeScript"],["ul",["li",["p","\u53c2\u7167 react-slick \u8865\u5145 Carousel \u7684\u5b9a\u4e49\u3002"]],["li",["p","\u4fee\u590d Form \u7684\u90e8\u5206\u5b9a\u4e49\u3002"]],["li",["p","\u4fee\u6b63 ",["code","getPopupContainer"]," \u5b9a\u4e49\u3002"]]]],["li",["p","\u5141\u8bb8\u5206\u5f00\u7981\u7528 Tabs \u7684\u9ad8\u4eae\u6761\u548c\u9762\u677f\u7684\u5207\u6362\u52a8\u753b\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5089"},"#5089"]," ",["a",{title:null,href:"https://github.com/xieguanglei"},"@xieguanglei"]]],["li",["p","Button \u7684 ",["code","loading"]," \u5c5e\u6027\u652f\u6301 ",["code","{ delay: 1000 }"]," \u7684\u5f62\u5f0f\uff0c\u9ed8\u8ba4\u4e0d\u518d\u5ef6\u8fdf\u5207\u6362\u72b6\u6001 \u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5365"},"#5365"]]],["li",["p","\u589e\u52a0 Card \u5934\u90e8\u7684 less \u53d8\u91cf\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5354"},"#5354"]," ",["a",{title:null,href:"https://github.com/kossel"},"@kossel"]]],["li",["p","\u4fee\u590d Breadcrumb \u6ca1\u6709\u8bbe\u7f6e ",["code","breadcrumbName"]," \u65f6\u5206\u9694\u7b26\u591a\u4f59\u7684\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d Dropdown.Button \u7684 ",["code","Unknown prop placement"]," \u8b66\u544a\u4fe1\u606f\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5594"},"#5594"]]],["li",["p","\u4fee\u590d RangePicker \u548c InputNumber \u7684\u5360\u4f4d\u6587\u5b57\u989c\u8272\u3002"]],["li",["p","\u4fee\u590d Cascasder \u641c\u7d22\u6a21\u5f0f\u4e0b\u65e0\u6cd5\u4f7f\u7528\u9000\u683c\u952e\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5340"},"#5340"]]],["li",["p","\u4fee\u590d LocaleProvider \u6709\u65f6\u5bf9 ",["code","Modal.confirm"]," \u5931\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5493"},"#5493"]," ",["a",{title:null,href:"https://github.com/hargasinski"},"@hargasinski"]]],["li",["p","\u4fee\u590d BackTop \u8bbe\u7f6e\u4e86 ",["code","target"]," \u65f6\u6eda\u52a8\u52a8\u6548\u6d88\u5931\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5564"},"#5564"]]],["li",["p","\u4f18\u5316 Pagination \u7684\u6837\u5f0f\u5b9e\u73b0\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5557"},"#5557"]]]],["h2","2.8.3"],["p",["code","2017-03-27"]],["ul",["li",["p","TypeScript"],["ul",["li",["p","\u4fee\u590d ",["code","AutoComplete[filterOption]"]," \u5b9a\u4e49\u7f3a\u5931\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5393"},"#5393"]," ",["a",{title:null,href:"https://github.com/mitchelldemler"},"@mitchelldemler"]]],["li",["p","\u4fee\u590d ",["code","getPopupContainer"]," ",["code","getCalendarContainer"]," ",["code","getTooltipContainer"]," ",["code","getSuggestionContainer"]," \u7b49\u7684\u5b9a\u4e49\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/322e9efdc9db28bd92230fc690f1fdf5a72cf7cd"},"322e9ef"]]],["li",["p","\u4f18\u5316 ",["code","Form.create"]," \u7684\u5b9a\u4e49\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5420"},"#5420"]," ",["a",{title:null,href:"https://github.com/infeng"},"@infeng"]]]]],["li",["p","\u4fee\u590d Badge \u5728 Maxthon \u5185\u7684\u517c\u5bb9\u6027\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5477"},"#5477"]]],["li",["p","\u4fee\u590d Button \u5185\u65e0\u6cd5\u4f7f\u7528 ",["code","null"]," ",["code","undefined"]," \u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5472"},"#5472"]," ",["a",{title:null,href:"https://github.com/blade254353074"},"@blade254353074"]]],["li",["p","Breadcrumb \u4e0d\u518d\u5f3a\u4f9d\u8d56\u4e8e ",["code","route.breadcrumbName"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/ac1c7f312bc46ba6ef7aacace43e4ac99b87dd54"},"ac1c7f3"]]],["li",["p","\u4fee\u590d ",["code","Form.Item[hasFeedback]"]," \u4e0e ",["code","Input[prefix]"]," \u6df7\u7528\u65f6\u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5456"},"#5456"]," ",["a",{title:null,href:"https://github.com/william-yz"},"@william-yz"]]],["li",["p","\u4fee\u590d Layout.Content \u4e0e Carousel \u4e00\u8d77\u4f7f\u7528\u65f6\u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5415"},"#5415"]]],["li",["p","LocaleProvider"],["ul",["li",["p","\u4fee\u590d\u5bf9\u5fb7\u8bed\u652f\u6301\u4e0d\u5b8c\u5584\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5387"},"#5387"]," ",["a",{title:null,href:"https://github.com/Knacktus"},"@Knacktus"]]],["li",["p","\u4fee\u590d\u5bf9\u4fc4\u8bed\u652f\u6301\u4e0d\u5b8c\u5584\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5406"},"#5406"]," ",["a",{title:null,href:"https://github.com/plandem"},"@plandem"]]],["li",["p","\u4fee\u590d\u4e0d\u652f\u6301 Upload \u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5388"},"#5388"]," ",["a",{title:null,href:"https://github.com/natergj"},"@natergj"]]]]],["li",["p","\u4fee\u590d Menu \u5185 Icon \u52a8\u753b\u6548\u679c\u4e0e\u6587\u5b57\u4e0d\u4e00\u81f4\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5495"},"#5495"]]],["li",["p","\u4fee\u590d ",["code","Modale[footer]"]," \u65e0\u6cd5\u7f6e\u7a7a\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5462"},"#5462"]]],["li",["p","\u4fee\u590d ",["code","2.8.2"]," \u5f15\u5165\u7684 Pagination \u5728 ",["code","IE<=10"]," \u4e0b\u6837\u5f0f\u4e22\u5931\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5484"},"#5484"]]],["li",["p","\u4fee\u590d Popover \u5185\u4f7f\u7528 Table \u65f6\u4f1a\u610f\u5916\u5173\u95ed\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5407"},"#5407"]]],["li",["p","\u53bb\u6389 Radio \u53ea\u80fd\u4f5c\u4e3a Radio.Group \u7684\u76f4\u63a5\u540e\u4ee3\u7684\u9650\u5236\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5443"},"#5443"]]],["li",["p","\u4fee\u590d Switch \u5728 Form.Item \u5185\u4f7f\u7528\u65f6\u7684 warning\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5368"},"#5368"]]],["li",["p","Table \u7684\u9009\u62e9\u5168\u90e8\u83dc\u5355\u73b0\u5728\u9ed8\u8ba4\u9690\u85cf\uff0c",["code","selections"]," \u8bbe\u7f6e\u4e3a true \u65f6\u5c55\u73b0\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5246"},"#5246"]," ",["a",{title:null,href:"https://github.com/infeng"},"@infeng"]]],["li",["p","\u65b0\u589e ",["code","@info-color"]," \u4e3b\u9898\u53d8\u91cf\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5442"},"#5442"]]],["li",["p","\u73b0\u5728\u53ef\u4ee5\u901a\u8fc7 ",["code","NODE_ENV=test"]," \u6765\u7981\u7528\u6d4b\u8bd5\u65f6 antd \u5168\u91cf\u52a0\u8f7d\u7684 warning\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5345"},"#5345"]]],["li",["p","\u5347\u7ea7 moment \u5230 ",["code","2.18.0"],"\u3002"]]],["h2","2.8.2"],["p",["code","2017-03-19"]],["ul",["li",["p","\u53d1\u5e03\u4e86\u65b0\u7684 ",["a",{title:null,href:"https://ant.design/docs/spec/colors-cn"},"\u8bbe\u8ba1\u57fa\u7840\u6587\u6863"],"\u3002"]],["li",["p","\u4fee\u590d\u4f7f\u7528 Modal.confirm \u65f6\u62a5\u9519\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5269"},"#5269"],"\u3002"]],["li",["p","\u4fee\u590d Upload \u7684\u8499\u5c42\u6837\u5f0f ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5275"},"#5275"],"\u3002"]],["li",["p","\u4fee\u590d Upload \u4e0a\u4f20\u8fdb\u5ea6\u6761\u4e0d\u663e\u793a\u7684\u95ee\u9898 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5323"},"#5323"],"\u3002"]],["li",["p","\u4fee\u590d Table \u7684\u5206\u9875\u7684 showTotal \u6570\u636e\u9519\u8bef\u7684\u95ee\u9898 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5259"},"#5259"],"\u3002"]],["li",["p","\u4fee\u590d\u4e86 Popconfirm \u4e0e Button \u540c\u65f6\u4f7f\u7528\u65f6\u7684\u6837\u5f0f\u95ee\u9898 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5301"},"5301"],"\u3002"]],["li",["p","\u4fee\u590d Radio \u7684\u4e00\u4e2a\u6837\u5f0f\u95ee\u9898 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5336"},"#5336"],"\u3002"]],["li",["p","\u4fee\u590d Message \u7684 getContainer \u65e0\u6cd5\u4f7f\u7528\u7684\u95ee\u9898 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5380"},"#5380"],"\u3002"]],["li",["p","\u4fee\u590d Checkbox \u548c Radio \u6807\u7b7e\u7684\u6587\u5b57\u5bf9\u9f50 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/696a3c0e34156d78e87d629a3f0f8703af1f03ec"},"696a3c0"],"\u3002"]],["li",["p","\u8c03\u6574\u4e86 Spin \u7684\u52a8\u753b ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/fa1e031a7396c61fa9709a0c46fe63200c35d232"},"fa1e031"],"\u3002"]],["li",["p","\u8c03\u6574\u4e86 Mention \u7684\u4e00\u4e9b\u6837\u5f0f ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/240a93cee25bc8c6ad4520cd907a14a7b22ed773"},"240a93c"],"\u3002"]]],["h2","2.8.1"],["p",["code","2017-03-11"]],["ul",["li",["p",["strong","DatePicker"]," \u4f18\u5316\u4e86\u5e26\u65f6\u95f4\u7684 DatePicker \u7684\u9009\u62e9\u884c\u4e3a\uff0c\u5e76\u4fee\u590d\u7236\u7ec4\u4ef6 state \u53d8\u5316\u5bfc\u81f4\u65e0\u6cd5\u9009\u4e2d\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5189"},"#5189"]," ",["a",{title:null,href:"https://github.com/megawac"},"@megawac"]]],["li",["p",["strong","Form"]],["ul",["li",["p","\u8865\u5145\u4e86\u6821\u9a8c\u89c4\u5219\u76f8\u5173\u6587\u6863\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5201"},"#5201"]]],["li",["p","\u4fee\u590d\u4e86\u4e00\u4e9b\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5196"},"#5196"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5236"},"#5236"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5222"},"#5222"]]]]],["li",["p",["strong","Icon"]," \u589e\u52a0 ",["code","shake"]," \u548c ",["code","android-o"]," \u56fe\u6807\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/941782f7ec000a9054c3bc945ab887f93ab46749"},"commit/941782"]]],["li",["p",["strong","Input"]," \u4fee\u590d\u6709 ",["code","addonBefore"]," \u65f6 ",["code","hasFeedback"]," \u5931\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5228"},"#5228"]]],["li",["p",["strong","InputNumber"]," \u8865\u5145\u7f3a\u5931\u7684 type \u5b9a\u4e49\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5240"},"#5240"]," ",["a",{title:null,href:"https://github.com/hlehmann"},"@hlehmann"]]],["li",["p",["strong","Modal"]," \u652f\u6301\u70b9\u51fb esc \u8c03\u7528 ",["code","onCancle"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5203"},"#5203"]," ",["a",{title:null,href:"https://github.com/elios264"},"@elios264"]]],["li",["p",["strong","Table"]],["ul",["li",["p","\u8865\u5145\u7f3a\u5931\u7684 type \u5b9a\u4e49\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5206"},"#5206"]," ",["a",{title:null,href:"https://github.com/kvey"},"@kvey"]]],["li",["p","\u4fee\u590d\u5c0f\u53f7\u8868\u683c\u65e0\u6570\u636e\u65f6\u53f3\u8fb9\u7ebf\u7f3a\u5931\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5237"},"#5237"]]],["li",["p","\u4fee\u590d\u8868\u5934\u5206\u7ec4\u65f6\u6392\u5e8f\u5931\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5158"},"#5158"]]]]],["li",["p",["strong","Tooltip"]," \u4fee\u590d Trigger \u4e3a\u7edd\u5bf9\u5b9a\u4f4d\u4e14\u7981\u7528\u7684\u6309\u94ae\u65f6\u5931\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5254"},"#5254"]]],["li",["p",["strong","Upload"]],["ul",["li",["p","\u4fee\u590d\u4e0a\u4f20\u6587\u4ef6\u540d\u5b57\u8fc7\u957f\u65f6\u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/0a35197a35513ca45308bb7163c8243b75dd6f8d"},"commit/0a3519"]]],["li",["p","\u4fee\u590d\u5e76\u4f18\u5316\u4e86\u52a8\u753b\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5210"},"pull/5210"]]],["li",["p","\u652f\u6301\u8986\u76d6 ",["code","onProgress"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5260"},"pull/5260"]," ",["a",{title:null,href:"https://github.com/minwe"},"@minwe"]]]]],["li",["p",["strong","\u5168\u5c40\u6027\u4f18\u5316"]],["ul",["li",["p","\u4fee\u590d ",["code","lodash.debounce"]," \u4f9d\u8d56\u7f3a\u5931\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5230"},"#5230"]]]]],["li",["p",["strong","\u7f51\u7ad9"]],["ul",["li",["p","\u4fee\u590d safari \u8bed\u8a00\u68c0\u6d4b\u5931\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5245"},"pull/5245"]]],["li",["p","\u8272\u677f\u652f\u6301\u70b9\u51fb\u590d\u5236\u8272\u53f7\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5247"},"pull/5247"]," ",["a",{title:null,href:"https://github.com/bsheikh"},"@bsheikh"]]],["li",["p","\u589e\u52a0\u811a\u624b\u67b6\u793a\u4f8b\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/f2f786d66d75eebef8406a72db8a15e1640cea1f"},"commit/f2f786"]]]]]],["h2","2.8.0"],["p",["code","2017-03-06"]],["ul",["li",["p","Tabs"],["ul",["li",["p","\u65b0\u589e ",["code","tabBarStyle"]," \u7528\u4e8e\u81ea\u5b9a\u4e49 tabBar \u7684\u6837\u5f0f\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4966"},"#4966"]]],["li",["p","\u65b0\u589e ",["code","TabPane[closable]"]," \u7528\u4e8e\u8bbe\u7f6e\u662f\u5426\u663e\u793a\u5220\u9664\u6309\u94ae\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4807"},"#4807"]," ",["a",{title:null,href:"https://github.com/lixiaoyang1992"},"@lixiaoyang1992"]]]]],["li",["p","Anchor"],["ul",["li",["p","\u65b0\u589e ",["code","showInkInFixed"]," \u7528\u4e8e\u8bbe\u7f6e\u5728 fixed \u72b6\u6001\u4e0b\u662f\u5426\u5706\u5f62\u56fe\u6807\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4960"},"#4960"]]],["li",["p","\u4fee\u590d ",["code","children"]," \u4e0d\u662f AnchorLink \u65f6\u4f1a\u62a5\u9519\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5129"},"#5129"]]]]],["li",["p","Table"],["ul",["li",["p","\u65b0\u589e\u53cd\u9009\u529f\u80fd\u5e76\u5141\u8bb8\u81ea\u5b9a\u4e49\u5168\u9009\u9009\u9879\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4962"},"#4962"]]],["li",["p",["code","spin"]," \u5c5e\u6027\u652f\u6301\u6240\u6709 Spin \u7684\u5c5e\u6027\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4824"},"#4824"]," ",["a",{title:null,href:"https://github.com/lixiaoyang1992"},"@lixiaoyang1992"]]],["li",["p","\u4fee\u6b63 ",["code","size"]," \u662f ",["code","small"]," \u7684\u65f6\u5019\u8868\u5934\u6ca1\u6709\u5e95\u8fb9\u6846\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5182"},"#5182"]]]]],["li",["p","Mention \u65b0\u589e\u81ea\u5b9a\u4e49\u89e6\u53d1\u5b57\u7b26\u7684\u652f\u6301\u3002",["a",{title:null,href:"https://ant.design/components/mention-cn/#components-mention-demo-multiple-trigger"},"demo"]],["ul",["li",["p",["img",{title:null,src:"https://zos.alipayobjects.com/rmsportal/QDYwAbwKrqOUOykRaNai.gif",alt:"Mention animation"}]]]]],["li",["p","Rate"],["ul",["li",["p","\u652f\u6301\u81ea\u5b9a\u4e49\u5b57\u7b26\u3002",["a",{title:null,href:"https://ant.design/components/rate-cn/#components-rate-demo-character"},"demo"]]],["li",["p","\u65b0\u589e ",["code","className"]," \u5c5e\u6027\u3002"]]]],["li",["p","Layout"],["ul",["li",["p","\u65b0\u589e ",["code","\u9876\u90e8-\u4fa7\u8fb9\u5e03\u5c40-\u901a\u680f"]," \u7684\u4f8b\u5b50\u3002",["a",{title:null,href:"http://ant.design/components/layout-cn/#components-layout-demo-top-side-2"},"demo"]]],["li",["p","\u65b0\u589e ",["code","\u56fa\u5b9a\u5934\u90e8"]," \u7684\u4f8b\u5b50\u3002",["a",{title:null,href:"https://ant.design/components/layout-cn/#components-layout-demo-fixed"},"demo"]]],["li",["p","Sider \u65b0\u589e ",["code","breakpoint"]," \u7528\u4e8e\u8bbe\u7f6e\u54cd\u5e94\u5f0f\u5c55\u793a\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4931"},"#4931"]]]]],["li",["p","Form"],["ul",["li",["p","\u65b0\u589e ",["code","layout"]," \u5c5e\u6027\u7528\u4e8e\u53d6\u4ee3\u539f\u6709\u7684 ",["code","horizontal"],"\u3001",["code","vertical"],"\u3001",["code","inline"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5056"},"#5056"]]]]],["li",["p","Calendar"],["ul",["li",["p","\u65b0\u589e ",["code","dateFullCellRender"]," \u548c ",["code","monthFullCellRender"]," \u7528\u4e8e\u8986\u76d6\u5355\u5143\u683c\u7684\u5185\u5bb9\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5138"},"#5138"]," ",["a",{title:null,href:"https://github.com/wonyun"},"@wonyun"]]],["li",["p","\u65b0\u589e ",["code","onSelect"]," \u7528\u4e8e\u65e5\u671f\u9009\u62e9\u529f\u80fd\u3002",["a",{title:null,href:"https://ant.design/components/calendar-cn/#components-calendar-demo-select"},"demo"]]]]],["li",["p","AutoComplete"],["ul",["li",["p","\u4fee\u590d\u5728 Form.Item \u91cc\u4e0d\u5bf9\u9f50\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5139"},"#5139"]]],["li",["p","\u65b0\u589e ",["code","\u67e5\u8be2\u6a21\u5f0f - \u786e\u5b9a\u7c7b\u76ee"]," \u7684\u4f8b\u5b50\u3002",["a",{title:null,href:"https://ant.design/components/auto-complete-cn/#components-auto-complete-demo-uncertain-category"},"demo"]]]]],["li",["p","Col \u65b0\u589e ",["code","xl"]," \u5c5e\u6027\uff0c\u652f\u6301 1600px \u7684\u54cd\u5e94\u5e03\u5c40\u65ad\u70b9\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4796"},"#4796"]," ",["a",{title:null,href:"https://github.com/hjin-me"},"@hjin-me"]]],["li",["p","Upload \u65b0\u589e ",["code","locale"]," \u652f\u6301\u56fd\u9645\u5316\u6587\u6848\u5b9a\u4e49\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4697"},"#4697"]]],["li",["p","Transfer \u65b0\u589e ",["code","onScroll"]," \u652f\u6301\u52a8\u6001\u52a0\u8f7d\u6570\u636e\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4188"},"#4188"]]],["li",["p","message \u548c notification \u65b0\u589e ",["code","getContainer"]," \u53c2\u6570\u652f\u6301\u81ea\u5b9a\u4e49\u6d88\u606f\u6e32\u67d3\u7684\u5bb9\u5668\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5019"},"#5019"]]],["li",["p","Badge \u65b0\u589e ",["code","showZero"]," \u652f\u6301\u8bbe\u7f6e\u662f\u5426\u663e\u793a ",["code","0"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4251"
-},"#4251"]]],["li",["p","InputNumber"],["ul",["li",["p","\u65b0\u589e ",["code","formatter"]," \u7528\u4e8e\u683c\u5f0f\u5316\u5c55\u793a\u7684\u503c\u3002"]],["li",["p","\u65b0\u589e\u7ec4\u5408\u952e\u7684\u652f\u6301\u3002",["a",{title:null,href:"https://github.com/react-component/input-number#keyboard-navigation"},"\u8be6\u7ec6"]]]]],["li",["p","\u65b0\u589e\u5927\u91cf\u56fe\u6807\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5107"},"#5107"]]],["li",["p","\u65b0\u589e\u8bed\u8a00\u652f\u6301\uff1a"],["ul",["li",["p","\u8377\u5170\u8bed ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4785"},"#4785"]," ",["a",{title:null,href:"https://github.com/corneyl"},"@corneyl"]]],["li",["p","\u52a0\u6cf0\u7f57\u5c3c\u4e9a\u8bed ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4929"},"#4929"]," ",["a",{title:null,href:"https://github.com/aaronplanell"},"@aaronplanell"]]],["li",["p","\u6377\u514b\u8bed ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5169"},"#5169"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5169"},"@martinnov92"]]],["li",["p","\u97e9\u8bed/\u671d\u9c9c\u8bed ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5141"},"#5141"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5141"},"@minsungryu"]]]]],["li",["p","\u4f18\u5316 Spin \u663e\u793a\u4f4d\u7f6e\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4722"},"#4722"]]],["li",["p","\u4f18\u5316 Checkbox \u4ee5\u517c\u5bb9 ",["code","browser-sync"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2744"},"#2744"]]],["li",["p","\u4fee\u590d Steps \u5728\u7a97\u53e3\u53d8\u5316\u65f6\u7684\u5bbd\u5ea6\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5083"},"#5083"]]],["li",["p","\u4fee\u590d Upload.Dragger unmount \u65f6\u4f1a\u62a5\u9519\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5162"},"#5162"]]],["li",["p","\u4fee\u590d Button \u91cc\u7684\u6587\u5b57\u5728 IE \u4e0b\u70b9\u51fb\u65f6\u4f1a\u79fb\u52a8\u7684\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d Input \u7684\u524d\u7f00\u8ddf\u540e\u7f00\u7684\u5782\u76f4\u5c45\u4e2d\u5bf9\u9f50\u95ee\u9898\u3002"]]],["h2","2.7.4"],["p",["code","2017-02-28"]],["ul",["li",["p","\u4fee\u590d TreeSelect \u591a\u9009\u6846\u65e0\u6cd5\u5c55\u73b0\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5092"},"#5092"]]],["li",["p","\u4fee\u590d Anchor \u7684 ",["code","e.stopPreventDefault is not a function"]," \u7684\u62a5\u9519\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5080"},"#5080"]]],["li",["p","\u4fee\u590d Input\u3001Cascader\u3001Upload \u7684\u4e00\u4e9b\u6837\u5f0f\u7ec6\u8282\u3002"]]],["h2","2.7.3"],["p",["code","2017-02-25"]],["ul",["li",["p","\u6f14\u793a\u4ee3\u7801\u7edf\u4e00\u4e3a ES6 class \u7684\u5199\u6cd5\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4878"},"#4878"]]],["li",["p","TypeScript"],["ul",["li",["p","\u4fee\u590d ",["code","Cannot find module '../../package.json'"]," \u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4935"},"#4935"]]],["li",["p","\u8865\u5145\u4e86 Table\u3001RangePicker \u548c Upload \u7684\u90e8\u5206\u5c5e\u6027\u5b9a\u4e49\u3002"]]]],["li",["p","\u4fee\u590d\u4e86 Modal ",["code","onOk"]," ",["code","afterClose"]," \u548c Popconfirm ",["code","onConfirm"]," ",["code","onCancel"]," \u7f3a\u5c11\u70b9\u51fb event \u53c2\u6570\u7684\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4787"},"#4787"]]],["li",["p","\u4f18\u5316 Menu","[inline]"," \u548c Collapse \u7684\u6298\u53e0\u52a8\u753b\u6548\u679c\u3002"]],["li",["p","\u4f18\u5316\u4e86 Checkbox \u548c Radio \u7684\u5782\u76f4\u5bf9\u9f50\u6837\u5f0f\u3002"]],["li",["p","Table"],["ul",["li",["p","\u4fee\u590d\u56fa\u5b9a\u5217\u65f6\u5217\u5934\u6837\u5f0f\u9519\u4f4d\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4936"},"#4936"]]],["li",["p","\u4fee\u590d\u672a\u6e05\u9664\u6d6e\u52a8\u5bfc\u81f4\u6392\u7248\u9519\u4f4d\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4945"},"#4945"]]],["li",["p","\u4fee\u590d\u7b5b\u9009\u5b50\u83dc\u5355\u65e0\u6cd5\u663e\u793a\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4975"},"#4975"]]],["li",["p","\u4fee\u590d\u56fa\u5b9a\u5217\u4e0a\u7684\u81ea\u5b9a\u4e49\u7b5b\u9009\u83dc\u5355\u65e0\u6cd5\u4ea4\u4e92\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5010"},"#5010"]]],["li",["p","\u4fee\u6b63 ",["code","pagination.onChange"]," \u548c Pagination \u7684 ",["code","onChange"]," \u53c2\u6570\u4e0d\u4e00\u81f4\u7684\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d\u52a0\u8f7d\u72b6\u6001\u5207\u6362\u4e0d\u67d4\u548c\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4934"},"#4934"]]]]],["li",["p","\u4f18\u5316\u591a\u4e2a message \u5c55\u793a\u91cd\u53e0\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3543"},"#3543"]]],["li",["p","\u4fee\u590d Carousel \u5728\u6539\u53d8\u6d4f\u89c8\u5668\u7a97\u53e3\u5927\u5c0f\u540e autoplay \u4f1a\u5931\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2550"},"#2550"]]],["li",["p","\u4fee\u590d\u4e86 InputNumber \u5728\u53d7\u63a7\u6a21\u5f0f\uff08Form \u8868\u5355\u5185\uff09\u65e0\u6cd5\u8f93\u5165 ",["code","1.01"]," ",["code","1.001"]," \u7b49\u6570\u5b57\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5012"},"#5012"]]],["li",["p","\u4f18\u5316 Button \u52a0\u8f7d\u72b6\u6001\u5207\u6362\u65f6\u7684\u5bbd\u5ea6\u6296\u52a8\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4913"},"#4913"]]],["li",["p","\u4fee\u590d Dropdown \u7684\u83dc\u5355\u9009\u4e2d\u6837\u5f0f\u548c ",["code",'Menu[theme="dark"]']," \u6837\u5f0f\u65e0\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5013"},"#5013"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4903"},"#4903"]]],["li",["p","\u4fee\u590d Menu \u7684\u5f39\u51fa\u83dc\u5355\u7684 ",["code","z-index"]," \u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4937"},"#4937"]]],["li",["p","\u4fee\u590d DatePicker \u548c RangePicker \u65e0\u6cd5\u8bbe\u7f6e\u5c0f\u4e8e 300px \u7684\u5bbd\u5ea6\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4920"},"#4920"]]],["li",["p","\u4fee\u590d Spin \u5185\u5d4c Spin \u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4971"},"#4971"]]],["li",["p","\u4fee\u590d\u4e86\u4f7f\u7528 babel-plugin-import \u5f15\u5165 Popconfirm \u65f6\uff0c\u672a\u5f15\u5165 Button \u6837\u5f0f\u7684\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d\u4e86\u6837\u5f0f\u53d8\u91cf\u5728 Progress ",["code",'type="circle"']," \u4e0a\u672a\u751f\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5002"},"#5002"]]],["li",["p","\u4fee\u590d\u4e86 Breadcrumb \u7684 chilren \u4e3a ",["code","null"]," \u6216 ",["code","undefined"]," \u65f6\u62a5\u9519\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5015"},"#5015"]]],["li",["p","\u4fee\u590d Slider \u7684 tooltip \u95ea\u70c1\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5003"},"#5003"]]],["li",["p","\u4fee\u590d\u4e86 Transfer \u4e2d disabled \u9009\u9879\u4ecd\u7136\u53ef\u4ee5\u88ab\u79fb\u52a8\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4981"},"#4981"]," ",["a",{title:null,href:"https://github.com/tianlizhao"},"@tianlizhao"]]],["li",["p","\u6587\u6863"],["ul",["li",["p","\u4fee\u590d\u548c\u4f18\u5316\u4e86\u79fb\u52a8\u7aef\u7684\u5c55\u73b0\u3002"]],["li",["p","\u4f18\u5316\u4e86 1.x \u5347\u7ea7\u5230 2.x \u7684\u4e0d\u517c\u5bb9\u6539\u52a8\u6587\u6863\u3002"]]]]],["h2","2.7.2"],["p",["code","2017-02-17"]],["ul",["li",["p","\u4fee\u590d ",["code","antd.version"]," \u65e0\u6cd5\u6b63\u5e38\u4f7f\u7528\u7684\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4844"},"#4844"]]],["li",["p","\u4fee\u590d dist \u6587\u4ef6\u6ca1\u6709 locales \u7684\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4910"},"#4910"]]],["li",["p","\u4fee\u590d Cascader \u641c\u7d22\u6a21\u5f0f\u4e0b\u53ef\u4ee5\u9009\u62e9\u5df2\u7981\u7528\u9009\u9879\u7684\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4699"},"#4699"]]],["li",["p",["strong","Button"]],["ul",["li",["p","\u4fee\u590d ",["code","Button[type=danger]"]," \u7684\u70b9\u51fb\u52a8\u753b\u3002"]],["li",["p","\u4fee\u590d\u8bbe\u7f6e ",["code","loading"]," \u65f6\u7684\u6837\u5f0f\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4875"},"#4875"]]]]],["li",["p",["strong","Menu"]],["ul",["li",["p","\u4fee\u590d ",["code","vertical"]," \u6a21\u5f0f\u4e0b ",["code","openKeys"]," \u4e3a\u53d7\u63a7\u5c5e\u6027\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4876"},"#4876"]]],["li",["p","\u4fee\u590d Menu.Item \u9009\u4e2d\u65f6\u7684\u52a8\u753b\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d Menu.SubMenu \u7684\u6837\u5f0f\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4906"},"#4906"]]]]],["li",["p",["strong","Table"]],["ul",["li",["p","\u4fee\u590d\u5728\u6df7\u5408\u4f7f\u7528\u56fa\u5b9a\u8868\u5934\u548c\u5c0f\u5c3a\u5bf8\u65f6\u7684\u6837\u5f0f\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4850"},"#4850"]]],["li",["p","\u4fee\u590d\u65e0\u6570\u636e\u65f6\u7684\u5360\u4f4d\u7b26\u6837\u5f0f\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4851"},"#4851"]]],["li",["p","\u7cbe\u7b80\u4e86 DOM \u7ed3\u6784\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4868"},"#4868"]]]]],["li",["p","\u4fee\u590d Radio \u7ec4\u4ef6 children \u65e0\u6cd5\u4e3a\u6570\u5b57 ",["code","0"]," \u7684\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4874"},"#4874"]," ",["a",{title:null,href:"https://github.com/HQidea"},"@HQidea"]]],["li",["p","\u4fee\u590d RangePicker ",["code","style.width"]," \u65e0\u6cd5\u5c0f\u4e8e 300 \u7684\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4920"},"#4920"]]],["li",["p","\u4fee\u590d Spin \u6837\u5f0f\u5728\u6253\u5305\u65f6\u4f1a\u5bfc\u81f4\u7f16\u8bd1\u9519\u8bef\u7684\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4915"},"#4915"]]],["li",["p","\u4fee\u590d Chrome \u4e0b Tooltip \u65e0\u6cd5\u5728 disabled \u7684\u6309\u94ae\u4e0a\u4f7f\u7528\u7684\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4865"},"#4865"]]],["li",["p","\u4fee\u590d Tree \u8282\u70b9\u5728\u62d6\u52a8\u65f6\u4f1a\u5bfc\u81f4\u6574\u68f5\u6811\u6296\u52a8\u7684\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4858"},"#4858"]]],["li",["p","\u4fee\u590d Upload \u4e0a\u4f20\u5931\u8d25\u7684\u6837\u5f0f\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4810"},"#4810"]]],["li",["p","\u4fee\u590d ",["code","Menu[vertical]"]," \u548c Layout.Sider \u914d\u5408\u4f7f\u7528\u65f6\u4e8c\u7ea7\u83dc\u5355\u65e0\u6cd5\u5f39\u51fa\u7684\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4890"},"#4890"]]],["li",["p","\u4f18\u5316 Button\u3001",["code","Badge[status=processing]"]," \u7684\u52a8\u753b\u3002"]]],["p",["img",{title:null,src:"https://camo.githubusercontent.com/6874b2333f2fac3fac346404c6e70684e4dafc1a/68747470733a2f2f7a6f732e616c697061796f626a656374732e636f6d2f726d73706f7274616c2f73516b72756c716346734b4e54785158615971512e676966",alt:"Badge animation"}],"\n",["img",{title:null,src:"https://camo.githubusercontent.com/3963d12b45de4f522c2799361dbc3177e7bd93d1/68747470733a2f2f7a6f732e616c697061796f626a656374732e636f6d2f726d73706f7274616c2f46624b776d636f766d795364666c557468494e522e676966",alt:"Button animation"}]],["h2","2.7.1"],["p",["code","2017-02-10"]],["ul",["li",["p",["strong","Affix"]],["ul",["li",["p","\u4fee\u590d hover \u65f6\u5143\u7d20\u88ab\u9690\u85cf\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4800"},"#4800"]]],["li",["p","\u4fee\u590d event listener \u672a\u88ab\u6b63\u786e\u79fb\u9664\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4755"},"#4755"]]],["li",["p","\u4fee\u590d\u5feb\u901f\u6eda\u52a8\u65f6\u4e0d\u80fd\u6b63\u786e\u590d\u4f4d\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4760"},"#4760"]]]]],["li",["p",["strong","Anchor"]," \u4fee\u590d\u4e86\u6709 offsetTop \u65f6\u7684\u5b9a\u4f4d\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4706"},"#4706"]]],["li",["p",["strong","AutoComplete"]],["ul",["li",["p","\u4fee\u590d\u4e86 size \u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4766"},"#4766"]]],["li",["p","\u4fee\u590d\u4e86\u81ea\u52a8\u52a0\u5165\u5176\u4ed6\u5b57\u7b26\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4778"},"#4778"]]]]],["li",["p",["strong","Dropdown"]," \u8865\u5145\u4e86\u4e4b\u524d\u7f3a\u5931\u7684\u5f39\u51fa\u6846\u4f4d\u7f6e\u8bbe\u5b9a\u76f8\u5173\u7684\u6587\u6863\u53ca\u793a\u4f8b\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4811"},"#4811"]]],["li",["p",["strong","Layout"]," \u4fee\u590d\u4e86\u4fa7\u8fb9\u5e03\u5c40\u52a8\u6548\u4e0d\u5e73\u6ed1\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4752"},"#4752"]]],["li",["p",["strong","LocaleProvider"]," \u4fee\u590d\u4e86\u745e\u5178\u8bed\u76f8\u5173\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4762"},"pull-4762"]," ",["a",{title:null,href:"https://github.com/JesperWe"},"@JesperWe"]]],["li",["p",["strong","RangePicker"]," \u4fee\u590d\u4e86\u56fe\u6807\u4e0e\u8868\u5355\u6821\u9a8c\u53cd\u9988\u56fe\u6807\u91cd\u53e0\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4783"},"#4783"]," ",["a",{title:null,href:"https://github.com/zhenzong"},"@zhenzong"]]],["li",["p",["strong","Table"]],["ul",["li",["p","\u4fee\u590d\u4e86 size \u5b9a\u4e49\u91cc\u6ca1\u6709 'middle' \u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4819"},"#4819"]," ",["a",{title:null,href:"https://github.com/warrenseymour"},"@warrenseymour"]]],["li",["p","\u4fee\u590d\u8fc7\u6ee4\u529f\u80fd\u5728 JSX \u6a21\u5f0f\u4e0b\u4e0d\u751f\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4759"},"#4759"]]],["li",["p","\u4fee\u590d\u5206\u9875\u8df3\u8f6c\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4779"},"#4779"]]]]],["li",["p",["strong","Tabs"]," \u4fee\u590d\u4e86\u5728 IE9 \u4e2d\u4ece\u7b2c\u4e8c\u4e2a\u6807\u7b7e\u9875\u8d77\u90fd\u663e\u793a\u7a7a\u767d\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4795"},"#4795"]]],["li",["p",["strong","rc-pagination"]," \u5347\u7ea7\u81f3 ~1.7.0\uff0conChange \u589e\u52a0 pageSize \u53c2\u6570\u3002"]],["li",["p",["strong","\u5168\u5c40\u6027\u4f18\u5316"]],["ul",["li",["p","\u4fee\u590d\u6216\u4f18\u5316\u4e86\u4e00\u4e9b\u4e86\u6587\u6863\uff0c\u94fe\u63a5\uff0c\u6837\u5f0f\u7ec6\u8282\u3002"]],["li",["p","\u63a5\u5165 stylelint \u4ee5\u66ff\u4ee3 lesslint\uff0c\u4fee\u590d\u4e00\u4e9b lint \u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2179"},"#2179"]]],["li",["p","border-radius \u7edf\u4e00\u4e3a 4px\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4772"},"#4772"]]],["li",["p","\u652f\u6301 ",["code","import { version } from 'antd'"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4751"},"#4751"]]]]],["li",["p",["strong","\u7f51\u7ad9"]],["ul",["li",["p","\u9996\u9875\u81ea\u52a8\u9009\u62e9\u8bed\u8a00\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4552"},"#4552"]]],["li",["p","\u63a5\u5165 Google \u4f5c\u4e3a\u6587\u6863\u7684\u5168\u6587\u672c\u641c\u7d22\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4814"},"#4814"]]],["li",["p","\u6539\u53d8\u7248\u672c\u5207\u6362 Select \u7684\u4f4d\u7f6e\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4799"},"pull-4799"]]]]]],["h2","2.7.0"],["p",["code","2017-02-03"]],["ul",["li",["p","Button \u65b0\u589e ",["code","danger"]," \u548c ",["code","ghost"]," \u5c5e\u6027\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4679"},"#4679"]]],["li",["p","AutoComplete \u652f\u6301\u81ea\u5b9a\u4e49\u8f93\u5165\u6846\u7684\u7528\u6cd5\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4483"},"#4483"]]],["li",["p","\u5347\u7ea7\u4e86 rc-cascader \u5230 0.11.0\uff0c\u652f\u6301\u952e\u76d8\u64cd\u4f5c\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4411"},"#4411"]]],["li",["p","notification \u652f\u6301\u66f4\u591a\u5f39\u51fa\u65b9\u5411\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4700"},"#4732"]]],["li",["p","\u5347\u7ea7\u4e86 rc-steps \u5230 2.3.0\uff0cSteps \u65b0\u589e ",["code","progressDot"]," \u5c5e\u6027\uff0c\u652f\u6301\u81ea\u5b9a\u4e49\u70b9\u72b6\u6b65\u9aa4\u6761\u7684\u6837\u5f0f\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4659"},"#4659"]]],["li",["p","\u5347\u7ea7\u4e86 rc-input-number \u5230 3.0.0"],["ul",["li",["p","\u73b0\u5728\u8f93\u5165\u65f6\u4e5f\u4f1a\u89e6\u53d1 ",["code","onChange"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4265"},"#4265"]]],["li",["p","\u4fee\u590d\u4e86 ",["code","onKeyUp"]," \u4e8b\u4ef6\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4717"},"#4717"]]]]],["li",["p","Slider \u589e\u52a0 ",["code","veritical"]," \u6a21\u5f0f\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4473"},"#4473"]]],["li",["p","Tag"],["ul",["li",["p","\u589e\u52a0\u4e86\u9884\u8bbe\u989c\u8272\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4571"},"#4571"]]],["li",["p","\u8c03\u6574\u4e86\u5782\u76f4\u5bf9\u9f50\u548c\u9ed8\u8ba4\u95f4\u8ddd\u3002"]]]],["li",["p","\u6dfb\u52a0\u4e86\u5bf9\u5fb7\u8bed\u7684\u652f\u6301\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4686"},"#4686"]]],["li",["p","\u6dfb\u52a0\u4e86\u5bf9\u745e\u5178\u8bed\u7684\u652f\u6301\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4455"},"#4455"]]],["li",["p","\u6dfb\u52a0\u4e86\u5bf9\u6cd5\u8bed\u7684\u652f\u6301\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4538"},"#4538"]]],["li",["p","Transfer \u6dfb\u52a0\u4e86 ",["code","onSearchChange"]," \u56de\u8c03\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4464"},"#4464"]]],["li",["p","Modal.confirm \u6dfb\u52a0\u4e86 maskClosable \u914d\u7f6e\u9879\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4488"},"#4488"],", ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4490"},"#4488"]]],["li",["p","Form"],["ul",["li",["p","\u589e\u52a0 ",["code","options.onValuesChange"]," \u53c2\u6570\uff0c\u53ef\u7528\u4e8e\u4ee3\u66ff\u4f1a\u89e6\u53d1\u591a\u6b21 ",["code","options.onFieldsChange"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/2934"},"#2934"]]],["li",["p","\u589e\u52a0 ",["code","props.form.getFieldsError"]," ",["code","props.form.isFieldTouched"]," ",["code","props.form.isFieldsTouched"]," \u4e09\u4e2a\u65b9\u6cd5\uff0c\u53ef\u7528\u4e8e\u63d0\u4ea4\u8868\u5355\u6309\u94ae\u7684\u7981\u7528\u5c55\u793a\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4374"},"#4374"]]],["li",["p","\u589e\u52a0 ",["code","hideRequiredMark"]," \u5c5e\u6027\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4732"},"#4732"]]]]],["li",["p","\u6539\u8fdb\u4e86 Upload \u7684\u5217\u8868\u56fe\u7247\u9884\u89c8\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4516"},"#4516"]]],["li",["p","\u5347\u7ea7\u4e86 rc-select \u5230 6.7.1\u3002"],["ul",["li",["p","\u4fee\u590d\u4e86 Select \u7684 ",["code","onChange"]," \u56de\u8c03\u91cd\u590d\u89e6\u53d1\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/react-component/select/pull/156"},"#156@rc-select"]]],["li",["p","\u4fee\u590d\u4e86 Select \u663e\u793a\u521d\u59cb\u5316\u503c\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/react-component/select/pull/152"},"#152@rc-select"]]]]],["li",["p","\u5347\u7ea7 rc-tree-select \u5230 ",["code","1.9.0"],"\u3002"],["ul",["li",["p","\u65b0\u589e ",["code","treeDefaultExpandedKeys"]," \u5c5e\u6027\u3002",["a",{title:null,href:"https://github.com/react-component/tree-select/pull/43"},"#43@rc-tree-select"]]],["li",["p","\u4fee\u590d\u4e86\u6587\u5b57\u6ea2\u51fa\u6362\u884c\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/react-component/tree-select/pull/42"},"#42@rc-tree-select"]]]]],["li",["p","\u65b0\u589e less \u53d8\u91cf: ",["code","@border-style-base"]," ",["code","@border-width-base"]," ",["code","@btn-danger-color"]," ",["code","@btn-danger-bg"]," \u7b49\u3002"]],["li",["p","\u4fee\u590d\u4e86 Badge \u5728\u9875\u9762\u653e\u5927\u65f6\u9519\u4f4d\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4747"},"#4747"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4290"},"#4290"]]],["li",["p","\u4fee\u590d\u4e00\u4e2a\u56fa\u5b9a\u8868\u5934\u7684\u8868\u683c\u9519\u4f4d\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4750"},"#4750"]]],["li",["p","\u4fee\u590d\u4e00\u4e2a IE \u4e0b\u8868\u683c\u6eda\u52a8\u65f6\u5361\u987f\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4522"},"#4522"]]],["li",["p","\u6dfb\u52a0\u522b\u540d\u4ee5\u4fee\u6b63\u56fe\u6807\u547d\u540d\u98ce\u683c\uff1a",["code","addfile"]," => ",["code","file-add"],"\uff0c",["code","addfolder"]," => ",["code","folder-open"],"\uff0c\u539f\u6709\u7684\u547d\u540d\u4f9d\u7136\u6709\u6548\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4758"},"#4758"]]]],["h2","2.6.4"],["p",["code","2017-01-20"]],["ul",["li",["p","\u4f18\u5316 RangePicker \u9009\u62e9\u9884\u8bbe\u65f6\u95f4\u65f6\u7684\u754c\u9762\u663e\u793a\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4561"},"#4561"]]],["li",["p","\u4fee\u590d DatePicker \u9009\u62e9\u65f6\u95f4\u754c\u9762\u7684\u6eda\u52a8\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4412"},"#4412"]]],["li",["p","\u4fee\u590d Menu \u5728 ",["code","vertical"]," \u7684\u53d7\u63a7\u6a21\u5f0f\u4e0b\uff0c\u5b50\u83dc\u5355\u4e0d\u4f1a\u5f39\u51fa\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3783"},"#3783"]]],["li",["p","\u4fee\u590d Cascader \u7981\u7528\u65f6\u7684\u503c\u663e\u793a\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4648"},"#4648"]]],["li",["p","Table"],["ul",["li",["p","\u4f18\u5316\u56fa\u5b9a\u8868\u5934\u7684\u6eda\u52a8\u6761\u663e\u793a\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4637"},"#4637"]]],["li",["p","\u4fee\u590d\u5728 Safari \u4e0b\u663e\u793a loading \u6548\u679c\u65f6\u8868\u5934\u4f1a\u95ea\u70c1\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4622"},"#4622"]]],["li",["p","\u4fee\u590d\u591a\u5904\u8fb9\u6846\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4647"},"#4647"],"\u3001",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4635"},"#4635"]]],["li",["p","\u4fee\u590d showHeader \u7684\u9ed8\u8ba4\u503c\u4e0d\u4e3a ",["code","false"]," \u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4658"},"#4658"]]],["li",["p","\u4fee\u590d\u627e\u4e0d\u5230 ",["code","TableColumnConfig"]," \u7684\u7c7b\u578b\u5b9a\u4e49\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4660"},"#4660"]]]]]],["h2","2.6.3"],["p",["code","2017-01-15"]],["ul",["li",["p","\u4fee\u590d ",["code","2.6.2"]," \u4e2d Popconfirm \u4e0d\u53ef\u7528\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4606"},"#4606"]]]],["h2","2.6.2"],["p",["code","2017-01-14"]],["ul",["li",["p","\u65b0\u589e\u793e\u533a\u7cbe\u9009\u7ec4\u4ef6\u9875\u9762\u3002",["a",{title:null,href:"/docs/react/recommendation"},"\u94fe\u63a5"]]],["li",["p","\u4fee\u590d\u4e00\u4e2a\u5185\u5bb9\u8fc7\u957f\u5bfc\u81f4 Layout \u4fa7\u8fb9\u5e03\u5c40\u9519\u4f4d\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4459"},"#4459"]]],["li",["p","\u4fee\u590d Input.Search \u8f93\u5165\u6846\u548c\u56fe\u6807\u9519\u4f4d\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4540"},"#4540"]]],["li",["p","\u8865\u5145\u4e86\u4e00\u4e2a\u81ea\u5b9a\u4e49\u7070\u5e95\u6837\u5f0f\u7684 Collapse \u6298\u53e0\u9762\u677f\u7684\u4f8b\u5b50\u3002",["a",{title:null,href:"/components/collapse/#components-collapse-demo-custom"},"\u94fe\u63a5"]]],["li",["p","Table"],["ul",["li",["p","\u8c03\u5927\u4e86 Table \u9009\u62e9\u6846\u548c\u5c55\u5f00\u6309\u94ae\u7684\u5217\u5bbd\u5ea6\u3002"]],["li",["p","\u4fee\u590d ",["code","pagination"]," \u5c5e\u6027\u5207\u6362\u540e\u5206\u9875\u4e0d\u53ef\u7528\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4532"},"#4532"]]],["li",["p","\u4fee\u590d\u4e0d\u652f\u6301\u4e09\u7ea7\u7b5b\u9009\u83dc\u5355\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4541"},"#4541"]]],["li",["p","\u4fee\u590d ",["code","column.filteredValue"]," \u65e0\u6cd5\u8bbe\u7f6e\u4e3a ",["code","null"]," \u7684\u95ee\u9898\u3002"]]]],["li",["p","\u8c03\u6574 Carousel \u4e3a\u9ed8\u8ba4\u4e0d\u53ef\u62d6\u62fd\u548c\u6587\u5b57\u53ef\u9009\u62e9\u3002"]],["li",["p","\u589e\u52a0\u4e86 Breadcrumb \u5185\u5d4c\u975e Breadcrumb.Item \u5143\u7d20\u65f6\u7684\u8b66\u544a\u63d0\u793a\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4403"},"#4403"]]],["li",["p","\u4fee\u590d Tooltip \u5728 ",["code","onVisibleChange(visible)"]," \u8fd4\u56de ",["code","true"]," \u65f6\u4e0d\u5c55\u793a\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4579"},"#4579"]]],["li",["p","\u4f18\u5316 TreeSelect \u5185\u5bb9\u8fc7\u957f\u65f6\u7684\u9762\u677f\u9ad8\u5ea6\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4537"},"#4537"]]],["li",["p","\u8865\u5145\u4e86 TimePicker \u548c Spin \u7684\u7ec4\u4ef6\u6837\u5f0f\u53d8\u91cf\u3002"]],["li",["p","\u7528\u5e74\u4efd\u4ee3\u66ff\u4e86 DatePicker \u5e74\u4efd\u9009\u62e9\u9762\u677f\u4e0a\u7684\u7bad\u5934\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4415"},"#4415"]]],["li",["p","\u4fee\u590d AutoComplete \u548c Form ",["code","[options.validateTrigger]"]," \u7684 TypeScript \u5b9a\u4e49\u3002"]],["li",["p","\u4f18\u5316 Spin\u3001Progress \u7684\u52a8\u753b\u7ec6\u8282\u6548\u679c\u3002"]]],["h2","2.6.1"],["p",["code","2017-1-6"]],["ul",["li",["p","\u4fee\u590d Menu dark theme \u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4440"},"#4440"]]],["li",["p","\u4fee\u590d ",["code","Select[tokenSeparators]"]," ",["code","Modal[afterClose]"]," ",["code","Input[name]"]," \u7b49\u7684 TypeScript interface \u5b9a\u4e49\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4441"},"#4441"]," ",["a",{title:null,href:"https://github.com/eddhannay"},"@eddhannay"]]],["li",["p","\u4fee\u590d ",["code","TimePicker[placeholder]"]," \u65e0\u6cd5\u7f6e\u7a7a\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4446"},"#4446"]," ",["a",{title:null,href:"https://github.com/jialeicui"},"@jialeicui"]]],["li",["p","\u4fee\u590d DatePicker \u7b49\u5e74\u4efd\u9009\u62e9\u9762\u677f\u6298\u884c\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4415"},"#4415"]]],["li",["p","\u4fee\u590d Table loading \u72b6\u6001\u5206\u9875\u5668\u53ef\u64cd\u4f5c\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4461"},"#4461"]]],["li",["p","\u4fee\u590d ",["code","Input[prefix|suffix]"]," \u5782\u76f4\u5bf9\u9f50\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/c4ac4d1eca53ae2f6f4a1e15210b43745f283534"},"commit"]]],["li",["p","\u4fee\u590d Cascader \u5bf9\u9f50\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/1fbebd4ecfff432e1b2261c9dfee4b9f471e7b1f"},"commit"]]]],["h2","2.6.0"],["p",["code","2017-1-2"]],["ul",["li",["p","\u91c7\u7528\u5168\u65b0\u7684\u8272\u5f69\u7cfb\u7edf\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4426"},"pull/4426"]],["ul",["li",["p","\u4f7f\u7528\u65b0\u7684\u7b97\u6cd5\u51fd\u6570\u4ee3\u66ff ",["code","tint/shade"],"\u3002"]],["li",["p","\u5229\u7528\u7b97\u6cd5\u751f\u6210\u7684\u65b0\u7248\u8272\u677f\u3002",["a",{title:null,href:"http://ant.design/docs/spec/colors"},"\u8272\u677f\u6f14\u793a"]]],["li",["p","\u8c03\u6574\u9ed8\u8ba4\u6587\u5b57\u989c\u8272\u3002"]]]],["li",["p","\u589e\u52a0 Layout \u5e03\u5c40\u7ec4\u4ef6\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3534"},"#3534"]]],["li",["p","\u589e\u52a0 Grid \u6805\u683c\u914d\u7f6e\u5668\u793a\u4f8b\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/ee17abfa9d0362c6f9baab4a9a09e57574583246"},"commit/ee17ab"]]],["li",["p","Input"],["ul",["li",["p","\u589e\u52a0 prefix \u548c suffix \u5c5e\u6027\uff0c\u652f\u6301\u524d\u540e\u7f00\u914d\u7f6e\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4226"},"#4226"]," ",["a",{title:null,href:"https://github.com/ystarlongzi"},"@ystarlongzi"]]],["li",["p","InputGroup \u589e\u52a0 compact \u5c5e\u6027\uff0c\u652f\u6301\u7d27\u51d1\u578b\u5c55\u793a\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4309"},"pull/4309"]]]]],["li",["p","Spin \u589e\u52a0\u5ef6\u8fdf\u663e\u793a\u5c5e\u6027 delay\u3002",["a",{
-title:null,href:"https://github.com/ant-design/ant-design/issues/4306"},"#4306"]]],["li",["p","\u4fee\u590d Pagination \u5728\u4f4e\u5206\u8fa8\u7387\u4e0b\u7684\u9519\u4f4d\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4349"},"#4349"]]],["li",["p","\u4fee\u590d Dropdown.Button \u6362\u884c\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4355"},"pull/4355"]," ",["a",{title:null,href:"https://github.com/Morhaus"},"@Morhaus"]]],["li",["p","\u4fee\u590d Cascader disabled \u72b6\u6001\u5e95\u8272\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4434"},"#4434"]]],["li",["p","\u4fee\u590d MonthPicker monthCellContentRender \u5c5e\u6027\u65e0\u6548\u7684\u95ee\u9898\uff0c\u5e76\u4fee\u6b63\u4e86\u9519\u8bef\u7684\u6587\u6863\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4394"},"#4394"]]],["li",["p","\u4fee\u590d ButtonGroup \u5b58\u5728\u591a\u4f59\u84dd\u8272\u8fb9\u6846\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4382"},"#4382"]," ",["a",{title:null,href:"https://github.com/ystarlongzi"},"@ystarlongzi"]]],["li",["p","\u4fee\u590d Menu horizontal \u6a21\u5f0f\u5b50\u83dc\u5355\u9009\u62e9\u9879\u80cc\u666f\u8272\u9519\u8bef\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4414"},"#4414"]]],["li",["p","\u4fee\u590d\u914d\u7f6e\u4e86 hasFeedback \u7684 Select/Cascader \u4e0b\u62c9\u7bad\u5934\u88ab\u906e\u76d6\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4431"},"#4431"]," ",["a",{title:null,href:"https://github.com/JesperWe"},"@JesperWe"]]],["li",["p","Table \u6ca1\u6709 header \u65f6\uff0c\u7b2c\u4e00\u884c\u6539\u4e3a\u975e\u5706\u89d2\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4373"},"#4373"]]],["li",["p","\u4f18\u5316 Tree \u7684\u62d6\u62fd\u6548\u679c\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4371"},"#4371"]]],["li",["p","\u8fdb\u884c\u4e86\u4e00\u4e9b\u6587\u6863\u6216\u793a\u4f8b\u4f18\u5316\u3001\u6587\u6863\u9519\u8bef\u4fee\u6b63\u4ee5\u53ca\u7f51\u7ad9\u6837\u5f0f\u95ee\u9898\u4fee\u590d\u3002"]],["li",["p","\u5347\u7ea7 rc-form \u5e95\u5c42\u4f9d\u8d56\uff0cgetFieldDecorator \u7684 id \u652f\u6301\u5d4c\u5957\u5f0f\u5199\u6cd5\u3002"]]],["h2","2.5.3"],["p",["code","2016-12-24"]," \ud83c\udf84\ud83c\udf84\ud83c\udf84"],["ul",["li",["p","\u652f\u6301 TypeScript@2.1\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4208"},"#4208"]]],["li",["p","\u4fee\u6b63\u4e86 Tabs \u5d4c\u5957\u65f6\u7684\u6837\u5f0f\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4317"},"#4317"]]],["li",["p","\u4fee\u6b63\u4e86 Radio \u5728\u5f53\u524d\u9879\u9009\u4e2d\u65f6\uff0c\u518d\u6b21\u70b9\u51fb\u4ecd\u4f1a\u89e6\u53d1 onChange \u7684\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4242"},"#4242"]," ",["a",{title:null,href:"https://github.com/ystarlongzi"},"@ystarlongzi"]]],["li",["p","\u4fee\u6b63\u4e86 Form \u591a\u5217\u6805\u683c\u5f0f\u7684\u8868\u5355\u6392\u5217\u65b9\u5f0f\u5e03\u5c40\u5f02\u5e38\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4271"},"#4271"]]],["li",["p","\u4fee\u6b63\u4e86 Menu \u7ad6\u76f4\u65b9\u5411\u7684\u5f53\u524d\u9009\u62e9\u9879\u7684\u80cc\u666f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4253"},"#4253"]]],["li",["p","\u4f18\u5316\u4e86 Dropdown \u7684 ",["code","onVisibleChange"]," \u56de\u8c03\u53c2\u6570 Type \u7c7b\u578b\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4236"},"#4236"]]],["li",["p","\u4f18\u5316\u4e86 Cascader \u7684 ",["code","onChange"]," \u56de\u8c03\u53c2\u6570\u7684 Type \u7c7b\u578b\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4231"},"#4231"]]],["li",["p","\u4f18\u5316\u4e86 Datepicker","[showtime]"," \u7684\u9ed8\u8ba4\u5bbd\u5ea6 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/b912f1cea6f470c16b8dd90554883460161cef47"},"b912f1c"]]]],["h2","2.5.2"],["p",["code","2016-12-10"]],["ul",["li",["p","\u4f18\u5316 Menu \u5df2\u9009\u62e9\u9879\u7684\u6837\u5f0f\u3002"]],["li",["p","\u4fee\u590d Mention \u4e0d\u80fd\u54cd\u5e94 ",["code","onFocus"]," \u548c ",["code","onBlur"]," \u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4163"},"#4163"]]],["li",["p","\u4fee\u590d ",["code","disabled"]," \u548c ",["code","checked"]," \u7684 Radio \u4e4b\u95f4\u4f1a\u591a\u4e00\u6761\u9634\u5f71\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4114"},"#4114"]," @jdz321"]],["li",["p","\u4fee\u590d RangePicker\u3001TimePicker\u3001Calendar \u8bbe\u7f6e Moment \u7684 ",["code","defaultValue"]," \u548c ",["code","value"]," \u65f6\u4e5f\u4f1a\u62a5\u9519\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4147"},"#4147"]]],["li",["p","\u4fee\u590d Affix \u5728\u5f00\u542f\u52a8\u753b\u7684 Tabs \u91cc\u4f7f\u7528\u65f6\u4f1a\u6d88\u5931\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3943"},"#3943"]]],["li",["p","\u4fee\u590d Cascader \u624b\u52a8\u9009\u62e9\u548c\u641c\u7d22\u9009\u62e9\u65f6 ",["code","onChange"]," \u63a5\u6536\u5230\u7684 ",["code","selectedOptions"]," \u4e0d\u540c\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4096"},"#4096"]]],["li",["p","\u4fee\u590d Tabs \u9875\u589e\u52a0\u5230\u4e00\u5b9a\u6570\u91cf\u65f6\u4f1a\u4ea7\u751f\u504f\u79fb\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3637"},"#3637"]]],["li",["p","Table"],["ul",["li",["p","\u5c45\u4e2d\u5bf9\u9f50\u8868\u5934\u5206\u7ec4\u7684\u7236\u8868\u5934\u3002"]],["li",["p","\u4fee\u6b63\u8bbe\u7f6e filterDropdownVisible \u65f6\u4e0d\u751f\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4162"},"#4162"]]]]]],["h2","2.5.1"],["p",["code","2016-12-03"]],["ul",["li",["p","\u63d0\u5347\u7f51\u7ad9\u9996\u9875\u5728\u79fb\u52a8\u7aef\u8bbf\u95ee\u7684\u4f53\u9a8c\u3002"]],["li",["p","\u8865\u5145\u4ece ",["code","1.x"]," \u5347\u7ea7\u5230 ",["code","2.x"]," \u65f6\u7684\u7ec4\u4ef6\u6539\u52a8\u8b66\u544a\u63d0\u793a\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4028"},"#4028"]]],["li",["p","\u73b0\u5728 ToolTip\u3001Popover\u3001Popconfirm \u652f\u6301\u76f4\u63a5\u5305\u88f9\u6587\u672c\u8282\u70b9\u548c\u591a\u4e2a\u8282\u70b9\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3924"},"#3924"]]],["li",["p","Anchor"],["ul",["li",["p","\u4fee\u590d\u5feb\u901f\u6eda\u52a8\u65f6\u7684\u5b9a\u4f4d\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4053"},"#4053"]]],["li",["p","\u4fee\u590d target \u6307\u5b9a\u7236\u5143\u7d20 ref \u65f6\u65e0\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4037"},"#4037"]]]]],["li",["p","Table"],["ul",["li",["p","\u4fee\u590d\u8bbe\u7f6e defaultChecked \u65f6\u7684\u4e00\u4e2a\u9009\u4e2d\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4020"},"#4020"]]],["li",["p","\u4fee\u590d\u5206\u7ec4\u8868\u5934\u4e2d\u7b5b\u9009\u529f\u80fd\u65e0\u6cd5\u4f7f\u7528\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4099"},"#4099"]]]]],["li",["p","\u4fee\u590d\u5728 ",["code",'Input[type="textarea"]']," \u4e0a\u4f7f\u7528 Popover \u5b9a\u4f4d\u9519\u8bef\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4092"},"#4092"]]],["li",["p","\u4fee\u590d Popconfirm \u7684 ",["code","visible"]," \u5c5e\u6027\u5931\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4068"},"#4068"]]],["li",["p","\u4fee\u590d TimePicker \u65e0\u6cd5\u8bbe\u7f6e ",["code","style.width"]," \u7684\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d Steps \u81ea\u5b9a\u4e49\u56fe\u6807\u548c\u9ed8\u8ba4\u56fe\u6807\u5927\u5c0f\u4e0d\u4e00\u81f4\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3817"},"#3817"]]],["li",["p","\u4fee\u590d Form\u3001Button\u3001Slider\u3001Table \u7b49\u7ec4\u4ef6\u7684\u4e00\u4e9b\u6837\u5f0f\u7ec6\u8282\u3002"]]],["h2","2.5.0"],["p",["code","2016-11-25"]],["ul",["li",["p","\u9ed8\u8ba4\u4e3b\u9898\u98ce\u683c\u4fee\u6539\u4e3a\u652f\u4ed8\u5b9d\u94b1\u5305\u98ce\u683c\uff0c\u53ca\u5927\u91cf\u6837\u5f0f\u4f18\u5316\u3002"]],["li",["p","\u652f\u6301\u670d\u52a1\u7aef\u6e32\u67d3\u3002\uff08Mention \u4f1a\u56e0\u4e3a ",["a",{title:null,href:"https://github.com/facebook/draft-js/issues/385"},"draft-js"]," \u7684\u95ee\u9898\u6709 warning\uff09"]],["li",["p","\u5f15\u5165 ",["a",{title:null,href:"https://facebook.github.io/jest/docs/tutorial-react.html#snapshot-testing"},"Jest Snapshot"]," \u6d4b\u8bd5\u7ec4\u4ef6\u7ed3\u6784\u53ca\u670d\u52a1\u7aef\u6e32\u67d3\u95ee\u9898\u3002"]],["li",["p","\u5b98\u7f51\u53ca\u6587\u6863\u4f18\u5316\u3002"]],["li",["p","\u65b0\u589e\u81ea\u5b9a\u4e49\u4e3b\u9898\u7684 ",["a",{title:null,href:"https://ant.design/docs/react/customize-theme"},"\u6587\u6863"],"\u3002"]],["li",["p","\u65b0\u589e ",["a",{title:null,href:"https://ant.design/docs/resource/download"},"Sketch \u8d44\u6e90\u6587\u4ef6"],"\u3002"]],["li",["p","LocaleProvider \u65b0\u589e\u5df4\u897f\u8bed\u652f\u6301\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4004"},"#4004"]," ",["a",{title:null,href:"https://github.com/nathantn"},"@nathantn"]]],["li",["p","DatePicker"],["ul",["li",["p","DatePicker \u73b0\u5728\u53ef\u4ee5\u51b3\u5b9a\u662f\u5426\u5c55\u793a \u201c\u4eca\u5929\u201d \u6309\u94ae\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/bbef274aae169d142e3e7e3ea0af922d48e6dd64"},"commit"]]],["li",["p","RangePicker \u73b0\u5728\u53ef\u4ee5\u81ea\u5b9a\u4e49\u5feb\u6377\u9009\u62e9\u3002",["a",{title:null,href:"https://ant.design/components/date-picker/#components-date-picker-demo-presetted-ranges"},"demo"]]],["li",["p","\u4fee\u590d DatePicker \u8bbe\u7f6e ",["code","showTime"]," \u540e \u201c\u6b64\u523b\u201d \u6309\u94ae\u5931\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3748"},"#3748"]]],["li",["p","\u4fee\u590d ",["code","RangePicker[format]"]," \u5931\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3808"},"#3808"]]],["li",["p","\u4fee\u590d RangePicker ",["code","placeholder=['xx', 'xx']"]," \u5931\u6548\u7684\u95ee\u9898\u3002"]]]],["li",["p","\u65b0\u589e\u5e76\u4f18\u5316\u90e8\u5206 Icon\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3977"},"#3977"]]],["li",["p","\u65b0\u589e Input.Search \u63a7\u4ef6\u3002",["a",{title:null,href:"https://ant.design/components/input/#components-input-demo-search-input"},"demo"]]],["li",["p","Mention onSelect \u4e8b\u4ef6\u73b0\u5728\u53ef\u4ee5\u83b7\u53d6\u5b8c\u6574\u7684\u6570\u636e\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3867"},"#3867"]]],["li",["p","Pagination \u73b0\u5728\u652f\u6301\u5c55\u793a\u5f53\u524d\u9875\u7684\u7d22\u5f15\u8303\u56f4\u3002",["a",{title:null,href:"https://ant.design/components/pagination/#components-pagination-demo-total"},"demo"]]],["li",["p","Table"],["ul",["li",["p","\u81ea\u5b9a\u4e49\u7b5b\u9009\u7684\u663e\u793a\u9690\u85cf\u73b0\u5728\u53ef\u4ee5\u901a\u8fc7\u4ee3\u7801\u63a7\u5236\u3002",["a",{title:null,href:"https://ant.design/components/table/#components-table-demo-custom-filter-panel"},"demo"]]],["li",["p","\u652f\u6301 JSX \u98ce\u683c\u7684\u65b9\u5f0f\u8bbe\u7f6e columns\u3002",["a",{title:null,href:"https://ant.design/components/table/#components-table-demo-jsx"},"demo"]]],["li",["p","\u73b0\u5728\u53ef\u4ee5\u76d1\u542c\u5355\u5143\u683c\u7684\u70b9\u51fb\u4e8b\u4ef6 ",["code","onCellClick"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3774"},"#3774"]]],["li",["p","\u4fee\u590d\u65e0\u8fb9\u6846 Table \u5934\u90e8\u7684\u5706\u89d2\u6837\u5f0f\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d title \u548c footer \u9ad8\u5ea6\u4e0d\u968f ",["code","Table[size]"]," \u53d8\u5316\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/9e6439b06cd099ab384a4a2f026f0def6e12bf23"},"commit"]]],["li",["p","\u4fee\u590d\u9009\u4e2d\u72b6\u6001\u51fa\u9519\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3900"},"#3900"]]]]],["li",["p","Upload"],["ul",["li",["p","\u4fee\u590d children \u4e0d\u80fd\u4e3a ",["code","null"]," \u7684\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d\u9884\u89c8\u903b\u8f91\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/e552880c32aaa3f5b0fb09a5e1fb7454c24d5378"},"commit"]]]]],["li",["p","\u4fee\u590d Badge \u4f1a\u8986\u76d6\u5176\u4ed6\u7ec4\u4ef6\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3898"},"#3898"]]],["li",["p","\u4fee\u590d\u591a\u884c Checkbox \u6837\u5f0f\u4e0d\u5bf9\u9f50\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3971"},"#3971"]," ",["a",{title:null,href:"https://github.com/flashback313"},"@flashback313"]]],["li",["p","\u4fee\u590d InputNumber \u4e0e\u5176\u5b83\u8868\u5355\u63a7\u4ef6\u4e0d\u5bf9\u9f50\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3866#issuecomment-261148256"},"#3866(comment)"]]],["li",["p","\u4fee\u590d ",["code","Menu.Divider"]," \u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3813"},"#3813"]]],["li",["p","\u4fee\u590d Popover \u76f4\u63a5\u5185\u5d4c Checkbox \u548c Radio \u65e0\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3455"},"#3455"]]],["li",["p","\u4fee\u590d Select combobox \u9ad8\u5ea6\u5f02\u5e38\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3855"},"#3855"]]],["li",["p","\u4fee\u590d Switch actived \u540e\u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3838"},"#3838"]]],["li",["p","\u4fee\u590d Transfer \u641c\u7d22\u65e0\u7ed3\u679c\u65f6\u4e0d\u5c55\u793a \u201cNot Found\u201d \u63d0\u793a\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3996"},"#3996"]]],["li",["p","\u4fee\u590d TreeSelect \u5360\u4f4d\u7b26\u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3841"},"#3841"]]],["li",["p","\u4fee\u590d TypeScript \u7f16\u8bd1\u62a5\u9519\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3969"},"#3969"]," ",["a",{title:null,href:"https://github.com/AlbertZheng"},"@AlbertZheng"]]],["li",["p","\u4fee\u590d\u8868\u5355\u53cd\u9988\u56fe\u6807\u5f71\u54cd\u7528\u6237\u64cd\u4f5c\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3891"},"#3891"]]]],["h2","2.4.3"],["p",["code","2016-11-17"]],["ul",["li",["p","\u4fee\u590d ",["code","Anchor"]," \u5185\u90e8 querySelector \u62a5\u9519\uff0c\u5e76\u505a\u4e86\u4e00\u4e9b\u4f53\u9a8c\u4f18\u5316 \u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3832"},"#3832"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3844"},"#3844"]]]],["h2","2.4.2"],["p",["code","2016-11-13"]],["ul",["li",["p","\u4fee\u590d ",["code","Dropdown.Button"]," \u4e0d\u5f39\u51fa\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3815"},"#3815"]]]],["h2","2.4.1"],["p",["code","2016-11-11"]],["ul",["li",["p","\u4fee\u590d ",["code","2.4.0"]," \u7ec4\u4ef6 index \u6587\u4ef6\u4e22\u5931\u7684\u95ee\u9898\u3002"]]],["h2","2.4.0"],["p",["code","2016-11-11"]],["ul",["li",["p","\u8c03\u6574\u4e86\u7ec4\u4ef6\u7684\u5bfc\u822a\u7ed3\u6784\u3002"]],["li",["p","\u65b0\u589e ",["a",{title:null,href:"https://ant.design/components/anchor"},"Anchor"]," \u951a\u70b9\u7ec4\u4ef6\u3002"]],["li",["p","\u6574\u7406\u4e86\u6837\u5f0f\u53d8\u91cf\uff0c\u4fee\u590d ",["code","@font-size-base"]," \u548c ",["code","@text-color"]," \u5728\u90e8\u5206\u7ec4\u4ef6\u65e0\u6548\u7684\u95ee\u9898\uff0c\u65b0\u589e ",["code","@font-size-lg"]," ",["code","@text-color-secondary"],"\uff0c\u5e76\u79fb\u9664\u4e86\u90e8\u5206\u65e0\u7528\u7684\u53d8\u91cf\u3002"]],["li",["p",["code","Transfer"]," \u7ec4\u4ef6\u65b0\u589e\u4e86\u53d7\u63a7\u5c5e\u6027 ",["code","selectedKeys"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3729"},"#3729"]]],["li",["p",["code","Tag"]," \u65b0\u589e\u9009\u4e2d\u72b6\u6001\u3002"]],["li",["p","\u4fee\u590d ",["code","Dropdown.Button"]," \u4e0d\u652f\u6301 ",["code","visible"]," \u548c ",["code","onVisibleChange"]," \u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3779"},"#3779"]]],["li",["p","\u4fee\u590d ",["code","DatePicker[showTime]`` \u7684"],"\u6b64\u523b` \u6309\u94ae\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3748"},"#3748"]]],["li",["p","\u4fee\u590d ",["code","Steps"]," \u7ad6\u76f4\u65b9\u5411\u7684\u6837\u5f0f\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3760"},"#3760"]]],["li",["p","\u4fee\u590d ",["code","Spin"]," \u7ec4\u4ef6\u5728 IE10+ \u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3755"},"#3755"]]],["li",["p","\u4fee\u590d ",["code","Mention"]," \u7ec4\u4ef6\u7684 focus \u903b\u8f91. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3801"},"#3801"]]],["li",["p","\u4fee\u590d ",["code","Progress"]," \u7ec4\u4ef6\u7684\u52a8\u753b\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3784"},"#3784"]]],["li",["p","\u4fee\u590d ",["code","Select"]," \u641c\u7d22\u65f6\u7684\u4e22\u5931\u7126\u70b9\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3778"},"#3778"]]],["li",["p","\u4fee\u590d ",["code","TimePicker"]," \u4e0d\u652f\u6301 ",["code",'format="HH"']," \u7b49\u683c\u5f0f\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3793"},"#3793"]]],["li",["p","\u4fee\u590d ",["code","Input"]," \u7684 ",["code","suffix"]," \u90e8\u5206\u533a\u57df\u4e2d\u9f20\u6807\u4e8b\u4ef6\u65e0\u6cd5\u54cd\u5e94\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3714"},"#3714"]]],["li",["p","\u4f18\u5316\u4e86 ",["code","Table"]," \u9009\u62e9\u7684\u6027\u80fd\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3757"},"#3757"]]],["li",["p","\u4f18\u5316 ",["code","Carousel"]," \u7684\u9ed8\u8ba4\u6837\u5f0f\u3002"]],["li",["p","\u4f18\u5316 ",["code","Checkbox"]," \u548c ",["code","Radio"]," \u7684\u6837\u5f0f\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3590"},"#3590"]]],["li",["p","\u4fee\u590d ",["code","DatePicker"],"\u3001",["code","Form"],"\u3001",["code","Table"]," \u7b49\u7ec4\u4ef6\u7684\u6837\u5f0f\u7ec6\u8282\u3002"]]],["h2","2.3.2"],["p",["code","2016-11-09"]],["ul",["li",["p","\u4fee\u590d\u4f7f\u7528 ",["code","getFieldProps"]," \u4f1a\u5bfc\u81f4\u6b7b\u5faa\u73af\u7684\u95ee\u9898\u3002"]]],["h2","2.3.1"],["p",["code","2016-11-07"]],["ul",["li",["p","\u4fee\u6b63\u4e0a\u4e2a\u7248\u672c\u7f3a\u5c11 ",["code","dist/antd.css"]," \u7684\u95ee\u9898\u3002"]]],["h2","2.3.0"],["p",["code","2016-11-04"]],["ul",["li",["p","\u5347\u7ea7 normalize.css \u5230 5.0\u3002"]],["li",["p","package.json \u7684 main \u6362\u6210\u4e86 ",["code","lib/index.js"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3397"},"#3397"]]],["li",["p","\u5168\u65b0\u7684 ",["code","Spin"]," \u8bbe\u8ba1\u3002"]],["li",["p",["code","TimePicker"]," \u65b0\u589e\u4e86 ",["code","addon"]," \u4ee5\u652f\u6301\u81ea\u5b9a\u4e49\u7684\u9644\u52a0\u5185\u5bb9\u3002"]],["li",["p",["code","Tree"]," \u65b0\u589e\u4e86 ",["code","onDragEnd"],"\u3002"]],["li",["p",["code","Collapse"]," \u65b0\u589e\u4e86 ",["code","bordered"],"\u3002"]],["li",["p","\u4f18\u5316 ",["code","Tabs"]," \u5207\u6362\u65f6\u7684\u52a8\u753b\u6548\u679c\u3002"]],["li",["p","\u4f18\u5316 ",["code","Radio"]," \u548c ",["code","Checkbox"]," \u5728\u7981\u7528\u548c\u9f20\u6807\u505c\u7559\u65f6\u7684\u6837\u5f0f\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3590"},"#3590"]]],["li",["p","\u4f18\u5316 ",["code","Transfer"]," \u7684\u6027\u80fd\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2860"},"#2860"]]],["li",["p","\u4fee\u590d ",["code","Popover"]," \u5d4c\u5957\u65f6\u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3448"},"#3448"]]],["li",["p","\u4fee\u590d ",["code","Transfer"]," \u670d\u52a1\u7aef\u6e32\u67d3\u62a5\u9519\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3686"},"#3686"]]],["li",["p","\u4fee\u590d ",["code","Upload"]," ",["code","picture-card"]," \u6a21\u5f0f\u4e0b\u65b0\u4e0a\u4f20\u7684\u56fe\u7247\u4e0d\u663e\u793a\u9884\u89c8\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3706"},"#3706"]," ",["a",{title:null,href:"https://github.com/denzw"},"@denzw"]]],["li",["p","DatePicker"],["ul",["li",["p","\u5728 ",["code","showTime"]," \u6a21\u5f0f\u4e0b\u73b0\u5728\u5931\u53bb\u7126\u70b9\u4e5f\u4f1a\u89e6\u53d1 ",["code","onChange"],"\u3002"]],["li",["p",["code","MonthPicker"]," \u589e\u52a0\u4e86 ",["code","monthCellContentRender"],"\u3002"]],["li",["p",["code","RangePicker"]," \u73b0\u5728\u53ef\u4ee5\u624b\u52a8\u8f93\u5165\u65f6\u95f4\u4e86\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3718"},"#3718"]]],["li",["p","\u65b0\u589e\u4e86\u6377\u514b\u8bed\u7684\u7ffb\u8bd1\u3002"]]]],["li",["p","Badge"],["ul",["li",["p","\u4f18\u5316\u9f20\u6807\u505c\u7559\u65f6\u8d85\u8fc7 99 \u7684\u6570\u5b57\u663e\u793a\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3645"},"#3645"]]],["li",["p","\u4fee\u590d\u5355\u72ec\u4f7f\u7528\u65f6\u4f1a\u6709\u79fb\u52a8\u52a8\u753b\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3709"},"#3709"]]]]],["li",["p","Mention"],["ul",["li",["p","\u4fee\u590d\u4f1a\u88ab ",["code","Table"]," \u906e\u4f4f\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3588"},"#3588"]]],["li",["p","\u65b0\u589e ",["code","getSuggestionContainer"]," \u6765\u6307\u5b9a\u5bb9\u5668\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3658"},"#3658"]]]]],["li",["p","Tag"],["ul",["li",["p","\u5e9f\u5f03 ",["code","color"]," \u5c5e\u6027\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3560"},"#3560"]]],["li",["p","\u65b0\u589e ",["code","type"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3560"},"#3560"]]],["li",["p","\u65b0\u589e ",["code","checkable"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3560"},"#3560"]]]]],["li",["p","Radio.Group"],["ul",["li",["p","\u65b0\u589e ",["code","className"],"\u3002"]],["li",["p",["code","children"]," \u4e3a ",["code","null"]," \u6216 ",["code","undefined"]," \u65f6\u73b0\u5728\u4f1a\u88ab\u5ffd\u7565\u3002"]]]],["li",["p","Select"],["ul",["li",["p","\u65b0\u589e ",["code","tokenSeparators"]," \u652f\u6301\u7c98\u8d34\u65f6\u81ea\u52a8\u5206\u8bcd\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2071"},"#2071"]]],["li",["p","\u65b0\u589e ",["code","onFocus"]," \u56de\u8c03\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3587"},"#3587"]]],["li",["p","\u4fee\u590d ",["code","combobox"]," \u6a21\u5f0f\u4e0b\u9009\u4e2d\u9879\u4e0d\u80fd\u6b63\u786e\u663e\u793a\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3401"},"#3401"]]]]]],["h2","2.2.1"],["p",["code","2016-11-02"]],["ul",["li",["p","\u4fee\u590d Form \u4e2d DatePicker","[showtime]","\uff08\u53d7\u63a7\uff09\u65e0\u6cd5\u4f7f\u7528\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3665"},"#3665"]]]],["h2","2.2.0"],["p",["code","2016-10-28"]],["ul",["li",["p","\u652f\u6301 TypeScript@2.0\u3002",["a",{title:null,href:"https://github.com/AlbertZheng"},"@AlbertZheng"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3358"},"#3358"]]],["li",["p","\u4e0d\u518d\u5f3a\u4f9d\u8d56\u4e8e React \u7279\u5b9a\u7248\u672c\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3627"},"#3627"]]],["li",["p","Alert \u652f\u6301 ",["code","className"]," ",["code","style"]," \u5c5e\u6027\u3002"]],["li",["p","DatePicker MonthPicker RangePicker \u73b0\u5728\u5141\u8bb8\u8bbe\u7f6e\u662f\u5426\u663e\u793a\u6e05\u9664\u6309\u94ae\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3618"},"#3618"]]],["li",["p","Form.Item \u73b0\u5728\u53ef\u4ee5\u611f\u77e5\u6df1\u5c42\u5d4c\u5957\u7684\u8868\u5355\u57df\uff0c\u4ee5\u81ea\u52a8\u4e3a\u5176\u751f\u6210\u9519\u8bef\u4fe1\u606f\u548c\u72b6\u6001\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3212"},"#3212"]]],["li",["p","RangePicker \u73b0\u5728\u53ef\u4ee5\u8bbe\u7f6e\u4e0d\u53ef\u9009\u7684\u65f6\u95f4\u3002",["a",{title:null,href:"https://ant.design/components/date-picker/#components-date-picker-demo-disabled-date"},"#"]]],["li",["p","Switch"],["ul",["li",["p","\u5bbd\u5ea6\u73b0\u5728\u4f1a\u968f\u7740 ",["code","checkedChildren/unCheckedChildren"]," \u81ea\u52a8\u8c03\u6574\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3380"},"#3380"]]],["li",["p","\u4f18\u5316\u5207\u6362\u52a8\u753b\u3002"]]]],["li",["p","Upload \u73b0\u5728\u53ef\u4ee5 ",["a",{title:null,href:"https://github.com/react-component/upload#customrequest"},"\u81ea\u5b9a\u4e49\u4e0a\u4f20\u65b9\u5f0f"],"\u3002",["a",{title:null,href:"https://github.com/edgji"},"@edgji"]]],["li",["p","Icon"],["ul",["li",["p","\u65b0\u589e ",["code","bulb"]," ",["code","select"]," ",["code","like-o"]," ",["code","dislike-o"],"\u3002"]],["li",["p","\u8c03\u6574 ",["code","loading"]," ",["code","like"]," ",["code","dislike"],"\u3002"]]]],["li",["p","\u4f18\u5316 Card DatePicker Icon Table \u7684 TypeScript \u5b9a\u4e49\u3002",["a",{title:null,href:"https://github.com/infeng"},"@infeng"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3468"},"3468"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3603"},"#3603"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3531"},"#3531"]]],["li",["p","\u4fee\u590d Cascader ",["code","defaultValue"]," \u5931\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3470"},"#3470"]]],["li",["p","\u4fee\u590d\u5728\u4e00\u884c\u5185\u540c\u65f6\u4f7f\u7528 Button Input DatePicker Select \u65f6\u5bf9\u9f50\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3481"},"#3481"]]],["li",["p","DatePicker"],["ul",["li",["p","\u4fee\u590d\u8bbe\u7f6e ",["code","DatePicker[showTime]"]," \u540e ",["code","onChange"]," \u4e8b\u4ef6\u89e6\u53d1\u65f6\u673a\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3523"},"#3523"]]]]],["li",["p","\u4fee\u590d Dropdown.Button disabled \u540e\u4ecd\u7136\u54cd\u5e94\u64cd\u4f5c\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3535"},"#3535"]]],["li",["p","Menu"],["ul",["li",["p","\u4fee\u590d\u670d\u52a1\u7aef\u6e32\u67d3\u95ee\u9898\uff0c\u611f\u8c22 ",["a",{title:null,href:"https://github.com/xpcode"},"@xpcode"]," \u5b9a\u4f4d\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2061"},"#2061"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2406"},"#2406"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3293"},"#3293"]]],["li",["p","\u4fee\u590d children \u4e0d\u80fd\u4e3a ",["code","null"]," \u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3599"},"#3599"]]]]],["li",["p","\u4fee\u590d message \u52a0\u8f7d\u72b6\u6001\u65e0\u52a8\u753b\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3536"},"#3536"]]],["li",["p","Form"],["ul",["li",["p","\u4fee\u590d ",["code","Form[inline]"]," \u4e0e ",["code","Input[addonBefore|addonAfter]"]," \u4e00\u8d77\u4f7f\u7528\u65f6\u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3524"},"#3524"]]],["li",["p","\u4fee\u590d Form.Item \u5185 Radio.Button \u6837\u5f0f\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d Form.Item \u5185\u641c\u7d22\u6309\u94ae\u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3630"},"#3630"]]],["li",["p","\u4fee\u590d\u7528\u6237\u65e0\u8f93\u5165\u65f6 Form.Item \u8bc6\u522b\u4e3a\u6821\u9a8c\u6210\u529f\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3613"},"#3613"]]]]],["li",["p","\u5f53 ",["code","Popover[title]"]," \u6ca1\u6709\u8bbe\u7f6e\u65f6\uff0c\u4e0d\u518d\u9650\u5236 Popover \u7684\u6700\u5c0f\u5bbd\u5ea6\u3002"]],["li",["p","Table"],["ul",["li",["p","\u4fee\u590d\u56fa\u5b9a\u8868\u5934\u5728\u6ca1\u6709\u6570\u636e\u60c5\u51b5\u4e0b\u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3567"},"#3567"]]],["li",["p","\u4fee\u590d\u65e0\u6570\u636e\u65f6\u4f1a\u8986\u76d6 SubMenu \u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3521"},"#3521"]]]]],["li",["p","Tabs"],["ul",["li",["p","\u4fee\u590d\u5361\u7247\u53f6\u7b7e\u5934\u90e8\u9ad8\u5ea6\u4e0e\u8bbe\u8ba1\u7a3f\u4e0d\u4e00\u81f4\u7684\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d TabPane \u7684\u9ad8\u5ea6\u4f1a\u88ab\u540c\u7ea7 TabPane \u6491\u9ad8\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3304"},"#3304"]]]]],["li",["p","\u4fee\u590d ",["code","TreeSelect[showSearch]"]," \u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3520"},"#3520"]]]],["h2","2.1.0"],["p",["code","2016-10-16"]],["ul",["li",["p","Icon \u73b0\u5728\u652f\u6301\u65cb\u8f6c\u52a8\u753b\u3002"]],["li",["p","Tabs \u73b0\u5728\u53ef\u4ee5\u7981\u7528\u5207\u6362\u52a8\u753b\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3324"},"#3324"]]],["li",["p","\u65b0\u589e\u897f\u73ed\u7259\u8bed\u7684 localization \u652f\u6301\u3002@Danjavia"]],["li",["p","\u66f4\u65b0\u4fc4\u8bed\u7684 localization \u6587\u6848\u3002@plandem"]],["li",["p","\u65b0\u589e AutoComplete","[onselect]"," \u56de\u8c03\u3002"]],["li",["p","\u4f18\u5316 Modal \u6837\u5f0f\u7ec6\u8282\u3002"]],["li",["p","\u4f18\u5316 Tooltip \u52a8\u753b\u3002"]],["li",["p","\u4f18\u5316 Transfer \u6309\u94ae\u7684\u6837\u5f0f\u3002"]],["li",["p","\u4f18\u5316 Tree \u7684\u6837\u5f0f\u7ec6\u8282\u3002"]],["li",["p","\u6574\u7406\u548c\u4fee\u590d\u4e86\u90e8\u5206 less \u53d8\u91cf\u3002"]],["li",["p","\u4fee\u590d\u670d\u52a1\u7aef\u6e32\u67d3\u65f6\u5168\u91cf\u5f15\u5165 antd \u62a5\u9519\u7684\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d Affix \u4e0e BackTop \u7684\u670d\u52a1\u7aef\u6e32\u67d3\u95ee\u9898\u3002",["a",{
-title:null,href:"https://github.com/ant-design/ant-design/issues/3283"},"#3283"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3343"},"#3343"]]],["li",["p","\u4fee\u590d Card","[title]"," \u5185\u65e0\u6cd5\u4f7f\u7528 ",["code","h3"]," \u4e4b\u7c7b\u7684\u6807\u7b7e\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3388"},"#3388"]]],["li",["p","\u4fee\u590d Cascader \u641c\u7d22\u6a21\u5f0f\u4e0e\u6d4f\u89c8\u5668\u81ea\u52a8\u5b8c\u6210\u6709\u51b2\u7a81\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3350"},"#3350"]]],["li",["p","DatePicker"],["ul",["li",["p","\u4fee\u590d\u8bbe\u7f6e ",["code","showTime"]," \u540e\uff0c",["code","onChange"]," \u91cd\u590d\u89e6\u53d1\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3376"},"#3376"]]],["li",["p","\u4fee\u590d\u6d6e\u5c42\u4e0e Trigger \u65e5\u671f\u683c\u5f0f\u4e0d\u4e00\u81f4\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3405"},"#3405"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3298"},"#3298"]]],["li",["p","\u4fee\u590d\u4e0e TimePicker \u6837\u5f0f\u51b2\u7a81\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3312"},"#3312"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3307"},"#3307"]]]]],["li",["p","\u4fee\u590d Form.Item \u6807\u7b7e\u6587\u6848\u8fc7\u957f\u6ea2\u51fa\u7684\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d Icon \u5728 Safari \u4e0b\u4f1a\u51fa\u73b0\u8fb9\u6846\u7684\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d InputNubmer \u952e\u76d8\u4e8b\u4ef6\u6b7b\u5faa\u73af\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3239"},"#3239"]]],["li",["p","\u4fee\u590d Popover \u7bad\u5934\u6837\u5f0f\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d Popover \u548c Popconfirm \u7684 ",["code","arrowPointAtCenter"]," \u65e0\u6548\u7684\u95ee\u9898\u3002"]],["li",["p","Select"],["ul",["li",["p","\u4fee\u590d\u6837\u5f0f\u91cd\u590d\u5f15\u5165\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3376"},"#3376"]]],["li",["p","\u4fee\u590d ",["code","notFoundContent"]," \u65e0\u6cd5\u7f6e\u7a7a\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3345"},"#3345"]]],["li",["p","\u4fee\u590d Table \u5185\u4f7f\u7528 Select","[showsearch]"," \u540e\u5bbd\u5ea6\u4f1a\u8df3\u52a8\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3413"},"#3413"]]]]],["li",["p","\u4fee\u590d Table \u8fb9\u6846\u7ebf\u4e0e\u9875\u5934\u9875\u811a\u51b2\u7a81\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3301"},"#3301"]]],["li",["p","\u4fee\u590d TabPane \u9ad8\u5ea6\u4e0d\u968f\u5185\u5bb9\u53d8\u5316\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3377"},"#3377"]]],["li",["p","\u4fee\u590d Transfer","[titles]"," \u4e0d\u53d7 LocaleProvider \u63a7\u5236\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3264"},"#3264"]]],["li",["p","Upload"],["ul",["li",["p","\u4fee\u590d\u7528\u6237\u81ea\u5b9a\u4e49 ",["code","onRemove"]," \u4e8b\u4ef6\u4f1a\u8986\u76d6\u9ed8\u8ba4\u884c\u4e3a\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3317"},"#3317"]]],["li",["p","\u4fee\u590d\u56fe\u7247\u5361\u7247\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3316"},"#3316"]]]]],["li",["p","\u4fee\u590d\u9879\u76ee\u6784\u5efa\u65f6 moment locales \u627e\u4e0d\u5230\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3204"},"#3204"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3411"},"#3411"]]]],["h2","2.0.1"],["p",["code","2016-10-01"]],["ul",["li",["p","\u4fee\u590d\u65e0\u6cd5\u8c03\u7528 react-slick \u65b9\u6cd5\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3164"},"#3164"]]],["li",["p","\u4fee\u590d Steps.Step","[icon]"," \u4e0d\u652f\u6301 React.ReactNode \u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3159"},"#3159"]]],["li",["p","\u4fee\u590d Affix \u4e0d\u652f\u6301\u670d\u52a1\u7aef\u6e32\u67d3\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3216"},"#3216"]]],["li",["p","\u4fee\u590d Mention \u4e0d\u652f\u6301 ",["code","onSelect"]," ",["code","placeholder"]," \u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3236"},"#3236"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3226"},"#3226"]]],["li",["p","\u4fee\u590d Transfer \u4e0e ",["code","getFieldDecorator"]," \u4e00\u8d77\u4f7f\u7528\u65f6\u7684\u62a5\u9519\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d LocaleProvider \u5bf9\u65f6\u95f4\u7ec4\u4ef6\u65e0\u6548\u7684\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d Cascader \u641c\u7d22\u6a21\u5f0f\u641c\u7d22\u6587\u5b57\u663e\u793a\u4e0d\u4e86\u7684\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d Spin \u52a8\u753b\u4e0e\u6587\u6848\u6574\u4f53\u4e0d\u5782\u76f4\u5c45\u4e2d\u7684\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d RangePicker Modal Tag Progress \u7b49\u7ec4\u4ef6\u6837\u5f0f\u95ee\u9898\u3002"]]],["h2","2.0.0"],["p",["code","2016-09-28"]],["p","\u5f88\u9ad8\u5174\u7684\u901a\u77e5\u5404\u4f4d\uff0c\u7ecf\u8fc7\u56db\u4e2a\u6708\u65f6\u95f4\u7684\u7d27\u5bc6\u5f00\u53d1\uff0c",["code","antd@2.0.0"]," \u7ec8\u4e8e\u53d1\u5e03\u4e86\u3002\u8fd9\u4e2a\u7248\u672c\u6211\u4eec\u91cd\u6784\u4e86\u5e95\u5c42\u4ee3\u7801\uff0c\u6301\u7eed\u5b8c\u5584\u73b0\u6709\u7ec4\u4ef6\u529f\u80fd\u548c\u4f18\u5316\u7ec6\u8282\uff0c\u5e76\u63d0\u4f9b\u4e86\u82f1\u6587\u7248\u7684\u6587\u6863\uff0c\u5176\u4e2d\u5f88\u591a\u90fd\u6765\u81ea\u793e\u533a\u7684\u8d21\u732e\uff0c\u65e0\u6cd5\u4e00\u4e00\u611f\u8c22\uff0c\u6b22\u8fce\u5404\u4f4d\u6301\u7eed\u5173\u6ce8\u548c\u97ad\u7b56\u3002\u5728\u5347\u7ea7\u8fc7\u7a0b\u4e2d\u9047\u5230\u4efb\u4f55\u95ee\u9898\uff0c\u8bf7\u53ca\u65f6 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues"},"\u53cd\u9988\u7ed9\u6211\u4eec"],"\u3002"],["h3","2.x \u4e3b\u8981\u53d8\u5316"],["ul",["li",["p","\u5f00\u53d1\u8bed\u8a00\u6539\u4e3a TypeScript\uff0c\u63d0\u4f9b ",["strong","\u5b98\u65b9\u652f\u6301\u7684 ",["code",".d.ts"]," \u6587\u4ef6"],"\uff0c\u611f\u8c22 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/1846"},"#1846"]," \u4e2d\u6240\u6709\u53c2\u4e0e\u5230\u8fd9\u6b21\u91cd\u6784\u7684\u4eba\u4ee5\u53ca\u540e\u671f @infeng \u5bf9\u5176\u7684\u5b8c\u5584\u3002"]],["li",["p",["strong","\u65b0\u589e\u82f1\u6587\u6587\u6863"],"\uff0c \u4ee5\u540e\u5c06\u540c\u65f6\u63d0\u4f9b\u4e2d\u82f1\u53cc\u8bed\u6587\u6863\uff0c\u611f\u8c22 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/1471"},"#1471"]," \u91cc\u6240\u6709\u53c2\u4e0e\u5230\u7ffb\u8bd1\u548c\u5ba1\u9605\u5de5\u4f5c\u4e2d\u7684\u4eba\u3002"]],["li",["p","\u65f6\u95f4\u7c7b\u7ec4\u4ef6 DatePicker\u3001TimePicker\u3001Calendar \u7b49\u7684\u5e95\u5c42 ",["strong","\u4f7f\u7528 ",["a",{title:null,href:"http://momentjs.com/"},"moment"]," \u66ff\u6362 ",["a",{title:null,href:"github.com/yiminghe/gregorian-calendar"},"gregorian-calendar"]],"\u3002"]],["li",["p","\u5168\u65b0\u8bbe\u8ba1\u7684 ",["a",{title:null,href:"http://ant.design/components/icon/"},"\u56fe\u6807"],"\u3002"]],["li",["p","\u65b0\u589e\u63d0\u53ca\u7ec4\u4ef6 ",["a",{title:null,href:"http://ant.design/components/mention/"},"Mention"],"\u3002"]],["li",["p","\u65b0\u589e\u81ea\u52a8\u5b8c\u6210\u7ec4\u4ef6 ",["a",{title:null,href:"http://ant.design/components/auto-complete/"},"AutoComplete"],"\u3002"]],["li",["p","Form \u65b0\u589e ",["code","getFieldDecorator"]," \u4f5c\u4e3a ",["code","getFieldProps"]," \u7684\u66ff\u4ee3\uff0c\u5bf9\u4e8e\u4e0d\u6b63\u786e\u7684\u4f7f\u7528\u65b9\u5f0f ",["code","getFieldDecorator"]," \u4f1a\u7ed9\u51fa\u63d0\u793a\uff0c\u53ef\u4ee5\u964d\u4f4e\u8e29\u5751\u7684\u6982\u7387\u3002\u76f8\u5173\u8ba8\u8bba\u89c1 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/1533"},"#1533"],"\u3002"]],["li",["p","Table \u652f\u6301 ",["a",{title:null,href:"http://ant.design/components/table/#components-table-demo-grouping-columns"},"\u8868\u5934\u5206\u7ec4"],"\u3002@yesmeck"]],["li",["p","\u5b8c\u5168\u79fb\u9664 ",["code","antd@1.x"]," \u4e2d\u5df2\u7ecf\u5e9f\u5f03\u7684 QueueAnim\u3001Validation\u3001Form.ValueMixin\u3001Progress.Line\u3001Progress.Circle\u3001Popover","[overlay]"," \u53ca Slider","[marks]"," \u5bf9\u6570\u7ec4\u7684\u652f\u6301\u3002"]]],["h3","2.x \u4e0d\u517c\u5bb9\u6539\u52a8"],["blockquote",["p","\u5efa\u8bae\u4ece ",["code","1.x"]," \u5347\u7ea7\u65f6\uff0c\u76f4\u63a5\u5347\u7ea7\u5230 ",["code","2.x"]," \u7684\u6700\u65b0\u7248\u672c\u3002"],["p","\u5efa\u8bae\u5728\u5347\u7ea7 antd \u7684\u8fc7\u7a0b\u4e2d\uff0c\u6bcf\u505a\u5b8c\u4e00\u6b21\u5408\u7406\u7684\u4fee\u6539\u5e76 review \u548c\u6d4b\u8bd5\u4e4b\u540e\uff0c\u5c31 git commit \u4e00\u6b21\uff0c\u8fd9\u6837\u5728\u8bef\u64cd\u4f5c\u65f6\u80fd\u968f\u65f6\u56de\u6eda\u5230\u4e4b\u524d\u7684\u7248\u672c"]],["p","\u6b64\u7248\u672c\u6709\u90e8\u5206\u4e0d\u517c\u5bb9\u7684\u6539\u52a8\uff0c\u5347\u7ea7\u65f6\u786e\u4fdd\u4fee\u6539\u76f8\u5e94\u7684\u4f7f\u7528\u4ee3\u7801\u3002\u53e6\u5916\u7531\u4e8e\u4eba\u8089\u67e5\u627e\u4ee3\u7801\u4e2d\u7684\u5e9f\u5f03\u7528\u6cd5\u8fc7\u4e8e\u4f4e\u6548\uff0c\u6240\u4ee5\u6211\u4eec\u63d0\u4f9b\u4e86 ",["a",{title:null,href:"https://github.com/ant-design/antd-migration-helper"},"antd-migration-helper"]," \u7528\u4e8e\u626b\u63cf\u4ee3\u7801\u4e2d\u7684\u5e9f\u5f03\u7528\u6cd5\u3002"],["ul",["li",["p","\u65f6\u95f4\u7c7b\u7ec4\u4ef6\u7684 ",["code","value"]," \u548c ",["code","defaultValue"]," \u4e0d\u518d\u652f\u6301 ",["code","String/Date"]," \u7c7b\u578b\uff0c\u8bf7\u4f7f\u7528 ",["a",{title:null,href:"http://momentjs.com/"},"moment"],"\u3002\u9700\u8981\u5bf9\u4ee3\u7801\u8fdb\u884c\u5982\u4e0b\u4fee\u6539\uff0c\u53ef\u4eba\u624b\u4fee\u6539\u4e5f\u53ef\u7528\u6211\u4eec\u63d0\u4f9b\u7684 ",["a",{title:null,href:"https://github.com/ant-design/antd-codemod#time-related-value-to-moment"},"codemod"]," \u811a\u672c\u81ea\u52a8\u4fee\u6539\u7c7b\u4f3c\u7528\u6cd5\uff0c\u4f46\u6ce8\u610f\u811a\u672c\u4e0d\u80fd\u8986\u76d6\u6240\u6709\u60c5\u51b5\uff0c\u6240\u4ee5\u5728\u8fd0\u884c\u811a\u672c\u540e\u4ecd\u7136\u9700\u8981 review \u548c\u6d4b\u8bd5\u3002"],["pre",{lang:"diff",highlighted:'<span class="token deleted">- &lt;TimePicker defaultValue="12:08:23" /></span>\n<span class="token inserted">+ &lt;TimePicker defaultValue={moment(\'12:08:23\', \'HH:mm:ss\')} /></span>\n\n<span class="token deleted">- &lt;DatePicker defaultValue="2015/01/01" /></span>\n<span class="token inserted">+ &lt;DatePicker defaultValue={moment(\'2015/01/01\', \'YYYY/MM/DD\')} /></span>\n\n<span class="token deleted">- &lt;Calendar defaultValue={new Date(\'2010-10-10\')} /></span>\n<span class="token inserted">+ &lt;Calendar defaultValue={moment(\'2010-10-10\', \'YYYY-MM-DD\')} /></span>'},["code","- <TimePicker defaultValue=\"12:08:23\" />\n+ <TimePicker defaultValue={moment('12:08:23', 'HH:mm:ss')} />\n\n- <DatePicker defaultValue=\"2015/01/01\" />\n+ <DatePicker defaultValue={moment('2015/01/01', 'YYYY/MM/DD')} />\n\n- <Calendar defaultValue={new Date('2010-10-10')} />\n+ <Calendar defaultValue={moment('2010-10-10', 'YYYY-MM-DD')} />"]]],["li",["p","\u65f6\u95f4\u7c7b\u7ec4\u4ef6\u7684 ",["code","onChange"]," \u548c ",["code","onPanelChange"]," \u53ca\u5176\u4ed6\u56de\u8c03\u51fd\u6570\u4e2d\u4e3a ",["code","Date/GregorianCalendar"]," \u7c7b\u578b\u7684\u53c2\u6570\uff0c\u5747\u4fee\u6539\u4e3a moment \u7c7b\u578b\uff0c\u4e24\u8005 API \u6709\u6240\u4e0d\u540c\uff0c\u4f46\u529f\u80fd\u57fa\u672c\u4e00\u81f4\uff0c\u8bf7\u5bf9\u7167 ",["a",{title:null,href:"http://momentjs.com/docs/"},"moment \u7684 API \u6587\u6863"]," \u548c ",["a",{title:null,href:"https://github.com/yiminghe/gregorian-calendar"},"gregorian-calendar \u7684\u6587\u6863"]," \u8fdb\u884c\u4fee\u6539\u3002"],["ol",["li",["p","\u4e5f\u53ef\u4ee5\u53c2\u8003\u8fd9\u4e2a ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/4026221d451b246956983bb42140142d4a48b7d7"},"commit"]," \u6765\u8fdb\u884c\u4fee\u6539\u3002"]],["li",["p","\u4e5f\u53ef\u7528\u6211\u4eec\u63d0\u4f9b\u7684 ",["a",{title:null,href:"https://github.com/ant-design/antd-codemod#gergoriancalendar-to-moment"},"codemod"]," \u811a\u672c\u81ea\u52a8\u4fee\u6539\u7c7b\u4f3c\u7528\u6cd5\uff0c\u4f46\u6ce8\u610f\u811a\u672c\u4e0d\u80fd\u8986\u76d6\u6240\u6709\u60c5\u51b5\uff0c\u6240\u4ee5\u5728\u8fd0\u884c\u811a\u672c\u540e\u4ecd\u7136\u9700\u8981 review \u548c\u6d4b\u8bd5\u3002"]]],["pre",{lang:"diff",highlighted:'function disabledDate(date) {\n<span class="token deleted">- console.log(date.getTime());</span>\n<span class="token inserted">+ console.log(date.valueOf());</span>\n}'},["code","function disabledDate(date) {\n- console.log(date.getTime());\n+ console.log(date.valueOf());\n}"]]],["li",["p","\u7531\u4e8e ",["code","JSON.stringify(date: moment)"]," \u8fd4\u56de\u7684\u503c\u4f1a\u4e22\u5931\u65f6\u533a\u8bbe\u7f6e\uff0c\u6240\u4ee5\u5728\u63d0\u4ea4\u524d\u8981\u5148\u4f7f\u7528 ",["code",".format"]," \u628a\u65e5\u671f\u8f6c\u6210\u5b57\u7b26\u4e32\uff0c\u76f8\u5173 issue \u89c1 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3082"},"#3082"],"\uff1a"],["pre",{lang:"js",highlighted:'<span class="token function">handleSubmit</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>\n  <span class="token keyword">const</span> values <span class="token operator">=</span> <span class="token keyword">this</span><span class="token punctuation">.</span>props<span class="token punctuation">.</span>form<span class="token punctuation">.</span><span class="token function">getFieldsValue</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n  values<span class="token punctuation">.</span>date <span class="token operator">=</span> values<span class="token punctuation">.</span>date<span class="token punctuation">.</span><span class="token function">format</span><span class="token punctuation">(</span><span class="token string">\'YYYY-MM-DD HH:mm:ss\'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment" spellcheck="true">// \u6216\u5176\u5b83\u683c\u5f0f</span>\n  <span class="token keyword">const</span> data <span class="token operator">=</span> JSON<span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>values<span class="token punctuation">)</span><span class="token punctuation">;</span>\n  <span class="token comment" spellcheck="true">// \u53d1\u9001 data \u5230\u670d\u52a1\u5668</span>\n<span class="token punctuation">}</span>'},["code","handleSubmit() {\n  const values = this.props.form.getFieldsValue();\n  values.date = values.date.format('YYYY-MM-DD HH:mm:ss'); // \u6216\u5176\u5b83\u683c\u5f0f\n  const data = JSON.stringify(values);\n  // \u53d1\u9001 data \u5230\u670d\u52a1\u5668\n}"]]],["li",["p","\u65f6\u95f4\u7c7b\u7ec4\u4ef6\u4e0e\u8868\u5355\u6821\u9a8c\u4e00\u8d77\u4f7f\u7528\u65f6\uff0c",["code","type: 'date'"]," \u6539\u4e3a ",["code","type: 'object'"],"\u3002"],["pre",{lang:"diff",highlighted:"getFieldDecorator('time', {\n  rules: [{\n    required: true,\n<span class=\"token deleted\">-   type: 'date',</span>\n<span class=\"token inserted\">+   type: 'object',</span>\n  }],\n})(...)"},["code","getFieldDecorator('time', {\n  rules: [{\n    required: true,\n-   type: 'date',\n+   type: 'object',\n  }],\n})(...)"]]],["li",["p","\u65f6\u95f4\u7c7b\u7ec4\u4ef6\u7684 ",["code","format"]," \u5c5e\u6027\u4e5f\u53d1\u751f\u4e86\u53d8\u5316\uff0c\u4ece ",["a",{title:null,href:"https://github.com/yiminghe/gregorian-calendar-format#api"},"gregorian-calendar-format \u7684\u683c\u5f0f"]," \u53d8\u5316\u4e3a\u4e0e ",["a",{title:null,href:"http://momentjs.com/docs/#/parsing/string-format/"},"moment \u7684\u683c\u5f0f"],"\uff0c\u4f8b\u5982\u539f\u6765\u7684 ",["code","yyyy-MM-dd"]," \u5c06\u53d8\u4e3a ",["code","YYYY-MM-DD"],"\u3002\u53ef\u4eba\u624b\u4fee\u6539\u4e5f\u53ef\u7528\u6211\u4eec\u63d0\u4f9b\u7684 ",["a",{title:null,href:"https://github.com/ant-design/antd-codemod#time-related-value-to-moment"},"codemod"]," \u811a\u672c\u81ea\u52a8\u4fee\u6539\u7c7b\u4f3c\u7528\u6cd5\uff0c\u4f46\u6ce8\u610f\u811a\u672c\u4e0d\u80fd\u8986\u76d6\u6240\u6709\u60c5\u51b5\uff0c\u6240\u4ee5\u5728\u8fd0\u884c\u811a\u672c\u540e\u4ecd\u7136\u9700\u8981 review \u548c\u6d4b\u8bd5\u3002"]],["li",["p","Breadcrumb \u79fb\u9664 ",["code","linkRender"]," \u548c ",["code","nameRender"],"\uff0c\u8bf7\u4f7f\u7528 ",["code","itemRender"],"\u3002"]],["li",["p","Menu \u79fb\u9664 ",["code","onClose"]," ",["code","onOpen"],"\uff0c\u8bf7\u4f7f\u7528 ",["code","onOpenChange"],"\u3002API \u5dee\u5f02\u8f83\u5927\uff0c\u8bf7\u5148\u7814\u7a76 ",["a",{title:null,href:"http://beta.ant.design/components/menu/#components-menu-demo-sider-current"},"demo"],"\u3002"]],["li",["p","Table \u79fb\u9664\u5217\u5206\u9875\u529f\u80fd\uff0c\u8bf7\u4f7f\u7528 ",["a",{title:null,href:"http://ant.design/components/table/#components-table-demo-fixed-columns"},"\u56fa\u5b9a\u5217"],"\u3002"]],["li",["p","Popover \u79fb\u9664 ",["code","overlay"]," \uff0c\u8bf7\u4f7f\u7528 ",["code","content"],"\u3002"]]],["p","\u4ee5\u4e0b\u53d8\u5316\u5347\u7ea7\u540e\u65e7\u4ee3\u7801\u4ecd\u7136\u80fd\u6b63\u5e38\u8fd0\u884c\uff0c\u4f46\u662f\u63a7\u5236\u53f0\u4f1a\u51fa\u73b0\u8b66\u544a\u63d0\u793a\uff0c\u5efa\u8bae\u6309\u63d0\u793a\u8fdb\u884c\u4fee\u6539\u3002"],["ul",["li",["p","Form \u5e9f\u5f03 ",["code","getFieldProps"],"\uff0c\u8bf7\u4f7f\u7528 ",["code","getFieldDecorator"],"\u3002\u53ef\u4eba\u624b\u4fee\u6539\u4e5f\u53ef\u7528\u6211\u4eec\u63d0\u4f9b\u7684 ",["a",{title:null,href:"https://github.com/ant-design/antd-codemod#getfieldprops-to-getfielddecorator"},"codemod"]," \u811a\u672c\u81ea\u52a8\u4fee\u6539\u7c7b\u4f3c\u7528\u6cd5\uff0c\u4f46\u6ce8\u610f\u811a\u672c\u4e0d\u80fd\u8986\u76d6\u6240\u6709\u60c5\u51b5\uff0c\u6240\u4ee5\u5728\u8fd0\u884c\u811a\u672c\u540e\u4ecd\u7136\u9700\u8981 review \u548c\u6d4b\u8bd5\u3002"],["pre",{lang:"diff",highlighted:'<span class="token deleted">-  &lt;Input placeholder="text" {...getFieldProps(\'userName\', { ... })} /></span>\n<span class="token inserted">+  {getFieldDecorator(\'userName\', { ... })(</span>\n<span class="token inserted">+    &lt;Input placeholder="text" /></span>\n<span class="token inserted">+  )}</span>'},["code","-  <Input placeholder=\"text\" {...getFieldProps('userName', { ... })} />\n+  {getFieldDecorator('userName', { ... })(\n+    <Input placeholder=\"text\" />\n+  )}"]],["p","\u76f8\u5173\u8ba8\u8bba\u53ef\u4ee5\u770b ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/1533"},"#1533"],"\u3002"]],["li",["p","DatePicker \u5e9f\u5f03 ",["code","toggleOpen"],"\uff0c\u8bf7\u4f7f\u7528 ",["code","onOpenChange"],"\uff1a"],["pre",{lang:"diff",highlighted:'<span class="token deleted">- handleToggleOpen({ open }) {</span>\n<span class="token inserted">+ handleOpenChange(open) {</span>\n  ...\n}'},["code","- handleToggleOpen({ open }) {\n+ handleOpenChange(open) {\n  ...\n}"]]]],["p","\u6700\u540e\uff0c\u7531\u4e8e\u65f6\u95f4\u7c7b\u7ec4\u4ef6\u4fee\u6539\u6bd4\u8f83\u590d\u6742\uff0c\u53ef\u80fd\u8fd8\u9700\u8981\u6df1\u5165\u4e1a\u52a1\u903b\u8f91\uff0c\u6240\u4ee5\u5728\u9879\u76ee\u6bd4\u8f83\u8d76\u7684\u60c5\u51b5\u4e0b\uff0c\u53ef\u4ee5\u8003\u8651\u4f7f\u7528 ",["a",{title:null,href:"https://github.com/ant-design/antd-adapter"},"antd-adapter"]," \u9002\u914d\u4e3a ",["code","antd@1.x"]," \u91cc\u9762\u7684\u7528\u6cd5\uff0c\u4f46\u4e0d\u5efa\u8bae\u3002"],["h3","2.x Bug \u4fee\u590d"],["ul",["li",["p","\u4fee\u590d Dropdown.Button ",["code","disabled"]," \u5c5e\u6027\u65e0\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3070"},"#3070"]]],["li",["p","\u4fee\u590d Form.create ",["code","withRef"]," \u9009\u9879\u5931\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2843"},"#2843"]]],["li",["p","\u4fee\u590d Menu inline \u6a21\u5f0f\u4e0b\u5b50\u83dc\u5355\u5c55\u5f00\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2701"},"#2701"]]],["li",["p","\u4fee\u590d Modal.confirm \u4e4b\u7c7b\u7684\u5f39\u7a97\u5728\u5f02\u6b65\u8c03\u7528\u65f6\u6309\u94ae\u4ecd\u53ef\u70b9\u51fb\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2684"},"#2684"]]],["li",["p","\u4fee\u590d DatePicker","[showtime]"," \u53c2\u6570\u4e2d\u7684 ",["code","format"]," \u5931\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3123"},"#3123"]]],["li",["p","\u4fee\u590d Table","[datasource]"," \u4e2d\u7684\u9879\u7684 key \u4e3a ",["code","0"]," \u65f6\u8bc6\u522b\u9519\u8bef\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3166"},"#3166"]," @noonnightstorm"]],["li",["p","\u4fee\u590d Tree.Node \u65e0\u5b50\u8282\u70b9\u65f6\u4ecd\u7136\u663e\u793a\u7bad\u5934\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2616"},"#2616"]]],["li",["p","\u4fee\u590d Tree.Node \u7bad\u5934\u9690\u85cf\u540e\u9f20\u6807 hover \u4e0a\u53bb\u5149\u6807\u4ecd\u4f1a\u53d1\u751f\u53d8\u5316\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2748"},"#2748"]]]],["h3","2.x \u5176\u4ed6\u6539\u8fdb"],["ul",["li",["p","Alert \u65b0\u589e ",["a",{title:null,href:"http://ant.design/components/alert/#components-alert-demo-banner"},["code","banner"]," \u6a21\u5f0f"],"\u3002"]],["li",["p","BackTop \u589e\u52a0\u56de\u5230\u9876\u90e8\u7684\u52a8\u753b\u6548\u679c\u3002"]],["li",["p","Badge \u65b0\u589e ",["a",{title:null,href:"http://ant.design/components/badge/#components-badge-demo-status"},"\u72b6\u6001\u70b9\u6a21\u5f0f"],"\u3002"]],["li",["p","Cascader \u65b0\u589e ",["a",{title:null,href:"http://ant.design/components/cascader/#components-cascader-demo-search"},"\u641c\u7d22\u529f\u80fd"],"\u3002"]],["li",["p","Checkbox \u65b0\u589e ",["a",{title:null,href:"http://ant.design/components/checkbox/#components-checkbox-demo-check-all"},"indeterminate \u72b6\u6001"],"\u3002"]],["li",["p","Form \u65b0\u589e ",["a",{title:null,href:"http://ant.design/components/form/#components-form-demo-validate-customized"},"\u5782\u76f4\u5e03\u5c40"],"\u3002"]],["li",["p","InputNumber \u73b0\u5728\u652f\u6301\u957f\u6309\u3002",["a",{title:null,href:"http://ant.design/components/input-number/#components-input-number-demo-basic"},"#"]]],["li",["p","notification \u652f\u6301 ",["a",{title:null,href:"http://ant.design/components/notification/#components-notification-demo-custom-icon"},"\u81ea\u5b9a\u4e49 icon"],"\u3002"]],["li",["p","Spin \u73b0\u5728\u5141\u8bb8 ",["a",{title:null,href:"http://ant.design/components/spin/#components-spin-demo-tip"},"\u81ea\u5b9a\u4e49\u6587\u6848\u4e0e\u52a8\u753b\u5171\u5b58"],"\u3002@jerrybendy"]],["li",["p","Transfer \u73b0\u5728\u53ef\u4ee5\u76d1\u542c\u7528\u6237\u9009\u62e9\u4e86\u54ea\u4e9b\u9009\u9879\u3002",["a",{title:null,href:"http://ant.design/components/transfer/#components-transfer-demo-basic"},"#"]]],["li",["p","Transfer \u73b0\u5728\u53ef\u4ee5\u5b9a\u4e49\u54ea\u4e9b\u9009\u9879\u662f ",["a",{title:null,href:"http://ant.design/components/transfer/#components-transfer-demo-basic"},"\u4e0d\u53ef\u9009\u62e9\u7684"],"\u3002"]],["li",["p","\u4f18\u5316 Alert \u548c notification \u7684\u6837\u5f0f\u3002"]],["li",["p","\u4f18\u5316 Modal.confirm \u4e4b\u7c7b\u7684\u5f39\u7a97\u7684\u952e\u76d8\u4ea4\u4e92\u3002@Dafrok"]],["li",["p","\u4f18\u5316 ",["a",{title:null,href:"http://ant.design/components/date-picker/#components-date-picker-demo-time"},"DatePicker \u7684\u65f6\u95f4\u9009\u62e9"]," \u4ea4\u4e92\u3002"]],["li",["p","\u4f18\u5316 ",["a",{title:null,href:"http://ant.design/components/spin/#components-spin-demo-nested"},"Spin \u72b6\u6001\u5207\u6362"]," \u65f6\u7684\u6548\u679c\u3002"]],["li",["p","\u66f4\u65b0 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/2f308b0f995cfcb2a3c8feb1e35ffd3f0bf93cfc"},"font-family"],"\u3002"]]],["h3","2.x \u76f8\u5173\u5de5\u5177\u53d1\u5e03"],["ul",["li",["p","\u65b0\u589e\u914d\u5957\u7f51\u7ad9 ",["a",{title:null,href:"http://library.ant.design/"},"AntD Library"],"\uff0c\u63d0\u4f9b\u9075\u5faa Ant Design \u8bbe\u8ba1\u89c4\u8303\u7684\u7ec4\u4ef6\u3001\u6a21\u5f0f\u7b49\u7684 Axure \u8d44\u6e90\u3002"]],["li",["p",["code","babel-plugin-antd"]," \u66f4\u540d\u4e3a ",["a",{title:null,href:"https://github.com/ant-design/babel-plugin-import"},"babel-plugin-import"],"\uff0c\u6807\u5fd7\u7740\u8be5\u63d2\u4ef6\u5c06\u4f5c\u4e3a\u4e00\u4e2a\u901a\u7528\u7684\u6309\u9700\u52a0\u8f7d\u65b9\u6848\u5b58\u5728\uff0c\u800c\u4e0d\u518d\u662f ",["code","antd"]," \u4e13\u6709\u3002"],["p","\u8bf7\u66f4\u65b0 ",["code","package.json"],"\uff1a"],["pre",{lang:"diff",highlighted:'{\n  "devDependencies": {\n<span class="token deleted">-   "babel-plugin-antd": "^0.x.x",</span>\n<span class="token inserted">+   "babel-plugin-import": "^1.0.0",</span>\n  }\n}'},["code",'{\n  "devDependencies": {\n-   "babel-plugin-antd": "^0.x.x",\n+   "babel-plugin-import": "^1.0.0",\n  }\n}']],["p","\u540c\u65f6\u66f4\u65b0 ",["code",".babelrc"]," \u6216\u4f60\u5728\u5176\u5b83\u5730\u65b9\u5bf9\u5176\u7684\u914d\u7f6e\uff1a"],["pre",{lang:"diff",highlighted:'{\n<span class="token deleted">-  "plugins": [["antd", { style: "css" }]]</span>\n<span class="token inserted">+  "plugins": [["import", { libraryName: "antd", style: "css" }]]</span>\n}'},["code",'{\n-  "plugins": [["antd", { style: "css" }]]\n+  "plugins": [["import", { libraryName: "antd", style: "css" }]]\n}']]],["li",["p",["a",{title:null,href:"https://github.com/dvajs/dva"},"dva@1.0.0"]," \u4e5f\u5df2\u7ecf\u53d1\u5e03\uff0c\u5e76\u63a8\u8350 ",["a",{title:null,href:"http://ant.design/docs/react/practical-projects"},"\u5728\u5b9e\u6218\u9879\u76ee\u4e2d\u4f7f\u7528"],"\u3002"]],["li",["p","\u811a\u624b\u67b6\u5de5\u5177\u63a8\u8350\u4f7f\u7528 ",["a",{title:null,href:"https://github.com/dvajs/dva-cli"},"dva-cli"],"\uff0c\u539f\u6765\u7684 ",["code","antd-init"]," \u4ee5\u540e\u4ec5\u4f1a\u7528\u4e8e\u5b66\u4e60\u4ee5\u53ca demo\u3002"]]],["h2","1.11.4"],["p","\u53bb ",["a",{title:null,href:"https://github.com/ant-design/ant-design/blob/1.x-stable/CHANGELOG.md"},"GitHub"]," \u67e5\u770b ",["code","0.x"]," \u5230 ",["code","1.x"]," \u7684 Change Log\u3002"]],meta:{order:6,title:"\u66f4\u65b0\u65e5\u5fd7",toc:!1,timeline:!0,filename:"CHANGELOG.zh-CN.md"},description:["section",["p",["code","antd"]," \u4e25\u683c\u9075\u5faa ",["a",{title:null,href:"http://semver.org/lang/zh-CN/"},"Semantic Versioning 2.0.0"]," \u8bed\u4e49\u5316\u7248\u672c\u89c4\u8303\u3002"],["h4","\u53d1\u5e03\u5468\u671f"],["ul",["li",["p","\u4fee\u8ba2\u7248\u672c\u53f7\uff1a\u6bcf\u5468\u672b\u4f1a\u8fdb\u884c\u65e5\u5e38 bugfix \u66f4\u65b0\u3002\uff08\u5982\u679c\u6709\u7d27\u6025\u7684 bugfix\uff0c\u5219\u4efb\u4f55\u65f6\u5019\u90fd\u53ef\u53d1\u5e03\uff09"]],["li",["p","\u6b21\u7248\u672c\u53f7\uff1a\u6bcf\u6708\u53d1\u5e03\u4e00\u4e2a\u5e26\u6709\u65b0\u7279\u6027\u7684\u5411\u4e0b\u517c\u5bb9\u7684\u7248\u672c\u3002"]],["li",["p","\u4e3b\u7248\u672c\u53f7\uff1a\u542b\u6709\u7834\u574f\u6027\u66f4\u65b0\u548c\u65b0\u7279\u6027\uff0c\u4e0d\u5728\u53d1\u5e03\u5468\u671f\u5185\u3002"]]],["p","\u5982\u679c\u9700\u8981\u67e5\u770b ",["code","2.0.0"]," \u4e4b\u524d\u7684\u66f4\u65b0\u65e5\u5fd7\uff0c\u8bf7\u79fb\u6b65 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/blob/1.x-stable/CHANGELOG.md"},"GitHub"],"\u3002"]],toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#2.9.2",title:"2.9.2"},"2.9.2"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.9.1",title:"2.9.1"},"2.9.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.9.0",title:"2.9.0"},"2.9.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.8.3",title:"2.8.3"},"2.8.3"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.8.2",title:"2.8.2"},"2.8.2"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.8.1",title:"2.8.1"},"2.8.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.8.0",title:"2.8.0"},"2.8.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.7.4",title:"2.7.4"},"2.7.4"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.7.3",title:"2.7.3"},"2.7.3"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.7.2",title:"2.7.2"},"2.7.2"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.7.1",title:"2.7.1"},"2.7.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.7.0",title:"2.7.0"},"2.7.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.6.4",title:"2.6.4"},"2.6.4"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.6.3",title:"2.6.3"},"2.6.3"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.6.2",title:"2.6.2"},"2.6.2"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.6.1",title:"2.6.1"},"2.6.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.6.0",title:"2.6.0"},"2.6.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.5.3",title:"2.5.3"},"2.5.3"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.5.2",title:"2.5.2"},"2.5.2"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.5.1",title:"2.5.1"},"2.5.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.5.0",title:"2.5.0"},"2.5.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.4.3",title:"2.4.3"},"2.4.3"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.4.2",title:"2.4.2"},"2.4.2"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.4.1",title:"2.4.1"},"2.4.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.4.0",title:"2.4.0"},"2.4.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.3.2",title:"2.3.2"},"2.3.2"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.3.1",title:"2.3.1"},"2.3.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.3.0",title:"2.3.0"},"2.3.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.2.1",title:"2.2.1"},"2.2.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.2.0",title:"2.2.0"},"2.2.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.1.0",title:"2.1.0"},"2.1.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.0.1",title:"2.0.1"},"2.0.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.0.0",title:"2.0.0"},"2.0.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#1.11.4",title:"1.11.4"},"1.11.4"]]]}}});
\ No newline at end of file
+webpackJsonp([209,211],{655:function(t,e){t.exports={content:["article",{},["h2","2.9.3"],["p",["code","2017-04-24"]],["ul",["li",["p",["strong","notification"]," \u4fee\u590d\u4e86\u4e0d\u80fd\u5728\u9ed8\u8ba4\u7684 4.5s \u540e\u5173\u95ed\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5869"},"#5869"]]],["li",["p",["strong","Tabs"]," \u589e\u52a0\u4e86 ",["code","ink-bar"]," \u5bbd\u5ea6\u6e10\u53d8\u52a8\u6548\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5858"},"#5858"]," ",["a",{title:null,href:"https://github.com/hlehmann"},"@hlehmann"]]]],["h2","2.9.2"],["p",["code","2017-04-22"]],["ul",["li",["p",["strong","Alert"]," \u4fee\u590d banner \u578b\u5c5e\u6027\u65e0\u6cd5\u8986\u76d6\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5800"},"#5800"]]],["li",["p",["strong","AutoComplete"]," \u4fee\u590d\u81ea\u5b9a\u4e49\u8f93\u5165\u7ec4\u4ef6\u65e0\u6cd5\u76d1\u542c ",["code","onKeyDown"]," \u4e8b\u4ef6\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5487"},"#5487"]]],["li",["p",["strong","Button"]," \u5371\u9669\u6309\u94ae\u4f7f\u7528\u65b0\u7684\u6837\u5f0f\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5815"},"#5815"]]],["li",["p",["strong","DatePicker"]," "],["ul",["li",["p","\u4f18\u5316\u4e86 RangePicker \u7684\u4f53\u9a8c\uff0crc-calendar \u5347\u7ea7\u81f3 ",["code","~8.0.0"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4985"},"#4985"]]],["li",["p","\u4fee\u590d\u4e86 RangePicker \u81ea\u5b9a\u4e49\u9ad8\u5ea6\u540e\u6587\u5b57\u4e0d\u80fd\u4e0a\u4e0b\u5c45\u4e2d\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5718"},"pull/5718"]," ",["a",{title:null,href:"https://github.com/leadream"},"@leadream"]]]]],["li",["p",["strong","Form"]," \u589e\u52a0\u6837\u5f0f\u53d8\u91cf\u6765\u63a7\u5236\u8868\u5355\u9879\u6807\u9898\u5192\u53f7\u7684\u5c55\u793a\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5855"},"pull/5855"]," ",["a",{title:null,href:"https://github.com/megawac"},"@megawac"]]],["li",["p",["strong","Icon"]," \u589e\u52a0 displayName \u5c5e\u6027\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5643"},"pull/5643"]," ",["a",{title:null,href:"https://github.com/handycode"},"@handycode"]]],["li",["p",["strong","Input"]],["ul",["li",["p","\u4fee\u590d\u4e86 Input.Search \u5728 Input.Group \u4e0b\u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5743"},"#5743"]]],["li",["p","\u4fee\u590d\u4e86 AutoComplete \u5728 Input.Group \u4e0b\u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5832"},"#5832"]]],["li",["p","\u4fee\u590d\u4e86 Select \u5728 Input.Group \u4e0b\u7684 size \u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5754"},"#5754"]]],["li",["p","\u8c03\u6574\u4e86 suffix \u7684\u989c\u8272\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5820"},"pull/5820"]," ",["a",{title:null,href:"https://github.com/megawac"},"@megawac"]]]]],["li",["p",["strong","InputNumber"]," \u66f4\u65b0\u4e86 ",["code","parser"]," \u548c ",["code","formatter"]," \u914d\u5408\u4f7f\u7528\u7684\u6587\u6863\u53ca\u793a\u4f8b\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5683"},"#5683"]]],["li",["p",["strong","Layout"]],["ul",["li",["p","\u589e\u52a0\u4e86",["a",{title:null,href:"https://ant.design/components/layout/#components-layout-demo-fixed-sider"},"\u56fa\u5b9a\u4fa7\u8fb9\u680f"],"\u793a\u4f8b\u3002"]],["li",["p","\u4fee\u590d firefox \u4e0b\u54cd\u5e94\u5f0f\u4fa7\u8fb9\u680f\u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5613"},"#5613"]]]]],["li",["p",["strong","LocaleProvider"]," \u81ea\u52a8\u5f15\u5165\u6837\u5f0f\u53d8\u91cf\u4ee5\u4fbf\u81ea\u5b9a\u4e49\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5712"},"#5712"]," ",["a",{title:null,href:"https://github.com/lionkeng"},"@lionkeng"]]],["li",["p",["strong","Menu"]," \u53bb\u6389 Menu \u7ec4\u4ef6\u4e2d a \u6807\u7b7e\u9ed8\u8ba4\u7684 focus \u4e0b\u5212\u7ebf\u6837\u5f0f\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5707"},"#5707"]]],["li",["p",["strong","Notification"]," \u6837\u5f0f\u81ea\u9002\u5e94\u5355\u884c\u6587\u6848\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5846"},"#5846"]]],["li",["p",["strong","Radio"]," \u65b0\u589e Radio.Button \u989c\u8272\u53ca\u80cc\u666f\u8272\u6837\u5f0f\u53d8\u91cf\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5791"},"pull/5791"]," ",["a",{title:null,href:"https://github.com/megawac"},"@megawac"]]],["li",["p",["strong","Table"]],["ul",["li",["p","\u589e\u52a0\u4e86\u5934\u90e8\u80cc\u666f\u53ca\u884c hover \u80cc\u666f\u6837\u5f0f\u53d8\u91cf\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5706"},"#5706"]," ",["a",{title:null,href:"https://github.com/kappa-gooner"},"@kappa-gooner"]]],["li",["p","\u4fee\u590d\u4e86\u8868\u5934\u5206\u7ec4\u793a\u4f8b\u7684\u5c55\u793a\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5697"},"#5697"]]]]],["li",["p",["strong","Tabs"]," \u4fee\u590d\u4e86\u5782\u76f4\u6a21\u5f0f\u4e0b\u6eda\u52a8\u6309\u94ae\u7684\u4f4d\u7f6e\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5765"},"#5765"]," ",["a",{title:null,href:"https://github.com/dicklwm"},"@dicklwm"]]],["li",["p",["strong","TreeSelect"]," \u4fee\u590d\u4e86\u4e0b\u62c9\u7bad\u5934\u65b9\u5411\u4e0d\u80fd\u6539\u53d8\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5693"},"#5693"]]],["li",["p",["strong","TypeScript"]," "],["ul",["li",["p","\u8865\u5145\u4e86 InputNumber \u7684\u90e8\u5206\u5b9a\u4e49\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5717"},"#5717"],"  ",["a",{title:null,href:"https://github.com/whtang906"},"@whtang906"]]]]],["li",["p",["strong","\u5168\u5c40\u6027\u4f18\u5316"]],["ul",["li",["p","\u4fee\u590d\u4e86\u7ec4\u4ef6\u4e2d\u56e0\u5347\u7ea7 React@15.5.0 \u5e26\u6765\u7684 ",["code","React.PropTypes"]," \u8b66\u544a\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5723"},"pull/5723"],"  ",["a",{title:null,href:"https://github.com/manjitkumar"},"@manjitkumar"]]]]],["li",["p",["strong","\u7f51\u7ad9"]],["ul",["li",["p","\u300e\u6307\u5f15\u300f\u4e2d\u589e\u52a0\u4e86\u82f1\u6587\u7248\u7684",["a",{title:null,href:"https://ant.design/docs/spec/icon"},"\u56fe\u6807\u8bf4\u660e"],"\u3002",["a",{title:null,href:"https://github.com/kenaniah"},"@kenaniah"]]],["li",["p","\u589e\u52a0\u4e86",["a",{title:null,href:"https://gitter.im/ant-design/ant-design-english"},"\u82f1\u6587\u7248\u5728\u7ebf\u8ba8\u8bba"],"\u3002"]]]]],["h2","2.9.1"],["p",["code","2017-04-09"]],["ul",["li",["p","Step"],["ul",["li",["p","\u589e\u52a0 less \u53d8\u91cf\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5624"},"#5624"]," ",["a",{title:null,href:"https://github.com/megawac"},"@megawac"]]],["li",["p","\u4fee\u590d\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5623"},"#5623"]]]]],["li",["p","Button \u70b9\u51fb\u540e\u4e0d\u4f1a\u518d\u5931\u53bb\u7126\u70b9\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5597"},"#5597"]," ",["a",{title:null,href:"https://github.com/kenaniah"},"@kenaniah"]]],["li",["p","\u94fe\u63a5\u83b7\u53d6\u7126\u70b9\u7684\u65f6\u5019\u589e\u52a0\u4e0b\u5212\u7ebf\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5597"},"#5587"]," ",["a",{title:null,href:"https://github.com/kenaniah"},"@kenaniah"]]],["li",["p","\u4fee\u590d Dropdown.Button \u4e0d\u80fd\u4f7f\u7528 ",["code","placement"]," \u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5594"},"#5594"]]],["li",["p","\u4fee\u590d Pagination \u4e0d\u5bf9\u9f50\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5632"},"#5632"]]],["li",["p","\u4fee\u590d AutoComplete \u4f7f\u7528 ",["code","allowClear"]," \u65f6\u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5634"},"#5634"]]],["li",["p","\u4fee\u590d DatePicker \u8bbe\u7f6e ",["code","showToday"]," \u4e3a ",["code","false"]," \u65f6\u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5620"},"#5620"]]],["li",["p","\u4fee\u590d Select \u641c\u7d22\u65e0\u7ed3\u679c\u65f6\u9ed8\u8ba4\u663e\u793a\u82f1\u6587\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5661"},"#5661"]," ",["a",{title:null,href:"https://github.com/LeeHarlan"},"@LeeHarlan"]]]],["h2","2.9.0"],["p",["code","2017-04-01"]," \ud83d\udc7b"],["ul",["li",["p","\u9ed8\u8ba4\u5b57\u4f53\u4e2d\u6570\u5b57\u8bbe\u4e3a\u7b49\u5bbd\uff0c\u65b9\u4fbf\u8fdb\u884c\u7eb5\u5411\u6bd4\u8f83\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/b526083fa6a619113a3d26c4f4f092a8648f3bd4"},"b526083"]]],["li",["p","Select"],["ul",["li",["p","\u65b0\u589e ",["code","mode"]," \u53c2\u6570\uff0c\u5e9f\u5f03 ",["code","tags|combobox|multiple"]," \u5c5e\u6027\uff0c\u4f7f\u7528 ",["code","mode={tags|combobox|multiple}"]," \u6765\u4ee3\u66ff\u3002"]],["li",["p",["code","tags|multiple"]," \u6a21\u5f0f\u73b0\u5728\u652f\u6301\u914d\u7f6e ",["code","allowClear"]," \u6e05\u9664\u6309\u94ae\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4843"},"#4843"]]]]],["li",["p","Progress \u65b0\u589e ",["code","dashboard"]," \u4eea\u8868\u76d8\u7c7b\u578b\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5225"},"#5225"]," ",["a",{title:null,href:"https://github.com/qiaolb"},"@qiaolb"]]],["li",["p","Tree \u65b0\u589e ",["code","showLine"]," \u5c5e\u6027\uff0c\u652f\u6301\u7eb5\u5411\u8fde\u63a5\u7ebf\u5c55\u793a\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3854"},"#3854"]]],["li",["p","TimePicker \u652f\u6301 12 \u5c0f\u65f6\u5236\uff1a",["code","use12Hours"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4063"},"#4063"]]],["li",["p","Table \u652f\u6301 ",["code","column.filterIcon"],"\uff0c\u652f\u6301\u4f7f\u7528\u81ea\u5b9a\u4e49\u7b5b\u9009\u83dc\u5355\u65f6\u81ea\u5b9a\u4e49\u56fe\u6807\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5293"},"#5293"]]],["li",["p","Spin \u65b0\u589e ",["code","wrapperClassName"],"\uff0c\u65b9\u4fbf\u7ed9\u5305\u88f9\u5f62\u6001\u7684\u52a0\u8f7d\u6761\u589e\u52a0\u7c7b\u540d\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5425"},"#5425"]," ",["a",{title:null,href:"https://github.com/aaronplanell"},"@aaronplanell"]]],["li",["p","Tabs \u65b0\u589e\u70b9\u51fb\u5de6\u53f3\u5207\u6362\u7bad\u5934\u7684\u56de\u8c03 ",["code","onPrevClick"]," ",["code","onNextClick"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4395"},"#4395"]]],["li",["p","InputNumber \u65b0\u589e ",["code","parser"]," \u5c5e\u6027\uff0c\u7528\u4e8e\u6709\u65f6\u6307\u5b9a\u4e86 ",["code","formatter"]," \u65f6\u9700\u8981\u89e3\u6790\u51fa\u6570\u5b57\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5178#issuecomment-284557933"},"#5178"]]],["li",["p","\u56fd\u9645\u5316"],["ul",["li",["p","\u65b0\u589e\u65e5\u8bed\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5529"},"#5529"],"  ",["a",{title:null,href:"https://github.com/novi"},"@novi"]]],["li",["p","\u65b0\u589e\u65af\u6d1b\u4f10\u514b\u8bed\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5304"},"#5304"]," ",["a",{title:null,href:"https://github.com/Kamahl19"},"@Kamahl19"]]],["li",["p","\u65b0\u589e\u7231\u6c99\u5c3c\u4e9a\u8bed\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5266"},"#5266"]," ",["a",{title:null,href:"https://github.com/madisvain"},"@madisvain"]]],["li",["p","\u65b0\u589e\u571f\u8033\u5176\u8bed\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5536"},"#5536"]," ",["a",{title:null,href:"https://github.com/c0b41"},"@c0b41"]]]]],["li",["p","TypeScript"],["ul",["li",["p","\u53c2\u7167 react-slick \u8865\u5145 Carousel \u7684\u5b9a\u4e49\u3002"]],["li",["p","\u4fee\u590d Form \u7684\u90e8\u5206\u5b9a\u4e49\u3002"]],["li",["p","\u4fee\u6b63 ",["code","getPopupContainer"]," \u5b9a\u4e49\u3002"]]]],["li",["p","\u5141\u8bb8\u5206\u5f00\u7981\u7528 Tabs \u7684\u9ad8\u4eae\u6761\u548c\u9762\u677f\u7684\u5207\u6362\u52a8\u753b\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5089"},"#5089"]," ",["a",{title:null,href:"https://github.com/xieguanglei"},"@xieguanglei"]]],["li",["p","Button \u7684 ",["code","loading"]," \u5c5e\u6027\u652f\u6301 ",["code","{ delay: 1000 }"]," \u7684\u5f62\u5f0f\uff0c\u9ed8\u8ba4\u4e0d\u518d\u5ef6\u8fdf\u5207\u6362\u72b6\u6001 \u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5365"},"#5365"]]],["li",["p","\u589e\u52a0 Card \u5934\u90e8\u7684 less \u53d8\u91cf\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5354"},"#5354"]," ",["a",{title:null,href:"https://github.com/kossel"},"@kossel"]]],["li",["p","\u4fee\u590d Breadcrumb \u6ca1\u6709\u8bbe\u7f6e ",["code","breadcrumbName"]," \u65f6\u5206\u9694\u7b26\u591a\u4f59\u7684\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d Dropdown.Button \u7684 ",["code","Unknown prop placement"]," \u8b66\u544a\u4fe1\u606f\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5594"},"#5594"]]],["li",["p","\u4fee\u590d RangePicker \u548c InputNumber \u7684\u5360\u4f4d\u6587\u5b57\u989c\u8272\u3002"]],["li",["p","\u4fee\u590d Cascasder \u641c\u7d22\u6a21\u5f0f\u4e0b\u65e0\u6cd5\u4f7f\u7528\u9000\u683c\u952e\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5340"},"#5340"]]],["li",["p","\u4fee\u590d LocaleProvider \u6709\u65f6\u5bf9 ",["code","Modal.confirm"]," \u5931\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5493"},"#5493"]," ",["a",{title:null,href:"https://github.com/hargasinski"},"@hargasinski"]]],["li",["p","\u4fee\u590d BackTop \u8bbe\u7f6e\u4e86 ",["code","target"]," \u65f6\u6eda\u52a8\u52a8\u6548\u6d88\u5931\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5564"},"#5564"]]],["li",["p","\u4f18\u5316 Pagination \u7684\u6837\u5f0f\u5b9e\u73b0\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5557"},"#5557"]]]],["h2","2.8.3"],["p",["code","2017-03-27"]],["ul",["li",["p","TypeScript"],["ul",["li",["p","\u4fee\u590d ",["code","AutoComplete[filterOption]"]," \u5b9a\u4e49\u7f3a\u5931\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5393"},"#5393"]," ",["a",{title:null,href:"https://github.com/mitchelldemler"},"@mitchelldemler"]]],["li",["p","\u4fee\u590d ",["code","getPopupContainer"]," ",["code","getCalendarContainer"]," ",["code","getTooltipContainer"]," ",["code","getSuggestionContainer"]," \u7b49\u7684\u5b9a\u4e49\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/322e9efdc9db28bd92230fc690f1fdf5a72cf7cd"},"322e9ef"]]],["li",["p","\u4f18\u5316 ",["code","Form.create"]," \u7684\u5b9a\u4e49\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5420"},"#5420"]," ",["a",{title:null,href:"https://github.com/infeng"},"@infeng"]]]]],["li",["p","\u4fee\u590d Badge \u5728 Maxthon \u5185\u7684\u517c\u5bb9\u6027\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5477"},"#5477"]]],["li",["p","\u4fee\u590d Button \u5185\u65e0\u6cd5\u4f7f\u7528 ",["code","null"]," ",["code","undefined"]," \u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5472"},"#5472"]," ",["a",{title:null,href:"https://github.com/blade254353074"},"@blade254353074"]]],["li",["p","Breadcrumb \u4e0d\u518d\u5f3a\u4f9d\u8d56\u4e8e ",["code","route.breadcrumbName"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/ac1c7f312bc46ba6ef7aacace43e4ac99b87dd54"},"ac1c7f3"]]],["li",["p","\u4fee\u590d ",["code","Form.Item[hasFeedback]"]," \u4e0e ",["code","Input[prefix]"]," \u6df7\u7528\u65f6\u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5456"},"#5456"]," ",["a",{title:null,href:"https://github.com/william-yz"},"@william-yz"]]],["li",["p","\u4fee\u590d Layout.Content \u4e0e Carousel \u4e00\u8d77\u4f7f\u7528\u65f6\u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5415"},"#5415"]]],["li",["p","LocaleProvider"],["ul",["li",["p","\u4fee\u590d\u5bf9\u5fb7\u8bed\u652f\u6301\u4e0d\u5b8c\u5584\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5387"},"#5387"]," ",["a",{title:null,href:"https://github.com/Knacktus"},"@Knacktus"]]],["li",["p","\u4fee\u590d\u5bf9\u4fc4\u8bed\u652f\u6301\u4e0d\u5b8c\u5584\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5406"},"#5406"]," ",["a",{title:null,href:"https://github.com/plandem"},"@plandem"]]],["li",["p","\u4fee\u590d\u4e0d\u652f\u6301 Upload \u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5388"},"#5388"]," ",["a",{title:null,href:"https://github.com/natergj"},"@natergj"]]]]],["li",["p","\u4fee\u590d Menu \u5185 Icon \u52a8\u753b\u6548\u679c\u4e0e\u6587\u5b57\u4e0d\u4e00\u81f4\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5495"},"#5495"]]],["li",["p","\u4fee\u590d ",["code","Modale[footer]"]," \u65e0\u6cd5\u7f6e\u7a7a\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5462"},"#5462"]]],["li",["p","\u4fee\u590d ",["code","2.8.2"]," \u5f15\u5165\u7684 Pagination \u5728 ",["code","IE<=10"]," \u4e0b\u6837\u5f0f\u4e22\u5931\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5484"},"#5484"]]],["li",["p","\u4fee\u590d Popover \u5185\u4f7f\u7528 Table \u65f6\u4f1a\u610f\u5916\u5173\u95ed\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5407"},"#5407"]]],["li",["p","\u53bb\u6389 Radio \u53ea\u80fd\u4f5c\u4e3a Radio.Group \u7684\u76f4\u63a5\u540e\u4ee3\u7684\u9650\u5236\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5443"},"#5443"]]],["li",["p","\u4fee\u590d Switch \u5728 Form.Item \u5185\u4f7f\u7528\u65f6\u7684 warning\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5368"},"#5368"]]],["li",["p","Table \u7684\u9009\u62e9\u5168\u90e8\u83dc\u5355\u73b0\u5728\u9ed8\u8ba4\u9690\u85cf\uff0c",["code","selections"]," \u8bbe\u7f6e\u4e3a true \u65f6\u5c55\u73b0\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5246"},"#5246"]," ",["a",{title:null,href:"https://github.com/infeng"},"@infeng"]]],["li",["p","\u65b0\u589e ",["code","@info-color"]," \u4e3b\u9898\u53d8\u91cf\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5442"},"#5442"]]],["li",["p","\u73b0\u5728\u53ef\u4ee5\u901a\u8fc7 ",["code","NODE_ENV=test"]," \u6765\u7981\u7528\u6d4b\u8bd5\u65f6 antd \u5168\u91cf\u52a0\u8f7d\u7684 warning\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5345"},"#5345"]]],["li",["p","\u5347\u7ea7 moment \u5230 ",["code","2.18.0"],"\u3002"]]],["h2","2.8.2"],["p",["code","2017-03-19"]],["ul",["li",["p","\u53d1\u5e03\u4e86\u65b0\u7684 ",["a",{title:null,href:"https://ant.design/docs/spec/colors-cn"},"\u8bbe\u8ba1\u57fa\u7840\u6587\u6863"],"\u3002"]],["li",["p","\u4fee\u590d\u4f7f\u7528 Modal.confirm \u65f6\u62a5\u9519\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5269"},"#5269"],"\u3002"]],["li",["p","\u4fee\u590d Upload \u7684\u8499\u5c42\u6837\u5f0f ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5275"},"#5275"],"\u3002"]],["li",["p","\u4fee\u590d Upload \u4e0a\u4f20\u8fdb\u5ea6\u6761\u4e0d\u663e\u793a\u7684\u95ee\u9898 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5323"},"#5323"],"\u3002"]],["li",["p","\u4fee\u590d Table \u7684\u5206\u9875\u7684 showTotal \u6570\u636e\u9519\u8bef\u7684\u95ee\u9898 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5259"},"#5259"],"\u3002"]],["li",["p","\u4fee\u590d\u4e86 Popconfirm \u4e0e Button \u540c\u65f6\u4f7f\u7528\u65f6\u7684\u6837\u5f0f\u95ee\u9898 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5301"},"5301"],"\u3002"]],["li",["p","\u4fee\u590d Radio \u7684\u4e00\u4e2a\u6837\u5f0f\u95ee\u9898 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5336"},"#5336"],"\u3002"]],["li",["p","\u4fee\u590d Message \u7684 getContainer \u65e0\u6cd5\u4f7f\u7528\u7684\u95ee\u9898 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5380"},"#5380"],"\u3002"]],["li",["p","\u4fee\u590d Checkbox \u548c Radio \u6807\u7b7e\u7684\u6587\u5b57\u5bf9\u9f50 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/696a3c0e34156d78e87d629a3f0f8703af1f03ec"},"696a3c0"],"\u3002"]],["li",["p","\u8c03\u6574\u4e86 Spin \u7684\u52a8\u753b ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/fa1e031a7396c61fa9709a0c46fe63200c35d232"},"fa1e031"],"\u3002"]],["li",["p","\u8c03\u6574\u4e86 Mention \u7684\u4e00\u4e9b\u6837\u5f0f ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/240a93cee25bc8c6ad4520cd907a14a7b22ed773"},"240a93c"],"\u3002"]]],["h2","2.8.1"],["p",["code","2017-03-11"]],["ul",["li",["p",["strong","DatePicker"]," \u4f18\u5316\u4e86\u5e26\u65f6\u95f4\u7684 DatePicker \u7684\u9009\u62e9\u884c\u4e3a\uff0c\u5e76\u4fee\u590d\u7236\u7ec4\u4ef6 state \u53d8\u5316\u5bfc\u81f4\u65e0\u6cd5\u9009\u4e2d\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5189"},"#5189"]," ",["a",{title:null,href:"https://github.com/megawac"},"@megawac"]]],["li",["p",["strong","Form"]],["ul",["li",["p","\u8865\u5145\u4e86\u6821\u9a8c\u89c4\u5219\u76f8\u5173\u6587\u6863\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5201"},"#5201"]]],["li",["p","\u4fee\u590d\u4e86\u4e00\u4e9b\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5196"},"#5196"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5236"},"#5236"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5222"},"#5222"]]]]],["li",["p",["strong","Icon"]," \u589e\u52a0 ",["code","shake"]," \u548c ",["code","android-o"]," \u56fe\u6807\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/941782f7ec000a9054c3bc945ab887f93ab46749"},"commit/941782"]]],["li",["p",["strong","Input"]," \u4fee\u590d\u6709 ",["code","addonBefore"]," \u65f6 ",["code","hasFeedback"]," \u5931\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5228"},"#5228"]]],["li",["p",["strong","InputNumber"]," \u8865\u5145\u7f3a\u5931\u7684 type \u5b9a\u4e49\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5240"},"#5240"]," ",["a",{title:null,href:"https://github.com/hlehmann"},"@hlehmann"]]],["li",["p",["strong","Modal"]," \u652f\u6301\u70b9\u51fb esc \u8c03\u7528 ",["code","onCancle"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5203"},"#5203"]," ",["a",{title:null,href:"https://github.com/elios264"},"@elios264"]]],["li",["p",["strong","Table"]],["ul",["li",["p","\u8865\u5145\u7f3a\u5931\u7684 type \u5b9a\u4e49\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5206"},"#5206"]," ",["a",{title:null,href:"https://github.com/kvey"},"@kvey"]]],["li",["p","\u4fee\u590d\u5c0f\u53f7\u8868\u683c\u65e0\u6570\u636e\u65f6\u53f3\u8fb9\u7ebf\u7f3a\u5931\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5237"},"#5237"]]],["li",["p","\u4fee\u590d\u8868\u5934\u5206\u7ec4\u65f6\u6392\u5e8f\u5931\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5158"},"#5158"]]]]],["li",["p",["strong","Tooltip"]," \u4fee\u590d Trigger \u4e3a\u7edd\u5bf9\u5b9a\u4f4d\u4e14\u7981\u7528\u7684\u6309\u94ae\u65f6\u5931\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5254"},"#5254"]]],["li",["p",["strong","Upload"]],["ul",["li",["p","\u4fee\u590d\u4e0a\u4f20\u6587\u4ef6\u540d\u5b57\u8fc7\u957f\u65f6\u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/0a35197a35513ca45308bb7163c8243b75dd6f8d"},"commit/0a3519"]]],["li",["p","\u4fee\u590d\u5e76\u4f18\u5316\u4e86\u52a8\u753b\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5210"},"pull/5210"]]],["li",["p","\u652f\u6301\u8986\u76d6 ",["code","onProgress"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5260"},"pull/5260"]," ",["a",{title:null,href:"https://github.com/minwe"},"@minwe"]]]]],["li",["p",["strong","\u5168\u5c40\u6027\u4f18\u5316"]],["ul",["li",["p","\u4fee\u590d ",["code","lodash.debounce"]," \u4f9d\u8d56\u7f3a\u5931\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5230"},"#5230"]]]]],["li",["p",["strong","\u7f51\u7ad9"]],["ul",["li",["p","\u4fee\u590d safari \u8bed\u8a00\u68c0\u6d4b\u5931\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5245"},"pull/5245"]]],["li",["p","\u8272\u677f\u652f\u6301\u70b9\u51fb\u590d\u5236\u8272\u53f7\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5247"},"pull/5247"]," ",["a",{title:null,href:"https://github.com/bsheikh"},"@bsheikh"]]],["li",["p","\u589e\u52a0\u811a\u624b\u67b6\u793a\u4f8b\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/f2f786d66d75eebef8406a72db8a15e1640cea1f"},"commit/f2f786"]]]]]],["h2","2.8.0"],["p",["code","2017-03-06"]],["ul",["li",["p","Tabs"],["ul",["li",["p","\u65b0\u589e ",["code","tabBarStyle"]," \u7528\u4e8e\u81ea\u5b9a\u4e49 tabBar \u7684\u6837\u5f0f\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4966"},"#4966"]]],["li",["p","\u65b0\u589e ",["code","TabPane[closable]"]," \u7528\u4e8e\u8bbe\u7f6e\u662f\u5426\u663e\u793a\u5220\u9664\u6309\u94ae\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4807"},"#4807"]," ",["a",{title:null,href:"https://github.com/lixiaoyang1992"},"@lixiaoyang1992"]]]]],["li",["p","Anchor"],["ul",["li",["p","\u65b0\u589e ",["code","showInkInFixed"]," \u7528\u4e8e\u8bbe\u7f6e\u5728 fixed \u72b6\u6001\u4e0b\u662f\u5426\u5706\u5f62\u56fe\u6807\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4960"},"#4960"]]],["li",["p","\u4fee\u590d ",["code","children"]," \u4e0d\u662f AnchorLink \u65f6\u4f1a\u62a5\u9519\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5129"},"#5129"]]]]],["li",["p","Table"],["ul",["li",["p","\u65b0\u589e\u53cd\u9009\u529f\u80fd\u5e76\u5141\u8bb8\u81ea\u5b9a\u4e49\u5168\u9009\u9009\u9879\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4962"},"#4962"]]],["li",["p",["code","spin"]," \u5c5e\u6027\u652f\u6301\u6240\u6709 Spin \u7684\u5c5e\u6027\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4824"},"#4824"]," ",["a",{title:null,href:"https://github.com/lixiaoyang1992"},"@lixiaoyang1992"]]],["li",["p","\u4fee\u6b63 ",["code","size"]," \u662f ",["code","small"]," \u7684\u65f6\u5019\u8868\u5934\u6ca1\u6709\u5e95\u8fb9\u6846\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5182"},"#5182"]]]]],["li",["p","Mention \u65b0\u589e\u81ea\u5b9a\u4e49\u89e6\u53d1\u5b57\u7b26\u7684\u652f\u6301\u3002",["a",{title:null,href:"https://ant.design/components/mention-cn/#components-mention-demo-multiple-trigger"},"demo"]],["ul",["li",["p",["img",{title:null,src:"https://zos.alipayobjects.com/rmsportal/QDYwAbwKrqOUOykRaNai.gif",alt:"Mention animation"}]]]]],["li",["p","Rate"],["ul",["li",["p","\u652f\u6301\u81ea\u5b9a\u4e49\u5b57\u7b26\u3002",["a",{title:null,href:"https://ant.design/components/rate-cn/#components-rate-demo-character"},"demo"]]],["li",["p","\u65b0\u589e ",["code","className"]," \u5c5e\u6027\u3002"]]]],["li",["p","Layout"],["ul",["li",["p","\u65b0\u589e ",["code","\u9876\u90e8-\u4fa7\u8fb9\u5e03\u5c40-\u901a\u680f"]," \u7684\u4f8b\u5b50\u3002",["a",{title:null,href:"http://ant.design/components/layout-cn/#components-layout-demo-top-side-2"},"demo"]]],["li",["p","\u65b0\u589e ",["code","\u56fa\u5b9a\u5934\u90e8"]," \u7684\u4f8b\u5b50\u3002",["a",{title:null,href:"https://ant.design/components/layout-cn/#components-layout-demo-fixed"},"demo"]]],["li",["p","Sider \u65b0\u589e ",["code","breakpoint"]," \u7528\u4e8e\u8bbe\u7f6e\u54cd\u5e94\u5f0f\u5c55\u793a\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4931"},"#4931"]]]]],["li",["p","Form"],["ul",["li",["p","\u65b0\u589e ",["code","layout"]," \u5c5e\u6027\u7528\u4e8e\u53d6\u4ee3\u539f\u6709\u7684 ",["code","horizontal"],"\u3001",["code","vertical"],"\u3001",["code","inline"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5056"},"#5056"]]]]],["li",["p","Calendar"],["ul",["li",["p","\u65b0\u589e ",["code","dateFullCellRender"]," \u548c ",["code","monthFullCellRender"]," \u7528\u4e8e\u8986\u76d6\u5355\u5143\u683c\u7684\u5185\u5bb9\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5138"},"#5138"]," ",["a",{title:null,href:"https://github.com/wonyun"},"@wonyun"]]],["li",["p","\u65b0\u589e ",["code","onSelect"]," \u7528\u4e8e\u65e5\u671f\u9009\u62e9\u529f\u80fd\u3002",["a",{title:null,href:"https://ant.design/components/calendar-cn/#components-calendar-demo-select"},"demo"]]]]],["li",["p","AutoComplete"],["ul",["li",["p","\u4fee\u590d\u5728 Form.Item \u91cc\u4e0d\u5bf9\u9f50\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5139"},"#5139"]]],["li",["p","\u65b0\u589e ",["code","\u67e5\u8be2\u6a21\u5f0f - \u786e\u5b9a\u7c7b\u76ee"]," \u7684\u4f8b\u5b50\u3002",["a",{title:null,href:"https://ant.design/components/auto-complete-cn/#components-auto-complete-demo-uncertain-category"},"demo"]]]]],["li",["p","Col \u65b0\u589e ",["code","xl"]," \u5c5e\u6027\uff0c\u652f\u6301 1600px \u7684\u54cd\u5e94\u5e03\u5c40\u65ad\u70b9\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4796"},"#4796"]," ",["a",{title:null,href:"https://github.com/hjin-me"},"@hjin-me"]]],["li",["p","Upload \u65b0\u589e ",["code","locale"]," \u652f\u6301\u56fd\u9645\u5316\u6587\u6848\u5b9a\u4e49\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4697"},"#4697"]]],["li",["p","Transfer \u65b0\u589e ",["code","onScroll"]," \u652f\u6301\u52a8\u6001\u52a0\u8f7d\u6570\u636e\u3002",["a",{
+title:null,href:"https://github.com/ant-design/ant-design/issues/4188"},"#4188"]]],["li",["p","message \u548c notification \u65b0\u589e ",["code","getContainer"]," \u53c2\u6570\u652f\u6301\u81ea\u5b9a\u4e49\u6d88\u606f\u6e32\u67d3\u7684\u5bb9\u5668\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5019"},"#5019"]]],["li",["p","Badge \u65b0\u589e ",["code","showZero"]," \u652f\u6301\u8bbe\u7f6e\u662f\u5426\u663e\u793a ",["code","0"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4251"},"#4251"]]],["li",["p","InputNumber"],["ul",["li",["p","\u65b0\u589e ",["code","formatter"]," \u7528\u4e8e\u683c\u5f0f\u5316\u5c55\u793a\u7684\u503c\u3002"]],["li",["p","\u65b0\u589e\u7ec4\u5408\u952e\u7684\u652f\u6301\u3002",["a",{title:null,href:"https://github.com/react-component/input-number#keyboard-navigation"},"\u8be6\u7ec6"]]]]],["li",["p","\u65b0\u589e\u5927\u91cf\u56fe\u6807\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5107"},"#5107"]]],["li",["p","\u65b0\u589e\u8bed\u8a00\u652f\u6301\uff1a"],["ul",["li",["p","\u8377\u5170\u8bed ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4785"},"#4785"]," ",["a",{title:null,href:"https://github.com/corneyl"},"@corneyl"]]],["li",["p","\u52a0\u6cf0\u7f57\u5c3c\u4e9a\u8bed ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4929"},"#4929"]," ",["a",{title:null,href:"https://github.com/aaronplanell"},"@aaronplanell"]]],["li",["p","\u6377\u514b\u8bed ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5169"},"#5169"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5169"},"@martinnov92"]]],["li",["p","\u97e9\u8bed/\u671d\u9c9c\u8bed ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5141"},"#5141"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/5141"},"@minsungryu"]]]]],["li",["p","\u4f18\u5316 Spin \u663e\u793a\u4f4d\u7f6e\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4722"},"#4722"]]],["li",["p","\u4f18\u5316 Checkbox \u4ee5\u517c\u5bb9 ",["code","browser-sync"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2744"},"#2744"]]],["li",["p","\u4fee\u590d Steps \u5728\u7a97\u53e3\u53d8\u5316\u65f6\u7684\u5bbd\u5ea6\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5083"},"#5083"]]],["li",["p","\u4fee\u590d Upload.Dragger unmount \u65f6\u4f1a\u62a5\u9519\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5162"},"#5162"]]],["li",["p","\u4fee\u590d Button \u91cc\u7684\u6587\u5b57\u5728 IE \u4e0b\u70b9\u51fb\u65f6\u4f1a\u79fb\u52a8\u7684\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d Input \u7684\u524d\u7f00\u8ddf\u540e\u7f00\u7684\u5782\u76f4\u5c45\u4e2d\u5bf9\u9f50\u95ee\u9898\u3002"]]],["h2","2.7.4"],["p",["code","2017-02-28"]],["ul",["li",["p","\u4fee\u590d TreeSelect \u591a\u9009\u6846\u65e0\u6cd5\u5c55\u73b0\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5092"},"#5092"]]],["li",["p","\u4fee\u590d Anchor \u7684 ",["code","e.stopPreventDefault is not a function"]," \u7684\u62a5\u9519\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5080"},"#5080"]]],["li",["p","\u4fee\u590d Input\u3001Cascader\u3001Upload \u7684\u4e00\u4e9b\u6837\u5f0f\u7ec6\u8282\u3002"]]],["h2","2.7.3"],["p",["code","2017-02-25"]],["ul",["li",["p","\u6f14\u793a\u4ee3\u7801\u7edf\u4e00\u4e3a ES6 class \u7684\u5199\u6cd5\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4878"},"#4878"]]],["li",["p","TypeScript"],["ul",["li",["p","\u4fee\u590d ",["code","Cannot find module '../../package.json'"]," \u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4935"},"#4935"]]],["li",["p","\u8865\u5145\u4e86 Table\u3001RangePicker \u548c Upload \u7684\u90e8\u5206\u5c5e\u6027\u5b9a\u4e49\u3002"]]]],["li",["p","\u4fee\u590d\u4e86 Modal ",["code","onOk"]," ",["code","afterClose"]," \u548c Popconfirm ",["code","onConfirm"]," ",["code","onCancel"]," \u7f3a\u5c11\u70b9\u51fb event \u53c2\u6570\u7684\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4787"},"#4787"]]],["li",["p","\u4f18\u5316 Menu","[inline]"," \u548c Collapse \u7684\u6298\u53e0\u52a8\u753b\u6548\u679c\u3002"]],["li",["p","\u4f18\u5316\u4e86 Checkbox \u548c Radio \u7684\u5782\u76f4\u5bf9\u9f50\u6837\u5f0f\u3002"]],["li",["p","Table"],["ul",["li",["p","\u4fee\u590d\u56fa\u5b9a\u5217\u65f6\u5217\u5934\u6837\u5f0f\u9519\u4f4d\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4936"},"#4936"]]],["li",["p","\u4fee\u590d\u672a\u6e05\u9664\u6d6e\u52a8\u5bfc\u81f4\u6392\u7248\u9519\u4f4d\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4945"},"#4945"]]],["li",["p","\u4fee\u590d\u7b5b\u9009\u5b50\u83dc\u5355\u65e0\u6cd5\u663e\u793a\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4975"},"#4975"]]],["li",["p","\u4fee\u590d\u56fa\u5b9a\u5217\u4e0a\u7684\u81ea\u5b9a\u4e49\u7b5b\u9009\u83dc\u5355\u65e0\u6cd5\u4ea4\u4e92\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5010"},"#5010"]]],["li",["p","\u4fee\u6b63 ",["code","pagination.onChange"]," \u548c Pagination \u7684 ",["code","onChange"]," \u53c2\u6570\u4e0d\u4e00\u81f4\u7684\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d\u52a0\u8f7d\u72b6\u6001\u5207\u6362\u4e0d\u67d4\u548c\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4934"},"#4934"]]]]],["li",["p","\u4f18\u5316\u591a\u4e2a message \u5c55\u793a\u91cd\u53e0\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3543"},"#3543"]]],["li",["p","\u4fee\u590d Carousel \u5728\u6539\u53d8\u6d4f\u89c8\u5668\u7a97\u53e3\u5927\u5c0f\u540e autoplay \u4f1a\u5931\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2550"},"#2550"]]],["li",["p","\u4fee\u590d\u4e86 InputNumber \u5728\u53d7\u63a7\u6a21\u5f0f\uff08Form \u8868\u5355\u5185\uff09\u65e0\u6cd5\u8f93\u5165 ",["code","1.01"]," ",["code","1.001"]," \u7b49\u6570\u5b57\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5012"},"#5012"]]],["li",["p","\u4f18\u5316 Button \u52a0\u8f7d\u72b6\u6001\u5207\u6362\u65f6\u7684\u5bbd\u5ea6\u6296\u52a8\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4913"},"#4913"]]],["li",["p","\u4fee\u590d Dropdown \u7684\u83dc\u5355\u9009\u4e2d\u6837\u5f0f\u548c ",["code",'Menu[theme="dark"]']," \u6837\u5f0f\u65e0\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5013"},"#5013"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4903"},"#4903"]]],["li",["p","\u4fee\u590d Menu \u7684\u5f39\u51fa\u83dc\u5355\u7684 ",["code","z-index"]," \u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4937"},"#4937"]]],["li",["p","\u4fee\u590d DatePicker \u548c RangePicker \u65e0\u6cd5\u8bbe\u7f6e\u5c0f\u4e8e 300px \u7684\u5bbd\u5ea6\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4920"},"#4920"]]],["li",["p","\u4fee\u590d Spin \u5185\u5d4c Spin \u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4971"},"#4971"]]],["li",["p","\u4fee\u590d\u4e86\u4f7f\u7528 babel-plugin-import \u5f15\u5165 Popconfirm \u65f6\uff0c\u672a\u5f15\u5165 Button \u6837\u5f0f\u7684\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d\u4e86\u6837\u5f0f\u53d8\u91cf\u5728 Progress ",["code",'type="circle"']," \u4e0a\u672a\u751f\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5002"},"#5002"]]],["li",["p","\u4fee\u590d\u4e86 Breadcrumb \u7684 chilren \u4e3a ",["code","null"]," \u6216 ",["code","undefined"]," \u65f6\u62a5\u9519\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5015"},"#5015"]]],["li",["p","\u4fee\u590d Slider \u7684 tooltip \u95ea\u70c1\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/5003"},"#5003"]]],["li",["p","\u4fee\u590d\u4e86 Transfer \u4e2d disabled \u9009\u9879\u4ecd\u7136\u53ef\u4ee5\u88ab\u79fb\u52a8\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4981"},"#4981"]," ",["a",{title:null,href:"https://github.com/tianlizhao"},"@tianlizhao"]]],["li",["p","\u6587\u6863"],["ul",["li",["p","\u4fee\u590d\u548c\u4f18\u5316\u4e86\u79fb\u52a8\u7aef\u7684\u5c55\u73b0\u3002"]],["li",["p","\u4f18\u5316\u4e86 1.x \u5347\u7ea7\u5230 2.x \u7684\u4e0d\u517c\u5bb9\u6539\u52a8\u6587\u6863\u3002"]]]]],["h2","2.7.2"],["p",["code","2017-02-17"]],["ul",["li",["p","\u4fee\u590d ",["code","antd.version"]," \u65e0\u6cd5\u6b63\u5e38\u4f7f\u7528\u7684\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4844"},"#4844"]]],["li",["p","\u4fee\u590d dist \u6587\u4ef6\u6ca1\u6709 locales \u7684\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4910"},"#4910"]]],["li",["p","\u4fee\u590d Cascader \u641c\u7d22\u6a21\u5f0f\u4e0b\u53ef\u4ee5\u9009\u62e9\u5df2\u7981\u7528\u9009\u9879\u7684\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4699"},"#4699"]]],["li",["p",["strong","Button"]],["ul",["li",["p","\u4fee\u590d ",["code","Button[type=danger]"]," \u7684\u70b9\u51fb\u52a8\u753b\u3002"]],["li",["p","\u4fee\u590d\u8bbe\u7f6e ",["code","loading"]," \u65f6\u7684\u6837\u5f0f\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4875"},"#4875"]]]]],["li",["p",["strong","Menu"]],["ul",["li",["p","\u4fee\u590d ",["code","vertical"]," \u6a21\u5f0f\u4e0b ",["code","openKeys"]," \u4e3a\u53d7\u63a7\u5c5e\u6027\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4876"},"#4876"]]],["li",["p","\u4fee\u590d Menu.Item \u9009\u4e2d\u65f6\u7684\u52a8\u753b\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d Menu.SubMenu \u7684\u6837\u5f0f\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4906"},"#4906"]]]]],["li",["p",["strong","Table"]],["ul",["li",["p","\u4fee\u590d\u5728\u6df7\u5408\u4f7f\u7528\u56fa\u5b9a\u8868\u5934\u548c\u5c0f\u5c3a\u5bf8\u65f6\u7684\u6837\u5f0f\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4850"},"#4850"]]],["li",["p","\u4fee\u590d\u65e0\u6570\u636e\u65f6\u7684\u5360\u4f4d\u7b26\u6837\u5f0f\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4851"},"#4851"]]],["li",["p","\u7cbe\u7b80\u4e86 DOM \u7ed3\u6784\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4868"},"#4868"]]]]],["li",["p","\u4fee\u590d Radio \u7ec4\u4ef6 children \u65e0\u6cd5\u4e3a\u6570\u5b57 ",["code","0"]," \u7684\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4874"},"#4874"]," ",["a",{title:null,href:"https://github.com/HQidea"},"@HQidea"]]],["li",["p","\u4fee\u590d RangePicker ",["code","style.width"]," \u65e0\u6cd5\u5c0f\u4e8e 300 \u7684\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4920"},"#4920"]]],["li",["p","\u4fee\u590d Spin \u6837\u5f0f\u5728\u6253\u5305\u65f6\u4f1a\u5bfc\u81f4\u7f16\u8bd1\u9519\u8bef\u7684\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4915"},"#4915"]]],["li",["p","\u4fee\u590d Chrome \u4e0b Tooltip \u65e0\u6cd5\u5728 disabled \u7684\u6309\u94ae\u4e0a\u4f7f\u7528\u7684\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4865"},"#4865"]]],["li",["p","\u4fee\u590d Tree \u8282\u70b9\u5728\u62d6\u52a8\u65f6\u4f1a\u5bfc\u81f4\u6574\u68f5\u6811\u6296\u52a8\u7684\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4858"},"#4858"]]],["li",["p","\u4fee\u590d Upload \u4e0a\u4f20\u5931\u8d25\u7684\u6837\u5f0f\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4810"},"#4810"]]],["li",["p","\u4fee\u590d ",["code","Menu[vertical]"]," \u548c Layout.Sider \u914d\u5408\u4f7f\u7528\u65f6\u4e8c\u7ea7\u83dc\u5355\u65e0\u6cd5\u5f39\u51fa\u7684\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4890"},"#4890"]]],["li",["p","\u4f18\u5316 Button\u3001",["code","Badge[status=processing]"]," \u7684\u52a8\u753b\u3002"]]],["p",["img",{title:null,src:"https://camo.githubusercontent.com/6874b2333f2fac3fac346404c6e70684e4dafc1a/68747470733a2f2f7a6f732e616c697061796f626a656374732e636f6d2f726d73706f7274616c2f73516b72756c716346734b4e54785158615971512e676966",alt:"Badge animation"}],"\n",["img",{title:null,src:"https://camo.githubusercontent.com/3963d12b45de4f522c2799361dbc3177e7bd93d1/68747470733a2f2f7a6f732e616c697061796f626a656374732e636f6d2f726d73706f7274616c2f46624b776d636f766d795364666c557468494e522e676966",alt:"Button animation"}]],["h2","2.7.1"],["p",["code","2017-02-10"]],["ul",["li",["p",["strong","Affix"]],["ul",["li",["p","\u4fee\u590d hover \u65f6\u5143\u7d20\u88ab\u9690\u85cf\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4800"},"#4800"]]],["li",["p","\u4fee\u590d event listener \u672a\u88ab\u6b63\u786e\u79fb\u9664\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4755"},"#4755"]]],["li",["p","\u4fee\u590d\u5feb\u901f\u6eda\u52a8\u65f6\u4e0d\u80fd\u6b63\u786e\u590d\u4f4d\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4760"},"#4760"]]]]],["li",["p",["strong","Anchor"]," \u4fee\u590d\u4e86\u6709 offsetTop \u65f6\u7684\u5b9a\u4f4d\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4706"},"#4706"]]],["li",["p",["strong","AutoComplete"]],["ul",["li",["p","\u4fee\u590d\u4e86 size \u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4766"},"#4766"]]],["li",["p","\u4fee\u590d\u4e86\u81ea\u52a8\u52a0\u5165\u5176\u4ed6\u5b57\u7b26\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4778"},"#4778"]]]]],["li",["p",["strong","Dropdown"]," \u8865\u5145\u4e86\u4e4b\u524d\u7f3a\u5931\u7684\u5f39\u51fa\u6846\u4f4d\u7f6e\u8bbe\u5b9a\u76f8\u5173\u7684\u6587\u6863\u53ca\u793a\u4f8b\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4811"},"#4811"]]],["li",["p",["strong","Layout"]," \u4fee\u590d\u4e86\u4fa7\u8fb9\u5e03\u5c40\u52a8\u6548\u4e0d\u5e73\u6ed1\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4752"},"#4752"]]],["li",["p",["strong","LocaleProvider"]," \u4fee\u590d\u4e86\u745e\u5178\u8bed\u76f8\u5173\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4762"},"pull-4762"]," ",["a",{title:null,href:"https://github.com/JesperWe"},"@JesperWe"]]],["li",["p",["strong","RangePicker"]," \u4fee\u590d\u4e86\u56fe\u6807\u4e0e\u8868\u5355\u6821\u9a8c\u53cd\u9988\u56fe\u6807\u91cd\u53e0\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4783"},"#4783"]," ",["a",{title:null,href:"https://github.com/zhenzong"},"@zhenzong"]]],["li",["p",["strong","Table"]],["ul",["li",["p","\u4fee\u590d\u4e86 size \u5b9a\u4e49\u91cc\u6ca1\u6709 'middle' \u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4819"},"#4819"]," ",["a",{title:null,href:"https://github.com/warrenseymour"},"@warrenseymour"]]],["li",["p","\u4fee\u590d\u8fc7\u6ee4\u529f\u80fd\u5728 JSX \u6a21\u5f0f\u4e0b\u4e0d\u751f\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4759"},"#4759"]]],["li",["p","\u4fee\u590d\u5206\u9875\u8df3\u8f6c\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4779"},"#4779"]]]]],["li",["p",["strong","Tabs"]," \u4fee\u590d\u4e86\u5728 IE9 \u4e2d\u4ece\u7b2c\u4e8c\u4e2a\u6807\u7b7e\u9875\u8d77\u90fd\u663e\u793a\u7a7a\u767d\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4795"},"#4795"]]],["li",["p",["strong","rc-pagination"]," \u5347\u7ea7\u81f3 ~1.7.0\uff0conChange \u589e\u52a0 pageSize \u53c2\u6570\u3002"]],["li",["p",["strong","\u5168\u5c40\u6027\u4f18\u5316"]],["ul",["li",["p","\u4fee\u590d\u6216\u4f18\u5316\u4e86\u4e00\u4e9b\u4e86\u6587\u6863\uff0c\u94fe\u63a5\uff0c\u6837\u5f0f\u7ec6\u8282\u3002"]],["li",["p","\u63a5\u5165 stylelint \u4ee5\u66ff\u4ee3 lesslint\uff0c\u4fee\u590d\u4e00\u4e9b lint \u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2179"},"#2179"]]],["li",["p","border-radius \u7edf\u4e00\u4e3a 4px\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4772"},"#4772"]]],["li",["p","\u652f\u6301 ",["code","import { version } from 'antd'"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4751"},"#4751"]]]]],["li",["p",["strong","\u7f51\u7ad9"]],["ul",["li",["p","\u9996\u9875\u81ea\u52a8\u9009\u62e9\u8bed\u8a00\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4552"},"#4552"]]],["li",["p","\u63a5\u5165 Google \u4f5c\u4e3a\u6587\u6863\u7684\u5168\u6587\u672c\u641c\u7d22\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4814"},"#4814"]]],["li",["p","\u6539\u53d8\u7248\u672c\u5207\u6362 Select \u7684\u4f4d\u7f6e\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4799"},"pull-4799"]]]]]],["h2","2.7.0"],["p",["code","2017-02-03"]],["ul",["li",["p","Button \u65b0\u589e ",["code","danger"]," \u548c ",["code","ghost"]," \u5c5e\u6027\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4679"},"#4679"]]],["li",["p","AutoComplete \u652f\u6301\u81ea\u5b9a\u4e49\u8f93\u5165\u6846\u7684\u7528\u6cd5\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4483"},"#4483"]]],["li",["p","\u5347\u7ea7\u4e86 rc-cascader \u5230 0.11.0\uff0c\u652f\u6301\u952e\u76d8\u64cd\u4f5c\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4411"},"#4411"]]],["li",["p","notification \u652f\u6301\u66f4\u591a\u5f39\u51fa\u65b9\u5411\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4700"},"#4732"]]],["li",["p","\u5347\u7ea7\u4e86 rc-steps \u5230 2.3.0\uff0cSteps \u65b0\u589e ",["code","progressDot"]," \u5c5e\u6027\uff0c\u652f\u6301\u81ea\u5b9a\u4e49\u70b9\u72b6\u6b65\u9aa4\u6761\u7684\u6837\u5f0f\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4659"},"#4659"]]],["li",["p","\u5347\u7ea7\u4e86 rc-input-number \u5230 3.0.0"],["ul",["li",["p","\u73b0\u5728\u8f93\u5165\u65f6\u4e5f\u4f1a\u89e6\u53d1 ",["code","onChange"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4265"},"#4265"]]],["li",["p","\u4fee\u590d\u4e86 ",["code","onKeyUp"]," \u4e8b\u4ef6\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4717"},"#4717"]]]]],["li",["p","Slider \u589e\u52a0 ",["code","veritical"]," \u6a21\u5f0f\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4473"},"#4473"]]],["li",["p","Tag"],["ul",["li",["p","\u589e\u52a0\u4e86\u9884\u8bbe\u989c\u8272\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4571"},"#4571"]]],["li",["p","\u8c03\u6574\u4e86\u5782\u76f4\u5bf9\u9f50\u548c\u9ed8\u8ba4\u95f4\u8ddd\u3002"]]]],["li",["p","\u6dfb\u52a0\u4e86\u5bf9\u5fb7\u8bed\u7684\u652f\u6301\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4686"},"#4686"]]],["li",["p","\u6dfb\u52a0\u4e86\u5bf9\u745e\u5178\u8bed\u7684\u652f\u6301\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4455"},"#4455"]]],["li",["p","\u6dfb\u52a0\u4e86\u5bf9\u6cd5\u8bed\u7684\u652f\u6301\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4538"},"#4538"]]],["li",["p","Transfer \u6dfb\u52a0\u4e86 ",["code","onSearchChange"]," \u56de\u8c03\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4464"},"#4464"]]],["li",["p","Modal.confirm \u6dfb\u52a0\u4e86 maskClosable \u914d\u7f6e\u9879\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4488"},"#4488"],", ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4490"},"#4488"]]],["li",["p","Form"],["ul",["li",["p","\u589e\u52a0 ",["code","options.onValuesChange"]," \u53c2\u6570\uff0c\u53ef\u7528\u4e8e\u4ee3\u66ff\u4f1a\u89e6\u53d1\u591a\u6b21 ",["code","options.onFieldsChange"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/2934"},"#2934"]]],["li",["p","\u589e\u52a0 ",["code","props.form.getFieldsError"]," ",["code","props.form.isFieldTouched"]," ",["code","props.form.isFieldsTouched"]," \u4e09\u4e2a\u65b9\u6cd5\uff0c\u53ef\u7528\u4e8e\u63d0\u4ea4\u8868\u5355\u6309\u94ae\u7684\u7981\u7528\u5c55\u793a\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4374"},"#4374"]]],["li",["p","\u589e\u52a0 ",["code","hideRequiredMark"]," \u5c5e\u6027\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4732"},"#4732"]]]]],["li",["p","\u6539\u8fdb\u4e86 Upload \u7684\u5217\u8868\u56fe\u7247\u9884\u89c8\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4516"},"#4516"]]],["li",["p","\u5347\u7ea7\u4e86 rc-select \u5230 6.7.1\u3002"],["ul",["li",["p","\u4fee\u590d\u4e86 Select \u7684 ",["code","onChange"]," \u56de\u8c03\u91cd\u590d\u89e6\u53d1\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/react-component/select/pull/156"},"#156@rc-select"]]],["li",["p","\u4fee\u590d\u4e86 Select \u663e\u793a\u521d\u59cb\u5316\u503c\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/react-component/select/pull/152"},"#152@rc-select"]]]]],["li",["p","\u5347\u7ea7 rc-tree-select \u5230 ",["code","1.9.0"],"\u3002"],["ul",["li",["p","\u65b0\u589e ",["code","treeDefaultExpandedKeys"]," \u5c5e\u6027\u3002",["a",{title:null,href:"https://github.com/react-component/tree-select/pull/43"},"#43@rc-tree-select"]]],["li",["p","\u4fee\u590d\u4e86\u6587\u5b57\u6ea2\u51fa\u6362\u884c\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/react-component/tree-select/pull/42"},"#42@rc-tree-select"]]]]],["li",["p","\u65b0\u589e less \u53d8\u91cf: ",["code","@border-style-base"]," ",["code","@border-width-base"]," ",["code","@btn-danger-color"]," ",["code","@btn-danger-bg"]," \u7b49\u3002"]],["li",["p","\u4fee\u590d\u4e86 Badge \u5728\u9875\u9762\u653e\u5927\u65f6\u9519\u4f4d\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4747"},"#4747"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4290"},"#4290"]]],["li",["p","\u4fee\u590d\u4e00\u4e2a\u56fa\u5b9a\u8868\u5934\u7684\u8868\u683c\u9519\u4f4d\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4750"},"#4750"]]],["li",["p","\u4fee\u590d\u4e00\u4e2a IE \u4e0b\u8868\u683c\u6eda\u52a8\u65f6\u5361\u987f\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4522"},"#4522"]]],["li",["p","\u6dfb\u52a0\u522b\u540d\u4ee5\u4fee\u6b63\u56fe\u6807\u547d\u540d\u98ce\u683c\uff1a",["code","addfile"]," => ",["code","file-add"],"\uff0c",["code","addfolder"]," => ",["code","folder-open"],"\uff0c\u539f\u6709\u7684\u547d\u540d\u4f9d\u7136\u6709\u6548\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4758"},"#4758"]]]],["h2","2.6.4"],["p",["code","2017-01-20"]],["ul",["li",["p","\u4f18\u5316 RangePicker \u9009\u62e9\u9884\u8bbe\u65f6\u95f4\u65f6\u7684\u754c\u9762\u663e\u793a\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4561"},"#4561"]]],["li",["p","\u4fee\u590d DatePicker \u9009\u62e9\u65f6\u95f4\u754c\u9762\u7684\u6eda\u52a8\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4412"},"#4412"]]],["li",["p","\u4fee\u590d Menu \u5728 ",["code","vertical"]," \u7684\u53d7\u63a7\u6a21\u5f0f\u4e0b\uff0c\u5b50\u83dc\u5355\u4e0d\u4f1a\u5f39\u51fa\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3783"},"#3783"]]],["li",["p","\u4fee\u590d Cascader \u7981\u7528\u65f6\u7684\u503c\u663e\u793a\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4648"},"#4648"]]],["li",["p","Table"],["ul",["li",["p","\u4f18\u5316\u56fa\u5b9a\u8868\u5934\u7684\u6eda\u52a8\u6761\u663e\u793a\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4637"},"#4637"]]],["li",["p","\u4fee\u590d\u5728 Safari \u4e0b\u663e\u793a loading \u6548\u679c\u65f6\u8868\u5934\u4f1a\u95ea\u70c1\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4622"},"#4622"]]],["li",["p","\u4fee\u590d\u591a\u5904\u8fb9\u6846\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4647"},"#4647"],"\u3001",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4635"},"#4635"]]],["li",["p","\u4fee\u590d showHeader \u7684\u9ed8\u8ba4\u503c\u4e0d\u4e3a ",["code","false"]," \u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4658"},"#4658"]]],["li",["p","\u4fee\u590d\u627e\u4e0d\u5230 ",["code","TableColumnConfig"]," \u7684\u7c7b\u578b\u5b9a\u4e49\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4660"},"#4660"]]]]]],["h2","2.6.3"],["p",["code","2017-01-15"]],["ul",["li",["p","\u4fee\u590d ",["code","2.6.2"]," \u4e2d Popconfirm \u4e0d\u53ef\u7528\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4606"},"#4606"]]]],["h2","2.6.2"],["p",["code","2017-01-14"]],["ul",["li",["p","\u65b0\u589e\u793e\u533a\u7cbe\u9009\u7ec4\u4ef6\u9875\u9762\u3002",["a",{title:null,href:"/docs/react/recommendation"},"\u94fe\u63a5"]]],["li",["p","\u4fee\u590d\u4e00\u4e2a\u5185\u5bb9\u8fc7\u957f\u5bfc\u81f4 Layout \u4fa7\u8fb9\u5e03\u5c40\u9519\u4f4d\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4459"},"#4459"]]],["li",["p","\u4fee\u590d Input.Search \u8f93\u5165\u6846\u548c\u56fe\u6807\u9519\u4f4d\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4540"},"#4540"]]],["li",["p","\u8865\u5145\u4e86\u4e00\u4e2a\u81ea\u5b9a\u4e49\u7070\u5e95\u6837\u5f0f\u7684 Collapse \u6298\u53e0\u9762\u677f\u7684\u4f8b\u5b50\u3002",["a",{title:null,href:"/components/collapse/#components-collapse-demo-custom"},"\u94fe\u63a5"]]],["li",["p","Table"],["ul",["li",["p","\u8c03\u5927\u4e86 Table \u9009\u62e9\u6846\u548c\u5c55\u5f00\u6309\u94ae\u7684\u5217\u5bbd\u5ea6\u3002"]],["li",["p","\u4fee\u590d ",["code","pagination"]," \u5c5e\u6027\u5207\u6362\u540e\u5206\u9875\u4e0d\u53ef\u7528\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4532"},"#4532"]]],["li",["p","\u4fee\u590d\u4e0d\u652f\u6301\u4e09\u7ea7\u7b5b\u9009\u83dc\u5355\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4541"},"#4541"]]],["li",["p","\u4fee\u590d ",["code","column.filteredValue"]," \u65e0\u6cd5\u8bbe\u7f6e\u4e3a ",["code","null"]," \u7684\u95ee\u9898\u3002"]]]],["li",["p","\u8c03\u6574 Carousel \u4e3a\u9ed8\u8ba4\u4e0d\u53ef\u62d6\u62fd\u548c\u6587\u5b57\u53ef\u9009\u62e9\u3002"]],["li",["p","\u589e\u52a0\u4e86 Breadcrumb \u5185\u5d4c\u975e Breadcrumb.Item \u5143\u7d20\u65f6\u7684\u8b66\u544a\u63d0\u793a\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4403"},"#4403"]]],["li",["p","\u4fee\u590d Tooltip \u5728 ",["code","onVisibleChange(visible)"]," \u8fd4\u56de ",["code","true"]," \u65f6\u4e0d\u5c55\u793a\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4579"},"#4579"]]],["li",["p","\u4f18\u5316 TreeSelect \u5185\u5bb9\u8fc7\u957f\u65f6\u7684\u9762\u677f\u9ad8\u5ea6\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4537"},"#4537"]]],["li",["p","\u8865\u5145\u4e86 TimePicker \u548c Spin \u7684\u7ec4\u4ef6\u6837\u5f0f\u53d8\u91cf\u3002"]],["li",["p","\u7528\u5e74\u4efd\u4ee3\u66ff\u4e86 DatePicker \u5e74\u4efd\u9009\u62e9\u9762\u677f\u4e0a\u7684\u7bad\u5934\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4415"},"#4415"]]],["li",["p","\u4fee\u590d AutoComplete \u548c Form ",["code","[options.validateTrigger]"]," \u7684 TypeScript \u5b9a\u4e49\u3002"]],["li",["p","\u4f18\u5316 Spin\u3001Progress \u7684\u52a8\u753b\u7ec6\u8282\u6548\u679c\u3002"]]],["h2","2.6.1"],["p",["code","2017-1-6"]],["ul",["li",["p","\u4fee\u590d Menu dark theme \u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4440"},"#4440"]]],["li",["p","\u4fee\u590d ",["code","Select[tokenSeparators]"]," ",["code","Modal[afterClose]"]," ",["code","Input[name]"]," \u7b49\u7684 TypeScript interface \u5b9a\u4e49\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4441"},"#4441"]," ",["a",{title:null,href:"https://github.com/eddhannay"},"@eddhannay"]]],["li",["p","\u4fee\u590d ",["code","TimePicker[placeholder]"]," \u65e0\u6cd5\u7f6e\u7a7a\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4446"},"#4446"]," ",["a",{title:null,href:"https://github.com/jialeicui"},"@jialeicui"]]],["li",["p","\u4fee\u590d DatePicker \u7b49\u5e74\u4efd\u9009\u62e9\u9762\u677f\u6298\u884c\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4415"},"#4415"]]],["li",["p","\u4fee\u590d Table loading \u72b6\u6001\u5206\u9875\u5668\u53ef\u64cd\u4f5c\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4461"},"#4461"]]],["li",["p","\u4fee\u590d ",["code","Input[prefix|suffix]"]," \u5782\u76f4\u5bf9\u9f50\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/c4ac4d1eca53ae2f6f4a1e15210b43745f283534"},"commit"]]],["li",["p","\u4fee\u590d Cascader \u5bf9\u9f50\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/1fbebd4ecfff432e1b2261c9dfee4b9f471e7b1f"},"commit"]]]],["h2","2.6.0"],["p",["code","2017-1-2"]],["ul",["li",["p","\u91c7\u7528\u5168\u65b0\u7684\u8272\u5f69\u7cfb\u7edf\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4426"},"pull/4426"]],["ul",["li",["p","\u4f7f\u7528\u65b0\u7684\u7b97\u6cd5\u51fd\u6570\u4ee3\u66ff ",["code","tint/shade"],"\u3002"]],["li",["p","\u5229\u7528\u7b97\u6cd5\u751f\u6210\u7684\u65b0\u7248\u8272\u677f\u3002",["a",{title:null,href:"http://ant.design/docs/spec/colors"},"\u8272\u677f\u6f14\u793a"]]],["li",["p","\u8c03\u6574\u9ed8\u8ba4\u6587\u5b57\u989c\u8272\u3002"]]]],["li",["p","\u589e\u52a0 Layout \u5e03\u5c40\u7ec4\u4ef6\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3534"},"#3534"]]],["li",["p","\u589e\u52a0 Grid \u6805\u683c\u914d\u7f6e\u5668\u793a\u4f8b\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/ee17abfa9d0362c6f9baab4a9a09e57574583246"},"commit/ee17ab"]]],["li",["p","Input"],["ul",["li",["p","\u589e\u52a0 prefix \u548c suffix \u5c5e\u6027\uff0c\u652f\u6301\u524d\u540e\u7f00\u914d\u7f6e\u3002",["a",{
+title:null,href:"https://github.com/ant-design/ant-design/issues/4226"},"#4226"]," ",["a",{title:null,href:"https://github.com/ystarlongzi"},"@ystarlongzi"]]],["li",["p","InputGroup \u589e\u52a0 compact \u5c5e\u6027\uff0c\u652f\u6301\u7d27\u51d1\u578b\u5c55\u793a\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4309"},"pull/4309"]]]]],["li",["p","Spin \u589e\u52a0\u5ef6\u8fdf\u663e\u793a\u5c5e\u6027 delay\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4306"},"#4306"]]],["li",["p","\u4fee\u590d Pagination \u5728\u4f4e\u5206\u8fa8\u7387\u4e0b\u7684\u9519\u4f4d\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4349"},"#4349"]]],["li",["p","\u4fee\u590d Dropdown.Button \u6362\u884c\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4355"},"pull/4355"]," ",["a",{title:null,href:"https://github.com/Morhaus"},"@Morhaus"]]],["li",["p","\u4fee\u590d Cascader disabled \u72b6\u6001\u5e95\u8272\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4434"},"#4434"]]],["li",["p","\u4fee\u590d MonthPicker monthCellContentRender \u5c5e\u6027\u65e0\u6548\u7684\u95ee\u9898\uff0c\u5e76\u4fee\u6b63\u4e86\u9519\u8bef\u7684\u6587\u6863\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4394"},"#4394"]]],["li",["p","\u4fee\u590d ButtonGroup \u5b58\u5728\u591a\u4f59\u84dd\u8272\u8fb9\u6846\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4382"},"#4382"]," ",["a",{title:null,href:"https://github.com/ystarlongzi"},"@ystarlongzi"]]],["li",["p","\u4fee\u590d Menu horizontal \u6a21\u5f0f\u5b50\u83dc\u5355\u9009\u62e9\u9879\u80cc\u666f\u8272\u9519\u8bef\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4414"},"#4414"]]],["li",["p","\u4fee\u590d\u914d\u7f6e\u4e86 hasFeedback \u7684 Select/Cascader \u4e0b\u62c9\u7bad\u5934\u88ab\u906e\u76d6\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4431"},"#4431"]," ",["a",{title:null,href:"https://github.com/JesperWe"},"@JesperWe"]]],["li",["p","Table \u6ca1\u6709 header \u65f6\uff0c\u7b2c\u4e00\u884c\u6539\u4e3a\u975e\u5706\u89d2\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4373"},"#4373"]]],["li",["p","\u4f18\u5316 Tree \u7684\u62d6\u62fd\u6548\u679c\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4371"},"#4371"]]],["li",["p","\u8fdb\u884c\u4e86\u4e00\u4e9b\u6587\u6863\u6216\u793a\u4f8b\u4f18\u5316\u3001\u6587\u6863\u9519\u8bef\u4fee\u6b63\u4ee5\u53ca\u7f51\u7ad9\u6837\u5f0f\u95ee\u9898\u4fee\u590d\u3002"]],["li",["p","\u5347\u7ea7 rc-form \u5e95\u5c42\u4f9d\u8d56\uff0cgetFieldDecorator \u7684 id \u652f\u6301\u5d4c\u5957\u5f0f\u5199\u6cd5\u3002"]]],["h2","2.5.3"],["p",["code","2016-12-24"]," \ud83c\udf84\ud83c\udf84\ud83c\udf84"],["ul",["li",["p","\u652f\u6301 TypeScript@2.1\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4208"},"#4208"]]],["li",["p","\u4fee\u6b63\u4e86 Tabs \u5d4c\u5957\u65f6\u7684\u6837\u5f0f\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4317"},"#4317"]]],["li",["p","\u4fee\u6b63\u4e86 Radio \u5728\u5f53\u524d\u9879\u9009\u4e2d\u65f6\uff0c\u518d\u6b21\u70b9\u51fb\u4ecd\u4f1a\u89e6\u53d1 onChange \u7684\u95ee\u9898\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4242"},"#4242"]," ",["a",{title:null,href:"https://github.com/ystarlongzi"},"@ystarlongzi"]]],["li",["p","\u4fee\u6b63\u4e86 Form \u591a\u5217\u6805\u683c\u5f0f\u7684\u8868\u5355\u6392\u5217\u65b9\u5f0f\u5e03\u5c40\u5f02\u5e38\u3002 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4271"},"#4271"]]],["li",["p","\u4fee\u6b63\u4e86 Menu \u7ad6\u76f4\u65b9\u5411\u7684\u5f53\u524d\u9009\u62e9\u9879\u7684\u80cc\u666f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4253"},"#4253"]]],["li",["p","\u4f18\u5316\u4e86 Dropdown \u7684 ",["code","onVisibleChange"]," \u56de\u8c03\u53c2\u6570 Type \u7c7b\u578b\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4236"},"#4236"]]],["li",["p","\u4f18\u5316\u4e86 Cascader \u7684 ",["code","onChange"]," \u56de\u8c03\u53c2\u6570\u7684 Type \u7c7b\u578b\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4231"},"#4231"]]],["li",["p","\u4f18\u5316\u4e86 Datepicker","[showtime]"," \u7684\u9ed8\u8ba4\u5bbd\u5ea6 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/b912f1cea6f470c16b8dd90554883460161cef47"},"b912f1c"]]]],["h2","2.5.2"],["p",["code","2016-12-10"]],["ul",["li",["p","\u4f18\u5316 Menu \u5df2\u9009\u62e9\u9879\u7684\u6837\u5f0f\u3002"]],["li",["p","\u4fee\u590d Mention \u4e0d\u80fd\u54cd\u5e94 ",["code","onFocus"]," \u548c ",["code","onBlur"]," \u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4163"},"#4163"]]],["li",["p","\u4fee\u590d ",["code","disabled"]," \u548c ",["code","checked"]," \u7684 Radio \u4e4b\u95f4\u4f1a\u591a\u4e00\u6761\u9634\u5f71\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4114"},"#4114"]," @jdz321"]],["li",["p","\u4fee\u590d RangePicker\u3001TimePicker\u3001Calendar \u8bbe\u7f6e Moment \u7684 ",["code","defaultValue"]," \u548c ",["code","value"]," \u65f6\u4e5f\u4f1a\u62a5\u9519\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4147"},"#4147"]]],["li",["p","\u4fee\u590d Affix \u5728\u5f00\u542f\u52a8\u753b\u7684 Tabs \u91cc\u4f7f\u7528\u65f6\u4f1a\u6d88\u5931\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3943"},"#3943"]]],["li",["p","\u4fee\u590d Cascader \u624b\u52a8\u9009\u62e9\u548c\u641c\u7d22\u9009\u62e9\u65f6 ",["code","onChange"]," \u63a5\u6536\u5230\u7684 ",["code","selectedOptions"]," \u4e0d\u540c\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4096"},"#4096"]]],["li",["p","\u4fee\u590d Tabs \u9875\u589e\u52a0\u5230\u4e00\u5b9a\u6570\u91cf\u65f6\u4f1a\u4ea7\u751f\u504f\u79fb\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3637"},"#3637"]]],["li",["p","Table"],["ul",["li",["p","\u5c45\u4e2d\u5bf9\u9f50\u8868\u5934\u5206\u7ec4\u7684\u7236\u8868\u5934\u3002"]],["li",["p","\u4fee\u6b63\u8bbe\u7f6e filterDropdownVisible \u65f6\u4e0d\u751f\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4162"},"#4162"]]]]]],["h2","2.5.1"],["p",["code","2016-12-03"]],["ul",["li",["p","\u63d0\u5347\u7f51\u7ad9\u9996\u9875\u5728\u79fb\u52a8\u7aef\u8bbf\u95ee\u7684\u4f53\u9a8c\u3002"]],["li",["p","\u8865\u5145\u4ece ",["code","1.x"]," \u5347\u7ea7\u5230 ",["code","2.x"]," \u65f6\u7684\u7ec4\u4ef6\u6539\u52a8\u8b66\u544a\u63d0\u793a\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4028"},"#4028"]]],["li",["p","\u73b0\u5728 ToolTip\u3001Popover\u3001Popconfirm \u652f\u6301\u76f4\u63a5\u5305\u88f9\u6587\u672c\u8282\u70b9\u548c\u591a\u4e2a\u8282\u70b9\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3924"},"#3924"]]],["li",["p","Anchor"],["ul",["li",["p","\u4fee\u590d\u5feb\u901f\u6eda\u52a8\u65f6\u7684\u5b9a\u4f4d\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4053"},"#4053"]]],["li",["p","\u4fee\u590d target \u6307\u5b9a\u7236\u5143\u7d20 ref \u65f6\u65e0\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4037"},"#4037"]]]]],["li",["p","Table"],["ul",["li",["p","\u4fee\u590d\u8bbe\u7f6e defaultChecked \u65f6\u7684\u4e00\u4e2a\u9009\u4e2d\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4020"},"#4020"]]],["li",["p","\u4fee\u590d\u5206\u7ec4\u8868\u5934\u4e2d\u7b5b\u9009\u529f\u80fd\u65e0\u6cd5\u4f7f\u7528\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4099"},"#4099"]]]]],["li",["p","\u4fee\u590d\u5728 ",["code",'Input[type="textarea"]']," \u4e0a\u4f7f\u7528 Popover \u5b9a\u4f4d\u9519\u8bef\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4092"},"#4092"]]],["li",["p","\u4fee\u590d Popconfirm \u7684 ",["code","visible"]," \u5c5e\u6027\u5931\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/4068"},"#4068"]]],["li",["p","\u4fee\u590d TimePicker \u65e0\u6cd5\u8bbe\u7f6e ",["code","style.width"]," \u7684\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d Steps \u81ea\u5b9a\u4e49\u56fe\u6807\u548c\u9ed8\u8ba4\u56fe\u6807\u5927\u5c0f\u4e0d\u4e00\u81f4\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3817"},"#3817"]]],["li",["p","\u4fee\u590d Form\u3001Button\u3001Slider\u3001Table \u7b49\u7ec4\u4ef6\u7684\u4e00\u4e9b\u6837\u5f0f\u7ec6\u8282\u3002"]]],["h2","2.5.0"],["p",["code","2016-11-25"]],["ul",["li",["p","\u9ed8\u8ba4\u4e3b\u9898\u98ce\u683c\u4fee\u6539\u4e3a\u652f\u4ed8\u5b9d\u94b1\u5305\u98ce\u683c\uff0c\u53ca\u5927\u91cf\u6837\u5f0f\u4f18\u5316\u3002"]],["li",["p","\u652f\u6301\u670d\u52a1\u7aef\u6e32\u67d3\u3002\uff08Mention \u4f1a\u56e0\u4e3a ",["a",{title:null,href:"https://github.com/facebook/draft-js/issues/385"},"draft-js"]," \u7684\u95ee\u9898\u6709 warning\uff09"]],["li",["p","\u5f15\u5165 ",["a",{title:null,href:"https://facebook.github.io/jest/docs/tutorial-react.html#snapshot-testing"},"Jest Snapshot"]," \u6d4b\u8bd5\u7ec4\u4ef6\u7ed3\u6784\u53ca\u670d\u52a1\u7aef\u6e32\u67d3\u95ee\u9898\u3002"]],["li",["p","\u5b98\u7f51\u53ca\u6587\u6863\u4f18\u5316\u3002"]],["li",["p","\u65b0\u589e\u81ea\u5b9a\u4e49\u4e3b\u9898\u7684 ",["a",{title:null,href:"https://ant.design/docs/react/customize-theme"},"\u6587\u6863"],"\u3002"]],["li",["p","\u65b0\u589e ",["a",{title:null,href:"https://ant.design/docs/resource/download"},"Sketch \u8d44\u6e90\u6587\u4ef6"],"\u3002"]],["li",["p","LocaleProvider \u65b0\u589e\u5df4\u897f\u8bed\u652f\u6301\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/4004"},"#4004"]," ",["a",{title:null,href:"https://github.com/nathantn"},"@nathantn"]]],["li",["p","DatePicker"],["ul",["li",["p","DatePicker \u73b0\u5728\u53ef\u4ee5\u51b3\u5b9a\u662f\u5426\u5c55\u793a \u201c\u4eca\u5929\u201d \u6309\u94ae\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/bbef274aae169d142e3e7e3ea0af922d48e6dd64"},"commit"]]],["li",["p","RangePicker \u73b0\u5728\u53ef\u4ee5\u81ea\u5b9a\u4e49\u5feb\u6377\u9009\u62e9\u3002",["a",{title:null,href:"https://ant.design/components/date-picker/#components-date-picker-demo-presetted-ranges"},"demo"]]],["li",["p","\u4fee\u590d DatePicker \u8bbe\u7f6e ",["code","showTime"]," \u540e \u201c\u6b64\u523b\u201d \u6309\u94ae\u5931\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3748"},"#3748"]]],["li",["p","\u4fee\u590d ",["code","RangePicker[format]"]," \u5931\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3808"},"#3808"]]],["li",["p","\u4fee\u590d RangePicker ",["code","placeholder=['xx', 'xx']"]," \u5931\u6548\u7684\u95ee\u9898\u3002"]]]],["li",["p","\u65b0\u589e\u5e76\u4f18\u5316\u90e8\u5206 Icon\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3977"},"#3977"]]],["li",["p","\u65b0\u589e Input.Search \u63a7\u4ef6\u3002",["a",{title:null,href:"https://ant.design/components/input/#components-input-demo-search-input"},"demo"]]],["li",["p","Mention onSelect \u4e8b\u4ef6\u73b0\u5728\u53ef\u4ee5\u83b7\u53d6\u5b8c\u6574\u7684\u6570\u636e\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3867"},"#3867"]]],["li",["p","Pagination \u73b0\u5728\u652f\u6301\u5c55\u793a\u5f53\u524d\u9875\u7684\u7d22\u5f15\u8303\u56f4\u3002",["a",{title:null,href:"https://ant.design/components/pagination/#components-pagination-demo-total"},"demo"]]],["li",["p","Table"],["ul",["li",["p","\u81ea\u5b9a\u4e49\u7b5b\u9009\u7684\u663e\u793a\u9690\u85cf\u73b0\u5728\u53ef\u4ee5\u901a\u8fc7\u4ee3\u7801\u63a7\u5236\u3002",["a",{title:null,href:"https://ant.design/components/table/#components-table-demo-custom-filter-panel"},"demo"]]],["li",["p","\u652f\u6301 JSX \u98ce\u683c\u7684\u65b9\u5f0f\u8bbe\u7f6e columns\u3002",["a",{title:null,href:"https://ant.design/components/table/#components-table-demo-jsx"},"demo"]]],["li",["p","\u73b0\u5728\u53ef\u4ee5\u76d1\u542c\u5355\u5143\u683c\u7684\u70b9\u51fb\u4e8b\u4ef6 ",["code","onCellClick"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3774"},"#3774"]]],["li",["p","\u4fee\u590d\u65e0\u8fb9\u6846 Table \u5934\u90e8\u7684\u5706\u89d2\u6837\u5f0f\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d title \u548c footer \u9ad8\u5ea6\u4e0d\u968f ",["code","Table[size]"]," \u53d8\u5316\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/9e6439b06cd099ab384a4a2f026f0def6e12bf23"},"commit"]]],["li",["p","\u4fee\u590d\u9009\u4e2d\u72b6\u6001\u51fa\u9519\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3900"},"#3900"]]]]],["li",["p","Upload"],["ul",["li",["p","\u4fee\u590d children \u4e0d\u80fd\u4e3a ",["code","null"]," \u7684\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d\u9884\u89c8\u903b\u8f91\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/e552880c32aaa3f5b0fb09a5e1fb7454c24d5378"},"commit"]]]]],["li",["p","\u4fee\u590d Badge \u4f1a\u8986\u76d6\u5176\u4ed6\u7ec4\u4ef6\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3898"},"#3898"]]],["li",["p","\u4fee\u590d\u591a\u884c Checkbox \u6837\u5f0f\u4e0d\u5bf9\u9f50\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3971"},"#3971"]," ",["a",{title:null,href:"https://github.com/flashback313"},"@flashback313"]]],["li",["p","\u4fee\u590d InputNumber \u4e0e\u5176\u5b83\u8868\u5355\u63a7\u4ef6\u4e0d\u5bf9\u9f50\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3866#issuecomment-261148256"},"#3866(comment)"]]],["li",["p","\u4fee\u590d ",["code","Menu.Divider"]," \u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3813"},"#3813"]]],["li",["p","\u4fee\u590d Popover \u76f4\u63a5\u5185\u5d4c Checkbox \u548c Radio \u65e0\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3455"},"#3455"]]],["li",["p","\u4fee\u590d Select combobox \u9ad8\u5ea6\u5f02\u5e38\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3855"},"#3855"]]],["li",["p","\u4fee\u590d Switch actived \u540e\u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3838"},"#3838"]]],["li",["p","\u4fee\u590d Transfer \u641c\u7d22\u65e0\u7ed3\u679c\u65f6\u4e0d\u5c55\u793a \u201cNot Found\u201d \u63d0\u793a\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3996"},"#3996"]]],["li",["p","\u4fee\u590d TreeSelect \u5360\u4f4d\u7b26\u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3841"},"#3841"]]],["li",["p","\u4fee\u590d TypeScript \u7f16\u8bd1\u62a5\u9519\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3969"},"#3969"]," ",["a",{title:null,href:"https://github.com/AlbertZheng"},"@AlbertZheng"]]],["li",["p","\u4fee\u590d\u8868\u5355\u53cd\u9988\u56fe\u6807\u5f71\u54cd\u7528\u6237\u64cd\u4f5c\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3891"},"#3891"]]]],["h2","2.4.3"],["p",["code","2016-11-17"]],["ul",["li",["p","\u4fee\u590d ",["code","Anchor"]," \u5185\u90e8 querySelector \u62a5\u9519\uff0c\u5e76\u505a\u4e86\u4e00\u4e9b\u4f53\u9a8c\u4f18\u5316 \u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3832"},"#3832"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3844"},"#3844"]]]],["h2","2.4.2"],["p",["code","2016-11-13"]],["ul",["li",["p","\u4fee\u590d ",["code","Dropdown.Button"]," \u4e0d\u5f39\u51fa\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3815"},"#3815"]]]],["h2","2.4.1"],["p",["code","2016-11-11"]],["ul",["li",["p","\u4fee\u590d ",["code","2.4.0"]," \u7ec4\u4ef6 index \u6587\u4ef6\u4e22\u5931\u7684\u95ee\u9898\u3002"]]],["h2","2.4.0"],["p",["code","2016-11-11"]],["ul",["li",["p","\u8c03\u6574\u4e86\u7ec4\u4ef6\u7684\u5bfc\u822a\u7ed3\u6784\u3002"]],["li",["p","\u65b0\u589e ",["a",{title:null,href:"https://ant.design/components/anchor"},"Anchor"]," \u951a\u70b9\u7ec4\u4ef6\u3002"]],["li",["p","\u6574\u7406\u4e86\u6837\u5f0f\u53d8\u91cf\uff0c\u4fee\u590d ",["code","@font-size-base"]," \u548c ",["code","@text-color"]," \u5728\u90e8\u5206\u7ec4\u4ef6\u65e0\u6548\u7684\u95ee\u9898\uff0c\u65b0\u589e ",["code","@font-size-lg"]," ",["code","@text-color-secondary"],"\uff0c\u5e76\u79fb\u9664\u4e86\u90e8\u5206\u65e0\u7528\u7684\u53d8\u91cf\u3002"]],["li",["p",["code","Transfer"]," \u7ec4\u4ef6\u65b0\u589e\u4e86\u53d7\u63a7\u5c5e\u6027 ",["code","selectedKeys"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3729"},"#3729"]]],["li",["p",["code","Tag"]," \u65b0\u589e\u9009\u4e2d\u72b6\u6001\u3002"]],["li",["p","\u4fee\u590d ",["code","Dropdown.Button"]," \u4e0d\u652f\u6301 ",["code","visible"]," \u548c ",["code","onVisibleChange"]," \u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3779"},"#3779"]]],["li",["p","\u4fee\u590d ",["code","DatePicker[showTime]`` \u7684"],"\u6b64\u523b` \u6309\u94ae\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3748"},"#3748"]]],["li",["p","\u4fee\u590d ",["code","Steps"]," \u7ad6\u76f4\u65b9\u5411\u7684\u6837\u5f0f\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3760"},"#3760"]]],["li",["p","\u4fee\u590d ",["code","Spin"]," \u7ec4\u4ef6\u5728 IE10+ \u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3755"},"#3755"]]],["li",["p","\u4fee\u590d ",["code","Mention"]," \u7ec4\u4ef6\u7684 focus \u903b\u8f91. ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3801"},"#3801"]]],["li",["p","\u4fee\u590d ",["code","Progress"]," \u7ec4\u4ef6\u7684\u52a8\u753b\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3784"},"#3784"]]],["li",["p","\u4fee\u590d ",["code","Select"]," \u641c\u7d22\u65f6\u7684\u4e22\u5931\u7126\u70b9\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3778"},"#3778"]]],["li",["p","\u4fee\u590d ",["code","TimePicker"]," \u4e0d\u652f\u6301 ",["code",'format="HH"']," \u7b49\u683c\u5f0f\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3793"},"#3793"]]],["li",["p","\u4fee\u590d ",["code","Input"]," \u7684 ",["code","suffix"]," \u90e8\u5206\u533a\u57df\u4e2d\u9f20\u6807\u4e8b\u4ef6\u65e0\u6cd5\u54cd\u5e94\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3714"},"#3714"]]],["li",["p","\u4f18\u5316\u4e86 ",["code","Table"]," \u9009\u62e9\u7684\u6027\u80fd\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3757"},"#3757"]]],["li",["p","\u4f18\u5316 ",["code","Carousel"]," \u7684\u9ed8\u8ba4\u6837\u5f0f\u3002"]],["li",["p","\u4f18\u5316 ",["code","Checkbox"]," \u548c ",["code","Radio"]," \u7684\u6837\u5f0f\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3590"},"#3590"]]],["li",["p","\u4fee\u590d ",["code","DatePicker"],"\u3001",["code","Form"],"\u3001",["code","Table"]," \u7b49\u7ec4\u4ef6\u7684\u6837\u5f0f\u7ec6\u8282\u3002"]]],["h2","2.3.2"],["p",["code","2016-11-09"]],["ul",["li",["p","\u4fee\u590d\u4f7f\u7528 ",["code","getFieldProps"]," \u4f1a\u5bfc\u81f4\u6b7b\u5faa\u73af\u7684\u95ee\u9898\u3002"]]],["h2","2.3.1"],["p",["code","2016-11-07"]],["ul",["li",["p","\u4fee\u6b63\u4e0a\u4e2a\u7248\u672c\u7f3a\u5c11 ",["code","dist/antd.css"]," \u7684\u95ee\u9898\u3002"]]],["h2","2.3.0"],["p",["code","2016-11-04"]],["ul",["li",["p","\u5347\u7ea7 normalize.css \u5230 5.0\u3002"]],["li",["p","package.json \u7684 main \u6362\u6210\u4e86 ",["code","lib/index.js"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3397"},"#3397"]]],["li",["p","\u5168\u65b0\u7684 ",["code","Spin"]," \u8bbe\u8ba1\u3002"]],["li",["p",["code","TimePicker"]," \u65b0\u589e\u4e86 ",["code","addon"]," \u4ee5\u652f\u6301\u81ea\u5b9a\u4e49\u7684\u9644\u52a0\u5185\u5bb9\u3002"]],["li",["p",["code","Tree"]," \u65b0\u589e\u4e86 ",["code","onDragEnd"],"\u3002"]],["li",["p",["code","Collapse"]," \u65b0\u589e\u4e86 ",["code","bordered"],"\u3002"]],["li",["p","\u4f18\u5316 ",["code","Tabs"]," \u5207\u6362\u65f6\u7684\u52a8\u753b\u6548\u679c\u3002"]],["li",["p","\u4f18\u5316 ",["code","Radio"]," \u548c ",["code","Checkbox"]," \u5728\u7981\u7528\u548c\u9f20\u6807\u505c\u7559\u65f6\u7684\u6837\u5f0f\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3590"},"#3590"]]],["li",["p","\u4f18\u5316 ",["code","Transfer"]," \u7684\u6027\u80fd\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2860"},"#2860"]]],["li",["p","\u4fee\u590d ",["code","Popover"]," \u5d4c\u5957\u65f6\u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3448"},"#3448"]]],["li",["p","\u4fee\u590d ",["code","Transfer"]," \u670d\u52a1\u7aef\u6e32\u67d3\u62a5\u9519\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3686"},"#3686"]]],["li",["p","\u4fee\u590d ",["code","Upload"]," ",["code","picture-card"]," \u6a21\u5f0f\u4e0b\u65b0\u4e0a\u4f20\u7684\u56fe\u7247\u4e0d\u663e\u793a\u9884\u89c8\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3706"},"#3706"]," ",["a",{title:null,href:"https://github.com/denzw"},"@denzw"]]],["li",["p","DatePicker"],["ul",["li",["p","\u5728 ",["code","showTime"]," \u6a21\u5f0f\u4e0b\u73b0\u5728\u5931\u53bb\u7126\u70b9\u4e5f\u4f1a\u89e6\u53d1 ",["code","onChange"],"\u3002"]],["li",["p",["code","MonthPicker"]," \u589e\u52a0\u4e86 ",["code","monthCellContentRender"],"\u3002"]],["li",["p",["code","RangePicker"]," \u73b0\u5728\u53ef\u4ee5\u624b\u52a8\u8f93\u5165\u65f6\u95f4\u4e86\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3718"},"#3718"]]],["li",["p","\u65b0\u589e\u4e86\u6377\u514b\u8bed\u7684\u7ffb\u8bd1\u3002"]]]],["li",["p","Badge"],["ul",["li",["p","\u4f18\u5316\u9f20\u6807\u505c\u7559\u65f6\u8d85\u8fc7 99 \u7684\u6570\u5b57\u663e\u793a\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3645"},"#3645"]]],["li",["p","\u4fee\u590d\u5355\u72ec\u4f7f\u7528\u65f6\u4f1a\u6709\u79fb\u52a8\u52a8\u753b\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3709"},"#3709"]]]]],["li",["p","Mention"],["ul",["li",["p","\u4fee\u590d\u4f1a\u88ab ",["code","Table"]," \u906e\u4f4f\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3588"},"#3588"]]],["li",["p","\u65b0\u589e ",["code","getSuggestionContainer"]," \u6765\u6307\u5b9a\u5bb9\u5668\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3658"},"#3658"]]]]],["li",["p","Tag"],["ul",["li",["p","\u5e9f\u5f03 ",["code","color"]," \u5c5e\u6027\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3560"},"#3560"]]],["li",["p","\u65b0\u589e ",["code","type"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3560"},"#3560"]]],["li",["p","\u65b0\u589e ",["code","checkable"],"\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3560"},"#3560"]]]]],["li",["p","Radio.Group"],["ul",["li",["p","\u65b0\u589e ",["code","className"],"\u3002"]],["li",["p",["code","children"]," \u4e3a ",["code","null"]," \u6216 ",["code","undefined"]," \u65f6\u73b0\u5728\u4f1a\u88ab\u5ffd\u7565\u3002"]]]],["li",["p","Select"],["ul",["li",["p","\u65b0\u589e ",["code","tokenSeparators"]," \u652f\u6301\u7c98\u8d34\u65f6\u81ea\u52a8\u5206\u8bcd\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2071"},"#2071"]]],["li",["p","\u65b0\u589e ",["code","onFocus"]," \u56de\u8c03\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3587"},"#3587"]]],["li",["p","\u4fee\u590d ",["code","combobox"]," \u6a21\u5f0f\u4e0b\u9009\u4e2d\u9879\u4e0d\u80fd\u6b63\u786e\u663e\u793a\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3401"},"#3401"]]]]]],["h2","2.2.1"],["p",["code","2016-11-02"]],["ul",["li",["p","\u4fee\u590d Form \u4e2d DatePicker","[showtime]","\uff08\u53d7\u63a7\uff09\u65e0\u6cd5\u4f7f\u7528\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3665"},"#3665"]]]],["h2","2.2.0"],["p",["code","2016-10-28"]],["ul",["li",["p","\u652f\u6301 TypeScript@2.0\u3002",["a",{title:null,href:"https://github.com/AlbertZheng"},"@AlbertZheng"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3358"},"#3358"]]],["li",["p","\u4e0d\u518d\u5f3a\u4f9d\u8d56\u4e8e React \u7279\u5b9a\u7248\u672c\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3627"},"#3627"]]],["li",["p","Alert \u652f\u6301 ",["code","className"]," ",["code","style"]," \u5c5e\u6027\u3002"]],["li",["p","DatePicker MonthPicker RangePicker \u73b0\u5728\u5141\u8bb8\u8bbe\u7f6e\u662f\u5426\u663e\u793a\u6e05\u9664\u6309\u94ae\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3618"},"#3618"]]],["li",["p","Form.Item \u73b0\u5728\u53ef\u4ee5\u611f\u77e5\u6df1\u5c42\u5d4c\u5957\u7684\u8868\u5355\u57df\uff0c\u4ee5\u81ea\u52a8\u4e3a\u5176\u751f\u6210\u9519\u8bef\u4fe1\u606f\u548c\u72b6\u6001\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3212"},"#3212"]]],["li",["p","RangePicker \u73b0\u5728\u53ef\u4ee5\u8bbe\u7f6e\u4e0d\u53ef\u9009\u7684\u65f6\u95f4\u3002",["a",{title:null,href:"https://ant.design/components/date-picker/#components-date-picker-demo-disabled-date"},"#"]]],["li",["p","Switch"],["ul",["li",["p","\u5bbd\u5ea6\u73b0\u5728\u4f1a\u968f\u7740 ",["code","checkedChildren/unCheckedChildren"]," \u81ea\u52a8\u8c03\u6574\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3380"},"#3380"]]],["li",["p","\u4f18\u5316\u5207\u6362\u52a8\u753b\u3002"]]]],["li",["p","Upload \u73b0\u5728\u53ef\u4ee5 ",["a",{title:null,href:"https://github.com/react-component/upload#customrequest"},"\u81ea\u5b9a\u4e49\u4e0a\u4f20\u65b9\u5f0f"],"\u3002",["a",{title:null,href:"https://github.com/edgji"},"@edgji"]]],["li",["p","Icon"],["ul",["li",["p","\u65b0\u589e ",["code","bulb"]," ",["code","select"]," ",["code","like-o"]," ",["code","dislike-o"],"\u3002"]],["li",["p","\u8c03\u6574 ",["code","loading"]," ",["code","like"]," ",["code","dislike"],"\u3002"]]]],["li",["p","\u4f18\u5316 Card DatePicker Icon Table \u7684 TypeScript \u5b9a\u4e49\u3002",["a",{title:null,href:"https://github.com/infeng"},"@infeng"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3468"},"3468"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3603"},"#3603"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3531"},"#3531"]]],["li",["p","\u4fee\u590d Cascader ",["code","defaultValue"]," \u5931\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3470"},"#3470"]]],["li",["p","\u4fee\u590d\u5728\u4e00\u884c\u5185\u540c\u65f6\u4f7f\u7528 Button Input DatePicker Select \u65f6\u5bf9\u9f50\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3481"},"#3481"]]],["li",["p","DatePicker"],["ul",["li",["p","\u4fee\u590d\u8bbe\u7f6e ",["code","DatePicker[showTime]"]," \u540e ",["code","onChange"]," \u4e8b\u4ef6\u89e6\u53d1\u65f6\u673a\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3523"},"#3523"]]]]],["li",["p","\u4fee\u590d Dropdown.Button disabled \u540e\u4ecd\u7136\u54cd\u5e94\u64cd\u4f5c\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3535"},"#3535"]]],["li",["p","Menu"],["ul",["li",["p","\u4fee\u590d\u670d\u52a1\u7aef\u6e32\u67d3\u95ee\u9898\uff0c\u611f\u8c22 ",["a",{title:null,href:"https://github.com/xpcode"},"@xpcode"]," \u5b9a\u4f4d\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2061"},"#2061"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2406"},"#2406"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3293"},"#3293"]]],["li",["p","\u4fee\u590d children \u4e0d\u80fd\u4e3a ",["code","null"]," \u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3599"},"#3599"]]]]],["li",["p","\u4fee\u590d message \u52a0\u8f7d\u72b6\u6001\u65e0\u52a8\u753b\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3536"},"#3536"]]],["li",["p","Form"],["ul",["li",["p","\u4fee\u590d ",["code","Form[inline]"]," \u4e0e ",["code","Input[addonBefore|addonAfter]"]," \u4e00\u8d77\u4f7f\u7528\u65f6\u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3524"},"#3524"]]],["li",["p","\u4fee\u590d Form.Item \u5185 Radio.Button \u6837\u5f0f\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d Form.Item \u5185\u641c\u7d22\u6309\u94ae\u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3630"},"#3630"]]],["li",["p","\u4fee\u590d\u7528\u6237\u65e0\u8f93\u5165\u65f6 Form.Item \u8bc6\u522b\u4e3a\u6821\u9a8c\u6210\u529f\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3613"},"#3613"]]]]],["li",["p","\u5f53 ",["code","Popover[title]"]," \u6ca1\u6709\u8bbe\u7f6e\u65f6\uff0c\u4e0d\u518d\u9650\u5236 Popover \u7684\u6700\u5c0f\u5bbd\u5ea6\u3002"]],["li",["p","Table"],["ul",["li",["p","\u4fee\u590d\u56fa\u5b9a\u8868\u5934\u5728\u6ca1\u6709\u6570\u636e\u60c5\u51b5\u4e0b\u7684\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3567"},"#3567"]]],["li",["p","\u4fee\u590d\u65e0\u6570\u636e\u65f6\u4f1a\u8986\u76d6 SubMenu \u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3521"},"#3521"]]]]],["li",["p","Tabs"],["ul",["li",["p","\u4fee\u590d\u5361\u7247\u53f6\u7b7e\u5934\u90e8\u9ad8\u5ea6\u4e0e\u8bbe\u8ba1\u7a3f\u4e0d\u4e00\u81f4\u7684\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d TabPane \u7684\u9ad8\u5ea6\u4f1a\u88ab\u540c\u7ea7 TabPane \u6491\u9ad8\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3304"},"#3304"]]]]],["li",["p","\u4fee\u590d ",["code","TreeSelect[showSearch]"]," \u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3520"},"#3520"]]]],["h2","2.1.0"],["p",["code","2016-10-16"]],["ul",["li",["p","Icon \u73b0\u5728\u652f\u6301\u65cb\u8f6c\u52a8\u753b\u3002"]],["li",["p","Tabs \u73b0\u5728\u53ef\u4ee5\u7981\u7528\u5207\u6362\u52a8\u753b\u3002",["a",{
+title:null,href:"https://github.com/ant-design/ant-design/issues/3324"},"#3324"]]],["li",["p","\u65b0\u589e\u897f\u73ed\u7259\u8bed\u7684 localization \u652f\u6301\u3002@Danjavia"]],["li",["p","\u66f4\u65b0\u4fc4\u8bed\u7684 localization \u6587\u6848\u3002@plandem"]],["li",["p","\u65b0\u589e AutoComplete","[onselect]"," \u56de\u8c03\u3002"]],["li",["p","\u4f18\u5316 Modal \u6837\u5f0f\u7ec6\u8282\u3002"]],["li",["p","\u4f18\u5316 Tooltip \u52a8\u753b\u3002"]],["li",["p","\u4f18\u5316 Transfer \u6309\u94ae\u7684\u6837\u5f0f\u3002"]],["li",["p","\u4f18\u5316 Tree \u7684\u6837\u5f0f\u7ec6\u8282\u3002"]],["li",["p","\u6574\u7406\u548c\u4fee\u590d\u4e86\u90e8\u5206 less \u53d8\u91cf\u3002"]],["li",["p","\u4fee\u590d\u670d\u52a1\u7aef\u6e32\u67d3\u65f6\u5168\u91cf\u5f15\u5165 antd \u62a5\u9519\u7684\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d Affix \u4e0e BackTop \u7684\u670d\u52a1\u7aef\u6e32\u67d3\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3283"},"#3283"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3343"},"#3343"]]],["li",["p","\u4fee\u590d Card","[title]"," \u5185\u65e0\u6cd5\u4f7f\u7528 ",["code","h3"]," \u4e4b\u7c7b\u7684\u6807\u7b7e\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3388"},"#3388"]]],["li",["p","\u4fee\u590d Cascader \u641c\u7d22\u6a21\u5f0f\u4e0e\u6d4f\u89c8\u5668\u81ea\u52a8\u5b8c\u6210\u6709\u51b2\u7a81\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3350"},"#3350"]]],["li",["p","DatePicker"],["ul",["li",["p","\u4fee\u590d\u8bbe\u7f6e ",["code","showTime"]," \u540e\uff0c",["code","onChange"]," \u91cd\u590d\u89e6\u53d1\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3376"},"#3376"]]],["li",["p","\u4fee\u590d\u6d6e\u5c42\u4e0e Trigger \u65e5\u671f\u683c\u5f0f\u4e0d\u4e00\u81f4\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3405"},"#3405"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3298"},"#3298"]]],["li",["p","\u4fee\u590d\u4e0e TimePicker \u6837\u5f0f\u51b2\u7a81\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3312"},"#3312"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3307"},"#3307"]]]]],["li",["p","\u4fee\u590d Form.Item \u6807\u7b7e\u6587\u6848\u8fc7\u957f\u6ea2\u51fa\u7684\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d Icon \u5728 Safari \u4e0b\u4f1a\u51fa\u73b0\u8fb9\u6846\u7684\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d InputNubmer \u952e\u76d8\u4e8b\u4ef6\u6b7b\u5faa\u73af\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3239"},"#3239"]]],["li",["p","\u4fee\u590d Popover \u7bad\u5934\u6837\u5f0f\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d Popover \u548c Popconfirm \u7684 ",["code","arrowPointAtCenter"]," \u65e0\u6548\u7684\u95ee\u9898\u3002"]],["li",["p","Select"],["ul",["li",["p","\u4fee\u590d\u6837\u5f0f\u91cd\u590d\u5f15\u5165\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3376"},"#3376"]]],["li",["p","\u4fee\u590d ",["code","notFoundContent"]," \u65e0\u6cd5\u7f6e\u7a7a\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3345"},"#3345"]]],["li",["p","\u4fee\u590d Table \u5185\u4f7f\u7528 Select","[showsearch]"," \u540e\u5bbd\u5ea6\u4f1a\u8df3\u52a8\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3413"},"#3413"]]]]],["li",["p","\u4fee\u590d Table \u8fb9\u6846\u7ebf\u4e0e\u9875\u5934\u9875\u811a\u51b2\u7a81\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3301"},"#3301"]]],["li",["p","\u4fee\u590d TabPane \u9ad8\u5ea6\u4e0d\u968f\u5185\u5bb9\u53d8\u5316\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3377"},"#3377"]]],["li",["p","\u4fee\u590d Transfer","[titles]"," \u4e0d\u53d7 LocaleProvider \u63a7\u5236\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3264"},"#3264"]]],["li",["p","Upload"],["ul",["li",["p","\u4fee\u590d\u7528\u6237\u81ea\u5b9a\u4e49 ",["code","onRemove"]," \u4e8b\u4ef6\u4f1a\u8986\u76d6\u9ed8\u8ba4\u884c\u4e3a\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3317"},"#3317"]]],["li",["p","\u4fee\u590d\u56fe\u7247\u5361\u7247\u6837\u5f0f\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3316"},"#3316"]]]]],["li",["p","\u4fee\u590d\u9879\u76ee\u6784\u5efa\u65f6 moment locales \u627e\u4e0d\u5230\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3204"},"#3204"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3411"},"#3411"]]]],["h2","2.0.1"],["p",["code","2016-10-01"]],["ul",["li",["p","\u4fee\u590d\u65e0\u6cd5\u8c03\u7528 react-slick \u65b9\u6cd5\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3164"},"#3164"]]],["li",["p","\u4fee\u590d Steps.Step","[icon]"," \u4e0d\u652f\u6301 React.ReactNode \u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3159"},"#3159"]]],["li",["p","\u4fee\u590d Affix \u4e0d\u652f\u6301\u670d\u52a1\u7aef\u6e32\u67d3\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3216"},"#3216"]]],["li",["p","\u4fee\u590d Mention \u4e0d\u652f\u6301 ",["code","onSelect"]," ",["code","placeholder"]," \u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3236"},"#3236"]," ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3226"},"#3226"]]],["li",["p","\u4fee\u590d Transfer \u4e0e ",["code","getFieldDecorator"]," \u4e00\u8d77\u4f7f\u7528\u65f6\u7684\u62a5\u9519\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d LocaleProvider \u5bf9\u65f6\u95f4\u7ec4\u4ef6\u65e0\u6548\u7684\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d Cascader \u641c\u7d22\u6a21\u5f0f\u641c\u7d22\u6587\u5b57\u663e\u793a\u4e0d\u4e86\u7684\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d Spin \u52a8\u753b\u4e0e\u6587\u6848\u6574\u4f53\u4e0d\u5782\u76f4\u5c45\u4e2d\u7684\u95ee\u9898\u3002"]],["li",["p","\u4fee\u590d RangePicker Modal Tag Progress \u7b49\u7ec4\u4ef6\u6837\u5f0f\u95ee\u9898\u3002"]]],["h2","2.0.0"],["p",["code","2016-09-28"]],["p","\u5f88\u9ad8\u5174\u7684\u901a\u77e5\u5404\u4f4d\uff0c\u7ecf\u8fc7\u56db\u4e2a\u6708\u65f6\u95f4\u7684\u7d27\u5bc6\u5f00\u53d1\uff0c",["code","antd@2.0.0"]," \u7ec8\u4e8e\u53d1\u5e03\u4e86\u3002\u8fd9\u4e2a\u7248\u672c\u6211\u4eec\u91cd\u6784\u4e86\u5e95\u5c42\u4ee3\u7801\uff0c\u6301\u7eed\u5b8c\u5584\u73b0\u6709\u7ec4\u4ef6\u529f\u80fd\u548c\u4f18\u5316\u7ec6\u8282\uff0c\u5e76\u63d0\u4f9b\u4e86\u82f1\u6587\u7248\u7684\u6587\u6863\uff0c\u5176\u4e2d\u5f88\u591a\u90fd\u6765\u81ea\u793e\u533a\u7684\u8d21\u732e\uff0c\u65e0\u6cd5\u4e00\u4e00\u611f\u8c22\uff0c\u6b22\u8fce\u5404\u4f4d\u6301\u7eed\u5173\u6ce8\u548c\u97ad\u7b56\u3002\u5728\u5347\u7ea7\u8fc7\u7a0b\u4e2d\u9047\u5230\u4efb\u4f55\u95ee\u9898\uff0c\u8bf7\u53ca\u65f6 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues"},"\u53cd\u9988\u7ed9\u6211\u4eec"],"\u3002"],["h3","2.x \u4e3b\u8981\u53d8\u5316"],["ul",["li",["p","\u5f00\u53d1\u8bed\u8a00\u6539\u4e3a TypeScript\uff0c\u63d0\u4f9b ",["strong","\u5b98\u65b9\u652f\u6301\u7684 ",["code",".d.ts"]," \u6587\u4ef6"],"\uff0c\u611f\u8c22 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/1846"},"#1846"]," \u4e2d\u6240\u6709\u53c2\u4e0e\u5230\u8fd9\u6b21\u91cd\u6784\u7684\u4eba\u4ee5\u53ca\u540e\u671f @infeng \u5bf9\u5176\u7684\u5b8c\u5584\u3002"]],["li",["p",["strong","\u65b0\u589e\u82f1\u6587\u6587\u6863"],"\uff0c \u4ee5\u540e\u5c06\u540c\u65f6\u63d0\u4f9b\u4e2d\u82f1\u53cc\u8bed\u6587\u6863\uff0c\u611f\u8c22 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/1471"},"#1471"]," \u91cc\u6240\u6709\u53c2\u4e0e\u5230\u7ffb\u8bd1\u548c\u5ba1\u9605\u5de5\u4f5c\u4e2d\u7684\u4eba\u3002"]],["li",["p","\u65f6\u95f4\u7c7b\u7ec4\u4ef6 DatePicker\u3001TimePicker\u3001Calendar \u7b49\u7684\u5e95\u5c42 ",["strong","\u4f7f\u7528 ",["a",{title:null,href:"http://momentjs.com/"},"moment"]," \u66ff\u6362 ",["a",{title:null,href:"github.com/yiminghe/gregorian-calendar"},"gregorian-calendar"]],"\u3002"]],["li",["p","\u5168\u65b0\u8bbe\u8ba1\u7684 ",["a",{title:null,href:"http://ant.design/components/icon/"},"\u56fe\u6807"],"\u3002"]],["li",["p","\u65b0\u589e\u63d0\u53ca\u7ec4\u4ef6 ",["a",{title:null,href:"http://ant.design/components/mention/"},"Mention"],"\u3002"]],["li",["p","\u65b0\u589e\u81ea\u52a8\u5b8c\u6210\u7ec4\u4ef6 ",["a",{title:null,href:"http://ant.design/components/auto-complete/"},"AutoComplete"],"\u3002"]],["li",["p","Form \u65b0\u589e ",["code","getFieldDecorator"]," \u4f5c\u4e3a ",["code","getFieldProps"]," \u7684\u66ff\u4ee3\uff0c\u5bf9\u4e8e\u4e0d\u6b63\u786e\u7684\u4f7f\u7528\u65b9\u5f0f ",["code","getFieldDecorator"]," \u4f1a\u7ed9\u51fa\u63d0\u793a\uff0c\u53ef\u4ee5\u964d\u4f4e\u8e29\u5751\u7684\u6982\u7387\u3002\u76f8\u5173\u8ba8\u8bba\u89c1 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/1533"},"#1533"],"\u3002"]],["li",["p","Table \u652f\u6301 ",["a",{title:null,href:"http://ant.design/components/table/#components-table-demo-grouping-columns"},"\u8868\u5934\u5206\u7ec4"],"\u3002@yesmeck"]],["li",["p","\u5b8c\u5168\u79fb\u9664 ",["code","antd@1.x"]," \u4e2d\u5df2\u7ecf\u5e9f\u5f03\u7684 QueueAnim\u3001Validation\u3001Form.ValueMixin\u3001Progress.Line\u3001Progress.Circle\u3001Popover","[overlay]"," \u53ca Slider","[marks]"," \u5bf9\u6570\u7ec4\u7684\u652f\u6301\u3002"]]],["h3","2.x \u4e0d\u517c\u5bb9\u6539\u52a8"],["blockquote",["p","\u5efa\u8bae\u4ece ",["code","1.x"]," \u5347\u7ea7\u65f6\uff0c\u76f4\u63a5\u5347\u7ea7\u5230 ",["code","2.x"]," \u7684\u6700\u65b0\u7248\u672c\u3002"],["p","\u5efa\u8bae\u5728\u5347\u7ea7 antd \u7684\u8fc7\u7a0b\u4e2d\uff0c\u6bcf\u505a\u5b8c\u4e00\u6b21\u5408\u7406\u7684\u4fee\u6539\u5e76 review \u548c\u6d4b\u8bd5\u4e4b\u540e\uff0c\u5c31 git commit \u4e00\u6b21\uff0c\u8fd9\u6837\u5728\u8bef\u64cd\u4f5c\u65f6\u80fd\u968f\u65f6\u56de\u6eda\u5230\u4e4b\u524d\u7684\u7248\u672c"]],["p","\u6b64\u7248\u672c\u6709\u90e8\u5206\u4e0d\u517c\u5bb9\u7684\u6539\u52a8\uff0c\u5347\u7ea7\u65f6\u786e\u4fdd\u4fee\u6539\u76f8\u5e94\u7684\u4f7f\u7528\u4ee3\u7801\u3002\u53e6\u5916\u7531\u4e8e\u4eba\u8089\u67e5\u627e\u4ee3\u7801\u4e2d\u7684\u5e9f\u5f03\u7528\u6cd5\u8fc7\u4e8e\u4f4e\u6548\uff0c\u6240\u4ee5\u6211\u4eec\u63d0\u4f9b\u4e86 ",["a",{title:null,href:"https://github.com/ant-design/antd-migration-helper"},"antd-migration-helper"]," \u7528\u4e8e\u626b\u63cf\u4ee3\u7801\u4e2d\u7684\u5e9f\u5f03\u7528\u6cd5\u3002"],["ul",["li",["p","\u65f6\u95f4\u7c7b\u7ec4\u4ef6\u7684 ",["code","value"]," \u548c ",["code","defaultValue"]," \u4e0d\u518d\u652f\u6301 ",["code","String/Date"]," \u7c7b\u578b\uff0c\u8bf7\u4f7f\u7528 ",["a",{title:null,href:"http://momentjs.com/"},"moment"],"\u3002\u9700\u8981\u5bf9\u4ee3\u7801\u8fdb\u884c\u5982\u4e0b\u4fee\u6539\uff0c\u53ef\u4eba\u624b\u4fee\u6539\u4e5f\u53ef\u7528\u6211\u4eec\u63d0\u4f9b\u7684 ",["a",{title:null,href:"https://github.com/ant-design/antd-codemod#time-related-value-to-moment"},"codemod"]," \u811a\u672c\u81ea\u52a8\u4fee\u6539\u7c7b\u4f3c\u7528\u6cd5\uff0c\u4f46\u6ce8\u610f\u811a\u672c\u4e0d\u80fd\u8986\u76d6\u6240\u6709\u60c5\u51b5\uff0c\u6240\u4ee5\u5728\u8fd0\u884c\u811a\u672c\u540e\u4ecd\u7136\u9700\u8981 review \u548c\u6d4b\u8bd5\u3002"],["pre",{lang:"diff",highlighted:'<span class="token deleted">- &lt;TimePicker defaultValue="12:08:23" /></span>\n<span class="token inserted">+ &lt;TimePicker defaultValue={moment(\'12:08:23\', \'HH:mm:ss\')} /></span>\n\n<span class="token deleted">- &lt;DatePicker defaultValue="2015/01/01" /></span>\n<span class="token inserted">+ &lt;DatePicker defaultValue={moment(\'2015/01/01\', \'YYYY/MM/DD\')} /></span>\n\n<span class="token deleted">- &lt;Calendar defaultValue={new Date(\'2010-10-10\')} /></span>\n<span class="token inserted">+ &lt;Calendar defaultValue={moment(\'2010-10-10\', \'YYYY-MM-DD\')} /></span>'},["code","- <TimePicker defaultValue=\"12:08:23\" />\n+ <TimePicker defaultValue={moment('12:08:23', 'HH:mm:ss')} />\n\n- <DatePicker defaultValue=\"2015/01/01\" />\n+ <DatePicker defaultValue={moment('2015/01/01', 'YYYY/MM/DD')} />\n\n- <Calendar defaultValue={new Date('2010-10-10')} />\n+ <Calendar defaultValue={moment('2010-10-10', 'YYYY-MM-DD')} />"]]],["li",["p","\u65f6\u95f4\u7c7b\u7ec4\u4ef6\u7684 ",["code","onChange"]," \u548c ",["code","onPanelChange"]," \u53ca\u5176\u4ed6\u56de\u8c03\u51fd\u6570\u4e2d\u4e3a ",["code","Date/GregorianCalendar"]," \u7c7b\u578b\u7684\u53c2\u6570\uff0c\u5747\u4fee\u6539\u4e3a moment \u7c7b\u578b\uff0c\u4e24\u8005 API \u6709\u6240\u4e0d\u540c\uff0c\u4f46\u529f\u80fd\u57fa\u672c\u4e00\u81f4\uff0c\u8bf7\u5bf9\u7167 ",["a",{title:null,href:"http://momentjs.com/docs/"},"moment \u7684 API \u6587\u6863"]," \u548c ",["a",{title:null,href:"https://github.com/yiminghe/gregorian-calendar"},"gregorian-calendar \u7684\u6587\u6863"]," \u8fdb\u884c\u4fee\u6539\u3002"],["ol",["li",["p","\u4e5f\u53ef\u4ee5\u53c2\u8003\u8fd9\u4e2a ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/4026221d451b246956983bb42140142d4a48b7d7"},"commit"]," \u6765\u8fdb\u884c\u4fee\u6539\u3002"]],["li",["p","\u4e5f\u53ef\u7528\u6211\u4eec\u63d0\u4f9b\u7684 ",["a",{title:null,href:"https://github.com/ant-design/antd-codemod#gergoriancalendar-to-moment"},"codemod"]," \u811a\u672c\u81ea\u52a8\u4fee\u6539\u7c7b\u4f3c\u7528\u6cd5\uff0c\u4f46\u6ce8\u610f\u811a\u672c\u4e0d\u80fd\u8986\u76d6\u6240\u6709\u60c5\u51b5\uff0c\u6240\u4ee5\u5728\u8fd0\u884c\u811a\u672c\u540e\u4ecd\u7136\u9700\u8981 review \u548c\u6d4b\u8bd5\u3002"]]],["pre",{lang:"diff",highlighted:'function disabledDate(date) {\n<span class="token deleted">- console.log(date.getTime());</span>\n<span class="token inserted">+ console.log(date.valueOf());</span>\n}'},["code","function disabledDate(date) {\n- console.log(date.getTime());\n+ console.log(date.valueOf());\n}"]]],["li",["p","\u7531\u4e8e ",["code","JSON.stringify(date: moment)"]," \u8fd4\u56de\u7684\u503c\u4f1a\u4e22\u5931\u65f6\u533a\u8bbe\u7f6e\uff0c\u6240\u4ee5\u5728\u63d0\u4ea4\u524d\u8981\u5148\u4f7f\u7528 ",["code",".format"]," \u628a\u65e5\u671f\u8f6c\u6210\u5b57\u7b26\u4e32\uff0c\u76f8\u5173 issue \u89c1 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3082"},"#3082"],"\uff1a"],["pre",{lang:"js",highlighted:'<span class="token function">handleSubmit</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>\n  <span class="token keyword">const</span> values <span class="token operator">=</span> <span class="token keyword">this</span><span class="token punctuation">.</span>props<span class="token punctuation">.</span>form<span class="token punctuation">.</span><span class="token function">getFieldsValue</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n  values<span class="token punctuation">.</span>date <span class="token operator">=</span> values<span class="token punctuation">.</span>date<span class="token punctuation">.</span><span class="token function">format</span><span class="token punctuation">(</span><span class="token string">\'YYYY-MM-DD HH:mm:ss\'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment" spellcheck="true">// \u6216\u5176\u5b83\u683c\u5f0f</span>\n  <span class="token keyword">const</span> data <span class="token operator">=</span> JSON<span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>values<span class="token punctuation">)</span><span class="token punctuation">;</span>\n  <span class="token comment" spellcheck="true">// \u53d1\u9001 data \u5230\u670d\u52a1\u5668</span>\n<span class="token punctuation">}</span>'},["code","handleSubmit() {\n  const values = this.props.form.getFieldsValue();\n  values.date = values.date.format('YYYY-MM-DD HH:mm:ss'); // \u6216\u5176\u5b83\u683c\u5f0f\n  const data = JSON.stringify(values);\n  // \u53d1\u9001 data \u5230\u670d\u52a1\u5668\n}"]]],["li",["p","\u65f6\u95f4\u7c7b\u7ec4\u4ef6\u4e0e\u8868\u5355\u6821\u9a8c\u4e00\u8d77\u4f7f\u7528\u65f6\uff0c",["code","type: 'date'"]," \u6539\u4e3a ",["code","type: 'object'"],"\u3002"],["pre",{lang:"diff",highlighted:"getFieldDecorator('time', {\n  rules: [{\n    required: true,\n<span class=\"token deleted\">-   type: 'date',</span>\n<span class=\"token inserted\">+   type: 'object',</span>\n  }],\n})(...)"},["code","getFieldDecorator('time', {\n  rules: [{\n    required: true,\n-   type: 'date',\n+   type: 'object',\n  }],\n})(...)"]]],["li",["p","\u65f6\u95f4\u7c7b\u7ec4\u4ef6\u7684 ",["code","format"]," \u5c5e\u6027\u4e5f\u53d1\u751f\u4e86\u53d8\u5316\uff0c\u4ece ",["a",{title:null,href:"https://github.com/yiminghe/gregorian-calendar-format#api"},"gregorian-calendar-format \u7684\u683c\u5f0f"]," \u53d8\u5316\u4e3a\u4e0e ",["a",{title:null,href:"http://momentjs.com/docs/#/parsing/string-format/"},"moment \u7684\u683c\u5f0f"],"\uff0c\u4f8b\u5982\u539f\u6765\u7684 ",["code","yyyy-MM-dd"]," \u5c06\u53d8\u4e3a ",["code","YYYY-MM-DD"],"\u3002\u53ef\u4eba\u624b\u4fee\u6539\u4e5f\u53ef\u7528\u6211\u4eec\u63d0\u4f9b\u7684 ",["a",{title:null,href:"https://github.com/ant-design/antd-codemod#time-related-value-to-moment"},"codemod"]," \u811a\u672c\u81ea\u52a8\u4fee\u6539\u7c7b\u4f3c\u7528\u6cd5\uff0c\u4f46\u6ce8\u610f\u811a\u672c\u4e0d\u80fd\u8986\u76d6\u6240\u6709\u60c5\u51b5\uff0c\u6240\u4ee5\u5728\u8fd0\u884c\u811a\u672c\u540e\u4ecd\u7136\u9700\u8981 review \u548c\u6d4b\u8bd5\u3002"]],["li",["p","Breadcrumb \u79fb\u9664 ",["code","linkRender"]," \u548c ",["code","nameRender"],"\uff0c\u8bf7\u4f7f\u7528 ",["code","itemRender"],"\u3002"]],["li",["p","Menu \u79fb\u9664 ",["code","onClose"]," ",["code","onOpen"],"\uff0c\u8bf7\u4f7f\u7528 ",["code","onOpenChange"],"\u3002API \u5dee\u5f02\u8f83\u5927\uff0c\u8bf7\u5148\u7814\u7a76 ",["a",{title:null,href:"http://beta.ant.design/components/menu/#components-menu-demo-sider-current"},"demo"],"\u3002"]],["li",["p","Table \u79fb\u9664\u5217\u5206\u9875\u529f\u80fd\uff0c\u8bf7\u4f7f\u7528 ",["a",{title:null,href:"http://ant.design/components/table/#components-table-demo-fixed-columns"},"\u56fa\u5b9a\u5217"],"\u3002"]],["li",["p","Popover \u79fb\u9664 ",["code","overlay"]," \uff0c\u8bf7\u4f7f\u7528 ",["code","content"],"\u3002"]]],["p","\u4ee5\u4e0b\u53d8\u5316\u5347\u7ea7\u540e\u65e7\u4ee3\u7801\u4ecd\u7136\u80fd\u6b63\u5e38\u8fd0\u884c\uff0c\u4f46\u662f\u63a7\u5236\u53f0\u4f1a\u51fa\u73b0\u8b66\u544a\u63d0\u793a\uff0c\u5efa\u8bae\u6309\u63d0\u793a\u8fdb\u884c\u4fee\u6539\u3002"],["ul",["li",["p","Form \u5e9f\u5f03 ",["code","getFieldProps"],"\uff0c\u8bf7\u4f7f\u7528 ",["code","getFieldDecorator"],"\u3002\u53ef\u4eba\u624b\u4fee\u6539\u4e5f\u53ef\u7528\u6211\u4eec\u63d0\u4f9b\u7684 ",["a",{title:null,href:"https://github.com/ant-design/antd-codemod#getfieldprops-to-getfielddecorator"},"codemod"]," \u811a\u672c\u81ea\u52a8\u4fee\u6539\u7c7b\u4f3c\u7528\u6cd5\uff0c\u4f46\u6ce8\u610f\u811a\u672c\u4e0d\u80fd\u8986\u76d6\u6240\u6709\u60c5\u51b5\uff0c\u6240\u4ee5\u5728\u8fd0\u884c\u811a\u672c\u540e\u4ecd\u7136\u9700\u8981 review \u548c\u6d4b\u8bd5\u3002"],["pre",{lang:"diff",highlighted:'<span class="token deleted">-  &lt;Input placeholder="text" {...getFieldProps(\'userName\', { ... })} /></span>\n<span class="token inserted">+  {getFieldDecorator(\'userName\', { ... })(</span>\n<span class="token inserted">+    &lt;Input placeholder="text" /></span>\n<span class="token inserted">+  )}</span>'},["code","-  <Input placeholder=\"text\" {...getFieldProps('userName', { ... })} />\n+  {getFieldDecorator('userName', { ... })(\n+    <Input placeholder=\"text\" />\n+  )}"]],["p","\u76f8\u5173\u8ba8\u8bba\u53ef\u4ee5\u770b ",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/1533"},"#1533"],"\u3002"]],["li",["p","DatePicker \u5e9f\u5f03 ",["code","toggleOpen"],"\uff0c\u8bf7\u4f7f\u7528 ",["code","onOpenChange"],"\uff1a"],["pre",{lang:"diff",highlighted:'<span class="token deleted">- handleToggleOpen({ open }) {</span>\n<span class="token inserted">+ handleOpenChange(open) {</span>\n  ...\n}'},["code","- handleToggleOpen({ open }) {\n+ handleOpenChange(open) {\n  ...\n}"]]]],["p","\u6700\u540e\uff0c\u7531\u4e8e\u65f6\u95f4\u7c7b\u7ec4\u4ef6\u4fee\u6539\u6bd4\u8f83\u590d\u6742\uff0c\u53ef\u80fd\u8fd8\u9700\u8981\u6df1\u5165\u4e1a\u52a1\u903b\u8f91\uff0c\u6240\u4ee5\u5728\u9879\u76ee\u6bd4\u8f83\u8d76\u7684\u60c5\u51b5\u4e0b\uff0c\u53ef\u4ee5\u8003\u8651\u4f7f\u7528 ",["a",{title:null,href:"https://github.com/ant-design/antd-adapter"},"antd-adapter"]," \u9002\u914d\u4e3a ",["code","antd@1.x"]," \u91cc\u9762\u7684\u7528\u6cd5\uff0c\u4f46\u4e0d\u5efa\u8bae\u3002"],["h3","2.x Bug \u4fee\u590d"],["ul",["li",["p","\u4fee\u590d Dropdown.Button ",["code","disabled"]," \u5c5e\u6027\u65e0\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3070"},"#3070"]]],["li",["p","\u4fee\u590d Form.create ",["code","withRef"]," \u9009\u9879\u5931\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2843"},"#2843"]]],["li",["p","\u4fee\u590d Menu inline \u6a21\u5f0f\u4e0b\u5b50\u83dc\u5355\u5c55\u5f00\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2701"},"#2701"]]],["li",["p","\u4fee\u590d Modal.confirm \u4e4b\u7c7b\u7684\u5f39\u7a97\u5728\u5f02\u6b65\u8c03\u7528\u65f6\u6309\u94ae\u4ecd\u53ef\u70b9\u51fb\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2684"},"#2684"]]],["li",["p","\u4fee\u590d DatePicker","[showtime]"," \u53c2\u6570\u4e2d\u7684 ",["code","format"]," \u5931\u6548\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/3123"},"#3123"]]],["li",["p","\u4fee\u590d Table","[datasource]"," \u4e2d\u7684\u9879\u7684 key \u4e3a ",["code","0"]," \u65f6\u8bc6\u522b\u9519\u8bef\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/pull/3166"},"#3166"]," @noonnightstorm"]],["li",["p","\u4fee\u590d Tree.Node \u65e0\u5b50\u8282\u70b9\u65f6\u4ecd\u7136\u663e\u793a\u7bad\u5934\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2616"},"#2616"]]],["li",["p","\u4fee\u590d Tree.Node \u7bad\u5934\u9690\u85cf\u540e\u9f20\u6807 hover \u4e0a\u53bb\u5149\u6807\u4ecd\u4f1a\u53d1\u751f\u53d8\u5316\u7684\u95ee\u9898\u3002",["a",{title:null,href:"https://github.com/ant-design/ant-design/issues/2748"},"#2748"]]]],["h3","2.x \u5176\u4ed6\u6539\u8fdb"],["ul",["li",["p","Alert \u65b0\u589e ",["a",{title:null,href:"http://ant.design/components/alert/#components-alert-demo-banner"},["code","banner"]," \u6a21\u5f0f"],"\u3002"]],["li",["p","BackTop \u589e\u52a0\u56de\u5230\u9876\u90e8\u7684\u52a8\u753b\u6548\u679c\u3002"]],["li",["p","Badge \u65b0\u589e ",["a",{title:null,href:"http://ant.design/components/badge/#components-badge-demo-status"},"\u72b6\u6001\u70b9\u6a21\u5f0f"],"\u3002"]],["li",["p","Cascader \u65b0\u589e ",["a",{title:null,href:"http://ant.design/components/cascader/#components-cascader-demo-search"},"\u641c\u7d22\u529f\u80fd"],"\u3002"]],["li",["p","Checkbox \u65b0\u589e ",["a",{title:null,href:"http://ant.design/components/checkbox/#components-checkbox-demo-check-all"},"indeterminate \u72b6\u6001"],"\u3002"]],["li",["p","Form \u65b0\u589e ",["a",{title:null,href:"http://ant.design/components/form/#components-form-demo-validate-customized"},"\u5782\u76f4\u5e03\u5c40"],"\u3002"]],["li",["p","InputNumber \u73b0\u5728\u652f\u6301\u957f\u6309\u3002",["a",{title:null,href:"http://ant.design/components/input-number/#components-input-number-demo-basic"},"#"]]],["li",["p","notification \u652f\u6301 ",["a",{title:null,href:"http://ant.design/components/notification/#components-notification-demo-custom-icon"},"\u81ea\u5b9a\u4e49 icon"],"\u3002"]],["li",["p","Spin \u73b0\u5728\u5141\u8bb8 ",["a",{title:null,href:"http://ant.design/components/spin/#components-spin-demo-tip"},"\u81ea\u5b9a\u4e49\u6587\u6848\u4e0e\u52a8\u753b\u5171\u5b58"],"\u3002@jerrybendy"]],["li",["p","Transfer \u73b0\u5728\u53ef\u4ee5\u76d1\u542c\u7528\u6237\u9009\u62e9\u4e86\u54ea\u4e9b\u9009\u9879\u3002",["a",{title:null,href:"http://ant.design/components/transfer/#components-transfer-demo-basic"},"#"]]],["li",["p","Transfer \u73b0\u5728\u53ef\u4ee5\u5b9a\u4e49\u54ea\u4e9b\u9009\u9879\u662f ",["a",{title:null,href:"http://ant.design/components/transfer/#components-transfer-demo-basic"},"\u4e0d\u53ef\u9009\u62e9\u7684"],"\u3002"]],["li",["p","\u4f18\u5316 Alert \u548c notification \u7684\u6837\u5f0f\u3002"]],["li",["p","\u4f18\u5316 Modal.confirm \u4e4b\u7c7b\u7684\u5f39\u7a97\u7684\u952e\u76d8\u4ea4\u4e92\u3002@Dafrok"]],["li",["p","\u4f18\u5316 ",["a",{title:null,href:"http://ant.design/components/date-picker/#components-date-picker-demo-time"},"DatePicker \u7684\u65f6\u95f4\u9009\u62e9"]," \u4ea4\u4e92\u3002"]],["li",["p","\u4f18\u5316 ",["a",{title:null,href:"http://ant.design/components/spin/#components-spin-demo-nested"},"Spin \u72b6\u6001\u5207\u6362"]," \u65f6\u7684\u6548\u679c\u3002"]],["li",["p","\u66f4\u65b0 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/commit/2f308b0f995cfcb2a3c8feb1e35ffd3f0bf93cfc"},"font-family"],"\u3002"]]],["h3","2.x \u76f8\u5173\u5de5\u5177\u53d1\u5e03"],["ul",["li",["p","\u65b0\u589e\u914d\u5957\u7f51\u7ad9 ",["a",{title:null,href:"http://library.ant.design/"},"AntD Library"],"\uff0c\u63d0\u4f9b\u9075\u5faa Ant Design \u8bbe\u8ba1\u89c4\u8303\u7684\u7ec4\u4ef6\u3001\u6a21\u5f0f\u7b49\u7684 Axure \u8d44\u6e90\u3002"]],["li",["p",["code","babel-plugin-antd"]," \u66f4\u540d\u4e3a ",["a",{title:null,href:"https://github.com/ant-design/babel-plugin-import"},"babel-plugin-import"],"\uff0c\u6807\u5fd7\u7740\u8be5\u63d2\u4ef6\u5c06\u4f5c\u4e3a\u4e00\u4e2a\u901a\u7528\u7684\u6309\u9700\u52a0\u8f7d\u65b9\u6848\u5b58\u5728\uff0c\u800c\u4e0d\u518d\u662f ",["code","antd"]," \u4e13\u6709\u3002"],["p","\u8bf7\u66f4\u65b0 ",["code","package.json"],"\uff1a"],["pre",{lang:"diff",highlighted:'{\n  "devDependencies": {\n<span class="token deleted">-   "babel-plugin-antd": "^0.x.x",</span>\n<span class="token inserted">+   "babel-plugin-import": "^1.0.0",</span>\n  }\n}'},["code",'{\n  "devDependencies": {\n-   "babel-plugin-antd": "^0.x.x",\n+   "babel-plugin-import": "^1.0.0",\n  }\n}']],["p","\u540c\u65f6\u66f4\u65b0 ",["code",".babelrc"]," \u6216\u4f60\u5728\u5176\u5b83\u5730\u65b9\u5bf9\u5176\u7684\u914d\u7f6e\uff1a"],["pre",{lang:"diff",highlighted:'{\n<span class="token deleted">-  "plugins": [["antd", { style: "css" }]]</span>\n<span class="token inserted">+  "plugins": [["import", { libraryName: "antd", style: "css" }]]</span>\n}'},["code",'{\n-  "plugins": [["antd", { style: "css" }]]\n+  "plugins": [["import", { libraryName: "antd", style: "css" }]]\n}']]],["li",["p",["a",{title:null,href:"https://github.com/dvajs/dva"},"dva@1.0.0"]," \u4e5f\u5df2\u7ecf\u53d1\u5e03\uff0c\u5e76\u63a8\u8350 ",["a",{title:null,href:"http://ant.design/docs/react/practical-projects"},"\u5728\u5b9e\u6218\u9879\u76ee\u4e2d\u4f7f\u7528"],"\u3002"]],["li",["p","\u811a\u624b\u67b6\u5de5\u5177\u63a8\u8350\u4f7f\u7528 ",["a",{title:null,href:"https://github.com/dvajs/dva-cli"},"dva-cli"],"\uff0c\u539f\u6765\u7684 ",["code","antd-init"]," \u4ee5\u540e\u4ec5\u4f1a\u7528\u4e8e\u5b66\u4e60\u4ee5\u53ca demo\u3002"]]],["h2","1.11.4"],["p","\u53bb ",["a",{title:null,href:"https://github.com/ant-design/ant-design/blob/1.x-stable/CHANGELOG.md"},"GitHub"]," \u67e5\u770b ",["code","0.x"]," \u5230 ",["code","1.x"]," \u7684 Change Log\u3002"]],meta:{order:6,title:"\u66f4\u65b0\u65e5\u5fd7",toc:!1,timeline:!0,filename:"CHANGELOG.zh-CN.md"},description:["section",["p",["code","antd"]," \u4e25\u683c\u9075\u5faa ",["a",{title:null,href:"http://semver.org/lang/zh-CN/"},"Semantic Versioning 2.0.0"]," \u8bed\u4e49\u5316\u7248\u672c\u89c4\u8303\u3002"],["h4","\u53d1\u5e03\u5468\u671f"],["ul",["li",["p","\u4fee\u8ba2\u7248\u672c\u53f7\uff1a\u6bcf\u5468\u672b\u4f1a\u8fdb\u884c\u65e5\u5e38 bugfix \u66f4\u65b0\u3002\uff08\u5982\u679c\u6709\u7d27\u6025\u7684 bugfix\uff0c\u5219\u4efb\u4f55\u65f6\u5019\u90fd\u53ef\u53d1\u5e03\uff09"]],["li",["p","\u6b21\u7248\u672c\u53f7\uff1a\u6bcf\u6708\u53d1\u5e03\u4e00\u4e2a\u5e26\u6709\u65b0\u7279\u6027\u7684\u5411\u4e0b\u517c\u5bb9\u7684\u7248\u672c\u3002"]],["li",["p","\u4e3b\u7248\u672c\u53f7\uff1a\u542b\u6709\u7834\u574f\u6027\u66f4\u65b0\u548c\u65b0\u7279\u6027\uff0c\u4e0d\u5728\u53d1\u5e03\u5468\u671f\u5185\u3002"]]],["p","\u5982\u679c\u9700\u8981\u67e5\u770b ",["code","2.0.0"]," \u4e4b\u524d\u7684\u66f4\u65b0\u65e5\u5fd7\uff0c\u8bf7\u79fb\u6b65 ",["a",{title:null,href:"https://github.com/ant-design/ant-design/blob/1.x-stable/CHANGELOG.md"},"GitHub"],"\u3002"]],toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#2.9.3",title:"2.9.3"},"2.9.3"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.9.2",title:"2.9.2"},"2.9.2"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.9.1",title:"2.9.1"},"2.9.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.9.0",title:"2.9.0"},"2.9.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.8.3",title:"2.8.3"},"2.8.3"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.8.2",title:"2.8.2"},"2.8.2"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.8.1",title:"2.8.1"},"2.8.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.8.0",title:"2.8.0"},"2.8.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.7.4",title:"2.7.4"},"2.7.4"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.7.3",title:"2.7.3"},"2.7.3"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.7.2",title:"2.7.2"},"2.7.2"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.7.1",title:"2.7.1"},"2.7.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.7.0",title:"2.7.0"},"2.7.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.6.4",title:"2.6.4"},"2.6.4"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.6.3",title:"2.6.3"},"2.6.3"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.6.2",title:"2.6.2"},"2.6.2"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.6.1",title:"2.6.1"},"2.6.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.6.0",title:"2.6.0"},"2.6.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.5.3",title:"2.5.3"},"2.5.3"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.5.2",title:"2.5.2"},"2.5.2"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.5.1",title:"2.5.1"},"2.5.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.5.0",title:"2.5.0"},"2.5.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.4.3",title:"2.4.3"},"2.4.3"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.4.2",title:"2.4.2"},"2.4.2"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.4.1",title:"2.4.1"},"2.4.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.4.0",title:"2.4.0"},"2.4.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.3.2",title:"2.3.2"},"2.3.2"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.3.1",title:"2.3.1"},"2.3.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.3.0",title:"2.3.0"},"2.3.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.2.1",title:"2.2.1"},"2.2.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.2.0",title:"2.2.0"},"2.2.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.1.0",title:"2.1.0"},"2.1.0"]],["li",["a",{className:"bisheng-toc-h2",
+href:"#2.0.1",title:"2.0.1"},"2.0.1"]],["li",["a",{className:"bisheng-toc-h2",href:"#2.0.0",title:"2.0.0"},"2.0.0"]],["li",["a",{className:"bisheng-toc-h2",href:"#1.11.4",title:"1.11.4"},"1.11.4"]]]}}});
\ No newline at end of file
diff --git a/changelog-cn.html b/changelog-cn.html
index 5aae56bfa..a68b2c9bf 100644
--- a/changelog-cn.html
+++ b/changelog-cn.html
@@ -110,45 +110,45 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-482567913"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-752574232"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->更新日志<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/CHANGELOG.zh-CN.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="markdown" data-reactid="294"><p data-reactid="295"><code data-reactid="296"><!-- react-text: 297 -->antd<!-- /react-text --></code><!-- react-text: 298 --> 严格遵循 <!-- /react-text --><a href="http://semver.org/lang/zh-CN/" data-reactid="299"><!-- react-text: 300 -->Semantic Versioning 2.0.0<!-- /react-text --></a><!-- react-text: 301 --> 语义化版本规范。<!-- /react-text --></p><h4 id="发布周期" data-reactid="302"><span data-reactid="303"><!-- react-text: 304 -->发布周期<!-- /react-text --></span><a href="#发布周期" class="anchor" data-reactid="305">#</a></h4><ul data-reactid="306"><li data-reactid="307"><p data-reactid="308"><!-- react-text: 309 -->修订版本号：每周末会进行日常 bugfix 更新。（如果有紧急的 bugfix，则任何时候都可发布）<!-- /react-text --></p></li><li data-reactid="310"><p data-reactid="311"><!-- react-text: 312 -->次版本号：每月发布一个带有新特性的向下兼容的版本。<!-- /react-text --></p></li><li data-reactid="313"><p data-reactid="314"><!-- react-text: 315 -->主版本号：含有破坏性更新和新特性，不在发布周期内。<!-- /react-text --></p></li></ul><p data-reactid="316"><!-- react-text: 317 -->如果需要查看 <!-- /react-text --><code data-reactid="318"><!-- react-text: 319 -->2.0.0<!-- /react-text --></code><!-- react-text: 320 --> 之前的更新日志，请移步 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/blob/1.x-stable/CHANGELOG.md" data-reactid="321"><!-- react-text: 322 -->GitHub<!-- /react-text --></a><!-- react-text: 323 -->。<!-- /react-text --></p></section><section class="markdown" data-reactid="324"><ul class="ant-timeline" data-reactid="325"><li class="ant-timeline-item" data-reactid="326"><div class="ant-timeline-item-tail" data-reactid="327"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="328"></div><div class="ant-timeline-item-content" data-reactid="329"><h2 id="2.9.2" data-reactid="330"><span data-reactid="331"><!-- react-text: 332 -->2.9.2<!-- /react-text --></span><a href="#2.9.2" class="anchor" data-reactid="333">#</a></h2><p data-reactid="334"><code data-reactid="335"><!-- react-text: 336 -->2017-04-22<!-- /react-text --></code></p><ul data-reactid="337"><li data-reactid="338"><p data-reactid="339"><strong data-reactid="340"><!-- react-text: 341 -->Alert<!-- /react-text --></strong><!-- react-text: 342 --> 修复 banner 型属性无法覆盖的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5800" data-reactid="343"><!-- react-text: 344 -->#5800<!-- /react-text --></a></p></li><li data-reactid="345"><p data-reactid="346"><strong data-reactid="347"><!-- react-text: 348 -->AutoComplete<!-- /react-text --></strong><!-- react-text: 349 --> 修复自定义输入组件无法监听 <!-- /react-text --><code data-reactid="350"><!-- react-text: 351 -->onKeyDown<!-- /react-text --></code><!-- react-text: 352 --> 事件的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5487" data-reactid="353"><!-- react-text: 354 -->#5487<!-- /react-text --></a></p></li><li data-reactid="355"><p data-reactid="356"><strong data-reactid="357"><!-- react-text: 358 -->Button<!-- /react-text --></strong><!-- react-text: 359 --> 危险按钮使用新的样式。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5815" data-reactid="360"><!-- react-text: 361 -->#5815<!-- /react-text --></a></p></li><li data-reactid="362"><p data-reactid="363"><strong data-reactid="364"><!-- react-text: 365 -->DatePicker<!-- /react-text --></strong><!-- react-text: 366 --> <!-- /react-text --></p><ul data-reactid="367"><li data-reactid="368"><p data-reactid="369"><!-- react-text: 370 -->优化了 RangePicker 的体验，rc-calendar 升级至 <!-- /react-text --><code data-reactid="371"><!-- react-text: 372 -->~8.0.0<!-- /react-text --></code><!-- react-text: 373 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4985" data-reactid="374"><!-- react-text: 375 -->#4985<!-- /react-text --></a></p></li><li data-reactid="376"><p data-reactid="377"><!-- react-text: 378 -->修复了 RangePicker 自定义高度后文字不能上下居中的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5718" data-reactid="379"><!-- react-text: 380 -->pull/5718<!-- /react-text --></a><!-- react-text: 381 --> <!-- /react-text --><a href="https://github.com/leadream" data-reactid="382"><!-- react-text: 383 -->@leadream<!-- /react-text --></a></p></li></ul></li><li data-reactid="384"><p data-reactid="385"><strong data-reactid="386"><!-- react-text: 387 -->Form<!-- /react-text --></strong><!-- react-text: 388 --> 增加样式变量来控制表单项标题冒号的展示。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5855" data-reactid="389"><!-- react-text: 390 -->pull/5855<!-- /react-text --></a><!-- react-text: 391 --> <!-- /react-text --><a href="https://github.com/megawac" data-reactid="392"><!-- react-text: 393 -->@megawac<!-- /react-text --></a></p></li><li data-reactid="394"><p data-reactid="395"><strong data-reactid="396"><!-- react-text: 397 -->Icon<!-- /react-text --></strong><!-- react-text: 398 --> 增加 displayName 属性。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5643" data-reactid="399"><!-- react-text: 400 -->pull/5643<!-- /react-text --></a><!-- react-text: 401 --> <!-- /react-text --><a href="https://github.com/handycode" data-reactid="402"><!-- react-text: 403 -->@handycode<!-- /react-text --></a></p></li><li data-reactid="404"><p data-reactid="405"><strong data-reactid="406"><!-- react-text: 407 -->Input<!-- /react-text --></strong></p><ul data-reactid="408"><li data-reactid="409"><p data-reactid="410"><!-- react-text: 411 -->修复了 Input.Search 在 Input.Group 下的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5743" data-reactid="412"><!-- react-text: 413 -->#5743<!-- /react-text --></a></p></li><li data-reactid="414"><p data-reactid="415"><!-- react-text: 416 -->修复了 AutoComplete 在 Input.Group 下的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5832" data-reactid="417"><!-- react-text: 418 -->#5832<!-- /react-text --></a></p></li><li data-reactid="419"><p data-reactid="420"><!-- react-text: 421 -->修复了 Select 在 Input.Group 下的 size 问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5754" data-reactid="422"><!-- react-text: 423 -->#5754<!-- /react-text --></a></p></li><li data-reactid="424"><p data-reactid="425"><!-- react-text: 426 -->调整了 suffix 的颜色。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5820" data-reactid="427"><!-- react-text: 428 -->pull/5820<!-- /react-text --></a><!-- react-text: 429 --> <!-- /react-text --><a href="https://github.com/megawac" data-reactid="430"><!-- react-text: 431 -->@megawac<!-- /react-text --></a></p></li></ul></li><li data-reactid="432"><p data-reactid="433"><strong data-reactid="434"><!-- react-text: 435 -->InputNumber<!-- /react-text --></strong><!-- react-text: 436 --> 更新了 <!-- /react-text --><code data-reactid="437"><!-- react-text: 438 -->parser<!-- /react-text --></code><!-- react-text: 439 --> 和 <!-- /react-text --><code data-reactid="440"><!-- react-text: 441 -->formatter<!-- /react-text --></code><!-- react-text: 442 --> 配合使用的文档及示例。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5683" data-reactid="443"><!-- react-text: 444 -->#5683<!-- /react-text --></a></p></li><li data-reactid="445"><p data-reactid="446"><strong data-reactid="447"><!-- react-text: 448 -->Layout<!-- /react-text --></strong></p><ul data-reactid="449"><li data-reactid="450"><p data-reactid="451"><!-- react-text: 452 -->增加了<!-- /react-text --><a href="https://ant.design/components/layout/#components-layout-demo-fixed-sider" data-reactid="453"><!-- react-text: 454 -->固定侧边栏<!-- /react-text --></a><!-- react-text: 455 -->示例。<!-- /react-text --></p></li><li data-reactid="456"><p data-reactid="457"><!-- react-text: 458 -->修复 firefox 下响应式侧边栏的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5613" data-reactid="459"><!-- react-text: 460 -->#5613<!-- /react-text --></a></p></li></ul></li><li data-reactid="461"><p data-reactid="462"><strong data-reactid="463"><!-- react-text: 464 -->LocaleProvider<!-- /react-text --></strong><!-- react-text: 465 --> 自动引入样式变量以便自定义。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5712" data-reactid="466"><!-- react-text: 467 -->#5712<!-- /react-text --></a><!-- react-text: 468 --> <!-- /react-text --><a href="https://github.com/lionkeng" data-reactid="469"><!-- react-text: 470 -->@lionkeng<!-- /react-text --></a></p></li><li data-reactid="471"><p data-reactid="472"><strong data-reactid="473"><!-- react-text: 474 -->Menu<!-- /react-text --></strong><!-- react-text: 475 --> 去掉 Menu 组件中 a 标签默认的 focus 下划线样式。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5707" data-reactid="476"><!-- react-text: 477 -->#5707<!-- /react-text --></a></p></li><li data-reactid="478"><p data-reactid="479"><strong data-reactid="480"><!-- react-text: 481 -->Notification<!-- /react-text --></strong><!-- react-text: 482 --> 样式自适应单行文案。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5846" data-reactid="483"><!-- react-text: 484 -->#5846<!-- /react-text --></a></p></li><li data-reactid="485"><p data-reactid="486"><strong data-reactid="487"><!-- react-text: 488 -->Radio<!-- /react-text --></strong><!-- react-text: 489 --> 新增 Radio.Button 颜色及背景色样式变量。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5791" data-reactid="490"><!-- react-text: 491 -->pull/5791<!-- /react-text --></a><!-- react-text: 492 --> <!-- /react-text --><a href="https://github.com/megawac" data-reactid="493"><!-- react-text: 494 -->@megawac<!-- /react-text --></a></p></li><li data-reactid="495"><p data-reactid="496"><strong data-reactid="497"><!-- react-text: 498 -->Table<!-- /react-text --></strong></p><ul data-reactid="499"><li data-reactid="500"><p data-reactid="501"><!-- react-text: 502 -->增加了头部背景及行 hover 背景样式变量。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5706" data-reactid="503"><!-- react-text: 504 -->#5706<!-- /react-text --></a><!-- react-text: 505 --> <!-- /react-text --><a href="https://github.com/kappa-gooner" data-reactid="506"><!-- react-text: 507 -->@kappa-gooner<!-- /react-text --></a></p></li><li data-reactid="508"><p data-reactid="509"><!-- react-text: 510 -->修复了表头分组示例的展示问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5697" data-reactid="511"><!-- react-text: 512 -->#5697<!-- /react-text --></a></p></li></ul></li><li data-reactid="513"><p data-reactid="514"><strong data-reactid="515"><!-- react-text: 516 -->Tabs<!-- /react-text --></strong><!-- react-text: 517 --> 修复了垂直模式下滚动按钮的位置问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5765" data-reactid="518"><!-- react-text: 519 -->#5765<!-- /react-text --></a><!-- react-text: 520 --> <!-- /react-text --><a href="https://github.com/dicklwm" data-reactid="521"><!-- react-text: 522 -->@dicklwm<!-- /react-text --></a></p></li><li data-reactid="523"><p data-reactid="524"><strong data-reactid="525"><!-- react-text: 526 -->TreeSelect<!-- /react-text --></strong><!-- react-text: 527 --> 修复了下拉箭头方向不能改变的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5693" data-reactid="528"><!-- react-text: 529 -->#5693<!-- /react-text --></a></p></li><li data-reactid="530"><p data-reactid="531"><strong data-reactid="532"><!-- react-text: 533 -->TypeScript<!-- /react-text --></strong><!-- react-text: 534 --> <!-- /react-text --></p><ul data-reactid="535"><li data-reactid="536"><p data-reactid="537"><!-- react-text: 538 -->补充了 InputNumber 的部分定义。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5717" data-reactid="539"><!-- react-text: 540 -->#5717<!-- /react-text --></a><!-- react-text: 541 -->  <!-- /react-text --><a href="https://github.com/whtang906" data-reactid="542"><!-- react-text: 543 -->@whtang906<!-- /react-text --></a></p></li></ul></li><li data-reactid="544"><p data-reactid="545"><strong data-reactid="546"><!-- react-text: 547 -->全局性优化<!-- /react-text --></strong></p><ul data-reactid="548"><li data-reactid="549"><p data-reactid="550"><!-- react-text: 551 -->修复了组件中因升级 React@15.5.0 带来的 <!-- /react-text --><code data-reactid="552"><!-- react-text: 553 -->React.PropTypes<!-- /react-text --></code><!-- react-text: 554 --> 警告。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5723" data-reactid="555"><!-- react-text: 556 -->pull/5723<!-- /react-text --></a><!-- react-text: 557 -->  <!-- /react-text --><a href="https://github.com/manjitkumar" data-reactid="558"><!-- react-text: 559 -->@manjitkumar<!-- /react-text --></a></p></li></ul></li><li data-reactid="560"><p data-reactid="561"><strong data-reactid="562"><!-- react-text: 563 -->网站<!-- /react-text --></strong></p><ul data-reactid="564"><li data-reactid="565"><p data-reactid="566"><!-- react-text: 567 -->『指引』中增加了英文版的<!-- /react-text --><a href="https://ant.design/docs/spec/icon" data-reactid="568"><!-- react-text: 569 -->图标说明<!-- /react-text --></a><!-- react-text: 570 -->。<!-- /react-text --><a href="https://github.com/kenaniah" data-reactid="571"><!-- react-text: 572 -->@kenaniah<!-- /react-text --></a></p></li><li data-reactid="573"><p data-reactid="574"><!-- react-text: 575 -->增加了<!-- /react-text --><a href="https://gitter.im/ant-design/ant-design-english" data-reactid="576"><!-- react-text: 577 -->英文版在线讨论<!-- /react-text --></a><!-- react-text: 578 -->。<!-- /react-text --></p></li></ul></li></ul></div></li><li class="ant-timeline-item" data-reactid="579"><div class="ant-timeline-item-tail" data-reactid="580"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="581"></div><div class="ant-timeline-item-content" data-reactid="582"><h2 id="2.9.1" data-reactid="583"><span data-reactid="584"><!-- react-text: 585 -->2.9.1<!-- /react-text --></span><a href="#2.9.1" class="anchor" data-reactid="586">#</a></h2><p data-reactid="587"><code data-reactid="588"><!-- react-text: 589 -->2017-04-09<!-- /react-text --></code></p><ul data-reactid="590"><li data-reactid="591"><p data-reactid="592"><!-- react-text: 593 -->Step<!-- /react-text --></p><ul data-reactid="594"><li data-reactid="595"><p data-reactid="596"><!-- react-text: 597 -->增加 less 变量。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5624" data-reactid="598"><!-- react-text: 599 -->#5624<!-- /react-text --></a><!-- react-text: 600 --> <!-- /react-text --><a href="https://github.com/megawac" data-reactid="601"><!-- react-text: 602 -->@megawac<!-- /react-text --></a></p></li><li data-reactid="603"><p data-reactid="604"><!-- react-text: 605 -->修复样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5623" data-reactid="606"><!-- react-text: 607 -->#5623<!-- /react-text --></a></p></li></ul></li><li data-reactid="608"><p data-reactid="609"><!-- react-text: 610 -->Button 点击后不会再失去焦点。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5597" data-reactid="611"><!-- react-text: 612 -->#5597<!-- /react-text --></a><!-- react-text: 613 --> <!-- /react-text --><a href="https://github.com/kenaniah" data-reactid="614"><!-- react-text: 615 -->@kenaniah<!-- /react-text --></a></p></li><li data-reactid="616"><p data-reactid="617"><!-- react-text: 618 -->链接获取焦点的时候增加下划线。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5597" data-reactid="619"><!-- react-text: 620 -->#5587<!-- /react-text --></a><!-- react-text: 621 --> <!-- /react-text --><a href="https://github.com/kenaniah" data-reactid="622"><!-- react-text: 623 -->@kenaniah<!-- /react-text --></a></p></li><li data-reactid="624"><p data-reactid="625"><!-- react-text: 626 -->修复 Dropdown.Button 不能使用 <!-- /react-text --><code data-reactid="627"><!-- react-text: 628 -->placement<!-- /react-text --></code><!-- react-text: 629 --> 的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5594" data-reactid="630"><!-- react-text: 631 -->#5594<!-- /react-text --></a></p></li><li data-reactid="632"><p data-reactid="633"><!-- react-text: 634 -->修复 Pagination 不对齐的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5632" data-reactid="635"><!-- react-text: 636 -->#5632<!-- /react-text --></a></p></li><li data-reactid="637"><p data-reactid="638"><!-- react-text: 639 -->修复 AutoComplete 使用 <!-- /react-text --><code data-reactid="640"><!-- react-text: 641 -->allowClear<!-- /react-text --></code><!-- react-text: 642 --> 时的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5634" data-reactid="643"><!-- react-text: 644 -->#5634<!-- /react-text --></a></p></li><li data-reactid="645"><p data-reactid="646"><!-- react-text: 647 -->修复 DatePicker 设置 <!-- /react-text --><code data-reactid="648"><!-- react-text: 649 -->showToday<!-- /react-text --></code><!-- react-text: 650 --> 为 <!-- /react-text --><code data-reactid="651"><!-- react-text: 652 -->false<!-- /react-text --></code><!-- react-text: 653 --> 时的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5620" data-reactid="654"><!-- react-text: 655 -->#5620<!-- /react-text --></a></p></li><li data-reactid="656"><p data-reactid="657"><!-- react-text: 658 -->修复 Select 搜索无结果时默认显示英文的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5661" data-reactid="659"><!-- react-text: 660 -->#5661<!-- /react-text --></a><!-- react-text: 661 --> <!-- /react-text --><a href="https://github.com/LeeHarlan" data-reactid="662"><!-- react-text: 663 -->@LeeHarlan<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="664"><div class="ant-timeline-item-tail" data-reactid="665"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="666"></div><div class="ant-timeline-item-content" data-reactid="667"><h2 id="2.9.0" data-reactid="668"><span data-reactid="669"><!-- react-text: 670 -->2.9.0<!-- /react-text --></span><a href="#2.9.0" class="anchor" data-reactid="671">#</a></h2><p data-reactid="672"><code data-reactid="673"><!-- react-text: 674 -->2017-04-01<!-- /react-text --></code><!-- react-text: 675 --> 👻<!-- /react-text --></p><ul data-reactid="676"><li data-reactid="677"><p data-reactid="678"><!-- react-text: 679 -->默认字体中数字设为等宽，方便进行纵向比较。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/b526083fa6a619113a3d26c4f4f092a8648f3bd4" data-reactid="680"><!-- react-text: 681 -->b526083<!-- /react-text --></a></p></li><li data-reactid="682"><p data-reactid="683"><!-- react-text: 684 -->Select<!-- /react-text --></p><ul data-reactid="685"><li data-reactid="686"><p data-reactid="687"><!-- react-text: 688 -->新增 <!-- /react-text --><code data-reactid="689"><!-- react-text: 690 -->mode<!-- /react-text --></code><!-- react-text: 691 --> 参数，废弃 <!-- /react-text --><code data-reactid="692"><!-- react-text: 693 -->tags|combobox|multiple<!-- /react-text --></code><!-- react-text: 694 --> 属性，使用 <!-- /react-text --><code data-reactid="695"><!-- react-text: 696 -->mode={tags|combobox|multiple}<!-- /react-text --></code><!-- react-text: 697 --> 来代替。<!-- /react-text --></p></li><li data-reactid="698"><p data-reactid="699"><code data-reactid="700"><!-- react-text: 701 -->tags|multiple<!-- /react-text --></code><!-- react-text: 702 --> 模式现在支持配置 <!-- /react-text --><code data-reactid="703"><!-- react-text: 704 -->allowClear<!-- /react-text --></code><!-- react-text: 705 --> 清除按钮。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4843" data-reactid="706"><!-- react-text: 707 -->#4843<!-- /react-text --></a></p></li></ul></li><li data-reactid="708"><p data-reactid="709"><!-- react-text: 710 -->Progress 新增 <!-- /react-text --><code data-reactid="711"><!-- react-text: 712 -->dashboard<!-- /react-text --></code><!-- react-text: 713 --> 仪表盘类型。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5225" data-reactid="714"><!-- react-text: 715 -->#5225<!-- /react-text --></a><!-- react-text: 716 --> <!-- /react-text --><a href="https://github.com/qiaolb" data-reactid="717"><!-- react-text: 718 -->@qiaolb<!-- /react-text --></a></p></li><li data-reactid="719"><p data-reactid="720"><!-- react-text: 721 -->Tree 新增 <!-- /react-text --><code data-reactid="722"><!-- react-text: 723 -->showLine<!-- /react-text --></code><!-- react-text: 724 --> 属性，支持纵向连接线展示。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3854" data-reactid="725"><!-- react-text: 726 -->#3854<!-- /react-text --></a></p></li><li data-reactid="727"><p data-reactid="728"><!-- react-text: 729 -->TimePicker 支持 12 小时制：<!-- /react-text --><code data-reactid="730"><!-- react-text: 731 -->use12Hours<!-- /react-text --></code><!-- react-text: 732 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4063" data-reactid="733"><!-- react-text: 734 -->#4063<!-- /react-text --></a></p></li><li data-reactid="735"><p data-reactid="736"><!-- react-text: 737 -->Table 支持 <!-- /react-text --><code data-reactid="738"><!-- react-text: 739 -->column.filterIcon<!-- /react-text --></code><!-- react-text: 740 -->，支持使用自定义筛选菜单时自定义图标。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5293" data-reactid="741"><!-- react-text: 742 -->#5293<!-- /react-text --></a></p></li><li data-reactid="743"><p data-reactid="744"><!-- react-text: 745 -->Spin 新增 <!-- /react-text --><code data-reactid="746"><!-- react-text: 747 -->wrapperClassName<!-- /react-text --></code><!-- react-text: 748 -->，方便给包裹形态的加载条增加类名。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5425" data-reactid="749"><!-- react-text: 750 -->#5425<!-- /react-text --></a><!-- react-text: 751 --> <!-- /react-text --><a href="https://github.com/aaronplanell" data-reactid="752"><!-- react-text: 753 -->@aaronplanell<!-- /react-text --></a></p></li><li data-reactid="754"><p data-reactid="755"><!-- react-text: 756 -->Tabs 新增点击左右切换箭头的回调 <!-- /react-text --><code data-reactid="757"><!-- react-text: 758 -->onPrevClick<!-- /react-text --></code><!-- react-text: 759 --> <!-- /react-text --><code data-reactid="760"><!-- react-text: 761 -->onNextClick<!-- /react-text --></code><!-- react-text: 762 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4395" data-reactid="763"><!-- react-text: 764 -->#4395<!-- /react-text --></a></p></li><li data-reactid="765"><p data-reactid="766"><!-- react-text: 767 -->InputNumber 新增 <!-- /react-text --><code data-reactid="768"><!-- react-text: 769 -->parser<!-- /react-text --></code><!-- react-text: 770 --> 属性，用于有时指定了 <!-- /react-text --><code data-reactid="771"><!-- react-text: 772 -->formatter<!-- /react-text --></code><!-- react-text: 773 --> 时需要解析出数字。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5178#issuecomment-284557933" data-reactid="774"><!-- react-text: 775 -->#5178<!-- /react-text --></a></p></li><li data-reactid="776"><p data-reactid="777"><!-- react-text: 778 -->国际化<!-- /react-text --></p><ul data-reactid="779"><li data-reactid="780"><p data-reactid="781"><!-- react-text: 782 -->新增日语。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5529" data-reactid="783"><!-- react-text: 784 -->#5529<!-- /react-text --></a><!-- react-text: 785 -->  <!-- /react-text --><a href="https://github.com/novi" data-reactid="786"><!-- react-text: 787 -->@novi<!-- /react-text --></a></p></li><li data-reactid="788"><p data-reactid="789"><!-- react-text: 790 -->新增斯洛伐克语。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5304" data-reactid="791"><!-- react-text: 792 -->#5304<!-- /react-text --></a><!-- react-text: 793 --> <!-- /react-text --><a href="https://github.com/Kamahl19" data-reactid="794"><!-- react-text: 795 -->@Kamahl19<!-- /react-text --></a></p></li><li data-reactid="796"><p data-reactid="797"><!-- react-text: 798 -->新增爱沙尼亚语。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5266" data-reactid="799"><!-- react-text: 800 -->#5266<!-- /react-text --></a><!-- react-text: 801 --> <!-- /react-text --><a href="https://github.com/madisvain" data-reactid="802"><!-- react-text: 803 -->@madisvain<!-- /react-text --></a></p></li><li data-reactid="804"><p data-reactid="805"><!-- react-text: 806 -->新增土耳其语。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5536" data-reactid="807"><!-- react-text: 808 -->#5536<!-- /react-text --></a><!-- react-text: 809 --> <!-- /react-text --><a href="https://github.com/c0b41" data-reactid="810"><!-- react-text: 811 -->@c0b41<!-- /react-text --></a></p></li></ul></li><li data-reactid="812"><p data-reactid="813"><!-- react-text: 814 -->TypeScript<!-- /react-text --></p><ul data-reactid="815"><li data-reactid="816"><p data-reactid="817"><!-- react-text: 818 -->参照 react-slick 补充 Carousel 的定义。<!-- /react-text --></p></li><li data-reactid="819"><p data-reactid="820"><!-- react-text: 821 -->修复 Form 的部分定义。<!-- /react-text --></p></li><li data-reactid="822"><p data-reactid="823"><!-- react-text: 824 -->修正 <!-- /react-text --><code data-reactid="825"><!-- react-text: 826 -->getPopupContainer<!-- /react-text --></code><!-- react-text: 827 --> 定义。<!-- /react-text --></p></li></ul></li><li data-reactid="828"><p data-reactid="829"><!-- react-text: 830 -->允许分开禁用 Tabs 的高亮条和面板的切换动画。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5089" data-reactid="831"><!-- react-text: 832 -->#5089<!-- /react-text --></a><!-- react-text: 833 --> <!-- /react-text --><a href="https://github.com/xieguanglei" data-reactid="834"><!-- react-text: 835 -->@xieguanglei<!-- /react-text --></a></p></li><li data-reactid="836"><p data-reactid="837"><!-- react-text: 838 -->Button 的 <!-- /react-text --><code data-reactid="839"><!-- react-text: 840 -->loading<!-- /react-text --></code><!-- react-text: 841 --> 属性支持 <!-- /react-text --><code data-reactid="842"><!-- react-text: 843 -->{ delay: 1000 }<!-- /react-text --></code><!-- react-text: 844 --> 的形式，默认不再延迟切换状态 。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5365" data-reactid="845"><!-- react-text: 846 -->#5365<!-- /react-text --></a></p></li><li data-reactid="847"><p data-reactid="848"><!-- react-text: 849 -->增加 Card 头部的 less 变量。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5354" data-reactid="850"><!-- react-text: 851 -->#5354<!-- /react-text --></a><!-- react-text: 852 --> <!-- /react-text --><a href="https://github.com/kossel" data-reactid="853"><!-- react-text: 854 -->@kossel<!-- /react-text --></a></p></li><li data-reactid="855"><p data-reactid="856"><!-- react-text: 857 -->修复 Breadcrumb 没有设置 <!-- /react-text --><code data-reactid="858"><!-- react-text: 859 -->breadcrumbName<!-- /react-text --></code><!-- react-text: 860 --> 时分隔符多余的问题。<!-- /react-text --></p></li><li data-reactid="861"><p data-reactid="862"><!-- react-text: 863 -->修复 Dropdown.Button 的 <!-- /react-text --><code data-reactid="864"><!-- react-text: 865 -->Unknown prop placement<!-- /react-text --></code><!-- react-text: 866 --> 警告信息。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5594" data-reactid="867"><!-- react-text: 868 -->#5594<!-- /react-text --></a></p></li><li data-reactid="869"><p data-reactid="870"><!-- react-text: 871 -->修复 RangePicker 和 InputNumber 的占位文字颜色。<!-- /react-text --></p></li><li data-reactid="872"><p data-reactid="873"><!-- react-text: 874 -->修复 Cascasder 搜索模式下无法使用退格键的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5340" data-reactid="875"><!-- react-text: 876 -->#5340<!-- /react-text --></a></p></li><li data-reactid="877"><p data-reactid="878"><!-- react-text: 879 -->修复 LocaleProvider 有时对 <!-- /react-text --><code data-reactid="880"><!-- react-text: 881 -->Modal.confirm<!-- /react-text --></code><!-- react-text: 882 --> 失效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5493" data-reactid="883"><!-- react-text: 884 -->#5493<!-- /react-text --></a><!-- react-text: 885 --> <!-- /react-text --><a href="https://github.com/hargasinski" data-reactid="886"><!-- react-text: 887 -->@hargasinski<!-- /react-text --></a></p></li><li data-reactid="888"><p data-reactid="889"><!-- react-text: 890 -->修复 BackTop 设置了 <!-- /react-text --><code data-reactid="891"><!-- react-text: 892 -->target<!-- /react-text --></code><!-- react-text: 893 --> 时滚动动效消失的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5564" data-reactid="894"><!-- react-text: 895 -->#5564<!-- /react-text --></a></p></li><li data-reactid="896"><p data-reactid="897"><!-- react-text: 898 -->优化 Pagination 的样式实现。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5557" data-reactid="899"><!-- react-text: 900 -->#5557<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="901"><div class="ant-timeline-item-tail" data-reactid="902"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="903"></div><div class="ant-timeline-item-content" data-reactid="904"><h2 id="2.8.3" data-reactid="905"><span data-reactid="906"><!-- react-text: 907 -->2.8.3<!-- /react-text --></span><a href="#2.8.3" class="anchor" data-reactid="908">#</a></h2><p data-reactid="909"><code data-reactid="910"><!-- react-text: 911 -->2017-03-27<!-- /react-text --></code></p><ul data-reactid="912"><li data-reactid="913"><p data-reactid="914"><!-- react-text: 915 -->TypeScript<!-- /react-text --></p><ul data-reactid="916"><li data-reactid="917"><p data-reactid="918"><!-- react-text: 919 -->修复 <!-- /react-text --><code data-reactid="920"><!-- react-text: 921 -->AutoComplete[filterOption]<!-- /react-text --></code><!-- react-text: 922 --> 定义缺失的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5393" data-reactid="923"><!-- react-text: 924 -->#5393<!-- /react-text --></a><!-- react-text: 925 --> <!-- /react-text --><a href="https://github.com/mitchelldemler" data-reactid="926"><!-- react-text: 927 -->@mitchelldemler<!-- /react-text --></a></p></li><li data-reactid="928"><p data-reactid="929"><!-- react-text: 930 -->修复 <!-- /react-text --><code data-reactid="931"><!-- react-text: 932 -->getPopupContainer<!-- /react-text --></code><!-- react-text: 933 --> <!-- /react-text --><code data-reactid="934"><!-- react-text: 935 -->getCalendarContainer<!-- /react-text --></code><!-- react-text: 936 --> <!-- /react-text --><code data-reactid="937"><!-- react-text: 938 -->getTooltipContainer<!-- /react-text --></code><!-- react-text: 939 --> <!-- /react-text --><code data-reactid="940"><!-- react-text: 941 -->getSuggestionContainer<!-- /react-text --></code><!-- react-text: 942 --> 等的定义问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/322e9efdc9db28bd92230fc690f1fdf5a72cf7cd" data-reactid="943"><!-- react-text: 944 -->322e9ef<!-- /react-text --></a></p></li><li data-reactid="945"><p data-reactid="946"><!-- react-text: 947 -->优化 <!-- /react-text --><code data-reactid="948"><!-- react-text: 949 -->Form.create<!-- /react-text --></code><!-- react-text: 950 --> 的定义。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5420" data-reactid="951"><!-- react-text: 952 -->#5420<!-- /react-text --></a><!-- react-text: 953 --> <!-- /react-text --><a href="https://github.com/infeng" data-reactid="954"><!-- react-text: 955 -->@infeng<!-- /react-text --></a></p></li></ul></li><li data-reactid="956"><p data-reactid="957"><!-- react-text: 958 -->修复 Badge 在 Maxthon 内的兼容性问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5477" data-reactid="959"><!-- react-text: 960 -->#5477<!-- /react-text --></a></p></li><li data-reactid="961"><p data-reactid="962"><!-- react-text: 963 -->修复 Button 内无法使用 <!-- /react-text --><code data-reactid="964"><!-- react-text: 965 -->null<!-- /react-text --></code><!-- react-text: 966 --> <!-- /react-text --><code data-reactid="967"><!-- react-text: 968 -->undefined<!-- /react-text --></code><!-- react-text: 969 --> 的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5472" data-reactid="970"><!-- react-text: 971 -->#5472<!-- /react-text --></a><!-- react-text: 972 --> <!-- /react-text --><a href="https://github.com/blade254353074" data-reactid="973"><!-- react-text: 974 -->@blade254353074<!-- /react-text --></a></p></li><li data-reactid="975"><p data-reactid="976"><!-- react-text: 977 -->Breadcrumb 不再强依赖于 <!-- /react-text --><code data-reactid="978"><!-- react-text: 979 -->route.breadcrumbName<!-- /react-text --></code><!-- react-text: 980 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/ac1c7f312bc46ba6ef7aacace43e4ac99b87dd54" data-reactid="981"><!-- react-text: 982 -->ac1c7f3<!-- /react-text --></a></p></li><li data-reactid="983"><p data-reactid="984"><!-- react-text: 985 -->修复 <!-- /react-text --><code data-reactid="986"><!-- react-text: 987 -->Form.Item[hasFeedback]<!-- /react-text --></code><!-- react-text: 988 --> 与 <!-- /react-text --><code data-reactid="989"><!-- react-text: 990 -->Input[prefix]<!-- /react-text --></code><!-- react-text: 991 --> 混用时的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5456" data-reactid="992"><!-- react-text: 993 -->#5456<!-- /react-text --></a><!-- react-text: 994 --> <!-- /react-text --><a href="https://github.com/william-yz" data-reactid="995"><!-- react-text: 996 -->@william-yz<!-- /react-text --></a></p></li><li data-reactid="997"><p data-reactid="998"><!-- react-text: 999 -->修复 Layout.Content 与 Carousel 一起使用时的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5415" data-reactid="1000"><!-- react-text: 1001 -->#5415<!-- /react-text --></a></p></li><li data-reactid="1002"><p data-reactid="1003"><!-- react-text: 1004 -->LocaleProvider<!-- /react-text --></p><ul data-reactid="1005"><li data-reactid="1006"><p data-reactid="1007"><!-- react-text: 1008 -->修复对德语支持不完善的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5387" data-reactid="1009"><!-- react-text: 1010 -->#5387<!-- /react-text --></a><!-- react-text: 1011 --> <!-- /react-text --><a href="https://github.com/Knacktus" data-reactid="1012"><!-- react-text: 1013 -->@Knacktus<!-- /react-text --></a></p></li><li data-reactid="1014"><p data-reactid="1015"><!-- react-text: 1016 -->修复对俄语支持不完善的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5406" data-reactid="1017"><!-- react-text: 1018 -->#5406<!-- /react-text --></a><!-- react-text: 1019 --> <!-- /react-text --><a href="https://github.com/plandem" data-reactid="1020"><!-- react-text: 1021 -->@plandem<!-- /react-text --></a></p></li><li data-reactid="1022"><p data-reactid="1023"><!-- react-text: 1024 -->修复不支持 Upload 的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5388" data-reactid="1025"><!-- react-text: 1026 -->#5388<!-- /react-text --></a><!-- react-text: 1027 --> <!-- /react-text --><a href="https://github.com/natergj" data-reactid="1028"><!-- react-text: 1029 -->@natergj<!-- /react-text --></a></p></li></ul></li><li data-reactid="1030"><p data-reactid="1031"><!-- react-text: 1032 -->修复 Menu 内 Icon 动画效果与文字不一致的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5495" data-reactid="1033"><!-- react-text: 1034 -->#5495<!-- /react-text --></a></p></li><li data-reactid="1035"><p data-reactid="1036"><!-- react-text: 1037 -->修复 <!-- /react-text --><code data-reactid="1038"><!-- react-text: 1039 -->Modale[footer]<!-- /react-text --></code><!-- react-text: 1040 --> 无法置空的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5462" data-reactid="1041"><!-- react-text: 1042 -->#5462<!-- /react-text --></a></p></li><li data-reactid="1043"><p data-reactid="1044"><!-- react-text: 1045 -->修复 <!-- /react-text --><code data-reactid="1046"><!-- react-text: 1047 -->2.8.2<!-- /react-text --></code><!-- react-text: 1048 --> 引入的 Pagination 在 <!-- /react-text --><code data-reactid="1049"><!-- react-text: 1050 -->IE&lt;=10<!-- /react-text --></code><!-- react-text: 1051 --> 下样式丢失的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5484" data-reactid="1052"><!-- react-text: 1053 -->#5484<!-- /react-text --></a></p></li><li data-reactid="1054"><p data-reactid="1055"><!-- react-text: 1056 -->修复 Popover 内使用 Table 时会意外关闭的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5407" data-reactid="1057"><!-- react-text: 1058 -->#5407<!-- /react-text --></a></p></li><li data-reactid="1059"><p data-reactid="1060"><!-- react-text: 1061 -->去掉 Radio 只能作为 Radio.Group 的直接后代的限制。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5443" data-reactid="1062"><!-- react-text: 1063 -->#5443<!-- /react-text --></a></p></li><li data-reactid="1064"><p data-reactid="1065"><!-- react-text: 1066 -->修复 Switch 在 Form.Item 内使用时的 warning。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5368" data-reactid="1067"><!-- react-text: 1068 -->#5368<!-- /react-text --></a></p></li><li data-reactid="1069"><p data-reactid="1070"><!-- react-text: 1071 -->Table 的选择全部菜单现在默认隐藏，<!-- /react-text --><code data-reactid="1072"><!-- react-text: 1073 -->selections<!-- /react-text --></code><!-- react-text: 1074 --> 设置为 true 时展现。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5246" data-reactid="1075"><!-- react-text: 1076 -->#5246<!-- /react-text --></a><!-- react-text: 1077 --> <!-- /react-text --><a href="https://github.com/infeng" data-reactid="1078"><!-- react-text: 1079 -->@infeng<!-- /react-text --></a></p></li><li data-reactid="1080"><p data-reactid="1081"><!-- react-text: 1082 -->新增 <!-- /react-text --><code data-reactid="1083"><!-- react-text: 1084 -->@info-color<!-- /react-text --></code><!-- react-text: 1085 --> 主题变量。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5442" data-reactid="1086"><!-- react-text: 1087 -->#5442<!-- /react-text --></a></p></li><li data-reactid="1088"><p data-reactid="1089"><!-- react-text: 1090 -->现在可以通过 <!-- /react-text --><code data-reactid="1091"><!-- react-text: 1092 -->NODE_ENV=test<!-- /react-text --></code><!-- react-text: 1093 --> 来禁用测试时 antd 全量加载的 warning。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5345" data-reactid="1094"><!-- react-text: 1095 -->#5345<!-- /react-text --></a></p></li><li data-reactid="1096"><p data-reactid="1097"><!-- react-text: 1098 -->升级 moment 到 <!-- /react-text --><code data-reactid="1099"><!-- react-text: 1100 -->2.18.0<!-- /react-text --></code><!-- react-text: 1101 -->。<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="1102"><div class="ant-timeline-item-tail" data-reactid="1103"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="1104"></div><div class="ant-timeline-item-content" data-reactid="1105"><h2 id="2.8.2" data-reactid="1106"><span data-reactid="1107"><!-- react-text: 1108 -->2.8.2<!-- /react-text --></span><a href="#2.8.2" class="anchor" data-reactid="1109">#</a></h2><p data-reactid="1110"><code data-reactid="1111"><!-- react-text: 1112 -->2017-03-19<!-- /react-text --></code></p><ul data-reactid="1113"><li data-reactid="1114"><p data-reactid="1115"><!-- react-text: 1116 -->发布了新的 <!-- /react-text --><a href="https://ant.design/docs/spec/colors-cn" data-reactid="1117"><!-- react-text: 1118 -->设计基础文档<!-- /react-text --></a><!-- react-text: 1119 -->。<!-- /react-text --></p></li><li data-reactid="1120"><p data-reactid="1121"><!-- react-text: 1122 -->修复使用 Modal.confirm 时报错的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5269" data-reactid="1123"><!-- react-text: 1124 -->#5269<!-- /react-text --></a><!-- react-text: 1125 -->。<!-- /react-text --></p></li><li data-reactid="1126"><p data-reactid="1127"><!-- react-text: 1128 -->修复 Upload 的蒙层样式 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5275" data-reactid="1129"><!-- react-text: 1130 -->#5275<!-- /react-text --></a><!-- react-text: 1131 -->。<!-- /react-text --></p></li><li data-reactid="1132"><p data-reactid="1133"><!-- react-text: 1134 -->修复 Upload 上传进度条不显示的问题 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5323" data-reactid="1135"><!-- react-text: 1136 -->#5323<!-- /react-text --></a><!-- react-text: 1137 -->。<!-- /react-text --></p></li><li data-reactid="1138"><p data-reactid="1139"><!-- react-text: 1140 -->修复 Table 的分页的 showTotal 数据错误的问题 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5259" data-reactid="1141"><!-- react-text: 1142 -->#5259<!-- /react-text --></a><!-- react-text: 1143 -->。<!-- /react-text --></p></li><li data-reactid="1144"><p data-reactid="1145"><!-- react-text: 1146 -->修复了 Popconfirm 与 Button 同时使用时的样式问题 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5301" data-reactid="1147"><!-- react-text: 1148 -->5301<!-- /react-text --></a><!-- react-text: 1149 -->。<!-- /react-text --></p></li><li data-reactid="1150"><p data-reactid="1151"><!-- react-text: 1152 -->修复 Radio 的一个样式问题 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5336" data-reactid="1153"><!-- react-text: 1154 -->#5336<!-- /react-text --></a><!-- react-text: 1155 -->。<!-- /react-text --></p></li><li data-reactid="1156"><p data-reactid="1157"><!-- react-text: 1158 -->修复 Message 的 getContainer 无法使用的问题 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5380" data-reactid="1159"><!-- react-text: 1160 -->#5380<!-- /react-text --></a><!-- react-text: 1161 -->。<!-- /react-text --></p></li><li data-reactid="1162"><p data-reactid="1163"><!-- react-text: 1164 -->修复 Checkbox 和 Radio 标签的文字对齐 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/696a3c0e34156d78e87d629a3f0f8703af1f03ec" data-reactid="1165"><!-- react-text: 1166 -->696a3c0<!-- /react-text --></a><!-- react-text: 1167 -->。<!-- /react-text --></p></li><li data-reactid="1168"><p data-reactid="1169"><!-- react-text: 1170 -->调整了 Spin 的动画 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/fa1e031a7396c61fa9709a0c46fe63200c35d232" data-reactid="1171"><!-- react-text: 1172 -->fa1e031<!-- /react-text --></a><!-- react-text: 1173 -->。<!-- /react-text --></p></li><li data-reactid="1174"><p data-reactid="1175"><!-- react-text: 1176 -->调整了 Mention 的一些样式 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/240a93cee25bc8c6ad4520cd907a14a7b22ed773" data-reactid="1177"><!-- react-text: 1178 -->240a93c<!-- /react-text --></a><!-- react-text: 1179 -->。<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="1180"><div class="ant-timeline-item-tail" data-reactid="1181"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="1182"></div><div class="ant-timeline-item-content" data-reactid="1183"><h2 id="2.8.1" data-reactid="1184"><span data-reactid="1185"><!-- react-text: 1186 -->2.8.1<!-- /react-text --></span><a href="#2.8.1" class="anchor" data-reactid="1187">#</a></h2><p data-reactid="1188"><code data-reactid="1189"><!-- react-text: 1190 -->2017-03-11<!-- /react-text --></code></p><ul data-reactid="1191"><li data-reactid="1192"><p data-reactid="1193"><strong data-reactid="1194"><!-- react-text: 1195 -->DatePicker<!-- /react-text --></strong><!-- react-text: 1196 --> 优化了带时间的 DatePicker 的选择行为，并修复父组件 state 变化导致无法选中的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5189" data-reactid="1197"><!-- react-text: 1198 -->#5189<!-- /react-text --></a><!-- react-text: 1199 --> <!-- /react-text --><a href="https://github.com/megawac" data-reactid="1200"><!-- react-text: 1201 -->@megawac<!-- /react-text --></a></p></li><li data-reactid="1202"><p data-reactid="1203"><strong data-reactid="1204"><!-- react-text: 1205 -->Form<!-- /react-text --></strong></p><ul data-reactid="1206"><li data-reactid="1207"><p data-reactid="1208"><!-- react-text: 1209 -->补充了校验规则相关文档。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5201" data-reactid="1210"><!-- react-text: 1211 -->#5201<!-- /react-text --></a></p></li><li data-reactid="1212"><p data-reactid="1213"><!-- react-text: 1214 -->修复了一些样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5196" data-reactid="1215"><!-- react-text: 1216 -->#5196<!-- /react-text --></a><!-- react-text: 1217 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5236" data-reactid="1218"><!-- react-text: 1219 -->#5236<!-- /react-text --></a><!-- react-text: 1220 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5222" data-reactid="1221"><!-- react-text: 1222 -->#5222<!-- /react-text --></a></p></li></ul></li><li data-reactid="1223"><p data-reactid="1224"><strong data-reactid="1225"><!-- react-text: 1226 -->Icon<!-- /react-text --></strong><!-- react-text: 1227 --> 增加 <!-- /react-text --><code data-reactid="1228"><!-- react-text: 1229 -->shake<!-- /react-text --></code><!-- react-text: 1230 --> 和 <!-- /react-text --><code data-reactid="1231"><!-- react-text: 1232 -->android-o<!-- /react-text --></code><!-- react-text: 1233 --> 图标。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/941782f7ec000a9054c3bc945ab887f93ab46749" data-reactid="1234"><!-- react-text: 1235 -->commit/941782<!-- /react-text --></a></p></li><li data-reactid="1236"><p data-reactid="1237"><strong data-reactid="1238"><!-- react-text: 1239 -->Input<!-- /react-text --></strong><!-- react-text: 1240 --> 修复有 <!-- /react-text --><code data-reactid="1241"><!-- react-text: 1242 -->addonBefore<!-- /react-text --></code><!-- react-text: 1243 --> 时 <!-- /react-text --><code data-reactid="1244"><!-- react-text: 1245 -->hasFeedback<!-- /react-text --></code><!-- react-text: 1246 --> 失效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5228" data-reactid="1247"><!-- react-text: 1248 -->#5228<!-- /react-text --></a></p></li><li data-reactid="1249"><p data-reactid="1250"><strong data-reactid="1251"><!-- react-text: 1252 -->InputNumber<!-- /react-text --></strong><!-- react-text: 1253 --> 补充缺失的 type 定义。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5240" data-reactid="1254"><!-- react-text: 1255 -->#5240<!-- /react-text --></a><!-- react-text: 1256 --> <!-- /react-text --><a href="https://github.com/hlehmann" data-reactid="1257"><!-- react-text: 1258 -->@hlehmann<!-- /react-text --></a></p></li><li data-reactid="1259"><p data-reactid="1260"><strong data-reactid="1261"><!-- react-text: 1262 -->Modal<!-- /react-text --></strong><!-- react-text: 1263 --> 支持点击 esc 调用 <!-- /react-text --><code data-reactid="1264"><!-- react-text: 1265 -->onCancle<!-- /react-text --></code><!-- react-text: 1266 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5203" data-reactid="1267"><!-- react-text: 1268 -->#5203<!-- /react-text --></a><!-- react-text: 1269 --> <!-- /react-text --><a href="https://github.com/elios264" data-reactid="1270"><!-- react-text: 1271 -->@elios264<!-- /react-text --></a></p></li><li data-reactid="1272"><p data-reactid="1273"><strong data-reactid="1274"><!-- react-text: 1275 -->Table<!-- /react-text --></strong></p><ul data-reactid="1276"><li data-reactid="1277"><p data-reactid="1278"><!-- react-text: 1279 -->补充缺失的 type 定义。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5206" data-reactid="1280"><!-- react-text: 1281 -->#5206<!-- /react-text --></a><!-- react-text: 1282 --> <!-- /react-text --><a href="https://github.com/kvey" data-reactid="1283"><!-- react-text: 1284 -->@kvey<!-- /react-text --></a></p></li><li data-reactid="1285"><p data-reactid="1286"><!-- react-text: 1287 -->修复小号表格无数据时右边线缺失的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5237" data-reactid="1288"><!-- react-text: 1289 -->#5237<!-- /react-text --></a></p></li><li data-reactid="1290"><p data-reactid="1291"><!-- react-text: 1292 -->修复表头分组时排序失效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5158" data-reactid="1293"><!-- react-text: 1294 -->#5158<!-- /react-text --></a></p></li></ul></li><li data-reactid="1295"><p data-reactid="1296"><strong data-reactid="1297"><!-- react-text: 1298 -->Tooltip<!-- /react-text --></strong><!-- react-text: 1299 --> 修复 Trigger 为绝对定位且禁用的按钮时失效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5254" data-reactid="1300"><!-- react-text: 1301 -->#5254<!-- /react-text --></a></p></li><li data-reactid="1302"><p data-reactid="1303"><strong data-reactid="1304"><!-- react-text: 1305 -->Upload<!-- /react-text --></strong></p><ul data-reactid="1306"><li data-reactid="1307"><p data-reactid="1308"><!-- react-text: 1309 -->修复上传文件名字过长时的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/0a35197a35513ca45308bb7163c8243b75dd6f8d" data-reactid="1310"><!-- react-text: 1311 -->commit/0a3519<!-- /react-text --></a></p></li><li data-reactid="1312"><p data-reactid="1313"><!-- react-text: 1314 -->修复并优化了动画。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5210" data-reactid="1315"><!-- react-text: 1316 -->pull/5210<!-- /react-text --></a></p></li><li data-reactid="1317"><p data-reactid="1318"><!-- react-text: 1319 -->支持覆盖 <!-- /react-text --><code data-reactid="1320"><!-- react-text: 1321 -->onProgress<!-- /react-text --></code><!-- react-text: 1322 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5260" data-reactid="1323"><!-- react-text: 1324 -->pull/5260<!-- /react-text --></a><!-- react-text: 1325 --> <!-- /react-text --><a href="https://github.com/minwe" data-reactid="1326"><!-- react-text: 1327 -->@minwe<!-- /react-text --></a></p></li></ul></li><li data-reactid="1328"><p data-reactid="1329"><strong data-reactid="1330"><!-- react-text: 1331 -->全局性优化<!-- /react-text --></strong></p><ul data-reactid="1332"><li data-reactid="1333"><p data-reactid="1334"><!-- react-text: 1335 -->修复 <!-- /react-text --><code data-reactid="1336"><!-- react-text: 1337 -->lodash.debounce<!-- /react-text --></code><!-- react-text: 1338 --> 依赖缺失问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5230" data-reactid="1339"><!-- react-text: 1340 -->#5230<!-- /react-text --></a></p></li></ul></li><li data-reactid="1341"><p data-reactid="1342"><strong data-reactid="1343"><!-- react-text: 1344 -->网站<!-- /react-text --></strong></p><ul data-reactid="1345"><li data-reactid="1346"><p data-reactid="1347"><!-- react-text: 1348 -->修复 safari 语言检测失效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5245" data-reactid="1349"><!-- react-text: 1350 -->pull/5245<!-- /react-text --></a></p></li><li data-reactid="1351"><p data-reactid="1352"><!-- react-text: 1353 -->色板支持点击复制色号。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5247" data-reactid="1354"><!-- react-text: 1355 -->pull/5247<!-- /react-text --></a><!-- react-text: 1356 --> <!-- /react-text --><a href="https://github.com/bsheikh" data-reactid="1357"><!-- react-text: 1358 -->@bsheikh<!-- /react-text --></a></p></li><li data-reactid="1359"><p data-reactid="1360"><!-- react-text: 1361 -->增加脚手架示例。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/f2f786d66d75eebef8406a72db8a15e1640cea1f" data-reactid="1362"><!-- react-text: 1363 -->commit/f2f786<!-- /react-text --></a></p></li></ul></li></ul></div></li><li class="ant-timeline-item" data-reactid="1364"><div class="ant-timeline-item-tail" data-reactid="1365"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="1366"></div><div class="ant-timeline-item-content" data-reactid="1367"><h2 id="2.8.0" data-reactid="1368"><span data-reactid="1369"><!-- react-text: 1370 -->2.8.0<!-- /react-text --></span><a href="#2.8.0" class="anchor" data-reactid="1371">#</a></h2><p data-reactid="1372"><code data-reactid="1373"><!-- react-text: 1374 -->2017-03-06<!-- /react-text --></code></p><ul data-reactid="1375"><li data-reactid="1376"><p data-reactid="1377"><!-- react-text: 1378 -->Tabs<!-- /react-text --></p><ul data-reactid="1379"><li data-reactid="1380"><p data-reactid="1381"><!-- react-text: 1382 -->新增 <!-- /react-text --><code data-reactid="1383"><!-- react-text: 1384 -->tabBarStyle<!-- /react-text --></code><!-- react-text: 1385 --> 用于自定义 tabBar 的样式。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4966" data-reactid="1386"><!-- react-text: 1387 -->#4966<!-- /react-text --></a></p></li><li data-reactid="1388"><p data-reactid="1389"><!-- react-text: 1390 -->新增 <!-- /react-text --><code data-reactid="1391"><!-- react-text: 1392 -->TabPane[closable]<!-- /react-text --></code><!-- react-text: 1393 --> 用于设置是否显示删除按钮。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4807" data-reactid="1394"><!-- react-text: 1395 -->#4807<!-- /react-text --></a><!-- react-text: 1396 --> <!-- /react-text --><a href="https://github.com/lixiaoyang1992" data-reactid="1397"><!-- react-text: 1398 -->@lixiaoyang1992<!-- /react-text --></a></p></li></ul></li><li data-reactid="1399"><p data-reactid="1400"><!-- react-text: 1401 -->Anchor<!-- /react-text --></p><ul data-reactid="1402"><li data-reactid="1403"><p data-reactid="1404"><!-- react-text: 1405 -->新增 <!-- /react-text --><code data-reactid="1406"><!-- react-text: 1407 -->showInkInFixed<!-- /react-text --></code><!-- react-text: 1408 --> 用于设置在 fixed 状态下是否圆形图标。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4960" data-reactid="1409"><!-- react-text: 1410 -->#4960<!-- /react-text --></a></p></li><li data-reactid="1411"><p data-reactid="1412"><!-- react-text: 1413 -->修复 <!-- /react-text --><code data-reactid="1414"><!-- react-text: 1415 -->children<!-- /react-text --></code><!-- react-text: 1416 --> 不是 AnchorLink 时会报错的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5129" data-reactid="1417"><!-- react-text: 1418 -->#5129<!-- /react-text --></a></p></li></ul></li><li data-reactid="1419"><p data-reactid="1420"><!-- react-text: 1421 -->Table<!-- /react-text --></p><ul data-reactid="1422"><li data-reactid="1423"><p data-reactid="1424"><!-- react-text: 1425 -->新增反选功能并允许自定义全选选项。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4962" data-reactid="1426"><!-- react-text: 1427 -->#4962<!-- /react-text --></a></p></li><li data-reactid="1428"><p data-reactid="1429"><code data-reactid="1430"><!-- react-text: 1431 -->spin<!-- /react-text --></code><!-- react-text: 1432 --> 属性支持所有 Spin 的属性。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4824" data-reactid="1433"><!-- react-text: 1434 -->#4824<!-- /react-text --></a><!-- react-text: 1435 --> <!-- /react-text --><a href="https://github.com/lixiaoyang1992" data-reactid="1436"><!-- react-text: 1437 -->@lixiaoyang1992<!-- /react-text --></a></p></li><li data-reactid="1438"><p data-reactid="1439"><!-- react-text: 1440 -->修正 <!-- /react-text --><code data-reactid="1441"><!-- react-text: 1442 -->size<!-- /react-text --></code><!-- react-text: 1443 --> 是 <!-- /react-text --><code data-reactid="1444"><!-- react-text: 1445 -->small<!-- /react-text --></code><!-- react-text: 1446 --> 的时候表头没有底边框的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5182" data-reactid="1447"><!-- react-text: 1448 -->#5182<!-- /react-text --></a></p></li></ul></li><li data-reactid="1449"><p data-reactid="1450"><!-- react-text: 1451 -->Mention 新增自定义触发字符的支持。<!-- /react-text --><a href="https://ant.design/components/mention-cn/#components-mention-demo-multiple-trigger" data-reactid="1452"><!-- react-text: 1453 -->demo<!-- /react-text --></a></p><ul data-reactid="1454"><li data-reactid="1455"><p data-reactid="1456"><img src="https://zos.alipayobjects.com/rmsportal/QDYwAbwKrqOUOykRaNai.gif" alt="Mention animation" data-reactid="1457"/></p></li></ul></li><li data-reactid="1458"><p data-reactid="1459"><!-- react-text: 1460 -->Rate<!-- /react-text --></p><ul data-reactid="1461"><li data-reactid="1462"><p data-reactid="1463"><!-- react-text: 1464 -->支持自定义字符。<!-- /react-text --><a href="https://ant.design/components/rate-cn/#components-rate-demo-character" data-reactid="1465"><!-- react-text: 1466 -->demo<!-- /react-text --></a></p></li><li data-reactid="1467"><p data-reactid="1468"><!-- react-text: 1469 -->新增 <!-- /react-text --><code data-reactid="1470"><!-- react-text: 1471 -->className<!-- /react-text --></code><!-- react-text: 1472 --> 属性。<!-- /react-text --></p></li></ul></li><li data-reactid="1473"><p data-reactid="1474"><!-- react-text: 1475 -->Layout<!-- /react-text --></p><ul data-reactid="1476"><li data-reactid="1477"><p data-reactid="1478"><!-- react-text: 1479 -->新增 <!-- /react-text --><code data-reactid="1480"><!-- react-text: 1481 -->顶部-侧边布局-通栏<!-- /react-text --></code><!-- react-text: 1482 --> 的例子。<!-- /react-text --><a href="http://ant.design/components/layout-cn/#components-layout-demo-top-side-2" data-reactid="1483"><!-- react-text: 1484 -->demo<!-- /react-text --></a></p></li><li data-reactid="1485"><p data-reactid="1486"><!-- react-text: 1487 -->新增 <!-- /react-text --><code data-reactid="1488"><!-- react-text: 1489 -->固定头部<!-- /react-text --></code><!-- react-text: 1490 --> 的例子。<!-- /react-text --><a href="https://ant.design/components/layout-cn/#components-layout-demo-fixed" data-reactid="1491"><!-- react-text: 1492 -->demo<!-- /react-text --></a></p></li><li data-reactid="1493"><p data-reactid="1494"><!-- react-text: 1495 -->Sider 新增 <!-- /react-text --><code data-reactid="1496"><!-- react-text: 1497 -->breakpoint<!-- /react-text --></code><!-- react-text: 1498 --> 用于设置响应式展示。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4931" data-reactid="1499"><!-- react-text: 1500 -->#4931<!-- /react-text --></a></p></li></ul></li><li data-reactid="1501"><p data-reactid="1502"><!-- react-text: 1503 -->Form<!-- /react-text --></p><ul data-reactid="1504"><li data-reactid="1505"><p data-reactid="1506"><!-- react-text: 1507 -->新增 <!-- /react-text --><code data-reactid="1508"><!-- react-text: 1509 -->layout<!-- /react-text --></code><!-- react-text: 1510 --> 属性用于取代原有的 <!-- /react-text --><code data-reactid="1511"><!-- react-text: 1512 -->horizontal<!-- /react-text --></code><!-- react-text: 1513 -->、<!-- /react-text --><code data-reactid="1514"><!-- react-text: 1515 -->vertical<!-- /react-text --></code><!-- react-text: 1516 -->、<!-- /react-text --><code data-reactid="1517"><!-- react-text: 1518 -->inline<!-- /react-text --></code><!-- react-text: 1519 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5056" data-reactid="1520"><!-- react-text: 1521 -->#5056<!-- /react-text --></a></p></li></ul></li><li data-reactid="1522"><p data-reactid="1523"><!-- react-text: 1524 -->Calendar<!-- /react-text --></p><ul data-reactid="1525"><li data-reactid="1526"><p data-reactid="1527"><!-- react-text: 1528 -->新增 <!-- /react-text --><code data-reactid="1529"><!-- react-text: 1530 -->dateFullCellRender<!-- /react-text --></code><!-- react-text: 1531 --> 和 <!-- /react-text --><code data-reactid="1532"><!-- react-text: 1533 -->monthFullCellRender<!-- /react-text --></code><!-- react-text: 1534 --> 用于覆盖单元格的内容。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5138" data-reactid="1535"><!-- react-text: 1536 -->#5138<!-- /react-text --></a><!-- react-text: 1537 --> <!-- /react-text --><a href="https://github.com/wonyun" data-reactid="1538"><!-- react-text: 1539 -->@wonyun<!-- /react-text --></a></p></li><li data-reactid="1540"><p data-reactid="1541"><!-- react-text: 1542 -->新增 <!-- /react-text --><code data-reactid="1543"><!-- react-text: 1544 -->onSelect<!-- /react-text --></code><!-- react-text: 1545 --> 用于日期选择功能。<!-- /react-text --><a href="https://ant.design/components/calendar-cn/#components-calendar-demo-select" data-reactid="1546"><!-- react-text: 1547 -->demo<!-- /react-text --></a></p></li></ul></li><li data-reactid="1548"><p data-reactid="1549"><!-- react-text: 1550 -->AutoComplete<!-- /react-text --></p><ul data-reactid="1551"><li data-reactid="1552"><p data-reactid="1553"><!-- react-text: 1554 -->修复在 Form.Item 里不对齐的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5139" data-reactid="1555"><!-- react-text: 1556 -->#5139<!-- /react-text --></a></p></li><li data-reactid="1557"><p data-reactid="1558"><!-- react-text: 1559 -->新增 <!-- /react-text --><code data-reactid="1560"><!-- react-text: 1561 -->查询模式 - 确定类目<!-- /react-text --></code><!-- react-text: 1562 --> 的例子。<!-- /react-text --><a href="https://ant.design/components/auto-complete-cn/#components-auto-complete-demo-uncertain-category" data-reactid="1563"><!-- react-text: 1564 -->demo<!-- /react-text --></a></p></li></ul></li><li data-reactid="1565"><p data-reactid="1566"><!-- react-text: 1567 -->Col 新增 <!-- /react-text --><code data-reactid="1568"><!-- react-text: 1569 -->xl<!-- /react-text --></code><!-- react-text: 1570 --> 属性，支持 1600px 的响应布局断点。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4796" data-reactid="1571"><!-- react-text: 1572 -->#4796<!-- /react-text --></a><!-- react-text: 1573 --> <!-- /react-text --><a href="https://github.com/hjin-me" data-reactid="1574"><!-- react-text: 1575 -->@hjin-me<!-- /react-text --></a></p></li><li data-reactid="1576"><p data-reactid="1577"><!-- react-text: 1578 -->Upload 新增 <!-- /react-text --><code data-reactid="1579"><!-- react-text: 1580 -->locale<!-- /react-text --></code><!-- react-text: 1581 --> 支持国际化文案定义。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4697" data-reactid="1582"><!-- react-text: 1583 -->#4697<!-- /react-text --></a></p></li><li data-reactid="1584"><p data-reactid="1585"><!-- react-text: 1586 -->Transfer 新增 <!-- /react-text --><code data-reactid="1587"><!-- react-text: 1588 -->onScroll<!-- /react-text --></code><!-- react-text: 1589 --> 支持动态加载数据。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4188" data-reactid="1590"><!-- react-text: 1591 -->#4188<!-- /react-text --></a></p></li><li data-reactid="1592"><p data-reactid="1593"><!-- react-text: 1594 -->message 和 notification 新增 <!-- /react-text --><code data-reactid="1595"><!-- react-text: 1596 -->getContainer<!-- /react-text --></code><!-- react-text: 1597 --> 参数支持自定义消息渲染的容器。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5019" data-reactid="1598"><!-- react-text: 1599 -->#5019<!-- /react-text --></a></p></li><li data-reactid="1600"><p data-reactid="1601"><!-- react-text: 1602 -->Badge 新增 <!-- /react-text --><code data-reactid="1603"><!-- react-text: 1604 -->showZero<!-- /react-text --></code><!-- react-text: 1605 --> 支持设置是否显示 <!-- /react-text --><code data-reactid="1606"><!-- react-text: 1607 -->0<!-- /react-text --></code><!-- react-text: 1608 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4251" data-reactid="1609"><!-- react-text: 1610 -->#4251<!-- /react-text --></a></p></li><li data-reactid="1611"><p data-reactid="1612"><!-- react-text: 1613 -->InputNumber<!-- /react-text --></p><ul data-reactid="1614"><li data-reactid="1615"><p data-reactid="1616"><!-- react-text: 1617 -->新增 <!-- /react-text --><code data-reactid="1618"><!-- react-text: 1619 -->formatter<!-- /react-text --></code><!-- react-text: 1620 --> 用于格式化展示的值。<!-- /react-text --></p></li><li data-reactid="1621"><p data-reactid="1622"><!-- react-text: 1623 -->新增组合键的支持。<!-- /react-text --><a href="https://github.com/react-component/input-number#keyboard-navigation" data-reactid="1624"><!-- react-text: 1625 -->详细<!-- /react-text --></a></p></li></ul></li><li data-reactid="1626"><p data-reactid="1627"><!-- react-text: 1628 -->新增大量图标。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5107" data-reactid="1629"><!-- react-text: 1630 -->#5107<!-- /react-text --></a></p></li><li data-reactid="1631"><p data-reactid="1632"><!-- react-text: 1633 -->新增语言支持：<!-- /react-text --></p><ul data-reactid="1634"><li data-reactid="1635"><p data-reactid="1636"><!-- react-text: 1637 -->荷兰语 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4785" data-reactid="1638"><!-- react-text: 1639 -->#4785<!-- /react-text --></a><!-- react-text: 1640 --> <!-- /react-text --><a href="https://github.com/corneyl" data-reactid="1641"><!-- react-text: 1642 -->@corneyl<!-- /react-text --></a></p></li><li data-reactid="1643"><p data-reactid="1644"><!-- react-text: 1645 -->加泰罗尼亚语 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4929" data-reactid="1646"><!-- react-text: 1647 -->#4929<!-- /react-text --></a><!-- react-text: 1648 --> <!-- /react-text --><a href="https://github.com/aaronplanell" data-reactid="1649"><!-- react-text: 1650 -->@aaronplanell<!-- /react-text --></a></p></li><li data-reactid="1651"><p data-reactid="1652"><!-- react-text: 1653 -->捷克语 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5169" data-reactid="1654"><!-- react-text: 1655 -->#5169<!-- /react-text --></a><!-- react-text: 1656 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5169" data-reactid="1657"><!-- react-text: 1658 -->@martinnov92<!-- /react-text --></a></p></li><li data-reactid="1659"><p data-reactid="1660"><!-- react-text: 1661 -->韩语/朝鲜语 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5141" data-reactid="1662"><!-- react-text: 1663 -->#5141<!-- /react-text --></a><!-- react-text: 1664 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5141" data-reactid="1665"><!-- react-text: 1666 -->@minsungryu<!-- /react-text --></a></p></li></ul></li><li data-reactid="1667"><p data-reactid="1668"><!-- react-text: 1669 -->优化 Spin 显示位置。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4722" data-reactid="1670"><!-- react-text: 1671 -->#4722<!-- /react-text --></a></p></li><li data-reactid="1672"><p data-reactid="1673"><!-- react-text: 1674 -->优化 Checkbox 以兼容 <!-- /react-text --><code data-reactid="1675"><!-- react-text: 1676 -->browser-sync<!-- /react-text --></code><!-- react-text: 1677 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2744" data-reactid="1678"><!-- react-text: 1679 -->#2744<!-- /react-text --></a></p></li><li data-reactid="1680"><p data-reactid="1681"><!-- react-text: 1682 -->修复 Steps 在窗口变化时的宽度问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5083" data-reactid="1683"><!-- react-text: 1684 -->#5083<!-- /react-text --></a></p></li><li data-reactid="1685"><p data-reactid="1686"><!-- react-text: 1687 -->修复 Upload.Dragger unmount 时会报错的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5162" data-reactid="1688"><!-- react-text: 1689 -->#5162<!-- /react-text --></a></p></li><li data-reactid="1690"><p data-reactid="1691"><!-- react-text: 1692 -->修复 Button 里的文字在 IE 下点击时会移动的问题。<!-- /react-text --></p></li><li data-reactid="1693"><p data-reactid="1694"><!-- react-text: 1695 -->修复 Input 的前缀跟后缀的垂直居中对齐问题。<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="1696"><div class="ant-timeline-item-tail" data-reactid="1697"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="1698"></div><div class="ant-timeline-item-content" data-reactid="1699"><h2 id="2.7.4" data-reactid="1700"><span data-reactid="1701"><!-- react-text: 1702 -->2.7.4<!-- /react-text --></span><a href="#2.7.4" class="anchor" data-reactid="1703">#</a></h2><p data-reactid="1704"><code data-reactid="1705"><!-- react-text: 1706 -->2017-02-28<!-- /react-text --></code></p><ul data-reactid="1707"><li data-reactid="1708"><p data-reactid="1709"><!-- react-text: 1710 -->修复 TreeSelect 多选框无法展现的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5092" data-reactid="1711"><!-- react-text: 1712 -->#5092<!-- /react-text --></a></p></li><li data-reactid="1713"><p data-reactid="1714"><!-- react-text: 1715 -->修复 Anchor 的 <!-- /react-text --><code data-reactid="1716"><!-- react-text: 1717 -->e.stopPreventDefault is not a function<!-- /react-text --></code><!-- react-text: 1718 --> 的报错。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5080" data-reactid="1719"><!-- react-text: 1720 -->#5080<!-- /react-text --></a></p></li><li data-reactid="1721"><p data-reactid="1722"><!-- react-text: 1723 -->修复 Input、Cascader、Upload 的一些样式细节。<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="1724"><div class="ant-timeline-item-tail" data-reactid="1725"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="1726"></div><div class="ant-timeline-item-content" data-reactid="1727"><h2 id="2.7.3" data-reactid="1728"><span data-reactid="1729"><!-- react-text: 1730 -->2.7.3<!-- /react-text --></span><a href="#2.7.3" class="anchor" data-reactid="1731">#</a></h2><p data-reactid="1732"><code data-reactid="1733"><!-- react-text: 1734 -->2017-02-25<!-- /react-text --></code></p><ul data-reactid="1735"><li data-reactid="1736"><p data-reactid="1737"><!-- react-text: 1738 -->演示代码统一为 ES6 class 的写法。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4878" data-reactid="1739"><!-- react-text: 1740 -->#4878<!-- /react-text --></a></p></li><li data-reactid="1741"><p data-reactid="1742"><!-- react-text: 1743 -->TypeScript<!-- /react-text --></p><ul data-reactid="1744"><li data-reactid="1745"><p data-reactid="1746"><!-- react-text: 1747 -->修复 <!-- /react-text --><code data-reactid="1748"><!-- react-text: 1749 -->Cannot find module &#x27;../../package.json&#x27;<!-- /react-text --></code><!-- react-text: 1750 --> 的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4935" data-reactid="1751"><!-- react-text: 1752 -->#4935<!-- /react-text --></a></p></li><li data-reactid="1753"><p data-reactid="1754"><!-- react-text: 1755 -->补充了 Table、RangePicker 和 Upload 的部分属性定义。<!-- /react-text --></p></li></ul></li><li data-reactid="1756"><p data-reactid="1757"><!-- react-text: 1758 -->修复了 Modal <!-- /react-text --><code data-reactid="1759"><!-- react-text: 1760 -->onOk<!-- /react-text --></code><!-- react-text: 1761 --> <!-- /react-text --><code data-reactid="1762"><!-- react-text: 1763 -->afterClose<!-- /react-text --></code><!-- react-text: 1764 --> 和 Popconfirm <!-- /react-text --><code data-reactid="1765"><!-- react-text: 1766 -->onConfirm<!-- /react-text --></code><!-- react-text: 1767 --> <!-- /react-text --><code data-reactid="1768"><!-- react-text: 1769 -->onCancel<!-- /react-text --></code><!-- react-text: 1770 --> 缺少点击 event 参数的问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4787" data-reactid="1771"><!-- react-text: 1772 -->#4787<!-- /react-text --></a></p></li><li data-reactid="1773"><p data-reactid="1774"><!-- react-text: 1775 -->优化 Menu<!-- /react-text --><!-- react-text: 1776 -->[inline]<!-- /react-text --><!-- react-text: 1777 --> 和 Collapse 的折叠动画效果。<!-- /react-text --></p></li><li data-reactid="1778"><p data-reactid="1779"><!-- react-text: 1780 -->优化了 Checkbox 和 Radio 的垂直对齐样式。<!-- /react-text --></p></li><li data-reactid="1781"><p data-reactid="1782"><!-- react-text: 1783 -->Table<!-- /react-text --></p><ul data-reactid="1784"><li data-reactid="1785"><p data-reactid="1786"><!-- react-text: 1787 -->修复固定列时列头样式错位的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4936" data-reactid="1788"><!-- react-text: 1789 -->#4936<!-- /react-text --></a></p></li><li data-reactid="1790"><p data-reactid="1791"><!-- react-text: 1792 -->修复未清除浮动导致排版错位的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4945" data-reactid="1793"><!-- react-text: 1794 -->#4945<!-- /react-text --></a></p></li><li data-reactid="1795"><p data-reactid="1796"><!-- react-text: 1797 -->修复筛选子菜单无法显示的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4975" data-reactid="1798"><!-- react-text: 1799 -->#4975<!-- /react-text --></a></p></li><li data-reactid="1800"><p data-reactid="1801"><!-- react-text: 1802 -->修复固定列上的自定义筛选菜单无法交互的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5010" data-reactid="1803"><!-- react-text: 1804 -->#5010<!-- /react-text --></a></p></li><li data-reactid="1805"><p data-reactid="1806"><!-- react-text: 1807 -->修正 <!-- /react-text --><code data-reactid="1808"><!-- react-text: 1809 -->pagination.onChange<!-- /react-text --></code><!-- react-text: 1810 --> 和 Pagination 的 <!-- /react-text --><code data-reactid="1811"><!-- react-text: 1812 -->onChange<!-- /react-text --></code><!-- react-text: 1813 --> 参数不一致的问题。<!-- /react-text --></p></li><li data-reactid="1814"><p data-reactid="1815"><!-- react-text: 1816 -->修复加载状态切换不柔和的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4934" data-reactid="1817"><!-- react-text: 1818 -->#4934<!-- /react-text --></a></p></li></ul></li><li data-reactid="1819"><p data-reactid="1820"><!-- react-text: 1821 -->优化多个 message 展示重叠的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3543" data-reactid="1822"><!-- react-text: 1823 -->#3543<!-- /react-text --></a></p></li><li data-reactid="1824"><p data-reactid="1825"><!-- react-text: 1826 -->修复 Carousel 在改变浏览器窗口大小后 autoplay 会失效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2550" data-reactid="1827"><!-- react-text: 1828 -->#2550<!-- /react-text --></a></p></li><li data-reactid="1829"><p data-reactid="1830"><!-- react-text: 1831 -->修复了 InputNumber 在受控模式（Form 表单内）无法输入 <!-- /react-text --><code data-reactid="1832"><!-- react-text: 1833 -->1.01<!-- /react-text --></code><!-- react-text: 1834 --> <!-- /react-text --><code data-reactid="1835"><!-- react-text: 1836 -->1.001<!-- /react-text --></code><!-- react-text: 1837 --> 等数字的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5012" data-reactid="1838"><!-- react-text: 1839 -->#5012<!-- /react-text --></a></p></li><li data-reactid="1840"><p data-reactid="1841"><!-- react-text: 1842 -->优化 Button 加载状态切换时的宽度抖动问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4913" data-reactid="1843"><!-- react-text: 1844 -->#4913<!-- /react-text --></a></p></li><li data-reactid="1845"><p data-reactid="1846"><!-- react-text: 1847 -->修复 Dropdown 的菜单选中样式和 <!-- /react-text --><code data-reactid="1848"><!-- react-text: 1849 -->Menu[theme=&quot;dark&quot;]<!-- /react-text --></code><!-- react-text: 1850 --> 样式无效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5013" data-reactid="1851"><!-- react-text: 1852 -->#5013<!-- /react-text --></a><!-- react-text: 1853 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4903" data-reactid="1854"><!-- react-text: 1855 -->#4903<!-- /react-text --></a></p></li><li data-reactid="1856"><p data-reactid="1857"><!-- react-text: 1858 -->修复 Menu 的弹出菜单的 <!-- /react-text --><code data-reactid="1859"><!-- react-text: 1860 -->z-index<!-- /react-text --></code><!-- react-text: 1861 --> 问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4937" data-reactid="1862"><!-- react-text: 1863 -->#4937<!-- /react-text --></a></p></li><li data-reactid="1864"><p data-reactid="1865"><!-- react-text: 1866 -->修复 DatePicker 和 RangePicker 无法设置小于 300px 的宽度的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4920" data-reactid="1867"><!-- react-text: 1868 -->#4920<!-- /react-text --></a></p></li><li data-reactid="1869"><p data-reactid="1870"><!-- react-text: 1871 -->修复 Spin 内嵌 Spin 的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4971" data-reactid="1872"><!-- react-text: 1873 -->#4971<!-- /react-text --></a></p></li><li data-reactid="1874"><p data-reactid="1875"><!-- react-text: 1876 -->修复了使用 babel-plugin-import 引入 Popconfirm 时，未引入 Button 样式的问题。<!-- /react-text --></p></li><li data-reactid="1877"><p data-reactid="1878"><!-- react-text: 1879 -->修复了样式变量在 Progress <!-- /react-text --><code data-reactid="1880"><!-- react-text: 1881 -->type=&quot;circle&quot;<!-- /react-text --></code><!-- react-text: 1882 --> 上未生效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5002" data-reactid="1883"><!-- react-text: 1884 -->#5002<!-- /react-text --></a></p></li><li data-reactid="1885"><p data-reactid="1886"><!-- react-text: 1887 -->修复了 Breadcrumb 的 chilren 为 <!-- /react-text --><code data-reactid="1888"><!-- react-text: 1889 -->null<!-- /react-text --></code><!-- react-text: 1890 --> 或 <!-- /react-text --><code data-reactid="1891"><!-- react-text: 1892 -->undefined<!-- /react-text --></code><!-- react-text: 1893 --> 时报错的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5015" data-reactid="1894"><!-- react-text: 1895 -->#5015<!-- /react-text --></a></p></li><li data-reactid="1896"><p data-reactid="1897"><!-- react-text: 1898 -->修复 Slider 的 tooltip 闪烁的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5003" data-reactid="1899"><!-- react-text: 1900 -->#5003<!-- /react-text --></a></p></li><li data-reactid="1901"><p data-reactid="1902"><!-- react-text: 1903 -->修复了 Transfer 中 disabled 选项仍然可以被移动的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4981" data-reactid="1904"><!-- react-text: 1905 -->#4981<!-- /react-text --></a><!-- react-text: 1906 --> <!-- /react-text --><a href="https://github.com/tianlizhao" data-reactid="1907"><!-- react-text: 1908 -->@tianlizhao<!-- /react-text --></a></p></li><li data-reactid="1909"><p data-reactid="1910"><!-- react-text: 1911 -->文档<!-- /react-text --></p><ul data-reactid="1912"><li data-reactid="1913"><p data-reactid="1914"><!-- react-text: 1915 -->修复和优化了移动端的展现。<!-- /react-text --></p></li><li data-reactid="1916"><p data-reactid="1917"><!-- react-text: 1918 -->优化了 1.x 升级到 2.x 的不兼容改动文档。<!-- /react-text --></p></li></ul></li></ul></div></li><li class="ant-timeline-item" data-reactid="1919"><div class="ant-timeline-item-tail" data-reactid="1920"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="1921"></div><div class="ant-timeline-item-content" data-reactid="1922"><h2 id="2.7.2" data-reactid="1923"><span data-reactid="1924"><!-- react-text: 1925 -->2.7.2<!-- /react-text --></span><a href="#2.7.2" class="anchor" data-reactid="1926">#</a></h2><p data-reactid="1927"><code data-reactid="1928"><!-- react-text: 1929 -->2017-02-17<!-- /react-text --></code></p><ul data-reactid="1930"><li data-reactid="1931"><p data-reactid="1932"><!-- react-text: 1933 -->修复 <!-- /react-text --><code data-reactid="1934"><!-- react-text: 1935 -->antd.version<!-- /react-text --></code><!-- react-text: 1936 --> 无法正常使用的问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4844" data-reactid="1937"><!-- react-text: 1938 -->#4844<!-- /react-text --></a></p></li><li data-reactid="1939"><p data-reactid="1940"><!-- react-text: 1941 -->修复 dist 文件没有 locales 的问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4910" data-reactid="1942"><!-- react-text: 1943 -->#4910<!-- /react-text --></a></p></li><li data-reactid="1944"><p data-reactid="1945"><!-- react-text: 1946 -->修复 Cascader 搜索模式下可以选择已禁用选项的问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4699" data-reactid="1947"><!-- react-text: 1948 -->#4699<!-- /react-text --></a></p></li><li data-reactid="1949"><p data-reactid="1950"><strong data-reactid="1951"><!-- react-text: 1952 -->Button<!-- /react-text --></strong></p><ul data-reactid="1953"><li data-reactid="1954"><p data-reactid="1955"><!-- react-text: 1956 -->修复 <!-- /react-text --><code data-reactid="1957"><!-- react-text: 1958 -->Button[type=danger]<!-- /react-text --></code><!-- react-text: 1959 --> 的点击动画。<!-- /react-text --></p></li><li data-reactid="1960"><p data-reactid="1961"><!-- react-text: 1962 -->修复设置 <!-- /react-text --><code data-reactid="1963"><!-- react-text: 1964 -->loading<!-- /react-text --></code><!-- react-text: 1965 --> 时的样式问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4875" data-reactid="1966"><!-- react-text: 1967 -->#4875<!-- /react-text --></a></p></li></ul></li><li data-reactid="1968"><p data-reactid="1969"><strong data-reactid="1970"><!-- react-text: 1971 -->Menu<!-- /react-text --></strong></p><ul data-reactid="1972"><li data-reactid="1973"><p data-reactid="1974"><!-- react-text: 1975 -->修复 <!-- /react-text --><code data-reactid="1976"><!-- react-text: 1977 -->vertical<!-- /react-text --></code><!-- react-text: 1978 --> 模式下 <!-- /react-text --><code data-reactid="1979"><!-- react-text: 1980 -->openKeys<!-- /react-text --></code><!-- react-text: 1981 --> 为受控属性。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4876" data-reactid="1982"><!-- react-text: 1983 -->#4876<!-- /react-text --></a></p></li><li data-reactid="1984"><p data-reactid="1985"><!-- react-text: 1986 -->修复 Menu.Item 选中时的动画问题。<!-- /react-text --></p></li><li data-reactid="1987"><p data-reactid="1988"><!-- react-text: 1989 -->修复 Menu.SubMenu 的样式问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4906" data-reactid="1990"><!-- react-text: 1991 -->#4906<!-- /react-text --></a></p></li></ul></li><li data-reactid="1992"><p data-reactid="1993"><strong data-reactid="1994"><!-- react-text: 1995 -->Table<!-- /react-text --></strong></p><ul data-reactid="1996"><li data-reactid="1997"><p data-reactid="1998"><!-- react-text: 1999 -->修复在混合使用固定表头和小尺寸时的样式问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4850" data-reactid="2000"><!-- react-text: 2001 -->#4850<!-- /react-text --></a></p></li><li data-reactid="2002"><p data-reactid="2003"><!-- react-text: 2004 -->修复无数据时的占位符样式问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4851" data-reactid="2005"><!-- react-text: 2006 -->#4851<!-- /react-text --></a></p></li><li data-reactid="2007"><p data-reactid="2008"><!-- react-text: 2009 -->精简了 DOM 结构。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4868" data-reactid="2010"><!-- react-text: 2011 -->#4868<!-- /react-text --></a></p></li></ul></li><li data-reactid="2012"><p data-reactid="2013"><!-- react-text: 2014 -->修复 Radio 组件 children 无法为数字 <!-- /react-text --><code data-reactid="2015"><!-- react-text: 2016 -->0<!-- /react-text --></code><!-- react-text: 2017 --> 的问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4874" data-reactid="2018"><!-- react-text: 2019 -->#4874<!-- /react-text --></a><!-- react-text: 2020 --> <!-- /react-text --><a href="https://github.com/HQidea" data-reactid="2021"><!-- react-text: 2022 -->@HQidea<!-- /react-text --></a></p></li><li data-reactid="2023"><p data-reactid="2024"><!-- react-text: 2025 -->修复 RangePicker <!-- /react-text --><code data-reactid="2026"><!-- react-text: 2027 -->style.width<!-- /react-text --></code><!-- react-text: 2028 --> 无法小于 300 的问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4920" data-reactid="2029"><!-- react-text: 2030 -->#4920<!-- /react-text --></a></p></li><li data-reactid="2031"><p data-reactid="2032"><!-- react-text: 2033 -->修复 Spin 样式在打包时会导致编译错误的问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4915" data-reactid="2034"><!-- react-text: 2035 -->#4915<!-- /react-text --></a></p></li><li data-reactid="2036"><p data-reactid="2037"><!-- react-text: 2038 -->修复 Chrome 下 Tooltip 无法在 disabled 的按钮上使用的问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4865" data-reactid="2039"><!-- react-text: 2040 -->#4865<!-- /react-text --></a></p></li><li data-reactid="2041"><p data-reactid="2042"><!-- react-text: 2043 -->修复 Tree 节点在拖动时会导致整棵树抖动的问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4858" data-reactid="2044"><!-- react-text: 2045 -->#4858<!-- /react-text --></a></p></li><li data-reactid="2046"><p data-reactid="2047"><!-- react-text: 2048 -->修复 Upload 上传失败的样式问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4810" data-reactid="2049"><!-- react-text: 2050 -->#4810<!-- /react-text --></a></p></li><li data-reactid="2051"><p data-reactid="2052"><!-- react-text: 2053 -->修复 <!-- /react-text --><code data-reactid="2054"><!-- react-text: 2055 -->Menu[vertical]<!-- /react-text --></code><!-- react-text: 2056 --> 和 Layout.Sider 配合使用时二级菜单无法弹出的问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4890" data-reactid="2057"><!-- react-text: 2058 -->#4890<!-- /react-text --></a></p></li><li data-reactid="2059"><p data-reactid="2060"><!-- react-text: 2061 -->优化 Button、<!-- /react-text --><code data-reactid="2062"><!-- react-text: 2063 -->Badge[status=processing]<!-- /react-text --></code><!-- react-text: 2064 --> 的动画。<!-- /react-text --></p></li></ul><p data-reactid="2065"><img src="https://camo.githubusercontent.com/6874b2333f2fac3fac346404c6e70684e4dafc1a/68747470733a2f2f7a6f732e616c697061796f626a656374732e636f6d2f726d73706f7274616c2f73516b72756c716346734b4e54785158615971512e676966" alt="Badge animation" data-reactid="2066"/><!-- react-text: 2067 -->
-<!-- /react-text --><img src="https://camo.githubusercontent.com/3963d12b45de4f522c2799361dbc3177e7bd93d1/68747470733a2f2f7a6f732e616c697061796f626a656374732e636f6d2f726d73706f7274616c2f46624b776d636f766d795364666c557468494e522e676966" alt="Button animation" data-reactid="2068"/></p></div></li><li class="ant-timeline-item" data-reactid="2069"><div class="ant-timeline-item-tail" data-reactid="2070"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2071"></div><div class="ant-timeline-item-content" data-reactid="2072"><h2 id="2.7.1" data-reactid="2073"><span data-reactid="2074"><!-- react-text: 2075 -->2.7.1<!-- /react-text --></span><a href="#2.7.1" class="anchor" data-reactid="2076">#</a></h2><p data-reactid="2077"><code data-reactid="2078"><!-- react-text: 2079 -->2017-02-10<!-- /react-text --></code></p><ul data-reactid="2080"><li data-reactid="2081"><p data-reactid="2082"><strong data-reactid="2083"><!-- react-text: 2084 -->Affix<!-- /react-text --></strong></p><ul data-reactid="2085"><li data-reactid="2086"><p data-reactid="2087"><!-- react-text: 2088 -->修复 hover 时元素被隐藏的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4800" data-reactid="2089"><!-- react-text: 2090 -->#4800<!-- /react-text --></a></p></li><li data-reactid="2091"><p data-reactid="2092"><!-- react-text: 2093 -->修复 event listener 未被正确移除的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4755" data-reactid="2094"><!-- react-text: 2095 -->#4755<!-- /react-text --></a></p></li><li data-reactid="2096"><p data-reactid="2097"><!-- react-text: 2098 -->修复快速滚动时不能正确复位的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4760" data-reactid="2099"><!-- react-text: 2100 -->#4760<!-- /react-text --></a></p></li></ul></li><li data-reactid="2101"><p data-reactid="2102"><strong data-reactid="2103"><!-- react-text: 2104 -->Anchor<!-- /react-text --></strong><!-- react-text: 2105 --> 修复了有 offsetTop 时的定位问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4706" data-reactid="2106"><!-- react-text: 2107 -->#4706<!-- /react-text --></a></p></li><li data-reactid="2108"><p data-reactid="2109"><strong data-reactid="2110"><!-- react-text: 2111 -->AutoComplete<!-- /react-text --></strong></p><ul data-reactid="2112"><li data-reactid="2113"><p data-reactid="2114"><!-- react-text: 2115 -->修复了 size 问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4766" data-reactid="2116"><!-- react-text: 2117 -->#4766<!-- /react-text --></a></p></li><li data-reactid="2118"><p data-reactid="2119"><!-- react-text: 2120 -->修复了自动加入其他字符的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4778" data-reactid="2121"><!-- react-text: 2122 -->#4778<!-- /react-text --></a></p></li></ul></li><li data-reactid="2123"><p data-reactid="2124"><strong data-reactid="2125"><!-- react-text: 2126 -->Dropdown<!-- /react-text --></strong><!-- react-text: 2127 --> 补充了之前缺失的弹出框位置设定相关的文档及示例。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4811" data-reactid="2128"><!-- react-text: 2129 -->#4811<!-- /react-text --></a></p></li><li data-reactid="2130"><p data-reactid="2131"><strong data-reactid="2132"><!-- react-text: 2133 -->Layout<!-- /react-text --></strong><!-- react-text: 2134 --> 修复了侧边布局动效不平滑的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4752" data-reactid="2135"><!-- react-text: 2136 -->#4752<!-- /react-text --></a></p></li><li data-reactid="2137"><p data-reactid="2138"><strong data-reactid="2139"><!-- react-text: 2140 -->LocaleProvider<!-- /react-text --></strong><!-- react-text: 2141 --> 修复了瑞典语相关问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4762" data-reactid="2142"><!-- react-text: 2143 -->pull-4762<!-- /react-text --></a><!-- react-text: 2144 --> <!-- /react-text --><a href="https://github.com/JesperWe" data-reactid="2145"><!-- react-text: 2146 -->@JesperWe<!-- /react-text --></a></p></li><li data-reactid="2147"><p data-reactid="2148"><strong data-reactid="2149"><!-- react-text: 2150 -->RangePicker<!-- /react-text --></strong><!-- react-text: 2151 --> 修复了图标与表单校验反馈图标重叠的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4783" data-reactid="2152"><!-- react-text: 2153 -->#4783<!-- /react-text --></a><!-- react-text: 2154 --> <!-- /react-text --><a href="https://github.com/zhenzong" data-reactid="2155"><!-- react-text: 2156 -->@zhenzong<!-- /react-text --></a></p></li><li data-reactid="2157"><p data-reactid="2158"><strong data-reactid="2159"><!-- react-text: 2160 -->Table<!-- /react-text --></strong></p><ul data-reactid="2161"><li data-reactid="2162"><p data-reactid="2163"><!-- react-text: 2164 -->修复了 size 定义里没有 &#x27;middle&#x27; 的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4819" data-reactid="2165"><!-- react-text: 2166 -->#4819<!-- /react-text --></a><!-- react-text: 2167 --> <!-- /react-text --><a href="https://github.com/warrenseymour" data-reactid="2168"><!-- react-text: 2169 -->@warrenseymour<!-- /react-text --></a></p></li><li data-reactid="2170"><p data-reactid="2171"><!-- react-text: 2172 -->修复过滤功能在 JSX 模式下不生效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4759" data-reactid="2173"><!-- react-text: 2174 -->#4759<!-- /react-text --></a></p></li><li data-reactid="2175"><p data-reactid="2176"><!-- react-text: 2177 -->修复分页跳转问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4779" data-reactid="2178"><!-- react-text: 2179 -->#4779<!-- /react-text --></a></p></li></ul></li><li data-reactid="2180"><p data-reactid="2181"><strong data-reactid="2182"><!-- react-text: 2183 -->Tabs<!-- /react-text --></strong><!-- react-text: 2184 --> 修复了在 IE9 中从第二个标签页起都显示空白的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4795" data-reactid="2185"><!-- react-text: 2186 -->#4795<!-- /react-text --></a></p></li><li data-reactid="2187"><p data-reactid="2188"><strong data-reactid="2189"><!-- react-text: 2190 -->rc-pagination<!-- /react-text --></strong><!-- react-text: 2191 --> 升级至 ~1.7.0，onChange 增加 pageSize 参数。<!-- /react-text --></p></li><li data-reactid="2192"><p data-reactid="2193"><strong data-reactid="2194"><!-- react-text: 2195 -->全局性优化<!-- /react-text --></strong></p><ul data-reactid="2196"><li data-reactid="2197"><p data-reactid="2198"><!-- react-text: 2199 -->修复或优化了一些了文档，链接，样式细节。<!-- /react-text --></p></li><li data-reactid="2200"><p data-reactid="2201"><!-- react-text: 2202 -->接入 stylelint 以替代 lesslint，修复一些 lint 问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2179" data-reactid="2203"><!-- react-text: 2204 -->#2179<!-- /react-text --></a></p></li><li data-reactid="2205"><p data-reactid="2206"><!-- react-text: 2207 -->border-radius 统一为 4px。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4772" data-reactid="2208"><!-- react-text: 2209 -->#4772<!-- /react-text --></a></p></li><li data-reactid="2210"><p data-reactid="2211"><!-- react-text: 2212 -->支持 <!-- /react-text --><code data-reactid="2213"><!-- react-text: 2214 -->import { version } from &#x27;antd&#x27;<!-- /react-text --></code><!-- react-text: 2215 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4751" data-reactid="2216"><!-- react-text: 2217 -->#4751<!-- /react-text --></a></p></li></ul></li><li data-reactid="2218"><p data-reactid="2219"><strong data-reactid="2220"><!-- react-text: 2221 -->网站<!-- /react-text --></strong></p><ul data-reactid="2222"><li data-reactid="2223"><p data-reactid="2224"><!-- react-text: 2225 -->首页自动选择语言。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4552" data-reactid="2226"><!-- react-text: 2227 -->#4552<!-- /react-text --></a></p></li><li data-reactid="2228"><p data-reactid="2229"><!-- react-text: 2230 -->接入 Google 作为文档的全文本搜索。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4814" data-reactid="2231"><!-- react-text: 2232 -->#4814<!-- /react-text --></a></p></li><li data-reactid="2233"><p data-reactid="2234"><!-- react-text: 2235 -->改变版本切换 Select 的位置。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4799" data-reactid="2236"><!-- react-text: 2237 -->pull-4799<!-- /react-text --></a></p></li></ul></li></ul></div></li><li class="ant-timeline-item" data-reactid="2238"><div class="ant-timeline-item-tail" data-reactid="2239"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2240"></div><div class="ant-timeline-item-content" data-reactid="2241"><h2 id="2.7.0" data-reactid="2242"><span data-reactid="2243"><!-- react-text: 2244 -->2.7.0<!-- /react-text --></span><a href="#2.7.0" class="anchor" data-reactid="2245">#</a></h2><p data-reactid="2246"><code data-reactid="2247"><!-- react-text: 2248 -->2017-02-03<!-- /react-text --></code></p><ul data-reactid="2249"><li data-reactid="2250"><p data-reactid="2251"><!-- react-text: 2252 -->Button 新增 <!-- /react-text --><code data-reactid="2253"><!-- react-text: 2254 -->danger<!-- /react-text --></code><!-- react-text: 2255 --> 和 <!-- /react-text --><code data-reactid="2256"><!-- react-text: 2257 -->ghost<!-- /react-text --></code><!-- react-text: 2258 --> 属性。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4679" data-reactid="2259"><!-- react-text: 2260 -->#4679<!-- /react-text --></a></p></li><li data-reactid="2261"><p data-reactid="2262"><!-- react-text: 2263 -->AutoComplete 支持自定义输入框的用法。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4483" data-reactid="2264"><!-- react-text: 2265 -->#4483<!-- /react-text --></a></p></li><li data-reactid="2266"><p data-reactid="2267"><!-- react-text: 2268 -->升级了 rc-cascader 到 0.11.0，支持键盘操作。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4411" data-reactid="2269"><!-- react-text: 2270 -->#4411<!-- /react-text --></a></p></li><li data-reactid="2271"><p data-reactid="2272"><!-- react-text: 2273 -->notification 支持更多弹出方向。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4700" data-reactid="2274"><!-- react-text: 2275 -->#4732<!-- /react-text --></a></p></li><li data-reactid="2276"><p data-reactid="2277"><!-- react-text: 2278 -->升级了 rc-steps 到 2.3.0，Steps 新增 <!-- /react-text --><code data-reactid="2279"><!-- react-text: 2280 -->progressDot<!-- /react-text --></code><!-- react-text: 2281 --> 属性，支持自定义点状步骤条的样式。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4659" data-reactid="2282"><!-- react-text: 2283 -->#4659<!-- /react-text --></a></p></li><li data-reactid="2284"><p data-reactid="2285"><!-- react-text: 2286 -->升级了 rc-input-number 到 3.0.0<!-- /react-text --></p><ul data-reactid="2287"><li data-reactid="2288"><p data-reactid="2289"><!-- react-text: 2290 -->现在输入时也会触发 <!-- /react-text --><code data-reactid="2291"><!-- react-text: 2292 -->onChange<!-- /react-text --></code><!-- react-text: 2293 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4265" data-reactid="2294"><!-- react-text: 2295 -->#4265<!-- /react-text --></a></p></li><li data-reactid="2296"><p data-reactid="2297"><!-- react-text: 2298 -->修复了 <!-- /react-text --><code data-reactid="2299"><!-- react-text: 2300 -->onKeyUp<!-- /react-text --></code><!-- react-text: 2301 --> 事件。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4717" data-reactid="2302"><!-- react-text: 2303 -->#4717<!-- /react-text --></a></p></li></ul></li><li data-reactid="2304"><p data-reactid="2305"><!-- react-text: 2306 -->Slider 增加 <!-- /react-text --><code data-reactid="2307"><!-- react-text: 2308 -->veritical<!-- /react-text --></code><!-- react-text: 2309 --> 模式。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4473" data-reactid="2310"><!-- react-text: 2311 -->#4473<!-- /react-text --></a></p></li><li data-reactid="2312"><p data-reactid="2313"><!-- react-text: 2314 -->Tag<!-- /react-text --></p><ul data-reactid="2315"><li data-reactid="2316"><p data-reactid="2317"><!-- react-text: 2318 -->增加了预设颜色。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4571" data-reactid="2319"><!-- react-text: 2320 -->#4571<!-- /react-text --></a></p></li><li data-reactid="2321"><p data-reactid="2322"><!-- react-text: 2323 -->调整了垂直对齐和默认间距。<!-- /react-text --></p></li></ul></li><li data-reactid="2324"><p data-reactid="2325"><!-- react-text: 2326 -->添加了对德语的支持。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4686" data-reactid="2327"><!-- react-text: 2328 -->#4686<!-- /react-text --></a></p></li><li data-reactid="2329"><p data-reactid="2330"><!-- react-text: 2331 -->添加了对瑞典语的支持。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4455" data-reactid="2332"><!-- react-text: 2333 -->#4455<!-- /react-text --></a></p></li><li data-reactid="2334"><p data-reactid="2335"><!-- react-text: 2336 -->添加了对法语的支持。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4538" data-reactid="2337"><!-- react-text: 2338 -->#4538<!-- /react-text --></a></p></li><li data-reactid="2339"><p data-reactid="2340"><!-- react-text: 2341 -->Transfer 添加了 <!-- /react-text --><code data-reactid="2342"><!-- react-text: 2343 -->onSearchChange<!-- /react-text --></code><!-- react-text: 2344 --> 回调。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4464" data-reactid="2345"><!-- react-text: 2346 -->#4464<!-- /react-text --></a></p></li><li data-reactid="2347"><p data-reactid="2348"><!-- react-text: 2349 -->Modal.confirm 添加了 maskClosable 配置项。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4488" data-reactid="2350"><!-- react-text: 2351 -->#4488<!-- /react-text --></a><!-- react-text: 2352 -->, <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4490" data-reactid="2353"><!-- react-text: 2354 -->#4488<!-- /react-text --></a></p></li><li data-reactid="2355"><p data-reactid="2356"><!-- react-text: 2357 -->Form<!-- /react-text --></p><ul data-reactid="2358"><li data-reactid="2359"><p data-reactid="2360"><!-- react-text: 2361 -->增加 <!-- /react-text --><code data-reactid="2362"><!-- react-text: 2363 -->options.onValuesChange<!-- /react-text --></code><!-- react-text: 2364 --> 参数，可用于代替会触发多次 <!-- /react-text --><code data-reactid="2365"><!-- react-text: 2366 -->options.onFieldsChange<!-- /react-text --></code><!-- react-text: 2367 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/2934" data-reactid="2368"><!-- react-text: 2369 -->#2934<!-- /react-text --></a></p></li><li data-reactid="2370"><p data-reactid="2371"><!-- react-text: 2372 -->增加 <!-- /react-text --><code data-reactid="2373"><!-- react-text: 2374 -->props.form.getFieldsError<!-- /react-text --></code><!-- react-text: 2375 --> <!-- /react-text --><code data-reactid="2376"><!-- react-text: 2377 -->props.form.isFieldTouched<!-- /react-text --></code><!-- react-text: 2378 --> <!-- /react-text --><code data-reactid="2379"><!-- react-text: 2380 -->props.form.isFieldsTouched<!-- /react-text --></code><!-- react-text: 2381 --> 三个方法，可用于提交表单按钮的禁用展示。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4374" data-reactid="2382"><!-- react-text: 2383 -->#4374<!-- /react-text --></a></p></li><li data-reactid="2384"><p data-reactid="2385"><!-- react-text: 2386 -->增加 <!-- /react-text --><code data-reactid="2387"><!-- react-text: 2388 -->hideRequiredMark<!-- /react-text --></code><!-- react-text: 2389 --> 属性。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4732" data-reactid="2390"><!-- react-text: 2391 -->#4732<!-- /react-text --></a></p></li></ul></li><li data-reactid="2392"><p data-reactid="2393"><!-- react-text: 2394 -->改进了 Upload 的列表图片预览。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4516" data-reactid="2395"><!-- react-text: 2396 -->#4516<!-- /react-text --></a></p></li><li data-reactid="2397"><p data-reactid="2398"><!-- react-text: 2399 -->升级了 rc-select 到 6.7.1。<!-- /react-text --></p><ul data-reactid="2400"><li data-reactid="2401"><p data-reactid="2402"><!-- react-text: 2403 -->修复了 Select 的 <!-- /react-text --><code data-reactid="2404"><!-- react-text: 2405 -->onChange<!-- /react-text --></code><!-- react-text: 2406 --> 回调重复触发的问题。<!-- /react-text --><a href="https://github.com/react-component/select/pull/156" data-reactid="2407"><!-- react-text: 2408 -->#156@rc-select<!-- /react-text --></a></p></li><li data-reactid="2409"><p data-reactid="2410"><!-- react-text: 2411 -->修复了 Select 显示初始化值的问题。<!-- /react-text --><a href="https://github.com/react-component/select/pull/152" data-reactid="2412"><!-- react-text: 2413 -->#152@rc-select<!-- /react-text --></a></p></li></ul></li><li data-reactid="2414"><p data-reactid="2415"><!-- react-text: 2416 -->升级 rc-tree-select 到 <!-- /react-text --><code data-reactid="2417"><!-- react-text: 2418 -->1.9.0<!-- /react-text --></code><!-- react-text: 2419 -->。<!-- /react-text --></p><ul data-reactid="2420"><li data-reactid="2421"><p data-reactid="2422"><!-- react-text: 2423 -->新增 <!-- /react-text --><code data-reactid="2424"><!-- react-text: 2425 -->treeDefaultExpandedKeys<!-- /react-text --></code><!-- react-text: 2426 --> 属性。<!-- /react-text --><a href="https://github.com/react-component/tree-select/pull/43" data-reactid="2427"><!-- react-text: 2428 -->#43@rc-tree-select<!-- /react-text --></a></p></li><li data-reactid="2429"><p data-reactid="2430"><!-- react-text: 2431 -->修复了文字溢出换行问题。<!-- /react-text --><a href="https://github.com/react-component/tree-select/pull/42" data-reactid="2432"><!-- react-text: 2433 -->#42@rc-tree-select<!-- /react-text --></a></p></li></ul></li><li data-reactid="2434"><p data-reactid="2435"><!-- react-text: 2436 -->新增 less 变量: <!-- /react-text --><code data-reactid="2437"><!-- react-text: 2438 -->@border-style-base<!-- /react-text --></code><!-- react-text: 2439 --> <!-- /react-text --><code data-reactid="2440"><!-- react-text: 2441 -->@border-width-base<!-- /react-text --></code><!-- react-text: 2442 --> <!-- /react-text --><code data-reactid="2443"><!-- react-text: 2444 -->@btn-danger-color<!-- /react-text --></code><!-- react-text: 2445 --> <!-- /react-text --><code data-reactid="2446"><!-- react-text: 2447 -->@btn-danger-bg<!-- /react-text --></code><!-- react-text: 2448 --> 等。<!-- /react-text --></p></li><li data-reactid="2449"><p data-reactid="2450"><!-- react-text: 2451 -->修复了 Badge 在页面放大时错位的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4747" data-reactid="2452"><!-- react-text: 2453 -->#4747<!-- /react-text --></a><!-- react-text: 2454 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4290" data-reactid="2455"><!-- react-text: 2456 -->#4290<!-- /react-text --></a></p></li><li data-reactid="2457"><p data-reactid="2458"><!-- react-text: 2459 -->修复一个固定表头的表格错位问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4750" data-reactid="2460"><!-- react-text: 2461 -->#4750<!-- /react-text --></a></p></li><li data-reactid="2462"><p data-reactid="2463"><!-- react-text: 2464 -->修复一个 IE 下表格滚动时卡顿的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4522" data-reactid="2465"><!-- react-text: 2466 -->#4522<!-- /react-text --></a></p></li><li data-reactid="2467"><p data-reactid="2468"><!-- react-text: 2469 -->添加别名以修正图标命名风格：<!-- /react-text --><code data-reactid="2470"><!-- react-text: 2471 -->addfile<!-- /react-text --></code><!-- react-text: 2472 --> =&gt; <!-- /react-text --><code data-reactid="2473"><!-- react-text: 2474 -->file-add<!-- /react-text --></code><!-- react-text: 2475 -->，<!-- /react-text --><code data-reactid="2476"><!-- react-text: 2477 -->addfolder<!-- /react-text --></code><!-- react-text: 2478 --> =&gt; <!-- /react-text --><code data-reactid="2479"><!-- react-text: 2480 -->folder-open<!-- /react-text --></code><!-- react-text: 2481 -->，原有的命名依然有效。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4758" data-reactid="2482"><!-- react-text: 2483 -->#4758<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="2484"><div class="ant-timeline-item-tail" data-reactid="2485"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2486"></div><div class="ant-timeline-item-content" data-reactid="2487"><h2 id="2.6.4" data-reactid="2488"><span data-reactid="2489"><!-- react-text: 2490 -->2.6.4<!-- /react-text --></span><a href="#2.6.4" class="anchor" data-reactid="2491">#</a></h2><p data-reactid="2492"><code data-reactid="2493"><!-- react-text: 2494 -->2017-01-20<!-- /react-text --></code></p><ul data-reactid="2495"><li data-reactid="2496"><p data-reactid="2497"><!-- react-text: 2498 -->优化 RangePicker 选择预设时间时的界面显示。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4561" data-reactid="2499"><!-- react-text: 2500 -->#4561<!-- /react-text --></a></p></li><li data-reactid="2501"><p data-reactid="2502"><!-- react-text: 2503 -->修复 DatePicker 选择时间界面的滚动问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4412" data-reactid="2504"><!-- react-text: 2505 -->#4412<!-- /react-text --></a></p></li><li data-reactid="2506"><p data-reactid="2507"><!-- react-text: 2508 -->修复 Menu 在 <!-- /react-text --><code data-reactid="2509"><!-- react-text: 2510 -->vertical<!-- /react-text --></code><!-- react-text: 2511 --> 的受控模式下，子菜单不会弹出的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3783" data-reactid="2512"><!-- react-text: 2513 -->#3783<!-- /react-text --></a></p></li><li data-reactid="2514"><p data-reactid="2515"><!-- react-text: 2516 -->修复 Cascader 禁用时的值显示样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4648" data-reactid="2517"><!-- react-text: 2518 -->#4648<!-- /react-text --></a></p></li><li data-reactid="2519"><p data-reactid="2520"><!-- react-text: 2521 -->Table<!-- /react-text --></p><ul data-reactid="2522"><li data-reactid="2523"><p data-reactid="2524"><!-- react-text: 2525 -->优化固定表头的滚动条显示。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4637" data-reactid="2526"><!-- react-text: 2527 -->#4637<!-- /react-text --></a></p></li><li data-reactid="2528"><p data-reactid="2529"><!-- react-text: 2530 -->修复在 Safari 下显示 loading 效果时表头会闪烁的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4622" data-reactid="2531"><!-- react-text: 2532 -->#4622<!-- /react-text --></a></p></li><li data-reactid="2533"><p data-reactid="2534"><!-- react-text: 2535 -->修复多处边框问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4647" data-reactid="2536"><!-- react-text: 2537 -->#4647<!-- /react-text --></a><!-- react-text: 2538 -->、<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4635" data-reactid="2539"><!-- react-text: 2540 -->#4635<!-- /react-text --></a></p></li><li data-reactid="2541"><p data-reactid="2542"><!-- react-text: 2543 -->修复 showHeader 的默认值不为 <!-- /react-text --><code data-reactid="2544"><!-- react-text: 2545 -->false<!-- /react-text --></code><!-- react-text: 2546 --> 的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4658" data-reactid="2547"><!-- react-text: 2548 -->#4658<!-- /react-text --></a></p></li><li data-reactid="2549"><p data-reactid="2550"><!-- react-text: 2551 -->修复找不到 <!-- /react-text --><code data-reactid="2552"><!-- react-text: 2553 -->TableColumnConfig<!-- /react-text --></code><!-- react-text: 2554 --> 的类型定义的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4660" data-reactid="2555"><!-- react-text: 2556 -->#4660<!-- /react-text --></a></p></li></ul></li></ul></div></li><li class="ant-timeline-item" data-reactid="2557"><div class="ant-timeline-item-tail" data-reactid="2558"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2559"></div><div class="ant-timeline-item-content" data-reactid="2560"><h2 id="2.6.3" data-reactid="2561"><span data-reactid="2562"><!-- react-text: 2563 -->2.6.3<!-- /react-text --></span><a href="#2.6.3" class="anchor" data-reactid="2564">#</a></h2><p data-reactid="2565"><code data-reactid="2566"><!-- react-text: 2567 -->2017-01-15<!-- /react-text --></code></p><ul data-reactid="2568"><li data-reactid="2569"><p data-reactid="2570"><!-- react-text: 2571 -->修复 <!-- /react-text --><code data-reactid="2572"><!-- react-text: 2573 -->2.6.2<!-- /react-text --></code><!-- react-text: 2574 --> 中 Popconfirm 不可用的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4606" data-reactid="2575"><!-- react-text: 2576 -->#4606<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="2577"><div class="ant-timeline-item-tail" data-reactid="2578"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2579"></div><div class="ant-timeline-item-content" data-reactid="2580"><h2 id="2.6.2" data-reactid="2581"><span data-reactid="2582"><!-- react-text: 2583 -->2.6.2<!-- /react-text --></span><a href="#2.6.2" class="anchor" data-reactid="2584">#</a></h2><p data-reactid="2585"><code data-reactid="2586"><!-- react-text: 2587 -->2017-01-14<!-- /react-text --></code></p><ul data-reactid="2588"><li data-reactid="2589"><p data-reactid="2590"><!-- react-text: 2591 -->新增社区精选组件页面。<!-- /react-text --><a href="/docs/react/recommendation-cn" data-reactid="2592">链接</a></p></li><li data-reactid="2593"><p data-reactid="2594"><!-- react-text: 2595 -->修复一个内容过长导致 Layout 侧边布局错位的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4459" data-reactid="2596"><!-- react-text: 2597 -->#4459<!-- /react-text --></a></p></li><li data-reactid="2598"><p data-reactid="2599"><!-- react-text: 2600 -->修复 Input.Search 输入框和图标错位的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4540" data-reactid="2601"><!-- react-text: 2602 -->#4540<!-- /react-text --></a></p></li><li data-reactid="2603"><p data-reactid="2604"><!-- react-text: 2605 -->补充了一个自定义灰底样式的 Collapse 折叠面板的例子。<!-- /react-text --><a href="/components/collapse-cn/#components-collapse-demo-custom" data-reactid="2606">链接</a></p></li><li data-reactid="2607"><p data-reactid="2608"><!-- react-text: 2609 -->Table<!-- /react-text --></p><ul data-reactid="2610"><li data-reactid="2611"><p data-reactid="2612"><!-- react-text: 2613 -->调大了 Table 选择框和展开按钮的列宽度。<!-- /react-text --></p></li><li data-reactid="2614"><p data-reactid="2615"><!-- react-text: 2616 -->修复 <!-- /react-text --><code data-reactid="2617"><!-- react-text: 2618 -->pagination<!-- /react-text --></code><!-- react-text: 2619 --> 属性切换后分页不可用的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4532" data-reactid="2620"><!-- react-text: 2621 -->#4532<!-- /react-text --></a></p></li><li data-reactid="2622"><p data-reactid="2623"><!-- react-text: 2624 -->修复不支持三级筛选菜单的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4541" data-reactid="2625"><!-- react-text: 2626 -->#4541<!-- /react-text --></a></p></li><li data-reactid="2627"><p data-reactid="2628"><!-- react-text: 2629 -->修复 <!-- /react-text --><code data-reactid="2630"><!-- react-text: 2631 -->column.filteredValue<!-- /react-text --></code><!-- react-text: 2632 --> 无法设置为 <!-- /react-text --><code data-reactid="2633"><!-- react-text: 2634 -->null<!-- /react-text --></code><!-- react-text: 2635 --> 的问题。<!-- /react-text --></p></li></ul></li><li data-reactid="2636"><p data-reactid="2637"><!-- react-text: 2638 -->调整 Carousel 为默认不可拖拽和文字可选择。<!-- /react-text --></p></li><li data-reactid="2639"><p data-reactid="2640"><!-- react-text: 2641 -->增加了 Breadcrumb 内嵌非 Breadcrumb.Item 元素时的警告提示。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4403" data-reactid="2642"><!-- react-text: 2643 -->#4403<!-- /react-text --></a></p></li><li data-reactid="2644"><p data-reactid="2645"><!-- react-text: 2646 -->修复 Tooltip 在 <!-- /react-text --><code data-reactid="2647"><!-- react-text: 2648 -->onVisibleChange(visible)<!-- /react-text --></code><!-- react-text: 2649 --> 返回 <!-- /react-text --><code data-reactid="2650"><!-- react-text: 2651 -->true<!-- /react-text --></code><!-- react-text: 2652 --> 时不展示的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4579" data-reactid="2653"><!-- react-text: 2654 -->#4579<!-- /react-text --></a></p></li><li data-reactid="2655"><p data-reactid="2656"><!-- react-text: 2657 -->优化 TreeSelect 内容过长时的面板高度。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4537" data-reactid="2658"><!-- react-text: 2659 -->#4537<!-- /react-text --></a></p></li><li data-reactid="2660"><p data-reactid="2661"><!-- react-text: 2662 -->补充了 TimePicker 和 Spin 的组件样式变量。<!-- /react-text --></p></li><li data-reactid="2663"><p data-reactid="2664"><!-- react-text: 2665 -->用年份代替了 DatePicker 年份选择面板上的箭头。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4415" data-reactid="2666"><!-- react-text: 2667 -->#4415<!-- /react-text --></a></p></li><li data-reactid="2668"><p data-reactid="2669"><!-- react-text: 2670 -->修复 AutoComplete 和 Form <!-- /react-text --><code data-reactid="2671"><!-- react-text: 2672 -->[options.validateTrigger]<!-- /react-text --></code><!-- react-text: 2673 --> 的 TypeScript 定义。<!-- /react-text --></p></li><li data-reactid="2674"><p data-reactid="2675"><!-- react-text: 2676 -->优化 Spin、Progress 的动画细节效果。<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="2677"><div class="ant-timeline-item-tail" data-reactid="2678"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2679"></div><div class="ant-timeline-item-content" data-reactid="2680"><h2 id="2.6.1" data-reactid="2681"><span data-reactid="2682"><!-- react-text: 2683 -->2.6.1<!-- /react-text --></span><a href="#2.6.1" class="anchor" data-reactid="2684">#</a></h2><p data-reactid="2685"><code data-reactid="2686"><!-- react-text: 2687 -->2017-1-6<!-- /react-text --></code></p><ul data-reactid="2688"><li data-reactid="2689"><p data-reactid="2690"><!-- react-text: 2691 -->修复 Menu dark theme 样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4440" data-reactid="2692"><!-- react-text: 2693 -->#4440<!-- /react-text --></a></p></li><li data-reactid="2694"><p data-reactid="2695"><!-- react-text: 2696 -->修复 <!-- /react-text --><code data-reactid="2697"><!-- react-text: 2698 -->Select[tokenSeparators]<!-- /react-text --></code><!-- react-text: 2699 --> <!-- /react-text --><code data-reactid="2700"><!-- react-text: 2701 -->Modal[afterClose]<!-- /react-text --></code><!-- react-text: 2702 --> <!-- /react-text --><code data-reactid="2703"><!-- react-text: 2704 -->Input[name]<!-- /react-text --></code><!-- react-text: 2705 --> 等的 TypeScript interface 定义。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4441" data-reactid="2706"><!-- react-text: 2707 -->#4441<!-- /react-text --></a><!-- react-text: 2708 --> <!-- /react-text --><a href="https://github.com/eddhannay" data-reactid="2709"><!-- react-text: 2710 -->@eddhannay<!-- /react-text --></a></p></li><li data-reactid="2711"><p data-reactid="2712"><!-- react-text: 2713 -->修复 <!-- /react-text --><code data-reactid="2714"><!-- react-text: 2715 -->TimePicker[placeholder]<!-- /react-text --></code><!-- react-text: 2716 --> 无法置空的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4446" data-reactid="2717"><!-- react-text: 2718 -->#4446<!-- /react-text --></a><!-- react-text: 2719 --> <!-- /react-text --><a href="https://github.com/jialeicui" data-reactid="2720"><!-- react-text: 2721 -->@jialeicui<!-- /react-text --></a></p></li><li data-reactid="2722"><p data-reactid="2723"><!-- react-text: 2724 -->修复 DatePicker 等年份选择面板折行问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4415" data-reactid="2725"><!-- react-text: 2726 -->#4415<!-- /react-text --></a></p></li><li data-reactid="2727"><p data-reactid="2728"><!-- react-text: 2729 -->修复 Table loading 状态分页器可操作的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4461" data-reactid="2730"><!-- react-text: 2731 -->#4461<!-- /react-text --></a></p></li><li data-reactid="2732"><p data-reactid="2733"><!-- react-text: 2734 -->修复 <!-- /react-text --><code data-reactid="2735"><!-- react-text: 2736 -->Input[prefix|suffix]<!-- /react-text --></code><!-- react-text: 2737 --> 垂直对齐问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/c4ac4d1eca53ae2f6f4a1e15210b43745f283534" data-reactid="2738"><!-- react-text: 2739 -->commit<!-- /react-text --></a></p></li><li data-reactid="2740"><p data-reactid="2741"><!-- react-text: 2742 -->修复 Cascader 对齐问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/1fbebd4ecfff432e1b2261c9dfee4b9f471e7b1f" data-reactid="2743"><!-- react-text: 2744 -->commit<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="2745"><div class="ant-timeline-item-tail" data-reactid="2746"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2747"></div><div class="ant-timeline-item-content" data-reactid="2748"><h2 id="2.6.0" data-reactid="2749"><span data-reactid="2750"><!-- react-text: 2751 -->2.6.0<!-- /react-text --></span><a href="#2.6.0" class="anchor" data-reactid="2752">#</a></h2><p data-reactid="2753"><code data-reactid="2754"><!-- react-text: 2755 -->2017-1-2<!-- /react-text --></code></p><ul data-reactid="2756"><li data-reactid="2757"><p data-reactid="2758"><!-- react-text: 2759 -->采用全新的色彩系统。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4426" data-reactid="2760"><!-- react-text: 2761 -->pull/4426<!-- /react-text --></a></p><ul data-reactid="2762"><li data-reactid="2763"><p data-reactid="2764"><!-- react-text: 2765 -->使用新的算法函数代替 <!-- /react-text --><code data-reactid="2766"><!-- react-text: 2767 -->tint/shade<!-- /react-text --></code><!-- react-text: 2768 -->。<!-- /react-text --></p></li><li data-reactid="2769"><p data-reactid="2770"><!-- react-text: 2771 -->利用算法生成的新版色板。<!-- /react-text --><a href="http://ant.design/docs/spec/colors" data-reactid="2772"><!-- react-text: 2773 -->色板演示<!-- /react-text --></a></p></li><li data-reactid="2774"><p data-reactid="2775"><!-- react-text: 2776 -->调整默认文字颜色。<!-- /react-text --></p></li></ul></li><li data-reactid="2777"><p data-reactid="2778"><!-- react-text: 2779 -->增加 Layout 布局组件。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3534" data-reactid="2780"><!-- react-text: 2781 -->#3534<!-- /react-text --></a></p></li><li data-reactid="2782"><p data-reactid="2783"><!-- react-text: 2784 -->增加 Grid 栅格配置器示例。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/ee17abfa9d0362c6f9baab4a9a09e57574583246" data-reactid="2785"><!-- react-text: 2786 -->commit/ee17ab<!-- /react-text --></a></p></li><li data-reactid="2787"><p data-reactid="2788"><!-- react-text: 2789 -->Input<!-- /react-text --></p><ul data-reactid="2790"><li data-reactid="2791"><p data-reactid="2792"><!-- react-text: 2793 -->增加 prefix 和 suffix 属性，支持前后缀配置。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4226" data-reactid="2794"><!-- react-text: 2795 -->#4226<!-- /react-text --></a><!-- react-text: 2796 --> <!-- /react-text --><a href="https://github.com/ystarlongzi" data-reactid="2797"><!-- react-text: 2798 -->@ystarlongzi<!-- /react-text --></a></p></li><li data-reactid="2799"><p data-reactid="2800"><!-- react-text: 2801 -->InputGroup 增加 compact 属性，支持紧凑型展示。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4309" data-reactid="2802"><!-- react-text: 2803 -->pull/4309<!-- /react-text --></a></p></li></ul></li><li data-reactid="2804"><p data-reactid="2805"><!-- react-text: 2806 -->Spin 增加延迟显示属性 delay。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4306" data-reactid="2807"><!-- react-text: 2808 -->#4306<!-- /react-text --></a></p></li><li data-reactid="2809"><p data-reactid="2810"><!-- react-text: 2811 -->修复 Pagination 在低分辨率下的错位问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4349" data-reactid="2812"><!-- react-text: 2813 -->#4349<!-- /react-text --></a></p></li><li data-reactid="2814"><p data-reactid="2815"><!-- react-text: 2816 -->修复 Dropdown.Button 换行的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4355" data-reactid="2817"><!-- react-text: 2818 -->pull/4355<!-- /react-text --></a><!-- react-text: 2819 --> <!-- /react-text --><a href="https://github.com/Morhaus" data-reactid="2820"><!-- react-text: 2821 -->@Morhaus<!-- /react-text --></a></p></li><li data-reactid="2822"><p data-reactid="2823"><!-- react-text: 2824 -->修复 Cascader disabled 状态底色的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4434" data-reactid="2825"><!-- react-text: 2826 -->#4434<!-- /react-text --></a></p></li><li data-reactid="2827"><p data-reactid="2828"><!-- react-text: 2829 -->修复 MonthPicker monthCellContentRender 属性无效的问题，并修正了错误的文档。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4394" data-reactid="2830"><!-- react-text: 2831 -->#4394<!-- /react-text --></a></p></li><li data-reactid="2832"><p data-reactid="2833"><!-- react-text: 2834 -->修复 ButtonGroup 存在多余蓝色边框的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4382" data-reactid="2835"><!-- react-text: 2836 -->#4382<!-- /react-text --></a><!-- react-text: 2837 --> <!-- /react-text --><a href="https://github.com/ystarlongzi" data-reactid="2838"><!-- react-text: 2839 -->@ystarlongzi<!-- /react-text --></a></p></li><li data-reactid="2840"><p data-reactid="2841"><!-- react-text: 2842 -->修复 Menu horizontal 模式子菜单选择项背景色错误的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4414" data-reactid="2843"><!-- react-text: 2844 -->#4414<!-- /react-text --></a></p></li><li data-reactid="2845"><p data-reactid="2846"><!-- react-text: 2847 -->修复配置了 hasFeedback 的 Select/Cascader 下拉箭头被遮盖的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4431" data-reactid="2848"><!-- react-text: 2849 -->#4431<!-- /react-text --></a><!-- react-text: 2850 --> <!-- /react-text --><a href="https://github.com/JesperWe" data-reactid="2851"><!-- react-text: 2852 -->@JesperWe<!-- /react-text --></a></p></li><li data-reactid="2853"><p data-reactid="2854"><!-- react-text: 2855 -->Table 没有 header 时，第一行改为非圆角。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4373" data-reactid="2856"><!-- react-text: 2857 -->#4373<!-- /react-text --></a></p></li><li data-reactid="2858"><p data-reactid="2859"><!-- react-text: 2860 -->优化 Tree 的拖拽效果。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4371" data-reactid="2861"><!-- react-text: 2862 -->#4371<!-- /react-text --></a></p></li><li data-reactid="2863"><p data-reactid="2864"><!-- react-text: 2865 -->进行了一些文档或示例优化、文档错误修正以及网站样式问题修复。<!-- /react-text --></p></li><li data-reactid="2866"><p data-reactid="2867"><!-- react-text: 2868 -->升级 rc-form 底层依赖，getFieldDecorator 的 id 支持嵌套式写法。<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="2869"><div class="ant-timeline-item-tail" data-reactid="2870"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2871"></div><div class="ant-timeline-item-content" data-reactid="2872"><h2 id="2.5.3" data-reactid="2873"><span data-reactid="2874"><!-- react-text: 2875 -->2.5.3<!-- /react-text --></span><a href="#2.5.3" class="anchor" data-reactid="2876">#</a></h2><p data-reactid="2877"><code data-reactid="2878"><!-- react-text: 2879 -->2016-12-24<!-- /react-text --></code><!-- react-text: 2880 --> 🎄🎄🎄<!-- /react-text --></p><ul data-reactid="2881"><li data-reactid="2882"><p data-reactid="2883"><!-- react-text: 2884 -->支持 TypeScript@2.1。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4208" data-reactid="2885"><!-- react-text: 2886 -->#4208<!-- /react-text --></a></p></li><li data-reactid="2887"><p data-reactid="2888"><!-- react-text: 2889 -->修正了 Tabs 嵌套时的样式问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4317" data-reactid="2890"><!-- react-text: 2891 -->#4317<!-- /react-text --></a></p></li><li data-reactid="2892"><p data-reactid="2893"><!-- react-text: 2894 -->修正了 Radio 在当前项选中时，再次点击仍会触发 onChange 的问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4242" data-reactid="2895"><!-- react-text: 2896 -->#4242<!-- /react-text --></a><!-- react-text: 2897 --> <!-- /react-text --><a href="https://github.com/ystarlongzi" data-reactid="2898"><!-- react-text: 2899 -->@ystarlongzi<!-- /react-text --></a></p></li><li data-reactid="2900"><p data-reactid="2901"><!-- react-text: 2902 -->修正了 Form 多列栅格式的表单排列方式布局异常。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4271" data-reactid="2903"><!-- react-text: 2904 -->#4271<!-- /react-text --></a></p></li><li data-reactid="2905"><p data-reactid="2906"><!-- react-text: 2907 -->修正了 Menu 竖直方向的当前选择项的背景问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4253" data-reactid="2908"><!-- react-text: 2909 -->#4253<!-- /react-text --></a></p></li><li data-reactid="2910"><p data-reactid="2911"><!-- react-text: 2912 -->优化了 Dropdown 的 <!-- /react-text --><code data-reactid="2913"><!-- react-text: 2914 -->onVisibleChange<!-- /react-text --></code><!-- react-text: 2915 --> 回调参数 Type 类型。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4236" data-reactid="2916"><!-- react-text: 2917 -->#4236<!-- /react-text --></a></p></li><li data-reactid="2918"><p data-reactid="2919"><!-- react-text: 2920 -->优化了 Cascader 的 <!-- /react-text --><code data-reactid="2921"><!-- react-text: 2922 -->onChange<!-- /react-text --></code><!-- react-text: 2923 --> 回调参数的 Type 类型。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4231" data-reactid="2924"><!-- react-text: 2925 -->#4231<!-- /react-text --></a></p></li><li data-reactid="2926"><p data-reactid="2927"><!-- react-text: 2928 -->优化了 Datepicker<!-- /react-text --><!-- react-text: 2929 -->[showtime]<!-- /react-text --><!-- react-text: 2930 --> 的默认宽度 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/b912f1cea6f470c16b8dd90554883460161cef47" data-reactid="2931"><!-- react-text: 2932 -->b912f1c<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="2933"><div class="ant-timeline-item-tail" data-reactid="2934"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2935"></div><div class="ant-timeline-item-content" data-reactid="2936"><h2 id="2.5.2" data-reactid="2937"><span data-reactid="2938"><!-- react-text: 2939 -->2.5.2<!-- /react-text --></span><a href="#2.5.2" class="anchor" data-reactid="2940">#</a></h2><p data-reactid="2941"><code data-reactid="2942"><!-- react-text: 2943 -->2016-12-10<!-- /react-text --></code></p><ul data-reactid="2944"><li data-reactid="2945"><p data-reactid="2946"><!-- react-text: 2947 -->优化 Menu 已选择项的样式。<!-- /react-text --></p></li><li data-reactid="2948"><p data-reactid="2949"><!-- react-text: 2950 -->修复 Mention 不能响应 <!-- /react-text --><code data-reactid="2951"><!-- react-text: 2952 -->onFocus<!-- /react-text --></code><!-- react-text: 2953 --> 和 <!-- /react-text --><code data-reactid="2954"><!-- react-text: 2955 -->onBlur<!-- /react-text --></code><!-- react-text: 2956 --> 的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4163" data-reactid="2957"><!-- react-text: 2958 -->#4163<!-- /react-text --></a></p></li><li data-reactid="2959"><p data-reactid="2960"><!-- react-text: 2961 -->修复 <!-- /react-text --><code data-reactid="2962"><!-- react-text: 2963 -->disabled<!-- /react-text --></code><!-- react-text: 2964 --> 和 <!-- /react-text --><code data-reactid="2965"><!-- react-text: 2966 -->checked<!-- /react-text --></code><!-- react-text: 2967 --> 的 Radio 之间会多一条阴影的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4114" data-reactid="2968"><!-- react-text: 2969 -->#4114<!-- /react-text --></a><!-- react-text: 2970 --> @jdz321<!-- /react-text --></p></li><li data-reactid="2971"><p data-reactid="2972"><!-- react-text: 2973 -->修复 RangePicker、TimePicker、Calendar 设置 Moment 的 <!-- /react-text --><code data-reactid="2974"><!-- react-text: 2975 -->defaultValue<!-- /react-text --></code><!-- react-text: 2976 --> 和 <!-- /react-text --><code data-reactid="2977"><!-- react-text: 2978 -->value<!-- /react-text --></code><!-- react-text: 2979 --> 时也会报错的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4147" data-reactid="2980"><!-- react-text: 2981 -->#4147<!-- /react-text --></a></p></li><li data-reactid="2982"><p data-reactid="2983"><!-- react-text: 2984 -->修复 Affix 在开启动画的 Tabs 里使用时会消失的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3943" data-reactid="2985"><!-- react-text: 2986 -->#3943<!-- /react-text --></a></p></li><li data-reactid="2987"><p data-reactid="2988"><!-- react-text: 2989 -->修复 Cascader 手动选择和搜索选择时 <!-- /react-text --><code data-reactid="2990"><!-- react-text: 2991 -->onChange<!-- /react-text --></code><!-- react-text: 2992 --> 接收到的 <!-- /react-text --><code data-reactid="2993"><!-- react-text: 2994 -->selectedOptions<!-- /react-text --></code><!-- react-text: 2995 --> 不同的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4096" data-reactid="2996"><!-- react-text: 2997 -->#4096<!-- /react-text --></a></p></li><li data-reactid="2998"><p data-reactid="2999"><!-- react-text: 3000 -->修复 Tabs 页增加到一定数量时会产生偏移的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3637" data-reactid="3001"><!-- react-text: 3002 -->#3637<!-- /react-text --></a></p></li><li data-reactid="3003"><p data-reactid="3004"><!-- react-text: 3005 -->Table<!-- /react-text --></p><ul data-reactid="3006"><li data-reactid="3007"><p data-reactid="3008"><!-- react-text: 3009 -->居中对齐表头分组的父表头。<!-- /react-text --></p></li><li data-reactid="3010"><p data-reactid="3011"><!-- react-text: 3012 -->修正设置 filterDropdownVisible 时不生效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4162" data-reactid="3013"><!-- react-text: 3014 -->#4162<!-- /react-text --></a></p></li></ul></li></ul></div></li><li class="ant-timeline-item" data-reactid="3015"><div class="ant-timeline-item-tail" data-reactid="3016"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3017"></div><div class="ant-timeline-item-content" data-reactid="3018"><h2 id="2.5.1" data-reactid="3019"><span data-reactid="3020"><!-- react-text: 3021 -->2.5.1<!-- /react-text --></span><a href="#2.5.1" class="anchor" data-reactid="3022">#</a></h2><p data-reactid="3023"><code data-reactid="3024"><!-- react-text: 3025 -->2016-12-03<!-- /react-text --></code></p><ul data-reactid="3026"><li data-reactid="3027"><p data-reactid="3028"><!-- react-text: 3029 -->提升网站首页在移动端访问的体验。<!-- /react-text --></p></li><li data-reactid="3030"><p data-reactid="3031"><!-- react-text: 3032 -->补充从 <!-- /react-text --><code data-reactid="3033"><!-- react-text: 3034 -->1.x<!-- /react-text --></code><!-- react-text: 3035 --> 升级到 <!-- /react-text --><code data-reactid="3036"><!-- react-text: 3037 -->2.x<!-- /react-text --></code><!-- react-text: 3038 --> 时的组件改动警告提示。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4028" data-reactid="3039"><!-- react-text: 3040 -->#4028<!-- /react-text --></a></p></li><li data-reactid="3041"><p data-reactid="3042"><!-- react-text: 3043 -->现在 ToolTip、Popover、Popconfirm 支持直接包裹文本节点和多个节点。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3924" data-reactid="3044"><!-- react-text: 3045 -->#3924<!-- /react-text --></a></p></li><li data-reactid="3046"><p data-reactid="3047"><!-- react-text: 3048 -->Anchor<!-- /react-text --></p><ul data-reactid="3049"><li data-reactid="3050"><p data-reactid="3051"><!-- react-text: 3052 -->修复快速滚动时的定位问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4053" data-reactid="3053"><!-- react-text: 3054 -->#4053<!-- /react-text --></a></p></li><li data-reactid="3055"><p data-reactid="3056"><!-- react-text: 3057 -->修复 target 指定父元素 ref 时无效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4037" data-reactid="3058"><!-- react-text: 3059 -->#4037<!-- /react-text --></a></p></li></ul></li><li data-reactid="3060"><p data-reactid="3061"><!-- react-text: 3062 -->Table<!-- /react-text --></p><ul data-reactid="3063"><li data-reactid="3064"><p data-reactid="3065"><!-- react-text: 3066 -->修复设置 defaultChecked 时的一个选中问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4020" data-reactid="3067"><!-- react-text: 3068 -->#4020<!-- /react-text --></a></p></li><li data-reactid="3069"><p data-reactid="3070"><!-- react-text: 3071 -->修复分组表头中筛选功能无法使用的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4099" data-reactid="3072"><!-- react-text: 3073 -->#4099<!-- /react-text --></a></p></li></ul></li><li data-reactid="3074"><p data-reactid="3075"><!-- react-text: 3076 -->修复在 <!-- /react-text --><code data-reactid="3077"><!-- react-text: 3078 -->Input[type=&quot;textarea&quot;]<!-- /react-text --></code><!-- react-text: 3079 --> 上使用 Popover 定位错误问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4092" data-reactid="3080"><!-- react-text: 3081 -->#4092<!-- /react-text --></a></p></li><li data-reactid="3082"><p data-reactid="3083"><!-- react-text: 3084 -->修复 Popconfirm 的 <!-- /react-text --><code data-reactid="3085"><!-- react-text: 3086 -->visible<!-- /react-text --></code><!-- react-text: 3087 --> 属性失效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4068" data-reactid="3088"><!-- react-text: 3089 -->#4068<!-- /react-text --></a></p></li><li data-reactid="3090"><p data-reactid="3091"><!-- react-text: 3092 -->修复 TimePicker 无法设置 <!-- /react-text --><code data-reactid="3093"><!-- react-text: 3094 -->style.width<!-- /react-text --></code><!-- react-text: 3095 --> 的问题。<!-- /react-text --></p></li><li data-reactid="3096"><p data-reactid="3097"><!-- react-text: 3098 -->修复 Steps 自定义图标和默认图标大小不一致的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3817" data-reactid="3099"><!-- react-text: 3100 -->#3817<!-- /react-text --></a></p></li><li data-reactid="3101"><p data-reactid="3102"><!-- react-text: 3103 -->修复 Form、Button、Slider、Table 等组件的一些样式细节。<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3104"><div class="ant-timeline-item-tail" data-reactid="3105"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3106"></div><div class="ant-timeline-item-content" data-reactid="3107"><h2 id="2.5.0" data-reactid="3108"><span data-reactid="3109"><!-- react-text: 3110 -->2.5.0<!-- /react-text --></span><a href="#2.5.0" class="anchor" data-reactid="3111">#</a></h2><p data-reactid="3112"><code data-reactid="3113"><!-- react-text: 3114 -->2016-11-25<!-- /react-text --></code></p><ul data-reactid="3115"><li data-reactid="3116"><p data-reactid="3117"><!-- react-text: 3118 -->默认主题风格修改为支付宝钱包风格，及大量样式优化。<!-- /react-text --></p></li><li data-reactid="3119"><p data-reactid="3120"><!-- react-text: 3121 -->支持服务端渲染。（Mention 会因为 <!-- /react-text --><a href="https://github.com/facebook/draft-js/issues/385" data-reactid="3122"><!-- react-text: 3123 -->draft-js<!-- /react-text --></a><!-- react-text: 3124 --> 的问题有 warning）<!-- /react-text --></p></li><li data-reactid="3125"><p data-reactid="3126"><!-- react-text: 3127 -->引入 <!-- /react-text --><a href="https://facebook.github.io/jest/docs/tutorial-react.html#snapshot-testing" data-reactid="3128"><!-- react-text: 3129 -->Jest Snapshot<!-- /react-text --></a><!-- react-text: 3130 --> 测试组件结构及服务端渲染问题。<!-- /react-text --></p></li><li data-reactid="3131"><p data-reactid="3132"><!-- react-text: 3133 -->官网及文档优化。<!-- /react-text --></p></li><li data-reactid="3134"><p data-reactid="3135"><!-- react-text: 3136 -->新增自定义主题的 <!-- /react-text --><a href="https://ant.design/docs/react/customize-theme" data-reactid="3137"><!-- react-text: 3138 -->文档<!-- /react-text --></a><!-- react-text: 3139 -->。<!-- /react-text --></p></li><li data-reactid="3140"><p data-reactid="3141"><!-- react-text: 3142 -->新增 <!-- /react-text --><a href="https://ant.design/docs/resource/download" data-reactid="3143"><!-- react-text: 3144 -->Sketch 资源文件<!-- /react-text --></a><!-- react-text: 3145 -->。<!-- /react-text --></p></li><li data-reactid="3146"><p data-reactid="3147"><!-- react-text: 3148 -->LocaleProvider 新增巴西语支持。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4004" data-reactid="3149"><!-- react-text: 3150 -->#4004<!-- /react-text --></a><!-- react-text: 3151 --> <!-- /react-text --><a href="https://github.com/nathantn" data-reactid="3152"><!-- react-text: 3153 -->@nathantn<!-- /react-text --></a></p></li><li data-reactid="3154"><p data-reactid="3155"><!-- react-text: 3156 -->DatePicker<!-- /react-text --></p><ul data-reactid="3157"><li data-reactid="3158"><p data-reactid="3159"><!-- react-text: 3160 -->DatePicker 现在可以决定是否展示 “今天” 按钮。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/bbef274aae169d142e3e7e3ea0af922d48e6dd64" data-reactid="3161"><!-- react-text: 3162 -->commit<!-- /react-text --></a></p></li><li data-reactid="3163"><p data-reactid="3164"><!-- react-text: 3165 -->RangePicker 现在可以自定义快捷选择。<!-- /react-text --><a href="https://ant.design/components/date-picker/#components-date-picker-demo-presetted-ranges" data-reactid="3166"><!-- react-text: 3167 -->demo<!-- /react-text --></a></p></li><li data-reactid="3168"><p data-reactid="3169"><!-- react-text: 3170 -->修复 DatePicker 设置 <!-- /react-text --><code data-reactid="3171"><!-- react-text: 3172 -->showTime<!-- /react-text --></code><!-- react-text: 3173 --> 后 “此刻” 按钮失效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3748" data-reactid="3174"><!-- react-text: 3175 -->#3748<!-- /react-text --></a></p></li><li data-reactid="3176"><p data-reactid="3177"><!-- react-text: 3178 -->修复 <!-- /react-text --><code data-reactid="3179"><!-- react-text: 3180 -->RangePicker[format]<!-- /react-text --></code><!-- react-text: 3181 --> 失效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3808" data-reactid="3182"><!-- react-text: 3183 -->#3808<!-- /react-text --></a></p></li><li data-reactid="3184"><p data-reactid="3185"><!-- react-text: 3186 -->修复 RangePicker <!-- /react-text --><code data-reactid="3187"><!-- react-text: 3188 -->placeholder=[&#x27;xx&#x27;, &#x27;xx&#x27;]<!-- /react-text --></code><!-- react-text: 3189 --> 失效的问题。<!-- /react-text --></p></li></ul></li><li data-reactid="3190"><p data-reactid="3191"><!-- react-text: 3192 -->新增并优化部分 Icon。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3977" data-reactid="3193"><!-- react-text: 3194 -->#3977<!-- /react-text --></a></p></li><li data-reactid="3195"><p data-reactid="3196"><!-- react-text: 3197 -->新增 Input.Search 控件。<!-- /react-text --><a href="https://ant.design/components/input/#components-input-demo-search-input" data-reactid="3198"><!-- react-text: 3199 -->demo<!-- /react-text --></a></p></li><li data-reactid="3200"><p data-reactid="3201"><!-- react-text: 3202 -->Mention onSelect 事件现在可以获取完整的数据。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3867" data-reactid="3203"><!-- react-text: 3204 -->#3867<!-- /react-text --></a></p></li><li data-reactid="3205"><p data-reactid="3206"><!-- react-text: 3207 -->Pagination 现在支持展示当前页的索引范围。<!-- /react-text --><a href="https://ant.design/components/pagination/#components-pagination-demo-total" data-reactid="3208"><!-- react-text: 3209 -->demo<!-- /react-text --></a></p></li><li data-reactid="3210"><p data-reactid="3211"><!-- react-text: 3212 -->Table<!-- /react-text --></p><ul data-reactid="3213"><li data-reactid="3214"><p data-reactid="3215"><!-- react-text: 3216 -->自定义筛选的显示隐藏现在可以通过代码控制。<!-- /react-text --><a href="https://ant.design/components/table/#components-table-demo-custom-filter-panel" data-reactid="3217"><!-- react-text: 3218 -->demo<!-- /react-text --></a></p></li><li data-reactid="3219"><p data-reactid="3220"><!-- react-text: 3221 -->支持 JSX 风格的方式设置 columns。<!-- /react-text --><a href="https://ant.design/components/table/#components-table-demo-jsx" data-reactid="3222"><!-- react-text: 3223 -->demo<!-- /react-text --></a></p></li><li data-reactid="3224"><p data-reactid="3225"><!-- react-text: 3226 -->现在可以监听单元格的点击事件 <!-- /react-text --><code data-reactid="3227"><!-- react-text: 3228 -->onCellClick<!-- /react-text --></code><!-- react-text: 3229 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3774" data-reactid="3230"><!-- react-text: 3231 -->#3774<!-- /react-text --></a></p></li><li data-reactid="3232"><p data-reactid="3233"><!-- react-text: 3234 -->修复无边框 Table 头部的圆角样式问题。<!-- /react-text --></p></li><li data-reactid="3235"><p data-reactid="3236"><!-- react-text: 3237 -->修复 title 和 footer 高度不随 <!-- /react-text --><code data-reactid="3238"><!-- react-text: 3239 -->Table[size]<!-- /react-text --></code><!-- react-text: 3240 --> 变化的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/9e6439b06cd099ab384a4a2f026f0def6e12bf23" data-reactid="3241"><!-- react-text: 3242 -->commit<!-- /react-text --></a></p></li><li data-reactid="3243"><p data-reactid="3244"><!-- react-text: 3245 -->修复选中状态出错的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3900" data-reactid="3246"><!-- react-text: 3247 -->#3900<!-- /react-text --></a></p></li></ul></li><li data-reactid="3248"><p data-reactid="3249"><!-- react-text: 3250 -->Upload<!-- /react-text --></p><ul data-reactid="3251"><li data-reactid="3252"><p data-reactid="3253"><!-- react-text: 3254 -->修复 children 不能为 <!-- /react-text --><code data-reactid="3255"><!-- react-text: 3256 -->null<!-- /react-text --></code><!-- react-text: 3257 --> 的问题。<!-- /react-text --></p></li><li data-reactid="3258"><p data-reactid="3259"><!-- react-text: 3260 -->修复预览逻辑的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/e552880c32aaa3f5b0fb09a5e1fb7454c24d5378" data-reactid="3261"><!-- react-text: 3262 -->commit<!-- /react-text --></a></p></li></ul></li><li data-reactid="3263"><p data-reactid="3264"><!-- react-text: 3265 -->修复 Badge 会覆盖其他组件的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3898" data-reactid="3266"><!-- react-text: 3267 -->#3898<!-- /react-text --></a></p></li><li data-reactid="3268"><p data-reactid="3269"><!-- react-text: 3270 -->修复多行 Checkbox 样式不对齐的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3971" data-reactid="3271"><!-- react-text: 3272 -->#3971<!-- /react-text --></a><!-- react-text: 3273 --> <!-- /react-text --><a href="https://github.com/flashback313" data-reactid="3274"><!-- react-text: 3275 -->@flashback313<!-- /react-text --></a></p></li><li data-reactid="3276"><p data-reactid="3277"><!-- react-text: 3278 -->修复 InputNumber 与其它表单控件不对齐的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3866#issuecomment-261148256" data-reactid="3279"><!-- react-text: 3280 -->#3866(comment)<!-- /react-text --></a></p></li><li data-reactid="3281"><p data-reactid="3282"><!-- react-text: 3283 -->修复 <!-- /react-text --><code data-reactid="3284"><!-- react-text: 3285 -->Menu.Divider<!-- /react-text --></code><!-- react-text: 3286 --> 样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3813" data-reactid="3287"><!-- react-text: 3288 -->#3813<!-- /react-text --></a></p></li><li data-reactid="3289"><p data-reactid="3290"><!-- react-text: 3291 -->修复 Popover 直接内嵌 Checkbox 和 Radio 无效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3455" data-reactid="3292"><!-- react-text: 3293 -->#3455<!-- /react-text --></a></p></li><li data-reactid="3294"><p data-reactid="3295"><!-- react-text: 3296 -->修复 Select combobox 高度异常问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3855" data-reactid="3297"><!-- react-text: 3298 -->#3855<!-- /react-text --></a></p></li><li data-reactid="3299"><p data-reactid="3300"><!-- react-text: 3301 -->修复 Switch actived 后的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3838" data-reactid="3302"><!-- react-text: 3303 -->#3838<!-- /react-text --></a></p></li><li data-reactid="3304"><p data-reactid="3305"><!-- react-text: 3306 -->修复 Transfer 搜索无结果时不展示 “Not Found” 提示的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3996" data-reactid="3307"><!-- react-text: 3308 -->#3996<!-- /react-text --></a></p></li><li data-reactid="3309"><p data-reactid="3310"><!-- react-text: 3311 -->修复 TreeSelect 占位符的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3841" data-reactid="3312"><!-- react-text: 3313 -->#3841<!-- /react-text --></a></p></li><li data-reactid="3314"><p data-reactid="3315"><!-- react-text: 3316 -->修复 TypeScript 编译报错的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3969" data-reactid="3317"><!-- react-text: 3318 -->#3969<!-- /react-text --></a><!-- react-text: 3319 --> <!-- /react-text --><a href="https://github.com/AlbertZheng" data-reactid="3320"><!-- react-text: 3321 -->@AlbertZheng<!-- /react-text --></a></p></li><li data-reactid="3322"><p data-reactid="3323"><!-- react-text: 3324 -->修复表单反馈图标影响用户操作的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3891" data-reactid="3325"><!-- react-text: 3326 -->#3891<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3327"><div class="ant-timeline-item-tail" data-reactid="3328"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3329"></div><div class="ant-timeline-item-content" data-reactid="3330"><h2 id="2.4.3" data-reactid="3331"><span data-reactid="3332"><!-- react-text: 3333 -->2.4.3<!-- /react-text --></span><a href="#2.4.3" class="anchor" data-reactid="3334">#</a></h2><p data-reactid="3335"><code data-reactid="3336"><!-- react-text: 3337 -->2016-11-17<!-- /react-text --></code></p><ul data-reactid="3338"><li data-reactid="3339"><p data-reactid="3340"><!-- react-text: 3341 -->修复 <!-- /react-text --><code data-reactid="3342"><!-- react-text: 3343 -->Anchor<!-- /react-text --></code><!-- react-text: 3344 --> 内部 querySelector 报错，并做了一些体验优化 。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3832" data-reactid="3345"><!-- react-text: 3346 -->#3832<!-- /react-text --></a><!-- react-text: 3347 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3844" data-reactid="3348"><!-- react-text: 3349 -->#3844<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3350"><div class="ant-timeline-item-tail" data-reactid="3351"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3352"></div><div class="ant-timeline-item-content" data-reactid="3353"><h2 id="2.4.2" data-reactid="3354"><span data-reactid="3355"><!-- react-text: 3356 -->2.4.2<!-- /react-text --></span><a href="#2.4.2" class="anchor" data-reactid="3357">#</a></h2><p data-reactid="3358"><code data-reactid="3359"><!-- react-text: 3360 -->2016-11-13<!-- /react-text --></code></p><ul data-reactid="3361"><li data-reactid="3362"><p data-reactid="3363"><!-- react-text: 3364 -->修复 <!-- /react-text --><code data-reactid="3365"><!-- react-text: 3366 -->Dropdown.Button<!-- /react-text --></code><!-- react-text: 3367 --> 不弹出的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3815" data-reactid="3368"><!-- react-text: 3369 -->#3815<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3370"><div class="ant-timeline-item-tail" data-reactid="3371"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3372"></div><div class="ant-timeline-item-content" data-reactid="3373"><h2 id="2.4.1" data-reactid="3374"><span data-reactid="3375"><!-- react-text: 3376 -->2.4.1<!-- /react-text --></span><a href="#2.4.1" class="anchor" data-reactid="3377">#</a></h2><p data-reactid="3378"><code data-reactid="3379"><!-- react-text: 3380 -->2016-11-11<!-- /react-text --></code></p><ul data-reactid="3381"><li data-reactid="3382"><p data-reactid="3383"><!-- react-text: 3384 -->修复 <!-- /react-text --><code data-reactid="3385"><!-- react-text: 3386 -->2.4.0<!-- /react-text --></code><!-- react-text: 3387 --> 组件 index 文件丢失的问题。<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3388"><div class="ant-timeline-item-tail" data-reactid="3389"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3390"></div><div class="ant-timeline-item-content" data-reactid="3391"><h2 id="2.4.0" data-reactid="3392"><span data-reactid="3393"><!-- react-text: 3394 -->2.4.0<!-- /react-text --></span><a href="#2.4.0" class="anchor" data-reactid="3395">#</a></h2><p data-reactid="3396"><code data-reactid="3397"><!-- react-text: 3398 -->2016-11-11<!-- /react-text --></code></p><ul data-reactid="3399"><li data-reactid="3400"><p data-reactid="3401"><!-- react-text: 3402 -->调整了组件的导航结构。<!-- /react-text --></p></li><li data-reactid="3403"><p data-reactid="3404"><!-- react-text: 3405 -->新增 <!-- /react-text --><a href="https://ant.design/components/anchor" data-reactid="3406"><!-- react-text: 3407 -->Anchor<!-- /react-text --></a><!-- react-text: 3408 --> 锚点组件。<!-- /react-text --></p></li><li data-reactid="3409"><p data-reactid="3410"><!-- react-text: 3411 -->整理了样式变量，修复 <!-- /react-text --><code data-reactid="3412"><!-- react-text: 3413 -->@font-size-base<!-- /react-text --></code><!-- react-text: 3414 --> 和 <!-- /react-text --><code data-reactid="3415"><!-- react-text: 3416 -->@text-color<!-- /react-text --></code><!-- react-text: 3417 --> 在部分组件无效的问题，新增 <!-- /react-text --><code data-reactid="3418"><!-- react-text: 3419 -->@font-size-lg<!-- /react-text --></code><!-- react-text: 3420 --> <!-- /react-text --><code data-reactid="3421"><!-- react-text: 3422 -->@text-color-secondary<!-- /react-text --></code><!-- react-text: 3423 -->，并移除了部分无用的变量。<!-- /react-text --></p></li><li data-reactid="3424"><p data-reactid="3425"><code data-reactid="3426"><!-- react-text: 3427 -->Transfer<!-- /react-text --></code><!-- react-text: 3428 --> 组件新增了受控属性 <!-- /react-text --><code data-reactid="3429"><!-- react-text: 3430 -->selectedKeys<!-- /react-text --></code><!-- react-text: 3431 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3729" data-reactid="3432"><!-- react-text: 3433 -->#3729<!-- /react-text --></a></p></li><li data-reactid="3434"><p data-reactid="3435"><code data-reactid="3436"><!-- react-text: 3437 -->Tag<!-- /react-text --></code><!-- react-text: 3438 --> 新增选中状态。<!-- /react-text --></p></li><li data-reactid="3439"><p data-reactid="3440"><!-- react-text: 3441 -->修复 <!-- /react-text --><code data-reactid="3442"><!-- react-text: 3443 -->Dropdown.Button<!-- /react-text --></code><!-- react-text: 3444 --> 不支持 <!-- /react-text --><code data-reactid="3445"><!-- react-text: 3446 -->visible<!-- /react-text --></code><!-- react-text: 3447 --> 和 <!-- /react-text --><code data-reactid="3448"><!-- react-text: 3449 -->onVisibleChange<!-- /react-text --></code><!-- react-text: 3450 --> 的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3779" data-reactid="3451"><!-- react-text: 3452 -->#3779<!-- /react-text --></a></p></li><li data-reactid="3453"><p data-reactid="3454"><!-- react-text: 3455 -->修复 <!-- /react-text --><code data-reactid="3456"><!-- react-text: 3457 -->DatePicker[showTime]`` 的<!-- /react-text --></code><!-- react-text: 3458 -->此刻` 按钮。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3748" data-reactid="3459"><!-- react-text: 3460 -->#3748<!-- /react-text --></a></p></li><li data-reactid="3461"><p data-reactid="3462"><!-- react-text: 3463 -->修复 <!-- /react-text --><code data-reactid="3464"><!-- react-text: 3465 -->Steps<!-- /react-text --></code><!-- react-text: 3466 --> 竖直方向的样式。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3760" data-reactid="3467"><!-- react-text: 3468 -->#3760<!-- /react-text --></a></p></li><li data-reactid="3469"><p data-reactid="3470"><!-- react-text: 3471 -->修复 <!-- /react-text --><code data-reactid="3472"><!-- react-text: 3473 -->Spin<!-- /react-text --></code><!-- react-text: 3474 --> 组件在 IE10+ 的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3755" data-reactid="3475"><!-- react-text: 3476 -->#3755<!-- /react-text --></a></p></li><li data-reactid="3477"><p data-reactid="3478"><!-- react-text: 3479 -->修复 <!-- /react-text --><code data-reactid="3480"><!-- react-text: 3481 -->Mention<!-- /react-text --></code><!-- react-text: 3482 --> 组件的 focus 逻辑. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3801" data-reactid="3483"><!-- react-text: 3484 -->#3801<!-- /react-text --></a></p></li><li data-reactid="3485"><p data-reactid="3486"><!-- react-text: 3487 -->修复 <!-- /react-text --><code data-reactid="3488"><!-- react-text: 3489 -->Progress<!-- /react-text --></code><!-- react-text: 3490 --> 组件的动画问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3784" data-reactid="3491"><!-- react-text: 3492 -->#3784<!-- /react-text --></a></p></li><li data-reactid="3493"><p data-reactid="3494"><!-- react-text: 3495 -->修复 <!-- /react-text --><code data-reactid="3496"><!-- react-text: 3497 -->Select<!-- /react-text --></code><!-- react-text: 3498 --> 搜索时的丢失焦点问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3778" data-reactid="3499"><!-- react-text: 3500 -->#3778<!-- /react-text --></a></p></li><li data-reactid="3501"><p data-reactid="3502"><!-- react-text: 3503 -->修复 <!-- /react-text --><code data-reactid="3504"><!-- react-text: 3505 -->TimePicker<!-- /react-text --></code><!-- react-text: 3506 --> 不支持 <!-- /react-text --><code data-reactid="3507"><!-- react-text: 3508 -->format=&quot;HH&quot;<!-- /react-text --></code><!-- react-text: 3509 --> 等格式的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3793" data-reactid="3510"><!-- react-text: 3511 -->#3793<!-- /react-text --></a></p></li><li data-reactid="3512"><p data-reactid="3513"><!-- react-text: 3514 -->修复 <!-- /react-text --><code data-reactid="3515"><!-- react-text: 3516 -->Input<!-- /react-text --></code><!-- react-text: 3517 --> 的 <!-- /react-text --><code data-reactid="3518"><!-- react-text: 3519 -->suffix<!-- /react-text --></code><!-- react-text: 3520 --> 部分区域中鼠标事件无法响应的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3714" data-reactid="3521"><!-- react-text: 3522 -->#3714<!-- /react-text --></a></p></li><li data-reactid="3523"><p data-reactid="3524"><!-- react-text: 3525 -->优化了 <!-- /react-text --><code data-reactid="3526"><!-- react-text: 3527 -->Table<!-- /react-text --></code><!-- react-text: 3528 --> 选择的性能。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3757" data-reactid="3529"><!-- react-text: 3530 -->#3757<!-- /react-text --></a></p></li><li data-reactid="3531"><p data-reactid="3532"><!-- react-text: 3533 -->优化 <!-- /react-text --><code data-reactid="3534"><!-- react-text: 3535 -->Carousel<!-- /react-text --></code><!-- react-text: 3536 --> 的默认样式。<!-- /react-text --></p></li><li data-reactid="3537"><p data-reactid="3538"><!-- react-text: 3539 -->优化 <!-- /react-text --><code data-reactid="3540"><!-- react-text: 3541 -->Checkbox<!-- /react-text --></code><!-- react-text: 3542 --> 和 <!-- /react-text --><code data-reactid="3543"><!-- react-text: 3544 -->Radio<!-- /react-text --></code><!-- react-text: 3545 --> 的样式。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3590" data-reactid="3546"><!-- react-text: 3547 -->#3590<!-- /react-text --></a></p></li><li data-reactid="3548"><p data-reactid="3549"><!-- react-text: 3550 -->修复 <!-- /react-text --><code data-reactid="3551"><!-- react-text: 3552 -->DatePicker<!-- /react-text --></code><!-- react-text: 3553 -->、<!-- /react-text --><code data-reactid="3554"><!-- react-text: 3555 -->Form<!-- /react-text --></code><!-- react-text: 3556 -->、<!-- /react-text --><code data-reactid="3557"><!-- react-text: 3558 -->Table<!-- /react-text --></code><!-- react-text: 3559 --> 等组件的样式细节。<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3560"><div class="ant-timeline-item-tail" data-reactid="3561"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3562"></div><div class="ant-timeline-item-content" data-reactid="3563"><h2 id="2.3.2" data-reactid="3564"><span data-reactid="3565"><!-- react-text: 3566 -->2.3.2<!-- /react-text --></span><a href="#2.3.2" class="anchor" data-reactid="3567">#</a></h2><p data-reactid="3568"><code data-reactid="3569"><!-- react-text: 3570 -->2016-11-09<!-- /react-text --></code></p><ul data-reactid="3571"><li data-reactid="3572"><p data-reactid="3573"><!-- react-text: 3574 -->修复使用 <!-- /react-text --><code data-reactid="3575"><!-- react-text: 3576 -->getFieldProps<!-- /react-text --></code><!-- react-text: 3577 --> 会导致死循环的问题。<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3578"><div class="ant-timeline-item-tail" data-reactid="3579"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3580"></div><div class="ant-timeline-item-content" data-reactid="3581"><h2 id="2.3.1" data-reactid="3582"><span data-reactid="3583"><!-- react-text: 3584 -->2.3.1<!-- /react-text --></span><a href="#2.3.1" class="anchor" data-reactid="3585">#</a></h2><p data-reactid="3586"><code data-reactid="3587"><!-- react-text: 3588 -->2016-11-07<!-- /react-text --></code></p><ul data-reactid="3589"><li data-reactid="3590"><p data-reactid="3591"><!-- react-text: 3592 -->修正上个版本缺少 <!-- /react-text --><code data-reactid="3593"><!-- react-text: 3594 -->dist/antd.css<!-- /react-text --></code><!-- react-text: 3595 --> 的问题。<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3596"><div class="ant-timeline-item-tail" data-reactid="3597"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3598"></div><div class="ant-timeline-item-content" data-reactid="3599"><h2 id="2.3.0" data-reactid="3600"><span data-reactid="3601"><!-- react-text: 3602 -->2.3.0<!-- /react-text --></span><a href="#2.3.0" class="anchor" data-reactid="3603">#</a></h2><p data-reactid="3604"><code data-reactid="3605"><!-- react-text: 3606 -->2016-11-04<!-- /react-text --></code></p><ul data-reactid="3607"><li data-reactid="3608"><p data-reactid="3609"><!-- react-text: 3610 -->升级 normalize.css 到 5.0。<!-- /react-text --></p></li><li data-reactid="3611"><p data-reactid="3612"><!-- react-text: 3613 -->package.json 的 main 换成了 <!-- /react-text --><code data-reactid="3614"><!-- react-text: 3615 -->lib/index.js<!-- /react-text --></code><!-- react-text: 3616 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3397" data-reactid="3617"><!-- react-text: 3618 -->#3397<!-- /react-text --></a></p></li><li data-reactid="3619"><p data-reactid="3620"><!-- react-text: 3621 -->全新的 <!-- /react-text --><code data-reactid="3622"><!-- react-text: 3623 -->Spin<!-- /react-text --></code><!-- react-text: 3624 --> 设计。<!-- /react-text --></p></li><li data-reactid="3625"><p data-reactid="3626"><code data-reactid="3627"><!-- react-text: 3628 -->TimePicker<!-- /react-text --></code><!-- react-text: 3629 --> 新增了 <!-- /react-text --><code data-reactid="3630"><!-- react-text: 3631 -->addon<!-- /react-text --></code><!-- react-text: 3632 --> 以支持自定义的附加内容。<!-- /react-text --></p></li><li data-reactid="3633"><p data-reactid="3634"><code data-reactid="3635"><!-- react-text: 3636 -->Tree<!-- /react-text --></code><!-- react-text: 3637 --> 新增了 <!-- /react-text --><code data-reactid="3638"><!-- react-text: 3639 -->onDragEnd<!-- /react-text --></code><!-- react-text: 3640 -->。<!-- /react-text --></p></li><li data-reactid="3641"><p data-reactid="3642"><code data-reactid="3643"><!-- react-text: 3644 -->Collapse<!-- /react-text --></code><!-- react-text: 3645 --> 新增了 <!-- /react-text --><code data-reactid="3646"><!-- react-text: 3647 -->bordered<!-- /react-text --></code><!-- react-text: 3648 -->。<!-- /react-text --></p></li><li data-reactid="3649"><p data-reactid="3650"><!-- react-text: 3651 -->优化 <!-- /react-text --><code data-reactid="3652"><!-- react-text: 3653 -->Tabs<!-- /react-text --></code><!-- react-text: 3654 --> 切换时的动画效果。<!-- /react-text --></p></li><li data-reactid="3655"><p data-reactid="3656"><!-- react-text: 3657 -->优化 <!-- /react-text --><code data-reactid="3658"><!-- react-text: 3659 -->Radio<!-- /react-text --></code><!-- react-text: 3660 --> 和 <!-- /react-text --><code data-reactid="3661"><!-- react-text: 3662 -->Checkbox<!-- /react-text --></code><!-- react-text: 3663 --> 在禁用和鼠标停留时的样式。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3590" data-reactid="3664"><!-- react-text: 3665 -->#3590<!-- /react-text --></a></p></li><li data-reactid="3666"><p data-reactid="3667"><!-- react-text: 3668 -->优化 <!-- /react-text --><code data-reactid="3669"><!-- react-text: 3670 -->Transfer<!-- /react-text --></code><!-- react-text: 3671 --> 的性能。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2860" data-reactid="3672"><!-- react-text: 3673 -->#2860<!-- /react-text --></a></p></li><li data-reactid="3674"><p data-reactid="3675"><!-- react-text: 3676 -->修复 <!-- /react-text --><code data-reactid="3677"><!-- react-text: 3678 -->Popover<!-- /react-text --></code><!-- react-text: 3679 --> 嵌套时的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3448" data-reactid="3680"><!-- react-text: 3681 -->#3448<!-- /react-text --></a></p></li><li data-reactid="3682"><p data-reactid="3683"><!-- react-text: 3684 -->修复 <!-- /react-text --><code data-reactid="3685"><!-- react-text: 3686 -->Transfer<!-- /react-text --></code><!-- react-text: 3687 --> 服务端渲染报错的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3686" data-reactid="3688"><!-- react-text: 3689 -->#3686<!-- /react-text --></a></p></li><li data-reactid="3690"><p data-reactid="3691"><!-- react-text: 3692 -->修复 <!-- /react-text --><code data-reactid="3693"><!-- react-text: 3694 -->Upload<!-- /react-text --></code><!-- react-text: 3695 --> <!-- /react-text --><code data-reactid="3696"><!-- react-text: 3697 -->picture-card<!-- /react-text --></code><!-- react-text: 3698 --> 模式下新上传的图片不显示预览的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3706" data-reactid="3699"><!-- react-text: 3700 -->#3706<!-- /react-text --></a><!-- react-text: 3701 --> <!-- /react-text --><a href="https://github.com/denzw" data-reactid="3702"><!-- react-text: 3703 -->@denzw<!-- /react-text --></a></p></li><li data-reactid="3704"><p data-reactid="3705"><!-- react-text: 3706 -->DatePicker<!-- /react-text --></p><ul data-reactid="3707"><li data-reactid="3708"><p data-reactid="3709"><!-- react-text: 3710 -->在 <!-- /react-text --><code data-reactid="3711"><!-- react-text: 3712 -->showTime<!-- /react-text --></code><!-- react-text: 3713 --> 模式下现在失去焦点也会触发 <!-- /react-text --><code data-reactid="3714"><!-- react-text: 3715 -->onChange<!-- /react-text --></code><!-- react-text: 3716 -->。<!-- /react-text --></p></li><li data-reactid="3717"><p data-reactid="3718"><code data-reactid="3719"><!-- react-text: 3720 -->MonthPicker<!-- /react-text --></code><!-- react-text: 3721 --> 增加了 <!-- /react-text --><code data-reactid="3722"><!-- react-text: 3723 -->monthCellContentRender<!-- /react-text --></code><!-- react-text: 3724 -->。<!-- /react-text --></p></li><li data-reactid="3725"><p data-reactid="3726"><code data-reactid="3727"><!-- react-text: 3728 -->RangePicker<!-- /react-text --></code><!-- react-text: 3729 --> 现在可以手动输入时间了。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3718" data-reactid="3730"><!-- react-text: 3731 -->#3718<!-- /react-text --></a></p></li><li data-reactid="3732"><p data-reactid="3733"><!-- react-text: 3734 -->新增了捷克语的翻译。<!-- /react-text --></p></li></ul></li><li data-reactid="3735"><p data-reactid="3736"><!-- react-text: 3737 -->Badge<!-- /react-text --></p><ul data-reactid="3738"><li data-reactid="3739"><p data-reactid="3740"><!-- react-text: 3741 -->优化鼠标停留时超过 99 的数字显示。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3645" data-reactid="3742"><!-- react-text: 3743 -->#3645<!-- /react-text --></a></p></li><li data-reactid="3744"><p data-reactid="3745"><!-- react-text: 3746 -->修复单独使用时会有移动动画的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3709" data-reactid="3747"><!-- react-text: 3748 -->#3709<!-- /react-text --></a></p></li></ul></li><li data-reactid="3749"><p data-reactid="3750"><!-- react-text: 3751 -->Mention<!-- /react-text --></p><ul data-reactid="3752"><li data-reactid="3753"><p data-reactid="3754"><!-- react-text: 3755 -->修复会被 <!-- /react-text --><code data-reactid="3756"><!-- react-text: 3757 -->Table<!-- /react-text --></code><!-- react-text: 3758 --> 遮住的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3588" data-reactid="3759"><!-- react-text: 3760 -->#3588<!-- /react-text --></a></p></li><li data-reactid="3761"><p data-reactid="3762"><!-- react-text: 3763 -->新增 <!-- /react-text --><code data-reactid="3764"><!-- react-text: 3765 -->getSuggestionContainer<!-- /react-text --></code><!-- react-text: 3766 --> 来指定容器。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3658" data-reactid="3767"><!-- react-text: 3768 -->#3658<!-- /react-text --></a></p></li></ul></li><li data-reactid="3769"><p data-reactid="3770"><!-- react-text: 3771 -->Tag<!-- /react-text --></p><ul data-reactid="3772"><li data-reactid="3773"><p data-reactid="3774"><!-- react-text: 3775 -->废弃 <!-- /react-text --><code data-reactid="3776"><!-- react-text: 3777 -->color<!-- /react-text --></code><!-- react-text: 3778 --> 属性。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3560" data-reactid="3779"><!-- react-text: 3780 -->#3560<!-- /react-text --></a></p></li><li data-reactid="3781"><p data-reactid="3782"><!-- react-text: 3783 -->新增 <!-- /react-text --><code data-reactid="3784"><!-- react-text: 3785 -->type<!-- /react-text --></code><!-- react-text: 3786 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3560" data-reactid="3787"><!-- react-text: 3788 -->#3560<!-- /react-text --></a></p></li><li data-reactid="3789"><p data-reactid="3790"><!-- react-text: 3791 -->新增 <!-- /react-text --><code data-reactid="3792"><!-- react-text: 3793 -->checkable<!-- /react-text --></code><!-- react-text: 3794 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3560" data-reactid="3795"><!-- react-text: 3796 -->#3560<!-- /react-text --></a></p></li></ul></li><li data-reactid="3797"><p data-reactid="3798"><!-- react-text: 3799 -->Radio.Group<!-- /react-text --></p><ul data-reactid="3800"><li data-reactid="3801"><p data-reactid="3802"><!-- react-text: 3803 -->新增 <!-- /react-text --><code data-reactid="3804"><!-- react-text: 3805 -->className<!-- /react-text --></code><!-- react-text: 3806 -->。<!-- /react-text --></p></li><li data-reactid="3807"><p data-reactid="3808"><code data-reactid="3809"><!-- react-text: 3810 -->children<!-- /react-text --></code><!-- react-text: 3811 --> 为 <!-- /react-text --><code data-reactid="3812"><!-- react-text: 3813 -->null<!-- /react-text --></code><!-- react-text: 3814 --> 或 <!-- /react-text --><code data-reactid="3815"><!-- react-text: 3816 -->undefined<!-- /react-text --></code><!-- react-text: 3817 --> 时现在会被忽略。<!-- /react-text --></p></li></ul></li><li data-reactid="3818"><p data-reactid="3819"><!-- react-text: 3820 -->Select<!-- /react-text --></p><ul data-reactid="3821"><li data-reactid="3822"><p data-reactid="3823"><!-- react-text: 3824 -->新增 <!-- /react-text --><code data-reactid="3825"><!-- react-text: 3826 -->tokenSeparators<!-- /react-text --></code><!-- react-text: 3827 --> 支持粘贴时自动分词。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2071" data-reactid="3828"><!-- react-text: 3829 -->#2071<!-- /react-text --></a></p></li><li data-reactid="3830"><p data-reactid="3831"><!-- react-text: 3832 -->新增 <!-- /react-text --><code data-reactid="3833"><!-- react-text: 3834 -->onFocus<!-- /react-text --></code><!-- react-text: 3835 --> 回调。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3587" data-reactid="3836"><!-- react-text: 3837 -->#3587<!-- /react-text --></a></p></li><li data-reactid="3838"><p data-reactid="3839"><!-- react-text: 3840 -->修复 <!-- /react-text --><code data-reactid="3841"><!-- react-text: 3842 -->combobox<!-- /react-text --></code><!-- react-text: 3843 --> 模式下选中项不能正确显示的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3401" data-reactid="3844"><!-- react-text: 3845 -->#3401<!-- /react-text --></a></p></li></ul></li></ul></div></li><li class="ant-timeline-item" data-reactid="3846"><div class="ant-timeline-item-tail" data-reactid="3847"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3848"></div><div class="ant-timeline-item-content" data-reactid="3849"><h2 id="2.2.1" data-reactid="3850"><span data-reactid="3851"><!-- react-text: 3852 -->2.2.1<!-- /react-text --></span><a href="#2.2.1" class="anchor" data-reactid="3853">#</a></h2><p data-reactid="3854"><code data-reactid="3855"><!-- react-text: 3856 -->2016-11-02<!-- /react-text --></code></p><ul data-reactid="3857"><li data-reactid="3858"><p data-reactid="3859"><!-- react-text: 3860 -->修复 Form 中 DatePicker<!-- /react-text --><!-- react-text: 3861 -->[showtime]<!-- /react-text --><!-- react-text: 3862 -->（受控）无法使用的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3665" data-reactid="3863"><!-- react-text: 3864 -->#3665<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3865"><div class="ant-timeline-item-tail" data-reactid="3866"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3867"></div><div class="ant-timeline-item-content" data-reactid="3868"><h2 id="2.2.0" data-reactid="3869"><span data-reactid="3870"><!-- react-text: 3871 -->2.2.0<!-- /react-text --></span><a href="#2.2.0" class="anchor" data-reactid="3872">#</a></h2><p data-reactid="3873"><code data-reactid="3874"><!-- react-text: 3875 -->2016-10-28<!-- /react-text --></code></p><ul data-reactid="3876"><li data-reactid="3877"><p data-reactid="3878"><!-- react-text: 3879 -->支持 TypeScript@2.0。<!-- /react-text --><a href="https://github.com/AlbertZheng" data-reactid="3880"><!-- react-text: 3881 -->@AlbertZheng<!-- /react-text --></a><!-- react-text: 3882 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3358" data-reactid="3883"><!-- react-text: 3884 -->#3358<!-- /react-text --></a></p></li><li data-reactid="3885"><p data-reactid="3886"><!-- react-text: 3887 -->不再强依赖于 React 特定版本。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3627" data-reactid="3888"><!-- react-text: 3889 -->#3627<!-- /react-text --></a></p></li><li data-reactid="3890"><p data-reactid="3891"><!-- react-text: 3892 -->Alert 支持 <!-- /react-text --><code data-reactid="3893"><!-- react-text: 3894 -->className<!-- /react-text --></code><!-- react-text: 3895 --> <!-- /react-text --><code data-reactid="3896"><!-- react-text: 3897 -->style<!-- /react-text --></code><!-- react-text: 3898 --> 属性。<!-- /react-text --></p></li><li data-reactid="3899"><p data-reactid="3900"><!-- react-text: 3901 -->DatePicker MonthPicker RangePicker 现在允许设置是否显示清除按钮。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3618" data-reactid="3902"><!-- react-text: 3903 -->#3618<!-- /react-text --></a></p></li><li data-reactid="3904"><p data-reactid="3905"><!-- react-text: 3906 -->Form.Item 现在可以感知深层嵌套的表单域，以自动为其生成错误信息和状态。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3212" data-reactid="3907"><!-- react-text: 3908 -->#3212<!-- /react-text --></a></p></li><li data-reactid="3909"><p data-reactid="3910"><!-- react-text: 3911 -->RangePicker 现在可以设置不可选的时间。<!-- /react-text --><a href="https://ant.design/components/date-picker/#components-date-picker-demo-disabled-date" data-reactid="3912"><!-- react-text: 3913 -->#<!-- /react-text --></a></p></li><li data-reactid="3914"><p data-reactid="3915"><!-- react-text: 3916 -->Switch<!-- /react-text --></p><ul data-reactid="3917"><li data-reactid="3918"><p data-reactid="3919"><!-- react-text: 3920 -->宽度现在会随着 <!-- /react-text --><code data-reactid="3921"><!-- react-text: 3922 -->checkedChildren/unCheckedChildren<!-- /react-text --></code><!-- react-text: 3923 --> 自动调整。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3380" data-reactid="3924"><!-- react-text: 3925 -->#3380<!-- /react-text --></a></p></li><li data-reactid="3926"><p data-reactid="3927"><!-- react-text: 3928 -->优化切换动画。<!-- /react-text --></p></li></ul></li><li data-reactid="3929"><p data-reactid="3930"><!-- react-text: 3931 -->Upload 现在可以 <!-- /react-text --><a href="https://github.com/react-component/upload#customrequest" data-reactid="3932"><!-- react-text: 3933 -->自定义上传方式<!-- /react-text --></a><!-- react-text: 3934 -->。<!-- /react-text --><a href="https://github.com/edgji" data-reactid="3935"><!-- react-text: 3936 -->@edgji<!-- /react-text --></a></p></li><li data-reactid="3937"><p data-reactid="3938"><!-- react-text: 3939 -->Icon<!-- /react-text --></p><ul data-reactid="3940"><li data-reactid="3941"><p data-reactid="3942"><!-- react-text: 3943 -->新增 <!-- /react-text --><code data-reactid="3944"><!-- react-text: 3945 -->bulb<!-- /react-text --></code><!-- react-text: 3946 --> <!-- /react-text --><code data-reactid="3947"><!-- react-text: 3948 -->select<!-- /react-text --></code><!-- react-text: 3949 --> <!-- /react-text --><code data-reactid="3950"><!-- react-text: 3951 -->like-o<!-- /react-text --></code><!-- react-text: 3952 --> <!-- /react-text --><code data-reactid="3953"><!-- react-text: 3954 -->dislike-o<!-- /react-text --></code><!-- react-text: 3955 -->。<!-- /react-text --></p></li><li data-reactid="3956"><p data-reactid="3957"><!-- react-text: 3958 -->调整 <!-- /react-text --><code data-reactid="3959"><!-- react-text: 3960 -->loading<!-- /react-text --></code><!-- react-text: 3961 --> <!-- /react-text --><code data-reactid="3962"><!-- react-text: 3963 -->like<!-- /react-text --></code><!-- react-text: 3964 --> <!-- /react-text --><code data-reactid="3965"><!-- react-text: 3966 -->dislike<!-- /react-text --></code><!-- react-text: 3967 -->。<!-- /react-text --></p></li></ul></li><li data-reactid="3968"><p data-reactid="3969"><!-- react-text: 3970 -->优化 Card DatePicker Icon Table 的 TypeScript 定义。<!-- /react-text --><a href="https://github.com/infeng" data-reactid="3971"><!-- react-text: 3972 -->@infeng<!-- /react-text --></a><!-- react-text: 3973 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3468" data-reactid="3974"><!-- react-text: 3975 -->3468<!-- /react-text --></a><!-- react-text: 3976 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3603" data-reactid="3977"><!-- react-text: 3978 -->#3603<!-- /react-text --></a><!-- react-text: 3979 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3531" data-reactid="3980"><!-- react-text: 3981 -->#3531<!-- /react-text --></a></p></li><li data-reactid="3982"><p data-reactid="3983"><!-- react-text: 3984 -->修复 Cascader <!-- /react-text --><code data-reactid="3985"><!-- react-text: 3986 -->defaultValue<!-- /react-text --></code><!-- react-text: 3987 --> 失效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3470" data-reactid="3988"><!-- react-text: 3989 -->#3470<!-- /react-text --></a></p></li><li data-reactid="3990"><p data-reactid="3991"><!-- react-text: 3992 -->修复在一行内同时使用 Button Input DatePicker Select 时对齐的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3481" data-reactid="3993"><!-- react-text: 3994 -->#3481<!-- /react-text --></a></p></li><li data-reactid="3995"><p data-reactid="3996"><!-- react-text: 3997 -->DatePicker<!-- /react-text --></p><ul data-reactid="3998"><li data-reactid="3999"><p data-reactid="4000"><!-- react-text: 4001 -->修复设置 <!-- /react-text --><code data-reactid="4002"><!-- react-text: 4003 -->DatePicker[showTime]<!-- /react-text --></code><!-- react-text: 4004 --> 后 <!-- /react-text --><code data-reactid="4005"><!-- react-text: 4006 -->onChange<!-- /react-text --></code><!-- react-text: 4007 --> 事件触发时机问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3523" data-reactid="4008"><!-- react-text: 4009 -->#3523<!-- /react-text --></a></p></li></ul></li><li data-reactid="4010"><p data-reactid="4011"><!-- react-text: 4012 -->修复 Dropdown.Button disabled 后仍然响应操作的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3535" data-reactid="4013"><!-- react-text: 4014 -->#3535<!-- /react-text --></a></p></li><li data-reactid="4015"><p data-reactid="4016"><!-- react-text: 4017 -->Menu<!-- /react-text --></p><ul data-reactid="4018"><li data-reactid="4019"><p data-reactid="4020"><!-- react-text: 4021 -->修复服务端渲染问题，感谢 <!-- /react-text --><a href="https://github.com/xpcode" data-reactid="4022"><!-- react-text: 4023 -->@xpcode<!-- /react-text --></a><!-- react-text: 4024 --> 定位问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2061" data-reactid="4025"><!-- react-text: 4026 -->#2061<!-- /react-text --></a><!-- react-text: 4027 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2406" data-reactid="4028"><!-- react-text: 4029 -->#2406<!-- /react-text --></a><!-- react-text: 4030 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3293" data-reactid="4031"><!-- react-text: 4032 -->#3293<!-- /react-text --></a></p></li><li data-reactid="4033"><p data-reactid="4034"><!-- react-text: 4035 -->修复 children 不能为 <!-- /react-text --><code data-reactid="4036"><!-- react-text: 4037 -->null<!-- /react-text --></code><!-- react-text: 4038 --> 的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3599" data-reactid="4039"><!-- react-text: 4040 -->#3599<!-- /react-text --></a></p></li></ul></li><li data-reactid="4041"><p data-reactid="4042"><!-- react-text: 4043 -->修复 message 加载状态无动画的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3536" data-reactid="4044"><!-- react-text: 4045 -->#3536<!-- /react-text --></a></p></li><li data-reactid="4046"><p data-reactid="4047"><!-- react-text: 4048 -->Form<!-- /react-text --></p><ul data-reactid="4049"><li data-reactid="4050"><p data-reactid="4051"><!-- react-text: 4052 -->修复 <!-- /react-text --><code data-reactid="4053"><!-- react-text: 4054 -->Form[inline]<!-- /react-text --></code><!-- react-text: 4055 --> 与 <!-- /react-text --><code data-reactid="4056"><!-- react-text: 4057 -->Input[addonBefore|addonAfter]<!-- /react-text --></code><!-- react-text: 4058 --> 一起使用时的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3524" data-reactid="4059"><!-- react-text: 4060 -->#3524<!-- /react-text --></a></p></li><li data-reactid="4061"><p data-reactid="4062"><!-- react-text: 4063 -->修复 Form.Item 内 Radio.Button 样式问题。<!-- /react-text --></p></li><li data-reactid="4064"><p data-reactid="4065"><!-- react-text: 4066 -->修复 Form.Item 内搜索按钮的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3630" data-reactid="4067"><!-- react-text: 4068 -->#3630<!-- /react-text --></a></p></li><li data-reactid="4069"><p data-reactid="4070"><!-- react-text: 4071 -->修复用户无输入时 Form.Item 识别为校验成功的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3613" data-reactid="4072"><!-- react-text: 4073 -->#3613<!-- /react-text --></a></p></li></ul></li><li data-reactid="4074"><p data-reactid="4075"><!-- react-text: 4076 -->当 <!-- /react-text --><code data-reactid="4077"><!-- react-text: 4078 -->Popover[title]<!-- /react-text --></code><!-- react-text: 4079 --> 没有设置时，不再限制 Popover 的最小宽度。<!-- /react-text --></p></li><li data-reactid="4080"><p data-reactid="4081"><!-- react-text: 4082 -->Table<!-- /react-text --></p><ul data-reactid="4083"><li data-reactid="4084"><p data-reactid="4085"><!-- react-text: 4086 -->修复固定表头在没有数据情况下的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3567" data-reactid="4087"><!-- react-text: 4088 -->#3567<!-- /react-text --></a></p></li><li data-reactid="4089"><p data-reactid="4090"><!-- react-text: 4091 -->修复无数据时会覆盖 SubMenu 的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3521" data-reactid="4092"><!-- react-text: 4093 -->#3521<!-- /react-text --></a></p></li></ul></li><li data-reactid="4094"><p data-reactid="4095"><!-- react-text: 4096 -->Tabs<!-- /react-text --></p><ul data-reactid="4097"><li data-reactid="4098"><p data-reactid="4099"><!-- react-text: 4100 -->修复卡片叶签头部高度与设计稿不一致的问题。<!-- /react-text --></p></li><li data-reactid="4101"><p data-reactid="4102"><!-- react-text: 4103 -->修复 TabPane 的高度会被同级 TabPane 撑高的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3304" data-reactid="4104"><!-- react-text: 4105 -->#3304<!-- /react-text --></a></p></li></ul></li><li data-reactid="4106"><p data-reactid="4107"><!-- react-text: 4108 -->修复 <!-- /react-text --><code data-reactid="4109"><!-- react-text: 4110 -->TreeSelect[showSearch]<!-- /react-text --></code><!-- react-text: 4111 --> 样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3520" data-reactid="4112"><!-- react-text: 4113 -->#3520<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="4114"><div class="ant-timeline-item-tail" data-reactid="4115"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="4116"></div><div class="ant-timeline-item-content" data-reactid="4117"><h2 id="2.1.0" data-reactid="4118"><span data-reactid="4119"><!-- react-text: 4120 -->2.1.0<!-- /react-text --></span><a href="#2.1.0" class="anchor" data-reactid="4121">#</a></h2><p data-reactid="4122"><code data-reactid="4123"><!-- react-text: 4124 -->2016-10-16<!-- /react-text --></code></p><ul data-reactid="4125"><li data-reactid="4126"><p data-reactid="4127"><!-- react-text: 4128 -->Icon 现在支持旋转动画。<!-- /react-text --></p></li><li data-reactid="4129"><p data-reactid="4130"><!-- react-text: 4131 -->Tabs 现在可以禁用切换动画。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3324" data-reactid="4132"><!-- react-text: 4133 -->#3324<!-- /react-text --></a></p></li><li data-reactid="4134"><p data-reactid="4135"><!-- react-text: 4136 -->新增西班牙语的 localization 支持。@Danjavia<!-- /react-text --></p></li><li data-reactid="4137"><p data-reactid="4138"><!-- react-text: 4139 -->更新俄语的 localization 文案。@plandem<!-- /react-text --></p></li><li data-reactid="4140"><p data-reactid="4141"><!-- react-text: 4142 -->新增 AutoComplete<!-- /react-text --><!-- react-text: 4143 -->[onselect]<!-- /react-text --><!-- react-text: 4144 --> 回调。<!-- /react-text --></p></li><li data-reactid="4145"><p data-reactid="4146"><!-- react-text: 4147 -->优化 Modal 样式细节。<!-- /react-text --></p></li><li data-reactid="4148"><p data-reactid="4149"><!-- react-text: 4150 -->优化 Tooltip 动画。<!-- /react-text --></p></li><li data-reactid="4151"><p data-reactid="4152"><!-- react-text: 4153 -->优化 Transfer 按钮的样式。<!-- /react-text --></p></li><li data-reactid="4154"><p data-reactid="4155"><!-- react-text: 4156 -->优化 Tree 的样式细节。<!-- /react-text --></p></li><li data-reactid="4157"><p data-reactid="4158"><!-- react-text: 4159 -->整理和修复了部分 less 变量。<!-- /react-text --></p></li><li data-reactid="4160"><p data-reactid="4161"><!-- react-text: 4162 -->修复服务端渲染时全量引入 antd 报错的问题。<!-- /react-text --></p></li><li data-reactid="4163"><p data-reactid="4164"><!-- react-text: 4165 -->修复 Affix 与 BackTop 的服务端渲染问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3283" data-reactid="4166"><!-- react-text: 4167 -->#3283<!-- /react-text --></a><!-- react-text: 4168 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3343" data-reactid="4169"><!-- react-text: 4170 -->#3343<!-- /react-text --></a></p></li><li data-reactid="4171"><p data-reactid="4172"><!-- react-text: 4173 -->修复 Card<!-- /react-text --><!-- react-text: 4174 -->[title]<!-- /react-text --><!-- react-text: 4175 --> 内无法使用 <!-- /react-text --><code data-reactid="4176"><!-- react-text: 4177 -->h3<!-- /react-text --></code><!-- react-text: 4178 --> 之类的标签的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3388" data-reactid="4179"><!-- react-text: 4180 -->#3388<!-- /react-text --></a></p></li><li data-reactid="4181"><p data-reactid="4182"><!-- react-text: 4183 -->修复 Cascader 搜索模式与浏览器自动完成有冲突的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3350" data-reactid="4184"><!-- react-text: 4185 -->#3350<!-- /react-text --></a></p></li><li data-reactid="4186"><p data-reactid="4187"><!-- react-text: 4188 -->DatePicker<!-- /react-text --></p><ul data-reactid="4189"><li data-reactid="4190"><p data-reactid="4191"><!-- react-text: 4192 -->修复设置 <!-- /react-text --><code data-reactid="4193"><!-- react-text: 4194 -->showTime<!-- /react-text --></code><!-- react-text: 4195 --> 后，<!-- /react-text --><code data-reactid="4196"><!-- react-text: 4197 -->onChange<!-- /react-text --></code><!-- react-text: 4198 --> 重复触发的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3376" data-reactid="4199"><!-- react-text: 4200 -->#3376<!-- /react-text --></a></p></li><li data-reactid="4201"><p data-reactid="4202"><!-- react-text: 4203 -->修复浮层与 Trigger 日期格式不一致的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3405" data-reactid="4204"><!-- react-text: 4205 -->#3405<!-- /react-text --></a><!-- react-text: 4206 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3298" data-reactid="4207"><!-- react-text: 4208 -->#3298<!-- /react-text --></a></p></li><li data-reactid="4209"><p data-reactid="4210"><!-- react-text: 4211 -->修复与 TimePicker 样式冲突问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3312" data-reactid="4212"><!-- react-text: 4213 -->#3312<!-- /react-text --></a><!-- react-text: 4214 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3307" data-reactid="4215"><!-- react-text: 4216 -->#3307<!-- /react-text --></a></p></li></ul></li><li data-reactid="4217"><p data-reactid="4218"><!-- react-text: 4219 -->修复 Form.Item 标签文案过长溢出的问题。<!-- /react-text --></p></li><li data-reactid="4220"><p data-reactid="4221"><!-- react-text: 4222 -->修复 Icon 在 Safari 下会出现边框的问题。<!-- /react-text --></p></li><li data-reactid="4223"><p data-reactid="4224"><!-- react-text: 4225 -->修复 InputNubmer 键盘事件死循环问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3239" data-reactid="4226"><!-- react-text: 4227 -->#3239<!-- /react-text --></a></p></li><li data-reactid="4228"><p data-reactid="4229"><!-- react-text: 4230 -->修复 Popover 箭头样式问题。<!-- /react-text --></p></li><li data-reactid="4231"><p data-reactid="4232"><!-- react-text: 4233 -->修复 Popover 和 Popconfirm 的 <!-- /react-text --><code data-reactid="4234"><!-- react-text: 4235 -->arrowPointAtCenter<!-- /react-text --></code><!-- react-text: 4236 --> 无效的问题。<!-- /react-text --></p></li><li data-reactid="4237"><p data-reactid="4238"><!-- react-text: 4239 -->Select<!-- /react-text --></p><ul data-reactid="4240"><li data-reactid="4241"><p data-reactid="4242"><!-- react-text: 4243 -->修复样式重复引入的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3376" data-reactid="4244"><!-- react-text: 4245 -->#3376<!-- /react-text --></a></p></li><li data-reactid="4246"><p data-reactid="4247"><!-- react-text: 4248 -->修复 <!-- /react-text --><code data-reactid="4249"><!-- react-text: 4250 -->notFoundContent<!-- /react-text --></code><!-- react-text: 4251 --> 无法置空的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3345" data-reactid="4252"><!-- react-text: 4253 -->#3345<!-- /react-text --></a></p></li><li data-reactid="4254"><p data-reactid="4255"><!-- react-text: 4256 -->修复 Table 内使用 Select<!-- /react-text --><!-- react-text: 4257 -->[showsearch]<!-- /react-text --><!-- react-text: 4258 --> 后宽度会跳动的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3413" data-reactid="4259"><!-- react-text: 4260 -->#3413<!-- /react-text --></a></p></li></ul></li><li data-reactid="4261"><p data-reactid="4262"><!-- react-text: 4263 -->修复 Table 边框线与页头页脚冲突的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3301" data-reactid="4264"><!-- react-text: 4265 -->#3301<!-- /react-text --></a></p></li><li data-reactid="4266"><p data-reactid="4267"><!-- react-text: 4268 -->修复 TabPane 高度不随内容变化的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3377" data-reactid="4269"><!-- react-text: 4270 -->#3377<!-- /react-text --></a></p></li><li data-reactid="4271"><p data-reactid="4272"><!-- react-text: 4273 -->修复 Transfer<!-- /react-text --><!-- react-text: 4274 -->[titles]<!-- /react-text --><!-- react-text: 4275 --> 不受 LocaleProvider 控制的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3264" data-reactid="4276"><!-- react-text: 4277 -->#3264<!-- /react-text --></a></p></li><li data-reactid="4278"><p data-reactid="4279"><!-- react-text: 4280 -->Upload<!-- /react-text --></p><ul data-reactid="4281"><li data-reactid="4282"><p data-reactid="4283"><!-- react-text: 4284 -->修复用户自定义 <!-- /react-text --><code data-reactid="4285"><!-- react-text: 4286 -->onRemove<!-- /react-text --></code><!-- react-text: 4287 --> 事件会覆盖默认行为的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3317" data-reactid="4288"><!-- react-text: 4289 -->#3317<!-- /react-text --></a></p></li><li data-reactid="4290"><p data-reactid="4291"><!-- react-text: 4292 -->修复图片卡片样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3316" data-reactid="4293"><!-- react-text: 4294 -->#3316<!-- /react-text --></a></p></li></ul></li><li data-reactid="4295"><p data-reactid="4296"><!-- react-text: 4297 -->修复项目构建时 moment locales 找不到的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3204" data-reactid="4298"><!-- react-text: 4299 -->#3204<!-- /react-text --></a><!-- react-text: 4300 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3411" data-reactid="4301"><!-- react-text: 4302 -->#3411<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="4303"><div class="ant-timeline-item-tail" data-reactid="4304"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="4305"></div><div class="ant-timeline-item-content" data-reactid="4306"><h2 id="2.0.1" data-reactid="4307"><span data-reactid="4308"><!-- react-text: 4309 -->2.0.1<!-- /react-text --></span><a href="#2.0.1" class="anchor" data-reactid="4310">#</a></h2><p data-reactid="4311"><code data-reactid="4312"><!-- react-text: 4313 -->2016-10-01<!-- /react-text --></code></p><ul data-reactid="4314"><li data-reactid="4315"><p data-reactid="4316"><!-- react-text: 4317 -->修复无法调用 react-slick 方法的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3164" data-reactid="4318"><!-- react-text: 4319 -->#3164<!-- /react-text --></a></p></li><li data-reactid="4320"><p data-reactid="4321"><!-- react-text: 4322 -->修复 Steps.Step<!-- /react-text --><!-- react-text: 4323 -->[icon]<!-- /react-text --><!-- react-text: 4324 --> 不支持 React.ReactNode 的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3159" data-reactid="4325"><!-- react-text: 4326 -->#3159<!-- /react-text --></a></p></li><li data-reactid="4327"><p data-reactid="4328"><!-- react-text: 4329 -->修复 Affix 不支持服务端渲染的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3216" data-reactid="4330"><!-- react-text: 4331 -->#3216<!-- /react-text --></a></p></li><li data-reactid="4332"><p data-reactid="4333"><!-- react-text: 4334 -->修复 Mention 不支持 <!-- /react-text --><code data-reactid="4335"><!-- react-text: 4336 -->onSelect<!-- /react-text --></code><!-- react-text: 4337 --> <!-- /react-text --><code data-reactid="4338"><!-- react-text: 4339 -->placeholder<!-- /react-text --></code><!-- react-text: 4340 --> 的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3236" data-reactid="4341"><!-- react-text: 4342 -->#3236<!-- /react-text --></a><!-- react-text: 4343 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3226" data-reactid="4344"><!-- react-text: 4345 -->#3226<!-- /react-text --></a></p></li><li data-reactid="4346"><p data-reactid="4347"><!-- react-text: 4348 -->修复 Transfer 与 <!-- /react-text --><code data-reactid="4349"><!-- react-text: 4350 -->getFieldDecorator<!-- /react-text --></code><!-- react-text: 4351 --> 一起使用时的报错问题。<!-- /react-text --></p></li><li data-reactid="4352"><p data-reactid="4353"><!-- react-text: 4354 -->修复 LocaleProvider 对时间组件无效的问题。<!-- /react-text --></p></li><li data-reactid="4355"><p data-reactid="4356"><!-- react-text: 4357 -->修复 Cascader 搜索模式搜索文字显示不了的问题。<!-- /react-text --></p></li><li data-reactid="4358"><p data-reactid="4359"><!-- react-text: 4360 -->修复 Spin 动画与文案整体不垂直居中的问题。<!-- /react-text --></p></li><li data-reactid="4361"><p data-reactid="4362"><!-- react-text: 4363 -->修复 RangePicker Modal Tag Progress 等组件样式问题。<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="4364"><div class="ant-timeline-item-tail" data-reactid="4365"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="4366"></div><div class="ant-timeline-item-content" data-reactid="4367"><h2 id="2.0.0" data-reactid="4368"><span data-reactid="4369"><!-- react-text: 4370 -->2.0.0<!-- /react-text --></span><a href="#2.0.0" class="anchor" data-reactid="4371">#</a></h2><p data-reactid="4372"><code data-reactid="4373"><!-- react-text: 4374 -->2016-09-28<!-- /react-text --></code></p><p data-reactid="4375"><!-- react-text: 4376 -->很高兴的通知各位，经过四个月时间的紧密开发，<!-- /react-text --><code data-reactid="4377"><!-- react-text: 4378 -->antd@2.0.0<!-- /react-text --></code><!-- react-text: 4379 --> 终于发布了。这个版本我们重构了底层代码，持续完善现有组件功能和优化细节，并提供了英文版的文档，其中很多都来自社区的贡献，无法一一感谢，欢迎各位持续关注和鞭策。在升级过程中遇到任何问题，请及时 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues" data-reactid="4380"><!-- react-text: 4381 -->反馈给我们<!-- /react-text --></a><!-- react-text: 4382 -->。<!-- /react-text --></p><h3 id="2.x-主要变化" data-reactid="4383"><span data-reactid="4384"><!-- react-text: 4385 -->2.x 主要变化<!-- /react-text --></span><a href="#2.x-主要变化" class="anchor" data-reactid="4386">#</a></h3><ul data-reactid="4387"><li data-reactid="4388"><p data-reactid="4389"><!-- react-text: 4390 -->开发语言改为 TypeScript，提供 <!-- /react-text --><strong data-reactid="4391"><!-- react-text: 4392 -->官方支持的 <!-- /react-text --><code data-reactid="4393"><!-- react-text: 4394 -->.d.ts<!-- /react-text --></code><!-- react-text: 4395 --> 文件<!-- /react-text --></strong><!-- react-text: 4396 -->，感谢 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/1846" data-reactid="4397"><!-- react-text: 4398 -->#1846<!-- /react-text --></a><!-- react-text: 4399 --> 中所有参与到这次重构的人以及后期 @infeng 对其的完善。<!-- /react-text --></p></li><li data-reactid="4400"><p data-reactid="4401"><strong data-reactid="4402"><!-- react-text: 4403 -->新增英文文档<!-- /react-text --></strong><!-- react-text: 4404 -->， 以后将同时提供中英双语文档，感谢 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/1471" data-reactid="4405"><!-- react-text: 4406 -->#1471<!-- /react-text --></a><!-- react-text: 4407 --> 里所有参与到翻译和审阅工作中的人。<!-- /react-text --></p></li><li data-reactid="4408"><p data-reactid="4409"><!-- react-text: 4410 -->时间类组件 DatePicker、TimePicker、Calendar 等的底层 <!-- /react-text --><strong data-reactid="4411"><!-- react-text: 4412 -->使用 <!-- /react-text --><a href="http://momentjs.com/" data-reactid="4413"><!-- react-text: 4414 -->moment<!-- /react-text --></a><!-- react-text: 4415 --> 替换 <!-- /react-text --><a href="github.com/yiminghe/gregorian-calendar-cn" data-reactid="4416">gregorian-calendar</a></strong><!-- react-text: 4417 -->。<!-- /react-text --></p></li><li data-reactid="4418"><p data-reactid="4419"><!-- react-text: 4420 -->全新设计的 <!-- /react-text --><a href="http://ant.design/components/icon/" data-reactid="4421"><!-- react-text: 4422 -->图标<!-- /react-text --></a><!-- react-text: 4423 -->。<!-- /react-text --></p></li><li data-reactid="4424"><p data-reactid="4425"><!-- react-text: 4426 -->新增提及组件 <!-- /react-text --><a href="http://ant.design/components/mention/" data-reactid="4427"><!-- react-text: 4428 -->Mention<!-- /react-text --></a><!-- react-text: 4429 -->。<!-- /react-text --></p></li><li data-reactid="4430"><p data-reactid="4431"><!-- react-text: 4432 -->新增自动完成组件 <!-- /react-text --><a href="http://ant.design/components/auto-complete/" data-reactid="4433"><!-- react-text: 4434 -->AutoComplete<!-- /react-text --></a><!-- react-text: 4435 -->。<!-- /react-text --></p></li><li data-reactid="4436"><p data-reactid="4437"><!-- react-text: 4438 -->Form 新增 <!-- /react-text --><code data-reactid="4439"><!-- react-text: 4440 -->getFieldDecorator<!-- /react-text --></code><!-- react-text: 4441 --> 作为 <!-- /react-text --><code data-reactid="4442"><!-- react-text: 4443 -->getFieldProps<!-- /react-text --></code><!-- react-text: 4444 --> 的替代，对于不正确的使用方式 <!-- /react-text --><code data-reactid="4445"><!-- react-text: 4446 -->getFieldDecorator<!-- /react-text --></code><!-- react-text: 4447 --> 会给出提示，可以降低踩坑的概率。相关讨论见 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/1533" data-reactid="4448"><!-- react-text: 4449 -->#1533<!-- /react-text --></a><!-- react-text: 4450 -->。<!-- /react-text --></p></li><li data-reactid="4451"><p data-reactid="4452"><!-- react-text: 4453 -->Table 支持 <!-- /react-text --><a href="http://ant.design/components/table/#components-table-demo-grouping-columns" data-reactid="4454"><!-- react-text: 4455 -->表头分组<!-- /react-text --></a><!-- react-text: 4456 -->。@yesmeck<!-- /react-text --></p></li><li data-reactid="4457"><p data-reactid="4458"><!-- react-text: 4459 -->完全移除 <!-- /react-text --><code data-reactid="4460"><!-- react-text: 4461 -->antd@1.x<!-- /react-text --></code><!-- react-text: 4462 --> 中已经废弃的 QueueAnim、Validation、Form.ValueMixin、Progress.Line、Progress.Circle、Popover<!-- /react-text --><!-- react-text: 4463 -->[overlay]<!-- /react-text --><!-- react-text: 4464 --> 及 Slider<!-- /react-text --><!-- react-text: 4465 -->[marks]<!-- /react-text --><!-- react-text: 4466 --> 对数组的支持。<!-- /react-text --></p></li></ul><h3 id="2.x-不兼容改动" data-reactid="4467"><span data-reactid="4468"><!-- react-text: 4469 -->2.x 不兼容改动<!-- /react-text --></span><a href="#2.x-不兼容改动" class="anchor" data-reactid="4470">#</a></h3><blockquote data-reactid="4471"><p data-reactid="4472"><!-- react-text: 4473 -->建议从 <!-- /react-text --><code data-reactid="4474"><!-- react-text: 4475 -->1.x<!-- /react-text --></code><!-- react-text: 4476 --> 升级时，直接升级到 <!-- /react-text --><code data-reactid="4477"><!-- react-text: 4478 -->2.x<!-- /react-text --></code><!-- react-text: 4479 --> 的最新版本。<!-- /react-text --></p><p data-reactid="4480"><!-- react-text: 4481 -->建议在升级 antd 的过程中，每做完一次合理的修改并 review 和测试之后，就 git commit 一次，这样在误操作时能随时回滚到之前的版本<!-- /react-text --></p></blockquote><p data-reactid="4482"><!-- react-text: 4483 -->此版本有部分不兼容的改动，升级时确保修改相应的使用代码。另外由于人肉查找代码中的废弃用法过于低效，所以我们提供了 <!-- /react-text --><a href="https://github.com/ant-design/antd-migration-helper" data-reactid="4484"><!-- react-text: 4485 -->antd-migration-helper<!-- /react-text --></a><!-- react-text: 4486 --> 用于扫描代码中的废弃用法。<!-- /react-text --></p><ul data-reactid="4487"><li data-reactid="4488"><p data-reactid="4489"><!-- react-text: 4490 -->时间类组件的 <!-- /react-text --><code data-reactid="4491"><!-- react-text: 4492 -->value<!-- /react-text --></code><!-- react-text: 4493 --> 和 <!-- /react-text --><code data-reactid="4494"><!-- react-text: 4495 -->defaultValue<!-- /react-text --></code><!-- react-text: 4496 --> 不再支持 <!-- /react-text --><code data-reactid="4497"><!-- react-text: 4498 -->String/Date<!-- /react-text --></code><!-- react-text: 4499 --> 类型，请使用 <!-- /react-text --><a href="http://momentjs.com/" data-reactid="4500"><!-- react-text: 4501 -->moment<!-- /react-text --></a><!-- react-text: 4502 -->。需要对代码进行如下修改，可人手修改也可用我们提供的 <!-- /react-text --><a href="https://github.com/ant-design/antd-codemod#time-related-value-to-moment" data-reactid="4503"><!-- react-text: 4504 -->codemod<!-- /react-text --></a><!-- react-text: 4505 --> 脚本自动修改类似用法，但注意脚本不能覆盖所有情况，所以在运行脚本后仍然需要 review 和测试。<!-- /react-text --></p><pre class="language-diff" data-reactid="4506"><code data-reactid="4507"><span class="token deleted">- &lt;TimePicker defaultValue="12:08:23" /></span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->更新日志<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/CHANGELOG.zh-CN.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="markdown" data-reactid="294"><p data-reactid="295"><code data-reactid="296"><!-- react-text: 297 -->antd<!-- /react-text --></code><!-- react-text: 298 --> 严格遵循 <!-- /react-text --><a href="http://semver.org/lang/zh-CN/" data-reactid="299"><!-- react-text: 300 -->Semantic Versioning 2.0.0<!-- /react-text --></a><!-- react-text: 301 --> 语义化版本规范。<!-- /react-text --></p><h4 id="发布周期" data-reactid="302"><span data-reactid="303"><!-- react-text: 304 -->发布周期<!-- /react-text --></span><a href="#发布周期" class="anchor" data-reactid="305">#</a></h4><ul data-reactid="306"><li data-reactid="307"><p data-reactid="308"><!-- react-text: 309 -->修订版本号：每周末会进行日常 bugfix 更新。（如果有紧急的 bugfix，则任何时候都可发布）<!-- /react-text --></p></li><li data-reactid="310"><p data-reactid="311"><!-- react-text: 312 -->次版本号：每月发布一个带有新特性的向下兼容的版本。<!-- /react-text --></p></li><li data-reactid="313"><p data-reactid="314"><!-- react-text: 315 -->主版本号：含有破坏性更新和新特性，不在发布周期内。<!-- /react-text --></p></li></ul><p data-reactid="316"><!-- react-text: 317 -->如果需要查看 <!-- /react-text --><code data-reactid="318"><!-- react-text: 319 -->2.0.0<!-- /react-text --></code><!-- react-text: 320 --> 之前的更新日志，请移步 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/blob/1.x-stable/CHANGELOG.md" data-reactid="321"><!-- react-text: 322 -->GitHub<!-- /react-text --></a><!-- react-text: 323 -->。<!-- /react-text --></p></section><section class="markdown" data-reactid="324"><ul class="ant-timeline" data-reactid="325"><li class="ant-timeline-item" data-reactid="326"><div class="ant-timeline-item-tail" data-reactid="327"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="328"></div><div class="ant-timeline-item-content" data-reactid="329"><h2 id="2.9.3" data-reactid="330"><span data-reactid="331"><!-- react-text: 332 -->2.9.3<!-- /react-text --></span><a href="#2.9.3" class="anchor" data-reactid="333">#</a></h2><p data-reactid="334"><code data-reactid="335"><!-- react-text: 336 -->2017-04-24<!-- /react-text --></code></p><ul data-reactid="337"><li data-reactid="338"><p data-reactid="339"><strong data-reactid="340"><!-- react-text: 341 -->notification<!-- /react-text --></strong><!-- react-text: 342 --> 修复了不能在默认的 4.5s 后关闭的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5869" data-reactid="343"><!-- react-text: 344 -->#5869<!-- /react-text --></a></p></li><li data-reactid="345"><p data-reactid="346"><strong data-reactid="347"><!-- react-text: 348 -->Tabs<!-- /react-text --></strong><!-- react-text: 349 --> 增加了 <!-- /react-text --><code data-reactid="350"><!-- react-text: 351 -->ink-bar<!-- /react-text --></code><!-- react-text: 352 --> 宽度渐变动效。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5858" data-reactid="353"><!-- react-text: 354 -->#5858<!-- /react-text --></a><!-- react-text: 355 --> <!-- /react-text --><a href="https://github.com/hlehmann" data-reactid="356"><!-- react-text: 357 -->@hlehmann<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="358"><div class="ant-timeline-item-tail" data-reactid="359"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="360"></div><div class="ant-timeline-item-content" data-reactid="361"><h2 id="2.9.2" data-reactid="362"><span data-reactid="363"><!-- react-text: 364 -->2.9.2<!-- /react-text --></span><a href="#2.9.2" class="anchor" data-reactid="365">#</a></h2><p data-reactid="366"><code data-reactid="367"><!-- react-text: 368 -->2017-04-22<!-- /react-text --></code></p><ul data-reactid="369"><li data-reactid="370"><p data-reactid="371"><strong data-reactid="372"><!-- react-text: 373 -->Alert<!-- /react-text --></strong><!-- react-text: 374 --> 修复 banner 型属性无法覆盖的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5800" data-reactid="375"><!-- react-text: 376 -->#5800<!-- /react-text --></a></p></li><li data-reactid="377"><p data-reactid="378"><strong data-reactid="379"><!-- react-text: 380 -->AutoComplete<!-- /react-text --></strong><!-- react-text: 381 --> 修复自定义输入组件无法监听 <!-- /react-text --><code data-reactid="382"><!-- react-text: 383 -->onKeyDown<!-- /react-text --></code><!-- react-text: 384 --> 事件的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5487" data-reactid="385"><!-- react-text: 386 -->#5487<!-- /react-text --></a></p></li><li data-reactid="387"><p data-reactid="388"><strong data-reactid="389"><!-- react-text: 390 -->Button<!-- /react-text --></strong><!-- react-text: 391 --> 危险按钮使用新的样式。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5815" data-reactid="392"><!-- react-text: 393 -->#5815<!-- /react-text --></a></p></li><li data-reactid="394"><p data-reactid="395"><strong data-reactid="396"><!-- react-text: 397 -->DatePicker<!-- /react-text --></strong><!-- react-text: 398 --> <!-- /react-text --></p><ul data-reactid="399"><li data-reactid="400"><p data-reactid="401"><!-- react-text: 402 -->优化了 RangePicker 的体验，rc-calendar 升级至 <!-- /react-text --><code data-reactid="403"><!-- react-text: 404 -->~8.0.0<!-- /react-text --></code><!-- react-text: 405 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4985" data-reactid="406"><!-- react-text: 407 -->#4985<!-- /react-text --></a></p></li><li data-reactid="408"><p data-reactid="409"><!-- react-text: 410 -->修复了 RangePicker 自定义高度后文字不能上下居中的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5718" data-reactid="411"><!-- react-text: 412 -->pull/5718<!-- /react-text --></a><!-- react-text: 413 --> <!-- /react-text --><a href="https://github.com/leadream" data-reactid="414"><!-- react-text: 415 -->@leadream<!-- /react-text --></a></p></li></ul></li><li data-reactid="416"><p data-reactid="417"><strong data-reactid="418"><!-- react-text: 419 -->Form<!-- /react-text --></strong><!-- react-text: 420 --> 增加样式变量来控制表单项标题冒号的展示。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5855" data-reactid="421"><!-- react-text: 422 -->pull/5855<!-- /react-text --></a><!-- react-text: 423 --> <!-- /react-text --><a href="https://github.com/megawac" data-reactid="424"><!-- react-text: 425 -->@megawac<!-- /react-text --></a></p></li><li data-reactid="426"><p data-reactid="427"><strong data-reactid="428"><!-- react-text: 429 -->Icon<!-- /react-text --></strong><!-- react-text: 430 --> 增加 displayName 属性。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5643" data-reactid="431"><!-- react-text: 432 -->pull/5643<!-- /react-text --></a><!-- react-text: 433 --> <!-- /react-text --><a href="https://github.com/handycode" data-reactid="434"><!-- react-text: 435 -->@handycode<!-- /react-text --></a></p></li><li data-reactid="436"><p data-reactid="437"><strong data-reactid="438"><!-- react-text: 439 -->Input<!-- /react-text --></strong></p><ul data-reactid="440"><li data-reactid="441"><p data-reactid="442"><!-- react-text: 443 -->修复了 Input.Search 在 Input.Group 下的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5743" data-reactid="444"><!-- react-text: 445 -->#5743<!-- /react-text --></a></p></li><li data-reactid="446"><p data-reactid="447"><!-- react-text: 448 -->修复了 AutoComplete 在 Input.Group 下的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5832" data-reactid="449"><!-- react-text: 450 -->#5832<!-- /react-text --></a></p></li><li data-reactid="451"><p data-reactid="452"><!-- react-text: 453 -->修复了 Select 在 Input.Group 下的 size 问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5754" data-reactid="454"><!-- react-text: 455 -->#5754<!-- /react-text --></a></p></li><li data-reactid="456"><p data-reactid="457"><!-- react-text: 458 -->调整了 suffix 的颜色。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5820" data-reactid="459"><!-- react-text: 460 -->pull/5820<!-- /react-text --></a><!-- react-text: 461 --> <!-- /react-text --><a href="https://github.com/megawac" data-reactid="462"><!-- react-text: 463 -->@megawac<!-- /react-text --></a></p></li></ul></li><li data-reactid="464"><p data-reactid="465"><strong data-reactid="466"><!-- react-text: 467 -->InputNumber<!-- /react-text --></strong><!-- react-text: 468 --> 更新了 <!-- /react-text --><code data-reactid="469"><!-- react-text: 470 -->parser<!-- /react-text --></code><!-- react-text: 471 --> 和 <!-- /react-text --><code data-reactid="472"><!-- react-text: 473 -->formatter<!-- /react-text --></code><!-- react-text: 474 --> 配合使用的文档及示例。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5683" data-reactid="475"><!-- react-text: 476 -->#5683<!-- /react-text --></a></p></li><li data-reactid="477"><p data-reactid="478"><strong data-reactid="479"><!-- react-text: 480 -->Layout<!-- /react-text --></strong></p><ul data-reactid="481"><li data-reactid="482"><p data-reactid="483"><!-- react-text: 484 -->增加了<!-- /react-text --><a href="https://ant.design/components/layout/#components-layout-demo-fixed-sider" data-reactid="485"><!-- react-text: 486 -->固定侧边栏<!-- /react-text --></a><!-- react-text: 487 -->示例。<!-- /react-text --></p></li><li data-reactid="488"><p data-reactid="489"><!-- react-text: 490 -->修复 firefox 下响应式侧边栏的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5613" data-reactid="491"><!-- react-text: 492 -->#5613<!-- /react-text --></a></p></li></ul></li><li data-reactid="493"><p data-reactid="494"><strong data-reactid="495"><!-- react-text: 496 -->LocaleProvider<!-- /react-text --></strong><!-- react-text: 497 --> 自动引入样式变量以便自定义。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5712" data-reactid="498"><!-- react-text: 499 -->#5712<!-- /react-text --></a><!-- react-text: 500 --> <!-- /react-text --><a href="https://github.com/lionkeng" data-reactid="501"><!-- react-text: 502 -->@lionkeng<!-- /react-text --></a></p></li><li data-reactid="503"><p data-reactid="504"><strong data-reactid="505"><!-- react-text: 506 -->Menu<!-- /react-text --></strong><!-- react-text: 507 --> 去掉 Menu 组件中 a 标签默认的 focus 下划线样式。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5707" data-reactid="508"><!-- react-text: 509 -->#5707<!-- /react-text --></a></p></li><li data-reactid="510"><p data-reactid="511"><strong data-reactid="512"><!-- react-text: 513 -->Notification<!-- /react-text --></strong><!-- react-text: 514 --> 样式自适应单行文案。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5846" data-reactid="515"><!-- react-text: 516 -->#5846<!-- /react-text --></a></p></li><li data-reactid="517"><p data-reactid="518"><strong data-reactid="519"><!-- react-text: 520 -->Radio<!-- /react-text --></strong><!-- react-text: 521 --> 新增 Radio.Button 颜色及背景色样式变量。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5791" data-reactid="522"><!-- react-text: 523 -->pull/5791<!-- /react-text --></a><!-- react-text: 524 --> <!-- /react-text --><a href="https://github.com/megawac" data-reactid="525"><!-- react-text: 526 -->@megawac<!-- /react-text --></a></p></li><li data-reactid="527"><p data-reactid="528"><strong data-reactid="529"><!-- react-text: 530 -->Table<!-- /react-text --></strong></p><ul data-reactid="531"><li data-reactid="532"><p data-reactid="533"><!-- react-text: 534 -->增加了头部背景及行 hover 背景样式变量。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5706" data-reactid="535"><!-- react-text: 536 -->#5706<!-- /react-text --></a><!-- react-text: 537 --> <!-- /react-text --><a href="https://github.com/kappa-gooner" data-reactid="538"><!-- react-text: 539 -->@kappa-gooner<!-- /react-text --></a></p></li><li data-reactid="540"><p data-reactid="541"><!-- react-text: 542 -->修复了表头分组示例的展示问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5697" data-reactid="543"><!-- react-text: 544 -->#5697<!-- /react-text --></a></p></li></ul></li><li data-reactid="545"><p data-reactid="546"><strong data-reactid="547"><!-- react-text: 548 -->Tabs<!-- /react-text --></strong><!-- react-text: 549 --> 修复了垂直模式下滚动按钮的位置问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5765" data-reactid="550"><!-- react-text: 551 -->#5765<!-- /react-text --></a><!-- react-text: 552 --> <!-- /react-text --><a href="https://github.com/dicklwm" data-reactid="553"><!-- react-text: 554 -->@dicklwm<!-- /react-text --></a></p></li><li data-reactid="555"><p data-reactid="556"><strong data-reactid="557"><!-- react-text: 558 -->TreeSelect<!-- /react-text --></strong><!-- react-text: 559 --> 修复了下拉箭头方向不能改变的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5693" data-reactid="560"><!-- react-text: 561 -->#5693<!-- /react-text --></a></p></li><li data-reactid="562"><p data-reactid="563"><strong data-reactid="564"><!-- react-text: 565 -->TypeScript<!-- /react-text --></strong><!-- react-text: 566 --> <!-- /react-text --></p><ul data-reactid="567"><li data-reactid="568"><p data-reactid="569"><!-- react-text: 570 -->补充了 InputNumber 的部分定义。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5717" data-reactid="571"><!-- react-text: 572 -->#5717<!-- /react-text --></a><!-- react-text: 573 -->  <!-- /react-text --><a href="https://github.com/whtang906" data-reactid="574"><!-- react-text: 575 -->@whtang906<!-- /react-text --></a></p></li></ul></li><li data-reactid="576"><p data-reactid="577"><strong data-reactid="578"><!-- react-text: 579 -->全局性优化<!-- /react-text --></strong></p><ul data-reactid="580"><li data-reactid="581"><p data-reactid="582"><!-- react-text: 583 -->修复了组件中因升级 React@15.5.0 带来的 <!-- /react-text --><code data-reactid="584"><!-- react-text: 585 -->React.PropTypes<!-- /react-text --></code><!-- react-text: 586 --> 警告。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5723" data-reactid="587"><!-- react-text: 588 -->pull/5723<!-- /react-text --></a><!-- react-text: 589 -->  <!-- /react-text --><a href="https://github.com/manjitkumar" data-reactid="590"><!-- react-text: 591 -->@manjitkumar<!-- /react-text --></a></p></li></ul></li><li data-reactid="592"><p data-reactid="593"><strong data-reactid="594"><!-- react-text: 595 -->网站<!-- /react-text --></strong></p><ul data-reactid="596"><li data-reactid="597"><p data-reactid="598"><!-- react-text: 599 -->『指引』中增加了英文版的<!-- /react-text --><a href="https://ant.design/docs/spec/icon" data-reactid="600"><!-- react-text: 601 -->图标说明<!-- /react-text --></a><!-- react-text: 602 -->。<!-- /react-text --><a href="https://github.com/kenaniah" data-reactid="603"><!-- react-text: 604 -->@kenaniah<!-- /react-text --></a></p></li><li data-reactid="605"><p data-reactid="606"><!-- react-text: 607 -->增加了<!-- /react-text --><a href="https://gitter.im/ant-design/ant-design-english" data-reactid="608"><!-- react-text: 609 -->英文版在线讨论<!-- /react-text --></a><!-- react-text: 610 -->。<!-- /react-text --></p></li></ul></li></ul></div></li><li class="ant-timeline-item" data-reactid="611"><div class="ant-timeline-item-tail" data-reactid="612"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="613"></div><div class="ant-timeline-item-content" data-reactid="614"><h2 id="2.9.1" data-reactid="615"><span data-reactid="616"><!-- react-text: 617 -->2.9.1<!-- /react-text --></span><a href="#2.9.1" class="anchor" data-reactid="618">#</a></h2><p data-reactid="619"><code data-reactid="620"><!-- react-text: 621 -->2017-04-09<!-- /react-text --></code></p><ul data-reactid="622"><li data-reactid="623"><p data-reactid="624"><!-- react-text: 625 -->Step<!-- /react-text --></p><ul data-reactid="626"><li data-reactid="627"><p data-reactid="628"><!-- react-text: 629 -->增加 less 变量。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5624" data-reactid="630"><!-- react-text: 631 -->#5624<!-- /react-text --></a><!-- react-text: 632 --> <!-- /react-text --><a href="https://github.com/megawac" data-reactid="633"><!-- react-text: 634 -->@megawac<!-- /react-text --></a></p></li><li data-reactid="635"><p data-reactid="636"><!-- react-text: 637 -->修复样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5623" data-reactid="638"><!-- react-text: 639 -->#5623<!-- /react-text --></a></p></li></ul></li><li data-reactid="640"><p data-reactid="641"><!-- react-text: 642 -->Button 点击后不会再失去焦点。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5597" data-reactid="643"><!-- react-text: 644 -->#5597<!-- /react-text --></a><!-- react-text: 645 --> <!-- /react-text --><a href="https://github.com/kenaniah" data-reactid="646"><!-- react-text: 647 -->@kenaniah<!-- /react-text --></a></p></li><li data-reactid="648"><p data-reactid="649"><!-- react-text: 650 -->链接获取焦点的时候增加下划线。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5597" data-reactid="651"><!-- react-text: 652 -->#5587<!-- /react-text --></a><!-- react-text: 653 --> <!-- /react-text --><a href="https://github.com/kenaniah" data-reactid="654"><!-- react-text: 655 -->@kenaniah<!-- /react-text --></a></p></li><li data-reactid="656"><p data-reactid="657"><!-- react-text: 658 -->修复 Dropdown.Button 不能使用 <!-- /react-text --><code data-reactid="659"><!-- react-text: 660 -->placement<!-- /react-text --></code><!-- react-text: 661 --> 的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5594" data-reactid="662"><!-- react-text: 663 -->#5594<!-- /react-text --></a></p></li><li data-reactid="664"><p data-reactid="665"><!-- react-text: 666 -->修复 Pagination 不对齐的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5632" data-reactid="667"><!-- react-text: 668 -->#5632<!-- /react-text --></a></p></li><li data-reactid="669"><p data-reactid="670"><!-- react-text: 671 -->修复 AutoComplete 使用 <!-- /react-text --><code data-reactid="672"><!-- react-text: 673 -->allowClear<!-- /react-text --></code><!-- react-text: 674 --> 时的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5634" data-reactid="675"><!-- react-text: 676 -->#5634<!-- /react-text --></a></p></li><li data-reactid="677"><p data-reactid="678"><!-- react-text: 679 -->修复 DatePicker 设置 <!-- /react-text --><code data-reactid="680"><!-- react-text: 681 -->showToday<!-- /react-text --></code><!-- react-text: 682 --> 为 <!-- /react-text --><code data-reactid="683"><!-- react-text: 684 -->false<!-- /react-text --></code><!-- react-text: 685 --> 时的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5620" data-reactid="686"><!-- react-text: 687 -->#5620<!-- /react-text --></a></p></li><li data-reactid="688"><p data-reactid="689"><!-- react-text: 690 -->修复 Select 搜索无结果时默认显示英文的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5661" data-reactid="691"><!-- react-text: 692 -->#5661<!-- /react-text --></a><!-- react-text: 693 --> <!-- /react-text --><a href="https://github.com/LeeHarlan" data-reactid="694"><!-- react-text: 695 -->@LeeHarlan<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="696"><div class="ant-timeline-item-tail" data-reactid="697"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="698"></div><div class="ant-timeline-item-content" data-reactid="699"><h2 id="2.9.0" data-reactid="700"><span data-reactid="701"><!-- react-text: 702 -->2.9.0<!-- /react-text --></span><a href="#2.9.0" class="anchor" data-reactid="703">#</a></h2><p data-reactid="704"><code data-reactid="705"><!-- react-text: 706 -->2017-04-01<!-- /react-text --></code><!-- react-text: 707 --> 👻<!-- /react-text --></p><ul data-reactid="708"><li data-reactid="709"><p data-reactid="710"><!-- react-text: 711 -->默认字体中数字设为等宽，方便进行纵向比较。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/b526083fa6a619113a3d26c4f4f092a8648f3bd4" data-reactid="712"><!-- react-text: 713 -->b526083<!-- /react-text --></a></p></li><li data-reactid="714"><p data-reactid="715"><!-- react-text: 716 -->Select<!-- /react-text --></p><ul data-reactid="717"><li data-reactid="718"><p data-reactid="719"><!-- react-text: 720 -->新增 <!-- /react-text --><code data-reactid="721"><!-- react-text: 722 -->mode<!-- /react-text --></code><!-- react-text: 723 --> 参数，废弃 <!-- /react-text --><code data-reactid="724"><!-- react-text: 725 -->tags|combobox|multiple<!-- /react-text --></code><!-- react-text: 726 --> 属性，使用 <!-- /react-text --><code data-reactid="727"><!-- react-text: 728 -->mode={tags|combobox|multiple}<!-- /react-text --></code><!-- react-text: 729 --> 来代替。<!-- /react-text --></p></li><li data-reactid="730"><p data-reactid="731"><code data-reactid="732"><!-- react-text: 733 -->tags|multiple<!-- /react-text --></code><!-- react-text: 734 --> 模式现在支持配置 <!-- /react-text --><code data-reactid="735"><!-- react-text: 736 -->allowClear<!-- /react-text --></code><!-- react-text: 737 --> 清除按钮。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4843" data-reactid="738"><!-- react-text: 739 -->#4843<!-- /react-text --></a></p></li></ul></li><li data-reactid="740"><p data-reactid="741"><!-- react-text: 742 -->Progress 新增 <!-- /react-text --><code data-reactid="743"><!-- react-text: 744 -->dashboard<!-- /react-text --></code><!-- react-text: 745 --> 仪表盘类型。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5225" data-reactid="746"><!-- react-text: 747 -->#5225<!-- /react-text --></a><!-- react-text: 748 --> <!-- /react-text --><a href="https://github.com/qiaolb" data-reactid="749"><!-- react-text: 750 -->@qiaolb<!-- /react-text --></a></p></li><li data-reactid="751"><p data-reactid="752"><!-- react-text: 753 -->Tree 新增 <!-- /react-text --><code data-reactid="754"><!-- react-text: 755 -->showLine<!-- /react-text --></code><!-- react-text: 756 --> 属性，支持纵向连接线展示。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3854" data-reactid="757"><!-- react-text: 758 -->#3854<!-- /react-text --></a></p></li><li data-reactid="759"><p data-reactid="760"><!-- react-text: 761 -->TimePicker 支持 12 小时制：<!-- /react-text --><code data-reactid="762"><!-- react-text: 763 -->use12Hours<!-- /react-text --></code><!-- react-text: 764 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4063" data-reactid="765"><!-- react-text: 766 -->#4063<!-- /react-text --></a></p></li><li data-reactid="767"><p data-reactid="768"><!-- react-text: 769 -->Table 支持 <!-- /react-text --><code data-reactid="770"><!-- react-text: 771 -->column.filterIcon<!-- /react-text --></code><!-- react-text: 772 -->，支持使用自定义筛选菜单时自定义图标。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5293" data-reactid="773"><!-- react-text: 774 -->#5293<!-- /react-text --></a></p></li><li data-reactid="775"><p data-reactid="776"><!-- react-text: 777 -->Spin 新增 <!-- /react-text --><code data-reactid="778"><!-- react-text: 779 -->wrapperClassName<!-- /react-text --></code><!-- react-text: 780 -->，方便给包裹形态的加载条增加类名。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5425" data-reactid="781"><!-- react-text: 782 -->#5425<!-- /react-text --></a><!-- react-text: 783 --> <!-- /react-text --><a href="https://github.com/aaronplanell" data-reactid="784"><!-- react-text: 785 -->@aaronplanell<!-- /react-text --></a></p></li><li data-reactid="786"><p data-reactid="787"><!-- react-text: 788 -->Tabs 新增点击左右切换箭头的回调 <!-- /react-text --><code data-reactid="789"><!-- react-text: 790 -->onPrevClick<!-- /react-text --></code><!-- react-text: 791 --> <!-- /react-text --><code data-reactid="792"><!-- react-text: 793 -->onNextClick<!-- /react-text --></code><!-- react-text: 794 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4395" data-reactid="795"><!-- react-text: 796 -->#4395<!-- /react-text --></a></p></li><li data-reactid="797"><p data-reactid="798"><!-- react-text: 799 -->InputNumber 新增 <!-- /react-text --><code data-reactid="800"><!-- react-text: 801 -->parser<!-- /react-text --></code><!-- react-text: 802 --> 属性，用于有时指定了 <!-- /react-text --><code data-reactid="803"><!-- react-text: 804 -->formatter<!-- /react-text --></code><!-- react-text: 805 --> 时需要解析出数字。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5178#issuecomment-284557933" data-reactid="806"><!-- react-text: 807 -->#5178<!-- /react-text --></a></p></li><li data-reactid="808"><p data-reactid="809"><!-- react-text: 810 -->国际化<!-- /react-text --></p><ul data-reactid="811"><li data-reactid="812"><p data-reactid="813"><!-- react-text: 814 -->新增日语。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5529" data-reactid="815"><!-- react-text: 816 -->#5529<!-- /react-text --></a><!-- react-text: 817 -->  <!-- /react-text --><a href="https://github.com/novi" data-reactid="818"><!-- react-text: 819 -->@novi<!-- /react-text --></a></p></li><li data-reactid="820"><p data-reactid="821"><!-- react-text: 822 -->新增斯洛伐克语。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5304" data-reactid="823"><!-- react-text: 824 -->#5304<!-- /react-text --></a><!-- react-text: 825 --> <!-- /react-text --><a href="https://github.com/Kamahl19" data-reactid="826"><!-- react-text: 827 -->@Kamahl19<!-- /react-text --></a></p></li><li data-reactid="828"><p data-reactid="829"><!-- react-text: 830 -->新增爱沙尼亚语。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5266" data-reactid="831"><!-- react-text: 832 -->#5266<!-- /react-text --></a><!-- react-text: 833 --> <!-- /react-text --><a href="https://github.com/madisvain" data-reactid="834"><!-- react-text: 835 -->@madisvain<!-- /react-text --></a></p></li><li data-reactid="836"><p data-reactid="837"><!-- react-text: 838 -->新增土耳其语。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5536" data-reactid="839"><!-- react-text: 840 -->#5536<!-- /react-text --></a><!-- react-text: 841 --> <!-- /react-text --><a href="https://github.com/c0b41" data-reactid="842"><!-- react-text: 843 -->@c0b41<!-- /react-text --></a></p></li></ul></li><li data-reactid="844"><p data-reactid="845"><!-- react-text: 846 -->TypeScript<!-- /react-text --></p><ul data-reactid="847"><li data-reactid="848"><p data-reactid="849"><!-- react-text: 850 -->参照 react-slick 补充 Carousel 的定义。<!-- /react-text --></p></li><li data-reactid="851"><p data-reactid="852"><!-- react-text: 853 -->修复 Form 的部分定义。<!-- /react-text --></p></li><li data-reactid="854"><p data-reactid="855"><!-- react-text: 856 -->修正 <!-- /react-text --><code data-reactid="857"><!-- react-text: 858 -->getPopupContainer<!-- /react-text --></code><!-- react-text: 859 --> 定义。<!-- /react-text --></p></li></ul></li><li data-reactid="860"><p data-reactid="861"><!-- react-text: 862 -->允许分开禁用 Tabs 的高亮条和面板的切换动画。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5089" data-reactid="863"><!-- react-text: 864 -->#5089<!-- /react-text --></a><!-- react-text: 865 --> <!-- /react-text --><a href="https://github.com/xieguanglei" data-reactid="866"><!-- react-text: 867 -->@xieguanglei<!-- /react-text --></a></p></li><li data-reactid="868"><p data-reactid="869"><!-- react-text: 870 -->Button 的 <!-- /react-text --><code data-reactid="871"><!-- react-text: 872 -->loading<!-- /react-text --></code><!-- react-text: 873 --> 属性支持 <!-- /react-text --><code data-reactid="874"><!-- react-text: 875 -->{ delay: 1000 }<!-- /react-text --></code><!-- react-text: 876 --> 的形式，默认不再延迟切换状态 。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5365" data-reactid="877"><!-- react-text: 878 -->#5365<!-- /react-text --></a></p></li><li data-reactid="879"><p data-reactid="880"><!-- react-text: 881 -->增加 Card 头部的 less 变量。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5354" data-reactid="882"><!-- react-text: 883 -->#5354<!-- /react-text --></a><!-- react-text: 884 --> <!-- /react-text --><a href="https://github.com/kossel" data-reactid="885"><!-- react-text: 886 -->@kossel<!-- /react-text --></a></p></li><li data-reactid="887"><p data-reactid="888"><!-- react-text: 889 -->修复 Breadcrumb 没有设置 <!-- /react-text --><code data-reactid="890"><!-- react-text: 891 -->breadcrumbName<!-- /react-text --></code><!-- react-text: 892 --> 时分隔符多余的问题。<!-- /react-text --></p></li><li data-reactid="893"><p data-reactid="894"><!-- react-text: 895 -->修复 Dropdown.Button 的 <!-- /react-text --><code data-reactid="896"><!-- react-text: 897 -->Unknown prop placement<!-- /react-text --></code><!-- react-text: 898 --> 警告信息。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5594" data-reactid="899"><!-- react-text: 900 -->#5594<!-- /react-text --></a></p></li><li data-reactid="901"><p data-reactid="902"><!-- react-text: 903 -->修复 RangePicker 和 InputNumber 的占位文字颜色。<!-- /react-text --></p></li><li data-reactid="904"><p data-reactid="905"><!-- react-text: 906 -->修复 Cascasder 搜索模式下无法使用退格键的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5340" data-reactid="907"><!-- react-text: 908 -->#5340<!-- /react-text --></a></p></li><li data-reactid="909"><p data-reactid="910"><!-- react-text: 911 -->修复 LocaleProvider 有时对 <!-- /react-text --><code data-reactid="912"><!-- react-text: 913 -->Modal.confirm<!-- /react-text --></code><!-- react-text: 914 --> 失效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5493" data-reactid="915"><!-- react-text: 916 -->#5493<!-- /react-text --></a><!-- react-text: 917 --> <!-- /react-text --><a href="https://github.com/hargasinski" data-reactid="918"><!-- react-text: 919 -->@hargasinski<!-- /react-text --></a></p></li><li data-reactid="920"><p data-reactid="921"><!-- react-text: 922 -->修复 BackTop 设置了 <!-- /react-text --><code data-reactid="923"><!-- react-text: 924 -->target<!-- /react-text --></code><!-- react-text: 925 --> 时滚动动效消失的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5564" data-reactid="926"><!-- react-text: 927 -->#5564<!-- /react-text --></a></p></li><li data-reactid="928"><p data-reactid="929"><!-- react-text: 930 -->优化 Pagination 的样式实现。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5557" data-reactid="931"><!-- react-text: 932 -->#5557<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="933"><div class="ant-timeline-item-tail" data-reactid="934"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="935"></div><div class="ant-timeline-item-content" data-reactid="936"><h2 id="2.8.3" data-reactid="937"><span data-reactid="938"><!-- react-text: 939 -->2.8.3<!-- /react-text --></span><a href="#2.8.3" class="anchor" data-reactid="940">#</a></h2><p data-reactid="941"><code data-reactid="942"><!-- react-text: 943 -->2017-03-27<!-- /react-text --></code></p><ul data-reactid="944"><li data-reactid="945"><p data-reactid="946"><!-- react-text: 947 -->TypeScript<!-- /react-text --></p><ul data-reactid="948"><li data-reactid="949"><p data-reactid="950"><!-- react-text: 951 -->修复 <!-- /react-text --><code data-reactid="952"><!-- react-text: 953 -->AutoComplete[filterOption]<!-- /react-text --></code><!-- react-text: 954 --> 定义缺失的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5393" data-reactid="955"><!-- react-text: 956 -->#5393<!-- /react-text --></a><!-- react-text: 957 --> <!-- /react-text --><a href="https://github.com/mitchelldemler" data-reactid="958"><!-- react-text: 959 -->@mitchelldemler<!-- /react-text --></a></p></li><li data-reactid="960"><p data-reactid="961"><!-- react-text: 962 -->修复 <!-- /react-text --><code data-reactid="963"><!-- react-text: 964 -->getPopupContainer<!-- /react-text --></code><!-- react-text: 965 --> <!-- /react-text --><code data-reactid="966"><!-- react-text: 967 -->getCalendarContainer<!-- /react-text --></code><!-- react-text: 968 --> <!-- /react-text --><code data-reactid="969"><!-- react-text: 970 -->getTooltipContainer<!-- /react-text --></code><!-- react-text: 971 --> <!-- /react-text --><code data-reactid="972"><!-- react-text: 973 -->getSuggestionContainer<!-- /react-text --></code><!-- react-text: 974 --> 等的定义问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/322e9efdc9db28bd92230fc690f1fdf5a72cf7cd" data-reactid="975"><!-- react-text: 976 -->322e9ef<!-- /react-text --></a></p></li><li data-reactid="977"><p data-reactid="978"><!-- react-text: 979 -->优化 <!-- /react-text --><code data-reactid="980"><!-- react-text: 981 -->Form.create<!-- /react-text --></code><!-- react-text: 982 --> 的定义。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5420" data-reactid="983"><!-- react-text: 984 -->#5420<!-- /react-text --></a><!-- react-text: 985 --> <!-- /react-text --><a href="https://github.com/infeng" data-reactid="986"><!-- react-text: 987 -->@infeng<!-- /react-text --></a></p></li></ul></li><li data-reactid="988"><p data-reactid="989"><!-- react-text: 990 -->修复 Badge 在 Maxthon 内的兼容性问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5477" data-reactid="991"><!-- react-text: 992 -->#5477<!-- /react-text --></a></p></li><li data-reactid="993"><p data-reactid="994"><!-- react-text: 995 -->修复 Button 内无法使用 <!-- /react-text --><code data-reactid="996"><!-- react-text: 997 -->null<!-- /react-text --></code><!-- react-text: 998 --> <!-- /react-text --><code data-reactid="999"><!-- react-text: 1000 -->undefined<!-- /react-text --></code><!-- react-text: 1001 --> 的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5472" data-reactid="1002"><!-- react-text: 1003 -->#5472<!-- /react-text --></a><!-- react-text: 1004 --> <!-- /react-text --><a href="https://github.com/blade254353074" data-reactid="1005"><!-- react-text: 1006 -->@blade254353074<!-- /react-text --></a></p></li><li data-reactid="1007"><p data-reactid="1008"><!-- react-text: 1009 -->Breadcrumb 不再强依赖于 <!-- /react-text --><code data-reactid="1010"><!-- react-text: 1011 -->route.breadcrumbName<!-- /react-text --></code><!-- react-text: 1012 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/ac1c7f312bc46ba6ef7aacace43e4ac99b87dd54" data-reactid="1013"><!-- react-text: 1014 -->ac1c7f3<!-- /react-text --></a></p></li><li data-reactid="1015"><p data-reactid="1016"><!-- react-text: 1017 -->修复 <!-- /react-text --><code data-reactid="1018"><!-- react-text: 1019 -->Form.Item[hasFeedback]<!-- /react-text --></code><!-- react-text: 1020 --> 与 <!-- /react-text --><code data-reactid="1021"><!-- react-text: 1022 -->Input[prefix]<!-- /react-text --></code><!-- react-text: 1023 --> 混用时的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5456" data-reactid="1024"><!-- react-text: 1025 -->#5456<!-- /react-text --></a><!-- react-text: 1026 --> <!-- /react-text --><a href="https://github.com/william-yz" data-reactid="1027"><!-- react-text: 1028 -->@william-yz<!-- /react-text --></a></p></li><li data-reactid="1029"><p data-reactid="1030"><!-- react-text: 1031 -->修复 Layout.Content 与 Carousel 一起使用时的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5415" data-reactid="1032"><!-- react-text: 1033 -->#5415<!-- /react-text --></a></p></li><li data-reactid="1034"><p data-reactid="1035"><!-- react-text: 1036 -->LocaleProvider<!-- /react-text --></p><ul data-reactid="1037"><li data-reactid="1038"><p data-reactid="1039"><!-- react-text: 1040 -->修复对德语支持不完善的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5387" data-reactid="1041"><!-- react-text: 1042 -->#5387<!-- /react-text --></a><!-- react-text: 1043 --> <!-- /react-text --><a href="https://github.com/Knacktus" data-reactid="1044"><!-- react-text: 1045 -->@Knacktus<!-- /react-text --></a></p></li><li data-reactid="1046"><p data-reactid="1047"><!-- react-text: 1048 -->修复对俄语支持不完善的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5406" data-reactid="1049"><!-- react-text: 1050 -->#5406<!-- /react-text --></a><!-- react-text: 1051 --> <!-- /react-text --><a href="https://github.com/plandem" data-reactid="1052"><!-- react-text: 1053 -->@plandem<!-- /react-text --></a></p></li><li data-reactid="1054"><p data-reactid="1055"><!-- react-text: 1056 -->修复不支持 Upload 的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5388" data-reactid="1057"><!-- react-text: 1058 -->#5388<!-- /react-text --></a><!-- react-text: 1059 --> <!-- /react-text --><a href="https://github.com/natergj" data-reactid="1060"><!-- react-text: 1061 -->@natergj<!-- /react-text --></a></p></li></ul></li><li data-reactid="1062"><p data-reactid="1063"><!-- react-text: 1064 -->修复 Menu 内 Icon 动画效果与文字不一致的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5495" data-reactid="1065"><!-- react-text: 1066 -->#5495<!-- /react-text --></a></p></li><li data-reactid="1067"><p data-reactid="1068"><!-- react-text: 1069 -->修复 <!-- /react-text --><code data-reactid="1070"><!-- react-text: 1071 -->Modale[footer]<!-- /react-text --></code><!-- react-text: 1072 --> 无法置空的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5462" data-reactid="1073"><!-- react-text: 1074 -->#5462<!-- /react-text --></a></p></li><li data-reactid="1075"><p data-reactid="1076"><!-- react-text: 1077 -->修复 <!-- /react-text --><code data-reactid="1078"><!-- react-text: 1079 -->2.8.2<!-- /react-text --></code><!-- react-text: 1080 --> 引入的 Pagination 在 <!-- /react-text --><code data-reactid="1081"><!-- react-text: 1082 -->IE&lt;=10<!-- /react-text --></code><!-- react-text: 1083 --> 下样式丢失的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5484" data-reactid="1084"><!-- react-text: 1085 -->#5484<!-- /react-text --></a></p></li><li data-reactid="1086"><p data-reactid="1087"><!-- react-text: 1088 -->修复 Popover 内使用 Table 时会意外关闭的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5407" data-reactid="1089"><!-- react-text: 1090 -->#5407<!-- /react-text --></a></p></li><li data-reactid="1091"><p data-reactid="1092"><!-- react-text: 1093 -->去掉 Radio 只能作为 Radio.Group 的直接后代的限制。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5443" data-reactid="1094"><!-- react-text: 1095 -->#5443<!-- /react-text --></a></p></li><li data-reactid="1096"><p data-reactid="1097"><!-- react-text: 1098 -->修复 Switch 在 Form.Item 内使用时的 warning。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5368" data-reactid="1099"><!-- react-text: 1100 -->#5368<!-- /react-text --></a></p></li><li data-reactid="1101"><p data-reactid="1102"><!-- react-text: 1103 -->Table 的选择全部菜单现在默认隐藏，<!-- /react-text --><code data-reactid="1104"><!-- react-text: 1105 -->selections<!-- /react-text --></code><!-- react-text: 1106 --> 设置为 true 时展现。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5246" data-reactid="1107"><!-- react-text: 1108 -->#5246<!-- /react-text --></a><!-- react-text: 1109 --> <!-- /react-text --><a href="https://github.com/infeng" data-reactid="1110"><!-- react-text: 1111 -->@infeng<!-- /react-text --></a></p></li><li data-reactid="1112"><p data-reactid="1113"><!-- react-text: 1114 -->新增 <!-- /react-text --><code data-reactid="1115"><!-- react-text: 1116 -->@info-color<!-- /react-text --></code><!-- react-text: 1117 --> 主题变量。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5442" data-reactid="1118"><!-- react-text: 1119 -->#5442<!-- /react-text --></a></p></li><li data-reactid="1120"><p data-reactid="1121"><!-- react-text: 1122 -->现在可以通过 <!-- /react-text --><code data-reactid="1123"><!-- react-text: 1124 -->NODE_ENV=test<!-- /react-text --></code><!-- react-text: 1125 --> 来禁用测试时 antd 全量加载的 warning。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5345" data-reactid="1126"><!-- react-text: 1127 -->#5345<!-- /react-text --></a></p></li><li data-reactid="1128"><p data-reactid="1129"><!-- react-text: 1130 -->升级 moment 到 <!-- /react-text --><code data-reactid="1131"><!-- react-text: 1132 -->2.18.0<!-- /react-text --></code><!-- react-text: 1133 -->。<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="1134"><div class="ant-timeline-item-tail" data-reactid="1135"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="1136"></div><div class="ant-timeline-item-content" data-reactid="1137"><h2 id="2.8.2" data-reactid="1138"><span data-reactid="1139"><!-- react-text: 1140 -->2.8.2<!-- /react-text --></span><a href="#2.8.2" class="anchor" data-reactid="1141">#</a></h2><p data-reactid="1142"><code data-reactid="1143"><!-- react-text: 1144 -->2017-03-19<!-- /react-text --></code></p><ul data-reactid="1145"><li data-reactid="1146"><p data-reactid="1147"><!-- react-text: 1148 -->发布了新的 <!-- /react-text --><a href="https://ant.design/docs/spec/colors-cn" data-reactid="1149"><!-- react-text: 1150 -->设计基础文档<!-- /react-text --></a><!-- react-text: 1151 -->。<!-- /react-text --></p></li><li data-reactid="1152"><p data-reactid="1153"><!-- react-text: 1154 -->修复使用 Modal.confirm 时报错的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5269" data-reactid="1155"><!-- react-text: 1156 -->#5269<!-- /react-text --></a><!-- react-text: 1157 -->。<!-- /react-text --></p></li><li data-reactid="1158"><p data-reactid="1159"><!-- react-text: 1160 -->修复 Upload 的蒙层样式 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5275" data-reactid="1161"><!-- react-text: 1162 -->#5275<!-- /react-text --></a><!-- react-text: 1163 -->。<!-- /react-text --></p></li><li data-reactid="1164"><p data-reactid="1165"><!-- react-text: 1166 -->修复 Upload 上传进度条不显示的问题 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5323" data-reactid="1167"><!-- react-text: 1168 -->#5323<!-- /react-text --></a><!-- react-text: 1169 -->。<!-- /react-text --></p></li><li data-reactid="1170"><p data-reactid="1171"><!-- react-text: 1172 -->修复 Table 的分页的 showTotal 数据错误的问题 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5259" data-reactid="1173"><!-- react-text: 1174 -->#5259<!-- /react-text --></a><!-- react-text: 1175 -->。<!-- /react-text --></p></li><li data-reactid="1176"><p data-reactid="1177"><!-- react-text: 1178 -->修复了 Popconfirm 与 Button 同时使用时的样式问题 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5301" data-reactid="1179"><!-- react-text: 1180 -->5301<!-- /react-text --></a><!-- react-text: 1181 -->。<!-- /react-text --></p></li><li data-reactid="1182"><p data-reactid="1183"><!-- react-text: 1184 -->修复 Radio 的一个样式问题 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5336" data-reactid="1185"><!-- react-text: 1186 -->#5336<!-- /react-text --></a><!-- react-text: 1187 -->。<!-- /react-text --></p></li><li data-reactid="1188"><p data-reactid="1189"><!-- react-text: 1190 -->修复 Message 的 getContainer 无法使用的问题 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5380" data-reactid="1191"><!-- react-text: 1192 -->#5380<!-- /react-text --></a><!-- react-text: 1193 -->。<!-- /react-text --></p></li><li data-reactid="1194"><p data-reactid="1195"><!-- react-text: 1196 -->修复 Checkbox 和 Radio 标签的文字对齐 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/696a3c0e34156d78e87d629a3f0f8703af1f03ec" data-reactid="1197"><!-- react-text: 1198 -->696a3c0<!-- /react-text --></a><!-- react-text: 1199 -->。<!-- /react-text --></p></li><li data-reactid="1200"><p data-reactid="1201"><!-- react-text: 1202 -->调整了 Spin 的动画 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/fa1e031a7396c61fa9709a0c46fe63200c35d232" data-reactid="1203"><!-- react-text: 1204 -->fa1e031<!-- /react-text --></a><!-- react-text: 1205 -->。<!-- /react-text --></p></li><li data-reactid="1206"><p data-reactid="1207"><!-- react-text: 1208 -->调整了 Mention 的一些样式 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/240a93cee25bc8c6ad4520cd907a14a7b22ed773" data-reactid="1209"><!-- react-text: 1210 -->240a93c<!-- /react-text --></a><!-- react-text: 1211 -->。<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="1212"><div class="ant-timeline-item-tail" data-reactid="1213"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="1214"></div><div class="ant-timeline-item-content" data-reactid="1215"><h2 id="2.8.1" data-reactid="1216"><span data-reactid="1217"><!-- react-text: 1218 -->2.8.1<!-- /react-text --></span><a href="#2.8.1" class="anchor" data-reactid="1219">#</a></h2><p data-reactid="1220"><code data-reactid="1221"><!-- react-text: 1222 -->2017-03-11<!-- /react-text --></code></p><ul data-reactid="1223"><li data-reactid="1224"><p data-reactid="1225"><strong data-reactid="1226"><!-- react-text: 1227 -->DatePicker<!-- /react-text --></strong><!-- react-text: 1228 --> 优化了带时间的 DatePicker 的选择行为，并修复父组件 state 变化导致无法选中的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5189" data-reactid="1229"><!-- react-text: 1230 -->#5189<!-- /react-text --></a><!-- react-text: 1231 --> <!-- /react-text --><a href="https://github.com/megawac" data-reactid="1232"><!-- react-text: 1233 -->@megawac<!-- /react-text --></a></p></li><li data-reactid="1234"><p data-reactid="1235"><strong data-reactid="1236"><!-- react-text: 1237 -->Form<!-- /react-text --></strong></p><ul data-reactid="1238"><li data-reactid="1239"><p data-reactid="1240"><!-- react-text: 1241 -->补充了校验规则相关文档。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5201" data-reactid="1242"><!-- react-text: 1243 -->#5201<!-- /react-text --></a></p></li><li data-reactid="1244"><p data-reactid="1245"><!-- react-text: 1246 -->修复了一些样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5196" data-reactid="1247"><!-- react-text: 1248 -->#5196<!-- /react-text --></a><!-- react-text: 1249 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5236" data-reactid="1250"><!-- react-text: 1251 -->#5236<!-- /react-text --></a><!-- react-text: 1252 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5222" data-reactid="1253"><!-- react-text: 1254 -->#5222<!-- /react-text --></a></p></li></ul></li><li data-reactid="1255"><p data-reactid="1256"><strong data-reactid="1257"><!-- react-text: 1258 -->Icon<!-- /react-text --></strong><!-- react-text: 1259 --> 增加 <!-- /react-text --><code data-reactid="1260"><!-- react-text: 1261 -->shake<!-- /react-text --></code><!-- react-text: 1262 --> 和 <!-- /react-text --><code data-reactid="1263"><!-- react-text: 1264 -->android-o<!-- /react-text --></code><!-- react-text: 1265 --> 图标。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/941782f7ec000a9054c3bc945ab887f93ab46749" data-reactid="1266"><!-- react-text: 1267 -->commit/941782<!-- /react-text --></a></p></li><li data-reactid="1268"><p data-reactid="1269"><strong data-reactid="1270"><!-- react-text: 1271 -->Input<!-- /react-text --></strong><!-- react-text: 1272 --> 修复有 <!-- /react-text --><code data-reactid="1273"><!-- react-text: 1274 -->addonBefore<!-- /react-text --></code><!-- react-text: 1275 --> 时 <!-- /react-text --><code data-reactid="1276"><!-- react-text: 1277 -->hasFeedback<!-- /react-text --></code><!-- react-text: 1278 --> 失效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5228" data-reactid="1279"><!-- react-text: 1280 -->#5228<!-- /react-text --></a></p></li><li data-reactid="1281"><p data-reactid="1282"><strong data-reactid="1283"><!-- react-text: 1284 -->InputNumber<!-- /react-text --></strong><!-- react-text: 1285 --> 补充缺失的 type 定义。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5240" data-reactid="1286"><!-- react-text: 1287 -->#5240<!-- /react-text --></a><!-- react-text: 1288 --> <!-- /react-text --><a href="https://github.com/hlehmann" data-reactid="1289"><!-- react-text: 1290 -->@hlehmann<!-- /react-text --></a></p></li><li data-reactid="1291"><p data-reactid="1292"><strong data-reactid="1293"><!-- react-text: 1294 -->Modal<!-- /react-text --></strong><!-- react-text: 1295 --> 支持点击 esc 调用 <!-- /react-text --><code data-reactid="1296"><!-- react-text: 1297 -->onCancle<!-- /react-text --></code><!-- react-text: 1298 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5203" data-reactid="1299"><!-- react-text: 1300 -->#5203<!-- /react-text --></a><!-- react-text: 1301 --> <!-- /react-text --><a href="https://github.com/elios264" data-reactid="1302"><!-- react-text: 1303 -->@elios264<!-- /react-text --></a></p></li><li data-reactid="1304"><p data-reactid="1305"><strong data-reactid="1306"><!-- react-text: 1307 -->Table<!-- /react-text --></strong></p><ul data-reactid="1308"><li data-reactid="1309"><p data-reactid="1310"><!-- react-text: 1311 -->补充缺失的 type 定义。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5206" data-reactid="1312"><!-- react-text: 1313 -->#5206<!-- /react-text --></a><!-- react-text: 1314 --> <!-- /react-text --><a href="https://github.com/kvey" data-reactid="1315"><!-- react-text: 1316 -->@kvey<!-- /react-text --></a></p></li><li data-reactid="1317"><p data-reactid="1318"><!-- react-text: 1319 -->修复小号表格无数据时右边线缺失的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5237" data-reactid="1320"><!-- react-text: 1321 -->#5237<!-- /react-text --></a></p></li><li data-reactid="1322"><p data-reactid="1323"><!-- react-text: 1324 -->修复表头分组时排序失效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5158" data-reactid="1325"><!-- react-text: 1326 -->#5158<!-- /react-text --></a></p></li></ul></li><li data-reactid="1327"><p data-reactid="1328"><strong data-reactid="1329"><!-- react-text: 1330 -->Tooltip<!-- /react-text --></strong><!-- react-text: 1331 --> 修复 Trigger 为绝对定位且禁用的按钮时失效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5254" data-reactid="1332"><!-- react-text: 1333 -->#5254<!-- /react-text --></a></p></li><li data-reactid="1334"><p data-reactid="1335"><strong data-reactid="1336"><!-- react-text: 1337 -->Upload<!-- /react-text --></strong></p><ul data-reactid="1338"><li data-reactid="1339"><p data-reactid="1340"><!-- react-text: 1341 -->修复上传文件名字过长时的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/0a35197a35513ca45308bb7163c8243b75dd6f8d" data-reactid="1342"><!-- react-text: 1343 -->commit/0a3519<!-- /react-text --></a></p></li><li data-reactid="1344"><p data-reactid="1345"><!-- react-text: 1346 -->修复并优化了动画。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5210" data-reactid="1347"><!-- react-text: 1348 -->pull/5210<!-- /react-text --></a></p></li><li data-reactid="1349"><p data-reactid="1350"><!-- react-text: 1351 -->支持覆盖 <!-- /react-text --><code data-reactid="1352"><!-- react-text: 1353 -->onProgress<!-- /react-text --></code><!-- react-text: 1354 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5260" data-reactid="1355"><!-- react-text: 1356 -->pull/5260<!-- /react-text --></a><!-- react-text: 1357 --> <!-- /react-text --><a href="https://github.com/minwe" data-reactid="1358"><!-- react-text: 1359 -->@minwe<!-- /react-text --></a></p></li></ul></li><li data-reactid="1360"><p data-reactid="1361"><strong data-reactid="1362"><!-- react-text: 1363 -->全局性优化<!-- /react-text --></strong></p><ul data-reactid="1364"><li data-reactid="1365"><p data-reactid="1366"><!-- react-text: 1367 -->修复 <!-- /react-text --><code data-reactid="1368"><!-- react-text: 1369 -->lodash.debounce<!-- /react-text --></code><!-- react-text: 1370 --> 依赖缺失问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5230" data-reactid="1371"><!-- react-text: 1372 -->#5230<!-- /react-text --></a></p></li></ul></li><li data-reactid="1373"><p data-reactid="1374"><strong data-reactid="1375"><!-- react-text: 1376 -->网站<!-- /react-text --></strong></p><ul data-reactid="1377"><li data-reactid="1378"><p data-reactid="1379"><!-- react-text: 1380 -->修复 safari 语言检测失效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5245" data-reactid="1381"><!-- react-text: 1382 -->pull/5245<!-- /react-text --></a></p></li><li data-reactid="1383"><p data-reactid="1384"><!-- react-text: 1385 -->色板支持点击复制色号。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5247" data-reactid="1386"><!-- react-text: 1387 -->pull/5247<!-- /react-text --></a><!-- react-text: 1388 --> <!-- /react-text --><a href="https://github.com/bsheikh" data-reactid="1389"><!-- react-text: 1390 -->@bsheikh<!-- /react-text --></a></p></li><li data-reactid="1391"><p data-reactid="1392"><!-- react-text: 1393 -->增加脚手架示例。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/f2f786d66d75eebef8406a72db8a15e1640cea1f" data-reactid="1394"><!-- react-text: 1395 -->commit/f2f786<!-- /react-text --></a></p></li></ul></li></ul></div></li><li class="ant-timeline-item" data-reactid="1396"><div class="ant-timeline-item-tail" data-reactid="1397"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="1398"></div><div class="ant-timeline-item-content" data-reactid="1399"><h2 id="2.8.0" data-reactid="1400"><span data-reactid="1401"><!-- react-text: 1402 -->2.8.0<!-- /react-text --></span><a href="#2.8.0" class="anchor" data-reactid="1403">#</a></h2><p data-reactid="1404"><code data-reactid="1405"><!-- react-text: 1406 -->2017-03-06<!-- /react-text --></code></p><ul data-reactid="1407"><li data-reactid="1408"><p data-reactid="1409"><!-- react-text: 1410 -->Tabs<!-- /react-text --></p><ul data-reactid="1411"><li data-reactid="1412"><p data-reactid="1413"><!-- react-text: 1414 -->新增 <!-- /react-text --><code data-reactid="1415"><!-- react-text: 1416 -->tabBarStyle<!-- /react-text --></code><!-- react-text: 1417 --> 用于自定义 tabBar 的样式。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4966" data-reactid="1418"><!-- react-text: 1419 -->#4966<!-- /react-text --></a></p></li><li data-reactid="1420"><p data-reactid="1421"><!-- react-text: 1422 -->新增 <!-- /react-text --><code data-reactid="1423"><!-- react-text: 1424 -->TabPane[closable]<!-- /react-text --></code><!-- react-text: 1425 --> 用于设置是否显示删除按钮。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4807" data-reactid="1426"><!-- react-text: 1427 -->#4807<!-- /react-text --></a><!-- react-text: 1428 --> <!-- /react-text --><a href="https://github.com/lixiaoyang1992" data-reactid="1429"><!-- react-text: 1430 -->@lixiaoyang1992<!-- /react-text --></a></p></li></ul></li><li data-reactid="1431"><p data-reactid="1432"><!-- react-text: 1433 -->Anchor<!-- /react-text --></p><ul data-reactid="1434"><li data-reactid="1435"><p data-reactid="1436"><!-- react-text: 1437 -->新增 <!-- /react-text --><code data-reactid="1438"><!-- react-text: 1439 -->showInkInFixed<!-- /react-text --></code><!-- react-text: 1440 --> 用于设置在 fixed 状态下是否圆形图标。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4960" data-reactid="1441"><!-- react-text: 1442 -->#4960<!-- /react-text --></a></p></li><li data-reactid="1443"><p data-reactid="1444"><!-- react-text: 1445 -->修复 <!-- /react-text --><code data-reactid="1446"><!-- react-text: 1447 -->children<!-- /react-text --></code><!-- react-text: 1448 --> 不是 AnchorLink 时会报错的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5129" data-reactid="1449"><!-- react-text: 1450 -->#5129<!-- /react-text --></a></p></li></ul></li><li data-reactid="1451"><p data-reactid="1452"><!-- react-text: 1453 -->Table<!-- /react-text --></p><ul data-reactid="1454"><li data-reactid="1455"><p data-reactid="1456"><!-- react-text: 1457 -->新增反选功能并允许自定义全选选项。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4962" data-reactid="1458"><!-- react-text: 1459 -->#4962<!-- /react-text --></a></p></li><li data-reactid="1460"><p data-reactid="1461"><code data-reactid="1462"><!-- react-text: 1463 -->spin<!-- /react-text --></code><!-- react-text: 1464 --> 属性支持所有 Spin 的属性。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4824" data-reactid="1465"><!-- react-text: 1466 -->#4824<!-- /react-text --></a><!-- react-text: 1467 --> <!-- /react-text --><a href="https://github.com/lixiaoyang1992" data-reactid="1468"><!-- react-text: 1469 -->@lixiaoyang1992<!-- /react-text --></a></p></li><li data-reactid="1470"><p data-reactid="1471"><!-- react-text: 1472 -->修正 <!-- /react-text --><code data-reactid="1473"><!-- react-text: 1474 -->size<!-- /react-text --></code><!-- react-text: 1475 --> 是 <!-- /react-text --><code data-reactid="1476"><!-- react-text: 1477 -->small<!-- /react-text --></code><!-- react-text: 1478 --> 的时候表头没有底边框的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5182" data-reactid="1479"><!-- react-text: 1480 -->#5182<!-- /react-text --></a></p></li></ul></li><li data-reactid="1481"><p data-reactid="1482"><!-- react-text: 1483 -->Mention 新增自定义触发字符的支持。<!-- /react-text --><a href="https://ant.design/components/mention-cn/#components-mention-demo-multiple-trigger" data-reactid="1484"><!-- react-text: 1485 -->demo<!-- /react-text --></a></p><ul data-reactid="1486"><li data-reactid="1487"><p data-reactid="1488"><img src="https://zos.alipayobjects.com/rmsportal/QDYwAbwKrqOUOykRaNai.gif" alt="Mention animation" data-reactid="1489"/></p></li></ul></li><li data-reactid="1490"><p data-reactid="1491"><!-- react-text: 1492 -->Rate<!-- /react-text --></p><ul data-reactid="1493"><li data-reactid="1494"><p data-reactid="1495"><!-- react-text: 1496 -->支持自定义字符。<!-- /react-text --><a href="https://ant.design/components/rate-cn/#components-rate-demo-character" data-reactid="1497"><!-- react-text: 1498 -->demo<!-- /react-text --></a></p></li><li data-reactid="1499"><p data-reactid="1500"><!-- react-text: 1501 -->新增 <!-- /react-text --><code data-reactid="1502"><!-- react-text: 1503 -->className<!-- /react-text --></code><!-- react-text: 1504 --> 属性。<!-- /react-text --></p></li></ul></li><li data-reactid="1505"><p data-reactid="1506"><!-- react-text: 1507 -->Layout<!-- /react-text --></p><ul data-reactid="1508"><li data-reactid="1509"><p data-reactid="1510"><!-- react-text: 1511 -->新增 <!-- /react-text --><code data-reactid="1512"><!-- react-text: 1513 -->顶部-侧边布局-通栏<!-- /react-text --></code><!-- react-text: 1514 --> 的例子。<!-- /react-text --><a href="http://ant.design/components/layout-cn/#components-layout-demo-top-side-2" data-reactid="1515"><!-- react-text: 1516 -->demo<!-- /react-text --></a></p></li><li data-reactid="1517"><p data-reactid="1518"><!-- react-text: 1519 -->新增 <!-- /react-text --><code data-reactid="1520"><!-- react-text: 1521 -->固定头部<!-- /react-text --></code><!-- react-text: 1522 --> 的例子。<!-- /react-text --><a href="https://ant.design/components/layout-cn/#components-layout-demo-fixed" data-reactid="1523"><!-- react-text: 1524 -->demo<!-- /react-text --></a></p></li><li data-reactid="1525"><p data-reactid="1526"><!-- react-text: 1527 -->Sider 新增 <!-- /react-text --><code data-reactid="1528"><!-- react-text: 1529 -->breakpoint<!-- /react-text --></code><!-- react-text: 1530 --> 用于设置响应式展示。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4931" data-reactid="1531"><!-- react-text: 1532 -->#4931<!-- /react-text --></a></p></li></ul></li><li data-reactid="1533"><p data-reactid="1534"><!-- react-text: 1535 -->Form<!-- /react-text --></p><ul data-reactid="1536"><li data-reactid="1537"><p data-reactid="1538"><!-- react-text: 1539 -->新增 <!-- /react-text --><code data-reactid="1540"><!-- react-text: 1541 -->layout<!-- /react-text --></code><!-- react-text: 1542 --> 属性用于取代原有的 <!-- /react-text --><code data-reactid="1543"><!-- react-text: 1544 -->horizontal<!-- /react-text --></code><!-- react-text: 1545 -->、<!-- /react-text --><code data-reactid="1546"><!-- react-text: 1547 -->vertical<!-- /react-text --></code><!-- react-text: 1548 -->、<!-- /react-text --><code data-reactid="1549"><!-- react-text: 1550 -->inline<!-- /react-text --></code><!-- react-text: 1551 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5056" data-reactid="1552"><!-- react-text: 1553 -->#5056<!-- /react-text --></a></p></li></ul></li><li data-reactid="1554"><p data-reactid="1555"><!-- react-text: 1556 -->Calendar<!-- /react-text --></p><ul data-reactid="1557"><li data-reactid="1558"><p data-reactid="1559"><!-- react-text: 1560 -->新增 <!-- /react-text --><code data-reactid="1561"><!-- react-text: 1562 -->dateFullCellRender<!-- /react-text --></code><!-- react-text: 1563 --> 和 <!-- /react-text --><code data-reactid="1564"><!-- react-text: 1565 -->monthFullCellRender<!-- /react-text --></code><!-- react-text: 1566 --> 用于覆盖单元格的内容。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5138" data-reactid="1567"><!-- react-text: 1568 -->#5138<!-- /react-text --></a><!-- react-text: 1569 --> <!-- /react-text --><a href="https://github.com/wonyun" data-reactid="1570"><!-- react-text: 1571 -->@wonyun<!-- /react-text --></a></p></li><li data-reactid="1572"><p data-reactid="1573"><!-- react-text: 1574 -->新增 <!-- /react-text --><code data-reactid="1575"><!-- react-text: 1576 -->onSelect<!-- /react-text --></code><!-- react-text: 1577 --> 用于日期选择功能。<!-- /react-text --><a href="https://ant.design/components/calendar-cn/#components-calendar-demo-select" data-reactid="1578"><!-- react-text: 1579 -->demo<!-- /react-text --></a></p></li></ul></li><li data-reactid="1580"><p data-reactid="1581"><!-- react-text: 1582 -->AutoComplete<!-- /react-text --></p><ul data-reactid="1583"><li data-reactid="1584"><p data-reactid="1585"><!-- react-text: 1586 -->修复在 Form.Item 里不对齐的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5139" data-reactid="1587"><!-- react-text: 1588 -->#5139<!-- /react-text --></a></p></li><li data-reactid="1589"><p data-reactid="1590"><!-- react-text: 1591 -->新增 <!-- /react-text --><code data-reactid="1592"><!-- react-text: 1593 -->查询模式 - 确定类目<!-- /react-text --></code><!-- react-text: 1594 --> 的例子。<!-- /react-text --><a href="https://ant.design/components/auto-complete-cn/#components-auto-complete-demo-uncertain-category" data-reactid="1595"><!-- react-text: 1596 -->demo<!-- /react-text --></a></p></li></ul></li><li data-reactid="1597"><p data-reactid="1598"><!-- react-text: 1599 -->Col 新增 <!-- /react-text --><code data-reactid="1600"><!-- react-text: 1601 -->xl<!-- /react-text --></code><!-- react-text: 1602 --> 属性，支持 1600px 的响应布局断点。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4796" data-reactid="1603"><!-- react-text: 1604 -->#4796<!-- /react-text --></a><!-- react-text: 1605 --> <!-- /react-text --><a href="https://github.com/hjin-me" data-reactid="1606"><!-- react-text: 1607 -->@hjin-me<!-- /react-text --></a></p></li><li data-reactid="1608"><p data-reactid="1609"><!-- react-text: 1610 -->Upload 新增 <!-- /react-text --><code data-reactid="1611"><!-- react-text: 1612 -->locale<!-- /react-text --></code><!-- react-text: 1613 --> 支持国际化文案定义。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4697" data-reactid="1614"><!-- react-text: 1615 -->#4697<!-- /react-text --></a></p></li><li data-reactid="1616"><p data-reactid="1617"><!-- react-text: 1618 -->Transfer 新增 <!-- /react-text --><code data-reactid="1619"><!-- react-text: 1620 -->onScroll<!-- /react-text --></code><!-- react-text: 1621 --> 支持动态加载数据。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4188" data-reactid="1622"><!-- react-text: 1623 -->#4188<!-- /react-text --></a></p></li><li data-reactid="1624"><p data-reactid="1625"><!-- react-text: 1626 -->message 和 notification 新增 <!-- /react-text --><code data-reactid="1627"><!-- react-text: 1628 -->getContainer<!-- /react-text --></code><!-- react-text: 1629 --> 参数支持自定义消息渲染的容器。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5019" data-reactid="1630"><!-- react-text: 1631 -->#5019<!-- /react-text --></a></p></li><li data-reactid="1632"><p data-reactid="1633"><!-- react-text: 1634 -->Badge 新增 <!-- /react-text --><code data-reactid="1635"><!-- react-text: 1636 -->showZero<!-- /react-text --></code><!-- react-text: 1637 --> 支持设置是否显示 <!-- /react-text --><code data-reactid="1638"><!-- react-text: 1639 -->0<!-- /react-text --></code><!-- react-text: 1640 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4251" data-reactid="1641"><!-- react-text: 1642 -->#4251<!-- /react-text --></a></p></li><li data-reactid="1643"><p data-reactid="1644"><!-- react-text: 1645 -->InputNumber<!-- /react-text --></p><ul data-reactid="1646"><li data-reactid="1647"><p data-reactid="1648"><!-- react-text: 1649 -->新增 <!-- /react-text --><code data-reactid="1650"><!-- react-text: 1651 -->formatter<!-- /react-text --></code><!-- react-text: 1652 --> 用于格式化展示的值。<!-- /react-text --></p></li><li data-reactid="1653"><p data-reactid="1654"><!-- react-text: 1655 -->新增组合键的支持。<!-- /react-text --><a href="https://github.com/react-component/input-number#keyboard-navigation" data-reactid="1656"><!-- react-text: 1657 -->详细<!-- /react-text --></a></p></li></ul></li><li data-reactid="1658"><p data-reactid="1659"><!-- react-text: 1660 -->新增大量图标。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5107" data-reactid="1661"><!-- react-text: 1662 -->#5107<!-- /react-text --></a></p></li><li data-reactid="1663"><p data-reactid="1664"><!-- react-text: 1665 -->新增语言支持：<!-- /react-text --></p><ul data-reactid="1666"><li data-reactid="1667"><p data-reactid="1668"><!-- react-text: 1669 -->荷兰语 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4785" data-reactid="1670"><!-- react-text: 1671 -->#4785<!-- /react-text --></a><!-- react-text: 1672 --> <!-- /react-text --><a href="https://github.com/corneyl" data-reactid="1673"><!-- react-text: 1674 -->@corneyl<!-- /react-text --></a></p></li><li data-reactid="1675"><p data-reactid="1676"><!-- react-text: 1677 -->加泰罗尼亚语 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4929" data-reactid="1678"><!-- react-text: 1679 -->#4929<!-- /react-text --></a><!-- react-text: 1680 --> <!-- /react-text --><a href="https://github.com/aaronplanell" data-reactid="1681"><!-- react-text: 1682 -->@aaronplanell<!-- /react-text --></a></p></li><li data-reactid="1683"><p data-reactid="1684"><!-- react-text: 1685 -->捷克语 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5169" data-reactid="1686"><!-- react-text: 1687 -->#5169<!-- /react-text --></a><!-- react-text: 1688 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5169" data-reactid="1689"><!-- react-text: 1690 -->@martinnov92<!-- /react-text --></a></p></li><li data-reactid="1691"><p data-reactid="1692"><!-- react-text: 1693 -->韩语/朝鲜语 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5141" data-reactid="1694"><!-- react-text: 1695 -->#5141<!-- /react-text --></a><!-- react-text: 1696 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5141" data-reactid="1697"><!-- react-text: 1698 -->@minsungryu<!-- /react-text --></a></p></li></ul></li><li data-reactid="1699"><p data-reactid="1700"><!-- react-text: 1701 -->优化 Spin 显示位置。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4722" data-reactid="1702"><!-- react-text: 1703 -->#4722<!-- /react-text --></a></p></li><li data-reactid="1704"><p data-reactid="1705"><!-- react-text: 1706 -->优化 Checkbox 以兼容 <!-- /react-text --><code data-reactid="1707"><!-- react-text: 1708 -->browser-sync<!-- /react-text --></code><!-- react-text: 1709 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2744" data-reactid="1710"><!-- react-text: 1711 -->#2744<!-- /react-text --></a></p></li><li data-reactid="1712"><p data-reactid="1713"><!-- react-text: 1714 -->修复 Steps 在窗口变化时的宽度问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5083" data-reactid="1715"><!-- react-text: 1716 -->#5083<!-- /react-text --></a></p></li><li data-reactid="1717"><p data-reactid="1718"><!-- react-text: 1719 -->修复 Upload.Dragger unmount 时会报错的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5162" data-reactid="1720"><!-- react-text: 1721 -->#5162<!-- /react-text --></a></p></li><li data-reactid="1722"><p data-reactid="1723"><!-- react-text: 1724 -->修复 Button 里的文字在 IE 下点击时会移动的问题。<!-- /react-text --></p></li><li data-reactid="1725"><p data-reactid="1726"><!-- react-text: 1727 -->修复 Input 的前缀跟后缀的垂直居中对齐问题。<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="1728"><div class="ant-timeline-item-tail" data-reactid="1729"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="1730"></div><div class="ant-timeline-item-content" data-reactid="1731"><h2 id="2.7.4" data-reactid="1732"><span data-reactid="1733"><!-- react-text: 1734 -->2.7.4<!-- /react-text --></span><a href="#2.7.4" class="anchor" data-reactid="1735">#</a></h2><p data-reactid="1736"><code data-reactid="1737"><!-- react-text: 1738 -->2017-02-28<!-- /react-text --></code></p><ul data-reactid="1739"><li data-reactid="1740"><p data-reactid="1741"><!-- react-text: 1742 -->修复 TreeSelect 多选框无法展现的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5092" data-reactid="1743"><!-- react-text: 1744 -->#5092<!-- /react-text --></a></p></li><li data-reactid="1745"><p data-reactid="1746"><!-- react-text: 1747 -->修复 Anchor 的 <!-- /react-text --><code data-reactid="1748"><!-- react-text: 1749 -->e.stopPreventDefault is not a function<!-- /react-text --></code><!-- react-text: 1750 --> 的报错。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5080" data-reactid="1751"><!-- react-text: 1752 -->#5080<!-- /react-text --></a></p></li><li data-reactid="1753"><p data-reactid="1754"><!-- react-text: 1755 -->修复 Input、Cascader、Upload 的一些样式细节。<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="1756"><div class="ant-timeline-item-tail" data-reactid="1757"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="1758"></div><div class="ant-timeline-item-content" data-reactid="1759"><h2 id="2.7.3" data-reactid="1760"><span data-reactid="1761"><!-- react-text: 1762 -->2.7.3<!-- /react-text --></span><a href="#2.7.3" class="anchor" data-reactid="1763">#</a></h2><p data-reactid="1764"><code data-reactid="1765"><!-- react-text: 1766 -->2017-02-25<!-- /react-text --></code></p><ul data-reactid="1767"><li data-reactid="1768"><p data-reactid="1769"><!-- react-text: 1770 -->演示代码统一为 ES6 class 的写法。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4878" data-reactid="1771"><!-- react-text: 1772 -->#4878<!-- /react-text --></a></p></li><li data-reactid="1773"><p data-reactid="1774"><!-- react-text: 1775 -->TypeScript<!-- /react-text --></p><ul data-reactid="1776"><li data-reactid="1777"><p data-reactid="1778"><!-- react-text: 1779 -->修复 <!-- /react-text --><code data-reactid="1780"><!-- react-text: 1781 -->Cannot find module &#x27;../../package.json&#x27;<!-- /react-text --></code><!-- react-text: 1782 --> 的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4935" data-reactid="1783"><!-- react-text: 1784 -->#4935<!-- /react-text --></a></p></li><li data-reactid="1785"><p data-reactid="1786"><!-- react-text: 1787 -->补充了 Table、RangePicker 和 Upload 的部分属性定义。<!-- /react-text --></p></li></ul></li><li data-reactid="1788"><p data-reactid="1789"><!-- react-text: 1790 -->修复了 Modal <!-- /react-text --><code data-reactid="1791"><!-- react-text: 1792 -->onOk<!-- /react-text --></code><!-- react-text: 1793 --> <!-- /react-text --><code data-reactid="1794"><!-- react-text: 1795 -->afterClose<!-- /react-text --></code><!-- react-text: 1796 --> 和 Popconfirm <!-- /react-text --><code data-reactid="1797"><!-- react-text: 1798 -->onConfirm<!-- /react-text --></code><!-- react-text: 1799 --> <!-- /react-text --><code data-reactid="1800"><!-- react-text: 1801 -->onCancel<!-- /react-text --></code><!-- react-text: 1802 --> 缺少点击 event 参数的问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4787" data-reactid="1803"><!-- react-text: 1804 -->#4787<!-- /react-text --></a></p></li><li data-reactid="1805"><p data-reactid="1806"><!-- react-text: 1807 -->优化 Menu<!-- /react-text --><!-- react-text: 1808 -->[inline]<!-- /react-text --><!-- react-text: 1809 --> 和 Collapse 的折叠动画效果。<!-- /react-text --></p></li><li data-reactid="1810"><p data-reactid="1811"><!-- react-text: 1812 -->优化了 Checkbox 和 Radio 的垂直对齐样式。<!-- /react-text --></p></li><li data-reactid="1813"><p data-reactid="1814"><!-- react-text: 1815 -->Table<!-- /react-text --></p><ul data-reactid="1816"><li data-reactid="1817"><p data-reactid="1818"><!-- react-text: 1819 -->修复固定列时列头样式错位的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4936" data-reactid="1820"><!-- react-text: 1821 -->#4936<!-- /react-text --></a></p></li><li data-reactid="1822"><p data-reactid="1823"><!-- react-text: 1824 -->修复未清除浮动导致排版错位的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4945" data-reactid="1825"><!-- react-text: 1826 -->#4945<!-- /react-text --></a></p></li><li data-reactid="1827"><p data-reactid="1828"><!-- react-text: 1829 -->修复筛选子菜单无法显示的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4975" data-reactid="1830"><!-- react-text: 1831 -->#4975<!-- /react-text --></a></p></li><li data-reactid="1832"><p data-reactid="1833"><!-- react-text: 1834 -->修复固定列上的自定义筛选菜单无法交互的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5010" data-reactid="1835"><!-- react-text: 1836 -->#5010<!-- /react-text --></a></p></li><li data-reactid="1837"><p data-reactid="1838"><!-- react-text: 1839 -->修正 <!-- /react-text --><code data-reactid="1840"><!-- react-text: 1841 -->pagination.onChange<!-- /react-text --></code><!-- react-text: 1842 --> 和 Pagination 的 <!-- /react-text --><code data-reactid="1843"><!-- react-text: 1844 -->onChange<!-- /react-text --></code><!-- react-text: 1845 --> 参数不一致的问题。<!-- /react-text --></p></li><li data-reactid="1846"><p data-reactid="1847"><!-- react-text: 1848 -->修复加载状态切换不柔和的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4934" data-reactid="1849"><!-- react-text: 1850 -->#4934<!-- /react-text --></a></p></li></ul></li><li data-reactid="1851"><p data-reactid="1852"><!-- react-text: 1853 -->优化多个 message 展示重叠的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3543" data-reactid="1854"><!-- react-text: 1855 -->#3543<!-- /react-text --></a></p></li><li data-reactid="1856"><p data-reactid="1857"><!-- react-text: 1858 -->修复 Carousel 在改变浏览器窗口大小后 autoplay 会失效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2550" data-reactid="1859"><!-- react-text: 1860 -->#2550<!-- /react-text --></a></p></li><li data-reactid="1861"><p data-reactid="1862"><!-- react-text: 1863 -->修复了 InputNumber 在受控模式（Form 表单内）无法输入 <!-- /react-text --><code data-reactid="1864"><!-- react-text: 1865 -->1.01<!-- /react-text --></code><!-- react-text: 1866 --> <!-- /react-text --><code data-reactid="1867"><!-- react-text: 1868 -->1.001<!-- /react-text --></code><!-- react-text: 1869 --> 等数字的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5012" data-reactid="1870"><!-- react-text: 1871 -->#5012<!-- /react-text --></a></p></li><li data-reactid="1872"><p data-reactid="1873"><!-- react-text: 1874 -->优化 Button 加载状态切换时的宽度抖动问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4913" data-reactid="1875"><!-- react-text: 1876 -->#4913<!-- /react-text --></a></p></li><li data-reactid="1877"><p data-reactid="1878"><!-- react-text: 1879 -->修复 Dropdown 的菜单选中样式和 <!-- /react-text --><code data-reactid="1880"><!-- react-text: 1881 -->Menu[theme=&quot;dark&quot;]<!-- /react-text --></code><!-- react-text: 1882 --> 样式无效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5013" data-reactid="1883"><!-- react-text: 1884 -->#5013<!-- /react-text --></a><!-- react-text: 1885 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4903" data-reactid="1886"><!-- react-text: 1887 -->#4903<!-- /react-text --></a></p></li><li data-reactid="1888"><p data-reactid="1889"><!-- react-text: 1890 -->修复 Menu 的弹出菜单的 <!-- /react-text --><code data-reactid="1891"><!-- react-text: 1892 -->z-index<!-- /react-text --></code><!-- react-text: 1893 --> 问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4937" data-reactid="1894"><!-- react-text: 1895 -->#4937<!-- /react-text --></a></p></li><li data-reactid="1896"><p data-reactid="1897"><!-- react-text: 1898 -->修复 DatePicker 和 RangePicker 无法设置小于 300px 的宽度的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4920" data-reactid="1899"><!-- react-text: 1900 -->#4920<!-- /react-text --></a></p></li><li data-reactid="1901"><p data-reactid="1902"><!-- react-text: 1903 -->修复 Spin 内嵌 Spin 的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4971" data-reactid="1904"><!-- react-text: 1905 -->#4971<!-- /react-text --></a></p></li><li data-reactid="1906"><p data-reactid="1907"><!-- react-text: 1908 -->修复了使用 babel-plugin-import 引入 Popconfirm 时，未引入 Button 样式的问题。<!-- /react-text --></p></li><li data-reactid="1909"><p data-reactid="1910"><!-- react-text: 1911 -->修复了样式变量在 Progress <!-- /react-text --><code data-reactid="1912"><!-- react-text: 1913 -->type=&quot;circle&quot;<!-- /react-text --></code><!-- react-text: 1914 --> 上未生效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5002" data-reactid="1915"><!-- react-text: 1916 -->#5002<!-- /react-text --></a></p></li><li data-reactid="1917"><p data-reactid="1918"><!-- react-text: 1919 -->修复了 Breadcrumb 的 chilren 为 <!-- /react-text --><code data-reactid="1920"><!-- react-text: 1921 -->null<!-- /react-text --></code><!-- react-text: 1922 --> 或 <!-- /react-text --><code data-reactid="1923"><!-- react-text: 1924 -->undefined<!-- /react-text --></code><!-- react-text: 1925 --> 时报错的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5015" data-reactid="1926"><!-- react-text: 1927 -->#5015<!-- /react-text --></a></p></li><li data-reactid="1928"><p data-reactid="1929"><!-- react-text: 1930 -->修复 Slider 的 tooltip 闪烁的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5003" data-reactid="1931"><!-- react-text: 1932 -->#5003<!-- /react-text --></a></p></li><li data-reactid="1933"><p data-reactid="1934"><!-- react-text: 1935 -->修复了 Transfer 中 disabled 选项仍然可以被移动的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4981" data-reactid="1936"><!-- react-text: 1937 -->#4981<!-- /react-text --></a><!-- react-text: 1938 --> <!-- /react-text --><a href="https://github.com/tianlizhao" data-reactid="1939"><!-- react-text: 1940 -->@tianlizhao<!-- /react-text --></a></p></li><li data-reactid="1941"><p data-reactid="1942"><!-- react-text: 1943 -->文档<!-- /react-text --></p><ul data-reactid="1944"><li data-reactid="1945"><p data-reactid="1946"><!-- react-text: 1947 -->修复和优化了移动端的展现。<!-- /react-text --></p></li><li data-reactid="1948"><p data-reactid="1949"><!-- react-text: 1950 -->优化了 1.x 升级到 2.x 的不兼容改动文档。<!-- /react-text --></p></li></ul></li></ul></div></li><li class="ant-timeline-item" data-reactid="1951"><div class="ant-timeline-item-tail" data-reactid="1952"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="1953"></div><div class="ant-timeline-item-content" data-reactid="1954"><h2 id="2.7.2" data-reactid="1955"><span data-reactid="1956"><!-- react-text: 1957 -->2.7.2<!-- /react-text --></span><a href="#2.7.2" class="anchor" data-reactid="1958">#</a></h2><p data-reactid="1959"><code data-reactid="1960"><!-- react-text: 1961 -->2017-02-17<!-- /react-text --></code></p><ul data-reactid="1962"><li data-reactid="1963"><p data-reactid="1964"><!-- react-text: 1965 -->修复 <!-- /react-text --><code data-reactid="1966"><!-- react-text: 1967 -->antd.version<!-- /react-text --></code><!-- react-text: 1968 --> 无法正常使用的问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4844" data-reactid="1969"><!-- react-text: 1970 -->#4844<!-- /react-text --></a></p></li><li data-reactid="1971"><p data-reactid="1972"><!-- react-text: 1973 -->修复 dist 文件没有 locales 的问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4910" data-reactid="1974"><!-- react-text: 1975 -->#4910<!-- /react-text --></a></p></li><li data-reactid="1976"><p data-reactid="1977"><!-- react-text: 1978 -->修复 Cascader 搜索模式下可以选择已禁用选项的问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4699" data-reactid="1979"><!-- react-text: 1980 -->#4699<!-- /react-text --></a></p></li><li data-reactid="1981"><p data-reactid="1982"><strong data-reactid="1983"><!-- react-text: 1984 -->Button<!-- /react-text --></strong></p><ul data-reactid="1985"><li data-reactid="1986"><p data-reactid="1987"><!-- react-text: 1988 -->修复 <!-- /react-text --><code data-reactid="1989"><!-- react-text: 1990 -->Button[type=danger]<!-- /react-text --></code><!-- react-text: 1991 --> 的点击动画。<!-- /react-text --></p></li><li data-reactid="1992"><p data-reactid="1993"><!-- react-text: 1994 -->修复设置 <!-- /react-text --><code data-reactid="1995"><!-- react-text: 1996 -->loading<!-- /react-text --></code><!-- react-text: 1997 --> 时的样式问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4875" data-reactid="1998"><!-- react-text: 1999 -->#4875<!-- /react-text --></a></p></li></ul></li><li data-reactid="2000"><p data-reactid="2001"><strong data-reactid="2002"><!-- react-text: 2003 -->Menu<!-- /react-text --></strong></p><ul data-reactid="2004"><li data-reactid="2005"><p data-reactid="2006"><!-- react-text: 2007 -->修复 <!-- /react-text --><code data-reactid="2008"><!-- react-text: 2009 -->vertical<!-- /react-text --></code><!-- react-text: 2010 --> 模式下 <!-- /react-text --><code data-reactid="2011"><!-- react-text: 2012 -->openKeys<!-- /react-text --></code><!-- react-text: 2013 --> 为受控属性。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4876" data-reactid="2014"><!-- react-text: 2015 -->#4876<!-- /react-text --></a></p></li><li data-reactid="2016"><p data-reactid="2017"><!-- react-text: 2018 -->修复 Menu.Item 选中时的动画问题。<!-- /react-text --></p></li><li data-reactid="2019"><p data-reactid="2020"><!-- react-text: 2021 -->修复 Menu.SubMenu 的样式问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4906" data-reactid="2022"><!-- react-text: 2023 -->#4906<!-- /react-text --></a></p></li></ul></li><li data-reactid="2024"><p data-reactid="2025"><strong data-reactid="2026"><!-- react-text: 2027 -->Table<!-- /react-text --></strong></p><ul data-reactid="2028"><li data-reactid="2029"><p data-reactid="2030"><!-- react-text: 2031 -->修复在混合使用固定表头和小尺寸时的样式问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4850" data-reactid="2032"><!-- react-text: 2033 -->#4850<!-- /react-text --></a></p></li><li data-reactid="2034"><p data-reactid="2035"><!-- react-text: 2036 -->修复无数据时的占位符样式问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4851" data-reactid="2037"><!-- react-text: 2038 -->#4851<!-- /react-text --></a></p></li><li data-reactid="2039"><p data-reactid="2040"><!-- react-text: 2041 -->精简了 DOM 结构。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4868" data-reactid="2042"><!-- react-text: 2043 -->#4868<!-- /react-text --></a></p></li></ul></li><li data-reactid="2044"><p data-reactid="2045"><!-- react-text: 2046 -->修复 Radio 组件 children 无法为数字 <!-- /react-text --><code data-reactid="2047"><!-- react-text: 2048 -->0<!-- /react-text --></code><!-- react-text: 2049 --> 的问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4874" data-reactid="2050"><!-- react-text: 2051 -->#4874<!-- /react-text --></a><!-- react-text: 2052 --> <!-- /react-text --><a href="https://github.com/HQidea" data-reactid="2053"><!-- react-text: 2054 -->@HQidea<!-- /react-text --></a></p></li><li data-reactid="2055"><p data-reactid="2056"><!-- react-text: 2057 -->修复 RangePicker <!-- /react-text --><code data-reactid="2058"><!-- react-text: 2059 -->style.width<!-- /react-text --></code><!-- react-text: 2060 --> 无法小于 300 的问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4920" data-reactid="2061"><!-- react-text: 2062 -->#4920<!-- /react-text --></a></p></li><li data-reactid="2063"><p data-reactid="2064"><!-- react-text: 2065 -->修复 Spin 样式在打包时会导致编译错误的问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4915" data-reactid="2066"><!-- react-text: 2067 -->#4915<!-- /react-text --></a></p></li><li data-reactid="2068"><p data-reactid="2069"><!-- react-text: 2070 -->修复 Chrome 下 Tooltip 无法在 disabled 的按钮上使用的问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4865" data-reactid="2071"><!-- react-text: 2072 -->#4865<!-- /react-text --></a></p></li><li data-reactid="2073"><p data-reactid="2074"><!-- react-text: 2075 -->修复 Tree 节点在拖动时会导致整棵树抖动的问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4858" data-reactid="2076"><!-- react-text: 2077 -->#4858<!-- /react-text --></a></p></li><li data-reactid="2078"><p data-reactid="2079"><!-- react-text: 2080 -->修复 Upload 上传失败的样式问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4810" data-reactid="2081"><!-- react-text: 2082 -->#4810<!-- /react-text --></a></p></li><li data-reactid="2083"><p data-reactid="2084"><!-- react-text: 2085 -->修复 <!-- /react-text --><code data-reactid="2086"><!-- react-text: 2087 -->Menu[vertical]<!-- /react-text --></code><!-- react-text: 2088 --> 和 Layout.Sider 配合使用时二级菜单无法弹出的问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4890" data-reactid="2089"><!-- react-text: 2090 -->#4890<!-- /react-text --></a></p></li><li data-reactid="2091"><p data-reactid="2092"><!-- react-text: 2093 -->优化 Button、<!-- /react-text --><code data-reactid="2094"><!-- react-text: 2095 -->Badge[status=processing]<!-- /react-text --></code><!-- react-text: 2096 --> 的动画。<!-- /react-text --></p></li></ul><p data-reactid="2097"><img src="https://camo.githubusercontent.com/6874b2333f2fac3fac346404c6e70684e4dafc1a/68747470733a2f2f7a6f732e616c697061796f626a656374732e636f6d2f726d73706f7274616c2f73516b72756c716346734b4e54785158615971512e676966" alt="Badge animation" data-reactid="2098"/><!-- react-text: 2099 -->
+<!-- /react-text --><img src="https://camo.githubusercontent.com/3963d12b45de4f522c2799361dbc3177e7bd93d1/68747470733a2f2f7a6f732e616c697061796f626a656374732e636f6d2f726d73706f7274616c2f46624b776d636f766d795364666c557468494e522e676966" alt="Button animation" data-reactid="2100"/></p></div></li><li class="ant-timeline-item" data-reactid="2101"><div class="ant-timeline-item-tail" data-reactid="2102"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2103"></div><div class="ant-timeline-item-content" data-reactid="2104"><h2 id="2.7.1" data-reactid="2105"><span data-reactid="2106"><!-- react-text: 2107 -->2.7.1<!-- /react-text --></span><a href="#2.7.1" class="anchor" data-reactid="2108">#</a></h2><p data-reactid="2109"><code data-reactid="2110"><!-- react-text: 2111 -->2017-02-10<!-- /react-text --></code></p><ul data-reactid="2112"><li data-reactid="2113"><p data-reactid="2114"><strong data-reactid="2115"><!-- react-text: 2116 -->Affix<!-- /react-text --></strong></p><ul data-reactid="2117"><li data-reactid="2118"><p data-reactid="2119"><!-- react-text: 2120 -->修复 hover 时元素被隐藏的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4800" data-reactid="2121"><!-- react-text: 2122 -->#4800<!-- /react-text --></a></p></li><li data-reactid="2123"><p data-reactid="2124"><!-- react-text: 2125 -->修复 event listener 未被正确移除的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4755" data-reactid="2126"><!-- react-text: 2127 -->#4755<!-- /react-text --></a></p></li><li data-reactid="2128"><p data-reactid="2129"><!-- react-text: 2130 -->修复快速滚动时不能正确复位的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4760" data-reactid="2131"><!-- react-text: 2132 -->#4760<!-- /react-text --></a></p></li></ul></li><li data-reactid="2133"><p data-reactid="2134"><strong data-reactid="2135"><!-- react-text: 2136 -->Anchor<!-- /react-text --></strong><!-- react-text: 2137 --> 修复了有 offsetTop 时的定位问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4706" data-reactid="2138"><!-- react-text: 2139 -->#4706<!-- /react-text --></a></p></li><li data-reactid="2140"><p data-reactid="2141"><strong data-reactid="2142"><!-- react-text: 2143 -->AutoComplete<!-- /react-text --></strong></p><ul data-reactid="2144"><li data-reactid="2145"><p data-reactid="2146"><!-- react-text: 2147 -->修复了 size 问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4766" data-reactid="2148"><!-- react-text: 2149 -->#4766<!-- /react-text --></a></p></li><li data-reactid="2150"><p data-reactid="2151"><!-- react-text: 2152 -->修复了自动加入其他字符的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4778" data-reactid="2153"><!-- react-text: 2154 -->#4778<!-- /react-text --></a></p></li></ul></li><li data-reactid="2155"><p data-reactid="2156"><strong data-reactid="2157"><!-- react-text: 2158 -->Dropdown<!-- /react-text --></strong><!-- react-text: 2159 --> 补充了之前缺失的弹出框位置设定相关的文档及示例。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4811" data-reactid="2160"><!-- react-text: 2161 -->#4811<!-- /react-text --></a></p></li><li data-reactid="2162"><p data-reactid="2163"><strong data-reactid="2164"><!-- react-text: 2165 -->Layout<!-- /react-text --></strong><!-- react-text: 2166 --> 修复了侧边布局动效不平滑的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4752" data-reactid="2167"><!-- react-text: 2168 -->#4752<!-- /react-text --></a></p></li><li data-reactid="2169"><p data-reactid="2170"><strong data-reactid="2171"><!-- react-text: 2172 -->LocaleProvider<!-- /react-text --></strong><!-- react-text: 2173 --> 修复了瑞典语相关问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4762" data-reactid="2174"><!-- react-text: 2175 -->pull-4762<!-- /react-text --></a><!-- react-text: 2176 --> <!-- /react-text --><a href="https://github.com/JesperWe" data-reactid="2177"><!-- react-text: 2178 -->@JesperWe<!-- /react-text --></a></p></li><li data-reactid="2179"><p data-reactid="2180"><strong data-reactid="2181"><!-- react-text: 2182 -->RangePicker<!-- /react-text --></strong><!-- react-text: 2183 --> 修复了图标与表单校验反馈图标重叠的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4783" data-reactid="2184"><!-- react-text: 2185 -->#4783<!-- /react-text --></a><!-- react-text: 2186 --> <!-- /react-text --><a href="https://github.com/zhenzong" data-reactid="2187"><!-- react-text: 2188 -->@zhenzong<!-- /react-text --></a></p></li><li data-reactid="2189"><p data-reactid="2190"><strong data-reactid="2191"><!-- react-text: 2192 -->Table<!-- /react-text --></strong></p><ul data-reactid="2193"><li data-reactid="2194"><p data-reactid="2195"><!-- react-text: 2196 -->修复了 size 定义里没有 &#x27;middle&#x27; 的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4819" data-reactid="2197"><!-- react-text: 2198 -->#4819<!-- /react-text --></a><!-- react-text: 2199 --> <!-- /react-text --><a href="https://github.com/warrenseymour" data-reactid="2200"><!-- react-text: 2201 -->@warrenseymour<!-- /react-text --></a></p></li><li data-reactid="2202"><p data-reactid="2203"><!-- react-text: 2204 -->修复过滤功能在 JSX 模式下不生效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4759" data-reactid="2205"><!-- react-text: 2206 -->#4759<!-- /react-text --></a></p></li><li data-reactid="2207"><p data-reactid="2208"><!-- react-text: 2209 -->修复分页跳转问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4779" data-reactid="2210"><!-- react-text: 2211 -->#4779<!-- /react-text --></a></p></li></ul></li><li data-reactid="2212"><p data-reactid="2213"><strong data-reactid="2214"><!-- react-text: 2215 -->Tabs<!-- /react-text --></strong><!-- react-text: 2216 --> 修复了在 IE9 中从第二个标签页起都显示空白的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4795" data-reactid="2217"><!-- react-text: 2218 -->#4795<!-- /react-text --></a></p></li><li data-reactid="2219"><p data-reactid="2220"><strong data-reactid="2221"><!-- react-text: 2222 -->rc-pagination<!-- /react-text --></strong><!-- react-text: 2223 --> 升级至 ~1.7.0，onChange 增加 pageSize 参数。<!-- /react-text --></p></li><li data-reactid="2224"><p data-reactid="2225"><strong data-reactid="2226"><!-- react-text: 2227 -->全局性优化<!-- /react-text --></strong></p><ul data-reactid="2228"><li data-reactid="2229"><p data-reactid="2230"><!-- react-text: 2231 -->修复或优化了一些了文档，链接，样式细节。<!-- /react-text --></p></li><li data-reactid="2232"><p data-reactid="2233"><!-- react-text: 2234 -->接入 stylelint 以替代 lesslint，修复一些 lint 问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2179" data-reactid="2235"><!-- react-text: 2236 -->#2179<!-- /react-text --></a></p></li><li data-reactid="2237"><p data-reactid="2238"><!-- react-text: 2239 -->border-radius 统一为 4px。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4772" data-reactid="2240"><!-- react-text: 2241 -->#4772<!-- /react-text --></a></p></li><li data-reactid="2242"><p data-reactid="2243"><!-- react-text: 2244 -->支持 <!-- /react-text --><code data-reactid="2245"><!-- react-text: 2246 -->import { version } from &#x27;antd&#x27;<!-- /react-text --></code><!-- react-text: 2247 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4751" data-reactid="2248"><!-- react-text: 2249 -->#4751<!-- /react-text --></a></p></li></ul></li><li data-reactid="2250"><p data-reactid="2251"><strong data-reactid="2252"><!-- react-text: 2253 -->网站<!-- /react-text --></strong></p><ul data-reactid="2254"><li data-reactid="2255"><p data-reactid="2256"><!-- react-text: 2257 -->首页自动选择语言。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4552" data-reactid="2258"><!-- react-text: 2259 -->#4552<!-- /react-text --></a></p></li><li data-reactid="2260"><p data-reactid="2261"><!-- react-text: 2262 -->接入 Google 作为文档的全文本搜索。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4814" data-reactid="2263"><!-- react-text: 2264 -->#4814<!-- /react-text --></a></p></li><li data-reactid="2265"><p data-reactid="2266"><!-- react-text: 2267 -->改变版本切换 Select 的位置。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4799" data-reactid="2268"><!-- react-text: 2269 -->pull-4799<!-- /react-text --></a></p></li></ul></li></ul></div></li><li class="ant-timeline-item" data-reactid="2270"><div class="ant-timeline-item-tail" data-reactid="2271"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2272"></div><div class="ant-timeline-item-content" data-reactid="2273"><h2 id="2.7.0" data-reactid="2274"><span data-reactid="2275"><!-- react-text: 2276 -->2.7.0<!-- /react-text --></span><a href="#2.7.0" class="anchor" data-reactid="2277">#</a></h2><p data-reactid="2278"><code data-reactid="2279"><!-- react-text: 2280 -->2017-02-03<!-- /react-text --></code></p><ul data-reactid="2281"><li data-reactid="2282"><p data-reactid="2283"><!-- react-text: 2284 -->Button 新增 <!-- /react-text --><code data-reactid="2285"><!-- react-text: 2286 -->danger<!-- /react-text --></code><!-- react-text: 2287 --> 和 <!-- /react-text --><code data-reactid="2288"><!-- react-text: 2289 -->ghost<!-- /react-text --></code><!-- react-text: 2290 --> 属性。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4679" data-reactid="2291"><!-- react-text: 2292 -->#4679<!-- /react-text --></a></p></li><li data-reactid="2293"><p data-reactid="2294"><!-- react-text: 2295 -->AutoComplete 支持自定义输入框的用法。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4483" data-reactid="2296"><!-- react-text: 2297 -->#4483<!-- /react-text --></a></p></li><li data-reactid="2298"><p data-reactid="2299"><!-- react-text: 2300 -->升级了 rc-cascader 到 0.11.0，支持键盘操作。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4411" data-reactid="2301"><!-- react-text: 2302 -->#4411<!-- /react-text --></a></p></li><li data-reactid="2303"><p data-reactid="2304"><!-- react-text: 2305 -->notification 支持更多弹出方向。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4700" data-reactid="2306"><!-- react-text: 2307 -->#4732<!-- /react-text --></a></p></li><li data-reactid="2308"><p data-reactid="2309"><!-- react-text: 2310 -->升级了 rc-steps 到 2.3.0，Steps 新增 <!-- /react-text --><code data-reactid="2311"><!-- react-text: 2312 -->progressDot<!-- /react-text --></code><!-- react-text: 2313 --> 属性，支持自定义点状步骤条的样式。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4659" data-reactid="2314"><!-- react-text: 2315 -->#4659<!-- /react-text --></a></p></li><li data-reactid="2316"><p data-reactid="2317"><!-- react-text: 2318 -->升级了 rc-input-number 到 3.0.0<!-- /react-text --></p><ul data-reactid="2319"><li data-reactid="2320"><p data-reactid="2321"><!-- react-text: 2322 -->现在输入时也会触发 <!-- /react-text --><code data-reactid="2323"><!-- react-text: 2324 -->onChange<!-- /react-text --></code><!-- react-text: 2325 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4265" data-reactid="2326"><!-- react-text: 2327 -->#4265<!-- /react-text --></a></p></li><li data-reactid="2328"><p data-reactid="2329"><!-- react-text: 2330 -->修复了 <!-- /react-text --><code data-reactid="2331"><!-- react-text: 2332 -->onKeyUp<!-- /react-text --></code><!-- react-text: 2333 --> 事件。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4717" data-reactid="2334"><!-- react-text: 2335 -->#4717<!-- /react-text --></a></p></li></ul></li><li data-reactid="2336"><p data-reactid="2337"><!-- react-text: 2338 -->Slider 增加 <!-- /react-text --><code data-reactid="2339"><!-- react-text: 2340 -->veritical<!-- /react-text --></code><!-- react-text: 2341 --> 模式。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4473" data-reactid="2342"><!-- react-text: 2343 -->#4473<!-- /react-text --></a></p></li><li data-reactid="2344"><p data-reactid="2345"><!-- react-text: 2346 -->Tag<!-- /react-text --></p><ul data-reactid="2347"><li data-reactid="2348"><p data-reactid="2349"><!-- react-text: 2350 -->增加了预设颜色。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4571" data-reactid="2351"><!-- react-text: 2352 -->#4571<!-- /react-text --></a></p></li><li data-reactid="2353"><p data-reactid="2354"><!-- react-text: 2355 -->调整了垂直对齐和默认间距。<!-- /react-text --></p></li></ul></li><li data-reactid="2356"><p data-reactid="2357"><!-- react-text: 2358 -->添加了对德语的支持。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4686" data-reactid="2359"><!-- react-text: 2360 -->#4686<!-- /react-text --></a></p></li><li data-reactid="2361"><p data-reactid="2362"><!-- react-text: 2363 -->添加了对瑞典语的支持。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4455" data-reactid="2364"><!-- react-text: 2365 -->#4455<!-- /react-text --></a></p></li><li data-reactid="2366"><p data-reactid="2367"><!-- react-text: 2368 -->添加了对法语的支持。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4538" data-reactid="2369"><!-- react-text: 2370 -->#4538<!-- /react-text --></a></p></li><li data-reactid="2371"><p data-reactid="2372"><!-- react-text: 2373 -->Transfer 添加了 <!-- /react-text --><code data-reactid="2374"><!-- react-text: 2375 -->onSearchChange<!-- /react-text --></code><!-- react-text: 2376 --> 回调。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4464" data-reactid="2377"><!-- react-text: 2378 -->#4464<!-- /react-text --></a></p></li><li data-reactid="2379"><p data-reactid="2380"><!-- react-text: 2381 -->Modal.confirm 添加了 maskClosable 配置项。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4488" data-reactid="2382"><!-- react-text: 2383 -->#4488<!-- /react-text --></a><!-- react-text: 2384 -->, <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4490" data-reactid="2385"><!-- react-text: 2386 -->#4488<!-- /react-text --></a></p></li><li data-reactid="2387"><p data-reactid="2388"><!-- react-text: 2389 -->Form<!-- /react-text --></p><ul data-reactid="2390"><li data-reactid="2391"><p data-reactid="2392"><!-- react-text: 2393 -->增加 <!-- /react-text --><code data-reactid="2394"><!-- react-text: 2395 -->options.onValuesChange<!-- /react-text --></code><!-- react-text: 2396 --> 参数，可用于代替会触发多次 <!-- /react-text --><code data-reactid="2397"><!-- react-text: 2398 -->options.onFieldsChange<!-- /react-text --></code><!-- react-text: 2399 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/2934" data-reactid="2400"><!-- react-text: 2401 -->#2934<!-- /react-text --></a></p></li><li data-reactid="2402"><p data-reactid="2403"><!-- react-text: 2404 -->增加 <!-- /react-text --><code data-reactid="2405"><!-- react-text: 2406 -->props.form.getFieldsError<!-- /react-text --></code><!-- react-text: 2407 --> <!-- /react-text --><code data-reactid="2408"><!-- react-text: 2409 -->props.form.isFieldTouched<!-- /react-text --></code><!-- react-text: 2410 --> <!-- /react-text --><code data-reactid="2411"><!-- react-text: 2412 -->props.form.isFieldsTouched<!-- /react-text --></code><!-- react-text: 2413 --> 三个方法，可用于提交表单按钮的禁用展示。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4374" data-reactid="2414"><!-- react-text: 2415 -->#4374<!-- /react-text --></a></p></li><li data-reactid="2416"><p data-reactid="2417"><!-- react-text: 2418 -->增加 <!-- /react-text --><code data-reactid="2419"><!-- react-text: 2420 -->hideRequiredMark<!-- /react-text --></code><!-- react-text: 2421 --> 属性。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4732" data-reactid="2422"><!-- react-text: 2423 -->#4732<!-- /react-text --></a></p></li></ul></li><li data-reactid="2424"><p data-reactid="2425"><!-- react-text: 2426 -->改进了 Upload 的列表图片预览。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4516" data-reactid="2427"><!-- react-text: 2428 -->#4516<!-- /react-text --></a></p></li><li data-reactid="2429"><p data-reactid="2430"><!-- react-text: 2431 -->升级了 rc-select 到 6.7.1。<!-- /react-text --></p><ul data-reactid="2432"><li data-reactid="2433"><p data-reactid="2434"><!-- react-text: 2435 -->修复了 Select 的 <!-- /react-text --><code data-reactid="2436"><!-- react-text: 2437 -->onChange<!-- /react-text --></code><!-- react-text: 2438 --> 回调重复触发的问题。<!-- /react-text --><a href="https://github.com/react-component/select/pull/156" data-reactid="2439"><!-- react-text: 2440 -->#156@rc-select<!-- /react-text --></a></p></li><li data-reactid="2441"><p data-reactid="2442"><!-- react-text: 2443 -->修复了 Select 显示初始化值的问题。<!-- /react-text --><a href="https://github.com/react-component/select/pull/152" data-reactid="2444"><!-- react-text: 2445 -->#152@rc-select<!-- /react-text --></a></p></li></ul></li><li data-reactid="2446"><p data-reactid="2447"><!-- react-text: 2448 -->升级 rc-tree-select 到 <!-- /react-text --><code data-reactid="2449"><!-- react-text: 2450 -->1.9.0<!-- /react-text --></code><!-- react-text: 2451 -->。<!-- /react-text --></p><ul data-reactid="2452"><li data-reactid="2453"><p data-reactid="2454"><!-- react-text: 2455 -->新增 <!-- /react-text --><code data-reactid="2456"><!-- react-text: 2457 -->treeDefaultExpandedKeys<!-- /react-text --></code><!-- react-text: 2458 --> 属性。<!-- /react-text --><a href="https://github.com/react-component/tree-select/pull/43" data-reactid="2459"><!-- react-text: 2460 -->#43@rc-tree-select<!-- /react-text --></a></p></li><li data-reactid="2461"><p data-reactid="2462"><!-- react-text: 2463 -->修复了文字溢出换行问题。<!-- /react-text --><a href="https://github.com/react-component/tree-select/pull/42" data-reactid="2464"><!-- react-text: 2465 -->#42@rc-tree-select<!-- /react-text --></a></p></li></ul></li><li data-reactid="2466"><p data-reactid="2467"><!-- react-text: 2468 -->新增 less 变量: <!-- /react-text --><code data-reactid="2469"><!-- react-text: 2470 -->@border-style-base<!-- /react-text --></code><!-- react-text: 2471 --> <!-- /react-text --><code data-reactid="2472"><!-- react-text: 2473 -->@border-width-base<!-- /react-text --></code><!-- react-text: 2474 --> <!-- /react-text --><code data-reactid="2475"><!-- react-text: 2476 -->@btn-danger-color<!-- /react-text --></code><!-- react-text: 2477 --> <!-- /react-text --><code data-reactid="2478"><!-- react-text: 2479 -->@btn-danger-bg<!-- /react-text --></code><!-- react-text: 2480 --> 等。<!-- /react-text --></p></li><li data-reactid="2481"><p data-reactid="2482"><!-- react-text: 2483 -->修复了 Badge 在页面放大时错位的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4747" data-reactid="2484"><!-- react-text: 2485 -->#4747<!-- /react-text --></a><!-- react-text: 2486 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4290" data-reactid="2487"><!-- react-text: 2488 -->#4290<!-- /react-text --></a></p></li><li data-reactid="2489"><p data-reactid="2490"><!-- react-text: 2491 -->修复一个固定表头的表格错位问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4750" data-reactid="2492"><!-- react-text: 2493 -->#4750<!-- /react-text --></a></p></li><li data-reactid="2494"><p data-reactid="2495"><!-- react-text: 2496 -->修复一个 IE 下表格滚动时卡顿的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4522" data-reactid="2497"><!-- react-text: 2498 -->#4522<!-- /react-text --></a></p></li><li data-reactid="2499"><p data-reactid="2500"><!-- react-text: 2501 -->添加别名以修正图标命名风格：<!-- /react-text --><code data-reactid="2502"><!-- react-text: 2503 -->addfile<!-- /react-text --></code><!-- react-text: 2504 --> =&gt; <!-- /react-text --><code data-reactid="2505"><!-- react-text: 2506 -->file-add<!-- /react-text --></code><!-- react-text: 2507 -->，<!-- /react-text --><code data-reactid="2508"><!-- react-text: 2509 -->addfolder<!-- /react-text --></code><!-- react-text: 2510 --> =&gt; <!-- /react-text --><code data-reactid="2511"><!-- react-text: 2512 -->folder-open<!-- /react-text --></code><!-- react-text: 2513 -->，原有的命名依然有效。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4758" data-reactid="2514"><!-- react-text: 2515 -->#4758<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="2516"><div class="ant-timeline-item-tail" data-reactid="2517"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2518"></div><div class="ant-timeline-item-content" data-reactid="2519"><h2 id="2.6.4" data-reactid="2520"><span data-reactid="2521"><!-- react-text: 2522 -->2.6.4<!-- /react-text --></span><a href="#2.6.4" class="anchor" data-reactid="2523">#</a></h2><p data-reactid="2524"><code data-reactid="2525"><!-- react-text: 2526 -->2017-01-20<!-- /react-text --></code></p><ul data-reactid="2527"><li data-reactid="2528"><p data-reactid="2529"><!-- react-text: 2530 -->优化 RangePicker 选择预设时间时的界面显示。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4561" data-reactid="2531"><!-- react-text: 2532 -->#4561<!-- /react-text --></a></p></li><li data-reactid="2533"><p data-reactid="2534"><!-- react-text: 2535 -->修复 DatePicker 选择时间界面的滚动问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4412" data-reactid="2536"><!-- react-text: 2537 -->#4412<!-- /react-text --></a></p></li><li data-reactid="2538"><p data-reactid="2539"><!-- react-text: 2540 -->修复 Menu 在 <!-- /react-text --><code data-reactid="2541"><!-- react-text: 2542 -->vertical<!-- /react-text --></code><!-- react-text: 2543 --> 的受控模式下，子菜单不会弹出的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3783" data-reactid="2544"><!-- react-text: 2545 -->#3783<!-- /react-text --></a></p></li><li data-reactid="2546"><p data-reactid="2547"><!-- react-text: 2548 -->修复 Cascader 禁用时的值显示样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4648" data-reactid="2549"><!-- react-text: 2550 -->#4648<!-- /react-text --></a></p></li><li data-reactid="2551"><p data-reactid="2552"><!-- react-text: 2553 -->Table<!-- /react-text --></p><ul data-reactid="2554"><li data-reactid="2555"><p data-reactid="2556"><!-- react-text: 2557 -->优化固定表头的滚动条显示。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4637" data-reactid="2558"><!-- react-text: 2559 -->#4637<!-- /react-text --></a></p></li><li data-reactid="2560"><p data-reactid="2561"><!-- react-text: 2562 -->修复在 Safari 下显示 loading 效果时表头会闪烁的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4622" data-reactid="2563"><!-- react-text: 2564 -->#4622<!-- /react-text --></a></p></li><li data-reactid="2565"><p data-reactid="2566"><!-- react-text: 2567 -->修复多处边框问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4647" data-reactid="2568"><!-- react-text: 2569 -->#4647<!-- /react-text --></a><!-- react-text: 2570 -->、<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4635" data-reactid="2571"><!-- react-text: 2572 -->#4635<!-- /react-text --></a></p></li><li data-reactid="2573"><p data-reactid="2574"><!-- react-text: 2575 -->修复 showHeader 的默认值不为 <!-- /react-text --><code data-reactid="2576"><!-- react-text: 2577 -->false<!-- /react-text --></code><!-- react-text: 2578 --> 的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4658" data-reactid="2579"><!-- react-text: 2580 -->#4658<!-- /react-text --></a></p></li><li data-reactid="2581"><p data-reactid="2582"><!-- react-text: 2583 -->修复找不到 <!-- /react-text --><code data-reactid="2584"><!-- react-text: 2585 -->TableColumnConfig<!-- /react-text --></code><!-- react-text: 2586 --> 的类型定义的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4660" data-reactid="2587"><!-- react-text: 2588 -->#4660<!-- /react-text --></a></p></li></ul></li></ul></div></li><li class="ant-timeline-item" data-reactid="2589"><div class="ant-timeline-item-tail" data-reactid="2590"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2591"></div><div class="ant-timeline-item-content" data-reactid="2592"><h2 id="2.6.3" data-reactid="2593"><span data-reactid="2594"><!-- react-text: 2595 -->2.6.3<!-- /react-text --></span><a href="#2.6.3" class="anchor" data-reactid="2596">#</a></h2><p data-reactid="2597"><code data-reactid="2598"><!-- react-text: 2599 -->2017-01-15<!-- /react-text --></code></p><ul data-reactid="2600"><li data-reactid="2601"><p data-reactid="2602"><!-- react-text: 2603 -->修复 <!-- /react-text --><code data-reactid="2604"><!-- react-text: 2605 -->2.6.2<!-- /react-text --></code><!-- react-text: 2606 --> 中 Popconfirm 不可用的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4606" data-reactid="2607"><!-- react-text: 2608 -->#4606<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="2609"><div class="ant-timeline-item-tail" data-reactid="2610"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2611"></div><div class="ant-timeline-item-content" data-reactid="2612"><h2 id="2.6.2" data-reactid="2613"><span data-reactid="2614"><!-- react-text: 2615 -->2.6.2<!-- /react-text --></span><a href="#2.6.2" class="anchor" data-reactid="2616">#</a></h2><p data-reactid="2617"><code data-reactid="2618"><!-- react-text: 2619 -->2017-01-14<!-- /react-text --></code></p><ul data-reactid="2620"><li data-reactid="2621"><p data-reactid="2622"><!-- react-text: 2623 -->新增社区精选组件页面。<!-- /react-text --><a href="/docs/react/recommendation-cn" data-reactid="2624">链接</a></p></li><li data-reactid="2625"><p data-reactid="2626"><!-- react-text: 2627 -->修复一个内容过长导致 Layout 侧边布局错位的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4459" data-reactid="2628"><!-- react-text: 2629 -->#4459<!-- /react-text --></a></p></li><li data-reactid="2630"><p data-reactid="2631"><!-- react-text: 2632 -->修复 Input.Search 输入框和图标错位的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4540" data-reactid="2633"><!-- react-text: 2634 -->#4540<!-- /react-text --></a></p></li><li data-reactid="2635"><p data-reactid="2636"><!-- react-text: 2637 -->补充了一个自定义灰底样式的 Collapse 折叠面板的例子。<!-- /react-text --><a href="/components/collapse-cn/#components-collapse-demo-custom" data-reactid="2638">链接</a></p></li><li data-reactid="2639"><p data-reactid="2640"><!-- react-text: 2641 -->Table<!-- /react-text --></p><ul data-reactid="2642"><li data-reactid="2643"><p data-reactid="2644"><!-- react-text: 2645 -->调大了 Table 选择框和展开按钮的列宽度。<!-- /react-text --></p></li><li data-reactid="2646"><p data-reactid="2647"><!-- react-text: 2648 -->修复 <!-- /react-text --><code data-reactid="2649"><!-- react-text: 2650 -->pagination<!-- /react-text --></code><!-- react-text: 2651 --> 属性切换后分页不可用的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4532" data-reactid="2652"><!-- react-text: 2653 -->#4532<!-- /react-text --></a></p></li><li data-reactid="2654"><p data-reactid="2655"><!-- react-text: 2656 -->修复不支持三级筛选菜单的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4541" data-reactid="2657"><!-- react-text: 2658 -->#4541<!-- /react-text --></a></p></li><li data-reactid="2659"><p data-reactid="2660"><!-- react-text: 2661 -->修复 <!-- /react-text --><code data-reactid="2662"><!-- react-text: 2663 -->column.filteredValue<!-- /react-text --></code><!-- react-text: 2664 --> 无法设置为 <!-- /react-text --><code data-reactid="2665"><!-- react-text: 2666 -->null<!-- /react-text --></code><!-- react-text: 2667 --> 的问题。<!-- /react-text --></p></li></ul></li><li data-reactid="2668"><p data-reactid="2669"><!-- react-text: 2670 -->调整 Carousel 为默认不可拖拽和文字可选择。<!-- /react-text --></p></li><li data-reactid="2671"><p data-reactid="2672"><!-- react-text: 2673 -->增加了 Breadcrumb 内嵌非 Breadcrumb.Item 元素时的警告提示。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4403" data-reactid="2674"><!-- react-text: 2675 -->#4403<!-- /react-text --></a></p></li><li data-reactid="2676"><p data-reactid="2677"><!-- react-text: 2678 -->修复 Tooltip 在 <!-- /react-text --><code data-reactid="2679"><!-- react-text: 2680 -->onVisibleChange(visible)<!-- /react-text --></code><!-- react-text: 2681 --> 返回 <!-- /react-text --><code data-reactid="2682"><!-- react-text: 2683 -->true<!-- /react-text --></code><!-- react-text: 2684 --> 时不展示的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4579" data-reactid="2685"><!-- react-text: 2686 -->#4579<!-- /react-text --></a></p></li><li data-reactid="2687"><p data-reactid="2688"><!-- react-text: 2689 -->优化 TreeSelect 内容过长时的面板高度。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4537" data-reactid="2690"><!-- react-text: 2691 -->#4537<!-- /react-text --></a></p></li><li data-reactid="2692"><p data-reactid="2693"><!-- react-text: 2694 -->补充了 TimePicker 和 Spin 的组件样式变量。<!-- /react-text --></p></li><li data-reactid="2695"><p data-reactid="2696"><!-- react-text: 2697 -->用年份代替了 DatePicker 年份选择面板上的箭头。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4415" data-reactid="2698"><!-- react-text: 2699 -->#4415<!-- /react-text --></a></p></li><li data-reactid="2700"><p data-reactid="2701"><!-- react-text: 2702 -->修复 AutoComplete 和 Form <!-- /react-text --><code data-reactid="2703"><!-- react-text: 2704 -->[options.validateTrigger]<!-- /react-text --></code><!-- react-text: 2705 --> 的 TypeScript 定义。<!-- /react-text --></p></li><li data-reactid="2706"><p data-reactid="2707"><!-- react-text: 2708 -->优化 Spin、Progress 的动画细节效果。<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="2709"><div class="ant-timeline-item-tail" data-reactid="2710"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2711"></div><div class="ant-timeline-item-content" data-reactid="2712"><h2 id="2.6.1" data-reactid="2713"><span data-reactid="2714"><!-- react-text: 2715 -->2.6.1<!-- /react-text --></span><a href="#2.6.1" class="anchor" data-reactid="2716">#</a></h2><p data-reactid="2717"><code data-reactid="2718"><!-- react-text: 2719 -->2017-1-6<!-- /react-text --></code></p><ul data-reactid="2720"><li data-reactid="2721"><p data-reactid="2722"><!-- react-text: 2723 -->修复 Menu dark theme 样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4440" data-reactid="2724"><!-- react-text: 2725 -->#4440<!-- /react-text --></a></p></li><li data-reactid="2726"><p data-reactid="2727"><!-- react-text: 2728 -->修复 <!-- /react-text --><code data-reactid="2729"><!-- react-text: 2730 -->Select[tokenSeparators]<!-- /react-text --></code><!-- react-text: 2731 --> <!-- /react-text --><code data-reactid="2732"><!-- react-text: 2733 -->Modal[afterClose]<!-- /react-text --></code><!-- react-text: 2734 --> <!-- /react-text --><code data-reactid="2735"><!-- react-text: 2736 -->Input[name]<!-- /react-text --></code><!-- react-text: 2737 --> 等的 TypeScript interface 定义。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4441" data-reactid="2738"><!-- react-text: 2739 -->#4441<!-- /react-text --></a><!-- react-text: 2740 --> <!-- /react-text --><a href="https://github.com/eddhannay" data-reactid="2741"><!-- react-text: 2742 -->@eddhannay<!-- /react-text --></a></p></li><li data-reactid="2743"><p data-reactid="2744"><!-- react-text: 2745 -->修复 <!-- /react-text --><code data-reactid="2746"><!-- react-text: 2747 -->TimePicker[placeholder]<!-- /react-text --></code><!-- react-text: 2748 --> 无法置空的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4446" data-reactid="2749"><!-- react-text: 2750 -->#4446<!-- /react-text --></a><!-- react-text: 2751 --> <!-- /react-text --><a href="https://github.com/jialeicui" data-reactid="2752"><!-- react-text: 2753 -->@jialeicui<!-- /react-text --></a></p></li><li data-reactid="2754"><p data-reactid="2755"><!-- react-text: 2756 -->修复 DatePicker 等年份选择面板折行问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4415" data-reactid="2757"><!-- react-text: 2758 -->#4415<!-- /react-text --></a></p></li><li data-reactid="2759"><p data-reactid="2760"><!-- react-text: 2761 -->修复 Table loading 状态分页器可操作的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4461" data-reactid="2762"><!-- react-text: 2763 -->#4461<!-- /react-text --></a></p></li><li data-reactid="2764"><p data-reactid="2765"><!-- react-text: 2766 -->修复 <!-- /react-text --><code data-reactid="2767"><!-- react-text: 2768 -->Input[prefix|suffix]<!-- /react-text --></code><!-- react-text: 2769 --> 垂直对齐问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/c4ac4d1eca53ae2f6f4a1e15210b43745f283534" data-reactid="2770"><!-- react-text: 2771 -->commit<!-- /react-text --></a></p></li><li data-reactid="2772"><p data-reactid="2773"><!-- react-text: 2774 -->修复 Cascader 对齐问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/1fbebd4ecfff432e1b2261c9dfee4b9f471e7b1f" data-reactid="2775"><!-- react-text: 2776 -->commit<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="2777"><div class="ant-timeline-item-tail" data-reactid="2778"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2779"></div><div class="ant-timeline-item-content" data-reactid="2780"><h2 id="2.6.0" data-reactid="2781"><span data-reactid="2782"><!-- react-text: 2783 -->2.6.0<!-- /react-text --></span><a href="#2.6.0" class="anchor" data-reactid="2784">#</a></h2><p data-reactid="2785"><code data-reactid="2786"><!-- react-text: 2787 -->2017-1-2<!-- /react-text --></code></p><ul data-reactid="2788"><li data-reactid="2789"><p data-reactid="2790"><!-- react-text: 2791 -->采用全新的色彩系统。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4426" data-reactid="2792"><!-- react-text: 2793 -->pull/4426<!-- /react-text --></a></p><ul data-reactid="2794"><li data-reactid="2795"><p data-reactid="2796"><!-- react-text: 2797 -->使用新的算法函数代替 <!-- /react-text --><code data-reactid="2798"><!-- react-text: 2799 -->tint/shade<!-- /react-text --></code><!-- react-text: 2800 -->。<!-- /react-text --></p></li><li data-reactid="2801"><p data-reactid="2802"><!-- react-text: 2803 -->利用算法生成的新版色板。<!-- /react-text --><a href="http://ant.design/docs/spec/colors" data-reactid="2804"><!-- react-text: 2805 -->色板演示<!-- /react-text --></a></p></li><li data-reactid="2806"><p data-reactid="2807"><!-- react-text: 2808 -->调整默认文字颜色。<!-- /react-text --></p></li></ul></li><li data-reactid="2809"><p data-reactid="2810"><!-- react-text: 2811 -->增加 Layout 布局组件。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3534" data-reactid="2812"><!-- react-text: 2813 -->#3534<!-- /react-text --></a></p></li><li data-reactid="2814"><p data-reactid="2815"><!-- react-text: 2816 -->增加 Grid 栅格配置器示例。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/ee17abfa9d0362c6f9baab4a9a09e57574583246" data-reactid="2817"><!-- react-text: 2818 -->commit/ee17ab<!-- /react-text --></a></p></li><li data-reactid="2819"><p data-reactid="2820"><!-- react-text: 2821 -->Input<!-- /react-text --></p><ul data-reactid="2822"><li data-reactid="2823"><p data-reactid="2824"><!-- react-text: 2825 -->增加 prefix 和 suffix 属性，支持前后缀配置。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4226" data-reactid="2826"><!-- react-text: 2827 -->#4226<!-- /react-text --></a><!-- react-text: 2828 --> <!-- /react-text --><a href="https://github.com/ystarlongzi" data-reactid="2829"><!-- react-text: 2830 -->@ystarlongzi<!-- /react-text --></a></p></li><li data-reactid="2831"><p data-reactid="2832"><!-- react-text: 2833 -->InputGroup 增加 compact 属性，支持紧凑型展示。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4309" data-reactid="2834"><!-- react-text: 2835 -->pull/4309<!-- /react-text --></a></p></li></ul></li><li data-reactid="2836"><p data-reactid="2837"><!-- react-text: 2838 -->Spin 增加延迟显示属性 delay。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4306" data-reactid="2839"><!-- react-text: 2840 -->#4306<!-- /react-text --></a></p></li><li data-reactid="2841"><p data-reactid="2842"><!-- react-text: 2843 -->修复 Pagination 在低分辨率下的错位问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4349" data-reactid="2844"><!-- react-text: 2845 -->#4349<!-- /react-text --></a></p></li><li data-reactid="2846"><p data-reactid="2847"><!-- react-text: 2848 -->修复 Dropdown.Button 换行的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4355" data-reactid="2849"><!-- react-text: 2850 -->pull/4355<!-- /react-text --></a><!-- react-text: 2851 --> <!-- /react-text --><a href="https://github.com/Morhaus" data-reactid="2852"><!-- react-text: 2853 -->@Morhaus<!-- /react-text --></a></p></li><li data-reactid="2854"><p data-reactid="2855"><!-- react-text: 2856 -->修复 Cascader disabled 状态底色的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4434" data-reactid="2857"><!-- react-text: 2858 -->#4434<!-- /react-text --></a></p></li><li data-reactid="2859"><p data-reactid="2860"><!-- react-text: 2861 -->修复 MonthPicker monthCellContentRender 属性无效的问题，并修正了错误的文档。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4394" data-reactid="2862"><!-- react-text: 2863 -->#4394<!-- /react-text --></a></p></li><li data-reactid="2864"><p data-reactid="2865"><!-- react-text: 2866 -->修复 ButtonGroup 存在多余蓝色边框的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4382" data-reactid="2867"><!-- react-text: 2868 -->#4382<!-- /react-text --></a><!-- react-text: 2869 --> <!-- /react-text --><a href="https://github.com/ystarlongzi" data-reactid="2870"><!-- react-text: 2871 -->@ystarlongzi<!-- /react-text --></a></p></li><li data-reactid="2872"><p data-reactid="2873"><!-- react-text: 2874 -->修复 Menu horizontal 模式子菜单选择项背景色错误的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4414" data-reactid="2875"><!-- react-text: 2876 -->#4414<!-- /react-text --></a></p></li><li data-reactid="2877"><p data-reactid="2878"><!-- react-text: 2879 -->修复配置了 hasFeedback 的 Select/Cascader 下拉箭头被遮盖的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4431" data-reactid="2880"><!-- react-text: 2881 -->#4431<!-- /react-text --></a><!-- react-text: 2882 --> <!-- /react-text --><a href="https://github.com/JesperWe" data-reactid="2883"><!-- react-text: 2884 -->@JesperWe<!-- /react-text --></a></p></li><li data-reactid="2885"><p data-reactid="2886"><!-- react-text: 2887 -->Table 没有 header 时，第一行改为非圆角。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4373" data-reactid="2888"><!-- react-text: 2889 -->#4373<!-- /react-text --></a></p></li><li data-reactid="2890"><p data-reactid="2891"><!-- react-text: 2892 -->优化 Tree 的拖拽效果。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4371" data-reactid="2893"><!-- react-text: 2894 -->#4371<!-- /react-text --></a></p></li><li data-reactid="2895"><p data-reactid="2896"><!-- react-text: 2897 -->进行了一些文档或示例优化、文档错误修正以及网站样式问题修复。<!-- /react-text --></p></li><li data-reactid="2898"><p data-reactid="2899"><!-- react-text: 2900 -->升级 rc-form 底层依赖，getFieldDecorator 的 id 支持嵌套式写法。<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="2901"><div class="ant-timeline-item-tail" data-reactid="2902"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2903"></div><div class="ant-timeline-item-content" data-reactid="2904"><h2 id="2.5.3" data-reactid="2905"><span data-reactid="2906"><!-- react-text: 2907 -->2.5.3<!-- /react-text --></span><a href="#2.5.3" class="anchor" data-reactid="2908">#</a></h2><p data-reactid="2909"><code data-reactid="2910"><!-- react-text: 2911 -->2016-12-24<!-- /react-text --></code><!-- react-text: 2912 --> 🎄🎄🎄<!-- /react-text --></p><ul data-reactid="2913"><li data-reactid="2914"><p data-reactid="2915"><!-- react-text: 2916 -->支持 TypeScript@2.1。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4208" data-reactid="2917"><!-- react-text: 2918 -->#4208<!-- /react-text --></a></p></li><li data-reactid="2919"><p data-reactid="2920"><!-- react-text: 2921 -->修正了 Tabs 嵌套时的样式问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4317" data-reactid="2922"><!-- react-text: 2923 -->#4317<!-- /react-text --></a></p></li><li data-reactid="2924"><p data-reactid="2925"><!-- react-text: 2926 -->修正了 Radio 在当前项选中时，再次点击仍会触发 onChange 的问题。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4242" data-reactid="2927"><!-- react-text: 2928 -->#4242<!-- /react-text --></a><!-- react-text: 2929 --> <!-- /react-text --><a href="https://github.com/ystarlongzi" data-reactid="2930"><!-- react-text: 2931 -->@ystarlongzi<!-- /react-text --></a></p></li><li data-reactid="2932"><p data-reactid="2933"><!-- react-text: 2934 -->修正了 Form 多列栅格式的表单排列方式布局异常。 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4271" data-reactid="2935"><!-- react-text: 2936 -->#4271<!-- /react-text --></a></p></li><li data-reactid="2937"><p data-reactid="2938"><!-- react-text: 2939 -->修正了 Menu 竖直方向的当前选择项的背景问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4253" data-reactid="2940"><!-- react-text: 2941 -->#4253<!-- /react-text --></a></p></li><li data-reactid="2942"><p data-reactid="2943"><!-- react-text: 2944 -->优化了 Dropdown 的 <!-- /react-text --><code data-reactid="2945"><!-- react-text: 2946 -->onVisibleChange<!-- /react-text --></code><!-- react-text: 2947 --> 回调参数 Type 类型。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4236" data-reactid="2948"><!-- react-text: 2949 -->#4236<!-- /react-text --></a></p></li><li data-reactid="2950"><p data-reactid="2951"><!-- react-text: 2952 -->优化了 Cascader 的 <!-- /react-text --><code data-reactid="2953"><!-- react-text: 2954 -->onChange<!-- /react-text --></code><!-- react-text: 2955 --> 回调参数的 Type 类型。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4231" data-reactid="2956"><!-- react-text: 2957 -->#4231<!-- /react-text --></a></p></li><li data-reactid="2958"><p data-reactid="2959"><!-- react-text: 2960 -->优化了 Datepicker<!-- /react-text --><!-- react-text: 2961 -->[showtime]<!-- /react-text --><!-- react-text: 2962 --> 的默认宽度 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/b912f1cea6f470c16b8dd90554883460161cef47" data-reactid="2963"><!-- react-text: 2964 -->b912f1c<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="2965"><div class="ant-timeline-item-tail" data-reactid="2966"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2967"></div><div class="ant-timeline-item-content" data-reactid="2968"><h2 id="2.5.2" data-reactid="2969"><span data-reactid="2970"><!-- react-text: 2971 -->2.5.2<!-- /react-text --></span><a href="#2.5.2" class="anchor" data-reactid="2972">#</a></h2><p data-reactid="2973"><code data-reactid="2974"><!-- react-text: 2975 -->2016-12-10<!-- /react-text --></code></p><ul data-reactid="2976"><li data-reactid="2977"><p data-reactid="2978"><!-- react-text: 2979 -->优化 Menu 已选择项的样式。<!-- /react-text --></p></li><li data-reactid="2980"><p data-reactid="2981"><!-- react-text: 2982 -->修复 Mention 不能响应 <!-- /react-text --><code data-reactid="2983"><!-- react-text: 2984 -->onFocus<!-- /react-text --></code><!-- react-text: 2985 --> 和 <!-- /react-text --><code data-reactid="2986"><!-- react-text: 2987 -->onBlur<!-- /react-text --></code><!-- react-text: 2988 --> 的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4163" data-reactid="2989"><!-- react-text: 2990 -->#4163<!-- /react-text --></a></p></li><li data-reactid="2991"><p data-reactid="2992"><!-- react-text: 2993 -->修复 <!-- /react-text --><code data-reactid="2994"><!-- react-text: 2995 -->disabled<!-- /react-text --></code><!-- react-text: 2996 --> 和 <!-- /react-text --><code data-reactid="2997"><!-- react-text: 2998 -->checked<!-- /react-text --></code><!-- react-text: 2999 --> 的 Radio 之间会多一条阴影的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4114" data-reactid="3000"><!-- react-text: 3001 -->#4114<!-- /react-text --></a><!-- react-text: 3002 --> @jdz321<!-- /react-text --></p></li><li data-reactid="3003"><p data-reactid="3004"><!-- react-text: 3005 -->修复 RangePicker、TimePicker、Calendar 设置 Moment 的 <!-- /react-text --><code data-reactid="3006"><!-- react-text: 3007 -->defaultValue<!-- /react-text --></code><!-- react-text: 3008 --> 和 <!-- /react-text --><code data-reactid="3009"><!-- react-text: 3010 -->value<!-- /react-text --></code><!-- react-text: 3011 --> 时也会报错的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4147" data-reactid="3012"><!-- react-text: 3013 -->#4147<!-- /react-text --></a></p></li><li data-reactid="3014"><p data-reactid="3015"><!-- react-text: 3016 -->修复 Affix 在开启动画的 Tabs 里使用时会消失的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3943" data-reactid="3017"><!-- react-text: 3018 -->#3943<!-- /react-text --></a></p></li><li data-reactid="3019"><p data-reactid="3020"><!-- react-text: 3021 -->修复 Cascader 手动选择和搜索选择时 <!-- /react-text --><code data-reactid="3022"><!-- react-text: 3023 -->onChange<!-- /react-text --></code><!-- react-text: 3024 --> 接收到的 <!-- /react-text --><code data-reactid="3025"><!-- react-text: 3026 -->selectedOptions<!-- /react-text --></code><!-- react-text: 3027 --> 不同的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4096" data-reactid="3028"><!-- react-text: 3029 -->#4096<!-- /react-text --></a></p></li><li data-reactid="3030"><p data-reactid="3031"><!-- react-text: 3032 -->修复 Tabs 页增加到一定数量时会产生偏移的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3637" data-reactid="3033"><!-- react-text: 3034 -->#3637<!-- /react-text --></a></p></li><li data-reactid="3035"><p data-reactid="3036"><!-- react-text: 3037 -->Table<!-- /react-text --></p><ul data-reactid="3038"><li data-reactid="3039"><p data-reactid="3040"><!-- react-text: 3041 -->居中对齐表头分组的父表头。<!-- /react-text --></p></li><li data-reactid="3042"><p data-reactid="3043"><!-- react-text: 3044 -->修正设置 filterDropdownVisible 时不生效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4162" data-reactid="3045"><!-- react-text: 3046 -->#4162<!-- /react-text --></a></p></li></ul></li></ul></div></li><li class="ant-timeline-item" data-reactid="3047"><div class="ant-timeline-item-tail" data-reactid="3048"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3049"></div><div class="ant-timeline-item-content" data-reactid="3050"><h2 id="2.5.1" data-reactid="3051"><span data-reactid="3052"><!-- react-text: 3053 -->2.5.1<!-- /react-text --></span><a href="#2.5.1" class="anchor" data-reactid="3054">#</a></h2><p data-reactid="3055"><code data-reactid="3056"><!-- react-text: 3057 -->2016-12-03<!-- /react-text --></code></p><ul data-reactid="3058"><li data-reactid="3059"><p data-reactid="3060"><!-- react-text: 3061 -->提升网站首页在移动端访问的体验。<!-- /react-text --></p></li><li data-reactid="3062"><p data-reactid="3063"><!-- react-text: 3064 -->补充从 <!-- /react-text --><code data-reactid="3065"><!-- react-text: 3066 -->1.x<!-- /react-text --></code><!-- react-text: 3067 --> 升级到 <!-- /react-text --><code data-reactid="3068"><!-- react-text: 3069 -->2.x<!-- /react-text --></code><!-- react-text: 3070 --> 时的组件改动警告提示。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4028" data-reactid="3071"><!-- react-text: 3072 -->#4028<!-- /react-text --></a></p></li><li data-reactid="3073"><p data-reactid="3074"><!-- react-text: 3075 -->现在 ToolTip、Popover、Popconfirm 支持直接包裹文本节点和多个节点。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3924" data-reactid="3076"><!-- react-text: 3077 -->#3924<!-- /react-text --></a></p></li><li data-reactid="3078"><p data-reactid="3079"><!-- react-text: 3080 -->Anchor<!-- /react-text --></p><ul data-reactid="3081"><li data-reactid="3082"><p data-reactid="3083"><!-- react-text: 3084 -->修复快速滚动时的定位问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4053" data-reactid="3085"><!-- react-text: 3086 -->#4053<!-- /react-text --></a></p></li><li data-reactid="3087"><p data-reactid="3088"><!-- react-text: 3089 -->修复 target 指定父元素 ref 时无效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4037" data-reactid="3090"><!-- react-text: 3091 -->#4037<!-- /react-text --></a></p></li></ul></li><li data-reactid="3092"><p data-reactid="3093"><!-- react-text: 3094 -->Table<!-- /react-text --></p><ul data-reactid="3095"><li data-reactid="3096"><p data-reactid="3097"><!-- react-text: 3098 -->修复设置 defaultChecked 时的一个选中问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4020" data-reactid="3099"><!-- react-text: 3100 -->#4020<!-- /react-text --></a></p></li><li data-reactid="3101"><p data-reactid="3102"><!-- react-text: 3103 -->修复分组表头中筛选功能无法使用的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4099" data-reactid="3104"><!-- react-text: 3105 -->#4099<!-- /react-text --></a></p></li></ul></li><li data-reactid="3106"><p data-reactid="3107"><!-- react-text: 3108 -->修复在 <!-- /react-text --><code data-reactid="3109"><!-- react-text: 3110 -->Input[type=&quot;textarea&quot;]<!-- /react-text --></code><!-- react-text: 3111 --> 上使用 Popover 定位错误问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4092" data-reactid="3112"><!-- react-text: 3113 -->#4092<!-- /react-text --></a></p></li><li data-reactid="3114"><p data-reactid="3115"><!-- react-text: 3116 -->修复 Popconfirm 的 <!-- /react-text --><code data-reactid="3117"><!-- react-text: 3118 -->visible<!-- /react-text --></code><!-- react-text: 3119 --> 属性失效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4068" data-reactid="3120"><!-- react-text: 3121 -->#4068<!-- /react-text --></a></p></li><li data-reactid="3122"><p data-reactid="3123"><!-- react-text: 3124 -->修复 TimePicker 无法设置 <!-- /react-text --><code data-reactid="3125"><!-- react-text: 3126 -->style.width<!-- /react-text --></code><!-- react-text: 3127 --> 的问题。<!-- /react-text --></p></li><li data-reactid="3128"><p data-reactid="3129"><!-- react-text: 3130 -->修复 Steps 自定义图标和默认图标大小不一致的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3817" data-reactid="3131"><!-- react-text: 3132 -->#3817<!-- /react-text --></a></p></li><li data-reactid="3133"><p data-reactid="3134"><!-- react-text: 3135 -->修复 Form、Button、Slider、Table 等组件的一些样式细节。<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3136"><div class="ant-timeline-item-tail" data-reactid="3137"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3138"></div><div class="ant-timeline-item-content" data-reactid="3139"><h2 id="2.5.0" data-reactid="3140"><span data-reactid="3141"><!-- react-text: 3142 -->2.5.0<!-- /react-text --></span><a href="#2.5.0" class="anchor" data-reactid="3143">#</a></h2><p data-reactid="3144"><code data-reactid="3145"><!-- react-text: 3146 -->2016-11-25<!-- /react-text --></code></p><ul data-reactid="3147"><li data-reactid="3148"><p data-reactid="3149"><!-- react-text: 3150 -->默认主题风格修改为支付宝钱包风格，及大量样式优化。<!-- /react-text --></p></li><li data-reactid="3151"><p data-reactid="3152"><!-- react-text: 3153 -->支持服务端渲染。（Mention 会因为 <!-- /react-text --><a href="https://github.com/facebook/draft-js/issues/385" data-reactid="3154"><!-- react-text: 3155 -->draft-js<!-- /react-text --></a><!-- react-text: 3156 --> 的问题有 warning）<!-- /react-text --></p></li><li data-reactid="3157"><p data-reactid="3158"><!-- react-text: 3159 -->引入 <!-- /react-text --><a href="https://facebook.github.io/jest/docs/tutorial-react.html#snapshot-testing" data-reactid="3160"><!-- react-text: 3161 -->Jest Snapshot<!-- /react-text --></a><!-- react-text: 3162 --> 测试组件结构及服务端渲染问题。<!-- /react-text --></p></li><li data-reactid="3163"><p data-reactid="3164"><!-- react-text: 3165 -->官网及文档优化。<!-- /react-text --></p></li><li data-reactid="3166"><p data-reactid="3167"><!-- react-text: 3168 -->新增自定义主题的 <!-- /react-text --><a href="https://ant.design/docs/react/customize-theme" data-reactid="3169"><!-- react-text: 3170 -->文档<!-- /react-text --></a><!-- react-text: 3171 -->。<!-- /react-text --></p></li><li data-reactid="3172"><p data-reactid="3173"><!-- react-text: 3174 -->新增 <!-- /react-text --><a href="https://ant.design/docs/resource/download" data-reactid="3175"><!-- react-text: 3176 -->Sketch 资源文件<!-- /react-text --></a><!-- react-text: 3177 -->。<!-- /react-text --></p></li><li data-reactid="3178"><p data-reactid="3179"><!-- react-text: 3180 -->LocaleProvider 新增巴西语支持。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4004" data-reactid="3181"><!-- react-text: 3182 -->#4004<!-- /react-text --></a><!-- react-text: 3183 --> <!-- /react-text --><a href="https://github.com/nathantn" data-reactid="3184"><!-- react-text: 3185 -->@nathantn<!-- /react-text --></a></p></li><li data-reactid="3186"><p data-reactid="3187"><!-- react-text: 3188 -->DatePicker<!-- /react-text --></p><ul data-reactid="3189"><li data-reactid="3190"><p data-reactid="3191"><!-- react-text: 3192 -->DatePicker 现在可以决定是否展示 “今天” 按钮。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/bbef274aae169d142e3e7e3ea0af922d48e6dd64" data-reactid="3193"><!-- react-text: 3194 -->commit<!-- /react-text --></a></p></li><li data-reactid="3195"><p data-reactid="3196"><!-- react-text: 3197 -->RangePicker 现在可以自定义快捷选择。<!-- /react-text --><a href="https://ant.design/components/date-picker/#components-date-picker-demo-presetted-ranges" data-reactid="3198"><!-- react-text: 3199 -->demo<!-- /react-text --></a></p></li><li data-reactid="3200"><p data-reactid="3201"><!-- react-text: 3202 -->修复 DatePicker 设置 <!-- /react-text --><code data-reactid="3203"><!-- react-text: 3204 -->showTime<!-- /react-text --></code><!-- react-text: 3205 --> 后 “此刻” 按钮失效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3748" data-reactid="3206"><!-- react-text: 3207 -->#3748<!-- /react-text --></a></p></li><li data-reactid="3208"><p data-reactid="3209"><!-- react-text: 3210 -->修复 <!-- /react-text --><code data-reactid="3211"><!-- react-text: 3212 -->RangePicker[format]<!-- /react-text --></code><!-- react-text: 3213 --> 失效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3808" data-reactid="3214"><!-- react-text: 3215 -->#3808<!-- /react-text --></a></p></li><li data-reactid="3216"><p data-reactid="3217"><!-- react-text: 3218 -->修复 RangePicker <!-- /react-text --><code data-reactid="3219"><!-- react-text: 3220 -->placeholder=[&#x27;xx&#x27;, &#x27;xx&#x27;]<!-- /react-text --></code><!-- react-text: 3221 --> 失效的问题。<!-- /react-text --></p></li></ul></li><li data-reactid="3222"><p data-reactid="3223"><!-- react-text: 3224 -->新增并优化部分 Icon。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3977" data-reactid="3225"><!-- react-text: 3226 -->#3977<!-- /react-text --></a></p></li><li data-reactid="3227"><p data-reactid="3228"><!-- react-text: 3229 -->新增 Input.Search 控件。<!-- /react-text --><a href="https://ant.design/components/input/#components-input-demo-search-input" data-reactid="3230"><!-- react-text: 3231 -->demo<!-- /react-text --></a></p></li><li data-reactid="3232"><p data-reactid="3233"><!-- react-text: 3234 -->Mention onSelect 事件现在可以获取完整的数据。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3867" data-reactid="3235"><!-- react-text: 3236 -->#3867<!-- /react-text --></a></p></li><li data-reactid="3237"><p data-reactid="3238"><!-- react-text: 3239 -->Pagination 现在支持展示当前页的索引范围。<!-- /react-text --><a href="https://ant.design/components/pagination/#components-pagination-demo-total" data-reactid="3240"><!-- react-text: 3241 -->demo<!-- /react-text --></a></p></li><li data-reactid="3242"><p data-reactid="3243"><!-- react-text: 3244 -->Table<!-- /react-text --></p><ul data-reactid="3245"><li data-reactid="3246"><p data-reactid="3247"><!-- react-text: 3248 -->自定义筛选的显示隐藏现在可以通过代码控制。<!-- /react-text --><a href="https://ant.design/components/table/#components-table-demo-custom-filter-panel" data-reactid="3249"><!-- react-text: 3250 -->demo<!-- /react-text --></a></p></li><li data-reactid="3251"><p data-reactid="3252"><!-- react-text: 3253 -->支持 JSX 风格的方式设置 columns。<!-- /react-text --><a href="https://ant.design/components/table/#components-table-demo-jsx" data-reactid="3254"><!-- react-text: 3255 -->demo<!-- /react-text --></a></p></li><li data-reactid="3256"><p data-reactid="3257"><!-- react-text: 3258 -->现在可以监听单元格的点击事件 <!-- /react-text --><code data-reactid="3259"><!-- react-text: 3260 -->onCellClick<!-- /react-text --></code><!-- react-text: 3261 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3774" data-reactid="3262"><!-- react-text: 3263 -->#3774<!-- /react-text --></a></p></li><li data-reactid="3264"><p data-reactid="3265"><!-- react-text: 3266 -->修复无边框 Table 头部的圆角样式问题。<!-- /react-text --></p></li><li data-reactid="3267"><p data-reactid="3268"><!-- react-text: 3269 -->修复 title 和 footer 高度不随 <!-- /react-text --><code data-reactid="3270"><!-- react-text: 3271 -->Table[size]<!-- /react-text --></code><!-- react-text: 3272 --> 变化的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/9e6439b06cd099ab384a4a2f026f0def6e12bf23" data-reactid="3273"><!-- react-text: 3274 -->commit<!-- /react-text --></a></p></li><li data-reactid="3275"><p data-reactid="3276"><!-- react-text: 3277 -->修复选中状态出错的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3900" data-reactid="3278"><!-- react-text: 3279 -->#3900<!-- /react-text --></a></p></li></ul></li><li data-reactid="3280"><p data-reactid="3281"><!-- react-text: 3282 -->Upload<!-- /react-text --></p><ul data-reactid="3283"><li data-reactid="3284"><p data-reactid="3285"><!-- react-text: 3286 -->修复 children 不能为 <!-- /react-text --><code data-reactid="3287"><!-- react-text: 3288 -->null<!-- /react-text --></code><!-- react-text: 3289 --> 的问题。<!-- /react-text --></p></li><li data-reactid="3290"><p data-reactid="3291"><!-- react-text: 3292 -->修复预览逻辑的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/e552880c32aaa3f5b0fb09a5e1fb7454c24d5378" data-reactid="3293"><!-- react-text: 3294 -->commit<!-- /react-text --></a></p></li></ul></li><li data-reactid="3295"><p data-reactid="3296"><!-- react-text: 3297 -->修复 Badge 会覆盖其他组件的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3898" data-reactid="3298"><!-- react-text: 3299 -->#3898<!-- /react-text --></a></p></li><li data-reactid="3300"><p data-reactid="3301"><!-- react-text: 3302 -->修复多行 Checkbox 样式不对齐的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3971" data-reactid="3303"><!-- react-text: 3304 -->#3971<!-- /react-text --></a><!-- react-text: 3305 --> <!-- /react-text --><a href="https://github.com/flashback313" data-reactid="3306"><!-- react-text: 3307 -->@flashback313<!-- /react-text --></a></p></li><li data-reactid="3308"><p data-reactid="3309"><!-- react-text: 3310 -->修复 InputNumber 与其它表单控件不对齐的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3866#issuecomment-261148256" data-reactid="3311"><!-- react-text: 3312 -->#3866(comment)<!-- /react-text --></a></p></li><li data-reactid="3313"><p data-reactid="3314"><!-- react-text: 3315 -->修复 <!-- /react-text --><code data-reactid="3316"><!-- react-text: 3317 -->Menu.Divider<!-- /react-text --></code><!-- react-text: 3318 --> 样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3813" data-reactid="3319"><!-- react-text: 3320 -->#3813<!-- /react-text --></a></p></li><li data-reactid="3321"><p data-reactid="3322"><!-- react-text: 3323 -->修复 Popover 直接内嵌 Checkbox 和 Radio 无效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3455" data-reactid="3324"><!-- react-text: 3325 -->#3455<!-- /react-text --></a></p></li><li data-reactid="3326"><p data-reactid="3327"><!-- react-text: 3328 -->修复 Select combobox 高度异常问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3855" data-reactid="3329"><!-- react-text: 3330 -->#3855<!-- /react-text --></a></p></li><li data-reactid="3331"><p data-reactid="3332"><!-- react-text: 3333 -->修复 Switch actived 后的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3838" data-reactid="3334"><!-- react-text: 3335 -->#3838<!-- /react-text --></a></p></li><li data-reactid="3336"><p data-reactid="3337"><!-- react-text: 3338 -->修复 Transfer 搜索无结果时不展示 “Not Found” 提示的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3996" data-reactid="3339"><!-- react-text: 3340 -->#3996<!-- /react-text --></a></p></li><li data-reactid="3341"><p data-reactid="3342"><!-- react-text: 3343 -->修复 TreeSelect 占位符的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3841" data-reactid="3344"><!-- react-text: 3345 -->#3841<!-- /react-text --></a></p></li><li data-reactid="3346"><p data-reactid="3347"><!-- react-text: 3348 -->修复 TypeScript 编译报错的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3969" data-reactid="3349"><!-- react-text: 3350 -->#3969<!-- /react-text --></a><!-- react-text: 3351 --> <!-- /react-text --><a href="https://github.com/AlbertZheng" data-reactid="3352"><!-- react-text: 3353 -->@AlbertZheng<!-- /react-text --></a></p></li><li data-reactid="3354"><p data-reactid="3355"><!-- react-text: 3356 -->修复表单反馈图标影响用户操作的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3891" data-reactid="3357"><!-- react-text: 3358 -->#3891<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3359"><div class="ant-timeline-item-tail" data-reactid="3360"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3361"></div><div class="ant-timeline-item-content" data-reactid="3362"><h2 id="2.4.3" data-reactid="3363"><span data-reactid="3364"><!-- react-text: 3365 -->2.4.3<!-- /react-text --></span><a href="#2.4.3" class="anchor" data-reactid="3366">#</a></h2><p data-reactid="3367"><code data-reactid="3368"><!-- react-text: 3369 -->2016-11-17<!-- /react-text --></code></p><ul data-reactid="3370"><li data-reactid="3371"><p data-reactid="3372"><!-- react-text: 3373 -->修复 <!-- /react-text --><code data-reactid="3374"><!-- react-text: 3375 -->Anchor<!-- /react-text --></code><!-- react-text: 3376 --> 内部 querySelector 报错，并做了一些体验优化 。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3832" data-reactid="3377"><!-- react-text: 3378 -->#3832<!-- /react-text --></a><!-- react-text: 3379 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3844" data-reactid="3380"><!-- react-text: 3381 -->#3844<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3382"><div class="ant-timeline-item-tail" data-reactid="3383"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3384"></div><div class="ant-timeline-item-content" data-reactid="3385"><h2 id="2.4.2" data-reactid="3386"><span data-reactid="3387"><!-- react-text: 3388 -->2.4.2<!-- /react-text --></span><a href="#2.4.2" class="anchor" data-reactid="3389">#</a></h2><p data-reactid="3390"><code data-reactid="3391"><!-- react-text: 3392 -->2016-11-13<!-- /react-text --></code></p><ul data-reactid="3393"><li data-reactid="3394"><p data-reactid="3395"><!-- react-text: 3396 -->修复 <!-- /react-text --><code data-reactid="3397"><!-- react-text: 3398 -->Dropdown.Button<!-- /react-text --></code><!-- react-text: 3399 --> 不弹出的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3815" data-reactid="3400"><!-- react-text: 3401 -->#3815<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3402"><div class="ant-timeline-item-tail" data-reactid="3403"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3404"></div><div class="ant-timeline-item-content" data-reactid="3405"><h2 id="2.4.1" data-reactid="3406"><span data-reactid="3407"><!-- react-text: 3408 -->2.4.1<!-- /react-text --></span><a href="#2.4.1" class="anchor" data-reactid="3409">#</a></h2><p data-reactid="3410"><code data-reactid="3411"><!-- react-text: 3412 -->2016-11-11<!-- /react-text --></code></p><ul data-reactid="3413"><li data-reactid="3414"><p data-reactid="3415"><!-- react-text: 3416 -->修复 <!-- /react-text --><code data-reactid="3417"><!-- react-text: 3418 -->2.4.0<!-- /react-text --></code><!-- react-text: 3419 --> 组件 index 文件丢失的问题。<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3420"><div class="ant-timeline-item-tail" data-reactid="3421"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3422"></div><div class="ant-timeline-item-content" data-reactid="3423"><h2 id="2.4.0" data-reactid="3424"><span data-reactid="3425"><!-- react-text: 3426 -->2.4.0<!-- /react-text --></span><a href="#2.4.0" class="anchor" data-reactid="3427">#</a></h2><p data-reactid="3428"><code data-reactid="3429"><!-- react-text: 3430 -->2016-11-11<!-- /react-text --></code></p><ul data-reactid="3431"><li data-reactid="3432"><p data-reactid="3433"><!-- react-text: 3434 -->调整了组件的导航结构。<!-- /react-text --></p></li><li data-reactid="3435"><p data-reactid="3436"><!-- react-text: 3437 -->新增 <!-- /react-text --><a href="https://ant.design/components/anchor" data-reactid="3438"><!-- react-text: 3439 -->Anchor<!-- /react-text --></a><!-- react-text: 3440 --> 锚点组件。<!-- /react-text --></p></li><li data-reactid="3441"><p data-reactid="3442"><!-- react-text: 3443 -->整理了样式变量，修复 <!-- /react-text --><code data-reactid="3444"><!-- react-text: 3445 -->@font-size-base<!-- /react-text --></code><!-- react-text: 3446 --> 和 <!-- /react-text --><code data-reactid="3447"><!-- react-text: 3448 -->@text-color<!-- /react-text --></code><!-- react-text: 3449 --> 在部分组件无效的问题，新增 <!-- /react-text --><code data-reactid="3450"><!-- react-text: 3451 -->@font-size-lg<!-- /react-text --></code><!-- react-text: 3452 --> <!-- /react-text --><code data-reactid="3453"><!-- react-text: 3454 -->@text-color-secondary<!-- /react-text --></code><!-- react-text: 3455 -->，并移除了部分无用的变量。<!-- /react-text --></p></li><li data-reactid="3456"><p data-reactid="3457"><code data-reactid="3458"><!-- react-text: 3459 -->Transfer<!-- /react-text --></code><!-- react-text: 3460 --> 组件新增了受控属性 <!-- /react-text --><code data-reactid="3461"><!-- react-text: 3462 -->selectedKeys<!-- /react-text --></code><!-- react-text: 3463 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3729" data-reactid="3464"><!-- react-text: 3465 -->#3729<!-- /react-text --></a></p></li><li data-reactid="3466"><p data-reactid="3467"><code data-reactid="3468"><!-- react-text: 3469 -->Tag<!-- /react-text --></code><!-- react-text: 3470 --> 新增选中状态。<!-- /react-text --></p></li><li data-reactid="3471"><p data-reactid="3472"><!-- react-text: 3473 -->修复 <!-- /react-text --><code data-reactid="3474"><!-- react-text: 3475 -->Dropdown.Button<!-- /react-text --></code><!-- react-text: 3476 --> 不支持 <!-- /react-text --><code data-reactid="3477"><!-- react-text: 3478 -->visible<!-- /react-text --></code><!-- react-text: 3479 --> 和 <!-- /react-text --><code data-reactid="3480"><!-- react-text: 3481 -->onVisibleChange<!-- /react-text --></code><!-- react-text: 3482 --> 的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3779" data-reactid="3483"><!-- react-text: 3484 -->#3779<!-- /react-text --></a></p></li><li data-reactid="3485"><p data-reactid="3486"><!-- react-text: 3487 -->修复 <!-- /react-text --><code data-reactid="3488"><!-- react-text: 3489 -->DatePicker[showTime]`` 的<!-- /react-text --></code><!-- react-text: 3490 -->此刻` 按钮。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3748" data-reactid="3491"><!-- react-text: 3492 -->#3748<!-- /react-text --></a></p></li><li data-reactid="3493"><p data-reactid="3494"><!-- react-text: 3495 -->修复 <!-- /react-text --><code data-reactid="3496"><!-- react-text: 3497 -->Steps<!-- /react-text --></code><!-- react-text: 3498 --> 竖直方向的样式。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3760" data-reactid="3499"><!-- react-text: 3500 -->#3760<!-- /react-text --></a></p></li><li data-reactid="3501"><p data-reactid="3502"><!-- react-text: 3503 -->修复 <!-- /react-text --><code data-reactid="3504"><!-- react-text: 3505 -->Spin<!-- /react-text --></code><!-- react-text: 3506 --> 组件在 IE10+ 的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3755" data-reactid="3507"><!-- react-text: 3508 -->#3755<!-- /react-text --></a></p></li><li data-reactid="3509"><p data-reactid="3510"><!-- react-text: 3511 -->修复 <!-- /react-text --><code data-reactid="3512"><!-- react-text: 3513 -->Mention<!-- /react-text --></code><!-- react-text: 3514 --> 组件的 focus 逻辑. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3801" data-reactid="3515"><!-- react-text: 3516 -->#3801<!-- /react-text --></a></p></li><li data-reactid="3517"><p data-reactid="3518"><!-- react-text: 3519 -->修复 <!-- /react-text --><code data-reactid="3520"><!-- react-text: 3521 -->Progress<!-- /react-text --></code><!-- react-text: 3522 --> 组件的动画问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3784" data-reactid="3523"><!-- react-text: 3524 -->#3784<!-- /react-text --></a></p></li><li data-reactid="3525"><p data-reactid="3526"><!-- react-text: 3527 -->修复 <!-- /react-text --><code data-reactid="3528"><!-- react-text: 3529 -->Select<!-- /react-text --></code><!-- react-text: 3530 --> 搜索时的丢失焦点问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3778" data-reactid="3531"><!-- react-text: 3532 -->#3778<!-- /react-text --></a></p></li><li data-reactid="3533"><p data-reactid="3534"><!-- react-text: 3535 -->修复 <!-- /react-text --><code data-reactid="3536"><!-- react-text: 3537 -->TimePicker<!-- /react-text --></code><!-- react-text: 3538 --> 不支持 <!-- /react-text --><code data-reactid="3539"><!-- react-text: 3540 -->format=&quot;HH&quot;<!-- /react-text --></code><!-- react-text: 3541 --> 等格式的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3793" data-reactid="3542"><!-- react-text: 3543 -->#3793<!-- /react-text --></a></p></li><li data-reactid="3544"><p data-reactid="3545"><!-- react-text: 3546 -->修复 <!-- /react-text --><code data-reactid="3547"><!-- react-text: 3548 -->Input<!-- /react-text --></code><!-- react-text: 3549 --> 的 <!-- /react-text --><code data-reactid="3550"><!-- react-text: 3551 -->suffix<!-- /react-text --></code><!-- react-text: 3552 --> 部分区域中鼠标事件无法响应的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3714" data-reactid="3553"><!-- react-text: 3554 -->#3714<!-- /react-text --></a></p></li><li data-reactid="3555"><p data-reactid="3556"><!-- react-text: 3557 -->优化了 <!-- /react-text --><code data-reactid="3558"><!-- react-text: 3559 -->Table<!-- /react-text --></code><!-- react-text: 3560 --> 选择的性能。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3757" data-reactid="3561"><!-- react-text: 3562 -->#3757<!-- /react-text --></a></p></li><li data-reactid="3563"><p data-reactid="3564"><!-- react-text: 3565 -->优化 <!-- /react-text --><code data-reactid="3566"><!-- react-text: 3567 -->Carousel<!-- /react-text --></code><!-- react-text: 3568 --> 的默认样式。<!-- /react-text --></p></li><li data-reactid="3569"><p data-reactid="3570"><!-- react-text: 3571 -->优化 <!-- /react-text --><code data-reactid="3572"><!-- react-text: 3573 -->Checkbox<!-- /react-text --></code><!-- react-text: 3574 --> 和 <!-- /react-text --><code data-reactid="3575"><!-- react-text: 3576 -->Radio<!-- /react-text --></code><!-- react-text: 3577 --> 的样式。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3590" data-reactid="3578"><!-- react-text: 3579 -->#3590<!-- /react-text --></a></p></li><li data-reactid="3580"><p data-reactid="3581"><!-- react-text: 3582 -->修复 <!-- /react-text --><code data-reactid="3583"><!-- react-text: 3584 -->DatePicker<!-- /react-text --></code><!-- react-text: 3585 -->、<!-- /react-text --><code data-reactid="3586"><!-- react-text: 3587 -->Form<!-- /react-text --></code><!-- react-text: 3588 -->、<!-- /react-text --><code data-reactid="3589"><!-- react-text: 3590 -->Table<!-- /react-text --></code><!-- react-text: 3591 --> 等组件的样式细节。<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3592"><div class="ant-timeline-item-tail" data-reactid="3593"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3594"></div><div class="ant-timeline-item-content" data-reactid="3595"><h2 id="2.3.2" data-reactid="3596"><span data-reactid="3597"><!-- react-text: 3598 -->2.3.2<!-- /react-text --></span><a href="#2.3.2" class="anchor" data-reactid="3599">#</a></h2><p data-reactid="3600"><code data-reactid="3601"><!-- react-text: 3602 -->2016-11-09<!-- /react-text --></code></p><ul data-reactid="3603"><li data-reactid="3604"><p data-reactid="3605"><!-- react-text: 3606 -->修复使用 <!-- /react-text --><code data-reactid="3607"><!-- react-text: 3608 -->getFieldProps<!-- /react-text --></code><!-- react-text: 3609 --> 会导致死循环的问题。<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3610"><div class="ant-timeline-item-tail" data-reactid="3611"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3612"></div><div class="ant-timeline-item-content" data-reactid="3613"><h2 id="2.3.1" data-reactid="3614"><span data-reactid="3615"><!-- react-text: 3616 -->2.3.1<!-- /react-text --></span><a href="#2.3.1" class="anchor" data-reactid="3617">#</a></h2><p data-reactid="3618"><code data-reactid="3619"><!-- react-text: 3620 -->2016-11-07<!-- /react-text --></code></p><ul data-reactid="3621"><li data-reactid="3622"><p data-reactid="3623"><!-- react-text: 3624 -->修正上个版本缺少 <!-- /react-text --><code data-reactid="3625"><!-- react-text: 3626 -->dist/antd.css<!-- /react-text --></code><!-- react-text: 3627 --> 的问题。<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3628"><div class="ant-timeline-item-tail" data-reactid="3629"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3630"></div><div class="ant-timeline-item-content" data-reactid="3631"><h2 id="2.3.0" data-reactid="3632"><span data-reactid="3633"><!-- react-text: 3634 -->2.3.0<!-- /react-text --></span><a href="#2.3.0" class="anchor" data-reactid="3635">#</a></h2><p data-reactid="3636"><code data-reactid="3637"><!-- react-text: 3638 -->2016-11-04<!-- /react-text --></code></p><ul data-reactid="3639"><li data-reactid="3640"><p data-reactid="3641"><!-- react-text: 3642 -->升级 normalize.css 到 5.0。<!-- /react-text --></p></li><li data-reactid="3643"><p data-reactid="3644"><!-- react-text: 3645 -->package.json 的 main 换成了 <!-- /react-text --><code data-reactid="3646"><!-- react-text: 3647 -->lib/index.js<!-- /react-text --></code><!-- react-text: 3648 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3397" data-reactid="3649"><!-- react-text: 3650 -->#3397<!-- /react-text --></a></p></li><li data-reactid="3651"><p data-reactid="3652"><!-- react-text: 3653 -->全新的 <!-- /react-text --><code data-reactid="3654"><!-- react-text: 3655 -->Spin<!-- /react-text --></code><!-- react-text: 3656 --> 设计。<!-- /react-text --></p></li><li data-reactid="3657"><p data-reactid="3658"><code data-reactid="3659"><!-- react-text: 3660 -->TimePicker<!-- /react-text --></code><!-- react-text: 3661 --> 新增了 <!-- /react-text --><code data-reactid="3662"><!-- react-text: 3663 -->addon<!-- /react-text --></code><!-- react-text: 3664 --> 以支持自定义的附加内容。<!-- /react-text --></p></li><li data-reactid="3665"><p data-reactid="3666"><code data-reactid="3667"><!-- react-text: 3668 -->Tree<!-- /react-text --></code><!-- react-text: 3669 --> 新增了 <!-- /react-text --><code data-reactid="3670"><!-- react-text: 3671 -->onDragEnd<!-- /react-text --></code><!-- react-text: 3672 -->。<!-- /react-text --></p></li><li data-reactid="3673"><p data-reactid="3674"><code data-reactid="3675"><!-- react-text: 3676 -->Collapse<!-- /react-text --></code><!-- react-text: 3677 --> 新增了 <!-- /react-text --><code data-reactid="3678"><!-- react-text: 3679 -->bordered<!-- /react-text --></code><!-- react-text: 3680 -->。<!-- /react-text --></p></li><li data-reactid="3681"><p data-reactid="3682"><!-- react-text: 3683 -->优化 <!-- /react-text --><code data-reactid="3684"><!-- react-text: 3685 -->Tabs<!-- /react-text --></code><!-- react-text: 3686 --> 切换时的动画效果。<!-- /react-text --></p></li><li data-reactid="3687"><p data-reactid="3688"><!-- react-text: 3689 -->优化 <!-- /react-text --><code data-reactid="3690"><!-- react-text: 3691 -->Radio<!-- /react-text --></code><!-- react-text: 3692 --> 和 <!-- /react-text --><code data-reactid="3693"><!-- react-text: 3694 -->Checkbox<!-- /react-text --></code><!-- react-text: 3695 --> 在禁用和鼠标停留时的样式。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3590" data-reactid="3696"><!-- react-text: 3697 -->#3590<!-- /react-text --></a></p></li><li data-reactid="3698"><p data-reactid="3699"><!-- react-text: 3700 -->优化 <!-- /react-text --><code data-reactid="3701"><!-- react-text: 3702 -->Transfer<!-- /react-text --></code><!-- react-text: 3703 --> 的性能。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2860" data-reactid="3704"><!-- react-text: 3705 -->#2860<!-- /react-text --></a></p></li><li data-reactid="3706"><p data-reactid="3707"><!-- react-text: 3708 -->修复 <!-- /react-text --><code data-reactid="3709"><!-- react-text: 3710 -->Popover<!-- /react-text --></code><!-- react-text: 3711 --> 嵌套时的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3448" data-reactid="3712"><!-- react-text: 3713 -->#3448<!-- /react-text --></a></p></li><li data-reactid="3714"><p data-reactid="3715"><!-- react-text: 3716 -->修复 <!-- /react-text --><code data-reactid="3717"><!-- react-text: 3718 -->Transfer<!-- /react-text --></code><!-- react-text: 3719 --> 服务端渲染报错的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3686" data-reactid="3720"><!-- react-text: 3721 -->#3686<!-- /react-text --></a></p></li><li data-reactid="3722"><p data-reactid="3723"><!-- react-text: 3724 -->修复 <!-- /react-text --><code data-reactid="3725"><!-- react-text: 3726 -->Upload<!-- /react-text --></code><!-- react-text: 3727 --> <!-- /react-text --><code data-reactid="3728"><!-- react-text: 3729 -->picture-card<!-- /react-text --></code><!-- react-text: 3730 --> 模式下新上传的图片不显示预览的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3706" data-reactid="3731"><!-- react-text: 3732 -->#3706<!-- /react-text --></a><!-- react-text: 3733 --> <!-- /react-text --><a href="https://github.com/denzw" data-reactid="3734"><!-- react-text: 3735 -->@denzw<!-- /react-text --></a></p></li><li data-reactid="3736"><p data-reactid="3737"><!-- react-text: 3738 -->DatePicker<!-- /react-text --></p><ul data-reactid="3739"><li data-reactid="3740"><p data-reactid="3741"><!-- react-text: 3742 -->在 <!-- /react-text --><code data-reactid="3743"><!-- react-text: 3744 -->showTime<!-- /react-text --></code><!-- react-text: 3745 --> 模式下现在失去焦点也会触发 <!-- /react-text --><code data-reactid="3746"><!-- react-text: 3747 -->onChange<!-- /react-text --></code><!-- react-text: 3748 -->。<!-- /react-text --></p></li><li data-reactid="3749"><p data-reactid="3750"><code data-reactid="3751"><!-- react-text: 3752 -->MonthPicker<!-- /react-text --></code><!-- react-text: 3753 --> 增加了 <!-- /react-text --><code data-reactid="3754"><!-- react-text: 3755 -->monthCellContentRender<!-- /react-text --></code><!-- react-text: 3756 -->。<!-- /react-text --></p></li><li data-reactid="3757"><p data-reactid="3758"><code data-reactid="3759"><!-- react-text: 3760 -->RangePicker<!-- /react-text --></code><!-- react-text: 3761 --> 现在可以手动输入时间了。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3718" data-reactid="3762"><!-- react-text: 3763 -->#3718<!-- /react-text --></a></p></li><li data-reactid="3764"><p data-reactid="3765"><!-- react-text: 3766 -->新增了捷克语的翻译。<!-- /react-text --></p></li></ul></li><li data-reactid="3767"><p data-reactid="3768"><!-- react-text: 3769 -->Badge<!-- /react-text --></p><ul data-reactid="3770"><li data-reactid="3771"><p data-reactid="3772"><!-- react-text: 3773 -->优化鼠标停留时超过 99 的数字显示。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3645" data-reactid="3774"><!-- react-text: 3775 -->#3645<!-- /react-text --></a></p></li><li data-reactid="3776"><p data-reactid="3777"><!-- react-text: 3778 -->修复单独使用时会有移动动画的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3709" data-reactid="3779"><!-- react-text: 3780 -->#3709<!-- /react-text --></a></p></li></ul></li><li data-reactid="3781"><p data-reactid="3782"><!-- react-text: 3783 -->Mention<!-- /react-text --></p><ul data-reactid="3784"><li data-reactid="3785"><p data-reactid="3786"><!-- react-text: 3787 -->修复会被 <!-- /react-text --><code data-reactid="3788"><!-- react-text: 3789 -->Table<!-- /react-text --></code><!-- react-text: 3790 --> 遮住的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3588" data-reactid="3791"><!-- react-text: 3792 -->#3588<!-- /react-text --></a></p></li><li data-reactid="3793"><p data-reactid="3794"><!-- react-text: 3795 -->新增 <!-- /react-text --><code data-reactid="3796"><!-- react-text: 3797 -->getSuggestionContainer<!-- /react-text --></code><!-- react-text: 3798 --> 来指定容器。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3658" data-reactid="3799"><!-- react-text: 3800 -->#3658<!-- /react-text --></a></p></li></ul></li><li data-reactid="3801"><p data-reactid="3802"><!-- react-text: 3803 -->Tag<!-- /react-text --></p><ul data-reactid="3804"><li data-reactid="3805"><p data-reactid="3806"><!-- react-text: 3807 -->废弃 <!-- /react-text --><code data-reactid="3808"><!-- react-text: 3809 -->color<!-- /react-text --></code><!-- react-text: 3810 --> 属性。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3560" data-reactid="3811"><!-- react-text: 3812 -->#3560<!-- /react-text --></a></p></li><li data-reactid="3813"><p data-reactid="3814"><!-- react-text: 3815 -->新增 <!-- /react-text --><code data-reactid="3816"><!-- react-text: 3817 -->type<!-- /react-text --></code><!-- react-text: 3818 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3560" data-reactid="3819"><!-- react-text: 3820 -->#3560<!-- /react-text --></a></p></li><li data-reactid="3821"><p data-reactid="3822"><!-- react-text: 3823 -->新增 <!-- /react-text --><code data-reactid="3824"><!-- react-text: 3825 -->checkable<!-- /react-text --></code><!-- react-text: 3826 -->。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3560" data-reactid="3827"><!-- react-text: 3828 -->#3560<!-- /react-text --></a></p></li></ul></li><li data-reactid="3829"><p data-reactid="3830"><!-- react-text: 3831 -->Radio.Group<!-- /react-text --></p><ul data-reactid="3832"><li data-reactid="3833"><p data-reactid="3834"><!-- react-text: 3835 -->新增 <!-- /react-text --><code data-reactid="3836"><!-- react-text: 3837 -->className<!-- /react-text --></code><!-- react-text: 3838 -->。<!-- /react-text --></p></li><li data-reactid="3839"><p data-reactid="3840"><code data-reactid="3841"><!-- react-text: 3842 -->children<!-- /react-text --></code><!-- react-text: 3843 --> 为 <!-- /react-text --><code data-reactid="3844"><!-- react-text: 3845 -->null<!-- /react-text --></code><!-- react-text: 3846 --> 或 <!-- /react-text --><code data-reactid="3847"><!-- react-text: 3848 -->undefined<!-- /react-text --></code><!-- react-text: 3849 --> 时现在会被忽略。<!-- /react-text --></p></li></ul></li><li data-reactid="3850"><p data-reactid="3851"><!-- react-text: 3852 -->Select<!-- /react-text --></p><ul data-reactid="3853"><li data-reactid="3854"><p data-reactid="3855"><!-- react-text: 3856 -->新增 <!-- /react-text --><code data-reactid="3857"><!-- react-text: 3858 -->tokenSeparators<!-- /react-text --></code><!-- react-text: 3859 --> 支持粘贴时自动分词。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2071" data-reactid="3860"><!-- react-text: 3861 -->#2071<!-- /react-text --></a></p></li><li data-reactid="3862"><p data-reactid="3863"><!-- react-text: 3864 -->新增 <!-- /react-text --><code data-reactid="3865"><!-- react-text: 3866 -->onFocus<!-- /react-text --></code><!-- react-text: 3867 --> 回调。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3587" data-reactid="3868"><!-- react-text: 3869 -->#3587<!-- /react-text --></a></p></li><li data-reactid="3870"><p data-reactid="3871"><!-- react-text: 3872 -->修复 <!-- /react-text --><code data-reactid="3873"><!-- react-text: 3874 -->combobox<!-- /react-text --></code><!-- react-text: 3875 --> 模式下选中项不能正确显示的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3401" data-reactid="3876"><!-- react-text: 3877 -->#3401<!-- /react-text --></a></p></li></ul></li></ul></div></li><li class="ant-timeline-item" data-reactid="3878"><div class="ant-timeline-item-tail" data-reactid="3879"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3880"></div><div class="ant-timeline-item-content" data-reactid="3881"><h2 id="2.2.1" data-reactid="3882"><span data-reactid="3883"><!-- react-text: 3884 -->2.2.1<!-- /react-text --></span><a href="#2.2.1" class="anchor" data-reactid="3885">#</a></h2><p data-reactid="3886"><code data-reactid="3887"><!-- react-text: 3888 -->2016-11-02<!-- /react-text --></code></p><ul data-reactid="3889"><li data-reactid="3890"><p data-reactid="3891"><!-- react-text: 3892 -->修复 Form 中 DatePicker<!-- /react-text --><!-- react-text: 3893 -->[showtime]<!-- /react-text --><!-- react-text: 3894 -->（受控）无法使用的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3665" data-reactid="3895"><!-- react-text: 3896 -->#3665<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3897"><div class="ant-timeline-item-tail" data-reactid="3898"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3899"></div><div class="ant-timeline-item-content" data-reactid="3900"><h2 id="2.2.0" data-reactid="3901"><span data-reactid="3902"><!-- react-text: 3903 -->2.2.0<!-- /react-text --></span><a href="#2.2.0" class="anchor" data-reactid="3904">#</a></h2><p data-reactid="3905"><code data-reactid="3906"><!-- react-text: 3907 -->2016-10-28<!-- /react-text --></code></p><ul data-reactid="3908"><li data-reactid="3909"><p data-reactid="3910"><!-- react-text: 3911 -->支持 TypeScript@2.0。<!-- /react-text --><a href="https://github.com/AlbertZheng" data-reactid="3912"><!-- react-text: 3913 -->@AlbertZheng<!-- /react-text --></a><!-- react-text: 3914 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3358" data-reactid="3915"><!-- react-text: 3916 -->#3358<!-- /react-text --></a></p></li><li data-reactid="3917"><p data-reactid="3918"><!-- react-text: 3919 -->不再强依赖于 React 特定版本。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3627" data-reactid="3920"><!-- react-text: 3921 -->#3627<!-- /react-text --></a></p></li><li data-reactid="3922"><p data-reactid="3923"><!-- react-text: 3924 -->Alert 支持 <!-- /react-text --><code data-reactid="3925"><!-- react-text: 3926 -->className<!-- /react-text --></code><!-- react-text: 3927 --> <!-- /react-text --><code data-reactid="3928"><!-- react-text: 3929 -->style<!-- /react-text --></code><!-- react-text: 3930 --> 属性。<!-- /react-text --></p></li><li data-reactid="3931"><p data-reactid="3932"><!-- react-text: 3933 -->DatePicker MonthPicker RangePicker 现在允许设置是否显示清除按钮。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3618" data-reactid="3934"><!-- react-text: 3935 -->#3618<!-- /react-text --></a></p></li><li data-reactid="3936"><p data-reactid="3937"><!-- react-text: 3938 -->Form.Item 现在可以感知深层嵌套的表单域，以自动为其生成错误信息和状态。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3212" data-reactid="3939"><!-- react-text: 3940 -->#3212<!-- /react-text --></a></p></li><li data-reactid="3941"><p data-reactid="3942"><!-- react-text: 3943 -->RangePicker 现在可以设置不可选的时间。<!-- /react-text --><a href="https://ant.design/components/date-picker/#components-date-picker-demo-disabled-date" data-reactid="3944"><!-- react-text: 3945 -->#<!-- /react-text --></a></p></li><li data-reactid="3946"><p data-reactid="3947"><!-- react-text: 3948 -->Switch<!-- /react-text --></p><ul data-reactid="3949"><li data-reactid="3950"><p data-reactid="3951"><!-- react-text: 3952 -->宽度现在会随着 <!-- /react-text --><code data-reactid="3953"><!-- react-text: 3954 -->checkedChildren/unCheckedChildren<!-- /react-text --></code><!-- react-text: 3955 --> 自动调整。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3380" data-reactid="3956"><!-- react-text: 3957 -->#3380<!-- /react-text --></a></p></li><li data-reactid="3958"><p data-reactid="3959"><!-- react-text: 3960 -->优化切换动画。<!-- /react-text --></p></li></ul></li><li data-reactid="3961"><p data-reactid="3962"><!-- react-text: 3963 -->Upload 现在可以 <!-- /react-text --><a href="https://github.com/react-component/upload#customrequest" data-reactid="3964"><!-- react-text: 3965 -->自定义上传方式<!-- /react-text --></a><!-- react-text: 3966 -->。<!-- /react-text --><a href="https://github.com/edgji" data-reactid="3967"><!-- react-text: 3968 -->@edgji<!-- /react-text --></a></p></li><li data-reactid="3969"><p data-reactid="3970"><!-- react-text: 3971 -->Icon<!-- /react-text --></p><ul data-reactid="3972"><li data-reactid="3973"><p data-reactid="3974"><!-- react-text: 3975 -->新增 <!-- /react-text --><code data-reactid="3976"><!-- react-text: 3977 -->bulb<!-- /react-text --></code><!-- react-text: 3978 --> <!-- /react-text --><code data-reactid="3979"><!-- react-text: 3980 -->select<!-- /react-text --></code><!-- react-text: 3981 --> <!-- /react-text --><code data-reactid="3982"><!-- react-text: 3983 -->like-o<!-- /react-text --></code><!-- react-text: 3984 --> <!-- /react-text --><code data-reactid="3985"><!-- react-text: 3986 -->dislike-o<!-- /react-text --></code><!-- react-text: 3987 -->。<!-- /react-text --></p></li><li data-reactid="3988"><p data-reactid="3989"><!-- react-text: 3990 -->调整 <!-- /react-text --><code data-reactid="3991"><!-- react-text: 3992 -->loading<!-- /react-text --></code><!-- react-text: 3993 --> <!-- /react-text --><code data-reactid="3994"><!-- react-text: 3995 -->like<!-- /react-text --></code><!-- react-text: 3996 --> <!-- /react-text --><code data-reactid="3997"><!-- react-text: 3998 -->dislike<!-- /react-text --></code><!-- react-text: 3999 -->。<!-- /react-text --></p></li></ul></li><li data-reactid="4000"><p data-reactid="4001"><!-- react-text: 4002 -->优化 Card DatePicker Icon Table 的 TypeScript 定义。<!-- /react-text --><a href="https://github.com/infeng" data-reactid="4003"><!-- react-text: 4004 -->@infeng<!-- /react-text --></a><!-- react-text: 4005 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3468" data-reactid="4006"><!-- react-text: 4007 -->3468<!-- /react-text --></a><!-- react-text: 4008 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3603" data-reactid="4009"><!-- react-text: 4010 -->#3603<!-- /react-text --></a><!-- react-text: 4011 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3531" data-reactid="4012"><!-- react-text: 4013 -->#3531<!-- /react-text --></a></p></li><li data-reactid="4014"><p data-reactid="4015"><!-- react-text: 4016 -->修复 Cascader <!-- /react-text --><code data-reactid="4017"><!-- react-text: 4018 -->defaultValue<!-- /react-text --></code><!-- react-text: 4019 --> 失效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3470" data-reactid="4020"><!-- react-text: 4021 -->#3470<!-- /react-text --></a></p></li><li data-reactid="4022"><p data-reactid="4023"><!-- react-text: 4024 -->修复在一行内同时使用 Button Input DatePicker Select 时对齐的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3481" data-reactid="4025"><!-- react-text: 4026 -->#3481<!-- /react-text --></a></p></li><li data-reactid="4027"><p data-reactid="4028"><!-- react-text: 4029 -->DatePicker<!-- /react-text --></p><ul data-reactid="4030"><li data-reactid="4031"><p data-reactid="4032"><!-- react-text: 4033 -->修复设置 <!-- /react-text --><code data-reactid="4034"><!-- react-text: 4035 -->DatePicker[showTime]<!-- /react-text --></code><!-- react-text: 4036 --> 后 <!-- /react-text --><code data-reactid="4037"><!-- react-text: 4038 -->onChange<!-- /react-text --></code><!-- react-text: 4039 --> 事件触发时机问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3523" data-reactid="4040"><!-- react-text: 4041 -->#3523<!-- /react-text --></a></p></li></ul></li><li data-reactid="4042"><p data-reactid="4043"><!-- react-text: 4044 -->修复 Dropdown.Button disabled 后仍然响应操作的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3535" data-reactid="4045"><!-- react-text: 4046 -->#3535<!-- /react-text --></a></p></li><li data-reactid="4047"><p data-reactid="4048"><!-- react-text: 4049 -->Menu<!-- /react-text --></p><ul data-reactid="4050"><li data-reactid="4051"><p data-reactid="4052"><!-- react-text: 4053 -->修复服务端渲染问题，感谢 <!-- /react-text --><a href="https://github.com/xpcode" data-reactid="4054"><!-- react-text: 4055 -->@xpcode<!-- /react-text --></a><!-- react-text: 4056 --> 定位问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2061" data-reactid="4057"><!-- react-text: 4058 -->#2061<!-- /react-text --></a><!-- react-text: 4059 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2406" data-reactid="4060"><!-- react-text: 4061 -->#2406<!-- /react-text --></a><!-- react-text: 4062 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3293" data-reactid="4063"><!-- react-text: 4064 -->#3293<!-- /react-text --></a></p></li><li data-reactid="4065"><p data-reactid="4066"><!-- react-text: 4067 -->修复 children 不能为 <!-- /react-text --><code data-reactid="4068"><!-- react-text: 4069 -->null<!-- /react-text --></code><!-- react-text: 4070 --> 的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3599" data-reactid="4071"><!-- react-text: 4072 -->#3599<!-- /react-text --></a></p></li></ul></li><li data-reactid="4073"><p data-reactid="4074"><!-- react-text: 4075 -->修复 message 加载状态无动画的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3536" data-reactid="4076"><!-- react-text: 4077 -->#3536<!-- /react-text --></a></p></li><li data-reactid="4078"><p data-reactid="4079"><!-- react-text: 4080 -->Form<!-- /react-text --></p><ul data-reactid="4081"><li data-reactid="4082"><p data-reactid="4083"><!-- react-text: 4084 -->修复 <!-- /react-text --><code data-reactid="4085"><!-- react-text: 4086 -->Form[inline]<!-- /react-text --></code><!-- react-text: 4087 --> 与 <!-- /react-text --><code data-reactid="4088"><!-- react-text: 4089 -->Input[addonBefore|addonAfter]<!-- /react-text --></code><!-- react-text: 4090 --> 一起使用时的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3524" data-reactid="4091"><!-- react-text: 4092 -->#3524<!-- /react-text --></a></p></li><li data-reactid="4093"><p data-reactid="4094"><!-- react-text: 4095 -->修复 Form.Item 内 Radio.Button 样式问题。<!-- /react-text --></p></li><li data-reactid="4096"><p data-reactid="4097"><!-- react-text: 4098 -->修复 Form.Item 内搜索按钮的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3630" data-reactid="4099"><!-- react-text: 4100 -->#3630<!-- /react-text --></a></p></li><li data-reactid="4101"><p data-reactid="4102"><!-- react-text: 4103 -->修复用户无输入时 Form.Item 识别为校验成功的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3613" data-reactid="4104"><!-- react-text: 4105 -->#3613<!-- /react-text --></a></p></li></ul></li><li data-reactid="4106"><p data-reactid="4107"><!-- react-text: 4108 -->当 <!-- /react-text --><code data-reactid="4109"><!-- react-text: 4110 -->Popover[title]<!-- /react-text --></code><!-- react-text: 4111 --> 没有设置时，不再限制 Popover 的最小宽度。<!-- /react-text --></p></li><li data-reactid="4112"><p data-reactid="4113"><!-- react-text: 4114 -->Table<!-- /react-text --></p><ul data-reactid="4115"><li data-reactid="4116"><p data-reactid="4117"><!-- react-text: 4118 -->修复固定表头在没有数据情况下的样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3567" data-reactid="4119"><!-- react-text: 4120 -->#3567<!-- /react-text --></a></p></li><li data-reactid="4121"><p data-reactid="4122"><!-- react-text: 4123 -->修复无数据时会覆盖 SubMenu 的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3521" data-reactid="4124"><!-- react-text: 4125 -->#3521<!-- /react-text --></a></p></li></ul></li><li data-reactid="4126"><p data-reactid="4127"><!-- react-text: 4128 -->Tabs<!-- /react-text --></p><ul data-reactid="4129"><li data-reactid="4130"><p data-reactid="4131"><!-- react-text: 4132 -->修复卡片叶签头部高度与设计稿不一致的问题。<!-- /react-text --></p></li><li data-reactid="4133"><p data-reactid="4134"><!-- react-text: 4135 -->修复 TabPane 的高度会被同级 TabPane 撑高的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3304" data-reactid="4136"><!-- react-text: 4137 -->#3304<!-- /react-text --></a></p></li></ul></li><li data-reactid="4138"><p data-reactid="4139"><!-- react-text: 4140 -->修复 <!-- /react-text --><code data-reactid="4141"><!-- react-text: 4142 -->TreeSelect[showSearch]<!-- /react-text --></code><!-- react-text: 4143 --> 样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3520" data-reactid="4144"><!-- react-text: 4145 -->#3520<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="4146"><div class="ant-timeline-item-tail" data-reactid="4147"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="4148"></div><div class="ant-timeline-item-content" data-reactid="4149"><h2 id="2.1.0" data-reactid="4150"><span data-reactid="4151"><!-- react-text: 4152 -->2.1.0<!-- /react-text --></span><a href="#2.1.0" class="anchor" data-reactid="4153">#</a></h2><p data-reactid="4154"><code data-reactid="4155"><!-- react-text: 4156 -->2016-10-16<!-- /react-text --></code></p><ul data-reactid="4157"><li data-reactid="4158"><p data-reactid="4159"><!-- react-text: 4160 -->Icon 现在支持旋转动画。<!-- /react-text --></p></li><li data-reactid="4161"><p data-reactid="4162"><!-- react-text: 4163 -->Tabs 现在可以禁用切换动画。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3324" data-reactid="4164"><!-- react-text: 4165 -->#3324<!-- /react-text --></a></p></li><li data-reactid="4166"><p data-reactid="4167"><!-- react-text: 4168 -->新增西班牙语的 localization 支持。@Danjavia<!-- /react-text --></p></li><li data-reactid="4169"><p data-reactid="4170"><!-- react-text: 4171 -->更新俄语的 localization 文案。@plandem<!-- /react-text --></p></li><li data-reactid="4172"><p data-reactid="4173"><!-- react-text: 4174 -->新增 AutoComplete<!-- /react-text --><!-- react-text: 4175 -->[onselect]<!-- /react-text --><!-- react-text: 4176 --> 回调。<!-- /react-text --></p></li><li data-reactid="4177"><p data-reactid="4178"><!-- react-text: 4179 -->优化 Modal 样式细节。<!-- /react-text --></p></li><li data-reactid="4180"><p data-reactid="4181"><!-- react-text: 4182 -->优化 Tooltip 动画。<!-- /react-text --></p></li><li data-reactid="4183"><p data-reactid="4184"><!-- react-text: 4185 -->优化 Transfer 按钮的样式。<!-- /react-text --></p></li><li data-reactid="4186"><p data-reactid="4187"><!-- react-text: 4188 -->优化 Tree 的样式细节。<!-- /react-text --></p></li><li data-reactid="4189"><p data-reactid="4190"><!-- react-text: 4191 -->整理和修复了部分 less 变量。<!-- /react-text --></p></li><li data-reactid="4192"><p data-reactid="4193"><!-- react-text: 4194 -->修复服务端渲染时全量引入 antd 报错的问题。<!-- /react-text --></p></li><li data-reactid="4195"><p data-reactid="4196"><!-- react-text: 4197 -->修复 Affix 与 BackTop 的服务端渲染问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3283" data-reactid="4198"><!-- react-text: 4199 -->#3283<!-- /react-text --></a><!-- react-text: 4200 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3343" data-reactid="4201"><!-- react-text: 4202 -->#3343<!-- /react-text --></a></p></li><li data-reactid="4203"><p data-reactid="4204"><!-- react-text: 4205 -->修复 Card<!-- /react-text --><!-- react-text: 4206 -->[title]<!-- /react-text --><!-- react-text: 4207 --> 内无法使用 <!-- /react-text --><code data-reactid="4208"><!-- react-text: 4209 -->h3<!-- /react-text --></code><!-- react-text: 4210 --> 之类的标签的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3388" data-reactid="4211"><!-- react-text: 4212 -->#3388<!-- /react-text --></a></p></li><li data-reactid="4213"><p data-reactid="4214"><!-- react-text: 4215 -->修复 Cascader 搜索模式与浏览器自动完成有冲突的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3350" data-reactid="4216"><!-- react-text: 4217 -->#3350<!-- /react-text --></a></p></li><li data-reactid="4218"><p data-reactid="4219"><!-- react-text: 4220 -->DatePicker<!-- /react-text --></p><ul data-reactid="4221"><li data-reactid="4222"><p data-reactid="4223"><!-- react-text: 4224 -->修复设置 <!-- /react-text --><code data-reactid="4225"><!-- react-text: 4226 -->showTime<!-- /react-text --></code><!-- react-text: 4227 --> 后，<!-- /react-text --><code data-reactid="4228"><!-- react-text: 4229 -->onChange<!-- /react-text --></code><!-- react-text: 4230 --> 重复触发的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3376" data-reactid="4231"><!-- react-text: 4232 -->#3376<!-- /react-text --></a></p></li><li data-reactid="4233"><p data-reactid="4234"><!-- react-text: 4235 -->修复浮层与 Trigger 日期格式不一致的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3405" data-reactid="4236"><!-- react-text: 4237 -->#3405<!-- /react-text --></a><!-- react-text: 4238 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3298" data-reactid="4239"><!-- react-text: 4240 -->#3298<!-- /react-text --></a></p></li><li data-reactid="4241"><p data-reactid="4242"><!-- react-text: 4243 -->修复与 TimePicker 样式冲突问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3312" data-reactid="4244"><!-- react-text: 4245 -->#3312<!-- /react-text --></a><!-- react-text: 4246 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3307" data-reactid="4247"><!-- react-text: 4248 -->#3307<!-- /react-text --></a></p></li></ul></li><li data-reactid="4249"><p data-reactid="4250"><!-- react-text: 4251 -->修复 Form.Item 标签文案过长溢出的问题。<!-- /react-text --></p></li><li data-reactid="4252"><p data-reactid="4253"><!-- react-text: 4254 -->修复 Icon 在 Safari 下会出现边框的问题。<!-- /react-text --></p></li><li data-reactid="4255"><p data-reactid="4256"><!-- react-text: 4257 -->修复 InputNubmer 键盘事件死循环问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3239" data-reactid="4258"><!-- react-text: 4259 -->#3239<!-- /react-text --></a></p></li><li data-reactid="4260"><p data-reactid="4261"><!-- react-text: 4262 -->修复 Popover 箭头样式问题。<!-- /react-text --></p></li><li data-reactid="4263"><p data-reactid="4264"><!-- react-text: 4265 -->修复 Popover 和 Popconfirm 的 <!-- /react-text --><code data-reactid="4266"><!-- react-text: 4267 -->arrowPointAtCenter<!-- /react-text --></code><!-- react-text: 4268 --> 无效的问题。<!-- /react-text --></p></li><li data-reactid="4269"><p data-reactid="4270"><!-- react-text: 4271 -->Select<!-- /react-text --></p><ul data-reactid="4272"><li data-reactid="4273"><p data-reactid="4274"><!-- react-text: 4275 -->修复样式重复引入的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3376" data-reactid="4276"><!-- react-text: 4277 -->#3376<!-- /react-text --></a></p></li><li data-reactid="4278"><p data-reactid="4279"><!-- react-text: 4280 -->修复 <!-- /react-text --><code data-reactid="4281"><!-- react-text: 4282 -->notFoundContent<!-- /react-text --></code><!-- react-text: 4283 --> 无法置空的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3345" data-reactid="4284"><!-- react-text: 4285 -->#3345<!-- /react-text --></a></p></li><li data-reactid="4286"><p data-reactid="4287"><!-- react-text: 4288 -->修复 Table 内使用 Select<!-- /react-text --><!-- react-text: 4289 -->[showsearch]<!-- /react-text --><!-- react-text: 4290 --> 后宽度会跳动的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3413" data-reactid="4291"><!-- react-text: 4292 -->#3413<!-- /react-text --></a></p></li></ul></li><li data-reactid="4293"><p data-reactid="4294"><!-- react-text: 4295 -->修复 Table 边框线与页头页脚冲突的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3301" data-reactid="4296"><!-- react-text: 4297 -->#3301<!-- /react-text --></a></p></li><li data-reactid="4298"><p data-reactid="4299"><!-- react-text: 4300 -->修复 TabPane 高度不随内容变化的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3377" data-reactid="4301"><!-- react-text: 4302 -->#3377<!-- /react-text --></a></p></li><li data-reactid="4303"><p data-reactid="4304"><!-- react-text: 4305 -->修复 Transfer<!-- /react-text --><!-- react-text: 4306 -->[titles]<!-- /react-text --><!-- react-text: 4307 --> 不受 LocaleProvider 控制的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3264" data-reactid="4308"><!-- react-text: 4309 -->#3264<!-- /react-text --></a></p></li><li data-reactid="4310"><p data-reactid="4311"><!-- react-text: 4312 -->Upload<!-- /react-text --></p><ul data-reactid="4313"><li data-reactid="4314"><p data-reactid="4315"><!-- react-text: 4316 -->修复用户自定义 <!-- /react-text --><code data-reactid="4317"><!-- react-text: 4318 -->onRemove<!-- /react-text --></code><!-- react-text: 4319 --> 事件会覆盖默认行为的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3317" data-reactid="4320"><!-- react-text: 4321 -->#3317<!-- /react-text --></a></p></li><li data-reactid="4322"><p data-reactid="4323"><!-- react-text: 4324 -->修复图片卡片样式问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3316" data-reactid="4325"><!-- react-text: 4326 -->#3316<!-- /react-text --></a></p></li></ul></li><li data-reactid="4327"><p data-reactid="4328"><!-- react-text: 4329 -->修复项目构建时 moment locales 找不到的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3204" data-reactid="4330"><!-- react-text: 4331 -->#3204<!-- /react-text --></a><!-- react-text: 4332 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3411" data-reactid="4333"><!-- react-text: 4334 -->#3411<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="4335"><div class="ant-timeline-item-tail" data-reactid="4336"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="4337"></div><div class="ant-timeline-item-content" data-reactid="4338"><h2 id="2.0.1" data-reactid="4339"><span data-reactid="4340"><!-- react-text: 4341 -->2.0.1<!-- /react-text --></span><a href="#2.0.1" class="anchor" data-reactid="4342">#</a></h2><p data-reactid="4343"><code data-reactid="4344"><!-- react-text: 4345 -->2016-10-01<!-- /react-text --></code></p><ul data-reactid="4346"><li data-reactid="4347"><p data-reactid="4348"><!-- react-text: 4349 -->修复无法调用 react-slick 方法的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3164" data-reactid="4350"><!-- react-text: 4351 -->#3164<!-- /react-text --></a></p></li><li data-reactid="4352"><p data-reactid="4353"><!-- react-text: 4354 -->修复 Steps.Step<!-- /react-text --><!-- react-text: 4355 -->[icon]<!-- /react-text --><!-- react-text: 4356 --> 不支持 React.ReactNode 的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3159" data-reactid="4357"><!-- react-text: 4358 -->#3159<!-- /react-text --></a></p></li><li data-reactid="4359"><p data-reactid="4360"><!-- react-text: 4361 -->修复 Affix 不支持服务端渲染的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3216" data-reactid="4362"><!-- react-text: 4363 -->#3216<!-- /react-text --></a></p></li><li data-reactid="4364"><p data-reactid="4365"><!-- react-text: 4366 -->修复 Mention 不支持 <!-- /react-text --><code data-reactid="4367"><!-- react-text: 4368 -->onSelect<!-- /react-text --></code><!-- react-text: 4369 --> <!-- /react-text --><code data-reactid="4370"><!-- react-text: 4371 -->placeholder<!-- /react-text --></code><!-- react-text: 4372 --> 的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3236" data-reactid="4373"><!-- react-text: 4374 -->#3236<!-- /react-text --></a><!-- react-text: 4375 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3226" data-reactid="4376"><!-- react-text: 4377 -->#3226<!-- /react-text --></a></p></li><li data-reactid="4378"><p data-reactid="4379"><!-- react-text: 4380 -->修复 Transfer 与 <!-- /react-text --><code data-reactid="4381"><!-- react-text: 4382 -->getFieldDecorator<!-- /react-text --></code><!-- react-text: 4383 --> 一起使用时的报错问题。<!-- /react-text --></p></li><li data-reactid="4384"><p data-reactid="4385"><!-- react-text: 4386 -->修复 LocaleProvider 对时间组件无效的问题。<!-- /react-text --></p></li><li data-reactid="4387"><p data-reactid="4388"><!-- react-text: 4389 -->修复 Cascader 搜索模式搜索文字显示不了的问题。<!-- /react-text --></p></li><li data-reactid="4390"><p data-reactid="4391"><!-- react-text: 4392 -->修复 Spin 动画与文案整体不垂直居中的问题。<!-- /react-text --></p></li><li data-reactid="4393"><p data-reactid="4394"><!-- react-text: 4395 -->修复 RangePicker Modal Tag Progress 等组件样式问题。<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="4396"><div class="ant-timeline-item-tail" data-reactid="4397"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="4398"></div><div class="ant-timeline-item-content" data-reactid="4399"><h2 id="2.0.0" data-reactid="4400"><span data-reactid="4401"><!-- react-text: 4402 -->2.0.0<!-- /react-text --></span><a href="#2.0.0" class="anchor" data-reactid="4403">#</a></h2><p data-reactid="4404"><code data-reactid="4405"><!-- react-text: 4406 -->2016-09-28<!-- /react-text --></code></p><p data-reactid="4407"><!-- react-text: 4408 -->很高兴的通知各位，经过四个月时间的紧密开发，<!-- /react-text --><code data-reactid="4409"><!-- react-text: 4410 -->antd@2.0.0<!-- /react-text --></code><!-- react-text: 4411 --> 终于发布了。这个版本我们重构了底层代码，持续完善现有组件功能和优化细节，并提供了英文版的文档，其中很多都来自社区的贡献，无法一一感谢，欢迎各位持续关注和鞭策。在升级过程中遇到任何问题，请及时 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues" data-reactid="4412"><!-- react-text: 4413 -->反馈给我们<!-- /react-text --></a><!-- react-text: 4414 -->。<!-- /react-text --></p><h3 id="2.x-主要变化" data-reactid="4415"><span data-reactid="4416"><!-- react-text: 4417 -->2.x 主要变化<!-- /react-text --></span><a href="#2.x-主要变化" class="anchor" data-reactid="4418">#</a></h3><ul data-reactid="4419"><li data-reactid="4420"><p data-reactid="4421"><!-- react-text: 4422 -->开发语言改为 TypeScript，提供 <!-- /react-text --><strong data-reactid="4423"><!-- react-text: 4424 -->官方支持的 <!-- /react-text --><code data-reactid="4425"><!-- react-text: 4426 -->.d.ts<!-- /react-text --></code><!-- react-text: 4427 --> 文件<!-- /react-text --></strong><!-- react-text: 4428 -->，感谢 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/1846" data-reactid="4429"><!-- react-text: 4430 -->#1846<!-- /react-text --></a><!-- react-text: 4431 --> 中所有参与到这次重构的人以及后期 @infeng 对其的完善。<!-- /react-text --></p></li><li data-reactid="4432"><p data-reactid="4433"><strong data-reactid="4434"><!-- react-text: 4435 -->新增英文文档<!-- /react-text --></strong><!-- react-text: 4436 -->， 以后将同时提供中英双语文档，感谢 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/1471" data-reactid="4437"><!-- react-text: 4438 -->#1471<!-- /react-text --></a><!-- react-text: 4439 --> 里所有参与到翻译和审阅工作中的人。<!-- /react-text --></p></li><li data-reactid="4440"><p data-reactid="4441"><!-- react-text: 4442 -->时间类组件 DatePicker、TimePicker、Calendar 等的底层 <!-- /react-text --><strong data-reactid="4443"><!-- react-text: 4444 -->使用 <!-- /react-text --><a href="http://momentjs.com/" data-reactid="4445"><!-- react-text: 4446 -->moment<!-- /react-text --></a><!-- react-text: 4447 --> 替换 <!-- /react-text --><a href="github.com/yiminghe/gregorian-calendar-cn" data-reactid="4448">gregorian-calendar</a></strong><!-- react-text: 4449 -->。<!-- /react-text --></p></li><li data-reactid="4450"><p data-reactid="4451"><!-- react-text: 4452 -->全新设计的 <!-- /react-text --><a href="http://ant.design/components/icon/" data-reactid="4453"><!-- react-text: 4454 -->图标<!-- /react-text --></a><!-- react-text: 4455 -->。<!-- /react-text --></p></li><li data-reactid="4456"><p data-reactid="4457"><!-- react-text: 4458 -->新增提及组件 <!-- /react-text --><a href="http://ant.design/components/mention/" data-reactid="4459"><!-- react-text: 4460 -->Mention<!-- /react-text --></a><!-- react-text: 4461 -->。<!-- /react-text --></p></li><li data-reactid="4462"><p data-reactid="4463"><!-- react-text: 4464 -->新增自动完成组件 <!-- /react-text --><a href="http://ant.design/components/auto-complete/" data-reactid="4465"><!-- react-text: 4466 -->AutoComplete<!-- /react-text --></a><!-- react-text: 4467 -->。<!-- /react-text --></p></li><li data-reactid="4468"><p data-reactid="4469"><!-- react-text: 4470 -->Form 新增 <!-- /react-text --><code data-reactid="4471"><!-- react-text: 4472 -->getFieldDecorator<!-- /react-text --></code><!-- react-text: 4473 --> 作为 <!-- /react-text --><code data-reactid="4474"><!-- react-text: 4475 -->getFieldProps<!-- /react-text --></code><!-- react-text: 4476 --> 的替代，对于不正确的使用方式 <!-- /react-text --><code data-reactid="4477"><!-- react-text: 4478 -->getFieldDecorator<!-- /react-text --></code><!-- react-text: 4479 --> 会给出提示，可以降低踩坑的概率。相关讨论见 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/1533" data-reactid="4480"><!-- react-text: 4481 -->#1533<!-- /react-text --></a><!-- react-text: 4482 -->。<!-- /react-text --></p></li><li data-reactid="4483"><p data-reactid="4484"><!-- react-text: 4485 -->Table 支持 <!-- /react-text --><a href="http://ant.design/components/table/#components-table-demo-grouping-columns" data-reactid="4486"><!-- react-text: 4487 -->表头分组<!-- /react-text --></a><!-- react-text: 4488 -->。@yesmeck<!-- /react-text --></p></li><li data-reactid="4489"><p data-reactid="4490"><!-- react-text: 4491 -->完全移除 <!-- /react-text --><code data-reactid="4492"><!-- react-text: 4493 -->antd@1.x<!-- /react-text --></code><!-- react-text: 4494 --> 中已经废弃的 QueueAnim、Validation、Form.ValueMixin、Progress.Line、Progress.Circle、Popover<!-- /react-text --><!-- react-text: 4495 -->[overlay]<!-- /react-text --><!-- react-text: 4496 --> 及 Slider<!-- /react-text --><!-- react-text: 4497 -->[marks]<!-- /react-text --><!-- react-text: 4498 --> 对数组的支持。<!-- /react-text --></p></li></ul><h3 id="2.x-不兼容改动" data-reactid="4499"><span data-reactid="4500"><!-- react-text: 4501 -->2.x 不兼容改动<!-- /react-text --></span><a href="#2.x-不兼容改动" class="anchor" data-reactid="4502">#</a></h3><blockquote data-reactid="4503"><p data-reactid="4504"><!-- react-text: 4505 -->建议从 <!-- /react-text --><code data-reactid="4506"><!-- react-text: 4507 -->1.x<!-- /react-text --></code><!-- react-text: 4508 --> 升级时，直接升级到 <!-- /react-text --><code data-reactid="4509"><!-- react-text: 4510 -->2.x<!-- /react-text --></code><!-- react-text: 4511 --> 的最新版本。<!-- /react-text --></p><p data-reactid="4512"><!-- react-text: 4513 -->建议在升级 antd 的过程中，每做完一次合理的修改并 review 和测试之后，就 git commit 一次，这样在误操作时能随时回滚到之前的版本<!-- /react-text --></p></blockquote><p data-reactid="4514"><!-- react-text: 4515 -->此版本有部分不兼容的改动，升级时确保修改相应的使用代码。另外由于人肉查找代码中的废弃用法过于低效，所以我们提供了 <!-- /react-text --><a href="https://github.com/ant-design/antd-migration-helper" data-reactid="4516"><!-- react-text: 4517 -->antd-migration-helper<!-- /react-text --></a><!-- react-text: 4518 --> 用于扫描代码中的废弃用法。<!-- /react-text --></p><ul data-reactid="4519"><li data-reactid="4520"><p data-reactid="4521"><!-- react-text: 4522 -->时间类组件的 <!-- /react-text --><code data-reactid="4523"><!-- react-text: 4524 -->value<!-- /react-text --></code><!-- react-text: 4525 --> 和 <!-- /react-text --><code data-reactid="4526"><!-- react-text: 4527 -->defaultValue<!-- /react-text --></code><!-- react-text: 4528 --> 不再支持 <!-- /react-text --><code data-reactid="4529"><!-- react-text: 4530 -->String/Date<!-- /react-text --></code><!-- react-text: 4531 --> 类型，请使用 <!-- /react-text --><a href="http://momentjs.com/" data-reactid="4532"><!-- react-text: 4533 -->moment<!-- /react-text --></a><!-- react-text: 4534 -->。需要对代码进行如下修改，可人手修改也可用我们提供的 <!-- /react-text --><a href="https://github.com/ant-design/antd-codemod#time-related-value-to-moment" data-reactid="4535"><!-- react-text: 4536 -->codemod<!-- /react-text --></a><!-- react-text: 4537 --> 脚本自动修改类似用法，但注意脚本不能覆盖所有情况，所以在运行脚本后仍然需要 review 和测试。<!-- /react-text --></p><pre class="language-diff" data-reactid="4538"><code data-reactid="4539"><span class="token deleted">- &lt;TimePicker defaultValue="12:08:23" /></span>
 <span class="token inserted">+ &lt;TimePicker defaultValue={moment('12:08:23', 'HH:mm:ss')} /></span>
 
 <span class="token deleted">- &lt;DatePicker defaultValue="2015/01/01" /></span>
 <span class="token inserted">+ &lt;DatePicker defaultValue={moment('2015/01/01', 'YYYY/MM/DD')} /></span>
 
 <span class="token deleted">- &lt;Calendar defaultValue={new Date('2010-10-10')} /></span>
-<span class="token inserted">+ &lt;Calendar defaultValue={moment('2010-10-10', 'YYYY-MM-DD')} /></span></code></pre></li><li data-reactid="4508"><p data-reactid="4509"><!-- react-text: 4510 -->时间类组件的 <!-- /react-text --><code data-reactid="4511"><!-- react-text: 4512 -->onChange<!-- /react-text --></code><!-- react-text: 4513 --> 和 <!-- /react-text --><code data-reactid="4514"><!-- react-text: 4515 -->onPanelChange<!-- /react-text --></code><!-- react-text: 4516 --> 及其他回调函数中为 <!-- /react-text --><code data-reactid="4517"><!-- react-text: 4518 -->Date/GregorianCalendar<!-- /react-text --></code><!-- react-text: 4519 --> 类型的参数，均修改为 moment 类型，两者 API 有所不同，但功能基本一致，请对照 <!-- /react-text --><a href="http://momentjs.com/docs/" data-reactid="4520"><!-- react-text: 4521 -->moment 的 API 文档<!-- /react-text --></a><!-- react-text: 4522 --> 和 <!-- /react-text --><a href="https://github.com/yiminghe/gregorian-calendar" data-reactid="4523"><!-- react-text: 4524 -->gregorian-calendar 的文档<!-- /react-text --></a><!-- react-text: 4525 --> 进行修改。<!-- /react-text --></p><ol data-reactid="4526"><li data-reactid="4527"><p data-reactid="4528"><!-- react-text: 4529 -->也可以参考这个 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/4026221d451b246956983bb42140142d4a48b7d7" data-reactid="4530"><!-- react-text: 4531 -->commit<!-- /react-text --></a><!-- react-text: 4532 --> 来进行修改。<!-- /react-text --></p></li><li data-reactid="4533"><p data-reactid="4534"><!-- react-text: 4535 -->也可用我们提供的 <!-- /react-text --><a href="https://github.com/ant-design/antd-codemod#gergoriancalendar-to-moment" data-reactid="4536"><!-- react-text: 4537 -->codemod<!-- /react-text --></a><!-- react-text: 4538 --> 脚本自动修改类似用法，但注意脚本不能覆盖所有情况，所以在运行脚本后仍然需要 review 和测试。<!-- /react-text --></p></li></ol><pre class="language-diff" data-reactid="4539"><code data-reactid="4540">function disabledDate(date) {
+<span class="token inserted">+ &lt;Calendar defaultValue={moment('2010-10-10', 'YYYY-MM-DD')} /></span></code></pre></li><li data-reactid="4540"><p data-reactid="4541"><!-- react-text: 4542 -->时间类组件的 <!-- /react-text --><code data-reactid="4543"><!-- react-text: 4544 -->onChange<!-- /react-text --></code><!-- react-text: 4545 --> 和 <!-- /react-text --><code data-reactid="4546"><!-- react-text: 4547 -->onPanelChange<!-- /react-text --></code><!-- react-text: 4548 --> 及其他回调函数中为 <!-- /react-text --><code data-reactid="4549"><!-- react-text: 4550 -->Date/GregorianCalendar<!-- /react-text --></code><!-- react-text: 4551 --> 类型的参数，均修改为 moment 类型，两者 API 有所不同，但功能基本一致，请对照 <!-- /react-text --><a href="http://momentjs.com/docs/" data-reactid="4552"><!-- react-text: 4553 -->moment 的 API 文档<!-- /react-text --></a><!-- react-text: 4554 --> 和 <!-- /react-text --><a href="https://github.com/yiminghe/gregorian-calendar" data-reactid="4555"><!-- react-text: 4556 -->gregorian-calendar 的文档<!-- /react-text --></a><!-- react-text: 4557 --> 进行修改。<!-- /react-text --></p><ol data-reactid="4558"><li data-reactid="4559"><p data-reactid="4560"><!-- react-text: 4561 -->也可以参考这个 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/4026221d451b246956983bb42140142d4a48b7d7" data-reactid="4562"><!-- react-text: 4563 -->commit<!-- /react-text --></a><!-- react-text: 4564 --> 来进行修改。<!-- /react-text --></p></li><li data-reactid="4565"><p data-reactid="4566"><!-- react-text: 4567 -->也可用我们提供的 <!-- /react-text --><a href="https://github.com/ant-design/antd-codemod#gergoriancalendar-to-moment" data-reactid="4568"><!-- react-text: 4569 -->codemod<!-- /react-text --></a><!-- react-text: 4570 --> 脚本自动修改类似用法，但注意脚本不能覆盖所有情况，所以在运行脚本后仍然需要 review 和测试。<!-- /react-text --></p></li></ol><pre class="language-diff" data-reactid="4571"><code data-reactid="4572">function disabledDate(date) {
 <span class="token deleted">- console.log(date.getTime());</span>
 <span class="token inserted">+ console.log(date.valueOf());</span>
-}</code></pre></li><li data-reactid="4541"><p data-reactid="4542"><!-- react-text: 4543 -->由于 <!-- /react-text --><code data-reactid="4544"><!-- react-text: 4545 -->JSON.stringify(date: moment)<!-- /react-text --></code><!-- react-text: 4546 --> 返回的值会丢失时区设置，所以在提交前要先使用 <!-- /react-text --><code data-reactid="4547"><!-- react-text: 4548 -->.format<!-- /react-text --></code><!-- react-text: 4549 --> 把日期转成字符串，相关 issue 见 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3082" data-reactid="4550"><!-- react-text: 4551 -->#3082<!-- /react-text --></a><!-- react-text: 4552 -->：<!-- /react-text --></p><pre class="language-js" data-reactid="4553"><code data-reactid="4554"><span class="token function">handleSubmit</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
+}</code></pre></li><li data-reactid="4573"><p data-reactid="4574"><!-- react-text: 4575 -->由于 <!-- /react-text --><code data-reactid="4576"><!-- react-text: 4577 -->JSON.stringify(date: moment)<!-- /react-text --></code><!-- react-text: 4578 --> 返回的值会丢失时区设置，所以在提交前要先使用 <!-- /react-text --><code data-reactid="4579"><!-- react-text: 4580 -->.format<!-- /react-text --></code><!-- react-text: 4581 --> 把日期转成字符串，相关 issue 见 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3082" data-reactid="4582"><!-- react-text: 4583 -->#3082<!-- /react-text --></a><!-- react-text: 4584 -->：<!-- /react-text --></p><pre class="language-js" data-reactid="4585"><code data-reactid="4586"><span class="token function">handleSubmit</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
   <span class="token keyword">const</span> values <span class="token operator">=</span> <span class="token keyword">this</span><span class="token punctuation">.</span>props<span class="token punctuation">.</span>form<span class="token punctuation">.</span><span class="token function">getFieldsValue</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
   values<span class="token punctuation">.</span>date <span class="token operator">=</span> values<span class="token punctuation">.</span>date<span class="token punctuation">.</span><span class="token function">format</span><span class="token punctuation">(</span><span class="token string">'YYYY-MM-DD HH:mm:ss'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment" spellcheck="true">// 或其它格式</span>
   <span class="token keyword">const</span> data <span class="token operator">=</span> JSON<span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>values<span class="token punctuation">)</span><span class="token punctuation">;</span>
   <span class="token comment" spellcheck="true">// 发送 data 到服务器</span>
-<span class="token punctuation">}</span></code></pre></li><li data-reactid="4555"><p data-reactid="4556"><!-- react-text: 4557 -->时间类组件与表单校验一起使用时，<!-- /react-text --><code data-reactid="4558"><!-- react-text: 4559 -->type: &#x27;date&#x27;<!-- /react-text --></code><!-- react-text: 4560 --> 改为 <!-- /react-text --><code data-reactid="4561"><!-- react-text: 4562 -->type: &#x27;object&#x27;<!-- /react-text --></code><!-- react-text: 4563 -->。<!-- /react-text --></p><pre class="language-diff" data-reactid="4564"><code data-reactid="4565">getFieldDecorator('time', {
+<span class="token punctuation">}</span></code></pre></li><li data-reactid="4587"><p data-reactid="4588"><!-- react-text: 4589 -->时间类组件与表单校验一起使用时，<!-- /react-text --><code data-reactid="4590"><!-- react-text: 4591 -->type: &#x27;date&#x27;<!-- /react-text --></code><!-- react-text: 4592 --> 改为 <!-- /react-text --><code data-reactid="4593"><!-- react-text: 4594 -->type: &#x27;object&#x27;<!-- /react-text --></code><!-- react-text: 4595 -->。<!-- /react-text --></p><pre class="language-diff" data-reactid="4596"><code data-reactid="4597">getFieldDecorator('time', {
   rules: [{
     required: true,
 <span class="token deleted">-   type: 'date',</span>
 <span class="token inserted">+   type: 'object',</span>
   }],
-})(...)</code></pre></li><li data-reactid="4566"><p data-reactid="4567"><!-- react-text: 4568 -->时间类组件的 <!-- /react-text --><code data-reactid="4569"><!-- react-text: 4570 -->format<!-- /react-text --></code><!-- react-text: 4571 --> 属性也发生了变化，从 <!-- /react-text --><a href="https://github.com/yiminghe/gregorian-calendar-format#api" data-reactid="4572"><!-- react-text: 4573 -->gregorian-calendar-format 的格式<!-- /react-text --></a><!-- react-text: 4574 --> 变化为与 <!-- /react-text --><a href="http://momentjs.com/docs/#/parsing/string-format/" data-reactid="4575"><!-- react-text: 4576 -->moment 的格式<!-- /react-text --></a><!-- react-text: 4577 -->，例如原来的 <!-- /react-text --><code data-reactid="4578"><!-- react-text: 4579 -->yyyy-MM-dd<!-- /react-text --></code><!-- react-text: 4580 --> 将变为 <!-- /react-text --><code data-reactid="4581"><!-- react-text: 4582 -->YYYY-MM-DD<!-- /react-text --></code><!-- react-text: 4583 -->。可人手修改也可用我们提供的 <!-- /react-text --><a href="https://github.com/ant-design/antd-codemod#time-related-value-to-moment" data-reactid="4584"><!-- react-text: 4585 -->codemod<!-- /react-text --></a><!-- react-text: 4586 --> 脚本自动修改类似用法，但注意脚本不能覆盖所有情况，所以在运行脚本后仍然需要 review 和测试。<!-- /react-text --></p></li><li data-reactid="4587"><p data-reactid="4588"><!-- react-text: 4589 -->Breadcrumb 移除 <!-- /react-text --><code data-reactid="4590"><!-- react-text: 4591 -->linkRender<!-- /react-text --></code><!-- react-text: 4592 --> 和 <!-- /react-text --><code data-reactid="4593"><!-- react-text: 4594 -->nameRender<!-- /react-text --></code><!-- react-text: 4595 -->，请使用 <!-- /react-text --><code data-reactid="4596"><!-- react-text: 4597 -->itemRender<!-- /react-text --></code><!-- react-text: 4598 -->。<!-- /react-text --></p></li><li data-reactid="4599"><p data-reactid="4600"><!-- react-text: 4601 -->Menu 移除 <!-- /react-text --><code data-reactid="4602"><!-- react-text: 4603 -->onClose<!-- /react-text --></code><!-- react-text: 4604 --> <!-- /react-text --><code data-reactid="4605"><!-- react-text: 4606 -->onOpen<!-- /react-text --></code><!-- react-text: 4607 -->，请使用 <!-- /react-text --><code data-reactid="4608"><!-- react-text: 4609 -->onOpenChange<!-- /react-text --></code><!-- react-text: 4610 -->。API 差异较大，请先研究 <!-- /react-text --><a href="http://beta.ant.design/components/menu/#components-menu-demo-sider-current" data-reactid="4611"><!-- react-text: 4612 -->demo<!-- /react-text --></a><!-- react-text: 4613 -->。<!-- /react-text --></p></li><li data-reactid="4614"><p data-reactid="4615"><!-- react-text: 4616 -->Table 移除列分页功能，请使用 <!-- /react-text --><a href="http://ant.design/components/table/#components-table-demo-fixed-columns" data-reactid="4617"><!-- react-text: 4618 -->固定列<!-- /react-text --></a><!-- react-text: 4619 -->。<!-- /react-text --></p></li><li data-reactid="4620"><p data-reactid="4621"><!-- react-text: 4622 -->Popover 移除 <!-- /react-text --><code data-reactid="4623"><!-- react-text: 4624 -->overlay<!-- /react-text --></code><!-- react-text: 4625 --> ，请使用 <!-- /react-text --><code data-reactid="4626"><!-- react-text: 4627 -->content<!-- /react-text --></code><!-- react-text: 4628 -->。<!-- /react-text --></p></li></ul><p data-reactid="4629"><!-- react-text: 4630 -->以下变化升级后旧代码仍然能正常运行，但是控制台会出现警告提示，建议按提示进行修改。<!-- /react-text --></p><ul data-reactid="4631"><li data-reactid="4632"><p data-reactid="4633"><!-- react-text: 4634 -->Form 废弃 <!-- /react-text --><code data-reactid="4635"><!-- react-text: 4636 -->getFieldProps<!-- /react-text --></code><!-- react-text: 4637 -->，请使用 <!-- /react-text --><code data-reactid="4638"><!-- react-text: 4639 -->getFieldDecorator<!-- /react-text --></code><!-- react-text: 4640 -->。可人手修改也可用我们提供的 <!-- /react-text --><a href="https://github.com/ant-design/antd-codemod#getfieldprops-to-getfielddecorator" data-reactid="4641"><!-- react-text: 4642 -->codemod<!-- /react-text --></a><!-- react-text: 4643 --> 脚本自动修改类似用法，但注意脚本不能覆盖所有情况，所以在运行脚本后仍然需要 review 和测试。<!-- /react-text --></p><pre class="language-diff" data-reactid="4644"><code data-reactid="4645"><span class="token deleted">-  &lt;Input placeholder="text" {...getFieldProps('userName', { ... })} /></span>
+})(...)</code></pre></li><li data-reactid="4598"><p data-reactid="4599"><!-- react-text: 4600 -->时间类组件的 <!-- /react-text --><code data-reactid="4601"><!-- react-text: 4602 -->format<!-- /react-text --></code><!-- react-text: 4603 --> 属性也发生了变化，从 <!-- /react-text --><a href="https://github.com/yiminghe/gregorian-calendar-format#api" data-reactid="4604"><!-- react-text: 4605 -->gregorian-calendar-format 的格式<!-- /react-text --></a><!-- react-text: 4606 --> 变化为与 <!-- /react-text --><a href="http://momentjs.com/docs/#/parsing/string-format/" data-reactid="4607"><!-- react-text: 4608 -->moment 的格式<!-- /react-text --></a><!-- react-text: 4609 -->，例如原来的 <!-- /react-text --><code data-reactid="4610"><!-- react-text: 4611 -->yyyy-MM-dd<!-- /react-text --></code><!-- react-text: 4612 --> 将变为 <!-- /react-text --><code data-reactid="4613"><!-- react-text: 4614 -->YYYY-MM-DD<!-- /react-text --></code><!-- react-text: 4615 -->。可人手修改也可用我们提供的 <!-- /react-text --><a href="https://github.com/ant-design/antd-codemod#time-related-value-to-moment" data-reactid="4616"><!-- react-text: 4617 -->codemod<!-- /react-text --></a><!-- react-text: 4618 --> 脚本自动修改类似用法，但注意脚本不能覆盖所有情况，所以在运行脚本后仍然需要 review 和测试。<!-- /react-text --></p></li><li data-reactid="4619"><p data-reactid="4620"><!-- react-text: 4621 -->Breadcrumb 移除 <!-- /react-text --><code data-reactid="4622"><!-- react-text: 4623 -->linkRender<!-- /react-text --></code><!-- react-text: 4624 --> 和 <!-- /react-text --><code data-reactid="4625"><!-- react-text: 4626 -->nameRender<!-- /react-text --></code><!-- react-text: 4627 -->，请使用 <!-- /react-text --><code data-reactid="4628"><!-- react-text: 4629 -->itemRender<!-- /react-text --></code><!-- react-text: 4630 -->。<!-- /react-text --></p></li><li data-reactid="4631"><p data-reactid="4632"><!-- react-text: 4633 -->Menu 移除 <!-- /react-text --><code data-reactid="4634"><!-- react-text: 4635 -->onClose<!-- /react-text --></code><!-- react-text: 4636 --> <!-- /react-text --><code data-reactid="4637"><!-- react-text: 4638 -->onOpen<!-- /react-text --></code><!-- react-text: 4639 -->，请使用 <!-- /react-text --><code data-reactid="4640"><!-- react-text: 4641 -->onOpenChange<!-- /react-text --></code><!-- react-text: 4642 -->。API 差异较大，请先研究 <!-- /react-text --><a href="http://beta.ant.design/components/menu/#components-menu-demo-sider-current" data-reactid="4643"><!-- react-text: 4644 -->demo<!-- /react-text --></a><!-- react-text: 4645 -->。<!-- /react-text --></p></li><li data-reactid="4646"><p data-reactid="4647"><!-- react-text: 4648 -->Table 移除列分页功能，请使用 <!-- /react-text --><a href="http://ant.design/components/table/#components-table-demo-fixed-columns" data-reactid="4649"><!-- react-text: 4650 -->固定列<!-- /react-text --></a><!-- react-text: 4651 -->。<!-- /react-text --></p></li><li data-reactid="4652"><p data-reactid="4653"><!-- react-text: 4654 -->Popover 移除 <!-- /react-text --><code data-reactid="4655"><!-- react-text: 4656 -->overlay<!-- /react-text --></code><!-- react-text: 4657 --> ，请使用 <!-- /react-text --><code data-reactid="4658"><!-- react-text: 4659 -->content<!-- /react-text --></code><!-- react-text: 4660 -->。<!-- /react-text --></p></li></ul><p data-reactid="4661"><!-- react-text: 4662 -->以下变化升级后旧代码仍然能正常运行，但是控制台会出现警告提示，建议按提示进行修改。<!-- /react-text --></p><ul data-reactid="4663"><li data-reactid="4664"><p data-reactid="4665"><!-- react-text: 4666 -->Form 废弃 <!-- /react-text --><code data-reactid="4667"><!-- react-text: 4668 -->getFieldProps<!-- /react-text --></code><!-- react-text: 4669 -->，请使用 <!-- /react-text --><code data-reactid="4670"><!-- react-text: 4671 -->getFieldDecorator<!-- /react-text --></code><!-- react-text: 4672 -->。可人手修改也可用我们提供的 <!-- /react-text --><a href="https://github.com/ant-design/antd-codemod#getfieldprops-to-getfielddecorator" data-reactid="4673"><!-- react-text: 4674 -->codemod<!-- /react-text --></a><!-- react-text: 4675 --> 脚本自动修改类似用法，但注意脚本不能覆盖所有情况，所以在运行脚本后仍然需要 review 和测试。<!-- /react-text --></p><pre class="language-diff" data-reactid="4676"><code data-reactid="4677"><span class="token deleted">-  &lt;Input placeholder="text" {...getFieldProps('userName', { ... })} /></span>
 <span class="token inserted">+  {getFieldDecorator('userName', { ... })(</span>
 <span class="token inserted">+    &lt;Input placeholder="text" /></span>
-<span class="token inserted">+  )}</span></code></pre><p data-reactid="4646"><!-- react-text: 4647 -->相关讨论可以看 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/1533" data-reactid="4648"><!-- react-text: 4649 -->#1533<!-- /react-text --></a><!-- react-text: 4650 -->。<!-- /react-text --></p></li><li data-reactid="4651"><p data-reactid="4652"><!-- react-text: 4653 -->DatePicker 废弃 <!-- /react-text --><code data-reactid="4654"><!-- react-text: 4655 -->toggleOpen<!-- /react-text --></code><!-- react-text: 4656 -->，请使用 <!-- /react-text --><code data-reactid="4657"><!-- react-text: 4658 -->onOpenChange<!-- /react-text --></code><!-- react-text: 4659 -->：<!-- /react-text --></p><pre class="language-diff" data-reactid="4660"><code data-reactid="4661"><span class="token deleted">- handleToggleOpen({ open }) {</span>
+<span class="token inserted">+  )}</span></code></pre><p data-reactid="4678"><!-- react-text: 4679 -->相关讨论可以看 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/1533" data-reactid="4680"><!-- react-text: 4681 -->#1533<!-- /react-text --></a><!-- react-text: 4682 -->。<!-- /react-text --></p></li><li data-reactid="4683"><p data-reactid="4684"><!-- react-text: 4685 -->DatePicker 废弃 <!-- /react-text --><code data-reactid="4686"><!-- react-text: 4687 -->toggleOpen<!-- /react-text --></code><!-- react-text: 4688 -->，请使用 <!-- /react-text --><code data-reactid="4689"><!-- react-text: 4690 -->onOpenChange<!-- /react-text --></code><!-- react-text: 4691 -->：<!-- /react-text --></p><pre class="language-diff" data-reactid="4692"><code data-reactid="4693"><span class="token deleted">- handleToggleOpen({ open }) {</span>
 <span class="token inserted">+ handleOpenChange(open) {</span>
   ...
-}</code></pre></li></ul><p data-reactid="4662"><!-- react-text: 4663 -->最后，由于时间类组件修改比较复杂，可能还需要深入业务逻辑，所以在项目比较赶的情况下，可以考虑使用 <!-- /react-text --><a href="https://github.com/ant-design/antd-adapter" data-reactid="4664"><!-- react-text: 4665 -->antd-adapter<!-- /react-text --></a><!-- react-text: 4666 --> 适配为 <!-- /react-text --><code data-reactid="4667"><!-- react-text: 4668 -->antd@1.x<!-- /react-text --></code><!-- react-text: 4669 --> 里面的用法，但不建议。<!-- /react-text --></p><h3 id="2.x-Bug-修复" data-reactid="4670"><span data-reactid="4671"><!-- react-text: 4672 -->2.x Bug 修复<!-- /react-text --></span><a href="#2.x-Bug-修复" class="anchor" data-reactid="4673">#</a></h3><ul data-reactid="4674"><li data-reactid="4675"><p data-reactid="4676"><!-- react-text: 4677 -->修复 Dropdown.Button <!-- /react-text --><code data-reactid="4678"><!-- react-text: 4679 -->disabled<!-- /react-text --></code><!-- react-text: 4680 --> 属性无效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3070" data-reactid="4681"><!-- react-text: 4682 -->#3070<!-- /react-text --></a></p></li><li data-reactid="4683"><p data-reactid="4684"><!-- react-text: 4685 -->修复 Form.create <!-- /react-text --><code data-reactid="4686"><!-- react-text: 4687 -->withRef<!-- /react-text --></code><!-- react-text: 4688 --> 选项失效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2843" data-reactid="4689"><!-- react-text: 4690 -->#2843<!-- /react-text --></a></p></li><li data-reactid="4691"><p data-reactid="4692"><!-- react-text: 4693 -->修复 Menu inline 模式下子菜单展开的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2701" data-reactid="4694"><!-- react-text: 4695 -->#2701<!-- /react-text --></a></p></li><li data-reactid="4696"><p data-reactid="4697"><!-- react-text: 4698 -->修复 Modal.confirm 之类的弹窗在异步调用时按钮仍可点击的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2684" data-reactid="4699"><!-- react-text: 4700 -->#2684<!-- /react-text --></a></p></li><li data-reactid="4701"><p data-reactid="4702"><!-- react-text: 4703 -->修复 DatePicker<!-- /react-text --><!-- react-text: 4704 -->[showtime]<!-- /react-text --><!-- react-text: 4705 --> 参数中的 <!-- /react-text --><code data-reactid="4706"><!-- react-text: 4707 -->format<!-- /react-text --></code><!-- react-text: 4708 --> 失效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3123" data-reactid="4709"><!-- react-text: 4710 -->#3123<!-- /react-text --></a></p></li><li data-reactid="4711"><p data-reactid="4712"><!-- react-text: 4713 -->修复 Table<!-- /react-text --><!-- react-text: 4714 -->[datasource]<!-- /react-text --><!-- react-text: 4715 --> 中的项的 key 为 <!-- /react-text --><code data-reactid="4716"><!-- react-text: 4717 -->0<!-- /react-text --></code><!-- react-text: 4718 --> 时识别错误的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3166" data-reactid="4719"><!-- react-text: 4720 -->#3166<!-- /react-text --></a><!-- react-text: 4721 --> @noonnightstorm<!-- /react-text --></p></li><li data-reactid="4722"><p data-reactid="4723"><!-- react-text: 4724 -->修复 Tree.Node 无子节点时仍然显示箭头的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2616" data-reactid="4725"><!-- react-text: 4726 -->#2616<!-- /react-text --></a></p></li><li data-reactid="4727"><p data-reactid="4728"><!-- react-text: 4729 -->修复 Tree.Node 箭头隐藏后鼠标 hover 上去光标仍会发生变化的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2748" data-reactid="4730"><!-- react-text: 4731 -->#2748<!-- /react-text --></a></p></li></ul><h3 id="2.x-其他改进" data-reactid="4732"><span data-reactid="4733"><!-- react-text: 4734 -->2.x 其他改进<!-- /react-text --></span><a href="#2.x-其他改进" class="anchor" data-reactid="4735">#</a></h3><ul data-reactid="4736"><li data-reactid="4737"><p data-reactid="4738"><!-- react-text: 4739 -->Alert 新增 <!-- /react-text --><a href="http://ant.design/components/alert/#components-alert-demo-banner" data-reactid="4740"><code data-reactid="4741"><!-- react-text: 4742 -->banner<!-- /react-text --></code><!-- react-text: 4743 --> 模式<!-- /react-text --></a><!-- react-text: 4744 -->。<!-- /react-text --></p></li><li data-reactid="4745"><p data-reactid="4746"><!-- react-text: 4747 -->BackTop 增加回到顶部的动画效果。<!-- /react-text --></p></li><li data-reactid="4748"><p data-reactid="4749"><!-- react-text: 4750 -->Badge 新增 <!-- /react-text --><a href="http://ant.design/components/badge/#components-badge-demo-status" data-reactid="4751"><!-- react-text: 4752 -->状态点模式<!-- /react-text --></a><!-- react-text: 4753 -->。<!-- /react-text --></p></li><li data-reactid="4754"><p data-reactid="4755"><!-- react-text: 4756 -->Cascader 新增 <!-- /react-text --><a href="http://ant.design/components/cascader/#components-cascader-demo-search" data-reactid="4757"><!-- react-text: 4758 -->搜索功能<!-- /react-text --></a><!-- react-text: 4759 -->。<!-- /react-text --></p></li><li data-reactid="4760"><p data-reactid="4761"><!-- react-text: 4762 -->Checkbox 新增 <!-- /react-text --><a href="http://ant.design/components/checkbox/#components-checkbox-demo-check-all" data-reactid="4763"><!-- react-text: 4764 -->indeterminate 状态<!-- /react-text --></a><!-- react-text: 4765 -->。<!-- /react-text --></p></li><li data-reactid="4766"><p data-reactid="4767"><!-- react-text: 4768 -->Form 新增 <!-- /react-text --><a href="http://ant.design/components/form/#components-form-demo-validate-customized" data-reactid="4769"><!-- react-text: 4770 -->垂直布局<!-- /react-text --></a><!-- react-text: 4771 -->。<!-- /react-text --></p></li><li data-reactid="4772"><p data-reactid="4773"><!-- react-text: 4774 -->InputNumber 现在支持长按。<!-- /react-text --><a href="http://ant.design/components/input-number/#components-input-number-demo-basic" data-reactid="4775"><!-- react-text: 4776 -->#<!-- /react-text --></a></p></li><li data-reactid="4777"><p data-reactid="4778"><!-- react-text: 4779 -->notification 支持 <!-- /react-text --><a href="http://ant.design/components/notification/#components-notification-demo-custom-icon" data-reactid="4780"><!-- react-text: 4781 -->自定义 icon<!-- /react-text --></a><!-- react-text: 4782 -->。<!-- /react-text --></p></li><li data-reactid="4783"><p data-reactid="4784"><!-- react-text: 4785 -->Spin 现在允许 <!-- /react-text --><a href="http://ant.design/components/spin/#components-spin-demo-tip" data-reactid="4786"><!-- react-text: 4787 -->自定义文案与动画共存<!-- /react-text --></a><!-- react-text: 4788 -->。@jerrybendy<!-- /react-text --></p></li><li data-reactid="4789"><p data-reactid="4790"><!-- react-text: 4791 -->Transfer 现在可以监听用户选择了哪些选项。<!-- /react-text --><a href="http://ant.design/components/transfer/#components-transfer-demo-basic" data-reactid="4792"><!-- react-text: 4793 -->#<!-- /react-text --></a></p></li><li data-reactid="4794"><p data-reactid="4795"><!-- react-text: 4796 -->Transfer 现在可以定义哪些选项是 <!-- /react-text --><a href="http://ant.design/components/transfer/#components-transfer-demo-basic" data-reactid="4797"><!-- react-text: 4798 -->不可选择的<!-- /react-text --></a><!-- react-text: 4799 -->。<!-- /react-text --></p></li><li data-reactid="4800"><p data-reactid="4801"><!-- react-text: 4802 -->优化 Alert 和 notification 的样式。<!-- /react-text --></p></li><li data-reactid="4803"><p data-reactid="4804"><!-- react-text: 4805 -->优化 Modal.confirm 之类的弹窗的键盘交互。@Dafrok<!-- /react-text --></p></li><li data-reactid="4806"><p data-reactid="4807"><!-- react-text: 4808 -->优化 <!-- /react-text --><a href="http://ant.design/components/date-picker/#components-date-picker-demo-time" data-reactid="4809"><!-- react-text: 4810 -->DatePicker 的时间选择<!-- /react-text --></a><!-- react-text: 4811 --> 交互。<!-- /react-text --></p></li><li data-reactid="4812"><p data-reactid="4813"><!-- react-text: 4814 -->优化 <!-- /react-text --><a href="http://ant.design/components/spin/#components-spin-demo-nested" data-reactid="4815"><!-- react-text: 4816 -->Spin 状态切换<!-- /react-text --></a><!-- react-text: 4817 --> 时的效果。<!-- /react-text --></p></li><li data-reactid="4818"><p data-reactid="4819"><!-- react-text: 4820 -->更新 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/2f308b0f995cfcb2a3c8feb1e35ffd3f0bf93cfc" data-reactid="4821"><!-- react-text: 4822 -->font-family<!-- /react-text --></a><!-- react-text: 4823 -->。<!-- /react-text --></p></li></ul><h3 id="2.x-相关工具发布" data-reactid="4824"><span data-reactid="4825"><!-- react-text: 4826 -->2.x 相关工具发布<!-- /react-text --></span><a href="#2.x-相关工具发布" class="anchor" data-reactid="4827">#</a></h3><ul data-reactid="4828"><li data-reactid="4829"><p data-reactid="4830"><!-- react-text: 4831 -->新增配套网站 <!-- /react-text --><a href="http://library.ant.design/" data-reactid="4832"><!-- react-text: 4833 -->AntD Library<!-- /react-text --></a><!-- react-text: 4834 -->，提供遵循 Ant Design 设计规范的组件、模式等的 Axure 资源。<!-- /react-text --></p></li><li data-reactid="4835"><p data-reactid="4836"><code data-reactid="4837"><!-- react-text: 4838 -->babel-plugin-antd<!-- /react-text --></code><!-- react-text: 4839 --> 更名为 <!-- /react-text --><a href="https://github.com/ant-design/babel-plugin-import" data-reactid="4840"><!-- react-text: 4841 -->babel-plugin-import<!-- /react-text --></a><!-- react-text: 4842 -->，标志着该插件将作为一个通用的按需加载方案存在，而不再是 <!-- /react-text --><code data-reactid="4843"><!-- react-text: 4844 -->antd<!-- /react-text --></code><!-- react-text: 4845 --> 专有。<!-- /react-text --></p><p data-reactid="4846"><!-- react-text: 4847 -->请更新 <!-- /react-text --><code data-reactid="4848"><!-- react-text: 4849 -->package.json<!-- /react-text --></code><!-- react-text: 4850 -->：<!-- /react-text --></p><pre class="language-diff" data-reactid="4851"><code data-reactid="4852">{
+}</code></pre></li></ul><p data-reactid="4694"><!-- react-text: 4695 -->最后，由于时间类组件修改比较复杂，可能还需要深入业务逻辑，所以在项目比较赶的情况下，可以考虑使用 <!-- /react-text --><a href="https://github.com/ant-design/antd-adapter" data-reactid="4696"><!-- react-text: 4697 -->antd-adapter<!-- /react-text --></a><!-- react-text: 4698 --> 适配为 <!-- /react-text --><code data-reactid="4699"><!-- react-text: 4700 -->antd@1.x<!-- /react-text --></code><!-- react-text: 4701 --> 里面的用法，但不建议。<!-- /react-text --></p><h3 id="2.x-Bug-修复" data-reactid="4702"><span data-reactid="4703"><!-- react-text: 4704 -->2.x Bug 修复<!-- /react-text --></span><a href="#2.x-Bug-修复" class="anchor" data-reactid="4705">#</a></h3><ul data-reactid="4706"><li data-reactid="4707"><p data-reactid="4708"><!-- react-text: 4709 -->修复 Dropdown.Button <!-- /react-text --><code data-reactid="4710"><!-- react-text: 4711 -->disabled<!-- /react-text --></code><!-- react-text: 4712 --> 属性无效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3070" data-reactid="4713"><!-- react-text: 4714 -->#3070<!-- /react-text --></a></p></li><li data-reactid="4715"><p data-reactid="4716"><!-- react-text: 4717 -->修复 Form.create <!-- /react-text --><code data-reactid="4718"><!-- react-text: 4719 -->withRef<!-- /react-text --></code><!-- react-text: 4720 --> 选项失效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2843" data-reactid="4721"><!-- react-text: 4722 -->#2843<!-- /react-text --></a></p></li><li data-reactid="4723"><p data-reactid="4724"><!-- react-text: 4725 -->修复 Menu inline 模式下子菜单展开的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2701" data-reactid="4726"><!-- react-text: 4727 -->#2701<!-- /react-text --></a></p></li><li data-reactid="4728"><p data-reactid="4729"><!-- react-text: 4730 -->修复 Modal.confirm 之类的弹窗在异步调用时按钮仍可点击的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2684" data-reactid="4731"><!-- react-text: 4732 -->#2684<!-- /react-text --></a></p></li><li data-reactid="4733"><p data-reactid="4734"><!-- react-text: 4735 -->修复 DatePicker<!-- /react-text --><!-- react-text: 4736 -->[showtime]<!-- /react-text --><!-- react-text: 4737 --> 参数中的 <!-- /react-text --><code data-reactid="4738"><!-- react-text: 4739 -->format<!-- /react-text --></code><!-- react-text: 4740 --> 失效的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3123" data-reactid="4741"><!-- react-text: 4742 -->#3123<!-- /react-text --></a></p></li><li data-reactid="4743"><p data-reactid="4744"><!-- react-text: 4745 -->修复 Table<!-- /react-text --><!-- react-text: 4746 -->[datasource]<!-- /react-text --><!-- react-text: 4747 --> 中的项的 key 为 <!-- /react-text --><code data-reactid="4748"><!-- react-text: 4749 -->0<!-- /react-text --></code><!-- react-text: 4750 --> 时识别错误的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3166" data-reactid="4751"><!-- react-text: 4752 -->#3166<!-- /react-text --></a><!-- react-text: 4753 --> @noonnightstorm<!-- /react-text --></p></li><li data-reactid="4754"><p data-reactid="4755"><!-- react-text: 4756 -->修复 Tree.Node 无子节点时仍然显示箭头的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2616" data-reactid="4757"><!-- react-text: 4758 -->#2616<!-- /react-text --></a></p></li><li data-reactid="4759"><p data-reactid="4760"><!-- react-text: 4761 -->修复 Tree.Node 箭头隐藏后鼠标 hover 上去光标仍会发生变化的问题。<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2748" data-reactid="4762"><!-- react-text: 4763 -->#2748<!-- /react-text --></a></p></li></ul><h3 id="2.x-其他改进" data-reactid="4764"><span data-reactid="4765"><!-- react-text: 4766 -->2.x 其他改进<!-- /react-text --></span><a href="#2.x-其他改进" class="anchor" data-reactid="4767">#</a></h3><ul data-reactid="4768"><li data-reactid="4769"><p data-reactid="4770"><!-- react-text: 4771 -->Alert 新增 <!-- /react-text --><a href="http://ant.design/components/alert/#components-alert-demo-banner" data-reactid="4772"><code data-reactid="4773"><!-- react-text: 4774 -->banner<!-- /react-text --></code><!-- react-text: 4775 --> 模式<!-- /react-text --></a><!-- react-text: 4776 -->。<!-- /react-text --></p></li><li data-reactid="4777"><p data-reactid="4778"><!-- react-text: 4779 -->BackTop 增加回到顶部的动画效果。<!-- /react-text --></p></li><li data-reactid="4780"><p data-reactid="4781"><!-- react-text: 4782 -->Badge 新增 <!-- /react-text --><a href="http://ant.design/components/badge/#components-badge-demo-status" data-reactid="4783"><!-- react-text: 4784 -->状态点模式<!-- /react-text --></a><!-- react-text: 4785 -->。<!-- /react-text --></p></li><li data-reactid="4786"><p data-reactid="4787"><!-- react-text: 4788 -->Cascader 新增 <!-- /react-text --><a href="http://ant.design/components/cascader/#components-cascader-demo-search" data-reactid="4789"><!-- react-text: 4790 -->搜索功能<!-- /react-text --></a><!-- react-text: 4791 -->。<!-- /react-text --></p></li><li data-reactid="4792"><p data-reactid="4793"><!-- react-text: 4794 -->Checkbox 新增 <!-- /react-text --><a href="http://ant.design/components/checkbox/#components-checkbox-demo-check-all" data-reactid="4795"><!-- react-text: 4796 -->indeterminate 状态<!-- /react-text --></a><!-- react-text: 4797 -->。<!-- /react-text --></p></li><li data-reactid="4798"><p data-reactid="4799"><!-- react-text: 4800 -->Form 新增 <!-- /react-text --><a href="http://ant.design/components/form/#components-form-demo-validate-customized" data-reactid="4801"><!-- react-text: 4802 -->垂直布局<!-- /react-text --></a><!-- react-text: 4803 -->。<!-- /react-text --></p></li><li data-reactid="4804"><p data-reactid="4805"><!-- react-text: 4806 -->InputNumber 现在支持长按。<!-- /react-text --><a href="http://ant.design/components/input-number/#components-input-number-demo-basic" data-reactid="4807"><!-- react-text: 4808 -->#<!-- /react-text --></a></p></li><li data-reactid="4809"><p data-reactid="4810"><!-- react-text: 4811 -->notification 支持 <!-- /react-text --><a href="http://ant.design/components/notification/#components-notification-demo-custom-icon" data-reactid="4812"><!-- react-text: 4813 -->自定义 icon<!-- /react-text --></a><!-- react-text: 4814 -->。<!-- /react-text --></p></li><li data-reactid="4815"><p data-reactid="4816"><!-- react-text: 4817 -->Spin 现在允许 <!-- /react-text --><a href="http://ant.design/components/spin/#components-spin-demo-tip" data-reactid="4818"><!-- react-text: 4819 -->自定义文案与动画共存<!-- /react-text --></a><!-- react-text: 4820 -->。@jerrybendy<!-- /react-text --></p></li><li data-reactid="4821"><p data-reactid="4822"><!-- react-text: 4823 -->Transfer 现在可以监听用户选择了哪些选项。<!-- /react-text --><a href="http://ant.design/components/transfer/#components-transfer-demo-basic" data-reactid="4824"><!-- react-text: 4825 -->#<!-- /react-text --></a></p></li><li data-reactid="4826"><p data-reactid="4827"><!-- react-text: 4828 -->Transfer 现在可以定义哪些选项是 <!-- /react-text --><a href="http://ant.design/components/transfer/#components-transfer-demo-basic" data-reactid="4829"><!-- react-text: 4830 -->不可选择的<!-- /react-text --></a><!-- react-text: 4831 -->。<!-- /react-text --></p></li><li data-reactid="4832"><p data-reactid="4833"><!-- react-text: 4834 -->优化 Alert 和 notification 的样式。<!-- /react-text --></p></li><li data-reactid="4835"><p data-reactid="4836"><!-- react-text: 4837 -->优化 Modal.confirm 之类的弹窗的键盘交互。@Dafrok<!-- /react-text --></p></li><li data-reactid="4838"><p data-reactid="4839"><!-- react-text: 4840 -->优化 <!-- /react-text --><a href="http://ant.design/components/date-picker/#components-date-picker-demo-time" data-reactid="4841"><!-- react-text: 4842 -->DatePicker 的时间选择<!-- /react-text --></a><!-- react-text: 4843 --> 交互。<!-- /react-text --></p></li><li data-reactid="4844"><p data-reactid="4845"><!-- react-text: 4846 -->优化 <!-- /react-text --><a href="http://ant.design/components/spin/#components-spin-demo-nested" data-reactid="4847"><!-- react-text: 4848 -->Spin 状态切换<!-- /react-text --></a><!-- react-text: 4849 --> 时的效果。<!-- /react-text --></p></li><li data-reactid="4850"><p data-reactid="4851"><!-- react-text: 4852 -->更新 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/2f308b0f995cfcb2a3c8feb1e35ffd3f0bf93cfc" data-reactid="4853"><!-- react-text: 4854 -->font-family<!-- /react-text --></a><!-- react-text: 4855 -->。<!-- /react-text --></p></li></ul><h3 id="2.x-相关工具发布" data-reactid="4856"><span data-reactid="4857"><!-- react-text: 4858 -->2.x 相关工具发布<!-- /react-text --></span><a href="#2.x-相关工具发布" class="anchor" data-reactid="4859">#</a></h3><ul data-reactid="4860"><li data-reactid="4861"><p data-reactid="4862"><!-- react-text: 4863 -->新增配套网站 <!-- /react-text --><a href="http://library.ant.design/" data-reactid="4864"><!-- react-text: 4865 -->AntD Library<!-- /react-text --></a><!-- react-text: 4866 -->，提供遵循 Ant Design 设计规范的组件、模式等的 Axure 资源。<!-- /react-text --></p></li><li data-reactid="4867"><p data-reactid="4868"><code data-reactid="4869"><!-- react-text: 4870 -->babel-plugin-antd<!-- /react-text --></code><!-- react-text: 4871 --> 更名为 <!-- /react-text --><a href="https://github.com/ant-design/babel-plugin-import" data-reactid="4872"><!-- react-text: 4873 -->babel-plugin-import<!-- /react-text --></a><!-- react-text: 4874 -->，标志着该插件将作为一个通用的按需加载方案存在，而不再是 <!-- /react-text --><code data-reactid="4875"><!-- react-text: 4876 -->antd<!-- /react-text --></code><!-- react-text: 4877 --> 专有。<!-- /react-text --></p><p data-reactid="4878"><!-- react-text: 4879 -->请更新 <!-- /react-text --><code data-reactid="4880"><!-- react-text: 4881 -->package.json<!-- /react-text --></code><!-- react-text: 4882 -->：<!-- /react-text --></p><pre class="language-diff" data-reactid="4883"><code data-reactid="4884">{
   "devDependencies": {
 <span class="token deleted">-   "babel-plugin-antd": "^0.x.x",</span>
 <span class="token inserted">+   "babel-plugin-import": "^1.0.0",</span>
   }
-}</code></pre><p data-reactid="4853"><!-- react-text: 4854 -->同时更新 <!-- /react-text --><code data-reactid="4855"><!-- react-text: 4856 -->.babelrc<!-- /react-text --></code><!-- react-text: 4857 --> 或你在其它地方对其的配置：<!-- /react-text --></p><pre class="language-diff" data-reactid="4858"><code data-reactid="4859">{
+}</code></pre><p data-reactid="4885"><!-- react-text: 4886 -->同时更新 <!-- /react-text --><code data-reactid="4887"><!-- react-text: 4888 -->.babelrc<!-- /react-text --></code><!-- react-text: 4889 --> 或你在其它地方对其的配置：<!-- /react-text --></p><pre class="language-diff" data-reactid="4890"><code data-reactid="4891">{
 <span class="token deleted">-  "plugins": [["antd", { style: "css" }]]</span>
 <span class="token inserted">+  "plugins": [["import", { libraryName: "antd", style: "css" }]]</span>
-}</code></pre></li><li data-reactid="4860"><p data-reactid="4861"><a href="https://github.com/dvajs/dva" data-reactid="4862"><!-- react-text: 4863 -->dva@1.0.0<!-- /react-text --></a><!-- react-text: 4864 --> 也已经发布，并推荐 <!-- /react-text --><a href="http://ant.design/docs/react/practical-projects" data-reactid="4865"><!-- react-text: 4866 -->在实战项目中使用<!-- /react-text --></a><!-- react-text: 4867 -->。<!-- /react-text --></p></li><li data-reactid="4868"><p data-reactid="4869"><!-- react-text: 4870 -->脚手架工具推荐使用 <!-- /react-text --><a href="https://github.com/dvajs/dva-cli" data-reactid="4871"><!-- react-text: 4872 -->dva-cli<!-- /react-text --></a><!-- react-text: 4873 -->，原来的 <!-- /react-text --><code data-reactid="4874"><!-- react-text: 4875 -->antd-init<!-- /react-text --></code><!-- react-text: 4876 --> 以后仅会用于学习以及 demo。<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item ant-timeline-item-last" data-reactid="4877"><div class="ant-timeline-item-tail" data-reactid="4878"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="4879"></div><div class="ant-timeline-item-content" data-reactid="4880"><h2 id="1.11.4" data-reactid="4881"><span data-reactid="4882"><!-- react-text: 4883 -->1.11.4<!-- /react-text --></span><a href="#1.11.4" class="anchor" data-reactid="4884">#</a></h2><p data-reactid="4885"><!-- react-text: 4886 -->去 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/blob/1.x-stable/CHANGELOG.md" data-reactid="4887"><!-- react-text: 4888 -->GitHub<!-- /react-text --></a><!-- react-text: 4889 --> 查看 <!-- /react-text --><code data-reactid="4890"><!-- react-text: 4891 -->0.x<!-- /react-text --></code><!-- react-text: 4892 --> 到 <!-- /react-text --><code data-reactid="4893"><!-- react-text: 4894 -->1.x<!-- /react-text --></code><!-- react-text: 4895 --> 的 Change Log。<!-- /react-text --></p></div></li></ul></section></article></div></div><div class="ant-row" data-reactid="4896"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="4897"><section class="prev-next-nav" data-reactid="4898"><a class="prev-page" href="/docs/react/customize-theme-cn" data-reactid="4899">定制主题</a><a class="next-page" href="/docs/react/recommendation-cn" data-reactid="4900">社区精选组件</a></section></div></div></div><footer id="footer" data-reactid="4901"><ul data-reactid="4902"><li data-reactid="4903"><h2 data-reactid="4904"><i class="anticon anticon-github" data-reactid="4905"></i><!-- react-text: 4906 --> GitHub<!-- /react-text --></h2><div data-reactid="4907"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="4908"><span data-reactid="4909">源码仓库</span></a></div><div data-reactid="4910"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="4911"><span data-reactid="4912">定制主题</span></a></div><div data-reactid="4913"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="4914"><span data-reactid="4915">Awesome Ant Design</span></a></div></li><li data-reactid="4916"><h2 data-reactid="4917"><i class="anticon anticon-link" data-reactid="4918"></i><!-- react-text: 4919 --> <!-- /react-text --><span data-reactid="4920">相关站点</span></h2><div data-reactid="4921"><a href="https://design.alipay.com/" data-reactid="4922"><span data-reactid="4923">蚂蚁金服设计平台</span></a></div><div data-reactid="4924"><a href="http://mobile.ant.design" data-reactid="4925">Ant Design Mobile</a><span data-reactid="4926"> - </span><span data-reactid="4927">移动版</span></div><div data-reactid="4928"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="4929">dva</a><!-- react-text: 4930 --> - <!-- /react-text --><span data-reactid="4931">应用框架</span></div><div data-reactid="4932"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="4933">dva-cli</a><!-- react-text: 4934 --> -<!-- /react-text --><span data-reactid="4935">开发工具</span></div><div data-reactid="4936"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="4937">Egg</a><span data-reactid="4938"> - </span><span data-reactid="4939">企业级 Node 开发框架</span></div><div data-reactid="4940"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="4941">AntV</a><span data-reactid="4942"> - </span><span data-reactid="4943">数据可视化</span></div><div data-reactid="4944"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="4945">Ant Motion</a><span data-reactid="4946"> - </span><span data-reactid="4947">设计动效</span></div><div data-reactid="4948"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="4949">AntD Library</a><span data-reactid="4950"> - </span><span data-reactid="4951">Axure 部件库</span></div><div data-reactid="4952"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="4953">Ant UX</a><span data-reactid="4954"> - </span><span data-reactid="4955">页面逻辑素材</span></div></li><li data-reactid="4956"><h2 data-reactid="4957"><i class="anticon anticon-customer-service" data-reactid="4958"></i><!-- react-text: 4959 --> <!-- /react-text --><span data-reactid="4960">社区</span></h2><div data-reactid="4961"><a href="/changelog" data-reactid="4962"><span data-reactid="4963">更新记录</span></a></div><div data-reactid="4964"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="4965"><span data-reactid="4966">常见问题</span></a></div><div data-reactid="4967"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="4968"><span data-reactid="4969">在线讨论 (中文)</span></a></div><div data-reactid="4970"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="4971"><span data-reactid="4972">在线讨论 (English)</span></a></div><div data-reactid="4973"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="4974"><span data-reactid="4975">报告 Bug</span></a></div><div data-reactid="4976"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="4977"><span data-reactid="4978">讨论列表</span></a></div><div data-reactid="4979"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="4980"><span data-reactid="4981">StackOverflow</span></a></div><div data-reactid="4982"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="4983"><span data-reactid="4984">SegmentFault</span></a></div></li><li data-reactid="4985"><h2 data-reactid="4986"><!-- react-text: 4987 -->Copyright © <!-- /react-text --><!-- react-text: 4988 -->2017<!-- /react-text --></h2><div data-reactid="4989"><span data-reactid="4990">蚂蚁金服体验技术部出品</span></div><div data-reactid="4991"><!-- react-text: 4992 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="4993">BiSheng</a></div></li></ul></footer></div>
+}</code></pre></li><li data-reactid="4892"><p data-reactid="4893"><a href="https://github.com/dvajs/dva" data-reactid="4894"><!-- react-text: 4895 -->dva@1.0.0<!-- /react-text --></a><!-- react-text: 4896 --> 也已经发布，并推荐 <!-- /react-text --><a href="http://ant.design/docs/react/practical-projects" data-reactid="4897"><!-- react-text: 4898 -->在实战项目中使用<!-- /react-text --></a><!-- react-text: 4899 -->。<!-- /react-text --></p></li><li data-reactid="4900"><p data-reactid="4901"><!-- react-text: 4902 -->脚手架工具推荐使用 <!-- /react-text --><a href="https://github.com/dvajs/dva-cli" data-reactid="4903"><!-- react-text: 4904 -->dva-cli<!-- /react-text --></a><!-- react-text: 4905 -->，原来的 <!-- /react-text --><code data-reactid="4906"><!-- react-text: 4907 -->antd-init<!-- /react-text --></code><!-- react-text: 4908 --> 以后仅会用于学习以及 demo。<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item ant-timeline-item-last" data-reactid="4909"><div class="ant-timeline-item-tail" data-reactid="4910"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="4911"></div><div class="ant-timeline-item-content" data-reactid="4912"><h2 id="1.11.4" data-reactid="4913"><span data-reactid="4914"><!-- react-text: 4915 -->1.11.4<!-- /react-text --></span><a href="#1.11.4" class="anchor" data-reactid="4916">#</a></h2><p data-reactid="4917"><!-- react-text: 4918 -->去 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/blob/1.x-stable/CHANGELOG.md" data-reactid="4919"><!-- react-text: 4920 -->GitHub<!-- /react-text --></a><!-- react-text: 4921 --> 查看 <!-- /react-text --><code data-reactid="4922"><!-- react-text: 4923 -->0.x<!-- /react-text --></code><!-- react-text: 4924 --> 到 <!-- /react-text --><code data-reactid="4925"><!-- react-text: 4926 -->1.x<!-- /react-text --></code><!-- react-text: 4927 --> 的 Change Log。<!-- /react-text --></p></div></li></ul></section></article></div></div><div class="ant-row" data-reactid="4928"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="4929"><section class="prev-next-nav" data-reactid="4930"><a class="prev-page" href="/docs/react/customize-theme-cn" data-reactid="4931">定制主题</a><a class="next-page" href="/docs/react/recommendation-cn" data-reactid="4932">社区精选组件</a></section></div></div></div><footer id="footer" data-reactid="4933"><ul data-reactid="4934"><li data-reactid="4935"><h2 data-reactid="4936"><i class="anticon anticon-github" data-reactid="4937"></i><!-- react-text: 4938 --> GitHub<!-- /react-text --></h2><div data-reactid="4939"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="4940"><span data-reactid="4941">源码仓库</span></a></div><div data-reactid="4942"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="4943"><span data-reactid="4944">定制主题</span></a></div><div data-reactid="4945"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="4946"><span data-reactid="4947">Awesome Ant Design</span></a></div></li><li data-reactid="4948"><h2 data-reactid="4949"><i class="anticon anticon-link" data-reactid="4950"></i><!-- react-text: 4951 --> <!-- /react-text --><span data-reactid="4952">相关站点</span></h2><div data-reactid="4953"><a href="https://design.alipay.com/" data-reactid="4954"><span data-reactid="4955">蚂蚁金服设计平台</span></a></div><div data-reactid="4956"><a href="http://mobile.ant.design" data-reactid="4957">Ant Design Mobile</a><span data-reactid="4958"> - </span><span data-reactid="4959">移动版</span></div><div data-reactid="4960"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="4961">dva</a><!-- react-text: 4962 --> - <!-- /react-text --><span data-reactid="4963">应用框架</span></div><div data-reactid="4964"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="4965">dva-cli</a><!-- react-text: 4966 --> -<!-- /react-text --><span data-reactid="4967">开发工具</span></div><div data-reactid="4968"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="4969">Egg</a><span data-reactid="4970"> - </span><span data-reactid="4971">企业级 Node 开发框架</span></div><div data-reactid="4972"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="4973">AntV</a><span data-reactid="4974"> - </span><span data-reactid="4975">数据可视化</span></div><div data-reactid="4976"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="4977">Ant Motion</a><span data-reactid="4978"> - </span><span data-reactid="4979">设计动效</span></div><div data-reactid="4980"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="4981">AntD Library</a><span data-reactid="4982"> - </span><span data-reactid="4983">Axure 部件库</span></div><div data-reactid="4984"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="4985">Ant UX</a><span data-reactid="4986"> - </span><span data-reactid="4987">页面逻辑素材</span></div></li><li data-reactid="4988"><h2 data-reactid="4989"><i class="anticon anticon-customer-service" data-reactid="4990"></i><!-- react-text: 4991 --> <!-- /react-text --><span data-reactid="4992">社区</span></h2><div data-reactid="4993"><a href="/changelog" data-reactid="4994"><span data-reactid="4995">更新记录</span></a></div><div data-reactid="4996"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="4997"><span data-reactid="4998">常见问题</span></a></div><div data-reactid="4999"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="5000"><span data-reactid="5001">在线讨论 (中文)</span></a></div><div data-reactid="5002"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="5003"><span data-reactid="5004">在线讨论 (English)</span></a></div><div data-reactid="5005"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="5006"><span data-reactid="5007">报告 Bug</span></a></div><div data-reactid="5008"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="5009"><span data-reactid="5010">讨论列表</span></a></div><div data-reactid="5011"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="5012"><span data-reactid="5013">StackOverflow</span></a></div><div data-reactid="5014"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="5015"><span data-reactid="5016">SegmentFault</span></a></div></li><li data-reactid="5017"><h2 data-reactid="5018"><!-- react-text: 5019 -->Copyright © <!-- /react-text --><!-- react-text: 5020 -->2017<!-- /react-text --></h2><div data-reactid="5021"><span data-reactid="5022">蚂蚁金服体验技术部出品</span></div><div data-reactid="5023"><!-- react-text: 5024 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="5025">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/changelog.html b/changelog.html
index cf8149714..0d290862b 100644
--- a/changelog.html
+++ b/changelog.html
@@ -110,36 +110,36 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-527264804"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="357860127"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->Change Log<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/CHANGELOG.en-US.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="markdown" data-reactid="294"><p data-reactid="295"><code data-reactid="296"><!-- react-text: 297 -->antd<!-- /react-text --></code><!-- react-text: 298 --> strictly follows <!-- /react-text --><a href="http://semver.org/" data-reactid="299"><!-- react-text: 300 -->Semantic Versioning 2.0.0<!-- /react-text --></a><!-- react-text: 301 -->.<!-- /react-text --></p><h4 id="Release-Schedule" data-reactid="302"><span data-reactid="303"><!-- react-text: 304 -->Release Schedule<!-- /react-text --></span><a href="#Release-Schedule" class="anchor" data-reactid="305">#</a></h4><ul data-reactid="306"><li data-reactid="307"><p data-reactid="308"><!-- react-text: 309 -->Weekly release: patch version at the end of every week for routine bugfix (anytime for urgent bugfix).<!-- /react-text --></p></li><li data-reactid="310"><p data-reactid="311"><!-- react-text: 312 -->Monthly release: minor version at the end of every month for new features.<!-- /react-text --></p></li><li data-reactid="313"><p data-reactid="314"><!-- react-text: 315 -->Major version release is not included in this schedule for breadking change and new features.<!-- /react-text --></p></li></ul><p data-reactid="316"><!-- react-text: 317 -->If you want to read change logs before <!-- /react-text --><code data-reactid="318"><!-- react-text: 319 -->2.0.0<!-- /react-text --></code><!-- react-text: 320 -->, please visit <!-- /react-text --><a href="https://github.com/ant-design/ant-design/blob/1.x-stable/CHANGELOG.md" data-reactid="321"><!-- react-text: 322 -->GitHub<!-- /react-text --></a><!-- react-text: 323 -->.<!-- /react-text --></p></section><section class="markdown" data-reactid="324"><ul class="ant-timeline" data-reactid="325"><li class="ant-timeline-item" data-reactid="326"><div class="ant-timeline-item-tail" data-reactid="327"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="328"></div><div class="ant-timeline-item-content" data-reactid="329"><h2 id="2.9.2" data-reactid="330"><span data-reactid="331"><!-- react-text: 332 -->2.9.2<!-- /react-text --></span><a href="#2.9.2" class="anchor" data-reactid="333">#</a></h2><p data-reactid="334"><code data-reactid="335"><!-- react-text: 336 -->2017-04-22<!-- /react-text --></code></p><ul data-reactid="337"><li data-reactid="338"><p data-reactid="339"><strong data-reactid="340"><!-- react-text: 341 -->Alert<!-- /react-text --></strong><!-- react-text: 342 --> Fix props of banner mode can&#x27;t be overrided. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5800" data-reactid="343"><!-- react-text: 344 -->#5800<!-- /react-text --></a></p></li><li data-reactid="345"><p data-reactid="346"><strong data-reactid="347"><!-- react-text: 348 -->AutoComplete<!-- /react-text --></strong><!-- react-text: 349 --> Fix can&#x27;t add <!-- /react-text --><code data-reactid="350"><!-- react-text: 351 -->onKeyDown<!-- /react-text --></code><!-- react-text: 352 --> event listener with customized input component. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5487" data-reactid="353"><!-- react-text: 354 -->#5487<!-- /react-text --></a></p></li><li data-reactid="355"><p data-reactid="356"><strong data-reactid="357"><!-- react-text: 358 -->Button<!-- /react-text --></strong><!-- react-text: 359 --> New style for danger Button. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5815" data-reactid="360"><!-- react-text: 361 -->#5815<!-- /react-text --></a></p></li><li data-reactid="362"><p data-reactid="363"><strong data-reactid="364"><!-- react-text: 365 -->DatePicker<!-- /react-text --></strong><!-- react-text: 366 --> <!-- /react-text --></p><ul data-reactid="367"><li data-reactid="368"><p data-reactid="369"><!-- react-text: 370 -->Improve user experience of RangePicker, rc-calendar upgrade to <!-- /react-text --><code data-reactid="371"><!-- react-text: 372 -->~8.0.0<!-- /react-text --></code><!-- react-text: 373 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4985" data-reactid="374"><!-- react-text: 375 -->#4985<!-- /react-text --></a></p></li><li data-reactid="376"><p data-reactid="377"><!-- react-text: 378 -->Fix RangePicker not aligned after customizing the size of input. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5718" data-reactid="379"><!-- react-text: 380 -->pull/5718<!-- /react-text --></a><!-- react-text: 381 --> <!-- /react-text --><a href="https://github.com/leadream" data-reactid="382"><!-- react-text: 383 -->@leadream<!-- /react-text --></a></p></li></ul></li><li data-reactid="384"><p data-reactid="385"><strong data-reactid="386"><!-- react-text: 387 -->Form<!-- /react-text --></strong><!-- react-text: 388 --> Add a less variable to opt out of form item colons. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5855" data-reactid="389"><!-- react-text: 390 -->pull/5855<!-- /react-text --></a><!-- react-text: 391 --> <!-- /react-text --><a href="https://github.com/megawac" data-reactid="392"><!-- react-text: 393 -->@megawac<!-- /react-text --></a></p></li><li data-reactid="394"><p data-reactid="395"><strong data-reactid="396"><!-- react-text: 397 -->Icon<!-- /react-text --></strong><!-- react-text: 398 --> Add displayName. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5643" data-reactid="399"><!-- react-text: 400 -->pull/5643<!-- /react-text --></a><!-- react-text: 401 --> <!-- /react-text --><a href="https://github.com/handycode" data-reactid="402"><!-- react-text: 403 -->@handycode<!-- /react-text --></a></p></li><li data-reactid="404"><p data-reactid="405"><strong data-reactid="406"><!-- react-text: 407 -->Input<!-- /react-text --></strong></p><ul data-reactid="408"><li data-reactid="409"><p data-reactid="410"><!-- react-text: 411 -->Fix Input.Search style issue when be used in Input.Group. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5743" data-reactid="412"><!-- react-text: 413 -->#5743<!-- /react-text --></a></p></li><li data-reactid="414"><p data-reactid="415"><!-- react-text: 416 -->Fix AutoComplete style issue when be used in Input.Group. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5832" data-reactid="417"><!-- react-text: 418 -->#5832<!-- /react-text --></a></p></li><li data-reactid="419"><p data-reactid="420"><!-- react-text: 421 -->Fix Select size when be used in Input.Group. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5754" data-reactid="422"><!-- react-text: 423 -->#5754<!-- /react-text --></a></p></li><li data-reactid="424"><p data-reactid="425"><!-- react-text: 426 -->Change suffix color. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5820" data-reactid="427"><!-- react-text: 428 -->pull/5820<!-- /react-text --></a><!-- react-text: 429 --> <!-- /react-text --><a href="https://github.com/megawac" data-reactid="430"><!-- react-text: 431 -->@megawac<!-- /react-text --></a></p></li></ul></li><li data-reactid="432"><p data-reactid="433"><strong data-reactid="434"><!-- react-text: 435 -->InputNumber<!-- /react-text --></strong><!-- react-text: 436 --> Update docs and demos for how to use <!-- /react-text --><code data-reactid="437"><!-- react-text: 438 -->parser<!-- /react-text --></code><!-- react-text: 439 --> to work with <!-- /react-text --><code data-reactid="440"><!-- react-text: 441 -->formatter<!-- /react-text --></code><!-- react-text: 442 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5683" data-reactid="443"><!-- react-text: 444 -->#5683<!-- /react-text --></a></p></li><li data-reactid="445"><p data-reactid="446"><strong data-reactid="447"><!-- react-text: 448 -->Layout<!-- /react-text --></strong></p><ul data-reactid="449"><li data-reactid="450"><p data-reactid="451"><!-- react-text: 452 -->Add <!-- /react-text --><a href="https://ant.design/components/layout/#components-layout-demo-fixed-sider" data-reactid="453"><!-- react-text: 454 -->Fixed-Sider<!-- /react-text --></a><!-- react-text: 455 --> demo.<!-- /react-text --></p></li><li data-reactid="456"><p data-reactid="457"><!-- react-text: 458 -->Fix style issue of responsive sider in firefox. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5613" data-reactid="459"><!-- react-text: 460 -->#5613<!-- /react-text --></a></p></li></ul></li><li data-reactid="461"><p data-reactid="462"><strong data-reactid="463"><!-- react-text: 464 -->LocaleProvider<!-- /react-text --></strong><!-- react-text: 465 --> Allow for seamless access to less variables. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5712" data-reactid="466"><!-- react-text: 467 -->#5712<!-- /react-text --></a><!-- react-text: 468 --> <!-- /react-text --><a href="https://github.com/lionkeng" data-reactid="469"><!-- react-text: 470 -->@lionkeng<!-- /react-text --></a></p></li><li data-reactid="471"><p data-reactid="472"><strong data-reactid="473"><!-- react-text: 474 -->Menu<!-- /react-text --></strong><!-- react-text: 475 --> Override the default <!-- /react-text --><code data-reactid="476"><!-- react-text: 477 -->a:focus<!-- /react-text --></code><!-- react-text: 478 --> style when it nested in Menu component. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5707" data-reactid="479"><!-- react-text: 480 -->#5707<!-- /react-text --></a></p></li><li data-reactid="481"><p data-reactid="482"><strong data-reactid="483"><!-- react-text: 484 -->Notification<!-- /react-text --></strong><!-- react-text: 485 -->  Auto adjust style for singleline message. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5846" data-reactid="486"><!-- react-text: 487 -->#5846<!-- /react-text --></a></p></li><li data-reactid="488"><p data-reactid="489"><strong data-reactid="490"><!-- react-text: 491 -->Radio<!-- /react-text --></strong><!-- react-text: 492 --> Add less variables for setting color and background color of Radio.Button. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5791" data-reactid="493"><!-- react-text: 494 -->pull/5791<!-- /react-text --></a><!-- react-text: 495 --> <!-- /react-text --><a href="https://github.com/megawac" data-reactid="496"><!-- react-text: 497 -->@megawac<!-- /react-text --></a></p></li><li data-reactid="498"><p data-reactid="499"><strong data-reactid="500"><!-- react-text: 501 -->Table<!-- /react-text --></strong></p><ul data-reactid="502"><li data-reactid="503"><p data-reactid="504"><!-- react-text: 505 -->Add less variables for setting head background color and row background hover color. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5706" data-reactid="506"><!-- react-text: 507 -->#5706<!-- /react-text --></a><!-- react-text: 508 --> <!-- /react-text --><a href="https://github.com/kappa-gooner" data-reactid="509"><!-- react-text: 510 -->@kappa-gooner<!-- /react-text --></a></p></li><li data-reactid="511"><p data-reactid="512"><!-- react-text: 513 -->Improve the <!-- /react-text --><code data-reactid="514"><!-- react-text: 515 -->Grouping table head<!-- /react-text --></code><!-- react-text: 516 --> demo style. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5697" data-reactid="517"><!-- react-text: 518 -->#5697<!-- /react-text --></a></p></li></ul></li><li data-reactid="519"><p data-reactid="520"><strong data-reactid="521"><!-- react-text: 522 -->Tabs<!-- /react-text --></strong><!-- react-text: 523 --> Fix the position of the scrolling arrow in <!-- /react-text --><code data-reactid="524"><!-- react-text: 525 -->vertical<!-- /react-text --></code><!-- react-text: 526 --> mode. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5765" data-reactid="527"><!-- react-text: 528 -->#5765<!-- /react-text --></a><!-- react-text: 529 --> <!-- /react-text --><a href="https://github.com/dicklwm" data-reactid="530"><!-- react-text: 531 -->@dicklwm<!-- /react-text --></a></p></li><li data-reactid="532"><p data-reactid="533"><strong data-reactid="534"><!-- react-text: 535 -->TreeSelect<!-- /react-text --></strong><!-- react-text: 536 --> Fix arrow rotate bug. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5693" data-reactid="537"><!-- react-text: 538 -->#5693<!-- /react-text --></a></p></li><li data-reactid="539"><p data-reactid="540"><strong data-reactid="541"><!-- react-text: 542 -->TypeScript<!-- /react-text --></strong></p><ul data-reactid="543"><li data-reactid="544"><p data-reactid="545"><!-- react-text: 546 -->Add missing props in InputNumber. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5717" data-reactid="547"><!-- react-text: 548 -->#5717<!-- /react-text --></a><!-- react-text: 549 -->  <!-- /react-text --><a href="https://github.com/whtang906" data-reactid="550"><!-- react-text: 551 -->@whtang906<!-- /react-text --></a><!-- react-text: 552 --> <!-- /react-text --></p></li></ul></li><li data-reactid="553"><p data-reactid="554"><strong data-reactid="555"><!-- react-text: 556 -->Global Optimization<!-- /react-text --></strong></p><ul data-reactid="557"><li data-reactid="558"><p data-reactid="559"><!-- react-text: 560 -->Fix deprecation warning of <!-- /react-text --><code data-reactid="561"><!-- react-text: 562 -->React.PropTypes<!-- /react-text --></code><!-- react-text: 563 --> due to React upgrading to v15.5.0. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5723" data-reactid="564"><!-- react-text: 565 -->pull/5723<!-- /react-text --></a><!-- react-text: 566 -->  <!-- /react-text --><a href="https://github.com/manjitkumar" data-reactid="567"><!-- react-text: 568 -->@manjitkumar<!-- /react-text --></a></p></li></ul></li><li data-reactid="569"><p data-reactid="570"><strong data-reactid="571"><!-- react-text: 572 -->Site<!-- /react-text --></strong></p><ul data-reactid="573"><li data-reactid="574"><p data-reactid="575"><!-- react-text: 576 -->Add native English translation for <!-- /react-text --><a href="https://ant.design/docs/spec/icon" data-reactid="577"><!-- react-text: 578 -->icons spec<!-- /react-text --></a><!-- react-text: 579 -->. <!-- /react-text --><a href="https://github.com/kenaniah" data-reactid="580"><!-- react-text: 581 -->@kenaniah<!-- /react-text --></a></p></li><li data-reactid="582"><p data-reactid="583"><!-- react-text: 584 -->Add <!-- /react-text --><a href="https://gitter.im/ant-design/ant-design-english" data-reactid="585"><!-- react-text: 586 -->English gitter chat room<!-- /react-text --></a><!-- react-text: 587 -->.<!-- /react-text --></p></li></ul></li></ul></div></li><li class="ant-timeline-item" data-reactid="588"><div class="ant-timeline-item-tail" data-reactid="589"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="590"></div><div class="ant-timeline-item-content" data-reactid="591"><h2 id="2.9.1" data-reactid="592"><span data-reactid="593"><!-- react-text: 594 -->2.9.1<!-- /react-text --></span><a href="#2.9.1" class="anchor" data-reactid="595">#</a></h2><p data-reactid="596"><code data-reactid="597"><!-- react-text: 598 -->2017-04-09<!-- /react-text --></code></p><ul data-reactid="599"><li data-reactid="600"><p data-reactid="601"><!-- react-text: 602 -->Step<!-- /react-text --></p><ul data-reactid="603"><li data-reactid="604"><p data-reactid="605"><!-- react-text: 606 -->Add more less variables. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5624" data-reactid="607"><!-- react-text: 608 -->#5624<!-- /react-text --></a><!-- react-text: 609 --> <!-- /react-text --><a href="https://github.com/megawac" data-reactid="610"><!-- react-text: 611 -->@megawac<!-- /react-text --></a></p></li><li data-reactid="612"><p data-reactid="613"><!-- react-text: 614 -->Fix style issue. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5623" data-reactid="615"><!-- react-text: 616 -->#5623<!-- /react-text --></a></p></li></ul></li><li data-reactid="617"><p data-reactid="618"><!-- react-text: 619 -->Button won&#x27;t lose focus after click. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5597" data-reactid="620"><!-- react-text: 621 -->#5597<!-- /react-text --></a><!-- react-text: 622 --> <!-- /react-text --><a href="https://github.com/kenaniah" data-reactid="623"><!-- react-text: 624 -->@kenaniah<!-- /react-text --></a></p></li><li data-reactid="625"><p data-reactid="626"><!-- react-text: 627 -->Add underline to focused link.  <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5597" data-reactid="628"><!-- react-text: 629 -->#5587<!-- /react-text --></a><!-- react-text: 630 --> <!-- /react-text --><a href="https://github.com/kenaniah" data-reactid="631"><!-- react-text: 632 -->@kenaniah<!-- /react-text --></a></p></li><li data-reactid="633"><p data-reactid="634"><!-- react-text: 635 -->Fix Dropdown.Button can&#x27;t use <!-- /react-text --><code data-reactid="636"><!-- react-text: 637 -->placement<!-- /react-text --></code><!-- react-text: 638 --> issue. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5594" data-reactid="639"><!-- react-text: 640 -->#5594<!-- /react-text --></a></p></li><li data-reactid="641"><p data-reactid="642"><!-- react-text: 643 -->Fix Pagination alignment issue. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5632" data-reactid="644"><!-- react-text: 645 -->#5632<!-- /react-text --></a></p></li><li data-reactid="646"><p data-reactid="647"><!-- react-text: 648 -->Fix AutoComplete style issue when use <!-- /react-text --><code data-reactid="649"><!-- react-text: 650 -->allowClear<!-- /react-text --></code><!-- react-text: 651 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5634" data-reactid="652"><!-- react-text: 653 -->#5634<!-- /react-text --></a></p></li><li data-reactid="654"><p data-reactid="655"><!-- react-text: 656 -->Fix DatePicker style issue when  set <!-- /react-text --><code data-reactid="657"><!-- react-text: 658 -->showToday<!-- /react-text --></code><!-- react-text: 659 --> to <!-- /react-text --><code data-reactid="660"><!-- react-text: 661 -->false<!-- /react-text --></code><!-- react-text: 662 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5620" data-reactid="663"><!-- react-text: 664 -->#5620<!-- /react-text --></a></p></li><li data-reactid="665"><p data-reactid="666"><!-- react-text: 667 -->Fix Select shows Chinese defaultly. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5661" data-reactid="668"><!-- react-text: 669 -->#5661<!-- /react-text --></a><!-- react-text: 670 --> <!-- /react-text --><a href="https://github.com/LeeHarlan" data-reactid="671"><!-- react-text: 672 -->@LeeHarlan<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="673"><div class="ant-timeline-item-tail" data-reactid="674"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="675"></div><div class="ant-timeline-item-content" data-reactid="676"><h2 id="2.9.0" data-reactid="677"><span data-reactid="678"><!-- react-text: 679 -->2.9.0<!-- /react-text --></span><a href="#2.9.0" class="anchor" data-reactid="680">#</a></h2><p data-reactid="681"><code data-reactid="682"><!-- react-text: 683 -->2017-04-01<!-- /react-text --></code><!-- react-text: 684 --> 👻<!-- /react-text --></p><ul data-reactid="685"><li data-reactid="686"><p data-reactid="687"><!-- react-text: 688 -->Change the default font family to be monospaced for numbers. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/b526083fa6a619113a3d26c4f4f092a8648f3bd4" data-reactid="689"><!-- react-text: 690 -->b526083<!-- /react-text --></a></p></li><li data-reactid="691"><p data-reactid="692"><!-- react-text: 693 -->Select<!-- /react-text --></p><ul data-reactid="694"><li data-reactid="695"><p data-reactid="696"><!-- react-text: 697 -->Add <!-- /react-text --><code data-reactid="698"><!-- react-text: 699 -->mode<!-- /react-text --></code><!-- react-text: 700 --> prop, deprecate the <!-- /react-text --><code data-reactid="701"><!-- react-text: 702 -->tags|combobox|multiple<!-- /react-text --></code><!-- react-text: 703 --> properties, replaced by <!-- /react-text --><code data-reactid="704"><!-- react-text: 705 -->mode={tags|combobox|multiple}<!-- /react-text --></code><!-- react-text: 706 -->.<!-- /react-text --></p></li><li data-reactid="707"><p data-reactid="708"><code data-reactid="709"><!-- react-text: 710 -->tags|multiple<!-- /react-text --></code><!-- react-text: 711 --> now supports <!-- /react-text --><code data-reactid="712"><!-- react-text: 713 -->allowClear<!-- /react-text --></code><!-- react-text: 714 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4843" data-reactid="715"><!-- react-text: 716 -->#4843<!-- /react-text --></a></p></li></ul></li><li data-reactid="717"><p data-reactid="718"><!-- react-text: 719 -->Add a new type <!-- /react-text --><code data-reactid="720"><!-- react-text: 721 -->dashboard<!-- /react-text --></code><!-- react-text: 722 --> of Progress. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5225" data-reactid="723"><!-- react-text: 724 -->#5225<!-- /react-text --></a><!-- react-text: 725 --> <!-- /react-text --><a href="https://github.com/qiaolb" data-reactid="726"><!-- react-text: 727 -->@qiaolb<!-- /react-text --></a></p></li><li data-reactid="728"><p data-reactid="729"><!-- react-text: 730 -->Add <!-- /react-text --><code data-reactid="731"><!-- react-text: 732 -->showLine<!-- /react-text --></code><!-- react-text: 733 --> prop of Tree, for connecting line style in tree nodes. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3854" data-reactid="734"><!-- react-text: 735 -->#3854<!-- /react-text --></a></p></li><li data-reactid="736"><p data-reactid="737"><!-- react-text: 738 -->TimePicker now supports 12 hours via <!-- /react-text --><code data-reactid="739"><!-- react-text: 740 -->use12Hours<!-- /react-text --></code><!-- react-text: 741 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4063" data-reactid="742"><!-- react-text: 743 -->#4063<!-- /react-text --></a></p></li><li data-reactid="744"><p data-reactid="745"><!-- react-text: 746 -->Add <!-- /react-text --><code data-reactid="747"><!-- react-text: 748 -->column.filterIcon<!-- /react-text --></code><!-- react-text: 749 --> prop of Table, which can be used to customize filter icon. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5293" data-reactid="750"><!-- react-text: 751 -->#5293<!-- /react-text --></a></p></li><li data-reactid="752"><p data-reactid="753"><!-- react-text: 754 -->Add <!-- /react-text --><code data-reactid="755"><!-- react-text: 756 -->wrapperClassName<!-- /react-text --></code><!-- react-text: 757 --> prop of Spin. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5425" data-reactid="758"><!-- react-text: 759 -->#5425<!-- /react-text --></a><!-- react-text: 760 --> <!-- /react-text --><a href="https://github.com/aaronplanell" data-reactid="761"><!-- react-text: 762 -->@aaronplanell<!-- /react-text --></a></p></li><li data-reactid="763"><p data-reactid="764"><!-- react-text: 765 -->Add <!-- /react-text --><code data-reactid="766"><!-- react-text: 767 -->onPrevClick<!-- /react-text --></code><!-- react-text: 768 --> <!-- /react-text --><code data-reactid="769"><!-- react-text: 770 -->onNextClick<!-- /react-text --></code><!-- react-text: 771 --> props of Tabs. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4395" data-reactid="772"><!-- react-text: 773 -->#4395<!-- /react-text --></a></p></li><li data-reactid="774"><p data-reactid="775"><!-- react-text: 776 -->Add <!-- /react-text --><code data-reactid="777"><!-- react-text: 778 -->parser<!-- /react-text --></code><!-- react-text: 779 --> prop of InputNumber, to extract value from formatter. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5178#issuecomment-284557933" data-reactid="780"><!-- react-text: 781 -->#5178<!-- /react-text --></a></p></li><li data-reactid="782"><p data-reactid="783"><!-- react-text: 784 -->New locales support:<!-- /react-text --></p><ul data-reactid="785"><li data-reactid="786"><p data-reactid="787"><!-- react-text: 788 -->Japanese <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5529" data-reactid="789"><!-- react-text: 790 -->#5529<!-- /react-text --></a><!-- react-text: 791 -->  <!-- /react-text --><a href="https://github.com/novi" data-reactid="792"><!-- react-text: 793 -->@novi<!-- /react-text --></a></p></li><li data-reactid="794"><p data-reactid="795"><!-- react-text: 796 -->Slovak <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5304" data-reactid="797"><!-- react-text: 798 -->#5304<!-- /react-text --></a><!-- react-text: 799 --> <!-- /react-text --><a href="https://github.com/Kamahl19" data-reactid="800"><!-- react-text: 801 -->@Kamahl19<!-- /react-text --></a></p></li><li data-reactid="802"><p data-reactid="803"><!-- react-text: 804 -->Estonian <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5266" data-reactid="805"><!-- react-text: 806 -->#5266<!-- /react-text --></a><!-- react-text: 807 --> <!-- /react-text --><a href="https://github.com/madisvain" data-reactid="808"><!-- react-text: 809 -->@madisvain<!-- /react-text --></a></p></li><li data-reactid="810"><p data-reactid="811"><!-- react-text: 812 -->Turkish <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5536" data-reactid="813"><!-- react-text: 814 -->#5536<!-- /react-text --></a><!-- react-text: 815 --> <!-- /react-text --><a href="https://github.com/c0b41" data-reactid="816"><!-- react-text: 817 -->@c0b41<!-- /react-text --></a></p></li></ul></li><li data-reactid="818"><p data-reactid="819"><!-- react-text: 820 -->TypeScript<!-- /react-text --></p><ul data-reactid="821"><li data-reactid="822"><p data-reactid="823"><!-- react-text: 824 -->Fix definitions of Carousel following react-slick<!-- /react-text --></p></li><li data-reactid="825"><p data-reactid="826"><!-- react-text: 827 -->Fix some definitions of Form.<!-- /react-text --></p></li><li data-reactid="828"><p data-reactid="829"><!-- react-text: 830 -->Fix <!-- /react-text --><code data-reactid="831"><!-- react-text: 832 -->getPopupContainer<!-- /react-text --></code><!-- react-text: 833 --> definitions.<!-- /react-text --></p></li></ul></li><li data-reactid="834"><p data-reactid="835"><!-- react-text: 836 -->Allow to disable animation of inkBar and panes of Tabs separately. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5089" data-reactid="837"><!-- react-text: 838 -->#5089<!-- /react-text --></a><!-- react-text: 839 --> <!-- /react-text --><a href="https://github.com/xieguanglei" data-reactid="840"><!-- react-text: 841 -->@xieguanglei<!-- /react-text --></a></p></li><li data-reactid="842"><p data-reactid="843"><!-- react-text: 844 -->Button <!-- /react-text --><code data-reactid="845"><!-- react-text: 846 -->loading<!-- /react-text --></code><!-- react-text: 847 --> prop now supports like <!-- /react-text --><code data-reactid="848"><!-- react-text: 849 -->{ delay: 1000 }<!-- /react-text --></code><!-- react-text: 850 -->, removed the default loading delay. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5365" data-reactid="851"><!-- react-text: 852 -->#5365<!-- /react-text --></a></p></li><li data-reactid="853"><p data-reactid="854"><!-- react-text: 855 -->Add less variables for Card header. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5354" data-reactid="856"><!-- react-text: 857 -->#5354<!-- /react-text --></a><!-- react-text: 858 --> <!-- /react-text --><a href="https://github.com/kossel" data-reactid="859"><!-- react-text: 860 -->@kossel<!-- /react-text --></a></p></li><li data-reactid="861"><p data-reactid="862"><!-- react-text: 863 -->Fix extra separator of Breadcrumb without <!-- /react-text --><code data-reactid="864"><!-- react-text: 865 -->breadcrumbName<!-- /react-text --></code><!-- react-text: 866 -->.<!-- /react-text --></p></li><li data-reactid="867"><p data-reactid="868"><!-- react-text: 869 -->Fix <!-- /react-text --><code data-reactid="870"><!-- react-text: 871 -->Unknown prop placement<!-- /react-text --></code><!-- react-text: 872 --> warning of Dropdown.Button. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5594" data-reactid="873"><!-- react-text: 874 -->#5594<!-- /react-text --></a></p></li><li data-reactid="875"><p data-reactid="876"><!-- react-text: 877 -->Fix RangePicker and InputNumber placeholder color.<!-- /react-text --></p></li><li data-reactid="878"><p data-reactid="879"><!-- react-text: 880 -->Fix that Cascader search can&#x27;t use <!-- /react-text --><!-- react-text: 881 -->[backspace]<!-- /react-text --><!-- react-text: 882 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5340" data-reactid="883"><!-- react-text: 884 -->#5340<!-- /react-text --></a></p></li><li data-reactid="885"><p data-reactid="886"><!-- react-text: 887 -->Fix that LocaleProvider can&#x27;t affect <!-- /react-text --><code data-reactid="888"><!-- react-text: 889 -->Modal.confirm<!-- /react-text --></code><!-- react-text: 890 --> sometimes. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5493" data-reactid="891"><!-- react-text: 892 -->#5493<!-- /react-text --></a><!-- react-text: 893 --> <!-- /react-text --><a href="https://github.com/hargasinski" data-reactid="894"><!-- react-text: 895 -->@hargasinski<!-- /react-text --></a></p></li><li data-reactid="896"><p data-reactid="897"><!-- react-text: 898 -->Fix scroll animation of BackTop which specifies the <!-- /react-text --><code data-reactid="899"><!-- react-text: 900 -->target<!-- /react-text --></code><!-- react-text: 901 --> prop. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5564" data-reactid="902"><!-- react-text: 903 -->#5564<!-- /react-text --></a></p></li><li data-reactid="904"><p data-reactid="905"><!-- react-text: 906 -->Optimize the block style of Pagination. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5557" data-reactid="907"><!-- react-text: 908 -->#5557<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="909"><div class="ant-timeline-item-tail" data-reactid="910"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="911"></div><div class="ant-timeline-item-content" data-reactid="912"><h2 id="2.8.3" data-reactid="913"><span data-reactid="914"><!-- react-text: 915 -->2.8.3<!-- /react-text --></span><a href="#2.8.3" class="anchor" data-reactid="916">#</a></h2><p data-reactid="917"><code data-reactid="918"><!-- react-text: 919 -->2017-03-27<!-- /react-text --></code></p><ul data-reactid="920"><li data-reactid="921"><p data-reactid="922"><!-- react-text: 923 -->TypeScript<!-- /react-text --></p><ul data-reactid="924"><li data-reactid="925"><p data-reactid="926"><!-- react-text: 927 -->Fixed missing definition of <!-- /react-text --><code data-reactid="928"><!-- react-text: 929 -->AutoComplete[filterOption]<!-- /react-text --></code><!-- react-text: 930 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5393" data-reactid="931"><!-- react-text: 932 -->#5393<!-- /react-text --></a><!-- react-text: 933 --> <!-- /react-text --><a href="https://github.com/mitchelldemler" data-reactid="934"><!-- react-text: 935 -->@mitchelldemler<!-- /react-text --></a></p></li><li data-reactid="936"><p data-reactid="937"><!-- react-text: 938 -->Improve definition of <!-- /react-text --><code data-reactid="939"><!-- react-text: 940 -->getPopupContainer<!-- /react-text --></code><!-- react-text: 941 --> <!-- /react-text --><code data-reactid="942"><!-- react-text: 943 -->getCalendarContainer<!-- /react-text --></code><!-- react-text: 944 --> <!-- /react-text --><code data-reactid="945"><!-- react-text: 946 -->getTooltipContainer<!-- /react-text --></code><!-- react-text: 947 --> <!-- /react-text --><code data-reactid="948"><!-- react-text: 949 -->getSuggestionContainer<!-- /react-text --></code><!-- react-text: 950 -->, etc. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/322e9efdc9db28bd92230fc690f1fdf5a72cf7cd" data-reactid="951"><!-- react-text: 952 -->322e9ef<!-- /react-text --></a></p></li><li data-reactid="953"><p data-reactid="954"><!-- react-text: 955 -->Improve definition of <!-- /react-text --><code data-reactid="956"><!-- react-text: 957 -->Form.create<!-- /react-text --></code><!-- react-text: 958 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5420" data-reactid="959"><!-- react-text: 960 -->#5420<!-- /react-text --></a><!-- react-text: 961 --> <!-- /react-text --><a href="https://github.com/infeng" data-reactid="962"><!-- react-text: 963 -->@infeng<!-- /react-text --></a></p></li></ul></li><li data-reactid="964"><p data-reactid="965"><!-- react-text: 966 -->Fixed Badge should work in Maxthon. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5477" data-reactid="967"><!-- react-text: 968 -->#5477<!-- /react-text --></a></p></li><li data-reactid="969"><p data-reactid="970"><!-- react-text: 971 -->Fixed Button cannot work with <!-- /react-text --><code data-reactid="972"><!-- react-text: 973 -->null<!-- /react-text --></code><!-- react-text: 974 --> <!-- /react-text --><code data-reactid="975"><!-- react-text: 976 -->undefined<!-- /react-text --></code><!-- react-text: 977 --> as children. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5472" data-reactid="978"><!-- react-text: 979 -->#5472<!-- /react-text --></a><!-- react-text: 980 --> <!-- /react-text --><a href="https://github.com/blade254353074" data-reactid="981"><!-- react-text: 982 -->@blade254353074<!-- /react-text --></a></p></li><li data-reactid="983"><p data-reactid="984"><!-- react-text: 985 -->Breadcrumb are not rely on <!-- /react-text --><code data-reactid="986"><!-- react-text: 987 -->route.breadcrumbName<!-- /react-text --></code><!-- react-text: 988 --> now. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/ac1c7f312bc46ba6ef7aacace43e4ac99b87dd54" data-reactid="989"><!-- react-text: 990 -->ac1c7f3<!-- /react-text --></a></p></li><li data-reactid="991"><p data-reactid="992"><!-- react-text: 993 -->Fixed <!-- /react-text --><code data-reactid="994"><!-- react-text: 995 -->Form.Item[hasFeedback]<!-- /react-text --></code><!-- react-text: 996 --> will lost styles while using with <!-- /react-text --><code data-reactid="997"><!-- react-text: 998 -->Input[prefix]<!-- /react-text --></code><!-- react-text: 999 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5456" data-reactid="1000"><!-- react-text: 1001 -->#5456<!-- /react-text --></a><!-- react-text: 1002 --> <!-- /react-text --><a href="https://github.com/william-yz" data-reactid="1003"><!-- react-text: 1004 -->@william-yz<!-- /react-text --></a></p></li><li data-reactid="1005"><p data-reactid="1006"><!-- react-text: 1007 -->Fixed Layout.Content will show scrollbar while using with Carousel. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5415" data-reactid="1008"><!-- react-text: 1009 -->#5415<!-- /react-text --></a></p></li><li data-reactid="1010"><p data-reactid="1011"><!-- react-text: 1012 -->LocaleProvider<!-- /react-text --></p><ul data-reactid="1013"><li data-reactid="1014"><p data-reactid="1015"><!-- react-text: 1016 -->Fixed missing locales of German. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5387" data-reactid="1017"><!-- react-text: 1018 -->#5387<!-- /react-text --></a><!-- react-text: 1019 --> <!-- /react-text --><a href="https://github.com/Knacktus" data-reactid="1020"><!-- react-text: 1021 -->@Knacktus<!-- /react-text --></a></p></li><li data-reactid="1022"><p data-reactid="1023"><!-- react-text: 1024 -->Fixed missing locales of Russian. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5406" data-reactid="1025"><!-- react-text: 1026 -->#5406<!-- /react-text --></a><!-- react-text: 1027 --> <!-- /react-text --><a href="https://github.com/plandem" data-reactid="1028"><!-- react-text: 1029 -->@plandem<!-- /react-text --></a></p></li><li data-reactid="1030"><p data-reactid="1031"><!-- react-text: 1032 -->Fixed it doesn&#x27;t work with Upload. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5388" data-reactid="1033"><!-- react-text: 1034 -->#5388<!-- /react-text --></a><!-- react-text: 1035 --> <!-- /react-text --><a href="https://github.com/natergj" data-reactid="1036"><!-- react-text: 1037 -->@natergj<!-- /react-text --></a></p></li></ul></li><li data-reactid="1038"><p data-reactid="1039"><!-- react-text: 1040 -->Fixed inconsistet animation of Menu Icon and text. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5495" data-reactid="1041"><!-- react-text: 1042 -->#5495<!-- /react-text --></a></p></li><li data-reactid="1043"><p data-reactid="1044"><!-- react-text: 1045 -->Fixed <!-- /react-text --><code data-reactid="1046"><!-- react-text: 1047 -->Modale[footer]<!-- /react-text --></code><!-- react-text: 1048 --> cannot be set to <!-- /react-text --><code data-reactid="1049"><!-- react-text: 1050 -->null<!-- /react-text --></code><!-- react-text: 1051 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5462" data-reactid="1052"><!-- react-text: 1053 -->#5462<!-- /react-text --></a></p></li><li data-reactid="1054"><p data-reactid="1055"><!-- react-text: 1056 -->Fixed Pagination will lost styles in <!-- /react-text --><code data-reactid="1057"><!-- react-text: 1058 -->IE&lt;=10<!-- /react-text --></code><!-- react-text: 1059 --> which is introduced in <!-- /react-text --><code data-reactid="1060"><!-- react-text: 1061 -->2.8.2<!-- /react-text --></code><!-- react-text: 1062 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5484" data-reactid="1063"><!-- react-text: 1064 -->#5484<!-- /react-text --></a></p></li><li data-reactid="1065"><p data-reactid="1066"><!-- react-text: 1067 -->Fixed Popover will be closed by mistake while using Table in it. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5407" data-reactid="1068"><!-- react-text: 1069 -->#5407<!-- /react-text --></a></p></li><li data-reactid="1070"><p data-reactid="1071"><!-- react-text: 1072 -->Remove restriction that Radio can only be direct chidlren of Radio.Group. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5443" data-reactid="1073"><!-- react-text: 1074 -->#5443<!-- /react-text --></a></p></li><li data-reactid="1075"><p data-reactid="1076"><!-- react-text: 1077 -->Fixed warning while using Switch in Form.Item. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5368" data-reactid="1078"><!-- react-text: 1079 -->#5368<!-- /react-text --></a></p></li><li data-reactid="1080"><p data-reactid="1081"><!-- react-text: 1082 -->Now we defaultly hide the Table&#x27;s &quot;Select All&quot; dropdown icon, display it when set <!-- /react-text --><code data-reactid="1083"><!-- react-text: 1084 -->selections<!-- /react-text --></code><!-- react-text: 1085 --> to true. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5246" data-reactid="1086"><!-- react-text: 1087 -->#5246<!-- /react-text --></a><!-- react-text: 1088 --> <!-- /react-text --><a href="https://github.com/infeng" data-reactid="1089"><!-- react-text: 1090 -->@infeng<!-- /react-text --></a></p></li><li data-reactid="1091"><p data-reactid="1092"><!-- react-text: 1093 -->New theme variable <!-- /react-text --><code data-reactid="1094"><!-- react-text: 1095 -->@info-color<!-- /react-text --></code><!-- react-text: 1096 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5442" data-reactid="1097"><!-- react-text: 1098 -->#5442<!-- /react-text --></a></p></li><li data-reactid="1099"><p data-reactid="1100"><!-- react-text: 1101 -->Supporting suppress warning(You are using a whole package of antd...) with <!-- /react-text --><code data-reactid="1102"><!-- react-text: 1103 -->NODE_ENV=test<!-- /react-text --></code><!-- react-text: 1104 --> while testing. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5345" data-reactid="1105"><!-- react-text: 1106 -->#5345<!-- /react-text --></a></p></li><li data-reactid="1107"><p data-reactid="1108"><!-- react-text: 1109 -->Upgrade moment to <!-- /react-text --><code data-reactid="1110"><!-- react-text: 1111 -->2.18.0<!-- /react-text --></code><!-- react-text: 1112 -->.<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="1113"><div class="ant-timeline-item-tail" data-reactid="1114"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="1115"></div><div class="ant-timeline-item-content" data-reactid="1116"><h2 id="2.8.2" data-reactid="1117"><span data-reactid="1118"><!-- react-text: 1119 -->2.8.2<!-- /react-text --></span><a href="#2.8.2" class="anchor" data-reactid="1120">#</a></h2><p data-reactid="1121"><code data-reactid="1122"><!-- react-text: 1123 -->2017-03-11<!-- /react-text --></code></p><ul data-reactid="1124"><li data-reactid="1125"><p data-reactid="1126"><!-- react-text: 1127 -->New <!-- /react-text --><a href="https://ant.design/docs/spec/colors" data-reactid="1128"><!-- react-text: 1129 -->design specification documentation<!-- /react-text --></a><!-- react-text: 1130 -->.<!-- /react-text --></p></li><li data-reactid="1131"><p data-reactid="1132"><!-- react-text: 1133 -->Fix error of Modal.confirm <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5269" data-reactid="1134"><!-- react-text: 1135 -->#5269<!-- /react-text --></a><!-- react-text: 1136 -->.<!-- /react-text --></p></li><li data-reactid="1137"><p data-reactid="1138"><!-- react-text: 1139 -->Fix mask style of Upload <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5275" data-reactid="1140"><!-- react-text: 1141 -->#5275<!-- /react-text --></a><!-- react-text: 1142 -->.<!-- /react-text --></p></li><li data-reactid="1143"><p data-reactid="1144"><!-- react-text: 1145 -->Fix progress not showing of Upload <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5323" data-reactid="1146"><!-- react-text: 1147 -->#5323<!-- /react-text --></a><!-- react-text: 1148 -->.<!-- /react-text --></p></li><li data-reactid="1149"><p data-reactid="1150"><!-- react-text: 1151 -->Fix a pagination showTotal wrong data issue of Table <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5259" data-reactid="1152"><!-- react-text: 1153 -->#5259<!-- /react-text --></a><!-- react-text: 1154 -->.<!-- /react-text --></p></li><li data-reactid="1155"><p data-reactid="1156"><!-- react-text: 1157 -->Fix a style issue while using Popconfirm and Button together <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5301" data-reactid="1158"><!-- react-text: 1159 -->5301<!-- /react-text --></a><!-- react-text: 1160 -->.<!-- /react-text --></p></li><li data-reactid="1161"><p data-reactid="1162"><!-- react-text: 1163 -->Fix a style issue of Radio <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5336" data-reactid="1164"><!-- react-text: 1165 -->#5336<!-- /react-text --></a><!-- react-text: 1166 -->.<!-- /react-text --></p></li><li data-reactid="1167"><p data-reactid="1168"><!-- react-text: 1169 -->Fix a issue that <!-- /react-text --><code data-reactid="1170"><!-- react-text: 1171 -->getContainer<!-- /react-text --></code><!-- react-text: 1172 --> of Message didn&#x27;t work <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5380" data-reactid="1173"><!-- react-text: 1174 -->#5380<!-- /react-text --></a><!-- react-text: 1175 -->.<!-- /react-text --></p></li><li data-reactid="1176"><p data-reactid="1177"><!-- react-text: 1178 -->Fix text alignment of Checkbox and Radio <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/696a3c0e34156d78e87d629a3f0f8703af1f03ec" data-reactid="1179"><!-- react-text: 1180 -->696a3c0<!-- /react-text --></a><!-- react-text: 1181 -->.<!-- /react-text --></p></li><li data-reactid="1182"><p data-reactid="1183"><!-- react-text: 1184 -->Tweak animation and blur style of Spin <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/fa1e031a7396c61fa9709a0c46fe63200c35d232" data-reactid="1185"><!-- react-text: 1186 -->fa1e031<!-- /react-text --></a><!-- react-text: 1187 -->.<!-- /react-text --></p></li><li data-reactid="1188"><p data-reactid="1189"><!-- react-text: 1190 -->Tweak some styles of Mention  <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/240a93cee25bc8c6ad4520cd907a14a7b22ed773" data-reactid="1191"><!-- react-text: 1192 -->240a93c<!-- /react-text --></a><!-- react-text: 1193 -->.<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="1194"><div class="ant-timeline-item-tail" data-reactid="1195"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="1196"></div><div class="ant-timeline-item-content" data-reactid="1197"><h2 id="2.8.1" data-reactid="1198"><span data-reactid="1199"><!-- react-text: 1200 -->2.8.1<!-- /react-text --></span><a href="#2.8.1" class="anchor" data-reactid="1201">#</a></h2><p data-reactid="1202"><code data-reactid="1203"><!-- react-text: 1204 -->2017-03-11<!-- /react-text --></code></p><ul data-reactid="1205"><li data-reactid="1206"><p data-reactid="1207"><strong data-reactid="1208"><!-- react-text: 1209 -->DatePicker<!-- /react-text --></strong><!-- react-text: 1210 --> Fix can&#x27;t select time when new props are passed, and improve the selection behavior of <!-- /react-text --><code data-reactid="1211"><!-- react-text: 1212 -->DatePicker[showTime]<!-- /react-text --></code><!-- react-text: 1213 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5189" data-reactid="1214"><!-- react-text: 1215 -->#5189<!-- /react-text --></a><!-- react-text: 1216 --> <!-- /react-text --><a href="https://github.com/megawac" data-reactid="1217"><!-- react-text: 1218 -->@megawac<!-- /react-text --></a></p></li><li data-reactid="1219"><p data-reactid="1220"><strong data-reactid="1221"><!-- react-text: 1222 -->Form<!-- /react-text --></strong></p><ul data-reactid="1223"><li data-reactid="1224"><p data-reactid="1225"><!-- react-text: 1226 -->Add document for validate rules. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5201" data-reactid="1227"><!-- react-text: 1228 -->#5201<!-- /react-text --></a></p></li><li data-reactid="1229"><p data-reactid="1230"><!-- react-text: 1231 -->Fix some style issues. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5196" data-reactid="1232"><!-- react-text: 1233 -->#5196<!-- /react-text --></a><!-- react-text: 1234 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5236" data-reactid="1235"><!-- react-text: 1236 -->#5236<!-- /react-text --></a><!-- react-text: 1237 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5222" data-reactid="1238"><!-- react-text: 1239 -->#5222<!-- /react-text --></a></p></li></ul></li><li data-reactid="1240"><p data-reactid="1241"><strong data-reactid="1242"><!-- react-text: 1243 -->Icon<!-- /react-text --></strong><!-- react-text: 1244 --> Add iconfont <!-- /react-text --><code data-reactid="1245"><!-- react-text: 1246 -->shake<!-- /react-text --></code><!-- react-text: 1247 --> and <!-- /react-text --><code data-reactid="1248"><!-- react-text: 1249 -->android-o<!-- /react-text --></code><!-- react-text: 1250 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/941782f7ec000a9054c3bc945ab887f93ab46749" data-reactid="1251"><!-- react-text: 1252 -->commit/941782<!-- /react-text --></a></p></li><li data-reactid="1253"><p data-reactid="1254"><strong data-reactid="1255"><!-- react-text: 1256 -->Input<!-- /react-text --></strong><!-- react-text: 1257 --> Fix <!-- /react-text --><code data-reactid="1258"><!-- react-text: 1259 -->hasFeedback<!-- /react-text --></code><!-- react-text: 1260 --> not work with <!-- /react-text --><code data-reactid="1261"><!-- react-text: 1262 -->addonBefore<!-- /react-text --></code><!-- react-text: 1263 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5228" data-reactid="1264"><!-- react-text: 1265 -->#5228<!-- /react-text --></a></p></li><li data-reactid="1266"><p data-reactid="1267"><strong data-reactid="1268"><!-- react-text: 1269 -->InputNumber<!-- /react-text --></strong><!-- react-text: 1270 --> Add typings for props <!-- /react-text --><code data-reactid="1271"><!-- react-text: 1272 -->formatter<!-- /react-text --></code><!-- react-text: 1273 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5240" data-reactid="1274"><!-- react-text: 1275 -->#5240<!-- /react-text --></a><!-- react-text: 1276 --> <!-- /react-text --><a href="https://github.com/hlehmann" data-reactid="1277"><!-- react-text: 1278 -->@hlehmann<!-- /react-text --></a></p></li><li data-reactid="1279"><p data-reactid="1280"><strong data-reactid="1281"><!-- react-text: 1282 -->Modal<!-- /react-text --></strong><!-- react-text: 1283 --> Call <!-- /react-text --><code data-reactid="1284"><!-- react-text: 1285 -->onCancel<!-- /react-text --></code><!-- react-text: 1286 --> when pressing esc key. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5203" data-reactid="1287"><!-- react-text: 1288 -->#5203<!-- /react-text --></a><!-- react-text: 1289 --> <!-- /react-text --><a href="https://github.com/elios264" data-reactid="1290"><!-- react-text: 1291 -->@elios264<!-- /react-text --></a></p></li><li data-reactid="1292"><p data-reactid="1293"><strong data-reactid="1294"><!-- react-text: 1295 -->Table<!-- /react-text --></strong></p><ul data-reactid="1296"><li data-reactid="1297"><p data-reactid="1298"><!-- react-text: 1299 -->Fix implicit type issue. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5206" data-reactid="1300"><!-- react-text: 1301 -->#5206<!-- /react-text --></a><!-- react-text: 1302 --> <!-- /react-text --><a href="https://github.com/kvey" data-reactid="1303"><!-- react-text: 1304 -->@kvey<!-- /react-text --></a></p></li><li data-reactid="1305"><p data-reactid="1306"><!-- react-text: 1307 -->Fix right border not visible with no data in <!-- /react-text --><code data-reactid="1308"><!-- react-text: 1309 -->small<!-- /react-text --></code><!-- react-text: 1310 --> size. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5237" data-reactid="1311"><!-- react-text: 1312 -->#5237<!-- /react-text --></a></p></li><li data-reactid="1313"><p data-reactid="1314"><!-- react-text: 1315 -->Fix sort not working when using grouping column. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5158" data-reactid="1316"><!-- react-text: 1317 -->#5158<!-- /react-text --></a></p></li></ul></li><li data-reactid="1318"><p data-reactid="1319"><strong data-reactid="1320"><!-- react-text: 1321 -->Tooltip<!-- /react-text --></strong><!-- react-text: 1322 --> Fix layout style on disabled Button. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5254" data-reactid="1323"><!-- react-text: 1324 -->#5254<!-- /react-text --></a></p></li><li data-reactid="1325"><p data-reactid="1326"><strong data-reactid="1327"><!-- react-text: 1328 -->Upload<!-- /react-text --></strong></p><ul data-reactid="1329"><li data-reactid="1330"><p data-reactid="1331"><!-- react-text: 1332 -->Fix long name of upload item style. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/0a35197a35513ca45308bb7163c8243b75dd6f8d" data-reactid="1333"><!-- react-text: 1334 -->commit/0a3519<!-- /react-text --></a></p></li><li data-reactid="1335"><p data-reactid="1336"><!-- react-text: 1337 -->Fix and improve animation. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5210" data-reactid="1338"><!-- react-text: 1339 -->pull/5210<!-- /react-text --></a></p></li><li data-reactid="1340"><p data-reactid="1341"><!-- react-text: 1342 -->Allow override <!-- /react-text --><code data-reactid="1343"><!-- react-text: 1344 -->onProgress<!-- /react-text --></code><!-- react-text: 1345 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5260" data-reactid="1346"><!-- react-text: 1347 -->pull/5260<!-- /react-text --></a><!-- react-text: 1348 --> <!-- /react-text --><a href="https://github.com/minwe" data-reactid="1349"><!-- react-text: 1350 -->@minwe<!-- /react-text --></a></p></li></ul></li><li data-reactid="1351"><p data-reactid="1352"><strong data-reactid="1353"><!-- react-text: 1354 -->Global Optimization<!-- /react-text --></strong></p><ul data-reactid="1355"><li data-reactid="1356"><p data-reactid="1357"><!-- react-text: 1358 -->Fix Cannot resolve module <!-- /react-text --><code data-reactid="1359"><!-- react-text: 1360 -->lodash.debounce<!-- /react-text --></code><!-- react-text: 1361 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5230" data-reactid="1362"><!-- react-text: 1363 -->#5230<!-- /react-text --></a></p></li></ul></li><li data-reactid="1364"><p data-reactid="1365"><strong data-reactid="1366"><!-- react-text: 1367 -->Site<!-- /react-text --></strong></p><ul data-reactid="1368"><li data-reactid="1369"><p data-reactid="1370"><!-- react-text: 1371 -->Fix safari language check. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5245" data-reactid="1372"><!-- react-text: 1373 -->pull/5245<!-- /react-text --></a></p></li><li data-reactid="1374"><p data-reactid="1375"><!-- react-text: 1376 -->Add ability to copy color when clicking on palette. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5247" data-reactid="1377"><!-- react-text: 1378 -->pull/5247<!-- /react-text --></a><!-- react-text: 1379 --> <!-- /react-text --><a href="https://github.com/bsheikh" data-reactid="1380"><!-- react-text: 1381 -->@bsheikh<!-- /react-text --></a></p></li><li data-reactid="1382"><p data-reactid="1383"><!-- react-text: 1384 -->Add boilerplate samples. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/f2f786d66d75eebef8406a72db8a15e1640cea1f" data-reactid="1385"><!-- react-text: 1386 -->commit/f2f786<!-- /react-text --></a></p></li></ul></li></ul></div></li><li class="ant-timeline-item" data-reactid="1387"><div class="ant-timeline-item-tail" data-reactid="1388"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="1389"></div><div class="ant-timeline-item-content" data-reactid="1390"><h2 id="2.8.0" data-reactid="1391"><span data-reactid="1392"><!-- react-text: 1393 -->2.8.0<!-- /react-text --></span><a href="#2.8.0" class="anchor" data-reactid="1394">#</a></h2><p data-reactid="1395"><code data-reactid="1396"><!-- react-text: 1397 -->2017-03-06<!-- /react-text --></code></p><ul data-reactid="1398"><li data-reactid="1399"><p data-reactid="1400"><!-- react-text: 1401 -->Tabs<!-- /react-text --></p><ul data-reactid="1402"><li data-reactid="1403"><p data-reactid="1404"><!-- react-text: 1405 -->Added <!-- /react-text --><code data-reactid="1406"><!-- react-text: 1407 -->tabBarStyle<!-- /react-text --></code><!-- react-text: 1408 --> to allow customize style of tab bar. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4966" data-reactid="1409"><!-- react-text: 1410 -->#4966<!-- /react-text --></a></p></li><li data-reactid="1411"><p data-reactid="1412"><!-- react-text: 1413 -->Added <!-- /react-text --><code data-reactid="1414"><!-- react-text: 1415 -->TabPane[closable]<!-- /react-text --></code><!-- react-text: 1416 --> to allow config whether to show delete icon or not. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4807" data-reactid="1417"><!-- react-text: 1418 -->#4807<!-- /react-text --></a><!-- react-text: 1419 --> <!-- /react-text --><a href="https://github.com/lixiaoyang1992" data-reactid="1420"><!-- react-text: 1421 -->@lixiaoyang1992<!-- /react-text --></a></p></li></ul></li><li data-reactid="1422"><p data-reactid="1423"><!-- react-text: 1424 -->Anchor<!-- /react-text --></p><ul data-reactid="1425"><li data-reactid="1426"><p data-reactid="1427"><!-- react-text: 1428 -->Added <!-- /react-text --><code data-reactid="1429"><!-- react-text: 1430 -->showInkInFixed<!-- /react-text --></code><!-- react-text: 1431 --> to allow config whether to show circle icon or not when anchor is fixed. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4960" data-reactid="1432"><!-- react-text: 1433 -->#4960<!-- /react-text --></a></p></li><li data-reactid="1434"><p data-reactid="1435"><!-- react-text: 1436 -->Fix issue resulting in Anchor throw errors when <!-- /react-text --><code data-reactid="1437"><!-- react-text: 1438 -->children<!-- /react-text --></code><!-- react-text: 1439 --> is not AnchorLink. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5129" data-reactid="1440"><!-- react-text: 1441 -->#5129<!-- /react-text --></a></p></li></ul></li><li data-reactid="1442"><p data-reactid="1443"><!-- react-text: 1444 -->Table<!-- /react-text --></p><ul data-reactid="1445"><li data-reactid="1446"><p data-reactid="1447"><!-- react-text: 1448 -->Added invert selection feature. <!-- /react-text --><a href="https://ant.design/components/table-cn/#components-table-demo-row-selection-custom" data-reactid="1449"><!-- react-text: 1450 -->demo<!-- /react-text --></a><!-- react-text: 1451 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4962" data-reactid="1452"><!-- react-text: 1453 -->#4962<!-- /react-text --></a></p></li><li data-reactid="1454"><p data-reactid="1455"><code data-reactid="1456"><!-- react-text: 1457 -->spin<!-- /react-text --></code><!-- react-text: 1458 --> now spport Spin props. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4824" data-reactid="1459"><!-- react-text: 1460 -->#4824<!-- /react-text --></a><!-- react-text: 1461 --> <!-- /react-text --><a href="https://github.com/lixiaoyang1992" data-reactid="1462"><!-- react-text: 1463 -->@lixiaoyang1992<!-- /react-text --></a></p></li><li data-reactid="1464"><p data-reactid="1465"><!-- react-text: 1466 -->Fix issue resulting header&#x27;s bottom border doesn&#x27;t show when <!-- /react-text --><code data-reactid="1467"><!-- react-text: 1468 -->size<!-- /react-text --></code><!-- react-text: 1469 --> is <!-- /react-text --><code data-reactid="1470"><!-- react-text: 1471 -->small<!-- /react-text --></code><!-- react-text: 1472 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5182" data-reactid="1473"><!-- react-text: 1474 -->#5182<!-- /react-text --></a></p></li></ul></li><li data-reactid="1475"><p data-reactid="1476"><!-- react-text: 1477 -->Mention added custom trigger character support. <!-- /react-text --><a href="https://ant.design/components/mention-cn/#components-mention-demo-multiple-trigger" data-reactid="1478"><!-- react-text: 1479 -->demo<!-- /react-text --></a></p><ul data-reactid="1480"><li data-reactid="1481"><p data-reactid="1482"><img src="https://zos.alipayobjects.com/rmsportal/QDYwAbwKrqOUOykRaNai.gif" alt="Mention animation" data-reactid="1483"/></p></li></ul></li><li data-reactid="1484"><p data-reactid="1485"><!-- react-text: 1486 -->Rate<!-- /react-text --></p><ul data-reactid="1487"><li data-reactid="1488"><p data-reactid="1489"><!-- react-text: 1490 -->Support custom character. <!-- /react-text --><a href="https://ant.design/components/rate-cn/#components-rate-demo-character" data-reactid="1491"><!-- react-text: 1492 -->demo<!-- /react-text --></a></p></li><li data-reactid="1493"><p data-reactid="1494"><!-- react-text: 1495 -->Added new <!-- /react-text --><code data-reactid="1496"><!-- react-text: 1497 -->className<!-- /react-text --></code><!-- react-text: 1498 --> prop.<!-- /react-text --></p></li></ul></li><li data-reactid="1499"><p data-reactid="1500"><!-- react-text: 1501 -->Layout<!-- /react-text --></p><ul data-reactid="1502"><li data-reactid="1503"><p data-reactid="1504"><!-- react-text: 1505 -->Added a new <!-- /react-text --><code data-reactid="1506"><!-- react-text: 1507 -->Header Sider<!-- /react-text --></code><!-- react-text: 1508 --> demo. <!-- /react-text --><a href="http://ant.design/components/layout-cn/#components-layout-demo-top-side-2" data-reactid="1509"><!-- react-text: 1510 -->demo<!-- /react-text --></a></p></li><li data-reactid="1511"><p data-reactid="1512"><!-- react-text: 1513 -->Added a new <!-- /react-text --><code data-reactid="1514"><!-- react-text: 1515 -->Fixed Header<!-- /react-text --></code><!-- react-text: 1516 --> demo. <!-- /react-text --><a href="https://ant.design/components/layout-cn/#components-layout-demo-fixed" data-reactid="1517"><!-- react-text: 1518 -->demo<!-- /react-text --></a></p></li><li data-reactid="1519"><p data-reactid="1520"><!-- react-text: 1521 -->Added <!-- /react-text --><code data-reactid="1522"><!-- react-text: 1523 -->Sider[breakpoint]<!-- /react-text --></code><!-- react-text: 1524 --> to allow config responsive breakpoint. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4931" data-reactid="1525"><!-- react-text: 1526 -->#4931<!-- /react-text --></a></p></li></ul></li><li data-reactid="1527"><p data-reactid="1528"><!-- react-text: 1529 -->Form<!-- /react-text --></p><ul data-reactid="1530"><li data-reactid="1531"><p data-reactid="1532"><!-- react-text: 1533 -->Added <!-- /react-text --><code data-reactid="1534"><!-- react-text: 1535 -->layout<!-- /react-text --></code><!-- react-text: 1536 --> to replace the original <!-- /react-text --><code data-reactid="1537"><!-- react-text: 1538 -->horizontal<!-- /react-text --></code><!-- react-text: 1539 -->、<!-- /react-text --><code data-reactid="1540"><!-- react-text: 1541 -->vertical<!-- /react-text --></code><!-- react-text: 1542 -->、<!-- /react-text --><code data-reactid="1543"><!-- react-text: 1544 -->inline<!-- /react-text --></code><!-- react-text: 1545 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5056" data-reactid="1546"><!-- react-text: 1547 -->#5056<!-- /react-text --></a></p></li></ul></li><li data-reactid="1548"><p data-reactid="1549"><!-- react-text: 1550 -->Calendar<!-- /react-text --></p><ul data-reactid="1551"><li data-reactid="1552"><p data-reactid="1553"><!-- react-text: 1554 -->Added <!-- /react-text --><code data-reactid="1555"><!-- react-text: 1556 -->dateFullCellRender<!-- /react-text --></code><!-- react-text: 1557 --> and <!-- /react-text --><code data-reactid="1558"><!-- react-text: 1559 -->monthFullCellRender<!-- /react-text --></code><!-- react-text: 1560 --> to allow override the content of cell. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5138" data-reactid="1561"><!-- react-text: 1562 -->#5138<!-- /react-text --></a><!-- react-text: 1563 --> <!-- /react-text --><a href="https://github.com/wonyun" data-reactid="1564"><!-- react-text: 1565 -->@wonyun<!-- /react-text --></a></p></li><li data-reactid="1566"><p data-reactid="1567"><!-- react-text: 1568 -->Added  <!-- /react-text --><code data-reactid="1569"><!-- react-text: 1570 -->onSelect<!-- /react-text --></code><!-- react-text: 1571 --> for date selection. <!-- /react-text --><a href="https://ant.design/components/calendar-cn/#components-calendar-demo-select" data-reactid="1572"><!-- react-text: 1573 -->demo<!-- /react-text --></a></p></li></ul></li><li data-reactid="1574"><p data-reactid="1575"><!-- react-text: 1576 -->AutoComplete<!-- /react-text --></p><ul data-reactid="1577"><li data-reactid="1578"><p data-reactid="1579"><!-- react-text: 1580 -->Fix alignment issue in Form.Item. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5139" data-reactid="1581"><!-- react-text: 1582 -->#5139<!-- /react-text --></a></p></li><li data-reactid="1583"><p data-reactid="1584"><!-- react-text: 1585 -->Adde a newd <!-- /react-text --><code data-reactid="1586"><!-- react-text: 1587 -->Uncertain Category<!-- /react-text --></code><!-- react-text: 1588 --> demo. <!-- /react-text --><a href="https://ant.design/components/auto-complete-cn/#components-auto-complete-demo-uncertain-category" data-reactid="1589"><!-- react-text: 1590 -->demo<!-- /react-text --></a></p></li></ul></li><li data-reactid="1591"><p data-reactid="1592"><!-- react-text: 1593 -->Col added <!-- /react-text --><code data-reactid="1594"><!-- react-text: 1595 -->xl<!-- /react-text --></code><!-- react-text: 1596 --> to support 1600px breakpoint. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4796" data-reactid="1597"><!-- react-text: 1598 -->#4796<!-- /react-text --></a><!-- react-text: 1599 --> <!-- /react-text --><a href="https://github.com/hjin-me" data-reactid="1600"><!-- react-text: 1601 -->@hjin-me<!-- /react-text --></a></p></li><li data-reactid="1602"><p data-reactid="1603"><!-- react-text: 1604 -->Upload added <!-- /react-text --><code data-reactid="1605"><!-- react-text: 1606 -->locale<!-- /react-text --></code><!-- react-text: 1607 --> to support i18n. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4697" data-reactid="1608"><!-- react-text: 1609 -->#4697<!-- /react-text --></a></p></li><li data-reactid="1610"><p data-reactid="1611"><!-- react-text: 1612 -->Transfer added <!-- /react-text --><code data-reactid="1613"><!-- react-text: 1614 -->onScroll<!-- /react-text --></code><!-- react-text: 1615 --> to support load data dynamically. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4188" data-reactid="1616"><!-- react-text: 1617 -->#4188<!-- /react-text --></a></p></li><li data-reactid="1618"><p data-reactid="1619"><code data-reactid="1620"><!-- react-text: 1621 -->message<!-- /react-text --></code><!-- react-text: 1622 --> and <!-- /react-text --><code data-reactid="1623"><!-- react-text: 1624 -->notification<!-- /react-text --></code><!-- react-text: 1625 --> add <!-- /react-text --><code data-reactid="1626"><!-- react-text: 1627 -->getContainer<!-- /react-text --></code><!-- react-text: 1628 --> to allow config the render container. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5019" data-reactid="1629"><!-- react-text: 1630 -->#5019<!-- /react-text --></a></p></li><li data-reactid="1631"><p data-reactid="1632"><!-- react-text: 1633 -->Badge added <!-- /react-text --><code data-reactid="1634"><!-- react-text: 1635 -->showZero<!-- /react-text --></code><!-- react-text: 1636 --> to allow config whether to show <!-- /react-text --><code data-reactid="1637"><!-- react-text: 1638 -->0<!-- /react-text --></code><!-- react-text: 1639 --> or not. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4251" data-reactid="1640"><!-- react-text: 1641 -->#4251<!-- /react-text --></a></p></li><li data-reactid="1642"><p data-reactid="1643"><!-- react-text: 1644 -->InputNumber<!-- /react-text --></p><ul data-reactid="1645"><li data-reactid="1646"><p data-reactid="1647"><!-- react-text: 1648 -->Added <!-- /react-text --><code data-reactid="1649"><!-- react-text: 1650 -->formatter<!-- /react-text --></code><!-- react-text: 1651 --> to allow format the value to present.<!-- /react-text --></p></li><li data-reactid="1652"><p data-reactid="1653"><!-- react-text: 1654 -->Added ctrl and shift key support. <!-- /react-text --><a href="https://github.com/react-component/input-number#keyboard-navigation" data-reactid="1655"><!-- react-text: 1656 -->detail<!-- /react-text --></a></p></li></ul></li><li data-reactid="1657"><p data-reactid="1658"><!-- react-text: 1659 -->Added some new icons. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5107" data-reactid="1660"><!-- react-text: 1661 -->#5107<!-- /react-text --></a></p></li><li data-reactid="1662"><p data-reactid="1663"><!-- react-text: 1664 -->New locale support:<!-- /react-text --></p><ul data-reactid="1665"><li data-reactid="1666"><p data-reactid="1667"><!-- react-text: 1668 -->Dutch <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4785" data-reactid="1669"><!-- react-text: 1670 -->#4785<!-- /react-text --></a><!-- react-text: 1671 --> <!-- /react-text --><a href="https://github.com/corneyl" data-reactid="1672"><!-- react-text: 1673 -->@corneyl<!-- /react-text --></a></p></li><li data-reactid="1674"><p data-reactid="1675"><!-- react-text: 1676 -->Catalan <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4929" data-reactid="1677"><!-- react-text: 1678 -->#4929<!-- /react-text --></a><!-- react-text: 1679 --> <!-- /react-text --><a href="https://github.com/aaronplanell" data-reactid="1680"><!-- react-text: 1681 -->@aaronplanell<!-- /react-text --></a></p></li><li data-reactid="1682"><p data-reactid="1683"><!-- react-text: 1684 -->Czech <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5169" data-reactid="1685"><!-- react-text: 1686 -->#5169<!-- /react-text --></a><!-- react-text: 1687 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5169" data-reactid="1688"><!-- react-text: 1689 -->@martinnov92<!-- /react-text --></a></p></li><li data-reactid="1690"><p data-reactid="1691"><!-- react-text: 1692 -->Korean <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5141" data-reactid="1693"><!-- react-text: 1694 -->#5141<!-- /react-text --></a><!-- react-text: 1695 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5141" data-reactid="1696"><!-- react-text: 1697 -->@minsungryu<!-- /react-text --></a></p></li></ul></li><li data-reactid="1698"><p data-reactid="1699"><!-- react-text: 1700 -->Improve Spin display position. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4722" data-reactid="1701"><!-- react-text: 1702 -->#4722<!-- /react-text --></a></p></li><li data-reactid="1703"><p data-reactid="1704"><!-- react-text: 1705 -->Fix Checkbox comatible issue with <!-- /react-text --><code data-reactid="1706"><!-- react-text: 1707 -->browser-sync<!-- /react-text --></code><!-- react-text: 1708 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2744" data-reactid="1709"><!-- react-text: 1710 -->#2744<!-- /react-text --></a></p></li><li data-reactid="1711"><p data-reactid="1712"><!-- react-text: 1713 -->Fix Steps width issue when resize window. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5083" data-reactid="1714"><!-- react-text: 1715 -->#5083<!-- /react-text --></a></p></li><li data-reactid="1716"><p data-reactid="1717"><!-- react-text: 1718 -->Fix Upload.Dragger unmount error. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5162" data-reactid="1719"><!-- react-text: 1720 -->#5162<!-- /react-text --></a></p></li><li data-reactid="1721"><p data-reactid="1722"><!-- react-text: 1723 -->Fix Button shifting during click in IE issue.<!-- /react-text --></p></li><li data-reactid="1724"><p data-reactid="1725"><!-- react-text: 1726 -->FIx Input prefix and suffix vertical alignment.<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="1727"><div class="ant-timeline-item-tail" data-reactid="1728"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="1729"></div><div class="ant-timeline-item-content" data-reactid="1730"><h2 id="2.7.4" data-reactid="1731"><span data-reactid="1732"><!-- react-text: 1733 -->2.7.4<!-- /react-text --></span><a href="#2.7.4" class="anchor" data-reactid="1734">#</a></h2><p data-reactid="1735"><code data-reactid="1736"><!-- react-text: 1737 -->2017-02-28<!-- /react-text --></code></p><ul data-reactid="1738"><li data-reactid="1739"><p data-reactid="1740"><!-- react-text: 1741 -->Fix TreeSelect cannot display bug. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5092" data-reactid="1742"><!-- react-text: 1743 -->#5092<!-- /react-text --></a></p></li><li data-reactid="1744"><p data-reactid="1745"><!-- react-text: 1746 -->Fix Anchor <!-- /react-text --><code data-reactid="1747"><!-- react-text: 1748 -->e.stopPreventDefault is not a function<!-- /react-text --></code><!-- react-text: 1749 --> error. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5080" data-reactid="1750"><!-- react-text: 1751 -->#5080<!-- /react-text --></a></p></li><li data-reactid="1752"><p data-reactid="1753"><!-- react-text: 1754 -->Fix some detail styles of Input, Cascader, Upload.<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="1755"><div class="ant-timeline-item-tail" data-reactid="1756"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="1757"></div><div class="ant-timeline-item-content" data-reactid="1758"><h2 id="2.7.3" data-reactid="1759"><span data-reactid="1760"><!-- react-text: 1761 -->2.7.3<!-- /react-text --></span><a href="#2.7.3" class="anchor" data-reactid="1762">#</a></h2><p data-reactid="1763"><code data-reactid="1764"><!-- react-text: 1765 -->2017-02-25<!-- /react-text --></code></p><ul data-reactid="1766"><li data-reactid="1767"><p data-reactid="1768"><!-- react-text: 1769 -->Unify demo code to ES6 class. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4878" data-reactid="1770"><!-- react-text: 1771 -->#4878<!-- /react-text --></a></p></li><li data-reactid="1772"><p data-reactid="1773"><!-- react-text: 1774 -->TypeScript<!-- /react-text --></p><ul data-reactid="1775"><li data-reactid="1776"><p data-reactid="1777"><!-- react-text: 1778 -->Fix that <!-- /react-text --><code data-reactid="1779"><!-- react-text: 1780 -->Cannot find module &#x27;../../package.json&#x27;<!-- /react-text --></code><!-- react-text: 1781 --> error. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4935" data-reactid="1782"><!-- react-text: 1783 -->#4935<!-- /react-text --></a></p></li><li data-reactid="1784"><p data-reactid="1785"><!-- react-text: 1786 -->Fix definitions of Table, RangePicker and Upload.<!-- /react-text --></p></li></ul></li><li data-reactid="1787"><p data-reactid="1788"><!-- react-text: 1789 -->Fix lack of event argument for Modal <!-- /react-text --><code data-reactid="1790"><!-- react-text: 1791 -->onOk<!-- /react-text --></code><!-- react-text: 1792 --> <!-- /react-text --><code data-reactid="1793"><!-- react-text: 1794 -->afterClose<!-- /react-text --></code><!-- react-text: 1795 --> and Popconfirm <!-- /react-text --><code data-reactid="1796"><!-- react-text: 1797 -->onConfirm<!-- /react-text --></code><!-- react-text: 1798 --> <!-- /react-text --><code data-reactid="1799"><!-- react-text: 1800 -->onCancel<!-- /react-text --></code><!-- react-text: 1801 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4787" data-reactid="1802"><!-- react-text: 1803 -->#4787<!-- /react-text --></a></p></li><li data-reactid="1804"><p data-reactid="1805"><!-- react-text: 1806 -->Improve animation of Menu<!-- /react-text --><!-- react-text: 1807 -->[inline]<!-- /react-text --><!-- react-text: 1808 --> and Collapse.<!-- /react-text --></p></li><li data-reactid="1809"><p data-reactid="1810"><!-- react-text: 1811 -->Improve Checkbox and Radio vertical align style.<!-- /react-text --></p></li><li data-reactid="1812"><p data-reactid="1813"><!-- react-text: 1814 -->Table<!-- /react-text --></p><ul data-reactid="1815"><li data-reactid="1816"><p data-reactid="1817"><!-- react-text: 1818 -->Fix misplace header when fix column. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4936" data-reactid="1819"><!-- react-text: 1820 -->#4936<!-- /react-text --></a></p></li><li data-reactid="1821"><p data-reactid="1822"><!-- react-text: 1823 -->Fix not clearing float issue. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4945" data-reactid="1824"><!-- react-text: 1825 -->#4945<!-- /react-text --></a></p></li><li data-reactid="1826"><p data-reactid="1827"><!-- react-text: 1828 -->Fix submenu of filter. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4975" data-reactid="1829"><!-- react-text: 1830 -->#4975<!-- /react-text --></a></p></li><li data-reactid="1831"><p data-reactid="1832"><!-- react-text: 1833 -->Fix that filterDropdown of fixed column cannot be interacted with. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5010" data-reactid="1834"><!-- react-text: 1835 -->#5010<!-- /react-text --></a></p></li><li data-reactid="1836"><p data-reactid="1837"><!-- react-text: 1838 -->Fix that arguments of <!-- /react-text --><code data-reactid="1839"><!-- react-text: 1840 -->pagination.onChange<!-- /react-text --></code><!-- react-text: 1841 --> do not match Pagination <!-- /react-text --><code data-reactid="1842"><!-- react-text: 1843 -->onChange<!-- /react-text --></code><!-- react-text: 1844 -->.<!-- /react-text --></p></li><li data-reactid="1845"><p data-reactid="1846"><!-- react-text: 1847 -->Fix that table loading animation is not smoothing. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4934" data-reactid="1848"><!-- react-text: 1849 -->#4934<!-- /react-text --></a></p></li></ul></li><li data-reactid="1850"><p data-reactid="1851"><!-- react-text: 1852 -->Improve multiple message display. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3543" data-reactid="1853"><!-- react-text: 1854 -->#3543<!-- /react-text --></a></p></li><li data-reactid="1855"><p data-reactid="1856"><!-- react-text: 1857 -->Fix Carousel autoplay not working after resize window. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2550" data-reactid="1858"><!-- react-text: 1859 -->#2550<!-- /react-text --></a></p></li><li data-reactid="1860"><p data-reactid="1861"><!-- react-text: 1862 -->Fix that controlled InputNumber cannot input number like <!-- /react-text --><code data-reactid="1863"><!-- react-text: 1864 -->1.01<!-- /react-text --></code><!-- react-text: 1865 --> <!-- /react-text --><code data-reactid="1866"><!-- react-text: 1867 -->1.001<!-- /react-text --></code><!-- react-text: 1868 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5012" data-reactid="1869"><!-- react-text: 1870 -->#5012<!-- /react-text --></a></p></li><li data-reactid="1871"><p data-reactid="1872"><!-- react-text: 1873 -->Improve Button loading switching.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4913" data-reactid="1874"><!-- react-text: 1875 -->#4913<!-- /react-text --></a></p></li><li data-reactid="1876"><p data-reactid="1877"><!-- react-text: 1878 -->Fix Dropdown selected menu style and <!-- /react-text --><code data-reactid="1879"><!-- react-text: 1880 -->Menu[theme=&quot;dark&quot;]<!-- /react-text --></code><!-- react-text: 1881 --> style. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5013" data-reactid="1882"><!-- react-text: 1883 -->#5013<!-- /react-text --></a><!-- react-text: 1884 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4903" data-reactid="1885"><!-- react-text: 1886 -->#4903<!-- /react-text --></a></p></li><li data-reactid="1887"><p data-reactid="1888"><!-- react-text: 1889 -->Fix Menu submenu <!-- /react-text --><code data-reactid="1890"><!-- react-text: 1891 -->z-index<!-- /react-text --></code><!-- react-text: 1892 --> issue. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4937" data-reactid="1893"><!-- react-text: 1894 -->#4937<!-- /react-text --></a></p></li><li data-reactid="1895"><p data-reactid="1896"><!-- react-text: 1897 -->Fix that DatePicker and RangePicker width cannot be reset below <!-- /react-text --><code data-reactid="1898"><!-- react-text: 1899 -->300px<!-- /react-text --></code><!-- react-text: 1900 --> issue. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4920" data-reactid="1901"><!-- react-text: 1902 -->#4920<!-- /react-text --></a></p></li><li data-reactid="1903"><p data-reactid="1904"><!-- react-text: 1905 -->Fix style of Spin nested in Spin. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4971" data-reactid="1906"><!-- react-text: 1907 -->#4971<!-- /react-text --></a></p></li><li data-reactid="1908"><p data-reactid="1909"><!-- react-text: 1910 -->Fix that lack of Button style when import Popconfirm by babel-plugin-import.<!-- /react-text --></p></li><li data-reactid="1911"><p data-reactid="1912"><!-- react-text: 1913 -->Fix that less variables cannot work on circle Progress. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5002" data-reactid="1914"><!-- react-text: 1915 -->#5002<!-- /react-text --></a></p></li><li data-reactid="1916"><p data-reactid="1917"><!-- react-text: 1918 -->Fix falsy children of Breadcrumb. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5015" data-reactid="1919"><!-- react-text: 1920 -->#5015<!-- /react-text --></a></p></li><li data-reactid="1921"><p data-reactid="1922"><!-- react-text: 1923 -->Fix blinking tooltip of Slider. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5003" data-reactid="1924"><!-- react-text: 1925 -->#5003<!-- /react-text --></a></p></li><li data-reactid="1926"><p data-reactid="1927"><!-- react-text: 1928 -->Fix that Transfer disabled option can be moved. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4981" data-reactid="1929"><!-- react-text: 1930 -->#4981<!-- /react-text --></a><!-- react-text: 1931 --> <!-- /react-text --><a href="https://github.com/tianlizhao" data-reactid="1932"><!-- react-text: 1933 -->@tianlizhao<!-- /react-text --></a></p></li><li data-reactid="1934"><p data-reactid="1935"><!-- react-text: 1936 -->Documentation<!-- /react-text --></p><ul data-reactid="1937"><li data-reactid="1938"><p data-reactid="1939"><!-- react-text: 1940 -->Fix and improve site for mobile devices.<!-- /react-text --></p></li><li data-reactid="1941"><p data-reactid="1942"><!-- react-text: 1943 -->Improve 1.x to 2.x compatibility instruction.<!-- /react-text --></p></li></ul></li></ul></div></li><li class="ant-timeline-item" data-reactid="1944"><div class="ant-timeline-item-tail" data-reactid="1945"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="1946"></div><div class="ant-timeline-item-content" data-reactid="1947"><h2 id="2.7.2" data-reactid="1948"><span data-reactid="1949"><!-- react-text: 1950 -->2.7.2<!-- /react-text --></span><a href="#2.7.2" class="anchor" data-reactid="1951">#</a></h2><p data-reactid="1952"><code data-reactid="1953"><!-- react-text: 1954 -->2017-02-17<!-- /react-text --></code></p><ul data-reactid="1955"><li data-reactid="1956"><p data-reactid="1957"><!-- react-text: 1958 -->Fix that <!-- /react-text --><code data-reactid="1959"><!-- react-text: 1960 -->antd.version<!-- /react-text --></code><!-- react-text: 1961 --> doesn&#x27;t work as expected. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4844" data-reactid="1962"><!-- react-text: 1963 -->#4844<!-- /react-text --></a></p></li><li data-reactid="1964"><p data-reactid="1965"><!-- react-text: 1966 -->Fix that dist files don&#x27;t include locales. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4910" data-reactid="1967"><!-- react-text: 1968 -->#4910<!-- /react-text --></a></p></li><li data-reactid="1969"><p data-reactid="1970"><!-- react-text: 1971 -->Fix that disabled option is selectable in search mode of Cascader. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4699" data-reactid="1972"><!-- react-text: 1973 -->#4699<!-- /react-text --></a></p></li><li data-reactid="1974"><p data-reactid="1975"><strong data-reactid="1976"><!-- react-text: 1977 -->Button<!-- /react-text --></strong></p><ul data-reactid="1978"><li data-reactid="1979"><p data-reactid="1980"><!-- react-text: 1981 -->Fix click animation of <!-- /react-text --><code data-reactid="1982"><!-- react-text: 1983 -->Button[type=danger]<!-- /react-text --></code><!-- react-text: 1984 -->.<!-- /react-text --></p></li><li data-reactid="1985"><p data-reactid="1986"><!-- react-text: 1987 -->Fix broken style with <!-- /react-text --><code data-reactid="1988"><!-- react-text: 1989 -->loading<!-- /react-text --></code><!-- react-text: 1990 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4875" data-reactid="1991"><!-- react-text: 1992 -->#4875<!-- /react-text --></a></p></li></ul></li><li data-reactid="1993"><p data-reactid="1994"><strong data-reactid="1995"><!-- react-text: 1996 -->Menu<!-- /react-text --></strong></p><ul data-reactid="1997"><li data-reactid="1998"><p data-reactid="1999"><!-- react-text: 2000 -->Fix that <!-- /react-text --><code data-reactid="2001"><!-- react-text: 2002 -->openKeys<!-- /react-text --></code><!-- react-text: 2003 --> should be controlled property in <!-- /react-text --><code data-reactid="2004"><!-- react-text: 2005 -->vertical<!-- /react-text --></code><!-- react-text: 2006 --> mode. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4876" data-reactid="2007"><!-- react-text: 2008 -->#4876<!-- /react-text --></a></p></li><li data-reactid="2009"><p data-reactid="2010"><!-- react-text: 2011 -->Fix selected animation of Menu.Item.<!-- /react-text --></p></li><li data-reactid="2012"><p data-reactid="2013"><!-- react-text: 2014 -->Fix broken style of Menu.SubMenu. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4906" data-reactid="2015"><!-- react-text: 2016 -->#4906<!-- /react-text --></a></p></li></ul></li><li data-reactid="2017"><p data-reactid="2018"><strong data-reactid="2019"><!-- react-text: 2020 -->Table<!-- /react-text --></strong></p><ul data-reactid="2021"><li data-reactid="2022"><p data-reactid="2023"><!-- react-text: 2024 -->Fix broken style of table which use small size and fixed header. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4850" data-reactid="2025"><!-- react-text: 2026 -->#4850<!-- /react-text --></a></p></li><li data-reactid="2027"><p data-reactid="2028"><!-- react-text: 2029 -->Fix placeholder style. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4851" data-reactid="2030"><!-- react-text: 2031 -->#4851<!-- /react-text --></a></p></li><li data-reactid="2032"><p data-reactid="2033"><!-- react-text: 2034 -->Simplify DOM structure. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4868" data-reactid="2035"><!-- react-text: 2036 -->#4868<!-- /react-text --></a></p></li></ul></li><li data-reactid="2037"><p data-reactid="2038"><!-- react-text: 2039 -->Fix that Radio should support number <!-- /react-text --><code data-reactid="2040"><!-- react-text: 2041 -->0<!-- /react-text --></code><!-- react-text: 2042 --> as children. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4874" data-reactid="2043"><!-- react-text: 2044 -->#4874<!-- /react-text --></a><!-- react-text: 2045 --> <!-- /react-text --><a href="https://github.com/HQidea" data-reactid="2046"><!-- react-text: 2047 -->@HQidea<!-- /react-text --></a></p></li><li data-reactid="2048"><p data-reactid="2049"><!-- react-text: 2050 -->Fix that RangePicker should work with <!-- /react-text --><code data-reactid="2051"><!-- react-text: 2052 -->style.width<!-- /react-text --></code><!-- react-text: 2053 --> which is small than 300. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4920" data-reactid="2054"><!-- react-text: 2055 -->#4920<!-- /react-text --></a></p></li><li data-reactid="2056"><p data-reactid="2057"><!-- react-text: 2058 -->Fix CSS compile error caused by Spin. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4915" data-reactid="2059"><!-- react-text: 2060 -->#4915<!-- /react-text --></a></p></li><li data-reactid="2061"><p data-reactid="2062"><!-- react-text: 2063 -->Fix that Tooltip should work with disabled button in Chrome. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4865" data-reactid="2064"><!-- react-text: 2065 -->#4865<!-- /react-text --></a></p></li><li data-reactid="2066"><p data-reactid="2067"><!-- react-text: 2068 -->Fix UX of Tree while dragging. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4858" data-reactid="2069"><!-- react-text: 2070 -->#4858<!-- /react-text --></a></p></li><li data-reactid="2071"><p data-reactid="2072"><!-- react-text: 2073 -->Fix failed style of Upload. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4810" data-reactid="2074"><!-- react-text: 2075 -->#4810<!-- /react-text --></a></p></li><li data-reactid="2076"><p data-reactid="2077"><!-- react-text: 2078 -->Fix that <!-- /react-text --><code data-reactid="2079"><!-- react-text: 2080 -->Menu[vertical]<!-- /react-text --></code><!-- react-text: 2081 -->&#x27;s SubMenu cannot popup in Layout.Sider. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4890" data-reactid="2082"><!-- react-text: 2083 -->#4890<!-- /react-text --></a></p></li><li data-reactid="2084"><p data-reactid="2085"><!-- react-text: 2086 -->Improve animation of Button and <!-- /react-text --><code data-reactid="2087"><!-- react-text: 2088 -->Badge[status=processing]<!-- /react-text --></code><!-- react-text: 2089 -->.<!-- /react-text --></p></li></ul><p data-reactid="2090"><img src="https://camo.githubusercontent.com/6874b2333f2fac3fac346404c6e70684e4dafc1a/68747470733a2f2f7a6f732e616c697061796f626a656374732e636f6d2f726d73706f7274616c2f73516b72756c716346734b4e54785158615971512e676966" alt="Badge animation" data-reactid="2091"/><!-- react-text: 2092 -->
-<!-- /react-text --><img src="https://camo.githubusercontent.com/3963d12b45de4f522c2799361dbc3177e7bd93d1/68747470733a2f2f7a6f732e616c697061796f626a656374732e636f6d2f726d73706f7274616c2f46624b776d636f766d795364666c557468494e522e676966" alt="Button animation" data-reactid="2093"/></p></div></li><li class="ant-timeline-item" data-reactid="2094"><div class="ant-timeline-item-tail" data-reactid="2095"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2096"></div><div class="ant-timeline-item-content" data-reactid="2097"><h2 id="2.7.1" data-reactid="2098"><span data-reactid="2099"><!-- react-text: 2100 -->2.7.1<!-- /react-text --></span><a href="#2.7.1" class="anchor" data-reactid="2101">#</a></h2><p data-reactid="2102"><code data-reactid="2103"><!-- react-text: 2104 -->2017-02-10<!-- /react-text --></code></p><ul data-reactid="2105"><li data-reactid="2106"><p data-reactid="2107"><strong data-reactid="2108"><!-- react-text: 2109 -->Affix<!-- /react-text --></strong></p><ul data-reactid="2110"><li data-reactid="2111"><p data-reactid="2112"><!-- react-text: 2113 -->Fix the problem of element been hidden when hover on. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4800" data-reactid="2114"><!-- react-text: 2115 -->#4800<!-- /react-text --></a></p></li><li data-reactid="2116"><p data-reactid="2117"><!-- react-text: 2118 -->Fix event listener can not be removed. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4755" data-reactid="2119"><!-- react-text: 2120 -->#4755<!-- /react-text --></a></p></li><li data-reactid="2121"><p data-reactid="2122"><!-- react-text: 2123 -->Fix can not be unfixed when scrolling fastly. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4760" data-reactid="2124"><!-- react-text: 2125 -->#4760<!-- /react-text --></a></p></li></ul></li><li data-reactid="2126"><p data-reactid="2127"><strong data-reactid="2128"><!-- react-text: 2129 -->Anchor<!-- /react-text --></strong><!-- react-text: 2130 --> Fix the location problem when offsetTop has been set. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4706" data-reactid="2131"><!-- react-text: 2132 -->#4706<!-- /react-text --></a></p></li><li data-reactid="2133"><p data-reactid="2134"><strong data-reactid="2135"><!-- react-text: 2136 -->AutoComplete<!-- /react-text --></strong></p><ul data-reactid="2137"><li data-reactid="2138"><p data-reactid="2139"><!-- react-text: 2140 -->Fix the wrong size. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4766" data-reactid="2141"><!-- react-text: 2142 -->#4766<!-- /react-text --></a></p></li><li data-reactid="2143"><p data-reactid="2144"><!-- react-text: 2145 -->Fix adding error character automatically. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4778" data-reactid="2146"><!-- react-text: 2147 -->#4778<!-- /react-text --></a></p></li></ul></li><li data-reactid="2148"><p data-reactid="2149"><strong data-reactid="2150"><!-- react-text: 2151 -->Dropdown<!-- /react-text --></strong><!-- react-text: 2152 --> Add the documentation and demo about positioning of Dropdown menus. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4811" data-reactid="2153"><!-- react-text: 2154 -->#4811<!-- /react-text --></a></p></li><li data-reactid="2155"><p data-reactid="2156"><strong data-reactid="2157"><!-- react-text: 2158 -->Layout<!-- /react-text --></strong><!-- react-text: 2159 --> Improve Sider&#x27;s animation effect. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4752" data-reactid="2160"><!-- react-text: 2161 -->#4752<!-- /react-text --></a></p></li><li data-reactid="2162"><p data-reactid="2163"><strong data-reactid="2164"><!-- react-text: 2165 -->LocaleProvider<!-- /react-text --></strong><!-- react-text: 2166 --> Fix issues with the new Swedish locale provider. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4762" data-reactid="2167"><!-- react-text: 2168 -->pull-4762<!-- /react-text --></a><!-- react-text: 2169 --> <!-- /react-text --><a href="https://github.com/JesperWe" data-reactid="2170"><!-- react-text: 2171 -->@JesperWe<!-- /react-text --></a></p></li><li data-reactid="2172"><p data-reactid="2173"><strong data-reactid="2174"><!-- react-text: 2175 -->RangePicker<!-- /react-text --></strong><!-- react-text: 2176 --> Fix the overlapping problem about the date icon. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4783" data-reactid="2177"><!-- react-text: 2178 -->#4783<!-- /react-text --></a><!-- react-text: 2179 --> <!-- /react-text --><a href="https://github.com/zhenzong" data-reactid="2180"><!-- react-text: 2181 -->@zhenzong<!-- /react-text --></a></p></li><li data-reactid="2182"><p data-reactid="2183"><strong data-reactid="2184"><!-- react-text: 2185 -->Table<!-- /react-text --></strong></p><ul data-reactid="2186"><li data-reactid="2187"><p data-reactid="2188"><!-- react-text: 2189 -->Add the missing value &#x27;middle&#x27; for size definition. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4819" data-reactid="2190"><!-- react-text: 2191 -->#4819<!-- /react-text --></a><!-- react-text: 2192 --> <!-- /react-text --><a href="https://github.com/warrenseymour" data-reactid="2193"><!-- react-text: 2194 -->@warrenseymour<!-- /react-text --></a></p></li><li data-reactid="2195"><p data-reactid="2196"><!-- react-text: 2197 -->Fix controlled filter does not work with JSX style. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4759" data-reactid="2198"><!-- react-text: 2199 -->#4759<!-- /react-text --></a></p></li><li data-reactid="2200"><p data-reactid="2201"><!-- react-text: 2202 -->Fix switch pagination problem. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4779" data-reactid="2203"><!-- react-text: 2204 -->#4779<!-- /react-text --></a></p></li></ul></li><li data-reactid="2205"><p data-reactid="2206"><strong data-reactid="2207"><!-- react-text: 2208 -->Tabs<!-- /react-text --></strong><!-- react-text: 2209 --> Fix content missing problem since the second tab pane under IE9. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4795" data-reactid="2210"><!-- react-text: 2211 -->#4795<!-- /react-text --></a></p></li><li data-reactid="2212"><p data-reactid="2213"><strong data-reactid="2214"><!-- react-text: 2215 -->rc-pagination<!-- /react-text --></strong><!-- react-text: 2216 --> Upgrade to ~1.7.0, add pageSize as onChange&#x27;s second argument.<!-- /react-text --></p></li><li data-reactid="2217"><p data-reactid="2218"><strong data-reactid="2219"><!-- react-text: 2220 -->Global optimization<!-- /react-text --></strong></p><ul data-reactid="2221"><li data-reactid="2222"><p data-reactid="2223"><!-- react-text: 2224 -->Make some bugfixes and optimizations about documentation、link and style.<!-- /react-text --></p></li><li data-reactid="2225"><p data-reactid="2226"><!-- react-text: 2227 -->Use stylelint instead of lesslint, and fix some lint issues. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2179" data-reactid="2228"><!-- react-text: 2229 -->#2179<!-- /react-text --></a></p></li><li data-reactid="2230"><p data-reactid="2231"><!-- react-text: 2232 -->Unify border radius to 4px. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4772" data-reactid="2233"><!-- react-text: 2234 -->#4772<!-- /react-text --></a></p></li><li data-reactid="2235"><p data-reactid="2236"><!-- react-text: 2237 -->Support <!-- /react-text --><code data-reactid="2238"><!-- react-text: 2239 -->import { version } from &#x27;antd&#x27;<!-- /react-text --></code><!-- react-text: 2240 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4751" data-reactid="2241"><!-- react-text: 2242 -->#4751<!-- /react-text --></a></p></li></ul></li><li data-reactid="2243"><p data-reactid="2244"><strong data-reactid="2245"><!-- react-text: 2246 -->Site<!-- /react-text --></strong></p><ul data-reactid="2247"><li data-reactid="2248"><p data-reactid="2249"><!-- react-text: 2250 -->Add default locale looking-up in Home Page. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4552" data-reactid="2251"><!-- react-text: 2252 -->#4552<!-- /react-text --></a></p></li><li data-reactid="2253"><p data-reactid="2254"><!-- react-text: 2255 -->Can search with Google. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4814" data-reactid="2256"><!-- react-text: 2257 -->#4814<!-- /react-text --></a></p></li><li data-reactid="2258"><p data-reactid="2259"><!-- react-text: 2260 -->Change the position of version switch. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4799" data-reactid="2261"><!-- react-text: 2262 -->pull-4799<!-- /react-text --></a></p></li></ul></li></ul></div></li><li class="ant-timeline-item" data-reactid="2263"><div class="ant-timeline-item-tail" data-reactid="2264"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2265"></div><div class="ant-timeline-item-content" data-reactid="2266"><h2 id="2.7.0" data-reactid="2267"><span data-reactid="2268"><!-- react-text: 2269 -->2.7.0<!-- /react-text --></span><a href="#2.7.0" class="anchor" data-reactid="2270">#</a></h2><p data-reactid="2271"><code data-reactid="2272"><!-- react-text: 2273 -->2017-02-03<!-- /react-text --></code></p><ul data-reactid="2274"><li data-reactid="2275"><p data-reactid="2276"><!-- react-text: 2277 -->Added <!-- /react-text --><code data-reactid="2278"><!-- react-text: 2279 -->danger<!-- /react-text --></code><!-- react-text: 2280 --> button and <!-- /react-text --><code data-reactid="2281"><!-- react-text: 2282 -->ghost<!-- /react-text --></code><!-- react-text: 2283 --> button style. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4679" data-reactid="2284"><!-- react-text: 2285 -->#4679<!-- /react-text --></a></p></li><li data-reactid="2286"><p data-reactid="2287"><!-- react-text: 2288 -->Input element of AutoComplete can be customized. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4483" data-reactid="2289"><!-- react-text: 2290 -->#4483<!-- /react-text --></a></p></li><li data-reactid="2291"><p data-reactid="2292"><!-- react-text: 2293 -->Upgrade rc-cascader to <!-- /react-text --><code data-reactid="2294"><!-- react-text: 2295 -->0.11.0<!-- /react-text --></code><!-- react-text: 2296 -->, keyborad interactions supported. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4411" data-reactid="2297"><!-- react-text: 2298 -->#4411<!-- /react-text --></a></p></li><li data-reactid="2299"><p data-reactid="2300"><!-- react-text: 2301 -->More popup directions are supported in notification. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4700" data-reactid="2302"><!-- react-text: 2303 -->#4732<!-- /react-text --></a></p></li><li data-reactid="2304"><p data-reactid="2305"><!-- react-text: 2306 -->Upgrade rc-steps to <!-- /react-text --><code data-reactid="2307"><!-- react-text: 2308 -->2.3.0<!-- /react-text --></code><!-- react-text: 2309 -->, added <!-- /react-text --><code data-reactid="2310"><!-- react-text: 2311 -->progressDot<!-- /react-text --></code><!-- react-text: 2312 --> property of Steps, which allows users to customize the display for Steps with progress dot style.<!-- /react-text --></p></li><li data-reactid="2313"><p data-reactid="2314"><!-- react-text: 2315 -->Upgrade rc-input-number to <!-- /react-text --><code data-reactid="2316"><!-- react-text: 2317 -->3.0.0<!-- /react-text --></code></p><ul data-reactid="2318"><li data-reactid="2319"><p data-reactid="2320"><!-- react-text: 2321 -->Input behavious will trigger <!-- /react-text --><code data-reactid="2322"><!-- react-text: 2323 -->onChange<!-- /react-text --></code><!-- react-text: 2324 --> callback now.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4265" data-reactid="2325"><!-- react-text: 2326 -->#4265<!-- /react-text --></a></p></li><li data-reactid="2327"><p data-reactid="2328"><!-- react-text: 2329 -->Fixed <!-- /react-text --><code data-reactid="2330"><!-- react-text: 2331 -->onKeyUp<!-- /react-text --></code><!-- react-text: 2332 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4717" data-reactid="2333"><!-- react-text: 2334 -->#4717<!-- /react-text --></a></p></li></ul></li><li data-reactid="2335"><p data-reactid="2336"><!-- react-text: 2337 -->Added <!-- /react-text --><code data-reactid="2338"><!-- react-text: 2339 -->vertical<!-- /react-text --></code><!-- react-text: 2340 --> mode of Slider. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4473" data-reactid="2341"><!-- react-text: 2342 -->#4473<!-- /react-text --></a></p></li><li data-reactid="2343"><p data-reactid="2344"><!-- react-text: 2345 -->Tag<!-- /react-text --></p><ul data-reactid="2346"><li data-reactid="2347"><p data-reactid="2348"><!-- react-text: 2349 -->Added preset colors. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4571" data-reactid="2350"><!-- react-text: 2351 -->#4571<!-- /react-text --></a></p></li><li data-reactid="2352"><p data-reactid="2353"><!-- react-text: 2354 -->Improvement vertical-align and margin.<!-- /react-text --></p></li></ul></li><li data-reactid="2355"><p data-reactid="2356"><!-- react-text: 2357 -->Add German localization for LocaleProvider.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4686" data-reactid="2358"><!-- react-text: 2359 -->#4686<!-- /react-text --></a></p></li><li data-reactid="2360"><p data-reactid="2361"><!-- react-text: 2362 -->Add Swedish localization for LocaleProvider. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4455" data-reactid="2363"><!-- react-text: 2364 -->#4455<!-- /react-text --></a></p></li><li data-reactid="2365"><p data-reactid="2366"><!-- react-text: 2367 -->Add French localization for LocaleProvider. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4538" data-reactid="2368"><!-- react-text: 2369 -->#4538<!-- /react-text --></a></p></li><li data-reactid="2370"><p data-reactid="2371"><!-- react-text: 2372 -->Added <!-- /react-text --><code data-reactid="2373"><!-- react-text: 2374 -->onSearchChange<!-- /react-text --></code><!-- react-text: 2375 --> callback of Transfer. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4464" data-reactid="2376"><!-- react-text: 2377 -->#4464<!-- /react-text --></a></p></li><li data-reactid="2378"><p data-reactid="2379"><!-- react-text: 2380 -->Added <!-- /react-text --><code data-reactid="2381"><!-- react-text: 2382 -->maskClosable<!-- /react-text --></code><!-- react-text: 2383 --> property of Modal.confirm. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4488" data-reactid="2384"><!-- react-text: 2385 -->#4488<!-- /react-text --></a><!-- react-text: 2386 -->, <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4490" data-reactid="2387"><!-- react-text: 2388 -->#4488<!-- /react-text --></a></p></li><li data-reactid="2389"><p data-reactid="2390"><!-- react-text: 2391 -->Form<!-- /react-text --></p><ul data-reactid="2392"><li data-reactid="2393"><p data-reactid="2394"><!-- react-text: 2395 -->Added <!-- /react-text --><code data-reactid="2396"><!-- react-text: 2397 -->options.onValuesChange<!-- /react-text --></code><!-- react-text: 2398 --> option, because <!-- /react-text --><code data-reactid="2399"><!-- react-text: 2400 -->options.onFieldsChange<!-- /react-text --></code><!-- react-text: 2401 --> would be triggered multiply. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/2934" data-reactid="2402"><!-- react-text: 2403 -->#2934<!-- /react-text --></a></p></li><li data-reactid="2404"><p data-reactid="2405"><!-- react-text: 2406 -->Added <!-- /react-text --><code data-reactid="2407"><!-- react-text: 2408 -->props.form.getFieldsError<!-- /react-text --></code><!-- react-text: 2409 --> <!-- /react-text --><code data-reactid="2410"><!-- react-text: 2411 -->props.form.isFieldTouched<!-- /react-text --></code><!-- react-text: 2412 --> <!-- /react-text --><code data-reactid="2413"><!-- react-text: 2414 -->props.form.isFieldsTouched<!-- /react-text --></code><!-- react-text: 2415 --> options that can be used to disable submit button. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4374" data-reactid="2416"><!-- react-text: 2417 -->#4374<!-- /react-text --></a></p></li><li data-reactid="2418"><p data-reactid="2419"><!-- react-text: 2420 -->Added <!-- /react-text --><code data-reactid="2421"><!-- react-text: 2422 -->hideRequiredMark<!-- /react-text --></code><!-- react-text: 2423 --> property. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4732" data-reactid="2424"><!-- react-text: 2425 -->#4732<!-- /react-text --></a></p></li></ul></li><li data-reactid="2426"><p data-reactid="2427"><!-- react-text: 2428 -->Improvement upload list of Upload. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4516" data-reactid="2429"><!-- react-text: 2430 -->#4516<!-- /react-text --></a></p></li><li data-reactid="2431"><p data-reactid="2432"><!-- react-text: 2433 -->Upgrade rc-select to <!-- /react-text --><code data-reactid="2434"><!-- react-text: 2435 -->6.7.1<!-- /react-text --></code><!-- react-text: 2436 -->.<!-- /react-text --></p><ul data-reactid="2437"><li data-reactid="2438"><p data-reactid="2439"><!-- react-text: 2440 -->Fixed duplication <!-- /react-text --><code data-reactid="2441"><!-- react-text: 2442 -->onChange<!-- /react-text --></code><!-- react-text: 2443 --> callback. <!-- /react-text --><a href="https://github.com/react-component/select/pull/156" data-reactid="2444"><!-- react-text: 2445 -->#156@rc-select<!-- /react-text --></a></p></li><li data-reactid="2446"><p data-reactid="2447"><!-- react-text: 2448 -->Fixed displaying of initial value. <!-- /react-text --><a href="https://github.com/react-component/select/pull/152" data-reactid="2449"><!-- react-text: 2450 -->#152@rc-select<!-- /react-text --></a></p></li></ul></li><li data-reactid="2451"><p data-reactid="2452"><!-- react-text: 2453 -->Upgrade rc-tree-select to <!-- /react-text --><code data-reactid="2454"><!-- react-text: 2455 -->1.9.0<!-- /react-text --></code><!-- react-text: 2456 -->.<!-- /react-text --></p><ul data-reactid="2457"><li data-reactid="2458"><p data-reactid="2459"><!-- react-text: 2460 -->Added <!-- /react-text --><code data-reactid="2461"><!-- react-text: 2462 -->treeDefaultExpandedKeys<!-- /react-text --></code><!-- react-text: 2463 --> property.<!-- /react-text --><a href="https://github.com/react-component/tree-select/pull/43" data-reactid="2464"><!-- react-text: 2465 -->#43@rc-tree-select<!-- /react-text --></a></p></li><li data-reactid="2466"><p data-reactid="2467"><!-- react-text: 2468 -->Fixed an overflow-wrap issue. <!-- /react-text --><a href="https://github.com/react-component/tree-select/pull/42" data-reactid="2469"><!-- react-text: 2470 -->#42@rc-tree-select<!-- /react-text --></a></p></li></ul></li><li data-reactid="2471"><p data-reactid="2472"><!-- react-text: 2473 -->Added less variables: <!-- /react-text --><code data-reactid="2474"><!-- react-text: 2475 -->@border-style-base<!-- /react-text --></code><!-- react-text: 2476 --> <!-- /react-text --><code data-reactid="2477"><!-- react-text: 2478 -->@border-width-base<!-- /react-text --></code><!-- react-text: 2479 --> <!-- /react-text --><code data-reactid="2480"><!-- react-text: 2481 -->@btn-danger-color<!-- /react-text --></code><!-- react-text: 2482 --> <!-- /react-text --><code data-reactid="2483"><!-- react-text: 2484 -->@btn-danger-bg<!-- /react-text --></code><!-- react-text: 2485 --> and etc.<!-- /react-text --></p></li><li data-reactid="2486"><p data-reactid="2487"><!-- react-text: 2488 -->Fixed Badge misplace issue when browser zoom above 100%. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4747" data-reactid="2489"><!-- react-text: 2490 -->#4747<!-- /react-text --></a><!-- react-text: 2491 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4290" data-reactid="2492"><!-- react-text: 2493 -->#4290<!-- /react-text --></a></p></li><li data-reactid="2494"><p data-reactid="2495"><!-- react-text: 2496 -->Fixed a mis-align issue of fixed header Table. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4750" data-reactid="2497"><!-- react-text: 2498 -->#4750<!-- /react-text --></a></p></li><li data-reactid="2499"><p data-reactid="2500"><!-- react-text: 2501 -->Fixed Table scrolling lag issue in IE. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4522" data-reactid="2502"><!-- react-text: 2503 -->#4522<!-- /react-text --></a></p></li><li data-reactid="2504"><p data-reactid="2505"><!-- react-text: 2506 -->Add icon aliases: <!-- /react-text --><code data-reactid="2507"><!-- react-text: 2508 -->addfile<!-- /react-text --></code><!-- react-text: 2509 --> =&gt; <!-- /react-text --><code data-reactid="2510"><!-- react-text: 2511 -->file-add<!-- /react-text --></code><!-- react-text: 2512 -->，<!-- /react-text --><code data-reactid="2513"><!-- react-text: 2514 -->addfolder<!-- /react-text --></code><!-- react-text: 2515 --> =&gt; <!-- /react-text --><code data-reactid="2516"><!-- react-text: 2517 -->folder-open<!-- /react-text --></code><!-- react-text: 2518 -->, and the old type names are still working. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4758" data-reactid="2519"><!-- react-text: 2520 -->#4758<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="2521"><div class="ant-timeline-item-tail" data-reactid="2522"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2523"></div><div class="ant-timeline-item-content" data-reactid="2524"><h2 id="2.6.4" data-reactid="2525"><span data-reactid="2526"><!-- react-text: 2527 -->2.6.4<!-- /react-text --></span><a href="#2.6.4" class="anchor" data-reactid="2528">#</a></h2><p data-reactid="2529"><code data-reactid="2530"><!-- react-text: 2531 -->2017-01-20<!-- /react-text --></code></p><ul data-reactid="2532"><li data-reactid="2533"><p data-reactid="2534"><!-- react-text: 2535 -->Improve RangePicker when selecting a preset date.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4561" data-reactid="2536"><!-- react-text: 2537 -->#4561<!-- /react-text --></a></p></li><li data-reactid="2538"><p data-reactid="2539"><!-- react-text: 2540 -->Fix DatePicker select time scroll issue.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4412" data-reactid="2541"><!-- react-text: 2542 -->#4412<!-- /react-text --></a></p></li><li data-reactid="2543"><p data-reactid="2544"><!-- react-text: 2545 -->Fix issue resulting in vertical Menu can&#x27;t be controlled.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3783" data-reactid="2546"><!-- react-text: 2547 -->#3783<!-- /react-text --></a></p></li><li data-reactid="2548"><p data-reactid="2549"><!-- react-text: 2550 -->Fix Cascader&#x27;s style when it&#x27;s disabled.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4648" data-reactid="2551"><!-- react-text: 2552 -->#4648<!-- /react-text --></a></p></li><li data-reactid="2553"><p data-reactid="2554"><!-- react-text: 2555 -->Table<!-- /react-text --></p><ul data-reactid="2556"><li data-reactid="2557"><p data-reactid="2558"><!-- react-text: 2559 -->Improve Table fixed header&#x27;s scrollbar style.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4637" data-reactid="2560"><!-- react-text: 2561 -->#4637<!-- /react-text --></a></p></li><li data-reactid="2562"><p data-reactid="2563"><!-- react-text: 2564 -->Fix issue resulting in Table&#x27;s header flashes when <!-- /react-text --><code data-reactid="2565"><!-- react-text: 2566 -->loading<!-- /react-text --></code><!-- react-text: 2567 --> is true in Safari.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4622" data-reactid="2568"><!-- react-text: 2569 -->#4622<!-- /react-text --></a></p></li><li data-reactid="2570"><p data-reactid="2571"><!-- react-text: 2572 -->Fix multiple border issues. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4647" data-reactid="2573"><!-- react-text: 2574 -->#4647<!-- /react-text --></a><!-- react-text: 2575 -->、<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4635" data-reactid="2576"><!-- react-text: 2577 -->#4635<!-- /react-text --></a></p></li><li data-reactid="2578"><p data-reactid="2579"><!-- react-text: 2580 -->Fix <!-- /react-text --><code data-reactid="2581"><!-- react-text: 2582 -->showHeader<!-- /react-text --></code><!-- react-text: 2583 -->&#x27;s default value.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4658" data-reactid="2584"><!-- react-text: 2585 -->#4658<!-- /react-text --></a></p></li><li data-reactid="2586"><p data-reactid="2587"><!-- react-text: 2588 -->Fix missing <!-- /react-text --><code data-reactid="2589"><!-- react-text: 2590 -->TableColumnConfig<!-- /react-text --></code><!-- react-text: 2591 --> type.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4660" data-reactid="2592"><!-- react-text: 2593 -->#4660<!-- /react-text --></a></p></li></ul></li></ul></div></li><li class="ant-timeline-item" data-reactid="2594"><div class="ant-timeline-item-tail" data-reactid="2595"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2596"></div><div class="ant-timeline-item-content" data-reactid="2597"><h2 id="2.6.3" data-reactid="2598"><span data-reactid="2599"><!-- react-text: 2600 -->2.6.3<!-- /react-text --></span><a href="#2.6.3" class="anchor" data-reactid="2601">#</a></h2><p data-reactid="2602"><code data-reactid="2603"><!-- react-text: 2604 -->2017-01-15<!-- /react-text --></code></p><ul data-reactid="2605"><li data-reactid="2606"><p data-reactid="2607"><!-- react-text: 2608 -->Fixed issue introduced in <!-- /react-text --><code data-reactid="2609"><!-- react-text: 2610 -->2.6.2<!-- /react-text --></code><!-- react-text: 2611 --> that Popconfirm is not working. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4606" data-reactid="2612"><!-- react-text: 2613 -->#4606<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="2614"><div class="ant-timeline-item-tail" data-reactid="2615"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2616"></div><div class="ant-timeline-item-content" data-reactid="2617"><h2 id="2.6.2" data-reactid="2618"><span data-reactid="2619"><!-- react-text: 2620 -->2.6.2<!-- /react-text --></span><a href="#2.6.2" class="anchor" data-reactid="2621">#</a></h2><p data-reactid="2622"><code data-reactid="2623"><!-- react-text: 2624 -->2017-01-14<!-- /react-text --></code></p><ul data-reactid="2625"><li data-reactid="2626"><p data-reactid="2627"><!-- react-text: 2628 -->Added a Third-Party Library Page for recommending other greet react components. <!-- /react-text --><a href="/docs/react/recommendation" data-reactid="2629">Link</a></p></li><li data-reactid="2630"><p data-reactid="2631"><!-- react-text: 2632 -->Fixed misplaced Sider of Layout. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4459" data-reactid="2633"><!-- react-text: 2634 -->#4459<!-- /react-text --></a></p></li><li data-reactid="2635"><p data-reactid="2636"><!-- react-text: 2637 -->Fixed Input.Search wrong block layout and misplaced icon. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4540" data-reactid="2638"><!-- react-text: 2639 -->#4540<!-- /react-text --></a></p></li><li data-reactid="2640"><p data-reactid="2641"><!-- react-text: 2642 -->Added a customize Collapse panel demo. <!-- /react-text --><a href="/components/collapse/#components-collapse-demo-custom" data-reactid="2643">Link</a></p></li><li data-reactid="2644"><p data-reactid="2645"><!-- react-text: 2646 -->Table<!-- /react-text --></p><ul data-reactid="2647"><li data-reactid="2648"><p data-reactid="2649"><!-- react-text: 2650 -->Enlarged the width of selection column and expand column.<!-- /react-text --></p></li><li data-reactid="2651"><p data-reactid="2652"><!-- react-text: 2653 -->Fixed not-available pagination issue when property <!-- /react-text --><code data-reactid="2654"><!-- react-text: 2655 -->pagination<!-- /react-text --></code><!-- react-text: 2656 --> is changed. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4532" data-reactid="2657"><!-- react-text: 2658 -->#4532<!-- /react-text --></a></p></li><li data-reactid="2659"><p data-reactid="2660"><!-- react-text: 2661 -->Fixed that three level filter menu is not working. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4541" data-reactid="2662"><!-- react-text: 2663 -->#4541<!-- /react-text --></a></p></li><li data-reactid="2664"><p data-reactid="2665"><!-- react-text: 2666 -->Fixed <!-- /react-text --><code data-reactid="2667"><!-- react-text: 2668 -->column.filteredValue<!-- /react-text --></code><!-- react-text: 2669 --> issue of cannot being set to <!-- /react-text --><code data-reactid="2670"><!-- react-text: 2671 -->null<!-- /react-text --></code><!-- react-text: 2672 -->.<!-- /react-text --></p></li></ul></li><li data-reactid="2673"><p data-reactid="2674"><!-- react-text: 2675 -->Now Carousel is undragglble and text-selectable defaultly.<!-- /react-text --></p></li><li data-reactid="2676"><p data-reactid="2677"><!-- react-text: 2678 -->Added warnings when non-BreadcrumbItem node is nested under Breadcrumb. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4403" data-reactid="2679"><!-- react-text: 2680 -->#4403<!-- /react-text --></a></p></li><li data-reactid="2681"><p data-reactid="2682"><!-- react-text: 2683 -->Fixed Tooltip hidden issue when <!-- /react-text --><code data-reactid="2684"><!-- react-text: 2685 -->onVisibleChange(visible)<!-- /react-text --></code><!-- react-text: 2686 --> return <!-- /react-text --><code data-reactid="2687"><!-- react-text: 2688 -->true<!-- /react-text --></code><!-- react-text: 2689 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4579" data-reactid="2690"><!-- react-text: 2691 -->#4579<!-- /react-text --></a></p></li><li data-reactid="2692"><p data-reactid="2693"><!-- react-text: 2694 -->Make TreeSelect panel default height smaller than screen height. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4537" data-reactid="2695"><!-- react-text: 2696 -->#4537<!-- /react-text --></a></p></li><li data-reactid="2697"><p data-reactid="2698"><!-- react-text: 2699 -->Added less variables of TimePicker and Spin.<!-- /react-text --></p></li><li data-reactid="2700"><p data-reactid="2701"><!-- react-text: 2702 -->Replaced arrows of DatePicker year panel by year text. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4415" data-reactid="2703"><!-- react-text: 2704 -->#4415<!-- /react-text --></a></p></li><li data-reactid="2705"><p data-reactid="2706"><!-- react-text: 2707 -->Fixed TypeScript definites of AutoComplete and Form <!-- /react-text --><code data-reactid="2708"><!-- react-text: 2709 -->[options.validateTrigger]<!-- /react-text --></code><!-- react-text: 2710 -->.<!-- /react-text --></p></li><li data-reactid="2711"><p data-reactid="2712"><!-- react-text: 2713 -->Improved the animation details of Spin and Progress.<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="2714"><div class="ant-timeline-item-tail" data-reactid="2715"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2716"></div><div class="ant-timeline-item-content" data-reactid="2717"><h2 id="2.6.1" data-reactid="2718"><span data-reactid="2719"><!-- react-text: 2720 -->2.6.1<!-- /react-text --></span><a href="#2.6.1" class="anchor" data-reactid="2721">#</a></h2><p data-reactid="2722"><code data-reactid="2723"><!-- react-text: 2724 -->2017-1-6<!-- /react-text --></code></p><ul data-reactid="2725"><li data-reactid="2726"><p data-reactid="2727"><!-- react-text: 2728 -->Fix style problem for Menu dark theme. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4440" data-reactid="2729"><!-- react-text: 2730 -->#4440<!-- /react-text --></a></p></li><li data-reactid="2731"><p data-reactid="2732"><!-- react-text: 2733 -->Fix TypeScript interface definition for <!-- /react-text --><code data-reactid="2734"><!-- react-text: 2735 -->Select[tokenSeparators]<!-- /react-text --></code><!-- react-text: 2736 --> <!-- /react-text --><code data-reactid="2737"><!-- react-text: 2738 -->Modal[afterClose]<!-- /react-text --></code><!-- react-text: 2739 --> <!-- /react-text --><code data-reactid="2740"><!-- react-text: 2741 -->Input[name]<!-- /react-text --></code><!-- react-text: 2742 --> and so on. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4441" data-reactid="2743"><!-- react-text: 2744 -->#4441<!-- /react-text --></a><!-- react-text: 2745 --> <!-- /react-text --><a href="https://github.com/eddhannay" data-reactid="2746"><!-- react-text: 2747 -->@eddhannay<!-- /react-text --></a></p></li><li data-reactid="2748"><p data-reactid="2749"><!-- react-text: 2750 -->Fix that <!-- /react-text --><code data-reactid="2751"><!-- react-text: 2752 -->TimePicker[placeholder]<!-- /react-text --></code><!-- react-text: 2753 --> cannot be set to empty string. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4446" data-reactid="2754"><!-- react-text: 2755 -->#4446<!-- /react-text --></a><!-- react-text: 2756 --> <!-- /react-text --><a href="https://github.com/jialeicui" data-reactid="2757"><!-- react-text: 2758 -->@jialeicui<!-- /react-text --></a></p></li><li data-reactid="2759"><p data-reactid="2760"><!-- react-text: 2761 -->Fix style problem in DatePicker year panel. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4415" data-reactid="2762"><!-- react-text: 2763 -->#4415<!-- /react-text --></a></p></li><li data-reactid="2764"><p data-reactid="2765"><!-- react-text: 2766 -->Fix that Table loading doesn&#x27;t mask Pagination. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4461" data-reactid="2767"><!-- react-text: 2768 -->#4461<!-- /react-text --></a></p></li><li data-reactid="2769"><p data-reactid="2770"><!-- react-text: 2771 -->Fix align style for <!-- /react-text --><code data-reactid="2772"><!-- react-text: 2773 -->Input[prefix|suffix]<!-- /react-text --></code><!-- react-text: 2774 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/c4ac4d1eca53ae2f6f4a1e15210b43745f283534" data-reactid="2775"><!-- react-text: 2776 -->commit<!-- /react-text --></a></p></li><li data-reactid="2777"><p data-reactid="2778"><!-- react-text: 2779 -->Fix align style for Cascader. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/1fbebd4ecfff432e1b2261c9dfee4b9f471e7b1f" data-reactid="2780"><!-- react-text: 2781 -->commit<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="2782"><div class="ant-timeline-item-tail" data-reactid="2783"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2784"></div><div class="ant-timeline-item-content" data-reactid="2785"><h2 id="2.6.0" data-reactid="2786"><span data-reactid="2787"><!-- react-text: 2788 -->2.6.0<!-- /react-text --></span><a href="#2.6.0" class="anchor" data-reactid="2789">#</a></h2><p data-reactid="2790"><code data-reactid="2791"><!-- react-text: 2792 -->2017-1-2<!-- /react-text --></code></p><ul data-reactid="2793"><li data-reactid="2794"><p data-reactid="2795"><!-- react-text: 2796 -->Brand new color system. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4426" data-reactid="2797"><!-- react-text: 2798 -->pull/4426<!-- /react-text --></a></p><ul data-reactid="2799"><li data-reactid="2800"><p data-reactid="2801"><!-- react-text: 2802 -->Brand new color algorithm replacing the tint/shade system.<!-- /react-text --></p></li><li data-reactid="2803"><p data-reactid="2804"><!-- react-text: 2805 -->Brand new color palattes generated by new algorithm. <!-- /react-text --><a href="http://ant.design/docs/spec/colors" data-reactid="2806"><!-- react-text: 2807 -->Link<!-- /react-text --></a></p></li><li data-reactid="2808"><p data-reactid="2809"><!-- react-text: 2810 -->Change default font color.<!-- /react-text --></p></li></ul></li><li data-reactid="2811"><p data-reactid="2812"><!-- react-text: 2813 -->Add Layout component. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3534" data-reactid="2814"><!-- react-text: 2815 -->#3534<!-- /react-text --></a></p></li><li data-reactid="2816"><p data-reactid="2817"><!-- react-text: 2818 -->Add Grid playground demo. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/ee17abfa9d0362c6f9baab4a9a09e57574583246" data-reactid="2819"><!-- react-text: 2820 -->commit/ee17ab<!-- /react-text --></a></p></li><li data-reactid="2821"><p data-reactid="2822"><!-- react-text: 2823 -->Input<!-- /react-text --></p><ul data-reactid="2824"><li data-reactid="2825"><p data-reactid="2826"><!-- react-text: 2827 -->Support prefix and suffix. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4226" data-reactid="2828"><!-- react-text: 2829 -->#4226<!-- /react-text --></a><!-- react-text: 2830 --> <!-- /react-text --><a href="https://github.com/ystarlongzi" data-reactid="2831"><!-- react-text: 2832 -->@ystarlongzi<!-- /react-text --></a></p></li><li data-reactid="2833"><p data-reactid="2834"><!-- react-text: 2835 -->InputGroup support compact display mode. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4309" data-reactid="2836"><!-- react-text: 2837 -->pull/4309<!-- /react-text --></a></p></li></ul></li><li data-reactid="2838"><p data-reactid="2839"><!-- react-text: 2840 -->Spin support delayed display. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4306" data-reactid="2841"><!-- react-text: 2842 -->#4306<!-- /react-text --></a></p></li><li data-reactid="2843"><p data-reactid="2844"><!-- react-text: 2845 -->Fix the dislocation problem of Pagination in low resolution. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4349" data-reactid="2846"><!-- react-text: 2847 -->#4349<!-- /react-text --></a></p></li><li data-reactid="2848"><p data-reactid="2849"><!-- react-text: 2850 -->Fix wrapping display of Dropdown.Button. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4355" data-reactid="2851"><!-- react-text: 2852 -->pull/4355<!-- /react-text --></a><!-- react-text: 2853 --> <!-- /react-text --><a href="https://github.com/Morhaus" data-reactid="2854"><!-- react-text: 2855 -->@Morhaus<!-- /react-text --></a></p></li><li data-reactid="2856"><p data-reactid="2857"><!-- react-text: 2858 -->Fix wrong background color of Cascader in disabled status. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4434" data-reactid="2859"><!-- react-text: 2860 -->#4434<!-- /react-text --></a></p></li><li data-reactid="2861"><p data-reactid="2862"><!-- react-text: 2863 -->Fix MonthPicker<!-- /react-text --><!-- react-text: 2864 -->[monthcellcontentrender]<!-- /react-text --><!-- react-text: 2865 --> doesn&#x27;t work, and some documentation errors. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4394" data-reactid="2866"><!-- react-text: 2867 -->#4394<!-- /react-text --></a></p></li><li data-reactid="2868"><p data-reactid="2869"><!-- react-text: 2870 -->Fix the extra border of ButtonGroup. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4382" data-reactid="2871"><!-- react-text: 2872 -->#4382<!-- /react-text --></a><!-- react-text: 2873 --> <!-- /react-text --><a href="https://github.com/ystarlongzi" data-reactid="2874"><!-- react-text: 2875 -->@ystarlongzi<!-- /react-text --></a></p></li><li data-reactid="2876"><p data-reactid="2877"><!-- react-text: 2878 -->Fix wrong background color of the Submenu(horizontal mode). <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4414" data-reactid="2879"><!-- react-text: 2880 -->#4414<!-- /react-text --></a></p></li><li data-reactid="2881"><p data-reactid="2882"><!-- react-text: 2883 -->Fix overlapping graphics with Select/Cascader in Form.Item with hasFeedback. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4431" data-reactid="2884"><!-- react-text: 2885 -->#4431<!-- /react-text --></a><!-- react-text: 2886 --> <!-- /react-text --><a href="https://github.com/JesperWe" data-reactid="2887"><!-- react-text: 2888 -->@JesperWe<!-- /react-text --></a></p></li><li data-reactid="2889"><p data-reactid="2890"><!-- react-text: 2891 -->Reset border-radius of the first row in Table without header. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4373" data-reactid="2892"><!-- react-text: 2893 -->#4373<!-- /react-text --></a></p></li><li data-reactid="2894"><p data-reactid="2895"><!-- react-text: 2896 -->Improve the drag performance of Tree. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4371" data-reactid="2897"><!-- react-text: 2898 -->#4371<!-- /react-text --></a></p></li><li data-reactid="2899"><p data-reactid="2900"><!-- react-text: 2901 -->Improve official website and documentation, fix some bugs.<!-- /react-text --></p></li><li data-reactid="2902"><p data-reactid="2903"><!-- react-text: 2904 -->Update rc-form to support nested style of getFieldDecorator<!-- /react-text --><!-- react-text: 2905 -->[id]<!-- /react-text --><!-- react-text: 2906 -->.<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="2907"><div class="ant-timeline-item-tail" data-reactid="2908"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2909"></div><div class="ant-timeline-item-content" data-reactid="2910"><h2 id="2.5.3" data-reactid="2911"><span data-reactid="2912"><!-- react-text: 2913 -->2.5.3<!-- /react-text --></span><a href="#2.5.3" class="anchor" data-reactid="2914">#</a></h2><p data-reactid="2915"><code data-reactid="2916"><!-- react-text: 2917 -->2016-12-24<!-- /react-text --></code><!-- react-text: 2918 --> 🎄🎄🎄<!-- /react-text --></p><ul data-reactid="2919"><li data-reactid="2920"><p data-reactid="2921"><!-- react-text: 2922 -->Supports TypeScript@2.1. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4208" data-reactid="2923"><!-- react-text: 2924 -->#4208<!-- /react-text --></a></p></li><li data-reactid="2925"><p data-reactid="2926"><!-- react-text: 2927 -->Fix style issue resulting in nested Tabs. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4317" data-reactid="2928"><!-- react-text: 2929 -->#4317<!-- /react-text --></a></p></li><li data-reactid="2930"><p data-reactid="2931"><!-- react-text: 2932 -->Fix <!-- /react-text --><code data-reactid="2933"><!-- react-text: 2934 -->onChange<!-- /react-text --></code><!-- react-text: 2935 --> callback issue resulting in Radio. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4242" data-reactid="2936"><!-- react-text: 2937 -->#4242<!-- /react-text --></a><!-- react-text: 2938 --> <!-- /react-text --><a href="https://github.com/ystarlongzi" data-reactid="2939"><!-- react-text: 2940 -->@ystarlongzi<!-- /react-text --></a></p></li><li data-reactid="2941"><p data-reactid="2942"><!-- react-text: 2943 -->Fix a FormItem mis-aligin bug. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4271" data-reactid="2944"><!-- react-text: 2945 -->#4271<!-- /react-text --></a></p></li><li data-reactid="2946"><p data-reactid="2947"><!-- react-text: 2948 -->Fix background issue resulting in selected element of veritcal Menu.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4253" data-reactid="2949"><!-- react-text: 2950 -->#4253<!-- /react-text --></a></p></li><li data-reactid="2951"><p data-reactid="2952"><!-- react-text: 2953 -->Improve arguments type of <!-- /react-text --><code data-reactid="2954"><!-- react-text: 2955 -->onVisibleChange<!-- /react-text --></code><!-- react-text: 2956 --> callback of  Dropdown.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4236" data-reactid="2957"><!-- react-text: 2958 -->#4236<!-- /react-text --></a><!-- react-text: 2959 --> <!-- /react-text --><a href="https://github.com/bang88" data-reactid="2960"><!-- react-text: 2961 -->@bang88<!-- /react-text --></a></p></li><li data-reactid="2962"><p data-reactid="2963"><!-- react-text: 2964 -->Improve first argument type of <!-- /react-text --><code data-reactid="2965"><!-- react-text: 2966 -->onChange<!-- /react-text --></code><!-- react-text: 2967 --> callback of Cascader.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4231" data-reactid="2968"><!-- react-text: 2969 -->#4231<!-- /react-text --></a><!-- react-text: 2970 --> <!-- /react-text --><a href="https://github.com/bang88" data-reactid="2971"><!-- react-text: 2972 -->@bang88<!-- /react-text --></a></p></li><li data-reactid="2973"><p data-reactid="2974"><!-- react-text: 2975 -->Improve default width of Datepicker<!-- /react-text --><!-- react-text: 2976 -->[showtime]<!-- /react-text --><!-- react-text: 2977 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/b912f1cea6f470c16b8dd90554883460161cef47" data-reactid="2978"><!-- react-text: 2979 -->b912f1c<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="2980"><div class="ant-timeline-item-tail" data-reactid="2981"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2982"></div><div class="ant-timeline-item-content" data-reactid="2983"><h2 id="2.5.2" data-reactid="2984"><span data-reactid="2985"><!-- react-text: 2986 -->2.5.2<!-- /react-text --></span><a href="#2.5.2" class="anchor" data-reactid="2987">#</a></h2><p data-reactid="2988"><code data-reactid="2989"><!-- react-text: 2990 -->2016-12-10<!-- /react-text --></code></p><ul data-reactid="2991"><li data-reactid="2992"><p data-reactid="2993"><!-- react-text: 2994 -->Improve selected item style of Menu.<!-- /react-text --></p></li><li data-reactid="2995"><p data-reactid="2996"><!-- react-text: 2997 -->Fix issue resulting in Mention not responses <!-- /react-text --><code data-reactid="2998"><!-- react-text: 2999 -->onFocus<!-- /react-text --></code><!-- react-text: 3000 --> and <!-- /react-text --><code data-reactid="3001"><!-- react-text: 3002 -->onBlur<!-- /react-text --></code><!-- react-text: 3003 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4163" data-reactid="3004"><!-- react-text: 3005 -->#4163<!-- /react-text --></a></p></li><li data-reactid="3006"><p data-reactid="3007"><!-- react-text: 3008 -->Fix issue resulting in there is a redundant shadow between <!-- /react-text --><code data-reactid="3009"><!-- react-text: 3010 -->disabled<!-- /react-text --></code><!-- react-text: 3011 --> and <!-- /react-text --><code data-reactid="3012"><!-- react-text: 3013 -->checked<!-- /react-text --></code><!-- react-text: 3014 --> Radio. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4114" data-reactid="3015"><!-- react-text: 3016 -->#4114<!-- /react-text --></a><!-- react-text: 3017 --> @jdz321<!-- /react-text --></p></li><li data-reactid="3018"><p data-reactid="3019"><!-- react-text: 3020 -->Fix error when setting Momment <!-- /react-text --><code data-reactid="3021"><!-- react-text: 3022 -->defaultValue<!-- /react-text --></code><!-- react-text: 3023 --> or <!-- /react-text --><code data-reactid="3024"><!-- react-text: 3025 -->value<!-- /react-text --></code><!-- react-text: 3026 --> on RangePicker, TimePicker, Calendar. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4147" data-reactid="3027"><!-- react-text: 3028 -->#4147<!-- /react-text --></a></p></li><li data-reactid="3029"><p data-reactid="3030"><!-- react-text: 3031 -->Fix issue resulting in Affix disappears when it&#x27;s uesed in animated Tabs. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3943" data-reactid="3032"><!-- react-text: 3033 -->#3943<!-- /react-text --></a></p></li><li data-reactid="3034"><p data-reactid="3035"><!-- react-text: 3036 -->Fix issue resulting in Cascader passes different <!-- /react-text --><code data-reactid="3037"><!-- react-text: 3038 -->selectedOptions<!-- /react-text --></code><!-- react-text: 3039 --> to <!-- /react-text --><code data-reactid="3040"><!-- react-text: 3041 -->onChange<!-- /react-text --></code><!-- react-text: 3042 --> when manually selecting and selecting by search. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4096" data-reactid="3043"><!-- react-text: 3044 -->#4096<!-- /react-text --></a></p></li><li data-reactid="3045"><p data-reactid="3046"><!-- react-text: 3047 -->Fix issue resulting in Tabs get offset, when too many tabs are opening. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3637" data-reactid="3048"><!-- react-text: 3049 -->#3637<!-- /react-text --></a></p></li><li data-reactid="3050"><p data-reactid="3051"><!-- react-text: 3052 -->Table<!-- /react-text --></p><ul data-reactid="3053"><li data-reactid="3054"><p data-reactid="3055"><!-- react-text: 3056 -->Align text of grouped parent header to center.<!-- /react-text --></p></li><li data-reactid="3057"><p data-reactid="3058"><!-- react-text: 3059 -->Fix issue resulting in <!-- /react-text --><code data-reactid="3060"><!-- react-text: 3061 -->filterDropdownVisible<!-- /react-text --></code><!-- react-text: 3062 --> can&#x27;t be set correctly. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4162" data-reactid="3063"><!-- react-text: 3064 -->#4162<!-- /react-text --></a></p></li></ul></li></ul></div></li><li class="ant-timeline-item" data-reactid="3065"><div class="ant-timeline-item-tail" data-reactid="3066"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3067"></div><div class="ant-timeline-item-content" data-reactid="3068"><h2 id="2.5.1" data-reactid="3069"><span data-reactid="3070"><!-- react-text: 3071 -->2.5.1<!-- /react-text --></span><a href="#2.5.1" class="anchor" data-reactid="3072">#</a></h2><p data-reactid="3073"><code data-reactid="3074"><!-- react-text: 3075 -->2016-12-03<!-- /react-text --></code></p><ul data-reactid="3076"><li data-reactid="3077"><p data-reactid="3078"><!-- react-text: 3079 -->Improve website experience on mobile devices.<!-- /react-text --></p></li><li data-reactid="3080"><p data-reactid="3081"><!-- react-text: 3082 -->Add some migrate warnings for <!-- /react-text --><code data-reactid="3083"><!-- react-text: 3084 -->1.x<!-- /react-text --></code><!-- react-text: 3085 --> to <!-- /react-text --><code data-reactid="3086"><!-- react-text: 3087 -->2.x<!-- /react-text --></code><!-- react-text: 3088 -->.<!-- /react-text --></p></li><li data-reactid="3089"><p data-reactid="3090"><!-- react-text: 3091 -->ToolTip, Popover, Popconfirm support to wrap text node and multiple node directly now. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3924" data-reactid="3092"><!-- react-text: 3093 -->#3924<!-- /react-text --></a></p></li><li data-reactid="3094"><p data-reactid="3095"><!-- react-text: 3096 -->Anchor<!-- /react-text --></p><ul data-reactid="3097"><li data-reactid="3098"><p data-reactid="3099"><!-- react-text: 3100 -->Fix current position bug when scroll fastly. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4053" data-reactid="3101"><!-- react-text: 3102 -->#4053<!-- /react-text --></a></p></li><li data-reactid="3103"><p data-reactid="3104"><!-- react-text: 3105 -->Fix a bug of parent component ref node is undefined. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4037" data-reactid="3106"><!-- react-text: 3107 -->#4037<!-- /react-text --></a></p></li></ul></li><li data-reactid="3108"><p data-reactid="3109"><!-- react-text: 3110 -->Table<!-- /react-text --></p><ul data-reactid="3111"><li data-reactid="3112"><p data-reactid="3113"><!-- react-text: 3114 -->Fix a selection problem when setting defaultChecked in rowSelection. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4020" data-reactid="3115"><!-- react-text: 3116 -->#4020<!-- /react-text --></a></p></li><li data-reactid="3117"><p data-reactid="3118"><!-- react-text: 3119 -->Fix grouping column title cannot work with filters. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4099" data-reactid="3120"><!-- react-text: 3121 -->#4099<!-- /react-text --></a></p></li></ul></li><li data-reactid="3122"><p data-reactid="3123"><!-- react-text: 3124 -->Fix a misplace bug when using Popover over <!-- /react-text --><code data-reactid="3125"><!-- react-text: 3126 -->Input[type=&quot;textarea&quot;]<!-- /react-text --></code><!-- react-text: 3127 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4092" data-reactid="3128"><!-- react-text: 3129 -->#4092<!-- /react-text --></a></p></li><li data-reactid="3130"><p data-reactid="3131"><!-- react-text: 3132 -->Fix Popconfirm <!-- /react-text --><code data-reactid="3133"><!-- react-text: 3134 -->visible<!-- /react-text --></code><!-- react-text: 3135 --> is not-working problem. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4068" data-reactid="3136"><!-- react-text: 3137 -->#4068<!-- /react-text --></a></p></li><li data-reactid="3138"><p data-reactid="3139"><!-- react-text: 3140 -->Fix TimePicker can not override width by <!-- /react-text --><code data-reactid="3141"><!-- react-text: 3142 -->style.width<!-- /react-text --></code><!-- react-text: 3143 -->.<!-- /react-text --></p></li><li data-reactid="3144"><p data-reactid="3145"><!-- react-text: 3146 -->Unify Steps icon size. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3817" data-reactid="3147"><!-- react-text: 3148 -->#3817<!-- /react-text --></a></p></li><li data-reactid="3149"><p data-reactid="3150"><!-- react-text: 3151 -->Fix style details of Form, Button, Slider, Table.<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3152"><div class="ant-timeline-item-tail" data-reactid="3153"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3154"></div><div class="ant-timeline-item-content" data-reactid="3155"><h2 id="2.5.0" data-reactid="3156"><span data-reactid="3157"><!-- react-text: 3158 -->2.5.0<!-- /react-text --></span><a href="#2.5.0" class="anchor" data-reactid="3159">#</a></h2><p data-reactid="3160"><code data-reactid="3161"><!-- react-text: 3162 -->2016-11-25<!-- /react-text --></code></p><ul data-reactid="3163"><li data-reactid="3164"><p data-reactid="3165"><!-- react-text: 3166 -->Change the default theme to Alipay style and improve lots of style details.<!-- /react-text --></p></li><li data-reactid="3167"><p data-reactid="3168"><!-- react-text: 3169 -->Supports server-side rendering. (<!-- /react-text --><code data-reactid="3170"><!-- react-text: 3171 -->Mention<!-- /react-text --></code><!-- react-text: 3172 --> will throw warning for <!-- /react-text --><a href="https://github.com/facebook/draft-js/issues/385" data-reactid="3173"><!-- react-text: 3174 -->draft-js<!-- /react-text --></a><!-- react-text: 3175 -->&#x27; issue)<!-- /react-text --></p></li><li data-reactid="3176"><p data-reactid="3177"><!-- react-text: 3178 -->Introduce <!-- /react-text --><a href="https://facebook.github.io/jest/docs/tutorial-react.html#snapshot-testing" data-reactid="3179"><!-- react-text: 3180 -->Jest Snapshot<!-- /react-text --></a><!-- react-text: 3181 --> to test the structure of components and SSR issues.<!-- /react-text --></p></li><li data-reactid="3182"><p data-reactid="3183"><!-- react-text: 3184 -->Improve official website and documentation.<!-- /react-text --></p></li><li data-reactid="3185"><p data-reactid="3186"><!-- react-text: 3187 -->Add <!-- /react-text --><a href="https://ant.design/docs/react/customize-theme" data-reactid="3188"><!-- react-text: 3189 -->document<!-- /react-text --></a><!-- react-text: 3190 --> for customizing theme.<!-- /react-text --></p></li><li data-reactid="3191"><p data-reactid="3192"><!-- react-text: 3193 -->Add <!-- /react-text --><a href="https://ant.design/docs/resource/download" data-reactid="3194"><!-- react-text: 3195 -->Sketch template files<!-- /react-text --></a><!-- react-text: 3196 -->.<!-- /react-text --></p></li><li data-reactid="3197"><p data-reactid="3198"><code data-reactid="3199"><!-- react-text: 3200 -->LocaleProvider<!-- /react-text --></code><!-- react-text: 3201 --> supports Brazilian. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4004" data-reactid="3202"><!-- react-text: 3203 -->#4004<!-- /react-text --></a><!-- react-text: 3204 --> <!-- /react-text --><a href="https://github.com/nathantn" data-reactid="3205"><!-- react-text: 3206 -->@nathantn<!-- /react-text --></a></p></li><li data-reactid="3207"><p data-reactid="3208"><!-- react-text: 3209 -->DatePicker<!-- /react-text --></p><ul data-reactid="3210"><li data-reactid="3211"><p data-reactid="3212"><!-- react-text: 3213 -->DatePicker can determine whether to show &quot;Today&quot; button. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/bbef274aae169d142e3e7e3ea0af922d48e6dd64" data-reactid="3214"><!-- react-text: 3215 -->commit<!-- /react-text --></a></p></li><li data-reactid="3216"><p data-reactid="3217"><!-- react-text: 3218 -->RangePicker can set presetted ranges. <!-- /react-text --><a href="https://ant.design/components/date-picker/#components-date-picker-demo-presetted-ranges" data-reactid="3219"><!-- react-text: 3220 -->demo<!-- /react-text --></a></p></li><li data-reactid="3221"><p data-reactid="3222"><!-- react-text: 3223 -->Fix &quot;Now&quot; button doesn&#x27;t work while <!-- /react-text --><code data-reactid="3224"><!-- react-text: 3225 -->DatePicker[showTime]<!-- /react-text --></code><!-- react-text: 3226 --> is set. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3748" data-reactid="3227"><!-- react-text: 3228 -->#3748<!-- /react-text --></a></p></li><li data-reactid="3229"><p data-reactid="3230"><!-- react-text: 3231 -->Fix <!-- /react-text --><code data-reactid="3232"><!-- react-text: 3233 -->RangePicker[format]<!-- /react-text --></code><!-- react-text: 3234 --> should work. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3808" data-reactid="3235"><!-- react-text: 3236 -->#3808<!-- /react-text --></a></p></li><li data-reactid="3237"><p data-reactid="3238"><!-- react-text: 3239 -->Fix issue that RangePicker <!-- /react-text --><code data-reactid="3240"><!-- react-text: 3241 -->placeholder=[&#x27;xx&#x27;, &#x27;xx&#x27;]<!-- /react-text --></code><!-- react-text: 3242 --> not working.<!-- /react-text --></p></li></ul></li><li data-reactid="3243"><p data-reactid="3244"><!-- react-text: 3245 -->Add and update some icons. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3977" data-reactid="3246"><!-- react-text: 3247 -->#3977<!-- /react-text --></a></p></li><li data-reactid="3248"><p data-reactid="3249"><!-- react-text: 3250 -->New component <!-- /react-text --><code data-reactid="3251"><!-- react-text: 3252 -->Input.Search<!-- /react-text --></code><!-- react-text: 3253 -->. <!-- /react-text --><a href="https://ant.design/components/input/#components-input-demo-search-input" data-reactid="3254"><!-- react-text: 3255 -->demo<!-- /react-text --></a></p></li><li data-reactid="3256"><p data-reactid="3257"><!-- react-text: 3258 -->Mention onSelect event will get complete record. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3867" data-reactid="3259"><!-- react-text: 3260 -->#3867<!-- /react-text --></a></p></li><li data-reactid="3261"><p data-reactid="3262"><!-- react-text: 3263 -->Pagination can get current range. <!-- /react-text --><a href="https://ant.design/components/pagination/#components-pagination-demo-total" data-reactid="3264"><!-- react-text: 3265 -->demo<!-- /react-text --></a></p></li><li data-reactid="3266"><p data-reactid="3267"><!-- react-text: 3268 -->Table<!-- /react-text --></p><ul data-reactid="3269"><li data-reactid="3270"><p data-reactid="3271"><!-- react-text: 3272 -->We can control the visible of customized <!-- /react-text --><code data-reactid="3273"><!-- react-text: 3274 -->filterDropdown<!-- /react-text --></code><!-- react-text: 3275 -->. <!-- /react-text --><a href="https://ant.design/components/table/#components-table-demo-custom-filter-panel" data-reactid="3276"><!-- react-text: 3277 -->demo<!-- /react-text --></a></p></li><li data-reactid="3278"><p data-reactid="3279"><!-- react-text: 3280 -->Supports JSX-style columns. <!-- /react-text --><a href="https://ant.design/components/table/#components-table-demo-jsx" data-reactid="3281"><!-- react-text: 3282 -->demo<!-- /react-text --></a></p></li><li data-reactid="3283"><p data-reactid="3284"><!-- react-text: 3285 -->Can listen the click event of table cell by <!-- /react-text --><code data-reactid="3286"><!-- react-text: 3287 -->onCellClick<!-- /react-text --></code><!-- react-text: 3288 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3774" data-reactid="3289"><!-- react-text: 3290 -->#3774<!-- /react-text --></a></p></li><li data-reactid="3291"><p data-reactid="3292"><!-- react-text: 3293 -->Fix border radius of head of border-less table.<!-- /react-text --></p></li><li data-reactid="3294"><p data-reactid="3295"><!-- react-text: 3296 -->Fix that height of title and footer don&#x27;t follow <!-- /react-text --><code data-reactid="3297"><!-- react-text: 3298 -->Table[size]<!-- /react-text --></code><!-- react-text: 3299 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/9e6439b06cd099ab384a4a2f026f0def6e12bf23" data-reactid="3300"><!-- react-text: 3301 -->commit<!-- /react-text --></a></p></li><li data-reactid="3302"><p data-reactid="3303"><!-- react-text: 3304 -->Fix issue with selected status. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3900" data-reactid="3305"><!-- react-text: 3306 -->#3900<!-- /react-text --></a></p></li></ul></li><li data-reactid="3307"><p data-reactid="3308"><!-- react-text: 3309 -->Upload<!-- /react-text --></p><ul data-reactid="3310"><li data-reactid="3311"><p data-reactid="3312"><!-- react-text: 3313 -->Fix that children could not be <!-- /react-text --><code data-reactid="3314"><!-- react-text: 3315 -->null<!-- /react-text --></code><!-- react-text: 3316 -->.<!-- /react-text --></p></li><li data-reactid="3317"><p data-reactid="3318"><!-- react-text: 3319 -->Fix logic of preview. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/e552880c32aaa3f5b0fb09a5e1fb7454c24d5378" data-reactid="3320"><!-- react-text: 3321 -->commit<!-- /react-text --></a></p></li></ul></li><li data-reactid="3322"><p data-reactid="3323"><!-- react-text: 3324 -->Fix <!-- /react-text --><code data-reactid="3325"><!-- react-text: 3326 -->z-index<!-- /react-text --></code><!-- react-text: 3327 --> of Badge. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3898" data-reactid="3328"><!-- react-text: 3329 -->#3898<!-- /react-text --></a></p></li><li data-reactid="3330"><p data-reactid="3331"><!-- react-text: 3332 -->Fix alignment of multi-line Checkbox. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3971" data-reactid="3333"><!-- react-text: 3334 -->#3971<!-- /react-text --></a><!-- react-text: 3335 --> <!-- /react-text --><a href="https://github.com/flashback313" data-reactid="3336"><!-- react-text: 3337 -->@flashback313<!-- /react-text --></a></p></li><li data-reactid="3338"><p data-reactid="3339"><!-- react-text: 3340 -->Fix alignment of InputNumber while using with other form controls. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3866#issuecomment-261148256" data-reactid="3341"><!-- react-text: 3342 -->#3866(comment)<!-- /react-text --></a></p></li><li data-reactid="3343"><p data-reactid="3344"><!-- react-text: 3345 -->Fix style of <!-- /react-text --><code data-reactid="3346"><!-- react-text: 3347 -->Menu.Divider<!-- /react-text --></code><!-- react-text: 3348 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3813" data-reactid="3349"><!-- react-text: 3350 -->#3813<!-- /react-text --></a></p></li><li data-reactid="3351"><p data-reactid="3352"><!-- react-text: 3353 -->Fix that Popover should support Checkbox and Radio as children. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3455" data-reactid="3354"><!-- react-text: 3355 -->#3455<!-- /react-text --></a></p></li><li data-reactid="3356"><p data-reactid="3357"><!-- react-text: 3358 -->Fix height of <!-- /react-text --><code data-reactid="3359"><!-- react-text: 3360 -->Select[combobox]<!-- /react-text --></code><!-- react-text: 3361 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3855" data-reactid="3362"><!-- react-text: 3363 -->#3855<!-- /react-text --></a></p></li><li data-reactid="3364"><p data-reactid="3365"><!-- react-text: 3366 -->Fix style of actived Switch. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3838" data-reactid="3367"><!-- react-text: 3368 -->#3838<!-- /react-text --></a></p></li><li data-reactid="3369"><p data-reactid="3370"><!-- react-text: 3371 -->Fix that Transfer doesn&#x27;t show &quot;Not Found&quot; while there is no search result. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3996" data-reactid="3372"><!-- react-text: 3373 -->#3996<!-- /react-text --></a></p></li><li data-reactid="3374"><p data-reactid="3375"><!-- react-text: 3376 -->Fix style of placeholder of TreeSelect. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3841" data-reactid="3377"><!-- react-text: 3378 -->#3841<!-- /react-text --></a></p></li><li data-reactid="3379"><p data-reactid="3380"><!-- react-text: 3381 -->Fix compile errors in TypeScript. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3969" data-reactid="3382"><!-- react-text: 3383 -->#3969<!-- /react-text --></a><!-- react-text: 3384 --> <!-- /react-text --><a href="https://github.com/AlbertZheng" data-reactid="3385"><!-- react-text: 3386 -->@AlbertZheng<!-- /react-text --></a></p></li><li data-reactid="3387"><p data-reactid="3388"><!-- react-text: 3389 -->Fix that feedback icon should not affect users&#x27; operation. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3891" data-reactid="3390"><!-- react-text: 3391 -->#3891<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3392"><div class="ant-timeline-item-tail" data-reactid="3393"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3394"></div><div class="ant-timeline-item-content" data-reactid="3395"><h2 id="2.4.3" data-reactid="3396"><span data-reactid="3397"><!-- react-text: 3398 -->2.4.3<!-- /react-text --></span><a href="#2.4.3" class="anchor" data-reactid="3399">#</a></h2><p data-reactid="3400"><code data-reactid="3401"><!-- react-text: 3402 -->2016-11-17<!-- /react-text --></code></p><ul data-reactid="3403"><li data-reactid="3404"><p data-reactid="3405"><!-- react-text: 3406 -->Fix errors in <!-- /react-text --><code data-reactid="3407"><!-- react-text: 3408 -->Anchor<!-- /react-text --></code><!-- react-text: 3409 --> about querySelector, and make some experience Optimization .<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3832" data-reactid="3410"><!-- react-text: 3411 -->#3832<!-- /react-text --></a><!-- react-text: 3412 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3844" data-reactid="3413"><!-- react-text: 3414 -->#3844<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3415"><div class="ant-timeline-item-tail" data-reactid="3416"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3417"></div><div class="ant-timeline-item-content" data-reactid="3418"><h2 id="2.4.2" data-reactid="3419"><span data-reactid="3420"><!-- react-text: 3421 -->2.4.2<!-- /react-text --></span><a href="#2.4.2" class="anchor" data-reactid="3422">#</a></h2><p data-reactid="3423"><code data-reactid="3424"><!-- react-text: 3425 -->2016-11-13<!-- /react-text --></code></p><ul data-reactid="3426"><li data-reactid="3427"><p data-reactid="3428"><!-- react-text: 3429 -->Fix <!-- /react-text --><code data-reactid="3430"><!-- react-text: 3431 -->Dropdown.Button<!-- /react-text --></code><!-- react-text: 3432 --> cannot popup menu.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3815" data-reactid="3433"><!-- react-text: 3434 -->#3815<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3435"><div class="ant-timeline-item-tail" data-reactid="3436"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3437"></div><div class="ant-timeline-item-content" data-reactid="3438"><h2 id="2.4.1" data-reactid="3439"><span data-reactid="3440"><!-- react-text: 3441 -->2.4.1<!-- /react-text --></span><a href="#2.4.1" class="anchor" data-reactid="3442">#</a></h2><p data-reactid="3443"><code data-reactid="3444"><!-- react-text: 3445 -->2016-11-11<!-- /react-text --></code></p><ul data-reactid="3446"><li data-reactid="3447"><p data-reactid="3448"><!-- react-text: 3449 -->Fix <!-- /react-text --><code data-reactid="3450"><!-- react-text: 3451 -->2.4.0<!-- /react-text --></code><!-- react-text: 3452 --> missing index files.<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3453"><div class="ant-timeline-item-tail" data-reactid="3454"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3455"></div><div class="ant-timeline-item-content" data-reactid="3456"><h2 id="2.4.0" data-reactid="3457"><span data-reactid="3458"><!-- react-text: 3459 -->2.4.0<!-- /react-text --></span><a href="#2.4.0" class="anchor" data-reactid="3460">#</a></h2><p data-reactid="3461"><code data-reactid="3462"><!-- react-text: 3463 -->2016-11-11<!-- /react-text --></code></p><ul data-reactid="3464"><li data-reactid="3465"><p data-reactid="3466"><!-- react-text: 3467 -->Adjust components structure.<!-- /react-text --></p></li><li data-reactid="3468"><p data-reactid="3469"><!-- react-text: 3470 -->New <!-- /react-text --><a href="https://ant.design/components/anchor" data-reactid="3471"><!-- react-text: 3472 -->Anchor<!-- /react-text --></a><!-- react-text: 3473 --> Component.<!-- /react-text --></p></li><li data-reactid="3474"><p data-reactid="3475"><!-- react-text: 3476 -->Fix less variables <!-- /react-text --><code data-reactid="3477"><!-- react-text: 3478 -->@font-size-base<!-- /react-text --></code><!-- react-text: 3479 --> and <!-- /react-text --><code data-reactid="3480"><!-- react-text: 3481 -->@text-color<!-- /react-text --></code><!-- react-text: 3482 -->, add <!-- /react-text --><code data-reactid="3483"><!-- react-text: 3484 -->@font-size-lg<!-- /react-text --></code><!-- react-text: 3485 --> <!-- /react-text --><code data-reactid="3486"><!-- react-text: 3487 -->@text-color-secondary<!-- /react-text --></code><!-- react-text: 3488 -->.<!-- /react-text --></p></li><li data-reactid="3489"><p data-reactid="3490"><!-- react-text: 3491 -->Add new props <!-- /react-text --><code data-reactid="3492"><!-- react-text: 3493 -->selectedKeys<!-- /react-text --></code><!-- react-text: 3494 --> for <!-- /react-text --><code data-reactid="3495"><!-- react-text: 3496 -->Transfer<!-- /react-text --></code><!-- react-text: 3497 --> component <!-- /react-text --><!-- react-text: 3498 -->[#3729]<!-- /react-text --><!-- react-text: 3499 -->. (<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3729" data-reactid="3500"><!-- react-text: 3501 -->https://github.com/ant-design/ant-design/issues/3729<!-- /react-text --></a><!-- react-text: 3502 -->)<!-- /react-text --></p></li><li data-reactid="3503"><p data-reactid="3504"><!-- react-text: 3505 -->Add <!-- /react-text --><code data-reactid="3506"><!-- react-text: 3507 -->Tag<!-- /react-text --></code><!-- react-text: 3508 --> selected status.<!-- /react-text --></p></li><li data-reactid="3509"><p data-reactid="3510"><!-- react-text: 3511 -->Fix <!-- /react-text --><code data-reactid="3512"><!-- react-text: 3513 -->Dropdown.Button<!-- /react-text --></code><!-- react-text: 3514 --> not support <!-- /react-text --><code data-reactid="3515"><!-- react-text: 3516 -->visible<!-- /react-text --></code><!-- react-text: 3517 --> and <!-- /react-text --><code data-reactid="3518"><!-- react-text: 3519 -->onVisibleChange<!-- /react-text --></code><!-- react-text: 3520 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3779" data-reactid="3521"><!-- react-text: 3522 -->#3779<!-- /react-text --></a></p></li><li data-reactid="3523"><p data-reactid="3524"><!-- react-text: 3525 -->Fix <!-- /react-text --><code data-reactid="3526"><!-- react-text: 3527 -->Now<!-- /react-text --></code><!-- react-text: 3528 --> button of <!-- /react-text --><code data-reactid="3529"><!-- react-text: 3530 -->DatePicker[showTime]<!-- /react-text --></code><!-- react-text: 3531 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3748" data-reactid="3532"><!-- react-text: 3533 -->#3748<!-- /react-text --></a></p></li><li data-reactid="3534"><p data-reactid="3535"><!-- react-text: 3536 -->Fix style of <!-- /react-text --><code data-reactid="3537"><!-- react-text: 3538 -->Steps<!-- /react-text --></code><!-- react-text: 3539 --> in vertical mode. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3760" data-reactid="3540"><!-- react-text: 3541 -->#3760<!-- /react-text --></a></p></li><li data-reactid="3542"><p data-reactid="3543"><!-- react-text: 3544 -->Fix style compatibility of <!-- /react-text --><code data-reactid="3545"><!-- react-text: 3546 -->Spin<!-- /react-text --></code><!-- react-text: 3547 --> in IE10+.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3755" data-reactid="3548"><!-- react-text: 3549 -->#3755<!-- /react-text --></a></p></li><li data-reactid="3550"><p data-reactid="3551"><!-- react-text: 3552 -->Fix default style of <!-- /react-text --><code data-reactid="3553"><!-- react-text: 3554 -->Carousel<!-- /react-text --></code><!-- react-text: 3555 --> component.<!-- /react-text --></p></li><li data-reactid="3556"><p data-reactid="3557"><!-- react-text: 3558 -->Fix focus logic of <!-- /react-text --><code data-reactid="3559"><!-- react-text: 3560 -->Mention<!-- /react-text --></code><!-- react-text: 3561 --> component. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3801" data-reactid="3562"><!-- react-text: 3563 -->#3801<!-- /react-text --></a></p></li><li data-reactid="3564"><p data-reactid="3565"><!-- react-text: 3566 -->Fix animate bug of <!-- /react-text --><code data-reactid="3567"><!-- react-text: 3568 -->Progress<!-- /react-text --></code><!-- react-text: 3569 --> component. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3784" data-reactid="3570"><!-- react-text: 3571 -->#3784<!-- /react-text --></a></p></li><li data-reactid="3572"><p data-reactid="3573"><!-- react-text: 3574 -->Fix focus bug of <!-- /react-text --><code data-reactid="3575"><!-- react-text: 3576 -->Select<!-- /react-text --></code><!-- react-text: 3577 --> component. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3778" data-reactid="3578"><!-- react-text: 3579 -->#3778<!-- /react-text --></a></p></li><li data-reactid="3580"><p data-reactid="3581"><!-- react-text: 3582 -->Fix <!-- /react-text --><code data-reactid="3583"><!-- react-text: 3584 -->TimePicker<!-- /react-text --></code><!-- react-text: 3585 --> not support <!-- /react-text --><code data-reactid="3586"><!-- react-text: 3587 -->format=&quot;HH&quot;<!-- /react-text --></code><!-- react-text: 3588 --> bug. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3793" data-reactid="3589"><!-- react-text: 3590 -->#3793<!-- /react-text --></a></p></li><li data-reactid="3591"><p data-reactid="3592"><!-- react-text: 3593 -->Fix <!-- /react-text --><code data-reactid="3594"><!-- react-text: 3595 -->Input<!-- /react-text --></code><!-- react-text: 3596 --> <!-- /react-text --><code data-reactid="3597"><!-- react-text: 3598 -->suffix<!-- /react-text --></code><!-- react-text: 3599 --> mouse event responsive area. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3714" data-reactid="3600"><!-- react-text: 3601 -->#3714<!-- /react-text --></a></p></li><li data-reactid="3602"><p data-reactid="3603"><!-- react-text: 3604 -->Improve performance of <!-- /react-text --><code data-reactid="3605"><!-- react-text: 3606 -->Table<!-- /react-text --></code><!-- react-text: 3607 --> selection. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3757" data-reactid="3608"><!-- react-text: 3609 -->#3757<!-- /react-text --></a></p></li><li data-reactid="3610"><p data-reactid="3611"><!-- react-text: 3612 -->Improve Carousel default UI style.<!-- /react-text --></p></li><li data-reactid="3613"><p data-reactid="3614"><!-- react-text: 3615 -->Improve style of <!-- /react-text --><code data-reactid="3616"><!-- react-text: 3617 -->Checkbox<!-- /react-text --></code><!-- react-text: 3618 --> and <!-- /react-text --><code data-reactid="3619"><!-- react-text: 3620 -->Radio<!-- /react-text --></code><!-- react-text: 3621 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3590" data-reactid="3622"><!-- react-text: 3623 -->#3590<!-- /react-text --></a></p></li><li data-reactid="3624"><p data-reactid="3625"><!-- react-text: 3626 -->Fix style of DatePickek, Form, Table.<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3627"><div class="ant-timeline-item-tail" data-reactid="3628"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3629"></div><div class="ant-timeline-item-content" data-reactid="3630"><h2 id="2.3.2" data-reactid="3631"><span data-reactid="3632"><!-- react-text: 3633 -->2.3.2<!-- /react-text --></span><a href="#2.3.2" class="anchor" data-reactid="3634">#</a></h2><p data-reactid="3635"><code data-reactid="3636"><!-- react-text: 3637 -->2016-11-09<!-- /react-text --></code></p><ul data-reactid="3638"><li data-reactid="3639"><p data-reactid="3640"><!-- react-text: 3641 -->Fix dead loop while using <!-- /react-text --><code data-reactid="3642"><!-- react-text: 3643 -->getFieldProps<!-- /react-text --></code><!-- react-text: 3644 -->.<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3645"><div class="ant-timeline-item-tail" data-reactid="3646"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3647"></div><div class="ant-timeline-item-content" data-reactid="3648"><h2 id="2.3.1" data-reactid="3649"><span data-reactid="3650"><!-- react-text: 3651 -->2.3.1<!-- /react-text --></span><a href="#2.3.1" class="anchor" data-reactid="3652">#</a></h2><p data-reactid="3653"><code data-reactid="3654"><!-- react-text: 3655 -->2016-11-07<!-- /react-text --></code></p><ul data-reactid="3656"><li data-reactid="3657"><p data-reactid="3658"><!-- react-text: 3659 -->Add missing <!-- /react-text --><code data-reactid="3660"><!-- react-text: 3661 -->dist/antd.css<!-- /react-text --></code><!-- react-text: 3662 --> back.<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3663"><div class="ant-timeline-item-tail" data-reactid="3664"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3665"></div><div class="ant-timeline-item-content" data-reactid="3666"><h2 id="2.3.0" data-reactid="3667"><span data-reactid="3668"><!-- react-text: 3669 -->2.3.0<!-- /react-text --></span><a href="#2.3.0" class="anchor" data-reactid="3670">#</a></h2><p data-reactid="3671"><code data-reactid="3672"><!-- react-text: 3673 -->2016-11-04<!-- /react-text --></code></p><ul data-reactid="3674"><li data-reactid="3675"><p data-reactid="3676"><!-- react-text: 3677 -->Upgrade normalize.css to 5.0.<!-- /react-text --></p></li><li data-reactid="3678"><p data-reactid="3679"><!-- react-text: 3680 -->Point main file to <!-- /react-text --><code data-reactid="3681"><!-- react-text: 3682 -->lib/index.js<!-- /react-text --></code><!-- react-text: 3683 --> in package.json. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3397" data-reactid="3684"><!-- react-text: 3685 -->#3397<!-- /react-text --></a></p></li><li data-reactid="3686"><p data-reactid="3687"><!-- react-text: 3688 -->A brand new <!-- /react-text --><code data-reactid="3689"><!-- react-text: 3690 -->Spin<!-- /react-text --></code><!-- react-text: 3691 --> design.<!-- /react-text --></p></li><li data-reactid="3692"><p data-reactid="3693"><!-- react-text: 3694 -->Add <!-- /react-text --><code data-reactid="3695"><!-- react-text: 3696 -->addon<!-- /react-text --></code><!-- react-text: 3697 --> for <!-- /react-text --><code data-reactid="3698"><!-- react-text: 3699 -->TimePicker<!-- /react-text --></code><!-- react-text: 3700 --> to allow render some addon to its bottom.<!-- /react-text --></p></li><li data-reactid="3701"><p data-reactid="3702"><!-- react-text: 3703 -->Add <!-- /react-text --><code data-reactid="3704"><!-- react-text: 3705 -->onDragEnd<!-- /react-text --></code><!-- react-text: 3706 --> for <!-- /react-text --><code data-reactid="3707"><!-- react-text: 3708 -->Tree<!-- /react-text --></code><!-- react-text: 3709 -->.<!-- /react-text --></p></li><li data-reactid="3710"><p data-reactid="3711"><!-- react-text: 3712 -->Add <!-- /react-text --><code data-reactid="3713"><!-- react-text: 3714 -->bordered<!-- /react-text --></code><!-- react-text: 3715 --> for <!-- /react-text --><code data-reactid="3716"><!-- react-text: 3717 -->Collapse<!-- /react-text --></code><!-- react-text: 3718 -->.<!-- /react-text --></p></li><li data-reactid="3719"><p data-reactid="3720"><!-- react-text: 3721 -->Improve <!-- /react-text --><code data-reactid="3722"><!-- react-text: 3723 -->Tabs<!-- /react-text --></code><!-- react-text: 3724 --> switch animation.<!-- /react-text --></p></li><li data-reactid="3725"><p data-reactid="3726"><!-- react-text: 3727 -->Improve <!-- /react-text --><code data-reactid="3728"><!-- react-text: 3729 -->Radio<!-- /react-text --></code><!-- react-text: 3730 --> and <!-- /react-text --><code data-reactid="3731"><!-- react-text: 3732 -->Checkbox<!-- /react-text --></code><!-- react-text: 3733 --> style when it&#x27;s disabled and mouse hovered. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3590" data-reactid="3734"><!-- react-text: 3735 -->#3590<!-- /react-text --></a></p></li><li data-reactid="3736"><p data-reactid="3737"><!-- react-text: 3738 -->Optimize <!-- /react-text --><code data-reactid="3739"><!-- react-text: 3740 -->Transfer<!-- /react-text --></code><!-- react-text: 3741 --> performance.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2860" data-reactid="3742"><!-- react-text: 3743 -->#2860<!-- /react-text --></a></p></li><li data-reactid="3744"><p data-reactid="3745"><!-- react-text: 3746 -->Fix nested <!-- /react-text --><code data-reactid="3747"><!-- react-text: 3748 -->Popover<!-- /react-text --></code><!-- react-text: 3749 --> style issue. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3448" data-reactid="3750"><!-- react-text: 3751 -->#3448<!-- /react-text --></a></p></li><li data-reactid="3752"><p data-reactid="3753"><!-- react-text: 3754 -->Fix issue resulting in server side render <!-- /react-text --><code data-reactid="3755"><!-- react-text: 3756 -->Transfer<!-- /react-text --></code><!-- react-text: 3757 --> failed. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3686" data-reactid="3758"><!-- react-text: 3759 -->#3686<!-- /react-text --></a></p></li><li data-reactid="3760"><p data-reactid="3761"><!-- react-text: 3762 -->Fix issue resulting in preview image not display when <!-- /react-text --><code data-reactid="3763"><!-- react-text: 3764 -->Upload<!-- /react-text --></code><!-- react-text: 3765 --> in <!-- /react-text --><code data-reactid="3766"><!-- react-text: 3767 -->picture-card<!-- /react-text --></code><!-- react-text: 3768 --> mode. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3706" data-reactid="3769"><!-- react-text: 3770 -->#3706<!-- /react-text --></a><!-- react-text: 3771 --> <!-- /react-text --><a href="https://github.com/denzw" data-reactid="3772"><!-- react-text: 3773 -->@denzw<!-- /react-text --></a></p></li><li data-reactid="3774"><p data-reactid="3775"><!-- react-text: 3776 -->DatePicker<!-- /react-text --></p><ul data-reactid="3777"><li data-reactid="3778"><p data-reactid="3779"><code data-reactid="3780"><!-- react-text: 3781 -->onChange<!-- /react-text --></code><!-- react-text: 3782 --> will be triggered when <!-- /react-text --><code data-reactid="3783"><!-- react-text: 3784 -->DatePicker<!-- /react-text --></code><!-- react-text: 3785 --> in <!-- /react-text --><code data-reactid="3786"><!-- react-text: 3787 -->showTime<!-- /react-text --></code><!-- react-text: 3788 --> mode on blur now.<!-- /react-text --></p></li><li data-reactid="3789"><p data-reactid="3790"><!-- react-text: 3791 -->Add <!-- /react-text --><code data-reactid="3792"><!-- react-text: 3793 -->monthCellContentRender<!-- /react-text --></code><!-- react-text: 3794 --> for <!-- /react-text --><code data-reactid="3795"><!-- react-text: 3796 -->MonthPicker<!-- /react-text --></code><!-- react-text: 3797 -->.<!-- /react-text --></p></li><li data-reactid="3798"><p data-reactid="3799"><code data-reactid="3800"><!-- react-text: 3801 -->Rangepicker<!-- /react-text --></code><!-- react-text: 3802 --> can input time manually now.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3718" data-reactid="3803"><!-- react-text: 3804 -->#3718<!-- /react-text --></a></p></li><li data-reactid="3805"><p data-reactid="3806"><!-- react-text: 3807 -->Add czech locale/translations.<!-- /react-text --></p></li></ul></li><li data-reactid="3808"><p data-reactid="3809"><!-- react-text: 3810 -->Badge<!-- /react-text --></p><ul data-reactid="3811"><li data-reactid="3812"><p data-reactid="3813"><!-- react-text: 3814 -->Improve number over 99 displaying when mouse hovering. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3645" data-reactid="3815"><!-- react-text: 3816 -->#3645<!-- /react-text --></a></p></li><li data-reactid="3817"><p data-reactid="3818"><!-- react-text: 3819 -->Fix moving animation when using <!-- /react-text --><code data-reactid="3820"><!-- react-text: 3821 -->Badge<!-- /react-text --></code><!-- react-text: 3822 --> alone. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3709" data-reactid="3823"><!-- react-text: 3824 -->#3709<!-- /react-text --></a></p></li></ul></li><li data-reactid="3825"><p data-reactid="3826"><!-- react-text: 3827 -->Mention<!-- /react-text --></p><ul data-reactid="3828"><li data-reactid="3829"><p data-reactid="3830"><!-- react-text: 3831 -->Fix issue resulting in <!-- /react-text --><code data-reactid="3832"><!-- react-text: 3833 -->Mention<!-- /react-text --></code><!-- react-text: 3834 --> will be covered by <!-- /react-text --><code data-reactid="3835"><!-- react-text: 3836 -->Table<!-- /react-text --></code><!-- react-text: 3837 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3588" data-reactid="3838"><!-- react-text: 3839 -->#3588<!-- /react-text --></a></p></li><li data-reactid="3840"><p data-reactid="3841"><!-- react-text: 3842 -->Add <!-- /react-text --><code data-reactid="3843"><!-- react-text: 3844 -->getSuggestionContainer<!-- /react-text --></code><!-- react-text: 3845 --> to allow specify container. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3658" data-reactid="3846"><!-- react-text: 3847 -->#3658<!-- /react-text --></a></p></li></ul></li><li data-reactid="3848"><p data-reactid="3849"><!-- react-text: 3850 -->Tag<!-- /react-text --></p><ul data-reactid="3851"><li data-reactid="3852"><p data-reactid="3853"><!-- react-text: 3854 -->Deprecate <!-- /react-text --><code data-reactid="3855"><!-- react-text: 3856 -->color<!-- /react-text --></code><!-- react-text: 3857 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3560" data-reactid="3858"><!-- react-text: 3859 -->#3560<!-- /react-text --></a></p></li><li data-reactid="3860"><p data-reactid="3861"><!-- react-text: 3862 -->Add <!-- /react-text --><code data-reactid="3863"><!-- react-text: 3864 -->type<!-- /react-text --></code><!-- react-text: 3865 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3560" data-reactid="3866"><!-- react-text: 3867 -->#3560<!-- /react-text --></a></p></li><li data-reactid="3868"><p data-reactid="3869"><!-- react-text: 3870 -->Add <!-- /react-text --><code data-reactid="3871"><!-- react-text: 3872 -->checkable<!-- /react-text --></code><!-- react-text: 3873 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3560" data-reactid="3874"><!-- react-text: 3875 -->#3560<!-- /react-text --></a></p></li></ul></li><li data-reactid="3876"><p data-reactid="3877"><!-- react-text: 3878 -->Radio.Group<!-- /react-text --></p><ul data-reactid="3879"><li data-reactid="3880"><p data-reactid="3881"><!-- react-text: 3882 -->Add <!-- /react-text --><code data-reactid="3883"><!-- react-text: 3884 -->className<!-- /react-text --></code><!-- react-text: 3885 -->.<!-- /react-text --></p></li><li data-reactid="3886"><p data-reactid="3887"><code data-reactid="3888"><!-- react-text: 3889 -->null<!-- /react-text --></code><!-- react-text: 3890 --> or <!-- /react-text --><code data-reactid="3891"><!-- react-text: 3892 -->undefined<!-- /react-text --></code><!-- react-text: 3893 --> <!-- /react-text --><code data-reactid="3894"><!-- react-text: 3895 -->children<!-- /react-text --></code><!-- react-text: 3896 --> will be ignored.<!-- /react-text --></p></li></ul></li><li data-reactid="3897"><p data-reactid="3898"><!-- react-text: 3899 -->Select<!-- /react-text --></p><ul data-reactid="3900"><li data-reactid="3901"><p data-reactid="3902"><!-- react-text: 3903 -->Add <!-- /react-text --><code data-reactid="3904"><!-- react-text: 3905 -->tokenSeparators<!-- /react-text --></code><!-- react-text: 3906 --> to support automatic tokenization. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2071" data-reactid="3907"><!-- react-text: 3908 -->#2071<!-- /react-text --></a></p></li><li data-reactid="3909"><p data-reactid="3910"><!-- react-text: 3911 -->Add <!-- /react-text --><code data-reactid="3912"><!-- react-text: 3913 -->onFocus<!-- /react-text --></code><!-- react-text: 3914 --> callback. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3587" data-reactid="3915"><!-- react-text: 3916 -->#3587<!-- /react-text --></a></p></li><li data-reactid="3917"><p data-reactid="3918"><!-- react-text: 3919 -->Fix issue resulting in Select can&#x27;t display correct selected item text in <!-- /react-text --><code data-reactid="3920"><!-- react-text: 3921 -->combobox<!-- /react-text --></code><!-- react-text: 3922 --> mode. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3401" data-reactid="3923"><!-- react-text: 3924 -->#3401<!-- /react-text --></a></p></li></ul></li></ul></div></li><li class="ant-timeline-item" data-reactid="3925"><div class="ant-timeline-item-tail" data-reactid="3926"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3927"></div><div class="ant-timeline-item-content" data-reactid="3928"><h2 id="2.2.1" data-reactid="3929"><span data-reactid="3930"><!-- react-text: 3931 -->2.2.1<!-- /react-text --></span><a href="#2.2.1" class="anchor" data-reactid="3932">#</a></h2><p data-reactid="3933"><code data-reactid="3934"><!-- react-text: 3935 -->2016-11-02<!-- /react-text --></code></p><ul data-reactid="3936"><li data-reactid="3937"><p data-reactid="3938"><!-- react-text: 3939 -->Fix controlled DatePicker<!-- /react-text --><!-- react-text: 3940 -->[showtime]<!-- /react-text --><!-- react-text: 3941 --> not working bug. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3665" data-reactid="3942"><!-- react-text: 3943 -->#3665<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3944"><div class="ant-timeline-item-tail" data-reactid="3945"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3946"></div><div class="ant-timeline-item-content" data-reactid="3947"><h2 id="2.2.0" data-reactid="3948"><span data-reactid="3949"><!-- react-text: 3950 -->2.2.0<!-- /react-text --></span><a href="#2.2.0" class="anchor" data-reactid="3951">#</a></h2><p data-reactid="3952"><code data-reactid="3953"><!-- react-text: 3954 -->2016-10-28<!-- /react-text --></code></p><ul data-reactid="3955"><li data-reactid="3956"><p data-reactid="3957"><!-- react-text: 3958 -->Supports TypeScript@2.0. <!-- /react-text --><a href="https://github.com/AlbertZheng" data-reactid="3959"><!-- react-text: 3960 -->@AlbertZheng<!-- /react-text --></a><!-- react-text: 3961 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3358" data-reactid="3962"><!-- react-text: 3963 -->#3358<!-- /react-text --></a></p></li><li data-reactid="3964"><p data-reactid="3965"><!-- react-text: 3966 -->Not rely on specific version of React now. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3627" data-reactid="3967"><!-- react-text: 3968 -->#3627<!-- /react-text --></a></p></li><li data-reactid="3969"><p data-reactid="3970"><!-- react-text: 3971 -->Alert supports <!-- /react-text --><code data-reactid="3972"><!-- react-text: 3973 -->className<!-- /react-text --></code><!-- react-text: 3974 --> <!-- /react-text --><code data-reactid="3975"><!-- react-text: 3976 -->style<!-- /react-text --></code><!-- react-text: 3977 -->.<!-- /react-text --></p></li><li data-reactid="3978"><p data-reactid="3979"><!-- react-text: 3980 -->DatePicker &amp; MonthPicker &amp; RangePicker allow developers to set whether to show the clear button. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3618" data-reactid="3981"><!-- react-text: 3982 -->#3618<!-- /react-text --></a></p></li><li data-reactid="3983"><p data-reactid="3984"><!-- react-text: 3985 -->Form.Item can generate <!-- /react-text --><code data-reactid="3986"><!-- react-text: 3987 -->validateStatus<!-- /react-text --></code><!-- react-text: 3988 --> &amp; <!-- /react-text --><code data-reactid="3989"><!-- react-text: 3990 -->help<!-- /react-text --></code><!-- react-text: 3991 --> for nested form control automatically. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3212" data-reactid="3992"><!-- react-text: 3993 -->#3212<!-- /react-text --></a></p></li><li data-reactid="3994"><p data-reactid="3995"><!-- react-text: 3996 -->RangePicker can set some hours or minutes or seconds to be not selectable. <!-- /react-text --><a href="https://ant.design/components/date-picker/#components-date-picker-demo-disabled-date" data-reactid="3997"><!-- react-text: 3998 -->#<!-- /react-text --></a></p></li><li data-reactid="3999"><p data-reactid="4000"><!-- react-text: 4001 -->Switch<!-- /react-text --></p><ul data-reactid="4002"><li data-reactid="4003"><p data-reactid="4004"><!-- react-text: 4005 -->The width of Switch will resize automatically, according to <!-- /react-text --><code data-reactid="4006"><!-- react-text: 4007 -->checkedChildren/unCheckedChildren<!-- /react-text --></code><!-- react-text: 4008 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3380" data-reactid="4009"><!-- react-text: 4010 -->#3380<!-- /react-text --></a></p></li><li data-reactid="4011"><p data-reactid="4012"><!-- react-text: 4013 -->Improve the switch animation.<!-- /react-text --></p></li></ul></li><li data-reactid="4014"><p data-reactid="4015"><!-- react-text: 4016 -->Upload can <!-- /react-text --><a href="https://github.com/react-component/upload#customrequest" data-reactid="4017"><!-- react-text: 4018 -->customized request<!-- /react-text --></a><!-- react-text: 4019 --> now. <!-- /react-text --><a href="https://github.com/edgji" data-reactid="4020"><!-- react-text: 4021 -->@edgji<!-- /react-text --></a></p></li><li data-reactid="4022"><p data-reactid="4023"><!-- react-text: 4024 -->Icon<!-- /react-text --></p><ul data-reactid="4025"><li data-reactid="4026"><p data-reactid="4027"><!-- react-text: 4028 -->New icons <!-- /react-text --><code data-reactid="4029"><!-- react-text: 4030 -->bulb<!-- /react-text --></code><!-- react-text: 4031 --> <!-- /react-text --><code data-reactid="4032"><!-- react-text: 4033 -->select<!-- /react-text --></code><!-- react-text: 4034 --> <!-- /react-text --><code data-reactid="4035"><!-- react-text: 4036 -->like-o<!-- /react-text --></code><!-- react-text: 4037 --> <!-- /react-text --><code data-reactid="4038"><!-- react-text: 4039 -->dislike-o<!-- /react-text --></code><!-- react-text: 4040 -->.<!-- /react-text --></p></li><li data-reactid="4041"><p data-reactid="4042"><!-- react-text: 4043 -->Adjust existing icons <!-- /react-text --><code data-reactid="4044"><!-- react-text: 4045 -->loading<!-- /react-text --></code><!-- react-text: 4046 --> <!-- /react-text --><code data-reactid="4047"><!-- react-text: 4048 -->like<!-- /react-text --></code><!-- react-text: 4049 --> <!-- /react-text --><code data-reactid="4050"><!-- react-text: 4051 -->dislike<!-- /react-text --></code><!-- react-text: 4052 -->.<!-- /react-text --></p></li></ul></li><li data-reactid="4053"><p data-reactid="4054"><!-- react-text: 4055 -->Improve the TypeScript definition of Card &amp; DatePicker &amp; Icon &amp; Table. <!-- /react-text --><a href="https://github.com/infeng" data-reactid="4056"><!-- react-text: 4057 -->@infeng<!-- /react-text --></a><!-- react-text: 4058 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3468" data-reactid="4059"><!-- react-text: 4060 -->3468<!-- /react-text --></a><!-- react-text: 4061 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3603" data-reactid="4062"><!-- react-text: 4063 -->#3603<!-- /react-text --></a><!-- react-text: 4064 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3531" data-reactid="4065"><!-- react-text: 4066 -->#3531<!-- /react-text --></a></p></li><li data-reactid="4067"><p data-reactid="4068"><!-- react-text: 4069 -->Fix Cascader <!-- /react-text --><code data-reactid="4070"><!-- react-text: 4071 -->defaultValue<!-- /react-text --></code><!-- react-text: 4072 --> should work. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3470" data-reactid="4073"><!-- react-text: 4074 -->#3470<!-- /react-text --></a></p></li><li data-reactid="4075"><p data-reactid="4076"><!-- react-text: 4077 -->Fix the alignment of Button &amp; Input &amp; DatePicker &amp; Select. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3481" data-reactid="4078"><!-- react-text: 4079 -->#3481<!-- /react-text --></a></p></li><li data-reactid="4080"><p data-reactid="4081"><!-- react-text: 4082 -->DatePicker<!-- /react-text --></p><ul data-reactid="4083"><li data-reactid="4084"><p data-reactid="4085"><!-- react-text: 4086 -->Fix wrong timing of triggering <!-- /react-text --><code data-reactid="4087"><!-- react-text: 4088 -->onChange<!-- /react-text --></code><!-- react-text: 4089 --> while <!-- /react-text --><code data-reactid="4090"><!-- react-text: 4091 -->DatePicker[showTime]<!-- /react-text --></code><!-- react-text: 4092 --> is set. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3523" data-reactid="4093"><!-- react-text: 4094 -->#3523<!-- /react-text --></a></p></li></ul></li><li data-reactid="4095"><p data-reactid="4096"><!-- react-text: 4097 -->Fix <!-- /react-text --><code data-reactid="4098"><!-- react-text: 4099 -->Dropdown.Button[disabled]<!-- /react-text --></code><!-- react-text: 4100 --> doesn&#x27;t works for behaviour. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3535" data-reactid="4101"><!-- react-text: 4102 -->#3535<!-- /react-text --></a></p></li><li data-reactid="4103"><p data-reactid="4104"><!-- react-text: 4105 -->Menu<!-- /react-text --></p><ul data-reactid="4106"><li data-reactid="4107"><p data-reactid="4108"><!-- react-text: 4109 -->Fix errors in SSR, thanks to  <!-- /react-text --><a href="https://github.com/xpcode" data-reactid="4110"><!-- react-text: 4111 -->@xpcode<!-- /react-text --></a><!-- react-text: 4112 --> to find the solution. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2061" data-reactid="4113"><!-- react-text: 4114 -->#2061<!-- /react-text --></a><!-- react-text: 4115 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2406" data-reactid="4116"><!-- react-text: 4117 -->#2406<!-- /react-text --></a><!-- react-text: 4118 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3293" data-reactid="4119"><!-- react-text: 4120 -->#3293<!-- /react-text --></a></p></li><li data-reactid="4121"><p data-reactid="4122"><!-- react-text: 4123 -->Fix children don&#x27;t support <!-- /react-text --><code data-reactid="4124"><!-- react-text: 4125 -->null<!-- /react-text --></code><!-- react-text: 4126 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3599" data-reactid="4127"><!-- react-text: 4128 -->#3599<!-- /react-text --></a></p></li></ul></li><li data-reactid="4129"><p data-reactid="4130"><!-- react-text: 4131 -->Fix loading status animation for message.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3536" data-reactid="4132"><!-- react-text: 4133 -->#3536<!-- /react-text --></a></p></li><li data-reactid="4134"><p data-reactid="4135"><!-- react-text: 4136 -->Form<!-- /react-text --></p><ul data-reactid="4137"><li data-reactid="4138"><p data-reactid="4139"><!-- react-text: 4140 -->Fix style issue while using <!-- /react-text --><code data-reactid="4141"><!-- react-text: 4142 -->Form[inline]<!-- /react-text --></code><!-- react-text: 4143 --> and <!-- /react-text --><code data-reactid="4144"><!-- react-text: 4145 -->Input[addonBefore|addonAfter]<!-- /react-text --></code><!-- react-text: 4146 --> together. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3524" data-reactid="4147"><!-- react-text: 4148 -->#3524<!-- /react-text --></a></p></li><li data-reactid="4149"><p data-reactid="4150"><!-- react-text: 4151 -->Fix style issue for Radio.Button in Form.Item.<!-- /react-text --></p></li><li data-reactid="4152"><p data-reactid="4153"><!-- react-text: 4154 -->Fix style issue for search button in Form.Item. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3630" data-reactid="4155"><!-- react-text: 4156 -->#3630<!-- /react-text --></a></p></li><li data-reactid="4157"><p data-reactid="4158"><!-- react-text: 4159 -->Fix Form.Item should not treat no user input as validate success. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3613" data-reactid="4160"><!-- react-text: 4161 -->#3613<!-- /react-text --></a></p></li></ul></li><li data-reactid="4162"><p data-reactid="4163"><!-- react-text: 4164 -->Should not limit the min width of Popover while <!-- /react-text --><code data-reactid="4165"><!-- react-text: 4166 -->Popover[title]<!-- /react-text --></code><!-- react-text: 4167 --> is not set.<!-- /react-text --></p></li><li data-reactid="4168"><p data-reactid="4169"><!-- react-text: 4170 -->Table<!-- /react-text --></p><ul data-reactid="4171"><li data-reactid="4172"><p data-reactid="4173"><!-- react-text: 4174 -->Fix style of fixed header of Table while <!-- /react-text --><code data-reactid="4175"><!-- react-text: 4176 -->dataSource<!-- /react-text --></code><!-- react-text: 4177 --> is empty.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3567" data-reactid="4178"><!-- react-text: 4179 -->#3567<!-- /react-text --></a></p></li><li data-reactid="4180"><p data-reactid="4181"><!-- react-text: 4182 -->Fix Table will overlap SubMenu while <!-- /react-text --><code data-reactid="4183"><!-- react-text: 4184 -->dataSource<!-- /react-text --></code><!-- react-text: 4185 --> is empty. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3521" data-reactid="4186"><!-- react-text: 4187 -->#3521<!-- /react-text --></a></p></li></ul></li><li data-reactid="4188"><p data-reactid="4189"><!-- react-text: 4190 -->Tabs<!-- /react-text --></p><ul data-reactid="4191"><li data-reactid="4192"><p data-reactid="4193"><!-- react-text: 4194 -->Height of header of <!-- /react-text --><code data-reactid="4195"><!-- react-text: 4196 -->Tabs[type=&quot;card|editable-card&quot;]<!-- /react-text --></code><!-- react-text: 4197 --> should follow design.<!-- /react-text --></p></li><li data-reactid="4198"><p data-reactid="4199"><!-- react-text: 4200 -->Fix height of TabPane should follow height of its content. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3304" data-reactid="4201"><!-- react-text: 4202 -->#3304<!-- /react-text --></a></p></li></ul></li><li data-reactid="4203"><p data-reactid="4204"><!-- react-text: 4205 -->Fix style of <!-- /react-text --><code data-reactid="4206"><!-- react-text: 4207 -->TreeSelect[showSearch]<!-- /react-text --></code><!-- react-text: 4208 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3520" data-reactid="4209"><!-- react-text: 4210 -->#3520<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="4211"><div class="ant-timeline-item-tail" data-reactid="4212"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="4213"></div><div class="ant-timeline-item-content" data-reactid="4214"><h2 id="2.1.0" data-reactid="4215"><span data-reactid="4216"><!-- react-text: 4217 -->2.1.0<!-- /react-text --></span><a href="#2.1.0" class="anchor" data-reactid="4218">#</a></h2><p data-reactid="4219"><code data-reactid="4220"><!-- react-text: 4221 -->2016-10-16<!-- /react-text --></code></p><ul data-reactid="4222"><li data-reactid="4223"><p data-reactid="4224"><!-- react-text: 4225 -->Supports spinning Icon.<!-- /react-text --></p></li><li data-reactid="4226"><p data-reactid="4227"><!-- react-text: 4228 -->Tabs&#x27;s switch animation could be disabled now. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3324" data-reactid="4229"><!-- react-text: 4230 -->#3324<!-- /react-text --></a></p></li><li data-reactid="4231"><p data-reactid="4232"><!-- react-text: 4233 -->Add Spanish localization for LocaleProvider. @Danjavia<!-- /react-text --></p></li><li data-reactid="4234"><p data-reactid="4235"><!-- react-text: 4236 -->Update Russian localization for LocaleProvider. @plandem<!-- /react-text --></p></li><li data-reactid="4237"><p data-reactid="4238"><!-- react-text: 4239 -->Add <!-- /react-text --><code data-reactid="4240"><!-- react-text: 4241 -->onSelect<!-- /react-text --></code><!-- react-text: 4242 --> event for AutoComplete.<!-- /react-text --></p></li><li data-reactid="4243"><p data-reactid="4244"><!-- react-text: 4245 -->Improve style of Modal.<!-- /react-text --></p></li><li data-reactid="4246"><p data-reactid="4247"><!-- react-text: 4248 -->Improve animation of Tooltip.<!-- /react-text --></p></li><li data-reactid="4249"><p data-reactid="4250"><!-- react-text: 4251 -->Improve style of Transfer&#x27;s buttons.<!-- /react-text --></p></li><li data-reactid="4252"><p data-reactid="4253"><!-- react-text: 4254 -->Improve style of Tree.<!-- /react-text --></p></li><li data-reactid="4255"><p data-reactid="4256"><!-- react-text: 4257 -->Fix some less variables.<!-- /react-text --></p></li><li data-reactid="4258"><p data-reactid="4259"><!-- react-text: 4260 -->Fix errors while import the whole antd in SSR.<!-- /react-text --></p></li><li data-reactid="4261"><p data-reactid="4262"><!-- react-text: 4263 -->Fix errors while render Affix and BackTop on server. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3283" data-reactid="4264"><!-- react-text: 4265 -->#3283<!-- /react-text --></a><!-- react-text: 4266 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3343" data-reactid="4267"><!-- react-text: 4268 -->#3343<!-- /react-text --></a></p></li><li data-reactid="4269"><p data-reactid="4270"><!-- react-text: 4271 -->Fix conflicts between Cascader search mode and browser&#x27;s autocomplete behaviour. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3350" data-reactid="4272"><!-- react-text: 4273 -->#3350<!-- /react-text --></a></p></li><li data-reactid="4274"><p data-reactid="4275"><!-- react-text: 4276 -->Fix bug that <!-- /react-text --><code data-reactid="4277"><!-- react-text: 4278 -->h3<!-- /react-text --></code><!-- react-text: 4279 --> cannot be the value of Card<!-- /react-text --><!-- react-text: 4280 -->[title]<!-- /react-text --><!-- react-text: 4281 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3388" data-reactid="4282"><!-- react-text: 4283 -->#3388<!-- /react-text --></a></p></li><li data-reactid="4284"><p data-reactid="4285"><!-- react-text: 4286 -->DatePicker<!-- /react-text --></p><ul data-reactid="4287"><li data-reactid="4288"><p data-reactid="4289"><!-- react-text: 4290 -->Fix bug that <!-- /react-text --><code data-reactid="4291"><!-- react-text: 4292 -->onChange<!-- /react-text --></code><!-- react-text: 4293 --> will be trigger twice when <!-- /react-text --><code data-reactid="4294"><!-- react-text: 4295 -->showTime<!-- /react-text --></code><!-- react-text: 4296 --> is set. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3376" data-reactid="4297"><!-- react-text: 4298 -->#3376<!-- /react-text --></a></p></li><li data-reactid="4299"><p data-reactid="4300"><!-- react-text: 4301 -->Fix differences between overlay&#x27;s and trigger&#x27;s date format. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3405" data-reactid="4302"><!-- react-text: 4303 -->#3405<!-- /react-text --></a><!-- react-text: 4304 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3298" data-reactid="4305"><!-- react-text: 4306 -->#3298<!-- /react-text --></a></p></li><li data-reactid="4307"><p data-reactid="4308"><!-- react-text: 4309 -->Fix style conflicts with TimePicker. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3312" data-reactid="4310"><!-- react-text: 4311 -->#3312<!-- /react-text --></a><!-- react-text: 4312 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3307" data-reactid="4313"><!-- react-text: 4314 -->#3307<!-- /react-text --></a></p></li></ul></li><li data-reactid="4315"><p data-reactid="4316"><!-- react-text: 4317 -->Fix overflow issue for Form.Item label.<!-- /react-text --></p></li><li data-reactid="4318"><p data-reactid="4319"><!-- react-text: 4320 -->Fix that Icon should not show border in Safari.<!-- /react-text --></p></li><li data-reactid="4321"><p data-reactid="4322"><!-- react-text: 4323 -->Fix infinite loop while inc/dec InputNubmer with keyboard. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3239" data-reactid="4324"><!-- react-text: 4325 -->#3239<!-- /react-text --></a></p></li><li data-reactid="4326"><p data-reactid="4327"><!-- react-text: 4328 -->Fix the style of the arrow of Popover.<!-- /react-text --></p></li><li data-reactid="4329"><p data-reactid="4330"><!-- react-text: 4331 -->Fix bug Popover and Popconfirm <!-- /react-text --><code data-reactid="4332"><!-- react-text: 4333 -->arrowPointAtCenter<!-- /react-text --></code><!-- react-text: 4334 --> doesn&#x27;t work.<!-- /react-text --></p></li><li data-reactid="4335"><p data-reactid="4336"><!-- react-text: 4337 -->Select<!-- /react-text --></p><ul data-reactid="4338"><li data-reactid="4339"><p data-reactid="4340"><!-- react-text: 4341 -->Fix bug that styles of Select are imported twice. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3332" data-reactid="4342"><!-- react-text: 4343 -->#3332<!-- /react-text --></a></p></li><li data-reactid="4344"><p data-reactid="4345"><!-- react-text: 4346 -->Fix bug <!-- /react-text --><code data-reactid="4347"><!-- react-text: 4348 -->notFoundContent<!-- /react-text --></code><!-- react-text: 4349 --> cannot be set as <!-- /react-text --><code data-reactid="4350"><!-- react-text: 4351 -->&#x27;&#x27;<!-- /react-text --></code><!-- react-text: 4352 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3345" data-reactid="4353"><!-- react-text: 4354 -->#3345<!-- /react-text --></a></p></li><li data-reactid="4355"><p data-reactid="4356"><!-- react-text: 4357 -->Fix the unstable width of table cell with Select<!-- /react-text --><!-- react-text: 4358 -->[showsearch]<!-- /react-text --><!-- react-text: 4359 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3413" data-reactid="4360"><!-- react-text: 4361 -->#3413<!-- /react-text --></a></p></li></ul></li><li data-reactid="4362"><p data-reactid="4363"><!-- react-text: 4364 -->Fix style conflicts while use <!-- /react-text --><code data-reactid="4365"><!-- react-text: 4366 -->border<!-- /react-text --></code><!-- react-text: 4367 --> &amp; <!-- /react-text --><code data-reactid="4368"><!-- react-text: 4369 -->title<!-- /react-text --></code><!-- react-text: 4370 --> &amp; <!-- /react-text --><code data-reactid="4371"><!-- react-text: 4372 -->footer<!-- /react-text --></code><!-- react-text: 4373 --> of Table at the same time. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3301" data-reactid="4374"><!-- react-text: 4375 -->#3301<!-- /react-text --></a></p></li><li data-reactid="4376"><p data-reactid="4377"><!-- react-text: 4378 -->Fix that the height of TabPane doesn&#x27;t follow height of content. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3377" data-reactid="4379"><!-- react-text: 4380 -->#3377<!-- /react-text --></a></p></li><li data-reactid="4381"><p data-reactid="4382"><!-- react-text: 4383 -->Fix bug Transfer<!-- /react-text --><!-- react-text: 4384 -->[titles]<!-- /react-text --><!-- react-text: 4385 --> is not under the control of LocaleProvider. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3264" data-reactid="4386"><!-- react-text: 4387 -->#3264<!-- /react-text --></a></p></li><li data-reactid="4388"><p data-reactid="4389"><!-- react-text: 4390 -->Upload<!-- /react-text --></p><ul data-reactid="4391"><li data-reactid="4392"><p data-reactid="4393"><!-- react-text: 4394 -->Fix bug users&#x27; <!-- /react-text --><code data-reactid="4395"><!-- react-text: 4396 -->onRemove<!-- /react-text --></code><!-- react-text: 4397 --> will override default behaviour. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3317" data-reactid="4398"><!-- react-text: 4399 -->#3317<!-- /react-text --></a></p></li><li data-reactid="4400"><p data-reactid="4401"><!-- react-text: 4402 -->Fix style for <!-- /react-text --><code data-reactid="4403"><!-- react-text: 4404 -->listType=&#x27;picture-card&#x27;<!-- /react-text --></code><!-- react-text: 4405 -->.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3316" data-reactid="4406"><!-- react-text: 4407 -->#3316<!-- /react-text --></a></p></li></ul></li><li data-reactid="4408"><p data-reactid="4409"><!-- react-text: 4410 -->Fix bug that moment locales is not found while built. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3204" data-reactid="4411"><!-- react-text: 4412 -->#3204<!-- /react-text --></a><!-- react-text: 4413 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3411" data-reactid="4414"><!-- react-text: 4415 -->#3411<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="4416"><div class="ant-timeline-item-tail" data-reactid="4417"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="4418"></div><div class="ant-timeline-item-content" data-reactid="4419"><h2 id="2.0.1" data-reactid="4420"><span data-reactid="4421"><!-- react-text: 4422 -->2.0.1<!-- /react-text --></span><a href="#2.0.1" class="anchor" data-reactid="4423">#</a></h2><p data-reactid="4424"><code data-reactid="4425"><!-- react-text: 4426 -->2016-10-01<!-- /react-text --></code></p><ul data-reactid="4427"><li data-reactid="4428"><p data-reactid="4429"><!-- react-text: 4430 -->Fix developers cannot call methods of react-slick. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3164" data-reactid="4431"><!-- react-text: 4432 -->#3164<!-- /react-text --></a></p></li><li data-reactid="4433"><p data-reactid="4434"><!-- react-text: 4435 -->Fix Steps.Step<!-- /react-text --><!-- react-text: 4436 -->[icon]<!-- /react-text --><!-- react-text: 4437 --> should support React.ReactNode. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3159" data-reactid="4438"><!-- react-text: 4439 -->#3159<!-- /react-text --></a></p></li><li data-reactid="4440"><p data-reactid="4441"><!-- react-text: 4442 -->Fix server-side render for Affix. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3216" data-reactid="4443"><!-- react-text: 4444 -->#3216<!-- /react-text --></a></p></li><li data-reactid="4445"><p data-reactid="4446"><!-- react-text: 4447 -->Fix Mention should support <!-- /react-text --><code data-reactid="4448"><!-- react-text: 4449 -->onSelect<!-- /react-text --></code><!-- react-text: 4450 --> <!-- /react-text --><code data-reactid="4451"><!-- react-text: 4452 -->placeholder<!-- /react-text --></code><!-- react-text: 4453 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3236" data-reactid="4454"><!-- react-text: 4455 -->#3236<!-- /react-text --></a><!-- react-text: 4456 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3226" data-reactid="4457"><!-- react-text: 4458 -->#3226<!-- /react-text --></a></p></li><li data-reactid="4459"><p data-reactid="4460"><!-- react-text: 4461 -->Fix Transfer cannot work with <!-- /react-text --><code data-reactid="4462"><!-- react-text: 4463 -->getFieldDecorator<!-- /react-text --></code><!-- react-text: 4464 -->.<!-- /react-text --></p></li><li data-reactid="4465"><p data-reactid="4466"><!-- react-text: 4467 -->Fix LocaleProvider doesn&#x27;t work for time-related components.<!-- /react-text --></p></li><li data-reactid="4468"><p data-reactid="4469"><!-- react-text: 4470 -->Fix Cascader doesn&#x27;t show search text in search mode.<!-- /react-text --></p></li><li data-reactid="4471"><p data-reactid="4472"><!-- react-text: 4473 -->Fix the animation &amp; text Spin should be placed in vertical middle.<!-- /react-text --></p></li><li data-reactid="4474"><p data-reactid="4475"><!-- react-text: 4476 -->Fix styles of RangePicker Modal Tag Progress.<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="4477"><div class="ant-timeline-item-tail" data-reactid="4478"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="4479"></div><div class="ant-timeline-item-content" data-reactid="4480"><h2 id="2.0.0" data-reactid="4481"><span data-reactid="4482"><!-- react-text: 4483 -->2.0.0<!-- /react-text --></span><a href="#2.0.0" class="anchor" data-reactid="4484">#</a></h2><p data-reactid="4485"><code data-reactid="4486"><!-- react-text: 4487 -->2016-09-28<!-- /react-text --></code></p><p data-reactid="4488"><!-- react-text: 4489 -->After four months, <!-- /react-text --><code data-reactid="4490"><!-- react-text: 4491 -->antd@2.0.0<!-- /react-text --></code><!-- react-text: 4492 --> is published. We had refactored code and improve functionalities and details of existing components. What&#x27;s more, we provide English version of the documentation. The antd community help us a lot in developing <!-- /react-text --><code data-reactid="4493"><!-- react-text: 4494 -->antd@2.0.0<!-- /react-text --></code><!-- react-text: 4495 -->.<!-- /react-text --></p><p data-reactid="4496"><!-- react-text: 4497 -->If you meet any problem while you try to upgrade from <!-- /react-text --><code data-reactid="4498"><!-- react-text: 4499 -->antd@1.0.0<!-- /react-text --></code><!-- react-text: 4500 -->, feel free to <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues" data-reactid="4501"><!-- react-text: 4502 -->create issues on GitHub<!-- /react-text --></a><!-- react-text: 4503 -->.<!-- /react-text --></p><h3 id="2.x-Major-changes" data-reactid="4504"><span data-reactid="4505"><!-- react-text: 4506 -->2.x Major changes<!-- /react-text --></span><a href="#2.x-Major-changes" class="anchor" data-reactid="4507">#</a></h3><ul data-reactid="4508"><li data-reactid="4509"><p data-reactid="4510"><!-- react-text: 4511 -->Refactor components with TypeScript, and provide <!-- /react-text --><strong data-reactid="4512"><code data-reactid="4513"><!-- react-text: 4514 -->.d.ts<!-- /react-text --></code><!-- react-text: 4515 --> files which are officially supported<!-- /react-text --></strong><!-- react-text: 4516 -->. Thanks to all the developers that contributed to <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/1846" data-reactid="4517"><!-- react-text: 4518 -->#1846<!-- /react-text --></a><!-- react-text: 4519 --> and @infeng.<!-- /react-text --></p></li><li data-reactid="4520"><p data-reactid="4521"><strong data-reactid="4522"><!-- react-text: 4523 -->Translate the documentation into English<!-- /react-text --></strong><!-- react-text: 4524 -->, and we are going to provide both of Chinese and English versions of the documentation in the future. Thanks to all the translators and reviewers that contributed to <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/1471" data-reactid="4525"><!-- react-text: 4526 -->#1471<!-- /react-text --></a><!-- react-text: 4527 -->.<!-- /react-text --></p></li><li data-reactid="4528"><p data-reactid="4529"><!-- react-text: 4530 -->DatePicker, TimePicker, Calendar and other components that are designed to select time <!-- /react-text --><strong data-reactid="4531"><!-- react-text: 4532 -->are refactored to replace <!-- /react-text --><a href="github.com/yiminghe/gregorian-calendar" data-reactid="4533">gregorian-calendar</a><!-- react-text: 4534 --> with <!-- /react-text --><a href="http://momentjs.com/" data-reactid="4535"><!-- react-text: 4536 -->moment<!-- /react-text --></a></strong><!-- react-text: 4537 -->.<!-- /react-text --></p></li><li data-reactid="4538"><p data-reactid="4539"><!-- react-text: 4540 -->All the <!-- /react-text --><a href="http://ant.design/components/icon/" data-reactid="4541"><!-- react-text: 4542 -->icons<!-- /react-text --></a><!-- react-text: 4543 --> are re-designed.<!-- /react-text --></p></li><li data-reactid="4544"><p data-reactid="4545"><!-- react-text: 4546 -->New component <!-- /react-text --><a href="http://ant.design/components/mention/" data-reactid="4547"><!-- react-text: 4548 -->Mention<!-- /react-text --></a><!-- react-text: 4549 -->.<!-- /react-text --></p></li><li data-reactid="4550"><p data-reactid="4551"><!-- react-text: 4552 -->New component <!-- /react-text --><a href="http://ant.design/components/auto-complete/" data-reactid="4553"><!-- react-text: 4554 -->AutoComplete<!-- /react-text --></a><!-- react-text: 4555 -->.<!-- /react-text --></p></li><li data-reactid="4556"><p data-reactid="4557"><!-- react-text: 4558 -->The <!-- /react-text --><code data-reactid="4559"><!-- react-text: 4560 -->getFieldProps<!-- /react-text --></code><!-- react-text: 4561 --> of Form is replaced with <!-- /react-text --><code data-reactid="4562"><!-- react-text: 4563 -->getFieldDecorator<!-- /react-text --></code><!-- react-text: 4564 --> which will warn developers if they make mistakes. Related discussion <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/1533" data-reactid="4565"><!-- react-text: 4566 -->#1533<!-- /react-text --></a><!-- react-text: 4567 -->.<!-- /react-text --></p></li><li data-reactid="4568"><p data-reactid="4569"><!-- react-text: 4570 -->Table supports <!-- /react-text --><a href="http://ant.design/components/table/#components-table-demo-grouping-columns" data-reactid="4571"><!-- react-text: 4572 -->grouping columns<!-- /react-text --></a><!-- react-text: 4573 -->. @yesmeck<!-- /react-text --></p></li><li data-reactid="4574"><p data-reactid="4575"><!-- react-text: 4576 -->Removed components and features which are deprecated in <!-- /react-text --><code data-reactid="4577"><!-- react-text: 4578 -->antd@1.x<!-- /react-text --></code><!-- react-text: 4579 -->, such as QueueAnim, Validation, Form.ValueMixin, Progress.Line, Progress.Circle, Popover<!-- /react-text --><!-- react-text: 4580 -->[overlay]<!-- /react-text --><!-- react-text: 4581 --> and Slider<!-- /react-text --><!-- react-text: 4582 -->[marks]<!-- /react-text --><!-- react-text: 4583 --> will not support array any more.<!-- /react-text --></p></li></ul><h3 id="2.x-Breaking-changes" data-reactid="4584"><span data-reactid="4585"><!-- react-text: 4586 -->2.x Breaking changes<!-- /react-text --></span><a href="#2.x-Breaking-changes" class="anchor" data-reactid="4587">#</a></h3><blockquote data-reactid="4588"><p data-reactid="4589"><!-- react-text: 4590 -->We suggest you upgrade to lastest version of <!-- /react-text --><code data-reactid="4591"><!-- react-text: 4592 -->2.x<!-- /react-text --></code><!-- react-text: 4593 -->.<!-- /react-text --></p></blockquote><p data-reactid="4594"><!-- react-text: 4595 -->There are some breaking changes in <!-- /react-text --><code data-reactid="4596"><!-- react-text: 4597 -->antd@2.0.0<!-- /react-text --></code><!-- react-text: 4598 -->, and you need to modify your code to work with it.<!-- /react-text --></p><ul data-reactid="4599"><li data-reactid="4600"><p data-reactid="4601"><code data-reactid="4602"><!-- react-text: 4603 -->value<!-- /react-text --></code><!-- react-text: 4604 --> and <!-- /react-text --><code data-reactid="4605"><!-- react-text: 4606 -->defaultValue<!-- /react-text --></code><!-- react-text: 4607 --> of all the time-related components will not support type <!-- /react-text --><code data-reactid="4608"><!-- react-text: 4609 -->String/Date<!-- /react-text --></code><!-- react-text: 4610 -->, please use <!-- /react-text --><a href="http://momentjs.com/" data-reactid="4611"><!-- react-text: 4612 -->moment<!-- /react-text --></a><!-- react-text: 4613 -->:<!-- /react-text --></p><pre class="language-diff" data-reactid="4614"><code data-reactid="4615"><span class="token deleted">- &lt;TimePicker defaultValue="12:08:23" /></span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->Change Log<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/CHANGELOG.en-US.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="markdown" data-reactid="294"><p data-reactid="295"><code data-reactid="296"><!-- react-text: 297 -->antd<!-- /react-text --></code><!-- react-text: 298 --> strictly follows <!-- /react-text --><a href="http://semver.org/" data-reactid="299"><!-- react-text: 300 -->Semantic Versioning 2.0.0<!-- /react-text --></a><!-- react-text: 301 -->.<!-- /react-text --></p><h4 id="Release-Schedule" data-reactid="302"><span data-reactid="303"><!-- react-text: 304 -->Release Schedule<!-- /react-text --></span><a href="#Release-Schedule" class="anchor" data-reactid="305">#</a></h4><ul data-reactid="306"><li data-reactid="307"><p data-reactid="308"><!-- react-text: 309 -->Weekly release: patch version at the end of every week for routine bugfix (anytime for urgent bugfix).<!-- /react-text --></p></li><li data-reactid="310"><p data-reactid="311"><!-- react-text: 312 -->Monthly release: minor version at the end of every month for new features.<!-- /react-text --></p></li><li data-reactid="313"><p data-reactid="314"><!-- react-text: 315 -->Major version release is not included in this schedule for breadking change and new features.<!-- /react-text --></p></li></ul><p data-reactid="316"><!-- react-text: 317 -->If you want to read change logs before <!-- /react-text --><code data-reactid="318"><!-- react-text: 319 -->2.0.0<!-- /react-text --></code><!-- react-text: 320 -->, please visit <!-- /react-text --><a href="https://github.com/ant-design/ant-design/blob/1.x-stable/CHANGELOG.md" data-reactid="321"><!-- react-text: 322 -->GitHub<!-- /react-text --></a><!-- react-text: 323 -->.<!-- /react-text --></p></section><section class="markdown" data-reactid="324"><ul class="ant-timeline" data-reactid="325"><li class="ant-timeline-item" data-reactid="326"><div class="ant-timeline-item-tail" data-reactid="327"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="328"></div><div class="ant-timeline-item-content" data-reactid="329"><h2 id="2.9.3" data-reactid="330"><span data-reactid="331"><!-- react-text: 332 -->2.9.3<!-- /react-text --></span><a href="#2.9.3" class="anchor" data-reactid="333">#</a></h2><p data-reactid="334"><code data-reactid="335"><!-- react-text: 336 -->2017-04-24<!-- /react-text --></code></p><ul data-reactid="337"><li data-reactid="338"><p data-reactid="339"><strong data-reactid="340"><!-- react-text: 341 -->notification<!-- /react-text --></strong><!-- react-text: 342 --> Fix can&#x27;t close itself after 4.5s. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5869" data-reactid="343"><!-- react-text: 344 -->#5869<!-- /react-text --></a></p></li><li data-reactid="345"><p data-reactid="346"><strong data-reactid="347"><!-- react-text: 348 -->Tabs<!-- /react-text --></strong><!-- react-text: 349 --> Add transition for <!-- /react-text --><code data-reactid="350"><!-- react-text: 351 -->ink-bar<!-- /react-text --></code><!-- react-text: 352 --> width. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5858" data-reactid="353"><!-- react-text: 354 -->#5858<!-- /react-text --></a><!-- react-text: 355 --> <!-- /react-text --><a href="https://github.com/hlehmann" data-reactid="356"><!-- react-text: 357 -->@hlehmann<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="358"><div class="ant-timeline-item-tail" data-reactid="359"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="360"></div><div class="ant-timeline-item-content" data-reactid="361"><h2 id="2.9.2" data-reactid="362"><span data-reactid="363"><!-- react-text: 364 -->2.9.2<!-- /react-text --></span><a href="#2.9.2" class="anchor" data-reactid="365">#</a></h2><p data-reactid="366"><code data-reactid="367"><!-- react-text: 368 -->2017-04-22<!-- /react-text --></code></p><ul data-reactid="369"><li data-reactid="370"><p data-reactid="371"><strong data-reactid="372"><!-- react-text: 373 -->Alert<!-- /react-text --></strong><!-- react-text: 374 --> Fix props of banner mode can&#x27;t be overrided. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5800" data-reactid="375"><!-- react-text: 376 -->#5800<!-- /react-text --></a></p></li><li data-reactid="377"><p data-reactid="378"><strong data-reactid="379"><!-- react-text: 380 -->AutoComplete<!-- /react-text --></strong><!-- react-text: 381 --> Fix can&#x27;t add <!-- /react-text --><code data-reactid="382"><!-- react-text: 383 -->onKeyDown<!-- /react-text --></code><!-- react-text: 384 --> event listener with customized input component. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5487" data-reactid="385"><!-- react-text: 386 -->#5487<!-- /react-text --></a></p></li><li data-reactid="387"><p data-reactid="388"><strong data-reactid="389"><!-- react-text: 390 -->Button<!-- /react-text --></strong><!-- react-text: 391 --> New style for danger Button. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5815" data-reactid="392"><!-- react-text: 393 -->#5815<!-- /react-text --></a></p></li><li data-reactid="394"><p data-reactid="395"><strong data-reactid="396"><!-- react-text: 397 -->DatePicker<!-- /react-text --></strong><!-- react-text: 398 --> <!-- /react-text --></p><ul data-reactid="399"><li data-reactid="400"><p data-reactid="401"><!-- react-text: 402 -->Improve user experience of RangePicker, rc-calendar upgrade to <!-- /react-text --><code data-reactid="403"><!-- react-text: 404 -->~8.0.0<!-- /react-text --></code><!-- react-text: 405 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4985" data-reactid="406"><!-- react-text: 407 -->#4985<!-- /react-text --></a></p></li><li data-reactid="408"><p data-reactid="409"><!-- react-text: 410 -->Fix RangePicker not aligned after customizing the size of input. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5718" data-reactid="411"><!-- react-text: 412 -->pull/5718<!-- /react-text --></a><!-- react-text: 413 --> <!-- /react-text --><a href="https://github.com/leadream" data-reactid="414"><!-- react-text: 415 -->@leadream<!-- /react-text --></a></p></li></ul></li><li data-reactid="416"><p data-reactid="417"><strong data-reactid="418"><!-- react-text: 419 -->Form<!-- /react-text --></strong><!-- react-text: 420 --> Add a less variable to opt out of form item colons. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5855" data-reactid="421"><!-- react-text: 422 -->pull/5855<!-- /react-text --></a><!-- react-text: 423 --> <!-- /react-text --><a href="https://github.com/megawac" data-reactid="424"><!-- react-text: 425 -->@megawac<!-- /react-text --></a></p></li><li data-reactid="426"><p data-reactid="427"><strong data-reactid="428"><!-- react-text: 429 -->Icon<!-- /react-text --></strong><!-- react-text: 430 --> Add displayName. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5643" data-reactid="431"><!-- react-text: 432 -->pull/5643<!-- /react-text --></a><!-- react-text: 433 --> <!-- /react-text --><a href="https://github.com/handycode" data-reactid="434"><!-- react-text: 435 -->@handycode<!-- /react-text --></a></p></li><li data-reactid="436"><p data-reactid="437"><strong data-reactid="438"><!-- react-text: 439 -->Input<!-- /react-text --></strong></p><ul data-reactid="440"><li data-reactid="441"><p data-reactid="442"><!-- react-text: 443 -->Fix Input.Search style issue when be used in Input.Group. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5743" data-reactid="444"><!-- react-text: 445 -->#5743<!-- /react-text --></a></p></li><li data-reactid="446"><p data-reactid="447"><!-- react-text: 448 -->Fix AutoComplete style issue when be used in Input.Group. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5832" data-reactid="449"><!-- react-text: 450 -->#5832<!-- /react-text --></a></p></li><li data-reactid="451"><p data-reactid="452"><!-- react-text: 453 -->Fix Select size when be used in Input.Group. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5754" data-reactid="454"><!-- react-text: 455 -->#5754<!-- /react-text --></a></p></li><li data-reactid="456"><p data-reactid="457"><!-- react-text: 458 -->Change suffix color. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5820" data-reactid="459"><!-- react-text: 460 -->pull/5820<!-- /react-text --></a><!-- react-text: 461 --> <!-- /react-text --><a href="https://github.com/megawac" data-reactid="462"><!-- react-text: 463 -->@megawac<!-- /react-text --></a></p></li></ul></li><li data-reactid="464"><p data-reactid="465"><strong data-reactid="466"><!-- react-text: 467 -->InputNumber<!-- /react-text --></strong><!-- react-text: 468 --> Update docs and demos for how to use <!-- /react-text --><code data-reactid="469"><!-- react-text: 470 -->parser<!-- /react-text --></code><!-- react-text: 471 --> to work with <!-- /react-text --><code data-reactid="472"><!-- react-text: 473 -->formatter<!-- /react-text --></code><!-- react-text: 474 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5683" data-reactid="475"><!-- react-text: 476 -->#5683<!-- /react-text --></a></p></li><li data-reactid="477"><p data-reactid="478"><strong data-reactid="479"><!-- react-text: 480 -->Layout<!-- /react-text --></strong></p><ul data-reactid="481"><li data-reactid="482"><p data-reactid="483"><!-- react-text: 484 -->Add <!-- /react-text --><a href="https://ant.design/components/layout/#components-layout-demo-fixed-sider" data-reactid="485"><!-- react-text: 486 -->Fixed-Sider<!-- /react-text --></a><!-- react-text: 487 --> demo.<!-- /react-text --></p></li><li data-reactid="488"><p data-reactid="489"><!-- react-text: 490 -->Fix style issue of responsive sider in firefox. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5613" data-reactid="491"><!-- react-text: 492 -->#5613<!-- /react-text --></a></p></li></ul></li><li data-reactid="493"><p data-reactid="494"><strong data-reactid="495"><!-- react-text: 496 -->LocaleProvider<!-- /react-text --></strong><!-- react-text: 497 --> Allow for seamless access to less variables. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5712" data-reactid="498"><!-- react-text: 499 -->#5712<!-- /react-text --></a><!-- react-text: 500 --> <!-- /react-text --><a href="https://github.com/lionkeng" data-reactid="501"><!-- react-text: 502 -->@lionkeng<!-- /react-text --></a></p></li><li data-reactid="503"><p data-reactid="504"><strong data-reactid="505"><!-- react-text: 506 -->Menu<!-- /react-text --></strong><!-- react-text: 507 --> Override the default <!-- /react-text --><code data-reactid="508"><!-- react-text: 509 -->a:focus<!-- /react-text --></code><!-- react-text: 510 --> style when it nested in Menu component. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5707" data-reactid="511"><!-- react-text: 512 -->#5707<!-- /react-text --></a></p></li><li data-reactid="513"><p data-reactid="514"><strong data-reactid="515"><!-- react-text: 516 -->Notification<!-- /react-text --></strong><!-- react-text: 517 -->  Auto adjust style for singleline message. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5846" data-reactid="518"><!-- react-text: 519 -->#5846<!-- /react-text --></a></p></li><li data-reactid="520"><p data-reactid="521"><strong data-reactid="522"><!-- react-text: 523 -->Radio<!-- /react-text --></strong><!-- react-text: 524 --> Add less variables for setting color and background color of Radio.Button. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5791" data-reactid="525"><!-- react-text: 526 -->pull/5791<!-- /react-text --></a><!-- react-text: 527 --> <!-- /react-text --><a href="https://github.com/megawac" data-reactid="528"><!-- react-text: 529 -->@megawac<!-- /react-text --></a></p></li><li data-reactid="530"><p data-reactid="531"><strong data-reactid="532"><!-- react-text: 533 -->Table<!-- /react-text --></strong></p><ul data-reactid="534"><li data-reactid="535"><p data-reactid="536"><!-- react-text: 537 -->Add less variables for setting head background color and row background hover color. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5706" data-reactid="538"><!-- react-text: 539 -->#5706<!-- /react-text --></a><!-- react-text: 540 --> <!-- /react-text --><a href="https://github.com/kappa-gooner" data-reactid="541"><!-- react-text: 542 -->@kappa-gooner<!-- /react-text --></a></p></li><li data-reactid="543"><p data-reactid="544"><!-- react-text: 545 -->Improve the <!-- /react-text --><code data-reactid="546"><!-- react-text: 547 -->Grouping table head<!-- /react-text --></code><!-- react-text: 548 --> demo style. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5697" data-reactid="549"><!-- react-text: 550 -->#5697<!-- /react-text --></a></p></li></ul></li><li data-reactid="551"><p data-reactid="552"><strong data-reactid="553"><!-- react-text: 554 -->Tabs<!-- /react-text --></strong><!-- react-text: 555 --> Fix the position of the scrolling arrow in <!-- /react-text --><code data-reactid="556"><!-- react-text: 557 -->vertical<!-- /react-text --></code><!-- react-text: 558 --> mode. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5765" data-reactid="559"><!-- react-text: 560 -->#5765<!-- /react-text --></a><!-- react-text: 561 --> <!-- /react-text --><a href="https://github.com/dicklwm" data-reactid="562"><!-- react-text: 563 -->@dicklwm<!-- /react-text --></a></p></li><li data-reactid="564"><p data-reactid="565"><strong data-reactid="566"><!-- react-text: 567 -->TreeSelect<!-- /react-text --></strong><!-- react-text: 568 --> Fix arrow rotate bug. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5693" data-reactid="569"><!-- react-text: 570 -->#5693<!-- /react-text --></a></p></li><li data-reactid="571"><p data-reactid="572"><strong data-reactid="573"><!-- react-text: 574 -->TypeScript<!-- /react-text --></strong></p><ul data-reactid="575"><li data-reactid="576"><p data-reactid="577"><!-- react-text: 578 -->Add missing props in InputNumber. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5717" data-reactid="579"><!-- react-text: 580 -->#5717<!-- /react-text --></a><!-- react-text: 581 -->  <!-- /react-text --><a href="https://github.com/whtang906" data-reactid="582"><!-- react-text: 583 -->@whtang906<!-- /react-text --></a><!-- react-text: 584 --> <!-- /react-text --></p></li></ul></li><li data-reactid="585"><p data-reactid="586"><strong data-reactid="587"><!-- react-text: 588 -->Global Optimization<!-- /react-text --></strong></p><ul data-reactid="589"><li data-reactid="590"><p data-reactid="591"><!-- react-text: 592 -->Fix deprecation warning of <!-- /react-text --><code data-reactid="593"><!-- react-text: 594 -->React.PropTypes<!-- /react-text --></code><!-- react-text: 595 --> due to React upgrading to v15.5.0. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5723" data-reactid="596"><!-- react-text: 597 -->pull/5723<!-- /react-text --></a><!-- react-text: 598 -->  <!-- /react-text --><a href="https://github.com/manjitkumar" data-reactid="599"><!-- react-text: 600 -->@manjitkumar<!-- /react-text --></a></p></li></ul></li><li data-reactid="601"><p data-reactid="602"><strong data-reactid="603"><!-- react-text: 604 -->Site<!-- /react-text --></strong></p><ul data-reactid="605"><li data-reactid="606"><p data-reactid="607"><!-- react-text: 608 -->Add native English translation for <!-- /react-text --><a href="https://ant.design/docs/spec/icon" data-reactid="609"><!-- react-text: 610 -->icons spec<!-- /react-text --></a><!-- react-text: 611 -->. <!-- /react-text --><a href="https://github.com/kenaniah" data-reactid="612"><!-- react-text: 613 -->@kenaniah<!-- /react-text --></a></p></li><li data-reactid="614"><p data-reactid="615"><!-- react-text: 616 -->Add <!-- /react-text --><a href="https://gitter.im/ant-design/ant-design-english" data-reactid="617"><!-- react-text: 618 -->English gitter chat room<!-- /react-text --></a><!-- react-text: 619 -->.<!-- /react-text --></p></li></ul></li></ul></div></li><li class="ant-timeline-item" data-reactid="620"><div class="ant-timeline-item-tail" data-reactid="621"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="622"></div><div class="ant-timeline-item-content" data-reactid="623"><h2 id="2.9.1" data-reactid="624"><span data-reactid="625"><!-- react-text: 626 -->2.9.1<!-- /react-text --></span><a href="#2.9.1" class="anchor" data-reactid="627">#</a></h2><p data-reactid="628"><code data-reactid="629"><!-- react-text: 630 -->2017-04-09<!-- /react-text --></code></p><ul data-reactid="631"><li data-reactid="632"><p data-reactid="633"><!-- react-text: 634 -->Step<!-- /react-text --></p><ul data-reactid="635"><li data-reactid="636"><p data-reactid="637"><!-- react-text: 638 -->Add more less variables. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5624" data-reactid="639"><!-- react-text: 640 -->#5624<!-- /react-text --></a><!-- react-text: 641 --> <!-- /react-text --><a href="https://github.com/megawac" data-reactid="642"><!-- react-text: 643 -->@megawac<!-- /react-text --></a></p></li><li data-reactid="644"><p data-reactid="645"><!-- react-text: 646 -->Fix style issue. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5623" data-reactid="647"><!-- react-text: 648 -->#5623<!-- /react-text --></a></p></li></ul></li><li data-reactid="649"><p data-reactid="650"><!-- react-text: 651 -->Button won&#x27;t lose focus after click. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5597" data-reactid="652"><!-- react-text: 653 -->#5597<!-- /react-text --></a><!-- react-text: 654 --> <!-- /react-text --><a href="https://github.com/kenaniah" data-reactid="655"><!-- react-text: 656 -->@kenaniah<!-- /react-text --></a></p></li><li data-reactid="657"><p data-reactid="658"><!-- react-text: 659 -->Add underline to focused link.  <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5597" data-reactid="660"><!-- react-text: 661 -->#5587<!-- /react-text --></a><!-- react-text: 662 --> <!-- /react-text --><a href="https://github.com/kenaniah" data-reactid="663"><!-- react-text: 664 -->@kenaniah<!-- /react-text --></a></p></li><li data-reactid="665"><p data-reactid="666"><!-- react-text: 667 -->Fix Dropdown.Button can&#x27;t use <!-- /react-text --><code data-reactid="668"><!-- react-text: 669 -->placement<!-- /react-text --></code><!-- react-text: 670 --> issue. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5594" data-reactid="671"><!-- react-text: 672 -->#5594<!-- /react-text --></a></p></li><li data-reactid="673"><p data-reactid="674"><!-- react-text: 675 -->Fix Pagination alignment issue. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5632" data-reactid="676"><!-- react-text: 677 -->#5632<!-- /react-text --></a></p></li><li data-reactid="678"><p data-reactid="679"><!-- react-text: 680 -->Fix AutoComplete style issue when use <!-- /react-text --><code data-reactid="681"><!-- react-text: 682 -->allowClear<!-- /react-text --></code><!-- react-text: 683 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5634" data-reactid="684"><!-- react-text: 685 -->#5634<!-- /react-text --></a></p></li><li data-reactid="686"><p data-reactid="687"><!-- react-text: 688 -->Fix DatePicker style issue when  set <!-- /react-text --><code data-reactid="689"><!-- react-text: 690 -->showToday<!-- /react-text --></code><!-- react-text: 691 --> to <!-- /react-text --><code data-reactid="692"><!-- react-text: 693 -->false<!-- /react-text --></code><!-- react-text: 694 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5620" data-reactid="695"><!-- react-text: 696 -->#5620<!-- /react-text --></a></p></li><li data-reactid="697"><p data-reactid="698"><!-- react-text: 699 -->Fix Select shows Chinese defaultly. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5661" data-reactid="700"><!-- react-text: 701 -->#5661<!-- /react-text --></a><!-- react-text: 702 --> <!-- /react-text --><a href="https://github.com/LeeHarlan" data-reactid="703"><!-- react-text: 704 -->@LeeHarlan<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="705"><div class="ant-timeline-item-tail" data-reactid="706"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="707"></div><div class="ant-timeline-item-content" data-reactid="708"><h2 id="2.9.0" data-reactid="709"><span data-reactid="710"><!-- react-text: 711 -->2.9.0<!-- /react-text --></span><a href="#2.9.0" class="anchor" data-reactid="712">#</a></h2><p data-reactid="713"><code data-reactid="714"><!-- react-text: 715 -->2017-04-01<!-- /react-text --></code><!-- react-text: 716 --> 👻<!-- /react-text --></p><ul data-reactid="717"><li data-reactid="718"><p data-reactid="719"><!-- react-text: 720 -->Change the default font family to be monospaced for numbers. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/b526083fa6a619113a3d26c4f4f092a8648f3bd4" data-reactid="721"><!-- react-text: 722 -->b526083<!-- /react-text --></a></p></li><li data-reactid="723"><p data-reactid="724"><!-- react-text: 725 -->Select<!-- /react-text --></p><ul data-reactid="726"><li data-reactid="727"><p data-reactid="728"><!-- react-text: 729 -->Add <!-- /react-text --><code data-reactid="730"><!-- react-text: 731 -->mode<!-- /react-text --></code><!-- react-text: 732 --> prop, deprecate the <!-- /react-text --><code data-reactid="733"><!-- react-text: 734 -->tags|combobox|multiple<!-- /react-text --></code><!-- react-text: 735 --> properties, replaced by <!-- /react-text --><code data-reactid="736"><!-- react-text: 737 -->mode={tags|combobox|multiple}<!-- /react-text --></code><!-- react-text: 738 -->.<!-- /react-text --></p></li><li data-reactid="739"><p data-reactid="740"><code data-reactid="741"><!-- react-text: 742 -->tags|multiple<!-- /react-text --></code><!-- react-text: 743 --> now supports <!-- /react-text --><code data-reactid="744"><!-- react-text: 745 -->allowClear<!-- /react-text --></code><!-- react-text: 746 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4843" data-reactid="747"><!-- react-text: 748 -->#4843<!-- /react-text --></a></p></li></ul></li><li data-reactid="749"><p data-reactid="750"><!-- react-text: 751 -->Add a new type <!-- /react-text --><code data-reactid="752"><!-- react-text: 753 -->dashboard<!-- /react-text --></code><!-- react-text: 754 --> of Progress. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5225" data-reactid="755"><!-- react-text: 756 -->#5225<!-- /react-text --></a><!-- react-text: 757 --> <!-- /react-text --><a href="https://github.com/qiaolb" data-reactid="758"><!-- react-text: 759 -->@qiaolb<!-- /react-text --></a></p></li><li data-reactid="760"><p data-reactid="761"><!-- react-text: 762 -->Add <!-- /react-text --><code data-reactid="763"><!-- react-text: 764 -->showLine<!-- /react-text --></code><!-- react-text: 765 --> prop of Tree, for connecting line style in tree nodes. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3854" data-reactid="766"><!-- react-text: 767 -->#3854<!-- /react-text --></a></p></li><li data-reactid="768"><p data-reactid="769"><!-- react-text: 770 -->TimePicker now supports 12 hours via <!-- /react-text --><code data-reactid="771"><!-- react-text: 772 -->use12Hours<!-- /react-text --></code><!-- react-text: 773 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4063" data-reactid="774"><!-- react-text: 775 -->#4063<!-- /react-text --></a></p></li><li data-reactid="776"><p data-reactid="777"><!-- react-text: 778 -->Add <!-- /react-text --><code data-reactid="779"><!-- react-text: 780 -->column.filterIcon<!-- /react-text --></code><!-- react-text: 781 --> prop of Table, which can be used to customize filter icon. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5293" data-reactid="782"><!-- react-text: 783 -->#5293<!-- /react-text --></a></p></li><li data-reactid="784"><p data-reactid="785"><!-- react-text: 786 -->Add <!-- /react-text --><code data-reactid="787"><!-- react-text: 788 -->wrapperClassName<!-- /react-text --></code><!-- react-text: 789 --> prop of Spin. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5425" data-reactid="790"><!-- react-text: 791 -->#5425<!-- /react-text --></a><!-- react-text: 792 --> <!-- /react-text --><a href="https://github.com/aaronplanell" data-reactid="793"><!-- react-text: 794 -->@aaronplanell<!-- /react-text --></a></p></li><li data-reactid="795"><p data-reactid="796"><!-- react-text: 797 -->Add <!-- /react-text --><code data-reactid="798"><!-- react-text: 799 -->onPrevClick<!-- /react-text --></code><!-- react-text: 800 --> <!-- /react-text --><code data-reactid="801"><!-- react-text: 802 -->onNextClick<!-- /react-text --></code><!-- react-text: 803 --> props of Tabs. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4395" data-reactid="804"><!-- react-text: 805 -->#4395<!-- /react-text --></a></p></li><li data-reactid="806"><p data-reactid="807"><!-- react-text: 808 -->Add <!-- /react-text --><code data-reactid="809"><!-- react-text: 810 -->parser<!-- /react-text --></code><!-- react-text: 811 --> prop of InputNumber, to extract value from formatter. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5178#issuecomment-284557933" data-reactid="812"><!-- react-text: 813 -->#5178<!-- /react-text --></a></p></li><li data-reactid="814"><p data-reactid="815"><!-- react-text: 816 -->New locales support:<!-- /react-text --></p><ul data-reactid="817"><li data-reactid="818"><p data-reactid="819"><!-- react-text: 820 -->Japanese <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5529" data-reactid="821"><!-- react-text: 822 -->#5529<!-- /react-text --></a><!-- react-text: 823 -->  <!-- /react-text --><a href="https://github.com/novi" data-reactid="824"><!-- react-text: 825 -->@novi<!-- /react-text --></a></p></li><li data-reactid="826"><p data-reactid="827"><!-- react-text: 828 -->Slovak <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5304" data-reactid="829"><!-- react-text: 830 -->#5304<!-- /react-text --></a><!-- react-text: 831 --> <!-- /react-text --><a href="https://github.com/Kamahl19" data-reactid="832"><!-- react-text: 833 -->@Kamahl19<!-- /react-text --></a></p></li><li data-reactid="834"><p data-reactid="835"><!-- react-text: 836 -->Estonian <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5266" data-reactid="837"><!-- react-text: 838 -->#5266<!-- /react-text --></a><!-- react-text: 839 --> <!-- /react-text --><a href="https://github.com/madisvain" data-reactid="840"><!-- react-text: 841 -->@madisvain<!-- /react-text --></a></p></li><li data-reactid="842"><p data-reactid="843"><!-- react-text: 844 -->Turkish <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5536" data-reactid="845"><!-- react-text: 846 -->#5536<!-- /react-text --></a><!-- react-text: 847 --> <!-- /react-text --><a href="https://github.com/c0b41" data-reactid="848"><!-- react-text: 849 -->@c0b41<!-- /react-text --></a></p></li></ul></li><li data-reactid="850"><p data-reactid="851"><!-- react-text: 852 -->TypeScript<!-- /react-text --></p><ul data-reactid="853"><li data-reactid="854"><p data-reactid="855"><!-- react-text: 856 -->Fix definitions of Carousel following react-slick<!-- /react-text --></p></li><li data-reactid="857"><p data-reactid="858"><!-- react-text: 859 -->Fix some definitions of Form.<!-- /react-text --></p></li><li data-reactid="860"><p data-reactid="861"><!-- react-text: 862 -->Fix <!-- /react-text --><code data-reactid="863"><!-- react-text: 864 -->getPopupContainer<!-- /react-text --></code><!-- react-text: 865 --> definitions.<!-- /react-text --></p></li></ul></li><li data-reactid="866"><p data-reactid="867"><!-- react-text: 868 -->Allow to disable animation of inkBar and panes of Tabs separately. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5089" data-reactid="869"><!-- react-text: 870 -->#5089<!-- /react-text --></a><!-- react-text: 871 --> <!-- /react-text --><a href="https://github.com/xieguanglei" data-reactid="872"><!-- react-text: 873 -->@xieguanglei<!-- /react-text --></a></p></li><li data-reactid="874"><p data-reactid="875"><!-- react-text: 876 -->Button <!-- /react-text --><code data-reactid="877"><!-- react-text: 878 -->loading<!-- /react-text --></code><!-- react-text: 879 --> prop now supports like <!-- /react-text --><code data-reactid="880"><!-- react-text: 881 -->{ delay: 1000 }<!-- /react-text --></code><!-- react-text: 882 -->, removed the default loading delay. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5365" data-reactid="883"><!-- react-text: 884 -->#5365<!-- /react-text --></a></p></li><li data-reactid="885"><p data-reactid="886"><!-- react-text: 887 -->Add less variables for Card header. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5354" data-reactid="888"><!-- react-text: 889 -->#5354<!-- /react-text --></a><!-- react-text: 890 --> <!-- /react-text --><a href="https://github.com/kossel" data-reactid="891"><!-- react-text: 892 -->@kossel<!-- /react-text --></a></p></li><li data-reactid="893"><p data-reactid="894"><!-- react-text: 895 -->Fix extra separator of Breadcrumb without <!-- /react-text --><code data-reactid="896"><!-- react-text: 897 -->breadcrumbName<!-- /react-text --></code><!-- react-text: 898 -->.<!-- /react-text --></p></li><li data-reactid="899"><p data-reactid="900"><!-- react-text: 901 -->Fix <!-- /react-text --><code data-reactid="902"><!-- react-text: 903 -->Unknown prop placement<!-- /react-text --></code><!-- react-text: 904 --> warning of Dropdown.Button. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5594" data-reactid="905"><!-- react-text: 906 -->#5594<!-- /react-text --></a></p></li><li data-reactid="907"><p data-reactid="908"><!-- react-text: 909 -->Fix RangePicker and InputNumber placeholder color.<!-- /react-text --></p></li><li data-reactid="910"><p data-reactid="911"><!-- react-text: 912 -->Fix that Cascader search can&#x27;t use <!-- /react-text --><!-- react-text: 913 -->[backspace]<!-- /react-text --><!-- react-text: 914 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5340" data-reactid="915"><!-- react-text: 916 -->#5340<!-- /react-text --></a></p></li><li data-reactid="917"><p data-reactid="918"><!-- react-text: 919 -->Fix that LocaleProvider can&#x27;t affect <!-- /react-text --><code data-reactid="920"><!-- react-text: 921 -->Modal.confirm<!-- /react-text --></code><!-- react-text: 922 --> sometimes. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5493" data-reactid="923"><!-- react-text: 924 -->#5493<!-- /react-text --></a><!-- react-text: 925 --> <!-- /react-text --><a href="https://github.com/hargasinski" data-reactid="926"><!-- react-text: 927 -->@hargasinski<!-- /react-text --></a></p></li><li data-reactid="928"><p data-reactid="929"><!-- react-text: 930 -->Fix scroll animation of BackTop which specifies the <!-- /react-text --><code data-reactid="931"><!-- react-text: 932 -->target<!-- /react-text --></code><!-- react-text: 933 --> prop. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5564" data-reactid="934"><!-- react-text: 935 -->#5564<!-- /react-text --></a></p></li><li data-reactid="936"><p data-reactid="937"><!-- react-text: 938 -->Optimize the block style of Pagination. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5557" data-reactid="939"><!-- react-text: 940 -->#5557<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="941"><div class="ant-timeline-item-tail" data-reactid="942"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="943"></div><div class="ant-timeline-item-content" data-reactid="944"><h2 id="2.8.3" data-reactid="945"><span data-reactid="946"><!-- react-text: 947 -->2.8.3<!-- /react-text --></span><a href="#2.8.3" class="anchor" data-reactid="948">#</a></h2><p data-reactid="949"><code data-reactid="950"><!-- react-text: 951 -->2017-03-27<!-- /react-text --></code></p><ul data-reactid="952"><li data-reactid="953"><p data-reactid="954"><!-- react-text: 955 -->TypeScript<!-- /react-text --></p><ul data-reactid="956"><li data-reactid="957"><p data-reactid="958"><!-- react-text: 959 -->Fixed missing definition of <!-- /react-text --><code data-reactid="960"><!-- react-text: 961 -->AutoComplete[filterOption]<!-- /react-text --></code><!-- react-text: 962 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5393" data-reactid="963"><!-- react-text: 964 -->#5393<!-- /react-text --></a><!-- react-text: 965 --> <!-- /react-text --><a href="https://github.com/mitchelldemler" data-reactid="966"><!-- react-text: 967 -->@mitchelldemler<!-- /react-text --></a></p></li><li data-reactid="968"><p data-reactid="969"><!-- react-text: 970 -->Improve definition of <!-- /react-text --><code data-reactid="971"><!-- react-text: 972 -->getPopupContainer<!-- /react-text --></code><!-- react-text: 973 --> <!-- /react-text --><code data-reactid="974"><!-- react-text: 975 -->getCalendarContainer<!-- /react-text --></code><!-- react-text: 976 --> <!-- /react-text --><code data-reactid="977"><!-- react-text: 978 -->getTooltipContainer<!-- /react-text --></code><!-- react-text: 979 --> <!-- /react-text --><code data-reactid="980"><!-- react-text: 981 -->getSuggestionContainer<!-- /react-text --></code><!-- react-text: 982 -->, etc. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/322e9efdc9db28bd92230fc690f1fdf5a72cf7cd" data-reactid="983"><!-- react-text: 984 -->322e9ef<!-- /react-text --></a></p></li><li data-reactid="985"><p data-reactid="986"><!-- react-text: 987 -->Improve definition of <!-- /react-text --><code data-reactid="988"><!-- react-text: 989 -->Form.create<!-- /react-text --></code><!-- react-text: 990 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5420" data-reactid="991"><!-- react-text: 992 -->#5420<!-- /react-text --></a><!-- react-text: 993 --> <!-- /react-text --><a href="https://github.com/infeng" data-reactid="994"><!-- react-text: 995 -->@infeng<!-- /react-text --></a></p></li></ul></li><li data-reactid="996"><p data-reactid="997"><!-- react-text: 998 -->Fixed Badge should work in Maxthon. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5477" data-reactid="999"><!-- react-text: 1000 -->#5477<!-- /react-text --></a></p></li><li data-reactid="1001"><p data-reactid="1002"><!-- react-text: 1003 -->Fixed Button cannot work with <!-- /react-text --><code data-reactid="1004"><!-- react-text: 1005 -->null<!-- /react-text --></code><!-- react-text: 1006 --> <!-- /react-text --><code data-reactid="1007"><!-- react-text: 1008 -->undefined<!-- /react-text --></code><!-- react-text: 1009 --> as children. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5472" data-reactid="1010"><!-- react-text: 1011 -->#5472<!-- /react-text --></a><!-- react-text: 1012 --> <!-- /react-text --><a href="https://github.com/blade254353074" data-reactid="1013"><!-- react-text: 1014 -->@blade254353074<!-- /react-text --></a></p></li><li data-reactid="1015"><p data-reactid="1016"><!-- react-text: 1017 -->Breadcrumb are not rely on <!-- /react-text --><code data-reactid="1018"><!-- react-text: 1019 -->route.breadcrumbName<!-- /react-text --></code><!-- react-text: 1020 --> now. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/ac1c7f312bc46ba6ef7aacace43e4ac99b87dd54" data-reactid="1021"><!-- react-text: 1022 -->ac1c7f3<!-- /react-text --></a></p></li><li data-reactid="1023"><p data-reactid="1024"><!-- react-text: 1025 -->Fixed <!-- /react-text --><code data-reactid="1026"><!-- react-text: 1027 -->Form.Item[hasFeedback]<!-- /react-text --></code><!-- react-text: 1028 --> will lost styles while using with <!-- /react-text --><code data-reactid="1029"><!-- react-text: 1030 -->Input[prefix]<!-- /react-text --></code><!-- react-text: 1031 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5456" data-reactid="1032"><!-- react-text: 1033 -->#5456<!-- /react-text --></a><!-- react-text: 1034 --> <!-- /react-text --><a href="https://github.com/william-yz" data-reactid="1035"><!-- react-text: 1036 -->@william-yz<!-- /react-text --></a></p></li><li data-reactid="1037"><p data-reactid="1038"><!-- react-text: 1039 -->Fixed Layout.Content will show scrollbar while using with Carousel. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5415" data-reactid="1040"><!-- react-text: 1041 -->#5415<!-- /react-text --></a></p></li><li data-reactid="1042"><p data-reactid="1043"><!-- react-text: 1044 -->LocaleProvider<!-- /react-text --></p><ul data-reactid="1045"><li data-reactid="1046"><p data-reactid="1047"><!-- react-text: 1048 -->Fixed missing locales of German. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5387" data-reactid="1049"><!-- react-text: 1050 -->#5387<!-- /react-text --></a><!-- react-text: 1051 --> <!-- /react-text --><a href="https://github.com/Knacktus" data-reactid="1052"><!-- react-text: 1053 -->@Knacktus<!-- /react-text --></a></p></li><li data-reactid="1054"><p data-reactid="1055"><!-- react-text: 1056 -->Fixed missing locales of Russian. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5406" data-reactid="1057"><!-- react-text: 1058 -->#5406<!-- /react-text --></a><!-- react-text: 1059 --> <!-- /react-text --><a href="https://github.com/plandem" data-reactid="1060"><!-- react-text: 1061 -->@plandem<!-- /react-text --></a></p></li><li data-reactid="1062"><p data-reactid="1063"><!-- react-text: 1064 -->Fixed it doesn&#x27;t work with Upload. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5388" data-reactid="1065"><!-- react-text: 1066 -->#5388<!-- /react-text --></a><!-- react-text: 1067 --> <!-- /react-text --><a href="https://github.com/natergj" data-reactid="1068"><!-- react-text: 1069 -->@natergj<!-- /react-text --></a></p></li></ul></li><li data-reactid="1070"><p data-reactid="1071"><!-- react-text: 1072 -->Fixed inconsistet animation of Menu Icon and text. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5495" data-reactid="1073"><!-- react-text: 1074 -->#5495<!-- /react-text --></a></p></li><li data-reactid="1075"><p data-reactid="1076"><!-- react-text: 1077 -->Fixed <!-- /react-text --><code data-reactid="1078"><!-- react-text: 1079 -->Modale[footer]<!-- /react-text --></code><!-- react-text: 1080 --> cannot be set to <!-- /react-text --><code data-reactid="1081"><!-- react-text: 1082 -->null<!-- /react-text --></code><!-- react-text: 1083 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5462" data-reactid="1084"><!-- react-text: 1085 -->#5462<!-- /react-text --></a></p></li><li data-reactid="1086"><p data-reactid="1087"><!-- react-text: 1088 -->Fixed Pagination will lost styles in <!-- /react-text --><code data-reactid="1089"><!-- react-text: 1090 -->IE&lt;=10<!-- /react-text --></code><!-- react-text: 1091 --> which is introduced in <!-- /react-text --><code data-reactid="1092"><!-- react-text: 1093 -->2.8.2<!-- /react-text --></code><!-- react-text: 1094 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5484" data-reactid="1095"><!-- react-text: 1096 -->#5484<!-- /react-text --></a></p></li><li data-reactid="1097"><p data-reactid="1098"><!-- react-text: 1099 -->Fixed Popover will be closed by mistake while using Table in it. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5407" data-reactid="1100"><!-- react-text: 1101 -->#5407<!-- /react-text --></a></p></li><li data-reactid="1102"><p data-reactid="1103"><!-- react-text: 1104 -->Remove restriction that Radio can only be direct chidlren of Radio.Group. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5443" data-reactid="1105"><!-- react-text: 1106 -->#5443<!-- /react-text --></a></p></li><li data-reactid="1107"><p data-reactid="1108"><!-- react-text: 1109 -->Fixed warning while using Switch in Form.Item. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5368" data-reactid="1110"><!-- react-text: 1111 -->#5368<!-- /react-text --></a></p></li><li data-reactid="1112"><p data-reactid="1113"><!-- react-text: 1114 -->Now we defaultly hide the Table&#x27;s &quot;Select All&quot; dropdown icon, display it when set <!-- /react-text --><code data-reactid="1115"><!-- react-text: 1116 -->selections<!-- /react-text --></code><!-- react-text: 1117 --> to true. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5246" data-reactid="1118"><!-- react-text: 1119 -->#5246<!-- /react-text --></a><!-- react-text: 1120 --> <!-- /react-text --><a href="https://github.com/infeng" data-reactid="1121"><!-- react-text: 1122 -->@infeng<!-- /react-text --></a></p></li><li data-reactid="1123"><p data-reactid="1124"><!-- react-text: 1125 -->New theme variable <!-- /react-text --><code data-reactid="1126"><!-- react-text: 1127 -->@info-color<!-- /react-text --></code><!-- react-text: 1128 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5442" data-reactid="1129"><!-- react-text: 1130 -->#5442<!-- /react-text --></a></p></li><li data-reactid="1131"><p data-reactid="1132"><!-- react-text: 1133 -->Supporting suppress warning(You are using a whole package of antd...) with <!-- /react-text --><code data-reactid="1134"><!-- react-text: 1135 -->NODE_ENV=test<!-- /react-text --></code><!-- react-text: 1136 --> while testing. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5345" data-reactid="1137"><!-- react-text: 1138 -->#5345<!-- /react-text --></a></p></li><li data-reactid="1139"><p data-reactid="1140"><!-- react-text: 1141 -->Upgrade moment to <!-- /react-text --><code data-reactid="1142"><!-- react-text: 1143 -->2.18.0<!-- /react-text --></code><!-- react-text: 1144 -->.<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="1145"><div class="ant-timeline-item-tail" data-reactid="1146"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="1147"></div><div class="ant-timeline-item-content" data-reactid="1148"><h2 id="2.8.2" data-reactid="1149"><span data-reactid="1150"><!-- react-text: 1151 -->2.8.2<!-- /react-text --></span><a href="#2.8.2" class="anchor" data-reactid="1152">#</a></h2><p data-reactid="1153"><code data-reactid="1154"><!-- react-text: 1155 -->2017-03-11<!-- /react-text --></code></p><ul data-reactid="1156"><li data-reactid="1157"><p data-reactid="1158"><!-- react-text: 1159 -->New <!-- /react-text --><a href="https://ant.design/docs/spec/colors" data-reactid="1160"><!-- react-text: 1161 -->design specification documentation<!-- /react-text --></a><!-- react-text: 1162 -->.<!-- /react-text --></p></li><li data-reactid="1163"><p data-reactid="1164"><!-- react-text: 1165 -->Fix error of Modal.confirm <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5269" data-reactid="1166"><!-- react-text: 1167 -->#5269<!-- /react-text --></a><!-- react-text: 1168 -->.<!-- /react-text --></p></li><li data-reactid="1169"><p data-reactid="1170"><!-- react-text: 1171 -->Fix mask style of Upload <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5275" data-reactid="1172"><!-- react-text: 1173 -->#5275<!-- /react-text --></a><!-- react-text: 1174 -->.<!-- /react-text --></p></li><li data-reactid="1175"><p data-reactid="1176"><!-- react-text: 1177 -->Fix progress not showing of Upload <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5323" data-reactid="1178"><!-- react-text: 1179 -->#5323<!-- /react-text --></a><!-- react-text: 1180 -->.<!-- /react-text --></p></li><li data-reactid="1181"><p data-reactid="1182"><!-- react-text: 1183 -->Fix a pagination showTotal wrong data issue of Table <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5259" data-reactid="1184"><!-- react-text: 1185 -->#5259<!-- /react-text --></a><!-- react-text: 1186 -->.<!-- /react-text --></p></li><li data-reactid="1187"><p data-reactid="1188"><!-- react-text: 1189 -->Fix a style issue while using Popconfirm and Button together <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5301" data-reactid="1190"><!-- react-text: 1191 -->5301<!-- /react-text --></a><!-- react-text: 1192 -->.<!-- /react-text --></p></li><li data-reactid="1193"><p data-reactid="1194"><!-- react-text: 1195 -->Fix a style issue of Radio <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5336" data-reactid="1196"><!-- react-text: 1197 -->#5336<!-- /react-text --></a><!-- react-text: 1198 -->.<!-- /react-text --></p></li><li data-reactid="1199"><p data-reactid="1200"><!-- react-text: 1201 -->Fix a issue that <!-- /react-text --><code data-reactid="1202"><!-- react-text: 1203 -->getContainer<!-- /react-text --></code><!-- react-text: 1204 --> of Message didn&#x27;t work <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5380" data-reactid="1205"><!-- react-text: 1206 -->#5380<!-- /react-text --></a><!-- react-text: 1207 -->.<!-- /react-text --></p></li><li data-reactid="1208"><p data-reactid="1209"><!-- react-text: 1210 -->Fix text alignment of Checkbox and Radio <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/696a3c0e34156d78e87d629a3f0f8703af1f03ec" data-reactid="1211"><!-- react-text: 1212 -->696a3c0<!-- /react-text --></a><!-- react-text: 1213 -->.<!-- /react-text --></p></li><li data-reactid="1214"><p data-reactid="1215"><!-- react-text: 1216 -->Tweak animation and blur style of Spin <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/fa1e031a7396c61fa9709a0c46fe63200c35d232" data-reactid="1217"><!-- react-text: 1218 -->fa1e031<!-- /react-text --></a><!-- react-text: 1219 -->.<!-- /react-text --></p></li><li data-reactid="1220"><p data-reactid="1221"><!-- react-text: 1222 -->Tweak some styles of Mention  <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/240a93cee25bc8c6ad4520cd907a14a7b22ed773" data-reactid="1223"><!-- react-text: 1224 -->240a93c<!-- /react-text --></a><!-- react-text: 1225 -->.<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="1226"><div class="ant-timeline-item-tail" data-reactid="1227"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="1228"></div><div class="ant-timeline-item-content" data-reactid="1229"><h2 id="2.8.1" data-reactid="1230"><span data-reactid="1231"><!-- react-text: 1232 -->2.8.1<!-- /react-text --></span><a href="#2.8.1" class="anchor" data-reactid="1233">#</a></h2><p data-reactid="1234"><code data-reactid="1235"><!-- react-text: 1236 -->2017-03-11<!-- /react-text --></code></p><ul data-reactid="1237"><li data-reactid="1238"><p data-reactid="1239"><strong data-reactid="1240"><!-- react-text: 1241 -->DatePicker<!-- /react-text --></strong><!-- react-text: 1242 --> Fix can&#x27;t select time when new props are passed, and improve the selection behavior of <!-- /react-text --><code data-reactid="1243"><!-- react-text: 1244 -->DatePicker[showTime]<!-- /react-text --></code><!-- react-text: 1245 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5189" data-reactid="1246"><!-- react-text: 1247 -->#5189<!-- /react-text --></a><!-- react-text: 1248 --> <!-- /react-text --><a href="https://github.com/megawac" data-reactid="1249"><!-- react-text: 1250 -->@megawac<!-- /react-text --></a></p></li><li data-reactid="1251"><p data-reactid="1252"><strong data-reactid="1253"><!-- react-text: 1254 -->Form<!-- /react-text --></strong></p><ul data-reactid="1255"><li data-reactid="1256"><p data-reactid="1257"><!-- react-text: 1258 -->Add document for validate rules. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5201" data-reactid="1259"><!-- react-text: 1260 -->#5201<!-- /react-text --></a></p></li><li data-reactid="1261"><p data-reactid="1262"><!-- react-text: 1263 -->Fix some style issues. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5196" data-reactid="1264"><!-- react-text: 1265 -->#5196<!-- /react-text --></a><!-- react-text: 1266 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5236" data-reactid="1267"><!-- react-text: 1268 -->#5236<!-- /react-text --></a><!-- react-text: 1269 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5222" data-reactid="1270"><!-- react-text: 1271 -->#5222<!-- /react-text --></a></p></li></ul></li><li data-reactid="1272"><p data-reactid="1273"><strong data-reactid="1274"><!-- react-text: 1275 -->Icon<!-- /react-text --></strong><!-- react-text: 1276 --> Add iconfont <!-- /react-text --><code data-reactid="1277"><!-- react-text: 1278 -->shake<!-- /react-text --></code><!-- react-text: 1279 --> and <!-- /react-text --><code data-reactid="1280"><!-- react-text: 1281 -->android-o<!-- /react-text --></code><!-- react-text: 1282 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/941782f7ec000a9054c3bc945ab887f93ab46749" data-reactid="1283"><!-- react-text: 1284 -->commit/941782<!-- /react-text --></a></p></li><li data-reactid="1285"><p data-reactid="1286"><strong data-reactid="1287"><!-- react-text: 1288 -->Input<!-- /react-text --></strong><!-- react-text: 1289 --> Fix <!-- /react-text --><code data-reactid="1290"><!-- react-text: 1291 -->hasFeedback<!-- /react-text --></code><!-- react-text: 1292 --> not work with <!-- /react-text --><code data-reactid="1293"><!-- react-text: 1294 -->addonBefore<!-- /react-text --></code><!-- react-text: 1295 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5228" data-reactid="1296"><!-- react-text: 1297 -->#5228<!-- /react-text --></a></p></li><li data-reactid="1298"><p data-reactid="1299"><strong data-reactid="1300"><!-- react-text: 1301 -->InputNumber<!-- /react-text --></strong><!-- react-text: 1302 --> Add typings for props <!-- /react-text --><code data-reactid="1303"><!-- react-text: 1304 -->formatter<!-- /react-text --></code><!-- react-text: 1305 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5240" data-reactid="1306"><!-- react-text: 1307 -->#5240<!-- /react-text --></a><!-- react-text: 1308 --> <!-- /react-text --><a href="https://github.com/hlehmann" data-reactid="1309"><!-- react-text: 1310 -->@hlehmann<!-- /react-text --></a></p></li><li data-reactid="1311"><p data-reactid="1312"><strong data-reactid="1313"><!-- react-text: 1314 -->Modal<!-- /react-text --></strong><!-- react-text: 1315 --> Call <!-- /react-text --><code data-reactid="1316"><!-- react-text: 1317 -->onCancel<!-- /react-text --></code><!-- react-text: 1318 --> when pressing esc key. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5203" data-reactid="1319"><!-- react-text: 1320 -->#5203<!-- /react-text --></a><!-- react-text: 1321 --> <!-- /react-text --><a href="https://github.com/elios264" data-reactid="1322"><!-- react-text: 1323 -->@elios264<!-- /react-text --></a></p></li><li data-reactid="1324"><p data-reactid="1325"><strong data-reactid="1326"><!-- react-text: 1327 -->Table<!-- /react-text --></strong></p><ul data-reactid="1328"><li data-reactid="1329"><p data-reactid="1330"><!-- react-text: 1331 -->Fix implicit type issue. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5206" data-reactid="1332"><!-- react-text: 1333 -->#5206<!-- /react-text --></a><!-- react-text: 1334 --> <!-- /react-text --><a href="https://github.com/kvey" data-reactid="1335"><!-- react-text: 1336 -->@kvey<!-- /react-text --></a></p></li><li data-reactid="1337"><p data-reactid="1338"><!-- react-text: 1339 -->Fix right border not visible with no data in <!-- /react-text --><code data-reactid="1340"><!-- react-text: 1341 -->small<!-- /react-text --></code><!-- react-text: 1342 --> size. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5237" data-reactid="1343"><!-- react-text: 1344 -->#5237<!-- /react-text --></a></p></li><li data-reactid="1345"><p data-reactid="1346"><!-- react-text: 1347 -->Fix sort not working when using grouping column. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5158" data-reactid="1348"><!-- react-text: 1349 -->#5158<!-- /react-text --></a></p></li></ul></li><li data-reactid="1350"><p data-reactid="1351"><strong data-reactid="1352"><!-- react-text: 1353 -->Tooltip<!-- /react-text --></strong><!-- react-text: 1354 --> Fix layout style on disabled Button. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5254" data-reactid="1355"><!-- react-text: 1356 -->#5254<!-- /react-text --></a></p></li><li data-reactid="1357"><p data-reactid="1358"><strong data-reactid="1359"><!-- react-text: 1360 -->Upload<!-- /react-text --></strong></p><ul data-reactid="1361"><li data-reactid="1362"><p data-reactid="1363"><!-- react-text: 1364 -->Fix long name of upload item style. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/0a35197a35513ca45308bb7163c8243b75dd6f8d" data-reactid="1365"><!-- react-text: 1366 -->commit/0a3519<!-- /react-text --></a></p></li><li data-reactid="1367"><p data-reactid="1368"><!-- react-text: 1369 -->Fix and improve animation. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5210" data-reactid="1370"><!-- react-text: 1371 -->pull/5210<!-- /react-text --></a></p></li><li data-reactid="1372"><p data-reactid="1373"><!-- react-text: 1374 -->Allow override <!-- /react-text --><code data-reactid="1375"><!-- react-text: 1376 -->onProgress<!-- /react-text --></code><!-- react-text: 1377 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5260" data-reactid="1378"><!-- react-text: 1379 -->pull/5260<!-- /react-text --></a><!-- react-text: 1380 --> <!-- /react-text --><a href="https://github.com/minwe" data-reactid="1381"><!-- react-text: 1382 -->@minwe<!-- /react-text --></a></p></li></ul></li><li data-reactid="1383"><p data-reactid="1384"><strong data-reactid="1385"><!-- react-text: 1386 -->Global Optimization<!-- /react-text --></strong></p><ul data-reactid="1387"><li data-reactid="1388"><p data-reactid="1389"><!-- react-text: 1390 -->Fix Cannot resolve module <!-- /react-text --><code data-reactid="1391"><!-- react-text: 1392 -->lodash.debounce<!-- /react-text --></code><!-- react-text: 1393 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5230" data-reactid="1394"><!-- react-text: 1395 -->#5230<!-- /react-text --></a></p></li></ul></li><li data-reactid="1396"><p data-reactid="1397"><strong data-reactid="1398"><!-- react-text: 1399 -->Site<!-- /react-text --></strong></p><ul data-reactid="1400"><li data-reactid="1401"><p data-reactid="1402"><!-- react-text: 1403 -->Fix safari language check. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5245" data-reactid="1404"><!-- react-text: 1405 -->pull/5245<!-- /react-text --></a></p></li><li data-reactid="1406"><p data-reactid="1407"><!-- react-text: 1408 -->Add ability to copy color when clicking on palette. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5247" data-reactid="1409"><!-- react-text: 1410 -->pull/5247<!-- /react-text --></a><!-- react-text: 1411 --> <!-- /react-text --><a href="https://github.com/bsheikh" data-reactid="1412"><!-- react-text: 1413 -->@bsheikh<!-- /react-text --></a></p></li><li data-reactid="1414"><p data-reactid="1415"><!-- react-text: 1416 -->Add boilerplate samples. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/f2f786d66d75eebef8406a72db8a15e1640cea1f" data-reactid="1417"><!-- react-text: 1418 -->commit/f2f786<!-- /react-text --></a></p></li></ul></li></ul></div></li><li class="ant-timeline-item" data-reactid="1419"><div class="ant-timeline-item-tail" data-reactid="1420"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="1421"></div><div class="ant-timeline-item-content" data-reactid="1422"><h2 id="2.8.0" data-reactid="1423"><span data-reactid="1424"><!-- react-text: 1425 -->2.8.0<!-- /react-text --></span><a href="#2.8.0" class="anchor" data-reactid="1426">#</a></h2><p data-reactid="1427"><code data-reactid="1428"><!-- react-text: 1429 -->2017-03-06<!-- /react-text --></code></p><ul data-reactid="1430"><li data-reactid="1431"><p data-reactid="1432"><!-- react-text: 1433 -->Tabs<!-- /react-text --></p><ul data-reactid="1434"><li data-reactid="1435"><p data-reactid="1436"><!-- react-text: 1437 -->Added <!-- /react-text --><code data-reactid="1438"><!-- react-text: 1439 -->tabBarStyle<!-- /react-text --></code><!-- react-text: 1440 --> to allow customize style of tab bar. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4966" data-reactid="1441"><!-- react-text: 1442 -->#4966<!-- /react-text --></a></p></li><li data-reactid="1443"><p data-reactid="1444"><!-- react-text: 1445 -->Added <!-- /react-text --><code data-reactid="1446"><!-- react-text: 1447 -->TabPane[closable]<!-- /react-text --></code><!-- react-text: 1448 --> to allow config whether to show delete icon or not. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4807" data-reactid="1449"><!-- react-text: 1450 -->#4807<!-- /react-text --></a><!-- react-text: 1451 --> <!-- /react-text --><a href="https://github.com/lixiaoyang1992" data-reactid="1452"><!-- react-text: 1453 -->@lixiaoyang1992<!-- /react-text --></a></p></li></ul></li><li data-reactid="1454"><p data-reactid="1455"><!-- react-text: 1456 -->Anchor<!-- /react-text --></p><ul data-reactid="1457"><li data-reactid="1458"><p data-reactid="1459"><!-- react-text: 1460 -->Added <!-- /react-text --><code data-reactid="1461"><!-- react-text: 1462 -->showInkInFixed<!-- /react-text --></code><!-- react-text: 1463 --> to allow config whether to show circle icon or not when anchor is fixed. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4960" data-reactid="1464"><!-- react-text: 1465 -->#4960<!-- /react-text --></a></p></li><li data-reactid="1466"><p data-reactid="1467"><!-- react-text: 1468 -->Fix issue resulting in Anchor throw errors when <!-- /react-text --><code data-reactid="1469"><!-- react-text: 1470 -->children<!-- /react-text --></code><!-- react-text: 1471 --> is not AnchorLink. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5129" data-reactid="1472"><!-- react-text: 1473 -->#5129<!-- /react-text --></a></p></li></ul></li><li data-reactid="1474"><p data-reactid="1475"><!-- react-text: 1476 -->Table<!-- /react-text --></p><ul data-reactid="1477"><li data-reactid="1478"><p data-reactid="1479"><!-- react-text: 1480 -->Added invert selection feature. <!-- /react-text --><a href="https://ant.design/components/table-cn/#components-table-demo-row-selection-custom" data-reactid="1481"><!-- react-text: 1482 -->demo<!-- /react-text --></a><!-- react-text: 1483 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4962" data-reactid="1484"><!-- react-text: 1485 -->#4962<!-- /react-text --></a></p></li><li data-reactid="1486"><p data-reactid="1487"><code data-reactid="1488"><!-- react-text: 1489 -->spin<!-- /react-text --></code><!-- react-text: 1490 --> now spport Spin props. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4824" data-reactid="1491"><!-- react-text: 1492 -->#4824<!-- /react-text --></a><!-- react-text: 1493 --> <!-- /react-text --><a href="https://github.com/lixiaoyang1992" data-reactid="1494"><!-- react-text: 1495 -->@lixiaoyang1992<!-- /react-text --></a></p></li><li data-reactid="1496"><p data-reactid="1497"><!-- react-text: 1498 -->Fix issue resulting header&#x27;s bottom border doesn&#x27;t show when <!-- /react-text --><code data-reactid="1499"><!-- react-text: 1500 -->size<!-- /react-text --></code><!-- react-text: 1501 --> is <!-- /react-text --><code data-reactid="1502"><!-- react-text: 1503 -->small<!-- /react-text --></code><!-- react-text: 1504 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5182" data-reactid="1505"><!-- react-text: 1506 -->#5182<!-- /react-text --></a></p></li></ul></li><li data-reactid="1507"><p data-reactid="1508"><!-- react-text: 1509 -->Mention added custom trigger character support. <!-- /react-text --><a href="https://ant.design/components/mention-cn/#components-mention-demo-multiple-trigger" data-reactid="1510"><!-- react-text: 1511 -->demo<!-- /react-text --></a></p><ul data-reactid="1512"><li data-reactid="1513"><p data-reactid="1514"><img src="https://zos.alipayobjects.com/rmsportal/QDYwAbwKrqOUOykRaNai.gif" alt="Mention animation" data-reactid="1515"/></p></li></ul></li><li data-reactid="1516"><p data-reactid="1517"><!-- react-text: 1518 -->Rate<!-- /react-text --></p><ul data-reactid="1519"><li data-reactid="1520"><p data-reactid="1521"><!-- react-text: 1522 -->Support custom character. <!-- /react-text --><a href="https://ant.design/components/rate-cn/#components-rate-demo-character" data-reactid="1523"><!-- react-text: 1524 -->demo<!-- /react-text --></a></p></li><li data-reactid="1525"><p data-reactid="1526"><!-- react-text: 1527 -->Added new <!-- /react-text --><code data-reactid="1528"><!-- react-text: 1529 -->className<!-- /react-text --></code><!-- react-text: 1530 --> prop.<!-- /react-text --></p></li></ul></li><li data-reactid="1531"><p data-reactid="1532"><!-- react-text: 1533 -->Layout<!-- /react-text --></p><ul data-reactid="1534"><li data-reactid="1535"><p data-reactid="1536"><!-- react-text: 1537 -->Added a new <!-- /react-text --><code data-reactid="1538"><!-- react-text: 1539 -->Header Sider<!-- /react-text --></code><!-- react-text: 1540 --> demo. <!-- /react-text --><a href="http://ant.design/components/layout-cn/#components-layout-demo-top-side-2" data-reactid="1541"><!-- react-text: 1542 -->demo<!-- /react-text --></a></p></li><li data-reactid="1543"><p data-reactid="1544"><!-- react-text: 1545 -->Added a new <!-- /react-text --><code data-reactid="1546"><!-- react-text: 1547 -->Fixed Header<!-- /react-text --></code><!-- react-text: 1548 --> demo. <!-- /react-text --><a href="https://ant.design/components/layout-cn/#components-layout-demo-fixed" data-reactid="1549"><!-- react-text: 1550 -->demo<!-- /react-text --></a></p></li><li data-reactid="1551"><p data-reactid="1552"><!-- react-text: 1553 -->Added <!-- /react-text --><code data-reactid="1554"><!-- react-text: 1555 -->Sider[breakpoint]<!-- /react-text --></code><!-- react-text: 1556 --> to allow config responsive breakpoint. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4931" data-reactid="1557"><!-- react-text: 1558 -->#4931<!-- /react-text --></a></p></li></ul></li><li data-reactid="1559"><p data-reactid="1560"><!-- react-text: 1561 -->Form<!-- /react-text --></p><ul data-reactid="1562"><li data-reactid="1563"><p data-reactid="1564"><!-- react-text: 1565 -->Added <!-- /react-text --><code data-reactid="1566"><!-- react-text: 1567 -->layout<!-- /react-text --></code><!-- react-text: 1568 --> to replace the original <!-- /react-text --><code data-reactid="1569"><!-- react-text: 1570 -->horizontal<!-- /react-text --></code><!-- react-text: 1571 -->、<!-- /react-text --><code data-reactid="1572"><!-- react-text: 1573 -->vertical<!-- /react-text --></code><!-- react-text: 1574 -->、<!-- /react-text --><code data-reactid="1575"><!-- react-text: 1576 -->inline<!-- /react-text --></code><!-- react-text: 1577 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5056" data-reactid="1578"><!-- react-text: 1579 -->#5056<!-- /react-text --></a></p></li></ul></li><li data-reactid="1580"><p data-reactid="1581"><!-- react-text: 1582 -->Calendar<!-- /react-text --></p><ul data-reactid="1583"><li data-reactid="1584"><p data-reactid="1585"><!-- react-text: 1586 -->Added <!-- /react-text --><code data-reactid="1587"><!-- react-text: 1588 -->dateFullCellRender<!-- /react-text --></code><!-- react-text: 1589 --> and <!-- /react-text --><code data-reactid="1590"><!-- react-text: 1591 -->monthFullCellRender<!-- /react-text --></code><!-- react-text: 1592 --> to allow override the content of cell. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5138" data-reactid="1593"><!-- react-text: 1594 -->#5138<!-- /react-text --></a><!-- react-text: 1595 --> <!-- /react-text --><a href="https://github.com/wonyun" data-reactid="1596"><!-- react-text: 1597 -->@wonyun<!-- /react-text --></a></p></li><li data-reactid="1598"><p data-reactid="1599"><!-- react-text: 1600 -->Added  <!-- /react-text --><code data-reactid="1601"><!-- react-text: 1602 -->onSelect<!-- /react-text --></code><!-- react-text: 1603 --> for date selection. <!-- /react-text --><a href="https://ant.design/components/calendar-cn/#components-calendar-demo-select" data-reactid="1604"><!-- react-text: 1605 -->demo<!-- /react-text --></a></p></li></ul></li><li data-reactid="1606"><p data-reactid="1607"><!-- react-text: 1608 -->AutoComplete<!-- /react-text --></p><ul data-reactid="1609"><li data-reactid="1610"><p data-reactid="1611"><!-- react-text: 1612 -->Fix alignment issue in Form.Item. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5139" data-reactid="1613"><!-- react-text: 1614 -->#5139<!-- /react-text --></a></p></li><li data-reactid="1615"><p data-reactid="1616"><!-- react-text: 1617 -->Adde a newd <!-- /react-text --><code data-reactid="1618"><!-- react-text: 1619 -->Uncertain Category<!-- /react-text --></code><!-- react-text: 1620 --> demo. <!-- /react-text --><a href="https://ant.design/components/auto-complete-cn/#components-auto-complete-demo-uncertain-category" data-reactid="1621"><!-- react-text: 1622 -->demo<!-- /react-text --></a></p></li></ul></li><li data-reactid="1623"><p data-reactid="1624"><!-- react-text: 1625 -->Col added <!-- /react-text --><code data-reactid="1626"><!-- react-text: 1627 -->xl<!-- /react-text --></code><!-- react-text: 1628 --> to support 1600px breakpoint. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4796" data-reactid="1629"><!-- react-text: 1630 -->#4796<!-- /react-text --></a><!-- react-text: 1631 --> <!-- /react-text --><a href="https://github.com/hjin-me" data-reactid="1632"><!-- react-text: 1633 -->@hjin-me<!-- /react-text --></a></p></li><li data-reactid="1634"><p data-reactid="1635"><!-- react-text: 1636 -->Upload added <!-- /react-text --><code data-reactid="1637"><!-- react-text: 1638 -->locale<!-- /react-text --></code><!-- react-text: 1639 --> to support i18n. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4697" data-reactid="1640"><!-- react-text: 1641 -->#4697<!-- /react-text --></a></p></li><li data-reactid="1642"><p data-reactid="1643"><!-- react-text: 1644 -->Transfer added <!-- /react-text --><code data-reactid="1645"><!-- react-text: 1646 -->onScroll<!-- /react-text --></code><!-- react-text: 1647 --> to support load data dynamically. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4188" data-reactid="1648"><!-- react-text: 1649 -->#4188<!-- /react-text --></a></p></li><li data-reactid="1650"><p data-reactid="1651"><code data-reactid="1652"><!-- react-text: 1653 -->message<!-- /react-text --></code><!-- react-text: 1654 --> and <!-- /react-text --><code data-reactid="1655"><!-- react-text: 1656 -->notification<!-- /react-text --></code><!-- react-text: 1657 --> add <!-- /react-text --><code data-reactid="1658"><!-- react-text: 1659 -->getContainer<!-- /react-text --></code><!-- react-text: 1660 --> to allow config the render container. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5019" data-reactid="1661"><!-- react-text: 1662 -->#5019<!-- /react-text --></a></p></li><li data-reactid="1663"><p data-reactid="1664"><!-- react-text: 1665 -->Badge added <!-- /react-text --><code data-reactid="1666"><!-- react-text: 1667 -->showZero<!-- /react-text --></code><!-- react-text: 1668 --> to allow config whether to show <!-- /react-text --><code data-reactid="1669"><!-- react-text: 1670 -->0<!-- /react-text --></code><!-- react-text: 1671 --> or not. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4251" data-reactid="1672"><!-- react-text: 1673 -->#4251<!-- /react-text --></a></p></li><li data-reactid="1674"><p data-reactid="1675"><!-- react-text: 1676 -->InputNumber<!-- /react-text --></p><ul data-reactid="1677"><li data-reactid="1678"><p data-reactid="1679"><!-- react-text: 1680 -->Added <!-- /react-text --><code data-reactid="1681"><!-- react-text: 1682 -->formatter<!-- /react-text --></code><!-- react-text: 1683 --> to allow format the value to present.<!-- /react-text --></p></li><li data-reactid="1684"><p data-reactid="1685"><!-- react-text: 1686 -->Added ctrl and shift key support. <!-- /react-text --><a href="https://github.com/react-component/input-number#keyboard-navigation" data-reactid="1687"><!-- react-text: 1688 -->detail<!-- /react-text --></a></p></li></ul></li><li data-reactid="1689"><p data-reactid="1690"><!-- react-text: 1691 -->Added some new icons. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5107" data-reactid="1692"><!-- react-text: 1693 -->#5107<!-- /react-text --></a></p></li><li data-reactid="1694"><p data-reactid="1695"><!-- react-text: 1696 -->New locale support:<!-- /react-text --></p><ul data-reactid="1697"><li data-reactid="1698"><p data-reactid="1699"><!-- react-text: 1700 -->Dutch <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4785" data-reactid="1701"><!-- react-text: 1702 -->#4785<!-- /react-text --></a><!-- react-text: 1703 --> <!-- /react-text --><a href="https://github.com/corneyl" data-reactid="1704"><!-- react-text: 1705 -->@corneyl<!-- /react-text --></a></p></li><li data-reactid="1706"><p data-reactid="1707"><!-- react-text: 1708 -->Catalan <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4929" data-reactid="1709"><!-- react-text: 1710 -->#4929<!-- /react-text --></a><!-- react-text: 1711 --> <!-- /react-text --><a href="https://github.com/aaronplanell" data-reactid="1712"><!-- react-text: 1713 -->@aaronplanell<!-- /react-text --></a></p></li><li data-reactid="1714"><p data-reactid="1715"><!-- react-text: 1716 -->Czech <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5169" data-reactid="1717"><!-- react-text: 1718 -->#5169<!-- /react-text --></a><!-- react-text: 1719 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5169" data-reactid="1720"><!-- react-text: 1721 -->@martinnov92<!-- /react-text --></a></p></li><li data-reactid="1722"><p data-reactid="1723"><!-- react-text: 1724 -->Korean <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5141" data-reactid="1725"><!-- react-text: 1726 -->#5141<!-- /react-text --></a><!-- react-text: 1727 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/5141" data-reactid="1728"><!-- react-text: 1729 -->@minsungryu<!-- /react-text --></a></p></li></ul></li><li data-reactid="1730"><p data-reactid="1731"><!-- react-text: 1732 -->Improve Spin display position. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4722" data-reactid="1733"><!-- react-text: 1734 -->#4722<!-- /react-text --></a></p></li><li data-reactid="1735"><p data-reactid="1736"><!-- react-text: 1737 -->Fix Checkbox comatible issue with <!-- /react-text --><code data-reactid="1738"><!-- react-text: 1739 -->browser-sync<!-- /react-text --></code><!-- react-text: 1740 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2744" data-reactid="1741"><!-- react-text: 1742 -->#2744<!-- /react-text --></a></p></li><li data-reactid="1743"><p data-reactid="1744"><!-- react-text: 1745 -->Fix Steps width issue when resize window. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5083" data-reactid="1746"><!-- react-text: 1747 -->#5083<!-- /react-text --></a></p></li><li data-reactid="1748"><p data-reactid="1749"><!-- react-text: 1750 -->Fix Upload.Dragger unmount error. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5162" data-reactid="1751"><!-- react-text: 1752 -->#5162<!-- /react-text --></a></p></li><li data-reactid="1753"><p data-reactid="1754"><!-- react-text: 1755 -->Fix Button shifting during click in IE issue.<!-- /react-text --></p></li><li data-reactid="1756"><p data-reactid="1757"><!-- react-text: 1758 -->FIx Input prefix and suffix vertical alignment.<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="1759"><div class="ant-timeline-item-tail" data-reactid="1760"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="1761"></div><div class="ant-timeline-item-content" data-reactid="1762"><h2 id="2.7.4" data-reactid="1763"><span data-reactid="1764"><!-- react-text: 1765 -->2.7.4<!-- /react-text --></span><a href="#2.7.4" class="anchor" data-reactid="1766">#</a></h2><p data-reactid="1767"><code data-reactid="1768"><!-- react-text: 1769 -->2017-02-28<!-- /react-text --></code></p><ul data-reactid="1770"><li data-reactid="1771"><p data-reactid="1772"><!-- react-text: 1773 -->Fix TreeSelect cannot display bug. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5092" data-reactid="1774"><!-- react-text: 1775 -->#5092<!-- /react-text --></a></p></li><li data-reactid="1776"><p data-reactid="1777"><!-- react-text: 1778 -->Fix Anchor <!-- /react-text --><code data-reactid="1779"><!-- react-text: 1780 -->e.stopPreventDefault is not a function<!-- /react-text --></code><!-- react-text: 1781 --> error. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5080" data-reactid="1782"><!-- react-text: 1783 -->#5080<!-- /react-text --></a></p></li><li data-reactid="1784"><p data-reactid="1785"><!-- react-text: 1786 -->Fix some detail styles of Input, Cascader, Upload.<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="1787"><div class="ant-timeline-item-tail" data-reactid="1788"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="1789"></div><div class="ant-timeline-item-content" data-reactid="1790"><h2 id="2.7.3" data-reactid="1791"><span data-reactid="1792"><!-- react-text: 1793 -->2.7.3<!-- /react-text --></span><a href="#2.7.3" class="anchor" data-reactid="1794">#</a></h2><p data-reactid="1795"><code data-reactid="1796"><!-- react-text: 1797 -->2017-02-25<!-- /react-text --></code></p><ul data-reactid="1798"><li data-reactid="1799"><p data-reactid="1800"><!-- react-text: 1801 -->Unify demo code to ES6 class. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4878" data-reactid="1802"><!-- react-text: 1803 -->#4878<!-- /react-text --></a></p></li><li data-reactid="1804"><p data-reactid="1805"><!-- react-text: 1806 -->TypeScript<!-- /react-text --></p><ul data-reactid="1807"><li data-reactid="1808"><p data-reactid="1809"><!-- react-text: 1810 -->Fix that <!-- /react-text --><code data-reactid="1811"><!-- react-text: 1812 -->Cannot find module &#x27;../../package.json&#x27;<!-- /react-text --></code><!-- react-text: 1813 --> error. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4935" data-reactid="1814"><!-- react-text: 1815 -->#4935<!-- /react-text --></a></p></li><li data-reactid="1816"><p data-reactid="1817"><!-- react-text: 1818 -->Fix definitions of Table, RangePicker and Upload.<!-- /react-text --></p></li></ul></li><li data-reactid="1819"><p data-reactid="1820"><!-- react-text: 1821 -->Fix lack of event argument for Modal <!-- /react-text --><code data-reactid="1822"><!-- react-text: 1823 -->onOk<!-- /react-text --></code><!-- react-text: 1824 --> <!-- /react-text --><code data-reactid="1825"><!-- react-text: 1826 -->afterClose<!-- /react-text --></code><!-- react-text: 1827 --> and Popconfirm <!-- /react-text --><code data-reactid="1828"><!-- react-text: 1829 -->onConfirm<!-- /react-text --></code><!-- react-text: 1830 --> <!-- /react-text --><code data-reactid="1831"><!-- react-text: 1832 -->onCancel<!-- /react-text --></code><!-- react-text: 1833 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4787" data-reactid="1834"><!-- react-text: 1835 -->#4787<!-- /react-text --></a></p></li><li data-reactid="1836"><p data-reactid="1837"><!-- react-text: 1838 -->Improve animation of Menu<!-- /react-text --><!-- react-text: 1839 -->[inline]<!-- /react-text --><!-- react-text: 1840 --> and Collapse.<!-- /react-text --></p></li><li data-reactid="1841"><p data-reactid="1842"><!-- react-text: 1843 -->Improve Checkbox and Radio vertical align style.<!-- /react-text --></p></li><li data-reactid="1844"><p data-reactid="1845"><!-- react-text: 1846 -->Table<!-- /react-text --></p><ul data-reactid="1847"><li data-reactid="1848"><p data-reactid="1849"><!-- react-text: 1850 -->Fix misplace header when fix column. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4936" data-reactid="1851"><!-- react-text: 1852 -->#4936<!-- /react-text --></a></p></li><li data-reactid="1853"><p data-reactid="1854"><!-- react-text: 1855 -->Fix not clearing float issue. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4945" data-reactid="1856"><!-- react-text: 1857 -->#4945<!-- /react-text --></a></p></li><li data-reactid="1858"><p data-reactid="1859"><!-- react-text: 1860 -->Fix submenu of filter. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4975" data-reactid="1861"><!-- react-text: 1862 -->#4975<!-- /react-text --></a></p></li><li data-reactid="1863"><p data-reactid="1864"><!-- react-text: 1865 -->Fix that filterDropdown of fixed column cannot be interacted with. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5010" data-reactid="1866"><!-- react-text: 1867 -->#5010<!-- /react-text --></a></p></li><li data-reactid="1868"><p data-reactid="1869"><!-- react-text: 1870 -->Fix that arguments of <!-- /react-text --><code data-reactid="1871"><!-- react-text: 1872 -->pagination.onChange<!-- /react-text --></code><!-- react-text: 1873 --> do not match Pagination <!-- /react-text --><code data-reactid="1874"><!-- react-text: 1875 -->onChange<!-- /react-text --></code><!-- react-text: 1876 -->.<!-- /react-text --></p></li><li data-reactid="1877"><p data-reactid="1878"><!-- react-text: 1879 -->Fix that table loading animation is not smoothing. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4934" data-reactid="1880"><!-- react-text: 1881 -->#4934<!-- /react-text --></a></p></li></ul></li><li data-reactid="1882"><p data-reactid="1883"><!-- react-text: 1884 -->Improve multiple message display. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3543" data-reactid="1885"><!-- react-text: 1886 -->#3543<!-- /react-text --></a></p></li><li data-reactid="1887"><p data-reactid="1888"><!-- react-text: 1889 -->Fix Carousel autoplay not working after resize window. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2550" data-reactid="1890"><!-- react-text: 1891 -->#2550<!-- /react-text --></a></p></li><li data-reactid="1892"><p data-reactid="1893"><!-- react-text: 1894 -->Fix that controlled InputNumber cannot input number like <!-- /react-text --><code data-reactid="1895"><!-- react-text: 1896 -->1.01<!-- /react-text --></code><!-- react-text: 1897 --> <!-- /react-text --><code data-reactid="1898"><!-- react-text: 1899 -->1.001<!-- /react-text --></code><!-- react-text: 1900 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5012" data-reactid="1901"><!-- react-text: 1902 -->#5012<!-- /react-text --></a></p></li><li data-reactid="1903"><p data-reactid="1904"><!-- react-text: 1905 -->Improve Button loading switching.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4913" data-reactid="1906"><!-- react-text: 1907 -->#4913<!-- /react-text --></a></p></li><li data-reactid="1908"><p data-reactid="1909"><!-- react-text: 1910 -->Fix Dropdown selected menu style and <!-- /react-text --><code data-reactid="1911"><!-- react-text: 1912 -->Menu[theme=&quot;dark&quot;]<!-- /react-text --></code><!-- react-text: 1913 --> style. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5013" data-reactid="1914"><!-- react-text: 1915 -->#5013<!-- /react-text --></a><!-- react-text: 1916 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4903" data-reactid="1917"><!-- react-text: 1918 -->#4903<!-- /react-text --></a></p></li><li data-reactid="1919"><p data-reactid="1920"><!-- react-text: 1921 -->Fix Menu submenu <!-- /react-text --><code data-reactid="1922"><!-- react-text: 1923 -->z-index<!-- /react-text --></code><!-- react-text: 1924 --> issue. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4937" data-reactid="1925"><!-- react-text: 1926 -->#4937<!-- /react-text --></a></p></li><li data-reactid="1927"><p data-reactid="1928"><!-- react-text: 1929 -->Fix that DatePicker and RangePicker width cannot be reset below <!-- /react-text --><code data-reactid="1930"><!-- react-text: 1931 -->300px<!-- /react-text --></code><!-- react-text: 1932 --> issue. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4920" data-reactid="1933"><!-- react-text: 1934 -->#4920<!-- /react-text --></a></p></li><li data-reactid="1935"><p data-reactid="1936"><!-- react-text: 1937 -->Fix style of Spin nested in Spin. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4971" data-reactid="1938"><!-- react-text: 1939 -->#4971<!-- /react-text --></a></p></li><li data-reactid="1940"><p data-reactid="1941"><!-- react-text: 1942 -->Fix that lack of Button style when import Popconfirm by babel-plugin-import.<!-- /react-text --></p></li><li data-reactid="1943"><p data-reactid="1944"><!-- react-text: 1945 -->Fix that less variables cannot work on circle Progress. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5002" data-reactid="1946"><!-- react-text: 1947 -->#5002<!-- /react-text --></a></p></li><li data-reactid="1948"><p data-reactid="1949"><!-- react-text: 1950 -->Fix falsy children of Breadcrumb. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5015" data-reactid="1951"><!-- react-text: 1952 -->#5015<!-- /react-text --></a></p></li><li data-reactid="1953"><p data-reactid="1954"><!-- react-text: 1955 -->Fix blinking tooltip of Slider. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/5003" data-reactid="1956"><!-- react-text: 1957 -->#5003<!-- /react-text --></a></p></li><li data-reactid="1958"><p data-reactid="1959"><!-- react-text: 1960 -->Fix that Transfer disabled option can be moved. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4981" data-reactid="1961"><!-- react-text: 1962 -->#4981<!-- /react-text --></a><!-- react-text: 1963 --> <!-- /react-text --><a href="https://github.com/tianlizhao" data-reactid="1964"><!-- react-text: 1965 -->@tianlizhao<!-- /react-text --></a></p></li><li data-reactid="1966"><p data-reactid="1967"><!-- react-text: 1968 -->Documentation<!-- /react-text --></p><ul data-reactid="1969"><li data-reactid="1970"><p data-reactid="1971"><!-- react-text: 1972 -->Fix and improve site for mobile devices.<!-- /react-text --></p></li><li data-reactid="1973"><p data-reactid="1974"><!-- react-text: 1975 -->Improve 1.x to 2.x compatibility instruction.<!-- /react-text --></p></li></ul></li></ul></div></li><li class="ant-timeline-item" data-reactid="1976"><div class="ant-timeline-item-tail" data-reactid="1977"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="1978"></div><div class="ant-timeline-item-content" data-reactid="1979"><h2 id="2.7.2" data-reactid="1980"><span data-reactid="1981"><!-- react-text: 1982 -->2.7.2<!-- /react-text --></span><a href="#2.7.2" class="anchor" data-reactid="1983">#</a></h2><p data-reactid="1984"><code data-reactid="1985"><!-- react-text: 1986 -->2017-02-17<!-- /react-text --></code></p><ul data-reactid="1987"><li data-reactid="1988"><p data-reactid="1989"><!-- react-text: 1990 -->Fix that <!-- /react-text --><code data-reactid="1991"><!-- react-text: 1992 -->antd.version<!-- /react-text --></code><!-- react-text: 1993 --> doesn&#x27;t work as expected. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4844" data-reactid="1994"><!-- react-text: 1995 -->#4844<!-- /react-text --></a></p></li><li data-reactid="1996"><p data-reactid="1997"><!-- react-text: 1998 -->Fix that dist files don&#x27;t include locales. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4910" data-reactid="1999"><!-- react-text: 2000 -->#4910<!-- /react-text --></a></p></li><li data-reactid="2001"><p data-reactid="2002"><!-- react-text: 2003 -->Fix that disabled option is selectable in search mode of Cascader. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4699" data-reactid="2004"><!-- react-text: 2005 -->#4699<!-- /react-text --></a></p></li><li data-reactid="2006"><p data-reactid="2007"><strong data-reactid="2008"><!-- react-text: 2009 -->Button<!-- /react-text --></strong></p><ul data-reactid="2010"><li data-reactid="2011"><p data-reactid="2012"><!-- react-text: 2013 -->Fix click animation of <!-- /react-text --><code data-reactid="2014"><!-- react-text: 2015 -->Button[type=danger]<!-- /react-text --></code><!-- react-text: 2016 -->.<!-- /react-text --></p></li><li data-reactid="2017"><p data-reactid="2018"><!-- react-text: 2019 -->Fix broken style with <!-- /react-text --><code data-reactid="2020"><!-- react-text: 2021 -->loading<!-- /react-text --></code><!-- react-text: 2022 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4875" data-reactid="2023"><!-- react-text: 2024 -->#4875<!-- /react-text --></a></p></li></ul></li><li data-reactid="2025"><p data-reactid="2026"><strong data-reactid="2027"><!-- react-text: 2028 -->Menu<!-- /react-text --></strong></p><ul data-reactid="2029"><li data-reactid="2030"><p data-reactid="2031"><!-- react-text: 2032 -->Fix that <!-- /react-text --><code data-reactid="2033"><!-- react-text: 2034 -->openKeys<!-- /react-text --></code><!-- react-text: 2035 --> should be controlled property in <!-- /react-text --><code data-reactid="2036"><!-- react-text: 2037 -->vertical<!-- /react-text --></code><!-- react-text: 2038 --> mode. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4876" data-reactid="2039"><!-- react-text: 2040 -->#4876<!-- /react-text --></a></p></li><li data-reactid="2041"><p data-reactid="2042"><!-- react-text: 2043 -->Fix selected animation of Menu.Item.<!-- /react-text --></p></li><li data-reactid="2044"><p data-reactid="2045"><!-- react-text: 2046 -->Fix broken style of Menu.SubMenu. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4906" data-reactid="2047"><!-- react-text: 2048 -->#4906<!-- /react-text --></a></p></li></ul></li><li data-reactid="2049"><p data-reactid="2050"><strong data-reactid="2051"><!-- react-text: 2052 -->Table<!-- /react-text --></strong></p><ul data-reactid="2053"><li data-reactid="2054"><p data-reactid="2055"><!-- react-text: 2056 -->Fix broken style of table which use small size and fixed header. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4850" data-reactid="2057"><!-- react-text: 2058 -->#4850<!-- /react-text --></a></p></li><li data-reactid="2059"><p data-reactid="2060"><!-- react-text: 2061 -->Fix placeholder style. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4851" data-reactid="2062"><!-- react-text: 2063 -->#4851<!-- /react-text --></a></p></li><li data-reactid="2064"><p data-reactid="2065"><!-- react-text: 2066 -->Simplify DOM structure. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4868" data-reactid="2067"><!-- react-text: 2068 -->#4868<!-- /react-text --></a></p></li></ul></li><li data-reactid="2069"><p data-reactid="2070"><!-- react-text: 2071 -->Fix that Radio should support number <!-- /react-text --><code data-reactid="2072"><!-- react-text: 2073 -->0<!-- /react-text --></code><!-- react-text: 2074 --> as children. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4874" data-reactid="2075"><!-- react-text: 2076 -->#4874<!-- /react-text --></a><!-- react-text: 2077 --> <!-- /react-text --><a href="https://github.com/HQidea" data-reactid="2078"><!-- react-text: 2079 -->@HQidea<!-- /react-text --></a></p></li><li data-reactid="2080"><p data-reactid="2081"><!-- react-text: 2082 -->Fix that RangePicker should work with <!-- /react-text --><code data-reactid="2083"><!-- react-text: 2084 -->style.width<!-- /react-text --></code><!-- react-text: 2085 --> which is small than 300. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4920" data-reactid="2086"><!-- react-text: 2087 -->#4920<!-- /react-text --></a></p></li><li data-reactid="2088"><p data-reactid="2089"><!-- react-text: 2090 -->Fix CSS compile error caused by Spin. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4915" data-reactid="2091"><!-- react-text: 2092 -->#4915<!-- /react-text --></a></p></li><li data-reactid="2093"><p data-reactid="2094"><!-- react-text: 2095 -->Fix that Tooltip should work with disabled button in Chrome. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4865" data-reactid="2096"><!-- react-text: 2097 -->#4865<!-- /react-text --></a></p></li><li data-reactid="2098"><p data-reactid="2099"><!-- react-text: 2100 -->Fix UX of Tree while dragging. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4858" data-reactid="2101"><!-- react-text: 2102 -->#4858<!-- /react-text --></a></p></li><li data-reactid="2103"><p data-reactid="2104"><!-- react-text: 2105 -->Fix failed style of Upload. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4810" data-reactid="2106"><!-- react-text: 2107 -->#4810<!-- /react-text --></a></p></li><li data-reactid="2108"><p data-reactid="2109"><!-- react-text: 2110 -->Fix that <!-- /react-text --><code data-reactid="2111"><!-- react-text: 2112 -->Menu[vertical]<!-- /react-text --></code><!-- react-text: 2113 -->&#x27;s SubMenu cannot popup in Layout.Sider. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4890" data-reactid="2114"><!-- react-text: 2115 -->#4890<!-- /react-text --></a></p></li><li data-reactid="2116"><p data-reactid="2117"><!-- react-text: 2118 -->Improve animation of Button and <!-- /react-text --><code data-reactid="2119"><!-- react-text: 2120 -->Badge[status=processing]<!-- /react-text --></code><!-- react-text: 2121 -->.<!-- /react-text --></p></li></ul><p data-reactid="2122"><img src="https://camo.githubusercontent.com/6874b2333f2fac3fac346404c6e70684e4dafc1a/68747470733a2f2f7a6f732e616c697061796f626a656374732e636f6d2f726d73706f7274616c2f73516b72756c716346734b4e54785158615971512e676966" alt="Badge animation" data-reactid="2123"/><!-- react-text: 2124 -->
+<!-- /react-text --><img src="https://camo.githubusercontent.com/3963d12b45de4f522c2799361dbc3177e7bd93d1/68747470733a2f2f7a6f732e616c697061796f626a656374732e636f6d2f726d73706f7274616c2f46624b776d636f766d795364666c557468494e522e676966" alt="Button animation" data-reactid="2125"/></p></div></li><li class="ant-timeline-item" data-reactid="2126"><div class="ant-timeline-item-tail" data-reactid="2127"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2128"></div><div class="ant-timeline-item-content" data-reactid="2129"><h2 id="2.7.1" data-reactid="2130"><span data-reactid="2131"><!-- react-text: 2132 -->2.7.1<!-- /react-text --></span><a href="#2.7.1" class="anchor" data-reactid="2133">#</a></h2><p data-reactid="2134"><code data-reactid="2135"><!-- react-text: 2136 -->2017-02-10<!-- /react-text --></code></p><ul data-reactid="2137"><li data-reactid="2138"><p data-reactid="2139"><strong data-reactid="2140"><!-- react-text: 2141 -->Affix<!-- /react-text --></strong></p><ul data-reactid="2142"><li data-reactid="2143"><p data-reactid="2144"><!-- react-text: 2145 -->Fix the problem of element been hidden when hover on. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4800" data-reactid="2146"><!-- react-text: 2147 -->#4800<!-- /react-text --></a></p></li><li data-reactid="2148"><p data-reactid="2149"><!-- react-text: 2150 -->Fix event listener can not be removed. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4755" data-reactid="2151"><!-- react-text: 2152 -->#4755<!-- /react-text --></a></p></li><li data-reactid="2153"><p data-reactid="2154"><!-- react-text: 2155 -->Fix can not be unfixed when scrolling fastly. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4760" data-reactid="2156"><!-- react-text: 2157 -->#4760<!-- /react-text --></a></p></li></ul></li><li data-reactid="2158"><p data-reactid="2159"><strong data-reactid="2160"><!-- react-text: 2161 -->Anchor<!-- /react-text --></strong><!-- react-text: 2162 --> Fix the location problem when offsetTop has been set. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4706" data-reactid="2163"><!-- react-text: 2164 -->#4706<!-- /react-text --></a></p></li><li data-reactid="2165"><p data-reactid="2166"><strong data-reactid="2167"><!-- react-text: 2168 -->AutoComplete<!-- /react-text --></strong></p><ul data-reactid="2169"><li data-reactid="2170"><p data-reactid="2171"><!-- react-text: 2172 -->Fix the wrong size. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4766" data-reactid="2173"><!-- react-text: 2174 -->#4766<!-- /react-text --></a></p></li><li data-reactid="2175"><p data-reactid="2176"><!-- react-text: 2177 -->Fix adding error character automatically. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4778" data-reactid="2178"><!-- react-text: 2179 -->#4778<!-- /react-text --></a></p></li></ul></li><li data-reactid="2180"><p data-reactid="2181"><strong data-reactid="2182"><!-- react-text: 2183 -->Dropdown<!-- /react-text --></strong><!-- react-text: 2184 --> Add the documentation and demo about positioning of Dropdown menus. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4811" data-reactid="2185"><!-- react-text: 2186 -->#4811<!-- /react-text --></a></p></li><li data-reactid="2187"><p data-reactid="2188"><strong data-reactid="2189"><!-- react-text: 2190 -->Layout<!-- /react-text --></strong><!-- react-text: 2191 --> Improve Sider&#x27;s animation effect. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4752" data-reactid="2192"><!-- react-text: 2193 -->#4752<!-- /react-text --></a></p></li><li data-reactid="2194"><p data-reactid="2195"><strong data-reactid="2196"><!-- react-text: 2197 -->LocaleProvider<!-- /react-text --></strong><!-- react-text: 2198 --> Fix issues with the new Swedish locale provider. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4762" data-reactid="2199"><!-- react-text: 2200 -->pull-4762<!-- /react-text --></a><!-- react-text: 2201 --> <!-- /react-text --><a href="https://github.com/JesperWe" data-reactid="2202"><!-- react-text: 2203 -->@JesperWe<!-- /react-text --></a></p></li><li data-reactid="2204"><p data-reactid="2205"><strong data-reactid="2206"><!-- react-text: 2207 -->RangePicker<!-- /react-text --></strong><!-- react-text: 2208 --> Fix the overlapping problem about the date icon. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4783" data-reactid="2209"><!-- react-text: 2210 -->#4783<!-- /react-text --></a><!-- react-text: 2211 --> <!-- /react-text --><a href="https://github.com/zhenzong" data-reactid="2212"><!-- react-text: 2213 -->@zhenzong<!-- /react-text --></a></p></li><li data-reactid="2214"><p data-reactid="2215"><strong data-reactid="2216"><!-- react-text: 2217 -->Table<!-- /react-text --></strong></p><ul data-reactid="2218"><li data-reactid="2219"><p data-reactid="2220"><!-- react-text: 2221 -->Add the missing value &#x27;middle&#x27; for size definition. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4819" data-reactid="2222"><!-- react-text: 2223 -->#4819<!-- /react-text --></a><!-- react-text: 2224 --> <!-- /react-text --><a href="https://github.com/warrenseymour" data-reactid="2225"><!-- react-text: 2226 -->@warrenseymour<!-- /react-text --></a></p></li><li data-reactid="2227"><p data-reactid="2228"><!-- react-text: 2229 -->Fix controlled filter does not work with JSX style. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4759" data-reactid="2230"><!-- react-text: 2231 -->#4759<!-- /react-text --></a></p></li><li data-reactid="2232"><p data-reactid="2233"><!-- react-text: 2234 -->Fix switch pagination problem. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4779" data-reactid="2235"><!-- react-text: 2236 -->#4779<!-- /react-text --></a></p></li></ul></li><li data-reactid="2237"><p data-reactid="2238"><strong data-reactid="2239"><!-- react-text: 2240 -->Tabs<!-- /react-text --></strong><!-- react-text: 2241 --> Fix content missing problem since the second tab pane under IE9. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4795" data-reactid="2242"><!-- react-text: 2243 -->#4795<!-- /react-text --></a></p></li><li data-reactid="2244"><p data-reactid="2245"><strong data-reactid="2246"><!-- react-text: 2247 -->rc-pagination<!-- /react-text --></strong><!-- react-text: 2248 --> Upgrade to ~1.7.0, add pageSize as onChange&#x27;s second argument.<!-- /react-text --></p></li><li data-reactid="2249"><p data-reactid="2250"><strong data-reactid="2251"><!-- react-text: 2252 -->Global optimization<!-- /react-text --></strong></p><ul data-reactid="2253"><li data-reactid="2254"><p data-reactid="2255"><!-- react-text: 2256 -->Make some bugfixes and optimizations about documentation、link and style.<!-- /react-text --></p></li><li data-reactid="2257"><p data-reactid="2258"><!-- react-text: 2259 -->Use stylelint instead of lesslint, and fix some lint issues. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2179" data-reactid="2260"><!-- react-text: 2261 -->#2179<!-- /react-text --></a></p></li><li data-reactid="2262"><p data-reactid="2263"><!-- react-text: 2264 -->Unify border radius to 4px. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4772" data-reactid="2265"><!-- react-text: 2266 -->#4772<!-- /react-text --></a></p></li><li data-reactid="2267"><p data-reactid="2268"><!-- react-text: 2269 -->Support <!-- /react-text --><code data-reactid="2270"><!-- react-text: 2271 -->import { version } from &#x27;antd&#x27;<!-- /react-text --></code><!-- react-text: 2272 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4751" data-reactid="2273"><!-- react-text: 2274 -->#4751<!-- /react-text --></a></p></li></ul></li><li data-reactid="2275"><p data-reactid="2276"><strong data-reactid="2277"><!-- react-text: 2278 -->Site<!-- /react-text --></strong></p><ul data-reactid="2279"><li data-reactid="2280"><p data-reactid="2281"><!-- react-text: 2282 -->Add default locale looking-up in Home Page. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4552" data-reactid="2283"><!-- react-text: 2284 -->#4552<!-- /react-text --></a></p></li><li data-reactid="2285"><p data-reactid="2286"><!-- react-text: 2287 -->Can search with Google. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4814" data-reactid="2288"><!-- react-text: 2289 -->#4814<!-- /react-text --></a></p></li><li data-reactid="2290"><p data-reactid="2291"><!-- react-text: 2292 -->Change the position of version switch. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4799" data-reactid="2293"><!-- react-text: 2294 -->pull-4799<!-- /react-text --></a></p></li></ul></li></ul></div></li><li class="ant-timeline-item" data-reactid="2295"><div class="ant-timeline-item-tail" data-reactid="2296"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2297"></div><div class="ant-timeline-item-content" data-reactid="2298"><h2 id="2.7.0" data-reactid="2299"><span data-reactid="2300"><!-- react-text: 2301 -->2.7.0<!-- /react-text --></span><a href="#2.7.0" class="anchor" data-reactid="2302">#</a></h2><p data-reactid="2303"><code data-reactid="2304"><!-- react-text: 2305 -->2017-02-03<!-- /react-text --></code></p><ul data-reactid="2306"><li data-reactid="2307"><p data-reactid="2308"><!-- react-text: 2309 -->Added <!-- /react-text --><code data-reactid="2310"><!-- react-text: 2311 -->danger<!-- /react-text --></code><!-- react-text: 2312 --> button and <!-- /react-text --><code data-reactid="2313"><!-- react-text: 2314 -->ghost<!-- /react-text --></code><!-- react-text: 2315 --> button style. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4679" data-reactid="2316"><!-- react-text: 2317 -->#4679<!-- /react-text --></a></p></li><li data-reactid="2318"><p data-reactid="2319"><!-- react-text: 2320 -->Input element of AutoComplete can be customized. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4483" data-reactid="2321"><!-- react-text: 2322 -->#4483<!-- /react-text --></a></p></li><li data-reactid="2323"><p data-reactid="2324"><!-- react-text: 2325 -->Upgrade rc-cascader to <!-- /react-text --><code data-reactid="2326"><!-- react-text: 2327 -->0.11.0<!-- /react-text --></code><!-- react-text: 2328 -->, keyborad interactions supported. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4411" data-reactid="2329"><!-- react-text: 2330 -->#4411<!-- /react-text --></a></p></li><li data-reactid="2331"><p data-reactid="2332"><!-- react-text: 2333 -->More popup directions are supported in notification. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4700" data-reactid="2334"><!-- react-text: 2335 -->#4732<!-- /react-text --></a></p></li><li data-reactid="2336"><p data-reactid="2337"><!-- react-text: 2338 -->Upgrade rc-steps to <!-- /react-text --><code data-reactid="2339"><!-- react-text: 2340 -->2.3.0<!-- /react-text --></code><!-- react-text: 2341 -->, added <!-- /react-text --><code data-reactid="2342"><!-- react-text: 2343 -->progressDot<!-- /react-text --></code><!-- react-text: 2344 --> property of Steps, which allows users to customize the display for Steps with progress dot style.<!-- /react-text --></p></li><li data-reactid="2345"><p data-reactid="2346"><!-- react-text: 2347 -->Upgrade rc-input-number to <!-- /react-text --><code data-reactid="2348"><!-- react-text: 2349 -->3.0.0<!-- /react-text --></code></p><ul data-reactid="2350"><li data-reactid="2351"><p data-reactid="2352"><!-- react-text: 2353 -->Input behavious will trigger <!-- /react-text --><code data-reactid="2354"><!-- react-text: 2355 -->onChange<!-- /react-text --></code><!-- react-text: 2356 --> callback now.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4265" data-reactid="2357"><!-- react-text: 2358 -->#4265<!-- /react-text --></a></p></li><li data-reactid="2359"><p data-reactid="2360"><!-- react-text: 2361 -->Fixed <!-- /react-text --><code data-reactid="2362"><!-- react-text: 2363 -->onKeyUp<!-- /react-text --></code><!-- react-text: 2364 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4717" data-reactid="2365"><!-- react-text: 2366 -->#4717<!-- /react-text --></a></p></li></ul></li><li data-reactid="2367"><p data-reactid="2368"><!-- react-text: 2369 -->Added <!-- /react-text --><code data-reactid="2370"><!-- react-text: 2371 -->vertical<!-- /react-text --></code><!-- react-text: 2372 --> mode of Slider. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4473" data-reactid="2373"><!-- react-text: 2374 -->#4473<!-- /react-text --></a></p></li><li data-reactid="2375"><p data-reactid="2376"><!-- react-text: 2377 -->Tag<!-- /react-text --></p><ul data-reactid="2378"><li data-reactid="2379"><p data-reactid="2380"><!-- react-text: 2381 -->Added preset colors. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4571" data-reactid="2382"><!-- react-text: 2383 -->#4571<!-- /react-text --></a></p></li><li data-reactid="2384"><p data-reactid="2385"><!-- react-text: 2386 -->Improvement vertical-align and margin.<!-- /react-text --></p></li></ul></li><li data-reactid="2387"><p data-reactid="2388"><!-- react-text: 2389 -->Add German localization for LocaleProvider.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4686" data-reactid="2390"><!-- react-text: 2391 -->#4686<!-- /react-text --></a></p></li><li data-reactid="2392"><p data-reactid="2393"><!-- react-text: 2394 -->Add Swedish localization for LocaleProvider. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4455" data-reactid="2395"><!-- react-text: 2396 -->#4455<!-- /react-text --></a></p></li><li data-reactid="2397"><p data-reactid="2398"><!-- react-text: 2399 -->Add French localization for LocaleProvider. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4538" data-reactid="2400"><!-- react-text: 2401 -->#4538<!-- /react-text --></a></p></li><li data-reactid="2402"><p data-reactid="2403"><!-- react-text: 2404 -->Added <!-- /react-text --><code data-reactid="2405"><!-- react-text: 2406 -->onSearchChange<!-- /react-text --></code><!-- react-text: 2407 --> callback of Transfer. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4464" data-reactid="2408"><!-- react-text: 2409 -->#4464<!-- /react-text --></a></p></li><li data-reactid="2410"><p data-reactid="2411"><!-- react-text: 2412 -->Added <!-- /react-text --><code data-reactid="2413"><!-- react-text: 2414 -->maskClosable<!-- /react-text --></code><!-- react-text: 2415 --> property of Modal.confirm. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4488" data-reactid="2416"><!-- react-text: 2417 -->#4488<!-- /react-text --></a><!-- react-text: 2418 -->, <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4490" data-reactid="2419"><!-- react-text: 2420 -->#4488<!-- /react-text --></a></p></li><li data-reactid="2421"><p data-reactid="2422"><!-- react-text: 2423 -->Form<!-- /react-text --></p><ul data-reactid="2424"><li data-reactid="2425"><p data-reactid="2426"><!-- react-text: 2427 -->Added <!-- /react-text --><code data-reactid="2428"><!-- react-text: 2429 -->options.onValuesChange<!-- /react-text --></code><!-- react-text: 2430 --> option, because <!-- /react-text --><code data-reactid="2431"><!-- react-text: 2432 -->options.onFieldsChange<!-- /react-text --></code><!-- react-text: 2433 --> would be triggered multiply. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/2934" data-reactid="2434"><!-- react-text: 2435 -->#2934<!-- /react-text --></a></p></li><li data-reactid="2436"><p data-reactid="2437"><!-- react-text: 2438 -->Added <!-- /react-text --><code data-reactid="2439"><!-- react-text: 2440 -->props.form.getFieldsError<!-- /react-text --></code><!-- react-text: 2441 --> <!-- /react-text --><code data-reactid="2442"><!-- react-text: 2443 -->props.form.isFieldTouched<!-- /react-text --></code><!-- react-text: 2444 --> <!-- /react-text --><code data-reactid="2445"><!-- react-text: 2446 -->props.form.isFieldsTouched<!-- /react-text --></code><!-- react-text: 2447 --> options that can be used to disable submit button. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4374" data-reactid="2448"><!-- react-text: 2449 -->#4374<!-- /react-text --></a></p></li><li data-reactid="2450"><p data-reactid="2451"><!-- react-text: 2452 -->Added <!-- /react-text --><code data-reactid="2453"><!-- react-text: 2454 -->hideRequiredMark<!-- /react-text --></code><!-- react-text: 2455 --> property. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4732" data-reactid="2456"><!-- react-text: 2457 -->#4732<!-- /react-text --></a></p></li></ul></li><li data-reactid="2458"><p data-reactid="2459"><!-- react-text: 2460 -->Improvement upload list of Upload. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4516" data-reactid="2461"><!-- react-text: 2462 -->#4516<!-- /react-text --></a></p></li><li data-reactid="2463"><p data-reactid="2464"><!-- react-text: 2465 -->Upgrade rc-select to <!-- /react-text --><code data-reactid="2466"><!-- react-text: 2467 -->6.7.1<!-- /react-text --></code><!-- react-text: 2468 -->.<!-- /react-text --></p><ul data-reactid="2469"><li data-reactid="2470"><p data-reactid="2471"><!-- react-text: 2472 -->Fixed duplication <!-- /react-text --><code data-reactid="2473"><!-- react-text: 2474 -->onChange<!-- /react-text --></code><!-- react-text: 2475 --> callback. <!-- /react-text --><a href="https://github.com/react-component/select/pull/156" data-reactid="2476"><!-- react-text: 2477 -->#156@rc-select<!-- /react-text --></a></p></li><li data-reactid="2478"><p data-reactid="2479"><!-- react-text: 2480 -->Fixed displaying of initial value. <!-- /react-text --><a href="https://github.com/react-component/select/pull/152" data-reactid="2481"><!-- react-text: 2482 -->#152@rc-select<!-- /react-text --></a></p></li></ul></li><li data-reactid="2483"><p data-reactid="2484"><!-- react-text: 2485 -->Upgrade rc-tree-select to <!-- /react-text --><code data-reactid="2486"><!-- react-text: 2487 -->1.9.0<!-- /react-text --></code><!-- react-text: 2488 -->.<!-- /react-text --></p><ul data-reactid="2489"><li data-reactid="2490"><p data-reactid="2491"><!-- react-text: 2492 -->Added <!-- /react-text --><code data-reactid="2493"><!-- react-text: 2494 -->treeDefaultExpandedKeys<!-- /react-text --></code><!-- react-text: 2495 --> property.<!-- /react-text --><a href="https://github.com/react-component/tree-select/pull/43" data-reactid="2496"><!-- react-text: 2497 -->#43@rc-tree-select<!-- /react-text --></a></p></li><li data-reactid="2498"><p data-reactid="2499"><!-- react-text: 2500 -->Fixed an overflow-wrap issue. <!-- /react-text --><a href="https://github.com/react-component/tree-select/pull/42" data-reactid="2501"><!-- react-text: 2502 -->#42@rc-tree-select<!-- /react-text --></a></p></li></ul></li><li data-reactid="2503"><p data-reactid="2504"><!-- react-text: 2505 -->Added less variables: <!-- /react-text --><code data-reactid="2506"><!-- react-text: 2507 -->@border-style-base<!-- /react-text --></code><!-- react-text: 2508 --> <!-- /react-text --><code data-reactid="2509"><!-- react-text: 2510 -->@border-width-base<!-- /react-text --></code><!-- react-text: 2511 --> <!-- /react-text --><code data-reactid="2512"><!-- react-text: 2513 -->@btn-danger-color<!-- /react-text --></code><!-- react-text: 2514 --> <!-- /react-text --><code data-reactid="2515"><!-- react-text: 2516 -->@btn-danger-bg<!-- /react-text --></code><!-- react-text: 2517 --> and etc.<!-- /react-text --></p></li><li data-reactid="2518"><p data-reactid="2519"><!-- react-text: 2520 -->Fixed Badge misplace issue when browser zoom above 100%. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4747" data-reactid="2521"><!-- react-text: 2522 -->#4747<!-- /react-text --></a><!-- react-text: 2523 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4290" data-reactid="2524"><!-- react-text: 2525 -->#4290<!-- /react-text --></a></p></li><li data-reactid="2526"><p data-reactid="2527"><!-- react-text: 2528 -->Fixed a mis-align issue of fixed header Table. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4750" data-reactid="2529"><!-- react-text: 2530 -->#4750<!-- /react-text --></a></p></li><li data-reactid="2531"><p data-reactid="2532"><!-- react-text: 2533 -->Fixed Table scrolling lag issue in IE. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4522" data-reactid="2534"><!-- react-text: 2535 -->#4522<!-- /react-text --></a></p></li><li data-reactid="2536"><p data-reactid="2537"><!-- react-text: 2538 -->Add icon aliases: <!-- /react-text --><code data-reactid="2539"><!-- react-text: 2540 -->addfile<!-- /react-text --></code><!-- react-text: 2541 --> =&gt; <!-- /react-text --><code data-reactid="2542"><!-- react-text: 2543 -->file-add<!-- /react-text --></code><!-- react-text: 2544 -->，<!-- /react-text --><code data-reactid="2545"><!-- react-text: 2546 -->addfolder<!-- /react-text --></code><!-- react-text: 2547 --> =&gt; <!-- /react-text --><code data-reactid="2548"><!-- react-text: 2549 -->folder-open<!-- /react-text --></code><!-- react-text: 2550 -->, and the old type names are still working. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4758" data-reactid="2551"><!-- react-text: 2552 -->#4758<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="2553"><div class="ant-timeline-item-tail" data-reactid="2554"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2555"></div><div class="ant-timeline-item-content" data-reactid="2556"><h2 id="2.6.4" data-reactid="2557"><span data-reactid="2558"><!-- react-text: 2559 -->2.6.4<!-- /react-text --></span><a href="#2.6.4" class="anchor" data-reactid="2560">#</a></h2><p data-reactid="2561"><code data-reactid="2562"><!-- react-text: 2563 -->2017-01-20<!-- /react-text --></code></p><ul data-reactid="2564"><li data-reactid="2565"><p data-reactid="2566"><!-- react-text: 2567 -->Improve RangePicker when selecting a preset date.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4561" data-reactid="2568"><!-- react-text: 2569 -->#4561<!-- /react-text --></a></p></li><li data-reactid="2570"><p data-reactid="2571"><!-- react-text: 2572 -->Fix DatePicker select time scroll issue.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4412" data-reactid="2573"><!-- react-text: 2574 -->#4412<!-- /react-text --></a></p></li><li data-reactid="2575"><p data-reactid="2576"><!-- react-text: 2577 -->Fix issue resulting in vertical Menu can&#x27;t be controlled.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3783" data-reactid="2578"><!-- react-text: 2579 -->#3783<!-- /react-text --></a></p></li><li data-reactid="2580"><p data-reactid="2581"><!-- react-text: 2582 -->Fix Cascader&#x27;s style when it&#x27;s disabled.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4648" data-reactid="2583"><!-- react-text: 2584 -->#4648<!-- /react-text --></a></p></li><li data-reactid="2585"><p data-reactid="2586"><!-- react-text: 2587 -->Table<!-- /react-text --></p><ul data-reactid="2588"><li data-reactid="2589"><p data-reactid="2590"><!-- react-text: 2591 -->Improve Table fixed header&#x27;s scrollbar style.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4637" data-reactid="2592"><!-- react-text: 2593 -->#4637<!-- /react-text --></a></p></li><li data-reactid="2594"><p data-reactid="2595"><!-- react-text: 2596 -->Fix issue resulting in Table&#x27;s header flashes when <!-- /react-text --><code data-reactid="2597"><!-- react-text: 2598 -->loading<!-- /react-text --></code><!-- react-text: 2599 --> is true in Safari.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4622" data-reactid="2600"><!-- react-text: 2601 -->#4622<!-- /react-text --></a></p></li><li data-reactid="2602"><p data-reactid="2603"><!-- react-text: 2604 -->Fix multiple border issues. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4647" data-reactid="2605"><!-- react-text: 2606 -->#4647<!-- /react-text --></a><!-- react-text: 2607 -->、<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4635" data-reactid="2608"><!-- react-text: 2609 -->#4635<!-- /react-text --></a></p></li><li data-reactid="2610"><p data-reactid="2611"><!-- react-text: 2612 -->Fix <!-- /react-text --><code data-reactid="2613"><!-- react-text: 2614 -->showHeader<!-- /react-text --></code><!-- react-text: 2615 -->&#x27;s default value.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4658" data-reactid="2616"><!-- react-text: 2617 -->#4658<!-- /react-text --></a></p></li><li data-reactid="2618"><p data-reactid="2619"><!-- react-text: 2620 -->Fix missing <!-- /react-text --><code data-reactid="2621"><!-- react-text: 2622 -->TableColumnConfig<!-- /react-text --></code><!-- react-text: 2623 --> type.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4660" data-reactid="2624"><!-- react-text: 2625 -->#4660<!-- /react-text --></a></p></li></ul></li></ul></div></li><li class="ant-timeline-item" data-reactid="2626"><div class="ant-timeline-item-tail" data-reactid="2627"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2628"></div><div class="ant-timeline-item-content" data-reactid="2629"><h2 id="2.6.3" data-reactid="2630"><span data-reactid="2631"><!-- react-text: 2632 -->2.6.3<!-- /react-text --></span><a href="#2.6.3" class="anchor" data-reactid="2633">#</a></h2><p data-reactid="2634"><code data-reactid="2635"><!-- react-text: 2636 -->2017-01-15<!-- /react-text --></code></p><ul data-reactid="2637"><li data-reactid="2638"><p data-reactid="2639"><!-- react-text: 2640 -->Fixed issue introduced in <!-- /react-text --><code data-reactid="2641"><!-- react-text: 2642 -->2.6.2<!-- /react-text --></code><!-- react-text: 2643 --> that Popconfirm is not working. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4606" data-reactid="2644"><!-- react-text: 2645 -->#4606<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="2646"><div class="ant-timeline-item-tail" data-reactid="2647"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2648"></div><div class="ant-timeline-item-content" data-reactid="2649"><h2 id="2.6.2" data-reactid="2650"><span data-reactid="2651"><!-- react-text: 2652 -->2.6.2<!-- /react-text --></span><a href="#2.6.2" class="anchor" data-reactid="2653">#</a></h2><p data-reactid="2654"><code data-reactid="2655"><!-- react-text: 2656 -->2017-01-14<!-- /react-text --></code></p><ul data-reactid="2657"><li data-reactid="2658"><p data-reactid="2659"><!-- react-text: 2660 -->Added a Third-Party Library Page for recommending other greet react components. <!-- /react-text --><a href="/docs/react/recommendation" data-reactid="2661">Link</a></p></li><li data-reactid="2662"><p data-reactid="2663"><!-- react-text: 2664 -->Fixed misplaced Sider of Layout. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4459" data-reactid="2665"><!-- react-text: 2666 -->#4459<!-- /react-text --></a></p></li><li data-reactid="2667"><p data-reactid="2668"><!-- react-text: 2669 -->Fixed Input.Search wrong block layout and misplaced icon. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4540" data-reactid="2670"><!-- react-text: 2671 -->#4540<!-- /react-text --></a></p></li><li data-reactid="2672"><p data-reactid="2673"><!-- react-text: 2674 -->Added a customize Collapse panel demo. <!-- /react-text --><a href="/components/collapse/#components-collapse-demo-custom" data-reactid="2675">Link</a></p></li><li data-reactid="2676"><p data-reactid="2677"><!-- react-text: 2678 -->Table<!-- /react-text --></p><ul data-reactid="2679"><li data-reactid="2680"><p data-reactid="2681"><!-- react-text: 2682 -->Enlarged the width of selection column and expand column.<!-- /react-text --></p></li><li data-reactid="2683"><p data-reactid="2684"><!-- react-text: 2685 -->Fixed not-available pagination issue when property <!-- /react-text --><code data-reactid="2686"><!-- react-text: 2687 -->pagination<!-- /react-text --></code><!-- react-text: 2688 --> is changed. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4532" data-reactid="2689"><!-- react-text: 2690 -->#4532<!-- /react-text --></a></p></li><li data-reactid="2691"><p data-reactid="2692"><!-- react-text: 2693 -->Fixed that three level filter menu is not working. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4541" data-reactid="2694"><!-- react-text: 2695 -->#4541<!-- /react-text --></a></p></li><li data-reactid="2696"><p data-reactid="2697"><!-- react-text: 2698 -->Fixed <!-- /react-text --><code data-reactid="2699"><!-- react-text: 2700 -->column.filteredValue<!-- /react-text --></code><!-- react-text: 2701 --> issue of cannot being set to <!-- /react-text --><code data-reactid="2702"><!-- react-text: 2703 -->null<!-- /react-text --></code><!-- react-text: 2704 -->.<!-- /react-text --></p></li></ul></li><li data-reactid="2705"><p data-reactid="2706"><!-- react-text: 2707 -->Now Carousel is undragglble and text-selectable defaultly.<!-- /react-text --></p></li><li data-reactid="2708"><p data-reactid="2709"><!-- react-text: 2710 -->Added warnings when non-BreadcrumbItem node is nested under Breadcrumb. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4403" data-reactid="2711"><!-- react-text: 2712 -->#4403<!-- /react-text --></a></p></li><li data-reactid="2713"><p data-reactid="2714"><!-- react-text: 2715 -->Fixed Tooltip hidden issue when <!-- /react-text --><code data-reactid="2716"><!-- react-text: 2717 -->onVisibleChange(visible)<!-- /react-text --></code><!-- react-text: 2718 --> return <!-- /react-text --><code data-reactid="2719"><!-- react-text: 2720 -->true<!-- /react-text --></code><!-- react-text: 2721 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4579" data-reactid="2722"><!-- react-text: 2723 -->#4579<!-- /react-text --></a></p></li><li data-reactid="2724"><p data-reactid="2725"><!-- react-text: 2726 -->Make TreeSelect panel default height smaller than screen height. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4537" data-reactid="2727"><!-- react-text: 2728 -->#4537<!-- /react-text --></a></p></li><li data-reactid="2729"><p data-reactid="2730"><!-- react-text: 2731 -->Added less variables of TimePicker and Spin.<!-- /react-text --></p></li><li data-reactid="2732"><p data-reactid="2733"><!-- react-text: 2734 -->Replaced arrows of DatePicker year panel by year text. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4415" data-reactid="2735"><!-- react-text: 2736 -->#4415<!-- /react-text --></a></p></li><li data-reactid="2737"><p data-reactid="2738"><!-- react-text: 2739 -->Fixed TypeScript definites of AutoComplete and Form <!-- /react-text --><code data-reactid="2740"><!-- react-text: 2741 -->[options.validateTrigger]<!-- /react-text --></code><!-- react-text: 2742 -->.<!-- /react-text --></p></li><li data-reactid="2743"><p data-reactid="2744"><!-- react-text: 2745 -->Improved the animation details of Spin and Progress.<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="2746"><div class="ant-timeline-item-tail" data-reactid="2747"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2748"></div><div class="ant-timeline-item-content" data-reactid="2749"><h2 id="2.6.1" data-reactid="2750"><span data-reactid="2751"><!-- react-text: 2752 -->2.6.1<!-- /react-text --></span><a href="#2.6.1" class="anchor" data-reactid="2753">#</a></h2><p data-reactid="2754"><code data-reactid="2755"><!-- react-text: 2756 -->2017-1-6<!-- /react-text --></code></p><ul data-reactid="2757"><li data-reactid="2758"><p data-reactid="2759"><!-- react-text: 2760 -->Fix style problem for Menu dark theme. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4440" data-reactid="2761"><!-- react-text: 2762 -->#4440<!-- /react-text --></a></p></li><li data-reactid="2763"><p data-reactid="2764"><!-- react-text: 2765 -->Fix TypeScript interface definition for <!-- /react-text --><code data-reactid="2766"><!-- react-text: 2767 -->Select[tokenSeparators]<!-- /react-text --></code><!-- react-text: 2768 --> <!-- /react-text --><code data-reactid="2769"><!-- react-text: 2770 -->Modal[afterClose]<!-- /react-text --></code><!-- react-text: 2771 --> <!-- /react-text --><code data-reactid="2772"><!-- react-text: 2773 -->Input[name]<!-- /react-text --></code><!-- react-text: 2774 --> and so on. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4441" data-reactid="2775"><!-- react-text: 2776 -->#4441<!-- /react-text --></a><!-- react-text: 2777 --> <!-- /react-text --><a href="https://github.com/eddhannay" data-reactid="2778"><!-- react-text: 2779 -->@eddhannay<!-- /react-text --></a></p></li><li data-reactid="2780"><p data-reactid="2781"><!-- react-text: 2782 -->Fix that <!-- /react-text --><code data-reactid="2783"><!-- react-text: 2784 -->TimePicker[placeholder]<!-- /react-text --></code><!-- react-text: 2785 --> cannot be set to empty string. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4446" data-reactid="2786"><!-- react-text: 2787 -->#4446<!-- /react-text --></a><!-- react-text: 2788 --> <!-- /react-text --><a href="https://github.com/jialeicui" data-reactid="2789"><!-- react-text: 2790 -->@jialeicui<!-- /react-text --></a></p></li><li data-reactid="2791"><p data-reactid="2792"><!-- react-text: 2793 -->Fix style problem in DatePicker year panel. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4415" data-reactid="2794"><!-- react-text: 2795 -->#4415<!-- /react-text --></a></p></li><li data-reactid="2796"><p data-reactid="2797"><!-- react-text: 2798 -->Fix that Table loading doesn&#x27;t mask Pagination. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4461" data-reactid="2799"><!-- react-text: 2800 -->#4461<!-- /react-text --></a></p></li><li data-reactid="2801"><p data-reactid="2802"><!-- react-text: 2803 -->Fix align style for <!-- /react-text --><code data-reactid="2804"><!-- react-text: 2805 -->Input[prefix|suffix]<!-- /react-text --></code><!-- react-text: 2806 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/c4ac4d1eca53ae2f6f4a1e15210b43745f283534" data-reactid="2807"><!-- react-text: 2808 -->commit<!-- /react-text --></a></p></li><li data-reactid="2809"><p data-reactid="2810"><!-- react-text: 2811 -->Fix align style for Cascader. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/1fbebd4ecfff432e1b2261c9dfee4b9f471e7b1f" data-reactid="2812"><!-- react-text: 2813 -->commit<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="2814"><div class="ant-timeline-item-tail" data-reactid="2815"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2816"></div><div class="ant-timeline-item-content" data-reactid="2817"><h2 id="2.6.0" data-reactid="2818"><span data-reactid="2819"><!-- react-text: 2820 -->2.6.0<!-- /react-text --></span><a href="#2.6.0" class="anchor" data-reactid="2821">#</a></h2><p data-reactid="2822"><code data-reactid="2823"><!-- react-text: 2824 -->2017-1-2<!-- /react-text --></code></p><ul data-reactid="2825"><li data-reactid="2826"><p data-reactid="2827"><!-- react-text: 2828 -->Brand new color system. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4426" data-reactid="2829"><!-- react-text: 2830 -->pull/4426<!-- /react-text --></a></p><ul data-reactid="2831"><li data-reactid="2832"><p data-reactid="2833"><!-- react-text: 2834 -->Brand new color algorithm replacing the tint/shade system.<!-- /react-text --></p></li><li data-reactid="2835"><p data-reactid="2836"><!-- react-text: 2837 -->Brand new color palattes generated by new algorithm. <!-- /react-text --><a href="http://ant.design/docs/spec/colors" data-reactid="2838"><!-- react-text: 2839 -->Link<!-- /react-text --></a></p></li><li data-reactid="2840"><p data-reactid="2841"><!-- react-text: 2842 -->Change default font color.<!-- /react-text --></p></li></ul></li><li data-reactid="2843"><p data-reactid="2844"><!-- react-text: 2845 -->Add Layout component. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3534" data-reactid="2846"><!-- react-text: 2847 -->#3534<!-- /react-text --></a></p></li><li data-reactid="2848"><p data-reactid="2849"><!-- react-text: 2850 -->Add Grid playground demo. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/ee17abfa9d0362c6f9baab4a9a09e57574583246" data-reactid="2851"><!-- react-text: 2852 -->commit/ee17ab<!-- /react-text --></a></p></li><li data-reactid="2853"><p data-reactid="2854"><!-- react-text: 2855 -->Input<!-- /react-text --></p><ul data-reactid="2856"><li data-reactid="2857"><p data-reactid="2858"><!-- react-text: 2859 -->Support prefix and suffix. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4226" data-reactid="2860"><!-- react-text: 2861 -->#4226<!-- /react-text --></a><!-- react-text: 2862 --> <!-- /react-text --><a href="https://github.com/ystarlongzi" data-reactid="2863"><!-- react-text: 2864 -->@ystarlongzi<!-- /react-text --></a></p></li><li data-reactid="2865"><p data-reactid="2866"><!-- react-text: 2867 -->InputGroup support compact display mode. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4309" data-reactid="2868"><!-- react-text: 2869 -->pull/4309<!-- /react-text --></a></p></li></ul></li><li data-reactid="2870"><p data-reactid="2871"><!-- react-text: 2872 -->Spin support delayed display. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4306" data-reactid="2873"><!-- react-text: 2874 -->#4306<!-- /react-text --></a></p></li><li data-reactid="2875"><p data-reactid="2876"><!-- react-text: 2877 -->Fix the dislocation problem of Pagination in low resolution. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4349" data-reactid="2878"><!-- react-text: 2879 -->#4349<!-- /react-text --></a></p></li><li data-reactid="2880"><p data-reactid="2881"><!-- react-text: 2882 -->Fix wrapping display of Dropdown.Button. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4355" data-reactid="2883"><!-- react-text: 2884 -->pull/4355<!-- /react-text --></a><!-- react-text: 2885 --> <!-- /react-text --><a href="https://github.com/Morhaus" data-reactid="2886"><!-- react-text: 2887 -->@Morhaus<!-- /react-text --></a></p></li><li data-reactid="2888"><p data-reactid="2889"><!-- react-text: 2890 -->Fix wrong background color of Cascader in disabled status. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4434" data-reactid="2891"><!-- react-text: 2892 -->#4434<!-- /react-text --></a></p></li><li data-reactid="2893"><p data-reactid="2894"><!-- react-text: 2895 -->Fix MonthPicker<!-- /react-text --><!-- react-text: 2896 -->[monthcellcontentrender]<!-- /react-text --><!-- react-text: 2897 --> doesn&#x27;t work, and some documentation errors. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4394" data-reactid="2898"><!-- react-text: 2899 -->#4394<!-- /react-text --></a></p></li><li data-reactid="2900"><p data-reactid="2901"><!-- react-text: 2902 -->Fix the extra border of ButtonGroup. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4382" data-reactid="2903"><!-- react-text: 2904 -->#4382<!-- /react-text --></a><!-- react-text: 2905 --> <!-- /react-text --><a href="https://github.com/ystarlongzi" data-reactid="2906"><!-- react-text: 2907 -->@ystarlongzi<!-- /react-text --></a></p></li><li data-reactid="2908"><p data-reactid="2909"><!-- react-text: 2910 -->Fix wrong background color of the Submenu(horizontal mode). <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4414" data-reactid="2911"><!-- react-text: 2912 -->#4414<!-- /react-text --></a></p></li><li data-reactid="2913"><p data-reactid="2914"><!-- react-text: 2915 -->Fix overlapping graphics with Select/Cascader in Form.Item with hasFeedback. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4431" data-reactid="2916"><!-- react-text: 2917 -->#4431<!-- /react-text --></a><!-- react-text: 2918 --> <!-- /react-text --><a href="https://github.com/JesperWe" data-reactid="2919"><!-- react-text: 2920 -->@JesperWe<!-- /react-text --></a></p></li><li data-reactid="2921"><p data-reactid="2922"><!-- react-text: 2923 -->Reset border-radius of the first row in Table without header. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4373" data-reactid="2924"><!-- react-text: 2925 -->#4373<!-- /react-text --></a></p></li><li data-reactid="2926"><p data-reactid="2927"><!-- react-text: 2928 -->Improve the drag performance of Tree. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4371" data-reactid="2929"><!-- react-text: 2930 -->#4371<!-- /react-text --></a></p></li><li data-reactid="2931"><p data-reactid="2932"><!-- react-text: 2933 -->Improve official website and documentation, fix some bugs.<!-- /react-text --></p></li><li data-reactid="2934"><p data-reactid="2935"><!-- react-text: 2936 -->Update rc-form to support nested style of getFieldDecorator<!-- /react-text --><!-- react-text: 2937 -->[id]<!-- /react-text --><!-- react-text: 2938 -->.<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="2939"><div class="ant-timeline-item-tail" data-reactid="2940"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="2941"></div><div class="ant-timeline-item-content" data-reactid="2942"><h2 id="2.5.3" data-reactid="2943"><span data-reactid="2944"><!-- react-text: 2945 -->2.5.3<!-- /react-text --></span><a href="#2.5.3" class="anchor" data-reactid="2946">#</a></h2><p data-reactid="2947"><code data-reactid="2948"><!-- react-text: 2949 -->2016-12-24<!-- /react-text --></code><!-- react-text: 2950 --> 🎄🎄🎄<!-- /react-text --></p><ul data-reactid="2951"><li data-reactid="2952"><p data-reactid="2953"><!-- react-text: 2954 -->Supports TypeScript@2.1. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4208" data-reactid="2955"><!-- react-text: 2956 -->#4208<!-- /react-text --></a></p></li><li data-reactid="2957"><p data-reactid="2958"><!-- react-text: 2959 -->Fix style issue resulting in nested Tabs. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4317" data-reactid="2960"><!-- react-text: 2961 -->#4317<!-- /react-text --></a></p></li><li data-reactid="2962"><p data-reactid="2963"><!-- react-text: 2964 -->Fix <!-- /react-text --><code data-reactid="2965"><!-- react-text: 2966 -->onChange<!-- /react-text --></code><!-- react-text: 2967 --> callback issue resulting in Radio. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4242" data-reactid="2968"><!-- react-text: 2969 -->#4242<!-- /react-text --></a><!-- react-text: 2970 --> <!-- /react-text --><a href="https://github.com/ystarlongzi" data-reactid="2971"><!-- react-text: 2972 -->@ystarlongzi<!-- /react-text --></a></p></li><li data-reactid="2973"><p data-reactid="2974"><!-- react-text: 2975 -->Fix a FormItem mis-aligin bug. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4271" data-reactid="2976"><!-- react-text: 2977 -->#4271<!-- /react-text --></a></p></li><li data-reactid="2978"><p data-reactid="2979"><!-- react-text: 2980 -->Fix background issue resulting in selected element of veritcal Menu.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4253" data-reactid="2981"><!-- react-text: 2982 -->#4253<!-- /react-text --></a></p></li><li data-reactid="2983"><p data-reactid="2984"><!-- react-text: 2985 -->Improve arguments type of <!-- /react-text --><code data-reactid="2986"><!-- react-text: 2987 -->onVisibleChange<!-- /react-text --></code><!-- react-text: 2988 --> callback of  Dropdown.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4236" data-reactid="2989"><!-- react-text: 2990 -->#4236<!-- /react-text --></a><!-- react-text: 2991 --> <!-- /react-text --><a href="https://github.com/bang88" data-reactid="2992"><!-- react-text: 2993 -->@bang88<!-- /react-text --></a></p></li><li data-reactid="2994"><p data-reactid="2995"><!-- react-text: 2996 -->Improve first argument type of <!-- /react-text --><code data-reactid="2997"><!-- react-text: 2998 -->onChange<!-- /react-text --></code><!-- react-text: 2999 --> callback of Cascader.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4231" data-reactid="3000"><!-- react-text: 3001 -->#4231<!-- /react-text --></a><!-- react-text: 3002 --> <!-- /react-text --><a href="https://github.com/bang88" data-reactid="3003"><!-- react-text: 3004 -->@bang88<!-- /react-text --></a></p></li><li data-reactid="3005"><p data-reactid="3006"><!-- react-text: 3007 -->Improve default width of Datepicker<!-- /react-text --><!-- react-text: 3008 -->[showtime]<!-- /react-text --><!-- react-text: 3009 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/b912f1cea6f470c16b8dd90554883460161cef47" data-reactid="3010"><!-- react-text: 3011 -->b912f1c<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3012"><div class="ant-timeline-item-tail" data-reactid="3013"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3014"></div><div class="ant-timeline-item-content" data-reactid="3015"><h2 id="2.5.2" data-reactid="3016"><span data-reactid="3017"><!-- react-text: 3018 -->2.5.2<!-- /react-text --></span><a href="#2.5.2" class="anchor" data-reactid="3019">#</a></h2><p data-reactid="3020"><code data-reactid="3021"><!-- react-text: 3022 -->2016-12-10<!-- /react-text --></code></p><ul data-reactid="3023"><li data-reactid="3024"><p data-reactid="3025"><!-- react-text: 3026 -->Improve selected item style of Menu.<!-- /react-text --></p></li><li data-reactid="3027"><p data-reactid="3028"><!-- react-text: 3029 -->Fix issue resulting in Mention not responses <!-- /react-text --><code data-reactid="3030"><!-- react-text: 3031 -->onFocus<!-- /react-text --></code><!-- react-text: 3032 --> and <!-- /react-text --><code data-reactid="3033"><!-- react-text: 3034 -->onBlur<!-- /react-text --></code><!-- react-text: 3035 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4163" data-reactid="3036"><!-- react-text: 3037 -->#4163<!-- /react-text --></a></p></li><li data-reactid="3038"><p data-reactid="3039"><!-- react-text: 3040 -->Fix issue resulting in there is a redundant shadow between <!-- /react-text --><code data-reactid="3041"><!-- react-text: 3042 -->disabled<!-- /react-text --></code><!-- react-text: 3043 --> and <!-- /react-text --><code data-reactid="3044"><!-- react-text: 3045 -->checked<!-- /react-text --></code><!-- react-text: 3046 --> Radio. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4114" data-reactid="3047"><!-- react-text: 3048 -->#4114<!-- /react-text --></a><!-- react-text: 3049 --> @jdz321<!-- /react-text --></p></li><li data-reactid="3050"><p data-reactid="3051"><!-- react-text: 3052 -->Fix error when setting Momment <!-- /react-text --><code data-reactid="3053"><!-- react-text: 3054 -->defaultValue<!-- /react-text --></code><!-- react-text: 3055 --> or <!-- /react-text --><code data-reactid="3056"><!-- react-text: 3057 -->value<!-- /react-text --></code><!-- react-text: 3058 --> on RangePicker, TimePicker, Calendar. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4147" data-reactid="3059"><!-- react-text: 3060 -->#4147<!-- /react-text --></a></p></li><li data-reactid="3061"><p data-reactid="3062"><!-- react-text: 3063 -->Fix issue resulting in Affix disappears when it&#x27;s uesed in animated Tabs. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3943" data-reactid="3064"><!-- react-text: 3065 -->#3943<!-- /react-text --></a></p></li><li data-reactid="3066"><p data-reactid="3067"><!-- react-text: 3068 -->Fix issue resulting in Cascader passes different <!-- /react-text --><code data-reactid="3069"><!-- react-text: 3070 -->selectedOptions<!-- /react-text --></code><!-- react-text: 3071 --> to <!-- /react-text --><code data-reactid="3072"><!-- react-text: 3073 -->onChange<!-- /react-text --></code><!-- react-text: 3074 --> when manually selecting and selecting by search. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4096" data-reactid="3075"><!-- react-text: 3076 -->#4096<!-- /react-text --></a></p></li><li data-reactid="3077"><p data-reactid="3078"><!-- react-text: 3079 -->Fix issue resulting in Tabs get offset, when too many tabs are opening. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3637" data-reactid="3080"><!-- react-text: 3081 -->#3637<!-- /react-text --></a></p></li><li data-reactid="3082"><p data-reactid="3083"><!-- react-text: 3084 -->Table<!-- /react-text --></p><ul data-reactid="3085"><li data-reactid="3086"><p data-reactid="3087"><!-- react-text: 3088 -->Align text of grouped parent header to center.<!-- /react-text --></p></li><li data-reactid="3089"><p data-reactid="3090"><!-- react-text: 3091 -->Fix issue resulting in <!-- /react-text --><code data-reactid="3092"><!-- react-text: 3093 -->filterDropdownVisible<!-- /react-text --></code><!-- react-text: 3094 --> can&#x27;t be set correctly. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4162" data-reactid="3095"><!-- react-text: 3096 -->#4162<!-- /react-text --></a></p></li></ul></li></ul></div></li><li class="ant-timeline-item" data-reactid="3097"><div class="ant-timeline-item-tail" data-reactid="3098"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3099"></div><div class="ant-timeline-item-content" data-reactid="3100"><h2 id="2.5.1" data-reactid="3101"><span data-reactid="3102"><!-- react-text: 3103 -->2.5.1<!-- /react-text --></span><a href="#2.5.1" class="anchor" data-reactid="3104">#</a></h2><p data-reactid="3105"><code data-reactid="3106"><!-- react-text: 3107 -->2016-12-03<!-- /react-text --></code></p><ul data-reactid="3108"><li data-reactid="3109"><p data-reactid="3110"><!-- react-text: 3111 -->Improve website experience on mobile devices.<!-- /react-text --></p></li><li data-reactid="3112"><p data-reactid="3113"><!-- react-text: 3114 -->Add some migrate warnings for <!-- /react-text --><code data-reactid="3115"><!-- react-text: 3116 -->1.x<!-- /react-text --></code><!-- react-text: 3117 --> to <!-- /react-text --><code data-reactid="3118"><!-- react-text: 3119 -->2.x<!-- /react-text --></code><!-- react-text: 3120 -->.<!-- /react-text --></p></li><li data-reactid="3121"><p data-reactid="3122"><!-- react-text: 3123 -->ToolTip, Popover, Popconfirm support to wrap text node and multiple node directly now. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3924" data-reactid="3124"><!-- react-text: 3125 -->#3924<!-- /react-text --></a></p></li><li data-reactid="3126"><p data-reactid="3127"><!-- react-text: 3128 -->Anchor<!-- /react-text --></p><ul data-reactid="3129"><li data-reactid="3130"><p data-reactid="3131"><!-- react-text: 3132 -->Fix current position bug when scroll fastly. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4053" data-reactid="3133"><!-- react-text: 3134 -->#4053<!-- /react-text --></a></p></li><li data-reactid="3135"><p data-reactid="3136"><!-- react-text: 3137 -->Fix a bug of parent component ref node is undefined. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4037" data-reactid="3138"><!-- react-text: 3139 -->#4037<!-- /react-text --></a></p></li></ul></li><li data-reactid="3140"><p data-reactid="3141"><!-- react-text: 3142 -->Table<!-- /react-text --></p><ul data-reactid="3143"><li data-reactid="3144"><p data-reactid="3145"><!-- react-text: 3146 -->Fix a selection problem when setting defaultChecked in rowSelection. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4020" data-reactid="3147"><!-- react-text: 3148 -->#4020<!-- /react-text --></a></p></li><li data-reactid="3149"><p data-reactid="3150"><!-- react-text: 3151 -->Fix grouping column title cannot work with filters. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4099" data-reactid="3152"><!-- react-text: 3153 -->#4099<!-- /react-text --></a></p></li></ul></li><li data-reactid="3154"><p data-reactid="3155"><!-- react-text: 3156 -->Fix a misplace bug when using Popover over <!-- /react-text --><code data-reactid="3157"><!-- react-text: 3158 -->Input[type=&quot;textarea&quot;]<!-- /react-text --></code><!-- react-text: 3159 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4092" data-reactid="3160"><!-- react-text: 3161 -->#4092<!-- /react-text --></a></p></li><li data-reactid="3162"><p data-reactid="3163"><!-- react-text: 3164 -->Fix Popconfirm <!-- /react-text --><code data-reactid="3165"><!-- react-text: 3166 -->visible<!-- /react-text --></code><!-- react-text: 3167 --> is not-working problem. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/4068" data-reactid="3168"><!-- react-text: 3169 -->#4068<!-- /react-text --></a></p></li><li data-reactid="3170"><p data-reactid="3171"><!-- react-text: 3172 -->Fix TimePicker can not override width by <!-- /react-text --><code data-reactid="3173"><!-- react-text: 3174 -->style.width<!-- /react-text --></code><!-- react-text: 3175 -->.<!-- /react-text --></p></li><li data-reactid="3176"><p data-reactid="3177"><!-- react-text: 3178 -->Unify Steps icon size. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3817" data-reactid="3179"><!-- react-text: 3180 -->#3817<!-- /react-text --></a></p></li><li data-reactid="3181"><p data-reactid="3182"><!-- react-text: 3183 -->Fix style details of Form, Button, Slider, Table.<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3184"><div class="ant-timeline-item-tail" data-reactid="3185"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3186"></div><div class="ant-timeline-item-content" data-reactid="3187"><h2 id="2.5.0" data-reactid="3188"><span data-reactid="3189"><!-- react-text: 3190 -->2.5.0<!-- /react-text --></span><a href="#2.5.0" class="anchor" data-reactid="3191">#</a></h2><p data-reactid="3192"><code data-reactid="3193"><!-- react-text: 3194 -->2016-11-25<!-- /react-text --></code></p><ul data-reactid="3195"><li data-reactid="3196"><p data-reactid="3197"><!-- react-text: 3198 -->Change the default theme to Alipay style and improve lots of style details.<!-- /react-text --></p></li><li data-reactid="3199"><p data-reactid="3200"><!-- react-text: 3201 -->Supports server-side rendering. (<!-- /react-text --><code data-reactid="3202"><!-- react-text: 3203 -->Mention<!-- /react-text --></code><!-- react-text: 3204 --> will throw warning for <!-- /react-text --><a href="https://github.com/facebook/draft-js/issues/385" data-reactid="3205"><!-- react-text: 3206 -->draft-js<!-- /react-text --></a><!-- react-text: 3207 -->&#x27; issue)<!-- /react-text --></p></li><li data-reactid="3208"><p data-reactid="3209"><!-- react-text: 3210 -->Introduce <!-- /react-text --><a href="https://facebook.github.io/jest/docs/tutorial-react.html#snapshot-testing" data-reactid="3211"><!-- react-text: 3212 -->Jest Snapshot<!-- /react-text --></a><!-- react-text: 3213 --> to test the structure of components and SSR issues.<!-- /react-text --></p></li><li data-reactid="3214"><p data-reactid="3215"><!-- react-text: 3216 -->Improve official website and documentation.<!-- /react-text --></p></li><li data-reactid="3217"><p data-reactid="3218"><!-- react-text: 3219 -->Add <!-- /react-text --><a href="https://ant.design/docs/react/customize-theme" data-reactid="3220"><!-- react-text: 3221 -->document<!-- /react-text --></a><!-- react-text: 3222 --> for customizing theme.<!-- /react-text --></p></li><li data-reactid="3223"><p data-reactid="3224"><!-- react-text: 3225 -->Add <!-- /react-text --><a href="https://ant.design/docs/resource/download" data-reactid="3226"><!-- react-text: 3227 -->Sketch template files<!-- /react-text --></a><!-- react-text: 3228 -->.<!-- /react-text --></p></li><li data-reactid="3229"><p data-reactid="3230"><code data-reactid="3231"><!-- react-text: 3232 -->LocaleProvider<!-- /react-text --></code><!-- react-text: 3233 --> supports Brazilian. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/4004" data-reactid="3234"><!-- react-text: 3235 -->#4004<!-- /react-text --></a><!-- react-text: 3236 --> <!-- /react-text --><a href="https://github.com/nathantn" data-reactid="3237"><!-- react-text: 3238 -->@nathantn<!-- /react-text --></a></p></li><li data-reactid="3239"><p data-reactid="3240"><!-- react-text: 3241 -->DatePicker<!-- /react-text --></p><ul data-reactid="3242"><li data-reactid="3243"><p data-reactid="3244"><!-- react-text: 3245 -->DatePicker can determine whether to show &quot;Today&quot; button. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/bbef274aae169d142e3e7e3ea0af922d48e6dd64" data-reactid="3246"><!-- react-text: 3247 -->commit<!-- /react-text --></a></p></li><li data-reactid="3248"><p data-reactid="3249"><!-- react-text: 3250 -->RangePicker can set presetted ranges. <!-- /react-text --><a href="https://ant.design/components/date-picker/#components-date-picker-demo-presetted-ranges" data-reactid="3251"><!-- react-text: 3252 -->demo<!-- /react-text --></a></p></li><li data-reactid="3253"><p data-reactid="3254"><!-- react-text: 3255 -->Fix &quot;Now&quot; button doesn&#x27;t work while <!-- /react-text --><code data-reactid="3256"><!-- react-text: 3257 -->DatePicker[showTime]<!-- /react-text --></code><!-- react-text: 3258 --> is set. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3748" data-reactid="3259"><!-- react-text: 3260 -->#3748<!-- /react-text --></a></p></li><li data-reactid="3261"><p data-reactid="3262"><!-- react-text: 3263 -->Fix <!-- /react-text --><code data-reactid="3264"><!-- react-text: 3265 -->RangePicker[format]<!-- /react-text --></code><!-- react-text: 3266 --> should work. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3808" data-reactid="3267"><!-- react-text: 3268 -->#3808<!-- /react-text --></a></p></li><li data-reactid="3269"><p data-reactid="3270"><!-- react-text: 3271 -->Fix issue that RangePicker <!-- /react-text --><code data-reactid="3272"><!-- react-text: 3273 -->placeholder=[&#x27;xx&#x27;, &#x27;xx&#x27;]<!-- /react-text --></code><!-- react-text: 3274 --> not working.<!-- /react-text --></p></li></ul></li><li data-reactid="3275"><p data-reactid="3276"><!-- react-text: 3277 -->Add and update some icons. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3977" data-reactid="3278"><!-- react-text: 3279 -->#3977<!-- /react-text --></a></p></li><li data-reactid="3280"><p data-reactid="3281"><!-- react-text: 3282 -->New component <!-- /react-text --><code data-reactid="3283"><!-- react-text: 3284 -->Input.Search<!-- /react-text --></code><!-- react-text: 3285 -->. <!-- /react-text --><a href="https://ant.design/components/input/#components-input-demo-search-input" data-reactid="3286"><!-- react-text: 3287 -->demo<!-- /react-text --></a></p></li><li data-reactid="3288"><p data-reactid="3289"><!-- react-text: 3290 -->Mention onSelect event will get complete record. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3867" data-reactid="3291"><!-- react-text: 3292 -->#3867<!-- /react-text --></a></p></li><li data-reactid="3293"><p data-reactid="3294"><!-- react-text: 3295 -->Pagination can get current range. <!-- /react-text --><a href="https://ant.design/components/pagination/#components-pagination-demo-total" data-reactid="3296"><!-- react-text: 3297 -->demo<!-- /react-text --></a></p></li><li data-reactid="3298"><p data-reactid="3299"><!-- react-text: 3300 -->Table<!-- /react-text --></p><ul data-reactid="3301"><li data-reactid="3302"><p data-reactid="3303"><!-- react-text: 3304 -->We can control the visible of customized <!-- /react-text --><code data-reactid="3305"><!-- react-text: 3306 -->filterDropdown<!-- /react-text --></code><!-- react-text: 3307 -->. <!-- /react-text --><a href="https://ant.design/components/table/#components-table-demo-custom-filter-panel" data-reactid="3308"><!-- react-text: 3309 -->demo<!-- /react-text --></a></p></li><li data-reactid="3310"><p data-reactid="3311"><!-- react-text: 3312 -->Supports JSX-style columns. <!-- /react-text --><a href="https://ant.design/components/table/#components-table-demo-jsx" data-reactid="3313"><!-- react-text: 3314 -->demo<!-- /react-text --></a></p></li><li data-reactid="3315"><p data-reactid="3316"><!-- react-text: 3317 -->Can listen the click event of table cell by <!-- /react-text --><code data-reactid="3318"><!-- react-text: 3319 -->onCellClick<!-- /react-text --></code><!-- react-text: 3320 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3774" data-reactid="3321"><!-- react-text: 3322 -->#3774<!-- /react-text --></a></p></li><li data-reactid="3323"><p data-reactid="3324"><!-- react-text: 3325 -->Fix border radius of head of border-less table.<!-- /react-text --></p></li><li data-reactid="3326"><p data-reactid="3327"><!-- react-text: 3328 -->Fix that height of title and footer don&#x27;t follow <!-- /react-text --><code data-reactid="3329"><!-- react-text: 3330 -->Table[size]<!-- /react-text --></code><!-- react-text: 3331 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/9e6439b06cd099ab384a4a2f026f0def6e12bf23" data-reactid="3332"><!-- react-text: 3333 -->commit<!-- /react-text --></a></p></li><li data-reactid="3334"><p data-reactid="3335"><!-- react-text: 3336 -->Fix issue with selected status. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3900" data-reactid="3337"><!-- react-text: 3338 -->#3900<!-- /react-text --></a></p></li></ul></li><li data-reactid="3339"><p data-reactid="3340"><!-- react-text: 3341 -->Upload<!-- /react-text --></p><ul data-reactid="3342"><li data-reactid="3343"><p data-reactid="3344"><!-- react-text: 3345 -->Fix that children could not be <!-- /react-text --><code data-reactid="3346"><!-- react-text: 3347 -->null<!-- /react-text --></code><!-- react-text: 3348 -->.<!-- /react-text --></p></li><li data-reactid="3349"><p data-reactid="3350"><!-- react-text: 3351 -->Fix logic of preview. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/e552880c32aaa3f5b0fb09a5e1fb7454c24d5378" data-reactid="3352"><!-- react-text: 3353 -->commit<!-- /react-text --></a></p></li></ul></li><li data-reactid="3354"><p data-reactid="3355"><!-- react-text: 3356 -->Fix <!-- /react-text --><code data-reactid="3357"><!-- react-text: 3358 -->z-index<!-- /react-text --></code><!-- react-text: 3359 --> of Badge. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3898" data-reactid="3360"><!-- react-text: 3361 -->#3898<!-- /react-text --></a></p></li><li data-reactid="3362"><p data-reactid="3363"><!-- react-text: 3364 -->Fix alignment of multi-line Checkbox. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3971" data-reactid="3365"><!-- react-text: 3366 -->#3971<!-- /react-text --></a><!-- react-text: 3367 --> <!-- /react-text --><a href="https://github.com/flashback313" data-reactid="3368"><!-- react-text: 3369 -->@flashback313<!-- /react-text --></a></p></li><li data-reactid="3370"><p data-reactid="3371"><!-- react-text: 3372 -->Fix alignment of InputNumber while using with other form controls. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3866#issuecomment-261148256" data-reactid="3373"><!-- react-text: 3374 -->#3866(comment)<!-- /react-text --></a></p></li><li data-reactid="3375"><p data-reactid="3376"><!-- react-text: 3377 -->Fix style of <!-- /react-text --><code data-reactid="3378"><!-- react-text: 3379 -->Menu.Divider<!-- /react-text --></code><!-- react-text: 3380 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3813" data-reactid="3381"><!-- react-text: 3382 -->#3813<!-- /react-text --></a></p></li><li data-reactid="3383"><p data-reactid="3384"><!-- react-text: 3385 -->Fix that Popover should support Checkbox and Radio as children. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3455" data-reactid="3386"><!-- react-text: 3387 -->#3455<!-- /react-text --></a></p></li><li data-reactid="3388"><p data-reactid="3389"><!-- react-text: 3390 -->Fix height of <!-- /react-text --><code data-reactid="3391"><!-- react-text: 3392 -->Select[combobox]<!-- /react-text --></code><!-- react-text: 3393 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3855" data-reactid="3394"><!-- react-text: 3395 -->#3855<!-- /react-text --></a></p></li><li data-reactid="3396"><p data-reactid="3397"><!-- react-text: 3398 -->Fix style of actived Switch. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3838" data-reactid="3399"><!-- react-text: 3400 -->#3838<!-- /react-text --></a></p></li><li data-reactid="3401"><p data-reactid="3402"><!-- react-text: 3403 -->Fix that Transfer doesn&#x27;t show &quot;Not Found&quot; while there is no search result. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3996" data-reactid="3404"><!-- react-text: 3405 -->#3996<!-- /react-text --></a></p></li><li data-reactid="3406"><p data-reactid="3407"><!-- react-text: 3408 -->Fix style of placeholder of TreeSelect. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3841" data-reactid="3409"><!-- react-text: 3410 -->#3841<!-- /react-text --></a></p></li><li data-reactid="3411"><p data-reactid="3412"><!-- react-text: 3413 -->Fix compile errors in TypeScript. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3969" data-reactid="3414"><!-- react-text: 3415 -->#3969<!-- /react-text --></a><!-- react-text: 3416 --> <!-- /react-text --><a href="https://github.com/AlbertZheng" data-reactid="3417"><!-- react-text: 3418 -->@AlbertZheng<!-- /react-text --></a></p></li><li data-reactid="3419"><p data-reactid="3420"><!-- react-text: 3421 -->Fix that feedback icon should not affect users&#x27; operation. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3891" data-reactid="3422"><!-- react-text: 3423 -->#3891<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3424"><div class="ant-timeline-item-tail" data-reactid="3425"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3426"></div><div class="ant-timeline-item-content" data-reactid="3427"><h2 id="2.4.3" data-reactid="3428"><span data-reactid="3429"><!-- react-text: 3430 -->2.4.3<!-- /react-text --></span><a href="#2.4.3" class="anchor" data-reactid="3431">#</a></h2><p data-reactid="3432"><code data-reactid="3433"><!-- react-text: 3434 -->2016-11-17<!-- /react-text --></code></p><ul data-reactid="3435"><li data-reactid="3436"><p data-reactid="3437"><!-- react-text: 3438 -->Fix errors in <!-- /react-text --><code data-reactid="3439"><!-- react-text: 3440 -->Anchor<!-- /react-text --></code><!-- react-text: 3441 --> about querySelector, and make some experience Optimization .<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3832" data-reactid="3442"><!-- react-text: 3443 -->#3832<!-- /react-text --></a><!-- react-text: 3444 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3844" data-reactid="3445"><!-- react-text: 3446 -->#3844<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3447"><div class="ant-timeline-item-tail" data-reactid="3448"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3449"></div><div class="ant-timeline-item-content" data-reactid="3450"><h2 id="2.4.2" data-reactid="3451"><span data-reactid="3452"><!-- react-text: 3453 -->2.4.2<!-- /react-text --></span><a href="#2.4.2" class="anchor" data-reactid="3454">#</a></h2><p data-reactid="3455"><code data-reactid="3456"><!-- react-text: 3457 -->2016-11-13<!-- /react-text --></code></p><ul data-reactid="3458"><li data-reactid="3459"><p data-reactid="3460"><!-- react-text: 3461 -->Fix <!-- /react-text --><code data-reactid="3462"><!-- react-text: 3463 -->Dropdown.Button<!-- /react-text --></code><!-- react-text: 3464 --> cannot popup menu.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3815" data-reactid="3465"><!-- react-text: 3466 -->#3815<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3467"><div class="ant-timeline-item-tail" data-reactid="3468"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3469"></div><div class="ant-timeline-item-content" data-reactid="3470"><h2 id="2.4.1" data-reactid="3471"><span data-reactid="3472"><!-- react-text: 3473 -->2.4.1<!-- /react-text --></span><a href="#2.4.1" class="anchor" data-reactid="3474">#</a></h2><p data-reactid="3475"><code data-reactid="3476"><!-- react-text: 3477 -->2016-11-11<!-- /react-text --></code></p><ul data-reactid="3478"><li data-reactid="3479"><p data-reactid="3480"><!-- react-text: 3481 -->Fix <!-- /react-text --><code data-reactid="3482"><!-- react-text: 3483 -->2.4.0<!-- /react-text --></code><!-- react-text: 3484 --> missing index files.<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3485"><div class="ant-timeline-item-tail" data-reactid="3486"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3487"></div><div class="ant-timeline-item-content" data-reactid="3488"><h2 id="2.4.0" data-reactid="3489"><span data-reactid="3490"><!-- react-text: 3491 -->2.4.0<!-- /react-text --></span><a href="#2.4.0" class="anchor" data-reactid="3492">#</a></h2><p data-reactid="3493"><code data-reactid="3494"><!-- react-text: 3495 -->2016-11-11<!-- /react-text --></code></p><ul data-reactid="3496"><li data-reactid="3497"><p data-reactid="3498"><!-- react-text: 3499 -->Adjust components structure.<!-- /react-text --></p></li><li data-reactid="3500"><p data-reactid="3501"><!-- react-text: 3502 -->New <!-- /react-text --><a href="https://ant.design/components/anchor" data-reactid="3503"><!-- react-text: 3504 -->Anchor<!-- /react-text --></a><!-- react-text: 3505 --> Component.<!-- /react-text --></p></li><li data-reactid="3506"><p data-reactid="3507"><!-- react-text: 3508 -->Fix less variables <!-- /react-text --><code data-reactid="3509"><!-- react-text: 3510 -->@font-size-base<!-- /react-text --></code><!-- react-text: 3511 --> and <!-- /react-text --><code data-reactid="3512"><!-- react-text: 3513 -->@text-color<!-- /react-text --></code><!-- react-text: 3514 -->, add <!-- /react-text --><code data-reactid="3515"><!-- react-text: 3516 -->@font-size-lg<!-- /react-text --></code><!-- react-text: 3517 --> <!-- /react-text --><code data-reactid="3518"><!-- react-text: 3519 -->@text-color-secondary<!-- /react-text --></code><!-- react-text: 3520 -->.<!-- /react-text --></p></li><li data-reactid="3521"><p data-reactid="3522"><!-- react-text: 3523 -->Add new props <!-- /react-text --><code data-reactid="3524"><!-- react-text: 3525 -->selectedKeys<!-- /react-text --></code><!-- react-text: 3526 --> for <!-- /react-text --><code data-reactid="3527"><!-- react-text: 3528 -->Transfer<!-- /react-text --></code><!-- react-text: 3529 --> component <!-- /react-text --><!-- react-text: 3530 -->[#3729]<!-- /react-text --><!-- react-text: 3531 -->. (<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3729" data-reactid="3532"><!-- react-text: 3533 -->https://github.com/ant-design/ant-design/issues/3729<!-- /react-text --></a><!-- react-text: 3534 -->)<!-- /react-text --></p></li><li data-reactid="3535"><p data-reactid="3536"><!-- react-text: 3537 -->Add <!-- /react-text --><code data-reactid="3538"><!-- react-text: 3539 -->Tag<!-- /react-text --></code><!-- react-text: 3540 --> selected status.<!-- /react-text --></p></li><li data-reactid="3541"><p data-reactid="3542"><!-- react-text: 3543 -->Fix <!-- /react-text --><code data-reactid="3544"><!-- react-text: 3545 -->Dropdown.Button<!-- /react-text --></code><!-- react-text: 3546 --> not support <!-- /react-text --><code data-reactid="3547"><!-- react-text: 3548 -->visible<!-- /react-text --></code><!-- react-text: 3549 --> and <!-- /react-text --><code data-reactid="3550"><!-- react-text: 3551 -->onVisibleChange<!-- /react-text --></code><!-- react-text: 3552 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3779" data-reactid="3553"><!-- react-text: 3554 -->#3779<!-- /react-text --></a></p></li><li data-reactid="3555"><p data-reactid="3556"><!-- react-text: 3557 -->Fix <!-- /react-text --><code data-reactid="3558"><!-- react-text: 3559 -->Now<!-- /react-text --></code><!-- react-text: 3560 --> button of <!-- /react-text --><code data-reactid="3561"><!-- react-text: 3562 -->DatePicker[showTime]<!-- /react-text --></code><!-- react-text: 3563 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3748" data-reactid="3564"><!-- react-text: 3565 -->#3748<!-- /react-text --></a></p></li><li data-reactid="3566"><p data-reactid="3567"><!-- react-text: 3568 -->Fix style of <!-- /react-text --><code data-reactid="3569"><!-- react-text: 3570 -->Steps<!-- /react-text --></code><!-- react-text: 3571 --> in vertical mode. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3760" data-reactid="3572"><!-- react-text: 3573 -->#3760<!-- /react-text --></a></p></li><li data-reactid="3574"><p data-reactid="3575"><!-- react-text: 3576 -->Fix style compatibility of <!-- /react-text --><code data-reactid="3577"><!-- react-text: 3578 -->Spin<!-- /react-text --></code><!-- react-text: 3579 --> in IE10+.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3755" data-reactid="3580"><!-- react-text: 3581 -->#3755<!-- /react-text --></a></p></li><li data-reactid="3582"><p data-reactid="3583"><!-- react-text: 3584 -->Fix default style of <!-- /react-text --><code data-reactid="3585"><!-- react-text: 3586 -->Carousel<!-- /react-text --></code><!-- react-text: 3587 --> component.<!-- /react-text --></p></li><li data-reactid="3588"><p data-reactid="3589"><!-- react-text: 3590 -->Fix focus logic of <!-- /react-text --><code data-reactid="3591"><!-- react-text: 3592 -->Mention<!-- /react-text --></code><!-- react-text: 3593 --> component. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3801" data-reactid="3594"><!-- react-text: 3595 -->#3801<!-- /react-text --></a></p></li><li data-reactid="3596"><p data-reactid="3597"><!-- react-text: 3598 -->Fix animate bug of <!-- /react-text --><code data-reactid="3599"><!-- react-text: 3600 -->Progress<!-- /react-text --></code><!-- react-text: 3601 --> component. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3784" data-reactid="3602"><!-- react-text: 3603 -->#3784<!-- /react-text --></a></p></li><li data-reactid="3604"><p data-reactid="3605"><!-- react-text: 3606 -->Fix focus bug of <!-- /react-text --><code data-reactid="3607"><!-- react-text: 3608 -->Select<!-- /react-text --></code><!-- react-text: 3609 --> component. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3778" data-reactid="3610"><!-- react-text: 3611 -->#3778<!-- /react-text --></a></p></li><li data-reactid="3612"><p data-reactid="3613"><!-- react-text: 3614 -->Fix <!-- /react-text --><code data-reactid="3615"><!-- react-text: 3616 -->TimePicker<!-- /react-text --></code><!-- react-text: 3617 --> not support <!-- /react-text --><code data-reactid="3618"><!-- react-text: 3619 -->format=&quot;HH&quot;<!-- /react-text --></code><!-- react-text: 3620 --> bug. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3793" data-reactid="3621"><!-- react-text: 3622 -->#3793<!-- /react-text --></a></p></li><li data-reactid="3623"><p data-reactid="3624"><!-- react-text: 3625 -->Fix <!-- /react-text --><code data-reactid="3626"><!-- react-text: 3627 -->Input<!-- /react-text --></code><!-- react-text: 3628 --> <!-- /react-text --><code data-reactid="3629"><!-- react-text: 3630 -->suffix<!-- /react-text --></code><!-- react-text: 3631 --> mouse event responsive area. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3714" data-reactid="3632"><!-- react-text: 3633 -->#3714<!-- /react-text --></a></p></li><li data-reactid="3634"><p data-reactid="3635"><!-- react-text: 3636 -->Improve performance of <!-- /react-text --><code data-reactid="3637"><!-- react-text: 3638 -->Table<!-- /react-text --></code><!-- react-text: 3639 --> selection. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3757" data-reactid="3640"><!-- react-text: 3641 -->#3757<!-- /react-text --></a></p></li><li data-reactid="3642"><p data-reactid="3643"><!-- react-text: 3644 -->Improve Carousel default UI style.<!-- /react-text --></p></li><li data-reactid="3645"><p data-reactid="3646"><!-- react-text: 3647 -->Improve style of <!-- /react-text --><code data-reactid="3648"><!-- react-text: 3649 -->Checkbox<!-- /react-text --></code><!-- react-text: 3650 --> and <!-- /react-text --><code data-reactid="3651"><!-- react-text: 3652 -->Radio<!-- /react-text --></code><!-- react-text: 3653 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3590" data-reactid="3654"><!-- react-text: 3655 -->#3590<!-- /react-text --></a></p></li><li data-reactid="3656"><p data-reactid="3657"><!-- react-text: 3658 -->Fix style of DatePickek, Form, Table.<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3659"><div class="ant-timeline-item-tail" data-reactid="3660"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3661"></div><div class="ant-timeline-item-content" data-reactid="3662"><h2 id="2.3.2" data-reactid="3663"><span data-reactid="3664"><!-- react-text: 3665 -->2.3.2<!-- /react-text --></span><a href="#2.3.2" class="anchor" data-reactid="3666">#</a></h2><p data-reactid="3667"><code data-reactid="3668"><!-- react-text: 3669 -->2016-11-09<!-- /react-text --></code></p><ul data-reactid="3670"><li data-reactid="3671"><p data-reactid="3672"><!-- react-text: 3673 -->Fix dead loop while using <!-- /react-text --><code data-reactid="3674"><!-- react-text: 3675 -->getFieldProps<!-- /react-text --></code><!-- react-text: 3676 -->.<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3677"><div class="ant-timeline-item-tail" data-reactid="3678"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3679"></div><div class="ant-timeline-item-content" data-reactid="3680"><h2 id="2.3.1" data-reactid="3681"><span data-reactid="3682"><!-- react-text: 3683 -->2.3.1<!-- /react-text --></span><a href="#2.3.1" class="anchor" data-reactid="3684">#</a></h2><p data-reactid="3685"><code data-reactid="3686"><!-- react-text: 3687 -->2016-11-07<!-- /react-text --></code></p><ul data-reactid="3688"><li data-reactid="3689"><p data-reactid="3690"><!-- react-text: 3691 -->Add missing <!-- /react-text --><code data-reactid="3692"><!-- react-text: 3693 -->dist/antd.css<!-- /react-text --></code><!-- react-text: 3694 --> back.<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3695"><div class="ant-timeline-item-tail" data-reactid="3696"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3697"></div><div class="ant-timeline-item-content" data-reactid="3698"><h2 id="2.3.0" data-reactid="3699"><span data-reactid="3700"><!-- react-text: 3701 -->2.3.0<!-- /react-text --></span><a href="#2.3.0" class="anchor" data-reactid="3702">#</a></h2><p data-reactid="3703"><code data-reactid="3704"><!-- react-text: 3705 -->2016-11-04<!-- /react-text --></code></p><ul data-reactid="3706"><li data-reactid="3707"><p data-reactid="3708"><!-- react-text: 3709 -->Upgrade normalize.css to 5.0.<!-- /react-text --></p></li><li data-reactid="3710"><p data-reactid="3711"><!-- react-text: 3712 -->Point main file to <!-- /react-text --><code data-reactid="3713"><!-- react-text: 3714 -->lib/index.js<!-- /react-text --></code><!-- react-text: 3715 --> in package.json. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3397" data-reactid="3716"><!-- react-text: 3717 -->#3397<!-- /react-text --></a></p></li><li data-reactid="3718"><p data-reactid="3719"><!-- react-text: 3720 -->A brand new <!-- /react-text --><code data-reactid="3721"><!-- react-text: 3722 -->Spin<!-- /react-text --></code><!-- react-text: 3723 --> design.<!-- /react-text --></p></li><li data-reactid="3724"><p data-reactid="3725"><!-- react-text: 3726 -->Add <!-- /react-text --><code data-reactid="3727"><!-- react-text: 3728 -->addon<!-- /react-text --></code><!-- react-text: 3729 --> for <!-- /react-text --><code data-reactid="3730"><!-- react-text: 3731 -->TimePicker<!-- /react-text --></code><!-- react-text: 3732 --> to allow render some addon to its bottom.<!-- /react-text --></p></li><li data-reactid="3733"><p data-reactid="3734"><!-- react-text: 3735 -->Add <!-- /react-text --><code data-reactid="3736"><!-- react-text: 3737 -->onDragEnd<!-- /react-text --></code><!-- react-text: 3738 --> for <!-- /react-text --><code data-reactid="3739"><!-- react-text: 3740 -->Tree<!-- /react-text --></code><!-- react-text: 3741 -->.<!-- /react-text --></p></li><li data-reactid="3742"><p data-reactid="3743"><!-- react-text: 3744 -->Add <!-- /react-text --><code data-reactid="3745"><!-- react-text: 3746 -->bordered<!-- /react-text --></code><!-- react-text: 3747 --> for <!-- /react-text --><code data-reactid="3748"><!-- react-text: 3749 -->Collapse<!-- /react-text --></code><!-- react-text: 3750 -->.<!-- /react-text --></p></li><li data-reactid="3751"><p data-reactid="3752"><!-- react-text: 3753 -->Improve <!-- /react-text --><code data-reactid="3754"><!-- react-text: 3755 -->Tabs<!-- /react-text --></code><!-- react-text: 3756 --> switch animation.<!-- /react-text --></p></li><li data-reactid="3757"><p data-reactid="3758"><!-- react-text: 3759 -->Improve <!-- /react-text --><code data-reactid="3760"><!-- react-text: 3761 -->Radio<!-- /react-text --></code><!-- react-text: 3762 --> and <!-- /react-text --><code data-reactid="3763"><!-- react-text: 3764 -->Checkbox<!-- /react-text --></code><!-- react-text: 3765 --> style when it&#x27;s disabled and mouse hovered. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3590" data-reactid="3766"><!-- react-text: 3767 -->#3590<!-- /react-text --></a></p></li><li data-reactid="3768"><p data-reactid="3769"><!-- react-text: 3770 -->Optimize <!-- /react-text --><code data-reactid="3771"><!-- react-text: 3772 -->Transfer<!-- /react-text --></code><!-- react-text: 3773 --> performance.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2860" data-reactid="3774"><!-- react-text: 3775 -->#2860<!-- /react-text --></a></p></li><li data-reactid="3776"><p data-reactid="3777"><!-- react-text: 3778 -->Fix nested <!-- /react-text --><code data-reactid="3779"><!-- react-text: 3780 -->Popover<!-- /react-text --></code><!-- react-text: 3781 --> style issue. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3448" data-reactid="3782"><!-- react-text: 3783 -->#3448<!-- /react-text --></a></p></li><li data-reactid="3784"><p data-reactid="3785"><!-- react-text: 3786 -->Fix issue resulting in server side render <!-- /react-text --><code data-reactid="3787"><!-- react-text: 3788 -->Transfer<!-- /react-text --></code><!-- react-text: 3789 --> failed. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3686" data-reactid="3790"><!-- react-text: 3791 -->#3686<!-- /react-text --></a></p></li><li data-reactid="3792"><p data-reactid="3793"><!-- react-text: 3794 -->Fix issue resulting in preview image not display when <!-- /react-text --><code data-reactid="3795"><!-- react-text: 3796 -->Upload<!-- /react-text --></code><!-- react-text: 3797 --> in <!-- /react-text --><code data-reactid="3798"><!-- react-text: 3799 -->picture-card<!-- /react-text --></code><!-- react-text: 3800 --> mode. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3706" data-reactid="3801"><!-- react-text: 3802 -->#3706<!-- /react-text --></a><!-- react-text: 3803 --> <!-- /react-text --><a href="https://github.com/denzw" data-reactid="3804"><!-- react-text: 3805 -->@denzw<!-- /react-text --></a></p></li><li data-reactid="3806"><p data-reactid="3807"><!-- react-text: 3808 -->DatePicker<!-- /react-text --></p><ul data-reactid="3809"><li data-reactid="3810"><p data-reactid="3811"><code data-reactid="3812"><!-- react-text: 3813 -->onChange<!-- /react-text --></code><!-- react-text: 3814 --> will be triggered when <!-- /react-text --><code data-reactid="3815"><!-- react-text: 3816 -->DatePicker<!-- /react-text --></code><!-- react-text: 3817 --> in <!-- /react-text --><code data-reactid="3818"><!-- react-text: 3819 -->showTime<!-- /react-text --></code><!-- react-text: 3820 --> mode on blur now.<!-- /react-text --></p></li><li data-reactid="3821"><p data-reactid="3822"><!-- react-text: 3823 -->Add <!-- /react-text --><code data-reactid="3824"><!-- react-text: 3825 -->monthCellContentRender<!-- /react-text --></code><!-- react-text: 3826 --> for <!-- /react-text --><code data-reactid="3827"><!-- react-text: 3828 -->MonthPicker<!-- /react-text --></code><!-- react-text: 3829 -->.<!-- /react-text --></p></li><li data-reactid="3830"><p data-reactid="3831"><code data-reactid="3832"><!-- react-text: 3833 -->Rangepicker<!-- /react-text --></code><!-- react-text: 3834 --> can input time manually now.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3718" data-reactid="3835"><!-- react-text: 3836 -->#3718<!-- /react-text --></a></p></li><li data-reactid="3837"><p data-reactid="3838"><!-- react-text: 3839 -->Add czech locale/translations.<!-- /react-text --></p></li></ul></li><li data-reactid="3840"><p data-reactid="3841"><!-- react-text: 3842 -->Badge<!-- /react-text --></p><ul data-reactid="3843"><li data-reactid="3844"><p data-reactid="3845"><!-- react-text: 3846 -->Improve number over 99 displaying when mouse hovering. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3645" data-reactid="3847"><!-- react-text: 3848 -->#3645<!-- /react-text --></a></p></li><li data-reactid="3849"><p data-reactid="3850"><!-- react-text: 3851 -->Fix moving animation when using <!-- /react-text --><code data-reactid="3852"><!-- react-text: 3853 -->Badge<!-- /react-text --></code><!-- react-text: 3854 --> alone. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3709" data-reactid="3855"><!-- react-text: 3856 -->#3709<!-- /react-text --></a></p></li></ul></li><li data-reactid="3857"><p data-reactid="3858"><!-- react-text: 3859 -->Mention<!-- /react-text --></p><ul data-reactid="3860"><li data-reactid="3861"><p data-reactid="3862"><!-- react-text: 3863 -->Fix issue resulting in <!-- /react-text --><code data-reactid="3864"><!-- react-text: 3865 -->Mention<!-- /react-text --></code><!-- react-text: 3866 --> will be covered by <!-- /react-text --><code data-reactid="3867"><!-- react-text: 3868 -->Table<!-- /react-text --></code><!-- react-text: 3869 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3588" data-reactid="3870"><!-- react-text: 3871 -->#3588<!-- /react-text --></a></p></li><li data-reactid="3872"><p data-reactid="3873"><!-- react-text: 3874 -->Add <!-- /react-text --><code data-reactid="3875"><!-- react-text: 3876 -->getSuggestionContainer<!-- /react-text --></code><!-- react-text: 3877 --> to allow specify container. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3658" data-reactid="3878"><!-- react-text: 3879 -->#3658<!-- /react-text --></a></p></li></ul></li><li data-reactid="3880"><p data-reactid="3881"><!-- react-text: 3882 -->Tag<!-- /react-text --></p><ul data-reactid="3883"><li data-reactid="3884"><p data-reactid="3885"><!-- react-text: 3886 -->Deprecate <!-- /react-text --><code data-reactid="3887"><!-- react-text: 3888 -->color<!-- /react-text --></code><!-- react-text: 3889 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3560" data-reactid="3890"><!-- react-text: 3891 -->#3560<!-- /react-text --></a></p></li><li data-reactid="3892"><p data-reactid="3893"><!-- react-text: 3894 -->Add <!-- /react-text --><code data-reactid="3895"><!-- react-text: 3896 -->type<!-- /react-text --></code><!-- react-text: 3897 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3560" data-reactid="3898"><!-- react-text: 3899 -->#3560<!-- /react-text --></a></p></li><li data-reactid="3900"><p data-reactid="3901"><!-- react-text: 3902 -->Add <!-- /react-text --><code data-reactid="3903"><!-- react-text: 3904 -->checkable<!-- /react-text --></code><!-- react-text: 3905 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3560" data-reactid="3906"><!-- react-text: 3907 -->#3560<!-- /react-text --></a></p></li></ul></li><li data-reactid="3908"><p data-reactid="3909"><!-- react-text: 3910 -->Radio.Group<!-- /react-text --></p><ul data-reactid="3911"><li data-reactid="3912"><p data-reactid="3913"><!-- react-text: 3914 -->Add <!-- /react-text --><code data-reactid="3915"><!-- react-text: 3916 -->className<!-- /react-text --></code><!-- react-text: 3917 -->.<!-- /react-text --></p></li><li data-reactid="3918"><p data-reactid="3919"><code data-reactid="3920"><!-- react-text: 3921 -->null<!-- /react-text --></code><!-- react-text: 3922 --> or <!-- /react-text --><code data-reactid="3923"><!-- react-text: 3924 -->undefined<!-- /react-text --></code><!-- react-text: 3925 --> <!-- /react-text --><code data-reactid="3926"><!-- react-text: 3927 -->children<!-- /react-text --></code><!-- react-text: 3928 --> will be ignored.<!-- /react-text --></p></li></ul></li><li data-reactid="3929"><p data-reactid="3930"><!-- react-text: 3931 -->Select<!-- /react-text --></p><ul data-reactid="3932"><li data-reactid="3933"><p data-reactid="3934"><!-- react-text: 3935 -->Add <!-- /react-text --><code data-reactid="3936"><!-- react-text: 3937 -->tokenSeparators<!-- /react-text --></code><!-- react-text: 3938 --> to support automatic tokenization. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2071" data-reactid="3939"><!-- react-text: 3940 -->#2071<!-- /react-text --></a></p></li><li data-reactid="3941"><p data-reactid="3942"><!-- react-text: 3943 -->Add <!-- /react-text --><code data-reactid="3944"><!-- react-text: 3945 -->onFocus<!-- /react-text --></code><!-- react-text: 3946 --> callback. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3587" data-reactid="3947"><!-- react-text: 3948 -->#3587<!-- /react-text --></a></p></li><li data-reactid="3949"><p data-reactid="3950"><!-- react-text: 3951 -->Fix issue resulting in Select can&#x27;t display correct selected item text in <!-- /react-text --><code data-reactid="3952"><!-- react-text: 3953 -->combobox<!-- /react-text --></code><!-- react-text: 3954 --> mode. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3401" data-reactid="3955"><!-- react-text: 3956 -->#3401<!-- /react-text --></a></p></li></ul></li></ul></div></li><li class="ant-timeline-item" data-reactid="3957"><div class="ant-timeline-item-tail" data-reactid="3958"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3959"></div><div class="ant-timeline-item-content" data-reactid="3960"><h2 id="2.2.1" data-reactid="3961"><span data-reactid="3962"><!-- react-text: 3963 -->2.2.1<!-- /react-text --></span><a href="#2.2.1" class="anchor" data-reactid="3964">#</a></h2><p data-reactid="3965"><code data-reactid="3966"><!-- react-text: 3967 -->2016-11-02<!-- /react-text --></code></p><ul data-reactid="3968"><li data-reactid="3969"><p data-reactid="3970"><!-- react-text: 3971 -->Fix controlled DatePicker<!-- /react-text --><!-- react-text: 3972 -->[showtime]<!-- /react-text --><!-- react-text: 3973 --> not working bug. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3665" data-reactid="3974"><!-- react-text: 3975 -->#3665<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="3976"><div class="ant-timeline-item-tail" data-reactid="3977"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="3978"></div><div class="ant-timeline-item-content" data-reactid="3979"><h2 id="2.2.0" data-reactid="3980"><span data-reactid="3981"><!-- react-text: 3982 -->2.2.0<!-- /react-text --></span><a href="#2.2.0" class="anchor" data-reactid="3983">#</a></h2><p data-reactid="3984"><code data-reactid="3985"><!-- react-text: 3986 -->2016-10-28<!-- /react-text --></code></p><ul data-reactid="3987"><li data-reactid="3988"><p data-reactid="3989"><!-- react-text: 3990 -->Supports TypeScript@2.0. <!-- /react-text --><a href="https://github.com/AlbertZheng" data-reactid="3991"><!-- react-text: 3992 -->@AlbertZheng<!-- /react-text --></a><!-- react-text: 3993 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3358" data-reactid="3994"><!-- react-text: 3995 -->#3358<!-- /react-text --></a></p></li><li data-reactid="3996"><p data-reactid="3997"><!-- react-text: 3998 -->Not rely on specific version of React now. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3627" data-reactid="3999"><!-- react-text: 4000 -->#3627<!-- /react-text --></a></p></li><li data-reactid="4001"><p data-reactid="4002"><!-- react-text: 4003 -->Alert supports <!-- /react-text --><code data-reactid="4004"><!-- react-text: 4005 -->className<!-- /react-text --></code><!-- react-text: 4006 --> <!-- /react-text --><code data-reactid="4007"><!-- react-text: 4008 -->style<!-- /react-text --></code><!-- react-text: 4009 -->.<!-- /react-text --></p></li><li data-reactid="4010"><p data-reactid="4011"><!-- react-text: 4012 -->DatePicker &amp; MonthPicker &amp; RangePicker allow developers to set whether to show the clear button. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3618" data-reactid="4013"><!-- react-text: 4014 -->#3618<!-- /react-text --></a></p></li><li data-reactid="4015"><p data-reactid="4016"><!-- react-text: 4017 -->Form.Item can generate <!-- /react-text --><code data-reactid="4018"><!-- react-text: 4019 -->validateStatus<!-- /react-text --></code><!-- react-text: 4020 --> &amp; <!-- /react-text --><code data-reactid="4021"><!-- react-text: 4022 -->help<!-- /react-text --></code><!-- react-text: 4023 --> for nested form control automatically. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3212" data-reactid="4024"><!-- react-text: 4025 -->#3212<!-- /react-text --></a></p></li><li data-reactid="4026"><p data-reactid="4027"><!-- react-text: 4028 -->RangePicker can set some hours or minutes or seconds to be not selectable. <!-- /react-text --><a href="https://ant.design/components/date-picker/#components-date-picker-demo-disabled-date" data-reactid="4029"><!-- react-text: 4030 -->#<!-- /react-text --></a></p></li><li data-reactid="4031"><p data-reactid="4032"><!-- react-text: 4033 -->Switch<!-- /react-text --></p><ul data-reactid="4034"><li data-reactid="4035"><p data-reactid="4036"><!-- react-text: 4037 -->The width of Switch will resize automatically, according to <!-- /react-text --><code data-reactid="4038"><!-- react-text: 4039 -->checkedChildren/unCheckedChildren<!-- /react-text --></code><!-- react-text: 4040 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3380" data-reactid="4041"><!-- react-text: 4042 -->#3380<!-- /react-text --></a></p></li><li data-reactid="4043"><p data-reactid="4044"><!-- react-text: 4045 -->Improve the switch animation.<!-- /react-text --></p></li></ul></li><li data-reactid="4046"><p data-reactid="4047"><!-- react-text: 4048 -->Upload can <!-- /react-text --><a href="https://github.com/react-component/upload#customrequest" data-reactid="4049"><!-- react-text: 4050 -->customized request<!-- /react-text --></a><!-- react-text: 4051 --> now. <!-- /react-text --><a href="https://github.com/edgji" data-reactid="4052"><!-- react-text: 4053 -->@edgji<!-- /react-text --></a></p></li><li data-reactid="4054"><p data-reactid="4055"><!-- react-text: 4056 -->Icon<!-- /react-text --></p><ul data-reactid="4057"><li data-reactid="4058"><p data-reactid="4059"><!-- react-text: 4060 -->New icons <!-- /react-text --><code data-reactid="4061"><!-- react-text: 4062 -->bulb<!-- /react-text --></code><!-- react-text: 4063 --> <!-- /react-text --><code data-reactid="4064"><!-- react-text: 4065 -->select<!-- /react-text --></code><!-- react-text: 4066 --> <!-- /react-text --><code data-reactid="4067"><!-- react-text: 4068 -->like-o<!-- /react-text --></code><!-- react-text: 4069 --> <!-- /react-text --><code data-reactid="4070"><!-- react-text: 4071 -->dislike-o<!-- /react-text --></code><!-- react-text: 4072 -->.<!-- /react-text --></p></li><li data-reactid="4073"><p data-reactid="4074"><!-- react-text: 4075 -->Adjust existing icons <!-- /react-text --><code data-reactid="4076"><!-- react-text: 4077 -->loading<!-- /react-text --></code><!-- react-text: 4078 --> <!-- /react-text --><code data-reactid="4079"><!-- react-text: 4080 -->like<!-- /react-text --></code><!-- react-text: 4081 --> <!-- /react-text --><code data-reactid="4082"><!-- react-text: 4083 -->dislike<!-- /react-text --></code><!-- react-text: 4084 -->.<!-- /react-text --></p></li></ul></li><li data-reactid="4085"><p data-reactid="4086"><!-- react-text: 4087 -->Improve the TypeScript definition of Card &amp; DatePicker &amp; Icon &amp; Table. <!-- /react-text --><a href="https://github.com/infeng" data-reactid="4088"><!-- react-text: 4089 -->@infeng<!-- /react-text --></a><!-- react-text: 4090 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3468" data-reactid="4091"><!-- react-text: 4092 -->3468<!-- /react-text --></a><!-- react-text: 4093 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3603" data-reactid="4094"><!-- react-text: 4095 -->#3603<!-- /react-text --></a><!-- react-text: 4096 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3531" data-reactid="4097"><!-- react-text: 4098 -->#3531<!-- /react-text --></a></p></li><li data-reactid="4099"><p data-reactid="4100"><!-- react-text: 4101 -->Fix Cascader <!-- /react-text --><code data-reactid="4102"><!-- react-text: 4103 -->defaultValue<!-- /react-text --></code><!-- react-text: 4104 --> should work. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3470" data-reactid="4105"><!-- react-text: 4106 -->#3470<!-- /react-text --></a></p></li><li data-reactid="4107"><p data-reactid="4108"><!-- react-text: 4109 -->Fix the alignment of Button &amp; Input &amp; DatePicker &amp; Select. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3481" data-reactid="4110"><!-- react-text: 4111 -->#3481<!-- /react-text --></a></p></li><li data-reactid="4112"><p data-reactid="4113"><!-- react-text: 4114 -->DatePicker<!-- /react-text --></p><ul data-reactid="4115"><li data-reactid="4116"><p data-reactid="4117"><!-- react-text: 4118 -->Fix wrong timing of triggering <!-- /react-text --><code data-reactid="4119"><!-- react-text: 4120 -->onChange<!-- /react-text --></code><!-- react-text: 4121 --> while <!-- /react-text --><code data-reactid="4122"><!-- react-text: 4123 -->DatePicker[showTime]<!-- /react-text --></code><!-- react-text: 4124 --> is set. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3523" data-reactid="4125"><!-- react-text: 4126 -->#3523<!-- /react-text --></a></p></li></ul></li><li data-reactid="4127"><p data-reactid="4128"><!-- react-text: 4129 -->Fix <!-- /react-text --><code data-reactid="4130"><!-- react-text: 4131 -->Dropdown.Button[disabled]<!-- /react-text --></code><!-- react-text: 4132 --> doesn&#x27;t works for behaviour. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3535" data-reactid="4133"><!-- react-text: 4134 -->#3535<!-- /react-text --></a></p></li><li data-reactid="4135"><p data-reactid="4136"><!-- react-text: 4137 -->Menu<!-- /react-text --></p><ul data-reactid="4138"><li data-reactid="4139"><p data-reactid="4140"><!-- react-text: 4141 -->Fix errors in SSR, thanks to  <!-- /react-text --><a href="https://github.com/xpcode" data-reactid="4142"><!-- react-text: 4143 -->@xpcode<!-- /react-text --></a><!-- react-text: 4144 --> to find the solution. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2061" data-reactid="4145"><!-- react-text: 4146 -->#2061<!-- /react-text --></a><!-- react-text: 4147 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2406" data-reactid="4148"><!-- react-text: 4149 -->#2406<!-- /react-text --></a><!-- react-text: 4150 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3293" data-reactid="4151"><!-- react-text: 4152 -->#3293<!-- /react-text --></a></p></li><li data-reactid="4153"><p data-reactid="4154"><!-- react-text: 4155 -->Fix children don&#x27;t support <!-- /react-text --><code data-reactid="4156"><!-- react-text: 4157 -->null<!-- /react-text --></code><!-- react-text: 4158 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3599" data-reactid="4159"><!-- react-text: 4160 -->#3599<!-- /react-text --></a></p></li></ul></li><li data-reactid="4161"><p data-reactid="4162"><!-- react-text: 4163 -->Fix loading status animation for message.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3536" data-reactid="4164"><!-- react-text: 4165 -->#3536<!-- /react-text --></a></p></li><li data-reactid="4166"><p data-reactid="4167"><!-- react-text: 4168 -->Form<!-- /react-text --></p><ul data-reactid="4169"><li data-reactid="4170"><p data-reactid="4171"><!-- react-text: 4172 -->Fix style issue while using <!-- /react-text --><code data-reactid="4173"><!-- react-text: 4174 -->Form[inline]<!-- /react-text --></code><!-- react-text: 4175 --> and <!-- /react-text --><code data-reactid="4176"><!-- react-text: 4177 -->Input[addonBefore|addonAfter]<!-- /react-text --></code><!-- react-text: 4178 --> together. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3524" data-reactid="4179"><!-- react-text: 4180 -->#3524<!-- /react-text --></a></p></li><li data-reactid="4181"><p data-reactid="4182"><!-- react-text: 4183 -->Fix style issue for Radio.Button in Form.Item.<!-- /react-text --></p></li><li data-reactid="4184"><p data-reactid="4185"><!-- react-text: 4186 -->Fix style issue for search button in Form.Item. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3630" data-reactid="4187"><!-- react-text: 4188 -->#3630<!-- /react-text --></a></p></li><li data-reactid="4189"><p data-reactid="4190"><!-- react-text: 4191 -->Fix Form.Item should not treat no user input as validate success. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3613" data-reactid="4192"><!-- react-text: 4193 -->#3613<!-- /react-text --></a></p></li></ul></li><li data-reactid="4194"><p data-reactid="4195"><!-- react-text: 4196 -->Should not limit the min width of Popover while <!-- /react-text --><code data-reactid="4197"><!-- react-text: 4198 -->Popover[title]<!-- /react-text --></code><!-- react-text: 4199 --> is not set.<!-- /react-text --></p></li><li data-reactid="4200"><p data-reactid="4201"><!-- react-text: 4202 -->Table<!-- /react-text --></p><ul data-reactid="4203"><li data-reactid="4204"><p data-reactid="4205"><!-- react-text: 4206 -->Fix style of fixed header of Table while <!-- /react-text --><code data-reactid="4207"><!-- react-text: 4208 -->dataSource<!-- /react-text --></code><!-- react-text: 4209 --> is empty.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3567" data-reactid="4210"><!-- react-text: 4211 -->#3567<!-- /react-text --></a></p></li><li data-reactid="4212"><p data-reactid="4213"><!-- react-text: 4214 -->Fix Table will overlap SubMenu while <!-- /react-text --><code data-reactid="4215"><!-- react-text: 4216 -->dataSource<!-- /react-text --></code><!-- react-text: 4217 --> is empty. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3521" data-reactid="4218"><!-- react-text: 4219 -->#3521<!-- /react-text --></a></p></li></ul></li><li data-reactid="4220"><p data-reactid="4221"><!-- react-text: 4222 -->Tabs<!-- /react-text --></p><ul data-reactid="4223"><li data-reactid="4224"><p data-reactid="4225"><!-- react-text: 4226 -->Height of header of <!-- /react-text --><code data-reactid="4227"><!-- react-text: 4228 -->Tabs[type=&quot;card|editable-card&quot;]<!-- /react-text --></code><!-- react-text: 4229 --> should follow design.<!-- /react-text --></p></li><li data-reactid="4230"><p data-reactid="4231"><!-- react-text: 4232 -->Fix height of TabPane should follow height of its content. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3304" data-reactid="4233"><!-- react-text: 4234 -->#3304<!-- /react-text --></a></p></li></ul></li><li data-reactid="4235"><p data-reactid="4236"><!-- react-text: 4237 -->Fix style of <!-- /react-text --><code data-reactid="4238"><!-- react-text: 4239 -->TreeSelect[showSearch]<!-- /react-text --></code><!-- react-text: 4240 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3520" data-reactid="4241"><!-- react-text: 4242 -->#3520<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="4243"><div class="ant-timeline-item-tail" data-reactid="4244"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="4245"></div><div class="ant-timeline-item-content" data-reactid="4246"><h2 id="2.1.0" data-reactid="4247"><span data-reactid="4248"><!-- react-text: 4249 -->2.1.0<!-- /react-text --></span><a href="#2.1.0" class="anchor" data-reactid="4250">#</a></h2><p data-reactid="4251"><code data-reactid="4252"><!-- react-text: 4253 -->2016-10-16<!-- /react-text --></code></p><ul data-reactid="4254"><li data-reactid="4255"><p data-reactid="4256"><!-- react-text: 4257 -->Supports spinning Icon.<!-- /react-text --></p></li><li data-reactid="4258"><p data-reactid="4259"><!-- react-text: 4260 -->Tabs&#x27;s switch animation could be disabled now. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3324" data-reactid="4261"><!-- react-text: 4262 -->#3324<!-- /react-text --></a></p></li><li data-reactid="4263"><p data-reactid="4264"><!-- react-text: 4265 -->Add Spanish localization for LocaleProvider. @Danjavia<!-- /react-text --></p></li><li data-reactid="4266"><p data-reactid="4267"><!-- react-text: 4268 -->Update Russian localization for LocaleProvider. @plandem<!-- /react-text --></p></li><li data-reactid="4269"><p data-reactid="4270"><!-- react-text: 4271 -->Add <!-- /react-text --><code data-reactid="4272"><!-- react-text: 4273 -->onSelect<!-- /react-text --></code><!-- react-text: 4274 --> event for AutoComplete.<!-- /react-text --></p></li><li data-reactid="4275"><p data-reactid="4276"><!-- react-text: 4277 -->Improve style of Modal.<!-- /react-text --></p></li><li data-reactid="4278"><p data-reactid="4279"><!-- react-text: 4280 -->Improve animation of Tooltip.<!-- /react-text --></p></li><li data-reactid="4281"><p data-reactid="4282"><!-- react-text: 4283 -->Improve style of Transfer&#x27;s buttons.<!-- /react-text --></p></li><li data-reactid="4284"><p data-reactid="4285"><!-- react-text: 4286 -->Improve style of Tree.<!-- /react-text --></p></li><li data-reactid="4287"><p data-reactid="4288"><!-- react-text: 4289 -->Fix some less variables.<!-- /react-text --></p></li><li data-reactid="4290"><p data-reactid="4291"><!-- react-text: 4292 -->Fix errors while import the whole antd in SSR.<!-- /react-text --></p></li><li data-reactid="4293"><p data-reactid="4294"><!-- react-text: 4295 -->Fix errors while render Affix and BackTop on server. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3283" data-reactid="4296"><!-- react-text: 4297 -->#3283<!-- /react-text --></a><!-- react-text: 4298 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3343" data-reactid="4299"><!-- react-text: 4300 -->#3343<!-- /react-text --></a></p></li><li data-reactid="4301"><p data-reactid="4302"><!-- react-text: 4303 -->Fix conflicts between Cascader search mode and browser&#x27;s autocomplete behaviour. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3350" data-reactid="4304"><!-- react-text: 4305 -->#3350<!-- /react-text --></a></p></li><li data-reactid="4306"><p data-reactid="4307"><!-- react-text: 4308 -->Fix bug that <!-- /react-text --><code data-reactid="4309"><!-- react-text: 4310 -->h3<!-- /react-text --></code><!-- react-text: 4311 --> cannot be the value of Card<!-- /react-text --><!-- react-text: 4312 -->[title]<!-- /react-text --><!-- react-text: 4313 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3388" data-reactid="4314"><!-- react-text: 4315 -->#3388<!-- /react-text --></a></p></li><li data-reactid="4316"><p data-reactid="4317"><!-- react-text: 4318 -->DatePicker<!-- /react-text --></p><ul data-reactid="4319"><li data-reactid="4320"><p data-reactid="4321"><!-- react-text: 4322 -->Fix bug that <!-- /react-text --><code data-reactid="4323"><!-- react-text: 4324 -->onChange<!-- /react-text --></code><!-- react-text: 4325 --> will be trigger twice when <!-- /react-text --><code data-reactid="4326"><!-- react-text: 4327 -->showTime<!-- /react-text --></code><!-- react-text: 4328 --> is set. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3376" data-reactid="4329"><!-- react-text: 4330 -->#3376<!-- /react-text --></a></p></li><li data-reactid="4331"><p data-reactid="4332"><!-- react-text: 4333 -->Fix differences between overlay&#x27;s and trigger&#x27;s date format. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3405" data-reactid="4334"><!-- react-text: 4335 -->#3405<!-- /react-text --></a><!-- react-text: 4336 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3298" data-reactid="4337"><!-- react-text: 4338 -->#3298<!-- /react-text --></a></p></li><li data-reactid="4339"><p data-reactid="4340"><!-- react-text: 4341 -->Fix style conflicts with TimePicker. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3312" data-reactid="4342"><!-- react-text: 4343 -->#3312<!-- /react-text --></a><!-- react-text: 4344 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3307" data-reactid="4345"><!-- react-text: 4346 -->#3307<!-- /react-text --></a></p></li></ul></li><li data-reactid="4347"><p data-reactid="4348"><!-- react-text: 4349 -->Fix overflow issue for Form.Item label.<!-- /react-text --></p></li><li data-reactid="4350"><p data-reactid="4351"><!-- react-text: 4352 -->Fix that Icon should not show border in Safari.<!-- /react-text --></p></li><li data-reactid="4353"><p data-reactid="4354"><!-- react-text: 4355 -->Fix infinite loop while inc/dec InputNubmer with keyboard. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3239" data-reactid="4356"><!-- react-text: 4357 -->#3239<!-- /react-text --></a></p></li><li data-reactid="4358"><p data-reactid="4359"><!-- react-text: 4360 -->Fix the style of the arrow of Popover.<!-- /react-text --></p></li><li data-reactid="4361"><p data-reactid="4362"><!-- react-text: 4363 -->Fix bug Popover and Popconfirm <!-- /react-text --><code data-reactid="4364"><!-- react-text: 4365 -->arrowPointAtCenter<!-- /react-text --></code><!-- react-text: 4366 --> doesn&#x27;t work.<!-- /react-text --></p></li><li data-reactid="4367"><p data-reactid="4368"><!-- react-text: 4369 -->Select<!-- /react-text --></p><ul data-reactid="4370"><li data-reactid="4371"><p data-reactid="4372"><!-- react-text: 4373 -->Fix bug that styles of Select are imported twice. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3332" data-reactid="4374"><!-- react-text: 4375 -->#3332<!-- /react-text --></a></p></li><li data-reactid="4376"><p data-reactid="4377"><!-- react-text: 4378 -->Fix bug <!-- /react-text --><code data-reactid="4379"><!-- react-text: 4380 -->notFoundContent<!-- /react-text --></code><!-- react-text: 4381 --> cannot be set as <!-- /react-text --><code data-reactid="4382"><!-- react-text: 4383 -->&#x27;&#x27;<!-- /react-text --></code><!-- react-text: 4384 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3345" data-reactid="4385"><!-- react-text: 4386 -->#3345<!-- /react-text --></a></p></li><li data-reactid="4387"><p data-reactid="4388"><!-- react-text: 4389 -->Fix the unstable width of table cell with Select<!-- /react-text --><!-- react-text: 4390 -->[showsearch]<!-- /react-text --><!-- react-text: 4391 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3413" data-reactid="4392"><!-- react-text: 4393 -->#3413<!-- /react-text --></a></p></li></ul></li><li data-reactid="4394"><p data-reactid="4395"><!-- react-text: 4396 -->Fix style conflicts while use <!-- /react-text --><code data-reactid="4397"><!-- react-text: 4398 -->border<!-- /react-text --></code><!-- react-text: 4399 --> &amp; <!-- /react-text --><code data-reactid="4400"><!-- react-text: 4401 -->title<!-- /react-text --></code><!-- react-text: 4402 --> &amp; <!-- /react-text --><code data-reactid="4403"><!-- react-text: 4404 -->footer<!-- /react-text --></code><!-- react-text: 4405 --> of Table at the same time. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3301" data-reactid="4406"><!-- react-text: 4407 -->#3301<!-- /react-text --></a></p></li><li data-reactid="4408"><p data-reactid="4409"><!-- react-text: 4410 -->Fix that the height of TabPane doesn&#x27;t follow height of content. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3377" data-reactid="4411"><!-- react-text: 4412 -->#3377<!-- /react-text --></a></p></li><li data-reactid="4413"><p data-reactid="4414"><!-- react-text: 4415 -->Fix bug Transfer<!-- /react-text --><!-- react-text: 4416 -->[titles]<!-- /react-text --><!-- react-text: 4417 --> is not under the control of LocaleProvider. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3264" data-reactid="4418"><!-- react-text: 4419 -->#3264<!-- /react-text --></a></p></li><li data-reactid="4420"><p data-reactid="4421"><!-- react-text: 4422 -->Upload<!-- /react-text --></p><ul data-reactid="4423"><li data-reactid="4424"><p data-reactid="4425"><!-- react-text: 4426 -->Fix bug users&#x27; <!-- /react-text --><code data-reactid="4427"><!-- react-text: 4428 -->onRemove<!-- /react-text --></code><!-- react-text: 4429 --> will override default behaviour. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3317" data-reactid="4430"><!-- react-text: 4431 -->#3317<!-- /react-text --></a></p></li><li data-reactid="4432"><p data-reactid="4433"><!-- react-text: 4434 -->Fix style for <!-- /react-text --><code data-reactid="4435"><!-- react-text: 4436 -->listType=&#x27;picture-card&#x27;<!-- /react-text --></code><!-- react-text: 4437 -->.<!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3316" data-reactid="4438"><!-- react-text: 4439 -->#3316<!-- /react-text --></a></p></li></ul></li><li data-reactid="4440"><p data-reactid="4441"><!-- react-text: 4442 -->Fix bug that moment locales is not found while built. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3204" data-reactid="4443"><!-- react-text: 4444 -->#3204<!-- /react-text --></a><!-- react-text: 4445 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3411" data-reactid="4446"><!-- react-text: 4447 -->#3411<!-- /react-text --></a></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="4448"><div class="ant-timeline-item-tail" data-reactid="4449"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="4450"></div><div class="ant-timeline-item-content" data-reactid="4451"><h2 id="2.0.1" data-reactid="4452"><span data-reactid="4453"><!-- react-text: 4454 -->2.0.1<!-- /react-text --></span><a href="#2.0.1" class="anchor" data-reactid="4455">#</a></h2><p data-reactid="4456"><code data-reactid="4457"><!-- react-text: 4458 -->2016-10-01<!-- /react-text --></code></p><ul data-reactid="4459"><li data-reactid="4460"><p data-reactid="4461"><!-- react-text: 4462 -->Fix developers cannot call methods of react-slick. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3164" data-reactid="4463"><!-- react-text: 4464 -->#3164<!-- /react-text --></a></p></li><li data-reactid="4465"><p data-reactid="4466"><!-- react-text: 4467 -->Fix Steps.Step<!-- /react-text --><!-- react-text: 4468 -->[icon]<!-- /react-text --><!-- react-text: 4469 --> should support React.ReactNode. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3159" data-reactid="4470"><!-- react-text: 4471 -->#3159<!-- /react-text --></a></p></li><li data-reactid="4472"><p data-reactid="4473"><!-- react-text: 4474 -->Fix server-side render for Affix. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3216" data-reactid="4475"><!-- react-text: 4476 -->#3216<!-- /react-text --></a></p></li><li data-reactid="4477"><p data-reactid="4478"><!-- react-text: 4479 -->Fix Mention should support <!-- /react-text --><code data-reactid="4480"><!-- react-text: 4481 -->onSelect<!-- /react-text --></code><!-- react-text: 4482 --> <!-- /react-text --><code data-reactid="4483"><!-- react-text: 4484 -->placeholder<!-- /react-text --></code><!-- react-text: 4485 -->. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3236" data-reactid="4486"><!-- react-text: 4487 -->#3236<!-- /react-text --></a><!-- react-text: 4488 --> <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3226" data-reactid="4489"><!-- react-text: 4490 -->#3226<!-- /react-text --></a></p></li><li data-reactid="4491"><p data-reactid="4492"><!-- react-text: 4493 -->Fix Transfer cannot work with <!-- /react-text --><code data-reactid="4494"><!-- react-text: 4495 -->getFieldDecorator<!-- /react-text --></code><!-- react-text: 4496 -->.<!-- /react-text --></p></li><li data-reactid="4497"><p data-reactid="4498"><!-- react-text: 4499 -->Fix LocaleProvider doesn&#x27;t work for time-related components.<!-- /react-text --></p></li><li data-reactid="4500"><p data-reactid="4501"><!-- react-text: 4502 -->Fix Cascader doesn&#x27;t show search text in search mode.<!-- /react-text --></p></li><li data-reactid="4503"><p data-reactid="4504"><!-- react-text: 4505 -->Fix the animation &amp; text Spin should be placed in vertical middle.<!-- /react-text --></p></li><li data-reactid="4506"><p data-reactid="4507"><!-- react-text: 4508 -->Fix styles of RangePicker Modal Tag Progress.<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item" data-reactid="4509"><div class="ant-timeline-item-tail" data-reactid="4510"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="4511"></div><div class="ant-timeline-item-content" data-reactid="4512"><h2 id="2.0.0" data-reactid="4513"><span data-reactid="4514"><!-- react-text: 4515 -->2.0.0<!-- /react-text --></span><a href="#2.0.0" class="anchor" data-reactid="4516">#</a></h2><p data-reactid="4517"><code data-reactid="4518"><!-- react-text: 4519 -->2016-09-28<!-- /react-text --></code></p><p data-reactid="4520"><!-- react-text: 4521 -->After four months, <!-- /react-text --><code data-reactid="4522"><!-- react-text: 4523 -->antd@2.0.0<!-- /react-text --></code><!-- react-text: 4524 --> is published. We had refactored code and improve functionalities and details of existing components. What&#x27;s more, we provide English version of the documentation. The antd community help us a lot in developing <!-- /react-text --><code data-reactid="4525"><!-- react-text: 4526 -->antd@2.0.0<!-- /react-text --></code><!-- react-text: 4527 -->.<!-- /react-text --></p><p data-reactid="4528"><!-- react-text: 4529 -->If you meet any problem while you try to upgrade from <!-- /react-text --><code data-reactid="4530"><!-- react-text: 4531 -->antd@1.0.0<!-- /react-text --></code><!-- react-text: 4532 -->, feel free to <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues" data-reactid="4533"><!-- react-text: 4534 -->create issues on GitHub<!-- /react-text --></a><!-- react-text: 4535 -->.<!-- /react-text --></p><h3 id="2.x-Major-changes" data-reactid="4536"><span data-reactid="4537"><!-- react-text: 4538 -->2.x Major changes<!-- /react-text --></span><a href="#2.x-Major-changes" class="anchor" data-reactid="4539">#</a></h3><ul data-reactid="4540"><li data-reactid="4541"><p data-reactid="4542"><!-- react-text: 4543 -->Refactor components with TypeScript, and provide <!-- /react-text --><strong data-reactid="4544"><code data-reactid="4545"><!-- react-text: 4546 -->.d.ts<!-- /react-text --></code><!-- react-text: 4547 --> files which are officially supported<!-- /react-text --></strong><!-- react-text: 4548 -->. Thanks to all the developers that contributed to <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/1846" data-reactid="4549"><!-- react-text: 4550 -->#1846<!-- /react-text --></a><!-- react-text: 4551 --> and @infeng.<!-- /react-text --></p></li><li data-reactid="4552"><p data-reactid="4553"><strong data-reactid="4554"><!-- react-text: 4555 -->Translate the documentation into English<!-- /react-text --></strong><!-- react-text: 4556 -->, and we are going to provide both of Chinese and English versions of the documentation in the future. Thanks to all the translators and reviewers that contributed to <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/1471" data-reactid="4557"><!-- react-text: 4558 -->#1471<!-- /react-text --></a><!-- react-text: 4559 -->.<!-- /react-text --></p></li><li data-reactid="4560"><p data-reactid="4561"><!-- react-text: 4562 -->DatePicker, TimePicker, Calendar and other components that are designed to select time <!-- /react-text --><strong data-reactid="4563"><!-- react-text: 4564 -->are refactored to replace <!-- /react-text --><a href="github.com/yiminghe/gregorian-calendar" data-reactid="4565">gregorian-calendar</a><!-- react-text: 4566 --> with <!-- /react-text --><a href="http://momentjs.com/" data-reactid="4567"><!-- react-text: 4568 -->moment<!-- /react-text --></a></strong><!-- react-text: 4569 -->.<!-- /react-text --></p></li><li data-reactid="4570"><p data-reactid="4571"><!-- react-text: 4572 -->All the <!-- /react-text --><a href="http://ant.design/components/icon/" data-reactid="4573"><!-- react-text: 4574 -->icons<!-- /react-text --></a><!-- react-text: 4575 --> are re-designed.<!-- /react-text --></p></li><li data-reactid="4576"><p data-reactid="4577"><!-- react-text: 4578 -->New component <!-- /react-text --><a href="http://ant.design/components/mention/" data-reactid="4579"><!-- react-text: 4580 -->Mention<!-- /react-text --></a><!-- react-text: 4581 -->.<!-- /react-text --></p></li><li data-reactid="4582"><p data-reactid="4583"><!-- react-text: 4584 -->New component <!-- /react-text --><a href="http://ant.design/components/auto-complete/" data-reactid="4585"><!-- react-text: 4586 -->AutoComplete<!-- /react-text --></a><!-- react-text: 4587 -->.<!-- /react-text --></p></li><li data-reactid="4588"><p data-reactid="4589"><!-- react-text: 4590 -->The <!-- /react-text --><code data-reactid="4591"><!-- react-text: 4592 -->getFieldProps<!-- /react-text --></code><!-- react-text: 4593 --> of Form is replaced with <!-- /react-text --><code data-reactid="4594"><!-- react-text: 4595 -->getFieldDecorator<!-- /react-text --></code><!-- react-text: 4596 --> which will warn developers if they make mistakes. Related discussion <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/1533" data-reactid="4597"><!-- react-text: 4598 -->#1533<!-- /react-text --></a><!-- react-text: 4599 -->.<!-- /react-text --></p></li><li data-reactid="4600"><p data-reactid="4601"><!-- react-text: 4602 -->Table supports <!-- /react-text --><a href="http://ant.design/components/table/#components-table-demo-grouping-columns" data-reactid="4603"><!-- react-text: 4604 -->grouping columns<!-- /react-text --></a><!-- react-text: 4605 -->. @yesmeck<!-- /react-text --></p></li><li data-reactid="4606"><p data-reactid="4607"><!-- react-text: 4608 -->Removed components and features which are deprecated in <!-- /react-text --><code data-reactid="4609"><!-- react-text: 4610 -->antd@1.x<!-- /react-text --></code><!-- react-text: 4611 -->, such as QueueAnim, Validation, Form.ValueMixin, Progress.Line, Progress.Circle, Popover<!-- /react-text --><!-- react-text: 4612 -->[overlay]<!-- /react-text --><!-- react-text: 4613 --> and Slider<!-- /react-text --><!-- react-text: 4614 -->[marks]<!-- /react-text --><!-- react-text: 4615 --> will not support array any more.<!-- /react-text --></p></li></ul><h3 id="2.x-Breaking-changes" data-reactid="4616"><span data-reactid="4617"><!-- react-text: 4618 -->2.x Breaking changes<!-- /react-text --></span><a href="#2.x-Breaking-changes" class="anchor" data-reactid="4619">#</a></h3><blockquote data-reactid="4620"><p data-reactid="4621"><!-- react-text: 4622 -->We suggest you upgrade to lastest version of <!-- /react-text --><code data-reactid="4623"><!-- react-text: 4624 -->2.x<!-- /react-text --></code><!-- react-text: 4625 -->.<!-- /react-text --></p></blockquote><p data-reactid="4626"><!-- react-text: 4627 -->There are some breaking changes in <!-- /react-text --><code data-reactid="4628"><!-- react-text: 4629 -->antd@2.0.0<!-- /react-text --></code><!-- react-text: 4630 -->, and you need to modify your code to work with it.<!-- /react-text --></p><ul data-reactid="4631"><li data-reactid="4632"><p data-reactid="4633"><code data-reactid="4634"><!-- react-text: 4635 -->value<!-- /react-text --></code><!-- react-text: 4636 --> and <!-- /react-text --><code data-reactid="4637"><!-- react-text: 4638 -->defaultValue<!-- /react-text --></code><!-- react-text: 4639 --> of all the time-related components will not support type <!-- /react-text --><code data-reactid="4640"><!-- react-text: 4641 -->String/Date<!-- /react-text --></code><!-- react-text: 4642 -->, please use <!-- /react-text --><a href="http://momentjs.com/" data-reactid="4643"><!-- react-text: 4644 -->moment<!-- /react-text --></a><!-- react-text: 4645 -->:<!-- /react-text --></p><pre class="language-diff" data-reactid="4646"><code data-reactid="4647"><span class="token deleted">- &lt;TimePicker defaultValue="12:08:23" /></span>
 <span class="token inserted">+ &lt;TimePicker defaultValue={moment('12:08:23', 'HH:mm:ss')} /></span>
 
 <span class="token deleted">- &lt;DatePicker defaultValue="2015/01/01" /></span>
 <span class="token inserted">+ &lt;DatePicker defaultValue={moment('2015/01/01', 'YYYY/MM/DD')} /></span>
 
 <span class="token deleted">- &lt;Calendar defaultValue={new Date('2010-10-10')} /></span>
-<span class="token inserted">+ &lt;Calendar defaultValue={moment('2010-10-10', 'YYYY-MM-DD')} /></span></code></pre></li><li data-reactid="4616"><p data-reactid="4617"><!-- react-text: 4618 -->Parameters of type <!-- /react-text --><code data-reactid="4619"><!-- react-text: 4620 -->Date/GregorianCalendar<!-- /react-text --></code><!-- react-text: 4621 --> of functions such as <!-- /react-text --><code data-reactid="4622"><!-- react-text: 4623 -->onChange<!-- /react-text --></code><!-- react-text: 4624 --> and <!-- /react-text --><code data-reactid="4625"><!-- react-text: 4626 -->onPanelChange<!-- /react-text --></code><!-- react-text: 4627 -->, plus other callback functions had been changed to type moment. Please consult <!-- /react-text --><a href="https://github.com/yiminghe/gregorian-calendar" data-reactid="4628"><!-- react-text: 4629 -->APIs of gregorian-calendar<!-- /react-text --></a><!-- react-text: 4630 --> and <!-- /react-text --><a href="http://momentjs.com/docs/" data-reactid="4631"><!-- react-text: 4632 -->APIs of moment<!-- /react-text --></a><!-- react-text: 4633 -->, and update your code accordingly. And you can consult this <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/4026221d451b246956983bb42140142d4a48b7d7" data-reactid="4634"><!-- react-text: 4635 -->commit<!-- /react-text --></a><!-- react-text: 4636 --> to see how to update.<!-- /react-text --></p><p data-reactid="4637"><!-- react-text: 4638 -->Because the return value of <!-- /react-text --><code data-reactid="4639"><!-- react-text: 4640 -->JSON.stringy(date: moment)<!-- /react-text --></code><!-- react-text: 4641 --> will lost time zone, we should use <!-- /react-text --><code data-reactid="4642"><!-- react-text: 4643 -->.format<!-- /react-text --></code><!-- react-text: 4644 --> to convert date to string first, see related issue <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3082" data-reactid="4645"><!-- react-text: 4646 -->#3082<!-- /react-text --></a><!-- react-text: 4647 --> for details:<!-- /react-text --></p><pre class="language-js" data-reactid="4648"><code data-reactid="4649"><span class="token function">handleSubmit</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
+<span class="token inserted">+ &lt;Calendar defaultValue={moment('2010-10-10', 'YYYY-MM-DD')} /></span></code></pre></li><li data-reactid="4648"><p data-reactid="4649"><!-- react-text: 4650 -->Parameters of type <!-- /react-text --><code data-reactid="4651"><!-- react-text: 4652 -->Date/GregorianCalendar<!-- /react-text --></code><!-- react-text: 4653 --> of functions such as <!-- /react-text --><code data-reactid="4654"><!-- react-text: 4655 -->onChange<!-- /react-text --></code><!-- react-text: 4656 --> and <!-- /react-text --><code data-reactid="4657"><!-- react-text: 4658 -->onPanelChange<!-- /react-text --></code><!-- react-text: 4659 -->, plus other callback functions had been changed to type moment. Please consult <!-- /react-text --><a href="https://github.com/yiminghe/gregorian-calendar" data-reactid="4660"><!-- react-text: 4661 -->APIs of gregorian-calendar<!-- /react-text --></a><!-- react-text: 4662 --> and <!-- /react-text --><a href="http://momentjs.com/docs/" data-reactid="4663"><!-- react-text: 4664 -->APIs of moment<!-- /react-text --></a><!-- react-text: 4665 -->, and update your code accordingly. And you can consult this <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/4026221d451b246956983bb42140142d4a48b7d7" data-reactid="4666"><!-- react-text: 4667 -->commit<!-- /react-text --></a><!-- react-text: 4668 --> to see how to update.<!-- /react-text --></p><p data-reactid="4669"><!-- react-text: 4670 -->Because the return value of <!-- /react-text --><code data-reactid="4671"><!-- react-text: 4672 -->JSON.stringy(date: moment)<!-- /react-text --></code><!-- react-text: 4673 --> will lost time zone, we should use <!-- /react-text --><code data-reactid="4674"><!-- react-text: 4675 -->.format<!-- /react-text --></code><!-- react-text: 4676 --> to convert date to string first, see related issue <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3082" data-reactid="4677"><!-- react-text: 4678 -->#3082<!-- /react-text --></a><!-- react-text: 4679 --> for details:<!-- /react-text --></p><pre class="language-js" data-reactid="4680"><code data-reactid="4681"><span class="token function">handleSubmit</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
   <span class="token keyword">const</span> values <span class="token operator">=</span> <span class="token keyword">this</span><span class="token punctuation">.</span>props<span class="token punctuation">.</span>form<span class="token punctuation">.</span><span class="token function">getFieldsValue</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
   values<span class="token punctuation">.</span>date <span class="token operator">=</span> values<span class="token punctuation">.</span>date<span class="token punctuation">.</span><span class="token function">format</span><span class="token punctuation">(</span><span class="token string">'YYYY-MM-DD HH:mm:ss'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment" spellcheck="true">// or other format</span>
   <span class="token keyword">const</span> data <span class="token operator">=</span> JSON<span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>values<span class="token punctuation">)</span><span class="token punctuation">;</span>
   <span class="token comment" spellcheck="true">// send data to server</span>
-<span class="token punctuation">}</span></code></pre></li><li data-reactid="4650"><p data-reactid="4651"><!-- react-text: 4652 -->For the value of time-related components becomes an instance of <!-- /react-text --><code data-reactid="4653"><!-- react-text: 4654 -->moment<!-- /react-text --></code><!-- react-text: 4655 -->, you should replace <!-- /react-text --><code data-reactid="4656"><!-- react-text: 4657 -->type: &#x27;date&#x27;<!-- /react-text --></code><!-- react-text: 4658 --> with <!-- /react-text --><code data-reactid="4659"><!-- react-text: 4660 -->type: &#x27;object&#x27;<!-- /react-text --></code><!-- react-text: 4661 --> in form validation.<!-- /react-text --></p></li><li data-reactid="4662"><p data-reactid="4663"><!-- react-text: 4664 -->The <!-- /react-text --><code data-reactid="4665"><!-- react-text: 4666 -->format<!-- /react-text --></code><!-- react-text: 4667 --> of time-related components is changed from <!-- /react-text --><a href="https://github.com/yiminghe/gregorian-calendar-format#api" data-reactid="4668"><!-- react-text: 4669 -->gregorian-calendar-format<!-- /react-text --></a><!-- react-text: 4670 --> to <!-- /react-text --><a href="http://momentjs.com/docs/#/parsing/string-format/" data-reactid="4671"><!-- react-text: 4672 -->moment  format<!-- /react-text --></a><!-- react-text: 4673 --> now, for instance the format <!-- /react-text --><code data-reactid="4674"><!-- react-text: 4675 -->yyyy-MM-dd<!-- /react-text --></code><!-- react-text: 4676 --> should change to <!-- /react-text --><code data-reactid="4677"><!-- react-text: 4678 -->YYYY-MM-DD<!-- /react-text --></code><!-- react-text: 4679 -->.<!-- /react-text --></p></li><li data-reactid="4680"><p data-reactid="4681"><code data-reactid="4682"><!-- react-text: 4683 -->linkRender<!-- /react-text --></code><!-- react-text: 4684 --> and <!-- /react-text --><code data-reactid="4685"><!-- react-text: 4686 -->nameRender<!-- /react-text --></code><!-- react-text: 4687 --> of Breadcrumb are removed, please use <!-- /react-text --><code data-reactid="4688"><!-- react-text: 4689 -->itemRender<!-- /react-text --></code><!-- react-text: 4690 -->.<!-- /react-text --></p></li><li data-reactid="4691"><p data-reactid="4692"><code data-reactid="4693"><!-- react-text: 4694 -->onClose<!-- /react-text --></code><!-- react-text: 4695 --> and <!-- /react-text --><code data-reactid="4696"><!-- react-text: 4697 -->onOpen<!-- /react-text --></code><!-- react-text: 4698 --> of Menu are removed, please use <!-- /react-text --><code data-reactid="4699"><!-- react-text: 4700 -->onOpenChange<!-- /react-text --></code><!-- react-text: 4701 -->. As being totally different, please check <!-- /react-text --><a href="http://beta.ant.design/components/menu/#components-menu-demo-sider-current" data-reactid="4702"><!-- react-text: 4703 -->this demo<!-- /react-text --></a><!-- react-text: 4704 --> first.<!-- /react-text --></p></li><li data-reactid="4705"><p data-reactid="4706"><!-- react-text: 4707 -->Paging columns of Table were removed, please use <!-- /react-text --><a href="http://ant.design/components/table/#components-table-demo-fixed-columns" data-reactid="4708"><!-- react-text: 4709 -->fixed columns<!-- /react-text --></a><!-- react-text: 4710 -->.<!-- /react-text --></p></li><li data-reactid="4711"><p data-reactid="4712"><code data-reactid="4713"><!-- react-text: 4714 -->Popover[overlay]<!-- /react-text --></code><!-- react-text: 4715 --> is removed, please use <!-- /react-text --><code data-reactid="4716"><!-- react-text: 4717 -->Popover[content]<!-- /react-text --></code><!-- react-text: 4718 --> instead.<!-- /react-text --></p></li></ul><p data-reactid="4719"><!-- react-text: 4720 -->The following change will throw some warnings in the console and it will still work, but we recommend to update your code.<!-- /react-text --></p><ul data-reactid="4721"><li data-reactid="4722"><p data-reactid="4723"><code data-reactid="4724"><!-- react-text: 4725 -->getFieldProps<!-- /react-text --></code><!-- react-text: 4726 --> of Form is deprecated, please use <!-- /react-text --><code data-reactid="4727"><!-- react-text: 4728 -->getFieldDecorator<!-- /react-text --></code><!-- react-text: 4729 -->:<!-- /react-text --></p><pre class="language-diff" data-reactid="4730"><code data-reactid="4731"><span class="token deleted">-  &lt;Input placeholder="text" {...getFieldProps('userName', { ... })} /></span>
+<span class="token punctuation">}</span></code></pre></li><li data-reactid="4682"><p data-reactid="4683"><!-- react-text: 4684 -->For the value of time-related components becomes an instance of <!-- /react-text --><code data-reactid="4685"><!-- react-text: 4686 -->moment<!-- /react-text --></code><!-- react-text: 4687 -->, you should replace <!-- /react-text --><code data-reactid="4688"><!-- react-text: 4689 -->type: &#x27;date&#x27;<!-- /react-text --></code><!-- react-text: 4690 --> with <!-- /react-text --><code data-reactid="4691"><!-- react-text: 4692 -->type: &#x27;object&#x27;<!-- /react-text --></code><!-- react-text: 4693 --> in form validation.<!-- /react-text --></p></li><li data-reactid="4694"><p data-reactid="4695"><!-- react-text: 4696 -->The <!-- /react-text --><code data-reactid="4697"><!-- react-text: 4698 -->format<!-- /react-text --></code><!-- react-text: 4699 --> of time-related components is changed from <!-- /react-text --><a href="https://github.com/yiminghe/gregorian-calendar-format#api" data-reactid="4700"><!-- react-text: 4701 -->gregorian-calendar-format<!-- /react-text --></a><!-- react-text: 4702 --> to <!-- /react-text --><a href="http://momentjs.com/docs/#/parsing/string-format/" data-reactid="4703"><!-- react-text: 4704 -->moment  format<!-- /react-text --></a><!-- react-text: 4705 --> now, for instance the format <!-- /react-text --><code data-reactid="4706"><!-- react-text: 4707 -->yyyy-MM-dd<!-- /react-text --></code><!-- react-text: 4708 --> should change to <!-- /react-text --><code data-reactid="4709"><!-- react-text: 4710 -->YYYY-MM-DD<!-- /react-text --></code><!-- react-text: 4711 -->.<!-- /react-text --></p></li><li data-reactid="4712"><p data-reactid="4713"><code data-reactid="4714"><!-- react-text: 4715 -->linkRender<!-- /react-text --></code><!-- react-text: 4716 --> and <!-- /react-text --><code data-reactid="4717"><!-- react-text: 4718 -->nameRender<!-- /react-text --></code><!-- react-text: 4719 --> of Breadcrumb are removed, please use <!-- /react-text --><code data-reactid="4720"><!-- react-text: 4721 -->itemRender<!-- /react-text --></code><!-- react-text: 4722 -->.<!-- /react-text --></p></li><li data-reactid="4723"><p data-reactid="4724"><code data-reactid="4725"><!-- react-text: 4726 -->onClose<!-- /react-text --></code><!-- react-text: 4727 --> and <!-- /react-text --><code data-reactid="4728"><!-- react-text: 4729 -->onOpen<!-- /react-text --></code><!-- react-text: 4730 --> of Menu are removed, please use <!-- /react-text --><code data-reactid="4731"><!-- react-text: 4732 -->onOpenChange<!-- /react-text --></code><!-- react-text: 4733 -->. As being totally different, please check <!-- /react-text --><a href="http://beta.ant.design/components/menu/#components-menu-demo-sider-current" data-reactid="4734"><!-- react-text: 4735 -->this demo<!-- /react-text --></a><!-- react-text: 4736 --> first.<!-- /react-text --></p></li><li data-reactid="4737"><p data-reactid="4738"><!-- react-text: 4739 -->Paging columns of Table were removed, please use <!-- /react-text --><a href="http://ant.design/components/table/#components-table-demo-fixed-columns" data-reactid="4740"><!-- react-text: 4741 -->fixed columns<!-- /react-text --></a><!-- react-text: 4742 -->.<!-- /react-text --></p></li><li data-reactid="4743"><p data-reactid="4744"><code data-reactid="4745"><!-- react-text: 4746 -->Popover[overlay]<!-- /react-text --></code><!-- react-text: 4747 --> is removed, please use <!-- /react-text --><code data-reactid="4748"><!-- react-text: 4749 -->Popover[content]<!-- /react-text --></code><!-- react-text: 4750 --> instead.<!-- /react-text --></p></li></ul><p data-reactid="4751"><!-- react-text: 4752 -->The following change will throw some warnings in the console and it will still work, but we recommend to update your code.<!-- /react-text --></p><ul data-reactid="4753"><li data-reactid="4754"><p data-reactid="4755"><code data-reactid="4756"><!-- react-text: 4757 -->getFieldProps<!-- /react-text --></code><!-- react-text: 4758 --> of Form is deprecated, please use <!-- /react-text --><code data-reactid="4759"><!-- react-text: 4760 -->getFieldDecorator<!-- /react-text --></code><!-- react-text: 4761 -->:<!-- /react-text --></p><pre class="language-diff" data-reactid="4762"><code data-reactid="4763"><span class="token deleted">-  &lt;Input placeholder="text" {...getFieldProps('userName', { ... })} /></span>
 <span class="token inserted">+  {getFieldDecorator('userName', { ... })(</span>
 <span class="token inserted">+    &lt;Input placeholder="text" /></span>
-<span class="token inserted">+  )}</span></code></pre><p data-reactid="4732"><!-- react-text: 4733 -->Look up to <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/1533" data-reactid="4734"><!-- react-text: 4735 -->#1533<!-- /react-text --></a><!-- react-text: 4736 --> for related discussion.<!-- /react-text --></p></li><li data-reactid="4737"><p data-reactid="4738"><code data-reactid="4739"><!-- react-text: 4740 -->toggleOpen<!-- /react-text --></code><!-- react-text: 4741 --> of DatePicker is deprecated, please use <!-- /react-text --><code data-reactid="4742"><!-- react-text: 4743 -->onOpenChange<!-- /react-text --></code><!-- react-text: 4744 -->:<!-- /react-text --></p><pre class="language-diff" data-reactid="4745"><code data-reactid="4746"><span class="token deleted">- handleToggleOpen({ open }) {</span>
+<span class="token inserted">+  )}</span></code></pre><p data-reactid="4764"><!-- react-text: 4765 -->Look up to <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/1533" data-reactid="4766"><!-- react-text: 4767 -->#1533<!-- /react-text --></a><!-- react-text: 4768 --> for related discussion.<!-- /react-text --></p></li><li data-reactid="4769"><p data-reactid="4770"><code data-reactid="4771"><!-- react-text: 4772 -->toggleOpen<!-- /react-text --></code><!-- react-text: 4773 --> of DatePicker is deprecated, please use <!-- /react-text --><code data-reactid="4774"><!-- react-text: 4775 -->onOpenChange<!-- /react-text --></code><!-- react-text: 4776 -->:<!-- /react-text --></p><pre class="language-diff" data-reactid="4777"><code data-reactid="4778"><span class="token deleted">- handleToggleOpen({ open }) {</span>
 <span class="token inserted">+ handleOpenChange(open) {</span>
   ...
-}</code></pre></li></ul><h3 id="2.x-Bug-fixes" data-reactid="4747"><span data-reactid="4748"><!-- react-text: 4749 -->2.x Bug fixes<!-- /react-text --></span><a href="#2.x-Bug-fixes" class="anchor" data-reactid="4750">#</a></h3><ul data-reactid="4751"><li data-reactid="4752"><p data-reactid="4753"><!-- react-text: 4754 -->Dropdown.Button<!-- /react-text --><!-- react-text: 4755 -->[disabled]<!-- /react-text --><!-- react-text: 4756 --> should work. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3070" data-reactid="4757"><!-- react-text: 4758 -->#3070<!-- /react-text --></a></p></li><li data-reactid="4759"><p data-reactid="4760"><code data-reactid="4761"><!-- react-text: 4762 -->option.withRef<!-- /react-text --></code><!-- react-text: 4763 --> of Form.create should work. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2843" data-reactid="4764"><!-- react-text: 4765 -->#2843<!-- /react-text --></a></p></li><li data-reactid="4766"><p data-reactid="4767"><!-- react-text: 4768 -->Fix slow response of expanding sub menu in Menu<!-- /react-text --><!-- react-text: 4769 -->[inline]<!-- /react-text --><!-- react-text: 4770 --> mode. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2701" data-reactid="4771"><!-- react-text: 4772 -->#2701<!-- /react-text --></a></p></li><li data-reactid="4773"><p data-reactid="4774"><!-- react-text: 4775 -->The button of Modal.confirm(and so on) should not be clickable while it is closed asynchronously. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2684" data-reactid="4776"><!-- react-text: 4777 -->#2684<!-- /react-text --></a></p></li><li data-reactid="4778"><p data-reactid="4779"><code data-reactid="4780"><!-- react-text: 4781 -->format<!-- /react-text --></code><!-- react-text: 4782 --> of DatePicker<!-- /react-text --><!-- react-text: 4783 -->[showtime]<!-- /react-text --><!-- react-text: 4784 --> should work. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3123" data-reactid="4785"><!-- react-text: 4786 -->#3123<!-- /react-text --></a></p></li><li data-reactid="4787"><p data-reactid="4788"><!-- react-text: 4789 -->Fix Table<!-- /react-text --><!-- react-text: 4790 -->[datasource]<!-- /react-text --><!-- react-text: 4791 --> treat key whose value is <!-- /react-text --><code data-reactid="4792"><!-- react-text: 4793 -->0<!-- /react-text --></code><!-- react-text: 4794 --> as inexisting. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3166" data-reactid="4795"><!-- react-text: 4796 -->#3166<!-- /react-text --></a><!-- react-text: 4797 --> @noonnightstorm<!-- /react-text --></p></li><li data-reactid="4798"><p data-reactid="4799"><!-- react-text: 4800 -->Tree.Node should not show arrow if it has no child nodes. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2616" data-reactid="4801"><!-- react-text: 4802 -->#2616<!-- /react-text --></a></p></li><li data-reactid="4803"><p data-reactid="4804"><!-- react-text: 4805 -->Fix cursor style of arrows that are hidden of Tree.Node. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2748" data-reactid="4806"><!-- react-text: 4807 -->#2748<!-- /react-text --></a></p></li></ul><h3 id="2.x-Other-improvements" data-reactid="4808"><span data-reactid="4809"><!-- react-text: 4810 -->2.x Other improvements<!-- /react-text --></span><a href="#2.x-Other-improvements" class="anchor" data-reactid="4811">#</a></h3><ul data-reactid="4812"><li data-reactid="4813"><p data-reactid="4814"><!-- react-text: 4815 -->Alert supports <!-- /react-text --><a href="http://ant.design/components/alert/#components-alert-demo-banner" data-reactid="4816"><code data-reactid="4817"><!-- react-text: 4818 -->banner<!-- /react-text --></code><!-- react-text: 4819 --> mode<!-- /react-text --></a><!-- react-text: 4820 -->.<!-- /react-text --></p></li><li data-reactid="4821"><p data-reactid="4822"><!-- react-text: 4823 -->BackTop will scroll to top with animation.<!-- /react-text --></p></li><li data-reactid="4824"><p data-reactid="4825"><!-- react-text: 4826 -->Badge supports <!-- /react-text --><a href="http://ant.design/components/badge/#components-badge-demo-status" data-reactid="4827"><!-- react-text: 4828 -->status dot mode<!-- /react-text --></a><!-- react-text: 4829 -->.<!-- /react-text --></p></li><li data-reactid="4830"><p data-reactid="4831"><!-- react-text: 4832 -->Cascader supports <!-- /react-text --><a href="http://ant.design/components/cascader/#components-cascader-demo-search" data-reactid="4833"><!-- react-text: 4834 -->searching options directly<!-- /react-text --></a><!-- react-text: 4835 -->.<!-- /react-text --></p></li><li data-reactid="4836"><p data-reactid="4837"><!-- react-text: 4838 -->Checkbox supports <!-- /react-text --><a href="http://ant.design/components/checkbox/#components-checkbox-demo-check-all" data-reactid="4839"><!-- react-text: 4840 -->indeterminate mode<!-- /react-text --></a><!-- react-text: 4841 -->.<!-- /react-text --></p></li><li data-reactid="4842"><p data-reactid="4843"><!-- react-text: 4844 -->Form supports <!-- /react-text --><a href="http://ant.design/components/form/#components-form-demo-validate-customized" data-reactid="4845"><!-- react-text: 4846 -->vertical layout<!-- /react-text --></a><!-- react-text: 4847 -->.<!-- /react-text --></p></li><li data-reactid="4848"><p data-reactid="4849"><!-- react-text: 4850 -->InputNumber supports long press to increase/decrease number. <!-- /react-text --><a href="http://ant.design/components/input-number/#components-input-number-demo-basic" data-reactid="4851"><!-- react-text: 4852 -->#<!-- /react-text --></a></p></li><li data-reactid="4853"><p data-reactid="4854"><!-- react-text: 4855 -->notification supports <!-- /react-text --><a href="http://ant.design/components/notification/#components-notification-demo-custom-icon" data-reactid="4856"><!-- react-text: 4857 -->customized icon<!-- /react-text --></a><!-- react-text: 4858 -->.<!-- /react-text --></p></li><li data-reactid="4859"><p data-reactid="4860"><!-- react-text: 4861 -->Spin allows <!-- /react-text --><a href="http://ant.design/components/spin/#components-spin-demo-tip" data-reactid="4862"><!-- react-text: 4863 -->customized tips and animation work together<!-- /react-text --></a><!-- react-text: 4864 -->. @jerrybendy<!-- /react-text --></p></li><li data-reactid="4865"><p data-reactid="4866"><!-- react-text: 4867 -->Transfer can handle event while options are checked/unchecked. <!-- /react-text --><a href="http://ant.design/components/transfer/#components-transfer-demo-basic" data-reactid="4868"><!-- react-text: 4869 -->#<!-- /react-text --></a></p></li><li data-reactid="4870"><p data-reactid="4871"><!-- react-text: 4872 -->Transfer can determine <!-- /react-text --><a href="http://ant.design/components/transfer/#components-transfer-demo-basic" data-reactid="4873"><!-- react-text: 4874 -->whether an option is checkable<!-- /react-text --></a><!-- react-text: 4875 -->.<!-- /react-text --></p></li><li data-reactid="4876"><p data-reactid="4877"><!-- react-text: 4878 -->Improve style of Alert and notification.<!-- /react-text --></p></li><li data-reactid="4879"><p data-reactid="4880"><!-- react-text: 4881 -->Modal.confirm(and so on) can be closed by keyboard. @Dafrok<!-- /react-text --></p></li><li data-reactid="4882"><p data-reactid="4883"><!-- react-text: 4884 -->Improve the user experience of <!-- /react-text --><a href="http://ant.design/components/date-picker/#components-date-picker-demo-time" data-reactid="4885"><!-- react-text: 4886 -->selecting time in DatePicker<!-- /react-text --></a><!-- react-text: 4887 -->.<!-- /react-text --></p></li><li data-reactid="4888"><p data-reactid="4889"><!-- react-text: 4890 -->Improve the status changed animation of <!-- /react-text --><a href="http://ant.design/components/spin/#components-spin-demo-nested" data-reactid="4891"><!-- react-text: 4892 -->Spin<!-- /react-text --></a><!-- react-text: 4893 -->.<!-- /react-text --></p></li><li data-reactid="4894"><p data-reactid="4895"><!-- react-text: 4896 -->Update <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/2f308b0f995cfcb2a3c8feb1e35ffd3f0bf93cfc" data-reactid="4897"><!-- react-text: 4898 -->font-family<!-- /react-text --></a><!-- react-text: 4899 -->.<!-- /react-text --></p></li></ul><h3 id="2.x-Workflow" data-reactid="4900"><span data-reactid="4901"><!-- react-text: 4902 -->2.x Workflow<!-- /react-text --></span><a href="#2.x-Workflow" class="anchor" data-reactid="4903">#</a></h3><ul data-reactid="4904"><li data-reactid="4905"><p data-reactid="4906"><a href="http://library.ant.design/" data-reactid="4907"><!-- react-text: 4908 -->AntD Library<!-- /react-text --></a><!-- react-text: 4909 --> a collection of Axure files which includes components and patterns that follow Ant Design Specification.<!-- /react-text --></p></li><li data-reactid="4910"><p data-reactid="4911"><!-- react-text: 4912 -->Rename <!-- /react-text --><code data-reactid="4913"><!-- react-text: 4914 -->babel-plugin-antd<!-- /react-text --></code><!-- react-text: 4915 --> to <!-- /react-text --><a href="https://github.com/ant-design/babel-plugin-import" data-reactid="4916"><code data-reactid="4917"><!-- react-text: 4918 -->babel-plugin-import<!-- /react-text --></code></a><!-- react-text: 4919 -->, and this means that <!-- /react-text --><code data-reactid="4920"><!-- react-text: 4921 -->babel-plugin-import<!-- /react-text --></code><!-- react-text: 4922 --> becomes an common load-on-demand solution and not just for <!-- /react-text --><code data-reactid="4923"><!-- react-text: 4924 -->antd<!-- /react-text --></code><!-- react-text: 4925 -->.<!-- /react-text --></p><p data-reactid="4926"><!-- react-text: 4927 -->Please update <!-- /react-text --><code data-reactid="4928"><!-- react-text: 4929 -->package.json<!-- /react-text --></code><!-- react-text: 4930 -->:<!-- /react-text --></p><pre class="language-diff" data-reactid="4931"><code data-reactid="4932">{
+}</code></pre></li></ul><h3 id="2.x-Bug-fixes" data-reactid="4779"><span data-reactid="4780"><!-- react-text: 4781 -->2.x Bug fixes<!-- /react-text --></span><a href="#2.x-Bug-fixes" class="anchor" data-reactid="4782">#</a></h3><ul data-reactid="4783"><li data-reactid="4784"><p data-reactid="4785"><!-- react-text: 4786 -->Dropdown.Button<!-- /react-text --><!-- react-text: 4787 -->[disabled]<!-- /react-text --><!-- react-text: 4788 --> should work. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3070" data-reactid="4789"><!-- react-text: 4790 -->#3070<!-- /react-text --></a></p></li><li data-reactid="4791"><p data-reactid="4792"><code data-reactid="4793"><!-- react-text: 4794 -->option.withRef<!-- /react-text --></code><!-- react-text: 4795 --> of Form.create should work. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2843" data-reactid="4796"><!-- react-text: 4797 -->#2843<!-- /react-text --></a></p></li><li data-reactid="4798"><p data-reactid="4799"><!-- react-text: 4800 -->Fix slow response of expanding sub menu in Menu<!-- /react-text --><!-- react-text: 4801 -->[inline]<!-- /react-text --><!-- react-text: 4802 --> mode. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2701" data-reactid="4803"><!-- react-text: 4804 -->#2701<!-- /react-text --></a></p></li><li data-reactid="4805"><p data-reactid="4806"><!-- react-text: 4807 -->The button of Modal.confirm(and so on) should not be clickable while it is closed asynchronously. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2684" data-reactid="4808"><!-- react-text: 4809 -->#2684<!-- /react-text --></a></p></li><li data-reactid="4810"><p data-reactid="4811"><code data-reactid="4812"><!-- react-text: 4813 -->format<!-- /react-text --></code><!-- react-text: 4814 --> of DatePicker<!-- /react-text --><!-- react-text: 4815 -->[showtime]<!-- /react-text --><!-- react-text: 4816 --> should work. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/3123" data-reactid="4817"><!-- react-text: 4818 -->#3123<!-- /react-text --></a></p></li><li data-reactid="4819"><p data-reactid="4820"><!-- react-text: 4821 -->Fix Table<!-- /react-text --><!-- react-text: 4822 -->[datasource]<!-- /react-text --><!-- react-text: 4823 --> treat key whose value is <!-- /react-text --><code data-reactid="4824"><!-- react-text: 4825 -->0<!-- /react-text --></code><!-- react-text: 4826 --> as inexisting. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/pull/3166" data-reactid="4827"><!-- react-text: 4828 -->#3166<!-- /react-text --></a><!-- react-text: 4829 --> @noonnightstorm<!-- /react-text --></p></li><li data-reactid="4830"><p data-reactid="4831"><!-- react-text: 4832 -->Tree.Node should not show arrow if it has no child nodes. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2616" data-reactid="4833"><!-- react-text: 4834 -->#2616<!-- /react-text --></a></p></li><li data-reactid="4835"><p data-reactid="4836"><!-- react-text: 4837 -->Fix cursor style of arrows that are hidden of Tree.Node. <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/2748" data-reactid="4838"><!-- react-text: 4839 -->#2748<!-- /react-text --></a></p></li></ul><h3 id="2.x-Other-improvements" data-reactid="4840"><span data-reactid="4841"><!-- react-text: 4842 -->2.x Other improvements<!-- /react-text --></span><a href="#2.x-Other-improvements" class="anchor" data-reactid="4843">#</a></h3><ul data-reactid="4844"><li data-reactid="4845"><p data-reactid="4846"><!-- react-text: 4847 -->Alert supports <!-- /react-text --><a href="http://ant.design/components/alert/#components-alert-demo-banner" data-reactid="4848"><code data-reactid="4849"><!-- react-text: 4850 -->banner<!-- /react-text --></code><!-- react-text: 4851 --> mode<!-- /react-text --></a><!-- react-text: 4852 -->.<!-- /react-text --></p></li><li data-reactid="4853"><p data-reactid="4854"><!-- react-text: 4855 -->BackTop will scroll to top with animation.<!-- /react-text --></p></li><li data-reactid="4856"><p data-reactid="4857"><!-- react-text: 4858 -->Badge supports <!-- /react-text --><a href="http://ant.design/components/badge/#components-badge-demo-status" data-reactid="4859"><!-- react-text: 4860 -->status dot mode<!-- /react-text --></a><!-- react-text: 4861 -->.<!-- /react-text --></p></li><li data-reactid="4862"><p data-reactid="4863"><!-- react-text: 4864 -->Cascader supports <!-- /react-text --><a href="http://ant.design/components/cascader/#components-cascader-demo-search" data-reactid="4865"><!-- react-text: 4866 -->searching options directly<!-- /react-text --></a><!-- react-text: 4867 -->.<!-- /react-text --></p></li><li data-reactid="4868"><p data-reactid="4869"><!-- react-text: 4870 -->Checkbox supports <!-- /react-text --><a href="http://ant.design/components/checkbox/#components-checkbox-demo-check-all" data-reactid="4871"><!-- react-text: 4872 -->indeterminate mode<!-- /react-text --></a><!-- react-text: 4873 -->.<!-- /react-text --></p></li><li data-reactid="4874"><p data-reactid="4875"><!-- react-text: 4876 -->Form supports <!-- /react-text --><a href="http://ant.design/components/form/#components-form-demo-validate-customized" data-reactid="4877"><!-- react-text: 4878 -->vertical layout<!-- /react-text --></a><!-- react-text: 4879 -->.<!-- /react-text --></p></li><li data-reactid="4880"><p data-reactid="4881"><!-- react-text: 4882 -->InputNumber supports long press to increase/decrease number. <!-- /react-text --><a href="http://ant.design/components/input-number/#components-input-number-demo-basic" data-reactid="4883"><!-- react-text: 4884 -->#<!-- /react-text --></a></p></li><li data-reactid="4885"><p data-reactid="4886"><!-- react-text: 4887 -->notification supports <!-- /react-text --><a href="http://ant.design/components/notification/#components-notification-demo-custom-icon" data-reactid="4888"><!-- react-text: 4889 -->customized icon<!-- /react-text --></a><!-- react-text: 4890 -->.<!-- /react-text --></p></li><li data-reactid="4891"><p data-reactid="4892"><!-- react-text: 4893 -->Spin allows <!-- /react-text --><a href="http://ant.design/components/spin/#components-spin-demo-tip" data-reactid="4894"><!-- react-text: 4895 -->customized tips and animation work together<!-- /react-text --></a><!-- react-text: 4896 -->. @jerrybendy<!-- /react-text --></p></li><li data-reactid="4897"><p data-reactid="4898"><!-- react-text: 4899 -->Transfer can handle event while options are checked/unchecked. <!-- /react-text --><a href="http://ant.design/components/transfer/#components-transfer-demo-basic" data-reactid="4900"><!-- react-text: 4901 -->#<!-- /react-text --></a></p></li><li data-reactid="4902"><p data-reactid="4903"><!-- react-text: 4904 -->Transfer can determine <!-- /react-text --><a href="http://ant.design/components/transfer/#components-transfer-demo-basic" data-reactid="4905"><!-- react-text: 4906 -->whether an option is checkable<!-- /react-text --></a><!-- react-text: 4907 -->.<!-- /react-text --></p></li><li data-reactid="4908"><p data-reactid="4909"><!-- react-text: 4910 -->Improve style of Alert and notification.<!-- /react-text --></p></li><li data-reactid="4911"><p data-reactid="4912"><!-- react-text: 4913 -->Modal.confirm(and so on) can be closed by keyboard. @Dafrok<!-- /react-text --></p></li><li data-reactid="4914"><p data-reactid="4915"><!-- react-text: 4916 -->Improve the user experience of <!-- /react-text --><a href="http://ant.design/components/date-picker/#components-date-picker-demo-time" data-reactid="4917"><!-- react-text: 4918 -->selecting time in DatePicker<!-- /react-text --></a><!-- react-text: 4919 -->.<!-- /react-text --></p></li><li data-reactid="4920"><p data-reactid="4921"><!-- react-text: 4922 -->Improve the status changed animation of <!-- /react-text --><a href="http://ant.design/components/spin/#components-spin-demo-nested" data-reactid="4923"><!-- react-text: 4924 -->Spin<!-- /react-text --></a><!-- react-text: 4925 -->.<!-- /react-text --></p></li><li data-reactid="4926"><p data-reactid="4927"><!-- react-text: 4928 -->Update <!-- /react-text --><a href="https://github.com/ant-design/ant-design/commit/2f308b0f995cfcb2a3c8feb1e35ffd3f0bf93cfc" data-reactid="4929"><!-- react-text: 4930 -->font-family<!-- /react-text --></a><!-- react-text: 4931 -->.<!-- /react-text --></p></li></ul><h3 id="2.x-Workflow" data-reactid="4932"><span data-reactid="4933"><!-- react-text: 4934 -->2.x Workflow<!-- /react-text --></span><a href="#2.x-Workflow" class="anchor" data-reactid="4935">#</a></h3><ul data-reactid="4936"><li data-reactid="4937"><p data-reactid="4938"><a href="http://library.ant.design/" data-reactid="4939"><!-- react-text: 4940 -->AntD Library<!-- /react-text --></a><!-- react-text: 4941 --> a collection of Axure files which includes components and patterns that follow Ant Design Specification.<!-- /react-text --></p></li><li data-reactid="4942"><p data-reactid="4943"><!-- react-text: 4944 -->Rename <!-- /react-text --><code data-reactid="4945"><!-- react-text: 4946 -->babel-plugin-antd<!-- /react-text --></code><!-- react-text: 4947 --> to <!-- /react-text --><a href="https://github.com/ant-design/babel-plugin-import" data-reactid="4948"><code data-reactid="4949"><!-- react-text: 4950 -->babel-plugin-import<!-- /react-text --></code></a><!-- react-text: 4951 -->, and this means that <!-- /react-text --><code data-reactid="4952"><!-- react-text: 4953 -->babel-plugin-import<!-- /react-text --></code><!-- react-text: 4954 --> becomes an common load-on-demand solution and not just for <!-- /react-text --><code data-reactid="4955"><!-- react-text: 4956 -->antd<!-- /react-text --></code><!-- react-text: 4957 -->.<!-- /react-text --></p><p data-reactid="4958"><!-- react-text: 4959 -->Please update <!-- /react-text --><code data-reactid="4960"><!-- react-text: 4961 -->package.json<!-- /react-text --></code><!-- react-text: 4962 -->:<!-- /react-text --></p><pre class="language-diff" data-reactid="4963"><code data-reactid="4964">{
   "devDependencies": {
 <span class="token deleted">-   "babel-plugin-antd": "^0.x.x",</span>
 <span class="token inserted">+   "babel-plugin-import": "^1.0.0",</span>
   }
-}</code></pre><p data-reactid="4933"><!-- react-text: 4934 -->And update your babel config in <!-- /react-text --><code data-reactid="4935"><!-- react-text: 4936 -->.babelrc<!-- /react-text --></code><!-- react-text: 4937 --> or other place:<!-- /react-text --></p><pre class="language-diff" data-reactid="4938"><code data-reactid="4939">{
+}</code></pre><p data-reactid="4965"><!-- react-text: 4966 -->And update your babel config in <!-- /react-text --><code data-reactid="4967"><!-- react-text: 4968 -->.babelrc<!-- /react-text --></code><!-- react-text: 4969 --> or other place:<!-- /react-text --></p><pre class="language-diff" data-reactid="4970"><code data-reactid="4971">{
 <span class="token deleted">-  "plugins": [["antd", { style: "css" }]]</span>
 <span class="token inserted">+  "plugins": [["import", { libraryName: "antd", style: "css" }]]</span>
-}</code></pre></li><li data-reactid="4940"><p data-reactid="4941"><a href="https://github.com/dvajs/dva" data-reactid="4942"><!-- react-text: 4943 -->dva@1.0.0<!-- /react-text --></a><!-- react-text: 4944 --> is published and it is officially recommended framework <!-- /react-text --><a href="http://ant.design/docs/react/practical-projects" data-reactid="4945"><!-- react-text: 4946 -->in real world<!-- /react-text --></a><!-- react-text: 4947 -->.<!-- /react-text --></p></li><li data-reactid="4948"><p data-reactid="4949"><!-- react-text: 4950 -->The officially recommended scaffold is <!-- /react-text --><a href="https://github.com/dvajs/dva-cli" data-reactid="4951"><!-- react-text: 4952 -->dva-cli<!-- /react-text --></a><!-- react-text: 4953 --> now, the old <!-- /react-text --><code data-reactid="4954"><!-- react-text: 4955 -->antd-init<!-- /react-text --></code><!-- react-text: 4956 --> is just for studying and demo.<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item ant-timeline-item-last" data-reactid="4957"><div class="ant-timeline-item-tail" data-reactid="4958"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="4959"></div><div class="ant-timeline-item-content" data-reactid="4960"><h2 id="1.11.4" data-reactid="4961"><span data-reactid="4962"><!-- react-text: 4963 -->1.11.4<!-- /react-text --></span><a href="#1.11.4" class="anchor" data-reactid="4964">#</a></h2><p data-reactid="4965"><!-- react-text: 4966 -->Visit <!-- /react-text --><a href="https://github.com/ant-design/ant-design/blob/1.x-stable/CHANGELOG.md" data-reactid="4967"><!-- react-text: 4968 -->GitHub<!-- /react-text --></a><!-- react-text: 4969 --> to read change logs from <!-- /react-text --><code data-reactid="4970"><!-- react-text: 4971 -->0.x<!-- /react-text --></code><!-- react-text: 4972 --> to <!-- /react-text --><code data-reactid="4973"><!-- react-text: 4974 -->1.x<!-- /react-text --></code><!-- react-text: 4975 -->.<!-- /react-text --></p></div></li></ul></section></article></div></div><div class="ant-row" data-reactid="4976"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="4977"><section class="prev-next-nav" data-reactid="4978"><a class="prev-page" href="/docs/react/customize-theme" data-reactid="4979">Customize Theme</a><a class="next-page" href="/docs/react/recommendation" data-reactid="4980">Third-Party Libraries</a></section></div></div></div><footer id="footer" data-reactid="4981"><ul data-reactid="4982"><li data-reactid="4983"><h2 data-reactid="4984"><i class="anticon anticon-github" data-reactid="4985"></i><!-- react-text: 4986 --> GitHub<!-- /react-text --></h2><div data-reactid="4987"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="4988"><span data-reactid="4989">Repository</span></a></div><div data-reactid="4990"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="4991"><span data-reactid="4992">Customize Theme</span></a></div><div data-reactid="4993"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="4994"><span data-reactid="4995">Awesome Ant Design</span></a></div></li><li data-reactid="4996"><h2 data-reactid="4997"><i class="anticon anticon-link" data-reactid="4998"></i><!-- react-text: 4999 --> <!-- /react-text --><span data-reactid="5000">Links</span></h2><div data-reactid="5001"><a href="https://design.alipay.com/" data-reactid="5002"><span data-reactid="5003">Ant Financial Design Platform</span></a></div><div data-reactid="5004"><a href="http://mobile.ant.design" data-reactid="5005">Ant Design Mobile</a><span data-reactid="5006"> - </span><span data-reactid="5007">Mobile UI</span></div><div data-reactid="5008"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="5009">dva</a><!-- react-text: 5010 --> - <!-- /react-text --><span data-reactid="5011">Framework</span></div><div data-reactid="5012"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="5013">dva-cli</a><!-- react-text: 5014 --> -<!-- /react-text --><span data-reactid="5015">Developer Tools</span></div><div data-reactid="5016"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="5017">Egg</a><span data-reactid="5018"> - </span><span data-reactid="5019">Enterprise Node Framework</span></div><div data-reactid="5020"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="5021">AntV</a><span data-reactid="5022"> - </span><span data-reactid="5023">Data Visualization</span></div><div data-reactid="5024"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="5025">Ant Motion</a><span data-reactid="5026"> - </span><span data-reactid="5027">Motion Soluction</span></div><div data-reactid="5028"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="5029">AntD Library</a><span data-reactid="5030"> - </span><span data-reactid="5031">Axure library</span></div><div data-reactid="5032"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="5033">Ant UX</a><span data-reactid="5034"> - </span><span data-reactid="5035">Sitemap Template</span></div></li><li data-reactid="5036"><h2 data-reactid="5037"><i class="anticon anticon-customer-service" data-reactid="5038"></i><!-- react-text: 5039 --> <!-- /react-text --><span data-reactid="5040">Community</span></h2><div data-reactid="5041"><a href="/changelog" data-reactid="5042"><span data-reactid="5043">Change Log</span></a></div><div data-reactid="5044"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="5045"><span data-reactid="5046">FAQ</span></a></div><div data-reactid="5047"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="5048"><span data-reactid="5049">Chat Room (中文)</span></a></div><div data-reactid="5050"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="5051"><span data-reactid="5052">Chat Room (English)</span></a></div><div data-reactid="5053"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="5054"><span data-reactid="5055">Bug Report</span></a></div><div data-reactid="5056"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="5057"><span data-reactid="5058">Issues</span></a></div><div data-reactid="5059"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="5060"><span data-reactid="5061">StackOverflow</span></a></div><div data-reactid="5062"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="5063"><span data-reactid="5064">SegmentFault</span></a></div></li><li data-reactid="5065"><h2 data-reactid="5066"><!-- react-text: 5067 -->Copyright © <!-- /react-text --><!-- react-text: 5068 -->2017<!-- /react-text --></h2><div data-reactid="5069"><span data-reactid="5070">Created by AIUX</span></div><div data-reactid="5071"><!-- react-text: 5072 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="5073">BiSheng</a></div></li></ul></footer></div>
+}</code></pre></li><li data-reactid="4972"><p data-reactid="4973"><a href="https://github.com/dvajs/dva" data-reactid="4974"><!-- react-text: 4975 -->dva@1.0.0<!-- /react-text --></a><!-- react-text: 4976 --> is published and it is officially recommended framework <!-- /react-text --><a href="http://ant.design/docs/react/practical-projects" data-reactid="4977"><!-- react-text: 4978 -->in real world<!-- /react-text --></a><!-- react-text: 4979 -->.<!-- /react-text --></p></li><li data-reactid="4980"><p data-reactid="4981"><!-- react-text: 4982 -->The officially recommended scaffold is <!-- /react-text --><a href="https://github.com/dvajs/dva-cli" data-reactid="4983"><!-- react-text: 4984 -->dva-cli<!-- /react-text --></a><!-- react-text: 4985 --> now, the old <!-- /react-text --><code data-reactid="4986"><!-- react-text: 4987 -->antd-init<!-- /react-text --></code><!-- react-text: 4988 --> is just for studying and demo.<!-- /react-text --></p></li></ul></div></li><li class="ant-timeline-item ant-timeline-item-last" data-reactid="4989"><div class="ant-timeline-item-tail" data-reactid="4990"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="4991"></div><div class="ant-timeline-item-content" data-reactid="4992"><h2 id="1.11.4" data-reactid="4993"><span data-reactid="4994"><!-- react-text: 4995 -->1.11.4<!-- /react-text --></span><a href="#1.11.4" class="anchor" data-reactid="4996">#</a></h2><p data-reactid="4997"><!-- react-text: 4998 -->Visit <!-- /react-text --><a href="https://github.com/ant-design/ant-design/blob/1.x-stable/CHANGELOG.md" data-reactid="4999"><!-- react-text: 5000 -->GitHub<!-- /react-text --></a><!-- react-text: 5001 --> to read change logs from <!-- /react-text --><code data-reactid="5002"><!-- react-text: 5003 -->0.x<!-- /react-text --></code><!-- react-text: 5004 --> to <!-- /react-text --><code data-reactid="5005"><!-- react-text: 5006 -->1.x<!-- /react-text --></code><!-- react-text: 5007 -->.<!-- /react-text --></p></div></li></ul></section></article></div></div><div class="ant-row" data-reactid="5008"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="5009"><section class="prev-next-nav" data-reactid="5010"><a class="prev-page" href="/docs/react/customize-theme" data-reactid="5011">Customize Theme</a><a class="next-page" href="/docs/react/recommendation" data-reactid="5012">Third-Party Libraries</a></section></div></div></div><footer id="footer" data-reactid="5013"><ul data-reactid="5014"><li data-reactid="5015"><h2 data-reactid="5016"><i class="anticon anticon-github" data-reactid="5017"></i><!-- react-text: 5018 --> GitHub<!-- /react-text --></h2><div data-reactid="5019"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="5020"><span data-reactid="5021">Repository</span></a></div><div data-reactid="5022"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="5023"><span data-reactid="5024">Customize Theme</span></a></div><div data-reactid="5025"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="5026"><span data-reactid="5027">Awesome Ant Design</span></a></div></li><li data-reactid="5028"><h2 data-reactid="5029"><i class="anticon anticon-link" data-reactid="5030"></i><!-- react-text: 5031 --> <!-- /react-text --><span data-reactid="5032">Links</span></h2><div data-reactid="5033"><a href="https://design.alipay.com/" data-reactid="5034"><span data-reactid="5035">Ant Financial Design Platform</span></a></div><div data-reactid="5036"><a href="http://mobile.ant.design" data-reactid="5037">Ant Design Mobile</a><span data-reactid="5038"> - </span><span data-reactid="5039">Mobile UI</span></div><div data-reactid="5040"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="5041">dva</a><!-- react-text: 5042 --> - <!-- /react-text --><span data-reactid="5043">Framework</span></div><div data-reactid="5044"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="5045">dva-cli</a><!-- react-text: 5046 --> -<!-- /react-text --><span data-reactid="5047">Developer Tools</span></div><div data-reactid="5048"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="5049">Egg</a><span data-reactid="5050"> - </span><span data-reactid="5051">Enterprise Node Framework</span></div><div data-reactid="5052"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="5053">AntV</a><span data-reactid="5054"> - </span><span data-reactid="5055">Data Visualization</span></div><div data-reactid="5056"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="5057">Ant Motion</a><span data-reactid="5058"> - </span><span data-reactid="5059">Motion Soluction</span></div><div data-reactid="5060"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="5061">AntD Library</a><span data-reactid="5062"> - </span><span data-reactid="5063">Axure library</span></div><div data-reactid="5064"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="5065">Ant UX</a><span data-reactid="5066"> - </span><span data-reactid="5067">Sitemap Template</span></div></li><li data-reactid="5068"><h2 data-reactid="5069"><i class="anticon anticon-customer-service" data-reactid="5070"></i><!-- react-text: 5071 --> <!-- /react-text --><span data-reactid="5072">Community</span></h2><div data-reactid="5073"><a href="/changelog" data-reactid="5074"><span data-reactid="5075">Change Log</span></a></div><div data-reactid="5076"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="5077"><span data-reactid="5078">FAQ</span></a></div><div data-reactid="5079"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="5080"><span data-reactid="5081">Chat Room (中文)</span></a></div><div data-reactid="5082"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="5083"><span data-reactid="5084">Chat Room (English)</span></a></div><div data-reactid="5085"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="5086"><span data-reactid="5087">Bug Report</span></a></div><div data-reactid="5088"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="5089"><span data-reactid="5090">Issues</span></a></div><div data-reactid="5091"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="5092"><span data-reactid="5093">StackOverflow</span></a></div><div data-reactid="5094"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="5095"><span data-reactid="5096">SegmentFault</span></a></div></li><li data-reactid="5097"><h2 data-reactid="5098"><!-- react-text: 5099 -->Copyright © <!-- /react-text --><!-- react-text: 5100 -->2017<!-- /react-text --></h2><div data-reactid="5101"><span data-reactid="5102">Created by AIUX</span></div><div data-reactid="5103"><!-- react-text: 5104 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="5105">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/components/affix-cn/index.html b/components/affix-cn/index.html
index c8fa1f733..88e88d2a5 100644
--- a/components/affix-cn/index.html
+++ b/components/affix-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1215377663"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1781780223"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-affix-demo-basic" data-reactid="294">基本</a></li><li title="固定状态改变的回调" data-reactid="295"><a href="#components-affix-demo-on-change" data-reactid="296">固定状态改变的回调</a></li><li title="滚动容器" data-reactid="297"><a href="#components-affix-demo-target" data-reactid="298">滚动容器</a></li></ul></div></div><section class="markdown" data-reactid="299"><h1 data-reactid="300"><!-- react-text: 301 -->Affix<!-- /react-text --><span class="subtitle" data-reactid="302">固钉</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/affix/index.zh-CN.md" data-reactid="303"><i class="anticon anticon-edit" data-reactid="304"></i></a></h1><section class="markdown" data-reactid="305"><p data-reactid="306"><!-- react-text: 307 -->将页面元素钉在可视范围。<!-- /react-text --></p><h2 id="何时使用" data-reactid="308"><span data-reactid="309"><!-- react-text: 310 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="311">#</a></h2><p data-reactid="312"><!-- react-text: 313 -->当内容区域比较长，需要滚动页面时，这部分内容对应的操作或者导航需要在滚动范围内始终展现。常用于侧边菜单和按钮组合。<!-- /react-text --></p><p data-reactid="314"><!-- react-text: 315 -->页面可视范围过小时，慎用此功能以免遮挡页面内容。<!-- /react-text --></p></section><h2 data-reactid="316"><span data-reactid="317">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="318"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="319"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="320"><section class="code-box" id="components-affix-demo-basic" data-reactid="321"><section class="code-box-demo" data-reactid="322"><div data-reactid="323"><div data-reactid="324"><div class="" data-reactid="325"><button type="button" class="ant-btn ant-btn-primary" data-reactid="326"><span data-reactid="327">Affix top</span></button></div></div><br data-reactid="328"/><div data-reactid="329"><div class="" data-reactid="330"><button type="button" class="ant-btn ant-btn-primary" data-reactid="331"><span data-reactid="332">Affix bottom</span></button></div></div></div></section><section class="code-box-meta markdown" data-reactid="333"><div class="code-box-title" data-reactid="334"><a href="#components-affix-demo-basic" data-reactid="335">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/affix/demo/basic.md" data-reactid="336"><i class="anticon anticon-edit" data-reactid="337"></i></a></div><div data-reactid="338"><p data-reactid="339"><!-- react-text: 340 -->最简单的用法。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="341"></i></section><section class="highlight-wrapper" data-reactid="342"><div class="highlight" data-reactid="343"><i class="anticon anticon-copy code-box-code-copy" data-reactid="344"></i><pre class="language-jsx" data-reactid="345"><code data-reactid="346"><span class="token keyword">import</span> <span class="token punctuation">{</span> Affix<span class="token punctuation">,</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-affix-demo-basic" data-reactid="294">基本</a></li><li title="固定状态改变的回调" data-reactid="295"><a href="#components-affix-demo-on-change" data-reactid="296">固定状态改变的回调</a></li><li title="滚动容器" data-reactid="297"><a href="#components-affix-demo-target" data-reactid="298">滚动容器</a></li></ul></div></div><section class="markdown" data-reactid="299"><h1 data-reactid="300"><!-- react-text: 301 -->Affix<!-- /react-text --><span class="subtitle" data-reactid="302">固钉</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/affix/index.zh-CN.md" data-reactid="303"><i class="anticon anticon-edit" data-reactid="304"></i></a></h1><section class="markdown" data-reactid="305"><p data-reactid="306"><!-- react-text: 307 -->将页面元素钉在可视范围。<!-- /react-text --></p><h2 id="何时使用" data-reactid="308"><span data-reactid="309"><!-- react-text: 310 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="311">#</a></h2><p data-reactid="312"><!-- react-text: 313 -->当内容区域比较长，需要滚动页面时，这部分内容对应的操作或者导航需要在滚动范围内始终展现。常用于侧边菜单和按钮组合。<!-- /react-text --></p><p data-reactid="314"><!-- react-text: 315 -->页面可视范围过小时，慎用此功能以免遮挡页面内容。<!-- /react-text --></p></section><h2 data-reactid="316"><span data-reactid="317">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="318"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="319"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="320"><section class="code-box" id="components-affix-demo-basic" data-reactid="321"><section class="code-box-demo" data-reactid="322"><div data-reactid="323"><div data-reactid="324"><div class="" data-reactid="325"><button type="button" class="ant-btn ant-btn-primary" data-reactid="326"><span data-reactid="327">Affix top</span></button></div></div><br data-reactid="328"/><div data-reactid="329"><div class="" data-reactid="330"><button type="button" class="ant-btn ant-btn-primary" data-reactid="331"><span data-reactid="332">Affix bottom</span></button></div></div></div></section><section class="code-box-meta markdown" data-reactid="333"><div class="code-box-title" data-reactid="334"><a href="#components-affix-demo-basic" data-reactid="335">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/affix/demo/basic.md" data-reactid="336"><i class="anticon anticon-edit" data-reactid="337"></i></a></div><div data-reactid="338"><p data-reactid="339"><!-- react-text: 340 -->最简单的用法。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="341"></i></section><section class="highlight-wrapper" data-reactid="342"><div class="highlight" data-reactid="343"><i class="anticon anticon-copy code-box-code-copy" data-reactid="344"></i><pre class="language-jsx" data-reactid="345"><code data-reactid="346"><span class="token keyword">import</span> <span class="token punctuation">{</span> Affix<span class="token punctuation">,</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">></span></span>
diff --git a/components/affix/index.html b/components/affix/index.html
index 0bae4d59d..f63b5bc19 100644
--- a/components/affix/index.html
+++ b/components/affix/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-459684455"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="905430427"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-affix-demo-basic" data-reactid="294">Basic</a></li><li title="Callback" data-reactid="295"><a href="#components-affix-demo-on-change" data-reactid="296">Callback</a></li><li title="Container to scroll." data-reactid="297"><a href="#components-affix-demo-target" data-reactid="298">Container to scroll.</a></li></ul></div></div><section class="markdown" data-reactid="299"><h1 data-reactid="300"><!-- react-text: 301 -->Affix<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/affix/index.en-US.md" data-reactid="302"><i class="anticon anticon-edit" data-reactid="303"></i></a></h1><section class="markdown" data-reactid="304"><p data-reactid="305"><!-- react-text: 306 -->Make an element sticky to viewport.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="307"><span data-reactid="308"><!-- react-text: 309 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="310">#</a></h2><p data-reactid="311"><!-- react-text: 312 -->When user browses a long web page, some content need to stick to the viewport. This is common for menus and actions.<!-- /react-text --></p><p data-reactid="313"><!-- react-text: 314 -->Please note that Affix should not cover other content on the page, especially when the size of the viewport is small.<!-- /react-text --></p></section><h2 data-reactid="315"><span data-reactid="316">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="317"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="318"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="319"><section class="code-box" id="components-affix-demo-basic" data-reactid="320"><section class="code-box-demo" data-reactid="321"><div data-reactid="322"><div data-reactid="323"><div class="" data-reactid="324"><button type="button" class="ant-btn ant-btn-primary" data-reactid="325"><span data-reactid="326">Affix top</span></button></div></div><br data-reactid="327"/><div data-reactid="328"><div class="" data-reactid="329"><button type="button" class="ant-btn ant-btn-primary" data-reactid="330"><span data-reactid="331">Affix bottom</span></button></div></div></div></section><section class="code-box-meta markdown" data-reactid="332"><div class="code-box-title" data-reactid="333"><a href="#components-affix-demo-basic" data-reactid="334">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/affix/demo/basic.md" data-reactid="335"><i class="anticon anticon-edit" data-reactid="336"></i></a></div><div data-reactid="337"><p data-reactid="338"><!-- react-text: 339 -->The simplest usage.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="340"></i></section><section class="highlight-wrapper" data-reactid="341"><div class="highlight" data-reactid="342"><i class="anticon anticon-copy code-box-code-copy" data-reactid="343"></i><pre class="language-jsx" data-reactid="344"><code data-reactid="345"><span class="token keyword">import</span> <span class="token punctuation">{</span> Affix<span class="token punctuation">,</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-affix-demo-basic" data-reactid="294">Basic</a></li><li title="Callback" data-reactid="295"><a href="#components-affix-demo-on-change" data-reactid="296">Callback</a></li><li title="Container to scroll." data-reactid="297"><a href="#components-affix-demo-target" data-reactid="298">Container to scroll.</a></li></ul></div></div><section class="markdown" data-reactid="299"><h1 data-reactid="300"><!-- react-text: 301 -->Affix<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/affix/index.en-US.md" data-reactid="302"><i class="anticon anticon-edit" data-reactid="303"></i></a></h1><section class="markdown" data-reactid="304"><p data-reactid="305"><!-- react-text: 306 -->Make an element sticky to viewport.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="307"><span data-reactid="308"><!-- react-text: 309 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="310">#</a></h2><p data-reactid="311"><!-- react-text: 312 -->When user browses a long web page, some content need to stick to the viewport. This is common for menus and actions.<!-- /react-text --></p><p data-reactid="313"><!-- react-text: 314 -->Please note that Affix should not cover other content on the page, especially when the size of the viewport is small.<!-- /react-text --></p></section><h2 data-reactid="315"><span data-reactid="316">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="317"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="318"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="319"><section class="code-box" id="components-affix-demo-basic" data-reactid="320"><section class="code-box-demo" data-reactid="321"><div data-reactid="322"><div data-reactid="323"><div class="" data-reactid="324"><button type="button" class="ant-btn ant-btn-primary" data-reactid="325"><span data-reactid="326">Affix top</span></button></div></div><br data-reactid="327"/><div data-reactid="328"><div class="" data-reactid="329"><button type="button" class="ant-btn ant-btn-primary" data-reactid="330"><span data-reactid="331">Affix bottom</span></button></div></div></div></section><section class="code-box-meta markdown" data-reactid="332"><div class="code-box-title" data-reactid="333"><a href="#components-affix-demo-basic" data-reactid="334">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/affix/demo/basic.md" data-reactid="335"><i class="anticon anticon-edit" data-reactid="336"></i></a></div><div data-reactid="337"><p data-reactid="338"><!-- react-text: 339 -->The simplest usage.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="340"></i></section><section class="highlight-wrapper" data-reactid="341"><div class="highlight" data-reactid="342"><i class="anticon anticon-copy code-box-code-copy" data-reactid="343"></i><pre class="language-jsx" data-reactid="344"><code data-reactid="345"><span class="token keyword">import</span> <span class="token punctuation">{</span> Affix<span class="token punctuation">,</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">></span></span>
diff --git a/components/alert-cn/index.html b/components/alert-cn/index.html
index 65ecb7c94..903cfcb72 100644
--- a/components/alert-cn/index.html
+++ b/components/alert-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="557292406"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1460692082"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-alert-demo-basic" data-reactid="294">基本</a></li><li title="四种样式" data-reactid="295"><a href="#components-alert-demo-style" data-reactid="296">四种样式</a></li><li title="可关闭的警告提示" data-reactid="297"><a href="#components-alert-demo-closable" data-reactid="298">可关闭的警告提示</a></li><li title="含有辅助性文字介绍" data-reactid="299"><a href="#components-alert-demo-description" data-reactid="300">含有辅助性文字介绍</a></li><li title="图标" data-reactid="301"><a href="#components-alert-demo-icon" data-reactid="302">图标</a></li><li title="自定义关闭" data-reactid="303"><a href="#components-alert-demo-close-text" data-reactid="304">自定义关闭</a></li><li title="顶部公告" data-reactid="305"><a href="#components-alert-demo-banner" data-reactid="306">顶部公告</a></li></ul></div></div><section class="markdown" data-reactid="307"><h1 data-reactid="308"><!-- react-text: 309 -->Alert<!-- /react-text --><span class="subtitle" data-reactid="310">警告提示</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/alert/index.zh-CN.md" data-reactid="311"><i class="anticon anticon-edit" data-reactid="312"></i></a></h1><section class="markdown" data-reactid="313"><p data-reactid="314"><!-- react-text: 315 -->警告提示，展现需要关注的信息。<!-- /react-text --></p><h2 id="何时使用" data-reactid="316"><span data-reactid="317"><!-- react-text: 318 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="319">#</a></h2><ul data-reactid="320"><li data-reactid="321"><p data-reactid="322"><!-- react-text: 323 -->当某个页面需要向用户显示警告的信息时。<!-- /react-text --></p></li><li data-reactid="324"><p data-reactid="325"><!-- react-text: 326 -->非浮层的静态展现形式，始终展现，不会自动消失，用户可以点击关闭。<!-- /react-text --></p></li></ul></section><h2 data-reactid="327"><span data-reactid="328">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="329"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="330"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="331"><section class="code-box" id="components-alert-demo-basic" data-reactid="332"><section class="code-box-demo" data-reactid="333"><div data-show="true" class="ant-alert ant-alert-success ant-alert-no-icon" data-reactid="334"><span class="ant-alert-message" data-reactid="335">Success Text</span><span class="ant-alert-description" data-reactid="336"></span></div></section><section class="code-box-meta markdown" data-reactid="337"><div class="code-box-title" data-reactid="338"><a href="#components-alert-demo-basic" data-reactid="339">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/alert/demo/basic.md" data-reactid="340"><i class="anticon anticon-edit" data-reactid="341"></i></a></div><div data-reactid="342"><p data-reactid="343"><!-- react-text: 344 -->最简单的用法，适用于简短的警告提示。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="345"></i></section><section class="highlight-wrapper" data-reactid="346"><div class="highlight" data-reactid="347"><i class="anticon anticon-copy code-box-code-copy" data-reactid="348"></i><pre class="language-jsx" data-reactid="349"><code data-reactid="350"><span class="token keyword">import</span> <span class="token punctuation">{</span> Alert <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-alert-demo-basic" data-reactid="294">基本</a></li><li title="四种样式" data-reactid="295"><a href="#components-alert-demo-style" data-reactid="296">四种样式</a></li><li title="可关闭的警告提示" data-reactid="297"><a href="#components-alert-demo-closable" data-reactid="298">可关闭的警告提示</a></li><li title="含有辅助性文字介绍" data-reactid="299"><a href="#components-alert-demo-description" data-reactid="300">含有辅助性文字介绍</a></li><li title="图标" data-reactid="301"><a href="#components-alert-demo-icon" data-reactid="302">图标</a></li><li title="自定义关闭" data-reactid="303"><a href="#components-alert-demo-close-text" data-reactid="304">自定义关闭</a></li><li title="顶部公告" data-reactid="305"><a href="#components-alert-demo-banner" data-reactid="306">顶部公告</a></li></ul></div></div><section class="markdown" data-reactid="307"><h1 data-reactid="308"><!-- react-text: 309 -->Alert<!-- /react-text --><span class="subtitle" data-reactid="310">警告提示</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/alert/index.zh-CN.md" data-reactid="311"><i class="anticon anticon-edit" data-reactid="312"></i></a></h1><section class="markdown" data-reactid="313"><p data-reactid="314"><!-- react-text: 315 -->警告提示，展现需要关注的信息。<!-- /react-text --></p><h2 id="何时使用" data-reactid="316"><span data-reactid="317"><!-- react-text: 318 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="319">#</a></h2><ul data-reactid="320"><li data-reactid="321"><p data-reactid="322"><!-- react-text: 323 -->当某个页面需要向用户显示警告的信息时。<!-- /react-text --></p></li><li data-reactid="324"><p data-reactid="325"><!-- react-text: 326 -->非浮层的静态展现形式，始终展现，不会自动消失，用户可以点击关闭。<!-- /react-text --></p></li></ul></section><h2 data-reactid="327"><span data-reactid="328">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="329"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="330"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="331"><section class="code-box" id="components-alert-demo-basic" data-reactid="332"><section class="code-box-demo" data-reactid="333"><div data-show="true" class="ant-alert ant-alert-success ant-alert-no-icon" data-reactid="334"><span class="ant-alert-message" data-reactid="335">Success Text</span><span class="ant-alert-description" data-reactid="336"></span></div></section><section class="code-box-meta markdown" data-reactid="337"><div class="code-box-title" data-reactid="338"><a href="#components-alert-demo-basic" data-reactid="339">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/alert/demo/basic.md" data-reactid="340"><i class="anticon anticon-edit" data-reactid="341"></i></a></div><div data-reactid="342"><p data-reactid="343"><!-- react-text: 344 -->最简单的用法，适用于简短的警告提示。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="345"></i></section><section class="highlight-wrapper" data-reactid="346"><div class="highlight" data-reactid="347"><i class="anticon anticon-copy code-box-code-copy" data-reactid="348"></i><pre class="language-jsx" data-reactid="349"><code data-reactid="350"><span class="token keyword">import</span> <span class="token punctuation">{</span> Alert <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Success</span> <span class="token attr-name">Text"</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>success<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
@@ -165,7 +165,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
     <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>error<span class="token punctuation">"</span></span>
     <span class="token attr-name">showIcon</span>
   <span class="token punctuation">/></span></span>
-<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-alert-demo-banner" data-reactid="427"><section class="code-box-demo" data-reactid="428"><div class="browser-mockup with-url" data-reactid="429"><iframe src="/demo-0.4614076980064121.html" height="250" data-reactid="430"></iframe></div></section><section class="code-box-meta markdown" data-reactid="431"><div class="code-box-title" data-reactid="432"><a href="#components-alert-demo-banner" data-reactid="433">顶部公告</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/alert/demo/banner.md" data-reactid="434"><i class="anticon anticon-edit" data-reactid="435"></i></a></div><div data-reactid="436"><p data-reactid="437"><!-- react-text: 438 -->页面顶部通告形式，默认有图标且<!-- /react-text --><code data-reactid="439"><!-- react-text: 440 -->type<!-- /react-text --></code><!-- react-text: 441 --> 为 &#x27;warning&#x27;。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="442"></i></section><section class="highlight-wrapper" data-reactid="443"><div class="highlight" data-reactid="444"><i class="anticon anticon-copy code-box-code-copy" data-reactid="445"></i><pre class="language-jsx" data-reactid="446"><code data-reactid="447"><span class="token keyword">import</span> <span class="token punctuation">{</span> Alert <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-alert-demo-banner" data-reactid="427"><section class="code-box-demo" data-reactid="428"><div class="browser-mockup with-url" data-reactid="429"><iframe src="/demo-0.6182563757087718.html" height="250" data-reactid="430"></iframe></div></section><section class="code-box-meta markdown" data-reactid="431"><div class="code-box-title" data-reactid="432"><a href="#components-alert-demo-banner" data-reactid="433">顶部公告</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/alert/demo/banner.md" data-reactid="434"><i class="anticon anticon-edit" data-reactid="435"></i></a></div><div data-reactid="436"><p data-reactid="437"><!-- react-text: 438 -->页面顶部通告形式，默认有图标且<!-- /react-text --><code data-reactid="439"><!-- react-text: 440 -->type<!-- /react-text --></code><!-- react-text: 441 --> 为 &#x27;warning&#x27;。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="442"></i></section><section class="highlight-wrapper" data-reactid="443"><div class="highlight" data-reactid="444"><i class="anticon anticon-copy code-box-code-copy" data-reactid="445"></i><pre class="language-jsx" data-reactid="446"><code data-reactid="447"><span class="token keyword">import</span> <span class="token punctuation">{</span> Alert <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">></span></span>
diff --git a/components/alert/demo.js b/components/alert/demo.js
index 4acfc67bf..893782613 100644
--- a/components/alert/demo.js
+++ b/components/alert/demo.js
@@ -1,2 +1,2 @@
-webpackJsonp([22,211],{661:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u9875\u9762\u9876\u90e8\u901a\u544a\u5f62\u5f0f\uff0c\u9ed8\u8ba4\u6709\u56fe\u6807\u4e14",["code","type"]," \u4e3a 'warning'\u3002"]],"en-US":[["p","Display Alert as a banner at top of page."]]},meta:{order:6,iframe:250,title:{"zh-CN":"\u9876\u90e8\u516c\u544a","en-US":"Banner"},filename:"components/alert/demo/banner.md",id:"components-alert-demo-banner"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Alert <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Warning</span> <span class="token attr-name">text"</span> <span class="token attr-name">banner</span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Very</span> <span class="token attr-name">long</span> <span class="token attr-name">warning</span> <span class="token attr-name">text</span> <span class="token attr-name">warning</span> <span class="token attr-name">text</span> <span class="token attr-name">text</span> <span class="token attr-name">text</span> <span class="token attr-name">text</span> <span class="token attr-name">text</span> <span class="token attr-name">text</span> <span class="token attr-name">text"</span> <span class="token attr-name">banner</span> <span class="token attr-name">closable</span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">showIcon</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token boolean">false</span><span class="token punctuation">}</span></span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Warning</span> <span class="token attr-name">text</span> <span class="token attr-name">without</span> <span class="token attr-name">icon"</span> <span class="token attr-name">banner</span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>error<span class="token punctuation">"</span></span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Error</span> <span class="token attr-name">text"</span> <span class="token attr-name">banner</span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'}],preview:function(){var n=s(1),a=(s(2),s(3));return n.createElement("div",null,n.createElement(a.Alert,{message:"Warning text",banner:!0}),n.createElement("br",null),n.createElement(a.Alert,{message:"Very long warning text warning text text text text text text text",banner:!0,closable:!0}),n.createElement("br",null),n.createElement(a.Alert,{showIcon:!1,message:"Warning text without icon",banner:!0}),n.createElement("br",null),n.createElement(a.Alert,{type:"error",message:"Error text",banner:!0}))},src:"/demo-0.33200397866120457.html"}},662:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c\u9002\u7528\u4e8e\u7b80\u77ed\u7684\u8b66\u544a\u63d0\u793a\u3002"]],"en-US":[["p","The simplest usage for short messages."]]},meta:{order:0,title:{"zh-CN":"\u57fa\u672c","en-US":"Basic"},filename:"components/alert/demo/basic.md",id:"components-alert-demo-basic"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Alert <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Success</span> <span class="token attr-name">Text"</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>success<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'}],preview:function(){var n=s(1),a=(s(2),s(3));return n.createElement(a.Alert,{message:"Success Text",type:"success"})}}},663:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u663e\u793a\u5173\u95ed\u6309\u94ae\uff0c\u70b9\u51fb\u53ef\u5173\u95ed\u8b66\u544a\u63d0\u793a\u3002"]],"en-US":[["p","To show close button."]]},meta:{order:2,title:{"zh-CN":"\u53ef\u5173\u95ed\u7684\u8b66\u544a\u63d0\u793a","en-US":"Closable"},filename:"components/alert/demo/closable.md",id:"components-alert-demo-closable"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Alert <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n\n<span class="token keyword">const</span> onClose <span class="token operator">=</span> <span class="token keyword">function</span> <span class="token punctuation">(</span>e<span class="token punctuation">)</span> <span class="token punctuation">{</span>\n  console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>e<span class="token punctuation">,</span> <span class="token string">\'I was closed.\'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n<span class="token punctuation">}</span><span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Warning</span> <span class="token attr-name">Text</span> <span class="token attr-name">Warning</span> <span class="token attr-name">Text</span> <span class="token attr-name">Warning</span> <span class="token attr-name">TextW</span> <span class="token attr-name">arning</span> <span class="token attr-name">Text</span> <span class="token attr-name">Warning</span> <span class="token attr-name">Text</span> <span class="token attr-name">Warning</span> <span class="token attr-name">TextWarning</span> <span class="token attr-name">Text"</span>\n    <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>warning<span class="token punctuation">"</span></span>\n    <span class="token attr-name">closable</span>\n    <span class="token attr-name">onClose</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span>onClose<span class="token punctuation">}</span></span>\n  <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Error</span> <span class="token attr-name">Text"</span>\n    <span class="token attr-name">description</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Error</span> <span class="token attr-name">Description</span> <span class="token attr-name">Error</span> <span class="token attr-name">Description</span> <span class="token attr-name">Error</span> <span class="token attr-name">Description</span> <span class="token attr-name">Error</span> <span class="token attr-name">Description</span> <span class="token attr-name">Error</span> <span class="token attr-name">Description</span> <span class="token attr-name">Error</span> <span class="token attr-name">Description"</span>\n    <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>error<span class="token punctuation">"</span></span>\n    <span class="token attr-name">closable</span>\n    <span class="token attr-name">onClose</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span>onClose<span class="token punctuation">}</span></span>\n  <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'}],preview:function(){var n=s(1),a=(s(2),s(3)),t=function(n){console.log(n,"I was closed.")};return n.createElement("div",null,n.createElement(a.Alert,{message:"Warning Text Warning Text Warning TextW arning Text Warning Text Warning TextWarning Text",type:"warning",closable:!0,onClose:t}),n.createElement(a.Alert,{message:"Error Text",description:"Error Description Error Description Error Description Error Description Error Description Error Description",type:"error",closable:!0,onClose:t}))}}},664:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u53ef\u4ee5\u81ea\u5b9a\u4e49\u5173\u95ed\uff0c\u81ea\u5b9a\u4e49\u7684\u6587\u5b57\u4f1a\u66ff\u6362\u539f\u5148\u7684\u5173\u95ed ",["code","Icon"],"\u3002"]],"en-US":[["p","Replace the default icon with customized text."]]},meta:{order:5,title:{"zh-CN":"\u81ea\u5b9a\u4e49\u5173\u95ed","en-US":"Customized Close Text"},filename:"components/alert/demo/close-text.md",id:"components-alert-demo-close-text"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Alert <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Info</span> <span class="token attr-name">Text"</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>info<span class="token punctuation">"</span></span> <span class="token attr-name">closeText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Close</span> <span class="token attr-name">Now"</span> <span class="token punctuation">/></span></span>\n<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'}],preview:function(){var n=s(1),a=(s(2),s(3));return n.createElement(a.Alert,{message:"Info Text",type:"info",closeText:"Close Now"})}}},665:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u542b\u6709\u8f85\u52a9\u6027\u6587\u5b57\u4ecb\u7ecd\u7684\u8b66\u544a\u63d0\u793a\u3002"]],"en-US":[["p","Additional description for alert message."]]},meta:{order:3,title:{"zh-CN":"\u542b\u6709\u8f85\u52a9\u6027\u6587\u5b57\u4ecb\u7ecd","en-US":"Description"},filename:"components/alert/demo/description.md",id:"components-alert-demo-description"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Alert <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span>\n    <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Success</span> <span class="token attr-name">Text"</span>\n    <span class="token attr-name">description</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Success</span> <span class="token attr-name">Description</span> <span class="token attr-name">Success</span> <span class="token attr-name">Description</span> <span class="token attr-name">Success</span> <span class="token attr-name">Description"</span>\n    <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>success<span class="token punctuation">"</span></span>\n  <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span>\n    <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Info</span> <span class="token attr-name">Text"</span>\n    <span class="token attr-name">description</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Info</span> <span class="token attr-name">Description</span> <span class="token attr-name">Info</span> <span class="token attr-name">Description</span> <span class="token attr-name">Info</span> <span class="token attr-name">Description</span> <span class="token attr-name">Info</span> <span class="token attr-name">Description"</span>\n    <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>info<span class="token punctuation">"</span></span>\n  <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span>\n    <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Warning</span> <span class="token attr-name">Text"</span>\n    <span class="token attr-name">description</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Warning</span> <span class="token attr-name">Description</span> <span class="token attr-name">Warning</span> <span class="token attr-name">Description</span> <span class="token attr-name">Warning</span> <span class="token attr-name">Description</span> <span class="token attr-name">Warning</span> <span class="token attr-name">Description"</span>\n    <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>warning<span class="token punctuation">"</span></span>\n  <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span>\n    <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Error</span> <span class="token attr-name">Text"</span>\n    <span class="token attr-name">description</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Error</span> <span class="token attr-name">Description</span> <span class="token attr-name">Error</span> <span class="token attr-name">Description</span> <span class="token attr-name">Error</span> <span class="token attr-name">Description</span> <span class="token attr-name">Error</span> <span class="token attr-name">Description"</span>\n    <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>error<span class="token punctuation">"</span></span>\n  <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'}],preview:function(){var n=s(1),a=(s(2),s(3));return n.createElement("div",null,n.createElement(a.Alert,{message:"Success Text",description:"Success Description Success Description Success Description",type:"success"}),n.createElement(a.Alert,{message:"Info Text",description:"Info Description Info Description Info Description Info Description",type:"info"}),n.createElement(a.Alert,{message:"Warning Text",description:"Warning Description Warning Description Warning Description Warning Description",type:"warning"}),n.createElement(a.Alert,{message:"Error Text",description:"Error Description Error Description Error Description Error Description",type:"error"}))}}},666:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u53ef\u53e3\u7684\u56fe\u6807\u8ba9\u4fe1\u606f\u7c7b\u578b\u66f4\u52a0\u9192\u76ee\u3002"]],"en-US":[["p","Decent icon make information more clear and more friendly."]]},meta:{order:4,title:{"zh-CN":"\u56fe\u6807","en-US":"Icon"},filename:"components/alert/demo/icon.md",id:"components-alert-demo-icon"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Alert <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Success</span> <span class="token attr-name">Tips"</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>success<span class="token punctuation">"</span></span> <span class="token attr-name">showIcon</span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Informational</span> <span class="token attr-name">Notes"</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>info<span class="token punctuation">"</span></span> <span class="token attr-name">showIcon</span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Warning<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>warning<span class="token punctuation">"</span></span> <span class="token attr-name">showIcon</span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Error<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>error<span class="token punctuation">"</span></span> <span class="token attr-name">showIcon</span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span>\n    <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>success</span> <span class="token attr-name">tips"</span>\n    <span class="token attr-name">description</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Detailed</span> <span class="token attr-name">description</span> <span class="token attr-name">and</span> <span class="token attr-name">advices</span> <span class="token attr-name">about</span> <span class="token attr-name">successful</span> <span class="token attr-name">copywriting."</span>\n    <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>success<span class="token punctuation">"</span></span>\n    <span class="token attr-name">showIcon</span>\n  <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span>\n    <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Informational</span> <span class="token attr-name">Notes"</span>\n    <span class="token attr-name">description</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Additional</span> <span class="token attr-name">description</span> <span class="token attr-name">and</span> <span class="token attr-name">informations</span> <span class="token attr-name">about</span> <span class="token attr-name">copywriting."</span>\n    <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>info<span class="token punctuation">"</span></span>\n    <span class="token attr-name">showIcon</span>\n  <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span>\n    <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Warning<span class="token punctuation">"</span></span>\n    <span class="token attr-name">description</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>This</span> <span class="token attr-name">is</span> <span class="token attr-name">a</span> <span class="token attr-name">warning</span> <span class="token attr-name">notice</span> <span class="token attr-name">about</span> <span class="token attr-name">copywriting."</span>\n    <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>warning<span class="token punctuation">"</span></span>\n    <span class="token attr-name">showIcon</span>\n  <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span>\n    <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Error<span class="token punctuation">"</span></span>\n    <span class="token attr-name">description</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>This</span> <span class="token attr-name">is</span> <span class="token attr-name">an</span> <span class="token attr-name">error</span> <span class="token attr-name">message</span> <span class="token attr-name">about</span> <span class="token attr-name">copywriting."</span>\n    <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>error<span class="token punctuation">"</span></span>\n    <span class="token attr-name">showIcon</span>\n  <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'}],preview:function(){var n=s(1),a=(s(2),s(3));return n.createElement("div",null,n.createElement(a.Alert,{message:"Success Tips",type:"success",showIcon:!0}),n.createElement(a.Alert,{message:"Informational Notes",type:"info",showIcon:!0}),n.createElement(a.Alert,{message:"Warning",type:"warning",showIcon:!0}),n.createElement(a.Alert,{message:"Error",type:"error",showIcon:!0}),n.createElement(a.Alert,{message:"success tips",description:"Detailed description and advices about successful copywriting.",type:"success",showIcon:!0}),n.createElement(a.Alert,{message:"Informational Notes",description:"Additional description and informations about copywriting.",type:"info",showIcon:!0}),n.createElement(a.Alert,{message:"Warning",description:"This is a warning notice about copywriting.",type:"warning",showIcon:!0}),n.createElement(a.Alert,{message:"Error",description:"This is an error message about copywriting.",type:"error",showIcon:!0}))}}},667:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u5171\u6709\u56db\u79cd\u6837\u5f0f ",["code","success"],"\u3001",["code","info"],"\u3001",["code","warning"],"\u3001",["code","error"],"\u3002"]],"en-US":[["p","There are 4 types of Alert: ",["code","success"],", ",["code","info"],", ",["code","warning"],", ",["code","error"],"."]]},meta:{order:1,title:{"zh-CN":"\u56db\u79cd\u6837\u5f0f","en-US":"More types"},filename:"components/alert/demo/style.md",id:"components-alert-demo-style"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Alert <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Success</span> <span class="token attr-name">Text"</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>success<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Info</span> <span class="token attr-name">Text"</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>info<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Warning</span> <span class="token attr-name">Text"</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>warning<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Error</span> <span class="token attr-name">Text"</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>error<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'
+webpackJsonp([22,211],{661:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u9875\u9762\u9876\u90e8\u901a\u544a\u5f62\u5f0f\uff0c\u9ed8\u8ba4\u6709\u56fe\u6807\u4e14",["code","type"]," \u4e3a 'warning'\u3002"]],"en-US":[["p","Display Alert as a banner at top of page."]]},meta:{order:6,iframe:250,title:{"zh-CN":"\u9876\u90e8\u516c\u544a","en-US":"Banner"},filename:"components/alert/demo/banner.md",id:"components-alert-demo-banner"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Alert <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Warning</span> <span class="token attr-name">text"</span> <span class="token attr-name">banner</span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Very</span> <span class="token attr-name">long</span> <span class="token attr-name">warning</span> <span class="token attr-name">text</span> <span class="token attr-name">warning</span> <span class="token attr-name">text</span> <span class="token attr-name">text</span> <span class="token attr-name">text</span> <span class="token attr-name">text</span> <span class="token attr-name">text</span> <span class="token attr-name">text</span> <span class="token attr-name">text"</span> <span class="token attr-name">banner</span> <span class="token attr-name">closable</span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">showIcon</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token boolean">false</span><span class="token punctuation">}</span></span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Warning</span> <span class="token attr-name">text</span> <span class="token attr-name">without</span> <span class="token attr-name">icon"</span> <span class="token attr-name">banner</span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>error<span class="token punctuation">"</span></span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Error</span> <span class="token attr-name">text"</span> <span class="token attr-name">banner</span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'}],preview:function(){var n=s(1),a=(s(2),s(3));return n.createElement("div",null,n.createElement(a.Alert,{message:"Warning text",banner:!0}),n.createElement("br",null),n.createElement(a.Alert,{message:"Very long warning text warning text text text text text text text",banner:!0,closable:!0}),n.createElement("br",null),n.createElement(a.Alert,{showIcon:!1,message:"Warning text without icon",banner:!0}),n.createElement("br",null),n.createElement(a.Alert,{type:"error",message:"Error text",banner:!0}))},src:"/demo-0.6290122502965967.html"}},662:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c\u9002\u7528\u4e8e\u7b80\u77ed\u7684\u8b66\u544a\u63d0\u793a\u3002"]],"en-US":[["p","The simplest usage for short messages."]]},meta:{order:0,title:{"zh-CN":"\u57fa\u672c","en-US":"Basic"},filename:"components/alert/demo/basic.md",id:"components-alert-demo-basic"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Alert <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Success</span> <span class="token attr-name">Text"</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>success<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'}],preview:function(){var n=s(1),a=(s(2),s(3));return n.createElement(a.Alert,{message:"Success Text",type:"success"})}}},663:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u663e\u793a\u5173\u95ed\u6309\u94ae\uff0c\u70b9\u51fb\u53ef\u5173\u95ed\u8b66\u544a\u63d0\u793a\u3002"]],"en-US":[["p","To show close button."]]},meta:{order:2,title:{"zh-CN":"\u53ef\u5173\u95ed\u7684\u8b66\u544a\u63d0\u793a","en-US":"Closable"},filename:"components/alert/demo/closable.md",id:"components-alert-demo-closable"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Alert <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n\n<span class="token keyword">const</span> onClose <span class="token operator">=</span> <span class="token keyword">function</span> <span class="token punctuation">(</span>e<span class="token punctuation">)</span> <span class="token punctuation">{</span>\n  console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>e<span class="token punctuation">,</span> <span class="token string">\'I was closed.\'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n<span class="token punctuation">}</span><span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Warning</span> <span class="token attr-name">Text</span> <span class="token attr-name">Warning</span> <span class="token attr-name">Text</span> <span class="token attr-name">Warning</span> <span class="token attr-name">TextW</span> <span class="token attr-name">arning</span> <span class="token attr-name">Text</span> <span class="token attr-name">Warning</span> <span class="token attr-name">Text</span> <span class="token attr-name">Warning</span> <span class="token attr-name">TextWarning</span> <span class="token attr-name">Text"</span>\n    <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>warning<span class="token punctuation">"</span></span>\n    <span class="token attr-name">closable</span>\n    <span class="token attr-name">onClose</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span>onClose<span class="token punctuation">}</span></span>\n  <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Error</span> <span class="token attr-name">Text"</span>\n    <span class="token attr-name">description</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Error</span> <span class="token attr-name">Description</span> <span class="token attr-name">Error</span> <span class="token attr-name">Description</span> <span class="token attr-name">Error</span> <span class="token attr-name">Description</span> <span class="token attr-name">Error</span> <span class="token attr-name">Description</span> <span class="token attr-name">Error</span> <span class="token attr-name">Description</span> <span class="token attr-name">Error</span> <span class="token attr-name">Description"</span>\n    <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>error<span class="token punctuation">"</span></span>\n    <span class="token attr-name">closable</span>\n    <span class="token attr-name">onClose</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span>onClose<span class="token punctuation">}</span></span>\n  <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'}],preview:function(){var n=s(1),a=(s(2),s(3)),t=function(n){console.log(n,"I was closed.")};return n.createElement("div",null,n.createElement(a.Alert,{message:"Warning Text Warning Text Warning TextW arning Text Warning Text Warning TextWarning Text",type:"warning",closable:!0,onClose:t}),n.createElement(a.Alert,{message:"Error Text",description:"Error Description Error Description Error Description Error Description Error Description Error Description",type:"error",closable:!0,onClose:t}))}}},664:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u53ef\u4ee5\u81ea\u5b9a\u4e49\u5173\u95ed\uff0c\u81ea\u5b9a\u4e49\u7684\u6587\u5b57\u4f1a\u66ff\u6362\u539f\u5148\u7684\u5173\u95ed ",["code","Icon"],"\u3002"]],"en-US":[["p","Replace the default icon with customized text."]]},meta:{order:5,title:{"zh-CN":"\u81ea\u5b9a\u4e49\u5173\u95ed","en-US":"Customized Close Text"},filename:"components/alert/demo/close-text.md",id:"components-alert-demo-close-text"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Alert <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Info</span> <span class="token attr-name">Text"</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>info<span class="token punctuation">"</span></span> <span class="token attr-name">closeText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Close</span> <span class="token attr-name">Now"</span> <span class="token punctuation">/></span></span>\n<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'}],preview:function(){var n=s(1),a=(s(2),s(3));return n.createElement(a.Alert,{message:"Info Text",type:"info",closeText:"Close Now"})}}},665:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u542b\u6709\u8f85\u52a9\u6027\u6587\u5b57\u4ecb\u7ecd\u7684\u8b66\u544a\u63d0\u793a\u3002"]],"en-US":[["p","Additional description for alert message."]]},meta:{order:3,title:{"zh-CN":"\u542b\u6709\u8f85\u52a9\u6027\u6587\u5b57\u4ecb\u7ecd","en-US":"Description"},filename:"components/alert/demo/description.md",id:"components-alert-demo-description"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Alert <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span>\n    <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Success</span> <span class="token attr-name">Text"</span>\n    <span class="token attr-name">description</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Success</span> <span class="token attr-name">Description</span> <span class="token attr-name">Success</span> <span class="token attr-name">Description</span> <span class="token attr-name">Success</span> <span class="token attr-name">Description"</span>\n    <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>success<span class="token punctuation">"</span></span>\n  <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span>\n    <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Info</span> <span class="token attr-name">Text"</span>\n    <span class="token attr-name">description</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Info</span> <span class="token attr-name">Description</span> <span class="token attr-name">Info</span> <span class="token attr-name">Description</span> <span class="token attr-name">Info</span> <span class="token attr-name">Description</span> <span class="token attr-name">Info</span> <span class="token attr-name">Description"</span>\n    <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>info<span class="token punctuation">"</span></span>\n  <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span>\n    <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Warning</span> <span class="token attr-name">Text"</span>\n    <span class="token attr-name">description</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Warning</span> <span class="token attr-name">Description</span> <span class="token attr-name">Warning</span> <span class="token attr-name">Description</span> <span class="token attr-name">Warning</span> <span class="token attr-name">Description</span> <span class="token attr-name">Warning</span> <span class="token attr-name">Description"</span>\n    <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>warning<span class="token punctuation">"</span></span>\n  <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span>\n    <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Error</span> <span class="token attr-name">Text"</span>\n    <span class="token attr-name">description</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Error</span> <span class="token attr-name">Description</span> <span class="token attr-name">Error</span> <span class="token attr-name">Description</span> <span class="token attr-name">Error</span> <span class="token attr-name">Description</span> <span class="token attr-name">Error</span> <span class="token attr-name">Description"</span>\n    <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>error<span class="token punctuation">"</span></span>\n  <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'}],preview:function(){var n=s(1),a=(s(2),s(3));return n.createElement("div",null,n.createElement(a.Alert,{message:"Success Text",description:"Success Description Success Description Success Description",type:"success"}),n.createElement(a.Alert,{message:"Info Text",description:"Info Description Info Description Info Description Info Description",type:"info"}),n.createElement(a.Alert,{message:"Warning Text",description:"Warning Description Warning Description Warning Description Warning Description",type:"warning"}),n.createElement(a.Alert,{message:"Error Text",description:"Error Description Error Description Error Description Error Description",type:"error"}))}}},666:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u53ef\u53e3\u7684\u56fe\u6807\u8ba9\u4fe1\u606f\u7c7b\u578b\u66f4\u52a0\u9192\u76ee\u3002"]],"en-US":[["p","Decent icon make information more clear and more friendly."]]},meta:{order:4,title:{"zh-CN":"\u56fe\u6807","en-US":"Icon"},filename:"components/alert/demo/icon.md",id:"components-alert-demo-icon"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Alert <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Success</span> <span class="token attr-name">Tips"</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>success<span class="token punctuation">"</span></span> <span class="token attr-name">showIcon</span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Informational</span> <span class="token attr-name">Notes"</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>info<span class="token punctuation">"</span></span> <span class="token attr-name">showIcon</span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Warning<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>warning<span class="token punctuation">"</span></span> <span class="token attr-name">showIcon</span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Error<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>error<span class="token punctuation">"</span></span> <span class="token attr-name">showIcon</span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span>\n    <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>success</span> <span class="token attr-name">tips"</span>\n    <span class="token attr-name">description</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Detailed</span> <span class="token attr-name">description</span> <span class="token attr-name">and</span> <span class="token attr-name">advices</span> <span class="token attr-name">about</span> <span class="token attr-name">successful</span> <span class="token attr-name">copywriting."</span>\n    <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>success<span class="token punctuation">"</span></span>\n    <span class="token attr-name">showIcon</span>\n  <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span>\n    <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Informational</span> <span class="token attr-name">Notes"</span>\n    <span class="token attr-name">description</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Additional</span> <span class="token attr-name">description</span> <span class="token attr-name">and</span> <span class="token attr-name">informations</span> <span class="token attr-name">about</span> <span class="token attr-name">copywriting."</span>\n    <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>info<span class="token punctuation">"</span></span>\n    <span class="token attr-name">showIcon</span>\n  <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span>\n    <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Warning<span class="token punctuation">"</span></span>\n    <span class="token attr-name">description</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>This</span> <span class="token attr-name">is</span> <span class="token attr-name">a</span> <span class="token attr-name">warning</span> <span class="token attr-name">notice</span> <span class="token attr-name">about</span> <span class="token attr-name">copywriting."</span>\n    <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>warning<span class="token punctuation">"</span></span>\n    <span class="token attr-name">showIcon</span>\n  <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span>\n    <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Error<span class="token punctuation">"</span></span>\n    <span class="token attr-name">description</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>This</span> <span class="token attr-name">is</span> <span class="token attr-name">an</span> <span class="token attr-name">error</span> <span class="token attr-name">message</span> <span class="token attr-name">about</span> <span class="token attr-name">copywriting."</span>\n    <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>error<span class="token punctuation">"</span></span>\n    <span class="token attr-name">showIcon</span>\n  <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'}],preview:function(){var n=s(1),a=(s(2),s(3));return n.createElement("div",null,n.createElement(a.Alert,{message:"Success Tips",type:"success",showIcon:!0}),n.createElement(a.Alert,{message:"Informational Notes",type:"info",showIcon:!0}),n.createElement(a.Alert,{message:"Warning",type:"warning",showIcon:!0}),n.createElement(a.Alert,{message:"Error",type:"error",showIcon:!0}),n.createElement(a.Alert,{message:"success tips",description:"Detailed description and advices about successful copywriting.",type:"success",showIcon:!0}),n.createElement(a.Alert,{message:"Informational Notes",description:"Additional description and informations about copywriting.",type:"info",showIcon:!0}),n.createElement(a.Alert,{message:"Warning",description:"This is a warning notice about copywriting.",type:"warning",showIcon:!0}),n.createElement(a.Alert,{message:"Error",description:"This is an error message about copywriting.",type:"error",showIcon:!0}))}}},667:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u5171\u6709\u56db\u79cd\u6837\u5f0f ",["code","success"],"\u3001",["code","info"],"\u3001",["code","warning"],"\u3001",["code","error"],"\u3002"]],"en-US":[["p","There are 4 types of Alert: ",["code","success"],", ",["code","info"],", ",["code","warning"],", ",["code","error"],"."]]},meta:{order:1,title:{"zh-CN":"\u56db\u79cd\u6837\u5f0f","en-US":"More types"},filename:"components/alert/demo/style.md",id:"components-alert-demo-style"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Alert <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Success</span> <span class="token attr-name">Text"</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>success<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Info</span> <span class="token attr-name">Text"</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>info<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Warning</span> <span class="token attr-name">Text"</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>warning<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Error</span> <span class="token attr-name">Text"</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>error<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'
 }],preview:function(){var n=s(1),a=(s(2),s(3));return n.createElement("div",null,n.createElement(a.Alert,{message:"Success Text",type:"success"}),n.createElement(a.Alert,{message:"Info Text",type:"info"}),n.createElement(a.Alert,{message:"Warning Text",type:"warning"}),n.createElement(a.Alert,{message:"Error Text",type:"error"}))}}},1142:function(n,a,s){n.exports={banner:s(661),basic:s(662),closable:s(663),"close-text":s(664),description:s(665),icon:s(666),style:s(667)}}});
\ No newline at end of file
diff --git a/components/alert/index.html b/components/alert/index.html
index bba059f49..7305a1c5d 100644
--- a/components/alert/index.html
+++ b/components/alert/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1208336078"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-591937818"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-alert-demo-basic" data-reactid="294">Basic</a></li><li title="More types" data-reactid="295"><a href="#components-alert-demo-style" data-reactid="296">More types</a></li><li title="Closable" data-reactid="297"><a href="#components-alert-demo-closable" data-reactid="298">Closable</a></li><li title="Description" data-reactid="299"><a href="#components-alert-demo-description" data-reactid="300">Description</a></li><li title="Icon" data-reactid="301"><a href="#components-alert-demo-icon" data-reactid="302">Icon</a></li><li title="Customized Close Text" data-reactid="303"><a href="#components-alert-demo-close-text" data-reactid="304">Customized Close Text</a></li><li title="Banner" data-reactid="305"><a href="#components-alert-demo-banner" data-reactid="306">Banner</a></li></ul></div></div><section class="markdown" data-reactid="307"><h1 data-reactid="308"><!-- react-text: 309 -->Alert<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/alert/index.en-US.md" data-reactid="310"><i class="anticon anticon-edit" data-reactid="311"></i></a></h1><section class="markdown" data-reactid="312"><p data-reactid="313"><!-- react-text: 314 -->Alert component for feedback.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="315"><span data-reactid="316"><!-- react-text: 317 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="318">#</a></h2><ul data-reactid="319"><li data-reactid="320"><p data-reactid="321"><!-- react-text: 322 -->When you need to show alert messages for users.<!-- /react-text --></p></li><li data-reactid="323"><p data-reactid="324"><!-- react-text: 325 -->When you need a persistent static container which is closable by user actions.<!-- /react-text --></p></li></ul></section><h2 data-reactid="326"><span data-reactid="327">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="328"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="329"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="330"><section class="code-box" id="components-alert-demo-basic" data-reactid="331"><section class="code-box-demo" data-reactid="332"><div data-show="true" class="ant-alert ant-alert-success ant-alert-no-icon" data-reactid="333"><span class="ant-alert-message" data-reactid="334">Success Text</span><span class="ant-alert-description" data-reactid="335"></span></div></section><section class="code-box-meta markdown" data-reactid="336"><div class="code-box-title" data-reactid="337"><a href="#components-alert-demo-basic" data-reactid="338">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/alert/demo/basic.md" data-reactid="339"><i class="anticon anticon-edit" data-reactid="340"></i></a></div><div data-reactid="341"><p data-reactid="342"><!-- react-text: 343 -->The simplest usage for short messages.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="344"></i></section><section class="highlight-wrapper" data-reactid="345"><div class="highlight" data-reactid="346"><i class="anticon anticon-copy code-box-code-copy" data-reactid="347"></i><pre class="language-jsx" data-reactid="348"><code data-reactid="349"><span class="token keyword">import</span> <span class="token punctuation">{</span> Alert <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-alert-demo-basic" data-reactid="294">Basic</a></li><li title="More types" data-reactid="295"><a href="#components-alert-demo-style" data-reactid="296">More types</a></li><li title="Closable" data-reactid="297"><a href="#components-alert-demo-closable" data-reactid="298">Closable</a></li><li title="Description" data-reactid="299"><a href="#components-alert-demo-description" data-reactid="300">Description</a></li><li title="Icon" data-reactid="301"><a href="#components-alert-demo-icon" data-reactid="302">Icon</a></li><li title="Customized Close Text" data-reactid="303"><a href="#components-alert-demo-close-text" data-reactid="304">Customized Close Text</a></li><li title="Banner" data-reactid="305"><a href="#components-alert-demo-banner" data-reactid="306">Banner</a></li></ul></div></div><section class="markdown" data-reactid="307"><h1 data-reactid="308"><!-- react-text: 309 -->Alert<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/alert/index.en-US.md" data-reactid="310"><i class="anticon anticon-edit" data-reactid="311"></i></a></h1><section class="markdown" data-reactid="312"><p data-reactid="313"><!-- react-text: 314 -->Alert component for feedback.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="315"><span data-reactid="316"><!-- react-text: 317 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="318">#</a></h2><ul data-reactid="319"><li data-reactid="320"><p data-reactid="321"><!-- react-text: 322 -->When you need to show alert messages for users.<!-- /react-text --></p></li><li data-reactid="323"><p data-reactid="324"><!-- react-text: 325 -->When you need a persistent static container which is closable by user actions.<!-- /react-text --></p></li></ul></section><h2 data-reactid="326"><span data-reactid="327">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="328"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="329"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="330"><section class="code-box" id="components-alert-demo-basic" data-reactid="331"><section class="code-box-demo" data-reactid="332"><div data-show="true" class="ant-alert ant-alert-success ant-alert-no-icon" data-reactid="333"><span class="ant-alert-message" data-reactid="334">Success Text</span><span class="ant-alert-description" data-reactid="335"></span></div></section><section class="code-box-meta markdown" data-reactid="336"><div class="code-box-title" data-reactid="337"><a href="#components-alert-demo-basic" data-reactid="338">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/alert/demo/basic.md" data-reactid="339"><i class="anticon anticon-edit" data-reactid="340"></i></a></div><div data-reactid="341"><p data-reactid="342"><!-- react-text: 343 -->The simplest usage for short messages.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="344"></i></section><section class="highlight-wrapper" data-reactid="345"><div class="highlight" data-reactid="346"><i class="anticon anticon-copy code-box-code-copy" data-reactid="347"></i><pre class="language-jsx" data-reactid="348"><code data-reactid="349"><span class="token keyword">import</span> <span class="token punctuation">{</span> Alert <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Success</span> <span class="token attr-name">Text"</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>success<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
@@ -165,7 +165,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
     <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>error<span class="token punctuation">"</span></span>
     <span class="token attr-name">showIcon</span>
   <span class="token punctuation">/></span></span>
-<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-alert-demo-banner" data-reactid="426"><section class="code-box-demo" data-reactid="427"><div class="browser-mockup with-url" data-reactid="428"><iframe src="/demo-0.4614076980064121.html" height="250" data-reactid="429"></iframe></div></section><section class="code-box-meta markdown" data-reactid="430"><div class="code-box-title" data-reactid="431"><a href="#components-alert-demo-banner" data-reactid="432">Banner</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/alert/demo/banner.md" data-reactid="433"><i class="anticon anticon-edit" data-reactid="434"></i></a></div><div data-reactid="435"><p data-reactid="436"><!-- react-text: 437 -->Display Alert as a banner at top of page.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="438"></i></section><section class="highlight-wrapper" data-reactid="439"><div class="highlight" data-reactid="440"><i class="anticon anticon-copy code-box-code-copy" data-reactid="441"></i><pre class="language-jsx" data-reactid="442"><code data-reactid="443"><span class="token keyword">import</span> <span class="token punctuation">{</span> Alert <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-alert-demo-banner" data-reactid="426"><section class="code-box-demo" data-reactid="427"><div class="browser-mockup with-url" data-reactid="428"><iframe src="/demo-0.6182563757087718.html" height="250" data-reactid="429"></iframe></div></section><section class="code-box-meta markdown" data-reactid="430"><div class="code-box-title" data-reactid="431"><a href="#components-alert-demo-banner" data-reactid="432">Banner</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/alert/demo/banner.md" data-reactid="433"><i class="anticon anticon-edit" data-reactid="434"></i></a></div><div data-reactid="435"><p data-reactid="436"><!-- react-text: 437 -->Display Alert as a banner at top of page.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="438"></i></section><section class="highlight-wrapper" data-reactid="439"><div class="highlight" data-reactid="440"><i class="anticon anticon-copy code-box-code-copy" data-reactid="441"></i><pre class="language-jsx" data-reactid="442"><code data-reactid="443"><span class="token keyword">import</span> <span class="token punctuation">{</span> Alert <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">></span></span>
diff --git a/components/anchor-cn/index.html b/components/anchor-cn/index.html
index 88b76b06c..8772c9c4f 100644
--- a/components/anchor-cn/index.html
+++ b/components/anchor-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-422475412"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="704088430"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-anchor-demo-basic" data-reactid="294">基本</a></li><li title="固定" data-reactid="295"><a href="#components-anchor-demo-fixed" data-reactid="296">固定</a></li></ul></div></div><section class="markdown" data-reactid="297"><h1 data-reactid="298"><!-- react-text: 299 -->Anchor<!-- /react-text --><span class="subtitle" data-reactid="300">锚点</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/anchor/index.zh-CN.md" data-reactid="301"><i class="anticon anticon-edit" data-reactid="302"></i></a></h1><section class="markdown" data-reactid="303"><p data-reactid="304"><!-- react-text: 305 -->用于跳转到页面指定位置。<!-- /react-text --></p><h2 id="何时使用" data-reactid="306"><span data-reactid="307"><!-- react-text: 308 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="309">#</a></h2><p data-reactid="310"><!-- react-text: 311 -->需要展现当前页面上可供跳转的锚点链接，以及快速在锚点之间跳转。<!-- /react-text --></p></section><h2 data-reactid="312"><span data-reactid="313">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="314"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="315"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="316"><section class="code-box" id="components-anchor-demo-basic" data-reactid="317"><section class="code-box-demo" data-reactid="318"><div data-reactid="319"><div class="" data-reactid="320"><div class="ant-anchor-wrapper" data-reactid="321"><div class="ant-anchor" data-reactid="322"><div class="ant-anchor-ink" data-reactid="323"><span class="ant-anchor-ink-ball animated" data-reactid="324"></span></div><div class="ant-anchor-link" data-reactid="325"><a class="ant-anchor-link-title" href="#components-anchor-demo-basic" title="Basic demo" data-reactid="326">Basic demo</a></div><div class="ant-anchor-link" data-reactid="327"><a class="ant-anchor-link-title" href="#components-anchor-demo-fixed" title="Fixed demo" data-reactid="328">Fixed demo</a></div><div class="ant-anchor-link" data-reactid="329"><a class="ant-anchor-link-title" href="#API" title="API" data-reactid="330">API</a><div class="ant-anchor-link" data-reactid="331"><a class="ant-anchor-link-title" href="#Anchor-Props" title="Anchor Props" data-reactid="332">Anchor Props</a></div><div class="ant-anchor-link" data-reactid="333"><a class="ant-anchor-link-title" href="#Link-Props" title="Link Props" data-reactid="334">Link Props</a></div></div></div></div></div></div><style data-reactid="335">
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-anchor-demo-basic" data-reactid="294">基本</a></li><li title="固定" data-reactid="295"><a href="#components-anchor-demo-fixed" data-reactid="296">固定</a></li></ul></div></div><section class="markdown" data-reactid="297"><h1 data-reactid="298"><!-- react-text: 299 -->Anchor<!-- /react-text --><span class="subtitle" data-reactid="300">锚点</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/anchor/index.zh-CN.md" data-reactid="301"><i class="anticon anticon-edit" data-reactid="302"></i></a></h1><section class="markdown" data-reactid="303"><p data-reactid="304"><!-- react-text: 305 -->用于跳转到页面指定位置。<!-- /react-text --></p><h2 id="何时使用" data-reactid="306"><span data-reactid="307"><!-- react-text: 308 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="309">#</a></h2><p data-reactid="310"><!-- react-text: 311 -->需要展现当前页面上可供跳转的锚点链接，以及快速在锚点之间跳转。<!-- /react-text --></p></section><h2 data-reactid="312"><span data-reactid="313">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="314"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="315"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="316"><section class="code-box" id="components-anchor-demo-basic" data-reactid="317"><section class="code-box-demo" data-reactid="318"><div data-reactid="319"><div class="" data-reactid="320"><div class="ant-anchor-wrapper" data-reactid="321"><div class="ant-anchor" data-reactid="322"><div class="ant-anchor-ink" data-reactid="323"><span class="ant-anchor-ink-ball animated" data-reactid="324"></span></div><div class="ant-anchor-link" data-reactid="325"><a class="ant-anchor-link-title" href="#components-anchor-demo-basic" title="Basic demo" data-reactid="326">Basic demo</a></div><div class="ant-anchor-link" data-reactid="327"><a class="ant-anchor-link-title" href="#components-anchor-demo-fixed" title="Fixed demo" data-reactid="328">Fixed demo</a></div><div class="ant-anchor-link" data-reactid="329"><a class="ant-anchor-link-title" href="#API" title="API" data-reactid="330">API</a><div class="ant-anchor-link" data-reactid="331"><a class="ant-anchor-link-title" href="#Anchor-Props" title="Anchor Props" data-reactid="332">Anchor Props</a></div><div class="ant-anchor-link" data-reactid="333"><a class="ant-anchor-link-title" href="#Link-Props" title="Link Props" data-reactid="334">Link Props</a></div></div></div></div></div></div><style data-reactid="335">
 .code-box-demo .ant-affix {
   z-index: 11;
 }
diff --git a/components/anchor/index.html b/components/anchor/index.html
index dd0430fd7..436b90544 100644
--- a/components/anchor/index.html
+++ b/components/anchor/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1236638121"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1889756757"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-anchor-demo-basic" data-reactid="294">Basic</a></li><li title="Fixed Anchor" data-reactid="295"><a href="#components-anchor-demo-fixed" data-reactid="296">Fixed Anchor</a></li></ul></div></div><section class="markdown" data-reactid="297"><h1 data-reactid="298"><!-- react-text: 299 -->Anchor<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/anchor/index.en-US.md" data-reactid="300"><i class="anticon anticon-edit" data-reactid="301"></i></a></h1><section class="markdown" data-reactid="302"><p data-reactid="303"><!-- react-text: 304 -->Hyperlinks to scroll on one page.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="305"><span data-reactid="306"><!-- react-text: 307 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="308">#</a></h2><p data-reactid="309"><!-- react-text: 310 -->For displaying anchor hyperlinks on page and jumping between them.<!-- /react-text --></p></section><h2 data-reactid="311"><span data-reactid="312">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="313"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="314"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="315"><section class="code-box" id="components-anchor-demo-basic" data-reactid="316"><section class="code-box-demo" data-reactid="317"><div data-reactid="318"><div class="" data-reactid="319"><div class="ant-anchor-wrapper" data-reactid="320"><div class="ant-anchor" data-reactid="321"><div class="ant-anchor-ink" data-reactid="322"><span class="ant-anchor-ink-ball animated" data-reactid="323"></span></div><div class="ant-anchor-link" data-reactid="324"><a class="ant-anchor-link-title" href="#components-anchor-demo-basic" title="Basic demo" data-reactid="325">Basic demo</a></div><div class="ant-anchor-link" data-reactid="326"><a class="ant-anchor-link-title" href="#components-anchor-demo-fixed" title="Fixed demo" data-reactid="327">Fixed demo</a></div><div class="ant-anchor-link" data-reactid="328"><a class="ant-anchor-link-title" href="#API" title="API" data-reactid="329">API</a><div class="ant-anchor-link" data-reactid="330"><a class="ant-anchor-link-title" href="#Anchor-Props" title="Anchor Props" data-reactid="331">Anchor Props</a></div><div class="ant-anchor-link" data-reactid="332"><a class="ant-anchor-link-title" href="#Link-Props" title="Link Props" data-reactid="333">Link Props</a></div></div></div></div></div></div><style data-reactid="334">
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-anchor-demo-basic" data-reactid="294">Basic</a></li><li title="Fixed Anchor" data-reactid="295"><a href="#components-anchor-demo-fixed" data-reactid="296">Fixed Anchor</a></li></ul></div></div><section class="markdown" data-reactid="297"><h1 data-reactid="298"><!-- react-text: 299 -->Anchor<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/anchor/index.en-US.md" data-reactid="300"><i class="anticon anticon-edit" data-reactid="301"></i></a></h1><section class="markdown" data-reactid="302"><p data-reactid="303"><!-- react-text: 304 -->Hyperlinks to scroll on one page.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="305"><span data-reactid="306"><!-- react-text: 307 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="308">#</a></h2><p data-reactid="309"><!-- react-text: 310 -->For displaying anchor hyperlinks on page and jumping between them.<!-- /react-text --></p></section><h2 data-reactid="311"><span data-reactid="312">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="313"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="314"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="315"><section class="code-box" id="components-anchor-demo-basic" data-reactid="316"><section class="code-box-demo" data-reactid="317"><div data-reactid="318"><div class="" data-reactid="319"><div class="ant-anchor-wrapper" data-reactid="320"><div class="ant-anchor" data-reactid="321"><div class="ant-anchor-ink" data-reactid="322"><span class="ant-anchor-ink-ball animated" data-reactid="323"></span></div><div class="ant-anchor-link" data-reactid="324"><a class="ant-anchor-link-title" href="#components-anchor-demo-basic" title="Basic demo" data-reactid="325">Basic demo</a></div><div class="ant-anchor-link" data-reactid="326"><a class="ant-anchor-link-title" href="#components-anchor-demo-fixed" title="Fixed demo" data-reactid="327">Fixed demo</a></div><div class="ant-anchor-link" data-reactid="328"><a class="ant-anchor-link-title" href="#API" title="API" data-reactid="329">API</a><div class="ant-anchor-link" data-reactid="330"><a class="ant-anchor-link-title" href="#Anchor-Props" title="Anchor Props" data-reactid="331">Anchor Props</a></div><div class="ant-anchor-link" data-reactid="332"><a class="ant-anchor-link-title" href="#Link-Props" title="Link Props" data-reactid="333">Link Props</a></div></div></div></div></div></div><style data-reactid="334">
 .code-box-demo .ant-affix {
   z-index: 11;
 }
diff --git a/components/auto-complete-cn/index.html b/components/auto-complete-cn/index.html
index 033370155..fa9ab1b32 100644
--- a/components/auto-complete-cn/index.html
+++ b/components/auto-complete-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1885296898"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-22652668"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本使用" data-reactid="293"><a href="#components-auto-complete-demo-basic" data-reactid="294">基本使用</a></li><li title="自定义选项" data-reactid="295"><a href="#components-auto-complete-demo-options" data-reactid="296">自定义选项</a></li><li title="自定义输入组件" data-reactid="297"><a href="#components-auto-complete-demo-antd" data-reactid="298">自定义输入组件</a></li><li title="不区分大小写" data-reactid="299"><a href="#components-auto-complete-demo-non-case-sensitive" data-reactid="300">不区分大小写</a></li><li title="查询模式 - 确定类目" data-reactid="301"><a href="#components-auto-complete-demo-certain-category" data-reactid="302">查询模式 - 确定类目</a></li><li title="查询模式 - 不确定类目" data-reactid="303"><a href="#components-auto-complete-demo-uncertain-category" data-reactid="304">查询模式 - 不确定类目</a></li></ul></div></div><section class="markdown" data-reactid="305"><h1 data-reactid="306"><!-- react-text: 307 -->AutoComplete<!-- /react-text --><span class="subtitle" data-reactid="308">自动完成</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/auto-complete/index.zh-CN.md" data-reactid="309"><i class="anticon anticon-edit" data-reactid="310"></i></a></h1><section class="markdown" data-reactid="311"><p data-reactid="312"><!-- react-text: 313 -->输入框自动完成功能。<!-- /react-text --></p><h2 id="何时使用" data-reactid="314"><span data-reactid="315"><!-- react-text: 316 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="317">#</a></h2><p data-reactid="318"><!-- react-text: 319 -->需要自动完成时。<!-- /react-text --></p></section><h2 data-reactid="320"><span data-reactid="321">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="322"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="323"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="324"><section class="code-box" id="components-auto-complete-demo-basic" data-reactid="325"><section class="code-box-demo" data-reactid="326"><div style="width:200px;" class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled" data-reactid="327"><div class="ant-select-selection
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本使用" data-reactid="293"><a href="#components-auto-complete-demo-basic" data-reactid="294">基本使用</a></li><li title="自定义选项" data-reactid="295"><a href="#components-auto-complete-demo-options" data-reactid="296">自定义选项</a></li><li title="自定义输入组件" data-reactid="297"><a href="#components-auto-complete-demo-antd" data-reactid="298">自定义输入组件</a></li><li title="不区分大小写" data-reactid="299"><a href="#components-auto-complete-demo-non-case-sensitive" data-reactid="300">不区分大小写</a></li><li title="查询模式 - 确定类目" data-reactid="301"><a href="#components-auto-complete-demo-certain-category" data-reactid="302">查询模式 - 确定类目</a></li><li title="查询模式 - 不确定类目" data-reactid="303"><a href="#components-auto-complete-demo-uncertain-category" data-reactid="304">查询模式 - 不确定类目</a></li></ul></div></div><section class="markdown" data-reactid="305"><h1 data-reactid="306"><!-- react-text: 307 -->AutoComplete<!-- /react-text --><span class="subtitle" data-reactid="308">自动完成</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/auto-complete/index.zh-CN.md" data-reactid="309"><i class="anticon anticon-edit" data-reactid="310"></i></a></h1><section class="markdown" data-reactid="311"><p data-reactid="312"><!-- react-text: 313 -->输入框自动完成功能。<!-- /react-text --></p><h2 id="何时使用" data-reactid="314"><span data-reactid="315"><!-- react-text: 316 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="317">#</a></h2><p data-reactid="318"><!-- react-text: 319 -->需要自动完成时。<!-- /react-text --></p></section><h2 data-reactid="320"><span data-reactid="321">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="322"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="323"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="324"><section class="code-box" id="components-auto-complete-demo-basic" data-reactid="325"><section class="code-box-demo" data-reactid="326"><div style="width:200px;" class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled" data-reactid="327"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="328"><div class="ant-select-selection__rendered" data-reactid="329"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="330">input here</div><ul data-reactid="331"><li class="ant-select-search ant-select-search--inline" data-reactid="332"><div class="ant-select-search__field__wrap" data-reactid="333"><input type="text" class="ant-input ant-input ant-select-search__field" value="" data-reactid="334"/><span class="ant-select-search__field__mirror" data-reactid="335"><!-- react-text: 336 --><!-- /react-text --><!-- react-text: 337 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="338"><b data-reactid="339"></b></span></div></div></section><section class="code-box-meta markdown" data-reactid="340"><div class="code-box-title" data-reactid="341"><a href="#components-auto-complete-demo-basic" data-reactid="342">基本使用</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/auto-complete/demo/basic.md" data-reactid="343"><i class="anticon anticon-edit" data-reactid="344"></i></a></div><div data-reactid="345"><p data-reactid="346"><!-- react-text: 347 -->基本使用。通过 dataSource 设置自动完成的数据源<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="348"></i></section><section class="highlight-wrapper" data-reactid="349"><div class="highlight" data-reactid="350"><i class="anticon anticon-copy code-box-code-copy" data-reactid="351"></i><pre class="language-jsx" data-reactid="352"><code data-reactid="353"><span class="token keyword">import</span> <span class="token punctuation">{</span> AutoComplete <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">onSelect</span><span class="token punctuation">(</span>value<span class="token punctuation">)</span> <span class="token punctuation">{</span>
diff --git a/components/auto-complete/index.html b/components/auto-complete/index.html
index 6c6997313..acf9c0fbe 100644
--- a/components/auto-complete/index.html
+++ b/components/auto-complete/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="766331877"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1008448537"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic Usage" data-reactid="293"><a href="#components-auto-complete-demo-basic" data-reactid="294">Basic Usage</a></li><li title="Customized" data-reactid="295"><a href="#components-auto-complete-demo-options" data-reactid="296">Customized</a></li><li title="Customize Input Component" data-reactid="297"><a href="#components-auto-complete-demo-antd" data-reactid="298">Customize Input Component</a></li><li title="Non-case-sensitive AutoComplete" data-reactid="299"><a href="#components-auto-complete-demo-non-case-sensitive" data-reactid="300">Non-case-sensitive AutoComplete</a></li><li title="Lookup-Patterns - Certain Category" data-reactid="301"><a href="#components-auto-complete-demo-certain-category" data-reactid="302">Lookup-Patterns - Certain Category</a></li><li title="Lookup-Patterns - Uncertain Category" data-reactid="303"><a href="#components-auto-complete-demo-uncertain-category" data-reactid="304">Lookup-Patterns - Uncertain Category</a></li></ul></div></div><section class="markdown" data-reactid="305"><h1 data-reactid="306"><!-- react-text: 307 -->AutoComplete<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/auto-complete/index.en-US.md" data-reactid="308"><i class="anticon anticon-edit" data-reactid="309"></i></a></h1><section class="markdown" data-reactid="310"><p data-reactid="311"><!-- react-text: 312 -->Autocomplete function of input field.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="313"><span data-reactid="314"><!-- react-text: 315 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="316">#</a></h2><p data-reactid="317"><!-- react-text: 318 -->When there is a need for autocomplete functionality.<!-- /react-text --></p></section><h2 data-reactid="319"><span data-reactid="320">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="321"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="322"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="323"><section class="code-box" id="components-auto-complete-demo-basic" data-reactid="324"><section class="code-box-demo" data-reactid="325"><div style="width:200px;" class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled" data-reactid="326"><div class="ant-select-selection
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic Usage" data-reactid="293"><a href="#components-auto-complete-demo-basic" data-reactid="294">Basic Usage</a></li><li title="Customized" data-reactid="295"><a href="#components-auto-complete-demo-options" data-reactid="296">Customized</a></li><li title="Customize Input Component" data-reactid="297"><a href="#components-auto-complete-demo-antd" data-reactid="298">Customize Input Component</a></li><li title="Non-case-sensitive AutoComplete" data-reactid="299"><a href="#components-auto-complete-demo-non-case-sensitive" data-reactid="300">Non-case-sensitive AutoComplete</a></li><li title="Lookup-Patterns - Certain Category" data-reactid="301"><a href="#components-auto-complete-demo-certain-category" data-reactid="302">Lookup-Patterns - Certain Category</a></li><li title="Lookup-Patterns - Uncertain Category" data-reactid="303"><a href="#components-auto-complete-demo-uncertain-category" data-reactid="304">Lookup-Patterns - Uncertain Category</a></li></ul></div></div><section class="markdown" data-reactid="305"><h1 data-reactid="306"><!-- react-text: 307 -->AutoComplete<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/auto-complete/index.en-US.md" data-reactid="308"><i class="anticon anticon-edit" data-reactid="309"></i></a></h1><section class="markdown" data-reactid="310"><p data-reactid="311"><!-- react-text: 312 -->Autocomplete function of input field.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="313"><span data-reactid="314"><!-- react-text: 315 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="316">#</a></h2><p data-reactid="317"><!-- react-text: 318 -->When there is a need for autocomplete functionality.<!-- /react-text --></p></section><h2 data-reactid="319"><span data-reactid="320">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="321"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="322"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="323"><section class="code-box" id="components-auto-complete-demo-basic" data-reactid="324"><section class="code-box-demo" data-reactid="325"><div style="width:200px;" class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled" data-reactid="326"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="327"><div class="ant-select-selection__rendered" data-reactid="328"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="329">input here</div><ul data-reactid="330"><li class="ant-select-search ant-select-search--inline" data-reactid="331"><div class="ant-select-search__field__wrap" data-reactid="332"><input type="text" class="ant-input ant-input ant-select-search__field" value="" data-reactid="333"/><span class="ant-select-search__field__mirror" data-reactid="334"><!-- react-text: 335 --><!-- /react-text --><!-- react-text: 336 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="337"><b data-reactid="338"></b></span></div></div></section><section class="code-box-meta markdown" data-reactid="339"><div class="code-box-title" data-reactid="340"><a href="#components-auto-complete-demo-basic" data-reactid="341">Basic Usage</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/auto-complete/demo/basic.md" data-reactid="342"><i class="anticon anticon-edit" data-reactid="343"></i></a></div><div data-reactid="344"><p data-reactid="345"><!-- react-text: 346 -->Basic Usage, set datasource of autocomplete with <!-- /react-text --><code data-reactid="347"><!-- react-text: 348 -->dataSource<!-- /react-text --></code><!-- react-text: 349 --> property.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="350"></i></section><section class="highlight-wrapper" data-reactid="351"><div class="highlight" data-reactid="352"><i class="anticon anticon-copy code-box-code-copy" data-reactid="353"></i><pre class="language-jsx" data-reactid="354"><code data-reactid="355"><span class="token keyword">import</span> <span class="token punctuation">{</span> AutoComplete <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">onSelect</span><span class="token punctuation">(</span>value<span class="token punctuation">)</span> <span class="token punctuation">{</span>
diff --git a/components/back-top-cn/index.html b/components/back-top-cn/index.html
index 90957cd13..86ae2e15a 100644
--- a/components/back-top-cn/index.html
+++ b/components/back-top-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="225207806"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="724002304"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-back-top-demo-basic" data-reactid="294">基本</a></li><li title="自定义样式" data-reactid="295"><a href="#components-back-top-demo-custom" data-reactid="296">自定义样式</a></li></ul></div></div><section class="markdown" data-reactid="297"><h1 data-reactid="298"><!-- react-text: 299 -->BackTop<!-- /react-text --><span class="subtitle" data-reactid="300">回到顶部</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/back-top/index.zh-CN.md" data-reactid="301"><i class="anticon anticon-edit" data-reactid="302"></i></a></h1><section class="markdown" data-reactid="303"><p data-reactid="304"><!-- react-text: 305 -->返回页面顶部的操作按钮。<!-- /react-text --></p><h2 id="何时使用" data-reactid="306"><span data-reactid="307"><!-- react-text: 308 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="309">#</a></h2><ul data-reactid="310"><li data-reactid="311"><p data-reactid="312"><!-- react-text: 313 -->当页面内容区域比较长时；<!-- /react-text --></p></li><li data-reactid="314"><p data-reactid="315"><!-- react-text: 316 -->当用户需要频繁返回顶部查看相关内容时。<!-- /react-text --></p></li></ul></section><h2 data-reactid="317"><span data-reactid="318">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="319"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="320"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="321"><section class="code-box" id="components-back-top-demo-basic" data-reactid="322"><section class="code-box-demo" data-reactid="323"><div data-reactid="324"><!-- react-empty: 325 --><!-- react-text: 326 -->Scroll down to see the bottom-right<!-- /react-text --><strong style="color:rgba(64, 64, 64, 0.6);" data-reactid="327"> gray </strong><!-- react-text: 328 -->button.<!-- /react-text --></div></section><section class="code-box-meta markdown" data-reactid="329"><div class="code-box-title" data-reactid="330"><a href="#components-back-top-demo-basic" data-reactid="331">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/back-top/demo/basic.md" data-reactid="332"><i class="anticon anticon-edit" data-reactid="333"></i></a></div><div data-reactid="334"><p data-reactid="335"><!-- react-text: 336 -->最简单的用法。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="337"></i></section><section class="highlight-wrapper" data-reactid="338"><div class="highlight" data-reactid="339"><i class="anticon anticon-copy code-box-code-copy" data-reactid="340"></i><pre class="language-jsx" data-reactid="341"><code data-reactid="342"><span class="token keyword">import</span> <span class="token punctuation">{</span> BackTop <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-back-top-demo-basic" data-reactid="294">基本</a></li><li title="自定义样式" data-reactid="295"><a href="#components-back-top-demo-custom" data-reactid="296">自定义样式</a></li></ul></div></div><section class="markdown" data-reactid="297"><h1 data-reactid="298"><!-- react-text: 299 -->BackTop<!-- /react-text --><span class="subtitle" data-reactid="300">回到顶部</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/back-top/index.zh-CN.md" data-reactid="301"><i class="anticon anticon-edit" data-reactid="302"></i></a></h1><section class="markdown" data-reactid="303"><p data-reactid="304"><!-- react-text: 305 -->返回页面顶部的操作按钮。<!-- /react-text --></p><h2 id="何时使用" data-reactid="306"><span data-reactid="307"><!-- react-text: 308 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="309">#</a></h2><ul data-reactid="310"><li data-reactid="311"><p data-reactid="312"><!-- react-text: 313 -->当页面内容区域比较长时；<!-- /react-text --></p></li><li data-reactid="314"><p data-reactid="315"><!-- react-text: 316 -->当用户需要频繁返回顶部查看相关内容时。<!-- /react-text --></p></li></ul></section><h2 data-reactid="317"><span data-reactid="318">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="319"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="320"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="321"><section class="code-box" id="components-back-top-demo-basic" data-reactid="322"><section class="code-box-demo" data-reactid="323"><div data-reactid="324"><!-- react-empty: 325 --><!-- react-text: 326 -->Scroll down to see the bottom-right<!-- /react-text --><strong style="color:rgba(64, 64, 64, 0.6);" data-reactid="327"> gray </strong><!-- react-text: 328 -->button.<!-- /react-text --></div></section><section class="code-box-meta markdown" data-reactid="329"><div class="code-box-title" data-reactid="330"><a href="#components-back-top-demo-basic" data-reactid="331">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/back-top/demo/basic.md" data-reactid="332"><i class="anticon anticon-edit" data-reactid="333"></i></a></div><div data-reactid="334"><p data-reactid="335"><!-- react-text: 336 -->最简单的用法。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="337"></i></section><section class="highlight-wrapper" data-reactid="338"><div class="highlight" data-reactid="339"><i class="anticon anticon-copy code-box-code-copy" data-reactid="340"></i><pre class="language-jsx" data-reactid="341"><code data-reactid="342"><span class="token keyword">import</span> <span class="token punctuation">{</span> BackTop <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">></span></span>
diff --git a/components/back-top/index.html b/components/back-top/index.html
index 1413a7c48..d367a2dfe 100644
--- a/components/back-top/index.html
+++ b/components/back-top/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1378576970"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-799304264"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-back-top-demo-basic" data-reactid="294">Basic</a></li><li title="Custom style" data-reactid="295"><a href="#components-back-top-demo-custom" data-reactid="296">Custom style</a></li></ul></div></div><section class="markdown" data-reactid="297"><h1 data-reactid="298"><!-- react-text: 299 -->BackTop<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/back-top/index.en-US.md" data-reactid="300"><i class="anticon anticon-edit" data-reactid="301"></i></a></h1><section class="markdown" data-reactid="302"><p data-reactid="303"><code data-reactid="304"><!-- react-text: 305 -->BackTop<!-- /react-text --></code><!-- react-text: 306 --> makes it easy to go back to the top of the page.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="307"><span data-reactid="308"><!-- react-text: 309 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="310">#</a></h2><ul data-reactid="311"><li data-reactid="312"><p data-reactid="313"><!-- react-text: 314 -->When the page content is very long.<!-- /react-text --></p></li><li data-reactid="315"><p data-reactid="316"><!-- react-text: 317 -->When you need to go back to the top very frequently in order to view the contents.<!-- /react-text --></p></li></ul></section><h2 data-reactid="318"><span data-reactid="319">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="320"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="321"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="322"><section class="code-box" id="components-back-top-demo-basic" data-reactid="323"><section class="code-box-demo" data-reactid="324"><div data-reactid="325"><!-- react-empty: 326 --><!-- react-text: 327 -->Scroll down to see the bottom-right<!-- /react-text --><strong style="color:rgba(64, 64, 64, 0.6);" data-reactid="328"> gray </strong><!-- react-text: 329 -->button.<!-- /react-text --></div></section><section class="code-box-meta markdown" data-reactid="330"><div class="code-box-title" data-reactid="331"><a href="#components-back-top-demo-basic" data-reactid="332">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/back-top/demo/basic.md" data-reactid="333"><i class="anticon anticon-edit" data-reactid="334"></i></a></div><div data-reactid="335"><p data-reactid="336"><!-- react-text: 337 -->The most basic usage.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="338"></i></section><section class="highlight-wrapper" data-reactid="339"><div class="highlight" data-reactid="340"><i class="anticon anticon-copy code-box-code-copy" data-reactid="341"></i><pre class="language-jsx" data-reactid="342"><code data-reactid="343"><span class="token keyword">import</span> <span class="token punctuation">{</span> BackTop <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-back-top-demo-basic" data-reactid="294">Basic</a></li><li title="Custom style" data-reactid="295"><a href="#components-back-top-demo-custom" data-reactid="296">Custom style</a></li></ul></div></div><section class="markdown" data-reactid="297"><h1 data-reactid="298"><!-- react-text: 299 -->BackTop<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/back-top/index.en-US.md" data-reactid="300"><i class="anticon anticon-edit" data-reactid="301"></i></a></h1><section class="markdown" data-reactid="302"><p data-reactid="303"><code data-reactid="304"><!-- react-text: 305 -->BackTop<!-- /react-text --></code><!-- react-text: 306 --> makes it easy to go back to the top of the page.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="307"><span data-reactid="308"><!-- react-text: 309 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="310">#</a></h2><ul data-reactid="311"><li data-reactid="312"><p data-reactid="313"><!-- react-text: 314 -->When the page content is very long.<!-- /react-text --></p></li><li data-reactid="315"><p data-reactid="316"><!-- react-text: 317 -->When you need to go back to the top very frequently in order to view the contents.<!-- /react-text --></p></li></ul></section><h2 data-reactid="318"><span data-reactid="319">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="320"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="321"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="322"><section class="code-box" id="components-back-top-demo-basic" data-reactid="323"><section class="code-box-demo" data-reactid="324"><div data-reactid="325"><!-- react-empty: 326 --><!-- react-text: 327 -->Scroll down to see the bottom-right<!-- /react-text --><strong style="color:rgba(64, 64, 64, 0.6);" data-reactid="328"> gray </strong><!-- react-text: 329 -->button.<!-- /react-text --></div></section><section class="code-box-meta markdown" data-reactid="330"><div class="code-box-title" data-reactid="331"><a href="#components-back-top-demo-basic" data-reactid="332">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/back-top/demo/basic.md" data-reactid="333"><i class="anticon anticon-edit" data-reactid="334"></i></a></div><div data-reactid="335"><p data-reactid="336"><!-- react-text: 337 -->The most basic usage.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="338"></i></section><section class="highlight-wrapper" data-reactid="339"><div class="highlight" data-reactid="340"><i class="anticon anticon-copy code-box-code-copy" data-reactid="341"></i><pre class="language-jsx" data-reactid="342"><code data-reactid="343"><span class="token keyword">import</span> <span class="token punctuation">{</span> BackTop <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">></span></span>
diff --git a/components/badge-cn/index.html b/components/badge-cn/index.html
index 985aa6290..45f85ed62 100644
--- a/components/badge-cn/index.html
+++ b/components/badge-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1246093124"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="86302534"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-badge-demo-basic" data-reactid="294">基本</a></li><li title="独立使用" data-reactid="295"><a href="#components-badge-demo-no-wrapper" data-reactid="296">独立使用</a></li><li title="封顶数字" data-reactid="297"><a href="#components-badge-demo-overflow" data-reactid="298">封顶数字</a></li><li title="讨嫌的小红点" data-reactid="299"><a href="#components-badge-demo-dot" data-reactid="300">讨嫌的小红点</a></li><li title="可点击" data-reactid="301"><a href="#components-badge-demo-link" data-reactid="302">可点击</a></li><li title="动态" data-reactid="303"><a href="#components-badge-demo-change" data-reactid="304">动态</a></li><li title="状态点" data-reactid="305"><a href="#components-badge-demo-status" data-reactid="306">状态点</a></li></ul></div></div><section class="markdown" data-reactid="307"><h1 data-reactid="308"><!-- react-text: 309 -->Badge<!-- /react-text --><span class="subtitle" data-reactid="310">徽标数</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/badge/index.zh-CN.md" data-reactid="311"><i class="anticon anticon-edit" data-reactid="312"></i></a></h1><section class="markdown" data-reactid="313"><p data-reactid="314"><!-- react-text: 315 -->图标右上角的圆形徽标数字。<!-- /react-text --></p><h2 id="何时使用" data-reactid="316"><span data-reactid="317"><!-- react-text: 318 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="319">#</a></h2><p data-reactid="320"><!-- react-text: 321 -->一般出现在通知图标或头像的右上角，用于显示需要处理的消息条数，通过醒目视觉形式吸引用户处理。<!-- /react-text --></p></section><h2 data-reactid="322"><span data-reactid="323">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="324"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="325"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="326"><section class="code-box" id="components-badge-demo-basic" data-reactid="327"><section class="code-box-demo" data-reactid="328"><div data-reactid="329"><span class="ant-badge" title="5" data-reactid="330"><a href="#" class="head-example" data-reactid="331"></a><sup data-show="true" class="ant-scroll-number ant-badge-count" data-reactid="332"><span class="ant-scroll-number-only" style="transition:none;-ms-transform:translateY(-1500%);-webkit-transform:translateY(-1500%);transform:translateY(-1500%);" data-reactid="333"><p class="" data-reactid="334">0</p><p class="" data-reactid="335">1</p><p class="" data-reactid="336">2</p><p class="" data-reactid="337">3</p><p class="" data-reactid="338">4</p><p class="" data-reactid="339">5</p><p class="" data-reactid="340">6</p><p class="" data-reactid="341">7</p><p class="" data-reactid="342">8</p><p class="" data-reactid="343">9</p><p class="" data-reactid="344">0</p><p class="" data-reactid="345">1</p><p class="" data-reactid="346">2</p><p class="" data-reactid="347">3</p><p class="" data-reactid="348">4</p><p class="current" data-reactid="349">5</p><p class="" data-reactid="350">6</p><p class="" data-reactid="351">7</p><p class="" data-reactid="352">8</p><p class="" data-reactid="353">9</p><p class="" data-reactid="354">0</p><p class="" data-reactid="355">1</p><p class="" data-reactid="356">2</p><p class="" data-reactid="357">3</p><p class="" data-reactid="358">4</p><p class="" data-reactid="359">5</p><p class="" data-reactid="360">6</p><p class="" data-reactid="361">7</p><p class="" data-reactid="362">8</p><p class="" data-reactid="363">9</p></span></sup></span><span class="ant-badge" title="0" data-reactid="364"><a href="#" class="head-example" data-reactid="365"></a><sup data-show="true" class="ant-scroll-number ant-badge-count" data-reactid="366">0</sup></span></div><style data-reactid="367">
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-badge-demo-basic" data-reactid="294">基本</a></li><li title="独立使用" data-reactid="295"><a href="#components-badge-demo-no-wrapper" data-reactid="296">独立使用</a></li><li title="封顶数字" data-reactid="297"><a href="#components-badge-demo-overflow" data-reactid="298">封顶数字</a></li><li title="讨嫌的小红点" data-reactid="299"><a href="#components-badge-demo-dot" data-reactid="300">讨嫌的小红点</a></li><li title="可点击" data-reactid="301"><a href="#components-badge-demo-link" data-reactid="302">可点击</a></li><li title="动态" data-reactid="303"><a href="#components-badge-demo-change" data-reactid="304">动态</a></li><li title="状态点" data-reactid="305"><a href="#components-badge-demo-status" data-reactid="306">状态点</a></li></ul></div></div><section class="markdown" data-reactid="307"><h1 data-reactid="308"><!-- react-text: 309 -->Badge<!-- /react-text --><span class="subtitle" data-reactid="310">徽标数</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/badge/index.zh-CN.md" data-reactid="311"><i class="anticon anticon-edit" data-reactid="312"></i></a></h1><section class="markdown" data-reactid="313"><p data-reactid="314"><!-- react-text: 315 -->图标右上角的圆形徽标数字。<!-- /react-text --></p><h2 id="何时使用" data-reactid="316"><span data-reactid="317"><!-- react-text: 318 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="319">#</a></h2><p data-reactid="320"><!-- react-text: 321 -->一般出现在通知图标或头像的右上角，用于显示需要处理的消息条数，通过醒目视觉形式吸引用户处理。<!-- /react-text --></p></section><h2 data-reactid="322"><span data-reactid="323">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="324"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="325"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="326"><section class="code-box" id="components-badge-demo-basic" data-reactid="327"><section class="code-box-demo" data-reactid="328"><div data-reactid="329"><span class="ant-badge" title="5" data-reactid="330"><a href="#" class="head-example" data-reactid="331"></a><sup data-show="true" class="ant-scroll-number ant-badge-count" data-reactid="332"><span class="ant-scroll-number-only" style="transition:none;-ms-transform:translateY(-1500%);-webkit-transform:translateY(-1500%);transform:translateY(-1500%);" data-reactid="333"><p class="" data-reactid="334">0</p><p class="" data-reactid="335">1</p><p class="" data-reactid="336">2</p><p class="" data-reactid="337">3</p><p class="" data-reactid="338">4</p><p class="" data-reactid="339">5</p><p class="" data-reactid="340">6</p><p class="" data-reactid="341">7</p><p class="" data-reactid="342">8</p><p class="" data-reactid="343">9</p><p class="" data-reactid="344">0</p><p class="" data-reactid="345">1</p><p class="" data-reactid="346">2</p><p class="" data-reactid="347">3</p><p class="" data-reactid="348">4</p><p class="current" data-reactid="349">5</p><p class="" data-reactid="350">6</p><p class="" data-reactid="351">7</p><p class="" data-reactid="352">8</p><p class="" data-reactid="353">9</p><p class="" data-reactid="354">0</p><p class="" data-reactid="355">1</p><p class="" data-reactid="356">2</p><p class="" data-reactid="357">3</p><p class="" data-reactid="358">4</p><p class="" data-reactid="359">5</p><p class="" data-reactid="360">6</p><p class="" data-reactid="361">7</p><p class="" data-reactid="362">8</p><p class="" data-reactid="363">9</p></span></sup></span><span class="ant-badge" title="0" data-reactid="364"><a href="#" class="head-example" data-reactid="365"></a><sup data-show="true" class="ant-scroll-number ant-badge-count" data-reactid="366">0</sup></span></div><style data-reactid="367">
 .ant-badge:not(.ant-badge-status) {
   margin-right: 16px;
 }
diff --git a/components/badge/index.html b/components/badge/index.html
index 8c5595de3..36deea7be 100644
--- a/components/badge/index.html
+++ b/components/badge/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1705198472"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1498135674"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-badge-demo-basic" data-reactid="294">Basic</a></li><li title="Standalone" data-reactid="295"><a href="#components-badge-demo-no-wrapper" data-reactid="296">Standalone</a></li><li title="Overflow Count" data-reactid="297"><a href="#components-badge-demo-overflow" data-reactid="298">Overflow Count</a></li><li title="Red badge" data-reactid="299"><a href="#components-badge-demo-dot" data-reactid="300">Red badge</a></li><li title="Clickable" data-reactid="301"><a href="#components-badge-demo-link" data-reactid="302">Clickable</a></li><li title="Dynamic" data-reactid="303"><a href="#components-badge-demo-change" data-reactid="304">Dynamic</a></li><li title="Status" data-reactid="305"><a href="#components-badge-demo-status" data-reactid="306">Status</a></li></ul></div></div><section class="markdown" data-reactid="307"><h1 data-reactid="308"><!-- react-text: 309 -->Badge<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/badge/index.en-US.md" data-reactid="310"><i class="anticon anticon-edit" data-reactid="311"></i></a></h1><section class="markdown" data-reactid="312"><p data-reactid="313"><!-- react-text: 314 -->Small numerical value or status descriptors for UI elements.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="315"><span data-reactid="316"><!-- react-text: 317 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="318">#</a></h2><p data-reactid="319"><!-- react-text: 320 -->Badge normally appears in proximity to notification or head picture with eye-catching appeal, typically displaying unread messages count.<!-- /react-text --></p></section><h2 data-reactid="321"><span data-reactid="322">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="323"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="324"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="325"><section class="code-box" id="components-badge-demo-basic" data-reactid="326"><section class="code-box-demo" data-reactid="327"><div data-reactid="328"><span class="ant-badge" title="5" data-reactid="329"><a href="#" class="head-example" data-reactid="330"></a><sup data-show="true" class="ant-scroll-number ant-badge-count" data-reactid="331"><span class="ant-scroll-number-only" style="transition:none;-ms-transform:translateY(-1500%);-webkit-transform:translateY(-1500%);transform:translateY(-1500%);" data-reactid="332"><p class="" data-reactid="333">0</p><p class="" data-reactid="334">1</p><p class="" data-reactid="335">2</p><p class="" data-reactid="336">3</p><p class="" data-reactid="337">4</p><p class="" data-reactid="338">5</p><p class="" data-reactid="339">6</p><p class="" data-reactid="340">7</p><p class="" data-reactid="341">8</p><p class="" data-reactid="342">9</p><p class="" data-reactid="343">0</p><p class="" data-reactid="344">1</p><p class="" data-reactid="345">2</p><p class="" data-reactid="346">3</p><p class="" data-reactid="347">4</p><p class="current" data-reactid="348">5</p><p class="" data-reactid="349">6</p><p class="" data-reactid="350">7</p><p class="" data-reactid="351">8</p><p class="" data-reactid="352">9</p><p class="" data-reactid="353">0</p><p class="" data-reactid="354">1</p><p class="" data-reactid="355">2</p><p class="" data-reactid="356">3</p><p class="" data-reactid="357">4</p><p class="" data-reactid="358">5</p><p class="" data-reactid="359">6</p><p class="" data-reactid="360">7</p><p class="" data-reactid="361">8</p><p class="" data-reactid="362">9</p></span></sup></span><span class="ant-badge" title="0" data-reactid="363"><a href="#" class="head-example" data-reactid="364"></a><sup data-show="true" class="ant-scroll-number ant-badge-count" data-reactid="365">0</sup></span></div><style data-reactid="366">
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-badge-demo-basic" data-reactid="294">Basic</a></li><li title="Standalone" data-reactid="295"><a href="#components-badge-demo-no-wrapper" data-reactid="296">Standalone</a></li><li title="Overflow Count" data-reactid="297"><a href="#components-badge-demo-overflow" data-reactid="298">Overflow Count</a></li><li title="Red badge" data-reactid="299"><a href="#components-badge-demo-dot" data-reactid="300">Red badge</a></li><li title="Clickable" data-reactid="301"><a href="#components-badge-demo-link" data-reactid="302">Clickable</a></li><li title="Dynamic" data-reactid="303"><a href="#components-badge-demo-change" data-reactid="304">Dynamic</a></li><li title="Status" data-reactid="305"><a href="#components-badge-demo-status" data-reactid="306">Status</a></li></ul></div></div><section class="markdown" data-reactid="307"><h1 data-reactid="308"><!-- react-text: 309 -->Badge<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/badge/index.en-US.md" data-reactid="310"><i class="anticon anticon-edit" data-reactid="311"></i></a></h1><section class="markdown" data-reactid="312"><p data-reactid="313"><!-- react-text: 314 -->Small numerical value or status descriptors for UI elements.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="315"><span data-reactid="316"><!-- react-text: 317 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="318">#</a></h2><p data-reactid="319"><!-- react-text: 320 -->Badge normally appears in proximity to notification or head picture with eye-catching appeal, typically displaying unread messages count.<!-- /react-text --></p></section><h2 data-reactid="321"><span data-reactid="322">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="323"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="324"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="325"><section class="code-box" id="components-badge-demo-basic" data-reactid="326"><section class="code-box-demo" data-reactid="327"><div data-reactid="328"><span class="ant-badge" title="5" data-reactid="329"><a href="#" class="head-example" data-reactid="330"></a><sup data-show="true" class="ant-scroll-number ant-badge-count" data-reactid="331"><span class="ant-scroll-number-only" style="transition:none;-ms-transform:translateY(-1500%);-webkit-transform:translateY(-1500%);transform:translateY(-1500%);" data-reactid="332"><p class="" data-reactid="333">0</p><p class="" data-reactid="334">1</p><p class="" data-reactid="335">2</p><p class="" data-reactid="336">3</p><p class="" data-reactid="337">4</p><p class="" data-reactid="338">5</p><p class="" data-reactid="339">6</p><p class="" data-reactid="340">7</p><p class="" data-reactid="341">8</p><p class="" data-reactid="342">9</p><p class="" data-reactid="343">0</p><p class="" data-reactid="344">1</p><p class="" data-reactid="345">2</p><p class="" data-reactid="346">3</p><p class="" data-reactid="347">4</p><p class="current" data-reactid="348">5</p><p class="" data-reactid="349">6</p><p class="" data-reactid="350">7</p><p class="" data-reactid="351">8</p><p class="" data-reactid="352">9</p><p class="" data-reactid="353">0</p><p class="" data-reactid="354">1</p><p class="" data-reactid="355">2</p><p class="" data-reactid="356">3</p><p class="" data-reactid="357">4</p><p class="" data-reactid="358">5</p><p class="" data-reactid="359">6</p><p class="" data-reactid="360">7</p><p class="" data-reactid="361">8</p><p class="" data-reactid="362">9</p></span></sup></span><span class="ant-badge" title="0" data-reactid="363"><a href="#" class="head-example" data-reactid="364"></a><sup data-show="true" class="ant-scroll-number ant-badge-count" data-reactid="365">0</sup></span></div><style data-reactid="366">
 .ant-badge:not(.ant-badge-status) {
   margin-right: 16px;
 }
diff --git a/components/breadcrumb-cn/index.html b/components/breadcrumb-cn/index.html
index ada06ebc7..39db7b2bd 100644
--- a/components/breadcrumb-cn/index.html
+++ b/components/breadcrumb-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="646540432"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="70413399"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-breadcrumb-demo-basic" data-reactid="294">基本</a></li><li title="带有图标的" data-reactid="295"><a href="#components-breadcrumb-demo-withIcon" data-reactid="296">带有图标的</a></li><li title="路由" data-reactid="297"><a href="#components-breadcrumb-demo-router" data-reactid="298">路由</a></li><li title="分隔符" data-reactid="299"><a href="#components-breadcrumb-demo-separator" data-reactid="300">分隔符</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Breadcrumb<!-- /react-text --><span class="subtitle" data-reactid="304">面包屑</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/breadcrumb/index.zh-CN.md" data-reactid="305"><i class="anticon anticon-edit" data-reactid="306"></i></a></h1><section class="markdown" data-reactid="307"><p data-reactid="308"><!-- react-text: 309 -->显示当前页面在系统层级结构中的位置，并能向上返回。<!-- /react-text --></p><h2 id="何时使用" data-reactid="310"><span data-reactid="311"><!-- react-text: 312 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="313">#</a></h2><ul data-reactid="314"><li data-reactid="315"><p data-reactid="316"><!-- react-text: 317 -->当系统拥有超过两级以上的层级结构时；<!-- /react-text --></p></li><li data-reactid="318"><p data-reactid="319"><!-- react-text: 320 -->当需要告知用户『你在哪里』时；<!-- /react-text --></p></li><li data-reactid="321"><p data-reactid="322"><!-- react-text: 323 -->当需要向上导航的功能时。<!-- /react-text --></p></li></ul></section><h2 data-reactid="324"><span data-reactid="325">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="326"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="327"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="328"><section class="code-box" id="components-breadcrumb-demo-basic" data-reactid="329"><section class="code-box-demo" data-reactid="330"><div class="ant-breadcrumb" data-reactid="331"><span data-reactid="332"><span class="ant-breadcrumb-link" data-reactid="333">Home</span><span class="ant-breadcrumb-separator" data-reactid="334">/</span></span><span data-reactid="335"><span class="ant-breadcrumb-link" data-reactid="336"><a href="" data-reactid="337">Application Center</a></span><span class="ant-breadcrumb-separator" data-reactid="338">/</span></span><span data-reactid="339"><span class="ant-breadcrumb-link" data-reactid="340"><a href="" data-reactid="341">Application List</a></span><span class="ant-breadcrumb-separator" data-reactid="342">/</span></span><span data-reactid="343"><span class="ant-breadcrumb-link" data-reactid="344">An Application</span><span class="ant-breadcrumb-separator" data-reactid="345">/</span></span></div></section><section class="code-box-meta markdown" data-reactid="346"><div class="code-box-title" data-reactid="347"><a href="#components-breadcrumb-demo-basic" data-reactid="348">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/breadcrumb/demo/basic.md" data-reactid="349"><i class="anticon anticon-edit" data-reactid="350"></i></a></div><div data-reactid="351"><p data-reactid="352"><!-- react-text: 353 -->最简单的用法。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="354"></i></section><section class="highlight-wrapper" data-reactid="355"><div class="highlight" data-reactid="356"><i class="anticon anticon-copy code-box-code-copy" data-reactid="357"></i><pre class="language-jsx" data-reactid="358"><code data-reactid="359"><span class="token keyword">import</span> <span class="token punctuation">{</span> Breadcrumb <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-breadcrumb-demo-basic" data-reactid="294">基本</a></li><li title="带有图标的" data-reactid="295"><a href="#components-breadcrumb-demo-withIcon" data-reactid="296">带有图标的</a></li><li title="路由" data-reactid="297"><a href="#components-breadcrumb-demo-router" data-reactid="298">路由</a></li><li title="分隔符" data-reactid="299"><a href="#components-breadcrumb-demo-separator" data-reactid="300">分隔符</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Breadcrumb<!-- /react-text --><span class="subtitle" data-reactid="304">面包屑</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/breadcrumb/index.zh-CN.md" data-reactid="305"><i class="anticon anticon-edit" data-reactid="306"></i></a></h1><section class="markdown" data-reactid="307"><p data-reactid="308"><!-- react-text: 309 -->显示当前页面在系统层级结构中的位置，并能向上返回。<!-- /react-text --></p><h2 id="何时使用" data-reactid="310"><span data-reactid="311"><!-- react-text: 312 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="313">#</a></h2><ul data-reactid="314"><li data-reactid="315"><p data-reactid="316"><!-- react-text: 317 -->当系统拥有超过两级以上的层级结构时；<!-- /react-text --></p></li><li data-reactid="318"><p data-reactid="319"><!-- react-text: 320 -->当需要告知用户『你在哪里』时；<!-- /react-text --></p></li><li data-reactid="321"><p data-reactid="322"><!-- react-text: 323 -->当需要向上导航的功能时。<!-- /react-text --></p></li></ul></section><h2 data-reactid="324"><span data-reactid="325">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="326"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="327"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="328"><section class="code-box" id="components-breadcrumb-demo-basic" data-reactid="329"><section class="code-box-demo" data-reactid="330"><div class="ant-breadcrumb" data-reactid="331"><span data-reactid="332"><span class="ant-breadcrumb-link" data-reactid="333">Home</span><span class="ant-breadcrumb-separator" data-reactid="334">/</span></span><span data-reactid="335"><span class="ant-breadcrumb-link" data-reactid="336"><a href="" data-reactid="337">Application Center</a></span><span class="ant-breadcrumb-separator" data-reactid="338">/</span></span><span data-reactid="339"><span class="ant-breadcrumb-link" data-reactid="340"><a href="" data-reactid="341">Application List</a></span><span class="ant-breadcrumb-separator" data-reactid="342">/</span></span><span data-reactid="343"><span class="ant-breadcrumb-link" data-reactid="344">An Application</span><span class="ant-breadcrumb-separator" data-reactid="345">/</span></span></div></section><section class="code-box-meta markdown" data-reactid="346"><div class="code-box-title" data-reactid="347"><a href="#components-breadcrumb-demo-basic" data-reactid="348">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/breadcrumb/demo/basic.md" data-reactid="349"><i class="anticon anticon-edit" data-reactid="350"></i></a></div><div data-reactid="351"><p data-reactid="352"><!-- react-text: 353 -->最简单的用法。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="354"></i></section><section class="highlight-wrapper" data-reactid="355"><div class="highlight" data-reactid="356"><i class="anticon anticon-copy code-box-code-copy" data-reactid="357"></i><pre class="language-jsx" data-reactid="358"><code data-reactid="359"><span class="token keyword">import</span> <span class="token punctuation">{</span> Breadcrumb <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb</span><span class="token punctuation">></span></span>
@@ -121,7 +121,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Application List<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>An Application<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb</span><span class="token punctuation">></span></span>
-<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-breadcrumb-demo-router" data-reactid="360"><section class="code-box-demo" data-reactid="361"><div class="browser-mockup with-url" data-reactid="362"><iframe src="/demo-0.021340455381601897.html" height="200" data-reactid="363"></iframe></div><style data-reactid="364">.demo {
+<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-breadcrumb-demo-router" data-reactid="360"><section class="code-box-demo" data-reactid="361"><div class="browser-mockup with-url" data-reactid="362"><iframe src="/demo-0.44225212775130407.html" height="200" data-reactid="363"></iframe></div><style data-reactid="364">.demo {
   margin: 16px;
 }
 .demo-nav {
diff --git a/components/breadcrumb/demo.js b/components/breadcrumb/demo.js
index c88644531..e14ea4ae1 100644
--- a/components/breadcrumb/demo.js
+++ b/components/breadcrumb/demo.js
@@ -1 +1 @@
-webpackJsonp([41,211],{695:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002"]],"en-US":[["p","The simplest use"]]},meta:{order:0,title:{"zh-CN":"\u57fa\u672c","en-US":"Basic Usage"},filename:"components/breadcrumb/demo/basic.md",id:"components-breadcrumb-demo-basic"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Breadcrumb <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>Home<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Application Center<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Application List<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>An Application<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb</span><span class="token punctuation">></span></span>\n<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'}],preview:function(){var n=s(1),a=(s(2),s(3));return n.createElement(a.Breadcrumb,null,n.createElement(a.Breadcrumb.Item,null,"Home"),n.createElement(a.Breadcrumb.Item,null,n.createElement("a",{href:""},"Application Center")),n.createElement(a.Breadcrumb.Item,null,n.createElement("a",{href:""},"Application List")),n.createElement(a.Breadcrumb.Item,null,"An Application"))}}},696:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u548c ",["code","react-router@2+"]," \u8fdb\u884c\u7ed3\u5408\u4f7f\u7528\u3002"]],"en-US":[["p","Used together with ",["code","react-router@2+"],"."]]},meta:{order:2,iframe:200,title:{"zh-CN":"\u8def\u7531","en-US":"React Router Integration"},filename:"components/breadcrumb/demo/router.md",id:"components-breadcrumb-demo-router"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Router<span class="token punctuation">,</span> Route<span class="token punctuation">,</span> Link<span class="token punctuation">,</span> hashHistory <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'react-router\'</span><span class="token punctuation">;</span>\n<span class="token keyword">import</span> <span class="token punctuation">{</span> Breadcrumb<span class="token punctuation">,</span> Alert <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n\n<span class="token keyword">const</span> Apps <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token punctuation">(</span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ul</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>app-list<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Link</span> <span class="token attr-name">to</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>/apps/1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Application1<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Link</span><span class="token punctuation">></span></span>\uff1a<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Link</span> <span class="token attr-name">to</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>/apps/1/detail<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Detail<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Link</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Link</span> <span class="token attr-name">to</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>/apps/2<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Application2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Link</span><span class="token punctuation">></span></span>\uff1a<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Link</span> <span class="token attr-name">to</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>/apps/2/detail<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Detail<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Link</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>ul</span><span class="token punctuation">></span></span>\n<span class="token punctuation">)</span><span class="token punctuation">;</span>\n\n<span class="token keyword">const</span> Home <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token punctuation">{</span> routes<span class="token punctuation">,</span> params<span class="token punctuation">,</span> children <span class="token punctuation">}</span><span class="token punctuation">)</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token punctuation">(</span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>demo<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>demo-nav<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Link</span> <span class="token attr-name">to</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>/<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Home<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Link</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Link</span> <span class="token attr-name">to</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>/apps<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Application List<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Link</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n    <span class="token punctuation">{</span>children <span class="token operator">||</span> <span class="token string">\'Home Page\'</span><span class="token punctuation">}</span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> margin<span class="token punctuation">:</span> <span class="token string">\'16px 0\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Click</span> <span class="token attr-name">the</span> <span class="token attr-name">navigation</span> <span class="token attr-name">above</span> <span class="token attr-name">to</span> <span class="token attr-name"><span class="token namespace">switch:</span>"</span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb</span> <span class="token attr-name">routes</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span>routes<span class="token punctuation">}</span></span> <span class="token attr-name">params</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span>params<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n<span class="token punctuation">)</span><span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Router</span> <span class="token attr-name">history</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span>hashHistory<span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Route</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>home<span class="token punctuation">"</span></span> <span class="token attr-name">breadcrumbName</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Home<span class="token punctuation">"</span></span> <span class="token attr-name">path</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>/<span class="token punctuation">"</span></span> <span class="token attr-name">component</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span>Home<span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Route</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>apps<span class="token punctuation">"</span></span> <span class="token attr-name">breadcrumbName</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Application</span> <span class="token attr-name">List"</span> <span class="token attr-name">path</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>apps<span class="token punctuation">"</span></span> <span class="token attr-name">component</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span>Apps<span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Route</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>app<span class="token punctuation">"</span></span> <span class="token attr-name">breadcrumbName</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Application:id<span class="token punctuation">"</span></span> <span class="token attr-name">path</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>:id<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Route</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>detail<span class="token punctuation">"</span></span> <span class="token attr-name">breadcrumbName</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Detail<span class="token punctuation">"</span></span> <span class="token attr-name">path</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>detail<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Route</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Route</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Route</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Router</span><span class="token punctuation">></span></span>\n<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'}],preview:function(){var n=s(1),a=(s(2),s(191)),t=s(3),p=function(){return n.createElement("ul",{className:"app-list"},n.createElement("li",null,n.createElement(a.Link,{to:"/apps/1"},"Application1"),"\uff1a",n.createElement(a.Link,{to:"/apps/1/detail"},"Detail")),n.createElement("li",null,n.createElement(a.Link,{to:"/apps/2"},"Application2"),"\uff1a",n.createElement(a.Link,{to:"/apps/2/detail"},"Detail")))},e=function(s){var p=s.routes,e=s.params,o=s.children;return n.createElement("div",{className:"demo"},n.createElement("div",{className:"demo-nav"},n.createElement(a.Link,{to:"/"},"Home"),n.createElement(a.Link,{to:"/apps"},"Application List")),o||"Home Page",n.createElement(t.Alert,{style:{margin:"16px 0"},message:"Click the navigation above to switch:"}),n.createElement(t.Breadcrumb,{routes:p,params:e}))};return n.createElement(a.Router,{history:a.hashHistory},n.createElement(a.Route,{name:"home",breadcrumbName:"Home",path:"/",component:e},n.createElement(a.Route,{name:"apps",breadcrumbName:"Application List",path:"apps",component:p},n.createElement(a.Route,{name:"app",breadcrumbName:"Application:id",path:":id"},n.createElement(a.Route,{name:"detail",breadcrumbName:"Detail",path:"detail"})))))},style:".demo {\n  margin: 16px;\n}\n.demo-nav {\n  height: 30px;\n  line-height: 30px;\n  margin-bottom: 16px;\n  background: #f8f8f8;\n}\n.demo-nav a {\n  line-height: 30px;\n  padding: 0 8px;\n}\n.app-list {\n  margin-top: 16px;\n}",highlightedStyle:'<span class="token selector"><span class="token class">.demo</span> </span><span class="token punctuation">{</span>\n  <span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">16</span>px<span class="token punctuation">;</span>\n<span class="token punctuation">}</span>\n<span class="token selector"><span class="token class">.demo-nav</span> </span><span class="token punctuation">{</span>\n  <span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">30</span>px<span class="token punctuation">;</span>\n  <span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">30</span>px<span class="token punctuation">;</span>\n  <span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">16</span>px<span class="token punctuation">;</span>\n  <span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#f8f8f8</span><span class="token punctuation">;</span>\n<span class="token punctuation">}</span>\n<span class="token selector"><span class="token class">.demo-nav</span> a </span><span class="token punctuation">{</span>\n  <span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">30</span>px<span class="token punctuation">;</span>\n  <span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">8</span>px<span class="token punctuation">;</span>\n<span class="token punctuation">}</span>\n<span class="token selector"><span class="token class">.app-list</span> </span><span class="token punctuation">{</span>\n  <span class="token property">margin-top</span><span class="token punctuation">:</span> <span class="token number">16</span>px<span class="token punctuation">;</span>\n<span class="token punctuation">}</span>',src:"/demo-0.2610501686423261.html"}},697:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u4f7f\u7528 ",["code",'separator=">"']," \u53ef\u4ee5\u81ea\u5b9a\u4e49\u5206\u9694\u7b26\u3002"]],"en-US":[["p",'The separator can be customized by setting the separator property: separator=">"']]},meta:{order:3,title:{"zh-CN":"\u5206\u9694\u7b26","en-US":"Configuring the Separator"},filename:"components/breadcrumb/demo/separator.md",id:"components-breadcrumb-demo-separator"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Breadcrumb <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb</span> <span class="token attr-name">separator="</span><span class="token punctuation">></span><span class="token attr-name">"</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>Home<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Application Center<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Application List<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>An Application<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb</span><span class="token punctuation">></span></span>\n<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'}],preview:function(){var n=s(1),a=(s(2),s(3));return n.createElement(a.Breadcrumb,{separator:">"},n.createElement(a.Breadcrumb.Item,null,"Home"),n.createElement(a.Breadcrumb.Item,{href:""},"Application Center"),n.createElement(a.Breadcrumb.Item,{href:""},"Application List"),n.createElement(a.Breadcrumb.Item,null,"An Application"))}}},698:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u56fe\u6807\u653e\u5728\u6587\u5b57\u524d\u9762\u3002"]],"en-US":[["p","The icon should be placed in front of the text."]]},meta:{order:1,title:{"zh-CN":"\u5e26\u6709\u56fe\u6807\u7684","en-US":"With an Icon"},filename:"components/breadcrumb/demo/withIcon.md",id:"components-breadcrumb-demo-withIcon"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Breadcrumb<span class="token punctuation">,</span> Icon <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>home<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>user<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span><span class="token punctuation">></span></span>Application List<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n      Application\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb</span><span class="token punctuation">></span></span>\n<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'}],preview:function(){var n=s(1),a=(s(2),s(3));return n.createElement(a.Breadcrumb,null,n.createElement(a.Breadcrumb.Item,{href:""},n.createElement(a.Icon,{type:"home"})),n.createElement(a.Breadcrumb.Item,{href:""},n.createElement(a.Icon,{type:"user"}),n.createElement("span",null,"Application List")),n.createElement(a.Breadcrumb.Item,null,"Application"))}}},1147:function(n,a,s){n.exports={basic:s(695),router:s(696),separator:s(697),withIcon:s(698)}}});
\ No newline at end of file
+webpackJsonp([41,211],{695:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002"]],"en-US":[["p","The simplest use"]]},meta:{order:0,title:{"zh-CN":"\u57fa\u672c","en-US":"Basic Usage"},filename:"components/breadcrumb/demo/basic.md",id:"components-breadcrumb-demo-basic"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Breadcrumb <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>Home<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Application Center<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Application List<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>An Application<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb</span><span class="token punctuation">></span></span>\n<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'}],preview:function(){var n=s(1),a=(s(2),s(3));return n.createElement(a.Breadcrumb,null,n.createElement(a.Breadcrumb.Item,null,"Home"),n.createElement(a.Breadcrumb.Item,null,n.createElement("a",{href:""},"Application Center")),n.createElement(a.Breadcrumb.Item,null,n.createElement("a",{href:""},"Application List")),n.createElement(a.Breadcrumb.Item,null,"An Application"))}}},696:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u548c ",["code","react-router@2+"]," \u8fdb\u884c\u7ed3\u5408\u4f7f\u7528\u3002"]],"en-US":[["p","Used together with ",["code","react-router@2+"],"."]]},meta:{order:2,iframe:200,title:{"zh-CN":"\u8def\u7531","en-US":"React Router Integration"},filename:"components/breadcrumb/demo/router.md",id:"components-breadcrumb-demo-router"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Router<span class="token punctuation">,</span> Route<span class="token punctuation">,</span> Link<span class="token punctuation">,</span> hashHistory <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'react-router\'</span><span class="token punctuation">;</span>\n<span class="token keyword">import</span> <span class="token punctuation">{</span> Breadcrumb<span class="token punctuation">,</span> Alert <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n\n<span class="token keyword">const</span> Apps <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token punctuation">(</span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ul</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>app-list<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Link</span> <span class="token attr-name">to</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>/apps/1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Application1<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Link</span><span class="token punctuation">></span></span>\uff1a<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Link</span> <span class="token attr-name">to</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>/apps/1/detail<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Detail<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Link</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>li</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Link</span> <span class="token attr-name">to</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>/apps/2<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Application2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Link</span><span class="token punctuation">></span></span>\uff1a<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Link</span> <span class="token attr-name">to</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>/apps/2/detail<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Detail<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Link</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>li</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>ul</span><span class="token punctuation">></span></span>\n<span class="token punctuation">)</span><span class="token punctuation">;</span>\n\n<span class="token keyword">const</span> Home <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token punctuation">{</span> routes<span class="token punctuation">,</span> params<span class="token punctuation">,</span> children <span class="token punctuation">}</span><span class="token punctuation">)</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token punctuation">(</span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>demo<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>demo-nav<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Link</span> <span class="token attr-name">to</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>/<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Home<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Link</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Link</span> <span class="token attr-name">to</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>/apps<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Application List<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Link</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n    <span class="token punctuation">{</span>children <span class="token operator">||</span> <span class="token string">\'Home Page\'</span><span class="token punctuation">}</span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Alert</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> margin<span class="token punctuation">:</span> <span class="token string">\'16px 0\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span> <span class="token attr-name">message</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Click</span> <span class="token attr-name">the</span> <span class="token attr-name">navigation</span> <span class="token attr-name">above</span> <span class="token attr-name">to</span> <span class="token attr-name"><span class="token namespace">switch:</span>"</span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb</span> <span class="token attr-name">routes</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span>routes<span class="token punctuation">}</span></span> <span class="token attr-name">params</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span>params<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n<span class="token punctuation">)</span><span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Router</span> <span class="token attr-name">history</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span>hashHistory<span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Route</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>home<span class="token punctuation">"</span></span> <span class="token attr-name">breadcrumbName</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Home<span class="token punctuation">"</span></span> <span class="token attr-name">path</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>/<span class="token punctuation">"</span></span> <span class="token attr-name">component</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span>Home<span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Route</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>apps<span class="token punctuation">"</span></span> <span class="token attr-name">breadcrumbName</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Application</span> <span class="token attr-name">List"</span> <span class="token attr-name">path</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>apps<span class="token punctuation">"</span></span> <span class="token attr-name">component</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span>Apps<span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Route</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>app<span class="token punctuation">"</span></span> <span class="token attr-name">breadcrumbName</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Application:id<span class="token punctuation">"</span></span> <span class="token attr-name">path</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>:id<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Route</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>detail<span class="token punctuation">"</span></span> <span class="token attr-name">breadcrumbName</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Detail<span class="token punctuation">"</span></span> <span class="token attr-name">path</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>detail<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Route</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Route</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Route</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Router</span><span class="token punctuation">></span></span>\n<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'}],preview:function(){var n=s(1),a=(s(2),s(191)),t=s(3),p=function(){return n.createElement("ul",{className:"app-list"},n.createElement("li",null,n.createElement(a.Link,{to:"/apps/1"},"Application1"),"\uff1a",n.createElement(a.Link,{to:"/apps/1/detail"},"Detail")),n.createElement("li",null,n.createElement(a.Link,{to:"/apps/2"},"Application2"),"\uff1a",n.createElement(a.Link,{to:"/apps/2/detail"},"Detail")))},e=function(s){var p=s.routes,e=s.params,o=s.children;return n.createElement("div",{className:"demo"},n.createElement("div",{className:"demo-nav"},n.createElement(a.Link,{to:"/"},"Home"),n.createElement(a.Link,{to:"/apps"},"Application List")),o||"Home Page",n.createElement(t.Alert,{style:{margin:"16px 0"},message:"Click the navigation above to switch:"}),n.createElement(t.Breadcrumb,{routes:p,params:e}))};return n.createElement(a.Router,{history:a.hashHistory},n.createElement(a.Route,{name:"home",breadcrumbName:"Home",path:"/",component:e},n.createElement(a.Route,{name:"apps",breadcrumbName:"Application List",path:"apps",component:p},n.createElement(a.Route,{name:"app",breadcrumbName:"Application:id",path:":id"},n.createElement(a.Route,{name:"detail",breadcrumbName:"Detail",path:"detail"})))))},style:".demo {\n  margin: 16px;\n}\n.demo-nav {\n  height: 30px;\n  line-height: 30px;\n  margin-bottom: 16px;\n  background: #f8f8f8;\n}\n.demo-nav a {\n  line-height: 30px;\n  padding: 0 8px;\n}\n.app-list {\n  margin-top: 16px;\n}",highlightedStyle:'<span class="token selector"><span class="token class">.demo</span> </span><span class="token punctuation">{</span>\n  <span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">16</span>px<span class="token punctuation">;</span>\n<span class="token punctuation">}</span>\n<span class="token selector"><span class="token class">.demo-nav</span> </span><span class="token punctuation">{</span>\n  <span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">30</span>px<span class="token punctuation">;</span>\n  <span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">30</span>px<span class="token punctuation">;</span>\n  <span class="token property">margin-bottom</span><span class="token punctuation">:</span> <span class="token number">16</span>px<span class="token punctuation">;</span>\n  <span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#f8f8f8</span><span class="token punctuation">;</span>\n<span class="token punctuation">}</span>\n<span class="token selector"><span class="token class">.demo-nav</span> a </span><span class="token punctuation">{</span>\n  <span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">30</span>px<span class="token punctuation">;</span>\n  <span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">8</span>px<span class="token punctuation">;</span>\n<span class="token punctuation">}</span>\n<span class="token selector"><span class="token class">.app-list</span> </span><span class="token punctuation">{</span>\n  <span class="token property">margin-top</span><span class="token punctuation">:</span> <span class="token number">16</span>px<span class="token punctuation">;</span>\n<span class="token punctuation">}</span>',src:"/demo-0.24852221183330458.html"}},697:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u4f7f\u7528 ",["code",'separator=">"']," \u53ef\u4ee5\u81ea\u5b9a\u4e49\u5206\u9694\u7b26\u3002"]],"en-US":[["p",'The separator can be customized by setting the separator property: separator=">"']]},meta:{order:3,title:{"zh-CN":"\u5206\u9694\u7b26","en-US":"Configuring the Separator"},filename:"components/breadcrumb/demo/separator.md",id:"components-breadcrumb-demo-separator"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Breadcrumb <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb</span> <span class="token attr-name">separator="</span><span class="token punctuation">></span><span class="token attr-name">"</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>Home<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Application Center<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Application List<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>An Application<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb</span><span class="token punctuation">></span></span>\n<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'}],preview:function(){var n=s(1),a=(s(2),s(3));return n.createElement(a.Breadcrumb,{separator:">"},n.createElement(a.Breadcrumb.Item,null,"Home"),n.createElement(a.Breadcrumb.Item,{href:""},"Application Center"),n.createElement(a.Breadcrumb.Item,{href:""},"Application List"),n.createElement(a.Breadcrumb.Item,null,"An Application"))}}},698:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u56fe\u6807\u653e\u5728\u6587\u5b57\u524d\u9762\u3002"]],"en-US":[["p","The icon should be placed in front of the text."]]},meta:{order:1,title:{"zh-CN":"\u5e26\u6709\u56fe\u6807\u7684","en-US":"With an Icon"},filename:"components/breadcrumb/demo/withIcon.md",id:"components-breadcrumb-demo-withIcon"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Breadcrumb<span class="token punctuation">,</span> Icon <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>home<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>user<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span><span class="token punctuation">></span></span>Application List<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n      Application\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb</span><span class="token punctuation">></span></span>\n<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'}],preview:function(){var n=s(1),a=(s(2),s(3));return n.createElement(a.Breadcrumb,null,n.createElement(a.Breadcrumb.Item,{href:""},n.createElement(a.Icon,{type:"home"})),n.createElement(a.Breadcrumb.Item,{href:""},n.createElement(a.Icon,{type:"user"}),n.createElement("span",null,"Application List")),n.createElement(a.Breadcrumb.Item,null,"Application"))}}},1147:function(n,a,s){n.exports={basic:s(695),router:s(696),separator:s(697),withIcon:s(698)}}});
\ No newline at end of file
diff --git a/components/breadcrumb/index.html b/components/breadcrumb/index.html
index 1496ec57a..be9011153 100644
--- a/components/breadcrumb/index.html
+++ b/components/breadcrumb/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1283832659"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1451015052"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic Usage" data-reactid="293"><a href="#components-breadcrumb-demo-basic" data-reactid="294">Basic Usage</a></li><li title="With an Icon" data-reactid="295"><a href="#components-breadcrumb-demo-withIcon" data-reactid="296">With an Icon</a></li><li title="React Router Integration" data-reactid="297"><a href="#components-breadcrumb-demo-router" data-reactid="298">React Router Integration</a></li><li title="Configuring the Separator" data-reactid="299"><a href="#components-breadcrumb-demo-separator" data-reactid="300">Configuring the Separator</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Breadcrumb<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/breadcrumb/index.en-US.md" data-reactid="304"><i class="anticon anticon-edit" data-reactid="305"></i></a></h1><section class="markdown" data-reactid="306"><p data-reactid="307"><!-- react-text: 308 -->A breadcrumb displays the current location within a hierarchy. It allows going back to states higher up in the hierarchy.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="309"><span data-reactid="310"><!-- react-text: 311 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="312">#</a></h2><ul data-reactid="313"><li data-reactid="314"><p data-reactid="315"><!-- react-text: 316 -->When the system has more than two layers in a hierarchy.<!-- /react-text --></p></li><li data-reactid="317"><p data-reactid="318"><!-- react-text: 319 -->When you need to inform the user of where they are.<!-- /react-text --></p></li><li data-reactid="320"><p data-reactid="321"><!-- react-text: 322 -->When the user may need to navigate back to a higher level.<!-- /react-text --></p></li><li data-reactid="323"><p data-reactid="324"><!-- react-text: 325 -->When the application has multi-layer architecture.<!-- /react-text --></p></li></ul></section><h2 data-reactid="326"><span data-reactid="327">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="328"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="329"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="330"><section class="code-box" id="components-breadcrumb-demo-basic" data-reactid="331"><section class="code-box-demo" data-reactid="332"><div class="ant-breadcrumb" data-reactid="333"><span data-reactid="334"><span class="ant-breadcrumb-link" data-reactid="335">Home</span><span class="ant-breadcrumb-separator" data-reactid="336">/</span></span><span data-reactid="337"><span class="ant-breadcrumb-link" data-reactid="338"><a href="" data-reactid="339">Application Center</a></span><span class="ant-breadcrumb-separator" data-reactid="340">/</span></span><span data-reactid="341"><span class="ant-breadcrumb-link" data-reactid="342"><a href="" data-reactid="343">Application List</a></span><span class="ant-breadcrumb-separator" data-reactid="344">/</span></span><span data-reactid="345"><span class="ant-breadcrumb-link" data-reactid="346">An Application</span><span class="ant-breadcrumb-separator" data-reactid="347">/</span></span></div></section><section class="code-box-meta markdown" data-reactid="348"><div class="code-box-title" data-reactid="349"><a href="#components-breadcrumb-demo-basic" data-reactid="350">Basic Usage</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/breadcrumb/demo/basic.md" data-reactid="351"><i class="anticon anticon-edit" data-reactid="352"></i></a></div><div data-reactid="353"><p data-reactid="354"><!-- react-text: 355 -->The simplest use<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="356"></i></section><section class="highlight-wrapper" data-reactid="357"><div class="highlight" data-reactid="358"><i class="anticon anticon-copy code-box-code-copy" data-reactid="359"></i><pre class="language-jsx" data-reactid="360"><code data-reactid="361"><span class="token keyword">import</span> <span class="token punctuation">{</span> Breadcrumb <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic Usage" data-reactid="293"><a href="#components-breadcrumb-demo-basic" data-reactid="294">Basic Usage</a></li><li title="With an Icon" data-reactid="295"><a href="#components-breadcrumb-demo-withIcon" data-reactid="296">With an Icon</a></li><li title="React Router Integration" data-reactid="297"><a href="#components-breadcrumb-demo-router" data-reactid="298">React Router Integration</a></li><li title="Configuring the Separator" data-reactid="299"><a href="#components-breadcrumb-demo-separator" data-reactid="300">Configuring the Separator</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Breadcrumb<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/breadcrumb/index.en-US.md" data-reactid="304"><i class="anticon anticon-edit" data-reactid="305"></i></a></h1><section class="markdown" data-reactid="306"><p data-reactid="307"><!-- react-text: 308 -->A breadcrumb displays the current location within a hierarchy. It allows going back to states higher up in the hierarchy.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="309"><span data-reactid="310"><!-- react-text: 311 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="312">#</a></h2><ul data-reactid="313"><li data-reactid="314"><p data-reactid="315"><!-- react-text: 316 -->When the system has more than two layers in a hierarchy.<!-- /react-text --></p></li><li data-reactid="317"><p data-reactid="318"><!-- react-text: 319 -->When you need to inform the user of where they are.<!-- /react-text --></p></li><li data-reactid="320"><p data-reactid="321"><!-- react-text: 322 -->When the user may need to navigate back to a higher level.<!-- /react-text --></p></li><li data-reactid="323"><p data-reactid="324"><!-- react-text: 325 -->When the application has multi-layer architecture.<!-- /react-text --></p></li></ul></section><h2 data-reactid="326"><span data-reactid="327">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="328"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="329"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="330"><section class="code-box" id="components-breadcrumb-demo-basic" data-reactid="331"><section class="code-box-demo" data-reactid="332"><div class="ant-breadcrumb" data-reactid="333"><span data-reactid="334"><span class="ant-breadcrumb-link" data-reactid="335">Home</span><span class="ant-breadcrumb-separator" data-reactid="336">/</span></span><span data-reactid="337"><span class="ant-breadcrumb-link" data-reactid="338"><a href="" data-reactid="339">Application Center</a></span><span class="ant-breadcrumb-separator" data-reactid="340">/</span></span><span data-reactid="341"><span class="ant-breadcrumb-link" data-reactid="342"><a href="" data-reactid="343">Application List</a></span><span class="ant-breadcrumb-separator" data-reactid="344">/</span></span><span data-reactid="345"><span class="ant-breadcrumb-link" data-reactid="346">An Application</span><span class="ant-breadcrumb-separator" data-reactid="347">/</span></span></div></section><section class="code-box-meta markdown" data-reactid="348"><div class="code-box-title" data-reactid="349"><a href="#components-breadcrumb-demo-basic" data-reactid="350">Basic Usage</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/breadcrumb/demo/basic.md" data-reactid="351"><i class="anticon anticon-edit" data-reactid="352"></i></a></div><div data-reactid="353"><p data-reactid="354"><!-- react-text: 355 -->The simplest use<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="356"></i></section><section class="highlight-wrapper" data-reactid="357"><div class="highlight" data-reactid="358"><i class="anticon anticon-copy code-box-code-copy" data-reactid="359"></i><pre class="language-jsx" data-reactid="360"><code data-reactid="361"><span class="token keyword">import</span> <span class="token punctuation">{</span> Breadcrumb <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb</span><span class="token punctuation">></span></span>
@@ -121,7 +121,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Application List<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>An Application<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb</span><span class="token punctuation">></span></span>
-<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-breadcrumb-demo-router" data-reactid="362"><section class="code-box-demo" data-reactid="363"><div class="browser-mockup with-url" data-reactid="364"><iframe src="/demo-0.021340455381601897.html" height="200" data-reactid="365"></iframe></div><style data-reactid="366">.demo {
+<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-breadcrumb-demo-router" data-reactid="362"><section class="code-box-demo" data-reactid="363"><div class="browser-mockup with-url" data-reactid="364"><iframe src="/demo-0.44225212775130407.html" height="200" data-reactid="365"></iframe></div><style data-reactid="366">.demo {
   margin: 16px;
 }
 .demo-nav {
diff --git a/components/button-cn/index.html b/components/button-cn/index.html
index 85ed2d3cb..490261590 100644
--- a/components/button-cn/index.html
+++ b/components/button-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-963065449"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="76466585"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="按钮类型" data-reactid="293"><a href="#components-button-demo-basic" data-reactid="294">按钮类型</a></li><li title="图标按钮" data-reactid="295"><a href="#components-button-demo-icon" data-reactid="296">图标按钮</a></li><li title="按钮尺寸" data-reactid="297"><a href="#components-button-demo-size" data-reactid="298">按钮尺寸</a></li><li title="不可用状态" data-reactid="299"><a href="#components-button-demo-disabled" data-reactid="300">不可用状态</a></li><li title="加载中状态" data-reactid="301"><a href="#components-button-demo-loading" data-reactid="302">加载中状态</a></li><li title="多个按钮组合" data-reactid="303"><a href="#components-button-demo-multiple" data-reactid="304">多个按钮组合</a></li><li title="按钮组合" data-reactid="305"><a href="#components-button-demo-button-group" data-reactid="306">按钮组合</a></li><li title="幽灵按钮" data-reactid="307"><a href="#components-button-demo-ghost" data-reactid="308">幽灵按钮</a></li></ul></div></div><section class="markdown" data-reactid="309"><h1 data-reactid="310"><!-- react-text: 311 -->Button<!-- /react-text --><span class="subtitle" data-reactid="312">按钮</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/button/index.zh-CN.md" data-reactid="313"><i class="anticon anticon-edit" data-reactid="314"></i></a></h1><section class="markdown" data-reactid="315"><p data-reactid="316"><!-- react-text: 317 -->按钮用于开始一个即时操作。<!-- /react-text --></p><h2 id="何时使用" data-reactid="318"><span data-reactid="319"><!-- react-text: 320 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="321">#</a></h2><p data-reactid="322"><!-- react-text: 323 -->标记了一个（或封装一组）操作命令，响应用户点击行为，触发相应的业务逻辑。<!-- /react-text --></p></section><h2 data-reactid="324"><span data-reactid="325">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="326"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="327"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="328"><section class="code-box" id="components-button-demo-basic" data-reactid="329"><section class="code-box-demo" data-reactid="330"><div data-reactid="331"><button type="button" class="ant-btn ant-btn-primary" data-reactid="332"><span data-reactid="333">Primary</span></button><button type="button" class="ant-btn" data-reactid="334"><span data-reactid="335">Default</span></button><button type="button" class="ant-btn ant-btn-dashed" data-reactid="336"><span data-reactid="337">Dashed</span></button><button type="button" class="ant-btn ant-btn-danger" data-reactid="338"><span data-reactid="339">Danger</span></button></div></section><section class="code-box-meta markdown" data-reactid="340"><div class="code-box-title" data-reactid="341"><a href="#components-button-demo-basic" data-reactid="342">按钮类型</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/button/demo/basic.md" data-reactid="343"><i class="anticon anticon-edit" data-reactid="344"></i></a></div><div data-reactid="345"><p data-reactid="346"><!-- react-text: 347 -->按钮有四种类型：主按钮、次按钮、虚线按钮、危险按钮。主按钮在同一个操作区域最多出现一次。<!-- /react-text --></p><blockquote data-reactid="348"><p data-reactid="349"><code data-reactid="350"><!-- react-text: 351 -->danger<!-- /react-text --></code><!-- react-text: 352 --> 在 <!-- /react-text --><code data-reactid="353"><!-- react-text: 354 -->antd@2.7<!-- /react-text --></code><!-- react-text: 355 --> 后支持。<!-- /react-text --></p></blockquote></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="356"></i></section><section class="highlight-wrapper" data-reactid="357"><div class="highlight" data-reactid="358"><i class="anticon anticon-copy code-box-code-copy" data-reactid="359"></i><pre class="language-jsx" data-reactid="360"><code data-reactid="361"><span class="token keyword">import</span> <span class="token punctuation">{</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="按钮类型" data-reactid="293"><a href="#components-button-demo-basic" data-reactid="294">按钮类型</a></li><li title="图标按钮" data-reactid="295"><a href="#components-button-demo-icon" data-reactid="296">图标按钮</a></li><li title="按钮尺寸" data-reactid="297"><a href="#components-button-demo-size" data-reactid="298">按钮尺寸</a></li><li title="不可用状态" data-reactid="299"><a href="#components-button-demo-disabled" data-reactid="300">不可用状态</a></li><li title="加载中状态" data-reactid="301"><a href="#components-button-demo-loading" data-reactid="302">加载中状态</a></li><li title="多个按钮组合" data-reactid="303"><a href="#components-button-demo-multiple" data-reactid="304">多个按钮组合</a></li><li title="按钮组合" data-reactid="305"><a href="#components-button-demo-button-group" data-reactid="306">按钮组合</a></li><li title="幽灵按钮" data-reactid="307"><a href="#components-button-demo-ghost" data-reactid="308">幽灵按钮</a></li></ul></div></div><section class="markdown" data-reactid="309"><h1 data-reactid="310"><!-- react-text: 311 -->Button<!-- /react-text --><span class="subtitle" data-reactid="312">按钮</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/button/index.zh-CN.md" data-reactid="313"><i class="anticon anticon-edit" data-reactid="314"></i></a></h1><section class="markdown" data-reactid="315"><p data-reactid="316"><!-- react-text: 317 -->按钮用于开始一个即时操作。<!-- /react-text --></p><h2 id="何时使用" data-reactid="318"><span data-reactid="319"><!-- react-text: 320 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="321">#</a></h2><p data-reactid="322"><!-- react-text: 323 -->标记了一个（或封装一组）操作命令，响应用户点击行为，触发相应的业务逻辑。<!-- /react-text --></p></section><h2 data-reactid="324"><span data-reactid="325">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="326"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="327"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="328"><section class="code-box" id="components-button-demo-basic" data-reactid="329"><section class="code-box-demo" data-reactid="330"><div data-reactid="331"><button type="button" class="ant-btn ant-btn-primary" data-reactid="332"><span data-reactid="333">Primary</span></button><button type="button" class="ant-btn" data-reactid="334"><span data-reactid="335">Default</span></button><button type="button" class="ant-btn ant-btn-dashed" data-reactid="336"><span data-reactid="337">Dashed</span></button><button type="button" class="ant-btn ant-btn-danger" data-reactid="338"><span data-reactid="339">Danger</span></button></div></section><section class="code-box-meta markdown" data-reactid="340"><div class="code-box-title" data-reactid="341"><a href="#components-button-demo-basic" data-reactid="342">按钮类型</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/button/demo/basic.md" data-reactid="343"><i class="anticon anticon-edit" data-reactid="344"></i></a></div><div data-reactid="345"><p data-reactid="346"><!-- react-text: 347 -->按钮有四种类型：主按钮、次按钮、虚线按钮、危险按钮。主按钮在同一个操作区域最多出现一次。<!-- /react-text --></p><blockquote data-reactid="348"><p data-reactid="349"><code data-reactid="350"><!-- react-text: 351 -->danger<!-- /react-text --></code><!-- react-text: 352 --> 在 <!-- /react-text --><code data-reactid="353"><!-- react-text: 354 -->antd@2.7<!-- /react-text --></code><!-- react-text: 355 --> 后支持。<!-- /react-text --></p></blockquote></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="356"></i></section><section class="highlight-wrapper" data-reactid="357"><div class="highlight" data-reactid="358"><i class="anticon anticon-copy code-box-code-copy" data-reactid="359"></i><pre class="language-jsx" data-reactid="360"><code data-reactid="361"><span class="token keyword">import</span> <span class="token punctuation">{</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">></span></span>
diff --git a/components/button/index.html b/components/button/index.html
index f955e139c..78f09be12 100644
--- a/components/button/index.html
+++ b/components/button/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1009105278"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="267404932"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Type" data-reactid="293"><a href="#components-button-demo-basic" data-reactid="294">Type</a></li><li title="Icon" data-reactid="295"><a href="#components-button-demo-icon" data-reactid="296">Icon</a></li><li title="Size" data-reactid="297"><a href="#components-button-demo-size" data-reactid="298">Size</a></li><li title="Disabled" data-reactid="299"><a href="#components-button-demo-disabled" data-reactid="300">Disabled</a></li><li title="Loading" data-reactid="301"><a href="#components-button-demo-loading" data-reactid="302">Loading</a></li><li title="Multiple Buttons" data-reactid="303"><a href="#components-button-demo-multiple" data-reactid="304">Multiple Buttons</a></li><li title="Button Group" data-reactid="305"><a href="#components-button-demo-button-group" data-reactid="306">Button Group</a></li><li title="Ghost Button" data-reactid="307"><a href="#components-button-demo-ghost" data-reactid="308">Ghost Button</a></li></ul></div></div><section class="markdown" data-reactid="309"><h1 data-reactid="310"><!-- react-text: 311 -->Button<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/button/index.en-US.md" data-reactid="312"><i class="anticon anticon-edit" data-reactid="313"></i></a></h1><section class="markdown" data-reactid="314"><p data-reactid="315"><!-- react-text: 316 -->To trigger an operation.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="317"><span data-reactid="318"><!-- react-text: 319 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="320">#</a></h2><p data-reactid="321"><!-- react-text: 322 -->A button means an operation (or a series of operations). Clicking a button will trigger corresponding business logic.<!-- /react-text --></p></section><h2 data-reactid="323"><span data-reactid="324">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="325"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="326"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="327"><section class="code-box" id="components-button-demo-basic" data-reactid="328"><section class="code-box-demo" data-reactid="329"><div data-reactid="330"><button type="button" class="ant-btn ant-btn-primary" data-reactid="331"><span data-reactid="332">Primary</span></button><button type="button" class="ant-btn" data-reactid="333"><span data-reactid="334">Default</span></button><button type="button" class="ant-btn ant-btn-dashed" data-reactid="335"><span data-reactid="336">Dashed</span></button><button type="button" class="ant-btn ant-btn-danger" data-reactid="337"><span data-reactid="338">Danger</span></button></div></section><section class="code-box-meta markdown" data-reactid="339"><div class="code-box-title" data-reactid="340"><a href="#components-button-demo-basic" data-reactid="341">Type</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/button/demo/basic.md" data-reactid="342"><i class="anticon anticon-edit" data-reactid="343"></i></a></div><div data-reactid="344"><p data-reactid="345"><!-- react-text: 346 -->There are <!-- /react-text --><code data-reactid="347"><!-- react-text: 348 -->primary<!-- /react-text --></code><!-- react-text: 349 --> button, <!-- /react-text --><code data-reactid="350"><!-- react-text: 351 -->default<!-- /react-text --></code><!-- react-text: 352 --> button, <!-- /react-text --><code data-reactid="353"><!-- react-text: 354 -->dashed<!-- /react-text --></code><!-- react-text: 355 --> button and <!-- /react-text --><code data-reactid="356"><!-- react-text: 357 -->danger<!-- /react-text --></code><!-- react-text: 358 --> button in antd.<!-- /react-text --></p><blockquote data-reactid="359"><p data-reactid="360"><code data-reactid="361"><!-- react-text: 362 -->danger<!-- /react-text --></code><!-- react-text: 363 --> is supported after <!-- /react-text --><code data-reactid="364"><!-- react-text: 365 -->antd@2.7<!-- /react-text --></code><!-- react-text: 366 -->.<!-- /react-text --></p></blockquote></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="367"></i></section><section class="highlight-wrapper" data-reactid="368"><div class="highlight" data-reactid="369"><i class="anticon anticon-copy code-box-code-copy" data-reactid="370"></i><pre class="language-jsx" data-reactid="371"><code data-reactid="372"><span class="token keyword">import</span> <span class="token punctuation">{</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Type" data-reactid="293"><a href="#components-button-demo-basic" data-reactid="294">Type</a></li><li title="Icon" data-reactid="295"><a href="#components-button-demo-icon" data-reactid="296">Icon</a></li><li title="Size" data-reactid="297"><a href="#components-button-demo-size" data-reactid="298">Size</a></li><li title="Disabled" data-reactid="299"><a href="#components-button-demo-disabled" data-reactid="300">Disabled</a></li><li title="Loading" data-reactid="301"><a href="#components-button-demo-loading" data-reactid="302">Loading</a></li><li title="Multiple Buttons" data-reactid="303"><a href="#components-button-demo-multiple" data-reactid="304">Multiple Buttons</a></li><li title="Button Group" data-reactid="305"><a href="#components-button-demo-button-group" data-reactid="306">Button Group</a></li><li title="Ghost Button" data-reactid="307"><a href="#components-button-demo-ghost" data-reactid="308">Ghost Button</a></li></ul></div></div><section class="markdown" data-reactid="309"><h1 data-reactid="310"><!-- react-text: 311 -->Button<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/button/index.en-US.md" data-reactid="312"><i class="anticon anticon-edit" data-reactid="313"></i></a></h1><section class="markdown" data-reactid="314"><p data-reactid="315"><!-- react-text: 316 -->To trigger an operation.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="317"><span data-reactid="318"><!-- react-text: 319 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="320">#</a></h2><p data-reactid="321"><!-- react-text: 322 -->A button means an operation (or a series of operations). Clicking a button will trigger corresponding business logic.<!-- /react-text --></p></section><h2 data-reactid="323"><span data-reactid="324">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="325"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="326"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="327"><section class="code-box" id="components-button-demo-basic" data-reactid="328"><section class="code-box-demo" data-reactid="329"><div data-reactid="330"><button type="button" class="ant-btn ant-btn-primary" data-reactid="331"><span data-reactid="332">Primary</span></button><button type="button" class="ant-btn" data-reactid="333"><span data-reactid="334">Default</span></button><button type="button" class="ant-btn ant-btn-dashed" data-reactid="335"><span data-reactid="336">Dashed</span></button><button type="button" class="ant-btn ant-btn-danger" data-reactid="337"><span data-reactid="338">Danger</span></button></div></section><section class="code-box-meta markdown" data-reactid="339"><div class="code-box-title" data-reactid="340"><a href="#components-button-demo-basic" data-reactid="341">Type</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/button/demo/basic.md" data-reactid="342"><i class="anticon anticon-edit" data-reactid="343"></i></a></div><div data-reactid="344"><p data-reactid="345"><!-- react-text: 346 -->There are <!-- /react-text --><code data-reactid="347"><!-- react-text: 348 -->primary<!-- /react-text --></code><!-- react-text: 349 --> button, <!-- /react-text --><code data-reactid="350"><!-- react-text: 351 -->default<!-- /react-text --></code><!-- react-text: 352 --> button, <!-- /react-text --><code data-reactid="353"><!-- react-text: 354 -->dashed<!-- /react-text --></code><!-- react-text: 355 --> button and <!-- /react-text --><code data-reactid="356"><!-- react-text: 357 -->danger<!-- /react-text --></code><!-- react-text: 358 --> button in antd.<!-- /react-text --></p><blockquote data-reactid="359"><p data-reactid="360"><code data-reactid="361"><!-- react-text: 362 -->danger<!-- /react-text --></code><!-- react-text: 363 --> is supported after <!-- /react-text --><code data-reactid="364"><!-- react-text: 365 -->antd@2.7<!-- /react-text --></code><!-- react-text: 366 -->.<!-- /react-text --></p></blockquote></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="367"></i></section><section class="highlight-wrapper" data-reactid="368"><div class="highlight" data-reactid="369"><i class="anticon anticon-copy code-box-code-copy" data-reactid="370"></i><pre class="language-jsx" data-reactid="371"><code data-reactid="372"><span class="token keyword">import</span> <span class="token punctuation">{</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">></span></span>
diff --git a/components/calendar-cn/index.html b/components/calendar-cn/index.html
index 1cb5ba7c5..a595ab157 100644
--- a/components/calendar-cn/index.html
+++ b/components/calendar-cn/index.html
@@ -110,11 +110,11 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1855843850"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-919540212"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-calendar-demo-basic" data-reactid="294">基本</a></li><li title="通知事项日历" data-reactid="295"><a href="#components-calendar-demo-notice-calendar" data-reactid="296">通知事项日历</a></li><li title="卡片模式" data-reactid="297"><a href="#components-calendar-demo-card" data-reactid="298">卡片模式</a></li><li title="选择功能" data-reactid="299"><a href="#components-calendar-demo-select" data-reactid="300">选择功能</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Calendar<!-- /react-text --><span class="subtitle" data-reactid="304">日历</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/calendar/index.zh-CN.md" data-reactid="305"><i class="anticon anticon-edit" data-reactid="306"></i></a></h1><section class="markdown" data-reactid="307"><p data-reactid="308"><!-- react-text: 309 -->按照日历形式展示数据的容器。<!-- /react-text --></p><h2 id="何时使用" data-reactid="310"><span data-reactid="311"><!-- react-text: 312 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="313">#</a></h2><p data-reactid="314"><!-- react-text: 315 -->当数据是日期或按照日期划分时，例如日程、课表、价格日历等，农历等。目前支持年/月切换。<!-- /react-text --></p></section><h2 data-reactid="316"><span data-reactid="317">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="318"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="319"><div style="padding-left:8px;padding-right:8px;" class="ant-col-24 code-boxes-col-1-1" data-reactid="320"><section class="code-box" id="components-calendar-demo-basic" data-reactid="321"><section class="code-box-demo" data-reactid="322"><div class=" ant-fullcalendar-fullscreen" data-reactid="323"><div class="ant-fullcalendar-header" data-reactid="324"><div class="ant-fullcalendar-year-select ant-select ant-select-enabled" data-reactid="325"><div class="ant-select-selection
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-calendar-demo-basic" data-reactid="294">基本</a></li><li title="通知事项日历" data-reactid="295"><a href="#components-calendar-demo-notice-calendar" data-reactid="296">通知事项日历</a></li><li title="卡片模式" data-reactid="297"><a href="#components-calendar-demo-card" data-reactid="298">卡片模式</a></li><li title="选择功能" data-reactid="299"><a href="#components-calendar-demo-select" data-reactid="300">选择功能</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Calendar<!-- /react-text --><span class="subtitle" data-reactid="304">日历</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/calendar/index.zh-CN.md" data-reactid="305"><i class="anticon anticon-edit" data-reactid="306"></i></a></h1><section class="markdown" data-reactid="307"><p data-reactid="308"><!-- react-text: 309 -->按照日历形式展示数据的容器。<!-- /react-text --></p><h2 id="何时使用" data-reactid="310"><span data-reactid="311"><!-- react-text: 312 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="313">#</a></h2><p data-reactid="314"><!-- react-text: 315 -->当数据是日期或按照日期划分时，例如日程、课表、价格日历等，农历等。目前支持年/月切换。<!-- /react-text --></p></section><h2 data-reactid="316"><span data-reactid="317">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="318"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="319"><div style="padding-left:8px;padding-right:8px;" class="ant-col-24 code-boxes-col-1-1" data-reactid="320"><section class="code-box" id="components-calendar-demo-basic" data-reactid="321"><section class="code-box-demo" data-reactid="322"><div class=" ant-fullcalendar-fullscreen" data-reactid="323"><div class="ant-fullcalendar-header" data-reactid="324"><div class="ant-fullcalendar-year-select ant-select ant-select-enabled" data-reactid="325"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="326"><div class="ant-select-selection__rendered" data-reactid="327"><div class="ant-select-selection-selected-value" title="2017" style="display:block;opacity:1;" data-reactid="328">2017</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="329"><b data-reactid="330"></b></span></div></div><div class="ant-fullcalendar-month-select ant-select ant-select-enabled" data-reactid="331"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="332"><div class="ant-select-selection__rendered" data-reactid="333"><div class="ant-select-selection-selected-value" title="Apr" style="display:block;opacity:1;" data-reactid="334">Apr</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="335"><b data-reactid="336"></b></span></div></div><div class="ant-radio-group ant-radio-group-default" data-reactid="337"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked" data-reactid="338"><span class="ant-radio-button ant-radio-button-checked" data-reactid="339"><input type="radio" class="ant-radio-button-input" checked="" data-reactid="340"/><span class="ant-radio-button-inner" data-reactid="341"></span></span><span data-reactid="342">Month</span></label><label class="ant-radio-button-wrapper" data-reactid="343"><span class="ant-radio-button" data-reactid="344"><input type="radio" class="ant-radio-button-input" data-reactid="345"/><span class="ant-radio-button-inner" data-reactid="346"></span></span><span data-reactid="347">Year</span></label></div></div><div class="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen" tabindex="0" data-reactid="348"><div class="ant-fullcalendar-calendar-body" data-reactid="349"><table class="ant-fullcalendar-table" cellspacing="0" role="grid" data-reactid="350"><thead data-reactid="351"><tr role="row" data-reactid="352"><th role="columnheader" title="Sun" class="ant-fullcalendar-column-header" data-reactid="353"><span class="ant-fullcalendar-column-header-inner" data-reactid="354">Su</span></th><th role="columnheader" title="Mon" class="ant-fullcalendar-column-header" data-reactid="355"><span class="ant-fullcalendar-column-header-inner" data-reactid="356">Mo</span></th><th role="columnheader" title="Tue" class="ant-fullcalendar-column-header" data-reactid="357"><span class="ant-fullcalendar-column-header-inner" data-reactid="358">Tu</span></th><th role="columnheader" title="Wed" class="ant-fullcalendar-column-header" data-reactid="359"><span class="ant-fullcalendar-column-header-inner" data-reactid="360">We</span></th><th role="columnheader" title="Thu" class="ant-fullcalendar-column-header" data-reactid="361"><span class="ant-fullcalendar-column-header-inner" data-reactid="362">Th</span></th><th role="columnheader" title="Fri" class="ant-fullcalendar-column-header" data-reactid="363"><span class="ant-fullcalendar-column-header-inner" data-reactid="364">Fr</span></th><th role="columnheader" title="Sat" class="ant-fullcalendar-column-header" data-reactid="365"><span class="ant-fullcalendar-column-header-inner" data-reactid="366">Sa</span></th></tr></thead><tbody class="ant-fullcalendar-tbody" data-reactid="367"><tr role="row" class="" data-reactid="368"><td role="gridcell" title="2017-3-26" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="369"><div class="ant-fullcalendar-date" data-reactid="370"><div class="ant-fullcalendar-value" data-reactid="371">26</div><div class="ant-fullcalendar-content" data-reactid="372"></div></div></td><td role="gridcell" title="2017-3-27" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="373"><div class="ant-fullcalendar-date" data-reactid="374"><div class="ant-fullcalendar-value" data-reactid="375">27</div><div class="ant-fullcalendar-content" data-reactid="376"></div></div></td><td role="gridcell" title="2017-3-28" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="377"><div class="ant-fullcalendar-date" data-reactid="378"><div class="ant-fullcalendar-value" data-reactid="379">28</div><div class="ant-fullcalendar-content" data-reactid="380"></div></div></td><td role="gridcell" title="2017-3-29" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="381"><div class="ant-fullcalendar-date" data-reactid="382"><div class="ant-fullcalendar-value" data-reactid="383">29</div><div class="ant-fullcalendar-content" data-reactid="384"></div></div></td><td role="gridcell" title="2017-3-30" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="385"><div class="ant-fullcalendar-date" data-reactid="386"><div class="ant-fullcalendar-value" data-reactid="387">30</div><div class="ant-fullcalendar-content" data-reactid="388"></div></div></td><td role="gridcell" title="2017-3-31" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="389"><div class="ant-fullcalendar-date" data-reactid="390"><div class="ant-fullcalendar-value" data-reactid="391">31</div><div class="ant-fullcalendar-content" data-reactid="392"></div></div></td><td role="gridcell" title="2017-4-1" class="ant-fullcalendar-cell" data-reactid="393"><div class="ant-fullcalendar-date" data-reactid="394"><div class="ant-fullcalendar-value" data-reactid="395">01</div><div class="ant-fullcalendar-content" data-reactid="396"></div></div></td></tr><tr role="row" class="" data-reactid="397"><td role="gridcell" title="2017-4-2" class="ant-fullcalendar-cell" data-reactid="398"><div class="ant-fullcalendar-date" data-reactid="399"><div class="ant-fullcalendar-value" data-reactid="400">02</div><div class="ant-fullcalendar-content" data-reactid="401"></div></div></td><td role="gridcell" title="2017-4-3" class="ant-fullcalendar-cell" data-reactid="402"><div class="ant-fullcalendar-date" data-reactid="403"><div class="ant-fullcalendar-value" data-reactid="404">03</div><div class="ant-fullcalendar-content" data-reactid="405"></div></div></td><td role="gridcell" title="2017-4-4" class="ant-fullcalendar-cell" data-reactid="406"><div class="ant-fullcalendar-date" data-reactid="407"><div class="ant-fullcalendar-value" data-reactid="408">04</div><div class="ant-fullcalendar-content" data-reactid="409"></div></div></td><td role="gridcell" title="2017-4-5" class="ant-fullcalendar-cell" data-reactid="410"><div class="ant-fullcalendar-date" data-reactid="411"><div class="ant-fullcalendar-value" data-reactid="412">05</div><div class="ant-fullcalendar-content" data-reactid="413"></div></div></td><td role="gridcell" title="2017-4-6" class="ant-fullcalendar-cell" data-reactid="414"><div class="ant-fullcalendar-date" data-reactid="415"><div class="ant-fullcalendar-value" data-reactid="416">06</div><div class="ant-fullcalendar-content" data-reactid="417"></div></div></td><td role="gridcell" title="2017-4-7" class="ant-fullcalendar-cell" data-reactid="418"><div class="ant-fullcalendar-date" data-reactid="419"><div class="ant-fullcalendar-value" data-reactid="420">07</div><div class="ant-fullcalendar-content" data-reactid="421"></div></div></td><td role="gridcell" title="2017-4-8" class="ant-fullcalendar-cell" data-reactid="422"><div class="ant-fullcalendar-date" data-reactid="423"><div class="ant-fullcalendar-value" data-reactid="424">08</div><div class="ant-fullcalendar-content" data-reactid="425"></div></div></td></tr><tr role="row" class="" data-reactid="426"><td role="gridcell" title="2017-4-9" class="ant-fullcalendar-cell" data-reactid="427"><div class="ant-fullcalendar-date" data-reactid="428"><div class="ant-fullcalendar-value" data-reactid="429">09</div><div class="ant-fullcalendar-content" data-reactid="430"></div></div></td><td role="gridcell" title="2017-4-10" class="ant-fullcalendar-cell" data-reactid="431"><div class="ant-fullcalendar-date" data-reactid="432"><div class="ant-fullcalendar-value" data-reactid="433">10</div><div class="ant-fullcalendar-content" data-reactid="434"></div></div></td><td role="gridcell" title="2017-4-11" class="ant-fullcalendar-cell" data-reactid="435"><div class="ant-fullcalendar-date" data-reactid="436"><div class="ant-fullcalendar-value" data-reactid="437">11</div><div class="ant-fullcalendar-content" data-reactid="438"></div></div></td><td role="gridcell" title="2017-4-12" class="ant-fullcalendar-cell" data-reactid="439"><div class="ant-fullcalendar-date" data-reactid="440"><div class="ant-fullcalendar-value" data-reactid="441">12</div><div class="ant-fullcalendar-content" data-reactid="442"></div></div></td><td role="gridcell" title="2017-4-13" class="ant-fullcalendar-cell" data-reactid="443"><div class="ant-fullcalendar-date" data-reactid="444"><div class="ant-fullcalendar-value" data-reactid="445">13</div><div class="ant-fullcalendar-content" data-reactid="446"></div></div></td><td role="gridcell" title="2017-4-14" class="ant-fullcalendar-cell" data-reactid="447"><div class="ant-fullcalendar-date" data-reactid="448"><div class="ant-fullcalendar-value" data-reactid="449">14</div><div class="ant-fullcalendar-content" data-reactid="450"></div></div></td><td role="gridcell" title="2017-4-15" class="ant-fullcalendar-cell" data-reactid="451"><div class="ant-fullcalendar-date" data-reactid="452"><div class="ant-fullcalendar-value" data-reactid="453">15</div><div class="ant-fullcalendar-content" data-reactid="454"></div></div></td></tr><tr role="row" class="ant-fullcalendar-current-week ant-fullcalendar-active-week" data-reactid="455"><td role="gridcell" title="2017-4-16" class="ant-fullcalendar-cell" data-reactid="456"><div class="ant-fullcalendar-date" data-reactid="457"><div class="ant-fullcalendar-value" data-reactid="458">16</div><div class="ant-fullcalendar-content" data-reactid="459"></div></div></td><td role="gridcell" title="2017-4-17" class="ant-fullcalendar-cell" data-reactid="460"><div class="ant-fullcalendar-date" data-reactid="461"><div class="ant-fullcalendar-value" data-reactid="462">17</div><div class="ant-fullcalendar-content" data-reactid="463"></div></div></td><td role="gridcell" title="2017-4-18" class="ant-fullcalendar-cell" data-reactid="464"><div class="ant-fullcalendar-date" data-reactid="465"><div class="ant-fullcalendar-value" data-reactid="466">18</div><div class="ant-fullcalendar-content" data-reactid="467"></div></div></td><td role="gridcell" title="2017-4-19" class="ant-fullcalendar-cell" data-reactid="468"><div class="ant-fullcalendar-date" data-reactid="469"><div class="ant-fullcalendar-value" data-reactid="470">19</div><div class="ant-fullcalendar-content" data-reactid="471"></div></div></td><td role="gridcell" title="2017-4-20" class="ant-fullcalendar-cell" data-reactid="472"><div class="ant-fullcalendar-date" data-reactid="473"><div class="ant-fullcalendar-value" data-reactid="474">20</div><div class="ant-fullcalendar-content" data-reactid="475"></div></div></td><td role="gridcell" title="2017-4-21" class="ant-fullcalendar-cell" data-reactid="476"><div class="ant-fullcalendar-date" data-reactid="477"><div class="ant-fullcalendar-value" data-reactid="478">21</div><div class="ant-fullcalendar-content" data-reactid="479"></div></div></td><td role="gridcell" title="2017-4-22" class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day" data-reactid="480"><div class="ant-fullcalendar-date" data-reactid="481"><div class="ant-fullcalendar-value" data-reactid="482">22</div><div class="ant-fullcalendar-content" data-reactid="483"></div></div></td></tr><tr role="row" class="" data-reactid="484"><td role="gridcell" title="2017-4-23" class="ant-fullcalendar-cell" data-reactid="485"><div class="ant-fullcalendar-date" data-reactid="486"><div class="ant-fullcalendar-value" data-reactid="487">23</div><div class="ant-fullcalendar-content" data-reactid="488"></div></div></td><td role="gridcell" title="2017-4-24" class="ant-fullcalendar-cell" data-reactid="489"><div class="ant-fullcalendar-date" data-reactid="490"><div class="ant-fullcalendar-value" data-reactid="491">24</div><div class="ant-fullcalendar-content" data-reactid="492"></div></div></td><td role="gridcell" title="2017-4-25" class="ant-fullcalendar-cell" data-reactid="493"><div class="ant-fullcalendar-date" data-reactid="494"><div class="ant-fullcalendar-value" data-reactid="495">25</div><div class="ant-fullcalendar-content" data-reactid="496"></div></div></td><td role="gridcell" title="2017-4-26" class="ant-fullcalendar-cell" data-reactid="497"><div class="ant-fullcalendar-date" data-reactid="498"><div class="ant-fullcalendar-value" data-reactid="499">26</div><div class="ant-fullcalendar-content" data-reactid="500"></div></div></td><td role="gridcell" title="2017-4-27" class="ant-fullcalendar-cell" data-reactid="501"><div class="ant-fullcalendar-date" data-reactid="502"><div class="ant-fullcalendar-value" data-reactid="503">27</div><div class="ant-fullcalendar-content" data-reactid="504"></div></div></td><td role="gridcell" title="2017-4-28" class="ant-fullcalendar-cell" data-reactid="505"><div class="ant-fullcalendar-date" data-reactid="506"><div class="ant-fullcalendar-value" data-reactid="507">28</div><div class="ant-fullcalendar-content" data-reactid="508"></div></div></td><td role="gridcell" title="2017-4-29" class="ant-fullcalendar-cell" data-reactid="509"><div class="ant-fullcalendar-date" data-reactid="510"><div class="ant-fullcalendar-value" data-reactid="511">29</div><div class="ant-fullcalendar-content" data-reactid="512"></div></div></td></tr><tr role="row" class="" data-reactid="513"><td role="gridcell" title="2017-4-30" class="ant-fullcalendar-cell" data-reactid="514"><div class="ant-fullcalendar-date" data-reactid="515"><div class="ant-fullcalendar-value" data-reactid="516">30</div><div class="ant-fullcalendar-content" data-reactid="517"></div></div></td><td role="gridcell" title="2017-5-1" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="518"><div class="ant-fullcalendar-date" data-reactid="519"><div class="ant-fullcalendar-value" data-reactid="520">01</div><div class="ant-fullcalendar-content" data-reactid="521"></div></div></td><td role="gridcell" title="2017-5-2" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="522"><div class="ant-fullcalendar-date" data-reactid="523"><div class="ant-fullcalendar-value" data-reactid="524">02</div><div class="ant-fullcalendar-content" data-reactid="525"></div></div></td><td role="gridcell" title="2017-5-3" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="526"><div class="ant-fullcalendar-date" data-reactid="527"><div class="ant-fullcalendar-value" data-reactid="528">03</div><div class="ant-fullcalendar-content" data-reactid="529"></div></div></td><td role="gridcell" title="2017-5-4" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="530"><div class="ant-fullcalendar-date" data-reactid="531"><div class="ant-fullcalendar-value" data-reactid="532">04</div><div class="ant-fullcalendar-content" data-reactid="533"></div></div></td><td role="gridcell" title="2017-5-5" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="534"><div class="ant-fullcalendar-date" data-reactid="535"><div class="ant-fullcalendar-value" data-reactid="536">05</div><div class="ant-fullcalendar-content" data-reactid="537"></div></div></td><td role="gridcell" title="2017-5-6" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="538"><div class="ant-fullcalendar-date" data-reactid="539"><div class="ant-fullcalendar-value" data-reactid="540">06</div><div class="ant-fullcalendar-content" data-reactid="541"></div></div></td></tr></tbody></table></div></div></div></section><section class="code-box-meta markdown" data-reactid="542"><div class="code-box-title" data-reactid="543"><a href="#components-calendar-demo-basic" data-reactid="544">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/calendar/demo/basic.md" data-reactid="545"><i class="anticon anticon-edit" data-reactid="546"></i></a></div><div data-reactid="547"><p data-reactid="548"><!-- react-text: 549 -->一个通用的日历面板，支持年/月切换。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="550"></i></section><section class="highlight-wrapper" data-reactid="551"><div class="highlight" data-reactid="552"><i class="anticon anticon-copy code-box-code-copy" data-reactid="553"></i><pre class="language-jsx" data-reactid="554"><code data-reactid="555"><span class="token keyword">import</span> <span class="token punctuation">{</span> Calendar <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="332"><div class="ant-select-selection__rendered" data-reactid="333"><div class="ant-select-selection-selected-value" title="Apr" style="display:block;opacity:1;" data-reactid="334">Apr</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="335"><b data-reactid="336"></b></span></div></div><div class="ant-radio-group ant-radio-group-default" data-reactid="337"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked" data-reactid="338"><span class="ant-radio-button ant-radio-button-checked" data-reactid="339"><input type="radio" class="ant-radio-button-input" checked="" data-reactid="340"/><span class="ant-radio-button-inner" data-reactid="341"></span></span><span data-reactid="342">Month</span></label><label class="ant-radio-button-wrapper" data-reactid="343"><span class="ant-radio-button" data-reactid="344"><input type="radio" class="ant-radio-button-input" data-reactid="345"/><span class="ant-radio-button-inner" data-reactid="346"></span></span><span data-reactid="347">Year</span></label></div></div><div class="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen" tabindex="0" data-reactid="348"><div class="ant-fullcalendar-calendar-body" data-reactid="349"><table class="ant-fullcalendar-table" cellspacing="0" role="grid" data-reactid="350"><thead data-reactid="351"><tr role="row" data-reactid="352"><th role="columnheader" title="Sun" class="ant-fullcalendar-column-header" data-reactid="353"><span class="ant-fullcalendar-column-header-inner" data-reactid="354">Su</span></th><th role="columnheader" title="Mon" class="ant-fullcalendar-column-header" data-reactid="355"><span class="ant-fullcalendar-column-header-inner" data-reactid="356">Mo</span></th><th role="columnheader" title="Tue" class="ant-fullcalendar-column-header" data-reactid="357"><span class="ant-fullcalendar-column-header-inner" data-reactid="358">Tu</span></th><th role="columnheader" title="Wed" class="ant-fullcalendar-column-header" data-reactid="359"><span class="ant-fullcalendar-column-header-inner" data-reactid="360">We</span></th><th role="columnheader" title="Thu" class="ant-fullcalendar-column-header" data-reactid="361"><span class="ant-fullcalendar-column-header-inner" data-reactid="362">Th</span></th><th role="columnheader" title="Fri" class="ant-fullcalendar-column-header" data-reactid="363"><span class="ant-fullcalendar-column-header-inner" data-reactid="364">Fr</span></th><th role="columnheader" title="Sat" class="ant-fullcalendar-column-header" data-reactid="365"><span class="ant-fullcalendar-column-header-inner" data-reactid="366">Sa</span></th></tr></thead><tbody class="ant-fullcalendar-tbody" data-reactid="367"><tr role="row" class="" data-reactid="368"><td role="gridcell" title="2017-3-26" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="369"><div class="ant-fullcalendar-date" data-reactid="370"><div class="ant-fullcalendar-value" data-reactid="371">26</div><div class="ant-fullcalendar-content" data-reactid="372"></div></div></td><td role="gridcell" title="2017-3-27" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="373"><div class="ant-fullcalendar-date" data-reactid="374"><div class="ant-fullcalendar-value" data-reactid="375">27</div><div class="ant-fullcalendar-content" data-reactid="376"></div></div></td><td role="gridcell" title="2017-3-28" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="377"><div class="ant-fullcalendar-date" data-reactid="378"><div class="ant-fullcalendar-value" data-reactid="379">28</div><div class="ant-fullcalendar-content" data-reactid="380"></div></div></td><td role="gridcell" title="2017-3-29" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="381"><div class="ant-fullcalendar-date" data-reactid="382"><div class="ant-fullcalendar-value" data-reactid="383">29</div><div class="ant-fullcalendar-content" data-reactid="384"></div></div></td><td role="gridcell" title="2017-3-30" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="385"><div class="ant-fullcalendar-date" data-reactid="386"><div class="ant-fullcalendar-value" data-reactid="387">30</div><div class="ant-fullcalendar-content" data-reactid="388"></div></div></td><td role="gridcell" title="2017-3-31" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="389"><div class="ant-fullcalendar-date" data-reactid="390"><div class="ant-fullcalendar-value" data-reactid="391">31</div><div class="ant-fullcalendar-content" data-reactid="392"></div></div></td><td role="gridcell" title="2017-4-1" class="ant-fullcalendar-cell" data-reactid="393"><div class="ant-fullcalendar-date" data-reactid="394"><div class="ant-fullcalendar-value" data-reactid="395">01</div><div class="ant-fullcalendar-content" data-reactid="396"></div></div></td></tr><tr role="row" class="" data-reactid="397"><td role="gridcell" title="2017-4-2" class="ant-fullcalendar-cell" data-reactid="398"><div class="ant-fullcalendar-date" data-reactid="399"><div class="ant-fullcalendar-value" data-reactid="400">02</div><div class="ant-fullcalendar-content" data-reactid="401"></div></div></td><td role="gridcell" title="2017-4-3" class="ant-fullcalendar-cell" data-reactid="402"><div class="ant-fullcalendar-date" data-reactid="403"><div class="ant-fullcalendar-value" data-reactid="404">03</div><div class="ant-fullcalendar-content" data-reactid="405"></div></div></td><td role="gridcell" title="2017-4-4" class="ant-fullcalendar-cell" data-reactid="406"><div class="ant-fullcalendar-date" data-reactid="407"><div class="ant-fullcalendar-value" data-reactid="408">04</div><div class="ant-fullcalendar-content" data-reactid="409"></div></div></td><td role="gridcell" title="2017-4-5" class="ant-fullcalendar-cell" data-reactid="410"><div class="ant-fullcalendar-date" data-reactid="411"><div class="ant-fullcalendar-value" data-reactid="412">05</div><div class="ant-fullcalendar-content" data-reactid="413"></div></div></td><td role="gridcell" title="2017-4-6" class="ant-fullcalendar-cell" data-reactid="414"><div class="ant-fullcalendar-date" data-reactid="415"><div class="ant-fullcalendar-value" data-reactid="416">06</div><div class="ant-fullcalendar-content" data-reactid="417"></div></div></td><td role="gridcell" title="2017-4-7" class="ant-fullcalendar-cell" data-reactid="418"><div class="ant-fullcalendar-date" data-reactid="419"><div class="ant-fullcalendar-value" data-reactid="420">07</div><div class="ant-fullcalendar-content" data-reactid="421"></div></div></td><td role="gridcell" title="2017-4-8" class="ant-fullcalendar-cell" data-reactid="422"><div class="ant-fullcalendar-date" data-reactid="423"><div class="ant-fullcalendar-value" data-reactid="424">08</div><div class="ant-fullcalendar-content" data-reactid="425"></div></div></td></tr><tr role="row" class="" data-reactid="426"><td role="gridcell" title="2017-4-9" class="ant-fullcalendar-cell" data-reactid="427"><div class="ant-fullcalendar-date" data-reactid="428"><div class="ant-fullcalendar-value" data-reactid="429">09</div><div class="ant-fullcalendar-content" data-reactid="430"></div></div></td><td role="gridcell" title="2017-4-10" class="ant-fullcalendar-cell" data-reactid="431"><div class="ant-fullcalendar-date" data-reactid="432"><div class="ant-fullcalendar-value" data-reactid="433">10</div><div class="ant-fullcalendar-content" data-reactid="434"></div></div></td><td role="gridcell" title="2017-4-11" class="ant-fullcalendar-cell" data-reactid="435"><div class="ant-fullcalendar-date" data-reactid="436"><div class="ant-fullcalendar-value" data-reactid="437">11</div><div class="ant-fullcalendar-content" data-reactid="438"></div></div></td><td role="gridcell" title="2017-4-12" class="ant-fullcalendar-cell" data-reactid="439"><div class="ant-fullcalendar-date" data-reactid="440"><div class="ant-fullcalendar-value" data-reactid="441">12</div><div class="ant-fullcalendar-content" data-reactid="442"></div></div></td><td role="gridcell" title="2017-4-13" class="ant-fullcalendar-cell" data-reactid="443"><div class="ant-fullcalendar-date" data-reactid="444"><div class="ant-fullcalendar-value" data-reactid="445">13</div><div class="ant-fullcalendar-content" data-reactid="446"></div></div></td><td role="gridcell" title="2017-4-14" class="ant-fullcalendar-cell" data-reactid="447"><div class="ant-fullcalendar-date" data-reactid="448"><div class="ant-fullcalendar-value" data-reactid="449">14</div><div class="ant-fullcalendar-content" data-reactid="450"></div></div></td><td role="gridcell" title="2017-4-15" class="ant-fullcalendar-cell" data-reactid="451"><div class="ant-fullcalendar-date" data-reactid="452"><div class="ant-fullcalendar-value" data-reactid="453">15</div><div class="ant-fullcalendar-content" data-reactid="454"></div></div></td></tr><tr role="row" class="" data-reactid="455"><td role="gridcell" title="2017-4-16" class="ant-fullcalendar-cell" data-reactid="456"><div class="ant-fullcalendar-date" data-reactid="457"><div class="ant-fullcalendar-value" data-reactid="458">16</div><div class="ant-fullcalendar-content" data-reactid="459"></div></div></td><td role="gridcell" title="2017-4-17" class="ant-fullcalendar-cell" data-reactid="460"><div class="ant-fullcalendar-date" data-reactid="461"><div class="ant-fullcalendar-value" data-reactid="462">17</div><div class="ant-fullcalendar-content" data-reactid="463"></div></div></td><td role="gridcell" title="2017-4-18" class="ant-fullcalendar-cell" data-reactid="464"><div class="ant-fullcalendar-date" data-reactid="465"><div class="ant-fullcalendar-value" data-reactid="466">18</div><div class="ant-fullcalendar-content" data-reactid="467"></div></div></td><td role="gridcell" title="2017-4-19" class="ant-fullcalendar-cell" data-reactid="468"><div class="ant-fullcalendar-date" data-reactid="469"><div class="ant-fullcalendar-value" data-reactid="470">19</div><div class="ant-fullcalendar-content" data-reactid="471"></div></div></td><td role="gridcell" title="2017-4-20" class="ant-fullcalendar-cell" data-reactid="472"><div class="ant-fullcalendar-date" data-reactid="473"><div class="ant-fullcalendar-value" data-reactid="474">20</div><div class="ant-fullcalendar-content" data-reactid="475"></div></div></td><td role="gridcell" title="2017-4-21" class="ant-fullcalendar-cell" data-reactid="476"><div class="ant-fullcalendar-date" data-reactid="477"><div class="ant-fullcalendar-value" data-reactid="478">21</div><div class="ant-fullcalendar-content" data-reactid="479"></div></div></td><td role="gridcell" title="2017-4-22" class="ant-fullcalendar-cell" data-reactid="480"><div class="ant-fullcalendar-date" data-reactid="481"><div class="ant-fullcalendar-value" data-reactid="482">22</div><div class="ant-fullcalendar-content" data-reactid="483"></div></div></td></tr><tr role="row" class="ant-fullcalendar-current-week ant-fullcalendar-active-week" data-reactid="484"><td role="gridcell" title="2017-4-23" class="ant-fullcalendar-cell" data-reactid="485"><div class="ant-fullcalendar-date" data-reactid="486"><div class="ant-fullcalendar-value" data-reactid="487">23</div><div class="ant-fullcalendar-content" data-reactid="488"></div></div></td><td role="gridcell" title="2017-4-24" class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day" data-reactid="489"><div class="ant-fullcalendar-date" data-reactid="490"><div class="ant-fullcalendar-value" data-reactid="491">24</div><div class="ant-fullcalendar-content" data-reactid="492"></div></div></td><td role="gridcell" title="2017-4-25" class="ant-fullcalendar-cell" data-reactid="493"><div class="ant-fullcalendar-date" data-reactid="494"><div class="ant-fullcalendar-value" data-reactid="495">25</div><div class="ant-fullcalendar-content" data-reactid="496"></div></div></td><td role="gridcell" title="2017-4-26" class="ant-fullcalendar-cell" data-reactid="497"><div class="ant-fullcalendar-date" data-reactid="498"><div class="ant-fullcalendar-value" data-reactid="499">26</div><div class="ant-fullcalendar-content" data-reactid="500"></div></div></td><td role="gridcell" title="2017-4-27" class="ant-fullcalendar-cell" data-reactid="501"><div class="ant-fullcalendar-date" data-reactid="502"><div class="ant-fullcalendar-value" data-reactid="503">27</div><div class="ant-fullcalendar-content" data-reactid="504"></div></div></td><td role="gridcell" title="2017-4-28" class="ant-fullcalendar-cell" data-reactid="505"><div class="ant-fullcalendar-date" data-reactid="506"><div class="ant-fullcalendar-value" data-reactid="507">28</div><div class="ant-fullcalendar-content" data-reactid="508"></div></div></td><td role="gridcell" title="2017-4-29" class="ant-fullcalendar-cell" data-reactid="509"><div class="ant-fullcalendar-date" data-reactid="510"><div class="ant-fullcalendar-value" data-reactid="511">29</div><div class="ant-fullcalendar-content" data-reactid="512"></div></div></td></tr><tr role="row" class="" data-reactid="513"><td role="gridcell" title="2017-4-30" class="ant-fullcalendar-cell" data-reactid="514"><div class="ant-fullcalendar-date" data-reactid="515"><div class="ant-fullcalendar-value" data-reactid="516">30</div><div class="ant-fullcalendar-content" data-reactid="517"></div></div></td><td role="gridcell" title="2017-5-1" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="518"><div class="ant-fullcalendar-date" data-reactid="519"><div class="ant-fullcalendar-value" data-reactid="520">01</div><div class="ant-fullcalendar-content" data-reactid="521"></div></div></td><td role="gridcell" title="2017-5-2" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="522"><div class="ant-fullcalendar-date" data-reactid="523"><div class="ant-fullcalendar-value" data-reactid="524">02</div><div class="ant-fullcalendar-content" data-reactid="525"></div></div></td><td role="gridcell" title="2017-5-3" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="526"><div class="ant-fullcalendar-date" data-reactid="527"><div class="ant-fullcalendar-value" data-reactid="528">03</div><div class="ant-fullcalendar-content" data-reactid="529"></div></div></td><td role="gridcell" title="2017-5-4" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="530"><div class="ant-fullcalendar-date" data-reactid="531"><div class="ant-fullcalendar-value" data-reactid="532">04</div><div class="ant-fullcalendar-content" data-reactid="533"></div></div></td><td role="gridcell" title="2017-5-5" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="534"><div class="ant-fullcalendar-date" data-reactid="535"><div class="ant-fullcalendar-value" data-reactid="536">05</div><div class="ant-fullcalendar-content" data-reactid="537"></div></div></td><td role="gridcell" title="2017-5-6" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="538"><div class="ant-fullcalendar-date" data-reactid="539"><div class="ant-fullcalendar-value" data-reactid="540">06</div><div class="ant-fullcalendar-content" data-reactid="541"></div></div></td></tr></tbody></table></div></div></div></section><section class="code-box-meta markdown" data-reactid="542"><div class="code-box-title" data-reactid="543"><a href="#components-calendar-demo-basic" data-reactid="544">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/calendar/demo/basic.md" data-reactid="545"><i class="anticon anticon-edit" data-reactid="546"></i></a></div><div data-reactid="547"><p data-reactid="548"><!-- react-text: 549 -->一个通用的日历面板，支持年/月切换。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="550"></i></section><section class="highlight-wrapper" data-reactid="551"><div class="highlight" data-reactid="552"><i class="anticon anticon-copy code-box-code-copy" data-reactid="553"></i><pre class="language-jsx" data-reactid="554"><code data-reactid="555"><span class="token keyword">import</span> <span class="token punctuation">{</span> Calendar <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">onPanelChange</span><span class="token punctuation">(</span>value<span class="token punctuation">,</span> mode<span class="token punctuation">)</span> <span class="token punctuation">{</span>
   console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>value<span class="token punctuation">,</span> mode<span class="token punctuation">)</span><span class="token punctuation">;</span>
@@ -124,7 +124,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Calendar</span> <span class="token attr-name">onPanelChange</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span>onPanelChange<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>
 <span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-calendar-demo-notice-calendar" data-reactid="556"><section class="code-box-demo" data-reactid="557"><div class=" ant-fullcalendar-fullscreen" data-reactid="558"><div class="ant-fullcalendar-header" data-reactid="559"><div class="ant-fullcalendar-year-select ant-select ant-select-enabled" data-reactid="560"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="561"><div class="ant-select-selection__rendered" data-reactid="562"><div class="ant-select-selection-selected-value" title="2017" style="display:block;opacity:1;" data-reactid="563">2017</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="564"><b data-reactid="565"></b></span></div></div><div class="ant-fullcalendar-month-select ant-select ant-select-enabled" data-reactid="566"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="567"><div class="ant-select-selection__rendered" data-reactid="568"><div class="ant-select-selection-selected-value" title="Apr" style="display:block;opacity:1;" data-reactid="569">Apr</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="570"><b data-reactid="571"></b></span></div></div><div class="ant-radio-group ant-radio-group-default" data-reactid="572"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked" data-reactid="573"><span class="ant-radio-button ant-radio-button-checked" data-reactid="574"><input type="radio" class="ant-radio-button-input" checked="" data-reactid="575"/><span class="ant-radio-button-inner" data-reactid="576"></span></span><span data-reactid="577">Month</span></label><label class="ant-radio-button-wrapper" data-reactid="578"><span class="ant-radio-button" data-reactid="579"><input type="radio" class="ant-radio-button-input" data-reactid="580"/><span class="ant-radio-button-inner" data-reactid="581"></span></span><span data-reactid="582">Year</span></label></div></div><div class="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen" tabindex="0" data-reactid="583"><div class="ant-fullcalendar-calendar-body" data-reactid="584"><table class="ant-fullcalendar-table" cellspacing="0" role="grid" data-reactid="585"><thead data-reactid="586"><tr role="row" data-reactid="587"><th role="columnheader" title="Sun" class="ant-fullcalendar-column-header" data-reactid="588"><span class="ant-fullcalendar-column-header-inner" data-reactid="589">Su</span></th><th role="columnheader" title="Mon" class="ant-fullcalendar-column-header" data-reactid="590"><span class="ant-fullcalendar-column-header-inner" data-reactid="591">Mo</span></th><th role="columnheader" title="Tue" class="ant-fullcalendar-column-header" data-reactid="592"><span class="ant-fullcalendar-column-header-inner" data-reactid="593">Tu</span></th><th role="columnheader" title="Wed" class="ant-fullcalendar-column-header" data-reactid="594"><span class="ant-fullcalendar-column-header-inner" data-reactid="595">We</span></th><th role="columnheader" title="Thu" class="ant-fullcalendar-column-header" data-reactid="596"><span class="ant-fullcalendar-column-header-inner" data-reactid="597">Th</span></th><th role="columnheader" title="Fri" class="ant-fullcalendar-column-header" data-reactid="598"><span class="ant-fullcalendar-column-header-inner" data-reactid="599">Fr</span></th><th role="columnheader" title="Sat" class="ant-fullcalendar-column-header" data-reactid="600"><span class="ant-fullcalendar-column-header-inner" data-reactid="601">Sa</span></th></tr></thead><tbody class="ant-fullcalendar-tbody" data-reactid="602"><tr role="row" class="" data-reactid="603"><td role="gridcell" title="2017-3-26" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="604"><div class="ant-fullcalendar-date" data-reactid="605"><div class="ant-fullcalendar-value" data-reactid="606">26</div><div class="ant-fullcalendar-content" data-reactid="607"><ul class="events" data-reactid="608"></ul></div></div></td><td role="gridcell" title="2017-3-27" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="609"><div class="ant-fullcalendar-date" data-reactid="610"><div class="ant-fullcalendar-value" data-reactid="611">27</div><div class="ant-fullcalendar-content" data-reactid="612"><ul class="events" data-reactid="613"></ul></div></div></td><td role="gridcell" title="2017-3-28" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="614"><div class="ant-fullcalendar-date" data-reactid="615"><div class="ant-fullcalendar-value" data-reactid="616">28</div><div class="ant-fullcalendar-content" data-reactid="617"><ul class="events" data-reactid="618"></ul></div></div></td><td role="gridcell" title="2017-3-29" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="619"><div class="ant-fullcalendar-date" data-reactid="620"><div class="ant-fullcalendar-value" data-reactid="621">29</div><div class="ant-fullcalendar-content" data-reactid="622"><ul class="events" data-reactid="623"></ul></div></div></td><td role="gridcell" title="2017-3-30" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="624"><div class="ant-fullcalendar-date" data-reactid="625"><div class="ant-fullcalendar-value" data-reactid="626">30</div><div class="ant-fullcalendar-content" data-reactid="627"><ul class="events" data-reactid="628"></ul></div></div></td><td role="gridcell" title="2017-3-31" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="629"><div class="ant-fullcalendar-date" data-reactid="630"><div class="ant-fullcalendar-value" data-reactid="631">31</div><div class="ant-fullcalendar-content" data-reactid="632"><ul class="events" data-reactid="633"></ul></div></div></td><td role="gridcell" title="2017-4-1" class="ant-fullcalendar-cell" data-reactid="634"><div class="ant-fullcalendar-date" data-reactid="635"><div class="ant-fullcalendar-value" data-reactid="636">01</div><div class="ant-fullcalendar-content" data-reactid="637"><ul class="events" data-reactid="638"></ul></div></div></td></tr><tr role="row" class="" data-reactid="639"><td role="gridcell" title="2017-4-2" class="ant-fullcalendar-cell" data-reactid="640"><div class="ant-fullcalendar-date" data-reactid="641"><div class="ant-fullcalendar-value" data-reactid="642">02</div><div class="ant-fullcalendar-content" data-reactid="643"><ul class="events" data-reactid="644"></ul></div></div></td><td role="gridcell" title="2017-4-3" class="ant-fullcalendar-cell" data-reactid="645"><div class="ant-fullcalendar-date" data-reactid="646"><div class="ant-fullcalendar-value" data-reactid="647">03</div><div class="ant-fullcalendar-content" data-reactid="648"><ul class="events" data-reactid="649"></ul></div></div></td><td role="gridcell" title="2017-4-4" class="ant-fullcalendar-cell" data-reactid="650"><div class="ant-fullcalendar-date" data-reactid="651"><div class="ant-fullcalendar-value" data-reactid="652">04</div><div class="ant-fullcalendar-content" data-reactid="653"><ul class="events" data-reactid="654"></ul></div></div></td><td role="gridcell" title="2017-4-5" class="ant-fullcalendar-cell" data-reactid="655"><div class="ant-fullcalendar-date" data-reactid="656"><div class="ant-fullcalendar-value" data-reactid="657">05</div><div class="ant-fullcalendar-content" data-reactid="658"><ul class="events" data-reactid="659"></ul></div></div></td><td role="gridcell" title="2017-4-6" class="ant-fullcalendar-cell" data-reactid="660"><div class="ant-fullcalendar-date" data-reactid="661"><div class="ant-fullcalendar-value" data-reactid="662">06</div><div class="ant-fullcalendar-content" data-reactid="663"><ul class="events" data-reactid="664"></ul></div></div></td><td role="gridcell" title="2017-4-7" class="ant-fullcalendar-cell" data-reactid="665"><div class="ant-fullcalendar-date" data-reactid="666"><div class="ant-fullcalendar-value" data-reactid="667">07</div><div class="ant-fullcalendar-content" data-reactid="668"><ul class="events" data-reactid="669"></ul></div></div></td><td role="gridcell" title="2017-4-8" class="ant-fullcalendar-cell" data-reactid="670"><div class="ant-fullcalendar-date" data-reactid="671"><div class="ant-fullcalendar-value" data-reactid="672">08</div><div class="ant-fullcalendar-content" data-reactid="673"><ul class="events" data-reactid="674"><li data-reactid="675"><span class="event-warning" data-reactid="676">●</span><!-- react-text: 677 -->This is warning event.<!-- /react-text --></li><li data-reactid="678"><span class="event-normal" data-reactid="679">●</span><!-- react-text: 680 -->This is usual event.<!-- /react-text --></li></ul></div></div></td></tr><tr role="row" class="" data-reactid="681"><td role="gridcell" title="2017-4-9" class="ant-fullcalendar-cell" data-reactid="682"><div class="ant-fullcalendar-date" data-reactid="683"><div class="ant-fullcalendar-value" data-reactid="684">09</div><div class="ant-fullcalendar-content" data-reactid="685"><ul class="events" data-reactid="686"></ul></div></div></td><td role="gridcell" title="2017-4-10" class="ant-fullcalendar-cell" data-reactid="687"><div class="ant-fullcalendar-date" data-reactid="688"><div class="ant-fullcalendar-value" data-reactid="689">10</div><div class="ant-fullcalendar-content" data-reactid="690"><ul class="events" data-reactid="691"><li data-reactid="692"><span class="event-warning" data-reactid="693">●</span><!-- react-text: 694 -->This is warning event.<!-- /react-text --></li><li data-reactid="695"><span class="event-normal" data-reactid="696">●</span><!-- react-text: 697 -->This is usual event.<!-- /react-text --></li><li data-reactid="698"><span class="event-error" data-reactid="699">●</span><!-- react-text: 700 -->This is error event.<!-- /react-text --></li></ul></div></div></td><td role="gridcell" title="2017-4-11" class="ant-fullcalendar-cell" data-reactid="701"><div class="ant-fullcalendar-date" data-reactid="702"><div class="ant-fullcalendar-value" data-reactid="703">11</div><div class="ant-fullcalendar-content" data-reactid="704"><ul class="events" data-reactid="705"></ul></div></div></td><td role="gridcell" title="2017-4-12" class="ant-fullcalendar-cell" data-reactid="706"><div class="ant-fullcalendar-date" data-reactid="707"><div class="ant-fullcalendar-value" data-reactid="708">12</div><div class="ant-fullcalendar-content" data-reactid="709"><ul class="events" data-reactid="710"></ul></div></div></td><td role="gridcell" title="2017-4-13" class="ant-fullcalendar-cell" data-reactid="711"><div class="ant-fullcalendar-date" data-reactid="712"><div class="ant-fullcalendar-value" data-reactid="713">13</div><div class="ant-fullcalendar-content" data-reactid="714"><ul class="events" data-reactid="715"></ul></div></div></td><td role="gridcell" title="2017-4-14" class="ant-fullcalendar-cell" data-reactid="716"><div class="ant-fullcalendar-date" data-reactid="717"><div class="ant-fullcalendar-value" data-reactid="718">14</div><div class="ant-fullcalendar-content" data-reactid="719"><ul class="events" data-reactid="720"></ul></div></div></td><td role="gridcell" title="2017-4-15" class="ant-fullcalendar-cell" data-reactid="721"><div class="ant-fullcalendar-date" data-reactid="722"><div class="ant-fullcalendar-value" data-reactid="723">15</div><div class="ant-fullcalendar-content" data-reactid="724"><ul class="events" data-reactid="725"><li data-reactid="726"><span class="event-warning" data-reactid="727">●</span><!-- react-text: 728 -->This is warning event<!-- /react-text --></li><li data-reactid="729"><span class="event-normal" data-reactid="730">●</span><!-- react-text: 731 -->This is very long usual event。。....<!-- /react-text --></li><li data-reactid="732"><span class="event-error" data-reactid="733">●</span><!-- react-text: 734 -->This is error event 1.<!-- /react-text --></li><li data-reactid="735"><span class="event-error" data-reactid="736">●</span><!-- react-text: 737 -->This is error event 2.<!-- /react-text --></li><li data-reactid="738"><span class="event-error" data-reactid="739">●</span><!-- react-text: 740 -->This is error event 3.<!-- /react-text --></li><li data-reactid="741"><span class="event-error" data-reactid="742">●</span><!-- react-text: 743 -->This is error event 4.<!-- /react-text --></li></ul></div></div></td></tr><tr role="row" class="ant-fullcalendar-current-week ant-fullcalendar-active-week" data-reactid="744"><td role="gridcell" title="2017-4-16" class="ant-fullcalendar-cell" data-reactid="745"><div class="ant-fullcalendar-date" data-reactid="746"><div class="ant-fullcalendar-value" data-reactid="747">16</div><div class="ant-fullcalendar-content" data-reactid="748"><ul class="events" data-reactid="749"></ul></div></div></td><td role="gridcell" title="2017-4-17" class="ant-fullcalendar-cell" data-reactid="750"><div class="ant-fullcalendar-date" data-reactid="751"><div class="ant-fullcalendar-value" data-reactid="752">17</div><div class="ant-fullcalendar-content" data-reactid="753"><ul class="events" data-reactid="754"></ul></div></div></td><td role="gridcell" title="2017-4-18" class="ant-fullcalendar-cell" data-reactid="755"><div class="ant-fullcalendar-date" data-reactid="756"><div class="ant-fullcalendar-value" data-reactid="757">18</div><div class="ant-fullcalendar-content" data-reactid="758"><ul class="events" data-reactid="759"></ul></div></div></td><td role="gridcell" title="2017-4-19" class="ant-fullcalendar-cell" data-reactid="760"><div class="ant-fullcalendar-date" data-reactid="761"><div class="ant-fullcalendar-value" data-reactid="762">19</div><div class="ant-fullcalendar-content" data-reactid="763"><ul class="events" data-reactid="764"></ul></div></div></td><td role="gridcell" title="2017-4-20" class="ant-fullcalendar-cell" data-reactid="765"><div class="ant-fullcalendar-date" data-reactid="766"><div class="ant-fullcalendar-value" data-reactid="767">20</div><div class="ant-fullcalendar-content" data-reactid="768"><ul class="events" data-reactid="769"></ul></div></div></td><td role="gridcell" title="2017-4-21" class="ant-fullcalendar-cell" data-reactid="770"><div class="ant-fullcalendar-date" data-reactid="771"><div class="ant-fullcalendar-value" data-reactid="772">21</div><div class="ant-fullcalendar-content" data-reactid="773"><ul class="events" data-reactid="774"></ul></div></div></td><td role="gridcell" title="2017-4-22" class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day" data-reactid="775"><div class="ant-fullcalendar-date" data-reactid="776"><div class="ant-fullcalendar-value" data-reactid="777">22</div><div class="ant-fullcalendar-content" data-reactid="778"><ul class="events" data-reactid="779"></ul></div></div></td></tr><tr role="row" class="" data-reactid="780"><td role="gridcell" title="2017-4-23" class="ant-fullcalendar-cell" data-reactid="781"><div class="ant-fullcalendar-date" data-reactid="782"><div class="ant-fullcalendar-value" data-reactid="783">23</div><div class="ant-fullcalendar-content" data-reactid="784"><ul class="events" data-reactid="785"></ul></div></div></td><td role="gridcell" title="2017-4-24" class="ant-fullcalendar-cell" data-reactid="786"><div class="ant-fullcalendar-date" data-reactid="787"><div class="ant-fullcalendar-value" data-reactid="788">24</div><div class="ant-fullcalendar-content" data-reactid="789"><ul class="events" data-reactid="790"></ul></div></div></td><td role="gridcell" title="2017-4-25" class="ant-fullcalendar-cell" data-reactid="791"><div class="ant-fullcalendar-date" data-reactid="792"><div class="ant-fullcalendar-value" data-reactid="793">25</div><div class="ant-fullcalendar-content" data-reactid="794"><ul class="events" data-reactid="795"></ul></div></div></td><td role="gridcell" title="2017-4-26" class="ant-fullcalendar-cell" data-reactid="796"><div class="ant-fullcalendar-date" data-reactid="797"><div class="ant-fullcalendar-value" data-reactid="798">26</div><div class="ant-fullcalendar-content" data-reactid="799"><ul class="events" data-reactid="800"></ul></div></div></td><td role="gridcell" title="2017-4-27" class="ant-fullcalendar-cell" data-reactid="801"><div class="ant-fullcalendar-date" data-reactid="802"><div class="ant-fullcalendar-value" data-reactid="803">27</div><div class="ant-fullcalendar-content" data-reactid="804"><ul class="events" data-reactid="805"></ul></div></div></td><td role="gridcell" title="2017-4-28" class="ant-fullcalendar-cell" data-reactid="806"><div class="ant-fullcalendar-date" data-reactid="807"><div class="ant-fullcalendar-value" data-reactid="808">28</div><div class="ant-fullcalendar-content" data-reactid="809"><ul class="events" data-reactid="810"></ul></div></div></td><td role="gridcell" title="2017-4-29" class="ant-fullcalendar-cell" data-reactid="811"><div class="ant-fullcalendar-date" data-reactid="812"><div class="ant-fullcalendar-value" data-reactid="813">29</div><div class="ant-fullcalendar-content" data-reactid="814"><ul class="events" data-reactid="815"></ul></div></div></td></tr><tr role="row" class="" data-reactid="816"><td role="gridcell" title="2017-4-30" class="ant-fullcalendar-cell" data-reactid="817"><div class="ant-fullcalendar-date" data-reactid="818"><div class="ant-fullcalendar-value" data-reactid="819">30</div><div class="ant-fullcalendar-content" data-reactid="820"><ul class="events" data-reactid="821"></ul></div></div></td><td role="gridcell" title="2017-5-1" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="822"><div class="ant-fullcalendar-date" data-reactid="823"><div class="ant-fullcalendar-value" data-reactid="824">01</div><div class="ant-fullcalendar-content" data-reactid="825"><ul class="events" data-reactid="826"></ul></div></div></td><td role="gridcell" title="2017-5-2" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="827"><div class="ant-fullcalendar-date" data-reactid="828"><div class="ant-fullcalendar-value" data-reactid="829">02</div><div class="ant-fullcalendar-content" data-reactid="830"><ul class="events" data-reactid="831"></ul></div></div></td><td role="gridcell" title="2017-5-3" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="832"><div class="ant-fullcalendar-date" data-reactid="833"><div class="ant-fullcalendar-value" data-reactid="834">03</div><div class="ant-fullcalendar-content" data-reactid="835"><ul class="events" data-reactid="836"></ul></div></div></td><td role="gridcell" title="2017-5-4" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="837"><div class="ant-fullcalendar-date" data-reactid="838"><div class="ant-fullcalendar-value" data-reactid="839">04</div><div class="ant-fullcalendar-content" data-reactid="840"><ul class="events" data-reactid="841"></ul></div></div></td><td role="gridcell" title="2017-5-5" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="842"><div class="ant-fullcalendar-date" data-reactid="843"><div class="ant-fullcalendar-value" data-reactid="844">05</div><div class="ant-fullcalendar-content" data-reactid="845"><ul class="events" data-reactid="846"></ul></div></div></td><td role="gridcell" title="2017-5-6" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="847"><div class="ant-fullcalendar-date" data-reactid="848"><div class="ant-fullcalendar-value" data-reactid="849">06</div><div class="ant-fullcalendar-content" data-reactid="850"><ul class="events" data-reactid="851"></ul></div></div></td></tr></tbody></table></div></div></div><style data-reactid="852">.events {
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="567"><div class="ant-select-selection__rendered" data-reactid="568"><div class="ant-select-selection-selected-value" title="Apr" style="display:block;opacity:1;" data-reactid="569">Apr</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="570"><b data-reactid="571"></b></span></div></div><div class="ant-radio-group ant-radio-group-default" data-reactid="572"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked" data-reactid="573"><span class="ant-radio-button ant-radio-button-checked" data-reactid="574"><input type="radio" class="ant-radio-button-input" checked="" data-reactid="575"/><span class="ant-radio-button-inner" data-reactid="576"></span></span><span data-reactid="577">Month</span></label><label class="ant-radio-button-wrapper" data-reactid="578"><span class="ant-radio-button" data-reactid="579"><input type="radio" class="ant-radio-button-input" data-reactid="580"/><span class="ant-radio-button-inner" data-reactid="581"></span></span><span data-reactid="582">Year</span></label></div></div><div class="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen" tabindex="0" data-reactid="583"><div class="ant-fullcalendar-calendar-body" data-reactid="584"><table class="ant-fullcalendar-table" cellspacing="0" role="grid" data-reactid="585"><thead data-reactid="586"><tr role="row" data-reactid="587"><th role="columnheader" title="Sun" class="ant-fullcalendar-column-header" data-reactid="588"><span class="ant-fullcalendar-column-header-inner" data-reactid="589">Su</span></th><th role="columnheader" title="Mon" class="ant-fullcalendar-column-header" data-reactid="590"><span class="ant-fullcalendar-column-header-inner" data-reactid="591">Mo</span></th><th role="columnheader" title="Tue" class="ant-fullcalendar-column-header" data-reactid="592"><span class="ant-fullcalendar-column-header-inner" data-reactid="593">Tu</span></th><th role="columnheader" title="Wed" class="ant-fullcalendar-column-header" data-reactid="594"><span class="ant-fullcalendar-column-header-inner" data-reactid="595">We</span></th><th role="columnheader" title="Thu" class="ant-fullcalendar-column-header" data-reactid="596"><span class="ant-fullcalendar-column-header-inner" data-reactid="597">Th</span></th><th role="columnheader" title="Fri" class="ant-fullcalendar-column-header" data-reactid="598"><span class="ant-fullcalendar-column-header-inner" data-reactid="599">Fr</span></th><th role="columnheader" title="Sat" class="ant-fullcalendar-column-header" data-reactid="600"><span class="ant-fullcalendar-column-header-inner" data-reactid="601">Sa</span></th></tr></thead><tbody class="ant-fullcalendar-tbody" data-reactid="602"><tr role="row" class="" data-reactid="603"><td role="gridcell" title="2017-3-26" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="604"><div class="ant-fullcalendar-date" data-reactid="605"><div class="ant-fullcalendar-value" data-reactid="606">26</div><div class="ant-fullcalendar-content" data-reactid="607"><ul class="events" data-reactid="608"></ul></div></div></td><td role="gridcell" title="2017-3-27" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="609"><div class="ant-fullcalendar-date" data-reactid="610"><div class="ant-fullcalendar-value" data-reactid="611">27</div><div class="ant-fullcalendar-content" data-reactid="612"><ul class="events" data-reactid="613"></ul></div></div></td><td role="gridcell" title="2017-3-28" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="614"><div class="ant-fullcalendar-date" data-reactid="615"><div class="ant-fullcalendar-value" data-reactid="616">28</div><div class="ant-fullcalendar-content" data-reactid="617"><ul class="events" data-reactid="618"></ul></div></div></td><td role="gridcell" title="2017-3-29" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="619"><div class="ant-fullcalendar-date" data-reactid="620"><div class="ant-fullcalendar-value" data-reactid="621">29</div><div class="ant-fullcalendar-content" data-reactid="622"><ul class="events" data-reactid="623"></ul></div></div></td><td role="gridcell" title="2017-3-30" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="624"><div class="ant-fullcalendar-date" data-reactid="625"><div class="ant-fullcalendar-value" data-reactid="626">30</div><div class="ant-fullcalendar-content" data-reactid="627"><ul class="events" data-reactid="628"></ul></div></div></td><td role="gridcell" title="2017-3-31" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="629"><div class="ant-fullcalendar-date" data-reactid="630"><div class="ant-fullcalendar-value" data-reactid="631">31</div><div class="ant-fullcalendar-content" data-reactid="632"><ul class="events" data-reactid="633"></ul></div></div></td><td role="gridcell" title="2017-4-1" class="ant-fullcalendar-cell" data-reactid="634"><div class="ant-fullcalendar-date" data-reactid="635"><div class="ant-fullcalendar-value" data-reactid="636">01</div><div class="ant-fullcalendar-content" data-reactid="637"><ul class="events" data-reactid="638"></ul></div></div></td></tr><tr role="row" class="" data-reactid="639"><td role="gridcell" title="2017-4-2" class="ant-fullcalendar-cell" data-reactid="640"><div class="ant-fullcalendar-date" data-reactid="641"><div class="ant-fullcalendar-value" data-reactid="642">02</div><div class="ant-fullcalendar-content" data-reactid="643"><ul class="events" data-reactid="644"></ul></div></div></td><td role="gridcell" title="2017-4-3" class="ant-fullcalendar-cell" data-reactid="645"><div class="ant-fullcalendar-date" data-reactid="646"><div class="ant-fullcalendar-value" data-reactid="647">03</div><div class="ant-fullcalendar-content" data-reactid="648"><ul class="events" data-reactid="649"></ul></div></div></td><td role="gridcell" title="2017-4-4" class="ant-fullcalendar-cell" data-reactid="650"><div class="ant-fullcalendar-date" data-reactid="651"><div class="ant-fullcalendar-value" data-reactid="652">04</div><div class="ant-fullcalendar-content" data-reactid="653"><ul class="events" data-reactid="654"></ul></div></div></td><td role="gridcell" title="2017-4-5" class="ant-fullcalendar-cell" data-reactid="655"><div class="ant-fullcalendar-date" data-reactid="656"><div class="ant-fullcalendar-value" data-reactid="657">05</div><div class="ant-fullcalendar-content" data-reactid="658"><ul class="events" data-reactid="659"></ul></div></div></td><td role="gridcell" title="2017-4-6" class="ant-fullcalendar-cell" data-reactid="660"><div class="ant-fullcalendar-date" data-reactid="661"><div class="ant-fullcalendar-value" data-reactid="662">06</div><div class="ant-fullcalendar-content" data-reactid="663"><ul class="events" data-reactid="664"></ul></div></div></td><td role="gridcell" title="2017-4-7" class="ant-fullcalendar-cell" data-reactid="665"><div class="ant-fullcalendar-date" data-reactid="666"><div class="ant-fullcalendar-value" data-reactid="667">07</div><div class="ant-fullcalendar-content" data-reactid="668"><ul class="events" data-reactid="669"></ul></div></div></td><td role="gridcell" title="2017-4-8" class="ant-fullcalendar-cell" data-reactid="670"><div class="ant-fullcalendar-date" data-reactid="671"><div class="ant-fullcalendar-value" data-reactid="672">08</div><div class="ant-fullcalendar-content" data-reactid="673"><ul class="events" data-reactid="674"><li data-reactid="675"><span class="event-warning" data-reactid="676">●</span><!-- react-text: 677 -->This is warning event.<!-- /react-text --></li><li data-reactid="678"><span class="event-normal" data-reactid="679">●</span><!-- react-text: 680 -->This is usual event.<!-- /react-text --></li></ul></div></div></td></tr><tr role="row" class="" data-reactid="681"><td role="gridcell" title="2017-4-9" class="ant-fullcalendar-cell" data-reactid="682"><div class="ant-fullcalendar-date" data-reactid="683"><div class="ant-fullcalendar-value" data-reactid="684">09</div><div class="ant-fullcalendar-content" data-reactid="685"><ul class="events" data-reactid="686"></ul></div></div></td><td role="gridcell" title="2017-4-10" class="ant-fullcalendar-cell" data-reactid="687"><div class="ant-fullcalendar-date" data-reactid="688"><div class="ant-fullcalendar-value" data-reactid="689">10</div><div class="ant-fullcalendar-content" data-reactid="690"><ul class="events" data-reactid="691"><li data-reactid="692"><span class="event-warning" data-reactid="693">●</span><!-- react-text: 694 -->This is warning event.<!-- /react-text --></li><li data-reactid="695"><span class="event-normal" data-reactid="696">●</span><!-- react-text: 697 -->This is usual event.<!-- /react-text --></li><li data-reactid="698"><span class="event-error" data-reactid="699">●</span><!-- react-text: 700 -->This is error event.<!-- /react-text --></li></ul></div></div></td><td role="gridcell" title="2017-4-11" class="ant-fullcalendar-cell" data-reactid="701"><div class="ant-fullcalendar-date" data-reactid="702"><div class="ant-fullcalendar-value" data-reactid="703">11</div><div class="ant-fullcalendar-content" data-reactid="704"><ul class="events" data-reactid="705"></ul></div></div></td><td role="gridcell" title="2017-4-12" class="ant-fullcalendar-cell" data-reactid="706"><div class="ant-fullcalendar-date" data-reactid="707"><div class="ant-fullcalendar-value" data-reactid="708">12</div><div class="ant-fullcalendar-content" data-reactid="709"><ul class="events" data-reactid="710"></ul></div></div></td><td role="gridcell" title="2017-4-13" class="ant-fullcalendar-cell" data-reactid="711"><div class="ant-fullcalendar-date" data-reactid="712"><div class="ant-fullcalendar-value" data-reactid="713">13</div><div class="ant-fullcalendar-content" data-reactid="714"><ul class="events" data-reactid="715"></ul></div></div></td><td role="gridcell" title="2017-4-14" class="ant-fullcalendar-cell" data-reactid="716"><div class="ant-fullcalendar-date" data-reactid="717"><div class="ant-fullcalendar-value" data-reactid="718">14</div><div class="ant-fullcalendar-content" data-reactid="719"><ul class="events" data-reactid="720"></ul></div></div></td><td role="gridcell" title="2017-4-15" class="ant-fullcalendar-cell" data-reactid="721"><div class="ant-fullcalendar-date" data-reactid="722"><div class="ant-fullcalendar-value" data-reactid="723">15</div><div class="ant-fullcalendar-content" data-reactid="724"><ul class="events" data-reactid="725"><li data-reactid="726"><span class="event-warning" data-reactid="727">●</span><!-- react-text: 728 -->This is warning event<!-- /react-text --></li><li data-reactid="729"><span class="event-normal" data-reactid="730">●</span><!-- react-text: 731 -->This is very long usual event。。....<!-- /react-text --></li><li data-reactid="732"><span class="event-error" data-reactid="733">●</span><!-- react-text: 734 -->This is error event 1.<!-- /react-text --></li><li data-reactid="735"><span class="event-error" data-reactid="736">●</span><!-- react-text: 737 -->This is error event 2.<!-- /react-text --></li><li data-reactid="738"><span class="event-error" data-reactid="739">●</span><!-- react-text: 740 -->This is error event 3.<!-- /react-text --></li><li data-reactid="741"><span class="event-error" data-reactid="742">●</span><!-- react-text: 743 -->This is error event 4.<!-- /react-text --></li></ul></div></div></td></tr><tr role="row" class="" data-reactid="744"><td role="gridcell" title="2017-4-16" class="ant-fullcalendar-cell" data-reactid="745"><div class="ant-fullcalendar-date" data-reactid="746"><div class="ant-fullcalendar-value" data-reactid="747">16</div><div class="ant-fullcalendar-content" data-reactid="748"><ul class="events" data-reactid="749"></ul></div></div></td><td role="gridcell" title="2017-4-17" class="ant-fullcalendar-cell" data-reactid="750"><div class="ant-fullcalendar-date" data-reactid="751"><div class="ant-fullcalendar-value" data-reactid="752">17</div><div class="ant-fullcalendar-content" data-reactid="753"><ul class="events" data-reactid="754"></ul></div></div></td><td role="gridcell" title="2017-4-18" class="ant-fullcalendar-cell" data-reactid="755"><div class="ant-fullcalendar-date" data-reactid="756"><div class="ant-fullcalendar-value" data-reactid="757">18</div><div class="ant-fullcalendar-content" data-reactid="758"><ul class="events" data-reactid="759"></ul></div></div></td><td role="gridcell" title="2017-4-19" class="ant-fullcalendar-cell" data-reactid="760"><div class="ant-fullcalendar-date" data-reactid="761"><div class="ant-fullcalendar-value" data-reactid="762">19</div><div class="ant-fullcalendar-content" data-reactid="763"><ul class="events" data-reactid="764"></ul></div></div></td><td role="gridcell" title="2017-4-20" class="ant-fullcalendar-cell" data-reactid="765"><div class="ant-fullcalendar-date" data-reactid="766"><div class="ant-fullcalendar-value" data-reactid="767">20</div><div class="ant-fullcalendar-content" data-reactid="768"><ul class="events" data-reactid="769"></ul></div></div></td><td role="gridcell" title="2017-4-21" class="ant-fullcalendar-cell" data-reactid="770"><div class="ant-fullcalendar-date" data-reactid="771"><div class="ant-fullcalendar-value" data-reactid="772">21</div><div class="ant-fullcalendar-content" data-reactid="773"><ul class="events" data-reactid="774"></ul></div></div></td><td role="gridcell" title="2017-4-22" class="ant-fullcalendar-cell" data-reactid="775"><div class="ant-fullcalendar-date" data-reactid="776"><div class="ant-fullcalendar-value" data-reactid="777">22</div><div class="ant-fullcalendar-content" data-reactid="778"><ul class="events" data-reactid="779"></ul></div></div></td></tr><tr role="row" class="ant-fullcalendar-current-week ant-fullcalendar-active-week" data-reactid="780"><td role="gridcell" title="2017-4-23" class="ant-fullcalendar-cell" data-reactid="781"><div class="ant-fullcalendar-date" data-reactid="782"><div class="ant-fullcalendar-value" data-reactid="783">23</div><div class="ant-fullcalendar-content" data-reactid="784"><ul class="events" data-reactid="785"></ul></div></div></td><td role="gridcell" title="2017-4-24" class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day" data-reactid="786"><div class="ant-fullcalendar-date" data-reactid="787"><div class="ant-fullcalendar-value" data-reactid="788">24</div><div class="ant-fullcalendar-content" data-reactid="789"><ul class="events" data-reactid="790"></ul></div></div></td><td role="gridcell" title="2017-4-25" class="ant-fullcalendar-cell" data-reactid="791"><div class="ant-fullcalendar-date" data-reactid="792"><div class="ant-fullcalendar-value" data-reactid="793">25</div><div class="ant-fullcalendar-content" data-reactid="794"><ul class="events" data-reactid="795"></ul></div></div></td><td role="gridcell" title="2017-4-26" class="ant-fullcalendar-cell" data-reactid="796"><div class="ant-fullcalendar-date" data-reactid="797"><div class="ant-fullcalendar-value" data-reactid="798">26</div><div class="ant-fullcalendar-content" data-reactid="799"><ul class="events" data-reactid="800"></ul></div></div></td><td role="gridcell" title="2017-4-27" class="ant-fullcalendar-cell" data-reactid="801"><div class="ant-fullcalendar-date" data-reactid="802"><div class="ant-fullcalendar-value" data-reactid="803">27</div><div class="ant-fullcalendar-content" data-reactid="804"><ul class="events" data-reactid="805"></ul></div></div></td><td role="gridcell" title="2017-4-28" class="ant-fullcalendar-cell" data-reactid="806"><div class="ant-fullcalendar-date" data-reactid="807"><div class="ant-fullcalendar-value" data-reactid="808">28</div><div class="ant-fullcalendar-content" data-reactid="809"><ul class="events" data-reactid="810"></ul></div></div></td><td role="gridcell" title="2017-4-29" class="ant-fullcalendar-cell" data-reactid="811"><div class="ant-fullcalendar-date" data-reactid="812"><div class="ant-fullcalendar-value" data-reactid="813">29</div><div class="ant-fullcalendar-content" data-reactid="814"><ul class="events" data-reactid="815"></ul></div></div></td></tr><tr role="row" class="" data-reactid="816"><td role="gridcell" title="2017-4-30" class="ant-fullcalendar-cell" data-reactid="817"><div class="ant-fullcalendar-date" data-reactid="818"><div class="ant-fullcalendar-value" data-reactid="819">30</div><div class="ant-fullcalendar-content" data-reactid="820"><ul class="events" data-reactid="821"></ul></div></div></td><td role="gridcell" title="2017-5-1" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="822"><div class="ant-fullcalendar-date" data-reactid="823"><div class="ant-fullcalendar-value" data-reactid="824">01</div><div class="ant-fullcalendar-content" data-reactid="825"><ul class="events" data-reactid="826"></ul></div></div></td><td role="gridcell" title="2017-5-2" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="827"><div class="ant-fullcalendar-date" data-reactid="828"><div class="ant-fullcalendar-value" data-reactid="829">02</div><div class="ant-fullcalendar-content" data-reactid="830"><ul class="events" data-reactid="831"></ul></div></div></td><td role="gridcell" title="2017-5-3" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="832"><div class="ant-fullcalendar-date" data-reactid="833"><div class="ant-fullcalendar-value" data-reactid="834">03</div><div class="ant-fullcalendar-content" data-reactid="835"><ul class="events" data-reactid="836"></ul></div></div></td><td role="gridcell" title="2017-5-4" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="837"><div class="ant-fullcalendar-date" data-reactid="838"><div class="ant-fullcalendar-value" data-reactid="839">04</div><div class="ant-fullcalendar-content" data-reactid="840"><ul class="events" data-reactid="841"></ul></div></div></td><td role="gridcell" title="2017-5-5" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="842"><div class="ant-fullcalendar-date" data-reactid="843"><div class="ant-fullcalendar-value" data-reactid="844">05</div><div class="ant-fullcalendar-content" data-reactid="845"><ul class="events" data-reactid="846"></ul></div></div></td><td role="gridcell" title="2017-5-6" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="847"><div class="ant-fullcalendar-date" data-reactid="848"><div class="ant-fullcalendar-value" data-reactid="849">06</div><div class="ant-fullcalendar-content" data-reactid="850"><ul class="events" data-reactid="851"></ul></div></div></td></tr></tbody></table></div></div></div><style data-reactid="852">.events {
   line-height: 24px;
   list-style: none;
   margin: 0;
@@ -268,7 +268,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
   <span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">28</span>px<span class="token punctuation">;</span>
 <span class="token punctuation">}</span></code></pre></div></section></section><section class="code-box" id="components-calendar-demo-card" data-reactid="876"><section class="code-box-demo" data-reactid="877"><div style="width:290px;border:1px solid #d9d9d9;border-radius:4px;" data-reactid="878"><div class="" data-reactid="879"><div class="ant-fullcalendar-header" data-reactid="880"><div class="ant-select-sm ant-fullcalendar-year-select ant-select ant-select-enabled" data-reactid="881"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="882"><div class="ant-select-selection__rendered" data-reactid="883"><div class="ant-select-selection-selected-value" title="2017" style="display:block;opacity:1;" data-reactid="884">2017</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="885"><b data-reactid="886"></b></span></div></div><div class="ant-select-sm ant-fullcalendar-month-select ant-select ant-select-enabled" data-reactid="887"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="888"><div class="ant-select-selection__rendered" data-reactid="889"><div class="ant-select-selection-selected-value" title="Apr" style="display:block;opacity:1;" data-reactid="890">Apr</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="891"><b data-reactid="892"></b></span></div></div><div class="ant-radio-group ant-radio-group-small" data-reactid="893"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked" data-reactid="894"><span class="ant-radio-button ant-radio-button-checked" data-reactid="895"><input type="radio" class="ant-radio-button-input" checked="" data-reactid="896"/><span class="ant-radio-button-inner" data-reactid="897"></span></span><span data-reactid="898">Month</span></label><label class="ant-radio-button-wrapper" data-reactid="899"><span class="ant-radio-button" data-reactid="900"><input type="radio" class="ant-radio-button-input" data-reactid="901"/><span class="ant-radio-button-inner" data-reactid="902"></span></span><span data-reactid="903">Year</span></label></div></div><div class="ant-fullcalendar ant-fullcalendar-full" tabindex="0" data-reactid="904"><div class="ant-fullcalendar-calendar-body" data-reactid="905"><table class="ant-fullcalendar-table" cellspacing="0" role="grid" data-reactid="906"><thead data-reactid="907"><tr role="row" data-reactid="908"><th role="columnheader" title="Sun" class="ant-fullcalendar-column-header" data-reactid="909"><span class="ant-fullcalendar-column-header-inner" data-reactid="910">Su</span></th><th role="columnheader" title="Mon" class="ant-fullcalendar-column-header" data-reactid="911"><span class="ant-fullcalendar-column-header-inner" data-reactid="912">Mo</span></th><th role="columnheader" title="Tue" class="ant-fullcalendar-column-header" data-reactid="913"><span class="ant-fullcalendar-column-header-inner" data-reactid="914">Tu</span></th><th role="columnheader" title="Wed" class="ant-fullcalendar-column-header" data-reactid="915"><span class="ant-fullcalendar-column-header-inner" data-reactid="916">We</span></th><th role="columnheader" title="Thu" class="ant-fullcalendar-column-header" data-reactid="917"><span class="ant-fullcalendar-column-header-inner" data-reactid="918">Th</span></th><th role="columnheader" title="Fri" class="ant-fullcalendar-column-header" data-reactid="919"><span class="ant-fullcalendar-column-header-inner" data-reactid="920">Fr</span></th><th role="columnheader" title="Sat" class="ant-fullcalendar-column-header" data-reactid="921"><span class="ant-fullcalendar-column-header-inner" data-reactid="922">Sa</span></th></tr></thead><tbody class="ant-fullcalendar-tbody" data-reactid="923"><tr role="row" class="" data-reactid="924"><td role="gridcell" title="2017-3-26" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="925"><div class="ant-fullcalendar-date" data-reactid="926"><div class="ant-fullcalendar-value" data-reactid="927">26</div><div class="ant-fullcalendar-content" data-reactid="928"></div></div></td><td role="gridcell" title="2017-3-27" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="929"><div class="ant-fullcalendar-date" data-reactid="930"><div class="ant-fullcalendar-value" data-reactid="931">27</div><div class="ant-fullcalendar-content" data-reactid="932"></div></div></td><td role="gridcell" title="2017-3-28" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="933"><div class="ant-fullcalendar-date" data-reactid="934"><div class="ant-fullcalendar-value" data-reactid="935">28</div><div class="ant-fullcalendar-content" data-reactid="936"></div></div></td><td role="gridcell" title="2017-3-29" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="937"><div class="ant-fullcalendar-date" data-reactid="938"><div class="ant-fullcalendar-value" data-reactid="939">29</div><div class="ant-fullcalendar-content" data-reactid="940"></div></div></td><td role="gridcell" title="2017-3-30" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="941"><div class="ant-fullcalendar-date" data-reactid="942"><div class="ant-fullcalendar-value" data-reactid="943">30</div><div class="ant-fullcalendar-content" data-reactid="944"></div></div></td><td role="gridcell" title="2017-3-31" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="945"><div class="ant-fullcalendar-date" data-reactid="946"><div class="ant-fullcalendar-value" data-reactid="947">31</div><div class="ant-fullcalendar-content" data-reactid="948"></div></div></td><td role="gridcell" title="2017-4-1" class="ant-fullcalendar-cell" data-reactid="949"><div class="ant-fullcalendar-date" data-reactid="950"><div class="ant-fullcalendar-value" data-reactid="951">01</div><div class="ant-fullcalendar-content" data-reactid="952"></div></div></td></tr><tr role="row" class="" data-reactid="953"><td role="gridcell" title="2017-4-2" class="ant-fullcalendar-cell" data-reactid="954"><div class="ant-fullcalendar-date" data-reactid="955"><div class="ant-fullcalendar-value" data-reactid="956">02</div><div class="ant-fullcalendar-content" data-reactid="957"></div></div></td><td role="gridcell" title="2017-4-3" class="ant-fullcalendar-cell" data-reactid="958"><div class="ant-fullcalendar-date" data-reactid="959"><div class="ant-fullcalendar-value" data-reactid="960">03</div><div class="ant-fullcalendar-content" data-reactid="961"></div></div></td><td role="gridcell" title="2017-4-4" class="ant-fullcalendar-cell" data-reactid="962"><div class="ant-fullcalendar-date" data-reactid="963"><div class="ant-fullcalendar-value" data-reactid="964">04</div><div class="ant-fullcalendar-content" data-reactid="965"></div></div></td><td role="gridcell" title="2017-4-5" class="ant-fullcalendar-cell" data-reactid="966"><div class="ant-fullcalendar-date" data-reactid="967"><div class="ant-fullcalendar-value" data-reactid="968">05</div><div class="ant-fullcalendar-content" data-reactid="969"></div></div></td><td role="gridcell" title="2017-4-6" class="ant-fullcalendar-cell" data-reactid="970"><div class="ant-fullcalendar-date" data-reactid="971"><div class="ant-fullcalendar-value" data-reactid="972">06</div><div class="ant-fullcalendar-content" data-reactid="973"></div></div></td><td role="gridcell" title="2017-4-7" class="ant-fullcalendar-cell" data-reactid="974"><div class="ant-fullcalendar-date" data-reactid="975"><div class="ant-fullcalendar-value" data-reactid="976">07</div><div class="ant-fullcalendar-content" data-reactid="977"></div></div></td><td role="gridcell" title="2017-4-8" class="ant-fullcalendar-cell" data-reactid="978"><div class="ant-fullcalendar-date" data-reactid="979"><div class="ant-fullcalendar-value" data-reactid="980">08</div><div class="ant-fullcalendar-content" data-reactid="981"></div></div></td></tr><tr role="row" class="" data-reactid="982"><td role="gridcell" title="2017-4-9" class="ant-fullcalendar-cell" data-reactid="983"><div class="ant-fullcalendar-date" data-reactid="984"><div class="ant-fullcalendar-value" data-reactid="985">09</div><div class="ant-fullcalendar-content" data-reactid="986"></div></div></td><td role="gridcell" title="2017-4-10" class="ant-fullcalendar-cell" data-reactid="987"><div class="ant-fullcalendar-date" data-reactid="988"><div class="ant-fullcalendar-value" data-reactid="989">10</div><div class="ant-fullcalendar-content" data-reactid="990"></div></div></td><td role="gridcell" title="2017-4-11" class="ant-fullcalendar-cell" data-reactid="991"><div class="ant-fullcalendar-date" data-reactid="992"><div class="ant-fullcalendar-value" data-reactid="993">11</div><div class="ant-fullcalendar-content" data-reactid="994"></div></div></td><td role="gridcell" title="2017-4-12" class="ant-fullcalendar-cell" data-reactid="995"><div class="ant-fullcalendar-date" data-reactid="996"><div class="ant-fullcalendar-value" data-reactid="997">12</div><div class="ant-fullcalendar-content" data-reactid="998"></div></div></td><td role="gridcell" title="2017-4-13" class="ant-fullcalendar-cell" data-reactid="999"><div class="ant-fullcalendar-date" data-reactid="1000"><div class="ant-fullcalendar-value" data-reactid="1001">13</div><div class="ant-fullcalendar-content" data-reactid="1002"></div></div></td><td role="gridcell" title="2017-4-14" class="ant-fullcalendar-cell" data-reactid="1003"><div class="ant-fullcalendar-date" data-reactid="1004"><div class="ant-fullcalendar-value" data-reactid="1005">14</div><div class="ant-fullcalendar-content" data-reactid="1006"></div></div></td><td role="gridcell" title="2017-4-15" class="ant-fullcalendar-cell" data-reactid="1007"><div class="ant-fullcalendar-date" data-reactid="1008"><div class="ant-fullcalendar-value" data-reactid="1009">15</div><div class="ant-fullcalendar-content" data-reactid="1010"></div></div></td></tr><tr role="row" class="ant-fullcalendar-current-week ant-fullcalendar-active-week" data-reactid="1011"><td role="gridcell" title="2017-4-16" class="ant-fullcalendar-cell" data-reactid="1012"><div class="ant-fullcalendar-date" data-reactid="1013"><div class="ant-fullcalendar-value" data-reactid="1014">16</div><div class="ant-fullcalendar-content" data-reactid="1015"></div></div></td><td role="gridcell" title="2017-4-17" class="ant-fullcalendar-cell" data-reactid="1016"><div class="ant-fullcalendar-date" data-reactid="1017"><div class="ant-fullcalendar-value" data-reactid="1018">17</div><div class="ant-fullcalendar-content" data-reactid="1019"></div></div></td><td role="gridcell" title="2017-4-18" class="ant-fullcalendar-cell" data-reactid="1020"><div class="ant-fullcalendar-date" data-reactid="1021"><div class="ant-fullcalendar-value" data-reactid="1022">18</div><div class="ant-fullcalendar-content" data-reactid="1023"></div></div></td><td role="gridcell" title="2017-4-19" class="ant-fullcalendar-cell" data-reactid="1024"><div class="ant-fullcalendar-date" data-reactid="1025"><div class="ant-fullcalendar-value" data-reactid="1026">19</div><div class="ant-fullcalendar-content" data-reactid="1027"></div></div></td><td role="gridcell" title="2017-4-20" class="ant-fullcalendar-cell" data-reactid="1028"><div class="ant-fullcalendar-date" data-reactid="1029"><div class="ant-fullcalendar-value" data-reactid="1030">20</div><div class="ant-fullcalendar-content" data-reactid="1031"></div></div></td><td role="gridcell" title="2017-4-21" class="ant-fullcalendar-cell" data-reactid="1032"><div class="ant-fullcalendar-date" data-reactid="1033"><div class="ant-fullcalendar-value" data-reactid="1034">21</div><div class="ant-fullcalendar-content" data-reactid="1035"></div></div></td><td role="gridcell" title="2017-4-22" class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day" data-reactid="1036"><div class="ant-fullcalendar-date" data-reactid="1037"><div class="ant-fullcalendar-value" data-reactid="1038">22</div><div class="ant-fullcalendar-content" data-reactid="1039"></div></div></td></tr><tr role="row" class="" data-reactid="1040"><td role="gridcell" title="2017-4-23" class="ant-fullcalendar-cell" data-reactid="1041"><div class="ant-fullcalendar-date" data-reactid="1042"><div class="ant-fullcalendar-value" data-reactid="1043">23</div><div class="ant-fullcalendar-content" data-reactid="1044"></div></div></td><td role="gridcell" title="2017-4-24" class="ant-fullcalendar-cell" data-reactid="1045"><div class="ant-fullcalendar-date" data-reactid="1046"><div class="ant-fullcalendar-value" data-reactid="1047">24</div><div class="ant-fullcalendar-content" data-reactid="1048"></div></div></td><td role="gridcell" title="2017-4-25" class="ant-fullcalendar-cell" data-reactid="1049"><div class="ant-fullcalendar-date" data-reactid="1050"><div class="ant-fullcalendar-value" data-reactid="1051">25</div><div class="ant-fullcalendar-content" data-reactid="1052"></div></div></td><td role="gridcell" title="2017-4-26" class="ant-fullcalendar-cell" data-reactid="1053"><div class="ant-fullcalendar-date" data-reactid="1054"><div class="ant-fullcalendar-value" data-reactid="1055">26</div><div class="ant-fullcalendar-content" data-reactid="1056"></div></div></td><td role="gridcell" title="2017-4-27" class="ant-fullcalendar-cell" data-reactid="1057"><div class="ant-fullcalendar-date" data-reactid="1058"><div class="ant-fullcalendar-value" data-reactid="1059">27</div><div class="ant-fullcalendar-content" data-reactid="1060"></div></div></td><td role="gridcell" title="2017-4-28" class="ant-fullcalendar-cell" data-reactid="1061"><div class="ant-fullcalendar-date" data-reactid="1062"><div class="ant-fullcalendar-value" data-reactid="1063">28</div><div class="ant-fullcalendar-content" data-reactid="1064"></div></div></td><td role="gridcell" title="2017-4-29" class="ant-fullcalendar-cell" data-reactid="1065"><div class="ant-fullcalendar-date" data-reactid="1066"><div class="ant-fullcalendar-value" data-reactid="1067">29</div><div class="ant-fullcalendar-content" data-reactid="1068"></div></div></td></tr><tr role="row" class="" data-reactid="1069"><td role="gridcell" title="2017-4-30" class="ant-fullcalendar-cell" data-reactid="1070"><div class="ant-fullcalendar-date" data-reactid="1071"><div class="ant-fullcalendar-value" data-reactid="1072">30</div><div class="ant-fullcalendar-content" data-reactid="1073"></div></div></td><td role="gridcell" title="2017-5-1" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="1074"><div class="ant-fullcalendar-date" data-reactid="1075"><div class="ant-fullcalendar-value" data-reactid="1076">01</div><div class="ant-fullcalendar-content" data-reactid="1077"></div></div></td><td role="gridcell" title="2017-5-2" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="1078"><div class="ant-fullcalendar-date" data-reactid="1079"><div class="ant-fullcalendar-value" data-reactid="1080">02</div><div class="ant-fullcalendar-content" data-reactid="1081"></div></div></td><td role="gridcell" title="2017-5-3" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="1082"><div class="ant-fullcalendar-date" data-reactid="1083"><div class="ant-fullcalendar-value" data-reactid="1084">03</div><div class="ant-fullcalendar-content" data-reactid="1085"></div></div></td><td role="gridcell" title="2017-5-4" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="1086"><div class="ant-fullcalendar-date" data-reactid="1087"><div class="ant-fullcalendar-value" data-reactid="1088">04</div><div class="ant-fullcalendar-content" data-reactid="1089"></div></div></td><td role="gridcell" title="2017-5-5" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="1090"><div class="ant-fullcalendar-date" data-reactid="1091"><div class="ant-fullcalendar-value" data-reactid="1092">05</div><div class="ant-fullcalendar-content" data-reactid="1093"></div></div></td><td role="gridcell" title="2017-5-6" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="1094"><div class="ant-fullcalendar-date" data-reactid="1095"><div class="ant-fullcalendar-value" data-reactid="1096">06</div><div class="ant-fullcalendar-content" data-reactid="1097"></div></div></td></tr></tbody></table></div></div></div></div></section><section class="code-box-meta markdown" data-reactid="1098"><div class="code-box-title" data-reactid="1099"><a href="#components-calendar-demo-card" data-reactid="1100">卡片模式</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/calendar/demo/card.md" data-reactid="1101"><i class="anticon anticon-edit" data-reactid="1102"></i></a></div><div data-reactid="1103"><p data-reactid="1104"><!-- react-text: 1105 -->用于嵌套在空间有限的容器中。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="1106"></i></section><section class="highlight-wrapper" data-reactid="1107"><div class="highlight" data-reactid="1108"><i class="anticon anticon-copy code-box-code-copy" data-reactid="1109"></i><pre class="language-jsx" data-reactid="1110"><code data-reactid="1111"><span class="token keyword">import</span> <span class="token punctuation">{</span> Calendar <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="888"><div class="ant-select-selection__rendered" data-reactid="889"><div class="ant-select-selection-selected-value" title="Apr" style="display:block;opacity:1;" data-reactid="890">Apr</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="891"><b data-reactid="892"></b></span></div></div><div class="ant-radio-group ant-radio-group-small" data-reactid="893"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked" data-reactid="894"><span class="ant-radio-button ant-radio-button-checked" data-reactid="895"><input type="radio" class="ant-radio-button-input" checked="" data-reactid="896"/><span class="ant-radio-button-inner" data-reactid="897"></span></span><span data-reactid="898">Month</span></label><label class="ant-radio-button-wrapper" data-reactid="899"><span class="ant-radio-button" data-reactid="900"><input type="radio" class="ant-radio-button-input" data-reactid="901"/><span class="ant-radio-button-inner" data-reactid="902"></span></span><span data-reactid="903">Year</span></label></div></div><div class="ant-fullcalendar ant-fullcalendar-full" tabindex="0" data-reactid="904"><div class="ant-fullcalendar-calendar-body" data-reactid="905"><table class="ant-fullcalendar-table" cellspacing="0" role="grid" data-reactid="906"><thead data-reactid="907"><tr role="row" data-reactid="908"><th role="columnheader" title="Sun" class="ant-fullcalendar-column-header" data-reactid="909"><span class="ant-fullcalendar-column-header-inner" data-reactid="910">Su</span></th><th role="columnheader" title="Mon" class="ant-fullcalendar-column-header" data-reactid="911"><span class="ant-fullcalendar-column-header-inner" data-reactid="912">Mo</span></th><th role="columnheader" title="Tue" class="ant-fullcalendar-column-header" data-reactid="913"><span class="ant-fullcalendar-column-header-inner" data-reactid="914">Tu</span></th><th role="columnheader" title="Wed" class="ant-fullcalendar-column-header" data-reactid="915"><span class="ant-fullcalendar-column-header-inner" data-reactid="916">We</span></th><th role="columnheader" title="Thu" class="ant-fullcalendar-column-header" data-reactid="917"><span class="ant-fullcalendar-column-header-inner" data-reactid="918">Th</span></th><th role="columnheader" title="Fri" class="ant-fullcalendar-column-header" data-reactid="919"><span class="ant-fullcalendar-column-header-inner" data-reactid="920">Fr</span></th><th role="columnheader" title="Sat" class="ant-fullcalendar-column-header" data-reactid="921"><span class="ant-fullcalendar-column-header-inner" data-reactid="922">Sa</span></th></tr></thead><tbody class="ant-fullcalendar-tbody" data-reactid="923"><tr role="row" class="" data-reactid="924"><td role="gridcell" title="2017-3-26" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="925"><div class="ant-fullcalendar-date" data-reactid="926"><div class="ant-fullcalendar-value" data-reactid="927">26</div><div class="ant-fullcalendar-content" data-reactid="928"></div></div></td><td role="gridcell" title="2017-3-27" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="929"><div class="ant-fullcalendar-date" data-reactid="930"><div class="ant-fullcalendar-value" data-reactid="931">27</div><div class="ant-fullcalendar-content" data-reactid="932"></div></div></td><td role="gridcell" title="2017-3-28" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="933"><div class="ant-fullcalendar-date" data-reactid="934"><div class="ant-fullcalendar-value" data-reactid="935">28</div><div class="ant-fullcalendar-content" data-reactid="936"></div></div></td><td role="gridcell" title="2017-3-29" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="937"><div class="ant-fullcalendar-date" data-reactid="938"><div class="ant-fullcalendar-value" data-reactid="939">29</div><div class="ant-fullcalendar-content" data-reactid="940"></div></div></td><td role="gridcell" title="2017-3-30" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="941"><div class="ant-fullcalendar-date" data-reactid="942"><div class="ant-fullcalendar-value" data-reactid="943">30</div><div class="ant-fullcalendar-content" data-reactid="944"></div></div></td><td role="gridcell" title="2017-3-31" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="945"><div class="ant-fullcalendar-date" data-reactid="946"><div class="ant-fullcalendar-value" data-reactid="947">31</div><div class="ant-fullcalendar-content" data-reactid="948"></div></div></td><td role="gridcell" title="2017-4-1" class="ant-fullcalendar-cell" data-reactid="949"><div class="ant-fullcalendar-date" data-reactid="950"><div class="ant-fullcalendar-value" data-reactid="951">01</div><div class="ant-fullcalendar-content" data-reactid="952"></div></div></td></tr><tr role="row" class="" data-reactid="953"><td role="gridcell" title="2017-4-2" class="ant-fullcalendar-cell" data-reactid="954"><div class="ant-fullcalendar-date" data-reactid="955"><div class="ant-fullcalendar-value" data-reactid="956">02</div><div class="ant-fullcalendar-content" data-reactid="957"></div></div></td><td role="gridcell" title="2017-4-3" class="ant-fullcalendar-cell" data-reactid="958"><div class="ant-fullcalendar-date" data-reactid="959"><div class="ant-fullcalendar-value" data-reactid="960">03</div><div class="ant-fullcalendar-content" data-reactid="961"></div></div></td><td role="gridcell" title="2017-4-4" class="ant-fullcalendar-cell" data-reactid="962"><div class="ant-fullcalendar-date" data-reactid="963"><div class="ant-fullcalendar-value" data-reactid="964">04</div><div class="ant-fullcalendar-content" data-reactid="965"></div></div></td><td role="gridcell" title="2017-4-5" class="ant-fullcalendar-cell" data-reactid="966"><div class="ant-fullcalendar-date" data-reactid="967"><div class="ant-fullcalendar-value" data-reactid="968">05</div><div class="ant-fullcalendar-content" data-reactid="969"></div></div></td><td role="gridcell" title="2017-4-6" class="ant-fullcalendar-cell" data-reactid="970"><div class="ant-fullcalendar-date" data-reactid="971"><div class="ant-fullcalendar-value" data-reactid="972">06</div><div class="ant-fullcalendar-content" data-reactid="973"></div></div></td><td role="gridcell" title="2017-4-7" class="ant-fullcalendar-cell" data-reactid="974"><div class="ant-fullcalendar-date" data-reactid="975"><div class="ant-fullcalendar-value" data-reactid="976">07</div><div class="ant-fullcalendar-content" data-reactid="977"></div></div></td><td role="gridcell" title="2017-4-8" class="ant-fullcalendar-cell" data-reactid="978"><div class="ant-fullcalendar-date" data-reactid="979"><div class="ant-fullcalendar-value" data-reactid="980">08</div><div class="ant-fullcalendar-content" data-reactid="981"></div></div></td></tr><tr role="row" class="" data-reactid="982"><td role="gridcell" title="2017-4-9" class="ant-fullcalendar-cell" data-reactid="983"><div class="ant-fullcalendar-date" data-reactid="984"><div class="ant-fullcalendar-value" data-reactid="985">09</div><div class="ant-fullcalendar-content" data-reactid="986"></div></div></td><td role="gridcell" title="2017-4-10" class="ant-fullcalendar-cell" data-reactid="987"><div class="ant-fullcalendar-date" data-reactid="988"><div class="ant-fullcalendar-value" data-reactid="989">10</div><div class="ant-fullcalendar-content" data-reactid="990"></div></div></td><td role="gridcell" title="2017-4-11" class="ant-fullcalendar-cell" data-reactid="991"><div class="ant-fullcalendar-date" data-reactid="992"><div class="ant-fullcalendar-value" data-reactid="993">11</div><div class="ant-fullcalendar-content" data-reactid="994"></div></div></td><td role="gridcell" title="2017-4-12" class="ant-fullcalendar-cell" data-reactid="995"><div class="ant-fullcalendar-date" data-reactid="996"><div class="ant-fullcalendar-value" data-reactid="997">12</div><div class="ant-fullcalendar-content" data-reactid="998"></div></div></td><td role="gridcell" title="2017-4-13" class="ant-fullcalendar-cell" data-reactid="999"><div class="ant-fullcalendar-date" data-reactid="1000"><div class="ant-fullcalendar-value" data-reactid="1001">13</div><div class="ant-fullcalendar-content" data-reactid="1002"></div></div></td><td role="gridcell" title="2017-4-14" class="ant-fullcalendar-cell" data-reactid="1003"><div class="ant-fullcalendar-date" data-reactid="1004"><div class="ant-fullcalendar-value" data-reactid="1005">14</div><div class="ant-fullcalendar-content" data-reactid="1006"></div></div></td><td role="gridcell" title="2017-4-15" class="ant-fullcalendar-cell" data-reactid="1007"><div class="ant-fullcalendar-date" data-reactid="1008"><div class="ant-fullcalendar-value" data-reactid="1009">15</div><div class="ant-fullcalendar-content" data-reactid="1010"></div></div></td></tr><tr role="row" class="" data-reactid="1011"><td role="gridcell" title="2017-4-16" class="ant-fullcalendar-cell" data-reactid="1012"><div class="ant-fullcalendar-date" data-reactid="1013"><div class="ant-fullcalendar-value" data-reactid="1014">16</div><div class="ant-fullcalendar-content" data-reactid="1015"></div></div></td><td role="gridcell" title="2017-4-17" class="ant-fullcalendar-cell" data-reactid="1016"><div class="ant-fullcalendar-date" data-reactid="1017"><div class="ant-fullcalendar-value" data-reactid="1018">17</div><div class="ant-fullcalendar-content" data-reactid="1019"></div></div></td><td role="gridcell" title="2017-4-18" class="ant-fullcalendar-cell" data-reactid="1020"><div class="ant-fullcalendar-date" data-reactid="1021"><div class="ant-fullcalendar-value" data-reactid="1022">18</div><div class="ant-fullcalendar-content" data-reactid="1023"></div></div></td><td role="gridcell" title="2017-4-19" class="ant-fullcalendar-cell" data-reactid="1024"><div class="ant-fullcalendar-date" data-reactid="1025"><div class="ant-fullcalendar-value" data-reactid="1026">19</div><div class="ant-fullcalendar-content" data-reactid="1027"></div></div></td><td role="gridcell" title="2017-4-20" class="ant-fullcalendar-cell" data-reactid="1028"><div class="ant-fullcalendar-date" data-reactid="1029"><div class="ant-fullcalendar-value" data-reactid="1030">20</div><div class="ant-fullcalendar-content" data-reactid="1031"></div></div></td><td role="gridcell" title="2017-4-21" class="ant-fullcalendar-cell" data-reactid="1032"><div class="ant-fullcalendar-date" data-reactid="1033"><div class="ant-fullcalendar-value" data-reactid="1034">21</div><div class="ant-fullcalendar-content" data-reactid="1035"></div></div></td><td role="gridcell" title="2017-4-22" class="ant-fullcalendar-cell" data-reactid="1036"><div class="ant-fullcalendar-date" data-reactid="1037"><div class="ant-fullcalendar-value" data-reactid="1038">22</div><div class="ant-fullcalendar-content" data-reactid="1039"></div></div></td></tr><tr role="row" class="ant-fullcalendar-current-week ant-fullcalendar-active-week" data-reactid="1040"><td role="gridcell" title="2017-4-23" class="ant-fullcalendar-cell" data-reactid="1041"><div class="ant-fullcalendar-date" data-reactid="1042"><div class="ant-fullcalendar-value" data-reactid="1043">23</div><div class="ant-fullcalendar-content" data-reactid="1044"></div></div></td><td role="gridcell" title="2017-4-24" class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day" data-reactid="1045"><div class="ant-fullcalendar-date" data-reactid="1046"><div class="ant-fullcalendar-value" data-reactid="1047">24</div><div class="ant-fullcalendar-content" data-reactid="1048"></div></div></td><td role="gridcell" title="2017-4-25" class="ant-fullcalendar-cell" data-reactid="1049"><div class="ant-fullcalendar-date" data-reactid="1050"><div class="ant-fullcalendar-value" data-reactid="1051">25</div><div class="ant-fullcalendar-content" data-reactid="1052"></div></div></td><td role="gridcell" title="2017-4-26" class="ant-fullcalendar-cell" data-reactid="1053"><div class="ant-fullcalendar-date" data-reactid="1054"><div class="ant-fullcalendar-value" data-reactid="1055">26</div><div class="ant-fullcalendar-content" data-reactid="1056"></div></div></td><td role="gridcell" title="2017-4-27" class="ant-fullcalendar-cell" data-reactid="1057"><div class="ant-fullcalendar-date" data-reactid="1058"><div class="ant-fullcalendar-value" data-reactid="1059">27</div><div class="ant-fullcalendar-content" data-reactid="1060"></div></div></td><td role="gridcell" title="2017-4-28" class="ant-fullcalendar-cell" data-reactid="1061"><div class="ant-fullcalendar-date" data-reactid="1062"><div class="ant-fullcalendar-value" data-reactid="1063">28</div><div class="ant-fullcalendar-content" data-reactid="1064"></div></div></td><td role="gridcell" title="2017-4-29" class="ant-fullcalendar-cell" data-reactid="1065"><div class="ant-fullcalendar-date" data-reactid="1066"><div class="ant-fullcalendar-value" data-reactid="1067">29</div><div class="ant-fullcalendar-content" data-reactid="1068"></div></div></td></tr><tr role="row" class="" data-reactid="1069"><td role="gridcell" title="2017-4-30" class="ant-fullcalendar-cell" data-reactid="1070"><div class="ant-fullcalendar-date" data-reactid="1071"><div class="ant-fullcalendar-value" data-reactid="1072">30</div><div class="ant-fullcalendar-content" data-reactid="1073"></div></div></td><td role="gridcell" title="2017-5-1" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="1074"><div class="ant-fullcalendar-date" data-reactid="1075"><div class="ant-fullcalendar-value" data-reactid="1076">01</div><div class="ant-fullcalendar-content" data-reactid="1077"></div></div></td><td role="gridcell" title="2017-5-2" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="1078"><div class="ant-fullcalendar-date" data-reactid="1079"><div class="ant-fullcalendar-value" data-reactid="1080">02</div><div class="ant-fullcalendar-content" data-reactid="1081"></div></div></td><td role="gridcell" title="2017-5-3" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="1082"><div class="ant-fullcalendar-date" data-reactid="1083"><div class="ant-fullcalendar-value" data-reactid="1084">03</div><div class="ant-fullcalendar-content" data-reactid="1085"></div></div></td><td role="gridcell" title="2017-5-4" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="1086"><div class="ant-fullcalendar-date" data-reactid="1087"><div class="ant-fullcalendar-value" data-reactid="1088">04</div><div class="ant-fullcalendar-content" data-reactid="1089"></div></div></td><td role="gridcell" title="2017-5-5" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="1090"><div class="ant-fullcalendar-date" data-reactid="1091"><div class="ant-fullcalendar-value" data-reactid="1092">05</div><div class="ant-fullcalendar-content" data-reactid="1093"></div></div></td><td role="gridcell" title="2017-5-6" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="1094"><div class="ant-fullcalendar-date" data-reactid="1095"><div class="ant-fullcalendar-value" data-reactid="1096">06</div><div class="ant-fullcalendar-content" data-reactid="1097"></div></div></td></tr></tbody></table></div></div></div></div></section><section class="code-box-meta markdown" data-reactid="1098"><div class="code-box-title" data-reactid="1099"><a href="#components-calendar-demo-card" data-reactid="1100">卡片模式</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/calendar/demo/card.md" data-reactid="1101"><i class="anticon anticon-edit" data-reactid="1102"></i></a></div><div data-reactid="1103"><p data-reactid="1104"><!-- react-text: 1105 -->用于嵌套在空间有限的容器中。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="1106"></i></section><section class="highlight-wrapper" data-reactid="1107"><div class="highlight" data-reactid="1108"><i class="anticon anticon-copy code-box-code-copy" data-reactid="1109"></i><pre class="language-jsx" data-reactid="1110"><code data-reactid="1111"><span class="token keyword">import</span> <span class="token punctuation">{</span> Calendar <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">onPanelChange</span><span class="token punctuation">(</span>value<span class="token punctuation">,</span> mode<span class="token punctuation">)</span> <span class="token punctuation">{</span>
   console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>value<span class="token punctuation">,</span> mode<span class="token punctuation">)</span><span class="token punctuation">;</span>
diff --git a/components/calendar/index.html b/components/calendar/index.html
index fc4fb298a..99ff6bdd8 100644
--- a/components/calendar/index.html
+++ b/components/calendar/index.html
@@ -110,11 +110,11 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1027563126"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1755292040"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-calendar-demo-basic" data-reactid="294">Basic</a></li><li title="Notice Calendar" data-reactid="295"><a href="#components-calendar-demo-notice-calendar" data-reactid="296">Notice Calendar</a></li><li title="Card" data-reactid="297"><a href="#components-calendar-demo-card" data-reactid="298">Card</a></li><li title="Selectable Calendar" data-reactid="299"><a href="#components-calendar-demo-select" data-reactid="300">Selectable Calendar</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Calendar<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/calendar/index.en-US.md" data-reactid="304"><i class="anticon anticon-edit" data-reactid="305"></i></a></h1><section class="markdown" data-reactid="306"><p data-reactid="307"><!-- react-text: 308 -->Container for displaying data in calendar form.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="309"><span data-reactid="310"><!-- react-text: 311 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="312">#</a></h2><p data-reactid="313"><!-- react-text: 314 -->When data is in the form of date, such as schedule, timetable, prices calendar, Lunar calendar. This component also supports Year/Month switch.<!-- /react-text --></p></section><h2 data-reactid="315"><span data-reactid="316">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="317"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="318"><div style="padding-left:8px;padding-right:8px;" class="ant-col-24 code-boxes-col-1-1" data-reactid="319"><section class="code-box" id="components-calendar-demo-basic" data-reactid="320"><section class="code-box-demo" data-reactid="321"><div class=" ant-fullcalendar-fullscreen" data-reactid="322"><div class="ant-fullcalendar-header" data-reactid="323"><div class="ant-fullcalendar-year-select ant-select ant-select-enabled" data-reactid="324"><div class="ant-select-selection
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-calendar-demo-basic" data-reactid="294">Basic</a></li><li title="Notice Calendar" data-reactid="295"><a href="#components-calendar-demo-notice-calendar" data-reactid="296">Notice Calendar</a></li><li title="Card" data-reactid="297"><a href="#components-calendar-demo-card" data-reactid="298">Card</a></li><li title="Selectable Calendar" data-reactid="299"><a href="#components-calendar-demo-select" data-reactid="300">Selectable Calendar</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Calendar<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/calendar/index.en-US.md" data-reactid="304"><i class="anticon anticon-edit" data-reactid="305"></i></a></h1><section class="markdown" data-reactid="306"><p data-reactid="307"><!-- react-text: 308 -->Container for displaying data in calendar form.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="309"><span data-reactid="310"><!-- react-text: 311 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="312">#</a></h2><p data-reactid="313"><!-- react-text: 314 -->When data is in the form of date, such as schedule, timetable, prices calendar, Lunar calendar. This component also supports Year/Month switch.<!-- /react-text --></p></section><h2 data-reactid="315"><span data-reactid="316">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="317"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="318"><div style="padding-left:8px;padding-right:8px;" class="ant-col-24 code-boxes-col-1-1" data-reactid="319"><section class="code-box" id="components-calendar-demo-basic" data-reactid="320"><section class="code-box-demo" data-reactid="321"><div class=" ant-fullcalendar-fullscreen" data-reactid="322"><div class="ant-fullcalendar-header" data-reactid="323"><div class="ant-fullcalendar-year-select ant-select ant-select-enabled" data-reactid="324"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="325"><div class="ant-select-selection__rendered" data-reactid="326"><div class="ant-select-selection-selected-value" title="2017" style="display:block;opacity:1;" data-reactid="327">2017</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="328"><b data-reactid="329"></b></span></div></div><div class="ant-fullcalendar-month-select ant-select ant-select-enabled" data-reactid="330"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="331"><div class="ant-select-selection__rendered" data-reactid="332"><div class="ant-select-selection-selected-value" title="Apr" style="display:block;opacity:1;" data-reactid="333">Apr</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="334"><b data-reactid="335"></b></span></div></div><div class="ant-radio-group ant-radio-group-default" data-reactid="336"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked" data-reactid="337"><span class="ant-radio-button ant-radio-button-checked" data-reactid="338"><input type="radio" class="ant-radio-button-input" checked="" data-reactid="339"/><span class="ant-radio-button-inner" data-reactid="340"></span></span><span data-reactid="341">Month</span></label><label class="ant-radio-button-wrapper" data-reactid="342"><span class="ant-radio-button" data-reactid="343"><input type="radio" class="ant-radio-button-input" data-reactid="344"/><span class="ant-radio-button-inner" data-reactid="345"></span></span><span data-reactid="346">Year</span></label></div></div><div class="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen" tabindex="0" data-reactid="347"><div class="ant-fullcalendar-calendar-body" data-reactid="348"><table class="ant-fullcalendar-table" cellspacing="0" role="grid" data-reactid="349"><thead data-reactid="350"><tr role="row" data-reactid="351"><th role="columnheader" title="Sun" class="ant-fullcalendar-column-header" data-reactid="352"><span class="ant-fullcalendar-column-header-inner" data-reactid="353">Su</span></th><th role="columnheader" title="Mon" class="ant-fullcalendar-column-header" data-reactid="354"><span class="ant-fullcalendar-column-header-inner" data-reactid="355">Mo</span></th><th role="columnheader" title="Tue" class="ant-fullcalendar-column-header" data-reactid="356"><span class="ant-fullcalendar-column-header-inner" data-reactid="357">Tu</span></th><th role="columnheader" title="Wed" class="ant-fullcalendar-column-header" data-reactid="358"><span class="ant-fullcalendar-column-header-inner" data-reactid="359">We</span></th><th role="columnheader" title="Thu" class="ant-fullcalendar-column-header" data-reactid="360"><span class="ant-fullcalendar-column-header-inner" data-reactid="361">Th</span></th><th role="columnheader" title="Fri" class="ant-fullcalendar-column-header" data-reactid="362"><span class="ant-fullcalendar-column-header-inner" data-reactid="363">Fr</span></th><th role="columnheader" title="Sat" class="ant-fullcalendar-column-header" data-reactid="364"><span class="ant-fullcalendar-column-header-inner" data-reactid="365">Sa</span></th></tr></thead><tbody class="ant-fullcalendar-tbody" data-reactid="366"><tr role="row" class="" data-reactid="367"><td role="gridcell" title="2017-3-26" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="368"><div class="ant-fullcalendar-date" data-reactid="369"><div class="ant-fullcalendar-value" data-reactid="370">26</div><div class="ant-fullcalendar-content" data-reactid="371"></div></div></td><td role="gridcell" title="2017-3-27" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="372"><div class="ant-fullcalendar-date" data-reactid="373"><div class="ant-fullcalendar-value" data-reactid="374">27</div><div class="ant-fullcalendar-content" data-reactid="375"></div></div></td><td role="gridcell" title="2017-3-28" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="376"><div class="ant-fullcalendar-date" data-reactid="377"><div class="ant-fullcalendar-value" data-reactid="378">28</div><div class="ant-fullcalendar-content" data-reactid="379"></div></div></td><td role="gridcell" title="2017-3-29" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="380"><div class="ant-fullcalendar-date" data-reactid="381"><div class="ant-fullcalendar-value" data-reactid="382">29</div><div class="ant-fullcalendar-content" data-reactid="383"></div></div></td><td role="gridcell" title="2017-3-30" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="384"><div class="ant-fullcalendar-date" data-reactid="385"><div class="ant-fullcalendar-value" data-reactid="386">30</div><div class="ant-fullcalendar-content" data-reactid="387"></div></div></td><td role="gridcell" title="2017-3-31" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="388"><div class="ant-fullcalendar-date" data-reactid="389"><div class="ant-fullcalendar-value" data-reactid="390">31</div><div class="ant-fullcalendar-content" data-reactid="391"></div></div></td><td role="gridcell" title="2017-4-1" class="ant-fullcalendar-cell" data-reactid="392"><div class="ant-fullcalendar-date" data-reactid="393"><div class="ant-fullcalendar-value" data-reactid="394">01</div><div class="ant-fullcalendar-content" data-reactid="395"></div></div></td></tr><tr role="row" class="" data-reactid="396"><td role="gridcell" title="2017-4-2" class="ant-fullcalendar-cell" data-reactid="397"><div class="ant-fullcalendar-date" data-reactid="398"><div class="ant-fullcalendar-value" data-reactid="399">02</div><div class="ant-fullcalendar-content" data-reactid="400"></div></div></td><td role="gridcell" title="2017-4-3" class="ant-fullcalendar-cell" data-reactid="401"><div class="ant-fullcalendar-date" data-reactid="402"><div class="ant-fullcalendar-value" data-reactid="403">03</div><div class="ant-fullcalendar-content" data-reactid="404"></div></div></td><td role="gridcell" title="2017-4-4" class="ant-fullcalendar-cell" data-reactid="405"><div class="ant-fullcalendar-date" data-reactid="406"><div class="ant-fullcalendar-value" data-reactid="407">04</div><div class="ant-fullcalendar-content" data-reactid="408"></div></div></td><td role="gridcell" title="2017-4-5" class="ant-fullcalendar-cell" data-reactid="409"><div class="ant-fullcalendar-date" data-reactid="410"><div class="ant-fullcalendar-value" data-reactid="411">05</div><div class="ant-fullcalendar-content" data-reactid="412"></div></div></td><td role="gridcell" title="2017-4-6" class="ant-fullcalendar-cell" data-reactid="413"><div class="ant-fullcalendar-date" data-reactid="414"><div class="ant-fullcalendar-value" data-reactid="415">06</div><div class="ant-fullcalendar-content" data-reactid="416"></div></div></td><td role="gridcell" title="2017-4-7" class="ant-fullcalendar-cell" data-reactid="417"><div class="ant-fullcalendar-date" data-reactid="418"><div class="ant-fullcalendar-value" data-reactid="419">07</div><div class="ant-fullcalendar-content" data-reactid="420"></div></div></td><td role="gridcell" title="2017-4-8" class="ant-fullcalendar-cell" data-reactid="421"><div class="ant-fullcalendar-date" data-reactid="422"><div class="ant-fullcalendar-value" data-reactid="423">08</div><div class="ant-fullcalendar-content" data-reactid="424"></div></div></td></tr><tr role="row" class="" data-reactid="425"><td role="gridcell" title="2017-4-9" class="ant-fullcalendar-cell" data-reactid="426"><div class="ant-fullcalendar-date" data-reactid="427"><div class="ant-fullcalendar-value" data-reactid="428">09</div><div class="ant-fullcalendar-content" data-reactid="429"></div></div></td><td role="gridcell" title="2017-4-10" class="ant-fullcalendar-cell" data-reactid="430"><div class="ant-fullcalendar-date" data-reactid="431"><div class="ant-fullcalendar-value" data-reactid="432">10</div><div class="ant-fullcalendar-content" data-reactid="433"></div></div></td><td role="gridcell" title="2017-4-11" class="ant-fullcalendar-cell" data-reactid="434"><div class="ant-fullcalendar-date" data-reactid="435"><div class="ant-fullcalendar-value" data-reactid="436">11</div><div class="ant-fullcalendar-content" data-reactid="437"></div></div></td><td role="gridcell" title="2017-4-12" class="ant-fullcalendar-cell" data-reactid="438"><div class="ant-fullcalendar-date" data-reactid="439"><div class="ant-fullcalendar-value" data-reactid="440">12</div><div class="ant-fullcalendar-content" data-reactid="441"></div></div></td><td role="gridcell" title="2017-4-13" class="ant-fullcalendar-cell" data-reactid="442"><div class="ant-fullcalendar-date" data-reactid="443"><div class="ant-fullcalendar-value" data-reactid="444">13</div><div class="ant-fullcalendar-content" data-reactid="445"></div></div></td><td role="gridcell" title="2017-4-14" class="ant-fullcalendar-cell" data-reactid="446"><div class="ant-fullcalendar-date" data-reactid="447"><div class="ant-fullcalendar-value" data-reactid="448">14</div><div class="ant-fullcalendar-content" data-reactid="449"></div></div></td><td role="gridcell" title="2017-4-15" class="ant-fullcalendar-cell" data-reactid="450"><div class="ant-fullcalendar-date" data-reactid="451"><div class="ant-fullcalendar-value" data-reactid="452">15</div><div class="ant-fullcalendar-content" data-reactid="453"></div></div></td></tr><tr role="row" class="ant-fullcalendar-current-week ant-fullcalendar-active-week" data-reactid="454"><td role="gridcell" title="2017-4-16" class="ant-fullcalendar-cell" data-reactid="455"><div class="ant-fullcalendar-date" data-reactid="456"><div class="ant-fullcalendar-value" data-reactid="457">16</div><div class="ant-fullcalendar-content" data-reactid="458"></div></div></td><td role="gridcell" title="2017-4-17" class="ant-fullcalendar-cell" data-reactid="459"><div class="ant-fullcalendar-date" data-reactid="460"><div class="ant-fullcalendar-value" data-reactid="461">17</div><div class="ant-fullcalendar-content" data-reactid="462"></div></div></td><td role="gridcell" title="2017-4-18" class="ant-fullcalendar-cell" data-reactid="463"><div class="ant-fullcalendar-date" data-reactid="464"><div class="ant-fullcalendar-value" data-reactid="465">18</div><div class="ant-fullcalendar-content" data-reactid="466"></div></div></td><td role="gridcell" title="2017-4-19" class="ant-fullcalendar-cell" data-reactid="467"><div class="ant-fullcalendar-date" data-reactid="468"><div class="ant-fullcalendar-value" data-reactid="469">19</div><div class="ant-fullcalendar-content" data-reactid="470"></div></div></td><td role="gridcell" title="2017-4-20" class="ant-fullcalendar-cell" data-reactid="471"><div class="ant-fullcalendar-date" data-reactid="472"><div class="ant-fullcalendar-value" data-reactid="473">20</div><div class="ant-fullcalendar-content" data-reactid="474"></div></div></td><td role="gridcell" title="2017-4-21" class="ant-fullcalendar-cell" data-reactid="475"><div class="ant-fullcalendar-date" data-reactid="476"><div class="ant-fullcalendar-value" data-reactid="477">21</div><div class="ant-fullcalendar-content" data-reactid="478"></div></div></td><td role="gridcell" title="2017-4-22" class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day" data-reactid="479"><div class="ant-fullcalendar-date" data-reactid="480"><div class="ant-fullcalendar-value" data-reactid="481">22</div><div class="ant-fullcalendar-content" data-reactid="482"></div></div></td></tr><tr role="row" class="" data-reactid="483"><td role="gridcell" title="2017-4-23" class="ant-fullcalendar-cell" data-reactid="484"><div class="ant-fullcalendar-date" data-reactid="485"><div class="ant-fullcalendar-value" data-reactid="486">23</div><div class="ant-fullcalendar-content" data-reactid="487"></div></div></td><td role="gridcell" title="2017-4-24" class="ant-fullcalendar-cell" data-reactid="488"><div class="ant-fullcalendar-date" data-reactid="489"><div class="ant-fullcalendar-value" data-reactid="490">24</div><div class="ant-fullcalendar-content" data-reactid="491"></div></div></td><td role="gridcell" title="2017-4-25" class="ant-fullcalendar-cell" data-reactid="492"><div class="ant-fullcalendar-date" data-reactid="493"><div class="ant-fullcalendar-value" data-reactid="494">25</div><div class="ant-fullcalendar-content" data-reactid="495"></div></div></td><td role="gridcell" title="2017-4-26" class="ant-fullcalendar-cell" data-reactid="496"><div class="ant-fullcalendar-date" data-reactid="497"><div class="ant-fullcalendar-value" data-reactid="498">26</div><div class="ant-fullcalendar-content" data-reactid="499"></div></div></td><td role="gridcell" title="2017-4-27" class="ant-fullcalendar-cell" data-reactid="500"><div class="ant-fullcalendar-date" data-reactid="501"><div class="ant-fullcalendar-value" data-reactid="502">27</div><div class="ant-fullcalendar-content" data-reactid="503"></div></div></td><td role="gridcell" title="2017-4-28" class="ant-fullcalendar-cell" data-reactid="504"><div class="ant-fullcalendar-date" data-reactid="505"><div class="ant-fullcalendar-value" data-reactid="506">28</div><div class="ant-fullcalendar-content" data-reactid="507"></div></div></td><td role="gridcell" title="2017-4-29" class="ant-fullcalendar-cell" data-reactid="508"><div class="ant-fullcalendar-date" data-reactid="509"><div class="ant-fullcalendar-value" data-reactid="510">29</div><div class="ant-fullcalendar-content" data-reactid="511"></div></div></td></tr><tr role="row" class="" data-reactid="512"><td role="gridcell" title="2017-4-30" class="ant-fullcalendar-cell" data-reactid="513"><div class="ant-fullcalendar-date" data-reactid="514"><div class="ant-fullcalendar-value" data-reactid="515">30</div><div class="ant-fullcalendar-content" data-reactid="516"></div></div></td><td role="gridcell" title="2017-5-1" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="517"><div class="ant-fullcalendar-date" data-reactid="518"><div class="ant-fullcalendar-value" data-reactid="519">01</div><div class="ant-fullcalendar-content" data-reactid="520"></div></div></td><td role="gridcell" title="2017-5-2" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="521"><div class="ant-fullcalendar-date" data-reactid="522"><div class="ant-fullcalendar-value" data-reactid="523">02</div><div class="ant-fullcalendar-content" data-reactid="524"></div></div></td><td role="gridcell" title="2017-5-3" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="525"><div class="ant-fullcalendar-date" data-reactid="526"><div class="ant-fullcalendar-value" data-reactid="527">03</div><div class="ant-fullcalendar-content" data-reactid="528"></div></div></td><td role="gridcell" title="2017-5-4" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="529"><div class="ant-fullcalendar-date" data-reactid="530"><div class="ant-fullcalendar-value" data-reactid="531">04</div><div class="ant-fullcalendar-content" data-reactid="532"></div></div></td><td role="gridcell" title="2017-5-5" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="533"><div class="ant-fullcalendar-date" data-reactid="534"><div class="ant-fullcalendar-value" data-reactid="535">05</div><div class="ant-fullcalendar-content" data-reactid="536"></div></div></td><td role="gridcell" title="2017-5-6" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="537"><div class="ant-fullcalendar-date" data-reactid="538"><div class="ant-fullcalendar-value" data-reactid="539">06</div><div class="ant-fullcalendar-content" data-reactid="540"></div></div></td></tr></tbody></table></div></div></div></section><section class="code-box-meta markdown" data-reactid="541"><div class="code-box-title" data-reactid="542"><a href="#components-calendar-demo-basic" data-reactid="543">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/calendar/demo/basic.md" data-reactid="544"><i class="anticon anticon-edit" data-reactid="545"></i></a></div><div data-reactid="546"><p data-reactid="547"><!-- react-text: 548 -->A basic calendar component with Year/Month switch.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="549"></i></section><section class="highlight-wrapper" data-reactid="550"><div class="highlight" data-reactid="551"><i class="anticon anticon-copy code-box-code-copy" data-reactid="552"></i><pre class="language-jsx" data-reactid="553"><code data-reactid="554"><span class="token keyword">import</span> <span class="token punctuation">{</span> Calendar <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="331"><div class="ant-select-selection__rendered" data-reactid="332"><div class="ant-select-selection-selected-value" title="Apr" style="display:block;opacity:1;" data-reactid="333">Apr</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="334"><b data-reactid="335"></b></span></div></div><div class="ant-radio-group ant-radio-group-default" data-reactid="336"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked" data-reactid="337"><span class="ant-radio-button ant-radio-button-checked" data-reactid="338"><input type="radio" class="ant-radio-button-input" checked="" data-reactid="339"/><span class="ant-radio-button-inner" data-reactid="340"></span></span><span data-reactid="341">Month</span></label><label class="ant-radio-button-wrapper" data-reactid="342"><span class="ant-radio-button" data-reactid="343"><input type="radio" class="ant-radio-button-input" data-reactid="344"/><span class="ant-radio-button-inner" data-reactid="345"></span></span><span data-reactid="346">Year</span></label></div></div><div class="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen" tabindex="0" data-reactid="347"><div class="ant-fullcalendar-calendar-body" data-reactid="348"><table class="ant-fullcalendar-table" cellspacing="0" role="grid" data-reactid="349"><thead data-reactid="350"><tr role="row" data-reactid="351"><th role="columnheader" title="Sun" class="ant-fullcalendar-column-header" data-reactid="352"><span class="ant-fullcalendar-column-header-inner" data-reactid="353">Su</span></th><th role="columnheader" title="Mon" class="ant-fullcalendar-column-header" data-reactid="354"><span class="ant-fullcalendar-column-header-inner" data-reactid="355">Mo</span></th><th role="columnheader" title="Tue" class="ant-fullcalendar-column-header" data-reactid="356"><span class="ant-fullcalendar-column-header-inner" data-reactid="357">Tu</span></th><th role="columnheader" title="Wed" class="ant-fullcalendar-column-header" data-reactid="358"><span class="ant-fullcalendar-column-header-inner" data-reactid="359">We</span></th><th role="columnheader" title="Thu" class="ant-fullcalendar-column-header" data-reactid="360"><span class="ant-fullcalendar-column-header-inner" data-reactid="361">Th</span></th><th role="columnheader" title="Fri" class="ant-fullcalendar-column-header" data-reactid="362"><span class="ant-fullcalendar-column-header-inner" data-reactid="363">Fr</span></th><th role="columnheader" title="Sat" class="ant-fullcalendar-column-header" data-reactid="364"><span class="ant-fullcalendar-column-header-inner" data-reactid="365">Sa</span></th></tr></thead><tbody class="ant-fullcalendar-tbody" data-reactid="366"><tr role="row" class="" data-reactid="367"><td role="gridcell" title="2017-3-26" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="368"><div class="ant-fullcalendar-date" data-reactid="369"><div class="ant-fullcalendar-value" data-reactid="370">26</div><div class="ant-fullcalendar-content" data-reactid="371"></div></div></td><td role="gridcell" title="2017-3-27" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="372"><div class="ant-fullcalendar-date" data-reactid="373"><div class="ant-fullcalendar-value" data-reactid="374">27</div><div class="ant-fullcalendar-content" data-reactid="375"></div></div></td><td role="gridcell" title="2017-3-28" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="376"><div class="ant-fullcalendar-date" data-reactid="377"><div class="ant-fullcalendar-value" data-reactid="378">28</div><div class="ant-fullcalendar-content" data-reactid="379"></div></div></td><td role="gridcell" title="2017-3-29" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="380"><div class="ant-fullcalendar-date" data-reactid="381"><div class="ant-fullcalendar-value" data-reactid="382">29</div><div class="ant-fullcalendar-content" data-reactid="383"></div></div></td><td role="gridcell" title="2017-3-30" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="384"><div class="ant-fullcalendar-date" data-reactid="385"><div class="ant-fullcalendar-value" data-reactid="386">30</div><div class="ant-fullcalendar-content" data-reactid="387"></div></div></td><td role="gridcell" title="2017-3-31" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="388"><div class="ant-fullcalendar-date" data-reactid="389"><div class="ant-fullcalendar-value" data-reactid="390">31</div><div class="ant-fullcalendar-content" data-reactid="391"></div></div></td><td role="gridcell" title="2017-4-1" class="ant-fullcalendar-cell" data-reactid="392"><div class="ant-fullcalendar-date" data-reactid="393"><div class="ant-fullcalendar-value" data-reactid="394">01</div><div class="ant-fullcalendar-content" data-reactid="395"></div></div></td></tr><tr role="row" class="" data-reactid="396"><td role="gridcell" title="2017-4-2" class="ant-fullcalendar-cell" data-reactid="397"><div class="ant-fullcalendar-date" data-reactid="398"><div class="ant-fullcalendar-value" data-reactid="399">02</div><div class="ant-fullcalendar-content" data-reactid="400"></div></div></td><td role="gridcell" title="2017-4-3" class="ant-fullcalendar-cell" data-reactid="401"><div class="ant-fullcalendar-date" data-reactid="402"><div class="ant-fullcalendar-value" data-reactid="403">03</div><div class="ant-fullcalendar-content" data-reactid="404"></div></div></td><td role="gridcell" title="2017-4-4" class="ant-fullcalendar-cell" data-reactid="405"><div class="ant-fullcalendar-date" data-reactid="406"><div class="ant-fullcalendar-value" data-reactid="407">04</div><div class="ant-fullcalendar-content" data-reactid="408"></div></div></td><td role="gridcell" title="2017-4-5" class="ant-fullcalendar-cell" data-reactid="409"><div class="ant-fullcalendar-date" data-reactid="410"><div class="ant-fullcalendar-value" data-reactid="411">05</div><div class="ant-fullcalendar-content" data-reactid="412"></div></div></td><td role="gridcell" title="2017-4-6" class="ant-fullcalendar-cell" data-reactid="413"><div class="ant-fullcalendar-date" data-reactid="414"><div class="ant-fullcalendar-value" data-reactid="415">06</div><div class="ant-fullcalendar-content" data-reactid="416"></div></div></td><td role="gridcell" title="2017-4-7" class="ant-fullcalendar-cell" data-reactid="417"><div class="ant-fullcalendar-date" data-reactid="418"><div class="ant-fullcalendar-value" data-reactid="419">07</div><div class="ant-fullcalendar-content" data-reactid="420"></div></div></td><td role="gridcell" title="2017-4-8" class="ant-fullcalendar-cell" data-reactid="421"><div class="ant-fullcalendar-date" data-reactid="422"><div class="ant-fullcalendar-value" data-reactid="423">08</div><div class="ant-fullcalendar-content" data-reactid="424"></div></div></td></tr><tr role="row" class="" data-reactid="425"><td role="gridcell" title="2017-4-9" class="ant-fullcalendar-cell" data-reactid="426"><div class="ant-fullcalendar-date" data-reactid="427"><div class="ant-fullcalendar-value" data-reactid="428">09</div><div class="ant-fullcalendar-content" data-reactid="429"></div></div></td><td role="gridcell" title="2017-4-10" class="ant-fullcalendar-cell" data-reactid="430"><div class="ant-fullcalendar-date" data-reactid="431"><div class="ant-fullcalendar-value" data-reactid="432">10</div><div class="ant-fullcalendar-content" data-reactid="433"></div></div></td><td role="gridcell" title="2017-4-11" class="ant-fullcalendar-cell" data-reactid="434"><div class="ant-fullcalendar-date" data-reactid="435"><div class="ant-fullcalendar-value" data-reactid="436">11</div><div class="ant-fullcalendar-content" data-reactid="437"></div></div></td><td role="gridcell" title="2017-4-12" class="ant-fullcalendar-cell" data-reactid="438"><div class="ant-fullcalendar-date" data-reactid="439"><div class="ant-fullcalendar-value" data-reactid="440">12</div><div class="ant-fullcalendar-content" data-reactid="441"></div></div></td><td role="gridcell" title="2017-4-13" class="ant-fullcalendar-cell" data-reactid="442"><div class="ant-fullcalendar-date" data-reactid="443"><div class="ant-fullcalendar-value" data-reactid="444">13</div><div class="ant-fullcalendar-content" data-reactid="445"></div></div></td><td role="gridcell" title="2017-4-14" class="ant-fullcalendar-cell" data-reactid="446"><div class="ant-fullcalendar-date" data-reactid="447"><div class="ant-fullcalendar-value" data-reactid="448">14</div><div class="ant-fullcalendar-content" data-reactid="449"></div></div></td><td role="gridcell" title="2017-4-15" class="ant-fullcalendar-cell" data-reactid="450"><div class="ant-fullcalendar-date" data-reactid="451"><div class="ant-fullcalendar-value" data-reactid="452">15</div><div class="ant-fullcalendar-content" data-reactid="453"></div></div></td></tr><tr role="row" class="" data-reactid="454"><td role="gridcell" title="2017-4-16" class="ant-fullcalendar-cell" data-reactid="455"><div class="ant-fullcalendar-date" data-reactid="456"><div class="ant-fullcalendar-value" data-reactid="457">16</div><div class="ant-fullcalendar-content" data-reactid="458"></div></div></td><td role="gridcell" title="2017-4-17" class="ant-fullcalendar-cell" data-reactid="459"><div class="ant-fullcalendar-date" data-reactid="460"><div class="ant-fullcalendar-value" data-reactid="461">17</div><div class="ant-fullcalendar-content" data-reactid="462"></div></div></td><td role="gridcell" title="2017-4-18" class="ant-fullcalendar-cell" data-reactid="463"><div class="ant-fullcalendar-date" data-reactid="464"><div class="ant-fullcalendar-value" data-reactid="465">18</div><div class="ant-fullcalendar-content" data-reactid="466"></div></div></td><td role="gridcell" title="2017-4-19" class="ant-fullcalendar-cell" data-reactid="467"><div class="ant-fullcalendar-date" data-reactid="468"><div class="ant-fullcalendar-value" data-reactid="469">19</div><div class="ant-fullcalendar-content" data-reactid="470"></div></div></td><td role="gridcell" title="2017-4-20" class="ant-fullcalendar-cell" data-reactid="471"><div class="ant-fullcalendar-date" data-reactid="472"><div class="ant-fullcalendar-value" data-reactid="473">20</div><div class="ant-fullcalendar-content" data-reactid="474"></div></div></td><td role="gridcell" title="2017-4-21" class="ant-fullcalendar-cell" data-reactid="475"><div class="ant-fullcalendar-date" data-reactid="476"><div class="ant-fullcalendar-value" data-reactid="477">21</div><div class="ant-fullcalendar-content" data-reactid="478"></div></div></td><td role="gridcell" title="2017-4-22" class="ant-fullcalendar-cell" data-reactid="479"><div class="ant-fullcalendar-date" data-reactid="480"><div class="ant-fullcalendar-value" data-reactid="481">22</div><div class="ant-fullcalendar-content" data-reactid="482"></div></div></td></tr><tr role="row" class="ant-fullcalendar-current-week ant-fullcalendar-active-week" data-reactid="483"><td role="gridcell" title="2017-4-23" class="ant-fullcalendar-cell" data-reactid="484"><div class="ant-fullcalendar-date" data-reactid="485"><div class="ant-fullcalendar-value" data-reactid="486">23</div><div class="ant-fullcalendar-content" data-reactid="487"></div></div></td><td role="gridcell" title="2017-4-24" class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day" data-reactid="488"><div class="ant-fullcalendar-date" data-reactid="489"><div class="ant-fullcalendar-value" data-reactid="490">24</div><div class="ant-fullcalendar-content" data-reactid="491"></div></div></td><td role="gridcell" title="2017-4-25" class="ant-fullcalendar-cell" data-reactid="492"><div class="ant-fullcalendar-date" data-reactid="493"><div class="ant-fullcalendar-value" data-reactid="494">25</div><div class="ant-fullcalendar-content" data-reactid="495"></div></div></td><td role="gridcell" title="2017-4-26" class="ant-fullcalendar-cell" data-reactid="496"><div class="ant-fullcalendar-date" data-reactid="497"><div class="ant-fullcalendar-value" data-reactid="498">26</div><div class="ant-fullcalendar-content" data-reactid="499"></div></div></td><td role="gridcell" title="2017-4-27" class="ant-fullcalendar-cell" data-reactid="500"><div class="ant-fullcalendar-date" data-reactid="501"><div class="ant-fullcalendar-value" data-reactid="502">27</div><div class="ant-fullcalendar-content" data-reactid="503"></div></div></td><td role="gridcell" title="2017-4-28" class="ant-fullcalendar-cell" data-reactid="504"><div class="ant-fullcalendar-date" data-reactid="505"><div class="ant-fullcalendar-value" data-reactid="506">28</div><div class="ant-fullcalendar-content" data-reactid="507"></div></div></td><td role="gridcell" title="2017-4-29" class="ant-fullcalendar-cell" data-reactid="508"><div class="ant-fullcalendar-date" data-reactid="509"><div class="ant-fullcalendar-value" data-reactid="510">29</div><div class="ant-fullcalendar-content" data-reactid="511"></div></div></td></tr><tr role="row" class="" data-reactid="512"><td role="gridcell" title="2017-4-30" class="ant-fullcalendar-cell" data-reactid="513"><div class="ant-fullcalendar-date" data-reactid="514"><div class="ant-fullcalendar-value" data-reactid="515">30</div><div class="ant-fullcalendar-content" data-reactid="516"></div></div></td><td role="gridcell" title="2017-5-1" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="517"><div class="ant-fullcalendar-date" data-reactid="518"><div class="ant-fullcalendar-value" data-reactid="519">01</div><div class="ant-fullcalendar-content" data-reactid="520"></div></div></td><td role="gridcell" title="2017-5-2" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="521"><div class="ant-fullcalendar-date" data-reactid="522"><div class="ant-fullcalendar-value" data-reactid="523">02</div><div class="ant-fullcalendar-content" data-reactid="524"></div></div></td><td role="gridcell" title="2017-5-3" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="525"><div class="ant-fullcalendar-date" data-reactid="526"><div class="ant-fullcalendar-value" data-reactid="527">03</div><div class="ant-fullcalendar-content" data-reactid="528"></div></div></td><td role="gridcell" title="2017-5-4" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="529"><div class="ant-fullcalendar-date" data-reactid="530"><div class="ant-fullcalendar-value" data-reactid="531">04</div><div class="ant-fullcalendar-content" data-reactid="532"></div></div></td><td role="gridcell" title="2017-5-5" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="533"><div class="ant-fullcalendar-date" data-reactid="534"><div class="ant-fullcalendar-value" data-reactid="535">05</div><div class="ant-fullcalendar-content" data-reactid="536"></div></div></td><td role="gridcell" title="2017-5-6" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="537"><div class="ant-fullcalendar-date" data-reactid="538"><div class="ant-fullcalendar-value" data-reactid="539">06</div><div class="ant-fullcalendar-content" data-reactid="540"></div></div></td></tr></tbody></table></div></div></div></section><section class="code-box-meta markdown" data-reactid="541"><div class="code-box-title" data-reactid="542"><a href="#components-calendar-demo-basic" data-reactid="543">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/calendar/demo/basic.md" data-reactid="544"><i class="anticon anticon-edit" data-reactid="545"></i></a></div><div data-reactid="546"><p data-reactid="547"><!-- react-text: 548 -->A basic calendar component with Year/Month switch.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="549"></i></section><section class="highlight-wrapper" data-reactid="550"><div class="highlight" data-reactid="551"><i class="anticon anticon-copy code-box-code-copy" data-reactid="552"></i><pre class="language-jsx" data-reactid="553"><code data-reactid="554"><span class="token keyword">import</span> <span class="token punctuation">{</span> Calendar <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">onPanelChange</span><span class="token punctuation">(</span>value<span class="token punctuation">,</span> mode<span class="token punctuation">)</span> <span class="token punctuation">{</span>
   console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>value<span class="token punctuation">,</span> mode<span class="token punctuation">)</span><span class="token punctuation">;</span>
@@ -124,7 +124,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Calendar</span> <span class="token attr-name">onPanelChange</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span>onPanelChange<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>
 <span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-calendar-demo-notice-calendar" data-reactid="555"><section class="code-box-demo" data-reactid="556"><div class=" ant-fullcalendar-fullscreen" data-reactid="557"><div class="ant-fullcalendar-header" data-reactid="558"><div class="ant-fullcalendar-year-select ant-select ant-select-enabled" data-reactid="559"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="560"><div class="ant-select-selection__rendered" data-reactid="561"><div class="ant-select-selection-selected-value" title="2017" style="display:block;opacity:1;" data-reactid="562">2017</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="563"><b data-reactid="564"></b></span></div></div><div class="ant-fullcalendar-month-select ant-select ant-select-enabled" data-reactid="565"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="566"><div class="ant-select-selection__rendered" data-reactid="567"><div class="ant-select-selection-selected-value" title="Apr" style="display:block;opacity:1;" data-reactid="568">Apr</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="569"><b data-reactid="570"></b></span></div></div><div class="ant-radio-group ant-radio-group-default" data-reactid="571"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked" data-reactid="572"><span class="ant-radio-button ant-radio-button-checked" data-reactid="573"><input type="radio" class="ant-radio-button-input" checked="" data-reactid="574"/><span class="ant-radio-button-inner" data-reactid="575"></span></span><span data-reactid="576">Month</span></label><label class="ant-radio-button-wrapper" data-reactid="577"><span class="ant-radio-button" data-reactid="578"><input type="radio" class="ant-radio-button-input" data-reactid="579"/><span class="ant-radio-button-inner" data-reactid="580"></span></span><span data-reactid="581">Year</span></label></div></div><div class="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen" tabindex="0" data-reactid="582"><div class="ant-fullcalendar-calendar-body" data-reactid="583"><table class="ant-fullcalendar-table" cellspacing="0" role="grid" data-reactid="584"><thead data-reactid="585"><tr role="row" data-reactid="586"><th role="columnheader" title="Sun" class="ant-fullcalendar-column-header" data-reactid="587"><span class="ant-fullcalendar-column-header-inner" data-reactid="588">Su</span></th><th role="columnheader" title="Mon" class="ant-fullcalendar-column-header" data-reactid="589"><span class="ant-fullcalendar-column-header-inner" data-reactid="590">Mo</span></th><th role="columnheader" title="Tue" class="ant-fullcalendar-column-header" data-reactid="591"><span class="ant-fullcalendar-column-header-inner" data-reactid="592">Tu</span></th><th role="columnheader" title="Wed" class="ant-fullcalendar-column-header" data-reactid="593"><span class="ant-fullcalendar-column-header-inner" data-reactid="594">We</span></th><th role="columnheader" title="Thu" class="ant-fullcalendar-column-header" data-reactid="595"><span class="ant-fullcalendar-column-header-inner" data-reactid="596">Th</span></th><th role="columnheader" title="Fri" class="ant-fullcalendar-column-header" data-reactid="597"><span class="ant-fullcalendar-column-header-inner" data-reactid="598">Fr</span></th><th role="columnheader" title="Sat" class="ant-fullcalendar-column-header" data-reactid="599"><span class="ant-fullcalendar-column-header-inner" data-reactid="600">Sa</span></th></tr></thead><tbody class="ant-fullcalendar-tbody" data-reactid="601"><tr role="row" class="" data-reactid="602"><td role="gridcell" title="2017-3-26" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="603"><div class="ant-fullcalendar-date" data-reactid="604"><div class="ant-fullcalendar-value" data-reactid="605">26</div><div class="ant-fullcalendar-content" data-reactid="606"><ul class="events" data-reactid="607"></ul></div></div></td><td role="gridcell" title="2017-3-27" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="608"><div class="ant-fullcalendar-date" data-reactid="609"><div class="ant-fullcalendar-value" data-reactid="610">27</div><div class="ant-fullcalendar-content" data-reactid="611"><ul class="events" data-reactid="612"></ul></div></div></td><td role="gridcell" title="2017-3-28" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="613"><div class="ant-fullcalendar-date" data-reactid="614"><div class="ant-fullcalendar-value" data-reactid="615">28</div><div class="ant-fullcalendar-content" data-reactid="616"><ul class="events" data-reactid="617"></ul></div></div></td><td role="gridcell" title="2017-3-29" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="618"><div class="ant-fullcalendar-date" data-reactid="619"><div class="ant-fullcalendar-value" data-reactid="620">29</div><div class="ant-fullcalendar-content" data-reactid="621"><ul class="events" data-reactid="622"></ul></div></div></td><td role="gridcell" title="2017-3-30" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="623"><div class="ant-fullcalendar-date" data-reactid="624"><div class="ant-fullcalendar-value" data-reactid="625">30</div><div class="ant-fullcalendar-content" data-reactid="626"><ul class="events" data-reactid="627"></ul></div></div></td><td role="gridcell" title="2017-3-31" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="628"><div class="ant-fullcalendar-date" data-reactid="629"><div class="ant-fullcalendar-value" data-reactid="630">31</div><div class="ant-fullcalendar-content" data-reactid="631"><ul class="events" data-reactid="632"></ul></div></div></td><td role="gridcell" title="2017-4-1" class="ant-fullcalendar-cell" data-reactid="633"><div class="ant-fullcalendar-date" data-reactid="634"><div class="ant-fullcalendar-value" data-reactid="635">01</div><div class="ant-fullcalendar-content" data-reactid="636"><ul class="events" data-reactid="637"></ul></div></div></td></tr><tr role="row" class="" data-reactid="638"><td role="gridcell" title="2017-4-2" class="ant-fullcalendar-cell" data-reactid="639"><div class="ant-fullcalendar-date" data-reactid="640"><div class="ant-fullcalendar-value" data-reactid="641">02</div><div class="ant-fullcalendar-content" data-reactid="642"><ul class="events" data-reactid="643"></ul></div></div></td><td role="gridcell" title="2017-4-3" class="ant-fullcalendar-cell" data-reactid="644"><div class="ant-fullcalendar-date" data-reactid="645"><div class="ant-fullcalendar-value" data-reactid="646">03</div><div class="ant-fullcalendar-content" data-reactid="647"><ul class="events" data-reactid="648"></ul></div></div></td><td role="gridcell" title="2017-4-4" class="ant-fullcalendar-cell" data-reactid="649"><div class="ant-fullcalendar-date" data-reactid="650"><div class="ant-fullcalendar-value" data-reactid="651">04</div><div class="ant-fullcalendar-content" data-reactid="652"><ul class="events" data-reactid="653"></ul></div></div></td><td role="gridcell" title="2017-4-5" class="ant-fullcalendar-cell" data-reactid="654"><div class="ant-fullcalendar-date" data-reactid="655"><div class="ant-fullcalendar-value" data-reactid="656">05</div><div class="ant-fullcalendar-content" data-reactid="657"><ul class="events" data-reactid="658"></ul></div></div></td><td role="gridcell" title="2017-4-6" class="ant-fullcalendar-cell" data-reactid="659"><div class="ant-fullcalendar-date" data-reactid="660"><div class="ant-fullcalendar-value" data-reactid="661">06</div><div class="ant-fullcalendar-content" data-reactid="662"><ul class="events" data-reactid="663"></ul></div></div></td><td role="gridcell" title="2017-4-7" class="ant-fullcalendar-cell" data-reactid="664"><div class="ant-fullcalendar-date" data-reactid="665"><div class="ant-fullcalendar-value" data-reactid="666">07</div><div class="ant-fullcalendar-content" data-reactid="667"><ul class="events" data-reactid="668"></ul></div></div></td><td role="gridcell" title="2017-4-8" class="ant-fullcalendar-cell" data-reactid="669"><div class="ant-fullcalendar-date" data-reactid="670"><div class="ant-fullcalendar-value" data-reactid="671">08</div><div class="ant-fullcalendar-content" data-reactid="672"><ul class="events" data-reactid="673"><li data-reactid="674"><span class="event-warning" data-reactid="675">●</span><!-- react-text: 676 -->This is warning event.<!-- /react-text --></li><li data-reactid="677"><span class="event-normal" data-reactid="678">●</span><!-- react-text: 679 -->This is usual event.<!-- /react-text --></li></ul></div></div></td></tr><tr role="row" class="" data-reactid="680"><td role="gridcell" title="2017-4-9" class="ant-fullcalendar-cell" data-reactid="681"><div class="ant-fullcalendar-date" data-reactid="682"><div class="ant-fullcalendar-value" data-reactid="683">09</div><div class="ant-fullcalendar-content" data-reactid="684"><ul class="events" data-reactid="685"></ul></div></div></td><td role="gridcell" title="2017-4-10" class="ant-fullcalendar-cell" data-reactid="686"><div class="ant-fullcalendar-date" data-reactid="687"><div class="ant-fullcalendar-value" data-reactid="688">10</div><div class="ant-fullcalendar-content" data-reactid="689"><ul class="events" data-reactid="690"><li data-reactid="691"><span class="event-warning" data-reactid="692">●</span><!-- react-text: 693 -->This is warning event.<!-- /react-text --></li><li data-reactid="694"><span class="event-normal" data-reactid="695">●</span><!-- react-text: 696 -->This is usual event.<!-- /react-text --></li><li data-reactid="697"><span class="event-error" data-reactid="698">●</span><!-- react-text: 699 -->This is error event.<!-- /react-text --></li></ul></div></div></td><td role="gridcell" title="2017-4-11" class="ant-fullcalendar-cell" data-reactid="700"><div class="ant-fullcalendar-date" data-reactid="701"><div class="ant-fullcalendar-value" data-reactid="702">11</div><div class="ant-fullcalendar-content" data-reactid="703"><ul class="events" data-reactid="704"></ul></div></div></td><td role="gridcell" title="2017-4-12" class="ant-fullcalendar-cell" data-reactid="705"><div class="ant-fullcalendar-date" data-reactid="706"><div class="ant-fullcalendar-value" data-reactid="707">12</div><div class="ant-fullcalendar-content" data-reactid="708"><ul class="events" data-reactid="709"></ul></div></div></td><td role="gridcell" title="2017-4-13" class="ant-fullcalendar-cell" data-reactid="710"><div class="ant-fullcalendar-date" data-reactid="711"><div class="ant-fullcalendar-value" data-reactid="712">13</div><div class="ant-fullcalendar-content" data-reactid="713"><ul class="events" data-reactid="714"></ul></div></div></td><td role="gridcell" title="2017-4-14" class="ant-fullcalendar-cell" data-reactid="715"><div class="ant-fullcalendar-date" data-reactid="716"><div class="ant-fullcalendar-value" data-reactid="717">14</div><div class="ant-fullcalendar-content" data-reactid="718"><ul class="events" data-reactid="719"></ul></div></div></td><td role="gridcell" title="2017-4-15" class="ant-fullcalendar-cell" data-reactid="720"><div class="ant-fullcalendar-date" data-reactid="721"><div class="ant-fullcalendar-value" data-reactid="722">15</div><div class="ant-fullcalendar-content" data-reactid="723"><ul class="events" data-reactid="724"><li data-reactid="725"><span class="event-warning" data-reactid="726">●</span><!-- react-text: 727 -->This is warning event<!-- /react-text --></li><li data-reactid="728"><span class="event-normal" data-reactid="729">●</span><!-- react-text: 730 -->This is very long usual event。。....<!-- /react-text --></li><li data-reactid="731"><span class="event-error" data-reactid="732">●</span><!-- react-text: 733 -->This is error event 1.<!-- /react-text --></li><li data-reactid="734"><span class="event-error" data-reactid="735">●</span><!-- react-text: 736 -->This is error event 2.<!-- /react-text --></li><li data-reactid="737"><span class="event-error" data-reactid="738">●</span><!-- react-text: 739 -->This is error event 3.<!-- /react-text --></li><li data-reactid="740"><span class="event-error" data-reactid="741">●</span><!-- react-text: 742 -->This is error event 4.<!-- /react-text --></li></ul></div></div></td></tr><tr role="row" class="ant-fullcalendar-current-week ant-fullcalendar-active-week" data-reactid="743"><td role="gridcell" title="2017-4-16" class="ant-fullcalendar-cell" data-reactid="744"><div class="ant-fullcalendar-date" data-reactid="745"><div class="ant-fullcalendar-value" data-reactid="746">16</div><div class="ant-fullcalendar-content" data-reactid="747"><ul class="events" data-reactid="748"></ul></div></div></td><td role="gridcell" title="2017-4-17" class="ant-fullcalendar-cell" data-reactid="749"><div class="ant-fullcalendar-date" data-reactid="750"><div class="ant-fullcalendar-value" data-reactid="751">17</div><div class="ant-fullcalendar-content" data-reactid="752"><ul class="events" data-reactid="753"></ul></div></div></td><td role="gridcell" title="2017-4-18" class="ant-fullcalendar-cell" data-reactid="754"><div class="ant-fullcalendar-date" data-reactid="755"><div class="ant-fullcalendar-value" data-reactid="756">18</div><div class="ant-fullcalendar-content" data-reactid="757"><ul class="events" data-reactid="758"></ul></div></div></td><td role="gridcell" title="2017-4-19" class="ant-fullcalendar-cell" data-reactid="759"><div class="ant-fullcalendar-date" data-reactid="760"><div class="ant-fullcalendar-value" data-reactid="761">19</div><div class="ant-fullcalendar-content" data-reactid="762"><ul class="events" data-reactid="763"></ul></div></div></td><td role="gridcell" title="2017-4-20" class="ant-fullcalendar-cell" data-reactid="764"><div class="ant-fullcalendar-date" data-reactid="765"><div class="ant-fullcalendar-value" data-reactid="766">20</div><div class="ant-fullcalendar-content" data-reactid="767"><ul class="events" data-reactid="768"></ul></div></div></td><td role="gridcell" title="2017-4-21" class="ant-fullcalendar-cell" data-reactid="769"><div class="ant-fullcalendar-date" data-reactid="770"><div class="ant-fullcalendar-value" data-reactid="771">21</div><div class="ant-fullcalendar-content" data-reactid="772"><ul class="events" data-reactid="773"></ul></div></div></td><td role="gridcell" title="2017-4-22" class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day" data-reactid="774"><div class="ant-fullcalendar-date" data-reactid="775"><div class="ant-fullcalendar-value" data-reactid="776">22</div><div class="ant-fullcalendar-content" data-reactid="777"><ul class="events" data-reactid="778"></ul></div></div></td></tr><tr role="row" class="" data-reactid="779"><td role="gridcell" title="2017-4-23" class="ant-fullcalendar-cell" data-reactid="780"><div class="ant-fullcalendar-date" data-reactid="781"><div class="ant-fullcalendar-value" data-reactid="782">23</div><div class="ant-fullcalendar-content" data-reactid="783"><ul class="events" data-reactid="784"></ul></div></div></td><td role="gridcell" title="2017-4-24" class="ant-fullcalendar-cell" data-reactid="785"><div class="ant-fullcalendar-date" data-reactid="786"><div class="ant-fullcalendar-value" data-reactid="787">24</div><div class="ant-fullcalendar-content" data-reactid="788"><ul class="events" data-reactid="789"></ul></div></div></td><td role="gridcell" title="2017-4-25" class="ant-fullcalendar-cell" data-reactid="790"><div class="ant-fullcalendar-date" data-reactid="791"><div class="ant-fullcalendar-value" data-reactid="792">25</div><div class="ant-fullcalendar-content" data-reactid="793"><ul class="events" data-reactid="794"></ul></div></div></td><td role="gridcell" title="2017-4-26" class="ant-fullcalendar-cell" data-reactid="795"><div class="ant-fullcalendar-date" data-reactid="796"><div class="ant-fullcalendar-value" data-reactid="797">26</div><div class="ant-fullcalendar-content" data-reactid="798"><ul class="events" data-reactid="799"></ul></div></div></td><td role="gridcell" title="2017-4-27" class="ant-fullcalendar-cell" data-reactid="800"><div class="ant-fullcalendar-date" data-reactid="801"><div class="ant-fullcalendar-value" data-reactid="802">27</div><div class="ant-fullcalendar-content" data-reactid="803"><ul class="events" data-reactid="804"></ul></div></div></td><td role="gridcell" title="2017-4-28" class="ant-fullcalendar-cell" data-reactid="805"><div class="ant-fullcalendar-date" data-reactid="806"><div class="ant-fullcalendar-value" data-reactid="807">28</div><div class="ant-fullcalendar-content" data-reactid="808"><ul class="events" data-reactid="809"></ul></div></div></td><td role="gridcell" title="2017-4-29" class="ant-fullcalendar-cell" data-reactid="810"><div class="ant-fullcalendar-date" data-reactid="811"><div class="ant-fullcalendar-value" data-reactid="812">29</div><div class="ant-fullcalendar-content" data-reactid="813"><ul class="events" data-reactid="814"></ul></div></div></td></tr><tr role="row" class="" data-reactid="815"><td role="gridcell" title="2017-4-30" class="ant-fullcalendar-cell" data-reactid="816"><div class="ant-fullcalendar-date" data-reactid="817"><div class="ant-fullcalendar-value" data-reactid="818">30</div><div class="ant-fullcalendar-content" data-reactid="819"><ul class="events" data-reactid="820"></ul></div></div></td><td role="gridcell" title="2017-5-1" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="821"><div class="ant-fullcalendar-date" data-reactid="822"><div class="ant-fullcalendar-value" data-reactid="823">01</div><div class="ant-fullcalendar-content" data-reactid="824"><ul class="events" data-reactid="825"></ul></div></div></td><td role="gridcell" title="2017-5-2" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="826"><div class="ant-fullcalendar-date" data-reactid="827"><div class="ant-fullcalendar-value" data-reactid="828">02</div><div class="ant-fullcalendar-content" data-reactid="829"><ul class="events" data-reactid="830"></ul></div></div></td><td role="gridcell" title="2017-5-3" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="831"><div class="ant-fullcalendar-date" data-reactid="832"><div class="ant-fullcalendar-value" data-reactid="833">03</div><div class="ant-fullcalendar-content" data-reactid="834"><ul class="events" data-reactid="835"></ul></div></div></td><td role="gridcell" title="2017-5-4" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="836"><div class="ant-fullcalendar-date" data-reactid="837"><div class="ant-fullcalendar-value" data-reactid="838">04</div><div class="ant-fullcalendar-content" data-reactid="839"><ul class="events" data-reactid="840"></ul></div></div></td><td role="gridcell" title="2017-5-5" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="841"><div class="ant-fullcalendar-date" data-reactid="842"><div class="ant-fullcalendar-value" data-reactid="843">05</div><div class="ant-fullcalendar-content" data-reactid="844"><ul class="events" data-reactid="845"></ul></div></div></td><td role="gridcell" title="2017-5-6" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="846"><div class="ant-fullcalendar-date" data-reactid="847"><div class="ant-fullcalendar-value" data-reactid="848">06</div><div class="ant-fullcalendar-content" data-reactid="849"><ul class="events" data-reactid="850"></ul></div></div></td></tr></tbody></table></div></div></div><style data-reactid="851">.events {
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="566"><div class="ant-select-selection__rendered" data-reactid="567"><div class="ant-select-selection-selected-value" title="Apr" style="display:block;opacity:1;" data-reactid="568">Apr</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="569"><b data-reactid="570"></b></span></div></div><div class="ant-radio-group ant-radio-group-default" data-reactid="571"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked" data-reactid="572"><span class="ant-radio-button ant-radio-button-checked" data-reactid="573"><input type="radio" class="ant-radio-button-input" checked="" data-reactid="574"/><span class="ant-radio-button-inner" data-reactid="575"></span></span><span data-reactid="576">Month</span></label><label class="ant-radio-button-wrapper" data-reactid="577"><span class="ant-radio-button" data-reactid="578"><input type="radio" class="ant-radio-button-input" data-reactid="579"/><span class="ant-radio-button-inner" data-reactid="580"></span></span><span data-reactid="581">Year</span></label></div></div><div class="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen" tabindex="0" data-reactid="582"><div class="ant-fullcalendar-calendar-body" data-reactid="583"><table class="ant-fullcalendar-table" cellspacing="0" role="grid" data-reactid="584"><thead data-reactid="585"><tr role="row" data-reactid="586"><th role="columnheader" title="Sun" class="ant-fullcalendar-column-header" data-reactid="587"><span class="ant-fullcalendar-column-header-inner" data-reactid="588">Su</span></th><th role="columnheader" title="Mon" class="ant-fullcalendar-column-header" data-reactid="589"><span class="ant-fullcalendar-column-header-inner" data-reactid="590">Mo</span></th><th role="columnheader" title="Tue" class="ant-fullcalendar-column-header" data-reactid="591"><span class="ant-fullcalendar-column-header-inner" data-reactid="592">Tu</span></th><th role="columnheader" title="Wed" class="ant-fullcalendar-column-header" data-reactid="593"><span class="ant-fullcalendar-column-header-inner" data-reactid="594">We</span></th><th role="columnheader" title="Thu" class="ant-fullcalendar-column-header" data-reactid="595"><span class="ant-fullcalendar-column-header-inner" data-reactid="596">Th</span></th><th role="columnheader" title="Fri" class="ant-fullcalendar-column-header" data-reactid="597"><span class="ant-fullcalendar-column-header-inner" data-reactid="598">Fr</span></th><th role="columnheader" title="Sat" class="ant-fullcalendar-column-header" data-reactid="599"><span class="ant-fullcalendar-column-header-inner" data-reactid="600">Sa</span></th></tr></thead><tbody class="ant-fullcalendar-tbody" data-reactid="601"><tr role="row" class="" data-reactid="602"><td role="gridcell" title="2017-3-26" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="603"><div class="ant-fullcalendar-date" data-reactid="604"><div class="ant-fullcalendar-value" data-reactid="605">26</div><div class="ant-fullcalendar-content" data-reactid="606"><ul class="events" data-reactid="607"></ul></div></div></td><td role="gridcell" title="2017-3-27" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="608"><div class="ant-fullcalendar-date" data-reactid="609"><div class="ant-fullcalendar-value" data-reactid="610">27</div><div class="ant-fullcalendar-content" data-reactid="611"><ul class="events" data-reactid="612"></ul></div></div></td><td role="gridcell" title="2017-3-28" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="613"><div class="ant-fullcalendar-date" data-reactid="614"><div class="ant-fullcalendar-value" data-reactid="615">28</div><div class="ant-fullcalendar-content" data-reactid="616"><ul class="events" data-reactid="617"></ul></div></div></td><td role="gridcell" title="2017-3-29" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="618"><div class="ant-fullcalendar-date" data-reactid="619"><div class="ant-fullcalendar-value" data-reactid="620">29</div><div class="ant-fullcalendar-content" data-reactid="621"><ul class="events" data-reactid="622"></ul></div></div></td><td role="gridcell" title="2017-3-30" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="623"><div class="ant-fullcalendar-date" data-reactid="624"><div class="ant-fullcalendar-value" data-reactid="625">30</div><div class="ant-fullcalendar-content" data-reactid="626"><ul class="events" data-reactid="627"></ul></div></div></td><td role="gridcell" title="2017-3-31" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="628"><div class="ant-fullcalendar-date" data-reactid="629"><div class="ant-fullcalendar-value" data-reactid="630">31</div><div class="ant-fullcalendar-content" data-reactid="631"><ul class="events" data-reactid="632"></ul></div></div></td><td role="gridcell" title="2017-4-1" class="ant-fullcalendar-cell" data-reactid="633"><div class="ant-fullcalendar-date" data-reactid="634"><div class="ant-fullcalendar-value" data-reactid="635">01</div><div class="ant-fullcalendar-content" data-reactid="636"><ul class="events" data-reactid="637"></ul></div></div></td></tr><tr role="row" class="" data-reactid="638"><td role="gridcell" title="2017-4-2" class="ant-fullcalendar-cell" data-reactid="639"><div class="ant-fullcalendar-date" data-reactid="640"><div class="ant-fullcalendar-value" data-reactid="641">02</div><div class="ant-fullcalendar-content" data-reactid="642"><ul class="events" data-reactid="643"></ul></div></div></td><td role="gridcell" title="2017-4-3" class="ant-fullcalendar-cell" data-reactid="644"><div class="ant-fullcalendar-date" data-reactid="645"><div class="ant-fullcalendar-value" data-reactid="646">03</div><div class="ant-fullcalendar-content" data-reactid="647"><ul class="events" data-reactid="648"></ul></div></div></td><td role="gridcell" title="2017-4-4" class="ant-fullcalendar-cell" data-reactid="649"><div class="ant-fullcalendar-date" data-reactid="650"><div class="ant-fullcalendar-value" data-reactid="651">04</div><div class="ant-fullcalendar-content" data-reactid="652"><ul class="events" data-reactid="653"></ul></div></div></td><td role="gridcell" title="2017-4-5" class="ant-fullcalendar-cell" data-reactid="654"><div class="ant-fullcalendar-date" data-reactid="655"><div class="ant-fullcalendar-value" data-reactid="656">05</div><div class="ant-fullcalendar-content" data-reactid="657"><ul class="events" data-reactid="658"></ul></div></div></td><td role="gridcell" title="2017-4-6" class="ant-fullcalendar-cell" data-reactid="659"><div class="ant-fullcalendar-date" data-reactid="660"><div class="ant-fullcalendar-value" data-reactid="661">06</div><div class="ant-fullcalendar-content" data-reactid="662"><ul class="events" data-reactid="663"></ul></div></div></td><td role="gridcell" title="2017-4-7" class="ant-fullcalendar-cell" data-reactid="664"><div class="ant-fullcalendar-date" data-reactid="665"><div class="ant-fullcalendar-value" data-reactid="666">07</div><div class="ant-fullcalendar-content" data-reactid="667"><ul class="events" data-reactid="668"></ul></div></div></td><td role="gridcell" title="2017-4-8" class="ant-fullcalendar-cell" data-reactid="669"><div class="ant-fullcalendar-date" data-reactid="670"><div class="ant-fullcalendar-value" data-reactid="671">08</div><div class="ant-fullcalendar-content" data-reactid="672"><ul class="events" data-reactid="673"><li data-reactid="674"><span class="event-warning" data-reactid="675">●</span><!-- react-text: 676 -->This is warning event.<!-- /react-text --></li><li data-reactid="677"><span class="event-normal" data-reactid="678">●</span><!-- react-text: 679 -->This is usual event.<!-- /react-text --></li></ul></div></div></td></tr><tr role="row" class="" data-reactid="680"><td role="gridcell" title="2017-4-9" class="ant-fullcalendar-cell" data-reactid="681"><div class="ant-fullcalendar-date" data-reactid="682"><div class="ant-fullcalendar-value" data-reactid="683">09</div><div class="ant-fullcalendar-content" data-reactid="684"><ul class="events" data-reactid="685"></ul></div></div></td><td role="gridcell" title="2017-4-10" class="ant-fullcalendar-cell" data-reactid="686"><div class="ant-fullcalendar-date" data-reactid="687"><div class="ant-fullcalendar-value" data-reactid="688">10</div><div class="ant-fullcalendar-content" data-reactid="689"><ul class="events" data-reactid="690"><li data-reactid="691"><span class="event-warning" data-reactid="692">●</span><!-- react-text: 693 -->This is warning event.<!-- /react-text --></li><li data-reactid="694"><span class="event-normal" data-reactid="695">●</span><!-- react-text: 696 -->This is usual event.<!-- /react-text --></li><li data-reactid="697"><span class="event-error" data-reactid="698">●</span><!-- react-text: 699 -->This is error event.<!-- /react-text --></li></ul></div></div></td><td role="gridcell" title="2017-4-11" class="ant-fullcalendar-cell" data-reactid="700"><div class="ant-fullcalendar-date" data-reactid="701"><div class="ant-fullcalendar-value" data-reactid="702">11</div><div class="ant-fullcalendar-content" data-reactid="703"><ul class="events" data-reactid="704"></ul></div></div></td><td role="gridcell" title="2017-4-12" class="ant-fullcalendar-cell" data-reactid="705"><div class="ant-fullcalendar-date" data-reactid="706"><div class="ant-fullcalendar-value" data-reactid="707">12</div><div class="ant-fullcalendar-content" data-reactid="708"><ul class="events" data-reactid="709"></ul></div></div></td><td role="gridcell" title="2017-4-13" class="ant-fullcalendar-cell" data-reactid="710"><div class="ant-fullcalendar-date" data-reactid="711"><div class="ant-fullcalendar-value" data-reactid="712">13</div><div class="ant-fullcalendar-content" data-reactid="713"><ul class="events" data-reactid="714"></ul></div></div></td><td role="gridcell" title="2017-4-14" class="ant-fullcalendar-cell" data-reactid="715"><div class="ant-fullcalendar-date" data-reactid="716"><div class="ant-fullcalendar-value" data-reactid="717">14</div><div class="ant-fullcalendar-content" data-reactid="718"><ul class="events" data-reactid="719"></ul></div></div></td><td role="gridcell" title="2017-4-15" class="ant-fullcalendar-cell" data-reactid="720"><div class="ant-fullcalendar-date" data-reactid="721"><div class="ant-fullcalendar-value" data-reactid="722">15</div><div class="ant-fullcalendar-content" data-reactid="723"><ul class="events" data-reactid="724"><li data-reactid="725"><span class="event-warning" data-reactid="726">●</span><!-- react-text: 727 -->This is warning event<!-- /react-text --></li><li data-reactid="728"><span class="event-normal" data-reactid="729">●</span><!-- react-text: 730 -->This is very long usual event。。....<!-- /react-text --></li><li data-reactid="731"><span class="event-error" data-reactid="732">●</span><!-- react-text: 733 -->This is error event 1.<!-- /react-text --></li><li data-reactid="734"><span class="event-error" data-reactid="735">●</span><!-- react-text: 736 -->This is error event 2.<!-- /react-text --></li><li data-reactid="737"><span class="event-error" data-reactid="738">●</span><!-- react-text: 739 -->This is error event 3.<!-- /react-text --></li><li data-reactid="740"><span class="event-error" data-reactid="741">●</span><!-- react-text: 742 -->This is error event 4.<!-- /react-text --></li></ul></div></div></td></tr><tr role="row" class="" data-reactid="743"><td role="gridcell" title="2017-4-16" class="ant-fullcalendar-cell" data-reactid="744"><div class="ant-fullcalendar-date" data-reactid="745"><div class="ant-fullcalendar-value" data-reactid="746">16</div><div class="ant-fullcalendar-content" data-reactid="747"><ul class="events" data-reactid="748"></ul></div></div></td><td role="gridcell" title="2017-4-17" class="ant-fullcalendar-cell" data-reactid="749"><div class="ant-fullcalendar-date" data-reactid="750"><div class="ant-fullcalendar-value" data-reactid="751">17</div><div class="ant-fullcalendar-content" data-reactid="752"><ul class="events" data-reactid="753"></ul></div></div></td><td role="gridcell" title="2017-4-18" class="ant-fullcalendar-cell" data-reactid="754"><div class="ant-fullcalendar-date" data-reactid="755"><div class="ant-fullcalendar-value" data-reactid="756">18</div><div class="ant-fullcalendar-content" data-reactid="757"><ul class="events" data-reactid="758"></ul></div></div></td><td role="gridcell" title="2017-4-19" class="ant-fullcalendar-cell" data-reactid="759"><div class="ant-fullcalendar-date" data-reactid="760"><div class="ant-fullcalendar-value" data-reactid="761">19</div><div class="ant-fullcalendar-content" data-reactid="762"><ul class="events" data-reactid="763"></ul></div></div></td><td role="gridcell" title="2017-4-20" class="ant-fullcalendar-cell" data-reactid="764"><div class="ant-fullcalendar-date" data-reactid="765"><div class="ant-fullcalendar-value" data-reactid="766">20</div><div class="ant-fullcalendar-content" data-reactid="767"><ul class="events" data-reactid="768"></ul></div></div></td><td role="gridcell" title="2017-4-21" class="ant-fullcalendar-cell" data-reactid="769"><div class="ant-fullcalendar-date" data-reactid="770"><div class="ant-fullcalendar-value" data-reactid="771">21</div><div class="ant-fullcalendar-content" data-reactid="772"><ul class="events" data-reactid="773"></ul></div></div></td><td role="gridcell" title="2017-4-22" class="ant-fullcalendar-cell" data-reactid="774"><div class="ant-fullcalendar-date" data-reactid="775"><div class="ant-fullcalendar-value" data-reactid="776">22</div><div class="ant-fullcalendar-content" data-reactid="777"><ul class="events" data-reactid="778"></ul></div></div></td></tr><tr role="row" class="ant-fullcalendar-current-week ant-fullcalendar-active-week" data-reactid="779"><td role="gridcell" title="2017-4-23" class="ant-fullcalendar-cell" data-reactid="780"><div class="ant-fullcalendar-date" data-reactid="781"><div class="ant-fullcalendar-value" data-reactid="782">23</div><div class="ant-fullcalendar-content" data-reactid="783"><ul class="events" data-reactid="784"></ul></div></div></td><td role="gridcell" title="2017-4-24" class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day" data-reactid="785"><div class="ant-fullcalendar-date" data-reactid="786"><div class="ant-fullcalendar-value" data-reactid="787">24</div><div class="ant-fullcalendar-content" data-reactid="788"><ul class="events" data-reactid="789"></ul></div></div></td><td role="gridcell" title="2017-4-25" class="ant-fullcalendar-cell" data-reactid="790"><div class="ant-fullcalendar-date" data-reactid="791"><div class="ant-fullcalendar-value" data-reactid="792">25</div><div class="ant-fullcalendar-content" data-reactid="793"><ul class="events" data-reactid="794"></ul></div></div></td><td role="gridcell" title="2017-4-26" class="ant-fullcalendar-cell" data-reactid="795"><div class="ant-fullcalendar-date" data-reactid="796"><div class="ant-fullcalendar-value" data-reactid="797">26</div><div class="ant-fullcalendar-content" data-reactid="798"><ul class="events" data-reactid="799"></ul></div></div></td><td role="gridcell" title="2017-4-27" class="ant-fullcalendar-cell" data-reactid="800"><div class="ant-fullcalendar-date" data-reactid="801"><div class="ant-fullcalendar-value" data-reactid="802">27</div><div class="ant-fullcalendar-content" data-reactid="803"><ul class="events" data-reactid="804"></ul></div></div></td><td role="gridcell" title="2017-4-28" class="ant-fullcalendar-cell" data-reactid="805"><div class="ant-fullcalendar-date" data-reactid="806"><div class="ant-fullcalendar-value" data-reactid="807">28</div><div class="ant-fullcalendar-content" data-reactid="808"><ul class="events" data-reactid="809"></ul></div></div></td><td role="gridcell" title="2017-4-29" class="ant-fullcalendar-cell" data-reactid="810"><div class="ant-fullcalendar-date" data-reactid="811"><div class="ant-fullcalendar-value" data-reactid="812">29</div><div class="ant-fullcalendar-content" data-reactid="813"><ul class="events" data-reactid="814"></ul></div></div></td></tr><tr role="row" class="" data-reactid="815"><td role="gridcell" title="2017-4-30" class="ant-fullcalendar-cell" data-reactid="816"><div class="ant-fullcalendar-date" data-reactid="817"><div class="ant-fullcalendar-value" data-reactid="818">30</div><div class="ant-fullcalendar-content" data-reactid="819"><ul class="events" data-reactid="820"></ul></div></div></td><td role="gridcell" title="2017-5-1" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="821"><div class="ant-fullcalendar-date" data-reactid="822"><div class="ant-fullcalendar-value" data-reactid="823">01</div><div class="ant-fullcalendar-content" data-reactid="824"><ul class="events" data-reactid="825"></ul></div></div></td><td role="gridcell" title="2017-5-2" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="826"><div class="ant-fullcalendar-date" data-reactid="827"><div class="ant-fullcalendar-value" data-reactid="828">02</div><div class="ant-fullcalendar-content" data-reactid="829"><ul class="events" data-reactid="830"></ul></div></div></td><td role="gridcell" title="2017-5-3" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="831"><div class="ant-fullcalendar-date" data-reactid="832"><div class="ant-fullcalendar-value" data-reactid="833">03</div><div class="ant-fullcalendar-content" data-reactid="834"><ul class="events" data-reactid="835"></ul></div></div></td><td role="gridcell" title="2017-5-4" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="836"><div class="ant-fullcalendar-date" data-reactid="837"><div class="ant-fullcalendar-value" data-reactid="838">04</div><div class="ant-fullcalendar-content" data-reactid="839"><ul class="events" data-reactid="840"></ul></div></div></td><td role="gridcell" title="2017-5-5" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="841"><div class="ant-fullcalendar-date" data-reactid="842"><div class="ant-fullcalendar-value" data-reactid="843">05</div><div class="ant-fullcalendar-content" data-reactid="844"><ul class="events" data-reactid="845"></ul></div></div></td><td role="gridcell" title="2017-5-6" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="846"><div class="ant-fullcalendar-date" data-reactid="847"><div class="ant-fullcalendar-value" data-reactid="848">06</div><div class="ant-fullcalendar-content" data-reactid="849"><ul class="events" data-reactid="850"></ul></div></div></td></tr></tbody></table></div></div></div><style data-reactid="851">.events {
   line-height: 24px;
   list-style: none;
   margin: 0;
@@ -268,7 +268,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
   <span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">28</span>px<span class="token punctuation">;</span>
 <span class="token punctuation">}</span></code></pre></div></section></section><section class="code-box" id="components-calendar-demo-card" data-reactid="875"><section class="code-box-demo" data-reactid="876"><div style="width:290px;border:1px solid #d9d9d9;border-radius:4px;" data-reactid="877"><div class="" data-reactid="878"><div class="ant-fullcalendar-header" data-reactid="879"><div class="ant-select-sm ant-fullcalendar-year-select ant-select ant-select-enabled" data-reactid="880"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="881"><div class="ant-select-selection__rendered" data-reactid="882"><div class="ant-select-selection-selected-value" title="2017" style="display:block;opacity:1;" data-reactid="883">2017</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="884"><b data-reactid="885"></b></span></div></div><div class="ant-select-sm ant-fullcalendar-month-select ant-select ant-select-enabled" data-reactid="886"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="887"><div class="ant-select-selection__rendered" data-reactid="888"><div class="ant-select-selection-selected-value" title="Apr" style="display:block;opacity:1;" data-reactid="889">Apr</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="890"><b data-reactid="891"></b></span></div></div><div class="ant-radio-group ant-radio-group-small" data-reactid="892"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked" data-reactid="893"><span class="ant-radio-button ant-radio-button-checked" data-reactid="894"><input type="radio" class="ant-radio-button-input" checked="" data-reactid="895"/><span class="ant-radio-button-inner" data-reactid="896"></span></span><span data-reactid="897">Month</span></label><label class="ant-radio-button-wrapper" data-reactid="898"><span class="ant-radio-button" data-reactid="899"><input type="radio" class="ant-radio-button-input" data-reactid="900"/><span class="ant-radio-button-inner" data-reactid="901"></span></span><span data-reactid="902">Year</span></label></div></div><div class="ant-fullcalendar ant-fullcalendar-full" tabindex="0" data-reactid="903"><div class="ant-fullcalendar-calendar-body" data-reactid="904"><table class="ant-fullcalendar-table" cellspacing="0" role="grid" data-reactid="905"><thead data-reactid="906"><tr role="row" data-reactid="907"><th role="columnheader" title="Sun" class="ant-fullcalendar-column-header" data-reactid="908"><span class="ant-fullcalendar-column-header-inner" data-reactid="909">Su</span></th><th role="columnheader" title="Mon" class="ant-fullcalendar-column-header" data-reactid="910"><span class="ant-fullcalendar-column-header-inner" data-reactid="911">Mo</span></th><th role="columnheader" title="Tue" class="ant-fullcalendar-column-header" data-reactid="912"><span class="ant-fullcalendar-column-header-inner" data-reactid="913">Tu</span></th><th role="columnheader" title="Wed" class="ant-fullcalendar-column-header" data-reactid="914"><span class="ant-fullcalendar-column-header-inner" data-reactid="915">We</span></th><th role="columnheader" title="Thu" class="ant-fullcalendar-column-header" data-reactid="916"><span class="ant-fullcalendar-column-header-inner" data-reactid="917">Th</span></th><th role="columnheader" title="Fri" class="ant-fullcalendar-column-header" data-reactid="918"><span class="ant-fullcalendar-column-header-inner" data-reactid="919">Fr</span></th><th role="columnheader" title="Sat" class="ant-fullcalendar-column-header" data-reactid="920"><span class="ant-fullcalendar-column-header-inner" data-reactid="921">Sa</span></th></tr></thead><tbody class="ant-fullcalendar-tbody" data-reactid="922"><tr role="row" class="" data-reactid="923"><td role="gridcell" title="2017-3-26" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="924"><div class="ant-fullcalendar-date" data-reactid="925"><div class="ant-fullcalendar-value" data-reactid="926">26</div><div class="ant-fullcalendar-content" data-reactid="927"></div></div></td><td role="gridcell" title="2017-3-27" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="928"><div class="ant-fullcalendar-date" data-reactid="929"><div class="ant-fullcalendar-value" data-reactid="930">27</div><div class="ant-fullcalendar-content" data-reactid="931"></div></div></td><td role="gridcell" title="2017-3-28" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="932"><div class="ant-fullcalendar-date" data-reactid="933"><div class="ant-fullcalendar-value" data-reactid="934">28</div><div class="ant-fullcalendar-content" data-reactid="935"></div></div></td><td role="gridcell" title="2017-3-29" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="936"><div class="ant-fullcalendar-date" data-reactid="937"><div class="ant-fullcalendar-value" data-reactid="938">29</div><div class="ant-fullcalendar-content" data-reactid="939"></div></div></td><td role="gridcell" title="2017-3-30" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="940"><div class="ant-fullcalendar-date" data-reactid="941"><div class="ant-fullcalendar-value" data-reactid="942">30</div><div class="ant-fullcalendar-content" data-reactid="943"></div></div></td><td role="gridcell" title="2017-3-31" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="944"><div class="ant-fullcalendar-date" data-reactid="945"><div class="ant-fullcalendar-value" data-reactid="946">31</div><div class="ant-fullcalendar-content" data-reactid="947"></div></div></td><td role="gridcell" title="2017-4-1" class="ant-fullcalendar-cell" data-reactid="948"><div class="ant-fullcalendar-date" data-reactid="949"><div class="ant-fullcalendar-value" data-reactid="950">01</div><div class="ant-fullcalendar-content" data-reactid="951"></div></div></td></tr><tr role="row" class="" data-reactid="952"><td role="gridcell" title="2017-4-2" class="ant-fullcalendar-cell" data-reactid="953"><div class="ant-fullcalendar-date" data-reactid="954"><div class="ant-fullcalendar-value" data-reactid="955">02</div><div class="ant-fullcalendar-content" data-reactid="956"></div></div></td><td role="gridcell" title="2017-4-3" class="ant-fullcalendar-cell" data-reactid="957"><div class="ant-fullcalendar-date" data-reactid="958"><div class="ant-fullcalendar-value" data-reactid="959">03</div><div class="ant-fullcalendar-content" data-reactid="960"></div></div></td><td role="gridcell" title="2017-4-4" class="ant-fullcalendar-cell" data-reactid="961"><div class="ant-fullcalendar-date" data-reactid="962"><div class="ant-fullcalendar-value" data-reactid="963">04</div><div class="ant-fullcalendar-content" data-reactid="964"></div></div></td><td role="gridcell" title="2017-4-5" class="ant-fullcalendar-cell" data-reactid="965"><div class="ant-fullcalendar-date" data-reactid="966"><div class="ant-fullcalendar-value" data-reactid="967">05</div><div class="ant-fullcalendar-content" data-reactid="968"></div></div></td><td role="gridcell" title="2017-4-6" class="ant-fullcalendar-cell" data-reactid="969"><div class="ant-fullcalendar-date" data-reactid="970"><div class="ant-fullcalendar-value" data-reactid="971">06</div><div class="ant-fullcalendar-content" data-reactid="972"></div></div></td><td role="gridcell" title="2017-4-7" class="ant-fullcalendar-cell" data-reactid="973"><div class="ant-fullcalendar-date" data-reactid="974"><div class="ant-fullcalendar-value" data-reactid="975">07</div><div class="ant-fullcalendar-content" data-reactid="976"></div></div></td><td role="gridcell" title="2017-4-8" class="ant-fullcalendar-cell" data-reactid="977"><div class="ant-fullcalendar-date" data-reactid="978"><div class="ant-fullcalendar-value" data-reactid="979">08</div><div class="ant-fullcalendar-content" data-reactid="980"></div></div></td></tr><tr role="row" class="" data-reactid="981"><td role="gridcell" title="2017-4-9" class="ant-fullcalendar-cell" data-reactid="982"><div class="ant-fullcalendar-date" data-reactid="983"><div class="ant-fullcalendar-value" data-reactid="984">09</div><div class="ant-fullcalendar-content" data-reactid="985"></div></div></td><td role="gridcell" title="2017-4-10" class="ant-fullcalendar-cell" data-reactid="986"><div class="ant-fullcalendar-date" data-reactid="987"><div class="ant-fullcalendar-value" data-reactid="988">10</div><div class="ant-fullcalendar-content" data-reactid="989"></div></div></td><td role="gridcell" title="2017-4-11" class="ant-fullcalendar-cell" data-reactid="990"><div class="ant-fullcalendar-date" data-reactid="991"><div class="ant-fullcalendar-value" data-reactid="992">11</div><div class="ant-fullcalendar-content" data-reactid="993"></div></div></td><td role="gridcell" title="2017-4-12" class="ant-fullcalendar-cell" data-reactid="994"><div class="ant-fullcalendar-date" data-reactid="995"><div class="ant-fullcalendar-value" data-reactid="996">12</div><div class="ant-fullcalendar-content" data-reactid="997"></div></div></td><td role="gridcell" title="2017-4-13" class="ant-fullcalendar-cell" data-reactid="998"><div class="ant-fullcalendar-date" data-reactid="999"><div class="ant-fullcalendar-value" data-reactid="1000">13</div><div class="ant-fullcalendar-content" data-reactid="1001"></div></div></td><td role="gridcell" title="2017-4-14" class="ant-fullcalendar-cell" data-reactid="1002"><div class="ant-fullcalendar-date" data-reactid="1003"><div class="ant-fullcalendar-value" data-reactid="1004">14</div><div class="ant-fullcalendar-content" data-reactid="1005"></div></div></td><td role="gridcell" title="2017-4-15" class="ant-fullcalendar-cell" data-reactid="1006"><div class="ant-fullcalendar-date" data-reactid="1007"><div class="ant-fullcalendar-value" data-reactid="1008">15</div><div class="ant-fullcalendar-content" data-reactid="1009"></div></div></td></tr><tr role="row" class="ant-fullcalendar-current-week ant-fullcalendar-active-week" data-reactid="1010"><td role="gridcell" title="2017-4-16" class="ant-fullcalendar-cell" data-reactid="1011"><div class="ant-fullcalendar-date" data-reactid="1012"><div class="ant-fullcalendar-value" data-reactid="1013">16</div><div class="ant-fullcalendar-content" data-reactid="1014"></div></div></td><td role="gridcell" title="2017-4-17" class="ant-fullcalendar-cell" data-reactid="1015"><div class="ant-fullcalendar-date" data-reactid="1016"><div class="ant-fullcalendar-value" data-reactid="1017">17</div><div class="ant-fullcalendar-content" data-reactid="1018"></div></div></td><td role="gridcell" title="2017-4-18" class="ant-fullcalendar-cell" data-reactid="1019"><div class="ant-fullcalendar-date" data-reactid="1020"><div class="ant-fullcalendar-value" data-reactid="1021">18</div><div class="ant-fullcalendar-content" data-reactid="1022"></div></div></td><td role="gridcell" title="2017-4-19" class="ant-fullcalendar-cell" data-reactid="1023"><div class="ant-fullcalendar-date" data-reactid="1024"><div class="ant-fullcalendar-value" data-reactid="1025">19</div><div class="ant-fullcalendar-content" data-reactid="1026"></div></div></td><td role="gridcell" title="2017-4-20" class="ant-fullcalendar-cell" data-reactid="1027"><div class="ant-fullcalendar-date" data-reactid="1028"><div class="ant-fullcalendar-value" data-reactid="1029">20</div><div class="ant-fullcalendar-content" data-reactid="1030"></div></div></td><td role="gridcell" title="2017-4-21" class="ant-fullcalendar-cell" data-reactid="1031"><div class="ant-fullcalendar-date" data-reactid="1032"><div class="ant-fullcalendar-value" data-reactid="1033">21</div><div class="ant-fullcalendar-content" data-reactid="1034"></div></div></td><td role="gridcell" title="2017-4-22" class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day" data-reactid="1035"><div class="ant-fullcalendar-date" data-reactid="1036"><div class="ant-fullcalendar-value" data-reactid="1037">22</div><div class="ant-fullcalendar-content" data-reactid="1038"></div></div></td></tr><tr role="row" class="" data-reactid="1039"><td role="gridcell" title="2017-4-23" class="ant-fullcalendar-cell" data-reactid="1040"><div class="ant-fullcalendar-date" data-reactid="1041"><div class="ant-fullcalendar-value" data-reactid="1042">23</div><div class="ant-fullcalendar-content" data-reactid="1043"></div></div></td><td role="gridcell" title="2017-4-24" class="ant-fullcalendar-cell" data-reactid="1044"><div class="ant-fullcalendar-date" data-reactid="1045"><div class="ant-fullcalendar-value" data-reactid="1046">24</div><div class="ant-fullcalendar-content" data-reactid="1047"></div></div></td><td role="gridcell" title="2017-4-25" class="ant-fullcalendar-cell" data-reactid="1048"><div class="ant-fullcalendar-date" data-reactid="1049"><div class="ant-fullcalendar-value" data-reactid="1050">25</div><div class="ant-fullcalendar-content" data-reactid="1051"></div></div></td><td role="gridcell" title="2017-4-26" class="ant-fullcalendar-cell" data-reactid="1052"><div class="ant-fullcalendar-date" data-reactid="1053"><div class="ant-fullcalendar-value" data-reactid="1054">26</div><div class="ant-fullcalendar-content" data-reactid="1055"></div></div></td><td role="gridcell" title="2017-4-27" class="ant-fullcalendar-cell" data-reactid="1056"><div class="ant-fullcalendar-date" data-reactid="1057"><div class="ant-fullcalendar-value" data-reactid="1058">27</div><div class="ant-fullcalendar-content" data-reactid="1059"></div></div></td><td role="gridcell" title="2017-4-28" class="ant-fullcalendar-cell" data-reactid="1060"><div class="ant-fullcalendar-date" data-reactid="1061"><div class="ant-fullcalendar-value" data-reactid="1062">28</div><div class="ant-fullcalendar-content" data-reactid="1063"></div></div></td><td role="gridcell" title="2017-4-29" class="ant-fullcalendar-cell" data-reactid="1064"><div class="ant-fullcalendar-date" data-reactid="1065"><div class="ant-fullcalendar-value" data-reactid="1066">29</div><div class="ant-fullcalendar-content" data-reactid="1067"></div></div></td></tr><tr role="row" class="" data-reactid="1068"><td role="gridcell" title="2017-4-30" class="ant-fullcalendar-cell" data-reactid="1069"><div class="ant-fullcalendar-date" data-reactid="1070"><div class="ant-fullcalendar-value" data-reactid="1071">30</div><div class="ant-fullcalendar-content" data-reactid="1072"></div></div></td><td role="gridcell" title="2017-5-1" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="1073"><div class="ant-fullcalendar-date" data-reactid="1074"><div class="ant-fullcalendar-value" data-reactid="1075">01</div><div class="ant-fullcalendar-content" data-reactid="1076"></div></div></td><td role="gridcell" title="2017-5-2" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="1077"><div class="ant-fullcalendar-date" data-reactid="1078"><div class="ant-fullcalendar-value" data-reactid="1079">02</div><div class="ant-fullcalendar-content" data-reactid="1080"></div></div></td><td role="gridcell" title="2017-5-3" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="1081"><div class="ant-fullcalendar-date" data-reactid="1082"><div class="ant-fullcalendar-value" data-reactid="1083">03</div><div class="ant-fullcalendar-content" data-reactid="1084"></div></div></td><td role="gridcell" title="2017-5-4" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="1085"><div class="ant-fullcalendar-date" data-reactid="1086"><div class="ant-fullcalendar-value" data-reactid="1087">04</div><div class="ant-fullcalendar-content" data-reactid="1088"></div></div></td><td role="gridcell" title="2017-5-5" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="1089"><div class="ant-fullcalendar-date" data-reactid="1090"><div class="ant-fullcalendar-value" data-reactid="1091">05</div><div class="ant-fullcalendar-content" data-reactid="1092"></div></div></td><td role="gridcell" title="2017-5-6" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="1093"><div class="ant-fullcalendar-date" data-reactid="1094"><div class="ant-fullcalendar-value" data-reactid="1095">06</div><div class="ant-fullcalendar-content" data-reactid="1096"></div></div></td></tr></tbody></table></div></div></div></div></section><section class="code-box-meta markdown" data-reactid="1097"><div class="code-box-title" data-reactid="1098"><a href="#components-calendar-demo-card" data-reactid="1099">Card</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/calendar/demo/card.md" data-reactid="1100"><i class="anticon anticon-edit" data-reactid="1101"></i></a></div><div data-reactid="1102"><p data-reactid="1103"><!-- react-text: 1104 -->Nested inside a container element for rendering in limited space.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="1105"></i></section><section class="highlight-wrapper" data-reactid="1106"><div class="highlight" data-reactid="1107"><i class="anticon anticon-copy code-box-code-copy" data-reactid="1108"></i><pre class="language-jsx" data-reactid="1109"><code data-reactid="1110"><span class="token keyword">import</span> <span class="token punctuation">{</span> Calendar <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="887"><div class="ant-select-selection__rendered" data-reactid="888"><div class="ant-select-selection-selected-value" title="Apr" style="display:block;opacity:1;" data-reactid="889">Apr</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="890"><b data-reactid="891"></b></span></div></div><div class="ant-radio-group ant-radio-group-small" data-reactid="892"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked" data-reactid="893"><span class="ant-radio-button ant-radio-button-checked" data-reactid="894"><input type="radio" class="ant-radio-button-input" checked="" data-reactid="895"/><span class="ant-radio-button-inner" data-reactid="896"></span></span><span data-reactid="897">Month</span></label><label class="ant-radio-button-wrapper" data-reactid="898"><span class="ant-radio-button" data-reactid="899"><input type="radio" class="ant-radio-button-input" data-reactid="900"/><span class="ant-radio-button-inner" data-reactid="901"></span></span><span data-reactid="902">Year</span></label></div></div><div class="ant-fullcalendar ant-fullcalendar-full" tabindex="0" data-reactid="903"><div class="ant-fullcalendar-calendar-body" data-reactid="904"><table class="ant-fullcalendar-table" cellspacing="0" role="grid" data-reactid="905"><thead data-reactid="906"><tr role="row" data-reactid="907"><th role="columnheader" title="Sun" class="ant-fullcalendar-column-header" data-reactid="908"><span class="ant-fullcalendar-column-header-inner" data-reactid="909">Su</span></th><th role="columnheader" title="Mon" class="ant-fullcalendar-column-header" data-reactid="910"><span class="ant-fullcalendar-column-header-inner" data-reactid="911">Mo</span></th><th role="columnheader" title="Tue" class="ant-fullcalendar-column-header" data-reactid="912"><span class="ant-fullcalendar-column-header-inner" data-reactid="913">Tu</span></th><th role="columnheader" title="Wed" class="ant-fullcalendar-column-header" data-reactid="914"><span class="ant-fullcalendar-column-header-inner" data-reactid="915">We</span></th><th role="columnheader" title="Thu" class="ant-fullcalendar-column-header" data-reactid="916"><span class="ant-fullcalendar-column-header-inner" data-reactid="917">Th</span></th><th role="columnheader" title="Fri" class="ant-fullcalendar-column-header" data-reactid="918"><span class="ant-fullcalendar-column-header-inner" data-reactid="919">Fr</span></th><th role="columnheader" title="Sat" class="ant-fullcalendar-column-header" data-reactid="920"><span class="ant-fullcalendar-column-header-inner" data-reactid="921">Sa</span></th></tr></thead><tbody class="ant-fullcalendar-tbody" data-reactid="922"><tr role="row" class="" data-reactid="923"><td role="gridcell" title="2017-3-26" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="924"><div class="ant-fullcalendar-date" data-reactid="925"><div class="ant-fullcalendar-value" data-reactid="926">26</div><div class="ant-fullcalendar-content" data-reactid="927"></div></div></td><td role="gridcell" title="2017-3-27" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="928"><div class="ant-fullcalendar-date" data-reactid="929"><div class="ant-fullcalendar-value" data-reactid="930">27</div><div class="ant-fullcalendar-content" data-reactid="931"></div></div></td><td role="gridcell" title="2017-3-28" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="932"><div class="ant-fullcalendar-date" data-reactid="933"><div class="ant-fullcalendar-value" data-reactid="934">28</div><div class="ant-fullcalendar-content" data-reactid="935"></div></div></td><td role="gridcell" title="2017-3-29" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="936"><div class="ant-fullcalendar-date" data-reactid="937"><div class="ant-fullcalendar-value" data-reactid="938">29</div><div class="ant-fullcalendar-content" data-reactid="939"></div></div></td><td role="gridcell" title="2017-3-30" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="940"><div class="ant-fullcalendar-date" data-reactid="941"><div class="ant-fullcalendar-value" data-reactid="942">30</div><div class="ant-fullcalendar-content" data-reactid="943"></div></div></td><td role="gridcell" title="2017-3-31" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="944"><div class="ant-fullcalendar-date" data-reactid="945"><div class="ant-fullcalendar-value" data-reactid="946">31</div><div class="ant-fullcalendar-content" data-reactid="947"></div></div></td><td role="gridcell" title="2017-4-1" class="ant-fullcalendar-cell" data-reactid="948"><div class="ant-fullcalendar-date" data-reactid="949"><div class="ant-fullcalendar-value" data-reactid="950">01</div><div class="ant-fullcalendar-content" data-reactid="951"></div></div></td></tr><tr role="row" class="" data-reactid="952"><td role="gridcell" title="2017-4-2" class="ant-fullcalendar-cell" data-reactid="953"><div class="ant-fullcalendar-date" data-reactid="954"><div class="ant-fullcalendar-value" data-reactid="955">02</div><div class="ant-fullcalendar-content" data-reactid="956"></div></div></td><td role="gridcell" title="2017-4-3" class="ant-fullcalendar-cell" data-reactid="957"><div class="ant-fullcalendar-date" data-reactid="958"><div class="ant-fullcalendar-value" data-reactid="959">03</div><div class="ant-fullcalendar-content" data-reactid="960"></div></div></td><td role="gridcell" title="2017-4-4" class="ant-fullcalendar-cell" data-reactid="961"><div class="ant-fullcalendar-date" data-reactid="962"><div class="ant-fullcalendar-value" data-reactid="963">04</div><div class="ant-fullcalendar-content" data-reactid="964"></div></div></td><td role="gridcell" title="2017-4-5" class="ant-fullcalendar-cell" data-reactid="965"><div class="ant-fullcalendar-date" data-reactid="966"><div class="ant-fullcalendar-value" data-reactid="967">05</div><div class="ant-fullcalendar-content" data-reactid="968"></div></div></td><td role="gridcell" title="2017-4-6" class="ant-fullcalendar-cell" data-reactid="969"><div class="ant-fullcalendar-date" data-reactid="970"><div class="ant-fullcalendar-value" data-reactid="971">06</div><div class="ant-fullcalendar-content" data-reactid="972"></div></div></td><td role="gridcell" title="2017-4-7" class="ant-fullcalendar-cell" data-reactid="973"><div class="ant-fullcalendar-date" data-reactid="974"><div class="ant-fullcalendar-value" data-reactid="975">07</div><div class="ant-fullcalendar-content" data-reactid="976"></div></div></td><td role="gridcell" title="2017-4-8" class="ant-fullcalendar-cell" data-reactid="977"><div class="ant-fullcalendar-date" data-reactid="978"><div class="ant-fullcalendar-value" data-reactid="979">08</div><div class="ant-fullcalendar-content" data-reactid="980"></div></div></td></tr><tr role="row" class="" data-reactid="981"><td role="gridcell" title="2017-4-9" class="ant-fullcalendar-cell" data-reactid="982"><div class="ant-fullcalendar-date" data-reactid="983"><div class="ant-fullcalendar-value" data-reactid="984">09</div><div class="ant-fullcalendar-content" data-reactid="985"></div></div></td><td role="gridcell" title="2017-4-10" class="ant-fullcalendar-cell" data-reactid="986"><div class="ant-fullcalendar-date" data-reactid="987"><div class="ant-fullcalendar-value" data-reactid="988">10</div><div class="ant-fullcalendar-content" data-reactid="989"></div></div></td><td role="gridcell" title="2017-4-11" class="ant-fullcalendar-cell" data-reactid="990"><div class="ant-fullcalendar-date" data-reactid="991"><div class="ant-fullcalendar-value" data-reactid="992">11</div><div class="ant-fullcalendar-content" data-reactid="993"></div></div></td><td role="gridcell" title="2017-4-12" class="ant-fullcalendar-cell" data-reactid="994"><div class="ant-fullcalendar-date" data-reactid="995"><div class="ant-fullcalendar-value" data-reactid="996">12</div><div class="ant-fullcalendar-content" data-reactid="997"></div></div></td><td role="gridcell" title="2017-4-13" class="ant-fullcalendar-cell" data-reactid="998"><div class="ant-fullcalendar-date" data-reactid="999"><div class="ant-fullcalendar-value" data-reactid="1000">13</div><div class="ant-fullcalendar-content" data-reactid="1001"></div></div></td><td role="gridcell" title="2017-4-14" class="ant-fullcalendar-cell" data-reactid="1002"><div class="ant-fullcalendar-date" data-reactid="1003"><div class="ant-fullcalendar-value" data-reactid="1004">14</div><div class="ant-fullcalendar-content" data-reactid="1005"></div></div></td><td role="gridcell" title="2017-4-15" class="ant-fullcalendar-cell" data-reactid="1006"><div class="ant-fullcalendar-date" data-reactid="1007"><div class="ant-fullcalendar-value" data-reactid="1008">15</div><div class="ant-fullcalendar-content" data-reactid="1009"></div></div></td></tr><tr role="row" class="" data-reactid="1010"><td role="gridcell" title="2017-4-16" class="ant-fullcalendar-cell" data-reactid="1011"><div class="ant-fullcalendar-date" data-reactid="1012"><div class="ant-fullcalendar-value" data-reactid="1013">16</div><div class="ant-fullcalendar-content" data-reactid="1014"></div></div></td><td role="gridcell" title="2017-4-17" class="ant-fullcalendar-cell" data-reactid="1015"><div class="ant-fullcalendar-date" data-reactid="1016"><div class="ant-fullcalendar-value" data-reactid="1017">17</div><div class="ant-fullcalendar-content" data-reactid="1018"></div></div></td><td role="gridcell" title="2017-4-18" class="ant-fullcalendar-cell" data-reactid="1019"><div class="ant-fullcalendar-date" data-reactid="1020"><div class="ant-fullcalendar-value" data-reactid="1021">18</div><div class="ant-fullcalendar-content" data-reactid="1022"></div></div></td><td role="gridcell" title="2017-4-19" class="ant-fullcalendar-cell" data-reactid="1023"><div class="ant-fullcalendar-date" data-reactid="1024"><div class="ant-fullcalendar-value" data-reactid="1025">19</div><div class="ant-fullcalendar-content" data-reactid="1026"></div></div></td><td role="gridcell" title="2017-4-20" class="ant-fullcalendar-cell" data-reactid="1027"><div class="ant-fullcalendar-date" data-reactid="1028"><div class="ant-fullcalendar-value" data-reactid="1029">20</div><div class="ant-fullcalendar-content" data-reactid="1030"></div></div></td><td role="gridcell" title="2017-4-21" class="ant-fullcalendar-cell" data-reactid="1031"><div class="ant-fullcalendar-date" data-reactid="1032"><div class="ant-fullcalendar-value" data-reactid="1033">21</div><div class="ant-fullcalendar-content" data-reactid="1034"></div></div></td><td role="gridcell" title="2017-4-22" class="ant-fullcalendar-cell" data-reactid="1035"><div class="ant-fullcalendar-date" data-reactid="1036"><div class="ant-fullcalendar-value" data-reactid="1037">22</div><div class="ant-fullcalendar-content" data-reactid="1038"></div></div></td></tr><tr role="row" class="ant-fullcalendar-current-week ant-fullcalendar-active-week" data-reactid="1039"><td role="gridcell" title="2017-4-23" class="ant-fullcalendar-cell" data-reactid="1040"><div class="ant-fullcalendar-date" data-reactid="1041"><div class="ant-fullcalendar-value" data-reactid="1042">23</div><div class="ant-fullcalendar-content" data-reactid="1043"></div></div></td><td role="gridcell" title="2017-4-24" class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day" data-reactid="1044"><div class="ant-fullcalendar-date" data-reactid="1045"><div class="ant-fullcalendar-value" data-reactid="1046">24</div><div class="ant-fullcalendar-content" data-reactid="1047"></div></div></td><td role="gridcell" title="2017-4-25" class="ant-fullcalendar-cell" data-reactid="1048"><div class="ant-fullcalendar-date" data-reactid="1049"><div class="ant-fullcalendar-value" data-reactid="1050">25</div><div class="ant-fullcalendar-content" data-reactid="1051"></div></div></td><td role="gridcell" title="2017-4-26" class="ant-fullcalendar-cell" data-reactid="1052"><div class="ant-fullcalendar-date" data-reactid="1053"><div class="ant-fullcalendar-value" data-reactid="1054">26</div><div class="ant-fullcalendar-content" data-reactid="1055"></div></div></td><td role="gridcell" title="2017-4-27" class="ant-fullcalendar-cell" data-reactid="1056"><div class="ant-fullcalendar-date" data-reactid="1057"><div class="ant-fullcalendar-value" data-reactid="1058">27</div><div class="ant-fullcalendar-content" data-reactid="1059"></div></div></td><td role="gridcell" title="2017-4-28" class="ant-fullcalendar-cell" data-reactid="1060"><div class="ant-fullcalendar-date" data-reactid="1061"><div class="ant-fullcalendar-value" data-reactid="1062">28</div><div class="ant-fullcalendar-content" data-reactid="1063"></div></div></td><td role="gridcell" title="2017-4-29" class="ant-fullcalendar-cell" data-reactid="1064"><div class="ant-fullcalendar-date" data-reactid="1065"><div class="ant-fullcalendar-value" data-reactid="1066">29</div><div class="ant-fullcalendar-content" data-reactid="1067"></div></div></td></tr><tr role="row" class="" data-reactid="1068"><td role="gridcell" title="2017-4-30" class="ant-fullcalendar-cell" data-reactid="1069"><div class="ant-fullcalendar-date" data-reactid="1070"><div class="ant-fullcalendar-value" data-reactid="1071">30</div><div class="ant-fullcalendar-content" data-reactid="1072"></div></div></td><td role="gridcell" title="2017-5-1" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="1073"><div class="ant-fullcalendar-date" data-reactid="1074"><div class="ant-fullcalendar-value" data-reactid="1075">01</div><div class="ant-fullcalendar-content" data-reactid="1076"></div></div></td><td role="gridcell" title="2017-5-2" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="1077"><div class="ant-fullcalendar-date" data-reactid="1078"><div class="ant-fullcalendar-value" data-reactid="1079">02</div><div class="ant-fullcalendar-content" data-reactid="1080"></div></div></td><td role="gridcell" title="2017-5-3" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="1081"><div class="ant-fullcalendar-date" data-reactid="1082"><div class="ant-fullcalendar-value" data-reactid="1083">03</div><div class="ant-fullcalendar-content" data-reactid="1084"></div></div></td><td role="gridcell" title="2017-5-4" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="1085"><div class="ant-fullcalendar-date" data-reactid="1086"><div class="ant-fullcalendar-value" data-reactid="1087">04</div><div class="ant-fullcalendar-content" data-reactid="1088"></div></div></td><td role="gridcell" title="2017-5-5" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="1089"><div class="ant-fullcalendar-date" data-reactid="1090"><div class="ant-fullcalendar-value" data-reactid="1091">05</div><div class="ant-fullcalendar-content" data-reactid="1092"></div></div></td><td role="gridcell" title="2017-5-6" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="1093"><div class="ant-fullcalendar-date" data-reactid="1094"><div class="ant-fullcalendar-value" data-reactid="1095">06</div><div class="ant-fullcalendar-content" data-reactid="1096"></div></div></td></tr></tbody></table></div></div></div></div></section><section class="code-box-meta markdown" data-reactid="1097"><div class="code-box-title" data-reactid="1098"><a href="#components-calendar-demo-card" data-reactid="1099">Card</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/calendar/demo/card.md" data-reactid="1100"><i class="anticon anticon-edit" data-reactid="1101"></i></a></div><div data-reactid="1102"><p data-reactid="1103"><!-- react-text: 1104 -->Nested inside a container element for rendering in limited space.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="1105"></i></section><section class="highlight-wrapper" data-reactid="1106"><div class="highlight" data-reactid="1107"><i class="anticon anticon-copy code-box-code-copy" data-reactid="1108"></i><pre class="language-jsx" data-reactid="1109"><code data-reactid="1110"><span class="token keyword">import</span> <span class="token punctuation">{</span> Calendar <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">onPanelChange</span><span class="token punctuation">(</span>value<span class="token punctuation">,</span> mode<span class="token punctuation">)</span> <span class="token punctuation">{</span>
   console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>value<span class="token punctuation">,</span> mode<span class="token punctuation">)</span><span class="token punctuation">;</span>
diff --git a/components/card-cn/index.html b/components/card-cn/index.html
index 5e2a56687..65cb0fc4d 100644
--- a/components/card-cn/index.html
+++ b/components/card-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-268789210"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-992568792"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="典型卡片" data-reactid="293"><a href="#components-card-demo-basic" data-reactid="294">典型卡片</a></li><li title="无边框" data-reactid="295"><a href="#components-card-demo-border-less" data-reactid="296">无边框</a></li><li title="简洁卡片" data-reactid="297"><a href="#components-card-demo-simple" data-reactid="298">简洁卡片</a></li><li title="更灵活的内容展示" data-reactid="299"><a href="#components-card-demo-no-padding" data-reactid="300">更灵活的内容展示</a></li><li title="栅格卡片" data-reactid="301"><a href="#components-card-demo-grid" data-reactid="302">栅格卡片</a></li><li title="预加载的卡片" data-reactid="303"><a href="#components-card-demo-loading" data-reactid="304">预加载的卡片</a></li></ul></div></div><section class="markdown" data-reactid="305"><h1 data-reactid="306"><!-- react-text: 307 -->Card<!-- /react-text --><span class="subtitle" data-reactid="308">卡片</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/card/index.zh-CN.md" data-reactid="309"><i class="anticon anticon-edit" data-reactid="310"></i></a></h1><section class="markdown" data-reactid="311"><p data-reactid="312"><!-- react-text: 313 -->通用卡片容器。<!-- /react-text --></p><h2 id="何时使用" data-reactid="314"><span data-reactid="315"><!-- react-text: 316 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="317">#</a></h2><p data-reactid="318"><!-- react-text: 319 -->最基础的卡片容器，可承载文字、列表、图片、段落，常用于后台概览页面。<!-- /react-text --></p></section><h2 data-reactid="320"><span data-reactid="321">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="322"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="323"><div style="padding-left:8px;padding-right:8px;" class="ant-col-24 code-boxes-col-1-1" data-reactid="324"><section class="code-box" id="components-card-demo-basic" data-reactid="325"><section class="code-box-demo" data-reactid="326"><div style="width:300px;" class="ant-card ant-card-bordered" data-reactid="327"><div class="ant-card-head" data-reactid="328"><h3 class="ant-card-head-title" data-reactid="329">Card title</h3></div><div class="ant-card-extra" data-reactid="330"><a href="#" data-reactid="331">More</a></div><div class="ant-card-body" data-reactid="332"><p data-reactid="333">Card content</p><p data-reactid="334">Card content</p><p data-reactid="335">Card content</p></div></div></section><section class="code-box-meta markdown" data-reactid="336"><div class="code-box-title" data-reactid="337"><a href="#components-card-demo-basic" data-reactid="338">典型卡片</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/card/demo/basic.md" data-reactid="339"><i class="anticon anticon-edit" data-reactid="340"></i></a></div><div data-reactid="341"><p data-reactid="342"><!-- react-text: 343 -->包含标题、内容、操作区域。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="344"></i></section><section class="highlight-wrapper" data-reactid="345"><div class="highlight" data-reactid="346"><i class="anticon anticon-copy code-box-code-copy" data-reactid="347"></i><pre class="language-jsx" data-reactid="348"><code data-reactid="349"><span class="token keyword">import</span> <span class="token punctuation">{</span> Card <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="典型卡片" data-reactid="293"><a href="#components-card-demo-basic" data-reactid="294">典型卡片</a></li><li title="无边框" data-reactid="295"><a href="#components-card-demo-border-less" data-reactid="296">无边框</a></li><li title="简洁卡片" data-reactid="297"><a href="#components-card-demo-simple" data-reactid="298">简洁卡片</a></li><li title="更灵活的内容展示" data-reactid="299"><a href="#components-card-demo-no-padding" data-reactid="300">更灵活的内容展示</a></li><li title="栅格卡片" data-reactid="301"><a href="#components-card-demo-grid" data-reactid="302">栅格卡片</a></li><li title="预加载的卡片" data-reactid="303"><a href="#components-card-demo-loading" data-reactid="304">预加载的卡片</a></li></ul></div></div><section class="markdown" data-reactid="305"><h1 data-reactid="306"><!-- react-text: 307 -->Card<!-- /react-text --><span class="subtitle" data-reactid="308">卡片</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/card/index.zh-CN.md" data-reactid="309"><i class="anticon anticon-edit" data-reactid="310"></i></a></h1><section class="markdown" data-reactid="311"><p data-reactid="312"><!-- react-text: 313 -->通用卡片容器。<!-- /react-text --></p><h2 id="何时使用" data-reactid="314"><span data-reactid="315"><!-- react-text: 316 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="317">#</a></h2><p data-reactid="318"><!-- react-text: 319 -->最基础的卡片容器，可承载文字、列表、图片、段落，常用于后台概览页面。<!-- /react-text --></p></section><h2 data-reactid="320"><span data-reactid="321">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="322"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="323"><div style="padding-left:8px;padding-right:8px;" class="ant-col-24 code-boxes-col-1-1" data-reactid="324"><section class="code-box" id="components-card-demo-basic" data-reactid="325"><section class="code-box-demo" data-reactid="326"><div style="width:300px;" class="ant-card ant-card-bordered" data-reactid="327"><div class="ant-card-head" data-reactid="328"><h3 class="ant-card-head-title" data-reactid="329">Card title</h3></div><div class="ant-card-extra" data-reactid="330"><a href="#" data-reactid="331">More</a></div><div class="ant-card-body" data-reactid="332"><p data-reactid="333">Card content</p><p data-reactid="334">Card content</p><p data-reactid="335">Card content</p></div></div></section><section class="code-box-meta markdown" data-reactid="336"><div class="code-box-title" data-reactid="337"><a href="#components-card-demo-basic" data-reactid="338">典型卡片</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/card/demo/basic.md" data-reactid="339"><i class="anticon anticon-edit" data-reactid="340"></i></a></div><div data-reactid="341"><p data-reactid="342"><!-- react-text: 343 -->包含标题、内容、操作区域。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="344"></i></section><section class="highlight-wrapper" data-reactid="345"><div class="highlight" data-reactid="346"><i class="anticon anticon-copy code-box-code-copy" data-reactid="347"></i><pre class="language-jsx" data-reactid="348"><code data-reactid="349"><span class="token keyword">import</span> <span class="token punctuation">{</span> Card <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Card</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Card</span> <span class="token attr-name">title"</span> <span class="token attr-name">extra={&lt;a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>#<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>More<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">></span></span><span class="token punctuation">}</span> style<span class="token operator">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> width<span class="token punctuation">:</span> <span class="token number">300</span> <span class="token punctuation">}</span><span class="token punctuation">}</span><span class="token operator">></span>
diff --git a/components/card/index.html b/components/card/index.html
index 9bcb8fffe..74b77e975 100644
--- a/components/card/index.html
+++ b/components/card/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="761558295"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="105149721"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic card" data-reactid="293"><a href="#components-card-demo-basic" data-reactid="294">Basic card</a></li><li title="No border" data-reactid="295"><a href="#components-card-demo-border-less" data-reactid="296">No border</a></li><li title="Simple card" data-reactid="297"><a href="#components-card-demo-simple" data-reactid="298">Simple card</a></li><li title="Customized content" data-reactid="299"><a href="#components-card-demo-no-padding" data-reactid="300">Customized content</a></li><li title="Grid card" data-reactid="301"><a href="#components-card-demo-grid" data-reactid="302">Grid card</a></li><li title="Loading card" data-reactid="303"><a href="#components-card-demo-loading" data-reactid="304">Loading card</a></li></ul></div></div><section class="markdown" data-reactid="305"><h1 data-reactid="306"><!-- react-text: 307 -->Card<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/card/index.en-US.md" data-reactid="308"><i class="anticon anticon-edit" data-reactid="309"></i></a></h1><section class="markdown" data-reactid="310"><p data-reactid="311"><!-- react-text: 312 -->Simple rectangular container<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="313"><span data-reactid="314"><!-- react-text: 315 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="316">#</a></h2><p data-reactid="317"><!-- react-text: 318 -->A card can be used to display content related to a single subject. The content can consist of multiple elements of varying type and size.<!-- /react-text --></p></section><h2 data-reactid="319"><span data-reactid="320">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="321"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="322"><div style="padding-left:8px;padding-right:8px;" class="ant-col-24 code-boxes-col-1-1" data-reactid="323"><section class="code-box" id="components-card-demo-basic" data-reactid="324"><section class="code-box-demo" data-reactid="325"><div style="width:300px;" class="ant-card ant-card-bordered" data-reactid="326"><div class="ant-card-head" data-reactid="327"><h3 class="ant-card-head-title" data-reactid="328">Card title</h3></div><div class="ant-card-extra" data-reactid="329"><a href="#" data-reactid="330">More</a></div><div class="ant-card-body" data-reactid="331"><p data-reactid="332">Card content</p><p data-reactid="333">Card content</p><p data-reactid="334">Card content</p></div></div></section><section class="code-box-meta markdown" data-reactid="335"><div class="code-box-title" data-reactid="336"><a href="#components-card-demo-basic" data-reactid="337">Basic card</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/card/demo/basic.md" data-reactid="338"><i class="anticon anticon-edit" data-reactid="339"></i></a></div><div data-reactid="340"><p data-reactid="341"><!-- react-text: 342 -->A basic card containing a title, content and an extra corner content.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="343"></i></section><section class="highlight-wrapper" data-reactid="344"><div class="highlight" data-reactid="345"><i class="anticon anticon-copy code-box-code-copy" data-reactid="346"></i><pre class="language-jsx" data-reactid="347"><code data-reactid="348"><span class="token keyword">import</span> <span class="token punctuation">{</span> Card <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic card" data-reactid="293"><a href="#components-card-demo-basic" data-reactid="294">Basic card</a></li><li title="No border" data-reactid="295"><a href="#components-card-demo-border-less" data-reactid="296">No border</a></li><li title="Simple card" data-reactid="297"><a href="#components-card-demo-simple" data-reactid="298">Simple card</a></li><li title="Customized content" data-reactid="299"><a href="#components-card-demo-no-padding" data-reactid="300">Customized content</a></li><li title="Grid card" data-reactid="301"><a href="#components-card-demo-grid" data-reactid="302">Grid card</a></li><li title="Loading card" data-reactid="303"><a href="#components-card-demo-loading" data-reactid="304">Loading card</a></li></ul></div></div><section class="markdown" data-reactid="305"><h1 data-reactid="306"><!-- react-text: 307 -->Card<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/card/index.en-US.md" data-reactid="308"><i class="anticon anticon-edit" data-reactid="309"></i></a></h1><section class="markdown" data-reactid="310"><p data-reactid="311"><!-- react-text: 312 -->Simple rectangular container<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="313"><span data-reactid="314"><!-- react-text: 315 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="316">#</a></h2><p data-reactid="317"><!-- react-text: 318 -->A card can be used to display content related to a single subject. The content can consist of multiple elements of varying type and size.<!-- /react-text --></p></section><h2 data-reactid="319"><span data-reactid="320">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="321"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="322"><div style="padding-left:8px;padding-right:8px;" class="ant-col-24 code-boxes-col-1-1" data-reactid="323"><section class="code-box" id="components-card-demo-basic" data-reactid="324"><section class="code-box-demo" data-reactid="325"><div style="width:300px;" class="ant-card ant-card-bordered" data-reactid="326"><div class="ant-card-head" data-reactid="327"><h3 class="ant-card-head-title" data-reactid="328">Card title</h3></div><div class="ant-card-extra" data-reactid="329"><a href="#" data-reactid="330">More</a></div><div class="ant-card-body" data-reactid="331"><p data-reactid="332">Card content</p><p data-reactid="333">Card content</p><p data-reactid="334">Card content</p></div></div></section><section class="code-box-meta markdown" data-reactid="335"><div class="code-box-title" data-reactid="336"><a href="#components-card-demo-basic" data-reactid="337">Basic card</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/card/demo/basic.md" data-reactid="338"><i class="anticon anticon-edit" data-reactid="339"></i></a></div><div data-reactid="340"><p data-reactid="341"><!-- react-text: 342 -->A basic card containing a title, content and an extra corner content.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="343"></i></section><section class="highlight-wrapper" data-reactid="344"><div class="highlight" data-reactid="345"><i class="anticon anticon-copy code-box-code-copy" data-reactid="346"></i><pre class="language-jsx" data-reactid="347"><code data-reactid="348"><span class="token keyword">import</span> <span class="token punctuation">{</span> Card <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Card</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Card</span> <span class="token attr-name">title"</span> <span class="token attr-name">extra={&lt;a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>#<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>More<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">></span></span><span class="token punctuation">}</span> style<span class="token operator">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> width<span class="token punctuation">:</span> <span class="token number">300</span> <span class="token punctuation">}</span><span class="token punctuation">}</span><span class="token operator">></span>
diff --git a/components/carousel-cn/index.html b/components/carousel-cn/index.html
index 3eea8ae0f..eb8afa6b6 100644
--- a/components/carousel-cn/index.html
+++ b/components/carousel-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1397100001"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-200339997"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-carousel-demo-basic" data-reactid="294">基本</a></li><li title="垂直" data-reactid="295"><a href="#components-carousel-demo-vertical" data-reactid="296">垂直</a></li><li title="渐显" data-reactid="297"><a href="#components-carousel-demo-fade" data-reactid="298">渐显</a></li><li title="自动切换" data-reactid="299"><a href="#components-carousel-demo-autoplay" data-reactid="300">自动切换</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Carousel<!-- /react-text --><span class="subtitle" data-reactid="304">走马灯</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/carousel/index.zh-CN.md" data-reactid="305"><i class="anticon anticon-edit" data-reactid="306"></i></a></h1><section class="markdown" data-reactid="307"><p data-reactid="308"><!-- react-text: 309 -->旋转木马，一组轮播的区域。<!-- /react-text --></p><h2 id="何时使用" data-reactid="310"><span data-reactid="311"><!-- react-text: 312 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="313">#</a></h2><ul data-reactid="314"><li data-reactid="315"><p data-reactid="316"><!-- react-text: 317 -->当有一组平级的内容。<!-- /react-text --></p></li><li data-reactid="318"><p data-reactid="319"><!-- react-text: 320 -->当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。<!-- /react-text --></p></li><li data-reactid="321"><p data-reactid="322"><!-- react-text: 323 -->常用于一组图片或卡片轮播。<!-- /react-text --></p></li></ul></section><h2 data-reactid="324"><span data-reactid="325">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="326"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="327"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="328"><section class="code-box" id="components-carousel-demo-basic" data-reactid="329"><section class="code-box-demo" data-reactid="330"><div class="ant-carousel" data-reactid="331"><div class="slick-initialized slick-slider" data-reactid="332"><div class="slick-list" data-reactid="333"><div class="slick-track" data-reactid="334"><div data-index="-1" class="slick-slide slick-cloned" data-reactid="335"><h3 data-reactid="336">4</h3></div><div data-index="0" class="slick-slide slick-active slick-cloned" tabindex="-1" style="outline:none;" data-reactid="337"><h3 data-reactid="338">1</h3></div><div data-index="1" class="slick-slide slick-cloned" tabindex="-1" style="outline:none;" data-reactid="339"><h3 data-reactid="340">2</h3></div><div data-index="2" class="slick-slide slick-cloned" tabindex="-1" style="outline:none;" data-reactid="341"><h3 data-reactid="342">3</h3></div><div data-index="3" class="slick-slide slick-cloned" tabindex="-1" style="outline:none;" data-reactid="343"><h3 data-reactid="344">4</h3></div><div data-index="4" class="slick-slide slick-active slick-cloned" data-reactid="345"><h3 data-reactid="346">1</h3></div></div></div></div></div><style data-reactid="347">/* For demo */
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-carousel-demo-basic" data-reactid="294">基本</a></li><li title="垂直" data-reactid="295"><a href="#components-carousel-demo-vertical" data-reactid="296">垂直</a></li><li title="渐显" data-reactid="297"><a href="#components-carousel-demo-fade" data-reactid="298">渐显</a></li><li title="自动切换" data-reactid="299"><a href="#components-carousel-demo-autoplay" data-reactid="300">自动切换</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Carousel<!-- /react-text --><span class="subtitle" data-reactid="304">走马灯</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/carousel/index.zh-CN.md" data-reactid="305"><i class="anticon anticon-edit" data-reactid="306"></i></a></h1><section class="markdown" data-reactid="307"><p data-reactid="308"><!-- react-text: 309 -->旋转木马，一组轮播的区域。<!-- /react-text --></p><h2 id="何时使用" data-reactid="310"><span data-reactid="311"><!-- react-text: 312 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="313">#</a></h2><ul data-reactid="314"><li data-reactid="315"><p data-reactid="316"><!-- react-text: 317 -->当有一组平级的内容。<!-- /react-text --></p></li><li data-reactid="318"><p data-reactid="319"><!-- react-text: 320 -->当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。<!-- /react-text --></p></li><li data-reactid="321"><p data-reactid="322"><!-- react-text: 323 -->常用于一组图片或卡片轮播。<!-- /react-text --></p></li></ul></section><h2 data-reactid="324"><span data-reactid="325">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="326"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="327"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="328"><section class="code-box" id="components-carousel-demo-basic" data-reactid="329"><section class="code-box-demo" data-reactid="330"><div class="ant-carousel" data-reactid="331"><div class="slick-initialized slick-slider" data-reactid="332"><div class="slick-list" data-reactid="333"><div class="slick-track" data-reactid="334"><div data-index="-1" class="slick-slide slick-cloned" data-reactid="335"><h3 data-reactid="336">4</h3></div><div data-index="0" class="slick-slide slick-active slick-cloned" tabindex="-1" style="outline:none;" data-reactid="337"><h3 data-reactid="338">1</h3></div><div data-index="1" class="slick-slide slick-cloned" tabindex="-1" style="outline:none;" data-reactid="339"><h3 data-reactid="340">2</h3></div><div data-index="2" class="slick-slide slick-cloned" tabindex="-1" style="outline:none;" data-reactid="341"><h3 data-reactid="342">3</h3></div><div data-index="3" class="slick-slide slick-cloned" tabindex="-1" style="outline:none;" data-reactid="343"><h3 data-reactid="344">4</h3></div><div data-index="4" class="slick-slide slick-active slick-cloned" data-reactid="345"><h3 data-reactid="346">1</h3></div></div></div></div></div><style data-reactid="347">/* For demo */
 .ant-carousel .slick-slide {
   text-align: center;
   height: 160px;
diff --git a/components/carousel/index.html b/components/carousel/index.html
index 7b92a66e9..05c6f4341 100644
--- a/components/carousel/index.html
+++ b/components/carousel/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-653774842"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="2117087240"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-carousel-demo-basic" data-reactid="294">Basic</a></li><li title="Vertical" data-reactid="295"><a href="#components-carousel-demo-vertical" data-reactid="296">Vertical</a></li><li title="Fade in" data-reactid="297"><a href="#components-carousel-demo-fade" data-reactid="298">Fade in</a></li><li title="Scroll automatically" data-reactid="299"><a href="#components-carousel-demo-autoplay" data-reactid="300">Scroll automatically</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Carousel<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/carousel/index.en-US.md" data-reactid="304"><i class="anticon anticon-edit" data-reactid="305"></i></a></h1><section class="markdown" data-reactid="306"><p data-reactid="307"><!-- react-text: 308 -->A carousel component. Scales with its container.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="309"><span data-reactid="310"><!-- react-text: 311 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="312">#</a></h2><ul data-reactid="313"><li data-reactid="314"><p data-reactid="315"><!-- react-text: 316 -->When there is a group of content on the same level.<!-- /react-text --></p></li><li data-reactid="317"><p data-reactid="318"><!-- react-text: 319 -->When there is insufficient content space, it can be used to save space in the form of a resolving door.<!-- /react-text --></p></li><li data-reactid="320"><p data-reactid="321"><!-- react-text: 322 -->Commonly used for a group of pictures/cards.<!-- /react-text --></p></li></ul></section><h2 data-reactid="323"><span data-reactid="324">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="325"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="326"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="327"><section class="code-box" id="components-carousel-demo-basic" data-reactid="328"><section class="code-box-demo" data-reactid="329"><div class="ant-carousel" data-reactid="330"><div class="slick-initialized slick-slider" data-reactid="331"><div class="slick-list" data-reactid="332"><div class="slick-track" data-reactid="333"><div data-index="-1" class="slick-slide slick-cloned" data-reactid="334"><h3 data-reactid="335">4</h3></div><div data-index="0" class="slick-slide slick-active slick-cloned" tabindex="-1" style="outline:none;" data-reactid="336"><h3 data-reactid="337">1</h3></div><div data-index="1" class="slick-slide slick-cloned" tabindex="-1" style="outline:none;" data-reactid="338"><h3 data-reactid="339">2</h3></div><div data-index="2" class="slick-slide slick-cloned" tabindex="-1" style="outline:none;" data-reactid="340"><h3 data-reactid="341">3</h3></div><div data-index="3" class="slick-slide slick-cloned" tabindex="-1" style="outline:none;" data-reactid="342"><h3 data-reactid="343">4</h3></div><div data-index="4" class="slick-slide slick-active slick-cloned" data-reactid="344"><h3 data-reactid="345">1</h3></div></div></div></div></div><style data-reactid="346">/* For demo */
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-carousel-demo-basic" data-reactid="294">Basic</a></li><li title="Vertical" data-reactid="295"><a href="#components-carousel-demo-vertical" data-reactid="296">Vertical</a></li><li title="Fade in" data-reactid="297"><a href="#components-carousel-demo-fade" data-reactid="298">Fade in</a></li><li title="Scroll automatically" data-reactid="299"><a href="#components-carousel-demo-autoplay" data-reactid="300">Scroll automatically</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Carousel<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/carousel/index.en-US.md" data-reactid="304"><i class="anticon anticon-edit" data-reactid="305"></i></a></h1><section class="markdown" data-reactid="306"><p data-reactid="307"><!-- react-text: 308 -->A carousel component. Scales with its container.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="309"><span data-reactid="310"><!-- react-text: 311 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="312">#</a></h2><ul data-reactid="313"><li data-reactid="314"><p data-reactid="315"><!-- react-text: 316 -->When there is a group of content on the same level.<!-- /react-text --></p></li><li data-reactid="317"><p data-reactid="318"><!-- react-text: 319 -->When there is insufficient content space, it can be used to save space in the form of a resolving door.<!-- /react-text --></p></li><li data-reactid="320"><p data-reactid="321"><!-- react-text: 322 -->Commonly used for a group of pictures/cards.<!-- /react-text --></p></li></ul></section><h2 data-reactid="323"><span data-reactid="324">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="325"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="326"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="327"><section class="code-box" id="components-carousel-demo-basic" data-reactid="328"><section class="code-box-demo" data-reactid="329"><div class="ant-carousel" data-reactid="330"><div class="slick-initialized slick-slider" data-reactid="331"><div class="slick-list" data-reactid="332"><div class="slick-track" data-reactid="333"><div data-index="-1" class="slick-slide slick-cloned" data-reactid="334"><h3 data-reactid="335">4</h3></div><div data-index="0" class="slick-slide slick-active slick-cloned" tabindex="-1" style="outline:none;" data-reactid="336"><h3 data-reactid="337">1</h3></div><div data-index="1" class="slick-slide slick-cloned" tabindex="-1" style="outline:none;" data-reactid="338"><h3 data-reactid="339">2</h3></div><div data-index="2" class="slick-slide slick-cloned" tabindex="-1" style="outline:none;" data-reactid="340"><h3 data-reactid="341">3</h3></div><div data-index="3" class="slick-slide slick-cloned" tabindex="-1" style="outline:none;" data-reactid="342"><h3 data-reactid="343">4</h3></div><div data-index="4" class="slick-slide slick-active slick-cloned" data-reactid="344"><h3 data-reactid="345">1</h3></div></div></div></div></div><style data-reactid="346">/* For demo */
 .ant-carousel .slick-slide {
   text-align: center;
   height: 160px;
diff --git a/components/cascader-cn/index.html b/components/cascader-cn/index.html
index 1f464842b..b7a47ef84 100644
--- a/components/cascader-cn/index.html
+++ b/components/cascader-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="492862775"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-965771975"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-cascader-demo-basic" data-reactid="294">基本</a></li><li title="默认值" data-reactid="295"><a href="#components-cascader-demo-default-value" data-reactid="296">默认值</a></li><li title="可以自定义显示" data-reactid="297"><a href="#components-cascader-demo-custom-trigger" data-reactid="298">可以自定义显示</a></li><li title="移入展开" data-reactid="299"><a href="#components-cascader-demo-hover" data-reactid="300">移入展开</a></li><li title="禁用选项" data-reactid="301"><a href="#components-cascader-demo-disabled-option" data-reactid="302">禁用选项</a></li><li title="选择即改变" data-reactid="303"><a href="#components-cascader-demo-change-on-select" data-reactid="304">选择即改变</a></li><li title="大小" data-reactid="305"><a href="#components-cascader-demo-size" data-reactid="306">大小</a></li><li title="自定义已选项" data-reactid="307"><a href="#components-cascader-demo-custom-render" data-reactid="308">自定义已选项</a></li><li title="搜索" data-reactid="309"><a href="#components-cascader-demo-search" data-reactid="310">搜索</a></li><li title="动态加载选项" data-reactid="311"><a href="#components-cascader-demo-lazy" data-reactid="312">动态加载选项</a></li></ul></div></div><section class="markdown" data-reactid="313"><h1 data-reactid="314"><!-- react-text: 315 -->Cascader<!-- /react-text --><span class="subtitle" data-reactid="316">级联选择</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/cascader/index.zh-CN.md" data-reactid="317"><i class="anticon anticon-edit" data-reactid="318"></i></a></h1><section class="markdown" data-reactid="319"><p data-reactid="320"><!-- react-text: 321 -->级联选择框。<!-- /react-text --></p><h2 id="何时使用" data-reactid="322"><span data-reactid="323"><!-- react-text: 324 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="325">#</a></h2><ul data-reactid="326"><li data-reactid="327"><p data-reactid="328"><!-- react-text: 329 -->需要从一组相关联的数据集合进行选择，例如省市区，公司层级，事物分类等。<!-- /react-text --></p></li><li data-reactid="330"><p data-reactid="331"><!-- react-text: 332 -->从一个较大的数据集合中进行选择时，用多级分类进行分隔，方便选择。<!-- /react-text --></p></li><li data-reactid="333"><p data-reactid="334"><!-- react-text: 335 -->比起 Select 组件，可以在同一个浮层中完成选择，有较好的体验。<!-- /react-text --></p></li></ul></section><h2 data-reactid="336"><span data-reactid="337">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="338"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="339"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="340"><section class="code-box" id="components-cascader-demo-basic" data-reactid="341"><section class="code-box-demo" data-reactid="342"><span class="ant-cascader-picker" tabindex="0" data-reactid="343"><input type="text" placeholder="Please select" class="ant-input ant-cascader-input " value="" readonly="" autocomplete="off" data-reactid="344"/><span class="ant-cascader-picker-label" data-reactid="345"></span><i class="anticon anticon-down ant-cascader-picker-arrow" data-reactid="346"></i></span></section><section class="code-box-meta markdown" data-reactid="347"><div class="code-box-title" data-reactid="348"><a href="#components-cascader-demo-basic" data-reactid="349">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/cascader/demo/basic.md" data-reactid="350"><i class="anticon anticon-edit" data-reactid="351"></i></a></div><div data-reactid="352"><p data-reactid="353"><!-- react-text: 354 -->省市区级联。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="355"></i></section><section class="highlight-wrapper" data-reactid="356"><div class="highlight" data-reactid="357"><i class="anticon anticon-copy code-box-code-copy" data-reactid="358"></i><pre class="language-jsx" data-reactid="359"><code data-reactid="360"><span class="token keyword">import</span> <span class="token punctuation">{</span> Cascader <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-cascader-demo-basic" data-reactid="294">基本</a></li><li title="默认值" data-reactid="295"><a href="#components-cascader-demo-default-value" data-reactid="296">默认值</a></li><li title="可以自定义显示" data-reactid="297"><a href="#components-cascader-demo-custom-trigger" data-reactid="298">可以自定义显示</a></li><li title="移入展开" data-reactid="299"><a href="#components-cascader-demo-hover" data-reactid="300">移入展开</a></li><li title="禁用选项" data-reactid="301"><a href="#components-cascader-demo-disabled-option" data-reactid="302">禁用选项</a></li><li title="选择即改变" data-reactid="303"><a href="#components-cascader-demo-change-on-select" data-reactid="304">选择即改变</a></li><li title="大小" data-reactid="305"><a href="#components-cascader-demo-size" data-reactid="306">大小</a></li><li title="自定义已选项" data-reactid="307"><a href="#components-cascader-demo-custom-render" data-reactid="308">自定义已选项</a></li><li title="搜索" data-reactid="309"><a href="#components-cascader-demo-search" data-reactid="310">搜索</a></li><li title="动态加载选项" data-reactid="311"><a href="#components-cascader-demo-lazy" data-reactid="312">动态加载选项</a></li></ul></div></div><section class="markdown" data-reactid="313"><h1 data-reactid="314"><!-- react-text: 315 -->Cascader<!-- /react-text --><span class="subtitle" data-reactid="316">级联选择</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/cascader/index.zh-CN.md" data-reactid="317"><i class="anticon anticon-edit" data-reactid="318"></i></a></h1><section class="markdown" data-reactid="319"><p data-reactid="320"><!-- react-text: 321 -->级联选择框。<!-- /react-text --></p><h2 id="何时使用" data-reactid="322"><span data-reactid="323"><!-- react-text: 324 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="325">#</a></h2><ul data-reactid="326"><li data-reactid="327"><p data-reactid="328"><!-- react-text: 329 -->需要从一组相关联的数据集合进行选择，例如省市区，公司层级，事物分类等。<!-- /react-text --></p></li><li data-reactid="330"><p data-reactid="331"><!-- react-text: 332 -->从一个较大的数据集合中进行选择时，用多级分类进行分隔，方便选择。<!-- /react-text --></p></li><li data-reactid="333"><p data-reactid="334"><!-- react-text: 335 -->比起 Select 组件，可以在同一个浮层中完成选择，有较好的体验。<!-- /react-text --></p></li></ul></section><h2 data-reactid="336"><span data-reactid="337">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="338"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="339"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="340"><section class="code-box" id="components-cascader-demo-basic" data-reactid="341"><section class="code-box-demo" data-reactid="342"><span class="ant-cascader-picker" tabindex="0" data-reactid="343"><input type="text" placeholder="Please select" class="ant-input ant-cascader-input " value="" readonly="" autocomplete="off" data-reactid="344"/><span class="ant-cascader-picker-label" data-reactid="345"></span><i class="anticon anticon-down ant-cascader-picker-arrow" data-reactid="346"></i></span></section><section class="code-box-meta markdown" data-reactid="347"><div class="code-box-title" data-reactid="348"><a href="#components-cascader-demo-basic" data-reactid="349">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/cascader/demo/basic.md" data-reactid="350"><i class="anticon anticon-edit" data-reactid="351"></i></a></div><div data-reactid="352"><p data-reactid="353"><!-- react-text: 354 -->省市区级联。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="355"></i></section><section class="highlight-wrapper" data-reactid="356"><div class="highlight" data-reactid="357"><i class="anticon anticon-copy code-box-code-copy" data-reactid="358"></i><pre class="language-jsx" data-reactid="359"><code data-reactid="360"><span class="token keyword">import</span> <span class="token punctuation">{</span> Cascader <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">const</span> options <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token punctuation">{</span>
   value<span class="token punctuation">:</span> <span class="token string">'zhejiang'</span><span class="token punctuation">,</span>
diff --git a/components/cascader/index.html b/components/cascader/index.html
index b1ad2c385..71abb8cde 100644
--- a/components/cascader/index.html
+++ b/components/cascader/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1441829837"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1539271733"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-cascader-demo-basic" data-reactid="294">Basic</a></li><li title="Default value" data-reactid="295"><a href="#components-cascader-demo-default-value" data-reactid="296">Default value</a></li><li title="Custom trigger" data-reactid="297"><a href="#components-cascader-demo-custom-trigger" data-reactid="298">Custom trigger</a></li><li title="Hover" data-reactid="299"><a href="#components-cascader-demo-hover" data-reactid="300">Hover</a></li><li title="Disabled option" data-reactid="301"><a href="#components-cascader-demo-disabled-option" data-reactid="302">Disabled option</a></li><li title="Change on select" data-reactid="303"><a href="#components-cascader-demo-change-on-select" data-reactid="304">Change on select</a></li><li title="Size" data-reactid="305"><a href="#components-cascader-demo-size" data-reactid="306">Size</a></li><li title="Custom render" data-reactid="307"><a href="#components-cascader-demo-custom-render" data-reactid="308">Custom render</a></li><li title="Search" data-reactid="309"><a href="#components-cascader-demo-search" data-reactid="310">Search</a></li><li title="Load Options Lazily" data-reactid="311"><a href="#components-cascader-demo-lazy" data-reactid="312">Load Options Lazily</a></li></ul></div></div><section class="markdown" data-reactid="313"><h1 data-reactid="314"><!-- react-text: 315 -->Cascader<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/cascader/index.en-US.md" data-reactid="316"><i class="anticon anticon-edit" data-reactid="317"></i></a></h1><section class="markdown" data-reactid="318"><p data-reactid="319"><!-- react-text: 320 -->Cascade selection box.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="321"><span data-reactid="322"><!-- react-text: 323 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="324">#</a></h2><ul data-reactid="325"><li data-reactid="326"><p data-reactid="327"><!-- react-text: 328 -->When you need to select from a set of associated data set. Such as province/city/district, company level, things classification.<!-- /react-text --></p></li><li data-reactid="329"><p data-reactid="330"><!-- react-text: 331 -->When selecting from a large data set, with multi-stage classification separated for easy selection.<!-- /react-text --></p></li><li data-reactid="332"><p data-reactid="333"><!-- react-text: 334 -->Chooses cascade items in one float layer for better user experience.<!-- /react-text --></p></li></ul></section><h2 data-reactid="335"><span data-reactid="336">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="337"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="338"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="339"><section class="code-box" id="components-cascader-demo-basic" data-reactid="340"><section class="code-box-demo" data-reactid="341"><span class="ant-cascader-picker" tabindex="0" data-reactid="342"><input type="text" placeholder="Please select" class="ant-input ant-cascader-input " value="" readonly="" autocomplete="off" data-reactid="343"/><span class="ant-cascader-picker-label" data-reactid="344"></span><i class="anticon anticon-down ant-cascader-picker-arrow" data-reactid="345"></i></span></section><section class="code-box-meta markdown" data-reactid="346"><div class="code-box-title" data-reactid="347"><a href="#components-cascader-demo-basic" data-reactid="348">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/cascader/demo/basic.md" data-reactid="349"><i class="anticon anticon-edit" data-reactid="350"></i></a></div><div data-reactid="351"><p data-reactid="352"><!-- react-text: 353 -->Cascade selection box for selecting province/city/district.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="354"></i></section><section class="highlight-wrapper" data-reactid="355"><div class="highlight" data-reactid="356"><i class="anticon anticon-copy code-box-code-copy" data-reactid="357"></i><pre class="language-jsx" data-reactid="358"><code data-reactid="359"><span class="token keyword">import</span> <span class="token punctuation">{</span> Cascader <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-cascader-demo-basic" data-reactid="294">Basic</a></li><li title="Default value" data-reactid="295"><a href="#components-cascader-demo-default-value" data-reactid="296">Default value</a></li><li title="Custom trigger" data-reactid="297"><a href="#components-cascader-demo-custom-trigger" data-reactid="298">Custom trigger</a></li><li title="Hover" data-reactid="299"><a href="#components-cascader-demo-hover" data-reactid="300">Hover</a></li><li title="Disabled option" data-reactid="301"><a href="#components-cascader-demo-disabled-option" data-reactid="302">Disabled option</a></li><li title="Change on select" data-reactid="303"><a href="#components-cascader-demo-change-on-select" data-reactid="304">Change on select</a></li><li title="Size" data-reactid="305"><a href="#components-cascader-demo-size" data-reactid="306">Size</a></li><li title="Custom render" data-reactid="307"><a href="#components-cascader-demo-custom-render" data-reactid="308">Custom render</a></li><li title="Search" data-reactid="309"><a href="#components-cascader-demo-search" data-reactid="310">Search</a></li><li title="Load Options Lazily" data-reactid="311"><a href="#components-cascader-demo-lazy" data-reactid="312">Load Options Lazily</a></li></ul></div></div><section class="markdown" data-reactid="313"><h1 data-reactid="314"><!-- react-text: 315 -->Cascader<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/cascader/index.en-US.md" data-reactid="316"><i class="anticon anticon-edit" data-reactid="317"></i></a></h1><section class="markdown" data-reactid="318"><p data-reactid="319"><!-- react-text: 320 -->Cascade selection box.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="321"><span data-reactid="322"><!-- react-text: 323 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="324">#</a></h2><ul data-reactid="325"><li data-reactid="326"><p data-reactid="327"><!-- react-text: 328 -->When you need to select from a set of associated data set. Such as province/city/district, company level, things classification.<!-- /react-text --></p></li><li data-reactid="329"><p data-reactid="330"><!-- react-text: 331 -->When selecting from a large data set, with multi-stage classification separated for easy selection.<!-- /react-text --></p></li><li data-reactid="332"><p data-reactid="333"><!-- react-text: 334 -->Chooses cascade items in one float layer for better user experience.<!-- /react-text --></p></li></ul></section><h2 data-reactid="335"><span data-reactid="336">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="337"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="338"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="339"><section class="code-box" id="components-cascader-demo-basic" data-reactid="340"><section class="code-box-demo" data-reactid="341"><span class="ant-cascader-picker" tabindex="0" data-reactid="342"><input type="text" placeholder="Please select" class="ant-input ant-cascader-input " value="" readonly="" autocomplete="off" data-reactid="343"/><span class="ant-cascader-picker-label" data-reactid="344"></span><i class="anticon anticon-down ant-cascader-picker-arrow" data-reactid="345"></i></span></section><section class="code-box-meta markdown" data-reactid="346"><div class="code-box-title" data-reactid="347"><a href="#components-cascader-demo-basic" data-reactid="348">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/cascader/demo/basic.md" data-reactid="349"><i class="anticon anticon-edit" data-reactid="350"></i></a></div><div data-reactid="351"><p data-reactid="352"><!-- react-text: 353 -->Cascade selection box for selecting province/city/district.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="354"></i></section><section class="highlight-wrapper" data-reactid="355"><div class="highlight" data-reactid="356"><i class="anticon anticon-copy code-box-code-copy" data-reactid="357"></i><pre class="language-jsx" data-reactid="358"><code data-reactid="359"><span class="token keyword">import</span> <span class="token punctuation">{</span> Cascader <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">const</span> options <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token punctuation">{</span>
   value<span class="token punctuation">:</span> <span class="token string">'zhejiang'</span><span class="token punctuation">,</span>
diff --git a/components/checkbox-cn/index.html b/components/checkbox-cn/index.html
index 4ce2bb9c7..d37ca52ef 100644
--- a/components/checkbox-cn/index.html
+++ b/components/checkbox-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1917941441"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1192003901"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本用法" data-reactid="293"><a href="#components-checkbox-demo-basic" data-reactid="294">基本用法</a></li><li title="不可用" data-reactid="295"><a href="#components-checkbox-demo-disabled" data-reactid="296">不可用</a></li><li title="受控的 Checkbox" data-reactid="297"><a href="#components-checkbox-demo-controller" data-reactid="298">受控的 Checkbox</a></li><li title="Checkbox 组" data-reactid="299"><a href="#components-checkbox-demo-group" data-reactid="300">Checkbox 组</a></li><li title="全选" data-reactid="301"><a href="#components-checkbox-demo-check-all" data-reactid="302">全选</a></li></ul></div></div><section class="markdown" data-reactid="303"><h1 data-reactid="304"><!-- react-text: 305 -->Checkbox<!-- /react-text --><span class="subtitle" data-reactid="306">多选框</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/checkbox/index.zh-CN.md" data-reactid="307"><i class="anticon anticon-edit" data-reactid="308"></i></a></h1><section class="markdown" data-reactid="309"><p data-reactid="310"><!-- react-text: 311 -->多选框。<!-- /react-text --></p><h2 id="何时使用" data-reactid="312"><span data-reactid="313"><!-- react-text: 314 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="315">#</a></h2><ul data-reactid="316"><li data-reactid="317"><p data-reactid="318"><!-- react-text: 319 -->在一组可选项中进行多项选择时；<!-- /react-text --></p></li><li data-reactid="320"><p data-reactid="321"><!-- react-text: 322 -->单独使用可以表示两种状态之间的切换，和 <!-- /react-text --><code data-reactid="323"><!-- react-text: 324 -->switch<!-- /react-text --></code><!-- react-text: 325 --> 类似。区别在于切换 <!-- /react-text --><code data-reactid="326"><!-- react-text: 327 -->switch<!-- /react-text --></code><!-- react-text: 328 --> 会直接触发状态改变，而 <!-- /react-text --><code data-reactid="329"><!-- react-text: 330 -->checkbox<!-- /react-text --></code><!-- react-text: 331 --> 一般用于状态标记，需要和提交操作配合。<!-- /react-text --></p></li></ul></section><h2 data-reactid="332"><span data-reactid="333">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="334"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="335"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="336"><section class="code-box" id="components-checkbox-demo-basic" data-reactid="337"><section class="code-box-demo" data-reactid="338"><label class="ant-checkbox-wrapper" data-reactid="339"><span class="ant-checkbox" data-reactid="340"><input type="checkbox" class="ant-checkbox-input" data-reactid="341"/><span class="ant-checkbox-inner" data-reactid="342"></span></span><span data-reactid="343">Checkbox</span></label></section><section class="code-box-meta markdown" data-reactid="344"><div class="code-box-title" data-reactid="345"><a href="#components-checkbox-demo-basic" data-reactid="346">基本用法</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/checkbox/demo/basic.md" data-reactid="347"><i class="anticon anticon-edit" data-reactid="348"></i></a></div><div data-reactid="349"><p data-reactid="350"><!-- react-text: 351 -->简单的 checkbox。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="352"></i></section><section class="highlight-wrapper" data-reactid="353"><div class="highlight" data-reactid="354"><i class="anticon anticon-copy code-box-code-copy" data-reactid="355"></i><pre class="language-jsx" data-reactid="356"><code data-reactid="357"><span class="token keyword">import</span> <span class="token punctuation">{</span> Checkbox <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本用法" data-reactid="293"><a href="#components-checkbox-demo-basic" data-reactid="294">基本用法</a></li><li title="不可用" data-reactid="295"><a href="#components-checkbox-demo-disabled" data-reactid="296">不可用</a></li><li title="受控的 Checkbox" data-reactid="297"><a href="#components-checkbox-demo-controller" data-reactid="298">受控的 Checkbox</a></li><li title="Checkbox 组" data-reactid="299"><a href="#components-checkbox-demo-group" data-reactid="300">Checkbox 组</a></li><li title="全选" data-reactid="301"><a href="#components-checkbox-demo-check-all" data-reactid="302">全选</a></li></ul></div></div><section class="markdown" data-reactid="303"><h1 data-reactid="304"><!-- react-text: 305 -->Checkbox<!-- /react-text --><span class="subtitle" data-reactid="306">多选框</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/checkbox/index.zh-CN.md" data-reactid="307"><i class="anticon anticon-edit" data-reactid="308"></i></a></h1><section class="markdown" data-reactid="309"><p data-reactid="310"><!-- react-text: 311 -->多选框。<!-- /react-text --></p><h2 id="何时使用" data-reactid="312"><span data-reactid="313"><!-- react-text: 314 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="315">#</a></h2><ul data-reactid="316"><li data-reactid="317"><p data-reactid="318"><!-- react-text: 319 -->在一组可选项中进行多项选择时；<!-- /react-text --></p></li><li data-reactid="320"><p data-reactid="321"><!-- react-text: 322 -->单独使用可以表示两种状态之间的切换，和 <!-- /react-text --><code data-reactid="323"><!-- react-text: 324 -->switch<!-- /react-text --></code><!-- react-text: 325 --> 类似。区别在于切换 <!-- /react-text --><code data-reactid="326"><!-- react-text: 327 -->switch<!-- /react-text --></code><!-- react-text: 328 --> 会直接触发状态改变，而 <!-- /react-text --><code data-reactid="329"><!-- react-text: 330 -->checkbox<!-- /react-text --></code><!-- react-text: 331 --> 一般用于状态标记，需要和提交操作配合。<!-- /react-text --></p></li></ul></section><h2 data-reactid="332"><span data-reactid="333">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="334"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="335"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="336"><section class="code-box" id="components-checkbox-demo-basic" data-reactid="337"><section class="code-box-demo" data-reactid="338"><label class="ant-checkbox-wrapper" data-reactid="339"><span class="ant-checkbox" data-reactid="340"><input type="checkbox" class="ant-checkbox-input" data-reactid="341"/><span class="ant-checkbox-inner" data-reactid="342"></span></span><span data-reactid="343">Checkbox</span></label></section><section class="code-box-meta markdown" data-reactid="344"><div class="code-box-title" data-reactid="345"><a href="#components-checkbox-demo-basic" data-reactid="346">基本用法</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/checkbox/demo/basic.md" data-reactid="347"><i class="anticon anticon-edit" data-reactid="348"></i></a></div><div data-reactid="349"><p data-reactid="350"><!-- react-text: 351 -->简单的 checkbox。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="352"></i></section><section class="highlight-wrapper" data-reactid="353"><div class="highlight" data-reactid="354"><i class="anticon anticon-copy code-box-code-copy" data-reactid="355"></i><pre class="language-jsx" data-reactid="356"><code data-reactid="357"><span class="token keyword">import</span> <span class="token punctuation">{</span> Checkbox <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">onChange</span><span class="token punctuation">(</span>e<span class="token punctuation">)</span> <span class="token punctuation">{</span>
   console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token template-string"><span class="token string">`checked = </span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">${</span>e<span class="token punctuation">.</span>target<span class="token punctuation">.</span>checked<span class="token interpolation-punctuation punctuation">}</span></span><span class="token string">`</span></span><span class="token punctuation">)</span><span class="token punctuation">;</span>
diff --git a/components/checkbox/index.html b/components/checkbox/index.html
index d645924b7..c0f12ac7f 100644
--- a/components/checkbox/index.html
+++ b/components/checkbox/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1127568781"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="37333621"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-checkbox-demo-basic" data-reactid="294">Basic</a></li><li title="Disabled" data-reactid="295"><a href="#components-checkbox-demo-disabled" data-reactid="296">Disabled</a></li><li title="Controlled Checkbox" data-reactid="297"><a href="#components-checkbox-demo-controller" data-reactid="298">Controlled Checkbox</a></li><li title="Checkbox Group" data-reactid="299"><a href="#components-checkbox-demo-group" data-reactid="300">Checkbox Group</a></li><li title="Check all" data-reactid="301"><a href="#components-checkbox-demo-check-all" data-reactid="302">Check all</a></li></ul></div></div><section class="markdown" data-reactid="303"><h1 data-reactid="304"><!-- react-text: 305 -->Checkbox<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/checkbox/index.en-US.md" data-reactid="306"><i class="anticon anticon-edit" data-reactid="307"></i></a></h1><section class="markdown" data-reactid="308"><p data-reactid="309"><!-- react-text: 310 -->Checkbox.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="311"><span data-reactid="312"><!-- react-text: 313 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="314">#</a></h2><ul data-reactid="315"><li data-reactid="316"><p data-reactid="317"><!-- react-text: 318 -->Used for selecting multiple values from several options.<!-- /react-text --></p></li><li data-reactid="319"><p data-reactid="320"><!-- react-text: 321 -->If you use only one checkbox, it is the same as using Switch to toggle between two states. The difference is that Switch will trigger the state change directly, but Checkbox just marks the state as changed and this needs to be submitted.<!-- /react-text --></p></li></ul></section><h2 data-reactid="322"><span data-reactid="323">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="324"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="325"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="326"><section class="code-box" id="components-checkbox-demo-basic" data-reactid="327"><section class="code-box-demo" data-reactid="328"><label class="ant-checkbox-wrapper" data-reactid="329"><span class="ant-checkbox" data-reactid="330"><input type="checkbox" class="ant-checkbox-input" data-reactid="331"/><span class="ant-checkbox-inner" data-reactid="332"></span></span><span data-reactid="333">Checkbox</span></label></section><section class="code-box-meta markdown" data-reactid="334"><div class="code-box-title" data-reactid="335"><a href="#components-checkbox-demo-basic" data-reactid="336">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/checkbox/demo/basic.md" data-reactid="337"><i class="anticon anticon-edit" data-reactid="338"></i></a></div><div data-reactid="339"><p data-reactid="340"><!-- react-text: 341 -->Basic usage of checkbox.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="342"></i></section><section class="highlight-wrapper" data-reactid="343"><div class="highlight" data-reactid="344"><i class="anticon anticon-copy code-box-code-copy" data-reactid="345"></i><pre class="language-jsx" data-reactid="346"><code data-reactid="347"><span class="token keyword">import</span> <span class="token punctuation">{</span> Checkbox <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-checkbox-demo-basic" data-reactid="294">Basic</a></li><li title="Disabled" data-reactid="295"><a href="#components-checkbox-demo-disabled" data-reactid="296">Disabled</a></li><li title="Controlled Checkbox" data-reactid="297"><a href="#components-checkbox-demo-controller" data-reactid="298">Controlled Checkbox</a></li><li title="Checkbox Group" data-reactid="299"><a href="#components-checkbox-demo-group" data-reactid="300">Checkbox Group</a></li><li title="Check all" data-reactid="301"><a href="#components-checkbox-demo-check-all" data-reactid="302">Check all</a></li></ul></div></div><section class="markdown" data-reactid="303"><h1 data-reactid="304"><!-- react-text: 305 -->Checkbox<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/checkbox/index.en-US.md" data-reactid="306"><i class="anticon anticon-edit" data-reactid="307"></i></a></h1><section class="markdown" data-reactid="308"><p data-reactid="309"><!-- react-text: 310 -->Checkbox.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="311"><span data-reactid="312"><!-- react-text: 313 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="314">#</a></h2><ul data-reactid="315"><li data-reactid="316"><p data-reactid="317"><!-- react-text: 318 -->Used for selecting multiple values from several options.<!-- /react-text --></p></li><li data-reactid="319"><p data-reactid="320"><!-- react-text: 321 -->If you use only one checkbox, it is the same as using Switch to toggle between two states. The difference is that Switch will trigger the state change directly, but Checkbox just marks the state as changed and this needs to be submitted.<!-- /react-text --></p></li></ul></section><h2 data-reactid="322"><span data-reactid="323">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="324"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="325"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="326"><section class="code-box" id="components-checkbox-demo-basic" data-reactid="327"><section class="code-box-demo" data-reactid="328"><label class="ant-checkbox-wrapper" data-reactid="329"><span class="ant-checkbox" data-reactid="330"><input type="checkbox" class="ant-checkbox-input" data-reactid="331"/><span class="ant-checkbox-inner" data-reactid="332"></span></span><span data-reactid="333">Checkbox</span></label></section><section class="code-box-meta markdown" data-reactid="334"><div class="code-box-title" data-reactid="335"><a href="#components-checkbox-demo-basic" data-reactid="336">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/checkbox/demo/basic.md" data-reactid="337"><i class="anticon anticon-edit" data-reactid="338"></i></a></div><div data-reactid="339"><p data-reactid="340"><!-- react-text: 341 -->Basic usage of checkbox.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="342"></i></section><section class="highlight-wrapper" data-reactid="343"><div class="highlight" data-reactid="344"><i class="anticon anticon-copy code-box-code-copy" data-reactid="345"></i><pre class="language-jsx" data-reactid="346"><code data-reactid="347"><span class="token keyword">import</span> <span class="token punctuation">{</span> Checkbox <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">onChange</span><span class="token punctuation">(</span>e<span class="token punctuation">)</span> <span class="token punctuation">{</span>
   console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token template-string"><span class="token string">`checked = </span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">${</span>e<span class="token punctuation">.</span>target<span class="token punctuation">.</span>checked<span class="token interpolation-punctuation punctuation">}</span></span><span class="token string">`</span></span><span class="token punctuation">)</span><span class="token punctuation">;</span>
diff --git a/components/collapse-cn/index.html b/components/collapse-cn/index.html
index c8dd5d258..687ebbec5 100644
--- a/components/collapse-cn/index.html
+++ b/components/collapse-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1486203846"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="2113514440"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="折叠面板" data-reactid="293"><a href="#components-collapse-demo-basic" data-reactid="294">折叠面板</a></li><li title="手风琴" data-reactid="295"><a href="#components-collapse-demo-accordion" data-reactid="296">手风琴</a></li><li title="面板嵌套" data-reactid="297"><a href="#components-collapse-demo-mix" data-reactid="298">面板嵌套</a></li><li title="简洁风格" data-reactid="299"><a href="#components-collapse-demo-borderless" data-reactid="300">简洁风格</a></li><li title="自定义面板" data-reactid="301"><a href="#components-collapse-demo-custom" data-reactid="302">自定义面板</a></li></ul></div></div><section class="markdown" data-reactid="303"><h1 data-reactid="304"><!-- react-text: 305 -->Collapse<!-- /react-text --><span class="subtitle" data-reactid="306">折叠面板</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/collapse/index.zh-CN.md" data-reactid="307"><i class="anticon anticon-edit" data-reactid="308"></i></a></h1><section class="markdown" data-reactid="309"><p data-reactid="310"><!-- react-text: 311 -->可以折叠/展开的内容区域。<!-- /react-text --></p><h2 id="何时使用" data-reactid="312"><span data-reactid="313"><!-- react-text: 314 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="315">#</a></h2><ul data-reactid="316"><li data-reactid="317"><p data-reactid="318"><!-- react-text: 319 -->对复杂区域进行分组和隐藏，保持页面的整洁。<!-- /react-text --></p></li><li data-reactid="320"><p data-reactid="321"><code data-reactid="322"><!-- react-text: 323 -->手风琴<!-- /react-text --></code><!-- react-text: 324 --> 是一种特殊的折叠面板，只允许单个内容区域展开。<!-- /react-text --></p></li></ul></section><h2 data-reactid="325"><span data-reactid="326">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="327"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="328"><div style="padding-left:8px;padding-right:8px;" class="ant-col-24 code-boxes-col-1-1" data-reactid="329"><section class="code-box" id="components-collapse-demo-basic" data-reactid="330"><section class="code-box-demo" data-reactid="331"><div class="ant-collapse" data-reactid="332"><div class="ant-collapse-item ant-collapse-item-active" data-reactid="333"><div class="ant-collapse-header" role="tab" aria-expanded="true" data-reactid="334"><i class="arrow" data-reactid="335"></i><!-- react-text: 336 -->This is panel header 1<!-- /react-text --></div><div class="ant-collapse-content ant-collapse-content-active" role="tabpanel" data-reactid="337"><div class="ant-collapse-content-box" data-reactid="338"><p data-reactid="339">
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="折叠面板" data-reactid="293"><a href="#components-collapse-demo-basic" data-reactid="294">折叠面板</a></li><li title="手风琴" data-reactid="295"><a href="#components-collapse-demo-accordion" data-reactid="296">手风琴</a></li><li title="面板嵌套" data-reactid="297"><a href="#components-collapse-demo-mix" data-reactid="298">面板嵌套</a></li><li title="简洁风格" data-reactid="299"><a href="#components-collapse-demo-borderless" data-reactid="300">简洁风格</a></li><li title="自定义面板" data-reactid="301"><a href="#components-collapse-demo-custom" data-reactid="302">自定义面板</a></li></ul></div></div><section class="markdown" data-reactid="303"><h1 data-reactid="304"><!-- react-text: 305 -->Collapse<!-- /react-text --><span class="subtitle" data-reactid="306">折叠面板</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/collapse/index.zh-CN.md" data-reactid="307"><i class="anticon anticon-edit" data-reactid="308"></i></a></h1><section class="markdown" data-reactid="309"><p data-reactid="310"><!-- react-text: 311 -->可以折叠/展开的内容区域。<!-- /react-text --></p><h2 id="何时使用" data-reactid="312"><span data-reactid="313"><!-- react-text: 314 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="315">#</a></h2><ul data-reactid="316"><li data-reactid="317"><p data-reactid="318"><!-- react-text: 319 -->对复杂区域进行分组和隐藏，保持页面的整洁。<!-- /react-text --></p></li><li data-reactid="320"><p data-reactid="321"><code data-reactid="322"><!-- react-text: 323 -->手风琴<!-- /react-text --></code><!-- react-text: 324 --> 是一种特殊的折叠面板，只允许单个内容区域展开。<!-- /react-text --></p></li></ul></section><h2 data-reactid="325"><span data-reactid="326">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="327"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="328"><div style="padding-left:8px;padding-right:8px;" class="ant-col-24 code-boxes-col-1-1" data-reactid="329"><section class="code-box" id="components-collapse-demo-basic" data-reactid="330"><section class="code-box-demo" data-reactid="331"><div class="ant-collapse" data-reactid="332"><div class="ant-collapse-item ant-collapse-item-active" data-reactid="333"><div class="ant-collapse-header" role="tab" aria-expanded="true" data-reactid="334"><i class="arrow" data-reactid="335"></i><!-- react-text: 336 -->This is panel header 1<!-- /react-text --></div><div class="ant-collapse-content ant-collapse-content-active" role="tabpanel" data-reactid="337"><div class="ant-collapse-content-box" data-reactid="338"><p data-reactid="339">
   A dog is a type of domesticated animal.
   Known for its loyalty and faithfulness,
   it can be found as a welcome guest in many households across the world.
diff --git a/components/collapse/index.html b/components/collapse/index.html
index 59404ad40..f650ed681 100644
--- a/components/collapse/index.html
+++ b/components/collapse/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1024860979"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1795695413"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Collapse" data-reactid="293"><a href="#components-collapse-demo-basic" data-reactid="294">Collapse</a></li><li title="Accordion" data-reactid="295"><a href="#components-collapse-demo-accordion" data-reactid="296">Accordion</a></li><li title="Nested panel" data-reactid="297"><a href="#components-collapse-demo-mix" data-reactid="298">Nested panel</a></li><li title="Borderless" data-reactid="299"><a href="#components-collapse-demo-borderless" data-reactid="300">Borderless</a></li><li title="Custom Panel" data-reactid="301"><a href="#components-collapse-demo-custom" data-reactid="302">Custom Panel</a></li></ul></div></div><section class="markdown" data-reactid="303"><h1 data-reactid="304"><!-- react-text: 305 -->Collapse<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/collapse/index.en-US.md" data-reactid="306"><i class="anticon anticon-edit" data-reactid="307"></i></a></h1><section class="markdown" data-reactid="308"><p data-reactid="309"><!-- react-text: 310 -->A content area which can be collapsed and expanded.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="311"><span data-reactid="312"><!-- react-text: 313 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="314">#</a></h2><ul data-reactid="315"><li data-reactid="316"><p data-reactid="317"><!-- react-text: 318 -->Can be used to group or hide complex regions to keep the page clean.<!-- /react-text --></p></li><li data-reactid="319"><p data-reactid="320"><code data-reactid="321"><!-- react-text: 322 -->Accordion<!-- /react-text --></code><!-- react-text: 323 --> is a special kind of <!-- /react-text --><code data-reactid="324"><!-- react-text: 325 -->Collapse<!-- /react-text --></code><!-- react-text: 326 -->, which allows only one panel to be expanded at a time.<!-- /react-text --></p></li></ul></section><h2 data-reactid="327"><span data-reactid="328">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="329"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="330"><div style="padding-left:8px;padding-right:8px;" class="ant-col-24 code-boxes-col-1-1" data-reactid="331"><section class="code-box" id="components-collapse-demo-basic" data-reactid="332"><section class="code-box-demo" data-reactid="333"><div class="ant-collapse" data-reactid="334"><div class="ant-collapse-item ant-collapse-item-active" data-reactid="335"><div class="ant-collapse-header" role="tab" aria-expanded="true" data-reactid="336"><i class="arrow" data-reactid="337"></i><!-- react-text: 338 -->This is panel header 1<!-- /react-text --></div><div class="ant-collapse-content ant-collapse-content-active" role="tabpanel" data-reactid="339"><div class="ant-collapse-content-box" data-reactid="340"><p data-reactid="341">
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Collapse" data-reactid="293"><a href="#components-collapse-demo-basic" data-reactid="294">Collapse</a></li><li title="Accordion" data-reactid="295"><a href="#components-collapse-demo-accordion" data-reactid="296">Accordion</a></li><li title="Nested panel" data-reactid="297"><a href="#components-collapse-demo-mix" data-reactid="298">Nested panel</a></li><li title="Borderless" data-reactid="299"><a href="#components-collapse-demo-borderless" data-reactid="300">Borderless</a></li><li title="Custom Panel" data-reactid="301"><a href="#components-collapse-demo-custom" data-reactid="302">Custom Panel</a></li></ul></div></div><section class="markdown" data-reactid="303"><h1 data-reactid="304"><!-- react-text: 305 -->Collapse<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/collapse/index.en-US.md" data-reactid="306"><i class="anticon anticon-edit" data-reactid="307"></i></a></h1><section class="markdown" data-reactid="308"><p data-reactid="309"><!-- react-text: 310 -->A content area which can be collapsed and expanded.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="311"><span data-reactid="312"><!-- react-text: 313 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="314">#</a></h2><ul data-reactid="315"><li data-reactid="316"><p data-reactid="317"><!-- react-text: 318 -->Can be used to group or hide complex regions to keep the page clean.<!-- /react-text --></p></li><li data-reactid="319"><p data-reactid="320"><code data-reactid="321"><!-- react-text: 322 -->Accordion<!-- /react-text --></code><!-- react-text: 323 --> is a special kind of <!-- /react-text --><code data-reactid="324"><!-- react-text: 325 -->Collapse<!-- /react-text --></code><!-- react-text: 326 -->, which allows only one panel to be expanded at a time.<!-- /react-text --></p></li></ul></section><h2 data-reactid="327"><span data-reactid="328">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="329"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="330"><div style="padding-left:8px;padding-right:8px;" class="ant-col-24 code-boxes-col-1-1" data-reactid="331"><section class="code-box" id="components-collapse-demo-basic" data-reactid="332"><section class="code-box-demo" data-reactid="333"><div class="ant-collapse" data-reactid="334"><div class="ant-collapse-item ant-collapse-item-active" data-reactid="335"><div class="ant-collapse-header" role="tab" aria-expanded="true" data-reactid="336"><i class="arrow" data-reactid="337"></i><!-- react-text: 338 -->This is panel header 1<!-- /react-text --></div><div class="ant-collapse-content ant-collapse-content-active" role="tabpanel" data-reactid="339"><div class="ant-collapse-content-box" data-reactid="340"><p data-reactid="341">
   A dog is a type of domesticated animal.
   Known for its loyalty and faithfulness,
   it can be found as a welcome guest in many households across the world.
diff --git a/components/date-picker-cn/index.html b/components/date-picker-cn/index.html
index f9c6e1d6e..2abddbd5e 100644
--- a/components/date-picker-cn/index.html
+++ b/components/date-picker-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="2077016919"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="850576217"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-date-picker-demo-basic" data-reactid="294">基本</a></li><li title="日期格式" data-reactid="295"><a href="#components-date-picker-demo-format" data-reactid="296">日期格式</a></li><li title="三种大小" data-reactid="297"><a href="#components-date-picker-demo-size" data-reactid="298">三种大小</a></li><li title="日期时间选择" data-reactid="299"><a href="#components-date-picker-demo-time" data-reactid="300">日期时间选择</a></li><li title="禁用" data-reactid="301"><a href="#components-date-picker-demo-disabled" data-reactid="302">禁用</a></li><li title="不可选择日期和时间" data-reactid="303"><a href="#components-date-picker-demo-disabled-date" data-reactid="304">不可选择日期和时间</a></li><li title="自定义日期范围选择" data-reactid="305"><a href="#components-date-picker-demo-start-end" data-reactid="306">自定义日期范围选择</a></li><li title="预设范围" data-reactid="307"><a href="#components-date-picker-demo-presetted-ranges" data-reactid="308">预设范围</a></li></ul></div></div><section class="markdown" data-reactid="309"><h1 data-reactid="310"><!-- react-text: 311 -->DatePicker<!-- /react-text --><span class="subtitle" data-reactid="312">日期选择框</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/date-picker/index.zh-CN.md" data-reactid="313"><i class="anticon anticon-edit" data-reactid="314"></i></a></h1><section class="markdown" data-reactid="315"><p data-reactid="316"><!-- react-text: 317 -->输入或选择日期的控件。<!-- /react-text --></p><h2 id="何时使用" data-reactid="318"><span data-reactid="319"><!-- react-text: 320 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="321">#</a></h2><p data-reactid="322"><!-- react-text: 323 -->当用户需要输入一个日期，可以点击标准输入框，弹出日期面板进行选择。<!-- /react-text --></p></section><h2 data-reactid="324"><span data-reactid="325">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="326"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="327"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="328"><section class="code-box" id="components-date-picker-demo-basic" data-reactid="329"><section class="code-box-demo" data-reactid="330"><div data-reactid="331"><span class="ant-calendar-picker" data-reactid="332"><span data-reactid="333"><input readonly="" value="" placeholder="Select date" class="ant-calendar-picker-input ant-input" data-reactid="334"/><span class="ant-calendar-picker-icon" data-reactid="335"></span></span></span><br data-reactid="336"/><span class="ant-calendar-picker" data-reactid="337"><span data-reactid="338"><input readonly="" value="" placeholder="Select month" class="ant-calendar-picker-input ant-input" data-reactid="339"/><span class="ant-calendar-picker-icon" data-reactid="340"></span></span></span><br data-reactid="341"/><span class="ant-calendar-picker" data-reactid="342"><span class="ant-calendar-picker-input ant-input" data-reactid="343"><input readonly="" value="" placeholder="Start date" class="ant-calendar-range-picker-input" data-reactid="344"/><span class="ant-calendar-range-picker-separator" data-reactid="345"> ~ </span><input readonly="" value="" placeholder="End date" class="ant-calendar-range-picker-input" data-reactid="346"/><span class="ant-calendar-picker-icon" data-reactid="347"></span></span></span></div></section><section class="code-box-meta markdown" data-reactid="348"><div class="code-box-title" data-reactid="349"><a href="#components-date-picker-demo-basic" data-reactid="350">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/date-picker/demo/basic.md" data-reactid="351"><i class="anticon anticon-edit" data-reactid="352"></i></a></div><div data-reactid="353"><p data-reactid="354"><!-- react-text: 355 -->最简单的用法，在浮层中可以选择或者输入日期。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="356"></i></section><section class="highlight-wrapper" data-reactid="357"><div class="highlight" data-reactid="358"><i class="anticon anticon-copy code-box-code-copy" data-reactid="359"></i><pre class="language-jsx" data-reactid="360"><code data-reactid="361"><span class="token keyword">import</span> <span class="token punctuation">{</span> DatePicker <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-date-picker-demo-basic" data-reactid="294">基本</a></li><li title="日期格式" data-reactid="295"><a href="#components-date-picker-demo-format" data-reactid="296">日期格式</a></li><li title="三种大小" data-reactid="297"><a href="#components-date-picker-demo-size" data-reactid="298">三种大小</a></li><li title="日期时间选择" data-reactid="299"><a href="#components-date-picker-demo-time" data-reactid="300">日期时间选择</a></li><li title="禁用" data-reactid="301"><a href="#components-date-picker-demo-disabled" data-reactid="302">禁用</a></li><li title="不可选择日期和时间" data-reactid="303"><a href="#components-date-picker-demo-disabled-date" data-reactid="304">不可选择日期和时间</a></li><li title="自定义日期范围选择" data-reactid="305"><a href="#components-date-picker-demo-start-end" data-reactid="306">自定义日期范围选择</a></li><li title="预设范围" data-reactid="307"><a href="#components-date-picker-demo-presetted-ranges" data-reactid="308">预设范围</a></li></ul></div></div><section class="markdown" data-reactid="309"><h1 data-reactid="310"><!-- react-text: 311 -->DatePicker<!-- /react-text --><span class="subtitle" data-reactid="312">日期选择框</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/date-picker/index.zh-CN.md" data-reactid="313"><i class="anticon anticon-edit" data-reactid="314"></i></a></h1><section class="markdown" data-reactid="315"><p data-reactid="316"><!-- react-text: 317 -->输入或选择日期的控件。<!-- /react-text --></p><h2 id="何时使用" data-reactid="318"><span data-reactid="319"><!-- react-text: 320 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="321">#</a></h2><p data-reactid="322"><!-- react-text: 323 -->当用户需要输入一个日期，可以点击标准输入框，弹出日期面板进行选择。<!-- /react-text --></p></section><h2 data-reactid="324"><span data-reactid="325">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="326"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="327"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="328"><section class="code-box" id="components-date-picker-demo-basic" data-reactid="329"><section class="code-box-demo" data-reactid="330"><div data-reactid="331"><span class="ant-calendar-picker" data-reactid="332"><span data-reactid="333"><input readonly="" value="" placeholder="Select date" class="ant-calendar-picker-input ant-input" data-reactid="334"/><span class="ant-calendar-picker-icon" data-reactid="335"></span></span></span><br data-reactid="336"/><span class="ant-calendar-picker" data-reactid="337"><span data-reactid="338"><input readonly="" value="" placeholder="Select month" class="ant-calendar-picker-input ant-input" data-reactid="339"/><span class="ant-calendar-picker-icon" data-reactid="340"></span></span></span><br data-reactid="341"/><span class="ant-calendar-picker" data-reactid="342"><span class="ant-calendar-picker-input ant-input" data-reactid="343"><input readonly="" value="" placeholder="Start date" class="ant-calendar-range-picker-input" data-reactid="344"/><span class="ant-calendar-range-picker-separator" data-reactid="345"> ~ </span><input readonly="" value="" placeholder="End date" class="ant-calendar-range-picker-input" data-reactid="346"/><span class="ant-calendar-picker-icon" data-reactid="347"></span></span></span></div></section><section class="code-box-meta markdown" data-reactid="348"><div class="code-box-title" data-reactid="349"><a href="#components-date-picker-demo-basic" data-reactid="350">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/date-picker/demo/basic.md" data-reactid="351"><i class="anticon anticon-edit" data-reactid="352"></i></a></div><div data-reactid="353"><p data-reactid="354"><!-- react-text: 355 -->最简单的用法，在浮层中可以选择或者输入日期。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="356"></i></section><section class="highlight-wrapper" data-reactid="357"><div class="highlight" data-reactid="358"><i class="anticon anticon-copy code-box-code-copy" data-reactid="359"></i><pre class="language-jsx" data-reactid="360"><code data-reactid="361"><span class="token keyword">import</span> <span class="token punctuation">{</span> DatePicker <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> <span class="token punctuation">{</span> MonthPicker<span class="token punctuation">,</span> RangePicker <span class="token punctuation">}</span> <span class="token operator">=</span> DatePicker<span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">onChange</span><span class="token punctuation">(</span>date<span class="token punctuation">,</span> dateString<span class="token punctuation">)</span> <span class="token punctuation">{</span>
diff --git a/components/date-picker/index.html b/components/date-picker/index.html
index 647a82a79..f1e1b5807 100644
--- a/components/date-picker/index.html
+++ b/components/date-picker/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1256392496"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="365627186"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-date-picker-demo-basic" data-reactid="294">Basic</a></li><li title="Date Format" data-reactid="295"><a href="#components-date-picker-demo-format" data-reactid="296">Date Format</a></li><li title="Three Sizes" data-reactid="297"><a href="#components-date-picker-demo-size" data-reactid="298">Three Sizes</a></li><li title="Choose Time" data-reactid="299"><a href="#components-date-picker-demo-time" data-reactid="300">Choose Time</a></li><li title="Disabled" data-reactid="301"><a href="#components-date-picker-demo-disabled" data-reactid="302">Disabled</a></li><li title="Disabled Date &amp; Time" data-reactid="303"><a href="#components-date-picker-demo-disabled-date" data-reactid="304">Disabled Date &amp; Time</a></li><li title="Customized Range Picker" data-reactid="305"><a href="#components-date-picker-demo-start-end" data-reactid="306">Customized Range Picker</a></li><li title="Presetted Ranges" data-reactid="307"><a href="#components-date-picker-demo-presetted-ranges" data-reactid="308">Presetted Ranges</a></li></ul></div></div><section class="markdown" data-reactid="309"><h1 data-reactid="310"><!-- react-text: 311 -->DatePicker<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/date-picker/index.en-US.md" data-reactid="312"><i class="anticon anticon-edit" data-reactid="313"></i></a></h1><section class="markdown" data-reactid="314"><p data-reactid="315"><!-- react-text: 316 -->To select or input a date.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="317"><span data-reactid="318"><!-- react-text: 319 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="320">#</a></h2><p data-reactid="321"><!-- react-text: 322 -->By clicking the input box, you can select a date from a popup calendar.<!-- /react-text --></p></section><h2 data-reactid="323"><span data-reactid="324">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="325"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="326"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="327"><section class="code-box" id="components-date-picker-demo-basic" data-reactid="328"><section class="code-box-demo" data-reactid="329"><div data-reactid="330"><span class="ant-calendar-picker" data-reactid="331"><span data-reactid="332"><input readonly="" value="" placeholder="Select date" class="ant-calendar-picker-input ant-input" data-reactid="333"/><span class="ant-calendar-picker-icon" data-reactid="334"></span></span></span><br data-reactid="335"/><span class="ant-calendar-picker" data-reactid="336"><span data-reactid="337"><input readonly="" value="" placeholder="Select month" class="ant-calendar-picker-input ant-input" data-reactid="338"/><span class="ant-calendar-picker-icon" data-reactid="339"></span></span></span><br data-reactid="340"/><span class="ant-calendar-picker" data-reactid="341"><span class="ant-calendar-picker-input ant-input" data-reactid="342"><input readonly="" value="" placeholder="Start date" class="ant-calendar-range-picker-input" data-reactid="343"/><span class="ant-calendar-range-picker-separator" data-reactid="344"> ~ </span><input readonly="" value="" placeholder="End date" class="ant-calendar-range-picker-input" data-reactid="345"/><span class="ant-calendar-picker-icon" data-reactid="346"></span></span></span></div></section><section class="code-box-meta markdown" data-reactid="347"><div class="code-box-title" data-reactid="348"><a href="#components-date-picker-demo-basic" data-reactid="349">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/date-picker/demo/basic.md" data-reactid="350"><i class="anticon anticon-edit" data-reactid="351"></i></a></div><div data-reactid="352"><p data-reactid="353"><!-- react-text: 354 -->Basic use case. Users can select or input a date in panel.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="355"></i></section><section class="highlight-wrapper" data-reactid="356"><div class="highlight" data-reactid="357"><i class="anticon anticon-copy code-box-code-copy" data-reactid="358"></i><pre class="language-jsx" data-reactid="359"><code data-reactid="360"><span class="token keyword">import</span> <span class="token punctuation">{</span> DatePicker <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-date-picker-demo-basic" data-reactid="294">Basic</a></li><li title="Date Format" data-reactid="295"><a href="#components-date-picker-demo-format" data-reactid="296">Date Format</a></li><li title="Three Sizes" data-reactid="297"><a href="#components-date-picker-demo-size" data-reactid="298">Three Sizes</a></li><li title="Choose Time" data-reactid="299"><a href="#components-date-picker-demo-time" data-reactid="300">Choose Time</a></li><li title="Disabled" data-reactid="301"><a href="#components-date-picker-demo-disabled" data-reactid="302">Disabled</a></li><li title="Disabled Date &amp; Time" data-reactid="303"><a href="#components-date-picker-demo-disabled-date" data-reactid="304">Disabled Date &amp; Time</a></li><li title="Customized Range Picker" data-reactid="305"><a href="#components-date-picker-demo-start-end" data-reactid="306">Customized Range Picker</a></li><li title="Presetted Ranges" data-reactid="307"><a href="#components-date-picker-demo-presetted-ranges" data-reactid="308">Presetted Ranges</a></li></ul></div></div><section class="markdown" data-reactid="309"><h1 data-reactid="310"><!-- react-text: 311 -->DatePicker<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/date-picker/index.en-US.md" data-reactid="312"><i class="anticon anticon-edit" data-reactid="313"></i></a></h1><section class="markdown" data-reactid="314"><p data-reactid="315"><!-- react-text: 316 -->To select or input a date.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="317"><span data-reactid="318"><!-- react-text: 319 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="320">#</a></h2><p data-reactid="321"><!-- react-text: 322 -->By clicking the input box, you can select a date from a popup calendar.<!-- /react-text --></p></section><h2 data-reactid="323"><span data-reactid="324">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="325"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="326"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="327"><section class="code-box" id="components-date-picker-demo-basic" data-reactid="328"><section class="code-box-demo" data-reactid="329"><div data-reactid="330"><span class="ant-calendar-picker" data-reactid="331"><span data-reactid="332"><input readonly="" value="" placeholder="Select date" class="ant-calendar-picker-input ant-input" data-reactid="333"/><span class="ant-calendar-picker-icon" data-reactid="334"></span></span></span><br data-reactid="335"/><span class="ant-calendar-picker" data-reactid="336"><span data-reactid="337"><input readonly="" value="" placeholder="Select month" class="ant-calendar-picker-input ant-input" data-reactid="338"/><span class="ant-calendar-picker-icon" data-reactid="339"></span></span></span><br data-reactid="340"/><span class="ant-calendar-picker" data-reactid="341"><span class="ant-calendar-picker-input ant-input" data-reactid="342"><input readonly="" value="" placeholder="Start date" class="ant-calendar-range-picker-input" data-reactid="343"/><span class="ant-calendar-range-picker-separator" data-reactid="344"> ~ </span><input readonly="" value="" placeholder="End date" class="ant-calendar-range-picker-input" data-reactid="345"/><span class="ant-calendar-picker-icon" data-reactid="346"></span></span></span></div></section><section class="code-box-meta markdown" data-reactid="347"><div class="code-box-title" data-reactid="348"><a href="#components-date-picker-demo-basic" data-reactid="349">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/date-picker/demo/basic.md" data-reactid="350"><i class="anticon anticon-edit" data-reactid="351"></i></a></div><div data-reactid="352"><p data-reactid="353"><!-- react-text: 354 -->Basic use case. Users can select or input a date in panel.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="355"></i></section><section class="highlight-wrapper" data-reactid="356"><div class="highlight" data-reactid="357"><i class="anticon anticon-copy code-box-code-copy" data-reactid="358"></i><pre class="language-jsx" data-reactid="359"><code data-reactid="360"><span class="token keyword">import</span> <span class="token punctuation">{</span> DatePicker <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> <span class="token punctuation">{</span> MonthPicker<span class="token punctuation">,</span> RangePicker <span class="token punctuation">}</span> <span class="token operator">=</span> DatePicker<span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">onChange</span><span class="token punctuation">(</span>date<span class="token punctuation">,</span> dateString<span class="token punctuation">)</span> <span class="token punctuation">{</span>
diff --git a/components/dropdown-cn/index.html b/components/dropdown-cn/index.html
index 0094d25f6..6e9204c7b 100644
--- a/components/dropdown-cn/index.html
+++ b/components/dropdown-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1977551730"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1091570544"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-dropdown-demo-basic" data-reactid="294">基本</a></li><li title="弹出位置" data-reactid="295"><a href="#components-dropdown-demo-placement" data-reactid="296">弹出位置</a></li><li title="其他元素" data-reactid="297"><a href="#components-dropdown-demo-item" data-reactid="298">其他元素</a></li><li title="触发方式" data-reactid="299"><a href="#components-dropdown-demo-trigger" data-reactid="300">触发方式</a></li><li title="触发事件" data-reactid="301"><a href="#components-dropdown-demo-event" data-reactid="302">触发事件</a></li><li title="带下拉框的按钮" data-reactid="303"><a href="#components-dropdown-demo-dropdown-button" data-reactid="304">带下拉框的按钮</a></li><li title="多级菜单" data-reactid="305"><a href="#components-dropdown-demo-sub-menu" data-reactid="306">多级菜单</a></li><li title="菜单隐藏方式" data-reactid="307"><a href="#components-dropdown-demo-overlay-visible" data-reactid="308">菜单隐藏方式</a></li></ul></div></div><section class="markdown" data-reactid="309"><h1 data-reactid="310"><!-- react-text: 311 -->Dropdown<!-- /react-text --><span class="subtitle" data-reactid="312">下拉菜单</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/dropdown/index.zh-CN.md" data-reactid="313"><i class="anticon anticon-edit" data-reactid="314"></i></a></h1><section class="markdown" data-reactid="315"><p data-reactid="316"><!-- react-text: 317 -->向下弹出的列表。<!-- /react-text --></p><h2 id="何时使用" data-reactid="318"><span data-reactid="319"><!-- react-text: 320 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="321">#</a></h2><p data-reactid="322"><!-- react-text: 323 -->当页面上的操作命令过多时，用此组件可以收纳操作元素。点击或移入触点，会出现一个下拉菜单。可在列表中进行选择，并执行相应的命令。<!-- /react-text --></p></section><h2 data-reactid="324"><span data-reactid="325">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="326"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="327"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="328"><section class="code-box" id="components-dropdown-demo-basic" data-reactid="329"><section class="code-box-demo" data-reactid="330"><a class="ant-dropdown-link ant-dropdown-trigger" href="#" data-reactid="331"><!-- react-text: 332 -->Hover me <!-- /react-text --><i class="anticon anticon-down" data-reactid="333"></i></a></section><section class="code-box-meta markdown" data-reactid="334"><div class="code-box-title" data-reactid="335"><a href="#components-dropdown-demo-basic" data-reactid="336">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/dropdown/demo/basic.md" data-reactid="337"><i class="anticon anticon-edit" data-reactid="338"></i></a></div><div data-reactid="339"><p data-reactid="340"><!-- react-text: 341 -->最简单的下拉菜单。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="342"></i></section><section class="highlight-wrapper" data-reactid="343"><div class="highlight" data-reactid="344"><i class="anticon anticon-copy code-box-code-copy" data-reactid="345"></i><pre class="language-jsx" data-reactid="346"><code data-reactid="347"><span class="token keyword">import</span> <span class="token punctuation">{</span> Menu<span class="token punctuation">,</span> Dropdown<span class="token punctuation">,</span> Icon <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-dropdown-demo-basic" data-reactid="294">基本</a></li><li title="弹出位置" data-reactid="295"><a href="#components-dropdown-demo-placement" data-reactid="296">弹出位置</a></li><li title="其他元素" data-reactid="297"><a href="#components-dropdown-demo-item" data-reactid="298">其他元素</a></li><li title="触发方式" data-reactid="299"><a href="#components-dropdown-demo-trigger" data-reactid="300">触发方式</a></li><li title="触发事件" data-reactid="301"><a href="#components-dropdown-demo-event" data-reactid="302">触发事件</a></li><li title="带下拉框的按钮" data-reactid="303"><a href="#components-dropdown-demo-dropdown-button" data-reactid="304">带下拉框的按钮</a></li><li title="多级菜单" data-reactid="305"><a href="#components-dropdown-demo-sub-menu" data-reactid="306">多级菜单</a></li><li title="菜单隐藏方式" data-reactid="307"><a href="#components-dropdown-demo-overlay-visible" data-reactid="308">菜单隐藏方式</a></li></ul></div></div><section class="markdown" data-reactid="309"><h1 data-reactid="310"><!-- react-text: 311 -->Dropdown<!-- /react-text --><span class="subtitle" data-reactid="312">下拉菜单</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/dropdown/index.zh-CN.md" data-reactid="313"><i class="anticon anticon-edit" data-reactid="314"></i></a></h1><section class="markdown" data-reactid="315"><p data-reactid="316"><!-- react-text: 317 -->向下弹出的列表。<!-- /react-text --></p><h2 id="何时使用" data-reactid="318"><span data-reactid="319"><!-- react-text: 320 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="321">#</a></h2><p data-reactid="322"><!-- react-text: 323 -->当页面上的操作命令过多时，用此组件可以收纳操作元素。点击或移入触点，会出现一个下拉菜单。可在列表中进行选择，并执行相应的命令。<!-- /react-text --></p></section><h2 data-reactid="324"><span data-reactid="325">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="326"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="327"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="328"><section class="code-box" id="components-dropdown-demo-basic" data-reactid="329"><section class="code-box-demo" data-reactid="330"><a class="ant-dropdown-link ant-dropdown-trigger" href="#" data-reactid="331"><!-- react-text: 332 -->Hover me <!-- /react-text --><i class="anticon anticon-down" data-reactid="333"></i></a></section><section class="code-box-meta markdown" data-reactid="334"><div class="code-box-title" data-reactid="335"><a href="#components-dropdown-demo-basic" data-reactid="336">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/dropdown/demo/basic.md" data-reactid="337"><i class="anticon anticon-edit" data-reactid="338"></i></a></div><div data-reactid="339"><p data-reactid="340"><!-- react-text: 341 -->最简单的下拉菜单。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="342"></i></section><section class="highlight-wrapper" data-reactid="343"><div class="highlight" data-reactid="344"><i class="anticon anticon-copy code-box-code-copy" data-reactid="345"></i><pre class="language-jsx" data-reactid="346"><code data-reactid="347"><span class="token keyword">import</span> <span class="token punctuation">{</span> Menu<span class="token punctuation">,</span> Dropdown<span class="token punctuation">,</span> Icon <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">const</span> menu <span class="token operator">=</span> <span class="token punctuation">(</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu</span><span class="token punctuation">></span></span>
diff --git a/components/dropdown/index.html b/components/dropdown/index.html
index d1884e28b..bda47d6ff 100644
--- a/components/dropdown/index.html
+++ b/components/dropdown/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="904541286"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="2120168552"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-dropdown-demo-basic" data-reactid="294">Basic</a></li><li title="Placement" data-reactid="295"><a href="#components-dropdown-demo-placement" data-reactid="296">Placement</a></li><li title="Other elements" data-reactid="297"><a href="#components-dropdown-demo-item" data-reactid="298">Other elements</a></li><li title="Trigger mode" data-reactid="299"><a href="#components-dropdown-demo-trigger" data-reactid="300">Trigger mode</a></li><li title="Click event" data-reactid="301"><a href="#components-dropdown-demo-event" data-reactid="302">Click event</a></li><li title="Button with dropdown menu" data-reactid="303"><a href="#components-dropdown-demo-dropdown-button" data-reactid="304">Button with dropdown menu</a></li><li title="Cascading menu" data-reactid="305"><a href="#components-dropdown-demo-sub-menu" data-reactid="306">Cascading menu</a></li><li title="The way of hiding menu." data-reactid="307"><a href="#components-dropdown-demo-overlay-visible" data-reactid="308">The way of hiding menu.</a></li></ul></div></div><section class="markdown" data-reactid="309"><h1 data-reactid="310"><!-- react-text: 311 -->Dropdown<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/dropdown/index.en-US.md" data-reactid="312"><i class="anticon anticon-edit" data-reactid="313"></i></a></h1><section class="markdown" data-reactid="314"><p data-reactid="315"><!-- react-text: 316 -->A dropdown list.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="317"><span data-reactid="318"><!-- react-text: 319 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="320">#</a></h2><p data-reactid="321"><!-- react-text: 322 -->If there are too many operations to display, you can wrap them in a <!-- /react-text --><code data-reactid="323"><!-- react-text: 324 -->Dropdown<!-- /react-text --></code><!-- react-text: 325 -->. By clicking/hovering on the trigger, a dropdown menu should appear, which allows you to choose one option and execute relevant actions.<!-- /react-text --></p></section><h2 data-reactid="326"><span data-reactid="327">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="328"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="329"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="330"><section class="code-box" id="components-dropdown-demo-basic" data-reactid="331"><section class="code-box-demo" data-reactid="332"><a class="ant-dropdown-link ant-dropdown-trigger" href="#" data-reactid="333"><!-- react-text: 334 -->Hover me <!-- /react-text --><i class="anticon anticon-down" data-reactid="335"></i></a></section><section class="code-box-meta markdown" data-reactid="336"><div class="code-box-title" data-reactid="337"><a href="#components-dropdown-demo-basic" data-reactid="338">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/dropdown/demo/basic.md" data-reactid="339"><i class="anticon anticon-edit" data-reactid="340"></i></a></div><div data-reactid="341"><p data-reactid="342"><!-- react-text: 343 -->The most basic dropdown menu.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="344"></i></section><section class="highlight-wrapper" data-reactid="345"><div class="highlight" data-reactid="346"><i class="anticon anticon-copy code-box-code-copy" data-reactid="347"></i><pre class="language-jsx" data-reactid="348"><code data-reactid="349"><span class="token keyword">import</span> <span class="token punctuation">{</span> Menu<span class="token punctuation">,</span> Dropdown<span class="token punctuation">,</span> Icon <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-dropdown-demo-basic" data-reactid="294">Basic</a></li><li title="Placement" data-reactid="295"><a href="#components-dropdown-demo-placement" data-reactid="296">Placement</a></li><li title="Other elements" data-reactid="297"><a href="#components-dropdown-demo-item" data-reactid="298">Other elements</a></li><li title="Trigger mode" data-reactid="299"><a href="#components-dropdown-demo-trigger" data-reactid="300">Trigger mode</a></li><li title="Click event" data-reactid="301"><a href="#components-dropdown-demo-event" data-reactid="302">Click event</a></li><li title="Button with dropdown menu" data-reactid="303"><a href="#components-dropdown-demo-dropdown-button" data-reactid="304">Button with dropdown menu</a></li><li title="Cascading menu" data-reactid="305"><a href="#components-dropdown-demo-sub-menu" data-reactid="306">Cascading menu</a></li><li title="The way of hiding menu." data-reactid="307"><a href="#components-dropdown-demo-overlay-visible" data-reactid="308">The way of hiding menu.</a></li></ul></div></div><section class="markdown" data-reactid="309"><h1 data-reactid="310"><!-- react-text: 311 -->Dropdown<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/dropdown/index.en-US.md" data-reactid="312"><i class="anticon anticon-edit" data-reactid="313"></i></a></h1><section class="markdown" data-reactid="314"><p data-reactid="315"><!-- react-text: 316 -->A dropdown list.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="317"><span data-reactid="318"><!-- react-text: 319 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="320">#</a></h2><p data-reactid="321"><!-- react-text: 322 -->If there are too many operations to display, you can wrap them in a <!-- /react-text --><code data-reactid="323"><!-- react-text: 324 -->Dropdown<!-- /react-text --></code><!-- react-text: 325 -->. By clicking/hovering on the trigger, a dropdown menu should appear, which allows you to choose one option and execute relevant actions.<!-- /react-text --></p></section><h2 data-reactid="326"><span data-reactid="327">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="328"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="329"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="330"><section class="code-box" id="components-dropdown-demo-basic" data-reactid="331"><section class="code-box-demo" data-reactid="332"><a class="ant-dropdown-link ant-dropdown-trigger" href="#" data-reactid="333"><!-- react-text: 334 -->Hover me <!-- /react-text --><i class="anticon anticon-down" data-reactid="335"></i></a></section><section class="code-box-meta markdown" data-reactid="336"><div class="code-box-title" data-reactid="337"><a href="#components-dropdown-demo-basic" data-reactid="338">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/dropdown/demo/basic.md" data-reactid="339"><i class="anticon anticon-edit" data-reactid="340"></i></a></div><div data-reactid="341"><p data-reactid="342"><!-- react-text: 343 -->The most basic dropdown menu.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="344"></i></section><section class="highlight-wrapper" data-reactid="345"><div class="highlight" data-reactid="346"><i class="anticon anticon-copy code-box-code-copy" data-reactid="347"></i><pre class="language-jsx" data-reactid="348"><code data-reactid="349"><span class="token keyword">import</span> <span class="token punctuation">{</span> Menu<span class="token punctuation">,</span> Dropdown<span class="token punctuation">,</span> Icon <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">const</span> menu <span class="token operator">=</span> <span class="token punctuation">(</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu</span><span class="token punctuation">></span></span>
diff --git a/components/form-cn/index.html b/components/form-cn/index.html
index 104146a47..f53ce070a 100644
--- a/components/form-cn/index.html
+++ b/components/form-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="446823011"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1394899564"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="水平登录栏" data-reactid="293"><a href="#components-form-demo-horizontal-login" data-reactid="294">水平登录栏</a></li><li title="登录框" data-reactid="295"><a href="#components-form-demo-normal-login" data-reactid="296">登录框</a></li><li title="注册新用户" data-reactid="297"><a href="#components-form-demo-register" data-reactid="298">注册新用户</a></li><li title="高级搜索" data-reactid="299"><a href="#components-form-demo-advanced-search" data-reactid="300">高级搜索</a></li><li title="弹出层中的新建表单" data-reactid="301"><a href="#components-form-demo-form-in-modal" data-reactid="302">弹出层中的新建表单</a></li><li title="动态增减表单项" data-reactid="303"><a href="#components-form-demo-dynamic-form-item" data-reactid="304">动态增减表单项</a></li><li title="时间类控件" data-reactid="305"><a href="#components-form-demo-time-related-controls" data-reactid="306">时间类控件</a></li><li title="自定义表单控件" data-reactid="307"><a href="#components-form-demo-customized-form-controls" data-reactid="308">自定义表单控件</a></li><li title="表单数据存储于上层组件" data-reactid="309"><a href="#components-form-demo-global-state" data-reactid="310">表单数据存储于上层组件</a></li><li title="自行处理表单数据" data-reactid="311"><a href="#components-form-demo-without-form-create" data-reactid="312">自行处理表单数据</a></li><li title="自定义校验" data-reactid="313"><a href="#components-form-demo-validate-static" data-reactid="314">自定义校验</a></li><li title="表单联动" data-reactid="315"><a href="#components-form-demo-coordinated" data-reactid="316">表单联动</a></li><li title="表单布局" data-reactid="317"><a href="#components-form-demo-layout" data-reactid="318">表单布局</a></li><li title="校验其他组件" data-reactid="319"><a href="#components-form-demo-validate-other" data-reactid="320">校验其他组件</a></li></ul></div></div><section class="markdown" data-reactid="321"><h1 data-reactid="322"><!-- react-text: 323 -->Form<!-- /react-text --><span class="subtitle" data-reactid="324">表单</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/form/index.zh-CN.md" data-reactid="325"><i class="anticon anticon-edit" data-reactid="326"></i></a></h1><section class="markdown" data-reactid="327"><p data-reactid="328"><!-- react-text: 329 -->具有数据收集、校验和提交功能的表单，包含复选框、单选框、输入框、下拉选择框等元素。<!-- /react-text --></p><h2 id="表单" data-reactid="330"><span data-reactid="331"><!-- react-text: 332 -->表单<!-- /react-text --></span><a href="#表单" class="anchor" data-reactid="333">#</a></h2><p data-reactid="334"><!-- react-text: 335 -->我们为 <!-- /react-text --><code data-reactid="336"><!-- react-text: 337 -->form<!-- /react-text --></code><!-- react-text: 338 --> 提供了以下两种排列方式：<!-- /react-text --></p><ul data-reactid="339"><li data-reactid="340"><p data-reactid="341"><!-- react-text: 342 -->水平排列：标签和表单控件水平排列；（默认）<!-- /react-text --></p></li><li data-reactid="343"><p data-reactid="344"><!-- react-text: 345 -->垂直排列：标签和表单控件上下垂直排列；<!-- /react-text --></p></li><li data-reactid="346"><p data-reactid="347"><!-- react-text: 348 -->行内排列：表单项水平行内排列。<!-- /react-text --></p></li></ul><h2 id="表单域" data-reactid="349"><span data-reactid="350"><!-- react-text: 351 -->表单域<!-- /react-text --></span><a href="#表单域" class="anchor" data-reactid="352">#</a></h2><p data-reactid="353"><!-- react-text: 354 -->表单一定会包含表单域，表单域可以是输入控件，标准表单域，标签，下拉菜单，文本域等。<!-- /react-text --></p><p data-reactid="355"><!-- react-text: 356 -->这里我们封装了表单域 <!-- /react-text --><code data-reactid="357"><!-- react-text: 358 -->&lt;Form.Item /&gt;<!-- /react-text --></code><!-- react-text: 359 --> 。<!-- /react-text --></p><pre class="language-jsx" data-reactid="360"><code data-reactid="361"><span class="token operator">&lt;</span>Form<span class="token punctuation">.</span>Item <span class="token punctuation">{</span><span class="token operator">...</span>props<span class="token punctuation">}</span><span class="token operator">></span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="水平登录栏" data-reactid="293"><a href="#components-form-demo-horizontal-login" data-reactid="294">水平登录栏</a></li><li title="登录框" data-reactid="295"><a href="#components-form-demo-normal-login" data-reactid="296">登录框</a></li><li title="注册新用户" data-reactid="297"><a href="#components-form-demo-register" data-reactid="298">注册新用户</a></li><li title="高级搜索" data-reactid="299"><a href="#components-form-demo-advanced-search" data-reactid="300">高级搜索</a></li><li title="弹出层中的新建表单" data-reactid="301"><a href="#components-form-demo-form-in-modal" data-reactid="302">弹出层中的新建表单</a></li><li title="动态增减表单项" data-reactid="303"><a href="#components-form-demo-dynamic-form-item" data-reactid="304">动态增减表单项</a></li><li title="时间类控件" data-reactid="305"><a href="#components-form-demo-time-related-controls" data-reactid="306">时间类控件</a></li><li title="自定义表单控件" data-reactid="307"><a href="#components-form-demo-customized-form-controls" data-reactid="308">自定义表单控件</a></li><li title="表单数据存储于上层组件" data-reactid="309"><a href="#components-form-demo-global-state" data-reactid="310">表单数据存储于上层组件</a></li><li title="自行处理表单数据" data-reactid="311"><a href="#components-form-demo-without-form-create" data-reactid="312">自行处理表单数据</a></li><li title="自定义校验" data-reactid="313"><a href="#components-form-demo-validate-static" data-reactid="314">自定义校验</a></li><li title="表单联动" data-reactid="315"><a href="#components-form-demo-coordinated" data-reactid="316">表单联动</a></li><li title="表单布局" data-reactid="317"><a href="#components-form-demo-layout" data-reactid="318">表单布局</a></li><li title="校验其他组件" data-reactid="319"><a href="#components-form-demo-validate-other" data-reactid="320">校验其他组件</a></li></ul></div></div><section class="markdown" data-reactid="321"><h1 data-reactid="322"><!-- react-text: 323 -->Form<!-- /react-text --><span class="subtitle" data-reactid="324">表单</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/form/index.zh-CN.md" data-reactid="325"><i class="anticon anticon-edit" data-reactid="326"></i></a></h1><section class="markdown" data-reactid="327"><p data-reactid="328"><!-- react-text: 329 -->具有数据收集、校验和提交功能的表单，包含复选框、单选框、输入框、下拉选择框等元素。<!-- /react-text --></p><h2 id="表单" data-reactid="330"><span data-reactid="331"><!-- react-text: 332 -->表单<!-- /react-text --></span><a href="#表单" class="anchor" data-reactid="333">#</a></h2><p data-reactid="334"><!-- react-text: 335 -->我们为 <!-- /react-text --><code data-reactid="336"><!-- react-text: 337 -->form<!-- /react-text --></code><!-- react-text: 338 --> 提供了以下两种排列方式：<!-- /react-text --></p><ul data-reactid="339"><li data-reactid="340"><p data-reactid="341"><!-- react-text: 342 -->水平排列：标签和表单控件水平排列；（默认）<!-- /react-text --></p></li><li data-reactid="343"><p data-reactid="344"><!-- react-text: 345 -->垂直排列：标签和表单控件上下垂直排列；<!-- /react-text --></p></li><li data-reactid="346"><p data-reactid="347"><!-- react-text: 348 -->行内排列：表单项水平行内排列。<!-- /react-text --></p></li></ul><h2 id="表单域" data-reactid="349"><span data-reactid="350"><!-- react-text: 351 -->表单域<!-- /react-text --></span><a href="#表单域" class="anchor" data-reactid="352">#</a></h2><p data-reactid="353"><!-- react-text: 354 -->表单一定会包含表单域，表单域可以是输入控件，标准表单域，标签，下拉菜单，文本域等。<!-- /react-text --></p><p data-reactid="355"><!-- react-text: 356 -->这里我们封装了表单域 <!-- /react-text --><code data-reactid="357"><!-- react-text: 358 -->&lt;Form.Item /&gt;<!-- /react-text --></code><!-- react-text: 359 --> 。<!-- /react-text --></p><pre class="language-jsx" data-reactid="360"><code data-reactid="361"><span class="token operator">&lt;</span>Form<span class="token punctuation">.</span>Item <span class="token punctuation">{</span><span class="token operator">...</span>props<span class="token punctuation">}</span><span class="token operator">></span>
   <span class="token punctuation">{</span>children<span class="token punctuation">}</span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Form.Item</span><span class="token punctuation">></span></span></code></pre><blockquote data-reactid="362"><p data-reactid="363"><!-- react-text: 364 -->注：标准表单中一律使用大号控件。<!-- /react-text --></p></blockquote></section><h2 data-reactid="365"><span data-reactid="366">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="367"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="368"><div style="padding-left:8px;padding-right:8px;" class="ant-col-24 code-boxes-col-1-1" data-reactid="369"><section class="code-box" id="components-form-demo-horizontal-login" data-reactid="370"><section class="code-box-demo" data-reactid="371"><form class="ant-form ant-form-inline" data-reactid="372"><div class="ant-row ant-form-item" data-reactid="373"><div class="ant-form-item-control-wrapper" data-reactid="374"><div class="ant-form-item-control " data-reactid="375"><span class="ant-input-affix-wrapper" data-reactid="376"><span class="ant-input-prefix" data-reactid="377"><i style="font-size:13px;" class="anticon anticon-user" data-reactid="378"></i></span><input type="text" placeholder="Username" value="" id="userName" data-__meta="[object Object]" class="ant-input ant-input-lg" data-reactid="379"/></span></div></div></div><div class="ant-row ant-form-item" data-reactid="380"><div class="ant-form-item-control-wrapper" data-reactid="381"><div class="ant-form-item-control " data-reactid="382"><span class="ant-input-affix-wrapper" data-reactid="383"><span class="ant-input-prefix" data-reactid="384"><i style="font-size:13px;" class="anticon anticon-lock" data-reactid="385"></i></span><input type="password" placeholder="Password" value="" id="password" data-__meta="[object Object]" class="ant-input ant-input-lg" data-reactid="386"/></span></div></div></div><div class="ant-row ant-form-item" data-reactid="387"><div class="ant-form-item-control-wrapper" data-reactid="388"><div class="ant-form-item-control " data-reactid="389"><button type="submit" class="ant-btn ant-btn-primary ant-btn-lg" data-reactid="390"><span data-reactid="391">Log in</span></button></div></div></div></form></section><section class="code-box-meta markdown" data-reactid="392"><div class="code-box-title" data-reactid="393"><a href="#components-form-demo-horizontal-login" data-reactid="394">水平登录栏</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/form/demo/horizontal-login.md" data-reactid="395"><i class="anticon anticon-edit" data-reactid="396"></i></a></div><div data-reactid="397"><p data-reactid="398"><!-- react-text: 399 -->水平登录栏，常用在顶部导航栏中。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="400"></i></section><section class="highlight-wrapper" data-reactid="401"><div class="highlight" data-reactid="402"><i class="anticon anticon-copy code-box-code-copy" data-reactid="403"></i><pre class="language-jsx" data-reactid="404"><code data-reactid="405"><span class="token keyword">import</span> <span class="token punctuation">{</span> Form<span class="token punctuation">,</span> Icon<span class="token punctuation">,</span> Input<span class="token punctuation">,</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> FormItem <span class="token operator">=</span> Form<span class="token punctuation">.</span>Item<span class="token punctuation">;</span>
@@ -1070,7 +1070,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
   <span class="token punctuation">}</span>
 <span class="token punctuation">}</span>
 
-ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Demo</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-form-demo-without-form-create" data-reactid="874"><section class="code-box-demo" data-reactid="875"><form class="ant-form ant-form-horizontal" data-reactid="876"><div class="ant-row ant-form-item ant-form-item-with-help" data-reactid="877"><div class="ant-col-7 ant-form-item-label" data-reactid="878"><label class="" title="Prime between 8 &amp; 12" data-reactid="879">Prime between 8 &amp; 12</label></div><div class="ant-col-12 ant-form-item-control-wrapper" data-reactid="880"><div class="ant-form-item-control " data-reactid="881"><div class="ant-input-number ant-input-number-lg" data-reactid="882"><div class="ant-input-number-handler-wrap" data-reactid="883"><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="884"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="885"></span></span><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="886"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="887"></span></span></div><div class="ant-input-number-input-wrap" data-reactid="888"><input min="8" max="12" class="ant-input-number-input" autocomplete="off" value="11" data-reactid="889"/></div></div><div class="ant-form-explain" data-reactid="890">A prime is a natural number greater than 1 that has no positive divisors other than 1 and itself.</div></div></div></div></form></section><section class="code-box-meta markdown" data-reactid="891"><div class="code-box-title" data-reactid="892"><a href="#components-form-demo-without-form-create" data-reactid="893">自行处理表单数据</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/form/demo/without-form-create.md" data-reactid="894"><i class="anticon anticon-edit" data-reactid="895"></i></a></div><div data-reactid="896"><p data-reactid="897"><!-- react-text: 898 -->使用 <!-- /react-text --><code data-reactid="899"><!-- react-text: 900 -->Form.create<!-- /react-text --></code><!-- react-text: 901 --> 处理后的表单具有自动收集数据并校验的功能，但如果您不需要这个功能，或者默认的行为无法满足业务需求，可以选择不使用 <!-- /react-text --><code data-reactid="902"><!-- react-text: 903 -->Form.create<!-- /react-text --></code><!-- react-text: 904 --> 并自行处理数据。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="905"></i></section><section class="highlight-wrapper" data-reactid="906"><div class="highlight" data-reactid="907"><i class="anticon anticon-copy code-box-code-copy" data-reactid="908"></i><pre class="language-jsx" data-reactid="909"><code data-reactid="910"><span class="token keyword">import</span> <span class="token punctuation">{</span> Form<span class="token punctuation">,</span> InputNumber <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Demo</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-form-demo-without-form-create" data-reactid="874"><section class="code-box-demo" data-reactid="875"><form class="ant-form ant-form-horizontal" data-reactid="876"><div class="ant-row ant-form-item ant-form-item-with-help" data-reactid="877"><div class="ant-col-7 ant-form-item-label" data-reactid="878"><label class="" title="Prime between 8 &amp; 12" data-reactid="879">Prime between 8 &amp; 12</label></div><div class="ant-col-12 ant-form-item-control-wrapper" data-reactid="880"><div class="ant-form-item-control " data-reactid="881"><div class="ant-input-number ant-input-number-lg" data-reactid="882"><div class="ant-input-number-handler-wrap" data-reactid="883"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="884"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="885"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="886"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="887"></span></span></div><div class="ant-input-number-input-wrap" role="spinbutton" aria-valuemin="8" aria-valuemax="12" aria-valuenow="11" data-reactid="888"><input min="8" max="12" class="ant-input-number-input" autocomplete="off" value="11" data-reactid="889"/></div></div><div class="ant-form-explain" data-reactid="890">A prime is a natural number greater than 1 that has no positive divisors other than 1 and itself.</div></div></div></div></form></section><section class="code-box-meta markdown" data-reactid="891"><div class="code-box-title" data-reactid="892"><a href="#components-form-demo-without-form-create" data-reactid="893">自行处理表单数据</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/form/demo/without-form-create.md" data-reactid="894"><i class="anticon anticon-edit" data-reactid="895"></i></a></div><div data-reactid="896"><p data-reactid="897"><!-- react-text: 898 -->使用 <!-- /react-text --><code data-reactid="899"><!-- react-text: 900 -->Form.create<!-- /react-text --></code><!-- react-text: 901 --> 处理后的表单具有自动收集数据并校验的功能，但如果您不需要这个功能，或者默认的行为无法满足业务需求，可以选择不使用 <!-- /react-text --><code data-reactid="902"><!-- react-text: 903 -->Form.create<!-- /react-text --></code><!-- react-text: 904 --> 并自行处理数据。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="905"></i></section><section class="highlight-wrapper" data-reactid="906"><div class="highlight" data-reactid="907"><i class="anticon anticon-copy code-box-code-copy" data-reactid="908"></i><pre class="language-jsx" data-reactid="909"><code data-reactid="910"><span class="token keyword">import</span> <span class="token punctuation">{</span> Form<span class="token punctuation">,</span> InputNumber <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> FormItem <span class="token operator">=</span> Form<span class="token punctuation">.</span>Item<span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">validatePrimeNumber</span><span class="token punctuation">(</span>number<span class="token punctuation">)</span> <span class="token punctuation">{</span>
@@ -1347,7 +1347,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>FormLayoutDemo</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-form-demo-validate-other" data-reactid="1121"><section class="code-box-demo" data-reactid="1122"><form class="ant-form ant-form-horizontal" data-reactid="1123"><div class="ant-row ant-form-item" data-reactid="1124"><div class="ant-col-6 ant-form-item-label" data-reactid="1125"><label class="" title="Plain Text" data-reactid="1126">Plain Text</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1127"><div class="ant-form-item-control " data-reactid="1128"><span class="ant-form-text" data-reactid="1129">China</span></div></div></div><div class="ant-row ant-form-item" data-reactid="1130"><div class="ant-col-6 ant-form-item-label" data-reactid="1131"><label for="select" class="ant-form-item-required" title="Select" data-reactid="1132">Select</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1133"><div class="ant-form-item-control " data-reactid="1134"><div class="ant-select-lg ant-select ant-select-enabled" data-reactid="1135"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="1136"><div class="ant-select-selection__rendered" data-reactid="1137"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="1138">Please select a country</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="1139"><b data-reactid="1140"></b></span></div></div></div></div></div><div class="ant-row ant-form-item" data-reactid="1141"><div class="ant-col-6 ant-form-item-label" data-reactid="1142"><label for="select-multiple" class="ant-form-item-required" title="Select[multiple]" data-reactid="1143">Select[multiple]</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1144"><div class="ant-form-item-control " data-reactid="1145"><div class="ant-select-lg ant-select ant-select-enabled" data-reactid="1146"><div class="ant-select-selection
-            ant-select-selection--multiple" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="1147"><div class="ant-select-selection__rendered" data-reactid="1148"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="1149">Please select favourite colors</div><ul data-reactid="1150"><li class="ant-select-search ant-select-search--inline" data-reactid="1151"><div class="ant-select-search__field__wrap" data-reactid="1152"><input value="" class="ant-select-search__field" data-reactid="1153"/><span class="ant-select-search__field__mirror" data-reactid="1154"><!-- react-text: 1155 --><!-- /react-text --><!-- react-text: 1156 --> <!-- /react-text --></span></div></li></ul></div></div></div></div></div></div><div class="ant-row ant-form-item" data-reactid="1157"><div class="ant-col-6 ant-form-item-label" data-reactid="1158"><label for="input-number" class="" title="InputNumber" data-reactid="1159">InputNumber</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1160"><div class="ant-form-item-control has-success" data-reactid="1161"><div class="ant-input-number ant-input-number-lg" data-reactid="1162"><div class="ant-input-number-handler-wrap" data-reactid="1163"><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="1164"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="1165"></span></span><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="1166"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="1167"></span></span></div><div class="ant-input-number-input-wrap" data-reactid="1168"><input min="1" max="10" class="ant-input-number-input" autocomplete="off" value="3" data-reactid="1169"/></div></div><span class="ant-form-text" data-reactid="1170"> machines</span></div></div></div><div class="ant-row ant-form-item" data-reactid="1171"><div class="ant-col-6 ant-form-item-label" data-reactid="1172"><label for="switch" class="" title="Switch" data-reactid="1173">Switch</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1174"><div class="ant-form-item-control " data-reactid="1175"><span id="switch" data-__meta="[object Object]" class="ant-switch" tabindex="0" data-reactid="1176"><span class="ant-switch-inner" data-reactid="1177"></span></span></div></div></div><div class="ant-row ant-form-item" data-reactid="1178"><div class="ant-col-6 ant-form-item-label" data-reactid="1179"><label for="slider" class="" title="Slider" data-reactid="1180">Slider</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1181"><div class="ant-form-item-control " data-reactid="1182"><div class="ant-slider ant-slider-with-marks" data-reactid="1183"><div class="ant-slider-rail" data-reactid="1184"></div><div class="ant-slider-track" style="visibility:visible;left:0%;width:0%;" data-reactid="1185"></div><div class="ant-slider-step" data-reactid="1186"><span class="ant-slider-dot ant-slider-dot-active" style="left:0%;" data-reactid="1187"></span><span class="ant-slider-dot" style="left:20%;" data-reactid="1188"></span><span class="ant-slider-dot" style="left:40%;" data-reactid="1189"></span><span class="ant-slider-dot" style="left:60%;" data-reactid="1190"></span><span class="ant-slider-dot" style="left:80%;" data-reactid="1191"></span><span class="ant-slider-dot" style="left:100%;" data-reactid="1192"></span></div><div class="ant-slider-handle" style="left:0%;" data-reactid="1193"></div><div class="ant-slider-mark" data-reactid="1194"><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width:18%;margin-left:-9%;left:0%;" data-reactid="1195">A</span><span class="ant-slider-mark-text" style="width:18%;margin-left:-9%;left:20%;" data-reactid="1196">B</span><span class="ant-slider-mark-text" style="width:18%;margin-left:-9%;left:40%;" data-reactid="1197">C</span><span class="ant-slider-mark-text" style="width:18%;margin-left:-9%;left:60%;" data-reactid="1198">D</span><span class="ant-slider-mark-text" style="width:18%;margin-left:-9%;left:80%;" data-reactid="1199">E</span><span class="ant-slider-mark-text" style="width:18%;margin-left:-9%;left:100%;" data-reactid="1200">F</span></div></div></div></div></div><div class="ant-row ant-form-item" data-reactid="1201"><div class="ant-col-6 ant-form-item-label" data-reactid="1202"><label for="radio-group" class="" title="Radio.Group" data-reactid="1203">Radio.Group</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1204"><div class="ant-form-item-control " data-reactid="1205"><div class="ant-radio-group ant-radio-group-large" data-reactid="1206"><label class="ant-radio-wrapper" data-reactid="1207"><span class="ant-radio" data-reactid="1208"><input type="radio" class="ant-radio-input" data-reactid="1209"/><span class="ant-radio-inner" data-reactid="1210"></span></span><span data-reactid="1211">item 1</span></label><label class="ant-radio-wrapper" data-reactid="1212"><span class="ant-radio" data-reactid="1213"><input type="radio" class="ant-radio-input" data-reactid="1214"/><span class="ant-radio-inner" data-reactid="1215"></span></span><span data-reactid="1216">item 2</span></label><label class="ant-radio-wrapper" data-reactid="1217"><span class="ant-radio" data-reactid="1218"><input type="radio" class="ant-radio-input" data-reactid="1219"/><span class="ant-radio-inner" data-reactid="1220"></span></span><span data-reactid="1221">item 3</span></label></div></div></div></div><div class="ant-row ant-form-item" data-reactid="1222"><div class="ant-col-6 ant-form-item-label" data-reactid="1223"><label for="radio-button" class="" title="Radio.Button" data-reactid="1224">Radio.Button</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1225"><div class="ant-form-item-control " data-reactid="1226"><div class="ant-radio-group ant-radio-group-large" data-reactid="1227"><label class="ant-radio-button-wrapper" data-reactid="1228"><span class="ant-radio-button" data-reactid="1229"><input type="radio" class="ant-radio-button-input" data-reactid="1230"/><span class="ant-radio-button-inner" data-reactid="1231"></span></span><span data-reactid="1232">item 1</span></label><label class="ant-radio-button-wrapper" data-reactid="1233"><span class="ant-radio-button" data-reactid="1234"><input type="radio" class="ant-radio-button-input" data-reactid="1235"/><span class="ant-radio-button-inner" data-reactid="1236"></span></span><span data-reactid="1237">item 2</span></label><label class="ant-radio-button-wrapper" data-reactid="1238"><span class="ant-radio-button" data-reactid="1239"><input type="radio" class="ant-radio-button-input" data-reactid="1240"/><span class="ant-radio-button-inner" data-reactid="1241"></span></span><span data-reactid="1242">item 3</span></label></div></div></div></div><div class="ant-row ant-form-item" data-reactid="1243"><div class="ant-col-6 ant-form-item-label" data-reactid="1244"><label for="upload" class="" title="Upload" data-reactid="1245">Upload</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1246"><div class="ant-form-item-control " data-reactid="1247"><span class="" data-reactid="1248"><div class="ant-upload ant-upload-select ant-upload-select-picture" style="display:;" data-reactid="1249"><!-- react-empty: 1250 --></div><div class="ant-upload-list ant-upload-list-picture" data-reactid="1251"></div></span><div class="ant-form-extra" data-reactid="1252">longgggggggggggggggggggggggggggggggggg</div></div></div></div><div class="ant-row ant-form-item" data-reactid="1253"><div class="ant-col-6 ant-form-item-label" data-reactid="1254"><label for="dragger" class="" title="Dragger" data-reactid="1255">Dragger</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1256"><div class="ant-form-item-control " data-reactid="1257"><div class="dropbox" data-reactid="1258"><span class="" data-reactid="1259"><div class="ant-upload ant-upload-drag" data-reactid="1260"><!-- react-empty: 1261 --></div><div class="ant-upload-list ant-upload-list-text" data-reactid="1262"></div></span></div></div></div></div><div class="ant-row ant-form-item" data-reactid="1263"><div class="ant-col-12 ant-col-offset-6 ant-form-item-control-wrapper" data-reactid="1264"><div class="ant-form-item-control " data-reactid="1265"><button type="submit" class="ant-btn ant-btn-primary ant-btn-lg" data-reactid="1266"><span data-reactid="1267">Submit</span></button></div></div></div></form><style data-reactid="1268">#components-form-demo-validate-other .dropbox {
+            ant-select-selection--multiple" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="1147"><div class="ant-select-selection__rendered" data-reactid="1148"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="1149">Please select favourite colors</div><ul data-reactid="1150"><li class="ant-select-search ant-select-search--inline" data-reactid="1151"><div class="ant-select-search__field__wrap" data-reactid="1152"><input value="" class="ant-select-search__field" data-reactid="1153"/><span class="ant-select-search__field__mirror" data-reactid="1154"><!-- react-text: 1155 --><!-- /react-text --><!-- react-text: 1156 --> <!-- /react-text --></span></div></li></ul></div></div></div></div></div></div><div class="ant-row ant-form-item" data-reactid="1157"><div class="ant-col-6 ant-form-item-label" data-reactid="1158"><label for="input-number" class="" title="InputNumber" data-reactid="1159">InputNumber</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1160"><div class="ant-form-item-control has-success" data-reactid="1161"><div class="ant-input-number ant-input-number-lg" data-reactid="1162"><div class="ant-input-number-handler-wrap" data-reactid="1163"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="1164"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="1165"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="1166"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="1167"></span></span></div><div class="ant-input-number-input-wrap" role="spinbutton" aria-valuemin="1" aria-valuemax="10" aria-valuenow="3" data-reactid="1168"><input min="1" max="10" class="ant-input-number-input" autocomplete="off" value="3" data-reactid="1169"/></div></div><span class="ant-form-text" data-reactid="1170"> machines</span></div></div></div><div class="ant-row ant-form-item" data-reactid="1171"><div class="ant-col-6 ant-form-item-label" data-reactid="1172"><label for="switch" class="" title="Switch" data-reactid="1173">Switch</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1174"><div class="ant-form-item-control " data-reactid="1175"><span id="switch" data-__meta="[object Object]" class="ant-switch" tabindex="0" data-reactid="1176"><span class="ant-switch-inner" data-reactid="1177"></span></span></div></div></div><div class="ant-row ant-form-item" data-reactid="1178"><div class="ant-col-6 ant-form-item-label" data-reactid="1179"><label for="slider" class="" title="Slider" data-reactid="1180">Slider</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1181"><div class="ant-form-item-control " data-reactid="1182"><div class="ant-slider ant-slider-with-marks" data-reactid="1183"><div class="ant-slider-rail" data-reactid="1184"></div><div class="ant-slider-track" style="visibility:visible;left:0%;width:0%;" data-reactid="1185"></div><div class="ant-slider-step" data-reactid="1186"><span class="ant-slider-dot ant-slider-dot-active" style="left:0%;" data-reactid="1187"></span><span class="ant-slider-dot" style="left:20%;" data-reactid="1188"></span><span class="ant-slider-dot" style="left:40%;" data-reactid="1189"></span><span class="ant-slider-dot" style="left:60%;" data-reactid="1190"></span><span class="ant-slider-dot" style="left:80%;" data-reactid="1191"></span><span class="ant-slider-dot" style="left:100%;" data-reactid="1192"></span></div><div class="ant-slider-handle" style="left:0%;" data-reactid="1193"></div><div class="ant-slider-mark" data-reactid="1194"><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width:18%;margin-left:-9%;left:0%;" data-reactid="1195">A</span><span class="ant-slider-mark-text" style="width:18%;margin-left:-9%;left:20%;" data-reactid="1196">B</span><span class="ant-slider-mark-text" style="width:18%;margin-left:-9%;left:40%;" data-reactid="1197">C</span><span class="ant-slider-mark-text" style="width:18%;margin-left:-9%;left:60%;" data-reactid="1198">D</span><span class="ant-slider-mark-text" style="width:18%;margin-left:-9%;left:80%;" data-reactid="1199">E</span><span class="ant-slider-mark-text" style="width:18%;margin-left:-9%;left:100%;" data-reactid="1200">F</span></div></div></div></div></div><div class="ant-row ant-form-item" data-reactid="1201"><div class="ant-col-6 ant-form-item-label" data-reactid="1202"><label for="radio-group" class="" title="Radio.Group" data-reactid="1203">Radio.Group</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1204"><div class="ant-form-item-control " data-reactid="1205"><div class="ant-radio-group ant-radio-group-large" data-reactid="1206"><label class="ant-radio-wrapper" data-reactid="1207"><span class="ant-radio" data-reactid="1208"><input type="radio" class="ant-radio-input" data-reactid="1209"/><span class="ant-radio-inner" data-reactid="1210"></span></span><span data-reactid="1211">item 1</span></label><label class="ant-radio-wrapper" data-reactid="1212"><span class="ant-radio" data-reactid="1213"><input type="radio" class="ant-radio-input" data-reactid="1214"/><span class="ant-radio-inner" data-reactid="1215"></span></span><span data-reactid="1216">item 2</span></label><label class="ant-radio-wrapper" data-reactid="1217"><span class="ant-radio" data-reactid="1218"><input type="radio" class="ant-radio-input" data-reactid="1219"/><span class="ant-radio-inner" data-reactid="1220"></span></span><span data-reactid="1221">item 3</span></label></div></div></div></div><div class="ant-row ant-form-item" data-reactid="1222"><div class="ant-col-6 ant-form-item-label" data-reactid="1223"><label for="radio-button" class="" title="Radio.Button" data-reactid="1224">Radio.Button</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1225"><div class="ant-form-item-control " data-reactid="1226"><div class="ant-radio-group ant-radio-group-large" data-reactid="1227"><label class="ant-radio-button-wrapper" data-reactid="1228"><span class="ant-radio-button" data-reactid="1229"><input type="radio" class="ant-radio-button-input" data-reactid="1230"/><span class="ant-radio-button-inner" data-reactid="1231"></span></span><span data-reactid="1232">item 1</span></label><label class="ant-radio-button-wrapper" data-reactid="1233"><span class="ant-radio-button" data-reactid="1234"><input type="radio" class="ant-radio-button-input" data-reactid="1235"/><span class="ant-radio-button-inner" data-reactid="1236"></span></span><span data-reactid="1237">item 2</span></label><label class="ant-radio-button-wrapper" data-reactid="1238"><span class="ant-radio-button" data-reactid="1239"><input type="radio" class="ant-radio-button-input" data-reactid="1240"/><span class="ant-radio-button-inner" data-reactid="1241"></span></span><span data-reactid="1242">item 3</span></label></div></div></div></div><div class="ant-row ant-form-item" data-reactid="1243"><div class="ant-col-6 ant-form-item-label" data-reactid="1244"><label for="upload" class="" title="Upload" data-reactid="1245">Upload</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1246"><div class="ant-form-item-control " data-reactid="1247"><span class="" data-reactid="1248"><div class="ant-upload ant-upload-select ant-upload-select-picture" style="display:;" data-reactid="1249"><!-- react-empty: 1250 --></div><div class="ant-upload-list ant-upload-list-picture" data-reactid="1251"></div></span><div class="ant-form-extra" data-reactid="1252">longgggggggggggggggggggggggggggggggggg</div></div></div></div><div class="ant-row ant-form-item" data-reactid="1253"><div class="ant-col-6 ant-form-item-label" data-reactid="1254"><label for="dragger" class="" title="Dragger" data-reactid="1255">Dragger</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1256"><div class="ant-form-item-control " data-reactid="1257"><div class="dropbox" data-reactid="1258"><span class="" data-reactid="1259"><div class="ant-upload ant-upload-drag" data-reactid="1260"><!-- react-empty: 1261 --></div><div class="ant-upload-list ant-upload-list-text" data-reactid="1262"></div></span></div></div></div></div><div class="ant-row ant-form-item" data-reactid="1263"><div class="ant-col-12 ant-col-offset-6 ant-form-item-control-wrapper" data-reactid="1264"><div class="ant-form-item-control " data-reactid="1265"><button type="submit" class="ant-btn ant-btn-primary ant-btn-lg" data-reactid="1266"><span data-reactid="1267">Submit</span></button></div></div></div></form><style data-reactid="1268">#components-form-demo-validate-other .dropbox {
   height: 180px;
   line-height: 1.5;
 }</style></section><section class="code-box-meta markdown" data-reactid="1269"><div class="code-box-title" data-reactid="1270"><a href="#components-form-demo-validate-other" data-reactid="1271">校验其他组件</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/form/demo/validate-other.md" data-reactid="1272"><i class="anticon anticon-edit" data-reactid="1273"></i></a></div><div data-reactid="1274"><p data-reactid="1275"><!-- react-text: 1276 -->以上演示没有出现的表单控件对应的校验演示。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="1277"></i></section><section class="highlight-wrapper" data-reactid="1278"><div class="highlight" data-reactid="1279"><i class="anticon anticon-copy code-box-code-copy" data-reactid="1280"></i><pre class="language-jsx" data-reactid="1281"><code data-reactid="1282"><span class="token keyword">import</span> <span class="token punctuation">{</span>
diff --git a/components/form/index.html b/components/form/index.html
index ade752bc4..10e086ffd 100644
--- a/components/form/index.html
+++ b/components/form/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-895708149"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1134567228"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Horizontal Login Form" data-reactid="293"><a href="#components-form-demo-horizontal-login" data-reactid="294">Horizontal Login Form</a></li><li title="Login Form" data-reactid="295"><a href="#components-form-demo-normal-login" data-reactid="296">Login Form</a></li><li title="Registration" data-reactid="297"><a href="#components-form-demo-register" data-reactid="298">Registration</a></li><li title="Advanced search" data-reactid="299"><a href="#components-form-demo-advanced-search" data-reactid="300">Advanced search</a></li><li title="Form in Modal to Create" data-reactid="301"><a href="#components-form-demo-form-in-modal" data-reactid="302">Form in Modal to Create</a></li><li title="Dynamic Form Item" data-reactid="303"><a href="#components-form-demo-dynamic-form-item" data-reactid="304">Dynamic Form Item</a></li><li title="Time-related Controls" data-reactid="305"><a href="#components-form-demo-time-related-controls" data-reactid="306">Time-related Controls</a></li><li title="Customized Form Controls" data-reactid="307"><a href="#components-form-demo-customized-form-controls" data-reactid="308">Customized Form Controls</a></li><li title="Store Form Data into Upper Component" data-reactid="309"><a href="#components-form-demo-global-state" data-reactid="310">Store Form Data into Upper Component</a></li><li title="Handle Form Data Manually" data-reactid="311"><a href="#components-form-demo-without-form-create" data-reactid="312">Handle Form Data Manually</a></li><li title="Customized Validation" data-reactid="313"><a href="#components-form-demo-validate-static" data-reactid="314">Customized Validation</a></li><li title="Coordinated Controls" data-reactid="315"><a href="#components-form-demo-coordinated" data-reactid="316">Coordinated Controls</a></li><li title="Form Layout" data-reactid="317"><a href="#components-form-demo-layout" data-reactid="318">Form Layout</a></li><li title="Other Form Controls" data-reactid="319"><a href="#components-form-demo-validate-other" data-reactid="320">Other Form Controls</a></li></ul></div></div><section class="markdown" data-reactid="321"><h1 data-reactid="322"><!-- react-text: 323 -->Form<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/form/index.en-US.md" data-reactid="324"><i class="anticon anticon-edit" data-reactid="325"></i></a></h1><section class="markdown" data-reactid="326"><p data-reactid="327"><!-- react-text: 328 -->Form is used to collect, validate, and submit the user input, usually contains various form items including checkbox, radio, input, select, and etc.<!-- /react-text --></p><h2 id="Form" data-reactid="329"><span data-reactid="330"><!-- react-text: 331 -->Form<!-- /react-text --></span><a href="#Form" class="anchor" data-reactid="332">#</a></h2><p data-reactid="333"><!-- react-text: 334 -->You can align the controls of a <!-- /react-text --><code data-reactid="335"><!-- react-text: 336 -->form<!-- /react-text --></code><!-- react-text: 337 --> using one of the following attributes：<!-- /react-text --></p><ul data-reactid="338"><li data-reactid="339"><p data-reactid="340"><code data-reactid="341"><!-- react-text: 342 -->horizontal<!-- /react-text --></code><!-- react-text: 343 -->：to horizontally align the <!-- /react-text --><code data-reactid="344"><!-- react-text: 345 -->label<!-- /react-text --></code><!-- react-text: 346 -->s and controls of the fields. (Default)<!-- /react-text --></p></li><li data-reactid="347"><p data-reactid="348"><code data-reactid="349"><!-- react-text: 350 -->vertical<!-- /react-text --></code><!-- react-text: 351 -->：to vertically align the <!-- /react-text --><code data-reactid="352"><!-- react-text: 353 -->label<!-- /react-text --></code><!-- react-text: 354 -->s and controls of the fields.<!-- /react-text --></p></li><li data-reactid="355"><p data-reactid="356"><code data-reactid="357"><!-- react-text: 358 -->inline<!-- /react-text --></code><!-- react-text: 359 -->：to render form fields in one line.<!-- /react-text --></p></li></ul><h2 id="Form-fields" data-reactid="360"><span data-reactid="361"><!-- react-text: 362 -->Form fields<!-- /react-text --></span><a href="#Form-fields" class="anchor" data-reactid="363">#</a></h2><p data-reactid="364"><!-- react-text: 365 -->A form consists of one or more form fields whose type includes input, textarea, checkbox, radio, select, tag, and more.
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Horizontal Login Form" data-reactid="293"><a href="#components-form-demo-horizontal-login" data-reactid="294">Horizontal Login Form</a></li><li title="Login Form" data-reactid="295"><a href="#components-form-demo-normal-login" data-reactid="296">Login Form</a></li><li title="Registration" data-reactid="297"><a href="#components-form-demo-register" data-reactid="298">Registration</a></li><li title="Advanced search" data-reactid="299"><a href="#components-form-demo-advanced-search" data-reactid="300">Advanced search</a></li><li title="Form in Modal to Create" data-reactid="301"><a href="#components-form-demo-form-in-modal" data-reactid="302">Form in Modal to Create</a></li><li title="Dynamic Form Item" data-reactid="303"><a href="#components-form-demo-dynamic-form-item" data-reactid="304">Dynamic Form Item</a></li><li title="Time-related Controls" data-reactid="305"><a href="#components-form-demo-time-related-controls" data-reactid="306">Time-related Controls</a></li><li title="Customized Form Controls" data-reactid="307"><a href="#components-form-demo-customized-form-controls" data-reactid="308">Customized Form Controls</a></li><li title="Store Form Data into Upper Component" data-reactid="309"><a href="#components-form-demo-global-state" data-reactid="310">Store Form Data into Upper Component</a></li><li title="Handle Form Data Manually" data-reactid="311"><a href="#components-form-demo-without-form-create" data-reactid="312">Handle Form Data Manually</a></li><li title="Customized Validation" data-reactid="313"><a href="#components-form-demo-validate-static" data-reactid="314">Customized Validation</a></li><li title="Coordinated Controls" data-reactid="315"><a href="#components-form-demo-coordinated" data-reactid="316">Coordinated Controls</a></li><li title="Form Layout" data-reactid="317"><a href="#components-form-demo-layout" data-reactid="318">Form Layout</a></li><li title="Other Form Controls" data-reactid="319"><a href="#components-form-demo-validate-other" data-reactid="320">Other Form Controls</a></li></ul></div></div><section class="markdown" data-reactid="321"><h1 data-reactid="322"><!-- react-text: 323 -->Form<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/form/index.en-US.md" data-reactid="324"><i class="anticon anticon-edit" data-reactid="325"></i></a></h1><section class="markdown" data-reactid="326"><p data-reactid="327"><!-- react-text: 328 -->Form is used to collect, validate, and submit the user input, usually contains various form items including checkbox, radio, input, select, and etc.<!-- /react-text --></p><h2 id="Form" data-reactid="329"><span data-reactid="330"><!-- react-text: 331 -->Form<!-- /react-text --></span><a href="#Form" class="anchor" data-reactid="332">#</a></h2><p data-reactid="333"><!-- react-text: 334 -->You can align the controls of a <!-- /react-text --><code data-reactid="335"><!-- react-text: 336 -->form<!-- /react-text --></code><!-- react-text: 337 --> using one of the following attributes：<!-- /react-text --></p><ul data-reactid="338"><li data-reactid="339"><p data-reactid="340"><code data-reactid="341"><!-- react-text: 342 -->horizontal<!-- /react-text --></code><!-- react-text: 343 -->：to horizontally align the <!-- /react-text --><code data-reactid="344"><!-- react-text: 345 -->label<!-- /react-text --></code><!-- react-text: 346 -->s and controls of the fields. (Default)<!-- /react-text --></p></li><li data-reactid="347"><p data-reactid="348"><code data-reactid="349"><!-- react-text: 350 -->vertical<!-- /react-text --></code><!-- react-text: 351 -->：to vertically align the <!-- /react-text --><code data-reactid="352"><!-- react-text: 353 -->label<!-- /react-text --></code><!-- react-text: 354 -->s and controls of the fields.<!-- /react-text --></p></li><li data-reactid="355"><p data-reactid="356"><code data-reactid="357"><!-- react-text: 358 -->inline<!-- /react-text --></code><!-- react-text: 359 -->：to render form fields in one line.<!-- /react-text --></p></li></ul><h2 id="Form-fields" data-reactid="360"><span data-reactid="361"><!-- react-text: 362 -->Form fields<!-- /react-text --></span><a href="#Form-fields" class="anchor" data-reactid="363">#</a></h2><p data-reactid="364"><!-- react-text: 365 -->A form consists of one or more form fields whose type includes input, textarea, checkbox, radio, select, tag, and more.
 A form field is defined using <!-- /react-text --><code data-reactid="366"><!-- react-text: 367 -->&lt;Form.Item /&gt;<!-- /react-text --></code><!-- react-text: 368 -->.<!-- /react-text --></p><pre class="language-jsx" data-reactid="369"><code data-reactid="370"><span class="token operator">&lt;</span>Form<span class="token punctuation">.</span>Item <span class="token punctuation">{</span><span class="token operator">...</span>props<span class="token punctuation">}</span><span class="token operator">></span>
   <span class="token punctuation">{</span>children<span class="token punctuation">}</span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Form.Item</span><span class="token punctuation">></span></span></code></pre><blockquote data-reactid="371"><p data-reactid="372"><!-- react-text: 373 -->PS：By default, large size controls are used within a form.<!-- /react-text --></p></blockquote></section><h2 data-reactid="374"><span data-reactid="375">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="376"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="377"><div style="padding-left:8px;padding-right:8px;" class="ant-col-24 code-boxes-col-1-1" data-reactid="378"><section class="code-box" id="components-form-demo-horizontal-login" data-reactid="379"><section class="code-box-demo" data-reactid="380"><form class="ant-form ant-form-inline" data-reactid="381"><div class="ant-row ant-form-item" data-reactid="382"><div class="ant-form-item-control-wrapper" data-reactid="383"><div class="ant-form-item-control " data-reactid="384"><span class="ant-input-affix-wrapper" data-reactid="385"><span class="ant-input-prefix" data-reactid="386"><i style="font-size:13px;" class="anticon anticon-user" data-reactid="387"></i></span><input type="text" placeholder="Username" value="" id="userName" data-__meta="[object Object]" class="ant-input ant-input-lg" data-reactid="388"/></span></div></div></div><div class="ant-row ant-form-item" data-reactid="389"><div class="ant-form-item-control-wrapper" data-reactid="390"><div class="ant-form-item-control " data-reactid="391"><span class="ant-input-affix-wrapper" data-reactid="392"><span class="ant-input-prefix" data-reactid="393"><i style="font-size:13px;" class="anticon anticon-lock" data-reactid="394"></i></span><input type="password" placeholder="Password" value="" id="password" data-__meta="[object Object]" class="ant-input ant-input-lg" data-reactid="395"/></span></div></div></div><div class="ant-row ant-form-item" data-reactid="396"><div class="ant-form-item-control-wrapper" data-reactid="397"><div class="ant-form-item-control " data-reactid="398"><button type="submit" class="ant-btn ant-btn-primary ant-btn-lg" data-reactid="399"><span data-reactid="400">Log in</span></button></div></div></div></form></section><section class="code-box-meta markdown" data-reactid="401"><div class="code-box-title" data-reactid="402"><a href="#components-form-demo-horizontal-login" data-reactid="403">Horizontal Login Form</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/form/demo/horizontal-login.md" data-reactid="404"><i class="anticon anticon-edit" data-reactid="405"></i></a></div><div data-reactid="406"><p data-reactid="407"><!-- react-text: 408 -->Horizontal login form is often used in navigation bar.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="409"></i></section><section class="highlight-wrapper" data-reactid="410"><div class="highlight" data-reactid="411"><i class="anticon anticon-copy code-box-code-copy" data-reactid="412"></i><pre class="language-jsx" data-reactid="413"><code data-reactid="414"><span class="token keyword">import</span> <span class="token punctuation">{</span> Form<span class="token punctuation">,</span> Icon<span class="token punctuation">,</span> Input<span class="token punctuation">,</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
@@ -1071,7 +1071,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
   <span class="token punctuation">}</span>
 <span class="token punctuation">}</span>
 
-ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Demo</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-form-demo-without-form-create" data-reactid="884"><section class="code-box-demo" data-reactid="885"><form class="ant-form ant-form-horizontal" data-reactid="886"><div class="ant-row ant-form-item ant-form-item-with-help" data-reactid="887"><div class="ant-col-7 ant-form-item-label" data-reactid="888"><label class="" title="Prime between 8 &amp; 12" data-reactid="889">Prime between 8 &amp; 12</label></div><div class="ant-col-12 ant-form-item-control-wrapper" data-reactid="890"><div class="ant-form-item-control " data-reactid="891"><div class="ant-input-number ant-input-number-lg" data-reactid="892"><div class="ant-input-number-handler-wrap" data-reactid="893"><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="894"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="895"></span></span><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="896"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="897"></span></span></div><div class="ant-input-number-input-wrap" data-reactid="898"><input min="8" max="12" class="ant-input-number-input" autocomplete="off" value="11" data-reactid="899"/></div></div><div class="ant-form-explain" data-reactid="900">A prime is a natural number greater than 1 that has no positive divisors other than 1 and itself.</div></div></div></div></form></section><section class="code-box-meta markdown" data-reactid="901"><div class="code-box-title" data-reactid="902"><a href="#components-form-demo-without-form-create" data-reactid="903">Handle Form Data Manually</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/form/demo/without-form-create.md" data-reactid="904"><i class="anticon anticon-edit" data-reactid="905"></i></a></div><div data-reactid="906"><p data-reactid="907"><code data-reactid="908"><!-- react-text: 909 -->Form.create<!-- /react-text --></code><!-- react-text: 910 --> will collect and validate form data automatically. But if you don&#x27;t need this feature or the default behaviour cannot satisfy your business, you can drop <!-- /react-text --><code data-reactid="911"><!-- react-text: 912 -->Form.create<!-- /react-text --></code><!-- react-text: 913 --> and handle form data manually.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="914"></i></section><section class="highlight-wrapper" data-reactid="915"><div class="highlight" data-reactid="916"><i class="anticon anticon-copy code-box-code-copy" data-reactid="917"></i><pre class="language-jsx" data-reactid="918"><code data-reactid="919"><span class="token keyword">import</span> <span class="token punctuation">{</span> Form<span class="token punctuation">,</span> InputNumber <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Demo</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-form-demo-without-form-create" data-reactid="884"><section class="code-box-demo" data-reactid="885"><form class="ant-form ant-form-horizontal" data-reactid="886"><div class="ant-row ant-form-item ant-form-item-with-help" data-reactid="887"><div class="ant-col-7 ant-form-item-label" data-reactid="888"><label class="" title="Prime between 8 &amp; 12" data-reactid="889">Prime between 8 &amp; 12</label></div><div class="ant-col-12 ant-form-item-control-wrapper" data-reactid="890"><div class="ant-form-item-control " data-reactid="891"><div class="ant-input-number ant-input-number-lg" data-reactid="892"><div class="ant-input-number-handler-wrap" data-reactid="893"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="894"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="895"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="896"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="897"></span></span></div><div class="ant-input-number-input-wrap" role="spinbutton" aria-valuemin="8" aria-valuemax="12" aria-valuenow="11" data-reactid="898"><input min="8" max="12" class="ant-input-number-input" autocomplete="off" value="11" data-reactid="899"/></div></div><div class="ant-form-explain" data-reactid="900">A prime is a natural number greater than 1 that has no positive divisors other than 1 and itself.</div></div></div></div></form></section><section class="code-box-meta markdown" data-reactid="901"><div class="code-box-title" data-reactid="902"><a href="#components-form-demo-without-form-create" data-reactid="903">Handle Form Data Manually</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/form/demo/without-form-create.md" data-reactid="904"><i class="anticon anticon-edit" data-reactid="905"></i></a></div><div data-reactid="906"><p data-reactid="907"><code data-reactid="908"><!-- react-text: 909 -->Form.create<!-- /react-text --></code><!-- react-text: 910 --> will collect and validate form data automatically. But if you don&#x27;t need this feature or the default behaviour cannot satisfy your business, you can drop <!-- /react-text --><code data-reactid="911"><!-- react-text: 912 -->Form.create<!-- /react-text --></code><!-- react-text: 913 --> and handle form data manually.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="914"></i></section><section class="highlight-wrapper" data-reactid="915"><div class="highlight" data-reactid="916"><i class="anticon anticon-copy code-box-code-copy" data-reactid="917"></i><pre class="language-jsx" data-reactid="918"><code data-reactid="919"><span class="token keyword">import</span> <span class="token punctuation">{</span> Form<span class="token punctuation">,</span> InputNumber <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> FormItem <span class="token operator">=</span> Form<span class="token punctuation">.</span>Item<span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">validatePrimeNumber</span><span class="token punctuation">(</span>number<span class="token punctuation">)</span> <span class="token punctuation">{</span>
@@ -1348,7 +1348,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>FormLayoutDemo</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-form-demo-validate-other" data-reactid="1139"><section class="code-box-demo" data-reactid="1140"><form class="ant-form ant-form-horizontal" data-reactid="1141"><div class="ant-row ant-form-item" data-reactid="1142"><div class="ant-col-6 ant-form-item-label" data-reactid="1143"><label class="" title="Plain Text" data-reactid="1144">Plain Text</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1145"><div class="ant-form-item-control " data-reactid="1146"><span class="ant-form-text" data-reactid="1147">China</span></div></div></div><div class="ant-row ant-form-item" data-reactid="1148"><div class="ant-col-6 ant-form-item-label" data-reactid="1149"><label for="select" class="ant-form-item-required" title="Select" data-reactid="1150">Select</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1151"><div class="ant-form-item-control " data-reactid="1152"><div class="ant-select-lg ant-select ant-select-enabled" data-reactid="1153"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="1154"><div class="ant-select-selection__rendered" data-reactid="1155"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="1156">Please select a country</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="1157"><b data-reactid="1158"></b></span></div></div></div></div></div><div class="ant-row ant-form-item" data-reactid="1159"><div class="ant-col-6 ant-form-item-label" data-reactid="1160"><label for="select-multiple" class="ant-form-item-required" title="Select[multiple]" data-reactid="1161">Select[multiple]</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1162"><div class="ant-form-item-control " data-reactid="1163"><div class="ant-select-lg ant-select ant-select-enabled" data-reactid="1164"><div class="ant-select-selection
-            ant-select-selection--multiple" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="1165"><div class="ant-select-selection__rendered" data-reactid="1166"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="1167">Please select favourite colors</div><ul data-reactid="1168"><li class="ant-select-search ant-select-search--inline" data-reactid="1169"><div class="ant-select-search__field__wrap" data-reactid="1170"><input value="" class="ant-select-search__field" data-reactid="1171"/><span class="ant-select-search__field__mirror" data-reactid="1172"><!-- react-text: 1173 --><!-- /react-text --><!-- react-text: 1174 --> <!-- /react-text --></span></div></li></ul></div></div></div></div></div></div><div class="ant-row ant-form-item" data-reactid="1175"><div class="ant-col-6 ant-form-item-label" data-reactid="1176"><label for="input-number" class="" title="InputNumber" data-reactid="1177">InputNumber</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1178"><div class="ant-form-item-control has-success" data-reactid="1179"><div class="ant-input-number ant-input-number-lg" data-reactid="1180"><div class="ant-input-number-handler-wrap" data-reactid="1181"><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="1182"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="1183"></span></span><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="1184"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="1185"></span></span></div><div class="ant-input-number-input-wrap" data-reactid="1186"><input min="1" max="10" class="ant-input-number-input" autocomplete="off" value="3" data-reactid="1187"/></div></div><span class="ant-form-text" data-reactid="1188"> machines</span></div></div></div><div class="ant-row ant-form-item" data-reactid="1189"><div class="ant-col-6 ant-form-item-label" data-reactid="1190"><label for="switch" class="" title="Switch" data-reactid="1191">Switch</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1192"><div class="ant-form-item-control " data-reactid="1193"><span id="switch" data-__meta="[object Object]" class="ant-switch" tabindex="0" data-reactid="1194"><span class="ant-switch-inner" data-reactid="1195"></span></span></div></div></div><div class="ant-row ant-form-item" data-reactid="1196"><div class="ant-col-6 ant-form-item-label" data-reactid="1197"><label for="slider" class="" title="Slider" data-reactid="1198">Slider</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1199"><div class="ant-form-item-control " data-reactid="1200"><div class="ant-slider ant-slider-with-marks" data-reactid="1201"><div class="ant-slider-rail" data-reactid="1202"></div><div class="ant-slider-track" style="visibility:visible;left:0%;width:0%;" data-reactid="1203"></div><div class="ant-slider-step" data-reactid="1204"><span class="ant-slider-dot ant-slider-dot-active" style="left:0%;" data-reactid="1205"></span><span class="ant-slider-dot" style="left:20%;" data-reactid="1206"></span><span class="ant-slider-dot" style="left:40%;" data-reactid="1207"></span><span class="ant-slider-dot" style="left:60%;" data-reactid="1208"></span><span class="ant-slider-dot" style="left:80%;" data-reactid="1209"></span><span class="ant-slider-dot" style="left:100%;" data-reactid="1210"></span></div><div class="ant-slider-handle" style="left:0%;" data-reactid="1211"></div><div class="ant-slider-mark" data-reactid="1212"><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width:18%;margin-left:-9%;left:0%;" data-reactid="1213">A</span><span class="ant-slider-mark-text" style="width:18%;margin-left:-9%;left:20%;" data-reactid="1214">B</span><span class="ant-slider-mark-text" style="width:18%;margin-left:-9%;left:40%;" data-reactid="1215">C</span><span class="ant-slider-mark-text" style="width:18%;margin-left:-9%;left:60%;" data-reactid="1216">D</span><span class="ant-slider-mark-text" style="width:18%;margin-left:-9%;left:80%;" data-reactid="1217">E</span><span class="ant-slider-mark-text" style="width:18%;margin-left:-9%;left:100%;" data-reactid="1218">F</span></div></div></div></div></div><div class="ant-row ant-form-item" data-reactid="1219"><div class="ant-col-6 ant-form-item-label" data-reactid="1220"><label for="radio-group" class="" title="Radio.Group" data-reactid="1221">Radio.Group</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1222"><div class="ant-form-item-control " data-reactid="1223"><div class="ant-radio-group ant-radio-group-large" data-reactid="1224"><label class="ant-radio-wrapper" data-reactid="1225"><span class="ant-radio" data-reactid="1226"><input type="radio" class="ant-radio-input" data-reactid="1227"/><span class="ant-radio-inner" data-reactid="1228"></span></span><span data-reactid="1229">item 1</span></label><label class="ant-radio-wrapper" data-reactid="1230"><span class="ant-radio" data-reactid="1231"><input type="radio" class="ant-radio-input" data-reactid="1232"/><span class="ant-radio-inner" data-reactid="1233"></span></span><span data-reactid="1234">item 2</span></label><label class="ant-radio-wrapper" data-reactid="1235"><span class="ant-radio" data-reactid="1236"><input type="radio" class="ant-radio-input" data-reactid="1237"/><span class="ant-radio-inner" data-reactid="1238"></span></span><span data-reactid="1239">item 3</span></label></div></div></div></div><div class="ant-row ant-form-item" data-reactid="1240"><div class="ant-col-6 ant-form-item-label" data-reactid="1241"><label for="radio-button" class="" title="Radio.Button" data-reactid="1242">Radio.Button</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1243"><div class="ant-form-item-control " data-reactid="1244"><div class="ant-radio-group ant-radio-group-large" data-reactid="1245"><label class="ant-radio-button-wrapper" data-reactid="1246"><span class="ant-radio-button" data-reactid="1247"><input type="radio" class="ant-radio-button-input" data-reactid="1248"/><span class="ant-radio-button-inner" data-reactid="1249"></span></span><span data-reactid="1250">item 1</span></label><label class="ant-radio-button-wrapper" data-reactid="1251"><span class="ant-radio-button" data-reactid="1252"><input type="radio" class="ant-radio-button-input" data-reactid="1253"/><span class="ant-radio-button-inner" data-reactid="1254"></span></span><span data-reactid="1255">item 2</span></label><label class="ant-radio-button-wrapper" data-reactid="1256"><span class="ant-radio-button" data-reactid="1257"><input type="radio" class="ant-radio-button-input" data-reactid="1258"/><span class="ant-radio-button-inner" data-reactid="1259"></span></span><span data-reactid="1260">item 3</span></label></div></div></div></div><div class="ant-row ant-form-item" data-reactid="1261"><div class="ant-col-6 ant-form-item-label" data-reactid="1262"><label for="upload" class="" title="Upload" data-reactid="1263">Upload</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1264"><div class="ant-form-item-control " data-reactid="1265"><span class="" data-reactid="1266"><div class="ant-upload ant-upload-select ant-upload-select-picture" style="display:;" data-reactid="1267"><!-- react-empty: 1268 --></div><div class="ant-upload-list ant-upload-list-picture" data-reactid="1269"></div></span><div class="ant-form-extra" data-reactid="1270">longgggggggggggggggggggggggggggggggggg</div></div></div></div><div class="ant-row ant-form-item" data-reactid="1271"><div class="ant-col-6 ant-form-item-label" data-reactid="1272"><label for="dragger" class="" title="Dragger" data-reactid="1273">Dragger</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1274"><div class="ant-form-item-control " data-reactid="1275"><div class="dropbox" data-reactid="1276"><span class="" data-reactid="1277"><div class="ant-upload ant-upload-drag" data-reactid="1278"><!-- react-empty: 1279 --></div><div class="ant-upload-list ant-upload-list-text" data-reactid="1280"></div></span></div></div></div></div><div class="ant-row ant-form-item" data-reactid="1281"><div class="ant-col-12 ant-col-offset-6 ant-form-item-control-wrapper" data-reactid="1282"><div class="ant-form-item-control " data-reactid="1283"><button type="submit" class="ant-btn ant-btn-primary ant-btn-lg" data-reactid="1284"><span data-reactid="1285">Submit</span></button></div></div></div></form><style data-reactid="1286">#components-form-demo-validate-other .dropbox {
+            ant-select-selection--multiple" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="1165"><div class="ant-select-selection__rendered" data-reactid="1166"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="1167">Please select favourite colors</div><ul data-reactid="1168"><li class="ant-select-search ant-select-search--inline" data-reactid="1169"><div class="ant-select-search__field__wrap" data-reactid="1170"><input value="" class="ant-select-search__field" data-reactid="1171"/><span class="ant-select-search__field__mirror" data-reactid="1172"><!-- react-text: 1173 --><!-- /react-text --><!-- react-text: 1174 --> <!-- /react-text --></span></div></li></ul></div></div></div></div></div></div><div class="ant-row ant-form-item" data-reactid="1175"><div class="ant-col-6 ant-form-item-label" data-reactid="1176"><label for="input-number" class="" title="InputNumber" data-reactid="1177">InputNumber</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1178"><div class="ant-form-item-control has-success" data-reactid="1179"><div class="ant-input-number ant-input-number-lg" data-reactid="1180"><div class="ant-input-number-handler-wrap" data-reactid="1181"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="1182"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="1183"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="1184"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="1185"></span></span></div><div class="ant-input-number-input-wrap" role="spinbutton" aria-valuemin="1" aria-valuemax="10" aria-valuenow="3" data-reactid="1186"><input min="1" max="10" class="ant-input-number-input" autocomplete="off" value="3" data-reactid="1187"/></div></div><span class="ant-form-text" data-reactid="1188"> machines</span></div></div></div><div class="ant-row ant-form-item" data-reactid="1189"><div class="ant-col-6 ant-form-item-label" data-reactid="1190"><label for="switch" class="" title="Switch" data-reactid="1191">Switch</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1192"><div class="ant-form-item-control " data-reactid="1193"><span id="switch" data-__meta="[object Object]" class="ant-switch" tabindex="0" data-reactid="1194"><span class="ant-switch-inner" data-reactid="1195"></span></span></div></div></div><div class="ant-row ant-form-item" data-reactid="1196"><div class="ant-col-6 ant-form-item-label" data-reactid="1197"><label for="slider" class="" title="Slider" data-reactid="1198">Slider</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1199"><div class="ant-form-item-control " data-reactid="1200"><div class="ant-slider ant-slider-with-marks" data-reactid="1201"><div class="ant-slider-rail" data-reactid="1202"></div><div class="ant-slider-track" style="visibility:visible;left:0%;width:0%;" data-reactid="1203"></div><div class="ant-slider-step" data-reactid="1204"><span class="ant-slider-dot ant-slider-dot-active" style="left:0%;" data-reactid="1205"></span><span class="ant-slider-dot" style="left:20%;" data-reactid="1206"></span><span class="ant-slider-dot" style="left:40%;" data-reactid="1207"></span><span class="ant-slider-dot" style="left:60%;" data-reactid="1208"></span><span class="ant-slider-dot" style="left:80%;" data-reactid="1209"></span><span class="ant-slider-dot" style="left:100%;" data-reactid="1210"></span></div><div class="ant-slider-handle" style="left:0%;" data-reactid="1211"></div><div class="ant-slider-mark" data-reactid="1212"><span class="ant-slider-mark-text ant-slider-mark-text-active" style="width:18%;margin-left:-9%;left:0%;" data-reactid="1213">A</span><span class="ant-slider-mark-text" style="width:18%;margin-left:-9%;left:20%;" data-reactid="1214">B</span><span class="ant-slider-mark-text" style="width:18%;margin-left:-9%;left:40%;" data-reactid="1215">C</span><span class="ant-slider-mark-text" style="width:18%;margin-left:-9%;left:60%;" data-reactid="1216">D</span><span class="ant-slider-mark-text" style="width:18%;margin-left:-9%;left:80%;" data-reactid="1217">E</span><span class="ant-slider-mark-text" style="width:18%;margin-left:-9%;left:100%;" data-reactid="1218">F</span></div></div></div></div></div><div class="ant-row ant-form-item" data-reactid="1219"><div class="ant-col-6 ant-form-item-label" data-reactid="1220"><label for="radio-group" class="" title="Radio.Group" data-reactid="1221">Radio.Group</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1222"><div class="ant-form-item-control " data-reactid="1223"><div class="ant-radio-group ant-radio-group-large" data-reactid="1224"><label class="ant-radio-wrapper" data-reactid="1225"><span class="ant-radio" data-reactid="1226"><input type="radio" class="ant-radio-input" data-reactid="1227"/><span class="ant-radio-inner" data-reactid="1228"></span></span><span data-reactid="1229">item 1</span></label><label class="ant-radio-wrapper" data-reactid="1230"><span class="ant-radio" data-reactid="1231"><input type="radio" class="ant-radio-input" data-reactid="1232"/><span class="ant-radio-inner" data-reactid="1233"></span></span><span data-reactid="1234">item 2</span></label><label class="ant-radio-wrapper" data-reactid="1235"><span class="ant-radio" data-reactid="1236"><input type="radio" class="ant-radio-input" data-reactid="1237"/><span class="ant-radio-inner" data-reactid="1238"></span></span><span data-reactid="1239">item 3</span></label></div></div></div></div><div class="ant-row ant-form-item" data-reactid="1240"><div class="ant-col-6 ant-form-item-label" data-reactid="1241"><label for="radio-button" class="" title="Radio.Button" data-reactid="1242">Radio.Button</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1243"><div class="ant-form-item-control " data-reactid="1244"><div class="ant-radio-group ant-radio-group-large" data-reactid="1245"><label class="ant-radio-button-wrapper" data-reactid="1246"><span class="ant-radio-button" data-reactid="1247"><input type="radio" class="ant-radio-button-input" data-reactid="1248"/><span class="ant-radio-button-inner" data-reactid="1249"></span></span><span data-reactid="1250">item 1</span></label><label class="ant-radio-button-wrapper" data-reactid="1251"><span class="ant-radio-button" data-reactid="1252"><input type="radio" class="ant-radio-button-input" data-reactid="1253"/><span class="ant-radio-button-inner" data-reactid="1254"></span></span><span data-reactid="1255">item 2</span></label><label class="ant-radio-button-wrapper" data-reactid="1256"><span class="ant-radio-button" data-reactid="1257"><input type="radio" class="ant-radio-button-input" data-reactid="1258"/><span class="ant-radio-button-inner" data-reactid="1259"></span></span><span data-reactid="1260">item 3</span></label></div></div></div></div><div class="ant-row ant-form-item" data-reactid="1261"><div class="ant-col-6 ant-form-item-label" data-reactid="1262"><label for="upload" class="" title="Upload" data-reactid="1263">Upload</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1264"><div class="ant-form-item-control " data-reactid="1265"><span class="" data-reactid="1266"><div class="ant-upload ant-upload-select ant-upload-select-picture" style="display:;" data-reactid="1267"><!-- react-empty: 1268 --></div><div class="ant-upload-list ant-upload-list-picture" data-reactid="1269"></div></span><div class="ant-form-extra" data-reactid="1270">longgggggggggggggggggggggggggggggggggg</div></div></div></div><div class="ant-row ant-form-item" data-reactid="1271"><div class="ant-col-6 ant-form-item-label" data-reactid="1272"><label for="dragger" class="" title="Dragger" data-reactid="1273">Dragger</label></div><div class="ant-col-14 ant-form-item-control-wrapper" data-reactid="1274"><div class="ant-form-item-control " data-reactid="1275"><div class="dropbox" data-reactid="1276"><span class="" data-reactid="1277"><div class="ant-upload ant-upload-drag" data-reactid="1278"><!-- react-empty: 1279 --></div><div class="ant-upload-list ant-upload-list-text" data-reactid="1280"></div></span></div></div></div></div><div class="ant-row ant-form-item" data-reactid="1281"><div class="ant-col-12 ant-col-offset-6 ant-form-item-control-wrapper" data-reactid="1282"><div class="ant-form-item-control " data-reactid="1283"><button type="submit" class="ant-btn ant-btn-primary ant-btn-lg" data-reactid="1284"><span data-reactid="1285">Submit</span></button></div></div></div></form><style data-reactid="1286">#components-form-demo-validate-other .dropbox {
   height: 180px;
   line-height: 1.5;
 }</style></section><section class="code-box-meta markdown" data-reactid="1287"><div class="code-box-title" data-reactid="1288"><a href="#components-form-demo-validate-other" data-reactid="1289">Other Form Controls</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/form/demo/validate-other.md" data-reactid="1290"><i class="anticon anticon-edit" data-reactid="1291"></i></a></div><div data-reactid="1292"><p data-reactid="1293"><!-- react-text: 1294 -->Demostration for validataion configuration for form controls which are not show in the above demos.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="1295"></i></section><section class="highlight-wrapper" data-reactid="1296"><div class="highlight" data-reactid="1297"><i class="anticon anticon-copy code-box-code-copy" data-reactid="1298"></i><pre class="language-jsx" data-reactid="1299"><code data-reactid="1300"><span class="token keyword">import</span> <span class="token punctuation">{</span>
diff --git a/components/grid-cn/index.html b/components/grid-cn/index.html
index 168f27dbc..467c467a3 100644
--- a/components/grid-cn/index.html
+++ b/components/grid-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1010633350"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1375603336"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基础栅格" data-reactid="293"><a href="#components-grid-demo-basic" data-reactid="294">基础栅格</a></li><li title="区块间隔" data-reactid="295"><a href="#components-grid-demo-gutter" data-reactid="296">区块间隔</a></li><li title="左右偏移" data-reactid="297"><a href="#components-grid-demo-offset" data-reactid="298">左右偏移</a></li><li title="栅格排序" data-reactid="299"><a href="#components-grid-demo-sort" data-reactid="300">栅格排序</a></li><li title="Flex 布局" data-reactid="301"><a href="#components-grid-demo-flex" data-reactid="302">Flex 布局</a></li><li title="Flex 对齐" data-reactid="303"><a href="#components-grid-demo-flex-align" data-reactid="304">Flex 对齐</a></li><li title="Flex 排序" data-reactid="305"><a href="#components-grid-demo-flex-order" data-reactid="306">Flex 排序</a></li><li title="响应式布局" data-reactid="307"><a href="#components-grid-demo-reponsive" data-reactid="308">响应式布局</a></li><li title="其他属性的响应式" data-reactid="309"><a href="#components-grid-demo-reponsive-more" data-reactid="310">其他属性的响应式</a></li><li title="栅格配置器" data-reactid="311"><a href="#components-grid-demo-playground" data-reactid="312">栅格配置器</a></li></ul></div></div><section class="markdown" data-reactid="313"><h1 data-reactid="314"><!-- react-text: 315 -->Grid<!-- /react-text --><span class="subtitle" data-reactid="316">栅格</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/grid/index.zh-CN.md" data-reactid="317"><i class="anticon anticon-edit" data-reactid="318"></i></a></h1><section class="markdown" data-reactid="319"><p data-reactid="320"><!-- react-text: 321 -->24 栅格系统。<!-- /react-text --></p><h2 id="设计理念" data-reactid="322"><span data-reactid="323"><!-- react-text: 324 -->设计理念<!-- /react-text --></span><a href="#设计理念" class="anchor" data-reactid="325">#</a></h2><div class="grid-demo" data-reactid="326"><div class="ant-row demo-row" data-reactid="327"><div class="ant-col-24 demo-col demo-col-1" data-reactid="328"><!-- react-text: 329 -->
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基础栅格" data-reactid="293"><a href="#components-grid-demo-basic" data-reactid="294">基础栅格</a></li><li title="区块间隔" data-reactid="295"><a href="#components-grid-demo-gutter" data-reactid="296">区块间隔</a></li><li title="左右偏移" data-reactid="297"><a href="#components-grid-demo-offset" data-reactid="298">左右偏移</a></li><li title="栅格排序" data-reactid="299"><a href="#components-grid-demo-sort" data-reactid="300">栅格排序</a></li><li title="Flex 布局" data-reactid="301"><a href="#components-grid-demo-flex" data-reactid="302">Flex 布局</a></li><li title="Flex 对齐" data-reactid="303"><a href="#components-grid-demo-flex-align" data-reactid="304">Flex 对齐</a></li><li title="Flex 排序" data-reactid="305"><a href="#components-grid-demo-flex-order" data-reactid="306">Flex 排序</a></li><li title="响应式布局" data-reactid="307"><a href="#components-grid-demo-reponsive" data-reactid="308">响应式布局</a></li><li title="其他属性的响应式" data-reactid="309"><a href="#components-grid-demo-reponsive-more" data-reactid="310">其他属性的响应式</a></li><li title="栅格配置器" data-reactid="311"><a href="#components-grid-demo-playground" data-reactid="312">栅格配置器</a></li></ul></div></div><section class="markdown" data-reactid="313"><h1 data-reactid="314"><!-- react-text: 315 -->Grid<!-- /react-text --><span class="subtitle" data-reactid="316">栅格</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/grid/index.zh-CN.md" data-reactid="317"><i class="anticon anticon-edit" data-reactid="318"></i></a></h1><section class="markdown" data-reactid="319"><p data-reactid="320"><!-- react-text: 321 -->24 栅格系统。<!-- /react-text --></p><h2 id="设计理念" data-reactid="322"><span data-reactid="323"><!-- react-text: 324 -->设计理念<!-- /react-text --></span><a href="#设计理念" class="anchor" data-reactid="325">#</a></h2><div class="grid-demo" data-reactid="326"><div class="ant-row demo-row" data-reactid="327"><div class="ant-col-24 demo-col demo-col-1" data-reactid="328"><!-- react-text: 329 -->
     100%
   <!-- /react-text --></div></div><div class="ant-row demo-row" data-reactid="330"><div class="ant-col-6 demo-col demo-col-2" data-reactid="331"><!-- react-text: 332 -->
     25%
diff --git a/components/grid/index.html b/components/grid/index.html
index e91f9b676..b3163e570 100644
--- a/components/grid/index.html
+++ b/components/grid/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1048883961"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-338146039"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic Grid" data-reactid="293"><a href="#components-grid-demo-basic" data-reactid="294">Basic Grid</a></li><li title="Grid Gutter" data-reactid="295"><a href="#components-grid-demo-gutter" data-reactid="296">Grid Gutter</a></li><li title="Column offset" data-reactid="297"><a href="#components-grid-demo-offset" data-reactid="298">Column offset</a></li><li title="Grid sort" data-reactid="299"><a href="#components-grid-demo-sort" data-reactid="300">Grid sort</a></li><li title="Flex Layout" data-reactid="301"><a href="#components-grid-demo-flex" data-reactid="302">Flex Layout</a></li><li title="Flex Alignment" data-reactid="303"><a href="#components-grid-demo-flex-align" data-reactid="304">Flex Alignment</a></li><li title="Flex Order" data-reactid="305"><a href="#components-grid-demo-flex-order" data-reactid="306">Flex Order</a></li><li title="Responsive" data-reactid="307"><a href="#components-grid-demo-reponsive" data-reactid="308">Responsive</a></li><li title="More responsive" data-reactid="309"><a href="#components-grid-demo-reponsive-more" data-reactid="310">More responsive</a></li><li title="Playground" data-reactid="311"><a href="#components-grid-demo-playground" data-reactid="312">Playground</a></li></ul></div></div><section class="markdown" data-reactid="313"><h1 data-reactid="314"><!-- react-text: 315 -->Grid<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/grid/index.en-US.md" data-reactid="316"><i class="anticon anticon-edit" data-reactid="317"></i></a></h1><section class="markdown" data-reactid="318"><p data-reactid="319"><!-- react-text: 320 -->24 Grids System。<!-- /react-text --></p><h2 id="Design-concept" data-reactid="321"><span data-reactid="322"><!-- react-text: 323 -->Design concept<!-- /react-text --></span><a href="#Design-concept" class="anchor" data-reactid="324">#</a></h2><div class="grid-demo" data-reactid="325"><div class="ant-row demo-row" data-reactid="326"><div class="ant-col-24 demo-col demo-col-1" data-reactid="327"><!-- react-text: 328 -->
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic Grid" data-reactid="293"><a href="#components-grid-demo-basic" data-reactid="294">Basic Grid</a></li><li title="Grid Gutter" data-reactid="295"><a href="#components-grid-demo-gutter" data-reactid="296">Grid Gutter</a></li><li title="Column offset" data-reactid="297"><a href="#components-grid-demo-offset" data-reactid="298">Column offset</a></li><li title="Grid sort" data-reactid="299"><a href="#components-grid-demo-sort" data-reactid="300">Grid sort</a></li><li title="Flex Layout" data-reactid="301"><a href="#components-grid-demo-flex" data-reactid="302">Flex Layout</a></li><li title="Flex Alignment" data-reactid="303"><a href="#components-grid-demo-flex-align" data-reactid="304">Flex Alignment</a></li><li title="Flex Order" data-reactid="305"><a href="#components-grid-demo-flex-order" data-reactid="306">Flex Order</a></li><li title="Responsive" data-reactid="307"><a href="#components-grid-demo-reponsive" data-reactid="308">Responsive</a></li><li title="More responsive" data-reactid="309"><a href="#components-grid-demo-reponsive-more" data-reactid="310">More responsive</a></li><li title="Playground" data-reactid="311"><a href="#components-grid-demo-playground" data-reactid="312">Playground</a></li></ul></div></div><section class="markdown" data-reactid="313"><h1 data-reactid="314"><!-- react-text: 315 -->Grid<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/grid/index.en-US.md" data-reactid="316"><i class="anticon anticon-edit" data-reactid="317"></i></a></h1><section class="markdown" data-reactid="318"><p data-reactid="319"><!-- react-text: 320 -->24 Grids System。<!-- /react-text --></p><h2 id="Design-concept" data-reactid="321"><span data-reactid="322"><!-- react-text: 323 -->Design concept<!-- /react-text --></span><a href="#Design-concept" class="anchor" data-reactid="324">#</a></h2><div class="grid-demo" data-reactid="325"><div class="ant-row demo-row" data-reactid="326"><div class="ant-col-24 demo-col demo-col-1" data-reactid="327"><!-- react-text: 328 -->
     100%
   <!-- /react-text --></div></div><div class="ant-row demo-row" data-reactid="329"><div class="ant-col-6 demo-col demo-col-2" data-reactid="330"><!-- react-text: 331 -->
     25%
diff --git a/components/icon-cn/index.html b/components/icon-cn/index.html
index 7d504e1b0..6fbd6e604 100644
--- a/components/icon-cn/index.html
+++ b/components/icon-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="972642430"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1144739968"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->Icon<!-- /react-text --><span class="subtitle" data-reactid="292">图标</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/icon/index.zh-CN.md" data-reactid="293"><i class="anticon anticon-edit" data-reactid="294"></i></a></h1><section class="markdown" data-reactid="295"><p data-reactid="296"><!-- react-text: 297 -->语义化的矢量图形。<!-- /react-text --></p><h2 id="图标的命名规范" data-reactid="298"><span data-reactid="299"><!-- react-text: 300 -->图标的命名规范<!-- /react-text --></span><a href="#图标的命名规范" class="anchor" data-reactid="301">#</a></h2><p data-reactid="302"><!-- react-text: 303 -->我们为每个图标赋予了语义化的命名，命名规则如下:<!-- /react-text --></p><ul data-reactid="304"><li data-reactid="305"><p data-reactid="306"><!-- react-text: 307 -->实心和描线图标保持同名，用 <!-- /react-text --><code data-reactid="308"><!-- react-text: 309 -->-o<!-- /react-text --></code><!-- react-text: 310 --> 来区分，比如 <!-- /react-text --><code data-reactid="311"><!-- react-text: 312 -->question-circle<!-- /react-text --></code><!-- react-text: 313 -->（实心） 和 <!-- /react-text --><code data-reactid="314"><!-- react-text: 315 -->question-circle-o<!-- /react-text --></code><!-- react-text: 316 -->（描线）；<!-- /react-text --></p></li><li data-reactid="317"><p data-reactid="318"><!-- react-text: 319 -->命名顺序：<!-- /react-text --><code data-reactid="320"><!-- react-text: 321 -->[图标名]-[形状?]-[描线?]-[方向?]<!-- /react-text --></code><!-- react-text: 322 -->。<!-- /react-text --></p></li></ul><blockquote data-reactid="323"><p data-reactid="324"><code data-reactid="325"><!-- react-text: 326 -->?<!-- /react-text --></code><!-- react-text: 327 --> 为可选。<!-- /react-text --></p></blockquote><p data-reactid="328"><!-- react-text: 329 -->完整的图标设计规范请访问 <!-- /react-text --><a href="/docs/spec/icon-cn" data-reactid="330">图标规范</a><!-- react-text: 331 -->。<!-- /react-text --></p><h2 id="如何使用" data-reactid="332"><span data-reactid="333"><!-- react-text: 334 -->如何使用<!-- /react-text --></span><a href="#如何使用" class="anchor" data-reactid="335">#</a></h2><p data-reactid="336"><!-- react-text: 337 -->使用 <!-- /react-text --><code data-reactid="338"><!-- react-text: 339 -->&lt;Icon /&gt;<!-- /react-text --></code><!-- react-text: 340 --> 标签声明组件，指定图标对应的 type 属性，示例代码如下:<!-- /react-text --></p><pre class="language-html" data-reactid="341"><code data-reactid="342"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>link<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span></code></pre><h2 id="本地部署" data-reactid="343"><span data-reactid="344"><!-- react-text: 345 -->本地部署<!-- /react-text --></span><a href="#本地部署" class="anchor" data-reactid="346">#</a></h2><p data-reactid="347"><!-- react-text: 348 -->图标默认托管在 <!-- /react-text --><a href="http://iconfont.cn" data-reactid="349"><!-- react-text: 350 -->iconfont.cn<!-- /react-text --></a><!-- react-text: 351 -->，默认公网可访问。如需本地部署，可参考 <!-- /react-text --><a href="https://github.com/ant-design/antd-init/tree/master/examples/local-iconfont" data-reactid="352"><!-- react-text: 353 -->示例<!-- /react-text --></a><!-- react-text: 354 -->。<!-- /react-text --></p><h2 id="图标列表" data-reactid="355"><span data-reactid="356"><!-- react-text: 357 -->图标列表<!-- /react-text --></span><a href="#图标列表" class="anchor" data-reactid="358">#</a></h2><blockquote data-reactid="359"><p data-reactid="360"><!-- react-text: 361 -->点击图标复制代码。<!-- /react-text --></p></blockquote><h3 id="方向性图标" data-reactid="362"><span data-reactid="363"><!-- react-text: 364 -->方向性图标<!-- /react-text --></span><a href="#方向性图标" class="anchor" data-reactid="365">#</a></h3><ul class="anticons-list clearfix icons" data-reactid="366"><li class="" data-reactid="367"><i class="anticon anticon-step-backward" data-reactid="368"></i><span class="anticon-class" data-reactid="369">step-backward</span></li><li class="" data-reactid="370"><i class="anticon anticon-step-forward" data-reactid="371"></i><span class="anticon-class" data-reactid="372">step-forward</span></li><li class="" data-reactid="373"><i class="anticon anticon-fast-backward" data-reactid="374"></i><span class="anticon-class" data-reactid="375">fast-backward</span></li><li class="" data-reactid="376"><i class="anticon anticon-fast-forward" data-reactid="377"></i><span class="anticon-class" data-reactid="378">fast-forward</span></li><li class="" data-reactid="379"><i class="anticon anticon-shrink" data-reactid="380"></i><span class="anticon-class" data-reactid="381">shrink</span></li><li class="" data-reactid="382"><i class="anticon anticon-arrows-alt" data-reactid="383"></i><span class="anticon-class" data-reactid="384">arrows-alt</span></li><li class="" data-reactid="385"><i class="anticon anticon-down" data-reactid="386"></i><span class="anticon-class" data-reactid="387">down</span></li><li class="" data-reactid="388"><i class="anticon anticon-up" data-reactid="389"></i><span class="anticon-class" data-reactid="390">up</span></li><li class="" data-reactid="391"><i class="anticon anticon-left" data-reactid="392"></i><span class="anticon-class" data-reactid="393">left</span></li><li class="" data-reactid="394"><i class="anticon anticon-right" data-reactid="395"></i><span class="anticon-class" data-reactid="396">right</span></li><li class="" data-reactid="397"><i class="anticon anticon-caret-up" data-reactid="398"></i><span class="anticon-class" data-reactid="399">caret-up</span></li><li class="" data-reactid="400"><i class="anticon anticon-caret-down" data-reactid="401"></i><span class="anticon-class" data-reactid="402">caret-down</span></li><li class="" data-reactid="403"><i class="anticon anticon-caret-left" data-reactid="404"></i><span class="anticon-class" data-reactid="405">caret-left</span></li><li class="" data-reactid="406"><i class="anticon anticon-caret-right" data-reactid="407"></i><span class="anticon-class" data-reactid="408">caret-right</span></li><li class="" data-reactid="409"><i class="anticon anticon-up-circle" data-reactid="410"></i><span class="anticon-class" data-reactid="411">up-circle</span></li><li class="" data-reactid="412"><i class="anticon anticon-down-circle" data-reactid="413"></i><span class="anticon-class" data-reactid="414">down-circle</span></li><li class="" data-reactid="415"><i class="anticon anticon-left-circle" data-reactid="416"></i><span class="anticon-class" data-reactid="417">left-circle</span></li><li class="" data-reactid="418"><i class="anticon anticon-right-circle" data-reactid="419"></i><span class="anticon-class" data-reactid="420">right-circle</span></li><li class="" data-reactid="421"><i class="anticon anticon-up-circle-o" data-reactid="422"></i><span class="anticon-class" data-reactid="423">up-circle-o</span></li><li class="" data-reactid="424"><i class="anticon anticon-down-circle-o" data-reactid="425"></i><span class="anticon-class" data-reactid="426">down-circle-o</span></li><li class="" data-reactid="427"><i class="anticon anticon-right-circle-o" data-reactid="428"></i><span class="anticon-class" data-reactid="429">right-circle-o</span></li><li class="" data-reactid="430"><i class="anticon anticon-left-circle-o" data-reactid="431"></i><span class="anticon-class" data-reactid="432">left-circle-o</span></li><li class="" data-reactid="433"><i class="anticon anticon-double-right" data-reactid="434"></i><span class="anticon-class" data-reactid="435">double-right</span></li><li class="" data-reactid="436"><i class="anticon anticon-double-left" data-reactid="437"></i><span class="anticon-class" data-reactid="438">double-left</span></li><li class="" data-reactid="439"><i class="anticon anticon-verticle-left" data-reactid="440"></i><span class="anticon-class" data-reactid="441">verticle-left</span></li><li class="" data-reactid="442"><i class="anticon anticon-verticle-right" data-reactid="443"></i><span class="anticon-class" data-reactid="444">verticle-right</span></li><li class="" data-reactid="445"><i class="anticon anticon-forward" data-reactid="446"></i><span class="anticon-class" data-reactid="447">forward</span></li><li class="" data-reactid="448"><i class="anticon anticon-backward" data-reactid="449"></i><span class="anticon-class" data-reactid="450">backward</span></li><li class="" data-reactid="451"><i class="anticon anticon-rollback" data-reactid="452"></i><span class="anticon-class" data-reactid="453">rollback</span></li><li class="" data-reactid="454"><i class="anticon anticon-enter" data-reactid="455"></i><span class="anticon-class" data-reactid="456">enter</span></li><li class="" data-reactid="457"><i class="anticon anticon-retweet" data-reactid="458"></i><span class="anticon-class" data-reactid="459">retweet</span></li><li class="" data-reactid="460"><i class="anticon anticon-swap" data-reactid="461"></i><span class="anticon-class" data-reactid="462">swap</span></li><li class="" data-reactid="463"><i class="anticon anticon-swap-left" data-reactid="464"></i><span class="anticon-class" data-reactid="465">swap-left</span></li><li class="" data-reactid="466"><i class="anticon anticon-swap-right" data-reactid="467"></i><span class="anticon-class" data-reactid="468">swap-right</span></li><li class="" data-reactid="469"><i class="anticon anticon-arrow-up" data-reactid="470"></i><span class="anticon-class" data-reactid="471">arrow-up</span></li><li class="" data-reactid="472"><i class="anticon anticon-arrow-down" data-reactid="473"></i><span class="anticon-class" data-reactid="474">arrow-down</span></li><li class="" data-reactid="475"><i class="anticon anticon-arrow-left" data-reactid="476"></i><span class="anticon-class" data-reactid="477">arrow-left</span></li><li class="" data-reactid="478"><i class="anticon anticon-arrow-right" data-reactid="479"></i><span class="anticon-class" data-reactid="480">arrow-right</span></li><li class="" data-reactid="481"><i class="anticon anticon-play-circle" data-reactid="482"></i><span class="anticon-class" data-reactid="483">play-circle</span></li><li class="" data-reactid="484"><i class="anticon anticon-play-circle-o" data-reactid="485"></i><span class="anticon-class" data-reactid="486">play-circle-o</span></li><li class="" data-reactid="487"><i class="anticon anticon-up-square" data-reactid="488"></i><span class="anticon-class" data-reactid="489">up-square</span></li><li class="" data-reactid="490"><i class="anticon anticon-down-square" data-reactid="491"></i><span class="anticon-class" data-reactid="492">down-square</span></li><li class="" data-reactid="493"><i class="anticon anticon-left-square" data-reactid="494"></i><span class="anticon-class" data-reactid="495">left-square</span></li><li class="" data-reactid="496"><i class="anticon anticon-right-square" data-reactid="497"></i><span class="anticon-class" data-reactid="498">right-square</span></li><li class="" data-reactid="499"><i class="anticon anticon-up-square-o" data-reactid="500"></i><span class="anticon-class" data-reactid="501">up-square-o</span></li><li class="" data-reactid="502"><i class="anticon anticon-down-square-o" data-reactid="503"></i><span class="anticon-class" data-reactid="504">down-square-o</span></li><li class="" data-reactid="505"><i class="anticon anticon-left-square-o" data-reactid="506"></i><span class="anticon-class" data-reactid="507">left-square-o</span></li><li class="" data-reactid="508"><i class="anticon anticon-right-square-o" data-reactid="509"></i><span class="anticon-class" data-reactid="510">right-square-o</span></li><li class="" data-reactid="511"><i class="anticon anticon-login" data-reactid="512"></i><span class="anticon-class" data-reactid="513">login</span></li><li class="" data-reactid="514"><i class="anticon anticon-logout" data-reactid="515"></i><span class="anticon-class" data-reactid="516">logout</span></li><li class="" data-reactid="517"><i class="anticon anticon-menu-fold" data-reactid="518"></i><span class="anticon-class" data-reactid="519">menu-fold</span></li><li class="" data-reactid="520"><i class="anticon anticon-menu-unfold" data-reactid="521"></i><span class="anticon-class" data-reactid="522">menu-unfold</span></li></ul><h3 id="提示建议性图标" data-reactid="523"><span data-reactid="524"><!-- react-text: 525 -->提示建议性图标<!-- /react-text --></span><a href="#提示建议性图标" class="anchor" data-reactid="526">#</a></h3><ul class="anticons-list clearfix icons" data-reactid="527"><li class="" data-reactid="528"><i class="anticon anticon-question" data-reactid="529"></i><span class="anticon-class" data-reactid="530">question</span></li><li class="" data-reactid="531"><i class="anticon anticon-question-circle-o" data-reactid="532"></i><span class="anticon-class" data-reactid="533">question-circle-o</span></li><li class="" data-reactid="534"><i class="anticon anticon-question-circle" data-reactid="535"></i><span class="anticon-class" data-reactid="536">question-circle</span></li><li class="" data-reactid="537"><i class="anticon anticon-plus" data-reactid="538"></i><span class="anticon-class" data-reactid="539">plus</span></li><li class="" data-reactid="540"><i class="anticon anticon-plus-circle-o" data-reactid="541"></i><span class="anticon-class" data-reactid="542">plus-circle-o</span></li><li class="" data-reactid="543"><i class="anticon anticon-plus-circle" data-reactid="544"></i><span class="anticon-class" data-reactid="545">plus-circle</span></li><li class="" data-reactid="546"><i class="anticon anticon-pause" data-reactid="547"></i><span class="anticon-class" data-reactid="548">pause</span></li><li class="" data-reactid="549"><i class="anticon anticon-pause-circle-o" data-reactid="550"></i><span class="anticon-class" data-reactid="551">pause-circle-o</span></li><li class="" data-reactid="552"><i class="anticon anticon-pause-circle" data-reactid="553"></i><span class="anticon-class" data-reactid="554">pause-circle</span></li><li class="" data-reactid="555"><i class="anticon anticon-minus" data-reactid="556"></i><span class="anticon-class" data-reactid="557">minus</span></li><li class="" data-reactid="558"><i class="anticon anticon-minus-circle-o" data-reactid="559"></i><span class="anticon-class" data-reactid="560">minus-circle-o</span></li><li class="" data-reactid="561"><i class="anticon anticon-minus-circle" data-reactid="562"></i><span class="anticon-class" data-reactid="563">minus-circle</span></li><li class="" data-reactid="564"><i class="anticon anticon-plus-square" data-reactid="565"></i><span class="anticon-class" data-reactid="566">plus-square</span></li><li class="" data-reactid="567"><i class="anticon anticon-plus-square-o" data-reactid="568"></i><span class="anticon-class" data-reactid="569">plus-square-o</span></li><li class="" data-reactid="570"><i class="anticon anticon-minus-square" data-reactid="571"></i><span class="anticon-class" data-reactid="572">minus-square</span></li><li class="" data-reactid="573"><i class="anticon anticon-minus-square-o" data-reactid="574"></i><span class="anticon-class" data-reactid="575">minus-square-o</span></li><li class="" data-reactid="576"><i class="anticon anticon-info" data-reactid="577"></i><span class="anticon-class" data-reactid="578">info</span></li><li class="" data-reactid="579"><i class="anticon anticon-info-circle-o" data-reactid="580"></i><span class="anticon-class" data-reactid="581">info-circle-o</span></li><li class="" data-reactid="582"><i class="anticon anticon-info-circle" data-reactid="583"></i><span class="anticon-class" data-reactid="584">info-circle</span></li><li class="" data-reactid="585"><i class="anticon anticon-exclamation" data-reactid="586"></i><span class="anticon-class" data-reactid="587">exclamation</span></li><li class="" data-reactid="588"><i class="anticon anticon-exclamation-circle-o" data-reactid="589"></i><span class="anticon-class" data-reactid="590">exclamation-circle-o</span></li><li class="" data-reactid="591"><i class="anticon anticon-exclamation-circle" data-reactid="592"></i><span class="anticon-class" data-reactid="593">exclamation-circle</span></li><li class="" data-reactid="594"><i class="anticon anticon-close" data-reactid="595"></i><span class="anticon-class" data-reactid="596">close</span></li><li class="" data-reactid="597"><i class="anticon anticon-close-circle" data-reactid="598"></i><span class="anticon-class" data-reactid="599">close-circle</span></li><li class="" data-reactid="600"><i class="anticon anticon-close-circle-o" data-reactid="601"></i><span class="anticon-class" data-reactid="602">close-circle-o</span></li><li class="" data-reactid="603"><i class="anticon anticon-close-square" data-reactid="604"></i><span class="anticon-class" data-reactid="605">close-square</span></li><li class="" data-reactid="606"><i class="anticon anticon-close-square-o" data-reactid="607"></i><span class="anticon-class" data-reactid="608">close-square-o</span></li><li class="" data-reactid="609"><i class="anticon anticon-check" data-reactid="610"></i><span class="anticon-class" data-reactid="611">check</span></li><li class="" data-reactid="612"><i class="anticon anticon-check-circle" data-reactid="613"></i><span class="anticon-class" data-reactid="614">check-circle</span></li><li class="" data-reactid="615"><i class="anticon anticon-check-circle-o" data-reactid="616"></i><span class="anticon-class" data-reactid="617">check-circle-o</span></li><li class="" data-reactid="618"><i class="anticon anticon-check-square" data-reactid="619"></i><span class="anticon-class" data-reactid="620">check-square</span></li><li class="" data-reactid="621"><i class="anticon anticon-check-square-o" data-reactid="622"></i><span class="anticon-class" data-reactid="623">check-square-o</span></li><li class="" data-reactid="624"><i class="anticon anticon-clock-circle-o" data-reactid="625"></i><span class="anticon-class" data-reactid="626">clock-circle-o</span></li><li class="" data-reactid="627"><i class="anticon anticon-clock-circle" data-reactid="628"></i><span class="anticon-class" data-reactid="629">clock-circle</span></li></ul><h3 id="网站通用图标" data-reactid="630"><span data-reactid="631"><!-- react-text: 632 -->网站通用图标<!-- /react-text --></span><a href="#网站通用图标" class="anchor" data-reactid="633">#</a></h3><ul class="anticons-list clearfix icons" data-reactid="634"><li class="" data-reactid="635"><i class="anticon anticon-lock" data-reactid="636"></i><span class="anticon-class" data-reactid="637">lock</span></li><li class="" data-reactid="638"><i class="anticon anticon-unlock" data-reactid="639"></i><span class="anticon-class" data-reactid="640">unlock</span></li><li class="" data-reactid="641"><i class="anticon anticon-area-chart" data-reactid="642"></i><span class="anticon-class" data-reactid="643">area-chart</span></li><li class="" data-reactid="644"><i class="anticon anticon-pie-chart" data-reactid="645"></i><span class="anticon-class" data-reactid="646">pie-chart</span></li><li class="" data-reactid="647"><i class="anticon anticon-bar-chart" data-reactid="648"></i><span class="anticon-class" data-reactid="649">bar-chart</span></li><li class="" data-reactid="650"><i class="anticon anticon-dot-chart" data-reactid="651"></i><span class="anticon-class" data-reactid="652">dot-chart</span></li><li class="" data-reactid="653"><i class="anticon anticon-bars" data-reactid="654"></i><span class="anticon-class" data-reactid="655">bars</span></li><li class="" data-reactid="656"><i class="anticon anticon-book" data-reactid="657"></i><span class="anticon-class" data-reactid="658">book</span></li><li class="" data-reactid="659"><i class="anticon anticon-calendar" data-reactid="660"></i><span class="anticon-class" data-reactid="661">calendar</span></li><li class="" data-reactid="662"><i class="anticon anticon-cloud" data-reactid="663"></i><span class="anticon-class" data-reactid="664">cloud</span></li><li class="" data-reactid="665"><i class="anticon anticon-cloud-download" data-reactid="666"></i><span class="anticon-class" data-reactid="667">cloud-download</span></li><li class="" data-reactid="668"><i class="anticon anticon-code" data-reactid="669"></i><span class="anticon-class" data-reactid="670">code</span></li><li class="" data-reactid="671"><i class="anticon anticon-code-o" data-reactid="672"></i><span class="anticon-class" data-reactid="673">code-o</span></li><li class="" data-reactid="674"><i class="anticon anticon-copy" data-reactid="675"></i><span class="anticon-class" data-reactid="676">copy</span></li><li class="" data-reactid="677"><i class="anticon anticon-credit-card" data-reactid="678"></i><span class="anticon-class" data-reactid="679">credit-card</span></li><li class="" data-reactid="680"><i class="anticon anticon-delete" data-reactid="681"></i><span class="anticon-class" data-reactid="682">delete</span></li><li class="" data-reactid="683"><i class="anticon anticon-desktop" data-reactid="684"></i><span class="anticon-class" data-reactid="685">desktop</span></li><li class="" data-reactid="686"><i class="anticon anticon-download" data-reactid="687"></i><span class="anticon-class" data-reactid="688">download</span></li><li class="" data-reactid="689"><i class="anticon anticon-edit" data-reactid="690"></i><span class="anticon-class" data-reactid="691">edit</span></li><li class="" data-reactid="692"><i class="anticon anticon-ellipsis" data-reactid="693"></i><span class="anticon-class" data-reactid="694">ellipsis</span></li><li class="" data-reactid="695"><i class="anticon anticon-file" data-reactid="696"></i><span class="anticon-class" data-reactid="697">file</span></li><li class="" data-reactid="698"><i class="anticon anticon-file-text" data-reactid="699"></i><span class="anticon-class" data-reactid="700">file-text</span></li><li class="" data-reactid="701"><i class="anticon anticon-file-unknown" data-reactid="702"></i><span class="anticon-class" data-reactid="703">file-unknown</span></li><li class="" data-reactid="704"><i class="anticon anticon-file-pdf" data-reactid="705"></i><span class="anticon-class" data-reactid="706">file-pdf</span></li><li class="" data-reactid="707"><i class="anticon anticon-file-excel" data-reactid="708"></i><span class="anticon-class" data-reactid="709">file-excel</span></li><li class="" data-reactid="710"><i class="anticon anticon-file-jpg" data-reactid="711"></i><span class="anticon-class" data-reactid="712">file-jpg</span></li><li class="" data-reactid="713"><i class="anticon anticon-file-ppt" data-reactid="714"></i><span class="anticon-class" data-reactid="715">file-ppt</span></li><li class="" data-reactid="716"><i class="anticon anticon-file-add" data-reactid="717"></i><span class="anticon-class" data-reactid="718">file-add</span></li><li class="" data-reactid="719"><i class="anticon anticon-folder" data-reactid="720"></i><span class="anticon-class" data-reactid="721">folder</span></li><li class="" data-reactid="722"><i class="anticon anticon-folder-open" data-reactid="723"></i><span class="anticon-class" data-reactid="724">folder-open</span></li><li class="" data-reactid="725"><i class="anticon anticon-folder-add" data-reactid="726"></i><span class="anticon-class" data-reactid="727">folder-add</span></li><li class="" data-reactid="728"><i class="anticon anticon-hdd" data-reactid="729"></i><span class="anticon-class" data-reactid="730">hdd</span></li><li class="" data-reactid="731"><i class="anticon anticon-frown" data-reactid="732"></i><span class="anticon-class" data-reactid="733">frown</span></li><li class="" data-reactid="734"><i class="anticon anticon-frown-o" data-reactid="735"></i><span class="anticon-class" data-reactid="736">frown-o</span></li><li class="" data-reactid="737"><i class="anticon anticon-meh" data-reactid="738"></i><span class="anticon-class" data-reactid="739">meh</span></li><li class="" data-reactid="740"><i class="anticon anticon-meh-o" data-reactid="741"></i><span class="anticon-class" data-reactid="742">meh-o</span></li><li class="" data-reactid="743"><i class="anticon anticon-smile" data-reactid="744"></i><span class="anticon-class" data-reactid="745">smile</span></li><li class="" data-reactid="746"><i class="anticon anticon-smile-o" data-reactid="747"></i><span class="anticon-class" data-reactid="748">smile-o</span></li><li class="" data-reactid="749"><i class="anticon anticon-inbox" data-reactid="750"></i><span class="anticon-class" data-reactid="751">inbox</span></li><li class="" data-reactid="752"><i class="anticon anticon-laptop" data-reactid="753"></i><span class="anticon-class" data-reactid="754">laptop</span></li><li class="" data-reactid="755"><i class="anticon anticon-appstore-o" data-reactid="756"></i><span class="anticon-class" data-reactid="757">appstore-o</span></li><li class="" data-reactid="758"><i class="anticon anticon-appstore" data-reactid="759"></i><span class="anticon-class" data-reactid="760">appstore</span></li><li class="" data-reactid="761"><i class="anticon anticon-line-chart" data-reactid="762"></i><span class="anticon-class" data-reactid="763">line-chart</span></li><li class="" data-reactid="764"><i class="anticon anticon-link" data-reactid="765"></i><span class="anticon-class" data-reactid="766">link</span></li><li class="" data-reactid="767"><i class="anticon anticon-mail" data-reactid="768"></i><span class="anticon-class" data-reactid="769">mail</span></li><li class="" data-reactid="770"><i class="anticon anticon-mobile" data-reactid="771"></i><span class="anticon-class" data-reactid="772">mobile</span></li><li class="" data-reactid="773"><i class="anticon anticon-notification" data-reactid="774"></i><span class="anticon-class" data-reactid="775">notification</span></li><li class="" data-reactid="776"><i class="anticon anticon-paper-clip" data-reactid="777"></i><span class="anticon-class" data-reactid="778">paper-clip</span></li><li class="" data-reactid="779"><i class="anticon anticon-picture" data-reactid="780"></i><span class="anticon-class" data-reactid="781">picture</span></li><li class="" data-reactid="782"><i class="anticon anticon-poweroff" data-reactid="783"></i><span class="anticon-class" data-reactid="784">poweroff</span></li><li class="" data-reactid="785"><i class="anticon anticon-reload" data-reactid="786"></i><span class="anticon-class" data-reactid="787">reload</span></li><li class="" data-reactid="788"><i class="anticon anticon-search" data-reactid="789"></i><span class="anticon-class" data-reactid="790">search</span></li><li class="" data-reactid="791"><i class="anticon anticon-setting" data-reactid="792"></i><span class="anticon-class" data-reactid="793">setting</span></li><li class="" data-reactid="794"><i class="anticon anticon-share-alt" data-reactid="795"></i><span class="anticon-class" data-reactid="796">share-alt</span></li><li class="" data-reactid="797"><i class="anticon anticon-shopping-cart" data-reactid="798"></i><span class="anticon-class" data-reactid="799">shopping-cart</span></li><li class="" data-reactid="800"><i class="anticon anticon-tablet" data-reactid="801"></i><span class="anticon-class" data-reactid="802">tablet</span></li><li class="" data-reactid="803"><i class="anticon anticon-tag" data-reactid="804"></i><span class="anticon-class" data-reactid="805">tag</span></li><li class="" data-reactid="806"><i class="anticon anticon-tag-o" data-reactid="807"></i><span class="anticon-class" data-reactid="808">tag-o</span></li><li class="" data-reactid="809"><i class="anticon anticon-tags" data-reactid="810"></i><span class="anticon-class" data-reactid="811">tags</span></li><li class="" data-reactid="812"><i class="anticon anticon-tags-o" data-reactid="813"></i><span class="anticon-class" data-reactid="814">tags-o</span></li><li class="" data-reactid="815"><i class="anticon anticon-to-top" data-reactid="816"></i><span class="anticon-class" data-reactid="817">to-top</span></li><li class="" data-reactid="818"><i class="anticon anticon-upload" data-reactid="819"></i><span class="anticon-class" data-reactid="820">upload</span></li><li class="" data-reactid="821"><i class="anticon anticon-user" data-reactid="822"></i><span class="anticon-class" data-reactid="823">user</span></li><li class="" data-reactid="824"><i class="anticon anticon-video-camera" data-reactid="825"></i><span class="anticon-class" data-reactid="826">video-camera</span></li><li class="" data-reactid="827"><i class="anticon anticon-home" data-reactid="828"></i><span class="anticon-class" data-reactid="829">home</span></li><li class="" data-reactid="830"><i class="anticon anticon-spin anticon-loading" data-reactid="831"></i><span class="anticon-class" data-reactid="832">loading</span></li><li class="" data-reactid="833"><i class="anticon anticon-loading-3-quarters" data-reactid="834"></i><span class="anticon-class" data-reactid="835">loading-3-quarters</span></li><li class="" data-reactid="836"><i class="anticon anticon-cloud-upload-o" data-reactid="837"></i><span class="anticon-class" data-reactid="838">cloud-upload-o</span></li><li class="" data-reactid="839"><i class="anticon anticon-cloud-download-o" data-reactid="840"></i><span class="anticon-class" data-reactid="841">cloud-download-o</span></li><li class="" data-reactid="842"><i class="anticon anticon-cloud-upload" data-reactid="843"></i><span class="anticon-class" data-reactid="844">cloud-upload</span></li><li class="" data-reactid="845"><i class="anticon anticon-cloud-o" data-reactid="846"></i><span class="anticon-class" data-reactid="847">cloud-o</span></li><li class="" data-reactid="848"><i class="anticon anticon-star-o" data-reactid="849"></i><span class="anticon-class" data-reactid="850">star-o</span></li><li class="" data-reactid="851"><i class="anticon anticon-star" data-reactid="852"></i><span class="anticon-class" data-reactid="853">star</span></li><li class="" data-reactid="854"><i class="anticon anticon-heart-o" data-reactid="855"></i><span class="anticon-class" data-reactid="856">heart-o</span></li><li class="" data-reactid="857"><i class="anticon anticon-heart" data-reactid="858"></i><span class="anticon-class" data-reactid="859">heart</span></li><li class="" data-reactid="860"><i class="anticon anticon-environment" data-reactid="861"></i><span class="anticon-class" data-reactid="862">environment</span></li><li class="" data-reactid="863"><i class="anticon anticon-environment-o" data-reactid="864"></i><span class="anticon-class" data-reactid="865">environment-o</span></li><li class="" data-reactid="866"><i class="anticon anticon-eye" data-reactid="867"></i><span class="anticon-class" data-reactid="868">eye</span></li><li class="" data-reactid="869"><i class="anticon anticon-eye-o" data-reactid="870"></i><span class="anticon-class" data-reactid="871">eye-o</span></li><li class="" data-reactid="872"><i class="anticon anticon-camera" data-reactid="873"></i><span class="anticon-class" data-reactid="874">camera</span></li><li class="" data-reactid="875"><i class="anticon anticon-camera-o" data-reactid="876"></i><span class="anticon-class" data-reactid="877">camera-o</span></li><li class="" data-reactid="878"><i class="anticon anticon-save" data-reactid="879"></i><span class="anticon-class" data-reactid="880">save</span></li><li class="" data-reactid="881"><i class="anticon anticon-team" data-reactid="882"></i><span class="anticon-class" data-reactid="883">team</span></li><li class="" data-reactid="884"><i class="anticon anticon-solution" data-reactid="885"></i><span class="anticon-class" data-reactid="886">solution</span></li><li class="" data-reactid="887"><i class="anticon anticon-phone" data-reactid="888"></i><span class="anticon-class" data-reactid="889">phone</span></li><li class="" data-reactid="890"><i class="anticon anticon-filter" data-reactid="891"></i><span class="anticon-class" data-reactid="892">filter</span></li><li class="" data-reactid="893"><i class="anticon anticon-exception" data-reactid="894"></i><span class="anticon-class" data-reactid="895">exception</span></li><li class="" data-reactid="896"><i class="anticon anticon-export" data-reactid="897"></i><span class="anticon-class" data-reactid="898">export</span></li><li class="" data-reactid="899"><i class="anticon anticon-customer-service" data-reactid="900"></i><span class="anticon-class" data-reactid="901">customer-service</span></li><li class="" data-reactid="902"><i class="anticon anticon-qrcode" data-reactid="903"></i><span class="anticon-class" data-reactid="904">qrcode</span></li><li class="" data-reactid="905"><i class="anticon anticon-scan" data-reactid="906"></i><span class="anticon-class" data-reactid="907">scan</span></li><li class="" data-reactid="908"><i class="anticon anticon-like" data-reactid="909"></i><span class="anticon-class" data-reactid="910">like</span></li><li class="" data-reactid="911"><i class="anticon anticon-like-o" data-reactid="912"></i><span class="anticon-class" data-reactid="913">like-o</span></li><li class="" data-reactid="914"><i class="anticon anticon-dislike" data-reactid="915"></i><span class="anticon-class" data-reactid="916">dislike</span></li><li class="" data-reactid="917"><i class="anticon anticon-dislike-o" data-reactid="918"></i><span class="anticon-class" data-reactid="919">dislike-o</span></li><li class="" data-reactid="920"><i class="anticon anticon-message" data-reactid="921"></i><span class="anticon-class" data-reactid="922">message</span></li><li class="" data-reactid="923"><i class="anticon anticon-pay-circle" data-reactid="924"></i><span class="anticon-class" data-reactid="925">pay-circle</span></li><li class="" data-reactid="926"><i class="anticon anticon-pay-circle-o" data-reactid="927"></i><span class="anticon-class" data-reactid="928">pay-circle-o</span></li><li class="" data-reactid="929"><i class="anticon anticon-calculator" data-reactid="930"></i><span class="anticon-class" data-reactid="931">calculator</span></li><li class="" data-reactid="932"><i class="anticon anticon-pushpin" data-reactid="933"></i><span class="anticon-class" data-reactid="934">pushpin</span></li><li class="" data-reactid="935"><i class="anticon anticon-pushpin-o" data-reactid="936"></i><span class="anticon-class" data-reactid="937">pushpin-o</span></li><li class="" data-reactid="938"><i class="anticon anticon-bulb" data-reactid="939"></i><span class="anticon-class" data-reactid="940">bulb</span></li><li class="" data-reactid="941"><i class="anticon anticon-select" data-reactid="942"></i><span class="anticon-class" data-reactid="943">select</span></li><li class="" data-reactid="944"><i class="anticon anticon-switcher" data-reactid="945"></i><span class="anticon-class" data-reactid="946">switcher</span></li><li class="" data-reactid="947"><i class="anticon anticon-rocket" data-reactid="948"></i><span class="anticon-class" data-reactid="949">rocket</span></li><li class="" data-reactid="950"><i class="anticon anticon-bell" data-reactid="951"></i><span class="anticon-class" data-reactid="952">bell</span></li><li class="" data-reactid="953"><i class="anticon anticon-disconnect" data-reactid="954"></i><span class="anticon-class" data-reactid="955">disconnect</span></li><li class="" data-reactid="956"><i class="anticon anticon-database" data-reactid="957"></i><span class="anticon-class" data-reactid="958">database</span></li><li class="" data-reactid="959"><i class="anticon anticon-compass" data-reactid="960"></i><span class="anticon-class" data-reactid="961">compass</span></li><li class="" data-reactid="962"><i class="anticon anticon-barcode" data-reactid="963"></i><span class="anticon-class" data-reactid="964">barcode</span></li><li class="" data-reactid="965"><i class="anticon anticon-hourglass" data-reactid="966"></i><span class="anticon-class" data-reactid="967">hourglass</span></li><li class="" data-reactid="968"><i class="anticon anticon-key" data-reactid="969"></i><span class="anticon-class" data-reactid="970">key</span></li><li class="" data-reactid="971"><i class="anticon anticon-flag" data-reactid="972"></i><span class="anticon-class" data-reactid="973">flag</span></li><li class="" data-reactid="974"><i class="anticon anticon-layout" data-reactid="975"></i><span class="anticon-class" data-reactid="976">layout</span></li><li class="" data-reactid="977"><i class="anticon anticon-printer" data-reactid="978"></i><span class="anticon-class" data-reactid="979">printer</span></li><li class="" data-reactid="980"><i class="anticon anticon-sound" data-reactid="981"></i><span class="anticon-class" data-reactid="982">sound</span></li><li class="" data-reactid="983"><i class="anticon anticon-usb" data-reactid="984"></i><span class="anticon-class" data-reactid="985">usb</span></li><li class="" data-reactid="986"><i class="anticon anticon-skin" data-reactid="987"></i><span class="anticon-class" data-reactid="988">skin</span></li><li class="" data-reactid="989"><i class="anticon anticon-tool" data-reactid="990"></i><span class="anticon-class" data-reactid="991">tool</span></li><li class="" data-reactid="992"><i class="anticon anticon-sync" data-reactid="993"></i><span class="anticon-class" data-reactid="994">sync</span></li><li class="" data-reactid="995"><i class="anticon anticon-wifi" data-reactid="996"></i><span class="anticon-class" data-reactid="997">wifi</span></li><li class="" data-reactid="998"><i class="anticon anticon-car" data-reactid="999"></i><span class="anticon-class" data-reactid="1000">car</span></li><li class="" data-reactid="1001"><i class="anticon anticon-schedule" data-reactid="1002"></i><span class="anticon-class" data-reactid="1003">schedule</span></li><li class="" data-reactid="1004"><i class="anticon anticon-user-add" data-reactid="1005"></i><span class="anticon-class" data-reactid="1006">user-add</span></li><li class="" data-reactid="1007"><i class="anticon anticon-user-delete" data-reactid="1008"></i><span class="anticon-class" data-reactid="1009">user-delete</span></li><li class="" data-reactid="1010"><i class="anticon anticon-usergroup-add" data-reactid="1011"></i><span class="anticon-class" data-reactid="1012">usergroup-add</span></li><li class="" data-reactid="1013"><i class="anticon anticon-usergroup-delete" data-reactid="1014"></i><span class="anticon-class" data-reactid="1015">usergroup-delete</span></li><li class="" data-reactid="1016"><i class="anticon anticon-man" data-reactid="1017"></i><span class="anticon-class" data-reactid="1018">man</span></li><li class="" data-reactid="1019"><i class="anticon anticon-woman" data-reactid="1020"></i><span class="anticon-class" data-reactid="1021">woman</span></li><li class="" data-reactid="1022"><i class="anticon anticon-shop" data-reactid="1023"></i><span class="anticon-class" data-reactid="1024">shop</span></li><li class="" data-reactid="1025"><i class="anticon anticon-gift" data-reactid="1026"></i><span class="anticon-class" data-reactid="1027">gift</span></li><li class="" data-reactid="1028"><i class="anticon anticon-idcard" data-reactid="1029"></i><span class="anticon-class" data-reactid="1030">idcard</span></li><li class="" data-reactid="1031"><i class="anticon anticon-medicine-box" data-reactid="1032"></i><span class="anticon-class" data-reactid="1033">medicine-box</span></li><li class="" data-reactid="1034"><i class="anticon anticon-red-envelope" data-reactid="1035"></i><span class="anticon-class" data-reactid="1036">red-envelope</span></li><li class="" data-reactid="1037"><i class="anticon anticon-coffee" data-reactid="1038"></i><span class="anticon-class" data-reactid="1039">coffee</span></li><li class="" data-reactid="1040"><i class="anticon anticon-copyright" data-reactid="1041"></i><span class="anticon-class" data-reactid="1042">copyright</span></li><li class="" data-reactid="1043"><i class="anticon anticon-trademark" data-reactid="1044"></i><span class="anticon-class" data-reactid="1045">trademark</span></li><li class="" data-reactid="1046"><i class="anticon anticon-safety" data-reactid="1047"></i><span class="anticon-class" data-reactid="1048">safety</span></li><li class="" data-reactid="1049"><i class="anticon anticon-wallet" data-reactid="1050"></i><span class="anticon-class" data-reactid="1051">wallet</span></li><li class="" data-reactid="1052"><i class="anticon anticon-bank" data-reactid="1053"></i><span class="anticon-class" data-reactid="1054">bank</span></li><li class="" data-reactid="1055"><i class="anticon anticon-trophy" data-reactid="1056"></i><span class="anticon-class" data-reactid="1057">trophy</span></li><li class="" data-reactid="1058"><i class="anticon anticon-contacts" data-reactid="1059"></i><span class="anticon-class" data-reactid="1060">contacts</span></li><li class="" data-reactid="1061"><i class="anticon anticon-global" data-reactid="1062"></i><span class="anticon-class" data-reactid="1063">global</span></li><li class="" data-reactid="1064"><i class="anticon anticon-shake" data-reactid="1065"></i><span class="anticon-class" data-reactid="1066">shake</span></li><li class="" data-reactid="1067"><i class="anticon anticon-api" data-reactid="1068"></i><span class="anticon-class" data-reactid="1069">api</span></li></ul><h3 id="品牌和标识" data-reactid="1070"><span data-reactid="1071"><!-- react-text: 1072 -->品牌和标识<!-- /react-text --></span><a href="#品牌和标识" class="anchor" data-reactid="1073">#</a></h3><ul class="anticons-list clearfix icons" data-reactid="1074"><li class="" data-reactid="1075"><i class="anticon anticon-android" data-reactid="1076"></i><span class="anticon-class" data-reactid="1077">android</span></li><li class="" data-reactid="1078"><i class="anticon anticon-android-o" data-reactid="1079"></i><span class="anticon-class" data-reactid="1080">android-o</span></li><li class="" data-reactid="1081"><i class="anticon anticon-apple" data-reactid="1082"></i><span class="anticon-class" data-reactid="1083">apple</span></li><li class="" data-reactid="1084"><i class="anticon anticon-apple-o" data-reactid="1085"></i><span class="anticon-class" data-reactid="1086">apple-o</span></li><li class="" data-reactid="1087"><i class="anticon anticon-windows" data-reactid="1088"></i><span class="anticon-class" data-reactid="1089">windows</span></li><li class="" data-reactid="1090"><i class="anticon anticon-windows-o" data-reactid="1091"></i><span class="anticon-class" data-reactid="1092">windows-o</span></li><li class="" data-reactid="1093"><i class="anticon anticon-ie" data-reactid="1094"></i><span class="anticon-class" data-reactid="1095">ie</span></li><li class="" data-reactid="1096"><i class="anticon anticon-chrome" data-reactid="1097"></i><span class="anticon-class" data-reactid="1098">chrome</span></li><li class="" data-reactid="1099"><i class="anticon anticon-github" data-reactid="1100"></i><span class="anticon-class" data-reactid="1101">github</span></li><li class="" data-reactid="1102"><i class="anticon anticon-aliwangwang" data-reactid="1103"></i><span class="anticon-class" data-reactid="1104">aliwangwang</span></li><li class="" data-reactid="1105"><i class="anticon anticon-aliwangwang-o" data-reactid="1106"></i><span class="anticon-class" data-reactid="1107">aliwangwang-o</span></li><li class="" data-reactid="1108"><i class="anticon anticon-dingding" data-reactid="1109"></i><span class="anticon-class" data-reactid="1110">dingding</span></li><li class="" data-reactid="1111"><i class="anticon anticon-dingding-o" data-reactid="1112"></i><span class="anticon-class" data-reactid="1113">dingding-o</span></li></ul></section></article></div></div><div class="ant-row" data-reactid="1114"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="1115"><section class="prev-next-nav" data-reactid="1116"><a class="prev-page" href="/components/button-cn/" data-reactid="1117"><span data-reactid="1118">Button</span><span class="chinese" data-reactid="1119">按钮</span></a><a class="next-page" href="/components/grid-cn/" data-reactid="1120"><span data-reactid="1121">Grid</span><span class="chinese" data-reactid="1122">栅格</span></a></section></div></div></div><footer id="footer" data-reactid="1123"><ul data-reactid="1124"><li data-reactid="1125"><h2 data-reactid="1126"><i class="anticon anticon-github" data-reactid="1127"></i><!-- react-text: 1128 --> GitHub<!-- /react-text --></h2><div data-reactid="1129"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="1130"><span data-reactid="1131">源码仓库</span></a></div><div data-reactid="1132"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="1133"><span data-reactid="1134">定制主题</span></a></div><div data-reactid="1135"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="1136"><span data-reactid="1137">Awesome Ant Design</span></a></div></li><li data-reactid="1138"><h2 data-reactid="1139"><i class="anticon anticon-link" data-reactid="1140"></i><!-- react-text: 1141 --> <!-- /react-text --><span data-reactid="1142">相关站点</span></h2><div data-reactid="1143"><a href="https://design.alipay.com/" data-reactid="1144"><span data-reactid="1145">蚂蚁金服设计平台</span></a></div><div data-reactid="1146"><a href="http://mobile.ant.design" data-reactid="1147">Ant Design Mobile</a><span data-reactid="1148"> - </span><span data-reactid="1149">移动版</span></div><div data-reactid="1150"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="1151">dva</a><!-- react-text: 1152 --> - <!-- /react-text --><span data-reactid="1153">应用框架</span></div><div data-reactid="1154"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="1155">dva-cli</a><!-- react-text: 1156 --> -<!-- /react-text --><span data-reactid="1157">开发工具</span></div><div data-reactid="1158"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="1159">Egg</a><span data-reactid="1160"> - </span><span data-reactid="1161">企业级 Node 开发框架</span></div><div data-reactid="1162"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="1163">AntV</a><span data-reactid="1164"> - </span><span data-reactid="1165">数据可视化</span></div><div data-reactid="1166"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="1167">Ant Motion</a><span data-reactid="1168"> - </span><span data-reactid="1169">设计动效</span></div><div data-reactid="1170"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="1171">AntD Library</a><span data-reactid="1172"> - </span><span data-reactid="1173">Axure 部件库</span></div><div data-reactid="1174"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="1175">Ant UX</a><span data-reactid="1176"> - </span><span data-reactid="1177">页面逻辑素材</span></div></li><li data-reactid="1178"><h2 data-reactid="1179"><i class="anticon anticon-customer-service" data-reactid="1180"></i><!-- react-text: 1181 --> <!-- /react-text --><span data-reactid="1182">社区</span></h2><div data-reactid="1183"><a href="/changelog" data-reactid="1184"><span data-reactid="1185">更新记录</span></a></div><div data-reactid="1186"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="1187"><span data-reactid="1188">常见问题</span></a></div><div data-reactid="1189"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="1190"><span data-reactid="1191">在线讨论 (中文)</span></a></div><div data-reactid="1192"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="1193"><span data-reactid="1194">在线讨论 (English)</span></a></div><div data-reactid="1195"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="1196"><span data-reactid="1197">报告 Bug</span></a></div><div data-reactid="1198"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="1199"><span data-reactid="1200">讨论列表</span></a></div><div data-reactid="1201"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="1202"><span data-reactid="1203">StackOverflow</span></a></div><div data-reactid="1204"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="1205"><span data-reactid="1206">SegmentFault</span></a></div></li><li data-reactid="1207"><h2 data-reactid="1208"><!-- react-text: 1209 -->Copyright © <!-- /react-text --><!-- react-text: 1210 -->2017<!-- /react-text --></h2><div data-reactid="1211"><span data-reactid="1212">蚂蚁金服体验技术部出品</span></div><div data-reactid="1213"><!-- react-text: 1214 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="1215">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->Icon<!-- /react-text --><span class="subtitle" data-reactid="292">图标</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/icon/index.zh-CN.md" data-reactid="293"><i class="anticon anticon-edit" data-reactid="294"></i></a></h1><section class="markdown" data-reactid="295"><p data-reactid="296"><!-- react-text: 297 -->语义化的矢量图形。<!-- /react-text --></p><h2 id="图标的命名规范" data-reactid="298"><span data-reactid="299"><!-- react-text: 300 -->图标的命名规范<!-- /react-text --></span><a href="#图标的命名规范" class="anchor" data-reactid="301">#</a></h2><p data-reactid="302"><!-- react-text: 303 -->我们为每个图标赋予了语义化的命名，命名规则如下:<!-- /react-text --></p><ul data-reactid="304"><li data-reactid="305"><p data-reactid="306"><!-- react-text: 307 -->实心和描线图标保持同名，用 <!-- /react-text --><code data-reactid="308"><!-- react-text: 309 -->-o<!-- /react-text --></code><!-- react-text: 310 --> 来区分，比如 <!-- /react-text --><code data-reactid="311"><!-- react-text: 312 -->question-circle<!-- /react-text --></code><!-- react-text: 313 -->（实心） 和 <!-- /react-text --><code data-reactid="314"><!-- react-text: 315 -->question-circle-o<!-- /react-text --></code><!-- react-text: 316 -->（描线）；<!-- /react-text --></p></li><li data-reactid="317"><p data-reactid="318"><!-- react-text: 319 -->命名顺序：<!-- /react-text --><code data-reactid="320"><!-- react-text: 321 -->[图标名]-[形状?]-[描线?]-[方向?]<!-- /react-text --></code><!-- react-text: 322 -->。<!-- /react-text --></p></li></ul><blockquote data-reactid="323"><p data-reactid="324"><code data-reactid="325"><!-- react-text: 326 -->?<!-- /react-text --></code><!-- react-text: 327 --> 为可选。<!-- /react-text --></p></blockquote><p data-reactid="328"><!-- react-text: 329 -->完整的图标设计规范请访问 <!-- /react-text --><a href="/docs/spec/icon-cn" data-reactid="330">图标规范</a><!-- react-text: 331 -->。<!-- /react-text --></p><h2 id="如何使用" data-reactid="332"><span data-reactid="333"><!-- react-text: 334 -->如何使用<!-- /react-text --></span><a href="#如何使用" class="anchor" data-reactid="335">#</a></h2><p data-reactid="336"><!-- react-text: 337 -->使用 <!-- /react-text --><code data-reactid="338"><!-- react-text: 339 -->&lt;Icon /&gt;<!-- /react-text --></code><!-- react-text: 340 --> 标签声明组件，指定图标对应的 type 属性，示例代码如下:<!-- /react-text --></p><pre class="language-html" data-reactid="341"><code data-reactid="342"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>link<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span></code></pre><h2 id="本地部署" data-reactid="343"><span data-reactid="344"><!-- react-text: 345 -->本地部署<!-- /react-text --></span><a href="#本地部署" class="anchor" data-reactid="346">#</a></h2><p data-reactid="347"><!-- react-text: 348 -->图标默认托管在 <!-- /react-text --><a href="http://iconfont.cn" data-reactid="349"><!-- react-text: 350 -->iconfont.cn<!-- /react-text --></a><!-- react-text: 351 -->，默认公网可访问。如需本地部署，可参考 <!-- /react-text --><a href="https://github.com/ant-design/antd-init/tree/master/examples/local-iconfont" data-reactid="352"><!-- react-text: 353 -->示例<!-- /react-text --></a><!-- react-text: 354 -->。<!-- /react-text --></p><h2 id="图标列表" data-reactid="355"><span data-reactid="356"><!-- react-text: 357 -->图标列表<!-- /react-text --></span><a href="#图标列表" class="anchor" data-reactid="358">#</a></h2><blockquote data-reactid="359"><p data-reactid="360"><!-- react-text: 361 -->点击图标复制代码。<!-- /react-text --></p></blockquote><h3 id="方向性图标" data-reactid="362"><span data-reactid="363"><!-- react-text: 364 -->方向性图标<!-- /react-text --></span><a href="#方向性图标" class="anchor" data-reactid="365">#</a></h3><ul class="anticons-list clearfix icons" data-reactid="366"><li class="" data-reactid="367"><i class="anticon anticon-step-backward" data-reactid="368"></i><span class="anticon-class" data-reactid="369">step-backward</span></li><li class="" data-reactid="370"><i class="anticon anticon-step-forward" data-reactid="371"></i><span class="anticon-class" data-reactid="372">step-forward</span></li><li class="" data-reactid="373"><i class="anticon anticon-fast-backward" data-reactid="374"></i><span class="anticon-class" data-reactid="375">fast-backward</span></li><li class="" data-reactid="376"><i class="anticon anticon-fast-forward" data-reactid="377"></i><span class="anticon-class" data-reactid="378">fast-forward</span></li><li class="" data-reactid="379"><i class="anticon anticon-shrink" data-reactid="380"></i><span class="anticon-class" data-reactid="381">shrink</span></li><li class="" data-reactid="382"><i class="anticon anticon-arrows-alt" data-reactid="383"></i><span class="anticon-class" data-reactid="384">arrows-alt</span></li><li class="" data-reactid="385"><i class="anticon anticon-down" data-reactid="386"></i><span class="anticon-class" data-reactid="387">down</span></li><li class="" data-reactid="388"><i class="anticon anticon-up" data-reactid="389"></i><span class="anticon-class" data-reactid="390">up</span></li><li class="" data-reactid="391"><i class="anticon anticon-left" data-reactid="392"></i><span class="anticon-class" data-reactid="393">left</span></li><li class="" data-reactid="394"><i class="anticon anticon-right" data-reactid="395"></i><span class="anticon-class" data-reactid="396">right</span></li><li class="" data-reactid="397"><i class="anticon anticon-caret-up" data-reactid="398"></i><span class="anticon-class" data-reactid="399">caret-up</span></li><li class="" data-reactid="400"><i class="anticon anticon-caret-down" data-reactid="401"></i><span class="anticon-class" data-reactid="402">caret-down</span></li><li class="" data-reactid="403"><i class="anticon anticon-caret-left" data-reactid="404"></i><span class="anticon-class" data-reactid="405">caret-left</span></li><li class="" data-reactid="406"><i class="anticon anticon-caret-right" data-reactid="407"></i><span class="anticon-class" data-reactid="408">caret-right</span></li><li class="" data-reactid="409"><i class="anticon anticon-up-circle" data-reactid="410"></i><span class="anticon-class" data-reactid="411">up-circle</span></li><li class="" data-reactid="412"><i class="anticon anticon-down-circle" data-reactid="413"></i><span class="anticon-class" data-reactid="414">down-circle</span></li><li class="" data-reactid="415"><i class="anticon anticon-left-circle" data-reactid="416"></i><span class="anticon-class" data-reactid="417">left-circle</span></li><li class="" data-reactid="418"><i class="anticon anticon-right-circle" data-reactid="419"></i><span class="anticon-class" data-reactid="420">right-circle</span></li><li class="" data-reactid="421"><i class="anticon anticon-up-circle-o" data-reactid="422"></i><span class="anticon-class" data-reactid="423">up-circle-o</span></li><li class="" data-reactid="424"><i class="anticon anticon-down-circle-o" data-reactid="425"></i><span class="anticon-class" data-reactid="426">down-circle-o</span></li><li class="" data-reactid="427"><i class="anticon anticon-right-circle-o" data-reactid="428"></i><span class="anticon-class" data-reactid="429">right-circle-o</span></li><li class="" data-reactid="430"><i class="anticon anticon-left-circle-o" data-reactid="431"></i><span class="anticon-class" data-reactid="432">left-circle-o</span></li><li class="" data-reactid="433"><i class="anticon anticon-double-right" data-reactid="434"></i><span class="anticon-class" data-reactid="435">double-right</span></li><li class="" data-reactid="436"><i class="anticon anticon-double-left" data-reactid="437"></i><span class="anticon-class" data-reactid="438">double-left</span></li><li class="" data-reactid="439"><i class="anticon anticon-verticle-left" data-reactid="440"></i><span class="anticon-class" data-reactid="441">verticle-left</span></li><li class="" data-reactid="442"><i class="anticon anticon-verticle-right" data-reactid="443"></i><span class="anticon-class" data-reactid="444">verticle-right</span></li><li class="" data-reactid="445"><i class="anticon anticon-forward" data-reactid="446"></i><span class="anticon-class" data-reactid="447">forward</span></li><li class="" data-reactid="448"><i class="anticon anticon-backward" data-reactid="449"></i><span class="anticon-class" data-reactid="450">backward</span></li><li class="" data-reactid="451"><i class="anticon anticon-rollback" data-reactid="452"></i><span class="anticon-class" data-reactid="453">rollback</span></li><li class="" data-reactid="454"><i class="anticon anticon-enter" data-reactid="455"></i><span class="anticon-class" data-reactid="456">enter</span></li><li class="" data-reactid="457"><i class="anticon anticon-retweet" data-reactid="458"></i><span class="anticon-class" data-reactid="459">retweet</span></li><li class="" data-reactid="460"><i class="anticon anticon-swap" data-reactid="461"></i><span class="anticon-class" data-reactid="462">swap</span></li><li class="" data-reactid="463"><i class="anticon anticon-swap-left" data-reactid="464"></i><span class="anticon-class" data-reactid="465">swap-left</span></li><li class="" data-reactid="466"><i class="anticon anticon-swap-right" data-reactid="467"></i><span class="anticon-class" data-reactid="468">swap-right</span></li><li class="" data-reactid="469"><i class="anticon anticon-arrow-up" data-reactid="470"></i><span class="anticon-class" data-reactid="471">arrow-up</span></li><li class="" data-reactid="472"><i class="anticon anticon-arrow-down" data-reactid="473"></i><span class="anticon-class" data-reactid="474">arrow-down</span></li><li class="" data-reactid="475"><i class="anticon anticon-arrow-left" data-reactid="476"></i><span class="anticon-class" data-reactid="477">arrow-left</span></li><li class="" data-reactid="478"><i class="anticon anticon-arrow-right" data-reactid="479"></i><span class="anticon-class" data-reactid="480">arrow-right</span></li><li class="" data-reactid="481"><i class="anticon anticon-play-circle" data-reactid="482"></i><span class="anticon-class" data-reactid="483">play-circle</span></li><li class="" data-reactid="484"><i class="anticon anticon-play-circle-o" data-reactid="485"></i><span class="anticon-class" data-reactid="486">play-circle-o</span></li><li class="" data-reactid="487"><i class="anticon anticon-up-square" data-reactid="488"></i><span class="anticon-class" data-reactid="489">up-square</span></li><li class="" data-reactid="490"><i class="anticon anticon-down-square" data-reactid="491"></i><span class="anticon-class" data-reactid="492">down-square</span></li><li class="" data-reactid="493"><i class="anticon anticon-left-square" data-reactid="494"></i><span class="anticon-class" data-reactid="495">left-square</span></li><li class="" data-reactid="496"><i class="anticon anticon-right-square" data-reactid="497"></i><span class="anticon-class" data-reactid="498">right-square</span></li><li class="" data-reactid="499"><i class="anticon anticon-up-square-o" data-reactid="500"></i><span class="anticon-class" data-reactid="501">up-square-o</span></li><li class="" data-reactid="502"><i class="anticon anticon-down-square-o" data-reactid="503"></i><span class="anticon-class" data-reactid="504">down-square-o</span></li><li class="" data-reactid="505"><i class="anticon anticon-left-square-o" data-reactid="506"></i><span class="anticon-class" data-reactid="507">left-square-o</span></li><li class="" data-reactid="508"><i class="anticon anticon-right-square-o" data-reactid="509"></i><span class="anticon-class" data-reactid="510">right-square-o</span></li><li class="" data-reactid="511"><i class="anticon anticon-login" data-reactid="512"></i><span class="anticon-class" data-reactid="513">login</span></li><li class="" data-reactid="514"><i class="anticon anticon-logout" data-reactid="515"></i><span class="anticon-class" data-reactid="516">logout</span></li><li class="" data-reactid="517"><i class="anticon anticon-menu-fold" data-reactid="518"></i><span class="anticon-class" data-reactid="519">menu-fold</span></li><li class="" data-reactid="520"><i class="anticon anticon-menu-unfold" data-reactid="521"></i><span class="anticon-class" data-reactid="522">menu-unfold</span></li></ul><h3 id="提示建议性图标" data-reactid="523"><span data-reactid="524"><!-- react-text: 525 -->提示建议性图标<!-- /react-text --></span><a href="#提示建议性图标" class="anchor" data-reactid="526">#</a></h3><ul class="anticons-list clearfix icons" data-reactid="527"><li class="" data-reactid="528"><i class="anticon anticon-question" data-reactid="529"></i><span class="anticon-class" data-reactid="530">question</span></li><li class="" data-reactid="531"><i class="anticon anticon-question-circle-o" data-reactid="532"></i><span class="anticon-class" data-reactid="533">question-circle-o</span></li><li class="" data-reactid="534"><i class="anticon anticon-question-circle" data-reactid="535"></i><span class="anticon-class" data-reactid="536">question-circle</span></li><li class="" data-reactid="537"><i class="anticon anticon-plus" data-reactid="538"></i><span class="anticon-class" data-reactid="539">plus</span></li><li class="" data-reactid="540"><i class="anticon anticon-plus-circle-o" data-reactid="541"></i><span class="anticon-class" data-reactid="542">plus-circle-o</span></li><li class="" data-reactid="543"><i class="anticon anticon-plus-circle" data-reactid="544"></i><span class="anticon-class" data-reactid="545">plus-circle</span></li><li class="" data-reactid="546"><i class="anticon anticon-pause" data-reactid="547"></i><span class="anticon-class" data-reactid="548">pause</span></li><li class="" data-reactid="549"><i class="anticon anticon-pause-circle-o" data-reactid="550"></i><span class="anticon-class" data-reactid="551">pause-circle-o</span></li><li class="" data-reactid="552"><i class="anticon anticon-pause-circle" data-reactid="553"></i><span class="anticon-class" data-reactid="554">pause-circle</span></li><li class="" data-reactid="555"><i class="anticon anticon-minus" data-reactid="556"></i><span class="anticon-class" data-reactid="557">minus</span></li><li class="" data-reactid="558"><i class="anticon anticon-minus-circle-o" data-reactid="559"></i><span class="anticon-class" data-reactid="560">minus-circle-o</span></li><li class="" data-reactid="561"><i class="anticon anticon-minus-circle" data-reactid="562"></i><span class="anticon-class" data-reactid="563">minus-circle</span></li><li class="" data-reactid="564"><i class="anticon anticon-plus-square" data-reactid="565"></i><span class="anticon-class" data-reactid="566">plus-square</span></li><li class="" data-reactid="567"><i class="anticon anticon-plus-square-o" data-reactid="568"></i><span class="anticon-class" data-reactid="569">plus-square-o</span></li><li class="" data-reactid="570"><i class="anticon anticon-minus-square" data-reactid="571"></i><span class="anticon-class" data-reactid="572">minus-square</span></li><li class="" data-reactid="573"><i class="anticon anticon-minus-square-o" data-reactid="574"></i><span class="anticon-class" data-reactid="575">minus-square-o</span></li><li class="" data-reactid="576"><i class="anticon anticon-info" data-reactid="577"></i><span class="anticon-class" data-reactid="578">info</span></li><li class="" data-reactid="579"><i class="anticon anticon-info-circle-o" data-reactid="580"></i><span class="anticon-class" data-reactid="581">info-circle-o</span></li><li class="" data-reactid="582"><i class="anticon anticon-info-circle" data-reactid="583"></i><span class="anticon-class" data-reactid="584">info-circle</span></li><li class="" data-reactid="585"><i class="anticon anticon-exclamation" data-reactid="586"></i><span class="anticon-class" data-reactid="587">exclamation</span></li><li class="" data-reactid="588"><i class="anticon anticon-exclamation-circle-o" data-reactid="589"></i><span class="anticon-class" data-reactid="590">exclamation-circle-o</span></li><li class="" data-reactid="591"><i class="anticon anticon-exclamation-circle" data-reactid="592"></i><span class="anticon-class" data-reactid="593">exclamation-circle</span></li><li class="" data-reactid="594"><i class="anticon anticon-close" data-reactid="595"></i><span class="anticon-class" data-reactid="596">close</span></li><li class="" data-reactid="597"><i class="anticon anticon-close-circle" data-reactid="598"></i><span class="anticon-class" data-reactid="599">close-circle</span></li><li class="" data-reactid="600"><i class="anticon anticon-close-circle-o" data-reactid="601"></i><span class="anticon-class" data-reactid="602">close-circle-o</span></li><li class="" data-reactid="603"><i class="anticon anticon-close-square" data-reactid="604"></i><span class="anticon-class" data-reactid="605">close-square</span></li><li class="" data-reactid="606"><i class="anticon anticon-close-square-o" data-reactid="607"></i><span class="anticon-class" data-reactid="608">close-square-o</span></li><li class="" data-reactid="609"><i class="anticon anticon-check" data-reactid="610"></i><span class="anticon-class" data-reactid="611">check</span></li><li class="" data-reactid="612"><i class="anticon anticon-check-circle" data-reactid="613"></i><span class="anticon-class" data-reactid="614">check-circle</span></li><li class="" data-reactid="615"><i class="anticon anticon-check-circle-o" data-reactid="616"></i><span class="anticon-class" data-reactid="617">check-circle-o</span></li><li class="" data-reactid="618"><i class="anticon anticon-check-square" data-reactid="619"></i><span class="anticon-class" data-reactid="620">check-square</span></li><li class="" data-reactid="621"><i class="anticon anticon-check-square-o" data-reactid="622"></i><span class="anticon-class" data-reactid="623">check-square-o</span></li><li class="" data-reactid="624"><i class="anticon anticon-clock-circle-o" data-reactid="625"></i><span class="anticon-class" data-reactid="626">clock-circle-o</span></li><li class="" data-reactid="627"><i class="anticon anticon-clock-circle" data-reactid="628"></i><span class="anticon-class" data-reactid="629">clock-circle</span></li></ul><h3 id="网站通用图标" data-reactid="630"><span data-reactid="631"><!-- react-text: 632 -->网站通用图标<!-- /react-text --></span><a href="#网站通用图标" class="anchor" data-reactid="633">#</a></h3><ul class="anticons-list clearfix icons" data-reactid="634"><li class="" data-reactid="635"><i class="anticon anticon-lock" data-reactid="636"></i><span class="anticon-class" data-reactid="637">lock</span></li><li class="" data-reactid="638"><i class="anticon anticon-unlock" data-reactid="639"></i><span class="anticon-class" data-reactid="640">unlock</span></li><li class="" data-reactid="641"><i class="anticon anticon-area-chart" data-reactid="642"></i><span class="anticon-class" data-reactid="643">area-chart</span></li><li class="" data-reactid="644"><i class="anticon anticon-pie-chart" data-reactid="645"></i><span class="anticon-class" data-reactid="646">pie-chart</span></li><li class="" data-reactid="647"><i class="anticon anticon-bar-chart" data-reactid="648"></i><span class="anticon-class" data-reactid="649">bar-chart</span></li><li class="" data-reactid="650"><i class="anticon anticon-dot-chart" data-reactid="651"></i><span class="anticon-class" data-reactid="652">dot-chart</span></li><li class="" data-reactid="653"><i class="anticon anticon-bars" data-reactid="654"></i><span class="anticon-class" data-reactid="655">bars</span></li><li class="" data-reactid="656"><i class="anticon anticon-book" data-reactid="657"></i><span class="anticon-class" data-reactid="658">book</span></li><li class="" data-reactid="659"><i class="anticon anticon-calendar" data-reactid="660"></i><span class="anticon-class" data-reactid="661">calendar</span></li><li class="" data-reactid="662"><i class="anticon anticon-cloud" data-reactid="663"></i><span class="anticon-class" data-reactid="664">cloud</span></li><li class="" data-reactid="665"><i class="anticon anticon-cloud-download" data-reactid="666"></i><span class="anticon-class" data-reactid="667">cloud-download</span></li><li class="" data-reactid="668"><i class="anticon anticon-code" data-reactid="669"></i><span class="anticon-class" data-reactid="670">code</span></li><li class="" data-reactid="671"><i class="anticon anticon-code-o" data-reactid="672"></i><span class="anticon-class" data-reactid="673">code-o</span></li><li class="" data-reactid="674"><i class="anticon anticon-copy" data-reactid="675"></i><span class="anticon-class" data-reactid="676">copy</span></li><li class="" data-reactid="677"><i class="anticon anticon-credit-card" data-reactid="678"></i><span class="anticon-class" data-reactid="679">credit-card</span></li><li class="" data-reactid="680"><i class="anticon anticon-delete" data-reactid="681"></i><span class="anticon-class" data-reactid="682">delete</span></li><li class="" data-reactid="683"><i class="anticon anticon-desktop" data-reactid="684"></i><span class="anticon-class" data-reactid="685">desktop</span></li><li class="" data-reactid="686"><i class="anticon anticon-download" data-reactid="687"></i><span class="anticon-class" data-reactid="688">download</span></li><li class="" data-reactid="689"><i class="anticon anticon-edit" data-reactid="690"></i><span class="anticon-class" data-reactid="691">edit</span></li><li class="" data-reactid="692"><i class="anticon anticon-ellipsis" data-reactid="693"></i><span class="anticon-class" data-reactid="694">ellipsis</span></li><li class="" data-reactid="695"><i class="anticon anticon-file" data-reactid="696"></i><span class="anticon-class" data-reactid="697">file</span></li><li class="" data-reactid="698"><i class="anticon anticon-file-text" data-reactid="699"></i><span class="anticon-class" data-reactid="700">file-text</span></li><li class="" data-reactid="701"><i class="anticon anticon-file-unknown" data-reactid="702"></i><span class="anticon-class" data-reactid="703">file-unknown</span></li><li class="" data-reactid="704"><i class="anticon anticon-file-pdf" data-reactid="705"></i><span class="anticon-class" data-reactid="706">file-pdf</span></li><li class="" data-reactid="707"><i class="anticon anticon-file-excel" data-reactid="708"></i><span class="anticon-class" data-reactid="709">file-excel</span></li><li class="" data-reactid="710"><i class="anticon anticon-file-jpg" data-reactid="711"></i><span class="anticon-class" data-reactid="712">file-jpg</span></li><li class="" data-reactid="713"><i class="anticon anticon-file-ppt" data-reactid="714"></i><span class="anticon-class" data-reactid="715">file-ppt</span></li><li class="" data-reactid="716"><i class="anticon anticon-file-add" data-reactid="717"></i><span class="anticon-class" data-reactid="718">file-add</span></li><li class="" data-reactid="719"><i class="anticon anticon-folder" data-reactid="720"></i><span class="anticon-class" data-reactid="721">folder</span></li><li class="" data-reactid="722"><i class="anticon anticon-folder-open" data-reactid="723"></i><span class="anticon-class" data-reactid="724">folder-open</span></li><li class="" data-reactid="725"><i class="anticon anticon-folder-add" data-reactid="726"></i><span class="anticon-class" data-reactid="727">folder-add</span></li><li class="" data-reactid="728"><i class="anticon anticon-hdd" data-reactid="729"></i><span class="anticon-class" data-reactid="730">hdd</span></li><li class="" data-reactid="731"><i class="anticon anticon-frown" data-reactid="732"></i><span class="anticon-class" data-reactid="733">frown</span></li><li class="" data-reactid="734"><i class="anticon anticon-frown-o" data-reactid="735"></i><span class="anticon-class" data-reactid="736">frown-o</span></li><li class="" data-reactid="737"><i class="anticon anticon-meh" data-reactid="738"></i><span class="anticon-class" data-reactid="739">meh</span></li><li class="" data-reactid="740"><i class="anticon anticon-meh-o" data-reactid="741"></i><span class="anticon-class" data-reactid="742">meh-o</span></li><li class="" data-reactid="743"><i class="anticon anticon-smile" data-reactid="744"></i><span class="anticon-class" data-reactid="745">smile</span></li><li class="" data-reactid="746"><i class="anticon anticon-smile-o" data-reactid="747"></i><span class="anticon-class" data-reactid="748">smile-o</span></li><li class="" data-reactid="749"><i class="anticon anticon-inbox" data-reactid="750"></i><span class="anticon-class" data-reactid="751">inbox</span></li><li class="" data-reactid="752"><i class="anticon anticon-laptop" data-reactid="753"></i><span class="anticon-class" data-reactid="754">laptop</span></li><li class="" data-reactid="755"><i class="anticon anticon-appstore-o" data-reactid="756"></i><span class="anticon-class" data-reactid="757">appstore-o</span></li><li class="" data-reactid="758"><i class="anticon anticon-appstore" data-reactid="759"></i><span class="anticon-class" data-reactid="760">appstore</span></li><li class="" data-reactid="761"><i class="anticon anticon-line-chart" data-reactid="762"></i><span class="anticon-class" data-reactid="763">line-chart</span></li><li class="" data-reactid="764"><i class="anticon anticon-link" data-reactid="765"></i><span class="anticon-class" data-reactid="766">link</span></li><li class="" data-reactid="767"><i class="anticon anticon-mail" data-reactid="768"></i><span class="anticon-class" data-reactid="769">mail</span></li><li class="" data-reactid="770"><i class="anticon anticon-mobile" data-reactid="771"></i><span class="anticon-class" data-reactid="772">mobile</span></li><li class="" data-reactid="773"><i class="anticon anticon-notification" data-reactid="774"></i><span class="anticon-class" data-reactid="775">notification</span></li><li class="" data-reactid="776"><i class="anticon anticon-paper-clip" data-reactid="777"></i><span class="anticon-class" data-reactid="778">paper-clip</span></li><li class="" data-reactid="779"><i class="anticon anticon-picture" data-reactid="780"></i><span class="anticon-class" data-reactid="781">picture</span></li><li class="" data-reactid="782"><i class="anticon anticon-poweroff" data-reactid="783"></i><span class="anticon-class" data-reactid="784">poweroff</span></li><li class="" data-reactid="785"><i class="anticon anticon-reload" data-reactid="786"></i><span class="anticon-class" data-reactid="787">reload</span></li><li class="" data-reactid="788"><i class="anticon anticon-search" data-reactid="789"></i><span class="anticon-class" data-reactid="790">search</span></li><li class="" data-reactid="791"><i class="anticon anticon-setting" data-reactid="792"></i><span class="anticon-class" data-reactid="793">setting</span></li><li class="" data-reactid="794"><i class="anticon anticon-share-alt" data-reactid="795"></i><span class="anticon-class" data-reactid="796">share-alt</span></li><li class="" data-reactid="797"><i class="anticon anticon-shopping-cart" data-reactid="798"></i><span class="anticon-class" data-reactid="799">shopping-cart</span></li><li class="" data-reactid="800"><i class="anticon anticon-tablet" data-reactid="801"></i><span class="anticon-class" data-reactid="802">tablet</span></li><li class="" data-reactid="803"><i class="anticon anticon-tag" data-reactid="804"></i><span class="anticon-class" data-reactid="805">tag</span></li><li class="" data-reactid="806"><i class="anticon anticon-tag-o" data-reactid="807"></i><span class="anticon-class" data-reactid="808">tag-o</span></li><li class="" data-reactid="809"><i class="anticon anticon-tags" data-reactid="810"></i><span class="anticon-class" data-reactid="811">tags</span></li><li class="" data-reactid="812"><i class="anticon anticon-tags-o" data-reactid="813"></i><span class="anticon-class" data-reactid="814">tags-o</span></li><li class="" data-reactid="815"><i class="anticon anticon-to-top" data-reactid="816"></i><span class="anticon-class" data-reactid="817">to-top</span></li><li class="" data-reactid="818"><i class="anticon anticon-upload" data-reactid="819"></i><span class="anticon-class" data-reactid="820">upload</span></li><li class="" data-reactid="821"><i class="anticon anticon-user" data-reactid="822"></i><span class="anticon-class" data-reactid="823">user</span></li><li class="" data-reactid="824"><i class="anticon anticon-video-camera" data-reactid="825"></i><span class="anticon-class" data-reactid="826">video-camera</span></li><li class="" data-reactid="827"><i class="anticon anticon-home" data-reactid="828"></i><span class="anticon-class" data-reactid="829">home</span></li><li class="" data-reactid="830"><i class="anticon anticon-spin anticon-loading" data-reactid="831"></i><span class="anticon-class" data-reactid="832">loading</span></li><li class="" data-reactid="833"><i class="anticon anticon-loading-3-quarters" data-reactid="834"></i><span class="anticon-class" data-reactid="835">loading-3-quarters</span></li><li class="" data-reactid="836"><i class="anticon anticon-cloud-upload-o" data-reactid="837"></i><span class="anticon-class" data-reactid="838">cloud-upload-o</span></li><li class="" data-reactid="839"><i class="anticon anticon-cloud-download-o" data-reactid="840"></i><span class="anticon-class" data-reactid="841">cloud-download-o</span></li><li class="" data-reactid="842"><i class="anticon anticon-cloud-upload" data-reactid="843"></i><span class="anticon-class" data-reactid="844">cloud-upload</span></li><li class="" data-reactid="845"><i class="anticon anticon-cloud-o" data-reactid="846"></i><span class="anticon-class" data-reactid="847">cloud-o</span></li><li class="" data-reactid="848"><i class="anticon anticon-star-o" data-reactid="849"></i><span class="anticon-class" data-reactid="850">star-o</span></li><li class="" data-reactid="851"><i class="anticon anticon-star" data-reactid="852"></i><span class="anticon-class" data-reactid="853">star</span></li><li class="" data-reactid="854"><i class="anticon anticon-heart-o" data-reactid="855"></i><span class="anticon-class" data-reactid="856">heart-o</span></li><li class="" data-reactid="857"><i class="anticon anticon-heart" data-reactid="858"></i><span class="anticon-class" data-reactid="859">heart</span></li><li class="" data-reactid="860"><i class="anticon anticon-environment" data-reactid="861"></i><span class="anticon-class" data-reactid="862">environment</span></li><li class="" data-reactid="863"><i class="anticon anticon-environment-o" data-reactid="864"></i><span class="anticon-class" data-reactid="865">environment-o</span></li><li class="" data-reactid="866"><i class="anticon anticon-eye" data-reactid="867"></i><span class="anticon-class" data-reactid="868">eye</span></li><li class="" data-reactid="869"><i class="anticon anticon-eye-o" data-reactid="870"></i><span class="anticon-class" data-reactid="871">eye-o</span></li><li class="" data-reactid="872"><i class="anticon anticon-camera" data-reactid="873"></i><span class="anticon-class" data-reactid="874">camera</span></li><li class="" data-reactid="875"><i class="anticon anticon-camera-o" data-reactid="876"></i><span class="anticon-class" data-reactid="877">camera-o</span></li><li class="" data-reactid="878"><i class="anticon anticon-save" data-reactid="879"></i><span class="anticon-class" data-reactid="880">save</span></li><li class="" data-reactid="881"><i class="anticon anticon-team" data-reactid="882"></i><span class="anticon-class" data-reactid="883">team</span></li><li class="" data-reactid="884"><i class="anticon anticon-solution" data-reactid="885"></i><span class="anticon-class" data-reactid="886">solution</span></li><li class="" data-reactid="887"><i class="anticon anticon-phone" data-reactid="888"></i><span class="anticon-class" data-reactid="889">phone</span></li><li class="" data-reactid="890"><i class="anticon anticon-filter" data-reactid="891"></i><span class="anticon-class" data-reactid="892">filter</span></li><li class="" data-reactid="893"><i class="anticon anticon-exception" data-reactid="894"></i><span class="anticon-class" data-reactid="895">exception</span></li><li class="" data-reactid="896"><i class="anticon anticon-export" data-reactid="897"></i><span class="anticon-class" data-reactid="898">export</span></li><li class="" data-reactid="899"><i class="anticon anticon-customer-service" data-reactid="900"></i><span class="anticon-class" data-reactid="901">customer-service</span></li><li class="" data-reactid="902"><i class="anticon anticon-qrcode" data-reactid="903"></i><span class="anticon-class" data-reactid="904">qrcode</span></li><li class="" data-reactid="905"><i class="anticon anticon-scan" data-reactid="906"></i><span class="anticon-class" data-reactid="907">scan</span></li><li class="" data-reactid="908"><i class="anticon anticon-like" data-reactid="909"></i><span class="anticon-class" data-reactid="910">like</span></li><li class="" data-reactid="911"><i class="anticon anticon-like-o" data-reactid="912"></i><span class="anticon-class" data-reactid="913">like-o</span></li><li class="" data-reactid="914"><i class="anticon anticon-dislike" data-reactid="915"></i><span class="anticon-class" data-reactid="916">dislike</span></li><li class="" data-reactid="917"><i class="anticon anticon-dislike-o" data-reactid="918"></i><span class="anticon-class" data-reactid="919">dislike-o</span></li><li class="" data-reactid="920"><i class="anticon anticon-message" data-reactid="921"></i><span class="anticon-class" data-reactid="922">message</span></li><li class="" data-reactid="923"><i class="anticon anticon-pay-circle" data-reactid="924"></i><span class="anticon-class" data-reactid="925">pay-circle</span></li><li class="" data-reactid="926"><i class="anticon anticon-pay-circle-o" data-reactid="927"></i><span class="anticon-class" data-reactid="928">pay-circle-o</span></li><li class="" data-reactid="929"><i class="anticon anticon-calculator" data-reactid="930"></i><span class="anticon-class" data-reactid="931">calculator</span></li><li class="" data-reactid="932"><i class="anticon anticon-pushpin" data-reactid="933"></i><span class="anticon-class" data-reactid="934">pushpin</span></li><li class="" data-reactid="935"><i class="anticon anticon-pushpin-o" data-reactid="936"></i><span class="anticon-class" data-reactid="937">pushpin-o</span></li><li class="" data-reactid="938"><i class="anticon anticon-bulb" data-reactid="939"></i><span class="anticon-class" data-reactid="940">bulb</span></li><li class="" data-reactid="941"><i class="anticon anticon-select" data-reactid="942"></i><span class="anticon-class" data-reactid="943">select</span></li><li class="" data-reactid="944"><i class="anticon anticon-switcher" data-reactid="945"></i><span class="anticon-class" data-reactid="946">switcher</span></li><li class="" data-reactid="947"><i class="anticon anticon-rocket" data-reactid="948"></i><span class="anticon-class" data-reactid="949">rocket</span></li><li class="" data-reactid="950"><i class="anticon anticon-bell" data-reactid="951"></i><span class="anticon-class" data-reactid="952">bell</span></li><li class="" data-reactid="953"><i class="anticon anticon-disconnect" data-reactid="954"></i><span class="anticon-class" data-reactid="955">disconnect</span></li><li class="" data-reactid="956"><i class="anticon anticon-database" data-reactid="957"></i><span class="anticon-class" data-reactid="958">database</span></li><li class="" data-reactid="959"><i class="anticon anticon-compass" data-reactid="960"></i><span class="anticon-class" data-reactid="961">compass</span></li><li class="" data-reactid="962"><i class="anticon anticon-barcode" data-reactid="963"></i><span class="anticon-class" data-reactid="964">barcode</span></li><li class="" data-reactid="965"><i class="anticon anticon-hourglass" data-reactid="966"></i><span class="anticon-class" data-reactid="967">hourglass</span></li><li class="" data-reactid="968"><i class="anticon anticon-key" data-reactid="969"></i><span class="anticon-class" data-reactid="970">key</span></li><li class="" data-reactid="971"><i class="anticon anticon-flag" data-reactid="972"></i><span class="anticon-class" data-reactid="973">flag</span></li><li class="" data-reactid="974"><i class="anticon anticon-layout" data-reactid="975"></i><span class="anticon-class" data-reactid="976">layout</span></li><li class="" data-reactid="977"><i class="anticon anticon-printer" data-reactid="978"></i><span class="anticon-class" data-reactid="979">printer</span></li><li class="" data-reactid="980"><i class="anticon anticon-sound" data-reactid="981"></i><span class="anticon-class" data-reactid="982">sound</span></li><li class="" data-reactid="983"><i class="anticon anticon-usb" data-reactid="984"></i><span class="anticon-class" data-reactid="985">usb</span></li><li class="" data-reactid="986"><i class="anticon anticon-skin" data-reactid="987"></i><span class="anticon-class" data-reactid="988">skin</span></li><li class="" data-reactid="989"><i class="anticon anticon-tool" data-reactid="990"></i><span class="anticon-class" data-reactid="991">tool</span></li><li class="" data-reactid="992"><i class="anticon anticon-sync" data-reactid="993"></i><span class="anticon-class" data-reactid="994">sync</span></li><li class="" data-reactid="995"><i class="anticon anticon-wifi" data-reactid="996"></i><span class="anticon-class" data-reactid="997">wifi</span></li><li class="" data-reactid="998"><i class="anticon anticon-car" data-reactid="999"></i><span class="anticon-class" data-reactid="1000">car</span></li><li class="" data-reactid="1001"><i class="anticon anticon-schedule" data-reactid="1002"></i><span class="anticon-class" data-reactid="1003">schedule</span></li><li class="" data-reactid="1004"><i class="anticon anticon-user-add" data-reactid="1005"></i><span class="anticon-class" data-reactid="1006">user-add</span></li><li class="" data-reactid="1007"><i class="anticon anticon-user-delete" data-reactid="1008"></i><span class="anticon-class" data-reactid="1009">user-delete</span></li><li class="" data-reactid="1010"><i class="anticon anticon-usergroup-add" data-reactid="1011"></i><span class="anticon-class" data-reactid="1012">usergroup-add</span></li><li class="" data-reactid="1013"><i class="anticon anticon-usergroup-delete" data-reactid="1014"></i><span class="anticon-class" data-reactid="1015">usergroup-delete</span></li><li class="" data-reactid="1016"><i class="anticon anticon-man" data-reactid="1017"></i><span class="anticon-class" data-reactid="1018">man</span></li><li class="" data-reactid="1019"><i class="anticon anticon-woman" data-reactid="1020"></i><span class="anticon-class" data-reactid="1021">woman</span></li><li class="" data-reactid="1022"><i class="anticon anticon-shop" data-reactid="1023"></i><span class="anticon-class" data-reactid="1024">shop</span></li><li class="" data-reactid="1025"><i class="anticon anticon-gift" data-reactid="1026"></i><span class="anticon-class" data-reactid="1027">gift</span></li><li class="" data-reactid="1028"><i class="anticon anticon-idcard" data-reactid="1029"></i><span class="anticon-class" data-reactid="1030">idcard</span></li><li class="" data-reactid="1031"><i class="anticon anticon-medicine-box" data-reactid="1032"></i><span class="anticon-class" data-reactid="1033">medicine-box</span></li><li class="" data-reactid="1034"><i class="anticon anticon-red-envelope" data-reactid="1035"></i><span class="anticon-class" data-reactid="1036">red-envelope</span></li><li class="" data-reactid="1037"><i class="anticon anticon-coffee" data-reactid="1038"></i><span class="anticon-class" data-reactid="1039">coffee</span></li><li class="" data-reactid="1040"><i class="anticon anticon-copyright" data-reactid="1041"></i><span class="anticon-class" data-reactid="1042">copyright</span></li><li class="" data-reactid="1043"><i class="anticon anticon-trademark" data-reactid="1044"></i><span class="anticon-class" data-reactid="1045">trademark</span></li><li class="" data-reactid="1046"><i class="anticon anticon-safety" data-reactid="1047"></i><span class="anticon-class" data-reactid="1048">safety</span></li><li class="" data-reactid="1049"><i class="anticon anticon-wallet" data-reactid="1050"></i><span class="anticon-class" data-reactid="1051">wallet</span></li><li class="" data-reactid="1052"><i class="anticon anticon-bank" data-reactid="1053"></i><span class="anticon-class" data-reactid="1054">bank</span></li><li class="" data-reactid="1055"><i class="anticon anticon-trophy" data-reactid="1056"></i><span class="anticon-class" data-reactid="1057">trophy</span></li><li class="" data-reactid="1058"><i class="anticon anticon-contacts" data-reactid="1059"></i><span class="anticon-class" data-reactid="1060">contacts</span></li><li class="" data-reactid="1061"><i class="anticon anticon-global" data-reactid="1062"></i><span class="anticon-class" data-reactid="1063">global</span></li><li class="" data-reactid="1064"><i class="anticon anticon-shake" data-reactid="1065"></i><span class="anticon-class" data-reactid="1066">shake</span></li><li class="" data-reactid="1067"><i class="anticon anticon-api" data-reactid="1068"></i><span class="anticon-class" data-reactid="1069">api</span></li></ul><h3 id="品牌和标识" data-reactid="1070"><span data-reactid="1071"><!-- react-text: 1072 -->品牌和标识<!-- /react-text --></span><a href="#品牌和标识" class="anchor" data-reactid="1073">#</a></h3><ul class="anticons-list clearfix icons" data-reactid="1074"><li class="" data-reactid="1075"><i class="anticon anticon-android" data-reactid="1076"></i><span class="anticon-class" data-reactid="1077">android</span></li><li class="" data-reactid="1078"><i class="anticon anticon-android-o" data-reactid="1079"></i><span class="anticon-class" data-reactid="1080">android-o</span></li><li class="" data-reactid="1081"><i class="anticon anticon-apple" data-reactid="1082"></i><span class="anticon-class" data-reactid="1083">apple</span></li><li class="" data-reactid="1084"><i class="anticon anticon-apple-o" data-reactid="1085"></i><span class="anticon-class" data-reactid="1086">apple-o</span></li><li class="" data-reactid="1087"><i class="anticon anticon-windows" data-reactid="1088"></i><span class="anticon-class" data-reactid="1089">windows</span></li><li class="" data-reactid="1090"><i class="anticon anticon-windows-o" data-reactid="1091"></i><span class="anticon-class" data-reactid="1092">windows-o</span></li><li class="" data-reactid="1093"><i class="anticon anticon-ie" data-reactid="1094"></i><span class="anticon-class" data-reactid="1095">ie</span></li><li class="" data-reactid="1096"><i class="anticon anticon-chrome" data-reactid="1097"></i><span class="anticon-class" data-reactid="1098">chrome</span></li><li class="" data-reactid="1099"><i class="anticon anticon-github" data-reactid="1100"></i><span class="anticon-class" data-reactid="1101">github</span></li><li class="" data-reactid="1102"><i class="anticon anticon-aliwangwang" data-reactid="1103"></i><span class="anticon-class" data-reactid="1104">aliwangwang</span></li><li class="" data-reactid="1105"><i class="anticon anticon-aliwangwang-o" data-reactid="1106"></i><span class="anticon-class" data-reactid="1107">aliwangwang-o</span></li><li class="" data-reactid="1108"><i class="anticon anticon-dingding" data-reactid="1109"></i><span class="anticon-class" data-reactid="1110">dingding</span></li><li class="" data-reactid="1111"><i class="anticon anticon-dingding-o" data-reactid="1112"></i><span class="anticon-class" data-reactid="1113">dingding-o</span></li></ul></section></article></div></div><div class="ant-row" data-reactid="1114"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="1115"><section class="prev-next-nav" data-reactid="1116"><a class="prev-page" href="/components/button-cn/" data-reactid="1117"><span data-reactid="1118">Button</span><span class="chinese" data-reactid="1119">按钮</span></a><a class="next-page" href="/components/grid-cn/" data-reactid="1120"><span data-reactid="1121">Grid</span><span class="chinese" data-reactid="1122">栅格</span></a></section></div></div></div><footer id="footer" data-reactid="1123"><ul data-reactid="1124"><li data-reactid="1125"><h2 data-reactid="1126"><i class="anticon anticon-github" data-reactid="1127"></i><!-- react-text: 1128 --> GitHub<!-- /react-text --></h2><div data-reactid="1129"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="1130"><span data-reactid="1131">源码仓库</span></a></div><div data-reactid="1132"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="1133"><span data-reactid="1134">定制主题</span></a></div><div data-reactid="1135"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="1136"><span data-reactid="1137">Awesome Ant Design</span></a></div></li><li data-reactid="1138"><h2 data-reactid="1139"><i class="anticon anticon-link" data-reactid="1140"></i><!-- react-text: 1141 --> <!-- /react-text --><span data-reactid="1142">相关站点</span></h2><div data-reactid="1143"><a href="https://design.alipay.com/" data-reactid="1144"><span data-reactid="1145">蚂蚁金服设计平台</span></a></div><div data-reactid="1146"><a href="http://mobile.ant.design" data-reactid="1147">Ant Design Mobile</a><span data-reactid="1148"> - </span><span data-reactid="1149">移动版</span></div><div data-reactid="1150"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="1151">dva</a><!-- react-text: 1152 --> - <!-- /react-text --><span data-reactid="1153">应用框架</span></div><div data-reactid="1154"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="1155">dva-cli</a><!-- react-text: 1156 --> -<!-- /react-text --><span data-reactid="1157">开发工具</span></div><div data-reactid="1158"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="1159">Egg</a><span data-reactid="1160"> - </span><span data-reactid="1161">企业级 Node 开发框架</span></div><div data-reactid="1162"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="1163">AntV</a><span data-reactid="1164"> - </span><span data-reactid="1165">数据可视化</span></div><div data-reactid="1166"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="1167">Ant Motion</a><span data-reactid="1168"> - </span><span data-reactid="1169">设计动效</span></div><div data-reactid="1170"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="1171">AntD Library</a><span data-reactid="1172"> - </span><span data-reactid="1173">Axure 部件库</span></div><div data-reactid="1174"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="1175">Ant UX</a><span data-reactid="1176"> - </span><span data-reactid="1177">页面逻辑素材</span></div></li><li data-reactid="1178"><h2 data-reactid="1179"><i class="anticon anticon-customer-service" data-reactid="1180"></i><!-- react-text: 1181 --> <!-- /react-text --><span data-reactid="1182">社区</span></h2><div data-reactid="1183"><a href="/changelog" data-reactid="1184"><span data-reactid="1185">更新记录</span></a></div><div data-reactid="1186"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="1187"><span data-reactid="1188">常见问题</span></a></div><div data-reactid="1189"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="1190"><span data-reactid="1191">在线讨论 (中文)</span></a></div><div data-reactid="1192"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="1193"><span data-reactid="1194">在线讨论 (English)</span></a></div><div data-reactid="1195"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="1196"><span data-reactid="1197">报告 Bug</span></a></div><div data-reactid="1198"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="1199"><span data-reactid="1200">讨论列表</span></a></div><div data-reactid="1201"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="1202"><span data-reactid="1203">StackOverflow</span></a></div><div data-reactid="1204"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="1205"><span data-reactid="1206">SegmentFault</span></a></div></li><li data-reactid="1207"><h2 data-reactid="1208"><!-- react-text: 1209 -->Copyright © <!-- /react-text --><!-- react-text: 1210 -->2017<!-- /react-text --></h2><div data-reactid="1211"><span data-reactid="1212">蚂蚁金服体验技术部出品</span></div><div data-reactid="1213"><!-- react-text: 1214 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="1215">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/components/icon/index.html b/components/icon/index.html
index f3de2066c..8b215c7c0 100644
--- a/components/icon/index.html
+++ b/components/icon/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="204503220"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="440432822"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->Icon<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/icon/index.en-US.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="markdown" data-reactid="294"><p data-reactid="295"><!-- react-text: 296 -->Semantic vector graphics.<!-- /react-text --></p><h2 id="Icons-naming-convention" data-reactid="297"><span data-reactid="298"><!-- react-text: 299 -->Icons naming convention<!-- /react-text --></span><a href="#Icons-naming-convention" class="anchor" data-reactid="300">#</a></h2><p data-reactid="301"><!-- react-text: 302 -->We provide semantic name for every icon, and naming rules are as follows:<!-- /react-text --></p><ul data-reactid="303"><li data-reactid="304"><p data-reactid="305"><!-- react-text: 306 -->Scanning line icon has the similar name with its solid one，but it&#x27;s distinguished by <!-- /react-text --><code data-reactid="307"><!-- react-text: 308 -->-o<!-- /react-text --></code><!-- react-text: 309 -->, for example, <!-- /react-text --><code data-reactid="310"><!-- react-text: 311 -->question-circle<!-- /react-text --></code><!-- react-text: 312 --> (a full circle) and <!-- /react-text --><code data-reactid="313"><!-- react-text: 314 -->question-circle-o<!-- /react-text --></code><!-- react-text: 315 --> (an empty circle);<!-- /react-text --></p></li><li data-reactid="316"><p data-reactid="317"><!-- react-text: 318 -->Naming sequence：<!-- /react-text --><code data-reactid="319"><!-- react-text: 320 -->[name]-[shape?]-[outline?]-[direction?]<!-- /react-text --></code><!-- react-text: 321 -->.<!-- /react-text --></p></li></ul><blockquote data-reactid="322"><p data-reactid="323"><code data-reactid="324"><!-- react-text: 325 -->?<!-- /react-text --></code><!-- react-text: 326 --> means is optional.<!-- /react-text --></p></blockquote><p data-reactid="327"><!-- react-text: 328 -->See more design detail at <!-- /react-text --><a href="/docs/spec/icon" data-reactid="329">here</a><!-- react-text: 330 -->.<!-- /react-text --></p><h2 id="How-To-Use" data-reactid="331"><span data-reactid="332"><!-- react-text: 333 -->How To Use<!-- /react-text --></span><a href="#How-To-Use" class="anchor" data-reactid="334">#</a></h2><p data-reactid="335"><!-- react-text: 336 -->Use tag <!-- /react-text --><icon data-reactid="337"></icon><!-- react-text: 338 --> to create an icon and set its type in the type prop, for example:<!-- /react-text --></p><pre class="language-html" data-reactid="339"><code data-reactid="340"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>link<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span></code></pre><h2 id="Local-deployment" data-reactid="341"><span data-reactid="342"><!-- react-text: 343 -->Local deployment<!-- /react-text --></span><a href="#Local-deployment" class="anchor" data-reactid="344">#</a></h2><p data-reactid="345"><!-- react-text: 346 -->By default, icons are deployed at <!-- /react-text --><a href="http://iconfont.cn" data-reactid="347"><!-- react-text: 348 -->iconfont.cn<!-- /react-text --></a><!-- react-text: 349 -->, publicly available repository of a huge set of icons. In case you need to use a locally deployed version of the icon font, you can refer to <!-- /react-text --><a href="https://github.com/ant-design/antd-init/tree/master/examples/local-iconfont" data-reactid="350"><!-- react-text: 351 -->this example<!-- /react-text --></a><!-- react-text: 352 -->。<!-- /react-text --></p><h2 id="List-of-icons" data-reactid="353"><span data-reactid="354"><!-- react-text: 355 -->List of icons<!-- /react-text --></span><a href="#List-of-icons" class="anchor" data-reactid="356">#</a></h2><blockquote data-reactid="357"><p data-reactid="358"><!-- react-text: 359 -->Click the icon and copy the code。<!-- /react-text --></p></blockquote><h3 id="Directional-Icons" data-reactid="360"><span data-reactid="361"><!-- react-text: 362 -->Directional Icons<!-- /react-text --></span><a href="#Directional-Icons" class="anchor" data-reactid="363">#</a></h3><ul class="anticons-list clearfix icons" data-reactid="364"><li class="" data-reactid="365"><i class="anticon anticon-step-backward" data-reactid="366"></i><span class="anticon-class" data-reactid="367">step-backward</span></li><li class="" data-reactid="368"><i class="anticon anticon-step-forward" data-reactid="369"></i><span class="anticon-class" data-reactid="370">step-forward</span></li><li class="" data-reactid="371"><i class="anticon anticon-fast-backward" data-reactid="372"></i><span class="anticon-class" data-reactid="373">fast-backward</span></li><li class="" data-reactid="374"><i class="anticon anticon-fast-forward" data-reactid="375"></i><span class="anticon-class" data-reactid="376">fast-forward</span></li><li class="" data-reactid="377"><i class="anticon anticon-shrink" data-reactid="378"></i><span class="anticon-class" data-reactid="379">shrink</span></li><li class="" data-reactid="380"><i class="anticon anticon-arrows-alt" data-reactid="381"></i><span class="anticon-class" data-reactid="382">arrows-alt</span></li><li class="" data-reactid="383"><i class="anticon anticon-down" data-reactid="384"></i><span class="anticon-class" data-reactid="385">down</span></li><li class="" data-reactid="386"><i class="anticon anticon-up" data-reactid="387"></i><span class="anticon-class" data-reactid="388">up</span></li><li class="" data-reactid="389"><i class="anticon anticon-left" data-reactid="390"></i><span class="anticon-class" data-reactid="391">left</span></li><li class="" data-reactid="392"><i class="anticon anticon-right" data-reactid="393"></i><span class="anticon-class" data-reactid="394">right</span></li><li class="" data-reactid="395"><i class="anticon anticon-caret-up" data-reactid="396"></i><span class="anticon-class" data-reactid="397">caret-up</span></li><li class="" data-reactid="398"><i class="anticon anticon-caret-down" data-reactid="399"></i><span class="anticon-class" data-reactid="400">caret-down</span></li><li class="" data-reactid="401"><i class="anticon anticon-caret-left" data-reactid="402"></i><span class="anticon-class" data-reactid="403">caret-left</span></li><li class="" data-reactid="404"><i class="anticon anticon-caret-right" data-reactid="405"></i><span class="anticon-class" data-reactid="406">caret-right</span></li><li class="" data-reactid="407"><i class="anticon anticon-up-circle" data-reactid="408"></i><span class="anticon-class" data-reactid="409">up-circle</span></li><li class="" data-reactid="410"><i class="anticon anticon-down-circle" data-reactid="411"></i><span class="anticon-class" data-reactid="412">down-circle</span></li><li class="" data-reactid="413"><i class="anticon anticon-left-circle" data-reactid="414"></i><span class="anticon-class" data-reactid="415">left-circle</span></li><li class="" data-reactid="416"><i class="anticon anticon-right-circle" data-reactid="417"></i><span class="anticon-class" data-reactid="418">right-circle</span></li><li class="" data-reactid="419"><i class="anticon anticon-up-circle-o" data-reactid="420"></i><span class="anticon-class" data-reactid="421">up-circle-o</span></li><li class="" data-reactid="422"><i class="anticon anticon-down-circle-o" data-reactid="423"></i><span class="anticon-class" data-reactid="424">down-circle-o</span></li><li class="" data-reactid="425"><i class="anticon anticon-right-circle-o" data-reactid="426"></i><span class="anticon-class" data-reactid="427">right-circle-o</span></li><li class="" data-reactid="428"><i class="anticon anticon-left-circle-o" data-reactid="429"></i><span class="anticon-class" data-reactid="430">left-circle-o</span></li><li class="" data-reactid="431"><i class="anticon anticon-double-right" data-reactid="432"></i><span class="anticon-class" data-reactid="433">double-right</span></li><li class="" data-reactid="434"><i class="anticon anticon-double-left" data-reactid="435"></i><span class="anticon-class" data-reactid="436">double-left</span></li><li class="" data-reactid="437"><i class="anticon anticon-verticle-left" data-reactid="438"></i><span class="anticon-class" data-reactid="439">verticle-left</span></li><li class="" data-reactid="440"><i class="anticon anticon-verticle-right" data-reactid="441"></i><span class="anticon-class" data-reactid="442">verticle-right</span></li><li class="" data-reactid="443"><i class="anticon anticon-forward" data-reactid="444"></i><span class="anticon-class" data-reactid="445">forward</span></li><li class="" data-reactid="446"><i class="anticon anticon-backward" data-reactid="447"></i><span class="anticon-class" data-reactid="448">backward</span></li><li class="" data-reactid="449"><i class="anticon anticon-rollback" data-reactid="450"></i><span class="anticon-class" data-reactid="451">rollback</span></li><li class="" data-reactid="452"><i class="anticon anticon-enter" data-reactid="453"></i><span class="anticon-class" data-reactid="454">enter</span></li><li class="" data-reactid="455"><i class="anticon anticon-retweet" data-reactid="456"></i><span class="anticon-class" data-reactid="457">retweet</span></li><li class="" data-reactid="458"><i class="anticon anticon-swap" data-reactid="459"></i><span class="anticon-class" data-reactid="460">swap</span></li><li class="" data-reactid="461"><i class="anticon anticon-swap-left" data-reactid="462"></i><span class="anticon-class" data-reactid="463">swap-left</span></li><li class="" data-reactid="464"><i class="anticon anticon-swap-right" data-reactid="465"></i><span class="anticon-class" data-reactid="466">swap-right</span></li><li class="" data-reactid="467"><i class="anticon anticon-arrow-up" data-reactid="468"></i><span class="anticon-class" data-reactid="469">arrow-up</span></li><li class="" data-reactid="470"><i class="anticon anticon-arrow-down" data-reactid="471"></i><span class="anticon-class" data-reactid="472">arrow-down</span></li><li class="" data-reactid="473"><i class="anticon anticon-arrow-left" data-reactid="474"></i><span class="anticon-class" data-reactid="475">arrow-left</span></li><li class="" data-reactid="476"><i class="anticon anticon-arrow-right" data-reactid="477"></i><span class="anticon-class" data-reactid="478">arrow-right</span></li><li class="" data-reactid="479"><i class="anticon anticon-play-circle" data-reactid="480"></i><span class="anticon-class" data-reactid="481">play-circle</span></li><li class="" data-reactid="482"><i class="anticon anticon-play-circle-o" data-reactid="483"></i><span class="anticon-class" data-reactid="484">play-circle-o</span></li><li class="" data-reactid="485"><i class="anticon anticon-up-square" data-reactid="486"></i><span class="anticon-class" data-reactid="487">up-square</span></li><li class="" data-reactid="488"><i class="anticon anticon-down-square" data-reactid="489"></i><span class="anticon-class" data-reactid="490">down-square</span></li><li class="" data-reactid="491"><i class="anticon anticon-left-square" data-reactid="492"></i><span class="anticon-class" data-reactid="493">left-square</span></li><li class="" data-reactid="494"><i class="anticon anticon-right-square" data-reactid="495"></i><span class="anticon-class" data-reactid="496">right-square</span></li><li class="" data-reactid="497"><i class="anticon anticon-up-square-o" data-reactid="498"></i><span class="anticon-class" data-reactid="499">up-square-o</span></li><li class="" data-reactid="500"><i class="anticon anticon-down-square-o" data-reactid="501"></i><span class="anticon-class" data-reactid="502">down-square-o</span></li><li class="" data-reactid="503"><i class="anticon anticon-left-square-o" data-reactid="504"></i><span class="anticon-class" data-reactid="505">left-square-o</span></li><li class="" data-reactid="506"><i class="anticon anticon-right-square-o" data-reactid="507"></i><span class="anticon-class" data-reactid="508">right-square-o</span></li><li class="" data-reactid="509"><i class="anticon anticon-login" data-reactid="510"></i><span class="anticon-class" data-reactid="511">login</span></li><li class="" data-reactid="512"><i class="anticon anticon-logout" data-reactid="513"></i><span class="anticon-class" data-reactid="514">logout</span></li><li class="" data-reactid="515"><i class="anticon anticon-menu-fold" data-reactid="516"></i><span class="anticon-class" data-reactid="517">menu-fold</span></li><li class="" data-reactid="518"><i class="anticon anticon-menu-unfold" data-reactid="519"></i><span class="anticon-class" data-reactid="520">menu-unfold</span></li></ul><h3 id="Suggested-Icons" data-reactid="521"><span data-reactid="522"><!-- react-text: 523 -->Suggested Icons<!-- /react-text --></span><a href="#Suggested-Icons" class="anchor" data-reactid="524">#</a></h3><ul class="anticons-list clearfix icons" data-reactid="525"><li class="" data-reactid="526"><i class="anticon anticon-question" data-reactid="527"></i><span class="anticon-class" data-reactid="528">question</span></li><li class="" data-reactid="529"><i class="anticon anticon-question-circle-o" data-reactid="530"></i><span class="anticon-class" data-reactid="531">question-circle-o</span></li><li class="" data-reactid="532"><i class="anticon anticon-question-circle" data-reactid="533"></i><span class="anticon-class" data-reactid="534">question-circle</span></li><li class="" data-reactid="535"><i class="anticon anticon-plus" data-reactid="536"></i><span class="anticon-class" data-reactid="537">plus</span></li><li class="" data-reactid="538"><i class="anticon anticon-plus-circle-o" data-reactid="539"></i><span class="anticon-class" data-reactid="540">plus-circle-o</span></li><li class="" data-reactid="541"><i class="anticon anticon-plus-circle" data-reactid="542"></i><span class="anticon-class" data-reactid="543">plus-circle</span></li><li class="" data-reactid="544"><i class="anticon anticon-pause" data-reactid="545"></i><span class="anticon-class" data-reactid="546">pause</span></li><li class="" data-reactid="547"><i class="anticon anticon-pause-circle-o" data-reactid="548"></i><span class="anticon-class" data-reactid="549">pause-circle-o</span></li><li class="" data-reactid="550"><i class="anticon anticon-pause-circle" data-reactid="551"></i><span class="anticon-class" data-reactid="552">pause-circle</span></li><li class="" data-reactid="553"><i class="anticon anticon-minus" data-reactid="554"></i><span class="anticon-class" data-reactid="555">minus</span></li><li class="" data-reactid="556"><i class="anticon anticon-minus-circle-o" data-reactid="557"></i><span class="anticon-class" data-reactid="558">minus-circle-o</span></li><li class="" data-reactid="559"><i class="anticon anticon-minus-circle" data-reactid="560"></i><span class="anticon-class" data-reactid="561">minus-circle</span></li><li class="" data-reactid="562"><i class="anticon anticon-plus-square" data-reactid="563"></i><span class="anticon-class" data-reactid="564">plus-square</span></li><li class="" data-reactid="565"><i class="anticon anticon-plus-square-o" data-reactid="566"></i><span class="anticon-class" data-reactid="567">plus-square-o</span></li><li class="" data-reactid="568"><i class="anticon anticon-minus-square" data-reactid="569"></i><span class="anticon-class" data-reactid="570">minus-square</span></li><li class="" data-reactid="571"><i class="anticon anticon-minus-square-o" data-reactid="572"></i><span class="anticon-class" data-reactid="573">minus-square-o</span></li><li class="" data-reactid="574"><i class="anticon anticon-info" data-reactid="575"></i><span class="anticon-class" data-reactid="576">info</span></li><li class="" data-reactid="577"><i class="anticon anticon-info-circle-o" data-reactid="578"></i><span class="anticon-class" data-reactid="579">info-circle-o</span></li><li class="" data-reactid="580"><i class="anticon anticon-info-circle" data-reactid="581"></i><span class="anticon-class" data-reactid="582">info-circle</span></li><li class="" data-reactid="583"><i class="anticon anticon-exclamation" data-reactid="584"></i><span class="anticon-class" data-reactid="585">exclamation</span></li><li class="" data-reactid="586"><i class="anticon anticon-exclamation-circle-o" data-reactid="587"></i><span class="anticon-class" data-reactid="588">exclamation-circle-o</span></li><li class="" data-reactid="589"><i class="anticon anticon-exclamation-circle" data-reactid="590"></i><span class="anticon-class" data-reactid="591">exclamation-circle</span></li><li class="" data-reactid="592"><i class="anticon anticon-close" data-reactid="593"></i><span class="anticon-class" data-reactid="594">close</span></li><li class="" data-reactid="595"><i class="anticon anticon-close-circle" data-reactid="596"></i><span class="anticon-class" data-reactid="597">close-circle</span></li><li class="" data-reactid="598"><i class="anticon anticon-close-circle-o" data-reactid="599"></i><span class="anticon-class" data-reactid="600">close-circle-o</span></li><li class="" data-reactid="601"><i class="anticon anticon-close-square" data-reactid="602"></i><span class="anticon-class" data-reactid="603">close-square</span></li><li class="" data-reactid="604"><i class="anticon anticon-close-square-o" data-reactid="605"></i><span class="anticon-class" data-reactid="606">close-square-o</span></li><li class="" data-reactid="607"><i class="anticon anticon-check" data-reactid="608"></i><span class="anticon-class" data-reactid="609">check</span></li><li class="" data-reactid="610"><i class="anticon anticon-check-circle" data-reactid="611"></i><span class="anticon-class" data-reactid="612">check-circle</span></li><li class="" data-reactid="613"><i class="anticon anticon-check-circle-o" data-reactid="614"></i><span class="anticon-class" data-reactid="615">check-circle-o</span></li><li class="" data-reactid="616"><i class="anticon anticon-check-square" data-reactid="617"></i><span class="anticon-class" data-reactid="618">check-square</span></li><li class="" data-reactid="619"><i class="anticon anticon-check-square-o" data-reactid="620"></i><span class="anticon-class" data-reactid="621">check-square-o</span></li><li class="" data-reactid="622"><i class="anticon anticon-clock-circle-o" data-reactid="623"></i><span class="anticon-class" data-reactid="624">clock-circle-o</span></li><li class="" data-reactid="625"><i class="anticon anticon-clock-circle" data-reactid="626"></i><span class="anticon-class" data-reactid="627">clock-circle</span></li></ul><h3 id="Application-Icons" data-reactid="628"><span data-reactid="629"><!-- react-text: 630 -->Application Icons<!-- /react-text --></span><a href="#Application-Icons" class="anchor" data-reactid="631">#</a></h3><ul class="anticons-list clearfix icons" data-reactid="632"><li class="" data-reactid="633"><i class="anticon anticon-lock" data-reactid="634"></i><span class="anticon-class" data-reactid="635">lock</span></li><li class="" data-reactid="636"><i class="anticon anticon-unlock" data-reactid="637"></i><span class="anticon-class" data-reactid="638">unlock</span></li><li class="" data-reactid="639"><i class="anticon anticon-area-chart" data-reactid="640"></i><span class="anticon-class" data-reactid="641">area-chart</span></li><li class="" data-reactid="642"><i class="anticon anticon-pie-chart" data-reactid="643"></i><span class="anticon-class" data-reactid="644">pie-chart</span></li><li class="" data-reactid="645"><i class="anticon anticon-bar-chart" data-reactid="646"></i><span class="anticon-class" data-reactid="647">bar-chart</span></li><li class="" data-reactid="648"><i class="anticon anticon-dot-chart" data-reactid="649"></i><span class="anticon-class" data-reactid="650">dot-chart</span></li><li class="" data-reactid="651"><i class="anticon anticon-bars" data-reactid="652"></i><span class="anticon-class" data-reactid="653">bars</span></li><li class="" data-reactid="654"><i class="anticon anticon-book" data-reactid="655"></i><span class="anticon-class" data-reactid="656">book</span></li><li class="" data-reactid="657"><i class="anticon anticon-calendar" data-reactid="658"></i><span class="anticon-class" data-reactid="659">calendar</span></li><li class="" data-reactid="660"><i class="anticon anticon-cloud" data-reactid="661"></i><span class="anticon-class" data-reactid="662">cloud</span></li><li class="" data-reactid="663"><i class="anticon anticon-cloud-download" data-reactid="664"></i><span class="anticon-class" data-reactid="665">cloud-download</span></li><li class="" data-reactid="666"><i class="anticon anticon-code" data-reactid="667"></i><span class="anticon-class" data-reactid="668">code</span></li><li class="" data-reactid="669"><i class="anticon anticon-code-o" data-reactid="670"></i><span class="anticon-class" data-reactid="671">code-o</span></li><li class="" data-reactid="672"><i class="anticon anticon-copy" data-reactid="673"></i><span class="anticon-class" data-reactid="674">copy</span></li><li class="" data-reactid="675"><i class="anticon anticon-credit-card" data-reactid="676"></i><span class="anticon-class" data-reactid="677">credit-card</span></li><li class="" data-reactid="678"><i class="anticon anticon-delete" data-reactid="679"></i><span class="anticon-class" data-reactid="680">delete</span></li><li class="" data-reactid="681"><i class="anticon anticon-desktop" data-reactid="682"></i><span class="anticon-class" data-reactid="683">desktop</span></li><li class="" data-reactid="684"><i class="anticon anticon-download" data-reactid="685"></i><span class="anticon-class" data-reactid="686">download</span></li><li class="" data-reactid="687"><i class="anticon anticon-edit" data-reactid="688"></i><span class="anticon-class" data-reactid="689">edit</span></li><li class="" data-reactid="690"><i class="anticon anticon-ellipsis" data-reactid="691"></i><span class="anticon-class" data-reactid="692">ellipsis</span></li><li class="" data-reactid="693"><i class="anticon anticon-file" data-reactid="694"></i><span class="anticon-class" data-reactid="695">file</span></li><li class="" data-reactid="696"><i class="anticon anticon-file-text" data-reactid="697"></i><span class="anticon-class" data-reactid="698">file-text</span></li><li class="" data-reactid="699"><i class="anticon anticon-file-unknown" data-reactid="700"></i><span class="anticon-class" data-reactid="701">file-unknown</span></li><li class="" data-reactid="702"><i class="anticon anticon-file-pdf" data-reactid="703"></i><span class="anticon-class" data-reactid="704">file-pdf</span></li><li class="" data-reactid="705"><i class="anticon anticon-file-excel" data-reactid="706"></i><span class="anticon-class" data-reactid="707">file-excel</span></li><li class="" data-reactid="708"><i class="anticon anticon-file-jpg" data-reactid="709"></i><span class="anticon-class" data-reactid="710">file-jpg</span></li><li class="" data-reactid="711"><i class="anticon anticon-file-ppt" data-reactid="712"></i><span class="anticon-class" data-reactid="713">file-ppt</span></li><li class="" data-reactid="714"><i class="anticon anticon-file-add" data-reactid="715"></i><span class="anticon-class" data-reactid="716">file-add</span></li><li class="" data-reactid="717"><i class="anticon anticon-folder" data-reactid="718"></i><span class="anticon-class" data-reactid="719">folder</span></li><li class="" data-reactid="720"><i class="anticon anticon-folder-open" data-reactid="721"></i><span class="anticon-class" data-reactid="722">folder-open</span></li><li class="" data-reactid="723"><i class="anticon anticon-folder-add" data-reactid="724"></i><span class="anticon-class" data-reactid="725">folder-add</span></li><li class="" data-reactid="726"><i class="anticon anticon-hdd" data-reactid="727"></i><span class="anticon-class" data-reactid="728">hdd</span></li><li class="" data-reactid="729"><i class="anticon anticon-frown" data-reactid="730"></i><span class="anticon-class" data-reactid="731">frown</span></li><li class="" data-reactid="732"><i class="anticon anticon-frown-o" data-reactid="733"></i><span class="anticon-class" data-reactid="734">frown-o</span></li><li class="" data-reactid="735"><i class="anticon anticon-meh" data-reactid="736"></i><span class="anticon-class" data-reactid="737">meh</span></li><li class="" data-reactid="738"><i class="anticon anticon-meh-o" data-reactid="739"></i><span class="anticon-class" data-reactid="740">meh-o</span></li><li class="" data-reactid="741"><i class="anticon anticon-smile" data-reactid="742"></i><span class="anticon-class" data-reactid="743">smile</span></li><li class="" data-reactid="744"><i class="anticon anticon-smile-o" data-reactid="745"></i><span class="anticon-class" data-reactid="746">smile-o</span></li><li class="" data-reactid="747"><i class="anticon anticon-inbox" data-reactid="748"></i><span class="anticon-class" data-reactid="749">inbox</span></li><li class="" data-reactid="750"><i class="anticon anticon-laptop" data-reactid="751"></i><span class="anticon-class" data-reactid="752">laptop</span></li><li class="" data-reactid="753"><i class="anticon anticon-appstore-o" data-reactid="754"></i><span class="anticon-class" data-reactid="755">appstore-o</span></li><li class="" data-reactid="756"><i class="anticon anticon-appstore" data-reactid="757"></i><span class="anticon-class" data-reactid="758">appstore</span></li><li class="" data-reactid="759"><i class="anticon anticon-line-chart" data-reactid="760"></i><span class="anticon-class" data-reactid="761">line-chart</span></li><li class="" data-reactid="762"><i class="anticon anticon-link" data-reactid="763"></i><span class="anticon-class" data-reactid="764">link</span></li><li class="" data-reactid="765"><i class="anticon anticon-mail" data-reactid="766"></i><span class="anticon-class" data-reactid="767">mail</span></li><li class="" data-reactid="768"><i class="anticon anticon-mobile" data-reactid="769"></i><span class="anticon-class" data-reactid="770">mobile</span></li><li class="" data-reactid="771"><i class="anticon anticon-notification" data-reactid="772"></i><span class="anticon-class" data-reactid="773">notification</span></li><li class="" data-reactid="774"><i class="anticon anticon-paper-clip" data-reactid="775"></i><span class="anticon-class" data-reactid="776">paper-clip</span></li><li class="" data-reactid="777"><i class="anticon anticon-picture" data-reactid="778"></i><span class="anticon-class" data-reactid="779">picture</span></li><li class="" data-reactid="780"><i class="anticon anticon-poweroff" data-reactid="781"></i><span class="anticon-class" data-reactid="782">poweroff</span></li><li class="" data-reactid="783"><i class="anticon anticon-reload" data-reactid="784"></i><span class="anticon-class" data-reactid="785">reload</span></li><li class="" data-reactid="786"><i class="anticon anticon-search" data-reactid="787"></i><span class="anticon-class" data-reactid="788">search</span></li><li class="" data-reactid="789"><i class="anticon anticon-setting" data-reactid="790"></i><span class="anticon-class" data-reactid="791">setting</span></li><li class="" data-reactid="792"><i class="anticon anticon-share-alt" data-reactid="793"></i><span class="anticon-class" data-reactid="794">share-alt</span></li><li class="" data-reactid="795"><i class="anticon anticon-shopping-cart" data-reactid="796"></i><span class="anticon-class" data-reactid="797">shopping-cart</span></li><li class="" data-reactid="798"><i class="anticon anticon-tablet" data-reactid="799"></i><span class="anticon-class" data-reactid="800">tablet</span></li><li class="" data-reactid="801"><i class="anticon anticon-tag" data-reactid="802"></i><span class="anticon-class" data-reactid="803">tag</span></li><li class="" data-reactid="804"><i class="anticon anticon-tag-o" data-reactid="805"></i><span class="anticon-class" data-reactid="806">tag-o</span></li><li class="" data-reactid="807"><i class="anticon anticon-tags" data-reactid="808"></i><span class="anticon-class" data-reactid="809">tags</span></li><li class="" data-reactid="810"><i class="anticon anticon-tags-o" data-reactid="811"></i><span class="anticon-class" data-reactid="812">tags-o</span></li><li class="" data-reactid="813"><i class="anticon anticon-to-top" data-reactid="814"></i><span class="anticon-class" data-reactid="815">to-top</span></li><li class="" data-reactid="816"><i class="anticon anticon-upload" data-reactid="817"></i><span class="anticon-class" data-reactid="818">upload</span></li><li class="" data-reactid="819"><i class="anticon anticon-user" data-reactid="820"></i><span class="anticon-class" data-reactid="821">user</span></li><li class="" data-reactid="822"><i class="anticon anticon-video-camera" data-reactid="823"></i><span class="anticon-class" data-reactid="824">video-camera</span></li><li class="" data-reactid="825"><i class="anticon anticon-home" data-reactid="826"></i><span class="anticon-class" data-reactid="827">home</span></li><li class="" data-reactid="828"><i class="anticon anticon-spin anticon-loading" data-reactid="829"></i><span class="anticon-class" data-reactid="830">loading</span></li><li class="" data-reactid="831"><i class="anticon anticon-loading-3-quarters" data-reactid="832"></i><span class="anticon-class" data-reactid="833">loading-3-quarters</span></li><li class="" data-reactid="834"><i class="anticon anticon-cloud-upload-o" data-reactid="835"></i><span class="anticon-class" data-reactid="836">cloud-upload-o</span></li><li class="" data-reactid="837"><i class="anticon anticon-cloud-download-o" data-reactid="838"></i><span class="anticon-class" data-reactid="839">cloud-download-o</span></li><li class="" data-reactid="840"><i class="anticon anticon-cloud-upload" data-reactid="841"></i><span class="anticon-class" data-reactid="842">cloud-upload</span></li><li class="" data-reactid="843"><i class="anticon anticon-cloud-o" data-reactid="844"></i><span class="anticon-class" data-reactid="845">cloud-o</span></li><li class="" data-reactid="846"><i class="anticon anticon-star-o" data-reactid="847"></i><span class="anticon-class" data-reactid="848">star-o</span></li><li class="" data-reactid="849"><i class="anticon anticon-star" data-reactid="850"></i><span class="anticon-class" data-reactid="851">star</span></li><li class="" data-reactid="852"><i class="anticon anticon-heart-o" data-reactid="853"></i><span class="anticon-class" data-reactid="854">heart-o</span></li><li class="" data-reactid="855"><i class="anticon anticon-heart" data-reactid="856"></i><span class="anticon-class" data-reactid="857">heart</span></li><li class="" data-reactid="858"><i class="anticon anticon-environment" data-reactid="859"></i><span class="anticon-class" data-reactid="860">environment</span></li><li class="" data-reactid="861"><i class="anticon anticon-environment-o" data-reactid="862"></i><span class="anticon-class" data-reactid="863">environment-o</span></li><li class="" data-reactid="864"><i class="anticon anticon-eye" data-reactid="865"></i><span class="anticon-class" data-reactid="866">eye</span></li><li class="" data-reactid="867"><i class="anticon anticon-eye-o" data-reactid="868"></i><span class="anticon-class" data-reactid="869">eye-o</span></li><li class="" data-reactid="870"><i class="anticon anticon-camera" data-reactid="871"></i><span class="anticon-class" data-reactid="872">camera</span></li><li class="" data-reactid="873"><i class="anticon anticon-camera-o" data-reactid="874"></i><span class="anticon-class" data-reactid="875">camera-o</span></li><li class="" data-reactid="876"><i class="anticon anticon-save" data-reactid="877"></i><span class="anticon-class" data-reactid="878">save</span></li><li class="" data-reactid="879"><i class="anticon anticon-team" data-reactid="880"></i><span class="anticon-class" data-reactid="881">team</span></li><li class="" data-reactid="882"><i class="anticon anticon-solution" data-reactid="883"></i><span class="anticon-class" data-reactid="884">solution</span></li><li class="" data-reactid="885"><i class="anticon anticon-phone" data-reactid="886"></i><span class="anticon-class" data-reactid="887">phone</span></li><li class="" data-reactid="888"><i class="anticon anticon-filter" data-reactid="889"></i><span class="anticon-class" data-reactid="890">filter</span></li><li class="" data-reactid="891"><i class="anticon anticon-exception" data-reactid="892"></i><span class="anticon-class" data-reactid="893">exception</span></li><li class="" data-reactid="894"><i class="anticon anticon-export" data-reactid="895"></i><span class="anticon-class" data-reactid="896">export</span></li><li class="" data-reactid="897"><i class="anticon anticon-customer-service" data-reactid="898"></i><span class="anticon-class" data-reactid="899">customer-service</span></li><li class="" data-reactid="900"><i class="anticon anticon-qrcode" data-reactid="901"></i><span class="anticon-class" data-reactid="902">qrcode</span></li><li class="" data-reactid="903"><i class="anticon anticon-scan" data-reactid="904"></i><span class="anticon-class" data-reactid="905">scan</span></li><li class="" data-reactid="906"><i class="anticon anticon-like" data-reactid="907"></i><span class="anticon-class" data-reactid="908">like</span></li><li class="" data-reactid="909"><i class="anticon anticon-like-o" data-reactid="910"></i><span class="anticon-class" data-reactid="911">like-o</span></li><li class="" data-reactid="912"><i class="anticon anticon-dislike" data-reactid="913"></i><span class="anticon-class" data-reactid="914">dislike</span></li><li class="" data-reactid="915"><i class="anticon anticon-dislike-o" data-reactid="916"></i><span class="anticon-class" data-reactid="917">dislike-o</span></li><li class="" data-reactid="918"><i class="anticon anticon-message" data-reactid="919"></i><span class="anticon-class" data-reactid="920">message</span></li><li class="" data-reactid="921"><i class="anticon anticon-pay-circle" data-reactid="922"></i><span class="anticon-class" data-reactid="923">pay-circle</span></li><li class="" data-reactid="924"><i class="anticon anticon-pay-circle-o" data-reactid="925"></i><span class="anticon-class" data-reactid="926">pay-circle-o</span></li><li class="" data-reactid="927"><i class="anticon anticon-calculator" data-reactid="928"></i><span class="anticon-class" data-reactid="929">calculator</span></li><li class="" data-reactid="930"><i class="anticon anticon-pushpin" data-reactid="931"></i><span class="anticon-class" data-reactid="932">pushpin</span></li><li class="" data-reactid="933"><i class="anticon anticon-pushpin-o" data-reactid="934"></i><span class="anticon-class" data-reactid="935">pushpin-o</span></li><li class="" data-reactid="936"><i class="anticon anticon-bulb" data-reactid="937"></i><span class="anticon-class" data-reactid="938">bulb</span></li><li class="" data-reactid="939"><i class="anticon anticon-select" data-reactid="940"></i><span class="anticon-class" data-reactid="941">select</span></li><li class="" data-reactid="942"><i class="anticon anticon-switcher" data-reactid="943"></i><span class="anticon-class" data-reactid="944">switcher</span></li><li class="" data-reactid="945"><i class="anticon anticon-rocket" data-reactid="946"></i><span class="anticon-class" data-reactid="947">rocket</span></li><li class="" data-reactid="948"><i class="anticon anticon-bell" data-reactid="949"></i><span class="anticon-class" data-reactid="950">bell</span></li><li class="" data-reactid="951"><i class="anticon anticon-disconnect" data-reactid="952"></i><span class="anticon-class" data-reactid="953">disconnect</span></li><li class="" data-reactid="954"><i class="anticon anticon-database" data-reactid="955"></i><span class="anticon-class" data-reactid="956">database</span></li><li class="" data-reactid="957"><i class="anticon anticon-compass" data-reactid="958"></i><span class="anticon-class" data-reactid="959">compass</span></li><li class="" data-reactid="960"><i class="anticon anticon-barcode" data-reactid="961"></i><span class="anticon-class" data-reactid="962">barcode</span></li><li class="" data-reactid="963"><i class="anticon anticon-hourglass" data-reactid="964"></i><span class="anticon-class" data-reactid="965">hourglass</span></li><li class="" data-reactid="966"><i class="anticon anticon-key" data-reactid="967"></i><span class="anticon-class" data-reactid="968">key</span></li><li class="" data-reactid="969"><i class="anticon anticon-flag" data-reactid="970"></i><span class="anticon-class" data-reactid="971">flag</span></li><li class="" data-reactid="972"><i class="anticon anticon-layout" data-reactid="973"></i><span class="anticon-class" data-reactid="974">layout</span></li><li class="" data-reactid="975"><i class="anticon anticon-printer" data-reactid="976"></i><span class="anticon-class" data-reactid="977">printer</span></li><li class="" data-reactid="978"><i class="anticon anticon-sound" data-reactid="979"></i><span class="anticon-class" data-reactid="980">sound</span></li><li class="" data-reactid="981"><i class="anticon anticon-usb" data-reactid="982"></i><span class="anticon-class" data-reactid="983">usb</span></li><li class="" data-reactid="984"><i class="anticon anticon-skin" data-reactid="985"></i><span class="anticon-class" data-reactid="986">skin</span></li><li class="" data-reactid="987"><i class="anticon anticon-tool" data-reactid="988"></i><span class="anticon-class" data-reactid="989">tool</span></li><li class="" data-reactid="990"><i class="anticon anticon-sync" data-reactid="991"></i><span class="anticon-class" data-reactid="992">sync</span></li><li class="" data-reactid="993"><i class="anticon anticon-wifi" data-reactid="994"></i><span class="anticon-class" data-reactid="995">wifi</span></li><li class="" data-reactid="996"><i class="anticon anticon-car" data-reactid="997"></i><span class="anticon-class" data-reactid="998">car</span></li><li class="" data-reactid="999"><i class="anticon anticon-schedule" data-reactid="1000"></i><span class="anticon-class" data-reactid="1001">schedule</span></li><li class="" data-reactid="1002"><i class="anticon anticon-user-add" data-reactid="1003"></i><span class="anticon-class" data-reactid="1004">user-add</span></li><li class="" data-reactid="1005"><i class="anticon anticon-user-delete" data-reactid="1006"></i><span class="anticon-class" data-reactid="1007">user-delete</span></li><li class="" data-reactid="1008"><i class="anticon anticon-usergroup-add" data-reactid="1009"></i><span class="anticon-class" data-reactid="1010">usergroup-add</span></li><li class="" data-reactid="1011"><i class="anticon anticon-usergroup-delete" data-reactid="1012"></i><span class="anticon-class" data-reactid="1013">usergroup-delete</span></li><li class="" data-reactid="1014"><i class="anticon anticon-man" data-reactid="1015"></i><span class="anticon-class" data-reactid="1016">man</span></li><li class="" data-reactid="1017"><i class="anticon anticon-woman" data-reactid="1018"></i><span class="anticon-class" data-reactid="1019">woman</span></li><li class="" data-reactid="1020"><i class="anticon anticon-shop" data-reactid="1021"></i><span class="anticon-class" data-reactid="1022">shop</span></li><li class="" data-reactid="1023"><i class="anticon anticon-gift" data-reactid="1024"></i><span class="anticon-class" data-reactid="1025">gift</span></li><li class="" data-reactid="1026"><i class="anticon anticon-idcard" data-reactid="1027"></i><span class="anticon-class" data-reactid="1028">idcard</span></li><li class="" data-reactid="1029"><i class="anticon anticon-medicine-box" data-reactid="1030"></i><span class="anticon-class" data-reactid="1031">medicine-box</span></li><li class="" data-reactid="1032"><i class="anticon anticon-red-envelope" data-reactid="1033"></i><span class="anticon-class" data-reactid="1034">red-envelope</span></li><li class="" data-reactid="1035"><i class="anticon anticon-coffee" data-reactid="1036"></i><span class="anticon-class" data-reactid="1037">coffee</span></li><li class="" data-reactid="1038"><i class="anticon anticon-copyright" data-reactid="1039"></i><span class="anticon-class" data-reactid="1040">copyright</span></li><li class="" data-reactid="1041"><i class="anticon anticon-trademark" data-reactid="1042"></i><span class="anticon-class" data-reactid="1043">trademark</span></li><li class="" data-reactid="1044"><i class="anticon anticon-safety" data-reactid="1045"></i><span class="anticon-class" data-reactid="1046">safety</span></li><li class="" data-reactid="1047"><i class="anticon anticon-wallet" data-reactid="1048"></i><span class="anticon-class" data-reactid="1049">wallet</span></li><li class="" data-reactid="1050"><i class="anticon anticon-bank" data-reactid="1051"></i><span class="anticon-class" data-reactid="1052">bank</span></li><li class="" data-reactid="1053"><i class="anticon anticon-trophy" data-reactid="1054"></i><span class="anticon-class" data-reactid="1055">trophy</span></li><li class="" data-reactid="1056"><i class="anticon anticon-contacts" data-reactid="1057"></i><span class="anticon-class" data-reactid="1058">contacts</span></li><li class="" data-reactid="1059"><i class="anticon anticon-global" data-reactid="1060"></i><span class="anticon-class" data-reactid="1061">global</span></li><li class="" data-reactid="1062"><i class="anticon anticon-shake" data-reactid="1063"></i><span class="anticon-class" data-reactid="1064">shake</span></li><li class="" data-reactid="1065"><i class="anticon anticon-api" data-reactid="1066"></i><span class="anticon-class" data-reactid="1067">api</span></li></ul><h3 id="Brand-and-Logos" data-reactid="1068"><span data-reactid="1069"><!-- react-text: 1070 -->Brand and Logos<!-- /react-text --></span><a href="#Brand-and-Logos" class="anchor" data-reactid="1071">#</a></h3><ul class="anticons-list clearfix icons" data-reactid="1072"><li class="" data-reactid="1073"><i class="anticon anticon-android" data-reactid="1074"></i><span class="anticon-class" data-reactid="1075">android</span></li><li class="" data-reactid="1076"><i class="anticon anticon-android-o" data-reactid="1077"></i><span class="anticon-class" data-reactid="1078">android-o</span></li><li class="" data-reactid="1079"><i class="anticon anticon-apple" data-reactid="1080"></i><span class="anticon-class" data-reactid="1081">apple</span></li><li class="" data-reactid="1082"><i class="anticon anticon-apple-o" data-reactid="1083"></i><span class="anticon-class" data-reactid="1084">apple-o</span></li><li class="" data-reactid="1085"><i class="anticon anticon-windows" data-reactid="1086"></i><span class="anticon-class" data-reactid="1087">windows</span></li><li class="" data-reactid="1088"><i class="anticon anticon-windows-o" data-reactid="1089"></i><span class="anticon-class" data-reactid="1090">windows-o</span></li><li class="" data-reactid="1091"><i class="anticon anticon-ie" data-reactid="1092"></i><span class="anticon-class" data-reactid="1093">ie</span></li><li class="" data-reactid="1094"><i class="anticon anticon-chrome" data-reactid="1095"></i><span class="anticon-class" data-reactid="1096">chrome</span></li><li class="" data-reactid="1097"><i class="anticon anticon-github" data-reactid="1098"></i><span class="anticon-class" data-reactid="1099">github</span></li><li class="" data-reactid="1100"><i class="anticon anticon-aliwangwang" data-reactid="1101"></i><span class="anticon-class" data-reactid="1102">aliwangwang</span></li><li class="" data-reactid="1103"><i class="anticon anticon-aliwangwang-o" data-reactid="1104"></i><span class="anticon-class" data-reactid="1105">aliwangwang-o</span></li><li class="" data-reactid="1106"><i class="anticon anticon-dingding" data-reactid="1107"></i><span class="anticon-class" data-reactid="1108">dingding</span></li><li class="" data-reactid="1109"><i class="anticon anticon-dingding-o" data-reactid="1110"></i><span class="anticon-class" data-reactid="1111">dingding-o</span></li></ul></section></article></div></div><div class="ant-row" data-reactid="1112"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="1113"><section class="prev-next-nav" data-reactid="1114"><a class="prev-page" href="/components/button/" data-reactid="1115"><span data-reactid="1116">Button</span><span class="chinese" data-reactid="1117"></span></a><a class="next-page" href="/components/grid/" data-reactid="1118"><span data-reactid="1119">Grid</span><span class="chinese" data-reactid="1120"></span></a></section></div></div></div><footer id="footer" data-reactid="1121"><ul data-reactid="1122"><li data-reactid="1123"><h2 data-reactid="1124"><i class="anticon anticon-github" data-reactid="1125"></i><!-- react-text: 1126 --> GitHub<!-- /react-text --></h2><div data-reactid="1127"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="1128"><span data-reactid="1129">Repository</span></a></div><div data-reactid="1130"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="1131"><span data-reactid="1132">Customize Theme</span></a></div><div data-reactid="1133"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="1134"><span data-reactid="1135">Awesome Ant Design</span></a></div></li><li data-reactid="1136"><h2 data-reactid="1137"><i class="anticon anticon-link" data-reactid="1138"></i><!-- react-text: 1139 --> <!-- /react-text --><span data-reactid="1140">Links</span></h2><div data-reactid="1141"><a href="https://design.alipay.com/" data-reactid="1142"><span data-reactid="1143">Ant Financial Design Platform</span></a></div><div data-reactid="1144"><a href="http://mobile.ant.design" data-reactid="1145">Ant Design Mobile</a><span data-reactid="1146"> - </span><span data-reactid="1147">Mobile UI</span></div><div data-reactid="1148"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="1149">dva</a><!-- react-text: 1150 --> - <!-- /react-text --><span data-reactid="1151">Framework</span></div><div data-reactid="1152"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="1153">dva-cli</a><!-- react-text: 1154 --> -<!-- /react-text --><span data-reactid="1155">Developer Tools</span></div><div data-reactid="1156"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="1157">Egg</a><span data-reactid="1158"> - </span><span data-reactid="1159">Enterprise Node Framework</span></div><div data-reactid="1160"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="1161">AntV</a><span data-reactid="1162"> - </span><span data-reactid="1163">Data Visualization</span></div><div data-reactid="1164"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="1165">Ant Motion</a><span data-reactid="1166"> - </span><span data-reactid="1167">Motion Soluction</span></div><div data-reactid="1168"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="1169">AntD Library</a><span data-reactid="1170"> - </span><span data-reactid="1171">Axure library</span></div><div data-reactid="1172"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="1173">Ant UX</a><span data-reactid="1174"> - </span><span data-reactid="1175">Sitemap Template</span></div></li><li data-reactid="1176"><h2 data-reactid="1177"><i class="anticon anticon-customer-service" data-reactid="1178"></i><!-- react-text: 1179 --> <!-- /react-text --><span data-reactid="1180">Community</span></h2><div data-reactid="1181"><a href="/changelog" data-reactid="1182"><span data-reactid="1183">Change Log</span></a></div><div data-reactid="1184"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="1185"><span data-reactid="1186">FAQ</span></a></div><div data-reactid="1187"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="1188"><span data-reactid="1189">Chat Room (中文)</span></a></div><div data-reactid="1190"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="1191"><span data-reactid="1192">Chat Room (English)</span></a></div><div data-reactid="1193"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="1194"><span data-reactid="1195">Bug Report</span></a></div><div data-reactid="1196"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="1197"><span data-reactid="1198">Issues</span></a></div><div data-reactid="1199"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="1200"><span data-reactid="1201">StackOverflow</span></a></div><div data-reactid="1202"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="1203"><span data-reactid="1204">SegmentFault</span></a></div></li><li data-reactid="1205"><h2 data-reactid="1206"><!-- react-text: 1207 -->Copyright © <!-- /react-text --><!-- react-text: 1208 -->2017<!-- /react-text --></h2><div data-reactid="1209"><span data-reactid="1210">Created by AIUX</span></div><div data-reactid="1211"><!-- react-text: 1212 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="1213">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->Icon<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/icon/index.en-US.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="markdown" data-reactid="294"><p data-reactid="295"><!-- react-text: 296 -->Semantic vector graphics.<!-- /react-text --></p><h2 id="Icons-naming-convention" data-reactid="297"><span data-reactid="298"><!-- react-text: 299 -->Icons naming convention<!-- /react-text --></span><a href="#Icons-naming-convention" class="anchor" data-reactid="300">#</a></h2><p data-reactid="301"><!-- react-text: 302 -->We provide semantic name for every icon, and naming rules are as follows:<!-- /react-text --></p><ul data-reactid="303"><li data-reactid="304"><p data-reactid="305"><!-- react-text: 306 -->Scanning line icon has the similar name with its solid one，but it&#x27;s distinguished by <!-- /react-text --><code data-reactid="307"><!-- react-text: 308 -->-o<!-- /react-text --></code><!-- react-text: 309 -->, for example, <!-- /react-text --><code data-reactid="310"><!-- react-text: 311 -->question-circle<!-- /react-text --></code><!-- react-text: 312 --> (a full circle) and <!-- /react-text --><code data-reactid="313"><!-- react-text: 314 -->question-circle-o<!-- /react-text --></code><!-- react-text: 315 --> (an empty circle);<!-- /react-text --></p></li><li data-reactid="316"><p data-reactid="317"><!-- react-text: 318 -->Naming sequence：<!-- /react-text --><code data-reactid="319"><!-- react-text: 320 -->[name]-[shape?]-[outline?]-[direction?]<!-- /react-text --></code><!-- react-text: 321 -->.<!-- /react-text --></p></li></ul><blockquote data-reactid="322"><p data-reactid="323"><code data-reactid="324"><!-- react-text: 325 -->?<!-- /react-text --></code><!-- react-text: 326 --> means is optional.<!-- /react-text --></p></blockquote><p data-reactid="327"><!-- react-text: 328 -->See more design detail at <!-- /react-text --><a href="/docs/spec/icon" data-reactid="329">here</a><!-- react-text: 330 -->.<!-- /react-text --></p><h2 id="How-To-Use" data-reactid="331"><span data-reactid="332"><!-- react-text: 333 -->How To Use<!-- /react-text --></span><a href="#How-To-Use" class="anchor" data-reactid="334">#</a></h2><p data-reactid="335"><!-- react-text: 336 -->Use tag <!-- /react-text --><icon data-reactid="337"></icon><!-- react-text: 338 --> to create an icon and set its type in the type prop, for example:<!-- /react-text --></p><pre class="language-html" data-reactid="339"><code data-reactid="340"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>link<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span></code></pre><h2 id="Local-deployment" data-reactid="341"><span data-reactid="342"><!-- react-text: 343 -->Local deployment<!-- /react-text --></span><a href="#Local-deployment" class="anchor" data-reactid="344">#</a></h2><p data-reactid="345"><!-- react-text: 346 -->By default, icons are deployed at <!-- /react-text --><a href="http://iconfont.cn" data-reactid="347"><!-- react-text: 348 -->iconfont.cn<!-- /react-text --></a><!-- react-text: 349 -->, publicly available repository of a huge set of icons. In case you need to use a locally deployed version of the icon font, you can refer to <!-- /react-text --><a href="https://github.com/ant-design/antd-init/tree/master/examples/local-iconfont" data-reactid="350"><!-- react-text: 351 -->this example<!-- /react-text --></a><!-- react-text: 352 -->。<!-- /react-text --></p><h2 id="List-of-icons" data-reactid="353"><span data-reactid="354"><!-- react-text: 355 -->List of icons<!-- /react-text --></span><a href="#List-of-icons" class="anchor" data-reactid="356">#</a></h2><blockquote data-reactid="357"><p data-reactid="358"><!-- react-text: 359 -->Click the icon and copy the code。<!-- /react-text --></p></blockquote><h3 id="Directional-Icons" data-reactid="360"><span data-reactid="361"><!-- react-text: 362 -->Directional Icons<!-- /react-text --></span><a href="#Directional-Icons" class="anchor" data-reactid="363">#</a></h3><ul class="anticons-list clearfix icons" data-reactid="364"><li class="" data-reactid="365"><i class="anticon anticon-step-backward" data-reactid="366"></i><span class="anticon-class" data-reactid="367">step-backward</span></li><li class="" data-reactid="368"><i class="anticon anticon-step-forward" data-reactid="369"></i><span class="anticon-class" data-reactid="370">step-forward</span></li><li class="" data-reactid="371"><i class="anticon anticon-fast-backward" data-reactid="372"></i><span class="anticon-class" data-reactid="373">fast-backward</span></li><li class="" data-reactid="374"><i class="anticon anticon-fast-forward" data-reactid="375"></i><span class="anticon-class" data-reactid="376">fast-forward</span></li><li class="" data-reactid="377"><i class="anticon anticon-shrink" data-reactid="378"></i><span class="anticon-class" data-reactid="379">shrink</span></li><li class="" data-reactid="380"><i class="anticon anticon-arrows-alt" data-reactid="381"></i><span class="anticon-class" data-reactid="382">arrows-alt</span></li><li class="" data-reactid="383"><i class="anticon anticon-down" data-reactid="384"></i><span class="anticon-class" data-reactid="385">down</span></li><li class="" data-reactid="386"><i class="anticon anticon-up" data-reactid="387"></i><span class="anticon-class" data-reactid="388">up</span></li><li class="" data-reactid="389"><i class="anticon anticon-left" data-reactid="390"></i><span class="anticon-class" data-reactid="391">left</span></li><li class="" data-reactid="392"><i class="anticon anticon-right" data-reactid="393"></i><span class="anticon-class" data-reactid="394">right</span></li><li class="" data-reactid="395"><i class="anticon anticon-caret-up" data-reactid="396"></i><span class="anticon-class" data-reactid="397">caret-up</span></li><li class="" data-reactid="398"><i class="anticon anticon-caret-down" data-reactid="399"></i><span class="anticon-class" data-reactid="400">caret-down</span></li><li class="" data-reactid="401"><i class="anticon anticon-caret-left" data-reactid="402"></i><span class="anticon-class" data-reactid="403">caret-left</span></li><li class="" data-reactid="404"><i class="anticon anticon-caret-right" data-reactid="405"></i><span class="anticon-class" data-reactid="406">caret-right</span></li><li class="" data-reactid="407"><i class="anticon anticon-up-circle" data-reactid="408"></i><span class="anticon-class" data-reactid="409">up-circle</span></li><li class="" data-reactid="410"><i class="anticon anticon-down-circle" data-reactid="411"></i><span class="anticon-class" data-reactid="412">down-circle</span></li><li class="" data-reactid="413"><i class="anticon anticon-left-circle" data-reactid="414"></i><span class="anticon-class" data-reactid="415">left-circle</span></li><li class="" data-reactid="416"><i class="anticon anticon-right-circle" data-reactid="417"></i><span class="anticon-class" data-reactid="418">right-circle</span></li><li class="" data-reactid="419"><i class="anticon anticon-up-circle-o" data-reactid="420"></i><span class="anticon-class" data-reactid="421">up-circle-o</span></li><li class="" data-reactid="422"><i class="anticon anticon-down-circle-o" data-reactid="423"></i><span class="anticon-class" data-reactid="424">down-circle-o</span></li><li class="" data-reactid="425"><i class="anticon anticon-right-circle-o" data-reactid="426"></i><span class="anticon-class" data-reactid="427">right-circle-o</span></li><li class="" data-reactid="428"><i class="anticon anticon-left-circle-o" data-reactid="429"></i><span class="anticon-class" data-reactid="430">left-circle-o</span></li><li class="" data-reactid="431"><i class="anticon anticon-double-right" data-reactid="432"></i><span class="anticon-class" data-reactid="433">double-right</span></li><li class="" data-reactid="434"><i class="anticon anticon-double-left" data-reactid="435"></i><span class="anticon-class" data-reactid="436">double-left</span></li><li class="" data-reactid="437"><i class="anticon anticon-verticle-left" data-reactid="438"></i><span class="anticon-class" data-reactid="439">verticle-left</span></li><li class="" data-reactid="440"><i class="anticon anticon-verticle-right" data-reactid="441"></i><span class="anticon-class" data-reactid="442">verticle-right</span></li><li class="" data-reactid="443"><i class="anticon anticon-forward" data-reactid="444"></i><span class="anticon-class" data-reactid="445">forward</span></li><li class="" data-reactid="446"><i class="anticon anticon-backward" data-reactid="447"></i><span class="anticon-class" data-reactid="448">backward</span></li><li class="" data-reactid="449"><i class="anticon anticon-rollback" data-reactid="450"></i><span class="anticon-class" data-reactid="451">rollback</span></li><li class="" data-reactid="452"><i class="anticon anticon-enter" data-reactid="453"></i><span class="anticon-class" data-reactid="454">enter</span></li><li class="" data-reactid="455"><i class="anticon anticon-retweet" data-reactid="456"></i><span class="anticon-class" data-reactid="457">retweet</span></li><li class="" data-reactid="458"><i class="anticon anticon-swap" data-reactid="459"></i><span class="anticon-class" data-reactid="460">swap</span></li><li class="" data-reactid="461"><i class="anticon anticon-swap-left" data-reactid="462"></i><span class="anticon-class" data-reactid="463">swap-left</span></li><li class="" data-reactid="464"><i class="anticon anticon-swap-right" data-reactid="465"></i><span class="anticon-class" data-reactid="466">swap-right</span></li><li class="" data-reactid="467"><i class="anticon anticon-arrow-up" data-reactid="468"></i><span class="anticon-class" data-reactid="469">arrow-up</span></li><li class="" data-reactid="470"><i class="anticon anticon-arrow-down" data-reactid="471"></i><span class="anticon-class" data-reactid="472">arrow-down</span></li><li class="" data-reactid="473"><i class="anticon anticon-arrow-left" data-reactid="474"></i><span class="anticon-class" data-reactid="475">arrow-left</span></li><li class="" data-reactid="476"><i class="anticon anticon-arrow-right" data-reactid="477"></i><span class="anticon-class" data-reactid="478">arrow-right</span></li><li class="" data-reactid="479"><i class="anticon anticon-play-circle" data-reactid="480"></i><span class="anticon-class" data-reactid="481">play-circle</span></li><li class="" data-reactid="482"><i class="anticon anticon-play-circle-o" data-reactid="483"></i><span class="anticon-class" data-reactid="484">play-circle-o</span></li><li class="" data-reactid="485"><i class="anticon anticon-up-square" data-reactid="486"></i><span class="anticon-class" data-reactid="487">up-square</span></li><li class="" data-reactid="488"><i class="anticon anticon-down-square" data-reactid="489"></i><span class="anticon-class" data-reactid="490">down-square</span></li><li class="" data-reactid="491"><i class="anticon anticon-left-square" data-reactid="492"></i><span class="anticon-class" data-reactid="493">left-square</span></li><li class="" data-reactid="494"><i class="anticon anticon-right-square" data-reactid="495"></i><span class="anticon-class" data-reactid="496">right-square</span></li><li class="" data-reactid="497"><i class="anticon anticon-up-square-o" data-reactid="498"></i><span class="anticon-class" data-reactid="499">up-square-o</span></li><li class="" data-reactid="500"><i class="anticon anticon-down-square-o" data-reactid="501"></i><span class="anticon-class" data-reactid="502">down-square-o</span></li><li class="" data-reactid="503"><i class="anticon anticon-left-square-o" data-reactid="504"></i><span class="anticon-class" data-reactid="505">left-square-o</span></li><li class="" data-reactid="506"><i class="anticon anticon-right-square-o" data-reactid="507"></i><span class="anticon-class" data-reactid="508">right-square-o</span></li><li class="" data-reactid="509"><i class="anticon anticon-login" data-reactid="510"></i><span class="anticon-class" data-reactid="511">login</span></li><li class="" data-reactid="512"><i class="anticon anticon-logout" data-reactid="513"></i><span class="anticon-class" data-reactid="514">logout</span></li><li class="" data-reactid="515"><i class="anticon anticon-menu-fold" data-reactid="516"></i><span class="anticon-class" data-reactid="517">menu-fold</span></li><li class="" data-reactid="518"><i class="anticon anticon-menu-unfold" data-reactid="519"></i><span class="anticon-class" data-reactid="520">menu-unfold</span></li></ul><h3 id="Suggested-Icons" data-reactid="521"><span data-reactid="522"><!-- react-text: 523 -->Suggested Icons<!-- /react-text --></span><a href="#Suggested-Icons" class="anchor" data-reactid="524">#</a></h3><ul class="anticons-list clearfix icons" data-reactid="525"><li class="" data-reactid="526"><i class="anticon anticon-question" data-reactid="527"></i><span class="anticon-class" data-reactid="528">question</span></li><li class="" data-reactid="529"><i class="anticon anticon-question-circle-o" data-reactid="530"></i><span class="anticon-class" data-reactid="531">question-circle-o</span></li><li class="" data-reactid="532"><i class="anticon anticon-question-circle" data-reactid="533"></i><span class="anticon-class" data-reactid="534">question-circle</span></li><li class="" data-reactid="535"><i class="anticon anticon-plus" data-reactid="536"></i><span class="anticon-class" data-reactid="537">plus</span></li><li class="" data-reactid="538"><i class="anticon anticon-plus-circle-o" data-reactid="539"></i><span class="anticon-class" data-reactid="540">plus-circle-o</span></li><li class="" data-reactid="541"><i class="anticon anticon-plus-circle" data-reactid="542"></i><span class="anticon-class" data-reactid="543">plus-circle</span></li><li class="" data-reactid="544"><i class="anticon anticon-pause" data-reactid="545"></i><span class="anticon-class" data-reactid="546">pause</span></li><li class="" data-reactid="547"><i class="anticon anticon-pause-circle-o" data-reactid="548"></i><span class="anticon-class" data-reactid="549">pause-circle-o</span></li><li class="" data-reactid="550"><i class="anticon anticon-pause-circle" data-reactid="551"></i><span class="anticon-class" data-reactid="552">pause-circle</span></li><li class="" data-reactid="553"><i class="anticon anticon-minus" data-reactid="554"></i><span class="anticon-class" data-reactid="555">minus</span></li><li class="" data-reactid="556"><i class="anticon anticon-minus-circle-o" data-reactid="557"></i><span class="anticon-class" data-reactid="558">minus-circle-o</span></li><li class="" data-reactid="559"><i class="anticon anticon-minus-circle" data-reactid="560"></i><span class="anticon-class" data-reactid="561">minus-circle</span></li><li class="" data-reactid="562"><i class="anticon anticon-plus-square" data-reactid="563"></i><span class="anticon-class" data-reactid="564">plus-square</span></li><li class="" data-reactid="565"><i class="anticon anticon-plus-square-o" data-reactid="566"></i><span class="anticon-class" data-reactid="567">plus-square-o</span></li><li class="" data-reactid="568"><i class="anticon anticon-minus-square" data-reactid="569"></i><span class="anticon-class" data-reactid="570">minus-square</span></li><li class="" data-reactid="571"><i class="anticon anticon-minus-square-o" data-reactid="572"></i><span class="anticon-class" data-reactid="573">minus-square-o</span></li><li class="" data-reactid="574"><i class="anticon anticon-info" data-reactid="575"></i><span class="anticon-class" data-reactid="576">info</span></li><li class="" data-reactid="577"><i class="anticon anticon-info-circle-o" data-reactid="578"></i><span class="anticon-class" data-reactid="579">info-circle-o</span></li><li class="" data-reactid="580"><i class="anticon anticon-info-circle" data-reactid="581"></i><span class="anticon-class" data-reactid="582">info-circle</span></li><li class="" data-reactid="583"><i class="anticon anticon-exclamation" data-reactid="584"></i><span class="anticon-class" data-reactid="585">exclamation</span></li><li class="" data-reactid="586"><i class="anticon anticon-exclamation-circle-o" data-reactid="587"></i><span class="anticon-class" data-reactid="588">exclamation-circle-o</span></li><li class="" data-reactid="589"><i class="anticon anticon-exclamation-circle" data-reactid="590"></i><span class="anticon-class" data-reactid="591">exclamation-circle</span></li><li class="" data-reactid="592"><i class="anticon anticon-close" data-reactid="593"></i><span class="anticon-class" data-reactid="594">close</span></li><li class="" data-reactid="595"><i class="anticon anticon-close-circle" data-reactid="596"></i><span class="anticon-class" data-reactid="597">close-circle</span></li><li class="" data-reactid="598"><i class="anticon anticon-close-circle-o" data-reactid="599"></i><span class="anticon-class" data-reactid="600">close-circle-o</span></li><li class="" data-reactid="601"><i class="anticon anticon-close-square" data-reactid="602"></i><span class="anticon-class" data-reactid="603">close-square</span></li><li class="" data-reactid="604"><i class="anticon anticon-close-square-o" data-reactid="605"></i><span class="anticon-class" data-reactid="606">close-square-o</span></li><li class="" data-reactid="607"><i class="anticon anticon-check" data-reactid="608"></i><span class="anticon-class" data-reactid="609">check</span></li><li class="" data-reactid="610"><i class="anticon anticon-check-circle" data-reactid="611"></i><span class="anticon-class" data-reactid="612">check-circle</span></li><li class="" data-reactid="613"><i class="anticon anticon-check-circle-o" data-reactid="614"></i><span class="anticon-class" data-reactid="615">check-circle-o</span></li><li class="" data-reactid="616"><i class="anticon anticon-check-square" data-reactid="617"></i><span class="anticon-class" data-reactid="618">check-square</span></li><li class="" data-reactid="619"><i class="anticon anticon-check-square-o" data-reactid="620"></i><span class="anticon-class" data-reactid="621">check-square-o</span></li><li class="" data-reactid="622"><i class="anticon anticon-clock-circle-o" data-reactid="623"></i><span class="anticon-class" data-reactid="624">clock-circle-o</span></li><li class="" data-reactid="625"><i class="anticon anticon-clock-circle" data-reactid="626"></i><span class="anticon-class" data-reactid="627">clock-circle</span></li></ul><h3 id="Application-Icons" data-reactid="628"><span data-reactid="629"><!-- react-text: 630 -->Application Icons<!-- /react-text --></span><a href="#Application-Icons" class="anchor" data-reactid="631">#</a></h3><ul class="anticons-list clearfix icons" data-reactid="632"><li class="" data-reactid="633"><i class="anticon anticon-lock" data-reactid="634"></i><span class="anticon-class" data-reactid="635">lock</span></li><li class="" data-reactid="636"><i class="anticon anticon-unlock" data-reactid="637"></i><span class="anticon-class" data-reactid="638">unlock</span></li><li class="" data-reactid="639"><i class="anticon anticon-area-chart" data-reactid="640"></i><span class="anticon-class" data-reactid="641">area-chart</span></li><li class="" data-reactid="642"><i class="anticon anticon-pie-chart" data-reactid="643"></i><span class="anticon-class" data-reactid="644">pie-chart</span></li><li class="" data-reactid="645"><i class="anticon anticon-bar-chart" data-reactid="646"></i><span class="anticon-class" data-reactid="647">bar-chart</span></li><li class="" data-reactid="648"><i class="anticon anticon-dot-chart" data-reactid="649"></i><span class="anticon-class" data-reactid="650">dot-chart</span></li><li class="" data-reactid="651"><i class="anticon anticon-bars" data-reactid="652"></i><span class="anticon-class" data-reactid="653">bars</span></li><li class="" data-reactid="654"><i class="anticon anticon-book" data-reactid="655"></i><span class="anticon-class" data-reactid="656">book</span></li><li class="" data-reactid="657"><i class="anticon anticon-calendar" data-reactid="658"></i><span class="anticon-class" data-reactid="659">calendar</span></li><li class="" data-reactid="660"><i class="anticon anticon-cloud" data-reactid="661"></i><span class="anticon-class" data-reactid="662">cloud</span></li><li class="" data-reactid="663"><i class="anticon anticon-cloud-download" data-reactid="664"></i><span class="anticon-class" data-reactid="665">cloud-download</span></li><li class="" data-reactid="666"><i class="anticon anticon-code" data-reactid="667"></i><span class="anticon-class" data-reactid="668">code</span></li><li class="" data-reactid="669"><i class="anticon anticon-code-o" data-reactid="670"></i><span class="anticon-class" data-reactid="671">code-o</span></li><li class="" data-reactid="672"><i class="anticon anticon-copy" data-reactid="673"></i><span class="anticon-class" data-reactid="674">copy</span></li><li class="" data-reactid="675"><i class="anticon anticon-credit-card" data-reactid="676"></i><span class="anticon-class" data-reactid="677">credit-card</span></li><li class="" data-reactid="678"><i class="anticon anticon-delete" data-reactid="679"></i><span class="anticon-class" data-reactid="680">delete</span></li><li class="" data-reactid="681"><i class="anticon anticon-desktop" data-reactid="682"></i><span class="anticon-class" data-reactid="683">desktop</span></li><li class="" data-reactid="684"><i class="anticon anticon-download" data-reactid="685"></i><span class="anticon-class" data-reactid="686">download</span></li><li class="" data-reactid="687"><i class="anticon anticon-edit" data-reactid="688"></i><span class="anticon-class" data-reactid="689">edit</span></li><li class="" data-reactid="690"><i class="anticon anticon-ellipsis" data-reactid="691"></i><span class="anticon-class" data-reactid="692">ellipsis</span></li><li class="" data-reactid="693"><i class="anticon anticon-file" data-reactid="694"></i><span class="anticon-class" data-reactid="695">file</span></li><li class="" data-reactid="696"><i class="anticon anticon-file-text" data-reactid="697"></i><span class="anticon-class" data-reactid="698">file-text</span></li><li class="" data-reactid="699"><i class="anticon anticon-file-unknown" data-reactid="700"></i><span class="anticon-class" data-reactid="701">file-unknown</span></li><li class="" data-reactid="702"><i class="anticon anticon-file-pdf" data-reactid="703"></i><span class="anticon-class" data-reactid="704">file-pdf</span></li><li class="" data-reactid="705"><i class="anticon anticon-file-excel" data-reactid="706"></i><span class="anticon-class" data-reactid="707">file-excel</span></li><li class="" data-reactid="708"><i class="anticon anticon-file-jpg" data-reactid="709"></i><span class="anticon-class" data-reactid="710">file-jpg</span></li><li class="" data-reactid="711"><i class="anticon anticon-file-ppt" data-reactid="712"></i><span class="anticon-class" data-reactid="713">file-ppt</span></li><li class="" data-reactid="714"><i class="anticon anticon-file-add" data-reactid="715"></i><span class="anticon-class" data-reactid="716">file-add</span></li><li class="" data-reactid="717"><i class="anticon anticon-folder" data-reactid="718"></i><span class="anticon-class" data-reactid="719">folder</span></li><li class="" data-reactid="720"><i class="anticon anticon-folder-open" data-reactid="721"></i><span class="anticon-class" data-reactid="722">folder-open</span></li><li class="" data-reactid="723"><i class="anticon anticon-folder-add" data-reactid="724"></i><span class="anticon-class" data-reactid="725">folder-add</span></li><li class="" data-reactid="726"><i class="anticon anticon-hdd" data-reactid="727"></i><span class="anticon-class" data-reactid="728">hdd</span></li><li class="" data-reactid="729"><i class="anticon anticon-frown" data-reactid="730"></i><span class="anticon-class" data-reactid="731">frown</span></li><li class="" data-reactid="732"><i class="anticon anticon-frown-o" data-reactid="733"></i><span class="anticon-class" data-reactid="734">frown-o</span></li><li class="" data-reactid="735"><i class="anticon anticon-meh" data-reactid="736"></i><span class="anticon-class" data-reactid="737">meh</span></li><li class="" data-reactid="738"><i class="anticon anticon-meh-o" data-reactid="739"></i><span class="anticon-class" data-reactid="740">meh-o</span></li><li class="" data-reactid="741"><i class="anticon anticon-smile" data-reactid="742"></i><span class="anticon-class" data-reactid="743">smile</span></li><li class="" data-reactid="744"><i class="anticon anticon-smile-o" data-reactid="745"></i><span class="anticon-class" data-reactid="746">smile-o</span></li><li class="" data-reactid="747"><i class="anticon anticon-inbox" data-reactid="748"></i><span class="anticon-class" data-reactid="749">inbox</span></li><li class="" data-reactid="750"><i class="anticon anticon-laptop" data-reactid="751"></i><span class="anticon-class" data-reactid="752">laptop</span></li><li class="" data-reactid="753"><i class="anticon anticon-appstore-o" data-reactid="754"></i><span class="anticon-class" data-reactid="755">appstore-o</span></li><li class="" data-reactid="756"><i class="anticon anticon-appstore" data-reactid="757"></i><span class="anticon-class" data-reactid="758">appstore</span></li><li class="" data-reactid="759"><i class="anticon anticon-line-chart" data-reactid="760"></i><span class="anticon-class" data-reactid="761">line-chart</span></li><li class="" data-reactid="762"><i class="anticon anticon-link" data-reactid="763"></i><span class="anticon-class" data-reactid="764">link</span></li><li class="" data-reactid="765"><i class="anticon anticon-mail" data-reactid="766"></i><span class="anticon-class" data-reactid="767">mail</span></li><li class="" data-reactid="768"><i class="anticon anticon-mobile" data-reactid="769"></i><span class="anticon-class" data-reactid="770">mobile</span></li><li class="" data-reactid="771"><i class="anticon anticon-notification" data-reactid="772"></i><span class="anticon-class" data-reactid="773">notification</span></li><li class="" data-reactid="774"><i class="anticon anticon-paper-clip" data-reactid="775"></i><span class="anticon-class" data-reactid="776">paper-clip</span></li><li class="" data-reactid="777"><i class="anticon anticon-picture" data-reactid="778"></i><span class="anticon-class" data-reactid="779">picture</span></li><li class="" data-reactid="780"><i class="anticon anticon-poweroff" data-reactid="781"></i><span class="anticon-class" data-reactid="782">poweroff</span></li><li class="" data-reactid="783"><i class="anticon anticon-reload" data-reactid="784"></i><span class="anticon-class" data-reactid="785">reload</span></li><li class="" data-reactid="786"><i class="anticon anticon-search" data-reactid="787"></i><span class="anticon-class" data-reactid="788">search</span></li><li class="" data-reactid="789"><i class="anticon anticon-setting" data-reactid="790"></i><span class="anticon-class" data-reactid="791">setting</span></li><li class="" data-reactid="792"><i class="anticon anticon-share-alt" data-reactid="793"></i><span class="anticon-class" data-reactid="794">share-alt</span></li><li class="" data-reactid="795"><i class="anticon anticon-shopping-cart" data-reactid="796"></i><span class="anticon-class" data-reactid="797">shopping-cart</span></li><li class="" data-reactid="798"><i class="anticon anticon-tablet" data-reactid="799"></i><span class="anticon-class" data-reactid="800">tablet</span></li><li class="" data-reactid="801"><i class="anticon anticon-tag" data-reactid="802"></i><span class="anticon-class" data-reactid="803">tag</span></li><li class="" data-reactid="804"><i class="anticon anticon-tag-o" data-reactid="805"></i><span class="anticon-class" data-reactid="806">tag-o</span></li><li class="" data-reactid="807"><i class="anticon anticon-tags" data-reactid="808"></i><span class="anticon-class" data-reactid="809">tags</span></li><li class="" data-reactid="810"><i class="anticon anticon-tags-o" data-reactid="811"></i><span class="anticon-class" data-reactid="812">tags-o</span></li><li class="" data-reactid="813"><i class="anticon anticon-to-top" data-reactid="814"></i><span class="anticon-class" data-reactid="815">to-top</span></li><li class="" data-reactid="816"><i class="anticon anticon-upload" data-reactid="817"></i><span class="anticon-class" data-reactid="818">upload</span></li><li class="" data-reactid="819"><i class="anticon anticon-user" data-reactid="820"></i><span class="anticon-class" data-reactid="821">user</span></li><li class="" data-reactid="822"><i class="anticon anticon-video-camera" data-reactid="823"></i><span class="anticon-class" data-reactid="824">video-camera</span></li><li class="" data-reactid="825"><i class="anticon anticon-home" data-reactid="826"></i><span class="anticon-class" data-reactid="827">home</span></li><li class="" data-reactid="828"><i class="anticon anticon-spin anticon-loading" data-reactid="829"></i><span class="anticon-class" data-reactid="830">loading</span></li><li class="" data-reactid="831"><i class="anticon anticon-loading-3-quarters" data-reactid="832"></i><span class="anticon-class" data-reactid="833">loading-3-quarters</span></li><li class="" data-reactid="834"><i class="anticon anticon-cloud-upload-o" data-reactid="835"></i><span class="anticon-class" data-reactid="836">cloud-upload-o</span></li><li class="" data-reactid="837"><i class="anticon anticon-cloud-download-o" data-reactid="838"></i><span class="anticon-class" data-reactid="839">cloud-download-o</span></li><li class="" data-reactid="840"><i class="anticon anticon-cloud-upload" data-reactid="841"></i><span class="anticon-class" data-reactid="842">cloud-upload</span></li><li class="" data-reactid="843"><i class="anticon anticon-cloud-o" data-reactid="844"></i><span class="anticon-class" data-reactid="845">cloud-o</span></li><li class="" data-reactid="846"><i class="anticon anticon-star-o" data-reactid="847"></i><span class="anticon-class" data-reactid="848">star-o</span></li><li class="" data-reactid="849"><i class="anticon anticon-star" data-reactid="850"></i><span class="anticon-class" data-reactid="851">star</span></li><li class="" data-reactid="852"><i class="anticon anticon-heart-o" data-reactid="853"></i><span class="anticon-class" data-reactid="854">heart-o</span></li><li class="" data-reactid="855"><i class="anticon anticon-heart" data-reactid="856"></i><span class="anticon-class" data-reactid="857">heart</span></li><li class="" data-reactid="858"><i class="anticon anticon-environment" data-reactid="859"></i><span class="anticon-class" data-reactid="860">environment</span></li><li class="" data-reactid="861"><i class="anticon anticon-environment-o" data-reactid="862"></i><span class="anticon-class" data-reactid="863">environment-o</span></li><li class="" data-reactid="864"><i class="anticon anticon-eye" data-reactid="865"></i><span class="anticon-class" data-reactid="866">eye</span></li><li class="" data-reactid="867"><i class="anticon anticon-eye-o" data-reactid="868"></i><span class="anticon-class" data-reactid="869">eye-o</span></li><li class="" data-reactid="870"><i class="anticon anticon-camera" data-reactid="871"></i><span class="anticon-class" data-reactid="872">camera</span></li><li class="" data-reactid="873"><i class="anticon anticon-camera-o" data-reactid="874"></i><span class="anticon-class" data-reactid="875">camera-o</span></li><li class="" data-reactid="876"><i class="anticon anticon-save" data-reactid="877"></i><span class="anticon-class" data-reactid="878">save</span></li><li class="" data-reactid="879"><i class="anticon anticon-team" data-reactid="880"></i><span class="anticon-class" data-reactid="881">team</span></li><li class="" data-reactid="882"><i class="anticon anticon-solution" data-reactid="883"></i><span class="anticon-class" data-reactid="884">solution</span></li><li class="" data-reactid="885"><i class="anticon anticon-phone" data-reactid="886"></i><span class="anticon-class" data-reactid="887">phone</span></li><li class="" data-reactid="888"><i class="anticon anticon-filter" data-reactid="889"></i><span class="anticon-class" data-reactid="890">filter</span></li><li class="" data-reactid="891"><i class="anticon anticon-exception" data-reactid="892"></i><span class="anticon-class" data-reactid="893">exception</span></li><li class="" data-reactid="894"><i class="anticon anticon-export" data-reactid="895"></i><span class="anticon-class" data-reactid="896">export</span></li><li class="" data-reactid="897"><i class="anticon anticon-customer-service" data-reactid="898"></i><span class="anticon-class" data-reactid="899">customer-service</span></li><li class="" data-reactid="900"><i class="anticon anticon-qrcode" data-reactid="901"></i><span class="anticon-class" data-reactid="902">qrcode</span></li><li class="" data-reactid="903"><i class="anticon anticon-scan" data-reactid="904"></i><span class="anticon-class" data-reactid="905">scan</span></li><li class="" data-reactid="906"><i class="anticon anticon-like" data-reactid="907"></i><span class="anticon-class" data-reactid="908">like</span></li><li class="" data-reactid="909"><i class="anticon anticon-like-o" data-reactid="910"></i><span class="anticon-class" data-reactid="911">like-o</span></li><li class="" data-reactid="912"><i class="anticon anticon-dislike" data-reactid="913"></i><span class="anticon-class" data-reactid="914">dislike</span></li><li class="" data-reactid="915"><i class="anticon anticon-dislike-o" data-reactid="916"></i><span class="anticon-class" data-reactid="917">dislike-o</span></li><li class="" data-reactid="918"><i class="anticon anticon-message" data-reactid="919"></i><span class="anticon-class" data-reactid="920">message</span></li><li class="" data-reactid="921"><i class="anticon anticon-pay-circle" data-reactid="922"></i><span class="anticon-class" data-reactid="923">pay-circle</span></li><li class="" data-reactid="924"><i class="anticon anticon-pay-circle-o" data-reactid="925"></i><span class="anticon-class" data-reactid="926">pay-circle-o</span></li><li class="" data-reactid="927"><i class="anticon anticon-calculator" data-reactid="928"></i><span class="anticon-class" data-reactid="929">calculator</span></li><li class="" data-reactid="930"><i class="anticon anticon-pushpin" data-reactid="931"></i><span class="anticon-class" data-reactid="932">pushpin</span></li><li class="" data-reactid="933"><i class="anticon anticon-pushpin-o" data-reactid="934"></i><span class="anticon-class" data-reactid="935">pushpin-o</span></li><li class="" data-reactid="936"><i class="anticon anticon-bulb" data-reactid="937"></i><span class="anticon-class" data-reactid="938">bulb</span></li><li class="" data-reactid="939"><i class="anticon anticon-select" data-reactid="940"></i><span class="anticon-class" data-reactid="941">select</span></li><li class="" data-reactid="942"><i class="anticon anticon-switcher" data-reactid="943"></i><span class="anticon-class" data-reactid="944">switcher</span></li><li class="" data-reactid="945"><i class="anticon anticon-rocket" data-reactid="946"></i><span class="anticon-class" data-reactid="947">rocket</span></li><li class="" data-reactid="948"><i class="anticon anticon-bell" data-reactid="949"></i><span class="anticon-class" data-reactid="950">bell</span></li><li class="" data-reactid="951"><i class="anticon anticon-disconnect" data-reactid="952"></i><span class="anticon-class" data-reactid="953">disconnect</span></li><li class="" data-reactid="954"><i class="anticon anticon-database" data-reactid="955"></i><span class="anticon-class" data-reactid="956">database</span></li><li class="" data-reactid="957"><i class="anticon anticon-compass" data-reactid="958"></i><span class="anticon-class" data-reactid="959">compass</span></li><li class="" data-reactid="960"><i class="anticon anticon-barcode" data-reactid="961"></i><span class="anticon-class" data-reactid="962">barcode</span></li><li class="" data-reactid="963"><i class="anticon anticon-hourglass" data-reactid="964"></i><span class="anticon-class" data-reactid="965">hourglass</span></li><li class="" data-reactid="966"><i class="anticon anticon-key" data-reactid="967"></i><span class="anticon-class" data-reactid="968">key</span></li><li class="" data-reactid="969"><i class="anticon anticon-flag" data-reactid="970"></i><span class="anticon-class" data-reactid="971">flag</span></li><li class="" data-reactid="972"><i class="anticon anticon-layout" data-reactid="973"></i><span class="anticon-class" data-reactid="974">layout</span></li><li class="" data-reactid="975"><i class="anticon anticon-printer" data-reactid="976"></i><span class="anticon-class" data-reactid="977">printer</span></li><li class="" data-reactid="978"><i class="anticon anticon-sound" data-reactid="979"></i><span class="anticon-class" data-reactid="980">sound</span></li><li class="" data-reactid="981"><i class="anticon anticon-usb" data-reactid="982"></i><span class="anticon-class" data-reactid="983">usb</span></li><li class="" data-reactid="984"><i class="anticon anticon-skin" data-reactid="985"></i><span class="anticon-class" data-reactid="986">skin</span></li><li class="" data-reactid="987"><i class="anticon anticon-tool" data-reactid="988"></i><span class="anticon-class" data-reactid="989">tool</span></li><li class="" data-reactid="990"><i class="anticon anticon-sync" data-reactid="991"></i><span class="anticon-class" data-reactid="992">sync</span></li><li class="" data-reactid="993"><i class="anticon anticon-wifi" data-reactid="994"></i><span class="anticon-class" data-reactid="995">wifi</span></li><li class="" data-reactid="996"><i class="anticon anticon-car" data-reactid="997"></i><span class="anticon-class" data-reactid="998">car</span></li><li class="" data-reactid="999"><i class="anticon anticon-schedule" data-reactid="1000"></i><span class="anticon-class" data-reactid="1001">schedule</span></li><li class="" data-reactid="1002"><i class="anticon anticon-user-add" data-reactid="1003"></i><span class="anticon-class" data-reactid="1004">user-add</span></li><li class="" data-reactid="1005"><i class="anticon anticon-user-delete" data-reactid="1006"></i><span class="anticon-class" data-reactid="1007">user-delete</span></li><li class="" data-reactid="1008"><i class="anticon anticon-usergroup-add" data-reactid="1009"></i><span class="anticon-class" data-reactid="1010">usergroup-add</span></li><li class="" data-reactid="1011"><i class="anticon anticon-usergroup-delete" data-reactid="1012"></i><span class="anticon-class" data-reactid="1013">usergroup-delete</span></li><li class="" data-reactid="1014"><i class="anticon anticon-man" data-reactid="1015"></i><span class="anticon-class" data-reactid="1016">man</span></li><li class="" data-reactid="1017"><i class="anticon anticon-woman" data-reactid="1018"></i><span class="anticon-class" data-reactid="1019">woman</span></li><li class="" data-reactid="1020"><i class="anticon anticon-shop" data-reactid="1021"></i><span class="anticon-class" data-reactid="1022">shop</span></li><li class="" data-reactid="1023"><i class="anticon anticon-gift" data-reactid="1024"></i><span class="anticon-class" data-reactid="1025">gift</span></li><li class="" data-reactid="1026"><i class="anticon anticon-idcard" data-reactid="1027"></i><span class="anticon-class" data-reactid="1028">idcard</span></li><li class="" data-reactid="1029"><i class="anticon anticon-medicine-box" data-reactid="1030"></i><span class="anticon-class" data-reactid="1031">medicine-box</span></li><li class="" data-reactid="1032"><i class="anticon anticon-red-envelope" data-reactid="1033"></i><span class="anticon-class" data-reactid="1034">red-envelope</span></li><li class="" data-reactid="1035"><i class="anticon anticon-coffee" data-reactid="1036"></i><span class="anticon-class" data-reactid="1037">coffee</span></li><li class="" data-reactid="1038"><i class="anticon anticon-copyright" data-reactid="1039"></i><span class="anticon-class" data-reactid="1040">copyright</span></li><li class="" data-reactid="1041"><i class="anticon anticon-trademark" data-reactid="1042"></i><span class="anticon-class" data-reactid="1043">trademark</span></li><li class="" data-reactid="1044"><i class="anticon anticon-safety" data-reactid="1045"></i><span class="anticon-class" data-reactid="1046">safety</span></li><li class="" data-reactid="1047"><i class="anticon anticon-wallet" data-reactid="1048"></i><span class="anticon-class" data-reactid="1049">wallet</span></li><li class="" data-reactid="1050"><i class="anticon anticon-bank" data-reactid="1051"></i><span class="anticon-class" data-reactid="1052">bank</span></li><li class="" data-reactid="1053"><i class="anticon anticon-trophy" data-reactid="1054"></i><span class="anticon-class" data-reactid="1055">trophy</span></li><li class="" data-reactid="1056"><i class="anticon anticon-contacts" data-reactid="1057"></i><span class="anticon-class" data-reactid="1058">contacts</span></li><li class="" data-reactid="1059"><i class="anticon anticon-global" data-reactid="1060"></i><span class="anticon-class" data-reactid="1061">global</span></li><li class="" data-reactid="1062"><i class="anticon anticon-shake" data-reactid="1063"></i><span class="anticon-class" data-reactid="1064">shake</span></li><li class="" data-reactid="1065"><i class="anticon anticon-api" data-reactid="1066"></i><span class="anticon-class" data-reactid="1067">api</span></li></ul><h3 id="Brand-and-Logos" data-reactid="1068"><span data-reactid="1069"><!-- react-text: 1070 -->Brand and Logos<!-- /react-text --></span><a href="#Brand-and-Logos" class="anchor" data-reactid="1071">#</a></h3><ul class="anticons-list clearfix icons" data-reactid="1072"><li class="" data-reactid="1073"><i class="anticon anticon-android" data-reactid="1074"></i><span class="anticon-class" data-reactid="1075">android</span></li><li class="" data-reactid="1076"><i class="anticon anticon-android-o" data-reactid="1077"></i><span class="anticon-class" data-reactid="1078">android-o</span></li><li class="" data-reactid="1079"><i class="anticon anticon-apple" data-reactid="1080"></i><span class="anticon-class" data-reactid="1081">apple</span></li><li class="" data-reactid="1082"><i class="anticon anticon-apple-o" data-reactid="1083"></i><span class="anticon-class" data-reactid="1084">apple-o</span></li><li class="" data-reactid="1085"><i class="anticon anticon-windows" data-reactid="1086"></i><span class="anticon-class" data-reactid="1087">windows</span></li><li class="" data-reactid="1088"><i class="anticon anticon-windows-o" data-reactid="1089"></i><span class="anticon-class" data-reactid="1090">windows-o</span></li><li class="" data-reactid="1091"><i class="anticon anticon-ie" data-reactid="1092"></i><span class="anticon-class" data-reactid="1093">ie</span></li><li class="" data-reactid="1094"><i class="anticon anticon-chrome" data-reactid="1095"></i><span class="anticon-class" data-reactid="1096">chrome</span></li><li class="" data-reactid="1097"><i class="anticon anticon-github" data-reactid="1098"></i><span class="anticon-class" data-reactid="1099">github</span></li><li class="" data-reactid="1100"><i class="anticon anticon-aliwangwang" data-reactid="1101"></i><span class="anticon-class" data-reactid="1102">aliwangwang</span></li><li class="" data-reactid="1103"><i class="anticon anticon-aliwangwang-o" data-reactid="1104"></i><span class="anticon-class" data-reactid="1105">aliwangwang-o</span></li><li class="" data-reactid="1106"><i class="anticon anticon-dingding" data-reactid="1107"></i><span class="anticon-class" data-reactid="1108">dingding</span></li><li class="" data-reactid="1109"><i class="anticon anticon-dingding-o" data-reactid="1110"></i><span class="anticon-class" data-reactid="1111">dingding-o</span></li></ul></section></article></div></div><div class="ant-row" data-reactid="1112"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="1113"><section class="prev-next-nav" data-reactid="1114"><a class="prev-page" href="/components/button/" data-reactid="1115"><span data-reactid="1116">Button</span><span class="chinese" data-reactid="1117"></span></a><a class="next-page" href="/components/grid/" data-reactid="1118"><span data-reactid="1119">Grid</span><span class="chinese" data-reactid="1120"></span></a></section></div></div></div><footer id="footer" data-reactid="1121"><ul data-reactid="1122"><li data-reactid="1123"><h2 data-reactid="1124"><i class="anticon anticon-github" data-reactid="1125"></i><!-- react-text: 1126 --> GitHub<!-- /react-text --></h2><div data-reactid="1127"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="1128"><span data-reactid="1129">Repository</span></a></div><div data-reactid="1130"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="1131"><span data-reactid="1132">Customize Theme</span></a></div><div data-reactid="1133"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="1134"><span data-reactid="1135">Awesome Ant Design</span></a></div></li><li data-reactid="1136"><h2 data-reactid="1137"><i class="anticon anticon-link" data-reactid="1138"></i><!-- react-text: 1139 --> <!-- /react-text --><span data-reactid="1140">Links</span></h2><div data-reactid="1141"><a href="https://design.alipay.com/" data-reactid="1142"><span data-reactid="1143">Ant Financial Design Platform</span></a></div><div data-reactid="1144"><a href="http://mobile.ant.design" data-reactid="1145">Ant Design Mobile</a><span data-reactid="1146"> - </span><span data-reactid="1147">Mobile UI</span></div><div data-reactid="1148"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="1149">dva</a><!-- react-text: 1150 --> - <!-- /react-text --><span data-reactid="1151">Framework</span></div><div data-reactid="1152"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="1153">dva-cli</a><!-- react-text: 1154 --> -<!-- /react-text --><span data-reactid="1155">Developer Tools</span></div><div data-reactid="1156"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="1157">Egg</a><span data-reactid="1158"> - </span><span data-reactid="1159">Enterprise Node Framework</span></div><div data-reactid="1160"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="1161">AntV</a><span data-reactid="1162"> - </span><span data-reactid="1163">Data Visualization</span></div><div data-reactid="1164"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="1165">Ant Motion</a><span data-reactid="1166"> - </span><span data-reactid="1167">Motion Soluction</span></div><div data-reactid="1168"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="1169">AntD Library</a><span data-reactid="1170"> - </span><span data-reactid="1171">Axure library</span></div><div data-reactid="1172"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="1173">Ant UX</a><span data-reactid="1174"> - </span><span data-reactid="1175">Sitemap Template</span></div></li><li data-reactid="1176"><h2 data-reactid="1177"><i class="anticon anticon-customer-service" data-reactid="1178"></i><!-- react-text: 1179 --> <!-- /react-text --><span data-reactid="1180">Community</span></h2><div data-reactid="1181"><a href="/changelog" data-reactid="1182"><span data-reactid="1183">Change Log</span></a></div><div data-reactid="1184"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="1185"><span data-reactid="1186">FAQ</span></a></div><div data-reactid="1187"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="1188"><span data-reactid="1189">Chat Room (中文)</span></a></div><div data-reactid="1190"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="1191"><span data-reactid="1192">Chat Room (English)</span></a></div><div data-reactid="1193"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="1194"><span data-reactid="1195">Bug Report</span></a></div><div data-reactid="1196"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="1197"><span data-reactid="1198">Issues</span></a></div><div data-reactid="1199"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="1200"><span data-reactid="1201">StackOverflow</span></a></div><div data-reactid="1202"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="1203"><span data-reactid="1204">SegmentFault</span></a></div></li><li data-reactid="1205"><h2 data-reactid="1206"><!-- react-text: 1207 -->Copyright © <!-- /react-text --><!-- react-text: 1208 -->2017<!-- /react-text --></h2><div data-reactid="1209"><span data-reactid="1210">Created by AIUX</span></div><div data-reactid="1211"><!-- react-text: 1212 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="1213">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/components/input-cn/index.html b/components/input-cn/index.html
index a73a7d0cb..a94e170de 100644
--- a/components/input-cn/index.html
+++ b/components/input-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="957483328"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="573066966"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本使用" data-reactid="293"><a href="#components-input-demo-basic" data-reactid="294">基本使用</a></li><li title="三种大小" data-reactid="295"><a href="#components-input-demo-size" data-reactid="296">三种大小</a></li><li title="前置/后置标签" data-reactid="297"><a href="#components-input-demo-addon" data-reactid="298">前置/后置标签</a></li><li title="输入框组合" data-reactid="299"><a href="#components-input-demo-group" data-reactid="300">输入框组合</a></li><li title="搜索框" data-reactid="301"><a href="#components-input-demo-search-input" data-reactid="302">搜索框</a></li><li title="文本域" data-reactid="303"><a href="#components-input-demo-textarea" data-reactid="304">文本域</a></li><li title="适应文本高度的文本域" data-reactid="305"><a href="#components-input-demo-autosize-textarea" data-reactid="306">适应文本高度的文本域</a></li><li title="输入时格式化展示" data-reactid="307"><a href="#components-input-demo-tooltip" data-reactid="308">输入时格式化展示</a></li><li title="前缀和后缀" data-reactid="309"><a href="#components-input-demo-presuffix" data-reactid="310">前缀和后缀</a></li></ul></div></div><section class="markdown" data-reactid="311"><h1 data-reactid="312"><!-- react-text: 313 -->Input<!-- /react-text --><span class="subtitle" data-reactid="314">输入框</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/input/index.zh-CN.md" data-reactid="315"><i class="anticon anticon-edit" data-reactid="316"></i></a></h1><section class="markdown" data-reactid="317"><p data-reactid="318"><!-- react-text: 319 -->通过鼠标或键盘输入内容，是最基础的表单域的包装。<!-- /react-text --></p><h2 id="何时使用" data-reactid="320"><span data-reactid="321"><!-- react-text: 322 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="323">#</a></h2><ul data-reactid="324"><li data-reactid="325"><p data-reactid="326"><!-- react-text: 327 -->需要用户输入表单域内容时。<!-- /react-text --></p></li><li data-reactid="328"><p data-reactid="329"><!-- react-text: 330 -->提供组合型输入框，带搜索的输入框，还可以进行大小选择。<!-- /react-text --></p></li></ul></section><h2 data-reactid="331"><span data-reactid="332">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="333"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="334"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="335"><section class="code-box" id="components-input-demo-basic" data-reactid="336"><section class="code-box-demo" data-reactid="337"><input type="text" placeholder="Basic usage" class="ant-input" data-reactid="338"/></section><section class="code-box-meta markdown" data-reactid="339"><div class="code-box-title" data-reactid="340"><a href="#components-input-demo-basic" data-reactid="341">基本使用</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/input/demo/basic.md" data-reactid="342"><i class="anticon anticon-edit" data-reactid="343"></i></a></div><div data-reactid="344"><p data-reactid="345"><!-- react-text: 346 -->基本使用。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="347"></i></section><section class="highlight-wrapper" data-reactid="348"><div class="highlight" data-reactid="349"><i class="anticon anticon-copy code-box-code-copy" data-reactid="350"></i><pre class="language-jsx" data-reactid="351"><code data-reactid="352"><span class="token keyword">import</span> <span class="token punctuation">{</span> Input <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本使用" data-reactid="293"><a href="#components-input-demo-basic" data-reactid="294">基本使用</a></li><li title="三种大小" data-reactid="295"><a href="#components-input-demo-size" data-reactid="296">三种大小</a></li><li title="前置/后置标签" data-reactid="297"><a href="#components-input-demo-addon" data-reactid="298">前置/后置标签</a></li><li title="输入框组合" data-reactid="299"><a href="#components-input-demo-group" data-reactid="300">输入框组合</a></li><li title="搜索框" data-reactid="301"><a href="#components-input-demo-search-input" data-reactid="302">搜索框</a></li><li title="文本域" data-reactid="303"><a href="#components-input-demo-textarea" data-reactid="304">文本域</a></li><li title="适应文本高度的文本域" data-reactid="305"><a href="#components-input-demo-autosize-textarea" data-reactid="306">适应文本高度的文本域</a></li><li title="输入时格式化展示" data-reactid="307"><a href="#components-input-demo-tooltip" data-reactid="308">输入时格式化展示</a></li><li title="前缀和后缀" data-reactid="309"><a href="#components-input-demo-presuffix" data-reactid="310">前缀和后缀</a></li></ul></div></div><section class="markdown" data-reactid="311"><h1 data-reactid="312"><!-- react-text: 313 -->Input<!-- /react-text --><span class="subtitle" data-reactid="314">输入框</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/input/index.zh-CN.md" data-reactid="315"><i class="anticon anticon-edit" data-reactid="316"></i></a></h1><section class="markdown" data-reactid="317"><p data-reactid="318"><!-- react-text: 319 -->通过鼠标或键盘输入内容，是最基础的表单域的包装。<!-- /react-text --></p><h2 id="何时使用" data-reactid="320"><span data-reactid="321"><!-- react-text: 322 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="323">#</a></h2><ul data-reactid="324"><li data-reactid="325"><p data-reactid="326"><!-- react-text: 327 -->需要用户输入表单域内容时。<!-- /react-text --></p></li><li data-reactid="328"><p data-reactid="329"><!-- react-text: 330 -->提供组合型输入框，带搜索的输入框，还可以进行大小选择。<!-- /react-text --></p></li></ul></section><h2 data-reactid="331"><span data-reactid="332">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="333"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="334"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="335"><section class="code-box" id="components-input-demo-basic" data-reactid="336"><section class="code-box-demo" data-reactid="337"><input type="text" placeholder="Basic usage" class="ant-input" data-reactid="338"/></section><section class="code-box-meta markdown" data-reactid="339"><div class="code-box-title" data-reactid="340"><a href="#components-input-demo-basic" data-reactid="341">基本使用</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/input/demo/basic.md" data-reactid="342"><i class="anticon anticon-edit" data-reactid="343"></i></a></div><div data-reactid="344"><p data-reactid="345"><!-- react-text: 346 -->基本使用。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="347"></i></section><section class="highlight-wrapper" data-reactid="348"><div class="highlight" data-reactid="349"><i class="anticon anticon-copy code-box-code-copy" data-reactid="350"></i><pre class="language-jsx" data-reactid="351"><code data-reactid="352"><span class="token keyword">import</span> <span class="token punctuation">{</span> Input <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Input</span> <span class="token attr-name">placeholder</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Basic</span> <span class="token attr-name">usage"</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-input-demo-addon" data-reactid="353"><section class="code-box-demo" data-reactid="354"><div data-reactid="355"><div style="margin-bottom:16px;" data-reactid="356"><span class="ant-input-wrapper ant-input-group" data-reactid="357"><span class="ant-input-group-addon" data-reactid="358">Http://</span><input type="text" class="ant-input" value="mysite" data-reactid="359"/><span class="ant-input-group-addon" data-reactid="360">.com</span></span></div><div style="margin-bottom:16px;" data-reactid="361"><span class="ant-input-wrapper ant-input-group" data-reactid="362"><span class="ant-input-group-addon" data-reactid="363"><div style="width:80px;" class="ant-select ant-select-enabled" data-reactid="364"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="365"><div class="ant-select-selection__rendered" data-reactid="366"><div class="ant-select-selection-selected-value" title="Http://" style="display:block;opacity:1;" data-reactid="367">Http://</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="368"><b data-reactid="369"></b></span></div></div></span><input type="text" class="ant-input" value="mysite" data-reactid="370"/><span class="ant-input-group-addon" data-reactid="371"><div style="width:70px;" class="ant-select ant-select-enabled" data-reactid="372"><div class="ant-select-selection
@@ -233,7 +233,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
   <span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">8</span>px <span class="token number">8</span>px <span class="token number">0</span><span class="token punctuation">;</span>
 <span class="token punctuation">}</span></code></pre></div></section></section><section class="code-box" id="components-input-demo-group" data-reactid="511"><section class="code-box-demo" data-reactid="512"><div data-reactid="513"><span class="ant-input-group ant-input-group-lg" data-reactid="514"><div class="ant-col-4" data-reactid="515"><input type="text" class="ant-input" value="0571" data-reactid="516"/></div><div class="ant-col-8" data-reactid="517"><input type="text" class="ant-input" value="26888888" data-reactid="518"/></div></span><br data-reactid="519"/><span class="ant-input-group ant-input-group-compact" data-reactid="520"><input type="text" style="width:20%;" class="ant-input" value="0571" data-reactid="521"/><input type="text" style="width:30%;" class="ant-input" value="26888888" data-reactid="522"/></span><br data-reactid="523"/><span class="ant-input-group ant-input-group-compact" data-reactid="524"><div class="ant-select ant-select-enabled" data-reactid="525"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="526"><div class="ant-select-selection__rendered" data-reactid="527"><div class="ant-select-selection-selected-value" title="Zhejiang" style="display:block;opacity:1;" data-reactid="528">Zhejiang</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="529"><b data-reactid="530"></b></span></div></div><input type="text" style="width:50%;" class="ant-input" value="Xihu District, Hangzhou" data-reactid="531"/></span><br data-reactid="532"/><span class="ant-input-group ant-input-group-compact" data-reactid="533"><div class="ant-select ant-select-enabled" data-reactid="534"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="535"><div class="ant-select-selection__rendered" data-reactid="536"><div class="ant-select-selection-selected-value" title="Option1" style="display:block;opacity:1;" data-reactid="537">Option1</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="538"><b data-reactid="539"></b></span></div></div><input type="text" style="width:50%;" class="ant-input" value="input content" data-reactid="540"/><div class="ant-input-number" data-reactid="541"><div class="ant-input-number-handler-wrap" data-reactid="542"><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="543"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="544"></span></span><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="545"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="546"></span></span></div><div class="ant-input-number-input-wrap" data-reactid="547"><input min="-Infinity" max="Infinity" class="ant-input-number-input" autocomplete="off" value="" data-reactid="548"/></div></div></span><br data-reactid="549"/><span class="ant-input-group ant-input-group-compact" data-reactid="550"><input type="text" style="width:50%;" class="ant-input" value="input content" data-reactid="551"/><span class="ant-calendar-picker" data-reactid="552"><span data-reactid="553"><input readonly="" value="" placeholder="Select date" class="ant-calendar-picker-input ant-input" data-reactid="554"/><span class="ant-calendar-picker-icon" data-reactid="555"></span></span></span></span><br data-reactid="556"/><span class="ant-input-group ant-input-group-compact" data-reactid="557"><div class="ant-select ant-select-enabled" data-reactid="558"><div class="ant-select-selection
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="535"><div class="ant-select-selection__rendered" data-reactid="536"><div class="ant-select-selection-selected-value" title="Option1" style="display:block;opacity:1;" data-reactid="537">Option1</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="538"><b data-reactid="539"></b></span></div></div><input type="text" style="width:50%;" class="ant-input" value="input content" data-reactid="540"/><div class="ant-input-number" data-reactid="541"><div class="ant-input-number-handler-wrap" data-reactid="542"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="543"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="544"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="545"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="546"></span></span></div><div class="ant-input-number-input-wrap" role="spinbutton" aria-valuemin="-Infinity" aria-valuemax="Infinity" data-reactid="547"><input min="-Infinity" max="Infinity" class="ant-input-number-input" autocomplete="off" value="" data-reactid="548"/></div></div></span><br data-reactid="549"/><span class="ant-input-group ant-input-group-compact" data-reactid="550"><input type="text" style="width:50%;" class="ant-input" value="input content" data-reactid="551"/><span class="ant-calendar-picker" data-reactid="552"><span data-reactid="553"><input readonly="" value="" placeholder="Select date" class="ant-calendar-picker-input ant-input" data-reactid="554"/><span class="ant-calendar-picker-icon" data-reactid="555"></span></span></span></span><br data-reactid="556"/><span class="ant-input-group ant-input-group-compact" data-reactid="557"><div class="ant-select ant-select-enabled" data-reactid="558"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="559"><div class="ant-select-selection__rendered" data-reactid="560"><div class="ant-select-selection-selected-value" title="Option1-1" style="display:block;opacity:1;" data-reactid="561">Option1-1</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="562"><b data-reactid="563"></b></span></div></div><div class="ant-select ant-select-enabled" data-reactid="564"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="565"><div class="ant-select-selection__rendered" data-reactid="566"><div class="ant-select-selection-selected-value" title="Option2-2" style="display:block;opacity:1;" data-reactid="567">Option2-2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="568"><b data-reactid="569"></b></span></div></div></span><br data-reactid="570"/><span class="ant-input-group ant-input-group-compact" data-reactid="571"><div class="ant-select ant-select-enabled" data-reactid="572"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="573"><div class="ant-select-selection__rendered" data-reactid="574"><div class="ant-select-selection-selected-value" title="Between" style="display:block;opacity:1;" data-reactid="575">Between</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="576"><b data-reactid="577"></b></span></div></div><input type="text" style="width:100px;text-align:center;" placeholder="Minimum" class="ant-input" data-reactid="578"/><input type="text" style="width:24px;border-left:0;pointer-events:none;" placeholder="~" class="ant-input" data-reactid="579"/><input type="text" style="width:100px;text-align:center;border-left:0;" placeholder="Maximum" class="ant-input" data-reactid="580"/></span><br data-reactid="581"/><span class="ant-input-group ant-input-group-compact" data-reactid="582"><div class="ant-select ant-select-enabled" data-reactid="583"><div class="ant-select-selection
diff --git a/components/input-number-cn/index.html b/components/input-number-cn/index.html
index aae54289b..ab26485d4 100644
--- a/components/input-number-cn/index.html
+++ b/components/input-number-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="674001684"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-649485971"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-input-number-demo-basic" data-reactid="294">基本</a></li><li title="三种大小" data-reactid="295"><a href="#components-input-number-demo-size" data-reactid="296">三种大小</a></li><li title="不可用" data-reactid="297"><a href="#components-input-number-demo-disabled" data-reactid="298">不可用</a></li><li title="小数" data-reactid="299"><a href="#components-input-number-demo-digit" data-reactid="300">小数</a></li><li title="格式化展示" data-reactid="301"><a href="#components-input-number-demo-formatter" data-reactid="302">格式化展示</a></li></ul></div></div><section class="markdown" data-reactid="303"><h1 data-reactid="304"><!-- react-text: 305 -->InputNumber<!-- /react-text --><span class="subtitle" data-reactid="306">数字输入框</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/input-number/index.zh-CN.md" data-reactid="307"><i class="anticon anticon-edit" data-reactid="308"></i></a></h1><section class="markdown" data-reactid="309"><p data-reactid="310"><!-- react-text: 311 -->通过鼠标或键盘，输入范围内的数值。<!-- /react-text --></p><h2 id="何时使用" data-reactid="312"><span data-reactid="313"><!-- react-text: 314 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="315">#</a></h2><p data-reactid="316"><!-- react-text: 317 -->当需要获取标准数值时。<!-- /react-text --></p></section><h2 data-reactid="318"><span data-reactid="319">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="320"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="321"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="322"><section class="code-box" id="components-input-number-demo-basic" data-reactid="323"><section class="code-box-demo" data-reactid="324"><div class="ant-input-number" data-reactid="325"><div class="ant-input-number-handler-wrap" data-reactid="326"><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="327"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="328"></span></span><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="329"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="330"></span></span></div><div class="ant-input-number-input-wrap" data-reactid="331"><input min="1" max="10" class="ant-input-number-input" autocomplete="off" value="3" data-reactid="332"/></div></div></section><section class="code-box-meta markdown" data-reactid="333"><div class="code-box-title" data-reactid="334"><a href="#components-input-number-demo-basic" data-reactid="335">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/input-number/demo/basic.md" data-reactid="336"><i class="anticon anticon-edit" data-reactid="337"></i></a></div><div data-reactid="338"><p data-reactid="339"><!-- react-text: 340 -->数字输入框。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="341"></i></section><section class="highlight-wrapper" data-reactid="342"><div class="highlight" data-reactid="343"><i class="anticon anticon-copy code-box-code-copy" data-reactid="344"></i><pre class="language-jsx" data-reactid="345"><code data-reactid="346"><span class="token keyword">import</span> <span class="token punctuation">{</span> InputNumber <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-input-number-demo-basic" data-reactid="294">基本</a></li><li title="三种大小" data-reactid="295"><a href="#components-input-number-demo-size" data-reactid="296">三种大小</a></li><li title="不可用" data-reactid="297"><a href="#components-input-number-demo-disabled" data-reactid="298">不可用</a></li><li title="小数" data-reactid="299"><a href="#components-input-number-demo-digit" data-reactid="300">小数</a></li><li title="格式化展示" data-reactid="301"><a href="#components-input-number-demo-formatter" data-reactid="302">格式化展示</a></li></ul></div></div><section class="markdown" data-reactid="303"><h1 data-reactid="304"><!-- react-text: 305 -->InputNumber<!-- /react-text --><span class="subtitle" data-reactid="306">数字输入框</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/input-number/index.zh-CN.md" data-reactid="307"><i class="anticon anticon-edit" data-reactid="308"></i></a></h1><section class="markdown" data-reactid="309"><p data-reactid="310"><!-- react-text: 311 -->通过鼠标或键盘，输入范围内的数值。<!-- /react-text --></p><h2 id="何时使用" data-reactid="312"><span data-reactid="313"><!-- react-text: 314 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="315">#</a></h2><p data-reactid="316"><!-- react-text: 317 -->当需要获取标准数值时。<!-- /react-text --></p></section><h2 data-reactid="318"><span data-reactid="319">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="320"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="321"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="322"><section class="code-box" id="components-input-number-demo-basic" data-reactid="323"><section class="code-box-demo" data-reactid="324"><div class="ant-input-number" data-reactid="325"><div class="ant-input-number-handler-wrap" data-reactid="326"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="327"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="328"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="329"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="330"></span></span></div><div class="ant-input-number-input-wrap" role="spinbutton" aria-valuemin="1" aria-valuemax="10" aria-valuenow="3" data-reactid="331"><input min="1" max="10" class="ant-input-number-input" autocomplete="off" value="3" data-reactid="332"/></div></div></section><section class="code-box-meta markdown" data-reactid="333"><div class="code-box-title" data-reactid="334"><a href="#components-input-number-demo-basic" data-reactid="335">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/input-number/demo/basic.md" data-reactid="336"><i class="anticon anticon-edit" data-reactid="337"></i></a></div><div data-reactid="338"><p data-reactid="339"><!-- react-text: 340 -->数字输入框。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="341"></i></section><section class="highlight-wrapper" data-reactid="342"><div class="highlight" data-reactid="343"><i class="anticon anticon-copy code-box-code-copy" data-reactid="344"></i><pre class="language-jsx" data-reactid="345"><code data-reactid="346"><span class="token keyword">import</span> <span class="token punctuation">{</span> InputNumber <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">onChange</span><span class="token punctuation">(</span>value<span class="token punctuation">)</span> <span class="token punctuation">{</span>
   console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'changed'</span><span class="token punctuation">,</span> value<span class="token punctuation">)</span><span class="token punctuation">;</span>
@@ -120,7 +120,7 @@
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>InputNumber</span> <span class="token attr-name">min</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token number">1</span><span class="token punctuation">}</span></span> <span class="token attr-name">max</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token number">10</span><span class="token punctuation">}</span></span> <span class="token attr-name">defaultValue</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token number">3</span><span class="token punctuation">}</span></span> <span class="token attr-name">onChange</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span>onChange<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>
-<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-input-number-demo-disabled" data-reactid="347"><section class="code-box-demo" data-reactid="348"><div data-reactid="349"><div class="ant-input-number ant-input-number-disabled" data-reactid="350"><div class="ant-input-number-handler-wrap" data-reactid="351"><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="352"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="353"></span></span><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="354"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="355"></span></span></div><div class="ant-input-number-input-wrap" data-reactid="356"><input min="1" max="10" class="ant-input-number-input" autocomplete="off" disabled="" value="3" data-reactid="357"/></div></div><div style="margin-top:20px;" data-reactid="358"><button type="button" class="ant-btn ant-btn-primary" data-reactid="359"><span data-reactid="360">Toggle disabled</span></button></div></div></section><section class="code-box-meta markdown" data-reactid="361"><div class="code-box-title" data-reactid="362"><a href="#components-input-number-demo-disabled" data-reactid="363">不可用</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/input-number/demo/disabled.md" data-reactid="364"><i class="anticon anticon-edit" data-reactid="365"></i></a></div><div data-reactid="366"><p data-reactid="367"><!-- react-text: 368 -->点击按钮切换可用状态。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="369"></i></section><section class="highlight-wrapper" data-reactid="370"><div class="highlight" data-reactid="371"><i class="anticon anticon-copy code-box-code-copy" data-reactid="372"></i><pre class="language-jsx" data-reactid="373"><code data-reactid="374"><span class="token keyword">import</span> <span class="token punctuation">{</span> InputNumber<span class="token punctuation">,</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-input-number-demo-disabled" data-reactid="347"><section class="code-box-demo" data-reactid="348"><div data-reactid="349"><div class="ant-input-number ant-input-number-disabled" data-reactid="350"><div class="ant-input-number-handler-wrap" data-reactid="351"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="true" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="352"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="353"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="true" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="354"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="355"></span></span></div><div class="ant-input-number-input-wrap" role="spinbutton" aria-valuemin="1" aria-valuemax="10" aria-valuenow="3" data-reactid="356"><input min="1" max="10" class="ant-input-number-input" autocomplete="off" disabled="" value="3" data-reactid="357"/></div></div><div style="margin-top:20px;" data-reactid="358"><button type="button" class="ant-btn ant-btn-primary" data-reactid="359"><span data-reactid="360">Toggle disabled</span></button></div></div></section><section class="code-box-meta markdown" data-reactid="361"><div class="code-box-title" data-reactid="362"><a href="#components-input-number-demo-disabled" data-reactid="363">不可用</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/input-number/demo/disabled.md" data-reactid="364"><i class="anticon anticon-edit" data-reactid="365"></i></a></div><div data-reactid="366"><p data-reactid="367"><!-- react-text: 368 -->点击按钮切换可用状态。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="369"></i></section><section class="highlight-wrapper" data-reactid="370"><div class="highlight" data-reactid="371"><i class="anticon anticon-copy code-box-code-copy" data-reactid="372"></i><pre class="language-jsx" data-reactid="373"><code data-reactid="374"><span class="token keyword">import</span> <span class="token punctuation">{</span> InputNumber<span class="token punctuation">,</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">class</span> <span class="token class-name">App</span> <span class="token keyword">extends</span> <span class="token class-name">React<span class="token punctuation">.</span>Component</span> <span class="token punctuation">{</span>
   state <span class="token operator">=</span> <span class="token punctuation">{</span>
@@ -143,7 +143,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
   <span class="token punctuation">}</span>
 <span class="token punctuation">}</span>
 
-ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>App</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-input-number-demo-formatter" data-reactid="375"><section class="code-box-demo" data-reactid="376"><div data-reactid="377"><div class="ant-input-number" data-reactid="378"><div class="ant-input-number-handler-wrap" data-reactid="379"><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="380"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="381"></span></span><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="382"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="383"></span></span></div><div class="ant-input-number-input-wrap" data-reactid="384"><input min="-Infinity" max="Infinity" class="ant-input-number-input" autocomplete="off" value="$ 1,000" data-reactid="385"/></div></div><div class="ant-input-number" data-reactid="386"><div class="ant-input-number-handler-wrap" data-reactid="387"><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-up ant-input-number-handler-up-disabled" data-reactid="388"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="389"></span></span><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="390"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="391"></span></span></div><div class="ant-input-number-input-wrap" data-reactid="392"><input min="0" max="100" class="ant-input-number-input" autocomplete="off" value="100%" data-reactid="393"/></div></div></div></section><section class="code-box-meta markdown" data-reactid="394"><div class="code-box-title" data-reactid="395"><a href="#components-input-number-demo-formatter" data-reactid="396">格式化展示</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/input-number/demo/formatter.md" data-reactid="397"><i class="anticon anticon-edit" data-reactid="398"></i></a></div><div data-reactid="399"><p data-reactid="400"><!-- react-text: 401 -->通过 <!-- /react-text --><code data-reactid="402"><!-- react-text: 403 -->formatter<!-- /react-text --></code><!-- react-text: 404 --> 格式化数字，以展示具有具体含义的数据，往往需要配合 <!-- /react-text --><code data-reactid="405"><!-- react-text: 406 -->parser<!-- /react-text --></code><!-- react-text: 407 --> 一起使用。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="408"></i></section><section class="highlight-wrapper" data-reactid="409"><div class="highlight" data-reactid="410"><i class="anticon anticon-copy code-box-code-copy" data-reactid="411"></i><pre class="language-jsx" data-reactid="412"><code data-reactid="413"><span class="token keyword">import</span> <span class="token punctuation">{</span> InputNumber <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>App</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-input-number-demo-formatter" data-reactid="375"><section class="code-box-demo" data-reactid="376"><div data-reactid="377"><div class="ant-input-number" data-reactid="378"><div class="ant-input-number-handler-wrap" data-reactid="379"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="380"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="381"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="382"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="383"></span></span></div><div class="ant-input-number-input-wrap" role="spinbutton" aria-valuemin="-Infinity" aria-valuemax="Infinity" aria-valuenow="1000" data-reactid="384"><input min="-Infinity" max="Infinity" class="ant-input-number-input" autocomplete="off" value="$ 1,000" data-reactid="385"/></div></div><div class="ant-input-number" data-reactid="386"><div class="ant-input-number-handler-wrap" data-reactid="387"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="true" class="ant-input-number-handler ant-input-number-handler-up ant-input-number-handler-up-disabled" data-reactid="388"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="389"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="390"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="391"></span></span></div><div class="ant-input-number-input-wrap" role="spinbutton" aria-valuemin="0" aria-valuemax="100" aria-valuenow="100" data-reactid="392"><input min="0" max="100" class="ant-input-number-input" autocomplete="off" value="100%" data-reactid="393"/></div></div></div></section><section class="code-box-meta markdown" data-reactid="394"><div class="code-box-title" data-reactid="395"><a href="#components-input-number-demo-formatter" data-reactid="396">格式化展示</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/input-number/demo/formatter.md" data-reactid="397"><i class="anticon anticon-edit" data-reactid="398"></i></a></div><div data-reactid="399"><p data-reactid="400"><!-- react-text: 401 -->通过 <!-- /react-text --><code data-reactid="402"><!-- react-text: 403 -->formatter<!-- /react-text --></code><!-- react-text: 404 --> 格式化数字，以展示具有具体含义的数据，往往需要配合 <!-- /react-text --><code data-reactid="405"><!-- react-text: 406 -->parser<!-- /react-text --></code><!-- react-text: 407 --> 一起使用。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="408"></i></section><section class="highlight-wrapper" data-reactid="409"><div class="highlight" data-reactid="410"><i class="anticon anticon-copy code-box-code-copy" data-reactid="411"></i><pre class="language-jsx" data-reactid="412"><code data-reactid="413"><span class="token keyword">import</span> <span class="token punctuation">{</span> InputNumber <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">onChange</span><span class="token punctuation">(</span>value<span class="token punctuation">)</span> <span class="token punctuation">{</span>
   console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'changed'</span><span class="token punctuation">,</span> value<span class="token punctuation">)</span><span class="token punctuation">;</span>
@@ -166,7 +166,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
       <span class="token attr-name">onChange</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span>onChange<span class="token punctuation">}</span></span>
     <span class="token punctuation">/></span></span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
-<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section></div><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="414"><section class="code-box" id="components-input-number-demo-size" data-reactid="415"><section class="code-box-demo" data-reactid="416"><div data-reactid="417"><div class="ant-input-number ant-input-number-lg" data-reactid="418"><div class="ant-input-number-handler-wrap" data-reactid="419"><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="420"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="421"></span></span><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="422"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="423"></span></span></div><div class="ant-input-number-input-wrap" data-reactid="424"><input min="1" max="100000" class="ant-input-number-input" autocomplete="off" value="3" data-reactid="425"/></div></div><div class="ant-input-number" data-reactid="426"><div class="ant-input-number-handler-wrap" data-reactid="427"><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="428"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="429"></span></span><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="430"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="431"></span></span></div><div class="ant-input-number-input-wrap" data-reactid="432"><input min="1" max="100000" class="ant-input-number-input" autocomplete="off" value="3" data-reactid="433"/></div></div><div class="ant-input-number ant-input-number-sm" data-reactid="434"><div class="ant-input-number-handler-wrap" data-reactid="435"><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="436"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="437"></span></span><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="438"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="439"></span></span></div><div class="ant-input-number-input-wrap" data-reactid="440"><input min="1" max="100000" class="ant-input-number-input" autocomplete="off" value="3" data-reactid="441"/></div></div></div><style data-reactid="442">.ant-input-number {
+<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section></div><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="414"><section class="code-box" id="components-input-number-demo-size" data-reactid="415"><section class="code-box-demo" data-reactid="416"><div data-reactid="417"><div class="ant-input-number ant-input-number-lg" data-reactid="418"><div class="ant-input-number-handler-wrap" data-reactid="419"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="420"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="421"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="422"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="423"></span></span></div><div class="ant-input-number-input-wrap" role="spinbutton" aria-valuemin="1" aria-valuemax="100000" aria-valuenow="3" data-reactid="424"><input min="1" max="100000" class="ant-input-number-input" autocomplete="off" value="3" data-reactid="425"/></div></div><div class="ant-input-number" data-reactid="426"><div class="ant-input-number-handler-wrap" data-reactid="427"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="428"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="429"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="430"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="431"></span></span></div><div class="ant-input-number-input-wrap" role="spinbutton" aria-valuemin="1" aria-valuemax="100000" aria-valuenow="3" data-reactid="432"><input min="1" max="100000" class="ant-input-number-input" autocomplete="off" value="3" data-reactid="433"/></div></div><div class="ant-input-number ant-input-number-sm" data-reactid="434"><div class="ant-input-number-handler-wrap" data-reactid="435"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="436"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="437"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="438"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="439"></span></span></div><div class="ant-input-number-input-wrap" role="spinbutton" aria-valuemin="1" aria-valuemax="100000" aria-valuenow="3" data-reactid="440"><input min="1" max="100000" class="ant-input-number-input" autocomplete="off" value="3" data-reactid="441"/></div></div></div><style data-reactid="442">.ant-input-number {
   margin-right: 10px;
 }</style></section><section class="code-box-meta markdown" data-reactid="443"><div class="code-box-title" data-reactid="444"><a href="#components-input-number-demo-size" data-reactid="445">三种大小</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/input-number/demo/size.md" data-reactid="446"><i class="anticon anticon-edit" data-reactid="447"></i></a></div><div data-reactid="448"><p data-reactid="449"><!-- react-text: 450 -->三种大小的数字输入框，当 size 分别为 <!-- /react-text --><code data-reactid="451"><!-- react-text: 452 -->large<!-- /react-text --></code><!-- react-text: 453 --> 和 <!-- /react-text --><code data-reactid="454"><!-- react-text: 455 -->small<!-- /react-text --></code><!-- react-text: 456 --> 时，输入框高度为 <!-- /react-text --><code data-reactid="457"><!-- react-text: 458 -->32px<!-- /react-text --></code><!-- react-text: 459 --> 和 <!-- /react-text --><code data-reactid="460"><!-- react-text: 461 -->22px<!-- /react-text --></code><!-- react-text: 462 --> ，默认高度为 <!-- /react-text --><code data-reactid="463"><!-- react-text: 464 -->28px<!-- /react-text --></code></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="465"></i></section><section class="highlight-wrapper" data-reactid="466"><div class="highlight" data-reactid="467"><i class="anticon anticon-copy code-box-code-copy" data-reactid="468"></i><pre class="language-jsx" data-reactid="469"><code data-reactid="470"><span class="token keyword">import</span> <span class="token punctuation">{</span> InputNumber <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
@@ -182,7 +182,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
 <span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div><div class="highlight" data-reactid="471"><pre data-reactid="472"><code class="css" data-reactid="473"><span class="token selector"><span class="token class">.ant-input-number</span> </span><span class="token punctuation">{</span>
   <span class="token property">margin-right</span><span class="token punctuation">:</span> <span class="token number">10</span>px<span class="token punctuation">;</span>
-<span class="token punctuation">}</span></code></pre></div></section></section><section class="code-box" id="components-input-number-demo-digit" data-reactid="474"><section class="code-box-demo" data-reactid="475"><div class="ant-input-number" data-reactid="476"><div class="ant-input-number-handler-wrap" data-reactid="477"><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="478"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="479"></span></span><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="480"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="481"></span></span></div><div class="ant-input-number-input-wrap" data-reactid="482"><input min="0" max="10" class="ant-input-number-input" autocomplete="off" value="" data-reactid="483"/></div></div></section><section class="code-box-meta markdown" data-reactid="484"><div class="code-box-title" data-reactid="485"><a href="#components-input-number-demo-digit" data-reactid="486">小数</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/input-number/demo/digit.md" data-reactid="487"><i class="anticon anticon-edit" data-reactid="488"></i></a></div><div data-reactid="489"><p data-reactid="490"><!-- react-text: 491 -->和原生的数字输入框一样，value 的精度由 step 的小数位数决定。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="492"></i></section><section class="highlight-wrapper" data-reactid="493"><div class="highlight" data-reactid="494"><i class="anticon anticon-copy code-box-code-copy" data-reactid="495"></i><pre class="language-jsx" data-reactid="496"><code data-reactid="497"><span class="token keyword">import</span> <span class="token punctuation">{</span> InputNumber <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+<span class="token punctuation">}</span></code></pre></div></section></section><section class="code-box" id="components-input-number-demo-digit" data-reactid="474"><section class="code-box-demo" data-reactid="475"><div class="ant-input-number" data-reactid="476"><div class="ant-input-number-handler-wrap" data-reactid="477"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="478"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="479"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="480"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="481"></span></span></div><div class="ant-input-number-input-wrap" role="spinbutton" aria-valuemin="0" aria-valuemax="10" data-reactid="482"><input min="0" max="10" class="ant-input-number-input" autocomplete="off" value="" data-reactid="483"/></div></div></section><section class="code-box-meta markdown" data-reactid="484"><div class="code-box-title" data-reactid="485"><a href="#components-input-number-demo-digit" data-reactid="486">小数</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/input-number/demo/digit.md" data-reactid="487"><i class="anticon anticon-edit" data-reactid="488"></i></a></div><div data-reactid="489"><p data-reactid="490"><!-- react-text: 491 -->和原生的数字输入框一样，value 的精度由 step 的小数位数决定。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="492"></i></section><section class="highlight-wrapper" data-reactid="493"><div class="highlight" data-reactid="494"><i class="anticon anticon-copy code-box-code-copy" data-reactid="495"></i><pre class="language-jsx" data-reactid="496"><code data-reactid="497"><span class="token keyword">import</span> <span class="token punctuation">{</span> InputNumber <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">onChange</span><span class="token punctuation">(</span>value<span class="token punctuation">)</span> <span class="token punctuation">{</span>
   console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'changed'</span><span class="token punctuation">,</span> value<span class="token punctuation">)</span><span class="token punctuation">;</span>
diff --git a/components/input-number/index.html b/components/input-number/index.html
index 311767e65..df347d5e8 100644
--- a/components/input-number/index.html
+++ b/components/input-number/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1100572337"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1242679208"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-input-number-demo-basic" data-reactid="294">Basic</a></li><li title="Sizes" data-reactid="295"><a href="#components-input-number-demo-size" data-reactid="296">Sizes</a></li><li title="Disabled" data-reactid="297"><a href="#components-input-number-demo-disabled" data-reactid="298">Disabled</a></li><li title="Decimals" data-reactid="299"><a href="#components-input-number-demo-digit" data-reactid="300">Decimals</a></li><li title="Formatter" data-reactid="301"><a href="#components-input-number-demo-formatter" data-reactid="302">Formatter</a></li></ul></div></div><section class="markdown" data-reactid="303"><h1 data-reactid="304"><!-- react-text: 305 -->InputNumber<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/input-number/index.en-US.md" data-reactid="306"><i class="anticon anticon-edit" data-reactid="307"></i></a></h1><section class="markdown" data-reactid="308"><p data-reactid="309"><!-- react-text: 310 -->Enter a number within certain range with the mouse or keyboard.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="311"><span data-reactid="312"><!-- react-text: 313 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="314">#</a></h2><p data-reactid="315"><!-- react-text: 316 -->When a numeric value needs to be provided.<!-- /react-text --></p></section><h2 data-reactid="317"><span data-reactid="318">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="319"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="320"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="321"><section class="code-box" id="components-input-number-demo-basic" data-reactid="322"><section class="code-box-demo" data-reactid="323"><div class="ant-input-number" data-reactid="324"><div class="ant-input-number-handler-wrap" data-reactid="325"><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="326"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="327"></span></span><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="328"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="329"></span></span></div><div class="ant-input-number-input-wrap" data-reactid="330"><input min="1" max="10" class="ant-input-number-input" autocomplete="off" value="3" data-reactid="331"/></div></div></section><section class="code-box-meta markdown" data-reactid="332"><div class="code-box-title" data-reactid="333"><a href="#components-input-number-demo-basic" data-reactid="334">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/input-number/demo/basic.md" data-reactid="335"><i class="anticon anticon-edit" data-reactid="336"></i></a></div><div data-reactid="337"><p data-reactid="338"><!-- react-text: 339 -->Numeric-only input box.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="340"></i></section><section class="highlight-wrapper" data-reactid="341"><div class="highlight" data-reactid="342"><i class="anticon anticon-copy code-box-code-copy" data-reactid="343"></i><pre class="language-jsx" data-reactid="344"><code data-reactid="345"><span class="token keyword">import</span> <span class="token punctuation">{</span> InputNumber <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-input-number-demo-basic" data-reactid="294">Basic</a></li><li title="Sizes" data-reactid="295"><a href="#components-input-number-demo-size" data-reactid="296">Sizes</a></li><li title="Disabled" data-reactid="297"><a href="#components-input-number-demo-disabled" data-reactid="298">Disabled</a></li><li title="Decimals" data-reactid="299"><a href="#components-input-number-demo-digit" data-reactid="300">Decimals</a></li><li title="Formatter" data-reactid="301"><a href="#components-input-number-demo-formatter" data-reactid="302">Formatter</a></li></ul></div></div><section class="markdown" data-reactid="303"><h1 data-reactid="304"><!-- react-text: 305 -->InputNumber<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/input-number/index.en-US.md" data-reactid="306"><i class="anticon anticon-edit" data-reactid="307"></i></a></h1><section class="markdown" data-reactid="308"><p data-reactid="309"><!-- react-text: 310 -->Enter a number within certain range with the mouse or keyboard.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="311"><span data-reactid="312"><!-- react-text: 313 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="314">#</a></h2><p data-reactid="315"><!-- react-text: 316 -->When a numeric value needs to be provided.<!-- /react-text --></p></section><h2 data-reactid="317"><span data-reactid="318">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="319"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="320"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="321"><section class="code-box" id="components-input-number-demo-basic" data-reactid="322"><section class="code-box-demo" data-reactid="323"><div class="ant-input-number" data-reactid="324"><div class="ant-input-number-handler-wrap" data-reactid="325"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="326"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="327"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="328"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="329"></span></span></div><div class="ant-input-number-input-wrap" role="spinbutton" aria-valuemin="1" aria-valuemax="10" aria-valuenow="3" data-reactid="330"><input min="1" max="10" class="ant-input-number-input" autocomplete="off" value="3" data-reactid="331"/></div></div></section><section class="code-box-meta markdown" data-reactid="332"><div class="code-box-title" data-reactid="333"><a href="#components-input-number-demo-basic" data-reactid="334">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/input-number/demo/basic.md" data-reactid="335"><i class="anticon anticon-edit" data-reactid="336"></i></a></div><div data-reactid="337"><p data-reactid="338"><!-- react-text: 339 -->Numeric-only input box.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="340"></i></section><section class="highlight-wrapper" data-reactid="341"><div class="highlight" data-reactid="342"><i class="anticon anticon-copy code-box-code-copy" data-reactid="343"></i><pre class="language-jsx" data-reactid="344"><code data-reactid="345"><span class="token keyword">import</span> <span class="token punctuation">{</span> InputNumber <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">onChange</span><span class="token punctuation">(</span>value<span class="token punctuation">)</span> <span class="token punctuation">{</span>
   console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'changed'</span><span class="token punctuation">,</span> value<span class="token punctuation">)</span><span class="token punctuation">;</span>
@@ -120,7 +120,7 @@
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>InputNumber</span> <span class="token attr-name">min</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token number">1</span><span class="token punctuation">}</span></span> <span class="token attr-name">max</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token number">10</span><span class="token punctuation">}</span></span> <span class="token attr-name">defaultValue</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token number">3</span><span class="token punctuation">}</span></span> <span class="token attr-name">onChange</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span>onChange<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>
-<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-input-number-demo-disabled" data-reactid="346"><section class="code-box-demo" data-reactid="347"><div data-reactid="348"><div class="ant-input-number ant-input-number-disabled" data-reactid="349"><div class="ant-input-number-handler-wrap" data-reactid="350"><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="351"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="352"></span></span><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="353"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="354"></span></span></div><div class="ant-input-number-input-wrap" data-reactid="355"><input min="1" max="10" class="ant-input-number-input" autocomplete="off" disabled="" value="3" data-reactid="356"/></div></div><div style="margin-top:20px;" data-reactid="357"><button type="button" class="ant-btn ant-btn-primary" data-reactid="358"><span data-reactid="359">Toggle disabled</span></button></div></div></section><section class="code-box-meta markdown" data-reactid="360"><div class="code-box-title" data-reactid="361"><a href="#components-input-number-demo-disabled" data-reactid="362">Disabled</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/input-number/demo/disabled.md" data-reactid="363"><i class="anticon anticon-edit" data-reactid="364"></i></a></div><div data-reactid="365"><p data-reactid="366"><!-- react-text: 367 -->Click the button to toggle between available and disabled states.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="368"></i></section><section class="highlight-wrapper" data-reactid="369"><div class="highlight" data-reactid="370"><i class="anticon anticon-copy code-box-code-copy" data-reactid="371"></i><pre class="language-jsx" data-reactid="372"><code data-reactid="373"><span class="token keyword">import</span> <span class="token punctuation">{</span> InputNumber<span class="token punctuation">,</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-input-number-demo-disabled" data-reactid="346"><section class="code-box-demo" data-reactid="347"><div data-reactid="348"><div class="ant-input-number ant-input-number-disabled" data-reactid="349"><div class="ant-input-number-handler-wrap" data-reactid="350"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="true" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="351"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="352"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="true" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="353"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="354"></span></span></div><div class="ant-input-number-input-wrap" role="spinbutton" aria-valuemin="1" aria-valuemax="10" aria-valuenow="3" data-reactid="355"><input min="1" max="10" class="ant-input-number-input" autocomplete="off" disabled="" value="3" data-reactid="356"/></div></div><div style="margin-top:20px;" data-reactid="357"><button type="button" class="ant-btn ant-btn-primary" data-reactid="358"><span data-reactid="359">Toggle disabled</span></button></div></div></section><section class="code-box-meta markdown" data-reactid="360"><div class="code-box-title" data-reactid="361"><a href="#components-input-number-demo-disabled" data-reactid="362">Disabled</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/input-number/demo/disabled.md" data-reactid="363"><i class="anticon anticon-edit" data-reactid="364"></i></a></div><div data-reactid="365"><p data-reactid="366"><!-- react-text: 367 -->Click the button to toggle between available and disabled states.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="368"></i></section><section class="highlight-wrapper" data-reactid="369"><div class="highlight" data-reactid="370"><i class="anticon anticon-copy code-box-code-copy" data-reactid="371"></i><pre class="language-jsx" data-reactid="372"><code data-reactid="373"><span class="token keyword">import</span> <span class="token punctuation">{</span> InputNumber<span class="token punctuation">,</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">class</span> <span class="token class-name">App</span> <span class="token keyword">extends</span> <span class="token class-name">React<span class="token punctuation">.</span>Component</span> <span class="token punctuation">{</span>
   state <span class="token operator">=</span> <span class="token punctuation">{</span>
@@ -143,7 +143,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
   <span class="token punctuation">}</span>
 <span class="token punctuation">}</span>
 
-ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>App</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-input-number-demo-formatter" data-reactid="374"><section class="code-box-demo" data-reactid="375"><div data-reactid="376"><div class="ant-input-number" data-reactid="377"><div class="ant-input-number-handler-wrap" data-reactid="378"><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="379"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="380"></span></span><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="381"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="382"></span></span></div><div class="ant-input-number-input-wrap" data-reactid="383"><input min="-Infinity" max="Infinity" class="ant-input-number-input" autocomplete="off" value="$ 1,000" data-reactid="384"/></div></div><div class="ant-input-number" data-reactid="385"><div class="ant-input-number-handler-wrap" data-reactid="386"><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-up ant-input-number-handler-up-disabled" data-reactid="387"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="388"></span></span><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="389"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="390"></span></span></div><div class="ant-input-number-input-wrap" data-reactid="391"><input min="0" max="100" class="ant-input-number-input" autocomplete="off" value="100%" data-reactid="392"/></div></div></div></section><section class="code-box-meta markdown" data-reactid="393"><div class="code-box-title" data-reactid="394"><a href="#components-input-number-demo-formatter" data-reactid="395">Formatter</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/input-number/demo/formatter.md" data-reactid="396"><i class="anticon anticon-edit" data-reactid="397"></i></a></div><div data-reactid="398"><p data-reactid="399"><!-- react-text: 400 -->Display value within it&#x27;s situation with <!-- /react-text --><code data-reactid="401"><!-- react-text: 402 -->formatter<!-- /react-text --></code><!-- react-text: 403 -->, and we usually use <!-- /react-text --><code data-reactid="404"><!-- react-text: 405 -->parser<!-- /react-text --></code><!-- react-text: 406 --> at the same time.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="407"></i></section><section class="highlight-wrapper" data-reactid="408"><div class="highlight" data-reactid="409"><i class="anticon anticon-copy code-box-code-copy" data-reactid="410"></i><pre class="language-jsx" data-reactid="411"><code data-reactid="412"><span class="token keyword">import</span> <span class="token punctuation">{</span> InputNumber <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>App</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-input-number-demo-formatter" data-reactid="374"><section class="code-box-demo" data-reactid="375"><div data-reactid="376"><div class="ant-input-number" data-reactid="377"><div class="ant-input-number-handler-wrap" data-reactid="378"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="379"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="380"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="381"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="382"></span></span></div><div class="ant-input-number-input-wrap" role="spinbutton" aria-valuemin="-Infinity" aria-valuemax="Infinity" aria-valuenow="1000" data-reactid="383"><input min="-Infinity" max="Infinity" class="ant-input-number-input" autocomplete="off" value="$ 1,000" data-reactid="384"/></div></div><div class="ant-input-number" data-reactid="385"><div class="ant-input-number-handler-wrap" data-reactid="386"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="true" class="ant-input-number-handler ant-input-number-handler-up ant-input-number-handler-up-disabled" data-reactid="387"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="388"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="389"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="390"></span></span></div><div class="ant-input-number-input-wrap" role="spinbutton" aria-valuemin="0" aria-valuemax="100" aria-valuenow="100" data-reactid="391"><input min="0" max="100" class="ant-input-number-input" autocomplete="off" value="100%" data-reactid="392"/></div></div></div></section><section class="code-box-meta markdown" data-reactid="393"><div class="code-box-title" data-reactid="394"><a href="#components-input-number-demo-formatter" data-reactid="395">Formatter</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/input-number/demo/formatter.md" data-reactid="396"><i class="anticon anticon-edit" data-reactid="397"></i></a></div><div data-reactid="398"><p data-reactid="399"><!-- react-text: 400 -->Display value within it&#x27;s situation with <!-- /react-text --><code data-reactid="401"><!-- react-text: 402 -->formatter<!-- /react-text --></code><!-- react-text: 403 -->, and we usually use <!-- /react-text --><code data-reactid="404"><!-- react-text: 405 -->parser<!-- /react-text --></code><!-- react-text: 406 --> at the same time.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="407"></i></section><section class="highlight-wrapper" data-reactid="408"><div class="highlight" data-reactid="409"><i class="anticon anticon-copy code-box-code-copy" data-reactid="410"></i><pre class="language-jsx" data-reactid="411"><code data-reactid="412"><span class="token keyword">import</span> <span class="token punctuation">{</span> InputNumber <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">onChange</span><span class="token punctuation">(</span>value<span class="token punctuation">)</span> <span class="token punctuation">{</span>
   console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'changed'</span><span class="token punctuation">,</span> value<span class="token punctuation">)</span><span class="token punctuation">;</span>
@@ -166,7 +166,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
       <span class="token attr-name">onChange</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span>onChange<span class="token punctuation">}</span></span>
     <span class="token punctuation">/></span></span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
-<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section></div><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="413"><section class="code-box" id="components-input-number-demo-size" data-reactid="414"><section class="code-box-demo" data-reactid="415"><div data-reactid="416"><div class="ant-input-number ant-input-number-lg" data-reactid="417"><div class="ant-input-number-handler-wrap" data-reactid="418"><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="419"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="420"></span></span><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="421"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="422"></span></span></div><div class="ant-input-number-input-wrap" data-reactid="423"><input min="1" max="100000" class="ant-input-number-input" autocomplete="off" value="3" data-reactid="424"/></div></div><div class="ant-input-number" data-reactid="425"><div class="ant-input-number-handler-wrap" data-reactid="426"><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="427"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="428"></span></span><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="429"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="430"></span></span></div><div class="ant-input-number-input-wrap" data-reactid="431"><input min="1" max="100000" class="ant-input-number-input" autocomplete="off" value="3" data-reactid="432"/></div></div><div class="ant-input-number ant-input-number-sm" data-reactid="433"><div class="ant-input-number-handler-wrap" data-reactid="434"><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="435"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="436"></span></span><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="437"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="438"></span></span></div><div class="ant-input-number-input-wrap" data-reactid="439"><input min="1" max="100000" class="ant-input-number-input" autocomplete="off" value="3" data-reactid="440"/></div></div></div><style data-reactid="441">.ant-input-number {
+<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section></div><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="413"><section class="code-box" id="components-input-number-demo-size" data-reactid="414"><section class="code-box-demo" data-reactid="415"><div data-reactid="416"><div class="ant-input-number ant-input-number-lg" data-reactid="417"><div class="ant-input-number-handler-wrap" data-reactid="418"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="419"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="420"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="421"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="422"></span></span></div><div class="ant-input-number-input-wrap" role="spinbutton" aria-valuemin="1" aria-valuemax="100000" aria-valuenow="3" data-reactid="423"><input min="1" max="100000" class="ant-input-number-input" autocomplete="off" value="3" data-reactid="424"/></div></div><div class="ant-input-number" data-reactid="425"><div class="ant-input-number-handler-wrap" data-reactid="426"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="427"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="428"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="429"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="430"></span></span></div><div class="ant-input-number-input-wrap" role="spinbutton" aria-valuemin="1" aria-valuemax="100000" aria-valuenow="3" data-reactid="431"><input min="1" max="100000" class="ant-input-number-input" autocomplete="off" value="3" data-reactid="432"/></div></div><div class="ant-input-number ant-input-number-sm" data-reactid="433"><div class="ant-input-number-handler-wrap" data-reactid="434"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="435"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="436"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="437"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="438"></span></span></div><div class="ant-input-number-input-wrap" role="spinbutton" aria-valuemin="1" aria-valuemax="100000" aria-valuenow="3" data-reactid="439"><input min="1" max="100000" class="ant-input-number-input" autocomplete="off" value="3" data-reactid="440"/></div></div></div><style data-reactid="441">.ant-input-number {
   margin-right: 10px;
 }</style></section><section class="code-box-meta markdown" data-reactid="442"><div class="code-box-title" data-reactid="443"><a href="#components-input-number-demo-size" data-reactid="444">Sizes</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/input-number/demo/size.md" data-reactid="445"><i class="anticon anticon-edit" data-reactid="446"></i></a></div><div data-reactid="447"><p data-reactid="448"><!-- react-text: 449 -->There are three sizes available to a numeric input box. By default, the size is <!-- /react-text --><code data-reactid="450"><!-- react-text: 451 -->28px<!-- /react-text --></code><!-- react-text: 452 -->. The two additional sizes are <!-- /react-text --><code data-reactid="453"><!-- react-text: 454 -->large<!-- /react-text --></code><!-- react-text: 455 --> and <!-- /react-text --><code data-reactid="456"><!-- react-text: 457 -->small<!-- /react-text --></code><!-- react-text: 458 --> which means <!-- /react-text --><code data-reactid="459"><!-- react-text: 460 -->32px<!-- /react-text --></code><!-- react-text: 461 --> and <!-- /react-text --><code data-reactid="462"><!-- react-text: 463 -->22px<!-- /react-text --></code><!-- react-text: 464 -->, respectively.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="465"></i></section><section class="highlight-wrapper" data-reactid="466"><div class="highlight" data-reactid="467"><i class="anticon anticon-copy code-box-code-copy" data-reactid="468"></i><pre class="language-jsx" data-reactid="469"><code data-reactid="470"><span class="token keyword">import</span> <span class="token punctuation">{</span> InputNumber <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
@@ -182,7 +182,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
 <span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div><div class="highlight" data-reactid="471"><pre data-reactid="472"><code class="css" data-reactid="473"><span class="token selector"><span class="token class">.ant-input-number</span> </span><span class="token punctuation">{</span>
   <span class="token property">margin-right</span><span class="token punctuation">:</span> <span class="token number">10</span>px<span class="token punctuation">;</span>
-<span class="token punctuation">}</span></code></pre></div></section></section><section class="code-box" id="components-input-number-demo-digit" data-reactid="474"><section class="code-box-demo" data-reactid="475"><div class="ant-input-number" data-reactid="476"><div class="ant-input-number-handler-wrap" data-reactid="477"><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="478"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="479"></span></span><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="480"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="481"></span></span></div><div class="ant-input-number-input-wrap" data-reactid="482"><input min="0" max="10" class="ant-input-number-input" autocomplete="off" value="" data-reactid="483"/></div></div></section><section class="code-box-meta markdown" data-reactid="484"><div class="code-box-title" data-reactid="485"><a href="#components-input-number-demo-digit" data-reactid="486">Decimals</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/input-number/demo/digit.md" data-reactid="487"><i class="anticon anticon-edit" data-reactid="488"></i></a></div><div data-reactid="489"><p data-reactid="490"><!-- react-text: 491 -->A numeric-only input box whose values can be increased or decreased using a decimal step. The number of decimals (also known as precision) is determined by the step prop.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="492"></i></section><section class="highlight-wrapper" data-reactid="493"><div class="highlight" data-reactid="494"><i class="anticon anticon-copy code-box-code-copy" data-reactid="495"></i><pre class="language-jsx" data-reactid="496"><code data-reactid="497"><span class="token keyword">import</span> <span class="token punctuation">{</span> InputNumber <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+<span class="token punctuation">}</span></code></pre></div></section></section><section class="code-box" id="components-input-number-demo-digit" data-reactid="474"><section class="code-box-demo" data-reactid="475"><div class="ant-input-number" data-reactid="476"><div class="ant-input-number-handler-wrap" data-reactid="477"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="478"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="479"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="480"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="481"></span></span></div><div class="ant-input-number-input-wrap" role="spinbutton" aria-valuemin="0" aria-valuemax="10" data-reactid="482"><input min="0" max="10" class="ant-input-number-input" autocomplete="off" value="" data-reactid="483"/></div></div></section><section class="code-box-meta markdown" data-reactid="484"><div class="code-box-title" data-reactid="485"><a href="#components-input-number-demo-digit" data-reactid="486">Decimals</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/input-number/demo/digit.md" data-reactid="487"><i class="anticon anticon-edit" data-reactid="488"></i></a></div><div data-reactid="489"><p data-reactid="490"><!-- react-text: 491 -->A numeric-only input box whose values can be increased or decreased using a decimal step. The number of decimals (also known as precision) is determined by the step prop.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="492"></i></section><section class="highlight-wrapper" data-reactid="493"><div class="highlight" data-reactid="494"><i class="anticon anticon-copy code-box-code-copy" data-reactid="495"></i><pre class="language-jsx" data-reactid="496"><code data-reactid="497"><span class="token keyword">import</span> <span class="token punctuation">{</span> InputNumber <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">onChange</span><span class="token punctuation">(</span>value<span class="token punctuation">)</span> <span class="token punctuation">{</span>
   console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'changed'</span><span class="token punctuation">,</span> value<span class="token punctuation">)</span><span class="token punctuation">;</span>
diff --git a/components/input/index.html b/components/input/index.html
index e4051f52c..e8b6481bd 100644
--- a/components/input/index.html
+++ b/components/input/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1461766476"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-580617142"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic usage" data-reactid="293"><a href="#components-input-demo-basic" data-reactid="294">Basic usage</a></li><li title="Three sizes of Input" data-reactid="295"><a href="#components-input-demo-size" data-reactid="296">Three sizes of Input</a></li><li title="Pre / Post tab" data-reactid="297"><a href="#components-input-demo-addon" data-reactid="298">Pre / Post tab</a></li><li title="Input Group" data-reactid="299"><a href="#components-input-demo-group" data-reactid="300">Input Group</a></li><li title="Search box" data-reactid="301"><a href="#components-input-demo-search-input" data-reactid="302">Search box</a></li><li title="Textarea" data-reactid="303"><a href="#components-input-demo-textarea" data-reactid="304">Textarea</a></li><li title="Autosizing the height to fit the content" data-reactid="305"><a href="#components-input-demo-autosize-textarea" data-reactid="306">Autosizing the height to fit the content</a></li><li title="Format Tooltip Input" data-reactid="307"><a href="#components-input-demo-tooltip" data-reactid="308">Format Tooltip Input</a></li><li title="prefix and suffix" data-reactid="309"><a href="#components-input-demo-presuffix" data-reactid="310">prefix and suffix</a></li></ul></div></div><section class="markdown" data-reactid="311"><h1 data-reactid="312"><!-- react-text: 313 -->Input<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/input/index.en-US.md" data-reactid="314"><i class="anticon anticon-edit" data-reactid="315"></i></a></h1><section class="markdown" data-reactid="316"><p data-reactid="317"><!-- react-text: 318 -->A basic widget for getting the user input is a text field.
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic usage" data-reactid="293"><a href="#components-input-demo-basic" data-reactid="294">Basic usage</a></li><li title="Three sizes of Input" data-reactid="295"><a href="#components-input-demo-size" data-reactid="296">Three sizes of Input</a></li><li title="Pre / Post tab" data-reactid="297"><a href="#components-input-demo-addon" data-reactid="298">Pre / Post tab</a></li><li title="Input Group" data-reactid="299"><a href="#components-input-demo-group" data-reactid="300">Input Group</a></li><li title="Search box" data-reactid="301"><a href="#components-input-demo-search-input" data-reactid="302">Search box</a></li><li title="Textarea" data-reactid="303"><a href="#components-input-demo-textarea" data-reactid="304">Textarea</a></li><li title="Autosizing the height to fit the content" data-reactid="305"><a href="#components-input-demo-autosize-textarea" data-reactid="306">Autosizing the height to fit the content</a></li><li title="Format Tooltip Input" data-reactid="307"><a href="#components-input-demo-tooltip" data-reactid="308">Format Tooltip Input</a></li><li title="prefix and suffix" data-reactid="309"><a href="#components-input-demo-presuffix" data-reactid="310">prefix and suffix</a></li></ul></div></div><section class="markdown" data-reactid="311"><h1 data-reactid="312"><!-- react-text: 313 -->Input<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/input/index.en-US.md" data-reactid="314"><i class="anticon anticon-edit" data-reactid="315"></i></a></h1><section class="markdown" data-reactid="316"><p data-reactid="317"><!-- react-text: 318 -->A basic widget for getting the user input is a text field.
 Keyboard and mouse can be used for providing or changing data.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="319"><span data-reactid="320"><!-- react-text: 321 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="322">#</a></h2><ul data-reactid="323"><li data-reactid="324"><p data-reactid="325"><!-- react-text: 326 -->A user input in a form field is needed.<!-- /react-text --></p></li><li data-reactid="327"><p data-reactid="328"><!-- react-text: 329 -->A search input is required.<!-- /react-text --></p></li></ul></section><h2 data-reactid="330"><span data-reactid="331">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="332"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="333"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="334"><section class="code-box" id="components-input-demo-basic" data-reactid="335"><section class="code-box-demo" data-reactid="336"><input type="text" placeholder="Basic usage" class="ant-input" data-reactid="337"/></section><section class="code-box-meta markdown" data-reactid="338"><div class="code-box-title" data-reactid="339"><a href="#components-input-demo-basic" data-reactid="340">Basic usage</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/input/demo/basic.md" data-reactid="341"><i class="anticon anticon-edit" data-reactid="342"></i></a></div><div data-reactid="343"><p data-reactid="344"><!-- react-text: 345 -->Basic usage example.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="346"></i></section><section class="highlight-wrapper" data-reactid="347"><div class="highlight" data-reactid="348"><i class="anticon anticon-copy code-box-code-copy" data-reactid="349"></i><pre class="language-jsx" data-reactid="350"><code data-reactid="351"><span class="token keyword">import</span> <span class="token punctuation">{</span> Input <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Input</span> <span class="token attr-name">placeholder</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Basic</span> <span class="token attr-name">usage"</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-input-demo-addon" data-reactid="352"><section class="code-box-demo" data-reactid="353"><div data-reactid="354"><div style="margin-bottom:16px;" data-reactid="355"><span class="ant-input-wrapper ant-input-group" data-reactid="356"><span class="ant-input-group-addon" data-reactid="357">Http://</span><input type="text" class="ant-input" value="mysite" data-reactid="358"/><span class="ant-input-group-addon" data-reactid="359">.com</span></span></div><div style="margin-bottom:16px;" data-reactid="360"><span class="ant-input-wrapper ant-input-group" data-reactid="361"><span class="ant-input-group-addon" data-reactid="362"><div style="width:80px;" class="ant-select ant-select-enabled" data-reactid="363"><div class="ant-select-selection
@@ -235,7 +235,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
   <span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">8</span>px <span class="token number">8</span>px <span class="token number">0</span><span class="token punctuation">;</span>
 <span class="token punctuation">}</span></code></pre></div></section></section><section class="code-box" id="components-input-demo-group" data-reactid="510"><section class="code-box-demo" data-reactid="511"><div data-reactid="512"><span class="ant-input-group ant-input-group-lg" data-reactid="513"><div class="ant-col-4" data-reactid="514"><input type="text" class="ant-input" value="0571" data-reactid="515"/></div><div class="ant-col-8" data-reactid="516"><input type="text" class="ant-input" value="26888888" data-reactid="517"/></div></span><br data-reactid="518"/><span class="ant-input-group ant-input-group-compact" data-reactid="519"><input type="text" style="width:20%;" class="ant-input" value="0571" data-reactid="520"/><input type="text" style="width:30%;" class="ant-input" value="26888888" data-reactid="521"/></span><br data-reactid="522"/><span class="ant-input-group ant-input-group-compact" data-reactid="523"><div class="ant-select ant-select-enabled" data-reactid="524"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="525"><div class="ant-select-selection__rendered" data-reactid="526"><div class="ant-select-selection-selected-value" title="Zhejiang" style="display:block;opacity:1;" data-reactid="527">Zhejiang</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="528"><b data-reactid="529"></b></span></div></div><input type="text" style="width:50%;" class="ant-input" value="Xihu District, Hangzhou" data-reactid="530"/></span><br data-reactid="531"/><span class="ant-input-group ant-input-group-compact" data-reactid="532"><div class="ant-select ant-select-enabled" data-reactid="533"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="534"><div class="ant-select-selection__rendered" data-reactid="535"><div class="ant-select-selection-selected-value" title="Option1" style="display:block;opacity:1;" data-reactid="536">Option1</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="537"><b data-reactid="538"></b></span></div></div><input type="text" style="width:50%;" class="ant-input" value="input content" data-reactid="539"/><div class="ant-input-number" data-reactid="540"><div class="ant-input-number-handler-wrap" data-reactid="541"><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="542"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="543"></span></span><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="544"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="545"></span></span></div><div class="ant-input-number-input-wrap" data-reactid="546"><input min="-Infinity" max="Infinity" class="ant-input-number-input" autocomplete="off" value="" data-reactid="547"/></div></div></span><br data-reactid="548"/><span class="ant-input-group ant-input-group-compact" data-reactid="549"><input type="text" style="width:50%;" class="ant-input" value="input content" data-reactid="550"/><span class="ant-calendar-picker" data-reactid="551"><span data-reactid="552"><input readonly="" value="" placeholder="Select date" class="ant-calendar-picker-input ant-input" data-reactid="553"/><span class="ant-calendar-picker-icon" data-reactid="554"></span></span></span></span><br data-reactid="555"/><span class="ant-input-group ant-input-group-compact" data-reactid="556"><div class="ant-select ant-select-enabled" data-reactid="557"><div class="ant-select-selection
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="534"><div class="ant-select-selection__rendered" data-reactid="535"><div class="ant-select-selection-selected-value" title="Option1" style="display:block;opacity:1;" data-reactid="536">Option1</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="537"><b data-reactid="538"></b></span></div></div><input type="text" style="width:50%;" class="ant-input" value="input content" data-reactid="539"/><div class="ant-input-number" data-reactid="540"><div class="ant-input-number-handler-wrap" data-reactid="541"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="542"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="543"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="544"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="545"></span></span></div><div class="ant-input-number-input-wrap" role="spinbutton" aria-valuemin="-Infinity" aria-valuemax="Infinity" data-reactid="546"><input min="-Infinity" max="Infinity" class="ant-input-number-input" autocomplete="off" value="" data-reactid="547"/></div></div></span><br data-reactid="548"/><span class="ant-input-group ant-input-group-compact" data-reactid="549"><input type="text" style="width:50%;" class="ant-input" value="input content" data-reactid="550"/><span class="ant-calendar-picker" data-reactid="551"><span data-reactid="552"><input readonly="" value="" placeholder="Select date" class="ant-calendar-picker-input ant-input" data-reactid="553"/><span class="ant-calendar-picker-icon" data-reactid="554"></span></span></span></span><br data-reactid="555"/><span class="ant-input-group ant-input-group-compact" data-reactid="556"><div class="ant-select ant-select-enabled" data-reactid="557"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="558"><div class="ant-select-selection__rendered" data-reactid="559"><div class="ant-select-selection-selected-value" title="Option1-1" style="display:block;opacity:1;" data-reactid="560">Option1-1</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="561"><b data-reactid="562"></b></span></div></div><div class="ant-select ant-select-enabled" data-reactid="563"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="564"><div class="ant-select-selection__rendered" data-reactid="565"><div class="ant-select-selection-selected-value" title="Option2-2" style="display:block;opacity:1;" data-reactid="566">Option2-2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="567"><b data-reactid="568"></b></span></div></div></span><br data-reactid="569"/><span class="ant-input-group ant-input-group-compact" data-reactid="570"><div class="ant-select ant-select-enabled" data-reactid="571"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="572"><div class="ant-select-selection__rendered" data-reactid="573"><div class="ant-select-selection-selected-value" title="Between" style="display:block;opacity:1;" data-reactid="574">Between</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="575"><b data-reactid="576"></b></span></div></div><input type="text" style="width:100px;text-align:center;" placeholder="Minimum" class="ant-input" data-reactid="577"/><input type="text" style="width:24px;border-left:0;pointer-events:none;" placeholder="~" class="ant-input" data-reactid="578"/><input type="text" style="width:100px;text-align:center;border-left:0;" placeholder="Maximum" class="ant-input" data-reactid="579"/></span><br data-reactid="580"/><span class="ant-input-group ant-input-group-compact" data-reactid="581"><div class="ant-select ant-select-enabled" data-reactid="582"><div class="ant-select-selection
diff --git a/components/layout-cn/index.html b/components/layout-cn/index.html
index c4ccf1de3..f98032c83 100644
--- a/components/layout-cn/index.html
+++ b/components/layout-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1771969270"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-76408066"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本结构" data-reactid="293"><a href="#components-layout-demo-basic" data-reactid="294">基本结构</a></li><li title="上中下布局" data-reactid="295"><a href="#components-layout-demo-top" data-reactid="296">上中下布局</a></li><li title="顶部-侧边布局-通栏" data-reactid="297"><a href="#components-layout-demo-top-side-2" data-reactid="298">顶部-侧边布局-通栏</a></li><li title="顶部-侧边布局" data-reactid="299"><a href="#components-layout-demo-top-side" data-reactid="300">顶部-侧边布局</a></li><li title="侧边布局" data-reactid="301"><a href="#components-layout-demo-side" data-reactid="302">侧边布局</a></li><li title="自定义触发器" data-reactid="303"><a href="#components-layout-demo-custom-trigger" data-reactid="304">自定义触发器</a></li><li title="响应式布局" data-reactid="305"><a href="#components-layout-demo-responsive" data-reactid="306">响应式布局</a></li><li title="固定头部" data-reactid="307"><a href="#components-layout-demo-fixed" data-reactid="308">固定头部</a></li><li title="固定侧边栏" data-reactid="309"><a href="#components-layout-demo-fixed-sider" data-reactid="310">固定侧边栏</a></li></ul></div></div><section class="markdown" data-reactid="311"><h1 data-reactid="312"><!-- react-text: 313 -->Layout<!-- /react-text --><span class="subtitle" data-reactid="314">布局</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/layout/index.zh-CN.md" data-reactid="315"><i class="anticon anticon-edit" data-reactid="316"></i></a></h1><section class="markdown" data-reactid="317"><p data-reactid="318"><!-- react-text: 319 -->协助进行页面级整体布局。<!-- /react-text --></p><h2 id="设计规则" data-reactid="320"><span data-reactid="321"><!-- react-text: 322 -->设计规则<!-- /react-text --></span><a href="#设计规则" class="anchor" data-reactid="323">#</a></h2><h3 id="尺寸" data-reactid="324"><span data-reactid="325"><!-- react-text: 326 -->尺寸<!-- /react-text --></span><a href="#尺寸" class="anchor" data-reactid="327">#</a></h3><p data-reactid="328"><!-- react-text: 329 -->一级导航项偏左靠近 logo 放置，辅助菜单偏右放置。<!-- /react-text --></p><ul data-reactid="330"><li data-reactid="331"><p data-reactid="332"><!-- react-text: 333 -->顶部导航（大部分系统）：一级导航高度 <!-- /react-text --><code data-reactid="334"><!-- react-text: 335 -->64px<!-- /react-text --></code><!-- react-text: 336 -->，二级导航 <!-- /react-text --><code data-reactid="337"><!-- react-text: 338 -->48px<!-- /react-text --></code><!-- react-text: 339 -->。<!-- /react-text --></p></li><li data-reactid="340"><p data-reactid="341"><!-- react-text: 342 -->顶部导航（展示类页面）：一级导航高度 <!-- /react-text --><code data-reactid="343"><!-- react-text: 344 -->80px<!-- /react-text --></code><!-- react-text: 345 -->，二级导航 <!-- /react-text --><code data-reactid="346"><!-- react-text: 347 -->56px<!-- /react-text --></code><!-- react-text: 348 -->。<!-- /react-text --></p></li><li data-reactid="349"><p data-reactid="350"><!-- react-text: 351 -->顶部导航高度的范围计算公式为：<!-- /react-text --><code data-reactid="352"><!-- react-text: 353 -->48+8n<!-- /react-text --></code><!-- react-text: 354 -->。<!-- /react-text --></p></li><li data-reactid="355"><p data-reactid="356"><!-- react-text: 357 -->侧边导航宽度的范围计算公式：<!-- /react-text --><code data-reactid="358"><!-- react-text: 359 -->200+8n<!-- /react-text --></code><!-- react-text: 360 -->。<!-- /react-text --></p></li></ul><h3 id="交互" data-reactid="361"><span data-reactid="362"><!-- react-text: 363 -->交互<!-- /react-text --></span><a href="#交互" class="anchor" data-reactid="364">#</a></h3><ul data-reactid="365"><li data-reactid="366"><p data-reactid="367"><!-- react-text: 368 -->一级导航和末级的导航需要在可视化的层面被强调出来；<!-- /react-text --></p></li><li data-reactid="369"><p data-reactid="370"><!-- react-text: 371 -->当前项应该在呈现上优先级最高；<!-- /react-text --></p></li><li data-reactid="372"><p data-reactid="373"><!-- react-text: 374 -->当导航收起的时候，当前项的样式自动赋予给它的上一个层级；<!-- /react-text --></p></li><li data-reactid="375"><p data-reactid="376"><!-- react-text: 377 -->左侧导航栏的收放交互同时支持手风琴和全展开的样式，根据业务的要求进行适当的选择。<!-- /react-text --></p></li></ul><h3 id="视觉" data-reactid="378"><span data-reactid="379"><!-- react-text: 380 -->视觉<!-- /react-text --></span><a href="#视觉" class="anchor" data-reactid="381">#</a></h3><p data-reactid="382"><!-- react-text: 383 -->导航样式上需要根据信息层级合理的选择样式：<!-- /react-text --></p><ul data-reactid="384"><li data-reactid="385"><p data-reactid="386"><strong data-reactid="387"><!-- react-text: 388 -->大色块强调<!-- /react-text --></strong></p><p data-reactid="389"><!-- react-text: 390 -->建议用于底色为深色系时，当前页面父级的导航项。<!-- /react-text --></p></li><li data-reactid="391"><p data-reactid="392"><strong data-reactid="393"><!-- react-text: 394 -->高亮火柴棍<!-- /react-text --></strong></p><p data-reactid="395"><!-- react-text: 396 -->当导航栏底色为浅色系时使用，可用于当前页面对应导航项，建议尽量在导航路径的最终项使用。<!-- /react-text --></p></li><li data-reactid="397"><p data-reactid="398"><strong data-reactid="399"><!-- react-text: 400 -->字体高亮变色<!-- /react-text --></strong></p><p data-reactid="401"><!-- react-text: 402 -->从可视化层面，字体高亮的视觉强化力度低于大色块，通常在当前项的上一级使用。<!-- /react-text --></p></li><li data-reactid="403"><p data-reactid="404"><strong data-reactid="405"><!-- react-text: 406 -->字体放大<!-- /react-text --></strong></p><p data-reactid="407"><code data-reactid="408"><!-- react-text: 409 -->12px<!-- /react-text --></code><!-- react-text: 410 -->、<!-- /react-text --><code data-reactid="411"><!-- react-text: 412 -->14px<!-- /react-text --></code><!-- react-text: 413 --> 是导航的标准字号，14 号字体用在一、二级导航中。字号可以考虑导航项的等级做相应选择。<!-- /react-text --></p></li></ul><h2 id="组件概述" data-reactid="414"><span data-reactid="415"><!-- react-text: 416 -->组件概述<!-- /react-text --></span><a href="#组件概述" class="anchor" data-reactid="417">#</a></h2><ul data-reactid="418"><li data-reactid="419"><p data-reactid="420"><code data-reactid="421"><!-- react-text: 422 -->Layout<!-- /react-text --></code><!-- react-text: 423 -->：布局容器，其下可嵌套 <!-- /react-text --><code data-reactid="424"><!-- react-text: 425 -->Header<!-- /react-text --></code><!-- react-text: 426 --> <!-- /react-text --><code data-reactid="427"><!-- react-text: 428 -->Sider<!-- /react-text --></code><!-- react-text: 429 --> <!-- /react-text --><code data-reactid="430"><!-- react-text: 431 -->Content<!-- /react-text --></code><!-- react-text: 432 --> <!-- /react-text --><code data-reactid="433"><!-- react-text: 434 -->Footer<!-- /react-text --></code><!-- react-text: 435 --> 或 <!-- /react-text --><code data-reactid="436"><!-- react-text: 437 -->Layout<!-- /react-text --></code><!-- react-text: 438 --> 本身，可以放在任何父容器中。<!-- /react-text --></p></li><li data-reactid="439"><p data-reactid="440"><code data-reactid="441"><!-- react-text: 442 -->Header<!-- /react-text --></code><!-- react-text: 443 -->：顶部布局，自带默认样式，其下可嵌套任何元素，只能放在 <!-- /react-text --><code data-reactid="444"><!-- react-text: 445 -->Layout<!-- /react-text --></code><!-- react-text: 446 --> 中。<!-- /react-text --></p></li><li data-reactid="447"><p data-reactid="448"><code data-reactid="449"><!-- react-text: 450 -->Sider<!-- /react-text --></code><!-- react-text: 451 -->：侧边栏，自带默认样式及基本功能，其下可嵌套任何元素，只能放在 <!-- /react-text --><code data-reactid="452"><!-- react-text: 453 -->Layout<!-- /react-text --></code><!-- react-text: 454 --> 中。<!-- /react-text --></p></li><li data-reactid="455"><p data-reactid="456"><code data-reactid="457"><!-- react-text: 458 -->Content<!-- /react-text --></code><!-- react-text: 459 -->：内容部分，自带默认样式，其下可嵌套任何元素，只能放在 <!-- /react-text --><code data-reactid="460"><!-- react-text: 461 -->Layout<!-- /react-text --></code><!-- react-text: 462 --> 中。<!-- /react-text --></p></li><li data-reactid="463"><p data-reactid="464"><code data-reactid="465"><!-- react-text: 466 -->Footer<!-- /react-text --></code><!-- react-text: 467 -->：底部布局，自带默认样式，其下可嵌套任何元素，只能放在 <!-- /react-text --><code data-reactid="468"><!-- react-text: 469 -->Layout<!-- /react-text --></code><!-- react-text: 470 --> 中。<!-- /react-text --></p></li></ul><blockquote data-reactid="471"><p data-reactid="472"><!-- react-text: 473 -->注意：采用 flex 布局实现，请注意<!-- /react-text --><a href="http://caniuse.com/#search=flex" data-reactid="474"><!-- react-text: 475 -->浏览器兼容性<!-- /react-text --></a><!-- react-text: 476 -->问题。<!-- /react-text --></p></blockquote></section><h2 data-reactid="477"><span data-reactid="478">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="479"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="480"><div style="padding-left:8px;padding-right:8px;" class="ant-col-24 code-boxes-col-1-1" data-reactid="481"><section class="code-box" id="components-layout-demo-basic" data-reactid="482"><section class="code-box-demo" data-reactid="483"><div data-reactid="484"><div class="ant-layout" data-reactid="485"><div class="ant-layout-header" data-reactid="486">Header</div><div class="ant-layout-content" data-reactid="487">Content</div><div class="ant-layout-footer" data-reactid="488">Footer</div></div><div class="ant-layout" data-reactid="489"><div class="ant-layout-header" data-reactid="490">Header</div><div class="ant-layout ant-layout-has-sider" data-reactid="491"><div class="ant-layout-sider" style="flex:0 0 200px;width:200px;" data-reactid="492"><!-- react-text: 493 -->Sider<!-- /react-text --></div><div class="ant-layout-content" data-reactid="494">Content</div></div><div class="ant-layout-footer" data-reactid="495">Footer</div></div><div class="ant-layout" data-reactid="496"><div class="ant-layout-header" data-reactid="497">Header</div><div class="ant-layout ant-layout-has-sider" data-reactid="498"><div class="ant-layout-content" data-reactid="499">Content</div><div class="ant-layout-sider" style="flex:0 0 200px;width:200px;" data-reactid="500"><!-- react-text: 501 -->Sider<!-- /react-text --></div></div><div class="ant-layout-footer" data-reactid="502">Footer</div></div><div class="ant-layout ant-layout-has-sider" data-reactid="503"><div class="ant-layout-sider" style="flex:0 0 200px;width:200px;" data-reactid="504"><!-- react-text: 505 -->Sider<!-- /react-text --></div><div class="ant-layout" data-reactid="506"><div class="ant-layout-header" data-reactid="507">Header</div><div class="ant-layout-content" data-reactid="508">Content</div><div class="ant-layout-footer" data-reactid="509">Footer</div></div></div></div><style data-reactid="510">
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本结构" data-reactid="293"><a href="#components-layout-demo-basic" data-reactid="294">基本结构</a></li><li title="上中下布局" data-reactid="295"><a href="#components-layout-demo-top" data-reactid="296">上中下布局</a></li><li title="顶部-侧边布局-通栏" data-reactid="297"><a href="#components-layout-demo-top-side-2" data-reactid="298">顶部-侧边布局-通栏</a></li><li title="顶部-侧边布局" data-reactid="299"><a href="#components-layout-demo-top-side" data-reactid="300">顶部-侧边布局</a></li><li title="侧边布局" data-reactid="301"><a href="#components-layout-demo-side" data-reactid="302">侧边布局</a></li><li title="自定义触发器" data-reactid="303"><a href="#components-layout-demo-custom-trigger" data-reactid="304">自定义触发器</a></li><li title="响应式布局" data-reactid="305"><a href="#components-layout-demo-responsive" data-reactid="306">响应式布局</a></li><li title="固定头部" data-reactid="307"><a href="#components-layout-demo-fixed" data-reactid="308">固定头部</a></li><li title="固定侧边栏" data-reactid="309"><a href="#components-layout-demo-fixed-sider" data-reactid="310">固定侧边栏</a></li></ul></div></div><section class="markdown" data-reactid="311"><h1 data-reactid="312"><!-- react-text: 313 -->Layout<!-- /react-text --><span class="subtitle" data-reactid="314">布局</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/layout/index.zh-CN.md" data-reactid="315"><i class="anticon anticon-edit" data-reactid="316"></i></a></h1><section class="markdown" data-reactid="317"><p data-reactid="318"><!-- react-text: 319 -->协助进行页面级整体布局。<!-- /react-text --></p><h2 id="设计规则" data-reactid="320"><span data-reactid="321"><!-- react-text: 322 -->设计规则<!-- /react-text --></span><a href="#设计规则" class="anchor" data-reactid="323">#</a></h2><h3 id="尺寸" data-reactid="324"><span data-reactid="325"><!-- react-text: 326 -->尺寸<!-- /react-text --></span><a href="#尺寸" class="anchor" data-reactid="327">#</a></h3><p data-reactid="328"><!-- react-text: 329 -->一级导航项偏左靠近 logo 放置，辅助菜单偏右放置。<!-- /react-text --></p><ul data-reactid="330"><li data-reactid="331"><p data-reactid="332"><!-- react-text: 333 -->顶部导航（大部分系统）：一级导航高度 <!-- /react-text --><code data-reactid="334"><!-- react-text: 335 -->64px<!-- /react-text --></code><!-- react-text: 336 -->，二级导航 <!-- /react-text --><code data-reactid="337"><!-- react-text: 338 -->48px<!-- /react-text --></code><!-- react-text: 339 -->。<!-- /react-text --></p></li><li data-reactid="340"><p data-reactid="341"><!-- react-text: 342 -->顶部导航（展示类页面）：一级导航高度 <!-- /react-text --><code data-reactid="343"><!-- react-text: 344 -->80px<!-- /react-text --></code><!-- react-text: 345 -->，二级导航 <!-- /react-text --><code data-reactid="346"><!-- react-text: 347 -->56px<!-- /react-text --></code><!-- react-text: 348 -->。<!-- /react-text --></p></li><li data-reactid="349"><p data-reactid="350"><!-- react-text: 351 -->顶部导航高度的范围计算公式为：<!-- /react-text --><code data-reactid="352"><!-- react-text: 353 -->48+8n<!-- /react-text --></code><!-- react-text: 354 -->。<!-- /react-text --></p></li><li data-reactid="355"><p data-reactid="356"><!-- react-text: 357 -->侧边导航宽度的范围计算公式：<!-- /react-text --><code data-reactid="358"><!-- react-text: 359 -->200+8n<!-- /react-text --></code><!-- react-text: 360 -->。<!-- /react-text --></p></li></ul><h3 id="交互" data-reactid="361"><span data-reactid="362"><!-- react-text: 363 -->交互<!-- /react-text --></span><a href="#交互" class="anchor" data-reactid="364">#</a></h3><ul data-reactid="365"><li data-reactid="366"><p data-reactid="367"><!-- react-text: 368 -->一级导航和末级的导航需要在可视化的层面被强调出来；<!-- /react-text --></p></li><li data-reactid="369"><p data-reactid="370"><!-- react-text: 371 -->当前项应该在呈现上优先级最高；<!-- /react-text --></p></li><li data-reactid="372"><p data-reactid="373"><!-- react-text: 374 -->当导航收起的时候，当前项的样式自动赋予给它的上一个层级；<!-- /react-text --></p></li><li data-reactid="375"><p data-reactid="376"><!-- react-text: 377 -->左侧导航栏的收放交互同时支持手风琴和全展开的样式，根据业务的要求进行适当的选择。<!-- /react-text --></p></li></ul><h3 id="视觉" data-reactid="378"><span data-reactid="379"><!-- react-text: 380 -->视觉<!-- /react-text --></span><a href="#视觉" class="anchor" data-reactid="381">#</a></h3><p data-reactid="382"><!-- react-text: 383 -->导航样式上需要根据信息层级合理的选择样式：<!-- /react-text --></p><ul data-reactid="384"><li data-reactid="385"><p data-reactid="386"><strong data-reactid="387"><!-- react-text: 388 -->大色块强调<!-- /react-text --></strong></p><p data-reactid="389"><!-- react-text: 390 -->建议用于底色为深色系时，当前页面父级的导航项。<!-- /react-text --></p></li><li data-reactid="391"><p data-reactid="392"><strong data-reactid="393"><!-- react-text: 394 -->高亮火柴棍<!-- /react-text --></strong></p><p data-reactid="395"><!-- react-text: 396 -->当导航栏底色为浅色系时使用，可用于当前页面对应导航项，建议尽量在导航路径的最终项使用。<!-- /react-text --></p></li><li data-reactid="397"><p data-reactid="398"><strong data-reactid="399"><!-- react-text: 400 -->字体高亮变色<!-- /react-text --></strong></p><p data-reactid="401"><!-- react-text: 402 -->从可视化层面，字体高亮的视觉强化力度低于大色块，通常在当前项的上一级使用。<!-- /react-text --></p></li><li data-reactid="403"><p data-reactid="404"><strong data-reactid="405"><!-- react-text: 406 -->字体放大<!-- /react-text --></strong></p><p data-reactid="407"><code data-reactid="408"><!-- react-text: 409 -->12px<!-- /react-text --></code><!-- react-text: 410 -->、<!-- /react-text --><code data-reactid="411"><!-- react-text: 412 -->14px<!-- /react-text --></code><!-- react-text: 413 --> 是导航的标准字号，14 号字体用在一、二级导航中。字号可以考虑导航项的等级做相应选择。<!-- /react-text --></p></li></ul><h2 id="组件概述" data-reactid="414"><span data-reactid="415"><!-- react-text: 416 -->组件概述<!-- /react-text --></span><a href="#组件概述" class="anchor" data-reactid="417">#</a></h2><ul data-reactid="418"><li data-reactid="419"><p data-reactid="420"><code data-reactid="421"><!-- react-text: 422 -->Layout<!-- /react-text --></code><!-- react-text: 423 -->：布局容器，其下可嵌套 <!-- /react-text --><code data-reactid="424"><!-- react-text: 425 -->Header<!-- /react-text --></code><!-- react-text: 426 --> <!-- /react-text --><code data-reactid="427"><!-- react-text: 428 -->Sider<!-- /react-text --></code><!-- react-text: 429 --> <!-- /react-text --><code data-reactid="430"><!-- react-text: 431 -->Content<!-- /react-text --></code><!-- react-text: 432 --> <!-- /react-text --><code data-reactid="433"><!-- react-text: 434 -->Footer<!-- /react-text --></code><!-- react-text: 435 --> 或 <!-- /react-text --><code data-reactid="436"><!-- react-text: 437 -->Layout<!-- /react-text --></code><!-- react-text: 438 --> 本身，可以放在任何父容器中。<!-- /react-text --></p></li><li data-reactid="439"><p data-reactid="440"><code data-reactid="441"><!-- react-text: 442 -->Header<!-- /react-text --></code><!-- react-text: 443 -->：顶部布局，自带默认样式，其下可嵌套任何元素，只能放在 <!-- /react-text --><code data-reactid="444"><!-- react-text: 445 -->Layout<!-- /react-text --></code><!-- react-text: 446 --> 中。<!-- /react-text --></p></li><li data-reactid="447"><p data-reactid="448"><code data-reactid="449"><!-- react-text: 450 -->Sider<!-- /react-text --></code><!-- react-text: 451 -->：侧边栏，自带默认样式及基本功能，其下可嵌套任何元素，只能放在 <!-- /react-text --><code data-reactid="452"><!-- react-text: 453 -->Layout<!-- /react-text --></code><!-- react-text: 454 --> 中。<!-- /react-text --></p></li><li data-reactid="455"><p data-reactid="456"><code data-reactid="457"><!-- react-text: 458 -->Content<!-- /react-text --></code><!-- react-text: 459 -->：内容部分，自带默认样式，其下可嵌套任何元素，只能放在 <!-- /react-text --><code data-reactid="460"><!-- react-text: 461 -->Layout<!-- /react-text --></code><!-- react-text: 462 --> 中。<!-- /react-text --></p></li><li data-reactid="463"><p data-reactid="464"><code data-reactid="465"><!-- react-text: 466 -->Footer<!-- /react-text --></code><!-- react-text: 467 -->：底部布局，自带默认样式，其下可嵌套任何元素，只能放在 <!-- /react-text --><code data-reactid="468"><!-- react-text: 469 -->Layout<!-- /react-text --></code><!-- react-text: 470 --> 中。<!-- /react-text --></p></li></ul><blockquote data-reactid="471"><p data-reactid="472"><!-- react-text: 473 -->注意：采用 flex 布局实现，请注意<!-- /react-text --><a href="http://caniuse.com/#search=flex" data-reactid="474"><!-- react-text: 475 -->浏览器兼容性<!-- /react-text --></a><!-- react-text: 476 -->问题。<!-- /react-text --></p></blockquote></section><h2 data-reactid="477"><span data-reactid="478">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="479"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="480"><div style="padding-left:8px;padding-right:8px;" class="ant-col-24 code-boxes-col-1-1" data-reactid="481"><section class="code-box" id="components-layout-demo-basic" data-reactid="482"><section class="code-box-demo" data-reactid="483"><div data-reactid="484"><div class="ant-layout" data-reactid="485"><div class="ant-layout-header" data-reactid="486">Header</div><div class="ant-layout-content" data-reactid="487">Content</div><div class="ant-layout-footer" data-reactid="488">Footer</div></div><div class="ant-layout" data-reactid="489"><div class="ant-layout-header" data-reactid="490">Header</div><div class="ant-layout ant-layout-has-sider" data-reactid="491"><div class="ant-layout-sider" style="flex:0 0 200px;width:200px;" data-reactid="492"><!-- react-text: 493 -->Sider<!-- /react-text --></div><div class="ant-layout-content" data-reactid="494">Content</div></div><div class="ant-layout-footer" data-reactid="495">Footer</div></div><div class="ant-layout" data-reactid="496"><div class="ant-layout-header" data-reactid="497">Header</div><div class="ant-layout ant-layout-has-sider" data-reactid="498"><div class="ant-layout-content" data-reactid="499">Content</div><div class="ant-layout-sider" style="flex:0 0 200px;width:200px;" data-reactid="500"><!-- react-text: 501 -->Sider<!-- /react-text --></div></div><div class="ant-layout-footer" data-reactid="502">Footer</div></div><div class="ant-layout ant-layout-has-sider" data-reactid="503"><div class="ant-layout-sider" style="flex:0 0 200px;width:200px;" data-reactid="504"><!-- react-text: 505 -->Sider<!-- /react-text --></div><div class="ant-layout" data-reactid="506"><div class="ant-layout-header" data-reactid="507">Header</div><div class="ant-layout-content" data-reactid="508">Content</div><div class="ant-layout-footer" data-reactid="509">Footer</div></div></div></div><style data-reactid="510">
 #components-layout-demo-basic .code-box-demo {
   text-align: center;
 }
@@ -630,7 +630,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
   <span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#333</span><span class="token punctuation">;</span>
   <span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">6</span>px<span class="token punctuation">;</span>
   <span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">16</span>px<span class="token punctuation">;</span>
-<span class="token punctuation">}</span></code></pre></div></section></section><section class="code-box" id="components-layout-demo-fixed" data-reactid="848"><section class="code-box-demo" data-reactid="849"><div class="browser-mockup with-url" data-reactid="850"><iframe src="/demo-0.4755715146103525.html" height="360" data-reactid="851"></iframe></div><style data-reactid="852">#components-layout-demo-fixed .logo {
+<span class="token punctuation">}</span></code></pre></div></section></section><section class="code-box" id="components-layout-demo-fixed" data-reactid="848"><section class="code-box-demo" data-reactid="849"><div class="browser-mockup with-url" data-reactid="850"><iframe src="/demo-0.2547414982548497.html" height="360" data-reactid="851"></iframe></div><style data-reactid="852">#components-layout-demo-fixed .logo {
   width: 120px;
   height: 31px;
   background: #333;
@@ -674,7 +674,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
   <span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">6</span>px<span class="token punctuation">;</span>
   <span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">16</span>px <span class="token number">24</span>px <span class="token number">16</span>px <span class="token number">0</span><span class="token punctuation">;</span>
   <span class="token property">float</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span>
-<span class="token punctuation">}</span></code></pre></div></section></section><section class="code-box" id="components-layout-demo-fixed-sider" data-reactid="870"><section class="code-box-demo" data-reactid="871"><div class="browser-mockup with-url" data-reactid="872"><iframe src="/demo-0.6677966089058547.html" height="360" data-reactid="873"></iframe></div><style data-reactid="874">#components-layout-demo-fixed-sider .logo {
+<span class="token punctuation">}</span></code></pre></div></section></section><section class="code-box" id="components-layout-demo-fixed-sider" data-reactid="870"><section class="code-box-demo" data-reactid="871"><div class="browser-mockup with-url" data-reactid="872"><iframe src="/demo-0.3755682913391618.html" height="360" data-reactid="873"></iframe></div><style data-reactid="874">#components-layout-demo-fixed-sider .logo {
   height: 32px;
   background: #333;
   border-radius: 6px;
diff --git a/components/layout/demo.js b/components/layout/demo.js
index efe323328..ae4779f9e 100644
--- a/components/layout/demo.js
+++ b/components/layout/demo.js
@@ -1,5 +1,5 @@
 webpackJsonp([9,211],{826:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u5178\u578b\u7684\u9875\u9762\u5e03\u5c40\u3002"]],"en-US":[["p","Classic page layouts."]]},meta:{order:0,title:{"zh-CN":"\u57fa\u672c\u7ed3\u6784","en-US":"Basic Structure"},filename:"components/layout/demo/basic.md",id:"components-layout-demo-basic"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Layout <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n<span class="token keyword">const</span> <span class="token punctuation">{</span> Header<span class="token punctuation">,</span> Footer<span class="token punctuation">,</span> Sider<span class="token punctuation">,</span> Content <span class="token punctuation">}</span> <span class="token operator">=</span> Layout<span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Layout</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Header</span><span class="token punctuation">></span></span>Header<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Header</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Content</span><span class="token punctuation">></span></span>Content<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Content</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Footer</span><span class="token punctuation">></span></span>Footer<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Footer</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Layout</span><span class="token punctuation">></span></span>\n\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Layout</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Header</span><span class="token punctuation">></span></span>Header<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Header</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Layout</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Sider</span><span class="token punctuation">></span></span>Sider<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Sider</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Content</span><span class="token punctuation">></span></span>Content<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Content</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Layout</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Footer</span><span class="token punctuation">></span></span>Footer<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Footer</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Layout</span><span class="token punctuation">></span></span>\n\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Layout</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Header</span><span class="token punctuation">></span></span>Header<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Header</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Layout</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Content</span><span class="token punctuation">></span></span>Content<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Content</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Sider</span><span class="token punctuation">></span></span>Sider<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Sider</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Layout</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Footer</span><span class="token punctuation">></span></span>Footer<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Footer</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Layout</span><span class="token punctuation">></span></span>\n\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Layout</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Sider</span><span class="token punctuation">></span></span>Sider<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Sider</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Layout</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Header</span><span class="token punctuation">></span></span>Header<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Header</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Content</span><span class="token punctuation">></span></span>Content<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Content</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Footer</span><span class="token punctuation">></span></span>Footer<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Footer</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Layout</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Layout</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'}],preview:function(){var n=s(1),a=(s(2),s(3)),t=a.Layout.Header,p=a.Layout.Footer,e=a.Layout.Sider,o=a.Layout.Content;return n.createElement("div",null,n.createElement(a.Layout,null,n.createElement(t,null,"Header"),n.createElement(o,null,"Content"),n.createElement(p,null,"Footer")),n.createElement(a.Layout,null,n.createElement(t,null,"Header"),n.createElement(a.Layout,null,n.createElement(e,null,"Sider"),n.createElement(o,null,"Content")),n.createElement(p,null,"Footer")),n.createElement(a.Layout,null,n.createElement(t,null,"Header"),n.createElement(a.Layout,null,n.createElement(o,null,"Content"),n.createElement(e,null,"Sider")),n.createElement(p,null,"Footer")),n.createElement(a.Layout,null,n.createElement(e,null,"Sider"),n.createElement(a.Layout,null,n.createElement(t,null,"Header"),n.createElement(o,null,"Content"),n.createElement(p,null,"Footer"))))},style:"\n#components-layout-demo-basic .code-box-demo {\n  text-align: center;\n}\n#components-layout-demo-basic .ant-layout-header,\n#components-layout-demo-basic .ant-layout-footer {\n  background: #7dbcea;\n  color: #fff;\n}\n#components-layout-demo-basic .ant-layout-footer {\n  line-height: 1.5;\n}\n#components-layout-demo-basic .ant-layout-sider {\n  background: #3ba0e9;\n  color: #fff;\n  line-height: 120px;\n}\n#components-layout-demo-basic .ant-layout-content {\n  background: rgba(16, 142, 233, 1);\n  color: #fff;\n  min-height: 120px;\n  line-height: 120px;\n}\n#components-layout-demo-basic > .code-box-demo > div > .ant-layout {\n  margin-bottom: 48px;\n}\n#components-layout-demo-basic > .code-box-demo > div > .ant-layout:last-child {\n  margin: 0;\n}\n"}},827:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u8981\u4f7f\u7528\u81ea\u5b9a\u4e49\u89e6\u53d1\u5668\uff0c\u53ef\u4ee5\u8bbe\u7f6e ",["code","trigger={null}"]," \u6765\u9690\u85cf\u9ed8\u8ba4\u8bbe\u5b9a\u3002"]],"en-US":[["p","If you want to use a customized trigger, you can hide the default one by setting ",["code","trigger={null}"],"."]]},meta:{order:4,title:{"zh-CN":"\u81ea\u5b9a\u4e49\u89e6\u53d1\u5668","en-US":"Custom trigger"},filename:"components/layout/demo/custom-trigger.md",id:"components-layout-demo-custom-trigger"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Layout<span class="token punctuation">,</span> Menu<span class="token punctuation">,</span> Icon <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n<span class="token keyword">const</span> <span class="token punctuation">{</span> Header<span class="token punctuation">,</span> Sider<span class="token punctuation">,</span> Content <span class="token punctuation">}</span> <span class="token operator">=</span> Layout<span class="token punctuation">;</span>\n\n<span class="token keyword">class</span> <span class="token class-name">SiderDemo</span> <span class="token keyword">extends</span> <span class="token class-name">React<span class="token punctuation">.</span>Component</span> <span class="token punctuation">{</span>\n  state <span class="token operator">=</span> <span class="token punctuation">{</span>\n    collapsed<span class="token punctuation">:</span> <span class="token boolean">false</span><span class="token punctuation">,</span>\n  <span class="token punctuation">}</span><span class="token punctuation">;</span>\n  toggle <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token punctuation">{</span>\n    <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">setState</span><span class="token punctuation">(</span><span class="token punctuation">{</span>\n      collapsed<span class="token punctuation">:</span> <span class="token operator">!</span><span class="token keyword">this</span><span class="token punctuation">.</span>state<span class="token punctuation">.</span>collapsed<span class="token punctuation">,</span>\n    <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n  <span class="token punctuation">}</span>\n  <span class="token function">render</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>\n    <span class="token keyword">return</span> <span class="token punctuation">(</span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Layout</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Sider</span>\n          <span class="token attr-name">trigger</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token keyword">null</span><span class="token punctuation">}</span></span>\n          <span class="token attr-name">collapsible</span>\n          <span class="token attr-name">collapsed</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token keyword">this</span><span class="token punctuation">.</span>state<span class="token punctuation">.</span>collapsed<span class="token punctuation">}</span></span>\n        <span class="token punctuation">></span></span>\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>logo<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu</span> <span class="token attr-name">theme</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>dark<span class="token punctuation">"</span></span> <span class="token attr-name">mode</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>inline<span class="token punctuation">"</span></span> <span class="token attr-name">defaultSelectedKeys</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">[</span><span class="token string">\'1\'</span><span class="token punctuation">]</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n              <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>user<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n              <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav-text<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">1</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>2<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n              <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>video-camera<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n              <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav-text<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">2</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>3<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n              <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>upload<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n              <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav-text<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">3</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Sider</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Layout</span><span class="token punctuation">></span></span>\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Header</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> background<span class="token punctuation">:</span> <span class="token string">\'#fff\'</span><span class="token punctuation">,</span> padding<span class="token punctuation">:</span> <span class="token number">0</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span>\n              <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>trigger<span class="token punctuation">"</span></span>\n              <span class="token attr-name">type</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token keyword">this</span><span class="token punctuation">.</span>state<span class="token punctuation">.</span>collapsed <span class="token operator">?</span> <span class="token string">\'menu-unfold\'</span> <span class="token punctuation">:</span> <span class="token string">\'menu-fold\'</span><span class="token punctuation">}</span></span>\n              <span class="token attr-name">onClick</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token keyword">this</span><span class="token punctuation">.</span>toggle<span class="token punctuation">}</span></span>\n            <span class="token punctuation">/></span></span>\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Header</span><span class="token punctuation">></span></span>\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Content</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> margin<span class="token punctuation">:</span> <span class="token string">\'24px 16px\'</span><span class="token punctuation">,</span> padding<span class="token punctuation">:</span> <span class="token number">24</span><span class="token punctuation">,</span> background<span class="token punctuation">:</span> <span class="token string">\'#fff\'</span><span class="token punctuation">,</span> minHeight<span class="token punctuation">:</span> <span class="token number">280</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n            Content\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Content</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Layout</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Layout</span><span class="token punctuation">></span></span>\n    <span class="token punctuation">)</span><span class="token punctuation">;</span>\n  <span class="token punctuation">}</span>\n<span class="token punctuation">}</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>SiderDemo</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'}],preview:function(){function n(n,a){for(var s=Object.getOwnPropertyNames(a),t=0;t<s.length;t++){var p=s[t],e=Object.getOwnPropertyDescriptor(a,p);e&&e.configurable&&void 0===n[p]&&Object.defineProperty(n,p,e)}return n}function a(n,a){if(!(n instanceof a))throw new TypeError("Cannot call a class as a function")}function t(n,a){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!a||"object"!=typeof a&&"function"!=typeof a?n:a}function p(a,s){if("function"!=typeof s&&null!==s)throw new TypeError("Super expression must either be null or a function, not "+typeof s);a.prototype=Object.create(s&&s.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),s&&(Object.setPrototypeOf?Object.setPrototypeOf(a,s):n(a,s))}var e=s(1),o=(s(2),s(3)),c=o.Layout.Header,l=o.Layout.Sider,u=o.Layout.Content,k=function(n){function s(){var p,e,o;a(this,s);for(var c=arguments.length,l=Array(c),u=0;u<c;u++)l[u]=arguments[u];return p=e=t(this,n.call.apply(n,[this].concat(l))),e.state={collapsed:!1},e.toggle=function(){e.setState({collapsed:!e.state.collapsed})},o=p,t(e,o)}return p(s,n),s.prototype.render=function(){return e.createElement(o.Layout,null,e.createElement(l,{trigger:null,collapsible:!0,collapsed:this.state.collapsed},e.createElement("div",{className:"logo"}),e.createElement(o.Menu,{theme:"dark",mode:"inline",defaultSelectedKeys:["1"]},e.createElement(o.Menu.Item,{key:"1"},e.createElement(o.Icon,{type:"user"}),e.createElement("span",{className:"nav-text"},"nav 1")),e.createElement(o.Menu.Item,{key:"2"},e.createElement(o.Icon,{type:"video-camera"}),e.createElement("span",{className:"nav-text"},"nav 2")),e.createElement(o.Menu.Item,{key:"3"},e.createElement(o.Icon,{type:"upload"}),e.createElement("span",{className:"nav-text"},"nav 3")))),e.createElement(o.Layout,null,e.createElement(c,{style:{background:"#fff",padding:0}},e.createElement(o.Icon,{className:"trigger",type:this.state.collapsed?"menu-unfold":"menu-fold",onClick:this.toggle})),e.createElement(u,{style:{margin:"24px 16px",padding:24,background:"#fff",minHeight:280}},"Content")))},s}(e.Component);return e.createElement(k,null)},style:"#components-layout-demo-custom-trigger .trigger {\n  font-size: 18px;\n  line-height: 64px;\n  padding: 0 16px;\n  cursor: pointer;\n  transition: color .3s;\n}\n\n#components-layout-demo-custom-trigger .trigger:hover {\n  color: #108ee9;\n}\n\n#components-layout-demo-custom-trigger .logo {\n  height: 32px;\n  background: #333;\n  border-radius: 6px;\n  margin: 16px;\n}\n\n#components-layout-demo-custom-trigger .ant-layout-sider-collapsed .anticon {\n  font-size: 16px;\n}\n\n#components-layout-demo-custom-trigger .ant-layout-sider-collapsed .nav-text {\n  display: none;\n}",highlightedStyle:'<span class="token selector"><span class="token id">#components-layout-demo-custom-trigger</span> <span class="token class">.trigger</span> </span><span class="token punctuation">{</span>\n  <span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">18</span>px<span class="token punctuation">;</span>\n  <span class="token property">line-height</span><span class="token punctuation">:</span> <span class="token number">64</span>px<span class="token punctuation">;</span>\n  <span class="token property">padding</span><span class="token punctuation">:</span> <span class="token number">0</span> <span class="token number">16</span>px<span class="token punctuation">;</span>\n  <span class="token property">cursor</span><span class="token punctuation">:</span> pointer<span class="token punctuation">;</span>\n  <span class="token property">transition</span><span class="token punctuation">:</span> color <span class="token number">.3</span>s<span class="token punctuation">;</span>\n<span class="token punctuation">}</span>\n\n<span class="token selector"><span class="token id">#components-layout-demo-custom-trigger</span> <span class="token class">.trigger</span><span class="token pseudo-class">:hover</span> </span><span class="token punctuation">{</span>\n  <span class="token property">color</span><span class="token punctuation">:</span> <span class="token hexcode">#108ee9</span><span class="token punctuation">;</span>\n<span class="token punctuation">}</span>\n\n<span class="token selector"><span class="token id">#components-layout-demo-custom-trigger</span> <span class="token class">.logo</span> </span><span class="token punctuation">{</span>\n  <span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">32</span>px<span class="token punctuation">;</span>\n  <span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#333</span><span class="token punctuation">;</span>\n  <span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">6</span>px<span class="token punctuation">;</span>\n  <span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">16</span>px<span class="token punctuation">;</span>\n<span class="token punctuation">}</span>\n\n<span class="token selector"><span class="token id">#components-layout-demo-custom-trigger</span> <span class="token class">.ant-layout-sider-collapsed</span> <span class="token class">.anticon</span> </span><span class="token punctuation">{</span>\n  <span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">16</span>px<span class="token punctuation">;</span>\n<span class="token punctuation">}</span>\n\n<span class="token selector"><span class="token id">#components-layout-demo-custom-trigger</span> <span class="token class">.ant-layout-sider-collapsed</span> <span class="token class">.nav-text</span> </span><span class="token punctuation">{</span>\n  <span class="token property">display</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>\n<span class="token punctuation">}</span>'}},828:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u5f53\u5185\u5bb9\u8f83\u957f\u65f6\uff0c\u4f7f\u7528\u56fa\u5b9a\u4fa7\u8fb9\u680f\u53ef\u4ee5\u63d0\u4f9b\u66f4\u597d\u7684\u4f53\u9a8c\u3002"]],"en-US":[["p","When dealing with long content, a fixed sider can provide a better user experience."]]},meta:{order:7,iframe:360,title:{"zh-CN":"\u56fa\u5b9a\u4fa7\u8fb9\u680f","en-US":"Fixed Sider"},filename:"components/layout/demo/fixed-sider.md",id:"components-layout-demo-fixed-sider"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Layout<span class="token punctuation">,</span> Menu<span class="token punctuation">,</span> Icon <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n<span class="token keyword">const</span> <span class="token punctuation">{</span> Header<span class="token punctuation">,</span> Content<span class="token punctuation">,</span> Footer<span class="token punctuation">,</span> Sider <span class="token punctuation">}</span> <span class="token operator">=</span> Layout<span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Layout</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> height<span class="token punctuation">:</span> <span class="token string">\'100vh\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Sider</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> overflow<span class="token punctuation">:</span> <span class="token string">\'auto\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>logo<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu</span> <span class="token attr-name">theme</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>dark<span class="token punctuation">"</span></span> <span class="token attr-name">mode</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>inline<span class="token punctuation">"</span></span> <span class="token attr-name">defaultSelectedKeys</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">[</span><span class="token string">\'4\'</span><span class="token punctuation">]</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>user<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav-text<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">1</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>2<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>video-camera<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav-text<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">2</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>3<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>upload<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav-text<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">3</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>4<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>bar-chart<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav-text<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">4</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>5<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>cloud-o<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav-text<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">5</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>6<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>appstore-o<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav-text<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">6</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>7<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>team<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav-text<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">7</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>8<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>shop<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav-text<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">8</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Sider</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Layout</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Header</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> background<span class="token punctuation">:</span> <span class="token string">\'#fff\'</span><span class="token punctuation">,</span> padding<span class="token punctuation">:</span> <span class="token number">0</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Content</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> margin<span class="token punctuation">:</span> <span class="token string">\'24px 16px 0\'</span><span class="token punctuation">,</span> overflow<span class="token punctuation">:</span> <span class="token string">\'initial\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> padding<span class="token punctuation">:</span> <span class="token number">24</span><span class="token punctuation">,</span> background<span class="token punctuation">:</span> <span class="token string">\'#fff\'</span><span class="token punctuation">,</span> textAlign<span class="token punctuation">:</span> <span class="token string">\'center\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n        <span class="token operator">...</span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span>\n        Really\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span>\n        long\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span><span class="token operator">...</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span> <span class="token punctuation">/></span></span>\n        content\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Content</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Footer</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> textAlign<span class="token punctuation">:</span> <span class="token string">\'center\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n      Ant Design \xa9<span class="token number">2016</span> Created by Ant UED\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Footer</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Layout</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Layout</span><span class="token punctuation">></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'
-}],preview:function(){var n=s(1),a=(s(2),s(3)),t=a.Layout.Header,p=a.Layout.Content,e=a.Layout.Footer,o=a.Layout.Sider;return n.createElement(a.Layout,{style:{height:"100vh"}},n.createElement(o,{style:{overflow:"auto"}},n.createElement("div",{className:"logo"}),n.createElement(a.Menu,{theme:"dark",mode:"inline",defaultSelectedKeys:["4"]},n.createElement(a.Menu.Item,{key:"1"},n.createElement(a.Icon,{type:"user"}),n.createElement("span",{className:"nav-text"},"nav 1")),n.createElement(a.Menu.Item,{key:"2"},n.createElement(a.Icon,{type:"video-camera"}),n.createElement("span",{className:"nav-text"},"nav 2")),n.createElement(a.Menu.Item,{key:"3"},n.createElement(a.Icon,{type:"upload"}),n.createElement("span",{className:"nav-text"},"nav 3")),n.createElement(a.Menu.Item,{key:"4"},n.createElement(a.Icon,{type:"bar-chart"}),n.createElement("span",{className:"nav-text"},"nav 4")),n.createElement(a.Menu.Item,{key:"5"},n.createElement(a.Icon,{type:"cloud-o"}),n.createElement("span",{className:"nav-text"},"nav 5")),n.createElement(a.Menu.Item,{key:"6"},n.createElement(a.Icon,{type:"appstore-o"}),n.createElement("span",{className:"nav-text"},"nav 6")),n.createElement(a.Menu.Item,{key:"7"},n.createElement(a.Icon,{type:"team"}),n.createElement("span",{className:"nav-text"},"nav 7")),n.createElement(a.Menu.Item,{key:"8"},n.createElement(a.Icon,{type:"shop"}),n.createElement("span",{className:"nav-text"},"nav 8")))),n.createElement(a.Layout,null,n.createElement(t,{style:{background:"#fff",padding:0}}),n.createElement(p,{style:{margin:"24px 16px 0",overflow:"initial"}},n.createElement("div",{style:{padding:24,background:"#fff",textAlign:"center"}},"...",n.createElement("br",null),"Really",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"long",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"content")),n.createElement(e,{style:{textAlign:"center"}},"Ant Design \xa92016 Created by Ant UED")))},style:"#components-layout-demo-fixed-sider .logo {\n  height: 32px;\n  background: #333;\n  border-radius: 6px;\n  margin: 16px;\n}",highlightedStyle:'<span class="token selector"><span class="token id">#components-layout-demo-fixed-sider</span> <span class="token class">.logo</span> </span><span class="token punctuation">{</span>\n  <span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">32</span>px<span class="token punctuation">;</span>\n  <span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#333</span><span class="token punctuation">;</span>\n  <span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">6</span>px<span class="token punctuation">;</span>\n  <span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">16</span>px<span class="token punctuation">;</span>\n<span class="token punctuation">}</span>',src:"/demo-0.2476710829795905.html"}},829:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u4e00\u822c\u7528\u4e8e\u56fa\u5b9a\u9876\u90e8\u5bfc\u822a\uff0c\u65b9\u4fbf\u9875\u9762\u5207\u6362\u3002"]],"en-US":[["p","Fixed Header is generally used to fix the top navigation to facilitate page switching."]]},meta:{order:6,iframe:360,title:{"zh-CN":"\u56fa\u5b9a\u5934\u90e8","en-US":"Fixed Header"},filename:"components/layout/demo/fixed.md",id:"components-layout-demo-fixed"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Layout<span class="token punctuation">,</span> Menu<span class="token punctuation">,</span> Breadcrumb <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n<span class="token keyword">const</span> <span class="token punctuation">{</span> Header<span class="token punctuation">,</span> Content<span class="token punctuation">,</span> Footer <span class="token punctuation">}</span> <span class="token operator">=</span> Layout<span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Layout</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Header</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> position<span class="token punctuation">:</span> <span class="token string">\'fixed\'</span><span class="token punctuation">,</span> width<span class="token punctuation">:</span> <span class="token string">\'100%\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>logo<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu</span>\n        <span class="token attr-name">theme</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>dark<span class="token punctuation">"</span></span>\n        <span class="token attr-name">mode</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>horizontal<span class="token punctuation">"</span></span>\n        <span class="token attr-name">defaultSelectedKeys</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">[</span><span class="token string">\'2\'</span><span class="token punctuation">]</span><span class="token punctuation">}</span></span>\n        <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> lineHeight<span class="token punctuation">:</span> <span class="token string">\'64px\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span>\n      <span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">1</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>2<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">2</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>3<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">3</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Header</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Content</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> padding<span class="token punctuation">:</span> <span class="token string">\'0 50px\'</span><span class="token punctuation">,</span> marginTop<span class="token punctuation">:</span> <span class="token number">64</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> margin<span class="token punctuation">:</span> <span class="token string">\'12px 0\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>Home<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>List<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>App<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> background<span class="token punctuation">:</span> <span class="token string">\'#fff\'</span><span class="token punctuation">,</span> padding<span class="token punctuation">:</span> <span class="token number">24</span><span class="token punctuation">,</span> minHeight<span class="token punctuation">:</span> <span class="token number">380</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>Content<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Content</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Footer</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> textAlign<span class="token punctuation">:</span> <span class="token string">\'center\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n      Ant Design \xa9<span class="token number">2016</span> Created by Ant UED\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Footer</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Layout</span><span class="token punctuation">></span></span>\n<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'}],preview:function(){var n=s(1),a=(s(2),s(3)),t=a.Layout.Header,p=a.Layout.Content,e=a.Layout.Footer;return n.createElement(a.Layout,null,n.createElement(t,{style:{position:"fixed",width:"100%"}},n.createElement("div",{className:"logo"}),n.createElement(a.Menu,{theme:"dark",mode:"horizontal",defaultSelectedKeys:["2"],style:{lineHeight:"64px"}},n.createElement(a.Menu.Item,{key:"1"},"nav 1"),n.createElement(a.Menu.Item,{key:"2"},"nav 2"),n.createElement(a.Menu.Item,{key:"3"},"nav 3"))),n.createElement(p,{style:{padding:"0 50px",marginTop:64}},n.createElement(a.Breadcrumb,{style:{margin:"12px 0"}},n.createElement(a.Breadcrumb.Item,null,"Home"),n.createElement(a.Breadcrumb.Item,null,"List"),n.createElement(a.Breadcrumb.Item,null,"App")),n.createElement("div",{style:{background:"#fff",padding:24,minHeight:380}},"Content")),n.createElement(e,{style:{textAlign:"center"}},"Ant Design \xa92016 Created by Ant UED"))},style:"#components-layout-demo-fixed .logo {\n  width: 120px;\n  height: 31px;\n  background: #333;\n  border-radius: 6px;\n  margin: 16px 24px 16px 0;\n  float: left;\n}",highlightedStyle:'<span class="token selector"><span class="token id">#components-layout-demo-fixed</span> <span class="token class">.logo</span> </span><span class="token punctuation">{</span>\n  <span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">120</span>px<span class="token punctuation">;</span>\n  <span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">31</span>px<span class="token punctuation">;</span>\n  <span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#333</span><span class="token punctuation">;</span>\n  <span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">6</span>px<span class="token punctuation">;</span>\n  <span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">16</span>px <span class="token number">24</span>px <span class="token number">16</span>px <span class="token number">0</span><span class="token punctuation">;</span>\n  <span class="token property">float</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span>\n<span class="token punctuation">}</span>',src:"/demo-0.8748392377407956.html"}},830:function(n,a,s){n.exports={content:{"zh-CN":[["p","Layout.Sider \u652f\u6301\u54cd\u5e94\u5f0f\u5e03\u5c40\u3002"],["blockquote",["p","\u8bf4\u660e\uff1a\u914d\u7f6e ",["code","breakpoint"]," \u5c5e\u6027\u5373\u751f\u6548\uff0c\u89c6\u7a97\u5bbd\u5ea6\u5c0f\u4e8e ",["code","breakpoint"]," \u65f6 Sider \u7f29\u5c0f\u4e3a ",["code","collapsedWidth"]," \u5bbd\u5ea6\uff0c\u82e5\u5c06 ",["code","collapsedWidth"]," \u8bbe\u7f6e\u4e3a\u96f6\uff0c\u4f1a\u51fa\u73b0\u7279\u6b8a trigger\u3002"]]],"en-US":[["p","Layout.Sider supports responsive layout."],["blockquote",["p","Note: You can get a responsive layout by setting ",["code","breakpoint"],", the Sider will collapse to the width of ",["code","collapsedWidth"]," when window width is below the ",["code","breakpoint"],". And a special trigger will appear if the ",["code","collapsedWidth"]," is set to ",["code","0"],"."]]]},meta:{order:5,title:{"zh-CN":"\u54cd\u5e94\u5f0f\u5e03\u5c40","en-US":"Responsive"},filename:"components/layout/demo/responsive.md",id:"components-layout-demo-responsive"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Layout<span class="token punctuation">,</span> Menu<span class="token punctuation">,</span> Icon <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n<span class="token keyword">const</span> <span class="token punctuation">{</span> Header<span class="token punctuation">,</span> Content<span class="token punctuation">,</span> Footer<span class="token punctuation">,</span> Sider <span class="token punctuation">}</span> <span class="token operator">=</span> Layout<span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Layout</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Sider</span>\n    <span class="token attr-name">breakpoint</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>lg<span class="token punctuation">"</span></span>\n    <span class="token attr-name">collapsedWidth</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>0<span class="token punctuation">"</span></span>\n    <span class="token attr-name">onCollapse</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">(</span>collapsed<span class="token punctuation">,</span> type<span class="token punctuation">)</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token punctuation">{</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>collapsed<span class="token punctuation">,</span> type<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span>\n  <span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>logo<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu</span> <span class="token attr-name">theme</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>dark<span class="token punctuation">"</span></span> <span class="token attr-name">mode</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>inline<span class="token punctuation">"</span></span> <span class="token attr-name">defaultSelectedKeys</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">[</span><span class="token string">\'4\'</span><span class="token punctuation">]</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>user<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav-text<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">1</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>2<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>video-camera<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav-text<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">2</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>3<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>upload<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav-text<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">3</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>4<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>user<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav-text<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">4</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Sider</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Layout</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Header</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> background<span class="token punctuation">:</span> <span class="token string">\'#fff\'</span><span class="token punctuation">,</span> padding<span class="token punctuation">:</span> <span class="token number">0</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Content</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> margin<span class="token punctuation">:</span> <span class="token string">\'24px 16px 0\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> padding<span class="token punctuation">:</span> <span class="token number">24</span><span class="token punctuation">,</span> background<span class="token punctuation">:</span> <span class="token string">\'#fff\'</span><span class="token punctuation">,</span> minHeight<span class="token punctuation">:</span> <span class="token number">360</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n        content\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Content</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Footer</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> textAlign<span class="token punctuation">:</span> <span class="token string">\'center\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n      Ant Design \xa9<span class="token number">2016</span> Created by Ant UED\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Footer</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Layout</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Layout</span><span class="token punctuation">></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'
+}],preview:function(){var n=s(1),a=(s(2),s(3)),t=a.Layout.Header,p=a.Layout.Content,e=a.Layout.Footer,o=a.Layout.Sider;return n.createElement(a.Layout,{style:{height:"100vh"}},n.createElement(o,{style:{overflow:"auto"}},n.createElement("div",{className:"logo"}),n.createElement(a.Menu,{theme:"dark",mode:"inline",defaultSelectedKeys:["4"]},n.createElement(a.Menu.Item,{key:"1"},n.createElement(a.Icon,{type:"user"}),n.createElement("span",{className:"nav-text"},"nav 1")),n.createElement(a.Menu.Item,{key:"2"},n.createElement(a.Icon,{type:"video-camera"}),n.createElement("span",{className:"nav-text"},"nav 2")),n.createElement(a.Menu.Item,{key:"3"},n.createElement(a.Icon,{type:"upload"}),n.createElement("span",{className:"nav-text"},"nav 3")),n.createElement(a.Menu.Item,{key:"4"},n.createElement(a.Icon,{type:"bar-chart"}),n.createElement("span",{className:"nav-text"},"nav 4")),n.createElement(a.Menu.Item,{key:"5"},n.createElement(a.Icon,{type:"cloud-o"}),n.createElement("span",{className:"nav-text"},"nav 5")),n.createElement(a.Menu.Item,{key:"6"},n.createElement(a.Icon,{type:"appstore-o"}),n.createElement("span",{className:"nav-text"},"nav 6")),n.createElement(a.Menu.Item,{key:"7"},n.createElement(a.Icon,{type:"team"}),n.createElement("span",{className:"nav-text"},"nav 7")),n.createElement(a.Menu.Item,{key:"8"},n.createElement(a.Icon,{type:"shop"}),n.createElement("span",{className:"nav-text"},"nav 8")))),n.createElement(a.Layout,null,n.createElement(t,{style:{background:"#fff",padding:0}}),n.createElement(p,{style:{margin:"24px 16px 0",overflow:"initial"}},n.createElement("div",{style:{padding:24,background:"#fff",textAlign:"center"}},"...",n.createElement("br",null),"Really",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"long",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"...",n.createElement("br",null),"content")),n.createElement(e,{style:{textAlign:"center"}},"Ant Design \xa92016 Created by Ant UED")))},style:"#components-layout-demo-fixed-sider .logo {\n  height: 32px;\n  background: #333;\n  border-radius: 6px;\n  margin: 16px;\n}",highlightedStyle:'<span class="token selector"><span class="token id">#components-layout-demo-fixed-sider</span> <span class="token class">.logo</span> </span><span class="token punctuation">{</span>\n  <span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">32</span>px<span class="token punctuation">;</span>\n  <span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#333</span><span class="token punctuation">;</span>\n  <span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">6</span>px<span class="token punctuation">;</span>\n  <span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">16</span>px<span class="token punctuation">;</span>\n<span class="token punctuation">}</span>',src:"/demo-0.3746879029079848.html"}},829:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u4e00\u822c\u7528\u4e8e\u56fa\u5b9a\u9876\u90e8\u5bfc\u822a\uff0c\u65b9\u4fbf\u9875\u9762\u5207\u6362\u3002"]],"en-US":[["p","Fixed Header is generally used to fix the top navigation to facilitate page switching."]]},meta:{order:6,iframe:360,title:{"zh-CN":"\u56fa\u5b9a\u5934\u90e8","en-US":"Fixed Header"},filename:"components/layout/demo/fixed.md",id:"components-layout-demo-fixed"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Layout<span class="token punctuation">,</span> Menu<span class="token punctuation">,</span> Breadcrumb <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n<span class="token keyword">const</span> <span class="token punctuation">{</span> Header<span class="token punctuation">,</span> Content<span class="token punctuation">,</span> Footer <span class="token punctuation">}</span> <span class="token operator">=</span> Layout<span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Layout</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Header</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> position<span class="token punctuation">:</span> <span class="token string">\'fixed\'</span><span class="token punctuation">,</span> width<span class="token punctuation">:</span> <span class="token string">\'100%\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>logo<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu</span>\n        <span class="token attr-name">theme</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>dark<span class="token punctuation">"</span></span>\n        <span class="token attr-name">mode</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>horizontal<span class="token punctuation">"</span></span>\n        <span class="token attr-name">defaultSelectedKeys</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">[</span><span class="token string">\'2\'</span><span class="token punctuation">]</span><span class="token punctuation">}</span></span>\n        <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> lineHeight<span class="token punctuation">:</span> <span class="token string">\'64px\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span>\n      <span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">1</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>2<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">2</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>3<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">3</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Header</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Content</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> padding<span class="token punctuation">:</span> <span class="token string">\'0 50px\'</span><span class="token punctuation">,</span> marginTop<span class="token punctuation">:</span> <span class="token number">64</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> margin<span class="token punctuation">:</span> <span class="token string">\'12px 0\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>Home<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>List<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>App<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> background<span class="token punctuation">:</span> <span class="token string">\'#fff\'</span><span class="token punctuation">,</span> padding<span class="token punctuation">:</span> <span class="token number">24</span><span class="token punctuation">,</span> minHeight<span class="token punctuation">:</span> <span class="token number">380</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>Content<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Content</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Footer</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> textAlign<span class="token punctuation">:</span> <span class="token string">\'center\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n      Ant Design \xa9<span class="token number">2016</span> Created by Ant UED\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Footer</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Layout</span><span class="token punctuation">></span></span>\n<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'}],preview:function(){var n=s(1),a=(s(2),s(3)),t=a.Layout.Header,p=a.Layout.Content,e=a.Layout.Footer;return n.createElement(a.Layout,null,n.createElement(t,{style:{position:"fixed",width:"100%"}},n.createElement("div",{className:"logo"}),n.createElement(a.Menu,{theme:"dark",mode:"horizontal",defaultSelectedKeys:["2"],style:{lineHeight:"64px"}},n.createElement(a.Menu.Item,{key:"1"},"nav 1"),n.createElement(a.Menu.Item,{key:"2"},"nav 2"),n.createElement(a.Menu.Item,{key:"3"},"nav 3"))),n.createElement(p,{style:{padding:"0 50px",marginTop:64}},n.createElement(a.Breadcrumb,{style:{margin:"12px 0"}},n.createElement(a.Breadcrumb.Item,null,"Home"),n.createElement(a.Breadcrumb.Item,null,"List"),n.createElement(a.Breadcrumb.Item,null,"App")),n.createElement("div",{style:{background:"#fff",padding:24,minHeight:380}},"Content")),n.createElement(e,{style:{textAlign:"center"}},"Ant Design \xa92016 Created by Ant UED"))},style:"#components-layout-demo-fixed .logo {\n  width: 120px;\n  height: 31px;\n  background: #333;\n  border-radius: 6px;\n  margin: 16px 24px 16px 0;\n  float: left;\n}",highlightedStyle:'<span class="token selector"><span class="token id">#components-layout-demo-fixed</span> <span class="token class">.logo</span> </span><span class="token punctuation">{</span>\n  <span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">120</span>px<span class="token punctuation">;</span>\n  <span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">31</span>px<span class="token punctuation">;</span>\n  <span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#333</span><span class="token punctuation">;</span>\n  <span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">6</span>px<span class="token punctuation">;</span>\n  <span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">16</span>px <span class="token number">24</span>px <span class="token number">16</span>px <span class="token number">0</span><span class="token punctuation">;</span>\n  <span class="token property">float</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span>\n<span class="token punctuation">}</span>',src:"/demo-0.17266928759211075.html"}},830:function(n,a,s){n.exports={content:{"zh-CN":[["p","Layout.Sider \u652f\u6301\u54cd\u5e94\u5f0f\u5e03\u5c40\u3002"],["blockquote",["p","\u8bf4\u660e\uff1a\u914d\u7f6e ",["code","breakpoint"]," \u5c5e\u6027\u5373\u751f\u6548\uff0c\u89c6\u7a97\u5bbd\u5ea6\u5c0f\u4e8e ",["code","breakpoint"]," \u65f6 Sider \u7f29\u5c0f\u4e3a ",["code","collapsedWidth"]," \u5bbd\u5ea6\uff0c\u82e5\u5c06 ",["code","collapsedWidth"]," \u8bbe\u7f6e\u4e3a\u96f6\uff0c\u4f1a\u51fa\u73b0\u7279\u6b8a trigger\u3002"]]],"en-US":[["p","Layout.Sider supports responsive layout."],["blockquote",["p","Note: You can get a responsive layout by setting ",["code","breakpoint"],", the Sider will collapse to the width of ",["code","collapsedWidth"]," when window width is below the ",["code","breakpoint"],". And a special trigger will appear if the ",["code","collapsedWidth"]," is set to ",["code","0"],"."]]]},meta:{order:5,title:{"zh-CN":"\u54cd\u5e94\u5f0f\u5e03\u5c40","en-US":"Responsive"},filename:"components/layout/demo/responsive.md",id:"components-layout-demo-responsive"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Layout<span class="token punctuation">,</span> Menu<span class="token punctuation">,</span> Icon <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n<span class="token keyword">const</span> <span class="token punctuation">{</span> Header<span class="token punctuation">,</span> Content<span class="token punctuation">,</span> Footer<span class="token punctuation">,</span> Sider <span class="token punctuation">}</span> <span class="token operator">=</span> Layout<span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Layout</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Sider</span>\n    <span class="token attr-name">breakpoint</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>lg<span class="token punctuation">"</span></span>\n    <span class="token attr-name">collapsedWidth</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>0<span class="token punctuation">"</span></span>\n    <span class="token attr-name">onCollapse</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">(</span>collapsed<span class="token punctuation">,</span> type<span class="token punctuation">)</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token punctuation">{</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>collapsed<span class="token punctuation">,</span> type<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span>\n  <span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>logo<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu</span> <span class="token attr-name">theme</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>dark<span class="token punctuation">"</span></span> <span class="token attr-name">mode</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>inline<span class="token punctuation">"</span></span> <span class="token attr-name">defaultSelectedKeys</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">[</span><span class="token string">\'4\'</span><span class="token punctuation">]</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>user<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav-text<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">1</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>2<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>video-camera<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav-text<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">2</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>3<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>upload<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav-text<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">3</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>4<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>user<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav-text<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">4</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Sider</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Layout</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Header</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> background<span class="token punctuation">:</span> <span class="token string">\'#fff\'</span><span class="token punctuation">,</span> padding<span class="token punctuation">:</span> <span class="token number">0</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Content</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> margin<span class="token punctuation">:</span> <span class="token string">\'24px 16px 0\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> padding<span class="token punctuation">:</span> <span class="token number">24</span><span class="token punctuation">,</span> background<span class="token punctuation">:</span> <span class="token string">\'#fff\'</span><span class="token punctuation">,</span> minHeight<span class="token punctuation">:</span> <span class="token number">360</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n        content\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Content</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Footer</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> textAlign<span class="token punctuation">:</span> <span class="token string">\'center\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n      Ant Design \xa9<span class="token number">2016</span> Created by Ant UED\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Footer</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Layout</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Layout</span><span class="token punctuation">></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'
 }],preview:function(){var n=s(1),a=(s(2),s(3)),t=a.Layout.Header,p=a.Layout.Content,e=a.Layout.Footer,o=a.Layout.Sider;return n.createElement(a.Layout,null,n.createElement(o,{breakpoint:"lg",collapsedWidth:"0",onCollapse:function(n,a){console.log(n,a)}},n.createElement("div",{className:"logo"}),n.createElement(a.Menu,{theme:"dark",mode:"inline",defaultSelectedKeys:["4"]},n.createElement(a.Menu.Item,{key:"1"},n.createElement(a.Icon,{type:"user"}),n.createElement("span",{className:"nav-text"},"nav 1")),n.createElement(a.Menu.Item,{key:"2"},n.createElement(a.Icon,{type:"video-camera"}),n.createElement("span",{className:"nav-text"},"nav 2")),n.createElement(a.Menu.Item,{key:"3"},n.createElement(a.Icon,{type:"upload"}),n.createElement("span",{className:"nav-text"},"nav 3")),n.createElement(a.Menu.Item,{key:"4"},n.createElement(a.Icon,{type:"user"}),n.createElement("span",{className:"nav-text"},"nav 4")))),n.createElement(a.Layout,null,n.createElement(t,{style:{background:"#fff",padding:0}}),n.createElement(p,{style:{margin:"24px 16px 0"}},n.createElement("div",{style:{padding:24,background:"#fff",minHeight:360}},"content")),n.createElement(e,{style:{textAlign:"center"}},"Ant Design \xa92016 Created by Ant UED")))},style:"#components-layout-demo-responsive .logo {\n  height: 32px;\n  background: #333;\n  border-radius: 6px;\n  margin: 16px;\n}",highlightedStyle:'<span class="token selector"><span class="token id">#components-layout-demo-responsive</span> <span class="token class">.logo</span> </span><span class="token punctuation">{</span>\n  <span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">32</span>px<span class="token punctuation">;</span>\n  <span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#333</span><span class="token punctuation">;</span>\n  <span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">6</span>px<span class="token punctuation">;</span>\n  <span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">16</span>px<span class="token punctuation">;</span>\n<span class="token punctuation">}</span>'}},831:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u4fa7\u8fb9\u4e24\u5217\u5f0f\u5e03\u5c40\u3002\u9875\u9762\u6a2a\u5411\u7a7a\u95f4\u6709\u9650\u65f6\uff0c\u4fa7\u8fb9\u5bfc\u822a\u53ef\u6536\u8d77\u3002"],["p","\u4fa7\u8fb9\u5bfc\u822a\u5728\u9875\u9762\u5e03\u5c40\u4e0a\u91c7\u7528\u7684\u662f\u5de6\u53f3\u7684\u7ed3\u6784\uff0c\u4e00\u822c\u4e3b\u5bfc\u822a\u653e\u7f6e\u4e8e\u9875\u9762\u7684\u5de6\u4fa7\u56fa\u5b9a\u4f4d\u7f6e\uff0c\u8f85\u52a9\u83dc\u5355\u653e\u7f6e\u4e8e\u5de5\u4f5c\u533a\u9876\u90e8\u3002\u5185\u5bb9\u6839\u636e\u6d4f\u89c8\u5668\u7ec8\u7aef\u8fdb\u884c\u81ea\u9002\u5e94\uff0c\u80fd\u63d0\u9ad8\u6a2a\u5411\u7a7a\u95f4\u7684\u4f7f\u7528\u7387\uff0c\u4f46\u662f\u6574\u4e2a\u9875\u9762\u6392\u7248\u4e0d\u7a33\u5b9a\u3002\u4fa7\u8fb9\u5bfc\u822a\u7684\u6a21\u5f0f\u5c42\u7ea7\u6269\u5c55\u6027\u5f3a\uff0c\u4e00\u3001\u4e8c\u3001\u4e09\u7ea7\u5bfc\u822a\u9879\u76ee\u53ef\u4ee5\u66f4\u4e3a\u987a\u7545\u4e14\u5177\u5173\u8054\u6027\u7684\u88ab\u5c55\u793a\uff0c\u540c\u65f6\u4fa7\u8fb9\u5bfc\u822a\u53ef\u4ee5\u56fa\u5b9a\uff0c\u4f7f\u5f97\u7528\u6237\u5728\u64cd\u4f5c\u548c\u6d4f\u89c8\u4e2d\u53ef\u4ee5\u5feb\u901f\u7684\u5b9a\u4f4d\u548c\u5207\u6362\u5f53\u524d\u4f4d\u7f6e\uff0c\u6709\u5f88\u9ad8\u7684\u64cd\u4f5c\u6548\u7387\u3002\u4f46\u8fd9\u7c7b\u5bfc\u822a\u6a2a\u5411\u9875\u9762\u5185\u5bb9\u7684\u7a7a\u95f4\u4f1a\u88ab\u727a\u7272\u4e00\u90e8\u4efd\u3002"]],"en-US":[["p","Two-columns layout. The sider menu can be collapsed when horizontal space is limited."],["p","Generally, the mainnav is placed on the left side of the page, and the secondary menu is placed on the top of the working area. Contents will adapt the layout to the viewing area to improve the horizontal space usage, while the layout of the whole page is not stable."],["p","The level of the aisde navigation is scalable. The first, second, and third level navigations could be present more fluently and relevantly, and aside navigation can be fixed, allowing the user to quickly switch and spot the current position, improving the user experience. However, this navigation occupies some horizontal space of the contents"]]},meta:{order:3,title:{"zh-CN":"\u4fa7\u8fb9\u5e03\u5c40","en-US":"Sider"},filename:"components/layout/demo/side.md",id:"components-layout-demo-side"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Layout<span class="token punctuation">,</span> Menu<span class="token punctuation">,</span> Breadcrumb<span class="token punctuation">,</span> Icon <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n<span class="token keyword">const</span> <span class="token punctuation">{</span> Header<span class="token punctuation">,</span> Content<span class="token punctuation">,</span> Footer<span class="token punctuation">,</span> Sider <span class="token punctuation">}</span> <span class="token operator">=</span> Layout<span class="token punctuation">;</span>\n<span class="token keyword">const</span> SubMenu <span class="token operator">=</span> Menu<span class="token punctuation">.</span>SubMenu<span class="token punctuation">;</span>\n\n<span class="token keyword">class</span> <span class="token class-name">SiderDemo</span> <span class="token keyword">extends</span> <span class="token class-name">React<span class="token punctuation">.</span>Component</span> <span class="token punctuation">{</span>\n  state <span class="token operator">=</span> <span class="token punctuation">{</span>\n    collapsed<span class="token punctuation">:</span> <span class="token boolean">false</span><span class="token punctuation">,</span>\n    mode<span class="token punctuation">:</span> <span class="token string">\'inline\'</span><span class="token punctuation">,</span>\n  <span class="token punctuation">}</span><span class="token punctuation">;</span>\n  onCollapse <span class="token operator">=</span> <span class="token punctuation">(</span>collapsed<span class="token punctuation">)</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token punctuation">{</span>\n    console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>collapsed<span class="token punctuation">)</span><span class="token punctuation">;</span>\n    <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">setState</span><span class="token punctuation">(</span><span class="token punctuation">{</span>\n      collapsed<span class="token punctuation">,</span>\n      mode<span class="token punctuation">:</span> collapsed <span class="token operator">?</span> <span class="token string">\'vertical\'</span> <span class="token punctuation">:</span> <span class="token string">\'inline\'</span><span class="token punctuation">,</span>\n    <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n  <span class="token punctuation">}</span>\n  <span class="token function">render</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>\n    <span class="token keyword">return</span> <span class="token punctuation">(</span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Layout</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Sider</span>\n          <span class="token attr-name">collapsible</span>\n          <span class="token attr-name">collapsed</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token keyword">this</span><span class="token punctuation">.</span>state<span class="token punctuation">.</span>collapsed<span class="token punctuation">}</span></span>\n          <span class="token attr-name">onCollapse</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token keyword">this</span><span class="token punctuation">.</span>onCollapse<span class="token punctuation">}</span></span>\n        <span class="token punctuation">></span></span>\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>logo<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu</span> <span class="token attr-name">theme</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>dark<span class="token punctuation">"</span></span> <span class="token attr-name">mode</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token keyword">this</span><span class="token punctuation">.</span>state<span class="token punctuation">.</span>mode<span class="token punctuation">}</span></span> <span class="token attr-name">defaultSelectedKeys</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">[</span><span class="token string">\'6\'</span><span class="token punctuation">]</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>SubMenu</span>\n              <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>sub1<span class="token punctuation">"</span></span>\n              <span class="token attr-name">title={&lt;span</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>user<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav-text<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>User<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span><span class="token punctuation">}</span>\n            <span class="token operator">></span>\n              <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Tom<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n              <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>2<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Bill<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n              <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>3<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Alex<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>SubMenu</span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>SubMenu</span>\n              <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>sub2<span class="token punctuation">"</span></span>\n              <span class="token attr-name">title={&lt;span</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>team<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav-text<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Team<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span><span class="token punctuation">}</span>\n            <span class="token operator">></span>\n              <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>4<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Team <span class="token number">1</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n              <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>5<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Team <span class="token number">2</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>SubMenu</span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>6<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n              <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span><span class="token punctuation">></span></span>\n                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>file<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n                <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav-text<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>File<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n              <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Sider</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Layout</span><span class="token punctuation">></span></span>\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Header</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> background<span class="token punctuation">:</span> <span class="token string">\'#fff\'</span><span class="token punctuation">,</span> padding<span class="token punctuation">:</span> <span class="token number">0</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Content</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> margin<span class="token punctuation">:</span> <span class="token string">\'0 16px\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> margin<span class="token punctuation">:</span> <span class="token string">\'12px 0\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n              <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>User<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n              <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>Bill<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb</span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> padding<span class="token punctuation">:</span> <span class="token number">24</span><span class="token punctuation">,</span> background<span class="token punctuation">:</span> <span class="token string">\'#fff\'</span><span class="token punctuation">,</span> minHeight<span class="token punctuation">:</span> <span class="token number">360</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n              Bill is a cat<span class="token punctuation">.</span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Content</span><span class="token punctuation">></span></span>\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Footer</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> textAlign<span class="token punctuation">:</span> <span class="token string">\'center\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n            Ant Design \xa9<span class="token number">2016</span> Created by Ant UED\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Footer</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Layout</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Layout</span><span class="token punctuation">></span></span>\n    <span class="token punctuation">)</span><span class="token punctuation">;</span>\n  <span class="token punctuation">}</span>\n<span class="token punctuation">}</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>SiderDemo</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'}],preview:function(){function n(n,a){for(var s=Object.getOwnPropertyNames(a),t=0;t<s.length;t++){var p=s[t],e=Object.getOwnPropertyDescriptor(a,p);e&&e.configurable&&void 0===n[p]&&Object.defineProperty(n,p,e)}return n}function a(n,a){if(!(n instanceof a))throw new TypeError("Cannot call a class as a function")}function t(n,a){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!a||"object"!=typeof a&&"function"!=typeof a?n:a}function p(a,s){if("function"!=typeof s&&null!==s)throw new TypeError("Super expression must either be null or a function, not "+typeof s);a.prototype=Object.create(s&&s.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),s&&(Object.setPrototypeOf?Object.setPrototypeOf(a,s):n(a,s))}var e=s(1),o=(s(2),s(3)),c=o.Layout.Header,l=o.Layout.Content,u=o.Layout.Footer,k=o.Layout.Sider,i=o.Menu.SubMenu,r=function(n){function s(){var p,e,o;a(this,s);for(var c=arguments.length,l=Array(c),u=0;u<c;u++)l[u]=arguments[u];return p=e=t(this,n.call.apply(n,[this].concat(l))),e.state={collapsed:!1,mode:"inline"},e.onCollapse=function(n){console.log(n),e.setState({collapsed:n,mode:n?"vertical":"inline"})},o=p,t(e,o)}return p(s,n),s.prototype.render=function(){return e.createElement(o.Layout,null,e.createElement(k,{collapsible:!0,collapsed:this.state.collapsed,onCollapse:this.onCollapse},e.createElement("div",{className:"logo"}),e.createElement(o.Menu,{theme:"dark",mode:this.state.mode,defaultSelectedKeys:["6"]},e.createElement(i,{key:"sub1",title:e.createElement("span",null,e.createElement(o.Icon,{type:"user"}),e.createElement("span",{className:"nav-text"},"User"))},e.createElement(o.Menu.Item,{key:"1"},"Tom"),e.createElement(o.Menu.Item,{key:"2"},"Bill"),e.createElement(o.Menu.Item,{key:"3"},"Alex")),e.createElement(i,{key:"sub2",title:e.createElement("span",null,e.createElement(o.Icon,{type:"team"}),e.createElement("span",{className:"nav-text"},"Team"))},e.createElement(o.Menu.Item,{key:"4"},"Team 1"),e.createElement(o.Menu.Item,{key:"5"},"Team 2")),e.createElement(o.Menu.Item,{key:"6"},e.createElement("span",null,e.createElement(o.Icon,{type:"file"}),e.createElement("span",{className:"nav-text"},"File"))))),e.createElement(o.Layout,null,e.createElement(c,{style:{background:"#fff",padding:0}}),e.createElement(l,{style:{margin:"0 16px"}},e.createElement(o.Breadcrumb,{style:{margin:"12px 0"}},e.createElement(o.Breadcrumb.Item,null,"User"),e.createElement(o.Breadcrumb.Item,null,"Bill")),e.createElement("div",{style:{padding:24,background:"#fff",minHeight:360}},"Bill is a cat.")),e.createElement(u,{style:{textAlign:"center"}},"Ant Design \xa92016 Created by Ant UED")))},s}(e.Component);return e.createElement(r,null)},style:"#components-layout-demo-side .logo {\n  height: 32px;\n  background: #333;\n  border-radius: 6px;\n  margin: 16px;\n}\n\n#components-layout-demo-side .ant-layout-sider-collapsed .anticon {\n  font-size: 16px;\n  margin-left: 8px;\n}\n\n#components-layout-demo-side .ant-layout-sider-collapsed .nav-text {\n  display: none;\n}\n\n#components-layout-demo-side .ant-layout-sider-collapsed .ant-menu-submenu-vertical > .ant-menu-submenu-title:after {\n  display: none;\n}",highlightedStyle:'<span class="token selector"><span class="token id">#components-layout-demo-side</span> <span class="token class">.logo</span> </span><span class="token punctuation">{</span>\n  <span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">32</span>px<span class="token punctuation">;</span>\n  <span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#333</span><span class="token punctuation">;</span>\n  <span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">6</span>px<span class="token punctuation">;</span>\n  <span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">16</span>px<span class="token punctuation">;</span>\n<span class="token punctuation">}</span>\n\n<span class="token selector"><span class="token id">#components-layout-demo-side</span> <span class="token class">.ant-layout-sider-collapsed</span> <span class="token class">.anticon</span> </span><span class="token punctuation">{</span>\n  <span class="token property">font-size</span><span class="token punctuation">:</span> <span class="token number">16</span>px<span class="token punctuation">;</span>\n  <span class="token property">margin-left</span><span class="token punctuation">:</span> <span class="token number">8</span>px<span class="token punctuation">;</span>\n<span class="token punctuation">}</span>\n\n<span class="token selector"><span class="token id">#components-layout-demo-side</span> <span class="token class">.ant-layout-sider-collapsed</span> <span class="token class">.nav-text</span> </span><span class="token punctuation">{</span>\n  <span class="token property">display</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>\n<span class="token punctuation">}</span>\n\n<span class="token selector"><span class="token id">#components-layout-demo-side</span> <span class="token class">.ant-layout-sider-collapsed</span> <span class="token class">.ant-menu-submenu-vertical</span> > <span class="token class">.ant-menu-submenu-title</span><span class="token pseudo-element">:after</span> </span><span class="token punctuation">{</span>\n  <span class="token property">display</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>\n<span class="token punctuation">}</span>'}},832:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u540c\u6837\u62e5\u6709\u9876\u90e8\u5bfc\u822a\u53ca\u4fa7\u8fb9\u680f\uff0c\u533a\u522b\u662f\u4e24\u8fb9\u672a\u7559\u8fb9\u8ddd\uff0c\u591a\u7528\u4e8e\u5e94\u7528\u578b\u7684\u7f51\u7ad9\u3002"]],"en-US":[["p","Both the top navigation and the sidebar, commonly used in application site."]]},meta:{order:2,title:{"zh-CN":"\u9876\u90e8-\u4fa7\u8fb9\u5e03\u5c40-\u901a\u680f","en-US":"Header Sider 2"},filename:"components/layout/demo/top-side-2.md",id:"components-layout-demo-top-side-2"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Layout<span class="token punctuation">,</span> Menu<span class="token punctuation">,</span> Breadcrumb<span class="token punctuation">,</span> Icon <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n<span class="token keyword">const</span> <span class="token punctuation">{</span> SubMenu <span class="token punctuation">}</span> <span class="token operator">=</span> Menu<span class="token punctuation">;</span>\n<span class="token keyword">const</span> <span class="token punctuation">{</span> Header<span class="token punctuation">,</span> Content<span class="token punctuation">,</span> Sider <span class="token punctuation">}</span> <span class="token operator">=</span> Layout<span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Layout</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Header</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>header<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>logo<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu</span>\n        <span class="token attr-name">theme</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>dark<span class="token punctuation">"</span></span>\n        <span class="token attr-name">mode</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>horizontal<span class="token punctuation">"</span></span>\n        <span class="token attr-name">defaultSelectedKeys</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">[</span><span class="token string">\'2\'</span><span class="token punctuation">]</span><span class="token punctuation">}</span></span>\n        <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> lineHeight<span class="token punctuation">:</span> <span class="token string">\'64px\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span>\n      <span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">1</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>2<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">2</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>3<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">3</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Header</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Layout</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Sider</span> <span class="token attr-name">width</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token number">200</span><span class="token punctuation">}</span></span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> background<span class="token punctuation">:</span> <span class="token string">\'#fff\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu</span>\n          <span class="token attr-name">mode</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>inline<span class="token punctuation">"</span></span>\n          <span class="token attr-name">defaultSelectedKeys</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">[</span><span class="token string">\'1\'</span><span class="token punctuation">]</span><span class="token punctuation">}</span></span>\n          <span class="token attr-name">defaultOpenKeys</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">[</span><span class="token string">\'sub1\'</span><span class="token punctuation">]</span><span class="token punctuation">}</span></span>\n          <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> height<span class="token punctuation">:</span> <span class="token string">\'100%\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span>\n        <span class="token punctuation">></span></span>\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>SubMenu</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>sub1<span class="token punctuation">"</span></span> <span class="token attr-name">title={&lt;span</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>user<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>subnav <span class="token number">1</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span><span class="token punctuation">}</span><span class="token operator">></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>option1<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>2<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>option2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>3<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>option3<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>4<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>option4<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>SubMenu</span><span class="token punctuation">></span></span>\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>SubMenu</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>sub2<span class="token punctuation">"</span></span> <span class="token attr-name">title={&lt;span</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>laptop<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>subnav <span class="token number">2</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span><span class="token punctuation">}</span><span class="token operator">></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>5<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>option5<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>6<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>option6<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>7<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>option7<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>8<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>option8<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>SubMenu</span><span class="token punctuation">></span></span>\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>SubMenu</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>sub3<span class="token punctuation">"</span></span> <span class="token attr-name">title={&lt;span</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>notification<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>subnav <span class="token number">3</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span><span class="token punctuation">}</span><span class="token operator">></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>9<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>option9<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>10<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>option10<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>11<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>option11<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>12<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>option12<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>SubMenu</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Sider</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Layout</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> padding<span class="token punctuation">:</span> <span class="token string">\'0 24px 24px\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> margin<span class="token punctuation">:</span> <span class="token string">\'12px 0\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>Home<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>List<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>App<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Content</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> background<span class="token punctuation">:</span> <span class="token string">\'#fff\'</span><span class="token punctuation">,</span> padding<span class="token punctuation">:</span> <span class="token number">24</span><span class="token punctuation">,</span> margin<span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">,</span> minHeight<span class="token punctuation">:</span> <span class="token number">280</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n          Content\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Content</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Layout</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Layout</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Layout</span><span class="token punctuation">></span></span>\n<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'
 }],preview:function(){var n=s(1),a=(s(2),s(3)),t=a.Menu.SubMenu,p=a.Layout.Header,e=a.Layout.Content,o=a.Layout.Sider;return n.createElement(a.Layout,null,n.createElement(p,{className:"header"},n.createElement("div",{className:"logo"}),n.createElement(a.Menu,{theme:"dark",mode:"horizontal",defaultSelectedKeys:["2"],style:{lineHeight:"64px"}},n.createElement(a.Menu.Item,{key:"1"},"nav 1"),n.createElement(a.Menu.Item,{key:"2"},"nav 2"),n.createElement(a.Menu.Item,{key:"3"},"nav 3"))),n.createElement(a.Layout,null,n.createElement(o,{width:200,style:{background:"#fff"}},n.createElement(a.Menu,{mode:"inline",defaultSelectedKeys:["1"],defaultOpenKeys:["sub1"],style:{height:"100%"}},n.createElement(t,{key:"sub1",title:n.createElement("span",null,n.createElement(a.Icon,{type:"user"}),"subnav 1")},n.createElement(a.Menu.Item,{key:"1"},"option1"),n.createElement(a.Menu.Item,{key:"2"},"option2"),n.createElement(a.Menu.Item,{key:"3"},"option3"),n.createElement(a.Menu.Item,{key:"4"},"option4")),n.createElement(t,{key:"sub2",title:n.createElement("span",null,n.createElement(a.Icon,{type:"laptop"}),"subnav 2")},n.createElement(a.Menu.Item,{key:"5"},"option5"),n.createElement(a.Menu.Item,{key:"6"},"option6"),n.createElement(a.Menu.Item,{key:"7"},"option7"),n.createElement(a.Menu.Item,{key:"8"},"option8")),n.createElement(t,{key:"sub3",title:n.createElement("span",null,n.createElement(a.Icon,{type:"notification"}),"subnav 3")},n.createElement(a.Menu.Item,{key:"9"},"option9"),n.createElement(a.Menu.Item,{key:"10"},"option10"),n.createElement(a.Menu.Item,{key:"11"},"option11"),n.createElement(a.Menu.Item,{key:"12"},"option12")))),n.createElement(a.Layout,{style:{padding:"0 24px 24px"}},n.createElement(a.Breadcrumb,{style:{margin:"12px 0"}},n.createElement(a.Breadcrumb.Item,null,"Home"),n.createElement(a.Breadcrumb.Item,null,"List"),n.createElement(a.Breadcrumb.Item,null,"App")),n.createElement(e,{style:{background:"#fff",padding:24,margin:0,minHeight:280}},"Content"))))},style:"#components-layout-demo-top-side-2 .logo {\n  width: 120px;\n  height: 31px;\n  background: #333;\n  border-radius: 6px;\n  margin: 16px 28px 16px 0;\n  float: left;\n}",highlightedStyle:'<span class="token selector"><span class="token id">#components-layout-demo-top-side-2</span> <span class="token class">.logo</span> </span><span class="token punctuation">{</span>\n  <span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">120</span>px<span class="token punctuation">;</span>\n  <span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">31</span>px<span class="token punctuation">;</span>\n  <span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#333</span><span class="token punctuation">;</span>\n  <span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">6</span>px<span class="token punctuation">;</span>\n  <span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">16</span>px <span class="token number">28</span>px <span class="token number">16</span>px <span class="token number">0</span><span class="token punctuation">;</span>\n  <span class="token property">float</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span>\n<span class="token punctuation">}</span>'}},833:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u62e5\u6709\u9876\u90e8\u5bfc\u822a\u53ca\u4fa7\u8fb9\u680f\u7684\u9875\u9762\uff0c\u591a\u7528\u4e8e\u5c55\u793a\u7c7b\u7f51\u7ad9\u3002"]],"en-US":[["p","Both the top navigation and the sidebar, commonly used in documentation site."]]},meta:{order:2,title:{"zh-CN":"\u9876\u90e8-\u4fa7\u8fb9\u5e03\u5c40","en-US":"Header-Sider"},filename:"components/layout/demo/top-side.md",id:"components-layout-demo-top-side"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Layout<span class="token punctuation">,</span> Menu<span class="token punctuation">,</span> Breadcrumb<span class="token punctuation">,</span> Icon <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n<span class="token keyword">const</span> <span class="token punctuation">{</span> SubMenu <span class="token punctuation">}</span> <span class="token operator">=</span> Menu<span class="token punctuation">;</span>\n<span class="token keyword">const</span> <span class="token punctuation">{</span> Header<span class="token punctuation">,</span> Content<span class="token punctuation">,</span> Footer<span class="token punctuation">,</span> Sider <span class="token punctuation">}</span> <span class="token operator">=</span> Layout<span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Layout</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Header</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>header<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>logo<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu</span>\n        <span class="token attr-name">theme</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>dark<span class="token punctuation">"</span></span>\n        <span class="token attr-name">mode</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>horizontal<span class="token punctuation">"</span></span>\n        <span class="token attr-name">defaultSelectedKeys</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">[</span><span class="token string">\'2\'</span><span class="token punctuation">]</span><span class="token punctuation">}</span></span>\n        <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> lineHeight<span class="token punctuation">:</span> <span class="token string">\'64px\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span>\n      <span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">1</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>2<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">2</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>3<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">3</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Header</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Content</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> padding<span class="token punctuation">:</span> <span class="token string">\'0 50px\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> margin<span class="token punctuation">:</span> <span class="token string">\'12px 0\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>Home<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>List<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>App<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Layout</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> padding<span class="token punctuation">:</span> <span class="token string">\'24px 0\'</span><span class="token punctuation">,</span> background<span class="token punctuation">:</span> <span class="token string">\'#fff\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Sider</span> <span class="token attr-name">width</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token number">200</span><span class="token punctuation">}</span></span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> background<span class="token punctuation">:</span> <span class="token string">\'#fff\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu</span>\n            <span class="token attr-name">mode</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>inline<span class="token punctuation">"</span></span>\n            <span class="token attr-name">defaultSelectedKeys</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">[</span><span class="token string">\'1\'</span><span class="token punctuation">]</span><span class="token punctuation">}</span></span>\n            <span class="token attr-name">defaultOpenKeys</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">[</span><span class="token string">\'sub1\'</span><span class="token punctuation">]</span><span class="token punctuation">}</span></span>\n            <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> height<span class="token punctuation">:</span> <span class="token string">\'100%\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span>\n          <span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>SubMenu</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>sub1<span class="token punctuation">"</span></span> <span class="token attr-name">title={&lt;span</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>user<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>subnav <span class="token number">1</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span><span class="token punctuation">}</span><span class="token operator">></span>\n              <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>option1<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n              <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>2<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>option2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n              <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>3<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>option3<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n              <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>4<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>option4<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>SubMenu</span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>SubMenu</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>sub2<span class="token punctuation">"</span></span> <span class="token attr-name">title={&lt;span</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>laptop<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>subnav <span class="token number">2</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span><span class="token punctuation">}</span><span class="token operator">></span>\n              <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>5<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>option5<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n              <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>6<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>option6<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n              <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>7<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>option7<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n              <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>8<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>option8<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>SubMenu</span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>SubMenu</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>sub3<span class="token punctuation">"</span></span> <span class="token attr-name">title={&lt;span</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Icon</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>notification<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>subnav <span class="token number">3</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span><span class="token punctuation">}</span><span class="token operator">></span>\n              <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>9<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>option9<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n              <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>10<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>option10<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n              <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>11<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>option11<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n              <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>12<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>option12<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>SubMenu</span><span class="token punctuation">></span></span>\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Sider</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Content</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> padding<span class="token punctuation">:</span> <span class="token string">\'0 24px\'</span><span class="token punctuation">,</span> minHeight<span class="token punctuation">:</span> <span class="token number">280</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n          Content\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Content</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Layout</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Content</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Footer</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> textAlign<span class="token punctuation">:</span> <span class="token string">\'center\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n      Ant Design \xa9<span class="token number">2016</span> Created by Ant UED\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Footer</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Layout</span><span class="token punctuation">></span></span>\n<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'}],preview:function(){var n=s(1),a=(s(2),s(3)),t=a.Menu.SubMenu,p=a.Layout.Header,e=a.Layout.Content,o=a.Layout.Footer,c=a.Layout.Sider;return n.createElement(a.Layout,null,n.createElement(p,{className:"header"},n.createElement("div",{className:"logo"}),n.createElement(a.Menu,{theme:"dark",mode:"horizontal",defaultSelectedKeys:["2"],style:{lineHeight:"64px"}},n.createElement(a.Menu.Item,{key:"1"},"nav 1"),n.createElement(a.Menu.Item,{key:"2"},"nav 2"),n.createElement(a.Menu.Item,{key:"3"},"nav 3"))),n.createElement(e,{style:{padding:"0 50px"}},n.createElement(a.Breadcrumb,{style:{margin:"12px 0"}},n.createElement(a.Breadcrumb.Item,null,"Home"),n.createElement(a.Breadcrumb.Item,null,"List"),n.createElement(a.Breadcrumb.Item,null,"App")),n.createElement(a.Layout,{style:{padding:"24px 0",background:"#fff"}},n.createElement(c,{width:200,style:{background:"#fff"}},n.createElement(a.Menu,{mode:"inline",defaultSelectedKeys:["1"],defaultOpenKeys:["sub1"],style:{height:"100%"}},n.createElement(t,{key:"sub1",title:n.createElement("span",null,n.createElement(a.Icon,{type:"user"}),"subnav 1")},n.createElement(a.Menu.Item,{key:"1"},"option1"),n.createElement(a.Menu.Item,{key:"2"},"option2"),n.createElement(a.Menu.Item,{key:"3"},"option3"),n.createElement(a.Menu.Item,{key:"4"},"option4")),n.createElement(t,{key:"sub2",title:n.createElement("span",null,n.createElement(a.Icon,{type:"laptop"}),"subnav 2")},n.createElement(a.Menu.Item,{key:"5"},"option5"),n.createElement(a.Menu.Item,{key:"6"},"option6"),n.createElement(a.Menu.Item,{key:"7"},"option7"),n.createElement(a.Menu.Item,{key:"8"},"option8")),n.createElement(t,{key:"sub3",title:n.createElement("span",null,n.createElement(a.Icon,{type:"notification"}),"subnav 3")},n.createElement(a.Menu.Item,{key:"9"},"option9"),n.createElement(a.Menu.Item,{key:"10"},"option10"),n.createElement(a.Menu.Item,{key:"11"},"option11"),n.createElement(a.Menu.Item,{key:"12"},"option12")))),n.createElement(e,{style:{padding:"0 24px",minHeight:280}},"Content"))),n.createElement(o,{style:{textAlign:"center"}},"Ant Design \xa92016 Created by Ant UED"))},style:"#components-layout-demo-top-side .logo {\n  width: 120px;\n  height: 31px;\n  background: #333;\n  border-radius: 6px;\n  margin: 16px 28px 16px 0;\n  float: left;\n}",highlightedStyle:'<span class="token selector"><span class="token id">#components-layout-demo-top-side</span> <span class="token class">.logo</span> </span><span class="token punctuation">{</span>\n  <span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">120</span>px<span class="token punctuation">;</span>\n  <span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">31</span>px<span class="token punctuation">;</span>\n  <span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#333</span><span class="token punctuation">;</span>\n  <span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">6</span>px<span class="token punctuation">;</span>\n  <span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">16</span>px <span class="token number">28</span>px <span class="token number">16</span>px <span class="token number">0</span><span class="token punctuation">;</span>\n  <span class="token property">float</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span>\n<span class="token punctuation">}</span>'}},834:function(n,a,s){n.exports={content:{"zh-CN":[["p","\u6700\u57fa\u672c\u7684\u300e\u4e0a-\u4e2d-\u4e0b\u300f\u5e03\u5c40\u3002"],["p","\u4e00\u822c\u4e3b\u5bfc\u822a\u653e\u7f6e\u4e8e\u9875\u9762\u7684\u9876\u7aef\uff0c\u4ece\u5de6\u81ea\u53f3\u4f9d\u6b21\u4e3a\uff1alogo\u3001\u4e00\u7ea7\u5bfc\u822a\u9879\u3001\u8f85\u52a9\u83dc\u5355\uff08\u7528\u6237\u3001\u8bbe\u7f6e\u3001\u901a\u77e5\u7b49\uff09\u3002\u901a\u5e38\u5c06\u5185\u5bb9\u653e\u5728\u56fa\u5b9a\u5c3a\u5bf8\uff08\u4f8b\u5982\uff1a1200px\uff09\u5185\uff0c\u6574\u4e2a\u9875\u9762\u6392\u7248\u7a33\u5b9a\uff0c\u4e0d\u53d7\u7528\u6237\u7ec8\u7aef\u663e\u793a\u5668\u5f71\u54cd\uff1b\u4e0a\u4e0b\u7ea7\u7684\u7ed3\u6784\u7b26\u5408\u7528\u6237\u4e0a\u4e0b\u6d4f\u89c8\u7684\u4e60\u60ef\uff0c\u4e5f\u662f\u8f83\u4e3a\u7ecf\u5178\u7684\u7f51\u7ad9\u5bfc\u822a\u6a21\u5f0f\u3002\u9875\u9762\u4e0a\u4e0b\u5207\u5206\u7684\u65b9\u5f0f\u63d0\u9ad8\u4e86\u4e3b\u5de5\u4f5c\u533a\u57df\u7684\u4fe1\u606f\u5c55\u793a\u6548\u7387\uff0c\u4f46\u5728\u7eb5\u5411\u7a7a\u95f4\u4e0a\u4f1a\u6709\u4e00\u4e9b\u727a\u7272\u3002\u6b64\u5916\uff0c\u7531\u4e8e\u5bfc\u822a\u680f\u6c34\u5e73\u7a7a\u95f4\u7684\u9650\u5236\uff0c\u4e0d\u9002\u5408\u90a3\u4e9b\u4e00\u7ea7\u5bfc\u822a\u9879\u5f88\u591a\u7684\u4fe1\u606f\u7ed3\u6784\u3002"]],
 "en-US":[["p",'The most basic "header-content-footer" layout.'],["p","Generally, the mainnav is placed at the top of the page, and includes the logo, the first level navigation, and the secondary menu (users, settings, notifications) from left to right in it.\nWe always put contents in a fixed size navigation (eg: ",["code","1200px"],"), the layout of the whole page is stable, it's not affected by viewing area."],["p","Top-bottom structure is conform with the top-bottom viewing habit, it's a classical navigation pattern of websites. This pattern demonstrates efficiency in the main workarea, while using some vertical space. And because the horizontal space of the navigation is limited, this pattern is not suitable for cases when the first level navigation contains many elements or links"]]},meta:{order:1,title:{"zh-CN":"\u4e0a\u4e2d\u4e0b\u5e03\u5c40","en-US":"Header-Content-Footer"},filename:"components/layout/demo/top.md",id:"components-layout-demo-top"},toc:["ul",["li",["a",{className:"bisheng-toc-h2",href:"#zh-CN",title:"zh-CN"},"zh-CN"]],["li",["a",{className:"bisheng-toc-h2",href:"#en-US",title:"en-US"},"en-US"]]],highlightedCode:["pre",{lang:"jsx",highlighted:'<span class="token keyword">import</span> <span class="token punctuation">{</span> Layout<span class="token punctuation">,</span> Menu<span class="token punctuation">,</span> Breadcrumb <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'antd\'</span><span class="token punctuation">;</span>\n<span class="token keyword">const</span> <span class="token punctuation">{</span> Header<span class="token punctuation">,</span> Content<span class="token punctuation">,</span> Footer <span class="token punctuation">}</span> <span class="token operator">=</span> Layout<span class="token punctuation">;</span>\n\nReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Layout</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>layout<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Header</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>logo<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu</span>\n        <span class="token attr-name">theme</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>dark<span class="token punctuation">"</span></span>\n        <span class="token attr-name">mode</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>horizontal<span class="token punctuation">"</span></span>\n        <span class="token attr-name">defaultSelectedKeys</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">[</span><span class="token string">\'2\'</span><span class="token punctuation">]</span><span class="token punctuation">}</span></span>\n        <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> lineHeight<span class="token punctuation">:</span> <span class="token string">\'64px\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span>\n      <span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">1</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>2<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">2</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span> <span class="token attr-name">key</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>3<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>nav <span class="token number">3</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Header</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Content</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> padding<span class="token punctuation">:</span> <span class="token string">\'0 50px\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> margin<span class="token punctuation">:</span> <span class="token string">\'12px 0\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>Home<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>List<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>App<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb.Item</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumb</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> background<span class="token punctuation">:</span> <span class="token string">\'#fff\'</span><span class="token punctuation">,</span> padding<span class="token punctuation">:</span> <span class="token number">24</span><span class="token punctuation">,</span> minHeight<span class="token punctuation">:</span> <span class="token number">280</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>Content<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Content</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Footer</span> <span class="token attr-name">style</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">{</span> textAlign<span class="token punctuation">:</span> <span class="token string">\'center\'</span> <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n      Ant Design \xa9<span class="token number">2016</span> Created by Ant UED\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Footer</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Layout</span><span class="token punctuation">></span></span>\n<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span>'}],preview:function(){var n=s(1),a=(s(2),s(3)),t=a.Layout.Header,p=a.Layout.Content,e=a.Layout.Footer;return n.createElement(a.Layout,{className:"layout"},n.createElement(t,null,n.createElement("div",{className:"logo"}),n.createElement(a.Menu,{theme:"dark",mode:"horizontal",defaultSelectedKeys:["2"],style:{lineHeight:"64px"}},n.createElement(a.Menu.Item,{key:"1"},"nav 1"),n.createElement(a.Menu.Item,{key:"2"},"nav 2"),n.createElement(a.Menu.Item,{key:"3"},"nav 3"))),n.createElement(p,{style:{padding:"0 50px"}},n.createElement(a.Breadcrumb,{style:{margin:"12px 0"}},n.createElement(a.Breadcrumb.Item,null,"Home"),n.createElement(a.Breadcrumb.Item,null,"List"),n.createElement(a.Breadcrumb.Item,null,"App")),n.createElement("div",{style:{background:"#fff",padding:24,minHeight:280}},"Content")),n.createElement(e,{style:{textAlign:"center"}},"Ant Design \xa92016 Created by Ant UED"))},style:"#components-layout-demo-top .logo {\n  width: 120px;\n  height: 31px;\n  background: #333;\n  border-radius: 6px;\n  margin: 16px 24px 16px 0;\n  float: left;\n}",highlightedStyle:'<span class="token selector"><span class="token id">#components-layout-demo-top</span> <span class="token class">.logo</span> </span><span class="token punctuation">{</span>\n  <span class="token property">width</span><span class="token punctuation">:</span> <span class="token number">120</span>px<span class="token punctuation">;</span>\n  <span class="token property">height</span><span class="token punctuation">:</span> <span class="token number">31</span>px<span class="token punctuation">;</span>\n  <span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#333</span><span class="token punctuation">;</span>\n  <span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">6</span>px<span class="token punctuation">;</span>\n  <span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">16</span>px <span class="token number">24</span>px <span class="token number">16</span>px <span class="token number">0</span><span class="token punctuation">;</span>\n  <span class="token property">float</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span>\n<span class="token punctuation">}</span>'}},1161:function(n,a,s){n.exports={basic:s(826),"custom-trigger":s(827),"fixed-sider":s(828),fixed:s(829),responsive:s(830),side:s(831),"top-side-2":s(832),"top-side":s(833),top:s(834)}}});
\ No newline at end of file
diff --git a/components/layout/index.html b/components/layout/index.html
index 475c8f9e1..ea34a0ca2 100644
--- a/components/layout/index.html
+++ b/components/layout/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="2118157989"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1271891629"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic Structure" data-reactid="293"><a href="#components-layout-demo-basic" data-reactid="294">Basic Structure</a></li><li title="Header-Content-Footer" data-reactid="295"><a href="#components-layout-demo-top" data-reactid="296">Header-Content-Footer</a></li><li title="Header Sider 2" data-reactid="297"><a href="#components-layout-demo-top-side-2" data-reactid="298">Header Sider 2</a></li><li title="Header-Sider" data-reactid="299"><a href="#components-layout-demo-top-side" data-reactid="300">Header-Sider</a></li><li title="Sider" data-reactid="301"><a href="#components-layout-demo-side" data-reactid="302">Sider</a></li><li title="Custom trigger" data-reactid="303"><a href="#components-layout-demo-custom-trigger" data-reactid="304">Custom trigger</a></li><li title="Responsive" data-reactid="305"><a href="#components-layout-demo-responsive" data-reactid="306">Responsive</a></li><li title="Fixed Header" data-reactid="307"><a href="#components-layout-demo-fixed" data-reactid="308">Fixed Header</a></li><li title="Fixed Sider" data-reactid="309"><a href="#components-layout-demo-fixed-sider" data-reactid="310">Fixed Sider</a></li></ul></div></div><section class="markdown" data-reactid="311"><h1 data-reactid="312"><!-- react-text: 313 -->Layout<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/layout/index.en-US.md" data-reactid="314"><i class="anticon anticon-edit" data-reactid="315"></i></a></h1><section class="markdown" data-reactid="316"><p data-reactid="317"><!-- react-text: 318 -->Handling the overall layout of a page.<!-- /react-text --></p><h2 id="Specification" data-reactid="319"><span data-reactid="320"><!-- react-text: 321 -->Specification<!-- /react-text --></span><a href="#Specification" class="anchor" data-reactid="322">#</a></h2><h3 id="Size" data-reactid="323"><span data-reactid="324"><!-- react-text: 325 -->Size<!-- /react-text --></span><a href="#Size" class="anchor" data-reactid="326">#</a></h3><p data-reactid="327"><!-- react-text: 328 -->The first level of the navigation is placed near by a logo inclined left, and the secondary menu is placed inclined right.<!-- /react-text --></p><ul data-reactid="329"><li data-reactid="330"><p data-reactid="331"><!-- react-text: 332 -->Top Navigation (almost systems): the height of the first level navigation <!-- /react-text --><code data-reactid="333"><!-- react-text: 334 -->64px<!-- /react-text --></code><!-- react-text: 335 -->, the second level of navigation <!-- /react-text --><code data-reactid="336"><!-- react-text: 337 -->48px<!-- /react-text --></code><!-- react-text: 338 -->。<!-- /react-text --></p></li><li data-reactid="339"><p data-reactid="340"><!-- react-text: 341 -->Top Navigation(contents page): the height of the first level navigation <!-- /react-text --><code data-reactid="342"><!-- react-text: 343 -->80px<!-- /react-text --></code><!-- react-text: 344 -->, the second level of navigation <!-- /react-text --><code data-reactid="345"><!-- react-text: 346 -->56px<!-- /react-text --></code><!-- react-text: 347 -->。<!-- /react-text --></p></li><li data-reactid="348"><p data-reactid="349"><!-- react-text: 350 -->Calculation formula of a top navigation:<!-- /react-text --><code data-reactid="351"><!-- react-text: 352 -->48+8n<!-- /react-text --></code><!-- react-text: 353 -->.<!-- /react-text --></p></li><li data-reactid="354"><p data-reactid="355"><!-- react-text: 356 -->Calculation formula a aside navigation:<!-- /react-text --><code data-reactid="357"><!-- react-text: 358 -->200+8n<!-- /react-text --></code><!-- react-text: 359 -->.<!-- /react-text --></p></li></ul><h3 id="Interaction-rules" data-reactid="360"><span data-reactid="361"><!-- react-text: 362 -->Interaction rules<!-- /react-text --></span><a href="#Interaction-rules" class="anchor" data-reactid="363">#</a></h3><ul data-reactid="364"><li data-reactid="365"><p data-reactid="366"><!-- react-text: 367 -->The first level navigation and the last level navigation should be distincted by visualization;<!-- /react-text --></p></li><li data-reactid="368"><p data-reactid="369"><!-- react-text: 370 -->The current item should have the highest priority of visualization;<!-- /react-text --></p></li><li data-reactid="371"><p data-reactid="372"><!-- react-text: 373 -->When the current navigation item is collapsed, the stlye of the current navigation item will be applied to the parent level of it;<!-- /react-text --></p></li><li data-reactid="374"><p data-reactid="375"><!-- react-text: 376 -->The left side navigation bar support for both the according and the expanding style, you can choose the one of it case by case.<!-- /react-text --></p></li></ul><h2 id="Visualization-rules" data-reactid="377"><span data-reactid="378"><!-- react-text: 379 -->Visualization rules<!-- /react-text --></span><a href="#Visualization-rules" class="anchor" data-reactid="380">#</a></h2><p data-reactid="381"><!-- react-text: 382 --> Style of a navigation should conform to the level of it.<!-- /react-text --></p><ul data-reactid="383"><li data-reactid="384"><p data-reactid="385"><strong data-reactid="386"><!-- react-text: 387 -->Emphasis by colorblock<!-- /react-text --></strong></p><p data-reactid="388"><!-- react-text: 389 -->When background color is a deep color, you can use this pattern for the parent level navigation item of current page.<!-- /react-text --></p></li><li data-reactid="390"><p data-reactid="391"><strong data-reactid="392"><!-- react-text: 393 -->The highlight match stick<!-- /react-text --></strong></p><p data-reactid="394"><!-- react-text: 395 -->When background color is a light color, you can use this pattern for the current page navigation item, we recommed to use it for the last item of the navigation path.<!-- /react-text --></p></li><li data-reactid="396"><p data-reactid="397"><strong data-reactid="398"><!-- react-text: 399 -->Hightlighted font<!-- /react-text --></strong></p><p data-reactid="400"><!-- react-text: 401 -->From the visualization aspect, hightlighted font is stronger than colorblock, this pattern is often used for the parent level of the current item.<!-- /react-text --></p></li><li data-reactid="402"><p data-reactid="403"><strong data-reactid="404"><!-- react-text: 405 -->Enlarge the size of the font<!-- /react-text --></strong></p><p data-reactid="406"><code data-reactid="407"><!-- react-text: 408 -->12px<!-- /react-text --></code><!-- react-text: 409 -->、<!-- /react-text --><code data-reactid="410"><!-- react-text: 411 -->14px<!-- /react-text --></code><!-- react-text: 412 --> is a standard font size of navigations，14 is used for the first and the second level of the navigation. You can choose a approprigate font size in terms of the level of your navigation.<!-- /react-text --></p></li></ul><h2 id="Component-Overview" data-reactid="413"><span data-reactid="414"><!-- react-text: 415 -->Component Overview<!-- /react-text --></span><a href="#Component-Overview" class="anchor" data-reactid="416">#</a></h2><ul data-reactid="417"><li data-reactid="418"><p data-reactid="419"><code data-reactid="420"><!-- react-text: 421 -->Layout<!-- /react-text --></code><!-- react-text: 422 -->: The layout wrapper, in which <!-- /react-text --><code data-reactid="423"><!-- react-text: 424 -->Header<!-- /react-text --></code><!-- react-text: 425 --> <!-- /react-text --><code data-reactid="426"><!-- react-text: 427 -->Sider<!-- /react-text --></code><!-- react-text: 428 --> <!-- /react-text --><code data-reactid="429"><!-- react-text: 430 -->Content<!-- /react-text --></code><!-- react-text: 431 --> <!-- /react-text --><code data-reactid="432"><!-- react-text: 433 -->Footer<!-- /react-text --></code><!-- react-text: 434 --> or <!-- /react-text --><code data-reactid="435"><!-- react-text: 436 -->Layout<!-- /react-text --></code><!-- react-text: 437 --> itself can be nested, and can be placed in any parent container.<!-- /react-text --></p></li><li data-reactid="438"><p data-reactid="439"><code data-reactid="440"><!-- react-text: 441 -->Header<!-- /react-text --></code><!-- react-text: 442 -->: The top layout with default style, in which any element can be nested, and must be placed in <!-- /react-text --><code data-reactid="443"><!-- react-text: 444 -->Layout<!-- /react-text --></code><!-- react-text: 445 -->.<!-- /react-text --></p></li><li data-reactid="446"><p data-reactid="447"><code data-reactid="448"><!-- react-text: 449 -->Sider<!-- /react-text --></code><!-- react-text: 450 -->: The sidebar with default style and basic functions, in which any element can be nested, and must be placed in <!-- /react-text --><code data-reactid="451"><!-- react-text: 452 -->Layout<!-- /react-text --></code><!-- react-text: 453 -->.<!-- /react-text --></p></li><li data-reactid="454"><p data-reactid="455"><code data-reactid="456"><!-- react-text: 457 -->Content<!-- /react-text --></code><!-- react-text: 458 -->: The content layout with default style, in which any element can be nested, and must be placed in <!-- /react-text --><code data-reactid="459"><!-- react-text: 460 -->Layout<!-- /react-text --></code><!-- react-text: 461 -->.<!-- /react-text --></p></li><li data-reactid="462"><p data-reactid="463"><code data-reactid="464"><!-- react-text: 465 -->Footer<!-- /react-text --></code><!-- react-text: 466 -->: The bottom layout with default style, in which any element can be nested, and must be placed in <!-- /react-text --><code data-reactid="467"><!-- react-text: 468 -->Layout<!-- /react-text --></code><!-- react-text: 469 -->.<!-- /react-text --></p></li></ul><blockquote data-reactid="470"><p data-reactid="471"><!-- react-text: 472 -->Base on <!-- /react-text --><code data-reactid="473"><!-- react-text: 474 -->flex layout<!-- /react-text --></code><!-- react-text: 475 -->, please pay attention to the <!-- /react-text --><a href="http://caniuse.com/#search=flex" data-reactid="476"><!-- react-text: 477 -->compatibility<!-- /react-text --></a><!-- react-text: 478 -->.<!-- /react-text --></p></blockquote></section><h2 data-reactid="479"><span data-reactid="480">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="481"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="482"><div style="padding-left:8px;padding-right:8px;" class="ant-col-24 code-boxes-col-1-1" data-reactid="483"><section class="code-box" id="components-layout-demo-basic" data-reactid="484"><section class="code-box-demo" data-reactid="485"><div data-reactid="486"><div class="ant-layout" data-reactid="487"><div class="ant-layout-header" data-reactid="488">Header</div><div class="ant-layout-content" data-reactid="489">Content</div><div class="ant-layout-footer" data-reactid="490">Footer</div></div><div class="ant-layout" data-reactid="491"><div class="ant-layout-header" data-reactid="492">Header</div><div class="ant-layout ant-layout-has-sider" data-reactid="493"><div class="ant-layout-sider" style="flex:0 0 200px;width:200px;" data-reactid="494"><!-- react-text: 495 -->Sider<!-- /react-text --></div><div class="ant-layout-content" data-reactid="496">Content</div></div><div class="ant-layout-footer" data-reactid="497">Footer</div></div><div class="ant-layout" data-reactid="498"><div class="ant-layout-header" data-reactid="499">Header</div><div class="ant-layout ant-layout-has-sider" data-reactid="500"><div class="ant-layout-content" data-reactid="501">Content</div><div class="ant-layout-sider" style="flex:0 0 200px;width:200px;" data-reactid="502"><!-- react-text: 503 -->Sider<!-- /react-text --></div></div><div class="ant-layout-footer" data-reactid="504">Footer</div></div><div class="ant-layout ant-layout-has-sider" data-reactid="505"><div class="ant-layout-sider" style="flex:0 0 200px;width:200px;" data-reactid="506"><!-- react-text: 507 -->Sider<!-- /react-text --></div><div class="ant-layout" data-reactid="508"><div class="ant-layout-header" data-reactid="509">Header</div><div class="ant-layout-content" data-reactid="510">Content</div><div class="ant-layout-footer" data-reactid="511">Footer</div></div></div></div><style data-reactid="512">
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic Structure" data-reactid="293"><a href="#components-layout-demo-basic" data-reactid="294">Basic Structure</a></li><li title="Header-Content-Footer" data-reactid="295"><a href="#components-layout-demo-top" data-reactid="296">Header-Content-Footer</a></li><li title="Header Sider 2" data-reactid="297"><a href="#components-layout-demo-top-side-2" data-reactid="298">Header Sider 2</a></li><li title="Header-Sider" data-reactid="299"><a href="#components-layout-demo-top-side" data-reactid="300">Header-Sider</a></li><li title="Sider" data-reactid="301"><a href="#components-layout-demo-side" data-reactid="302">Sider</a></li><li title="Custom trigger" data-reactid="303"><a href="#components-layout-demo-custom-trigger" data-reactid="304">Custom trigger</a></li><li title="Responsive" data-reactid="305"><a href="#components-layout-demo-responsive" data-reactid="306">Responsive</a></li><li title="Fixed Header" data-reactid="307"><a href="#components-layout-demo-fixed" data-reactid="308">Fixed Header</a></li><li title="Fixed Sider" data-reactid="309"><a href="#components-layout-demo-fixed-sider" data-reactid="310">Fixed Sider</a></li></ul></div></div><section class="markdown" data-reactid="311"><h1 data-reactid="312"><!-- react-text: 313 -->Layout<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/layout/index.en-US.md" data-reactid="314"><i class="anticon anticon-edit" data-reactid="315"></i></a></h1><section class="markdown" data-reactid="316"><p data-reactid="317"><!-- react-text: 318 -->Handling the overall layout of a page.<!-- /react-text --></p><h2 id="Specification" data-reactid="319"><span data-reactid="320"><!-- react-text: 321 -->Specification<!-- /react-text --></span><a href="#Specification" class="anchor" data-reactid="322">#</a></h2><h3 id="Size" data-reactid="323"><span data-reactid="324"><!-- react-text: 325 -->Size<!-- /react-text --></span><a href="#Size" class="anchor" data-reactid="326">#</a></h3><p data-reactid="327"><!-- react-text: 328 -->The first level of the navigation is placed near by a logo inclined left, and the secondary menu is placed inclined right.<!-- /react-text --></p><ul data-reactid="329"><li data-reactid="330"><p data-reactid="331"><!-- react-text: 332 -->Top Navigation (almost systems): the height of the first level navigation <!-- /react-text --><code data-reactid="333"><!-- react-text: 334 -->64px<!-- /react-text --></code><!-- react-text: 335 -->, the second level of navigation <!-- /react-text --><code data-reactid="336"><!-- react-text: 337 -->48px<!-- /react-text --></code><!-- react-text: 338 -->。<!-- /react-text --></p></li><li data-reactid="339"><p data-reactid="340"><!-- react-text: 341 -->Top Navigation(contents page): the height of the first level navigation <!-- /react-text --><code data-reactid="342"><!-- react-text: 343 -->80px<!-- /react-text --></code><!-- react-text: 344 -->, the second level of navigation <!-- /react-text --><code data-reactid="345"><!-- react-text: 346 -->56px<!-- /react-text --></code><!-- react-text: 347 -->。<!-- /react-text --></p></li><li data-reactid="348"><p data-reactid="349"><!-- react-text: 350 -->Calculation formula of a top navigation:<!-- /react-text --><code data-reactid="351"><!-- react-text: 352 -->48+8n<!-- /react-text --></code><!-- react-text: 353 -->.<!-- /react-text --></p></li><li data-reactid="354"><p data-reactid="355"><!-- react-text: 356 -->Calculation formula a aside navigation:<!-- /react-text --><code data-reactid="357"><!-- react-text: 358 -->200+8n<!-- /react-text --></code><!-- react-text: 359 -->.<!-- /react-text --></p></li></ul><h3 id="Interaction-rules" data-reactid="360"><span data-reactid="361"><!-- react-text: 362 -->Interaction rules<!-- /react-text --></span><a href="#Interaction-rules" class="anchor" data-reactid="363">#</a></h3><ul data-reactid="364"><li data-reactid="365"><p data-reactid="366"><!-- react-text: 367 -->The first level navigation and the last level navigation should be distincted by visualization;<!-- /react-text --></p></li><li data-reactid="368"><p data-reactid="369"><!-- react-text: 370 -->The current item should have the highest priority of visualization;<!-- /react-text --></p></li><li data-reactid="371"><p data-reactid="372"><!-- react-text: 373 -->When the current navigation item is collapsed, the stlye of the current navigation item will be applied to the parent level of it;<!-- /react-text --></p></li><li data-reactid="374"><p data-reactid="375"><!-- react-text: 376 -->The left side navigation bar support for both the according and the expanding style, you can choose the one of it case by case.<!-- /react-text --></p></li></ul><h2 id="Visualization-rules" data-reactid="377"><span data-reactid="378"><!-- react-text: 379 -->Visualization rules<!-- /react-text --></span><a href="#Visualization-rules" class="anchor" data-reactid="380">#</a></h2><p data-reactid="381"><!-- react-text: 382 --> Style of a navigation should conform to the level of it.<!-- /react-text --></p><ul data-reactid="383"><li data-reactid="384"><p data-reactid="385"><strong data-reactid="386"><!-- react-text: 387 -->Emphasis by colorblock<!-- /react-text --></strong></p><p data-reactid="388"><!-- react-text: 389 -->When background color is a deep color, you can use this pattern for the parent level navigation item of current page.<!-- /react-text --></p></li><li data-reactid="390"><p data-reactid="391"><strong data-reactid="392"><!-- react-text: 393 -->The highlight match stick<!-- /react-text --></strong></p><p data-reactid="394"><!-- react-text: 395 -->When background color is a light color, you can use this pattern for the current page navigation item, we recommed to use it for the last item of the navigation path.<!-- /react-text --></p></li><li data-reactid="396"><p data-reactid="397"><strong data-reactid="398"><!-- react-text: 399 -->Hightlighted font<!-- /react-text --></strong></p><p data-reactid="400"><!-- react-text: 401 -->From the visualization aspect, hightlighted font is stronger than colorblock, this pattern is often used for the parent level of the current item.<!-- /react-text --></p></li><li data-reactid="402"><p data-reactid="403"><strong data-reactid="404"><!-- react-text: 405 -->Enlarge the size of the font<!-- /react-text --></strong></p><p data-reactid="406"><code data-reactid="407"><!-- react-text: 408 -->12px<!-- /react-text --></code><!-- react-text: 409 -->、<!-- /react-text --><code data-reactid="410"><!-- react-text: 411 -->14px<!-- /react-text --></code><!-- react-text: 412 --> is a standard font size of navigations，14 is used for the first and the second level of the navigation. You can choose a approprigate font size in terms of the level of your navigation.<!-- /react-text --></p></li></ul><h2 id="Component-Overview" data-reactid="413"><span data-reactid="414"><!-- react-text: 415 -->Component Overview<!-- /react-text --></span><a href="#Component-Overview" class="anchor" data-reactid="416">#</a></h2><ul data-reactid="417"><li data-reactid="418"><p data-reactid="419"><code data-reactid="420"><!-- react-text: 421 -->Layout<!-- /react-text --></code><!-- react-text: 422 -->: The layout wrapper, in which <!-- /react-text --><code data-reactid="423"><!-- react-text: 424 -->Header<!-- /react-text --></code><!-- react-text: 425 --> <!-- /react-text --><code data-reactid="426"><!-- react-text: 427 -->Sider<!-- /react-text --></code><!-- react-text: 428 --> <!-- /react-text --><code data-reactid="429"><!-- react-text: 430 -->Content<!-- /react-text --></code><!-- react-text: 431 --> <!-- /react-text --><code data-reactid="432"><!-- react-text: 433 -->Footer<!-- /react-text --></code><!-- react-text: 434 --> or <!-- /react-text --><code data-reactid="435"><!-- react-text: 436 -->Layout<!-- /react-text --></code><!-- react-text: 437 --> itself can be nested, and can be placed in any parent container.<!-- /react-text --></p></li><li data-reactid="438"><p data-reactid="439"><code data-reactid="440"><!-- react-text: 441 -->Header<!-- /react-text --></code><!-- react-text: 442 -->: The top layout with default style, in which any element can be nested, and must be placed in <!-- /react-text --><code data-reactid="443"><!-- react-text: 444 -->Layout<!-- /react-text --></code><!-- react-text: 445 -->.<!-- /react-text --></p></li><li data-reactid="446"><p data-reactid="447"><code data-reactid="448"><!-- react-text: 449 -->Sider<!-- /react-text --></code><!-- react-text: 450 -->: The sidebar with default style and basic functions, in which any element can be nested, and must be placed in <!-- /react-text --><code data-reactid="451"><!-- react-text: 452 -->Layout<!-- /react-text --></code><!-- react-text: 453 -->.<!-- /react-text --></p></li><li data-reactid="454"><p data-reactid="455"><code data-reactid="456"><!-- react-text: 457 -->Content<!-- /react-text --></code><!-- react-text: 458 -->: The content layout with default style, in which any element can be nested, and must be placed in <!-- /react-text --><code data-reactid="459"><!-- react-text: 460 -->Layout<!-- /react-text --></code><!-- react-text: 461 -->.<!-- /react-text --></p></li><li data-reactid="462"><p data-reactid="463"><code data-reactid="464"><!-- react-text: 465 -->Footer<!-- /react-text --></code><!-- react-text: 466 -->: The bottom layout with default style, in which any element can be nested, and must be placed in <!-- /react-text --><code data-reactid="467"><!-- react-text: 468 -->Layout<!-- /react-text --></code><!-- react-text: 469 -->.<!-- /react-text --></p></li></ul><blockquote data-reactid="470"><p data-reactid="471"><!-- react-text: 472 -->Base on <!-- /react-text --><code data-reactid="473"><!-- react-text: 474 -->flex layout<!-- /react-text --></code><!-- react-text: 475 -->, please pay attention to the <!-- /react-text --><a href="http://caniuse.com/#search=flex" data-reactid="476"><!-- react-text: 477 -->compatibility<!-- /react-text --></a><!-- react-text: 478 -->.<!-- /react-text --></p></blockquote></section><h2 data-reactid="479"><span data-reactid="480">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="481"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="482"><div style="padding-left:8px;padding-right:8px;" class="ant-col-24 code-boxes-col-1-1" data-reactid="483"><section class="code-box" id="components-layout-demo-basic" data-reactid="484"><section class="code-box-demo" data-reactid="485"><div data-reactid="486"><div class="ant-layout" data-reactid="487"><div class="ant-layout-header" data-reactid="488">Header</div><div class="ant-layout-content" data-reactid="489">Content</div><div class="ant-layout-footer" data-reactid="490">Footer</div></div><div class="ant-layout" data-reactid="491"><div class="ant-layout-header" data-reactid="492">Header</div><div class="ant-layout ant-layout-has-sider" data-reactid="493"><div class="ant-layout-sider" style="flex:0 0 200px;width:200px;" data-reactid="494"><!-- react-text: 495 -->Sider<!-- /react-text --></div><div class="ant-layout-content" data-reactid="496">Content</div></div><div class="ant-layout-footer" data-reactid="497">Footer</div></div><div class="ant-layout" data-reactid="498"><div class="ant-layout-header" data-reactid="499">Header</div><div class="ant-layout ant-layout-has-sider" data-reactid="500"><div class="ant-layout-content" data-reactid="501">Content</div><div class="ant-layout-sider" style="flex:0 0 200px;width:200px;" data-reactid="502"><!-- react-text: 503 -->Sider<!-- /react-text --></div></div><div class="ant-layout-footer" data-reactid="504">Footer</div></div><div class="ant-layout ant-layout-has-sider" data-reactid="505"><div class="ant-layout-sider" style="flex:0 0 200px;width:200px;" data-reactid="506"><!-- react-text: 507 -->Sider<!-- /react-text --></div><div class="ant-layout" data-reactid="508"><div class="ant-layout-header" data-reactid="509">Header</div><div class="ant-layout-content" data-reactid="510">Content</div><div class="ant-layout-footer" data-reactid="511">Footer</div></div></div></div><style data-reactid="512">
 #components-layout-demo-basic .code-box-demo {
   text-align: center;
 }
@@ -631,7 +631,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
   <span class="token property">background</span><span class="token punctuation">:</span> <span class="token hexcode">#333</span><span class="token punctuation">;</span>
   <span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">6</span>px<span class="token punctuation">;</span>
   <span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">16</span>px<span class="token punctuation">;</span>
-<span class="token punctuation">}</span></code></pre></div></section></section><section class="code-box" id="components-layout-demo-fixed" data-reactid="860"><section class="code-box-demo" data-reactid="861"><div class="browser-mockup with-url" data-reactid="862"><iframe src="/demo-0.4755715146103525.html" height="360" data-reactid="863"></iframe></div><style data-reactid="864">#components-layout-demo-fixed .logo {
+<span class="token punctuation">}</span></code></pre></div></section></section><section class="code-box" id="components-layout-demo-fixed" data-reactid="860"><section class="code-box-demo" data-reactid="861"><div class="browser-mockup with-url" data-reactid="862"><iframe src="/demo-0.2547414982548497.html" height="360" data-reactid="863"></iframe></div><style data-reactid="864">#components-layout-demo-fixed .logo {
   width: 120px;
   height: 31px;
   background: #333;
@@ -675,7 +675,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
   <span class="token property">border-radius</span><span class="token punctuation">:</span> <span class="token number">6</span>px<span class="token punctuation">;</span>
   <span class="token property">margin</span><span class="token punctuation">:</span> <span class="token number">16</span>px <span class="token number">24</span>px <span class="token number">16</span>px <span class="token number">0</span><span class="token punctuation">;</span>
   <span class="token property">float</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span>
-<span class="token punctuation">}</span></code></pre></div></section></section><section class="code-box" id="components-layout-demo-fixed-sider" data-reactid="882"><section class="code-box-demo" data-reactid="883"><div class="browser-mockup with-url" data-reactid="884"><iframe src="/demo-0.6677966089058547.html" height="360" data-reactid="885"></iframe></div><style data-reactid="886">#components-layout-demo-fixed-sider .logo {
+<span class="token punctuation">}</span></code></pre></div></section></section><section class="code-box" id="components-layout-demo-fixed-sider" data-reactid="882"><section class="code-box-demo" data-reactid="883"><div class="browser-mockup with-url" data-reactid="884"><iframe src="/demo-0.3755682913391618.html" height="360" data-reactid="885"></iframe></div><style data-reactid="886">#components-layout-demo-fixed-sider .logo {
   height: 32px;
   background: #333;
   border-radius: 6px;
diff --git a/components/locale-provider-cn/index.html b/components/locale-provider-cn/index.html
index cd1e38554..2642068e6 100644
--- a/components/locale-provider-cn/index.html
+++ b/components/locale-provider-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-162822967"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-203062069"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="国际化" data-reactid="293"><a href="#components-locale-provider-demo-basic" data-reactid="294">国际化</a></li><li title="所有组件" data-reactid="295"><a href="#components-locale-provider-demo-all" data-reactid="296">所有组件</a></li></ul></div></div><section class="markdown" data-reactid="297"><h1 data-reactid="298"><!-- react-text: 299 -->LocaleProvider<!-- /react-text --><span class="subtitle" data-reactid="300">国际化</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/locale-provider/index.zh-CN.md" data-reactid="301"><i class="anticon anticon-edit" data-reactid="302"></i></a></h1><section class="markdown" data-reactid="303"><p data-reactid="304"><!-- react-text: 305 -->为组件内建文案提供统一的国际化支持。<!-- /react-text --></p><h2 id="使用" data-reactid="306"><span data-reactid="307"><!-- react-text: 308 -->使用<!-- /react-text --></span><a href="#使用" class="anchor" data-reactid="309">#</a></h2><p data-reactid="310"><!-- react-text: 311 -->LocaleProvider 使用 React 的 <!-- /react-text --><a href="https://facebook.github.io/react/docs/context.html" data-reactid="312"><!-- react-text: 313 -->context<!-- /react-text --></a><!-- react-text: 314 --> 特性，只需在应用外围包裹一次即可全局生效。<!-- /react-text --></p><pre class="language-jsx" data-reactid="315"><code data-reactid="316"><span class="token keyword">import</span> enUS <span class="token keyword">from</span> <span class="token string">'antd/lib/locale-provider/en_US'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="国际化" data-reactid="293"><a href="#components-locale-provider-demo-basic" data-reactid="294">国际化</a></li><li title="所有组件" data-reactid="295"><a href="#components-locale-provider-demo-all" data-reactid="296">所有组件</a></li></ul></div></div><section class="markdown" data-reactid="297"><h1 data-reactid="298"><!-- react-text: 299 -->LocaleProvider<!-- /react-text --><span class="subtitle" data-reactid="300">国际化</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/locale-provider/index.zh-CN.md" data-reactid="301"><i class="anticon anticon-edit" data-reactid="302"></i></a></h1><section class="markdown" data-reactid="303"><p data-reactid="304"><!-- react-text: 305 -->为组件内建文案提供统一的国际化支持。<!-- /react-text --></p><h2 id="使用" data-reactid="306"><span data-reactid="307"><!-- react-text: 308 -->使用<!-- /react-text --></span><a href="#使用" class="anchor" data-reactid="309">#</a></h2><p data-reactid="310"><!-- react-text: 311 -->LocaleProvider 使用 React 的 <!-- /react-text --><a href="https://facebook.github.io/react/docs/context.html" data-reactid="312"><!-- react-text: 313 -->context<!-- /react-text --></a><!-- react-text: 314 --> 特性，只需在应用外围包裹一次即可全局生效。<!-- /react-text --></p><pre class="language-jsx" data-reactid="315"><code data-reactid="316"><span class="token keyword">import</span> enUS <span class="token keyword">from</span> <span class="token string">'antd/lib/locale-provider/en_US'</span><span class="token punctuation">;</span>
 
 <span class="token operator">...</span>
 
@@ -138,7 +138,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="435"><div class="ant-select-selection__rendered" data-reactid="436"><div class="ant-select-selection-selected-value" title="10 / page" style="display:block;opacity:1;" data-reactid="437">10 / page</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="438"><b data-reactid="439"></b></span></div></div></div></ul></div><div class="example" data-reactid="440"><div style="width:200px;" class="ant-select ant-select-enabled" data-reactid="441"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="442"><div class="ant-select-selection__rendered" data-reactid="443"><div class="ant-select-search ant-select-search--inline" style="display:none;" data-reactid="444"><div class="ant-select-search__field__wrap" data-reactid="445"><input value="" class="ant-select-search__field" data-reactid="446"/><span class="ant-select-search__field__mirror" data-reactid="447"><!-- react-text: 448 --><!-- /react-text --><!-- react-text: 449 --> <!-- /react-text --></span></div></div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="450"><b data-reactid="451"></b></span></div></div><span class="ant-calendar-picker" data-reactid="452"><span data-reactid="453"><input readonly="" value="" placeholder="Select date" class="ant-calendar-picker-input ant-input" data-reactid="454"/><span class="ant-calendar-picker-icon" data-reactid="455"></span></span></span><span class="ant-time-picker " data-reactid="456"><input type="text" class="ant-time-picker-input" placeholder="Select time" readonly="" value="" data-reactid="457"/><span class="ant-time-picker-icon" data-reactid="458"></span></span><span class="ant-calendar-picker" style="width:200px;" data-reactid="459"><span class="ant-calendar-picker-input ant-input" data-reactid="460"><input readonly="" value="" placeholder="Start date" class="ant-calendar-range-picker-input" data-reactid="461"/><span class="ant-calendar-range-picker-separator" data-reactid="462"> ~ </span><input readonly="" value="" placeholder="End date" class="ant-calendar-range-picker-input" data-reactid="463"/><span class="ant-calendar-picker-icon" data-reactid="464"></span></span></span></div><div class="example" data-reactid="465"><button type="button" class="ant-btn ant-btn-primary" data-reactid="466"><span data-reactid="467">Show Modal</span></button><button type="button" class="ant-btn" data-reactid="468"><span data-reactid="469">Show info</span></button><button type="button" class="ant-btn" data-reactid="470"><span data-reactid="471">Show confirm</span></button><a href="#" data-reactid="472">Click to confirm</a></div><div class="example" data-reactid="473"><div class="ant-transfer" data-reactid="474"><div class="ant-transfer-list" data-reactid="475"><div class="ant-transfer-list-header" data-reactid="476"><label class="ant-checkbox-wrapper" data-reactid="477"><span class="ant-checkbox" data-reactid="478"><input type="checkbox" class="ant-checkbox-input" data-reactid="479"/><span class="ant-checkbox-inner" data-reactid="480"></span></span></label><span class="ant-transfer-list-header-selected" data-reactid="481"><span data-reactid="482"><!-- react-text: 483 -->0<!-- /react-text --><!-- react-text: 484 --> <!-- /react-text --><!-- react-text: 485 -->item<!-- /react-text --></span><span class="ant-transfer-list-header-title" data-reactid="486"></span></span></div><div class="ant-transfer-list-body ant-transfer-list-body-with-search" data-reactid="487"><div class="ant-transfer-list-body-search-wrapper" data-reactid="488"><div data-reactid="489"><input type="text" placeholder="Search here" class="ant-input ant-transfer-list-search" value="" data-reactid="490"/><span class="ant-transfer-list-search-action" data-reactid="491"><i class="anticon anticon-search" data-reactid="492"></i></span></div></div><ul class="ant-transfer-list-content" data-reactid="493"></ul><div class="ant-transfer-list-body-not-found" data-reactid="494">Not Found</div></div></div><div class="ant-transfer-operation" data-reactid="495"><button disabled="" type="button" class="ant-btn ant-btn-primary ant-btn-sm" data-reactid="496"><span data-reactid="497"><i class="anticon anticon-left" data-reactid="498"></i><!-- react-text: 499 --><!-- /react-text --></span></button><button disabled="" type="button" class="ant-btn ant-btn-primary ant-btn-sm" data-reactid="500"><span data-reactid="501"><!-- react-text: 502 --><!-- /react-text --><i class="anticon anticon-right" data-reactid="503"></i></span></button></div><div class="ant-transfer-list" data-reactid="504"><div class="ant-transfer-list-header" data-reactid="505"><label class="ant-checkbox-wrapper" data-reactid="506"><span class="ant-checkbox" data-reactid="507"><input type="checkbox" class="ant-checkbox-input" data-reactid="508"/><span class="ant-checkbox-inner" data-reactid="509"></span></span></label><span class="ant-transfer-list-header-selected" data-reactid="510"><span data-reactid="511"><!-- react-text: 512 -->0<!-- /react-text --><!-- react-text: 513 --> <!-- /react-text --><!-- react-text: 514 -->item<!-- /react-text --></span><span class="ant-transfer-list-header-title" data-reactid="515"></span></span></div><div class="ant-transfer-list-body ant-transfer-list-body-with-search" data-reactid="516"><div class="ant-transfer-list-body-search-wrapper" data-reactid="517"><div data-reactid="518"><input type="text" placeholder="Search here" class="ant-input ant-transfer-list-search" value="" data-reactid="519"/><span class="ant-transfer-list-search-action" data-reactid="520"><i class="anticon anticon-search" data-reactid="521"></i></span></div></div><ul class="ant-transfer-list-content" data-reactid="522"></ul><div class="ant-transfer-list-body-not-found" data-reactid="523">Not Found</div></div></div></div></div><div style="width:319px;border:1px solid #d9d9d9;border-radius:4px;" data-reactid="524"><div class="" data-reactid="525"><div class="ant-fullcalendar-header" data-reactid="526"><div class="ant-select-sm ant-fullcalendar-year-select ant-select ant-select-enabled" data-reactid="527"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="528"><div class="ant-select-selection__rendered" data-reactid="529"><div class="ant-select-selection-selected-value" title="2017" style="display:block;opacity:1;" data-reactid="530">2017</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="531"><b data-reactid="532"></b></span></div></div><div class="ant-select-sm ant-fullcalendar-month-select ant-select ant-select-enabled" data-reactid="533"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="534"><div class="ant-select-selection__rendered" data-reactid="535"><div class="ant-select-selection-selected-value" title="Apr" style="display:block;opacity:1;" data-reactid="536">Apr</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="537"><b data-reactid="538"></b></span></div></div><div class="ant-radio-group ant-radio-group-small" data-reactid="539"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked" data-reactid="540"><span class="ant-radio-button ant-radio-button-checked" data-reactid="541"><input type="radio" class="ant-radio-button-input" checked="" data-reactid="542"/><span class="ant-radio-button-inner" data-reactid="543"></span></span><span data-reactid="544">Month</span></label><label class="ant-radio-button-wrapper" data-reactid="545"><span class="ant-radio-button" data-reactid="546"><input type="radio" class="ant-radio-button-input" data-reactid="547"/><span class="ant-radio-button-inner" data-reactid="548"></span></span><span data-reactid="549">Year</span></label></div></div><div class="ant-fullcalendar ant-fullcalendar-full" tabindex="0" data-reactid="550"><div class="ant-fullcalendar-calendar-body" data-reactid="551"><table class="ant-fullcalendar-table" cellspacing="0" role="grid" data-reactid="552"><thead data-reactid="553"><tr role="row" data-reactid="554"><th role="columnheader" title="Sun" class="ant-fullcalendar-column-header" data-reactid="555"><span class="ant-fullcalendar-column-header-inner" data-reactid="556">Su</span></th><th role="columnheader" title="Mon" class="ant-fullcalendar-column-header" data-reactid="557"><span class="ant-fullcalendar-column-header-inner" data-reactid="558">Mo</span></th><th role="columnheader" title="Tue" class="ant-fullcalendar-column-header" data-reactid="559"><span class="ant-fullcalendar-column-header-inner" data-reactid="560">Tu</span></th><th role="columnheader" title="Wed" class="ant-fullcalendar-column-header" data-reactid="561"><span class="ant-fullcalendar-column-header-inner" data-reactid="562">We</span></th><th role="columnheader" title="Thu" class="ant-fullcalendar-column-header" data-reactid="563"><span class="ant-fullcalendar-column-header-inner" data-reactid="564">Th</span></th><th role="columnheader" title="Fri" class="ant-fullcalendar-column-header" data-reactid="565"><span class="ant-fullcalendar-column-header-inner" data-reactid="566">Fr</span></th><th role="columnheader" title="Sat" class="ant-fullcalendar-column-header" data-reactid="567"><span class="ant-fullcalendar-column-header-inner" data-reactid="568">Sa</span></th></tr></thead><tbody class="ant-fullcalendar-tbody" data-reactid="569"><tr role="row" class="" data-reactid="570"><td role="gridcell" title="2017-3-26" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="571"><div class="ant-fullcalendar-date" data-reactid="572"><div class="ant-fullcalendar-value" data-reactid="573">26</div><div class="ant-fullcalendar-content" data-reactid="574"></div></div></td><td role="gridcell" title="2017-3-27" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="575"><div class="ant-fullcalendar-date" data-reactid="576"><div class="ant-fullcalendar-value" data-reactid="577">27</div><div class="ant-fullcalendar-content" data-reactid="578"></div></div></td><td role="gridcell" title="2017-3-28" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="579"><div class="ant-fullcalendar-date" data-reactid="580"><div class="ant-fullcalendar-value" data-reactid="581">28</div><div class="ant-fullcalendar-content" data-reactid="582"></div></div></td><td role="gridcell" title="2017-3-29" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="583"><div class="ant-fullcalendar-date" data-reactid="584"><div class="ant-fullcalendar-value" data-reactid="585">29</div><div class="ant-fullcalendar-content" data-reactid="586"></div></div></td><td role="gridcell" title="2017-3-30" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="587"><div class="ant-fullcalendar-date" data-reactid="588"><div class="ant-fullcalendar-value" data-reactid="589">30</div><div class="ant-fullcalendar-content" data-reactid="590"></div></div></td><td role="gridcell" title="2017-3-31" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="591"><div class="ant-fullcalendar-date" data-reactid="592"><div class="ant-fullcalendar-value" data-reactid="593">31</div><div class="ant-fullcalendar-content" data-reactid="594"></div></div></td><td role="gridcell" title="2017-4-1" class="ant-fullcalendar-cell" data-reactid="595"><div class="ant-fullcalendar-date" data-reactid="596"><div class="ant-fullcalendar-value" data-reactid="597">01</div><div class="ant-fullcalendar-content" data-reactid="598"></div></div></td></tr><tr role="row" class="" data-reactid="599"><td role="gridcell" title="2017-4-2" class="ant-fullcalendar-cell" data-reactid="600"><div class="ant-fullcalendar-date" data-reactid="601"><div class="ant-fullcalendar-value" data-reactid="602">02</div><div class="ant-fullcalendar-content" data-reactid="603"></div></div></td><td role="gridcell" title="2017-4-3" class="ant-fullcalendar-cell" data-reactid="604"><div class="ant-fullcalendar-date" data-reactid="605"><div class="ant-fullcalendar-value" data-reactid="606">03</div><div class="ant-fullcalendar-content" data-reactid="607"></div></div></td><td role="gridcell" title="2017-4-4" class="ant-fullcalendar-cell" data-reactid="608"><div class="ant-fullcalendar-date" data-reactid="609"><div class="ant-fullcalendar-value" data-reactid="610">04</div><div class="ant-fullcalendar-content" data-reactid="611"></div></div></td><td role="gridcell" title="2017-4-5" class="ant-fullcalendar-cell" data-reactid="612"><div class="ant-fullcalendar-date" data-reactid="613"><div class="ant-fullcalendar-value" data-reactid="614">05</div><div class="ant-fullcalendar-content" data-reactid="615"></div></div></td><td role="gridcell" title="2017-4-6" class="ant-fullcalendar-cell" data-reactid="616"><div class="ant-fullcalendar-date" data-reactid="617"><div class="ant-fullcalendar-value" data-reactid="618">06</div><div class="ant-fullcalendar-content" data-reactid="619"></div></div></td><td role="gridcell" title="2017-4-7" class="ant-fullcalendar-cell" data-reactid="620"><div class="ant-fullcalendar-date" data-reactid="621"><div class="ant-fullcalendar-value" data-reactid="622">07</div><div class="ant-fullcalendar-content" data-reactid="623"></div></div></td><td role="gridcell" title="2017-4-8" class="ant-fullcalendar-cell" data-reactid="624"><div class="ant-fullcalendar-date" data-reactid="625"><div class="ant-fullcalendar-value" data-reactid="626">08</div><div class="ant-fullcalendar-content" data-reactid="627"></div></div></td></tr><tr role="row" class="" data-reactid="628"><td role="gridcell" title="2017-4-9" class="ant-fullcalendar-cell" data-reactid="629"><div class="ant-fullcalendar-date" data-reactid="630"><div class="ant-fullcalendar-value" data-reactid="631">09</div><div class="ant-fullcalendar-content" data-reactid="632"></div></div></td><td role="gridcell" title="2017-4-10" class="ant-fullcalendar-cell" data-reactid="633"><div class="ant-fullcalendar-date" data-reactid="634"><div class="ant-fullcalendar-value" data-reactid="635">10</div><div class="ant-fullcalendar-content" data-reactid="636"></div></div></td><td role="gridcell" title="2017-4-11" class="ant-fullcalendar-cell" data-reactid="637"><div class="ant-fullcalendar-date" data-reactid="638"><div class="ant-fullcalendar-value" data-reactid="639">11</div><div class="ant-fullcalendar-content" data-reactid="640"></div></div></td><td role="gridcell" title="2017-4-12" class="ant-fullcalendar-cell" data-reactid="641"><div class="ant-fullcalendar-date" data-reactid="642"><div class="ant-fullcalendar-value" data-reactid="643">12</div><div class="ant-fullcalendar-content" data-reactid="644"></div></div></td><td role="gridcell" title="2017-4-13" class="ant-fullcalendar-cell" data-reactid="645"><div class="ant-fullcalendar-date" data-reactid="646"><div class="ant-fullcalendar-value" data-reactid="647">13</div><div class="ant-fullcalendar-content" data-reactid="648"></div></div></td><td role="gridcell" title="2017-4-14" class="ant-fullcalendar-cell" data-reactid="649"><div class="ant-fullcalendar-date" data-reactid="650"><div class="ant-fullcalendar-value" data-reactid="651">14</div><div class="ant-fullcalendar-content" data-reactid="652"></div></div></td><td role="gridcell" title="2017-4-15" class="ant-fullcalendar-cell" data-reactid="653"><div class="ant-fullcalendar-date" data-reactid="654"><div class="ant-fullcalendar-value" data-reactid="655">15</div><div class="ant-fullcalendar-content" data-reactid="656"></div></div></td></tr><tr role="row" class="ant-fullcalendar-current-week ant-fullcalendar-active-week" data-reactid="657"><td role="gridcell" title="2017-4-16" class="ant-fullcalendar-cell" data-reactid="658"><div class="ant-fullcalendar-date" data-reactid="659"><div class="ant-fullcalendar-value" data-reactid="660">16</div><div class="ant-fullcalendar-content" data-reactid="661"></div></div></td><td role="gridcell" title="2017-4-17" class="ant-fullcalendar-cell" data-reactid="662"><div class="ant-fullcalendar-date" data-reactid="663"><div class="ant-fullcalendar-value" data-reactid="664">17</div><div class="ant-fullcalendar-content" data-reactid="665"></div></div></td><td role="gridcell" title="2017-4-18" class="ant-fullcalendar-cell" data-reactid="666"><div class="ant-fullcalendar-date" data-reactid="667"><div class="ant-fullcalendar-value" data-reactid="668">18</div><div class="ant-fullcalendar-content" data-reactid="669"></div></div></td><td role="gridcell" title="2017-4-19" class="ant-fullcalendar-cell" data-reactid="670"><div class="ant-fullcalendar-date" data-reactid="671"><div class="ant-fullcalendar-value" data-reactid="672">19</div><div class="ant-fullcalendar-content" data-reactid="673"></div></div></td><td role="gridcell" title="2017-4-20" class="ant-fullcalendar-cell" data-reactid="674"><div class="ant-fullcalendar-date" data-reactid="675"><div class="ant-fullcalendar-value" data-reactid="676">20</div><div class="ant-fullcalendar-content" data-reactid="677"></div></div></td><td role="gridcell" title="2017-4-21" class="ant-fullcalendar-cell" data-reactid="678"><div class="ant-fullcalendar-date" data-reactid="679"><div class="ant-fullcalendar-value" data-reactid="680">21</div><div class="ant-fullcalendar-content" data-reactid="681"></div></div></td><td role="gridcell" title="2017-4-22" class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day" data-reactid="682"><div class="ant-fullcalendar-date" data-reactid="683"><div class="ant-fullcalendar-value" data-reactid="684">22</div><div class="ant-fullcalendar-content" data-reactid="685"></div></div></td></tr><tr role="row" class="" data-reactid="686"><td role="gridcell" title="2017-4-23" class="ant-fullcalendar-cell" data-reactid="687"><div class="ant-fullcalendar-date" data-reactid="688"><div class="ant-fullcalendar-value" data-reactid="689">23</div><div class="ant-fullcalendar-content" data-reactid="690"></div></div></td><td role="gridcell" title="2017-4-24" class="ant-fullcalendar-cell" data-reactid="691"><div class="ant-fullcalendar-date" data-reactid="692"><div class="ant-fullcalendar-value" data-reactid="693">24</div><div class="ant-fullcalendar-content" data-reactid="694"></div></div></td><td role="gridcell" title="2017-4-25" class="ant-fullcalendar-cell" data-reactid="695"><div class="ant-fullcalendar-date" data-reactid="696"><div class="ant-fullcalendar-value" data-reactid="697">25</div><div class="ant-fullcalendar-content" data-reactid="698"></div></div></td><td role="gridcell" title="2017-4-26" class="ant-fullcalendar-cell" data-reactid="699"><div class="ant-fullcalendar-date" data-reactid="700"><div class="ant-fullcalendar-value" data-reactid="701">26</div><div class="ant-fullcalendar-content" data-reactid="702"></div></div></td><td role="gridcell" title="2017-4-27" class="ant-fullcalendar-cell" data-reactid="703"><div class="ant-fullcalendar-date" data-reactid="704"><div class="ant-fullcalendar-value" data-reactid="705">27</div><div class="ant-fullcalendar-content" data-reactid="706"></div></div></td><td role="gridcell" title="2017-4-28" class="ant-fullcalendar-cell" data-reactid="707"><div class="ant-fullcalendar-date" data-reactid="708"><div class="ant-fullcalendar-value" data-reactid="709">28</div><div class="ant-fullcalendar-content" data-reactid="710"></div></div></td><td role="gridcell" title="2017-4-29" class="ant-fullcalendar-cell" data-reactid="711"><div class="ant-fullcalendar-date" data-reactid="712"><div class="ant-fullcalendar-value" data-reactid="713">29</div><div class="ant-fullcalendar-content" data-reactid="714"></div></div></td></tr><tr role="row" class="" data-reactid="715"><td role="gridcell" title="2017-4-30" class="ant-fullcalendar-cell" data-reactid="716"><div class="ant-fullcalendar-date" data-reactid="717"><div class="ant-fullcalendar-value" data-reactid="718">30</div><div class="ant-fullcalendar-content" data-reactid="719"></div></div></td><td role="gridcell" title="2017-5-1" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="720"><div class="ant-fullcalendar-date" data-reactid="721"><div class="ant-fullcalendar-value" data-reactid="722">01</div><div class="ant-fullcalendar-content" data-reactid="723"></div></div></td><td role="gridcell" title="2017-5-2" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="724"><div class="ant-fullcalendar-date" data-reactid="725"><div class="ant-fullcalendar-value" data-reactid="726">02</div><div class="ant-fullcalendar-content" data-reactid="727"></div></div></td><td role="gridcell" title="2017-5-3" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="728"><div class="ant-fullcalendar-date" data-reactid="729"><div class="ant-fullcalendar-value" data-reactid="730">03</div><div class="ant-fullcalendar-content" data-reactid="731"></div></div></td><td role="gridcell" title="2017-5-4" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="732"><div class="ant-fullcalendar-date" data-reactid="733"><div class="ant-fullcalendar-value" data-reactid="734">04</div><div class="ant-fullcalendar-content" data-reactid="735"></div></div></td><td role="gridcell" title="2017-5-5" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="736"><div class="ant-fullcalendar-date" data-reactid="737"><div class="ant-fullcalendar-value" data-reactid="738">05</div><div class="ant-fullcalendar-content" data-reactid="739"></div></div></td><td role="gridcell" title="2017-5-6" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="740"><div class="ant-fullcalendar-date" data-reactid="741"><div class="ant-fullcalendar-value" data-reactid="742">06</div><div class="ant-fullcalendar-content" data-reactid="743"></div></div></td></tr></tbody></table></div></div></div></div><div class="example" data-reactid="744"><div class="ant-table-wrapper" data-reactid="745"><div class="ant-spin-nested-loading" data-reactid="746"><div class="ant-spin-container" data-reactid="747"><div class="ant-table ant-table-large ant-table-empty ant-table-scroll-position-left" data-reactid="748"><div class="ant-table-content" data-reactid="749"><div class="ant-table-body" data-reactid="750"><table class="" data-reactid="751"><colgroup data-reactid="752"><col data-reactid="753"/><col data-reactid="754"/></colgroup><thead class="ant-table-thead" data-reactid="755"><tr data-reactid="756"><th class="" data-reactid="757"><span data-reactid="758"><!-- react-text: 759 -->Name<!-- /react-text --><i title="Filter Menu" class="anticon anticon-filter ant-dropdown-trigger" data-reactid="760"></i></span></th><th class="" data-reactid="761"><span data-reactid="762"><!-- react-text: 763 -->Age<!-- /react-text --></span></th></tr></thead><tbody class="ant-table-tbody" data-reactid="764"></tbody></table></div><div class="ant-table-placeholder" data-reactid="765">No Data</div></div></div></div></div></div></div><!-- react-empty: 766 --></div></div><style data-reactid="767">.locale-components {
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="534"><div class="ant-select-selection__rendered" data-reactid="535"><div class="ant-select-selection-selected-value" title="Apr" style="display:block;opacity:1;" data-reactid="536">Apr</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="537"><b data-reactid="538"></b></span></div></div><div class="ant-radio-group ant-radio-group-small" data-reactid="539"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked" data-reactid="540"><span class="ant-radio-button ant-radio-button-checked" data-reactid="541"><input type="radio" class="ant-radio-button-input" checked="" data-reactid="542"/><span class="ant-radio-button-inner" data-reactid="543"></span></span><span data-reactid="544">Month</span></label><label class="ant-radio-button-wrapper" data-reactid="545"><span class="ant-radio-button" data-reactid="546"><input type="radio" class="ant-radio-button-input" data-reactid="547"/><span class="ant-radio-button-inner" data-reactid="548"></span></span><span data-reactid="549">Year</span></label></div></div><div class="ant-fullcalendar ant-fullcalendar-full" tabindex="0" data-reactid="550"><div class="ant-fullcalendar-calendar-body" data-reactid="551"><table class="ant-fullcalendar-table" cellspacing="0" role="grid" data-reactid="552"><thead data-reactid="553"><tr role="row" data-reactid="554"><th role="columnheader" title="Sun" class="ant-fullcalendar-column-header" data-reactid="555"><span class="ant-fullcalendar-column-header-inner" data-reactid="556">Su</span></th><th role="columnheader" title="Mon" class="ant-fullcalendar-column-header" data-reactid="557"><span class="ant-fullcalendar-column-header-inner" data-reactid="558">Mo</span></th><th role="columnheader" title="Tue" class="ant-fullcalendar-column-header" data-reactid="559"><span class="ant-fullcalendar-column-header-inner" data-reactid="560">Tu</span></th><th role="columnheader" title="Wed" class="ant-fullcalendar-column-header" data-reactid="561"><span class="ant-fullcalendar-column-header-inner" data-reactid="562">We</span></th><th role="columnheader" title="Thu" class="ant-fullcalendar-column-header" data-reactid="563"><span class="ant-fullcalendar-column-header-inner" data-reactid="564">Th</span></th><th role="columnheader" title="Fri" class="ant-fullcalendar-column-header" data-reactid="565"><span class="ant-fullcalendar-column-header-inner" data-reactid="566">Fr</span></th><th role="columnheader" title="Sat" class="ant-fullcalendar-column-header" data-reactid="567"><span class="ant-fullcalendar-column-header-inner" data-reactid="568">Sa</span></th></tr></thead><tbody class="ant-fullcalendar-tbody" data-reactid="569"><tr role="row" class="" data-reactid="570"><td role="gridcell" title="2017-3-26" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="571"><div class="ant-fullcalendar-date" data-reactid="572"><div class="ant-fullcalendar-value" data-reactid="573">26</div><div class="ant-fullcalendar-content" data-reactid="574"></div></div></td><td role="gridcell" title="2017-3-27" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="575"><div class="ant-fullcalendar-date" data-reactid="576"><div class="ant-fullcalendar-value" data-reactid="577">27</div><div class="ant-fullcalendar-content" data-reactid="578"></div></div></td><td role="gridcell" title="2017-3-28" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="579"><div class="ant-fullcalendar-date" data-reactid="580"><div class="ant-fullcalendar-value" data-reactid="581">28</div><div class="ant-fullcalendar-content" data-reactid="582"></div></div></td><td role="gridcell" title="2017-3-29" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="583"><div class="ant-fullcalendar-date" data-reactid="584"><div class="ant-fullcalendar-value" data-reactid="585">29</div><div class="ant-fullcalendar-content" data-reactid="586"></div></div></td><td role="gridcell" title="2017-3-30" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="587"><div class="ant-fullcalendar-date" data-reactid="588"><div class="ant-fullcalendar-value" data-reactid="589">30</div><div class="ant-fullcalendar-content" data-reactid="590"></div></div></td><td role="gridcell" title="2017-3-31" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="591"><div class="ant-fullcalendar-date" data-reactid="592"><div class="ant-fullcalendar-value" data-reactid="593">31</div><div class="ant-fullcalendar-content" data-reactid="594"></div></div></td><td role="gridcell" title="2017-4-1" class="ant-fullcalendar-cell" data-reactid="595"><div class="ant-fullcalendar-date" data-reactid="596"><div class="ant-fullcalendar-value" data-reactid="597">01</div><div class="ant-fullcalendar-content" data-reactid="598"></div></div></td></tr><tr role="row" class="" data-reactid="599"><td role="gridcell" title="2017-4-2" class="ant-fullcalendar-cell" data-reactid="600"><div class="ant-fullcalendar-date" data-reactid="601"><div class="ant-fullcalendar-value" data-reactid="602">02</div><div class="ant-fullcalendar-content" data-reactid="603"></div></div></td><td role="gridcell" title="2017-4-3" class="ant-fullcalendar-cell" data-reactid="604"><div class="ant-fullcalendar-date" data-reactid="605"><div class="ant-fullcalendar-value" data-reactid="606">03</div><div class="ant-fullcalendar-content" data-reactid="607"></div></div></td><td role="gridcell" title="2017-4-4" class="ant-fullcalendar-cell" data-reactid="608"><div class="ant-fullcalendar-date" data-reactid="609"><div class="ant-fullcalendar-value" data-reactid="610">04</div><div class="ant-fullcalendar-content" data-reactid="611"></div></div></td><td role="gridcell" title="2017-4-5" class="ant-fullcalendar-cell" data-reactid="612"><div class="ant-fullcalendar-date" data-reactid="613"><div class="ant-fullcalendar-value" data-reactid="614">05</div><div class="ant-fullcalendar-content" data-reactid="615"></div></div></td><td role="gridcell" title="2017-4-6" class="ant-fullcalendar-cell" data-reactid="616"><div class="ant-fullcalendar-date" data-reactid="617"><div class="ant-fullcalendar-value" data-reactid="618">06</div><div class="ant-fullcalendar-content" data-reactid="619"></div></div></td><td role="gridcell" title="2017-4-7" class="ant-fullcalendar-cell" data-reactid="620"><div class="ant-fullcalendar-date" data-reactid="621"><div class="ant-fullcalendar-value" data-reactid="622">07</div><div class="ant-fullcalendar-content" data-reactid="623"></div></div></td><td role="gridcell" title="2017-4-8" class="ant-fullcalendar-cell" data-reactid="624"><div class="ant-fullcalendar-date" data-reactid="625"><div class="ant-fullcalendar-value" data-reactid="626">08</div><div class="ant-fullcalendar-content" data-reactid="627"></div></div></td></tr><tr role="row" class="" data-reactid="628"><td role="gridcell" title="2017-4-9" class="ant-fullcalendar-cell" data-reactid="629"><div class="ant-fullcalendar-date" data-reactid="630"><div class="ant-fullcalendar-value" data-reactid="631">09</div><div class="ant-fullcalendar-content" data-reactid="632"></div></div></td><td role="gridcell" title="2017-4-10" class="ant-fullcalendar-cell" data-reactid="633"><div class="ant-fullcalendar-date" data-reactid="634"><div class="ant-fullcalendar-value" data-reactid="635">10</div><div class="ant-fullcalendar-content" data-reactid="636"></div></div></td><td role="gridcell" title="2017-4-11" class="ant-fullcalendar-cell" data-reactid="637"><div class="ant-fullcalendar-date" data-reactid="638"><div class="ant-fullcalendar-value" data-reactid="639">11</div><div class="ant-fullcalendar-content" data-reactid="640"></div></div></td><td role="gridcell" title="2017-4-12" class="ant-fullcalendar-cell" data-reactid="641"><div class="ant-fullcalendar-date" data-reactid="642"><div class="ant-fullcalendar-value" data-reactid="643">12</div><div class="ant-fullcalendar-content" data-reactid="644"></div></div></td><td role="gridcell" title="2017-4-13" class="ant-fullcalendar-cell" data-reactid="645"><div class="ant-fullcalendar-date" data-reactid="646"><div class="ant-fullcalendar-value" data-reactid="647">13</div><div class="ant-fullcalendar-content" data-reactid="648"></div></div></td><td role="gridcell" title="2017-4-14" class="ant-fullcalendar-cell" data-reactid="649"><div class="ant-fullcalendar-date" data-reactid="650"><div class="ant-fullcalendar-value" data-reactid="651">14</div><div class="ant-fullcalendar-content" data-reactid="652"></div></div></td><td role="gridcell" title="2017-4-15" class="ant-fullcalendar-cell" data-reactid="653"><div class="ant-fullcalendar-date" data-reactid="654"><div class="ant-fullcalendar-value" data-reactid="655">15</div><div class="ant-fullcalendar-content" data-reactid="656"></div></div></td></tr><tr role="row" class="" data-reactid="657"><td role="gridcell" title="2017-4-16" class="ant-fullcalendar-cell" data-reactid="658"><div class="ant-fullcalendar-date" data-reactid="659"><div class="ant-fullcalendar-value" data-reactid="660">16</div><div class="ant-fullcalendar-content" data-reactid="661"></div></div></td><td role="gridcell" title="2017-4-17" class="ant-fullcalendar-cell" data-reactid="662"><div class="ant-fullcalendar-date" data-reactid="663"><div class="ant-fullcalendar-value" data-reactid="664">17</div><div class="ant-fullcalendar-content" data-reactid="665"></div></div></td><td role="gridcell" title="2017-4-18" class="ant-fullcalendar-cell" data-reactid="666"><div class="ant-fullcalendar-date" data-reactid="667"><div class="ant-fullcalendar-value" data-reactid="668">18</div><div class="ant-fullcalendar-content" data-reactid="669"></div></div></td><td role="gridcell" title="2017-4-19" class="ant-fullcalendar-cell" data-reactid="670"><div class="ant-fullcalendar-date" data-reactid="671"><div class="ant-fullcalendar-value" data-reactid="672">19</div><div class="ant-fullcalendar-content" data-reactid="673"></div></div></td><td role="gridcell" title="2017-4-20" class="ant-fullcalendar-cell" data-reactid="674"><div class="ant-fullcalendar-date" data-reactid="675"><div class="ant-fullcalendar-value" data-reactid="676">20</div><div class="ant-fullcalendar-content" data-reactid="677"></div></div></td><td role="gridcell" title="2017-4-21" class="ant-fullcalendar-cell" data-reactid="678"><div class="ant-fullcalendar-date" data-reactid="679"><div class="ant-fullcalendar-value" data-reactid="680">21</div><div class="ant-fullcalendar-content" data-reactid="681"></div></div></td><td role="gridcell" title="2017-4-22" class="ant-fullcalendar-cell" data-reactid="682"><div class="ant-fullcalendar-date" data-reactid="683"><div class="ant-fullcalendar-value" data-reactid="684">22</div><div class="ant-fullcalendar-content" data-reactid="685"></div></div></td></tr><tr role="row" class="ant-fullcalendar-current-week ant-fullcalendar-active-week" data-reactid="686"><td role="gridcell" title="2017-4-23" class="ant-fullcalendar-cell" data-reactid="687"><div class="ant-fullcalendar-date" data-reactid="688"><div class="ant-fullcalendar-value" data-reactid="689">23</div><div class="ant-fullcalendar-content" data-reactid="690"></div></div></td><td role="gridcell" title="2017-4-24" class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day" data-reactid="691"><div class="ant-fullcalendar-date" data-reactid="692"><div class="ant-fullcalendar-value" data-reactid="693">24</div><div class="ant-fullcalendar-content" data-reactid="694"></div></div></td><td role="gridcell" title="2017-4-25" class="ant-fullcalendar-cell" data-reactid="695"><div class="ant-fullcalendar-date" data-reactid="696"><div class="ant-fullcalendar-value" data-reactid="697">25</div><div class="ant-fullcalendar-content" data-reactid="698"></div></div></td><td role="gridcell" title="2017-4-26" class="ant-fullcalendar-cell" data-reactid="699"><div class="ant-fullcalendar-date" data-reactid="700"><div class="ant-fullcalendar-value" data-reactid="701">26</div><div class="ant-fullcalendar-content" data-reactid="702"></div></div></td><td role="gridcell" title="2017-4-27" class="ant-fullcalendar-cell" data-reactid="703"><div class="ant-fullcalendar-date" data-reactid="704"><div class="ant-fullcalendar-value" data-reactid="705">27</div><div class="ant-fullcalendar-content" data-reactid="706"></div></div></td><td role="gridcell" title="2017-4-28" class="ant-fullcalendar-cell" data-reactid="707"><div class="ant-fullcalendar-date" data-reactid="708"><div class="ant-fullcalendar-value" data-reactid="709">28</div><div class="ant-fullcalendar-content" data-reactid="710"></div></div></td><td role="gridcell" title="2017-4-29" class="ant-fullcalendar-cell" data-reactid="711"><div class="ant-fullcalendar-date" data-reactid="712"><div class="ant-fullcalendar-value" data-reactid="713">29</div><div class="ant-fullcalendar-content" data-reactid="714"></div></div></td></tr><tr role="row" class="" data-reactid="715"><td role="gridcell" title="2017-4-30" class="ant-fullcalendar-cell" data-reactid="716"><div class="ant-fullcalendar-date" data-reactid="717"><div class="ant-fullcalendar-value" data-reactid="718">30</div><div class="ant-fullcalendar-content" data-reactid="719"></div></div></td><td role="gridcell" title="2017-5-1" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="720"><div class="ant-fullcalendar-date" data-reactid="721"><div class="ant-fullcalendar-value" data-reactid="722">01</div><div class="ant-fullcalendar-content" data-reactid="723"></div></div></td><td role="gridcell" title="2017-5-2" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="724"><div class="ant-fullcalendar-date" data-reactid="725"><div class="ant-fullcalendar-value" data-reactid="726">02</div><div class="ant-fullcalendar-content" data-reactid="727"></div></div></td><td role="gridcell" title="2017-5-3" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="728"><div class="ant-fullcalendar-date" data-reactid="729"><div class="ant-fullcalendar-value" data-reactid="730">03</div><div class="ant-fullcalendar-content" data-reactid="731"></div></div></td><td role="gridcell" title="2017-5-4" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="732"><div class="ant-fullcalendar-date" data-reactid="733"><div class="ant-fullcalendar-value" data-reactid="734">04</div><div class="ant-fullcalendar-content" data-reactid="735"></div></div></td><td role="gridcell" title="2017-5-5" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="736"><div class="ant-fullcalendar-date" data-reactid="737"><div class="ant-fullcalendar-value" data-reactid="738">05</div><div class="ant-fullcalendar-content" data-reactid="739"></div></div></td><td role="gridcell" title="2017-5-6" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="740"><div class="ant-fullcalendar-date" data-reactid="741"><div class="ant-fullcalendar-value" data-reactid="742">06</div><div class="ant-fullcalendar-content" data-reactid="743"></div></div></td></tr></tbody></table></div></div></div></div><div class="example" data-reactid="744"><div class="ant-table-wrapper" data-reactid="745"><div class="ant-spin-nested-loading" data-reactid="746"><div class="ant-spin-container" data-reactid="747"><div class="ant-table ant-table-large ant-table-empty ant-table-scroll-position-left" data-reactid="748"><div class="ant-table-content" data-reactid="749"><div class="ant-table-body" data-reactid="750"><table class="" data-reactid="751"><colgroup data-reactid="752"><col data-reactid="753"/><col data-reactid="754"/></colgroup><thead class="ant-table-thead" data-reactid="755"><tr data-reactid="756"><th class="" data-reactid="757"><span data-reactid="758"><!-- react-text: 759 -->Name<!-- /react-text --><i title="Filter Menu" class="anticon anticon-filter ant-dropdown-trigger" data-reactid="760"></i></span></th><th class="" data-reactid="761"><span data-reactid="762"><!-- react-text: 763 -->Age<!-- /react-text --></span></th></tr></thead><tbody class="ant-table-tbody" data-reactid="764"></tbody></table></div><div class="ant-table-placeholder" data-reactid="765">No Data</div></div></div></div></div></div></div><!-- react-empty: 766 --></div></div><style data-reactid="767">.locale-components {
   border-top: 1px solid #d9d9d9;
   padding-top: 16px;
 }
diff --git a/components/locale-provider/index.html b/components/locale-provider/index.html
index 1cdc6a777..34baab840 100644
--- a/components/locale-provider/index.html
+++ b/components/locale-provider/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-899273169"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-813945295"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Localization" data-reactid="293"><a href="#components-locale-provider-demo-basic" data-reactid="294">Localization</a></li><li title="All components" data-reactid="295"><a href="#components-locale-provider-demo-all" data-reactid="296">All components</a></li></ul></div></div><section class="markdown" data-reactid="297"><h1 data-reactid="298"><!-- react-text: 299 -->LocaleProvider<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/locale-provider/index.en-US.md" data-reactid="300"><i class="anticon anticon-edit" data-reactid="301"></i></a></h1><section class="markdown" data-reactid="302"><p data-reactid="303"><code data-reactid="304"><!-- react-text: 305 -->LocaleProvider<!-- /react-text --></code><!-- react-text: 306 --> provides a uniform localization support for built-in text of components.<!-- /react-text --></p><h2 id="Usage" data-reactid="307"><span data-reactid="308"><!-- react-text: 309 -->Usage<!-- /react-text --></span><a href="#Usage" class="anchor" data-reactid="310">#</a></h2><p data-reactid="311"><code data-reactid="312"><!-- react-text: 313 -->LocaleProvider<!-- /react-text --></code><!-- react-text: 314 --> takes use of <!-- /react-text --><a href="https://facebook.github.io/react/docs/context.html" data-reactid="315"><!-- react-text: 316 -->context<!-- /react-text --></a><!-- react-text: 317 -->, a feature of React, to accomplish global effectiveness by wrapping the app only once.<!-- /react-text --></p><pre class="language-jsx" data-reactid="318"><code data-reactid="319"><span class="token keyword">import</span> <span class="token punctuation">{</span> LocaleProvider <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Localization" data-reactid="293"><a href="#components-locale-provider-demo-basic" data-reactid="294">Localization</a></li><li title="All components" data-reactid="295"><a href="#components-locale-provider-demo-all" data-reactid="296">All components</a></li></ul></div></div><section class="markdown" data-reactid="297"><h1 data-reactid="298"><!-- react-text: 299 -->LocaleProvider<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/locale-provider/index.en-US.md" data-reactid="300"><i class="anticon anticon-edit" data-reactid="301"></i></a></h1><section class="markdown" data-reactid="302"><p data-reactid="303"><code data-reactid="304"><!-- react-text: 305 -->LocaleProvider<!-- /react-text --></code><!-- react-text: 306 --> provides a uniform localization support for built-in text of components.<!-- /react-text --></p><h2 id="Usage" data-reactid="307"><span data-reactid="308"><!-- react-text: 309 -->Usage<!-- /react-text --></span><a href="#Usage" class="anchor" data-reactid="310">#</a></h2><p data-reactid="311"><code data-reactid="312"><!-- react-text: 313 -->LocaleProvider<!-- /react-text --></code><!-- react-text: 314 --> takes use of <!-- /react-text --><a href="https://facebook.github.io/react/docs/context.html" data-reactid="315"><!-- react-text: 316 -->context<!-- /react-text --></a><!-- react-text: 317 -->, a feature of React, to accomplish global effectiveness by wrapping the app only once.<!-- /react-text --></p><pre class="language-jsx" data-reactid="318"><code data-reactid="319"><span class="token keyword">import</span> <span class="token punctuation">{</span> LocaleProvider <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">import</span> enUS <span class="token keyword">from</span> <span class="token string">'antd/lib/locale-provider/en_US'</span><span class="token punctuation">;</span>
 
 <span class="token operator">...</span>
@@ -139,7 +139,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="438"><div class="ant-select-selection__rendered" data-reactid="439"><div class="ant-select-selection-selected-value" title="10 / page" style="display:block;opacity:1;" data-reactid="440">10 / page</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="441"><b data-reactid="442"></b></span></div></div></div></ul></div><div class="example" data-reactid="443"><div style="width:200px;" class="ant-select ant-select-enabled" data-reactid="444"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="445"><div class="ant-select-selection__rendered" data-reactid="446"><div class="ant-select-search ant-select-search--inline" style="display:none;" data-reactid="447"><div class="ant-select-search__field__wrap" data-reactid="448"><input value="" class="ant-select-search__field" data-reactid="449"/><span class="ant-select-search__field__mirror" data-reactid="450"><!-- react-text: 451 --><!-- /react-text --><!-- react-text: 452 --> <!-- /react-text --></span></div></div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="453"><b data-reactid="454"></b></span></div></div><span class="ant-calendar-picker" data-reactid="455"><span data-reactid="456"><input readonly="" value="" placeholder="Select date" class="ant-calendar-picker-input ant-input" data-reactid="457"/><span class="ant-calendar-picker-icon" data-reactid="458"></span></span></span><span class="ant-time-picker " data-reactid="459"><input type="text" class="ant-time-picker-input" placeholder="Select time" readonly="" value="" data-reactid="460"/><span class="ant-time-picker-icon" data-reactid="461"></span></span><span class="ant-calendar-picker" style="width:200px;" data-reactid="462"><span class="ant-calendar-picker-input ant-input" data-reactid="463"><input readonly="" value="" placeholder="Start date" class="ant-calendar-range-picker-input" data-reactid="464"/><span class="ant-calendar-range-picker-separator" data-reactid="465"> ~ </span><input readonly="" value="" placeholder="End date" class="ant-calendar-range-picker-input" data-reactid="466"/><span class="ant-calendar-picker-icon" data-reactid="467"></span></span></span></div><div class="example" data-reactid="468"><button type="button" class="ant-btn ant-btn-primary" data-reactid="469"><span data-reactid="470">Show Modal</span></button><button type="button" class="ant-btn" data-reactid="471"><span data-reactid="472">Show info</span></button><button type="button" class="ant-btn" data-reactid="473"><span data-reactid="474">Show confirm</span></button><a href="#" data-reactid="475">Click to confirm</a></div><div class="example" data-reactid="476"><div class="ant-transfer" data-reactid="477"><div class="ant-transfer-list" data-reactid="478"><div class="ant-transfer-list-header" data-reactid="479"><label class="ant-checkbox-wrapper" data-reactid="480"><span class="ant-checkbox" data-reactid="481"><input type="checkbox" class="ant-checkbox-input" data-reactid="482"/><span class="ant-checkbox-inner" data-reactid="483"></span></span></label><span class="ant-transfer-list-header-selected" data-reactid="484"><span data-reactid="485"><!-- react-text: 486 -->0<!-- /react-text --><!-- react-text: 487 --> <!-- /react-text --><!-- react-text: 488 -->item<!-- /react-text --></span><span class="ant-transfer-list-header-title" data-reactid="489"></span></span></div><div class="ant-transfer-list-body ant-transfer-list-body-with-search" data-reactid="490"><div class="ant-transfer-list-body-search-wrapper" data-reactid="491"><div data-reactid="492"><input type="text" placeholder="Search here" class="ant-input ant-transfer-list-search" value="" data-reactid="493"/><span class="ant-transfer-list-search-action" data-reactid="494"><i class="anticon anticon-search" data-reactid="495"></i></span></div></div><ul class="ant-transfer-list-content" data-reactid="496"></ul><div class="ant-transfer-list-body-not-found" data-reactid="497">Not Found</div></div></div><div class="ant-transfer-operation" data-reactid="498"><button disabled="" type="button" class="ant-btn ant-btn-primary ant-btn-sm" data-reactid="499"><span data-reactid="500"><i class="anticon anticon-left" data-reactid="501"></i><!-- react-text: 502 --><!-- /react-text --></span></button><button disabled="" type="button" class="ant-btn ant-btn-primary ant-btn-sm" data-reactid="503"><span data-reactid="504"><!-- react-text: 505 --><!-- /react-text --><i class="anticon anticon-right" data-reactid="506"></i></span></button></div><div class="ant-transfer-list" data-reactid="507"><div class="ant-transfer-list-header" data-reactid="508"><label class="ant-checkbox-wrapper" data-reactid="509"><span class="ant-checkbox" data-reactid="510"><input type="checkbox" class="ant-checkbox-input" data-reactid="511"/><span class="ant-checkbox-inner" data-reactid="512"></span></span></label><span class="ant-transfer-list-header-selected" data-reactid="513"><span data-reactid="514"><!-- react-text: 515 -->0<!-- /react-text --><!-- react-text: 516 --> <!-- /react-text --><!-- react-text: 517 -->item<!-- /react-text --></span><span class="ant-transfer-list-header-title" data-reactid="518"></span></span></div><div class="ant-transfer-list-body ant-transfer-list-body-with-search" data-reactid="519"><div class="ant-transfer-list-body-search-wrapper" data-reactid="520"><div data-reactid="521"><input type="text" placeholder="Search here" class="ant-input ant-transfer-list-search" value="" data-reactid="522"/><span class="ant-transfer-list-search-action" data-reactid="523"><i class="anticon anticon-search" data-reactid="524"></i></span></div></div><ul class="ant-transfer-list-content" data-reactid="525"></ul><div class="ant-transfer-list-body-not-found" data-reactid="526">Not Found</div></div></div></div></div><div style="width:319px;border:1px solid #d9d9d9;border-radius:4px;" data-reactid="527"><div class="" data-reactid="528"><div class="ant-fullcalendar-header" data-reactid="529"><div class="ant-select-sm ant-fullcalendar-year-select ant-select ant-select-enabled" data-reactid="530"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="531"><div class="ant-select-selection__rendered" data-reactid="532"><div class="ant-select-selection-selected-value" title="2017" style="display:block;opacity:1;" data-reactid="533">2017</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="534"><b data-reactid="535"></b></span></div></div><div class="ant-select-sm ant-fullcalendar-month-select ant-select ant-select-enabled" data-reactid="536"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="537"><div class="ant-select-selection__rendered" data-reactid="538"><div class="ant-select-selection-selected-value" title="Apr" style="display:block;opacity:1;" data-reactid="539">Apr</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="540"><b data-reactid="541"></b></span></div></div><div class="ant-radio-group ant-radio-group-small" data-reactid="542"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked" data-reactid="543"><span class="ant-radio-button ant-radio-button-checked" data-reactid="544"><input type="radio" class="ant-radio-button-input" checked="" data-reactid="545"/><span class="ant-radio-button-inner" data-reactid="546"></span></span><span data-reactid="547">Month</span></label><label class="ant-radio-button-wrapper" data-reactid="548"><span class="ant-radio-button" data-reactid="549"><input type="radio" class="ant-radio-button-input" data-reactid="550"/><span class="ant-radio-button-inner" data-reactid="551"></span></span><span data-reactid="552">Year</span></label></div></div><div class="ant-fullcalendar ant-fullcalendar-full" tabindex="0" data-reactid="553"><div class="ant-fullcalendar-calendar-body" data-reactid="554"><table class="ant-fullcalendar-table" cellspacing="0" role="grid" data-reactid="555"><thead data-reactid="556"><tr role="row" data-reactid="557"><th role="columnheader" title="Sun" class="ant-fullcalendar-column-header" data-reactid="558"><span class="ant-fullcalendar-column-header-inner" data-reactid="559">Su</span></th><th role="columnheader" title="Mon" class="ant-fullcalendar-column-header" data-reactid="560"><span class="ant-fullcalendar-column-header-inner" data-reactid="561">Mo</span></th><th role="columnheader" title="Tue" class="ant-fullcalendar-column-header" data-reactid="562"><span class="ant-fullcalendar-column-header-inner" data-reactid="563">Tu</span></th><th role="columnheader" title="Wed" class="ant-fullcalendar-column-header" data-reactid="564"><span class="ant-fullcalendar-column-header-inner" data-reactid="565">We</span></th><th role="columnheader" title="Thu" class="ant-fullcalendar-column-header" data-reactid="566"><span class="ant-fullcalendar-column-header-inner" data-reactid="567">Th</span></th><th role="columnheader" title="Fri" class="ant-fullcalendar-column-header" data-reactid="568"><span class="ant-fullcalendar-column-header-inner" data-reactid="569">Fr</span></th><th role="columnheader" title="Sat" class="ant-fullcalendar-column-header" data-reactid="570"><span class="ant-fullcalendar-column-header-inner" data-reactid="571">Sa</span></th></tr></thead><tbody class="ant-fullcalendar-tbody" data-reactid="572"><tr role="row" class="" data-reactid="573"><td role="gridcell" title="2017-3-26" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="574"><div class="ant-fullcalendar-date" data-reactid="575"><div class="ant-fullcalendar-value" data-reactid="576">26</div><div class="ant-fullcalendar-content" data-reactid="577"></div></div></td><td role="gridcell" title="2017-3-27" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="578"><div class="ant-fullcalendar-date" data-reactid="579"><div class="ant-fullcalendar-value" data-reactid="580">27</div><div class="ant-fullcalendar-content" data-reactid="581"></div></div></td><td role="gridcell" title="2017-3-28" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="582"><div class="ant-fullcalendar-date" data-reactid="583"><div class="ant-fullcalendar-value" data-reactid="584">28</div><div class="ant-fullcalendar-content" data-reactid="585"></div></div></td><td role="gridcell" title="2017-3-29" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="586"><div class="ant-fullcalendar-date" data-reactid="587"><div class="ant-fullcalendar-value" data-reactid="588">29</div><div class="ant-fullcalendar-content" data-reactid="589"></div></div></td><td role="gridcell" title="2017-3-30" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="590"><div class="ant-fullcalendar-date" data-reactid="591"><div class="ant-fullcalendar-value" data-reactid="592">30</div><div class="ant-fullcalendar-content" data-reactid="593"></div></div></td><td role="gridcell" title="2017-3-31" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="594"><div class="ant-fullcalendar-date" data-reactid="595"><div class="ant-fullcalendar-value" data-reactid="596">31</div><div class="ant-fullcalendar-content" data-reactid="597"></div></div></td><td role="gridcell" title="2017-4-1" class="ant-fullcalendar-cell" data-reactid="598"><div class="ant-fullcalendar-date" data-reactid="599"><div class="ant-fullcalendar-value" data-reactid="600">01</div><div class="ant-fullcalendar-content" data-reactid="601"></div></div></td></tr><tr role="row" class="" data-reactid="602"><td role="gridcell" title="2017-4-2" class="ant-fullcalendar-cell" data-reactid="603"><div class="ant-fullcalendar-date" data-reactid="604"><div class="ant-fullcalendar-value" data-reactid="605">02</div><div class="ant-fullcalendar-content" data-reactid="606"></div></div></td><td role="gridcell" title="2017-4-3" class="ant-fullcalendar-cell" data-reactid="607"><div class="ant-fullcalendar-date" data-reactid="608"><div class="ant-fullcalendar-value" data-reactid="609">03</div><div class="ant-fullcalendar-content" data-reactid="610"></div></div></td><td role="gridcell" title="2017-4-4" class="ant-fullcalendar-cell" data-reactid="611"><div class="ant-fullcalendar-date" data-reactid="612"><div class="ant-fullcalendar-value" data-reactid="613">04</div><div class="ant-fullcalendar-content" data-reactid="614"></div></div></td><td role="gridcell" title="2017-4-5" class="ant-fullcalendar-cell" data-reactid="615"><div class="ant-fullcalendar-date" data-reactid="616"><div class="ant-fullcalendar-value" data-reactid="617">05</div><div class="ant-fullcalendar-content" data-reactid="618"></div></div></td><td role="gridcell" title="2017-4-6" class="ant-fullcalendar-cell" data-reactid="619"><div class="ant-fullcalendar-date" data-reactid="620"><div class="ant-fullcalendar-value" data-reactid="621">06</div><div class="ant-fullcalendar-content" data-reactid="622"></div></div></td><td role="gridcell" title="2017-4-7" class="ant-fullcalendar-cell" data-reactid="623"><div class="ant-fullcalendar-date" data-reactid="624"><div class="ant-fullcalendar-value" data-reactid="625">07</div><div class="ant-fullcalendar-content" data-reactid="626"></div></div></td><td role="gridcell" title="2017-4-8" class="ant-fullcalendar-cell" data-reactid="627"><div class="ant-fullcalendar-date" data-reactid="628"><div class="ant-fullcalendar-value" data-reactid="629">08</div><div class="ant-fullcalendar-content" data-reactid="630"></div></div></td></tr><tr role="row" class="" data-reactid="631"><td role="gridcell" title="2017-4-9" class="ant-fullcalendar-cell" data-reactid="632"><div class="ant-fullcalendar-date" data-reactid="633"><div class="ant-fullcalendar-value" data-reactid="634">09</div><div class="ant-fullcalendar-content" data-reactid="635"></div></div></td><td role="gridcell" title="2017-4-10" class="ant-fullcalendar-cell" data-reactid="636"><div class="ant-fullcalendar-date" data-reactid="637"><div class="ant-fullcalendar-value" data-reactid="638">10</div><div class="ant-fullcalendar-content" data-reactid="639"></div></div></td><td role="gridcell" title="2017-4-11" class="ant-fullcalendar-cell" data-reactid="640"><div class="ant-fullcalendar-date" data-reactid="641"><div class="ant-fullcalendar-value" data-reactid="642">11</div><div class="ant-fullcalendar-content" data-reactid="643"></div></div></td><td role="gridcell" title="2017-4-12" class="ant-fullcalendar-cell" data-reactid="644"><div class="ant-fullcalendar-date" data-reactid="645"><div class="ant-fullcalendar-value" data-reactid="646">12</div><div class="ant-fullcalendar-content" data-reactid="647"></div></div></td><td role="gridcell" title="2017-4-13" class="ant-fullcalendar-cell" data-reactid="648"><div class="ant-fullcalendar-date" data-reactid="649"><div class="ant-fullcalendar-value" data-reactid="650">13</div><div class="ant-fullcalendar-content" data-reactid="651"></div></div></td><td role="gridcell" title="2017-4-14" class="ant-fullcalendar-cell" data-reactid="652"><div class="ant-fullcalendar-date" data-reactid="653"><div class="ant-fullcalendar-value" data-reactid="654">14</div><div class="ant-fullcalendar-content" data-reactid="655"></div></div></td><td role="gridcell" title="2017-4-15" class="ant-fullcalendar-cell" data-reactid="656"><div class="ant-fullcalendar-date" data-reactid="657"><div class="ant-fullcalendar-value" data-reactid="658">15</div><div class="ant-fullcalendar-content" data-reactid="659"></div></div></td></tr><tr role="row" class="ant-fullcalendar-current-week ant-fullcalendar-active-week" data-reactid="660"><td role="gridcell" title="2017-4-16" class="ant-fullcalendar-cell" data-reactid="661"><div class="ant-fullcalendar-date" data-reactid="662"><div class="ant-fullcalendar-value" data-reactid="663">16</div><div class="ant-fullcalendar-content" data-reactid="664"></div></div></td><td role="gridcell" title="2017-4-17" class="ant-fullcalendar-cell" data-reactid="665"><div class="ant-fullcalendar-date" data-reactid="666"><div class="ant-fullcalendar-value" data-reactid="667">17</div><div class="ant-fullcalendar-content" data-reactid="668"></div></div></td><td role="gridcell" title="2017-4-18" class="ant-fullcalendar-cell" data-reactid="669"><div class="ant-fullcalendar-date" data-reactid="670"><div class="ant-fullcalendar-value" data-reactid="671">18</div><div class="ant-fullcalendar-content" data-reactid="672"></div></div></td><td role="gridcell" title="2017-4-19" class="ant-fullcalendar-cell" data-reactid="673"><div class="ant-fullcalendar-date" data-reactid="674"><div class="ant-fullcalendar-value" data-reactid="675">19</div><div class="ant-fullcalendar-content" data-reactid="676"></div></div></td><td role="gridcell" title="2017-4-20" class="ant-fullcalendar-cell" data-reactid="677"><div class="ant-fullcalendar-date" data-reactid="678"><div class="ant-fullcalendar-value" data-reactid="679">20</div><div class="ant-fullcalendar-content" data-reactid="680"></div></div></td><td role="gridcell" title="2017-4-21" class="ant-fullcalendar-cell" data-reactid="681"><div class="ant-fullcalendar-date" data-reactid="682"><div class="ant-fullcalendar-value" data-reactid="683">21</div><div class="ant-fullcalendar-content" data-reactid="684"></div></div></td><td role="gridcell" title="2017-4-22" class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day" data-reactid="685"><div class="ant-fullcalendar-date" data-reactid="686"><div class="ant-fullcalendar-value" data-reactid="687">22</div><div class="ant-fullcalendar-content" data-reactid="688"></div></div></td></tr><tr role="row" class="" data-reactid="689"><td role="gridcell" title="2017-4-23" class="ant-fullcalendar-cell" data-reactid="690"><div class="ant-fullcalendar-date" data-reactid="691"><div class="ant-fullcalendar-value" data-reactid="692">23</div><div class="ant-fullcalendar-content" data-reactid="693"></div></div></td><td role="gridcell" title="2017-4-24" class="ant-fullcalendar-cell" data-reactid="694"><div class="ant-fullcalendar-date" data-reactid="695"><div class="ant-fullcalendar-value" data-reactid="696">24</div><div class="ant-fullcalendar-content" data-reactid="697"></div></div></td><td role="gridcell" title="2017-4-25" class="ant-fullcalendar-cell" data-reactid="698"><div class="ant-fullcalendar-date" data-reactid="699"><div class="ant-fullcalendar-value" data-reactid="700">25</div><div class="ant-fullcalendar-content" data-reactid="701"></div></div></td><td role="gridcell" title="2017-4-26" class="ant-fullcalendar-cell" data-reactid="702"><div class="ant-fullcalendar-date" data-reactid="703"><div class="ant-fullcalendar-value" data-reactid="704">26</div><div class="ant-fullcalendar-content" data-reactid="705"></div></div></td><td role="gridcell" title="2017-4-27" class="ant-fullcalendar-cell" data-reactid="706"><div class="ant-fullcalendar-date" data-reactid="707"><div class="ant-fullcalendar-value" data-reactid="708">27</div><div class="ant-fullcalendar-content" data-reactid="709"></div></div></td><td role="gridcell" title="2017-4-28" class="ant-fullcalendar-cell" data-reactid="710"><div class="ant-fullcalendar-date" data-reactid="711"><div class="ant-fullcalendar-value" data-reactid="712">28</div><div class="ant-fullcalendar-content" data-reactid="713"></div></div></td><td role="gridcell" title="2017-4-29" class="ant-fullcalendar-cell" data-reactid="714"><div class="ant-fullcalendar-date" data-reactid="715"><div class="ant-fullcalendar-value" data-reactid="716">29</div><div class="ant-fullcalendar-content" data-reactid="717"></div></div></td></tr><tr role="row" class="" data-reactid="718"><td role="gridcell" title="2017-4-30" class="ant-fullcalendar-cell" data-reactid="719"><div class="ant-fullcalendar-date" data-reactid="720"><div class="ant-fullcalendar-value" data-reactid="721">30</div><div class="ant-fullcalendar-content" data-reactid="722"></div></div></td><td role="gridcell" title="2017-5-1" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="723"><div class="ant-fullcalendar-date" data-reactid="724"><div class="ant-fullcalendar-value" data-reactid="725">01</div><div class="ant-fullcalendar-content" data-reactid="726"></div></div></td><td role="gridcell" title="2017-5-2" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="727"><div class="ant-fullcalendar-date" data-reactid="728"><div class="ant-fullcalendar-value" data-reactid="729">02</div><div class="ant-fullcalendar-content" data-reactid="730"></div></div></td><td role="gridcell" title="2017-5-3" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="731"><div class="ant-fullcalendar-date" data-reactid="732"><div class="ant-fullcalendar-value" data-reactid="733">03</div><div class="ant-fullcalendar-content" data-reactid="734"></div></div></td><td role="gridcell" title="2017-5-4" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="735"><div class="ant-fullcalendar-date" data-reactid="736"><div class="ant-fullcalendar-value" data-reactid="737">04</div><div class="ant-fullcalendar-content" data-reactid="738"></div></div></td><td role="gridcell" title="2017-5-5" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="739"><div class="ant-fullcalendar-date" data-reactid="740"><div class="ant-fullcalendar-value" data-reactid="741">05</div><div class="ant-fullcalendar-content" data-reactid="742"></div></div></td><td role="gridcell" title="2017-5-6" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="743"><div class="ant-fullcalendar-date" data-reactid="744"><div class="ant-fullcalendar-value" data-reactid="745">06</div><div class="ant-fullcalendar-content" data-reactid="746"></div></div></td></tr></tbody></table></div></div></div></div><div class="example" data-reactid="747"><div class="ant-table-wrapper" data-reactid="748"><div class="ant-spin-nested-loading" data-reactid="749"><div class="ant-spin-container" data-reactid="750"><div class="ant-table ant-table-large ant-table-empty ant-table-scroll-position-left" data-reactid="751"><div class="ant-table-content" data-reactid="752"><div class="ant-table-body" data-reactid="753"><table class="" data-reactid="754"><colgroup data-reactid="755"><col data-reactid="756"/><col data-reactid="757"/></colgroup><thead class="ant-table-thead" data-reactid="758"><tr data-reactid="759"><th class="" data-reactid="760"><span data-reactid="761"><!-- react-text: 762 -->Name<!-- /react-text --><i title="Filter Menu" class="anticon anticon-filter ant-dropdown-trigger" data-reactid="763"></i></span></th><th class="" data-reactid="764"><span data-reactid="765"><!-- react-text: 766 -->Age<!-- /react-text --></span></th></tr></thead><tbody class="ant-table-tbody" data-reactid="767"></tbody></table></div><div class="ant-table-placeholder" data-reactid="768">No Data</div></div></div></div></div></div></div><!-- react-empty: 769 --></div></div><style data-reactid="770">.locale-components {
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="537"><div class="ant-select-selection__rendered" data-reactid="538"><div class="ant-select-selection-selected-value" title="Apr" style="display:block;opacity:1;" data-reactid="539">Apr</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="540"><b data-reactid="541"></b></span></div></div><div class="ant-radio-group ant-radio-group-small" data-reactid="542"><label class="ant-radio-button-wrapper ant-radio-button-wrapper-checked" data-reactid="543"><span class="ant-radio-button ant-radio-button-checked" data-reactid="544"><input type="radio" class="ant-radio-button-input" checked="" data-reactid="545"/><span class="ant-radio-button-inner" data-reactid="546"></span></span><span data-reactid="547">Month</span></label><label class="ant-radio-button-wrapper" data-reactid="548"><span class="ant-radio-button" data-reactid="549"><input type="radio" class="ant-radio-button-input" data-reactid="550"/><span class="ant-radio-button-inner" data-reactid="551"></span></span><span data-reactid="552">Year</span></label></div></div><div class="ant-fullcalendar ant-fullcalendar-full" tabindex="0" data-reactid="553"><div class="ant-fullcalendar-calendar-body" data-reactid="554"><table class="ant-fullcalendar-table" cellspacing="0" role="grid" data-reactid="555"><thead data-reactid="556"><tr role="row" data-reactid="557"><th role="columnheader" title="Sun" class="ant-fullcalendar-column-header" data-reactid="558"><span class="ant-fullcalendar-column-header-inner" data-reactid="559">Su</span></th><th role="columnheader" title="Mon" class="ant-fullcalendar-column-header" data-reactid="560"><span class="ant-fullcalendar-column-header-inner" data-reactid="561">Mo</span></th><th role="columnheader" title="Tue" class="ant-fullcalendar-column-header" data-reactid="562"><span class="ant-fullcalendar-column-header-inner" data-reactid="563">Tu</span></th><th role="columnheader" title="Wed" class="ant-fullcalendar-column-header" data-reactid="564"><span class="ant-fullcalendar-column-header-inner" data-reactid="565">We</span></th><th role="columnheader" title="Thu" class="ant-fullcalendar-column-header" data-reactid="566"><span class="ant-fullcalendar-column-header-inner" data-reactid="567">Th</span></th><th role="columnheader" title="Fri" class="ant-fullcalendar-column-header" data-reactid="568"><span class="ant-fullcalendar-column-header-inner" data-reactid="569">Fr</span></th><th role="columnheader" title="Sat" class="ant-fullcalendar-column-header" data-reactid="570"><span class="ant-fullcalendar-column-header-inner" data-reactid="571">Sa</span></th></tr></thead><tbody class="ant-fullcalendar-tbody" data-reactid="572"><tr role="row" class="" data-reactid="573"><td role="gridcell" title="2017-3-26" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="574"><div class="ant-fullcalendar-date" data-reactid="575"><div class="ant-fullcalendar-value" data-reactid="576">26</div><div class="ant-fullcalendar-content" data-reactid="577"></div></div></td><td role="gridcell" title="2017-3-27" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="578"><div class="ant-fullcalendar-date" data-reactid="579"><div class="ant-fullcalendar-value" data-reactid="580">27</div><div class="ant-fullcalendar-content" data-reactid="581"></div></div></td><td role="gridcell" title="2017-3-28" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="582"><div class="ant-fullcalendar-date" data-reactid="583"><div class="ant-fullcalendar-value" data-reactid="584">28</div><div class="ant-fullcalendar-content" data-reactid="585"></div></div></td><td role="gridcell" title="2017-3-29" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="586"><div class="ant-fullcalendar-date" data-reactid="587"><div class="ant-fullcalendar-value" data-reactid="588">29</div><div class="ant-fullcalendar-content" data-reactid="589"></div></div></td><td role="gridcell" title="2017-3-30" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="590"><div class="ant-fullcalendar-date" data-reactid="591"><div class="ant-fullcalendar-value" data-reactid="592">30</div><div class="ant-fullcalendar-content" data-reactid="593"></div></div></td><td role="gridcell" title="2017-3-31" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell" data-reactid="594"><div class="ant-fullcalendar-date" data-reactid="595"><div class="ant-fullcalendar-value" data-reactid="596">31</div><div class="ant-fullcalendar-content" data-reactid="597"></div></div></td><td role="gridcell" title="2017-4-1" class="ant-fullcalendar-cell" data-reactid="598"><div class="ant-fullcalendar-date" data-reactid="599"><div class="ant-fullcalendar-value" data-reactid="600">01</div><div class="ant-fullcalendar-content" data-reactid="601"></div></div></td></tr><tr role="row" class="" data-reactid="602"><td role="gridcell" title="2017-4-2" class="ant-fullcalendar-cell" data-reactid="603"><div class="ant-fullcalendar-date" data-reactid="604"><div class="ant-fullcalendar-value" data-reactid="605">02</div><div class="ant-fullcalendar-content" data-reactid="606"></div></div></td><td role="gridcell" title="2017-4-3" class="ant-fullcalendar-cell" data-reactid="607"><div class="ant-fullcalendar-date" data-reactid="608"><div class="ant-fullcalendar-value" data-reactid="609">03</div><div class="ant-fullcalendar-content" data-reactid="610"></div></div></td><td role="gridcell" title="2017-4-4" class="ant-fullcalendar-cell" data-reactid="611"><div class="ant-fullcalendar-date" data-reactid="612"><div class="ant-fullcalendar-value" data-reactid="613">04</div><div class="ant-fullcalendar-content" data-reactid="614"></div></div></td><td role="gridcell" title="2017-4-5" class="ant-fullcalendar-cell" data-reactid="615"><div class="ant-fullcalendar-date" data-reactid="616"><div class="ant-fullcalendar-value" data-reactid="617">05</div><div class="ant-fullcalendar-content" data-reactid="618"></div></div></td><td role="gridcell" title="2017-4-6" class="ant-fullcalendar-cell" data-reactid="619"><div class="ant-fullcalendar-date" data-reactid="620"><div class="ant-fullcalendar-value" data-reactid="621">06</div><div class="ant-fullcalendar-content" data-reactid="622"></div></div></td><td role="gridcell" title="2017-4-7" class="ant-fullcalendar-cell" data-reactid="623"><div class="ant-fullcalendar-date" data-reactid="624"><div class="ant-fullcalendar-value" data-reactid="625">07</div><div class="ant-fullcalendar-content" data-reactid="626"></div></div></td><td role="gridcell" title="2017-4-8" class="ant-fullcalendar-cell" data-reactid="627"><div class="ant-fullcalendar-date" data-reactid="628"><div class="ant-fullcalendar-value" data-reactid="629">08</div><div class="ant-fullcalendar-content" data-reactid="630"></div></div></td></tr><tr role="row" class="" data-reactid="631"><td role="gridcell" title="2017-4-9" class="ant-fullcalendar-cell" data-reactid="632"><div class="ant-fullcalendar-date" data-reactid="633"><div class="ant-fullcalendar-value" data-reactid="634">09</div><div class="ant-fullcalendar-content" data-reactid="635"></div></div></td><td role="gridcell" title="2017-4-10" class="ant-fullcalendar-cell" data-reactid="636"><div class="ant-fullcalendar-date" data-reactid="637"><div class="ant-fullcalendar-value" data-reactid="638">10</div><div class="ant-fullcalendar-content" data-reactid="639"></div></div></td><td role="gridcell" title="2017-4-11" class="ant-fullcalendar-cell" data-reactid="640"><div class="ant-fullcalendar-date" data-reactid="641"><div class="ant-fullcalendar-value" data-reactid="642">11</div><div class="ant-fullcalendar-content" data-reactid="643"></div></div></td><td role="gridcell" title="2017-4-12" class="ant-fullcalendar-cell" data-reactid="644"><div class="ant-fullcalendar-date" data-reactid="645"><div class="ant-fullcalendar-value" data-reactid="646">12</div><div class="ant-fullcalendar-content" data-reactid="647"></div></div></td><td role="gridcell" title="2017-4-13" class="ant-fullcalendar-cell" data-reactid="648"><div class="ant-fullcalendar-date" data-reactid="649"><div class="ant-fullcalendar-value" data-reactid="650">13</div><div class="ant-fullcalendar-content" data-reactid="651"></div></div></td><td role="gridcell" title="2017-4-14" class="ant-fullcalendar-cell" data-reactid="652"><div class="ant-fullcalendar-date" data-reactid="653"><div class="ant-fullcalendar-value" data-reactid="654">14</div><div class="ant-fullcalendar-content" data-reactid="655"></div></div></td><td role="gridcell" title="2017-4-15" class="ant-fullcalendar-cell" data-reactid="656"><div class="ant-fullcalendar-date" data-reactid="657"><div class="ant-fullcalendar-value" data-reactid="658">15</div><div class="ant-fullcalendar-content" data-reactid="659"></div></div></td></tr><tr role="row" class="" data-reactid="660"><td role="gridcell" title="2017-4-16" class="ant-fullcalendar-cell" data-reactid="661"><div class="ant-fullcalendar-date" data-reactid="662"><div class="ant-fullcalendar-value" data-reactid="663">16</div><div class="ant-fullcalendar-content" data-reactid="664"></div></div></td><td role="gridcell" title="2017-4-17" class="ant-fullcalendar-cell" data-reactid="665"><div class="ant-fullcalendar-date" data-reactid="666"><div class="ant-fullcalendar-value" data-reactid="667">17</div><div class="ant-fullcalendar-content" data-reactid="668"></div></div></td><td role="gridcell" title="2017-4-18" class="ant-fullcalendar-cell" data-reactid="669"><div class="ant-fullcalendar-date" data-reactid="670"><div class="ant-fullcalendar-value" data-reactid="671">18</div><div class="ant-fullcalendar-content" data-reactid="672"></div></div></td><td role="gridcell" title="2017-4-19" class="ant-fullcalendar-cell" data-reactid="673"><div class="ant-fullcalendar-date" data-reactid="674"><div class="ant-fullcalendar-value" data-reactid="675">19</div><div class="ant-fullcalendar-content" data-reactid="676"></div></div></td><td role="gridcell" title="2017-4-20" class="ant-fullcalendar-cell" data-reactid="677"><div class="ant-fullcalendar-date" data-reactid="678"><div class="ant-fullcalendar-value" data-reactid="679">20</div><div class="ant-fullcalendar-content" data-reactid="680"></div></div></td><td role="gridcell" title="2017-4-21" class="ant-fullcalendar-cell" data-reactid="681"><div class="ant-fullcalendar-date" data-reactid="682"><div class="ant-fullcalendar-value" data-reactid="683">21</div><div class="ant-fullcalendar-content" data-reactid="684"></div></div></td><td role="gridcell" title="2017-4-22" class="ant-fullcalendar-cell" data-reactid="685"><div class="ant-fullcalendar-date" data-reactid="686"><div class="ant-fullcalendar-value" data-reactid="687">22</div><div class="ant-fullcalendar-content" data-reactid="688"></div></div></td></tr><tr role="row" class="ant-fullcalendar-current-week ant-fullcalendar-active-week" data-reactid="689"><td role="gridcell" title="2017-4-23" class="ant-fullcalendar-cell" data-reactid="690"><div class="ant-fullcalendar-date" data-reactid="691"><div class="ant-fullcalendar-value" data-reactid="692">23</div><div class="ant-fullcalendar-content" data-reactid="693"></div></div></td><td role="gridcell" title="2017-4-24" class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day" data-reactid="694"><div class="ant-fullcalendar-date" data-reactid="695"><div class="ant-fullcalendar-value" data-reactid="696">24</div><div class="ant-fullcalendar-content" data-reactid="697"></div></div></td><td role="gridcell" title="2017-4-25" class="ant-fullcalendar-cell" data-reactid="698"><div class="ant-fullcalendar-date" data-reactid="699"><div class="ant-fullcalendar-value" data-reactid="700">25</div><div class="ant-fullcalendar-content" data-reactid="701"></div></div></td><td role="gridcell" title="2017-4-26" class="ant-fullcalendar-cell" data-reactid="702"><div class="ant-fullcalendar-date" data-reactid="703"><div class="ant-fullcalendar-value" data-reactid="704">26</div><div class="ant-fullcalendar-content" data-reactid="705"></div></div></td><td role="gridcell" title="2017-4-27" class="ant-fullcalendar-cell" data-reactid="706"><div class="ant-fullcalendar-date" data-reactid="707"><div class="ant-fullcalendar-value" data-reactid="708">27</div><div class="ant-fullcalendar-content" data-reactid="709"></div></div></td><td role="gridcell" title="2017-4-28" class="ant-fullcalendar-cell" data-reactid="710"><div class="ant-fullcalendar-date" data-reactid="711"><div class="ant-fullcalendar-value" data-reactid="712">28</div><div class="ant-fullcalendar-content" data-reactid="713"></div></div></td><td role="gridcell" title="2017-4-29" class="ant-fullcalendar-cell" data-reactid="714"><div class="ant-fullcalendar-date" data-reactid="715"><div class="ant-fullcalendar-value" data-reactid="716">29</div><div class="ant-fullcalendar-content" data-reactid="717"></div></div></td></tr><tr role="row" class="" data-reactid="718"><td role="gridcell" title="2017-4-30" class="ant-fullcalendar-cell" data-reactid="719"><div class="ant-fullcalendar-date" data-reactid="720"><div class="ant-fullcalendar-value" data-reactid="721">30</div><div class="ant-fullcalendar-content" data-reactid="722"></div></div></td><td role="gridcell" title="2017-5-1" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="723"><div class="ant-fullcalendar-date" data-reactid="724"><div class="ant-fullcalendar-value" data-reactid="725">01</div><div class="ant-fullcalendar-content" data-reactid="726"></div></div></td><td role="gridcell" title="2017-5-2" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="727"><div class="ant-fullcalendar-date" data-reactid="728"><div class="ant-fullcalendar-value" data-reactid="729">02</div><div class="ant-fullcalendar-content" data-reactid="730"></div></div></td><td role="gridcell" title="2017-5-3" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="731"><div class="ant-fullcalendar-date" data-reactid="732"><div class="ant-fullcalendar-value" data-reactid="733">03</div><div class="ant-fullcalendar-content" data-reactid="734"></div></div></td><td role="gridcell" title="2017-5-4" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="735"><div class="ant-fullcalendar-date" data-reactid="736"><div class="ant-fullcalendar-value" data-reactid="737">04</div><div class="ant-fullcalendar-content" data-reactid="738"></div></div></td><td role="gridcell" title="2017-5-5" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="739"><div class="ant-fullcalendar-date" data-reactid="740"><div class="ant-fullcalendar-value" data-reactid="741">05</div><div class="ant-fullcalendar-content" data-reactid="742"></div></div></td><td role="gridcell" title="2017-5-6" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day" data-reactid="743"><div class="ant-fullcalendar-date" data-reactid="744"><div class="ant-fullcalendar-value" data-reactid="745">06</div><div class="ant-fullcalendar-content" data-reactid="746"></div></div></td></tr></tbody></table></div></div></div></div><div class="example" data-reactid="747"><div class="ant-table-wrapper" data-reactid="748"><div class="ant-spin-nested-loading" data-reactid="749"><div class="ant-spin-container" data-reactid="750"><div class="ant-table ant-table-large ant-table-empty ant-table-scroll-position-left" data-reactid="751"><div class="ant-table-content" data-reactid="752"><div class="ant-table-body" data-reactid="753"><table class="" data-reactid="754"><colgroup data-reactid="755"><col data-reactid="756"/><col data-reactid="757"/></colgroup><thead class="ant-table-thead" data-reactid="758"><tr data-reactid="759"><th class="" data-reactid="760"><span data-reactid="761"><!-- react-text: 762 -->Name<!-- /react-text --><i title="Filter Menu" class="anticon anticon-filter ant-dropdown-trigger" data-reactid="763"></i></span></th><th class="" data-reactid="764"><span data-reactid="765"><!-- react-text: 766 -->Age<!-- /react-text --></span></th></tr></thead><tbody class="ant-table-tbody" data-reactid="767"></tbody></table></div><div class="ant-table-placeholder" data-reactid="768">No Data</div></div></div></div></div></div></div><!-- react-empty: 769 --></div></div><style data-reactid="770">.locale-components {
   border-top: 1px solid #d9d9d9;
   padding-top: 16px;
 }
diff --git a/components/mention-cn/index.html b/components/mention-cn/index.html
index a18c5abfb..51e93d930 100644
--- a/components/mention-cn/index.html
+++ b/components/mention-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="2009577528"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1620526711"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本使用" data-reactid="293"><a href="#components-mention-demo-basic" data-reactid="294">基本使用</a></li><li title="异步加载" data-reactid="295"><a href="#components-mention-demo-async" data-reactid="296">异步加载</a></li><li title="自定义建议" data-reactid="297"><a href="#components-mention-demo-custom-tag" data-reactid="298">自定义建议</a></li><li title="头像" data-reactid="299"><a href="#components-mention-demo-avatar" data-reactid="300">头像</a></li><li title="受控模式" data-reactid="301"><a href="#components-mention-demo-controllder-simple" data-reactid="302">受控模式</a></li><li title="配合 Form 使用" data-reactid="303"><a href="#components-mention-demo-controlled" data-reactid="304">配合 Form 使用</a></li><li title="多行" data-reactid="305"><a href="#components-mention-demo-multilines" data-reactid="306">多行</a></li><li title="建议渲染父节点" data-reactid="307"><a href="#components-mention-demo-popupContainer" data-reactid="308">建议渲染父节点</a></li><li title="自定义触发字符" data-reactid="309"><a href="#components-mention-demo-multiple-trigger" data-reactid="310">自定义触发字符</a></li></ul></div></div><section class="markdown" data-reactid="311"><h1 data-reactid="312"><!-- react-text: 313 -->Mention<!-- /react-text --><span class="subtitle" data-reactid="314">提及</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/index.zh-CN.md" data-reactid="315"><i class="anticon anticon-edit" data-reactid="316"></i></a></h1><section class="markdown" data-reactid="317"><p data-reactid="318"><!-- react-text: 319 -->提及组件。<!-- /react-text --></p><h2 id="何时使用" data-reactid="320"><span data-reactid="321"><!-- react-text: 322 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="323">#</a></h2><p data-reactid="324"><!-- react-text: 325 -->用于在输入中提及某人或某事，常用于发布、聊天或评论功能。<!-- /react-text --></p></section><h2 data-reactid="326"><span data-reactid="327">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="328"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="329"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="330"><section class="code-box" id="components-mention-demo-basic" data-reactid="331"><section class="code-box-demo" data-reactid="332"><div class="ant-mention-wrapper" style="width:100%;height:100px;" data-reactid="333"><div style="width:100%;height:100px;" class="ant-mention-editor" data-reactid="334"><div class="ant-mention-toolbar" data-reactid="335"></div><div class="ant-mention-editor-wrapper" style="width:100%;height:100px;" data-reactid="336"><div class="DraftEditor-root" data-reactid="337"><div class="DraftEditor-editorContainer" data-reactid="338"><div class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="339"><div data-contents="true" data-reactid="340"><div data-block="true" data-editor="46omb" data-offset-key="97d91-0-0" data-reactid="341"><div data-offset-key="97d91-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="342"><span data-reactid="343"><span data-offset-key="97d91-0-0" data-reactid="344"><span data-text="true" data-reactid="345">@afc163</span></span></span></div></div></div></div></div></div><!-- react-empty: 346 --></div></div></div></section><section class="code-box-meta markdown" data-reactid="347"><div class="code-box-title" data-reactid="348"><a href="#components-mention-demo-basic" data-reactid="349">基本使用</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/basic.md" data-reactid="350"><i class="anticon anticon-edit" data-reactid="351"></i></a></div><div data-reactid="352"><p data-reactid="353"><!-- react-text: 354 -->基本使用<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="355"></i></section><section class="highlight-wrapper" data-reactid="356"><div class="highlight" data-reactid="357"><i class="anticon anticon-copy code-box-code-copy" data-reactid="358"></i><pre class="language-jsx" data-reactid="359"><code data-reactid="360"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本使用" data-reactid="293"><a href="#components-mention-demo-basic" data-reactid="294">基本使用</a></li><li title="异步加载" data-reactid="295"><a href="#components-mention-demo-async" data-reactid="296">异步加载</a></li><li title="自定义建议" data-reactid="297"><a href="#components-mention-demo-custom-tag" data-reactid="298">自定义建议</a></li><li title="头像" data-reactid="299"><a href="#components-mention-demo-avatar" data-reactid="300">头像</a></li><li title="受控模式" data-reactid="301"><a href="#components-mention-demo-controllder-simple" data-reactid="302">受控模式</a></li><li title="配合 Form 使用" data-reactid="303"><a href="#components-mention-demo-controlled" data-reactid="304">配合 Form 使用</a></li><li title="多行" data-reactid="305"><a href="#components-mention-demo-multilines" data-reactid="306">多行</a></li><li title="建议渲染父节点" data-reactid="307"><a href="#components-mention-demo-popupContainer" data-reactid="308">建议渲染父节点</a></li><li title="自定义触发字符" data-reactid="309"><a href="#components-mention-demo-multiple-trigger" data-reactid="310">自定义触发字符</a></li></ul></div></div><section class="markdown" data-reactid="311"><h1 data-reactid="312"><!-- react-text: 313 -->Mention<!-- /react-text --><span class="subtitle" data-reactid="314">提及</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/index.zh-CN.md" data-reactid="315"><i class="anticon anticon-edit" data-reactid="316"></i></a></h1><section class="markdown" data-reactid="317"><p data-reactid="318"><!-- react-text: 319 -->提及组件。<!-- /react-text --></p><h2 id="何时使用" data-reactid="320"><span data-reactid="321"><!-- react-text: 322 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="323">#</a></h2><p data-reactid="324"><!-- react-text: 325 -->用于在输入中提及某人或某事，常用于发布、聊天或评论功能。<!-- /react-text --></p></section><h2 data-reactid="326"><span data-reactid="327">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="328"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="329"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="330"><section class="code-box" id="components-mention-demo-basic" data-reactid="331"><section class="code-box-demo" data-reactid="332"><div class="ant-mention-wrapper" style="width:100%;height:100px;" data-reactid="333"><div style="width:100%;height:100px;" class="ant-mention-editor" data-reactid="334"><div class="ant-mention-toolbar" data-reactid="335"></div><div class="ant-mention-editor-wrapper" style="width:100%;height:100px;" data-reactid="336"><div class="DraftEditor-root" data-reactid="337"><div class="DraftEditor-editorContainer" data-reactid="338"><div class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="339"><div data-contents="true" data-reactid="340"><div data-block="true" data-editor="6q5t3" data-offset-key="f6vlv-0-0" data-reactid="341"><div data-offset-key="f6vlv-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="342"><span data-reactid="343"><span data-offset-key="f6vlv-0-0" data-reactid="344"><span data-text="true" data-reactid="345">@afc163</span></span></span></div></div></div></div></div></div><!-- react-empty: 346 --></div></div></div></section><section class="code-box-meta markdown" data-reactid="347"><div class="code-box-title" data-reactid="348"><a href="#components-mention-demo-basic" data-reactid="349">基本使用</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/basic.md" data-reactid="350"><i class="anticon anticon-edit" data-reactid="351"></i></a></div><div data-reactid="352"><p data-reactid="353"><!-- react-text: 354 -->基本使用<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="355"></i></section><section class="highlight-wrapper" data-reactid="356"><div class="highlight" data-reactid="357"><i class="anticon anticon-copy code-box-code-copy" data-reactid="358"></i><pre class="language-jsx" data-reactid="359"><code data-reactid="360"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> <span class="token punctuation">{</span> toString<span class="token punctuation">,</span> toEditorState <span class="token punctuation">}</span> <span class="token operator">=</span> Mention<span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">onChange</span><span class="token punctuation">(</span>editorState<span class="token punctuation">)</span> <span class="token punctuation">{</span>
@@ -131,7 +131,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
     <span class="token attr-name">suggestions</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">[</span><span class="token string">'afc163'</span><span class="token punctuation">,</span> <span class="token string">'benjycui'</span><span class="token punctuation">,</span> <span class="token string">'yiminghe'</span><span class="token punctuation">,</span> <span class="token string">'RaoHai'</span><span class="token punctuation">,</span> <span class="token string">'中文'</span><span class="token punctuation">,</span> <span class="token string">'にほんご'</span><span class="token punctuation">]</span><span class="token punctuation">}</span></span>
     <span class="token attr-name">onSelect</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span>onSelect<span class="token punctuation">}</span></span>
   <span class="token punctuation">/></span></span>
-<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-mention-demo-custom-tag" data-reactid="361"><section class="code-box-demo" data-reactid="362"><div class="ant-mention-wrapper" style="width:100%;height:100px;" data-reactid="363"><div style="width:100%;height:100px;" class="ant-mention-editor" data-reactid="364"><div class="ant-mention-toolbar" data-reactid="365"></div><div class="ant-mention-editor-wrapper" style="width:100%;height:100px;" data-reactid="366"><div class="DraftEditor-root" data-reactid="367"><div class="public-DraftEditorPlaceholder-root" data-reactid="368"><div class="public-DraftEditorPlaceholder-inner" id="placeholder-e45a8" data-reactid="369">@someone</div></div><div class="DraftEditor-editorContainer" data-reactid="370"><div aria-describedby="placeholder-e45a8" class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="371"><div data-contents="true" data-reactid="372"><div data-block="true" data-editor="e45a8" data-offset-key="e4agb-0-0" data-reactid="373"><div data-offset-key="e4agb-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="374"><span data-offset-key="e4agb-0-0" data-reactid="375"><br data-text="true" data-reactid="376"/></span></div></div></div></div></div></div><!-- react-empty: 377 --></div></div></div></section><section class="code-box-meta markdown" data-reactid="378"><div class="code-box-title" data-reactid="379"><a href="#components-mention-demo-custom-tag" data-reactid="380">自定义建议</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/custom-tag.md" data-reactid="381"><i class="anticon anticon-edit" data-reactid="382"></i></a></div><div data-reactid="383"><p data-reactid="384"><!-- react-text: 385 -->自定义建议<!-- /react-text --></p><p data-reactid="386"><!-- react-text: 387 -->注意，自定义建议时，onSearchChange 必须不能为空。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="388"></i></section><section class="highlight-wrapper" data-reactid="389"><div class="highlight" data-reactid="390"><i class="anticon anticon-copy code-box-code-copy" data-reactid="391"></i><pre class="language-jsx" data-reactid="392"><code data-reactid="393"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-mention-demo-custom-tag" data-reactid="361"><section class="code-box-demo" data-reactid="362"><div class="ant-mention-wrapper" style="width:100%;height:100px;" data-reactid="363"><div style="width:100%;height:100px;" class="ant-mention-editor" data-reactid="364"><div class="ant-mention-toolbar" data-reactid="365"></div><div class="ant-mention-editor-wrapper" style="width:100%;height:100px;" data-reactid="366"><div class="DraftEditor-root" data-reactid="367"><div class="public-DraftEditorPlaceholder-root" data-reactid="368"><div class="public-DraftEditorPlaceholder-inner" id="placeholder-1ifgh" data-reactid="369">@someone</div></div><div class="DraftEditor-editorContainer" data-reactid="370"><div aria-describedby="placeholder-1ifgh" class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="371"><div data-contents="true" data-reactid="372"><div data-block="true" data-editor="1ifgh" data-offset-key="8r6ml-0-0" data-reactid="373"><div data-offset-key="8r6ml-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="374"><span data-offset-key="8r6ml-0-0" data-reactid="375"><br data-text="true" data-reactid="376"/></span></div></div></div></div></div></div><!-- react-empty: 377 --></div></div></div></section><section class="code-box-meta markdown" data-reactid="378"><div class="code-box-title" data-reactid="379"><a href="#components-mention-demo-custom-tag" data-reactid="380">自定义建议</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/custom-tag.md" data-reactid="381"><i class="anticon anticon-edit" data-reactid="382"></i></a></div><div data-reactid="383"><p data-reactid="384"><!-- react-text: 385 -->自定义建议<!-- /react-text --></p><p data-reactid="386"><!-- react-text: 387 -->注意，自定义建议时，onSearchChange 必须不能为空。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="388"></i></section><section class="highlight-wrapper" data-reactid="389"><div class="highlight" data-reactid="390"><i class="anticon anticon-copy code-box-code-copy" data-reactid="391"></i><pre class="language-jsx" data-reactid="392"><code data-reactid="393"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> Nav <span class="token operator">=</span> Mention<span class="token punctuation">.</span>Nav<span class="token punctuation">;</span>
 
 <span class="token keyword">const</span> webFrameworks <span class="token operator">=</span> <span class="token punctuation">[</span>
@@ -175,7 +175,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
   <span class="token punctuation">}</span>
 <span class="token punctuation">}</span>
 
-ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CustomNavMention</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-mention-demo-controllder-simple" data-reactid="394"><section class="code-box-demo" data-reactid="395"><div class="ant-mention-wrapper" data-reactid="396"><div class="ant-mention-editor" data-reactid="397"><div class="ant-mention-toolbar" data-reactid="398"></div><div class="ant-mention-editor-wrapper" data-reactid="399"><div class="DraftEditor-root" data-reactid="400"><div class="DraftEditor-editorContainer" data-reactid="401"><div class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="402"><div data-contents="true" data-reactid="403"><div data-block="true" data-editor="58sbg" data-offset-key="9rfp9-0-0" data-reactid="404"><div data-offset-key="9rfp9-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="405"><span data-offset-key="9rfp9-0-0" data-reactid="406"><span data-text="true" data-reactid="407">@afc163</span></span></div></div></div></div></div></div><!-- react-empty: 408 --></div></div></div></section><section class="code-box-meta markdown" data-reactid="409"><div class="code-box-title" data-reactid="410"><a href="#components-mention-demo-controllder-simple" data-reactid="411">受控模式</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/controllder-simple.md" data-reactid="412"><i class="anticon anticon-edit" data-reactid="413"></i></a></div><div data-reactid="414"><p data-reactid="415"><!-- react-text: 416 -->受控模式.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="417"></i></section><section class="highlight-wrapper" data-reactid="418"><div class="highlight" data-reactid="419"><i class="anticon anticon-copy code-box-code-copy" data-reactid="420"></i><pre class="language-jsx" data-reactid="421"><code data-reactid="422"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CustomNavMention</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-mention-demo-controllder-simple" data-reactid="394"><section class="code-box-demo" data-reactid="395"><div class="ant-mention-wrapper" data-reactid="396"><div class="ant-mention-editor" data-reactid="397"><div class="ant-mention-toolbar" data-reactid="398"></div><div class="ant-mention-editor-wrapper" data-reactid="399"><div class="DraftEditor-root" data-reactid="400"><div class="DraftEditor-editorContainer" data-reactid="401"><div class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="402"><div data-contents="true" data-reactid="403"><div data-block="true" data-editor="4ans0" data-offset-key="7vlc8-0-0" data-reactid="404"><div data-offset-key="7vlc8-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="405"><span data-offset-key="7vlc8-0-0" data-reactid="406"><span data-text="true" data-reactid="407">@afc163</span></span></div></div></div></div></div></div><!-- react-empty: 408 --></div></div></div></section><section class="code-box-meta markdown" data-reactid="409"><div class="code-box-title" data-reactid="410"><a href="#components-mention-demo-controllder-simple" data-reactid="411">受控模式</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/controllder-simple.md" data-reactid="412"><i class="anticon anticon-edit" data-reactid="413"></i></a></div><div data-reactid="414"><p data-reactid="415"><!-- react-text: 416 -->受控模式.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="417"></i></section><section class="highlight-wrapper" data-reactid="418"><div class="highlight" data-reactid="419"><i class="anticon anticon-copy code-box-code-copy" data-reactid="420"></i><pre class="language-jsx" data-reactid="421"><code data-reactid="422"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> <span class="token punctuation">{</span> toEditorState <span class="token punctuation">}</span> <span class="token operator">=</span> Mention<span class="token punctuation">;</span>
 
 <span class="token keyword">class</span> <span class="token class-name">App</span> <span class="token keyword">extends</span> <span class="token class-name">React<span class="token punctuation">.</span>Component</span> <span class="token punctuation">{</span>
@@ -198,7 +198,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
   <span class="token punctuation">}</span>
 <span class="token punctuation">}</span>
 
-ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>App</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-mention-demo-multilines" data-reactid="423"><section class="code-box-demo" data-reactid="424"><div class="ant-mention-wrapper multilines" style="width:100%;height:100px;" data-reactid="425"><div style="width:100%;height:100px;" class="ant-mention-editor" data-reactid="426"><div class="ant-mention-toolbar" data-reactid="427"></div><div class="ant-mention-editor-wrapper" style="width:100%;height:100px;" data-reactid="428"><div class="DraftEditor-root" data-reactid="429"><div class="DraftEditor-editorContainer" data-reactid="430"><div class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="431"><div data-contents="true" data-reactid="432"><div data-block="true" data-editor="en8pi" data-offset-key="6t3qb-0-0" data-reactid="433"><div data-offset-key="6t3qb-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="434"><span data-offset-key="6t3qb-0-0" data-reactid="435"><br data-text="true" data-reactid="436"/></span></div></div></div></div></div></div><!-- react-empty: 437 --></div></div></div></section><section class="code-box-meta markdown" data-reactid="438"><div class="code-box-title" data-reactid="439"><a href="#components-mention-demo-multilines" data-reactid="440">多行</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/multilines.md" data-reactid="441"><i class="anticon anticon-edit" data-reactid="442"></i></a></div><div data-reactid="443"><p data-reactid="444"><!-- react-text: 445 -->多行模式，多行模式必须指定高度。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="446"></i></section><section class="highlight-wrapper" data-reactid="447"><div class="highlight" data-reactid="448"><i class="anticon anticon-copy code-box-code-copy" data-reactid="449"></i><pre class="language-jsx" data-reactid="450"><code data-reactid="451"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>App</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-mention-demo-multilines" data-reactid="423"><section class="code-box-demo" data-reactid="424"><div class="ant-mention-wrapper multilines" style="width:100%;height:100px;" data-reactid="425"><div style="width:100%;height:100px;" class="ant-mention-editor" data-reactid="426"><div class="ant-mention-toolbar" data-reactid="427"></div><div class="ant-mention-editor-wrapper" style="width:100%;height:100px;" data-reactid="428"><div class="DraftEditor-root" data-reactid="429"><div class="DraftEditor-editorContainer" data-reactid="430"><div class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="431"><div data-contents="true" data-reactid="432"><div data-block="true" data-editor="25dlu" data-offset-key="eb7h5-0-0" data-reactid="433"><div data-offset-key="eb7h5-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="434"><span data-offset-key="eb7h5-0-0" data-reactid="435"><br data-text="true" data-reactid="436"/></span></div></div></div></div></div></div><!-- react-empty: 437 --></div></div></div></section><section class="code-box-meta markdown" data-reactid="438"><div class="code-box-title" data-reactid="439"><a href="#components-mention-demo-multilines" data-reactid="440">多行</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/multilines.md" data-reactid="441"><i class="anticon anticon-edit" data-reactid="442"></i></a></div><div data-reactid="443"><p data-reactid="444"><!-- react-text: 445 -->多行模式，多行模式必须指定高度。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="446"></i></section><section class="highlight-wrapper" data-reactid="447"><div class="highlight" data-reactid="448"><i class="anticon anticon-copy code-box-code-copy" data-reactid="449"></i><pre class="language-jsx" data-reactid="450"><code data-reactid="451"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> <span class="token punctuation">{</span> toString <span class="token punctuation">}</span> <span class="token operator">=</span> Mention<span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">onChange</span><span class="token punctuation">(</span>editorState<span class="token punctuation">)</span> <span class="token punctuation">{</span>
@@ -212,7 +212,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
     <span class="token attr-name">suggestions</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">[</span><span class="token string">'afc163'</span><span class="token punctuation">,</span> <span class="token string">'benjycui'</span><span class="token punctuation">,</span> <span class="token string">'yiminghe'</span><span class="token punctuation">,</span> <span class="token string">'jljsj33'</span><span class="token punctuation">,</span> <span class="token string">'dqaria'</span><span class="token punctuation">,</span> <span class="token string">'RaoHai'</span><span class="token punctuation">]</span><span class="token punctuation">}</span></span>
     <span class="token attr-name">multiLines</span>
   <span class="token punctuation">/></span></span>
-<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-mention-demo-multiple-trigger" data-reactid="452"><section class="code-box-demo" data-reactid="453"><div class="ant-mention-wrapper" style="width:100%;height:100px;" data-reactid="454"><div style="width:100%;height:100px;" class="ant-mention-editor" data-reactid="455"><div class="ant-mention-toolbar" data-reactid="456"></div><div class="ant-mention-editor-wrapper" style="width:100%;height:100px;" data-reactid="457"><div class="DraftEditor-root" data-reactid="458"><div class="public-DraftEditorPlaceholder-root" data-reactid="459"><div class="public-DraftEditorPlaceholder-inner" id="placeholder-bnk6j" data-reactid="460">input @ to mention people, # to mention tag</div></div><div class="DraftEditor-editorContainer" data-reactid="461"><div aria-describedby="placeholder-bnk6j" class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="462"><div data-contents="true" data-reactid="463"><div data-block="true" data-editor="bnk6j" data-offset-key="96ug8-0-0" data-reactid="464"><div data-offset-key="96ug8-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="465"><span data-offset-key="96ug8-0-0" data-reactid="466"><br data-text="true" data-reactid="467"/></span></div></div></div></div></div></div><!-- react-empty: 468 --></div></div></div></section><section class="code-box-meta markdown" data-reactid="469"><div class="code-box-title" data-reactid="470"><a href="#components-mention-demo-multiple-trigger" data-reactid="471">自定义触发字符</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/multiple-trigger.md" data-reactid="472"><i class="anticon anticon-edit" data-reactid="473"></i></a></div><div data-reactid="474"><p data-reactid="475"><!-- react-text: 476 -->通过 <!-- /react-text --><code data-reactid="477"><!-- react-text: 478 -->prefix<!-- /react-text --></code><!-- react-text: 479 --> 属性自定义触发字符。默认为 <!-- /react-text --><code data-reactid="480"><!-- react-text: 481 -->@<!-- /react-text --></code><!-- react-text: 482 -->, 可以定义为数组。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="483"></i></section><section class="highlight-wrapper" data-reactid="484"><div class="highlight" data-reactid="485"><i class="anticon anticon-copy code-box-code-copy" data-reactid="486"></i><pre class="language-jsx" data-reactid="487"><code data-reactid="488"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-mention-demo-multiple-trigger" data-reactid="452"><section class="code-box-demo" data-reactid="453"><div class="ant-mention-wrapper" style="width:100%;height:100px;" data-reactid="454"><div style="width:100%;height:100px;" class="ant-mention-editor" data-reactid="455"><div class="ant-mention-toolbar" data-reactid="456"></div><div class="ant-mention-editor-wrapper" style="width:100%;height:100px;" data-reactid="457"><div class="DraftEditor-root" data-reactid="458"><div class="public-DraftEditorPlaceholder-root" data-reactid="459"><div class="public-DraftEditorPlaceholder-inner" id="placeholder-5fjmr" data-reactid="460">input @ to mention people, # to mention tag</div></div><div class="DraftEditor-editorContainer" data-reactid="461"><div aria-describedby="placeholder-5fjmr" class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="462"><div data-contents="true" data-reactid="463"><div data-block="true" data-editor="5fjmr" data-offset-key="1fs8a-0-0" data-reactid="464"><div data-offset-key="1fs8a-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="465"><span data-offset-key="1fs8a-0-0" data-reactid="466"><br data-text="true" data-reactid="467"/></span></div></div></div></div></div></div><!-- react-empty: 468 --></div></div></div></section><section class="code-box-meta markdown" data-reactid="469"><div class="code-box-title" data-reactid="470"><a href="#components-mention-demo-multiple-trigger" data-reactid="471">自定义触发字符</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/multiple-trigger.md" data-reactid="472"><i class="anticon anticon-edit" data-reactid="473"></i></a></div><div data-reactid="474"><p data-reactid="475"><!-- react-text: 476 -->通过 <!-- /react-text --><code data-reactid="477"><!-- react-text: 478 -->prefix<!-- /react-text --></code><!-- react-text: 479 --> 属性自定义触发字符。默认为 <!-- /react-text --><code data-reactid="480"><!-- react-text: 481 -->@<!-- /react-text --></code><!-- react-text: 482 -->, 可以定义为数组。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="483"></i></section><section class="highlight-wrapper" data-reactid="484"><div class="highlight" data-reactid="485"><i class="anticon anticon-copy code-box-code-copy" data-reactid="486"></i><pre class="language-jsx" data-reactid="487"><code data-reactid="488"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> <span class="token punctuation">{</span> toString <span class="token punctuation">}</span> <span class="token operator">=</span> Mention<span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">onChange</span><span class="token punctuation">(</span>editorState<span class="token punctuation">)</span> <span class="token punctuation">{</span>
@@ -257,7 +257,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>App</span> <span class="token punctuation">/></span></span>
-<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section></div><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="489"><section class="code-box" id="components-mention-demo-async" data-reactid="490"><section class="code-box-demo" data-reactid="491"><div class="ant-mention-wrapper" style="width:100%;height:100px;" data-reactid="492"><div style="width:100%;height:100px;" class="ant-mention-editor" data-reactid="493"><div class="ant-mention-toolbar" data-reactid="494"></div><div class="ant-mention-editor-wrapper" style="width:100%;height:100px;" data-reactid="495"><div class="DraftEditor-root" data-reactid="496"><div class="DraftEditor-editorContainer" data-reactid="497"><div class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="498"><div data-contents="true" data-reactid="499"><div data-block="true" data-editor="92fv1" data-offset-key="epti9-0-0" data-reactid="500"><div data-offset-key="epti9-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="501"><span data-offset-key="epti9-0-0" data-reactid="502"><br data-text="true" data-reactid="503"/></span></div></div></div></div></div></div><!-- react-empty: 504 --></div></div></div></section><section class="code-box-meta markdown" data-reactid="505"><div class="code-box-title" data-reactid="506"><a href="#components-mention-demo-async" data-reactid="507">异步加载</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/async.md" data-reactid="508"><i class="anticon anticon-edit" data-reactid="509"></i></a></div><div data-reactid="510"><p data-reactid="511"><!-- react-text: 512 -->匹配内容列表为异步返回时。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="513"></i></section><section class="highlight-wrapper" data-reactid="514"><div class="highlight" data-reactid="515"><i class="anticon anticon-copy code-box-code-copy" data-reactid="516"></i><pre class="language-jsx" data-reactid="517"><code data-reactid="518"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section></div><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="489"><section class="code-box" id="components-mention-demo-async" data-reactid="490"><section class="code-box-demo" data-reactid="491"><div class="ant-mention-wrapper" style="width:100%;height:100px;" data-reactid="492"><div style="width:100%;height:100px;" class="ant-mention-editor" data-reactid="493"><div class="ant-mention-toolbar" data-reactid="494"></div><div class="ant-mention-editor-wrapper" style="width:100%;height:100px;" data-reactid="495"><div class="DraftEditor-root" data-reactid="496"><div class="DraftEditor-editorContainer" data-reactid="497"><div class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="498"><div data-contents="true" data-reactid="499"><div data-block="true" data-editor="9thlt" data-offset-key="7qc7g-0-0" data-reactid="500"><div data-offset-key="7qc7g-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="501"><span data-offset-key="7qc7g-0-0" data-reactid="502"><br data-text="true" data-reactid="503"/></span></div></div></div></div></div></div><!-- react-empty: 504 --></div></div></div></section><section class="code-box-meta markdown" data-reactid="505"><div class="code-box-title" data-reactid="506"><a href="#components-mention-demo-async" data-reactid="507">异步加载</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/async.md" data-reactid="508"><i class="anticon anticon-edit" data-reactid="509"></i></a></div><div data-reactid="510"><p data-reactid="511"><!-- react-text: 512 -->匹配内容列表为异步返回时。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="513"></i></section><section class="highlight-wrapper" data-reactid="514"><div class="highlight" data-reactid="515"><i class="anticon anticon-copy code-box-code-copy" data-reactid="516"></i><pre class="language-jsx" data-reactid="517"><code data-reactid="518"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">const</span> users <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token string">'afc163'</span><span class="token punctuation">,</span> <span class="token string">'benjycui'</span><span class="token punctuation">,</span> <span class="token string">'yiminghe'</span><span class="token punctuation">,</span> <span class="token string">'jljsj33'</span><span class="token punctuation">,</span> <span class="token string">'dqaria'</span><span class="token punctuation">,</span> <span class="token string">'RaoHai'</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
 
@@ -295,7 +295,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
   <span class="token punctuation">}</span>
 <span class="token punctuation">}</span>
 
-ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>AsyncMention</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-mention-demo-avatar" data-reactid="519"><section class="code-box-demo" data-reactid="520"><div class="ant-mention-wrapper" style="width:100%;height:100px;" data-reactid="521"><div style="width:100%;height:100px;" class="ant-mention-editor" data-reactid="522"><div class="ant-mention-toolbar" data-reactid="523"></div><div class="ant-mention-editor-wrapper" style="width:100%;height:100px;" data-reactid="524"><div class="DraftEditor-root" data-reactid="525"><div class="DraftEditor-editorContainer" data-reactid="526"><div class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="527"><div data-contents="true" data-reactid="528"><div data-block="true" data-editor="f51dm" data-offset-key="5uesu-0-0" data-reactid="529"><div data-offset-key="5uesu-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="530"><span data-offset-key="5uesu-0-0" data-reactid="531"><br data-text="true" data-reactid="532"/></span></div></div></div></div></div></div><!-- react-empty: 533 --></div></div></div></section><section class="code-box-meta markdown" data-reactid="534"><div class="code-box-title" data-reactid="535"><a href="#components-mention-demo-avatar" data-reactid="536">头像</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/avatar.md" data-reactid="537"><i class="anticon anticon-edit" data-reactid="538"></i></a></div><div data-reactid="539"><p data-reactid="540"><!-- react-text: 541 -->自定义建议（含头像）<!-- /react-text --></p><p data-reactid="542"><!-- react-text: 543 -->注意，自定义建议时，onSearchChange 必须不能为空。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="544"></i></section><section class="highlight-wrapper" data-reactid="545"><div class="highlight" data-reactid="546"><i class="anticon anticon-copy code-box-code-copy" data-reactid="547"></i><pre class="language-jsx" data-reactid="548"><code data-reactid="549"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>AsyncMention</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-mention-demo-avatar" data-reactid="519"><section class="code-box-demo" data-reactid="520"><div class="ant-mention-wrapper" style="width:100%;height:100px;" data-reactid="521"><div style="width:100%;height:100px;" class="ant-mention-editor" data-reactid="522"><div class="ant-mention-toolbar" data-reactid="523"></div><div class="ant-mention-editor-wrapper" style="width:100%;height:100px;" data-reactid="524"><div class="DraftEditor-root" data-reactid="525"><div class="DraftEditor-editorContainer" data-reactid="526"><div class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="527"><div data-contents="true" data-reactid="528"><div data-block="true" data-editor="682im" data-offset-key="5esm0-0-0" data-reactid="529"><div data-offset-key="5esm0-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="530"><span data-offset-key="5esm0-0-0" data-reactid="531"><br data-text="true" data-reactid="532"/></span></div></div></div></div></div></div><!-- react-empty: 533 --></div></div></div></section><section class="code-box-meta markdown" data-reactid="534"><div class="code-box-title" data-reactid="535"><a href="#components-mention-demo-avatar" data-reactid="536">头像</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/avatar.md" data-reactid="537"><i class="anticon anticon-edit" data-reactid="538"></i></a></div><div data-reactid="539"><p data-reactid="540"><!-- react-text: 541 -->自定义建议（含头像）<!-- /react-text --></p><p data-reactid="542"><!-- react-text: 543 -->注意，自定义建议时，onSearchChange 必须不能为空。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="544"></i></section><section class="highlight-wrapper" data-reactid="545"><div class="highlight" data-reactid="546"><i class="anticon anticon-copy code-box-code-copy" data-reactid="547"></i><pre class="language-jsx" data-reactid="548"><code data-reactid="549"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> Nav <span class="token operator">=</span> Mention<span class="token punctuation">.</span>Nav<span class="token punctuation">;</span>
 
 <span class="token keyword">const</span> webFrameworks <span class="token operator">=</span> <span class="token punctuation">[</span>
@@ -335,7 +335,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
   <span class="token punctuation">}</span>
 <span class="token punctuation">}</span>
 
-ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CustomNavMention</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-mention-demo-controlled" data-reactid="550"><section class="code-box-demo" data-reactid="551"><form class="ant-form ant-form-horizontal" data-reactid="552"><div class="ant-row ant-form-item" data-reactid="553"><div class="ant-col-6 ant-form-item-label" data-reactid="554"><label for="control-mention" class="" title="Top coders" data-reactid="555">Top coders</label></div><div class="ant-col-16 ant-form-item-control-wrapper" data-reactid="556"><div class="ant-form-item-control has-success" data-reactid="557"><div class="ant-mention-wrapper" style="height:60px;" data-reactid="558"><div style="height:60px;" class="ant-mention-editor" data-reactid="559"><div class="ant-mention-toolbar" data-reactid="560"></div><div class="ant-mention-editor-wrapper" style="height:60px;" data-reactid="561"><div class="DraftEditor-root" data-reactid="562"><div class="DraftEditor-editorContainer" data-reactid="563"><div class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="564"><div data-contents="true" data-reactid="565"><div data-block="true" data-editor="c1of9" data-offset-key="f8riu-0-0" data-reactid="566"><div data-offset-key="f8riu-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="567"><span data-offset-key="f8riu-0-0" data-reactid="568"><span data-text="true" data-reactid="569">@afc163</span></span></div></div></div></div></div></div><!-- react-empty: 570 --></div></div></div></div></div></div><div class="ant-row ant-form-item" data-reactid="571"><div class="ant-col-14 ant-col-offset-6 ant-form-item-control-wrapper" data-reactid="572"><div class="ant-form-item-control " data-reactid="573"><button type="button" class="ant-btn ant-btn-primary ant-btn-lg" data-reactid="574"><span data-reactid="575">Submit</span></button><!-- react-text: 576 -->   <!-- /react-text --><button type="button" class="ant-btn ant-btn-lg" data-reactid="577"><span data-reactid="578">Reset</span></button></div></div></div></form></section><section class="code-box-meta markdown" data-reactid="579"><div class="code-box-title" data-reactid="580"><a href="#components-mention-demo-controlled" data-reactid="581">配合 Form 使用</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/controlled.md" data-reactid="582"><i class="anticon anticon-edit" data-reactid="583"></i></a></div><div data-reactid="584"><p data-reactid="585"><!-- react-text: 586 -->受控模式，例如配合 Form 使用。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="587"></i></section><section class="highlight-wrapper" data-reactid="588"><div class="highlight" data-reactid="589"><i class="anticon anticon-copy code-box-code-copy" data-reactid="590"></i><pre class="language-jsx" data-reactid="591"><code data-reactid="592"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention<span class="token punctuation">,</span> Form<span class="token punctuation">,</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CustomNavMention</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-mention-demo-controlled" data-reactid="550"><section class="code-box-demo" data-reactid="551"><form class="ant-form ant-form-horizontal" data-reactid="552"><div class="ant-row ant-form-item" data-reactid="553"><div class="ant-col-6 ant-form-item-label" data-reactid="554"><label for="control-mention" class="" title="Top coders" data-reactid="555">Top coders</label></div><div class="ant-col-16 ant-form-item-control-wrapper" data-reactid="556"><div class="ant-form-item-control has-success" data-reactid="557"><div class="ant-mention-wrapper" style="height:60px;" data-reactid="558"><div style="height:60px;" class="ant-mention-editor" data-reactid="559"><div class="ant-mention-toolbar" data-reactid="560"></div><div class="ant-mention-editor-wrapper" style="height:60px;" data-reactid="561"><div class="DraftEditor-root" data-reactid="562"><div class="DraftEditor-editorContainer" data-reactid="563"><div class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="564"><div data-contents="true" data-reactid="565"><div data-block="true" data-editor="acv0n" data-offset-key="5q4rp-0-0" data-reactid="566"><div data-offset-key="5q4rp-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="567"><span data-offset-key="5q4rp-0-0" data-reactid="568"><span data-text="true" data-reactid="569">@afc163</span></span></div></div></div></div></div></div><!-- react-empty: 570 --></div></div></div></div></div></div><div class="ant-row ant-form-item" data-reactid="571"><div class="ant-col-14 ant-col-offset-6 ant-form-item-control-wrapper" data-reactid="572"><div class="ant-form-item-control " data-reactid="573"><button type="button" class="ant-btn ant-btn-primary ant-btn-lg" data-reactid="574"><span data-reactid="575">Submit</span></button><!-- react-text: 576 -->   <!-- /react-text --><button type="button" class="ant-btn ant-btn-lg" data-reactid="577"><span data-reactid="578">Reset</span></button></div></div></div></form></section><section class="code-box-meta markdown" data-reactid="579"><div class="code-box-title" data-reactid="580"><a href="#components-mention-demo-controlled" data-reactid="581">配合 Form 使用</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/controlled.md" data-reactid="582"><i class="anticon anticon-edit" data-reactid="583"></i></a></div><div data-reactid="584"><p data-reactid="585"><!-- react-text: 586 -->受控模式，例如配合 Form 使用。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="587"></i></section><section class="highlight-wrapper" data-reactid="588"><div class="highlight" data-reactid="589"><i class="anticon anticon-copy code-box-code-copy" data-reactid="590"></i><pre class="language-jsx" data-reactid="591"><code data-reactid="592"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention<span class="token punctuation">,</span> Form<span class="token punctuation">,</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> <span class="token punctuation">{</span> toEditorState<span class="token punctuation">,</span> getMentions <span class="token punctuation">}</span> <span class="token operator">=</span> Mention<span class="token punctuation">;</span>
 <span class="token keyword">const</span> FormItem <span class="token operator">=</span> Form<span class="token punctuation">.</span>Item<span class="token punctuation">;</span>
 
diff --git a/components/mention/index.html b/components/mention/index.html
index 0a9abb6d0..c31905393 100644
--- a/components/mention/index.html
+++ b/components/mention/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="292035837"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1068704656"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-mention-demo-basic" data-reactid="294">Basic</a></li><li title="Asynchronous loading" data-reactid="295"><a href="#components-mention-demo-async" data-reactid="296">Asynchronous loading</a></li><li title="Customize Suggestion" data-reactid="297"><a href="#components-mention-demo-custom-tag" data-reactid="298">Customize Suggestion</a></li><li title="Icon Image" data-reactid="299"><a href="#components-mention-demo-avatar" data-reactid="300">Icon Image</a></li><li title="Controlled" data-reactid="301"><a href="#components-mention-demo-controllder-simple" data-reactid="302">Controlled</a></li><li title="With Form" data-reactid="303"><a href="#components-mention-demo-controlled" data-reactid="304">With Form</a></li><li title="Multi-lines Mode" data-reactid="305"><a href="#components-mention-demo-multilines" data-reactid="306">Multi-lines Mode</a></li><li title="SuggestionContainer" data-reactid="307"><a href="#components-mention-demo-popupContainer" data-reactid="308">SuggestionContainer</a></li><li title="Customize Trigger Token" data-reactid="309"><a href="#components-mention-demo-multiple-trigger" data-reactid="310">Customize Trigger Token</a></li></ul></div></div><section class="markdown" data-reactid="311"><h1 data-reactid="312"><!-- react-text: 313 -->Mention<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/index.en-US.md" data-reactid="314"><i class="anticon anticon-edit" data-reactid="315"></i></a></h1><section class="markdown" data-reactid="316"><p data-reactid="317"><!-- react-text: 318 -->Mention component。<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="319"><span data-reactid="320"><!-- react-text: 321 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="322">#</a></h2><p data-reactid="323"><!-- react-text: 324 -->When need to mention someone or something.<!-- /react-text --></p></section><h2 data-reactid="325"><span data-reactid="326">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="327"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="328"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="329"><section class="code-box" id="components-mention-demo-basic" data-reactid="330"><section class="code-box-demo" data-reactid="331"><div class="ant-mention-wrapper" style="width:100%;height:100px;" data-reactid="332"><div style="width:100%;height:100px;" class="ant-mention-editor" data-reactid="333"><div class="ant-mention-toolbar" data-reactid="334"></div><div class="ant-mention-editor-wrapper" style="width:100%;height:100px;" data-reactid="335"><div class="DraftEditor-root" data-reactid="336"><div class="DraftEditor-editorContainer" data-reactid="337"><div class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="338"><div data-contents="true" data-reactid="339"><div data-block="true" data-editor="c51vn" data-offset-key="eb8ak-0-0" data-reactid="340"><div data-offset-key="eb8ak-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="341"><span data-reactid="342"><span data-offset-key="eb8ak-0-0" data-reactid="343"><span data-text="true" data-reactid="344">@afc163</span></span></span></div></div></div></div></div></div><!-- react-empty: 345 --></div></div></div></section><section class="code-box-meta markdown" data-reactid="346"><div class="code-box-title" data-reactid="347"><a href="#components-mention-demo-basic" data-reactid="348">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/basic.md" data-reactid="349"><i class="anticon anticon-edit" data-reactid="350"></i></a></div><div data-reactid="351"><p data-reactid="352"><!-- react-text: 353 -->Basic usage.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="354"></i></section><section class="highlight-wrapper" data-reactid="355"><div class="highlight" data-reactid="356"><i class="anticon anticon-copy code-box-code-copy" data-reactid="357"></i><pre class="language-jsx" data-reactid="358"><code data-reactid="359"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-mention-demo-basic" data-reactid="294">Basic</a></li><li title="Asynchronous loading" data-reactid="295"><a href="#components-mention-demo-async" data-reactid="296">Asynchronous loading</a></li><li title="Customize Suggestion" data-reactid="297"><a href="#components-mention-demo-custom-tag" data-reactid="298">Customize Suggestion</a></li><li title="Icon Image" data-reactid="299"><a href="#components-mention-demo-avatar" data-reactid="300">Icon Image</a></li><li title="Controlled" data-reactid="301"><a href="#components-mention-demo-controllder-simple" data-reactid="302">Controlled</a></li><li title="With Form" data-reactid="303"><a href="#components-mention-demo-controlled" data-reactid="304">With Form</a></li><li title="Multi-lines Mode" data-reactid="305"><a href="#components-mention-demo-multilines" data-reactid="306">Multi-lines Mode</a></li><li title="SuggestionContainer" data-reactid="307"><a href="#components-mention-demo-popupContainer" data-reactid="308">SuggestionContainer</a></li><li title="Customize Trigger Token" data-reactid="309"><a href="#components-mention-demo-multiple-trigger" data-reactid="310">Customize Trigger Token</a></li></ul></div></div><section class="markdown" data-reactid="311"><h1 data-reactid="312"><!-- react-text: 313 -->Mention<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/index.en-US.md" data-reactid="314"><i class="anticon anticon-edit" data-reactid="315"></i></a></h1><section class="markdown" data-reactid="316"><p data-reactid="317"><!-- react-text: 318 -->Mention component。<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="319"><span data-reactid="320"><!-- react-text: 321 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="322">#</a></h2><p data-reactid="323"><!-- react-text: 324 -->When need to mention someone or something.<!-- /react-text --></p></section><h2 data-reactid="325"><span data-reactid="326">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="327"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="328"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="329"><section class="code-box" id="components-mention-demo-basic" data-reactid="330"><section class="code-box-demo" data-reactid="331"><div class="ant-mention-wrapper" style="width:100%;height:100px;" data-reactid="332"><div style="width:100%;height:100px;" class="ant-mention-editor" data-reactid="333"><div class="ant-mention-toolbar" data-reactid="334"></div><div class="ant-mention-editor-wrapper" style="width:100%;height:100px;" data-reactid="335"><div class="DraftEditor-root" data-reactid="336"><div class="DraftEditor-editorContainer" data-reactid="337"><div class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="338"><div data-contents="true" data-reactid="339"><div data-block="true" data-editor="2c719" data-offset-key="4vkku-0-0" data-reactid="340"><div data-offset-key="4vkku-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="341"><span data-reactid="342"><span data-offset-key="4vkku-0-0" data-reactid="343"><span data-text="true" data-reactid="344">@afc163</span></span></span></div></div></div></div></div></div><!-- react-empty: 345 --></div></div></div></section><section class="code-box-meta markdown" data-reactid="346"><div class="code-box-title" data-reactid="347"><a href="#components-mention-demo-basic" data-reactid="348">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/basic.md" data-reactid="349"><i class="anticon anticon-edit" data-reactid="350"></i></a></div><div data-reactid="351"><p data-reactid="352"><!-- react-text: 353 -->Basic usage.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="354"></i></section><section class="highlight-wrapper" data-reactid="355"><div class="highlight" data-reactid="356"><i class="anticon anticon-copy code-box-code-copy" data-reactid="357"></i><pre class="language-jsx" data-reactid="358"><code data-reactid="359"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> <span class="token punctuation">{</span> toString<span class="token punctuation">,</span> toEditorState <span class="token punctuation">}</span> <span class="token operator">=</span> Mention<span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">onChange</span><span class="token punctuation">(</span>editorState<span class="token punctuation">)</span> <span class="token punctuation">{</span>
@@ -131,7 +131,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
     <span class="token attr-name">suggestions</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">[</span><span class="token string">'afc163'</span><span class="token punctuation">,</span> <span class="token string">'benjycui'</span><span class="token punctuation">,</span> <span class="token string">'yiminghe'</span><span class="token punctuation">,</span> <span class="token string">'RaoHai'</span><span class="token punctuation">,</span> <span class="token string">'中文'</span><span class="token punctuation">,</span> <span class="token string">'にほんご'</span><span class="token punctuation">]</span><span class="token punctuation">}</span></span>
     <span class="token attr-name">onSelect</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span>onSelect<span class="token punctuation">}</span></span>
   <span class="token punctuation">/></span></span>
-<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-mention-demo-custom-tag" data-reactid="360"><section class="code-box-demo" data-reactid="361"><div class="ant-mention-wrapper" style="width:100%;height:100px;" data-reactid="362"><div style="width:100%;height:100px;" class="ant-mention-editor" data-reactid="363"><div class="ant-mention-toolbar" data-reactid="364"></div><div class="ant-mention-editor-wrapper" style="width:100%;height:100px;" data-reactid="365"><div class="DraftEditor-root" data-reactid="366"><div class="public-DraftEditorPlaceholder-root" data-reactid="367"><div class="public-DraftEditorPlaceholder-inner" id="placeholder-4qf7h" data-reactid="368">@someone</div></div><div class="DraftEditor-editorContainer" data-reactid="369"><div aria-describedby="placeholder-4qf7h" class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="370"><div data-contents="true" data-reactid="371"><div data-block="true" data-editor="4qf7h" data-offset-key="468e-0-0" data-reactid="372"><div data-offset-key="468e-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="373"><span data-offset-key="468e-0-0" data-reactid="374"><br data-text="true" data-reactid="375"/></span></div></div></div></div></div></div><!-- react-empty: 376 --></div></div></div></section><section class="code-box-meta markdown" data-reactid="377"><div class="code-box-title" data-reactid="378"><a href="#components-mention-demo-custom-tag" data-reactid="379">Customize Suggestion</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/custom-tag.md" data-reactid="380"><i class="anticon anticon-edit" data-reactid="381"></i></a></div><div data-reactid="382"><p data-reactid="383"><!-- react-text: 384 -->Customize suggestions.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="385"></i></section><section class="highlight-wrapper" data-reactid="386"><div class="highlight" data-reactid="387"><i class="anticon anticon-copy code-box-code-copy" data-reactid="388"></i><pre class="language-jsx" data-reactid="389"><code data-reactid="390"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-mention-demo-custom-tag" data-reactid="360"><section class="code-box-demo" data-reactid="361"><div class="ant-mention-wrapper" style="width:100%;height:100px;" data-reactid="362"><div style="width:100%;height:100px;" class="ant-mention-editor" data-reactid="363"><div class="ant-mention-toolbar" data-reactid="364"></div><div class="ant-mention-editor-wrapper" style="width:100%;height:100px;" data-reactid="365"><div class="DraftEditor-root" data-reactid="366"><div class="public-DraftEditorPlaceholder-root" data-reactid="367"><div class="public-DraftEditorPlaceholder-inner" id="placeholder-26s91" data-reactid="368">@someone</div></div><div class="DraftEditor-editorContainer" data-reactid="369"><div aria-describedby="placeholder-26s91" class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="370"><div data-contents="true" data-reactid="371"><div data-block="true" data-editor="26s91" data-offset-key="1h3ui-0-0" data-reactid="372"><div data-offset-key="1h3ui-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="373"><span data-offset-key="1h3ui-0-0" data-reactid="374"><br data-text="true" data-reactid="375"/></span></div></div></div></div></div></div><!-- react-empty: 376 --></div></div></div></section><section class="code-box-meta markdown" data-reactid="377"><div class="code-box-title" data-reactid="378"><a href="#components-mention-demo-custom-tag" data-reactid="379">Customize Suggestion</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/custom-tag.md" data-reactid="380"><i class="anticon anticon-edit" data-reactid="381"></i></a></div><div data-reactid="382"><p data-reactid="383"><!-- react-text: 384 -->Customize suggestions.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="385"></i></section><section class="highlight-wrapper" data-reactid="386"><div class="highlight" data-reactid="387"><i class="anticon anticon-copy code-box-code-copy" data-reactid="388"></i><pre class="language-jsx" data-reactid="389"><code data-reactid="390"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> Nav <span class="token operator">=</span> Mention<span class="token punctuation">.</span>Nav<span class="token punctuation">;</span>
 
 <span class="token keyword">const</span> webFrameworks <span class="token operator">=</span> <span class="token punctuation">[</span>
@@ -175,7 +175,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
   <span class="token punctuation">}</span>
 <span class="token punctuation">}</span>
 
-ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CustomNavMention</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-mention-demo-controllder-simple" data-reactid="391"><section class="code-box-demo" data-reactid="392"><div class="ant-mention-wrapper" data-reactid="393"><div class="ant-mention-editor" data-reactid="394"><div class="ant-mention-toolbar" data-reactid="395"></div><div class="ant-mention-editor-wrapper" data-reactid="396"><div class="DraftEditor-root" data-reactid="397"><div class="DraftEditor-editorContainer" data-reactid="398"><div class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="399"><div data-contents="true" data-reactid="400"><div data-block="true" data-editor="1p15d" data-offset-key="8ph55-0-0" data-reactid="401"><div data-offset-key="8ph55-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="402"><span data-offset-key="8ph55-0-0" data-reactid="403"><span data-text="true" data-reactid="404">@afc163</span></span></div></div></div></div></div></div><!-- react-empty: 405 --></div></div></div></section><section class="code-box-meta markdown" data-reactid="406"><div class="code-box-title" data-reactid="407"><a href="#components-mention-demo-controllder-simple" data-reactid="408">Controlled</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/controllder-simple.md" data-reactid="409"><i class="anticon anticon-edit" data-reactid="410"></i></a></div><div data-reactid="411"><p data-reactid="412"><!-- react-text: 413 -->Controlled mode.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="414"></i></section><section class="highlight-wrapper" data-reactid="415"><div class="highlight" data-reactid="416"><i class="anticon anticon-copy code-box-code-copy" data-reactid="417"></i><pre class="language-jsx" data-reactid="418"><code data-reactid="419"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CustomNavMention</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-mention-demo-controllder-simple" data-reactid="391"><section class="code-box-demo" data-reactid="392"><div class="ant-mention-wrapper" data-reactid="393"><div class="ant-mention-editor" data-reactid="394"><div class="ant-mention-toolbar" data-reactid="395"></div><div class="ant-mention-editor-wrapper" data-reactid="396"><div class="DraftEditor-root" data-reactid="397"><div class="DraftEditor-editorContainer" data-reactid="398"><div class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="399"><div data-contents="true" data-reactid="400"><div data-block="true" data-editor="3n0qu" data-offset-key="5ogpu-0-0" data-reactid="401"><div data-offset-key="5ogpu-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="402"><span data-offset-key="5ogpu-0-0" data-reactid="403"><span data-text="true" data-reactid="404">@afc163</span></span></div></div></div></div></div></div><!-- react-empty: 405 --></div></div></div></section><section class="code-box-meta markdown" data-reactid="406"><div class="code-box-title" data-reactid="407"><a href="#components-mention-demo-controllder-simple" data-reactid="408">Controlled</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/controllder-simple.md" data-reactid="409"><i class="anticon anticon-edit" data-reactid="410"></i></a></div><div data-reactid="411"><p data-reactid="412"><!-- react-text: 413 -->Controlled mode.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="414"></i></section><section class="highlight-wrapper" data-reactid="415"><div class="highlight" data-reactid="416"><i class="anticon anticon-copy code-box-code-copy" data-reactid="417"></i><pre class="language-jsx" data-reactid="418"><code data-reactid="419"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> <span class="token punctuation">{</span> toEditorState <span class="token punctuation">}</span> <span class="token operator">=</span> Mention<span class="token punctuation">;</span>
 
 <span class="token keyword">class</span> <span class="token class-name">App</span> <span class="token keyword">extends</span> <span class="token class-name">React<span class="token punctuation">.</span>Component</span> <span class="token punctuation">{</span>
@@ -198,7 +198,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
   <span class="token punctuation">}</span>
 <span class="token punctuation">}</span>
 
-ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>App</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-mention-demo-multilines" data-reactid="420"><section class="code-box-demo" data-reactid="421"><div class="ant-mention-wrapper multilines" style="width:100%;height:100px;" data-reactid="422"><div style="width:100%;height:100px;" class="ant-mention-editor" data-reactid="423"><div class="ant-mention-toolbar" data-reactid="424"></div><div class="ant-mention-editor-wrapper" style="width:100%;height:100px;" data-reactid="425"><div class="DraftEditor-root" data-reactid="426"><div class="DraftEditor-editorContainer" data-reactid="427"><div class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="428"><div data-contents="true" data-reactid="429"><div data-block="true" data-editor="fp330" data-offset-key="3f62h-0-0" data-reactid="430"><div data-offset-key="3f62h-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="431"><span data-offset-key="3f62h-0-0" data-reactid="432"><br data-text="true" data-reactid="433"/></span></div></div></div></div></div></div><!-- react-empty: 434 --></div></div></div></section><section class="code-box-meta markdown" data-reactid="435"><div class="code-box-title" data-reactid="436"><a href="#components-mention-demo-multilines" data-reactid="437">Multi-lines Mode</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/multilines.md" data-reactid="438"><i class="anticon anticon-edit" data-reactid="439"></i></a></div><div data-reactid="440"><p data-reactid="441"><!-- react-text: 442 -->Multi lines mode.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="443"></i></section><section class="highlight-wrapper" data-reactid="444"><div class="highlight" data-reactid="445"><i class="anticon anticon-copy code-box-code-copy" data-reactid="446"></i><pre class="language-jsx" data-reactid="447"><code data-reactid="448"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>App</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-mention-demo-multilines" data-reactid="420"><section class="code-box-demo" data-reactid="421"><div class="ant-mention-wrapper multilines" style="width:100%;height:100px;" data-reactid="422"><div style="width:100%;height:100px;" class="ant-mention-editor" data-reactid="423"><div class="ant-mention-toolbar" data-reactid="424"></div><div class="ant-mention-editor-wrapper" style="width:100%;height:100px;" data-reactid="425"><div class="DraftEditor-root" data-reactid="426"><div class="DraftEditor-editorContainer" data-reactid="427"><div class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="428"><div data-contents="true" data-reactid="429"><div data-block="true" data-editor="7krrb" data-offset-key="b4b34-0-0" data-reactid="430"><div data-offset-key="b4b34-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="431"><span data-offset-key="b4b34-0-0" data-reactid="432"><br data-text="true" data-reactid="433"/></span></div></div></div></div></div></div><!-- react-empty: 434 --></div></div></div></section><section class="code-box-meta markdown" data-reactid="435"><div class="code-box-title" data-reactid="436"><a href="#components-mention-demo-multilines" data-reactid="437">Multi-lines Mode</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/multilines.md" data-reactid="438"><i class="anticon anticon-edit" data-reactid="439"></i></a></div><div data-reactid="440"><p data-reactid="441"><!-- react-text: 442 -->Multi lines mode.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="443"></i></section><section class="highlight-wrapper" data-reactid="444"><div class="highlight" data-reactid="445"><i class="anticon anticon-copy code-box-code-copy" data-reactid="446"></i><pre class="language-jsx" data-reactid="447"><code data-reactid="448"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> <span class="token punctuation">{</span> toString <span class="token punctuation">}</span> <span class="token operator">=</span> Mention<span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">onChange</span><span class="token punctuation">(</span>editorState<span class="token punctuation">)</span> <span class="token punctuation">{</span>
@@ -212,7 +212,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
     <span class="token attr-name">suggestions</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token punctuation">[</span><span class="token string">'afc163'</span><span class="token punctuation">,</span> <span class="token string">'benjycui'</span><span class="token punctuation">,</span> <span class="token string">'yiminghe'</span><span class="token punctuation">,</span> <span class="token string">'jljsj33'</span><span class="token punctuation">,</span> <span class="token string">'dqaria'</span><span class="token punctuation">,</span> <span class="token string">'RaoHai'</span><span class="token punctuation">]</span><span class="token punctuation">}</span></span>
     <span class="token attr-name">multiLines</span>
   <span class="token punctuation">/></span></span>
-<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-mention-demo-multiple-trigger" data-reactid="449"><section class="code-box-demo" data-reactid="450"><div class="ant-mention-wrapper" style="width:100%;height:100px;" data-reactid="451"><div style="width:100%;height:100px;" class="ant-mention-editor" data-reactid="452"><div class="ant-mention-toolbar" data-reactid="453"></div><div class="ant-mention-editor-wrapper" style="width:100%;height:100px;" data-reactid="454"><div class="DraftEditor-root" data-reactid="455"><div class="public-DraftEditorPlaceholder-root" data-reactid="456"><div class="public-DraftEditorPlaceholder-inner" id="placeholder-20s3v" data-reactid="457">input @ to mention people, # to mention tag</div></div><div class="DraftEditor-editorContainer" data-reactid="458"><div aria-describedby="placeholder-20s3v" class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="459"><div data-contents="true" data-reactid="460"><div data-block="true" data-editor="20s3v" data-offset-key="34gnr-0-0" data-reactid="461"><div data-offset-key="34gnr-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="462"><span data-offset-key="34gnr-0-0" data-reactid="463"><br data-text="true" data-reactid="464"/></span></div></div></div></div></div></div><!-- react-empty: 465 --></div></div></div></section><section class="code-box-meta markdown" data-reactid="466"><div class="code-box-title" data-reactid="467"><a href="#components-mention-demo-multiple-trigger" data-reactid="468">Customize Trigger Token</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/multiple-trigger.md" data-reactid="469"><i class="anticon anticon-edit" data-reactid="470"></i></a></div><div data-reactid="471"><p data-reactid="472"><!-- react-text: 473 -->Customize Trigger Token by <!-- /react-text --><code data-reactid="474"><!-- react-text: 475 -->prefix<!-- /react-text --></code><!-- react-text: 476 --> props. Default to <!-- /react-text --><code data-reactid="477"><!-- react-text: 478 -->@<!-- /react-text --></code><!-- react-text: 479 -->, <!-- /react-text --><code data-reactid="480"><!-- react-text: 481 -->Array&lt;string&gt;<!-- /react-text --></code><!-- react-text: 482 --> also supported.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="483"></i></section><section class="highlight-wrapper" data-reactid="484"><div class="highlight" data-reactid="485"><i class="anticon anticon-copy code-box-code-copy" data-reactid="486"></i><pre class="language-jsx" data-reactid="487"><code data-reactid="488"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-mention-demo-multiple-trigger" data-reactid="449"><section class="code-box-demo" data-reactid="450"><div class="ant-mention-wrapper" style="width:100%;height:100px;" data-reactid="451"><div style="width:100%;height:100px;" class="ant-mention-editor" data-reactid="452"><div class="ant-mention-toolbar" data-reactid="453"></div><div class="ant-mention-editor-wrapper" style="width:100%;height:100px;" data-reactid="454"><div class="DraftEditor-root" data-reactid="455"><div class="public-DraftEditorPlaceholder-root" data-reactid="456"><div class="public-DraftEditorPlaceholder-inner" id="placeholder-2a2ob" data-reactid="457">input @ to mention people, # to mention tag</div></div><div class="DraftEditor-editorContainer" data-reactid="458"><div aria-describedby="placeholder-2a2ob" class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="459"><div data-contents="true" data-reactid="460"><div data-block="true" data-editor="2a2ob" data-offset-key="98vhg-0-0" data-reactid="461"><div data-offset-key="98vhg-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="462"><span data-offset-key="98vhg-0-0" data-reactid="463"><br data-text="true" data-reactid="464"/></span></div></div></div></div></div></div><!-- react-empty: 465 --></div></div></div></section><section class="code-box-meta markdown" data-reactid="466"><div class="code-box-title" data-reactid="467"><a href="#components-mention-demo-multiple-trigger" data-reactid="468">Customize Trigger Token</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/multiple-trigger.md" data-reactid="469"><i class="anticon anticon-edit" data-reactid="470"></i></a></div><div data-reactid="471"><p data-reactid="472"><!-- react-text: 473 -->Customize Trigger Token by <!-- /react-text --><code data-reactid="474"><!-- react-text: 475 -->prefix<!-- /react-text --></code><!-- react-text: 476 --> props. Default to <!-- /react-text --><code data-reactid="477"><!-- react-text: 478 -->@<!-- /react-text --></code><!-- react-text: 479 -->, <!-- /react-text --><code data-reactid="480"><!-- react-text: 481 -->Array&lt;string&gt;<!-- /react-text --></code><!-- react-text: 482 --> also supported.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="483"></i></section><section class="highlight-wrapper" data-reactid="484"><div class="highlight" data-reactid="485"><i class="anticon anticon-copy code-box-code-copy" data-reactid="486"></i><pre class="language-jsx" data-reactid="487"><code data-reactid="488"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> <span class="token punctuation">{</span> toString <span class="token punctuation">}</span> <span class="token operator">=</span> Mention<span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">onChange</span><span class="token punctuation">(</span>editorState<span class="token punctuation">)</span> <span class="token punctuation">{</span>
@@ -257,7 +257,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>App</span> <span class="token punctuation">/></span></span>
-<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section></div><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="489"><section class="code-box" id="components-mention-demo-async" data-reactid="490"><section class="code-box-demo" data-reactid="491"><div class="ant-mention-wrapper" style="width:100%;height:100px;" data-reactid="492"><div style="width:100%;height:100px;" class="ant-mention-editor" data-reactid="493"><div class="ant-mention-toolbar" data-reactid="494"></div><div class="ant-mention-editor-wrapper" style="width:100%;height:100px;" data-reactid="495"><div class="DraftEditor-root" data-reactid="496"><div class="DraftEditor-editorContainer" data-reactid="497"><div class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="498"><div data-contents="true" data-reactid="499"><div data-block="true" data-editor="fl0v6" data-offset-key="2lhh6-0-0" data-reactid="500"><div data-offset-key="2lhh6-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="501"><span data-offset-key="2lhh6-0-0" data-reactid="502"><br data-text="true" data-reactid="503"/></span></div></div></div></div></div></div><!-- react-empty: 504 --></div></div></div></section><section class="code-box-meta markdown" data-reactid="505"><div class="code-box-title" data-reactid="506"><a href="#components-mention-demo-async" data-reactid="507">Asynchronous loading</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/async.md" data-reactid="508"><i class="anticon anticon-edit" data-reactid="509"></i></a></div><div data-reactid="510"><p data-reactid="511"><!-- react-text: 512 -->async<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="513"></i></section><section class="highlight-wrapper" data-reactid="514"><div class="highlight" data-reactid="515"><i class="anticon anticon-copy code-box-code-copy" data-reactid="516"></i><pre class="language-jsx" data-reactid="517"><code data-reactid="518"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+<span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section></div><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="489"><section class="code-box" id="components-mention-demo-async" data-reactid="490"><section class="code-box-demo" data-reactid="491"><div class="ant-mention-wrapper" style="width:100%;height:100px;" data-reactid="492"><div style="width:100%;height:100px;" class="ant-mention-editor" data-reactid="493"><div class="ant-mention-toolbar" data-reactid="494"></div><div class="ant-mention-editor-wrapper" style="width:100%;height:100px;" data-reactid="495"><div class="DraftEditor-root" data-reactid="496"><div class="DraftEditor-editorContainer" data-reactid="497"><div class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="498"><div data-contents="true" data-reactid="499"><div data-block="true" data-editor="e1iqi" data-offset-key="cm7ja-0-0" data-reactid="500"><div data-offset-key="cm7ja-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="501"><span data-offset-key="cm7ja-0-0" data-reactid="502"><br data-text="true" data-reactid="503"/></span></div></div></div></div></div></div><!-- react-empty: 504 --></div></div></div></section><section class="code-box-meta markdown" data-reactid="505"><div class="code-box-title" data-reactid="506"><a href="#components-mention-demo-async" data-reactid="507">Asynchronous loading</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/async.md" data-reactid="508"><i class="anticon anticon-edit" data-reactid="509"></i></a></div><div data-reactid="510"><p data-reactid="511"><!-- react-text: 512 -->async<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="513"></i></section><section class="highlight-wrapper" data-reactid="514"><div class="highlight" data-reactid="515"><i class="anticon anticon-copy code-box-code-copy" data-reactid="516"></i><pre class="language-jsx" data-reactid="517"><code data-reactid="518"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">const</span> users <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token string">'afc163'</span><span class="token punctuation">,</span> <span class="token string">'benjycui'</span><span class="token punctuation">,</span> <span class="token string">'yiminghe'</span><span class="token punctuation">,</span> <span class="token string">'jljsj33'</span><span class="token punctuation">,</span> <span class="token string">'dqaria'</span><span class="token punctuation">,</span> <span class="token string">'RaoHai'</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
 
@@ -295,7 +295,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
   <span class="token punctuation">}</span>
 <span class="token punctuation">}</span>
 
-ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>AsyncMention</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-mention-demo-avatar" data-reactid="519"><section class="code-box-demo" data-reactid="520"><div class="ant-mention-wrapper" style="width:100%;height:100px;" data-reactid="521"><div style="width:100%;height:100px;" class="ant-mention-editor" data-reactid="522"><div class="ant-mention-toolbar" data-reactid="523"></div><div class="ant-mention-editor-wrapper" style="width:100%;height:100px;" data-reactid="524"><div class="DraftEditor-root" data-reactid="525"><div class="DraftEditor-editorContainer" data-reactid="526"><div class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="527"><div data-contents="true" data-reactid="528"><div data-block="true" data-editor="32et5" data-offset-key="ff375-0-0" data-reactid="529"><div data-offset-key="ff375-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="530"><span data-offset-key="ff375-0-0" data-reactid="531"><br data-text="true" data-reactid="532"/></span></div></div></div></div></div></div><!-- react-empty: 533 --></div></div></div></section><section class="code-box-meta markdown" data-reactid="534"><div class="code-box-title" data-reactid="535"><a href="#components-mention-demo-avatar" data-reactid="536">Icon Image</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/avatar.md" data-reactid="537"><i class="anticon anticon-edit" data-reactid="538"></i></a></div><div data-reactid="539"><p data-reactid="540"><!-- react-text: 541 -->Customize suggestions<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="542"></i></section><section class="highlight-wrapper" data-reactid="543"><div class="highlight" data-reactid="544"><i class="anticon anticon-copy code-box-code-copy" data-reactid="545"></i><pre class="language-jsx" data-reactid="546"><code data-reactid="547"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>AsyncMention</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-mention-demo-avatar" data-reactid="519"><section class="code-box-demo" data-reactid="520"><div class="ant-mention-wrapper" style="width:100%;height:100px;" data-reactid="521"><div style="width:100%;height:100px;" class="ant-mention-editor" data-reactid="522"><div class="ant-mention-toolbar" data-reactid="523"></div><div class="ant-mention-editor-wrapper" style="width:100%;height:100px;" data-reactid="524"><div class="DraftEditor-root" data-reactid="525"><div class="DraftEditor-editorContainer" data-reactid="526"><div class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="527"><div data-contents="true" data-reactid="528"><div data-block="true" data-editor="6h5gf" data-offset-key="9mjmc-0-0" data-reactid="529"><div data-offset-key="9mjmc-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="530"><span data-offset-key="9mjmc-0-0" data-reactid="531"><br data-text="true" data-reactid="532"/></span></div></div></div></div></div></div><!-- react-empty: 533 --></div></div></div></section><section class="code-box-meta markdown" data-reactid="534"><div class="code-box-title" data-reactid="535"><a href="#components-mention-demo-avatar" data-reactid="536">Icon Image</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/avatar.md" data-reactid="537"><i class="anticon anticon-edit" data-reactid="538"></i></a></div><div data-reactid="539"><p data-reactid="540"><!-- react-text: 541 -->Customize suggestions<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="542"></i></section><section class="highlight-wrapper" data-reactid="543"><div class="highlight" data-reactid="544"><i class="anticon anticon-copy code-box-code-copy" data-reactid="545"></i><pre class="language-jsx" data-reactid="546"><code data-reactid="547"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> Nav <span class="token operator">=</span> Mention<span class="token punctuation">.</span>Nav<span class="token punctuation">;</span>
 
 <span class="token keyword">const</span> webFrameworks <span class="token operator">=</span> <span class="token punctuation">[</span>
@@ -335,7 +335,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
   <span class="token punctuation">}</span>
 <span class="token punctuation">}</span>
 
-ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CustomNavMention</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-mention-demo-controlled" data-reactid="548"><section class="code-box-demo" data-reactid="549"><form class="ant-form ant-form-horizontal" data-reactid="550"><div class="ant-row ant-form-item" data-reactid="551"><div class="ant-col-6 ant-form-item-label" data-reactid="552"><label for="control-mention" class="" title="Top coders" data-reactid="553">Top coders</label></div><div class="ant-col-16 ant-form-item-control-wrapper" data-reactid="554"><div class="ant-form-item-control has-success" data-reactid="555"><div class="ant-mention-wrapper" style="height:60px;" data-reactid="556"><div style="height:60px;" class="ant-mention-editor" data-reactid="557"><div class="ant-mention-toolbar" data-reactid="558"></div><div class="ant-mention-editor-wrapper" style="height:60px;" data-reactid="559"><div class="DraftEditor-root" data-reactid="560"><div class="DraftEditor-editorContainer" data-reactid="561"><div class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="562"><div data-contents="true" data-reactid="563"><div data-block="true" data-editor="fkjb" data-offset-key="e201n-0-0" data-reactid="564"><div data-offset-key="e201n-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="565"><span data-offset-key="e201n-0-0" data-reactid="566"><span data-text="true" data-reactid="567">@afc163</span></span></div></div></div></div></div></div><!-- react-empty: 568 --></div></div></div></div></div></div><div class="ant-row ant-form-item" data-reactid="569"><div class="ant-col-14 ant-col-offset-6 ant-form-item-control-wrapper" data-reactid="570"><div class="ant-form-item-control " data-reactid="571"><button type="button" class="ant-btn ant-btn-primary ant-btn-lg" data-reactid="572"><span data-reactid="573">Submit</span></button><!-- react-text: 574 -->   <!-- /react-text --><button type="button" class="ant-btn ant-btn-lg" data-reactid="575"><span data-reactid="576">Reset</span></button></div></div></div></form></section><section class="code-box-meta markdown" data-reactid="577"><div class="code-box-title" data-reactid="578"><a href="#components-mention-demo-controlled" data-reactid="579">With Form</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/controlled.md" data-reactid="580"><i class="anticon anticon-edit" data-reactid="581"></i></a></div><div data-reactid="582"><p data-reactid="583"><!-- react-text: 584 -->Controlled mode, for example, to work with <!-- /react-text --><code data-reactid="585"><!-- react-text: 586 -->Form<!-- /react-text --></code><!-- react-text: 587 -->.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="588"></i></section><section class="highlight-wrapper" data-reactid="589"><div class="highlight" data-reactid="590"><i class="anticon anticon-copy code-box-code-copy" data-reactid="591"></i><pre class="language-jsx" data-reactid="592"><code data-reactid="593"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention<span class="token punctuation">,</span> Form<span class="token punctuation">,</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CustomNavMention</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-mention-demo-controlled" data-reactid="548"><section class="code-box-demo" data-reactid="549"><form class="ant-form ant-form-horizontal" data-reactid="550"><div class="ant-row ant-form-item" data-reactid="551"><div class="ant-col-6 ant-form-item-label" data-reactid="552"><label for="control-mention" class="" title="Top coders" data-reactid="553">Top coders</label></div><div class="ant-col-16 ant-form-item-control-wrapper" data-reactid="554"><div class="ant-form-item-control has-success" data-reactid="555"><div class="ant-mention-wrapper" style="height:60px;" data-reactid="556"><div style="height:60px;" class="ant-mention-editor" data-reactid="557"><div class="ant-mention-toolbar" data-reactid="558"></div><div class="ant-mention-editor-wrapper" style="height:60px;" data-reactid="559"><div class="DraftEditor-root" data-reactid="560"><div class="DraftEditor-editorContainer" data-reactid="561"><div class="public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline:none;white-space:pre-wrap;word-wrap:break-word;" data-reactid="562"><div data-contents="true" data-reactid="563"><div data-block="true" data-editor="9eb73" data-offset-key="5bjct-0-0" data-reactid="564"><div data-offset-key="5bjct-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-reactid="565"><span data-offset-key="5bjct-0-0" data-reactid="566"><span data-text="true" data-reactid="567">@afc163</span></span></div></div></div></div></div></div><!-- react-empty: 568 --></div></div></div></div></div></div><div class="ant-row ant-form-item" data-reactid="569"><div class="ant-col-14 ant-col-offset-6 ant-form-item-control-wrapper" data-reactid="570"><div class="ant-form-item-control " data-reactid="571"><button type="button" class="ant-btn ant-btn-primary ant-btn-lg" data-reactid="572"><span data-reactid="573">Submit</span></button><!-- react-text: 574 -->   <!-- /react-text --><button type="button" class="ant-btn ant-btn-lg" data-reactid="575"><span data-reactid="576">Reset</span></button></div></div></div></form></section><section class="code-box-meta markdown" data-reactid="577"><div class="code-box-title" data-reactid="578"><a href="#components-mention-demo-controlled" data-reactid="579">With Form</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/mention/demo/controlled.md" data-reactid="580"><i class="anticon anticon-edit" data-reactid="581"></i></a></div><div data-reactid="582"><p data-reactid="583"><!-- react-text: 584 -->Controlled mode, for example, to work with <!-- /react-text --><code data-reactid="585"><!-- react-text: 586 -->Form<!-- /react-text --></code><!-- react-text: 587 -->.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="588"></i></section><section class="highlight-wrapper" data-reactid="589"><div class="highlight" data-reactid="590"><i class="anticon anticon-copy code-box-code-copy" data-reactid="591"></i><pre class="language-jsx" data-reactid="592"><code data-reactid="593"><span class="token keyword">import</span> <span class="token punctuation">{</span> Mention<span class="token punctuation">,</span> Form<span class="token punctuation">,</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> <span class="token punctuation">{</span> toEditorState<span class="token punctuation">,</span> getMentions <span class="token punctuation">}</span> <span class="token operator">=</span> Mention<span class="token punctuation">;</span>
 <span class="token keyword">const</span> FormItem <span class="token operator">=</span> Form<span class="token punctuation">.</span>Item<span class="token punctuation">;</span>
 
diff --git a/components/menu-cn/index.html b/components/menu-cn/index.html
index 25bf5f461..50a8197a7 100644
--- a/components/menu-cn/index.html
+++ b/components/menu-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-41709053"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-219508219"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="顶部导航" data-reactid="293"><a href="#components-menu-demo-horizontal" data-reactid="294">顶部导航</a></li><li title="内嵌菜单" data-reactid="295"><a href="#components-menu-demo-sider" data-reactid="296">内嵌菜单</a></li><li title="只展开当前父级菜单" data-reactid="297"><a href="#components-menu-demo-sider-current" data-reactid="298">只展开当前父级菜单</a></li><li title="垂直菜单" data-reactid="299"><a href="#components-menu-demo-vertical" data-reactid="300">垂直菜单</a></li><li title="主题" data-reactid="301"><a href="#components-menu-demo-theme" data-reactid="302">主题</a></li><li title="切换菜单类型" data-reactid="303"><a href="#components-menu-demo-switch-mode" data-reactid="304">切换菜单类型</a></li></ul></div></div><section class="markdown" data-reactid="305"><h1 data-reactid="306"><!-- react-text: 307 -->Menu<!-- /react-text --><span class="subtitle" data-reactid="308">导航菜单</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/menu/index.zh-CN.md" data-reactid="309"><i class="anticon anticon-edit" data-reactid="310"></i></a></h1><section class="markdown" data-reactid="311"><p data-reactid="312"><!-- react-text: 313 -->为页面和功能提供导航的菜单列表。<!-- /react-text --></p><h2 id="何时使用" data-reactid="314"><span data-reactid="315"><!-- react-text: 316 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="317">#</a></h2><p data-reactid="318"><!-- react-text: 319 -->导航菜单是一个网站的灵魂，用户依赖导航在各个页面中进行跳转。一般分为顶部导航和侧边导航，顶部导航提供全局性的类目和功能，侧边导航提供多级结构来收纳和排列网站架构。<!-- /react-text --></p><p data-reactid="320"><!-- react-text: 321 -->更多布局和导航的范例可以参考：<!-- /react-text --><a href="/docs/spec/layout-cn" data-reactid="322">常用布局</a><!-- react-text: 323 -->。<!-- /react-text --></p><pre class="language-html" data-reactid="324"><code data-reactid="325"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu</span><span class="token punctuation">></span></span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="顶部导航" data-reactid="293"><a href="#components-menu-demo-horizontal" data-reactid="294">顶部导航</a></li><li title="内嵌菜单" data-reactid="295"><a href="#components-menu-demo-sider" data-reactid="296">内嵌菜单</a></li><li title="只展开当前父级菜单" data-reactid="297"><a href="#components-menu-demo-sider-current" data-reactid="298">只展开当前父级菜单</a></li><li title="垂直菜单" data-reactid="299"><a href="#components-menu-demo-vertical" data-reactid="300">垂直菜单</a></li><li title="主题" data-reactid="301"><a href="#components-menu-demo-theme" data-reactid="302">主题</a></li><li title="切换菜单类型" data-reactid="303"><a href="#components-menu-demo-switch-mode" data-reactid="304">切换菜单类型</a></li></ul></div></div><section class="markdown" data-reactid="305"><h1 data-reactid="306"><!-- react-text: 307 -->Menu<!-- /react-text --><span class="subtitle" data-reactid="308">导航菜单</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/menu/index.zh-CN.md" data-reactid="309"><i class="anticon anticon-edit" data-reactid="310"></i></a></h1><section class="markdown" data-reactid="311"><p data-reactid="312"><!-- react-text: 313 -->为页面和功能提供导航的菜单列表。<!-- /react-text --></p><h2 id="何时使用" data-reactid="314"><span data-reactid="315"><!-- react-text: 316 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="317">#</a></h2><p data-reactid="318"><!-- react-text: 319 -->导航菜单是一个网站的灵魂，用户依赖导航在各个页面中进行跳转。一般分为顶部导航和侧边导航，顶部导航提供全局性的类目和功能，侧边导航提供多级结构来收纳和排列网站架构。<!-- /react-text --></p><p data-reactid="320"><!-- react-text: 321 -->更多布局和导航的范例可以参考：<!-- /react-text --><a href="/docs/spec/layout-cn" data-reactid="322">常用布局</a><!-- react-text: 323 -->。<!-- /react-text --></p><pre class="language-html" data-reactid="324"><code data-reactid="325"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu</span><span class="token punctuation">></span></span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span><span class="token punctuation">></span></span>菜单项<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>SubMenu</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>子菜单<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span><span class="token punctuation">></span></span>子菜单项<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>
diff --git a/components/menu/index.html b/components/menu/index.html
index db3263702..a38986989 100644
--- a/components/menu/index.html
+++ b/components/menu/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-485723518"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-516197756"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Top Navigation" data-reactid="293"><a href="#components-menu-demo-horizontal" data-reactid="294">Top Navigation</a></li><li title="Vertical menu with inline children" data-reactid="295"><a href="#components-menu-demo-sider" data-reactid="296">Vertical menu with inline children</a></li><li title="Open current submenu only" data-reactid="297"><a href="#components-menu-demo-sider-current" data-reactid="298">Open current submenu only</a></li><li title="Vertical menu" data-reactid="299"><a href="#components-menu-demo-vertical" data-reactid="300">Vertical menu</a></li><li title="Menu Themes" data-reactid="301"><a href="#components-menu-demo-theme" data-reactid="302">Menu Themes</a></li><li title="Switch the menu type" data-reactid="303"><a href="#components-menu-demo-switch-mode" data-reactid="304">Switch the menu type</a></li></ul></div></div><section class="markdown" data-reactid="305"><h1 data-reactid="306"><!-- react-text: 307 -->Menu<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/menu/index.en-US.md" data-reactid="308"><i class="anticon anticon-edit" data-reactid="309"></i></a></h1><section class="markdown" data-reactid="310"><p data-reactid="311"><!-- react-text: 312 -->Menu list of Navigation.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="313"><span data-reactid="314"><!-- react-text: 315 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="316">#</a></h2><p data-reactid="317"><!-- react-text: 318 -->Navigation menu is important for a website, it helps users jump from one site section to another quickly. Mostly, it includes top navigation and side navigation. Top navigation provides all the category and functions of the website. Side navigation provides the Multi-level structure of the website.<!-- /react-text --></p><p data-reactid="319"><!-- react-text: 320 -->More layout and samples: <!-- /react-text --><a href="/docs/spec/layout" data-reactid="321">layout</a><!-- react-text: 322 -->.<!-- /react-text --></p><pre class="language-html" data-reactid="323"><code data-reactid="324"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu</span><span class="token punctuation">></span></span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Top Navigation" data-reactid="293"><a href="#components-menu-demo-horizontal" data-reactid="294">Top Navigation</a></li><li title="Vertical menu with inline children" data-reactid="295"><a href="#components-menu-demo-sider" data-reactid="296">Vertical menu with inline children</a></li><li title="Open current submenu only" data-reactid="297"><a href="#components-menu-demo-sider-current" data-reactid="298">Open current submenu only</a></li><li title="Vertical menu" data-reactid="299"><a href="#components-menu-demo-vertical" data-reactid="300">Vertical menu</a></li><li title="Menu Themes" data-reactid="301"><a href="#components-menu-demo-theme" data-reactid="302">Menu Themes</a></li><li title="Switch the menu type" data-reactid="303"><a href="#components-menu-demo-switch-mode" data-reactid="304">Switch the menu type</a></li></ul></div></div><section class="markdown" data-reactid="305"><h1 data-reactid="306"><!-- react-text: 307 -->Menu<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/menu/index.en-US.md" data-reactid="308"><i class="anticon anticon-edit" data-reactid="309"></i></a></h1><section class="markdown" data-reactid="310"><p data-reactid="311"><!-- react-text: 312 -->Menu list of Navigation.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="313"><span data-reactid="314"><!-- react-text: 315 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="316">#</a></h2><p data-reactid="317"><!-- react-text: 318 -->Navigation menu is important for a website, it helps users jump from one site section to another quickly. Mostly, it includes top navigation and side navigation. Top navigation provides all the category and functions of the website. Side navigation provides the Multi-level structure of the website.<!-- /react-text --></p><p data-reactid="319"><!-- react-text: 320 -->More layout and samples: <!-- /react-text --><a href="/docs/spec/layout" data-reactid="321">layout</a><!-- react-text: 322 -->.<!-- /react-text --></p><pre class="language-html" data-reactid="323"><code data-reactid="324"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu</span><span class="token punctuation">></span></span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span><span class="token punctuation">></span></span>Menu<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>SubMenu</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>SubMenu<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Menu.Item</span><span class="token punctuation">></span></span>SubMenuItem<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Menu.Item</span><span class="token punctuation">></span></span>
diff --git a/components/message-cn/index.html b/components/message-cn/index.html
index a430531b7..bc9a36038 100644
--- a/components/message-cn/index.html
+++ b/components/message-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-140957097"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1677273689"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="普通提示" data-reactid="293"><a href="#components-message-demo-info" data-reactid="294">普通提示</a></li><li title="其他提示类型" data-reactid="295"><a href="#components-message-demo-other" data-reactid="296">其他提示类型</a></li><li title="修改延时" data-reactid="297"><a href="#components-message-demo-duration" data-reactid="298">修改延时</a></li><li title="加载中" data-reactid="299"><a href="#components-message-demo-loading" data-reactid="300">加载中</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Message<!-- /react-text --><span class="subtitle" data-reactid="304">全局提示</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/message/index.zh-CN.md" data-reactid="305"><i class="anticon anticon-edit" data-reactid="306"></i></a></h1><section class="markdown" data-reactid="307"><p data-reactid="308"><!-- react-text: 309 -->全局展示操作反馈信息。<!-- /react-text --></p><h2 id="何时使用" data-reactid="310"><span data-reactid="311"><!-- react-text: 312 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="313">#</a></h2><ul data-reactid="314"><li data-reactid="315"><p data-reactid="316"><!-- react-text: 317 -->可提供成功、警告和错误等反馈信息。<!-- /react-text --></p></li><li data-reactid="318"><p data-reactid="319"><!-- react-text: 320 -->顶部居中显示并自动消失，是一种不打断用户操作的轻量级提示方式。<!-- /react-text --></p></li></ul></section><h2 data-reactid="321"><span data-reactid="322">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="323"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="324"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="325"><section class="code-box" id="components-message-demo-info" data-reactid="326"><section class="code-box-demo" data-reactid="327"><button type="button" class="ant-btn ant-btn-primary" data-reactid="328"><span data-reactid="329">Display normal message</span></button></section><section class="code-box-meta markdown" data-reactid="330"><div class="code-box-title" data-reactid="331"><a href="#components-message-demo-info" data-reactid="332">普通提示</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/message/demo/info.md" data-reactid="333"><i class="anticon anticon-edit" data-reactid="334"></i></a></div><div data-reactid="335"><p data-reactid="336"><!-- react-text: 337 -->信息提醒反馈。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="338"></i></section><section class="highlight-wrapper" data-reactid="339"><div class="highlight" data-reactid="340"><i class="anticon anticon-copy code-box-code-copy" data-reactid="341"></i><pre class="language-jsx" data-reactid="342"><code data-reactid="343"><span class="token keyword">import</span> <span class="token punctuation">{</span> message<span class="token punctuation">,</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="普通提示" data-reactid="293"><a href="#components-message-demo-info" data-reactid="294">普通提示</a></li><li title="其他提示类型" data-reactid="295"><a href="#components-message-demo-other" data-reactid="296">其他提示类型</a></li><li title="修改延时" data-reactid="297"><a href="#components-message-demo-duration" data-reactid="298">修改延时</a></li><li title="加载中" data-reactid="299"><a href="#components-message-demo-loading" data-reactid="300">加载中</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Message<!-- /react-text --><span class="subtitle" data-reactid="304">全局提示</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/message/index.zh-CN.md" data-reactid="305"><i class="anticon anticon-edit" data-reactid="306"></i></a></h1><section class="markdown" data-reactid="307"><p data-reactid="308"><!-- react-text: 309 -->全局展示操作反馈信息。<!-- /react-text --></p><h2 id="何时使用" data-reactid="310"><span data-reactid="311"><!-- react-text: 312 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="313">#</a></h2><ul data-reactid="314"><li data-reactid="315"><p data-reactid="316"><!-- react-text: 317 -->可提供成功、警告和错误等反馈信息。<!-- /react-text --></p></li><li data-reactid="318"><p data-reactid="319"><!-- react-text: 320 -->顶部居中显示并自动消失，是一种不打断用户操作的轻量级提示方式。<!-- /react-text --></p></li></ul></section><h2 data-reactid="321"><span data-reactid="322">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="323"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="324"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="325"><section class="code-box" id="components-message-demo-info" data-reactid="326"><section class="code-box-demo" data-reactid="327"><button type="button" class="ant-btn ant-btn-primary" data-reactid="328"><span data-reactid="329">Display normal message</span></button></section><section class="code-box-meta markdown" data-reactid="330"><div class="code-box-title" data-reactid="331"><a href="#components-message-demo-info" data-reactid="332">普通提示</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/message/demo/info.md" data-reactid="333"><i class="anticon anticon-edit" data-reactid="334"></i></a></div><div data-reactid="335"><p data-reactid="336"><!-- react-text: 337 -->信息提醒反馈。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="338"></i></section><section class="highlight-wrapper" data-reactid="339"><div class="highlight" data-reactid="340"><i class="anticon anticon-copy code-box-code-copy" data-reactid="341"></i><pre class="language-jsx" data-reactid="342"><code data-reactid="343"><span class="token keyword">import</span> <span class="token punctuation">{</span> message<span class="token punctuation">,</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">const</span> info <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token punctuation">{</span>
   message<span class="token punctuation">.</span><span class="token function">info</span><span class="token punctuation">(</span><span class="token string">'This is a normal message'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
diff --git a/components/message/index.html b/components/message/index.html
index 81df46e36..8556e179b 100644
--- a/components/message/index.html
+++ b/components/message/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="668615169"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1723907581"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Normal prompt" data-reactid="293"><a href="#components-message-demo-info" data-reactid="294">Normal prompt</a></li><li title="Other types of message" data-reactid="295"><a href="#components-message-demo-other" data-reactid="296">Other types of message</a></li><li title="Customize duration" data-reactid="297"><a href="#components-message-demo-duration" data-reactid="298">Customize duration</a></li><li title="Message of loading" data-reactid="299"><a href="#components-message-demo-loading" data-reactid="300">Message of loading</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Message<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/message/index.en-US.md" data-reactid="304"><i class="anticon anticon-edit" data-reactid="305"></i></a></h1><section class="markdown" data-reactid="306"><p data-reactid="307"><!-- react-text: 308 -->Display global messages as feedbacks to user operations.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="309"><span data-reactid="310"><!-- react-text: 311 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="312">#</a></h2><ul data-reactid="313"><li data-reactid="314"><p data-reactid="315"><!-- react-text: 316 -->To provide feedbacks such as success, warning, error etc.<!-- /react-text --></p></li><li data-reactid="317"><p data-reactid="318"><!-- react-text: 319 -->A message is displayed at top and center and will be dismissed automatically, as a non-interrupting light-weighted prompt.<!-- /react-text --></p></li></ul></section><h2 data-reactid="320"><span data-reactid="321">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="322"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="323"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="324"><section class="code-box" id="components-message-demo-info" data-reactid="325"><section class="code-box-demo" data-reactid="326"><button type="button" class="ant-btn ant-btn-primary" data-reactid="327"><span data-reactid="328">Display normal message</span></button></section><section class="code-box-meta markdown" data-reactid="329"><div class="code-box-title" data-reactid="330"><a href="#components-message-demo-info" data-reactid="331">Normal prompt</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/message/demo/info.md" data-reactid="332"><i class="anticon anticon-edit" data-reactid="333"></i></a></div><div data-reactid="334"><p data-reactid="335"><!-- react-text: 336 -->Normal messages as feedbacks.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="337"></i></section><section class="highlight-wrapper" data-reactid="338"><div class="highlight" data-reactid="339"><i class="anticon anticon-copy code-box-code-copy" data-reactid="340"></i><pre class="language-jsx" data-reactid="341"><code data-reactid="342"><span class="token keyword">import</span> <span class="token punctuation">{</span> message<span class="token punctuation">,</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Normal prompt" data-reactid="293"><a href="#components-message-demo-info" data-reactid="294">Normal prompt</a></li><li title="Other types of message" data-reactid="295"><a href="#components-message-demo-other" data-reactid="296">Other types of message</a></li><li title="Customize duration" data-reactid="297"><a href="#components-message-demo-duration" data-reactid="298">Customize duration</a></li><li title="Message of loading" data-reactid="299"><a href="#components-message-demo-loading" data-reactid="300">Message of loading</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Message<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/message/index.en-US.md" data-reactid="304"><i class="anticon anticon-edit" data-reactid="305"></i></a></h1><section class="markdown" data-reactid="306"><p data-reactid="307"><!-- react-text: 308 -->Display global messages as feedbacks to user operations.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="309"><span data-reactid="310"><!-- react-text: 311 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="312">#</a></h2><ul data-reactid="313"><li data-reactid="314"><p data-reactid="315"><!-- react-text: 316 -->To provide feedbacks such as success, warning, error etc.<!-- /react-text --></p></li><li data-reactid="317"><p data-reactid="318"><!-- react-text: 319 -->A message is displayed at top and center and will be dismissed automatically, as a non-interrupting light-weighted prompt.<!-- /react-text --></p></li></ul></section><h2 data-reactid="320"><span data-reactid="321">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="322"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="323"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="324"><section class="code-box" id="components-message-demo-info" data-reactid="325"><section class="code-box-demo" data-reactid="326"><button type="button" class="ant-btn ant-btn-primary" data-reactid="327"><span data-reactid="328">Display normal message</span></button></section><section class="code-box-meta markdown" data-reactid="329"><div class="code-box-title" data-reactid="330"><a href="#components-message-demo-info" data-reactid="331">Normal prompt</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/message/demo/info.md" data-reactid="332"><i class="anticon anticon-edit" data-reactid="333"></i></a></div><div data-reactid="334"><p data-reactid="335"><!-- react-text: 336 -->Normal messages as feedbacks.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="337"></i></section><section class="highlight-wrapper" data-reactid="338"><div class="highlight" data-reactid="339"><i class="anticon anticon-copy code-box-code-copy" data-reactid="340"></i><pre class="language-jsx" data-reactid="341"><code data-reactid="342"><span class="token keyword">import</span> <span class="token punctuation">{</span> message<span class="token punctuation">,</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">const</span> info <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token punctuation">{</span>
   message<span class="token punctuation">.</span><span class="token function">info</span><span class="token punctuation">(</span><span class="token string">'This is a normal message'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
diff --git a/components/modal-cn/index.html b/components/modal-cn/index.html
index ceb3182e5..7d74023ee 100644
--- a/components/modal-cn/index.html
+++ b/components/modal-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="448499446"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-903966984"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-modal-demo-basic" data-reactid="294">基本</a></li><li title="异步关闭" data-reactid="295"><a href="#components-modal-demo-async" data-reactid="296">异步关闭</a></li><li title="自定义页脚" data-reactid="297"><a href="#components-modal-demo-footer" data-reactid="298">自定义页脚</a></li><li title="确认对话框" data-reactid="299"><a href="#components-modal-demo-confirm" data-reactid="300">确认对话框</a></li><li title="确认对话框" data-reactid="301"><a href="#components-modal-demo-confirm-promise" data-reactid="302">确认对话框</a></li><li title="信息提示" data-reactid="303"><a href="#components-modal-demo-info" data-reactid="304">信息提示</a></li><li title="国际化" data-reactid="305"><a href="#components-modal-demo-locale" data-reactid="306">国际化</a></li><li title="自定义位置" data-reactid="307"><a href="#components-modal-demo-position" data-reactid="308">自定义位置</a></li></ul></div></div><section class="markdown" data-reactid="309"><h1 data-reactid="310"><!-- react-text: 311 -->Modal<!-- /react-text --><span class="subtitle" data-reactid="312">对话框</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/modal/index.zh-CN.md" data-reactid="313"><i class="anticon anticon-edit" data-reactid="314"></i></a></h1><section class="markdown" data-reactid="315"><p data-reactid="316"><!-- react-text: 317 -->模态对话框。<!-- /react-text --></p><h2 id="何时使用" data-reactid="318"><span data-reactid="319"><!-- react-text: 320 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="321">#</a></h2><p data-reactid="322"><!-- react-text: 323 -->需要用户处理事务，又不希望跳转页面以致打断工作流程时，可以使用 <!-- /react-text --><code data-reactid="324"><!-- react-text: 325 -->Modal<!-- /react-text --></code><!-- react-text: 326 --> 在当前页面正中打开一个浮层，承载相应的操作。<!-- /react-text --></p><p data-reactid="327"><!-- react-text: 328 -->另外当需要一个简洁的确认框询问用户时，可以使用精心封装好的 <!-- /react-text --><code data-reactid="329"><!-- react-text: 330 -->ant.Modal.confirm()<!-- /react-text --></code><!-- react-text: 331 --> 等方法。<!-- /react-text --></p></section><h2 data-reactid="332"><span data-reactid="333">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="334"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="335"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="336"><section class="code-box" id="components-modal-demo-basic" data-reactid="337"><section class="code-box-demo" data-reactid="338"><div data-reactid="339"><button type="button" class="ant-btn ant-btn-primary" data-reactid="340"><span data-reactid="341">Open a modal dialog</span></button><!-- react-empty: 342 --></div></section><section class="code-box-meta markdown" data-reactid="343"><div class="code-box-title" data-reactid="344"><a href="#components-modal-demo-basic" data-reactid="345">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/modal/demo/basic.md" data-reactid="346"><i class="anticon anticon-edit" data-reactid="347"></i></a></div><div data-reactid="348"><p data-reactid="349"><!-- react-text: 350 -->第一个对话框。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="351"></i></section><section class="highlight-wrapper" data-reactid="352"><div class="highlight" data-reactid="353"><i class="anticon anticon-copy code-box-code-copy" data-reactid="354"></i><pre class="language-jsx" data-reactid="355"><code data-reactid="356"><span class="token keyword">import</span> <span class="token punctuation">{</span> Modal<span class="token punctuation">,</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-modal-demo-basic" data-reactid="294">基本</a></li><li title="异步关闭" data-reactid="295"><a href="#components-modal-demo-async" data-reactid="296">异步关闭</a></li><li title="自定义页脚" data-reactid="297"><a href="#components-modal-demo-footer" data-reactid="298">自定义页脚</a></li><li title="确认对话框" data-reactid="299"><a href="#components-modal-demo-confirm" data-reactid="300">确认对话框</a></li><li title="确认对话框" data-reactid="301"><a href="#components-modal-demo-confirm-promise" data-reactid="302">确认对话框</a></li><li title="信息提示" data-reactid="303"><a href="#components-modal-demo-info" data-reactid="304">信息提示</a></li><li title="国际化" data-reactid="305"><a href="#components-modal-demo-locale" data-reactid="306">国际化</a></li><li title="自定义位置" data-reactid="307"><a href="#components-modal-demo-position" data-reactid="308">自定义位置</a></li></ul></div></div><section class="markdown" data-reactid="309"><h1 data-reactid="310"><!-- react-text: 311 -->Modal<!-- /react-text --><span class="subtitle" data-reactid="312">对话框</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/modal/index.zh-CN.md" data-reactid="313"><i class="anticon anticon-edit" data-reactid="314"></i></a></h1><section class="markdown" data-reactid="315"><p data-reactid="316"><!-- react-text: 317 -->模态对话框。<!-- /react-text --></p><h2 id="何时使用" data-reactid="318"><span data-reactid="319"><!-- react-text: 320 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="321">#</a></h2><p data-reactid="322"><!-- react-text: 323 -->需要用户处理事务，又不希望跳转页面以致打断工作流程时，可以使用 <!-- /react-text --><code data-reactid="324"><!-- react-text: 325 -->Modal<!-- /react-text --></code><!-- react-text: 326 --> 在当前页面正中打开一个浮层，承载相应的操作。<!-- /react-text --></p><p data-reactid="327"><!-- react-text: 328 -->另外当需要一个简洁的确认框询问用户时，可以使用精心封装好的 <!-- /react-text --><code data-reactid="329"><!-- react-text: 330 -->ant.Modal.confirm()<!-- /react-text --></code><!-- react-text: 331 --> 等方法。<!-- /react-text --></p></section><h2 data-reactid="332"><span data-reactid="333">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="334"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="335"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="336"><section class="code-box" id="components-modal-demo-basic" data-reactid="337"><section class="code-box-demo" data-reactid="338"><div data-reactid="339"><button type="button" class="ant-btn ant-btn-primary" data-reactid="340"><span data-reactid="341">Open a modal dialog</span></button><!-- react-empty: 342 --></div></section><section class="code-box-meta markdown" data-reactid="343"><div class="code-box-title" data-reactid="344"><a href="#components-modal-demo-basic" data-reactid="345">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/modal/demo/basic.md" data-reactid="346"><i class="anticon anticon-edit" data-reactid="347"></i></a></div><div data-reactid="348"><p data-reactid="349"><!-- react-text: 350 -->第一个对话框。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="351"></i></section><section class="highlight-wrapper" data-reactid="352"><div class="highlight" data-reactid="353"><i class="anticon anticon-copy code-box-code-copy" data-reactid="354"></i><pre class="language-jsx" data-reactid="355"><code data-reactid="356"><span class="token keyword">import</span> <span class="token punctuation">{</span> Modal<span class="token punctuation">,</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">class</span> <span class="token class-name">App</span> <span class="token keyword">extends</span> <span class="token class-name">React<span class="token punctuation">.</span>Component</span> <span class="token punctuation">{</span>
   state <span class="token operator">=</span> <span class="token punctuation">{</span> visible<span class="token punctuation">:</span> <span class="token boolean">false</span> <span class="token punctuation">}</span>
diff --git a/components/modal/index.html b/components/modal/index.html
index b22dc1438..1b50430ed 100644
--- a/components/modal/index.html
+++ b/components/modal/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="2066395575"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1091350969"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-modal-demo-basic" data-reactid="294">Basic</a></li><li title="Asynchronously close" data-reactid="295"><a href="#components-modal-demo-async" data-reactid="296">Asynchronously close</a></li><li title="Customized Footer" data-reactid="297"><a href="#components-modal-demo-footer" data-reactid="298">Customized Footer</a></li><li title="Confirmation modal dialog" data-reactid="299"><a href="#components-modal-demo-confirm" data-reactid="300">Confirmation modal dialog</a></li><li title="Confirmation modal dialog" data-reactid="301"><a href="#components-modal-demo-confirm-promise" data-reactid="302">Confirmation modal dialog</a></li><li title="Information modal dialog" data-reactid="303"><a href="#components-modal-demo-info" data-reactid="304">Information modal dialog</a></li><li title="Internationalization" data-reactid="305"><a href="#components-modal-demo-locale" data-reactid="306">Internationalization</a></li><li title="To customize the position of modal" data-reactid="307"><a href="#components-modal-demo-position" data-reactid="308">To customize the position of modal</a></li></ul></div></div><section class="markdown" data-reactid="309"><h1 data-reactid="310"><!-- react-text: 311 -->Modal<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/modal/index.en-US.md" data-reactid="312"><i class="anticon anticon-edit" data-reactid="313"></i></a></h1><section class="markdown" data-reactid="314"><p data-reactid="315"><!-- react-text: 316 -->Modal dialogs.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="317"><span data-reactid="318"><!-- react-text: 319 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="320">#</a></h2><p data-reactid="321"><!-- react-text: 322 -->When requiring users to interact with application, but without jumping to a new page to interrupt
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-modal-demo-basic" data-reactid="294">Basic</a></li><li title="Asynchronously close" data-reactid="295"><a href="#components-modal-demo-async" data-reactid="296">Asynchronously close</a></li><li title="Customized Footer" data-reactid="297"><a href="#components-modal-demo-footer" data-reactid="298">Customized Footer</a></li><li title="Confirmation modal dialog" data-reactid="299"><a href="#components-modal-demo-confirm" data-reactid="300">Confirmation modal dialog</a></li><li title="Confirmation modal dialog" data-reactid="301"><a href="#components-modal-demo-confirm-promise" data-reactid="302">Confirmation modal dialog</a></li><li title="Information modal dialog" data-reactid="303"><a href="#components-modal-demo-info" data-reactid="304">Information modal dialog</a></li><li title="Internationalization" data-reactid="305"><a href="#components-modal-demo-locale" data-reactid="306">Internationalization</a></li><li title="To customize the position of modal" data-reactid="307"><a href="#components-modal-demo-position" data-reactid="308">To customize the position of modal</a></li></ul></div></div><section class="markdown" data-reactid="309"><h1 data-reactid="310"><!-- react-text: 311 -->Modal<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/modal/index.en-US.md" data-reactid="312"><i class="anticon anticon-edit" data-reactid="313"></i></a></h1><section class="markdown" data-reactid="314"><p data-reactid="315"><!-- react-text: 316 -->Modal dialogs.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="317"><span data-reactid="318"><!-- react-text: 319 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="320">#</a></h2><p data-reactid="321"><!-- react-text: 322 -->When requiring users to interact with application, but without jumping to a new page to interrupt
 the user&#x27;s workflow, you can use <!-- /react-text --><code data-reactid="323"><!-- react-text: 324 -->Modal<!-- /react-text --></code><!-- react-text: 325 --> to create a new floating layer over the current page for user
 getting feedback or information purposes.
 Additionally, if you need show a simple confirmation dialog, you can use <!-- /react-text --><code data-reactid="326"><!-- react-text: 327 -->ant.Modal.confirm()<!-- /react-text --></code><!-- react-text: 328 -->,
diff --git a/components/notification-cn/index.html b/components/notification-cn/index.html
index b5aee4d32..450401f9b 100644
--- a/components/notification-cn/index.html
+++ b/components/notification-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-463592748"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="29827798"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-notification-demo-basic" data-reactid="294">基本</a></li><li title="自动关闭的延时" data-reactid="295"><a href="#components-notification-demo-duration" data-reactid="296">自动关闭的延时</a></li><li title="带有图标的通知提醒框" data-reactid="297"><a href="#components-notification-demo-with-icon" data-reactid="298">带有图标的通知提醒框</a></li><li title="自定义按钮" data-reactid="299"><a href="#components-notification-demo-with-btn" data-reactid="300">自定义按钮</a></li><li title="自定义图标" data-reactid="301"><a href="#components-notification-demo-custom-icon" data-reactid="302">自定义图标</a></li><li title="位置" data-reactid="303"><a href="#components-notification-demo-placement" data-reactid="304">位置</a></li></ul></div></div><section class="markdown" data-reactid="305"><h1 data-reactid="306"><!-- react-text: 307 -->Notification<!-- /react-text --><span class="subtitle" data-reactid="308">通知提醒框</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/notification/index.zh-CN.md" data-reactid="309"><i class="anticon anticon-edit" data-reactid="310"></i></a></h1><section class="markdown" data-reactid="311"><p data-reactid="312"><!-- react-text: 313 -->全局展示通知提醒信息。<!-- /react-text --></p><h2 id="何时使用" data-reactid="314"><span data-reactid="315"><!-- react-text: 316 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="317">#</a></h2><p data-reactid="318"><!-- react-text: 319 -->在系统四个角显示通知提醒信息。经常用于以下情况：<!-- /react-text --></p><ul data-reactid="320"><li data-reactid="321"><p data-reactid="322"><!-- react-text: 323 -->较为复杂的通知内容。<!-- /react-text --></p></li><li data-reactid="324"><p data-reactid="325"><!-- react-text: 326 -->带有交互的通知，给出用户下一步的行动点。<!-- /react-text --></p></li><li data-reactid="327"><p data-reactid="328"><!-- react-text: 329 -->系统主动推送。<!-- /react-text --></p></li></ul></section><h2 data-reactid="330"><span data-reactid="331">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="332"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="333"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="334"><section class="code-box" id="components-notification-demo-basic" data-reactid="335"><section class="code-box-demo" data-reactid="336"><button type="button" class="ant-btn ant-btn-primary" data-reactid="337"><span data-reactid="338">Open the notification box</span></button></section><section class="code-box-meta markdown" data-reactid="339"><div class="code-box-title" data-reactid="340"><a href="#components-notification-demo-basic" data-reactid="341">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/notification/demo/basic.md" data-reactid="342"><i class="anticon anticon-edit" data-reactid="343"></i></a></div><div data-reactid="344"><p data-reactid="345"><!-- react-text: 346 -->最简单的用法，4.5 秒后自动关闭。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="347"></i></section><section class="highlight-wrapper" data-reactid="348"><div class="highlight" data-reactid="349"><i class="anticon anticon-copy code-box-code-copy" data-reactid="350"></i><pre class="language-jsx" data-reactid="351"><code data-reactid="352"><span class="token keyword">import</span> <span class="token punctuation">{</span> Button<span class="token punctuation">,</span> notification <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-notification-demo-basic" data-reactid="294">基本</a></li><li title="自动关闭的延时" data-reactid="295"><a href="#components-notification-demo-duration" data-reactid="296">自动关闭的延时</a></li><li title="带有图标的通知提醒框" data-reactid="297"><a href="#components-notification-demo-with-icon" data-reactid="298">带有图标的通知提醒框</a></li><li title="自定义按钮" data-reactid="299"><a href="#components-notification-demo-with-btn" data-reactid="300">自定义按钮</a></li><li title="自定义图标" data-reactid="301"><a href="#components-notification-demo-custom-icon" data-reactid="302">自定义图标</a></li><li title="位置" data-reactid="303"><a href="#components-notification-demo-placement" data-reactid="304">位置</a></li></ul></div></div><section class="markdown" data-reactid="305"><h1 data-reactid="306"><!-- react-text: 307 -->Notification<!-- /react-text --><span class="subtitle" data-reactid="308">通知提醒框</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/notification/index.zh-CN.md" data-reactid="309"><i class="anticon anticon-edit" data-reactid="310"></i></a></h1><section class="markdown" data-reactid="311"><p data-reactid="312"><!-- react-text: 313 -->全局展示通知提醒信息。<!-- /react-text --></p><h2 id="何时使用" data-reactid="314"><span data-reactid="315"><!-- react-text: 316 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="317">#</a></h2><p data-reactid="318"><!-- react-text: 319 -->在系统四个角显示通知提醒信息。经常用于以下情况：<!-- /react-text --></p><ul data-reactid="320"><li data-reactid="321"><p data-reactid="322"><!-- react-text: 323 -->较为复杂的通知内容。<!-- /react-text --></p></li><li data-reactid="324"><p data-reactid="325"><!-- react-text: 326 -->带有交互的通知，给出用户下一步的行动点。<!-- /react-text --></p></li><li data-reactid="327"><p data-reactid="328"><!-- react-text: 329 -->系统主动推送。<!-- /react-text --></p></li></ul></section><h2 data-reactid="330"><span data-reactid="331">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="332"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="333"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="334"><section class="code-box" id="components-notification-demo-basic" data-reactid="335"><section class="code-box-demo" data-reactid="336"><button type="button" class="ant-btn ant-btn-primary" data-reactid="337"><span data-reactid="338">Open the notification box</span></button></section><section class="code-box-meta markdown" data-reactid="339"><div class="code-box-title" data-reactid="340"><a href="#components-notification-demo-basic" data-reactid="341">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/notification/demo/basic.md" data-reactid="342"><i class="anticon anticon-edit" data-reactid="343"></i></a></div><div data-reactid="344"><p data-reactid="345"><!-- react-text: 346 -->最简单的用法，4.5 秒后自动关闭。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="347"></i></section><section class="highlight-wrapper" data-reactid="348"><div class="highlight" data-reactid="349"><i class="anticon anticon-copy code-box-code-copy" data-reactid="350"></i><pre class="language-jsx" data-reactid="351"><code data-reactid="352"><span class="token keyword">import</span> <span class="token punctuation">{</span> Button<span class="token punctuation">,</span> notification <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">const</span> openNotification <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token punctuation">{</span>
   notification<span class="token punctuation">.</span><span class="token function">open</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
diff --git a/components/notification/index.html b/components/notification/index.html
index 441aad68c..7dacbd040 100644
--- a/components/notification/index.html
+++ b/components/notification/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="386315754"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1248376300"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-notification-demo-basic" data-reactid="294">Basic</a></li><li title="Duration after which the notification box is closed" data-reactid="295"><a href="#components-notification-demo-duration" data-reactid="296">Duration after which the notification box is closed</a></li><li title="Notification with icon" data-reactid="297"><a href="#components-notification-demo-with-icon" data-reactid="298">Notification with icon</a></li><li title="Custom close button" data-reactid="299"><a href="#components-notification-demo-with-btn" data-reactid="300">Custom close button</a></li><li title="Customized Icon" data-reactid="301"><a href="#components-notification-demo-custom-icon" data-reactid="302">Customized Icon</a></li><li title="Placement" data-reactid="303"><a href="#components-notification-demo-placement" data-reactid="304">Placement</a></li></ul></div></div><section class="markdown" data-reactid="305"><h1 data-reactid="306"><!-- react-text: 307 -->Notification<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/notification/index.en-US.md" data-reactid="308"><i class="anticon anticon-edit" data-reactid="309"></i></a></h1><section class="markdown" data-reactid="310"><p data-reactid="311"><!-- react-text: 312 -->To display a notification message globally.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="313"><span data-reactid="314"><!-- react-text: 315 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="316">#</a></h2><p data-reactid="317"><!-- react-text: 318 -->To display a notification message at the four corner of the view port. Typically it can be
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-notification-demo-basic" data-reactid="294">Basic</a></li><li title="Duration after which the notification box is closed" data-reactid="295"><a href="#components-notification-demo-duration" data-reactid="296">Duration after which the notification box is closed</a></li><li title="Notification with icon" data-reactid="297"><a href="#components-notification-demo-with-icon" data-reactid="298">Notification with icon</a></li><li title="Custom close button" data-reactid="299"><a href="#components-notification-demo-with-btn" data-reactid="300">Custom close button</a></li><li title="Customized Icon" data-reactid="301"><a href="#components-notification-demo-custom-icon" data-reactid="302">Customized Icon</a></li><li title="Placement" data-reactid="303"><a href="#components-notification-demo-placement" data-reactid="304">Placement</a></li></ul></div></div><section class="markdown" data-reactid="305"><h1 data-reactid="306"><!-- react-text: 307 -->Notification<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/notification/index.en-US.md" data-reactid="308"><i class="anticon anticon-edit" data-reactid="309"></i></a></h1><section class="markdown" data-reactid="310"><p data-reactid="311"><!-- react-text: 312 -->To display a notification message globally.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="313"><span data-reactid="314"><!-- react-text: 315 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="316">#</a></h2><p data-reactid="317"><!-- react-text: 318 -->To display a notification message at the four corner of the view port. Typically it can be
 used in the following cases:<!-- /react-text --></p><ul data-reactid="319"><li data-reactid="320"><p data-reactid="321"><!-- react-text: 322 -->A notification with complex content.<!-- /react-text --></p></li><li data-reactid="323"><p data-reactid="324"><!-- react-text: 325 -->A notification providing a feedback based on the user interaction. Or it may show some details
 about upcoming steps the user may have to follow.<!-- /react-text --></p></li><li data-reactid="326"><p data-reactid="327"><!-- react-text: 328 -->A notification that is pushed by the application.<!-- /react-text --></p></li></ul></section><h2 data-reactid="329"><span data-reactid="330">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="331"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="332"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="333"><section class="code-box" id="components-notification-demo-basic" data-reactid="334"><section class="code-box-demo" data-reactid="335"><button type="button" class="ant-btn ant-btn-primary" data-reactid="336"><span data-reactid="337">Open the notification box</span></button></section><section class="code-box-meta markdown" data-reactid="338"><div class="code-box-title" data-reactid="339"><a href="#components-notification-demo-basic" data-reactid="340">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/notification/demo/basic.md" data-reactid="341"><i class="anticon anticon-edit" data-reactid="342"></i></a></div><div data-reactid="343"><p data-reactid="344"><!-- react-text: 345 -->The simplest usage that close the notification box after 4.5s.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="346"></i></section><section class="highlight-wrapper" data-reactid="347"><div class="highlight" data-reactid="348"><i class="anticon anticon-copy code-box-code-copy" data-reactid="349"></i><pre class="language-jsx" data-reactid="350"><code data-reactid="351"><span class="token keyword">import</span> <span class="token punctuation">{</span> Button<span class="token punctuation">,</span> notification <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
diff --git a/components/pagination-cn/index.html b/components/pagination-cn/index.html
index 4e1207ec1..22ba08cd3 100644
--- a/components/pagination-cn/index.html
+++ b/components/pagination-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-302592852"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="622054574"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-pagination-demo-basic" data-reactid="294">基本</a></li><li title="更多" data-reactid="295"><a href="#components-pagination-demo-more" data-reactid="296">更多</a></li><li title="改变" data-reactid="297"><a href="#components-pagination-demo-changer" data-reactid="298">改变</a></li><li title="跳转" data-reactid="299"><a href="#components-pagination-demo-jump" data-reactid="300">跳转</a></li><li title="迷你" data-reactid="301"><a href="#components-pagination-demo-mini" data-reactid="302">迷你</a></li><li title="简洁" data-reactid="303"><a href="#components-pagination-demo-simple" data-reactid="304">简洁</a></li><li title="受控" data-reactid="305"><a href="#components-pagination-demo-controlled" data-reactid="306">受控</a></li><li title="总数" data-reactid="307"><a href="#components-pagination-demo-total" data-reactid="308">总数</a></li></ul></div></div><section class="markdown" data-reactid="309"><h1 data-reactid="310"><!-- react-text: 311 -->Pagination<!-- /react-text --><span class="subtitle" data-reactid="312">分页</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/pagination/index.zh-CN.md" data-reactid="313"><i class="anticon anticon-edit" data-reactid="314"></i></a></h1><section class="markdown" data-reactid="315"><p data-reactid="316"><!-- react-text: 317 -->采用分页的形式分隔长列表，每次只加载一个页面。<!-- /react-text --></p><h2 id="何时使用" data-reactid="318"><span data-reactid="319"><!-- react-text: 320 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="321">#</a></h2><ul data-reactid="322"><li data-reactid="323"><p data-reactid="324"><!-- react-text: 325 -->当加载/渲染所有数据将花费很多时间时；<!-- /react-text --></p></li><li data-reactid="326"><p data-reactid="327"><!-- react-text: 328 -->可切换页码浏览数据。<!-- /react-text --></p></li></ul></section><h2 data-reactid="329"><span data-reactid="330">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="331"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="332"><div style="padding-left:8px;padding-right:8px;" class="ant-col-24 code-boxes-col-1-1" data-reactid="333"><section class="code-box" id="components-pagination-demo-basic" data-reactid="334"><section class="code-box-demo" data-reactid="335"><ul class="ant-pagination " unselectable="unselectable" data-reactid="336"><li title="Previous Page" class="ant-pagination-disabled ant-pagination-prev" data-reactid="337"><a data-reactid="338"></a></li><li title="1" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active" data-reactid="339"><a data-reactid="340">1</a></li><li title="2" class="ant-pagination-item ant-pagination-item-2" data-reactid="341"><a data-reactid="342">2</a></li><li title="3" class="ant-pagination-item ant-pagination-item-3" data-reactid="343"><a data-reactid="344">3</a></li><li title="4" class="ant-pagination-item ant-pagination-item-4" data-reactid="345"><a data-reactid="346">4</a></li><li title="5" class="ant-pagination-item ant-pagination-item-5" data-reactid="347"><a data-reactid="348">5</a></li><li title="Next Page" class=" ant-pagination-next" data-reactid="349"><a data-reactid="350"></a></li><!-- react-empty: 351 --></ul></section><section class="code-box-meta markdown" data-reactid="352"><div class="code-box-title" data-reactid="353"><a href="#components-pagination-demo-basic" data-reactid="354">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/pagination/demo/basic.md" data-reactid="355"><i class="anticon anticon-edit" data-reactid="356"></i></a></div><div data-reactid="357"><p data-reactid="358"><!-- react-text: 359 -->基础分页。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="360"></i></section><section class="highlight-wrapper" data-reactid="361"><div class="highlight" data-reactid="362"><i class="anticon anticon-copy code-box-code-copy" data-reactid="363"></i><pre class="language-jsx" data-reactid="364"><code data-reactid="365"><span class="token keyword">import</span> <span class="token punctuation">{</span> Pagination <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-pagination-demo-basic" data-reactid="294">基本</a></li><li title="更多" data-reactid="295"><a href="#components-pagination-demo-more" data-reactid="296">更多</a></li><li title="改变" data-reactid="297"><a href="#components-pagination-demo-changer" data-reactid="298">改变</a></li><li title="跳转" data-reactid="299"><a href="#components-pagination-demo-jump" data-reactid="300">跳转</a></li><li title="迷你" data-reactid="301"><a href="#components-pagination-demo-mini" data-reactid="302">迷你</a></li><li title="简洁" data-reactid="303"><a href="#components-pagination-demo-simple" data-reactid="304">简洁</a></li><li title="受控" data-reactid="305"><a href="#components-pagination-demo-controlled" data-reactid="306">受控</a></li><li title="总数" data-reactid="307"><a href="#components-pagination-demo-total" data-reactid="308">总数</a></li></ul></div></div><section class="markdown" data-reactid="309"><h1 data-reactid="310"><!-- react-text: 311 -->Pagination<!-- /react-text --><span class="subtitle" data-reactid="312">分页</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/pagination/index.zh-CN.md" data-reactid="313"><i class="anticon anticon-edit" data-reactid="314"></i></a></h1><section class="markdown" data-reactid="315"><p data-reactid="316"><!-- react-text: 317 -->采用分页的形式分隔长列表，每次只加载一个页面。<!-- /react-text --></p><h2 id="何时使用" data-reactid="318"><span data-reactid="319"><!-- react-text: 320 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="321">#</a></h2><ul data-reactid="322"><li data-reactid="323"><p data-reactid="324"><!-- react-text: 325 -->当加载/渲染所有数据将花费很多时间时；<!-- /react-text --></p></li><li data-reactid="326"><p data-reactid="327"><!-- react-text: 328 -->可切换页码浏览数据。<!-- /react-text --></p></li></ul></section><h2 data-reactid="329"><span data-reactid="330">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="331"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="332"><div style="padding-left:8px;padding-right:8px;" class="ant-col-24 code-boxes-col-1-1" data-reactid="333"><section class="code-box" id="components-pagination-demo-basic" data-reactid="334"><section class="code-box-demo" data-reactid="335"><ul class="ant-pagination " unselectable="unselectable" data-reactid="336"><li title="Previous Page" class="ant-pagination-disabled ant-pagination-prev" data-reactid="337"><a data-reactid="338"></a></li><li title="1" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active" data-reactid="339"><a data-reactid="340">1</a></li><li title="2" class="ant-pagination-item ant-pagination-item-2" data-reactid="341"><a data-reactid="342">2</a></li><li title="3" class="ant-pagination-item ant-pagination-item-3" data-reactid="343"><a data-reactid="344">3</a></li><li title="4" class="ant-pagination-item ant-pagination-item-4" data-reactid="345"><a data-reactid="346">4</a></li><li title="5" class="ant-pagination-item ant-pagination-item-5" data-reactid="347"><a data-reactid="348">5</a></li><li title="Next Page" class=" ant-pagination-next" data-reactid="349"><a data-reactid="350"></a></li><!-- react-empty: 351 --></ul></section><section class="code-box-meta markdown" data-reactid="352"><div class="code-box-title" data-reactid="353"><a href="#components-pagination-demo-basic" data-reactid="354">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/pagination/demo/basic.md" data-reactid="355"><i class="anticon anticon-edit" data-reactid="356"></i></a></div><div data-reactid="357"><p data-reactid="358"><!-- react-text: 359 -->基础分页。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="360"></i></section><section class="highlight-wrapper" data-reactid="361"><div class="highlight" data-reactid="362"><i class="anticon anticon-copy code-box-code-copy" data-reactid="363"></i><pre class="language-jsx" data-reactid="364"><code data-reactid="365"><span class="token keyword">import</span> <span class="token punctuation">{</span> Pagination <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Pagination</span> <span class="token attr-name">defaultCurrent</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token number">1</span><span class="token punctuation">}</span></span> <span class="token attr-name">total</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token number">50</span><span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-pagination-demo-more" data-reactid="366"><section class="code-box-demo" data-reactid="367"><ul class="ant-pagination " unselectable="unselectable" data-reactid="368"><li title="Previous Page" class=" ant-pagination-prev" data-reactid="369"><a data-reactid="370"></a></li><li title="1" class="ant-pagination-item ant-pagination-item-1" data-reactid="371"><a data-reactid="372">1</a></li><li title="Previous 5 Pages" class="ant-pagination-jump-prev" data-reactid="373"><a data-reactid="374"></a></li><li title="4" class="ant-pagination-item ant-pagination-item-4 ant-pagination-item-after-jump-prev" data-reactid="375"><a data-reactid="376">4</a></li><li title="5" class="ant-pagination-item ant-pagination-item-5" data-reactid="377"><a data-reactid="378">5</a></li><li title="6" class="ant-pagination-item ant-pagination-item-6 ant-pagination-item-active" data-reactid="379"><a data-reactid="380">6</a></li><li title="7" class="ant-pagination-item ant-pagination-item-7" data-reactid="381"><a data-reactid="382">7</a></li><li title="8" class="ant-pagination-item ant-pagination-item-8 ant-pagination-item-before-jump-next" data-reactid="383"><a data-reactid="384">8</a></li><li title="Next 5 Pages" class="ant-pagination-jump-next" data-reactid="385"><a data-reactid="386"></a></li><li title="50" class="ant-pagination-item ant-pagination-item-50" data-reactid="387"><a data-reactid="388">50</a></li><li title="Next Page" class=" ant-pagination-next" data-reactid="389"><a data-reactid="390"></a></li><!-- react-empty: 391 --></ul></section><section class="code-box-meta markdown" data-reactid="392"><div class="code-box-title" data-reactid="393"><a href="#components-pagination-demo-more" data-reactid="394">更多</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/pagination/demo/more.md" data-reactid="395"><i class="anticon anticon-edit" data-reactid="396"></i></a></div><div data-reactid="397"><p data-reactid="398"><!-- react-text: 399 -->更多分页。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="400"></i></section><section class="highlight-wrapper" data-reactid="401"><div class="highlight" data-reactid="402"><i class="anticon anticon-copy code-box-code-copy" data-reactid="403"></i><pre class="language-jsx" data-reactid="404"><code data-reactid="405"><span class="token keyword">import</span> <span class="token punctuation">{</span> Pagination <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
diff --git a/components/pagination/index.html b/components/pagination/index.html
index 587748236..e87f308b5 100644
--- a/components/pagination/index.html
+++ b/components/pagination/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1412771115"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-305999145"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-pagination-demo-basic" data-reactid="294">Basic</a></li><li title="More" data-reactid="295"><a href="#components-pagination-demo-more" data-reactid="296">More</a></li><li title="Changer" data-reactid="297"><a href="#components-pagination-demo-changer" data-reactid="298">Changer</a></li><li title="Jumper" data-reactid="299"><a href="#components-pagination-demo-jump" data-reactid="300">Jumper</a></li><li title="Mini size" data-reactid="301"><a href="#components-pagination-demo-mini" data-reactid="302">Mini size</a></li><li title="Simple mode" data-reactid="303"><a href="#components-pagination-demo-simple" data-reactid="304">Simple mode</a></li><li title="Controlled" data-reactid="305"><a href="#components-pagination-demo-controlled" data-reactid="306">Controlled</a></li><li title="Total number" data-reactid="307"><a href="#components-pagination-demo-total" data-reactid="308">Total number</a></li></ul></div></div><section class="markdown" data-reactid="309"><h1 data-reactid="310"><!-- react-text: 311 -->Pagination<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/pagination/index.en-US.md" data-reactid="312"><i class="anticon anticon-edit" data-reactid="313"></i></a></h1><section class="markdown" data-reactid="314"><p data-reactid="315"><!-- react-text: 316 -->A long list can be divided into several pages by <!-- /react-text --><code data-reactid="317"><!-- react-text: 318 -->Pagination<!-- /react-text --></code><!-- react-text: 319 -->, and only one page will be loaded at a time.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="320"><span data-reactid="321"><!-- react-text: 322 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="323">#</a></h2><ul data-reactid="324"><li data-reactid="325"><p data-reactid="326"><!-- react-text: 327 -->When it will take a long time to load/render all items.<!-- /react-text --></p></li><li data-reactid="328"><p data-reactid="329"><!-- react-text: 330 -->If you want to browse the data by switching in the pages.<!-- /react-text --></p></li></ul></section><h2 data-reactid="331"><span data-reactid="332">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="333"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="334"><div style="padding-left:8px;padding-right:8px;" class="ant-col-24 code-boxes-col-1-1" data-reactid="335"><section class="code-box" id="components-pagination-demo-basic" data-reactid="336"><section class="code-box-demo" data-reactid="337"><ul class="ant-pagination " unselectable="unselectable" data-reactid="338"><li title="Previous Page" class="ant-pagination-disabled ant-pagination-prev" data-reactid="339"><a data-reactid="340"></a></li><li title="1" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active" data-reactid="341"><a data-reactid="342">1</a></li><li title="2" class="ant-pagination-item ant-pagination-item-2" data-reactid="343"><a data-reactid="344">2</a></li><li title="3" class="ant-pagination-item ant-pagination-item-3" data-reactid="345"><a data-reactid="346">3</a></li><li title="4" class="ant-pagination-item ant-pagination-item-4" data-reactid="347"><a data-reactid="348">4</a></li><li title="5" class="ant-pagination-item ant-pagination-item-5" data-reactid="349"><a data-reactid="350">5</a></li><li title="Next Page" class=" ant-pagination-next" data-reactid="351"><a data-reactid="352"></a></li><!-- react-empty: 353 --></ul></section><section class="code-box-meta markdown" data-reactid="354"><div class="code-box-title" data-reactid="355"><a href="#components-pagination-demo-basic" data-reactid="356">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/pagination/demo/basic.md" data-reactid="357"><i class="anticon anticon-edit" data-reactid="358"></i></a></div><div data-reactid="359"><p data-reactid="360"><!-- react-text: 361 -->Basic pagination.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="362"></i></section><section class="highlight-wrapper" data-reactid="363"><div class="highlight" data-reactid="364"><i class="anticon anticon-copy code-box-code-copy" data-reactid="365"></i><pre class="language-jsx" data-reactid="366"><code data-reactid="367"><span class="token keyword">import</span> <span class="token punctuation">{</span> Pagination <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-pagination-demo-basic" data-reactid="294">Basic</a></li><li title="More" data-reactid="295"><a href="#components-pagination-demo-more" data-reactid="296">More</a></li><li title="Changer" data-reactid="297"><a href="#components-pagination-demo-changer" data-reactid="298">Changer</a></li><li title="Jumper" data-reactid="299"><a href="#components-pagination-demo-jump" data-reactid="300">Jumper</a></li><li title="Mini size" data-reactid="301"><a href="#components-pagination-demo-mini" data-reactid="302">Mini size</a></li><li title="Simple mode" data-reactid="303"><a href="#components-pagination-demo-simple" data-reactid="304">Simple mode</a></li><li title="Controlled" data-reactid="305"><a href="#components-pagination-demo-controlled" data-reactid="306">Controlled</a></li><li title="Total number" data-reactid="307"><a href="#components-pagination-demo-total" data-reactid="308">Total number</a></li></ul></div></div><section class="markdown" data-reactid="309"><h1 data-reactid="310"><!-- react-text: 311 -->Pagination<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/pagination/index.en-US.md" data-reactid="312"><i class="anticon anticon-edit" data-reactid="313"></i></a></h1><section class="markdown" data-reactid="314"><p data-reactid="315"><!-- react-text: 316 -->A long list can be divided into several pages by <!-- /react-text --><code data-reactid="317"><!-- react-text: 318 -->Pagination<!-- /react-text --></code><!-- react-text: 319 -->, and only one page will be loaded at a time.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="320"><span data-reactid="321"><!-- react-text: 322 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="323">#</a></h2><ul data-reactid="324"><li data-reactid="325"><p data-reactid="326"><!-- react-text: 327 -->When it will take a long time to load/render all items.<!-- /react-text --></p></li><li data-reactid="328"><p data-reactid="329"><!-- react-text: 330 -->If you want to browse the data by switching in the pages.<!-- /react-text --></p></li></ul></section><h2 data-reactid="331"><span data-reactid="332">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="333"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="334"><div style="padding-left:8px;padding-right:8px;" class="ant-col-24 code-boxes-col-1-1" data-reactid="335"><section class="code-box" id="components-pagination-demo-basic" data-reactid="336"><section class="code-box-demo" data-reactid="337"><ul class="ant-pagination " unselectable="unselectable" data-reactid="338"><li title="Previous Page" class="ant-pagination-disabled ant-pagination-prev" data-reactid="339"><a data-reactid="340"></a></li><li title="1" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active" data-reactid="341"><a data-reactid="342">1</a></li><li title="2" class="ant-pagination-item ant-pagination-item-2" data-reactid="343"><a data-reactid="344">2</a></li><li title="3" class="ant-pagination-item ant-pagination-item-3" data-reactid="345"><a data-reactid="346">3</a></li><li title="4" class="ant-pagination-item ant-pagination-item-4" data-reactid="347"><a data-reactid="348">4</a></li><li title="5" class="ant-pagination-item ant-pagination-item-5" data-reactid="349"><a data-reactid="350">5</a></li><li title="Next Page" class=" ant-pagination-next" data-reactid="351"><a data-reactid="352"></a></li><!-- react-empty: 353 --></ul></section><section class="code-box-meta markdown" data-reactid="354"><div class="code-box-title" data-reactid="355"><a href="#components-pagination-demo-basic" data-reactid="356">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/pagination/demo/basic.md" data-reactid="357"><i class="anticon anticon-edit" data-reactid="358"></i></a></div><div data-reactid="359"><p data-reactid="360"><!-- react-text: 361 -->Basic pagination.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="362"></i></section><section class="highlight-wrapper" data-reactid="363"><div class="highlight" data-reactid="364"><i class="anticon anticon-copy code-box-code-copy" data-reactid="365"></i><pre class="language-jsx" data-reactid="366"><code data-reactid="367"><span class="token keyword">import</span> <span class="token punctuation">{</span> Pagination <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Pagination</span> <span class="token attr-name">defaultCurrent</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token number">1</span><span class="token punctuation">}</span></span> <span class="token attr-name">total</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span><span class="token number">50</span><span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-pagination-demo-more" data-reactid="368"><section class="code-box-demo" data-reactid="369"><ul class="ant-pagination " unselectable="unselectable" data-reactid="370"><li title="Previous Page" class=" ant-pagination-prev" data-reactid="371"><a data-reactid="372"></a></li><li title="1" class="ant-pagination-item ant-pagination-item-1" data-reactid="373"><a data-reactid="374">1</a></li><li title="Previous 5 Pages" class="ant-pagination-jump-prev" data-reactid="375"><a data-reactid="376"></a></li><li title="4" class="ant-pagination-item ant-pagination-item-4 ant-pagination-item-after-jump-prev" data-reactid="377"><a data-reactid="378">4</a></li><li title="5" class="ant-pagination-item ant-pagination-item-5" data-reactid="379"><a data-reactid="380">5</a></li><li title="6" class="ant-pagination-item ant-pagination-item-6 ant-pagination-item-active" data-reactid="381"><a data-reactid="382">6</a></li><li title="7" class="ant-pagination-item ant-pagination-item-7" data-reactid="383"><a data-reactid="384">7</a></li><li title="8" class="ant-pagination-item ant-pagination-item-8 ant-pagination-item-before-jump-next" data-reactid="385"><a data-reactid="386">8</a></li><li title="Next 5 Pages" class="ant-pagination-jump-next" data-reactid="387"><a data-reactid="388"></a></li><li title="50" class="ant-pagination-item ant-pagination-item-50" data-reactid="389"><a data-reactid="390">50</a></li><li title="Next Page" class=" ant-pagination-next" data-reactid="391"><a data-reactid="392"></a></li><!-- react-empty: 393 --></ul></section><section class="code-box-meta markdown" data-reactid="394"><div class="code-box-title" data-reactid="395"><a href="#components-pagination-demo-more" data-reactid="396">More</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/pagination/demo/more.md" data-reactid="397"><i class="anticon anticon-edit" data-reactid="398"></i></a></div><div data-reactid="399"><p data-reactid="400"><!-- react-text: 401 -->More pages.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="402"></i></section><section class="highlight-wrapper" data-reactid="403"><div class="highlight" data-reactid="404"><i class="anticon anticon-copy code-box-code-copy" data-reactid="405"></i><pre class="language-jsx" data-reactid="406"><code data-reactid="407"><span class="token keyword">import</span> <span class="token punctuation">{</span> Pagination <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
diff --git a/components/popconfirm-cn/index.html b/components/popconfirm-cn/index.html
index 4d64f4458..b66069a05 100644
--- a/components/popconfirm-cn/index.html
+++ b/components/popconfirm-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="943612553"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1615699317"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-popconfirm-demo-basic" data-reactid="294">基本</a></li><li title="国际化" data-reactid="295"><a href="#components-popconfirm-demo-locale" data-reactid="296">国际化</a></li><li title="位置" data-reactid="297"><a href="#components-popconfirm-demo-placement" data-reactid="298">位置</a></li><li title="条件触发" data-reactid="299"><a href="#components-popconfirm-demo-dynamic-trigger" data-reactid="300">条件触发</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Popconfirm<!-- /react-text --><span class="subtitle" data-reactid="304">气泡确认框</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/popconfirm/index.zh-CN.md" data-reactid="305"><i class="anticon anticon-edit" data-reactid="306"></i></a></h1><section class="markdown" data-reactid="307"><p data-reactid="308"><!-- react-text: 309 -->点击元素，弹出气泡式的确认框。<!-- /react-text --></p><h2 id="何时使用" data-reactid="310"><span data-reactid="311"><!-- react-text: 312 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="313">#</a></h2><p data-reactid="314"><!-- react-text: 315 -->目标元素的操作需要用户进一步的确认时，在目标元素附近弹出浮层提示，询问用户。<!-- /react-text --></p><p data-reactid="316"><!-- react-text: 317 -->和 <!-- /react-text --><code data-reactid="318"><!-- react-text: 319 -->confirm<!-- /react-text --></code><!-- react-text: 320 --> 弹出的全屏居中模态对话框相比，交互形式更轻量。<!-- /react-text --></p></section><h2 data-reactid="321"><span data-reactid="322">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="323"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="324"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="325"><section class="code-box" id="components-popconfirm-demo-basic" data-reactid="326"><section class="code-box-demo" data-reactid="327"><a href="#" data-reactid="328">Delete</a></section><section class="code-box-meta markdown" data-reactid="329"><div class="code-box-title" data-reactid="330"><a href="#components-popconfirm-demo-basic" data-reactid="331">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/popconfirm/demo/basic.md" data-reactid="332"><i class="anticon anticon-edit" data-reactid="333"></i></a></div><div data-reactid="334"><p data-reactid="335"><!-- react-text: 336 -->最简单的用法。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="337"></i></section><section class="highlight-wrapper" data-reactid="338"><div class="highlight" data-reactid="339"><i class="anticon anticon-copy code-box-code-copy" data-reactid="340"></i><pre class="language-jsx" data-reactid="341"><code data-reactid="342"><span class="token keyword">import</span> <span class="token punctuation">{</span> Popconfirm<span class="token punctuation">,</span> message <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-popconfirm-demo-basic" data-reactid="294">基本</a></li><li title="国际化" data-reactid="295"><a href="#components-popconfirm-demo-locale" data-reactid="296">国际化</a></li><li title="位置" data-reactid="297"><a href="#components-popconfirm-demo-placement" data-reactid="298">位置</a></li><li title="条件触发" data-reactid="299"><a href="#components-popconfirm-demo-dynamic-trigger" data-reactid="300">条件触发</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Popconfirm<!-- /react-text --><span class="subtitle" data-reactid="304">气泡确认框</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/popconfirm/index.zh-CN.md" data-reactid="305"><i class="anticon anticon-edit" data-reactid="306"></i></a></h1><section class="markdown" data-reactid="307"><p data-reactid="308"><!-- react-text: 309 -->点击元素，弹出气泡式的确认框。<!-- /react-text --></p><h2 id="何时使用" data-reactid="310"><span data-reactid="311"><!-- react-text: 312 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="313">#</a></h2><p data-reactid="314"><!-- react-text: 315 -->目标元素的操作需要用户进一步的确认时，在目标元素附近弹出浮层提示，询问用户。<!-- /react-text --></p><p data-reactid="316"><!-- react-text: 317 -->和 <!-- /react-text --><code data-reactid="318"><!-- react-text: 319 -->confirm<!-- /react-text --></code><!-- react-text: 320 --> 弹出的全屏居中模态对话框相比，交互形式更轻量。<!-- /react-text --></p></section><h2 data-reactid="321"><span data-reactid="322">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="323"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="324"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="325"><section class="code-box" id="components-popconfirm-demo-basic" data-reactid="326"><section class="code-box-demo" data-reactid="327"><a href="#" data-reactid="328">Delete</a></section><section class="code-box-meta markdown" data-reactid="329"><div class="code-box-title" data-reactid="330"><a href="#components-popconfirm-demo-basic" data-reactid="331">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/popconfirm/demo/basic.md" data-reactid="332"><i class="anticon anticon-edit" data-reactid="333"></i></a></div><div data-reactid="334"><p data-reactid="335"><!-- react-text: 336 -->最简单的用法。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="337"></i></section><section class="highlight-wrapper" data-reactid="338"><div class="highlight" data-reactid="339"><i class="anticon anticon-copy code-box-code-copy" data-reactid="340"></i><pre class="language-jsx" data-reactid="341"><code data-reactid="342"><span class="token keyword">import</span> <span class="token punctuation">{</span> Popconfirm<span class="token punctuation">,</span> message <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">confirm</span><span class="token punctuation">(</span>e<span class="token punctuation">)</span> <span class="token punctuation">{</span>
   console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>e<span class="token punctuation">)</span><span class="token punctuation">;</span>
diff --git a/components/popconfirm/index.html b/components/popconfirm/index.html
index b9f5bebcc..df48e6bac 100644
--- a/components/popconfirm/index.html
+++ b/components/popconfirm/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="548600356"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1927087578"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-popconfirm-demo-basic" data-reactid="294">Basic</a></li><li title="Locale text" data-reactid="295"><a href="#components-popconfirm-demo-locale" data-reactid="296">Locale text</a></li><li title="Placement" data-reactid="297"><a href="#components-popconfirm-demo-placement" data-reactid="298">Placement</a></li><li title="Conditional trigger" data-reactid="299"><a href="#components-popconfirm-demo-dynamic-trigger" data-reactid="300">Conditional trigger</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Popconfirm<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/popconfirm/index.en-US.md" data-reactid="304"><i class="anticon anticon-edit" data-reactid="305"></i></a></h1><section class="markdown" data-reactid="306"><p data-reactid="307"><!-- react-text: 308 -->A simple and compact confirmation dialog of an action.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="309"><span data-reactid="310"><!-- react-text: 311 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="312">#</a></h2><p data-reactid="313"><!-- react-text: 314 -->A simple and compact dialog used for asking an user confirmation.<!-- /react-text --></p><p data-reactid="315"><!-- react-text: 316 -->The difference with <!-- /react-text --><code data-reactid="317"><!-- react-text: 318 -->confirm<!-- /react-text --></code><!-- react-text: 319 --> is more lightweight than the static popped full-screen confirm modal.<!-- /react-text --></p></section><h2 data-reactid="320"><span data-reactid="321">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="322"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="323"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="324"><section class="code-box" id="components-popconfirm-demo-basic" data-reactid="325"><section class="code-box-demo" data-reactid="326"><a href="#" data-reactid="327">Delete</a></section><section class="code-box-meta markdown" data-reactid="328"><div class="code-box-title" data-reactid="329"><a href="#components-popconfirm-demo-basic" data-reactid="330">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/popconfirm/demo/basic.md" data-reactid="331"><i class="anticon anticon-edit" data-reactid="332"></i></a></div><div data-reactid="333"><p data-reactid="334"><!-- react-text: 335 -->The basic example.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="336"></i></section><section class="highlight-wrapper" data-reactid="337"><div class="highlight" data-reactid="338"><i class="anticon anticon-copy code-box-code-copy" data-reactid="339"></i><pre class="language-jsx" data-reactid="340"><code data-reactid="341"><span class="token keyword">import</span> <span class="token punctuation">{</span> Popconfirm<span class="token punctuation">,</span> message <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-popconfirm-demo-basic" data-reactid="294">Basic</a></li><li title="Locale text" data-reactid="295"><a href="#components-popconfirm-demo-locale" data-reactid="296">Locale text</a></li><li title="Placement" data-reactid="297"><a href="#components-popconfirm-demo-placement" data-reactid="298">Placement</a></li><li title="Conditional trigger" data-reactid="299"><a href="#components-popconfirm-demo-dynamic-trigger" data-reactid="300">Conditional trigger</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Popconfirm<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/popconfirm/index.en-US.md" data-reactid="304"><i class="anticon anticon-edit" data-reactid="305"></i></a></h1><section class="markdown" data-reactid="306"><p data-reactid="307"><!-- react-text: 308 -->A simple and compact confirmation dialog of an action.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="309"><span data-reactid="310"><!-- react-text: 311 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="312">#</a></h2><p data-reactid="313"><!-- react-text: 314 -->A simple and compact dialog used for asking an user confirmation.<!-- /react-text --></p><p data-reactid="315"><!-- react-text: 316 -->The difference with <!-- /react-text --><code data-reactid="317"><!-- react-text: 318 -->confirm<!-- /react-text --></code><!-- react-text: 319 --> is more lightweight than the static popped full-screen confirm modal.<!-- /react-text --></p></section><h2 data-reactid="320"><span data-reactid="321">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="322"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="323"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="324"><section class="code-box" id="components-popconfirm-demo-basic" data-reactid="325"><section class="code-box-demo" data-reactid="326"><a href="#" data-reactid="327">Delete</a></section><section class="code-box-meta markdown" data-reactid="328"><div class="code-box-title" data-reactid="329"><a href="#components-popconfirm-demo-basic" data-reactid="330">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/popconfirm/demo/basic.md" data-reactid="331"><i class="anticon anticon-edit" data-reactid="332"></i></a></div><div data-reactid="333"><p data-reactid="334"><!-- react-text: 335 -->The basic example.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="336"></i></section><section class="highlight-wrapper" data-reactid="337"><div class="highlight" data-reactid="338"><i class="anticon anticon-copy code-box-code-copy" data-reactid="339"></i><pre class="language-jsx" data-reactid="340"><code data-reactid="341"><span class="token keyword">import</span> <span class="token punctuation">{</span> Popconfirm<span class="token punctuation">,</span> message <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">confirm</span><span class="token punctuation">(</span>e<span class="token punctuation">)</span> <span class="token punctuation">{</span>
   console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>e<span class="token punctuation">)</span><span class="token punctuation">;</span>
diff --git a/components/popover-cn/index.html b/components/popover-cn/index.html
index 1a390ad97..2980cb18e 100644
--- a/components/popover-cn/index.html
+++ b/components/popover-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="920786226"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1529473740"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-popover-demo-basic" data-reactid="294">基本</a></li><li title="三种触发方式" data-reactid="295"><a href="#components-popover-demo-triggerType" data-reactid="296">三种触发方式</a></li><li title="位置" data-reactid="297"><a href="#components-popover-demo-placement" data-reactid="298">位置</a></li><li title="从浮层内关闭" data-reactid="299"><a href="#components-popover-demo-control" data-reactid="300">从浮层内关闭</a></li><li title="箭头指向" data-reactid="301"><a href="#components-popover-demo-arrow-point-at-center" data-reactid="302">箭头指向</a></li></ul></div></div><section class="markdown" data-reactid="303"><h1 data-reactid="304"><!-- react-text: 305 -->Popover<!-- /react-text --><span class="subtitle" data-reactid="306">气泡卡片</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/popover/index.zh-CN.md" data-reactid="307"><i class="anticon anticon-edit" data-reactid="308"></i></a></h1><section class="markdown" data-reactid="309"><p data-reactid="310"><!-- react-text: 311 -->点击/鼠标移入元素，弹出气泡式的卡片浮层。<!-- /react-text --></p><h2 id="何时使用" data-reactid="312"><span data-reactid="313"><!-- react-text: 314 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="315">#</a></h2><p data-reactid="316"><!-- react-text: 317 -->当目标元素有进一步的描述和相关操作时，可以收纳到卡片中，根据用户的操作行为进行展现。<!-- /react-text --></p><p data-reactid="318"><!-- react-text: 319 -->和 <!-- /react-text --><code data-reactid="320"><!-- react-text: 321 -->Tooltip<!-- /react-text --></code><!-- react-text: 322 --> 的区别是，用户可以对浮层上的元素进行操作，因此它可以承载更复杂的内容，比如链接或按钮等。<!-- /react-text --></p></section><h2 data-reactid="323"><span data-reactid="324">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="325"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="326"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="327"><section class="code-box" id="components-popover-demo-basic" data-reactid="328"><section class="code-box-demo" data-reactid="329"><button type="button" class="ant-btn ant-btn-primary" data-reactid="330"><span data-reactid="331">Hover me</span></button></section><section class="code-box-meta markdown" data-reactid="332"><div class="code-box-title" data-reactid="333"><a href="#components-popover-demo-basic" data-reactid="334">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/popover/demo/basic.md" data-reactid="335"><i class="anticon anticon-edit" data-reactid="336"></i></a></div><div data-reactid="337"><p data-reactid="338"><!-- react-text: 339 -->最简单的用法，浮层的大小由内容区域决定。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="340"></i></section><section class="highlight-wrapper" data-reactid="341"><div class="highlight" data-reactid="342"><i class="anticon anticon-copy code-box-code-copy" data-reactid="343"></i><pre class="language-jsx" data-reactid="344"><code data-reactid="345"><span class="token keyword">import</span> <span class="token punctuation">{</span> Popover<span class="token punctuation">,</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-popover-demo-basic" data-reactid="294">基本</a></li><li title="三种触发方式" data-reactid="295"><a href="#components-popover-demo-triggerType" data-reactid="296">三种触发方式</a></li><li title="位置" data-reactid="297"><a href="#components-popover-demo-placement" data-reactid="298">位置</a></li><li title="从浮层内关闭" data-reactid="299"><a href="#components-popover-demo-control" data-reactid="300">从浮层内关闭</a></li><li title="箭头指向" data-reactid="301"><a href="#components-popover-demo-arrow-point-at-center" data-reactid="302">箭头指向</a></li></ul></div></div><section class="markdown" data-reactid="303"><h1 data-reactid="304"><!-- react-text: 305 -->Popover<!-- /react-text --><span class="subtitle" data-reactid="306">气泡卡片</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/popover/index.zh-CN.md" data-reactid="307"><i class="anticon anticon-edit" data-reactid="308"></i></a></h1><section class="markdown" data-reactid="309"><p data-reactid="310"><!-- react-text: 311 -->点击/鼠标移入元素，弹出气泡式的卡片浮层。<!-- /react-text --></p><h2 id="何时使用" data-reactid="312"><span data-reactid="313"><!-- react-text: 314 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="315">#</a></h2><p data-reactid="316"><!-- react-text: 317 -->当目标元素有进一步的描述和相关操作时，可以收纳到卡片中，根据用户的操作行为进行展现。<!-- /react-text --></p><p data-reactid="318"><!-- react-text: 319 -->和 <!-- /react-text --><code data-reactid="320"><!-- react-text: 321 -->Tooltip<!-- /react-text --></code><!-- react-text: 322 --> 的区别是，用户可以对浮层上的元素进行操作，因此它可以承载更复杂的内容，比如链接或按钮等。<!-- /react-text --></p></section><h2 data-reactid="323"><span data-reactid="324">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="325"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="326"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="327"><section class="code-box" id="components-popover-demo-basic" data-reactid="328"><section class="code-box-demo" data-reactid="329"><button type="button" class="ant-btn ant-btn-primary" data-reactid="330"><span data-reactid="331">Hover me</span></button></section><section class="code-box-meta markdown" data-reactid="332"><div class="code-box-title" data-reactid="333"><a href="#components-popover-demo-basic" data-reactid="334">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/popover/demo/basic.md" data-reactid="335"><i class="anticon anticon-edit" data-reactid="336"></i></a></div><div data-reactid="337"><p data-reactid="338"><!-- react-text: 339 -->最简单的用法，浮层的大小由内容区域决定。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="340"></i></section><section class="highlight-wrapper" data-reactid="341"><div class="highlight" data-reactid="342"><i class="anticon anticon-copy code-box-code-copy" data-reactid="343"></i><pre class="language-jsx" data-reactid="344"><code data-reactid="345"><span class="token keyword">import</span> <span class="token punctuation">{</span> Popover<span class="token punctuation">,</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">const</span> content <span class="token operator">=</span> <span class="token punctuation">(</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">></span></span>
diff --git a/components/popover/index.html b/components/popover/index.html
index 234e81c35..d3bdaa8e0 100644
--- a/components/popover/index.html
+++ b/components/popover/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-805578001"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1145494257"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-popover-demo-basic" data-reactid="294">Basic</a></li><li title="Three ways to trigger" data-reactid="295"><a href="#components-popover-demo-triggerType" data-reactid="296">Three ways to trigger</a></li><li title="Placement" data-reactid="297"><a href="#components-popover-demo-placement" data-reactid="298">Placement</a></li><li title="Controlling the close of the dialog" data-reactid="299"><a href="#components-popover-demo-control" data-reactid="300">Controlling the close of the dialog</a></li><li title="Arrow pointing" data-reactid="301"><a href="#components-popover-demo-arrow-point-at-center" data-reactid="302">Arrow pointing</a></li></ul></div></div><section class="markdown" data-reactid="303"><h1 data-reactid="304"><!-- react-text: 305 -->Popover<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/popover/index.en-US.md" data-reactid="306"><i class="anticon anticon-edit" data-reactid="307"></i></a></h1><section class="markdown" data-reactid="308"><p data-reactid="309"><!-- react-text: 310 -->The floating card popped by clicking or hovering.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="311"><span data-reactid="312"><!-- react-text: 313 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="314">#</a></h2><p data-reactid="315"><!-- react-text: 316 -->A simple popup menu to provide extra information or operations.<!-- /react-text --></p><p data-reactid="317"><!-- react-text: 318 -->Comparing with <!-- /react-text --><code data-reactid="319"><!-- react-text: 320 -->Tooltip<!-- /react-text --></code><!-- react-text: 321 -->, besides information <!-- /react-text --><code data-reactid="322"><!-- react-text: 323 -->Popover<!-- /react-text --></code><!-- react-text: 324 --> card can also provide action elements like links and buttons.<!-- /react-text --></p></section><h2 data-reactid="325"><span data-reactid="326">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="327"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="328"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="329"><section class="code-box" id="components-popover-demo-basic" data-reactid="330"><section class="code-box-demo" data-reactid="331"><button type="button" class="ant-btn ant-btn-primary" data-reactid="332"><span data-reactid="333">Hover me</span></button></section><section class="code-box-meta markdown" data-reactid="334"><div class="code-box-title" data-reactid="335"><a href="#components-popover-demo-basic" data-reactid="336">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/popover/demo/basic.md" data-reactid="337"><i class="anticon anticon-edit" data-reactid="338"></i></a></div><div data-reactid="339"><p data-reactid="340"><!-- react-text: 341 -->The most basic example. The size of the floating layer depends on the contents region.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="342"></i></section><section class="highlight-wrapper" data-reactid="343"><div class="highlight" data-reactid="344"><i class="anticon anticon-copy code-box-code-copy" data-reactid="345"></i><pre class="language-jsx" data-reactid="346"><code data-reactid="347"><span class="token keyword">import</span> <span class="token punctuation">{</span> Popover<span class="token punctuation">,</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-popover-demo-basic" data-reactid="294">Basic</a></li><li title="Three ways to trigger" data-reactid="295"><a href="#components-popover-demo-triggerType" data-reactid="296">Three ways to trigger</a></li><li title="Placement" data-reactid="297"><a href="#components-popover-demo-placement" data-reactid="298">Placement</a></li><li title="Controlling the close of the dialog" data-reactid="299"><a href="#components-popover-demo-control" data-reactid="300">Controlling the close of the dialog</a></li><li title="Arrow pointing" data-reactid="301"><a href="#components-popover-demo-arrow-point-at-center" data-reactid="302">Arrow pointing</a></li></ul></div></div><section class="markdown" data-reactid="303"><h1 data-reactid="304"><!-- react-text: 305 -->Popover<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/popover/index.en-US.md" data-reactid="306"><i class="anticon anticon-edit" data-reactid="307"></i></a></h1><section class="markdown" data-reactid="308"><p data-reactid="309"><!-- react-text: 310 -->The floating card popped by clicking or hovering.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="311"><span data-reactid="312"><!-- react-text: 313 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="314">#</a></h2><p data-reactid="315"><!-- react-text: 316 -->A simple popup menu to provide extra information or operations.<!-- /react-text --></p><p data-reactid="317"><!-- react-text: 318 -->Comparing with <!-- /react-text --><code data-reactid="319"><!-- react-text: 320 -->Tooltip<!-- /react-text --></code><!-- react-text: 321 -->, besides information <!-- /react-text --><code data-reactid="322"><!-- react-text: 323 -->Popover<!-- /react-text --></code><!-- react-text: 324 --> card can also provide action elements like links and buttons.<!-- /react-text --></p></section><h2 data-reactid="325"><span data-reactid="326">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="327"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="328"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="329"><section class="code-box" id="components-popover-demo-basic" data-reactid="330"><section class="code-box-demo" data-reactid="331"><button type="button" class="ant-btn ant-btn-primary" data-reactid="332"><span data-reactid="333">Hover me</span></button></section><section class="code-box-meta markdown" data-reactid="334"><div class="code-box-title" data-reactid="335"><a href="#components-popover-demo-basic" data-reactid="336">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/popover/demo/basic.md" data-reactid="337"><i class="anticon anticon-edit" data-reactid="338"></i></a></div><div data-reactid="339"><p data-reactid="340"><!-- react-text: 341 -->The most basic example. The size of the floating layer depends on the contents region.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="342"></i></section><section class="highlight-wrapper" data-reactid="343"><div class="highlight" data-reactid="344"><i class="anticon anticon-copy code-box-code-copy" data-reactid="345"></i><pre class="language-jsx" data-reactid="346"><code data-reactid="347"><span class="token keyword">import</span> <span class="token punctuation">{</span> Popover<span class="token punctuation">,</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">const</span> content <span class="token operator">=</span> <span class="token punctuation">(</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">></span></span>
diff --git a/components/progress-cn/index.html b/components/progress-cn/index.html
index 79fcf744a..cff351625 100644
--- a/components/progress-cn/index.html
+++ b/components/progress-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1151403846"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-159578296"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="进度条" data-reactid="293"><a href="#components-progress-demo-line" data-reactid="294">进度条</a></li><li title="进度圈" data-reactid="295"><a href="#components-progress-demo-circle" data-reactid="296">进度圈</a></li><li title="小型进度条" data-reactid="297"><a href="#components-progress-demo-line-mini" data-reactid="298">小型进度条</a></li><li title="小型进度圈" data-reactid="299"><a href="#components-progress-demo-circle-mini" data-reactid="300">小型进度圈</a></li><li title="进度圈动态展示" data-reactid="301"><a href="#components-progress-demo-circle-dynamic" data-reactid="302">进度圈动态展示</a></li><li title="动态展示" data-reactid="303"><a href="#components-progress-demo-dynamic" data-reactid="304">动态展示</a></li><li title="自定义文字格式" data-reactid="305"><a href="#components-progress-demo-format" data-reactid="306">自定义文字格式</a></li><li title="仪表盘" data-reactid="307"><a href="#components-progress-demo-dashboard" data-reactid="308">仪表盘</a></li></ul></div></div><section class="markdown" data-reactid="309"><h1 data-reactid="310"><!-- react-text: 311 -->Progress<!-- /react-text --><span class="subtitle" data-reactid="312">进度条</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/progress/index.zh-CN.md" data-reactid="313"><i class="anticon anticon-edit" data-reactid="314"></i></a></h1><section class="markdown" data-reactid="315"><p data-reactid="316"><!-- react-text: 317 -->展示操作的当前进度。<!-- /react-text --></p><h2 id="何时使用" data-reactid="318"><span data-reactid="319"><!-- react-text: 320 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="321">#</a></h2><p data-reactid="322"><!-- react-text: 323 -->在操作需要较长时间才能完成时，为用户显示该操作的当前进度和状态。<!-- /react-text --></p><ul data-reactid="324"><li data-reactid="325"><p data-reactid="326"><!-- react-text: 327 -->当一个操作会打断当前界面，或者需要在后台运行，且耗时可能超过2秒时；<!-- /react-text --></p></li><li data-reactid="328"><p data-reactid="329"><!-- react-text: 330 -->当需要显示一个操作完成的百分比时。<!-- /react-text --></p></li></ul></section><h2 data-reactid="331"><span data-reactid="332">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="333"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="334"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="335"><section class="code-box" id="components-progress-demo-line" data-reactid="336"><section class="code-box-demo" data-reactid="337"><div data-reactid="338"><div class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info" data-reactid="339"><div data-reactid="340"><div class="ant-progress-outer" data-reactid="341"><div class="ant-progress-inner" data-reactid="342"><div class="ant-progress-bg" style="width:30%;height:10px;" data-reactid="343"></div></div></div><span class="ant-progress-text" data-reactid="344">30%</span></div></div><div class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info" data-reactid="345"><div data-reactid="346"><div class="ant-progress-outer" data-reactid="347"><div class="ant-progress-inner" data-reactid="348"><div class="ant-progress-bg" style="width:50%;height:10px;" data-reactid="349"></div></div></div><span class="ant-progress-text" data-reactid="350">50%</span></div></div><div class="ant-progress ant-progress-line ant-progress-status-exception ant-progress-show-info" data-reactid="351"><div data-reactid="352"><div class="ant-progress-outer" data-reactid="353"><div class="ant-progress-inner" data-reactid="354"><div class="ant-progress-bg" style="width:70%;height:10px;" data-reactid="355"></div></div></div><span class="ant-progress-text" data-reactid="356"><i class="anticon anticon-cross-circle" data-reactid="357"></i></span></div></div><div class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info" data-reactid="358"><div data-reactid="359"><div class="ant-progress-outer" data-reactid="360"><div class="ant-progress-inner" data-reactid="361"><div class="ant-progress-bg" style="width:100%;height:10px;" data-reactid="362"></div></div></div><span class="ant-progress-text" data-reactid="363"><i class="anticon anticon-check-circle" data-reactid="364"></i></span></div></div><div class="ant-progress ant-progress-line ant-progress-status-normal" data-reactid="365"><div data-reactid="366"><div class="ant-progress-outer" data-reactid="367"><div class="ant-progress-inner" data-reactid="368"><div class="ant-progress-bg" style="width:50%;height:10px;" data-reactid="369"></div></div></div></div></div></div></section><section class="code-box-meta markdown" data-reactid="370"><div class="code-box-title" data-reactid="371"><a href="#components-progress-demo-line" data-reactid="372">进度条</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/progress/demo/line.md" data-reactid="373"><i class="anticon anticon-edit" data-reactid="374"></i></a></div><div data-reactid="375"><p data-reactid="376"><!-- react-text: 377 -->标准的进度条。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="378"></i></section><section class="highlight-wrapper" data-reactid="379"><div class="highlight" data-reactid="380"><i class="anticon anticon-copy code-box-code-copy" data-reactid="381"></i><pre class="language-jsx" data-reactid="382"><code data-reactid="383"><span class="token keyword">import</span> <span class="token punctuation">{</span> Progress <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="进度条" data-reactid="293"><a href="#components-progress-demo-line" data-reactid="294">进度条</a></li><li title="进度圈" data-reactid="295"><a href="#components-progress-demo-circle" data-reactid="296">进度圈</a></li><li title="小型进度条" data-reactid="297"><a href="#components-progress-demo-line-mini" data-reactid="298">小型进度条</a></li><li title="小型进度圈" data-reactid="299"><a href="#components-progress-demo-circle-mini" data-reactid="300">小型进度圈</a></li><li title="进度圈动态展示" data-reactid="301"><a href="#components-progress-demo-circle-dynamic" data-reactid="302">进度圈动态展示</a></li><li title="动态展示" data-reactid="303"><a href="#components-progress-demo-dynamic" data-reactid="304">动态展示</a></li><li title="自定义文字格式" data-reactid="305"><a href="#components-progress-demo-format" data-reactid="306">自定义文字格式</a></li><li title="仪表盘" data-reactid="307"><a href="#components-progress-demo-dashboard" data-reactid="308">仪表盘</a></li></ul></div></div><section class="markdown" data-reactid="309"><h1 data-reactid="310"><!-- react-text: 311 -->Progress<!-- /react-text --><span class="subtitle" data-reactid="312">进度条</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/progress/index.zh-CN.md" data-reactid="313"><i class="anticon anticon-edit" data-reactid="314"></i></a></h1><section class="markdown" data-reactid="315"><p data-reactid="316"><!-- react-text: 317 -->展示操作的当前进度。<!-- /react-text --></p><h2 id="何时使用" data-reactid="318"><span data-reactid="319"><!-- react-text: 320 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="321">#</a></h2><p data-reactid="322"><!-- react-text: 323 -->在操作需要较长时间才能完成时，为用户显示该操作的当前进度和状态。<!-- /react-text --></p><ul data-reactid="324"><li data-reactid="325"><p data-reactid="326"><!-- react-text: 327 -->当一个操作会打断当前界面，或者需要在后台运行，且耗时可能超过2秒时；<!-- /react-text --></p></li><li data-reactid="328"><p data-reactid="329"><!-- react-text: 330 -->当需要显示一个操作完成的百分比时。<!-- /react-text --></p></li></ul></section><h2 data-reactid="331"><span data-reactid="332">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="333"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="334"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="335"><section class="code-box" id="components-progress-demo-line" data-reactid="336"><section class="code-box-demo" data-reactid="337"><div data-reactid="338"><div class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info" data-reactid="339"><div data-reactid="340"><div class="ant-progress-outer" data-reactid="341"><div class="ant-progress-inner" data-reactid="342"><div class="ant-progress-bg" style="width:30%;height:10px;" data-reactid="343"></div></div></div><span class="ant-progress-text" data-reactid="344">30%</span></div></div><div class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info" data-reactid="345"><div data-reactid="346"><div class="ant-progress-outer" data-reactid="347"><div class="ant-progress-inner" data-reactid="348"><div class="ant-progress-bg" style="width:50%;height:10px;" data-reactid="349"></div></div></div><span class="ant-progress-text" data-reactid="350">50%</span></div></div><div class="ant-progress ant-progress-line ant-progress-status-exception ant-progress-show-info" data-reactid="351"><div data-reactid="352"><div class="ant-progress-outer" data-reactid="353"><div class="ant-progress-inner" data-reactid="354"><div class="ant-progress-bg" style="width:70%;height:10px;" data-reactid="355"></div></div></div><span class="ant-progress-text" data-reactid="356"><i class="anticon anticon-cross-circle" data-reactid="357"></i></span></div></div><div class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info" data-reactid="358"><div data-reactid="359"><div class="ant-progress-outer" data-reactid="360"><div class="ant-progress-inner" data-reactid="361"><div class="ant-progress-bg" style="width:100%;height:10px;" data-reactid="362"></div></div></div><span class="ant-progress-text" data-reactid="363"><i class="anticon anticon-check-circle" data-reactid="364"></i></span></div></div><div class="ant-progress ant-progress-line ant-progress-status-normal" data-reactid="365"><div data-reactid="366"><div class="ant-progress-outer" data-reactid="367"><div class="ant-progress-inner" data-reactid="368"><div class="ant-progress-bg" style="width:50%;height:10px;" data-reactid="369"></div></div></div></div></div></div></section><section class="code-box-meta markdown" data-reactid="370"><div class="code-box-title" data-reactid="371"><a href="#components-progress-demo-line" data-reactid="372">进度条</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/progress/demo/line.md" data-reactid="373"><i class="anticon anticon-edit" data-reactid="374"></i></a></div><div data-reactid="375"><p data-reactid="376"><!-- react-text: 377 -->标准的进度条。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="378"></i></section><section class="highlight-wrapper" data-reactid="379"><div class="highlight" data-reactid="380"><i class="anticon anticon-copy code-box-code-copy" data-reactid="381"></i><pre class="language-jsx" data-reactid="382"><code data-reactid="383"><span class="token keyword">import</span> <span class="token punctuation">{</span> Progress <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">></span></span>
diff --git a/components/progress/index.html b/components/progress/index.html
index dff2a1b63..6a3973e9b 100644
--- a/components/progress/index.html
+++ b/components/progress/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1240125489"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="96456755"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Progress bar" data-reactid="293"><a href="#components-progress-demo-line" data-reactid="294">Progress bar</a></li><li title="Circular progress bar" data-reactid="295"><a href="#components-progress-demo-circle" data-reactid="296">Circular progress bar</a></li><li title="Mini size progress bar" data-reactid="297"><a href="#components-progress-demo-line-mini" data-reactid="298">Mini size progress bar</a></li><li title="Mini size circular progress bar" data-reactid="299"><a href="#components-progress-demo-circle-mini" data-reactid="300">Mini size circular progress bar</a></li><li title="Dynamic circular progress bar" data-reactid="301"><a href="#components-progress-demo-circle-dynamic" data-reactid="302">Dynamic circular progress bar</a></li><li title="Dynamic" data-reactid="303"><a href="#components-progress-demo-dynamic" data-reactid="304">Dynamic</a></li><li title="Custom text format" data-reactid="305"><a href="#components-progress-demo-format" data-reactid="306">Custom text format</a></li><li title="Dashboard" data-reactid="307"><a href="#components-progress-demo-dashboard" data-reactid="308">Dashboard</a></li></ul></div></div><section class="markdown" data-reactid="309"><h1 data-reactid="310"><!-- react-text: 311 -->Progress<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/progress/index.en-US.md" data-reactid="312"><i class="anticon anticon-edit" data-reactid="313"></i></a></h1><section class="markdown" data-reactid="314"><p data-reactid="315"><!-- react-text: 316 -->To display the current progress of an operation flow.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="317"><span data-reactid="318"><!-- react-text: 319 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="320">#</a></h2><p data-reactid="321"><!-- react-text: 322 -->If it will take a long time to complete the operation, you can use <!-- /react-text --><code data-reactid="323"><!-- react-text: 324 -->Progress<!-- /react-text --></code><!-- react-text: 325 --> to show the current progress and status.<!-- /react-text --></p><ul data-reactid="326"><li data-reactid="327"><p data-reactid="328"><!-- react-text: 329 -->When an operation will interrupt the current interface, or it needs to run in the background for more than 2 seconds.<!-- /react-text --></p></li><li data-reactid="330"><p data-reactid="331"><!-- react-text: 332 -->When you need to display the completion percentage of an operation.<!-- /react-text --></p></li></ul></section><h2 data-reactid="333"><span data-reactid="334">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="335"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="336"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="337"><section class="code-box" id="components-progress-demo-line" data-reactid="338"><section class="code-box-demo" data-reactid="339"><div data-reactid="340"><div class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info" data-reactid="341"><div data-reactid="342"><div class="ant-progress-outer" data-reactid="343"><div class="ant-progress-inner" data-reactid="344"><div class="ant-progress-bg" style="width:30%;height:10px;" data-reactid="345"></div></div></div><span class="ant-progress-text" data-reactid="346">30%</span></div></div><div class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info" data-reactid="347"><div data-reactid="348"><div class="ant-progress-outer" data-reactid="349"><div class="ant-progress-inner" data-reactid="350"><div class="ant-progress-bg" style="width:50%;height:10px;" data-reactid="351"></div></div></div><span class="ant-progress-text" data-reactid="352">50%</span></div></div><div class="ant-progress ant-progress-line ant-progress-status-exception ant-progress-show-info" data-reactid="353"><div data-reactid="354"><div class="ant-progress-outer" data-reactid="355"><div class="ant-progress-inner" data-reactid="356"><div class="ant-progress-bg" style="width:70%;height:10px;" data-reactid="357"></div></div></div><span class="ant-progress-text" data-reactid="358"><i class="anticon anticon-cross-circle" data-reactid="359"></i></span></div></div><div class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info" data-reactid="360"><div data-reactid="361"><div class="ant-progress-outer" data-reactid="362"><div class="ant-progress-inner" data-reactid="363"><div class="ant-progress-bg" style="width:100%;height:10px;" data-reactid="364"></div></div></div><span class="ant-progress-text" data-reactid="365"><i class="anticon anticon-check-circle" data-reactid="366"></i></span></div></div><div class="ant-progress ant-progress-line ant-progress-status-normal" data-reactid="367"><div data-reactid="368"><div class="ant-progress-outer" data-reactid="369"><div class="ant-progress-inner" data-reactid="370"><div class="ant-progress-bg" style="width:50%;height:10px;" data-reactid="371"></div></div></div></div></div></div></section><section class="code-box-meta markdown" data-reactid="372"><div class="code-box-title" data-reactid="373"><a href="#components-progress-demo-line" data-reactid="374">Progress bar</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/progress/demo/line.md" data-reactid="375"><i class="anticon anticon-edit" data-reactid="376"></i></a></div><div data-reactid="377"><p data-reactid="378"><!-- react-text: 379 -->A standard progress bar.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="380"></i></section><section class="highlight-wrapper" data-reactid="381"><div class="highlight" data-reactid="382"><i class="anticon anticon-copy code-box-code-copy" data-reactid="383"></i><pre class="language-jsx" data-reactid="384"><code data-reactid="385"><span class="token keyword">import</span> <span class="token punctuation">{</span> Progress <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Progress bar" data-reactid="293"><a href="#components-progress-demo-line" data-reactid="294">Progress bar</a></li><li title="Circular progress bar" data-reactid="295"><a href="#components-progress-demo-circle" data-reactid="296">Circular progress bar</a></li><li title="Mini size progress bar" data-reactid="297"><a href="#components-progress-demo-line-mini" data-reactid="298">Mini size progress bar</a></li><li title="Mini size circular progress bar" data-reactid="299"><a href="#components-progress-demo-circle-mini" data-reactid="300">Mini size circular progress bar</a></li><li title="Dynamic circular progress bar" data-reactid="301"><a href="#components-progress-demo-circle-dynamic" data-reactid="302">Dynamic circular progress bar</a></li><li title="Dynamic" data-reactid="303"><a href="#components-progress-demo-dynamic" data-reactid="304">Dynamic</a></li><li title="Custom text format" data-reactid="305"><a href="#components-progress-demo-format" data-reactid="306">Custom text format</a></li><li title="Dashboard" data-reactid="307"><a href="#components-progress-demo-dashboard" data-reactid="308">Dashboard</a></li></ul></div></div><section class="markdown" data-reactid="309"><h1 data-reactid="310"><!-- react-text: 311 -->Progress<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/progress/index.en-US.md" data-reactid="312"><i class="anticon anticon-edit" data-reactid="313"></i></a></h1><section class="markdown" data-reactid="314"><p data-reactid="315"><!-- react-text: 316 -->To display the current progress of an operation flow.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="317"><span data-reactid="318"><!-- react-text: 319 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="320">#</a></h2><p data-reactid="321"><!-- react-text: 322 -->If it will take a long time to complete the operation, you can use <!-- /react-text --><code data-reactid="323"><!-- react-text: 324 -->Progress<!-- /react-text --></code><!-- react-text: 325 --> to show the current progress and status.<!-- /react-text --></p><ul data-reactid="326"><li data-reactid="327"><p data-reactid="328"><!-- react-text: 329 -->When an operation will interrupt the current interface, or it needs to run in the background for more than 2 seconds.<!-- /react-text --></p></li><li data-reactid="330"><p data-reactid="331"><!-- react-text: 332 -->When you need to display the completion percentage of an operation.<!-- /react-text --></p></li></ul></section><h2 data-reactid="333"><span data-reactid="334">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="335"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="336"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="337"><section class="code-box" id="components-progress-demo-line" data-reactid="338"><section class="code-box-demo" data-reactid="339"><div data-reactid="340"><div class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info" data-reactid="341"><div data-reactid="342"><div class="ant-progress-outer" data-reactid="343"><div class="ant-progress-inner" data-reactid="344"><div class="ant-progress-bg" style="width:30%;height:10px;" data-reactid="345"></div></div></div><span class="ant-progress-text" data-reactid="346">30%</span></div></div><div class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info" data-reactid="347"><div data-reactid="348"><div class="ant-progress-outer" data-reactid="349"><div class="ant-progress-inner" data-reactid="350"><div class="ant-progress-bg" style="width:50%;height:10px;" data-reactid="351"></div></div></div><span class="ant-progress-text" data-reactid="352">50%</span></div></div><div class="ant-progress ant-progress-line ant-progress-status-exception ant-progress-show-info" data-reactid="353"><div data-reactid="354"><div class="ant-progress-outer" data-reactid="355"><div class="ant-progress-inner" data-reactid="356"><div class="ant-progress-bg" style="width:70%;height:10px;" data-reactid="357"></div></div></div><span class="ant-progress-text" data-reactid="358"><i class="anticon anticon-cross-circle" data-reactid="359"></i></span></div></div><div class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info" data-reactid="360"><div data-reactid="361"><div class="ant-progress-outer" data-reactid="362"><div class="ant-progress-inner" data-reactid="363"><div class="ant-progress-bg" style="width:100%;height:10px;" data-reactid="364"></div></div></div><span class="ant-progress-text" data-reactid="365"><i class="anticon anticon-check-circle" data-reactid="366"></i></span></div></div><div class="ant-progress ant-progress-line ant-progress-status-normal" data-reactid="367"><div data-reactid="368"><div class="ant-progress-outer" data-reactid="369"><div class="ant-progress-inner" data-reactid="370"><div class="ant-progress-bg" style="width:50%;height:10px;" data-reactid="371"></div></div></div></div></div></div></section><section class="code-box-meta markdown" data-reactid="372"><div class="code-box-title" data-reactid="373"><a href="#components-progress-demo-line" data-reactid="374">Progress bar</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/progress/demo/line.md" data-reactid="375"><i class="anticon anticon-edit" data-reactid="376"></i></a></div><div data-reactid="377"><p data-reactid="378"><!-- react-text: 379 -->A standard progress bar.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="380"></i></section><section class="highlight-wrapper" data-reactid="381"><div class="highlight" data-reactid="382"><i class="anticon anticon-copy code-box-code-copy" data-reactid="383"></i><pre class="language-jsx" data-reactid="384"><code data-reactid="385"><span class="token keyword">import</span> <span class="token punctuation">{</span> Progress <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">></span></span>
diff --git a/components/radio-cn/index.html b/components/radio-cn/index.html
index 27f23ef2c..3c784620f 100644
--- a/components/radio-cn/index.html
+++ b/components/radio-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1929032994"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-156218656"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-radio-demo-basic" data-reactid="294">基本</a></li><li title="不可用" data-reactid="295"><a href="#components-radio-demo-disable" data-reactid="296">不可用</a></li><li title="单选组合" data-reactid="297"><a href="#components-radio-demo-radiogroup" data-reactid="298">单选组合</a></li><li title="RadioGroup 垂直" data-reactid="299"><a href="#components-radio-demo-radiogroup-more" data-reactid="300">RadioGroup 垂直</a></li><li title="RadioGroup 组合 - 配置方式" data-reactid="301"><a href="#components-radio-demo-radiogroup-options" data-reactid="302">RadioGroup 组合 - 配置方式</a></li><li title="按钮样式" data-reactid="303"><a href="#components-radio-demo-radiobutton" data-reactid="304">按钮样式</a></li><li title="大小" data-reactid="305"><a href="#components-radio-demo-size" data-reactid="306">大小</a></li></ul></div></div><section class="markdown" data-reactid="307"><h1 data-reactid="308"><!-- react-text: 309 -->Radio<!-- /react-text --><span class="subtitle" data-reactid="310">单选框</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/radio/index.zh-CN.md" data-reactid="311"><i class="anticon anticon-edit" data-reactid="312"></i></a></h1><section class="markdown" data-reactid="313"><p data-reactid="314"><!-- react-text: 315 -->单选框。<!-- /react-text --></p><h2 id="何时使用" data-reactid="316"><span data-reactid="317"><!-- react-text: 318 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="319">#</a></h2><ul data-reactid="320"><li data-reactid="321"><p data-reactid="322"><!-- react-text: 323 -->用于在多个备选项中选中单个状态。<!-- /react-text --></p></li><li data-reactid="324"><p data-reactid="325"><!-- react-text: 326 -->和 Select 的区别是，Radio 所有选项默认可见，方便用户在比较中选择，因此选项不宜过多。<!-- /react-text --></p></li></ul></section><h2 data-reactid="327"><span data-reactid="328">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="329"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="330"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="331"><section class="code-box" id="components-radio-demo-basic" data-reactid="332"><section class="code-box-demo" data-reactid="333"><label class="ant-radio-wrapper" data-reactid="334"><span class="ant-radio" data-reactid="335"><input type="radio" class="ant-radio-input" data-reactid="336"/><span class="ant-radio-inner" data-reactid="337"></span></span><span data-reactid="338">Radio</span></label></section><section class="code-box-meta markdown" data-reactid="339"><div class="code-box-title" data-reactid="340"><a href="#components-radio-demo-basic" data-reactid="341">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/radio/demo/basic.md" data-reactid="342"><i class="anticon anticon-edit" data-reactid="343"></i></a></div><div data-reactid="344"><p data-reactid="345"><!-- react-text: 346 -->最简单的用法。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="347"></i></section><section class="highlight-wrapper" data-reactid="348"><div class="highlight" data-reactid="349"><i class="anticon anticon-copy code-box-code-copy" data-reactid="350"></i><pre class="language-jsx" data-reactid="351"><code data-reactid="352"><span class="token keyword">import</span> <span class="token punctuation">{</span> Radio <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-radio-demo-basic" data-reactid="294">基本</a></li><li title="不可用" data-reactid="295"><a href="#components-radio-demo-disable" data-reactid="296">不可用</a></li><li title="单选组合" data-reactid="297"><a href="#components-radio-demo-radiogroup" data-reactid="298">单选组合</a></li><li title="RadioGroup 垂直" data-reactid="299"><a href="#components-radio-demo-radiogroup-more" data-reactid="300">RadioGroup 垂直</a></li><li title="RadioGroup 组合 - 配置方式" data-reactid="301"><a href="#components-radio-demo-radiogroup-options" data-reactid="302">RadioGroup 组合 - 配置方式</a></li><li title="按钮样式" data-reactid="303"><a href="#components-radio-demo-radiobutton" data-reactid="304">按钮样式</a></li><li title="大小" data-reactid="305"><a href="#components-radio-demo-size" data-reactid="306">大小</a></li></ul></div></div><section class="markdown" data-reactid="307"><h1 data-reactid="308"><!-- react-text: 309 -->Radio<!-- /react-text --><span class="subtitle" data-reactid="310">单选框</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/radio/index.zh-CN.md" data-reactid="311"><i class="anticon anticon-edit" data-reactid="312"></i></a></h1><section class="markdown" data-reactid="313"><p data-reactid="314"><!-- react-text: 315 -->单选框。<!-- /react-text --></p><h2 id="何时使用" data-reactid="316"><span data-reactid="317"><!-- react-text: 318 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="319">#</a></h2><ul data-reactid="320"><li data-reactid="321"><p data-reactid="322"><!-- react-text: 323 -->用于在多个备选项中选中单个状态。<!-- /react-text --></p></li><li data-reactid="324"><p data-reactid="325"><!-- react-text: 326 -->和 Select 的区别是，Radio 所有选项默认可见，方便用户在比较中选择，因此选项不宜过多。<!-- /react-text --></p></li></ul></section><h2 data-reactid="327"><span data-reactid="328">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="329"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="330"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="331"><section class="code-box" id="components-radio-demo-basic" data-reactid="332"><section class="code-box-demo" data-reactid="333"><label class="ant-radio-wrapper" data-reactid="334"><span class="ant-radio" data-reactid="335"><input type="radio" class="ant-radio-input" data-reactid="336"/><span class="ant-radio-inner" data-reactid="337"></span></span><span data-reactid="338">Radio</span></label></section><section class="code-box-meta markdown" data-reactid="339"><div class="code-box-title" data-reactid="340"><a href="#components-radio-demo-basic" data-reactid="341">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/radio/demo/basic.md" data-reactid="342"><i class="anticon anticon-edit" data-reactid="343"></i></a></div><div data-reactid="344"><p data-reactid="345"><!-- react-text: 346 -->最简单的用法。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="347"></i></section><section class="highlight-wrapper" data-reactid="348"><div class="highlight" data-reactid="349"><i class="anticon anticon-copy code-box-code-copy" data-reactid="350"></i><pre class="language-jsx" data-reactid="351"><code data-reactid="352"><span class="token keyword">import</span> <span class="token punctuation">{</span> Radio <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Radio</span><span class="token punctuation">></span></span>Radio<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Radio</span><span class="token punctuation">></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-radio-demo-radiogroup" data-reactid="353"><section class="code-box-demo" data-reactid="354"><div class="ant-radio-group" data-reactid="355"><label class="ant-radio-wrapper ant-radio-wrapper-checked" data-reactid="356"><span class="ant-radio ant-radio-checked" data-reactid="357"><input type="radio" class="ant-radio-input" checked="" data-reactid="358"/><span class="ant-radio-inner" data-reactid="359"></span></span><span data-reactid="360">A</span></label><label class="ant-radio-wrapper" data-reactid="361"><span class="ant-radio" data-reactid="362"><input type="radio" class="ant-radio-input" data-reactid="363"/><span class="ant-radio-inner" data-reactid="364"></span></span><span data-reactid="365">B</span></label><label class="ant-radio-wrapper" data-reactid="366"><span class="ant-radio" data-reactid="367"><input type="radio" class="ant-radio-input" data-reactid="368"/><span class="ant-radio-inner" data-reactid="369"></span></span><span data-reactid="370">C</span></label><label class="ant-radio-wrapper" data-reactid="371"><span class="ant-radio" data-reactid="372"><input type="radio" class="ant-radio-input" data-reactid="373"/><span class="ant-radio-inner" data-reactid="374"></span></span><span data-reactid="375">D</span></label></div></section><section class="code-box-meta markdown" data-reactid="376"><div class="code-box-title" data-reactid="377"><a href="#components-radio-demo-radiogroup" data-reactid="378">单选组合</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/radio/demo/radiogroup.md" data-reactid="379"><i class="anticon anticon-edit" data-reactid="380"></i></a></div><div data-reactid="381"><p data-reactid="382"><!-- react-text: 383 -->一组互斥的 Radio 配合使用。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="384"></i></section><section class="highlight-wrapper" data-reactid="385"><div class="highlight" data-reactid="386"><i class="anticon anticon-copy code-box-code-copy" data-reactid="387"></i><pre class="language-jsx" data-reactid="388"><code data-reactid="389"><span class="token keyword">import</span> <span class="token punctuation">{</span> Radio <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> RadioGroup <span class="token operator">=</span> Radio<span class="token punctuation">.</span>Group<span class="token punctuation">;</span>
diff --git a/components/radio/index.html b/components/radio/index.html
index ca68c5935..a9adbbc1e 100644
--- a/components/radio/index.html
+++ b/components/radio/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1566464154"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="299345768"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-radio-demo-basic" data-reactid="294">Basic</a></li><li title="disabled" data-reactid="295"><a href="#components-radio-demo-disable" data-reactid="296">disabled</a></li><li title="Radio Group" data-reactid="297"><a href="#components-radio-demo-radiogroup" data-reactid="298">Radio Group</a></li><li title="Vertical RadioGroup" data-reactid="299"><a href="#components-radio-demo-radiogroup-more" data-reactid="300">Vertical RadioGroup</a></li><li title="RadioGroup group - optional" data-reactid="301"><a href="#components-radio-demo-radiogroup-options" data-reactid="302">RadioGroup group - optional</a></li><li title="radio style" data-reactid="303"><a href="#components-radio-demo-radiobutton" data-reactid="304">radio style</a></li><li title="Size" data-reactid="305"><a href="#components-radio-demo-size" data-reactid="306">Size</a></li></ul></div></div><section class="markdown" data-reactid="307"><h1 data-reactid="308"><!-- react-text: 309 -->Radio<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/radio/index.en-US.md" data-reactid="310"><i class="anticon anticon-edit" data-reactid="311"></i></a></h1><section class="markdown" data-reactid="312"><p data-reactid="313"><!-- react-text: 314 -->Radio.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="315"><span data-reactid="316"><!-- react-text: 317 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="318">#</a></h2><ul data-reactid="319"><li data-reactid="320"><p data-reactid="321"><!-- react-text: 322 -->Used to select a single state in multiple options.<!-- /react-text --></p></li><li data-reactid="323"><p data-reactid="324"><!-- react-text: 325 -->The difference between Select is that Radio is visible to user and can facilitate the comparison of choice. So, when you want to use Radio, option should not be too much.<!-- /react-text --></p></li></ul></section><h2 data-reactid="326"><span data-reactid="327">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="328"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="329"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="330"><section class="code-box" id="components-radio-demo-basic" data-reactid="331"><section class="code-box-demo" data-reactid="332"><label class="ant-radio-wrapper" data-reactid="333"><span class="ant-radio" data-reactid="334"><input type="radio" class="ant-radio-input" data-reactid="335"/><span class="ant-radio-inner" data-reactid="336"></span></span><span data-reactid="337">Radio</span></label></section><section class="code-box-meta markdown" data-reactid="338"><div class="code-box-title" data-reactid="339"><a href="#components-radio-demo-basic" data-reactid="340">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/radio/demo/basic.md" data-reactid="341"><i class="anticon anticon-edit" data-reactid="342"></i></a></div><div data-reactid="343"><p data-reactid="344"><!-- react-text: 345 -->The simplest use.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="346"></i></section><section class="highlight-wrapper" data-reactid="347"><div class="highlight" data-reactid="348"><i class="anticon anticon-copy code-box-code-copy" data-reactid="349"></i><pre class="language-jsx" data-reactid="350"><code data-reactid="351"><span class="token keyword">import</span> <span class="token punctuation">{</span> Radio <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-radio-demo-basic" data-reactid="294">Basic</a></li><li title="disabled" data-reactid="295"><a href="#components-radio-demo-disable" data-reactid="296">disabled</a></li><li title="Radio Group" data-reactid="297"><a href="#components-radio-demo-radiogroup" data-reactid="298">Radio Group</a></li><li title="Vertical RadioGroup" data-reactid="299"><a href="#components-radio-demo-radiogroup-more" data-reactid="300">Vertical RadioGroup</a></li><li title="RadioGroup group - optional" data-reactid="301"><a href="#components-radio-demo-radiogroup-options" data-reactid="302">RadioGroup group - optional</a></li><li title="radio style" data-reactid="303"><a href="#components-radio-demo-radiobutton" data-reactid="304">radio style</a></li><li title="Size" data-reactid="305"><a href="#components-radio-demo-size" data-reactid="306">Size</a></li></ul></div></div><section class="markdown" data-reactid="307"><h1 data-reactid="308"><!-- react-text: 309 -->Radio<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/radio/index.en-US.md" data-reactid="310"><i class="anticon anticon-edit" data-reactid="311"></i></a></h1><section class="markdown" data-reactid="312"><p data-reactid="313"><!-- react-text: 314 -->Radio.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="315"><span data-reactid="316"><!-- react-text: 317 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="318">#</a></h2><ul data-reactid="319"><li data-reactid="320"><p data-reactid="321"><!-- react-text: 322 -->Used to select a single state in multiple options.<!-- /react-text --></p></li><li data-reactid="323"><p data-reactid="324"><!-- react-text: 325 -->The difference between Select is that Radio is visible to user and can facilitate the comparison of choice. So, when you want to use Radio, option should not be too much.<!-- /react-text --></p></li></ul></section><h2 data-reactid="326"><span data-reactid="327">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="328"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="329"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="330"><section class="code-box" id="components-radio-demo-basic" data-reactid="331"><section class="code-box-demo" data-reactid="332"><label class="ant-radio-wrapper" data-reactid="333"><span class="ant-radio" data-reactid="334"><input type="radio" class="ant-radio-input" data-reactid="335"/><span class="ant-radio-inner" data-reactid="336"></span></span><span data-reactid="337">Radio</span></label></section><section class="code-box-meta markdown" data-reactid="338"><div class="code-box-title" data-reactid="339"><a href="#components-radio-demo-basic" data-reactid="340">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/radio/demo/basic.md" data-reactid="341"><i class="anticon anticon-edit" data-reactid="342"></i></a></div><div data-reactid="343"><p data-reactid="344"><!-- react-text: 345 -->The simplest use.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="346"></i></section><section class="highlight-wrapper" data-reactid="347"><div class="highlight" data-reactid="348"><i class="anticon anticon-copy code-box-code-copy" data-reactid="349"></i><pre class="language-jsx" data-reactid="350"><code data-reactid="351"><span class="token keyword">import</span> <span class="token punctuation">{</span> Radio <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Radio</span><span class="token punctuation">></span></span>Radio<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Radio</span><span class="token punctuation">></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-radio-demo-radiogroup" data-reactid="352"><section class="code-box-demo" data-reactid="353"><div class="ant-radio-group" data-reactid="354"><label class="ant-radio-wrapper ant-radio-wrapper-checked" data-reactid="355"><span class="ant-radio ant-radio-checked" data-reactid="356"><input type="radio" class="ant-radio-input" checked="" data-reactid="357"/><span class="ant-radio-inner" data-reactid="358"></span></span><span data-reactid="359">A</span></label><label class="ant-radio-wrapper" data-reactid="360"><span class="ant-radio" data-reactid="361"><input type="radio" class="ant-radio-input" data-reactid="362"/><span class="ant-radio-inner" data-reactid="363"></span></span><span data-reactid="364">B</span></label><label class="ant-radio-wrapper" data-reactid="365"><span class="ant-radio" data-reactid="366"><input type="radio" class="ant-radio-input" data-reactid="367"/><span class="ant-radio-inner" data-reactid="368"></span></span><span data-reactid="369">C</span></label><label class="ant-radio-wrapper" data-reactid="370"><span class="ant-radio" data-reactid="371"><input type="radio" class="ant-radio-input" data-reactid="372"/><span class="ant-radio-inner" data-reactid="373"></span></span><span data-reactid="374">D</span></label></div></section><section class="code-box-meta markdown" data-reactid="375"><div class="code-box-title" data-reactid="376"><a href="#components-radio-demo-radiogroup" data-reactid="377">Radio Group</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/radio/demo/radiogroup.md" data-reactid="378"><i class="anticon anticon-edit" data-reactid="379"></i></a></div><div data-reactid="380"><p data-reactid="381"><!-- react-text: 382 -->A group of radio components.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="383"></i></section><section class="highlight-wrapper" data-reactid="384"><div class="highlight" data-reactid="385"><i class="anticon anticon-copy code-box-code-copy" data-reactid="386"></i><pre class="language-jsx" data-reactid="387"><code data-reactid="388"><span class="token keyword">import</span> <span class="token punctuation">{</span> Radio <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> RadioGroup <span class="token operator">=</span> Radio<span class="token punctuation">.</span>Group<span class="token punctuation">;</span>
diff --git a/components/rate-cn/index.html b/components/rate-cn/index.html
index 339b9eb61..3d12e70cd 100644
--- a/components/rate-cn/index.html
+++ b/components/rate-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1490226479"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1336865491"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-rate-demo-basic" data-reactid="294">基本</a></li><li title="半星" data-reactid="295"><a href="#components-rate-demo-half" data-reactid="296">半星</a></li><li title="文案展现" data-reactid="297"><a href="#components-rate-demo-text" data-reactid="298">文案展现</a></li><li title="只读" data-reactid="299"><a href="#components-rate-demo-disabled" data-reactid="300">只读</a></li><li title="其他字符" data-reactid="301"><a href="#components-rate-demo-character" data-reactid="302">其他字符</a></li></ul></div></div><section class="markdown" data-reactid="303"><h1 data-reactid="304"><!-- react-text: 305 -->Rate<!-- /react-text --><span class="subtitle" data-reactid="306">评分</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/rate/index.zh-CN.md" data-reactid="307"><i class="anticon anticon-edit" data-reactid="308"></i></a></h1><section class="markdown" data-reactid="309"><p data-reactid="310"><!-- react-text: 311 -->评分组件。<!-- /react-text --></p><h2 id="何时使用" data-reactid="312"><span data-reactid="313"><!-- react-text: 314 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="315">#</a></h2><ul data-reactid="316"><li data-reactid="317"><p data-reactid="318"><!-- react-text: 319 -->对评价进行展示。<!-- /react-text --></p></li><li data-reactid="320"><p data-reactid="321"><!-- react-text: 322 -->对事物进行快速的评级操作。<!-- /react-text --></p></li></ul></section><h2 data-reactid="323"><span data-reactid="324">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="325"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="326"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="327"><section class="code-box" id="components-rate-demo-basic" data-reactid="328"><section class="code-box-demo" data-reactid="329"><ul class="ant-rate" data-reactid="330"><li class="ant-rate-star ant-rate-star-zero" data-reactid="331"><div class="ant-rate-star-first" data-reactid="332"><i class="anticon anticon-star" data-reactid="333"></i></div><div class="ant-rate-star-second" data-reactid="334"><i class="anticon anticon-star" data-reactid="335"></i></div></li><li class="ant-rate-star ant-rate-star-zero" data-reactid="336"><div class="ant-rate-star-first" data-reactid="337"><i class="anticon anticon-star" data-reactid="338"></i></div><div class="ant-rate-star-second" data-reactid="339"><i class="anticon anticon-star" data-reactid="340"></i></div></li><li class="ant-rate-star ant-rate-star-zero" data-reactid="341"><div class="ant-rate-star-first" data-reactid="342"><i class="anticon anticon-star" data-reactid="343"></i></div><div class="ant-rate-star-second" data-reactid="344"><i class="anticon anticon-star" data-reactid="345"></i></div></li><li class="ant-rate-star ant-rate-star-zero" data-reactid="346"><div class="ant-rate-star-first" data-reactid="347"><i class="anticon anticon-star" data-reactid="348"></i></div><div class="ant-rate-star-second" data-reactid="349"><i class="anticon anticon-star" data-reactid="350"></i></div></li><li class="ant-rate-star ant-rate-star-zero" data-reactid="351"><div class="ant-rate-star-first" data-reactid="352"><i class="anticon anticon-star" data-reactid="353"></i></div><div class="ant-rate-star-second" data-reactid="354"><i class="anticon anticon-star" data-reactid="355"></i></div></li></ul></section><section class="code-box-meta markdown" data-reactid="356"><div class="code-box-title" data-reactid="357"><a href="#components-rate-demo-basic" data-reactid="358">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/rate/demo/basic.md" data-reactid="359"><i class="anticon anticon-edit" data-reactid="360"></i></a></div><div data-reactid="361"><p data-reactid="362"><!-- react-text: 363 -->最简单的用法。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="364"></i></section><section class="highlight-wrapper" data-reactid="365"><div class="highlight" data-reactid="366"><i class="anticon anticon-copy code-box-code-copy" data-reactid="367"></i><pre class="language-jsx" data-reactid="368"><code data-reactid="369"><span class="token keyword">import</span> <span class="token punctuation">{</span> Rate <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-rate-demo-basic" data-reactid="294">基本</a></li><li title="半星" data-reactid="295"><a href="#components-rate-demo-half" data-reactid="296">半星</a></li><li title="文案展现" data-reactid="297"><a href="#components-rate-demo-text" data-reactid="298">文案展现</a></li><li title="只读" data-reactid="299"><a href="#components-rate-demo-disabled" data-reactid="300">只读</a></li><li title="其他字符" data-reactid="301"><a href="#components-rate-demo-character" data-reactid="302">其他字符</a></li></ul></div></div><section class="markdown" data-reactid="303"><h1 data-reactid="304"><!-- react-text: 305 -->Rate<!-- /react-text --><span class="subtitle" data-reactid="306">评分</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/rate/index.zh-CN.md" data-reactid="307"><i class="anticon anticon-edit" data-reactid="308"></i></a></h1><section class="markdown" data-reactid="309"><p data-reactid="310"><!-- react-text: 311 -->评分组件。<!-- /react-text --></p><h2 id="何时使用" data-reactid="312"><span data-reactid="313"><!-- react-text: 314 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="315">#</a></h2><ul data-reactid="316"><li data-reactid="317"><p data-reactid="318"><!-- react-text: 319 -->对评价进行展示。<!-- /react-text --></p></li><li data-reactid="320"><p data-reactid="321"><!-- react-text: 322 -->对事物进行快速的评级操作。<!-- /react-text --></p></li></ul></section><h2 data-reactid="323"><span data-reactid="324">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="325"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="326"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="327"><section class="code-box" id="components-rate-demo-basic" data-reactid="328"><section class="code-box-demo" data-reactid="329"><ul class="ant-rate" data-reactid="330"><li class="ant-rate-star ant-rate-star-zero" data-reactid="331"><div class="ant-rate-star-first" data-reactid="332"><i class="anticon anticon-star" data-reactid="333"></i></div><div class="ant-rate-star-second" data-reactid="334"><i class="anticon anticon-star" data-reactid="335"></i></div></li><li class="ant-rate-star ant-rate-star-zero" data-reactid="336"><div class="ant-rate-star-first" data-reactid="337"><i class="anticon anticon-star" data-reactid="338"></i></div><div class="ant-rate-star-second" data-reactid="339"><i class="anticon anticon-star" data-reactid="340"></i></div></li><li class="ant-rate-star ant-rate-star-zero" data-reactid="341"><div class="ant-rate-star-first" data-reactid="342"><i class="anticon anticon-star" data-reactid="343"></i></div><div class="ant-rate-star-second" data-reactid="344"><i class="anticon anticon-star" data-reactid="345"></i></div></li><li class="ant-rate-star ant-rate-star-zero" data-reactid="346"><div class="ant-rate-star-first" data-reactid="347"><i class="anticon anticon-star" data-reactid="348"></i></div><div class="ant-rate-star-second" data-reactid="349"><i class="anticon anticon-star" data-reactid="350"></i></div></li><li class="ant-rate-star ant-rate-star-zero" data-reactid="351"><div class="ant-rate-star-first" data-reactid="352"><i class="anticon anticon-star" data-reactid="353"></i></div><div class="ant-rate-star-second" data-reactid="354"><i class="anticon anticon-star" data-reactid="355"></i></div></li></ul></section><section class="code-box-meta markdown" data-reactid="356"><div class="code-box-title" data-reactid="357"><a href="#components-rate-demo-basic" data-reactid="358">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/rate/demo/basic.md" data-reactid="359"><i class="anticon anticon-edit" data-reactid="360"></i></a></div><div data-reactid="361"><p data-reactid="362"><!-- react-text: 363 -->最简单的用法。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="364"></i></section><section class="highlight-wrapper" data-reactid="365"><div class="highlight" data-reactid="366"><i class="anticon anticon-copy code-box-code-copy" data-reactid="367"></i><pre class="language-jsx" data-reactid="368"><code data-reactid="369"><span class="token keyword">import</span> <span class="token punctuation">{</span> Rate <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Rate</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-rate-demo-text" data-reactid="370"><section class="code-box-demo" data-reactid="371"><span data-reactid="372"><ul class="ant-rate" data-reactid="373"><li class="ant-rate-star ant-rate-star-full" data-reactid="374"><div class="ant-rate-star-first" data-reactid="375"><i class="anticon anticon-star" data-reactid="376"></i></div><div class="ant-rate-star-second" data-reactid="377"><i class="anticon anticon-star" data-reactid="378"></i></div></li><li class="ant-rate-star ant-rate-star-full" data-reactid="379"><div class="ant-rate-star-first" data-reactid="380"><i class="anticon anticon-star" data-reactid="381"></i></div><div class="ant-rate-star-second" data-reactid="382"><i class="anticon anticon-star" data-reactid="383"></i></div></li><li class="ant-rate-star ant-rate-star-full" data-reactid="384"><div class="ant-rate-star-first" data-reactid="385"><i class="anticon anticon-star" data-reactid="386"></i></div><div class="ant-rate-star-second" data-reactid="387"><i class="anticon anticon-star" data-reactid="388"></i></div></li><li class="ant-rate-star ant-rate-star-zero" data-reactid="389"><div class="ant-rate-star-first" data-reactid="390"><i class="anticon anticon-star" data-reactid="391"></i></div><div class="ant-rate-star-second" data-reactid="392"><i class="anticon anticon-star" data-reactid="393"></i></div></li><li class="ant-rate-star ant-rate-star-zero" data-reactid="394"><div class="ant-rate-star-first" data-reactid="395"><i class="anticon anticon-star" data-reactid="396"></i></div><div class="ant-rate-star-second" data-reactid="397"><i class="anticon anticon-star" data-reactid="398"></i></div></li></ul><span class="ant-rate-text" data-reactid="399"><!-- react-text: 400 -->3<!-- /react-text --><!-- react-text: 401 --> stars<!-- /react-text --></span></span></section><section class="code-box-meta markdown" data-reactid="402"><div class="code-box-title" data-reactid="403"><a href="#components-rate-demo-text" data-reactid="404">文案展现</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/rate/demo/text.md" data-reactid="405"><i class="anticon anticon-edit" data-reactid="406"></i></a></div><div data-reactid="407"><p data-reactid="408"><!-- react-text: 409 -->给评分组件加上文案展示。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="410"></i></section><section class="highlight-wrapper" data-reactid="411"><div class="highlight" data-reactid="412"><i class="anticon anticon-copy code-box-code-copy" data-reactid="413"></i><pre class="language-jsx" data-reactid="414"><code data-reactid="415"><span class="token keyword">import</span> <span class="token punctuation">{</span> Rate <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
diff --git a/components/rate/index.html b/components/rate/index.html
index 0fb1d677d..fb497c4e2 100644
--- a/components/rate/index.html
+++ b/components/rate/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-879778120"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1994237626"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-rate-demo-basic" data-reactid="294">Basic</a></li><li title="Half star" data-reactid="295"><a href="#components-rate-demo-half" data-reactid="296">Half star</a></li><li title="Show copywriting" data-reactid="297"><a href="#components-rate-demo-text" data-reactid="298">Show copywriting</a></li><li title="Read only" data-reactid="299"><a href="#components-rate-demo-disabled" data-reactid="300">Read only</a></li><li title="Other Character" data-reactid="301"><a href="#components-rate-demo-character" data-reactid="302">Other Character</a></li></ul></div></div><section class="markdown" data-reactid="303"><h1 data-reactid="304"><!-- react-text: 305 -->Rate<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/rate/index.en-US.md" data-reactid="306"><i class="anticon anticon-edit" data-reactid="307"></i></a></h1><section class="markdown" data-reactid="308"><p data-reactid="309"><!-- react-text: 310 -->Rate component.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="311"><span data-reactid="312"><!-- react-text: 313 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="314">#</a></h2><ul data-reactid="315"><li data-reactid="316"><p data-reactid="317"><!-- react-text: 318 -->Show evaluation.<!-- /react-text --></p></li><li data-reactid="319"><p data-reactid="320"><!-- react-text: 321 -->A quick rating operation on something.<!-- /react-text --></p></li></ul></section><h2 data-reactid="322"><span data-reactid="323">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="324"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="325"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="326"><section class="code-box" id="components-rate-demo-basic" data-reactid="327"><section class="code-box-demo" data-reactid="328"><ul class="ant-rate" data-reactid="329"><li class="ant-rate-star ant-rate-star-zero" data-reactid="330"><div class="ant-rate-star-first" data-reactid="331"><i class="anticon anticon-star" data-reactid="332"></i></div><div class="ant-rate-star-second" data-reactid="333"><i class="anticon anticon-star" data-reactid="334"></i></div></li><li class="ant-rate-star ant-rate-star-zero" data-reactid="335"><div class="ant-rate-star-first" data-reactid="336"><i class="anticon anticon-star" data-reactid="337"></i></div><div class="ant-rate-star-second" data-reactid="338"><i class="anticon anticon-star" data-reactid="339"></i></div></li><li class="ant-rate-star ant-rate-star-zero" data-reactid="340"><div class="ant-rate-star-first" data-reactid="341"><i class="anticon anticon-star" data-reactid="342"></i></div><div class="ant-rate-star-second" data-reactid="343"><i class="anticon anticon-star" data-reactid="344"></i></div></li><li class="ant-rate-star ant-rate-star-zero" data-reactid="345"><div class="ant-rate-star-first" data-reactid="346"><i class="anticon anticon-star" data-reactid="347"></i></div><div class="ant-rate-star-second" data-reactid="348"><i class="anticon anticon-star" data-reactid="349"></i></div></li><li class="ant-rate-star ant-rate-star-zero" data-reactid="350"><div class="ant-rate-star-first" data-reactid="351"><i class="anticon anticon-star" data-reactid="352"></i></div><div class="ant-rate-star-second" data-reactid="353"><i class="anticon anticon-star" data-reactid="354"></i></div></li></ul></section><section class="code-box-meta markdown" data-reactid="355"><div class="code-box-title" data-reactid="356"><a href="#components-rate-demo-basic" data-reactid="357">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/rate/demo/basic.md" data-reactid="358"><i class="anticon anticon-edit" data-reactid="359"></i></a></div><div data-reactid="360"><p data-reactid="361"><!-- react-text: 362 -->The simplest usage.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="363"></i></section><section class="highlight-wrapper" data-reactid="364"><div class="highlight" data-reactid="365"><i class="anticon anticon-copy code-box-code-copy" data-reactid="366"></i><pre class="language-jsx" data-reactid="367"><code data-reactid="368"><span class="token keyword">import</span> <span class="token punctuation">{</span> Rate <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-rate-demo-basic" data-reactid="294">Basic</a></li><li title="Half star" data-reactid="295"><a href="#components-rate-demo-half" data-reactid="296">Half star</a></li><li title="Show copywriting" data-reactid="297"><a href="#components-rate-demo-text" data-reactid="298">Show copywriting</a></li><li title="Read only" data-reactid="299"><a href="#components-rate-demo-disabled" data-reactid="300">Read only</a></li><li title="Other Character" data-reactid="301"><a href="#components-rate-demo-character" data-reactid="302">Other Character</a></li></ul></div></div><section class="markdown" data-reactid="303"><h1 data-reactid="304"><!-- react-text: 305 -->Rate<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/rate/index.en-US.md" data-reactid="306"><i class="anticon anticon-edit" data-reactid="307"></i></a></h1><section class="markdown" data-reactid="308"><p data-reactid="309"><!-- react-text: 310 -->Rate component.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="311"><span data-reactid="312"><!-- react-text: 313 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="314">#</a></h2><ul data-reactid="315"><li data-reactid="316"><p data-reactid="317"><!-- react-text: 318 -->Show evaluation.<!-- /react-text --></p></li><li data-reactid="319"><p data-reactid="320"><!-- react-text: 321 -->A quick rating operation on something.<!-- /react-text --></p></li></ul></section><h2 data-reactid="322"><span data-reactid="323">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="324"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="325"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="326"><section class="code-box" id="components-rate-demo-basic" data-reactid="327"><section class="code-box-demo" data-reactid="328"><ul class="ant-rate" data-reactid="329"><li class="ant-rate-star ant-rate-star-zero" data-reactid="330"><div class="ant-rate-star-first" data-reactid="331"><i class="anticon anticon-star" data-reactid="332"></i></div><div class="ant-rate-star-second" data-reactid="333"><i class="anticon anticon-star" data-reactid="334"></i></div></li><li class="ant-rate-star ant-rate-star-zero" data-reactid="335"><div class="ant-rate-star-first" data-reactid="336"><i class="anticon anticon-star" data-reactid="337"></i></div><div class="ant-rate-star-second" data-reactid="338"><i class="anticon anticon-star" data-reactid="339"></i></div></li><li class="ant-rate-star ant-rate-star-zero" data-reactid="340"><div class="ant-rate-star-first" data-reactid="341"><i class="anticon anticon-star" data-reactid="342"></i></div><div class="ant-rate-star-second" data-reactid="343"><i class="anticon anticon-star" data-reactid="344"></i></div></li><li class="ant-rate-star ant-rate-star-zero" data-reactid="345"><div class="ant-rate-star-first" data-reactid="346"><i class="anticon anticon-star" data-reactid="347"></i></div><div class="ant-rate-star-second" data-reactid="348"><i class="anticon anticon-star" data-reactid="349"></i></div></li><li class="ant-rate-star ant-rate-star-zero" data-reactid="350"><div class="ant-rate-star-first" data-reactid="351"><i class="anticon anticon-star" data-reactid="352"></i></div><div class="ant-rate-star-second" data-reactid="353"><i class="anticon anticon-star" data-reactid="354"></i></div></li></ul></section><section class="code-box-meta markdown" data-reactid="355"><div class="code-box-title" data-reactid="356"><a href="#components-rate-demo-basic" data-reactid="357">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/rate/demo/basic.md" data-reactid="358"><i class="anticon anticon-edit" data-reactid="359"></i></a></div><div data-reactid="360"><p data-reactid="361"><!-- react-text: 362 -->The simplest usage.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="363"></i></section><section class="highlight-wrapper" data-reactid="364"><div class="highlight" data-reactid="365"><i class="anticon anticon-copy code-box-code-copy" data-reactid="366"></i><pre class="language-jsx" data-reactid="367"><code data-reactid="368"><span class="token keyword">import</span> <span class="token punctuation">{</span> Rate <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Rate</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-rate-demo-text" data-reactid="369"><section class="code-box-demo" data-reactid="370"><span data-reactid="371"><ul class="ant-rate" data-reactid="372"><li class="ant-rate-star ant-rate-star-full" data-reactid="373"><div class="ant-rate-star-first" data-reactid="374"><i class="anticon anticon-star" data-reactid="375"></i></div><div class="ant-rate-star-second" data-reactid="376"><i class="anticon anticon-star" data-reactid="377"></i></div></li><li class="ant-rate-star ant-rate-star-full" data-reactid="378"><div class="ant-rate-star-first" data-reactid="379"><i class="anticon anticon-star" data-reactid="380"></i></div><div class="ant-rate-star-second" data-reactid="381"><i class="anticon anticon-star" data-reactid="382"></i></div></li><li class="ant-rate-star ant-rate-star-full" data-reactid="383"><div class="ant-rate-star-first" data-reactid="384"><i class="anticon anticon-star" data-reactid="385"></i></div><div class="ant-rate-star-second" data-reactid="386"><i class="anticon anticon-star" data-reactid="387"></i></div></li><li class="ant-rate-star ant-rate-star-zero" data-reactid="388"><div class="ant-rate-star-first" data-reactid="389"><i class="anticon anticon-star" data-reactid="390"></i></div><div class="ant-rate-star-second" data-reactid="391"><i class="anticon anticon-star" data-reactid="392"></i></div></li><li class="ant-rate-star ant-rate-star-zero" data-reactid="393"><div class="ant-rate-star-first" data-reactid="394"><i class="anticon anticon-star" data-reactid="395"></i></div><div class="ant-rate-star-second" data-reactid="396"><i class="anticon anticon-star" data-reactid="397"></i></div></li></ul><span class="ant-rate-text" data-reactid="398"><!-- react-text: 399 -->3<!-- /react-text --><!-- react-text: 400 --> stars<!-- /react-text --></span></span></section><section class="code-box-meta markdown" data-reactid="401"><div class="code-box-title" data-reactid="402"><a href="#components-rate-demo-text" data-reactid="403">Show copywriting</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/rate/demo/text.md" data-reactid="404"><i class="anticon anticon-edit" data-reactid="405"></i></a></div><div data-reactid="406"><p data-reactid="407"><!-- react-text: 408 -->Add copywriting in rate components.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="409"></i></section><section class="highlight-wrapper" data-reactid="410"><div class="highlight" data-reactid="411"><i class="anticon anticon-copy code-box-code-copy" data-reactid="412"></i><pre class="language-jsx" data-reactid="413"><code data-reactid="414"><span class="token keyword">import</span> <span class="token punctuation">{</span> Rate <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
diff --git a/components/select-cn/index.html b/components/select-cn/index.html
index f64c069a0..dc800cb0a 100644
--- a/components/select-cn/index.html
+++ b/components/select-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1658452085"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-892929929"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本使用" data-reactid="293"><a href="#components-select-demo-basic" data-reactid="294">基本使用</a></li><li title="三种大小" data-reactid="295"><a href="#components-select-demo-size" data-reactid="296">三种大小</a></li><li title="带搜索框" data-reactid="297"><a href="#components-select-demo-search" data-reactid="298">带搜索框</a></li><li title="多选" data-reactid="299"><a href="#components-select-demo-multiple" data-reactid="300">多选</a></li><li title="标签" data-reactid="301"><a href="#components-select-demo-tags" data-reactid="302">标签</a></li><li title="智能提示" data-reactid="303"><a href="#components-select-demo-combobox" data-reactid="304">智能提示</a></li><li title="分组" data-reactid="305"><a href="#components-select-demo-optgroup" data-reactid="306">分组</a></li><li title="联动" data-reactid="307"><a href="#components-select-demo-coordinate" data-reactid="308">联动</a></li><li title="搜索框" data-reactid="309"><a href="#components-select-demo-search-box" data-reactid="310">搜索框</a></li><li title="获得选项的文本" data-reactid="311"><a href="#components-select-demo-label-in-value" data-reactid="312">获得选项的文本</a></li><li title="自动分词" data-reactid="313"><a href="#components-select-demo-automatic-tokenization" data-reactid="314">自动分词</a></li><li title="搜索用户" data-reactid="315"><a href="#components-select-demo-select-users" data-reactid="316">搜索用户</a></li></ul></div></div><section class="markdown" data-reactid="317"><h1 data-reactid="318"><!-- react-text: 319 -->Select<!-- /react-text --><span class="subtitle" data-reactid="320">选择器</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/select/index.zh-CN.md" data-reactid="321"><i class="anticon anticon-edit" data-reactid="322"></i></a></h1><section class="markdown" data-reactid="323"><p data-reactid="324"><!-- react-text: 325 -->类似 Select2 的选择器。<!-- /react-text --></p><h2 id="何时使用" data-reactid="326"><span data-reactid="327"><!-- react-text: 328 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="329">#</a></h2><ul data-reactid="330"><li data-reactid="331"><p data-reactid="332"><!-- react-text: 333 -->弹出一个下拉菜单给用户选择操作，用于代替原生的选择器，或者需要一个更优雅的多选器时。<!-- /react-text --></p></li><li data-reactid="334"><p data-reactid="335"><!-- react-text: 336 -->当选项少时（少于 5 项），建议直接将选项平铺，使用 <!-- /react-text --><a href="/components/radio-cn/" data-reactid="337">Radio</a><!-- react-text: 338 --> 是更好的选择。<!-- /react-text --></p></li></ul></section><h2 data-reactid="339"><span data-reactid="340">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="341"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="342"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="343"><section class="code-box" id="components-select-demo-basic" data-reactid="344"><section class="code-box-demo" data-reactid="345"><div data-reactid="346"><div style="width:120px;" class="ant-select ant-select-enabled" data-reactid="347"><div class="ant-select-selection
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本使用" data-reactid="293"><a href="#components-select-demo-basic" data-reactid="294">基本使用</a></li><li title="三种大小" data-reactid="295"><a href="#components-select-demo-size" data-reactid="296">三种大小</a></li><li title="带搜索框" data-reactid="297"><a href="#components-select-demo-search" data-reactid="298">带搜索框</a></li><li title="多选" data-reactid="299"><a href="#components-select-demo-multiple" data-reactid="300">多选</a></li><li title="标签" data-reactid="301"><a href="#components-select-demo-tags" data-reactid="302">标签</a></li><li title="智能提示" data-reactid="303"><a href="#components-select-demo-combobox" data-reactid="304">智能提示</a></li><li title="分组" data-reactid="305"><a href="#components-select-demo-optgroup" data-reactid="306">分组</a></li><li title="联动" data-reactid="307"><a href="#components-select-demo-coordinate" data-reactid="308">联动</a></li><li title="搜索框" data-reactid="309"><a href="#components-select-demo-search-box" data-reactid="310">搜索框</a></li><li title="获得选项的文本" data-reactid="311"><a href="#components-select-demo-label-in-value" data-reactid="312">获得选项的文本</a></li><li title="自动分词" data-reactid="313"><a href="#components-select-demo-automatic-tokenization" data-reactid="314">自动分词</a></li><li title="搜索用户" data-reactid="315"><a href="#components-select-demo-select-users" data-reactid="316">搜索用户</a></li></ul></div></div><section class="markdown" data-reactid="317"><h1 data-reactid="318"><!-- react-text: 319 -->Select<!-- /react-text --><span class="subtitle" data-reactid="320">选择器</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/select/index.zh-CN.md" data-reactid="321"><i class="anticon anticon-edit" data-reactid="322"></i></a></h1><section class="markdown" data-reactid="323"><p data-reactid="324"><!-- react-text: 325 -->类似 Select2 的选择器。<!-- /react-text --></p><h2 id="何时使用" data-reactid="326"><span data-reactid="327"><!-- react-text: 328 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="329">#</a></h2><ul data-reactid="330"><li data-reactid="331"><p data-reactid="332"><!-- react-text: 333 -->弹出一个下拉菜单给用户选择操作，用于代替原生的选择器，或者需要一个更优雅的多选器时。<!-- /react-text --></p></li><li data-reactid="334"><p data-reactid="335"><!-- react-text: 336 -->当选项少时（少于 5 项），建议直接将选项平铺，使用 <!-- /react-text --><a href="/components/radio-cn/" data-reactid="337">Radio</a><!-- react-text: 338 --> 是更好的选择。<!-- /react-text --></p></li></ul></section><h2 data-reactid="339"><span data-reactid="340">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="341"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="342"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="343"><section class="code-box" id="components-select-demo-basic" data-reactid="344"><section class="code-box-demo" data-reactid="345"><div data-reactid="346"><div style="width:120px;" class="ant-select ant-select-enabled" data-reactid="347"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="348"><div class="ant-select-selection__rendered" data-reactid="349"><div class="ant-select-selection-selected-value" title="Lucy" style="display:block;opacity:1;" data-reactid="350">Lucy</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="351"><b data-reactid="352"></b></span></div></div><div style="width:120px;" class="ant-select ant-select-disabled ant-select-allow-clear" data-reactid="353"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="354"><div class="ant-select-selection__rendered" data-reactid="355"><div class="ant-select-selection-selected-value" title="Lucy" style="display:block;opacity:1;" data-reactid="356">Lucy</div></div><span style="user-select:none;-webkit-user-select:none;display:block;" unselectable="unselectable" class="ant-select-selection__clear" data-reactid="357"></span><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="358"><b data-reactid="359"></b></span></div></div></div></section><section class="code-box-meta markdown" data-reactid="360"><div class="code-box-title" data-reactid="361"><a href="#components-select-demo-basic" data-reactid="362">基本使用</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/select/demo/basic.md" data-reactid="363"><i class="anticon anticon-edit" data-reactid="364"></i></a></div><div data-reactid="365"><p data-reactid="366"><!-- react-text: 367 -->基本使用。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="368"></i></section><section class="highlight-wrapper" data-reactid="369"><div class="highlight" data-reactid="370"><i class="anticon anticon-copy code-box-code-copy" data-reactid="371"></i><pre class="language-jsx" data-reactid="372"><code data-reactid="373"><span class="token keyword">import</span> <span class="token punctuation">{</span> Select <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> Option <span class="token operator">=</span> Select<span class="token punctuation">.</span>Option<span class="token punctuation">;</span>
diff --git a/components/select/index.html b/components/select/index.html
index 9a1fb61a2..2f73438d9 100644
--- a/components/select/index.html
+++ b/components/select/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-692186686"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1210192324"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic Usage" data-reactid="293"><a href="#components-select-demo-basic" data-reactid="294">Basic Usage</a></li><li title="Sizes" data-reactid="295"><a href="#components-select-demo-size" data-reactid="296">Sizes</a></li><li title="Select with search field" data-reactid="297"><a href="#components-select-demo-search" data-reactid="298">Select with search field</a></li><li title="multiple selection" data-reactid="299"><a href="#components-select-demo-multiple" data-reactid="300">multiple selection</a></li><li title="Tags" data-reactid="301"><a href="#components-select-demo-tags" data-reactid="302">Tags</a></li><li title="Automatic completion" data-reactid="303"><a href="#components-select-demo-combobox" data-reactid="304">Automatic completion</a></li><li title="Option Group" data-reactid="305"><a href="#components-select-demo-optgroup" data-reactid="306">Option Group</a></li><li title="coordinate" data-reactid="307"><a href="#components-select-demo-coordinate" data-reactid="308">coordinate</a></li><li title="Search Box" data-reactid="309"><a href="#components-select-demo-search-box" data-reactid="310">Search Box</a></li><li title="Get value of selected item" data-reactid="311"><a href="#components-select-demo-label-in-value" data-reactid="312">Get value of selected item</a></li><li title="Automatic tokenization" data-reactid="313"><a href="#components-select-demo-automatic-tokenization" data-reactid="314">Automatic tokenization</a></li><li title="Search and Select Users" data-reactid="315"><a href="#components-select-demo-select-users" data-reactid="316">Search and Select Users</a></li></ul></div></div><section class="markdown" data-reactid="317"><h1 data-reactid="318"><!-- react-text: 319 -->Select<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/select/index.en-US.md" data-reactid="320"><i class="anticon anticon-edit" data-reactid="321"></i></a></h1><section class="markdown" data-reactid="322"><p data-reactid="323"><!-- react-text: 324 -->A Selector similar to Select2.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="325"><span data-reactid="326"><!-- react-text: 327 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="328">#</a></h2><ul data-reactid="329"><li data-reactid="330"><p data-reactid="331"><!-- react-text: 332 -->A dropdown menu for choosing, an elegant alternative to the native select component.<!-- /react-text --></p></li><li data-reactid="333"><p data-reactid="334"><a href="/components/radio/" data-reactid="335">Radio</a><!-- react-text: 336 --> is a better solution when options amount is too little (less than 5).<!-- /react-text --></p></li></ul></section><h2 data-reactid="337"><span data-reactid="338">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="339"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="340"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="341"><section class="code-box" id="components-select-demo-basic" data-reactid="342"><section class="code-box-demo" data-reactid="343"><div data-reactid="344"><div style="width:120px;" class="ant-select ant-select-enabled" data-reactid="345"><div class="ant-select-selection
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic Usage" data-reactid="293"><a href="#components-select-demo-basic" data-reactid="294">Basic Usage</a></li><li title="Sizes" data-reactid="295"><a href="#components-select-demo-size" data-reactid="296">Sizes</a></li><li title="Select with search field" data-reactid="297"><a href="#components-select-demo-search" data-reactid="298">Select with search field</a></li><li title="multiple selection" data-reactid="299"><a href="#components-select-demo-multiple" data-reactid="300">multiple selection</a></li><li title="Tags" data-reactid="301"><a href="#components-select-demo-tags" data-reactid="302">Tags</a></li><li title="Automatic completion" data-reactid="303"><a href="#components-select-demo-combobox" data-reactid="304">Automatic completion</a></li><li title="Option Group" data-reactid="305"><a href="#components-select-demo-optgroup" data-reactid="306">Option Group</a></li><li title="coordinate" data-reactid="307"><a href="#components-select-demo-coordinate" data-reactid="308">coordinate</a></li><li title="Search Box" data-reactid="309"><a href="#components-select-demo-search-box" data-reactid="310">Search Box</a></li><li title="Get value of selected item" data-reactid="311"><a href="#components-select-demo-label-in-value" data-reactid="312">Get value of selected item</a></li><li title="Automatic tokenization" data-reactid="313"><a href="#components-select-demo-automatic-tokenization" data-reactid="314">Automatic tokenization</a></li><li title="Search and Select Users" data-reactid="315"><a href="#components-select-demo-select-users" data-reactid="316">Search and Select Users</a></li></ul></div></div><section class="markdown" data-reactid="317"><h1 data-reactid="318"><!-- react-text: 319 -->Select<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/select/index.en-US.md" data-reactid="320"><i class="anticon anticon-edit" data-reactid="321"></i></a></h1><section class="markdown" data-reactid="322"><p data-reactid="323"><!-- react-text: 324 -->A Selector similar to Select2.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="325"><span data-reactid="326"><!-- react-text: 327 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="328">#</a></h2><ul data-reactid="329"><li data-reactid="330"><p data-reactid="331"><!-- react-text: 332 -->A dropdown menu for choosing, an elegant alternative to the native select component.<!-- /react-text --></p></li><li data-reactid="333"><p data-reactid="334"><a href="/components/radio/" data-reactid="335">Radio</a><!-- react-text: 336 --> is a better solution when options amount is too little (less than 5).<!-- /react-text --></p></li></ul></section><h2 data-reactid="337"><span data-reactid="338">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="339"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="340"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="341"><section class="code-box" id="components-select-demo-basic" data-reactid="342"><section class="code-box-demo" data-reactid="343"><div data-reactid="344"><div style="width:120px;" class="ant-select ant-select-enabled" data-reactid="345"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="346"><div class="ant-select-selection__rendered" data-reactid="347"><div class="ant-select-selection-selected-value" title="Lucy" style="display:block;opacity:1;" data-reactid="348">Lucy</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="349"><b data-reactid="350"></b></span></div></div><div style="width:120px;" class="ant-select ant-select-disabled ant-select-allow-clear" data-reactid="351"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="352"><div class="ant-select-selection__rendered" data-reactid="353"><div class="ant-select-selection-selected-value" title="Lucy" style="display:block;opacity:1;" data-reactid="354">Lucy</div></div><span style="user-select:none;-webkit-user-select:none;display:block;" unselectable="unselectable" class="ant-select-selection__clear" data-reactid="355"></span><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="356"><b data-reactid="357"></b></span></div></div></div></section><section class="code-box-meta markdown" data-reactid="358"><div class="code-box-title" data-reactid="359"><a href="#components-select-demo-basic" data-reactid="360">Basic Usage</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/select/demo/basic.md" data-reactid="361"><i class="anticon anticon-edit" data-reactid="362"></i></a></div><div data-reactid="363"><p data-reactid="364"><!-- react-text: 365 -->Basic Usage.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="366"></i></section><section class="highlight-wrapper" data-reactid="367"><div class="highlight" data-reactid="368"><i class="anticon anticon-copy code-box-code-copy" data-reactid="369"></i><pre class="language-jsx" data-reactid="370"><code data-reactid="371"><span class="token keyword">import</span> <span class="token punctuation">{</span> Select <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> Option <span class="token operator">=</span> Select<span class="token punctuation">.</span>Option<span class="token punctuation">;</span>
diff --git a/components/slider-cn/index.html b/components/slider-cn/index.html
index a140cbfd1..e03f84e9b 100644
--- a/components/slider-cn/index.html
+++ b/components/slider-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1221551503"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-13111303"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-slider-demo-basic" data-reactid="294">基本</a></li><li title="带输入框的滑块" data-reactid="295"><a href="#components-slider-demo-input-number" data-reactid="296">带输入框的滑块</a></li><li title="带 icon 的滑块" data-reactid="297"><a href="#components-slider-demo-icon-slider" data-reactid="298">带 icon 的滑块</a></li><li title="自定义提示" data-reactid="299"><a href="#components-slider-demo-tip-formatter" data-reactid="300">自定义提示</a></li><li title="事件" data-reactid="301"><a href="#components-slider-demo-event" data-reactid="302">事件</a></li><li title="带标签的滑块" data-reactid="303"><a href="#components-slider-demo-mark" data-reactid="304">带标签的滑块</a></li><li title="垂直" data-reactid="305"><a href="#components-slider-demo-vertical" data-reactid="306">垂直</a></li></ul></div></div><section class="markdown" data-reactid="307"><h1 data-reactid="308"><!-- react-text: 309 -->Slider<!-- /react-text --><span class="subtitle" data-reactid="310">滑动输入条</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/slider/index.zh-CN.md" data-reactid="311"><i class="anticon anticon-edit" data-reactid="312"></i></a></h1><section class="markdown" data-reactid="313"><p data-reactid="314"><!-- react-text: 315 -->滑动型输入器，展示当前值和可选范围。<!-- /react-text --></p><h2 id="何时使用" data-reactid="316"><span data-reactid="317"><!-- react-text: 318 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="319">#</a></h2><p data-reactid="320"><!-- react-text: 321 -->当用户需要在数值区间/自定义区间内进行选择时，可为连续或离散值。<!-- /react-text --></p></section><h2 data-reactid="322"><span data-reactid="323">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="324"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="325"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="326"><section class="code-box" id="components-slider-demo-basic" data-reactid="327"><section class="code-box-demo" data-reactid="328"><div data-reactid="329"><div class="ant-slider" data-reactid="330"><div class="ant-slider-rail" data-reactid="331"></div><div class="ant-slider-track" style="visibility:visible;left:0%;width:30%;" data-reactid="332"></div><div class="ant-slider-step" data-reactid="333"></div><div class="ant-slider-handle" style="left:30%;" data-reactid="334"></div><div class="ant-slider-mark" data-reactid="335"></div></div><div class="ant-slider" data-reactid="336"><div class="ant-slider-rail" data-reactid="337"></div><div class="ant-slider-track ant-slider-track-1" style="visibility:visible;left:20%;width:30%;" data-reactid="338"></div><div class="ant-slider-step" data-reactid="339"></div><div class="ant-slider-handle ant-slider-handle-1" style="left:20%;" data-reactid="340"></div><div class="ant-slider-handle ant-slider-handle-2" style="left:50%;" data-reactid="341"></div><div class="ant-slider-mark" data-reactid="342"></div></div><!-- react-text: 343 -->Disabled: <!-- /react-text --><span class="ant-switch-small ant-switch" tabindex="0" data-reactid="344"><span class="ant-switch-inner" data-reactid="345"></span></span></div><style data-reactid="346">
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-slider-demo-basic" data-reactid="294">基本</a></li><li title="带输入框的滑块" data-reactid="295"><a href="#components-slider-demo-input-number" data-reactid="296">带输入框的滑块</a></li><li title="带 icon 的滑块" data-reactid="297"><a href="#components-slider-demo-icon-slider" data-reactid="298">带 icon 的滑块</a></li><li title="自定义提示" data-reactid="299"><a href="#components-slider-demo-tip-formatter" data-reactid="300">自定义提示</a></li><li title="事件" data-reactid="301"><a href="#components-slider-demo-event" data-reactid="302">事件</a></li><li title="带标签的滑块" data-reactid="303"><a href="#components-slider-demo-mark" data-reactid="304">带标签的滑块</a></li><li title="垂直" data-reactid="305"><a href="#components-slider-demo-vertical" data-reactid="306">垂直</a></li></ul></div></div><section class="markdown" data-reactid="307"><h1 data-reactid="308"><!-- react-text: 309 -->Slider<!-- /react-text --><span class="subtitle" data-reactid="310">滑动输入条</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/slider/index.zh-CN.md" data-reactid="311"><i class="anticon anticon-edit" data-reactid="312"></i></a></h1><section class="markdown" data-reactid="313"><p data-reactid="314"><!-- react-text: 315 -->滑动型输入器，展示当前值和可选范围。<!-- /react-text --></p><h2 id="何时使用" data-reactid="316"><span data-reactid="317"><!-- react-text: 318 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="319">#</a></h2><p data-reactid="320"><!-- react-text: 321 -->当用户需要在数值区间/自定义区间内进行选择时，可为连续或离散值。<!-- /react-text --></p></section><h2 data-reactid="322"><span data-reactid="323">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="324"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="325"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="326"><section class="code-box" id="components-slider-demo-basic" data-reactid="327"><section class="code-box-demo" data-reactid="328"><div data-reactid="329"><div class="ant-slider" data-reactid="330"><div class="ant-slider-rail" data-reactid="331"></div><div class="ant-slider-track" style="visibility:visible;left:0%;width:30%;" data-reactid="332"></div><div class="ant-slider-step" data-reactid="333"></div><div class="ant-slider-handle" style="left:30%;" data-reactid="334"></div><div class="ant-slider-mark" data-reactid="335"></div></div><div class="ant-slider" data-reactid="336"><div class="ant-slider-rail" data-reactid="337"></div><div class="ant-slider-track ant-slider-track-1" style="visibility:visible;left:20%;width:30%;" data-reactid="338"></div><div class="ant-slider-step" data-reactid="339"></div><div class="ant-slider-handle ant-slider-handle-1" style="left:20%;" data-reactid="340"></div><div class="ant-slider-handle ant-slider-handle-2" style="left:50%;" data-reactid="341"></div><div class="ant-slider-mark" data-reactid="342"></div></div><!-- react-text: 343 -->Disabled: <!-- /react-text --><span class="ant-switch-small ant-switch" tabindex="0" data-reactid="344"><span class="ant-switch-inner" data-reactid="345"></span></span></div><style data-reactid="346">
 .code-box-demo .ant-slider {
   margin-bottom: 16px;
 }
@@ -268,7 +268,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span><span class="token punctuation">,</span>
   mountNode
-<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section></div><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="490"><section class="code-box" id="components-slider-demo-input-number" data-reactid="491"><section class="code-box-demo" data-reactid="492"><div data-reactid="493"><div class="ant-row" data-reactid="494"><div class="ant-col-12" data-reactid="495"><div class="ant-slider" data-reactid="496"><div class="ant-slider-rail" data-reactid="497"></div><div class="ant-slider-track" style="visibility:visible;left:0%;width:0%;" data-reactid="498"></div><div class="ant-slider-step" data-reactid="499"></div><div class="ant-slider-handle" style="left:0%;" data-reactid="500"></div><div class="ant-slider-mark" data-reactid="501"></div></div></div><div class="ant-col-4" data-reactid="502"><div class="ant-input-number" style="margin-left:16px;" data-reactid="503"><div class="ant-input-number-handler-wrap" data-reactid="504"><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="505"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="506"></span></span><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-down ant-input-number-handler-down-disabled" data-reactid="507"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="508"></span></span></div><div class="ant-input-number-input-wrap" data-reactid="509"><input min="1" max="20" class="ant-input-number-input" autocomplete="off" value="1" data-reactid="510"/></div></div></div></div><div class="ant-row" data-reactid="511"><div class="ant-col-12" data-reactid="512"><div class="ant-slider" data-reactid="513"><div class="ant-slider-rail" data-reactid="514"></div><div class="ant-slider-track" style="visibility:visible;left:0%;width:0%;" data-reactid="515"></div><div class="ant-slider-step" data-reactid="516"></div><div class="ant-slider-handle" style="left:0%;" data-reactid="517"></div><div class="ant-slider-mark" data-reactid="518"></div></div></div><div class="ant-col-4" data-reactid="519"><div class="ant-input-number" style="margin-left:16px;" data-reactid="520"><div class="ant-input-number-handler-wrap" data-reactid="521"><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="522"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="523"></span></span><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="524"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="525"></span></span></div><div class="ant-input-number-input-wrap" data-reactid="526"><input min="0" max="1" class="ant-input-number-input" autocomplete="off" value="0.00" data-reactid="527"/></div></div></div></div></div></section><section class="code-box-meta markdown" data-reactid="528"><div class="code-box-title" data-reactid="529"><a href="#components-slider-demo-input-number" data-reactid="530">带输入框的滑块</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/slider/demo/input-number.md" data-reactid="531"><i class="anticon anticon-edit" data-reactid="532"></i></a></div><div data-reactid="533"><p data-reactid="534"><!-- react-text: 535 -->和 <!-- /react-text --><a href="/components/input-number-cn/" data-reactid="536">数字输入框</a><!-- react-text: 537 --> 组件保持同步。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="538"></i></section><section class="highlight-wrapper" data-reactid="539"><div class="highlight" data-reactid="540"><i class="anticon anticon-copy code-box-code-copy" data-reactid="541"></i><pre class="language-jsx" data-reactid="542"><code data-reactid="543"><span class="token keyword">import</span> <span class="token punctuation">{</span> Slider<span class="token punctuation">,</span> InputNumber<span class="token punctuation">,</span> Row<span class="token punctuation">,</span> Col <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section></div><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="490"><section class="code-box" id="components-slider-demo-input-number" data-reactid="491"><section class="code-box-demo" data-reactid="492"><div data-reactid="493"><div class="ant-row" data-reactid="494"><div class="ant-col-12" data-reactid="495"><div class="ant-slider" data-reactid="496"><div class="ant-slider-rail" data-reactid="497"></div><div class="ant-slider-track" style="visibility:visible;left:0%;width:0%;" data-reactid="498"></div><div class="ant-slider-step" data-reactid="499"></div><div class="ant-slider-handle" style="left:0%;" data-reactid="500"></div><div class="ant-slider-mark" data-reactid="501"></div></div></div><div class="ant-col-4" data-reactid="502"><div class="ant-input-number" style="margin-left:16px;" data-reactid="503"><div class="ant-input-number-handler-wrap" data-reactid="504"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="505"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="506"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="true" class="ant-input-number-handler ant-input-number-handler-down ant-input-number-handler-down-disabled" data-reactid="507"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="508"></span></span></div><div class="ant-input-number-input-wrap" role="spinbutton" aria-valuemin="1" aria-valuemax="20" aria-valuenow="1" data-reactid="509"><input min="1" max="20" class="ant-input-number-input" autocomplete="off" value="1" data-reactid="510"/></div></div></div></div><div class="ant-row" data-reactid="511"><div class="ant-col-12" data-reactid="512"><div class="ant-slider" data-reactid="513"><div class="ant-slider-rail" data-reactid="514"></div><div class="ant-slider-track" style="visibility:visible;left:0%;width:0%;" data-reactid="515"></div><div class="ant-slider-step" data-reactid="516"></div><div class="ant-slider-handle" style="left:0%;" data-reactid="517"></div><div class="ant-slider-mark" data-reactid="518"></div></div></div><div class="ant-col-4" data-reactid="519"><div class="ant-input-number" style="margin-left:16px;" data-reactid="520"><div class="ant-input-number-handler-wrap" data-reactid="521"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="522"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="523"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="524"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="525"></span></span></div><div class="ant-input-number-input-wrap" role="spinbutton" aria-valuemin="0" aria-valuemax="1" aria-valuenow="0" data-reactid="526"><input min="0" max="1" class="ant-input-number-input" autocomplete="off" value="0.00" data-reactid="527"/></div></div></div></div></div></section><section class="code-box-meta markdown" data-reactid="528"><div class="code-box-title" data-reactid="529"><a href="#components-slider-demo-input-number" data-reactid="530">带输入框的滑块</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/slider/demo/input-number.md" data-reactid="531"><i class="anticon anticon-edit" data-reactid="532"></i></a></div><div data-reactid="533"><p data-reactid="534"><!-- react-text: 535 -->和 <!-- /react-text --><a href="/components/input-number-cn/" data-reactid="536">数字输入框</a><!-- react-text: 537 --> 组件保持同步。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="538"></i></section><section class="highlight-wrapper" data-reactid="539"><div class="highlight" data-reactid="540"><i class="anticon anticon-copy code-box-code-copy" data-reactid="541"></i><pre class="language-jsx" data-reactid="542"><code data-reactid="543"><span class="token keyword">import</span> <span class="token punctuation">{</span> Slider<span class="token punctuation">,</span> InputNumber<span class="token punctuation">,</span> Row<span class="token punctuation">,</span> Col <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">class</span> <span class="token class-name">IntegerStep</span> <span class="token keyword">extends</span> <span class="token class-name">React<span class="token punctuation">.</span>Component</span> <span class="token punctuation">{</span>
   state <span class="token operator">=</span> <span class="token punctuation">{</span>
diff --git a/components/slider/index.html b/components/slider/index.html
index 8eea8a78e..ee016c45b 100644
--- a/components/slider/index.html
+++ b/components/slider/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1958774136"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1809453041"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-slider-demo-basic" data-reactid="294">Basic</a></li><li title="Slider with InputNumber" data-reactid="295"><a href="#components-slider-demo-input-number" data-reactid="296">Slider with InputNumber</a></li><li title="Slider with icon" data-reactid="297"><a href="#components-slider-demo-icon-slider" data-reactid="298">Slider with icon</a></li><li title="Customerize tooltip" data-reactid="299"><a href="#components-slider-demo-tip-formatter" data-reactid="300">Customerize tooltip</a></li><li title="Event" data-reactid="301"><a href="#components-slider-demo-event" data-reactid="302">Event</a></li><li title="Graduated slider" data-reactid="303"><a href="#components-slider-demo-mark" data-reactid="304">Graduated slider</a></li><li title="Vertical" data-reactid="305"><a href="#components-slider-demo-vertical" data-reactid="306">Vertical</a></li></ul></div></div><section class="markdown" data-reactid="307"><h1 data-reactid="308"><!-- react-text: 309 -->Slider<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/slider/index.en-US.md" data-reactid="310"><i class="anticon anticon-edit" data-reactid="311"></i></a></h1><section class="markdown" data-reactid="312"><p data-reactid="313"><!-- react-text: 314 -->A Slider component for displaying current value and intervals in range.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="315"><span data-reactid="316"><!-- react-text: 317 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="318">#</a></h2><p data-reactid="319"><!-- react-text: 320 -->To input a value in a range.<!-- /react-text --></p></section><h2 data-reactid="321"><span data-reactid="322">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="323"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="324"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="325"><section class="code-box" id="components-slider-demo-basic" data-reactid="326"><section class="code-box-demo" data-reactid="327"><div data-reactid="328"><div class="ant-slider" data-reactid="329"><div class="ant-slider-rail" data-reactid="330"></div><div class="ant-slider-track" style="visibility:visible;left:0%;width:30%;" data-reactid="331"></div><div class="ant-slider-step" data-reactid="332"></div><div class="ant-slider-handle" style="left:30%;" data-reactid="333"></div><div class="ant-slider-mark" data-reactid="334"></div></div><div class="ant-slider" data-reactid="335"><div class="ant-slider-rail" data-reactid="336"></div><div class="ant-slider-track ant-slider-track-1" style="visibility:visible;left:20%;width:30%;" data-reactid="337"></div><div class="ant-slider-step" data-reactid="338"></div><div class="ant-slider-handle ant-slider-handle-1" style="left:20%;" data-reactid="339"></div><div class="ant-slider-handle ant-slider-handle-2" style="left:50%;" data-reactid="340"></div><div class="ant-slider-mark" data-reactid="341"></div></div><!-- react-text: 342 -->Disabled: <!-- /react-text --><span class="ant-switch-small ant-switch" tabindex="0" data-reactid="343"><span class="ant-switch-inner" data-reactid="344"></span></span></div><style data-reactid="345">
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-slider-demo-basic" data-reactid="294">Basic</a></li><li title="Slider with InputNumber" data-reactid="295"><a href="#components-slider-demo-input-number" data-reactid="296">Slider with InputNumber</a></li><li title="Slider with icon" data-reactid="297"><a href="#components-slider-demo-icon-slider" data-reactid="298">Slider with icon</a></li><li title="Customerize tooltip" data-reactid="299"><a href="#components-slider-demo-tip-formatter" data-reactid="300">Customerize tooltip</a></li><li title="Event" data-reactid="301"><a href="#components-slider-demo-event" data-reactid="302">Event</a></li><li title="Graduated slider" data-reactid="303"><a href="#components-slider-demo-mark" data-reactid="304">Graduated slider</a></li><li title="Vertical" data-reactid="305"><a href="#components-slider-demo-vertical" data-reactid="306">Vertical</a></li></ul></div></div><section class="markdown" data-reactid="307"><h1 data-reactid="308"><!-- react-text: 309 -->Slider<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/slider/index.en-US.md" data-reactid="310"><i class="anticon anticon-edit" data-reactid="311"></i></a></h1><section class="markdown" data-reactid="312"><p data-reactid="313"><!-- react-text: 314 -->A Slider component for displaying current value and intervals in range.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="315"><span data-reactid="316"><!-- react-text: 317 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="318">#</a></h2><p data-reactid="319"><!-- react-text: 320 -->To input a value in a range.<!-- /react-text --></p></section><h2 data-reactid="321"><span data-reactid="322">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="323"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="324"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="325"><section class="code-box" id="components-slider-demo-basic" data-reactid="326"><section class="code-box-demo" data-reactid="327"><div data-reactid="328"><div class="ant-slider" data-reactid="329"><div class="ant-slider-rail" data-reactid="330"></div><div class="ant-slider-track" style="visibility:visible;left:0%;width:30%;" data-reactid="331"></div><div class="ant-slider-step" data-reactid="332"></div><div class="ant-slider-handle" style="left:30%;" data-reactid="333"></div><div class="ant-slider-mark" data-reactid="334"></div></div><div class="ant-slider" data-reactid="335"><div class="ant-slider-rail" data-reactid="336"></div><div class="ant-slider-track ant-slider-track-1" style="visibility:visible;left:20%;width:30%;" data-reactid="337"></div><div class="ant-slider-step" data-reactid="338"></div><div class="ant-slider-handle ant-slider-handle-1" style="left:20%;" data-reactid="339"></div><div class="ant-slider-handle ant-slider-handle-2" style="left:50%;" data-reactid="340"></div><div class="ant-slider-mark" data-reactid="341"></div></div><!-- react-text: 342 -->Disabled: <!-- /react-text --><span class="ant-switch-small ant-switch" tabindex="0" data-reactid="343"><span class="ant-switch-inner" data-reactid="344"></span></span></div><style data-reactid="345">
 .code-box-demo .ant-slider {
   margin-bottom: 16px;
 }
@@ -269,7 +269,7 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span><span class="token punctuation">,</span>
   mountNode
-<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section></div><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="489"><section class="code-box" id="components-slider-demo-input-number" data-reactid="490"><section class="code-box-demo" data-reactid="491"><div data-reactid="492"><div class="ant-row" data-reactid="493"><div class="ant-col-12" data-reactid="494"><div class="ant-slider" data-reactid="495"><div class="ant-slider-rail" data-reactid="496"></div><div class="ant-slider-track" style="visibility:visible;left:0%;width:0%;" data-reactid="497"></div><div class="ant-slider-step" data-reactid="498"></div><div class="ant-slider-handle" style="left:0%;" data-reactid="499"></div><div class="ant-slider-mark" data-reactid="500"></div></div></div><div class="ant-col-4" data-reactid="501"><div class="ant-input-number" style="margin-left:16px;" data-reactid="502"><div class="ant-input-number-handler-wrap" data-reactid="503"><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="504"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="505"></span></span><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-down ant-input-number-handler-down-disabled" data-reactid="506"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="507"></span></span></div><div class="ant-input-number-input-wrap" data-reactid="508"><input min="1" max="20" class="ant-input-number-input" autocomplete="off" value="1" data-reactid="509"/></div></div></div></div><div class="ant-row" data-reactid="510"><div class="ant-col-12" data-reactid="511"><div class="ant-slider" data-reactid="512"><div class="ant-slider-rail" data-reactid="513"></div><div class="ant-slider-track" style="visibility:visible;left:0%;width:0%;" data-reactid="514"></div><div class="ant-slider-step" data-reactid="515"></div><div class="ant-slider-handle" style="left:0%;" data-reactid="516"></div><div class="ant-slider-mark" data-reactid="517"></div></div></div><div class="ant-col-4" data-reactid="518"><div class="ant-input-number" style="margin-left:16px;" data-reactid="519"><div class="ant-input-number-handler-wrap" data-reactid="520"><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="521"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="522"></span></span><span unselectable="unselectable" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="523"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="524"></span></span></div><div class="ant-input-number-input-wrap" data-reactid="525"><input min="0" max="1" class="ant-input-number-input" autocomplete="off" value="0.00" data-reactid="526"/></div></div></div></div></div></section><section class="code-box-meta markdown" data-reactid="527"><div class="code-box-title" data-reactid="528"><a href="#components-slider-demo-input-number" data-reactid="529">Slider with InputNumber</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/slider/demo/input-number.md" data-reactid="530"><i class="anticon anticon-edit" data-reactid="531"></i></a></div><div data-reactid="532"><p data-reactid="533"><!-- react-text: 534 -->Synchronize with <!-- /react-text --><a href="/components/input-number/" data-reactid="535">InptNumber</a><!-- react-text: 536 --> component.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="537"></i></section><section class="highlight-wrapper" data-reactid="538"><div class="highlight" data-reactid="539"><i class="anticon anticon-copy code-box-code-copy" data-reactid="540"></i><pre class="language-jsx" data-reactid="541"><code data-reactid="542"><span class="token keyword">import</span> <span class="token punctuation">{</span> Slider<span class="token punctuation">,</span> InputNumber<span class="token punctuation">,</span> Row<span class="token punctuation">,</span> Col <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section></div><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="489"><section class="code-box" id="components-slider-demo-input-number" data-reactid="490"><section class="code-box-demo" data-reactid="491"><div data-reactid="492"><div class="ant-row" data-reactid="493"><div class="ant-col-12" data-reactid="494"><div class="ant-slider" data-reactid="495"><div class="ant-slider-rail" data-reactid="496"></div><div class="ant-slider-track" style="visibility:visible;left:0%;width:0%;" data-reactid="497"></div><div class="ant-slider-step" data-reactid="498"></div><div class="ant-slider-handle" style="left:0%;" data-reactid="499"></div><div class="ant-slider-mark" data-reactid="500"></div></div></div><div class="ant-col-4" data-reactid="501"><div class="ant-input-number" style="margin-left:16px;" data-reactid="502"><div class="ant-input-number-handler-wrap" data-reactid="503"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="504"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="505"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="true" class="ant-input-number-handler ant-input-number-handler-down ant-input-number-handler-down-disabled" data-reactid="506"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="507"></span></span></div><div class="ant-input-number-input-wrap" role="spinbutton" aria-valuemin="1" aria-valuemax="20" aria-valuenow="1" data-reactid="508"><input min="1" max="20" class="ant-input-number-input" autocomplete="off" value="1" data-reactid="509"/></div></div></div></div><div class="ant-row" data-reactid="510"><div class="ant-col-12" data-reactid="511"><div class="ant-slider" data-reactid="512"><div class="ant-slider-rail" data-reactid="513"></div><div class="ant-slider-track" style="visibility:visible;left:0%;width:0%;" data-reactid="514"></div><div class="ant-slider-step" data-reactid="515"></div><div class="ant-slider-handle" style="left:0%;" data-reactid="516"></div><div class="ant-slider-mark" data-reactid="517"></div></div></div><div class="ant-col-4" data-reactid="518"><div class="ant-input-number" style="margin-left:16px;" data-reactid="519"><div class="ant-input-number-handler-wrap" data-reactid="520"><span unselectable="unselectable" role="button" aria-label="Increase Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-up " data-reactid="521"><span unselectable="unselectable" class="ant-input-number-handler-up-inner" data-reactid="522"></span></span><span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="false" class="ant-input-number-handler ant-input-number-handler-down " data-reactid="523"><span unselectable="unselectable" class="ant-input-number-handler-down-inner" data-reactid="524"></span></span></div><div class="ant-input-number-input-wrap" role="spinbutton" aria-valuemin="0" aria-valuemax="1" aria-valuenow="0" data-reactid="525"><input min="0" max="1" class="ant-input-number-input" autocomplete="off" value="0.00" data-reactid="526"/></div></div></div></div></div></section><section class="code-box-meta markdown" data-reactid="527"><div class="code-box-title" data-reactid="528"><a href="#components-slider-demo-input-number" data-reactid="529">Slider with InputNumber</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/slider/demo/input-number.md" data-reactid="530"><i class="anticon anticon-edit" data-reactid="531"></i></a></div><div data-reactid="532"><p data-reactid="533"><!-- react-text: 534 -->Synchronize with <!-- /react-text --><a href="/components/input-number/" data-reactid="535">InptNumber</a><!-- react-text: 536 --> component.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="537"></i></section><section class="highlight-wrapper" data-reactid="538"><div class="highlight" data-reactid="539"><i class="anticon anticon-copy code-box-code-copy" data-reactid="540"></i><pre class="language-jsx" data-reactid="541"><code data-reactid="542"><span class="token keyword">import</span> <span class="token punctuation">{</span> Slider<span class="token punctuation">,</span> InputNumber<span class="token punctuation">,</span> Row<span class="token punctuation">,</span> Col <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">class</span> <span class="token class-name">IntegerStep</span> <span class="token keyword">extends</span> <span class="token class-name">React<span class="token punctuation">.</span>Component</span> <span class="token punctuation">{</span>
   state <span class="token operator">=</span> <span class="token punctuation">{</span>
diff --git a/components/spin-cn/index.html b/components/spin-cn/index.html
index 83e580d24..aed5e6c41 100644
--- a/components/spin-cn/index.html
+++ b/components/spin-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1109165623"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="180258361"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本用法" data-reactid="293"><a href="#components-spin-demo-basic" data-reactid="294">基本用法</a></li><li title="各种大小" data-reactid="295"><a href="#components-spin-demo-size" data-reactid="296">各种大小</a></li><li title="容器" data-reactid="297"><a href="#components-spin-demo-inside" data-reactid="298">容器</a></li><li title="卡片加载中" data-reactid="299"><a href="#components-spin-demo-nested" data-reactid="300">卡片加载中</a></li><li title="自定义描述文案" data-reactid="301"><a href="#components-spin-demo-tip" data-reactid="302">自定义描述文案</a></li><li title="延迟" data-reactid="303"><a href="#components-spin-demo-delayAndDebounce" data-reactid="304">延迟</a></li></ul></div></div><section class="markdown" data-reactid="305"><h1 data-reactid="306"><!-- react-text: 307 -->Spin<!-- /react-text --><span class="subtitle" data-reactid="308">加载中</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/spin/index.zh-CN.md" data-reactid="309"><i class="anticon anticon-edit" data-reactid="310"></i></a></h1><section class="markdown" data-reactid="311"><p data-reactid="312"><!-- react-text: 313 -->用于页面和区块的加载中状态。<!-- /react-text --></p><h2 id="何时使用" data-reactid="314"><span data-reactid="315"><!-- react-text: 316 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="317">#</a></h2><p data-reactid="318"><!-- react-text: 319 -->页面局部处于等待异步数据或正在渲染过程时，合适的加载动效会有效缓解用户的焦虑。<!-- /react-text --></p></section><h2 data-reactid="320"><span data-reactid="321">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="322"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="323"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="324"><section class="code-box" id="components-spin-demo-basic" data-reactid="325"><section class="code-box-demo" data-reactid="326"><div class="ant-spin ant-spin-spinning" data-reactid="327"><span class="ant-spin-dot" data-reactid="328"><i data-reactid="329"></i><i data-reactid="330"></i><i data-reactid="331"></i><i data-reactid="332"></i></span></div></section><section class="code-box-meta markdown" data-reactid="333"><div class="code-box-title" data-reactid="334"><a href="#components-spin-demo-basic" data-reactid="335">基本用法</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/spin/demo/basic.md" data-reactid="336"><i class="anticon anticon-edit" data-reactid="337"></i></a></div><div data-reactid="338"><p data-reactid="339"><!-- react-text: 340 -->一个简单的 loading 状态。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="341"></i></section><section class="highlight-wrapper" data-reactid="342"><div class="highlight" data-reactid="343"><i class="anticon anticon-copy code-box-code-copy" data-reactid="344"></i><pre class="language-jsx" data-reactid="345"><code data-reactid="346"><span class="token keyword">import</span> <span class="token punctuation">{</span> Spin <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本用法" data-reactid="293"><a href="#components-spin-demo-basic" data-reactid="294">基本用法</a></li><li title="各种大小" data-reactid="295"><a href="#components-spin-demo-size" data-reactid="296">各种大小</a></li><li title="容器" data-reactid="297"><a href="#components-spin-demo-inside" data-reactid="298">容器</a></li><li title="卡片加载中" data-reactid="299"><a href="#components-spin-demo-nested" data-reactid="300">卡片加载中</a></li><li title="自定义描述文案" data-reactid="301"><a href="#components-spin-demo-tip" data-reactid="302">自定义描述文案</a></li><li title="延迟" data-reactid="303"><a href="#components-spin-demo-delayAndDebounce" data-reactid="304">延迟</a></li></ul></div></div><section class="markdown" data-reactid="305"><h1 data-reactid="306"><!-- react-text: 307 -->Spin<!-- /react-text --><span class="subtitle" data-reactid="308">加载中</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/spin/index.zh-CN.md" data-reactid="309"><i class="anticon anticon-edit" data-reactid="310"></i></a></h1><section class="markdown" data-reactid="311"><p data-reactid="312"><!-- react-text: 313 -->用于页面和区块的加载中状态。<!-- /react-text --></p><h2 id="何时使用" data-reactid="314"><span data-reactid="315"><!-- react-text: 316 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="317">#</a></h2><p data-reactid="318"><!-- react-text: 319 -->页面局部处于等待异步数据或正在渲染过程时，合适的加载动效会有效缓解用户的焦虑。<!-- /react-text --></p></section><h2 data-reactid="320"><span data-reactid="321">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="322"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="323"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="324"><section class="code-box" id="components-spin-demo-basic" data-reactid="325"><section class="code-box-demo" data-reactid="326"><div class="ant-spin ant-spin-spinning" data-reactid="327"><span class="ant-spin-dot" data-reactid="328"><i data-reactid="329"></i><i data-reactid="330"></i><i data-reactid="331"></i><i data-reactid="332"></i></span></div></section><section class="code-box-meta markdown" data-reactid="333"><div class="code-box-title" data-reactid="334"><a href="#components-spin-demo-basic" data-reactid="335">基本用法</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/spin/demo/basic.md" data-reactid="336"><i class="anticon anticon-edit" data-reactid="337"></i></a></div><div data-reactid="338"><p data-reactid="339"><!-- react-text: 340 -->一个简单的 loading 状态。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="341"></i></section><section class="highlight-wrapper" data-reactid="342"><div class="highlight" data-reactid="343"><i class="anticon anticon-copy code-box-code-copy" data-reactid="344"></i><pre class="language-jsx" data-reactid="345"><code data-reactid="346"><span class="token keyword">import</span> <span class="token punctuation">{</span> Spin <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Spin</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-spin-demo-inside" data-reactid="347"><section class="code-box-demo" data-reactid="348"><div class="example" data-reactid="349"><div class="ant-spin ant-spin-spinning" data-reactid="350"><span class="ant-spin-dot" data-reactid="351"><i data-reactid="352"></i><i data-reactid="353"></i><i data-reactid="354"></i><i data-reactid="355"></i></span></div></div><style data-reactid="356">.example {
   text-align: center;
diff --git a/components/spin/index.html b/components/spin/index.html
index 0de45315a..ec18f9960 100644
--- a/components/spin/index.html
+++ b/components/spin/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1051938425"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1857113719"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="basic Usage" data-reactid="293"><a href="#components-spin-demo-basic" data-reactid="294">basic Usage</a></li><li title="Size" data-reactid="295"><a href="#components-spin-demo-size" data-reactid="296">Size</a></li><li title="Inside a container" data-reactid="297"><a href="#components-spin-demo-inside" data-reactid="298">Inside a container</a></li><li title="Embedded mode" data-reactid="299"><a href="#components-spin-demo-nested" data-reactid="300">Embedded mode</a></li><li title="Customized description" data-reactid="301"><a href="#components-spin-demo-tip" data-reactid="302">Customized description</a></li><li title="delay" data-reactid="303"><a href="#components-spin-demo-delayAndDebounce" data-reactid="304">delay</a></li></ul></div></div><section class="markdown" data-reactid="305"><h1 data-reactid="306"><!-- react-text: 307 -->Spin<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/spin/index.en-US.md" data-reactid="308"><i class="anticon anticon-edit" data-reactid="309"></i></a></h1><section class="markdown" data-reactid="310"><p data-reactid="311"><!-- react-text: 312 -->A spinner for displaying loading state of a page or a section.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="313"><span data-reactid="314"><!-- react-text: 315 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="316">#</a></h2><p data-reactid="317"><!-- react-text: 318 -->When part of the page is waiting for asynchronous data or during a rendering process, an appropriate loading animation can effectively alleviate users&#x27; inquietude.<!-- /react-text --></p></section><h2 data-reactid="319"><span data-reactid="320">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="321"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="322"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="323"><section class="code-box" id="components-spin-demo-basic" data-reactid="324"><section class="code-box-demo" data-reactid="325"><div class="ant-spin ant-spin-spinning" data-reactid="326"><span class="ant-spin-dot" data-reactid="327"><i data-reactid="328"></i><i data-reactid="329"></i><i data-reactid="330"></i><i data-reactid="331"></i></span></div></section><section class="code-box-meta markdown" data-reactid="332"><div class="code-box-title" data-reactid="333"><a href="#components-spin-demo-basic" data-reactid="334">basic Usage</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/spin/demo/basic.md" data-reactid="335"><i class="anticon anticon-edit" data-reactid="336"></i></a></div><div data-reactid="337"><p data-reactid="338"><!-- react-text: 339 -->A simple loading status.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="340"></i></section><section class="highlight-wrapper" data-reactid="341"><div class="highlight" data-reactid="342"><i class="anticon anticon-copy code-box-code-copy" data-reactid="343"></i><pre class="language-jsx" data-reactid="344"><code data-reactid="345"><span class="token keyword">import</span> <span class="token punctuation">{</span> Spin <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="basic Usage" data-reactid="293"><a href="#components-spin-demo-basic" data-reactid="294">basic Usage</a></li><li title="Size" data-reactid="295"><a href="#components-spin-demo-size" data-reactid="296">Size</a></li><li title="Inside a container" data-reactid="297"><a href="#components-spin-demo-inside" data-reactid="298">Inside a container</a></li><li title="Embedded mode" data-reactid="299"><a href="#components-spin-demo-nested" data-reactid="300">Embedded mode</a></li><li title="Customized description" data-reactid="301"><a href="#components-spin-demo-tip" data-reactid="302">Customized description</a></li><li title="delay" data-reactid="303"><a href="#components-spin-demo-delayAndDebounce" data-reactid="304">delay</a></li></ul></div></div><section class="markdown" data-reactid="305"><h1 data-reactid="306"><!-- react-text: 307 -->Spin<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/spin/index.en-US.md" data-reactid="308"><i class="anticon anticon-edit" data-reactid="309"></i></a></h1><section class="markdown" data-reactid="310"><p data-reactid="311"><!-- react-text: 312 -->A spinner for displaying loading state of a page or a section.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="313"><span data-reactid="314"><!-- react-text: 315 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="316">#</a></h2><p data-reactid="317"><!-- react-text: 318 -->When part of the page is waiting for asynchronous data or during a rendering process, an appropriate loading animation can effectively alleviate users&#x27; inquietude.<!-- /react-text --></p></section><h2 data-reactid="319"><span data-reactid="320">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="321"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="322"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="323"><section class="code-box" id="components-spin-demo-basic" data-reactid="324"><section class="code-box-demo" data-reactid="325"><div class="ant-spin ant-spin-spinning" data-reactid="326"><span class="ant-spin-dot" data-reactid="327"><i data-reactid="328"></i><i data-reactid="329"></i><i data-reactid="330"></i><i data-reactid="331"></i></span></div></section><section class="code-box-meta markdown" data-reactid="332"><div class="code-box-title" data-reactid="333"><a href="#components-spin-demo-basic" data-reactid="334">basic Usage</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/spin/demo/basic.md" data-reactid="335"><i class="anticon anticon-edit" data-reactid="336"></i></a></div><div data-reactid="337"><p data-reactid="338"><!-- react-text: 339 -->A simple loading status.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="340"></i></section><section class="highlight-wrapper" data-reactid="341"><div class="highlight" data-reactid="342"><i class="anticon anticon-copy code-box-code-copy" data-reactid="343"></i><pre class="language-jsx" data-reactid="344"><code data-reactid="345"><span class="token keyword">import</span> <span class="token punctuation">{</span> Spin <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Spin</span> <span class="token punctuation">/></span></span><span class="token punctuation">,</span> mountNode<span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></section></section><section class="code-box" id="components-spin-demo-inside" data-reactid="346"><section class="code-box-demo" data-reactid="347"><div class="example" data-reactid="348"><div class="ant-spin ant-spin-spinning" data-reactid="349"><span class="ant-spin-dot" data-reactid="350"><i data-reactid="351"></i><i data-reactid="352"></i><i data-reactid="353"></i><i data-reactid="354"></i></span></div></div><style data-reactid="355">.example {
   text-align: center;
diff --git a/components/steps-cn/index.html b/components/steps-cn/index.html
index c2d05ae19..e94ba8b0c 100644
--- a/components/steps-cn/index.html
+++ b/components/steps-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1198092966"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="299666780"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本用法" data-reactid="293"><a href="#components-steps-demo-simple" data-reactid="294">基本用法</a></li><li title="迷你版" data-reactid="295"><a href="#components-steps-demo-small-size" data-reactid="296">迷你版</a></li><li title="带图标的步骤条" data-reactid="297"><a href="#components-steps-demo-icon" data-reactid="298">带图标的步骤条</a></li><li title="步骤切换" data-reactid="299"><a href="#components-steps-demo-step-next" data-reactid="300">步骤切换</a></li><li title="竖直方向的步骤条" data-reactid="301"><a href="#components-steps-demo-vertical" data-reactid="302">竖直方向的步骤条</a></li><li title="竖直方向的小型步骤条" data-reactid="303"><a href="#components-steps-demo-vertical-small" data-reactid="304">竖直方向的小型步骤条</a></li><li title="步骤运行错误" data-reactid="305"><a href="#components-steps-demo-error" data-reactid="306">步骤运行错误</a></li><li title="点状步骤条" data-reactid="307"><a href="#components-steps-demo-progress-dot" data-reactid="308">点状步骤条</a></li><li title="自定义点状步骤条" data-reactid="309"><a href="#components-steps-demo-customized-progress-dot" data-reactid="310">自定义点状步骤条</a></li></ul></div></div><section class="markdown" data-reactid="311"><h1 data-reactid="312"><!-- react-text: 313 -->Steps<!-- /react-text --><span class="subtitle" data-reactid="314">步骤条</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/steps/index.zh-CN.md" data-reactid="315"><i class="anticon anticon-edit" data-reactid="316"></i></a></h1><section class="markdown" data-reactid="317"><p data-reactid="318"><!-- react-text: 319 -->引导用户按照流程完成任务的导航条。<!-- /react-text --></p><h2 id="何时使用" data-reactid="320"><span data-reactid="321"><!-- react-text: 322 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="323">#</a></h2><p data-reactid="324"><!-- react-text: 325 -->当任务复杂或者存在先后关系时，将其分解成一系列步骤，从而简化任务。<!-- /react-text --></p></section><h2 data-reactid="326"><span data-reactid="327">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="328"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="329"><div style="padding-left:8px;padding-right:8px;" class="ant-col-24 code-boxes-col-1-1" data-reactid="330"><section class="code-box" id="components-steps-demo-simple" data-reactid="331"><section class="code-box-demo" data-reactid="332"><div class="ant-steps ant-steps-horizontal ant-steps-label-horizontal ant-steps-hidden" data-reactid="333"><div class="ant-steps-item ant-steps-status-finish" style="margin-right:-1px;" data-reactid="334"><div class="ant-steps-tail" style="padding-right:1px;" data-reactid="335"><i data-reactid="336"></i></div><div class="ant-steps-step" data-reactid="337"><div class="ant-steps-head" data-reactid="338"><div class="ant-steps-head-inner" data-reactid="339"><span class="ant-steps-icon anticon anticon-check" data-reactid="340"></span></div></div><div class="ant-steps-main" data-reactid="341"><div class="ant-steps-title" data-reactid="342">Finished</div><div class="ant-steps-description" data-reactid="343">This is a description.</div></div></div></div><div class="ant-steps-item ant-steps-status-process" style="margin-right:-1px;" data-reactid="344"><div class="ant-steps-tail" style="padding-right:1px;" data-reactid="345"><i data-reactid="346"></i></div><div class="ant-steps-step" data-reactid="347"><div class="ant-steps-head" data-reactid="348"><div class="ant-steps-head-inner" data-reactid="349"><span class="ant-steps-icon" data-reactid="350">2</span></div></div><div class="ant-steps-main" data-reactid="351"><div class="ant-steps-title" data-reactid="352">In Progress</div><div class="ant-steps-description" data-reactid="353">This is a description.</div></div></div></div><div class="ant-steps-item ant-steps-status-wait" data-reactid="354"><div class="ant-steps-tail" style="padding-right:0;" data-reactid="355"><i data-reactid="356"></i></div><div class="ant-steps-step" data-reactid="357"><div class="ant-steps-head" data-reactid="358"><div class="ant-steps-head-inner" data-reactid="359"><span class="ant-steps-icon" data-reactid="360">3</span></div></div><div class="ant-steps-main" data-reactid="361"><div class="ant-steps-title" data-reactid="362">Waiting</div><div class="ant-steps-description" data-reactid="363">This is a description.</div></div></div></div></div></section><section class="code-box-meta markdown" data-reactid="364"><div class="code-box-title" data-reactid="365"><a href="#components-steps-demo-simple" data-reactid="366">基本用法</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/steps/demo/simple.md" data-reactid="367"><i class="anticon anticon-edit" data-reactid="368"></i></a></div><div data-reactid="369"><p data-reactid="370"><!-- react-text: 371 -->简单的步骤条。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="372"></i></section><section class="highlight-wrapper" data-reactid="373"><div class="highlight" data-reactid="374"><i class="anticon anticon-copy code-box-code-copy" data-reactid="375"></i><pre class="language-jsx" data-reactid="376"><code data-reactid="377"><span class="token keyword">import</span> <span class="token punctuation">{</span> Steps <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本用法" data-reactid="293"><a href="#components-steps-demo-simple" data-reactid="294">基本用法</a></li><li title="迷你版" data-reactid="295"><a href="#components-steps-demo-small-size" data-reactid="296">迷你版</a></li><li title="带图标的步骤条" data-reactid="297"><a href="#components-steps-demo-icon" data-reactid="298">带图标的步骤条</a></li><li title="步骤切换" data-reactid="299"><a href="#components-steps-demo-step-next" data-reactid="300">步骤切换</a></li><li title="竖直方向的步骤条" data-reactid="301"><a href="#components-steps-demo-vertical" data-reactid="302">竖直方向的步骤条</a></li><li title="竖直方向的小型步骤条" data-reactid="303"><a href="#components-steps-demo-vertical-small" data-reactid="304">竖直方向的小型步骤条</a></li><li title="步骤运行错误" data-reactid="305"><a href="#components-steps-demo-error" data-reactid="306">步骤运行错误</a></li><li title="点状步骤条" data-reactid="307"><a href="#components-steps-demo-progress-dot" data-reactid="308">点状步骤条</a></li><li title="自定义点状步骤条" data-reactid="309"><a href="#components-steps-demo-customized-progress-dot" data-reactid="310">自定义点状步骤条</a></li></ul></div></div><section class="markdown" data-reactid="311"><h1 data-reactid="312"><!-- react-text: 313 -->Steps<!-- /react-text --><span class="subtitle" data-reactid="314">步骤条</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/steps/index.zh-CN.md" data-reactid="315"><i class="anticon anticon-edit" data-reactid="316"></i></a></h1><section class="markdown" data-reactid="317"><p data-reactid="318"><!-- react-text: 319 -->引导用户按照流程完成任务的导航条。<!-- /react-text --></p><h2 id="何时使用" data-reactid="320"><span data-reactid="321"><!-- react-text: 322 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="323">#</a></h2><p data-reactid="324"><!-- react-text: 325 -->当任务复杂或者存在先后关系时，将其分解成一系列步骤，从而简化任务。<!-- /react-text --></p></section><h2 data-reactid="326"><span data-reactid="327">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="328"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="329"><div style="padding-left:8px;padding-right:8px;" class="ant-col-24 code-boxes-col-1-1" data-reactid="330"><section class="code-box" id="components-steps-demo-simple" data-reactid="331"><section class="code-box-demo" data-reactid="332"><div class="ant-steps ant-steps-horizontal ant-steps-label-horizontal ant-steps-hidden" data-reactid="333"><div class="ant-steps-item ant-steps-status-finish" style="margin-right:-1px;" data-reactid="334"><div class="ant-steps-tail" style="padding-right:1px;" data-reactid="335"><i data-reactid="336"></i></div><div class="ant-steps-step" data-reactid="337"><div class="ant-steps-head" data-reactid="338"><div class="ant-steps-head-inner" data-reactid="339"><span class="ant-steps-icon anticon anticon-check" data-reactid="340"></span></div></div><div class="ant-steps-main" data-reactid="341"><div class="ant-steps-title" data-reactid="342">Finished</div><div class="ant-steps-description" data-reactid="343">This is a description.</div></div></div></div><div class="ant-steps-item ant-steps-status-process" style="margin-right:-1px;" data-reactid="344"><div class="ant-steps-tail" style="padding-right:1px;" data-reactid="345"><i data-reactid="346"></i></div><div class="ant-steps-step" data-reactid="347"><div class="ant-steps-head" data-reactid="348"><div class="ant-steps-head-inner" data-reactid="349"><span class="ant-steps-icon" data-reactid="350">2</span></div></div><div class="ant-steps-main" data-reactid="351"><div class="ant-steps-title" data-reactid="352">In Progress</div><div class="ant-steps-description" data-reactid="353">This is a description.</div></div></div></div><div class="ant-steps-item ant-steps-status-wait" data-reactid="354"><div class="ant-steps-tail" style="padding-right:0;" data-reactid="355"><i data-reactid="356"></i></div><div class="ant-steps-step" data-reactid="357"><div class="ant-steps-head" data-reactid="358"><div class="ant-steps-head-inner" data-reactid="359"><span class="ant-steps-icon" data-reactid="360">3</span></div></div><div class="ant-steps-main" data-reactid="361"><div class="ant-steps-title" data-reactid="362">Waiting</div><div class="ant-steps-description" data-reactid="363">This is a description.</div></div></div></div></div></section><section class="code-box-meta markdown" data-reactid="364"><div class="code-box-title" data-reactid="365"><a href="#components-steps-demo-simple" data-reactid="366">基本用法</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/steps/demo/simple.md" data-reactid="367"><i class="anticon anticon-edit" data-reactid="368"></i></a></div><div data-reactid="369"><p data-reactid="370"><!-- react-text: 371 -->简单的步骤条。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="372"></i></section><section class="highlight-wrapper" data-reactid="373"><div class="highlight" data-reactid="374"><i class="anticon anticon-copy code-box-code-copy" data-reactid="375"></i><pre class="language-jsx" data-reactid="376"><code data-reactid="377"><span class="token keyword">import</span> <span class="token punctuation">{</span> Steps <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> Step <span class="token operator">=</span> Steps<span class="token punctuation">.</span>Step<span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>
diff --git a/components/steps/index.html b/components/steps/index.html
index 56fbac15d..fd32f0712 100644
--- a/components/steps/index.html
+++ b/components/steps/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="632336300"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1970163794"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-steps-demo-simple" data-reactid="294">Basic</a></li><li title="Mini version" data-reactid="295"><a href="#components-steps-demo-small-size" data-reactid="296">Mini version</a></li><li title="With icon" data-reactid="297"><a href="#components-steps-demo-icon" data-reactid="298">With icon</a></li><li title="Switch Step" data-reactid="299"><a href="#components-steps-demo-step-next" data-reactid="300">Switch Step</a></li><li title="Vertical" data-reactid="301"><a href="#components-steps-demo-vertical" data-reactid="302">Vertical</a></li><li title="Vertical mini version" data-reactid="303"><a href="#components-steps-demo-vertical-small" data-reactid="304">Vertical mini version</a></li><li title="Error status" data-reactid="305"><a href="#components-steps-demo-error" data-reactid="306">Error status</a></li><li title="Dot Style" data-reactid="307"><a href="#components-steps-demo-progress-dot" data-reactid="308">Dot Style</a></li><li title="Customized Dot Style" data-reactid="309"><a href="#components-steps-demo-customized-progress-dot" data-reactid="310">Customized Dot Style</a></li></ul></div></div><section class="markdown" data-reactid="311"><h1 data-reactid="312"><!-- react-text: 313 -->Steps<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/steps/index.en-US.md" data-reactid="314"><i class="anticon anticon-edit" data-reactid="315"></i></a></h1><section class="markdown" data-reactid="316"><p data-reactid="317"><code data-reactid="318"><!-- react-text: 319 -->Steps<!-- /react-text --></code><!-- react-text: 320 --> is a navigation bar that guides users through the steps of a task.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="321"><span data-reactid="322"><!-- react-text: 323 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="324">#</a></h2><p data-reactid="325"><!-- react-text: 326 -->When the task is complicated or has a certain sequence in the series of subtasks, we can decompose it into several steps to make things easier.<!-- /react-text --></p></section><h2 data-reactid="327"><span data-reactid="328">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="329"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="330"><div style="padding-left:8px;padding-right:8px;" class="ant-col-24 code-boxes-col-1-1" data-reactid="331"><section class="code-box" id="components-steps-demo-simple" data-reactid="332"><section class="code-box-demo" data-reactid="333"><div class="ant-steps ant-steps-horizontal ant-steps-label-horizontal ant-steps-hidden" data-reactid="334"><div class="ant-steps-item ant-steps-status-finish" style="margin-right:-1px;" data-reactid="335"><div class="ant-steps-tail" style="padding-right:1px;" data-reactid="336"><i data-reactid="337"></i></div><div class="ant-steps-step" data-reactid="338"><div class="ant-steps-head" data-reactid="339"><div class="ant-steps-head-inner" data-reactid="340"><span class="ant-steps-icon anticon anticon-check" data-reactid="341"></span></div></div><div class="ant-steps-main" data-reactid="342"><div class="ant-steps-title" data-reactid="343">Finished</div><div class="ant-steps-description" data-reactid="344">This is a description.</div></div></div></div><div class="ant-steps-item ant-steps-status-process" style="margin-right:-1px;" data-reactid="345"><div class="ant-steps-tail" style="padding-right:1px;" data-reactid="346"><i data-reactid="347"></i></div><div class="ant-steps-step" data-reactid="348"><div class="ant-steps-head" data-reactid="349"><div class="ant-steps-head-inner" data-reactid="350"><span class="ant-steps-icon" data-reactid="351">2</span></div></div><div class="ant-steps-main" data-reactid="352"><div class="ant-steps-title" data-reactid="353">In Progress</div><div class="ant-steps-description" data-reactid="354">This is a description.</div></div></div></div><div class="ant-steps-item ant-steps-status-wait" data-reactid="355"><div class="ant-steps-tail" style="padding-right:0;" data-reactid="356"><i data-reactid="357"></i></div><div class="ant-steps-step" data-reactid="358"><div class="ant-steps-head" data-reactid="359"><div class="ant-steps-head-inner" data-reactid="360"><span class="ant-steps-icon" data-reactid="361">3</span></div></div><div class="ant-steps-main" data-reactid="362"><div class="ant-steps-title" data-reactid="363">Waiting</div><div class="ant-steps-description" data-reactid="364">This is a description.</div></div></div></div></div></section><section class="code-box-meta markdown" data-reactid="365"><div class="code-box-title" data-reactid="366"><a href="#components-steps-demo-simple" data-reactid="367">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/steps/demo/simple.md" data-reactid="368"><i class="anticon anticon-edit" data-reactid="369"></i></a></div><div data-reactid="370"><p data-reactid="371"><!-- react-text: 372 -->The most basic step bar.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="373"></i></section><section class="highlight-wrapper" data-reactid="374"><div class="highlight" data-reactid="375"><i class="anticon anticon-copy code-box-code-copy" data-reactid="376"></i><pre class="language-jsx" data-reactid="377"><code data-reactid="378"><span class="token keyword">import</span> <span class="token punctuation">{</span> Steps <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-steps-demo-simple" data-reactid="294">Basic</a></li><li title="Mini version" data-reactid="295"><a href="#components-steps-demo-small-size" data-reactid="296">Mini version</a></li><li title="With icon" data-reactid="297"><a href="#components-steps-demo-icon" data-reactid="298">With icon</a></li><li title="Switch Step" data-reactid="299"><a href="#components-steps-demo-step-next" data-reactid="300">Switch Step</a></li><li title="Vertical" data-reactid="301"><a href="#components-steps-demo-vertical" data-reactid="302">Vertical</a></li><li title="Vertical mini version" data-reactid="303"><a href="#components-steps-demo-vertical-small" data-reactid="304">Vertical mini version</a></li><li title="Error status" data-reactid="305"><a href="#components-steps-demo-error" data-reactid="306">Error status</a></li><li title="Dot Style" data-reactid="307"><a href="#components-steps-demo-progress-dot" data-reactid="308">Dot Style</a></li><li title="Customized Dot Style" data-reactid="309"><a href="#components-steps-demo-customized-progress-dot" data-reactid="310">Customized Dot Style</a></li></ul></div></div><section class="markdown" data-reactid="311"><h1 data-reactid="312"><!-- react-text: 313 -->Steps<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/steps/index.en-US.md" data-reactid="314"><i class="anticon anticon-edit" data-reactid="315"></i></a></h1><section class="markdown" data-reactid="316"><p data-reactid="317"><code data-reactid="318"><!-- react-text: 319 -->Steps<!-- /react-text --></code><!-- react-text: 320 --> is a navigation bar that guides users through the steps of a task.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="321"><span data-reactid="322"><!-- react-text: 323 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="324">#</a></h2><p data-reactid="325"><!-- react-text: 326 -->When the task is complicated or has a certain sequence in the series of subtasks, we can decompose it into several steps to make things easier.<!-- /react-text --></p></section><h2 data-reactid="327"><span data-reactid="328">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="329"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="330"><div style="padding-left:8px;padding-right:8px;" class="ant-col-24 code-boxes-col-1-1" data-reactid="331"><section class="code-box" id="components-steps-demo-simple" data-reactid="332"><section class="code-box-demo" data-reactid="333"><div class="ant-steps ant-steps-horizontal ant-steps-label-horizontal ant-steps-hidden" data-reactid="334"><div class="ant-steps-item ant-steps-status-finish" style="margin-right:-1px;" data-reactid="335"><div class="ant-steps-tail" style="padding-right:1px;" data-reactid="336"><i data-reactid="337"></i></div><div class="ant-steps-step" data-reactid="338"><div class="ant-steps-head" data-reactid="339"><div class="ant-steps-head-inner" data-reactid="340"><span class="ant-steps-icon anticon anticon-check" data-reactid="341"></span></div></div><div class="ant-steps-main" data-reactid="342"><div class="ant-steps-title" data-reactid="343">Finished</div><div class="ant-steps-description" data-reactid="344">This is a description.</div></div></div></div><div class="ant-steps-item ant-steps-status-process" style="margin-right:-1px;" data-reactid="345"><div class="ant-steps-tail" style="padding-right:1px;" data-reactid="346"><i data-reactid="347"></i></div><div class="ant-steps-step" data-reactid="348"><div class="ant-steps-head" data-reactid="349"><div class="ant-steps-head-inner" data-reactid="350"><span class="ant-steps-icon" data-reactid="351">2</span></div></div><div class="ant-steps-main" data-reactid="352"><div class="ant-steps-title" data-reactid="353">In Progress</div><div class="ant-steps-description" data-reactid="354">This is a description.</div></div></div></div><div class="ant-steps-item ant-steps-status-wait" data-reactid="355"><div class="ant-steps-tail" style="padding-right:0;" data-reactid="356"><i data-reactid="357"></i></div><div class="ant-steps-step" data-reactid="358"><div class="ant-steps-head" data-reactid="359"><div class="ant-steps-head-inner" data-reactid="360"><span class="ant-steps-icon" data-reactid="361">3</span></div></div><div class="ant-steps-main" data-reactid="362"><div class="ant-steps-title" data-reactid="363">Waiting</div><div class="ant-steps-description" data-reactid="364">This is a description.</div></div></div></div></div></section><section class="code-box-meta markdown" data-reactid="365"><div class="code-box-title" data-reactid="366"><a href="#components-steps-demo-simple" data-reactid="367">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/steps/demo/simple.md" data-reactid="368"><i class="anticon anticon-edit" data-reactid="369"></i></a></div><div data-reactid="370"><p data-reactid="371"><!-- react-text: 372 -->The most basic step bar.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="373"></i></section><section class="highlight-wrapper" data-reactid="374"><div class="highlight" data-reactid="375"><i class="anticon anticon-copy code-box-code-copy" data-reactid="376"></i><pre class="language-jsx" data-reactid="377"><code data-reactid="378"><span class="token keyword">import</span> <span class="token punctuation">{</span> Steps <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> Step <span class="token operator">=</span> Steps<span class="token punctuation">.</span>Step<span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>
diff --git a/components/switch-cn/index.html b/components/switch-cn/index.html
index ed024c8c1..63cefa8ca 100644
--- a/components/switch-cn/index.html
+++ b/components/switch-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1666107867"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-955266595"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-switch-demo-basic" data-reactid="294">基本</a></li><li title="不可用" data-reactid="295"><a href="#components-switch-demo-disabled" data-reactid="296">不可用</a></li><li title="文字和图标" data-reactid="297"><a href="#components-switch-demo-text" data-reactid="298">文字和图标</a></li><li title="两种大小" data-reactid="299"><a href="#components-switch-demo-size" data-reactid="300">两种大小</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Switch<!-- /react-text --><span class="subtitle" data-reactid="304">开关</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/switch/index.zh-CN.md" data-reactid="305"><i class="anticon anticon-edit" data-reactid="306"></i></a></h1><section class="markdown" data-reactid="307"><p data-reactid="308"><!-- react-text: 309 -->开关选择器。<!-- /react-text --></p><h2 id="何时使用" data-reactid="310"><span data-reactid="311"><!-- react-text: 312 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="313">#</a></h2><ul data-reactid="314"><li data-reactid="315"><p data-reactid="316"><!-- react-text: 317 -->需要表示开关状态/两种状态之间的切换时；<!-- /react-text --></p></li><li data-reactid="318"><p data-reactid="319"><!-- react-text: 320 -->和 <!-- /react-text --><code data-reactid="321"><!-- react-text: 322 -->checkbox<!-- /react-text --></code><!-- react-text: 323 -->的区别是，切换 <!-- /react-text --><code data-reactid="324"><!-- react-text: 325 -->switch<!-- /react-text --></code><!-- react-text: 326 --> 会直接触发状态改变，而 <!-- /react-text --><code data-reactid="327"><!-- react-text: 328 -->checkbox<!-- /react-text --></code><!-- react-text: 329 --> 一般用于状态标记，需要和提交操作配合。<!-- /react-text --></p></li></ul></section><h2 data-reactid="330"><span data-reactid="331">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="332"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="333"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="334"><section class="code-box" id="components-switch-demo-basic" data-reactid="335"><section class="code-box-demo" data-reactid="336"><span class="ant-switch" tabindex="0" data-reactid="337"><span class="ant-switch-inner" data-reactid="338"></span></span><style data-reactid="339">
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-switch-demo-basic" data-reactid="294">基本</a></li><li title="不可用" data-reactid="295"><a href="#components-switch-demo-disabled" data-reactid="296">不可用</a></li><li title="文字和图标" data-reactid="297"><a href="#components-switch-demo-text" data-reactid="298">文字和图标</a></li><li title="两种大小" data-reactid="299"><a href="#components-switch-demo-size" data-reactid="300">两种大小</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Switch<!-- /react-text --><span class="subtitle" data-reactid="304">开关</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/switch/index.zh-CN.md" data-reactid="305"><i class="anticon anticon-edit" data-reactid="306"></i></a></h1><section class="markdown" data-reactid="307"><p data-reactid="308"><!-- react-text: 309 -->开关选择器。<!-- /react-text --></p><h2 id="何时使用" data-reactid="310"><span data-reactid="311"><!-- react-text: 312 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="313">#</a></h2><ul data-reactid="314"><li data-reactid="315"><p data-reactid="316"><!-- react-text: 317 -->需要表示开关状态/两种状态之间的切换时；<!-- /react-text --></p></li><li data-reactid="318"><p data-reactid="319"><!-- react-text: 320 -->和 <!-- /react-text --><code data-reactid="321"><!-- react-text: 322 -->checkbox<!-- /react-text --></code><!-- react-text: 323 -->的区别是，切换 <!-- /react-text --><code data-reactid="324"><!-- react-text: 325 -->switch<!-- /react-text --></code><!-- react-text: 326 --> 会直接触发状态改变，而 <!-- /react-text --><code data-reactid="327"><!-- react-text: 328 -->checkbox<!-- /react-text --></code><!-- react-text: 329 --> 一般用于状态标记，需要和提交操作配合。<!-- /react-text --></p></li></ul></section><h2 data-reactid="330"><span data-reactid="331">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="332"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="333"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="334"><section class="code-box" id="components-switch-demo-basic" data-reactid="335"><section class="code-box-demo" data-reactid="336"><span class="ant-switch" tabindex="0" data-reactid="337"><span class="ant-switch-inner" data-reactid="338"></span></span><style data-reactid="339">
 .ant-switch {
   margin-bottom: 8px;
 }
diff --git a/components/switch/index.html b/components/switch/index.html
index 20402e769..02d4340d8 100644
--- a/components/switch/index.html
+++ b/components/switch/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1650844057"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="146939497"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-switch-demo-basic" data-reactid="294">Basic</a></li><li title="Disabled" data-reactid="295"><a href="#components-switch-demo-disabled" data-reactid="296">Disabled</a></li><li title="Text &amp; icon" data-reactid="297"><a href="#components-switch-demo-text" data-reactid="298">Text &amp; icon</a></li><li title="Two sizes" data-reactid="299"><a href="#components-switch-demo-size" data-reactid="300">Two sizes</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Switch<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/switch/index.en-US.md" data-reactid="304"><i class="anticon anticon-edit" data-reactid="305"></i></a></h1><section class="markdown" data-reactid="306"><p data-reactid="307"><!-- react-text: 308 -->Switching Selector.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="309"><span data-reactid="310"><!-- react-text: 311 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="312">#</a></h2><ul data-reactid="313"><li data-reactid="314"><p data-reactid="315"><!-- react-text: 316 -->If you need to represent the switching between two states or on-off state.<!-- /react-text --></p></li><li data-reactid="317"><p data-reactid="318"><!-- react-text: 319 -->The difference between <!-- /react-text --><code data-reactid="320"><!-- react-text: 321 -->Switch<!-- /react-text --></code><!-- react-text: 322 --> and <!-- /react-text --><code data-reactid="323"><!-- react-text: 324 -->Checkbox<!-- /react-text --></code><!-- react-text: 325 --> is that <!-- /react-text --><code data-reactid="326"><!-- react-text: 327 -->Switch<!-- /react-text --></code><!-- react-text: 328 --> will trigger a state change directly when you toggle it, while <!-- /react-text --><code data-reactid="329"><!-- react-text: 330 -->Checkbox<!-- /react-text --></code><!-- react-text: 331 --> is generally used for state marking, which should work in conjunction with submit operation.<!-- /react-text --></p></li></ul></section><h2 data-reactid="332"><span data-reactid="333">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="334"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="335"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="336"><section class="code-box" id="components-switch-demo-basic" data-reactid="337"><section class="code-box-demo" data-reactid="338"><span class="ant-switch" tabindex="0" data-reactid="339"><span class="ant-switch-inner" data-reactid="340"></span></span><style data-reactid="341">
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-switch-demo-basic" data-reactid="294">Basic</a></li><li title="Disabled" data-reactid="295"><a href="#components-switch-demo-disabled" data-reactid="296">Disabled</a></li><li title="Text &amp; icon" data-reactid="297"><a href="#components-switch-demo-text" data-reactid="298">Text &amp; icon</a></li><li title="Two sizes" data-reactid="299"><a href="#components-switch-demo-size" data-reactid="300">Two sizes</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Switch<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/switch/index.en-US.md" data-reactid="304"><i class="anticon anticon-edit" data-reactid="305"></i></a></h1><section class="markdown" data-reactid="306"><p data-reactid="307"><!-- react-text: 308 -->Switching Selector.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="309"><span data-reactid="310"><!-- react-text: 311 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="312">#</a></h2><ul data-reactid="313"><li data-reactid="314"><p data-reactid="315"><!-- react-text: 316 -->If you need to represent the switching between two states or on-off state.<!-- /react-text --></p></li><li data-reactid="317"><p data-reactid="318"><!-- react-text: 319 -->The difference between <!-- /react-text --><code data-reactid="320"><!-- react-text: 321 -->Switch<!-- /react-text --></code><!-- react-text: 322 --> and <!-- /react-text --><code data-reactid="323"><!-- react-text: 324 -->Checkbox<!-- /react-text --></code><!-- react-text: 325 --> is that <!-- /react-text --><code data-reactid="326"><!-- react-text: 327 -->Switch<!-- /react-text --></code><!-- react-text: 328 --> will trigger a state change directly when you toggle it, while <!-- /react-text --><code data-reactid="329"><!-- react-text: 330 -->Checkbox<!-- /react-text --></code><!-- react-text: 331 --> is generally used for state marking, which should work in conjunction with submit operation.<!-- /react-text --></p></li></ul></section><h2 data-reactid="332"><span data-reactid="333">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="334"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="335"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="336"><section class="code-box" id="components-switch-demo-basic" data-reactid="337"><section class="code-box-demo" data-reactid="338"><span class="ant-switch" tabindex="0" data-reactid="339"><span class="ant-switch-inner" data-reactid="340"></span></span><style data-reactid="341">
 .ant-switch {
   margin-bottom: 8px;
 }
diff --git a/components/table-cn/index.html b/components/table-cn/index.html
index 3fac0a6a4..e1f68442e 100644
--- a/components/table-cn/index.html
+++ b/components/table-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1133571587"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="2042171903"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本用法" data-reactid="293"><a href="#components-table-demo-basic" data-reactid="294">基本用法</a></li><li title="JSX 风格的 API" data-reactid="295"><a href="#components-table-demo-jsx" data-reactid="296">JSX 风格的 API</a></li><li title="可选择" data-reactid="297"><a href="#components-table-demo-row-selection" data-reactid="298">可选择</a></li><li title="选择和操作" data-reactid="299"><a href="#components-table-demo-row-selection-and-operation" data-reactid="300">选择和操作</a></li><li title="自定义选择项" data-reactid="301"><a href="#components-table-demo-row-selection-custom" data-reactid="302">自定义选择项</a></li><li title="可控的筛选和排序" data-reactid="303"><a href="#components-table-demo-reset-filter" data-reactid="304">可控的筛选和排序</a></li><li title="筛选和排序" data-reactid="305"><a href="#components-table-demo-head" data-reactid="306">筛选和排序</a></li><li title="自定义筛选菜单" data-reactid="307"><a href="#components-table-demo-custom-filter-panel" data-reactid="308">自定义筛选菜单</a></li><li title="远程加载数据" data-reactid="309"><a href="#components-table-demo-ajax" data-reactid="310">远程加载数据</a></li><li title="紧凑型" data-reactid="311"><a href="#components-table-demo-size" data-reactid="312">紧凑型</a></li><li title="带边框" data-reactid="313"><a href="#components-table-demo-bordered" data-reactid="314">带边框</a></li><li title="可展开" data-reactid="315"><a href="#components-table-demo-expand" data-reactid="316">可展开</a></li><li title="表格行/列合并" data-reactid="317"><a href="#components-table-demo-colspan-rowspan" data-reactid="318">表格行/列合并</a></li><li title="树形数据展示" data-reactid="319"><a href="#components-table-demo-expand-children" data-reactid="320">树形数据展示</a></li><li title="固定表头" data-reactid="321"><a href="#components-table-demo-fixed-header" data-reactid="322">固定表头</a></li><li title="固定列" data-reactid="323"><a href="#components-table-demo-fixed-columns" data-reactid="324">固定列</a></li><li title="固定头和列" data-reactid="325"><a href="#components-table-demo-fixed-columns-header" data-reactid="326">固定头和列</a></li><li title="表头分组" data-reactid="327"><a href="#components-table-demo-grouping-columns" data-reactid="328">表头分组</a></li><li title="可编辑单元格" data-reactid="329"><a href="#components-table-demo-edit-cell" data-reactid="330">可编辑单元格</a></li><li title="可编辑行" data-reactid="331"><a href="#components-table-demo-edit-row" data-reactid="332">可编辑行</a></li><li title="嵌套子表格" data-reactid="333"><a href="#components-table-demo-nested-table" data-reactid="334">嵌套子表格</a></li><li title="动态控制表格属性" data-reactid="335"><a href="#components-table-demo-dynamic-settings" data-reactid="336">动态控制表格属性</a></li></ul></div></div><section class="markdown" data-reactid="337"><h1 data-reactid="338"><!-- react-text: 339 -->Table<!-- /react-text --><span class="subtitle" data-reactid="340">表格</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/table/index.zh-CN.md" data-reactid="341"><i class="anticon anticon-edit" data-reactid="342"></i></a></h1><section class="markdown" data-reactid="343"><p data-reactid="344"><!-- react-text: 345 -->展示行列数据。<!-- /react-text --></p><h2 id="何时使用" data-reactid="346"><span data-reactid="347"><!-- react-text: 348 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="349">#</a></h2><ul data-reactid="350"><li data-reactid="351"><p data-reactid="352"><!-- react-text: 353 -->当有大量结构化的数据需要展现时；<!-- /react-text --></p></li><li data-reactid="354"><p data-reactid="355"><!-- react-text: 356 -->当需要对数据进行排序、搜索、分页、自定义操作等复杂行为时。<!-- /react-text --></p></li></ul><h2 id="如何使用" data-reactid="357"><span data-reactid="358"><!-- react-text: 359 -->如何使用<!-- /react-text --></span><a href="#如何使用" class="anchor" data-reactid="360">#</a></h2><p data-reactid="361"><!-- react-text: 362 -->指定表格的数据源 <!-- /react-text --><code data-reactid="363"><!-- react-text: 364 -->dataSource<!-- /react-text --></code><!-- react-text: 365 --> 为一个数组。<!-- /react-text --></p><pre class="language-jsx" data-reactid="366"><code data-reactid="367"><span class="token keyword">const</span> dataSource <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token punctuation">{</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本用法" data-reactid="293"><a href="#components-table-demo-basic" data-reactid="294">基本用法</a></li><li title="JSX 风格的 API" data-reactid="295"><a href="#components-table-demo-jsx" data-reactid="296">JSX 风格的 API</a></li><li title="可选择" data-reactid="297"><a href="#components-table-demo-row-selection" data-reactid="298">可选择</a></li><li title="选择和操作" data-reactid="299"><a href="#components-table-demo-row-selection-and-operation" data-reactid="300">选择和操作</a></li><li title="自定义选择项" data-reactid="301"><a href="#components-table-demo-row-selection-custom" data-reactid="302">自定义选择项</a></li><li title="可控的筛选和排序" data-reactid="303"><a href="#components-table-demo-reset-filter" data-reactid="304">可控的筛选和排序</a></li><li title="筛选和排序" data-reactid="305"><a href="#components-table-demo-head" data-reactid="306">筛选和排序</a></li><li title="自定义筛选菜单" data-reactid="307"><a href="#components-table-demo-custom-filter-panel" data-reactid="308">自定义筛选菜单</a></li><li title="远程加载数据" data-reactid="309"><a href="#components-table-demo-ajax" data-reactid="310">远程加载数据</a></li><li title="紧凑型" data-reactid="311"><a href="#components-table-demo-size" data-reactid="312">紧凑型</a></li><li title="带边框" data-reactid="313"><a href="#components-table-demo-bordered" data-reactid="314">带边框</a></li><li title="可展开" data-reactid="315"><a href="#components-table-demo-expand" data-reactid="316">可展开</a></li><li title="表格行/列合并" data-reactid="317"><a href="#components-table-demo-colspan-rowspan" data-reactid="318">表格行/列合并</a></li><li title="树形数据展示" data-reactid="319"><a href="#components-table-demo-expand-children" data-reactid="320">树形数据展示</a></li><li title="固定表头" data-reactid="321"><a href="#components-table-demo-fixed-header" data-reactid="322">固定表头</a></li><li title="固定列" data-reactid="323"><a href="#components-table-demo-fixed-columns" data-reactid="324">固定列</a></li><li title="固定头和列" data-reactid="325"><a href="#components-table-demo-fixed-columns-header" data-reactid="326">固定头和列</a></li><li title="表头分组" data-reactid="327"><a href="#components-table-demo-grouping-columns" data-reactid="328">表头分组</a></li><li title="可编辑单元格" data-reactid="329"><a href="#components-table-demo-edit-cell" data-reactid="330">可编辑单元格</a></li><li title="可编辑行" data-reactid="331"><a href="#components-table-demo-edit-row" data-reactid="332">可编辑行</a></li><li title="嵌套子表格" data-reactid="333"><a href="#components-table-demo-nested-table" data-reactid="334">嵌套子表格</a></li><li title="动态控制表格属性" data-reactid="335"><a href="#components-table-demo-dynamic-settings" data-reactid="336">动态控制表格属性</a></li></ul></div></div><section class="markdown" data-reactid="337"><h1 data-reactid="338"><!-- react-text: 339 -->Table<!-- /react-text --><span class="subtitle" data-reactid="340">表格</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/table/index.zh-CN.md" data-reactid="341"><i class="anticon anticon-edit" data-reactid="342"></i></a></h1><section class="markdown" data-reactid="343"><p data-reactid="344"><!-- react-text: 345 -->展示行列数据。<!-- /react-text --></p><h2 id="何时使用" data-reactid="346"><span data-reactid="347"><!-- react-text: 348 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="349">#</a></h2><ul data-reactid="350"><li data-reactid="351"><p data-reactid="352"><!-- react-text: 353 -->当有大量结构化的数据需要展现时；<!-- /react-text --></p></li><li data-reactid="354"><p data-reactid="355"><!-- react-text: 356 -->当需要对数据进行排序、搜索、分页、自定义操作等复杂行为时。<!-- /react-text --></p></li></ul><h2 id="如何使用" data-reactid="357"><span data-reactid="358"><!-- react-text: 359 -->如何使用<!-- /react-text --></span><a href="#如何使用" class="anchor" data-reactid="360">#</a></h2><p data-reactid="361"><!-- react-text: 362 -->指定表格的数据源 <!-- /react-text --><code data-reactid="363"><!-- react-text: 364 -->dataSource<!-- /react-text --></code><!-- react-text: 365 --> 为一个数组。<!-- /react-text --></p><pre class="language-jsx" data-reactid="366"><code data-reactid="367"><span class="token keyword">const</span> dataSource <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token punctuation">{</span>
   key<span class="token punctuation">:</span> <span class="token string">'1'</span><span class="token punctuation">,</span>
   name<span class="token punctuation">:</span> <span class="token string">'胡彦斌'</span><span class="token punctuation">,</span>
   age<span class="token punctuation">:</span> <span class="token number">32</span><span class="token punctuation">,</span>
diff --git a/components/table/index.html b/components/table/index.html
index 90bb4a2db..d12a332ac 100644
--- a/components/table/index.html
+++ b/components/table/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="846683973"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="392388423"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic Usage" data-reactid="293"><a href="#components-table-demo-basic" data-reactid="294">Basic Usage</a></li><li title="JSX style API" data-reactid="295"><a href="#components-table-demo-jsx" data-reactid="296">JSX style API</a></li><li title="selection" data-reactid="297"><a href="#components-table-demo-row-selection" data-reactid="298">selection</a></li><li title="Selection and operation" data-reactid="299"><a href="#components-table-demo-row-selection-and-operation" data-reactid="300">Selection and operation</a></li><li title="Custom selection" data-reactid="301"><a href="#components-table-demo-row-selection-custom" data-reactid="302">Custom selection</a></li><li title="Reset filters and sorters" data-reactid="303"><a href="#components-table-demo-reset-filter" data-reactid="304">Reset filters and sorters</a></li><li title="Filter and sorter" data-reactid="305"><a href="#components-table-demo-head" data-reactid="306">Filter and sorter</a></li><li title="Customized filter panel" data-reactid="307"><a href="#components-table-demo-custom-filter-panel" data-reactid="308">Customized filter panel</a></li><li title="Ajax" data-reactid="309"><a href="#components-table-demo-ajax" data-reactid="310">Ajax</a></li><li title="size" data-reactid="311"><a href="#components-table-demo-size" data-reactid="312">size</a></li><li title="border, title and footer" data-reactid="313"><a href="#components-table-demo-bordered" data-reactid="314">border, title and footer</a></li><li title="Expandable Row" data-reactid="315"><a href="#components-table-demo-expand" data-reactid="316">Expandable Row</a></li><li title="colSpan and rowSpan" data-reactid="317"><a href="#components-table-demo-colspan-rowspan" data-reactid="318">colSpan and rowSpan</a></li><li title="Tree data" data-reactid="319"><a href="#components-table-demo-expand-children" data-reactid="320">Tree data</a></li><li title="Fixed Header" data-reactid="321"><a href="#components-table-demo-fixed-header" data-reactid="322">Fixed Header</a></li><li title="Fixed Columns" data-reactid="323"><a href="#components-table-demo-fixed-columns" data-reactid="324">Fixed Columns</a></li><li title="Fixed Columns and Header" data-reactid="325"><a href="#components-table-demo-fixed-columns-header" data-reactid="326">Fixed Columns and Header</a></li><li title="Grouping table head" data-reactid="327"><a href="#components-table-demo-grouping-columns" data-reactid="328">Grouping table head</a></li><li title="Editable Cells" data-reactid="329"><a href="#components-table-demo-edit-cell" data-reactid="330">Editable Cells</a></li><li title="Editable Rows" data-reactid="331"><a href="#components-table-demo-edit-row" data-reactid="332">Editable Rows</a></li><li title="Nested tables" data-reactid="333"><a href="#components-table-demo-nested-table" data-reactid="334">Nested tables</a></li><li title="Dynamic Settings" data-reactid="335"><a href="#components-table-demo-dynamic-settings" data-reactid="336">Dynamic Settings</a></li></ul></div></div><section class="markdown" data-reactid="337"><h1 data-reactid="338"><!-- react-text: 339 -->Table<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/table/index.en-US.md" data-reactid="340"><i class="anticon anticon-edit" data-reactid="341"></i></a></h1><section class="markdown" data-reactid="342"><p data-reactid="343"><!-- react-text: 344 -->A table displays rows data.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="345"><span data-reactid="346"><!-- react-text: 347 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="348">#</a></h2><ul data-reactid="349"><li data-reactid="350"><p data-reactid="351"><!-- react-text: 352 -->To display a collection of structured data.<!-- /react-text --></p></li><li data-reactid="353"><p data-reactid="354"><!-- react-text: 355 -->To sort, search, paginate, filter data.<!-- /react-text --></p></li></ul><h2 id="How-To-Use" data-reactid="356"><span data-reactid="357"><!-- react-text: 358 -->How To Use<!-- /react-text --></span><a href="#How-To-Use" class="anchor" data-reactid="359">#</a></h2><p data-reactid="360"><!-- react-text: 361 -->Specify <!-- /react-text --><code data-reactid="362"><!-- react-text: 363 -->dataSource<!-- /react-text --></code><!-- react-text: 364 --> of Table whose value is an array of data.<!-- /react-text --></p><pre class="language-jsx" data-reactid="365"><code data-reactid="366"><span class="token keyword">const</span> dataSource <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token punctuation">{</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic Usage" data-reactid="293"><a href="#components-table-demo-basic" data-reactid="294">Basic Usage</a></li><li title="JSX style API" data-reactid="295"><a href="#components-table-demo-jsx" data-reactid="296">JSX style API</a></li><li title="selection" data-reactid="297"><a href="#components-table-demo-row-selection" data-reactid="298">selection</a></li><li title="Selection and operation" data-reactid="299"><a href="#components-table-demo-row-selection-and-operation" data-reactid="300">Selection and operation</a></li><li title="Custom selection" data-reactid="301"><a href="#components-table-demo-row-selection-custom" data-reactid="302">Custom selection</a></li><li title="Reset filters and sorters" data-reactid="303"><a href="#components-table-demo-reset-filter" data-reactid="304">Reset filters and sorters</a></li><li title="Filter and sorter" data-reactid="305"><a href="#components-table-demo-head" data-reactid="306">Filter and sorter</a></li><li title="Customized filter panel" data-reactid="307"><a href="#components-table-demo-custom-filter-panel" data-reactid="308">Customized filter panel</a></li><li title="Ajax" data-reactid="309"><a href="#components-table-demo-ajax" data-reactid="310">Ajax</a></li><li title="size" data-reactid="311"><a href="#components-table-demo-size" data-reactid="312">size</a></li><li title="border, title and footer" data-reactid="313"><a href="#components-table-demo-bordered" data-reactid="314">border, title and footer</a></li><li title="Expandable Row" data-reactid="315"><a href="#components-table-demo-expand" data-reactid="316">Expandable Row</a></li><li title="colSpan and rowSpan" data-reactid="317"><a href="#components-table-demo-colspan-rowspan" data-reactid="318">colSpan and rowSpan</a></li><li title="Tree data" data-reactid="319"><a href="#components-table-demo-expand-children" data-reactid="320">Tree data</a></li><li title="Fixed Header" data-reactid="321"><a href="#components-table-demo-fixed-header" data-reactid="322">Fixed Header</a></li><li title="Fixed Columns" data-reactid="323"><a href="#components-table-demo-fixed-columns" data-reactid="324">Fixed Columns</a></li><li title="Fixed Columns and Header" data-reactid="325"><a href="#components-table-demo-fixed-columns-header" data-reactid="326">Fixed Columns and Header</a></li><li title="Grouping table head" data-reactid="327"><a href="#components-table-demo-grouping-columns" data-reactid="328">Grouping table head</a></li><li title="Editable Cells" data-reactid="329"><a href="#components-table-demo-edit-cell" data-reactid="330">Editable Cells</a></li><li title="Editable Rows" data-reactid="331"><a href="#components-table-demo-edit-row" data-reactid="332">Editable Rows</a></li><li title="Nested tables" data-reactid="333"><a href="#components-table-demo-nested-table" data-reactid="334">Nested tables</a></li><li title="Dynamic Settings" data-reactid="335"><a href="#components-table-demo-dynamic-settings" data-reactid="336">Dynamic Settings</a></li></ul></div></div><section class="markdown" data-reactid="337"><h1 data-reactid="338"><!-- react-text: 339 -->Table<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/table/index.en-US.md" data-reactid="340"><i class="anticon anticon-edit" data-reactid="341"></i></a></h1><section class="markdown" data-reactid="342"><p data-reactid="343"><!-- react-text: 344 -->A table displays rows data.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="345"><span data-reactid="346"><!-- react-text: 347 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="348">#</a></h2><ul data-reactid="349"><li data-reactid="350"><p data-reactid="351"><!-- react-text: 352 -->To display a collection of structured data.<!-- /react-text --></p></li><li data-reactid="353"><p data-reactid="354"><!-- react-text: 355 -->To sort, search, paginate, filter data.<!-- /react-text --></p></li></ul><h2 id="How-To-Use" data-reactid="356"><span data-reactid="357"><!-- react-text: 358 -->How To Use<!-- /react-text --></span><a href="#How-To-Use" class="anchor" data-reactid="359">#</a></h2><p data-reactid="360"><!-- react-text: 361 -->Specify <!-- /react-text --><code data-reactid="362"><!-- react-text: 363 -->dataSource<!-- /react-text --></code><!-- react-text: 364 --> of Table whose value is an array of data.<!-- /react-text --></p><pre class="language-jsx" data-reactid="365"><code data-reactid="366"><span class="token keyword">const</span> dataSource <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token punctuation">{</span>
   key<span class="token punctuation">:</span> <span class="token string">'1'</span><span class="token punctuation">,</span>
   name<span class="token punctuation">:</span> <span class="token string">'Mike'</span><span class="token punctuation">,</span>
   age<span class="token punctuation">:</span> <span class="token number">32</span><span class="token punctuation">,</span>
diff --git a/components/tabs-cn/index.html b/components/tabs-cn/index.html
index 9f42c9587..a48a320b2 100644
--- a/components/tabs-cn/index.html
+++ b/components/tabs-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-223129018"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-2016390584"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-tabs-demo-basic" data-reactid="294">基本</a></li><li title="禁用" data-reactid="295"><a href="#components-tabs-demo-disabled" data-reactid="296">禁用</a></li><li title="图标" data-reactid="297"><a href="#components-tabs-demo-icon" data-reactid="298">图标</a></li><li title="滑动" data-reactid="299"><a href="#components-tabs-demo-slide" data-reactid="300">滑动</a></li><li title="附加内容" data-reactid="301"><a href="#components-tabs-demo-extra" data-reactid="302">附加内容</a></li><li title="迷你型" data-reactid="303"><a href="#components-tabs-demo-size" data-reactid="304">迷你型</a></li><li title="位置" data-reactid="305"><a href="#components-tabs-demo-position" data-reactid="306">位置</a></li><li title="卡片式页签" data-reactid="307"><a href="#components-tabs-demo-card" data-reactid="308">卡片式页签</a></li><li title="新增和关闭页签" data-reactid="309"><a href="#components-tabs-demo-editable-card" data-reactid="310">新增和关闭页签</a></li><li title="卡片式页签容器" data-reactid="311"><a href="#components-tabs-demo-card-top" data-reactid="312">卡片式页签容器</a></li><li title="自定义新增页签触发器" data-reactid="313"><a href="#components-tabs-demo-custom-add-trigger" data-reactid="314">自定义新增页签触发器</a></li></ul></div></div><section class="markdown" data-reactid="315"><h1 data-reactid="316"><!-- react-text: 317 -->Tabs<!-- /react-text --><span class="subtitle" data-reactid="318">标签页</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tabs/index.zh-CN.md" data-reactid="319"><i class="anticon anticon-edit" data-reactid="320"></i></a></h1><section class="markdown" data-reactid="321"><p data-reactid="322"><!-- react-text: 323 -->选项卡切换组件。<!-- /react-text --></p><h2 id="何时使用" data-reactid="324"><span data-reactid="325"><!-- react-text: 326 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="327">#</a></h2><p data-reactid="328"><!-- react-text: 329 -->提供平级的区域将大块内容进行收纳和展现，保持界面整洁。<!-- /react-text --></p><p data-reactid="330"><!-- react-text: 331 -->Ant Design 依次提供了三级选项卡，分别用于不同的场景。<!-- /react-text --></p><ul data-reactid="332"><li data-reactid="333"><p data-reactid="334"><!-- react-text: 335 -->卡片式的页签，提供可关闭的样式，常用于容器顶部。<!-- /react-text --></p></li><li data-reactid="336"><p data-reactid="337"><!-- react-text: 338 -->标准线条式页签，用于容器内部的主功能切换，这是最常用的 Tabs。<!-- /react-text --></p></li><li data-reactid="339"><p data-reactid="340"><a href="/components/radio-cn/#components-radio-demo-radiobutton" data-reactid="341">RadioButton</a><!-- react-text: 342 --> 可作为更次级的页签来使用。<!-- /react-text --></p></li></ul></section><h2 data-reactid="343"><span data-reactid="344">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="345"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="346"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="347"><section class="code-box" id="components-tabs-demo-basic" data-reactid="348"><section class="code-box-demo" data-reactid="349"><div class="ant-tabs ant-tabs-top ant-tabs-line" data-reactid="350"><div role="tablist" class="ant-tabs-bar" tabindex="0" data-reactid="351"><div class="ant-tabs-nav-container" data-reactid="352"><div class="ant-tabs-nav-wrap" data-reactid="353"><div class="ant-tabs-nav-scroll" data-reactid="354"><div class="ant-tabs-nav ant-tabs-nav-animated" data-reactid="355"><div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" data-reactid="356"></div><div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" data-reactid="357">Tab 1</div><div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" data-reactid="358">Tab 2</div><div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" data-reactid="359">Tab 3</div></div></div></div></div></div><div class="ant-tabs-content ant-tabs-content-animated" style="margin-left:0%;" data-reactid="360"><div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active" data-reactid="361">Content of Tab Pane 1</div><div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive" data-reactid="362"></div><div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive" data-reactid="363"></div></div></div></section><section class="code-box-meta markdown" data-reactid="364"><div class="code-box-title" data-reactid="365"><a href="#components-tabs-demo-basic" data-reactid="366">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tabs/demo/basic.md" data-reactid="367"><i class="anticon anticon-edit" data-reactid="368"></i></a></div><div data-reactid="369"><p data-reactid="370"><!-- react-text: 371 -->默认选中第一项。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="372"></i></section><section class="highlight-wrapper" data-reactid="373"><div class="highlight" data-reactid="374"><i class="anticon anticon-copy code-box-code-copy" data-reactid="375"></i><pre class="language-jsx" data-reactid="376"><code data-reactid="377"><span class="token keyword">import</span> <span class="token punctuation">{</span> Tabs <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-tabs-demo-basic" data-reactid="294">基本</a></li><li title="禁用" data-reactid="295"><a href="#components-tabs-demo-disabled" data-reactid="296">禁用</a></li><li title="图标" data-reactid="297"><a href="#components-tabs-demo-icon" data-reactid="298">图标</a></li><li title="滑动" data-reactid="299"><a href="#components-tabs-demo-slide" data-reactid="300">滑动</a></li><li title="附加内容" data-reactid="301"><a href="#components-tabs-demo-extra" data-reactid="302">附加内容</a></li><li title="迷你型" data-reactid="303"><a href="#components-tabs-demo-size" data-reactid="304">迷你型</a></li><li title="位置" data-reactid="305"><a href="#components-tabs-demo-position" data-reactid="306">位置</a></li><li title="卡片式页签" data-reactid="307"><a href="#components-tabs-demo-card" data-reactid="308">卡片式页签</a></li><li title="新增和关闭页签" data-reactid="309"><a href="#components-tabs-demo-editable-card" data-reactid="310">新增和关闭页签</a></li><li title="卡片式页签容器" data-reactid="311"><a href="#components-tabs-demo-card-top" data-reactid="312">卡片式页签容器</a></li><li title="自定义新增页签触发器" data-reactid="313"><a href="#components-tabs-demo-custom-add-trigger" data-reactid="314">自定义新增页签触发器</a></li></ul></div></div><section class="markdown" data-reactid="315"><h1 data-reactid="316"><!-- react-text: 317 -->Tabs<!-- /react-text --><span class="subtitle" data-reactid="318">标签页</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tabs/index.zh-CN.md" data-reactid="319"><i class="anticon anticon-edit" data-reactid="320"></i></a></h1><section class="markdown" data-reactid="321"><p data-reactid="322"><!-- react-text: 323 -->选项卡切换组件。<!-- /react-text --></p><h2 id="何时使用" data-reactid="324"><span data-reactid="325"><!-- react-text: 326 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="327">#</a></h2><p data-reactid="328"><!-- react-text: 329 -->提供平级的区域将大块内容进行收纳和展现，保持界面整洁。<!-- /react-text --></p><p data-reactid="330"><!-- react-text: 331 -->Ant Design 依次提供了三级选项卡，分别用于不同的场景。<!-- /react-text --></p><ul data-reactid="332"><li data-reactid="333"><p data-reactid="334"><!-- react-text: 335 -->卡片式的页签，提供可关闭的样式，常用于容器顶部。<!-- /react-text --></p></li><li data-reactid="336"><p data-reactid="337"><!-- react-text: 338 -->标准线条式页签，用于容器内部的主功能切换，这是最常用的 Tabs。<!-- /react-text --></p></li><li data-reactid="339"><p data-reactid="340"><a href="/components/radio-cn/#components-radio-demo-radiobutton" data-reactid="341">RadioButton</a><!-- react-text: 342 --> 可作为更次级的页签来使用。<!-- /react-text --></p></li></ul></section><h2 data-reactid="343"><span data-reactid="344">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="345"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="346"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="347"><section class="code-box" id="components-tabs-demo-basic" data-reactid="348"><section class="code-box-demo" data-reactid="349"><div class="ant-tabs ant-tabs-top ant-tabs-line" data-reactid="350"><div role="tablist" class="ant-tabs-bar" tabindex="0" data-reactid="351"><div class="ant-tabs-nav-container" data-reactid="352"><div class="ant-tabs-nav-wrap" data-reactid="353"><div class="ant-tabs-nav-scroll" data-reactid="354"><div class="ant-tabs-nav ant-tabs-nav-animated" data-reactid="355"><div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" data-reactid="356"></div><div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" data-reactid="357">Tab 1</div><div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" data-reactid="358">Tab 2</div><div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" data-reactid="359">Tab 3</div></div></div></div></div></div><div class="ant-tabs-content ant-tabs-content-animated" style="margin-left:0%;" data-reactid="360"><div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active" data-reactid="361">Content of Tab Pane 1</div><div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive" data-reactid="362"></div><div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive" data-reactid="363"></div></div></div></section><section class="code-box-meta markdown" data-reactid="364"><div class="code-box-title" data-reactid="365"><a href="#components-tabs-demo-basic" data-reactid="366">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tabs/demo/basic.md" data-reactid="367"><i class="anticon anticon-edit" data-reactid="368"></i></a></div><div data-reactid="369"><p data-reactid="370"><!-- react-text: 371 -->默认选中第一项。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="372"></i></section><section class="highlight-wrapper" data-reactid="373"><div class="highlight" data-reactid="374"><i class="anticon anticon-copy code-box-code-copy" data-reactid="375"></i><pre class="language-jsx" data-reactid="376"><code data-reactid="377"><span class="token keyword">import</span> <span class="token punctuation">{</span> Tabs <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> TabPane <span class="token operator">=</span> Tabs<span class="token punctuation">.</span>TabPane<span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">callback</span><span class="token punctuation">(</span>key<span class="token punctuation">)</span> <span class="token punctuation">{</span>
diff --git a/components/tabs/index.html b/components/tabs/index.html
index 7d61412ac..655be0048 100644
--- a/components/tabs/index.html
+++ b/components/tabs/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1219888766"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-670300544"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-tabs-demo-basic" data-reactid="294">Basic</a></li><li title="Disabled" data-reactid="295"><a href="#components-tabs-demo-disabled" data-reactid="296">Disabled</a></li><li title="Icon" data-reactid="297"><a href="#components-tabs-demo-icon" data-reactid="298">Icon</a></li><li title="Slide" data-reactid="299"><a href="#components-tabs-demo-slide" data-reactid="300">Slide</a></li><li title="Extra content" data-reactid="301"><a href="#components-tabs-demo-extra" data-reactid="302">Extra content</a></li><li title="Mini tab" data-reactid="303"><a href="#components-tabs-demo-size" data-reactid="304">Mini tab</a></li><li title="Position" data-reactid="305"><a href="#components-tabs-demo-position" data-reactid="306">Position</a></li><li title="Card type tab" data-reactid="307"><a href="#components-tabs-demo-card" data-reactid="308">Card type tab</a></li><li title="Add &amp; close tab" data-reactid="309"><a href="#components-tabs-demo-editable-card" data-reactid="310">Add &amp; close tab</a></li><li title="Container of card type Tab" data-reactid="311"><a href="#components-tabs-demo-card-top" data-reactid="312">Container of card type Tab</a></li><li title="Customized trigger of new tab" data-reactid="313"><a href="#components-tabs-demo-custom-add-trigger" data-reactid="314">Customized trigger of new tab</a></li></ul></div></div><section class="markdown" data-reactid="315"><h1 data-reactid="316"><!-- react-text: 317 -->Tabs<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tabs/index.en-US.md" data-reactid="318"><i class="anticon anticon-edit" data-reactid="319"></i></a></h1><section class="markdown" data-reactid="320"><p data-reactid="321"><!-- react-text: 322 -->Tabs make it easy to switch between different views.<!-- /react-text --></p><h3 id="When-To-Use" data-reactid="323"><span data-reactid="324"><!-- react-text: 325 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="326">#</a></h3><p data-reactid="327"><!-- react-text: 328 -->Ant Design has 3 types Tabs for different situation.<!-- /react-text --></p><ul data-reactid="329"><li data-reactid="330"><p data-reactid="331"><!-- react-text: 332 -->Card Tabs: for managing too many closeable views.<!-- /react-text --></p></li><li data-reactid="333"><p data-reactid="334"><!-- react-text: 335 -->Normal Tabs: for functional aspects of a page.<!-- /react-text --></p></li><li data-reactid="336"><p data-reactid="337"><a href="/components/radio/#components-radio-demo-radiobutton" data-reactid="338">RadioButton</a><!-- react-text: 339 -->: for secondary tabs.<!-- /react-text --></p></li></ul></section><h2 data-reactid="340"><span data-reactid="341">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="342"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="343"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="344"><section class="code-box" id="components-tabs-demo-basic" data-reactid="345"><section class="code-box-demo" data-reactid="346"><div class="ant-tabs ant-tabs-top ant-tabs-line" data-reactid="347"><div role="tablist" class="ant-tabs-bar" tabindex="0" data-reactid="348"><div class="ant-tabs-nav-container" data-reactid="349"><div class="ant-tabs-nav-wrap" data-reactid="350"><div class="ant-tabs-nav-scroll" data-reactid="351"><div class="ant-tabs-nav ant-tabs-nav-animated" data-reactid="352"><div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" data-reactid="353"></div><div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" data-reactid="354">Tab 1</div><div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" data-reactid="355">Tab 2</div><div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" data-reactid="356">Tab 3</div></div></div></div></div></div><div class="ant-tabs-content ant-tabs-content-animated" style="margin-left:0%;" data-reactid="357"><div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active" data-reactid="358">Content of Tab Pane 1</div><div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive" data-reactid="359"></div><div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive" data-reactid="360"></div></div></div></section><section class="code-box-meta markdown" data-reactid="361"><div class="code-box-title" data-reactid="362"><a href="#components-tabs-demo-basic" data-reactid="363">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tabs/demo/basic.md" data-reactid="364"><i class="anticon anticon-edit" data-reactid="365"></i></a></div><div data-reactid="366"><p data-reactid="367"><!-- react-text: 368 -->Default activate first tab.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="369"></i></section><section class="highlight-wrapper" data-reactid="370"><div class="highlight" data-reactid="371"><i class="anticon anticon-copy code-box-code-copy" data-reactid="372"></i><pre class="language-jsx" data-reactid="373"><code data-reactid="374"><span class="token keyword">import</span> <span class="token punctuation">{</span> Tabs <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-tabs-demo-basic" data-reactid="294">Basic</a></li><li title="Disabled" data-reactid="295"><a href="#components-tabs-demo-disabled" data-reactid="296">Disabled</a></li><li title="Icon" data-reactid="297"><a href="#components-tabs-demo-icon" data-reactid="298">Icon</a></li><li title="Slide" data-reactid="299"><a href="#components-tabs-demo-slide" data-reactid="300">Slide</a></li><li title="Extra content" data-reactid="301"><a href="#components-tabs-demo-extra" data-reactid="302">Extra content</a></li><li title="Mini tab" data-reactid="303"><a href="#components-tabs-demo-size" data-reactid="304">Mini tab</a></li><li title="Position" data-reactid="305"><a href="#components-tabs-demo-position" data-reactid="306">Position</a></li><li title="Card type tab" data-reactid="307"><a href="#components-tabs-demo-card" data-reactid="308">Card type tab</a></li><li title="Add &amp; close tab" data-reactid="309"><a href="#components-tabs-demo-editable-card" data-reactid="310">Add &amp; close tab</a></li><li title="Container of card type Tab" data-reactid="311"><a href="#components-tabs-demo-card-top" data-reactid="312">Container of card type Tab</a></li><li title="Customized trigger of new tab" data-reactid="313"><a href="#components-tabs-demo-custom-add-trigger" data-reactid="314">Customized trigger of new tab</a></li></ul></div></div><section class="markdown" data-reactid="315"><h1 data-reactid="316"><!-- react-text: 317 -->Tabs<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tabs/index.en-US.md" data-reactid="318"><i class="anticon anticon-edit" data-reactid="319"></i></a></h1><section class="markdown" data-reactid="320"><p data-reactid="321"><!-- react-text: 322 -->Tabs make it easy to switch between different views.<!-- /react-text --></p><h3 id="When-To-Use" data-reactid="323"><span data-reactid="324"><!-- react-text: 325 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="326">#</a></h3><p data-reactid="327"><!-- react-text: 328 -->Ant Design has 3 types Tabs for different situation.<!-- /react-text --></p><ul data-reactid="329"><li data-reactid="330"><p data-reactid="331"><!-- react-text: 332 -->Card Tabs: for managing too many closeable views.<!-- /react-text --></p></li><li data-reactid="333"><p data-reactid="334"><!-- react-text: 335 -->Normal Tabs: for functional aspects of a page.<!-- /react-text --></p></li><li data-reactid="336"><p data-reactid="337"><a href="/components/radio/#components-radio-demo-radiobutton" data-reactid="338">RadioButton</a><!-- react-text: 339 -->: for secondary tabs.<!-- /react-text --></p></li></ul></section><h2 data-reactid="340"><span data-reactid="341">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="342"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="343"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="344"><section class="code-box" id="components-tabs-demo-basic" data-reactid="345"><section class="code-box-demo" data-reactid="346"><div class="ant-tabs ant-tabs-top ant-tabs-line" data-reactid="347"><div role="tablist" class="ant-tabs-bar" tabindex="0" data-reactid="348"><div class="ant-tabs-nav-container" data-reactid="349"><div class="ant-tabs-nav-wrap" data-reactid="350"><div class="ant-tabs-nav-scroll" data-reactid="351"><div class="ant-tabs-nav ant-tabs-nav-animated" data-reactid="352"><div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" data-reactid="353"></div><div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab" data-reactid="354">Tab 1</div><div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" data-reactid="355">Tab 2</div><div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab" data-reactid="356">Tab 3</div></div></div></div></div></div><div class="ant-tabs-content ant-tabs-content-animated" style="margin-left:0%;" data-reactid="357"><div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active" data-reactid="358">Content of Tab Pane 1</div><div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive" data-reactid="359"></div><div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive" data-reactid="360"></div></div></div></section><section class="code-box-meta markdown" data-reactid="361"><div class="code-box-title" data-reactid="362"><a href="#components-tabs-demo-basic" data-reactid="363">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tabs/demo/basic.md" data-reactid="364"><i class="anticon anticon-edit" data-reactid="365"></i></a></div><div data-reactid="366"><p data-reactid="367"><!-- react-text: 368 -->Default activate first tab.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="369"></i></section><section class="highlight-wrapper" data-reactid="370"><div class="highlight" data-reactid="371"><i class="anticon anticon-copy code-box-code-copy" data-reactid="372"></i><pre class="language-jsx" data-reactid="373"><code data-reactid="374"><span class="token keyword">import</span> <span class="token punctuation">{</span> Tabs <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> TabPane <span class="token operator">=</span> Tabs<span class="token punctuation">.</span>TabPane<span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">callback</span><span class="token punctuation">(</span>key<span class="token punctuation">)</span> <span class="token punctuation">{</span>
diff --git a/components/tag-cn/index.html b/components/tag-cn/index.html
index 413b6172d..8dfc8d445 100644
--- a/components/tag-cn/index.html
+++ b/components/tag-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1062140570"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1124795748"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-tag-demo-basic" data-reactid="294">基本</a></li><li title="多彩标签" data-reactid="295"><a href="#components-tag-demo-colorful" data-reactid="296">多彩标签</a></li><li title="动态添加和删除" data-reactid="297"><a href="#components-tag-demo-control" data-reactid="298">动态添加和删除</a></li><li title="可选择" data-reactid="299"><a href="#components-tag-demo-checkable" data-reactid="300">可选择</a></li><li title="热门标签" data-reactid="301"><a href="#components-tag-demo-hot-tags" data-reactid="302">热门标签</a></li></ul></div></div><section class="markdown" data-reactid="303"><h1 data-reactid="304"><!-- react-text: 305 -->Tag<!-- /react-text --><span class="subtitle" data-reactid="306">标签</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tag/index.zh-CN.md" data-reactid="307"><i class="anticon anticon-edit" data-reactid="308"></i></a></h1><section class="markdown" data-reactid="309"><p data-reactid="310"><!-- react-text: 311 -->进行标记和分类的小标签。<!-- /react-text --></p><h2 id="何时使用" data-reactid="312"><span data-reactid="313"><!-- react-text: 314 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="315">#</a></h2><ul data-reactid="316"><li data-reactid="317"><p data-reactid="318"><!-- react-text: 319 -->用于标记事物的属性和维度。<!-- /react-text --></p></li><li data-reactid="320"><p data-reactid="321"><!-- react-text: 322 -->进行分类。<!-- /react-text --></p></li></ul></section><h2 data-reactid="323"><span data-reactid="324">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="325"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="326"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="327"><section class="code-box" id="components-tag-demo-basic" data-reactid="328"><section class="code-box-demo" data-reactid="329"><div data-reactid="330"><div data-show="true" class="ant-tag" data-reactid="331"><span class="ant-tag-text" data-reactid="332">Tag 1</span><!-- react-text: 333 --><!-- /react-text --></div><div data-show="true" class="ant-tag" data-reactid="334"><span class="ant-tag-text" data-reactid="335"><a href="https://github.com/ant-design/ant-design/issues/1862" data-reactid="336">Link</a></span><!-- react-text: 337 --><!-- /react-text --></div><div data-show="true" class="ant-tag" data-reactid="338"><span class="ant-tag-text" data-reactid="339">Tag 2</span><i class="anticon anticon-cross" data-reactid="340"></i></div><div data-show="true" class="ant-tag" data-reactid="341"><span class="ant-tag-text" data-reactid="342">Prevent Default</span><i class="anticon anticon-cross" data-reactid="343"></i></div></div></section><section class="code-box-meta markdown" data-reactid="344"><div class="code-box-title" data-reactid="345"><a href="#components-tag-demo-basic" data-reactid="346">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tag/demo/basic.md" data-reactid="347"><i class="anticon anticon-edit" data-reactid="348"></i></a></div><div data-reactid="349"><p data-reactid="350"><!-- react-text: 351 -->基本标签的用法，可以通过添加 <!-- /react-text --><code data-reactid="352"><!-- react-text: 353 -->closable<!-- /react-text --></code><!-- react-text: 354 --> 变为可关闭标签。可关闭标签具有 <!-- /react-text --><code data-reactid="355"><!-- react-text: 356 -->onClose<!-- /react-text --></code><!-- react-text: 357 --> <!-- /react-text --><code data-reactid="358"><!-- react-text: 359 -->afterClose<!-- /react-text --></code><!-- react-text: 360 --> 两个事件。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="361"></i></section><section class="highlight-wrapper" data-reactid="362"><div class="highlight" data-reactid="363"><i class="anticon anticon-copy code-box-code-copy" data-reactid="364"></i><pre class="language-jsx" data-reactid="365"><code data-reactid="366"><span class="token keyword">import</span> <span class="token punctuation">{</span> Tag <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-tag-demo-basic" data-reactid="294">基本</a></li><li title="多彩标签" data-reactid="295"><a href="#components-tag-demo-colorful" data-reactid="296">多彩标签</a></li><li title="动态添加和删除" data-reactid="297"><a href="#components-tag-demo-control" data-reactid="298">动态添加和删除</a></li><li title="可选择" data-reactid="299"><a href="#components-tag-demo-checkable" data-reactid="300">可选择</a></li><li title="热门标签" data-reactid="301"><a href="#components-tag-demo-hot-tags" data-reactid="302">热门标签</a></li></ul></div></div><section class="markdown" data-reactid="303"><h1 data-reactid="304"><!-- react-text: 305 -->Tag<!-- /react-text --><span class="subtitle" data-reactid="306">标签</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tag/index.zh-CN.md" data-reactid="307"><i class="anticon anticon-edit" data-reactid="308"></i></a></h1><section class="markdown" data-reactid="309"><p data-reactid="310"><!-- react-text: 311 -->进行标记和分类的小标签。<!-- /react-text --></p><h2 id="何时使用" data-reactid="312"><span data-reactid="313"><!-- react-text: 314 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="315">#</a></h2><ul data-reactid="316"><li data-reactid="317"><p data-reactid="318"><!-- react-text: 319 -->用于标记事物的属性和维度。<!-- /react-text --></p></li><li data-reactid="320"><p data-reactid="321"><!-- react-text: 322 -->进行分类。<!-- /react-text --></p></li></ul></section><h2 data-reactid="323"><span data-reactid="324">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="325"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="326"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="327"><section class="code-box" id="components-tag-demo-basic" data-reactid="328"><section class="code-box-demo" data-reactid="329"><div data-reactid="330"><div data-show="true" class="ant-tag" data-reactid="331"><span class="ant-tag-text" data-reactid="332">Tag 1</span><!-- react-text: 333 --><!-- /react-text --></div><div data-show="true" class="ant-tag" data-reactid="334"><span class="ant-tag-text" data-reactid="335"><a href="https://github.com/ant-design/ant-design/issues/1862" data-reactid="336">Link</a></span><!-- react-text: 337 --><!-- /react-text --></div><div data-show="true" class="ant-tag" data-reactid="338"><span class="ant-tag-text" data-reactid="339">Tag 2</span><i class="anticon anticon-cross" data-reactid="340"></i></div><div data-show="true" class="ant-tag" data-reactid="341"><span class="ant-tag-text" data-reactid="342">Prevent Default</span><i class="anticon anticon-cross" data-reactid="343"></i></div></div></section><section class="code-box-meta markdown" data-reactid="344"><div class="code-box-title" data-reactid="345"><a href="#components-tag-demo-basic" data-reactid="346">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tag/demo/basic.md" data-reactid="347"><i class="anticon anticon-edit" data-reactid="348"></i></a></div><div data-reactid="349"><p data-reactid="350"><!-- react-text: 351 -->基本标签的用法，可以通过添加 <!-- /react-text --><code data-reactid="352"><!-- react-text: 353 -->closable<!-- /react-text --></code><!-- react-text: 354 --> 变为可关闭标签。可关闭标签具有 <!-- /react-text --><code data-reactid="355"><!-- react-text: 356 -->onClose<!-- /react-text --></code><!-- react-text: 357 --> <!-- /react-text --><code data-reactid="358"><!-- react-text: 359 -->afterClose<!-- /react-text --></code><!-- react-text: 360 --> 两个事件。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="361"></i></section><section class="highlight-wrapper" data-reactid="362"><div class="highlight" data-reactid="363"><i class="anticon anticon-copy code-box-code-copy" data-reactid="364"></i><pre class="language-jsx" data-reactid="365"><code data-reactid="366"><span class="token keyword">import</span> <span class="token punctuation">{</span> Tag <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">log</span><span class="token punctuation">(</span>e<span class="token punctuation">)</span> <span class="token punctuation">{</span>
   console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>e<span class="token punctuation">)</span><span class="token punctuation">;</span>
diff --git a/components/tag/index.html b/components/tag/index.html
index 43fbc7c9f..2d49afffd 100644
--- a/components/tag/index.html
+++ b/components/tag/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1625364076"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-469035410"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-tag-demo-basic" data-reactid="294">Basic</a></li><li title="Colorful Tag" data-reactid="295"><a href="#components-tag-demo-colorful" data-reactid="296">Colorful Tag</a></li><li title="Add &amp; Remove Dynamically" data-reactid="297"><a href="#components-tag-demo-control" data-reactid="298">Add &amp; Remove Dynamically</a></li><li title="Checkable" data-reactid="299"><a href="#components-tag-demo-checkable" data-reactid="300">Checkable</a></li><li title="Hot Tags" data-reactid="301"><a href="#components-tag-demo-hot-tags" data-reactid="302">Hot Tags</a></li></ul></div></div><section class="markdown" data-reactid="303"><h1 data-reactid="304"><!-- react-text: 305 -->Tag<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tag/index.en-US.md" data-reactid="306"><i class="anticon anticon-edit" data-reactid="307"></i></a></h1><section class="markdown" data-reactid="308"><p data-reactid="309"><!-- react-text: 310 -->Tag for categorizing or markuping.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="311"><span data-reactid="312"><!-- react-text: 313 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="314">#</a></h2><ul data-reactid="315"><li data-reactid="316"><p data-reactid="317"><!-- react-text: 318 -->It can be used to tag by dimension or property.<!-- /react-text --></p></li><li data-reactid="319"><p data-reactid="320"><!-- react-text: 321 -->categorizing<!-- /react-text --></p></li></ul></section><h2 data-reactid="322"><span data-reactid="323">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="324"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="325"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="326"><section class="code-box" id="components-tag-demo-basic" data-reactid="327"><section class="code-box-demo" data-reactid="328"><div data-reactid="329"><div data-show="true" class="ant-tag" data-reactid="330"><span class="ant-tag-text" data-reactid="331">Tag 1</span><!-- react-text: 332 --><!-- /react-text --></div><div data-show="true" class="ant-tag" data-reactid="333"><span class="ant-tag-text" data-reactid="334"><a href="https://github.com/ant-design/ant-design/issues/1862" data-reactid="335">Link</a></span><!-- react-text: 336 --><!-- /react-text --></div><div data-show="true" class="ant-tag" data-reactid="337"><span class="ant-tag-text" data-reactid="338">Tag 2</span><i class="anticon anticon-cross" data-reactid="339"></i></div><div data-show="true" class="ant-tag" data-reactid="340"><span class="ant-tag-text" data-reactid="341">Prevent Default</span><i class="anticon anticon-cross" data-reactid="342"></i></div></div></section><section class="code-box-meta markdown" data-reactid="343"><div class="code-box-title" data-reactid="344"><a href="#components-tag-demo-basic" data-reactid="345">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tag/demo/basic.md" data-reactid="346"><i class="anticon anticon-edit" data-reactid="347"></i></a></div><div data-reactid="348"><p data-reactid="349"><!-- react-text: 350 -->Usage of basic Tag, and it could be closable by set <!-- /react-text --><code data-reactid="351"><!-- react-text: 352 -->closable<!-- /react-text --></code><!-- react-text: 353 --> property. Closable Tag supports <!-- /react-text --><code data-reactid="354"><!-- react-text: 355 -->onClose<!-- /react-text --></code><!-- react-text: 356 --> <!-- /react-text --><code data-reactid="357"><!-- react-text: 358 -->afterClose<!-- /react-text --></code><!-- react-text: 359 --> events.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="360"></i></section><section class="highlight-wrapper" data-reactid="361"><div class="highlight" data-reactid="362"><i class="anticon anticon-copy code-box-code-copy" data-reactid="363"></i><pre class="language-jsx" data-reactid="364"><code data-reactid="365"><span class="token keyword">import</span> <span class="token punctuation">{</span> Tag <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-tag-demo-basic" data-reactid="294">Basic</a></li><li title="Colorful Tag" data-reactid="295"><a href="#components-tag-demo-colorful" data-reactid="296">Colorful Tag</a></li><li title="Add &amp; Remove Dynamically" data-reactid="297"><a href="#components-tag-demo-control" data-reactid="298">Add &amp; Remove Dynamically</a></li><li title="Checkable" data-reactid="299"><a href="#components-tag-demo-checkable" data-reactid="300">Checkable</a></li><li title="Hot Tags" data-reactid="301"><a href="#components-tag-demo-hot-tags" data-reactid="302">Hot Tags</a></li></ul></div></div><section class="markdown" data-reactid="303"><h1 data-reactid="304"><!-- react-text: 305 -->Tag<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tag/index.en-US.md" data-reactid="306"><i class="anticon anticon-edit" data-reactid="307"></i></a></h1><section class="markdown" data-reactid="308"><p data-reactid="309"><!-- react-text: 310 -->Tag for categorizing or markuping.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="311"><span data-reactid="312"><!-- react-text: 313 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="314">#</a></h2><ul data-reactid="315"><li data-reactid="316"><p data-reactid="317"><!-- react-text: 318 -->It can be used to tag by dimension or property.<!-- /react-text --></p></li><li data-reactid="319"><p data-reactid="320"><!-- react-text: 321 -->categorizing<!-- /react-text --></p></li></ul></section><h2 data-reactid="322"><span data-reactid="323">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="324"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="325"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="326"><section class="code-box" id="components-tag-demo-basic" data-reactid="327"><section class="code-box-demo" data-reactid="328"><div data-reactid="329"><div data-show="true" class="ant-tag" data-reactid="330"><span class="ant-tag-text" data-reactid="331">Tag 1</span><!-- react-text: 332 --><!-- /react-text --></div><div data-show="true" class="ant-tag" data-reactid="333"><span class="ant-tag-text" data-reactid="334"><a href="https://github.com/ant-design/ant-design/issues/1862" data-reactid="335">Link</a></span><!-- react-text: 336 --><!-- /react-text --></div><div data-show="true" class="ant-tag" data-reactid="337"><span class="ant-tag-text" data-reactid="338">Tag 2</span><i class="anticon anticon-cross" data-reactid="339"></i></div><div data-show="true" class="ant-tag" data-reactid="340"><span class="ant-tag-text" data-reactid="341">Prevent Default</span><i class="anticon anticon-cross" data-reactid="342"></i></div></div></section><section class="code-box-meta markdown" data-reactid="343"><div class="code-box-title" data-reactid="344"><a href="#components-tag-demo-basic" data-reactid="345">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tag/demo/basic.md" data-reactid="346"><i class="anticon anticon-edit" data-reactid="347"></i></a></div><div data-reactid="348"><p data-reactid="349"><!-- react-text: 350 -->Usage of basic Tag, and it could be closable by set <!-- /react-text --><code data-reactid="351"><!-- react-text: 352 -->closable<!-- /react-text --></code><!-- react-text: 353 --> property. Closable Tag supports <!-- /react-text --><code data-reactid="354"><!-- react-text: 355 -->onClose<!-- /react-text --></code><!-- react-text: 356 --> <!-- /react-text --><code data-reactid="357"><!-- react-text: 358 -->afterClose<!-- /react-text --></code><!-- react-text: 359 --> events.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="360"></i></section><section class="highlight-wrapper" data-reactid="361"><div class="highlight" data-reactid="362"><i class="anticon anticon-copy code-box-code-copy" data-reactid="363"></i><pre class="language-jsx" data-reactid="364"><code data-reactid="365"><span class="token keyword">import</span> <span class="token punctuation">{</span> Tag <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">log</span><span class="token punctuation">(</span>e<span class="token punctuation">)</span> <span class="token punctuation">{</span>
   console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>e<span class="token punctuation">)</span><span class="token punctuation">;</span>
diff --git a/components/time-picker-cn/index.html b/components/time-picker-cn/index.html
index b08dfbb8c..dccb85abd 100644
--- a/components/time-picker-cn/index.html
+++ b/components/time-picker-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1571300196"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1253974882"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-time-picker-demo-basic" data-reactid="294">基本</a></li><li title="受控组件" data-reactid="295"><a href="#components-time-picker-demo-value" data-reactid="296">受控组件</a></li><li title="三种大小" data-reactid="297"><a href="#components-time-picker-demo-size" data-reactid="298">三种大小</a></li><li title="禁用" data-reactid="299"><a href="#components-time-picker-demo-disabled" data-reactid="300">禁用</a></li><li title="选择时分" data-reactid="301"><a href="#components-time-picker-demo-hide-column" data-reactid="302">选择时分</a></li><li title="禁止选项" data-reactid="303"><a href="#components-time-picker-demo-disable-options" data-reactid="304">禁止选项</a></li><li title="附加内容" data-reactid="305"><a href="#components-time-picker-demo-addon" data-reactid="306">附加内容</a></li><li title="12 小时制" data-reactid="307"><a href="#components-time-picker-demo-12hours" data-reactid="308">12 小时制</a></li></ul></div></div><section class="markdown" data-reactid="309"><h1 data-reactid="310"><!-- react-text: 311 -->TimePicker<!-- /react-text --><span class="subtitle" data-reactid="312">时间选择框</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/time-picker/index.zh-CN.md" data-reactid="313"><i class="anticon anticon-edit" data-reactid="314"></i></a></h1><section class="markdown" data-reactid="315"><p data-reactid="316"><!-- react-text: 317 -->当用户需要输入一个时间，可以点击标准输入框，弹出时间面板进行选择。<!-- /react-text --></p></section><h2 data-reactid="318"><span data-reactid="319">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="320"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="321"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="322"><section class="code-box" id="components-time-picker-demo-basic" data-reactid="323"><section class="code-box-demo" data-reactid="324"><span class="ant-time-picker " data-reactid="325"><input type="text" class="ant-time-picker-input" placeholder="Select time" readonly="" value="" data-reactid="326"/><span class="ant-time-picker-icon" data-reactid="327"></span></span></section><section class="code-box-meta markdown" data-reactid="328"><div class="code-box-title" data-reactid="329"><a href="#components-time-picker-demo-basic" data-reactid="330">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/time-picker/demo/basic.md" data-reactid="331"><i class="anticon anticon-edit" data-reactid="332"></i></a></div><div data-reactid="333"><p data-reactid="334"><!-- react-text: 335 -->点击 TimePicker，然后可以在浮层中选择或者输入某一时间。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="336"></i></section><section class="highlight-wrapper" data-reactid="337"><div class="highlight" data-reactid="338"><i class="anticon anticon-copy code-box-code-copy" data-reactid="339"></i><pre class="language-jsx" data-reactid="340"><code data-reactid="341"><span class="token keyword">import</span> <span class="token punctuation">{</span> TimePicker <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-time-picker-demo-basic" data-reactid="294">基本</a></li><li title="受控组件" data-reactid="295"><a href="#components-time-picker-demo-value" data-reactid="296">受控组件</a></li><li title="三种大小" data-reactid="297"><a href="#components-time-picker-demo-size" data-reactid="298">三种大小</a></li><li title="禁用" data-reactid="299"><a href="#components-time-picker-demo-disabled" data-reactid="300">禁用</a></li><li title="选择时分" data-reactid="301"><a href="#components-time-picker-demo-hide-column" data-reactid="302">选择时分</a></li><li title="禁止选项" data-reactid="303"><a href="#components-time-picker-demo-disable-options" data-reactid="304">禁止选项</a></li><li title="附加内容" data-reactid="305"><a href="#components-time-picker-demo-addon" data-reactid="306">附加内容</a></li><li title="12 小时制" data-reactid="307"><a href="#components-time-picker-demo-12hours" data-reactid="308">12 小时制</a></li></ul></div></div><section class="markdown" data-reactid="309"><h1 data-reactid="310"><!-- react-text: 311 -->TimePicker<!-- /react-text --><span class="subtitle" data-reactid="312">时间选择框</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/time-picker/index.zh-CN.md" data-reactid="313"><i class="anticon anticon-edit" data-reactid="314"></i></a></h1><section class="markdown" data-reactid="315"><p data-reactid="316"><!-- react-text: 317 -->当用户需要输入一个时间，可以点击标准输入框，弹出时间面板进行选择。<!-- /react-text --></p></section><h2 data-reactid="318"><span data-reactid="319">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="320"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="321"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="322"><section class="code-box" id="components-time-picker-demo-basic" data-reactid="323"><section class="code-box-demo" data-reactid="324"><span class="ant-time-picker " data-reactid="325"><input type="text" class="ant-time-picker-input" placeholder="Select time" readonly="" value="" data-reactid="326"/><span class="ant-time-picker-icon" data-reactid="327"></span></span></section><section class="code-box-meta markdown" data-reactid="328"><div class="code-box-title" data-reactid="329"><a href="#components-time-picker-demo-basic" data-reactid="330">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/time-picker/demo/basic.md" data-reactid="331"><i class="anticon anticon-edit" data-reactid="332"></i></a></div><div data-reactid="333"><p data-reactid="334"><!-- react-text: 335 -->点击 TimePicker，然后可以在浮层中选择或者输入某一时间。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="336"></i></section><section class="highlight-wrapper" data-reactid="337"><div class="highlight" data-reactid="338"><i class="anticon anticon-copy code-box-code-copy" data-reactid="339"></i><pre class="language-jsx" data-reactid="340"><code data-reactid="341"><span class="token keyword">import</span> <span class="token punctuation">{</span> TimePicker <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">onChange</span><span class="token punctuation">(</span>time<span class="token punctuation">,</span> timeString<span class="token punctuation">)</span> <span class="token punctuation">{</span>
   console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>time<span class="token punctuation">,</span> timeString<span class="token punctuation">)</span><span class="token punctuation">;</span>
diff --git a/components/time-picker/index.html b/components/time-picker/index.html
index 36b572209..9b06eb91f 100644
--- a/components/time-picker/index.html
+++ b/components/time-picker/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="188239841"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="620253155"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-time-picker-demo-basic" data-reactid="294">Basic</a></li><li title="Under Control" data-reactid="295"><a href="#components-time-picker-demo-value" data-reactid="296">Under Control</a></li><li title="Three Sizes" data-reactid="297"><a href="#components-time-picker-demo-size" data-reactid="298">Three Sizes</a></li><li title="disabled" data-reactid="299"><a href="#components-time-picker-demo-disabled" data-reactid="300">disabled</a></li><li title="Hour and minute" data-reactid="301"><a href="#components-time-picker-demo-hide-column" data-reactid="302">Hour and minute</a></li><li title="Disabled Time" data-reactid="303"><a href="#components-time-picker-demo-disable-options" data-reactid="304">Disabled Time</a></li><li title="Addon" data-reactid="305"><a href="#components-time-picker-demo-addon" data-reactid="306">Addon</a></li><li title="12 hours" data-reactid="307"><a href="#components-time-picker-demo-12hours" data-reactid="308">12 hours</a></li></ul></div></div><section class="markdown" data-reactid="309"><h1 data-reactid="310"><!-- react-text: 311 -->TimePicker<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/time-picker/index.en-US.md" data-reactid="312"><i class="anticon anticon-edit" data-reactid="313"></i></a></h1><section class="markdown" data-reactid="314"><p data-reactid="315"><!-- react-text: 316 -->By clicking the input box, you can select a time from a popup panel.<!-- /react-text --></p></section><h2 data-reactid="317"><span data-reactid="318">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="319"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="320"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="321"><section class="code-box" id="components-time-picker-demo-basic" data-reactid="322"><section class="code-box-demo" data-reactid="323"><span class="ant-time-picker " data-reactid="324"><input type="text" class="ant-time-picker-input" placeholder="Select time" readonly="" value="" data-reactid="325"/><span class="ant-time-picker-icon" data-reactid="326"></span></span></section><section class="code-box-meta markdown" data-reactid="327"><div class="code-box-title" data-reactid="328"><a href="#components-time-picker-demo-basic" data-reactid="329">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/time-picker/demo/basic.md" data-reactid="330"><i class="anticon anticon-edit" data-reactid="331"></i></a></div><div data-reactid="332"><p data-reactid="333"><!-- react-text: 334 -->Click <!-- /react-text --><code data-reactid="335"><!-- react-text: 336 -->TimePicker<!-- /react-text --></code><!-- react-text: 337 -->, and then we could select or input a time in panel.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="338"></i></section><section class="highlight-wrapper" data-reactid="339"><div class="highlight" data-reactid="340"><i class="anticon anticon-copy code-box-code-copy" data-reactid="341"></i><pre class="language-jsx" data-reactid="342"><code data-reactid="343"><span class="token keyword">import</span> <span class="token punctuation">{</span> TimePicker <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-time-picker-demo-basic" data-reactid="294">Basic</a></li><li title="Under Control" data-reactid="295"><a href="#components-time-picker-demo-value" data-reactid="296">Under Control</a></li><li title="Three Sizes" data-reactid="297"><a href="#components-time-picker-demo-size" data-reactid="298">Three Sizes</a></li><li title="disabled" data-reactid="299"><a href="#components-time-picker-demo-disabled" data-reactid="300">disabled</a></li><li title="Hour and minute" data-reactid="301"><a href="#components-time-picker-demo-hide-column" data-reactid="302">Hour and minute</a></li><li title="Disabled Time" data-reactid="303"><a href="#components-time-picker-demo-disable-options" data-reactid="304">Disabled Time</a></li><li title="Addon" data-reactid="305"><a href="#components-time-picker-demo-addon" data-reactid="306">Addon</a></li><li title="12 hours" data-reactid="307"><a href="#components-time-picker-demo-12hours" data-reactid="308">12 hours</a></li></ul></div></div><section class="markdown" data-reactid="309"><h1 data-reactid="310"><!-- react-text: 311 -->TimePicker<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/time-picker/index.en-US.md" data-reactid="312"><i class="anticon anticon-edit" data-reactid="313"></i></a></h1><section class="markdown" data-reactid="314"><p data-reactid="315"><!-- react-text: 316 -->By clicking the input box, you can select a time from a popup panel.<!-- /react-text --></p></section><h2 data-reactid="317"><span data-reactid="318">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="319"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="320"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="321"><section class="code-box" id="components-time-picker-demo-basic" data-reactid="322"><section class="code-box-demo" data-reactid="323"><span class="ant-time-picker " data-reactid="324"><input type="text" class="ant-time-picker-input" placeholder="Select time" readonly="" value="" data-reactid="325"/><span class="ant-time-picker-icon" data-reactid="326"></span></span></section><section class="code-box-meta markdown" data-reactid="327"><div class="code-box-title" data-reactid="328"><a href="#components-time-picker-demo-basic" data-reactid="329">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/time-picker/demo/basic.md" data-reactid="330"><i class="anticon anticon-edit" data-reactid="331"></i></a></div><div data-reactid="332"><p data-reactid="333"><!-- react-text: 334 -->Click <!-- /react-text --><code data-reactid="335"><!-- react-text: 336 -->TimePicker<!-- /react-text --></code><!-- react-text: 337 -->, and then we could select or input a time in panel.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="338"></i></section><section class="highlight-wrapper" data-reactid="339"><div class="highlight" data-reactid="340"><i class="anticon anticon-copy code-box-code-copy" data-reactid="341"></i><pre class="language-jsx" data-reactid="342"><code data-reactid="343"><span class="token keyword">import</span> <span class="token punctuation">{</span> TimePicker <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">function</span> <span class="token function">onChange</span><span class="token punctuation">(</span>time<span class="token punctuation">,</span> timeString<span class="token punctuation">)</span> <span class="token punctuation">{</span>
   console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>time<span class="token punctuation">,</span> timeString<span class="token punctuation">)</span><span class="token punctuation">;</span>
diff --git a/components/timeline-cn/index.html b/components/timeline-cn/index.html
index a7123ef79..6a6f58f2f 100644
--- a/components/timeline-cn/index.html
+++ b/components/timeline-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-2121855516"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="930942438"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本用法" data-reactid="293"><a href="#components-timeline-demo-basic" data-reactid="294">基本用法</a></li><li title="圆圈颜色" data-reactid="295"><a href="#components-timeline-demo-color" data-reactid="296">圆圈颜色</a></li><li title="最后一个" data-reactid="297"><a href="#components-timeline-demo-pending" data-reactid="298">最后一个</a></li><li title="自定义时间轴点" data-reactid="299"><a href="#components-timeline-demo-custom" data-reactid="300">自定义时间轴点</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Timeline<!-- /react-text --><span class="subtitle" data-reactid="304">时间轴</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/timeline/index.zh-CN.md" data-reactid="305"><i class="anticon anticon-edit" data-reactid="306"></i></a></h1><section class="markdown" data-reactid="307"><p data-reactid="308"><!-- react-text: 309 -->垂直展示的时间流信息。<!-- /react-text --></p><h2 id="何时使用" data-reactid="310"><span data-reactid="311"><!-- react-text: 312 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="313">#</a></h2><ul data-reactid="314"><li data-reactid="315"><p data-reactid="316"><!-- react-text: 317 -->当有一系列信息需要从上至下按时间排列时；<!-- /react-text --></p></li><li data-reactid="318"><p data-reactid="319"><!-- react-text: 320 -->需要有一条时间轴进行视觉上的串联时；<!-- /react-text --></p></li></ul></section><h2 data-reactid="321"><span data-reactid="322">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="323"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="324"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="325"><section class="code-box" id="components-timeline-demo-basic" data-reactid="326"><section class="code-box-demo" data-reactid="327"><ul class="ant-timeline" data-reactid="328"><li class="ant-timeline-item" data-reactid="329"><div class="ant-timeline-item-tail" data-reactid="330"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="331"></div><div class="ant-timeline-item-content" data-reactid="332">Create a services site 2015-09-01</div></li><li class="ant-timeline-item" data-reactid="333"><div class="ant-timeline-item-tail" data-reactid="334"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="335"></div><div class="ant-timeline-item-content" data-reactid="336">Solve initial network problems 2015-09-01</div></li><li class="ant-timeline-item" data-reactid="337"><div class="ant-timeline-item-tail" data-reactid="338"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="339"></div><div class="ant-timeline-item-content" data-reactid="340">Technical testing 2015-09-01</div></li><li class="ant-timeline-item ant-timeline-item-last" data-reactid="341"><div class="ant-timeline-item-tail" data-reactid="342"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="343"></div><div class="ant-timeline-item-content" data-reactid="344">Network problems being solved 2015-09-01</div></li></ul></section><section class="code-box-meta markdown" data-reactid="345"><div class="code-box-title" data-reactid="346"><a href="#components-timeline-demo-basic" data-reactid="347">基本用法</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/timeline/demo/basic.md" data-reactid="348"><i class="anticon anticon-edit" data-reactid="349"></i></a></div><div data-reactid="350"><p data-reactid="351"><!-- react-text: 352 -->基本的时间轴。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="353"></i></section><section class="highlight-wrapper" data-reactid="354"><div class="highlight" data-reactid="355"><i class="anticon anticon-copy code-box-code-copy" data-reactid="356"></i><pre class="language-jsx" data-reactid="357"><code data-reactid="358"><span class="token keyword">import</span> <span class="token punctuation">{</span> Timeline <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本用法" data-reactid="293"><a href="#components-timeline-demo-basic" data-reactid="294">基本用法</a></li><li title="圆圈颜色" data-reactid="295"><a href="#components-timeline-demo-color" data-reactid="296">圆圈颜色</a></li><li title="最后一个" data-reactid="297"><a href="#components-timeline-demo-pending" data-reactid="298">最后一个</a></li><li title="自定义时间轴点" data-reactid="299"><a href="#components-timeline-demo-custom" data-reactid="300">自定义时间轴点</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Timeline<!-- /react-text --><span class="subtitle" data-reactid="304">时间轴</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/timeline/index.zh-CN.md" data-reactid="305"><i class="anticon anticon-edit" data-reactid="306"></i></a></h1><section class="markdown" data-reactid="307"><p data-reactid="308"><!-- react-text: 309 -->垂直展示的时间流信息。<!-- /react-text --></p><h2 id="何时使用" data-reactid="310"><span data-reactid="311"><!-- react-text: 312 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="313">#</a></h2><ul data-reactid="314"><li data-reactid="315"><p data-reactid="316"><!-- react-text: 317 -->当有一系列信息需要从上至下按时间排列时；<!-- /react-text --></p></li><li data-reactid="318"><p data-reactid="319"><!-- react-text: 320 -->需要有一条时间轴进行视觉上的串联时；<!-- /react-text --></p></li></ul></section><h2 data-reactid="321"><span data-reactid="322">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="323"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="324"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="325"><section class="code-box" id="components-timeline-demo-basic" data-reactid="326"><section class="code-box-demo" data-reactid="327"><ul class="ant-timeline" data-reactid="328"><li class="ant-timeline-item" data-reactid="329"><div class="ant-timeline-item-tail" data-reactid="330"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="331"></div><div class="ant-timeline-item-content" data-reactid="332">Create a services site 2015-09-01</div></li><li class="ant-timeline-item" data-reactid="333"><div class="ant-timeline-item-tail" data-reactid="334"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="335"></div><div class="ant-timeline-item-content" data-reactid="336">Solve initial network problems 2015-09-01</div></li><li class="ant-timeline-item" data-reactid="337"><div class="ant-timeline-item-tail" data-reactid="338"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="339"></div><div class="ant-timeline-item-content" data-reactid="340">Technical testing 2015-09-01</div></li><li class="ant-timeline-item ant-timeline-item-last" data-reactid="341"><div class="ant-timeline-item-tail" data-reactid="342"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="343"></div><div class="ant-timeline-item-content" data-reactid="344">Network problems being solved 2015-09-01</div></li></ul></section><section class="code-box-meta markdown" data-reactid="345"><div class="code-box-title" data-reactid="346"><a href="#components-timeline-demo-basic" data-reactid="347">基本用法</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/timeline/demo/basic.md" data-reactid="348"><i class="anticon anticon-edit" data-reactid="349"></i></a></div><div data-reactid="350"><p data-reactid="351"><!-- react-text: 352 -->基本的时间轴。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="353"></i></section><section class="highlight-wrapper" data-reactid="354"><div class="highlight" data-reactid="355"><i class="anticon anticon-copy code-box-code-copy" data-reactid="356"></i><pre class="language-jsx" data-reactid="357"><code data-reactid="358"><span class="token keyword">import</span> <span class="token punctuation">{</span> Timeline <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Timeline</span><span class="token punctuation">></span></span>
diff --git a/components/timeline/index.html b/components/timeline/index.html
index b337a72d0..0037fbe7a 100644
--- a/components/timeline/index.html
+++ b/components/timeline/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-861131648"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-2016007038"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-timeline-demo-basic" data-reactid="294">Basic</a></li><li title="Color" data-reactid="295"><a href="#components-timeline-demo-color" data-reactid="296">Color</a></li><li title="Last node" data-reactid="297"><a href="#components-timeline-demo-pending" data-reactid="298">Last node</a></li><li title="Custom" data-reactid="299"><a href="#components-timeline-demo-custom" data-reactid="300">Custom</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Timeline<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/timeline/index.en-US.md" data-reactid="304"><i class="anticon anticon-edit" data-reactid="305"></i></a></h1><section class="markdown" data-reactid="306"><p data-reactid="307"><!-- react-text: 308 -->Vertical display timeline.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="309"><span data-reactid="310"><!-- react-text: 311 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="312">#</a></h2><ul data-reactid="313"><li data-reactid="314"><p data-reactid="315"><!-- react-text: 316 -->When a series of information need to be ordered from top to bottom by time.<!-- /react-text --></p></li><li data-reactid="317"><p data-reactid="318"><!-- react-text: 319 -->When you need a timeline to make a visual connection.<!-- /react-text --></p></li></ul></section><h2 data-reactid="320"><span data-reactid="321">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="322"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="323"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="324"><section class="code-box" id="components-timeline-demo-basic" data-reactid="325"><section class="code-box-demo" data-reactid="326"><ul class="ant-timeline" data-reactid="327"><li class="ant-timeline-item" data-reactid="328"><div class="ant-timeline-item-tail" data-reactid="329"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="330"></div><div class="ant-timeline-item-content" data-reactid="331">Create a services site 2015-09-01</div></li><li class="ant-timeline-item" data-reactid="332"><div class="ant-timeline-item-tail" data-reactid="333"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="334"></div><div class="ant-timeline-item-content" data-reactid="335">Solve initial network problems 2015-09-01</div></li><li class="ant-timeline-item" data-reactid="336"><div class="ant-timeline-item-tail" data-reactid="337"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="338"></div><div class="ant-timeline-item-content" data-reactid="339">Technical testing 2015-09-01</div></li><li class="ant-timeline-item ant-timeline-item-last" data-reactid="340"><div class="ant-timeline-item-tail" data-reactid="341"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="342"></div><div class="ant-timeline-item-content" data-reactid="343">Network problems being solved 2015-09-01</div></li></ul></section><section class="code-box-meta markdown" data-reactid="344"><div class="code-box-title" data-reactid="345"><a href="#components-timeline-demo-basic" data-reactid="346">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/timeline/demo/basic.md" data-reactid="347"><i class="anticon anticon-edit" data-reactid="348"></i></a></div><div data-reactid="349"><p data-reactid="350"><!-- react-text: 351 -->Basic timeline.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="352"></i></section><section class="highlight-wrapper" data-reactid="353"><div class="highlight" data-reactid="354"><i class="anticon anticon-copy code-box-code-copy" data-reactid="355"></i><pre class="language-jsx" data-reactid="356"><code data-reactid="357"><span class="token keyword">import</span> <span class="token punctuation">{</span> Timeline <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-timeline-demo-basic" data-reactid="294">Basic</a></li><li title="Color" data-reactid="295"><a href="#components-timeline-demo-color" data-reactid="296">Color</a></li><li title="Last node" data-reactid="297"><a href="#components-timeline-demo-pending" data-reactid="298">Last node</a></li><li title="Custom" data-reactid="299"><a href="#components-timeline-demo-custom" data-reactid="300">Custom</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Timeline<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/timeline/index.en-US.md" data-reactid="304"><i class="anticon anticon-edit" data-reactid="305"></i></a></h1><section class="markdown" data-reactid="306"><p data-reactid="307"><!-- react-text: 308 -->Vertical display timeline.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="309"><span data-reactid="310"><!-- react-text: 311 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="312">#</a></h2><ul data-reactid="313"><li data-reactid="314"><p data-reactid="315"><!-- react-text: 316 -->When a series of information need to be ordered from top to bottom by time.<!-- /react-text --></p></li><li data-reactid="317"><p data-reactid="318"><!-- react-text: 319 -->When you need a timeline to make a visual connection.<!-- /react-text --></p></li></ul></section><h2 data-reactid="320"><span data-reactid="321">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="322"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="323"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="324"><section class="code-box" id="components-timeline-demo-basic" data-reactid="325"><section class="code-box-demo" data-reactid="326"><ul class="ant-timeline" data-reactid="327"><li class="ant-timeline-item" data-reactid="328"><div class="ant-timeline-item-tail" data-reactid="329"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="330"></div><div class="ant-timeline-item-content" data-reactid="331">Create a services site 2015-09-01</div></li><li class="ant-timeline-item" data-reactid="332"><div class="ant-timeline-item-tail" data-reactid="333"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="334"></div><div class="ant-timeline-item-content" data-reactid="335">Solve initial network problems 2015-09-01</div></li><li class="ant-timeline-item" data-reactid="336"><div class="ant-timeline-item-tail" data-reactid="337"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="338"></div><div class="ant-timeline-item-content" data-reactid="339">Technical testing 2015-09-01</div></li><li class="ant-timeline-item ant-timeline-item-last" data-reactid="340"><div class="ant-timeline-item-tail" data-reactid="341"></div><div class="ant-timeline-item-head ant-timeline-item-head-blue" data-reactid="342"></div><div class="ant-timeline-item-content" data-reactid="343">Network problems being solved 2015-09-01</div></li></ul></section><section class="code-box-meta markdown" data-reactid="344"><div class="code-box-title" data-reactid="345"><a href="#components-timeline-demo-basic" data-reactid="346">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/timeline/demo/basic.md" data-reactid="347"><i class="anticon anticon-edit" data-reactid="348"></i></a></div><div data-reactid="349"><p data-reactid="350"><!-- react-text: 351 -->Basic timeline.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="352"></i></section><section class="highlight-wrapper" data-reactid="353"><div class="highlight" data-reactid="354"><i class="anticon anticon-copy code-box-code-copy" data-reactid="355"></i><pre class="language-jsx" data-reactid="356"><code data-reactid="357"><span class="token keyword">import</span> <span class="token punctuation">{</span> Timeline <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Timeline</span><span class="token punctuation">></span></span>
diff --git a/components/tooltip-cn/index.html b/components/tooltip-cn/index.html
index 4bb258ed9..9ee9baa10 100644
--- a/components/tooltip-cn/index.html
+++ b/components/tooltip-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="291686953"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-138819029"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-tooltip-demo-basic" data-reactid="294">基本</a></li><li title="位置" data-reactid="295"><a href="#components-tooltip-demo-placement" data-reactid="296">位置</a></li><li title="箭头指向" data-reactid="297"><a href="#components-tooltip-demo-arrow-point-at-center" data-reactid="298">箭头指向</a></li></ul></div></div><section class="markdown" data-reactid="299"><h1 data-reactid="300"><!-- react-text: 301 -->Tooltip<!-- /react-text --><span class="subtitle" data-reactid="302">文字提示</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tooltip/index.zh-CN.md" data-reactid="303"><i class="anticon anticon-edit" data-reactid="304"></i></a></h1><section class="markdown" data-reactid="305"><p data-reactid="306"><!-- react-text: 307 -->简单的文字提示气泡框。<!-- /react-text --></p><h2 id="何时使用" data-reactid="308"><span data-reactid="309"><!-- react-text: 310 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="311">#</a></h2><p data-reactid="312"><!-- react-text: 313 -->鼠标移入则显示提示，移出消失，气泡浮层不承载复杂文本和操作。<!-- /react-text --></p><p data-reactid="314"><!-- react-text: 315 -->可用来代替系统默认的 <!-- /react-text --><code data-reactid="316"><!-- react-text: 317 -->title<!-- /react-text --></code><!-- react-text: 318 --> 提示，提供一个<!-- /react-text --><code data-reactid="319"><!-- react-text: 320 -->按钮/文字/操作<!-- /react-text --></code><!-- react-text: 321 -->的文案解释。<!-- /react-text --></p></section><h2 data-reactid="322"><span data-reactid="323">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="324"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="325"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="326"><section class="code-box" id="components-tooltip-demo-basic" data-reactid="327"><section class="code-box-demo" data-reactid="328"><span data-reactid="329">Tooltip will show when mouse enter.</span></section><section class="code-box-meta markdown" data-reactid="330"><div class="code-box-title" data-reactid="331"><a href="#components-tooltip-demo-basic" data-reactid="332">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tooltip/demo/basic.md" data-reactid="333"><i class="anticon anticon-edit" data-reactid="334"></i></a></div><div data-reactid="335"><p data-reactid="336"><!-- react-text: 337 -->最简单的用法。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="338"></i></section><section class="highlight-wrapper" data-reactid="339"><div class="highlight" data-reactid="340"><i class="anticon anticon-copy code-box-code-copy" data-reactid="341"></i><pre class="language-jsx" data-reactid="342"><code data-reactid="343"><span class="token keyword">import</span> <span class="token punctuation">{</span> Tooltip <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-tooltip-demo-basic" data-reactid="294">基本</a></li><li title="位置" data-reactid="295"><a href="#components-tooltip-demo-placement" data-reactid="296">位置</a></li><li title="箭头指向" data-reactid="297"><a href="#components-tooltip-demo-arrow-point-at-center" data-reactid="298">箭头指向</a></li></ul></div></div><section class="markdown" data-reactid="299"><h1 data-reactid="300"><!-- react-text: 301 -->Tooltip<!-- /react-text --><span class="subtitle" data-reactid="302">文字提示</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tooltip/index.zh-CN.md" data-reactid="303"><i class="anticon anticon-edit" data-reactid="304"></i></a></h1><section class="markdown" data-reactid="305"><p data-reactid="306"><!-- react-text: 307 -->简单的文字提示气泡框。<!-- /react-text --></p><h2 id="何时使用" data-reactid="308"><span data-reactid="309"><!-- react-text: 310 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="311">#</a></h2><p data-reactid="312"><!-- react-text: 313 -->鼠标移入则显示提示，移出消失，气泡浮层不承载复杂文本和操作。<!-- /react-text --></p><p data-reactid="314"><!-- react-text: 315 -->可用来代替系统默认的 <!-- /react-text --><code data-reactid="316"><!-- react-text: 317 -->title<!-- /react-text --></code><!-- react-text: 318 --> 提示，提供一个<!-- /react-text --><code data-reactid="319"><!-- react-text: 320 -->按钮/文字/操作<!-- /react-text --></code><!-- react-text: 321 -->的文案解释。<!-- /react-text --></p></section><h2 data-reactid="322"><span data-reactid="323">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="324"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="325"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="326"><section class="code-box" id="components-tooltip-demo-basic" data-reactid="327"><section class="code-box-demo" data-reactid="328"><span data-reactid="329">Tooltip will show when mouse enter.</span></section><section class="code-box-meta markdown" data-reactid="330"><div class="code-box-title" data-reactid="331"><a href="#components-tooltip-demo-basic" data-reactid="332">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tooltip/demo/basic.md" data-reactid="333"><i class="anticon anticon-edit" data-reactid="334"></i></a></div><div data-reactid="335"><p data-reactid="336"><!-- react-text: 337 -->最简单的用法。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="338"></i></section><section class="highlight-wrapper" data-reactid="339"><div class="highlight" data-reactid="340"><i class="anticon anticon-copy code-box-code-copy" data-reactid="341"></i><pre class="language-jsx" data-reactid="342"><code data-reactid="343"><span class="token keyword">import</span> <span class="token punctuation">{</span> Tooltip <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Tooltip</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>prompt</span> <span class="token attr-name">text"</span><span class="token punctuation">></span></span>
diff --git a/components/tooltip/index.html b/components/tooltip/index.html
index ee3d9713f..28b9bb4fb 100644
--- a/components/tooltip/index.html
+++ b/components/tooltip/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="2067444212"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1755230710"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-tooltip-demo-basic" data-reactid="294">Basic</a></li><li title="Placement" data-reactid="295"><a href="#components-tooltip-demo-placement" data-reactid="296">Placement</a></li><li title="Arrow pointing at the center" data-reactid="297"><a href="#components-tooltip-demo-arrow-point-at-center" data-reactid="298">Arrow pointing at the center</a></li></ul></div></div><section class="markdown" data-reactid="299"><h1 data-reactid="300"><!-- react-text: 301 -->Tooltip<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tooltip/index.en-US.md" data-reactid="302"><i class="anticon anticon-edit" data-reactid="303"></i></a></h1><section class="markdown" data-reactid="304"><p data-reactid="305"><!-- react-text: 306 -->A simple text popup tip.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="307"><span data-reactid="308"><!-- react-text: 309 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="310">#</a></h2><ul data-reactid="311"><li data-reactid="312"><p data-reactid="313"><!-- react-text: 314 -->The tip shows while mouse enter, and hides while mouse leave. The Tooltip doesn&#x27;t support complex text and operation.<!-- /react-text --></p></li><li data-reactid="315"><p data-reactid="316"><!-- react-text: 317 -->It can provide an explanation of <!-- /react-text --><code data-reactid="318"><!-- react-text: 319 -->button/text/operation<!-- /react-text --></code><!-- react-text: 320 --> that can cover the usage of the default system <!-- /react-text --><code data-reactid="321"><!-- react-text: 322 -->title<!-- /react-text --></code><!-- react-text: 323 -->.<!-- /react-text --></p></li></ul></section><h2 data-reactid="324"><span data-reactid="325">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="326"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="327"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="328"><section class="code-box" id="components-tooltip-demo-basic" data-reactid="329"><section class="code-box-demo" data-reactid="330"><span data-reactid="331">Tooltip will show when mouse enter.</span></section><section class="code-box-meta markdown" data-reactid="332"><div class="code-box-title" data-reactid="333"><a href="#components-tooltip-demo-basic" data-reactid="334">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tooltip/demo/basic.md" data-reactid="335"><i class="anticon anticon-edit" data-reactid="336"></i></a></div><div data-reactid="337"><p data-reactid="338"><!-- react-text: 339 -->The simplest usage.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="340"></i></section><section class="highlight-wrapper" data-reactid="341"><div class="highlight" data-reactid="342"><i class="anticon anticon-copy code-box-code-copy" data-reactid="343"></i><pre class="language-jsx" data-reactid="344"><code data-reactid="345"><span class="token keyword">import</span> <span class="token punctuation">{</span> Tooltip <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-tooltip-demo-basic" data-reactid="294">Basic</a></li><li title="Placement" data-reactid="295"><a href="#components-tooltip-demo-placement" data-reactid="296">Placement</a></li><li title="Arrow pointing at the center" data-reactid="297"><a href="#components-tooltip-demo-arrow-point-at-center" data-reactid="298">Arrow pointing at the center</a></li></ul></div></div><section class="markdown" data-reactid="299"><h1 data-reactid="300"><!-- react-text: 301 -->Tooltip<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tooltip/index.en-US.md" data-reactid="302"><i class="anticon anticon-edit" data-reactid="303"></i></a></h1><section class="markdown" data-reactid="304"><p data-reactid="305"><!-- react-text: 306 -->A simple text popup tip.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="307"><span data-reactid="308"><!-- react-text: 309 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="310">#</a></h2><ul data-reactid="311"><li data-reactid="312"><p data-reactid="313"><!-- react-text: 314 -->The tip shows while mouse enter, and hides while mouse leave. The Tooltip doesn&#x27;t support complex text and operation.<!-- /react-text --></p></li><li data-reactid="315"><p data-reactid="316"><!-- react-text: 317 -->It can provide an explanation of <!-- /react-text --><code data-reactid="318"><!-- react-text: 319 -->button/text/operation<!-- /react-text --></code><!-- react-text: 320 --> that can cover the usage of the default system <!-- /react-text --><code data-reactid="321"><!-- react-text: 322 -->title<!-- /react-text --></code><!-- react-text: 323 -->.<!-- /react-text --></p></li></ul></section><h2 data-reactid="324"><span data-reactid="325">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="326"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="327"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="328"><section class="code-box" id="components-tooltip-demo-basic" data-reactid="329"><section class="code-box-demo" data-reactid="330"><span data-reactid="331">Tooltip will show when mouse enter.</span></section><section class="code-box-meta markdown" data-reactid="332"><div class="code-box-title" data-reactid="333"><a href="#components-tooltip-demo-basic" data-reactid="334">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tooltip/demo/basic.md" data-reactid="335"><i class="anticon anticon-edit" data-reactid="336"></i></a></div><div data-reactid="337"><p data-reactid="338"><!-- react-text: 339 -->The simplest usage.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="340"></i></section><section class="highlight-wrapper" data-reactid="341"><div class="highlight" data-reactid="342"><i class="anticon anticon-copy code-box-code-copy" data-reactid="343"></i><pre class="language-jsx" data-reactid="344"><code data-reactid="345"><span class="token keyword">import</span> <span class="token punctuation">{</span> Tooltip <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 ReactDOM<span class="token punctuation">.</span><span class="token function">render</span><span class="token punctuation">(</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Tooltip</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>prompt</span> <span class="token attr-name">text"</span><span class="token punctuation">></span></span>
diff --git a/components/transfer-cn/index.html b/components/transfer-cn/index.html
index 31d416b24..ac94e0929 100644
--- a/components/transfer-cn/index.html
+++ b/components/transfer-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1217852702"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1436546336"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本用法" data-reactid="293"><a href="#components-transfer-demo-basic" data-reactid="294">基本用法</a></li><li title="带搜索框" data-reactid="295"><a href="#components-transfer-demo-search" data-reactid="296">带搜索框</a></li><li title="高级用法" data-reactid="297"><a href="#components-transfer-demo-advanced" data-reactid="298">高级用法</a></li><li title="自定义渲染行数据" data-reactid="299"><a href="#components-transfer-demo-custom-item" data-reactid="300">自定义渲染行数据</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Transfer<!-- /react-text --><span class="subtitle" data-reactid="304">穿梭框</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/transfer/index.zh-CN.md" data-reactid="305"><i class="anticon anticon-edit" data-reactid="306"></i></a></h1><section class="markdown" data-reactid="307"><p data-reactid="308"><!-- react-text: 309 -->双栏穿梭选择框。<!-- /react-text --></p><h2 id="何时使用" data-reactid="310"><span data-reactid="311"><!-- react-text: 312 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="313">#</a></h2><p data-reactid="314"><!-- react-text: 315 -->用直观的方式在两栏中移动元素，完成选择行为。<!-- /react-text --></p><p data-reactid="316"><!-- react-text: 317 -->选择一个或以上的选项后，点击对应的方向键，可以把选中的选项移动到另一栏。
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本用法" data-reactid="293"><a href="#components-transfer-demo-basic" data-reactid="294">基本用法</a></li><li title="带搜索框" data-reactid="295"><a href="#components-transfer-demo-search" data-reactid="296">带搜索框</a></li><li title="高级用法" data-reactid="297"><a href="#components-transfer-demo-advanced" data-reactid="298">高级用法</a></li><li title="自定义渲染行数据" data-reactid="299"><a href="#components-transfer-demo-custom-item" data-reactid="300">自定义渲染行数据</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Transfer<!-- /react-text --><span class="subtitle" data-reactid="304">穿梭框</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/transfer/index.zh-CN.md" data-reactid="305"><i class="anticon anticon-edit" data-reactid="306"></i></a></h1><section class="markdown" data-reactid="307"><p data-reactid="308"><!-- react-text: 309 -->双栏穿梭选择框。<!-- /react-text --></p><h2 id="何时使用" data-reactid="310"><span data-reactid="311"><!-- react-text: 312 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="313">#</a></h2><p data-reactid="314"><!-- react-text: 315 -->用直观的方式在两栏中移动元素，完成选择行为。<!-- /react-text --></p><p data-reactid="316"><!-- react-text: 317 -->选择一个或以上的选项后，点击对应的方向键，可以把选中的选项移动到另一栏。
 其中，左边一栏为 <!-- /react-text --><code data-reactid="318"><!-- react-text: 319 -->source<!-- /react-text --></code><!-- react-text: 320 -->，右边一栏为 <!-- /react-text --><code data-reactid="321"><!-- react-text: 322 -->target<!-- /react-text --></code><!-- react-text: 323 -->，API 的设计也反应了这两个概念。<!-- /react-text --></p></section><h2 data-reactid="324"><span data-reactid="325">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="326"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="327"><div style="padding-left:8px;padding-right:8px;" class="ant-col-24 code-boxes-col-1-1" data-reactid="328"><section class="code-box" id="components-transfer-demo-basic" data-reactid="329"><section class="code-box-demo" data-reactid="330"><div class="ant-transfer" data-reactid="331"><div class="ant-transfer-list" data-reactid="332"><div class="ant-transfer-list-header" data-reactid="333"><label class="ant-checkbox-wrapper" data-reactid="334"><span class="ant-checkbox" data-reactid="335"><input type="checkbox" class="ant-checkbox-input" data-reactid="336"/><span class="ant-checkbox-inner" data-reactid="337"></span></span></label><span class="ant-transfer-list-header-selected" data-reactid="338"><span data-reactid="339"><!-- react-text: 340 -->14<!-- /react-text --><!-- react-text: 341 --> <!-- /react-text --><!-- react-text: 342 -->items<!-- /react-text --></span><span class="ant-transfer-list-header-title" data-reactid="343">Source</span></span></div><div class="ant-transfer-list-body" data-reactid="344"><ul class="ant-transfer-list-content" data-reactid="345"><div class="LazyLoad" style="height:32px;" data-reactid="346"></div><div class="LazyLoad" style="height:32px;" data-reactid="347"></div><div class="LazyLoad" style="height:32px;" data-reactid="348"></div><div class="LazyLoad" style="height:32px;" data-reactid="349"></div><div class="LazyLoad" style="height:32px;" data-reactid="350"></div><div class="LazyLoad" style="height:32px;" data-reactid="351"></div><div class="LazyLoad" style="height:32px;" data-reactid="352"></div><div class="LazyLoad" style="height:32px;" data-reactid="353"></div><div class="LazyLoad" style="height:32px;" data-reactid="354"></div><div class="LazyLoad" style="height:32px;" data-reactid="355"></div><div class="LazyLoad" style="height:32px;" data-reactid="356"></div><div class="LazyLoad" style="height:32px;" data-reactid="357"></div><div class="LazyLoad" style="height:32px;" data-reactid="358"></div><div class="LazyLoad" style="height:32px;" data-reactid="359"></div></ul><div class="ant-transfer-list-body-not-found" data-reactid="360">Not Found</div></div></div><div class="ant-transfer-operation" data-reactid="361"><button disabled="" type="button" class="ant-btn ant-btn-primary ant-btn-sm" data-reactid="362"><span data-reactid="363"><i class="anticon anticon-left" data-reactid="364"></i><!-- react-text: 365 --><!-- /react-text --></span></button><button disabled="" type="button" class="ant-btn ant-btn-primary ant-btn-sm" data-reactid="366"><span data-reactid="367"><!-- react-text: 368 --><!-- /react-text --><i class="anticon anticon-right" data-reactid="369"></i></span></button></div><div class="ant-transfer-list" data-reactid="370"><div class="ant-transfer-list-header" data-reactid="371"><label class="ant-checkbox-wrapper" data-reactid="372"><span class="ant-checkbox" data-reactid="373"><input type="checkbox" class="ant-checkbox-input" data-reactid="374"/><span class="ant-checkbox-inner" data-reactid="375"></span></span></label><span class="ant-transfer-list-header-selected" data-reactid="376"><span data-reactid="377"><!-- react-text: 378 -->6<!-- /react-text --><!-- react-text: 379 --> <!-- /react-text --><!-- react-text: 380 -->items<!-- /react-text --></span><span class="ant-transfer-list-header-title" data-reactid="381">Target</span></span></div><div class="ant-transfer-list-body" data-reactid="382"><ul class="ant-transfer-list-content" data-reactid="383"><div class="LazyLoad" style="height:32px;" data-reactid="384"></div><div class="LazyLoad" style="height:32px;" data-reactid="385"></div><div class="LazyLoad" style="height:32px;" data-reactid="386"></div><div class="LazyLoad" style="height:32px;" data-reactid="387"></div><div class="LazyLoad" style="height:32px;" data-reactid="388"></div><div class="LazyLoad" style="height:32px;" data-reactid="389"></div></ul><div class="ant-transfer-list-body-not-found" data-reactid="390">Not Found</div></div></div></div></section><section class="code-box-meta markdown" data-reactid="391"><div class="code-box-title" data-reactid="392"><a href="#components-transfer-demo-basic" data-reactid="393">基本用法</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/transfer/demo/basic.md" data-reactid="394"><i class="anticon anticon-edit" data-reactid="395"></i></a></div><div data-reactid="396"><p data-reactid="397"><!-- react-text: 398 -->最基本的用法，展示了 <!-- /react-text --><code data-reactid="399"><!-- react-text: 400 -->dataSource<!-- /react-text --></code><!-- react-text: 401 -->、<!-- /react-text --><code data-reactid="402"><!-- react-text: 403 -->targetKeys<!-- /react-text --></code><!-- react-text: 404 -->、每行的渲染函数 <!-- /react-text --><code data-reactid="405"><!-- react-text: 406 -->render<!-- /react-text --></code><!-- react-text: 407 --> 以及回调函数 <!-- /react-text --><code data-reactid="408"><!-- react-text: 409 -->onChange<!-- /react-text --></code><!-- react-text: 410 --> <!-- /react-text --><code data-reactid="411"><!-- react-text: 412 -->onSelectChange<!-- /react-text --></code><!-- react-text: 413 --> <!-- /react-text --><code data-reactid="414"><!-- react-text: 415 -->onScroll<!-- /react-text --></code><!-- react-text: 416 --> 的用法。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="417"></i></section><section class="highlight-wrapper" data-reactid="418"><div class="highlight" data-reactid="419"><i class="anticon anticon-copy code-box-code-copy" data-reactid="420"></i><pre class="language-jsx" data-reactid="421"><code data-reactid="422"><span class="token keyword">import</span> <span class="token punctuation">{</span> Transfer <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">const</span> mockData <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
diff --git a/components/transfer/index.html b/components/transfer/index.html
index 6d491a591..73e3c22f7 100644
--- a/components/transfer/index.html
+++ b/components/transfer/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1420345097"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1646640907"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-transfer-demo-basic" data-reactid="294">Basic</a></li><li title="Search" data-reactid="295"><a href="#components-transfer-demo-search" data-reactid="296">Search</a></li><li title="Advanced" data-reactid="297"><a href="#components-transfer-demo-advanced" data-reactid="298">Advanced</a></li><li title="Custom datasource" data-reactid="299"><a href="#components-transfer-demo-custom-item" data-reactid="300">Custom datasource</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Transfer<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/transfer/index.en-US.md" data-reactid="304"><i class="anticon anticon-edit" data-reactid="305"></i></a></h1><section class="markdown" data-reactid="306"><p data-reactid="307"><!-- react-text: 308 -->Double column transfer choice box.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="309"><span data-reactid="310"><!-- react-text: 311 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="312">#</a></h2><p data-reactid="313"><!-- react-text: 314 -->Transfer the elements between two columns in an intuitive and efficient way.<!-- /react-text --></p><p data-reactid="315"><!-- react-text: 316 -->One or more elements can be selected from either column, one click on the proper &#x27;direction&#x27; button, and the transfer is done. The left column is considered the &#x27;source&#x27; and the right column is considered the &#x27;target&#x27;. As you can see in the API description, these names are reflected in.<!-- /react-text --></p></section><h2 data-reactid="317"><span data-reactid="318">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="319"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="320"><div style="padding-left:8px;padding-right:8px;" class="ant-col-24 code-boxes-col-1-1" data-reactid="321"><section class="code-box" id="components-transfer-demo-basic" data-reactid="322"><section class="code-box-demo" data-reactid="323"><div class="ant-transfer" data-reactid="324"><div class="ant-transfer-list" data-reactid="325"><div class="ant-transfer-list-header" data-reactid="326"><label class="ant-checkbox-wrapper" data-reactid="327"><span class="ant-checkbox" data-reactid="328"><input type="checkbox" class="ant-checkbox-input" data-reactid="329"/><span class="ant-checkbox-inner" data-reactid="330"></span></span></label><span class="ant-transfer-list-header-selected" data-reactid="331"><span data-reactid="332"><!-- react-text: 333 -->14<!-- /react-text --><!-- react-text: 334 --> <!-- /react-text --><!-- react-text: 335 -->items<!-- /react-text --></span><span class="ant-transfer-list-header-title" data-reactid="336">Source</span></span></div><div class="ant-transfer-list-body" data-reactid="337"><ul class="ant-transfer-list-content" data-reactid="338"><div class="LazyLoad" style="height:32px;" data-reactid="339"></div><div class="LazyLoad" style="height:32px;" data-reactid="340"></div><div class="LazyLoad" style="height:32px;" data-reactid="341"></div><div class="LazyLoad" style="height:32px;" data-reactid="342"></div><div class="LazyLoad" style="height:32px;" data-reactid="343"></div><div class="LazyLoad" style="height:32px;" data-reactid="344"></div><div class="LazyLoad" style="height:32px;" data-reactid="345"></div><div class="LazyLoad" style="height:32px;" data-reactid="346"></div><div class="LazyLoad" style="height:32px;" data-reactid="347"></div><div class="LazyLoad" style="height:32px;" data-reactid="348"></div><div class="LazyLoad" style="height:32px;" data-reactid="349"></div><div class="LazyLoad" style="height:32px;" data-reactid="350"></div><div class="LazyLoad" style="height:32px;" data-reactid="351"></div><div class="LazyLoad" style="height:32px;" data-reactid="352"></div></ul><div class="ant-transfer-list-body-not-found" data-reactid="353">Not Found</div></div></div><div class="ant-transfer-operation" data-reactid="354"><button disabled="" type="button" class="ant-btn ant-btn-primary ant-btn-sm" data-reactid="355"><span data-reactid="356"><i class="anticon anticon-left" data-reactid="357"></i><!-- react-text: 358 --><!-- /react-text --></span></button><button disabled="" type="button" class="ant-btn ant-btn-primary ant-btn-sm" data-reactid="359"><span data-reactid="360"><!-- react-text: 361 --><!-- /react-text --><i class="anticon anticon-right" data-reactid="362"></i></span></button></div><div class="ant-transfer-list" data-reactid="363"><div class="ant-transfer-list-header" data-reactid="364"><label class="ant-checkbox-wrapper" data-reactid="365"><span class="ant-checkbox" data-reactid="366"><input type="checkbox" class="ant-checkbox-input" data-reactid="367"/><span class="ant-checkbox-inner" data-reactid="368"></span></span></label><span class="ant-transfer-list-header-selected" data-reactid="369"><span data-reactid="370"><!-- react-text: 371 -->6<!-- /react-text --><!-- react-text: 372 --> <!-- /react-text --><!-- react-text: 373 -->items<!-- /react-text --></span><span class="ant-transfer-list-header-title" data-reactid="374">Target</span></span></div><div class="ant-transfer-list-body" data-reactid="375"><ul class="ant-transfer-list-content" data-reactid="376"><div class="LazyLoad" style="height:32px;" data-reactid="377"></div><div class="LazyLoad" style="height:32px;" data-reactid="378"></div><div class="LazyLoad" style="height:32px;" data-reactid="379"></div><div class="LazyLoad" style="height:32px;" data-reactid="380"></div><div class="LazyLoad" style="height:32px;" data-reactid="381"></div><div class="LazyLoad" style="height:32px;" data-reactid="382"></div></ul><div class="ant-transfer-list-body-not-found" data-reactid="383">Not Found</div></div></div></div></section><section class="code-box-meta markdown" data-reactid="384"><div class="code-box-title" data-reactid="385"><a href="#components-transfer-demo-basic" data-reactid="386">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/transfer/demo/basic.md" data-reactid="387"><i class="anticon anticon-edit" data-reactid="388"></i></a></div><div data-reactid="389"><p data-reactid="390"><!-- react-text: 391 -->The most basic usage of <!-- /react-text --><code data-reactid="392"><!-- react-text: 393 -->Transfer<!-- /react-text --></code><!-- react-text: 394 --> involves providing the source data and target keys arrays, plus the rendering and some callback functions.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="395"></i></section><section class="highlight-wrapper" data-reactid="396"><div class="highlight" data-reactid="397"><i class="anticon anticon-copy code-box-code-copy" data-reactid="398"></i><pre class="language-jsx" data-reactid="399"><code data-reactid="400"><span class="token keyword">import</span> <span class="token punctuation">{</span> Transfer <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-transfer-demo-basic" data-reactid="294">Basic</a></li><li title="Search" data-reactid="295"><a href="#components-transfer-demo-search" data-reactid="296">Search</a></li><li title="Advanced" data-reactid="297"><a href="#components-transfer-demo-advanced" data-reactid="298">Advanced</a></li><li title="Custom datasource" data-reactid="299"><a href="#components-transfer-demo-custom-item" data-reactid="300">Custom datasource</a></li></ul></div></div><section class="markdown" data-reactid="301"><h1 data-reactid="302"><!-- react-text: 303 -->Transfer<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/transfer/index.en-US.md" data-reactid="304"><i class="anticon anticon-edit" data-reactid="305"></i></a></h1><section class="markdown" data-reactid="306"><p data-reactid="307"><!-- react-text: 308 -->Double column transfer choice box.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="309"><span data-reactid="310"><!-- react-text: 311 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="312">#</a></h2><p data-reactid="313"><!-- react-text: 314 -->Transfer the elements between two columns in an intuitive and efficient way.<!-- /react-text --></p><p data-reactid="315"><!-- react-text: 316 -->One or more elements can be selected from either column, one click on the proper &#x27;direction&#x27; button, and the transfer is done. The left column is considered the &#x27;source&#x27; and the right column is considered the &#x27;target&#x27;. As you can see in the API description, these names are reflected in.<!-- /react-text --></p></section><h2 data-reactid="317"><span data-reactid="318">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="319"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="320"><div style="padding-left:8px;padding-right:8px;" class="ant-col-24 code-boxes-col-1-1" data-reactid="321"><section class="code-box" id="components-transfer-demo-basic" data-reactid="322"><section class="code-box-demo" data-reactid="323"><div class="ant-transfer" data-reactid="324"><div class="ant-transfer-list" data-reactid="325"><div class="ant-transfer-list-header" data-reactid="326"><label class="ant-checkbox-wrapper" data-reactid="327"><span class="ant-checkbox" data-reactid="328"><input type="checkbox" class="ant-checkbox-input" data-reactid="329"/><span class="ant-checkbox-inner" data-reactid="330"></span></span></label><span class="ant-transfer-list-header-selected" data-reactid="331"><span data-reactid="332"><!-- react-text: 333 -->14<!-- /react-text --><!-- react-text: 334 --> <!-- /react-text --><!-- react-text: 335 -->items<!-- /react-text --></span><span class="ant-transfer-list-header-title" data-reactid="336">Source</span></span></div><div class="ant-transfer-list-body" data-reactid="337"><ul class="ant-transfer-list-content" data-reactid="338"><div class="LazyLoad" style="height:32px;" data-reactid="339"></div><div class="LazyLoad" style="height:32px;" data-reactid="340"></div><div class="LazyLoad" style="height:32px;" data-reactid="341"></div><div class="LazyLoad" style="height:32px;" data-reactid="342"></div><div class="LazyLoad" style="height:32px;" data-reactid="343"></div><div class="LazyLoad" style="height:32px;" data-reactid="344"></div><div class="LazyLoad" style="height:32px;" data-reactid="345"></div><div class="LazyLoad" style="height:32px;" data-reactid="346"></div><div class="LazyLoad" style="height:32px;" data-reactid="347"></div><div class="LazyLoad" style="height:32px;" data-reactid="348"></div><div class="LazyLoad" style="height:32px;" data-reactid="349"></div><div class="LazyLoad" style="height:32px;" data-reactid="350"></div><div class="LazyLoad" style="height:32px;" data-reactid="351"></div><div class="LazyLoad" style="height:32px;" data-reactid="352"></div></ul><div class="ant-transfer-list-body-not-found" data-reactid="353">Not Found</div></div></div><div class="ant-transfer-operation" data-reactid="354"><button disabled="" type="button" class="ant-btn ant-btn-primary ant-btn-sm" data-reactid="355"><span data-reactid="356"><i class="anticon anticon-left" data-reactid="357"></i><!-- react-text: 358 --><!-- /react-text --></span></button><button disabled="" type="button" class="ant-btn ant-btn-primary ant-btn-sm" data-reactid="359"><span data-reactid="360"><!-- react-text: 361 --><!-- /react-text --><i class="anticon anticon-right" data-reactid="362"></i></span></button></div><div class="ant-transfer-list" data-reactid="363"><div class="ant-transfer-list-header" data-reactid="364"><label class="ant-checkbox-wrapper" data-reactid="365"><span class="ant-checkbox" data-reactid="366"><input type="checkbox" class="ant-checkbox-input" data-reactid="367"/><span class="ant-checkbox-inner" data-reactid="368"></span></span></label><span class="ant-transfer-list-header-selected" data-reactid="369"><span data-reactid="370"><!-- react-text: 371 -->6<!-- /react-text --><!-- react-text: 372 --> <!-- /react-text --><!-- react-text: 373 -->items<!-- /react-text --></span><span class="ant-transfer-list-header-title" data-reactid="374">Target</span></span></div><div class="ant-transfer-list-body" data-reactid="375"><ul class="ant-transfer-list-content" data-reactid="376"><div class="LazyLoad" style="height:32px;" data-reactid="377"></div><div class="LazyLoad" style="height:32px;" data-reactid="378"></div><div class="LazyLoad" style="height:32px;" data-reactid="379"></div><div class="LazyLoad" style="height:32px;" data-reactid="380"></div><div class="LazyLoad" style="height:32px;" data-reactid="381"></div><div class="LazyLoad" style="height:32px;" data-reactid="382"></div></ul><div class="ant-transfer-list-body-not-found" data-reactid="383">Not Found</div></div></div></div></section><section class="code-box-meta markdown" data-reactid="384"><div class="code-box-title" data-reactid="385"><a href="#components-transfer-demo-basic" data-reactid="386">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/transfer/demo/basic.md" data-reactid="387"><i class="anticon anticon-edit" data-reactid="388"></i></a></div><div data-reactid="389"><p data-reactid="390"><!-- react-text: 391 -->The most basic usage of <!-- /react-text --><code data-reactid="392"><!-- react-text: 393 -->Transfer<!-- /react-text --></code><!-- react-text: 394 --> involves providing the source data and target keys arrays, plus the rendering and some callback functions.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="395"></i></section><section class="highlight-wrapper" data-reactid="396"><div class="highlight" data-reactid="397"><i class="anticon anticon-copy code-box-code-copy" data-reactid="398"></i><pre class="language-jsx" data-reactid="399"><code data-reactid="400"><span class="token keyword">import</span> <span class="token punctuation">{</span> Transfer <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">const</span> mockData <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
 <span class="token keyword">for</span> <span class="token punctuation">(</span><span class="token keyword">let</span> i <span class="token operator">=</span> <span class="token number">0</span><span class="token punctuation">;</span> i <span class="token operator">&lt;</span> <span class="token number">20</span><span class="token punctuation">;</span> i<span class="token operator">++</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
diff --git a/components/tree-cn/index.html b/components/tree-cn/index.html
index 622b56c49..f26b078d2 100644
--- a/components/tree-cn/index.html
+++ b/components/tree-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1372071064"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="6937450"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-tree-demo-basic" data-reactid="294">基本</a></li><li title="受控操作示例" data-reactid="295"><a href="#components-tree-demo-basic-controlled" data-reactid="296">受控操作示例</a></li><li title="拖动示例" data-reactid="297"><a href="#components-tree-demo-draggable" data-reactid="298">拖动示例</a></li><li title="异步数据加载" data-reactid="299"><a href="#components-tree-demo-dynamic" data-reactid="300">异步数据加载</a></li><li title="可搜索" data-reactid="301"><a href="#components-tree-demo-search" data-reactid="302">可搜索</a></li><li title="连接线" data-reactid="303"><a href="#components-tree-demo-line" data-reactid="304">连接线</a></li></ul></div></div><section class="markdown" data-reactid="305"><h1 data-reactid="306"><!-- react-text: 307 -->Tree<!-- /react-text --><span class="subtitle" data-reactid="308">树形控件</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tree/index.zh-CN.md" data-reactid="309"><i class="anticon anticon-edit" data-reactid="310"></i></a></h1><section class="markdown" data-reactid="311"><h2 id="何时使用" data-reactid="312"><span data-reactid="313"><!-- react-text: 314 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="315">#</a></h2><p data-reactid="316"><!-- react-text: 317 -->文件夹、组织架构、生物分类、国家地区等等，世间万物的大多数结构都是树形结构。使用<!-- /react-text --><code data-reactid="318"><!-- react-text: 319 -->树控件<!-- /react-text --></code><!-- react-text: 320 -->可以完整展现其中的层级关系，并具有展开收起选择等交互功能。<!-- /react-text --></p></section><h2 data-reactid="321"><span data-reactid="322">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="323"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="324"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="325"><section class="code-box" id="components-tree-demo-basic" data-reactid="326"><section class="code-box-demo" data-reactid="327"><ul class="ant-tree" role="tree-node" unselectable="true" data-reactid="328"><li class="" data-reactid="329"><span class="ant-tree-switcher ant-tree-noline_open" data-reactid="330"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked" data-reactid="331"><span class="ant-tree-checkbox-inner" data-reactid="332"></span></span><a title="parent 1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open" data-reactid="333"><span class="ant-tree-title" data-reactid="334">parent 1</span></a><ul class="ant-tree-child-tree ant-tree-child-tree-open" data-expanded="true" data-reactid="335"><li class="ant-tree-treenode-disabled" data-reactid="336"><span class="ant-tree-switcher ant-tree-noline_open ant-tree-switcher-disabled" data-reactid="337"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked ant-tree-checkbox-disabled" data-reactid="338"><span class="ant-tree-checkbox-inner" data-reactid="339"></span></span><a title="parent 1-0" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open" data-reactid="340"><span class="ant-tree-title" data-reactid="341">parent 1-0</span></a><ul class="ant-tree-child-tree ant-tree-child-tree-open" data-expanded="true" data-reactid="342"><li class="" data-reactid="343"><span class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" data-reactid="344"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked ant-tree-checkbox-disabled" data-reactid="345"><span class="ant-tree-checkbox-inner" data-reactid="346"></span></span><a title="leaf" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal" data-reactid="347"><span class="ant-tree-title" data-reactid="348">leaf</span></a></li><li class="" data-reactid="349"><span class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" data-reactid="350"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked" data-reactid="351"><span class="ant-tree-checkbox-inner" data-reactid="352"></span></span><a title="leaf" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal" data-reactid="353"><span class="ant-tree-title" data-reactid="354">leaf</span></a></li></ul></li><li class="" data-reactid="355"><span class="ant-tree-switcher ant-tree-noline_open" data-reactid="356"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked" data-reactid="357"><span class="ant-tree-checkbox-inner" data-reactid="358"></span></span><a title="parent 1-1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open" data-reactid="359"><span class="ant-tree-title" data-reactid="360">parent 1-1</span></a><ul class="ant-tree-child-tree ant-tree-child-tree-open" data-expanded="true" data-reactid="361"><li class="" data-reactid="362"><span class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" data-reactid="363"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked" data-reactid="364"><span class="ant-tree-checkbox-inner" data-reactid="365"></span></span><a title="" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal" data-reactid="366"><span class="ant-tree-title" data-reactid="367"><span style="color:#08c;" data-reactid="368">sss</span></span></a></li></ul></li></ul></li></ul></section><section class="code-box-meta markdown" data-reactid="369"><div class="code-box-title" data-reactid="370"><a href="#components-tree-demo-basic" data-reactid="371">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tree/demo/basic.md" data-reactid="372"><i class="anticon anticon-edit" data-reactid="373"></i></a></div><div data-reactid="374"><p data-reactid="375"><!-- react-text: 376 -->最简单的用法，展示可勾选，可选中，禁用，默认展开等功能。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="377"></i></section><section class="highlight-wrapper" data-reactid="378"><div class="highlight" data-reactid="379"><i class="anticon anticon-copy code-box-code-copy" data-reactid="380"></i><pre class="language-jsx" data-reactid="381"><code data-reactid="382"><span class="token keyword">import</span> <span class="token punctuation">{</span> Tree <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-tree-demo-basic" data-reactid="294">基本</a></li><li title="受控操作示例" data-reactid="295"><a href="#components-tree-demo-basic-controlled" data-reactid="296">受控操作示例</a></li><li title="拖动示例" data-reactid="297"><a href="#components-tree-demo-draggable" data-reactid="298">拖动示例</a></li><li title="异步数据加载" data-reactid="299"><a href="#components-tree-demo-dynamic" data-reactid="300">异步数据加载</a></li><li title="可搜索" data-reactid="301"><a href="#components-tree-demo-search" data-reactid="302">可搜索</a></li><li title="连接线" data-reactid="303"><a href="#components-tree-demo-line" data-reactid="304">连接线</a></li></ul></div></div><section class="markdown" data-reactid="305"><h1 data-reactid="306"><!-- react-text: 307 -->Tree<!-- /react-text --><span class="subtitle" data-reactid="308">树形控件</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tree/index.zh-CN.md" data-reactid="309"><i class="anticon anticon-edit" data-reactid="310"></i></a></h1><section class="markdown" data-reactid="311"><h2 id="何时使用" data-reactid="312"><span data-reactid="313"><!-- react-text: 314 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="315">#</a></h2><p data-reactid="316"><!-- react-text: 317 -->文件夹、组织架构、生物分类、国家地区等等，世间万物的大多数结构都是树形结构。使用<!-- /react-text --><code data-reactid="318"><!-- react-text: 319 -->树控件<!-- /react-text --></code><!-- react-text: 320 -->可以完整展现其中的层级关系，并具有展开收起选择等交互功能。<!-- /react-text --></p></section><h2 data-reactid="321"><span data-reactid="322">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="323"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="324"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="325"><section class="code-box" id="components-tree-demo-basic" data-reactid="326"><section class="code-box-demo" data-reactid="327"><ul class="ant-tree" role="tree-node" unselectable="true" data-reactid="328"><li class="" data-reactid="329"><span class="ant-tree-switcher ant-tree-noline_open" data-reactid="330"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked" data-reactid="331"><span class="ant-tree-checkbox-inner" data-reactid="332"></span></span><a title="parent 1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open" data-reactid="333"><span class="ant-tree-title" data-reactid="334">parent 1</span></a><ul class="ant-tree-child-tree ant-tree-child-tree-open" data-expanded="true" data-reactid="335"><li class="ant-tree-treenode-disabled" data-reactid="336"><span class="ant-tree-switcher ant-tree-noline_open ant-tree-switcher-disabled" data-reactid="337"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked ant-tree-checkbox-disabled" data-reactid="338"><span class="ant-tree-checkbox-inner" data-reactid="339"></span></span><a title="parent 1-0" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open" data-reactid="340"><span class="ant-tree-title" data-reactid="341">parent 1-0</span></a><ul class="ant-tree-child-tree ant-tree-child-tree-open" data-expanded="true" data-reactid="342"><li class="" data-reactid="343"><span class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" data-reactid="344"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked ant-tree-checkbox-disabled" data-reactid="345"><span class="ant-tree-checkbox-inner" data-reactid="346"></span></span><a title="leaf" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal" data-reactid="347"><span class="ant-tree-title" data-reactid="348">leaf</span></a></li><li class="" data-reactid="349"><span class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" data-reactid="350"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked" data-reactid="351"><span class="ant-tree-checkbox-inner" data-reactid="352"></span></span><a title="leaf" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal" data-reactid="353"><span class="ant-tree-title" data-reactid="354">leaf</span></a></li></ul></li><li class="" data-reactid="355"><span class="ant-tree-switcher ant-tree-noline_open" data-reactid="356"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked" data-reactid="357"><span class="ant-tree-checkbox-inner" data-reactid="358"></span></span><a title="parent 1-1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open" data-reactid="359"><span class="ant-tree-title" data-reactid="360">parent 1-1</span></a><ul class="ant-tree-child-tree ant-tree-child-tree-open" data-expanded="true" data-reactid="361"><li class="" data-reactid="362"><span class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" data-reactid="363"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked" data-reactid="364"><span class="ant-tree-checkbox-inner" data-reactid="365"></span></span><a title="" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal" data-reactid="366"><span class="ant-tree-title" data-reactid="367"><span style="color:#08c;" data-reactid="368">sss</span></span></a></li></ul></li></ul></li></ul></section><section class="code-box-meta markdown" data-reactid="369"><div class="code-box-title" data-reactid="370"><a href="#components-tree-demo-basic" data-reactid="371">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tree/demo/basic.md" data-reactid="372"><i class="anticon anticon-edit" data-reactid="373"></i></a></div><div data-reactid="374"><p data-reactid="375"><!-- react-text: 376 -->最简单的用法，展示可勾选，可选中，禁用，默认展开等功能。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="377"></i></section><section class="highlight-wrapper" data-reactid="378"><div class="highlight" data-reactid="379"><i class="anticon anticon-copy code-box-code-copy" data-reactid="380"></i><pre class="language-jsx" data-reactid="381"><code data-reactid="382"><span class="token keyword">import</span> <span class="token punctuation">{</span> Tree <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> TreeNode <span class="token operator">=</span> Tree<span class="token punctuation">.</span>TreeNode<span class="token punctuation">;</span>
 
 <span class="token keyword">class</span> <span class="token class-name">Demo</span> <span class="token keyword">extends</span> <span class="token class-name">React<span class="token punctuation">.</span>Component</span> <span class="token punctuation">{</span>
diff --git a/components/tree-select-cn/index.html b/components/tree-select-cn/index.html
index e055b2d42..8af16dde4 100644
--- a/components/tree-select-cn/index.html
+++ b/components/tree-select-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1520271095"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-2040299783"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-tree-select-demo-basic" data-reactid="294">基本</a></li><li title="从数据直接生成" data-reactid="295"><a href="#components-tree-select-demo-treeData" data-reactid="296">从数据直接生成</a></li><li title="多选" data-reactid="297"><a href="#components-tree-select-demo-checkable" data-reactid="298">多选</a></li></ul></div></div><section class="markdown" data-reactid="299"><h1 data-reactid="300"><!-- react-text: 301 -->TreeSelect<!-- /react-text --><span class="subtitle" data-reactid="302">树选择</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tree-select/index.zh-CN.md" data-reactid="303"><i class="anticon anticon-edit" data-reactid="304"></i></a></h1><section class="markdown" data-reactid="305"><p data-reactid="306"><!-- react-text: 307 -->树型选择控件。<!-- /react-text --></p><h2 id="何时使用" data-reactid="308"><span data-reactid="309"><!-- react-text: 310 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="311">#</a></h2><p data-reactid="312"><!-- react-text: 313 -->类似 Select 的选择控件，可选择的数据结构是一个树形结构时，可以使用 TreeSelect，例如公司层级、学科系统、分类目录等等。<!-- /react-text --></p></section><h2 data-reactid="314"><span data-reactid="315">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="316"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="317"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="318"><section class="code-box" id="components-tree-select-demo-basic" data-reactid="319"><section class="code-box-demo" data-reactid="320"><span style="width:300px;" class="ant-select ant-select-enabled" data-reactid="321"><span class="ant-select-selection
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="基本" data-reactid="293"><a href="#components-tree-select-demo-basic" data-reactid="294">基本</a></li><li title="从数据直接生成" data-reactid="295"><a href="#components-tree-select-demo-treeData" data-reactid="296">从数据直接生成</a></li><li title="多选" data-reactid="297"><a href="#components-tree-select-demo-checkable" data-reactid="298">多选</a></li></ul></div></div><section class="markdown" data-reactid="299"><h1 data-reactid="300"><!-- react-text: 301 -->TreeSelect<!-- /react-text --><span class="subtitle" data-reactid="302">树选择</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tree-select/index.zh-CN.md" data-reactid="303"><i class="anticon anticon-edit" data-reactid="304"></i></a></h1><section class="markdown" data-reactid="305"><p data-reactid="306"><!-- react-text: 307 -->树型选择控件。<!-- /react-text --></p><h2 id="何时使用" data-reactid="308"><span data-reactid="309"><!-- react-text: 310 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="311">#</a></h2><p data-reactid="312"><!-- react-text: 313 -->类似 Select 的选择控件，可选择的数据结构是一个树形结构时，可以使用 TreeSelect，例如公司层级、学科系统、分类目录等等。<!-- /react-text --></p></section><h2 data-reactid="314"><span data-reactid="315">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="316"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="317"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="318"><section class="code-box" id="components-tree-select-demo-basic" data-reactid="319"><section class="code-box-demo" data-reactid="320"><span style="width:300px;" class="ant-select ant-select-enabled" data-reactid="321"><span class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" data-reactid="322"><span class="ant-select-selection__rendered" data-reactid="323"><span class="ant-select-selection__placeholder" data-reactid="324">Please select</span></span><span class="ant-select-arrow" style="outline:none;" data-reactid="325"><b data-reactid="326"></b></span></span></span></section><section class="code-box-meta markdown" data-reactid="327"><div class="code-box-title" data-reactid="328"><a href="#components-tree-select-demo-basic" data-reactid="329">基本</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tree-select/demo/basic.md" data-reactid="330"><i class="anticon anticon-edit" data-reactid="331"></i></a></div><div data-reactid="332"><p data-reactid="333"><!-- react-text: 334 -->最简单的用法。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="335"></i></section><section class="highlight-wrapper" data-reactid="336"><div class="highlight" data-reactid="337"><i class="anticon anticon-copy code-box-code-copy" data-reactid="338"></i><pre class="language-jsx" data-reactid="339"><code data-reactid="340"><span class="token keyword">import</span> <span class="token punctuation">{</span> TreeSelect <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> TreeNode <span class="token operator">=</span> TreeSelect<span class="token punctuation">.</span>TreeNode<span class="token punctuation">;</span>
 
diff --git a/components/tree-select/index.html b/components/tree-select/index.html
index b5688ab8f..ec268cc82 100644
--- a/components/tree-select/index.html
+++ b/components/tree-select/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="857018938"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1999704636"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-tree-select-demo-basic" data-reactid="294">Basic</a></li><li title="Generate form tree data" data-reactid="295"><a href="#components-tree-select-demo-treeData" data-reactid="296">Generate form tree data</a></li><li title="Multiple" data-reactid="297"><a href="#components-tree-select-demo-checkable" data-reactid="298">Multiple</a></li></ul></div></div><section class="markdown" data-reactid="299"><h1 data-reactid="300"><!-- react-text: 301 -->TreeSelect<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tree-select/index.en-US.md" data-reactid="302"><i class="anticon anticon-edit" data-reactid="303"></i></a></h1><section class="markdown" data-reactid="304"><p data-reactid="305"><!-- react-text: 306 -->Tree selection control.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="307"><span data-reactid="308"><!-- react-text: 309 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="310">#</a></h2><p data-reactid="311"><code data-reactid="312"><!-- react-text: 313 -->TreeSelect<!-- /react-text --></code><!-- react-text: 314 --> is similar to <!-- /react-text --><code data-reactid="315"><!-- react-text: 316 -->Select<!-- /react-text --></code><!-- react-text: 317 -->, but the values are provided in a tree like structure.
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Basic" data-reactid="293"><a href="#components-tree-select-demo-basic" data-reactid="294">Basic</a></li><li title="Generate form tree data" data-reactid="295"><a href="#components-tree-select-demo-treeData" data-reactid="296">Generate form tree data</a></li><li title="Multiple" data-reactid="297"><a href="#components-tree-select-demo-checkable" data-reactid="298">Multiple</a></li></ul></div></div><section class="markdown" data-reactid="299"><h1 data-reactid="300"><!-- react-text: 301 -->TreeSelect<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tree-select/index.en-US.md" data-reactid="302"><i class="anticon anticon-edit" data-reactid="303"></i></a></h1><section class="markdown" data-reactid="304"><p data-reactid="305"><!-- react-text: 306 -->Tree selection control.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="307"><span data-reactid="308"><!-- react-text: 309 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="310">#</a></h2><p data-reactid="311"><code data-reactid="312"><!-- react-text: 313 -->TreeSelect<!-- /react-text --></code><!-- react-text: 314 --> is similar to <!-- /react-text --><code data-reactid="315"><!-- react-text: 316 -->Select<!-- /react-text --></code><!-- react-text: 317 -->, but the values are provided in a tree like structure.
 Any data whose entries are defined in a hierarchical manner is fit to use this control. Examples of such case may include a corporate hierarchy, a directory structure, and so on.<!-- /react-text --></p></section><h2 data-reactid="318"><span data-reactid="319">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="320"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="321"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="322"><section class="code-box" id="components-tree-select-demo-basic" data-reactid="323"><section class="code-box-demo" data-reactid="324"><span style="width:300px;" class="ant-select ant-select-enabled" data-reactid="325"><span class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" data-reactid="326"><span class="ant-select-selection__rendered" data-reactid="327"><span class="ant-select-selection__placeholder" data-reactid="328">Please select</span></span><span class="ant-select-arrow" style="outline:none;" data-reactid="329"><b data-reactid="330"></b></span></span></span></section><section class="code-box-meta markdown" data-reactid="331"><div class="code-box-title" data-reactid="332"><a href="#components-tree-select-demo-basic" data-reactid="333">Basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tree-select/demo/basic.md" data-reactid="334"><i class="anticon anticon-edit" data-reactid="335"></i></a></div><div data-reactid="336"><p data-reactid="337"><!-- react-text: 338 -->The most basic usage.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="339"></i></section><section class="highlight-wrapper" data-reactid="340"><div class="highlight" data-reactid="341"><i class="anticon anticon-copy code-box-code-copy" data-reactid="342"></i><pre class="language-jsx" data-reactid="343"><code data-reactid="344"><span class="token keyword">import</span> <span class="token punctuation">{</span> TreeSelect <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> TreeNode <span class="token operator">=</span> TreeSelect<span class="token punctuation">.</span>TreeNode<span class="token punctuation">;</span>
diff --git a/components/tree/index.html b/components/tree/index.html
index d9e7aca55..bb0af9a97 100644
--- a/components/tree/index.html
+++ b/components/tree/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1856422338"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-741490236"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="basic" data-reactid="293"><a href="#components-tree-demo-basic" data-reactid="294">basic</a></li><li title="basic controlled example" data-reactid="295"><a href="#components-tree-demo-basic-controlled" data-reactid="296">basic controlled example</a></li><li title="draggable" data-reactid="297"><a href="#components-tree-demo-draggable" data-reactid="298">draggable</a></li><li title="load data asynchronously" data-reactid="299"><a href="#components-tree-demo-dynamic" data-reactid="300">load data asynchronously</a></li><li title="Searchable" data-reactid="301"><a href="#components-tree-demo-search" data-reactid="302">Searchable</a></li><li title="Tree With Line" data-reactid="303"><a href="#components-tree-demo-line" data-reactid="304">Tree With Line</a></li></ul></div></div><section class="markdown" data-reactid="305"><h1 data-reactid="306"><!-- react-text: 307 -->Tree<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tree/index.en-US.md" data-reactid="308"><i class="anticon anticon-edit" data-reactid="309"></i></a></h1><section class="markdown" data-reactid="310"><h2 id="When-To-Use" data-reactid="311"><span data-reactid="312"><!-- react-text: 313 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="314">#</a></h2><p data-reactid="315"><!-- react-text: 316 -->Directory, organization, biological classification, country, and etc. Almost things of the world are tree structure. The <!-- /react-text --><code data-reactid="317"><!-- react-text: 318 -->Tree<!-- /react-text --></code><!-- react-text: 319 --> component is a way of representing the hierarchical relationship of these things，and you also can expand, collapse, select the treeNodes of it.<!-- /react-text --></p></section><h2 data-reactid="320"><span data-reactid="321">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="322"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="323"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="324"><section class="code-box" id="components-tree-demo-basic" data-reactid="325"><section class="code-box-demo" data-reactid="326"><ul class="ant-tree" role="tree-node" unselectable="true" data-reactid="327"><li class="" data-reactid="328"><span class="ant-tree-switcher ant-tree-noline_open" data-reactid="329"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked" data-reactid="330"><span class="ant-tree-checkbox-inner" data-reactid="331"></span></span><a title="parent 1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open" data-reactid="332"><span class="ant-tree-title" data-reactid="333">parent 1</span></a><ul class="ant-tree-child-tree ant-tree-child-tree-open" data-expanded="true" data-reactid="334"><li class="ant-tree-treenode-disabled" data-reactid="335"><span class="ant-tree-switcher ant-tree-noline_open ant-tree-switcher-disabled" data-reactid="336"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked ant-tree-checkbox-disabled" data-reactid="337"><span class="ant-tree-checkbox-inner" data-reactid="338"></span></span><a title="parent 1-0" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open" data-reactid="339"><span class="ant-tree-title" data-reactid="340">parent 1-0</span></a><ul class="ant-tree-child-tree ant-tree-child-tree-open" data-expanded="true" data-reactid="341"><li class="" data-reactid="342"><span class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" data-reactid="343"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked ant-tree-checkbox-disabled" data-reactid="344"><span class="ant-tree-checkbox-inner" data-reactid="345"></span></span><a title="leaf" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal" data-reactid="346"><span class="ant-tree-title" data-reactid="347">leaf</span></a></li><li class="" data-reactid="348"><span class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" data-reactid="349"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked" data-reactid="350"><span class="ant-tree-checkbox-inner" data-reactid="351"></span></span><a title="leaf" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal" data-reactid="352"><span class="ant-tree-title" data-reactid="353">leaf</span></a></li></ul></li><li class="" data-reactid="354"><span class="ant-tree-switcher ant-tree-noline_open" data-reactid="355"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked" data-reactid="356"><span class="ant-tree-checkbox-inner" data-reactid="357"></span></span><a title="parent 1-1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open" data-reactid="358"><span class="ant-tree-title" data-reactid="359">parent 1-1</span></a><ul class="ant-tree-child-tree ant-tree-child-tree-open" data-expanded="true" data-reactid="360"><li class="" data-reactid="361"><span class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" data-reactid="362"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked" data-reactid="363"><span class="ant-tree-checkbox-inner" data-reactid="364"></span></span><a title="" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal" data-reactid="365"><span class="ant-tree-title" data-reactid="366"><span style="color:#08c;" data-reactid="367">sss</span></span></a></li></ul></li></ul></li></ul></section><section class="code-box-meta markdown" data-reactid="368"><div class="code-box-title" data-reactid="369"><a href="#components-tree-demo-basic" data-reactid="370">basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tree/demo/basic.md" data-reactid="371"><i class="anticon anticon-edit" data-reactid="372"></i></a></div><div data-reactid="373"><p data-reactid="374"><!-- react-text: 375 -->The most basic usage, tell you how to use checkable, selectable, disabled, defaultExpandKeys, and etc.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="376"></i></section><section class="highlight-wrapper" data-reactid="377"><div class="highlight" data-reactid="378"><i class="anticon anticon-copy code-box-code-copy" data-reactid="379"></i><pre class="language-jsx" data-reactid="380"><code data-reactid="381"><span class="token keyword">import</span> <span class="token punctuation">{</span> Tree <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="basic" data-reactid="293"><a href="#components-tree-demo-basic" data-reactid="294">basic</a></li><li title="basic controlled example" data-reactid="295"><a href="#components-tree-demo-basic-controlled" data-reactid="296">basic controlled example</a></li><li title="draggable" data-reactid="297"><a href="#components-tree-demo-draggable" data-reactid="298">draggable</a></li><li title="load data asynchronously" data-reactid="299"><a href="#components-tree-demo-dynamic" data-reactid="300">load data asynchronously</a></li><li title="Searchable" data-reactid="301"><a href="#components-tree-demo-search" data-reactid="302">Searchable</a></li><li title="Tree With Line" data-reactid="303"><a href="#components-tree-demo-line" data-reactid="304">Tree With Line</a></li></ul></div></div><section class="markdown" data-reactid="305"><h1 data-reactid="306"><!-- react-text: 307 -->Tree<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tree/index.en-US.md" data-reactid="308"><i class="anticon anticon-edit" data-reactid="309"></i></a></h1><section class="markdown" data-reactid="310"><h2 id="When-To-Use" data-reactid="311"><span data-reactid="312"><!-- react-text: 313 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="314">#</a></h2><p data-reactid="315"><!-- react-text: 316 -->Directory, organization, biological classification, country, and etc. Almost things of the world are tree structure. The <!-- /react-text --><code data-reactid="317"><!-- react-text: 318 -->Tree<!-- /react-text --></code><!-- react-text: 319 --> component is a way of representing the hierarchical relationship of these things，and you also can expand, collapse, select the treeNodes of it.<!-- /react-text --></p></section><h2 data-reactid="320"><span data-reactid="321">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="322"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="323"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="324"><section class="code-box" id="components-tree-demo-basic" data-reactid="325"><section class="code-box-demo" data-reactid="326"><ul class="ant-tree" role="tree-node" unselectable="true" data-reactid="327"><li class="" data-reactid="328"><span class="ant-tree-switcher ant-tree-noline_open" data-reactid="329"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked" data-reactid="330"><span class="ant-tree-checkbox-inner" data-reactid="331"></span></span><a title="parent 1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open" data-reactid="332"><span class="ant-tree-title" data-reactid="333">parent 1</span></a><ul class="ant-tree-child-tree ant-tree-child-tree-open" data-expanded="true" data-reactid="334"><li class="ant-tree-treenode-disabled" data-reactid="335"><span class="ant-tree-switcher ant-tree-noline_open ant-tree-switcher-disabled" data-reactid="336"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked ant-tree-checkbox-disabled" data-reactid="337"><span class="ant-tree-checkbox-inner" data-reactid="338"></span></span><a title="parent 1-0" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open" data-reactid="339"><span class="ant-tree-title" data-reactid="340">parent 1-0</span></a><ul class="ant-tree-child-tree ant-tree-child-tree-open" data-expanded="true" data-reactid="341"><li class="" data-reactid="342"><span class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" data-reactid="343"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked ant-tree-checkbox-disabled" data-reactid="344"><span class="ant-tree-checkbox-inner" data-reactid="345"></span></span><a title="leaf" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal" data-reactid="346"><span class="ant-tree-title" data-reactid="347">leaf</span></a></li><li class="" data-reactid="348"><span class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" data-reactid="349"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked" data-reactid="350"><span class="ant-tree-checkbox-inner" data-reactid="351"></span></span><a title="leaf" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal" data-reactid="352"><span class="ant-tree-title" data-reactid="353">leaf</span></a></li></ul></li><li class="" data-reactid="354"><span class="ant-tree-switcher ant-tree-noline_open" data-reactid="355"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked" data-reactid="356"><span class="ant-tree-checkbox-inner" data-reactid="357"></span></span><a title="parent 1-1" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open" data-reactid="358"><span class="ant-tree-title" data-reactid="359">parent 1-1</span></a><ul class="ant-tree-child-tree ant-tree-child-tree-open" data-expanded="true" data-reactid="360"><li class="" data-reactid="361"><span class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" data-reactid="362"></span><span class="ant-tree-checkbox ant-tree-checkbox-checked" data-reactid="363"><span class="ant-tree-checkbox-inner" data-reactid="364"></span></span><a title="" class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal" data-reactid="365"><span class="ant-tree-title" data-reactid="366"><span style="color:#08c;" data-reactid="367">sss</span></span></a></li></ul></li></ul></li></ul></section><section class="code-box-meta markdown" data-reactid="368"><div class="code-box-title" data-reactid="369"><a href="#components-tree-demo-basic" data-reactid="370">basic</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/tree/demo/basic.md" data-reactid="371"><i class="anticon anticon-edit" data-reactid="372"></i></a></div><div data-reactid="373"><p data-reactid="374"><!-- react-text: 375 -->The most basic usage, tell you how to use checkable, selectable, disabled, defaultExpandKeys, and etc.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="376"></i></section><section class="highlight-wrapper" data-reactid="377"><div class="highlight" data-reactid="378"><i class="anticon anticon-copy code-box-code-copy" data-reactid="379"></i><pre class="language-jsx" data-reactid="380"><code data-reactid="381"><span class="token keyword">import</span> <span class="token punctuation">{</span> Tree <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 <span class="token keyword">const</span> TreeNode <span class="token operator">=</span> Tree<span class="token punctuation">.</span>TreeNode<span class="token punctuation">;</span>
 
 <span class="token keyword">class</span> <span class="token class-name">Demo</span> <span class="token keyword">extends</span> <span class="token class-name">React<span class="token punctuation">.</span>Component</span> <span class="token punctuation">{</span>
diff --git a/components/upload-cn/index.html b/components/upload-cn/index.html
index ba1d5bf7a..aabeca6e4 100644
--- a/components/upload-cn/index.html
+++ b/components/upload-cn/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1530069271"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1084554987"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="点击上传" data-reactid="293"><a href="#components-upload-demo-basic" data-reactid="294">点击上传</a></li><li title="用户头像" data-reactid="295"><a href="#components-upload-demo-avatar" data-reactid="296">用户头像</a></li><li title="已上传的文件列表" data-reactid="297"><a href="#components-upload-demo-defaultFileList" data-reactid="298">已上传的文件列表</a></li><li title="照片墙" data-reactid="299"><a href="#components-upload-demo-picture-card" data-reactid="300">照片墙</a></li><li title="完全控制的上传列表" data-reactid="301"><a href="#components-upload-demo-fileList" data-reactid="302">完全控制的上传列表</a></li><li title="拖拽上传" data-reactid="303"><a href="#components-upload-demo-drag" data-reactid="304">拖拽上传</a></li><li title="图片列表样式" data-reactid="305"><a href="#components-upload-demo-picture-style" data-reactid="306">图片列表样式</a></li></ul></div></div><section class="markdown" data-reactid="307"><h1 data-reactid="308"><!-- react-text: 309 -->Upload<!-- /react-text --><span class="subtitle" data-reactid="310">上传</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/upload/index.zh-CN.md" data-reactid="311"><i class="anticon anticon-edit" data-reactid="312"></i></a></h1><section class="markdown" data-reactid="313"><p data-reactid="314"><!-- react-text: 315 -->文件选择上传和拖拽上传控件。<!-- /react-text --></p><h2 id="何时使用" data-reactid="316"><span data-reactid="317"><!-- react-text: 318 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="319">#</a></h2><p data-reactid="320"><!-- react-text: 321 -->上传是将信息（网页、文字、图片、视频等）通过网页或者上传工具发布到远程服务器上的过程。<!-- /react-text --></p><ul data-reactid="322"><li data-reactid="323"><p data-reactid="324"><!-- react-text: 325 -->当需要上传一个或一些文件时。<!-- /react-text --></p></li><li data-reactid="326"><p data-reactid="327"><!-- react-text: 328 -->当需要展现上传的进度时。<!-- /react-text --></p></li><li data-reactid="329"><p data-reactid="330"><!-- react-text: 331 -->当需要使用拖拽交互时。<!-- /react-text --></p></li></ul></section><h2 data-reactid="332"><span data-reactid="333">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="334"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="335"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="336"><section class="code-box" id="components-upload-demo-basic" data-reactid="337"><section class="code-box-demo" data-reactid="338"><span class="" data-reactid="339"><div class="ant-upload ant-upload-select ant-upload-select-text" style="display:;" data-reactid="340"><!-- react-empty: 341 --></div><div class="ant-upload-list ant-upload-list-text" data-reactid="342"></div></span></section><section class="code-box-meta markdown" data-reactid="343"><div class="code-box-title" data-reactid="344"><a href="#components-upload-demo-basic" data-reactid="345">点击上传</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/upload/demo/basic.md" data-reactid="346"><i class="anticon anticon-edit" data-reactid="347"></i></a></div><div data-reactid="348"><p data-reactid="349"><!-- react-text: 350 -->经典款式，用户点击按钮弹出文件选择框。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="351"></i></section><section class="highlight-wrapper" data-reactid="352"><div class="highlight" data-reactid="353"><i class="anticon anticon-copy code-box-code-copy" data-reactid="354"></i><pre class="language-jsx" data-reactid="355"><code data-reactid="356"><span class="token keyword">import</span> <span class="token punctuation">{</span> Upload<span class="token punctuation">,</span> message<span class="token punctuation">,</span> Button<span class="token punctuation">,</span> Icon <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="点击上传" data-reactid="293"><a href="#components-upload-demo-basic" data-reactid="294">点击上传</a></li><li title="用户头像" data-reactid="295"><a href="#components-upload-demo-avatar" data-reactid="296">用户头像</a></li><li title="已上传的文件列表" data-reactid="297"><a href="#components-upload-demo-defaultFileList" data-reactid="298">已上传的文件列表</a></li><li title="照片墙" data-reactid="299"><a href="#components-upload-demo-picture-card" data-reactid="300">照片墙</a></li><li title="完全控制的上传列表" data-reactid="301"><a href="#components-upload-demo-fileList" data-reactid="302">完全控制的上传列表</a></li><li title="拖拽上传" data-reactid="303"><a href="#components-upload-demo-drag" data-reactid="304">拖拽上传</a></li><li title="图片列表样式" data-reactid="305"><a href="#components-upload-demo-picture-style" data-reactid="306">图片列表样式</a></li></ul></div></div><section class="markdown" data-reactid="307"><h1 data-reactid="308"><!-- react-text: 309 -->Upload<!-- /react-text --><span class="subtitle" data-reactid="310">上传</span><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/upload/index.zh-CN.md" data-reactid="311"><i class="anticon anticon-edit" data-reactid="312"></i></a></h1><section class="markdown" data-reactid="313"><p data-reactid="314"><!-- react-text: 315 -->文件选择上传和拖拽上传控件。<!-- /react-text --></p><h2 id="何时使用" data-reactid="316"><span data-reactid="317"><!-- react-text: 318 -->何时使用<!-- /react-text --></span><a href="#何时使用" class="anchor" data-reactid="319">#</a></h2><p data-reactid="320"><!-- react-text: 321 -->上传是将信息（网页、文字、图片、视频等）通过网页或者上传工具发布到远程服务器上的过程。<!-- /react-text --></p><ul data-reactid="322"><li data-reactid="323"><p data-reactid="324"><!-- react-text: 325 -->当需要上传一个或一些文件时。<!-- /react-text --></p></li><li data-reactid="326"><p data-reactid="327"><!-- react-text: 328 -->当需要展现上传的进度时。<!-- /react-text --></p></li><li data-reactid="329"><p data-reactid="330"><!-- react-text: 331 -->当需要使用拖拽交互时。<!-- /react-text --></p></li></ul></section><h2 data-reactid="332"><span data-reactid="333">代码演示</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="334"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="335"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="336"><section class="code-box" id="components-upload-demo-basic" data-reactid="337"><section class="code-box-demo" data-reactid="338"><span class="" data-reactid="339"><div class="ant-upload ant-upload-select ant-upload-select-text" style="display:;" data-reactid="340"><!-- react-empty: 341 --></div><div class="ant-upload-list ant-upload-list-text" data-reactid="342"></div></span></section><section class="code-box-meta markdown" data-reactid="343"><div class="code-box-title" data-reactid="344"><a href="#components-upload-demo-basic" data-reactid="345">点击上传</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/upload/demo/basic.md" data-reactid="346"><i class="anticon anticon-edit" data-reactid="347"></i></a></div><div data-reactid="348"><p data-reactid="349"><!-- react-text: 350 -->经典款式，用户点击按钮弹出文件选择框。<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="351"></i></section><section class="highlight-wrapper" data-reactid="352"><div class="highlight" data-reactid="353"><i class="anticon anticon-copy code-box-code-copy" data-reactid="354"></i><pre class="language-jsx" data-reactid="355"><code data-reactid="356"><span class="token keyword">import</span> <span class="token punctuation">{</span> Upload<span class="token punctuation">,</span> message<span class="token punctuation">,</span> Button<span class="token punctuation">,</span> Icon <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">const</span> props <span class="token operator">=</span> <span class="token punctuation">{</span>
   name<span class="token punctuation">:</span> <span class="token string">'file'</span><span class="token punctuation">,</span>
diff --git a/components/upload/index.html b/components/upload/index.html
index e6d9b5075..a5708ea96 100644
--- a/components/upload/index.html
+++ b/components/upload/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1599018983"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="270997481"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Upload by clicking" data-reactid="293"><a href="#components-upload-demo-basic" data-reactid="294">Upload by clicking</a></li><li title="Avatar" data-reactid="295"><a href="#components-upload-demo-avatar" data-reactid="296">Avatar</a></li><li title="Default Files" data-reactid="297"><a href="#components-upload-demo-defaultFileList" data-reactid="298">Default Files</a></li><li title="Pictures Wall" data-reactid="299"><a href="#components-upload-demo-picture-card" data-reactid="300">Pictures Wall</a></li><li title="Complete control over file list" data-reactid="301"><a href="#components-upload-demo-fileList" data-reactid="302">Complete control over file list</a></li><li title="Drag and Drop" data-reactid="303"><a href="#components-upload-demo-drag" data-reactid="304">Drag and Drop</a></li><li title="Pictures with list style" data-reactid="305"><a href="#components-upload-demo-picture-style" data-reactid="306">Pictures with list style</a></li></ul></div></div><section class="markdown" data-reactid="307"><h1 data-reactid="308"><!-- react-text: 309 -->Upload<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/upload/index.en-US.md" data-reactid="310"><i class="anticon anticon-edit" data-reactid="311"></i></a></h1><section class="markdown" data-reactid="312"><p data-reactid="313"><!-- react-text: 314 -->Upload file by selecting or dragging.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="315"><span data-reactid="316"><!-- react-text: 317 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="318">#</a></h2><p data-reactid="319"><!-- react-text: 320 -->Uploading is the process of publishing information (web pages, text, pictures, video, etc.) to a remote server via a web page or upload tool.<!-- /react-text --></p><ul data-reactid="321"><li data-reactid="322"><p data-reactid="323"><!-- react-text: 324 -->When you need to upload one or more files.<!-- /react-text --></p></li><li data-reactid="325"><p data-reactid="326"><!-- react-text: 327 -->When you need to show the process of uploading.<!-- /react-text --></p></li><li data-reactid="328"><p data-reactid="329"><!-- react-text: 330 -->When you need to upload files by dragging and dropping.<!-- /react-text --></p></li></ul></section><h2 data-reactid="331"><span data-reactid="332">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="333"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="334"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="335"><section class="code-box" id="components-upload-demo-basic" data-reactid="336"><section class="code-box-demo" data-reactid="337"><span class="" data-reactid="338"><div class="ant-upload ant-upload-select ant-upload-select-text" style="display:;" data-reactid="339"><!-- react-empty: 340 --></div><div class="ant-upload-list ant-upload-list-text" data-reactid="341"></div></span></section><section class="code-box-meta markdown" data-reactid="342"><div class="code-box-title" data-reactid="343"><a href="#components-upload-demo-basic" data-reactid="344">Upload by clicking</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/upload/demo/basic.md" data-reactid="345"><i class="anticon anticon-edit" data-reactid="346"></i></a></div><div data-reactid="347"><p data-reactid="348"><!-- react-text: 349 -->Classic mode. File selection dialog pops up when upload button is clicked.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="350"></i></section><section class="highlight-wrapper" data-reactid="351"><div class="highlight" data-reactid="352"><i class="anticon anticon-copy code-box-code-copy" data-reactid="353"></i><pre class="language-jsx" data-reactid="354"><code data-reactid="355"><span class="token keyword">import</span> <span class="token punctuation">{</span> Upload<span class="token punctuation">,</span> message<span class="token punctuation">,</span> Button<span class="token punctuation">,</span> Icon <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container main-container-component ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article data-reactid="289"><div class="toc-affix" data-reactid="290"><div class="" data-reactid="291"><ul class="toc demos-anchor" data-reactid="292"><li title="Upload by clicking" data-reactid="293"><a href="#components-upload-demo-basic" data-reactid="294">Upload by clicking</a></li><li title="Avatar" data-reactid="295"><a href="#components-upload-demo-avatar" data-reactid="296">Avatar</a></li><li title="Default Files" data-reactid="297"><a href="#components-upload-demo-defaultFileList" data-reactid="298">Default Files</a></li><li title="Pictures Wall" data-reactid="299"><a href="#components-upload-demo-picture-card" data-reactid="300">Pictures Wall</a></li><li title="Complete control over file list" data-reactid="301"><a href="#components-upload-demo-fileList" data-reactid="302">Complete control over file list</a></li><li title="Drag and Drop" data-reactid="303"><a href="#components-upload-demo-drag" data-reactid="304">Drag and Drop</a></li><li title="Pictures with list style" data-reactid="305"><a href="#components-upload-demo-picture-style" data-reactid="306">Pictures with list style</a></li></ul></div></div><section class="markdown" data-reactid="307"><h1 data-reactid="308"><!-- react-text: 309 -->Upload<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/upload/index.en-US.md" data-reactid="310"><i class="anticon anticon-edit" data-reactid="311"></i></a></h1><section class="markdown" data-reactid="312"><p data-reactid="313"><!-- react-text: 314 -->Upload file by selecting or dragging.<!-- /react-text --></p><h2 id="When-To-Use" data-reactid="315"><span data-reactid="316"><!-- react-text: 317 -->When To Use<!-- /react-text --></span><a href="#When-To-Use" class="anchor" data-reactid="318">#</a></h2><p data-reactid="319"><!-- react-text: 320 -->Uploading is the process of publishing information (web pages, text, pictures, video, etc.) to a remote server via a web page or upload tool.<!-- /react-text --></p><ul data-reactid="321"><li data-reactid="322"><p data-reactid="323"><!-- react-text: 324 -->When you need to upload one or more files.<!-- /react-text --></p></li><li data-reactid="325"><p data-reactid="326"><!-- react-text: 327 -->When you need to show the process of uploading.<!-- /react-text --></p></li><li data-reactid="328"><p data-reactid="329"><!-- react-text: 330 -->When you need to upload files by dragging and dropping.<!-- /react-text --></p></li></ul></section><h2 data-reactid="331"><span data-reactid="332">Examples</span><i class="anticon anticon-appstore code-box-expand-trigger" title="展开全部代码" data-reactid="333"></i></h2></section><div class="ant-row" style="margin-left:-8px;margin-right:-8px;" data-reactid="334"><div style="padding-left:8px;padding-right:8px;" class="ant-col-12 code-boxes-col-2-1" data-reactid="335"><section class="code-box" id="components-upload-demo-basic" data-reactid="336"><section class="code-box-demo" data-reactid="337"><span class="" data-reactid="338"><div class="ant-upload ant-upload-select ant-upload-select-text" style="display:;" data-reactid="339"><!-- react-empty: 340 --></div><div class="ant-upload-list ant-upload-list-text" data-reactid="341"></div></span></section><section class="code-box-meta markdown" data-reactid="342"><div class="code-box-title" data-reactid="343"><a href="#components-upload-demo-basic" data-reactid="344">Upload by clicking</a><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/components/upload/demo/basic.md" data-reactid="345"><i class="anticon anticon-edit" data-reactid="346"></i></a></div><div data-reactid="347"><p data-reactid="348"><!-- react-text: 349 -->Classic mode. File selection dialog pops up when upload button is clicked.<!-- /react-text --></p></div><i title="Show Code" class="anticon anticon-down-circle-o collapse" data-reactid="350"></i></section><section class="highlight-wrapper" data-reactid="351"><div class="highlight" data-reactid="352"><i class="anticon anticon-copy code-box-code-copy" data-reactid="353"></i><pre class="language-jsx" data-reactid="354"><code data-reactid="355"><span class="token keyword">import</span> <span class="token punctuation">{</span> Upload<span class="token punctuation">,</span> message<span class="token punctuation">,</span> Button<span class="token punctuation">,</span> Icon <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'antd'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">const</span> props <span class="token operator">=</span> <span class="token punctuation">{</span>
   name<span class="token punctuation">:</span> <span class="token string">'file'</span><span class="token punctuation">,</span>
diff --git a/demo-0.19118171636881853.html b/demo-0.08210272547940134.html
similarity index 100%
rename from demo-0.19118171636881853.html
rename to demo-0.08210272547940134.html
diff --git a/demo-0.4633768884766958.html b/demo-0.17266928759211075.html
similarity index 100%
rename from demo-0.4633768884766958.html
rename to demo-0.17266928759211075.html
diff --git a/demo-0.021340455381601897.html b/demo-0.24852221183330458.html
similarity index 100%
rename from demo-0.021340455381601897.html
rename to demo-0.24852221183330458.html
diff --git a/demo-0.4755715146103525.html b/demo-0.2547414982548497.html
similarity index 100%
rename from demo-0.4755715146103525.html
rename to demo-0.2547414982548497.html
diff --git a/demo-0.8748392377407956.html b/demo-0.2895240880832106.html
similarity index 100%
rename from demo-0.8748392377407956.html
rename to demo-0.2895240880832106.html
diff --git a/demo-0.2476710829795905.html b/demo-0.3746879029079848.html
similarity index 100%
rename from demo-0.2476710829795905.html
rename to demo-0.3746879029079848.html
diff --git a/demo-0.5780702928140464.html b/demo-0.3755682913391618.html
similarity index 100%
rename from demo-0.5780702928140464.html
rename to demo-0.3755682913391618.html
diff --git a/demo-0.2610501686423261.html b/demo-0.44225212775130407.html
similarity index 100%
rename from demo-0.2610501686423261.html
rename to demo-0.44225212775130407.html
diff --git a/demo-0.26508188378638353.html b/demo-0.48427346962264095.html
similarity index 100%
rename from demo-0.26508188378638353.html
rename to demo-0.48427346962264095.html
diff --git a/demo-0.33200397866120457.html b/demo-0.6182563757087718.html
similarity index 100%
rename from demo-0.33200397866120457.html
rename to demo-0.6182563757087718.html
diff --git a/demo-0.4614076980064121.html b/demo-0.6290122502965967.html
similarity index 100%
rename from demo-0.4614076980064121.html
rename to demo-0.6290122502965967.html
diff --git a/demo-0.4636774407907083.html b/demo-0.6981998766363673.html
similarity index 100%
rename from demo-0.4636774407907083.html
rename to demo-0.6981998766363673.html
diff --git a/demo-0.6568380848573676.html b/demo-0.7090466064390064.html
similarity index 100%
rename from demo-0.6568380848573676.html
rename to demo-0.7090466064390064.html
diff --git a/demo-0.6677966089058547.html b/demo-0.7146028120751746.html
similarity index 100%
rename from demo-0.6677966089058547.html
rename to demo-0.7146028120751746.html
diff --git a/demo-0.9091149521096715.html b/demo-0.8255706089999097.html
similarity index 100%
rename from demo-0.9091149521096715.html
rename to demo-0.8255706089999097.html
diff --git a/demo-0.6718608003785924.html b/demo-0.9227661845018429.html
similarity index 100%
rename from demo-0.6718608003785924.html
rename to demo-0.9227661845018429.html
diff --git a/docs/pattern/advanced-search-cn.html b/docs/pattern/advanced-search-cn.html
index e73623ea5..e638bfce6 100644
--- a/docs/pattern/advanced-search-cn.html
+++ b/docs/pattern/advanced-search-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1933021013"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-550531241"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/pattern/navigation-cn" data-reactid="52">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/pattern/form-cn" data-reactid="54">表单</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/pattern/list-cn" data-reactid="56">列表</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/pattern/table-cn" data-reactid="58">表格</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/pattern/complex-table-cn" data-reactid="60">表格：复杂数据</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="61"><a href="/docs/pattern/advanced-search-cn" data-reactid="62">高级搜索</a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="63"><article class="markdown" data-reactid="64"><h1 data-reactid="65"><!-- react-text: 66 -->高级搜索<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/pattern/advanced-search.md" data-reactid="67"><i class="anticon anticon-edit" data-reactid="68"></i></a></h1><section class="markdown" data-reactid="69"><p data-reactid="70"><!-- react-text: 71 -->借助『高级搜索』，用户可以缩小复杂列表／表格等的展示范围。<!-- /react-text --></p></section><section class="toc" data-reactid="72"><ul data-reactid="73"><li data-reactid="74"><a class="bisheng-toc-h2" href="#常规型" title="常规型" data-reactid="75"><!-- react-text: 76 -->常规型<!-- /react-text --></a></li><li data-reactid="77"><a class="bisheng-toc-h2" href="#字段型" title="字段型" data-reactid="78"><!-- react-text: 79 -->字段型<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="80"><h2 id="常规型" data-reactid="81"><span data-reactid="82"><!-- react-text: 83 -->常规型<!-- /react-text --></span><a href="#常规型" class="anchor" data-reactid="84">#</a></h2><h3 id="交互" data-reactid="85"><span data-reactid="86"><!-- react-text: 87 -->交互<!-- /react-text --></span><a href="#交互" class="anchor" data-reactid="88">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="89"><div class="preview-image-box" data-reactid="90"><div class="preview-image-wrapper" data-reactid="91"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/NpRKspdYRDwsKnw.png" alt="交互示例" data-reactid="92"/></div><div class="preview-image-title" data-reactid="93">交互示例</div><div class="preview-image-description" data-reactid="94">在收起状态时，用户点击『高级搜索』展开；如果此前用户已经输入过文案，需要将值带到对应的输入框中。</div><!-- react-empty: 95 --></div></div><p data-reactid="96"><!-- react-text: 97 -->常规型常和表格搭配使用，适合在搜索条件多以及搜索值个数不确定的场景中。<!-- /react-text --></p><p data-reactid="98"><!-- react-text: 99 -->『高级搜索』功能一般开放给中间用户／专家用户使用，一般通过点击『高级搜索』触发；如果非常高频使用，可以默认展开『高级搜索』。<!-- /react-text --></p><p data-reactid="100"><br data-reactid="101"/></p><div class="preview-image-boxes clearfix" data-reactid="102"><div class="preview-image-box" data-reactid="103"><div class="preview-image-wrapper" data-reactid="104"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/gKiZtjopvLufqSP.png" alt="交互示例" data-reactid="105"/></div><div class="preview-image-title" data-reactid="106">交互示例</div><div class="preview-image-description" data-reactid="107">在『高级搜索』顶部放置 Alert ，用于展现已经输入的值；用户点击『清空』可以清空所有输入值；点击『高级搜索』可以再次展开『高级搜索』。</div><!-- react-empty: 108 --></div></div><p data-reactid="109"><!-- react-text: 110 -->当已经输入了值的『高级搜索』被隐藏时，需要展示检索条件和值。<!-- /react-text --></p><h3 id="排列规则" data-reactid="111"><span data-reactid="112"><!-- react-text: 113 -->排列规则<!-- /react-text --></span><a href="#排列规则" class="anchor" data-reactid="114">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="115"><div class="preview-image-box" data-reactid="116"><div class="preview-image-wrapper" data-reactid="117"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/TsdXCWLPIETykye.png" alt="排列示例" data-reactid="118"/></div><div class="preview-image-title" data-reactid="119">排列示例</div><div class="preview-image-description" data-reactid="120"></div><!-- react-empty: 121 --></div></div><p data-reactid="122"><!-- react-text: 123 -->搜索条件的排布顺序需要和表格中的标题顺序，尽可能保持一致；如果非常高频使用的搜索条件，可以放在最前面。<!-- /react-text --></p><h3 id="规格" data-reactid="124"><span data-reactid="125"><!-- react-text: 126 -->规格<!-- /react-text --></span><a href="#规格" class="anchor" data-reactid="127">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="128"><div class="preview-image-box" data-reactid="129"><div class="preview-image-wrapper" data-reactid="130"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/fuPcwZCYiohhdSt.png" alt="规格示例" data-reactid="131"/></div><div class="preview-image-title" data-reactid="132">规格示例</div><div class="preview-image-description" data-reactid="133"></div><!-- react-empty: 134 --></div></div><div class="preview-image-boxes clearfix" data-reactid="135"><div class="preview-image-box" data-reactid="136"><div class="preview-image-wrapper" data-reactid="137"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/bFLUSbwoNoakKYS.png" alt="规格示例" data-reactid="138"/></div><div class="preview-image-title" data-reactid="139">规格示例</div><div class="preview-image-description" data-reactid="140"></div><!-- react-empty: 141 --></div></div><ul data-reactid="142"><li data-reactid="143"><p data-reactid="144"><!-- react-text: 145 -->横向排版<!-- /react-text --></p><p data-reactid="146"><!-- react-text: 147 -->在一行不要放置 3 列以上的输入框；标签和输入框应该落在栅格上。<!-- /react-text --></p></li><li data-reactid="148"><p data-reactid="149"><!-- react-text: 150 -->纵向排版<!-- /react-text --></p><p data-reactid="151"><!-- react-text: 152 -->使用 <!-- /react-text --><code data-reactid="153"><!-- react-text: 154 -->16px<!-- /react-text --></code><!-- react-text: 155 --> 作为间距。<!-- /react-text --></p></li></ul><h2 id="字段型" data-reactid="156"><span data-reactid="157"><!-- react-text: 158 -->字段型<!-- /react-text --></span><a href="#字段型" class="anchor" data-reactid="159">#</a></h2><h3 id="交互" data-reactid="160"><span data-reactid="161"><!-- react-text: 162 -->交互<!-- /react-text --></span><a href="#交互" class="anchor" data-reactid="163">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="164"><div class="preview-image-box" data-reactid="165"><div class="preview-image-wrapper" data-reactid="166"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/TUxfnHjfTJeKaDq.png" alt="交互示例" data-reactid="167"/></div><div class="preview-image-title" data-reactid="168">交互示例</div><div class="preview-image-description" data-reactid="169"></div><!-- react-empty: 170 --></div></div><p data-reactid="171"><!-- react-text: 172 -->字段型一般会出现在主搜索框底部，适合搜索条件和值都比较少的场景中。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="173"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="174"><section class="prev-next-nav" data-reactid="175"><a class="prev-page" href="/docs/pattern/complex-table-cn" data-reactid="176">表格：复杂数据</a></section></div></div></div><footer id="footer" data-reactid="177"><ul data-reactid="178"><li data-reactid="179"><h2 data-reactid="180"><i class="anticon anticon-github" data-reactid="181"></i><!-- react-text: 182 --> GitHub<!-- /react-text --></h2><div data-reactid="183"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="184"><span data-reactid="185">源码仓库</span></a></div><div data-reactid="186"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="187"><span data-reactid="188">定制主题</span></a></div><div data-reactid="189"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="190"><span data-reactid="191">Awesome Ant Design</span></a></div></li><li data-reactid="192"><h2 data-reactid="193"><i class="anticon anticon-link" data-reactid="194"></i><!-- react-text: 195 --> <!-- /react-text --><span data-reactid="196">相关站点</span></h2><div data-reactid="197"><a href="https://design.alipay.com/" data-reactid="198"><span data-reactid="199">蚂蚁金服设计平台</span></a></div><div data-reactid="200"><a href="http://mobile.ant.design" data-reactid="201">Ant Design Mobile</a><span data-reactid="202"> - </span><span data-reactid="203">移动版</span></div><div data-reactid="204"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="205">dva</a><!-- react-text: 206 --> - <!-- /react-text --><span data-reactid="207">应用框架</span></div><div data-reactid="208"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="209">dva-cli</a><!-- react-text: 210 --> -<!-- /react-text --><span data-reactid="211">开发工具</span></div><div data-reactid="212"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="213">Egg</a><span data-reactid="214"> - </span><span data-reactid="215">企业级 Node 开发框架</span></div><div data-reactid="216"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="217">AntV</a><span data-reactid="218"> - </span><span data-reactid="219">数据可视化</span></div><div data-reactid="220"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="221">Ant Motion</a><span data-reactid="222"> - </span><span data-reactid="223">设计动效</span></div><div data-reactid="224"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="225">AntD Library</a><span data-reactid="226"> - </span><span data-reactid="227">Axure 部件库</span></div><div data-reactid="228"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="229">Ant UX</a><span data-reactid="230"> - </span><span data-reactid="231">页面逻辑素材</span></div></li><li data-reactid="232"><h2 data-reactid="233"><i class="anticon anticon-customer-service" data-reactid="234"></i><!-- react-text: 235 --> <!-- /react-text --><span data-reactid="236">社区</span></h2><div data-reactid="237"><a href="/changelog" data-reactid="238"><span data-reactid="239">更新记录</span></a></div><div data-reactid="240"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="241"><span data-reactid="242">常见问题</span></a></div><div data-reactid="243"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="244"><span data-reactid="245">在线讨论 (中文)</span></a></div><div data-reactid="246"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="247"><span data-reactid="248">在线讨论 (English)</span></a></div><div data-reactid="249"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="250"><span data-reactid="251">报告 Bug</span></a></div><div data-reactid="252"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="253"><span data-reactid="254">讨论列表</span></a></div><div data-reactid="255"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="256"><span data-reactid="257">StackOverflow</span></a></div><div data-reactid="258"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="259"><span data-reactid="260">SegmentFault</span></a></div></li><li data-reactid="261"><h2 data-reactid="262"><!-- react-text: 263 -->Copyright © <!-- /react-text --><!-- react-text: 264 -->2017<!-- /react-text --></h2><div data-reactid="265"><span data-reactid="266">蚂蚁金服体验技术部出品</span></div><div data-reactid="267"><!-- react-text: 268 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="269">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/pattern/navigation-cn" data-reactid="52">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/pattern/form-cn" data-reactid="54">表单</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/pattern/list-cn" data-reactid="56">列表</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/pattern/table-cn" data-reactid="58">表格</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/pattern/complex-table-cn" data-reactid="60">表格：复杂数据</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="61"><a href="/docs/pattern/advanced-search-cn" data-reactid="62">高级搜索</a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="63"><article class="markdown" data-reactid="64"><h1 data-reactid="65"><!-- react-text: 66 -->高级搜索<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/pattern/advanced-search.md" data-reactid="67"><i class="anticon anticon-edit" data-reactid="68"></i></a></h1><section class="markdown" data-reactid="69"><p data-reactid="70"><!-- react-text: 71 -->借助『高级搜索』，用户可以缩小复杂列表／表格等的展示范围。<!-- /react-text --></p></section><section class="toc" data-reactid="72"><ul data-reactid="73"><li data-reactid="74"><a class="bisheng-toc-h2" href="#常规型" title="常规型" data-reactid="75"><!-- react-text: 76 -->常规型<!-- /react-text --></a></li><li data-reactid="77"><a class="bisheng-toc-h2" href="#字段型" title="字段型" data-reactid="78"><!-- react-text: 79 -->字段型<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="80"><h2 id="常规型" data-reactid="81"><span data-reactid="82"><!-- react-text: 83 -->常规型<!-- /react-text --></span><a href="#常规型" class="anchor" data-reactid="84">#</a></h2><h3 id="交互" data-reactid="85"><span data-reactid="86"><!-- react-text: 87 -->交互<!-- /react-text --></span><a href="#交互" class="anchor" data-reactid="88">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="89"><div class="preview-image-box" data-reactid="90"><div class="preview-image-wrapper" data-reactid="91"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/NpRKspdYRDwsKnw.png" alt="交互示例" data-reactid="92"/></div><div class="preview-image-title" data-reactid="93">交互示例</div><div class="preview-image-description" data-reactid="94">在收起状态时，用户点击『高级搜索』展开；如果此前用户已经输入过文案，需要将值带到对应的输入框中。</div><!-- react-empty: 95 --></div></div><p data-reactid="96"><!-- react-text: 97 -->常规型常和表格搭配使用，适合在搜索条件多以及搜索值个数不确定的场景中。<!-- /react-text --></p><p data-reactid="98"><!-- react-text: 99 -->『高级搜索』功能一般开放给中间用户／专家用户使用，一般通过点击『高级搜索』触发；如果非常高频使用，可以默认展开『高级搜索』。<!-- /react-text --></p><p data-reactid="100"><br data-reactid="101"/></p><div class="preview-image-boxes clearfix" data-reactid="102"><div class="preview-image-box" data-reactid="103"><div class="preview-image-wrapper" data-reactid="104"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/gKiZtjopvLufqSP.png" alt="交互示例" data-reactid="105"/></div><div class="preview-image-title" data-reactid="106">交互示例</div><div class="preview-image-description" data-reactid="107">在『高级搜索』顶部放置 Alert ，用于展现已经输入的值；用户点击『清空』可以清空所有输入值；点击『高级搜索』可以再次展开『高级搜索』。</div><!-- react-empty: 108 --></div></div><p data-reactid="109"><!-- react-text: 110 -->当已经输入了值的『高级搜索』被隐藏时，需要展示检索条件和值。<!-- /react-text --></p><h3 id="排列规则" data-reactid="111"><span data-reactid="112"><!-- react-text: 113 -->排列规则<!-- /react-text --></span><a href="#排列规则" class="anchor" data-reactid="114">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="115"><div class="preview-image-box" data-reactid="116"><div class="preview-image-wrapper" data-reactid="117"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/TsdXCWLPIETykye.png" alt="排列示例" data-reactid="118"/></div><div class="preview-image-title" data-reactid="119">排列示例</div><div class="preview-image-description" data-reactid="120"></div><!-- react-empty: 121 --></div></div><p data-reactid="122"><!-- react-text: 123 -->搜索条件的排布顺序需要和表格中的标题顺序，尽可能保持一致；如果非常高频使用的搜索条件，可以放在最前面。<!-- /react-text --></p><h3 id="规格" data-reactid="124"><span data-reactid="125"><!-- react-text: 126 -->规格<!-- /react-text --></span><a href="#规格" class="anchor" data-reactid="127">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="128"><div class="preview-image-box" data-reactid="129"><div class="preview-image-wrapper" data-reactid="130"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/fuPcwZCYiohhdSt.png" alt="规格示例" data-reactid="131"/></div><div class="preview-image-title" data-reactid="132">规格示例</div><div class="preview-image-description" data-reactid="133"></div><!-- react-empty: 134 --></div></div><div class="preview-image-boxes clearfix" data-reactid="135"><div class="preview-image-box" data-reactid="136"><div class="preview-image-wrapper" data-reactid="137"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/bFLUSbwoNoakKYS.png" alt="规格示例" data-reactid="138"/></div><div class="preview-image-title" data-reactid="139">规格示例</div><div class="preview-image-description" data-reactid="140"></div><!-- react-empty: 141 --></div></div><ul data-reactid="142"><li data-reactid="143"><p data-reactid="144"><!-- react-text: 145 -->横向排版<!-- /react-text --></p><p data-reactid="146"><!-- react-text: 147 -->在一行不要放置 3 列以上的输入框；标签和输入框应该落在栅格上。<!-- /react-text --></p></li><li data-reactid="148"><p data-reactid="149"><!-- react-text: 150 -->纵向排版<!-- /react-text --></p><p data-reactid="151"><!-- react-text: 152 -->使用 <!-- /react-text --><code data-reactid="153"><!-- react-text: 154 -->16px<!-- /react-text --></code><!-- react-text: 155 --> 作为间距。<!-- /react-text --></p></li></ul><h2 id="字段型" data-reactid="156"><span data-reactid="157"><!-- react-text: 158 -->字段型<!-- /react-text --></span><a href="#字段型" class="anchor" data-reactid="159">#</a></h2><h3 id="交互" data-reactid="160"><span data-reactid="161"><!-- react-text: 162 -->交互<!-- /react-text --></span><a href="#交互" class="anchor" data-reactid="163">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="164"><div class="preview-image-box" data-reactid="165"><div class="preview-image-wrapper" data-reactid="166"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/TUxfnHjfTJeKaDq.png" alt="交互示例" data-reactid="167"/></div><div class="preview-image-title" data-reactid="168">交互示例</div><div class="preview-image-description" data-reactid="169"></div><!-- react-empty: 170 --></div></div><p data-reactid="171"><!-- react-text: 172 -->字段型一般会出现在主搜索框底部，适合搜索条件和值都比较少的场景中。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="173"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="174"><section class="prev-next-nav" data-reactid="175"><a class="prev-page" href="/docs/pattern/complex-table-cn" data-reactid="176">表格：复杂数据</a></section></div></div></div><footer id="footer" data-reactid="177"><ul data-reactid="178"><li data-reactid="179"><h2 data-reactid="180"><i class="anticon anticon-github" data-reactid="181"></i><!-- react-text: 182 --> GitHub<!-- /react-text --></h2><div data-reactid="183"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="184"><span data-reactid="185">源码仓库</span></a></div><div data-reactid="186"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="187"><span data-reactid="188">定制主题</span></a></div><div data-reactid="189"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="190"><span data-reactid="191">Awesome Ant Design</span></a></div></li><li data-reactid="192"><h2 data-reactid="193"><i class="anticon anticon-link" data-reactid="194"></i><!-- react-text: 195 --> <!-- /react-text --><span data-reactid="196">相关站点</span></h2><div data-reactid="197"><a href="https://design.alipay.com/" data-reactid="198"><span data-reactid="199">蚂蚁金服设计平台</span></a></div><div data-reactid="200"><a href="http://mobile.ant.design" data-reactid="201">Ant Design Mobile</a><span data-reactid="202"> - </span><span data-reactid="203">移动版</span></div><div data-reactid="204"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="205">dva</a><!-- react-text: 206 --> - <!-- /react-text --><span data-reactid="207">应用框架</span></div><div data-reactid="208"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="209">dva-cli</a><!-- react-text: 210 --> -<!-- /react-text --><span data-reactid="211">开发工具</span></div><div data-reactid="212"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="213">Egg</a><span data-reactid="214"> - </span><span data-reactid="215">企业级 Node 开发框架</span></div><div data-reactid="216"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="217">AntV</a><span data-reactid="218"> - </span><span data-reactid="219">数据可视化</span></div><div data-reactid="220"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="221">Ant Motion</a><span data-reactid="222"> - </span><span data-reactid="223">设计动效</span></div><div data-reactid="224"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="225">AntD Library</a><span data-reactid="226"> - </span><span data-reactid="227">Axure 部件库</span></div><div data-reactid="228"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="229">Ant UX</a><span data-reactid="230"> - </span><span data-reactid="231">页面逻辑素材</span></div></li><li data-reactid="232"><h2 data-reactid="233"><i class="anticon anticon-customer-service" data-reactid="234"></i><!-- react-text: 235 --> <!-- /react-text --><span data-reactid="236">社区</span></h2><div data-reactid="237"><a href="/changelog" data-reactid="238"><span data-reactid="239">更新记录</span></a></div><div data-reactid="240"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="241"><span data-reactid="242">常见问题</span></a></div><div data-reactid="243"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="244"><span data-reactid="245">在线讨论 (中文)</span></a></div><div data-reactid="246"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="247"><span data-reactid="248">在线讨论 (English)</span></a></div><div data-reactid="249"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="250"><span data-reactid="251">报告 Bug</span></a></div><div data-reactid="252"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="253"><span data-reactid="254">讨论列表</span></a></div><div data-reactid="255"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="256"><span data-reactid="257">StackOverflow</span></a></div><div data-reactid="258"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="259"><span data-reactid="260">SegmentFault</span></a></div></li><li data-reactid="261"><h2 data-reactid="262"><!-- react-text: 263 -->Copyright © <!-- /react-text --><!-- react-text: 264 -->2017<!-- /react-text --></h2><div data-reactid="265"><span data-reactid="266">蚂蚁金服体验技术部出品</span></div><div data-reactid="267"><!-- react-text: 268 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="269">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/pattern/advanced-search.html b/docs/pattern/advanced-search.html
index 1aaa2c9c4..ebd0fe15d 100644
--- a/docs/pattern/advanced-search.html
+++ b/docs/pattern/advanced-search.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1930313945"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-529383205"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/pattern/navigation" data-reactid="52">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/pattern/form" data-reactid="54">Form</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/pattern/list" data-reactid="56">List</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/pattern/table" data-reactid="58">Table</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/pattern/complex-table" data-reactid="60">Complex Table</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="61"><a href="/docs/pattern/advanced-search" data-reactid="62">Advanced Search</a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="63"><article class="markdown" data-reactid="64"><h1 data-reactid="65"><!-- react-text: 66 -->Advanced Search<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/pattern/advanced-search.md" data-reactid="67"><i class="anticon anticon-edit" data-reactid="68"></i></a></h1><section class="markdown" data-reactid="69"><p data-reactid="70"><!-- react-text: 71 -->借助『高级搜索』，用户可以缩小复杂列表／表格等的展示范围。<!-- /react-text --></p></section><section class="toc" data-reactid="72"><ul data-reactid="73"><li data-reactid="74"><a class="bisheng-toc-h2" href="#常规型" title="常规型" data-reactid="75"><!-- react-text: 76 -->常规型<!-- /react-text --></a></li><li data-reactid="77"><a class="bisheng-toc-h2" href="#字段型" title="字段型" data-reactid="78"><!-- react-text: 79 -->字段型<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="80"><h2 id="常规型" data-reactid="81"><span data-reactid="82"><!-- react-text: 83 -->常规型<!-- /react-text --></span><a href="#常规型" class="anchor" data-reactid="84">#</a></h2><h3 id="交互" data-reactid="85"><span data-reactid="86"><!-- react-text: 87 -->交互<!-- /react-text --></span><a href="#交互" class="anchor" data-reactid="88">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="89"><div class="preview-image-box" data-reactid="90"><div class="preview-image-wrapper" data-reactid="91"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/NpRKspdYRDwsKnw.png" alt="交互示例" data-reactid="92"/></div><div class="preview-image-title" data-reactid="93">交互示例</div><div class="preview-image-description" data-reactid="94">在收起状态时，用户点击『高级搜索』展开；如果此前用户已经输入过文案，需要将值带到对应的输入框中。</div><!-- react-empty: 95 --></div></div><p data-reactid="96"><!-- react-text: 97 -->常规型常和表格搭配使用，适合在搜索条件多以及搜索值个数不确定的场景中。<!-- /react-text --></p><p data-reactid="98"><!-- react-text: 99 -->『高级搜索』功能一般开放给中间用户／专家用户使用，一般通过点击『高级搜索』触发；如果非常高频使用，可以默认展开『高级搜索』。<!-- /react-text --></p><p data-reactid="100"><br data-reactid="101"/></p><div class="preview-image-boxes clearfix" data-reactid="102"><div class="preview-image-box" data-reactid="103"><div class="preview-image-wrapper" data-reactid="104"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/gKiZtjopvLufqSP.png" alt="交互示例" data-reactid="105"/></div><div class="preview-image-title" data-reactid="106">交互示例</div><div class="preview-image-description" data-reactid="107">在『高级搜索』顶部放置 Alert ，用于展现已经输入的值；用户点击『清空』可以清空所有输入值；点击『高级搜索』可以再次展开『高级搜索』。</div><!-- react-empty: 108 --></div></div><p data-reactid="109"><!-- react-text: 110 -->当已经输入了值的『高级搜索』被隐藏时，需要展示检索条件和值。<!-- /react-text --></p><h3 id="排列规则" data-reactid="111"><span data-reactid="112"><!-- react-text: 113 -->排列规则<!-- /react-text --></span><a href="#排列规则" class="anchor" data-reactid="114">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="115"><div class="preview-image-box" data-reactid="116"><div class="preview-image-wrapper" data-reactid="117"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/TsdXCWLPIETykye.png" alt="排列示例" data-reactid="118"/></div><div class="preview-image-title" data-reactid="119">排列示例</div><div class="preview-image-description" data-reactid="120"></div><!-- react-empty: 121 --></div></div><p data-reactid="122"><!-- react-text: 123 -->搜索条件的排布顺序需要和表格中的标题顺序，尽可能保持一致；如果非常高频使用的搜索条件，可以放在最前面。<!-- /react-text --></p><h3 id="规格" data-reactid="124"><span data-reactid="125"><!-- react-text: 126 -->规格<!-- /react-text --></span><a href="#规格" class="anchor" data-reactid="127">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="128"><div class="preview-image-box" data-reactid="129"><div class="preview-image-wrapper" data-reactid="130"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/fuPcwZCYiohhdSt.png" alt="规格示例" data-reactid="131"/></div><div class="preview-image-title" data-reactid="132">规格示例</div><div class="preview-image-description" data-reactid="133"></div><!-- react-empty: 134 --></div></div><div class="preview-image-boxes clearfix" data-reactid="135"><div class="preview-image-box" data-reactid="136"><div class="preview-image-wrapper" data-reactid="137"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/bFLUSbwoNoakKYS.png" alt="规格示例" data-reactid="138"/></div><div class="preview-image-title" data-reactid="139">规格示例</div><div class="preview-image-description" data-reactid="140"></div><!-- react-empty: 141 --></div></div><ul data-reactid="142"><li data-reactid="143"><p data-reactid="144"><!-- react-text: 145 -->横向排版<!-- /react-text --></p><p data-reactid="146"><!-- react-text: 147 -->在一行不要放置 3 列以上的输入框；标签和输入框应该落在栅格上。<!-- /react-text --></p></li><li data-reactid="148"><p data-reactid="149"><!-- react-text: 150 -->纵向排版<!-- /react-text --></p><p data-reactid="151"><!-- react-text: 152 -->使用 <!-- /react-text --><code data-reactid="153"><!-- react-text: 154 -->16px<!-- /react-text --></code><!-- react-text: 155 --> 作为间距。<!-- /react-text --></p></li></ul><h2 id="字段型" data-reactid="156"><span data-reactid="157"><!-- react-text: 158 -->字段型<!-- /react-text --></span><a href="#字段型" class="anchor" data-reactid="159">#</a></h2><h3 id="交互" data-reactid="160"><span data-reactid="161"><!-- react-text: 162 -->交互<!-- /react-text --></span><a href="#交互" class="anchor" data-reactid="163">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="164"><div class="preview-image-box" data-reactid="165"><div class="preview-image-wrapper" data-reactid="166"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/TUxfnHjfTJeKaDq.png" alt="交互示例" data-reactid="167"/></div><div class="preview-image-title" data-reactid="168">交互示例</div><div class="preview-image-description" data-reactid="169"></div><!-- react-empty: 170 --></div></div><p data-reactid="171"><!-- react-text: 172 -->字段型一般会出现在主搜索框底部，适合搜索条件和值都比较少的场景中。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="173"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="174"><section class="prev-next-nav" data-reactid="175"><a class="prev-page" href="/docs/pattern/complex-table" data-reactid="176">Complex Table</a></section></div></div></div><footer id="footer" data-reactid="177"><ul data-reactid="178"><li data-reactid="179"><h2 data-reactid="180"><i class="anticon anticon-github" data-reactid="181"></i><!-- react-text: 182 --> GitHub<!-- /react-text --></h2><div data-reactid="183"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="184"><span data-reactid="185">Repository</span></a></div><div data-reactid="186"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="187"><span data-reactid="188">Customize Theme</span></a></div><div data-reactid="189"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="190"><span data-reactid="191">Awesome Ant Design</span></a></div></li><li data-reactid="192"><h2 data-reactid="193"><i class="anticon anticon-link" data-reactid="194"></i><!-- react-text: 195 --> <!-- /react-text --><span data-reactid="196">Links</span></h2><div data-reactid="197"><a href="https://design.alipay.com/" data-reactid="198"><span data-reactid="199">Ant Financial Design Platform</span></a></div><div data-reactid="200"><a href="http://mobile.ant.design" data-reactid="201">Ant Design Mobile</a><span data-reactid="202"> - </span><span data-reactid="203">Mobile UI</span></div><div data-reactid="204"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="205">dva</a><!-- react-text: 206 --> - <!-- /react-text --><span data-reactid="207">Framework</span></div><div data-reactid="208"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="209">dva-cli</a><!-- react-text: 210 --> -<!-- /react-text --><span data-reactid="211">Developer Tools</span></div><div data-reactid="212"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="213">Egg</a><span data-reactid="214"> - </span><span data-reactid="215">Enterprise Node Framework</span></div><div data-reactid="216"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="217">AntV</a><span data-reactid="218"> - </span><span data-reactid="219">Data Visualization</span></div><div data-reactid="220"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="221">Ant Motion</a><span data-reactid="222"> - </span><span data-reactid="223">Motion Soluction</span></div><div data-reactid="224"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="225">AntD Library</a><span data-reactid="226"> - </span><span data-reactid="227">Axure library</span></div><div data-reactid="228"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="229">Ant UX</a><span data-reactid="230"> - </span><span data-reactid="231">Sitemap Template</span></div></li><li data-reactid="232"><h2 data-reactid="233"><i class="anticon anticon-customer-service" data-reactid="234"></i><!-- react-text: 235 --> <!-- /react-text --><span data-reactid="236">Community</span></h2><div data-reactid="237"><a href="/changelog" data-reactid="238"><span data-reactid="239">Change Log</span></a></div><div data-reactid="240"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="241"><span data-reactid="242">FAQ</span></a></div><div data-reactid="243"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="244"><span data-reactid="245">Chat Room (中文)</span></a></div><div data-reactid="246"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="247"><span data-reactid="248">Chat Room (English)</span></a></div><div data-reactid="249"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="250"><span data-reactid="251">Bug Report</span></a></div><div data-reactid="252"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="253"><span data-reactid="254">Issues</span></a></div><div data-reactid="255"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="256"><span data-reactid="257">StackOverflow</span></a></div><div data-reactid="258"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="259"><span data-reactid="260">SegmentFault</span></a></div></li><li data-reactid="261"><h2 data-reactid="262"><!-- react-text: 263 -->Copyright © <!-- /react-text --><!-- react-text: 264 -->2017<!-- /react-text --></h2><div data-reactid="265"><span data-reactid="266">Created by AIUX</span></div><div data-reactid="267"><!-- react-text: 268 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="269">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/pattern/navigation" data-reactid="52">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/pattern/form" data-reactid="54">Form</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/pattern/list" data-reactid="56">List</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/pattern/table" data-reactid="58">Table</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/pattern/complex-table" data-reactid="60">Complex Table</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="61"><a href="/docs/pattern/advanced-search" data-reactid="62">Advanced Search</a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="63"><article class="markdown" data-reactid="64"><h1 data-reactid="65"><!-- react-text: 66 -->Advanced Search<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/pattern/advanced-search.md" data-reactid="67"><i class="anticon anticon-edit" data-reactid="68"></i></a></h1><section class="markdown" data-reactid="69"><p data-reactid="70"><!-- react-text: 71 -->借助『高级搜索』，用户可以缩小复杂列表／表格等的展示范围。<!-- /react-text --></p></section><section class="toc" data-reactid="72"><ul data-reactid="73"><li data-reactid="74"><a class="bisheng-toc-h2" href="#常规型" title="常规型" data-reactid="75"><!-- react-text: 76 -->常规型<!-- /react-text --></a></li><li data-reactid="77"><a class="bisheng-toc-h2" href="#字段型" title="字段型" data-reactid="78"><!-- react-text: 79 -->字段型<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="80"><h2 id="常规型" data-reactid="81"><span data-reactid="82"><!-- react-text: 83 -->常规型<!-- /react-text --></span><a href="#常规型" class="anchor" data-reactid="84">#</a></h2><h3 id="交互" data-reactid="85"><span data-reactid="86"><!-- react-text: 87 -->交互<!-- /react-text --></span><a href="#交互" class="anchor" data-reactid="88">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="89"><div class="preview-image-box" data-reactid="90"><div class="preview-image-wrapper" data-reactid="91"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/NpRKspdYRDwsKnw.png" alt="交互示例" data-reactid="92"/></div><div class="preview-image-title" data-reactid="93">交互示例</div><div class="preview-image-description" data-reactid="94">在收起状态时，用户点击『高级搜索』展开；如果此前用户已经输入过文案，需要将值带到对应的输入框中。</div><!-- react-empty: 95 --></div></div><p data-reactid="96"><!-- react-text: 97 -->常规型常和表格搭配使用，适合在搜索条件多以及搜索值个数不确定的场景中。<!-- /react-text --></p><p data-reactid="98"><!-- react-text: 99 -->『高级搜索』功能一般开放给中间用户／专家用户使用，一般通过点击『高级搜索』触发；如果非常高频使用，可以默认展开『高级搜索』。<!-- /react-text --></p><p data-reactid="100"><br data-reactid="101"/></p><div class="preview-image-boxes clearfix" data-reactid="102"><div class="preview-image-box" data-reactid="103"><div class="preview-image-wrapper" data-reactid="104"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/gKiZtjopvLufqSP.png" alt="交互示例" data-reactid="105"/></div><div class="preview-image-title" data-reactid="106">交互示例</div><div class="preview-image-description" data-reactid="107">在『高级搜索』顶部放置 Alert ，用于展现已经输入的值；用户点击『清空』可以清空所有输入值；点击『高级搜索』可以再次展开『高级搜索』。</div><!-- react-empty: 108 --></div></div><p data-reactid="109"><!-- react-text: 110 -->当已经输入了值的『高级搜索』被隐藏时，需要展示检索条件和值。<!-- /react-text --></p><h3 id="排列规则" data-reactid="111"><span data-reactid="112"><!-- react-text: 113 -->排列规则<!-- /react-text --></span><a href="#排列规则" class="anchor" data-reactid="114">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="115"><div class="preview-image-box" data-reactid="116"><div class="preview-image-wrapper" data-reactid="117"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/TsdXCWLPIETykye.png" alt="排列示例" data-reactid="118"/></div><div class="preview-image-title" data-reactid="119">排列示例</div><div class="preview-image-description" data-reactid="120"></div><!-- react-empty: 121 --></div></div><p data-reactid="122"><!-- react-text: 123 -->搜索条件的排布顺序需要和表格中的标题顺序，尽可能保持一致；如果非常高频使用的搜索条件，可以放在最前面。<!-- /react-text --></p><h3 id="规格" data-reactid="124"><span data-reactid="125"><!-- react-text: 126 -->规格<!-- /react-text --></span><a href="#规格" class="anchor" data-reactid="127">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="128"><div class="preview-image-box" data-reactid="129"><div class="preview-image-wrapper" data-reactid="130"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/fuPcwZCYiohhdSt.png" alt="规格示例" data-reactid="131"/></div><div class="preview-image-title" data-reactid="132">规格示例</div><div class="preview-image-description" data-reactid="133"></div><!-- react-empty: 134 --></div></div><div class="preview-image-boxes clearfix" data-reactid="135"><div class="preview-image-box" data-reactid="136"><div class="preview-image-wrapper" data-reactid="137"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/bFLUSbwoNoakKYS.png" alt="规格示例" data-reactid="138"/></div><div class="preview-image-title" data-reactid="139">规格示例</div><div class="preview-image-description" data-reactid="140"></div><!-- react-empty: 141 --></div></div><ul data-reactid="142"><li data-reactid="143"><p data-reactid="144"><!-- react-text: 145 -->横向排版<!-- /react-text --></p><p data-reactid="146"><!-- react-text: 147 -->在一行不要放置 3 列以上的输入框；标签和输入框应该落在栅格上。<!-- /react-text --></p></li><li data-reactid="148"><p data-reactid="149"><!-- react-text: 150 -->纵向排版<!-- /react-text --></p><p data-reactid="151"><!-- react-text: 152 -->使用 <!-- /react-text --><code data-reactid="153"><!-- react-text: 154 -->16px<!-- /react-text --></code><!-- react-text: 155 --> 作为间距。<!-- /react-text --></p></li></ul><h2 id="字段型" data-reactid="156"><span data-reactid="157"><!-- react-text: 158 -->字段型<!-- /react-text --></span><a href="#字段型" class="anchor" data-reactid="159">#</a></h2><h3 id="交互" data-reactid="160"><span data-reactid="161"><!-- react-text: 162 -->交互<!-- /react-text --></span><a href="#交互" class="anchor" data-reactid="163">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="164"><div class="preview-image-box" data-reactid="165"><div class="preview-image-wrapper" data-reactid="166"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/TUxfnHjfTJeKaDq.png" alt="交互示例" data-reactid="167"/></div><div class="preview-image-title" data-reactid="168">交互示例</div><div class="preview-image-description" data-reactid="169"></div><!-- react-empty: 170 --></div></div><p data-reactid="171"><!-- react-text: 172 -->字段型一般会出现在主搜索框底部，适合搜索条件和值都比较少的场景中。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="173"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="174"><section class="prev-next-nav" data-reactid="175"><a class="prev-page" href="/docs/pattern/complex-table" data-reactid="176">Complex Table</a></section></div></div></div><footer id="footer" data-reactid="177"><ul data-reactid="178"><li data-reactid="179"><h2 data-reactid="180"><i class="anticon anticon-github" data-reactid="181"></i><!-- react-text: 182 --> GitHub<!-- /react-text --></h2><div data-reactid="183"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="184"><span data-reactid="185">Repository</span></a></div><div data-reactid="186"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="187"><span data-reactid="188">Customize Theme</span></a></div><div data-reactid="189"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="190"><span data-reactid="191">Awesome Ant Design</span></a></div></li><li data-reactid="192"><h2 data-reactid="193"><i class="anticon anticon-link" data-reactid="194"></i><!-- react-text: 195 --> <!-- /react-text --><span data-reactid="196">Links</span></h2><div data-reactid="197"><a href="https://design.alipay.com/" data-reactid="198"><span data-reactid="199">Ant Financial Design Platform</span></a></div><div data-reactid="200"><a href="http://mobile.ant.design" data-reactid="201">Ant Design Mobile</a><span data-reactid="202"> - </span><span data-reactid="203">Mobile UI</span></div><div data-reactid="204"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="205">dva</a><!-- react-text: 206 --> - <!-- /react-text --><span data-reactid="207">Framework</span></div><div data-reactid="208"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="209">dva-cli</a><!-- react-text: 210 --> -<!-- /react-text --><span data-reactid="211">Developer Tools</span></div><div data-reactid="212"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="213">Egg</a><span data-reactid="214"> - </span><span data-reactid="215">Enterprise Node Framework</span></div><div data-reactid="216"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="217">AntV</a><span data-reactid="218"> - </span><span data-reactid="219">Data Visualization</span></div><div data-reactid="220"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="221">Ant Motion</a><span data-reactid="222"> - </span><span data-reactid="223">Motion Soluction</span></div><div data-reactid="224"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="225">AntD Library</a><span data-reactid="226"> - </span><span data-reactid="227">Axure library</span></div><div data-reactid="228"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="229">Ant UX</a><span data-reactid="230"> - </span><span data-reactid="231">Sitemap Template</span></div></li><li data-reactid="232"><h2 data-reactid="233"><i class="anticon anticon-customer-service" data-reactid="234"></i><!-- react-text: 235 --> <!-- /react-text --><span data-reactid="236">Community</span></h2><div data-reactid="237"><a href="/changelog" data-reactid="238"><span data-reactid="239">Change Log</span></a></div><div data-reactid="240"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="241"><span data-reactid="242">FAQ</span></a></div><div data-reactid="243"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="244"><span data-reactid="245">Chat Room (中文)</span></a></div><div data-reactid="246"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="247"><span data-reactid="248">Chat Room (English)</span></a></div><div data-reactid="249"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="250"><span data-reactid="251">Bug Report</span></a></div><div data-reactid="252"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="253"><span data-reactid="254">Issues</span></a></div><div data-reactid="255"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="256"><span data-reactid="257">StackOverflow</span></a></div><div data-reactid="258"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="259"><span data-reactid="260">SegmentFault</span></a></div></li><li data-reactid="261"><h2 data-reactid="262"><!-- react-text: 263 -->Copyright © <!-- /react-text --><!-- react-text: 264 -->2017<!-- /react-text --></h2><div data-reactid="265"><span data-reactid="266">Created by AIUX</span></div><div data-reactid="267"><!-- react-text: 268 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="269">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/pattern/complex-table-cn.html b/docs/pattern/complex-table-cn.html
index 35c0e36ac..3de99e89e 100644
--- a/docs/pattern/complex-table-cn.html
+++ b/docs/pattern/complex-table-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1360569748"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="438983278"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/pattern/navigation-cn" data-reactid="52">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/pattern/form-cn" data-reactid="54">表单</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/pattern/list-cn" data-reactid="56">列表</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/pattern/table-cn" data-reactid="58">表格</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="59"><a href="/docs/pattern/complex-table-cn" data-reactid="60">表格：复杂数据</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/pattern/advanced-search-cn" data-reactid="62">高级搜索</a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="63"><article class="markdown" data-reactid="64"><h1 data-reactid="65"><!-- react-text: 66 -->表格：复杂数据<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/pattern/complex-table.md" data-reactid="67"><i class="anticon anticon-edit" data-reactid="68"></i></a></h1><section class="markdown" data-reactid="69"><p data-reactid="70"><!-- react-text: 71 -->表格也用于展示复杂和高度结构化数据。<!-- /react-text --></p></section><section class="toc" data-reactid="72"><ul data-reactid="73"><li data-reactid="74"><a class="bisheng-toc-h2" href="#案例" title="案例" data-reactid="75"><!-- react-text: 76 -->案例<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="77"><h2 id="案例" data-reactid="78"><span data-reactid="79"><!-- react-text: 80 -->案例<!-- /react-text --></span><a href="#案例" class="anchor" data-reactid="81">#</a></h2><h3 id="多列数据" data-reactid="82"><span data-reactid="83"><!-- react-text: 84 -->多列数据<!-- /react-text --></span><a href="#多列数据" class="anchor" data-reactid="85">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="86"><div class="preview-image-box" data-reactid="87"><div class="preview-image-wrapper" data-reactid="88"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/QZGYpJVtsTwFPmj.png" alt="多列数据示例" data-reactid="89"/></div><div class="preview-image-title" data-reactid="90">多列数据示例</div><div class="preview-image-description" data-reactid="91"></div><!-- react-empty: 92 --></div></div><p data-reactid="93"><!-- react-text: 94 -->通过按钮，可实现更多列数据的加载以及左右切换。<!-- /react-text --></p><p data-reactid="95"><br data-reactid="96"/></p><div class="preview-image-boxes clearfix" data-reactid="97"><div class="preview-image-box" data-reactid="98"><div class="preview-image-wrapper" data-reactid="99"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/zWUjQRpJZhYsZbY.png" alt="自定义列示例" data-reactid="100"/></div><div class="preview-image-title" data-reactid="101">自定义列示例</div><div class="preview-image-description" data-reactid="102"></div><!-- react-empty: 103 --></div></div><p data-reactid="104"><!-- react-text: 105 -->提供用户自定义列的功能，方便用户查看需要的列。<!-- /react-text --></p><p data-reactid="106"><br data-reactid="107"/></p><div class="preview-image-boxes clearfix" data-reactid="108"><div class="preview-image-box" data-reactid="109"><div class="preview-image-wrapper" data-reactid="110"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/UOTwZLweENvwlnL.png" alt="横向滚动示例" data-reactid="111"/></div><div class="preview-image-title" data-reactid="112">横向滚动示例</div><div class="preview-image-description" data-reactid="113"></div><!-- react-empty: 114 --></div></div><p data-reactid="115"><!-- react-text: 116 -->固定表头列，通过横向滚动条来查看剩余内容。<!-- /react-text --></p><h3 id="带图标的表格" data-reactid="117"><span data-reactid="118"><!-- react-text: 119 -->带图标的表格<!-- /react-text --></span><a href="#带图标的表格" class="anchor" data-reactid="120">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="121"><div class="preview-image-box" data-reactid="122"><div class="preview-image-wrapper" data-reactid="123"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/OWEXWoGlsqyhVBB.png" alt="带图标表格示例" data-reactid="124"/></div><div class="preview-image-title" data-reactid="125">带图标表格示例</div><div class="preview-image-description" data-reactid="126"></div><!-- react-empty: 127 --></div></div><p data-reactid="128"><!-- react-text: 129 -->通过图标强化信息的传递，适用在表达数据变化趋势。<!-- /react-text --></p><h3 id="带图表的表格" data-reactid="130"><span data-reactid="131"><!-- react-text: 132 -->带图表的表格<!-- /react-text --></span><a href="#带图表的表格" class="anchor" data-reactid="133">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="134"><div class="preview-image-box" data-reactid="135"><div class="preview-image-wrapper" data-reactid="136"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/znVwTXxQpXuVqPl.png" alt="带图表表格示例" data-reactid="137"/></div><div class="preview-image-title" data-reactid="138">带图表表格示例</div><div class="preview-image-description" data-reactid="139"></div><!-- react-empty: 140 --></div></div><p data-reactid="141"><!-- react-text: 142 -->通过图表来强化信息的传递，适用在表达数据变化趋势。<!-- /react-text --></p><h3 id="二维表格" data-reactid="143"><span data-reactid="144"><!-- react-text: 145 -->二维表格<!-- /react-text --></span><a href="#二维表格" class="anchor" data-reactid="146">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="147"><div class="preview-image-box" data-reactid="148"><div class="preview-image-wrapper" data-reactid="149"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/RQvqwEkXpHaFago.png" alt="二维表格示例" data-reactid="150"/></div><div class="preview-image-title" data-reactid="151">二维表格示例</div><div class="preview-image-description" data-reactid="152"></div><!-- react-empty: 153 --></div></div><p data-reactid="154"><!-- react-text: 155 -->横向和纵向各一个标题来展现数据。<!-- /react-text --></p><h3 id="小表格" data-reactid="156"><span data-reactid="157"><!-- react-text: 158 -->小表格<!-- /react-text --></span><a href="#小表格" class="anchor" data-reactid="159">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="160"><div class="preview-image-box" data-reactid="161"><div class="preview-image-wrapper" data-reactid="162"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/dMxxUThciHFQyXS.png" alt="小表格示例" data-reactid="163"/></div><div class="preview-image-title" data-reactid="164">小表格示例</div><div class="preview-image-description" data-reactid="165"></div><!-- react-empty: 166 --></div></div><p data-reactid="167"><!-- react-text: 168 -->适用在卡片、弹出框等空间较小的场景中。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="169"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="170"><section class="prev-next-nav" data-reactid="171"><a class="prev-page" href="/docs/pattern/table-cn" data-reactid="172">表格</a><a class="next-page" href="/docs/pattern/advanced-search-cn" data-reactid="173">高级搜索</a></section></div></div></div><footer id="footer" data-reactid="174"><ul data-reactid="175"><li data-reactid="176"><h2 data-reactid="177"><i class="anticon anticon-github" data-reactid="178"></i><!-- react-text: 179 --> GitHub<!-- /react-text --></h2><div data-reactid="180"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="181"><span data-reactid="182">源码仓库</span></a></div><div data-reactid="183"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="184"><span data-reactid="185">定制主题</span></a></div><div data-reactid="186"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="187"><span data-reactid="188">Awesome Ant Design</span></a></div></li><li data-reactid="189"><h2 data-reactid="190"><i class="anticon anticon-link" data-reactid="191"></i><!-- react-text: 192 --> <!-- /react-text --><span data-reactid="193">相关站点</span></h2><div data-reactid="194"><a href="https://design.alipay.com/" data-reactid="195"><span data-reactid="196">蚂蚁金服设计平台</span></a></div><div data-reactid="197"><a href="http://mobile.ant.design" data-reactid="198">Ant Design Mobile</a><span data-reactid="199"> - </span><span data-reactid="200">移动版</span></div><div data-reactid="201"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="202">dva</a><!-- react-text: 203 --> - <!-- /react-text --><span data-reactid="204">应用框架</span></div><div data-reactid="205"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="206">dva-cli</a><!-- react-text: 207 --> -<!-- /react-text --><span data-reactid="208">开发工具</span></div><div data-reactid="209"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="210">Egg</a><span data-reactid="211"> - </span><span data-reactid="212">企业级 Node 开发框架</span></div><div data-reactid="213"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="214">AntV</a><span data-reactid="215"> - </span><span data-reactid="216">数据可视化</span></div><div data-reactid="217"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="218">Ant Motion</a><span data-reactid="219"> - </span><span data-reactid="220">设计动效</span></div><div data-reactid="221"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="222">AntD Library</a><span data-reactid="223"> - </span><span data-reactid="224">Axure 部件库</span></div><div data-reactid="225"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="226">Ant UX</a><span data-reactid="227"> - </span><span data-reactid="228">页面逻辑素材</span></div></li><li data-reactid="229"><h2 data-reactid="230"><i class="anticon anticon-customer-service" data-reactid="231"></i><!-- react-text: 232 --> <!-- /react-text --><span data-reactid="233">社区</span></h2><div data-reactid="234"><a href="/changelog" data-reactid="235"><span data-reactid="236">更新记录</span></a></div><div data-reactid="237"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="238"><span data-reactid="239">常见问题</span></a></div><div data-reactid="240"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="241"><span data-reactid="242">在线讨论 (中文)</span></a></div><div data-reactid="243"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="244"><span data-reactid="245">在线讨论 (English)</span></a></div><div data-reactid="246"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="247"><span data-reactid="248">报告 Bug</span></a></div><div data-reactid="249"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="250"><span data-reactid="251">讨论列表</span></a></div><div data-reactid="252"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="253"><span data-reactid="254">StackOverflow</span></a></div><div data-reactid="255"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="256"><span data-reactid="257">SegmentFault</span></a></div></li><li data-reactid="258"><h2 data-reactid="259"><!-- react-text: 260 -->Copyright © <!-- /react-text --><!-- react-text: 261 -->2017<!-- /react-text --></h2><div data-reactid="262"><span data-reactid="263">蚂蚁金服体验技术部出品</span></div><div data-reactid="264"><!-- react-text: 265 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="266">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/pattern/navigation-cn" data-reactid="52">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/pattern/form-cn" data-reactid="54">表单</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/pattern/list-cn" data-reactid="56">列表</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/pattern/table-cn" data-reactid="58">表格</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="59"><a href="/docs/pattern/complex-table-cn" data-reactid="60">表格：复杂数据</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/pattern/advanced-search-cn" data-reactid="62">高级搜索</a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="63"><article class="markdown" data-reactid="64"><h1 data-reactid="65"><!-- react-text: 66 -->表格：复杂数据<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/pattern/complex-table.md" data-reactid="67"><i class="anticon anticon-edit" data-reactid="68"></i></a></h1><section class="markdown" data-reactid="69"><p data-reactid="70"><!-- react-text: 71 -->表格也用于展示复杂和高度结构化数据。<!-- /react-text --></p></section><section class="toc" data-reactid="72"><ul data-reactid="73"><li data-reactid="74"><a class="bisheng-toc-h2" href="#案例" title="案例" data-reactid="75"><!-- react-text: 76 -->案例<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="77"><h2 id="案例" data-reactid="78"><span data-reactid="79"><!-- react-text: 80 -->案例<!-- /react-text --></span><a href="#案例" class="anchor" data-reactid="81">#</a></h2><h3 id="多列数据" data-reactid="82"><span data-reactid="83"><!-- react-text: 84 -->多列数据<!-- /react-text --></span><a href="#多列数据" class="anchor" data-reactid="85">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="86"><div class="preview-image-box" data-reactid="87"><div class="preview-image-wrapper" data-reactid="88"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/QZGYpJVtsTwFPmj.png" alt="多列数据示例" data-reactid="89"/></div><div class="preview-image-title" data-reactid="90">多列数据示例</div><div class="preview-image-description" data-reactid="91"></div><!-- react-empty: 92 --></div></div><p data-reactid="93"><!-- react-text: 94 -->通过按钮，可实现更多列数据的加载以及左右切换。<!-- /react-text --></p><p data-reactid="95"><br data-reactid="96"/></p><div class="preview-image-boxes clearfix" data-reactid="97"><div class="preview-image-box" data-reactid="98"><div class="preview-image-wrapper" data-reactid="99"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/zWUjQRpJZhYsZbY.png" alt="自定义列示例" data-reactid="100"/></div><div class="preview-image-title" data-reactid="101">自定义列示例</div><div class="preview-image-description" data-reactid="102"></div><!-- react-empty: 103 --></div></div><p data-reactid="104"><!-- react-text: 105 -->提供用户自定义列的功能，方便用户查看需要的列。<!-- /react-text --></p><p data-reactid="106"><br data-reactid="107"/></p><div class="preview-image-boxes clearfix" data-reactid="108"><div class="preview-image-box" data-reactid="109"><div class="preview-image-wrapper" data-reactid="110"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/UOTwZLweENvwlnL.png" alt="横向滚动示例" data-reactid="111"/></div><div class="preview-image-title" data-reactid="112">横向滚动示例</div><div class="preview-image-description" data-reactid="113"></div><!-- react-empty: 114 --></div></div><p data-reactid="115"><!-- react-text: 116 -->固定表头列，通过横向滚动条来查看剩余内容。<!-- /react-text --></p><h3 id="带图标的表格" data-reactid="117"><span data-reactid="118"><!-- react-text: 119 -->带图标的表格<!-- /react-text --></span><a href="#带图标的表格" class="anchor" data-reactid="120">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="121"><div class="preview-image-box" data-reactid="122"><div class="preview-image-wrapper" data-reactid="123"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/OWEXWoGlsqyhVBB.png" alt="带图标表格示例" data-reactid="124"/></div><div class="preview-image-title" data-reactid="125">带图标表格示例</div><div class="preview-image-description" data-reactid="126"></div><!-- react-empty: 127 --></div></div><p data-reactid="128"><!-- react-text: 129 -->通过图标强化信息的传递，适用在表达数据变化趋势。<!-- /react-text --></p><h3 id="带图表的表格" data-reactid="130"><span data-reactid="131"><!-- react-text: 132 -->带图表的表格<!-- /react-text --></span><a href="#带图表的表格" class="anchor" data-reactid="133">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="134"><div class="preview-image-box" data-reactid="135"><div class="preview-image-wrapper" data-reactid="136"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/znVwTXxQpXuVqPl.png" alt="带图表表格示例" data-reactid="137"/></div><div class="preview-image-title" data-reactid="138">带图表表格示例</div><div class="preview-image-description" data-reactid="139"></div><!-- react-empty: 140 --></div></div><p data-reactid="141"><!-- react-text: 142 -->通过图表来强化信息的传递，适用在表达数据变化趋势。<!-- /react-text --></p><h3 id="二维表格" data-reactid="143"><span data-reactid="144"><!-- react-text: 145 -->二维表格<!-- /react-text --></span><a href="#二维表格" class="anchor" data-reactid="146">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="147"><div class="preview-image-box" data-reactid="148"><div class="preview-image-wrapper" data-reactid="149"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/RQvqwEkXpHaFago.png" alt="二维表格示例" data-reactid="150"/></div><div class="preview-image-title" data-reactid="151">二维表格示例</div><div class="preview-image-description" data-reactid="152"></div><!-- react-empty: 153 --></div></div><p data-reactid="154"><!-- react-text: 155 -->横向和纵向各一个标题来展现数据。<!-- /react-text --></p><h3 id="小表格" data-reactid="156"><span data-reactid="157"><!-- react-text: 158 -->小表格<!-- /react-text --></span><a href="#小表格" class="anchor" data-reactid="159">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="160"><div class="preview-image-box" data-reactid="161"><div class="preview-image-wrapper" data-reactid="162"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/dMxxUThciHFQyXS.png" alt="小表格示例" data-reactid="163"/></div><div class="preview-image-title" data-reactid="164">小表格示例</div><div class="preview-image-description" data-reactid="165"></div><!-- react-empty: 166 --></div></div><p data-reactid="167"><!-- react-text: 168 -->适用在卡片、弹出框等空间较小的场景中。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="169"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="170"><section class="prev-next-nav" data-reactid="171"><a class="prev-page" href="/docs/pattern/table-cn" data-reactid="172">表格</a><a class="next-page" href="/docs/pattern/advanced-search-cn" data-reactid="173">高级搜索</a></section></div></div></div><footer id="footer" data-reactid="174"><ul data-reactid="175"><li data-reactid="176"><h2 data-reactid="177"><i class="anticon anticon-github" data-reactid="178"></i><!-- react-text: 179 --> GitHub<!-- /react-text --></h2><div data-reactid="180"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="181"><span data-reactid="182">源码仓库</span></a></div><div data-reactid="183"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="184"><span data-reactid="185">定制主题</span></a></div><div data-reactid="186"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="187"><span data-reactid="188">Awesome Ant Design</span></a></div></li><li data-reactid="189"><h2 data-reactid="190"><i class="anticon anticon-link" data-reactid="191"></i><!-- react-text: 192 --> <!-- /react-text --><span data-reactid="193">相关站点</span></h2><div data-reactid="194"><a href="https://design.alipay.com/" data-reactid="195"><span data-reactid="196">蚂蚁金服设计平台</span></a></div><div data-reactid="197"><a href="http://mobile.ant.design" data-reactid="198">Ant Design Mobile</a><span data-reactid="199"> - </span><span data-reactid="200">移动版</span></div><div data-reactid="201"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="202">dva</a><!-- react-text: 203 --> - <!-- /react-text --><span data-reactid="204">应用框架</span></div><div data-reactid="205"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="206">dva-cli</a><!-- react-text: 207 --> -<!-- /react-text --><span data-reactid="208">开发工具</span></div><div data-reactid="209"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="210">Egg</a><span data-reactid="211"> - </span><span data-reactid="212">企业级 Node 开发框架</span></div><div data-reactid="213"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="214">AntV</a><span data-reactid="215"> - </span><span data-reactid="216">数据可视化</span></div><div data-reactid="217"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="218">Ant Motion</a><span data-reactid="219"> - </span><span data-reactid="220">设计动效</span></div><div data-reactid="221"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="222">AntD Library</a><span data-reactid="223"> - </span><span data-reactid="224">Axure 部件库</span></div><div data-reactid="225"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="226">Ant UX</a><span data-reactid="227"> - </span><span data-reactid="228">页面逻辑素材</span></div></li><li data-reactid="229"><h2 data-reactid="230"><i class="anticon anticon-customer-service" data-reactid="231"></i><!-- react-text: 232 --> <!-- /react-text --><span data-reactid="233">社区</span></h2><div data-reactid="234"><a href="/changelog" data-reactid="235"><span data-reactid="236">更新记录</span></a></div><div data-reactid="237"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="238"><span data-reactid="239">常见问题</span></a></div><div data-reactid="240"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="241"><span data-reactid="242">在线讨论 (中文)</span></a></div><div data-reactid="243"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="244"><span data-reactid="245">在线讨论 (English)</span></a></div><div data-reactid="246"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="247"><span data-reactid="248">报告 Bug</span></a></div><div data-reactid="249"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="250"><span data-reactid="251">讨论列表</span></a></div><div data-reactid="252"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="253"><span data-reactid="254">StackOverflow</span></a></div><div data-reactid="255"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="256"><span data-reactid="257">SegmentFault</span></a></div></li><li data-reactid="258"><h2 data-reactid="259"><!-- react-text: 260 -->Copyright © <!-- /react-text --><!-- react-text: 261 -->2017<!-- /react-text --></h2><div data-reactid="262"><span data-reactid="263">蚂蚁金服体验技术部出品</span></div><div data-reactid="264"><!-- react-text: 265 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="266">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/pattern/complex-table.html b/docs/pattern/complex-table.html
index c10884b1d..f1316beb6 100644
--- a/docs/pattern/complex-table.html
+++ b/docs/pattern/complex-table.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="570563623"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1901978583"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/pattern/navigation" data-reactid="52">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/pattern/form" data-reactid="54">Form</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/pattern/list" data-reactid="56">List</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/pattern/table" data-reactid="58">Table</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="59"><a href="/docs/pattern/complex-table" data-reactid="60">Complex Table</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/pattern/advanced-search" data-reactid="62">Advanced Search</a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="63"><article class="markdown" data-reactid="64"><h1 data-reactid="65"><!-- react-text: 66 -->Complex Table<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/pattern/complex-table.md" data-reactid="67"><i class="anticon anticon-edit" data-reactid="68"></i></a></h1><section class="markdown" data-reactid="69"><p data-reactid="70"><!-- react-text: 71 -->表格也用于展示复杂和高度结构化数据。<!-- /react-text --></p></section><section class="toc" data-reactid="72"><ul data-reactid="73"><li data-reactid="74"><a class="bisheng-toc-h2" href="#案例" title="案例" data-reactid="75"><!-- react-text: 76 -->案例<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="77"><h2 id="案例" data-reactid="78"><span data-reactid="79"><!-- react-text: 80 -->案例<!-- /react-text --></span><a href="#案例" class="anchor" data-reactid="81">#</a></h2><h3 id="多列数据" data-reactid="82"><span data-reactid="83"><!-- react-text: 84 -->多列数据<!-- /react-text --></span><a href="#多列数据" class="anchor" data-reactid="85">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="86"><div class="preview-image-box" data-reactid="87"><div class="preview-image-wrapper" data-reactid="88"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/QZGYpJVtsTwFPmj.png" alt="多列数据示例" data-reactid="89"/></div><div class="preview-image-title" data-reactid="90">多列数据示例</div><div class="preview-image-description" data-reactid="91"></div><!-- react-empty: 92 --></div></div><p data-reactid="93"><!-- react-text: 94 -->通过按钮，可实现更多列数据的加载以及左右切换。<!-- /react-text --></p><p data-reactid="95"><br data-reactid="96"/></p><div class="preview-image-boxes clearfix" data-reactid="97"><div class="preview-image-box" data-reactid="98"><div class="preview-image-wrapper" data-reactid="99"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/zWUjQRpJZhYsZbY.png" alt="自定义列示例" data-reactid="100"/></div><div class="preview-image-title" data-reactid="101">自定义列示例</div><div class="preview-image-description" data-reactid="102"></div><!-- react-empty: 103 --></div></div><p data-reactid="104"><!-- react-text: 105 -->提供用户自定义列的功能，方便用户查看需要的列。<!-- /react-text --></p><p data-reactid="106"><br data-reactid="107"/></p><div class="preview-image-boxes clearfix" data-reactid="108"><div class="preview-image-box" data-reactid="109"><div class="preview-image-wrapper" data-reactid="110"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/UOTwZLweENvwlnL.png" alt="横向滚动示例" data-reactid="111"/></div><div class="preview-image-title" data-reactid="112">横向滚动示例</div><div class="preview-image-description" data-reactid="113"></div><!-- react-empty: 114 --></div></div><p data-reactid="115"><!-- react-text: 116 -->固定表头列，通过横向滚动条来查看剩余内容。<!-- /react-text --></p><h3 id="带图标的表格" data-reactid="117"><span data-reactid="118"><!-- react-text: 119 -->带图标的表格<!-- /react-text --></span><a href="#带图标的表格" class="anchor" data-reactid="120">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="121"><div class="preview-image-box" data-reactid="122"><div class="preview-image-wrapper" data-reactid="123"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/OWEXWoGlsqyhVBB.png" alt="带图标表格示例" data-reactid="124"/></div><div class="preview-image-title" data-reactid="125">带图标表格示例</div><div class="preview-image-description" data-reactid="126"></div><!-- react-empty: 127 --></div></div><p data-reactid="128"><!-- react-text: 129 -->通过图标强化信息的传递，适用在表达数据变化趋势。<!-- /react-text --></p><h3 id="带图表的表格" data-reactid="130"><span data-reactid="131"><!-- react-text: 132 -->带图表的表格<!-- /react-text --></span><a href="#带图表的表格" class="anchor" data-reactid="133">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="134"><div class="preview-image-box" data-reactid="135"><div class="preview-image-wrapper" data-reactid="136"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/znVwTXxQpXuVqPl.png" alt="带图表表格示例" data-reactid="137"/></div><div class="preview-image-title" data-reactid="138">带图表表格示例</div><div class="preview-image-description" data-reactid="139"></div><!-- react-empty: 140 --></div></div><p data-reactid="141"><!-- react-text: 142 -->通过图表来强化信息的传递，适用在表达数据变化趋势。<!-- /react-text --></p><h3 id="二维表格" data-reactid="143"><span data-reactid="144"><!-- react-text: 145 -->二维表格<!-- /react-text --></span><a href="#二维表格" class="anchor" data-reactid="146">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="147"><div class="preview-image-box" data-reactid="148"><div class="preview-image-wrapper" data-reactid="149"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/RQvqwEkXpHaFago.png" alt="二维表格示例" data-reactid="150"/></div><div class="preview-image-title" data-reactid="151">二维表格示例</div><div class="preview-image-description" data-reactid="152"></div><!-- react-empty: 153 --></div></div><p data-reactid="154"><!-- react-text: 155 -->横向和纵向各一个标题来展现数据。<!-- /react-text --></p><h3 id="小表格" data-reactid="156"><span data-reactid="157"><!-- react-text: 158 -->小表格<!-- /react-text --></span><a href="#小表格" class="anchor" data-reactid="159">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="160"><div class="preview-image-box" data-reactid="161"><div class="preview-image-wrapper" data-reactid="162"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/dMxxUThciHFQyXS.png" alt="小表格示例" data-reactid="163"/></div><div class="preview-image-title" data-reactid="164">小表格示例</div><div class="preview-image-description" data-reactid="165"></div><!-- react-empty: 166 --></div></div><p data-reactid="167"><!-- react-text: 168 -->适用在卡片、弹出框等空间较小的场景中。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="169"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="170"><section class="prev-next-nav" data-reactid="171"><a class="prev-page" href="/docs/pattern/table" data-reactid="172">Table</a><a class="next-page" href="/docs/pattern/advanced-search" data-reactid="173">Advanced Search</a></section></div></div></div><footer id="footer" data-reactid="174"><ul data-reactid="175"><li data-reactid="176"><h2 data-reactid="177"><i class="anticon anticon-github" data-reactid="178"></i><!-- react-text: 179 --> GitHub<!-- /react-text --></h2><div data-reactid="180"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="181"><span data-reactid="182">Repository</span></a></div><div data-reactid="183"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="184"><span data-reactid="185">Customize Theme</span></a></div><div data-reactid="186"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="187"><span data-reactid="188">Awesome Ant Design</span></a></div></li><li data-reactid="189"><h2 data-reactid="190"><i class="anticon anticon-link" data-reactid="191"></i><!-- react-text: 192 --> <!-- /react-text --><span data-reactid="193">Links</span></h2><div data-reactid="194"><a href="https://design.alipay.com/" data-reactid="195"><span data-reactid="196">Ant Financial Design Platform</span></a></div><div data-reactid="197"><a href="http://mobile.ant.design" data-reactid="198">Ant Design Mobile</a><span data-reactid="199"> - </span><span data-reactid="200">Mobile UI</span></div><div data-reactid="201"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="202">dva</a><!-- react-text: 203 --> - <!-- /react-text --><span data-reactid="204">Framework</span></div><div data-reactid="205"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="206">dva-cli</a><!-- react-text: 207 --> -<!-- /react-text --><span data-reactid="208">Developer Tools</span></div><div data-reactid="209"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="210">Egg</a><span data-reactid="211"> - </span><span data-reactid="212">Enterprise Node Framework</span></div><div data-reactid="213"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="214">AntV</a><span data-reactid="215"> - </span><span data-reactid="216">Data Visualization</span></div><div data-reactid="217"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="218">Ant Motion</a><span data-reactid="219"> - </span><span data-reactid="220">Motion Soluction</span></div><div data-reactid="221"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="222">AntD Library</a><span data-reactid="223"> - </span><span data-reactid="224">Axure library</span></div><div data-reactid="225"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="226">Ant UX</a><span data-reactid="227"> - </span><span data-reactid="228">Sitemap Template</span></div></li><li data-reactid="229"><h2 data-reactid="230"><i class="anticon anticon-customer-service" data-reactid="231"></i><!-- react-text: 232 --> <!-- /react-text --><span data-reactid="233">Community</span></h2><div data-reactid="234"><a href="/changelog" data-reactid="235"><span data-reactid="236">Change Log</span></a></div><div data-reactid="237"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="238"><span data-reactid="239">FAQ</span></a></div><div data-reactid="240"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="241"><span data-reactid="242">Chat Room (中文)</span></a></div><div data-reactid="243"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="244"><span data-reactid="245">Chat Room (English)</span></a></div><div data-reactid="246"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="247"><span data-reactid="248">Bug Report</span></a></div><div data-reactid="249"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="250"><span data-reactid="251">Issues</span></a></div><div data-reactid="252"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="253"><span data-reactid="254">StackOverflow</span></a></div><div data-reactid="255"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="256"><span data-reactid="257">SegmentFault</span></a></div></li><li data-reactid="258"><h2 data-reactid="259"><!-- react-text: 260 -->Copyright © <!-- /react-text --><!-- react-text: 261 -->2017<!-- /react-text --></h2><div data-reactid="262"><span data-reactid="263">Created by AIUX</span></div><div data-reactid="264"><!-- react-text: 265 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="266">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/pattern/navigation" data-reactid="52">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/pattern/form" data-reactid="54">Form</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/pattern/list" data-reactid="56">List</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/pattern/table" data-reactid="58">Table</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="59"><a href="/docs/pattern/complex-table" data-reactid="60">Complex Table</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/pattern/advanced-search" data-reactid="62">Advanced Search</a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="63"><article class="markdown" data-reactid="64"><h1 data-reactid="65"><!-- react-text: 66 -->Complex Table<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/pattern/complex-table.md" data-reactid="67"><i class="anticon anticon-edit" data-reactid="68"></i></a></h1><section class="markdown" data-reactid="69"><p data-reactid="70"><!-- react-text: 71 -->表格也用于展示复杂和高度结构化数据。<!-- /react-text --></p></section><section class="toc" data-reactid="72"><ul data-reactid="73"><li data-reactid="74"><a class="bisheng-toc-h2" href="#案例" title="案例" data-reactid="75"><!-- react-text: 76 -->案例<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="77"><h2 id="案例" data-reactid="78"><span data-reactid="79"><!-- react-text: 80 -->案例<!-- /react-text --></span><a href="#案例" class="anchor" data-reactid="81">#</a></h2><h3 id="多列数据" data-reactid="82"><span data-reactid="83"><!-- react-text: 84 -->多列数据<!-- /react-text --></span><a href="#多列数据" class="anchor" data-reactid="85">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="86"><div class="preview-image-box" data-reactid="87"><div class="preview-image-wrapper" data-reactid="88"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/QZGYpJVtsTwFPmj.png" alt="多列数据示例" data-reactid="89"/></div><div class="preview-image-title" data-reactid="90">多列数据示例</div><div class="preview-image-description" data-reactid="91"></div><!-- react-empty: 92 --></div></div><p data-reactid="93"><!-- react-text: 94 -->通过按钮，可实现更多列数据的加载以及左右切换。<!-- /react-text --></p><p data-reactid="95"><br data-reactid="96"/></p><div class="preview-image-boxes clearfix" data-reactid="97"><div class="preview-image-box" data-reactid="98"><div class="preview-image-wrapper" data-reactid="99"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/zWUjQRpJZhYsZbY.png" alt="自定义列示例" data-reactid="100"/></div><div class="preview-image-title" data-reactid="101">自定义列示例</div><div class="preview-image-description" data-reactid="102"></div><!-- react-empty: 103 --></div></div><p data-reactid="104"><!-- react-text: 105 -->提供用户自定义列的功能，方便用户查看需要的列。<!-- /react-text --></p><p data-reactid="106"><br data-reactid="107"/></p><div class="preview-image-boxes clearfix" data-reactid="108"><div class="preview-image-box" data-reactid="109"><div class="preview-image-wrapper" data-reactid="110"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/UOTwZLweENvwlnL.png" alt="横向滚动示例" data-reactid="111"/></div><div class="preview-image-title" data-reactid="112">横向滚动示例</div><div class="preview-image-description" data-reactid="113"></div><!-- react-empty: 114 --></div></div><p data-reactid="115"><!-- react-text: 116 -->固定表头列，通过横向滚动条来查看剩余内容。<!-- /react-text --></p><h3 id="带图标的表格" data-reactid="117"><span data-reactid="118"><!-- react-text: 119 -->带图标的表格<!-- /react-text --></span><a href="#带图标的表格" class="anchor" data-reactid="120">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="121"><div class="preview-image-box" data-reactid="122"><div class="preview-image-wrapper" data-reactid="123"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/OWEXWoGlsqyhVBB.png" alt="带图标表格示例" data-reactid="124"/></div><div class="preview-image-title" data-reactid="125">带图标表格示例</div><div class="preview-image-description" data-reactid="126"></div><!-- react-empty: 127 --></div></div><p data-reactid="128"><!-- react-text: 129 -->通过图标强化信息的传递，适用在表达数据变化趋势。<!-- /react-text --></p><h3 id="带图表的表格" data-reactid="130"><span data-reactid="131"><!-- react-text: 132 -->带图表的表格<!-- /react-text --></span><a href="#带图表的表格" class="anchor" data-reactid="133">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="134"><div class="preview-image-box" data-reactid="135"><div class="preview-image-wrapper" data-reactid="136"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/znVwTXxQpXuVqPl.png" alt="带图表表格示例" data-reactid="137"/></div><div class="preview-image-title" data-reactid="138">带图表表格示例</div><div class="preview-image-description" data-reactid="139"></div><!-- react-empty: 140 --></div></div><p data-reactid="141"><!-- react-text: 142 -->通过图表来强化信息的传递，适用在表达数据变化趋势。<!-- /react-text --></p><h3 id="二维表格" data-reactid="143"><span data-reactid="144"><!-- react-text: 145 -->二维表格<!-- /react-text --></span><a href="#二维表格" class="anchor" data-reactid="146">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="147"><div class="preview-image-box" data-reactid="148"><div class="preview-image-wrapper" data-reactid="149"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/RQvqwEkXpHaFago.png" alt="二维表格示例" data-reactid="150"/></div><div class="preview-image-title" data-reactid="151">二维表格示例</div><div class="preview-image-description" data-reactid="152"></div><!-- react-empty: 153 --></div></div><p data-reactid="154"><!-- react-text: 155 -->横向和纵向各一个标题来展现数据。<!-- /react-text --></p><h3 id="小表格" data-reactid="156"><span data-reactid="157"><!-- react-text: 158 -->小表格<!-- /react-text --></span><a href="#小表格" class="anchor" data-reactid="159">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="160"><div class="preview-image-box" data-reactid="161"><div class="preview-image-wrapper" data-reactid="162"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/dMxxUThciHFQyXS.png" alt="小表格示例" data-reactid="163"/></div><div class="preview-image-title" data-reactid="164">小表格示例</div><div class="preview-image-description" data-reactid="165"></div><!-- react-empty: 166 --></div></div><p data-reactid="167"><!-- react-text: 168 -->适用在卡片、弹出框等空间较小的场景中。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="169"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="170"><section class="prev-next-nav" data-reactid="171"><a class="prev-page" href="/docs/pattern/table" data-reactid="172">Table</a><a class="next-page" href="/docs/pattern/advanced-search" data-reactid="173">Advanced Search</a></section></div></div></div><footer id="footer" data-reactid="174"><ul data-reactid="175"><li data-reactid="176"><h2 data-reactid="177"><i class="anticon anticon-github" data-reactid="178"></i><!-- react-text: 179 --> GitHub<!-- /react-text --></h2><div data-reactid="180"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="181"><span data-reactid="182">Repository</span></a></div><div data-reactid="183"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="184"><span data-reactid="185">Customize Theme</span></a></div><div data-reactid="186"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="187"><span data-reactid="188">Awesome Ant Design</span></a></div></li><li data-reactid="189"><h2 data-reactid="190"><i class="anticon anticon-link" data-reactid="191"></i><!-- react-text: 192 --> <!-- /react-text --><span data-reactid="193">Links</span></h2><div data-reactid="194"><a href="https://design.alipay.com/" data-reactid="195"><span data-reactid="196">Ant Financial Design Platform</span></a></div><div data-reactid="197"><a href="http://mobile.ant.design" data-reactid="198">Ant Design Mobile</a><span data-reactid="199"> - </span><span data-reactid="200">Mobile UI</span></div><div data-reactid="201"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="202">dva</a><!-- react-text: 203 --> - <!-- /react-text --><span data-reactid="204">Framework</span></div><div data-reactid="205"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="206">dva-cli</a><!-- react-text: 207 --> -<!-- /react-text --><span data-reactid="208">Developer Tools</span></div><div data-reactid="209"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="210">Egg</a><span data-reactid="211"> - </span><span data-reactid="212">Enterprise Node Framework</span></div><div data-reactid="213"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="214">AntV</a><span data-reactid="215"> - </span><span data-reactid="216">Data Visualization</span></div><div data-reactid="217"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="218">Ant Motion</a><span data-reactid="219"> - </span><span data-reactid="220">Motion Soluction</span></div><div data-reactid="221"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="222">AntD Library</a><span data-reactid="223"> - </span><span data-reactid="224">Axure library</span></div><div data-reactid="225"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="226">Ant UX</a><span data-reactid="227"> - </span><span data-reactid="228">Sitemap Template</span></div></li><li data-reactid="229"><h2 data-reactid="230"><i class="anticon anticon-customer-service" data-reactid="231"></i><!-- react-text: 232 --> <!-- /react-text --><span data-reactid="233">Community</span></h2><div data-reactid="234"><a href="/changelog" data-reactid="235"><span data-reactid="236">Change Log</span></a></div><div data-reactid="237"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="238"><span data-reactid="239">FAQ</span></a></div><div data-reactid="240"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="241"><span data-reactid="242">Chat Room (中文)</span></a></div><div data-reactid="243"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="244"><span data-reactid="245">Chat Room (English)</span></a></div><div data-reactid="246"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="247"><span data-reactid="248">Bug Report</span></a></div><div data-reactid="249"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="250"><span data-reactid="251">Issues</span></a></div><div data-reactid="252"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="253"><span data-reactid="254">StackOverflow</span></a></div><div data-reactid="255"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="256"><span data-reactid="257">SegmentFault</span></a></div></li><li data-reactid="258"><h2 data-reactid="259"><!-- react-text: 260 -->Copyright © <!-- /react-text --><!-- react-text: 261 -->2017<!-- /react-text --></h2><div data-reactid="262"><span data-reactid="263">Created by AIUX</span></div><div data-reactid="264"><!-- react-text: 265 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="266">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/pattern/form-cn.html b/docs/pattern/form-cn.html
index e10722791..877d6f5b2 100644
--- a/docs/pattern/form-cn.html
+++ b/docs/pattern/form-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="282114375"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-541017783"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/pattern/navigation-cn" data-reactid="52">导航</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="53"><a href="/docs/pattern/form-cn" data-reactid="54">表单</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/pattern/list-cn" data-reactid="56">列表</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/pattern/table-cn" data-reactid="58">表格</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/pattern/complex-table-cn" data-reactid="60">表格：复杂数据</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/pattern/advanced-search-cn" data-reactid="62">高级搜索</a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="63"><article class="markdown" data-reactid="64"><h1 data-reactid="65"><!-- react-text: 66 -->表单<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/pattern/form.md" data-reactid="67"><i class="anticon anticon-edit" data-reactid="68"></i></a></h1><section class="markdown" data-reactid="69"><p data-reactid="70"><!-- react-text: 71 -->作为获取用户输入的重要交互方式，表单也承担将问题和答案进行配对的角色。<!-- /react-text --></p><p data-reactid="72"><!-- react-text: 73 -->设计者进行表单设计时，应当注意这几点：<!-- /react-text --></p><ol data-reactid="74"><li data-reactid="75"><p data-reactid="76"><!-- react-text: 77 -->确保用户了解要提供什么信息，以及为什么要提供这些信息。<!-- /react-text --></p><p data-reactid="78"><!-- react-text: 79 -->为初级用户／偶尔访问的用户提供白话作为『标签』；为领域专家提供专业术语作为『标签』。当需要用户提供敏感信息时，通过『输入提示』来说明系统为什么要这么做，eg：需要获取身份证号码、手机号码时。<!-- /react-text --></p></li><li data-reactid="80"><p data-reactid="81"><!-- react-text: 82 -->让用户能在上下文中获取信息，帮助他完成输入。<!-- /react-text --></p><p data-reactid="83"><!-- react-text: 84 -->使用『良好的默认值』、『结构化的格式』、『输入提示』、『输入提醒』等方式，避免让用户在空白中完成输入。<!-- /react-text --></p></li><li data-reactid="85"><p data-reactid="86"><!-- react-text: 87 -->对错误敏感，并尽可能宽容。<!-- /react-text --></p><p data-reactid="88"><!-- react-text: 89 -->通过不同的『校验』规则和形式进行反馈，避免用户在点击提交后才刚刚开始『校验』，让用户提前纠正错误；依据『容错格式』，允许用户以多种格式和语法输入，eg：用户在电话号码输入框中多输入了一个空格，系统存储时可以主动删掉空格，但是不需要告诉用户这是一个错误。<!-- /react-text --></p></li><li data-reactid="90"><p data-reactid="91"><!-- react-text: 92 -->不要提出不必要的问题。<!-- /react-text --></p></li></ol></section><section class="toc" data-reactid="93"><ul data-reactid="94"><li data-reactid="95"><a class="bisheng-toc-h2" href="#内容" title="内容" data-reactid="96"><!-- react-text: 97 -->内容<!-- /react-text --></a></li><li data-reactid="98"><a class="bisheng-toc-h2" href="#交互" title="交互" data-reactid="99"><!-- react-text: 100 -->交互<!-- /react-text --></a></li><li data-reactid="101"><a class="bisheng-toc-h2" href="#规格" title="规格" data-reactid="102"><!-- react-text: 103 -->规格<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="104"><h2 id="内容" data-reactid="105"><span data-reactid="106"><!-- react-text: 107 -->内容<!-- /react-text --></span><a href="#内容" class="anchor" data-reactid="108">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="109"><div class="preview-image-box" data-reactid="110"><div class="preview-image-wrapper" data-reactid="111"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/mLkQbODgVsdGUTe.png" alt="结构示例" data-reactid="112"/></div><div class="preview-image-title" data-reactid="113">结构示例</div><div class="preview-image-description" data-reactid="114"></div><!-- react-empty: 115 --></div></div><p data-reactid="116"><!-- react-text: 117 -->通常表单会有四个部分组成。<!-- /react-text --></p><ol data-reactid="118"><li data-reactid="119"><p data-reactid="120"><!-- react-text: 121 -->标签<!-- /react-text --></p></li><li data-reactid="122"><p data-reactid="123"><!-- react-text: 124 -->输入框<!-- /react-text --></p></li><li data-reactid="125"><p data-reactid="126"><!-- react-text: 127 -->校验反馈<!-- /react-text --></p></li><li data-reactid="128"><p data-reactid="129"><!-- react-text: 130 -->动作<!-- /react-text --></p></li></ol><blockquote data-reactid="131"><p data-reactid="132"><!-- react-text: 133 -->注：<!-- /react-text --><code data-reactid="134"><!-- react-text: 135 -->*<!-- /react-text --></code><!-- react-text: 136 --> 表明该项为必填项。<!-- /react-text --></p></blockquote><h2 id="交互" data-reactid="137"><span data-reactid="138"><!-- react-text: 139 -->交互<!-- /react-text --></span><a href="#交互" class="anchor" data-reactid="140">#</a></h2><h3 id="填空" data-reactid="141"><span data-reactid="142"><!-- react-text: 143 -->填空<!-- /react-text --></span><a href="#填空" class="anchor" data-reactid="144">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="145"><div class="preview-image-box" data-reactid="146"><div class="preview-image-wrapper" data-reactid="147"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/SdzCTaevNMvJFBR.png" alt="填空示例" data-reactid="148"/></div><div class="preview-image-title" data-reactid="149">填空示例</div><div class="preview-image-description" data-reactid="150"></div><!-- react-empty: 151 --></div></div><p data-reactid="152"><!-- react-text: 153 -->在一种描述性的上下文中出现输入项，可以帮助用户理解当前的状况，以及需要提供什么数据。<!-- /react-text --></p><h3 id="组合输入框" data-reactid="154"><span data-reactid="155"><!-- react-text: 156 -->组合输入框<!-- /react-text --></span><a href="#组合输入框" class="anchor" data-reactid="157">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="158"><div class="preview-image-box" data-reactid="159"><div class="preview-image-wrapper" data-reactid="160"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/waStvhMnuoqqsCE.png" alt="组合输入框示例" data-reactid="161"/></div><div class="preview-image-title" data-reactid="162">组合输入框示例</div><div class="preview-image-description" data-reactid="163"></div><!-- react-empty: 164 --></div></div><p data-reactid="165"><!-- react-text: 166 -->当两个输入框关联性很强时，可以前后拼接，减少页面空间。<!-- /react-text --></p><h3 id="对齐方式" data-reactid="167"><span data-reactid="168"><!-- react-text: 169 -->对齐方式<!-- /react-text --></span><a href="#对齐方式" class="anchor" data-reactid="170">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="171"><div class="preview-image-box" data-reactid="172"><div class="preview-image-wrapper" data-reactid="173"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/cjHTEtXFxUSdHnE.png" alt="对齐方式示例" data-reactid="174"/></div><div class="preview-image-title" data-reactid="175">对齐方式示例</div><div class="preview-image-description" data-reactid="176"></div><!-- react-empty: 177 --></div></div><p data-reactid="178"><!-- react-text: 179 -->在页面设计表单时，按钮组必须和输入框左对齐。<!-- /react-text --></p><h3 id="禁用主按钮" data-reactid="180"><span data-reactid="181"><!-- react-text: 182 -->禁用主按钮<!-- /react-text --></span><a href="#禁用主按钮" class="anchor" data-reactid="183">#</a></h3><p data-reactid="184"><!-- react-text: 185 -->当输入框非常少时（一般少于 3 个），如果用户没有在必填项中输入内容，可禁用『提交』等主按钮；当输入框非常多时（超过 5 项以上），不建议禁用主按钮。<!-- /react-text --></p><p data-reactid="186"><br data-reactid="187"/></p><div class="preview-image-boxes clearfix" data-reactid="188"><div class="preview-image-box" data-reactid="189"><div class="preview-image-wrapper" data-reactid="190"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/VabHKlbouFxSQXz.png" alt="未达字符标准时，主按钮禁用状态" data-reactid="191"/></div><div class="preview-image-title" data-reactid="192">未达字符标准时，主按钮禁用状态</div><div class="preview-image-description" data-reactid="193"></div><!-- react-empty: 194 --></div></div><div class="preview-image-boxes clearfix" data-reactid="195"><div class="preview-image-box" data-reactid="196"><div class="preview-image-wrapper" data-reactid="197"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/usdFxJmWDawqUuq.png" alt="达到字符标准时，主按钮可用状态" data-reactid="198"/></div><div class="preview-image-title" data-reactid="199">达到字符标准时，主按钮可用状态</div><div class="preview-image-description" data-reactid="200"></div><!-- react-empty: 201 --></div></div><p data-reactid="202"><!-- react-text: 203 -->当输入框非常少时，用户一输入就会有反馈，因而主按钮的禁用规则非常清晰，容易被用户理解。<!-- /react-text --></p><p data-reactid="204"><br data-reactid="205"/></p><div class="preview-image-boxes clearfix" data-reactid="206"><div class="preview-image-box" data-reactid="207"><div class="preview-image-wrapper" data-reactid="208"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/GwZhvOuXmwqUIUW.png" alt="不禁用示例" data-reactid="209"/></div><div class="preview-image-title" data-reactid="210">不禁用示例</div><div class="preview-image-description" data-reactid="211"></div><!-- react-empty: 212 --></div></div><p data-reactid="213"><!-- react-text: 214 -->当输入框非常多时（尤其是输入项中交叉了必填项和非必填项），整个反馈链路冗长又复杂，禁用规则难以被识别，容易引起困惑。<!-- /react-text --></p><h3 id="结构化的格式" data-reactid="215"><span data-reactid="216"><!-- react-text: 217 -->结构化的格式<!-- /react-text --></span><a href="#结构化的格式" class="anchor" data-reactid="218">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="219"><div class="preview-image-box" data-reactid="220"><div class="preview-image-wrapper" data-reactid="221"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/SQgGfreRAqPZPsm.png" alt="结构化的格式示例" data-reactid="222"/></div><div class="preview-image-title" data-reactid="223">结构化的格式示例</div><div class="preview-image-description" data-reactid="224"></div><!-- react-empty: 225 --></div></div><p data-reactid="226"><!-- react-text: 227 -->用户对输入的内容很熟悉，且系统不希望接受任何偏离期望的格式。<!-- /react-text --></p><h3 id="输入提示-&amp;-输入提醒" data-reactid="228"><span data-reactid="229"><!-- react-text: 230 -->输入提示 &amp; 输入提醒<!-- /react-text --></span><a href="#输入提示-&amp;-输入提醒" class="anchor" data-reactid="231">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="232"><div class="preview-image-box" style="width:50%;" data-reactid="233"><div class="preview-image-wrapper" data-reactid="234"><img class="preview-img inline" src="https://os.alipayobjects.com/rmsportal/cTlmdEprGSzMZfs.png" alt="输入提示示例" data-reactid="235"/></div><div class="preview-image-title" data-reactid="236">输入提示示例</div><div class="preview-image-description" data-reactid="237">在输入框激活后，输入提示一直出现至该输入框失去焦点。</div><!-- react-empty: 238 --></div><div class="preview-image-box" style="width:50%;" data-reactid="239"><div class="preview-image-wrapper" data-reactid="240"><img class="preview-img inline" src="https://os.alipayobjects.com/rmsportal/QPhvLWfMbLTvjRw.png" alt="输入提醒示例" data-reactid="241"/></div><div class="preview-image-title" data-reactid="242">输入提醒示例</div><div class="preview-image-description" data-reactid="243">在输入框激活后，输入提醒不要马上消失，等用户完成第一个词输入后再消失。</div><!-- react-empty: 244 --></div></div><p data-reactid="245"><!-- react-text: 246 -->输入提示：不希望在标签上放置太多文字进行解释，同时只有标签又会引起误解。<!-- /react-text --></p><p data-reactid="247"><!-- react-text: 248 -->输入提醒：提醒用户该控件的目的或所需格式，由于在用户输入后提醒就会消失，所以适用在用户对内容比较熟悉时。<!-- /react-text --></p><h3 id="密码加强计" data-reactid="249"><span data-reactid="250"><!-- react-text: 251 -->密码加强计<!-- /react-text --></span><a href="#密码加强计" class="anchor" data-reactid="252">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="253"><div class="preview-image-box" data-reactid="254"><div class="preview-image-wrapper" data-reactid="255"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/wKpOgeyyoOUeCrk.png" alt="密码强度示例" data-reactid="256"/></div><div class="preview-image-title" data-reactid="257">密码强度示例</div><div class="preview-image-description" data-reactid="258"></div><!-- react-empty: 259 --></div></div><p data-reactid="260"><!-- react-text: 261 -->提供关于密码强度和有效性的及时反馈，适用在注册页面时的密码输入框。<!-- /react-text --></p><h3 id="校验" data-reactid="262"><span data-reactid="263"><!-- react-text: 264 -->校验<!-- /react-text --></span><a href="#校验" class="anchor" data-reactid="265">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="266"><div class="preview-image-box" style="width:50%;" data-reactid="267"><div class="preview-image-wrapper" data-reactid="268"><img class="preview-img inline" src="https://os.alipayobjects.com/rmsportal/urCdIJFuNYCenqH.png" data-reactid="269"/></div><div class="preview-image-title" data-reactid="270"></div><div class="preview-image-description" data-reactid="271">输入时的实时校验。</div><!-- react-empty: 272 --></div><div class="preview-image-box" style="width:50%;" data-reactid="273"><div class="preview-image-wrapper" data-reactid="274"><img class="preview-img inline" src="https://os.alipayobjects.com/rmsportal/KkcSBkbTJirIxCw.png" data-reactid="275"/></div><div class="preview-image-title" data-reactid="276"></div><div class="preview-image-description" data-reactid="277">输入框失去焦点后的校验。</div><!-- react-empty: 278 --></div></div><div class="preview-image-boxes clearfix" data-reactid="279"><div class="preview-image-box" data-reactid="280"><div class="preview-image-wrapper" data-reactid="281"><img class="preview-img" src="https://zos.alipayobjects.com/rmsportal/xTtVSREbASRMstTggVGD.png" data-reactid="282"/></div><div class="preview-image-title" data-reactid="283"></div><div class="preview-image-description" data-reactid="284">点击『提交』后，系统将处理结果直接在页面上进行反馈（统计错误数量和标记错误内容）。</div><!-- react-empty: 285 --></div></div><p data-reactid="286"><!-- react-text: 287 -->通过不同的『校验』规则和形式进行反馈，避免用户在点击提交后才刚刚开始『校验』，让用户提前纠正错误。<!-- /react-text --></p><h3 id="字数校验框" data-reactid="288"><span data-reactid="289"><!-- react-text: 290 -->字数校验框<!-- /react-text --></span><a href="#字数校验框" class="anchor" data-reactid="291">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="292"><div class="preview-image-box" data-reactid="293"><div class="preview-image-wrapper" data-reactid="294"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/JxzQIRfMCtMjuaH.png" alt="字数校验框示例" data-reactid="295"/></div><div class="preview-image-title" data-reactid="296">字数校验框示例</div><div class="preview-image-description" data-reactid="297"></div><!-- react-empty: 298 --></div></div><p data-reactid="299"><!-- react-text: 300 -->用于统计当前输入长度，以及是否超过系统阈值。<!-- /react-text --></p><h2 id="规格" data-reactid="301"><span data-reactid="302"><!-- react-text: 303 -->规格<!-- /react-text --></span><a href="#规格" class="anchor" data-reactid="304">#</a></h2><h3 id="间距" data-reactid="305"><span data-reactid="306"><!-- react-text: 307 -->间距<!-- /react-text --></span><a href="#间距" class="anchor" data-reactid="308">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="309"><div class="preview-image-box" data-reactid="310"><div class="preview-image-wrapper" data-reactid="311"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/dlTiHzZvCGRbMzL.png" alt="间隔示例" data-reactid="312"/></div><div class="preview-image-title" data-reactid="313">间隔示例</div><div class="preview-image-description" data-reactid="314"></div><!-- react-empty: 315 --></div></div><p data-reactid="316"><!-- react-text: 317 -->典型表单的间隔规范。<!-- /react-text --></p><h3 id="输入框宽度" data-reactid="318"><span data-reactid="319"><!-- react-text: 320 -->输入框宽度<!-- /react-text --></span><a href="#输入框宽度" class="anchor" data-reactid="321">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="322"><div class="preview-image-box" style="width:50%;" data-reactid="323"><div class="preview-image-wrapper good" data-reactid="324"><img class="preview-img good" src="https://os.alipayobjects.com/rmsportal/vypllNQZsEHRszB.png" alt="正确示例" data-reactid="325"/></div><div class="preview-image-title" data-reactid="326">正确示例</div><div class="preview-image-description" data-reactid="327"></div><!-- react-empty: 328 --></div><div class="preview-image-box" style="width:50%;" data-reactid="329"><div class="preview-image-wrapper bad" data-reactid="330"><img class="preview-img bad" src="https://os.alipayobjects.com/rmsportal/XSLwnrlLbKFjiNj.png" alt="错误示例" data-reactid="331"/></div><div class="preview-image-title" data-reactid="332">错误示例</div><div class="preview-image-description" data-reactid="333"></div><!-- react-empty: 334 --></div></div><p data-reactid="335"><!-- react-text: 336 -->当内容可预知，可以根据内容长短进行定义其落在多少个栅格上。<!-- /react-text --></p><p data-reactid="337"><br data-reactid="338"/></p><h3 id="对齐方式" data-reactid="339"><span data-reactid="340"><!-- react-text: 341 -->对齐方式<!-- /react-text --></span><a href="#对齐方式" class="anchor" data-reactid="342">#</a></h3><p data-reactid="343"><!-- react-text: 344 -->无论左对齐、右对齐还是顶部对齐，都有其优缺点和应用场景，所以正确的解决方案取决于具体目标和制约因素，诸如：希望用户加快或者降低填写速度（有时设计者希望用户深思熟虑每个输入）、屏幕显示的限制、本地化考虑等多种因素。<!-- /react-text --></p><p data-reactid="345"><br data-reactid="346"/></p><div class="preview-image-boxes clearfix" data-reactid="347"><div class="preview-image-box" data-reactid="348"><div class="preview-image-wrapper" data-reactid="349"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/UxGJfenYBKvkEEB.png" alt="右对齐（推荐）" data-reactid="350"/></div><div class="preview-image-title" data-reactid="351">右对齐（推荐）</div><div class="preview-image-description" data-reactid="352"></div><!-- react-empty: 353 --></div></div><p data-reactid="354"><!-- react-text: 355 -->右对齐（推荐）。<!-- /react-text --></p><ul data-reactid="356"><li data-reactid="357"><p data-reactid="358"><!-- react-text: 359 -->优点：节约垂直空间。<!-- /react-text --></p></li><li data-reactid="360"><p data-reactid="361"><!-- react-text: 362 -->缺点：降低可读性；标签长度和输入框弹性小。<!-- /react-text --></p></li><li data-reactid="363"><p data-reactid="364"><!-- react-text: 365 -->场景：既要减少垂直空间，又要加快填写速度。<!-- /react-text --></p></li></ul><p data-reactid="366"><br data-reactid="367"/></p><div class="preview-image-boxes clearfix" data-reactid="368"><div class="preview-image-box" data-reactid="369"><div class="preview-image-wrapper" data-reactid="370"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/AsyyNKormNdEMLi.png" alt="顶部对齐" data-reactid="371"/></div><div class="preview-image-title" data-reactid="372">顶部对齐</div><div class="preview-image-description" data-reactid="373"></div><!-- react-empty: 374 --></div></div><p data-reactid="375"><!-- react-text: 376 -->顶部对齐。<!-- /react-text --></p><ul data-reactid="377"><li data-reactid="378"><p data-reactid="379"><!-- react-text: 380 -->优点：有最快的浏览和处理速度；标签长度弹性大。<!-- /react-text --></p></li><li data-reactid="381"><p data-reactid="382"><!-- react-text: 383 -->缺点：非常占垂直空间。<!-- /react-text --></p></li><li data-reactid="384"><p data-reactid="385"><!-- react-text: 386 -->场景：希望用户快速填写表单，完成任务。<!-- /react-text --></p></li></ul><p data-reactid="387"><br data-reactid="388"/></p><div class="preview-image-boxes clearfix" data-reactid="389"><div class="preview-image-box" data-reactid="390"><div class="preview-image-wrapper" data-reactid="391"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/eqUyDExbRlAQoas.png" alt="左对齐" data-reactid="392"/></div><div class="preview-image-title" data-reactid="393">左对齐</div><div class="preview-image-description" data-reactid="394"></div><!-- react-empty: 395 --></div></div><p data-reactid="396"><!-- react-text: 397 -->左对齐。<!-- /react-text --></p><ul data-reactid="398"><li data-reactid="399"><p data-reactid="400"><!-- react-text: 401 -->优点：文字开头按阅读视线对齐，方便阅读；节约垂直空间。<!-- /react-text --></p></li><li data-reactid="402"><p data-reactid="403"><!-- react-text: 404 -->缺点：填写速度慢；标签长度和输入框弹性小。<!-- /react-text --></p></li><li data-reactid="405"><p data-reactid="406"><!-- react-text: 407 -->场景：希望用户放慢速度，仔细思考表单中的每个输入框。<!-- /react-text --></p></li></ul></section></article></div></div><div class="ant-row" data-reactid="408"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="409"><section class="prev-next-nav" data-reactid="410"><a class="prev-page" href="/docs/pattern/navigation-cn" data-reactid="411">导航</a><a class="next-page" href="/docs/pattern/list-cn" data-reactid="412">列表</a></section></div></div></div><footer id="footer" data-reactid="413"><ul data-reactid="414"><li data-reactid="415"><h2 data-reactid="416"><i class="anticon anticon-github" data-reactid="417"></i><!-- react-text: 418 --> GitHub<!-- /react-text --></h2><div data-reactid="419"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="420"><span data-reactid="421">源码仓库</span></a></div><div data-reactid="422"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="423"><span data-reactid="424">定制主题</span></a></div><div data-reactid="425"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="426"><span data-reactid="427">Awesome Ant Design</span></a></div></li><li data-reactid="428"><h2 data-reactid="429"><i class="anticon anticon-link" data-reactid="430"></i><!-- react-text: 431 --> <!-- /react-text --><span data-reactid="432">相关站点</span></h2><div data-reactid="433"><a href="https://design.alipay.com/" data-reactid="434"><span data-reactid="435">蚂蚁金服设计平台</span></a></div><div data-reactid="436"><a href="http://mobile.ant.design" data-reactid="437">Ant Design Mobile</a><span data-reactid="438"> - </span><span data-reactid="439">移动版</span></div><div data-reactid="440"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="441">dva</a><!-- react-text: 442 --> - <!-- /react-text --><span data-reactid="443">应用框架</span></div><div data-reactid="444"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="445">dva-cli</a><!-- react-text: 446 --> -<!-- /react-text --><span data-reactid="447">开发工具</span></div><div data-reactid="448"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="449">Egg</a><span data-reactid="450"> - </span><span data-reactid="451">企业级 Node 开发框架</span></div><div data-reactid="452"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="453">AntV</a><span data-reactid="454"> - </span><span data-reactid="455">数据可视化</span></div><div data-reactid="456"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="457">Ant Motion</a><span data-reactid="458"> - </span><span data-reactid="459">设计动效</span></div><div data-reactid="460"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="461">AntD Library</a><span data-reactid="462"> - </span><span data-reactid="463">Axure 部件库</span></div><div data-reactid="464"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="465">Ant UX</a><span data-reactid="466"> - </span><span data-reactid="467">页面逻辑素材</span></div></li><li data-reactid="468"><h2 data-reactid="469"><i class="anticon anticon-customer-service" data-reactid="470"></i><!-- react-text: 471 --> <!-- /react-text --><span data-reactid="472">社区</span></h2><div data-reactid="473"><a href="/changelog" data-reactid="474"><span data-reactid="475">更新记录</span></a></div><div data-reactid="476"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="477"><span data-reactid="478">常见问题</span></a></div><div data-reactid="479"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="480"><span data-reactid="481">在线讨论 (中文)</span></a></div><div data-reactid="482"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="483"><span data-reactid="484">在线讨论 (English)</span></a></div><div data-reactid="485"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="486"><span data-reactid="487">报告 Bug</span></a></div><div data-reactid="488"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="489"><span data-reactid="490">讨论列表</span></a></div><div data-reactid="491"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="492"><span data-reactid="493">StackOverflow</span></a></div><div data-reactid="494"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="495"><span data-reactid="496">SegmentFault</span></a></div></li><li data-reactid="497"><h2 data-reactid="498"><!-- react-text: 499 -->Copyright © <!-- /react-text --><!-- react-text: 500 -->2017<!-- /react-text --></h2><div data-reactid="501"><span data-reactid="502">蚂蚁金服体验技术部出品</span></div><div data-reactid="503"><!-- react-text: 504 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="505">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/pattern/navigation-cn" data-reactid="52">导航</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="53"><a href="/docs/pattern/form-cn" data-reactid="54">表单</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/pattern/list-cn" data-reactid="56">列表</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/pattern/table-cn" data-reactid="58">表格</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/pattern/complex-table-cn" data-reactid="60">表格：复杂数据</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/pattern/advanced-search-cn" data-reactid="62">高级搜索</a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="63"><article class="markdown" data-reactid="64"><h1 data-reactid="65"><!-- react-text: 66 -->表单<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/pattern/form.md" data-reactid="67"><i class="anticon anticon-edit" data-reactid="68"></i></a></h1><section class="markdown" data-reactid="69"><p data-reactid="70"><!-- react-text: 71 -->作为获取用户输入的重要交互方式，表单也承担将问题和答案进行配对的角色。<!-- /react-text --></p><p data-reactid="72"><!-- react-text: 73 -->设计者进行表单设计时，应当注意这几点：<!-- /react-text --></p><ol data-reactid="74"><li data-reactid="75"><p data-reactid="76"><!-- react-text: 77 -->确保用户了解要提供什么信息，以及为什么要提供这些信息。<!-- /react-text --></p><p data-reactid="78"><!-- react-text: 79 -->为初级用户／偶尔访问的用户提供白话作为『标签』；为领域专家提供专业术语作为『标签』。当需要用户提供敏感信息时，通过『输入提示』来说明系统为什么要这么做，eg：需要获取身份证号码、手机号码时。<!-- /react-text --></p></li><li data-reactid="80"><p data-reactid="81"><!-- react-text: 82 -->让用户能在上下文中获取信息，帮助他完成输入。<!-- /react-text --></p><p data-reactid="83"><!-- react-text: 84 -->使用『良好的默认值』、『结构化的格式』、『输入提示』、『输入提醒』等方式，避免让用户在空白中完成输入。<!-- /react-text --></p></li><li data-reactid="85"><p data-reactid="86"><!-- react-text: 87 -->对错误敏感，并尽可能宽容。<!-- /react-text --></p><p data-reactid="88"><!-- react-text: 89 -->通过不同的『校验』规则和形式进行反馈，避免用户在点击提交后才刚刚开始『校验』，让用户提前纠正错误；依据『容错格式』，允许用户以多种格式和语法输入，eg：用户在电话号码输入框中多输入了一个空格，系统存储时可以主动删掉空格，但是不需要告诉用户这是一个错误。<!-- /react-text --></p></li><li data-reactid="90"><p data-reactid="91"><!-- react-text: 92 -->不要提出不必要的问题。<!-- /react-text --></p></li></ol></section><section class="toc" data-reactid="93"><ul data-reactid="94"><li data-reactid="95"><a class="bisheng-toc-h2" href="#内容" title="内容" data-reactid="96"><!-- react-text: 97 -->内容<!-- /react-text --></a></li><li data-reactid="98"><a class="bisheng-toc-h2" href="#交互" title="交互" data-reactid="99"><!-- react-text: 100 -->交互<!-- /react-text --></a></li><li data-reactid="101"><a class="bisheng-toc-h2" href="#规格" title="规格" data-reactid="102"><!-- react-text: 103 -->规格<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="104"><h2 id="内容" data-reactid="105"><span data-reactid="106"><!-- react-text: 107 -->内容<!-- /react-text --></span><a href="#内容" class="anchor" data-reactid="108">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="109"><div class="preview-image-box" data-reactid="110"><div class="preview-image-wrapper" data-reactid="111"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/mLkQbODgVsdGUTe.png" alt="结构示例" data-reactid="112"/></div><div class="preview-image-title" data-reactid="113">结构示例</div><div class="preview-image-description" data-reactid="114"></div><!-- react-empty: 115 --></div></div><p data-reactid="116"><!-- react-text: 117 -->通常表单会有四个部分组成。<!-- /react-text --></p><ol data-reactid="118"><li data-reactid="119"><p data-reactid="120"><!-- react-text: 121 -->标签<!-- /react-text --></p></li><li data-reactid="122"><p data-reactid="123"><!-- react-text: 124 -->输入框<!-- /react-text --></p></li><li data-reactid="125"><p data-reactid="126"><!-- react-text: 127 -->校验反馈<!-- /react-text --></p></li><li data-reactid="128"><p data-reactid="129"><!-- react-text: 130 -->动作<!-- /react-text --></p></li></ol><blockquote data-reactid="131"><p data-reactid="132"><!-- react-text: 133 -->注：<!-- /react-text --><code data-reactid="134"><!-- react-text: 135 -->*<!-- /react-text --></code><!-- react-text: 136 --> 表明该项为必填项。<!-- /react-text --></p></blockquote><h2 id="交互" data-reactid="137"><span data-reactid="138"><!-- react-text: 139 -->交互<!-- /react-text --></span><a href="#交互" class="anchor" data-reactid="140">#</a></h2><h3 id="填空" data-reactid="141"><span data-reactid="142"><!-- react-text: 143 -->填空<!-- /react-text --></span><a href="#填空" class="anchor" data-reactid="144">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="145"><div class="preview-image-box" data-reactid="146"><div class="preview-image-wrapper" data-reactid="147"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/SdzCTaevNMvJFBR.png" alt="填空示例" data-reactid="148"/></div><div class="preview-image-title" data-reactid="149">填空示例</div><div class="preview-image-description" data-reactid="150"></div><!-- react-empty: 151 --></div></div><p data-reactid="152"><!-- react-text: 153 -->在一种描述性的上下文中出现输入项，可以帮助用户理解当前的状况，以及需要提供什么数据。<!-- /react-text --></p><h3 id="组合输入框" data-reactid="154"><span data-reactid="155"><!-- react-text: 156 -->组合输入框<!-- /react-text --></span><a href="#组合输入框" class="anchor" data-reactid="157">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="158"><div class="preview-image-box" data-reactid="159"><div class="preview-image-wrapper" data-reactid="160"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/waStvhMnuoqqsCE.png" alt="组合输入框示例" data-reactid="161"/></div><div class="preview-image-title" data-reactid="162">组合输入框示例</div><div class="preview-image-description" data-reactid="163"></div><!-- react-empty: 164 --></div></div><p data-reactid="165"><!-- react-text: 166 -->当两个输入框关联性很强时，可以前后拼接，减少页面空间。<!-- /react-text --></p><h3 id="对齐方式" data-reactid="167"><span data-reactid="168"><!-- react-text: 169 -->对齐方式<!-- /react-text --></span><a href="#对齐方式" class="anchor" data-reactid="170">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="171"><div class="preview-image-box" data-reactid="172"><div class="preview-image-wrapper" data-reactid="173"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/cjHTEtXFxUSdHnE.png" alt="对齐方式示例" data-reactid="174"/></div><div class="preview-image-title" data-reactid="175">对齐方式示例</div><div class="preview-image-description" data-reactid="176"></div><!-- react-empty: 177 --></div></div><p data-reactid="178"><!-- react-text: 179 -->在页面设计表单时，按钮组必须和输入框左对齐。<!-- /react-text --></p><h3 id="禁用主按钮" data-reactid="180"><span data-reactid="181"><!-- react-text: 182 -->禁用主按钮<!-- /react-text --></span><a href="#禁用主按钮" class="anchor" data-reactid="183">#</a></h3><p data-reactid="184"><!-- react-text: 185 -->当输入框非常少时（一般少于 3 个），如果用户没有在必填项中输入内容，可禁用『提交』等主按钮；当输入框非常多时（超过 5 项以上），不建议禁用主按钮。<!-- /react-text --></p><p data-reactid="186"><br data-reactid="187"/></p><div class="preview-image-boxes clearfix" data-reactid="188"><div class="preview-image-box" data-reactid="189"><div class="preview-image-wrapper" data-reactid="190"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/VabHKlbouFxSQXz.png" alt="未达字符标准时，主按钮禁用状态" data-reactid="191"/></div><div class="preview-image-title" data-reactid="192">未达字符标准时，主按钮禁用状态</div><div class="preview-image-description" data-reactid="193"></div><!-- react-empty: 194 --></div></div><div class="preview-image-boxes clearfix" data-reactid="195"><div class="preview-image-box" data-reactid="196"><div class="preview-image-wrapper" data-reactid="197"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/usdFxJmWDawqUuq.png" alt="达到字符标准时，主按钮可用状态" data-reactid="198"/></div><div class="preview-image-title" data-reactid="199">达到字符标准时，主按钮可用状态</div><div class="preview-image-description" data-reactid="200"></div><!-- react-empty: 201 --></div></div><p data-reactid="202"><!-- react-text: 203 -->当输入框非常少时，用户一输入就会有反馈，因而主按钮的禁用规则非常清晰，容易被用户理解。<!-- /react-text --></p><p data-reactid="204"><br data-reactid="205"/></p><div class="preview-image-boxes clearfix" data-reactid="206"><div class="preview-image-box" data-reactid="207"><div class="preview-image-wrapper" data-reactid="208"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/GwZhvOuXmwqUIUW.png" alt="不禁用示例" data-reactid="209"/></div><div class="preview-image-title" data-reactid="210">不禁用示例</div><div class="preview-image-description" data-reactid="211"></div><!-- react-empty: 212 --></div></div><p data-reactid="213"><!-- react-text: 214 -->当输入框非常多时（尤其是输入项中交叉了必填项和非必填项），整个反馈链路冗长又复杂，禁用规则难以被识别，容易引起困惑。<!-- /react-text --></p><h3 id="结构化的格式" data-reactid="215"><span data-reactid="216"><!-- react-text: 217 -->结构化的格式<!-- /react-text --></span><a href="#结构化的格式" class="anchor" data-reactid="218">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="219"><div class="preview-image-box" data-reactid="220"><div class="preview-image-wrapper" data-reactid="221"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/SQgGfreRAqPZPsm.png" alt="结构化的格式示例" data-reactid="222"/></div><div class="preview-image-title" data-reactid="223">结构化的格式示例</div><div class="preview-image-description" data-reactid="224"></div><!-- react-empty: 225 --></div></div><p data-reactid="226"><!-- react-text: 227 -->用户对输入的内容很熟悉，且系统不希望接受任何偏离期望的格式。<!-- /react-text --></p><h3 id="输入提示-&amp;-输入提醒" data-reactid="228"><span data-reactid="229"><!-- react-text: 230 -->输入提示 &amp; 输入提醒<!-- /react-text --></span><a href="#输入提示-&amp;-输入提醒" class="anchor" data-reactid="231">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="232"><div class="preview-image-box" style="width:50%;" data-reactid="233"><div class="preview-image-wrapper" data-reactid="234"><img class="preview-img inline" src="https://os.alipayobjects.com/rmsportal/cTlmdEprGSzMZfs.png" alt="输入提示示例" data-reactid="235"/></div><div class="preview-image-title" data-reactid="236">输入提示示例</div><div class="preview-image-description" data-reactid="237">在输入框激活后，输入提示一直出现至该输入框失去焦点。</div><!-- react-empty: 238 --></div><div class="preview-image-box" style="width:50%;" data-reactid="239"><div class="preview-image-wrapper" data-reactid="240"><img class="preview-img inline" src="https://os.alipayobjects.com/rmsportal/QPhvLWfMbLTvjRw.png" alt="输入提醒示例" data-reactid="241"/></div><div class="preview-image-title" data-reactid="242">输入提醒示例</div><div class="preview-image-description" data-reactid="243">在输入框激活后，输入提醒不要马上消失，等用户完成第一个词输入后再消失。</div><!-- react-empty: 244 --></div></div><p data-reactid="245"><!-- react-text: 246 -->输入提示：不希望在标签上放置太多文字进行解释，同时只有标签又会引起误解。<!-- /react-text --></p><p data-reactid="247"><!-- react-text: 248 -->输入提醒：提醒用户该控件的目的或所需格式，由于在用户输入后提醒就会消失，所以适用在用户对内容比较熟悉时。<!-- /react-text --></p><h3 id="密码加强计" data-reactid="249"><span data-reactid="250"><!-- react-text: 251 -->密码加强计<!-- /react-text --></span><a href="#密码加强计" class="anchor" data-reactid="252">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="253"><div class="preview-image-box" data-reactid="254"><div class="preview-image-wrapper" data-reactid="255"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/wKpOgeyyoOUeCrk.png" alt="密码强度示例" data-reactid="256"/></div><div class="preview-image-title" data-reactid="257">密码强度示例</div><div class="preview-image-description" data-reactid="258"></div><!-- react-empty: 259 --></div></div><p data-reactid="260"><!-- react-text: 261 -->提供关于密码强度和有效性的及时反馈，适用在注册页面时的密码输入框。<!-- /react-text --></p><h3 id="校验" data-reactid="262"><span data-reactid="263"><!-- react-text: 264 -->校验<!-- /react-text --></span><a href="#校验" class="anchor" data-reactid="265">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="266"><div class="preview-image-box" style="width:50%;" data-reactid="267"><div class="preview-image-wrapper" data-reactid="268"><img class="preview-img inline" src="https://os.alipayobjects.com/rmsportal/urCdIJFuNYCenqH.png" data-reactid="269"/></div><div class="preview-image-title" data-reactid="270"></div><div class="preview-image-description" data-reactid="271">输入时的实时校验。</div><!-- react-empty: 272 --></div><div class="preview-image-box" style="width:50%;" data-reactid="273"><div class="preview-image-wrapper" data-reactid="274"><img class="preview-img inline" src="https://os.alipayobjects.com/rmsportal/KkcSBkbTJirIxCw.png" data-reactid="275"/></div><div class="preview-image-title" data-reactid="276"></div><div class="preview-image-description" data-reactid="277">输入框失去焦点后的校验。</div><!-- react-empty: 278 --></div></div><div class="preview-image-boxes clearfix" data-reactid="279"><div class="preview-image-box" data-reactid="280"><div class="preview-image-wrapper" data-reactid="281"><img class="preview-img" src="https://zos.alipayobjects.com/rmsportal/xTtVSREbASRMstTggVGD.png" data-reactid="282"/></div><div class="preview-image-title" data-reactid="283"></div><div class="preview-image-description" data-reactid="284">点击『提交』后，系统将处理结果直接在页面上进行反馈（统计错误数量和标记错误内容）。</div><!-- react-empty: 285 --></div></div><p data-reactid="286"><!-- react-text: 287 -->通过不同的『校验』规则和形式进行反馈，避免用户在点击提交后才刚刚开始『校验』，让用户提前纠正错误。<!-- /react-text --></p><h3 id="字数校验框" data-reactid="288"><span data-reactid="289"><!-- react-text: 290 -->字数校验框<!-- /react-text --></span><a href="#字数校验框" class="anchor" data-reactid="291">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="292"><div class="preview-image-box" data-reactid="293"><div class="preview-image-wrapper" data-reactid="294"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/JxzQIRfMCtMjuaH.png" alt="字数校验框示例" data-reactid="295"/></div><div class="preview-image-title" data-reactid="296">字数校验框示例</div><div class="preview-image-description" data-reactid="297"></div><!-- react-empty: 298 --></div></div><p data-reactid="299"><!-- react-text: 300 -->用于统计当前输入长度，以及是否超过系统阈值。<!-- /react-text --></p><h2 id="规格" data-reactid="301"><span data-reactid="302"><!-- react-text: 303 -->规格<!-- /react-text --></span><a href="#规格" class="anchor" data-reactid="304">#</a></h2><h3 id="间距" data-reactid="305"><span data-reactid="306"><!-- react-text: 307 -->间距<!-- /react-text --></span><a href="#间距" class="anchor" data-reactid="308">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="309"><div class="preview-image-box" data-reactid="310"><div class="preview-image-wrapper" data-reactid="311"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/dlTiHzZvCGRbMzL.png" alt="间隔示例" data-reactid="312"/></div><div class="preview-image-title" data-reactid="313">间隔示例</div><div class="preview-image-description" data-reactid="314"></div><!-- react-empty: 315 --></div></div><p data-reactid="316"><!-- react-text: 317 -->典型表单的间隔规范。<!-- /react-text --></p><h3 id="输入框宽度" data-reactid="318"><span data-reactid="319"><!-- react-text: 320 -->输入框宽度<!-- /react-text --></span><a href="#输入框宽度" class="anchor" data-reactid="321">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="322"><div class="preview-image-box" style="width:50%;" data-reactid="323"><div class="preview-image-wrapper good" data-reactid="324"><img class="preview-img good" src="https://os.alipayobjects.com/rmsportal/vypllNQZsEHRszB.png" alt="正确示例" data-reactid="325"/></div><div class="preview-image-title" data-reactid="326">正确示例</div><div class="preview-image-description" data-reactid="327"></div><!-- react-empty: 328 --></div><div class="preview-image-box" style="width:50%;" data-reactid="329"><div class="preview-image-wrapper bad" data-reactid="330"><img class="preview-img bad" src="https://os.alipayobjects.com/rmsportal/XSLwnrlLbKFjiNj.png" alt="错误示例" data-reactid="331"/></div><div class="preview-image-title" data-reactid="332">错误示例</div><div class="preview-image-description" data-reactid="333"></div><!-- react-empty: 334 --></div></div><p data-reactid="335"><!-- react-text: 336 -->当内容可预知，可以根据内容长短进行定义其落在多少个栅格上。<!-- /react-text --></p><p data-reactid="337"><br data-reactid="338"/></p><h3 id="对齐方式" data-reactid="339"><span data-reactid="340"><!-- react-text: 341 -->对齐方式<!-- /react-text --></span><a href="#对齐方式" class="anchor" data-reactid="342">#</a></h3><p data-reactid="343"><!-- react-text: 344 -->无论左对齐、右对齐还是顶部对齐，都有其优缺点和应用场景，所以正确的解决方案取决于具体目标和制约因素，诸如：希望用户加快或者降低填写速度（有时设计者希望用户深思熟虑每个输入）、屏幕显示的限制、本地化考虑等多种因素。<!-- /react-text --></p><p data-reactid="345"><br data-reactid="346"/></p><div class="preview-image-boxes clearfix" data-reactid="347"><div class="preview-image-box" data-reactid="348"><div class="preview-image-wrapper" data-reactid="349"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/UxGJfenYBKvkEEB.png" alt="右对齐（推荐）" data-reactid="350"/></div><div class="preview-image-title" data-reactid="351">右对齐（推荐）</div><div class="preview-image-description" data-reactid="352"></div><!-- react-empty: 353 --></div></div><p data-reactid="354"><!-- react-text: 355 -->右对齐（推荐）。<!-- /react-text --></p><ul data-reactid="356"><li data-reactid="357"><p data-reactid="358"><!-- react-text: 359 -->优点：节约垂直空间。<!-- /react-text --></p></li><li data-reactid="360"><p data-reactid="361"><!-- react-text: 362 -->缺点：降低可读性；标签长度和输入框弹性小。<!-- /react-text --></p></li><li data-reactid="363"><p data-reactid="364"><!-- react-text: 365 -->场景：既要减少垂直空间，又要加快填写速度。<!-- /react-text --></p></li></ul><p data-reactid="366"><br data-reactid="367"/></p><div class="preview-image-boxes clearfix" data-reactid="368"><div class="preview-image-box" data-reactid="369"><div class="preview-image-wrapper" data-reactid="370"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/AsyyNKormNdEMLi.png" alt="顶部对齐" data-reactid="371"/></div><div class="preview-image-title" data-reactid="372">顶部对齐</div><div class="preview-image-description" data-reactid="373"></div><!-- react-empty: 374 --></div></div><p data-reactid="375"><!-- react-text: 376 -->顶部对齐。<!-- /react-text --></p><ul data-reactid="377"><li data-reactid="378"><p data-reactid="379"><!-- react-text: 380 -->优点：有最快的浏览和处理速度；标签长度弹性大。<!-- /react-text --></p></li><li data-reactid="381"><p data-reactid="382"><!-- react-text: 383 -->缺点：非常占垂直空间。<!-- /react-text --></p></li><li data-reactid="384"><p data-reactid="385"><!-- react-text: 386 -->场景：希望用户快速填写表单，完成任务。<!-- /react-text --></p></li></ul><p data-reactid="387"><br data-reactid="388"/></p><div class="preview-image-boxes clearfix" data-reactid="389"><div class="preview-image-box" data-reactid="390"><div class="preview-image-wrapper" data-reactid="391"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/eqUyDExbRlAQoas.png" alt="左对齐" data-reactid="392"/></div><div class="preview-image-title" data-reactid="393">左对齐</div><div class="preview-image-description" data-reactid="394"></div><!-- react-empty: 395 --></div></div><p data-reactid="396"><!-- react-text: 397 -->左对齐。<!-- /react-text --></p><ul data-reactid="398"><li data-reactid="399"><p data-reactid="400"><!-- react-text: 401 -->优点：文字开头按阅读视线对齐，方便阅读；节约垂直空间。<!-- /react-text --></p></li><li data-reactid="402"><p data-reactid="403"><!-- react-text: 404 -->缺点：填写速度慢；标签长度和输入框弹性小。<!-- /react-text --></p></li><li data-reactid="405"><p data-reactid="406"><!-- react-text: 407 -->场景：希望用户放慢速度，仔细思考表单中的每个输入框。<!-- /react-text --></p></li></ul></section></article></div></div><div class="ant-row" data-reactid="408"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="409"><section class="prev-next-nav" data-reactid="410"><a class="prev-page" href="/docs/pattern/navigation-cn" data-reactid="411">导航</a><a class="next-page" href="/docs/pattern/list-cn" data-reactid="412">列表</a></section></div></div></div><footer id="footer" data-reactid="413"><ul data-reactid="414"><li data-reactid="415"><h2 data-reactid="416"><i class="anticon anticon-github" data-reactid="417"></i><!-- react-text: 418 --> GitHub<!-- /react-text --></h2><div data-reactid="419"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="420"><span data-reactid="421">源码仓库</span></a></div><div data-reactid="422"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="423"><span data-reactid="424">定制主题</span></a></div><div data-reactid="425"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="426"><span data-reactid="427">Awesome Ant Design</span></a></div></li><li data-reactid="428"><h2 data-reactid="429"><i class="anticon anticon-link" data-reactid="430"></i><!-- react-text: 431 --> <!-- /react-text --><span data-reactid="432">相关站点</span></h2><div data-reactid="433"><a href="https://design.alipay.com/" data-reactid="434"><span data-reactid="435">蚂蚁金服设计平台</span></a></div><div data-reactid="436"><a href="http://mobile.ant.design" data-reactid="437">Ant Design Mobile</a><span data-reactid="438"> - </span><span data-reactid="439">移动版</span></div><div data-reactid="440"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="441">dva</a><!-- react-text: 442 --> - <!-- /react-text --><span data-reactid="443">应用框架</span></div><div data-reactid="444"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="445">dva-cli</a><!-- react-text: 446 --> -<!-- /react-text --><span data-reactid="447">开发工具</span></div><div data-reactid="448"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="449">Egg</a><span data-reactid="450"> - </span><span data-reactid="451">企业级 Node 开发框架</span></div><div data-reactid="452"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="453">AntV</a><span data-reactid="454"> - </span><span data-reactid="455">数据可视化</span></div><div data-reactid="456"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="457">Ant Motion</a><span data-reactid="458"> - </span><span data-reactid="459">设计动效</span></div><div data-reactid="460"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="461">AntD Library</a><span data-reactid="462"> - </span><span data-reactid="463">Axure 部件库</span></div><div data-reactid="464"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="465">Ant UX</a><span data-reactid="466"> - </span><span data-reactid="467">页面逻辑素材</span></div></li><li data-reactid="468"><h2 data-reactid="469"><i class="anticon anticon-customer-service" data-reactid="470"></i><!-- react-text: 471 --> <!-- /react-text --><span data-reactid="472">社区</span></h2><div data-reactid="473"><a href="/changelog" data-reactid="474"><span data-reactid="475">更新记录</span></a></div><div data-reactid="476"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="477"><span data-reactid="478">常见问题</span></a></div><div data-reactid="479"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="480"><span data-reactid="481">在线讨论 (中文)</span></a></div><div data-reactid="482"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="483"><span data-reactid="484">在线讨论 (English)</span></a></div><div data-reactid="485"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="486"><span data-reactid="487">报告 Bug</span></a></div><div data-reactid="488"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="489"><span data-reactid="490">讨论列表</span></a></div><div data-reactid="491"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="492"><span data-reactid="493">StackOverflow</span></a></div><div data-reactid="494"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="495"><span data-reactid="496">SegmentFault</span></a></div></li><li data-reactid="497"><h2 data-reactid="498"><!-- react-text: 499 -->Copyright © <!-- /react-text --><!-- react-text: 500 -->2017<!-- /react-text --></h2><div data-reactid="501"><span data-reactid="502">蚂蚁金服体验技术部出品</span></div><div data-reactid="503"><!-- react-text: 504 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="505">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/pattern/form.html b/docs/pattern/form.html
index 4d4e927a8..41f6f9de6 100644
--- a/docs/pattern/form.html
+++ b/docs/pattern/form.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1467595244"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="2028029462"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/pattern/navigation" data-reactid="52">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="53"><a href="/docs/pattern/form" data-reactid="54">Form</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/pattern/list" data-reactid="56">List</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/pattern/table" data-reactid="58">Table</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/pattern/complex-table" data-reactid="60">Complex Table</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/pattern/advanced-search" data-reactid="62">Advanced Search</a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="63"><article class="markdown" data-reactid="64"><h1 data-reactid="65"><!-- react-text: 66 -->Form<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/pattern/form.md" data-reactid="67"><i class="anticon anticon-edit" data-reactid="68"></i></a></h1><section class="markdown" data-reactid="69"><p data-reactid="70"><!-- react-text: 71 -->作为获取用户输入的重要交互方式，表单也承担将问题和答案进行配对的角色。<!-- /react-text --></p><p data-reactid="72"><!-- react-text: 73 -->设计者进行表单设计时，应当注意这几点：<!-- /react-text --></p><ol data-reactid="74"><li data-reactid="75"><p data-reactid="76"><!-- react-text: 77 -->确保用户了解要提供什么信息，以及为什么要提供这些信息。<!-- /react-text --></p><p data-reactid="78"><!-- react-text: 79 -->为初级用户／偶尔访问的用户提供白话作为『标签』；为领域专家提供专业术语作为『标签』。当需要用户提供敏感信息时，通过『输入提示』来说明系统为什么要这么做，eg：需要获取身份证号码、手机号码时。<!-- /react-text --></p></li><li data-reactid="80"><p data-reactid="81"><!-- react-text: 82 -->让用户能在上下文中获取信息，帮助他完成输入。<!-- /react-text --></p><p data-reactid="83"><!-- react-text: 84 -->使用『良好的默认值』、『结构化的格式』、『输入提示』、『输入提醒』等方式，避免让用户在空白中完成输入。<!-- /react-text --></p></li><li data-reactid="85"><p data-reactid="86"><!-- react-text: 87 -->对错误敏感，并尽可能宽容。<!-- /react-text --></p><p data-reactid="88"><!-- react-text: 89 -->通过不同的『校验』规则和形式进行反馈，避免用户在点击提交后才刚刚开始『校验』，让用户提前纠正错误；依据『容错格式』，允许用户以多种格式和语法输入，eg：用户在电话号码输入框中多输入了一个空格，系统存储时可以主动删掉空格，但是不需要告诉用户这是一个错误。<!-- /react-text --></p></li><li data-reactid="90"><p data-reactid="91"><!-- react-text: 92 -->不要提出不必要的问题。<!-- /react-text --></p></li></ol></section><section class="toc" data-reactid="93"><ul data-reactid="94"><li data-reactid="95"><a class="bisheng-toc-h2" href="#内容" title="内容" data-reactid="96"><!-- react-text: 97 -->内容<!-- /react-text --></a></li><li data-reactid="98"><a class="bisheng-toc-h2" href="#交互" title="交互" data-reactid="99"><!-- react-text: 100 -->交互<!-- /react-text --></a></li><li data-reactid="101"><a class="bisheng-toc-h2" href="#规格" title="规格" data-reactid="102"><!-- react-text: 103 -->规格<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="104"><h2 id="内容" data-reactid="105"><span data-reactid="106"><!-- react-text: 107 -->内容<!-- /react-text --></span><a href="#内容" class="anchor" data-reactid="108">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="109"><div class="preview-image-box" data-reactid="110"><div class="preview-image-wrapper" data-reactid="111"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/mLkQbODgVsdGUTe.png" alt="结构示例" data-reactid="112"/></div><div class="preview-image-title" data-reactid="113">结构示例</div><div class="preview-image-description" data-reactid="114"></div><!-- react-empty: 115 --></div></div><p data-reactid="116"><!-- react-text: 117 -->通常表单会有四个部分组成。<!-- /react-text --></p><ol data-reactid="118"><li data-reactid="119"><p data-reactid="120"><!-- react-text: 121 -->标签<!-- /react-text --></p></li><li data-reactid="122"><p data-reactid="123"><!-- react-text: 124 -->输入框<!-- /react-text --></p></li><li data-reactid="125"><p data-reactid="126"><!-- react-text: 127 -->校验反馈<!-- /react-text --></p></li><li data-reactid="128"><p data-reactid="129"><!-- react-text: 130 -->动作<!-- /react-text --></p></li></ol><blockquote data-reactid="131"><p data-reactid="132"><!-- react-text: 133 -->注：<!-- /react-text --><code data-reactid="134"><!-- react-text: 135 -->*<!-- /react-text --></code><!-- react-text: 136 --> 表明该项为必填项。<!-- /react-text --></p></blockquote><h2 id="交互" data-reactid="137"><span data-reactid="138"><!-- react-text: 139 -->交互<!-- /react-text --></span><a href="#交互" class="anchor" data-reactid="140">#</a></h2><h3 id="填空" data-reactid="141"><span data-reactid="142"><!-- react-text: 143 -->填空<!-- /react-text --></span><a href="#填空" class="anchor" data-reactid="144">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="145"><div class="preview-image-box" data-reactid="146"><div class="preview-image-wrapper" data-reactid="147"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/SdzCTaevNMvJFBR.png" alt="填空示例" data-reactid="148"/></div><div class="preview-image-title" data-reactid="149">填空示例</div><div class="preview-image-description" data-reactid="150"></div><!-- react-empty: 151 --></div></div><p data-reactid="152"><!-- react-text: 153 -->在一种描述性的上下文中出现输入项，可以帮助用户理解当前的状况，以及需要提供什么数据。<!-- /react-text --></p><h3 id="组合输入框" data-reactid="154"><span data-reactid="155"><!-- react-text: 156 -->组合输入框<!-- /react-text --></span><a href="#组合输入框" class="anchor" data-reactid="157">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="158"><div class="preview-image-box" data-reactid="159"><div class="preview-image-wrapper" data-reactid="160"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/waStvhMnuoqqsCE.png" alt="组合输入框示例" data-reactid="161"/></div><div class="preview-image-title" data-reactid="162">组合输入框示例</div><div class="preview-image-description" data-reactid="163"></div><!-- react-empty: 164 --></div></div><p data-reactid="165"><!-- react-text: 166 -->当两个输入框关联性很强时，可以前后拼接，减少页面空间。<!-- /react-text --></p><h3 id="对齐方式" data-reactid="167"><span data-reactid="168"><!-- react-text: 169 -->对齐方式<!-- /react-text --></span><a href="#对齐方式" class="anchor" data-reactid="170">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="171"><div class="preview-image-box" data-reactid="172"><div class="preview-image-wrapper" data-reactid="173"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/cjHTEtXFxUSdHnE.png" alt="对齐方式示例" data-reactid="174"/></div><div class="preview-image-title" data-reactid="175">对齐方式示例</div><div class="preview-image-description" data-reactid="176"></div><!-- react-empty: 177 --></div></div><p data-reactid="178"><!-- react-text: 179 -->在页面设计表单时，按钮组必须和输入框左对齐。<!-- /react-text --></p><h3 id="禁用主按钮" data-reactid="180"><span data-reactid="181"><!-- react-text: 182 -->禁用主按钮<!-- /react-text --></span><a href="#禁用主按钮" class="anchor" data-reactid="183">#</a></h3><p data-reactid="184"><!-- react-text: 185 -->当输入框非常少时（一般少于 3 个），如果用户没有在必填项中输入内容，可禁用『提交』等主按钮；当输入框非常多时（超过 5 项以上），不建议禁用主按钮。<!-- /react-text --></p><p data-reactid="186"><br data-reactid="187"/></p><div class="preview-image-boxes clearfix" data-reactid="188"><div class="preview-image-box" data-reactid="189"><div class="preview-image-wrapper" data-reactid="190"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/VabHKlbouFxSQXz.png" alt="未达字符标准时，主按钮禁用状态" data-reactid="191"/></div><div class="preview-image-title" data-reactid="192">未达字符标准时，主按钮禁用状态</div><div class="preview-image-description" data-reactid="193"></div><!-- react-empty: 194 --></div></div><div class="preview-image-boxes clearfix" data-reactid="195"><div class="preview-image-box" data-reactid="196"><div class="preview-image-wrapper" data-reactid="197"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/usdFxJmWDawqUuq.png" alt="达到字符标准时，主按钮可用状态" data-reactid="198"/></div><div class="preview-image-title" data-reactid="199">达到字符标准时，主按钮可用状态</div><div class="preview-image-description" data-reactid="200"></div><!-- react-empty: 201 --></div></div><p data-reactid="202"><!-- react-text: 203 -->当输入框非常少时，用户一输入就会有反馈，因而主按钮的禁用规则非常清晰，容易被用户理解。<!-- /react-text --></p><p data-reactid="204"><br data-reactid="205"/></p><div class="preview-image-boxes clearfix" data-reactid="206"><div class="preview-image-box" data-reactid="207"><div class="preview-image-wrapper" data-reactid="208"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/GwZhvOuXmwqUIUW.png" alt="不禁用示例" data-reactid="209"/></div><div class="preview-image-title" data-reactid="210">不禁用示例</div><div class="preview-image-description" data-reactid="211"></div><!-- react-empty: 212 --></div></div><p data-reactid="213"><!-- react-text: 214 -->当输入框非常多时（尤其是输入项中交叉了必填项和非必填项），整个反馈链路冗长又复杂，禁用规则难以被识别，容易引起困惑。<!-- /react-text --></p><h3 id="结构化的格式" data-reactid="215"><span data-reactid="216"><!-- react-text: 217 -->结构化的格式<!-- /react-text --></span><a href="#结构化的格式" class="anchor" data-reactid="218">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="219"><div class="preview-image-box" data-reactid="220"><div class="preview-image-wrapper" data-reactid="221"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/SQgGfreRAqPZPsm.png" alt="结构化的格式示例" data-reactid="222"/></div><div class="preview-image-title" data-reactid="223">结构化的格式示例</div><div class="preview-image-description" data-reactid="224"></div><!-- react-empty: 225 --></div></div><p data-reactid="226"><!-- react-text: 227 -->用户对输入的内容很熟悉，且系统不希望接受任何偏离期望的格式。<!-- /react-text --></p><h3 id="输入提示-&amp;-输入提醒" data-reactid="228"><span data-reactid="229"><!-- react-text: 230 -->输入提示 &amp; 输入提醒<!-- /react-text --></span><a href="#输入提示-&amp;-输入提醒" class="anchor" data-reactid="231">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="232"><div class="preview-image-box" style="width:50%;" data-reactid="233"><div class="preview-image-wrapper" data-reactid="234"><img class="preview-img inline" src="https://os.alipayobjects.com/rmsportal/cTlmdEprGSzMZfs.png" alt="输入提示示例" data-reactid="235"/></div><div class="preview-image-title" data-reactid="236">输入提示示例</div><div class="preview-image-description" data-reactid="237">在输入框激活后，输入提示一直出现至该输入框失去焦点。</div><!-- react-empty: 238 --></div><div class="preview-image-box" style="width:50%;" data-reactid="239"><div class="preview-image-wrapper" data-reactid="240"><img class="preview-img inline" src="https://os.alipayobjects.com/rmsportal/QPhvLWfMbLTvjRw.png" alt="输入提醒示例" data-reactid="241"/></div><div class="preview-image-title" data-reactid="242">输入提醒示例</div><div class="preview-image-description" data-reactid="243">在输入框激活后，输入提醒不要马上消失，等用户完成第一个词输入后再消失。</div><!-- react-empty: 244 --></div></div><p data-reactid="245"><!-- react-text: 246 -->输入提示：不希望在标签上放置太多文字进行解释，同时只有标签又会引起误解。<!-- /react-text --></p><p data-reactid="247"><!-- react-text: 248 -->输入提醒：提醒用户该控件的目的或所需格式，由于在用户输入后提醒就会消失，所以适用在用户对内容比较熟悉时。<!-- /react-text --></p><h3 id="密码加强计" data-reactid="249"><span data-reactid="250"><!-- react-text: 251 -->密码加强计<!-- /react-text --></span><a href="#密码加强计" class="anchor" data-reactid="252">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="253"><div class="preview-image-box" data-reactid="254"><div class="preview-image-wrapper" data-reactid="255"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/wKpOgeyyoOUeCrk.png" alt="密码强度示例" data-reactid="256"/></div><div class="preview-image-title" data-reactid="257">密码强度示例</div><div class="preview-image-description" data-reactid="258"></div><!-- react-empty: 259 --></div></div><p data-reactid="260"><!-- react-text: 261 -->提供关于密码强度和有效性的及时反馈，适用在注册页面时的密码输入框。<!-- /react-text --></p><h3 id="校验" data-reactid="262"><span data-reactid="263"><!-- react-text: 264 -->校验<!-- /react-text --></span><a href="#校验" class="anchor" data-reactid="265">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="266"><div class="preview-image-box" style="width:50%;" data-reactid="267"><div class="preview-image-wrapper" data-reactid="268"><img class="preview-img inline" src="https://os.alipayobjects.com/rmsportal/urCdIJFuNYCenqH.png" data-reactid="269"/></div><div class="preview-image-title" data-reactid="270"></div><div class="preview-image-description" data-reactid="271">输入时的实时校验。</div><!-- react-empty: 272 --></div><div class="preview-image-box" style="width:50%;" data-reactid="273"><div class="preview-image-wrapper" data-reactid="274"><img class="preview-img inline" src="https://os.alipayobjects.com/rmsportal/KkcSBkbTJirIxCw.png" data-reactid="275"/></div><div class="preview-image-title" data-reactid="276"></div><div class="preview-image-description" data-reactid="277">输入框失去焦点后的校验。</div><!-- react-empty: 278 --></div></div><div class="preview-image-boxes clearfix" data-reactid="279"><div class="preview-image-box" data-reactid="280"><div class="preview-image-wrapper" data-reactid="281"><img class="preview-img" src="https://zos.alipayobjects.com/rmsportal/xTtVSREbASRMstTggVGD.png" data-reactid="282"/></div><div class="preview-image-title" data-reactid="283"></div><div class="preview-image-description" data-reactid="284">点击『提交』后，系统将处理结果直接在页面上进行反馈（统计错误数量和标记错误内容）。</div><!-- react-empty: 285 --></div></div><p data-reactid="286"><!-- react-text: 287 -->通过不同的『校验』规则和形式进行反馈，避免用户在点击提交后才刚刚开始『校验』，让用户提前纠正错误。<!-- /react-text --></p><h3 id="字数校验框" data-reactid="288"><span data-reactid="289"><!-- react-text: 290 -->字数校验框<!-- /react-text --></span><a href="#字数校验框" class="anchor" data-reactid="291">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="292"><div class="preview-image-box" data-reactid="293"><div class="preview-image-wrapper" data-reactid="294"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/JxzQIRfMCtMjuaH.png" alt="字数校验框示例" data-reactid="295"/></div><div class="preview-image-title" data-reactid="296">字数校验框示例</div><div class="preview-image-description" data-reactid="297"></div><!-- react-empty: 298 --></div></div><p data-reactid="299"><!-- react-text: 300 -->用于统计当前输入长度，以及是否超过系统阈值。<!-- /react-text --></p><h2 id="规格" data-reactid="301"><span data-reactid="302"><!-- react-text: 303 -->规格<!-- /react-text --></span><a href="#规格" class="anchor" data-reactid="304">#</a></h2><h3 id="间距" data-reactid="305"><span data-reactid="306"><!-- react-text: 307 -->间距<!-- /react-text --></span><a href="#间距" class="anchor" data-reactid="308">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="309"><div class="preview-image-box" data-reactid="310"><div class="preview-image-wrapper" data-reactid="311"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/dlTiHzZvCGRbMzL.png" alt="间隔示例" data-reactid="312"/></div><div class="preview-image-title" data-reactid="313">间隔示例</div><div class="preview-image-description" data-reactid="314"></div><!-- react-empty: 315 --></div></div><p data-reactid="316"><!-- react-text: 317 -->典型表单的间隔规范。<!-- /react-text --></p><h3 id="输入框宽度" data-reactid="318"><span data-reactid="319"><!-- react-text: 320 -->输入框宽度<!-- /react-text --></span><a href="#输入框宽度" class="anchor" data-reactid="321">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="322"><div class="preview-image-box" style="width:50%;" data-reactid="323"><div class="preview-image-wrapper good" data-reactid="324"><img class="preview-img good" src="https://os.alipayobjects.com/rmsportal/vypllNQZsEHRszB.png" alt="正确示例" data-reactid="325"/></div><div class="preview-image-title" data-reactid="326">正确示例</div><div class="preview-image-description" data-reactid="327"></div><!-- react-empty: 328 --></div><div class="preview-image-box" style="width:50%;" data-reactid="329"><div class="preview-image-wrapper bad" data-reactid="330"><img class="preview-img bad" src="https://os.alipayobjects.com/rmsportal/XSLwnrlLbKFjiNj.png" alt="错误示例" data-reactid="331"/></div><div class="preview-image-title" data-reactid="332">错误示例</div><div class="preview-image-description" data-reactid="333"></div><!-- react-empty: 334 --></div></div><p data-reactid="335"><!-- react-text: 336 -->当内容可预知，可以根据内容长短进行定义其落在多少个栅格上。<!-- /react-text --></p><p data-reactid="337"><br data-reactid="338"/></p><h3 id="对齐方式" data-reactid="339"><span data-reactid="340"><!-- react-text: 341 -->对齐方式<!-- /react-text --></span><a href="#对齐方式" class="anchor" data-reactid="342">#</a></h3><p data-reactid="343"><!-- react-text: 344 -->无论左对齐、右对齐还是顶部对齐，都有其优缺点和应用场景，所以正确的解决方案取决于具体目标和制约因素，诸如：希望用户加快或者降低填写速度（有时设计者希望用户深思熟虑每个输入）、屏幕显示的限制、本地化考虑等多种因素。<!-- /react-text --></p><p data-reactid="345"><br data-reactid="346"/></p><div class="preview-image-boxes clearfix" data-reactid="347"><div class="preview-image-box" data-reactid="348"><div class="preview-image-wrapper" data-reactid="349"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/UxGJfenYBKvkEEB.png" alt="右对齐（推荐）" data-reactid="350"/></div><div class="preview-image-title" data-reactid="351">右对齐（推荐）</div><div class="preview-image-description" data-reactid="352"></div><!-- react-empty: 353 --></div></div><p data-reactid="354"><!-- react-text: 355 -->右对齐（推荐）。<!-- /react-text --></p><ul data-reactid="356"><li data-reactid="357"><p data-reactid="358"><!-- react-text: 359 -->优点：节约垂直空间。<!-- /react-text --></p></li><li data-reactid="360"><p data-reactid="361"><!-- react-text: 362 -->缺点：降低可读性；标签长度和输入框弹性小。<!-- /react-text --></p></li><li data-reactid="363"><p data-reactid="364"><!-- react-text: 365 -->场景：既要减少垂直空间，又要加快填写速度。<!-- /react-text --></p></li></ul><p data-reactid="366"><br data-reactid="367"/></p><div class="preview-image-boxes clearfix" data-reactid="368"><div class="preview-image-box" data-reactid="369"><div class="preview-image-wrapper" data-reactid="370"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/AsyyNKormNdEMLi.png" alt="顶部对齐" data-reactid="371"/></div><div class="preview-image-title" data-reactid="372">顶部对齐</div><div class="preview-image-description" data-reactid="373"></div><!-- react-empty: 374 --></div></div><p data-reactid="375"><!-- react-text: 376 -->顶部对齐。<!-- /react-text --></p><ul data-reactid="377"><li data-reactid="378"><p data-reactid="379"><!-- react-text: 380 -->优点：有最快的浏览和处理速度；标签长度弹性大。<!-- /react-text --></p></li><li data-reactid="381"><p data-reactid="382"><!-- react-text: 383 -->缺点：非常占垂直空间。<!-- /react-text --></p></li><li data-reactid="384"><p data-reactid="385"><!-- react-text: 386 -->场景：希望用户快速填写表单，完成任务。<!-- /react-text --></p></li></ul><p data-reactid="387"><br data-reactid="388"/></p><div class="preview-image-boxes clearfix" data-reactid="389"><div class="preview-image-box" data-reactid="390"><div class="preview-image-wrapper" data-reactid="391"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/eqUyDExbRlAQoas.png" alt="左对齐" data-reactid="392"/></div><div class="preview-image-title" data-reactid="393">左对齐</div><div class="preview-image-description" data-reactid="394"></div><!-- react-empty: 395 --></div></div><p data-reactid="396"><!-- react-text: 397 -->左对齐。<!-- /react-text --></p><ul data-reactid="398"><li data-reactid="399"><p data-reactid="400"><!-- react-text: 401 -->优点：文字开头按阅读视线对齐，方便阅读；节约垂直空间。<!-- /react-text --></p></li><li data-reactid="402"><p data-reactid="403"><!-- react-text: 404 -->缺点：填写速度慢；标签长度和输入框弹性小。<!-- /react-text --></p></li><li data-reactid="405"><p data-reactid="406"><!-- react-text: 407 -->场景：希望用户放慢速度，仔细思考表单中的每个输入框。<!-- /react-text --></p></li></ul></section></article></div></div><div class="ant-row" data-reactid="408"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="409"><section class="prev-next-nav" data-reactid="410"><a class="prev-page" href="/docs/pattern/navigation" data-reactid="411">Navigation</a><a class="next-page" href="/docs/pattern/list" data-reactid="412">List</a></section></div></div></div><footer id="footer" data-reactid="413"><ul data-reactid="414"><li data-reactid="415"><h2 data-reactid="416"><i class="anticon anticon-github" data-reactid="417"></i><!-- react-text: 418 --> GitHub<!-- /react-text --></h2><div data-reactid="419"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="420"><span data-reactid="421">Repository</span></a></div><div data-reactid="422"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="423"><span data-reactid="424">Customize Theme</span></a></div><div data-reactid="425"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="426"><span data-reactid="427">Awesome Ant Design</span></a></div></li><li data-reactid="428"><h2 data-reactid="429"><i class="anticon anticon-link" data-reactid="430"></i><!-- react-text: 431 --> <!-- /react-text --><span data-reactid="432">Links</span></h2><div data-reactid="433"><a href="https://design.alipay.com/" data-reactid="434"><span data-reactid="435">Ant Financial Design Platform</span></a></div><div data-reactid="436"><a href="http://mobile.ant.design" data-reactid="437">Ant Design Mobile</a><span data-reactid="438"> - </span><span data-reactid="439">Mobile UI</span></div><div data-reactid="440"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="441">dva</a><!-- react-text: 442 --> - <!-- /react-text --><span data-reactid="443">Framework</span></div><div data-reactid="444"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="445">dva-cli</a><!-- react-text: 446 --> -<!-- /react-text --><span data-reactid="447">Developer Tools</span></div><div data-reactid="448"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="449">Egg</a><span data-reactid="450"> - </span><span data-reactid="451">Enterprise Node Framework</span></div><div data-reactid="452"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="453">AntV</a><span data-reactid="454"> - </span><span data-reactid="455">Data Visualization</span></div><div data-reactid="456"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="457">Ant Motion</a><span data-reactid="458"> - </span><span data-reactid="459">Motion Soluction</span></div><div data-reactid="460"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="461">AntD Library</a><span data-reactid="462"> - </span><span data-reactid="463">Axure library</span></div><div data-reactid="464"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="465">Ant UX</a><span data-reactid="466"> - </span><span data-reactid="467">Sitemap Template</span></div></li><li data-reactid="468"><h2 data-reactid="469"><i class="anticon anticon-customer-service" data-reactid="470"></i><!-- react-text: 471 --> <!-- /react-text --><span data-reactid="472">Community</span></h2><div data-reactid="473"><a href="/changelog" data-reactid="474"><span data-reactid="475">Change Log</span></a></div><div data-reactid="476"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="477"><span data-reactid="478">FAQ</span></a></div><div data-reactid="479"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="480"><span data-reactid="481">Chat Room (中文)</span></a></div><div data-reactid="482"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="483"><span data-reactid="484">Chat Room (English)</span></a></div><div data-reactid="485"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="486"><span data-reactid="487">Bug Report</span></a></div><div data-reactid="488"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="489"><span data-reactid="490">Issues</span></a></div><div data-reactid="491"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="492"><span data-reactid="493">StackOverflow</span></a></div><div data-reactid="494"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="495"><span data-reactid="496">SegmentFault</span></a></div></li><li data-reactid="497"><h2 data-reactid="498"><!-- react-text: 499 -->Copyright © <!-- /react-text --><!-- react-text: 500 -->2017<!-- /react-text --></h2><div data-reactid="501"><span data-reactid="502">Created by AIUX</span></div><div data-reactid="503"><!-- react-text: 504 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="505">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/pattern/navigation" data-reactid="52">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="53"><a href="/docs/pattern/form" data-reactid="54">Form</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/pattern/list" data-reactid="56">List</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/pattern/table" data-reactid="58">Table</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/pattern/complex-table" data-reactid="60">Complex Table</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/pattern/advanced-search" data-reactid="62">Advanced Search</a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="63"><article class="markdown" data-reactid="64"><h1 data-reactid="65"><!-- react-text: 66 -->Form<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/pattern/form.md" data-reactid="67"><i class="anticon anticon-edit" data-reactid="68"></i></a></h1><section class="markdown" data-reactid="69"><p data-reactid="70"><!-- react-text: 71 -->作为获取用户输入的重要交互方式，表单也承担将问题和答案进行配对的角色。<!-- /react-text --></p><p data-reactid="72"><!-- react-text: 73 -->设计者进行表单设计时，应当注意这几点：<!-- /react-text --></p><ol data-reactid="74"><li data-reactid="75"><p data-reactid="76"><!-- react-text: 77 -->确保用户了解要提供什么信息，以及为什么要提供这些信息。<!-- /react-text --></p><p data-reactid="78"><!-- react-text: 79 -->为初级用户／偶尔访问的用户提供白话作为『标签』；为领域专家提供专业术语作为『标签』。当需要用户提供敏感信息时，通过『输入提示』来说明系统为什么要这么做，eg：需要获取身份证号码、手机号码时。<!-- /react-text --></p></li><li data-reactid="80"><p data-reactid="81"><!-- react-text: 82 -->让用户能在上下文中获取信息，帮助他完成输入。<!-- /react-text --></p><p data-reactid="83"><!-- react-text: 84 -->使用『良好的默认值』、『结构化的格式』、『输入提示』、『输入提醒』等方式，避免让用户在空白中完成输入。<!-- /react-text --></p></li><li data-reactid="85"><p data-reactid="86"><!-- react-text: 87 -->对错误敏感，并尽可能宽容。<!-- /react-text --></p><p data-reactid="88"><!-- react-text: 89 -->通过不同的『校验』规则和形式进行反馈，避免用户在点击提交后才刚刚开始『校验』，让用户提前纠正错误；依据『容错格式』，允许用户以多种格式和语法输入，eg：用户在电话号码输入框中多输入了一个空格，系统存储时可以主动删掉空格，但是不需要告诉用户这是一个错误。<!-- /react-text --></p></li><li data-reactid="90"><p data-reactid="91"><!-- react-text: 92 -->不要提出不必要的问题。<!-- /react-text --></p></li></ol></section><section class="toc" data-reactid="93"><ul data-reactid="94"><li data-reactid="95"><a class="bisheng-toc-h2" href="#内容" title="内容" data-reactid="96"><!-- react-text: 97 -->内容<!-- /react-text --></a></li><li data-reactid="98"><a class="bisheng-toc-h2" href="#交互" title="交互" data-reactid="99"><!-- react-text: 100 -->交互<!-- /react-text --></a></li><li data-reactid="101"><a class="bisheng-toc-h2" href="#规格" title="规格" data-reactid="102"><!-- react-text: 103 -->规格<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="104"><h2 id="内容" data-reactid="105"><span data-reactid="106"><!-- react-text: 107 -->内容<!-- /react-text --></span><a href="#内容" class="anchor" data-reactid="108">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="109"><div class="preview-image-box" data-reactid="110"><div class="preview-image-wrapper" data-reactid="111"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/mLkQbODgVsdGUTe.png" alt="结构示例" data-reactid="112"/></div><div class="preview-image-title" data-reactid="113">结构示例</div><div class="preview-image-description" data-reactid="114"></div><!-- react-empty: 115 --></div></div><p data-reactid="116"><!-- react-text: 117 -->通常表单会有四个部分组成。<!-- /react-text --></p><ol data-reactid="118"><li data-reactid="119"><p data-reactid="120"><!-- react-text: 121 -->标签<!-- /react-text --></p></li><li data-reactid="122"><p data-reactid="123"><!-- react-text: 124 -->输入框<!-- /react-text --></p></li><li data-reactid="125"><p data-reactid="126"><!-- react-text: 127 -->校验反馈<!-- /react-text --></p></li><li data-reactid="128"><p data-reactid="129"><!-- react-text: 130 -->动作<!-- /react-text --></p></li></ol><blockquote data-reactid="131"><p data-reactid="132"><!-- react-text: 133 -->注：<!-- /react-text --><code data-reactid="134"><!-- react-text: 135 -->*<!-- /react-text --></code><!-- react-text: 136 --> 表明该项为必填项。<!-- /react-text --></p></blockquote><h2 id="交互" data-reactid="137"><span data-reactid="138"><!-- react-text: 139 -->交互<!-- /react-text --></span><a href="#交互" class="anchor" data-reactid="140">#</a></h2><h3 id="填空" data-reactid="141"><span data-reactid="142"><!-- react-text: 143 -->填空<!-- /react-text --></span><a href="#填空" class="anchor" data-reactid="144">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="145"><div class="preview-image-box" data-reactid="146"><div class="preview-image-wrapper" data-reactid="147"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/SdzCTaevNMvJFBR.png" alt="填空示例" data-reactid="148"/></div><div class="preview-image-title" data-reactid="149">填空示例</div><div class="preview-image-description" data-reactid="150"></div><!-- react-empty: 151 --></div></div><p data-reactid="152"><!-- react-text: 153 -->在一种描述性的上下文中出现输入项，可以帮助用户理解当前的状况，以及需要提供什么数据。<!-- /react-text --></p><h3 id="组合输入框" data-reactid="154"><span data-reactid="155"><!-- react-text: 156 -->组合输入框<!-- /react-text --></span><a href="#组合输入框" class="anchor" data-reactid="157">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="158"><div class="preview-image-box" data-reactid="159"><div class="preview-image-wrapper" data-reactid="160"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/waStvhMnuoqqsCE.png" alt="组合输入框示例" data-reactid="161"/></div><div class="preview-image-title" data-reactid="162">组合输入框示例</div><div class="preview-image-description" data-reactid="163"></div><!-- react-empty: 164 --></div></div><p data-reactid="165"><!-- react-text: 166 -->当两个输入框关联性很强时，可以前后拼接，减少页面空间。<!-- /react-text --></p><h3 id="对齐方式" data-reactid="167"><span data-reactid="168"><!-- react-text: 169 -->对齐方式<!-- /react-text --></span><a href="#对齐方式" class="anchor" data-reactid="170">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="171"><div class="preview-image-box" data-reactid="172"><div class="preview-image-wrapper" data-reactid="173"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/cjHTEtXFxUSdHnE.png" alt="对齐方式示例" data-reactid="174"/></div><div class="preview-image-title" data-reactid="175">对齐方式示例</div><div class="preview-image-description" data-reactid="176"></div><!-- react-empty: 177 --></div></div><p data-reactid="178"><!-- react-text: 179 -->在页面设计表单时，按钮组必须和输入框左对齐。<!-- /react-text --></p><h3 id="禁用主按钮" data-reactid="180"><span data-reactid="181"><!-- react-text: 182 -->禁用主按钮<!-- /react-text --></span><a href="#禁用主按钮" class="anchor" data-reactid="183">#</a></h3><p data-reactid="184"><!-- react-text: 185 -->当输入框非常少时（一般少于 3 个），如果用户没有在必填项中输入内容，可禁用『提交』等主按钮；当输入框非常多时（超过 5 项以上），不建议禁用主按钮。<!-- /react-text --></p><p data-reactid="186"><br data-reactid="187"/></p><div class="preview-image-boxes clearfix" data-reactid="188"><div class="preview-image-box" data-reactid="189"><div class="preview-image-wrapper" data-reactid="190"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/VabHKlbouFxSQXz.png" alt="未达字符标准时，主按钮禁用状态" data-reactid="191"/></div><div class="preview-image-title" data-reactid="192">未达字符标准时，主按钮禁用状态</div><div class="preview-image-description" data-reactid="193"></div><!-- react-empty: 194 --></div></div><div class="preview-image-boxes clearfix" data-reactid="195"><div class="preview-image-box" data-reactid="196"><div class="preview-image-wrapper" data-reactid="197"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/usdFxJmWDawqUuq.png" alt="达到字符标准时，主按钮可用状态" data-reactid="198"/></div><div class="preview-image-title" data-reactid="199">达到字符标准时，主按钮可用状态</div><div class="preview-image-description" data-reactid="200"></div><!-- react-empty: 201 --></div></div><p data-reactid="202"><!-- react-text: 203 -->当输入框非常少时，用户一输入就会有反馈，因而主按钮的禁用规则非常清晰，容易被用户理解。<!-- /react-text --></p><p data-reactid="204"><br data-reactid="205"/></p><div class="preview-image-boxes clearfix" data-reactid="206"><div class="preview-image-box" data-reactid="207"><div class="preview-image-wrapper" data-reactid="208"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/GwZhvOuXmwqUIUW.png" alt="不禁用示例" data-reactid="209"/></div><div class="preview-image-title" data-reactid="210">不禁用示例</div><div class="preview-image-description" data-reactid="211"></div><!-- react-empty: 212 --></div></div><p data-reactid="213"><!-- react-text: 214 -->当输入框非常多时（尤其是输入项中交叉了必填项和非必填项），整个反馈链路冗长又复杂，禁用规则难以被识别，容易引起困惑。<!-- /react-text --></p><h3 id="结构化的格式" data-reactid="215"><span data-reactid="216"><!-- react-text: 217 -->结构化的格式<!-- /react-text --></span><a href="#结构化的格式" class="anchor" data-reactid="218">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="219"><div class="preview-image-box" data-reactid="220"><div class="preview-image-wrapper" data-reactid="221"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/SQgGfreRAqPZPsm.png" alt="结构化的格式示例" data-reactid="222"/></div><div class="preview-image-title" data-reactid="223">结构化的格式示例</div><div class="preview-image-description" data-reactid="224"></div><!-- react-empty: 225 --></div></div><p data-reactid="226"><!-- react-text: 227 -->用户对输入的内容很熟悉，且系统不希望接受任何偏离期望的格式。<!-- /react-text --></p><h3 id="输入提示-&amp;-输入提醒" data-reactid="228"><span data-reactid="229"><!-- react-text: 230 -->输入提示 &amp; 输入提醒<!-- /react-text --></span><a href="#输入提示-&amp;-输入提醒" class="anchor" data-reactid="231">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="232"><div class="preview-image-box" style="width:50%;" data-reactid="233"><div class="preview-image-wrapper" data-reactid="234"><img class="preview-img inline" src="https://os.alipayobjects.com/rmsportal/cTlmdEprGSzMZfs.png" alt="输入提示示例" data-reactid="235"/></div><div class="preview-image-title" data-reactid="236">输入提示示例</div><div class="preview-image-description" data-reactid="237">在输入框激活后，输入提示一直出现至该输入框失去焦点。</div><!-- react-empty: 238 --></div><div class="preview-image-box" style="width:50%;" data-reactid="239"><div class="preview-image-wrapper" data-reactid="240"><img class="preview-img inline" src="https://os.alipayobjects.com/rmsportal/QPhvLWfMbLTvjRw.png" alt="输入提醒示例" data-reactid="241"/></div><div class="preview-image-title" data-reactid="242">输入提醒示例</div><div class="preview-image-description" data-reactid="243">在输入框激活后，输入提醒不要马上消失，等用户完成第一个词输入后再消失。</div><!-- react-empty: 244 --></div></div><p data-reactid="245"><!-- react-text: 246 -->输入提示：不希望在标签上放置太多文字进行解释，同时只有标签又会引起误解。<!-- /react-text --></p><p data-reactid="247"><!-- react-text: 248 -->输入提醒：提醒用户该控件的目的或所需格式，由于在用户输入后提醒就会消失，所以适用在用户对内容比较熟悉时。<!-- /react-text --></p><h3 id="密码加强计" data-reactid="249"><span data-reactid="250"><!-- react-text: 251 -->密码加强计<!-- /react-text --></span><a href="#密码加强计" class="anchor" data-reactid="252">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="253"><div class="preview-image-box" data-reactid="254"><div class="preview-image-wrapper" data-reactid="255"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/wKpOgeyyoOUeCrk.png" alt="密码强度示例" data-reactid="256"/></div><div class="preview-image-title" data-reactid="257">密码强度示例</div><div class="preview-image-description" data-reactid="258"></div><!-- react-empty: 259 --></div></div><p data-reactid="260"><!-- react-text: 261 -->提供关于密码强度和有效性的及时反馈，适用在注册页面时的密码输入框。<!-- /react-text --></p><h3 id="校验" data-reactid="262"><span data-reactid="263"><!-- react-text: 264 -->校验<!-- /react-text --></span><a href="#校验" class="anchor" data-reactid="265">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="266"><div class="preview-image-box" style="width:50%;" data-reactid="267"><div class="preview-image-wrapper" data-reactid="268"><img class="preview-img inline" src="https://os.alipayobjects.com/rmsportal/urCdIJFuNYCenqH.png" data-reactid="269"/></div><div class="preview-image-title" data-reactid="270"></div><div class="preview-image-description" data-reactid="271">输入时的实时校验。</div><!-- react-empty: 272 --></div><div class="preview-image-box" style="width:50%;" data-reactid="273"><div class="preview-image-wrapper" data-reactid="274"><img class="preview-img inline" src="https://os.alipayobjects.com/rmsportal/KkcSBkbTJirIxCw.png" data-reactid="275"/></div><div class="preview-image-title" data-reactid="276"></div><div class="preview-image-description" data-reactid="277">输入框失去焦点后的校验。</div><!-- react-empty: 278 --></div></div><div class="preview-image-boxes clearfix" data-reactid="279"><div class="preview-image-box" data-reactid="280"><div class="preview-image-wrapper" data-reactid="281"><img class="preview-img" src="https://zos.alipayobjects.com/rmsportal/xTtVSREbASRMstTggVGD.png" data-reactid="282"/></div><div class="preview-image-title" data-reactid="283"></div><div class="preview-image-description" data-reactid="284">点击『提交』后，系统将处理结果直接在页面上进行反馈（统计错误数量和标记错误内容）。</div><!-- react-empty: 285 --></div></div><p data-reactid="286"><!-- react-text: 287 -->通过不同的『校验』规则和形式进行反馈，避免用户在点击提交后才刚刚开始『校验』，让用户提前纠正错误。<!-- /react-text --></p><h3 id="字数校验框" data-reactid="288"><span data-reactid="289"><!-- react-text: 290 -->字数校验框<!-- /react-text --></span><a href="#字数校验框" class="anchor" data-reactid="291">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="292"><div class="preview-image-box" data-reactid="293"><div class="preview-image-wrapper" data-reactid="294"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/JxzQIRfMCtMjuaH.png" alt="字数校验框示例" data-reactid="295"/></div><div class="preview-image-title" data-reactid="296">字数校验框示例</div><div class="preview-image-description" data-reactid="297"></div><!-- react-empty: 298 --></div></div><p data-reactid="299"><!-- react-text: 300 -->用于统计当前输入长度，以及是否超过系统阈值。<!-- /react-text --></p><h2 id="规格" data-reactid="301"><span data-reactid="302"><!-- react-text: 303 -->规格<!-- /react-text --></span><a href="#规格" class="anchor" data-reactid="304">#</a></h2><h3 id="间距" data-reactid="305"><span data-reactid="306"><!-- react-text: 307 -->间距<!-- /react-text --></span><a href="#间距" class="anchor" data-reactid="308">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="309"><div class="preview-image-box" data-reactid="310"><div class="preview-image-wrapper" data-reactid="311"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/dlTiHzZvCGRbMzL.png" alt="间隔示例" data-reactid="312"/></div><div class="preview-image-title" data-reactid="313">间隔示例</div><div class="preview-image-description" data-reactid="314"></div><!-- react-empty: 315 --></div></div><p data-reactid="316"><!-- react-text: 317 -->典型表单的间隔规范。<!-- /react-text --></p><h3 id="输入框宽度" data-reactid="318"><span data-reactid="319"><!-- react-text: 320 -->输入框宽度<!-- /react-text --></span><a href="#输入框宽度" class="anchor" data-reactid="321">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="322"><div class="preview-image-box" style="width:50%;" data-reactid="323"><div class="preview-image-wrapper good" data-reactid="324"><img class="preview-img good" src="https://os.alipayobjects.com/rmsportal/vypllNQZsEHRszB.png" alt="正确示例" data-reactid="325"/></div><div class="preview-image-title" data-reactid="326">正确示例</div><div class="preview-image-description" data-reactid="327"></div><!-- react-empty: 328 --></div><div class="preview-image-box" style="width:50%;" data-reactid="329"><div class="preview-image-wrapper bad" data-reactid="330"><img class="preview-img bad" src="https://os.alipayobjects.com/rmsportal/XSLwnrlLbKFjiNj.png" alt="错误示例" data-reactid="331"/></div><div class="preview-image-title" data-reactid="332">错误示例</div><div class="preview-image-description" data-reactid="333"></div><!-- react-empty: 334 --></div></div><p data-reactid="335"><!-- react-text: 336 -->当内容可预知，可以根据内容长短进行定义其落在多少个栅格上。<!-- /react-text --></p><p data-reactid="337"><br data-reactid="338"/></p><h3 id="对齐方式" data-reactid="339"><span data-reactid="340"><!-- react-text: 341 -->对齐方式<!-- /react-text --></span><a href="#对齐方式" class="anchor" data-reactid="342">#</a></h3><p data-reactid="343"><!-- react-text: 344 -->无论左对齐、右对齐还是顶部对齐，都有其优缺点和应用场景，所以正确的解决方案取决于具体目标和制约因素，诸如：希望用户加快或者降低填写速度（有时设计者希望用户深思熟虑每个输入）、屏幕显示的限制、本地化考虑等多种因素。<!-- /react-text --></p><p data-reactid="345"><br data-reactid="346"/></p><div class="preview-image-boxes clearfix" data-reactid="347"><div class="preview-image-box" data-reactid="348"><div class="preview-image-wrapper" data-reactid="349"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/UxGJfenYBKvkEEB.png" alt="右对齐（推荐）" data-reactid="350"/></div><div class="preview-image-title" data-reactid="351">右对齐（推荐）</div><div class="preview-image-description" data-reactid="352"></div><!-- react-empty: 353 --></div></div><p data-reactid="354"><!-- react-text: 355 -->右对齐（推荐）。<!-- /react-text --></p><ul data-reactid="356"><li data-reactid="357"><p data-reactid="358"><!-- react-text: 359 -->优点：节约垂直空间。<!-- /react-text --></p></li><li data-reactid="360"><p data-reactid="361"><!-- react-text: 362 -->缺点：降低可读性；标签长度和输入框弹性小。<!-- /react-text --></p></li><li data-reactid="363"><p data-reactid="364"><!-- react-text: 365 -->场景：既要减少垂直空间，又要加快填写速度。<!-- /react-text --></p></li></ul><p data-reactid="366"><br data-reactid="367"/></p><div class="preview-image-boxes clearfix" data-reactid="368"><div class="preview-image-box" data-reactid="369"><div class="preview-image-wrapper" data-reactid="370"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/AsyyNKormNdEMLi.png" alt="顶部对齐" data-reactid="371"/></div><div class="preview-image-title" data-reactid="372">顶部对齐</div><div class="preview-image-description" data-reactid="373"></div><!-- react-empty: 374 --></div></div><p data-reactid="375"><!-- react-text: 376 -->顶部对齐。<!-- /react-text --></p><ul data-reactid="377"><li data-reactid="378"><p data-reactid="379"><!-- react-text: 380 -->优点：有最快的浏览和处理速度；标签长度弹性大。<!-- /react-text --></p></li><li data-reactid="381"><p data-reactid="382"><!-- react-text: 383 -->缺点：非常占垂直空间。<!-- /react-text --></p></li><li data-reactid="384"><p data-reactid="385"><!-- react-text: 386 -->场景：希望用户快速填写表单，完成任务。<!-- /react-text --></p></li></ul><p data-reactid="387"><br data-reactid="388"/></p><div class="preview-image-boxes clearfix" data-reactid="389"><div class="preview-image-box" data-reactid="390"><div class="preview-image-wrapper" data-reactid="391"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/eqUyDExbRlAQoas.png" alt="左对齐" data-reactid="392"/></div><div class="preview-image-title" data-reactid="393">左对齐</div><div class="preview-image-description" data-reactid="394"></div><!-- react-empty: 395 --></div></div><p data-reactid="396"><!-- react-text: 397 -->左对齐。<!-- /react-text --></p><ul data-reactid="398"><li data-reactid="399"><p data-reactid="400"><!-- react-text: 401 -->优点：文字开头按阅读视线对齐，方便阅读；节约垂直空间。<!-- /react-text --></p></li><li data-reactid="402"><p data-reactid="403"><!-- react-text: 404 -->缺点：填写速度慢；标签长度和输入框弹性小。<!-- /react-text --></p></li><li data-reactid="405"><p data-reactid="406"><!-- react-text: 407 -->场景：希望用户放慢速度，仔细思考表单中的每个输入框。<!-- /react-text --></p></li></ul></section></article></div></div><div class="ant-row" data-reactid="408"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="409"><section class="prev-next-nav" data-reactid="410"><a class="prev-page" href="/docs/pattern/navigation" data-reactid="411">Navigation</a><a class="next-page" href="/docs/pattern/list" data-reactid="412">List</a></section></div></div></div><footer id="footer" data-reactid="413"><ul data-reactid="414"><li data-reactid="415"><h2 data-reactid="416"><i class="anticon anticon-github" data-reactid="417"></i><!-- react-text: 418 --> GitHub<!-- /react-text --></h2><div data-reactid="419"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="420"><span data-reactid="421">Repository</span></a></div><div data-reactid="422"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="423"><span data-reactid="424">Customize Theme</span></a></div><div data-reactid="425"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="426"><span data-reactid="427">Awesome Ant Design</span></a></div></li><li data-reactid="428"><h2 data-reactid="429"><i class="anticon anticon-link" data-reactid="430"></i><!-- react-text: 431 --> <!-- /react-text --><span data-reactid="432">Links</span></h2><div data-reactid="433"><a href="https://design.alipay.com/" data-reactid="434"><span data-reactid="435">Ant Financial Design Platform</span></a></div><div data-reactid="436"><a href="http://mobile.ant.design" data-reactid="437">Ant Design Mobile</a><span data-reactid="438"> - </span><span data-reactid="439">Mobile UI</span></div><div data-reactid="440"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="441">dva</a><!-- react-text: 442 --> - <!-- /react-text --><span data-reactid="443">Framework</span></div><div data-reactid="444"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="445">dva-cli</a><!-- react-text: 446 --> -<!-- /react-text --><span data-reactid="447">Developer Tools</span></div><div data-reactid="448"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="449">Egg</a><span data-reactid="450"> - </span><span data-reactid="451">Enterprise Node Framework</span></div><div data-reactid="452"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="453">AntV</a><span data-reactid="454"> - </span><span data-reactid="455">Data Visualization</span></div><div data-reactid="456"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="457">Ant Motion</a><span data-reactid="458"> - </span><span data-reactid="459">Motion Soluction</span></div><div data-reactid="460"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="461">AntD Library</a><span data-reactid="462"> - </span><span data-reactid="463">Axure library</span></div><div data-reactid="464"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="465">Ant UX</a><span data-reactid="466"> - </span><span data-reactid="467">Sitemap Template</span></div></li><li data-reactid="468"><h2 data-reactid="469"><i class="anticon anticon-customer-service" data-reactid="470"></i><!-- react-text: 471 --> <!-- /react-text --><span data-reactid="472">Community</span></h2><div data-reactid="473"><a href="/changelog" data-reactid="474"><span data-reactid="475">Change Log</span></a></div><div data-reactid="476"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="477"><span data-reactid="478">FAQ</span></a></div><div data-reactid="479"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="480"><span data-reactid="481">Chat Room (中文)</span></a></div><div data-reactid="482"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="483"><span data-reactid="484">Chat Room (English)</span></a></div><div data-reactid="485"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="486"><span data-reactid="487">Bug Report</span></a></div><div data-reactid="488"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="489"><span data-reactid="490">Issues</span></a></div><div data-reactid="491"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="492"><span data-reactid="493">StackOverflow</span></a></div><div data-reactid="494"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="495"><span data-reactid="496">SegmentFault</span></a></div></li><li data-reactid="497"><h2 data-reactid="498"><!-- react-text: 499 -->Copyright © <!-- /react-text --><!-- react-text: 500 -->2017<!-- /react-text --></h2><div data-reactid="501"><span data-reactid="502">Created by AIUX</span></div><div data-reactid="503"><!-- react-text: 504 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="505">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/pattern/list-cn.html b/docs/pattern/list-cn.html
index 4594ac856..d2f4ae732 100644
--- a/docs/pattern/list-cn.html
+++ b/docs/pattern/list-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1101684330"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-554279316"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/pattern/navigation-cn" data-reactid="52">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/pattern/form-cn" data-reactid="54">表单</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="55"><a href="/docs/pattern/list-cn" data-reactid="56">列表</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/pattern/table-cn" data-reactid="58">表格</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/pattern/complex-table-cn" data-reactid="60">表格：复杂数据</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/pattern/advanced-search-cn" data-reactid="62">高级搜索</a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="63"><article class="markdown" data-reactid="64"><h1 data-reactid="65"><!-- react-text: 66 -->列表<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/pattern/list.md" data-reactid="67"><i class="anticon anticon-edit" data-reactid="68"></i></a></h1><section class="markdown" data-reactid="69"><p data-reactid="70"><!-- react-text: 71 -->列表是非常常见的界面元素，有多种使用场景：<!-- /react-text --></p><ul data-reactid="72"><li data-reactid="73"><p data-reactid="74"><!-- react-text: 75 -->获取概览<!-- /react-text --></p></li><li data-reactid="76"><p data-reactid="77"><!-- react-text: 78 -->逐项浏览<!-- /react-text --></p></li><li data-reactid="79"><p data-reactid="80"><!-- react-text: 81 -->查找特定列表项<!-- /react-text --></p></li><li data-reactid="82"><p data-reactid="83"><!-- react-text: 84 -->排序与过滤<!-- /react-text --></p></li><li data-reactid="85"><p data-reactid="86"><!-- react-text: 87 -->重新安排、添加、删除或重新分类列表项<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="88"><ul data-reactid="89"><li data-reactid="90"><a class="bisheng-toc-h2" href="#交互" title="交互" data-reactid="91"><!-- react-text: 92 -->交互<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="93"><h2 id="交互" data-reactid="94"><span data-reactid="95"><!-- react-text: 96 -->交互<!-- /react-text --></span><a href="#交互" class="anchor" data-reactid="97">#</a></h2><h3 id="显示详情信息" data-reactid="98"><span data-reactid="99"><!-- react-text: 100 -->显示详情信息<!-- /react-text --></span><a href="#显示详情信息" class="anchor" data-reactid="101">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="102"><div class="preview-image-box" data-reactid="103"><div class="preview-image-wrapper" data-reactid="104"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/GmpRYixxnePBPPW.png" alt="气泡显示示例" data-reactid="105"/></div><div class="preview-image-title" data-reactid="106">气泡显示示例</div><div class="preview-image-description" data-reactid="107">使用『点击』触发时，应当保证激活／禁用的对称性，即在哪里打开，就在哪里关闭；另外。也支持用户点击空白区域关闭。使用『悬停』触发时，移入时设计约 0.5 秒的延时，然后激活详情气泡；移出时，立即关闭详情气泡。</div><!-- react-empty: 108 --></div></div><p data-reactid="109"><!-- react-text: 110 -->气泡显示：用户鼠标点击／悬停某个链接或内容时，在悬浮层上显示该条列表项少量的详情信息。<!-- /react-text --></p><p data-reactid="111"><br data-reactid="112"/></p><div class="preview-image-boxes clearfix" data-reactid="113"><div class="preview-image-box" data-reactid="114"><div class="preview-image-wrapper" data-reactid="115"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/WIoplWDRZspuuhD.png" alt="列表嵌入示例1" data-reactid="116"/></div><div class="preview-image-title" data-reactid="117">列表嵌入示例1</div><div class="preview-image-description" data-reactid="118"></div><!-- react-empty: 119 --></div></div><div class="preview-image-boxes clearfix" data-reactid="120"><div class="preview-image-box" data-reactid="121"><div class="preview-image-wrapper" data-reactid="122"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/tNAnTEaZtswRknD.png" alt="列表嵌入示例2" data-reactid="123"/></div><div class="preview-image-title" data-reactid="124">列表嵌入示例2</div><div class="preview-image-description" data-reactid="125"></div><!-- react-empty: 126 --></div></div><div class="preview-image-boxes clearfix" data-reactid="127"><div class="preview-image-box" data-reactid="128"><div class="preview-image-wrapper" data-reactid="129"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/MXXjEoLdnBxqcne.png" alt="列表嵌入示例3" data-reactid="130"/></div><div class="preview-image-title" data-reactid="131">列表嵌入示例3</div><div class="preview-image-description" data-reactid="132"></div><!-- react-empty: 133 --></div></div><p data-reactid="134"><!-- react-text: 135 -->列表嵌入：用户可以不用打开新页面或者打开弹框，只要通过点击，就可以直接在上下文中查看该列表项的详情信息。<!-- /react-text --></p><p data-reactid="136"><br data-reactid="137"/></p><div class="preview-image-boxes clearfix" data-reactid="138"><div class="preview-image-box" data-reactid="139"><div class="preview-image-wrapper" data-reactid="140"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/HeqNyjscGEHyHmt.png" alt="弹出层显示示例" data-reactid="141"/></div><div class="preview-image-title" data-reactid="142">弹出层显示示例</div><div class="preview-image-description" data-reactid="143"></div><!-- react-empty: 144 --></div></div><p data-reactid="145"><!-- react-text: 146 -->弹出层显示：用户通过点击，在弹出框中查看该列表项的详情信息，但是当前列表项的上下文关系会被打断。<!-- /react-text --></p><p data-reactid="147"><br data-reactid="148"/></p><div class="preview-image-boxes clearfix" data-reactid="149"><div class="preview-image-box" data-reactid="150"><div class="preview-image-wrapper" data-reactid="151"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/JXWVQXvlPSDlvyk.png" alt="双面板选择器示例" data-reactid="152"/></div><div class="preview-image-title" data-reactid="153">双面板选择器示例</div><div class="preview-image-description" data-reactid="154"></div><!-- react-empty: 155 --></div></div><p data-reactid="156"><!-- react-text: 157 -->双面板选择器：用户通过点击，在列表的一侧（一般为右侧）查看该列表项大量的详情信息。<!-- /react-text --></p><p data-reactid="158"><br data-reactid="159"/></p><div class="preview-image-boxes clearfix" data-reactid="160"><div class="preview-image-box" data-reactid="161"><div class="preview-image-wrapper" data-reactid="162"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/YTdIMZLeobNrjmU.png" alt="单窗口深入示例（窗口未弹出）" data-reactid="163"/></div><div class="preview-image-title" data-reactid="164">单窗口深入示例（窗口未弹出）</div><div class="preview-image-description" data-reactid="165"></div><!-- react-empty: 166 --></div></div><div class="preview-image-boxes clearfix" data-reactid="167"><div class="preview-image-box" data-reactid="168"><div class="preview-image-wrapper" data-reactid="169"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/uAeEOeoCAeTHgsQ.png" alt="单窗口深入示例（窗口弹出）" data-reactid="170"/></div><div class="preview-image-title" data-reactid="171">单窗口深入示例（窗口弹出）</div><div class="preview-image-description" data-reactid="172">用户通过点击，该列表项的详情信息会替换列表所在的显示区域；用户通过『面包屑』、按钮或者浏览器自带返回按钮，从详情返回列表。</div><!-- react-empty: 173 --></div></div><p data-reactid="174"><!-- react-text: 175 -->单窗口深入：用户通过点击，在当前页查看大量的详情信息。此模式打破了整个列表项的上下文关系，适用在详情信息之间完全无关，或者屏幕空间实在狭小（eg：移动应用），又或者列表和内容可能非常多的应用场景中。<!-- /react-text --></p><h3 id="显示更多文本" data-reactid="176"><span data-reactid="177"><!-- react-text: 178 -->显示更多文本<!-- /react-text --></span><a href="#显示更多文本" class="anchor" data-reactid="179">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="180"><div class="preview-image-box" data-reactid="181"><div class="preview-image-wrapper" data-reactid="182"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/wWcixIvqaFXfTHd.png" alt="宽行示例" data-reactid="183"/></div><div class="preview-image-title" data-reactid="184">宽行示例</div><div class="preview-image-description" data-reactid="185"></div><!-- react-empty: 186 --></div></div><p data-reactid="187"><!-- react-text: 188 -->宽行：使某些列表项可以扩展为多行文本行来显示足够的文本内容。<!-- /react-text --></p><p data-reactid="189"><br data-reactid="190"/></p><div class="preview-image-boxes clearfix" data-reactid="191"><div class="preview-image-box" data-reactid="192"><div class="preview-image-wrapper" data-reactid="193"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/VDhwGyyblTSJpeV.png" alt="对等网格示例" data-reactid="194"/></div><div class="preview-image-title" data-reactid="195">对等网格示例</div><div class="preview-image-description" data-reactid="196"></div><!-- react-empty: 197 --></div></div><p data-reactid="198"><!-- react-text: 199 -->对等网格：以网格或者矩阵的方式排列内容元素，其中每个元素都有相仿的视觉重量。<!-- /react-text --></p><h3 id="显示图片" data-reactid="200"><span data-reactid="201"><!-- react-text: 202 -->显示图片<!-- /react-text --></span><a href="#显示图片" class="anchor" data-reactid="203">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="204"><div class="preview-image-box" data-reactid="205"><div class="preview-image-wrapper" data-reactid="206"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/hKtAKuDfyfDpPrL.png" alt="走马灯示例" data-reactid="207"/></div><div class="preview-image-title" data-reactid="208">走马灯示例</div><div class="preview-image-description" data-reactid="209"></div><!-- react-empty: 210 --></div></div><p data-reactid="211"><!-- react-text: 212 -->走马灯：以一维的形式来显示图片，可用户主动触发或者系统自动播放。<!-- /react-text --></p><p data-reactid="213"><br data-reactid="214"/></p><div class="preview-image-boxes clearfix" data-reactid="215"><div class="preview-image-box" data-reactid="216"><div class="preview-image-wrapper" data-reactid="217"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/LAnBHEYiqWSfQAS.png" alt="缩略图网格示例" data-reactid="218"/></div><div class="preview-image-title" data-reactid="219">缩略图网格示例</div><div class="preview-image-description" data-reactid="220"></div><!-- react-empty: 221 --></div></div><p data-reactid="222"><!-- react-text: 223 -->缩略图网格：以二维的形式来展现图片/Icon，具有强烈的视觉效果，可以吸引用户注意。<!-- /react-text --></p><h3 id="显示长列表" data-reactid="224"><span data-reactid="225"><!-- react-text: 226 -->显示长列表<!-- /react-text --></span><a href="#显示长列表" class="anchor" data-reactid="227">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="228"><div class="preview-image-box" data-reactid="229"><div class="preview-image-wrapper" data-reactid="230"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/aZwrmpnaIEoxiXJ.png" data-reactid="231"/></div><div class="preview-image-title" data-reactid="232"></div><div class="preview-image-description" data-reactid="233">当系统性能是一个主要考虑因素时，适合使用分页器。</div><!-- react-empty: 234 --></div></div><p data-reactid="235"><!-- react-text: 236 -->分页器：以分段的形式加载列表，将是否需要加载其他项的选择权交给用户。<!-- /react-text --></p><p data-reactid="237"><br data-reactid="238"/></p><div class="preview-image-boxes clearfix" data-reactid="239"><div class="preview-image-box" data-reactid="240"><div class="preview-image-wrapper" data-reactid="241"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/afDpGUyoyQZFgks.png" data-reactid="242"/></div><div class="preview-image-title" data-reactid="243"></div><div class="preview-image-description" data-reactid="244">当需要对数据进行频繁操作时，分页器会导致操作变的笨拙，尤其是出现一些跨页选择时，所以适合用无限加载；当倾向显示用户的个人所有的数据时（例如：个人订单），或者数据不是临时性的，适合使用无限加载。</div><!-- react-empty: 245 --></div></div><p data-reactid="246"><!-- react-text: 247 -->无限加载：当用户加载到第一段内容的最下方，通过监听滚轮事件或者用户点击按钮，继续加载下一段内容。<!-- /react-text --></p><h3 id="显示分类或者层级的列表" data-reactid="248"><span data-reactid="249"><!-- react-text: 250 -->显示分类或者层级的列表<!-- /react-text --></span><a href="#显示分类或者层级的列表" class="anchor" data-reactid="251">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="252"><div class="preview-image-box" data-reactid="253"><div class="preview-image-wrapper" data-reactid="254"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/efRpmejABrXjiwF.png" alt="两层折叠面板示例" data-reactid="255"/></div><div class="preview-image-title" data-reactid="256">两层折叠面板示例</div><div class="preview-image-description" data-reactid="257"></div><!-- react-empty: 258 --></div></div><div class="preview-image-boxes clearfix" data-reactid="259"><div class="preview-image-box" data-reactid="260"><div class="preview-image-wrapper" data-reactid="261"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/bXwBcaLQPAWTIQV.png" alt="多层折叠面板示例" data-reactid="262"/></div><div class="preview-image-title" data-reactid="263">多层折叠面板示例</div><div class="preview-image-description" data-reactid="264"></div><!-- react-empty: 265 --></div></div><div class="preview-image-boxes clearfix" data-reactid="266"><div class="preview-image-box" data-reactid="267"><div class="preview-image-wrapper" data-reactid="268"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/XaJeuLfHeSSXCJq.png" alt="两层折叠面板表格" data-reactid="269"/></div><div class="preview-image-title" data-reactid="270">两层折叠面板表格</div><div class="preview-image-description" data-reactid="271"></div><!-- react-empty: 272 --></div></div><p data-reactid="273"><br data-reactid="274"/></p></section></article></div></div><div class="ant-row" data-reactid="275"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="276"><section class="prev-next-nav" data-reactid="277"><a class="prev-page" href="/docs/pattern/form-cn" data-reactid="278">表单</a><a class="next-page" href="/docs/pattern/table-cn" data-reactid="279">表格</a></section></div></div></div><footer id="footer" data-reactid="280"><ul data-reactid="281"><li data-reactid="282"><h2 data-reactid="283"><i class="anticon anticon-github" data-reactid="284"></i><!-- react-text: 285 --> GitHub<!-- /react-text --></h2><div data-reactid="286"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="287"><span data-reactid="288">源码仓库</span></a></div><div data-reactid="289"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="290"><span data-reactid="291">定制主题</span></a></div><div data-reactid="292"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="293"><span data-reactid="294">Awesome Ant Design</span></a></div></li><li data-reactid="295"><h2 data-reactid="296"><i class="anticon anticon-link" data-reactid="297"></i><!-- react-text: 298 --> <!-- /react-text --><span data-reactid="299">相关站点</span></h2><div data-reactid="300"><a href="https://design.alipay.com/" data-reactid="301"><span data-reactid="302">蚂蚁金服设计平台</span></a></div><div data-reactid="303"><a href="http://mobile.ant.design" data-reactid="304">Ant Design Mobile</a><span data-reactid="305"> - </span><span data-reactid="306">移动版</span></div><div data-reactid="307"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="308">dva</a><!-- react-text: 309 --> - <!-- /react-text --><span data-reactid="310">应用框架</span></div><div data-reactid="311"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="312">dva-cli</a><!-- react-text: 313 --> -<!-- /react-text --><span data-reactid="314">开发工具</span></div><div data-reactid="315"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="316">Egg</a><span data-reactid="317"> - </span><span data-reactid="318">企业级 Node 开发框架</span></div><div data-reactid="319"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="320">AntV</a><span data-reactid="321"> - </span><span data-reactid="322">数据可视化</span></div><div data-reactid="323"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="324">Ant Motion</a><span data-reactid="325"> - </span><span data-reactid="326">设计动效</span></div><div data-reactid="327"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="328">AntD Library</a><span data-reactid="329"> - </span><span data-reactid="330">Axure 部件库</span></div><div data-reactid="331"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="332">Ant UX</a><span data-reactid="333"> - </span><span data-reactid="334">页面逻辑素材</span></div></li><li data-reactid="335"><h2 data-reactid="336"><i class="anticon anticon-customer-service" data-reactid="337"></i><!-- react-text: 338 --> <!-- /react-text --><span data-reactid="339">社区</span></h2><div data-reactid="340"><a href="/changelog" data-reactid="341"><span data-reactid="342">更新记录</span></a></div><div data-reactid="343"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="344"><span data-reactid="345">常见问题</span></a></div><div data-reactid="346"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="347"><span data-reactid="348">在线讨论 (中文)</span></a></div><div data-reactid="349"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="350"><span data-reactid="351">在线讨论 (English)</span></a></div><div data-reactid="352"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="353"><span data-reactid="354">报告 Bug</span></a></div><div data-reactid="355"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="356"><span data-reactid="357">讨论列表</span></a></div><div data-reactid="358"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="359"><span data-reactid="360">StackOverflow</span></a></div><div data-reactid="361"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="362"><span data-reactid="363">SegmentFault</span></a></div></li><li data-reactid="364"><h2 data-reactid="365"><!-- react-text: 366 -->Copyright © <!-- /react-text --><!-- react-text: 367 -->2017<!-- /react-text --></h2><div data-reactid="368"><span data-reactid="369">蚂蚁金服体验技术部出品</span></div><div data-reactid="370"><!-- react-text: 371 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="372">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/pattern/navigation-cn" data-reactid="52">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/pattern/form-cn" data-reactid="54">表单</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="55"><a href="/docs/pattern/list-cn" data-reactid="56">列表</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/pattern/table-cn" data-reactid="58">表格</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/pattern/complex-table-cn" data-reactid="60">表格：复杂数据</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/pattern/advanced-search-cn" data-reactid="62">高级搜索</a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="63"><article class="markdown" data-reactid="64"><h1 data-reactid="65"><!-- react-text: 66 -->列表<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/pattern/list.md" data-reactid="67"><i class="anticon anticon-edit" data-reactid="68"></i></a></h1><section class="markdown" data-reactid="69"><p data-reactid="70"><!-- react-text: 71 -->列表是非常常见的界面元素，有多种使用场景：<!-- /react-text --></p><ul data-reactid="72"><li data-reactid="73"><p data-reactid="74"><!-- react-text: 75 -->获取概览<!-- /react-text --></p></li><li data-reactid="76"><p data-reactid="77"><!-- react-text: 78 -->逐项浏览<!-- /react-text --></p></li><li data-reactid="79"><p data-reactid="80"><!-- react-text: 81 -->查找特定列表项<!-- /react-text --></p></li><li data-reactid="82"><p data-reactid="83"><!-- react-text: 84 -->排序与过滤<!-- /react-text --></p></li><li data-reactid="85"><p data-reactid="86"><!-- react-text: 87 -->重新安排、添加、删除或重新分类列表项<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="88"><ul data-reactid="89"><li data-reactid="90"><a class="bisheng-toc-h2" href="#交互" title="交互" data-reactid="91"><!-- react-text: 92 -->交互<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="93"><h2 id="交互" data-reactid="94"><span data-reactid="95"><!-- react-text: 96 -->交互<!-- /react-text --></span><a href="#交互" class="anchor" data-reactid="97">#</a></h2><h3 id="显示详情信息" data-reactid="98"><span data-reactid="99"><!-- react-text: 100 -->显示详情信息<!-- /react-text --></span><a href="#显示详情信息" class="anchor" data-reactid="101">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="102"><div class="preview-image-box" data-reactid="103"><div class="preview-image-wrapper" data-reactid="104"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/GmpRYixxnePBPPW.png" alt="气泡显示示例" data-reactid="105"/></div><div class="preview-image-title" data-reactid="106">气泡显示示例</div><div class="preview-image-description" data-reactid="107">使用『点击』触发时，应当保证激活／禁用的对称性，即在哪里打开，就在哪里关闭；另外。也支持用户点击空白区域关闭。使用『悬停』触发时，移入时设计约 0.5 秒的延时，然后激活详情气泡；移出时，立即关闭详情气泡。</div><!-- react-empty: 108 --></div></div><p data-reactid="109"><!-- react-text: 110 -->气泡显示：用户鼠标点击／悬停某个链接或内容时，在悬浮层上显示该条列表项少量的详情信息。<!-- /react-text --></p><p data-reactid="111"><br data-reactid="112"/></p><div class="preview-image-boxes clearfix" data-reactid="113"><div class="preview-image-box" data-reactid="114"><div class="preview-image-wrapper" data-reactid="115"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/WIoplWDRZspuuhD.png" alt="列表嵌入示例1" data-reactid="116"/></div><div class="preview-image-title" data-reactid="117">列表嵌入示例1</div><div class="preview-image-description" data-reactid="118"></div><!-- react-empty: 119 --></div></div><div class="preview-image-boxes clearfix" data-reactid="120"><div class="preview-image-box" data-reactid="121"><div class="preview-image-wrapper" data-reactid="122"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/tNAnTEaZtswRknD.png" alt="列表嵌入示例2" data-reactid="123"/></div><div class="preview-image-title" data-reactid="124">列表嵌入示例2</div><div class="preview-image-description" data-reactid="125"></div><!-- react-empty: 126 --></div></div><div class="preview-image-boxes clearfix" data-reactid="127"><div class="preview-image-box" data-reactid="128"><div class="preview-image-wrapper" data-reactid="129"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/MXXjEoLdnBxqcne.png" alt="列表嵌入示例3" data-reactid="130"/></div><div class="preview-image-title" data-reactid="131">列表嵌入示例3</div><div class="preview-image-description" data-reactid="132"></div><!-- react-empty: 133 --></div></div><p data-reactid="134"><!-- react-text: 135 -->列表嵌入：用户可以不用打开新页面或者打开弹框，只要通过点击，就可以直接在上下文中查看该列表项的详情信息。<!-- /react-text --></p><p data-reactid="136"><br data-reactid="137"/></p><div class="preview-image-boxes clearfix" data-reactid="138"><div class="preview-image-box" data-reactid="139"><div class="preview-image-wrapper" data-reactid="140"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/HeqNyjscGEHyHmt.png" alt="弹出层显示示例" data-reactid="141"/></div><div class="preview-image-title" data-reactid="142">弹出层显示示例</div><div class="preview-image-description" data-reactid="143"></div><!-- react-empty: 144 --></div></div><p data-reactid="145"><!-- react-text: 146 -->弹出层显示：用户通过点击，在弹出框中查看该列表项的详情信息，但是当前列表项的上下文关系会被打断。<!-- /react-text --></p><p data-reactid="147"><br data-reactid="148"/></p><div class="preview-image-boxes clearfix" data-reactid="149"><div class="preview-image-box" data-reactid="150"><div class="preview-image-wrapper" data-reactid="151"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/JXWVQXvlPSDlvyk.png" alt="双面板选择器示例" data-reactid="152"/></div><div class="preview-image-title" data-reactid="153">双面板选择器示例</div><div class="preview-image-description" data-reactid="154"></div><!-- react-empty: 155 --></div></div><p data-reactid="156"><!-- react-text: 157 -->双面板选择器：用户通过点击，在列表的一侧（一般为右侧）查看该列表项大量的详情信息。<!-- /react-text --></p><p data-reactid="158"><br data-reactid="159"/></p><div class="preview-image-boxes clearfix" data-reactid="160"><div class="preview-image-box" data-reactid="161"><div class="preview-image-wrapper" data-reactid="162"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/YTdIMZLeobNrjmU.png" alt="单窗口深入示例（窗口未弹出）" data-reactid="163"/></div><div class="preview-image-title" data-reactid="164">单窗口深入示例（窗口未弹出）</div><div class="preview-image-description" data-reactid="165"></div><!-- react-empty: 166 --></div></div><div class="preview-image-boxes clearfix" data-reactid="167"><div class="preview-image-box" data-reactid="168"><div class="preview-image-wrapper" data-reactid="169"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/uAeEOeoCAeTHgsQ.png" alt="单窗口深入示例（窗口弹出）" data-reactid="170"/></div><div class="preview-image-title" data-reactid="171">单窗口深入示例（窗口弹出）</div><div class="preview-image-description" data-reactid="172">用户通过点击，该列表项的详情信息会替换列表所在的显示区域；用户通过『面包屑』、按钮或者浏览器自带返回按钮，从详情返回列表。</div><!-- react-empty: 173 --></div></div><p data-reactid="174"><!-- react-text: 175 -->单窗口深入：用户通过点击，在当前页查看大量的详情信息。此模式打破了整个列表项的上下文关系，适用在详情信息之间完全无关，或者屏幕空间实在狭小（eg：移动应用），又或者列表和内容可能非常多的应用场景中。<!-- /react-text --></p><h3 id="显示更多文本" data-reactid="176"><span data-reactid="177"><!-- react-text: 178 -->显示更多文本<!-- /react-text --></span><a href="#显示更多文本" class="anchor" data-reactid="179">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="180"><div class="preview-image-box" data-reactid="181"><div class="preview-image-wrapper" data-reactid="182"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/wWcixIvqaFXfTHd.png" alt="宽行示例" data-reactid="183"/></div><div class="preview-image-title" data-reactid="184">宽行示例</div><div class="preview-image-description" data-reactid="185"></div><!-- react-empty: 186 --></div></div><p data-reactid="187"><!-- react-text: 188 -->宽行：使某些列表项可以扩展为多行文本行来显示足够的文本内容。<!-- /react-text --></p><p data-reactid="189"><br data-reactid="190"/></p><div class="preview-image-boxes clearfix" data-reactid="191"><div class="preview-image-box" data-reactid="192"><div class="preview-image-wrapper" data-reactid="193"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/VDhwGyyblTSJpeV.png" alt="对等网格示例" data-reactid="194"/></div><div class="preview-image-title" data-reactid="195">对等网格示例</div><div class="preview-image-description" data-reactid="196"></div><!-- react-empty: 197 --></div></div><p data-reactid="198"><!-- react-text: 199 -->对等网格：以网格或者矩阵的方式排列内容元素，其中每个元素都有相仿的视觉重量。<!-- /react-text --></p><h3 id="显示图片" data-reactid="200"><span data-reactid="201"><!-- react-text: 202 -->显示图片<!-- /react-text --></span><a href="#显示图片" class="anchor" data-reactid="203">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="204"><div class="preview-image-box" data-reactid="205"><div class="preview-image-wrapper" data-reactid="206"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/hKtAKuDfyfDpPrL.png" alt="走马灯示例" data-reactid="207"/></div><div class="preview-image-title" data-reactid="208">走马灯示例</div><div class="preview-image-description" data-reactid="209"></div><!-- react-empty: 210 --></div></div><p data-reactid="211"><!-- react-text: 212 -->走马灯：以一维的形式来显示图片，可用户主动触发或者系统自动播放。<!-- /react-text --></p><p data-reactid="213"><br data-reactid="214"/></p><div class="preview-image-boxes clearfix" data-reactid="215"><div class="preview-image-box" data-reactid="216"><div class="preview-image-wrapper" data-reactid="217"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/LAnBHEYiqWSfQAS.png" alt="缩略图网格示例" data-reactid="218"/></div><div class="preview-image-title" data-reactid="219">缩略图网格示例</div><div class="preview-image-description" data-reactid="220"></div><!-- react-empty: 221 --></div></div><p data-reactid="222"><!-- react-text: 223 -->缩略图网格：以二维的形式来展现图片/Icon，具有强烈的视觉效果，可以吸引用户注意。<!-- /react-text --></p><h3 id="显示长列表" data-reactid="224"><span data-reactid="225"><!-- react-text: 226 -->显示长列表<!-- /react-text --></span><a href="#显示长列表" class="anchor" data-reactid="227">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="228"><div class="preview-image-box" data-reactid="229"><div class="preview-image-wrapper" data-reactid="230"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/aZwrmpnaIEoxiXJ.png" data-reactid="231"/></div><div class="preview-image-title" data-reactid="232"></div><div class="preview-image-description" data-reactid="233">当系统性能是一个主要考虑因素时，适合使用分页器。</div><!-- react-empty: 234 --></div></div><p data-reactid="235"><!-- react-text: 236 -->分页器：以分段的形式加载列表，将是否需要加载其他项的选择权交给用户。<!-- /react-text --></p><p data-reactid="237"><br data-reactid="238"/></p><div class="preview-image-boxes clearfix" data-reactid="239"><div class="preview-image-box" data-reactid="240"><div class="preview-image-wrapper" data-reactid="241"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/afDpGUyoyQZFgks.png" data-reactid="242"/></div><div class="preview-image-title" data-reactid="243"></div><div class="preview-image-description" data-reactid="244">当需要对数据进行频繁操作时，分页器会导致操作变的笨拙，尤其是出现一些跨页选择时，所以适合用无限加载；当倾向显示用户的个人所有的数据时（例如：个人订单），或者数据不是临时性的，适合使用无限加载。</div><!-- react-empty: 245 --></div></div><p data-reactid="246"><!-- react-text: 247 -->无限加载：当用户加载到第一段内容的最下方，通过监听滚轮事件或者用户点击按钮，继续加载下一段内容。<!-- /react-text --></p><h3 id="显示分类或者层级的列表" data-reactid="248"><span data-reactid="249"><!-- react-text: 250 -->显示分类或者层级的列表<!-- /react-text --></span><a href="#显示分类或者层级的列表" class="anchor" data-reactid="251">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="252"><div class="preview-image-box" data-reactid="253"><div class="preview-image-wrapper" data-reactid="254"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/efRpmejABrXjiwF.png" alt="两层折叠面板示例" data-reactid="255"/></div><div class="preview-image-title" data-reactid="256">两层折叠面板示例</div><div class="preview-image-description" data-reactid="257"></div><!-- react-empty: 258 --></div></div><div class="preview-image-boxes clearfix" data-reactid="259"><div class="preview-image-box" data-reactid="260"><div class="preview-image-wrapper" data-reactid="261"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/bXwBcaLQPAWTIQV.png" alt="多层折叠面板示例" data-reactid="262"/></div><div class="preview-image-title" data-reactid="263">多层折叠面板示例</div><div class="preview-image-description" data-reactid="264"></div><!-- react-empty: 265 --></div></div><div class="preview-image-boxes clearfix" data-reactid="266"><div class="preview-image-box" data-reactid="267"><div class="preview-image-wrapper" data-reactid="268"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/XaJeuLfHeSSXCJq.png" alt="两层折叠面板表格" data-reactid="269"/></div><div class="preview-image-title" data-reactid="270">两层折叠面板表格</div><div class="preview-image-description" data-reactid="271"></div><!-- react-empty: 272 --></div></div><p data-reactid="273"><br data-reactid="274"/></p></section></article></div></div><div class="ant-row" data-reactid="275"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="276"><section class="prev-next-nav" data-reactid="277"><a class="prev-page" href="/docs/pattern/form-cn" data-reactid="278">表单</a><a class="next-page" href="/docs/pattern/table-cn" data-reactid="279">表格</a></section></div></div></div><footer id="footer" data-reactid="280"><ul data-reactid="281"><li data-reactid="282"><h2 data-reactid="283"><i class="anticon anticon-github" data-reactid="284"></i><!-- react-text: 285 --> GitHub<!-- /react-text --></h2><div data-reactid="286"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="287"><span data-reactid="288">源码仓库</span></a></div><div data-reactid="289"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="290"><span data-reactid="291">定制主题</span></a></div><div data-reactid="292"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="293"><span data-reactid="294">Awesome Ant Design</span></a></div></li><li data-reactid="295"><h2 data-reactid="296"><i class="anticon anticon-link" data-reactid="297"></i><!-- react-text: 298 --> <!-- /react-text --><span data-reactid="299">相关站点</span></h2><div data-reactid="300"><a href="https://design.alipay.com/" data-reactid="301"><span data-reactid="302">蚂蚁金服设计平台</span></a></div><div data-reactid="303"><a href="http://mobile.ant.design" data-reactid="304">Ant Design Mobile</a><span data-reactid="305"> - </span><span data-reactid="306">移动版</span></div><div data-reactid="307"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="308">dva</a><!-- react-text: 309 --> - <!-- /react-text --><span data-reactid="310">应用框架</span></div><div data-reactid="311"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="312">dva-cli</a><!-- react-text: 313 --> -<!-- /react-text --><span data-reactid="314">开发工具</span></div><div data-reactid="315"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="316">Egg</a><span data-reactid="317"> - </span><span data-reactid="318">企业级 Node 开发框架</span></div><div data-reactid="319"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="320">AntV</a><span data-reactid="321"> - </span><span data-reactid="322">数据可视化</span></div><div data-reactid="323"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="324">Ant Motion</a><span data-reactid="325"> - </span><span data-reactid="326">设计动效</span></div><div data-reactid="327"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="328">AntD Library</a><span data-reactid="329"> - </span><span data-reactid="330">Axure 部件库</span></div><div data-reactid="331"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="332">Ant UX</a><span data-reactid="333"> - </span><span data-reactid="334">页面逻辑素材</span></div></li><li data-reactid="335"><h2 data-reactid="336"><i class="anticon anticon-customer-service" data-reactid="337"></i><!-- react-text: 338 --> <!-- /react-text --><span data-reactid="339">社区</span></h2><div data-reactid="340"><a href="/changelog" data-reactid="341"><span data-reactid="342">更新记录</span></a></div><div data-reactid="343"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="344"><span data-reactid="345">常见问题</span></a></div><div data-reactid="346"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="347"><span data-reactid="348">在线讨论 (中文)</span></a></div><div data-reactid="349"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="350"><span data-reactid="351">在线讨论 (English)</span></a></div><div data-reactid="352"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="353"><span data-reactid="354">报告 Bug</span></a></div><div data-reactid="355"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="356"><span data-reactid="357">讨论列表</span></a></div><div data-reactid="358"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="359"><span data-reactid="360">StackOverflow</span></a></div><div data-reactid="361"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="362"><span data-reactid="363">SegmentFault</span></a></div></li><li data-reactid="364"><h2 data-reactid="365"><!-- react-text: 366 -->Copyright © <!-- /react-text --><!-- react-text: 367 -->2017<!-- /react-text --></h2><div data-reactid="368"><span data-reactid="369">蚂蚁金服体验技术部出品</span></div><div data-reactid="370"><!-- react-text: 371 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="372">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/pattern/list.html b/docs/pattern/list.html
index f25c2c030..752eeff44 100644
--- a/docs/pattern/list.html
+++ b/docs/pattern/list.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-299379070"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1932208508"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/pattern/navigation" data-reactid="52">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/pattern/form" data-reactid="54">Form</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="55"><a href="/docs/pattern/list" data-reactid="56">List</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/pattern/table" data-reactid="58">Table</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/pattern/complex-table" data-reactid="60">Complex Table</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/pattern/advanced-search" data-reactid="62">Advanced Search</a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="63"><article class="markdown" data-reactid="64"><h1 data-reactid="65"><!-- react-text: 66 -->List<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/pattern/list.md" data-reactid="67"><i class="anticon anticon-edit" data-reactid="68"></i></a></h1><section class="markdown" data-reactid="69"><p data-reactid="70"><!-- react-text: 71 -->列表是非常常见的界面元素，有多种使用场景：<!-- /react-text --></p><ul data-reactid="72"><li data-reactid="73"><p data-reactid="74"><!-- react-text: 75 -->获取概览<!-- /react-text --></p></li><li data-reactid="76"><p data-reactid="77"><!-- react-text: 78 -->逐项浏览<!-- /react-text --></p></li><li data-reactid="79"><p data-reactid="80"><!-- react-text: 81 -->查找特定列表项<!-- /react-text --></p></li><li data-reactid="82"><p data-reactid="83"><!-- react-text: 84 -->排序与过滤<!-- /react-text --></p></li><li data-reactid="85"><p data-reactid="86"><!-- react-text: 87 -->重新安排、添加、删除或重新分类列表项<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="88"><ul data-reactid="89"><li data-reactid="90"><a class="bisheng-toc-h2" href="#交互" title="交互" data-reactid="91"><!-- react-text: 92 -->交互<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="93"><h2 id="交互" data-reactid="94"><span data-reactid="95"><!-- react-text: 96 -->交互<!-- /react-text --></span><a href="#交互" class="anchor" data-reactid="97">#</a></h2><h3 id="显示详情信息" data-reactid="98"><span data-reactid="99"><!-- react-text: 100 -->显示详情信息<!-- /react-text --></span><a href="#显示详情信息" class="anchor" data-reactid="101">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="102"><div class="preview-image-box" data-reactid="103"><div class="preview-image-wrapper" data-reactid="104"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/GmpRYixxnePBPPW.png" alt="气泡显示示例" data-reactid="105"/></div><div class="preview-image-title" data-reactid="106">气泡显示示例</div><div class="preview-image-description" data-reactid="107">使用『点击』触发时，应当保证激活／禁用的对称性，即在哪里打开，就在哪里关闭；另外。也支持用户点击空白区域关闭。使用『悬停』触发时，移入时设计约 0.5 秒的延时，然后激活详情气泡；移出时，立即关闭详情气泡。</div><!-- react-empty: 108 --></div></div><p data-reactid="109"><!-- react-text: 110 -->气泡显示：用户鼠标点击／悬停某个链接或内容时，在悬浮层上显示该条列表项少量的详情信息。<!-- /react-text --></p><p data-reactid="111"><br data-reactid="112"/></p><div class="preview-image-boxes clearfix" data-reactid="113"><div class="preview-image-box" data-reactid="114"><div class="preview-image-wrapper" data-reactid="115"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/WIoplWDRZspuuhD.png" alt="列表嵌入示例1" data-reactid="116"/></div><div class="preview-image-title" data-reactid="117">列表嵌入示例1</div><div class="preview-image-description" data-reactid="118"></div><!-- react-empty: 119 --></div></div><div class="preview-image-boxes clearfix" data-reactid="120"><div class="preview-image-box" data-reactid="121"><div class="preview-image-wrapper" data-reactid="122"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/tNAnTEaZtswRknD.png" alt="列表嵌入示例2" data-reactid="123"/></div><div class="preview-image-title" data-reactid="124">列表嵌入示例2</div><div class="preview-image-description" data-reactid="125"></div><!-- react-empty: 126 --></div></div><div class="preview-image-boxes clearfix" data-reactid="127"><div class="preview-image-box" data-reactid="128"><div class="preview-image-wrapper" data-reactid="129"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/MXXjEoLdnBxqcne.png" alt="列表嵌入示例3" data-reactid="130"/></div><div class="preview-image-title" data-reactid="131">列表嵌入示例3</div><div class="preview-image-description" data-reactid="132"></div><!-- react-empty: 133 --></div></div><p data-reactid="134"><!-- react-text: 135 -->列表嵌入：用户可以不用打开新页面或者打开弹框，只要通过点击，就可以直接在上下文中查看该列表项的详情信息。<!-- /react-text --></p><p data-reactid="136"><br data-reactid="137"/></p><div class="preview-image-boxes clearfix" data-reactid="138"><div class="preview-image-box" data-reactid="139"><div class="preview-image-wrapper" data-reactid="140"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/HeqNyjscGEHyHmt.png" alt="弹出层显示示例" data-reactid="141"/></div><div class="preview-image-title" data-reactid="142">弹出层显示示例</div><div class="preview-image-description" data-reactid="143"></div><!-- react-empty: 144 --></div></div><p data-reactid="145"><!-- react-text: 146 -->弹出层显示：用户通过点击，在弹出框中查看该列表项的详情信息，但是当前列表项的上下文关系会被打断。<!-- /react-text --></p><p data-reactid="147"><br data-reactid="148"/></p><div class="preview-image-boxes clearfix" data-reactid="149"><div class="preview-image-box" data-reactid="150"><div class="preview-image-wrapper" data-reactid="151"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/JXWVQXvlPSDlvyk.png" alt="双面板选择器示例" data-reactid="152"/></div><div class="preview-image-title" data-reactid="153">双面板选择器示例</div><div class="preview-image-description" data-reactid="154"></div><!-- react-empty: 155 --></div></div><p data-reactid="156"><!-- react-text: 157 -->双面板选择器：用户通过点击，在列表的一侧（一般为右侧）查看该列表项大量的详情信息。<!-- /react-text --></p><p data-reactid="158"><br data-reactid="159"/></p><div class="preview-image-boxes clearfix" data-reactid="160"><div class="preview-image-box" data-reactid="161"><div class="preview-image-wrapper" data-reactid="162"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/YTdIMZLeobNrjmU.png" alt="单窗口深入示例（窗口未弹出）" data-reactid="163"/></div><div class="preview-image-title" data-reactid="164">单窗口深入示例（窗口未弹出）</div><div class="preview-image-description" data-reactid="165"></div><!-- react-empty: 166 --></div></div><div class="preview-image-boxes clearfix" data-reactid="167"><div class="preview-image-box" data-reactid="168"><div class="preview-image-wrapper" data-reactid="169"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/uAeEOeoCAeTHgsQ.png" alt="单窗口深入示例（窗口弹出）" data-reactid="170"/></div><div class="preview-image-title" data-reactid="171">单窗口深入示例（窗口弹出）</div><div class="preview-image-description" data-reactid="172">用户通过点击，该列表项的详情信息会替换列表所在的显示区域；用户通过『面包屑』、按钮或者浏览器自带返回按钮，从详情返回列表。</div><!-- react-empty: 173 --></div></div><p data-reactid="174"><!-- react-text: 175 -->单窗口深入：用户通过点击，在当前页查看大量的详情信息。此模式打破了整个列表项的上下文关系，适用在详情信息之间完全无关，或者屏幕空间实在狭小（eg：移动应用），又或者列表和内容可能非常多的应用场景中。<!-- /react-text --></p><h3 id="显示更多文本" data-reactid="176"><span data-reactid="177"><!-- react-text: 178 -->显示更多文本<!-- /react-text --></span><a href="#显示更多文本" class="anchor" data-reactid="179">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="180"><div class="preview-image-box" data-reactid="181"><div class="preview-image-wrapper" data-reactid="182"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/wWcixIvqaFXfTHd.png" alt="宽行示例" data-reactid="183"/></div><div class="preview-image-title" data-reactid="184">宽行示例</div><div class="preview-image-description" data-reactid="185"></div><!-- react-empty: 186 --></div></div><p data-reactid="187"><!-- react-text: 188 -->宽行：使某些列表项可以扩展为多行文本行来显示足够的文本内容。<!-- /react-text --></p><p data-reactid="189"><br data-reactid="190"/></p><div class="preview-image-boxes clearfix" data-reactid="191"><div class="preview-image-box" data-reactid="192"><div class="preview-image-wrapper" data-reactid="193"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/VDhwGyyblTSJpeV.png" alt="对等网格示例" data-reactid="194"/></div><div class="preview-image-title" data-reactid="195">对等网格示例</div><div class="preview-image-description" data-reactid="196"></div><!-- react-empty: 197 --></div></div><p data-reactid="198"><!-- react-text: 199 -->对等网格：以网格或者矩阵的方式排列内容元素，其中每个元素都有相仿的视觉重量。<!-- /react-text --></p><h3 id="显示图片" data-reactid="200"><span data-reactid="201"><!-- react-text: 202 -->显示图片<!-- /react-text --></span><a href="#显示图片" class="anchor" data-reactid="203">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="204"><div class="preview-image-box" data-reactid="205"><div class="preview-image-wrapper" data-reactid="206"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/hKtAKuDfyfDpPrL.png" alt="走马灯示例" data-reactid="207"/></div><div class="preview-image-title" data-reactid="208">走马灯示例</div><div class="preview-image-description" data-reactid="209"></div><!-- react-empty: 210 --></div></div><p data-reactid="211"><!-- react-text: 212 -->走马灯：以一维的形式来显示图片，可用户主动触发或者系统自动播放。<!-- /react-text --></p><p data-reactid="213"><br data-reactid="214"/></p><div class="preview-image-boxes clearfix" data-reactid="215"><div class="preview-image-box" data-reactid="216"><div class="preview-image-wrapper" data-reactid="217"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/LAnBHEYiqWSfQAS.png" alt="缩略图网格示例" data-reactid="218"/></div><div class="preview-image-title" data-reactid="219">缩略图网格示例</div><div class="preview-image-description" data-reactid="220"></div><!-- react-empty: 221 --></div></div><p data-reactid="222"><!-- react-text: 223 -->缩略图网格：以二维的形式来展现图片/Icon，具有强烈的视觉效果，可以吸引用户注意。<!-- /react-text --></p><h3 id="显示长列表" data-reactid="224"><span data-reactid="225"><!-- react-text: 226 -->显示长列表<!-- /react-text --></span><a href="#显示长列表" class="anchor" data-reactid="227">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="228"><div class="preview-image-box" data-reactid="229"><div class="preview-image-wrapper" data-reactid="230"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/aZwrmpnaIEoxiXJ.png" data-reactid="231"/></div><div class="preview-image-title" data-reactid="232"></div><div class="preview-image-description" data-reactid="233">当系统性能是一个主要考虑因素时，适合使用分页器。</div><!-- react-empty: 234 --></div></div><p data-reactid="235"><!-- react-text: 236 -->分页器：以分段的形式加载列表，将是否需要加载其他项的选择权交给用户。<!-- /react-text --></p><p data-reactid="237"><br data-reactid="238"/></p><div class="preview-image-boxes clearfix" data-reactid="239"><div class="preview-image-box" data-reactid="240"><div class="preview-image-wrapper" data-reactid="241"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/afDpGUyoyQZFgks.png" data-reactid="242"/></div><div class="preview-image-title" data-reactid="243"></div><div class="preview-image-description" data-reactid="244">当需要对数据进行频繁操作时，分页器会导致操作变的笨拙，尤其是出现一些跨页选择时，所以适合用无限加载；当倾向显示用户的个人所有的数据时（例如：个人订单），或者数据不是临时性的，适合使用无限加载。</div><!-- react-empty: 245 --></div></div><p data-reactid="246"><!-- react-text: 247 -->无限加载：当用户加载到第一段内容的最下方，通过监听滚轮事件或者用户点击按钮，继续加载下一段内容。<!-- /react-text --></p><h3 id="显示分类或者层级的列表" data-reactid="248"><span data-reactid="249"><!-- react-text: 250 -->显示分类或者层级的列表<!-- /react-text --></span><a href="#显示分类或者层级的列表" class="anchor" data-reactid="251">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="252"><div class="preview-image-box" data-reactid="253"><div class="preview-image-wrapper" data-reactid="254"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/efRpmejABrXjiwF.png" alt="两层折叠面板示例" data-reactid="255"/></div><div class="preview-image-title" data-reactid="256">两层折叠面板示例</div><div class="preview-image-description" data-reactid="257"></div><!-- react-empty: 258 --></div></div><div class="preview-image-boxes clearfix" data-reactid="259"><div class="preview-image-box" data-reactid="260"><div class="preview-image-wrapper" data-reactid="261"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/bXwBcaLQPAWTIQV.png" alt="多层折叠面板示例" data-reactid="262"/></div><div class="preview-image-title" data-reactid="263">多层折叠面板示例</div><div class="preview-image-description" data-reactid="264"></div><!-- react-empty: 265 --></div></div><div class="preview-image-boxes clearfix" data-reactid="266"><div class="preview-image-box" data-reactid="267"><div class="preview-image-wrapper" data-reactid="268"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/XaJeuLfHeSSXCJq.png" alt="两层折叠面板表格" data-reactid="269"/></div><div class="preview-image-title" data-reactid="270">两层折叠面板表格</div><div class="preview-image-description" data-reactid="271"></div><!-- react-empty: 272 --></div></div><p data-reactid="273"><br data-reactid="274"/></p></section></article></div></div><div class="ant-row" data-reactid="275"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="276"><section class="prev-next-nav" data-reactid="277"><a class="prev-page" href="/docs/pattern/form" data-reactid="278">Form</a><a class="next-page" href="/docs/pattern/table" data-reactid="279">Table</a></section></div></div></div><footer id="footer" data-reactid="280"><ul data-reactid="281"><li data-reactid="282"><h2 data-reactid="283"><i class="anticon anticon-github" data-reactid="284"></i><!-- react-text: 285 --> GitHub<!-- /react-text --></h2><div data-reactid="286"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="287"><span data-reactid="288">Repository</span></a></div><div data-reactid="289"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="290"><span data-reactid="291">Customize Theme</span></a></div><div data-reactid="292"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="293"><span data-reactid="294">Awesome Ant Design</span></a></div></li><li data-reactid="295"><h2 data-reactid="296"><i class="anticon anticon-link" data-reactid="297"></i><!-- react-text: 298 --> <!-- /react-text --><span data-reactid="299">Links</span></h2><div data-reactid="300"><a href="https://design.alipay.com/" data-reactid="301"><span data-reactid="302">Ant Financial Design Platform</span></a></div><div data-reactid="303"><a href="http://mobile.ant.design" data-reactid="304">Ant Design Mobile</a><span data-reactid="305"> - </span><span data-reactid="306">Mobile UI</span></div><div data-reactid="307"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="308">dva</a><!-- react-text: 309 --> - <!-- /react-text --><span data-reactid="310">Framework</span></div><div data-reactid="311"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="312">dva-cli</a><!-- react-text: 313 --> -<!-- /react-text --><span data-reactid="314">Developer Tools</span></div><div data-reactid="315"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="316">Egg</a><span data-reactid="317"> - </span><span data-reactid="318">Enterprise Node Framework</span></div><div data-reactid="319"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="320">AntV</a><span data-reactid="321"> - </span><span data-reactid="322">Data Visualization</span></div><div data-reactid="323"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="324">Ant Motion</a><span data-reactid="325"> - </span><span data-reactid="326">Motion Soluction</span></div><div data-reactid="327"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="328">AntD Library</a><span data-reactid="329"> - </span><span data-reactid="330">Axure library</span></div><div data-reactid="331"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="332">Ant UX</a><span data-reactid="333"> - </span><span data-reactid="334">Sitemap Template</span></div></li><li data-reactid="335"><h2 data-reactid="336"><i class="anticon anticon-customer-service" data-reactid="337"></i><!-- react-text: 338 --> <!-- /react-text --><span data-reactid="339">Community</span></h2><div data-reactid="340"><a href="/changelog" data-reactid="341"><span data-reactid="342">Change Log</span></a></div><div data-reactid="343"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="344"><span data-reactid="345">FAQ</span></a></div><div data-reactid="346"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="347"><span data-reactid="348">Chat Room (中文)</span></a></div><div data-reactid="349"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="350"><span data-reactid="351">Chat Room (English)</span></a></div><div data-reactid="352"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="353"><span data-reactid="354">Bug Report</span></a></div><div data-reactid="355"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="356"><span data-reactid="357">Issues</span></a></div><div data-reactid="358"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="359"><span data-reactid="360">StackOverflow</span></a></div><div data-reactid="361"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="362"><span data-reactid="363">SegmentFault</span></a></div></li><li data-reactid="364"><h2 data-reactid="365"><!-- react-text: 366 -->Copyright © <!-- /react-text --><!-- react-text: 367 -->2017<!-- /react-text --></h2><div data-reactid="368"><span data-reactid="369">Created by AIUX</span></div><div data-reactid="370"><!-- react-text: 371 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="372">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/pattern/navigation" data-reactid="52">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/pattern/form" data-reactid="54">Form</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="55"><a href="/docs/pattern/list" data-reactid="56">List</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/pattern/table" data-reactid="58">Table</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/pattern/complex-table" data-reactid="60">Complex Table</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/pattern/advanced-search" data-reactid="62">Advanced Search</a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="63"><article class="markdown" data-reactid="64"><h1 data-reactid="65"><!-- react-text: 66 -->List<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/pattern/list.md" data-reactid="67"><i class="anticon anticon-edit" data-reactid="68"></i></a></h1><section class="markdown" data-reactid="69"><p data-reactid="70"><!-- react-text: 71 -->列表是非常常见的界面元素，有多种使用场景：<!-- /react-text --></p><ul data-reactid="72"><li data-reactid="73"><p data-reactid="74"><!-- react-text: 75 -->获取概览<!-- /react-text --></p></li><li data-reactid="76"><p data-reactid="77"><!-- react-text: 78 -->逐项浏览<!-- /react-text --></p></li><li data-reactid="79"><p data-reactid="80"><!-- react-text: 81 -->查找特定列表项<!-- /react-text --></p></li><li data-reactid="82"><p data-reactid="83"><!-- react-text: 84 -->排序与过滤<!-- /react-text --></p></li><li data-reactid="85"><p data-reactid="86"><!-- react-text: 87 -->重新安排、添加、删除或重新分类列表项<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="88"><ul data-reactid="89"><li data-reactid="90"><a class="bisheng-toc-h2" href="#交互" title="交互" data-reactid="91"><!-- react-text: 92 -->交互<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="93"><h2 id="交互" data-reactid="94"><span data-reactid="95"><!-- react-text: 96 -->交互<!-- /react-text --></span><a href="#交互" class="anchor" data-reactid="97">#</a></h2><h3 id="显示详情信息" data-reactid="98"><span data-reactid="99"><!-- react-text: 100 -->显示详情信息<!-- /react-text --></span><a href="#显示详情信息" class="anchor" data-reactid="101">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="102"><div class="preview-image-box" data-reactid="103"><div class="preview-image-wrapper" data-reactid="104"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/GmpRYixxnePBPPW.png" alt="气泡显示示例" data-reactid="105"/></div><div class="preview-image-title" data-reactid="106">气泡显示示例</div><div class="preview-image-description" data-reactid="107">使用『点击』触发时，应当保证激活／禁用的对称性，即在哪里打开，就在哪里关闭；另外。也支持用户点击空白区域关闭。使用『悬停』触发时，移入时设计约 0.5 秒的延时，然后激活详情气泡；移出时，立即关闭详情气泡。</div><!-- react-empty: 108 --></div></div><p data-reactid="109"><!-- react-text: 110 -->气泡显示：用户鼠标点击／悬停某个链接或内容时，在悬浮层上显示该条列表项少量的详情信息。<!-- /react-text --></p><p data-reactid="111"><br data-reactid="112"/></p><div class="preview-image-boxes clearfix" data-reactid="113"><div class="preview-image-box" data-reactid="114"><div class="preview-image-wrapper" data-reactid="115"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/WIoplWDRZspuuhD.png" alt="列表嵌入示例1" data-reactid="116"/></div><div class="preview-image-title" data-reactid="117">列表嵌入示例1</div><div class="preview-image-description" data-reactid="118"></div><!-- react-empty: 119 --></div></div><div class="preview-image-boxes clearfix" data-reactid="120"><div class="preview-image-box" data-reactid="121"><div class="preview-image-wrapper" data-reactid="122"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/tNAnTEaZtswRknD.png" alt="列表嵌入示例2" data-reactid="123"/></div><div class="preview-image-title" data-reactid="124">列表嵌入示例2</div><div class="preview-image-description" data-reactid="125"></div><!-- react-empty: 126 --></div></div><div class="preview-image-boxes clearfix" data-reactid="127"><div class="preview-image-box" data-reactid="128"><div class="preview-image-wrapper" data-reactid="129"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/MXXjEoLdnBxqcne.png" alt="列表嵌入示例3" data-reactid="130"/></div><div class="preview-image-title" data-reactid="131">列表嵌入示例3</div><div class="preview-image-description" data-reactid="132"></div><!-- react-empty: 133 --></div></div><p data-reactid="134"><!-- react-text: 135 -->列表嵌入：用户可以不用打开新页面或者打开弹框，只要通过点击，就可以直接在上下文中查看该列表项的详情信息。<!-- /react-text --></p><p data-reactid="136"><br data-reactid="137"/></p><div class="preview-image-boxes clearfix" data-reactid="138"><div class="preview-image-box" data-reactid="139"><div class="preview-image-wrapper" data-reactid="140"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/HeqNyjscGEHyHmt.png" alt="弹出层显示示例" data-reactid="141"/></div><div class="preview-image-title" data-reactid="142">弹出层显示示例</div><div class="preview-image-description" data-reactid="143"></div><!-- react-empty: 144 --></div></div><p data-reactid="145"><!-- react-text: 146 -->弹出层显示：用户通过点击，在弹出框中查看该列表项的详情信息，但是当前列表项的上下文关系会被打断。<!-- /react-text --></p><p data-reactid="147"><br data-reactid="148"/></p><div class="preview-image-boxes clearfix" data-reactid="149"><div class="preview-image-box" data-reactid="150"><div class="preview-image-wrapper" data-reactid="151"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/JXWVQXvlPSDlvyk.png" alt="双面板选择器示例" data-reactid="152"/></div><div class="preview-image-title" data-reactid="153">双面板选择器示例</div><div class="preview-image-description" data-reactid="154"></div><!-- react-empty: 155 --></div></div><p data-reactid="156"><!-- react-text: 157 -->双面板选择器：用户通过点击，在列表的一侧（一般为右侧）查看该列表项大量的详情信息。<!-- /react-text --></p><p data-reactid="158"><br data-reactid="159"/></p><div class="preview-image-boxes clearfix" data-reactid="160"><div class="preview-image-box" data-reactid="161"><div class="preview-image-wrapper" data-reactid="162"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/YTdIMZLeobNrjmU.png" alt="单窗口深入示例（窗口未弹出）" data-reactid="163"/></div><div class="preview-image-title" data-reactid="164">单窗口深入示例（窗口未弹出）</div><div class="preview-image-description" data-reactid="165"></div><!-- react-empty: 166 --></div></div><div class="preview-image-boxes clearfix" data-reactid="167"><div class="preview-image-box" data-reactid="168"><div class="preview-image-wrapper" data-reactid="169"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/uAeEOeoCAeTHgsQ.png" alt="单窗口深入示例（窗口弹出）" data-reactid="170"/></div><div class="preview-image-title" data-reactid="171">单窗口深入示例（窗口弹出）</div><div class="preview-image-description" data-reactid="172">用户通过点击，该列表项的详情信息会替换列表所在的显示区域；用户通过『面包屑』、按钮或者浏览器自带返回按钮，从详情返回列表。</div><!-- react-empty: 173 --></div></div><p data-reactid="174"><!-- react-text: 175 -->单窗口深入：用户通过点击，在当前页查看大量的详情信息。此模式打破了整个列表项的上下文关系，适用在详情信息之间完全无关，或者屏幕空间实在狭小（eg：移动应用），又或者列表和内容可能非常多的应用场景中。<!-- /react-text --></p><h3 id="显示更多文本" data-reactid="176"><span data-reactid="177"><!-- react-text: 178 -->显示更多文本<!-- /react-text --></span><a href="#显示更多文本" class="anchor" data-reactid="179">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="180"><div class="preview-image-box" data-reactid="181"><div class="preview-image-wrapper" data-reactid="182"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/wWcixIvqaFXfTHd.png" alt="宽行示例" data-reactid="183"/></div><div class="preview-image-title" data-reactid="184">宽行示例</div><div class="preview-image-description" data-reactid="185"></div><!-- react-empty: 186 --></div></div><p data-reactid="187"><!-- react-text: 188 -->宽行：使某些列表项可以扩展为多行文本行来显示足够的文本内容。<!-- /react-text --></p><p data-reactid="189"><br data-reactid="190"/></p><div class="preview-image-boxes clearfix" data-reactid="191"><div class="preview-image-box" data-reactid="192"><div class="preview-image-wrapper" data-reactid="193"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/VDhwGyyblTSJpeV.png" alt="对等网格示例" data-reactid="194"/></div><div class="preview-image-title" data-reactid="195">对等网格示例</div><div class="preview-image-description" data-reactid="196"></div><!-- react-empty: 197 --></div></div><p data-reactid="198"><!-- react-text: 199 -->对等网格：以网格或者矩阵的方式排列内容元素，其中每个元素都有相仿的视觉重量。<!-- /react-text --></p><h3 id="显示图片" data-reactid="200"><span data-reactid="201"><!-- react-text: 202 -->显示图片<!-- /react-text --></span><a href="#显示图片" class="anchor" data-reactid="203">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="204"><div class="preview-image-box" data-reactid="205"><div class="preview-image-wrapper" data-reactid="206"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/hKtAKuDfyfDpPrL.png" alt="走马灯示例" data-reactid="207"/></div><div class="preview-image-title" data-reactid="208">走马灯示例</div><div class="preview-image-description" data-reactid="209"></div><!-- react-empty: 210 --></div></div><p data-reactid="211"><!-- react-text: 212 -->走马灯：以一维的形式来显示图片，可用户主动触发或者系统自动播放。<!-- /react-text --></p><p data-reactid="213"><br data-reactid="214"/></p><div class="preview-image-boxes clearfix" data-reactid="215"><div class="preview-image-box" data-reactid="216"><div class="preview-image-wrapper" data-reactid="217"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/LAnBHEYiqWSfQAS.png" alt="缩略图网格示例" data-reactid="218"/></div><div class="preview-image-title" data-reactid="219">缩略图网格示例</div><div class="preview-image-description" data-reactid="220"></div><!-- react-empty: 221 --></div></div><p data-reactid="222"><!-- react-text: 223 -->缩略图网格：以二维的形式来展现图片/Icon，具有强烈的视觉效果，可以吸引用户注意。<!-- /react-text --></p><h3 id="显示长列表" data-reactid="224"><span data-reactid="225"><!-- react-text: 226 -->显示长列表<!-- /react-text --></span><a href="#显示长列表" class="anchor" data-reactid="227">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="228"><div class="preview-image-box" data-reactid="229"><div class="preview-image-wrapper" data-reactid="230"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/aZwrmpnaIEoxiXJ.png" data-reactid="231"/></div><div class="preview-image-title" data-reactid="232"></div><div class="preview-image-description" data-reactid="233">当系统性能是一个主要考虑因素时，适合使用分页器。</div><!-- react-empty: 234 --></div></div><p data-reactid="235"><!-- react-text: 236 -->分页器：以分段的形式加载列表，将是否需要加载其他项的选择权交给用户。<!-- /react-text --></p><p data-reactid="237"><br data-reactid="238"/></p><div class="preview-image-boxes clearfix" data-reactid="239"><div class="preview-image-box" data-reactid="240"><div class="preview-image-wrapper" data-reactid="241"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/afDpGUyoyQZFgks.png" data-reactid="242"/></div><div class="preview-image-title" data-reactid="243"></div><div class="preview-image-description" data-reactid="244">当需要对数据进行频繁操作时，分页器会导致操作变的笨拙，尤其是出现一些跨页选择时，所以适合用无限加载；当倾向显示用户的个人所有的数据时（例如：个人订单），或者数据不是临时性的，适合使用无限加载。</div><!-- react-empty: 245 --></div></div><p data-reactid="246"><!-- react-text: 247 -->无限加载：当用户加载到第一段内容的最下方，通过监听滚轮事件或者用户点击按钮，继续加载下一段内容。<!-- /react-text --></p><h3 id="显示分类或者层级的列表" data-reactid="248"><span data-reactid="249"><!-- react-text: 250 -->显示分类或者层级的列表<!-- /react-text --></span><a href="#显示分类或者层级的列表" class="anchor" data-reactid="251">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="252"><div class="preview-image-box" data-reactid="253"><div class="preview-image-wrapper" data-reactid="254"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/efRpmejABrXjiwF.png" alt="两层折叠面板示例" data-reactid="255"/></div><div class="preview-image-title" data-reactid="256">两层折叠面板示例</div><div class="preview-image-description" data-reactid="257"></div><!-- react-empty: 258 --></div></div><div class="preview-image-boxes clearfix" data-reactid="259"><div class="preview-image-box" data-reactid="260"><div class="preview-image-wrapper" data-reactid="261"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/bXwBcaLQPAWTIQV.png" alt="多层折叠面板示例" data-reactid="262"/></div><div class="preview-image-title" data-reactid="263">多层折叠面板示例</div><div class="preview-image-description" data-reactid="264"></div><!-- react-empty: 265 --></div></div><div class="preview-image-boxes clearfix" data-reactid="266"><div class="preview-image-box" data-reactid="267"><div class="preview-image-wrapper" data-reactid="268"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/XaJeuLfHeSSXCJq.png" alt="两层折叠面板表格" data-reactid="269"/></div><div class="preview-image-title" data-reactid="270">两层折叠面板表格</div><div class="preview-image-description" data-reactid="271"></div><!-- react-empty: 272 --></div></div><p data-reactid="273"><br data-reactid="274"/></p></section></article></div></div><div class="ant-row" data-reactid="275"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="276"><section class="prev-next-nav" data-reactid="277"><a class="prev-page" href="/docs/pattern/form" data-reactid="278">Form</a><a class="next-page" href="/docs/pattern/table" data-reactid="279">Table</a></section></div></div></div><footer id="footer" data-reactid="280"><ul data-reactid="281"><li data-reactid="282"><h2 data-reactid="283"><i class="anticon anticon-github" data-reactid="284"></i><!-- react-text: 285 --> GitHub<!-- /react-text --></h2><div data-reactid="286"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="287"><span data-reactid="288">Repository</span></a></div><div data-reactid="289"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="290"><span data-reactid="291">Customize Theme</span></a></div><div data-reactid="292"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="293"><span data-reactid="294">Awesome Ant Design</span></a></div></li><li data-reactid="295"><h2 data-reactid="296"><i class="anticon anticon-link" data-reactid="297"></i><!-- react-text: 298 --> <!-- /react-text --><span data-reactid="299">Links</span></h2><div data-reactid="300"><a href="https://design.alipay.com/" data-reactid="301"><span data-reactid="302">Ant Financial Design Platform</span></a></div><div data-reactid="303"><a href="http://mobile.ant.design" data-reactid="304">Ant Design Mobile</a><span data-reactid="305"> - </span><span data-reactid="306">Mobile UI</span></div><div data-reactid="307"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="308">dva</a><!-- react-text: 309 --> - <!-- /react-text --><span data-reactid="310">Framework</span></div><div data-reactid="311"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="312">dva-cli</a><!-- react-text: 313 --> -<!-- /react-text --><span data-reactid="314">Developer Tools</span></div><div data-reactid="315"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="316">Egg</a><span data-reactid="317"> - </span><span data-reactid="318">Enterprise Node Framework</span></div><div data-reactid="319"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="320">AntV</a><span data-reactid="321"> - </span><span data-reactid="322">Data Visualization</span></div><div data-reactid="323"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="324">Ant Motion</a><span data-reactid="325"> - </span><span data-reactid="326">Motion Soluction</span></div><div data-reactid="327"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="328">AntD Library</a><span data-reactid="329"> - </span><span data-reactid="330">Axure library</span></div><div data-reactid="331"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="332">Ant UX</a><span data-reactid="333"> - </span><span data-reactid="334">Sitemap Template</span></div></li><li data-reactid="335"><h2 data-reactid="336"><i class="anticon anticon-customer-service" data-reactid="337"></i><!-- react-text: 338 --> <!-- /react-text --><span data-reactid="339">Community</span></h2><div data-reactid="340"><a href="/changelog" data-reactid="341"><span data-reactid="342">Change Log</span></a></div><div data-reactid="343"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="344"><span data-reactid="345">FAQ</span></a></div><div data-reactid="346"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="347"><span data-reactid="348">Chat Room (中文)</span></a></div><div data-reactid="349"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="350"><span data-reactid="351">Chat Room (English)</span></a></div><div data-reactid="352"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="353"><span data-reactid="354">Bug Report</span></a></div><div data-reactid="355"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="356"><span data-reactid="357">Issues</span></a></div><div data-reactid="358"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="359"><span data-reactid="360">StackOverflow</span></a></div><div data-reactid="361"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="362"><span data-reactid="363">SegmentFault</span></a></div></li><li data-reactid="364"><h2 data-reactid="365"><!-- react-text: 366 -->Copyright © <!-- /react-text --><!-- react-text: 367 -->2017<!-- /react-text --></h2><div data-reactid="368"><span data-reactid="369">Created by AIUX</span></div><div data-reactid="370"><!-- react-text: 371 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="372">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/pattern/navigation-cn.html b/docs/pattern/navigation-cn.html
index 7aec56e82..8f0f6117c 100644
--- a/docs/pattern/navigation-cn.html
+++ b/docs/pattern/navigation-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-464204048"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1853476594"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="51"><a href="/docs/pattern/navigation-cn" data-reactid="52">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/pattern/form-cn" data-reactid="54">表单</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/pattern/list-cn" data-reactid="56">列表</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/pattern/table-cn" data-reactid="58">表格</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/pattern/complex-table-cn" data-reactid="60">表格：复杂数据</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/pattern/advanced-search-cn" data-reactid="62">高级搜索</a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="63"><article class="markdown" data-reactid="64"><h1 data-reactid="65"><!-- react-text: 66 -->导航<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/pattern/navigation.md" data-reactid="67"><i class="anticon anticon-edit" data-reactid="68"></i></a></h1><section class="markdown" data-reactid="69"><p data-reactid="70"><!-- react-text: 71 -->在广义上，任何告知用户他在哪里，他能去什么地方以及如何到达那里的方式，都可以称之为导航。而我们将中后台常见的导航方式进行提炼和封装，帮助设计者快速构建清晰和流畅的系统。当设计者使用导航或者自定义一些导航结构时，请注意：<!-- /react-text --></p><ol data-reactid="72"><li data-reactid="73"><p data-reactid="74"><!-- react-text: 75 -->尽可能提供标示、上下文线索以及网站地图，避免用户迷路；<!-- /react-text --></p></li><li data-reactid="76"><p data-reactid="77"><!-- react-text: 78 -->保持导航样式和行为一致或者减少导航数量，降低用户学习成本；<!-- /react-text --></p></li><li data-reactid="79"><p data-reactid="80"><!-- react-text: 81 -->尽可能减少页面间的跳转（eg：一个常见任务需要多个页面跳转时，请减少至一至两次），让用户移动距离保持简短。<!-- /react-text --></p></li></ol></section><section class="toc" data-reactid="82"><ul data-reactid="83"><li data-reactid="84"><a class="bisheng-toc-h2" href="#常见导航" title="常见导航" data-reactid="85"><!-- react-text: 86 -->常见导航<!-- /react-text --></a></li><li data-reactid="87"><a class="bisheng-toc-h2" href="#侧栏导航" title="侧栏导航" data-reactid="88"><!-- react-text: 89 -->侧栏导航<!-- /react-text --></a></li><li data-reactid="90"><a class="bisheng-toc-h2" href="#顶部导航" title="顶部导航" data-reactid="91"><!-- react-text: 92 -->顶部导航<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="93"><h2 id="常见导航" data-reactid="94"><span data-reactid="95"><!-- react-text: 96 -->常见导航<!-- /react-text --></span><a href="#常见导航" class="anchor" data-reactid="97">#</a></h2><table style="font-size:12px;float:right;width:600px;margin-left:60px;margin-bottom:100px;" data-reactid="98"><tbody data-reactid="99"><tr data-reactid="100"><th data-reactid="101"></th><th data-reactid="102"><!-- react-text: 103 -->侧栏导航<!-- /react-text --></th><th data-reactid="104"><!-- react-text: 105 -->顶部导航<!-- /react-text --></th></tr><tr data-reactid="106"><th data-reactid="107"><!-- react-text: 108 -->优点<!-- /react-text --></th><td data-reactid="109"><!-- react-text: 110 -->导航的层级扩展性强；水平空间利用率高，可展示更多内容；导航可以固定，使得用户在操作和浏览时可以快速定位和切换当前位置，非常高效。<!-- /react-text --></td><td data-reactid="111"><!-- react-text: 112 -->人的浏览习惯是自上而下的，便于浏览和点击；通常将内容放在固定尺寸（例如：1208px）内，整个页面排版稳定，不受用户终端显示器影响。<!-- /react-text --></td></tr><tr data-reactid="113"><th data-reactid="114"><!-- react-text: 115 -->缺点<!-- /react-text --></th><td data-reactid="116"><!-- react-text: 117 -->内容区域一般放置在栅格上，所以排版受用户终端显示器影响大。<!-- /react-text --></td><td data-reactid="118"><!-- react-text: 119 -->目前显示器多为宽屏，顶部导航对垂直空间占用率大，而对水平空间利用率低；由于中英文都是横向书写，顶部导航会限制导航类目的数量和长度。<!-- /react-text --></td></tr><tr data-reactid="120"><th data-reactid="121"><!-- react-text: 122 -->总结<!-- /react-text --></th><td data-reactid="123"><!-- react-text: 124 -->适用在操作性强、中后台管理性质的应用。<!-- /react-text --></td><td data-reactid="125"><!-- react-text: 126 -->一般适用在浏览性强、门户性质的网站，以及一些比较前台化的应用。<!-- /react-text --></td></tr></tbody></table><p data-reactid="127"><!-- react-text: 128 -->我们将常见的导航模式分为：侧栏导航和顶部导航，两者各有优缺点，设计者可以根据各自的业务需求进行选择。<!-- /react-text --></p><p data-reactid="129"><!-- react-text: 130 -->前端实现代码可以参考 <!-- /react-text --><a href="/docs/spec/layout-cn#docs-spec-layout-demo-top" data-reactid="131">常用布局</a><!-- react-text: 132 -->。<!-- /react-text --></p><h2 id="侧栏导航" data-reactid="133"><span data-reactid="134"><!-- react-text: 135 -->侧栏导航<!-- /react-text --></span><a href="#侧栏导航" class="anchor" data-reactid="136">#</a></h2><hr data-reactid="137"/><div class="preview-image-boxes clearfix" data-reactid="138"><div class="preview-image-box" data-reactid="139"><div class="preview-image-wrapper" data-reactid="140"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/hutiGZWQYmIspjw.png" alt="结构示例" data-reactid="141"/></div><div class="preview-image-title" data-reactid="142">结构示例</div><div class="preview-image-description" data-reactid="143"></div><!-- react-empty: 144 --></div></div><p data-reactid="145"><!-- react-text: 146 -->导航的结构由以下几部分组成。<!-- /react-text --></p><ol data-reactid="147"><li data-reactid="148"><p data-reactid="149"><!-- react-text: 150 -->产品 Logo 和名称<!-- /react-text --></p></li><li data-reactid="151"><p data-reactid="152"><!-- react-text: 153 -->业务类目<!-- /react-text --></p></li><li data-reactid="154"><p data-reactid="155"><!-- react-text: 156 -->登陆工具<!-- /react-text --></p></li><li data-reactid="157"><p data-reactid="158"><!-- react-text: 159 -->面包屑（可选）<!-- /react-text --></p></li></ol><h4 id="关于面包屑" data-reactid="160"><span data-reactid="161"><!-- react-text: 162 -->关于面包屑<!-- /react-text --></span><a href="#关于面包屑" class="anchor" data-reactid="163">#</a></h4><blockquote data-reactid="164"><ol data-reactid="165"><li data-reactid="166"><p data-reactid="167"><!-- react-text: 168 -->尽可能不使用面包屑，尤其是当前页面的导航能清晰的告诉用户他在哪里时。<!-- /react-text --></p></li><li data-reactid="169"><p data-reactid="170"><!-- react-text: 171 -->面包屑可以分为这几类：<!-- /react-text --></p><ul data-reactid="172"><li data-reactid="173"><p data-reactid="174"><!-- react-text: 175 -->路径型：是一个动态显示用户到达页面经过的途径。<!-- /react-text --></p></li><li data-reactid="176"><p data-reactid="177"><!-- react-text: 178 -->位置型：位置型是固定的，显示了页面在网站结构中的位置。<!-- /react-text --></p></li><li data-reactid="179"><p data-reactid="180"><!-- react-text: 181 -->属性型：属性型给出当前页面的分类信息。<!-- /react-text --></p></li></ul></li></ol></blockquote><p data-reactid="182"><br data-reactid="183"/></p><div class="preview-image-boxes clearfix" data-reactid="184"><div class="preview-image-box" data-reactid="185"><div class="preview-image-wrapper" data-reactid="186"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/IeuIHdFfKCIABHV.png" alt="一级类目" data-reactid="187"/></div><div class="preview-image-title" data-reactid="188">一级类目</div><div class="preview-image-description" data-reactid="189"></div><!-- react-empty: 190 --></div></div><div class="preview-image-boxes clearfix" data-reactid="191"><div class="preview-image-box" data-reactid="192"><div class="preview-image-wrapper" data-reactid="193"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/kAbbeJekohMtubV.png" alt="二级类目" data-reactid="194"/></div><div class="preview-image-title" data-reactid="195">二级类目</div><div class="preview-image-description" data-reactid="196"></div><!-- react-empty: 197 --></div></div><div class="preview-image-boxes clearfix" data-reactid="198"><div class="preview-image-box" data-reactid="199"><div class="preview-image-wrapper" data-reactid="200"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/qaOifucSTWooBTL.png" alt="三级类目及以上" data-reactid="201"/></div><div class="preview-image-title" data-reactid="202">三级类目及以上</div><div class="preview-image-description" data-reactid="203"></div><!-- react-empty: 204 --></div></div><p data-reactid="205"><!-- react-text: 206 -->我们定义了不同类目层级所对应的导航样式。<!-- /react-text --></p><h2 id="顶部导航" data-reactid="207"><span data-reactid="208"><!-- react-text: 209 -->顶部导航<!-- /react-text --></span><a href="#顶部导航" class="anchor" data-reactid="210">#</a></h2><hr data-reactid="211"/><div class="preview-image-boxes clearfix" data-reactid="212"><div class="preview-image-box" data-reactid="213"><div class="preview-image-wrapper" data-reactid="214"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/MVccMQxgCeYfwjS.png" alt="结构示例" data-reactid="215"/></div><div class="preview-image-title" data-reactid="216">结构示例</div><div class="preview-image-description" data-reactid="217"></div><!-- react-empty: 218 --></div></div><p data-reactid="219"><!-- react-text: 220 -->导航的结构由以下几部分组成。<!-- /react-text --></p><ol data-reactid="221"><li data-reactid="222"><p data-reactid="223"><!-- react-text: 224 -->产品 Logo 和名称<!-- /react-text --></p></li><li data-reactid="225"><p data-reactid="226"><!-- react-text: 227 -->业务类目<!-- /react-text --></p></li><li data-reactid="228"><p data-reactid="229"><!-- react-text: 230 -->登陆工具<!-- /react-text --></p></li><li data-reactid="231"><p data-reactid="232"><!-- react-text: 233 -->面包屑（可选）<!-- /react-text --></p></li></ol><p data-reactid="234"><br data-reactid="235"/></p><div class="preview-image-boxes clearfix" data-reactid="236"><div class="preview-image-box" data-reactid="237"><div class="preview-image-wrapper" data-reactid="238"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/KvEsIDOYzknbsPT.png" alt="一级类目" data-reactid="239"/></div><div class="preview-image-title" data-reactid="240">一级类目</div><div class="preview-image-description" data-reactid="241"></div><!-- react-empty: 242 --></div></div><div class="preview-image-boxes clearfix" data-reactid="243"><div class="preview-image-box" data-reactid="244"><div class="preview-image-wrapper" data-reactid="245"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/xXaCRVPIfmjDyIL.png" alt="二级类目" data-reactid="246"/></div><div class="preview-image-title" data-reactid="247">二级类目</div><div class="preview-image-description" data-reactid="248"></div><!-- react-empty: 249 --></div></div><div class="preview-image-boxes clearfix" data-reactid="250"><div class="preview-image-box" data-reactid="251"><div class="preview-image-wrapper" data-reactid="252"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/ollkHeFUFQElelm.png" alt="三级类目及以上" data-reactid="253"/></div><div class="preview-image-title" data-reactid="254">三级类目及以上</div><div class="preview-image-description" data-reactid="255"></div><!-- react-empty: 256 --></div></div><p data-reactid="257"><!-- react-text: 258 -->不同类目层级。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="259"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="260"><section class="prev-next-nav" data-reactid="261"><a class="next-page" href="/docs/pattern/form-cn" data-reactid="262">表单</a></section></div></div></div><footer id="footer" data-reactid="263"><ul data-reactid="264"><li data-reactid="265"><h2 data-reactid="266"><i class="anticon anticon-github" data-reactid="267"></i><!-- react-text: 268 --> GitHub<!-- /react-text --></h2><div data-reactid="269"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="270"><span data-reactid="271">源码仓库</span></a></div><div data-reactid="272"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="273"><span data-reactid="274">定制主题</span></a></div><div data-reactid="275"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="276"><span data-reactid="277">Awesome Ant Design</span></a></div></li><li data-reactid="278"><h2 data-reactid="279"><i class="anticon anticon-link" data-reactid="280"></i><!-- react-text: 281 --> <!-- /react-text --><span data-reactid="282">相关站点</span></h2><div data-reactid="283"><a href="https://design.alipay.com/" data-reactid="284"><span data-reactid="285">蚂蚁金服设计平台</span></a></div><div data-reactid="286"><a href="http://mobile.ant.design" data-reactid="287">Ant Design Mobile</a><span data-reactid="288"> - </span><span data-reactid="289">移动版</span></div><div data-reactid="290"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="291">dva</a><!-- react-text: 292 --> - <!-- /react-text --><span data-reactid="293">应用框架</span></div><div data-reactid="294"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="295">dva-cli</a><!-- react-text: 296 --> -<!-- /react-text --><span data-reactid="297">开发工具</span></div><div data-reactid="298"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="299">Egg</a><span data-reactid="300"> - </span><span data-reactid="301">企业级 Node 开发框架</span></div><div data-reactid="302"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="303">AntV</a><span data-reactid="304"> - </span><span data-reactid="305">数据可视化</span></div><div data-reactid="306"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="307">Ant Motion</a><span data-reactid="308"> - </span><span data-reactid="309">设计动效</span></div><div data-reactid="310"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="311">AntD Library</a><span data-reactid="312"> - </span><span data-reactid="313">Axure 部件库</span></div><div data-reactid="314"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="315">Ant UX</a><span data-reactid="316"> - </span><span data-reactid="317">页面逻辑素材</span></div></li><li data-reactid="318"><h2 data-reactid="319"><i class="anticon anticon-customer-service" data-reactid="320"></i><!-- react-text: 321 --> <!-- /react-text --><span data-reactid="322">社区</span></h2><div data-reactid="323"><a href="/changelog" data-reactid="324"><span data-reactid="325">更新记录</span></a></div><div data-reactid="326"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="327"><span data-reactid="328">常见问题</span></a></div><div data-reactid="329"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="330"><span data-reactid="331">在线讨论 (中文)</span></a></div><div data-reactid="332"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="333"><span data-reactid="334">在线讨论 (English)</span></a></div><div data-reactid="335"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="336"><span data-reactid="337">报告 Bug</span></a></div><div data-reactid="338"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="339"><span data-reactid="340">讨论列表</span></a></div><div data-reactid="341"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="342"><span data-reactid="343">StackOverflow</span></a></div><div data-reactid="344"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="345"><span data-reactid="346">SegmentFault</span></a></div></li><li data-reactid="347"><h2 data-reactid="348"><!-- react-text: 349 -->Copyright © <!-- /react-text --><!-- react-text: 350 -->2017<!-- /react-text --></h2><div data-reactid="351"><span data-reactid="352">蚂蚁金服体验技术部出品</span></div><div data-reactid="353"><!-- react-text: 354 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="355">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="51"><a href="/docs/pattern/navigation-cn" data-reactid="52">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/pattern/form-cn" data-reactid="54">表单</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/pattern/list-cn" data-reactid="56">列表</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/pattern/table-cn" data-reactid="58">表格</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/pattern/complex-table-cn" data-reactid="60">表格：复杂数据</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/pattern/advanced-search-cn" data-reactid="62">高级搜索</a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="63"><article class="markdown" data-reactid="64"><h1 data-reactid="65"><!-- react-text: 66 -->导航<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/pattern/navigation.md" data-reactid="67"><i class="anticon anticon-edit" data-reactid="68"></i></a></h1><section class="markdown" data-reactid="69"><p data-reactid="70"><!-- react-text: 71 -->在广义上，任何告知用户他在哪里，他能去什么地方以及如何到达那里的方式，都可以称之为导航。而我们将中后台常见的导航方式进行提炼和封装，帮助设计者快速构建清晰和流畅的系统。当设计者使用导航或者自定义一些导航结构时，请注意：<!-- /react-text --></p><ol data-reactid="72"><li data-reactid="73"><p data-reactid="74"><!-- react-text: 75 -->尽可能提供标示、上下文线索以及网站地图，避免用户迷路；<!-- /react-text --></p></li><li data-reactid="76"><p data-reactid="77"><!-- react-text: 78 -->保持导航样式和行为一致或者减少导航数量，降低用户学习成本；<!-- /react-text --></p></li><li data-reactid="79"><p data-reactid="80"><!-- react-text: 81 -->尽可能减少页面间的跳转（eg：一个常见任务需要多个页面跳转时，请减少至一至两次），让用户移动距离保持简短。<!-- /react-text --></p></li></ol></section><section class="toc" data-reactid="82"><ul data-reactid="83"><li data-reactid="84"><a class="bisheng-toc-h2" href="#常见导航" title="常见导航" data-reactid="85"><!-- react-text: 86 -->常见导航<!-- /react-text --></a></li><li data-reactid="87"><a class="bisheng-toc-h2" href="#侧栏导航" title="侧栏导航" data-reactid="88"><!-- react-text: 89 -->侧栏导航<!-- /react-text --></a></li><li data-reactid="90"><a class="bisheng-toc-h2" href="#顶部导航" title="顶部导航" data-reactid="91"><!-- react-text: 92 -->顶部导航<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="93"><h2 id="常见导航" data-reactid="94"><span data-reactid="95"><!-- react-text: 96 -->常见导航<!-- /react-text --></span><a href="#常见导航" class="anchor" data-reactid="97">#</a></h2><table style="font-size:12px;float:right;width:600px;margin-left:60px;margin-bottom:100px;" data-reactid="98"><tbody data-reactid="99"><tr data-reactid="100"><th data-reactid="101"></th><th data-reactid="102"><!-- react-text: 103 -->侧栏导航<!-- /react-text --></th><th data-reactid="104"><!-- react-text: 105 -->顶部导航<!-- /react-text --></th></tr><tr data-reactid="106"><th data-reactid="107"><!-- react-text: 108 -->优点<!-- /react-text --></th><td data-reactid="109"><!-- react-text: 110 -->导航的层级扩展性强；水平空间利用率高，可展示更多内容；导航可以固定，使得用户在操作和浏览时可以快速定位和切换当前位置，非常高效。<!-- /react-text --></td><td data-reactid="111"><!-- react-text: 112 -->人的浏览习惯是自上而下的，便于浏览和点击；通常将内容放在固定尺寸（例如：1208px）内，整个页面排版稳定，不受用户终端显示器影响。<!-- /react-text --></td></tr><tr data-reactid="113"><th data-reactid="114"><!-- react-text: 115 -->缺点<!-- /react-text --></th><td data-reactid="116"><!-- react-text: 117 -->内容区域一般放置在栅格上，所以排版受用户终端显示器影响大。<!-- /react-text --></td><td data-reactid="118"><!-- react-text: 119 -->目前显示器多为宽屏，顶部导航对垂直空间占用率大，而对水平空间利用率低；由于中英文都是横向书写，顶部导航会限制导航类目的数量和长度。<!-- /react-text --></td></tr><tr data-reactid="120"><th data-reactid="121"><!-- react-text: 122 -->总结<!-- /react-text --></th><td data-reactid="123"><!-- react-text: 124 -->适用在操作性强、中后台管理性质的应用。<!-- /react-text --></td><td data-reactid="125"><!-- react-text: 126 -->一般适用在浏览性强、门户性质的网站，以及一些比较前台化的应用。<!-- /react-text --></td></tr></tbody></table><p data-reactid="127"><!-- react-text: 128 -->我们将常见的导航模式分为：侧栏导航和顶部导航，两者各有优缺点，设计者可以根据各自的业务需求进行选择。<!-- /react-text --></p><p data-reactid="129"><!-- react-text: 130 -->前端实现代码可以参考 <!-- /react-text --><a href="/docs/spec/layout-cn#docs-spec-layout-demo-top" data-reactid="131">常用布局</a><!-- react-text: 132 -->。<!-- /react-text --></p><h2 id="侧栏导航" data-reactid="133"><span data-reactid="134"><!-- react-text: 135 -->侧栏导航<!-- /react-text --></span><a href="#侧栏导航" class="anchor" data-reactid="136">#</a></h2><hr data-reactid="137"/><div class="preview-image-boxes clearfix" data-reactid="138"><div class="preview-image-box" data-reactid="139"><div class="preview-image-wrapper" data-reactid="140"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/hutiGZWQYmIspjw.png" alt="结构示例" data-reactid="141"/></div><div class="preview-image-title" data-reactid="142">结构示例</div><div class="preview-image-description" data-reactid="143"></div><!-- react-empty: 144 --></div></div><p data-reactid="145"><!-- react-text: 146 -->导航的结构由以下几部分组成。<!-- /react-text --></p><ol data-reactid="147"><li data-reactid="148"><p data-reactid="149"><!-- react-text: 150 -->产品 Logo 和名称<!-- /react-text --></p></li><li data-reactid="151"><p data-reactid="152"><!-- react-text: 153 -->业务类目<!-- /react-text --></p></li><li data-reactid="154"><p data-reactid="155"><!-- react-text: 156 -->登陆工具<!-- /react-text --></p></li><li data-reactid="157"><p data-reactid="158"><!-- react-text: 159 -->面包屑（可选）<!-- /react-text --></p></li></ol><h4 id="关于面包屑" data-reactid="160"><span data-reactid="161"><!-- react-text: 162 -->关于面包屑<!-- /react-text --></span><a href="#关于面包屑" class="anchor" data-reactid="163">#</a></h4><blockquote data-reactid="164"><ol data-reactid="165"><li data-reactid="166"><p data-reactid="167"><!-- react-text: 168 -->尽可能不使用面包屑，尤其是当前页面的导航能清晰的告诉用户他在哪里时。<!-- /react-text --></p></li><li data-reactid="169"><p data-reactid="170"><!-- react-text: 171 -->面包屑可以分为这几类：<!-- /react-text --></p><ul data-reactid="172"><li data-reactid="173"><p data-reactid="174"><!-- react-text: 175 -->路径型：是一个动态显示用户到达页面经过的途径。<!-- /react-text --></p></li><li data-reactid="176"><p data-reactid="177"><!-- react-text: 178 -->位置型：位置型是固定的，显示了页面在网站结构中的位置。<!-- /react-text --></p></li><li data-reactid="179"><p data-reactid="180"><!-- react-text: 181 -->属性型：属性型给出当前页面的分类信息。<!-- /react-text --></p></li></ul></li></ol></blockquote><p data-reactid="182"><br data-reactid="183"/></p><div class="preview-image-boxes clearfix" data-reactid="184"><div class="preview-image-box" data-reactid="185"><div class="preview-image-wrapper" data-reactid="186"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/IeuIHdFfKCIABHV.png" alt="一级类目" data-reactid="187"/></div><div class="preview-image-title" data-reactid="188">一级类目</div><div class="preview-image-description" data-reactid="189"></div><!-- react-empty: 190 --></div></div><div class="preview-image-boxes clearfix" data-reactid="191"><div class="preview-image-box" data-reactid="192"><div class="preview-image-wrapper" data-reactid="193"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/kAbbeJekohMtubV.png" alt="二级类目" data-reactid="194"/></div><div class="preview-image-title" data-reactid="195">二级类目</div><div class="preview-image-description" data-reactid="196"></div><!-- react-empty: 197 --></div></div><div class="preview-image-boxes clearfix" data-reactid="198"><div class="preview-image-box" data-reactid="199"><div class="preview-image-wrapper" data-reactid="200"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/qaOifucSTWooBTL.png" alt="三级类目及以上" data-reactid="201"/></div><div class="preview-image-title" data-reactid="202">三级类目及以上</div><div class="preview-image-description" data-reactid="203"></div><!-- react-empty: 204 --></div></div><p data-reactid="205"><!-- react-text: 206 -->我们定义了不同类目层级所对应的导航样式。<!-- /react-text --></p><h2 id="顶部导航" data-reactid="207"><span data-reactid="208"><!-- react-text: 209 -->顶部导航<!-- /react-text --></span><a href="#顶部导航" class="anchor" data-reactid="210">#</a></h2><hr data-reactid="211"/><div class="preview-image-boxes clearfix" data-reactid="212"><div class="preview-image-box" data-reactid="213"><div class="preview-image-wrapper" data-reactid="214"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/MVccMQxgCeYfwjS.png" alt="结构示例" data-reactid="215"/></div><div class="preview-image-title" data-reactid="216">结构示例</div><div class="preview-image-description" data-reactid="217"></div><!-- react-empty: 218 --></div></div><p data-reactid="219"><!-- react-text: 220 -->导航的结构由以下几部分组成。<!-- /react-text --></p><ol data-reactid="221"><li data-reactid="222"><p data-reactid="223"><!-- react-text: 224 -->产品 Logo 和名称<!-- /react-text --></p></li><li data-reactid="225"><p data-reactid="226"><!-- react-text: 227 -->业务类目<!-- /react-text --></p></li><li data-reactid="228"><p data-reactid="229"><!-- react-text: 230 -->登陆工具<!-- /react-text --></p></li><li data-reactid="231"><p data-reactid="232"><!-- react-text: 233 -->面包屑（可选）<!-- /react-text --></p></li></ol><p data-reactid="234"><br data-reactid="235"/></p><div class="preview-image-boxes clearfix" data-reactid="236"><div class="preview-image-box" data-reactid="237"><div class="preview-image-wrapper" data-reactid="238"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/KvEsIDOYzknbsPT.png" alt="一级类目" data-reactid="239"/></div><div class="preview-image-title" data-reactid="240">一级类目</div><div class="preview-image-description" data-reactid="241"></div><!-- react-empty: 242 --></div></div><div class="preview-image-boxes clearfix" data-reactid="243"><div class="preview-image-box" data-reactid="244"><div class="preview-image-wrapper" data-reactid="245"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/xXaCRVPIfmjDyIL.png" alt="二级类目" data-reactid="246"/></div><div class="preview-image-title" data-reactid="247">二级类目</div><div class="preview-image-description" data-reactid="248"></div><!-- react-empty: 249 --></div></div><div class="preview-image-boxes clearfix" data-reactid="250"><div class="preview-image-box" data-reactid="251"><div class="preview-image-wrapper" data-reactid="252"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/ollkHeFUFQElelm.png" alt="三级类目及以上" data-reactid="253"/></div><div class="preview-image-title" data-reactid="254">三级类目及以上</div><div class="preview-image-description" data-reactid="255"></div><!-- react-empty: 256 --></div></div><p data-reactid="257"><!-- react-text: 258 -->不同类目层级。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="259"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="260"><section class="prev-next-nav" data-reactid="261"><a class="next-page" href="/docs/pattern/form-cn" data-reactid="262">表单</a></section></div></div></div><footer id="footer" data-reactid="263"><ul data-reactid="264"><li data-reactid="265"><h2 data-reactid="266"><i class="anticon anticon-github" data-reactid="267"></i><!-- react-text: 268 --> GitHub<!-- /react-text --></h2><div data-reactid="269"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="270"><span data-reactid="271">源码仓库</span></a></div><div data-reactid="272"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="273"><span data-reactid="274">定制主题</span></a></div><div data-reactid="275"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="276"><span data-reactid="277">Awesome Ant Design</span></a></div></li><li data-reactid="278"><h2 data-reactid="279"><i class="anticon anticon-link" data-reactid="280"></i><!-- react-text: 281 --> <!-- /react-text --><span data-reactid="282">相关站点</span></h2><div data-reactid="283"><a href="https://design.alipay.com/" data-reactid="284"><span data-reactid="285">蚂蚁金服设计平台</span></a></div><div data-reactid="286"><a href="http://mobile.ant.design" data-reactid="287">Ant Design Mobile</a><span data-reactid="288"> - </span><span data-reactid="289">移动版</span></div><div data-reactid="290"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="291">dva</a><!-- react-text: 292 --> - <!-- /react-text --><span data-reactid="293">应用框架</span></div><div data-reactid="294"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="295">dva-cli</a><!-- react-text: 296 --> -<!-- /react-text --><span data-reactid="297">开发工具</span></div><div data-reactid="298"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="299">Egg</a><span data-reactid="300"> - </span><span data-reactid="301">企业级 Node 开发框架</span></div><div data-reactid="302"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="303">AntV</a><span data-reactid="304"> - </span><span data-reactid="305">数据可视化</span></div><div data-reactid="306"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="307">Ant Motion</a><span data-reactid="308"> - </span><span data-reactid="309">设计动效</span></div><div data-reactid="310"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="311">AntD Library</a><span data-reactid="312"> - </span><span data-reactid="313">Axure 部件库</span></div><div data-reactid="314"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="315">Ant UX</a><span data-reactid="316"> - </span><span data-reactid="317">页面逻辑素材</span></div></li><li data-reactid="318"><h2 data-reactid="319"><i class="anticon anticon-customer-service" data-reactid="320"></i><!-- react-text: 321 --> <!-- /react-text --><span data-reactid="322">社区</span></h2><div data-reactid="323"><a href="/changelog" data-reactid="324"><span data-reactid="325">更新记录</span></a></div><div data-reactid="326"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="327"><span data-reactid="328">常见问题</span></a></div><div data-reactid="329"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="330"><span data-reactid="331">在线讨论 (中文)</span></a></div><div data-reactid="332"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="333"><span data-reactid="334">在线讨论 (English)</span></a></div><div data-reactid="335"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="336"><span data-reactid="337">报告 Bug</span></a></div><div data-reactid="338"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="339"><span data-reactid="340">讨论列表</span></a></div><div data-reactid="341"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="342"><span data-reactid="343">StackOverflow</span></a></div><div data-reactid="344"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="345"><span data-reactid="346">SegmentFault</span></a></div></li><li data-reactid="347"><h2 data-reactid="348"><!-- react-text: 349 -->Copyright © <!-- /react-text --><!-- react-text: 350 -->2017<!-- /react-text --></h2><div data-reactid="351"><span data-reactid="352">蚂蚁金服体验技术部出品</span></div><div data-reactid="353"><!-- react-text: 354 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="355">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/pattern/navigation.html b/docs/pattern/navigation.html
index 2ec710b9c..78aecc63c 100644
--- a/docs/pattern/navigation.html
+++ b/docs/pattern/navigation.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-364563281"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1975661745"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="51"><a href="/docs/pattern/navigation" data-reactid="52">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/pattern/form" data-reactid="54">Form</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/pattern/list" data-reactid="56">List</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/pattern/table" data-reactid="58">Table</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/pattern/complex-table" data-reactid="60">Complex Table</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/pattern/advanced-search" data-reactid="62">Advanced Search</a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="63"><article class="markdown" data-reactid="64"><h1 data-reactid="65"><!-- react-text: 66 -->Navigation<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/pattern/navigation.md" data-reactid="67"><i class="anticon anticon-edit" data-reactid="68"></i></a></h1><section class="markdown" data-reactid="69"><p data-reactid="70"><!-- react-text: 71 -->在广义上，任何告知用户他在哪里，他能去什么地方以及如何到达那里的方式，都可以称之为导航。而我们将中后台常见的导航方式进行提炼和封装，帮助设计者快速构建清晰和流畅的系统。当设计者使用导航或者自定义一些导航结构时，请注意：<!-- /react-text --></p><ol data-reactid="72"><li data-reactid="73"><p data-reactid="74"><!-- react-text: 75 -->尽可能提供标示、上下文线索以及网站地图，避免用户迷路；<!-- /react-text --></p></li><li data-reactid="76"><p data-reactid="77"><!-- react-text: 78 -->保持导航样式和行为一致或者减少导航数量，降低用户学习成本；<!-- /react-text --></p></li><li data-reactid="79"><p data-reactid="80"><!-- react-text: 81 -->尽可能减少页面间的跳转（eg：一个常见任务需要多个页面跳转时，请减少至一至两次），让用户移动距离保持简短。<!-- /react-text --></p></li></ol></section><section class="toc" data-reactid="82"><ul data-reactid="83"><li data-reactid="84"><a class="bisheng-toc-h2" href="#常见导航" title="常见导航" data-reactid="85"><!-- react-text: 86 -->常见导航<!-- /react-text --></a></li><li data-reactid="87"><a class="bisheng-toc-h2" href="#侧栏导航" title="侧栏导航" data-reactid="88"><!-- react-text: 89 -->侧栏导航<!-- /react-text --></a></li><li data-reactid="90"><a class="bisheng-toc-h2" href="#顶部导航" title="顶部导航" data-reactid="91"><!-- react-text: 92 -->顶部导航<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="93"><h2 id="常见导航" data-reactid="94"><span data-reactid="95"><!-- react-text: 96 -->常见导航<!-- /react-text --></span><a href="#常见导航" class="anchor" data-reactid="97">#</a></h2><table style="font-size:12px;float:right;width:600px;margin-left:60px;margin-bottom:100px;" data-reactid="98"><tbody data-reactid="99"><tr data-reactid="100"><th data-reactid="101"></th><th data-reactid="102"><!-- react-text: 103 -->侧栏导航<!-- /react-text --></th><th data-reactid="104"><!-- react-text: 105 -->顶部导航<!-- /react-text --></th></tr><tr data-reactid="106"><th data-reactid="107"><!-- react-text: 108 -->优点<!-- /react-text --></th><td data-reactid="109"><!-- react-text: 110 -->导航的层级扩展性强；水平空间利用率高，可展示更多内容；导航可以固定，使得用户在操作和浏览时可以快速定位和切换当前位置，非常高效。<!-- /react-text --></td><td data-reactid="111"><!-- react-text: 112 -->人的浏览习惯是自上而下的，便于浏览和点击；通常将内容放在固定尺寸（例如：1208px）内，整个页面排版稳定，不受用户终端显示器影响。<!-- /react-text --></td></tr><tr data-reactid="113"><th data-reactid="114"><!-- react-text: 115 -->缺点<!-- /react-text --></th><td data-reactid="116"><!-- react-text: 117 -->内容区域一般放置在栅格上，所以排版受用户终端显示器影响大。<!-- /react-text --></td><td data-reactid="118"><!-- react-text: 119 -->目前显示器多为宽屏，顶部导航对垂直空间占用率大，而对水平空间利用率低；由于中英文都是横向书写，顶部导航会限制导航类目的数量和长度。<!-- /react-text --></td></tr><tr data-reactid="120"><th data-reactid="121"><!-- react-text: 122 -->总结<!-- /react-text --></th><td data-reactid="123"><!-- react-text: 124 -->适用在操作性强、中后台管理性质的应用。<!-- /react-text --></td><td data-reactid="125"><!-- react-text: 126 -->一般适用在浏览性强、门户性质的网站，以及一些比较前台化的应用。<!-- /react-text --></td></tr></tbody></table><p data-reactid="127"><!-- react-text: 128 -->我们将常见的导航模式分为：侧栏导航和顶部导航，两者各有优缺点，设计者可以根据各自的业务需求进行选择。<!-- /react-text --></p><p data-reactid="129"><!-- react-text: 130 -->前端实现代码可以参考 <!-- /react-text --><a href="/docs/spec/layout#docs-spec-layout-demo-top" data-reactid="131">常用布局</a><!-- react-text: 132 -->。<!-- /react-text --></p><h2 id="侧栏导航" data-reactid="133"><span data-reactid="134"><!-- react-text: 135 -->侧栏导航<!-- /react-text --></span><a href="#侧栏导航" class="anchor" data-reactid="136">#</a></h2><hr data-reactid="137"/><div class="preview-image-boxes clearfix" data-reactid="138"><div class="preview-image-box" data-reactid="139"><div class="preview-image-wrapper" data-reactid="140"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/hutiGZWQYmIspjw.png" alt="结构示例" data-reactid="141"/></div><div class="preview-image-title" data-reactid="142">结构示例</div><div class="preview-image-description" data-reactid="143"></div><!-- react-empty: 144 --></div></div><p data-reactid="145"><!-- react-text: 146 -->导航的结构由以下几部分组成。<!-- /react-text --></p><ol data-reactid="147"><li data-reactid="148"><p data-reactid="149"><!-- react-text: 150 -->产品 Logo 和名称<!-- /react-text --></p></li><li data-reactid="151"><p data-reactid="152"><!-- react-text: 153 -->业务类目<!-- /react-text --></p></li><li data-reactid="154"><p data-reactid="155"><!-- react-text: 156 -->登陆工具<!-- /react-text --></p></li><li data-reactid="157"><p data-reactid="158"><!-- react-text: 159 -->面包屑（可选）<!-- /react-text --></p></li></ol><h4 id="关于面包屑" data-reactid="160"><span data-reactid="161"><!-- react-text: 162 -->关于面包屑<!-- /react-text --></span><a href="#关于面包屑" class="anchor" data-reactid="163">#</a></h4><blockquote data-reactid="164"><ol data-reactid="165"><li data-reactid="166"><p data-reactid="167"><!-- react-text: 168 -->尽可能不使用面包屑，尤其是当前页面的导航能清晰的告诉用户他在哪里时。<!-- /react-text --></p></li><li data-reactid="169"><p data-reactid="170"><!-- react-text: 171 -->面包屑可以分为这几类：<!-- /react-text --></p><ul data-reactid="172"><li data-reactid="173"><p data-reactid="174"><!-- react-text: 175 -->路径型：是一个动态显示用户到达页面经过的途径。<!-- /react-text --></p></li><li data-reactid="176"><p data-reactid="177"><!-- react-text: 178 -->位置型：位置型是固定的，显示了页面在网站结构中的位置。<!-- /react-text --></p></li><li data-reactid="179"><p data-reactid="180"><!-- react-text: 181 -->属性型：属性型给出当前页面的分类信息。<!-- /react-text --></p></li></ul></li></ol></blockquote><p data-reactid="182"><br data-reactid="183"/></p><div class="preview-image-boxes clearfix" data-reactid="184"><div class="preview-image-box" data-reactid="185"><div class="preview-image-wrapper" data-reactid="186"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/IeuIHdFfKCIABHV.png" alt="一级类目" data-reactid="187"/></div><div class="preview-image-title" data-reactid="188">一级类目</div><div class="preview-image-description" data-reactid="189"></div><!-- react-empty: 190 --></div></div><div class="preview-image-boxes clearfix" data-reactid="191"><div class="preview-image-box" data-reactid="192"><div class="preview-image-wrapper" data-reactid="193"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/kAbbeJekohMtubV.png" alt="二级类目" data-reactid="194"/></div><div class="preview-image-title" data-reactid="195">二级类目</div><div class="preview-image-description" data-reactid="196"></div><!-- react-empty: 197 --></div></div><div class="preview-image-boxes clearfix" data-reactid="198"><div class="preview-image-box" data-reactid="199"><div class="preview-image-wrapper" data-reactid="200"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/qaOifucSTWooBTL.png" alt="三级类目及以上" data-reactid="201"/></div><div class="preview-image-title" data-reactid="202">三级类目及以上</div><div class="preview-image-description" data-reactid="203"></div><!-- react-empty: 204 --></div></div><p data-reactid="205"><!-- react-text: 206 -->我们定义了不同类目层级所对应的导航样式。<!-- /react-text --></p><h2 id="顶部导航" data-reactid="207"><span data-reactid="208"><!-- react-text: 209 -->顶部导航<!-- /react-text --></span><a href="#顶部导航" class="anchor" data-reactid="210">#</a></h2><hr data-reactid="211"/><div class="preview-image-boxes clearfix" data-reactid="212"><div class="preview-image-box" data-reactid="213"><div class="preview-image-wrapper" data-reactid="214"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/MVccMQxgCeYfwjS.png" alt="结构示例" data-reactid="215"/></div><div class="preview-image-title" data-reactid="216">结构示例</div><div class="preview-image-description" data-reactid="217"></div><!-- react-empty: 218 --></div></div><p data-reactid="219"><!-- react-text: 220 -->导航的结构由以下几部分组成。<!-- /react-text --></p><ol data-reactid="221"><li data-reactid="222"><p data-reactid="223"><!-- react-text: 224 -->产品 Logo 和名称<!-- /react-text --></p></li><li data-reactid="225"><p data-reactid="226"><!-- react-text: 227 -->业务类目<!-- /react-text --></p></li><li data-reactid="228"><p data-reactid="229"><!-- react-text: 230 -->登陆工具<!-- /react-text --></p></li><li data-reactid="231"><p data-reactid="232"><!-- react-text: 233 -->面包屑（可选）<!-- /react-text --></p></li></ol><p data-reactid="234"><br data-reactid="235"/></p><div class="preview-image-boxes clearfix" data-reactid="236"><div class="preview-image-box" data-reactid="237"><div class="preview-image-wrapper" data-reactid="238"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/KvEsIDOYzknbsPT.png" alt="一级类目" data-reactid="239"/></div><div class="preview-image-title" data-reactid="240">一级类目</div><div class="preview-image-description" data-reactid="241"></div><!-- react-empty: 242 --></div></div><div class="preview-image-boxes clearfix" data-reactid="243"><div class="preview-image-box" data-reactid="244"><div class="preview-image-wrapper" data-reactid="245"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/xXaCRVPIfmjDyIL.png" alt="二级类目" data-reactid="246"/></div><div class="preview-image-title" data-reactid="247">二级类目</div><div class="preview-image-description" data-reactid="248"></div><!-- react-empty: 249 --></div></div><div class="preview-image-boxes clearfix" data-reactid="250"><div class="preview-image-box" data-reactid="251"><div class="preview-image-wrapper" data-reactid="252"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/ollkHeFUFQElelm.png" alt="三级类目及以上" data-reactid="253"/></div><div class="preview-image-title" data-reactid="254">三级类目及以上</div><div class="preview-image-description" data-reactid="255"></div><!-- react-empty: 256 --></div></div><p data-reactid="257"><!-- react-text: 258 -->不同类目层级。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="259"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="260"><section class="prev-next-nav" data-reactid="261"><a class="next-page" href="/docs/pattern/form" data-reactid="262">Form</a></section></div></div></div><footer id="footer" data-reactid="263"><ul data-reactid="264"><li data-reactid="265"><h2 data-reactid="266"><i class="anticon anticon-github" data-reactid="267"></i><!-- react-text: 268 --> GitHub<!-- /react-text --></h2><div data-reactid="269"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="270"><span data-reactid="271">Repository</span></a></div><div data-reactid="272"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="273"><span data-reactid="274">Customize Theme</span></a></div><div data-reactid="275"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="276"><span data-reactid="277">Awesome Ant Design</span></a></div></li><li data-reactid="278"><h2 data-reactid="279"><i class="anticon anticon-link" data-reactid="280"></i><!-- react-text: 281 --> <!-- /react-text --><span data-reactid="282">Links</span></h2><div data-reactid="283"><a href="https://design.alipay.com/" data-reactid="284"><span data-reactid="285">Ant Financial Design Platform</span></a></div><div data-reactid="286"><a href="http://mobile.ant.design" data-reactid="287">Ant Design Mobile</a><span data-reactid="288"> - </span><span data-reactid="289">Mobile UI</span></div><div data-reactid="290"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="291">dva</a><!-- react-text: 292 --> - <!-- /react-text --><span data-reactid="293">Framework</span></div><div data-reactid="294"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="295">dva-cli</a><!-- react-text: 296 --> -<!-- /react-text --><span data-reactid="297">Developer Tools</span></div><div data-reactid="298"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="299">Egg</a><span data-reactid="300"> - </span><span data-reactid="301">Enterprise Node Framework</span></div><div data-reactid="302"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="303">AntV</a><span data-reactid="304"> - </span><span data-reactid="305">Data Visualization</span></div><div data-reactid="306"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="307">Ant Motion</a><span data-reactid="308"> - </span><span data-reactid="309">Motion Soluction</span></div><div data-reactid="310"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="311">AntD Library</a><span data-reactid="312"> - </span><span data-reactid="313">Axure library</span></div><div data-reactid="314"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="315">Ant UX</a><span data-reactid="316"> - </span><span data-reactid="317">Sitemap Template</span></div></li><li data-reactid="318"><h2 data-reactid="319"><i class="anticon anticon-customer-service" data-reactid="320"></i><!-- react-text: 321 --> <!-- /react-text --><span data-reactid="322">Community</span></h2><div data-reactid="323"><a href="/changelog" data-reactid="324"><span data-reactid="325">Change Log</span></a></div><div data-reactid="326"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="327"><span data-reactid="328">FAQ</span></a></div><div data-reactid="329"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="330"><span data-reactid="331">Chat Room (中文)</span></a></div><div data-reactid="332"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="333"><span data-reactid="334">Chat Room (English)</span></a></div><div data-reactid="335"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="336"><span data-reactid="337">Bug Report</span></a></div><div data-reactid="338"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="339"><span data-reactid="340">Issues</span></a></div><div data-reactid="341"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="342"><span data-reactid="343">StackOverflow</span></a></div><div data-reactid="344"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="345"><span data-reactid="346">SegmentFault</span></a></div></li><li data-reactid="347"><h2 data-reactid="348"><!-- react-text: 349 -->Copyright © <!-- /react-text --><!-- react-text: 350 -->2017<!-- /react-text --></h2><div data-reactid="351"><span data-reactid="352">Created by AIUX</span></div><div data-reactid="353"><!-- react-text: 354 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="355">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="51"><a href="/docs/pattern/navigation" data-reactid="52">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/pattern/form" data-reactid="54">Form</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/pattern/list" data-reactid="56">List</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/pattern/table" data-reactid="58">Table</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/pattern/complex-table" data-reactid="60">Complex Table</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/pattern/advanced-search" data-reactid="62">Advanced Search</a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="63"><article class="markdown" data-reactid="64"><h1 data-reactid="65"><!-- react-text: 66 -->Navigation<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/pattern/navigation.md" data-reactid="67"><i class="anticon anticon-edit" data-reactid="68"></i></a></h1><section class="markdown" data-reactid="69"><p data-reactid="70"><!-- react-text: 71 -->在广义上，任何告知用户他在哪里，他能去什么地方以及如何到达那里的方式，都可以称之为导航。而我们将中后台常见的导航方式进行提炼和封装，帮助设计者快速构建清晰和流畅的系统。当设计者使用导航或者自定义一些导航结构时，请注意：<!-- /react-text --></p><ol data-reactid="72"><li data-reactid="73"><p data-reactid="74"><!-- react-text: 75 -->尽可能提供标示、上下文线索以及网站地图，避免用户迷路；<!-- /react-text --></p></li><li data-reactid="76"><p data-reactid="77"><!-- react-text: 78 -->保持导航样式和行为一致或者减少导航数量，降低用户学习成本；<!-- /react-text --></p></li><li data-reactid="79"><p data-reactid="80"><!-- react-text: 81 -->尽可能减少页面间的跳转（eg：一个常见任务需要多个页面跳转时，请减少至一至两次），让用户移动距离保持简短。<!-- /react-text --></p></li></ol></section><section class="toc" data-reactid="82"><ul data-reactid="83"><li data-reactid="84"><a class="bisheng-toc-h2" href="#常见导航" title="常见导航" data-reactid="85"><!-- react-text: 86 -->常见导航<!-- /react-text --></a></li><li data-reactid="87"><a class="bisheng-toc-h2" href="#侧栏导航" title="侧栏导航" data-reactid="88"><!-- react-text: 89 -->侧栏导航<!-- /react-text --></a></li><li data-reactid="90"><a class="bisheng-toc-h2" href="#顶部导航" title="顶部导航" data-reactid="91"><!-- react-text: 92 -->顶部导航<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="93"><h2 id="常见导航" data-reactid="94"><span data-reactid="95"><!-- react-text: 96 -->常见导航<!-- /react-text --></span><a href="#常见导航" class="anchor" data-reactid="97">#</a></h2><table style="font-size:12px;float:right;width:600px;margin-left:60px;margin-bottom:100px;" data-reactid="98"><tbody data-reactid="99"><tr data-reactid="100"><th data-reactid="101"></th><th data-reactid="102"><!-- react-text: 103 -->侧栏导航<!-- /react-text --></th><th data-reactid="104"><!-- react-text: 105 -->顶部导航<!-- /react-text --></th></tr><tr data-reactid="106"><th data-reactid="107"><!-- react-text: 108 -->优点<!-- /react-text --></th><td data-reactid="109"><!-- react-text: 110 -->导航的层级扩展性强；水平空间利用率高，可展示更多内容；导航可以固定，使得用户在操作和浏览时可以快速定位和切换当前位置，非常高效。<!-- /react-text --></td><td data-reactid="111"><!-- react-text: 112 -->人的浏览习惯是自上而下的，便于浏览和点击；通常将内容放在固定尺寸（例如：1208px）内，整个页面排版稳定，不受用户终端显示器影响。<!-- /react-text --></td></tr><tr data-reactid="113"><th data-reactid="114"><!-- react-text: 115 -->缺点<!-- /react-text --></th><td data-reactid="116"><!-- react-text: 117 -->内容区域一般放置在栅格上，所以排版受用户终端显示器影响大。<!-- /react-text --></td><td data-reactid="118"><!-- react-text: 119 -->目前显示器多为宽屏，顶部导航对垂直空间占用率大，而对水平空间利用率低；由于中英文都是横向书写，顶部导航会限制导航类目的数量和长度。<!-- /react-text --></td></tr><tr data-reactid="120"><th data-reactid="121"><!-- react-text: 122 -->总结<!-- /react-text --></th><td data-reactid="123"><!-- react-text: 124 -->适用在操作性强、中后台管理性质的应用。<!-- /react-text --></td><td data-reactid="125"><!-- react-text: 126 -->一般适用在浏览性强、门户性质的网站，以及一些比较前台化的应用。<!-- /react-text --></td></tr></tbody></table><p data-reactid="127"><!-- react-text: 128 -->我们将常见的导航模式分为：侧栏导航和顶部导航，两者各有优缺点，设计者可以根据各自的业务需求进行选择。<!-- /react-text --></p><p data-reactid="129"><!-- react-text: 130 -->前端实现代码可以参考 <!-- /react-text --><a href="/docs/spec/layout#docs-spec-layout-demo-top" data-reactid="131">常用布局</a><!-- react-text: 132 -->。<!-- /react-text --></p><h2 id="侧栏导航" data-reactid="133"><span data-reactid="134"><!-- react-text: 135 -->侧栏导航<!-- /react-text --></span><a href="#侧栏导航" class="anchor" data-reactid="136">#</a></h2><hr data-reactid="137"/><div class="preview-image-boxes clearfix" data-reactid="138"><div class="preview-image-box" data-reactid="139"><div class="preview-image-wrapper" data-reactid="140"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/hutiGZWQYmIspjw.png" alt="结构示例" data-reactid="141"/></div><div class="preview-image-title" data-reactid="142">结构示例</div><div class="preview-image-description" data-reactid="143"></div><!-- react-empty: 144 --></div></div><p data-reactid="145"><!-- react-text: 146 -->导航的结构由以下几部分组成。<!-- /react-text --></p><ol data-reactid="147"><li data-reactid="148"><p data-reactid="149"><!-- react-text: 150 -->产品 Logo 和名称<!-- /react-text --></p></li><li data-reactid="151"><p data-reactid="152"><!-- react-text: 153 -->业务类目<!-- /react-text --></p></li><li data-reactid="154"><p data-reactid="155"><!-- react-text: 156 -->登陆工具<!-- /react-text --></p></li><li data-reactid="157"><p data-reactid="158"><!-- react-text: 159 -->面包屑（可选）<!-- /react-text --></p></li></ol><h4 id="关于面包屑" data-reactid="160"><span data-reactid="161"><!-- react-text: 162 -->关于面包屑<!-- /react-text --></span><a href="#关于面包屑" class="anchor" data-reactid="163">#</a></h4><blockquote data-reactid="164"><ol data-reactid="165"><li data-reactid="166"><p data-reactid="167"><!-- react-text: 168 -->尽可能不使用面包屑，尤其是当前页面的导航能清晰的告诉用户他在哪里时。<!-- /react-text --></p></li><li data-reactid="169"><p data-reactid="170"><!-- react-text: 171 -->面包屑可以分为这几类：<!-- /react-text --></p><ul data-reactid="172"><li data-reactid="173"><p data-reactid="174"><!-- react-text: 175 -->路径型：是一个动态显示用户到达页面经过的途径。<!-- /react-text --></p></li><li data-reactid="176"><p data-reactid="177"><!-- react-text: 178 -->位置型：位置型是固定的，显示了页面在网站结构中的位置。<!-- /react-text --></p></li><li data-reactid="179"><p data-reactid="180"><!-- react-text: 181 -->属性型：属性型给出当前页面的分类信息。<!-- /react-text --></p></li></ul></li></ol></blockquote><p data-reactid="182"><br data-reactid="183"/></p><div class="preview-image-boxes clearfix" data-reactid="184"><div class="preview-image-box" data-reactid="185"><div class="preview-image-wrapper" data-reactid="186"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/IeuIHdFfKCIABHV.png" alt="一级类目" data-reactid="187"/></div><div class="preview-image-title" data-reactid="188">一级类目</div><div class="preview-image-description" data-reactid="189"></div><!-- react-empty: 190 --></div></div><div class="preview-image-boxes clearfix" data-reactid="191"><div class="preview-image-box" data-reactid="192"><div class="preview-image-wrapper" data-reactid="193"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/kAbbeJekohMtubV.png" alt="二级类目" data-reactid="194"/></div><div class="preview-image-title" data-reactid="195">二级类目</div><div class="preview-image-description" data-reactid="196"></div><!-- react-empty: 197 --></div></div><div class="preview-image-boxes clearfix" data-reactid="198"><div class="preview-image-box" data-reactid="199"><div class="preview-image-wrapper" data-reactid="200"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/qaOifucSTWooBTL.png" alt="三级类目及以上" data-reactid="201"/></div><div class="preview-image-title" data-reactid="202">三级类目及以上</div><div class="preview-image-description" data-reactid="203"></div><!-- react-empty: 204 --></div></div><p data-reactid="205"><!-- react-text: 206 -->我们定义了不同类目层级所对应的导航样式。<!-- /react-text --></p><h2 id="顶部导航" data-reactid="207"><span data-reactid="208"><!-- react-text: 209 -->顶部导航<!-- /react-text --></span><a href="#顶部导航" class="anchor" data-reactid="210">#</a></h2><hr data-reactid="211"/><div class="preview-image-boxes clearfix" data-reactid="212"><div class="preview-image-box" data-reactid="213"><div class="preview-image-wrapper" data-reactid="214"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/MVccMQxgCeYfwjS.png" alt="结构示例" data-reactid="215"/></div><div class="preview-image-title" data-reactid="216">结构示例</div><div class="preview-image-description" data-reactid="217"></div><!-- react-empty: 218 --></div></div><p data-reactid="219"><!-- react-text: 220 -->导航的结构由以下几部分组成。<!-- /react-text --></p><ol data-reactid="221"><li data-reactid="222"><p data-reactid="223"><!-- react-text: 224 -->产品 Logo 和名称<!-- /react-text --></p></li><li data-reactid="225"><p data-reactid="226"><!-- react-text: 227 -->业务类目<!-- /react-text --></p></li><li data-reactid="228"><p data-reactid="229"><!-- react-text: 230 -->登陆工具<!-- /react-text --></p></li><li data-reactid="231"><p data-reactid="232"><!-- react-text: 233 -->面包屑（可选）<!-- /react-text --></p></li></ol><p data-reactid="234"><br data-reactid="235"/></p><div class="preview-image-boxes clearfix" data-reactid="236"><div class="preview-image-box" data-reactid="237"><div class="preview-image-wrapper" data-reactid="238"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/KvEsIDOYzknbsPT.png" alt="一级类目" data-reactid="239"/></div><div class="preview-image-title" data-reactid="240">一级类目</div><div class="preview-image-description" data-reactid="241"></div><!-- react-empty: 242 --></div></div><div class="preview-image-boxes clearfix" data-reactid="243"><div class="preview-image-box" data-reactid="244"><div class="preview-image-wrapper" data-reactid="245"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/xXaCRVPIfmjDyIL.png" alt="二级类目" data-reactid="246"/></div><div class="preview-image-title" data-reactid="247">二级类目</div><div class="preview-image-description" data-reactid="248"></div><!-- react-empty: 249 --></div></div><div class="preview-image-boxes clearfix" data-reactid="250"><div class="preview-image-box" data-reactid="251"><div class="preview-image-wrapper" data-reactid="252"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/ollkHeFUFQElelm.png" alt="三级类目及以上" data-reactid="253"/></div><div class="preview-image-title" data-reactid="254">三级类目及以上</div><div class="preview-image-description" data-reactid="255"></div><!-- react-empty: 256 --></div></div><p data-reactid="257"><!-- react-text: 258 -->不同类目层级。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="259"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="260"><section class="prev-next-nav" data-reactid="261"><a class="next-page" href="/docs/pattern/form" data-reactid="262">Form</a></section></div></div></div><footer id="footer" data-reactid="263"><ul data-reactid="264"><li data-reactid="265"><h2 data-reactid="266"><i class="anticon anticon-github" data-reactid="267"></i><!-- react-text: 268 --> GitHub<!-- /react-text --></h2><div data-reactid="269"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="270"><span data-reactid="271">Repository</span></a></div><div data-reactid="272"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="273"><span data-reactid="274">Customize Theme</span></a></div><div data-reactid="275"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="276"><span data-reactid="277">Awesome Ant Design</span></a></div></li><li data-reactid="278"><h2 data-reactid="279"><i class="anticon anticon-link" data-reactid="280"></i><!-- react-text: 281 --> <!-- /react-text --><span data-reactid="282">Links</span></h2><div data-reactid="283"><a href="https://design.alipay.com/" data-reactid="284"><span data-reactid="285">Ant Financial Design Platform</span></a></div><div data-reactid="286"><a href="http://mobile.ant.design" data-reactid="287">Ant Design Mobile</a><span data-reactid="288"> - </span><span data-reactid="289">Mobile UI</span></div><div data-reactid="290"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="291">dva</a><!-- react-text: 292 --> - <!-- /react-text --><span data-reactid="293">Framework</span></div><div data-reactid="294"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="295">dva-cli</a><!-- react-text: 296 --> -<!-- /react-text --><span data-reactid="297">Developer Tools</span></div><div data-reactid="298"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="299">Egg</a><span data-reactid="300"> - </span><span data-reactid="301">Enterprise Node Framework</span></div><div data-reactid="302"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="303">AntV</a><span data-reactid="304"> - </span><span data-reactid="305">Data Visualization</span></div><div data-reactid="306"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="307">Ant Motion</a><span data-reactid="308"> - </span><span data-reactid="309">Motion Soluction</span></div><div data-reactid="310"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="311">AntD Library</a><span data-reactid="312"> - </span><span data-reactid="313">Axure library</span></div><div data-reactid="314"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="315">Ant UX</a><span data-reactid="316"> - </span><span data-reactid="317">Sitemap Template</span></div></li><li data-reactid="318"><h2 data-reactid="319"><i class="anticon anticon-customer-service" data-reactid="320"></i><!-- react-text: 321 --> <!-- /react-text --><span data-reactid="322">Community</span></h2><div data-reactid="323"><a href="/changelog" data-reactid="324"><span data-reactid="325">Change Log</span></a></div><div data-reactid="326"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="327"><span data-reactid="328">FAQ</span></a></div><div data-reactid="329"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="330"><span data-reactid="331">Chat Room (中文)</span></a></div><div data-reactid="332"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="333"><span data-reactid="334">Chat Room (English)</span></a></div><div data-reactid="335"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="336"><span data-reactid="337">Bug Report</span></a></div><div data-reactid="338"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="339"><span data-reactid="340">Issues</span></a></div><div data-reactid="341"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="342"><span data-reactid="343">StackOverflow</span></a></div><div data-reactid="344"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="345"><span data-reactid="346">SegmentFault</span></a></div></li><li data-reactid="347"><h2 data-reactid="348"><!-- react-text: 349 -->Copyright © <!-- /react-text --><!-- react-text: 350 -->2017<!-- /react-text --></h2><div data-reactid="351"><span data-reactid="352">Created by AIUX</span></div><div data-reactid="353"><!-- react-text: 354 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="355">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/pattern/table-cn.html b/docs/pattern/table-cn.html
index 2b625a1e1..4bc340a0e 100644
--- a/docs/pattern/table-cn.html
+++ b/docs/pattern/table-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-563138696"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1198641286"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/pattern/navigation-cn" data-reactid="52">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/pattern/form-cn" data-reactid="54">表单</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/pattern/list-cn" data-reactid="56">列表</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="57"><a href="/docs/pattern/table-cn" data-reactid="58">表格</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/pattern/complex-table-cn" data-reactid="60">表格：复杂数据</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/pattern/advanced-search-cn" data-reactid="62">高级搜索</a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="63"><article class="markdown" data-reactid="64"><h1 data-reactid="65"><!-- react-text: 66 -->表格<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/pattern/table.md" data-reactid="67"><i class="anticon anticon-edit" data-reactid="68"></i></a></h1><section class="markdown" data-reactid="69"><p data-reactid="70"><!-- react-text: 71 -->表格可被视为一种列表。它经常和其他界面元素一起协同，用于展示和操作结构化数据，并经常用于详情信息的入口。<!-- /react-text --></p></section><section class="toc" data-reactid="72"><ul data-reactid="73"><li data-reactid="74"><a class="bisheng-toc-h2" href="#内容" title="内容" data-reactid="75"><!-- react-text: 76 -->内容<!-- /react-text --></a></li><li data-reactid="77"><a class="bisheng-toc-h2" href="#交互" title="交互" data-reactid="78"><!-- react-text: 79 -->交互<!-- /react-text --></a></li><li data-reactid="80"><a class="bisheng-toc-h2" href="#规格" title="规格" data-reactid="81"><!-- react-text: 82 -->规格<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="83"><h2 id="内容" data-reactid="84"><span data-reactid="85"><!-- react-text: 86 -->内容<!-- /react-text --></span><a href="#内容" class="anchor" data-reactid="87">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="88"><div class="preview-image-box" data-reactid="89"><div class="preview-image-wrapper" data-reactid="90"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/zFqqEqKKAylKkxv.png" alt="结构示例" data-reactid="91"/></div><div class="preview-image-title" data-reactid="92">结构示例</div><div class="preview-image-description" data-reactid="93"></div><!-- react-empty: 94 --></div></div><p data-reactid="95"><!-- react-text: 96 -->通常表格的组成元素以及相关元素会有，这几部分组成。<!-- /react-text --></p><ol data-reactid="97"><li data-reactid="98"><p data-reactid="99"><!-- react-text: 100 -->按钮组<!-- /react-text --></p></li><li data-reactid="101"><p data-reactid="102"><!-- react-text: 103 -->搜索条件<!-- /react-text --></p></li><li data-reactid="104"><p data-reactid="105"><!-- react-text: 106 -->排序<!-- /react-text --></p></li><li data-reactid="107"><p data-reactid="108"><!-- react-text: 109 -->筛选<!-- /react-text --></p></li><li data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->状态点<!-- /react-text --></p></li><li data-reactid="113"><p data-reactid="114"><!-- react-text: 115 -->单行操作<!-- /react-text --></p></li><li data-reactid="116"><p data-reactid="117"><!-- react-text: 118 -->分页器／无限加载（可选）<!-- /react-text --></p></li></ol><h3 id="筛选" data-reactid="119"><span data-reactid="120"><!-- react-text: 121 -->筛选<!-- /react-text --></span><a href="#筛选" class="anchor" data-reactid="122">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="123"><div class="preview-image-box" data-reactid="124"><div class="preview-image-wrapper" data-reactid="125"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/YRcnmAFUvcfMlpN.png" alt="筛选示例" data-reactid="126"/></div><div class="preview-image-title" data-reactid="127">筛选示例</div><div class="preview-image-description" data-reactid="128"></div><!-- react-empty: 129 --></div></div><p data-reactid="130"><!-- react-text: 131 -->当该列选项有限，用户又希望只查看一个或者多个值时，可考虑使用。<!-- /react-text --></p><h3 id="状态点" data-reactid="132"><span data-reactid="133"><!-- react-text: 134 -->状态点<!-- /react-text --></span><a href="#状态点" class="anchor" data-reactid="135">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="136"><div class="preview-image-box" data-reactid="137"><div class="preview-image-wrapper" data-reactid="138"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/EYmtSshUxKydwns.png" alt="状态示例" data-reactid="139"/></div><div class="preview-image-title" data-reactid="140">状态示例</div><div class="preview-image-description" data-reactid="141"></div><!-- react-empty: 142 --></div></div><p data-reactid="143"><!-- react-text: 144 -->一般用四种颜色来表明系统的不同状态。<!-- /react-text --></p><h3 id="更多操作" data-reactid="145"><span data-reactid="146"><!-- react-text: 147 -->更多操作<!-- /react-text --></span><a href="#更多操作" class="anchor" data-reactid="148">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="149"><div class="preview-image-box" data-reactid="150"><div class="preview-image-wrapper" data-reactid="151"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/ZlcZDOZNZpYQcMM.png" alt="更多操作示例" data-reactid="152"/></div><div class="preview-image-title" data-reactid="153">更多操作示例</div><div class="preview-image-description" data-reactid="154">依次分别为：完整内容、暂时不可用、没有该权限。</div><!-- react-empty: 155 --></div></div><p data-reactid="156"><!-- react-text: 157 -->该项暂时不可用时，直接灰化该操作；用户没有该权限时，直接隐藏该操作。<!-- /react-text --></p><h3 id="跳转至详情" data-reactid="158"><span data-reactid="159"><!-- react-text: 160 -->跳转至详情<!-- /react-text --></span><a href="#跳转至详情" class="anchor" data-reactid="161">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="162"><div class="preview-image-box" data-reactid="163"><div class="preview-image-wrapper" data-reactid="164"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/tfJiUmrUJRzBlzt.png" alt="名称跳转示例" data-reactid="165"/></div><div class="preview-image-title" data-reactid="166">名称跳转示例</div><div class="preview-image-description" data-reactid="167"></div><!-- react-empty: 168 --></div></div><p data-reactid="169"><!-- react-text: 170 -->把 ID、名称等唯一性的表格项处理成文字链，点击后跳转至详情。<!-- /react-text --></p><ul data-reactid="171"><li data-reactid="172"><p data-reactid="173"><!-- react-text: 174 -->优点：节省空间；<!-- /react-text --></p></li><li data-reactid="175"><p data-reactid="176"><!-- react-text: 177 -->缺点：可发现性较低；点击区域受到内容限制，可能出现不易点击的情况。<!-- /react-text --></p></li></ul><p data-reactid="178"><br data-reactid="179"/></p><div class="preview-image-boxes clearfix" data-reactid="180"><div class="preview-image-box" data-reactid="181"><div class="preview-image-wrapper" data-reactid="182"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/zjDqNVTzSrzXaWg.png" alt="查看跳转示例" data-reactid="183"/></div><div class="preview-image-title" data-reactid="184">查看跳转示例</div><div class="preview-image-description" data-reactid="185"></div><!-- react-empty: 186 --></div></div><p data-reactid="187"><!-- react-text: 188 -->在操作中增加一列『查看』，点击后进行跳转至详情。<!-- /react-text --></p><ul data-reactid="189"><li data-reactid="190"><p data-reactid="191"><!-- react-text: 192 -->优点：可发现性高；点击范围固定，不受影响；<!-- /react-text --></p></li><li data-reactid="193"><p data-reactid="194"><!-- react-text: 195 -->缺点：比较占空间。<!-- /react-text --></p></li></ul><p data-reactid="196"><br data-reactid="197"/></p><p data-reactid="198"><!-- react-text: 199 -->结论：可根据业务系统中表格的实际情况，统一使用一种类型。<!-- /react-text --></p><h2 id="交互" data-reactid="200"><span data-reactid="201"><!-- react-text: 202 -->交互<!-- /react-text --></span><a href="#交互" class="anchor" data-reactid="203">#</a></h2><h3 id="显示长表格" data-reactid="204"><span data-reactid="205"><!-- react-text: 206 -->显示长表格<!-- /react-text --></span><a href="#显示长表格" class="anchor" data-reactid="207">#</a></h3><p data-reactid="208"><!-- react-text: 209 -->参考『列表页面』中的 <!-- /react-text --><a href="/docs/pattern/list-cn#%E6%98%BE%E7%A4%BA%E9%95%BF%E5%88%97%E8%A1%A8" data-reactid="210">显示长列表</a><!-- react-text: 211 -->。<!-- /react-text --></p><h3 id="全选数据" data-reactid="212"><span data-reactid="213"><!-- react-text: 214 -->全选数据<!-- /react-text --></span><a href="#全选数据" class="anchor" data-reactid="215">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="216"><div class="preview-image-box" data-reactid="217"><div class="preview-image-wrapper" data-reactid="218"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/QqafGErOPnuDKyy.png" alt="状态一" data-reactid="219"/></div><div class="preview-image-title" data-reactid="220">状态一</div><div class="preview-image-description" data-reactid="221"></div><!-- react-empty: 222 --></div></div><div class="preview-image-boxes clearfix" data-reactid="223"><div class="preview-image-box" data-reactid="224"><div class="preview-image-wrapper" data-reactid="225"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/qwRSMFNilVCNoym.png" alt="状态二：点击 Table 顶部的复选框，出现『Alert』" data-reactid="226"/></div><div class="preview-image-title" data-reactid="227">状态二：点击 Table 顶部的复选框，出现『Alert』</div><div class="preview-image-description" data-reactid="228"></div><!-- react-empty: 229 --></div></div><div class="preview-image-boxes clearfix" data-reactid="230"><div class="preview-image-box" data-reactid="231"><div class="preview-image-wrapper" data-reactid="232"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/POvEJGjMYAexGut.png" alt="状态三：点击『选择全部』后" data-reactid="233"/></div><div class="preview-image-title" data-reactid="234">状态三：点击『选择全部』后</div><div class="preview-image-description" data-reactid="235"></div><!-- react-empty: 236 --></div></div><p data-reactid="237"><!-- react-text: 238 -->当使用了分页器，又想实现全选数据的功能，可以结合『Alert』来实现。<!-- /react-text --></p><h3 id="跨页选数据" data-reactid="239"><span data-reactid="240"><!-- react-text: 241 -->跨页选数据<!-- /react-text --></span><a href="#跨页选数据" class="anchor" data-reactid="242">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="243"><div class="preview-image-box" data-reactid="244"><div class="preview-image-wrapper" data-reactid="245"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/OcIWSystreURrPV.png" alt="状态一：选中一行数据" data-reactid="246"/></div><div class="preview-image-title" data-reactid="247">状态一：选中一行数据</div><div class="preview-image-description" data-reactid="248"></div><!-- react-empty: 249 --></div></div><div class="preview-image-boxes clearfix" data-reactid="250"><div class="preview-image-box" data-reactid="251"><div class="preview-image-wrapper" data-reactid="252"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/HuzwUWDzXszOkEI.png" alt="状态二：切换分页后，记录所选的项目" data-reactid="253"/></div><div class="preview-image-title" data-reactid="254">状态二：切换分页后，记录所选的项目</div><div class="preview-image-description" data-reactid="255"></div><!-- react-empty: 256 --></div></div><div class="preview-image-boxes clearfix" data-reactid="257"><div class="preview-image-box" data-reactid="258"><div class="preview-image-wrapper" data-reactid="259"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/yCjrxTSElzNUsFn.png" alt="状态三：在其他页中再选择一项，多记录一项选择" data-reactid="260"/></div><div class="preview-image-title" data-reactid="261">状态三：在其他页中再选择一项，多记录一项选择</div><div class="preview-image-description" data-reactid="262"></div><!-- react-empty: 263 --></div></div><div class="preview-image-boxes clearfix" data-reactid="264"><div class="preview-image-box" data-reactid="265"><div class="preview-image-wrapper" data-reactid="266"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/jtepHsDPApPnQlD.png" alt="状态四：用户可以在记录条直接取消选择" data-reactid="267"/></div><div class="preview-image-title" data-reactid="268">状态四：用户可以在记录条直接取消选择</div><div class="preview-image-description" data-reactid="269"></div><!-- react-empty: 270 --></div></div><div class="preview-image-boxes clearfix" data-reactid="271"><div class="preview-image-box" data-reactid="272"><div class="preview-image-wrapper" data-reactid="273"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/OAVQZqxPyuAWvTh.png" alt="状态五：表格选择框同步取消选择" data-reactid="274"/></div><div class="preview-image-title" data-reactid="275">状态五：表格选择框同步取消选择</div><div class="preview-image-description" data-reactid="276"></div><!-- react-empty: 277 --></div></div><p data-reactid="278"><!-- react-text: 279 -->当需要对表格／列表的数据进行跨分页器选择时，结合『Alert』来实现。<!-- /react-text --></p><h3 id="固定按钮组" data-reactid="280"><span data-reactid="281"><!-- react-text: 282 -->固定按钮组<!-- /react-text --></span><a href="#固定按钮组" class="anchor" data-reactid="283">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="284"><div class="preview-image-box" data-reactid="285"><div class="preview-image-wrapper" data-reactid="286"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/AhgnVIhTIvtHpok.png" alt="顶部固定示例" data-reactid="287"/></div><div class="preview-image-title" data-reactid="288">顶部固定示例</div><div class="preview-image-description" data-reactid="289"></div><!-- react-empty: 290 --></div></div><div class="preview-image-boxes clearfix" data-reactid="291"><div class="preview-image-box" data-reactid="292"><div class="preview-image-wrapper" data-reactid="293"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/hUHidNAJczLRVCg.png" alt="底部固定示例" data-reactid="294"/></div><div class="preview-image-title" data-reactid="295">底部固定示例</div><div class="preview-image-description" data-reactid="296"></div><!-- react-empty: 297 --></div></div><p data-reactid="298"><!-- react-text: 299 -->用在表格行数很多时（一般多于 20 行），又想对表格数据进行频繁的操作时，尤其适用在无限加载的表格中。<!-- /react-text --></p><h3 id="某一项内容过长" data-reactid="300"><span data-reactid="301"><!-- react-text: 302 -->某一项内容过长<!-- /react-text --></span><a href="#某一项内容过长" class="anchor" data-reactid="303">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="304"><div class="preview-image-box" data-reactid="305"><div class="preview-image-wrapper" data-reactid="306"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/vgNHOYAiuQbXCOi.png" alt="气泡显示示例" data-reactid="307"/></div><div class="preview-image-title" data-reactid="308">气泡显示示例</div><div class="preview-image-description" data-reactid="309">当过长信息可以被隐藏时，用户悬浮／点击该项时，用『Tooltip／Popover』来显示完整内容。</div><!-- react-empty: 310 --></div></div><p data-reactid="311"><!-- react-text: 312 -->某一项内容过长／不确定长度，既不希望用户在列表和详情之间来回跳转，又不希望不确定的数据撑爆表格时。<!-- /react-text --></p><h3 id="模块编辑" data-reactid="313"><span data-reactid="314"><!-- react-text: 315 -->模块编辑<!-- /react-text --></span><a href="#模块编辑" class="anchor" data-reactid="316">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="317"><div class="preview-image-box" data-reactid="318"><div class="preview-image-wrapper" data-reactid="319"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/mUhSLOTjzGYTQaE.png" alt="模块编辑示例" data-reactid="320"/></div><div class="preview-image-title" data-reactid="321">模块编辑示例</div><div class="preview-image-description" data-reactid="322">启动和禁用要尽可能相似（对称性交互）；保证启用和禁用切换时，页面不在水平方向不错位。</div><!-- react-empty: 323 --></div></div><p data-reactid="324"><!-- react-text: 325 -->适用在易读性高于易编辑性时；适用在有一定数量的项需要编辑时。<!-- /react-text --></p><h3 id="直接编辑" data-reactid="326"><span data-reactid="327"><!-- react-text: 328 -->直接编辑<!-- /react-text --></span><a href="#直接编辑" class="anchor" data-reactid="329">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="330"><div class="preview-image-box" data-reactid="331"><div class="preview-image-wrapper" data-reactid="332"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/VgvZjqTZBuAfGuO.png" alt="直接编辑示例" data-reactid="333"/></div><div class="preview-image-title" data-reactid="334">直接编辑示例</div><div class="preview-image-description" data-reactid="335">用户输入后，系统需要及时保存数据。</div><!-- react-empty: 336 --></div></div><p data-reactid="337"><!-- react-text: 338 -->适用在易编辑性高于易读性时。<!-- /react-text --></p><h3 id="悬浮层编辑" data-reactid="339"><span data-reactid="340"><!-- react-text: 341 -->悬浮层编辑<!-- /react-text --></span><a href="#悬浮层编辑" class="anchor" data-reactid="342">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="343"><div class="preview-image-box" data-reactid="344"><div class="preview-image-wrapper" data-reactid="345"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/QhIyXeNxAZEaLjT.png" alt="悬浮层编辑示例" data-reactid="346"/></div><div class="preview-image-title" data-reactid="347">悬浮层编辑示例</div><div class="preview-image-description" data-reactid="348"></div><!-- react-empty: 349 --></div></div><p data-reactid="350"><!-- react-text: 351 -->悬浮层会遮挡部分页面，适用在上下文对编辑任务不那么重要时。<!-- /react-text --></p><h2 id="规格" data-reactid="352"><span data-reactid="353"><!-- react-text: 354 -->规格<!-- /react-text --></span><a href="#规格" class="anchor" data-reactid="355">#</a></h2><h3 id="行高" data-reactid="356"><span data-reactid="357"><!-- react-text: 358 -->行高<!-- /react-text --></span><a href="#行高" class="anchor" data-reactid="359">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="360"><div class="preview-image-box" data-reactid="361"><div class="preview-image-wrapper" data-reactid="362"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/OXTCkOkAtaWtzNA.png" alt="标准" data-reactid="363"/></div><div class="preview-image-title" data-reactid="364">标准</div><div class="preview-image-description" data-reactid="365"></div><!-- react-empty: 366 --></div></div><div class="preview-image-boxes clearfix" data-reactid="367"><div class="preview-image-box" data-reactid="368"><div class="preview-image-wrapper" data-reactid="369"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/irjamuwZFdQLYWJ.png" alt="适中" data-reactid="370"/></div><div class="preview-image-title" data-reactid="371">适中</div><div class="preview-image-description" data-reactid="372"></div><!-- react-empty: 373 --></div></div><div class="preview-image-boxes clearfix" data-reactid="374"><div class="preview-image-box" data-reactid="375"><div class="preview-image-wrapper" data-reactid="376"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/SdlTVIAoxickNMM.png" alt="紧凑" data-reactid="377"/></div><div class="preview-image-title" data-reactid="378">紧凑</div><div class="preview-image-description" data-reactid="379"></div><!-- react-empty: 380 --></div></div><p data-reactid="381"><!-- react-text: 382 -->提供了多种规格的行高，适用在页面、弹出框等场景中。<!-- /react-text --></p><h3 id="列宽" data-reactid="383"><span data-reactid="384"><!-- react-text: 385 -->列宽<!-- /react-text --></span><a href="#列宽" class="anchor" data-reactid="386">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="387"><div class="preview-image-box" data-reactid="388"><div class="preview-image-wrapper bad" data-reactid="389"><img class="preview-img bad" src="https://os.alipayobjects.com/rmsportal/TbuuZNfOTrSflVg.png" alt="错误示例" data-reactid="390"/></div><div class="preview-image-title" data-reactid="391">错误示例</div><div class="preview-image-description" data-reactid="392"></div><!-- react-empty: 393 --></div></div><div class="preview-image-boxes clearfix" data-reactid="394"><div class="preview-image-box" data-reactid="395"><div class="preview-image-wrapper good" data-reactid="396"><img class="preview-img good" src="https://os.alipayobjects.com/rmsportal/cSSSfNrFMioHDBJ.png" alt="正确示例" data-reactid="397"/></div><div class="preview-image-title" data-reactid="398">正确示例</div><div class="preview-image-description" data-reactid="399"></div><!-- react-empty: 400 --></div></div><p data-reactid="401"><!-- react-text: 402 -->一般是根据栅格来排版，通过设定每一列的宽度比列，来保证一定尺寸之上（eg：1366px）有好的浏览效果。需要注意：<!-- /react-text --></p><ol data-reactid="403"><li data-reactid="404"><p data-reactid="405"><!-- react-text: 406 -->表头不换行；<!-- /react-text --></p></li><li data-reactid="407"><p data-reactid="408"><!-- react-text: 409 -->固定字节长度的列尽量不换行（eg：创建时间、操作等）。<!-- /react-text --></p></li></ol><h3 id="对齐方式" data-reactid="410"><span data-reactid="411"><!-- react-text: 412 -->对齐方式<!-- /react-text --></span><a href="#对齐方式" class="anchor" data-reactid="413">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="414"><div class="preview-image-box" data-reactid="415"><div class="preview-image-wrapper" data-reactid="416"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/RWCMGdnGSZXYULc.png" alt="对齐示例" data-reactid="417"/></div><div class="preview-image-title" data-reactid="418">对齐示例</div><div class="preview-image-description" data-reactid="419"></div><!-- react-empty: 420 --></div></div><p data-reactid="421"><!-- react-text: 422 -->数值右对齐（带小数则按小数点对齐），其余左对齐。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="423"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="424"><section class="prev-next-nav" data-reactid="425"><a class="prev-page" href="/docs/pattern/list-cn" data-reactid="426">列表</a><a class="next-page" href="/docs/pattern/complex-table-cn" data-reactid="427">表格：复杂数据</a></section></div></div></div><footer id="footer" data-reactid="428"><ul data-reactid="429"><li data-reactid="430"><h2 data-reactid="431"><i class="anticon anticon-github" data-reactid="432"></i><!-- react-text: 433 --> GitHub<!-- /react-text --></h2><div data-reactid="434"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="435"><span data-reactid="436">源码仓库</span></a></div><div data-reactid="437"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="438"><span data-reactid="439">定制主题</span></a></div><div data-reactid="440"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="441"><span data-reactid="442">Awesome Ant Design</span></a></div></li><li data-reactid="443"><h2 data-reactid="444"><i class="anticon anticon-link" data-reactid="445"></i><!-- react-text: 446 --> <!-- /react-text --><span data-reactid="447">相关站点</span></h2><div data-reactid="448"><a href="https://design.alipay.com/" data-reactid="449"><span data-reactid="450">蚂蚁金服设计平台</span></a></div><div data-reactid="451"><a href="http://mobile.ant.design" data-reactid="452">Ant Design Mobile</a><span data-reactid="453"> - </span><span data-reactid="454">移动版</span></div><div data-reactid="455"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="456">dva</a><!-- react-text: 457 --> - <!-- /react-text --><span data-reactid="458">应用框架</span></div><div data-reactid="459"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="460">dva-cli</a><!-- react-text: 461 --> -<!-- /react-text --><span data-reactid="462">开发工具</span></div><div data-reactid="463"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="464">Egg</a><span data-reactid="465"> - </span><span data-reactid="466">企业级 Node 开发框架</span></div><div data-reactid="467"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="468">AntV</a><span data-reactid="469"> - </span><span data-reactid="470">数据可视化</span></div><div data-reactid="471"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="472">Ant Motion</a><span data-reactid="473"> - </span><span data-reactid="474">设计动效</span></div><div data-reactid="475"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="476">AntD Library</a><span data-reactid="477"> - </span><span data-reactid="478">Axure 部件库</span></div><div data-reactid="479"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="480">Ant UX</a><span data-reactid="481"> - </span><span data-reactid="482">页面逻辑素材</span></div></li><li data-reactid="483"><h2 data-reactid="484"><i class="anticon anticon-customer-service" data-reactid="485"></i><!-- react-text: 486 --> <!-- /react-text --><span data-reactid="487">社区</span></h2><div data-reactid="488"><a href="/changelog" data-reactid="489"><span data-reactid="490">更新记录</span></a></div><div data-reactid="491"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="492"><span data-reactid="493">常见问题</span></a></div><div data-reactid="494"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="495"><span data-reactid="496">在线讨论 (中文)</span></a></div><div data-reactid="497"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="498"><span data-reactid="499">在线讨论 (English)</span></a></div><div data-reactid="500"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="501"><span data-reactid="502">报告 Bug</span></a></div><div data-reactid="503"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="504"><span data-reactid="505">讨论列表</span></a></div><div data-reactid="506"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="507"><span data-reactid="508">StackOverflow</span></a></div><div data-reactid="509"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="510"><span data-reactid="511">SegmentFault</span></a></div></li><li data-reactid="512"><h2 data-reactid="513"><!-- react-text: 514 -->Copyright © <!-- /react-text --><!-- react-text: 515 -->2017<!-- /react-text --></h2><div data-reactid="516"><span data-reactid="517">蚂蚁金服体验技术部出品</span></div><div data-reactid="518"><!-- react-text: 519 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="520">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/pattern/navigation-cn" data-reactid="52">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/pattern/form-cn" data-reactid="54">表单</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/pattern/list-cn" data-reactid="56">列表</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="57"><a href="/docs/pattern/table-cn" data-reactid="58">表格</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/pattern/complex-table-cn" data-reactid="60">表格：复杂数据</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/pattern/advanced-search-cn" data-reactid="62">高级搜索</a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="63"><article class="markdown" data-reactid="64"><h1 data-reactid="65"><!-- react-text: 66 -->表格<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/pattern/table.md" data-reactid="67"><i class="anticon anticon-edit" data-reactid="68"></i></a></h1><section class="markdown" data-reactid="69"><p data-reactid="70"><!-- react-text: 71 -->表格可被视为一种列表。它经常和其他界面元素一起协同，用于展示和操作结构化数据，并经常用于详情信息的入口。<!-- /react-text --></p></section><section class="toc" data-reactid="72"><ul data-reactid="73"><li data-reactid="74"><a class="bisheng-toc-h2" href="#内容" title="内容" data-reactid="75"><!-- react-text: 76 -->内容<!-- /react-text --></a></li><li data-reactid="77"><a class="bisheng-toc-h2" href="#交互" title="交互" data-reactid="78"><!-- react-text: 79 -->交互<!-- /react-text --></a></li><li data-reactid="80"><a class="bisheng-toc-h2" href="#规格" title="规格" data-reactid="81"><!-- react-text: 82 -->规格<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="83"><h2 id="内容" data-reactid="84"><span data-reactid="85"><!-- react-text: 86 -->内容<!-- /react-text --></span><a href="#内容" class="anchor" data-reactid="87">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="88"><div class="preview-image-box" data-reactid="89"><div class="preview-image-wrapper" data-reactid="90"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/zFqqEqKKAylKkxv.png" alt="结构示例" data-reactid="91"/></div><div class="preview-image-title" data-reactid="92">结构示例</div><div class="preview-image-description" data-reactid="93"></div><!-- react-empty: 94 --></div></div><p data-reactid="95"><!-- react-text: 96 -->通常表格的组成元素以及相关元素会有，这几部分组成。<!-- /react-text --></p><ol data-reactid="97"><li data-reactid="98"><p data-reactid="99"><!-- react-text: 100 -->按钮组<!-- /react-text --></p></li><li data-reactid="101"><p data-reactid="102"><!-- react-text: 103 -->搜索条件<!-- /react-text --></p></li><li data-reactid="104"><p data-reactid="105"><!-- react-text: 106 -->排序<!-- /react-text --></p></li><li data-reactid="107"><p data-reactid="108"><!-- react-text: 109 -->筛选<!-- /react-text --></p></li><li data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->状态点<!-- /react-text --></p></li><li data-reactid="113"><p data-reactid="114"><!-- react-text: 115 -->单行操作<!-- /react-text --></p></li><li data-reactid="116"><p data-reactid="117"><!-- react-text: 118 -->分页器／无限加载（可选）<!-- /react-text --></p></li></ol><h3 id="筛选" data-reactid="119"><span data-reactid="120"><!-- react-text: 121 -->筛选<!-- /react-text --></span><a href="#筛选" class="anchor" data-reactid="122">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="123"><div class="preview-image-box" data-reactid="124"><div class="preview-image-wrapper" data-reactid="125"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/YRcnmAFUvcfMlpN.png" alt="筛选示例" data-reactid="126"/></div><div class="preview-image-title" data-reactid="127">筛选示例</div><div class="preview-image-description" data-reactid="128"></div><!-- react-empty: 129 --></div></div><p data-reactid="130"><!-- react-text: 131 -->当该列选项有限，用户又希望只查看一个或者多个值时，可考虑使用。<!-- /react-text --></p><h3 id="状态点" data-reactid="132"><span data-reactid="133"><!-- react-text: 134 -->状态点<!-- /react-text --></span><a href="#状态点" class="anchor" data-reactid="135">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="136"><div class="preview-image-box" data-reactid="137"><div class="preview-image-wrapper" data-reactid="138"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/EYmtSshUxKydwns.png" alt="状态示例" data-reactid="139"/></div><div class="preview-image-title" data-reactid="140">状态示例</div><div class="preview-image-description" data-reactid="141"></div><!-- react-empty: 142 --></div></div><p data-reactid="143"><!-- react-text: 144 -->一般用四种颜色来表明系统的不同状态。<!-- /react-text --></p><h3 id="更多操作" data-reactid="145"><span data-reactid="146"><!-- react-text: 147 -->更多操作<!-- /react-text --></span><a href="#更多操作" class="anchor" data-reactid="148">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="149"><div class="preview-image-box" data-reactid="150"><div class="preview-image-wrapper" data-reactid="151"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/ZlcZDOZNZpYQcMM.png" alt="更多操作示例" data-reactid="152"/></div><div class="preview-image-title" data-reactid="153">更多操作示例</div><div class="preview-image-description" data-reactid="154">依次分别为：完整内容、暂时不可用、没有该权限。</div><!-- react-empty: 155 --></div></div><p data-reactid="156"><!-- react-text: 157 -->该项暂时不可用时，直接灰化该操作；用户没有该权限时，直接隐藏该操作。<!-- /react-text --></p><h3 id="跳转至详情" data-reactid="158"><span data-reactid="159"><!-- react-text: 160 -->跳转至详情<!-- /react-text --></span><a href="#跳转至详情" class="anchor" data-reactid="161">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="162"><div class="preview-image-box" data-reactid="163"><div class="preview-image-wrapper" data-reactid="164"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/tfJiUmrUJRzBlzt.png" alt="名称跳转示例" data-reactid="165"/></div><div class="preview-image-title" data-reactid="166">名称跳转示例</div><div class="preview-image-description" data-reactid="167"></div><!-- react-empty: 168 --></div></div><p data-reactid="169"><!-- react-text: 170 -->把 ID、名称等唯一性的表格项处理成文字链，点击后跳转至详情。<!-- /react-text --></p><ul data-reactid="171"><li data-reactid="172"><p data-reactid="173"><!-- react-text: 174 -->优点：节省空间；<!-- /react-text --></p></li><li data-reactid="175"><p data-reactid="176"><!-- react-text: 177 -->缺点：可发现性较低；点击区域受到内容限制，可能出现不易点击的情况。<!-- /react-text --></p></li></ul><p data-reactid="178"><br data-reactid="179"/></p><div class="preview-image-boxes clearfix" data-reactid="180"><div class="preview-image-box" data-reactid="181"><div class="preview-image-wrapper" data-reactid="182"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/zjDqNVTzSrzXaWg.png" alt="查看跳转示例" data-reactid="183"/></div><div class="preview-image-title" data-reactid="184">查看跳转示例</div><div class="preview-image-description" data-reactid="185"></div><!-- react-empty: 186 --></div></div><p data-reactid="187"><!-- react-text: 188 -->在操作中增加一列『查看』，点击后进行跳转至详情。<!-- /react-text --></p><ul data-reactid="189"><li data-reactid="190"><p data-reactid="191"><!-- react-text: 192 -->优点：可发现性高；点击范围固定，不受影响；<!-- /react-text --></p></li><li data-reactid="193"><p data-reactid="194"><!-- react-text: 195 -->缺点：比较占空间。<!-- /react-text --></p></li></ul><p data-reactid="196"><br data-reactid="197"/></p><p data-reactid="198"><!-- react-text: 199 -->结论：可根据业务系统中表格的实际情况，统一使用一种类型。<!-- /react-text --></p><h2 id="交互" data-reactid="200"><span data-reactid="201"><!-- react-text: 202 -->交互<!-- /react-text --></span><a href="#交互" class="anchor" data-reactid="203">#</a></h2><h3 id="显示长表格" data-reactid="204"><span data-reactid="205"><!-- react-text: 206 -->显示长表格<!-- /react-text --></span><a href="#显示长表格" class="anchor" data-reactid="207">#</a></h3><p data-reactid="208"><!-- react-text: 209 -->参考『列表页面』中的 <!-- /react-text --><a href="/docs/pattern/list-cn#%E6%98%BE%E7%A4%BA%E9%95%BF%E5%88%97%E8%A1%A8" data-reactid="210">显示长列表</a><!-- react-text: 211 -->。<!-- /react-text --></p><h3 id="全选数据" data-reactid="212"><span data-reactid="213"><!-- react-text: 214 -->全选数据<!-- /react-text --></span><a href="#全选数据" class="anchor" data-reactid="215">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="216"><div class="preview-image-box" data-reactid="217"><div class="preview-image-wrapper" data-reactid="218"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/QqafGErOPnuDKyy.png" alt="状态一" data-reactid="219"/></div><div class="preview-image-title" data-reactid="220">状态一</div><div class="preview-image-description" data-reactid="221"></div><!-- react-empty: 222 --></div></div><div class="preview-image-boxes clearfix" data-reactid="223"><div class="preview-image-box" data-reactid="224"><div class="preview-image-wrapper" data-reactid="225"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/qwRSMFNilVCNoym.png" alt="状态二：点击 Table 顶部的复选框，出现『Alert』" data-reactid="226"/></div><div class="preview-image-title" data-reactid="227">状态二：点击 Table 顶部的复选框，出现『Alert』</div><div class="preview-image-description" data-reactid="228"></div><!-- react-empty: 229 --></div></div><div class="preview-image-boxes clearfix" data-reactid="230"><div class="preview-image-box" data-reactid="231"><div class="preview-image-wrapper" data-reactid="232"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/POvEJGjMYAexGut.png" alt="状态三：点击『选择全部』后" data-reactid="233"/></div><div class="preview-image-title" data-reactid="234">状态三：点击『选择全部』后</div><div class="preview-image-description" data-reactid="235"></div><!-- react-empty: 236 --></div></div><p data-reactid="237"><!-- react-text: 238 -->当使用了分页器，又想实现全选数据的功能，可以结合『Alert』来实现。<!-- /react-text --></p><h3 id="跨页选数据" data-reactid="239"><span data-reactid="240"><!-- react-text: 241 -->跨页选数据<!-- /react-text --></span><a href="#跨页选数据" class="anchor" data-reactid="242">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="243"><div class="preview-image-box" data-reactid="244"><div class="preview-image-wrapper" data-reactid="245"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/OcIWSystreURrPV.png" alt="状态一：选中一行数据" data-reactid="246"/></div><div class="preview-image-title" data-reactid="247">状态一：选中一行数据</div><div class="preview-image-description" data-reactid="248"></div><!-- react-empty: 249 --></div></div><div class="preview-image-boxes clearfix" data-reactid="250"><div class="preview-image-box" data-reactid="251"><div class="preview-image-wrapper" data-reactid="252"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/HuzwUWDzXszOkEI.png" alt="状态二：切换分页后，记录所选的项目" data-reactid="253"/></div><div class="preview-image-title" data-reactid="254">状态二：切换分页后，记录所选的项目</div><div class="preview-image-description" data-reactid="255"></div><!-- react-empty: 256 --></div></div><div class="preview-image-boxes clearfix" data-reactid="257"><div class="preview-image-box" data-reactid="258"><div class="preview-image-wrapper" data-reactid="259"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/yCjrxTSElzNUsFn.png" alt="状态三：在其他页中再选择一项，多记录一项选择" data-reactid="260"/></div><div class="preview-image-title" data-reactid="261">状态三：在其他页中再选择一项，多记录一项选择</div><div class="preview-image-description" data-reactid="262"></div><!-- react-empty: 263 --></div></div><div class="preview-image-boxes clearfix" data-reactid="264"><div class="preview-image-box" data-reactid="265"><div class="preview-image-wrapper" data-reactid="266"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/jtepHsDPApPnQlD.png" alt="状态四：用户可以在记录条直接取消选择" data-reactid="267"/></div><div class="preview-image-title" data-reactid="268">状态四：用户可以在记录条直接取消选择</div><div class="preview-image-description" data-reactid="269"></div><!-- react-empty: 270 --></div></div><div class="preview-image-boxes clearfix" data-reactid="271"><div class="preview-image-box" data-reactid="272"><div class="preview-image-wrapper" data-reactid="273"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/OAVQZqxPyuAWvTh.png" alt="状态五：表格选择框同步取消选择" data-reactid="274"/></div><div class="preview-image-title" data-reactid="275">状态五：表格选择框同步取消选择</div><div class="preview-image-description" data-reactid="276"></div><!-- react-empty: 277 --></div></div><p data-reactid="278"><!-- react-text: 279 -->当需要对表格／列表的数据进行跨分页器选择时，结合『Alert』来实现。<!-- /react-text --></p><h3 id="固定按钮组" data-reactid="280"><span data-reactid="281"><!-- react-text: 282 -->固定按钮组<!-- /react-text --></span><a href="#固定按钮组" class="anchor" data-reactid="283">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="284"><div class="preview-image-box" data-reactid="285"><div class="preview-image-wrapper" data-reactid="286"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/AhgnVIhTIvtHpok.png" alt="顶部固定示例" data-reactid="287"/></div><div class="preview-image-title" data-reactid="288">顶部固定示例</div><div class="preview-image-description" data-reactid="289"></div><!-- react-empty: 290 --></div></div><div class="preview-image-boxes clearfix" data-reactid="291"><div class="preview-image-box" data-reactid="292"><div class="preview-image-wrapper" data-reactid="293"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/hUHidNAJczLRVCg.png" alt="底部固定示例" data-reactid="294"/></div><div class="preview-image-title" data-reactid="295">底部固定示例</div><div class="preview-image-description" data-reactid="296"></div><!-- react-empty: 297 --></div></div><p data-reactid="298"><!-- react-text: 299 -->用在表格行数很多时（一般多于 20 行），又想对表格数据进行频繁的操作时，尤其适用在无限加载的表格中。<!-- /react-text --></p><h3 id="某一项内容过长" data-reactid="300"><span data-reactid="301"><!-- react-text: 302 -->某一项内容过长<!-- /react-text --></span><a href="#某一项内容过长" class="anchor" data-reactid="303">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="304"><div class="preview-image-box" data-reactid="305"><div class="preview-image-wrapper" data-reactid="306"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/vgNHOYAiuQbXCOi.png" alt="气泡显示示例" data-reactid="307"/></div><div class="preview-image-title" data-reactid="308">气泡显示示例</div><div class="preview-image-description" data-reactid="309">当过长信息可以被隐藏时，用户悬浮／点击该项时，用『Tooltip／Popover』来显示完整内容。</div><!-- react-empty: 310 --></div></div><p data-reactid="311"><!-- react-text: 312 -->某一项内容过长／不确定长度，既不希望用户在列表和详情之间来回跳转，又不希望不确定的数据撑爆表格时。<!-- /react-text --></p><h3 id="模块编辑" data-reactid="313"><span data-reactid="314"><!-- react-text: 315 -->模块编辑<!-- /react-text --></span><a href="#模块编辑" class="anchor" data-reactid="316">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="317"><div class="preview-image-box" data-reactid="318"><div class="preview-image-wrapper" data-reactid="319"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/mUhSLOTjzGYTQaE.png" alt="模块编辑示例" data-reactid="320"/></div><div class="preview-image-title" data-reactid="321">模块编辑示例</div><div class="preview-image-description" data-reactid="322">启动和禁用要尽可能相似（对称性交互）；保证启用和禁用切换时，页面不在水平方向不错位。</div><!-- react-empty: 323 --></div></div><p data-reactid="324"><!-- react-text: 325 -->适用在易读性高于易编辑性时；适用在有一定数量的项需要编辑时。<!-- /react-text --></p><h3 id="直接编辑" data-reactid="326"><span data-reactid="327"><!-- react-text: 328 -->直接编辑<!-- /react-text --></span><a href="#直接编辑" class="anchor" data-reactid="329">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="330"><div class="preview-image-box" data-reactid="331"><div class="preview-image-wrapper" data-reactid="332"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/VgvZjqTZBuAfGuO.png" alt="直接编辑示例" data-reactid="333"/></div><div class="preview-image-title" data-reactid="334">直接编辑示例</div><div class="preview-image-description" data-reactid="335">用户输入后，系统需要及时保存数据。</div><!-- react-empty: 336 --></div></div><p data-reactid="337"><!-- react-text: 338 -->适用在易编辑性高于易读性时。<!-- /react-text --></p><h3 id="悬浮层编辑" data-reactid="339"><span data-reactid="340"><!-- react-text: 341 -->悬浮层编辑<!-- /react-text --></span><a href="#悬浮层编辑" class="anchor" data-reactid="342">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="343"><div class="preview-image-box" data-reactid="344"><div class="preview-image-wrapper" data-reactid="345"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/QhIyXeNxAZEaLjT.png" alt="悬浮层编辑示例" data-reactid="346"/></div><div class="preview-image-title" data-reactid="347">悬浮层编辑示例</div><div class="preview-image-description" data-reactid="348"></div><!-- react-empty: 349 --></div></div><p data-reactid="350"><!-- react-text: 351 -->悬浮层会遮挡部分页面，适用在上下文对编辑任务不那么重要时。<!-- /react-text --></p><h2 id="规格" data-reactid="352"><span data-reactid="353"><!-- react-text: 354 -->规格<!-- /react-text --></span><a href="#规格" class="anchor" data-reactid="355">#</a></h2><h3 id="行高" data-reactid="356"><span data-reactid="357"><!-- react-text: 358 -->行高<!-- /react-text --></span><a href="#行高" class="anchor" data-reactid="359">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="360"><div class="preview-image-box" data-reactid="361"><div class="preview-image-wrapper" data-reactid="362"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/OXTCkOkAtaWtzNA.png" alt="标准" data-reactid="363"/></div><div class="preview-image-title" data-reactid="364">标准</div><div class="preview-image-description" data-reactid="365"></div><!-- react-empty: 366 --></div></div><div class="preview-image-boxes clearfix" data-reactid="367"><div class="preview-image-box" data-reactid="368"><div class="preview-image-wrapper" data-reactid="369"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/irjamuwZFdQLYWJ.png" alt="适中" data-reactid="370"/></div><div class="preview-image-title" data-reactid="371">适中</div><div class="preview-image-description" data-reactid="372"></div><!-- react-empty: 373 --></div></div><div class="preview-image-boxes clearfix" data-reactid="374"><div class="preview-image-box" data-reactid="375"><div class="preview-image-wrapper" data-reactid="376"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/SdlTVIAoxickNMM.png" alt="紧凑" data-reactid="377"/></div><div class="preview-image-title" data-reactid="378">紧凑</div><div class="preview-image-description" data-reactid="379"></div><!-- react-empty: 380 --></div></div><p data-reactid="381"><!-- react-text: 382 -->提供了多种规格的行高，适用在页面、弹出框等场景中。<!-- /react-text --></p><h3 id="列宽" data-reactid="383"><span data-reactid="384"><!-- react-text: 385 -->列宽<!-- /react-text --></span><a href="#列宽" class="anchor" data-reactid="386">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="387"><div class="preview-image-box" data-reactid="388"><div class="preview-image-wrapper bad" data-reactid="389"><img class="preview-img bad" src="https://os.alipayobjects.com/rmsportal/TbuuZNfOTrSflVg.png" alt="错误示例" data-reactid="390"/></div><div class="preview-image-title" data-reactid="391">错误示例</div><div class="preview-image-description" data-reactid="392"></div><!-- react-empty: 393 --></div></div><div class="preview-image-boxes clearfix" data-reactid="394"><div class="preview-image-box" data-reactid="395"><div class="preview-image-wrapper good" data-reactid="396"><img class="preview-img good" src="https://os.alipayobjects.com/rmsportal/cSSSfNrFMioHDBJ.png" alt="正确示例" data-reactid="397"/></div><div class="preview-image-title" data-reactid="398">正确示例</div><div class="preview-image-description" data-reactid="399"></div><!-- react-empty: 400 --></div></div><p data-reactid="401"><!-- react-text: 402 -->一般是根据栅格来排版，通过设定每一列的宽度比列，来保证一定尺寸之上（eg：1366px）有好的浏览效果。需要注意：<!-- /react-text --></p><ol data-reactid="403"><li data-reactid="404"><p data-reactid="405"><!-- react-text: 406 -->表头不换行；<!-- /react-text --></p></li><li data-reactid="407"><p data-reactid="408"><!-- react-text: 409 -->固定字节长度的列尽量不换行（eg：创建时间、操作等）。<!-- /react-text --></p></li></ol><h3 id="对齐方式" data-reactid="410"><span data-reactid="411"><!-- react-text: 412 -->对齐方式<!-- /react-text --></span><a href="#对齐方式" class="anchor" data-reactid="413">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="414"><div class="preview-image-box" data-reactid="415"><div class="preview-image-wrapper" data-reactid="416"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/RWCMGdnGSZXYULc.png" alt="对齐示例" data-reactid="417"/></div><div class="preview-image-title" data-reactid="418">对齐示例</div><div class="preview-image-description" data-reactid="419"></div><!-- react-empty: 420 --></div></div><p data-reactid="421"><!-- react-text: 422 -->数值右对齐（带小数则按小数点对齐），其余左对齐。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="423"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="424"><section class="prev-next-nav" data-reactid="425"><a class="prev-page" href="/docs/pattern/list-cn" data-reactid="426">列表</a><a class="next-page" href="/docs/pattern/complex-table-cn" data-reactid="427">表格：复杂数据</a></section></div></div></div><footer id="footer" data-reactid="428"><ul data-reactid="429"><li data-reactid="430"><h2 data-reactid="431"><i class="anticon anticon-github" data-reactid="432"></i><!-- react-text: 433 --> GitHub<!-- /react-text --></h2><div data-reactid="434"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="435"><span data-reactid="436">源码仓库</span></a></div><div data-reactid="437"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="438"><span data-reactid="439">定制主题</span></a></div><div data-reactid="440"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="441"><span data-reactid="442">Awesome Ant Design</span></a></div></li><li data-reactid="443"><h2 data-reactid="444"><i class="anticon anticon-link" data-reactid="445"></i><!-- react-text: 446 --> <!-- /react-text --><span data-reactid="447">相关站点</span></h2><div data-reactid="448"><a href="https://design.alipay.com/" data-reactid="449"><span data-reactid="450">蚂蚁金服设计平台</span></a></div><div data-reactid="451"><a href="http://mobile.ant.design" data-reactid="452">Ant Design Mobile</a><span data-reactid="453"> - </span><span data-reactid="454">移动版</span></div><div data-reactid="455"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="456">dva</a><!-- react-text: 457 --> - <!-- /react-text --><span data-reactid="458">应用框架</span></div><div data-reactid="459"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="460">dva-cli</a><!-- react-text: 461 --> -<!-- /react-text --><span data-reactid="462">开发工具</span></div><div data-reactid="463"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="464">Egg</a><span data-reactid="465"> - </span><span data-reactid="466">企业级 Node 开发框架</span></div><div data-reactid="467"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="468">AntV</a><span data-reactid="469"> - </span><span data-reactid="470">数据可视化</span></div><div data-reactid="471"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="472">Ant Motion</a><span data-reactid="473"> - </span><span data-reactid="474">设计动效</span></div><div data-reactid="475"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="476">AntD Library</a><span data-reactid="477"> - </span><span data-reactid="478">Axure 部件库</span></div><div data-reactid="479"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="480">Ant UX</a><span data-reactid="481"> - </span><span data-reactid="482">页面逻辑素材</span></div></li><li data-reactid="483"><h2 data-reactid="484"><i class="anticon anticon-customer-service" data-reactid="485"></i><!-- react-text: 486 --> <!-- /react-text --><span data-reactid="487">社区</span></h2><div data-reactid="488"><a href="/changelog" data-reactid="489"><span data-reactid="490">更新记录</span></a></div><div data-reactid="491"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="492"><span data-reactid="493">常见问题</span></a></div><div data-reactid="494"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="495"><span data-reactid="496">在线讨论 (中文)</span></a></div><div data-reactid="497"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="498"><span data-reactid="499">在线讨论 (English)</span></a></div><div data-reactid="500"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="501"><span data-reactid="502">报告 Bug</span></a></div><div data-reactid="503"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="504"><span data-reactid="505">讨论列表</span></a></div><div data-reactid="506"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="507"><span data-reactid="508">StackOverflow</span></a></div><div data-reactid="509"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="510"><span data-reactid="511">SegmentFault</span></a></div></li><li data-reactid="512"><h2 data-reactid="513"><!-- react-text: 514 -->Copyright © <!-- /react-text --><!-- react-text: 515 -->2017<!-- /react-text --></h2><div data-reactid="516"><span data-reactid="517">蚂蚁金服体验技术部出品</span></div><div data-reactid="518"><!-- react-text: 519 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="520">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/pattern/table.html b/docs/pattern/table.html
index e44e2f02a..7a84cc7fe 100644
--- a/docs/pattern/table.html
+++ b/docs/pattern/table.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-907342702"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1520563052"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/pattern/navigation" data-reactid="52">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/pattern/form" data-reactid="54">Form</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/pattern/list" data-reactid="56">List</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="57"><a href="/docs/pattern/table" data-reactid="58">Table</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/pattern/complex-table" data-reactid="60">Complex Table</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/pattern/advanced-search" data-reactid="62">Advanced Search</a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="63"><article class="markdown" data-reactid="64"><h1 data-reactid="65"><!-- react-text: 66 -->Table<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/pattern/table.md" data-reactid="67"><i class="anticon anticon-edit" data-reactid="68"></i></a></h1><section class="markdown" data-reactid="69"><p data-reactid="70"><!-- react-text: 71 -->表格可被视为一种列表。它经常和其他界面元素一起协同，用于展示和操作结构化数据，并经常用于详情信息的入口。<!-- /react-text --></p></section><section class="toc" data-reactid="72"><ul data-reactid="73"><li data-reactid="74"><a class="bisheng-toc-h2" href="#内容" title="内容" data-reactid="75"><!-- react-text: 76 -->内容<!-- /react-text --></a></li><li data-reactid="77"><a class="bisheng-toc-h2" href="#交互" title="交互" data-reactid="78"><!-- react-text: 79 -->交互<!-- /react-text --></a></li><li data-reactid="80"><a class="bisheng-toc-h2" href="#规格" title="规格" data-reactid="81"><!-- react-text: 82 -->规格<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="83"><h2 id="内容" data-reactid="84"><span data-reactid="85"><!-- react-text: 86 -->内容<!-- /react-text --></span><a href="#内容" class="anchor" data-reactid="87">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="88"><div class="preview-image-box" data-reactid="89"><div class="preview-image-wrapper" data-reactid="90"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/zFqqEqKKAylKkxv.png" alt="结构示例" data-reactid="91"/></div><div class="preview-image-title" data-reactid="92">结构示例</div><div class="preview-image-description" data-reactid="93"></div><!-- react-empty: 94 --></div></div><p data-reactid="95"><!-- react-text: 96 -->通常表格的组成元素以及相关元素会有，这几部分组成。<!-- /react-text --></p><ol data-reactid="97"><li data-reactid="98"><p data-reactid="99"><!-- react-text: 100 -->按钮组<!-- /react-text --></p></li><li data-reactid="101"><p data-reactid="102"><!-- react-text: 103 -->搜索条件<!-- /react-text --></p></li><li data-reactid="104"><p data-reactid="105"><!-- react-text: 106 -->排序<!-- /react-text --></p></li><li data-reactid="107"><p data-reactid="108"><!-- react-text: 109 -->筛选<!-- /react-text --></p></li><li data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->状态点<!-- /react-text --></p></li><li data-reactid="113"><p data-reactid="114"><!-- react-text: 115 -->单行操作<!-- /react-text --></p></li><li data-reactid="116"><p data-reactid="117"><!-- react-text: 118 -->分页器／无限加载（可选）<!-- /react-text --></p></li></ol><h3 id="筛选" data-reactid="119"><span data-reactid="120"><!-- react-text: 121 -->筛选<!-- /react-text --></span><a href="#筛选" class="anchor" data-reactid="122">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="123"><div class="preview-image-box" data-reactid="124"><div class="preview-image-wrapper" data-reactid="125"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/YRcnmAFUvcfMlpN.png" alt="筛选示例" data-reactid="126"/></div><div class="preview-image-title" data-reactid="127">筛选示例</div><div class="preview-image-description" data-reactid="128"></div><!-- react-empty: 129 --></div></div><p data-reactid="130"><!-- react-text: 131 -->当该列选项有限，用户又希望只查看一个或者多个值时，可考虑使用。<!-- /react-text --></p><h3 id="状态点" data-reactid="132"><span data-reactid="133"><!-- react-text: 134 -->状态点<!-- /react-text --></span><a href="#状态点" class="anchor" data-reactid="135">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="136"><div class="preview-image-box" data-reactid="137"><div class="preview-image-wrapper" data-reactid="138"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/EYmtSshUxKydwns.png" alt="状态示例" data-reactid="139"/></div><div class="preview-image-title" data-reactid="140">状态示例</div><div class="preview-image-description" data-reactid="141"></div><!-- react-empty: 142 --></div></div><p data-reactid="143"><!-- react-text: 144 -->一般用四种颜色来表明系统的不同状态。<!-- /react-text --></p><h3 id="更多操作" data-reactid="145"><span data-reactid="146"><!-- react-text: 147 -->更多操作<!-- /react-text --></span><a href="#更多操作" class="anchor" data-reactid="148">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="149"><div class="preview-image-box" data-reactid="150"><div class="preview-image-wrapper" data-reactid="151"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/ZlcZDOZNZpYQcMM.png" alt="更多操作示例" data-reactid="152"/></div><div class="preview-image-title" data-reactid="153">更多操作示例</div><div class="preview-image-description" data-reactid="154">依次分别为：完整内容、暂时不可用、没有该权限。</div><!-- react-empty: 155 --></div></div><p data-reactid="156"><!-- react-text: 157 -->该项暂时不可用时，直接灰化该操作；用户没有该权限时，直接隐藏该操作。<!-- /react-text --></p><h3 id="跳转至详情" data-reactid="158"><span data-reactid="159"><!-- react-text: 160 -->跳转至详情<!-- /react-text --></span><a href="#跳转至详情" class="anchor" data-reactid="161">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="162"><div class="preview-image-box" data-reactid="163"><div class="preview-image-wrapper" data-reactid="164"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/tfJiUmrUJRzBlzt.png" alt="名称跳转示例" data-reactid="165"/></div><div class="preview-image-title" data-reactid="166">名称跳转示例</div><div class="preview-image-description" data-reactid="167"></div><!-- react-empty: 168 --></div></div><p data-reactid="169"><!-- react-text: 170 -->把 ID、名称等唯一性的表格项处理成文字链，点击后跳转至详情。<!-- /react-text --></p><ul data-reactid="171"><li data-reactid="172"><p data-reactid="173"><!-- react-text: 174 -->优点：节省空间；<!-- /react-text --></p></li><li data-reactid="175"><p data-reactid="176"><!-- react-text: 177 -->缺点：可发现性较低；点击区域受到内容限制，可能出现不易点击的情况。<!-- /react-text --></p></li></ul><p data-reactid="178"><br data-reactid="179"/></p><div class="preview-image-boxes clearfix" data-reactid="180"><div class="preview-image-box" data-reactid="181"><div class="preview-image-wrapper" data-reactid="182"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/zjDqNVTzSrzXaWg.png" alt="查看跳转示例" data-reactid="183"/></div><div class="preview-image-title" data-reactid="184">查看跳转示例</div><div class="preview-image-description" data-reactid="185"></div><!-- react-empty: 186 --></div></div><p data-reactid="187"><!-- react-text: 188 -->在操作中增加一列『查看』，点击后进行跳转至详情。<!-- /react-text --></p><ul data-reactid="189"><li data-reactid="190"><p data-reactid="191"><!-- react-text: 192 -->优点：可发现性高；点击范围固定，不受影响；<!-- /react-text --></p></li><li data-reactid="193"><p data-reactid="194"><!-- react-text: 195 -->缺点：比较占空间。<!-- /react-text --></p></li></ul><p data-reactid="196"><br data-reactid="197"/></p><p data-reactid="198"><!-- react-text: 199 -->结论：可根据业务系统中表格的实际情况，统一使用一种类型。<!-- /react-text --></p><h2 id="交互" data-reactid="200"><span data-reactid="201"><!-- react-text: 202 -->交互<!-- /react-text --></span><a href="#交互" class="anchor" data-reactid="203">#</a></h2><h3 id="显示长表格" data-reactid="204"><span data-reactid="205"><!-- react-text: 206 -->显示长表格<!-- /react-text --></span><a href="#显示长表格" class="anchor" data-reactid="207">#</a></h3><p data-reactid="208"><!-- react-text: 209 -->参考『列表页面』中的 <!-- /react-text --><a href="/docs/pattern/list#%E6%98%BE%E7%A4%BA%E9%95%BF%E5%88%97%E8%A1%A8" data-reactid="210">显示长列表</a><!-- react-text: 211 -->。<!-- /react-text --></p><h3 id="全选数据" data-reactid="212"><span data-reactid="213"><!-- react-text: 214 -->全选数据<!-- /react-text --></span><a href="#全选数据" class="anchor" data-reactid="215">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="216"><div class="preview-image-box" data-reactid="217"><div class="preview-image-wrapper" data-reactid="218"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/QqafGErOPnuDKyy.png" alt="状态一" data-reactid="219"/></div><div class="preview-image-title" data-reactid="220">状态一</div><div class="preview-image-description" data-reactid="221"></div><!-- react-empty: 222 --></div></div><div class="preview-image-boxes clearfix" data-reactid="223"><div class="preview-image-box" data-reactid="224"><div class="preview-image-wrapper" data-reactid="225"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/qwRSMFNilVCNoym.png" alt="状态二：点击 Table 顶部的复选框，出现『Alert』" data-reactid="226"/></div><div class="preview-image-title" data-reactid="227">状态二：点击 Table 顶部的复选框，出现『Alert』</div><div class="preview-image-description" data-reactid="228"></div><!-- react-empty: 229 --></div></div><div class="preview-image-boxes clearfix" data-reactid="230"><div class="preview-image-box" data-reactid="231"><div class="preview-image-wrapper" data-reactid="232"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/POvEJGjMYAexGut.png" alt="状态三：点击『选择全部』后" data-reactid="233"/></div><div class="preview-image-title" data-reactid="234">状态三：点击『选择全部』后</div><div class="preview-image-description" data-reactid="235"></div><!-- react-empty: 236 --></div></div><p data-reactid="237"><!-- react-text: 238 -->当使用了分页器，又想实现全选数据的功能，可以结合『Alert』来实现。<!-- /react-text --></p><h3 id="跨页选数据" data-reactid="239"><span data-reactid="240"><!-- react-text: 241 -->跨页选数据<!-- /react-text --></span><a href="#跨页选数据" class="anchor" data-reactid="242">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="243"><div class="preview-image-box" data-reactid="244"><div class="preview-image-wrapper" data-reactid="245"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/OcIWSystreURrPV.png" alt="状态一：选中一行数据" data-reactid="246"/></div><div class="preview-image-title" data-reactid="247">状态一：选中一行数据</div><div class="preview-image-description" data-reactid="248"></div><!-- react-empty: 249 --></div></div><div class="preview-image-boxes clearfix" data-reactid="250"><div class="preview-image-box" data-reactid="251"><div class="preview-image-wrapper" data-reactid="252"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/HuzwUWDzXszOkEI.png" alt="状态二：切换分页后，记录所选的项目" data-reactid="253"/></div><div class="preview-image-title" data-reactid="254">状态二：切换分页后，记录所选的项目</div><div class="preview-image-description" data-reactid="255"></div><!-- react-empty: 256 --></div></div><div class="preview-image-boxes clearfix" data-reactid="257"><div class="preview-image-box" data-reactid="258"><div class="preview-image-wrapper" data-reactid="259"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/yCjrxTSElzNUsFn.png" alt="状态三：在其他页中再选择一项，多记录一项选择" data-reactid="260"/></div><div class="preview-image-title" data-reactid="261">状态三：在其他页中再选择一项，多记录一项选择</div><div class="preview-image-description" data-reactid="262"></div><!-- react-empty: 263 --></div></div><div class="preview-image-boxes clearfix" data-reactid="264"><div class="preview-image-box" data-reactid="265"><div class="preview-image-wrapper" data-reactid="266"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/jtepHsDPApPnQlD.png" alt="状态四：用户可以在记录条直接取消选择" data-reactid="267"/></div><div class="preview-image-title" data-reactid="268">状态四：用户可以在记录条直接取消选择</div><div class="preview-image-description" data-reactid="269"></div><!-- react-empty: 270 --></div></div><div class="preview-image-boxes clearfix" data-reactid="271"><div class="preview-image-box" data-reactid="272"><div class="preview-image-wrapper" data-reactid="273"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/OAVQZqxPyuAWvTh.png" alt="状态五：表格选择框同步取消选择" data-reactid="274"/></div><div class="preview-image-title" data-reactid="275">状态五：表格选择框同步取消选择</div><div class="preview-image-description" data-reactid="276"></div><!-- react-empty: 277 --></div></div><p data-reactid="278"><!-- react-text: 279 -->当需要对表格／列表的数据进行跨分页器选择时，结合『Alert』来实现。<!-- /react-text --></p><h3 id="固定按钮组" data-reactid="280"><span data-reactid="281"><!-- react-text: 282 -->固定按钮组<!-- /react-text --></span><a href="#固定按钮组" class="anchor" data-reactid="283">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="284"><div class="preview-image-box" data-reactid="285"><div class="preview-image-wrapper" data-reactid="286"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/AhgnVIhTIvtHpok.png" alt="顶部固定示例" data-reactid="287"/></div><div class="preview-image-title" data-reactid="288">顶部固定示例</div><div class="preview-image-description" data-reactid="289"></div><!-- react-empty: 290 --></div></div><div class="preview-image-boxes clearfix" data-reactid="291"><div class="preview-image-box" data-reactid="292"><div class="preview-image-wrapper" data-reactid="293"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/hUHidNAJczLRVCg.png" alt="底部固定示例" data-reactid="294"/></div><div class="preview-image-title" data-reactid="295">底部固定示例</div><div class="preview-image-description" data-reactid="296"></div><!-- react-empty: 297 --></div></div><p data-reactid="298"><!-- react-text: 299 -->用在表格行数很多时（一般多于 20 行），又想对表格数据进行频繁的操作时，尤其适用在无限加载的表格中。<!-- /react-text --></p><h3 id="某一项内容过长" data-reactid="300"><span data-reactid="301"><!-- react-text: 302 -->某一项内容过长<!-- /react-text --></span><a href="#某一项内容过长" class="anchor" data-reactid="303">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="304"><div class="preview-image-box" data-reactid="305"><div class="preview-image-wrapper" data-reactid="306"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/vgNHOYAiuQbXCOi.png" alt="气泡显示示例" data-reactid="307"/></div><div class="preview-image-title" data-reactid="308">气泡显示示例</div><div class="preview-image-description" data-reactid="309">当过长信息可以被隐藏时，用户悬浮／点击该项时，用『Tooltip／Popover』来显示完整内容。</div><!-- react-empty: 310 --></div></div><p data-reactid="311"><!-- react-text: 312 -->某一项内容过长／不确定长度，既不希望用户在列表和详情之间来回跳转，又不希望不确定的数据撑爆表格时。<!-- /react-text --></p><h3 id="模块编辑" data-reactid="313"><span data-reactid="314"><!-- react-text: 315 -->模块编辑<!-- /react-text --></span><a href="#模块编辑" class="anchor" data-reactid="316">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="317"><div class="preview-image-box" data-reactid="318"><div class="preview-image-wrapper" data-reactid="319"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/mUhSLOTjzGYTQaE.png" alt="模块编辑示例" data-reactid="320"/></div><div class="preview-image-title" data-reactid="321">模块编辑示例</div><div class="preview-image-description" data-reactid="322">启动和禁用要尽可能相似（对称性交互）；保证启用和禁用切换时，页面不在水平方向不错位。</div><!-- react-empty: 323 --></div></div><p data-reactid="324"><!-- react-text: 325 -->适用在易读性高于易编辑性时；适用在有一定数量的项需要编辑时。<!-- /react-text --></p><h3 id="直接编辑" data-reactid="326"><span data-reactid="327"><!-- react-text: 328 -->直接编辑<!-- /react-text --></span><a href="#直接编辑" class="anchor" data-reactid="329">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="330"><div class="preview-image-box" data-reactid="331"><div class="preview-image-wrapper" data-reactid="332"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/VgvZjqTZBuAfGuO.png" alt="直接编辑示例" data-reactid="333"/></div><div class="preview-image-title" data-reactid="334">直接编辑示例</div><div class="preview-image-description" data-reactid="335">用户输入后，系统需要及时保存数据。</div><!-- react-empty: 336 --></div></div><p data-reactid="337"><!-- react-text: 338 -->适用在易编辑性高于易读性时。<!-- /react-text --></p><h3 id="悬浮层编辑" data-reactid="339"><span data-reactid="340"><!-- react-text: 341 -->悬浮层编辑<!-- /react-text --></span><a href="#悬浮层编辑" class="anchor" data-reactid="342">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="343"><div class="preview-image-box" data-reactid="344"><div class="preview-image-wrapper" data-reactid="345"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/QhIyXeNxAZEaLjT.png" alt="悬浮层编辑示例" data-reactid="346"/></div><div class="preview-image-title" data-reactid="347">悬浮层编辑示例</div><div class="preview-image-description" data-reactid="348"></div><!-- react-empty: 349 --></div></div><p data-reactid="350"><!-- react-text: 351 -->悬浮层会遮挡部分页面，适用在上下文对编辑任务不那么重要时。<!-- /react-text --></p><h2 id="规格" data-reactid="352"><span data-reactid="353"><!-- react-text: 354 -->规格<!-- /react-text --></span><a href="#规格" class="anchor" data-reactid="355">#</a></h2><h3 id="行高" data-reactid="356"><span data-reactid="357"><!-- react-text: 358 -->行高<!-- /react-text --></span><a href="#行高" class="anchor" data-reactid="359">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="360"><div class="preview-image-box" data-reactid="361"><div class="preview-image-wrapper" data-reactid="362"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/OXTCkOkAtaWtzNA.png" alt="标准" data-reactid="363"/></div><div class="preview-image-title" data-reactid="364">标准</div><div class="preview-image-description" data-reactid="365"></div><!-- react-empty: 366 --></div></div><div class="preview-image-boxes clearfix" data-reactid="367"><div class="preview-image-box" data-reactid="368"><div class="preview-image-wrapper" data-reactid="369"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/irjamuwZFdQLYWJ.png" alt="适中" data-reactid="370"/></div><div class="preview-image-title" data-reactid="371">适中</div><div class="preview-image-description" data-reactid="372"></div><!-- react-empty: 373 --></div></div><div class="preview-image-boxes clearfix" data-reactid="374"><div class="preview-image-box" data-reactid="375"><div class="preview-image-wrapper" data-reactid="376"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/SdlTVIAoxickNMM.png" alt="紧凑" data-reactid="377"/></div><div class="preview-image-title" data-reactid="378">紧凑</div><div class="preview-image-description" data-reactid="379"></div><!-- react-empty: 380 --></div></div><p data-reactid="381"><!-- react-text: 382 -->提供了多种规格的行高，适用在页面、弹出框等场景中。<!-- /react-text --></p><h3 id="列宽" data-reactid="383"><span data-reactid="384"><!-- react-text: 385 -->列宽<!-- /react-text --></span><a href="#列宽" class="anchor" data-reactid="386">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="387"><div class="preview-image-box" data-reactid="388"><div class="preview-image-wrapper bad" data-reactid="389"><img class="preview-img bad" src="https://os.alipayobjects.com/rmsportal/TbuuZNfOTrSflVg.png" alt="错误示例" data-reactid="390"/></div><div class="preview-image-title" data-reactid="391">错误示例</div><div class="preview-image-description" data-reactid="392"></div><!-- react-empty: 393 --></div></div><div class="preview-image-boxes clearfix" data-reactid="394"><div class="preview-image-box" data-reactid="395"><div class="preview-image-wrapper good" data-reactid="396"><img class="preview-img good" src="https://os.alipayobjects.com/rmsportal/cSSSfNrFMioHDBJ.png" alt="正确示例" data-reactid="397"/></div><div class="preview-image-title" data-reactid="398">正确示例</div><div class="preview-image-description" data-reactid="399"></div><!-- react-empty: 400 --></div></div><p data-reactid="401"><!-- react-text: 402 -->一般是根据栅格来排版，通过设定每一列的宽度比列，来保证一定尺寸之上（eg：1366px）有好的浏览效果。需要注意：<!-- /react-text --></p><ol data-reactid="403"><li data-reactid="404"><p data-reactid="405"><!-- react-text: 406 -->表头不换行；<!-- /react-text --></p></li><li data-reactid="407"><p data-reactid="408"><!-- react-text: 409 -->固定字节长度的列尽量不换行（eg：创建时间、操作等）。<!-- /react-text --></p></li></ol><h3 id="对齐方式" data-reactid="410"><span data-reactid="411"><!-- react-text: 412 -->对齐方式<!-- /react-text --></span><a href="#对齐方式" class="anchor" data-reactid="413">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="414"><div class="preview-image-box" data-reactid="415"><div class="preview-image-wrapper" data-reactid="416"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/RWCMGdnGSZXYULc.png" alt="对齐示例" data-reactid="417"/></div><div class="preview-image-title" data-reactid="418">对齐示例</div><div class="preview-image-description" data-reactid="419"></div><!-- react-empty: 420 --></div></div><p data-reactid="421"><!-- react-text: 422 -->数值右对齐（带小数则按小数点对齐），其余左对齐。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="423"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="424"><section class="prev-next-nav" data-reactid="425"><a class="prev-page" href="/docs/pattern/list" data-reactid="426">List</a><a class="next-page" href="/docs/pattern/complex-table" data-reactid="427">Complex Table</a></section></div></div></div><footer id="footer" data-reactid="428"><ul data-reactid="429"><li data-reactid="430"><h2 data-reactid="431"><i class="anticon anticon-github" data-reactid="432"></i><!-- react-text: 433 --> GitHub<!-- /react-text --></h2><div data-reactid="434"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="435"><span data-reactid="436">Repository</span></a></div><div data-reactid="437"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="438"><span data-reactid="439">Customize Theme</span></a></div><div data-reactid="440"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="441"><span data-reactid="442">Awesome Ant Design</span></a></div></li><li data-reactid="443"><h2 data-reactid="444"><i class="anticon anticon-link" data-reactid="445"></i><!-- react-text: 446 --> <!-- /react-text --><span data-reactid="447">Links</span></h2><div data-reactid="448"><a href="https://design.alipay.com/" data-reactid="449"><span data-reactid="450">Ant Financial Design Platform</span></a></div><div data-reactid="451"><a href="http://mobile.ant.design" data-reactid="452">Ant Design Mobile</a><span data-reactid="453"> - </span><span data-reactid="454">Mobile UI</span></div><div data-reactid="455"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="456">dva</a><!-- react-text: 457 --> - <!-- /react-text --><span data-reactid="458">Framework</span></div><div data-reactid="459"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="460">dva-cli</a><!-- react-text: 461 --> -<!-- /react-text --><span data-reactid="462">Developer Tools</span></div><div data-reactid="463"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="464">Egg</a><span data-reactid="465"> - </span><span data-reactid="466">Enterprise Node Framework</span></div><div data-reactid="467"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="468">AntV</a><span data-reactid="469"> - </span><span data-reactid="470">Data Visualization</span></div><div data-reactid="471"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="472">Ant Motion</a><span data-reactid="473"> - </span><span data-reactid="474">Motion Soluction</span></div><div data-reactid="475"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="476">AntD Library</a><span data-reactid="477"> - </span><span data-reactid="478">Axure library</span></div><div data-reactid="479"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="480">Ant UX</a><span data-reactid="481"> - </span><span data-reactid="482">Sitemap Template</span></div></li><li data-reactid="483"><h2 data-reactid="484"><i class="anticon anticon-customer-service" data-reactid="485"></i><!-- react-text: 486 --> <!-- /react-text --><span data-reactid="487">Community</span></h2><div data-reactid="488"><a href="/changelog" data-reactid="489"><span data-reactid="490">Change Log</span></a></div><div data-reactid="491"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="492"><span data-reactid="493">FAQ</span></a></div><div data-reactid="494"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="495"><span data-reactid="496">Chat Room (中文)</span></a></div><div data-reactid="497"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="498"><span data-reactid="499">Chat Room (English)</span></a></div><div data-reactid="500"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="501"><span data-reactid="502">Bug Report</span></a></div><div data-reactid="503"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="504"><span data-reactid="505">Issues</span></a></div><div data-reactid="506"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="507"><span data-reactid="508">StackOverflow</span></a></div><div data-reactid="509"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="510"><span data-reactid="511">SegmentFault</span></a></div></li><li data-reactid="512"><h2 data-reactid="513"><!-- react-text: 514 -->Copyright © <!-- /react-text --><!-- react-text: 515 -->2017<!-- /react-text --></h2><div data-reactid="516"><span data-reactid="517">Created by AIUX</span></div><div data-reactid="518"><!-- react-text: 519 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="520">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/pattern/navigation" data-reactid="52">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/pattern/form" data-reactid="54">Form</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/pattern/list" data-reactid="56">List</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="57"><a href="/docs/pattern/table" data-reactid="58">Table</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/pattern/complex-table" data-reactid="60">Complex Table</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/pattern/advanced-search" data-reactid="62">Advanced Search</a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="63"><article class="markdown" data-reactid="64"><h1 data-reactid="65"><!-- react-text: 66 -->Table<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/pattern/table.md" data-reactid="67"><i class="anticon anticon-edit" data-reactid="68"></i></a></h1><section class="markdown" data-reactid="69"><p data-reactid="70"><!-- react-text: 71 -->表格可被视为一种列表。它经常和其他界面元素一起协同，用于展示和操作结构化数据，并经常用于详情信息的入口。<!-- /react-text --></p></section><section class="toc" data-reactid="72"><ul data-reactid="73"><li data-reactid="74"><a class="bisheng-toc-h2" href="#内容" title="内容" data-reactid="75"><!-- react-text: 76 -->内容<!-- /react-text --></a></li><li data-reactid="77"><a class="bisheng-toc-h2" href="#交互" title="交互" data-reactid="78"><!-- react-text: 79 -->交互<!-- /react-text --></a></li><li data-reactid="80"><a class="bisheng-toc-h2" href="#规格" title="规格" data-reactid="81"><!-- react-text: 82 -->规格<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="83"><h2 id="内容" data-reactid="84"><span data-reactid="85"><!-- react-text: 86 -->内容<!-- /react-text --></span><a href="#内容" class="anchor" data-reactid="87">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="88"><div class="preview-image-box" data-reactid="89"><div class="preview-image-wrapper" data-reactid="90"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/zFqqEqKKAylKkxv.png" alt="结构示例" data-reactid="91"/></div><div class="preview-image-title" data-reactid="92">结构示例</div><div class="preview-image-description" data-reactid="93"></div><!-- react-empty: 94 --></div></div><p data-reactid="95"><!-- react-text: 96 -->通常表格的组成元素以及相关元素会有，这几部分组成。<!-- /react-text --></p><ol data-reactid="97"><li data-reactid="98"><p data-reactid="99"><!-- react-text: 100 -->按钮组<!-- /react-text --></p></li><li data-reactid="101"><p data-reactid="102"><!-- react-text: 103 -->搜索条件<!-- /react-text --></p></li><li data-reactid="104"><p data-reactid="105"><!-- react-text: 106 -->排序<!-- /react-text --></p></li><li data-reactid="107"><p data-reactid="108"><!-- react-text: 109 -->筛选<!-- /react-text --></p></li><li data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->状态点<!-- /react-text --></p></li><li data-reactid="113"><p data-reactid="114"><!-- react-text: 115 -->单行操作<!-- /react-text --></p></li><li data-reactid="116"><p data-reactid="117"><!-- react-text: 118 -->分页器／无限加载（可选）<!-- /react-text --></p></li></ol><h3 id="筛选" data-reactid="119"><span data-reactid="120"><!-- react-text: 121 -->筛选<!-- /react-text --></span><a href="#筛选" class="anchor" data-reactid="122">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="123"><div class="preview-image-box" data-reactid="124"><div class="preview-image-wrapper" data-reactid="125"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/YRcnmAFUvcfMlpN.png" alt="筛选示例" data-reactid="126"/></div><div class="preview-image-title" data-reactid="127">筛选示例</div><div class="preview-image-description" data-reactid="128"></div><!-- react-empty: 129 --></div></div><p data-reactid="130"><!-- react-text: 131 -->当该列选项有限，用户又希望只查看一个或者多个值时，可考虑使用。<!-- /react-text --></p><h3 id="状态点" data-reactid="132"><span data-reactid="133"><!-- react-text: 134 -->状态点<!-- /react-text --></span><a href="#状态点" class="anchor" data-reactid="135">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="136"><div class="preview-image-box" data-reactid="137"><div class="preview-image-wrapper" data-reactid="138"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/EYmtSshUxKydwns.png" alt="状态示例" data-reactid="139"/></div><div class="preview-image-title" data-reactid="140">状态示例</div><div class="preview-image-description" data-reactid="141"></div><!-- react-empty: 142 --></div></div><p data-reactid="143"><!-- react-text: 144 -->一般用四种颜色来表明系统的不同状态。<!-- /react-text --></p><h3 id="更多操作" data-reactid="145"><span data-reactid="146"><!-- react-text: 147 -->更多操作<!-- /react-text --></span><a href="#更多操作" class="anchor" data-reactid="148">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="149"><div class="preview-image-box" data-reactid="150"><div class="preview-image-wrapper" data-reactid="151"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/ZlcZDOZNZpYQcMM.png" alt="更多操作示例" data-reactid="152"/></div><div class="preview-image-title" data-reactid="153">更多操作示例</div><div class="preview-image-description" data-reactid="154">依次分别为：完整内容、暂时不可用、没有该权限。</div><!-- react-empty: 155 --></div></div><p data-reactid="156"><!-- react-text: 157 -->该项暂时不可用时，直接灰化该操作；用户没有该权限时，直接隐藏该操作。<!-- /react-text --></p><h3 id="跳转至详情" data-reactid="158"><span data-reactid="159"><!-- react-text: 160 -->跳转至详情<!-- /react-text --></span><a href="#跳转至详情" class="anchor" data-reactid="161">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="162"><div class="preview-image-box" data-reactid="163"><div class="preview-image-wrapper" data-reactid="164"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/tfJiUmrUJRzBlzt.png" alt="名称跳转示例" data-reactid="165"/></div><div class="preview-image-title" data-reactid="166">名称跳转示例</div><div class="preview-image-description" data-reactid="167"></div><!-- react-empty: 168 --></div></div><p data-reactid="169"><!-- react-text: 170 -->把 ID、名称等唯一性的表格项处理成文字链，点击后跳转至详情。<!-- /react-text --></p><ul data-reactid="171"><li data-reactid="172"><p data-reactid="173"><!-- react-text: 174 -->优点：节省空间；<!-- /react-text --></p></li><li data-reactid="175"><p data-reactid="176"><!-- react-text: 177 -->缺点：可发现性较低；点击区域受到内容限制，可能出现不易点击的情况。<!-- /react-text --></p></li></ul><p data-reactid="178"><br data-reactid="179"/></p><div class="preview-image-boxes clearfix" data-reactid="180"><div class="preview-image-box" data-reactid="181"><div class="preview-image-wrapper" data-reactid="182"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/zjDqNVTzSrzXaWg.png" alt="查看跳转示例" data-reactid="183"/></div><div class="preview-image-title" data-reactid="184">查看跳转示例</div><div class="preview-image-description" data-reactid="185"></div><!-- react-empty: 186 --></div></div><p data-reactid="187"><!-- react-text: 188 -->在操作中增加一列『查看』，点击后进行跳转至详情。<!-- /react-text --></p><ul data-reactid="189"><li data-reactid="190"><p data-reactid="191"><!-- react-text: 192 -->优点：可发现性高；点击范围固定，不受影响；<!-- /react-text --></p></li><li data-reactid="193"><p data-reactid="194"><!-- react-text: 195 -->缺点：比较占空间。<!-- /react-text --></p></li></ul><p data-reactid="196"><br data-reactid="197"/></p><p data-reactid="198"><!-- react-text: 199 -->结论：可根据业务系统中表格的实际情况，统一使用一种类型。<!-- /react-text --></p><h2 id="交互" data-reactid="200"><span data-reactid="201"><!-- react-text: 202 -->交互<!-- /react-text --></span><a href="#交互" class="anchor" data-reactid="203">#</a></h2><h3 id="显示长表格" data-reactid="204"><span data-reactid="205"><!-- react-text: 206 -->显示长表格<!-- /react-text --></span><a href="#显示长表格" class="anchor" data-reactid="207">#</a></h3><p data-reactid="208"><!-- react-text: 209 -->参考『列表页面』中的 <!-- /react-text --><a href="/docs/pattern/list#%E6%98%BE%E7%A4%BA%E9%95%BF%E5%88%97%E8%A1%A8" data-reactid="210">显示长列表</a><!-- react-text: 211 -->。<!-- /react-text --></p><h3 id="全选数据" data-reactid="212"><span data-reactid="213"><!-- react-text: 214 -->全选数据<!-- /react-text --></span><a href="#全选数据" class="anchor" data-reactid="215">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="216"><div class="preview-image-box" data-reactid="217"><div class="preview-image-wrapper" data-reactid="218"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/QqafGErOPnuDKyy.png" alt="状态一" data-reactid="219"/></div><div class="preview-image-title" data-reactid="220">状态一</div><div class="preview-image-description" data-reactid="221"></div><!-- react-empty: 222 --></div></div><div class="preview-image-boxes clearfix" data-reactid="223"><div class="preview-image-box" data-reactid="224"><div class="preview-image-wrapper" data-reactid="225"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/qwRSMFNilVCNoym.png" alt="状态二：点击 Table 顶部的复选框，出现『Alert』" data-reactid="226"/></div><div class="preview-image-title" data-reactid="227">状态二：点击 Table 顶部的复选框，出现『Alert』</div><div class="preview-image-description" data-reactid="228"></div><!-- react-empty: 229 --></div></div><div class="preview-image-boxes clearfix" data-reactid="230"><div class="preview-image-box" data-reactid="231"><div class="preview-image-wrapper" data-reactid="232"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/POvEJGjMYAexGut.png" alt="状态三：点击『选择全部』后" data-reactid="233"/></div><div class="preview-image-title" data-reactid="234">状态三：点击『选择全部』后</div><div class="preview-image-description" data-reactid="235"></div><!-- react-empty: 236 --></div></div><p data-reactid="237"><!-- react-text: 238 -->当使用了分页器，又想实现全选数据的功能，可以结合『Alert』来实现。<!-- /react-text --></p><h3 id="跨页选数据" data-reactid="239"><span data-reactid="240"><!-- react-text: 241 -->跨页选数据<!-- /react-text --></span><a href="#跨页选数据" class="anchor" data-reactid="242">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="243"><div class="preview-image-box" data-reactid="244"><div class="preview-image-wrapper" data-reactid="245"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/OcIWSystreURrPV.png" alt="状态一：选中一行数据" data-reactid="246"/></div><div class="preview-image-title" data-reactid="247">状态一：选中一行数据</div><div class="preview-image-description" data-reactid="248"></div><!-- react-empty: 249 --></div></div><div class="preview-image-boxes clearfix" data-reactid="250"><div class="preview-image-box" data-reactid="251"><div class="preview-image-wrapper" data-reactid="252"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/HuzwUWDzXszOkEI.png" alt="状态二：切换分页后，记录所选的项目" data-reactid="253"/></div><div class="preview-image-title" data-reactid="254">状态二：切换分页后，记录所选的项目</div><div class="preview-image-description" data-reactid="255"></div><!-- react-empty: 256 --></div></div><div class="preview-image-boxes clearfix" data-reactid="257"><div class="preview-image-box" data-reactid="258"><div class="preview-image-wrapper" data-reactid="259"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/yCjrxTSElzNUsFn.png" alt="状态三：在其他页中再选择一项，多记录一项选择" data-reactid="260"/></div><div class="preview-image-title" data-reactid="261">状态三：在其他页中再选择一项，多记录一项选择</div><div class="preview-image-description" data-reactid="262"></div><!-- react-empty: 263 --></div></div><div class="preview-image-boxes clearfix" data-reactid="264"><div class="preview-image-box" data-reactid="265"><div class="preview-image-wrapper" data-reactid="266"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/jtepHsDPApPnQlD.png" alt="状态四：用户可以在记录条直接取消选择" data-reactid="267"/></div><div class="preview-image-title" data-reactid="268">状态四：用户可以在记录条直接取消选择</div><div class="preview-image-description" data-reactid="269"></div><!-- react-empty: 270 --></div></div><div class="preview-image-boxes clearfix" data-reactid="271"><div class="preview-image-box" data-reactid="272"><div class="preview-image-wrapper" data-reactid="273"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/OAVQZqxPyuAWvTh.png" alt="状态五：表格选择框同步取消选择" data-reactid="274"/></div><div class="preview-image-title" data-reactid="275">状态五：表格选择框同步取消选择</div><div class="preview-image-description" data-reactid="276"></div><!-- react-empty: 277 --></div></div><p data-reactid="278"><!-- react-text: 279 -->当需要对表格／列表的数据进行跨分页器选择时，结合『Alert』来实现。<!-- /react-text --></p><h3 id="固定按钮组" data-reactid="280"><span data-reactid="281"><!-- react-text: 282 -->固定按钮组<!-- /react-text --></span><a href="#固定按钮组" class="anchor" data-reactid="283">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="284"><div class="preview-image-box" data-reactid="285"><div class="preview-image-wrapper" data-reactid="286"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/AhgnVIhTIvtHpok.png" alt="顶部固定示例" data-reactid="287"/></div><div class="preview-image-title" data-reactid="288">顶部固定示例</div><div class="preview-image-description" data-reactid="289"></div><!-- react-empty: 290 --></div></div><div class="preview-image-boxes clearfix" data-reactid="291"><div class="preview-image-box" data-reactid="292"><div class="preview-image-wrapper" data-reactid="293"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/hUHidNAJczLRVCg.png" alt="底部固定示例" data-reactid="294"/></div><div class="preview-image-title" data-reactid="295">底部固定示例</div><div class="preview-image-description" data-reactid="296"></div><!-- react-empty: 297 --></div></div><p data-reactid="298"><!-- react-text: 299 -->用在表格行数很多时（一般多于 20 行），又想对表格数据进行频繁的操作时，尤其适用在无限加载的表格中。<!-- /react-text --></p><h3 id="某一项内容过长" data-reactid="300"><span data-reactid="301"><!-- react-text: 302 -->某一项内容过长<!-- /react-text --></span><a href="#某一项内容过长" class="anchor" data-reactid="303">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="304"><div class="preview-image-box" data-reactid="305"><div class="preview-image-wrapper" data-reactid="306"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/vgNHOYAiuQbXCOi.png" alt="气泡显示示例" data-reactid="307"/></div><div class="preview-image-title" data-reactid="308">气泡显示示例</div><div class="preview-image-description" data-reactid="309">当过长信息可以被隐藏时，用户悬浮／点击该项时，用『Tooltip／Popover』来显示完整内容。</div><!-- react-empty: 310 --></div></div><p data-reactid="311"><!-- react-text: 312 -->某一项内容过长／不确定长度，既不希望用户在列表和详情之间来回跳转，又不希望不确定的数据撑爆表格时。<!-- /react-text --></p><h3 id="模块编辑" data-reactid="313"><span data-reactid="314"><!-- react-text: 315 -->模块编辑<!-- /react-text --></span><a href="#模块编辑" class="anchor" data-reactid="316">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="317"><div class="preview-image-box" data-reactid="318"><div class="preview-image-wrapper" data-reactid="319"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/mUhSLOTjzGYTQaE.png" alt="模块编辑示例" data-reactid="320"/></div><div class="preview-image-title" data-reactid="321">模块编辑示例</div><div class="preview-image-description" data-reactid="322">启动和禁用要尽可能相似（对称性交互）；保证启用和禁用切换时，页面不在水平方向不错位。</div><!-- react-empty: 323 --></div></div><p data-reactid="324"><!-- react-text: 325 -->适用在易读性高于易编辑性时；适用在有一定数量的项需要编辑时。<!-- /react-text --></p><h3 id="直接编辑" data-reactid="326"><span data-reactid="327"><!-- react-text: 328 -->直接编辑<!-- /react-text --></span><a href="#直接编辑" class="anchor" data-reactid="329">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="330"><div class="preview-image-box" data-reactid="331"><div class="preview-image-wrapper" data-reactid="332"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/VgvZjqTZBuAfGuO.png" alt="直接编辑示例" data-reactid="333"/></div><div class="preview-image-title" data-reactid="334">直接编辑示例</div><div class="preview-image-description" data-reactid="335">用户输入后，系统需要及时保存数据。</div><!-- react-empty: 336 --></div></div><p data-reactid="337"><!-- react-text: 338 -->适用在易编辑性高于易读性时。<!-- /react-text --></p><h3 id="悬浮层编辑" data-reactid="339"><span data-reactid="340"><!-- react-text: 341 -->悬浮层编辑<!-- /react-text --></span><a href="#悬浮层编辑" class="anchor" data-reactid="342">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="343"><div class="preview-image-box" data-reactid="344"><div class="preview-image-wrapper" data-reactid="345"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/QhIyXeNxAZEaLjT.png" alt="悬浮层编辑示例" data-reactid="346"/></div><div class="preview-image-title" data-reactid="347">悬浮层编辑示例</div><div class="preview-image-description" data-reactid="348"></div><!-- react-empty: 349 --></div></div><p data-reactid="350"><!-- react-text: 351 -->悬浮层会遮挡部分页面，适用在上下文对编辑任务不那么重要时。<!-- /react-text --></p><h2 id="规格" data-reactid="352"><span data-reactid="353"><!-- react-text: 354 -->规格<!-- /react-text --></span><a href="#规格" class="anchor" data-reactid="355">#</a></h2><h3 id="行高" data-reactid="356"><span data-reactid="357"><!-- react-text: 358 -->行高<!-- /react-text --></span><a href="#行高" class="anchor" data-reactid="359">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="360"><div class="preview-image-box" data-reactid="361"><div class="preview-image-wrapper" data-reactid="362"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/OXTCkOkAtaWtzNA.png" alt="标准" data-reactid="363"/></div><div class="preview-image-title" data-reactid="364">标准</div><div class="preview-image-description" data-reactid="365"></div><!-- react-empty: 366 --></div></div><div class="preview-image-boxes clearfix" data-reactid="367"><div class="preview-image-box" data-reactid="368"><div class="preview-image-wrapper" data-reactid="369"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/irjamuwZFdQLYWJ.png" alt="适中" data-reactid="370"/></div><div class="preview-image-title" data-reactid="371">适中</div><div class="preview-image-description" data-reactid="372"></div><!-- react-empty: 373 --></div></div><div class="preview-image-boxes clearfix" data-reactid="374"><div class="preview-image-box" data-reactid="375"><div class="preview-image-wrapper" data-reactid="376"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/SdlTVIAoxickNMM.png" alt="紧凑" data-reactid="377"/></div><div class="preview-image-title" data-reactid="378">紧凑</div><div class="preview-image-description" data-reactid="379"></div><!-- react-empty: 380 --></div></div><p data-reactid="381"><!-- react-text: 382 -->提供了多种规格的行高，适用在页面、弹出框等场景中。<!-- /react-text --></p><h3 id="列宽" data-reactid="383"><span data-reactid="384"><!-- react-text: 385 -->列宽<!-- /react-text --></span><a href="#列宽" class="anchor" data-reactid="386">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="387"><div class="preview-image-box" data-reactid="388"><div class="preview-image-wrapper bad" data-reactid="389"><img class="preview-img bad" src="https://os.alipayobjects.com/rmsportal/TbuuZNfOTrSflVg.png" alt="错误示例" data-reactid="390"/></div><div class="preview-image-title" data-reactid="391">错误示例</div><div class="preview-image-description" data-reactid="392"></div><!-- react-empty: 393 --></div></div><div class="preview-image-boxes clearfix" data-reactid="394"><div class="preview-image-box" data-reactid="395"><div class="preview-image-wrapper good" data-reactid="396"><img class="preview-img good" src="https://os.alipayobjects.com/rmsportal/cSSSfNrFMioHDBJ.png" alt="正确示例" data-reactid="397"/></div><div class="preview-image-title" data-reactid="398">正确示例</div><div class="preview-image-description" data-reactid="399"></div><!-- react-empty: 400 --></div></div><p data-reactid="401"><!-- react-text: 402 -->一般是根据栅格来排版，通过设定每一列的宽度比列，来保证一定尺寸之上（eg：1366px）有好的浏览效果。需要注意：<!-- /react-text --></p><ol data-reactid="403"><li data-reactid="404"><p data-reactid="405"><!-- react-text: 406 -->表头不换行；<!-- /react-text --></p></li><li data-reactid="407"><p data-reactid="408"><!-- react-text: 409 -->固定字节长度的列尽量不换行（eg：创建时间、操作等）。<!-- /react-text --></p></li></ol><h3 id="对齐方式" data-reactid="410"><span data-reactid="411"><!-- react-text: 412 -->对齐方式<!-- /react-text --></span><a href="#对齐方式" class="anchor" data-reactid="413">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="414"><div class="preview-image-box" data-reactid="415"><div class="preview-image-wrapper" data-reactid="416"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/RWCMGdnGSZXYULc.png" alt="对齐示例" data-reactid="417"/></div><div class="preview-image-title" data-reactid="418">对齐示例</div><div class="preview-image-description" data-reactid="419"></div><!-- react-empty: 420 --></div></div><p data-reactid="421"><!-- react-text: 422 -->数值右对齐（带小数则按小数点对齐），其余左对齐。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="423"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="424"><section class="prev-next-nav" data-reactid="425"><a class="prev-page" href="/docs/pattern/list" data-reactid="426">List</a><a class="next-page" href="/docs/pattern/complex-table" data-reactid="427">Complex Table</a></section></div></div></div><footer id="footer" data-reactid="428"><ul data-reactid="429"><li data-reactid="430"><h2 data-reactid="431"><i class="anticon anticon-github" data-reactid="432"></i><!-- react-text: 433 --> GitHub<!-- /react-text --></h2><div data-reactid="434"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="435"><span data-reactid="436">Repository</span></a></div><div data-reactid="437"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="438"><span data-reactid="439">Customize Theme</span></a></div><div data-reactid="440"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="441"><span data-reactid="442">Awesome Ant Design</span></a></div></li><li data-reactid="443"><h2 data-reactid="444"><i class="anticon anticon-link" data-reactid="445"></i><!-- react-text: 446 --> <!-- /react-text --><span data-reactid="447">Links</span></h2><div data-reactid="448"><a href="https://design.alipay.com/" data-reactid="449"><span data-reactid="450">Ant Financial Design Platform</span></a></div><div data-reactid="451"><a href="http://mobile.ant.design" data-reactid="452">Ant Design Mobile</a><span data-reactid="453"> - </span><span data-reactid="454">Mobile UI</span></div><div data-reactid="455"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="456">dva</a><!-- react-text: 457 --> - <!-- /react-text --><span data-reactid="458">Framework</span></div><div data-reactid="459"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="460">dva-cli</a><!-- react-text: 461 --> -<!-- /react-text --><span data-reactid="462">Developer Tools</span></div><div data-reactid="463"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="464">Egg</a><span data-reactid="465"> - </span><span data-reactid="466">Enterprise Node Framework</span></div><div data-reactid="467"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="468">AntV</a><span data-reactid="469"> - </span><span data-reactid="470">Data Visualization</span></div><div data-reactid="471"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="472">Ant Motion</a><span data-reactid="473"> - </span><span data-reactid="474">Motion Soluction</span></div><div data-reactid="475"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="476">AntD Library</a><span data-reactid="477"> - </span><span data-reactid="478">Axure library</span></div><div data-reactid="479"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="480">Ant UX</a><span data-reactid="481"> - </span><span data-reactid="482">Sitemap Template</span></div></li><li data-reactid="483"><h2 data-reactid="484"><i class="anticon anticon-customer-service" data-reactid="485"></i><!-- react-text: 486 --> <!-- /react-text --><span data-reactid="487">Community</span></h2><div data-reactid="488"><a href="/changelog" data-reactid="489"><span data-reactid="490">Change Log</span></a></div><div data-reactid="491"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="492"><span data-reactid="493">FAQ</span></a></div><div data-reactid="494"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="495"><span data-reactid="496">Chat Room (中文)</span></a></div><div data-reactid="497"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="498"><span data-reactid="499">Chat Room (English)</span></a></div><div data-reactid="500"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="501"><span data-reactid="502">Bug Report</span></a></div><div data-reactid="503"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="504"><span data-reactid="505">Issues</span></a></div><div data-reactid="506"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="507"><span data-reactid="508">StackOverflow</span></a></div><div data-reactid="509"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="510"><span data-reactid="511">SegmentFault</span></a></div></li><li data-reactid="512"><h2 data-reactid="513"><!-- react-text: 514 -->Copyright © <!-- /react-text --><!-- react-text: 515 -->2017<!-- /react-text --></h2><div data-reactid="516"><span data-reactid="517">Created by AIUX</span></div><div data-reactid="518"><!-- react-text: 519 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="520">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/react/customize-theme-cn.html b/docs/react/customize-theme-cn.html
index 40f014e46..00d3e1127 100644
--- a/docs/react/customize-theme-cn.html
+++ b/docs/react/customize-theme-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1813650111"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1778457277"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->定制主题<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/customize-theme.zh-CN.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="toc" data-reactid="294"><ul data-reactid="295"><li data-reactid="296"><a class="bisheng-toc-h2" href="#样式变量" title="样式变量" data-reactid="297"><!-- react-text: 298 -->样式变量<!-- /react-text --></a></li><li data-reactid="299"><a class="bisheng-toc-h2" href="#定制方式" title="定制方式" data-reactid="300"><!-- react-text: 301 -->定制方式<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="302"><p data-reactid="303"><!-- react-text: 304 -->Ant Design 设计规范上支持一定程度的样式定制，以满足业务和品牌上多样化的视觉需求，包括但不限于主色、圆角、边框和部分组件的视觉定制。<!-- /react-text --></p><p data-reactid="305"><img src="https://zos.alipayobjects.com/rmsportal/zTFoszBtDODhXfLAazfSpYbSLSEeytoG.png" data-reactid="306"/></p><h2 id="样式变量" data-reactid="307"><span data-reactid="308"><!-- react-text: 309 -->样式变量<!-- /react-text --></span><a href="#样式变量" class="anchor" data-reactid="310">#</a></h2><p data-reactid="311"><!-- react-text: 312 -->antd 的样式使用了 <!-- /react-text --><a href="http://lesscss.org/" data-reactid="313"><!-- react-text: 314 -->Less<!-- /react-text --></a><!-- react-text: 315 --> 作为开发语言，并定义了一系列全局/组件的样式变量，你可以根据需求进行相应调整。<!-- /react-text --></p><ul data-reactid="316"><li data-reactid="317"><p data-reactid="318"><a href="https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less" data-reactid="319"><!-- react-text: 320 -->默认样式变量<!-- /react-text --></a></p></li></ul><p data-reactid="321"><!-- react-text: 322 -->如果以上变量不能满足你的定制需求，可以给我们提 issue。<!-- /react-text --></p><h2 id="定制方式" data-reactid="323"><span data-reactid="324"><!-- react-text: 325 -->定制方式<!-- /react-text --></span><a href="#定制方式" class="anchor" data-reactid="326">#</a></h2><p data-reactid="327"><!-- react-text: 328 -->我们使用 <!-- /react-text --><a href="http://lesscss.org/usage/#using-less-in-the-browser-modify-variables" data-reactid="329"><!-- react-text: 330 -->modifyVars<!-- /react-text --></a><!-- react-text: 331 --> 的方式来覆盖变量。
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->定制主题<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/customize-theme.zh-CN.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="toc" data-reactid="294"><ul data-reactid="295"><li data-reactid="296"><a class="bisheng-toc-h2" href="#样式变量" title="样式变量" data-reactid="297"><!-- react-text: 298 -->样式变量<!-- /react-text --></a></li><li data-reactid="299"><a class="bisheng-toc-h2" href="#定制方式" title="定制方式" data-reactid="300"><!-- react-text: 301 -->定制方式<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="302"><p data-reactid="303"><!-- react-text: 304 -->Ant Design 设计规范上支持一定程度的样式定制，以满足业务和品牌上多样化的视觉需求，包括但不限于主色、圆角、边框和部分组件的视觉定制。<!-- /react-text --></p><p data-reactid="305"><img src="https://zos.alipayobjects.com/rmsportal/zTFoszBtDODhXfLAazfSpYbSLSEeytoG.png" data-reactid="306"/></p><h2 id="样式变量" data-reactid="307"><span data-reactid="308"><!-- react-text: 309 -->样式变量<!-- /react-text --></span><a href="#样式变量" class="anchor" data-reactid="310">#</a></h2><p data-reactid="311"><!-- react-text: 312 -->antd 的样式使用了 <!-- /react-text --><a href="http://lesscss.org/" data-reactid="313"><!-- react-text: 314 -->Less<!-- /react-text --></a><!-- react-text: 315 --> 作为开发语言，并定义了一系列全局/组件的样式变量，你可以根据需求进行相应调整。<!-- /react-text --></p><ul data-reactid="316"><li data-reactid="317"><p data-reactid="318"><a href="https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less" data-reactid="319"><!-- react-text: 320 -->默认样式变量<!-- /react-text --></a></p></li></ul><p data-reactid="321"><!-- react-text: 322 -->如果以上变量不能满足你的定制需求，可以给我们提 issue。<!-- /react-text --></p><h2 id="定制方式" data-reactid="323"><span data-reactid="324"><!-- react-text: 325 -->定制方式<!-- /react-text --></span><a href="#定制方式" class="anchor" data-reactid="326">#</a></h2><p data-reactid="327"><!-- react-text: 328 -->我们使用 <!-- /react-text --><a href="http://lesscss.org/usage/#using-less-in-the-browser-modify-variables" data-reactid="329"><!-- react-text: 330 -->modifyVars<!-- /react-text --></a><!-- react-text: 331 --> 的方式来覆盖变量。
 在具体工程实践中，有 <!-- /react-text --><code data-reactid="332"><!-- react-text: 333 -->package.theme<!-- /react-text --></code><!-- react-text: 334 --> 和 <!-- /react-text --><code data-reactid="335"><!-- react-text: 336 -->less<!-- /react-text --></code><!-- react-text: 337 --> 两种方案，选择一种即可。<!-- /react-text --></p><p data-reactid="338"><!-- react-text: 339 -->可以在本地运行 <!-- /react-text --><a href="https://github.com/ant-design/antd-init/tree/master/examples/customize-antd-theme" data-reactid="340"><!-- react-text: 341 -->例子<!-- /react-text --></a><!-- react-text: 342 --> 查看定制效果。<!-- /react-text --></p><h3 id="1)-theme-属性（推荐）" data-reactid="343"><span data-reactid="344"><!-- react-text: 345 -->1) theme 属性（推荐）<!-- /react-text --></span><a href="#1)-theme-属性（推荐）" class="anchor" data-reactid="346">#</a></h3><p data-reactid="347"><!-- react-text: 348 -->配置在 <!-- /react-text --><code data-reactid="349"><!-- react-text: 350 -->package.json<!-- /react-text --></code><!-- react-text: 351 --> 或 <!-- /react-text --><code data-reactid="352"><!-- react-text: 353 -->.roadhogrc<!-- /react-text --></code><!-- react-text: 354 --> 下的 <!-- /react-text --><code data-reactid="355"><!-- react-text: 356 -->theme<!-- /react-text --></code><!-- react-text: 357 --> 字段。theme 可以为配置为一个对象或文件路径。<!-- /react-text --></p><pre class="language-js" data-reactid="358"><code data-reactid="359"><span class="token string">"theme"</span><span class="token punctuation">:</span> <span class="token punctuation">{</span>
   <span class="token string">"primary-color"</span><span class="token punctuation">:</span> <span class="token string">"#1DA57A"</span><span class="token punctuation">,</span>
 <span class="token punctuation">}</span><span class="token punctuation">,</span></code></pre><p data-reactid="360"><!-- react-text: 361 -->或者 <!-- /react-text --><a href="https://github.com/ant-design/antd-init/blob/master/examples/customize-antd-theme/theme.js" data-reactid="362"><!-- react-text: 363 -->一个 js 文件<!-- /react-text --></a><!-- react-text: 364 -->：<!-- /react-text --></p><pre class="language-js" data-reactid="365"><code data-reactid="366"><span class="token string">"theme"</span><span class="token punctuation">:</span> <span class="token string">"./theme.js"</span><span class="token punctuation">,</span></code></pre><p data-reactid="367"><!-- react-text: 368 -->定义 <!-- /react-text --><code data-reactid="369"><!-- react-text: 370 -->theme<!-- /react-text --></code><!-- react-text: 371 --> 属性时，需要配合使用（<!-- /react-text --><a href="https://github.com/ant-design/antd-init" data-reactid="372"><!-- react-text: 373 -->antd-init<!-- /react-text --></a><!-- react-text: 374 --> 或 <!-- /react-text --><a href="https://github.com/dvajs/dva-cli" data-reactid="375"><!-- react-text: 376 -->dva-cli<!-- /react-text --></a><!-- react-text: 377 -->。如果你使用的是其他脚手架，可以参考 <!-- /react-text --><a href="https://github.com/ant-tool/atool-build/blob/a4b3e3eec4ffc09b0e2352d7f9d279c4c28fdb99/src/getWebpackCommonConfig.js#L131-L138" data-reactid="378"><!-- react-text: 379 -->atool-build 中 less-loader 的 webpack 相关配置 <!-- /react-text --></a><!-- react-text: 380 -->，利用 <!-- /react-text --><a href="https://github.com/webpack/less-loader#less-options" data-reactid="381"><!-- react-text: 382 -->less-loader<!-- /react-text --></a><!-- react-text: 383 --> 的 <!-- /react-text --><code data-reactid="384"><!-- react-text: 385 -->modifyVars<!-- /react-text --></code><!-- react-text: 386 --> 配置来覆盖原来的样式变量。<!-- /react-text --></p><p data-reactid="387"><!-- react-text: 388 -->注意：<!-- /react-text --></p><ul data-reactid="389"><li data-reactid="390"><p data-reactid="391"><!-- react-text: 392 -->样式必须加载 less 格式。<!-- /react-text --></p><ul data-reactid="393"><li data-reactid="394"><p data-reactid="395"><!-- react-text: 396 -->如果你在使用 <!-- /react-text --><a href="https://github.com/ant-design/babel-plugin-import" data-reactid="397"><!-- react-text: 398 -->babel-plugin-import<!-- /react-text --></a><!-- react-text: 399 --> 的 <!-- /react-text --><code data-reactid="400"><!-- react-text: 401 -->style<!-- /react-text --></code><!-- react-text: 402 --> 配置来引入样式，需要将配置值从 <!-- /react-text --><code data-reactid="403"><!-- react-text: 404 -->&#x27;css&#x27;<!-- /react-text --></code><!-- react-text: 405 --> 改为 <!-- /react-text --><code data-reactid="406"><!-- react-text: 407 -->true<!-- /react-text --></code><!-- react-text: 408 -->，这样会引入 less 文件。<!-- /react-text --></p></li><li data-reactid="409"><p data-reactid="410"><!-- react-text: 411 -->如果你是通过 <!-- /react-text --><code data-reactid="412"><!-- react-text: 413 -->&#x27;antd/dist/antd.css&#x27;<!-- /react-text --></code><!-- react-text: 414 --> 引入样式的，改为 <!-- /react-text --><code data-reactid="415"><!-- react-text: 416 -->antd/dist/antd.less<!-- /react-text --></code><!-- react-text: 417 -->。<!-- /react-text --></p></li></ul></li><li data-reactid="418"><p data-reactid="419"><!-- react-text: 420 -->样式必须加载 less 格式。如果您使用了 <!-- /react-text --><code data-reactid="421"><!-- react-text: 422 -->babel-plugin-import<!-- /react-text --></code><!-- react-text: 423 -->，请将 style 属性配置为 <!-- /react-text --><code data-reactid="424"><!-- react-text: 425 -->true<!-- /react-text --></code><!-- react-text: 426 -->。<!-- /react-text --></p></li><li data-reactid="427"><p data-reactid="428"><code data-reactid="429"><!-- react-text: 430 -->dva-cli@0.7.0+<!-- /react-text --></code><!-- react-text: 431 --> 的 <!-- /react-text --><code data-reactid="432"><!-- react-text: 433 -->theme<!-- /react-text --></code><!-- react-text: 434 --> 属性需要写在 <!-- /react-text --><a href="https://github.com/dvajs/dva-example-user-dashboard/commit/d6da33b3a6e18eb7f003752a4b00b5a660747c31" data-reactid="435"><!-- react-text: 436 -->.roadhogrc<!-- /react-text --></a><!-- react-text: 437 --> 文件里。<!-- /react-text --></p></li><li data-reactid="438"><p data-reactid="439"><!-- react-text: 440 -->如果要覆盖 <!-- /react-text --><code data-reactid="441"><!-- react-text: 442 -->@icon-url<!-- /react-text --></code><!-- react-text: 443 --> 变量，内容需要包括引号 <!-- /react-text --><code data-reactid="444"><!-- react-text: 445 -->&quot;@icon-url&quot;: &quot;&#x27;your-icon-font-path&#x27;&quot;<!-- /react-text --></code><!-- react-text: 446 -->（<!-- /react-text --><a href="https://github.com/visvadw/dvajs-user-dashboard/pull/2" data-reactid="447"><!-- react-text: 448 -->修正示例<!-- /react-text --></a><!-- react-text: 449 -->）。<!-- /react-text --></p></li></ul><h3 id="2)-less" data-reactid="450"><span data-reactid="451"><!-- react-text: 452 -->2) less<!-- /react-text --></span><a href="#2)-less" class="anchor" data-reactid="453">#</a></h3><p data-reactid="454"><!-- react-text: 455 -->用 less 文件进行变量覆盖。<!-- /react-text --></p><p data-reactid="456"><!-- react-text: 457 -->建立一个单独的 <!-- /react-text --><code data-reactid="458"><!-- react-text: 459 -->less<!-- /react-text --></code><!-- react-text: 460 --> 文件如下，再引入这个文件。<!-- /react-text --></p><pre class="language-css" data-reactid="461"><code data-reactid="462"><span class="token atrule"><span class="token rule">@import</span> <span class="token string">"~antd/dist/antd.less"</span><span class="token punctuation">;</span></span>   // 引入官方提供的 less 样式入口文件
diff --git a/docs/react/customize-theme.html b/docs/react/customize-theme.html
index d7d550003..8c8d4ecbf 100644
--- a/docs/react/customize-theme.html
+++ b/docs/react/customize-theme.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="583605269"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="726539287"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->Customize Theme<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/customize-theme.en-US.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="toc" data-reactid="294"><ul data-reactid="295"><li data-reactid="296"><a class="bisheng-toc-h2" href="#Less-variables" title="Less variables" data-reactid="297"><!-- react-text: 298 -->Less variables<!-- /react-text --></a></li><li data-reactid="299"><a class="bisheng-toc-h2" href="#How-to-do-it" title="How to do it" data-reactid="300"><!-- react-text: 301 -->How to do it<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="302"><p data-reactid="303"><!-- react-text: 304 -->Ant Design allows to customize some basic design aspects in order to meet the needs of UI diversity from business and brand, including primary color, border radius, border color, etc.<!-- /react-text --></p><p data-reactid="305"><img src="https://zos.alipayobjects.com/rmsportal/zTFoszBtDODhXfLAazfSpYbSLSEeytoG.png" data-reactid="306"/></p><h2 id="Less-variables" data-reactid="307"><span data-reactid="308"><!-- react-text: 309 -->Less variables<!-- /react-text --></span><a href="#Less-variables" class="anchor" data-reactid="310">#</a></h2><p data-reactid="311"><!-- react-text: 312 -->We are using <!-- /react-text --><a href="http://lesscss.org/" data-reactid="313"><!-- react-text: 314 -->Less<!-- /react-text --></a><!-- react-text: 315 --> as the development language of style. A set of less variables are defined for each design aspect that can be customized to your needs.<!-- /react-text --></p><ul data-reactid="316"><li data-reactid="317"><p data-reactid="318"><a href="https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less" data-reactid="319"><!-- react-text: 320 -->Default Variables<!-- /react-text --></a></p></li></ul><p data-reactid="321"><!-- react-text: 322 -->Please report an issue if the existing list of variables is not enough for you.<!-- /react-text --></p><h2 id="How-to-do-it" data-reactid="323"><span data-reactid="324"><!-- react-text: 325 -->How to do it<!-- /react-text --></span><a href="#How-to-do-it" class="anchor" data-reactid="326">#</a></h2><p data-reactid="327"><!-- react-text: 328 -->We recommend <!-- /react-text --><a href="http://lesscss.org/usage/#using-less-in-the-browser-modify-variables" data-reactid="329"><!-- react-text: 330 -->modifyVars<!-- /react-text --></a><!-- react-text: 331 --> to override the default values of the variables. There are two ways to achieve it in practice.<!-- /react-text --></p><p data-reactid="332"><!-- react-text: 333 -->You can use this <!-- /react-text --><a href="https://github.com/ant-design/antd-init/tree/master/examples/customize-antd-theme" data-reactid="334"><!-- react-text: 335 -->example<!-- /react-text --></a><!-- react-text: 336 --> as a playground.<!-- /react-text --></p><h3 id="1)-Using-theme-property-(recommended-way)" data-reactid="337"><span data-reactid="338"><!-- react-text: 339 -->1) Using <!-- /react-text --><code data-reactid="340"><!-- react-text: 341 -->theme<!-- /react-text --></code><!-- react-text: 342 --> property (recommended way)<!-- /react-text --></span><a href="#1)-Using-theme-property-(recommended-way)" class="anchor" data-reactid="343">#</a></h3><p data-reactid="344"><!-- react-text: 345 -->Specify the <!-- /react-text --><code data-reactid="346"><!-- react-text: 347 -->theme<!-- /react-text --></code><!-- react-text: 348 --> property in <!-- /react-text --><code data-reactid="349"><!-- react-text: 350 -->package.json<!-- /react-text --></code><!-- react-text: 351 --> or <!-- /react-text --><code data-reactid="352"><!-- react-text: 353 -->.roadhogrc<!-- /react-text --></code><!-- react-text: 354 --> file, whose value can be either an object or the path to a JS file that contains the custom values of specific variables:<!-- /react-text --></p><ul data-reactid="355"><li data-reactid="356"><p data-reactid="357"><!-- react-text: 358 -->example of directly specifying the custom values as an object:<!-- /react-text --></p></li></ul><pre class="language-js" data-reactid="359"><code data-reactid="360"><span class="token string">"theme"</span><span class="token punctuation">:</span> <span class="token punctuation">{</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->Customize Theme<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/customize-theme.en-US.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="toc" data-reactid="294"><ul data-reactid="295"><li data-reactid="296"><a class="bisheng-toc-h2" href="#Less-variables" title="Less variables" data-reactid="297"><!-- react-text: 298 -->Less variables<!-- /react-text --></a></li><li data-reactid="299"><a class="bisheng-toc-h2" href="#How-to-do-it" title="How to do it" data-reactid="300"><!-- react-text: 301 -->How to do it<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="302"><p data-reactid="303"><!-- react-text: 304 -->Ant Design allows to customize some basic design aspects in order to meet the needs of UI diversity from business and brand, including primary color, border radius, border color, etc.<!-- /react-text --></p><p data-reactid="305"><img src="https://zos.alipayobjects.com/rmsportal/zTFoszBtDODhXfLAazfSpYbSLSEeytoG.png" data-reactid="306"/></p><h2 id="Less-variables" data-reactid="307"><span data-reactid="308"><!-- react-text: 309 -->Less variables<!-- /react-text --></span><a href="#Less-variables" class="anchor" data-reactid="310">#</a></h2><p data-reactid="311"><!-- react-text: 312 -->We are using <!-- /react-text --><a href="http://lesscss.org/" data-reactid="313"><!-- react-text: 314 -->Less<!-- /react-text --></a><!-- react-text: 315 --> as the development language of style. A set of less variables are defined for each design aspect that can be customized to your needs.<!-- /react-text --></p><ul data-reactid="316"><li data-reactid="317"><p data-reactid="318"><a href="https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less" data-reactid="319"><!-- react-text: 320 -->Default Variables<!-- /react-text --></a></p></li></ul><p data-reactid="321"><!-- react-text: 322 -->Please report an issue if the existing list of variables is not enough for you.<!-- /react-text --></p><h2 id="How-to-do-it" data-reactid="323"><span data-reactid="324"><!-- react-text: 325 -->How to do it<!-- /react-text --></span><a href="#How-to-do-it" class="anchor" data-reactid="326">#</a></h2><p data-reactid="327"><!-- react-text: 328 -->We recommend <!-- /react-text --><a href="http://lesscss.org/usage/#using-less-in-the-browser-modify-variables" data-reactid="329"><!-- react-text: 330 -->modifyVars<!-- /react-text --></a><!-- react-text: 331 --> to override the default values of the variables. There are two ways to achieve it in practice.<!-- /react-text --></p><p data-reactid="332"><!-- react-text: 333 -->You can use this <!-- /react-text --><a href="https://github.com/ant-design/antd-init/tree/master/examples/customize-antd-theme" data-reactid="334"><!-- react-text: 335 -->example<!-- /react-text --></a><!-- react-text: 336 --> as a playground.<!-- /react-text --></p><h3 id="1)-Using-theme-property-(recommended-way)" data-reactid="337"><span data-reactid="338"><!-- react-text: 339 -->1) Using <!-- /react-text --><code data-reactid="340"><!-- react-text: 341 -->theme<!-- /react-text --></code><!-- react-text: 342 --> property (recommended way)<!-- /react-text --></span><a href="#1)-Using-theme-property-(recommended-way)" class="anchor" data-reactid="343">#</a></h3><p data-reactid="344"><!-- react-text: 345 -->Specify the <!-- /react-text --><code data-reactid="346"><!-- react-text: 347 -->theme<!-- /react-text --></code><!-- react-text: 348 --> property in <!-- /react-text --><code data-reactid="349"><!-- react-text: 350 -->package.json<!-- /react-text --></code><!-- react-text: 351 --> or <!-- /react-text --><code data-reactid="352"><!-- react-text: 353 -->.roadhogrc<!-- /react-text --></code><!-- react-text: 354 --> file, whose value can be either an object or the path to a JS file that contains the custom values of specific variables:<!-- /react-text --></p><ul data-reactid="355"><li data-reactid="356"><p data-reactid="357"><!-- react-text: 358 -->example of directly specifying the custom values as an object:<!-- /react-text --></p></li></ul><pre class="language-js" data-reactid="359"><code data-reactid="360"><span class="token string">"theme"</span><span class="token punctuation">:</span> <span class="token punctuation">{</span>
   <span class="token string">"primary-color"</span><span class="token punctuation">:</span> <span class="token string">"#1DA57A"</span><span class="token punctuation">,</span>
 <span class="token punctuation">}</span><span class="token punctuation">,</span></code></pre><ul data-reactid="361"><li data-reactid="362"><p data-reactid="363"><!-- react-text: 364 -->example of specifying a <!-- /react-text --><a href="https://github.com/ant-design/antd-init/blob/master/examples/customize-antd-theme/theme.js" data-reactid="365"><!-- react-text: 366 -->file path<!-- /react-text --></a><!-- react-text: 367 --> to a JS file:<!-- /react-text --></p></li></ul><pre class="language-js" data-reactid="368"><code data-reactid="369"><span class="token string">"theme"</span><span class="token punctuation">:</span> <span class="token string">"./theme.js"</span><span class="token punctuation">,</span></code></pre><p data-reactid="370"><!-- react-text: 371 -->This approach is available only when using <!-- /react-text --><a href="https://github.com/ant-design/antd-init" data-reactid="372"><!-- react-text: 373 -->antd-init<!-- /react-text --></a><!-- react-text: 374 --> or <!-- /react-text --><a href="https://github.com/dvajs/dva-cli" data-reactid="375"><!-- react-text: 376 -->dva-cli<!-- /react-text --></a><!-- react-text: 377 -->. If you choose other boilerplates, you can write webpack config about <!-- /react-text --><a href="https://github.com/webpack/less-loader#less-options" data-reactid="378"><!-- react-text: 379 -->less-loader modifyVars<!-- /react-text --></a><!-- react-text: 380 --> like <!-- /react-text --><a href="https://github.com/ant-tool/atool-build/blob/a4b3e3eec4ffc09b0e2352d7f9d279c4c28fdb99/src/getWebpackCommonConfig.js#L131-L138" data-reactid="381"><!-- react-text: 382 -->atool-build <!-- /react-text --></a><!-- react-text: 383 --> does.<!-- /react-text --></p><p data-reactid="384"><!-- react-text: 385 -->Note:<!-- /react-text --></p><ul data-reactid="386"><li data-reactid="387"><p data-reactid="388"><!-- react-text: 389 -->Importing style from less files is necessary.<!-- /react-text --></p><ul data-reactid="390"><li data-reactid="391"><p data-reactid="392"><!-- react-text: 393 -->If you import styles by specifying the <!-- /react-text --><code data-reactid="394"><!-- react-text: 395 -->style<!-- /react-text --></code><!-- react-text: 396 --> option of <!-- /react-text --><a href="https://github.com/ant-design/babel-plugin-import" data-reactid="397"><!-- react-text: 398 -->babel-plugin-import<!-- /react-text --></a><!-- react-text: 399 -->, change it from <!-- /react-text --><code data-reactid="400"><!-- react-text: 401 -->&#x27;css&#x27;<!-- /react-text --></code><!-- react-text: 402 --> to <!-- /react-text --><code data-reactid="403"><!-- react-text: 404 -->true<!-- /react-text --></code><!-- react-text: 405 -->, which will importing the <!-- /react-text --><code data-reactid="406"><!-- react-text: 407 -->less<!-- /react-text --></code><!-- react-text: 408 --> version of antd.<!-- /react-text --></p></li><li data-reactid="409"><p data-reactid="410"><!-- react-text: 411 -->If you import styles from <!-- /react-text --><code data-reactid="412"><!-- react-text: 413 -->&#x27;antd/dist/antd.css&#x27;<!-- /react-text --></code><!-- react-text: 414 -->, change it to <!-- /react-text --><code data-reactid="415"><!-- react-text: 416 -->antd/dist/antd.less<!-- /react-text --></code><!-- react-text: 417 -->.<!-- /react-text --></p></li></ul></li><li data-reactid="418"><p data-reactid="419"><!-- react-text: 420 -->When using <!-- /react-text --><code data-reactid="421"><!-- react-text: 422 -->dva-cli@0.7.0+<!-- /react-text --></code><!-- react-text: 423 -->, you should add the <!-- /react-text --><code data-reactid="424"><!-- react-text: 425 -->theme<!-- /react-text --></code><!-- react-text: 426 --> block to <!-- /react-text --><a href="https://github.com/dvajs/dva-example-user-dashboard/commit/d6da33b3a6e18eb7f003752a4b00b5a660747c31" data-reactid="427"><!-- react-text: 428 -->.roadhogrc<!-- /react-text --></a><!-- react-text: 429 --> instead of <!-- /react-text --><code data-reactid="430"><!-- react-text: 431 -->package.json<!-- /react-text --></code><!-- react-text: 432 -->.<!-- /react-text --></p></li><li data-reactid="433"><p data-reactid="434"><!-- react-text: 435 -->If you want to override <!-- /react-text --><code data-reactid="436"><!-- react-text: 437 -->@icon-url<!-- /react-text --></code><!-- react-text: 438 -->, the quotes must be contained in value like <!-- /react-text --><code data-reactid="439"><!-- react-text: 440 -->&quot;@icon-url&quot;: &quot;&#x27;your-icon-font-path&#x27;&quot;<!-- /react-text --></code><!-- react-text: 441 --> (<!-- /react-text --><a href="https://github.com/visvadw/dvajs-user-dashboard/pull/2" data-reactid="442"><!-- react-text: 443 -->A fix sample<!-- /react-text --></a><!-- react-text: 444 -->).<!-- /react-text --></p></li></ul><h3 id="2)-Overriding-Less-variables-(alternative-way)" data-reactid="445"><span data-reactid="446"><!-- react-text: 447 -->2) Overriding Less variables (alternative way)<!-- /react-text --></span><a href="#2)-Overriding-Less-variables-(alternative-way)" class="anchor" data-reactid="448">#</a></h3><p data-reactid="449"><!-- react-text: 450 -->Override variables via less definition files.<!-- /react-text --></p><p data-reactid="451"><!-- react-text: 452 -->Create a standalone less file like the one below, and import it in your project.<!-- /react-text --></p><pre class="language-css" data-reactid="453"><code data-reactid="454"><span class="token atrule"><span class="token rule">@import</span> <span class="token string">"~antd/dist/antd.less"</span><span class="token punctuation">;</span></span>   // import official less entry file
 <span class="token atrule"><span class="token rule">@import</span> <span class="token string">"your-theme-file.less"</span><span class="token punctuation">;</span></span>   // override variables here</code></pre><p data-reactid="455"><!-- react-text: 456 -->Note: This way will load the styles of all components, regardless of your demand, which cause <!-- /react-text --><code data-reactid="457"><!-- react-text: 458 -->style<!-- /react-text --></code><!-- react-text: 459 --> option of <!-- /react-text --><code data-reactid="460"><!-- react-text: 461 -->babel-plugin-import<!-- /react-text --></code><!-- react-text: 462 --> not working.<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="463"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="464"><section class="prev-next-nav" data-reactid="465"><a class="prev-page" href="/docs/react/use-with-create-react-app" data-reactid="466">Use in create-react-app</a><a class="next-page" href="/changelog" data-reactid="467">Change Log</a></section></div></div></div><footer id="footer" data-reactid="468"><ul data-reactid="469"><li data-reactid="470"><h2 data-reactid="471"><i class="anticon anticon-github" data-reactid="472"></i><!-- react-text: 473 --> GitHub<!-- /react-text --></h2><div data-reactid="474"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="475"><span data-reactid="476">Repository</span></a></div><div data-reactid="477"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="478"><span data-reactid="479">Customize Theme</span></a></div><div data-reactid="480"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="481"><span data-reactid="482">Awesome Ant Design</span></a></div></li><li data-reactid="483"><h2 data-reactid="484"><i class="anticon anticon-link" data-reactid="485"></i><!-- react-text: 486 --> <!-- /react-text --><span data-reactid="487">Links</span></h2><div data-reactid="488"><a href="https://design.alipay.com/" data-reactid="489"><span data-reactid="490">Ant Financial Design Platform</span></a></div><div data-reactid="491"><a href="http://mobile.ant.design" data-reactid="492">Ant Design Mobile</a><span data-reactid="493"> - </span><span data-reactid="494">Mobile UI</span></div><div data-reactid="495"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="496">dva</a><!-- react-text: 497 --> - <!-- /react-text --><span data-reactid="498">Framework</span></div><div data-reactid="499"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="500">dva-cli</a><!-- react-text: 501 --> -<!-- /react-text --><span data-reactid="502">Developer Tools</span></div><div data-reactid="503"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="504">Egg</a><span data-reactid="505"> - </span><span data-reactid="506">Enterprise Node Framework</span></div><div data-reactid="507"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="508">AntV</a><span data-reactid="509"> - </span><span data-reactid="510">Data Visualization</span></div><div data-reactid="511"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="512">Ant Motion</a><span data-reactid="513"> - </span><span data-reactid="514">Motion Soluction</span></div><div data-reactid="515"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="516">AntD Library</a><span data-reactid="517"> - </span><span data-reactid="518">Axure library</span></div><div data-reactid="519"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="520">Ant UX</a><span data-reactid="521"> - </span><span data-reactid="522">Sitemap Template</span></div></li><li data-reactid="523"><h2 data-reactid="524"><i class="anticon anticon-customer-service" data-reactid="525"></i><!-- react-text: 526 --> <!-- /react-text --><span data-reactid="527">Community</span></h2><div data-reactid="528"><a href="/changelog" data-reactid="529"><span data-reactid="530">Change Log</span></a></div><div data-reactid="531"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="532"><span data-reactid="533">FAQ</span></a></div><div data-reactid="534"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="535"><span data-reactid="536">Chat Room (中文)</span></a></div><div data-reactid="537"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="538"><span data-reactid="539">Chat Room (English)</span></a></div><div data-reactid="540"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="541"><span data-reactid="542">Bug Report</span></a></div><div data-reactid="543"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="544"><span data-reactid="545">Issues</span></a></div><div data-reactid="546"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="547"><span data-reactid="548">StackOverflow</span></a></div><div data-reactid="549"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="550"><span data-reactid="551">SegmentFault</span></a></div></li><li data-reactid="552"><h2 data-reactid="553"><!-- react-text: 554 -->Copyright © <!-- /react-text --><!-- react-text: 555 -->2017<!-- /react-text --></h2><div data-reactid="556"><span data-reactid="557">Created by AIUX</span></div><div data-reactid="558"><!-- react-text: 559 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="560">BiSheng</a></div></li></ul></footer></div>
diff --git a/docs/react/getting-started-cn.html b/docs/react/getting-started-cn.html
index 4cbb19c46..89e01b660 100644
--- a/docs/react/getting-started-cn.html
+++ b/docs/react/getting-started-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-293785362"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-2027736848"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->快速上手<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/getting-started.zh-CN.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="markdown" data-reactid="294"><p data-reactid="295"><!-- react-text: 296 -->Ant Design React 致力于提供给程序员<!-- /react-text --><strong data-reactid="297"><!-- react-text: 298 -->愉悦<!-- /react-text --></strong><!-- react-text: 299 -->的开发体验。<!-- /react-text --></p></section><section class="toc" data-reactid="300"><ul data-reactid="301"><li data-reactid="302"><a class="bisheng-toc-h2" href="#第一个例子" title="第一个例子" data-reactid="303"><!-- react-text: 304 -->第一个例子<!-- /react-text --></a></li><li data-reactid="305"><a class="bisheng-toc-h2" href="#标准开发" title="标准开发" data-reactid="306"><!-- react-text: 307 -->标准开发<!-- /react-text --></a></li><li data-reactid="308"><a class="bisheng-toc-h2" href="#兼容性" title="兼容性" data-reactid="309"><!-- react-text: 310 -->兼容性<!-- /react-text --></a></li><li data-reactid="311"><a class="bisheng-toc-h2" href="#自行构建" title="自行构建" data-reactid="312"><!-- react-text: 313 -->自行构建<!-- /react-text --></a></li><li data-reactid="314"><a class="bisheng-toc-h2" href="#按需加载" title="按需加载" data-reactid="315"><!-- react-text: 316 -->按需加载<!-- /react-text --></a></li><li data-reactid="317"><a class="bisheng-toc-h2" href="#配置主题和字体" title="配置主题和字体" data-reactid="318"><!-- react-text: 319 -->配置主题和字体<!-- /react-text --></a></li><li data-reactid="320"><a class="bisheng-toc-h2" href="#小甜点" title="小甜点" data-reactid="321"><!-- react-text: 322 -->小甜点<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="323"><p data-reactid="324"><!-- react-text: 325 -->在开始之前，推荐先学习 <!-- /react-text --><a href="http://facebook.github.io/react/" data-reactid="326"><!-- react-text: 327 -->React<!-- /react-text --></a><!-- react-text: 328 --> 和 <!-- /react-text --><a href="http://babeljs.io/docs/learn-es2015/" data-reactid="329"><!-- react-text: 330 -->ES2015<!-- /react-text --></a><!-- react-text: 331 -->，并正确安装和配置了 <!-- /react-text --><a href="https://nodejs.org/" data-reactid="332"><!-- react-text: 333 -->Node.js<!-- /react-text --></a><!-- react-text: 334 --> v4.x 或以上。<!-- /react-text --></p><h2 id="第一个例子" data-reactid="335"><span data-reactid="336"><!-- react-text: 337 -->第一个例子<!-- /react-text --></span><a href="#第一个例子" class="anchor" data-reactid="338">#</a></h2><p data-reactid="339"><!-- react-text: 340 -->最简单的使用方式参照以下 CodePen 演示，也推荐 Fork 本例来进行 <!-- /react-text --><code data-reactid="341"><!-- react-text: 342 -->Bug Report<!-- /react-text --></code><!-- react-text: 343 -->，注意不要在实际项目中这样使用。<!-- /react-text --></p><ul data-reactid="344"><li data-reactid="345"><p data-reactid="346"><a href="http://codepen.io/benjycui/pen/KgPZrE?editors=001" data-reactid="347"><!-- react-text: 348 -->antd CodePen<!-- /react-text --></a></p></li></ul><h2 id="标准开发" data-reactid="349"><span data-reactid="350"><!-- react-text: 351 -->标准开发<!-- /react-text --></span><a href="#标准开发" class="anchor" data-reactid="352">#</a></h2><p data-reactid="353"><!-- react-text: 354 -->实际项目开发中，你会需要对 ES2015 和 JSX 代码的构建、调试、代理、打包部署等一系列工程化的需求。
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->快速上手<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/getting-started.zh-CN.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="markdown" data-reactid="294"><p data-reactid="295"><!-- react-text: 296 -->Ant Design React 致力于提供给程序员<!-- /react-text --><strong data-reactid="297"><!-- react-text: 298 -->愉悦<!-- /react-text --></strong><!-- react-text: 299 -->的开发体验。<!-- /react-text --></p></section><section class="toc" data-reactid="300"><ul data-reactid="301"><li data-reactid="302"><a class="bisheng-toc-h2" href="#第一个例子" title="第一个例子" data-reactid="303"><!-- react-text: 304 -->第一个例子<!-- /react-text --></a></li><li data-reactid="305"><a class="bisheng-toc-h2" href="#标准开发" title="标准开发" data-reactid="306"><!-- react-text: 307 -->标准开发<!-- /react-text --></a></li><li data-reactid="308"><a class="bisheng-toc-h2" href="#兼容性" title="兼容性" data-reactid="309"><!-- react-text: 310 -->兼容性<!-- /react-text --></a></li><li data-reactid="311"><a class="bisheng-toc-h2" href="#自行构建" title="自行构建" data-reactid="312"><!-- react-text: 313 -->自行构建<!-- /react-text --></a></li><li data-reactid="314"><a class="bisheng-toc-h2" href="#按需加载" title="按需加载" data-reactid="315"><!-- react-text: 316 -->按需加载<!-- /react-text --></a></li><li data-reactid="317"><a class="bisheng-toc-h2" href="#配置主题和字体" title="配置主题和字体" data-reactid="318"><!-- react-text: 319 -->配置主题和字体<!-- /react-text --></a></li><li data-reactid="320"><a class="bisheng-toc-h2" href="#小甜点" title="小甜点" data-reactid="321"><!-- react-text: 322 -->小甜点<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="323"><p data-reactid="324"><!-- react-text: 325 -->在开始之前，推荐先学习 <!-- /react-text --><a href="http://facebook.github.io/react/" data-reactid="326"><!-- react-text: 327 -->React<!-- /react-text --></a><!-- react-text: 328 --> 和 <!-- /react-text --><a href="http://babeljs.io/docs/learn-es2015/" data-reactid="329"><!-- react-text: 330 -->ES2015<!-- /react-text --></a><!-- react-text: 331 -->，并正确安装和配置了 <!-- /react-text --><a href="https://nodejs.org/" data-reactid="332"><!-- react-text: 333 -->Node.js<!-- /react-text --></a><!-- react-text: 334 --> v4.x 或以上。<!-- /react-text --></p><h2 id="第一个例子" data-reactid="335"><span data-reactid="336"><!-- react-text: 337 -->第一个例子<!-- /react-text --></span><a href="#第一个例子" class="anchor" data-reactid="338">#</a></h2><p data-reactid="339"><!-- react-text: 340 -->最简单的使用方式参照以下 CodePen 演示，也推荐 Fork 本例来进行 <!-- /react-text --><code data-reactid="341"><!-- react-text: 342 -->Bug Report<!-- /react-text --></code><!-- react-text: 343 -->，注意不要在实际项目中这样使用。<!-- /react-text --></p><ul data-reactid="344"><li data-reactid="345"><p data-reactid="346"><a href="http://codepen.io/benjycui/pen/KgPZrE?editors=001" data-reactid="347"><!-- react-text: 348 -->antd CodePen<!-- /react-text --></a></p></li></ul><h2 id="标准开发" data-reactid="349"><span data-reactid="350"><!-- react-text: 351 -->标准开发<!-- /react-text --></span><a href="#标准开发" class="anchor" data-reactid="352">#</a></h2><p data-reactid="353"><!-- react-text: 354 -->实际项目开发中，你会需要对 ES2015 和 JSX 代码的构建、调试、代理、打包部署等一系列工程化的需求。
 我们提供了一套 <!-- /react-text --><code data-reactid="355"><!-- react-text: 356 -->npm<!-- /react-text --></code><!-- react-text: 357 --> + <!-- /react-text --><code data-reactid="358"><!-- react-text: 359 -->webpack<!-- /react-text --></code><!-- react-text: 360 --> 的开发工具链来辅助开发，下面我们用一个简单的实例来说明。<!-- /react-text --></p><h3 id="1.-安装脚手架工具" data-reactid="361"><span data-reactid="362"><!-- react-text: 363 -->1. 安装脚手架工具<!-- /react-text --></span><a href="#1.-安装脚手架工具" class="anchor" data-reactid="364">#</a></h3><p data-reactid="365"><a href="https://github.com/ant-design/antd-init/" data-reactid="366"><!-- react-text: 367 -->antd-init<!-- /react-text --></a><!-- react-text: 368 --> 是一个用于演示 antd 如何使用的脚手架工具，真实项目建议使用 <!-- /react-text --><a href="https://github.com/dvajs/dva-cli" data-reactid="369"><!-- react-text: 370 -->dva-cli<!-- /react-text --></a><!-- react-text: 371 -->。<!-- /react-text --></p><pre class="language-bash" data-reactid="372"><code data-reactid="373">$ <span class="token function">npm</span> <span class="token function">install</span> antd-init -g</code></pre><p data-reactid="374"><!-- react-text: 375 -->更多功能请参考 <!-- /react-text --><a href="https://github.com/ant-design/antd-init/" data-reactid="376"><!-- react-text: 377 -->脚手架工具<!-- /react-text --></a><!-- react-text: 378 --> 和 <!-- /react-text --><a href="http://ant-tool.github.io/" data-reactid="379"><!-- react-text: 380 -->开发工具文档<!-- /react-text --></a><!-- react-text: 381 -->。<!-- /react-text --></p><blockquote data-reactid="382"><p data-reactid="383"><!-- react-text: 384 -->除了官方提供的脚手架，您也可以使用社区提供的脚手架和范例：<!-- /react-text --></p><ul data-reactid="385"><li data-reactid="386"><p data-reactid="387"><a href="https://github.com/zuiidea/antd-admin" data-reactid="388"><!-- react-text: 389 -->antd-admin<!-- /react-text --></a></p></li><li data-reactid="390"><p data-reactid="391"><a href="https://github.com/JasonBai007/reactSPA" data-reactid="392"><!-- react-text: 393 -->reactSPA<!-- /react-text --></a></p></li><li data-reactid="394"><p data-reactid="395"><a href="https://github.com/Justin-lu/react-redux-antd" data-reactid="396"><!-- react-text: 397 -->react-redux-antd by Justin-lu<!-- /react-text --></a></p></li><li data-reactid="398"><p data-reactid="399"><a href="https://github.com/okoala/react-redux-antd" data-reactid="400"><!-- react-text: 401 -->react-redux-antd by okoala<!-- /react-text --></a></p></li><li data-reactid="402"><p data-reactid="403"><a href="https://github.com/fireyy/react-antd-admin" data-reactid="404"><!-- react-text: 405 -->react-antd-admin<!-- /react-text --></a></p></li><li data-reactid="406"><p data-reactid="407"><a href="https://github.com/yuzhouisme/react-antd-redux-router-starter" data-reactid="408"><!-- react-text: 409 -->react-antd-redux-router-starter<!-- /react-text --></a></p></li><li data-reactid="410"><p data-reactid="411"><a href="https://github.com/BetaRabbit/react-redux-antd-starter" data-reactid="412"><!-- react-text: 413 -->react-redux-antd-starter<!-- /react-text --></a></p></li><li data-reactid="414"><p data-reactid="415"><a href="https://github.com/ant-design/ant-design/issues/129" data-reactid="416"><!-- react-text: 417 -->更多<!-- /react-text --></a></p></li></ul></blockquote><h3 id="2.-创建一个项目" data-reactid="418"><span data-reactid="419"><!-- react-text: 420 -->2. 创建一个项目<!-- /react-text --></span><a href="#2.-创建一个项目" class="anchor" data-reactid="421">#</a></h3><p data-reactid="422"><!-- react-text: 423 -->使用命令行进行初始化。<!-- /react-text --></p><pre class="language-bash" data-reactid="424"><code data-reactid="425">$ <span class="token function">mkdir</span> antd-demo <span class="token operator">&amp;&amp;</span> <span class="token function">cd</span> antd-demo
 $ antd-init</code></pre><p data-reactid="426"><!-- react-text: 427 -->antd-init 会自动安装 npm 依赖，若有问题则可自行安装。<!-- /react-text --></p><p data-reactid="428"><!-- react-text: 429 -->若安装缓慢报错，可尝试用 <!-- /react-text --><code data-reactid="430"><!-- react-text: 431 -->cnpm<!-- /react-text --></code><!-- react-text: 432 --> 或别的镜像源自行安装：<!-- /react-text --><code data-reactid="433"><!-- react-text: 434 -->rm -rf node_modules &amp;&amp; cnpm install<!-- /react-text --></code><!-- react-text: 435 -->。<!-- /react-text --></p><h3 id="3.-使用组件" data-reactid="436"><span data-reactid="437"><!-- react-text: 438 -->3. 使用组件<!-- /react-text --></span><a href="#3.-使用组件" class="anchor" data-reactid="439">#</a></h3><p data-reactid="440"><!-- react-text: 441 -->脚手架会生成一个 Todo 应用实例（一个很有参考价值的 React 上手示例），先不管它，我们用来测试组件。<!-- /react-text --></p><p data-reactid="442"><!-- react-text: 443 -->直接用下面的代码替换 <!-- /react-text --><code data-reactid="444"><!-- react-text: 445 -->index.js<!-- /react-text --></code><!-- react-text: 446 --> 的内容，用 React 的方式直接使用 antd 组件。<!-- /react-text --></p><pre class="language-jsx" data-reactid="447"><code data-reactid="448"><span class="token keyword">import</span> React <span class="token keyword">from</span> <span class="token string">'react'</span><span class="token punctuation">;</span>
 <span class="token keyword">import</span> ReactDOM <span class="token keyword">from</span> <span class="token string">'react-dom'</span><span class="token punctuation">;</span>
diff --git a/docs/react/getting-started.html b/docs/react/getting-started.html
index 3b4ae2b33..e9042cf3f 100644
--- a/docs/react/getting-started.html
+++ b/docs/react/getting-started.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="273377981"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1170445633"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->Getting Started<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/getting-started.en-US.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="markdown" data-reactid="294"><p data-reactid="295"><!-- react-text: 296 -->Ant Design React is dedicated to providing a <!-- /react-text --><strong data-reactid="297"><!-- react-text: 298 -->good development experience<!-- /react-text --></strong><!-- react-text: 299 --> for programmers and make sure that you had installed <!-- /react-text --><a href="https://nodejs.org/" data-reactid="300"><!-- react-text: 301 -->Node.js<!-- /react-text --></a><!-- react-text: 302 -->(&gt; v4.x) correctly.<!-- /react-text --></p></section><section class="toc" data-reactid="303"><ul data-reactid="304"><li data-reactid="305"><a class="bisheng-toc-h2" href="#First-Example" title="First Example" data-reactid="306"><!-- react-text: 307 -->First Example<!-- /react-text --></a></li><li data-reactid="308"><a class="bisheng-toc-h2" href="#Standard-Development-Flow" title="Standard Development Flow" data-reactid="309"><!-- react-text: 310 -->Standard Development Flow<!-- /react-text --></a></li><li data-reactid="311"><a class="bisheng-toc-h2" href="#Compatibility" title="Compatibility" data-reactid="312"><!-- react-text: 313 -->Compatibility<!-- /react-text --></a></li><li data-reactid="314"><a class="bisheng-toc-h2" href="#Customized-Work-Flow" title="Customized Work Flow" data-reactid="315"><!-- react-text: 316 -->Customized Work Flow<!-- /react-text --></a></li><li data-reactid="317"><a class="bisheng-toc-h2" href="#Import-on-Demand" title="Import on Demand" data-reactid="318"><!-- react-text: 319 -->Import on Demand<!-- /react-text --></a></li><li data-reactid="320"><a class="bisheng-toc-h2" href="#Customization" title="Customization" data-reactid="321"><!-- react-text: 322 -->Customization<!-- /react-text --></a></li><li data-reactid="323"><a class="bisheng-toc-h2" href="#Tips" title="Tips" data-reactid="324"><!-- react-text: 325 -->Tips<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="326"><p data-reactid="327"><!-- react-text: 328 -->Before delving into Ant Design React, a good knowledge of <!-- /react-text --><a href="http://facebook.github.io/react/" data-reactid="329"><!-- react-text: 330 -->React<!-- /react-text --></a><!-- react-text: 331 --> and <!-- /react-text --><a href="http://babeljs.io/docs/learn-es2015/" data-reactid="332"><!-- react-text: 333 -->JavaScript ES2015<!-- /react-text --></a><!-- react-text: 334 --> is needed.<!-- /react-text --></p><h2 id="First-Example" data-reactid="335"><span data-reactid="336"><!-- react-text: 337 -->First Example<!-- /react-text --></span><a href="#First-Example" class="anchor" data-reactid="338">#</a></h2><p data-reactid="339"><!-- react-text: 340 -->The following CodePen demo is the simplest usage case, and it&#x27;s also a good habit to fork this demo to provide a re-producible demo while reporting a bug. Please don&#x27;t use this demo as a scaffold in production.<!-- /react-text --></p><ul data-reactid="341"><li data-reactid="342"><p data-reactid="343"><a href="http://codepen.io/anon/pen/wGOWGW?editors=001" data-reactid="344"><!-- react-text: 345 -->antd CodePen<!-- /react-text --></a></p></li></ul><h2 id="Standard-Development-Flow" data-reactid="346"><span data-reactid="347"><!-- react-text: 348 -->Standard Development Flow<!-- /react-text --></span><a href="#Standard-Development-Flow" class="anchor" data-reactid="349">#</a></h2><p data-reactid="350"><!-- react-text: 351 -->During development, you may need to compile and debug JSX and ES2015 code, and even proxy some of the request to mocked data or some external services. And all of these to be done with a quick feedback provided through hot reloading of changes.<!-- /react-text --></p><p data-reactid="352"><!-- react-text: 353 -->Such features, together with packaging the production version are covered in this work flow.<!-- /react-text --></p><h3 id="1.-Installation" data-reactid="354"><span data-reactid="355"><!-- react-text: 356 -->1. Installation<!-- /react-text --></span><a href="#1.-Installation" class="anchor" data-reactid="357">#</a></h3><p data-reactid="358"><a href="https://github.com/ant-design/antd-init/" data-reactid="359"><!-- react-text: 360 -->antd-init<!-- /react-text --></a><!-- react-text: 361 --> is a demo only scaffold tool. If you want to create real world projects, <!-- /react-text --><a href="https://github.com/dvajs/dva-cli" data-reactid="362"><!-- react-text: 363 -->dva-cli<!-- /react-text --></a><!-- react-text: 364 --> is our recommendation.<!-- /react-text --></p><pre class="language-bash" data-reactid="365"><code data-reactid="366">$ <span class="token function">npm</span> <span class="token function">install</span> antd-init -g</code></pre><p data-reactid="367"><!-- react-text: 368 -->Read <!-- /react-text --><a href="https://github.com/ant-design/antd-init/" data-reactid="369"><!-- react-text: 370 -->the documentation of <!-- /react-text --><code data-reactid="371"><!-- react-text: 372 -->antd-init<!-- /react-text --></code></a><!-- react-text: 373 --> and <!-- /react-text --><a href="http://ant-tool.github.io/" data-reactid="374"><!-- react-text: 375 -->the documentation of <!-- /react-text --><code data-reactid="376"><!-- react-text: 377 -->ant-tool<!-- /react-text --></code></a><!-- react-text: 378 --> to explore more features.<!-- /react-text --></p><blockquote data-reactid="379"><p data-reactid="380"><!-- react-text: 381 -->Also, you can use scaffold/demo which is provided by community:<!-- /react-text --></p><ul data-reactid="382"><li data-reactid="383"><p data-reactid="384"><a href="https://github.com/zuiidea/antd-admin" data-reactid="385"><!-- react-text: 386 -->antd-admin<!-- /react-text --></a></p></li><li data-reactid="387"><p data-reactid="388"><a href="https://github.com/JasonBai007/reactSPA" data-reactid="389"><!-- react-text: 390 -->reactSPA<!-- /react-text --></a></p></li><li data-reactid="391"><p data-reactid="392"><a href="https://github.com/Justin-lu/react-redux-antd" data-reactid="393"><!-- react-text: 394 -->react-redux-antd by Justin-lu<!-- /react-text --></a></p></li><li data-reactid="395"><p data-reactid="396"><a href="https://github.com/okoala/react-redux-antd" data-reactid="397"><!-- react-text: 398 -->react-redux-antd by okoala<!-- /react-text --></a></p></li><li data-reactid="399"><p data-reactid="400"><a href="https://github.com/fireyy/react-antd-admin" data-reactid="401"><!-- react-text: 402 -->react-antd-admin<!-- /react-text --></a></p></li><li data-reactid="403"><p data-reactid="404"><a href="https://github.com/yuzhouisme/react-antd-redux-router-starter" data-reactid="405"><!-- react-text: 406 -->react-antd-redux-router-starter<!-- /react-text --></a></p></li><li data-reactid="407"><p data-reactid="408"><a href="https://github.com/BetaRabbit/react-redux-antd-starter" data-reactid="409"><!-- react-text: 410 -->react-redux-antd-starter<!-- /react-text --></a></p></li><li data-reactid="411"><p data-reactid="412"><a href="https://github.com/ant-design/ant-design/issues/129" data-reactid="413"><!-- react-text: 414 -->more<!-- /react-text --></a></p></li></ul></blockquote><h3 id="2.-Create-a-New-Project" data-reactid="415"><span data-reactid="416"><!-- react-text: 417 -->2. Create a New Project<!-- /react-text --></span><a href="#2.-Create-a-New-Project" class="anchor" data-reactid="418">#</a></h3><p data-reactid="419"><!-- react-text: 420 -->A new project can be created using CLI tools.<!-- /react-text --></p><pre class="language-bash" data-reactid="421"><code data-reactid="422">$ <span class="token function">mkdir</span> antd-demo <span class="token operator">&amp;&amp;</span> <span class="token function">cd</span> antd-demo
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->Getting Started<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/getting-started.en-US.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="markdown" data-reactid="294"><p data-reactid="295"><!-- react-text: 296 -->Ant Design React is dedicated to providing a <!-- /react-text --><strong data-reactid="297"><!-- react-text: 298 -->good development experience<!-- /react-text --></strong><!-- react-text: 299 --> for programmers and make sure that you had installed <!-- /react-text --><a href="https://nodejs.org/" data-reactid="300"><!-- react-text: 301 -->Node.js<!-- /react-text --></a><!-- react-text: 302 -->(&gt; v4.x) correctly.<!-- /react-text --></p></section><section class="toc" data-reactid="303"><ul data-reactid="304"><li data-reactid="305"><a class="bisheng-toc-h2" href="#First-Example" title="First Example" data-reactid="306"><!-- react-text: 307 -->First Example<!-- /react-text --></a></li><li data-reactid="308"><a class="bisheng-toc-h2" href="#Standard-Development-Flow" title="Standard Development Flow" data-reactid="309"><!-- react-text: 310 -->Standard Development Flow<!-- /react-text --></a></li><li data-reactid="311"><a class="bisheng-toc-h2" href="#Compatibility" title="Compatibility" data-reactid="312"><!-- react-text: 313 -->Compatibility<!-- /react-text --></a></li><li data-reactid="314"><a class="bisheng-toc-h2" href="#Customized-Work-Flow" title="Customized Work Flow" data-reactid="315"><!-- react-text: 316 -->Customized Work Flow<!-- /react-text --></a></li><li data-reactid="317"><a class="bisheng-toc-h2" href="#Import-on-Demand" title="Import on Demand" data-reactid="318"><!-- react-text: 319 -->Import on Demand<!-- /react-text --></a></li><li data-reactid="320"><a class="bisheng-toc-h2" href="#Customization" title="Customization" data-reactid="321"><!-- react-text: 322 -->Customization<!-- /react-text --></a></li><li data-reactid="323"><a class="bisheng-toc-h2" href="#Tips" title="Tips" data-reactid="324"><!-- react-text: 325 -->Tips<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="326"><p data-reactid="327"><!-- react-text: 328 -->Before delving into Ant Design React, a good knowledge of <!-- /react-text --><a href="http://facebook.github.io/react/" data-reactid="329"><!-- react-text: 330 -->React<!-- /react-text --></a><!-- react-text: 331 --> and <!-- /react-text --><a href="http://babeljs.io/docs/learn-es2015/" data-reactid="332"><!-- react-text: 333 -->JavaScript ES2015<!-- /react-text --></a><!-- react-text: 334 --> is needed.<!-- /react-text --></p><h2 id="First-Example" data-reactid="335"><span data-reactid="336"><!-- react-text: 337 -->First Example<!-- /react-text --></span><a href="#First-Example" class="anchor" data-reactid="338">#</a></h2><p data-reactid="339"><!-- react-text: 340 -->The following CodePen demo is the simplest usage case, and it&#x27;s also a good habit to fork this demo to provide a re-producible demo while reporting a bug. Please don&#x27;t use this demo as a scaffold in production.<!-- /react-text --></p><ul data-reactid="341"><li data-reactid="342"><p data-reactid="343"><a href="http://codepen.io/anon/pen/wGOWGW?editors=001" data-reactid="344"><!-- react-text: 345 -->antd CodePen<!-- /react-text --></a></p></li></ul><h2 id="Standard-Development-Flow" data-reactid="346"><span data-reactid="347"><!-- react-text: 348 -->Standard Development Flow<!-- /react-text --></span><a href="#Standard-Development-Flow" class="anchor" data-reactid="349">#</a></h2><p data-reactid="350"><!-- react-text: 351 -->During development, you may need to compile and debug JSX and ES2015 code, and even proxy some of the request to mocked data or some external services. And all of these to be done with a quick feedback provided through hot reloading of changes.<!-- /react-text --></p><p data-reactid="352"><!-- react-text: 353 -->Such features, together with packaging the production version are covered in this work flow.<!-- /react-text --></p><h3 id="1.-Installation" data-reactid="354"><span data-reactid="355"><!-- react-text: 356 -->1. Installation<!-- /react-text --></span><a href="#1.-Installation" class="anchor" data-reactid="357">#</a></h3><p data-reactid="358"><a href="https://github.com/ant-design/antd-init/" data-reactid="359"><!-- react-text: 360 -->antd-init<!-- /react-text --></a><!-- react-text: 361 --> is a demo only scaffold tool. If you want to create real world projects, <!-- /react-text --><a href="https://github.com/dvajs/dva-cli" data-reactid="362"><!-- react-text: 363 -->dva-cli<!-- /react-text --></a><!-- react-text: 364 --> is our recommendation.<!-- /react-text --></p><pre class="language-bash" data-reactid="365"><code data-reactid="366">$ <span class="token function">npm</span> <span class="token function">install</span> antd-init -g</code></pre><p data-reactid="367"><!-- react-text: 368 -->Read <!-- /react-text --><a href="https://github.com/ant-design/antd-init/" data-reactid="369"><!-- react-text: 370 -->the documentation of <!-- /react-text --><code data-reactid="371"><!-- react-text: 372 -->antd-init<!-- /react-text --></code></a><!-- react-text: 373 --> and <!-- /react-text --><a href="http://ant-tool.github.io/" data-reactid="374"><!-- react-text: 375 -->the documentation of <!-- /react-text --><code data-reactid="376"><!-- react-text: 377 -->ant-tool<!-- /react-text --></code></a><!-- react-text: 378 --> to explore more features.<!-- /react-text --></p><blockquote data-reactid="379"><p data-reactid="380"><!-- react-text: 381 -->Also, you can use scaffold/demo which is provided by community:<!-- /react-text --></p><ul data-reactid="382"><li data-reactid="383"><p data-reactid="384"><a href="https://github.com/zuiidea/antd-admin" data-reactid="385"><!-- react-text: 386 -->antd-admin<!-- /react-text --></a></p></li><li data-reactid="387"><p data-reactid="388"><a href="https://github.com/JasonBai007/reactSPA" data-reactid="389"><!-- react-text: 390 -->reactSPA<!-- /react-text --></a></p></li><li data-reactid="391"><p data-reactid="392"><a href="https://github.com/Justin-lu/react-redux-antd" data-reactid="393"><!-- react-text: 394 -->react-redux-antd by Justin-lu<!-- /react-text --></a></p></li><li data-reactid="395"><p data-reactid="396"><a href="https://github.com/okoala/react-redux-antd" data-reactid="397"><!-- react-text: 398 -->react-redux-antd by okoala<!-- /react-text --></a></p></li><li data-reactid="399"><p data-reactid="400"><a href="https://github.com/fireyy/react-antd-admin" data-reactid="401"><!-- react-text: 402 -->react-antd-admin<!-- /react-text --></a></p></li><li data-reactid="403"><p data-reactid="404"><a href="https://github.com/yuzhouisme/react-antd-redux-router-starter" data-reactid="405"><!-- react-text: 406 -->react-antd-redux-router-starter<!-- /react-text --></a></p></li><li data-reactid="407"><p data-reactid="408"><a href="https://github.com/BetaRabbit/react-redux-antd-starter" data-reactid="409"><!-- react-text: 410 -->react-redux-antd-starter<!-- /react-text --></a></p></li><li data-reactid="411"><p data-reactid="412"><a href="https://github.com/ant-design/ant-design/issues/129" data-reactid="413"><!-- react-text: 414 -->more<!-- /react-text --></a></p></li></ul></blockquote><h3 id="2.-Create-a-New-Project" data-reactid="415"><span data-reactid="416"><!-- react-text: 417 -->2. Create a New Project<!-- /react-text --></span><a href="#2.-Create-a-New-Project" class="anchor" data-reactid="418">#</a></h3><p data-reactid="419"><!-- react-text: 420 -->A new project can be created using CLI tools.<!-- /react-text --></p><pre class="language-bash" data-reactid="421"><code data-reactid="422">$ <span class="token function">mkdir</span> antd-demo <span class="token operator">&amp;&amp;</span> <span class="token function">cd</span> antd-demo
 $ antd-init</code></pre><p data-reactid="423"><code data-reactid="424"><!-- react-text: 425 -->antd-init<!-- /react-text --></code><!-- react-text: 426 --> will run <!-- /react-text --><code data-reactid="427"><!-- react-text: 428 -->npm install<!-- /react-text --></code><!-- react-text: 429 --> after a project is created. If it fails, you can run <!-- /react-text --><code data-reactid="430"><!-- react-text: 431 -->npm install<!-- /react-text --></code><!-- react-text: 432 --> by yourself.<!-- /react-text --></p><h3 id="3.-Use-antd&#x27;s-Components" data-reactid="433"><span data-reactid="434"><!-- react-text: 435 -->3. Use antd&#x27;s Components<!-- /react-text --></span><a href="#3.-Use-antd&#x27;s-Components" class="anchor" data-reactid="436">#</a></h3><p data-reactid="437"><!-- react-text: 438 -->By default, besides the scaffolding needed to start the development, a fully working Todo application is created.
 You may study this example later. For now, just follow this guide in order to get some experience working with the result of <!-- /react-text --><code data-reactid="439"><!-- react-text: 440 -->antd-init<!-- /react-text --></code><!-- react-text: 441 -->.<!-- /react-text --></p><p data-reactid="442"><!-- react-text: 443 -->Replace the content of <!-- /react-text --><code data-reactid="444"><!-- react-text: 445 -->index.js<!-- /react-text --></code><!-- react-text: 446 --> with the following code.
 As you can see, there is no difference between antd&#x27;s components and usual React components.<!-- /react-text --></p><pre class="language-jsx" data-reactid="447"><code data-reactid="448"><span class="token keyword">import</span> React <span class="token keyword">from</span> <span class="token string">'react'</span><span class="token punctuation">;</span>
diff --git a/docs/react/i18n-cn.html b/docs/react/i18n-cn.html
index a66500457..51fec6a56 100644
--- a/docs/react/i18n-cn.html
+++ b/docs/react/i18n-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="580187732"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-10815914"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->国际化<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/i18n.zh-CN.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="toc" data-reactid="294"><ul data-reactid="295"><li data-reactid="296"><a class="bisheng-toc-h2" href="#LocaleProvider" title="LocaleProvider" data-reactid="297"><!-- react-text: 298 -->LocaleProvider<!-- /react-text --></a></li><li data-reactid="299"><a class="bisheng-toc-h2" href="#i18n-项目示例" title="i18n 项目示例" data-reactid="300"><!-- react-text: 301 -->i18n 项目示例<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="302"><p data-reactid="303"><code data-reactid="304"><!-- react-text: 305 -->antd<!-- /react-text --></code><!-- react-text: 306 --> 目前的默认文案是中文，如果需要使用英文或其他语言，可以参考下面的方案。<!-- /react-text --></p><h2 id="LocaleProvider" data-reactid="307"><span data-reactid="308"><!-- react-text: 309 -->LocaleProvider<!-- /react-text --></span><a href="#LocaleProvider" class="anchor" data-reactid="310">#</a></h2><p data-reactid="311"><!-- react-text: 312 -->antd 提供了一个 React 组件 <!-- /react-text --><a href="/components/locale-provider-cn/" data-reactid="313">LocaleProvider</a><!-- react-text: 314 --> 用于全局配置国际化文案。<!-- /react-text --></p><pre class="language-jsx" data-reactid="315"><code data-reactid="316"><span class="token keyword">import</span> enUS <span class="token keyword">from</span> <span class="token string">'antd/lib/locale-provider/en_US'</span><span class="token punctuation">;</span>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->国际化<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/i18n.zh-CN.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="toc" data-reactid="294"><ul data-reactid="295"><li data-reactid="296"><a class="bisheng-toc-h2" href="#LocaleProvider" title="LocaleProvider" data-reactid="297"><!-- react-text: 298 -->LocaleProvider<!-- /react-text --></a></li><li data-reactid="299"><a class="bisheng-toc-h2" href="#i18n-项目示例" title="i18n 项目示例" data-reactid="300"><!-- react-text: 301 -->i18n 项目示例<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="302"><p data-reactid="303"><code data-reactid="304"><!-- react-text: 305 -->antd<!-- /react-text --></code><!-- react-text: 306 --> 目前的默认文案是中文，如果需要使用英文或其他语言，可以参考下面的方案。<!-- /react-text --></p><h2 id="LocaleProvider" data-reactid="307"><span data-reactid="308"><!-- react-text: 309 -->LocaleProvider<!-- /react-text --></span><a href="#LocaleProvider" class="anchor" data-reactid="310">#</a></h2><p data-reactid="311"><!-- react-text: 312 -->antd 提供了一个 React 组件 <!-- /react-text --><a href="/components/locale-provider-cn/" data-reactid="313">LocaleProvider</a><!-- react-text: 314 --> 用于全局配置国际化文案。<!-- /react-text --></p><pre class="language-jsx" data-reactid="315"><code data-reactid="316"><span class="token keyword">import</span> enUS <span class="token keyword">from</span> <span class="token string">'antd/lib/locale-provider/en_US'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">return</span> <span class="token punctuation">(</span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>LocaleProvider</span> <span class="token attr-name">locale</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span>enUS<span class="token punctuation">}</span></span><span class="token punctuation">></span></span>
diff --git a/docs/react/i18n.html b/docs/react/i18n.html
index b6ee577b1..626573379 100644
--- a/docs/react/i18n.html
+++ b/docs/react/i18n.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1895333273"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1846837865"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->Internationalization<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/i18n.en-US.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="toc" data-reactid="294"><ul data-reactid="295"><li data-reactid="296"><a class="bisheng-toc-h2" href="#LocaleProvider" title="LocaleProvider" data-reactid="297"><!-- react-text: 298 -->LocaleProvider<!-- /react-text --></a></li><li data-reactid="299"><a class="bisheng-toc-h2" href="#i18n-sample" title="i18n sample" data-reactid="300"><!-- react-text: 301 -->i18n sample<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="302"><p data-reactid="303"><!-- react-text: 304 -->The default language of <!-- /react-text --><code data-reactid="305"><!-- react-text: 306 -->antd@2.x<!-- /react-text --></code><!-- react-text: 307 --> is still Chinese yet.
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->Internationalization<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/i18n.en-US.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="toc" data-reactid="294"><ul data-reactid="295"><li data-reactid="296"><a class="bisheng-toc-h2" href="#LocaleProvider" title="LocaleProvider" data-reactid="297"><!-- react-text: 298 -->LocaleProvider<!-- /react-text --></a></li><li data-reactid="299"><a class="bisheng-toc-h2" href="#i18n-sample" title="i18n sample" data-reactid="300"><!-- react-text: 301 -->i18n sample<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="302"><p data-reactid="303"><!-- react-text: 304 -->The default language of <!-- /react-text --><code data-reactid="305"><!-- react-text: 306 -->antd@2.x<!-- /react-text --></code><!-- react-text: 307 --> is still Chinese yet.
 If you want to use English or other languages, you can follow instruction below.<!-- /react-text --></p><h2 id="LocaleProvider" data-reactid="308"><span data-reactid="309"><!-- react-text: 310 -->LocaleProvider<!-- /react-text --></span><a href="#LocaleProvider" class="anchor" data-reactid="311">#</a></h2><p data-reactid="312"><!-- react-text: 313 -->antd provide a React Compnent <!-- /react-text --><a href="/components/locale-provider/" data-reactid="314">LocaleProvider</a><!-- react-text: 315 --> for configuring antd locale text globally.<!-- /react-text --></p><pre class="language-jsx" data-reactid="316"><code data-reactid="317"><span class="token keyword">import</span> enUS <span class="token keyword">from</span> <span class="token string">'antd/lib/locale-provider/en_US'</span><span class="token punctuation">;</span>
 
 <span class="token keyword">return</span> <span class="token punctuation">(</span>
diff --git a/docs/react/introduce-cn.html b/docs/react/introduce-cn.html
index 322deb719..6b3eb4154 100644
--- a/docs/react/introduce-cn.html
+++ b/docs/react/introduce-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1190778308"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="358361662"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->Ant Design of React<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/introduce.zh-CN.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="markdown" data-reactid="294"><p data-reactid="295"><!-- react-text: 296 -->这里是 Ant Design 的 React 实现，开发和服务于企业级后台产品。<!-- /react-text --></p><div class="pic-plus" data-reactid="297"><img width="150" src="https://t.alipayobjects.com/images/rmsweb/T11aVgXc4eXXXXXXXX.svg" data-reactid="298"/><span data-reactid="299"><!-- react-text: 300 -->+<!-- /react-text --></span><img width="160" src="https://t.alipayobjects.com/images/rmsweb/T16xRhXkxbXXXXXXXX.svg" data-reactid="301"/></div><style data-reactid="302">
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->Ant Design of React<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/introduce.zh-CN.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="markdown" data-reactid="294"><p data-reactid="295"><!-- react-text: 296 -->这里是 Ant Design 的 React 实现，开发和服务于企业级后台产品。<!-- /react-text --></p><div class="pic-plus" data-reactid="297"><img width="150" src="https://t.alipayobjects.com/images/rmsweb/T11aVgXc4eXXXXXXXX.svg" data-reactid="298"/><span data-reactid="299"><!-- react-text: 300 -->+<!-- /react-text --></span><img width="160" src="https://t.alipayobjects.com/images/rmsweb/T16xRhXkxbXXXXXXXX.svg" data-reactid="301"/></div><style data-reactid="302">
 .pic-plus > * {
   display: inline-block!important;
   vertical-align: middle;
diff --git a/docs/react/introduce.html b/docs/react/introduce.html
index e0f513c2f..d89d28413 100644
--- a/docs/react/introduce.html
+++ b/docs/react/introduce.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="2146074316"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-425754930"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->Ant Design of React<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/introduce.en-US.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="markdown" data-reactid="294"><p data-reactid="295"><!-- react-text: 296 -->Following the Ant Design specification, we developed a React UI library <!-- /react-text --><code data-reactid="297"><!-- react-text: 298 -->antd<!-- /react-text --></code><!-- react-text: 299 --> that contains a set of high quality components and demos for building rich, interactive user interfaces.<!-- /react-text --></p><div class="pic-plus" data-reactid="300"><img width="150" src="https://t.alipayobjects.com/images/rmsweb/T11aVgXc4eXXXXXXXX.svg" data-reactid="301"/><span data-reactid="302"><!-- react-text: 303 -->+<!-- /react-text --></span><img width="160" src="https://t.alipayobjects.com/images/rmsweb/T16xRhXkxbXXXXXXXX.svg" data-reactid="304"/></div><style data-reactid="305">
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->Ant Design of React<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/introduce.en-US.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="markdown" data-reactid="294"><p data-reactid="295"><!-- react-text: 296 -->Following the Ant Design specification, we developed a React UI library <!-- /react-text --><code data-reactid="297"><!-- react-text: 298 -->antd<!-- /react-text --></code><!-- react-text: 299 --> that contains a set of high quality components and demos for building rich, interactive user interfaces.<!-- /react-text --></p><div class="pic-plus" data-reactid="300"><img width="150" src="https://t.alipayobjects.com/images/rmsweb/T11aVgXc4eXXXXXXXX.svg" data-reactid="301"/><span data-reactid="302"><!-- react-text: 303 -->+<!-- /react-text --></span><img width="160" src="https://t.alipayobjects.com/images/rmsweb/T16xRhXkxbXXXXXXXX.svg" data-reactid="304"/></div><style data-reactid="305">
 .pic-plus > * {
   display: inline-block!important;
   vertical-align: middle;
diff --git a/docs/react/practical-projects-cn.html b/docs/react/practical-projects-cn.html
index 226a90245..7655bec87 100644
--- a/docs/react/practical-projects-cn.html
+++ b/docs/react/practical-projects-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1653786926"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="857814740"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->项目实战<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/practical-projects.zh-CN.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="markdown" data-reactid="294"><p data-reactid="295"><a href="https://github.com/dvajs/dva" data-reactid="296"><!-- react-text: 297 -->dva<!-- /react-text --></a><!-- react-text: 298 --> 是一个基于 react 和 redux 的轻量应用框架，概念来自 elm，支持 side effects、热替换、动态加载、react-native、SSR 等，已在生产环境广泛应用。<!-- /react-text --></p><p data-reactid="299"><!-- react-text: 300 -->本文会引导你使用 dva 和 antd 从 0 开始创建一个简单应用。<!-- /react-text --></p><p data-reactid="301"><!-- react-text: 302 -->会包含以下内容：<!-- /react-text --></p></section><section class="toc" data-reactid="303"><ul data-reactid="304"><li data-reactid="305"><a class="bisheng-toc-h2" href="#安装-dva-cli" title="安装 dva-cli" data-reactid="306"><!-- react-text: 307 -->安装 dva-cli<!-- /react-text --></a></li><li data-reactid="308"><a class="bisheng-toc-h2" href="#创建新应用" title="创建新应用" data-reactid="309"><!-- react-text: 310 -->创建新应用<!-- /react-text --></a></li><li data-reactid="311"><a class="bisheng-toc-h2" href="#使用-antd" title="使用 antd" data-reactid="312"><!-- react-text: 313 -->使用 antd<!-- /react-text --></a></li><li data-reactid="314"><a class="bisheng-toc-h2" href="#定义路由" title="定义路由" data-reactid="315"><!-- react-text: 316 -->定义路由<!-- /react-text --></a></li><li data-reactid="317"><a class="bisheng-toc-h2" href="#编写-UI-Component" title="编写 UI Component" data-reactid="318"><!-- react-text: 319 -->编写 UI Component<!-- /react-text --></a></li><li data-reactid="320"><a class="bisheng-toc-h2" href="#定义-Model" title="定义 Model" data-reactid="321"><!-- react-text: 322 -->定义 Model<!-- /react-text --></a></li><li data-reactid="323"><a class="bisheng-toc-h2" href="#connect-起来" title="connect 起来" data-reactid="324"><!-- react-text: 325 -->connect 起来<!-- /react-text --></a></li><li data-reactid="326"><a class="bisheng-toc-h2" href="#构建应用" title="构建应用" data-reactid="327"><!-- react-text: 328 -->构建应用<!-- /react-text --></a></li><li data-reactid="329"><a class="bisheng-toc-h2" href="#下一步" title="下一步" data-reactid="330"><!-- react-text: 331 -->下一步<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="332"><h2 id="安装-dva-cli" data-reactid="333"><span data-reactid="334"><!-- react-text: 335 -->安装 dva-cli<!-- /react-text --></span><a href="#安装-dva-cli" class="anchor" data-reactid="336">#</a></h2><p data-reactid="337"><!-- react-text: 338 -->通过 npm 安装 dva-cli 并确保版本是 <!-- /react-text --><code data-reactid="339"><!-- react-text: 340 -->0.7.0<!-- /react-text --></code><!-- react-text: 341 --> 或以上。<!-- /react-text --></p><pre class="language-bash" data-reactid="342"><code data-reactid="343">$ <span class="token function">npm</span> <span class="token function">install</span> dva-cli -g
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->项目实战<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/practical-projects.zh-CN.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="markdown" data-reactid="294"><p data-reactid="295"><a href="https://github.com/dvajs/dva" data-reactid="296"><!-- react-text: 297 -->dva<!-- /react-text --></a><!-- react-text: 298 --> 是一个基于 react 和 redux 的轻量应用框架，概念来自 elm，支持 side effects、热替换、动态加载、react-native、SSR 等，已在生产环境广泛应用。<!-- /react-text --></p><p data-reactid="299"><!-- react-text: 300 -->本文会引导你使用 dva 和 antd 从 0 开始创建一个简单应用。<!-- /react-text --></p><p data-reactid="301"><!-- react-text: 302 -->会包含以下内容：<!-- /react-text --></p></section><section class="toc" data-reactid="303"><ul data-reactid="304"><li data-reactid="305"><a class="bisheng-toc-h2" href="#安装-dva-cli" title="安装 dva-cli" data-reactid="306"><!-- react-text: 307 -->安装 dva-cli<!-- /react-text --></a></li><li data-reactid="308"><a class="bisheng-toc-h2" href="#创建新应用" title="创建新应用" data-reactid="309"><!-- react-text: 310 -->创建新应用<!-- /react-text --></a></li><li data-reactid="311"><a class="bisheng-toc-h2" href="#使用-antd" title="使用 antd" data-reactid="312"><!-- react-text: 313 -->使用 antd<!-- /react-text --></a></li><li data-reactid="314"><a class="bisheng-toc-h2" href="#定义路由" title="定义路由" data-reactid="315"><!-- react-text: 316 -->定义路由<!-- /react-text --></a></li><li data-reactid="317"><a class="bisheng-toc-h2" href="#编写-UI-Component" title="编写 UI Component" data-reactid="318"><!-- react-text: 319 -->编写 UI Component<!-- /react-text --></a></li><li data-reactid="320"><a class="bisheng-toc-h2" href="#定义-Model" title="定义 Model" data-reactid="321"><!-- react-text: 322 -->定义 Model<!-- /react-text --></a></li><li data-reactid="323"><a class="bisheng-toc-h2" href="#connect-起来" title="connect 起来" data-reactid="324"><!-- react-text: 325 -->connect 起来<!-- /react-text --></a></li><li data-reactid="326"><a class="bisheng-toc-h2" href="#构建应用" title="构建应用" data-reactid="327"><!-- react-text: 328 -->构建应用<!-- /react-text --></a></li><li data-reactid="329"><a class="bisheng-toc-h2" href="#下一步" title="下一步" data-reactid="330"><!-- react-text: 331 -->下一步<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="332"><h2 id="安装-dva-cli" data-reactid="333"><span data-reactid="334"><!-- react-text: 335 -->安装 dva-cli<!-- /react-text --></span><a href="#安装-dva-cli" class="anchor" data-reactid="336">#</a></h2><p data-reactid="337"><!-- react-text: 338 -->通过 npm 安装 dva-cli 并确保版本是 <!-- /react-text --><code data-reactid="339"><!-- react-text: 340 -->0.7.0<!-- /react-text --></code><!-- react-text: 341 --> 或以上。<!-- /react-text --></p><pre class="language-bash" data-reactid="342"><code data-reactid="343">$ <span class="token function">npm</span> <span class="token function">install</span> dva-cli -g
 $ dva -v
 0.7.0</code></pre><h2 id="创建新应用" data-reactid="344"><span data-reactid="345"><!-- react-text: 346 -->创建新应用<!-- /react-text --></span><a href="#创建新应用" class="anchor" data-reactid="347">#</a></h2><p data-reactid="348"><!-- react-text: 349 -->安装完 dva-cli 之后，就可以在命令行里访问到 <!-- /react-text --><code data-reactid="350"><!-- react-text: 351 -->dva<!-- /react-text --></code><!-- react-text: 352 --> 命令（<!-- /react-text --><a href="http://stackoverflow.com/questions/15054388/global-node-modules-not-installing-correctly-command-not-found" data-reactid="353"><!-- react-text: 354 -->不能访问？<!-- /react-text --></a><!-- react-text: 355 -->）。现在，你可以通过 <!-- /react-text --><code data-reactid="356"><!-- react-text: 357 -->dva new<!-- /react-text --></code><!-- react-text: 358 --> 创建新应用。<!-- /react-text --></p><pre class="language-bash" data-reactid="359"><code data-reactid="360">$ dva new dva-quickstart</code></pre><p data-reactid="361"><!-- react-text: 362 -->这会创建 <!-- /react-text --><code data-reactid="363"><!-- react-text: 364 -->dva-quickstart<!-- /react-text --></code><!-- react-text: 365 --> 目录，包含项目初始化目录和文件，并提供开发服务器、构建脚本、数据 mock 服务、代理服务器等功能。<!-- /react-text --></p><p data-reactid="366"><!-- react-text: 367 -->然后我们 <!-- /react-text --><code data-reactid="368"><!-- react-text: 369 -->cd<!-- /react-text --></code><!-- react-text: 370 --> 进入 <!-- /react-text --><code data-reactid="371"><!-- react-text: 372 -->dva-quickstart<!-- /react-text --></code><!-- react-text: 373 --> 目录，并启动开发服务器：<!-- /react-text --></p><pre class="language-bash" data-reactid="374"><code data-reactid="375">$ <span class="token function">cd</span> dva-quickstart
 $ <span class="token function">npm</span> start</code></pre><p data-reactid="376"><!-- react-text: 377 -->几秒钟后，你会看到以下输出：<!-- /react-text --></p><pre class="language-bash" data-reactid="378"><code data-reactid="379">Compiled successfully<span class="token operator">!</span>
diff --git a/docs/react/practical-projects.html b/docs/react/practical-projects.html
index d695800f5..c1177b3ba 100644
--- a/docs/react/practical-projects.html
+++ b/docs/react/practical-projects.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1711130952"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1174681274"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->Real project with dva<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/practical-projects.en-US.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="markdown" data-reactid="294"><p data-reactid="295"><a href="https://github.com/dvajs/dva" data-reactid="296"><!-- react-text: 297 -->dva<!-- /react-text --></a><!-- react-text: 298 --> is a React and redux based, lightweight and elm-style framework, which supports side effects, hot module replacement, dynamic on demand, react-native, SSR. And it has been widely used in production environment.<!-- /react-text --></p><p data-reactid="299"><!-- react-text: 300 -->This article will guide you to create a simple application from zero using dva and antd.<!-- /react-text --></p><p data-reactid="301"><!-- react-text: 302 -->Include the following:<!-- /react-text --></p></section><section class="toc" data-reactid="303"><ul data-reactid="304"><li data-reactid="305"><a class="bisheng-toc-h2" href="#Install-dva-cli" title="Install dva-cli" data-reactid="306"><!-- react-text: 307 -->Install dva-cli<!-- /react-text --></a></li><li data-reactid="308"><a class="bisheng-toc-h2" href="#Create-New-App" title="Create New App" data-reactid="309"><!-- react-text: 310 -->Create New App<!-- /react-text --></a></li><li data-reactid="311"><a class="bisheng-toc-h2" href="#Integrate-antd" title="Integrate antd" data-reactid="312"><!-- react-text: 313 -->Integrate antd<!-- /react-text --></a></li><li data-reactid="314"><a class="bisheng-toc-h2" href="#Define-Router" title="Define Router" data-reactid="315"><!-- react-text: 316 -->Define Router<!-- /react-text --></a></li><li data-reactid="317"><a class="bisheng-toc-h2" href="#Write-UI-Components" title="Write UI Components" data-reactid="318"><!-- react-text: 319 -->Write UI Components<!-- /react-text --></a></li><li data-reactid="320"><a class="bisheng-toc-h2" href="#Define-Model" title="Define Model" data-reactid="321"><!-- react-text: 322 -->Define Model<!-- /react-text --></a></li><li data-reactid="323"><a class="bisheng-toc-h2" href="#Connect" title="Connect" data-reactid="324"><!-- react-text: 325 -->Connect<!-- /react-text --></a></li><li data-reactid="326"><a class="bisheng-toc-h2" href="#Build" title="Build" data-reactid="327"><!-- react-text: 328 -->Build<!-- /react-text --></a></li><li data-reactid="329"><a class="bisheng-toc-h2" href="#What&#x27;s-Next" title="What&#x27;s Next" data-reactid="330"><!-- react-text: 331 -->What&#x27;s Next<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="332"><h2 id="Install-dva-cli" data-reactid="333"><span data-reactid="334"><!-- react-text: 335 -->Install dva-cli<!-- /react-text --></span><a href="#Install-dva-cli" class="anchor" data-reactid="336">#</a></h2><p data-reactid="337"><!-- react-text: 338 -->Install dva-cli with npm, and make sure the version is larger then <!-- /react-text --><code data-reactid="339"><!-- react-text: 340 -->0.7.0<!-- /react-text --></code><!-- react-text: 341 -->.<!-- /react-text --></p><pre class="language-bash" data-reactid="342"><code data-reactid="343">$ <span class="token function">npm</span> <span class="token function">install</span> dva-cli -g
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->Real project with dva<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/practical-projects.en-US.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="markdown" data-reactid="294"><p data-reactid="295"><a href="https://github.com/dvajs/dva" data-reactid="296"><!-- react-text: 297 -->dva<!-- /react-text --></a><!-- react-text: 298 --> is a React and redux based, lightweight and elm-style framework, which supports side effects, hot module replacement, dynamic on demand, react-native, SSR. And it has been widely used in production environment.<!-- /react-text --></p><p data-reactid="299"><!-- react-text: 300 -->This article will guide you to create a simple application from zero using dva and antd.<!-- /react-text --></p><p data-reactid="301"><!-- react-text: 302 -->Include the following:<!-- /react-text --></p></section><section class="toc" data-reactid="303"><ul data-reactid="304"><li data-reactid="305"><a class="bisheng-toc-h2" href="#Install-dva-cli" title="Install dva-cli" data-reactid="306"><!-- react-text: 307 -->Install dva-cli<!-- /react-text --></a></li><li data-reactid="308"><a class="bisheng-toc-h2" href="#Create-New-App" title="Create New App" data-reactid="309"><!-- react-text: 310 -->Create New App<!-- /react-text --></a></li><li data-reactid="311"><a class="bisheng-toc-h2" href="#Integrate-antd" title="Integrate antd" data-reactid="312"><!-- react-text: 313 -->Integrate antd<!-- /react-text --></a></li><li data-reactid="314"><a class="bisheng-toc-h2" href="#Define-Router" title="Define Router" data-reactid="315"><!-- react-text: 316 -->Define Router<!-- /react-text --></a></li><li data-reactid="317"><a class="bisheng-toc-h2" href="#Write-UI-Components" title="Write UI Components" data-reactid="318"><!-- react-text: 319 -->Write UI Components<!-- /react-text --></a></li><li data-reactid="320"><a class="bisheng-toc-h2" href="#Define-Model" title="Define Model" data-reactid="321"><!-- react-text: 322 -->Define Model<!-- /react-text --></a></li><li data-reactid="323"><a class="bisheng-toc-h2" href="#Connect" title="Connect" data-reactid="324"><!-- react-text: 325 -->Connect<!-- /react-text --></a></li><li data-reactid="326"><a class="bisheng-toc-h2" href="#Build" title="Build" data-reactid="327"><!-- react-text: 328 -->Build<!-- /react-text --></a></li><li data-reactid="329"><a class="bisheng-toc-h2" href="#What&#x27;s-Next" title="What&#x27;s Next" data-reactid="330"><!-- react-text: 331 -->What&#x27;s Next<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="332"><h2 id="Install-dva-cli" data-reactid="333"><span data-reactid="334"><!-- react-text: 335 -->Install dva-cli<!-- /react-text --></span><a href="#Install-dva-cli" class="anchor" data-reactid="336">#</a></h2><p data-reactid="337"><!-- react-text: 338 -->Install dva-cli with npm, and make sure the version is larger then <!-- /react-text --><code data-reactid="339"><!-- react-text: 340 -->0.7.0<!-- /react-text --></code><!-- react-text: 341 -->.<!-- /react-text --></p><pre class="language-bash" data-reactid="342"><code data-reactid="343">$ <span class="token function">npm</span> <span class="token function">install</span> dva-cli -g
 $ dva -v
 0.7.0</code></pre><h2 id="Create-New-App" data-reactid="344"><span data-reactid="345"><!-- react-text: 346 -->Create New App<!-- /react-text --></span><a href="#Create-New-App" class="anchor" data-reactid="347">#</a></h2><p data-reactid="348"><!-- react-text: 349 -->After installed dva-cli, you can have access to the <!-- /react-text --><code data-reactid="350"><!-- react-text: 351 -->dva<!-- /react-text --></code><!-- react-text: 352 --> command in terminal (<!-- /react-text --><a href="http://stackoverflow.com/questions/15054388/global-node-modules-not-installing-correctly-command-not-found" data-reactid="353"><!-- react-text: 354 -->can&#x27;t access?<!-- /react-text --></a><!-- react-text: 355 -->). Now, create a new application with <!-- /react-text --><code data-reactid="356"><!-- react-text: 357 -->dva new<!-- /react-text --></code><!-- react-text: 358 -->.<!-- /react-text --></p><pre class="language-bash" data-reactid="359"><code data-reactid="360">$ dva new dva-quickstart</code></pre><p data-reactid="361"><!-- react-text: 362 -->This creates <!-- /react-text --><code data-reactid="363"><!-- react-text: 364 -->dva-quickstart<!-- /react-text --></code><!-- react-text: 365 --> directory, that contains the project directories and files, and provides development server, build script, mock service, proxy server and so on.<!-- /react-text --></p><p data-reactid="366"><!-- react-text: 367 -->Then <!-- /react-text --><code data-reactid="368"><!-- react-text: 369 -->cd<!-- /react-text --></code><!-- react-text: 370 --> the <!-- /react-text --><code data-reactid="371"><!-- react-text: 372 -->dva-quickstart<!-- /react-text --></code><!-- react-text: 373 --> directory, and start the development server.<!-- /react-text --></p><pre class="language-bash" data-reactid="374"><code data-reactid="375">$ <span class="token function">cd</span> dva-quickstart
 $ <span class="token function">npm</span> start</code></pre><p data-reactid="376"><!-- react-text: 377 -->After a few seconds, you will see the following output:<!-- /react-text --></p><pre class="language-bash" data-reactid="378"><code data-reactid="379">Compiled successfully<span class="token operator">!</span>
diff --git a/docs/react/recommendation-cn.html b/docs/react/recommendation-cn.html
index 0b6d9c5f6..ef0ca3a71 100644
--- a/docs/react/recommendation-cn.html
+++ b/docs/react/recommendation-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1000378431"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1381077053"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->社区精选组件<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/recommendation.zh-CN.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="markdown" data-reactid="294"><p data-reactid="295"><code data-reactid="296"><!-- react-text: 297 -->antd<!-- /react-text --></code><!-- react-text: 298 --> 是 Ant Design 设计规范的 React 实现，所以我们倾向于只提供符合该规范、且带有视觉展现的 UI 组件，也尽量不重复造轮子。我们推荐使用以下社区已有的优秀实现，与 antd 形成互补：<!-- /react-text --></p><table data-reactid="299"><thead data-reactid="300"><tr data-reactid="301"><th data-reactid="302"><!-- react-text: 303 -->类型<!-- /react-text --></th><th data-reactid="304"><!-- react-text: 305 -->推荐组件<!-- /react-text --></th></tr></thead><tbody data-reactid="306"><tr data-reactid="307"><td data-reactid="308"><!-- react-text: 309 -->路由<!-- /react-text --></td><td data-reactid="310"><a href="https://github.com/ReactTraining/react-router" data-reactid="311"><!-- react-text: 312 -->react-router<!-- /react-text --></a></td></tr><tr data-reactid="313"><td data-reactid="314"><!-- react-text: 315 -->布局<!-- /react-text --></td><td data-reactid="316"><a href="http://whoisandie.github.io/react-blocks/" data-reactid="317"><!-- react-text: 318 -->react-blocks<!-- /react-text --></a></td></tr><tr data-reactid="319"><td data-reactid="320"><!-- react-text: 321 -->拖拽<!-- /react-text --></td><td data-reactid="322"><a href="https://github.com/gaearon/react-dnd" data-reactid="323"><!-- react-text: 324 -->react-dnd<!-- /react-text --></a><!-- react-text: 325 --> <!-- /react-text --><a href="https://github.com/mzabriskie/react-draggable" data-reactid="326"><!-- react-text: 327 -->react-draggable<!-- /react-text --></a></td></tr><tr data-reactid="328"><td data-reactid="329"><!-- react-text: 330 -->代码编辑器<!-- /react-text --></td><td data-reactid="331"><a href="https://github.com/JedWatson/react-codemirror" data-reactid="332"><!-- react-text: 333 -->react-codemirror<!-- /react-text --></a></td></tr><tr data-reactid="334"><td data-reactid="335"><!-- react-text: 336 -->富文本编辑器<!-- /react-text --></td><td data-reactid="337"><a href="https://github.com/zenoamaro/react-quill" data-reactid="338"><!-- react-text: 339 -->react-quill<!-- /react-text --></a><!-- react-text: 340 --> <!-- /react-text --><a href="https://github.com/jpuri/react-draft-wysiwyg" data-reactid="341"><!-- react-text: 342 -->react-draft-wysiwyg<!-- /react-text --></a><!-- react-text: 343 --> <!-- /react-text --><a href="https://github.com/leejaen/react-lz-editor" data-reactid="344"><!-- react-text: 345 -->react-lz-editor<!-- /react-text --></a><!-- react-text: 346 -->（Ant Design 风格）<!-- /react-text --></td></tr><tr data-reactid="347"><td data-reactid="348"><!-- react-text: 349 -->拾色器<!-- /react-text --></td><td data-reactid="350"><a href="https://github.com/react-component/color-picker" data-reactid="351"><!-- react-text: 352 -->rc-color-picker<!-- /react-text --></a><!-- react-text: 353 --> <!-- /react-text --><a href="http://casesandberg.github.io/react-color/" data-reactid="354"><!-- react-text: 355 -->react-color<!-- /react-text --></a></td></tr><tr data-reactid="356"><td data-reactid="357"><!-- react-text: 358 -->响应式<!-- /react-text --></td><td data-reactid="359"><a href="https://github.com/contra/react-responsive" data-reactid="360"><!-- react-text: 361 -->react-responsive<!-- /react-text --></a><!-- react-text: 362 --> <!-- /react-text --><a href="https://github.com/ReactTraining/react-media" data-reactid="363"><!-- react-text: 364 -->react-media<!-- /react-text --></a></td></tr><tr data-reactid="365"><td data-reactid="366"><!-- react-text: 367 -->复制到剪贴板<!-- /react-text --></td><td data-reactid="368"><a href="https://github.com/nkbt/react-copy-to-clipboard" data-reactid="369"><!-- react-text: 370 -->react-copy-to-clipboard<!-- /react-text --></a></td></tr><tr data-reactid="371"><td data-reactid="372"><!-- react-text: 373 -->页面 meta 属性<!-- /react-text --></td><td data-reactid="374"><a href="https://github.com/nfl/react-helmet" data-reactid="375"><!-- react-text: 376 -->react-helmet<!-- /react-text --></a><!-- react-text: 377 --> <!-- /react-text --><a href="https://github.com/gaearon/react-document-title" data-reactid="378"><!-- react-text: 379 -->react-document-title<!-- /react-text --></a></td></tr><tr data-reactid="380"><td data-reactid="381"><!-- react-text: 382 -->图标<!-- /react-text --></td><td data-reactid="383"><a href="https://github.com/andreypopp/react-fa" data-reactid="384"><!-- react-text: 385 -->react-fa<!-- /react-text --></a><!-- react-text: 386 --> <!-- /react-text --><a href="https://github.com/gorangajic/react-icons" data-reactid="387"><!-- react-text: 388 -->react-icons<!-- /react-text --></a></td></tr><tr data-reactid="389"><td data-reactid="390"><!-- react-text: 391 -->二维码<!-- /react-text --></td><td data-reactid="392"><a href="https://github.com/zpao/qrcode.react" data-reactid="393"><!-- react-text: 394 -->qrcode.react<!-- /react-text --></a></td></tr><tr data-reactid="395"><td data-reactid="396"><!-- react-text: 397 -->可视化图表<!-- /react-text --></td><td data-reactid="398"><a href="https://github.com/antvis/g2-react" data-reactid="399"><!-- react-text: 400 -->g2-react<!-- /react-text --></a><!-- react-text: 401 --> <!-- /react-text --><a href="https://github.com/recharts/recharts/" data-reactid="402"><!-- react-text: 403 -->recharts<!-- /react-text --></a><!-- react-text: 404 --> <!-- /react-text --><a href="https://github.com/FormidableLabs/victory" data-reactid="405"><!-- react-text: 406 -->victory<!-- /react-text --></a></td></tr><tr data-reactid="407"><td data-reactid="408"><!-- react-text: 409 -->顶部进度条<!-- /react-text --></td><td data-reactid="410"><a href="https://github.com/rstacruz/nprogress" data-reactid="411"><!-- react-text: 412 -->nprogress<!-- /react-text --></a></td></tr><tr data-reactid="413"><td data-reactid="414"><!-- react-text: 415 -->应用国际化<!-- /react-text --></td><td data-reactid="416"><a href="https://github.com/yahoo/react-intl" data-reactid="417"><!-- react-text: 418 -->react-intl<!-- /react-text --></a></td></tr><tr data-reactid="419"><td data-reactid="420"><!-- react-text: 421 -->代码高亮<!-- /react-text --></td><td data-reactid="422"><a href="https://github.com/conorhastings/react-syntax-highlighter" data-reactid="423"><!-- react-text: 424 -->react-syntax-highlighter<!-- /react-text --></a></td></tr></tbody></table><style data-reactid="425">
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->社区精选组件<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/recommendation.zh-CN.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="markdown" data-reactid="294"><p data-reactid="295"><code data-reactid="296"><!-- react-text: 297 -->antd<!-- /react-text --></code><!-- react-text: 298 --> 是 Ant Design 设计规范的 React 实现，所以我们倾向于只提供符合该规范、且带有视觉展现的 UI 组件，也尽量不重复造轮子。我们推荐使用以下社区已有的优秀实现，与 antd 形成互补：<!-- /react-text --></p><table data-reactid="299"><thead data-reactid="300"><tr data-reactid="301"><th data-reactid="302"><!-- react-text: 303 -->类型<!-- /react-text --></th><th data-reactid="304"><!-- react-text: 305 -->推荐组件<!-- /react-text --></th></tr></thead><tbody data-reactid="306"><tr data-reactid="307"><td data-reactid="308"><!-- react-text: 309 -->路由<!-- /react-text --></td><td data-reactid="310"><a href="https://github.com/ReactTraining/react-router" data-reactid="311"><!-- react-text: 312 -->react-router<!-- /react-text --></a></td></tr><tr data-reactid="313"><td data-reactid="314"><!-- react-text: 315 -->布局<!-- /react-text --></td><td data-reactid="316"><a href="http://whoisandie.github.io/react-blocks/" data-reactid="317"><!-- react-text: 318 -->react-blocks<!-- /react-text --></a></td></tr><tr data-reactid="319"><td data-reactid="320"><!-- react-text: 321 -->拖拽<!-- /react-text --></td><td data-reactid="322"><a href="https://github.com/gaearon/react-dnd" data-reactid="323"><!-- react-text: 324 -->react-dnd<!-- /react-text --></a><!-- react-text: 325 --> <!-- /react-text --><a href="https://github.com/mzabriskie/react-draggable" data-reactid="326"><!-- react-text: 327 -->react-draggable<!-- /react-text --></a></td></tr><tr data-reactid="328"><td data-reactid="329"><!-- react-text: 330 -->代码编辑器<!-- /react-text --></td><td data-reactid="331"><a href="https://github.com/JedWatson/react-codemirror" data-reactid="332"><!-- react-text: 333 -->react-codemirror<!-- /react-text --></a></td></tr><tr data-reactid="334"><td data-reactid="335"><!-- react-text: 336 -->富文本编辑器<!-- /react-text --></td><td data-reactid="337"><a href="https://github.com/zenoamaro/react-quill" data-reactid="338"><!-- react-text: 339 -->react-quill<!-- /react-text --></a><!-- react-text: 340 --> <!-- /react-text --><a href="https://github.com/jpuri/react-draft-wysiwyg" data-reactid="341"><!-- react-text: 342 -->react-draft-wysiwyg<!-- /react-text --></a><!-- react-text: 343 --> <!-- /react-text --><a href="https://github.com/leejaen/react-lz-editor" data-reactid="344"><!-- react-text: 345 -->react-lz-editor<!-- /react-text --></a><!-- react-text: 346 -->（Ant Design 风格）<!-- /react-text --></td></tr><tr data-reactid="347"><td data-reactid="348"><!-- react-text: 349 -->拾色器<!-- /react-text --></td><td data-reactid="350"><a href="https://github.com/react-component/color-picker" data-reactid="351"><!-- react-text: 352 -->rc-color-picker<!-- /react-text --></a><!-- react-text: 353 --> <!-- /react-text --><a href="http://casesandberg.github.io/react-color/" data-reactid="354"><!-- react-text: 355 -->react-color<!-- /react-text --></a></td></tr><tr data-reactid="356"><td data-reactid="357"><!-- react-text: 358 -->响应式<!-- /react-text --></td><td data-reactid="359"><a href="https://github.com/contra/react-responsive" data-reactid="360"><!-- react-text: 361 -->react-responsive<!-- /react-text --></a><!-- react-text: 362 --> <!-- /react-text --><a href="https://github.com/ReactTraining/react-media" data-reactid="363"><!-- react-text: 364 -->react-media<!-- /react-text --></a></td></tr><tr data-reactid="365"><td data-reactid="366"><!-- react-text: 367 -->复制到剪贴板<!-- /react-text --></td><td data-reactid="368"><a href="https://github.com/nkbt/react-copy-to-clipboard" data-reactid="369"><!-- react-text: 370 -->react-copy-to-clipboard<!-- /react-text --></a></td></tr><tr data-reactid="371"><td data-reactid="372"><!-- react-text: 373 -->页面 meta 属性<!-- /react-text --></td><td data-reactid="374"><a href="https://github.com/nfl/react-helmet" data-reactid="375"><!-- react-text: 376 -->react-helmet<!-- /react-text --></a><!-- react-text: 377 --> <!-- /react-text --><a href="https://github.com/gaearon/react-document-title" data-reactid="378"><!-- react-text: 379 -->react-document-title<!-- /react-text --></a></td></tr><tr data-reactid="380"><td data-reactid="381"><!-- react-text: 382 -->图标<!-- /react-text --></td><td data-reactid="383"><a href="https://github.com/andreypopp/react-fa" data-reactid="384"><!-- react-text: 385 -->react-fa<!-- /react-text --></a><!-- react-text: 386 --> <!-- /react-text --><a href="https://github.com/gorangajic/react-icons" data-reactid="387"><!-- react-text: 388 -->react-icons<!-- /react-text --></a></td></tr><tr data-reactid="389"><td data-reactid="390"><!-- react-text: 391 -->二维码<!-- /react-text --></td><td data-reactid="392"><a href="https://github.com/zpao/qrcode.react" data-reactid="393"><!-- react-text: 394 -->qrcode.react<!-- /react-text --></a></td></tr><tr data-reactid="395"><td data-reactid="396"><!-- react-text: 397 -->可视化图表<!-- /react-text --></td><td data-reactid="398"><a href="https://github.com/antvis/g2-react" data-reactid="399"><!-- react-text: 400 -->g2-react<!-- /react-text --></a><!-- react-text: 401 --> <!-- /react-text --><a href="https://github.com/recharts/recharts/" data-reactid="402"><!-- react-text: 403 -->recharts<!-- /react-text --></a><!-- react-text: 404 --> <!-- /react-text --><a href="https://github.com/FormidableLabs/victory" data-reactid="405"><!-- react-text: 406 -->victory<!-- /react-text --></a></td></tr><tr data-reactid="407"><td data-reactid="408"><!-- react-text: 409 -->顶部进度条<!-- /react-text --></td><td data-reactid="410"><a href="https://github.com/rstacruz/nprogress" data-reactid="411"><!-- react-text: 412 -->nprogress<!-- /react-text --></a></td></tr><tr data-reactid="413"><td data-reactid="414"><!-- react-text: 415 -->应用国际化<!-- /react-text --></td><td data-reactid="416"><a href="https://github.com/yahoo/react-intl" data-reactid="417"><!-- react-text: 418 -->react-intl<!-- /react-text --></a></td></tr><tr data-reactid="419"><td data-reactid="420"><!-- react-text: 421 -->代码高亮<!-- /react-text --></td><td data-reactid="422"><a href="https://github.com/conorhastings/react-syntax-highlighter" data-reactid="423"><!-- react-text: 424 -->react-syntax-highlighter<!-- /react-text --></a></td></tr></tbody></table><style data-reactid="425">
 .markdown table td:first-child {
   font-weight: 500;
   width: 20%;
diff --git a/docs/react/recommendation.html b/docs/react/recommendation.html
index 90e33337a..6d08e9fa6 100644
--- a/docs/react/recommendation.html
+++ b/docs/react/recommendation.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="474841404"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="142377278"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->Third-Party Libraries<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/recommendation.en-US.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="markdown" data-reactid="294"><p data-reactid="295"><code data-reactid="296"><!-- react-text: 297 -->antd<!-- /react-text --></code><!-- react-text: 298 --> is designed to provide high-quality React UI components which following Ant Design Specification. So, we are not going to implement other functions which are not relative to <!-- /react-text --><code data-reactid="299"><!-- react-text: 300 -->antd<!-- /react-text --></code><!-- react-text: 301 -->&#x27;s target, and recommend to use excellent third-party library which came from React community:<!-- /react-text --></p><table data-reactid="302"><thead data-reactid="303"><tr data-reactid="304"><th data-reactid="305"><!-- react-text: 306 -->Category<!-- /react-text --></th><th data-reactid="307"><!-- react-text: 308 -->Recommanded Components<!-- /react-text --></th></tr></thead><tbody data-reactid="309"><tr data-reactid="310"><td data-reactid="311"><!-- react-text: 312 -->Router<!-- /react-text --></td><td data-reactid="313"><a href="https://github.com/ReactTraining/react-router" data-reactid="314"><!-- react-text: 315 -->react-router<!-- /react-text --></a></td></tr><tr data-reactid="316"><td data-reactid="317"><!-- react-text: 318 -->Layout<!-- /react-text --></td><td data-reactid="319"><a href="http://whoisandie.github.io/react-blocks/" data-reactid="320"><!-- react-text: 321 -->react-blocks<!-- /react-text --></a></td></tr><tr data-reactid="322"><td data-reactid="323"><!-- react-text: 324 -->Drag and drop<!-- /react-text --></td><td data-reactid="325"><a href="https://github.com/gaearon/react-dnd" data-reactid="326"><!-- react-text: 327 -->react-dnd<!-- /react-text --></a><!-- react-text: 328 -->  <!-- /react-text --><a href="https://github.com/mzabriskie/react-draggable" data-reactid="329"><!-- react-text: 330 -->react-draggable<!-- /react-text --></a></td></tr><tr data-reactid="331"><td data-reactid="332"><!-- react-text: 333 -->Code Editor<!-- /react-text --></td><td data-reactid="334"><a href="https://github.com/JedWatson/react-codemirror" data-reactid="335"><!-- react-text: 336 -->react-codemirror<!-- /react-text --></a></td></tr><tr data-reactid="337"><td data-reactid="338"><!-- react-text: 339 -->Rich Text Editor<!-- /react-text --></td><td data-reactid="340"><a href="https://github.com/zenoamaro/react-quill" data-reactid="341"><!-- react-text: 342 -->react-quill<!-- /react-text --></a><!-- react-text: 343 -->  <!-- /react-text --><a href="https://github.com/jpuri/react-draft-wysiwyg" data-reactid="344"><!-- react-text: 345 -->react-draft-wysiwyg<!-- /react-text --></a><!-- react-text: 346 --> <!-- /react-text --><a href="https://github.com/leejaen/react-lz-editor" data-reactid="347"><!-- react-text: 348 -->react-lz-editor<!-- /react-text --></a><!-- react-text: 349 -->(Ant Design style)<!-- /react-text --></td></tr><tr data-reactid="350"><td data-reactid="351"><!-- react-text: 352 -->Color Picker<!-- /react-text --></td><td data-reactid="353"><a href="https://github.com/react-component/color-picker" data-reactid="354"><!-- react-text: 355 -->rc-color-picker<!-- /react-text --></a><!-- react-text: 356 --> <!-- /react-text --><a href="http://casesandberg.github.io/react-color/" data-reactid="357"><!-- react-text: 358 -->react-color<!-- /react-text --></a></td></tr><tr data-reactid="359"><td data-reactid="360"><!-- react-text: 361 -->Media Query<!-- /react-text --></td><td data-reactid="362"><a href="https://github.com/contra/react-responsive" data-reactid="363"><!-- react-text: 364 -->react-responsive<!-- /react-text --></a><!-- react-text: 365 --> <!-- /react-text --><a href="https://github.com/ReactTraining/react-media" data-reactid="366"><!-- react-text: 367 -->react-media<!-- /react-text --></a></td></tr><tr data-reactid="368"><td data-reactid="369"><!-- react-text: 370 -->Copy to clipboard<!-- /react-text --></td><td data-reactid="371"><a href="https://github.com/nkbt/react-copy-to-clipboard" data-reactid="372"><!-- react-text: 373 -->react-copy-to-clipboard<!-- /react-text --></a></td></tr><tr data-reactid="374"><td data-reactid="375"><!-- react-text: 376 -->Document head manager<!-- /react-text --></td><td data-reactid="377"><a href="https://github.com/nfl/react-helmet" data-reactid="378"><!-- react-text: 379 -->react-helmet<!-- /react-text --></a><!-- react-text: 380 --> <!-- /react-text --><a href="https://github.com/gaearon/react-document-title" data-reactid="381"><!-- react-text: 382 -->react-document-title<!-- /react-text --></a></td></tr><tr data-reactid="383"><td data-reactid="384"><!-- react-text: 385 -->Icons<!-- /react-text --></td><td data-reactid="386"><a href="https://github.com/andreypopp/react-fa" data-reactid="387"><!-- react-text: 388 -->react-fa<!-- /react-text --></a><!-- react-text: 389 --> <!-- /react-text --><a href="https://github.com/gorangajic/react-icons" data-reactid="390"><!-- react-text: 391 -->react-icons<!-- /react-text --></a></td></tr><tr data-reactid="392"><td data-reactid="393"><!-- react-text: 394 -->QR Code<!-- /react-text --></td><td data-reactid="395"><a href="https://github.com/zpao/qrcode.react" data-reactid="396"><!-- react-text: 397 -->qrcode.react<!-- /react-text --></a></td></tr><tr data-reactid="398"><td data-reactid="399"><!-- react-text: 400 -->Charts<!-- /react-text --></td><td data-reactid="401"><a href="https://github.com/antvis/g2-react" data-reactid="402"><!-- react-text: 403 -->g2-react<!-- /react-text --></a><!-- react-text: 404 --> <!-- /react-text --><a href="https://github.com/recharts/recharts/" data-reactid="405"><!-- react-text: 406 -->recharts<!-- /react-text --></a><!-- react-text: 407 --> <!-- /react-text --><a href="https://github.com/FormidableLabs/victory" data-reactid="408"><!-- react-text: 409 -->victory<!-- /react-text --></a></td></tr><tr data-reactid="410"><td data-reactid="411"><!-- react-text: 412 -->Top Progress Bar<!-- /react-text --></td><td data-reactid="413"><a href="https://github.com/rstacruz/nprogress" data-reactid="414"><!-- react-text: 415 -->nprogress<!-- /react-text --></a></td></tr><tr data-reactid="416"><td data-reactid="417"><!-- react-text: 418 -->i18n<!-- /react-text --></td><td data-reactid="419"><a href="https://github.com/yahoo/react-intl" data-reactid="420"><!-- react-text: 421 -->react-intl<!-- /react-text --></a></td></tr><tr data-reactid="422"><td data-reactid="423"><!-- react-text: 424 -->Code highlight<!-- /react-text --></td><td data-reactid="425"><a href="https://github.com/conorhastings/react-syntax-highlighter" data-reactid="426"><!-- react-text: 427 -->react-syntax-highlighter<!-- /react-text --></a></td></tr></tbody></table><style data-reactid="428">
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->Third-Party Libraries<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/recommendation.en-US.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="markdown" data-reactid="294"><p data-reactid="295"><code data-reactid="296"><!-- react-text: 297 -->antd<!-- /react-text --></code><!-- react-text: 298 --> is designed to provide high-quality React UI components which following Ant Design Specification. So, we are not going to implement other functions which are not relative to <!-- /react-text --><code data-reactid="299"><!-- react-text: 300 -->antd<!-- /react-text --></code><!-- react-text: 301 -->&#x27;s target, and recommend to use excellent third-party library which came from React community:<!-- /react-text --></p><table data-reactid="302"><thead data-reactid="303"><tr data-reactid="304"><th data-reactid="305"><!-- react-text: 306 -->Category<!-- /react-text --></th><th data-reactid="307"><!-- react-text: 308 -->Recommanded Components<!-- /react-text --></th></tr></thead><tbody data-reactid="309"><tr data-reactid="310"><td data-reactid="311"><!-- react-text: 312 -->Router<!-- /react-text --></td><td data-reactid="313"><a href="https://github.com/ReactTraining/react-router" data-reactid="314"><!-- react-text: 315 -->react-router<!-- /react-text --></a></td></tr><tr data-reactid="316"><td data-reactid="317"><!-- react-text: 318 -->Layout<!-- /react-text --></td><td data-reactid="319"><a href="http://whoisandie.github.io/react-blocks/" data-reactid="320"><!-- react-text: 321 -->react-blocks<!-- /react-text --></a></td></tr><tr data-reactid="322"><td data-reactid="323"><!-- react-text: 324 -->Drag and drop<!-- /react-text --></td><td data-reactid="325"><a href="https://github.com/gaearon/react-dnd" data-reactid="326"><!-- react-text: 327 -->react-dnd<!-- /react-text --></a><!-- react-text: 328 -->  <!-- /react-text --><a href="https://github.com/mzabriskie/react-draggable" data-reactid="329"><!-- react-text: 330 -->react-draggable<!-- /react-text --></a></td></tr><tr data-reactid="331"><td data-reactid="332"><!-- react-text: 333 -->Code Editor<!-- /react-text --></td><td data-reactid="334"><a href="https://github.com/JedWatson/react-codemirror" data-reactid="335"><!-- react-text: 336 -->react-codemirror<!-- /react-text --></a></td></tr><tr data-reactid="337"><td data-reactid="338"><!-- react-text: 339 -->Rich Text Editor<!-- /react-text --></td><td data-reactid="340"><a href="https://github.com/zenoamaro/react-quill" data-reactid="341"><!-- react-text: 342 -->react-quill<!-- /react-text --></a><!-- react-text: 343 -->  <!-- /react-text --><a href="https://github.com/jpuri/react-draft-wysiwyg" data-reactid="344"><!-- react-text: 345 -->react-draft-wysiwyg<!-- /react-text --></a><!-- react-text: 346 --> <!-- /react-text --><a href="https://github.com/leejaen/react-lz-editor" data-reactid="347"><!-- react-text: 348 -->react-lz-editor<!-- /react-text --></a><!-- react-text: 349 -->(Ant Design style)<!-- /react-text --></td></tr><tr data-reactid="350"><td data-reactid="351"><!-- react-text: 352 -->Color Picker<!-- /react-text --></td><td data-reactid="353"><a href="https://github.com/react-component/color-picker" data-reactid="354"><!-- react-text: 355 -->rc-color-picker<!-- /react-text --></a><!-- react-text: 356 --> <!-- /react-text --><a href="http://casesandberg.github.io/react-color/" data-reactid="357"><!-- react-text: 358 -->react-color<!-- /react-text --></a></td></tr><tr data-reactid="359"><td data-reactid="360"><!-- react-text: 361 -->Media Query<!-- /react-text --></td><td data-reactid="362"><a href="https://github.com/contra/react-responsive" data-reactid="363"><!-- react-text: 364 -->react-responsive<!-- /react-text --></a><!-- react-text: 365 --> <!-- /react-text --><a href="https://github.com/ReactTraining/react-media" data-reactid="366"><!-- react-text: 367 -->react-media<!-- /react-text --></a></td></tr><tr data-reactid="368"><td data-reactid="369"><!-- react-text: 370 -->Copy to clipboard<!-- /react-text --></td><td data-reactid="371"><a href="https://github.com/nkbt/react-copy-to-clipboard" data-reactid="372"><!-- react-text: 373 -->react-copy-to-clipboard<!-- /react-text --></a></td></tr><tr data-reactid="374"><td data-reactid="375"><!-- react-text: 376 -->Document head manager<!-- /react-text --></td><td data-reactid="377"><a href="https://github.com/nfl/react-helmet" data-reactid="378"><!-- react-text: 379 -->react-helmet<!-- /react-text --></a><!-- react-text: 380 --> <!-- /react-text --><a href="https://github.com/gaearon/react-document-title" data-reactid="381"><!-- react-text: 382 -->react-document-title<!-- /react-text --></a></td></tr><tr data-reactid="383"><td data-reactid="384"><!-- react-text: 385 -->Icons<!-- /react-text --></td><td data-reactid="386"><a href="https://github.com/andreypopp/react-fa" data-reactid="387"><!-- react-text: 388 -->react-fa<!-- /react-text --></a><!-- react-text: 389 --> <!-- /react-text --><a href="https://github.com/gorangajic/react-icons" data-reactid="390"><!-- react-text: 391 -->react-icons<!-- /react-text --></a></td></tr><tr data-reactid="392"><td data-reactid="393"><!-- react-text: 394 -->QR Code<!-- /react-text --></td><td data-reactid="395"><a href="https://github.com/zpao/qrcode.react" data-reactid="396"><!-- react-text: 397 -->qrcode.react<!-- /react-text --></a></td></tr><tr data-reactid="398"><td data-reactid="399"><!-- react-text: 400 -->Charts<!-- /react-text --></td><td data-reactid="401"><a href="https://github.com/antvis/g2-react" data-reactid="402"><!-- react-text: 403 -->g2-react<!-- /react-text --></a><!-- react-text: 404 --> <!-- /react-text --><a href="https://github.com/recharts/recharts/" data-reactid="405"><!-- react-text: 406 -->recharts<!-- /react-text --></a><!-- react-text: 407 --> <!-- /react-text --><a href="https://github.com/FormidableLabs/victory" data-reactid="408"><!-- react-text: 409 -->victory<!-- /react-text --></a></td></tr><tr data-reactid="410"><td data-reactid="411"><!-- react-text: 412 -->Top Progress Bar<!-- /react-text --></td><td data-reactid="413"><a href="https://github.com/rstacruz/nprogress" data-reactid="414"><!-- react-text: 415 -->nprogress<!-- /react-text --></a></td></tr><tr data-reactid="416"><td data-reactid="417"><!-- react-text: 418 -->i18n<!-- /react-text --></td><td data-reactid="419"><a href="https://github.com/yahoo/react-intl" data-reactid="420"><!-- react-text: 421 -->react-intl<!-- /react-text --></a></td></tr><tr data-reactid="422"><td data-reactid="423"><!-- react-text: 424 -->Code highlight<!-- /react-text --></td><td data-reactid="425"><a href="https://github.com/conorhastings/react-syntax-highlighter" data-reactid="426"><!-- react-text: 427 -->react-syntax-highlighter<!-- /react-text --></a></td></tr></tbody></table><style data-reactid="428">
 .markdown table td:first-child {
   font-weight: 500;
   width: 25%;
diff --git a/docs/react/use-with-create-react-app-cn.html b/docs/react/use-with-create-react-app-cn.html
index fcc5a5cde..72285dcf4 100644
--- a/docs/react/use-with-create-react-app-cn.html
+++ b/docs/react/use-with-create-react-app-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-732361839"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="198773651"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->在 create-react-app 中使用<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/use-with-create-react-app.zh-CN.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="markdown" data-reactid="294"><p data-reactid="295"><a href="https://github.com/facebookincubator/create-react-app" data-reactid="296"><!-- react-text: 297 -->create-react-app<!-- /react-text --></a><!-- react-text: 298 --> 是业界最优秀的 React 应用开发工具之一，本文会尝试在 create-react-app 创建的工程中使用 antd 组件，并自定义 webpack 的配置以满足各类工程化需求。<!-- /react-text --></p></section><section class="toc" data-reactid="299"><ul data-reactid="300"><li data-reactid="301"><a class="bisheng-toc-h2" href="#安装和初始化" title="安装和初始化" data-reactid="302"><!-- react-text: 303 -->安装和初始化<!-- /react-text --></a></li><li data-reactid="304"><a class="bisheng-toc-h2" href="#引入-antd" title="引入 antd" data-reactid="305"><!-- react-text: 306 -->引入 antd<!-- /react-text --></a></li><li data-reactid="307"><a class="bisheng-toc-h2" href="#高级配置" title="高级配置" data-reactid="308"><!-- react-text: 309 -->高级配置<!-- /react-text --></a></li><li data-reactid="310"><a class="bisheng-toc-h2" href="#源码和其他脚手架" title="源码和其他脚手架" data-reactid="311"><!-- react-text: 312 -->源码和其他脚手架<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="313"><h2 id="安装和初始化" data-reactid="314"><span data-reactid="315"><!-- react-text: 316 -->安装和初始化<!-- /react-text --></span><a href="#安装和初始化" class="anchor" data-reactid="317">#</a></h2><p data-reactid="318"><!-- react-text: 319 -->我们需要在命令行中安装 create-react-app 工具，你可能还需要安装 <!-- /react-text --><a href="https://github.com/yarnpkg/yarn/" data-reactid="320"><!-- react-text: 321 -->yarn<!-- /react-text --></a><!-- react-text: 322 -->。<!-- /react-text --></p><pre class="language-bash" data-reactid="323"><code data-reactid="324">$ <span class="token function">npm</span> <span class="token function">install</span> -g create-react-app yarn</code></pre><p data-reactid="325"><!-- react-text: 326 -->然后新建一个项目。<!-- /react-text --></p><pre class="language-bash" data-reactid="327"><code data-reactid="328">$ create-react-app antd-demo</code></pre><p data-reactid="329"><!-- react-text: 330 -->工具会自动初始化一个脚手架并安装 React 项目的各种必要依赖，如果在过程中出现网络问题，请尝试配置代理或使用其他 npm registry。<!-- /react-text --></p><p data-reactid="331"><!-- react-text: 332 -->然后我们进入项目并启动。<!-- /react-text --></p><pre class="language-bash" data-reactid="333"><code data-reactid="334">$ <span class="token function">cd</span> antd-demo
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce-cn" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started-cn" data-reactid="54">快速上手</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects-cn" data-reactid="56">项目实战</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="57"><a href="/docs/react/use-with-create-react-app-cn" data-reactid="58">在 create-react-app 中使用</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme-cn" data-reactid="60">定制主题</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog-cn" data-reactid="62">更新日志</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation-cn" data-reactid="64">社区精选组件</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n-cn" data-reactid="66">国际化</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button-cn/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77">按钮</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon-cn/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81">图标</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid-cn/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88">栅格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout-cn/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92">布局</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix-cn/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99">固钉</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb-cn/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103">面包屑</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top-cn/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107">回到顶部</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown-cn/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111">下拉菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu-cn/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115">导航菜单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination-cn/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119">分页</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps-cn/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123">步骤条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs-cn/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127">标签页</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete-cn/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134">自动完成</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader-cn/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138">级联选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox-cn/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142">多选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker-cn/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146">日期选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form-cn/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150">表单</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number-cn/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154">数字输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input-cn/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158">输入框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention-cn/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162">提及</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate-cn/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166">评分</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio-cn/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170">单选框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select-cn/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174">选择器</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider-cn/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178">滑动输入条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch-cn/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182">开关</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select-cn/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186">树选择</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker-cn/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190">时间选择框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer-cn/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194">穿梭框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload-cn/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198">上传</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge-cn/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205">徽标数</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar-cn/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209">日历</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card-cn/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213">卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel-cn/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217">走马灯</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse-cn/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221">折叠面板</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover-cn/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225">气泡卡片</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip-cn/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229">文字提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table-cn/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233">表格</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag-cn/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237">标签</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline-cn/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241">时间轴</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree-cn/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245">树形控件</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert-cn/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252">警告提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal-cn/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256">对话框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message-cn/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260">全局提示</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification-cn/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264">通知提醒框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress-cn/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268">进度条</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm-cn/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272">气泡确认框</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin-cn/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276">加载中</span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor-cn/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283">锚点</span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider-cn/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287">国际化</span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->在 create-react-app 中使用<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/use-with-create-react-app.zh-CN.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="markdown" data-reactid="294"><p data-reactid="295"><a href="https://github.com/facebookincubator/create-react-app" data-reactid="296"><!-- react-text: 297 -->create-react-app<!-- /react-text --></a><!-- react-text: 298 --> 是业界最优秀的 React 应用开发工具之一，本文会尝试在 create-react-app 创建的工程中使用 antd 组件，并自定义 webpack 的配置以满足各类工程化需求。<!-- /react-text --></p></section><section class="toc" data-reactid="299"><ul data-reactid="300"><li data-reactid="301"><a class="bisheng-toc-h2" href="#安装和初始化" title="安装和初始化" data-reactid="302"><!-- react-text: 303 -->安装和初始化<!-- /react-text --></a></li><li data-reactid="304"><a class="bisheng-toc-h2" href="#引入-antd" title="引入 antd" data-reactid="305"><!-- react-text: 306 -->引入 antd<!-- /react-text --></a></li><li data-reactid="307"><a class="bisheng-toc-h2" href="#高级配置" title="高级配置" data-reactid="308"><!-- react-text: 309 -->高级配置<!-- /react-text --></a></li><li data-reactid="310"><a class="bisheng-toc-h2" href="#源码和其他脚手架" title="源码和其他脚手架" data-reactid="311"><!-- react-text: 312 -->源码和其他脚手架<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="313"><h2 id="安装和初始化" data-reactid="314"><span data-reactid="315"><!-- react-text: 316 -->安装和初始化<!-- /react-text --></span><a href="#安装和初始化" class="anchor" data-reactid="317">#</a></h2><p data-reactid="318"><!-- react-text: 319 -->我们需要在命令行中安装 create-react-app 工具，你可能还需要安装 <!-- /react-text --><a href="https://github.com/yarnpkg/yarn/" data-reactid="320"><!-- react-text: 321 -->yarn<!-- /react-text --></a><!-- react-text: 322 -->。<!-- /react-text --></p><pre class="language-bash" data-reactid="323"><code data-reactid="324">$ <span class="token function">npm</span> <span class="token function">install</span> -g create-react-app yarn</code></pre><p data-reactid="325"><!-- react-text: 326 -->然后新建一个项目。<!-- /react-text --></p><pre class="language-bash" data-reactid="327"><code data-reactid="328">$ create-react-app antd-demo</code></pre><p data-reactid="329"><!-- react-text: 330 -->工具会自动初始化一个脚手架并安装 React 项目的各种必要依赖，如果在过程中出现网络问题，请尝试配置代理或使用其他 npm registry。<!-- /react-text --></p><p data-reactid="331"><!-- react-text: 332 -->然后我们进入项目并启动。<!-- /react-text --></p><pre class="language-bash" data-reactid="333"><code data-reactid="334">$ <span class="token function">cd</span> antd-demo
 $ yarn start</code></pre><p data-reactid="335"><!-- react-text: 336 -->此时浏览器会访问 <!-- /react-text --><a href="http://localhost:3000/" data-reactid="337"><!-- react-text: 338 -->http://localhost:3000/<!-- /react-text --></a><!-- react-text: 339 --> ，看到 <!-- /react-text --><code data-reactid="340"><!-- react-text: 341 -->Welcome to React<!-- /react-text --></code><!-- react-text: 342 --> 的界面就算成功了。<!-- /react-text --></p><h2 id="引入-antd" data-reactid="343"><span data-reactid="344"><!-- react-text: 345 -->引入 antd<!-- /react-text --></span><a href="#引入-antd" class="anchor" data-reactid="346">#</a></h2><p data-reactid="347"><!-- react-text: 348 -->这是 create-react-app 生成的默认目录结构。<!-- /react-text --></p><pre class="language-null" data-reactid="349"><code data-reactid="350">├── README<span class="token punctuation">.</span>md
 ├── package<span class="token punctuation">.</span>json
 ├── public
diff --git a/docs/react/use-with-create-react-app.html b/docs/react/use-with-create-react-app.html
index d7d84a516..4416f7c8e 100644
--- a/docs/react/use-with-create-react-app.html
+++ b/docs/react/use-with-create-react-app.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1412873411"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1649427259"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->Use in create-react-app<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/use-with-create-react-app.en-US.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="markdown" data-reactid="294"><p data-reactid="295"><a href="https://github.com/facebookincubator/create-react-app" data-reactid="296"><!-- react-text: 297 -->create-react-app<!-- /react-text --></a><!-- react-text: 298 --> is one of best React application development tool, we are going to use <!-- /react-text --><code data-reactid="299"><!-- react-text: 300 -->antd<!-- /react-text --></code><!-- react-text: 301 --> within it and modify the webpack config for some customized needs.<!-- /react-text --></p></section><section class="toc" data-reactid="302"><ul data-reactid="303"><li data-reactid="304"><a class="bisheng-toc-h2" href="#Install-and-Initialization" title="Install and Initialization" data-reactid="305"><!-- react-text: 306 -->Install and Initialization<!-- /react-text --></a></li><li data-reactid="307"><a class="bisheng-toc-h2" href="#Import-antd" title="Import antd" data-reactid="308"><!-- react-text: 309 -->Import antd<!-- /react-text --></a></li><li data-reactid="310"><a class="bisheng-toc-h2" href="#Advanced-Guides" title="Advanced Guides" data-reactid="311"><!-- react-text: 312 -->Advanced Guides<!-- /react-text --></a></li><li data-reactid="313"><a class="bisheng-toc-h2" href="#Source-code-and-other-boilerplates" title="Source code and other boilerplates" data-reactid="314"><!-- react-text: 315 -->Source code and other boilerplates<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="316"><h2 id="Install-and-Initialization" data-reactid="317"><span data-reactid="318"><!-- react-text: 319 -->Install and Initialization<!-- /react-text --></span><a href="#Install-and-Initialization" class="anchor" data-reactid="320">#</a></h2><p data-reactid="321"><!-- react-text: 322 -->We need to install <!-- /react-text --><code data-reactid="323"><!-- react-text: 324 -->create-react-app<!-- /react-text --></code><!-- react-text: 325 --> first, you may need install <!-- /react-text --><a href="https://github.com/yarnpkg/yarn/" data-reactid="326"><!-- react-text: 327 -->yarn<!-- /react-text --></a><!-- react-text: 328 --> too.<!-- /react-text --></p><pre class="language-bash" data-reactid="329"><code data-reactid="330">$ <span class="token function">npm</span> <span class="token function">install</span> -g create-react-app yarn</code></pre><p data-reactid="331"><!-- react-text: 332 -->Create a new project named <!-- /react-text --><code data-reactid="333"><!-- react-text: 334 -->antd-demo<!-- /react-text --></code><!-- react-text: 335 -->.<!-- /react-text --></p><pre class="language-bash" data-reactid="336"><code data-reactid="337">$ create-react-app antd-demo</code></pre><p data-reactid="338"><!-- react-text: 339 -->The tool will create and initialize environment and dependencies automaticly,
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/react/introduce" data-reactid="52">Ant Design of React</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/react/getting-started" data-reactid="54">Getting Started</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/react/practical-projects" data-reactid="56">Real project with dva</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="57"><a href="/docs/react/use-with-create-react-app" data-reactid="58">Use in create-react-app</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="59"><a href="/docs/react/customize-theme" data-reactid="60">Customize Theme</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/changelog" data-reactid="62">Change Log</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/react/recommendation" data-reactid="64">Third-Party Libraries</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/react/i18n" data-reactid="66">Internationalization</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="67"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Components$Menu" aria-haspopup="true" data-reactid="68"><h4 data-reactid="69">Components</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Components$Menu" data-reactid="70"><li class=" ant-menu-item-group" data-reactid="71"><div class="ant-menu-item-group-title" data-reactid="72">General</div><ul class="ant-menu-item-group-list" data-reactid="73"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="74"><a href="/components/button/" data-reactid="75"><span data-reactid="76">Button</span><span class="chinese" data-reactid="77"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="78"><a href="/components/icon/" data-reactid="79"><span data-reactid="80">Icon</span><span class="chinese" data-reactid="81"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="82"><div class="ant-menu-item-group-title" data-reactid="83">Layout</div><ul class="ant-menu-item-group-list" data-reactid="84"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/components/grid/" data-reactid="86"><span data-reactid="87">Grid</span><span class="chinese" data-reactid="88"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/components/layout/" data-reactid="90"><span data-reactid="91">Layout</span><span class="chinese" data-reactid="92"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="93"><div class="ant-menu-item-group-title" data-reactid="94">Navigation</div><ul class="ant-menu-item-group-list" data-reactid="95"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="96"><a href="/components/affix/" data-reactid="97"><span data-reactid="98">Affix</span><span class="chinese" data-reactid="99"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="100"><a href="/components/breadcrumb/" data-reactid="101"><span data-reactid="102">Breadcrumb</span><span class="chinese" data-reactid="103"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="104"><a href="/components/back-top/" data-reactid="105"><span data-reactid="106">BackTop</span><span class="chinese" data-reactid="107"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="108"><a href="/components/dropdown/" data-reactid="109"><span data-reactid="110">Dropdown</span><span class="chinese" data-reactid="111"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="112"><a href="/components/menu/" data-reactid="113"><span data-reactid="114">Menu</span><span class="chinese" data-reactid="115"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="116"><a href="/components/pagination/" data-reactid="117"><span data-reactid="118">Pagination</span><span class="chinese" data-reactid="119"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="120"><a href="/components/steps/" data-reactid="121"><span data-reactid="122">Steps</span><span class="chinese" data-reactid="123"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="124"><a href="/components/tabs/" data-reactid="125"><span data-reactid="126">Tabs</span><span class="chinese" data-reactid="127"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="128"><div class="ant-menu-item-group-title" data-reactid="129">Data Entry</div><ul class="ant-menu-item-group-list" data-reactid="130"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="131"><a href="/components/auto-complete/" data-reactid="132"><span data-reactid="133">AutoComplete</span><span class="chinese" data-reactid="134"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="135"><a href="/components/cascader/" data-reactid="136"><span data-reactid="137">Cascader</span><span class="chinese" data-reactid="138"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="139"><a href="/components/checkbox/" data-reactid="140"><span data-reactid="141">Checkbox</span><span class="chinese" data-reactid="142"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="143"><a href="/components/date-picker/" data-reactid="144"><span data-reactid="145">DatePicker</span><span class="chinese" data-reactid="146"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="147"><a href="/components/form/" data-reactid="148"><span data-reactid="149">Form</span><span class="chinese" data-reactid="150"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="151"><a href="/components/input-number/" data-reactid="152"><span data-reactid="153">InputNumber</span><span class="chinese" data-reactid="154"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="155"><a href="/components/input/" data-reactid="156"><span data-reactid="157">Input</span><span class="chinese" data-reactid="158"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="159"><a href="/components/mention/" data-reactid="160"><span data-reactid="161">Mention</span><span class="chinese" data-reactid="162"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="163"><a href="/components/rate/" data-reactid="164"><span data-reactid="165">Rate</span><span class="chinese" data-reactid="166"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="167"><a href="/components/radio/" data-reactid="168"><span data-reactid="169">Radio</span><span class="chinese" data-reactid="170"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="171"><a href="/components/select/" data-reactid="172"><span data-reactid="173">Select</span><span class="chinese" data-reactid="174"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="175"><a href="/components/slider/" data-reactid="176"><span data-reactid="177">Slider</span><span class="chinese" data-reactid="178"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="179"><a href="/components/switch/" data-reactid="180"><span data-reactid="181">Switch</span><span class="chinese" data-reactid="182"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="183"><a href="/components/tree-select/" data-reactid="184"><span data-reactid="185">TreeSelect</span><span class="chinese" data-reactid="186"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="187"><a href="/components/time-picker/" data-reactid="188"><span data-reactid="189">TimePicker</span><span class="chinese" data-reactid="190"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="191"><a href="/components/transfer/" data-reactid="192"><span data-reactid="193">Transfer</span><span class="chinese" data-reactid="194"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="195"><a href="/components/upload/" data-reactid="196"><span data-reactid="197">Upload</span><span class="chinese" data-reactid="198"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="199"><div class="ant-menu-item-group-title" data-reactid="200">Data Display</div><ul class="ant-menu-item-group-list" data-reactid="201"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="202"><a href="/components/badge/" data-reactid="203"><span data-reactid="204">Badge</span><span class="chinese" data-reactid="205"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="206"><a href="/components/calendar/" data-reactid="207"><span data-reactid="208">Calendar</span><span class="chinese" data-reactid="209"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="210"><a href="/components/card/" data-reactid="211"><span data-reactid="212">Card</span><span class="chinese" data-reactid="213"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="214"><a href="/components/carousel/" data-reactid="215"><span data-reactid="216">Carousel</span><span class="chinese" data-reactid="217"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="218"><a href="/components/collapse/" data-reactid="219"><span data-reactid="220">Collapse</span><span class="chinese" data-reactid="221"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="222"><a href="/components/popover/" data-reactid="223"><span data-reactid="224">Popover</span><span class="chinese" data-reactid="225"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="226"><a href="/components/tooltip/" data-reactid="227"><span data-reactid="228">Tooltip</span><span class="chinese" data-reactid="229"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="230"><a href="/components/table/" data-reactid="231"><span data-reactid="232">Table</span><span class="chinese" data-reactid="233"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="234"><a href="/components/tag/" data-reactid="235"><span data-reactid="236">Tag</span><span class="chinese" data-reactid="237"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="238"><a href="/components/timeline/" data-reactid="239"><span data-reactid="240">Timeline</span><span class="chinese" data-reactid="241"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="242"><a href="/components/tree/" data-reactid="243"><span data-reactid="244">Tree</span><span class="chinese" data-reactid="245"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="246"><div class="ant-menu-item-group-title" data-reactid="247">Feedback</div><ul class="ant-menu-item-group-list" data-reactid="248"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="249"><a href="/components/alert/" data-reactid="250"><span data-reactid="251">Alert</span><span class="chinese" data-reactid="252"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="253"><a href="/components/modal/" data-reactid="254"><span data-reactid="255">Modal</span><span class="chinese" data-reactid="256"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="257"><a href="/components/message/" data-reactid="258"><span data-reactid="259">Message</span><span class="chinese" data-reactid="260"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="261"><a href="/components/notification/" data-reactid="262"><span data-reactid="263">Notification</span><span class="chinese" data-reactid="264"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="265"><a href="/components/progress/" data-reactid="266"><span data-reactid="267">Progress</span><span class="chinese" data-reactid="268"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="269"><a href="/components/popconfirm/" data-reactid="270"><span data-reactid="271">Popconfirm</span><span class="chinese" data-reactid="272"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="273"><a href="/components/spin/" data-reactid="274"><span data-reactid="275">Spin</span><span class="chinese" data-reactid="276"></span></a></li></ul></li><li class=" ant-menu-item-group" data-reactid="277"><div class="ant-menu-item-group-title" data-reactid="278">Other</div><ul class="ant-menu-item-group-list" data-reactid="279"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="280"><a href="/components/anchor/" data-reactid="281"><span data-reactid="282">Anchor</span><span class="chinese" data-reactid="283"></span></a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="284"><a href="/components/locale-provider/" data-reactid="285"><span data-reactid="286">LocaleProvider</span><span class="chinese" data-reactid="287"></span></a></li></ul></li></ul></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="288"><article class="markdown" data-reactid="289"><h1 data-reactid="290"><!-- react-text: 291 -->Use in create-react-app<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/react/use-with-create-react-app.en-US.md" data-reactid="292"><i class="anticon anticon-edit" data-reactid="293"></i></a></h1><section class="markdown" data-reactid="294"><p data-reactid="295"><a href="https://github.com/facebookincubator/create-react-app" data-reactid="296"><!-- react-text: 297 -->create-react-app<!-- /react-text --></a><!-- react-text: 298 --> is one of best React application development tool, we are going to use <!-- /react-text --><code data-reactid="299"><!-- react-text: 300 -->antd<!-- /react-text --></code><!-- react-text: 301 --> within it and modify the webpack config for some customized needs.<!-- /react-text --></p></section><section class="toc" data-reactid="302"><ul data-reactid="303"><li data-reactid="304"><a class="bisheng-toc-h2" href="#Install-and-Initialization" title="Install and Initialization" data-reactid="305"><!-- react-text: 306 -->Install and Initialization<!-- /react-text --></a></li><li data-reactid="307"><a class="bisheng-toc-h2" href="#Import-antd" title="Import antd" data-reactid="308"><!-- react-text: 309 -->Import antd<!-- /react-text --></a></li><li data-reactid="310"><a class="bisheng-toc-h2" href="#Advanced-Guides" title="Advanced Guides" data-reactid="311"><!-- react-text: 312 -->Advanced Guides<!-- /react-text --></a></li><li data-reactid="313"><a class="bisheng-toc-h2" href="#Source-code-and-other-boilerplates" title="Source code and other boilerplates" data-reactid="314"><!-- react-text: 315 -->Source code and other boilerplates<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="316"><h2 id="Install-and-Initialization" data-reactid="317"><span data-reactid="318"><!-- react-text: 319 -->Install and Initialization<!-- /react-text --></span><a href="#Install-and-Initialization" class="anchor" data-reactid="320">#</a></h2><p data-reactid="321"><!-- react-text: 322 -->We need to install <!-- /react-text --><code data-reactid="323"><!-- react-text: 324 -->create-react-app<!-- /react-text --></code><!-- react-text: 325 --> first, you may need install <!-- /react-text --><a href="https://github.com/yarnpkg/yarn/" data-reactid="326"><!-- react-text: 327 -->yarn<!-- /react-text --></a><!-- react-text: 328 --> too.<!-- /react-text --></p><pre class="language-bash" data-reactid="329"><code data-reactid="330">$ <span class="token function">npm</span> <span class="token function">install</span> -g create-react-app yarn</code></pre><p data-reactid="331"><!-- react-text: 332 -->Create a new project named <!-- /react-text --><code data-reactid="333"><!-- react-text: 334 -->antd-demo<!-- /react-text --></code><!-- react-text: 335 -->.<!-- /react-text --></p><pre class="language-bash" data-reactid="336"><code data-reactid="337">$ create-react-app antd-demo</code></pre><p data-reactid="338"><!-- react-text: 339 -->The tool will create and initialize environment and dependencies automaticly,
 please try config your proxy setting or use other npm registry if any network errors happen during it.<!-- /react-text --></p><p data-reactid="340"><!-- react-text: 341 -->Then we go inside <!-- /react-text --><code data-reactid="342"><!-- react-text: 343 -->antd-demo<!-- /react-text --></code><!-- react-text: 344 --> and start it.<!-- /react-text --></p><pre class="language-bash" data-reactid="345"><code data-reactid="346">$ <span class="token function">cd</span> antd-demo
 $ yarn start</code></pre><p data-reactid="347"><!-- react-text: 348 -->Open browser at <!-- /react-text --><a href="http://localhost:3000/" data-reactid="349"><!-- react-text: 350 -->http://localhost:3000/<!-- /react-text --></a><!-- react-text: 351 -->, it renders a header saying &quot;Welcome to React&quot; on the page.<!-- /react-text --></p><h2 id="Import-antd" data-reactid="352"><span data-reactid="353"><!-- react-text: 354 -->Import antd<!-- /react-text --></span><a href="#Import-antd" class="anchor" data-reactid="355">#</a></h2><p data-reactid="356"><!-- react-text: 357 -->It is the default directory structure below.<!-- /react-text --></p><pre class="language-null" data-reactid="358"><code data-reactid="359">├── README<span class="token punctuation">.</span>md
 ├── package<span class="token punctuation">.</span>json
diff --git a/docs/resource/download-cn.html b/docs/resource/download-cn.html
index 4a47a613e..b9664c4e5 100644
--- a/docs/resource/download-cn.html
+++ b/docs/resource/download-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-961542390"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="385681164"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="51"><a href="/docs/resource/download-cn" data-reactid="52">资源下载</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/resource/reference-cn" data-reactid="54">文献素材</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="//github.com/ant-design/ant-design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="56"><!-- react-text: 57 -->GitHub<!-- /react-text --><!-- react-text: 58 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="59"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="60"><article class="markdown" data-reactid="61"><h1 data-reactid="62"><!-- react-text: 63 -->资源下载<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/resource/download.zh-CN.md" data-reactid="64"><i class="anticon anticon-edit" data-reactid="65"></i></a></h1><section class="markdown" data-reactid="66"><p data-reactid="67"><!-- react-text: 68 -->这里提供 Ant Design 相关设计资源和设计工具的下载，更多设计资源正在整理和完善中。<!-- /react-text --></p><div class="resource-cards" data-reactid="69"><a target="_blank" href="http://library.ant.design" class="resource-card" data-reactid="70"><img src="https://zos.alipayobjects.com/rmsportal/qXrCHrsuyrINSeerFOerLcTTFZiEzHAJ.png" data-reactid="71"/><span class="resource-card-content" data-reactid="72"><span class="resource-card-title" data-reactid="73"><!-- react-text: 74 -->Ant Design Library v2.0.1<!-- /react-text --></span><span class="resource-card-description" data-reactid="75"><!-- react-text: 76 -->一套强大的 Ant Design 的 Axure 部件库<!-- /react-text --></span></span></a><a target="_blank" href="https://github.com/ant-design/ant-design/releases/download/resource/Ant.Design.Template.sketch" class="resource-card" data-reactid="77"><img src="https://zos.alipayobjects.com/rmsportal/vfxJzCLqZxehgquvQNqX.png" data-reactid="78"/><span class="resource-card-content" data-reactid="79"><span class="resource-card-title" data-reactid="80"><!-- react-text: 81 -->Sketch Template<!-- /react-text --></span><span class="resource-card-description" data-reactid="82"><!-- react-text: 83 -->精心整理的组件设计素材<!-- /react-text --></span></span></a><a target="_blank" href="http://ux.ant.design" class="resource-card" data-reactid="84"><img src="https://os.alipayobjects.com/rmsportal/yfTqrQuSKcqBDLY.png" data-reactid="85"/><span class="resource-card-content" data-reactid="86"><span class="resource-card-title" data-reactid="87"><!-- react-text: 88 -->Ant UX<!-- /react-text --></span><span class="resource-card-description" data-reactid="89"><!-- react-text: 90 -->一套页面逻辑原型库，帮你梳理页面逻辑<!-- /react-text --></span></span></a><a target="_blank" href="https://github.com/ant-design/ant-design/releases/download/resource/iconfont-2.8.x.zip" class="resource-card" data-reactid="91"><img src="https://os.alipayobjects.com/rmsportal/UEpOFKUQTZaUfnW.png" data-reactid="92"/><span class="resource-card-content" data-reactid="93"><span class="resource-card-title" data-reactid="94"><!-- react-text: 95 -->Web Font<!-- /react-text --></span><span class="resource-card-description" data-reactid="96"><!-- react-text: 97 -->网络字体图标的本地文件包<!-- /react-text --></span></span></a></div></section></article></div></div><div class="ant-row" data-reactid="98"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="99"><section class="prev-next-nav" data-reactid="100"><a class="next-page" href="/docs/resource/reference-cn" data-reactid="101">文献素材</a></section></div></div></div><footer id="footer" data-reactid="102"><ul data-reactid="103"><li data-reactid="104"><h2 data-reactid="105"><i class="anticon anticon-github" data-reactid="106"></i><!-- react-text: 107 --> GitHub<!-- /react-text --></h2><div data-reactid="108"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="109"><span data-reactid="110">源码仓库</span></a></div><div data-reactid="111"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="112"><span data-reactid="113">定制主题</span></a></div><div data-reactid="114"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="115"><span data-reactid="116">Awesome Ant Design</span></a></div></li><li data-reactid="117"><h2 data-reactid="118"><i class="anticon anticon-link" data-reactid="119"></i><!-- react-text: 120 --> <!-- /react-text --><span data-reactid="121">相关站点</span></h2><div data-reactid="122"><a href="https://design.alipay.com/" data-reactid="123"><span data-reactid="124">蚂蚁金服设计平台</span></a></div><div data-reactid="125"><a href="http://mobile.ant.design" data-reactid="126">Ant Design Mobile</a><span data-reactid="127"> - </span><span data-reactid="128">移动版</span></div><div data-reactid="129"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="130">dva</a><!-- react-text: 131 --> - <!-- /react-text --><span data-reactid="132">应用框架</span></div><div data-reactid="133"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="134">dva-cli</a><!-- react-text: 135 --> -<!-- /react-text --><span data-reactid="136">开发工具</span></div><div data-reactid="137"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="138">Egg</a><span data-reactid="139"> - </span><span data-reactid="140">企业级 Node 开发框架</span></div><div data-reactid="141"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="142">AntV</a><span data-reactid="143"> - </span><span data-reactid="144">数据可视化</span></div><div data-reactid="145"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="146">Ant Motion</a><span data-reactid="147"> - </span><span data-reactid="148">设计动效</span></div><div data-reactid="149"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="150">AntD Library</a><span data-reactid="151"> - </span><span data-reactid="152">Axure 部件库</span></div><div data-reactid="153"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="154">Ant UX</a><span data-reactid="155"> - </span><span data-reactid="156">页面逻辑素材</span></div></li><li data-reactid="157"><h2 data-reactid="158"><i class="anticon anticon-customer-service" data-reactid="159"></i><!-- react-text: 160 --> <!-- /react-text --><span data-reactid="161">社区</span></h2><div data-reactid="162"><a href="/changelog" data-reactid="163"><span data-reactid="164">更新记录</span></a></div><div data-reactid="165"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="166"><span data-reactid="167">常见问题</span></a></div><div data-reactid="168"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="169"><span data-reactid="170">在线讨论 (中文)</span></a></div><div data-reactid="171"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="172"><span data-reactid="173">在线讨论 (English)</span></a></div><div data-reactid="174"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="175"><span data-reactid="176">报告 Bug</span></a></div><div data-reactid="177"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="178"><span data-reactid="179">讨论列表</span></a></div><div data-reactid="180"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="181"><span data-reactid="182">StackOverflow</span></a></div><div data-reactid="183"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="184"><span data-reactid="185">SegmentFault</span></a></div></li><li data-reactid="186"><h2 data-reactid="187"><!-- react-text: 188 -->Copyright © <!-- /react-text --><!-- react-text: 189 -->2017<!-- /react-text --></h2><div data-reactid="190"><span data-reactid="191">蚂蚁金服体验技术部出品</span></div><div data-reactid="192"><!-- react-text: 193 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="194">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="51"><a href="/docs/resource/download-cn" data-reactid="52">资源下载</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/resource/reference-cn" data-reactid="54">文献素材</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="//github.com/ant-design/ant-design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="56"><!-- react-text: 57 -->GitHub<!-- /react-text --><!-- react-text: 58 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="59"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="60"><article class="markdown" data-reactid="61"><h1 data-reactid="62"><!-- react-text: 63 -->资源下载<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/resource/download.zh-CN.md" data-reactid="64"><i class="anticon anticon-edit" data-reactid="65"></i></a></h1><section class="markdown" data-reactid="66"><p data-reactid="67"><!-- react-text: 68 -->这里提供 Ant Design 相关设计资源和设计工具的下载，更多设计资源正在整理和完善中。<!-- /react-text --></p><div class="resource-cards" data-reactid="69"><a target="_blank" href="http://library.ant.design" class="resource-card" data-reactid="70"><img src="https://zos.alipayobjects.com/rmsportal/qXrCHrsuyrINSeerFOerLcTTFZiEzHAJ.png" data-reactid="71"/><span class="resource-card-content" data-reactid="72"><span class="resource-card-title" data-reactid="73"><!-- react-text: 74 -->Ant Design Library v2.0.1<!-- /react-text --></span><span class="resource-card-description" data-reactid="75"><!-- react-text: 76 -->一套强大的 Ant Design 的 Axure 部件库<!-- /react-text --></span></span></a><a target="_blank" href="https://github.com/ant-design/ant-design/releases/download/resource/Ant.Design.Template.sketch" class="resource-card" data-reactid="77"><img src="https://zos.alipayobjects.com/rmsportal/vfxJzCLqZxehgquvQNqX.png" data-reactid="78"/><span class="resource-card-content" data-reactid="79"><span class="resource-card-title" data-reactid="80"><!-- react-text: 81 -->Sketch Template<!-- /react-text --></span><span class="resource-card-description" data-reactid="82"><!-- react-text: 83 -->精心整理的组件设计素材<!-- /react-text --></span></span></a><a target="_blank" href="http://ux.ant.design" class="resource-card" data-reactid="84"><img src="https://os.alipayobjects.com/rmsportal/yfTqrQuSKcqBDLY.png" data-reactid="85"/><span class="resource-card-content" data-reactid="86"><span class="resource-card-title" data-reactid="87"><!-- react-text: 88 -->Ant UX<!-- /react-text --></span><span class="resource-card-description" data-reactid="89"><!-- react-text: 90 -->一套页面逻辑原型库，帮你梳理页面逻辑<!-- /react-text --></span></span></a><a target="_blank" href="https://github.com/ant-design/ant-design/releases/download/resource/iconfont-2.8.x.zip" class="resource-card" data-reactid="91"><img src="https://os.alipayobjects.com/rmsportal/UEpOFKUQTZaUfnW.png" data-reactid="92"/><span class="resource-card-content" data-reactid="93"><span class="resource-card-title" data-reactid="94"><!-- react-text: 95 -->Web Font<!-- /react-text --></span><span class="resource-card-description" data-reactid="96"><!-- react-text: 97 -->网络字体图标的本地文件包<!-- /react-text --></span></span></a></div></section></article></div></div><div class="ant-row" data-reactid="98"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="99"><section class="prev-next-nav" data-reactid="100"><a class="next-page" href="/docs/resource/reference-cn" data-reactid="101">文献素材</a></section></div></div></div><footer id="footer" data-reactid="102"><ul data-reactid="103"><li data-reactid="104"><h2 data-reactid="105"><i class="anticon anticon-github" data-reactid="106"></i><!-- react-text: 107 --> GitHub<!-- /react-text --></h2><div data-reactid="108"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="109"><span data-reactid="110">源码仓库</span></a></div><div data-reactid="111"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="112"><span data-reactid="113">定制主题</span></a></div><div data-reactid="114"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="115"><span data-reactid="116">Awesome Ant Design</span></a></div></li><li data-reactid="117"><h2 data-reactid="118"><i class="anticon anticon-link" data-reactid="119"></i><!-- react-text: 120 --> <!-- /react-text --><span data-reactid="121">相关站点</span></h2><div data-reactid="122"><a href="https://design.alipay.com/" data-reactid="123"><span data-reactid="124">蚂蚁金服设计平台</span></a></div><div data-reactid="125"><a href="http://mobile.ant.design" data-reactid="126">Ant Design Mobile</a><span data-reactid="127"> - </span><span data-reactid="128">移动版</span></div><div data-reactid="129"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="130">dva</a><!-- react-text: 131 --> - <!-- /react-text --><span data-reactid="132">应用框架</span></div><div data-reactid="133"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="134">dva-cli</a><!-- react-text: 135 --> -<!-- /react-text --><span data-reactid="136">开发工具</span></div><div data-reactid="137"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="138">Egg</a><span data-reactid="139"> - </span><span data-reactid="140">企业级 Node 开发框架</span></div><div data-reactid="141"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="142">AntV</a><span data-reactid="143"> - </span><span data-reactid="144">数据可视化</span></div><div data-reactid="145"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="146">Ant Motion</a><span data-reactid="147"> - </span><span data-reactid="148">设计动效</span></div><div data-reactid="149"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="150">AntD Library</a><span data-reactid="151"> - </span><span data-reactid="152">Axure 部件库</span></div><div data-reactid="153"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="154">Ant UX</a><span data-reactid="155"> - </span><span data-reactid="156">页面逻辑素材</span></div></li><li data-reactid="157"><h2 data-reactid="158"><i class="anticon anticon-customer-service" data-reactid="159"></i><!-- react-text: 160 --> <!-- /react-text --><span data-reactid="161">社区</span></h2><div data-reactid="162"><a href="/changelog" data-reactid="163"><span data-reactid="164">更新记录</span></a></div><div data-reactid="165"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="166"><span data-reactid="167">常见问题</span></a></div><div data-reactid="168"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="169"><span data-reactid="170">在线讨论 (中文)</span></a></div><div data-reactid="171"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="172"><span data-reactid="173">在线讨论 (English)</span></a></div><div data-reactid="174"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="175"><span data-reactid="176">报告 Bug</span></a></div><div data-reactid="177"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="178"><span data-reactid="179">讨论列表</span></a></div><div data-reactid="180"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="181"><span data-reactid="182">StackOverflow</span></a></div><div data-reactid="183"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="184"><span data-reactid="185">SegmentFault</span></a></div></li><li data-reactid="186"><h2 data-reactid="187"><!-- react-text: 188 -->Copyright © <!-- /react-text --><!-- react-text: 189 -->2017<!-- /react-text --></h2><div data-reactid="190"><span data-reactid="191">蚂蚁金服体验技术部出品</span></div><div data-reactid="192"><!-- react-text: 193 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="194">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/resource/download.html b/docs/resource/download.html
index 8c7af8494..066e3958a 100644
--- a/docs/resource/download.html
+++ b/docs/resource/download.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-161265769"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1235240857"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="51"><a href="/docs/resource/download" data-reactid="52">Download</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/resource/reference" data-reactid="54">Reference</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="//github.com/ant-design/ant-design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="56"><!-- react-text: 57 -->GitHub<!-- /react-text --><!-- react-text: 58 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="59"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="60"><article class="markdown" data-reactid="61"><h1 data-reactid="62"><!-- react-text: 63 -->Download<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/resource/download.en-US.md" data-reactid="64"><i class="anticon anticon-edit" data-reactid="65"></i></a></h1><section class="markdown" data-reactid="66"><p data-reactid="67"><!-- react-text: 68 -->Please find below some of the design resources and tools about Ant Design that we consider valuable. More of this is still being collected.<!-- /react-text --></p><div class="resource-cards" data-reactid="69"><a target="_blank" href="http://library.ant.design" class="resource-card" data-reactid="70"><img src="https://zos.alipayobjects.com/rmsportal/qXrCHrsuyrINSeerFOerLcTTFZiEzHAJ.png" data-reactid="71"/><span class="resource-card-content" data-reactid="72"><span class="resource-card-title" data-reactid="73"><!-- react-text: 74 -->Ant Design Library v2.0.1<!-- /react-text --></span><span class="resource-card-description" data-reactid="75"><!-- react-text: 76 -->A powerful Axure library of Ant Design<!-- /react-text --></span></span></a><a target="_blank" href="https://github.com/ant-design/ant-design/releases/download/resource/Ant.Design.Template.sketch" class="resource-card" data-reactid="77"><img src="https://zos.alipayobjects.com/rmsportal/vfxJzCLqZxehgquvQNqX.png" data-reactid="78"/><span class="resource-card-content" data-reactid="79"><span class="resource-card-title" data-reactid="80"><!-- react-text: 81 -->Sketch Template<!-- /react-text --></span><span class="resource-card-description" data-reactid="82"><!-- react-text: 83 -->Make your design document like real<!-- /react-text --></span></span></a><a target="_blank" href="http://ux.ant.design" class="resource-card" data-reactid="84"><img src="https://os.alipayobjects.com/rmsportal/yfTqrQuSKcqBDLY.png" data-reactid="85"/><span class="resource-card-content" data-reactid="86"><span class="resource-card-title" data-reactid="87"><!-- react-text: 88 -->Ant UX<!-- /react-text --></span><span class="resource-card-description" data-reactid="89"><!-- react-text: 90 -->A series prototypes that help creating application structure and user flow<!-- /react-text --></span></span></a><a target="_blank" href="https://github.com/ant-design/ant-design/releases/download/resource/iconfont-2.8.x.zip" class="resource-card" data-reactid="91"><img src="https://os.alipayobjects.com/rmsportal/UEpOFKUQTZaUfnW.png" data-reactid="92"/><span class="resource-card-content" data-reactid="93"><span class="resource-card-title" data-reactid="94"><!-- react-text: 95 -->Web Font<!-- /react-text --></span><span class="resource-card-description" data-reactid="96"><!-- react-text: 97 -->Icon font package for your local reference<!-- /react-text --></span></span></a></div></section></article></div></div><div class="ant-row" data-reactid="98"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="99"><section class="prev-next-nav" data-reactid="100"><a class="next-page" href="/docs/resource/reference" data-reactid="101">Reference</a></section></div></div></div><footer id="footer" data-reactid="102"><ul data-reactid="103"><li data-reactid="104"><h2 data-reactid="105"><i class="anticon anticon-github" data-reactid="106"></i><!-- react-text: 107 --> GitHub<!-- /react-text --></h2><div data-reactid="108"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="109"><span data-reactid="110">Repository</span></a></div><div data-reactid="111"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="112"><span data-reactid="113">Customize Theme</span></a></div><div data-reactid="114"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="115"><span data-reactid="116">Awesome Ant Design</span></a></div></li><li data-reactid="117"><h2 data-reactid="118"><i class="anticon anticon-link" data-reactid="119"></i><!-- react-text: 120 --> <!-- /react-text --><span data-reactid="121">Links</span></h2><div data-reactid="122"><a href="https://design.alipay.com/" data-reactid="123"><span data-reactid="124">Ant Financial Design Platform</span></a></div><div data-reactid="125"><a href="http://mobile.ant.design" data-reactid="126">Ant Design Mobile</a><span data-reactid="127"> - </span><span data-reactid="128">Mobile UI</span></div><div data-reactid="129"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="130">dva</a><!-- react-text: 131 --> - <!-- /react-text --><span data-reactid="132">Framework</span></div><div data-reactid="133"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="134">dva-cli</a><!-- react-text: 135 --> -<!-- /react-text --><span data-reactid="136">Developer Tools</span></div><div data-reactid="137"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="138">Egg</a><span data-reactid="139"> - </span><span data-reactid="140">Enterprise Node Framework</span></div><div data-reactid="141"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="142">AntV</a><span data-reactid="143"> - </span><span data-reactid="144">Data Visualization</span></div><div data-reactid="145"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="146">Ant Motion</a><span data-reactid="147"> - </span><span data-reactid="148">Motion Soluction</span></div><div data-reactid="149"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="150">AntD Library</a><span data-reactid="151"> - </span><span data-reactid="152">Axure library</span></div><div data-reactid="153"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="154">Ant UX</a><span data-reactid="155"> - </span><span data-reactid="156">Sitemap Template</span></div></li><li data-reactid="157"><h2 data-reactid="158"><i class="anticon anticon-customer-service" data-reactid="159"></i><!-- react-text: 160 --> <!-- /react-text --><span data-reactid="161">Community</span></h2><div data-reactid="162"><a href="/changelog" data-reactid="163"><span data-reactid="164">Change Log</span></a></div><div data-reactid="165"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="166"><span data-reactid="167">FAQ</span></a></div><div data-reactid="168"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="169"><span data-reactid="170">Chat Room (中文)</span></a></div><div data-reactid="171"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="172"><span data-reactid="173">Chat Room (English)</span></a></div><div data-reactid="174"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="175"><span data-reactid="176">Bug Report</span></a></div><div data-reactid="177"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="178"><span data-reactid="179">Issues</span></a></div><div data-reactid="180"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="181"><span data-reactid="182">StackOverflow</span></a></div><div data-reactid="183"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="184"><span data-reactid="185">SegmentFault</span></a></div></li><li data-reactid="186"><h2 data-reactid="187"><!-- react-text: 188 -->Copyright © <!-- /react-text --><!-- react-text: 189 -->2017<!-- /react-text --></h2><div data-reactid="190"><span data-reactid="191">Created by AIUX</span></div><div data-reactid="192"><!-- react-text: 193 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="194">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="51"><a href="/docs/resource/download" data-reactid="52">Download</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/resource/reference" data-reactid="54">Reference</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="//github.com/ant-design/ant-design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="56"><!-- react-text: 57 -->GitHub<!-- /react-text --><!-- react-text: 58 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="59"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="60"><article class="markdown" data-reactid="61"><h1 data-reactid="62"><!-- react-text: 63 -->Download<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/resource/download.en-US.md" data-reactid="64"><i class="anticon anticon-edit" data-reactid="65"></i></a></h1><section class="markdown" data-reactid="66"><p data-reactid="67"><!-- react-text: 68 -->Please find below some of the design resources and tools about Ant Design that we consider valuable. More of this is still being collected.<!-- /react-text --></p><div class="resource-cards" data-reactid="69"><a target="_blank" href="http://library.ant.design" class="resource-card" data-reactid="70"><img src="https://zos.alipayobjects.com/rmsportal/qXrCHrsuyrINSeerFOerLcTTFZiEzHAJ.png" data-reactid="71"/><span class="resource-card-content" data-reactid="72"><span class="resource-card-title" data-reactid="73"><!-- react-text: 74 -->Ant Design Library v2.0.1<!-- /react-text --></span><span class="resource-card-description" data-reactid="75"><!-- react-text: 76 -->A powerful Axure library of Ant Design<!-- /react-text --></span></span></a><a target="_blank" href="https://github.com/ant-design/ant-design/releases/download/resource/Ant.Design.Template.sketch" class="resource-card" data-reactid="77"><img src="https://zos.alipayobjects.com/rmsportal/vfxJzCLqZxehgquvQNqX.png" data-reactid="78"/><span class="resource-card-content" data-reactid="79"><span class="resource-card-title" data-reactid="80"><!-- react-text: 81 -->Sketch Template<!-- /react-text --></span><span class="resource-card-description" data-reactid="82"><!-- react-text: 83 -->Make your design document like real<!-- /react-text --></span></span></a><a target="_blank" href="http://ux.ant.design" class="resource-card" data-reactid="84"><img src="https://os.alipayobjects.com/rmsportal/yfTqrQuSKcqBDLY.png" data-reactid="85"/><span class="resource-card-content" data-reactid="86"><span class="resource-card-title" data-reactid="87"><!-- react-text: 88 -->Ant UX<!-- /react-text --></span><span class="resource-card-description" data-reactid="89"><!-- react-text: 90 -->A series prototypes that help creating application structure and user flow<!-- /react-text --></span></span></a><a target="_blank" href="https://github.com/ant-design/ant-design/releases/download/resource/iconfont-2.8.x.zip" class="resource-card" data-reactid="91"><img src="https://os.alipayobjects.com/rmsportal/UEpOFKUQTZaUfnW.png" data-reactid="92"/><span class="resource-card-content" data-reactid="93"><span class="resource-card-title" data-reactid="94"><!-- react-text: 95 -->Web Font<!-- /react-text --></span><span class="resource-card-description" data-reactid="96"><!-- react-text: 97 -->Icon font package for your local reference<!-- /react-text --></span></span></a></div></section></article></div></div><div class="ant-row" data-reactid="98"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="99"><section class="prev-next-nav" data-reactid="100"><a class="next-page" href="/docs/resource/reference" data-reactid="101">Reference</a></section></div></div></div><footer id="footer" data-reactid="102"><ul data-reactid="103"><li data-reactid="104"><h2 data-reactid="105"><i class="anticon anticon-github" data-reactid="106"></i><!-- react-text: 107 --> GitHub<!-- /react-text --></h2><div data-reactid="108"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="109"><span data-reactid="110">Repository</span></a></div><div data-reactid="111"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="112"><span data-reactid="113">Customize Theme</span></a></div><div data-reactid="114"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="115"><span data-reactid="116">Awesome Ant Design</span></a></div></li><li data-reactid="117"><h2 data-reactid="118"><i class="anticon anticon-link" data-reactid="119"></i><!-- react-text: 120 --> <!-- /react-text --><span data-reactid="121">Links</span></h2><div data-reactid="122"><a href="https://design.alipay.com/" data-reactid="123"><span data-reactid="124">Ant Financial Design Platform</span></a></div><div data-reactid="125"><a href="http://mobile.ant.design" data-reactid="126">Ant Design Mobile</a><span data-reactid="127"> - </span><span data-reactid="128">Mobile UI</span></div><div data-reactid="129"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="130">dva</a><!-- react-text: 131 --> - <!-- /react-text --><span data-reactid="132">Framework</span></div><div data-reactid="133"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="134">dva-cli</a><!-- react-text: 135 --> -<!-- /react-text --><span data-reactid="136">Developer Tools</span></div><div data-reactid="137"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="138">Egg</a><span data-reactid="139"> - </span><span data-reactid="140">Enterprise Node Framework</span></div><div data-reactid="141"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="142">AntV</a><span data-reactid="143"> - </span><span data-reactid="144">Data Visualization</span></div><div data-reactid="145"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="146">Ant Motion</a><span data-reactid="147"> - </span><span data-reactid="148">Motion Soluction</span></div><div data-reactid="149"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="150">AntD Library</a><span data-reactid="151"> - </span><span data-reactid="152">Axure library</span></div><div data-reactid="153"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="154">Ant UX</a><span data-reactid="155"> - </span><span data-reactid="156">Sitemap Template</span></div></li><li data-reactid="157"><h2 data-reactid="158"><i class="anticon anticon-customer-service" data-reactid="159"></i><!-- react-text: 160 --> <!-- /react-text --><span data-reactid="161">Community</span></h2><div data-reactid="162"><a href="/changelog" data-reactid="163"><span data-reactid="164">Change Log</span></a></div><div data-reactid="165"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="166"><span data-reactid="167">FAQ</span></a></div><div data-reactid="168"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="169"><span data-reactid="170">Chat Room (中文)</span></a></div><div data-reactid="171"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="172"><span data-reactid="173">Chat Room (English)</span></a></div><div data-reactid="174"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="175"><span data-reactid="176">Bug Report</span></a></div><div data-reactid="177"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="178"><span data-reactid="179">Issues</span></a></div><div data-reactid="180"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="181"><span data-reactid="182">StackOverflow</span></a></div><div data-reactid="183"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="184"><span data-reactid="185">SegmentFault</span></a></div></li><li data-reactid="186"><h2 data-reactid="187"><!-- react-text: 188 -->Copyright © <!-- /react-text --><!-- react-text: 189 -->2017<!-- /react-text --></h2><div data-reactid="190"><span data-reactid="191">Created by AIUX</span></div><div data-reactid="192"><!-- react-text: 193 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="194">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/resource/github-cn.html b/docs/resource/github-cn.html
index 0e4a84a81..e3ba28975 100644
--- a/docs/resource/github-cn.html
+++ b/docs/resource/github-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1635502516"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-590596530"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/resource/download-cn" data-reactid="52">资源下载</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/resource/reference-cn" data-reactid="54">文献素材</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="55"><a href="//github.com/ant-design/ant-design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="56"><!-- react-text: 57 -->GitHub<!-- /react-text --><!-- react-text: 58 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="59"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="60"><article class="markdown" data-reactid="61"><h1 data-reactid="62"><!-- react-text: 63 -->GitHub<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/resource/github.md" data-reactid="64"><i class="anticon anticon-edit" data-reactid="65"></i></a></h1><section class="markdown" data-reactid="66"></section></article></div></div><div class="ant-row" data-reactid="67"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="68"><section class="prev-next-nav" data-reactid="69"><a class="prev-page" href="/docs/resource/reference-cn" data-reactid="70">文献素材</a></section></div></div></div><footer id="footer" data-reactid="71"><ul data-reactid="72"><li data-reactid="73"><h2 data-reactid="74"><i class="anticon anticon-github" data-reactid="75"></i><!-- react-text: 76 --> GitHub<!-- /react-text --></h2><div data-reactid="77"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="78"><span data-reactid="79">源码仓库</span></a></div><div data-reactid="80"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="81"><span data-reactid="82">定制主题</span></a></div><div data-reactid="83"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="84"><span data-reactid="85">Awesome Ant Design</span></a></div></li><li data-reactid="86"><h2 data-reactid="87"><i class="anticon anticon-link" data-reactid="88"></i><!-- react-text: 89 --> <!-- /react-text --><span data-reactid="90">相关站点</span></h2><div data-reactid="91"><a href="https://design.alipay.com/" data-reactid="92"><span data-reactid="93">蚂蚁金服设计平台</span></a></div><div data-reactid="94"><a href="http://mobile.ant.design" data-reactid="95">Ant Design Mobile</a><span data-reactid="96"> - </span><span data-reactid="97">移动版</span></div><div data-reactid="98"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="99">dva</a><!-- react-text: 100 --> - <!-- /react-text --><span data-reactid="101">应用框架</span></div><div data-reactid="102"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="103">dva-cli</a><!-- react-text: 104 --> -<!-- /react-text --><span data-reactid="105">开发工具</span></div><div data-reactid="106"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="107">Egg</a><span data-reactid="108"> - </span><span data-reactid="109">企业级 Node 开发框架</span></div><div data-reactid="110"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="111">AntV</a><span data-reactid="112"> - </span><span data-reactid="113">数据可视化</span></div><div data-reactid="114"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="115">Ant Motion</a><span data-reactid="116"> - </span><span data-reactid="117">设计动效</span></div><div data-reactid="118"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="119">AntD Library</a><span data-reactid="120"> - </span><span data-reactid="121">Axure 部件库</span></div><div data-reactid="122"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="123">Ant UX</a><span data-reactid="124"> - </span><span data-reactid="125">页面逻辑素材</span></div></li><li data-reactid="126"><h2 data-reactid="127"><i class="anticon anticon-customer-service" data-reactid="128"></i><!-- react-text: 129 --> <!-- /react-text --><span data-reactid="130">社区</span></h2><div data-reactid="131"><a href="/changelog" data-reactid="132"><span data-reactid="133">更新记录</span></a></div><div data-reactid="134"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="135"><span data-reactid="136">常见问题</span></a></div><div data-reactid="137"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="138"><span data-reactid="139">在线讨论 (中文)</span></a></div><div data-reactid="140"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="141"><span data-reactid="142">在线讨论 (English)</span></a></div><div data-reactid="143"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="144"><span data-reactid="145">报告 Bug</span></a></div><div data-reactid="146"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="147"><span data-reactid="148">讨论列表</span></a></div><div data-reactid="149"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="150"><span data-reactid="151">StackOverflow</span></a></div><div data-reactid="152"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="153"><span data-reactid="154">SegmentFault</span></a></div></li><li data-reactid="155"><h2 data-reactid="156"><!-- react-text: 157 -->Copyright © <!-- /react-text --><!-- react-text: 158 -->2017<!-- /react-text --></h2><div data-reactid="159"><span data-reactid="160">蚂蚁金服体验技术部出品</span></div><div data-reactid="161"><!-- react-text: 162 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="163">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/resource/download-cn" data-reactid="52">资源下载</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/resource/reference-cn" data-reactid="54">文献素材</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="55"><a href="//github.com/ant-design/ant-design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="56"><!-- react-text: 57 -->GitHub<!-- /react-text --><!-- react-text: 58 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="59"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="60"><article class="markdown" data-reactid="61"><h1 data-reactid="62"><!-- react-text: 63 -->GitHub<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/resource/github.md" data-reactid="64"><i class="anticon anticon-edit" data-reactid="65"></i></a></h1><section class="markdown" data-reactid="66"></section></article></div></div><div class="ant-row" data-reactid="67"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="68"><section class="prev-next-nav" data-reactid="69"><a class="prev-page" href="/docs/resource/reference-cn" data-reactid="70">文献素材</a></section></div></div></div><footer id="footer" data-reactid="71"><ul data-reactid="72"><li data-reactid="73"><h2 data-reactid="74"><i class="anticon anticon-github" data-reactid="75"></i><!-- react-text: 76 --> GitHub<!-- /react-text --></h2><div data-reactid="77"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="78"><span data-reactid="79">源码仓库</span></a></div><div data-reactid="80"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="81"><span data-reactid="82">定制主题</span></a></div><div data-reactid="83"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="84"><span data-reactid="85">Awesome Ant Design</span></a></div></li><li data-reactid="86"><h2 data-reactid="87"><i class="anticon anticon-link" data-reactid="88"></i><!-- react-text: 89 --> <!-- /react-text --><span data-reactid="90">相关站点</span></h2><div data-reactid="91"><a href="https://design.alipay.com/" data-reactid="92"><span data-reactid="93">蚂蚁金服设计平台</span></a></div><div data-reactid="94"><a href="http://mobile.ant.design" data-reactid="95">Ant Design Mobile</a><span data-reactid="96"> - </span><span data-reactid="97">移动版</span></div><div data-reactid="98"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="99">dva</a><!-- react-text: 100 --> - <!-- /react-text --><span data-reactid="101">应用框架</span></div><div data-reactid="102"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="103">dva-cli</a><!-- react-text: 104 --> -<!-- /react-text --><span data-reactid="105">开发工具</span></div><div data-reactid="106"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="107">Egg</a><span data-reactid="108"> - </span><span data-reactid="109">企业级 Node 开发框架</span></div><div data-reactid="110"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="111">AntV</a><span data-reactid="112"> - </span><span data-reactid="113">数据可视化</span></div><div data-reactid="114"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="115">Ant Motion</a><span data-reactid="116"> - </span><span data-reactid="117">设计动效</span></div><div data-reactid="118"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="119">AntD Library</a><span data-reactid="120"> - </span><span data-reactid="121">Axure 部件库</span></div><div data-reactid="122"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="123">Ant UX</a><span data-reactid="124"> - </span><span data-reactid="125">页面逻辑素材</span></div></li><li data-reactid="126"><h2 data-reactid="127"><i class="anticon anticon-customer-service" data-reactid="128"></i><!-- react-text: 129 --> <!-- /react-text --><span data-reactid="130">社区</span></h2><div data-reactid="131"><a href="/changelog" data-reactid="132"><span data-reactid="133">更新记录</span></a></div><div data-reactid="134"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="135"><span data-reactid="136">常见问题</span></a></div><div data-reactid="137"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="138"><span data-reactid="139">在线讨论 (中文)</span></a></div><div data-reactid="140"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="141"><span data-reactid="142">在线讨论 (English)</span></a></div><div data-reactid="143"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="144"><span data-reactid="145">报告 Bug</span></a></div><div data-reactid="146"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="147"><span data-reactid="148">讨论列表</span></a></div><div data-reactid="149"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="150"><span data-reactid="151">StackOverflow</span></a></div><div data-reactid="152"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="153"><span data-reactid="154">SegmentFault</span></a></div></li><li data-reactid="155"><h2 data-reactid="156"><!-- react-text: 157 -->Copyright © <!-- /react-text --><!-- react-text: 158 -->2017<!-- /react-text --></h2><div data-reactid="159"><span data-reactid="160">蚂蚁金服体验技术部出品</span></div><div data-reactid="161"><!-- react-text: 162 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="163">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/resource/github.html b/docs/resource/github.html
index 1ee28b4ca..b737c6ee1 100644
--- a/docs/resource/github.html
+++ b/docs/resource/github.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-377753274"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="688976200"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/resource/download" data-reactid="52">Download</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/resource/reference" data-reactid="54">Reference</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="55"><a href="//github.com/ant-design/ant-design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="56"><!-- react-text: 57 -->GitHub<!-- /react-text --><!-- react-text: 58 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="59"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="60"><article class="markdown" data-reactid="61"><h1 data-reactid="62"><!-- react-text: 63 -->GitHub<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/resource/github.md" data-reactid="64"><i class="anticon anticon-edit" data-reactid="65"></i></a></h1><section class="markdown" data-reactid="66"></section></article></div></div><div class="ant-row" data-reactid="67"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="68"><section class="prev-next-nav" data-reactid="69"><a class="prev-page" href="/docs/resource/reference" data-reactid="70">Reference</a></section></div></div></div><footer id="footer" data-reactid="71"><ul data-reactid="72"><li data-reactid="73"><h2 data-reactid="74"><i class="anticon anticon-github" data-reactid="75"></i><!-- react-text: 76 --> GitHub<!-- /react-text --></h2><div data-reactid="77"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="78"><span data-reactid="79">Repository</span></a></div><div data-reactid="80"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="81"><span data-reactid="82">Customize Theme</span></a></div><div data-reactid="83"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="84"><span data-reactid="85">Awesome Ant Design</span></a></div></li><li data-reactid="86"><h2 data-reactid="87"><i class="anticon anticon-link" data-reactid="88"></i><!-- react-text: 89 --> <!-- /react-text --><span data-reactid="90">Links</span></h2><div data-reactid="91"><a href="https://design.alipay.com/" data-reactid="92"><span data-reactid="93">Ant Financial Design Platform</span></a></div><div data-reactid="94"><a href="http://mobile.ant.design" data-reactid="95">Ant Design Mobile</a><span data-reactid="96"> - </span><span data-reactid="97">Mobile UI</span></div><div data-reactid="98"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="99">dva</a><!-- react-text: 100 --> - <!-- /react-text --><span data-reactid="101">Framework</span></div><div data-reactid="102"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="103">dva-cli</a><!-- react-text: 104 --> -<!-- /react-text --><span data-reactid="105">Developer Tools</span></div><div data-reactid="106"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="107">Egg</a><span data-reactid="108"> - </span><span data-reactid="109">Enterprise Node Framework</span></div><div data-reactid="110"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="111">AntV</a><span data-reactid="112"> - </span><span data-reactid="113">Data Visualization</span></div><div data-reactid="114"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="115">Ant Motion</a><span data-reactid="116"> - </span><span data-reactid="117">Motion Soluction</span></div><div data-reactid="118"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="119">AntD Library</a><span data-reactid="120"> - </span><span data-reactid="121">Axure library</span></div><div data-reactid="122"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="123">Ant UX</a><span data-reactid="124"> - </span><span data-reactid="125">Sitemap Template</span></div></li><li data-reactid="126"><h2 data-reactid="127"><i class="anticon anticon-customer-service" data-reactid="128"></i><!-- react-text: 129 --> <!-- /react-text --><span data-reactid="130">Community</span></h2><div data-reactid="131"><a href="/changelog" data-reactid="132"><span data-reactid="133">Change Log</span></a></div><div data-reactid="134"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="135"><span data-reactid="136">FAQ</span></a></div><div data-reactid="137"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="138"><span data-reactid="139">Chat Room (中文)</span></a></div><div data-reactid="140"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="141"><span data-reactid="142">Chat Room (English)</span></a></div><div data-reactid="143"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="144"><span data-reactid="145">Bug Report</span></a></div><div data-reactid="146"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="147"><span data-reactid="148">Issues</span></a></div><div data-reactid="149"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="150"><span data-reactid="151">StackOverflow</span></a></div><div data-reactid="152"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="153"><span data-reactid="154">SegmentFault</span></a></div></li><li data-reactid="155"><h2 data-reactid="156"><!-- react-text: 157 -->Copyright © <!-- /react-text --><!-- react-text: 158 -->2017<!-- /react-text --></h2><div data-reactid="159"><span data-reactid="160">Created by AIUX</span></div><div data-reactid="161"><!-- react-text: 162 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="163">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/resource/download" data-reactid="52">Download</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/resource/reference" data-reactid="54">Reference</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="55"><a href="//github.com/ant-design/ant-design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="56"><!-- react-text: 57 -->GitHub<!-- /react-text --><!-- react-text: 58 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="59"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="60"><article class="markdown" data-reactid="61"><h1 data-reactid="62"><!-- react-text: 63 -->GitHub<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/resource/github.md" data-reactid="64"><i class="anticon anticon-edit" data-reactid="65"></i></a></h1><section class="markdown" data-reactid="66"></section></article></div></div><div class="ant-row" data-reactid="67"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="68"><section class="prev-next-nav" data-reactid="69"><a class="prev-page" href="/docs/resource/reference" data-reactid="70">Reference</a></section></div></div></div><footer id="footer" data-reactid="71"><ul data-reactid="72"><li data-reactid="73"><h2 data-reactid="74"><i class="anticon anticon-github" data-reactid="75"></i><!-- react-text: 76 --> GitHub<!-- /react-text --></h2><div data-reactid="77"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="78"><span data-reactid="79">Repository</span></a></div><div data-reactid="80"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="81"><span data-reactid="82">Customize Theme</span></a></div><div data-reactid="83"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="84"><span data-reactid="85">Awesome Ant Design</span></a></div></li><li data-reactid="86"><h2 data-reactid="87"><i class="anticon anticon-link" data-reactid="88"></i><!-- react-text: 89 --> <!-- /react-text --><span data-reactid="90">Links</span></h2><div data-reactid="91"><a href="https://design.alipay.com/" data-reactid="92"><span data-reactid="93">Ant Financial Design Platform</span></a></div><div data-reactid="94"><a href="http://mobile.ant.design" data-reactid="95">Ant Design Mobile</a><span data-reactid="96"> - </span><span data-reactid="97">Mobile UI</span></div><div data-reactid="98"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="99">dva</a><!-- react-text: 100 --> - <!-- /react-text --><span data-reactid="101">Framework</span></div><div data-reactid="102"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="103">dva-cli</a><!-- react-text: 104 --> -<!-- /react-text --><span data-reactid="105">Developer Tools</span></div><div data-reactid="106"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="107">Egg</a><span data-reactid="108"> - </span><span data-reactid="109">Enterprise Node Framework</span></div><div data-reactid="110"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="111">AntV</a><span data-reactid="112"> - </span><span data-reactid="113">Data Visualization</span></div><div data-reactid="114"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="115">Ant Motion</a><span data-reactid="116"> - </span><span data-reactid="117">Motion Soluction</span></div><div data-reactid="118"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="119">AntD Library</a><span data-reactid="120"> - </span><span data-reactid="121">Axure library</span></div><div data-reactid="122"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="123">Ant UX</a><span data-reactid="124"> - </span><span data-reactid="125">Sitemap Template</span></div></li><li data-reactid="126"><h2 data-reactid="127"><i class="anticon anticon-customer-service" data-reactid="128"></i><!-- react-text: 129 --> <!-- /react-text --><span data-reactid="130">Community</span></h2><div data-reactid="131"><a href="/changelog" data-reactid="132"><span data-reactid="133">Change Log</span></a></div><div data-reactid="134"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="135"><span data-reactid="136">FAQ</span></a></div><div data-reactid="137"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="138"><span data-reactid="139">Chat Room (中文)</span></a></div><div data-reactid="140"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="141"><span data-reactid="142">Chat Room (English)</span></a></div><div data-reactid="143"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="144"><span data-reactid="145">Bug Report</span></a></div><div data-reactid="146"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="147"><span data-reactid="148">Issues</span></a></div><div data-reactid="149"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="150"><span data-reactid="151">StackOverflow</span></a></div><div data-reactid="152"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="153"><span data-reactid="154">SegmentFault</span></a></div></li><li data-reactid="155"><h2 data-reactid="156"><!-- react-text: 157 -->Copyright © <!-- /react-text --><!-- react-text: 158 -->2017<!-- /react-text --></h2><div data-reactid="159"><span data-reactid="160">Created by AIUX</span></div><div data-reactid="161"><!-- react-text: 162 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="163">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/resource/reference-cn.html b/docs/resource/reference-cn.html
index eec442f47..e19e8fd75 100644
--- a/docs/resource/reference-cn.html
+++ b/docs/resource/reference-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="64136076"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1756668814"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/resource/download-cn" data-reactid="52">资源下载</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="53"><a href="/docs/resource/reference-cn" data-reactid="54">文献素材</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="//github.com/ant-design/ant-design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="56"><!-- react-text: 57 -->GitHub<!-- /react-text --><!-- react-text: 58 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="59"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="60"><article class="markdown" data-reactid="61"><h1 data-reactid="62"><!-- react-text: 63 -->文献素材<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/resource/reference.zh-CN.md" data-reactid="64"><i class="anticon anticon-edit" data-reactid="65"></i></a></h1><section class="markdown" data-reactid="66"><p data-reactid="67"><!-- react-text: 68 -->在进行模式、组件和语言的整理中，《About Face 4》、《Web 界面设计》、《界面设计模式》、《写给大家看的设计书》、《设计心理学》、《Web 表单设计：点石成金的艺术》等书籍给了我们很多的启示，帮助我们节约了大量时间，并成功克服了很多困难。如果想了解更多设计相关的内容，建议你去阅读这些非常棒的书籍。<!-- /react-text --></p><div class="resource-cards" data-reactid="69"><a target="_blank" href="http://book.douban.com/subject/26642302/" class="resource-card" data-reactid="70"><img src="https://os.alipayobjects.com/rmsportal/PeeRQQIGQJCswxe.png" data-reactid="71"/><span class="resource-card-content" data-reactid="72"><span class="resource-card-title" data-reactid="73"><!-- react-text: 74 -->About Face 4<!-- /react-text --></span><span class="resource-card-description" data-reactid="75"><!-- react-text: 76 -->作者: Alan.cooper<!-- /react-text --></span><span class="resource-card-description" data-reactid="77"><!-- react-text: 78 -->出版社: 电子工业出版社<!-- /react-text --></span></span></a><a target="_blank" href="http://book.douban.com/subject/3821157/" class="resource-card" data-reactid="79"><img src="https://os.alipayobjects.com/rmsportal/CoojVXLtoWrUSmI.png" data-reactid="80"/><span class="resource-card-content" data-reactid="81"><span class="resource-card-title" data-reactid="82"><!-- react-text: 83 -->Web 界面设计<!-- /react-text --></span><span class="resource-card-description" data-reactid="84"><!-- react-text: 85 -->作者: Bill Scott / Theresa Neil<!-- /react-text --></span><span class="resource-card-description" data-reactid="86"><!-- react-text: 87 -->出版社: 电子工业出版社<!-- /react-text --></span></span></a><a target="_blank" href="http://book.douban.com/subject/25716088/" class="resource-card" data-reactid="88"><img src="https://os.alipayobjects.com/rmsportal/oRxdwgZMwfEFeJa.png" data-reactid="89"/><span class="resource-card-content" data-reactid="90"><span class="resource-card-title" data-reactid="91"><!-- react-text: 92 -->界面设计模式<!-- /react-text --></span><span class="resource-card-description" data-reactid="93"><!-- react-text: 94 -->作者: Tidwell,J.<!-- /react-text --></span><span class="resource-card-description" data-reactid="95"><!-- react-text: 96 -->出版社: 电子工业出版社<!-- /react-text --></span></span></a><a target="_blank" href="http://book.douban.com/subject/3323633/" class="resource-card" data-reactid="97"><img src="https://os.alipayobjects.com/rmsportal/SNdJVyZaZwdwJmr.png" data-reactid="98"/><span class="resource-card-content" data-reactid="99"><span class="resource-card-title" data-reactid="100"><!-- react-text: 101 -->写给大家看的设计书<!-- /react-text --></span><span class="resource-card-description" data-reactid="102"><!-- react-text: 103 -->作者: Robin Williams<!-- /react-text --></span><span class="resource-card-description" data-reactid="104"><!-- react-text: 105 -->出版社: 人民邮电出版社<!-- /react-text --></span></span></a><a target="_blank" href="http://book.douban.com/subject/26102860/" class="resource-card" data-reactid="106"><img src="https://os.alipayobjects.com/rmsportal/txGrSvGFMTTrwjY.png" data-reactid="107"/><span class="resource-card-content" data-reactid="108"><span class="resource-card-title" data-reactid="109"><!-- react-text: 110 -->设计心理学 1<!-- /react-text --></span><span class="resource-card-description" data-reactid="111"><!-- react-text: 112 -->作者: 唐纳德•A•诺曼<!-- /react-text --></span><span class="resource-card-description" data-reactid="113"><!-- react-text: 114 -->出版社: 中信出版社<!-- /react-text --></span></span></a><a target="_blank" href="http://book.douban.com/subject/26424688/" class="resource-card" data-reactid="115"><img src="https://os.alipayobjects.com/rmsportal/cZQyAARFxzaKEOG.png" data-reactid="116"/><span class="resource-card-content" data-reactid="117"><span class="resource-card-title" data-reactid="118"><!-- react-text: 119 -->设计心理学 3<!-- /react-text --></span><span class="resource-card-description" data-reactid="120"><!-- react-text: 121 -->作者: 唐纳德•A•诺曼<!-- /react-text --></span><span class="resource-card-description" data-reactid="122"><!-- react-text: 123 -->出版社: 中信出版社<!-- /react-text --></span></span></a><a target="_blank" href="http://book.douban.com/subject/4886100/" class="resource-card" data-reactid="124"><img src="https://os.alipayobjects.com/rmsportal/moeFnnuXrputdag.png" data-reactid="125"/><span class="resource-card-content" data-reactid="126"><span class="resource-card-title" data-reactid="127"><!-- react-text: 128 -->Web 表单设计：点石成金的艺术<!-- /react-text --></span><span class="resource-card-description" data-reactid="129"><!-- react-text: 130 -->作者: Luke Wroblewski<!-- /react-text --></span><span class="resource-card-description" data-reactid="131"><!-- react-text: 132 -->出版社: 清华大学出版社<!-- /react-text --></span></span></a></div></section></article></div></div><div class="ant-row" data-reactid="133"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="134"><section class="prev-next-nav" data-reactid="135"><a class="prev-page" href="/docs/resource/download-cn" data-reactid="136">资源下载</a><a href="//github.com/ant-design/ant-design" target="_blank" rel="noopener noreferrer" class="next-page" data-reactid="137"><!-- react-text: 138 -->GitHub<!-- /react-text --><!-- react-text: 139 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="140"></i></a></section></div></div></div><footer id="footer" data-reactid="141"><ul data-reactid="142"><li data-reactid="143"><h2 data-reactid="144"><i class="anticon anticon-github" data-reactid="145"></i><!-- react-text: 146 --> GitHub<!-- /react-text --></h2><div data-reactid="147"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="148"><span data-reactid="149">源码仓库</span></a></div><div data-reactid="150"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="151"><span data-reactid="152">定制主题</span></a></div><div data-reactid="153"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="154"><span data-reactid="155">Awesome Ant Design</span></a></div></li><li data-reactid="156"><h2 data-reactid="157"><i class="anticon anticon-link" data-reactid="158"></i><!-- react-text: 159 --> <!-- /react-text --><span data-reactid="160">相关站点</span></h2><div data-reactid="161"><a href="https://design.alipay.com/" data-reactid="162"><span data-reactid="163">蚂蚁金服设计平台</span></a></div><div data-reactid="164"><a href="http://mobile.ant.design" data-reactid="165">Ant Design Mobile</a><span data-reactid="166"> - </span><span data-reactid="167">移动版</span></div><div data-reactid="168"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="169">dva</a><!-- react-text: 170 --> - <!-- /react-text --><span data-reactid="171">应用框架</span></div><div data-reactid="172"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="173">dva-cli</a><!-- react-text: 174 --> -<!-- /react-text --><span data-reactid="175">开发工具</span></div><div data-reactid="176"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="177">Egg</a><span data-reactid="178"> - </span><span data-reactid="179">企业级 Node 开发框架</span></div><div data-reactid="180"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="181">AntV</a><span data-reactid="182"> - </span><span data-reactid="183">数据可视化</span></div><div data-reactid="184"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="185">Ant Motion</a><span data-reactid="186"> - </span><span data-reactid="187">设计动效</span></div><div data-reactid="188"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="189">AntD Library</a><span data-reactid="190"> - </span><span data-reactid="191">Axure 部件库</span></div><div data-reactid="192"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="193">Ant UX</a><span data-reactid="194"> - </span><span data-reactid="195">页面逻辑素材</span></div></li><li data-reactid="196"><h2 data-reactid="197"><i class="anticon anticon-customer-service" data-reactid="198"></i><!-- react-text: 199 --> <!-- /react-text --><span data-reactid="200">社区</span></h2><div data-reactid="201"><a href="/changelog" data-reactid="202"><span data-reactid="203">更新记录</span></a></div><div data-reactid="204"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="205"><span data-reactid="206">常见问题</span></a></div><div data-reactid="207"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="208"><span data-reactid="209">在线讨论 (中文)</span></a></div><div data-reactid="210"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="211"><span data-reactid="212">在线讨论 (English)</span></a></div><div data-reactid="213"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="214"><span data-reactid="215">报告 Bug</span></a></div><div data-reactid="216"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="217"><span data-reactid="218">讨论列表</span></a></div><div data-reactid="219"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="220"><span data-reactid="221">StackOverflow</span></a></div><div data-reactid="222"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="223"><span data-reactid="224">SegmentFault</span></a></div></li><li data-reactid="225"><h2 data-reactid="226"><!-- react-text: 227 -->Copyright © <!-- /react-text --><!-- react-text: 228 -->2017<!-- /react-text --></h2><div data-reactid="229"><span data-reactid="230">蚂蚁金服体验技术部出品</span></div><div data-reactid="231"><!-- react-text: 232 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="233">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/resource/download-cn" data-reactid="52">资源下载</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="53"><a href="/docs/resource/reference-cn" data-reactid="54">文献素材</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="//github.com/ant-design/ant-design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="56"><!-- react-text: 57 -->GitHub<!-- /react-text --><!-- react-text: 58 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="59"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="60"><article class="markdown" data-reactid="61"><h1 data-reactid="62"><!-- react-text: 63 -->文献素材<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/resource/reference.zh-CN.md" data-reactid="64"><i class="anticon anticon-edit" data-reactid="65"></i></a></h1><section class="markdown" data-reactid="66"><p data-reactid="67"><!-- react-text: 68 -->在进行模式、组件和语言的整理中，《About Face 4》、《Web 界面设计》、《界面设计模式》、《写给大家看的设计书》、《设计心理学》、《Web 表单设计：点石成金的艺术》等书籍给了我们很多的启示，帮助我们节约了大量时间，并成功克服了很多困难。如果想了解更多设计相关的内容，建议你去阅读这些非常棒的书籍。<!-- /react-text --></p><div class="resource-cards" data-reactid="69"><a target="_blank" href="http://book.douban.com/subject/26642302/" class="resource-card" data-reactid="70"><img src="https://os.alipayobjects.com/rmsportal/PeeRQQIGQJCswxe.png" data-reactid="71"/><span class="resource-card-content" data-reactid="72"><span class="resource-card-title" data-reactid="73"><!-- react-text: 74 -->About Face 4<!-- /react-text --></span><span class="resource-card-description" data-reactid="75"><!-- react-text: 76 -->作者: Alan.cooper<!-- /react-text --></span><span class="resource-card-description" data-reactid="77"><!-- react-text: 78 -->出版社: 电子工业出版社<!-- /react-text --></span></span></a><a target="_blank" href="http://book.douban.com/subject/3821157/" class="resource-card" data-reactid="79"><img src="https://os.alipayobjects.com/rmsportal/CoojVXLtoWrUSmI.png" data-reactid="80"/><span class="resource-card-content" data-reactid="81"><span class="resource-card-title" data-reactid="82"><!-- react-text: 83 -->Web 界面设计<!-- /react-text --></span><span class="resource-card-description" data-reactid="84"><!-- react-text: 85 -->作者: Bill Scott / Theresa Neil<!-- /react-text --></span><span class="resource-card-description" data-reactid="86"><!-- react-text: 87 -->出版社: 电子工业出版社<!-- /react-text --></span></span></a><a target="_blank" href="http://book.douban.com/subject/25716088/" class="resource-card" data-reactid="88"><img src="https://os.alipayobjects.com/rmsportal/oRxdwgZMwfEFeJa.png" data-reactid="89"/><span class="resource-card-content" data-reactid="90"><span class="resource-card-title" data-reactid="91"><!-- react-text: 92 -->界面设计模式<!-- /react-text --></span><span class="resource-card-description" data-reactid="93"><!-- react-text: 94 -->作者: Tidwell,J.<!-- /react-text --></span><span class="resource-card-description" data-reactid="95"><!-- react-text: 96 -->出版社: 电子工业出版社<!-- /react-text --></span></span></a><a target="_blank" href="http://book.douban.com/subject/3323633/" class="resource-card" data-reactid="97"><img src="https://os.alipayobjects.com/rmsportal/SNdJVyZaZwdwJmr.png" data-reactid="98"/><span class="resource-card-content" data-reactid="99"><span class="resource-card-title" data-reactid="100"><!-- react-text: 101 -->写给大家看的设计书<!-- /react-text --></span><span class="resource-card-description" data-reactid="102"><!-- react-text: 103 -->作者: Robin Williams<!-- /react-text --></span><span class="resource-card-description" data-reactid="104"><!-- react-text: 105 -->出版社: 人民邮电出版社<!-- /react-text --></span></span></a><a target="_blank" href="http://book.douban.com/subject/26102860/" class="resource-card" data-reactid="106"><img src="https://os.alipayobjects.com/rmsportal/txGrSvGFMTTrwjY.png" data-reactid="107"/><span class="resource-card-content" data-reactid="108"><span class="resource-card-title" data-reactid="109"><!-- react-text: 110 -->设计心理学 1<!-- /react-text --></span><span class="resource-card-description" data-reactid="111"><!-- react-text: 112 -->作者: 唐纳德•A•诺曼<!-- /react-text --></span><span class="resource-card-description" data-reactid="113"><!-- react-text: 114 -->出版社: 中信出版社<!-- /react-text --></span></span></a><a target="_blank" href="http://book.douban.com/subject/26424688/" class="resource-card" data-reactid="115"><img src="https://os.alipayobjects.com/rmsportal/cZQyAARFxzaKEOG.png" data-reactid="116"/><span class="resource-card-content" data-reactid="117"><span class="resource-card-title" data-reactid="118"><!-- react-text: 119 -->设计心理学 3<!-- /react-text --></span><span class="resource-card-description" data-reactid="120"><!-- react-text: 121 -->作者: 唐纳德•A•诺曼<!-- /react-text --></span><span class="resource-card-description" data-reactid="122"><!-- react-text: 123 -->出版社: 中信出版社<!-- /react-text --></span></span></a><a target="_blank" href="http://book.douban.com/subject/4886100/" class="resource-card" data-reactid="124"><img src="https://os.alipayobjects.com/rmsportal/moeFnnuXrputdag.png" data-reactid="125"/><span class="resource-card-content" data-reactid="126"><span class="resource-card-title" data-reactid="127"><!-- react-text: 128 -->Web 表单设计：点石成金的艺术<!-- /react-text --></span><span class="resource-card-description" data-reactid="129"><!-- react-text: 130 -->作者: Luke Wroblewski<!-- /react-text --></span><span class="resource-card-description" data-reactid="131"><!-- react-text: 132 -->出版社: 清华大学出版社<!-- /react-text --></span></span></a></div></section></article></div></div><div class="ant-row" data-reactid="133"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="134"><section class="prev-next-nav" data-reactid="135"><a class="prev-page" href="/docs/resource/download-cn" data-reactid="136">资源下载</a><a href="//github.com/ant-design/ant-design" target="_blank" rel="noopener noreferrer" class="next-page" data-reactid="137"><!-- react-text: 138 -->GitHub<!-- /react-text --><!-- react-text: 139 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="140"></i></a></section></div></div></div><footer id="footer" data-reactid="141"><ul data-reactid="142"><li data-reactid="143"><h2 data-reactid="144"><i class="anticon anticon-github" data-reactid="145"></i><!-- react-text: 146 --> GitHub<!-- /react-text --></h2><div data-reactid="147"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="148"><span data-reactid="149">源码仓库</span></a></div><div data-reactid="150"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="151"><span data-reactid="152">定制主题</span></a></div><div data-reactid="153"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="154"><span data-reactid="155">Awesome Ant Design</span></a></div></li><li data-reactid="156"><h2 data-reactid="157"><i class="anticon anticon-link" data-reactid="158"></i><!-- react-text: 159 --> <!-- /react-text --><span data-reactid="160">相关站点</span></h2><div data-reactid="161"><a href="https://design.alipay.com/" data-reactid="162"><span data-reactid="163">蚂蚁金服设计平台</span></a></div><div data-reactid="164"><a href="http://mobile.ant.design" data-reactid="165">Ant Design Mobile</a><span data-reactid="166"> - </span><span data-reactid="167">移动版</span></div><div data-reactid="168"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="169">dva</a><!-- react-text: 170 --> - <!-- /react-text --><span data-reactid="171">应用框架</span></div><div data-reactid="172"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="173">dva-cli</a><!-- react-text: 174 --> -<!-- /react-text --><span data-reactid="175">开发工具</span></div><div data-reactid="176"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="177">Egg</a><span data-reactid="178"> - </span><span data-reactid="179">企业级 Node 开发框架</span></div><div data-reactid="180"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="181">AntV</a><span data-reactid="182"> - </span><span data-reactid="183">数据可视化</span></div><div data-reactid="184"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="185">Ant Motion</a><span data-reactid="186"> - </span><span data-reactid="187">设计动效</span></div><div data-reactid="188"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="189">AntD Library</a><span data-reactid="190"> - </span><span data-reactid="191">Axure 部件库</span></div><div data-reactid="192"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="193">Ant UX</a><span data-reactid="194"> - </span><span data-reactid="195">页面逻辑素材</span></div></li><li data-reactid="196"><h2 data-reactid="197"><i class="anticon anticon-customer-service" data-reactid="198"></i><!-- react-text: 199 --> <!-- /react-text --><span data-reactid="200">社区</span></h2><div data-reactid="201"><a href="/changelog" data-reactid="202"><span data-reactid="203">更新记录</span></a></div><div data-reactid="204"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="205"><span data-reactid="206">常见问题</span></a></div><div data-reactid="207"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="208"><span data-reactid="209">在线讨论 (中文)</span></a></div><div data-reactid="210"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="211"><span data-reactid="212">在线讨论 (English)</span></a></div><div data-reactid="213"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="214"><span data-reactid="215">报告 Bug</span></a></div><div data-reactid="216"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="217"><span data-reactid="218">讨论列表</span></a></div><div data-reactid="219"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="220"><span data-reactid="221">StackOverflow</span></a></div><div data-reactid="222"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="223"><span data-reactid="224">SegmentFault</span></a></div></li><li data-reactid="225"><h2 data-reactid="226"><!-- react-text: 227 -->Copyright © <!-- /react-text --><!-- react-text: 228 -->2017<!-- /react-text --></h2><div data-reactid="229"><span data-reactid="230">蚂蚁金服体验技术部出品</span></div><div data-reactid="231"><!-- react-text: 232 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="233">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/resource/reference.html b/docs/resource/reference.html
index 3ef2ddcee..65bafb831 100644
--- a/docs/resource/reference.html
+++ b/docs/resource/reference.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1102981477"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1394857625"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/resource/download" data-reactid="52">Download</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="53"><a href="/docs/resource/reference" data-reactid="54">Reference</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="//github.com/ant-design/ant-design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="56"><!-- react-text: 57 -->GitHub<!-- /react-text --><!-- react-text: 58 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="59"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="60"><article class="markdown" data-reactid="61"><h1 data-reactid="62"><!-- react-text: 63 -->Reference<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/resource/reference.en-US.md" data-reactid="64"><i class="anticon anticon-edit" data-reactid="65"></i></a></h1><section class="markdown" data-reactid="66"><p data-reactid="67"><!-- react-text: 68 -->Please find below the books that inspired us, saved our time and helped us to overcome difficulties when designing components and patterns. If you want to know more about UI design, we recommend you these awesome books.<!-- /react-text --></p><div class="resource-cards" data-reactid="69"><a target="_blank" href="http://as.wiley.com/WileyCDA/WileyTitle/productCd-1118766571.html" class="resource-card" data-reactid="70"><img src="http://media.wiley.com/product_data/coverImage300/71/11187665/1118766571.jpg" data-reactid="71"/><span class="resource-card-content" data-reactid="72"><span class="resource-card-title" data-reactid="73"><!-- react-text: 74 -->About Face<!-- /react-text --></span><span class="resource-card-description" data-reactid="75"><!-- react-text: 76 -->Author: Alan Cooper, Robert Reimann, David Cronin, Christopher Noessel<!-- /react-text --></span><span class="resource-card-description" data-reactid="77"><!-- react-text: 78 -->Publisher: Wiley<!-- /react-text --></span></span></a><a target="_blank" href="http://shop.oreilly.com/product/9780596516253.do" class="resource-card" data-reactid="79"><img src="http://akamaicovers.oreilly.com/images/9780596516253/cat.gif" data-reactid="80"/><span class="resource-card-content" data-reactid="81"><span class="resource-card-title" data-reactid="82"><!-- react-text: 83 -->Designing Web Interfaces<!-- /react-text --></span><span class="resource-card-description" data-reactid="84"><!-- react-text: 85 -->Author: Bill Scott, Theresa Neil<!-- /react-text --></span><span class="resource-card-description" data-reactid="86"><!-- react-text: 87 -->Publisher: O&#x27;Reilly Media<!-- /react-text --></span></span></a><a target="_blank" href="http://shop.oreilly.com/product/0636920000556.do" class="resource-card" data-reactid="88"><img src="http://akamaicovers.oreilly.com/images/0636920000556/cat.gif" data-reactid="89"/><span class="resource-card-content" data-reactid="90"><span class="resource-card-title" data-reactid="91"><!-- react-text: 92 -->Designing Interfaces<!-- /react-text --></span><span class="resource-card-description" data-reactid="93"><!-- react-text: 94 -->Author: Jenifer Tidwell<!-- /react-text --></span><span class="resource-card-description" data-reactid="95"><!-- react-text: 96 -->Publisher: O&#x27;Reilly Media<!-- /react-text --></span></span></a><a target="_blank" href="http://www.peachpit.com/store/non-designers-design-book-9780133966152" class="resource-card" data-reactid="97"><img src="http://www.peachpit.com/ShowCover.aspx?isbn=9780133966152&amp;type=f" data-reactid="98"/><span class="resource-card-content" data-reactid="99"><span class="resource-card-title" data-reactid="100"><!-- react-text: 101 -->Non-Designer&#x27;s Design Book<!-- /react-text --></span><span class="resource-card-description" data-reactid="102"><!-- react-text: 103 -->Author: Robin Williams<!-- /react-text --></span><span class="resource-card-description" data-reactid="104"><!-- react-text: 105 -->Publisher: Peachpit Press<!-- /react-text --></span></span></a><a target="_blank" href="http://www.jnd.org/books/design-of-everyday-things-revised.html" class="resource-card" data-reactid="106"><img src="http://www.jnd.org/assets/images/the-design-of-everyday-things2.jpg" data-reactid="107"/><span class="resource-card-content" data-reactid="108"><span class="resource-card-title" data-reactid="109"><!-- react-text: 110 -->The Design of Everyday Things<!-- /react-text --></span><span class="resource-card-description" data-reactid="111"><!-- react-text: 112 -->Author: Don Norman<!-- /react-text --></span><span class="resource-card-description" data-reactid="113"><!-- react-text: 114 -->Publisher: Basic Books, A Member of the Perseus Books Group<!-- /react-text --></span></span></a><a target="_blank" href="https://www.amazon.com/Emotional-Design-Love-Everyday-Things/dp/0465051367" class="resource-card" data-reactid="115"><img src="https://images-na.ssl-images-amazon.com/images/I/41tEBlukEtL._SX328_BO1,204,203,200_.jpg" data-reactid="116"/><span class="resource-card-content" data-reactid="117"><span class="resource-card-title" data-reactid="118"><!-- react-text: 119 -->Emotional Design<!-- /react-text --></span><span class="resource-card-description" data-reactid="120"><!-- react-text: 121 -->Author: Don Norman<!-- /react-text --></span><span class="resource-card-description" data-reactid="122"><!-- react-text: 123 -->Publisher: Basic Books, A Member of the Perseus Books Group<!-- /react-text --></span></span></a><a target="_blank" href="http://rosenfeldmedia.com/books/web-form-design/" class="resource-card" data-reactid="124"><img src="http://rosenfeldmedia.com/wp-content/uploads/2014/11/2456180445_932e3749f4_o-640x960.jpg" data-reactid="125"/><span class="resource-card-content" data-reactid="126"><span class="resource-card-title" data-reactid="127"><!-- react-text: 128 -->Web Form Design<!-- /react-text --></span><span class="resource-card-description" data-reactid="129"><!-- react-text: 130 -->Author: Luke Wroblewski<!-- /react-text --></span><span class="resource-card-description" data-reactid="131"><!-- react-text: 132 -->Publisher: Rosenfeld Media<!-- /react-text --></span></span></a></div></section></article></div></div><div class="ant-row" data-reactid="133"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="134"><section class="prev-next-nav" data-reactid="135"><a class="prev-page" href="/docs/resource/download" data-reactid="136">Download</a><a href="//github.com/ant-design/ant-design" target="_blank" rel="noopener noreferrer" class="next-page" data-reactid="137"><!-- react-text: 138 -->GitHub<!-- /react-text --><!-- react-text: 139 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="140"></i></a></section></div></div></div><footer id="footer" data-reactid="141"><ul data-reactid="142"><li data-reactid="143"><h2 data-reactid="144"><i class="anticon anticon-github" data-reactid="145"></i><!-- react-text: 146 --> GitHub<!-- /react-text --></h2><div data-reactid="147"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="148"><span data-reactid="149">Repository</span></a></div><div data-reactid="150"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="151"><span data-reactid="152">Customize Theme</span></a></div><div data-reactid="153"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="154"><span data-reactid="155">Awesome Ant Design</span></a></div></li><li data-reactid="156"><h2 data-reactid="157"><i class="anticon anticon-link" data-reactid="158"></i><!-- react-text: 159 --> <!-- /react-text --><span data-reactid="160">Links</span></h2><div data-reactid="161"><a href="https://design.alipay.com/" data-reactid="162"><span data-reactid="163">Ant Financial Design Platform</span></a></div><div data-reactid="164"><a href="http://mobile.ant.design" data-reactid="165">Ant Design Mobile</a><span data-reactid="166"> - </span><span data-reactid="167">Mobile UI</span></div><div data-reactid="168"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="169">dva</a><!-- react-text: 170 --> - <!-- /react-text --><span data-reactid="171">Framework</span></div><div data-reactid="172"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="173">dva-cli</a><!-- react-text: 174 --> -<!-- /react-text --><span data-reactid="175">Developer Tools</span></div><div data-reactid="176"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="177">Egg</a><span data-reactid="178"> - </span><span data-reactid="179">Enterprise Node Framework</span></div><div data-reactid="180"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="181">AntV</a><span data-reactid="182"> - </span><span data-reactid="183">Data Visualization</span></div><div data-reactid="184"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="185">Ant Motion</a><span data-reactid="186"> - </span><span data-reactid="187">Motion Soluction</span></div><div data-reactid="188"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="189">AntD Library</a><span data-reactid="190"> - </span><span data-reactid="191">Axure library</span></div><div data-reactid="192"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="193">Ant UX</a><span data-reactid="194"> - </span><span data-reactid="195">Sitemap Template</span></div></li><li data-reactid="196"><h2 data-reactid="197"><i class="anticon anticon-customer-service" data-reactid="198"></i><!-- react-text: 199 --> <!-- /react-text --><span data-reactid="200">Community</span></h2><div data-reactid="201"><a href="/changelog" data-reactid="202"><span data-reactid="203">Change Log</span></a></div><div data-reactid="204"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="205"><span data-reactid="206">FAQ</span></a></div><div data-reactid="207"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="208"><span data-reactid="209">Chat Room (中文)</span></a></div><div data-reactid="210"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="211"><span data-reactid="212">Chat Room (English)</span></a></div><div data-reactid="213"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="214"><span data-reactid="215">Bug Report</span></a></div><div data-reactid="216"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="217"><span data-reactid="218">Issues</span></a></div><div data-reactid="219"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="220"><span data-reactid="221">StackOverflow</span></a></div><div data-reactid="222"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="223"><span data-reactid="224">SegmentFault</span></a></div></li><li data-reactid="225"><h2 data-reactid="226"><!-- react-text: 227 -->Copyright © <!-- /react-text --><!-- react-text: 228 -->2017<!-- /react-text --></h2><div data-reactid="229"><span data-reactid="230">Created by AIUX</span></div><div data-reactid="231"><!-- react-text: 232 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="233">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/resource/download" data-reactid="52">Download</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="53"><a href="/docs/resource/reference" data-reactid="54">Reference</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="//github.com/ant-design/ant-design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="56"><!-- react-text: 57 -->GitHub<!-- /react-text --><!-- react-text: 58 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="59"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="60"><article class="markdown" data-reactid="61"><h1 data-reactid="62"><!-- react-text: 63 -->Reference<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/resource/reference.en-US.md" data-reactid="64"><i class="anticon anticon-edit" data-reactid="65"></i></a></h1><section class="markdown" data-reactid="66"><p data-reactid="67"><!-- react-text: 68 -->Please find below the books that inspired us, saved our time and helped us to overcome difficulties when designing components and patterns. If you want to know more about UI design, we recommend you these awesome books.<!-- /react-text --></p><div class="resource-cards" data-reactid="69"><a target="_blank" href="http://as.wiley.com/WileyCDA/WileyTitle/productCd-1118766571.html" class="resource-card" data-reactid="70"><img src="http://media.wiley.com/product_data/coverImage300/71/11187665/1118766571.jpg" data-reactid="71"/><span class="resource-card-content" data-reactid="72"><span class="resource-card-title" data-reactid="73"><!-- react-text: 74 -->About Face<!-- /react-text --></span><span class="resource-card-description" data-reactid="75"><!-- react-text: 76 -->Author: Alan Cooper, Robert Reimann, David Cronin, Christopher Noessel<!-- /react-text --></span><span class="resource-card-description" data-reactid="77"><!-- react-text: 78 -->Publisher: Wiley<!-- /react-text --></span></span></a><a target="_blank" href="http://shop.oreilly.com/product/9780596516253.do" class="resource-card" data-reactid="79"><img src="http://akamaicovers.oreilly.com/images/9780596516253/cat.gif" data-reactid="80"/><span class="resource-card-content" data-reactid="81"><span class="resource-card-title" data-reactid="82"><!-- react-text: 83 -->Designing Web Interfaces<!-- /react-text --></span><span class="resource-card-description" data-reactid="84"><!-- react-text: 85 -->Author: Bill Scott, Theresa Neil<!-- /react-text --></span><span class="resource-card-description" data-reactid="86"><!-- react-text: 87 -->Publisher: O&#x27;Reilly Media<!-- /react-text --></span></span></a><a target="_blank" href="http://shop.oreilly.com/product/0636920000556.do" class="resource-card" data-reactid="88"><img src="http://akamaicovers.oreilly.com/images/0636920000556/cat.gif" data-reactid="89"/><span class="resource-card-content" data-reactid="90"><span class="resource-card-title" data-reactid="91"><!-- react-text: 92 -->Designing Interfaces<!-- /react-text --></span><span class="resource-card-description" data-reactid="93"><!-- react-text: 94 -->Author: Jenifer Tidwell<!-- /react-text --></span><span class="resource-card-description" data-reactid="95"><!-- react-text: 96 -->Publisher: O&#x27;Reilly Media<!-- /react-text --></span></span></a><a target="_blank" href="http://www.peachpit.com/store/non-designers-design-book-9780133966152" class="resource-card" data-reactid="97"><img src="http://www.peachpit.com/ShowCover.aspx?isbn=9780133966152&amp;type=f" data-reactid="98"/><span class="resource-card-content" data-reactid="99"><span class="resource-card-title" data-reactid="100"><!-- react-text: 101 -->Non-Designer&#x27;s Design Book<!-- /react-text --></span><span class="resource-card-description" data-reactid="102"><!-- react-text: 103 -->Author: Robin Williams<!-- /react-text --></span><span class="resource-card-description" data-reactid="104"><!-- react-text: 105 -->Publisher: Peachpit Press<!-- /react-text --></span></span></a><a target="_blank" href="http://www.jnd.org/books/design-of-everyday-things-revised.html" class="resource-card" data-reactid="106"><img src="http://www.jnd.org/assets/images/the-design-of-everyday-things2.jpg" data-reactid="107"/><span class="resource-card-content" data-reactid="108"><span class="resource-card-title" data-reactid="109"><!-- react-text: 110 -->The Design of Everyday Things<!-- /react-text --></span><span class="resource-card-description" data-reactid="111"><!-- react-text: 112 -->Author: Don Norman<!-- /react-text --></span><span class="resource-card-description" data-reactid="113"><!-- react-text: 114 -->Publisher: Basic Books, A Member of the Perseus Books Group<!-- /react-text --></span></span></a><a target="_blank" href="https://www.amazon.com/Emotional-Design-Love-Everyday-Things/dp/0465051367" class="resource-card" data-reactid="115"><img src="https://images-na.ssl-images-amazon.com/images/I/41tEBlukEtL._SX328_BO1,204,203,200_.jpg" data-reactid="116"/><span class="resource-card-content" data-reactid="117"><span class="resource-card-title" data-reactid="118"><!-- react-text: 119 -->Emotional Design<!-- /react-text --></span><span class="resource-card-description" data-reactid="120"><!-- react-text: 121 -->Author: Don Norman<!-- /react-text --></span><span class="resource-card-description" data-reactid="122"><!-- react-text: 123 -->Publisher: Basic Books, A Member of the Perseus Books Group<!-- /react-text --></span></span></a><a target="_blank" href="http://rosenfeldmedia.com/books/web-form-design/" class="resource-card" data-reactid="124"><img src="http://rosenfeldmedia.com/wp-content/uploads/2014/11/2456180445_932e3749f4_o-640x960.jpg" data-reactid="125"/><span class="resource-card-content" data-reactid="126"><span class="resource-card-title" data-reactid="127"><!-- react-text: 128 -->Web Form Design<!-- /react-text --></span><span class="resource-card-description" data-reactid="129"><!-- react-text: 130 -->Author: Luke Wroblewski<!-- /react-text --></span><span class="resource-card-description" data-reactid="131"><!-- react-text: 132 -->Publisher: Rosenfeld Media<!-- /react-text --></span></span></a></div></section></article></div></div><div class="ant-row" data-reactid="133"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="134"><section class="prev-next-nav" data-reactid="135"><a class="prev-page" href="/docs/resource/download" data-reactid="136">Download</a><a href="//github.com/ant-design/ant-design" target="_blank" rel="noopener noreferrer" class="next-page" data-reactid="137"><!-- react-text: 138 -->GitHub<!-- /react-text --><!-- react-text: 139 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="140"></i></a></section></div></div></div><footer id="footer" data-reactid="141"><ul data-reactid="142"><li data-reactid="143"><h2 data-reactid="144"><i class="anticon anticon-github" data-reactid="145"></i><!-- react-text: 146 --> GitHub<!-- /react-text --></h2><div data-reactid="147"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="148"><span data-reactid="149">Repository</span></a></div><div data-reactid="150"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="151"><span data-reactid="152">Customize Theme</span></a></div><div data-reactid="153"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="154"><span data-reactid="155">Awesome Ant Design</span></a></div></li><li data-reactid="156"><h2 data-reactid="157"><i class="anticon anticon-link" data-reactid="158"></i><!-- react-text: 159 --> <!-- /react-text --><span data-reactid="160">Links</span></h2><div data-reactid="161"><a href="https://design.alipay.com/" data-reactid="162"><span data-reactid="163">Ant Financial Design Platform</span></a></div><div data-reactid="164"><a href="http://mobile.ant.design" data-reactid="165">Ant Design Mobile</a><span data-reactid="166"> - </span><span data-reactid="167">Mobile UI</span></div><div data-reactid="168"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="169">dva</a><!-- react-text: 170 --> - <!-- /react-text --><span data-reactid="171">Framework</span></div><div data-reactid="172"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="173">dva-cli</a><!-- react-text: 174 --> -<!-- /react-text --><span data-reactid="175">Developer Tools</span></div><div data-reactid="176"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="177">Egg</a><span data-reactid="178"> - </span><span data-reactid="179">Enterprise Node Framework</span></div><div data-reactid="180"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="181">AntV</a><span data-reactid="182"> - </span><span data-reactid="183">Data Visualization</span></div><div data-reactid="184"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="185">Ant Motion</a><span data-reactid="186"> - </span><span data-reactid="187">Motion Soluction</span></div><div data-reactid="188"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="189">AntD Library</a><span data-reactid="190"> - </span><span data-reactid="191">Axure library</span></div><div data-reactid="192"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="193">Ant UX</a><span data-reactid="194"> - </span><span data-reactid="195">Sitemap Template</span></div></li><li data-reactid="196"><h2 data-reactid="197"><i class="anticon anticon-customer-service" data-reactid="198"></i><!-- react-text: 199 --> <!-- /react-text --><span data-reactid="200">Community</span></h2><div data-reactid="201"><a href="/changelog" data-reactid="202"><span data-reactid="203">Change Log</span></a></div><div data-reactid="204"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="205"><span data-reactid="206">FAQ</span></a></div><div data-reactid="207"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="208"><span data-reactid="209">Chat Room (中文)</span></a></div><div data-reactid="210"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="211"><span data-reactid="212">Chat Room (English)</span></a></div><div data-reactid="213"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="214"><span data-reactid="215">Bug Report</span></a></div><div data-reactid="216"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="217"><span data-reactid="218">Issues</span></a></div><div data-reactid="219"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="220"><span data-reactid="221">StackOverflow</span></a></div><div data-reactid="222"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="223"><span data-reactid="224">SegmentFault</span></a></div></li><li data-reactid="225"><h2 data-reactid="226"><!-- react-text: 227 -->Copyright © <!-- /react-text --><!-- react-text: 228 -->2017<!-- /react-text --></h2><div data-reactid="229"><span data-reactid="230">Created by AIUX</span></div><div data-reactid="231"><!-- react-text: 232 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="233">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/alignment-cn.html b/docs/spec/alignment-cn.html
index 545e89013..e093b134d 100644
--- a/docs/spec/alignment-cn.html
+++ b/docs/spec/alignment-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-151863060"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="2004074734"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->对齐<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/alignment.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->正如『格式塔学派』中的连续律（Law of Continuity）所描述的，在知觉过程中人们往往倾向于使知觉对象的直线继续成为直线，使曲线继续成为曲线。在界面设计中，将元素进行对齐，既符合用户的认知特性，也能引导视觉流向，让用户更流畅地接收信息。<!-- /react-text --></p><blockquote data-reactid="113"><p data-reactid="114"><strong data-reactid="115"><!-- react-text: 116 --> 格式塔学派（德语：Gestalttheorie）<!-- /react-text --></strong><!-- react-text: 117 --> ：是心理学重要流派之一，兴起于 20 世纪初的德国，又称为完形心理学；主张人脑的运作原理是整体的，『整体不同于其部件的总和』。——摘自『维基百科』<!-- /react-text --></p></blockquote></section><section class="toc" data-reactid="118"><ul data-reactid="119"><li data-reactid="120"><a class="bisheng-toc-h2" href="#文案类对齐" title="文案类对齐" data-reactid="121"><!-- react-text: 122 -->文案类对齐<!-- /react-text --></a></li><li data-reactid="123"><a class="bisheng-toc-h2" href="#表单类对齐" title="表单类对齐" data-reactid="124"><!-- react-text: 125 -->表单类对齐<!-- /react-text --></a></li><li data-reactid="126"><a class="bisheng-toc-h2" href="#数字类对齐" title="数字类对齐" data-reactid="127"><!-- react-text: 128 -->数字类对齐<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="129"><h2 id="文案类对齐" data-reactid="130"><span data-reactid="131"><!-- react-text: 132 -->文案类对齐<!-- /react-text --></span><a href="#文案类对齐" class="anchor" data-reactid="133">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="134"><div class="preview-image-box" style="width:50%;" data-reactid="135"><div class="preview-image-wrapper good" data-reactid="136"><img class="preview-img good" src="https://os.alipayobjects.com/rmsportal/xvmiAZAIxrEcqdP.png" alt="推荐示例" data-reactid="137"/></div><div class="preview-image-title" data-reactid="138">推荐示例</div><div class="preview-image-description" data-reactid="139">标题和正文左对齐，使用了一个视觉起点。</div><!-- react-empty: 140 --></div><div class="preview-image-box" style="width:50%;" data-reactid="141"><div class="preview-image-wrapper bad" data-reactid="142"><img class="preview-img bad" src="https://os.alipayobjects.com/rmsportal/qvycImsTiDGVgLJ.png" alt="不推荐示例" data-reactid="143"/></div><div class="preview-image-title" data-reactid="144">不推荐示例</div><div class="preview-image-description" data-reactid="145">标题和正文使用了两个视觉起点，不推荐该种对齐方式，除非刻意强调两者区别。</div><!-- react-empty: 146 --></div></div><p data-reactid="147"><!-- react-text: 148 -->如果页面的字段或段落较短、较散时，需要确定一个统一的视觉起点。<!-- /react-text --></p><hr data-reactid="149"/><h2 id="表单类对齐" data-reactid="150"><span data-reactid="151"><!-- react-text: 152 -->表单类对齐<!-- /react-text --></span><a href="#表单类对齐" class="anchor" data-reactid="153">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="154"><div class="preview-image-box" data-reactid="155"><div class="preview-image-wrapper" data-reactid="156"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/DmEbaUsrpJkRyUh.png" alt="冒号对齐示例" data-reactid="157"/></div><div class="preview-image-title" data-reactid="158">冒号对齐示例</div><div class="preview-image-description" data-reactid="159"></div><!-- react-empty: 160 --></div></div><p data-reactid="161"><!-- react-text: 162 -->冒号对齐（右对齐）能让内容锁定在一定范围内，让用户眼球顺着冒号的视觉流，就能找到所有填写项，从而提高填写效率。<!-- /react-text --></p><p data-reactid="163"><!-- react-text: 164 -->更多对齐方式，请查看<!-- /react-text --><a href="/docs/pattern/form-cn#对齐方式" data-reactid="165">『模式／表单／规格／对齐方式』</a><!-- react-text: 166 -->。<!-- /react-text --></p><hr data-reactid="167"/><h2 id="数字类对齐" data-reactid="168"><span data-reactid="169"><!-- react-text: 170 -->数字类对齐<!-- /react-text --></span><a href="#数字类对齐" class="anchor" data-reactid="171">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="172"><div class="preview-image-box" style="width:50%;" data-reactid="173"><div class="preview-image-wrapper good" data-reactid="174"><img class="preview-img good" src="https://os.alipayobjects.com/rmsportal/hCSQTEmahFyQcWk.png" alt="正确示例" data-reactid="175"/></div><div class="preview-image-title" data-reactid="176">正确示例</div><div class="preview-image-description" data-reactid="177"></div><!-- react-empty: 178 --></div><div class="preview-image-box" style="width:50%;" data-reactid="179"><div class="preview-image-wrapper bad" data-reactid="180"><img class="preview-img bad" src="https://os.alipayobjects.com/rmsportal/FDjScmPlWFPxkxL.png" alt="错误示例" data-reactid="181"/></div><div class="preview-image-title" data-reactid="182">错误示例</div><div class="preview-image-description" data-reactid="183"></div><!-- react-empty: 184 --></div></div><p data-reactid="185"><!-- react-text: 186 -->为了快速对比数值大小，建议所有数值取相同有效位数，并且右对齐。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="187"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="188"><section class="prev-next-nav" data-reactid="189"><a class="prev-page" href="/docs/spec/proximity-cn" data-reactid="190">亲密性</a><a class="next-page" href="/docs/spec/contrast-cn" data-reactid="191">对比</a></section></div></div></div><footer id="footer" data-reactid="192"><ul data-reactid="193"><li data-reactid="194"><h2 data-reactid="195"><i class="anticon anticon-github" data-reactid="196"></i><!-- react-text: 197 --> GitHub<!-- /react-text --></h2><div data-reactid="198"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="199"><span data-reactid="200">源码仓库</span></a></div><div data-reactid="201"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="202"><span data-reactid="203">定制主题</span></a></div><div data-reactid="204"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="205"><span data-reactid="206">Awesome Ant Design</span></a></div></li><li data-reactid="207"><h2 data-reactid="208"><i class="anticon anticon-link" data-reactid="209"></i><!-- react-text: 210 --> <!-- /react-text --><span data-reactid="211">相关站点</span></h2><div data-reactid="212"><a href="https://design.alipay.com/" data-reactid="213"><span data-reactid="214">蚂蚁金服设计平台</span></a></div><div data-reactid="215"><a href="http://mobile.ant.design" data-reactid="216">Ant Design Mobile</a><span data-reactid="217"> - </span><span data-reactid="218">移动版</span></div><div data-reactid="219"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="220">dva</a><!-- react-text: 221 --> - <!-- /react-text --><span data-reactid="222">应用框架</span></div><div data-reactid="223"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="224">dva-cli</a><!-- react-text: 225 --> -<!-- /react-text --><span data-reactid="226">开发工具</span></div><div data-reactid="227"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="228">Egg</a><span data-reactid="229"> - </span><span data-reactid="230">企业级 Node 开发框架</span></div><div data-reactid="231"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="232">AntV</a><span data-reactid="233"> - </span><span data-reactid="234">数据可视化</span></div><div data-reactid="235"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="236">Ant Motion</a><span data-reactid="237"> - </span><span data-reactid="238">设计动效</span></div><div data-reactid="239"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="240">AntD Library</a><span data-reactid="241"> - </span><span data-reactid="242">Axure 部件库</span></div><div data-reactid="243"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="244">Ant UX</a><span data-reactid="245"> - </span><span data-reactid="246">页面逻辑素材</span></div></li><li data-reactid="247"><h2 data-reactid="248"><i class="anticon anticon-customer-service" data-reactid="249"></i><!-- react-text: 250 --> <!-- /react-text --><span data-reactid="251">社区</span></h2><div data-reactid="252"><a href="/changelog" data-reactid="253"><span data-reactid="254">更新记录</span></a></div><div data-reactid="255"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="256"><span data-reactid="257">常见问题</span></a></div><div data-reactid="258"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="259"><span data-reactid="260">在线讨论 (中文)</span></a></div><div data-reactid="261"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="262"><span data-reactid="263">在线讨论 (English)</span></a></div><div data-reactid="264"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="265"><span data-reactid="266">报告 Bug</span></a></div><div data-reactid="267"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="268"><span data-reactid="269">讨论列表</span></a></div><div data-reactid="270"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="271"><span data-reactid="272">StackOverflow</span></a></div><div data-reactid="273"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="274"><span data-reactid="275">SegmentFault</span></a></div></li><li data-reactid="276"><h2 data-reactid="277"><!-- react-text: 278 -->Copyright © <!-- /react-text --><!-- react-text: 279 -->2017<!-- /react-text --></h2><div data-reactid="280"><span data-reactid="281">蚂蚁金服体验技术部出品</span></div><div data-reactid="282"><!-- react-text: 283 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="284">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->对齐<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/alignment.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->正如『格式塔学派』中的连续律（Law of Continuity）所描述的，在知觉过程中人们往往倾向于使知觉对象的直线继续成为直线，使曲线继续成为曲线。在界面设计中，将元素进行对齐，既符合用户的认知特性，也能引导视觉流向，让用户更流畅地接收信息。<!-- /react-text --></p><blockquote data-reactid="113"><p data-reactid="114"><strong data-reactid="115"><!-- react-text: 116 --> 格式塔学派（德语：Gestalttheorie）<!-- /react-text --></strong><!-- react-text: 117 --> ：是心理学重要流派之一，兴起于 20 世纪初的德国，又称为完形心理学；主张人脑的运作原理是整体的，『整体不同于其部件的总和』。——摘自『维基百科』<!-- /react-text --></p></blockquote></section><section class="toc" data-reactid="118"><ul data-reactid="119"><li data-reactid="120"><a class="bisheng-toc-h2" href="#文案类对齐" title="文案类对齐" data-reactid="121"><!-- react-text: 122 -->文案类对齐<!-- /react-text --></a></li><li data-reactid="123"><a class="bisheng-toc-h2" href="#表单类对齐" title="表单类对齐" data-reactid="124"><!-- react-text: 125 -->表单类对齐<!-- /react-text --></a></li><li data-reactid="126"><a class="bisheng-toc-h2" href="#数字类对齐" title="数字类对齐" data-reactid="127"><!-- react-text: 128 -->数字类对齐<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="129"><h2 id="文案类对齐" data-reactid="130"><span data-reactid="131"><!-- react-text: 132 -->文案类对齐<!-- /react-text --></span><a href="#文案类对齐" class="anchor" data-reactid="133">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="134"><div class="preview-image-box" style="width:50%;" data-reactid="135"><div class="preview-image-wrapper good" data-reactid="136"><img class="preview-img good" src="https://os.alipayobjects.com/rmsportal/xvmiAZAIxrEcqdP.png" alt="推荐示例" data-reactid="137"/></div><div class="preview-image-title" data-reactid="138">推荐示例</div><div class="preview-image-description" data-reactid="139">标题和正文左对齐，使用了一个视觉起点。</div><!-- react-empty: 140 --></div><div class="preview-image-box" style="width:50%;" data-reactid="141"><div class="preview-image-wrapper bad" data-reactid="142"><img class="preview-img bad" src="https://os.alipayobjects.com/rmsportal/qvycImsTiDGVgLJ.png" alt="不推荐示例" data-reactid="143"/></div><div class="preview-image-title" data-reactid="144">不推荐示例</div><div class="preview-image-description" data-reactid="145">标题和正文使用了两个视觉起点，不推荐该种对齐方式，除非刻意强调两者区别。</div><!-- react-empty: 146 --></div></div><p data-reactid="147"><!-- react-text: 148 -->如果页面的字段或段落较短、较散时，需要确定一个统一的视觉起点。<!-- /react-text --></p><hr data-reactid="149"/><h2 id="表单类对齐" data-reactid="150"><span data-reactid="151"><!-- react-text: 152 -->表单类对齐<!-- /react-text --></span><a href="#表单类对齐" class="anchor" data-reactid="153">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="154"><div class="preview-image-box" data-reactid="155"><div class="preview-image-wrapper" data-reactid="156"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/DmEbaUsrpJkRyUh.png" alt="冒号对齐示例" data-reactid="157"/></div><div class="preview-image-title" data-reactid="158">冒号对齐示例</div><div class="preview-image-description" data-reactid="159"></div><!-- react-empty: 160 --></div></div><p data-reactid="161"><!-- react-text: 162 -->冒号对齐（右对齐）能让内容锁定在一定范围内，让用户眼球顺着冒号的视觉流，就能找到所有填写项，从而提高填写效率。<!-- /react-text --></p><p data-reactid="163"><!-- react-text: 164 -->更多对齐方式，请查看<!-- /react-text --><a href="/docs/pattern/form-cn#对齐方式" data-reactid="165">『模式／表单／规格／对齐方式』</a><!-- react-text: 166 -->。<!-- /react-text --></p><hr data-reactid="167"/><h2 id="数字类对齐" data-reactid="168"><span data-reactid="169"><!-- react-text: 170 -->数字类对齐<!-- /react-text --></span><a href="#数字类对齐" class="anchor" data-reactid="171">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="172"><div class="preview-image-box" style="width:50%;" data-reactid="173"><div class="preview-image-wrapper good" data-reactid="174"><img class="preview-img good" src="https://os.alipayobjects.com/rmsportal/hCSQTEmahFyQcWk.png" alt="正确示例" data-reactid="175"/></div><div class="preview-image-title" data-reactid="176">正确示例</div><div class="preview-image-description" data-reactid="177"></div><!-- react-empty: 178 --></div><div class="preview-image-box" style="width:50%;" data-reactid="179"><div class="preview-image-wrapper bad" data-reactid="180"><img class="preview-img bad" src="https://os.alipayobjects.com/rmsportal/FDjScmPlWFPxkxL.png" alt="错误示例" data-reactid="181"/></div><div class="preview-image-title" data-reactid="182">错误示例</div><div class="preview-image-description" data-reactid="183"></div><!-- react-empty: 184 --></div></div><p data-reactid="185"><!-- react-text: 186 -->为了快速对比数值大小，建议所有数值取相同有效位数，并且右对齐。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="187"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="188"><section class="prev-next-nav" data-reactid="189"><a class="prev-page" href="/docs/spec/proximity-cn" data-reactid="190">亲密性</a><a class="next-page" href="/docs/spec/contrast-cn" data-reactid="191">对比</a></section></div></div></div><footer id="footer" data-reactid="192"><ul data-reactid="193"><li data-reactid="194"><h2 data-reactid="195"><i class="anticon anticon-github" data-reactid="196"></i><!-- react-text: 197 --> GitHub<!-- /react-text --></h2><div data-reactid="198"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="199"><span data-reactid="200">源码仓库</span></a></div><div data-reactid="201"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="202"><span data-reactid="203">定制主题</span></a></div><div data-reactid="204"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="205"><span data-reactid="206">Awesome Ant Design</span></a></div></li><li data-reactid="207"><h2 data-reactid="208"><i class="anticon anticon-link" data-reactid="209"></i><!-- react-text: 210 --> <!-- /react-text --><span data-reactid="211">相关站点</span></h2><div data-reactid="212"><a href="https://design.alipay.com/" data-reactid="213"><span data-reactid="214">蚂蚁金服设计平台</span></a></div><div data-reactid="215"><a href="http://mobile.ant.design" data-reactid="216">Ant Design Mobile</a><span data-reactid="217"> - </span><span data-reactid="218">移动版</span></div><div data-reactid="219"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="220">dva</a><!-- react-text: 221 --> - <!-- /react-text --><span data-reactid="222">应用框架</span></div><div data-reactid="223"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="224">dva-cli</a><!-- react-text: 225 --> -<!-- /react-text --><span data-reactid="226">开发工具</span></div><div data-reactid="227"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="228">Egg</a><span data-reactid="229"> - </span><span data-reactid="230">企业级 Node 开发框架</span></div><div data-reactid="231"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="232">AntV</a><span data-reactid="233"> - </span><span data-reactid="234">数据可视化</span></div><div data-reactid="235"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="236">Ant Motion</a><span data-reactid="237"> - </span><span data-reactid="238">设计动效</span></div><div data-reactid="239"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="240">AntD Library</a><span data-reactid="241"> - </span><span data-reactid="242">Axure 部件库</span></div><div data-reactid="243"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="244">Ant UX</a><span data-reactid="245"> - </span><span data-reactid="246">页面逻辑素材</span></div></li><li data-reactid="247"><h2 data-reactid="248"><i class="anticon anticon-customer-service" data-reactid="249"></i><!-- react-text: 250 --> <!-- /react-text --><span data-reactid="251">社区</span></h2><div data-reactid="252"><a href="/changelog" data-reactid="253"><span data-reactid="254">更新记录</span></a></div><div data-reactid="255"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="256"><span data-reactid="257">常见问题</span></a></div><div data-reactid="258"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="259"><span data-reactid="260">在线讨论 (中文)</span></a></div><div data-reactid="261"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="262"><span data-reactid="263">在线讨论 (English)</span></a></div><div data-reactid="264"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="265"><span data-reactid="266">报告 Bug</span></a></div><div data-reactid="267"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="268"><span data-reactid="269">讨论列表</span></a></div><div data-reactid="270"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="271"><span data-reactid="272">StackOverflow</span></a></div><div data-reactid="273"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="274"><span data-reactid="275">SegmentFault</span></a></div></li><li data-reactid="276"><h2 data-reactid="277"><!-- react-text: 278 -->Copyright © <!-- /react-text --><!-- react-text: 279 -->2017<!-- /react-text --></h2><div data-reactid="280"><span data-reactid="281">蚂蚁金服体验技术部出品</span></div><div data-reactid="282"><!-- react-text: 283 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="284">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/alignment.html b/docs/spec/alignment.html
index bf00be28d..0d9eceb6c 100644
--- a/docs/spec/alignment.html
+++ b/docs/spec/alignment.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-414948304"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1101503438"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/lightweight" data-reactid="72">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/stay" data-reactid="74">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Alignment<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/alignment.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->As is described in the Law of Continuity of Gestalt psychology, in the perceptual process, people usually tend to understand the object in the way that it is firstly perceived, to let the straight lines be straight and let the curve lines be curve. In the design of interface, aligning the elements meets users’ perception, also delivers the information to users in a more smooth way.<!-- /react-text --></p><blockquote data-reactid="113"><p data-reactid="114"><strong data-reactid="115"><!-- react-text: 116 --> Gestalt psychology or gestaltism（German：Gestalttheorie）<!-- /react-text --></strong><!-- react-text: 117 --> ：Gestalttheorie is an important genre of psychology. It rose in the beginning of the 20 century in Germany.The central principle of gestalt psychology is that the mind forms a global whole with self-organizing tendencies.『The whole is other than the sum of the parts.』--Quote from Wikipedia<!-- /react-text --></p></blockquote></section><section class="toc" data-reactid="118"><ul data-reactid="119"><li data-reactid="120"><a class="bisheng-toc-h2" href="#Text-Alignment" title="Text Alignment" data-reactid="121"><!-- react-text: 122 -->Text Alignment<!-- /react-text --></a></li><li data-reactid="123"><a class="bisheng-toc-h2" href="#Form-Alignment" title="Form Alignment" data-reactid="124"><!-- react-text: 125 -->Form Alignment<!-- /react-text --></a></li><li data-reactid="126"><a class="bisheng-toc-h2" href="#Numbers-Alignment" title="Numbers Alignment" data-reactid="127"><!-- react-text: 128 -->Numbers Alignment<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="129"><h2 id="Text-Alignment" data-reactid="130"><span data-reactid="131"><!-- react-text: 132 -->Text Alignment<!-- /react-text --></span><a href="#Text-Alignment" class="anchor" data-reactid="133">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="134"><div class="preview-image-box" style="width:50%;" data-reactid="135"><div class="preview-image-wrapper good" data-reactid="136"><img class="preview-img good" src="https://os.alipayobjects.com/rmsportal/xvmiAZAIxrEcqdP.png" alt="good example" data-reactid="137"/></div><div class="preview-image-title" data-reactid="138">good example</div><div class="preview-image-description" data-reactid="139">Align the title and text to the left; use one visual starting point.</div><!-- react-empty: 140 --></div><div class="preview-image-box" style="width:50%;" data-reactid="141"><div class="preview-image-wrapper bad" data-reactid="142"><img class="preview-img bad" src="https://os.alipayobjects.com/rmsportal/qvycImsTiDGVgLJ.png" data-reactid="143"/></div><div class="preview-image-title" data-reactid="144"></div><div class="preview-image-description" data-reactid="145">The tile and the text start in different visual point. This is not recommended except the differences between title and text are emphasized. </div><!-- react-empty: 146 --></div></div><p data-reactid="147"><!-- react-text: 148 -->If the paragraphs or the length of the words are too short or too loose, then a unified visual starting point is needed.<!-- /react-text --></p><hr data-reactid="149"/><h2 id="Form-Alignment" data-reactid="150"><span data-reactid="151"><!-- react-text: 152 -->Form Alignment<!-- /react-text --></span><a href="#Form-Alignment" class="anchor" data-reactid="153">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="154"><div class="preview-image-box" data-reactid="155"><div class="preview-image-wrapper" data-reactid="156"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/DmEbaUsrpJkRyUh.png" alt="example of colon alignment" data-reactid="157"/></div><div class="preview-image-title" data-reactid="158">example of colon alignment</div><div class="preview-image-description" data-reactid="159"></div><!-- react-empty: 160 --></div></div><p data-reactid="161"><!-- react-text: 162 -->Colon alignment(right-align) can encircle the content into a certain range. Users can infer where the chart is through the regular arranged colon so that the speed of filling in the chart can be speeded up.<!-- /react-text --></p><p data-reactid="163"><!-- react-text: 164 -->More ways of aligning，please visit <!-- /react-text --><a href="/docs/pattern/form#对齐方式" data-reactid="165">(/docs/pattern/form#对齐方式)</a><!-- react-text: 166 -->。<!-- /react-text --></p><hr data-reactid="167"/><h2 id="Numbers-Alignment" data-reactid="168"><span data-reactid="169"><!-- react-text: 170 -->Numbers Alignment<!-- /react-text --></span><a href="#Numbers-Alignment" class="anchor" data-reactid="171">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="172"><div class="preview-image-box" style="width:50%;" data-reactid="173"><div class="preview-image-wrapper good" data-reactid="174"><img class="preview-img good" src="https://os.alipayobjects.com/rmsportal/hCSQTEmahFyQcWk.png" alt="good example" data-reactid="175"/></div><div class="preview-image-title" data-reactid="176">good example</div><div class="preview-image-description" data-reactid="177"></div><!-- react-empty: 178 --></div><div class="preview-image-box" style="width:50%;" data-reactid="179"><div class="preview-image-wrapper bad" data-reactid="180"><img class="preview-img bad" src="https://os.alipayobjects.com/rmsportal/FDjScmPlWFPxkxL.png" alt="bad example" data-reactid="181"/></div><div class="preview-image-title" data-reactid="182">bad example</div><div class="preview-image-description" data-reactid="183"></div><!-- react-empty: 184 --></div></div><p data-reactid="185"><!-- react-text: 186 -->To compare the numbers faster, we suggest that all numbers should keep the same digit numbers after decimal point; meanwhile all numbers should be right-aligned. 。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="187"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="188"><section class="prev-next-nav" data-reactid="189"><a class="prev-page" href="/docs/spec/proximity" data-reactid="190">Proximity</a><a class="next-page" href="/docs/spec/contrast" data-reactid="191">Contrast</a></section></div></div></div><footer id="footer" data-reactid="192"><ul data-reactid="193"><li data-reactid="194"><h2 data-reactid="195"><i class="anticon anticon-github" data-reactid="196"></i><!-- react-text: 197 --> GitHub<!-- /react-text --></h2><div data-reactid="198"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="199"><span data-reactid="200">Repository</span></a></div><div data-reactid="201"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="202"><span data-reactid="203">Customize Theme</span></a></div><div data-reactid="204"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="205"><span data-reactid="206">Awesome Ant Design</span></a></div></li><li data-reactid="207"><h2 data-reactid="208"><i class="anticon anticon-link" data-reactid="209"></i><!-- react-text: 210 --> <!-- /react-text --><span data-reactid="211">Links</span></h2><div data-reactid="212"><a href="https://design.alipay.com/" data-reactid="213"><span data-reactid="214">Ant Financial Design Platform</span></a></div><div data-reactid="215"><a href="http://mobile.ant.design" data-reactid="216">Ant Design Mobile</a><span data-reactid="217"> - </span><span data-reactid="218">Mobile UI</span></div><div data-reactid="219"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="220">dva</a><!-- react-text: 221 --> - <!-- /react-text --><span data-reactid="222">Framework</span></div><div data-reactid="223"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="224">dva-cli</a><!-- react-text: 225 --> -<!-- /react-text --><span data-reactid="226">Developer Tools</span></div><div data-reactid="227"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="228">Egg</a><span data-reactid="229"> - </span><span data-reactid="230">Enterprise Node Framework</span></div><div data-reactid="231"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="232">AntV</a><span data-reactid="233"> - </span><span data-reactid="234">Data Visualization</span></div><div data-reactid="235"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="236">Ant Motion</a><span data-reactid="237"> - </span><span data-reactid="238">Motion Soluction</span></div><div data-reactid="239"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="240">AntD Library</a><span data-reactid="241"> - </span><span data-reactid="242">Axure library</span></div><div data-reactid="243"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="244">Ant UX</a><span data-reactid="245"> - </span><span data-reactid="246">Sitemap Template</span></div></li><li data-reactid="247"><h2 data-reactid="248"><i class="anticon anticon-customer-service" data-reactid="249"></i><!-- react-text: 250 --> <!-- /react-text --><span data-reactid="251">Community</span></h2><div data-reactid="252"><a href="/changelog" data-reactid="253"><span data-reactid="254">Change Log</span></a></div><div data-reactid="255"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="256"><span data-reactid="257">FAQ</span></a></div><div data-reactid="258"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="259"><span data-reactid="260">Chat Room (中文)</span></a></div><div data-reactid="261"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="262"><span data-reactid="263">Chat Room (English)</span></a></div><div data-reactid="264"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="265"><span data-reactid="266">Bug Report</span></a></div><div data-reactid="267"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="268"><span data-reactid="269">Issues</span></a></div><div data-reactid="270"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="271"><span data-reactid="272">StackOverflow</span></a></div><div data-reactid="273"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="274"><span data-reactid="275">SegmentFault</span></a></div></li><li data-reactid="276"><h2 data-reactid="277"><!-- react-text: 278 -->Copyright © <!-- /react-text --><!-- react-text: 279 -->2017<!-- /react-text --></h2><div data-reactid="280"><span data-reactid="281">Created by AIUX</span></div><div data-reactid="282"><!-- react-text: 283 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="284">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay" data-reactid="72">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight" data-reactid="74">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Alignment<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/alignment.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->As is described in the Law of Continuity of Gestalt psychology, in the perceptual process, people usually tend to understand the object in the way that it is firstly perceived, to let the straight lines be straight and let the curve lines be curve. In the design of interface, aligning the elements meets users’ perception, also delivers the information to users in a more smooth way.<!-- /react-text --></p><blockquote data-reactid="113"><p data-reactid="114"><strong data-reactid="115"><!-- react-text: 116 --> Gestalt psychology or gestaltism（German：Gestalttheorie）<!-- /react-text --></strong><!-- react-text: 117 --> ：Gestalttheorie is an important genre of psychology. It rose in the beginning of the 20 century in Germany.The central principle of gestalt psychology is that the mind forms a global whole with self-organizing tendencies.『The whole is other than the sum of the parts.』--Quote from Wikipedia<!-- /react-text --></p></blockquote></section><section class="toc" data-reactid="118"><ul data-reactid="119"><li data-reactid="120"><a class="bisheng-toc-h2" href="#Text-Alignment" title="Text Alignment" data-reactid="121"><!-- react-text: 122 -->Text Alignment<!-- /react-text --></a></li><li data-reactid="123"><a class="bisheng-toc-h2" href="#Form-Alignment" title="Form Alignment" data-reactid="124"><!-- react-text: 125 -->Form Alignment<!-- /react-text --></a></li><li data-reactid="126"><a class="bisheng-toc-h2" href="#Numbers-Alignment" title="Numbers Alignment" data-reactid="127"><!-- react-text: 128 -->Numbers Alignment<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="129"><h2 id="Text-Alignment" data-reactid="130"><span data-reactid="131"><!-- react-text: 132 -->Text Alignment<!-- /react-text --></span><a href="#Text-Alignment" class="anchor" data-reactid="133">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="134"><div class="preview-image-box" style="width:50%;" data-reactid="135"><div class="preview-image-wrapper good" data-reactid="136"><img class="preview-img good" src="https://os.alipayobjects.com/rmsportal/xvmiAZAIxrEcqdP.png" alt="good example" data-reactid="137"/></div><div class="preview-image-title" data-reactid="138">good example</div><div class="preview-image-description" data-reactid="139">Align the title and text to the left; use one visual starting point.</div><!-- react-empty: 140 --></div><div class="preview-image-box" style="width:50%;" data-reactid="141"><div class="preview-image-wrapper bad" data-reactid="142"><img class="preview-img bad" src="https://os.alipayobjects.com/rmsportal/qvycImsTiDGVgLJ.png" data-reactid="143"/></div><div class="preview-image-title" data-reactid="144"></div><div class="preview-image-description" data-reactid="145">The tile and the text start in different visual point. This is not recommended except the differences between title and text are emphasized. </div><!-- react-empty: 146 --></div></div><p data-reactid="147"><!-- react-text: 148 -->If the paragraphs or the length of the words are too short or too loose, then a unified visual starting point is needed.<!-- /react-text --></p><hr data-reactid="149"/><h2 id="Form-Alignment" data-reactid="150"><span data-reactid="151"><!-- react-text: 152 -->Form Alignment<!-- /react-text --></span><a href="#Form-Alignment" class="anchor" data-reactid="153">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="154"><div class="preview-image-box" data-reactid="155"><div class="preview-image-wrapper" data-reactid="156"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/DmEbaUsrpJkRyUh.png" alt="example of colon alignment" data-reactid="157"/></div><div class="preview-image-title" data-reactid="158">example of colon alignment</div><div class="preview-image-description" data-reactid="159"></div><!-- react-empty: 160 --></div></div><p data-reactid="161"><!-- react-text: 162 -->Colon alignment(right-align) can encircle the content into a certain range. Users can infer where the chart is through the regular arranged colon so that the speed of filling in the chart can be speeded up.<!-- /react-text --></p><p data-reactid="163"><!-- react-text: 164 -->More ways of aligning，please visit <!-- /react-text --><a href="/docs/pattern/form#对齐方式" data-reactid="165">(/docs/pattern/form#对齐方式)</a><!-- react-text: 166 -->。<!-- /react-text --></p><hr data-reactid="167"/><h2 id="Numbers-Alignment" data-reactid="168"><span data-reactid="169"><!-- react-text: 170 -->Numbers Alignment<!-- /react-text --></span><a href="#Numbers-Alignment" class="anchor" data-reactid="171">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="172"><div class="preview-image-box" style="width:50%;" data-reactid="173"><div class="preview-image-wrapper good" data-reactid="174"><img class="preview-img good" src="https://os.alipayobjects.com/rmsportal/hCSQTEmahFyQcWk.png" alt="good example" data-reactid="175"/></div><div class="preview-image-title" data-reactid="176">good example</div><div class="preview-image-description" data-reactid="177"></div><!-- react-empty: 178 --></div><div class="preview-image-box" style="width:50%;" data-reactid="179"><div class="preview-image-wrapper bad" data-reactid="180"><img class="preview-img bad" src="https://os.alipayobjects.com/rmsportal/FDjScmPlWFPxkxL.png" alt="bad example" data-reactid="181"/></div><div class="preview-image-title" data-reactid="182">bad example</div><div class="preview-image-description" data-reactid="183"></div><!-- react-empty: 184 --></div></div><p data-reactid="185"><!-- react-text: 186 -->To compare the numbers faster, we suggest that all numbers should keep the same digit numbers after decimal point; meanwhile all numbers should be right-aligned. 。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="187"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="188"><section class="prev-next-nav" data-reactid="189"><a class="prev-page" href="/docs/spec/proximity" data-reactid="190">Proximity</a><a class="next-page" href="/docs/spec/contrast" data-reactid="191">Contrast</a></section></div></div></div><footer id="footer" data-reactid="192"><ul data-reactid="193"><li data-reactid="194"><h2 data-reactid="195"><i class="anticon anticon-github" data-reactid="196"></i><!-- react-text: 197 --> GitHub<!-- /react-text --></h2><div data-reactid="198"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="199"><span data-reactid="200">Repository</span></a></div><div data-reactid="201"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="202"><span data-reactid="203">Customize Theme</span></a></div><div data-reactid="204"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="205"><span data-reactid="206">Awesome Ant Design</span></a></div></li><li data-reactid="207"><h2 data-reactid="208"><i class="anticon anticon-link" data-reactid="209"></i><!-- react-text: 210 --> <!-- /react-text --><span data-reactid="211">Links</span></h2><div data-reactid="212"><a href="https://design.alipay.com/" data-reactid="213"><span data-reactid="214">Ant Financial Design Platform</span></a></div><div data-reactid="215"><a href="http://mobile.ant.design" data-reactid="216">Ant Design Mobile</a><span data-reactid="217"> - </span><span data-reactid="218">Mobile UI</span></div><div data-reactid="219"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="220">dva</a><!-- react-text: 221 --> - <!-- /react-text --><span data-reactid="222">Framework</span></div><div data-reactid="223"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="224">dva-cli</a><!-- react-text: 225 --> -<!-- /react-text --><span data-reactid="226">Developer Tools</span></div><div data-reactid="227"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="228">Egg</a><span data-reactid="229"> - </span><span data-reactid="230">Enterprise Node Framework</span></div><div data-reactid="231"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="232">AntV</a><span data-reactid="233"> - </span><span data-reactid="234">Data Visualization</span></div><div data-reactid="235"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="236">Ant Motion</a><span data-reactid="237"> - </span><span data-reactid="238">Motion Soluction</span></div><div data-reactid="239"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="240">AntD Library</a><span data-reactid="241"> - </span><span data-reactid="242">Axure library</span></div><div data-reactid="243"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="244">Ant UX</a><span data-reactid="245"> - </span><span data-reactid="246">Sitemap Template</span></div></li><li data-reactid="247"><h2 data-reactid="248"><i class="anticon anticon-customer-service" data-reactid="249"></i><!-- react-text: 250 --> <!-- /react-text --><span data-reactid="251">Community</span></h2><div data-reactid="252"><a href="/changelog" data-reactid="253"><span data-reactid="254">Change Log</span></a></div><div data-reactid="255"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="256"><span data-reactid="257">FAQ</span></a></div><div data-reactid="258"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="259"><span data-reactid="260">Chat Room (中文)</span></a></div><div data-reactid="261"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="262"><span data-reactid="263">Chat Room (English)</span></a></div><div data-reactid="264"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="265"><span data-reactid="266">Bug Report</span></a></div><div data-reactid="267"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="268"><span data-reactid="269">Issues</span></a></div><div data-reactid="270"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="271"><span data-reactid="272">StackOverflow</span></a></div><div data-reactid="273"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="274"><span data-reactid="275">SegmentFault</span></a></div></li><li data-reactid="276"><h2 data-reactid="277"><!-- react-text: 278 -->Copyright © <!-- /react-text --><!-- react-text: 279 -->2017<!-- /react-text --></h2><div data-reactid="280"><span data-reactid="281">Created by AIUX</span></div><div data-reactid="282"><!-- react-text: 283 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="284">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/cases-cn.html b/docs/spec/cases-cn.html
index fb0d7dd21..b0c2912c0 100644
--- a/docs/spec/cases-cn.html
+++ b/docs/spec/cases-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1652126033"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="466325169"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->实践案例<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/cases.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->从 2015 年 4 月起，Ant Design 在蚂蚁金服中后台产品线迅速推广，对接多条业务线，覆盖系统 400 个以上。定位于中台业务的 Ant Design 兼顾专业和非专业的设计人员，具有学习成本低、上手速度快、实现效果好等特点，并且提供从界面设计到前端开发的全链路生态，可以大大提升设计和开发的效率。<!-- /react-text --></p><p data-reactid="113"><!-- react-text: 114 -->Ant Design 目前在外部也有 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/477" data-reactid="115"><!-- react-text: 116 -->许多产品实践<!-- /react-text --></a><!-- react-text: 117 -->，如果你的公司和产品从中受益，欢迎留言。<!-- /react-text --></p><h2 id="最佳实践" data-reactid="118"><span data-reactid="119"><!-- react-text: 120 -->最佳实践<!-- /react-text --></span><a href="#最佳实践" class="anchor" data-reactid="121">#</a></h2></section><section class="markdown" data-reactid="122"><h3 id="金融云" data-reactid="123"><span data-reactid="124"><!-- react-text: 125 -->金融云<!-- /react-text --></span><a href="#金融云" class="anchor" data-reactid="126">#</a></h3><div class="preview-image-boxes clearfix preview-image-boxes-with-carousel" data-reactid="127"><div class="preview-image-box" data-reactid="128"><div class="preview-image-wrapper" data-reactid="129"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/kBgLUfEwxlBdwUr.png" data-reactid="130"/></div><div class="preview-image-title" data-reactid="131"></div><div class="preview-image-description" data-reactid="132"></div><!-- react-empty: 133 --></div></div><p data-reactid="134"><!-- react-text: 135 -->金融云是面向金融机构深度定制的行业云计算服务；助力金融机构向新金融转型升级，推动平台、数据和技术方面的能力全面对外开放。<!-- /react-text --></p><p data-reactid="136"><a href="https://www.cloud.alipay.com/" target="_blank" class="outside-link" data-reactid="137"><!-- react-text: 138 -->立即访问<!-- /react-text --></a></p><hr data-reactid="139"/><h3 id="OceanBase-Cloud-Platform" data-reactid="140"><span data-reactid="141"><!-- react-text: 142 -->OceanBase Cloud Platform<!-- /react-text --></span><a href="#OceanBase-Cloud-Platform" class="anchor" data-reactid="143">#</a></h3><div class="preview-image-boxes clearfix preview-image-boxes-with-carousel" data-reactid="144"><div class="preview-image-box" data-reactid="145"><div class="preview-image-wrapper" data-reactid="146"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/JUAXPZYtVyUQfGu.png" data-reactid="147"/></div><div class="preview-image-title" data-reactid="148"></div><div class="preview-image-description" data-reactid="149"></div><!-- react-empty: 150 --></div></div><p data-reactid="151"><!-- react-text: 152 -->OceanBase 是一款真正意义上的云端分布式关系型数据库，而 OceanBase Cloud Platform（云平台）是以 OceanBase 数据库为基础的云服务，可以帮助用户快速创建、使用 OB 服务。<!-- /react-text --></p><p data-reactid="153"><a href="http://oceanbase.alipay.com/" target="_blank" class="outside-link internal" data-reactid="154"><!-- react-text: 155 -->立即访问<!-- /react-text --></a></p><hr data-reactid="156"/><h3 id="服务宝体验平台" data-reactid="157"><span data-reactid="158"><!-- react-text: 159 -->服务宝体验平台<!-- /react-text --></span><a href="#服务宝体验平台" class="anchor" data-reactid="160">#</a></h3><div class="preview-image-boxes clearfix preview-image-boxes-with-carousel" data-reactid="161"><div class="preview-image-box" data-reactid="162"><div class="preview-image-wrapper" data-reactid="163"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/PiSveQClPzmxPTy.png" data-reactid="164"/></div><div class="preview-image-title" data-reactid="165"></div><div class="preview-image-description" data-reactid="166"></div><!-- react-empty: 167 --></div></div><p data-reactid="168"><!-- react-text: 169 -->体验平台是收集用户与公司所有的接触点（包括来电咨询／微博等渠道）的数据，通过数据挖掘和体验同学运营的方式推送给公司内部的业务团队／产品经理，并推动体验问题解决，从而实现良性运转流。<!-- /react-text --></p><p data-reactid="170"><a href="http://tiyan.alipay.com/" target="_blank" class="outside-link internal" data-reactid="171"><!-- react-text: 172 -->立即访问<!-- /react-text --></a></p><hr data-reactid="173"/><p data-reactid="174"><!-- react-text: 175 -->更多 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/477" data-reactid="176"><!-- react-text: 177 -->社区案例<!-- /react-text --></a><!-- react-text: 178 -->。<!-- /react-text --></p><style data-reactid="179">
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->实践案例<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/cases.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->从 2015 年 4 月起，Ant Design 在蚂蚁金服中后台产品线迅速推广，对接多条业务线，覆盖系统 400 个以上。定位于中台业务的 Ant Design 兼顾专业和非专业的设计人员，具有学习成本低、上手速度快、实现效果好等特点，并且提供从界面设计到前端开发的全链路生态，可以大大提升设计和开发的效率。<!-- /react-text --></p><p data-reactid="113"><!-- react-text: 114 -->Ant Design 目前在外部也有 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/477" data-reactid="115"><!-- react-text: 116 -->许多产品实践<!-- /react-text --></a><!-- react-text: 117 -->，如果你的公司和产品从中受益，欢迎留言。<!-- /react-text --></p><h2 id="最佳实践" data-reactid="118"><span data-reactid="119"><!-- react-text: 120 -->最佳实践<!-- /react-text --></span><a href="#最佳实践" class="anchor" data-reactid="121">#</a></h2></section><section class="markdown" data-reactid="122"><h3 id="金融云" data-reactid="123"><span data-reactid="124"><!-- react-text: 125 -->金融云<!-- /react-text --></span><a href="#金融云" class="anchor" data-reactid="126">#</a></h3><div class="preview-image-boxes clearfix preview-image-boxes-with-carousel" data-reactid="127"><div class="preview-image-box" data-reactid="128"><div class="preview-image-wrapper" data-reactid="129"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/kBgLUfEwxlBdwUr.png" data-reactid="130"/></div><div class="preview-image-title" data-reactid="131"></div><div class="preview-image-description" data-reactid="132"></div><!-- react-empty: 133 --></div></div><p data-reactid="134"><!-- react-text: 135 -->金融云是面向金融机构深度定制的行业云计算服务；助力金融机构向新金融转型升级，推动平台、数据和技术方面的能力全面对外开放。<!-- /react-text --></p><p data-reactid="136"><a href="https://www.cloud.alipay.com/" target="_blank" class="outside-link" data-reactid="137"><!-- react-text: 138 -->立即访问<!-- /react-text --></a></p><hr data-reactid="139"/><h3 id="OceanBase-Cloud-Platform" data-reactid="140"><span data-reactid="141"><!-- react-text: 142 -->OceanBase Cloud Platform<!-- /react-text --></span><a href="#OceanBase-Cloud-Platform" class="anchor" data-reactid="143">#</a></h3><div class="preview-image-boxes clearfix preview-image-boxes-with-carousel" data-reactid="144"><div class="preview-image-box" data-reactid="145"><div class="preview-image-wrapper" data-reactid="146"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/JUAXPZYtVyUQfGu.png" data-reactid="147"/></div><div class="preview-image-title" data-reactid="148"></div><div class="preview-image-description" data-reactid="149"></div><!-- react-empty: 150 --></div></div><p data-reactid="151"><!-- react-text: 152 -->OceanBase 是一款真正意义上的云端分布式关系型数据库，而 OceanBase Cloud Platform（云平台）是以 OceanBase 数据库为基础的云服务，可以帮助用户快速创建、使用 OB 服务。<!-- /react-text --></p><p data-reactid="153"><a href="http://oceanbase.alipay.com/" target="_blank" class="outside-link internal" data-reactid="154"><!-- react-text: 155 -->立即访问<!-- /react-text --></a></p><hr data-reactid="156"/><h3 id="服务宝体验平台" data-reactid="157"><span data-reactid="158"><!-- react-text: 159 -->服务宝体验平台<!-- /react-text --></span><a href="#服务宝体验平台" class="anchor" data-reactid="160">#</a></h3><div class="preview-image-boxes clearfix preview-image-boxes-with-carousel" data-reactid="161"><div class="preview-image-box" data-reactid="162"><div class="preview-image-wrapper" data-reactid="163"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/PiSveQClPzmxPTy.png" data-reactid="164"/></div><div class="preview-image-title" data-reactid="165"></div><div class="preview-image-description" data-reactid="166"></div><!-- react-empty: 167 --></div></div><p data-reactid="168"><!-- react-text: 169 -->体验平台是收集用户与公司所有的接触点（包括来电咨询／微博等渠道）的数据，通过数据挖掘和体验同学运营的方式推送给公司内部的业务团队／产品经理，并推动体验问题解决，从而实现良性运转流。<!-- /react-text --></p><p data-reactid="170"><a href="http://tiyan.alipay.com/" target="_blank" class="outside-link internal" data-reactid="171"><!-- react-text: 172 -->立即访问<!-- /react-text --></a></p><hr data-reactid="173"/><p data-reactid="174"><!-- react-text: 175 -->更多 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/477" data-reactid="176"><!-- react-text: 177 -->社区案例<!-- /react-text --></a><!-- react-text: 178 -->。<!-- /react-text --></p><style data-reactid="179">
 .preview-image-boxes {
   margin-top: -36px;
 }
diff --git a/docs/spec/cases.html b/docs/spec/cases.html
index b20ce7fc7..fd838499f 100644
--- a/docs/spec/cases.html
+++ b/docs/spec/cases.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-2125226108"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1442815878"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/lightweight" data-reactid="72">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/stay" data-reactid="74">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Cases<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/cases.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->Starting in April 2015, more and more products of Ant Financial follow Ant Design specification, covering multiple business lines and more than 400 applications.
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay" data-reactid="72">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight" data-reactid="74">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Cases<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/cases.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->Starting in April 2015, more and more products of Ant Financial follow Ant Design specification, covering multiple business lines and more than 400 applications.
 Designed for enterprise-like complex UIs, used by both professional and non-professional designers,
 Ant Design has a low learning curve that helps you getting started fast and achieve rapid results.<!-- /react-text --></p><p data-reactid="113"><!-- react-text: 114 -->With a strong focus on proof-based design and user experience,
 Ant Design provides a complete front-end development solution that can greatly enhance the design and development efficiency.<!-- /react-text --></p><p data-reactid="115"><!-- react-text: 116 -->Currently, there are many products and sites using Ant Design.
diff --git a/docs/spec/colors-cn.html b/docs/spec/colors-cn.html
index 6fdabf922..5af16ecde 100644
--- a/docs/spec/colors-cn.html
+++ b/docs/spec/colors-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1593783679"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1275579007"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->色彩<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/colors.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->设计中对色彩的运用不仅应考虑品牌的识别性，还需达到信息传递、操作指引、交互反馈，或是强化和凸显某一个元素的目的。基于操作系统更注重高效、清晰等特点，Ant Design 的用色上更偏向简洁实用一些。在选择色彩时有以下三个注意点：<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->色彩应与产品定位相匹配，且符合用户心理认知；<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->视觉层次应清晰分明，为重要行动点或关键信息定义一个主色，并建立视觉连续性；<!-- /react-text --></p></li><li data-reactid="120"><p data-reactid="121"><!-- react-text: 122 -->遵守 WCAG 2.0 的 标准，保证足够的对比度，让色彩更容易被视障碍（色盲）用户识别。<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="123"><ul data-reactid="124"><li data-reactid="125"><a class="bisheng-toc-h2" href="#色板" title="色板" data-reactid="126"><!-- react-text: 127 -->色板<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#色彩应用" title="色彩应用" data-reactid="129"><!-- react-text: 130 -->色彩应用<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="131"><h2 id="色板" data-reactid="132"><span data-reactid="133"><!-- react-text: 134 -->色板<!-- /react-text --></span><a href="#色板" class="anchor" data-reactid="135">#</a></h2><p data-reactid="136"><!-- react-text: 137 -->Ant Design PC 端的色板由 10 个由浅至深的色彩单元格组成，我们为部分色彩格定义了默认使用场景，用户在进行色彩配色时只需根据关键词选择一条色板即可得到一套完整的系统配色方案。在理论上，在 UI 设计中的色彩都应取自这份色板。<!-- /react-text --></p><p data-reactid="138"><!-- react-text: 139 -->经过设计师和程序员的精心调教，结合了色彩加白、加黑、加深，贝塞尔曲线，以及针对冷暖色的不同旋转角度，得出一套<!-- /react-text --><a href="https://github.com/ant-design/ant-design/blob/734beb84ffc3f0469fbae1566aa8450f966cb261/components/style/color/colorPalette.less" data-reactid="140"><!-- react-text: 141 -->色板生成算法<!-- /react-text --></a><!-- react-text: 142 -->（用以取代我们原来的 tint/shade 色彩系统）。使用者只需指定主色，便可导出一条完整的渐变色板。<!-- /react-text --></p><p data-reactid="143"><!-- react-text: 144 -->Ant Design 的色板由 8 种基本色彩组成，每种基本色（第 6 格）又按上述算法衍生出 10 种渐变色。<!-- /react-text --></p><blockquote data-reactid="145"><p data-reactid="146"><!-- react-text: 147 -->注：在由浅至深的色板里，第 6 格色彩单元格普遍满足 <!-- /react-text --><a href="http://leaverou.github.io/contrast-ratio/" data-reactid="148"><!-- react-text: 149 -->WCAG 2.0<!-- /react-text --></a><!-- react-text: 150 --> 的 4.5:1 最小对比度（AA 级），我们将其定义为色板的默认品牌色。<!-- /react-text --></p></blockquote><div data-reactid="151"><div class="color-palette" data-reactid="152"><div class="color-title" data-reactid="153"><!-- react-text: 154 -->red<!-- /react-text --><span class="color-description" data-reactid="155">热情、警示</span></div><div class="main-color" data-reactid="156"><div class="main-color-item palatte-red-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="157"><!-- react-text: 158 -->red-1<!-- /react-text --></div><div class="main-color-item palatte-red-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="159"><!-- react-text: 160 -->red-2<!-- /react-text --></div><div class="main-color-item palatte-red-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="161"><!-- react-text: 162 -->red-3<!-- /react-text --></div><div class="main-color-item palatte-red-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="163"><!-- react-text: 164 -->red-4<!-- /react-text --></div><div class="main-color-item palatte-red-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="165"><!-- react-text: 166 -->red-5<!-- /react-text --></div><div class="main-color-item palatte-red-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="167"><!-- react-text: 168 -->red-6<!-- /react-text --></div><div class="main-color-item palatte-red-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="169"><!-- react-text: 170 -->red-7<!-- /react-text --></div><div class="main-color-item palatte-red-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="171"><!-- react-text: 172 -->red-8<!-- /react-text --></div><div class="main-color-item palatte-red-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="173"><!-- react-text: 174 -->red-9<!-- /react-text --></div><div class="main-color-item palatte-red-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="175"><!-- react-text: 176 -->red-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="177"><div class="color-title" data-reactid="178"><!-- react-text: 179 -->green<!-- /react-text --><span class="color-description" data-reactid="180">成功、通过、安全</span></div><div class="main-color" data-reactid="181"><div class="main-color-item palatte-green-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="182"><!-- react-text: 183 -->green-1<!-- /react-text --></div><div class="main-color-item palatte-green-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="184"><!-- react-text: 185 -->green-2<!-- /react-text --></div><div class="main-color-item palatte-green-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="186"><!-- react-text: 187 -->green-3<!-- /react-text --></div><div class="main-color-item palatte-green-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="188"><!-- react-text: 189 -->green-4<!-- /react-text --></div><div class="main-color-item palatte-green-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="190"><!-- react-text: 191 -->green-5<!-- /react-text --></div><div class="main-color-item palatte-green-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="192"><!-- react-text: 193 -->green-6<!-- /react-text --></div><div class="main-color-item palatte-green-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="194"><!-- react-text: 195 -->green-7<!-- /react-text --></div><div class="main-color-item palatte-green-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="196"><!-- react-text: 197 -->green-8<!-- /react-text --></div><div class="main-color-item palatte-green-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="198"><!-- react-text: 199 -->green-9<!-- /react-text --></div><div class="main-color-item palatte-green-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="200"><!-- react-text: 201 -->green-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="202"><div class="color-title" data-reactid="203"><!-- react-text: 204 -->blue<!-- /react-text --><span class="color-description" data-reactid="205">专业、科技</span></div><div class="main-color" data-reactid="206"><div class="main-color-item palatte-blue-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="207"><!-- react-text: 208 -->blue-1<!-- /react-text --></div><div class="main-color-item palatte-blue-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="209"><!-- react-text: 210 -->blue-2<!-- /react-text --></div><div class="main-color-item palatte-blue-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="211"><!-- react-text: 212 -->blue-3<!-- /react-text --></div><div class="main-color-item palatte-blue-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="213"><!-- react-text: 214 -->blue-4<!-- /react-text --></div><div class="main-color-item palatte-blue-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="215"><!-- react-text: 216 -->blue-5<!-- /react-text --></div><div class="main-color-item palatte-blue-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="217"><!-- react-text: 218 -->blue-6<!-- /react-text --></div><div class="main-color-item palatte-blue-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="219"><!-- react-text: 220 -->blue-7<!-- /react-text --></div><div class="main-color-item palatte-blue-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="221"><!-- react-text: 222 -->blue-8<!-- /react-text --></div><div class="main-color-item palatte-blue-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="223"><!-- react-text: 224 -->blue-9<!-- /react-text --></div><div class="main-color-item palatte-blue-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="225"><!-- react-text: 226 -->blue-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="227"><div class="color-title" data-reactid="228"><!-- react-text: 229 -->pink<!-- /react-text --><span class="color-description" data-reactid="230">典雅、明快、女性</span></div><div class="main-color" data-reactid="231"><div class="main-color-item palatte-pink-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="232"><!-- react-text: 233 -->pink-1<!-- /react-text --></div><div class="main-color-item palatte-pink-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="234"><!-- react-text: 235 -->pink-2<!-- /react-text --></div><div class="main-color-item palatte-pink-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="236"><!-- react-text: 237 -->pink-3<!-- /react-text --></div><div class="main-color-item palatte-pink-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="238"><!-- react-text: 239 -->pink-4<!-- /react-text --></div><div class="main-color-item palatte-pink-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="240"><!-- react-text: 241 -->pink-5<!-- /react-text --></div><div class="main-color-item palatte-pink-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="242"><!-- react-text: 243 -->pink-6<!-- /react-text --></div><div class="main-color-item palatte-pink-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="244"><!-- react-text: 245 -->pink-7<!-- /react-text --></div><div class="main-color-item palatte-pink-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="246"><!-- react-text: 247 -->pink-8<!-- /react-text --></div><div class="main-color-item palatte-pink-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="248"><!-- react-text: 249 -->pink-9<!-- /react-text --></div><div class="main-color-item palatte-pink-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="250"><!-- react-text: 251 -->pink-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="252"><div class="color-title" data-reactid="253"><!-- react-text: 254 -->orange<!-- /react-text --><span class="color-description" data-reactid="255">醒目、温暖</span></div><div class="main-color" data-reactid="256"><div class="main-color-item palatte-orange-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="257"><!-- react-text: 258 -->orange-1<!-- /react-text --></div><div class="main-color-item palatte-orange-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="259"><!-- react-text: 260 -->orange-2<!-- /react-text --></div><div class="main-color-item palatte-orange-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="261"><!-- react-text: 262 -->orange-3<!-- /react-text --></div><div class="main-color-item palatte-orange-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="263"><!-- react-text: 264 -->orange-4<!-- /react-text --></div><div class="main-color-item palatte-orange-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="265"><!-- react-text: 266 -->orange-5<!-- /react-text --></div><div class="main-color-item palatte-orange-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="267"><!-- react-text: 268 -->orange-6<!-- /react-text --></div><div class="main-color-item palatte-orange-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="269"><!-- react-text: 270 -->orange-7<!-- /react-text --></div><div class="main-color-item palatte-orange-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="271"><!-- react-text: 272 -->orange-8<!-- /react-text --></div><div class="main-color-item palatte-orange-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="273"><!-- react-text: 274 -->orange-9<!-- /react-text --></div><div class="main-color-item palatte-orange-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="275"><!-- react-text: 276 -->orange-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="277"><div class="color-title" data-reactid="278"><!-- react-text: 279 -->purple<!-- /react-text --><span class="color-description" data-reactid="280">高雅、浪漫</span></div><div class="main-color" data-reactid="281"><div class="main-color-item palatte-purple-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="282"><!-- react-text: 283 -->purple-1<!-- /react-text --></div><div class="main-color-item palatte-purple-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="284"><!-- react-text: 285 -->purple-2<!-- /react-text --></div><div class="main-color-item palatte-purple-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="286"><!-- react-text: 287 -->purple-3<!-- /react-text --></div><div class="main-color-item palatte-purple-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="288"><!-- react-text: 289 -->purple-4<!-- /react-text --></div><div class="main-color-item palatte-purple-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="290"><!-- react-text: 291 -->purple-5<!-- /react-text --></div><div class="main-color-item palatte-purple-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="292"><!-- react-text: 293 -->purple-6<!-- /react-text --></div><div class="main-color-item palatte-purple-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="294"><!-- react-text: 295 -->purple-7<!-- /react-text --></div><div class="main-color-item palatte-purple-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="296"><!-- react-text: 297 -->purple-8<!-- /react-text --></div><div class="main-color-item palatte-purple-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="298"><!-- react-text: 299 -->purple-9<!-- /react-text --></div><div class="main-color-item palatte-purple-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="300"><!-- react-text: 301 -->purple-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="302"><div class="color-title" data-reactid="303"><!-- react-text: 304 -->yellow<!-- /react-text --><span class="color-description" data-reactid="305">活力、提示</span></div><div class="main-color" data-reactid="306"><div class="main-color-item palatte-yellow-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="307"><!-- react-text: 308 -->yellow-1<!-- /react-text --></div><div class="main-color-item palatte-yellow-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="309"><!-- react-text: 310 -->yellow-2<!-- /react-text --></div><div class="main-color-item palatte-yellow-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="311"><!-- react-text: 312 -->yellow-3<!-- /react-text --></div><div class="main-color-item palatte-yellow-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="313"><!-- react-text: 314 -->yellow-4<!-- /react-text --></div><div class="main-color-item palatte-yellow-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="315"><!-- react-text: 316 -->yellow-5<!-- /react-text --></div><div class="main-color-item palatte-yellow-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="317"><!-- react-text: 318 -->yellow-6<!-- /react-text --></div><div class="main-color-item palatte-yellow-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="319"><!-- react-text: 320 -->yellow-7<!-- /react-text --></div><div class="main-color-item palatte-yellow-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="321"><!-- react-text: 322 -->yellow-8<!-- /react-text --></div><div class="main-color-item palatte-yellow-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="323"><!-- react-text: 324 -->yellow-9<!-- /react-text --></div><div class="main-color-item palatte-yellow-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="325"><!-- react-text: 326 -->yellow-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="327"><div class="color-title" data-reactid="328"><!-- react-text: 329 -->cyan<!-- /react-text --><span class="color-description" data-reactid="330">清新、冷静、结构化</span></div><div class="main-color" data-reactid="331"><div class="main-color-item palatte-cyan-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="332"><!-- react-text: 333 -->cyan-1<!-- /react-text --></div><div class="main-color-item palatte-cyan-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="334"><!-- react-text: 335 -->cyan-2<!-- /react-text --></div><div class="main-color-item palatte-cyan-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="336"><!-- react-text: 337 -->cyan-3<!-- /react-text --></div><div class="main-color-item palatte-cyan-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="338"><!-- react-text: 339 -->cyan-4<!-- /react-text --></div><div class="main-color-item palatte-cyan-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="340"><!-- react-text: 341 -->cyan-5<!-- /react-text --></div><div class="main-color-item palatte-cyan-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="342"><!-- react-text: 343 -->cyan-6<!-- /react-text --></div><div class="main-color-item palatte-cyan-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="344"><!-- react-text: 345 -->cyan-7<!-- /react-text --></div><div class="main-color-item palatte-cyan-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="346"><!-- react-text: 347 -->cyan-8<!-- /react-text --></div><div class="main-color-item palatte-cyan-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="348"><!-- react-text: 349 -->cyan-9<!-- /react-text --></div><div class="main-color-item palatte-cyan-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="350"><!-- react-text: 351 -->cyan-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="352"><div class="color-title" data-reactid="353"><!-- react-text: 354 -->grey<!-- /react-text --><span class="color-description" data-reactid="355">平稳、中性</span></div><div class="main-color" data-reactid="356"><div class="main-color-item palatte-grey-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="357"><!-- react-text: 358 -->grey-1<!-- /react-text --></div><div class="main-color-item palatte-grey-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="359"><!-- react-text: 360 -->grey-2<!-- /react-text --></div><div class="main-color-item palatte-grey-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="361"><!-- react-text: 362 -->grey-3<!-- /react-text --></div><div class="main-color-item palatte-grey-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="363"><!-- react-text: 364 -->grey-4<!-- /react-text --></div><div class="main-color-item palatte-grey-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="365"><!-- react-text: 366 -->grey-5<!-- /react-text --></div><div class="main-color-item palatte-grey-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="367"><!-- react-text: 368 -->grey-6<!-- /react-text --></div><div class="main-color-item palatte-grey-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="369"><!-- react-text: 370 -->grey-7<!-- /react-text --></div><div class="main-color-item palatte-grey-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="371"><!-- react-text: 372 -->grey-8<!-- /react-text --></div><div class="main-color-item palatte-grey-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="373"><!-- react-text: 374 -->grey-9<!-- /react-text --></div><div class="main-color-item palatte-grey-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="375"><!-- react-text: 376 -->grey-10<!-- /react-text --></div></div></div></div><p data-reactid="377"><!-- react-text: 378 -->为了考虑文本在不同颜色背景下的呈现，我们选择了『White #FFFFFF』和『Black #000000』并配以透明度来区分文本的等级层次。详情请查看 <!-- /react-text --><a href="/docs/spec/font-cn-cn#字体颜色" data-reactid="379">字体颜色</a><!-- react-text: 380 -->。<!-- /react-text --></p><h3 id="色板生成工具" data-reactid="381"><span data-reactid="382"><!-- react-text: 383 -->色板生成工具<!-- /react-text --></span><a href="#色板生成工具" class="anchor" data-reactid="384">#</a></h3><p data-reactid="385"><!-- react-text: 386 -->如果上面的色板不能满足你的需求，你可以选择一个主色，Ant Design 的色彩生成算法会为你生成完整的色板。<!-- /react-text --></p><div class="color-palette" data-reactid="387"><div class="color-palette-pick" data-reactid="388"><!-- react-text: 389 -->选择自定义主色<!-- /react-text --><div class="color-palette-picker" data-reactid="390"><span style="display:inline-block;" data-reactid="391"><div data-reactid="392"><div style="padding:5px;background:#fff;border-radius:1px;box-shadow:0 0 0 1px rgba(0,0,0,.1);display:inline-block;cursor:pointer;" data-reactid="393"><div style="width:120px;height:24px;border-radius:2px;background:#108ee9;" data-reactid="394"></div></div></div></span><div class="color-palette-picker-value" data-reactid="395">#108ee9</div></div></div><div class="main-color" data-reactid="396"><div class="main-color-item" style="background:#ECF6FD;color:unset;font-weight:normal;" title="click to copy color" data-reactid="397"><!-- react-text: 398 -->color-<!-- /react-text --><!-- react-text: 399 -->1<!-- /react-text --><span class="main-color-value" data-reactid="400">#ECF6FD</span></div><div class="main-color-item" style="background:#D2EAFB;color:unset;font-weight:normal;" title="click to copy color" data-reactid="401"><!-- react-text: 402 -->color-<!-- /react-text --><!-- react-text: 403 -->2<!-- /react-text --><span class="main-color-value" data-reactid="404">#D2EAFB</span></div><div class="main-color-item" style="background:#ADD8F7;color:unset;font-weight:normal;" title="click to copy color" data-reactid="405"><!-- react-text: 406 -->color-<!-- /react-text --><!-- react-text: 407 -->3<!-- /react-text --><span class="main-color-value" data-reactid="408">#ADD8F7</span></div><div class="main-color-item" style="background:#7EC2F3;color:unset;font-weight:normal;" title="click to copy color" data-reactid="409"><!-- react-text: 410 -->color-<!-- /react-text --><!-- react-text: 411 -->4<!-- /react-text --><span class="main-color-value" data-reactid="412">#7EC2F3</span></div><div class="main-color-item" style="background:#49A9EE;color:unset;font-weight:normal;" title="click to copy color" data-reactid="413"><!-- react-text: 414 -->color-<!-- /react-text --><!-- react-text: 415 -->5<!-- /react-text --><span class="main-color-value" data-reactid="416">#49A9EE</span></div><div class="main-color-item" style="background:#108EE9;color:#fff;font-weight:bold;" title="click to copy color" data-reactid="417"><!-- react-text: 418 -->color-<!-- /react-text --><!-- react-text: 419 -->6<!-- /react-text --><span class="main-color-value" data-reactid="420">#108EE9</span></div><div class="main-color-item" style="background:#0E77CA;color:#fff;font-weight:normal;" title="click to copy color" data-reactid="421"><!-- react-text: 422 -->color-<!-- /react-text --><!-- react-text: 423 -->7<!-- /react-text --><span class="main-color-value" data-reactid="424">#0E77CA</span></div><div class="main-color-item" style="background:#0C60AA;color:#fff;font-weight:normal;" title="click to copy color" data-reactid="425"><!-- react-text: 426 -->color-<!-- /react-text --><!-- react-text: 427 -->8<!-- /react-text --><span class="main-color-value" data-reactid="428">#0C60AA</span></div><div class="main-color-item" style="background:#09488A;color:#fff;font-weight:normal;" title="click to copy color" data-reactid="429"><!-- react-text: 430 -->color-<!-- /react-text --><!-- react-text: 431 -->9<!-- /react-text --><span class="main-color-value" data-reactid="432">#09488A</span></div><div class="main-color-item" style="background:#073069;color:#fff;font-weight:normal;" title="click to copy color" data-reactid="433"><!-- react-text: 434 -->color-<!-- /react-text --><!-- react-text: 435 -->10<!-- /react-text --><span class="main-color-value" data-reactid="436">#073069</span></div></div></div><hr data-reactid="437"/><h2 id="色彩应用" data-reactid="438"><span data-reactid="439"><!-- react-text: 440 -->色彩应用<!-- /react-text --></span><a href="#色彩应用" class="anchor" data-reactid="441">#</a></h2><h3 id="品牌色的应用" data-reactid="442"><span data-reactid="443"><!-- react-text: 444 -->品牌色的应用<!-- /react-text --></span><a href="#品牌色的应用" class="anchor" data-reactid="445">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="446"><div class="preview-image-box" data-reactid="447"><div class="preview-image-wrapper" data-reactid="448"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/lVKfKMuLmaTlnTDitPEJ.png" alt="Ant Design 品牌色常用色值" data-reactid="449"/></div><div class="preview-image-title" data-reactid="450">Ant Design 品牌色常用色值</div><div class="preview-image-description" data-reactid="451"></div><!-- react-empty: 452 --></div></div><p data-reactid="453"><!-- react-text: 454 -->品牌色是体现产品特性和传播理念最直观的视觉元素之一。在色彩选取时，需先了解品牌色在界面中的使用场景及选色范围。以 Ant Design 网页组件的默认样式为例，品牌色主要体现在关键行动点及操作状态、重要信息高亮等场景。<!-- /react-text --></p><blockquote data-reactid="455"><p data-reactid="456"><!-- react-text: 457 -->注：图形插画和 logo 可以不必遵循色板，但需保持相近的色系。<!-- /react-text --></p></blockquote><h3 id="中性色的应用" data-reactid="458"><span data-reactid="459"><!-- react-text: 460 -->中性色的应用<!-- /react-text --></span><a href="#中性色的应用" class="anchor" data-reactid="461">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="462"><div class="preview-image-box" data-reactid="463"><div class="preview-image-wrapper" data-reactid="464"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/AmXwsVOWrLxDfwLNlyvL.png" alt="Ant Design 中性色常用色值" data-reactid="465"/></div><div class="preview-image-title" data-reactid="466">Ant Design 中性色常用色值</div><div class="preview-image-description" data-reactid="467"></div><!-- react-empty: 468 --></div></div><p data-reactid="469"><!-- react-text: 470 -->灰色作为中性色在 Ant Design 的网页设计中被大量使用到，它的使用有利于关键内容的衬托和功能的引导。这类色彩主要体现在导航框架、背景底色、描边、或次级操作等等。<!-- /react-text --></p><h3 id="功能色的应用" data-reactid="471"><span data-reactid="472"><!-- react-text: 473 -->功能色的应用<!-- /react-text --></span><a href="#功能色的应用" class="anchor" data-reactid="474">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="475"><div class="preview-image-box" data-reactid="476"><div class="preview-image-wrapper" data-reactid="477"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/mewwdThVwyTQzpZQtYXw.png" alt="Ant Design 功能色卡" data-reactid="478"/></div><div class="preview-image-title" data-reactid="479">Ant Design 功能色卡</div><div class="preview-image-description" data-reactid="480"></div><!-- react-empty: 481 --></div></div><p data-reactid="482"><!-- react-text: 483 -->UI 设计中，比较稳定的色彩除了中性色外还有具备特定含义的功能色，这类色彩起到传递功能信息、代表某种状态等作用。主要应用于消息通知、反馈提醒、表单校验这类场景中的成功、出错、失败、提醒、链接等状态。<!-- /react-text --></p><h3 id="视觉层次" data-reactid="484"><span data-reactid="485"><!-- react-text: 486 -->视觉层次<!-- /react-text --></span><a href="#视觉层次" class="anchor" data-reactid="487">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="488"><div class="preview-image-box" data-reactid="489"><div class="preview-image-wrapper good" data-reactid="490"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/ADUfVlZwjziJRUQSMbMt.png" alt="正确示例" data-reactid="491"/></div><div class="preview-image-title" data-reactid="492">正确示例</div><div class="preview-image-description" data-reactid="493">通过品牌色引导用户的视线路径</div><!-- react-empty: 494 --></div></div><p data-reactid="495"><!-- react-text: 496 -->将品牌色赋予在重要信息或关键主动点上，并衬以大面积的中性色，可以让用户更聚焦到任务本身，从而提高任务的执行效率。<!-- /react-text --></p><p data-reactid="497"><br data-reactid="498"/></p><div class="preview-image-boxes clearfix" data-reactid="499"><div class="preview-image-box" data-reactid="500"><div class="preview-image-wrapper bad" data-reactid="501"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/RmSDSeAAYphuiDFszIMa.png" alt="错误示例" data-reactid="502"/></div><div class="preview-image-title" data-reactid="503">错误示例</div><div class="preview-image-description" data-reactid="504">操作界面使用的色彩应尽量避免面积过大或种类过多而造成用户视觉疲劳</div><!-- react-empty: 505 --></div></div><blockquote data-reactid="506"><p data-reactid="507"><!-- react-text: 508 -->注：界面用色建议不超过三种（数据图表和图形类插画除外）。<!-- /react-text --></p></blockquote><h3 id="色彩的易识别性" data-reactid="509"><span data-reactid="510"><!-- react-text: 511 -->色彩的易识别性<!-- /react-text --></span><a href="#色彩的易识别性" class="anchor" data-reactid="512">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="513"><div class="preview-image-box" style="width:50%;" data-reactid="514"><div class="preview-image-wrapper good" data-reactid="515"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/jeyvhMIQgoPUotNerRGy.png" alt="正确示例" data-reactid="516"/></div><div class="preview-image-title" data-reactid="517">正确示例</div><div class="preview-image-description" data-reactid="518"></div><!-- react-empty: 519 --></div><div class="preview-image-box" style="width:50%;" data-reactid="520"><div class="preview-image-wrapper bad" data-reactid="521"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/ppdlrVnFCsYVicjDrnzi.png" alt="错误示例" data-reactid="522"/></div><div class="preview-image-title" data-reactid="523">错误示例</div><div class="preview-image-description" data-reactid="524">当对比度数值低于 3:1 时，弱视用户将很难识别</div><!-- react-empty: 525 --></div></div><p data-reactid="526"><!-- react-text: 527 -->Ant Design 的色板颜色遵守 WCAG 2.0 的标准，操作类的色彩搭配都应满足颜色对比值 3:1 的最低标准。<!-- /react-text --></p><ul data-reactid="528"><li data-reactid="529"><p data-reactid="530"><a href="http://leaverou.github.io/contrast-ratio/#%23454545-on-%23fff" data-reactid="531"><!-- react-text: 532 -->色彩对比值校验工具<!-- /react-text --></a></p></li></ul></section></article></div></div><div class="ant-row" data-reactid="533"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="534"><section class="prev-next-nav" data-reactid="535"><a class="prev-page" href="/docs/spec/reaction-cn" data-reactid="536">即时反应</a><a class="next-page" href="/docs/spec/icon-cn" data-reactid="537">图标</a></section></div></div></div><footer id="footer" data-reactid="538"><ul data-reactid="539"><li data-reactid="540"><h2 data-reactid="541"><i class="anticon anticon-github" data-reactid="542"></i><!-- react-text: 543 --> GitHub<!-- /react-text --></h2><div data-reactid="544"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="545"><span data-reactid="546">源码仓库</span></a></div><div data-reactid="547"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="548"><span data-reactid="549">定制主题</span></a></div><div data-reactid="550"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="551"><span data-reactid="552">Awesome Ant Design</span></a></div></li><li data-reactid="553"><h2 data-reactid="554"><i class="anticon anticon-link" data-reactid="555"></i><!-- react-text: 556 --> <!-- /react-text --><span data-reactid="557">相关站点</span></h2><div data-reactid="558"><a href="https://design.alipay.com/" data-reactid="559"><span data-reactid="560">蚂蚁金服设计平台</span></a></div><div data-reactid="561"><a href="http://mobile.ant.design" data-reactid="562">Ant Design Mobile</a><span data-reactid="563"> - </span><span data-reactid="564">移动版</span></div><div data-reactid="565"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="566">dva</a><!-- react-text: 567 --> - <!-- /react-text --><span data-reactid="568">应用框架</span></div><div data-reactid="569"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="570">dva-cli</a><!-- react-text: 571 --> -<!-- /react-text --><span data-reactid="572">开发工具</span></div><div data-reactid="573"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="574">Egg</a><span data-reactid="575"> - </span><span data-reactid="576">企业级 Node 开发框架</span></div><div data-reactid="577"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="578">AntV</a><span data-reactid="579"> - </span><span data-reactid="580">数据可视化</span></div><div data-reactid="581"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="582">Ant Motion</a><span data-reactid="583"> - </span><span data-reactid="584">设计动效</span></div><div data-reactid="585"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="586">AntD Library</a><span data-reactid="587"> - </span><span data-reactid="588">Axure 部件库</span></div><div data-reactid="589"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="590">Ant UX</a><span data-reactid="591"> - </span><span data-reactid="592">页面逻辑素材</span></div></li><li data-reactid="593"><h2 data-reactid="594"><i class="anticon anticon-customer-service" data-reactid="595"></i><!-- react-text: 596 --> <!-- /react-text --><span data-reactid="597">社区</span></h2><div data-reactid="598"><a href="/changelog" data-reactid="599"><span data-reactid="600">更新记录</span></a></div><div data-reactid="601"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="602"><span data-reactid="603">常见问题</span></a></div><div data-reactid="604"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="605"><span data-reactid="606">在线讨论 (中文)</span></a></div><div data-reactid="607"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="608"><span data-reactid="609">在线讨论 (English)</span></a></div><div data-reactid="610"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="611"><span data-reactid="612">报告 Bug</span></a></div><div data-reactid="613"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="614"><span data-reactid="615">讨论列表</span></a></div><div data-reactid="616"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="617"><span data-reactid="618">StackOverflow</span></a></div><div data-reactid="619"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="620"><span data-reactid="621">SegmentFault</span></a></div></li><li data-reactid="622"><h2 data-reactid="623"><!-- react-text: 624 -->Copyright © <!-- /react-text --><!-- react-text: 625 -->2017<!-- /react-text --></h2><div data-reactid="626"><span data-reactid="627">蚂蚁金服体验技术部出品</span></div><div data-reactid="628"><!-- react-text: 629 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="630">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->色彩<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/colors.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->设计中对色彩的运用不仅应考虑品牌的识别性，还需达到信息传递、操作指引、交互反馈，或是强化和凸显某一个元素的目的。基于操作系统更注重高效、清晰等特点，Ant Design 的用色上更偏向简洁实用一些。在选择色彩时有以下三个注意点：<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->色彩应与产品定位相匹配，且符合用户心理认知；<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->视觉层次应清晰分明，为重要行动点或关键信息定义一个主色，并建立视觉连续性；<!-- /react-text --></p></li><li data-reactid="120"><p data-reactid="121"><!-- react-text: 122 -->遵守 WCAG 2.0 的 标准，保证足够的对比度，让色彩更容易被视障碍（色盲）用户识别。<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="123"><ul data-reactid="124"><li data-reactid="125"><a class="bisheng-toc-h2" href="#色板" title="色板" data-reactid="126"><!-- react-text: 127 -->色板<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#色彩应用" title="色彩应用" data-reactid="129"><!-- react-text: 130 -->色彩应用<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="131"><h2 id="色板" data-reactid="132"><span data-reactid="133"><!-- react-text: 134 -->色板<!-- /react-text --></span><a href="#色板" class="anchor" data-reactid="135">#</a></h2><p data-reactid="136"><!-- react-text: 137 -->Ant Design PC 端的色板由 10 个由浅至深的色彩单元格组成，我们为部分色彩格定义了默认使用场景，用户在进行色彩配色时只需根据关键词选择一条色板即可得到一套完整的系统配色方案。在理论上，在 UI 设计中的色彩都应取自这份色板。<!-- /react-text --></p><p data-reactid="138"><!-- react-text: 139 -->经过设计师和程序员的精心调教，结合了色彩加白、加黑、加深，贝塞尔曲线，以及针对冷暖色的不同旋转角度，得出一套<!-- /react-text --><a href="https://github.com/ant-design/ant-design/blob/734beb84ffc3f0469fbae1566aa8450f966cb261/components/style/color/colorPalette.less" data-reactid="140"><!-- react-text: 141 -->色板生成算法<!-- /react-text --></a><!-- react-text: 142 -->（用以取代我们原来的 tint/shade 色彩系统）。使用者只需指定主色，便可导出一条完整的渐变色板。<!-- /react-text --></p><p data-reactid="143"><!-- react-text: 144 -->Ant Design 的色板由 8 种基本色彩组成，每种基本色（第 6 格）又按上述算法衍生出 10 种渐变色。<!-- /react-text --></p><blockquote data-reactid="145"><p data-reactid="146"><!-- react-text: 147 -->注：在由浅至深的色板里，第 6 格色彩单元格普遍满足 <!-- /react-text --><a href="http://leaverou.github.io/contrast-ratio/" data-reactid="148"><!-- react-text: 149 -->WCAG 2.0<!-- /react-text --></a><!-- react-text: 150 --> 的 4.5:1 最小对比度（AA 级），我们将其定义为色板的默认品牌色。<!-- /react-text --></p></blockquote><div data-reactid="151"><div class="color-palette" data-reactid="152"><div class="color-title" data-reactid="153"><!-- react-text: 154 -->red<!-- /react-text --><span class="color-description" data-reactid="155">热情、警示</span></div><div class="main-color" data-reactid="156"><div class="main-color-item palatte-red-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="157"><!-- react-text: 158 -->red-1<!-- /react-text --></div><div class="main-color-item palatte-red-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="159"><!-- react-text: 160 -->red-2<!-- /react-text --></div><div class="main-color-item palatte-red-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="161"><!-- react-text: 162 -->red-3<!-- /react-text --></div><div class="main-color-item palatte-red-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="163"><!-- react-text: 164 -->red-4<!-- /react-text --></div><div class="main-color-item palatte-red-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="165"><!-- react-text: 166 -->red-5<!-- /react-text --></div><div class="main-color-item palatte-red-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="167"><!-- react-text: 168 -->red-6<!-- /react-text --></div><div class="main-color-item palatte-red-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="169"><!-- react-text: 170 -->red-7<!-- /react-text --></div><div class="main-color-item palatte-red-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="171"><!-- react-text: 172 -->red-8<!-- /react-text --></div><div class="main-color-item palatte-red-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="173"><!-- react-text: 174 -->red-9<!-- /react-text --></div><div class="main-color-item palatte-red-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="175"><!-- react-text: 176 -->red-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="177"><div class="color-title" data-reactid="178"><!-- react-text: 179 -->green<!-- /react-text --><span class="color-description" data-reactid="180">成功、通过、安全</span></div><div class="main-color" data-reactid="181"><div class="main-color-item palatte-green-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="182"><!-- react-text: 183 -->green-1<!-- /react-text --></div><div class="main-color-item palatte-green-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="184"><!-- react-text: 185 -->green-2<!-- /react-text --></div><div class="main-color-item palatte-green-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="186"><!-- react-text: 187 -->green-3<!-- /react-text --></div><div class="main-color-item palatte-green-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="188"><!-- react-text: 189 -->green-4<!-- /react-text --></div><div class="main-color-item palatte-green-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="190"><!-- react-text: 191 -->green-5<!-- /react-text --></div><div class="main-color-item palatte-green-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="192"><!-- react-text: 193 -->green-6<!-- /react-text --></div><div class="main-color-item palatte-green-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="194"><!-- react-text: 195 -->green-7<!-- /react-text --></div><div class="main-color-item palatte-green-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="196"><!-- react-text: 197 -->green-8<!-- /react-text --></div><div class="main-color-item palatte-green-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="198"><!-- react-text: 199 -->green-9<!-- /react-text --></div><div class="main-color-item palatte-green-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="200"><!-- react-text: 201 -->green-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="202"><div class="color-title" data-reactid="203"><!-- react-text: 204 -->blue<!-- /react-text --><span class="color-description" data-reactid="205">专业、科技</span></div><div class="main-color" data-reactid="206"><div class="main-color-item palatte-blue-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="207"><!-- react-text: 208 -->blue-1<!-- /react-text --></div><div class="main-color-item palatte-blue-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="209"><!-- react-text: 210 -->blue-2<!-- /react-text --></div><div class="main-color-item palatte-blue-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="211"><!-- react-text: 212 -->blue-3<!-- /react-text --></div><div class="main-color-item palatte-blue-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="213"><!-- react-text: 214 -->blue-4<!-- /react-text --></div><div class="main-color-item palatte-blue-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="215"><!-- react-text: 216 -->blue-5<!-- /react-text --></div><div class="main-color-item palatte-blue-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="217"><!-- react-text: 218 -->blue-6<!-- /react-text --></div><div class="main-color-item palatte-blue-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="219"><!-- react-text: 220 -->blue-7<!-- /react-text --></div><div class="main-color-item palatte-blue-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="221"><!-- react-text: 222 -->blue-8<!-- /react-text --></div><div class="main-color-item palatte-blue-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="223"><!-- react-text: 224 -->blue-9<!-- /react-text --></div><div class="main-color-item palatte-blue-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="225"><!-- react-text: 226 -->blue-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="227"><div class="color-title" data-reactid="228"><!-- react-text: 229 -->pink<!-- /react-text --><span class="color-description" data-reactid="230">典雅、明快、女性</span></div><div class="main-color" data-reactid="231"><div class="main-color-item palatte-pink-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="232"><!-- react-text: 233 -->pink-1<!-- /react-text --></div><div class="main-color-item palatte-pink-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="234"><!-- react-text: 235 -->pink-2<!-- /react-text --></div><div class="main-color-item palatte-pink-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="236"><!-- react-text: 237 -->pink-3<!-- /react-text --></div><div class="main-color-item palatte-pink-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="238"><!-- react-text: 239 -->pink-4<!-- /react-text --></div><div class="main-color-item palatte-pink-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="240"><!-- react-text: 241 -->pink-5<!-- /react-text --></div><div class="main-color-item palatte-pink-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="242"><!-- react-text: 243 -->pink-6<!-- /react-text --></div><div class="main-color-item palatte-pink-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="244"><!-- react-text: 245 -->pink-7<!-- /react-text --></div><div class="main-color-item palatte-pink-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="246"><!-- react-text: 247 -->pink-8<!-- /react-text --></div><div class="main-color-item palatte-pink-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="248"><!-- react-text: 249 -->pink-9<!-- /react-text --></div><div class="main-color-item palatte-pink-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="250"><!-- react-text: 251 -->pink-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="252"><div class="color-title" data-reactid="253"><!-- react-text: 254 -->orange<!-- /react-text --><span class="color-description" data-reactid="255">醒目、温暖</span></div><div class="main-color" data-reactid="256"><div class="main-color-item palatte-orange-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="257"><!-- react-text: 258 -->orange-1<!-- /react-text --></div><div class="main-color-item palatte-orange-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="259"><!-- react-text: 260 -->orange-2<!-- /react-text --></div><div class="main-color-item palatte-orange-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="261"><!-- react-text: 262 -->orange-3<!-- /react-text --></div><div class="main-color-item palatte-orange-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="263"><!-- react-text: 264 -->orange-4<!-- /react-text --></div><div class="main-color-item palatte-orange-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="265"><!-- react-text: 266 -->orange-5<!-- /react-text --></div><div class="main-color-item palatte-orange-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="267"><!-- react-text: 268 -->orange-6<!-- /react-text --></div><div class="main-color-item palatte-orange-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="269"><!-- react-text: 270 -->orange-7<!-- /react-text --></div><div class="main-color-item palatte-orange-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="271"><!-- react-text: 272 -->orange-8<!-- /react-text --></div><div class="main-color-item palatte-orange-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="273"><!-- react-text: 274 -->orange-9<!-- /react-text --></div><div class="main-color-item palatte-orange-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="275"><!-- react-text: 276 -->orange-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="277"><div class="color-title" data-reactid="278"><!-- react-text: 279 -->purple<!-- /react-text --><span class="color-description" data-reactid="280">高雅、浪漫</span></div><div class="main-color" data-reactid="281"><div class="main-color-item palatte-purple-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="282"><!-- react-text: 283 -->purple-1<!-- /react-text --></div><div class="main-color-item palatte-purple-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="284"><!-- react-text: 285 -->purple-2<!-- /react-text --></div><div class="main-color-item palatte-purple-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="286"><!-- react-text: 287 -->purple-3<!-- /react-text --></div><div class="main-color-item palatte-purple-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="288"><!-- react-text: 289 -->purple-4<!-- /react-text --></div><div class="main-color-item palatte-purple-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="290"><!-- react-text: 291 -->purple-5<!-- /react-text --></div><div class="main-color-item palatte-purple-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="292"><!-- react-text: 293 -->purple-6<!-- /react-text --></div><div class="main-color-item palatte-purple-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="294"><!-- react-text: 295 -->purple-7<!-- /react-text --></div><div class="main-color-item palatte-purple-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="296"><!-- react-text: 297 -->purple-8<!-- /react-text --></div><div class="main-color-item palatte-purple-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="298"><!-- react-text: 299 -->purple-9<!-- /react-text --></div><div class="main-color-item palatte-purple-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="300"><!-- react-text: 301 -->purple-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="302"><div class="color-title" data-reactid="303"><!-- react-text: 304 -->yellow<!-- /react-text --><span class="color-description" data-reactid="305">活力、提示</span></div><div class="main-color" data-reactid="306"><div class="main-color-item palatte-yellow-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="307"><!-- react-text: 308 -->yellow-1<!-- /react-text --></div><div class="main-color-item palatte-yellow-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="309"><!-- react-text: 310 -->yellow-2<!-- /react-text --></div><div class="main-color-item palatte-yellow-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="311"><!-- react-text: 312 -->yellow-3<!-- /react-text --></div><div class="main-color-item palatte-yellow-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="313"><!-- react-text: 314 -->yellow-4<!-- /react-text --></div><div class="main-color-item palatte-yellow-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="315"><!-- react-text: 316 -->yellow-5<!-- /react-text --></div><div class="main-color-item palatte-yellow-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="317"><!-- react-text: 318 -->yellow-6<!-- /react-text --></div><div class="main-color-item palatte-yellow-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="319"><!-- react-text: 320 -->yellow-7<!-- /react-text --></div><div class="main-color-item palatte-yellow-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="321"><!-- react-text: 322 -->yellow-8<!-- /react-text --></div><div class="main-color-item palatte-yellow-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="323"><!-- react-text: 324 -->yellow-9<!-- /react-text --></div><div class="main-color-item palatte-yellow-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="325"><!-- react-text: 326 -->yellow-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="327"><div class="color-title" data-reactid="328"><!-- react-text: 329 -->cyan<!-- /react-text --><span class="color-description" data-reactid="330">清新、冷静、结构化</span></div><div class="main-color" data-reactid="331"><div class="main-color-item palatte-cyan-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="332"><!-- react-text: 333 -->cyan-1<!-- /react-text --></div><div class="main-color-item palatte-cyan-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="334"><!-- react-text: 335 -->cyan-2<!-- /react-text --></div><div class="main-color-item palatte-cyan-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="336"><!-- react-text: 337 -->cyan-3<!-- /react-text --></div><div class="main-color-item palatte-cyan-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="338"><!-- react-text: 339 -->cyan-4<!-- /react-text --></div><div class="main-color-item palatte-cyan-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="340"><!-- react-text: 341 -->cyan-5<!-- /react-text --></div><div class="main-color-item palatte-cyan-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="342"><!-- react-text: 343 -->cyan-6<!-- /react-text --></div><div class="main-color-item palatte-cyan-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="344"><!-- react-text: 345 -->cyan-7<!-- /react-text --></div><div class="main-color-item palatte-cyan-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="346"><!-- react-text: 347 -->cyan-8<!-- /react-text --></div><div class="main-color-item palatte-cyan-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="348"><!-- react-text: 349 -->cyan-9<!-- /react-text --></div><div class="main-color-item palatte-cyan-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="350"><!-- react-text: 351 -->cyan-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="352"><div class="color-title" data-reactid="353"><!-- react-text: 354 -->grey<!-- /react-text --><span class="color-description" data-reactid="355">平稳、中性</span></div><div class="main-color" data-reactid="356"><div class="main-color-item palatte-grey-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="357"><!-- react-text: 358 -->grey-1<!-- /react-text --></div><div class="main-color-item palatte-grey-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="359"><!-- react-text: 360 -->grey-2<!-- /react-text --></div><div class="main-color-item palatte-grey-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="361"><!-- react-text: 362 -->grey-3<!-- /react-text --></div><div class="main-color-item palatte-grey-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="363"><!-- react-text: 364 -->grey-4<!-- /react-text --></div><div class="main-color-item palatte-grey-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="365"><!-- react-text: 366 -->grey-5<!-- /react-text --></div><div class="main-color-item palatte-grey-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="367"><!-- react-text: 368 -->grey-6<!-- /react-text --></div><div class="main-color-item palatte-grey-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="369"><!-- react-text: 370 -->grey-7<!-- /react-text --></div><div class="main-color-item palatte-grey-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="371"><!-- react-text: 372 -->grey-8<!-- /react-text --></div><div class="main-color-item palatte-grey-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="373"><!-- react-text: 374 -->grey-9<!-- /react-text --></div><div class="main-color-item palatte-grey-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="375"><!-- react-text: 376 -->grey-10<!-- /react-text --></div></div></div></div><p data-reactid="377"><!-- react-text: 378 -->为了考虑文本在不同颜色背景下的呈现，我们选择了『White #FFFFFF』和『Black #000000』并配以透明度来区分文本的等级层次。详情请查看 <!-- /react-text --><a href="/docs/spec/font-cn-cn#字体颜色" data-reactid="379">字体颜色</a><!-- react-text: 380 -->。<!-- /react-text --></p><h3 id="色板生成工具" data-reactid="381"><span data-reactid="382"><!-- react-text: 383 -->色板生成工具<!-- /react-text --></span><a href="#色板生成工具" class="anchor" data-reactid="384">#</a></h3><p data-reactid="385"><!-- react-text: 386 -->如果上面的色板不能满足你的需求，你可以选择一个主色，Ant Design 的色彩生成算法会为你生成完整的色板。<!-- /react-text --></p><div class="color-palette" data-reactid="387"><div class="color-palette-pick" data-reactid="388"><!-- react-text: 389 -->选择自定义主色<!-- /react-text --><div class="color-palette-picker" data-reactid="390"><span style="display:inline-block;" data-reactid="391"><div data-reactid="392"><div style="padding:5px;background:#fff;border-radius:1px;box-shadow:0 0 0 1px rgba(0,0,0,.1);display:inline-block;cursor:pointer;" data-reactid="393"><div style="width:120px;height:24px;border-radius:2px;background:#108ee9;" data-reactid="394"></div></div></div></span><div class="color-palette-picker-value" data-reactid="395">#108ee9</div></div></div><div class="main-color" data-reactid="396"><div class="main-color-item" style="background:#ECF6FD;color:unset;font-weight:normal;" title="click to copy color" data-reactid="397"><!-- react-text: 398 -->color-<!-- /react-text --><!-- react-text: 399 -->1<!-- /react-text --><span class="main-color-value" data-reactid="400">#ECF6FD</span></div><div class="main-color-item" style="background:#D2EAFB;color:unset;font-weight:normal;" title="click to copy color" data-reactid="401"><!-- react-text: 402 -->color-<!-- /react-text --><!-- react-text: 403 -->2<!-- /react-text --><span class="main-color-value" data-reactid="404">#D2EAFB</span></div><div class="main-color-item" style="background:#ADD8F7;color:unset;font-weight:normal;" title="click to copy color" data-reactid="405"><!-- react-text: 406 -->color-<!-- /react-text --><!-- react-text: 407 -->3<!-- /react-text --><span class="main-color-value" data-reactid="408">#ADD8F7</span></div><div class="main-color-item" style="background:#7EC2F3;color:unset;font-weight:normal;" title="click to copy color" data-reactid="409"><!-- react-text: 410 -->color-<!-- /react-text --><!-- react-text: 411 -->4<!-- /react-text --><span class="main-color-value" data-reactid="412">#7EC2F3</span></div><div class="main-color-item" style="background:#49A9EE;color:unset;font-weight:normal;" title="click to copy color" data-reactid="413"><!-- react-text: 414 -->color-<!-- /react-text --><!-- react-text: 415 -->5<!-- /react-text --><span class="main-color-value" data-reactid="416">#49A9EE</span></div><div class="main-color-item" style="background:#108EE9;color:#fff;font-weight:bold;" title="click to copy color" data-reactid="417"><!-- react-text: 418 -->color-<!-- /react-text --><!-- react-text: 419 -->6<!-- /react-text --><span class="main-color-value" data-reactid="420">#108EE9</span></div><div class="main-color-item" style="background:#0E77CA;color:#fff;font-weight:normal;" title="click to copy color" data-reactid="421"><!-- react-text: 422 -->color-<!-- /react-text --><!-- react-text: 423 -->7<!-- /react-text --><span class="main-color-value" data-reactid="424">#0E77CA</span></div><div class="main-color-item" style="background:#0C60AA;color:#fff;font-weight:normal;" title="click to copy color" data-reactid="425"><!-- react-text: 426 -->color-<!-- /react-text --><!-- react-text: 427 -->8<!-- /react-text --><span class="main-color-value" data-reactid="428">#0C60AA</span></div><div class="main-color-item" style="background:#09488A;color:#fff;font-weight:normal;" title="click to copy color" data-reactid="429"><!-- react-text: 430 -->color-<!-- /react-text --><!-- react-text: 431 -->9<!-- /react-text --><span class="main-color-value" data-reactid="432">#09488A</span></div><div class="main-color-item" style="background:#073069;color:#fff;font-weight:normal;" title="click to copy color" data-reactid="433"><!-- react-text: 434 -->color-<!-- /react-text --><!-- react-text: 435 -->10<!-- /react-text --><span class="main-color-value" data-reactid="436">#073069</span></div></div></div><hr data-reactid="437"/><h2 id="色彩应用" data-reactid="438"><span data-reactid="439"><!-- react-text: 440 -->色彩应用<!-- /react-text --></span><a href="#色彩应用" class="anchor" data-reactid="441">#</a></h2><h3 id="品牌色的应用" data-reactid="442"><span data-reactid="443"><!-- react-text: 444 -->品牌色的应用<!-- /react-text --></span><a href="#品牌色的应用" class="anchor" data-reactid="445">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="446"><div class="preview-image-box" data-reactid="447"><div class="preview-image-wrapper" data-reactid="448"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/lVKfKMuLmaTlnTDitPEJ.png" alt="Ant Design 品牌色常用色值" data-reactid="449"/></div><div class="preview-image-title" data-reactid="450">Ant Design 品牌色常用色值</div><div class="preview-image-description" data-reactid="451"></div><!-- react-empty: 452 --></div></div><p data-reactid="453"><!-- react-text: 454 -->品牌色是体现产品特性和传播理念最直观的视觉元素之一。在色彩选取时，需先了解品牌色在界面中的使用场景及选色范围。以 Ant Design 网页组件的默认样式为例，品牌色主要体现在关键行动点及操作状态、重要信息高亮等场景。<!-- /react-text --></p><blockquote data-reactid="455"><p data-reactid="456"><!-- react-text: 457 -->注：图形插画和 logo 可以不必遵循色板，但需保持相近的色系。<!-- /react-text --></p></blockquote><h3 id="中性色的应用" data-reactid="458"><span data-reactid="459"><!-- react-text: 460 -->中性色的应用<!-- /react-text --></span><a href="#中性色的应用" class="anchor" data-reactid="461">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="462"><div class="preview-image-box" data-reactid="463"><div class="preview-image-wrapper" data-reactid="464"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/AmXwsVOWrLxDfwLNlyvL.png" alt="Ant Design 中性色常用色值" data-reactid="465"/></div><div class="preview-image-title" data-reactid="466">Ant Design 中性色常用色值</div><div class="preview-image-description" data-reactid="467"></div><!-- react-empty: 468 --></div></div><p data-reactid="469"><!-- react-text: 470 -->灰色作为中性色在 Ant Design 的网页设计中被大量使用到，它的使用有利于关键内容的衬托和功能的引导。这类色彩主要体现在导航框架、背景底色、描边、或次级操作等等。<!-- /react-text --></p><h3 id="功能色的应用" data-reactid="471"><span data-reactid="472"><!-- react-text: 473 -->功能色的应用<!-- /react-text --></span><a href="#功能色的应用" class="anchor" data-reactid="474">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="475"><div class="preview-image-box" data-reactid="476"><div class="preview-image-wrapper" data-reactid="477"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/mewwdThVwyTQzpZQtYXw.png" alt="Ant Design 功能色卡" data-reactid="478"/></div><div class="preview-image-title" data-reactid="479">Ant Design 功能色卡</div><div class="preview-image-description" data-reactid="480"></div><!-- react-empty: 481 --></div></div><p data-reactid="482"><!-- react-text: 483 -->UI 设计中，比较稳定的色彩除了中性色外还有具备特定含义的功能色，这类色彩起到传递功能信息、代表某种状态等作用。主要应用于消息通知、反馈提醒、表单校验这类场景中的成功、出错、失败、提醒、链接等状态。<!-- /react-text --></p><h3 id="视觉层次" data-reactid="484"><span data-reactid="485"><!-- react-text: 486 -->视觉层次<!-- /react-text --></span><a href="#视觉层次" class="anchor" data-reactid="487">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="488"><div class="preview-image-box" data-reactid="489"><div class="preview-image-wrapper good" data-reactid="490"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/ADUfVlZwjziJRUQSMbMt.png" alt="正确示例" data-reactid="491"/></div><div class="preview-image-title" data-reactid="492">正确示例</div><div class="preview-image-description" data-reactid="493">通过品牌色引导用户的视线路径</div><!-- react-empty: 494 --></div></div><p data-reactid="495"><!-- react-text: 496 -->将品牌色赋予在重要信息或关键主动点上，并衬以大面积的中性色，可以让用户更聚焦到任务本身，从而提高任务的执行效率。<!-- /react-text --></p><p data-reactid="497"><br data-reactid="498"/></p><div class="preview-image-boxes clearfix" data-reactid="499"><div class="preview-image-box" data-reactid="500"><div class="preview-image-wrapper bad" data-reactid="501"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/RmSDSeAAYphuiDFszIMa.png" alt="错误示例" data-reactid="502"/></div><div class="preview-image-title" data-reactid="503">错误示例</div><div class="preview-image-description" data-reactid="504">操作界面使用的色彩应尽量避免面积过大或种类过多而造成用户视觉疲劳</div><!-- react-empty: 505 --></div></div><blockquote data-reactid="506"><p data-reactid="507"><!-- react-text: 508 -->注：界面用色建议不超过三种（数据图表和图形类插画除外）。<!-- /react-text --></p></blockquote><h3 id="色彩的易识别性" data-reactid="509"><span data-reactid="510"><!-- react-text: 511 -->色彩的易识别性<!-- /react-text --></span><a href="#色彩的易识别性" class="anchor" data-reactid="512">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="513"><div class="preview-image-box" style="width:50%;" data-reactid="514"><div class="preview-image-wrapper good" data-reactid="515"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/jeyvhMIQgoPUotNerRGy.png" alt="正确示例" data-reactid="516"/></div><div class="preview-image-title" data-reactid="517">正确示例</div><div class="preview-image-description" data-reactid="518"></div><!-- react-empty: 519 --></div><div class="preview-image-box" style="width:50%;" data-reactid="520"><div class="preview-image-wrapper bad" data-reactid="521"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/ppdlrVnFCsYVicjDrnzi.png" alt="错误示例" data-reactid="522"/></div><div class="preview-image-title" data-reactid="523">错误示例</div><div class="preview-image-description" data-reactid="524">当对比度数值低于 3:1 时，弱视用户将很难识别</div><!-- react-empty: 525 --></div></div><p data-reactid="526"><!-- react-text: 527 -->Ant Design 的色板颜色遵守 WCAG 2.0 的标准，操作类的色彩搭配都应满足颜色对比值 3:1 的最低标准。<!-- /react-text --></p><ul data-reactid="528"><li data-reactid="529"><p data-reactid="530"><a href="http://leaverou.github.io/contrast-ratio/#%23454545-on-%23fff" data-reactid="531"><!-- react-text: 532 -->色彩对比值校验工具<!-- /react-text --></a></p></li></ul></section></article></div></div><div class="ant-row" data-reactid="533"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="534"><section class="prev-next-nav" data-reactid="535"><a class="prev-page" href="/docs/spec/reaction-cn" data-reactid="536">即时反应</a><a class="next-page" href="/docs/spec/icon-cn" data-reactid="537">图标</a></section></div></div></div><footer id="footer" data-reactid="538"><ul data-reactid="539"><li data-reactid="540"><h2 data-reactid="541"><i class="anticon anticon-github" data-reactid="542"></i><!-- react-text: 543 --> GitHub<!-- /react-text --></h2><div data-reactid="544"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="545"><span data-reactid="546">源码仓库</span></a></div><div data-reactid="547"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="548"><span data-reactid="549">定制主题</span></a></div><div data-reactid="550"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="551"><span data-reactid="552">Awesome Ant Design</span></a></div></li><li data-reactid="553"><h2 data-reactid="554"><i class="anticon anticon-link" data-reactid="555"></i><!-- react-text: 556 --> <!-- /react-text --><span data-reactid="557">相关站点</span></h2><div data-reactid="558"><a href="https://design.alipay.com/" data-reactid="559"><span data-reactid="560">蚂蚁金服设计平台</span></a></div><div data-reactid="561"><a href="http://mobile.ant.design" data-reactid="562">Ant Design Mobile</a><span data-reactid="563"> - </span><span data-reactid="564">移动版</span></div><div data-reactid="565"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="566">dva</a><!-- react-text: 567 --> - <!-- /react-text --><span data-reactid="568">应用框架</span></div><div data-reactid="569"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="570">dva-cli</a><!-- react-text: 571 --> -<!-- /react-text --><span data-reactid="572">开发工具</span></div><div data-reactid="573"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="574">Egg</a><span data-reactid="575"> - </span><span data-reactid="576">企业级 Node 开发框架</span></div><div data-reactid="577"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="578">AntV</a><span data-reactid="579"> - </span><span data-reactid="580">数据可视化</span></div><div data-reactid="581"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="582">Ant Motion</a><span data-reactid="583"> - </span><span data-reactid="584">设计动效</span></div><div data-reactid="585"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="586">AntD Library</a><span data-reactid="587"> - </span><span data-reactid="588">Axure 部件库</span></div><div data-reactid="589"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="590">Ant UX</a><span data-reactid="591"> - </span><span data-reactid="592">页面逻辑素材</span></div></li><li data-reactid="593"><h2 data-reactid="594"><i class="anticon anticon-customer-service" data-reactid="595"></i><!-- react-text: 596 --> <!-- /react-text --><span data-reactid="597">社区</span></h2><div data-reactid="598"><a href="/changelog" data-reactid="599"><span data-reactid="600">更新记录</span></a></div><div data-reactid="601"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="602"><span data-reactid="603">常见问题</span></a></div><div data-reactid="604"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="605"><span data-reactid="606">在线讨论 (中文)</span></a></div><div data-reactid="607"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="608"><span data-reactid="609">在线讨论 (English)</span></a></div><div data-reactid="610"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="611"><span data-reactid="612">报告 Bug</span></a></div><div data-reactid="613"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="614"><span data-reactid="615">讨论列表</span></a></div><div data-reactid="616"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="617"><span data-reactid="618">StackOverflow</span></a></div><div data-reactid="619"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="620"><span data-reactid="621">SegmentFault</span></a></div></li><li data-reactid="622"><h2 data-reactid="623"><!-- react-text: 624 -->Copyright © <!-- /react-text --><!-- react-text: 625 -->2017<!-- /react-text --></h2><div data-reactid="626"><span data-reactid="627">蚂蚁金服体验技术部出品</span></div><div data-reactid="628"><!-- react-text: 629 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="630">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/colors.html b/docs/spec/colors.html
index 50228bbf3..b361b5ccc 100644
--- a/docs/spec/colors.html
+++ b/docs/spec/colors.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1754696295"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="623217257"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/lightweight" data-reactid="72">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/stay" data-reactid="74">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Colors<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/colors.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->Not only is color an effective way to create brand recognition, but it also plays an important role in conveying information, providing interactive feedback, and bringing attention to a particular element. Ant Design makes using color simple and practical through an emphasis on efficiency, clarity, and user experience. Please note the following three points when choosing colors:<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->Color usage and positioning should respect cognitive psychology (stay user-focused)<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->Visual hierarchy should be clear-cut, and color should establish visual continuity<!-- /react-text --></p></li><li data-reactid="120"><p data-reactid="121"><!-- react-text: 122 -->Color usage should be in compliance with the <!-- /react-text --><a title="Web Content Accessibility Guidelines" href="https://www.w3.org/WAI/WCAG20/glance/" data-reactid="123"><!-- react-text: 124 -->WCAG 2.0 standards<!-- /react-text --></a><!-- react-text: 125 --> by using sufficient contrast to ensure accessibility<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="126"><ul data-reactid="127"><li data-reactid="128"><a class="bisheng-toc-h2" href="#Color-Palettes" title="Color Palettes" data-reactid="129"><!-- react-text: 130 -->Color Palettes<!-- /react-text --></a></li><li data-reactid="131"><a class="bisheng-toc-h2" href="#Color-application" title="Color application" data-reactid="132"><!-- react-text: 133 -->Color application<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="134"><h2 id="Color-Palettes" data-reactid="135"><span data-reactid="136"><!-- react-text: 137 -->Color Palettes<!-- /react-text --></span><a href="#Color-Palettes" class="anchor" data-reactid="138">#</a></h2><p data-reactid="139"><!-- react-text: 140 -->Ant Design&#x27;s color palettes consist of 10 shallow-to-deep color swatches, and default palettes are defined for certain hues. Users can select a swatch from the color scheme using keywords. In theory, all colors used in the design should be taken from a color palette.<!-- /react-text --></p><p data-reactid="141"><!-- react-text: 142 -->After careful tuning by designers and programmers, our <!-- /react-text --><a href="https://github.com/ant-design/ant-design/blob/734beb84ffc3f0469fbae1566aa8450f966cb261/components/style/color/colorPalette.less" data-reactid="143"><!-- react-text: 144 -->palette generation algorithm<!-- /react-text --></a><!-- react-text: 145 --> uses a combination of color plus Bezier curves and different rotation angles for cold and warm colors to generate new palettes (replacing our original tint / shade color system). This algorithm can be used to generate new palettes based on an input color that you specify.<!-- /react-text --></p><p data-reactid="146"><!-- react-text: 147 -->Ant Design&#x27;s default theme consists of eight basic colors, each of which is derived from the above algorithm.<!-- /react-text --></p><blockquote data-reactid="148"><p data-reactid="149"><!-- react-text: 150 -->Note: In these shallow-to-deep palettes, the 6th color cell <!-- /react-text --><a href="https://leaverou.github.io/contrast-ratio/" data-reactid="151"><!-- react-text: 152 -->generally satisfies WCAG 2.0<!-- /react-text --></a><!-- react-text: 153 -->&#x27;s 4.5:1 minimum contrast ratio (AA level), and is used as the default for the palette.<!-- /react-text --></p></blockquote><div data-reactid="154"><div class="color-palette" data-reactid="155"><div class="color-title" data-reactid="156"><!-- react-text: 157 -->red<!-- /react-text --><span class="color-description" data-reactid="158">热情、警示</span></div><div class="main-color" data-reactid="159"><div class="main-color-item palatte-red-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="160"><!-- react-text: 161 -->red-1<!-- /react-text --></div><div class="main-color-item palatte-red-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="162"><!-- react-text: 163 -->red-2<!-- /react-text --></div><div class="main-color-item palatte-red-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="164"><!-- react-text: 165 -->red-3<!-- /react-text --></div><div class="main-color-item palatte-red-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="166"><!-- react-text: 167 -->red-4<!-- /react-text --></div><div class="main-color-item palatte-red-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="168"><!-- react-text: 169 -->red-5<!-- /react-text --></div><div class="main-color-item palatte-red-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="170"><!-- react-text: 171 -->red-6<!-- /react-text --></div><div class="main-color-item palatte-red-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="172"><!-- react-text: 173 -->red-7<!-- /react-text --></div><div class="main-color-item palatte-red-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="174"><!-- react-text: 175 -->red-8<!-- /react-text --></div><div class="main-color-item palatte-red-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="176"><!-- react-text: 177 -->red-9<!-- /react-text --></div><div class="main-color-item palatte-red-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="178"><!-- react-text: 179 -->red-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="180"><div class="color-title" data-reactid="181"><!-- react-text: 182 -->green<!-- /react-text --><span class="color-description" data-reactid="183">成功、通过、安全</span></div><div class="main-color" data-reactid="184"><div class="main-color-item palatte-green-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="185"><!-- react-text: 186 -->green-1<!-- /react-text --></div><div class="main-color-item palatte-green-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="187"><!-- react-text: 188 -->green-2<!-- /react-text --></div><div class="main-color-item palatte-green-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="189"><!-- react-text: 190 -->green-3<!-- /react-text --></div><div class="main-color-item palatte-green-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="191"><!-- react-text: 192 -->green-4<!-- /react-text --></div><div class="main-color-item palatte-green-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="193"><!-- react-text: 194 -->green-5<!-- /react-text --></div><div class="main-color-item palatte-green-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="195"><!-- react-text: 196 -->green-6<!-- /react-text --></div><div class="main-color-item palatte-green-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="197"><!-- react-text: 198 -->green-7<!-- /react-text --></div><div class="main-color-item palatte-green-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="199"><!-- react-text: 200 -->green-8<!-- /react-text --></div><div class="main-color-item palatte-green-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="201"><!-- react-text: 202 -->green-9<!-- /react-text --></div><div class="main-color-item palatte-green-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="203"><!-- react-text: 204 -->green-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="205"><div class="color-title" data-reactid="206"><!-- react-text: 207 -->blue<!-- /react-text --><span class="color-description" data-reactid="208">专业、科技</span></div><div class="main-color" data-reactid="209"><div class="main-color-item palatte-blue-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="210"><!-- react-text: 211 -->blue-1<!-- /react-text --></div><div class="main-color-item palatte-blue-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="212"><!-- react-text: 213 -->blue-2<!-- /react-text --></div><div class="main-color-item palatte-blue-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="214"><!-- react-text: 215 -->blue-3<!-- /react-text --></div><div class="main-color-item palatte-blue-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="216"><!-- react-text: 217 -->blue-4<!-- /react-text --></div><div class="main-color-item palatte-blue-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="218"><!-- react-text: 219 -->blue-5<!-- /react-text --></div><div class="main-color-item palatte-blue-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="220"><!-- react-text: 221 -->blue-6<!-- /react-text --></div><div class="main-color-item palatte-blue-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="222"><!-- react-text: 223 -->blue-7<!-- /react-text --></div><div class="main-color-item palatte-blue-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="224"><!-- react-text: 225 -->blue-8<!-- /react-text --></div><div class="main-color-item palatte-blue-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="226"><!-- react-text: 227 -->blue-9<!-- /react-text --></div><div class="main-color-item palatte-blue-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="228"><!-- react-text: 229 -->blue-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="230"><div class="color-title" data-reactid="231"><!-- react-text: 232 -->pink<!-- /react-text --><span class="color-description" data-reactid="233">典雅、明快、女性</span></div><div class="main-color" data-reactid="234"><div class="main-color-item palatte-pink-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="235"><!-- react-text: 236 -->pink-1<!-- /react-text --></div><div class="main-color-item palatte-pink-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="237"><!-- react-text: 238 -->pink-2<!-- /react-text --></div><div class="main-color-item palatte-pink-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="239"><!-- react-text: 240 -->pink-3<!-- /react-text --></div><div class="main-color-item palatte-pink-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="241"><!-- react-text: 242 -->pink-4<!-- /react-text --></div><div class="main-color-item palatte-pink-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="243"><!-- react-text: 244 -->pink-5<!-- /react-text --></div><div class="main-color-item palatte-pink-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="245"><!-- react-text: 246 -->pink-6<!-- /react-text --></div><div class="main-color-item palatte-pink-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="247"><!-- react-text: 248 -->pink-7<!-- /react-text --></div><div class="main-color-item palatte-pink-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="249"><!-- react-text: 250 -->pink-8<!-- /react-text --></div><div class="main-color-item palatte-pink-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="251"><!-- react-text: 252 -->pink-9<!-- /react-text --></div><div class="main-color-item palatte-pink-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="253"><!-- react-text: 254 -->pink-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="255"><div class="color-title" data-reactid="256"><!-- react-text: 257 -->orange<!-- /react-text --><span class="color-description" data-reactid="258">醒目、温暖</span></div><div class="main-color" data-reactid="259"><div class="main-color-item palatte-orange-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="260"><!-- react-text: 261 -->orange-1<!-- /react-text --></div><div class="main-color-item palatte-orange-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="262"><!-- react-text: 263 -->orange-2<!-- /react-text --></div><div class="main-color-item palatte-orange-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="264"><!-- react-text: 265 -->orange-3<!-- /react-text --></div><div class="main-color-item palatte-orange-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="266"><!-- react-text: 267 -->orange-4<!-- /react-text --></div><div class="main-color-item palatte-orange-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="268"><!-- react-text: 269 -->orange-5<!-- /react-text --></div><div class="main-color-item palatte-orange-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="270"><!-- react-text: 271 -->orange-6<!-- /react-text --></div><div class="main-color-item palatte-orange-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="272"><!-- react-text: 273 -->orange-7<!-- /react-text --></div><div class="main-color-item palatte-orange-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="274"><!-- react-text: 275 -->orange-8<!-- /react-text --></div><div class="main-color-item palatte-orange-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="276"><!-- react-text: 277 -->orange-9<!-- /react-text --></div><div class="main-color-item palatte-orange-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="278"><!-- react-text: 279 -->orange-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="280"><div class="color-title" data-reactid="281"><!-- react-text: 282 -->purple<!-- /react-text --><span class="color-description" data-reactid="283">高雅、浪漫</span></div><div class="main-color" data-reactid="284"><div class="main-color-item palatte-purple-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="285"><!-- react-text: 286 -->purple-1<!-- /react-text --></div><div class="main-color-item palatte-purple-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="287"><!-- react-text: 288 -->purple-2<!-- /react-text --></div><div class="main-color-item palatte-purple-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="289"><!-- react-text: 290 -->purple-3<!-- /react-text --></div><div class="main-color-item palatte-purple-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="291"><!-- react-text: 292 -->purple-4<!-- /react-text --></div><div class="main-color-item palatte-purple-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="293"><!-- react-text: 294 -->purple-5<!-- /react-text --></div><div class="main-color-item palatte-purple-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="295"><!-- react-text: 296 -->purple-6<!-- /react-text --></div><div class="main-color-item palatte-purple-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="297"><!-- react-text: 298 -->purple-7<!-- /react-text --></div><div class="main-color-item palatte-purple-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="299"><!-- react-text: 300 -->purple-8<!-- /react-text --></div><div class="main-color-item palatte-purple-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="301"><!-- react-text: 302 -->purple-9<!-- /react-text --></div><div class="main-color-item palatte-purple-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="303"><!-- react-text: 304 -->purple-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="305"><div class="color-title" data-reactid="306"><!-- react-text: 307 -->yellow<!-- /react-text --><span class="color-description" data-reactid="308">活力、提示</span></div><div class="main-color" data-reactid="309"><div class="main-color-item palatte-yellow-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="310"><!-- react-text: 311 -->yellow-1<!-- /react-text --></div><div class="main-color-item palatte-yellow-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="312"><!-- react-text: 313 -->yellow-2<!-- /react-text --></div><div class="main-color-item palatte-yellow-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="314"><!-- react-text: 315 -->yellow-3<!-- /react-text --></div><div class="main-color-item palatte-yellow-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="316"><!-- react-text: 317 -->yellow-4<!-- /react-text --></div><div class="main-color-item palatte-yellow-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="318"><!-- react-text: 319 -->yellow-5<!-- /react-text --></div><div class="main-color-item palatte-yellow-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="320"><!-- react-text: 321 -->yellow-6<!-- /react-text --></div><div class="main-color-item palatte-yellow-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="322"><!-- react-text: 323 -->yellow-7<!-- /react-text --></div><div class="main-color-item palatte-yellow-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="324"><!-- react-text: 325 -->yellow-8<!-- /react-text --></div><div class="main-color-item palatte-yellow-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="326"><!-- react-text: 327 -->yellow-9<!-- /react-text --></div><div class="main-color-item palatte-yellow-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="328"><!-- react-text: 329 -->yellow-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="330"><div class="color-title" data-reactid="331"><!-- react-text: 332 -->cyan<!-- /react-text --><span class="color-description" data-reactid="333">清新、冷静、结构化</span></div><div class="main-color" data-reactid="334"><div class="main-color-item palatte-cyan-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="335"><!-- react-text: 336 -->cyan-1<!-- /react-text --></div><div class="main-color-item palatte-cyan-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="337"><!-- react-text: 338 -->cyan-2<!-- /react-text --></div><div class="main-color-item palatte-cyan-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="339"><!-- react-text: 340 -->cyan-3<!-- /react-text --></div><div class="main-color-item palatte-cyan-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="341"><!-- react-text: 342 -->cyan-4<!-- /react-text --></div><div class="main-color-item palatte-cyan-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="343"><!-- react-text: 344 -->cyan-5<!-- /react-text --></div><div class="main-color-item palatte-cyan-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="345"><!-- react-text: 346 -->cyan-6<!-- /react-text --></div><div class="main-color-item palatte-cyan-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="347"><!-- react-text: 348 -->cyan-7<!-- /react-text --></div><div class="main-color-item palatte-cyan-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="349"><!-- react-text: 350 -->cyan-8<!-- /react-text --></div><div class="main-color-item palatte-cyan-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="351"><!-- react-text: 352 -->cyan-9<!-- /react-text --></div><div class="main-color-item palatte-cyan-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="353"><!-- react-text: 354 -->cyan-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="355"><div class="color-title" data-reactid="356"><!-- react-text: 357 -->grey<!-- /react-text --><span class="color-description" data-reactid="358">平稳、中性</span></div><div class="main-color" data-reactid="359"><div class="main-color-item palatte-grey-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="360"><!-- react-text: 361 -->grey-1<!-- /react-text --></div><div class="main-color-item palatte-grey-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="362"><!-- react-text: 363 -->grey-2<!-- /react-text --></div><div class="main-color-item palatte-grey-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="364"><!-- react-text: 365 -->grey-3<!-- /react-text --></div><div class="main-color-item palatte-grey-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="366"><!-- react-text: 367 -->grey-4<!-- /react-text --></div><div class="main-color-item palatte-grey-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="368"><!-- react-text: 369 -->grey-5<!-- /react-text --></div><div class="main-color-item palatte-grey-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="370"><!-- react-text: 371 -->grey-6<!-- /react-text --></div><div class="main-color-item palatte-grey-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="372"><!-- react-text: 373 -->grey-7<!-- /react-text --></div><div class="main-color-item palatte-grey-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="374"><!-- react-text: 375 -->grey-8<!-- /react-text --></div><div class="main-color-item palatte-grey-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="376"><!-- react-text: 377 -->grey-9<!-- /react-text --></div><div class="main-color-item palatte-grey-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="378"><!-- react-text: 379 -->grey-10<!-- /react-text --></div></div></div></div><p data-reactid="380"><!-- react-text: 381 -->In order to provide contrast against different background shades, we chose <!-- /react-text --><code data-reactid="382"><!-- react-text: 383 -->White #FFFFFF<!-- /react-text --></code><!-- react-text: 384 --> and <!-- /react-text --><code data-reactid="385"><!-- react-text: 386 -->Black #000000<!-- /react-text --></code><!-- react-text: 387 --> with varying transparency to distinguish foreground text. For details, please see <!-- /react-text --><a href="/docs/spec/font#font-color" data-reactid="388">font color</a><!-- react-text: 389 -->.<!-- /react-text --></p><h3 id="Palette-Generation-Tool" data-reactid="390"><span data-reactid="391"><!-- react-text: 392 -->Palette Generation Tool<!-- /react-text --></span><a href="#Palette-Generation-Tool" class="anchor" data-reactid="393">#</a></h3><p data-reactid="394"><!-- react-text: 395 -->If the above palettes do not meet your needs, you can choose a main color below, and Ant Design&#x27;s color generation algorithm will generate a palette for you.<!-- /react-text --></p><div class="color-palette" data-reactid="396"><div class="color-palette-pick" data-reactid="397"><!-- react-text: 398 -->选择自定义主色<!-- /react-text --><div class="color-palette-picker" data-reactid="399"><span style="display:inline-block;" data-reactid="400"><div data-reactid="401"><div style="padding:5px;background:#fff;border-radius:1px;box-shadow:0 0 0 1px rgba(0,0,0,.1);display:inline-block;cursor:pointer;" data-reactid="402"><div style="width:120px;height:24px;border-radius:2px;background:#108ee9;" data-reactid="403"></div></div></div></span><div class="color-palette-picker-value" data-reactid="404">#108ee9</div></div></div><div class="main-color" data-reactid="405"><div class="main-color-item" style="background:#ECF6FD;color:unset;font-weight:normal;" title="click to copy color" data-reactid="406"><!-- react-text: 407 -->color-<!-- /react-text --><!-- react-text: 408 -->1<!-- /react-text --><span class="main-color-value" data-reactid="409">#ECF6FD</span></div><div class="main-color-item" style="background:#D2EAFB;color:unset;font-weight:normal;" title="click to copy color" data-reactid="410"><!-- react-text: 411 -->color-<!-- /react-text --><!-- react-text: 412 -->2<!-- /react-text --><span class="main-color-value" data-reactid="413">#D2EAFB</span></div><div class="main-color-item" style="background:#ADD8F7;color:unset;font-weight:normal;" title="click to copy color" data-reactid="414"><!-- react-text: 415 -->color-<!-- /react-text --><!-- react-text: 416 -->3<!-- /react-text --><span class="main-color-value" data-reactid="417">#ADD8F7</span></div><div class="main-color-item" style="background:#7EC2F3;color:unset;font-weight:normal;" title="click to copy color" data-reactid="418"><!-- react-text: 419 -->color-<!-- /react-text --><!-- react-text: 420 -->4<!-- /react-text --><span class="main-color-value" data-reactid="421">#7EC2F3</span></div><div class="main-color-item" style="background:#49A9EE;color:unset;font-weight:normal;" title="click to copy color" data-reactid="422"><!-- react-text: 423 -->color-<!-- /react-text --><!-- react-text: 424 -->5<!-- /react-text --><span class="main-color-value" data-reactid="425">#49A9EE</span></div><div class="main-color-item" style="background:#108EE9;color:#fff;font-weight:bold;" title="click to copy color" data-reactid="426"><!-- react-text: 427 -->color-<!-- /react-text --><!-- react-text: 428 -->6<!-- /react-text --><span class="main-color-value" data-reactid="429">#108EE9</span></div><div class="main-color-item" style="background:#0E77CA;color:#fff;font-weight:normal;" title="click to copy color" data-reactid="430"><!-- react-text: 431 -->color-<!-- /react-text --><!-- react-text: 432 -->7<!-- /react-text --><span class="main-color-value" data-reactid="433">#0E77CA</span></div><div class="main-color-item" style="background:#0C60AA;color:#fff;font-weight:normal;" title="click to copy color" data-reactid="434"><!-- react-text: 435 -->color-<!-- /react-text --><!-- react-text: 436 -->8<!-- /react-text --><span class="main-color-value" data-reactid="437">#0C60AA</span></div><div class="main-color-item" style="background:#09488A;color:#fff;font-weight:normal;" title="click to copy color" data-reactid="438"><!-- react-text: 439 -->color-<!-- /react-text --><!-- react-text: 440 -->9<!-- /react-text --><span class="main-color-value" data-reactid="441">#09488A</span></div><div class="main-color-item" style="background:#073069;color:#fff;font-weight:normal;" title="click to copy color" data-reactid="442"><!-- react-text: 443 -->color-<!-- /react-text --><!-- react-text: 444 -->10<!-- /react-text --><span class="main-color-value" data-reactid="445">#073069</span></div></div></div><hr data-reactid="446"/><h2 id="Color-application" data-reactid="447"><span data-reactid="448"><!-- react-text: 449 -->Color application<!-- /react-text --></span><a href="#Color-application" class="anchor" data-reactid="450">#</a></h2><h3 id="Brand-color-application" data-reactid="451"><span data-reactid="452"><!-- react-text: 453 -->Brand color application<!-- /react-text --></span><a href="#Brand-color-application" class="anchor" data-reactid="454">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="455"><div class="preview-image-box" data-reactid="456"><div class="preview-image-wrapper" data-reactid="457"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/lVKfKMuLmaTlnTDitPEJ.png" alt="Ant Design&#x27;s commonly used brand color values" data-reactid="458"/></div><div class="preview-image-title" data-reactid="459">Ant Design&#x27;s commonly used brand color values</div><div class="preview-image-description" data-reactid="460"></div><!-- react-empty: 461 --></div></div><p data-reactid="462"><!-- react-text: 463 -->The brand color is one of the most intuitive visual elements used that is used to embody product characteristics and communicate ideas. When selecting colors, it is important to understand how the brand color is used in the user interface. Taking the default styles of an Ant Design web component as an example, the brand color is mainly reflected in key actions and when highlighting important information.<!-- /react-text --></p><blockquote data-reactid="464"><p data-reactid="465"><!-- react-text: 466 -->Note: Images and logos can not automatically adhere to the color palette, but should be compatible.<!-- /react-text --></p></blockquote><h3 id="Neutral-color-application" data-reactid="467"><span data-reactid="468"><!-- react-text: 469 -->Neutral color application<!-- /react-text --></span><a href="#Neutral-color-application" class="anchor" data-reactid="470">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="471"><div class="preview-image-box" data-reactid="472"><div class="preview-image-wrapper" data-reactid="473"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/AmXwsVOWrLxDfwLNlyvL.png" alt="Ant Design&#x27;s neutral color values" data-reactid="474"/></div><div class="preview-image-title" data-reactid="475">Ant Design&#x27;s neutral color values</div><div class="preview-image-description" data-reactid="476"></div><!-- react-empty: 477 --></div></div><p data-reactid="478"><!-- react-text: 479 -->Gray as a neutral color is used extensively in Ant Design&#x27;s web design, and its use facilitates the targeting and functional guidance of key content. This color is mainly seen in the navigation frame, backgrounds, secondary operations, and so on.<!-- /react-text --></p><h3 id="Functional-color-application" data-reactid="480"><span data-reactid="481"><!-- react-text: 482 -->Functional color application<!-- /react-text --></span><a href="#Functional-color-application" class="anchor" data-reactid="483">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="484"><div class="preview-image-box" data-reactid="485"><div class="preview-image-wrapper" data-reactid="486"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/mewwdThVwyTQzpZQtYXw.png" alt="Ant Design&#x27;s functional color card" data-reactid="487"/></div><div class="preview-image-title" data-reactid="488">Ant Design&#x27;s functional color card</div><div class="preview-image-description" data-reactid="489"></div><!-- react-empty: 490 --></div></div><p data-reactid="491"><!-- react-text: 492 -->Functional colors are colors that are used to convey state. These are mainly used in notifications, form validations, status messages, etc. Green indicates success, yellow indicates alerts / warnings, red indicates errors, gray indicates skipped / disabled.<!-- /react-text --></p><h3 id="Visual-hierarchy" data-reactid="493"><span data-reactid="494"><!-- react-text: 495 -->Visual hierarchy<!-- /react-text --></span><a href="#Visual-hierarchy" class="anchor" data-reactid="496">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="497"><div class="preview-image-box" data-reactid="498"><div class="preview-image-wrapper good" data-reactid="499"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/ADUfVlZwjziJRUQSMbMt.png" alt="Good example" data-reactid="500"/></div><div class="preview-image-title" data-reactid="501">Good example</div><div class="preview-image-description" data-reactid="502">Guide the user's line of sight through brand color</div><!-- react-empty: 503 --></div></div><p data-reactid="504"><!-- react-text: 505 -->Use the brand color to convey important information or to highlight important actions while surrounding it with large areas of neutral color. This allows users to focus more on the task itself, improving efficiency.<!-- /react-text --></p><p data-reactid="506"><br data-reactid="507"/></p><div class="preview-image-boxes clearfix" data-reactid="508"><div class="preview-image-box" data-reactid="509"><div class="preview-image-wrapper bad" data-reactid="510"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/RmSDSeAAYphuiDFszIMa.png" alt="Bad example" data-reactid="511"/></div><div class="preview-image-title" data-reactid="512">Bad example</div><div class="preview-image-description" data-reactid="513">Avoid using too many colors or colors in large areas</div><!-- react-empty: 514 --></div></div><blockquote data-reactid="515"><p data-reactid="516"><!-- react-text: 517 -->Note: We suggest using no more than three colors in the user interface (except for within data charts and graphic illustrations)<!-- /react-text --></p></blockquote><h3 id="Color-contrast" data-reactid="518"><span data-reactid="519"><!-- react-text: 520 -->Color contrast<!-- /react-text --></span><a href="#Color-contrast" class="anchor" data-reactid="521">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="522"><div class="preview-image-box" style="width:50%;" data-reactid="523"><div class="preview-image-wrapper good" data-reactid="524"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/jeyvhMIQgoPUotNerRGy.png" alt="Good example" data-reactid="525"/></div><div class="preview-image-title" data-reactid="526">Good example</div><div class="preview-image-description" data-reactid="527"></div><!-- react-empty: 528 --></div><div class="preview-image-box" style="width:50%;" data-reactid="529"><div class="preview-image-wrapper bad" data-reactid="530"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/ppdlrVnFCsYVicjDrnzi.png" alt="Bad example" data-reactid="531"/></div><div class="preview-image-title" data-reactid="532">Bad example</div><div class="preview-image-description" data-reactid="533">When the contrast is less than 3:1, it becomes difficult to read</div><!-- react-empty: 534 --></div></div><p data-reactid="535"><!-- react-text: 536 -->Ant Design&#x27;s color palette conforms to the WCAG 2.0 standard. The foreground and background colors should always meet the minimum standard of a 3:1 contrast ratio.<!-- /react-text --></p><ul data-reactid="537"><li data-reactid="538"><p data-reactid="539"><a href="https://leaverou.github.io/contrast-ratio/#%23454545-on-%23fff" data-reactid="540"><!-- react-text: 541 -->Contrast ratio tool<!-- /react-text --></a></p></li></ul></section></article></div></div><div class="ant-row" data-reactid="542"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="543"><section class="prev-next-nav" data-reactid="544"><a class="prev-page" href="/docs/spec/reaction" data-reactid="545">React Immediately</a><a class="next-page" href="/docs/spec/icon" data-reactid="546">Icons</a></section></div></div></div><footer id="footer" data-reactid="547"><ul data-reactid="548"><li data-reactid="549"><h2 data-reactid="550"><i class="anticon anticon-github" data-reactid="551"></i><!-- react-text: 552 --> GitHub<!-- /react-text --></h2><div data-reactid="553"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="554"><span data-reactid="555">Repository</span></a></div><div data-reactid="556"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="557"><span data-reactid="558">Customize Theme</span></a></div><div data-reactid="559"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="560"><span data-reactid="561">Awesome Ant Design</span></a></div></li><li data-reactid="562"><h2 data-reactid="563"><i class="anticon anticon-link" data-reactid="564"></i><!-- react-text: 565 --> <!-- /react-text --><span data-reactid="566">Links</span></h2><div data-reactid="567"><a href="https://design.alipay.com/" data-reactid="568"><span data-reactid="569">Ant Financial Design Platform</span></a></div><div data-reactid="570"><a href="http://mobile.ant.design" data-reactid="571">Ant Design Mobile</a><span data-reactid="572"> - </span><span data-reactid="573">Mobile UI</span></div><div data-reactid="574"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="575">dva</a><!-- react-text: 576 --> - <!-- /react-text --><span data-reactid="577">Framework</span></div><div data-reactid="578"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="579">dva-cli</a><!-- react-text: 580 --> -<!-- /react-text --><span data-reactid="581">Developer Tools</span></div><div data-reactid="582"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="583">Egg</a><span data-reactid="584"> - </span><span data-reactid="585">Enterprise Node Framework</span></div><div data-reactid="586"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="587">AntV</a><span data-reactid="588"> - </span><span data-reactid="589">Data Visualization</span></div><div data-reactid="590"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="591">Ant Motion</a><span data-reactid="592"> - </span><span data-reactid="593">Motion Soluction</span></div><div data-reactid="594"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="595">AntD Library</a><span data-reactid="596"> - </span><span data-reactid="597">Axure library</span></div><div data-reactid="598"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="599">Ant UX</a><span data-reactid="600"> - </span><span data-reactid="601">Sitemap Template</span></div></li><li data-reactid="602"><h2 data-reactid="603"><i class="anticon anticon-customer-service" data-reactid="604"></i><!-- react-text: 605 --> <!-- /react-text --><span data-reactid="606">Community</span></h2><div data-reactid="607"><a href="/changelog" data-reactid="608"><span data-reactid="609">Change Log</span></a></div><div data-reactid="610"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="611"><span data-reactid="612">FAQ</span></a></div><div data-reactid="613"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="614"><span data-reactid="615">Chat Room (中文)</span></a></div><div data-reactid="616"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="617"><span data-reactid="618">Chat Room (English)</span></a></div><div data-reactid="619"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="620"><span data-reactid="621">Bug Report</span></a></div><div data-reactid="622"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="623"><span data-reactid="624">Issues</span></a></div><div data-reactid="625"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="626"><span data-reactid="627">StackOverflow</span></a></div><div data-reactid="628"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="629"><span data-reactid="630">SegmentFault</span></a></div></li><li data-reactid="631"><h2 data-reactid="632"><!-- react-text: 633 -->Copyright © <!-- /react-text --><!-- react-text: 634 -->2017<!-- /react-text --></h2><div data-reactid="635"><span data-reactid="636">Created by AIUX</span></div><div data-reactid="637"><!-- react-text: 638 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="639">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay" data-reactid="72">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight" data-reactid="74">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Colors<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/colors.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->Not only is color an effective way to create brand recognition, but it also plays an important role in conveying information, providing interactive feedback, and bringing attention to a particular element. Ant Design makes using color simple and practical through an emphasis on efficiency, clarity, and user experience. Please note the following three points when choosing colors:<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->Color usage and positioning should respect cognitive psychology (stay user-focused)<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->Visual hierarchy should be clear-cut, and color should establish visual continuity<!-- /react-text --></p></li><li data-reactid="120"><p data-reactid="121"><!-- react-text: 122 -->Color usage should be in compliance with the <!-- /react-text --><a title="Web Content Accessibility Guidelines" href="https://www.w3.org/WAI/WCAG20/glance/" data-reactid="123"><!-- react-text: 124 -->WCAG 2.0 standards<!-- /react-text --></a><!-- react-text: 125 --> by using sufficient contrast to ensure accessibility<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="126"><ul data-reactid="127"><li data-reactid="128"><a class="bisheng-toc-h2" href="#Color-Palettes" title="Color Palettes" data-reactid="129"><!-- react-text: 130 -->Color Palettes<!-- /react-text --></a></li><li data-reactid="131"><a class="bisheng-toc-h2" href="#Color-application" title="Color application" data-reactid="132"><!-- react-text: 133 -->Color application<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="134"><h2 id="Color-Palettes" data-reactid="135"><span data-reactid="136"><!-- react-text: 137 -->Color Palettes<!-- /react-text --></span><a href="#Color-Palettes" class="anchor" data-reactid="138">#</a></h2><p data-reactid="139"><!-- react-text: 140 -->Ant Design&#x27;s color palettes consist of 10 shallow-to-deep color swatches, and default palettes are defined for certain hues. Users can select a swatch from the color scheme using keywords. In theory, all colors used in the design should be taken from a color palette.<!-- /react-text --></p><p data-reactid="141"><!-- react-text: 142 -->After careful tuning by designers and programmers, our <!-- /react-text --><a href="https://github.com/ant-design/ant-design/blob/734beb84ffc3f0469fbae1566aa8450f966cb261/components/style/color/colorPalette.less" data-reactid="143"><!-- react-text: 144 -->palette generation algorithm<!-- /react-text --></a><!-- react-text: 145 --> uses a combination of color plus Bezier curves and different rotation angles for cold and warm colors to generate new palettes (replacing our original tint / shade color system). This algorithm can be used to generate new palettes based on an input color that you specify.<!-- /react-text --></p><p data-reactid="146"><!-- react-text: 147 -->Ant Design&#x27;s default theme consists of eight basic colors, each of which is derived from the above algorithm.<!-- /react-text --></p><blockquote data-reactid="148"><p data-reactid="149"><!-- react-text: 150 -->Note: In these shallow-to-deep palettes, the 6th color cell <!-- /react-text --><a href="https://leaverou.github.io/contrast-ratio/" data-reactid="151"><!-- react-text: 152 -->generally satisfies WCAG 2.0<!-- /react-text --></a><!-- react-text: 153 -->&#x27;s 4.5:1 minimum contrast ratio (AA level), and is used as the default for the palette.<!-- /react-text --></p></blockquote><div data-reactid="154"><div class="color-palette" data-reactid="155"><div class="color-title" data-reactid="156"><!-- react-text: 157 -->red<!-- /react-text --><span class="color-description" data-reactid="158">热情、警示</span></div><div class="main-color" data-reactid="159"><div class="main-color-item palatte-red-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="160"><!-- react-text: 161 -->red-1<!-- /react-text --></div><div class="main-color-item palatte-red-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="162"><!-- react-text: 163 -->red-2<!-- /react-text --></div><div class="main-color-item palatte-red-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="164"><!-- react-text: 165 -->red-3<!-- /react-text --></div><div class="main-color-item palatte-red-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="166"><!-- react-text: 167 -->red-4<!-- /react-text --></div><div class="main-color-item palatte-red-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="168"><!-- react-text: 169 -->red-5<!-- /react-text --></div><div class="main-color-item palatte-red-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="170"><!-- react-text: 171 -->red-6<!-- /react-text --></div><div class="main-color-item palatte-red-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="172"><!-- react-text: 173 -->red-7<!-- /react-text --></div><div class="main-color-item palatte-red-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="174"><!-- react-text: 175 -->red-8<!-- /react-text --></div><div class="main-color-item palatte-red-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="176"><!-- react-text: 177 -->red-9<!-- /react-text --></div><div class="main-color-item palatte-red-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="178"><!-- react-text: 179 -->red-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="180"><div class="color-title" data-reactid="181"><!-- react-text: 182 -->green<!-- /react-text --><span class="color-description" data-reactid="183">成功、通过、安全</span></div><div class="main-color" data-reactid="184"><div class="main-color-item palatte-green-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="185"><!-- react-text: 186 -->green-1<!-- /react-text --></div><div class="main-color-item palatte-green-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="187"><!-- react-text: 188 -->green-2<!-- /react-text --></div><div class="main-color-item palatte-green-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="189"><!-- react-text: 190 -->green-3<!-- /react-text --></div><div class="main-color-item palatte-green-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="191"><!-- react-text: 192 -->green-4<!-- /react-text --></div><div class="main-color-item palatte-green-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="193"><!-- react-text: 194 -->green-5<!-- /react-text --></div><div class="main-color-item palatte-green-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="195"><!-- react-text: 196 -->green-6<!-- /react-text --></div><div class="main-color-item palatte-green-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="197"><!-- react-text: 198 -->green-7<!-- /react-text --></div><div class="main-color-item palatte-green-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="199"><!-- react-text: 200 -->green-8<!-- /react-text --></div><div class="main-color-item palatte-green-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="201"><!-- react-text: 202 -->green-9<!-- /react-text --></div><div class="main-color-item palatte-green-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="203"><!-- react-text: 204 -->green-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="205"><div class="color-title" data-reactid="206"><!-- react-text: 207 -->blue<!-- /react-text --><span class="color-description" data-reactid="208">专业、科技</span></div><div class="main-color" data-reactid="209"><div class="main-color-item palatte-blue-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="210"><!-- react-text: 211 -->blue-1<!-- /react-text --></div><div class="main-color-item palatte-blue-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="212"><!-- react-text: 213 -->blue-2<!-- /react-text --></div><div class="main-color-item palatte-blue-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="214"><!-- react-text: 215 -->blue-3<!-- /react-text --></div><div class="main-color-item palatte-blue-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="216"><!-- react-text: 217 -->blue-4<!-- /react-text --></div><div class="main-color-item palatte-blue-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="218"><!-- react-text: 219 -->blue-5<!-- /react-text --></div><div class="main-color-item palatte-blue-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="220"><!-- react-text: 221 -->blue-6<!-- /react-text --></div><div class="main-color-item palatte-blue-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="222"><!-- react-text: 223 -->blue-7<!-- /react-text --></div><div class="main-color-item palatte-blue-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="224"><!-- react-text: 225 -->blue-8<!-- /react-text --></div><div class="main-color-item palatte-blue-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="226"><!-- react-text: 227 -->blue-9<!-- /react-text --></div><div class="main-color-item palatte-blue-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="228"><!-- react-text: 229 -->blue-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="230"><div class="color-title" data-reactid="231"><!-- react-text: 232 -->pink<!-- /react-text --><span class="color-description" data-reactid="233">典雅、明快、女性</span></div><div class="main-color" data-reactid="234"><div class="main-color-item palatte-pink-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="235"><!-- react-text: 236 -->pink-1<!-- /react-text --></div><div class="main-color-item palatte-pink-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="237"><!-- react-text: 238 -->pink-2<!-- /react-text --></div><div class="main-color-item palatte-pink-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="239"><!-- react-text: 240 -->pink-3<!-- /react-text --></div><div class="main-color-item palatte-pink-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="241"><!-- react-text: 242 -->pink-4<!-- /react-text --></div><div class="main-color-item palatte-pink-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="243"><!-- react-text: 244 -->pink-5<!-- /react-text --></div><div class="main-color-item palatte-pink-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="245"><!-- react-text: 246 -->pink-6<!-- /react-text --></div><div class="main-color-item palatte-pink-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="247"><!-- react-text: 248 -->pink-7<!-- /react-text --></div><div class="main-color-item palatte-pink-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="249"><!-- react-text: 250 -->pink-8<!-- /react-text --></div><div class="main-color-item palatte-pink-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="251"><!-- react-text: 252 -->pink-9<!-- /react-text --></div><div class="main-color-item palatte-pink-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="253"><!-- react-text: 254 -->pink-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="255"><div class="color-title" data-reactid="256"><!-- react-text: 257 -->orange<!-- /react-text --><span class="color-description" data-reactid="258">醒目、温暖</span></div><div class="main-color" data-reactid="259"><div class="main-color-item palatte-orange-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="260"><!-- react-text: 261 -->orange-1<!-- /react-text --></div><div class="main-color-item palatte-orange-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="262"><!-- react-text: 263 -->orange-2<!-- /react-text --></div><div class="main-color-item palatte-orange-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="264"><!-- react-text: 265 -->orange-3<!-- /react-text --></div><div class="main-color-item palatte-orange-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="266"><!-- react-text: 267 -->orange-4<!-- /react-text --></div><div class="main-color-item palatte-orange-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="268"><!-- react-text: 269 -->orange-5<!-- /react-text --></div><div class="main-color-item palatte-orange-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="270"><!-- react-text: 271 -->orange-6<!-- /react-text --></div><div class="main-color-item palatte-orange-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="272"><!-- react-text: 273 -->orange-7<!-- /react-text --></div><div class="main-color-item palatte-orange-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="274"><!-- react-text: 275 -->orange-8<!-- /react-text --></div><div class="main-color-item palatte-orange-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="276"><!-- react-text: 277 -->orange-9<!-- /react-text --></div><div class="main-color-item palatte-orange-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="278"><!-- react-text: 279 -->orange-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="280"><div class="color-title" data-reactid="281"><!-- react-text: 282 -->purple<!-- /react-text --><span class="color-description" data-reactid="283">高雅、浪漫</span></div><div class="main-color" data-reactid="284"><div class="main-color-item palatte-purple-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="285"><!-- react-text: 286 -->purple-1<!-- /react-text --></div><div class="main-color-item palatte-purple-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="287"><!-- react-text: 288 -->purple-2<!-- /react-text --></div><div class="main-color-item palatte-purple-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="289"><!-- react-text: 290 -->purple-3<!-- /react-text --></div><div class="main-color-item palatte-purple-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="291"><!-- react-text: 292 -->purple-4<!-- /react-text --></div><div class="main-color-item palatte-purple-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="293"><!-- react-text: 294 -->purple-5<!-- /react-text --></div><div class="main-color-item palatte-purple-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="295"><!-- react-text: 296 -->purple-6<!-- /react-text --></div><div class="main-color-item palatte-purple-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="297"><!-- react-text: 298 -->purple-7<!-- /react-text --></div><div class="main-color-item palatte-purple-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="299"><!-- react-text: 300 -->purple-8<!-- /react-text --></div><div class="main-color-item palatte-purple-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="301"><!-- react-text: 302 -->purple-9<!-- /react-text --></div><div class="main-color-item palatte-purple-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="303"><!-- react-text: 304 -->purple-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="305"><div class="color-title" data-reactid="306"><!-- react-text: 307 -->yellow<!-- /react-text --><span class="color-description" data-reactid="308">活力、提示</span></div><div class="main-color" data-reactid="309"><div class="main-color-item palatte-yellow-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="310"><!-- react-text: 311 -->yellow-1<!-- /react-text --></div><div class="main-color-item palatte-yellow-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="312"><!-- react-text: 313 -->yellow-2<!-- /react-text --></div><div class="main-color-item palatte-yellow-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="314"><!-- react-text: 315 -->yellow-3<!-- /react-text --></div><div class="main-color-item palatte-yellow-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="316"><!-- react-text: 317 -->yellow-4<!-- /react-text --></div><div class="main-color-item palatte-yellow-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="318"><!-- react-text: 319 -->yellow-5<!-- /react-text --></div><div class="main-color-item palatte-yellow-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="320"><!-- react-text: 321 -->yellow-6<!-- /react-text --></div><div class="main-color-item palatte-yellow-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="322"><!-- react-text: 323 -->yellow-7<!-- /react-text --></div><div class="main-color-item palatte-yellow-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="324"><!-- react-text: 325 -->yellow-8<!-- /react-text --></div><div class="main-color-item palatte-yellow-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="326"><!-- react-text: 327 -->yellow-9<!-- /react-text --></div><div class="main-color-item palatte-yellow-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="328"><!-- react-text: 329 -->yellow-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="330"><div class="color-title" data-reactid="331"><!-- react-text: 332 -->cyan<!-- /react-text --><span class="color-description" data-reactid="333">清新、冷静、结构化</span></div><div class="main-color" data-reactid="334"><div class="main-color-item palatte-cyan-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="335"><!-- react-text: 336 -->cyan-1<!-- /react-text --></div><div class="main-color-item palatte-cyan-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="337"><!-- react-text: 338 -->cyan-2<!-- /react-text --></div><div class="main-color-item palatte-cyan-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="339"><!-- react-text: 340 -->cyan-3<!-- /react-text --></div><div class="main-color-item palatte-cyan-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="341"><!-- react-text: 342 -->cyan-4<!-- /react-text --></div><div class="main-color-item palatte-cyan-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="343"><!-- react-text: 344 -->cyan-5<!-- /react-text --></div><div class="main-color-item palatte-cyan-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="345"><!-- react-text: 346 -->cyan-6<!-- /react-text --></div><div class="main-color-item palatte-cyan-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="347"><!-- react-text: 348 -->cyan-7<!-- /react-text --></div><div class="main-color-item palatte-cyan-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="349"><!-- react-text: 350 -->cyan-8<!-- /react-text --></div><div class="main-color-item palatte-cyan-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="351"><!-- react-text: 352 -->cyan-9<!-- /react-text --></div><div class="main-color-item palatte-cyan-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="353"><!-- react-text: 354 -->cyan-10<!-- /react-text --></div></div></div><div class="color-palette" data-reactid="355"><div class="color-title" data-reactid="356"><!-- react-text: 357 -->grey<!-- /react-text --><span class="color-description" data-reactid="358">平稳、中性</span></div><div class="main-color" data-reactid="359"><div class="main-color-item palatte-grey-1" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="360"><!-- react-text: 361 -->grey-1<!-- /react-text --></div><div class="main-color-item palatte-grey-2" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="362"><!-- react-text: 363 -->grey-2<!-- /react-text --></div><div class="main-color-item palatte-grey-3" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="364"><!-- react-text: 365 -->grey-3<!-- /react-text --></div><div class="main-color-item palatte-grey-4" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="366"><!-- react-text: 367 -->grey-4<!-- /react-text --></div><div class="main-color-item palatte-grey-5" style="color:unset;font-weight:normal;" title="click to copy color" data-reactid="368"><!-- react-text: 369 -->grey-5<!-- /react-text --></div><div class="main-color-item palatte-grey-6" style="color:#fff;font-weight:bold;" title="click to copy color" data-reactid="370"><!-- react-text: 371 -->grey-6<!-- /react-text --></div><div class="main-color-item palatte-grey-7" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="372"><!-- react-text: 373 -->grey-7<!-- /react-text --></div><div class="main-color-item palatte-grey-8" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="374"><!-- react-text: 375 -->grey-8<!-- /react-text --></div><div class="main-color-item palatte-grey-9" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="376"><!-- react-text: 377 -->grey-9<!-- /react-text --></div><div class="main-color-item palatte-grey-10" style="color:#fff;font-weight:normal;" title="click to copy color" data-reactid="378"><!-- react-text: 379 -->grey-10<!-- /react-text --></div></div></div></div><p data-reactid="380"><!-- react-text: 381 -->In order to provide contrast against different background shades, we chose <!-- /react-text --><code data-reactid="382"><!-- react-text: 383 -->White #FFFFFF<!-- /react-text --></code><!-- react-text: 384 --> and <!-- /react-text --><code data-reactid="385"><!-- react-text: 386 -->Black #000000<!-- /react-text --></code><!-- react-text: 387 --> with varying transparency to distinguish foreground text. For details, please see <!-- /react-text --><a href="/docs/spec/font#font-color" data-reactid="388">font color</a><!-- react-text: 389 -->.<!-- /react-text --></p><h3 id="Palette-Generation-Tool" data-reactid="390"><span data-reactid="391"><!-- react-text: 392 -->Palette Generation Tool<!-- /react-text --></span><a href="#Palette-Generation-Tool" class="anchor" data-reactid="393">#</a></h3><p data-reactid="394"><!-- react-text: 395 -->If the above palettes do not meet your needs, you can choose a main color below, and Ant Design&#x27;s color generation algorithm will generate a palette for you.<!-- /react-text --></p><div class="color-palette" data-reactid="396"><div class="color-palette-pick" data-reactid="397"><!-- react-text: 398 -->选择自定义主色<!-- /react-text --><div class="color-palette-picker" data-reactid="399"><span style="display:inline-block;" data-reactid="400"><div data-reactid="401"><div style="padding:5px;background:#fff;border-radius:1px;box-shadow:0 0 0 1px rgba(0,0,0,.1);display:inline-block;cursor:pointer;" data-reactid="402"><div style="width:120px;height:24px;border-radius:2px;background:#108ee9;" data-reactid="403"></div></div></div></span><div class="color-palette-picker-value" data-reactid="404">#108ee9</div></div></div><div class="main-color" data-reactid="405"><div class="main-color-item" style="background:#ECF6FD;color:unset;font-weight:normal;" title="click to copy color" data-reactid="406"><!-- react-text: 407 -->color-<!-- /react-text --><!-- react-text: 408 -->1<!-- /react-text --><span class="main-color-value" data-reactid="409">#ECF6FD</span></div><div class="main-color-item" style="background:#D2EAFB;color:unset;font-weight:normal;" title="click to copy color" data-reactid="410"><!-- react-text: 411 -->color-<!-- /react-text --><!-- react-text: 412 -->2<!-- /react-text --><span class="main-color-value" data-reactid="413">#D2EAFB</span></div><div class="main-color-item" style="background:#ADD8F7;color:unset;font-weight:normal;" title="click to copy color" data-reactid="414"><!-- react-text: 415 -->color-<!-- /react-text --><!-- react-text: 416 -->3<!-- /react-text --><span class="main-color-value" data-reactid="417">#ADD8F7</span></div><div class="main-color-item" style="background:#7EC2F3;color:unset;font-weight:normal;" title="click to copy color" data-reactid="418"><!-- react-text: 419 -->color-<!-- /react-text --><!-- react-text: 420 -->4<!-- /react-text --><span class="main-color-value" data-reactid="421">#7EC2F3</span></div><div class="main-color-item" style="background:#49A9EE;color:unset;font-weight:normal;" title="click to copy color" data-reactid="422"><!-- react-text: 423 -->color-<!-- /react-text --><!-- react-text: 424 -->5<!-- /react-text --><span class="main-color-value" data-reactid="425">#49A9EE</span></div><div class="main-color-item" style="background:#108EE9;color:#fff;font-weight:bold;" title="click to copy color" data-reactid="426"><!-- react-text: 427 -->color-<!-- /react-text --><!-- react-text: 428 -->6<!-- /react-text --><span class="main-color-value" data-reactid="429">#108EE9</span></div><div class="main-color-item" style="background:#0E77CA;color:#fff;font-weight:normal;" title="click to copy color" data-reactid="430"><!-- react-text: 431 -->color-<!-- /react-text --><!-- react-text: 432 -->7<!-- /react-text --><span class="main-color-value" data-reactid="433">#0E77CA</span></div><div class="main-color-item" style="background:#0C60AA;color:#fff;font-weight:normal;" title="click to copy color" data-reactid="434"><!-- react-text: 435 -->color-<!-- /react-text --><!-- react-text: 436 -->8<!-- /react-text --><span class="main-color-value" data-reactid="437">#0C60AA</span></div><div class="main-color-item" style="background:#09488A;color:#fff;font-weight:normal;" title="click to copy color" data-reactid="438"><!-- react-text: 439 -->color-<!-- /react-text --><!-- react-text: 440 -->9<!-- /react-text --><span class="main-color-value" data-reactid="441">#09488A</span></div><div class="main-color-item" style="background:#073069;color:#fff;font-weight:normal;" title="click to copy color" data-reactid="442"><!-- react-text: 443 -->color-<!-- /react-text --><!-- react-text: 444 -->10<!-- /react-text --><span class="main-color-value" data-reactid="445">#073069</span></div></div></div><hr data-reactid="446"/><h2 id="Color-application" data-reactid="447"><span data-reactid="448"><!-- react-text: 449 -->Color application<!-- /react-text --></span><a href="#Color-application" class="anchor" data-reactid="450">#</a></h2><h3 id="Brand-color-application" data-reactid="451"><span data-reactid="452"><!-- react-text: 453 -->Brand color application<!-- /react-text --></span><a href="#Brand-color-application" class="anchor" data-reactid="454">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="455"><div class="preview-image-box" data-reactid="456"><div class="preview-image-wrapper" data-reactid="457"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/lVKfKMuLmaTlnTDitPEJ.png" alt="Ant Design&#x27;s commonly used brand color values" data-reactid="458"/></div><div class="preview-image-title" data-reactid="459">Ant Design&#x27;s commonly used brand color values</div><div class="preview-image-description" data-reactid="460"></div><!-- react-empty: 461 --></div></div><p data-reactid="462"><!-- react-text: 463 -->The brand color is one of the most intuitive visual elements used that is used to embody product characteristics and communicate ideas. When selecting colors, it is important to understand how the brand color is used in the user interface. Taking the default styles of an Ant Design web component as an example, the brand color is mainly reflected in key actions and when highlighting important information.<!-- /react-text --></p><blockquote data-reactid="464"><p data-reactid="465"><!-- react-text: 466 -->Note: Images and logos can not automatically adhere to the color palette, but should be compatible.<!-- /react-text --></p></blockquote><h3 id="Neutral-color-application" data-reactid="467"><span data-reactid="468"><!-- react-text: 469 -->Neutral color application<!-- /react-text --></span><a href="#Neutral-color-application" class="anchor" data-reactid="470">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="471"><div class="preview-image-box" data-reactid="472"><div class="preview-image-wrapper" data-reactid="473"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/AmXwsVOWrLxDfwLNlyvL.png" alt="Ant Design&#x27;s neutral color values" data-reactid="474"/></div><div class="preview-image-title" data-reactid="475">Ant Design&#x27;s neutral color values</div><div class="preview-image-description" data-reactid="476"></div><!-- react-empty: 477 --></div></div><p data-reactid="478"><!-- react-text: 479 -->Gray as a neutral color is used extensively in Ant Design&#x27;s web design, and its use facilitates the targeting and functional guidance of key content. This color is mainly seen in the navigation frame, backgrounds, secondary operations, and so on.<!-- /react-text --></p><h3 id="Functional-color-application" data-reactid="480"><span data-reactid="481"><!-- react-text: 482 -->Functional color application<!-- /react-text --></span><a href="#Functional-color-application" class="anchor" data-reactid="483">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="484"><div class="preview-image-box" data-reactid="485"><div class="preview-image-wrapper" data-reactid="486"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/mewwdThVwyTQzpZQtYXw.png" alt="Ant Design&#x27;s functional color card" data-reactid="487"/></div><div class="preview-image-title" data-reactid="488">Ant Design&#x27;s functional color card</div><div class="preview-image-description" data-reactid="489"></div><!-- react-empty: 490 --></div></div><p data-reactid="491"><!-- react-text: 492 -->Functional colors are colors that are used to convey state. These are mainly used in notifications, form validations, status messages, etc. Green indicates success, yellow indicates alerts / warnings, red indicates errors, gray indicates skipped / disabled.<!-- /react-text --></p><h3 id="Visual-hierarchy" data-reactid="493"><span data-reactid="494"><!-- react-text: 495 -->Visual hierarchy<!-- /react-text --></span><a href="#Visual-hierarchy" class="anchor" data-reactid="496">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="497"><div class="preview-image-box" data-reactid="498"><div class="preview-image-wrapper good" data-reactid="499"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/ADUfVlZwjziJRUQSMbMt.png" alt="Good example" data-reactid="500"/></div><div class="preview-image-title" data-reactid="501">Good example</div><div class="preview-image-description" data-reactid="502">Guide the user's line of sight through brand color</div><!-- react-empty: 503 --></div></div><p data-reactid="504"><!-- react-text: 505 -->Use the brand color to convey important information or to highlight important actions while surrounding it with large areas of neutral color. This allows users to focus more on the task itself, improving efficiency.<!-- /react-text --></p><p data-reactid="506"><br data-reactid="507"/></p><div class="preview-image-boxes clearfix" data-reactid="508"><div class="preview-image-box" data-reactid="509"><div class="preview-image-wrapper bad" data-reactid="510"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/RmSDSeAAYphuiDFszIMa.png" alt="Bad example" data-reactid="511"/></div><div class="preview-image-title" data-reactid="512">Bad example</div><div class="preview-image-description" data-reactid="513">Avoid using too many colors or colors in large areas</div><!-- react-empty: 514 --></div></div><blockquote data-reactid="515"><p data-reactid="516"><!-- react-text: 517 -->Note: We suggest using no more than three colors in the user interface (except for within data charts and graphic illustrations)<!-- /react-text --></p></blockquote><h3 id="Color-contrast" data-reactid="518"><span data-reactid="519"><!-- react-text: 520 -->Color contrast<!-- /react-text --></span><a href="#Color-contrast" class="anchor" data-reactid="521">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="522"><div class="preview-image-box" style="width:50%;" data-reactid="523"><div class="preview-image-wrapper good" data-reactid="524"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/jeyvhMIQgoPUotNerRGy.png" alt="Good example" data-reactid="525"/></div><div class="preview-image-title" data-reactid="526">Good example</div><div class="preview-image-description" data-reactid="527"></div><!-- react-empty: 528 --></div><div class="preview-image-box" style="width:50%;" data-reactid="529"><div class="preview-image-wrapper bad" data-reactid="530"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/ppdlrVnFCsYVicjDrnzi.png" alt="Bad example" data-reactid="531"/></div><div class="preview-image-title" data-reactid="532">Bad example</div><div class="preview-image-description" data-reactid="533">When the contrast is less than 3:1, it becomes difficult to read</div><!-- react-empty: 534 --></div></div><p data-reactid="535"><!-- react-text: 536 -->Ant Design&#x27;s color palette conforms to the WCAG 2.0 standard. The foreground and background colors should always meet the minimum standard of a 3:1 contrast ratio.<!-- /react-text --></p><ul data-reactid="537"><li data-reactid="538"><p data-reactid="539"><a href="https://leaverou.github.io/contrast-ratio/#%23454545-on-%23fff" data-reactid="540"><!-- react-text: 541 -->Contrast ratio tool<!-- /react-text --></a></p></li></ul></section></article></div></div><div class="ant-row" data-reactid="542"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="543"><section class="prev-next-nav" data-reactid="544"><a class="prev-page" href="/docs/spec/reaction" data-reactid="545">React Immediately</a><a class="next-page" href="/docs/spec/icon" data-reactid="546">Icons</a></section></div></div></div><footer id="footer" data-reactid="547"><ul data-reactid="548"><li data-reactid="549"><h2 data-reactid="550"><i class="anticon anticon-github" data-reactid="551"></i><!-- react-text: 552 --> GitHub<!-- /react-text --></h2><div data-reactid="553"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="554"><span data-reactid="555">Repository</span></a></div><div data-reactid="556"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="557"><span data-reactid="558">Customize Theme</span></a></div><div data-reactid="559"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="560"><span data-reactid="561">Awesome Ant Design</span></a></div></li><li data-reactid="562"><h2 data-reactid="563"><i class="anticon anticon-link" data-reactid="564"></i><!-- react-text: 565 --> <!-- /react-text --><span data-reactid="566">Links</span></h2><div data-reactid="567"><a href="https://design.alipay.com/" data-reactid="568"><span data-reactid="569">Ant Financial Design Platform</span></a></div><div data-reactid="570"><a href="http://mobile.ant.design" data-reactid="571">Ant Design Mobile</a><span data-reactid="572"> - </span><span data-reactid="573">Mobile UI</span></div><div data-reactid="574"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="575">dva</a><!-- react-text: 576 --> - <!-- /react-text --><span data-reactid="577">Framework</span></div><div data-reactid="578"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="579">dva-cli</a><!-- react-text: 580 --> -<!-- /react-text --><span data-reactid="581">Developer Tools</span></div><div data-reactid="582"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="583">Egg</a><span data-reactid="584"> - </span><span data-reactid="585">Enterprise Node Framework</span></div><div data-reactid="586"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="587">AntV</a><span data-reactid="588"> - </span><span data-reactid="589">Data Visualization</span></div><div data-reactid="590"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="591">Ant Motion</a><span data-reactid="592"> - </span><span data-reactid="593">Motion Soluction</span></div><div data-reactid="594"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="595">AntD Library</a><span data-reactid="596"> - </span><span data-reactid="597">Axure library</span></div><div data-reactid="598"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="599">Ant UX</a><span data-reactid="600"> - </span><span data-reactid="601">Sitemap Template</span></div></li><li data-reactid="602"><h2 data-reactid="603"><i class="anticon anticon-customer-service" data-reactid="604"></i><!-- react-text: 605 --> <!-- /react-text --><span data-reactid="606">Community</span></h2><div data-reactid="607"><a href="/changelog" data-reactid="608"><span data-reactid="609">Change Log</span></a></div><div data-reactid="610"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="611"><span data-reactid="612">FAQ</span></a></div><div data-reactid="613"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="614"><span data-reactid="615">Chat Room (中文)</span></a></div><div data-reactid="616"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="617"><span data-reactid="618">Chat Room (English)</span></a></div><div data-reactid="619"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="620"><span data-reactid="621">Bug Report</span></a></div><div data-reactid="622"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="623"><span data-reactid="624">Issues</span></a></div><div data-reactid="625"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="626"><span data-reactid="627">StackOverflow</span></a></div><div data-reactid="628"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="629"><span data-reactid="630">SegmentFault</span></a></div></li><li data-reactid="631"><h2 data-reactid="632"><!-- react-text: 633 -->Copyright © <!-- /react-text --><!-- react-text: 634 -->2017<!-- /react-text --></h2><div data-reactid="635"><span data-reactid="636">Created by AIUX</span></div><div data-reactid="637"><!-- react-text: 638 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="639">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/contrast-cn.html b/docs/spec/contrast-cn.html
index 905c95299..539cc44bb 100644
--- a/docs/spec/contrast-cn.html
+++ b/docs/spec/contrast-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="973786519"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1039479399"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->对比<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/contrast.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->对比是增加视觉效果最有效方法之一，同时也能在不同元素之间建立一种有组织的层次结构，让用户快速识别关键信息。<!-- /react-text --></p><blockquote data-reactid="113"><p data-reactid="114"><!-- react-text: 115 -->注：要实现有效的对比，对比就必须强烈，切不可畏畏缩缩。<!-- /react-text --></p></blockquote></section><section class="toc" data-reactid="116"><ul data-reactid="117"><li data-reactid="118"><a class="bisheng-toc-h2" href="#主次关系对比" title="主次关系对比" data-reactid="119"><!-- react-text: 120 -->主次关系对比<!-- /react-text --></a></li><li data-reactid="121"><a class="bisheng-toc-h2" href="#总分关系对比" title="总分关系对比" data-reactid="122"><!-- react-text: 123 -->总分关系对比<!-- /react-text --></a></li><li data-reactid="124"><a class="bisheng-toc-h2" href="#状态关系对比" title="状态关系对比" data-reactid="125"><!-- react-text: 126 -->状态关系对比<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="127"><h2 id="主次关系对比" data-reactid="128"><span data-reactid="129"><!-- react-text: 130 -->主次关系对比<!-- /react-text --></span><a href="#主次关系对比" class="anchor" data-reactid="131">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="132"><div class="preview-image-box" style="width:50%;" data-reactid="133"><div class="preview-image-wrapper good" data-reactid="134"><img class="preview-img good" src="https://os.alipayobjects.com/rmsportal/RruKZUSYEwauGdF.png" alt="正确示例" data-reactid="135"/></div><div class="preview-image-title" data-reactid="136">正确示例</div><div class="preview-image-description" data-reactid="137"></div><!-- react-empty: 138 --></div><div class="preview-image-box" style="width:50%;" data-reactid="139"><div class="preview-image-wrapper bad" data-reactid="140"><img class="preview-img bad" src="https://os.alipayobjects.com/rmsportal/TOupLSPNQkBTmYw.png" alt="错误示例" data-reactid="141"/></div><div class="preview-image-title" data-reactid="142">错误示例</div><div class="preview-image-description" data-reactid="143"></div><!-- react-empty: 144 --></div></div><p data-reactid="145"><!-- react-text: 146 -->为了让用户能在操作上（类似表单、弹出框等场景）快速做出判断， 来突出其中一项相对更重要或者更高频的操作。<!-- /react-text --></p><blockquote data-reactid="147"><p data-reactid="148"><!-- react-text: 149 -->注意：突出的方法，不局限于强化重点项，也可以是弱化其他项。<!-- /react-text --></p></blockquote><p data-reactid="150"><br data-reactid="151"/></p><div class="preview-image-boxes clearfix" data-reactid="152"><div class="preview-image-box" data-reactid="153"><div class="preview-image-wrapper" data-reactid="154"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/xskurfmyKPumFSv.png" alt="不区分主次的示例" data-reactid="155"/></div><div class="preview-image-title" data-reactid="156">不区分主次的示例</div><div class="preview-image-description" data-reactid="157">『通过』和『驳回』都使用次按钮，系统保持中立。</div><!-- react-empty: 158 --></div></div><p data-reactid="159"><!-- react-text: 160 -->在一些需要用户慎重决策的场景中，系统应该保持中立，不能替用户或者诱导用户做出判断。<!-- /react-text --></p><hr data-reactid="161"/><h2 id="总分关系对比" data-reactid="162"><span data-reactid="163"><!-- react-text: 164 -->总分关系对比<!-- /react-text --></span><a href="#总分关系对比" class="anchor" data-reactid="165">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="166"><div class="preview-image-box" data-reactid="167"><div class="preview-image-wrapper" data-reactid="168"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/HEDJpTyufnfXUOP.png" alt="总分关系示例 1" data-reactid="169"/></div><div class="preview-image-title" data-reactid="170">总分关系示例 1</div><div class="preview-image-description" data-reactid="171"></div><!-- react-empty: 172 --></div></div><div class="preview-image-boxes clearfix" data-reactid="173"><div class="preview-image-box" data-reactid="174"><div class="preview-image-wrapper" data-reactid="175"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/bafqoUWFgXjsuSG.png" alt="总分关系示例 2" data-reactid="176"/></div><div class="preview-image-title" data-reactid="177">总分关系示例 2</div><div class="preview-image-description" data-reactid="178"></div><!-- react-empty: 179 --></div></div><p data-reactid="180"><!-- react-text: 181 -->通过调整排版、字体、大小等方式来突出层次感，区分总分关系，使得页面更具张力和节奏感。<!-- /react-text --></p><hr data-reactid="182"/><h2 id="状态关系对比" data-reactid="183"><span data-reactid="184"><!-- react-text: 185 -->状态关系对比<!-- /react-text --></span><a href="#状态关系对比" class="anchor" data-reactid="186">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="187"><div class="preview-image-box" data-reactid="188"><div class="preview-image-wrapper" data-reactid="189"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/UHjarNwxrXndznP.png" alt="静态对比示例" data-reactid="190"/></div><div class="preview-image-title" data-reactid="191">静态对比示例</div><div class="preview-image-description" data-reactid="192">用不同颜色点，来表明不同状态。</div><!-- react-empty: 193 --></div></div><div class="preview-image-boxes clearfix" data-reactid="194"><div class="preview-image-box" data-reactid="195"><div class="preview-image-wrapper" data-reactid="196"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/DCAtXAEaFnAXEmG.png" alt="动态对比示例" data-reactid="197"/></div><div class="preview-image-title" data-reactid="198">动态对比示例</div><div class="preview-image-description" data-reactid="199">鼠标悬停时，该项和其他项呈现出明显不同的视觉效果，响应用户操作。</div><!-- react-empty: 200 --></div></div><p data-reactid="201"><!-- react-text: 202 -->通过改变颜色、增加辅助形状等方法来实现状态关系的对比，以便用户更好的区分信息。<!-- /react-text --></p><p data-reactid="203"><!-- react-text: 204 -->常见类型有『静态对比』、『动态对比』。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="205"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="206"><section class="prev-next-nav" data-reactid="207"><a class="prev-page" href="/docs/spec/alignment-cn" data-reactid="208">对齐</a><a class="next-page" href="/docs/spec/repetition-cn" data-reactid="209">重复</a></section></div></div></div><footer id="footer" data-reactid="210"><ul data-reactid="211"><li data-reactid="212"><h2 data-reactid="213"><i class="anticon anticon-github" data-reactid="214"></i><!-- react-text: 215 --> GitHub<!-- /react-text --></h2><div data-reactid="216"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="217"><span data-reactid="218">源码仓库</span></a></div><div data-reactid="219"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="220"><span data-reactid="221">定制主题</span></a></div><div data-reactid="222"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="223"><span data-reactid="224">Awesome Ant Design</span></a></div></li><li data-reactid="225"><h2 data-reactid="226"><i class="anticon anticon-link" data-reactid="227"></i><!-- react-text: 228 --> <!-- /react-text --><span data-reactid="229">相关站点</span></h2><div data-reactid="230"><a href="https://design.alipay.com/" data-reactid="231"><span data-reactid="232">蚂蚁金服设计平台</span></a></div><div data-reactid="233"><a href="http://mobile.ant.design" data-reactid="234">Ant Design Mobile</a><span data-reactid="235"> - </span><span data-reactid="236">移动版</span></div><div data-reactid="237"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="238">dva</a><!-- react-text: 239 --> - <!-- /react-text --><span data-reactid="240">应用框架</span></div><div data-reactid="241"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="242">dva-cli</a><!-- react-text: 243 --> -<!-- /react-text --><span data-reactid="244">开发工具</span></div><div data-reactid="245"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="246">Egg</a><span data-reactid="247"> - </span><span data-reactid="248">企业级 Node 开发框架</span></div><div data-reactid="249"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="250">AntV</a><span data-reactid="251"> - </span><span data-reactid="252">数据可视化</span></div><div data-reactid="253"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="254">Ant Motion</a><span data-reactid="255"> - </span><span data-reactid="256">设计动效</span></div><div data-reactid="257"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="258">AntD Library</a><span data-reactid="259"> - </span><span data-reactid="260">Axure 部件库</span></div><div data-reactid="261"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="262">Ant UX</a><span data-reactid="263"> - </span><span data-reactid="264">页面逻辑素材</span></div></li><li data-reactid="265"><h2 data-reactid="266"><i class="anticon anticon-customer-service" data-reactid="267"></i><!-- react-text: 268 --> <!-- /react-text --><span data-reactid="269">社区</span></h2><div data-reactid="270"><a href="/changelog" data-reactid="271"><span data-reactid="272">更新记录</span></a></div><div data-reactid="273"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="274"><span data-reactid="275">常见问题</span></a></div><div data-reactid="276"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="277"><span data-reactid="278">在线讨论 (中文)</span></a></div><div data-reactid="279"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="280"><span data-reactid="281">在线讨论 (English)</span></a></div><div data-reactid="282"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="283"><span data-reactid="284">报告 Bug</span></a></div><div data-reactid="285"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="286"><span data-reactid="287">讨论列表</span></a></div><div data-reactid="288"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="289"><span data-reactid="290">StackOverflow</span></a></div><div data-reactid="291"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="292"><span data-reactid="293">SegmentFault</span></a></div></li><li data-reactid="294"><h2 data-reactid="295"><!-- react-text: 296 -->Copyright © <!-- /react-text --><!-- react-text: 297 -->2017<!-- /react-text --></h2><div data-reactid="298"><span data-reactid="299">蚂蚁金服体验技术部出品</span></div><div data-reactid="300"><!-- react-text: 301 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="302">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->对比<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/contrast.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->对比是增加视觉效果最有效方法之一，同时也能在不同元素之间建立一种有组织的层次结构，让用户快速识别关键信息。<!-- /react-text --></p><blockquote data-reactid="113"><p data-reactid="114"><!-- react-text: 115 -->注：要实现有效的对比，对比就必须强烈，切不可畏畏缩缩。<!-- /react-text --></p></blockquote></section><section class="toc" data-reactid="116"><ul data-reactid="117"><li data-reactid="118"><a class="bisheng-toc-h2" href="#主次关系对比" title="主次关系对比" data-reactid="119"><!-- react-text: 120 -->主次关系对比<!-- /react-text --></a></li><li data-reactid="121"><a class="bisheng-toc-h2" href="#总分关系对比" title="总分关系对比" data-reactid="122"><!-- react-text: 123 -->总分关系对比<!-- /react-text --></a></li><li data-reactid="124"><a class="bisheng-toc-h2" href="#状态关系对比" title="状态关系对比" data-reactid="125"><!-- react-text: 126 -->状态关系对比<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="127"><h2 id="主次关系对比" data-reactid="128"><span data-reactid="129"><!-- react-text: 130 -->主次关系对比<!-- /react-text --></span><a href="#主次关系对比" class="anchor" data-reactid="131">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="132"><div class="preview-image-box" style="width:50%;" data-reactid="133"><div class="preview-image-wrapper good" data-reactid="134"><img class="preview-img good" src="https://os.alipayobjects.com/rmsportal/RruKZUSYEwauGdF.png" alt="正确示例" data-reactid="135"/></div><div class="preview-image-title" data-reactid="136">正确示例</div><div class="preview-image-description" data-reactid="137"></div><!-- react-empty: 138 --></div><div class="preview-image-box" style="width:50%;" data-reactid="139"><div class="preview-image-wrapper bad" data-reactid="140"><img class="preview-img bad" src="https://os.alipayobjects.com/rmsportal/TOupLSPNQkBTmYw.png" alt="错误示例" data-reactid="141"/></div><div class="preview-image-title" data-reactid="142">错误示例</div><div class="preview-image-description" data-reactid="143"></div><!-- react-empty: 144 --></div></div><p data-reactid="145"><!-- react-text: 146 -->为了让用户能在操作上（类似表单、弹出框等场景）快速做出判断， 来突出其中一项相对更重要或者更高频的操作。<!-- /react-text --></p><blockquote data-reactid="147"><p data-reactid="148"><!-- react-text: 149 -->注意：突出的方法，不局限于强化重点项，也可以是弱化其他项。<!-- /react-text --></p></blockquote><p data-reactid="150"><br data-reactid="151"/></p><div class="preview-image-boxes clearfix" data-reactid="152"><div class="preview-image-box" data-reactid="153"><div class="preview-image-wrapper" data-reactid="154"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/xskurfmyKPumFSv.png" alt="不区分主次的示例" data-reactid="155"/></div><div class="preview-image-title" data-reactid="156">不区分主次的示例</div><div class="preview-image-description" data-reactid="157">『通过』和『驳回』都使用次按钮，系统保持中立。</div><!-- react-empty: 158 --></div></div><p data-reactid="159"><!-- react-text: 160 -->在一些需要用户慎重决策的场景中，系统应该保持中立，不能替用户或者诱导用户做出判断。<!-- /react-text --></p><hr data-reactid="161"/><h2 id="总分关系对比" data-reactid="162"><span data-reactid="163"><!-- react-text: 164 -->总分关系对比<!-- /react-text --></span><a href="#总分关系对比" class="anchor" data-reactid="165">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="166"><div class="preview-image-box" data-reactid="167"><div class="preview-image-wrapper" data-reactid="168"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/HEDJpTyufnfXUOP.png" alt="总分关系示例 1" data-reactid="169"/></div><div class="preview-image-title" data-reactid="170">总分关系示例 1</div><div class="preview-image-description" data-reactid="171"></div><!-- react-empty: 172 --></div></div><div class="preview-image-boxes clearfix" data-reactid="173"><div class="preview-image-box" data-reactid="174"><div class="preview-image-wrapper" data-reactid="175"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/bafqoUWFgXjsuSG.png" alt="总分关系示例 2" data-reactid="176"/></div><div class="preview-image-title" data-reactid="177">总分关系示例 2</div><div class="preview-image-description" data-reactid="178"></div><!-- react-empty: 179 --></div></div><p data-reactid="180"><!-- react-text: 181 -->通过调整排版、字体、大小等方式来突出层次感，区分总分关系，使得页面更具张力和节奏感。<!-- /react-text --></p><hr data-reactid="182"/><h2 id="状态关系对比" data-reactid="183"><span data-reactid="184"><!-- react-text: 185 -->状态关系对比<!-- /react-text --></span><a href="#状态关系对比" class="anchor" data-reactid="186">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="187"><div class="preview-image-box" data-reactid="188"><div class="preview-image-wrapper" data-reactid="189"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/UHjarNwxrXndznP.png" alt="静态对比示例" data-reactid="190"/></div><div class="preview-image-title" data-reactid="191">静态对比示例</div><div class="preview-image-description" data-reactid="192">用不同颜色点，来表明不同状态。</div><!-- react-empty: 193 --></div></div><div class="preview-image-boxes clearfix" data-reactid="194"><div class="preview-image-box" data-reactid="195"><div class="preview-image-wrapper" data-reactid="196"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/DCAtXAEaFnAXEmG.png" alt="动态对比示例" data-reactid="197"/></div><div class="preview-image-title" data-reactid="198">动态对比示例</div><div class="preview-image-description" data-reactid="199">鼠标悬停时，该项和其他项呈现出明显不同的视觉效果，响应用户操作。</div><!-- react-empty: 200 --></div></div><p data-reactid="201"><!-- react-text: 202 -->通过改变颜色、增加辅助形状等方法来实现状态关系的对比，以便用户更好的区分信息。<!-- /react-text --></p><p data-reactid="203"><!-- react-text: 204 -->常见类型有『静态对比』、『动态对比』。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="205"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="206"><section class="prev-next-nav" data-reactid="207"><a class="prev-page" href="/docs/spec/alignment-cn" data-reactid="208">对齐</a><a class="next-page" href="/docs/spec/repetition-cn" data-reactid="209">重复</a></section></div></div></div><footer id="footer" data-reactid="210"><ul data-reactid="211"><li data-reactid="212"><h2 data-reactid="213"><i class="anticon anticon-github" data-reactid="214"></i><!-- react-text: 215 --> GitHub<!-- /react-text --></h2><div data-reactid="216"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="217"><span data-reactid="218">源码仓库</span></a></div><div data-reactid="219"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="220"><span data-reactid="221">定制主题</span></a></div><div data-reactid="222"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="223"><span data-reactid="224">Awesome Ant Design</span></a></div></li><li data-reactid="225"><h2 data-reactid="226"><i class="anticon anticon-link" data-reactid="227"></i><!-- react-text: 228 --> <!-- /react-text --><span data-reactid="229">相关站点</span></h2><div data-reactid="230"><a href="https://design.alipay.com/" data-reactid="231"><span data-reactid="232">蚂蚁金服设计平台</span></a></div><div data-reactid="233"><a href="http://mobile.ant.design" data-reactid="234">Ant Design Mobile</a><span data-reactid="235"> - </span><span data-reactid="236">移动版</span></div><div data-reactid="237"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="238">dva</a><!-- react-text: 239 --> - <!-- /react-text --><span data-reactid="240">应用框架</span></div><div data-reactid="241"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="242">dva-cli</a><!-- react-text: 243 --> -<!-- /react-text --><span data-reactid="244">开发工具</span></div><div data-reactid="245"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="246">Egg</a><span data-reactid="247"> - </span><span data-reactid="248">企业级 Node 开发框架</span></div><div data-reactid="249"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="250">AntV</a><span data-reactid="251"> - </span><span data-reactid="252">数据可视化</span></div><div data-reactid="253"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="254">Ant Motion</a><span data-reactid="255"> - </span><span data-reactid="256">设计动效</span></div><div data-reactid="257"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="258">AntD Library</a><span data-reactid="259"> - </span><span data-reactid="260">Axure 部件库</span></div><div data-reactid="261"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="262">Ant UX</a><span data-reactid="263"> - </span><span data-reactid="264">页面逻辑素材</span></div></li><li data-reactid="265"><h2 data-reactid="266"><i class="anticon anticon-customer-service" data-reactid="267"></i><!-- react-text: 268 --> <!-- /react-text --><span data-reactid="269">社区</span></h2><div data-reactid="270"><a href="/changelog" data-reactid="271"><span data-reactid="272">更新记录</span></a></div><div data-reactid="273"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="274"><span data-reactid="275">常见问题</span></a></div><div data-reactid="276"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="277"><span data-reactid="278">在线讨论 (中文)</span></a></div><div data-reactid="279"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="280"><span data-reactid="281">在线讨论 (English)</span></a></div><div data-reactid="282"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="283"><span data-reactid="284">报告 Bug</span></a></div><div data-reactid="285"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="286"><span data-reactid="287">讨论列表</span></a></div><div data-reactid="288"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="289"><span data-reactid="290">StackOverflow</span></a></div><div data-reactid="291"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="292"><span data-reactid="293">SegmentFault</span></a></div></li><li data-reactid="294"><h2 data-reactid="295"><!-- react-text: 296 -->Copyright © <!-- /react-text --><!-- react-text: 297 -->2017<!-- /react-text --></h2><div data-reactid="298"><span data-reactid="299">蚂蚁金服体验技术部出品</span></div><div data-reactid="300"><!-- react-text: 301 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="302">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/contrast.html b/docs/spec/contrast.html
index a02aa3a45..832ea9ce0 100644
--- a/docs/spec/contrast.html
+++ b/docs/spec/contrast.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1442342546"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="956065428"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/lightweight" data-reactid="72">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/stay" data-reactid="74">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Contrast<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/contrast.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->Contrast is one of the effective ways to add visual interest to your page, and to create an organizational hierarchy among different element that aid user in finding the information quickly.<!-- /react-text --></p><blockquote data-reactid="113"><p data-reactid="114"><!-- react-text: 115 -->Note: The important rule for contrast to be effective, it must be strong. Don&#x27;t be wimp.<!-- /react-text --></p></blockquote></section><section class="toc" data-reactid="116"><ul data-reactid="117"><li data-reactid="118"><a class="bisheng-toc-h2" href="#The-Contrast-of-major-and-minor-relationship" title="The Contrast of major and minor relationship" data-reactid="119"><!-- react-text: 120 -->The Contrast of major and minor relationship<!-- /react-text --></a></li><li data-reactid="121"><a class="bisheng-toc-h2" href="#Contrast-of-whole-and-part" title="Contrast of whole and part" data-reactid="122"><!-- react-text: 123 -->Contrast of whole and part<!-- /react-text --></a></li><li data-reactid="124"><a class="bisheng-toc-h2" href="#Contrast-of-the-state-relation" title="Contrast of the state relation" data-reactid="125"><!-- react-text: 126 -->Contrast of the state relation<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="127"><h2 id="The-Contrast-of-major-and-minor-relationship" data-reactid="128"><span data-reactid="129"><!-- react-text: 130 -->The Contrast of major and minor relationship<!-- /react-text --></span><a href="#The-Contrast-of-major-and-minor-relationship" class="anchor" data-reactid="131">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="132"><div class="preview-image-box" style="width:50%;" data-reactid="133"><div class="preview-image-wrapper good" data-reactid="134"><img class="preview-img good" src="https://os.alipayobjects.com/rmsportal/RruKZUSYEwauGdF.png" alt="good example" data-reactid="135"/></div><div class="preview-image-title" data-reactid="136">good example</div><div class="preview-image-description" data-reactid="137"></div><!-- react-empty: 138 --></div><div class="preview-image-box" style="width:50%;" data-reactid="139"><div class="preview-image-wrapper bad" data-reactid="140"><img class="preview-img bad" src="https://os.alipayobjects.com/rmsportal/TOupLSPNQkBTmYw.png" alt="bad example" data-reactid="141"/></div><div class="preview-image-title" data-reactid="142">bad example</div><div class="preview-image-description" data-reactid="143"></div><!-- react-empty: 144 --></div></div><p data-reactid="145"><!-- react-text: 146 -->In order to help user make a quick operation (something like the form，modal), a more important operation or a operation with higher frequency would be emphasized.<!-- /react-text --></p><blockquote data-reactid="147"><p data-reactid="148"><!-- react-text: 149 -->Notes: ways of emphasizing are not just to intensify the key item. It could also weaken the other items.<!-- /react-text --></p></blockquote><p data-reactid="150"><br data-reactid="151"/></p><div class="preview-image-boxes clearfix" data-reactid="152"><div class="preview-image-box" data-reactid="153"><div class="preview-image-wrapper" data-reactid="154"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/xskurfmyKPumFSv.png" alt="Example of ignoring the primary and secondary sequence" data-reactid="155"/></div><div class="preview-image-title" data-reactid="156">Example of ignoring the primary and secondary sequence</div><div class="preview-image-description" data-reactid="157">Accept and Reject should use default button, for UI should not affect user's decision.</div><!-- react-empty: 158 --></div></div><p data-reactid="159"><!-- react-text: 160 -->When there’s something needs users to make decision prudently, the system should remain neutral. It shouldn’t make the decision for users or lead them to make judgement.<!-- /react-text --></p><hr data-reactid="161"/><h2 id="Contrast-of-whole-and-part" data-reactid="162"><span data-reactid="163"><!-- react-text: 164 -->Contrast of whole and part<!-- /react-text --></span><a href="#Contrast-of-whole-and-part" class="anchor" data-reactid="165">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="166"><div class="preview-image-box" data-reactid="167"><div class="preview-image-wrapper" data-reactid="168"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/HEDJpTyufnfXUOP.png" alt="Example of whole and part 1" data-reactid="169"/></div><div class="preview-image-title" data-reactid="170">Example of whole and part 1</div><div class="preview-image-description" data-reactid="171"></div><!-- react-empty: 172 --></div></div><div class="preview-image-boxes clearfix" data-reactid="173"><div class="preview-image-box" data-reactid="174"><div class="preview-image-wrapper" data-reactid="175"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/bafqoUWFgXjsuSG.png" alt="Example of whole and part 2" data-reactid="176"/></div><div class="preview-image-title" data-reactid="177">Example of whole and part 2</div><div class="preview-image-description" data-reactid="178"></div><!-- react-empty: 179 --></div></div><p data-reactid="180"><!-- react-text: 181 -->Taking advantage of changing the typesetting, the typeface and the size, we highlight the different levels and differentiate the ensemble and the part, which would make the page be more flexible and rhythmic.<!-- /react-text --></p><hr data-reactid="182"/><h2 id="Contrast-of-the-state-relation" data-reactid="183"><span data-reactid="184"><!-- react-text: 185 -->Contrast of the state relation<!-- /react-text --></span><a href="#Contrast-of-the-state-relation" class="anchor" data-reactid="186">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="187"><div class="preview-image-box" data-reactid="188"><div class="preview-image-wrapper" data-reactid="189"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/UHjarNwxrXndznP.png" alt="Example of static contrast" data-reactid="190"/></div><div class="preview-image-title" data-reactid="191">Example of static contrast</div><div class="preview-image-description" data-reactid="192">Points with various colors would be used to show different states. </div><!-- react-empty: 193 --></div></div><div class="preview-image-boxes clearfix" data-reactid="194"><div class="preview-image-box" data-reactid="195"><div class="preview-image-wrapper" data-reactid="196"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/DCAtXAEaFnAXEmG.png" alt="Example of dynamic contrast" data-reactid="197"/></div><div class="preview-image-title" data-reactid="198">Example of dynamic contrast</div><div class="preview-image-description" data-reactid="199">When the mouse doesn’t be moved, this item and other items would show different visual effects obviously, which would influence the user’s operation.</div><!-- react-empty: 200 --></div></div><p data-reactid="201"><!-- react-text: 202 -->Taking advantage of changing colors and adding assistant shapes, we realize the comparison of state relation, which could help users differentiate various information better<!-- /react-text --></p><p data-reactid="203"><!-- react-text: 204 -->The forms we usually see include 『static contrast』 and 『dynamic contrast』.<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="205"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="206"><section class="prev-next-nav" data-reactid="207"><a class="prev-page" href="/docs/spec/alignment" data-reactid="208">Alignment</a><a class="next-page" href="/docs/spec/repetition" data-reactid="209">Repetition</a></section></div></div></div><footer id="footer" data-reactid="210"><ul data-reactid="211"><li data-reactid="212"><h2 data-reactid="213"><i class="anticon anticon-github" data-reactid="214"></i><!-- react-text: 215 --> GitHub<!-- /react-text --></h2><div data-reactid="216"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="217"><span data-reactid="218">Repository</span></a></div><div data-reactid="219"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="220"><span data-reactid="221">Customize Theme</span></a></div><div data-reactid="222"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="223"><span data-reactid="224">Awesome Ant Design</span></a></div></li><li data-reactid="225"><h2 data-reactid="226"><i class="anticon anticon-link" data-reactid="227"></i><!-- react-text: 228 --> <!-- /react-text --><span data-reactid="229">Links</span></h2><div data-reactid="230"><a href="https://design.alipay.com/" data-reactid="231"><span data-reactid="232">Ant Financial Design Platform</span></a></div><div data-reactid="233"><a href="http://mobile.ant.design" data-reactid="234">Ant Design Mobile</a><span data-reactid="235"> - </span><span data-reactid="236">Mobile UI</span></div><div data-reactid="237"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="238">dva</a><!-- react-text: 239 --> - <!-- /react-text --><span data-reactid="240">Framework</span></div><div data-reactid="241"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="242">dva-cli</a><!-- react-text: 243 --> -<!-- /react-text --><span data-reactid="244">Developer Tools</span></div><div data-reactid="245"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="246">Egg</a><span data-reactid="247"> - </span><span data-reactid="248">Enterprise Node Framework</span></div><div data-reactid="249"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="250">AntV</a><span data-reactid="251"> - </span><span data-reactid="252">Data Visualization</span></div><div data-reactid="253"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="254">Ant Motion</a><span data-reactid="255"> - </span><span data-reactid="256">Motion Soluction</span></div><div data-reactid="257"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="258">AntD Library</a><span data-reactid="259"> - </span><span data-reactid="260">Axure library</span></div><div data-reactid="261"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="262">Ant UX</a><span data-reactid="263"> - </span><span data-reactid="264">Sitemap Template</span></div></li><li data-reactid="265"><h2 data-reactid="266"><i class="anticon anticon-customer-service" data-reactid="267"></i><!-- react-text: 268 --> <!-- /react-text --><span data-reactid="269">Community</span></h2><div data-reactid="270"><a href="/changelog" data-reactid="271"><span data-reactid="272">Change Log</span></a></div><div data-reactid="273"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="274"><span data-reactid="275">FAQ</span></a></div><div data-reactid="276"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="277"><span data-reactid="278">Chat Room (中文)</span></a></div><div data-reactid="279"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="280"><span data-reactid="281">Chat Room (English)</span></a></div><div data-reactid="282"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="283"><span data-reactid="284">Bug Report</span></a></div><div data-reactid="285"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="286"><span data-reactid="287">Issues</span></a></div><div data-reactid="288"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="289"><span data-reactid="290">StackOverflow</span></a></div><div data-reactid="291"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="292"><span data-reactid="293">SegmentFault</span></a></div></li><li data-reactid="294"><h2 data-reactid="295"><!-- react-text: 296 -->Copyright © <!-- /react-text --><!-- react-text: 297 -->2017<!-- /react-text --></h2><div data-reactid="298"><span data-reactid="299">Created by AIUX</span></div><div data-reactid="300"><!-- react-text: 301 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="302">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay" data-reactid="72">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight" data-reactid="74">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Contrast<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/contrast.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->Contrast is one of the effective ways to add visual interest to your page, and to create an organizational hierarchy among different element that aid user in finding the information quickly.<!-- /react-text --></p><blockquote data-reactid="113"><p data-reactid="114"><!-- react-text: 115 -->Note: The important rule for contrast to be effective, it must be strong. Don&#x27;t be wimp.<!-- /react-text --></p></blockquote></section><section class="toc" data-reactid="116"><ul data-reactid="117"><li data-reactid="118"><a class="bisheng-toc-h2" href="#The-Contrast-of-major-and-minor-relationship" title="The Contrast of major and minor relationship" data-reactid="119"><!-- react-text: 120 -->The Contrast of major and minor relationship<!-- /react-text --></a></li><li data-reactid="121"><a class="bisheng-toc-h2" href="#Contrast-of-whole-and-part" title="Contrast of whole and part" data-reactid="122"><!-- react-text: 123 -->Contrast of whole and part<!-- /react-text --></a></li><li data-reactid="124"><a class="bisheng-toc-h2" href="#Contrast-of-the-state-relation" title="Contrast of the state relation" data-reactid="125"><!-- react-text: 126 -->Contrast of the state relation<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="127"><h2 id="The-Contrast-of-major-and-minor-relationship" data-reactid="128"><span data-reactid="129"><!-- react-text: 130 -->The Contrast of major and minor relationship<!-- /react-text --></span><a href="#The-Contrast-of-major-and-minor-relationship" class="anchor" data-reactid="131">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="132"><div class="preview-image-box" style="width:50%;" data-reactid="133"><div class="preview-image-wrapper good" data-reactid="134"><img class="preview-img good" src="https://os.alipayobjects.com/rmsportal/RruKZUSYEwauGdF.png" alt="good example" data-reactid="135"/></div><div class="preview-image-title" data-reactid="136">good example</div><div class="preview-image-description" data-reactid="137"></div><!-- react-empty: 138 --></div><div class="preview-image-box" style="width:50%;" data-reactid="139"><div class="preview-image-wrapper bad" data-reactid="140"><img class="preview-img bad" src="https://os.alipayobjects.com/rmsportal/TOupLSPNQkBTmYw.png" alt="bad example" data-reactid="141"/></div><div class="preview-image-title" data-reactid="142">bad example</div><div class="preview-image-description" data-reactid="143"></div><!-- react-empty: 144 --></div></div><p data-reactid="145"><!-- react-text: 146 -->In order to help user make a quick operation (something like the form，modal), a more important operation or a operation with higher frequency would be emphasized.<!-- /react-text --></p><blockquote data-reactid="147"><p data-reactid="148"><!-- react-text: 149 -->Notes: ways of emphasizing are not just to intensify the key item. It could also weaken the other items.<!-- /react-text --></p></blockquote><p data-reactid="150"><br data-reactid="151"/></p><div class="preview-image-boxes clearfix" data-reactid="152"><div class="preview-image-box" data-reactid="153"><div class="preview-image-wrapper" data-reactid="154"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/xskurfmyKPumFSv.png" alt="Example of ignoring the primary and secondary sequence" data-reactid="155"/></div><div class="preview-image-title" data-reactid="156">Example of ignoring the primary and secondary sequence</div><div class="preview-image-description" data-reactid="157">Accept and Reject should use default button, for UI should not affect user's decision.</div><!-- react-empty: 158 --></div></div><p data-reactid="159"><!-- react-text: 160 -->When there’s something needs users to make decision prudently, the system should remain neutral. It shouldn’t make the decision for users or lead them to make judgement.<!-- /react-text --></p><hr data-reactid="161"/><h2 id="Contrast-of-whole-and-part" data-reactid="162"><span data-reactid="163"><!-- react-text: 164 -->Contrast of whole and part<!-- /react-text --></span><a href="#Contrast-of-whole-and-part" class="anchor" data-reactid="165">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="166"><div class="preview-image-box" data-reactid="167"><div class="preview-image-wrapper" data-reactid="168"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/HEDJpTyufnfXUOP.png" alt="Example of whole and part 1" data-reactid="169"/></div><div class="preview-image-title" data-reactid="170">Example of whole and part 1</div><div class="preview-image-description" data-reactid="171"></div><!-- react-empty: 172 --></div></div><div class="preview-image-boxes clearfix" data-reactid="173"><div class="preview-image-box" data-reactid="174"><div class="preview-image-wrapper" data-reactid="175"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/bafqoUWFgXjsuSG.png" alt="Example of whole and part 2" data-reactid="176"/></div><div class="preview-image-title" data-reactid="177">Example of whole and part 2</div><div class="preview-image-description" data-reactid="178"></div><!-- react-empty: 179 --></div></div><p data-reactid="180"><!-- react-text: 181 -->Taking advantage of changing the typesetting, the typeface and the size, we highlight the different levels and differentiate the ensemble and the part, which would make the page be more flexible and rhythmic.<!-- /react-text --></p><hr data-reactid="182"/><h2 id="Contrast-of-the-state-relation" data-reactid="183"><span data-reactid="184"><!-- react-text: 185 -->Contrast of the state relation<!-- /react-text --></span><a href="#Contrast-of-the-state-relation" class="anchor" data-reactid="186">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="187"><div class="preview-image-box" data-reactid="188"><div class="preview-image-wrapper" data-reactid="189"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/UHjarNwxrXndznP.png" alt="Example of static contrast" data-reactid="190"/></div><div class="preview-image-title" data-reactid="191">Example of static contrast</div><div class="preview-image-description" data-reactid="192">Points with various colors would be used to show different states. </div><!-- react-empty: 193 --></div></div><div class="preview-image-boxes clearfix" data-reactid="194"><div class="preview-image-box" data-reactid="195"><div class="preview-image-wrapper" data-reactid="196"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/DCAtXAEaFnAXEmG.png" alt="Example of dynamic contrast" data-reactid="197"/></div><div class="preview-image-title" data-reactid="198">Example of dynamic contrast</div><div class="preview-image-description" data-reactid="199">When the mouse doesn’t be moved, this item and other items would show different visual effects obviously, which would influence the user’s operation.</div><!-- react-empty: 200 --></div></div><p data-reactid="201"><!-- react-text: 202 -->Taking advantage of changing colors and adding assistant shapes, we realize the comparison of state relation, which could help users differentiate various information better<!-- /react-text --></p><p data-reactid="203"><!-- react-text: 204 -->The forms we usually see include 『static contrast』 and 『dynamic contrast』.<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="205"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="206"><section class="prev-next-nav" data-reactid="207"><a class="prev-page" href="/docs/spec/alignment" data-reactid="208">Alignment</a><a class="next-page" href="/docs/spec/repetition" data-reactid="209">Repetition</a></section></div></div></div><footer id="footer" data-reactid="210"><ul data-reactid="211"><li data-reactid="212"><h2 data-reactid="213"><i class="anticon anticon-github" data-reactid="214"></i><!-- react-text: 215 --> GitHub<!-- /react-text --></h2><div data-reactid="216"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="217"><span data-reactid="218">Repository</span></a></div><div data-reactid="219"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="220"><span data-reactid="221">Customize Theme</span></a></div><div data-reactid="222"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="223"><span data-reactid="224">Awesome Ant Design</span></a></div></li><li data-reactid="225"><h2 data-reactid="226"><i class="anticon anticon-link" data-reactid="227"></i><!-- react-text: 228 --> <!-- /react-text --><span data-reactid="229">Links</span></h2><div data-reactid="230"><a href="https://design.alipay.com/" data-reactid="231"><span data-reactid="232">Ant Financial Design Platform</span></a></div><div data-reactid="233"><a href="http://mobile.ant.design" data-reactid="234">Ant Design Mobile</a><span data-reactid="235"> - </span><span data-reactid="236">Mobile UI</span></div><div data-reactid="237"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="238">dva</a><!-- react-text: 239 --> - <!-- /react-text --><span data-reactid="240">Framework</span></div><div data-reactid="241"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="242">dva-cli</a><!-- react-text: 243 --> -<!-- /react-text --><span data-reactid="244">Developer Tools</span></div><div data-reactid="245"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="246">Egg</a><span data-reactid="247"> - </span><span data-reactid="248">Enterprise Node Framework</span></div><div data-reactid="249"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="250">AntV</a><span data-reactid="251"> - </span><span data-reactid="252">Data Visualization</span></div><div data-reactid="253"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="254">Ant Motion</a><span data-reactid="255"> - </span><span data-reactid="256">Motion Soluction</span></div><div data-reactid="257"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="258">AntD Library</a><span data-reactid="259"> - </span><span data-reactid="260">Axure library</span></div><div data-reactid="261"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="262">Ant UX</a><span data-reactid="263"> - </span><span data-reactid="264">Sitemap Template</span></div></li><li data-reactid="265"><h2 data-reactid="266"><i class="anticon anticon-customer-service" data-reactid="267"></i><!-- react-text: 268 --> <!-- /react-text --><span data-reactid="269">Community</span></h2><div data-reactid="270"><a href="/changelog" data-reactid="271"><span data-reactid="272">Change Log</span></a></div><div data-reactid="273"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="274"><span data-reactid="275">FAQ</span></a></div><div data-reactid="276"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="277"><span data-reactid="278">Chat Room (中文)</span></a></div><div data-reactid="279"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="280"><span data-reactid="281">Chat Room (English)</span></a></div><div data-reactid="282"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="283"><span data-reactid="284">Bug Report</span></a></div><div data-reactid="285"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="286"><span data-reactid="287">Issues</span></a></div><div data-reactid="288"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="289"><span data-reactid="290">StackOverflow</span></a></div><div data-reactid="291"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="292"><span data-reactid="293">SegmentFault</span></a></div></li><li data-reactid="294"><h2 data-reactid="295"><!-- react-text: 296 -->Copyright © <!-- /react-text --><!-- react-text: 297 -->2017<!-- /react-text --></h2><div data-reactid="298"><span data-reactid="299">Created by AIUX</span></div><div data-reactid="300"><!-- react-text: 301 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="302">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/copywriting-cn.html b/docs/spec/copywriting-cn.html
index 715ddad84..872243728 100644
--- a/docs/spec/copywriting-cn.html
+++ b/docs/spec/copywriting-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1811717740"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-575431058"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->文案<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/copywriting.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->在界面中，我们需要通过对话的方式与用户产生共鸣。精准、清晰的语言会更容易让用户理解，合适的语气更容易让用户建立信任感。因此在界面设计时，文案也应当被重视。 在使用和书写文案时有以下几点需要注意：<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->从用户角度出发<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->表述一致<!-- /react-text --></p></li><li data-reactid="120"><p data-reactid="121"><!-- react-text: 122 -->重要的信息放在显著位置<!-- /react-text --></p></li><li data-reactid="123"><p data-reactid="124"><!-- react-text: 125 -->专业、精准、完整<!-- /react-text --></p></li><li data-reactid="126"><p data-reactid="127"><!-- react-text: 128 -->精简、友好、正面<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="129"><ul data-reactid="130"><li data-reactid="131"><a class="bisheng-toc-h2" href="#语言" title="语言" data-reactid="132"><!-- react-text: 133 -->语言<!-- /react-text --></a></li><li data-reactid="134"><a class="bisheng-toc-h2" href="#语气" title="语气" data-reactid="135"><!-- react-text: 136 -->语气<!-- /react-text --></a></li><li data-reactid="137"><a class="bisheng-toc-h2" href="#大小写和标点符号" title="大小写和标点符号" data-reactid="138"><!-- react-text: 139 -->大小写和标点符号<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="140"><h2 id="语言" data-reactid="141"><span data-reactid="142"><!-- react-text: 143 -->语言<!-- /react-text --></span><a href="#语言" class="anchor" data-reactid="144">#</a></h2><p data-reactid="145"><!-- react-text: 146 -->在界面中，文案是我们与用户沟通的基础，语言文字的表述也需要精心推敲，仔细设计。清晰、准确、简洁的文案设计能够让界面拥有更好的可用性，
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->文案<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/copywriting.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->在界面中，我们需要通过对话的方式与用户产生共鸣。精准、清晰的语言会更容易让用户理解，合适的语气更容易让用户建立信任感。因此在界面设计时，文案也应当被重视。 在使用和书写文案时有以下几点需要注意：<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->从用户角度出发<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->表述一致<!-- /react-text --></p></li><li data-reactid="120"><p data-reactid="121"><!-- react-text: 122 -->重要的信息放在显著位置<!-- /react-text --></p></li><li data-reactid="123"><p data-reactid="124"><!-- react-text: 125 -->专业、精准、完整<!-- /react-text --></p></li><li data-reactid="126"><p data-reactid="127"><!-- react-text: 128 -->精简、友好、正面<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="129"><ul data-reactid="130"><li data-reactid="131"><a class="bisheng-toc-h2" href="#语言" title="语言" data-reactid="132"><!-- react-text: 133 -->语言<!-- /react-text --></a></li><li data-reactid="134"><a class="bisheng-toc-h2" href="#语气" title="语气" data-reactid="135"><!-- react-text: 136 -->语气<!-- /react-text --></a></li><li data-reactid="137"><a class="bisheng-toc-h2" href="#大小写和标点符号" title="大小写和标点符号" data-reactid="138"><!-- react-text: 139 -->大小写和标点符号<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="140"><h2 id="语言" data-reactid="141"><span data-reactid="142"><!-- react-text: 143 -->语言<!-- /react-text --></span><a href="#语言" class="anchor" data-reactid="144">#</a></h2><p data-reactid="145"><!-- react-text: 146 -->在界面中，文案是我们与用户沟通的基础，语言文字的表述也需要精心推敲，仔细设计。清晰、准确、简洁的文案设计能够让界面拥有更好的可用性，
 同时让用户体验更加友好。<!-- /react-text --></p><h3 id="明确表述立足点" data-reactid="147"><span data-reactid="148"><!-- react-text: 149 -->明确表述立足点<!-- /react-text --></span><a href="#明确表述立足点" class="anchor" data-reactid="150">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="151"><div class="preview-image-box" style="width:50%;" data-reactid="152"><div class="preview-image-wrapper good" data-reactid="153"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/YNOszTuSiTsssVpHhEGs.png" alt="正确示范" data-reactid="154"/></div><div class="preview-image-title" data-reactid="155">正确示范</div><div class="preview-image-description" data-reactid="156"></div><!-- react-empty: 157 --></div><div class="preview-image-box" style="width:50%;" data-reactid="158"><div class="preview-image-wrapper bad" data-reactid="159"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/NRHIpjNTFNPcrWIDnJwS.png" alt="错误示范" data-reactid="160"/></div><div class="preview-image-title" data-reactid="161">错误示范</div><div class="preview-image-description" data-reactid="162">侧重在『我们』为用户提供了什么，而不是以用户视角的关注点为中心。</div><!-- react-empty: 163 --></div></div><p data-reactid="164"><!-- react-text: 165 -->在表述内容时，关注点应该是用户和他们能用你的产品做什么，而不是你和你的产品在为他们做什么，所以内容表述的立足点很重要。<!-- /react-text --></p><p data-reactid="166"><!-- react-text: 167 -->既然以用户为中心，文案就应该尽量以用户为主体来写作。<!-- /react-text --></p><blockquote data-reactid="168"><p data-reactid="169"><!-- react-text: 170 -->注：当用户向后台反馈问题、提出建议或申诉时，使用『我们』是合理的语境，例如『我们将会审核你的申诉』。<!-- /react-text --></p></blockquote><h3 id="精简语句" data-reactid="171"><span data-reactid="172"><!-- react-text: 173 -->精简语句<!-- /react-text --></span><a href="#精简语句" class="anchor" data-reactid="174">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="175"><div class="preview-image-box" style="width:50%;" data-reactid="176"><div class="preview-image-wrapper good" data-reactid="177"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/ZiROyfAdBfUrEdOBYAIb.png" alt="正确示范" data-reactid="178"/></div><div class="preview-image-title" data-reactid="179">正确示范</div><div class="preview-image-description" data-reactid="180"></div><!-- react-empty: 181 --></div><div class="preview-image-box" style="width:50%;" data-reactid="182"><div class="preview-image-wrapper bad" data-reactid="183"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/TLTPbYTIYtiFBdhGzzuH.png" alt="错误示范" data-reactid="184"/></div><div class="preview-image-title" data-reactid="185">错误示范</div><div class="preview-image-description" data-reactid="186"></div><!-- react-empty: 187 --></div></div><p data-reactid="188"><!-- react-text: 189 -->省略无用词汇，不重复用户已知事实；在绝大多数交互场景下，都无需界面描述出全部的细节。<!-- /react-text --></p><p data-reactid="190"><!-- react-text: 191 -->尽量提供简短、易于快速获取的内容。<!-- /react-text --></p><h3 id="使用用户熟悉的语言" data-reactid="192"><span data-reactid="193"><!-- react-text: 194 -->使用用户熟悉的语言<!-- /react-text --></span><a href="#使用用户熟悉的语言" class="anchor" data-reactid="195">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="196"><div class="preview-image-box" style="width:50%;" data-reactid="197"><div class="preview-image-wrapper good" data-reactid="198"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/mnKFWLrBvzWLrfYALlkZ.png" alt="正确示范" data-reactid="199"/></div><div class="preview-image-title" data-reactid="200">正确示范</div><div class="preview-image-description" data-reactid="201"></div><!-- react-empty: 202 --></div><div class="preview-image-box" style="width:50%;" data-reactid="203"><div class="preview-image-wrapper bad" data-reactid="204"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/KOubjQVgYFwpvYJwXXrQ.png" alt="错误示范" data-reactid="205"/></div><div class="preview-image-title" data-reactid="206">错误示范</div><div class="preview-image-description" data-reactid="207">站在用户的角度，说用户熟悉的话。</div><!-- react-empty: 208 --></div></div><p data-reactid="209"><!-- react-text: 210 -->使用简单、直接、易于理解的词汇，让内容和指示更容易被用户接受和理解。<!-- /react-text --></p><p data-reactid="211"><!-- react-text: 212 -->间接、暧昧模糊的说法，生僻和过于『文雅』的用词，会增加用户的认知负荷，所以应当尽量避免使用这类用户无法识别的词汇。<!-- /react-text --></p><h3 id="表述一致" data-reactid="213"><span data-reactid="214"><!-- react-text: 215 -->表述一致<!-- /react-text --></span><a href="#表述一致" class="anchor" data-reactid="216">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="217"><div class="preview-image-box" style="width:50%;" data-reactid="218"><div class="preview-image-wrapper good" data-reactid="219"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/kZxTKnieUptIioCYsMFD.png" alt="正确示范" data-reactid="220"/></div><div class="preview-image-title" data-reactid="221">正确示范</div><div class="preview-image-description" data-reactid="222">备注描述使用相同的介词。</div><!-- react-empty: 223 --></div><div class="preview-image-box" style="width:50%;" data-reactid="224"><div class="preview-image-wrapper bad" data-reactid="225"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/moXaaoyeNxPHLcanTNVG.png" alt="错误示范" data-reactid="226"/></div><div class="preview-image-title" data-reactid="227">错误示范</div><div class="preview-image-description" data-reactid="228">同一区块描述中出现了『受』和『被』两个不同的介词。</div><!-- react-empty: 229 --></div></div><div class="preview-image-boxes clearfix" data-reactid="230"><div class="preview-image-box" style="width:50%;" data-reactid="231"><div class="preview-image-wrapper good" data-reactid="232"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/gwNjncNTEREdWiKYrUAL.png" alt="正确示范" data-reactid="233"/></div><div class="preview-image-title" data-reactid="234">正确示范</div><div class="preview-image-description" data-reactid="235">在同一页面、同一区域在语序上一致。</div><!-- react-empty: 236 --></div><div class="preview-image-box" style="width:50%;" data-reactid="237"><div class="preview-image-wrapper bad" data-reactid="238"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/DYJkKoQzEKCQGxATBdsB.png" alt="错误示范" data-reactid="239"/></div><div class="preview-image-title" data-reactid="240">错误示范</div><div class="preview-image-description" data-reactid="241">语序上不一致，会影响用户理解成本。</div><!-- react-empty: 242 --></div></div><div class="preview-image-boxes clearfix" data-reactid="243"><div class="preview-image-box" data-reactid="244"><div class="preview-image-wrapper" data-reactid="245"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/pZZSDjsQLqSVPKOYPgso.png" data-reactid="246"/></div><div class="preview-image-title" data-reactid="247"></div><div class="preview-image-description" data-reactid="248">操作名称和目标页面的标题一致。</div><!-- react-empty: 249 --></div></div><ul data-reactid="250"><li data-reactid="251"><p data-reactid="252"><!-- react-text: 253 -->描述同一个事物的词汇要保持统一;<!-- /react-text --></p></li><li data-reactid="254"><p data-reactid="255"><!-- react-text: 256 -->上下文的语法、语种、语序要保持统一;<!-- /react-text --></p></li><li data-reactid="257"><p data-reactid="258"><!-- react-text: 259 -->操作的名称和目标页面标题的名称保持一致。<!-- /react-text --></p></li></ul><h3 id="重要的信息放在显著位置" data-reactid="260"><span data-reactid="261"><!-- react-text: 262 -->重要的信息放在显著位置<!-- /react-text --></span><a href="#重要的信息放在显著位置" class="anchor" data-reactid="263">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="264"><div class="preview-image-box" style="width:50%;" data-reactid="265"><div class="preview-image-wrapper good" data-reactid="266"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/AGAnUPBZlPrjyXIktJCq.png" alt="正确示范" data-reactid="267"/></div><div class="preview-image-title" data-reactid="268">正确示范</div><div class="preview-image-description" data-reactid="269">在有限的空间内将重要的信息放在最前面（或通过高亮、留白等方式突出重要信息）。</div><!-- react-empty: 270 --></div><div class="preview-image-box" style="width:50%;" data-reactid="271"><div class="preview-image-wrapper bad" data-reactid="272"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/mylnmEBXVmlLurzJWiZq.png" alt="错误示范" data-reactid="273"/></div><div class="preview-image-title" data-reactid="274">错误示范</div><div class="preview-image-description" data-reactid="275">用户最关心的信息内容藏在段落中，不易搜寻。</div><!-- react-empty: 276 --></div></div><p data-reactid="277"><!-- react-text: 278 -->让用户第一眼看到最重要的内容，不用到段落中寻找。<!-- /react-text --></p><blockquote data-reactid="279"><p data-reactid="280"><!-- react-text: 281 -->注：如考虑安全性问题时，隐私信息也可调整为『点击后可见』的方式。<!-- /react-text --></p></blockquote><h3 id="完整、直接得阐述信息" data-reactid="282"><span data-reactid="283"><!-- react-text: 284 -->完整、直接得阐述信息<!-- /react-text --></span><a href="#完整、直接得阐述信息" class="anchor" data-reactid="285">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="286"><div class="preview-image-box" style="width:50%;" data-reactid="287"><div class="preview-image-wrapper good" data-reactid="288"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/GASGWmhAxtIgBeJWVtBu.png" alt="正确示范" data-reactid="289"/></div><div class="preview-image-title" data-reactid="290">正确示范</div><div class="preview-image-description" data-reactid="291">用户可以从中了解了设置后会有什么好处。</div><!-- react-empty: 292 --></div><div class="preview-image-box" style="width:50%;" data-reactid="293"><div class="preview-image-wrapper bad" data-reactid="294"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/pEJsSOGVBiAjcSPhYWkh.png" alt="错误示范" data-reactid="295"/></div><div class="preview-image-title" data-reactid="296">错误示范</div><div class="preview-image-description" data-reactid="297">用户感受不到设置的意义，不会去设置。</div><!-- react-empty: 298 --></div></div><p data-reactid="299"><!-- react-text: 300 -->当我们希望用户进行一个操作时，要专注于用户能得到什么，以及用户的感受。在操作前引导告知用户操作的目的或重要性，能促进用户更愿意去执行。<!-- /react-text --></p><p data-reactid="301"><br data-reactid="302"/></p><div class="preview-image-boxes clearfix" data-reactid="303"><div class="preview-image-box" style="width:50%;" data-reactid="304"><div class="preview-image-wrapper good" data-reactid="305"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/tizekZPwmzDRErFQHORz.png" alt="正确示范" data-reactid="306"/></div><div class="preview-image-title" data-reactid="307">正确示范</div><div class="preview-image-description" data-reactid="308">相对于『失败』，『无法完成』是更加客观的结果，更容易让用户在心理上接受。用户需要知道在出现问题的情况下如何进行下一步操作。</div><!-- react-empty: 309 --></div><div class="preview-image-box" style="width:50%;" data-reactid="310"><div class="preview-image-wrapper bad" data-reactid="311"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/AdKMFRcCKgTLUuYaAAkN.png" alt="错误示范" data-reactid="312"/></div><div class="preview-image-title" data-reactid="313">错误示范</div><div class="preview-image-description" data-reactid="314">对于异常情况不是冷冰冰告诉你『失败』。</div><!-- react-empty: 315 --></div></div><p data-reactid="316"><!-- react-text: 317 -->报错是 UI 中常见的功能，它同样是用户体验中不可小视的组成部分。当用户填写的内容出错的时候，你的报错信息应当符合用户的认知，用易于理解的方式表述出来。<!-- /react-text --></p><h3 id="用词精准完整" data-reactid="318"><span data-reactid="319"><!-- react-text: 320 -->用词精准完整<!-- /react-text --></span><a href="#用词精准完整" class="anchor" data-reactid="321">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="322"><div class="preview-image-box" style="width:50%;" data-reactid="323"><div class="preview-image-wrapper good" data-reactid="324"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/munDtTOsHjRcvOfVEsCS.png" alt="正确示范" data-reactid="325"/></div><div class="preview-image-title" data-reactid="326">正确示范</div><div class="preview-image-description" data-reactid="327">完整的表达。</div><!-- react-empty: 328 --></div><div class="preview-image-box" style="width:50%;" data-reactid="329"><div class="preview-image-wrapper bad" data-reactid="330"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/itpQLlpjvEGgdvHkdGOC.png" alt="错误示范" data-reactid="331"/></div><div class="preview-image-title" data-reactid="332">错误示范</div><div class="preview-image-description" data-reactid="333">不完整，有歧义或太口语化。</div><!-- react-empty: 334 --></div></div><div class="preview-image-boxes clearfix" data-reactid="335"><div class="preview-image-box" style="width:50%;" data-reactid="336"><div class="preview-image-wrapper good" data-reactid="337"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/DOJdYTWqpbrwFJMTDAZD.png" alt="正确示范" data-reactid="338"/></div><div class="preview-image-title" data-reactid="339">正确示范</div><div class="preview-image-description" data-reactid="340">专业用语精准。</div><!-- react-empty: 341 --></div><div class="preview-image-box" style="width:50%;" data-reactid="342"><div class="preview-image-wrapper bad" data-reactid="343"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/EYQBkePnyOXZhirDXBJu.png" alt="错误示范" data-reactid="344"/></div><div class="preview-image-title" data-reactid="345">错误示范</div><div class="preview-image-description" data-reactid="346">专业的行业用词有别字。</div><!-- react-empty: 347 --></div></div><div class="preview-image-boxes clearfix" data-reactid="348"><div class="preview-image-box" style="width:50%;" data-reactid="349"><div class="preview-image-wrapper good" data-reactid="350"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/KMnFshyMGODpIBEzWGci.png" alt="正确示范" data-reactid="351"/></div><div class="preview-image-title" data-reactid="352">正确示范</div><div class="preview-image-description" data-reactid="353">时间信息的表述精准完整。</div><!-- react-empty: 354 --></div><div class="preview-image-box" style="width:50%;" data-reactid="355"><div class="preview-image-wrapper bad" data-reactid="356"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/MOppPcGzLxutrzmtxNSd.png" alt="错误示范" data-reactid="357"/></div><div class="preview-image-title" data-reactid="358">错误示范</div><div class="preview-image-description" data-reactid="359">时间信息的描述词不是具体的『日』、『月』，容易让用户产生困扰。</div><!-- react-empty: 360 --></div></div><table style="font-size:12px;float:right;width:600px;margin-left:60px;margin-bottom:100px;" data-reactid="361"><tbody data-reactid="362"><tr data-reactid="363"><th style="border-bottom:2px solid #108ee9;width:20%;" data-reactid="364"><!-- react-text: 365 -->使用<!-- /react-text --></th><th style="border-bottom:2px solid #f04134;width:25%;" data-reactid="366"><!-- react-text: 367 -->不使用<!-- /react-text --></th><th data-reactid="368"><!-- react-text: 369 -->备注<!-- /react-text --></th></tr><tr data-reactid="370"><th data-reactid="371"><!-- react-text: 372 -->其他<!-- /react-text --></th><td data-reactid="373"><!-- react-text: 374 -->其它<!-- /react-text --></td><td data-reactid="375"><!-- react-text: 376 -->『其他』的应用范围更广<!-- /react-text --></td></tr><tr data-reactid="377"><th data-reactid="378"><!-- react-text: 379 -->抱歉<!-- /react-text --></th><td data-reactid="380"><!-- react-text: 381 -->对不起<!-- /react-text --></td><td data-reactid="382"><!-- react-text: 383 -->如果是我们系统造成的结果，可以使用『抱歉』，如果是用户自己造成的结果，不能使用。<!-- /react-text --></td></tr><tr data-reactid="384"><th data-reactid="385"><!-- react-text: 386 -->验证码<!-- /react-text --></th><td data-reactid="387"></td><td data-reactid="388"><!-- react-text: 389 -->4位或多位数字或字母图片，可有效防止黑客发起对账户的登录尝试。<!-- /react-text --></td></tr><tr data-reactid="390"><th data-reactid="391"><!-- react-text: 392 -->校验码<!-- /react-text --></th><td data-reactid="393"></td><td data-reactid="394"><!-- react-text: 395 -->手机或即时通讯工具收到的6位数字，用于验证用户的身份。<!-- /react-text --></td></tr><tr data-reactid="396"><th data-reactid="397"><!-- react-text: 398 -->登录<!-- /react-text --></th><td data-reactid="399"><!-- react-text: 400 -->登陆<!-- /react-text --></td><td data-reactid="401"><!-- react-text: 402 -->登记记录用户输入的注册账号和密码。<!-- /react-text --></td></tr><tr data-reactid="403"><th data-reactid="404"><!-- react-text: 405 -->此<!-- /react-text --></th><td data-reactid="406"><!-- react-text: 407 -->该<!-- /react-text --></td><td data-reactid="408"><!-- react-text: 409 -->当要表达当前事物时，『此』更加明确。<!-- /react-text --></td></tr></tbody></table><p data-reactid="410"><!-- react-text: 411 -->通用基本用词要规范，不要写错字，词语表达要完整。<!-- /react-text --></p><p data-reactid="412"><!-- react-text: 413 -->专业用语要精准，并是所属行业认可通用用词；时间的表述必须明确。<!-- /react-text --></p><hr data-reactid="414"/><h2 id="语气" data-reactid="415"><span data-reactid="416"><!-- react-text: 417 -->语气<!-- /react-text --></span><a href="#语气" class="anchor" data-reactid="418">#</a></h2><p data-reactid="419"><!-- react-text: 420 -->语言定义的是内容，而情绪和气氛更多的是通过语气来表达，并且同样的内容面对不同的用户我们可以使用不同的语气来表达；例如，我们对应专业的运维人员和小白用户应有不同的表达方式。<!-- /react-text --></p><h3 id="拉近彼此的距离" data-reactid="421"><span data-reactid="422"><!-- react-text: 423 -->拉近彼此的距离<!-- /react-text --></span><a href="#拉近彼此的距离" class="anchor" data-reactid="424">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="425"><div class="preview-image-box" style="width:50%;" data-reactid="426"><div class="preview-image-wrapper good" data-reactid="427"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/qYJmqCMojZrLHDhTeDDC.png" alt="正确示范" data-reactid="428"/></div><div class="preview-image-title" data-reactid="429">正确示范</div><div class="preview-image-description" data-reactid="430"></div><!-- react-empty: 431 --></div><div class="preview-image-box" style="width:50%;" data-reactid="432"><div class="preview-image-wrapper bad" data-reactid="433"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/VtTmFViiLyzffMlylBab.png" alt="错误示范" data-reactid="434"/></div><div class="preview-image-title" data-reactid="435">错误示范</div><div class="preview-image-description" data-reactid="436">建议不要使用『您』，太过客气，让用户感觉有些疏远。</div><!-- react-empty: 437 --></div></div><p data-reactid="438"><!-- react-text: 439 -->直接使用『你』、『我』来和用户对话，与用户建立亲密感。避免使用『您』，让用户感觉太过疏远。<!-- /react-text --></p><p data-reactid="440"><br data-reactid="441"/></p><div class="preview-image-boxes clearfix" data-reactid="442"><div class="preview-image-box" style="width:50%;" data-reactid="443"><div class="preview-image-wrapper good" data-reactid="444"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/yjQeptUiKWSvRBhgiBEi.png" alt="正确示范" data-reactid="445"/></div><div class="preview-image-title" data-reactid="446">正确示范</div><div class="preview-image-description" data-reactid="447"></div><!-- react-empty: 448 --></div><div class="preview-image-box" style="width:50%;" data-reactid="449"><div class="preview-image-wrapper bad" data-reactid="450"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/EvbzsGGPhPvPwUEAEjui.png" alt="错误示范" data-reactid="451"/></div><div class="preview-image-title" data-reactid="452">错误示范</div><div class="preview-image-description" data-reactid="453">同时出现了称谓『我』和『你』，用户会感到迷惑，不清楚到底指代对象是谁。</div><!-- react-empty: 454 --></div></div><blockquote data-reactid="455"><p data-reactid="456"><!-- react-text: 457 -->注：不要在同一个句式中混用『你』和『我』，交互中指代混乱会让用户相当纠结。<!-- /react-text --></p></blockquote><h3 id="友好、尊重用户" data-reactid="458"><span data-reactid="459"><!-- react-text: 460 -->友好、尊重用户<!-- /react-text --></span><a href="#友好、尊重用户" class="anchor" data-reactid="461">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="462"><div class="preview-image-box" style="width:50%;" data-reactid="463"><div class="preview-image-wrapper good" data-reactid="464"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/MxAUSbigfmwsTsDGrKAh.png" alt="正确示范" data-reactid="465"/></div><div class="preview-image-title" data-reactid="466">正确示范</div><div class="preview-image-description" data-reactid="467">引导用户正确输入内容。</div><!-- react-empty: 468 --></div><div class="preview-image-box" style="width:50%;" data-reactid="469"><div class="preview-image-wrapper bad" data-reactid="470"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/XvmDmIOKZiKbPdXiVlow.png" alt="错误示范" data-reactid="471"/></div><div class="preview-image-title" data-reactid="472">错误示范</div><div class="preview-image-description" data-reactid="473">不能、不要、请勿都给人命令或强迫的感觉。</div><!-- react-empty: 474 --></div></div><p data-reactid="475"><!-- react-text: 476 -->多给用户支持与鼓励，不要命令和强迫用户。<!-- /react-text --></p><p data-reactid="477"><!-- react-text: 478 -->如果你想留住你的用户，当出错的时候就不要责怪用户。专注于解决问题，而不是指责。<!-- /react-text --></p><h3 id="表述不应过于极端" data-reactid="479"><span data-reactid="480"><!-- react-text: 481 -->表述不应过于极端<!-- /react-text --></span><a href="#表述不应过于极端" class="anchor" data-reactid="482">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="483"><div class="preview-image-box" style="width:50%;" data-reactid="484"><div class="preview-image-wrapper good" data-reactid="485"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/nZjyHDlBnVtMSTBbhlxj.png" alt="正确示范" data-reactid="486"/></div><div class="preview-image-title" data-reactid="487">正确示范</div><div class="preview-image-description" data-reactid="488"></div><!-- react-empty: 489 --></div><div class="preview-image-box" style="width:50%;" data-reactid="490"><div class="preview-image-wrapper bad" data-reactid="491"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/ruQzHpRSGjXwERKXiVXi.png" alt="错误示范" data-reactid="492"/></div><div class="preview-image-title" data-reactid="493">错误示范</div><div class="preview-image-description" data-reactid="494">『绝不』过于绝对，让用户感到不适。</div><!-- react-empty: 495 --></div></div><p data-reactid="496"><!-- react-text: 497 -->不要使用过于绝对的表述，这样会让用户觉得不适。<!-- /react-text --></p><h2 id="大小写和标点符号" data-reactid="498"><span data-reactid="499"><!-- react-text: 500 -->大小写和标点符号<!-- /react-text --></span><a href="#大小写和标点符号" class="anchor" data-reactid="501">#</a></h2><h3 id="英文名词大小写规范" data-reactid="502"><span data-reactid="503"><!-- react-text: 504 -->英文名词大小写规范<!-- /react-text --></span><a href="#英文名词大小写规范" class="anchor" data-reactid="505">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="506"><div class="preview-image-box" style="width:50%;" data-reactid="507"><div class="preview-image-wrapper good" data-reactid="508"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/CytTOToWDKUvpWlAHwBu.png" alt="正确示范" data-reactid="509"/></div><div class="preview-image-title" data-reactid="510">正确示范</div><div class="preview-image-description" data-reactid="511"></div><!-- react-empty: 512 --></div><div class="preview-image-box" style="width:50%;" data-reactid="513"><div class="preview-image-wrapper bad" data-reactid="514"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/JuyMVqYJOnQzwZnwucml.png" alt="错误示范" data-reactid="515"/></div><div class="preview-image-title" data-reactid="516">错误示范</div><div class="preview-image-description" data-reactid="517"></div><!-- react-empty: 518 --></div></div><p data-reactid="519"><!-- react-text: 520 -->产品名称全称，首字母大写。产品名称缩写需要全部大写，如：ESC、SLB 等；<!-- /react-text --></p><blockquote data-reactid="521"><p data-reactid="522"><!-- react-text: 523 -->注：整个单词都大写不利于阅读和识别，应尽量避免这种用法。<!-- /react-text --></p></blockquote><p data-reactid="524"><br data-reactid="525"/></p><div class="preview-image-boxes clearfix" data-reactid="526"><div class="preview-image-box" style="width:50%;" data-reactid="527"><div class="preview-image-wrapper good" data-reactid="528"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/nKHHKvQMIKGTmNSVtIZQ.png" alt="正确示范" data-reactid="529"/></div><div class="preview-image-title" data-reactid="530">正确示范</div><div class="preview-image-description" data-reactid="531"></div><!-- react-empty: 532 --></div><div class="preview-image-box" style="width:50%;" data-reactid="533"><div class="preview-image-wrapper bad" data-reactid="534"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/ndRBdHSdlsTogOxfiyYg.png" alt="错误示范" data-reactid="535"/></div><div class="preview-image-title" data-reactid="536">错误示范</div><div class="preview-image-description" data-reactid="537"></div><!-- react-empty: 538 --></div></div><p data-reactid="539"><!-- react-text: 540 -->正确使用专有名词的大小写规范。<!-- /react-text --></p><p data-reactid="541"><br data-reactid="542"/></p><div class="preview-image-boxes clearfix" data-reactid="543"><div class="preview-image-box" style="width:50%;" data-reactid="544"><div class="preview-image-wrapper good" data-reactid="545"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/GCqgBzYXTRBbfffRoFaK.png" alt="正确示范" data-reactid="546"/></div><div class="preview-image-title" data-reactid="547">正确示范</div><div class="preview-image-description" data-reactid="548"></div><!-- react-empty: 549 --></div><div class="preview-image-box" style="width:50%;" data-reactid="550"><div class="preview-image-wrapper bad" data-reactid="551"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/hDoSuattUMGWQNPOMysN.png" alt="错误示范" data-reactid="552"/></div><div class="preview-image-title" data-reactid="553">错误示范</div><div class="preview-image-description" data-reactid="554"></div><!-- react-empty: 555 --></div></div><p data-reactid="556"><!-- react-text: 557 -->全英文的标题，标签，菜单项等等都要遵循英文句式中首字母大写的规范。<!-- /react-text --></p><h3 id="统计数据使用阿拉伯数字" data-reactid="558"><span data-reactid="559"><!-- react-text: 560 -->统计数据使用阿拉伯数字<!-- /react-text --></span><a href="#统计数据使用阿拉伯数字" class="anchor" data-reactid="561">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="562"><div class="preview-image-box" style="width:50%;" data-reactid="563"><div class="preview-image-wrapper good" data-reactid="564"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/jUlNKkbKgKsviSGZpEyu.png" alt="正确示范" data-reactid="565"/></div><div class="preview-image-title" data-reactid="566">正确示范</div><div class="preview-image-description" data-reactid="567">阿拉伯数字的信息传递效率更高</div><!-- react-empty: 568 --></div><div class="preview-image-box" style="width:50%;" data-reactid="569"><div class="preview-image-wrapper bad" data-reactid="570"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/pLAutmjpTnexUTaUAEXN.png" alt="错误示范" data-reactid="571"/></div><div class="preview-image-title" data-reactid="572">错误示范</div><div class="preview-image-description" data-reactid="573"></div><!-- react-empty: 574 --></div></div><p data-reactid="575"><!-- react-text: 576 -->这也是常见问题，用户对于数字的感知速度更快，使用数字而非文字表述会更加有效。<!-- /react-text --></p><h3 id="省略不必要的标点" data-reactid="577"><span data-reactid="578"><!-- react-text: 579 -->省略不必要的标点<!-- /react-text --></span><a href="#省略不必要的标点" class="anchor" data-reactid="580">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="581"><div class="preview-image-box" style="width:50%;" data-reactid="582"><div class="preview-image-wrapper good" data-reactid="583"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/asvLGJUPfJmkSthIWzcG.png" alt="正确示范" data-reactid="584"/></div><div class="preview-image-title" data-reactid="585">正确示范</div><div class="preview-image-description" data-reactid="586"></div><!-- react-empty: 587 --></div><div class="preview-image-box" style="width:50%;" data-reactid="588"><div class="preview-image-wrapper bad" data-reactid="589"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/mrUQxiFLinuBELviCRIP.png" alt="错误示范" data-reactid="590"/></div><div class="preview-image-title" data-reactid="591">错误示范</div><div class="preview-image-description" data-reactid="592"></div><!-- react-empty: 593 --></div></div><p data-reactid="594"><!-- react-text: 595 -->为了帮助用户更加高效得扫视文本内容，可以省略不必要的断句点。<!-- /react-text --></p><p data-reactid="596"><!-- react-text: 597 -->以下元素单独出现时可以省略标点：<!-- /react-text --></p><ul data-reactid="598"><li data-reactid="599"><p data-reactid="600"><!-- react-text: 601 -->标签<!-- /react-text --></p></li><li data-reactid="602"><p data-reactid="603"><!-- react-text: 604 -->标题<!-- /react-text --></p></li><li data-reactid="605"><p data-reactid="606"><!-- react-text: 607 -->输入框下的提示<!-- /react-text --></p></li><li data-reactid="608"><p data-reactid="609"><!-- react-text: 610 -->悬停文本中的提示<!-- /react-text --></p></li><li data-reactid="611"><p data-reactid="612"><!-- react-text: 613 -->表格中的句子<!-- /react-text --></p></li></ul><div class="preview-image-boxes clearfix" data-reactid="614"><div class="preview-image-box" style="width:50%;" data-reactid="615"><div class="preview-image-wrapper good" data-reactid="616"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/bviZMQSqXqCSNTBTJwzs.png" alt="正确示范" data-reactid="617"/></div><div class="preview-image-title" data-reactid="618">正确示范</div><div class="preview-image-description" data-reactid="619"></div><!-- react-empty: 620 --></div><div class="preview-image-box" style="width:50%;" data-reactid="621"><div class="preview-image-wrapper bad" data-reactid="622"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/QrcYEddtAMTHkPeeqiFw.png" alt="错误示范" data-reactid="623"/></div><div class="preview-image-title" data-reactid="624">错误示范</div><div class="preview-image-description" data-reactid="625"></div><!-- react-empty: 626 --></div></div><p data-reactid="627"><!-- react-text: 628 -->以下元素单独出现时需要加上标点：<!-- /react-text --></p><ul data-reactid="629"><li data-reactid="630"><p data-reactid="631"><!-- react-text: 632 -->多句或多段的文案和列表内容。<!-- /react-text --></p></li><li data-reactid="633"><p data-reactid="634"><!-- react-text: 635 -->任何文字链前的句子。<!-- /react-text --></p></li></ul><h3 id="谨慎使用感叹号" data-reactid="636"><span data-reactid="637"><!-- react-text: 638 -->谨慎使用感叹号<!-- /react-text --></span><a href="#谨慎使用感叹号" class="anchor" data-reactid="639">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="640"><div class="preview-image-box" style="width:50%;" data-reactid="641"><div class="preview-image-wrapper good" data-reactid="642"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/omCTCcBDzuFueCjjPxNJ.png" alt="正确示范" data-reactid="643"/></div><div class="preview-image-title" data-reactid="644">正确示范</div><div class="preview-image-description" data-reactid="645"></div><!-- react-empty: 646 --></div><div class="preview-image-box" style="width:50%;" data-reactid="647"><div class="preview-image-wrapper bad" data-reactid="648"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/XlPHSVrOFXYkYbgKEwYQ.png" alt="错误示范" data-reactid="649"/></div><div class="preview-image-title" data-reactid="650">错误示范</div><div class="preview-image-description" data-reactid="651"></div><!-- react-empty: 652 --></div></div><p data-reactid="653"><!-- react-text: 654 -->感叹号会让文案显得过于激动，容易让气氛变得过于紧张。<!-- /react-text --></p><blockquote data-reactid="655"><p data-reactid="656"><!-- react-text: 657 -->注：当向用户表达问候或祝贺时，使用『！』是合理的语境，例如『欢迎回到社区！』。<!-- /react-text --></p></blockquote><h3 id="基本标点规范" data-reactid="658"><span data-reactid="659"><!-- react-text: 660 -->基本标点规范<!-- /react-text --></span><a href="#基本标点规范" class="anchor" data-reactid="661">#</a></h3><table style="font-size:12px;float:right;width:600px;margin-left:60px;margin-bottom:100px;" data-reactid="662"><tbody data-reactid="663"><tr data-reactid="664"><th data-reactid="665"><!-- react-text: 666 -->标点名称<!-- /react-text --></th><th data-reactid="667"><!-- react-text: 668 -->字符<!-- /react-text --></th><th data-reactid="669"><!-- react-text: 670 -->描述<!-- /react-text --></th></tr><tr data-reactid="671"><th data-reactid="672"><!-- react-text: 673 -->空格<!-- /react-text --></th><td data-reactid="674"></td><td data-reactid="675"><!-- react-text: 676 -->段落句子中的链接和文字之间增加空格；
 全角字符和半角字符搭配时，需要添加空格，如：两个、2 个、50%。<!-- /react-text --></td></tr><tr data-reactid="677"><th data-reactid="678"><!-- react-text: 679 -->句号<!-- /react-text --></th><td data-reactid="680"><!-- react-text: 681 -->。<!-- /react-text --></td><td data-reactid="682"><!-- react-text: 683 -->以下情况中不使用句号：输入框下的提示；表格中的句子；句末为文字链（链接前使用句号）；按钮和标题。<!-- /react-text --></td></tr><tr data-reactid="684"><th data-reactid="685"><!-- react-text: 686 -->感叹号<!-- /react-text --></th><td data-reactid="687"><!-- react-text: 688 -->！<!-- /react-text --></td><td data-reactid="689"><!-- react-text: 690 -->只在需要表达强烈情感的情况下使用。<!-- /react-text --></td></tr><tr data-reactid="691"><th data-reactid="692"><!-- react-text: 693 -->连接号<!-- /react-text --></th><td data-reactid="694"><!-- react-text: 695 -->-<!-- /react-text --></td><td data-reactid="696"><!-- react-text: 697 -->不使用中文全角的连接号。如：2012-11-12。<!-- /react-text --></td></tr><tr data-reactid="698"><th data-reactid="699"><!-- react-text: 700 -->省略号<!-- /react-text --></th><td data-reactid="701"><!-- react-text: 702 -->…<!-- /react-text --></td><td data-reactid="703"><!-- react-text: 704 -->使用半角的『…』为省略号。<!-- /react-text --></td></tr><tr data-reactid="705"><th data-reactid="706"><!-- react-text: 707 -->隐藏符号<!-- /react-text --></th><td data-reactid="708"><!-- react-text: 709 -->*<!-- /react-text --></td><td data-reactid="710"><!-- react-text: 711 -->多用于替换显示隐私信息。<!-- /react-text --></td></tr></tbody></table><p data-reactid="712"><!-- react-text: 713 -->正确得使用标点符号会让句子看起来更清晰和具有可读性。<!-- /react-text --></p><p data-reactid="714"><!-- react-text: 715 -->具体使用请参考1995年中国标准出版社出版的<!-- /react-text --><a href="http://www.gddx.gov.cn/jjxjyb/resource/cms/2016/05/2016051420583039892.pdf" data-reactid="716"><!-- react-text: 717 -->《标点符号用法》<!-- /react-text --></a><!-- react-text: 718 -->，右图为重点列出的在设计中需要注意的部分。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="719"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="720"><section class="prev-next-nav" data-reactid="721"><a class="prev-page" href="/docs/spec/font-cn" data-reactid="722">字体</a><a class="next-page" href="/docs/spec/layout-cn" data-reactid="723">布局</a></section></div></div></div><footer id="footer" data-reactid="724"><ul data-reactid="725"><li data-reactid="726"><h2 data-reactid="727"><i class="anticon anticon-github" data-reactid="728"></i><!-- react-text: 729 --> GitHub<!-- /react-text --></h2><div data-reactid="730"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="731"><span data-reactid="732">源码仓库</span></a></div><div data-reactid="733"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="734"><span data-reactid="735">定制主题</span></a></div><div data-reactid="736"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="737"><span data-reactid="738">Awesome Ant Design</span></a></div></li><li data-reactid="739"><h2 data-reactid="740"><i class="anticon anticon-link" data-reactid="741"></i><!-- react-text: 742 --> <!-- /react-text --><span data-reactid="743">相关站点</span></h2><div data-reactid="744"><a href="https://design.alipay.com/" data-reactid="745"><span data-reactid="746">蚂蚁金服设计平台</span></a></div><div data-reactid="747"><a href="http://mobile.ant.design" data-reactid="748">Ant Design Mobile</a><span data-reactid="749"> - </span><span data-reactid="750">移动版</span></div><div data-reactid="751"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="752">dva</a><!-- react-text: 753 --> - <!-- /react-text --><span data-reactid="754">应用框架</span></div><div data-reactid="755"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="756">dva-cli</a><!-- react-text: 757 --> -<!-- /react-text --><span data-reactid="758">开发工具</span></div><div data-reactid="759"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="760">Egg</a><span data-reactid="761"> - </span><span data-reactid="762">企业级 Node 开发框架</span></div><div data-reactid="763"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="764">AntV</a><span data-reactid="765"> - </span><span data-reactid="766">数据可视化</span></div><div data-reactid="767"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="768">Ant Motion</a><span data-reactid="769"> - </span><span data-reactid="770">设计动效</span></div><div data-reactid="771"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="772">AntD Library</a><span data-reactid="773"> - </span><span data-reactid="774">Axure 部件库</span></div><div data-reactid="775"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="776">Ant UX</a><span data-reactid="777"> - </span><span data-reactid="778">页面逻辑素材</span></div></li><li data-reactid="779"><h2 data-reactid="780"><i class="anticon anticon-customer-service" data-reactid="781"></i><!-- react-text: 782 --> <!-- /react-text --><span data-reactid="783">社区</span></h2><div data-reactid="784"><a href="/changelog" data-reactid="785"><span data-reactid="786">更新记录</span></a></div><div data-reactid="787"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="788"><span data-reactid="789">常见问题</span></a></div><div data-reactid="790"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="791"><span data-reactid="792">在线讨论 (中文)</span></a></div><div data-reactid="793"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="794"><span data-reactid="795">在线讨论 (English)</span></a></div><div data-reactid="796"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="797"><span data-reactid="798">报告 Bug</span></a></div><div data-reactid="799"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="800"><span data-reactid="801">讨论列表</span></a></div><div data-reactid="802"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="803"><span data-reactid="804">StackOverflow</span></a></div><div data-reactid="805"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="806"><span data-reactid="807">SegmentFault</span></a></div></li><li data-reactid="808"><h2 data-reactid="809"><!-- react-text: 810 -->Copyright © <!-- /react-text --><!-- react-text: 811 -->2017<!-- /react-text --></h2><div data-reactid="812"><span data-reactid="813">蚂蚁金服体验技术部出品</span></div><div data-reactid="814"><!-- react-text: 815 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="816">BiSheng</a></div></li></ul></footer></div>
     </div>
diff --git a/docs/spec/copywriting.html b/docs/spec/copywriting.html
index a64040e3b..7ace0b139 100644
--- a/docs/spec/copywriting.html
+++ b/docs/spec/copywriting.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-876174232"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1982880662"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/lightweight" data-reactid="72">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/stay" data-reactid="74">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Copywriting<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/copywriting.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->在界面中，我们需要通过对话的方式与用户产生共鸣。精准、清晰的语言会更容易让用户理解，合适的语气更容易让用户建立信任感。因此在界面设计时，文案也应当被重视。 在使用和书写文案时有以下几点需要注意：<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->从用户角度出发<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->表述一致<!-- /react-text --></p></li><li data-reactid="120"><p data-reactid="121"><!-- react-text: 122 -->重要的信息放在显著位置<!-- /react-text --></p></li><li data-reactid="123"><p data-reactid="124"><!-- react-text: 125 -->专业、精准、完整<!-- /react-text --></p></li><li data-reactid="126"><p data-reactid="127"><!-- react-text: 128 -->精简、友好、正面<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="129"><ul data-reactid="130"><li data-reactid="131"><a class="bisheng-toc-h2" href="#语言" title="语言" data-reactid="132"><!-- react-text: 133 -->语言<!-- /react-text --></a></li><li data-reactid="134"><a class="bisheng-toc-h2" href="#语气" title="语气" data-reactid="135"><!-- react-text: 136 -->语气<!-- /react-text --></a></li><li data-reactid="137"><a class="bisheng-toc-h2" href="#大小写和标点符号" title="大小写和标点符号" data-reactid="138"><!-- react-text: 139 -->大小写和标点符号<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="140"><h2 id="语言" data-reactid="141"><span data-reactid="142"><!-- react-text: 143 -->语言<!-- /react-text --></span><a href="#语言" class="anchor" data-reactid="144">#</a></h2><p data-reactid="145"><!-- react-text: 146 -->在界面中，文案是我们与用户沟通的基础，语言文字的表述也需要精心推敲，仔细设计。清晰、准确、简洁的文案设计能够让界面拥有更好的可用性，
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay" data-reactid="72">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight" data-reactid="74">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Copywriting<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/copywriting.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->在界面中，我们需要通过对话的方式与用户产生共鸣。精准、清晰的语言会更容易让用户理解，合适的语气更容易让用户建立信任感。因此在界面设计时，文案也应当被重视。 在使用和书写文案时有以下几点需要注意：<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->从用户角度出发<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->表述一致<!-- /react-text --></p></li><li data-reactid="120"><p data-reactid="121"><!-- react-text: 122 -->重要的信息放在显著位置<!-- /react-text --></p></li><li data-reactid="123"><p data-reactid="124"><!-- react-text: 125 -->专业、精准、完整<!-- /react-text --></p></li><li data-reactid="126"><p data-reactid="127"><!-- react-text: 128 -->精简、友好、正面<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="129"><ul data-reactid="130"><li data-reactid="131"><a class="bisheng-toc-h2" href="#语言" title="语言" data-reactid="132"><!-- react-text: 133 -->语言<!-- /react-text --></a></li><li data-reactid="134"><a class="bisheng-toc-h2" href="#语气" title="语气" data-reactid="135"><!-- react-text: 136 -->语气<!-- /react-text --></a></li><li data-reactid="137"><a class="bisheng-toc-h2" href="#大小写和标点符号" title="大小写和标点符号" data-reactid="138"><!-- react-text: 139 -->大小写和标点符号<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="140"><h2 id="语言" data-reactid="141"><span data-reactid="142"><!-- react-text: 143 -->语言<!-- /react-text --></span><a href="#语言" class="anchor" data-reactid="144">#</a></h2><p data-reactid="145"><!-- react-text: 146 -->在界面中，文案是我们与用户沟通的基础，语言文字的表述也需要精心推敲，仔细设计。清晰、准确、简洁的文案设计能够让界面拥有更好的可用性，
 同时让用户体验更加友好。<!-- /react-text --></p><h3 id="明确表述立足点" data-reactid="147"><span data-reactid="148"><!-- react-text: 149 -->明确表述立足点<!-- /react-text --></span><a href="#明确表述立足点" class="anchor" data-reactid="150">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="151"><div class="preview-image-box" style="width:50%;" data-reactid="152"><div class="preview-image-wrapper good" data-reactid="153"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/YNOszTuSiTsssVpHhEGs.png" alt="正确示范" data-reactid="154"/></div><div class="preview-image-title" data-reactid="155">正确示范</div><div class="preview-image-description" data-reactid="156"></div><!-- react-empty: 157 --></div><div class="preview-image-box" style="width:50%;" data-reactid="158"><div class="preview-image-wrapper bad" data-reactid="159"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/NRHIpjNTFNPcrWIDnJwS.png" alt="错误示范" data-reactid="160"/></div><div class="preview-image-title" data-reactid="161">错误示范</div><div class="preview-image-description" data-reactid="162">侧重在『我们』为用户提供了什么，而不是以用户视角的关注点为中心。</div><!-- react-empty: 163 --></div></div><p data-reactid="164"><!-- react-text: 165 -->在表述内容时，关注点应该是用户和他们能用你的产品做什么，而不是你和你的产品在为他们做什么，所以内容表述的立足点很重要。<!-- /react-text --></p><p data-reactid="166"><!-- react-text: 167 -->既然以用户为中心，文案就应该尽量以用户为主体来写作。<!-- /react-text --></p><blockquote data-reactid="168"><p data-reactid="169"><!-- react-text: 170 -->注：当用户向后台反馈问题、提出建议或申诉时，使用『我们』是合理的语境，例如『我们将会审核你的申诉』。<!-- /react-text --></p></blockquote><h3 id="精简语句" data-reactid="171"><span data-reactid="172"><!-- react-text: 173 -->精简语句<!-- /react-text --></span><a href="#精简语句" class="anchor" data-reactid="174">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="175"><div class="preview-image-box" style="width:50%;" data-reactid="176"><div class="preview-image-wrapper good" data-reactid="177"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/ZiROyfAdBfUrEdOBYAIb.png" alt="正确示范" data-reactid="178"/></div><div class="preview-image-title" data-reactid="179">正确示范</div><div class="preview-image-description" data-reactid="180"></div><!-- react-empty: 181 --></div><div class="preview-image-box" style="width:50%;" data-reactid="182"><div class="preview-image-wrapper bad" data-reactid="183"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/TLTPbYTIYtiFBdhGzzuH.png" alt="错误示范" data-reactid="184"/></div><div class="preview-image-title" data-reactid="185">错误示范</div><div class="preview-image-description" data-reactid="186"></div><!-- react-empty: 187 --></div></div><p data-reactid="188"><!-- react-text: 189 -->省略无用词汇，不重复用户已知事实；在绝大多数交互场景下，都无需界面描述出全部的细节。<!-- /react-text --></p><p data-reactid="190"><!-- react-text: 191 -->尽量提供简短、易于快速获取的内容。<!-- /react-text --></p><h3 id="使用用户熟悉的语言" data-reactid="192"><span data-reactid="193"><!-- react-text: 194 -->使用用户熟悉的语言<!-- /react-text --></span><a href="#使用用户熟悉的语言" class="anchor" data-reactid="195">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="196"><div class="preview-image-box" style="width:50%;" data-reactid="197"><div class="preview-image-wrapper good" data-reactid="198"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/mnKFWLrBvzWLrfYALlkZ.png" alt="正确示范" data-reactid="199"/></div><div class="preview-image-title" data-reactid="200">正确示范</div><div class="preview-image-description" data-reactid="201"></div><!-- react-empty: 202 --></div><div class="preview-image-box" style="width:50%;" data-reactid="203"><div class="preview-image-wrapper bad" data-reactid="204"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/KOubjQVgYFwpvYJwXXrQ.png" alt="错误示范" data-reactid="205"/></div><div class="preview-image-title" data-reactid="206">错误示范</div><div class="preview-image-description" data-reactid="207">站在用户的角度，说用户熟悉的话。</div><!-- react-empty: 208 --></div></div><p data-reactid="209"><!-- react-text: 210 -->使用简单、直接、易于理解的词汇，让内容和指示更容易被用户接受和理解。<!-- /react-text --></p><p data-reactid="211"><!-- react-text: 212 -->间接、暧昧模糊的说法，生僻和过于『文雅』的用词，会增加用户的认知负荷，所以应当尽量避免使用这类用户无法识别的词汇。<!-- /react-text --></p><h3 id="表述一致" data-reactid="213"><span data-reactid="214"><!-- react-text: 215 -->表述一致<!-- /react-text --></span><a href="#表述一致" class="anchor" data-reactid="216">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="217"><div class="preview-image-box" style="width:50%;" data-reactid="218"><div class="preview-image-wrapper good" data-reactid="219"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/kZxTKnieUptIioCYsMFD.png" alt="正确示范" data-reactid="220"/></div><div class="preview-image-title" data-reactid="221">正确示范</div><div class="preview-image-description" data-reactid="222">备注描述使用相同的介词。</div><!-- react-empty: 223 --></div><div class="preview-image-box" style="width:50%;" data-reactid="224"><div class="preview-image-wrapper bad" data-reactid="225"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/moXaaoyeNxPHLcanTNVG.png" alt="错误示范" data-reactid="226"/></div><div class="preview-image-title" data-reactid="227">错误示范</div><div class="preview-image-description" data-reactid="228">同一区块描述中出现了『受』和『被』两个不同的介词。</div><!-- react-empty: 229 --></div></div><div class="preview-image-boxes clearfix" data-reactid="230"><div class="preview-image-box" style="width:50%;" data-reactid="231"><div class="preview-image-wrapper good" data-reactid="232"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/gwNjncNTEREdWiKYrUAL.png" alt="正确示范" data-reactid="233"/></div><div class="preview-image-title" data-reactid="234">正确示范</div><div class="preview-image-description" data-reactid="235">在同一页面、同一区域在语序上一致。</div><!-- react-empty: 236 --></div><div class="preview-image-box" style="width:50%;" data-reactid="237"><div class="preview-image-wrapper bad" data-reactid="238"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/DYJkKoQzEKCQGxATBdsB.png" alt="错误示范" data-reactid="239"/></div><div class="preview-image-title" data-reactid="240">错误示范</div><div class="preview-image-description" data-reactid="241">语序上不一致，会影响用户理解成本。</div><!-- react-empty: 242 --></div></div><div class="preview-image-boxes clearfix" data-reactid="243"><div class="preview-image-box" data-reactid="244"><div class="preview-image-wrapper" data-reactid="245"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/pZZSDjsQLqSVPKOYPgso.png" data-reactid="246"/></div><div class="preview-image-title" data-reactid="247"></div><div class="preview-image-description" data-reactid="248">操作名称和目标页面的标题一致。</div><!-- react-empty: 249 --></div></div><ul data-reactid="250"><li data-reactid="251"><p data-reactid="252"><!-- react-text: 253 -->描述同一个事物的词汇要保持统一;<!-- /react-text --></p></li><li data-reactid="254"><p data-reactid="255"><!-- react-text: 256 -->上下文的语法、语种、语序要保持统一;<!-- /react-text --></p></li><li data-reactid="257"><p data-reactid="258"><!-- react-text: 259 -->操作的名称和目标页面标题的名称保持一致。<!-- /react-text --></p></li></ul><h3 id="重要的信息放在显著位置" data-reactid="260"><span data-reactid="261"><!-- react-text: 262 -->重要的信息放在显著位置<!-- /react-text --></span><a href="#重要的信息放在显著位置" class="anchor" data-reactid="263">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="264"><div class="preview-image-box" style="width:50%;" data-reactid="265"><div class="preview-image-wrapper good" data-reactid="266"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/AGAnUPBZlPrjyXIktJCq.png" alt="正确示范" data-reactid="267"/></div><div class="preview-image-title" data-reactid="268">正确示范</div><div class="preview-image-description" data-reactid="269">在有限的空间内将重要的信息放在最前面（或通过高亮、留白等方式突出重要信息）。</div><!-- react-empty: 270 --></div><div class="preview-image-box" style="width:50%;" data-reactid="271"><div class="preview-image-wrapper bad" data-reactid="272"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/mylnmEBXVmlLurzJWiZq.png" alt="错误示范" data-reactid="273"/></div><div class="preview-image-title" data-reactid="274">错误示范</div><div class="preview-image-description" data-reactid="275">用户最关心的信息内容藏在段落中，不易搜寻。</div><!-- react-empty: 276 --></div></div><p data-reactid="277"><!-- react-text: 278 -->让用户第一眼看到最重要的内容，不用到段落中寻找。<!-- /react-text --></p><blockquote data-reactid="279"><p data-reactid="280"><!-- react-text: 281 -->注：如考虑安全性问题时，隐私信息也可调整为『点击后可见』的方式。<!-- /react-text --></p></blockquote><h3 id="完整、直接得阐述信息" data-reactid="282"><span data-reactid="283"><!-- react-text: 284 -->完整、直接得阐述信息<!-- /react-text --></span><a href="#完整、直接得阐述信息" class="anchor" data-reactid="285">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="286"><div class="preview-image-box" style="width:50%;" data-reactid="287"><div class="preview-image-wrapper good" data-reactid="288"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/GASGWmhAxtIgBeJWVtBu.png" alt="正确示范" data-reactid="289"/></div><div class="preview-image-title" data-reactid="290">正确示范</div><div class="preview-image-description" data-reactid="291">用户可以从中了解了设置后会有什么好处。</div><!-- react-empty: 292 --></div><div class="preview-image-box" style="width:50%;" data-reactid="293"><div class="preview-image-wrapper bad" data-reactid="294"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/pEJsSOGVBiAjcSPhYWkh.png" alt="错误示范" data-reactid="295"/></div><div class="preview-image-title" data-reactid="296">错误示范</div><div class="preview-image-description" data-reactid="297">用户感受不到设置的意义，不会去设置。</div><!-- react-empty: 298 --></div></div><p data-reactid="299"><!-- react-text: 300 -->当我们希望用户进行一个操作时，要专注于用户能得到什么，以及用户的感受。在操作前引导告知用户操作的目的或重要性，能促进用户更愿意去执行。<!-- /react-text --></p><p data-reactid="301"><br data-reactid="302"/></p><div class="preview-image-boxes clearfix" data-reactid="303"><div class="preview-image-box" style="width:50%;" data-reactid="304"><div class="preview-image-wrapper good" data-reactid="305"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/tizekZPwmzDRErFQHORz.png" alt="正确示范" data-reactid="306"/></div><div class="preview-image-title" data-reactid="307">正确示范</div><div class="preview-image-description" data-reactid="308">相对于『失败』，『无法完成』是更加客观的结果，更容易让用户在心理上接受。用户需要知道在出现问题的情况下如何进行下一步操作。</div><!-- react-empty: 309 --></div><div class="preview-image-box" style="width:50%;" data-reactid="310"><div class="preview-image-wrapper bad" data-reactid="311"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/AdKMFRcCKgTLUuYaAAkN.png" alt="错误示范" data-reactid="312"/></div><div class="preview-image-title" data-reactid="313">错误示范</div><div class="preview-image-description" data-reactid="314">对于异常情况不是冷冰冰告诉你『失败』。</div><!-- react-empty: 315 --></div></div><p data-reactid="316"><!-- react-text: 317 -->报错是 UI 中常见的功能，它同样是用户体验中不可小视的组成部分。当用户填写的内容出错的时候，你的报错信息应当符合用户的认知，用易于理解的方式表述出来。<!-- /react-text --></p><h3 id="用词精准完整" data-reactid="318"><span data-reactid="319"><!-- react-text: 320 -->用词精准完整<!-- /react-text --></span><a href="#用词精准完整" class="anchor" data-reactid="321">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="322"><div class="preview-image-box" style="width:50%;" data-reactid="323"><div class="preview-image-wrapper good" data-reactid="324"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/munDtTOsHjRcvOfVEsCS.png" alt="正确示范" data-reactid="325"/></div><div class="preview-image-title" data-reactid="326">正确示范</div><div class="preview-image-description" data-reactid="327">完整的表达。</div><!-- react-empty: 328 --></div><div class="preview-image-box" style="width:50%;" data-reactid="329"><div class="preview-image-wrapper bad" data-reactid="330"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/itpQLlpjvEGgdvHkdGOC.png" alt="错误示范" data-reactid="331"/></div><div class="preview-image-title" data-reactid="332">错误示范</div><div class="preview-image-description" data-reactid="333">不完整，有歧义或太口语化。</div><!-- react-empty: 334 --></div></div><div class="preview-image-boxes clearfix" data-reactid="335"><div class="preview-image-box" style="width:50%;" data-reactid="336"><div class="preview-image-wrapper good" data-reactid="337"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/DOJdYTWqpbrwFJMTDAZD.png" alt="正确示范" data-reactid="338"/></div><div class="preview-image-title" data-reactid="339">正确示范</div><div class="preview-image-description" data-reactid="340">专业用语精准。</div><!-- react-empty: 341 --></div><div class="preview-image-box" style="width:50%;" data-reactid="342"><div class="preview-image-wrapper bad" data-reactid="343"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/EYQBkePnyOXZhirDXBJu.png" alt="错误示范" data-reactid="344"/></div><div class="preview-image-title" data-reactid="345">错误示范</div><div class="preview-image-description" data-reactid="346">专业的行业用词有别字。</div><!-- react-empty: 347 --></div></div><div class="preview-image-boxes clearfix" data-reactid="348"><div class="preview-image-box" style="width:50%;" data-reactid="349"><div class="preview-image-wrapper good" data-reactid="350"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/KMnFshyMGODpIBEzWGci.png" alt="正确示范" data-reactid="351"/></div><div class="preview-image-title" data-reactid="352">正确示范</div><div class="preview-image-description" data-reactid="353">时间信息的表述精准完整。</div><!-- react-empty: 354 --></div><div class="preview-image-box" style="width:50%;" data-reactid="355"><div class="preview-image-wrapper bad" data-reactid="356"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/MOppPcGzLxutrzmtxNSd.png" alt="错误示范" data-reactid="357"/></div><div class="preview-image-title" data-reactid="358">错误示范</div><div class="preview-image-description" data-reactid="359">时间信息的描述词不是具体的『日』、『月』，容易让用户产生困扰。</div><!-- react-empty: 360 --></div></div><table style="font-size:12px;float:right;width:600px;margin-left:60px;margin-bottom:100px;" data-reactid="361"><tbody data-reactid="362"><tr data-reactid="363"><th style="border-bottom:2px solid #108ee9;width:20%;" data-reactid="364"><!-- react-text: 365 -->使用<!-- /react-text --></th><th style="border-bottom:2px solid #f04134;width:25%;" data-reactid="366"><!-- react-text: 367 -->不使用<!-- /react-text --></th><th data-reactid="368"><!-- react-text: 369 -->备注<!-- /react-text --></th></tr><tr data-reactid="370"><th data-reactid="371"><!-- react-text: 372 -->其他<!-- /react-text --></th><td data-reactid="373"><!-- react-text: 374 -->其它<!-- /react-text --></td><td data-reactid="375"><!-- react-text: 376 -->『其他』的应用范围更广<!-- /react-text --></td></tr><tr data-reactid="377"><th data-reactid="378"><!-- react-text: 379 -->抱歉<!-- /react-text --></th><td data-reactid="380"><!-- react-text: 381 -->对不起<!-- /react-text --></td><td data-reactid="382"><!-- react-text: 383 -->如果是我们系统造成的结果，可以使用『抱歉』，如果是用户自己造成的结果，不能使用。<!-- /react-text --></td></tr><tr data-reactid="384"><th data-reactid="385"><!-- react-text: 386 -->验证码<!-- /react-text --></th><td data-reactid="387"></td><td data-reactid="388"><!-- react-text: 389 -->4位或多位数字或字母图片，可有效防止黑客发起对账户的登录尝试。<!-- /react-text --></td></tr><tr data-reactid="390"><th data-reactid="391"><!-- react-text: 392 -->校验码<!-- /react-text --></th><td data-reactid="393"></td><td data-reactid="394"><!-- react-text: 395 -->手机或即时通讯工具收到的6位数字，用于验证用户的身份。<!-- /react-text --></td></tr><tr data-reactid="396"><th data-reactid="397"><!-- react-text: 398 -->登录<!-- /react-text --></th><td data-reactid="399"><!-- react-text: 400 -->登陆<!-- /react-text --></td><td data-reactid="401"><!-- react-text: 402 -->登记记录用户输入的注册账号和密码。<!-- /react-text --></td></tr><tr data-reactid="403"><th data-reactid="404"><!-- react-text: 405 -->此<!-- /react-text --></th><td data-reactid="406"><!-- react-text: 407 -->该<!-- /react-text --></td><td data-reactid="408"><!-- react-text: 409 -->当要表达当前事物时，『此』更加明确。<!-- /react-text --></td></tr></tbody></table><p data-reactid="410"><!-- react-text: 411 -->通用基本用词要规范，不要写错字，词语表达要完整。<!-- /react-text --></p><p data-reactid="412"><!-- react-text: 413 -->专业用语要精准，并是所属行业认可通用用词；时间的表述必须明确。<!-- /react-text --></p><hr data-reactid="414"/><h2 id="语气" data-reactid="415"><span data-reactid="416"><!-- react-text: 417 -->语气<!-- /react-text --></span><a href="#语气" class="anchor" data-reactid="418">#</a></h2><p data-reactid="419"><!-- react-text: 420 -->语言定义的是内容，而情绪和气氛更多的是通过语气来表达，并且同样的内容面对不同的用户我们可以使用不同的语气来表达；例如，我们对应专业的运维人员和小白用户应有不同的表达方式。<!-- /react-text --></p><h3 id="拉近彼此的距离" data-reactid="421"><span data-reactid="422"><!-- react-text: 423 -->拉近彼此的距离<!-- /react-text --></span><a href="#拉近彼此的距离" class="anchor" data-reactid="424">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="425"><div class="preview-image-box" style="width:50%;" data-reactid="426"><div class="preview-image-wrapper good" data-reactid="427"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/qYJmqCMojZrLHDhTeDDC.png" alt="正确示范" data-reactid="428"/></div><div class="preview-image-title" data-reactid="429">正确示范</div><div class="preview-image-description" data-reactid="430"></div><!-- react-empty: 431 --></div><div class="preview-image-box" style="width:50%;" data-reactid="432"><div class="preview-image-wrapper bad" data-reactid="433"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/VtTmFViiLyzffMlylBab.png" alt="错误示范" data-reactid="434"/></div><div class="preview-image-title" data-reactid="435">错误示范</div><div class="preview-image-description" data-reactid="436">建议不要使用『您』，太过客气，让用户感觉有些疏远。</div><!-- react-empty: 437 --></div></div><p data-reactid="438"><!-- react-text: 439 -->直接使用『你』、『我』来和用户对话，与用户建立亲密感。避免使用『您』，让用户感觉太过疏远。<!-- /react-text --></p><p data-reactid="440"><br data-reactid="441"/></p><div class="preview-image-boxes clearfix" data-reactid="442"><div class="preview-image-box" style="width:50%;" data-reactid="443"><div class="preview-image-wrapper good" data-reactid="444"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/yjQeptUiKWSvRBhgiBEi.png" alt="正确示范" data-reactid="445"/></div><div class="preview-image-title" data-reactid="446">正确示范</div><div class="preview-image-description" data-reactid="447"></div><!-- react-empty: 448 --></div><div class="preview-image-box" style="width:50%;" data-reactid="449"><div class="preview-image-wrapper bad" data-reactid="450"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/EvbzsGGPhPvPwUEAEjui.png" alt="错误示范" data-reactid="451"/></div><div class="preview-image-title" data-reactid="452">错误示范</div><div class="preview-image-description" data-reactid="453">同时出现了称谓『我』和『你』，用户会感到迷惑，不清楚到底指代对象是谁。</div><!-- react-empty: 454 --></div></div><blockquote data-reactid="455"><p data-reactid="456"><!-- react-text: 457 -->注：不要在同一个句式中混用『你』和『我』，交互中指代混乱会让用户相当纠结。<!-- /react-text --></p></blockquote><h3 id="友好、尊重用户" data-reactid="458"><span data-reactid="459"><!-- react-text: 460 -->友好、尊重用户<!-- /react-text --></span><a href="#友好、尊重用户" class="anchor" data-reactid="461">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="462"><div class="preview-image-box" style="width:50%;" data-reactid="463"><div class="preview-image-wrapper good" data-reactid="464"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/MxAUSbigfmwsTsDGrKAh.png" alt="正确示范" data-reactid="465"/></div><div class="preview-image-title" data-reactid="466">正确示范</div><div class="preview-image-description" data-reactid="467">引导用户正确输入内容。</div><!-- react-empty: 468 --></div><div class="preview-image-box" style="width:50%;" data-reactid="469"><div class="preview-image-wrapper bad" data-reactid="470"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/XvmDmIOKZiKbPdXiVlow.png" alt="错误示范" data-reactid="471"/></div><div class="preview-image-title" data-reactid="472">错误示范</div><div class="preview-image-description" data-reactid="473">不能、不要、请勿都给人命令或强迫的感觉。</div><!-- react-empty: 474 --></div></div><p data-reactid="475"><!-- react-text: 476 -->多给用户支持与鼓励，不要命令和强迫用户。<!-- /react-text --></p><p data-reactid="477"><!-- react-text: 478 -->如果你想留住你的用户，当出错的时候就不要责怪用户。专注于解决问题，而不是指责。<!-- /react-text --></p><h3 id="表述不应过于极端" data-reactid="479"><span data-reactid="480"><!-- react-text: 481 -->表述不应过于极端<!-- /react-text --></span><a href="#表述不应过于极端" class="anchor" data-reactid="482">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="483"><div class="preview-image-box" style="width:50%;" data-reactid="484"><div class="preview-image-wrapper good" data-reactid="485"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/nZjyHDlBnVtMSTBbhlxj.png" alt="正确示范" data-reactid="486"/></div><div class="preview-image-title" data-reactid="487">正确示范</div><div class="preview-image-description" data-reactid="488"></div><!-- react-empty: 489 --></div><div class="preview-image-box" style="width:50%;" data-reactid="490"><div class="preview-image-wrapper bad" data-reactid="491"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/ruQzHpRSGjXwERKXiVXi.png" alt="错误示范" data-reactid="492"/></div><div class="preview-image-title" data-reactid="493">错误示范</div><div class="preview-image-description" data-reactid="494">『绝不』过于绝对，让用户感到不适。</div><!-- react-empty: 495 --></div></div><p data-reactid="496"><!-- react-text: 497 -->不要使用过于绝对的表述，这样会让用户觉得不适。<!-- /react-text --></p><h2 id="大小写和标点符号" data-reactid="498"><span data-reactid="499"><!-- react-text: 500 -->大小写和标点符号<!-- /react-text --></span><a href="#大小写和标点符号" class="anchor" data-reactid="501">#</a></h2><h3 id="英文名词大小写规范" data-reactid="502"><span data-reactid="503"><!-- react-text: 504 -->英文名词大小写规范<!-- /react-text --></span><a href="#英文名词大小写规范" class="anchor" data-reactid="505">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="506"><div class="preview-image-box" style="width:50%;" data-reactid="507"><div class="preview-image-wrapper good" data-reactid="508"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/CytTOToWDKUvpWlAHwBu.png" alt="正确示范" data-reactid="509"/></div><div class="preview-image-title" data-reactid="510">正确示范</div><div class="preview-image-description" data-reactid="511"></div><!-- react-empty: 512 --></div><div class="preview-image-box" style="width:50%;" data-reactid="513"><div class="preview-image-wrapper bad" data-reactid="514"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/JuyMVqYJOnQzwZnwucml.png" alt="错误示范" data-reactid="515"/></div><div class="preview-image-title" data-reactid="516">错误示范</div><div class="preview-image-description" data-reactid="517"></div><!-- react-empty: 518 --></div></div><p data-reactid="519"><!-- react-text: 520 -->产品名称全称，首字母大写。产品名称缩写需要全部大写，如：ESC、SLB 等；<!-- /react-text --></p><blockquote data-reactid="521"><p data-reactid="522"><!-- react-text: 523 -->注：整个单词都大写不利于阅读和识别，应尽量避免这种用法。<!-- /react-text --></p></blockquote><p data-reactid="524"><br data-reactid="525"/></p><div class="preview-image-boxes clearfix" data-reactid="526"><div class="preview-image-box" style="width:50%;" data-reactid="527"><div class="preview-image-wrapper good" data-reactid="528"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/nKHHKvQMIKGTmNSVtIZQ.png" alt="正确示范" data-reactid="529"/></div><div class="preview-image-title" data-reactid="530">正确示范</div><div class="preview-image-description" data-reactid="531"></div><!-- react-empty: 532 --></div><div class="preview-image-box" style="width:50%;" data-reactid="533"><div class="preview-image-wrapper bad" data-reactid="534"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/ndRBdHSdlsTogOxfiyYg.png" alt="错误示范" data-reactid="535"/></div><div class="preview-image-title" data-reactid="536">错误示范</div><div class="preview-image-description" data-reactid="537"></div><!-- react-empty: 538 --></div></div><p data-reactid="539"><!-- react-text: 540 -->正确使用专有名词的大小写规范。<!-- /react-text --></p><p data-reactid="541"><br data-reactid="542"/></p><div class="preview-image-boxes clearfix" data-reactid="543"><div class="preview-image-box" style="width:50%;" data-reactid="544"><div class="preview-image-wrapper good" data-reactid="545"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/GCqgBzYXTRBbfffRoFaK.png" alt="正确示范" data-reactid="546"/></div><div class="preview-image-title" data-reactid="547">正确示范</div><div class="preview-image-description" data-reactid="548"></div><!-- react-empty: 549 --></div><div class="preview-image-box" style="width:50%;" data-reactid="550"><div class="preview-image-wrapper bad" data-reactid="551"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/hDoSuattUMGWQNPOMysN.png" alt="错误示范" data-reactid="552"/></div><div class="preview-image-title" data-reactid="553">错误示范</div><div class="preview-image-description" data-reactid="554"></div><!-- react-empty: 555 --></div></div><p data-reactid="556"><!-- react-text: 557 -->全英文的标题，标签，菜单项等等都要遵循英文句式中首字母大写的规范。<!-- /react-text --></p><h3 id="统计数据使用阿拉伯数字" data-reactid="558"><span data-reactid="559"><!-- react-text: 560 -->统计数据使用阿拉伯数字<!-- /react-text --></span><a href="#统计数据使用阿拉伯数字" class="anchor" data-reactid="561">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="562"><div class="preview-image-box" style="width:50%;" data-reactid="563"><div class="preview-image-wrapper good" data-reactid="564"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/jUlNKkbKgKsviSGZpEyu.png" alt="正确示范" data-reactid="565"/></div><div class="preview-image-title" data-reactid="566">正确示范</div><div class="preview-image-description" data-reactid="567">阿拉伯数字的信息传递效率更高</div><!-- react-empty: 568 --></div><div class="preview-image-box" style="width:50%;" data-reactid="569"><div class="preview-image-wrapper bad" data-reactid="570"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/pLAutmjpTnexUTaUAEXN.png" alt="错误示范" data-reactid="571"/></div><div class="preview-image-title" data-reactid="572">错误示范</div><div class="preview-image-description" data-reactid="573"></div><!-- react-empty: 574 --></div></div><p data-reactid="575"><!-- react-text: 576 -->这也是常见问题，用户对于数字的感知速度更快，使用数字而非文字表述会更加有效。<!-- /react-text --></p><h3 id="省略不必要的标点" data-reactid="577"><span data-reactid="578"><!-- react-text: 579 -->省略不必要的标点<!-- /react-text --></span><a href="#省略不必要的标点" class="anchor" data-reactid="580">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="581"><div class="preview-image-box" style="width:50%;" data-reactid="582"><div class="preview-image-wrapper good" data-reactid="583"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/asvLGJUPfJmkSthIWzcG.png" alt="正确示范" data-reactid="584"/></div><div class="preview-image-title" data-reactid="585">正确示范</div><div class="preview-image-description" data-reactid="586"></div><!-- react-empty: 587 --></div><div class="preview-image-box" style="width:50%;" data-reactid="588"><div class="preview-image-wrapper bad" data-reactid="589"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/mrUQxiFLinuBELviCRIP.png" alt="错误示范" data-reactid="590"/></div><div class="preview-image-title" data-reactid="591">错误示范</div><div class="preview-image-description" data-reactid="592"></div><!-- react-empty: 593 --></div></div><p data-reactid="594"><!-- react-text: 595 -->为了帮助用户更加高效得扫视文本内容，可以省略不必要的断句点。<!-- /react-text --></p><p data-reactid="596"><!-- react-text: 597 -->以下元素单独出现时可以省略标点：<!-- /react-text --></p><ul data-reactid="598"><li data-reactid="599"><p data-reactid="600"><!-- react-text: 601 -->标签<!-- /react-text --></p></li><li data-reactid="602"><p data-reactid="603"><!-- react-text: 604 -->标题<!-- /react-text --></p></li><li data-reactid="605"><p data-reactid="606"><!-- react-text: 607 -->输入框下的提示<!-- /react-text --></p></li><li data-reactid="608"><p data-reactid="609"><!-- react-text: 610 -->悬停文本中的提示<!-- /react-text --></p></li><li data-reactid="611"><p data-reactid="612"><!-- react-text: 613 -->表格中的句子<!-- /react-text --></p></li></ul><div class="preview-image-boxes clearfix" data-reactid="614"><div class="preview-image-box" style="width:50%;" data-reactid="615"><div class="preview-image-wrapper good" data-reactid="616"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/bviZMQSqXqCSNTBTJwzs.png" alt="正确示范" data-reactid="617"/></div><div class="preview-image-title" data-reactid="618">正确示范</div><div class="preview-image-description" data-reactid="619"></div><!-- react-empty: 620 --></div><div class="preview-image-box" style="width:50%;" data-reactid="621"><div class="preview-image-wrapper bad" data-reactid="622"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/QrcYEddtAMTHkPeeqiFw.png" alt="错误示范" data-reactid="623"/></div><div class="preview-image-title" data-reactid="624">错误示范</div><div class="preview-image-description" data-reactid="625"></div><!-- react-empty: 626 --></div></div><p data-reactid="627"><!-- react-text: 628 -->以下元素单独出现时需要加上标点：<!-- /react-text --></p><ul data-reactid="629"><li data-reactid="630"><p data-reactid="631"><!-- react-text: 632 -->多句或多段的文案和列表内容。<!-- /react-text --></p></li><li data-reactid="633"><p data-reactid="634"><!-- react-text: 635 -->任何文字链前的句子。<!-- /react-text --></p></li></ul><h3 id="谨慎使用感叹号" data-reactid="636"><span data-reactid="637"><!-- react-text: 638 -->谨慎使用感叹号<!-- /react-text --></span><a href="#谨慎使用感叹号" class="anchor" data-reactid="639">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="640"><div class="preview-image-box" style="width:50%;" data-reactid="641"><div class="preview-image-wrapper good" data-reactid="642"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/omCTCcBDzuFueCjjPxNJ.png" alt="正确示范" data-reactid="643"/></div><div class="preview-image-title" data-reactid="644">正确示范</div><div class="preview-image-description" data-reactid="645"></div><!-- react-empty: 646 --></div><div class="preview-image-box" style="width:50%;" data-reactid="647"><div class="preview-image-wrapper bad" data-reactid="648"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/XlPHSVrOFXYkYbgKEwYQ.png" alt="错误示范" data-reactid="649"/></div><div class="preview-image-title" data-reactid="650">错误示范</div><div class="preview-image-description" data-reactid="651"></div><!-- react-empty: 652 --></div></div><p data-reactid="653"><!-- react-text: 654 -->感叹号会让文案显得过于激动，容易让气氛变得过于紧张。<!-- /react-text --></p><blockquote data-reactid="655"><p data-reactid="656"><!-- react-text: 657 -->注：当向用户表达问候或祝贺时，使用『！』是合理的语境，例如『欢迎回到社区！』。<!-- /react-text --></p></blockquote><h3 id="基本标点规范" data-reactid="658"><span data-reactid="659"><!-- react-text: 660 -->基本标点规范<!-- /react-text --></span><a href="#基本标点规范" class="anchor" data-reactid="661">#</a></h3><table style="font-size:12px;float:right;width:600px;margin-left:60px;margin-bottom:100px;" data-reactid="662"><tbody data-reactid="663"><tr data-reactid="664"><th data-reactid="665"><!-- react-text: 666 -->标点名称<!-- /react-text --></th><th data-reactid="667"><!-- react-text: 668 -->字符<!-- /react-text --></th><th data-reactid="669"><!-- react-text: 670 -->描述<!-- /react-text --></th></tr><tr data-reactid="671"><th data-reactid="672"><!-- react-text: 673 -->空格<!-- /react-text --></th><td data-reactid="674"></td><td data-reactid="675"><!-- react-text: 676 -->段落句子中的链接和文字之间增加空格；
 全角字符和半角字符搭配时，需要添加空格，如：两个、2 个、50%。<!-- /react-text --></td></tr><tr data-reactid="677"><th data-reactid="678"><!-- react-text: 679 -->句号<!-- /react-text --></th><td data-reactid="680"><!-- react-text: 681 -->。<!-- /react-text --></td><td data-reactid="682"><!-- react-text: 683 -->以下情况中不使用句号：输入框下的提示；表格中的句子；句末为文字链（链接前使用句号）；按钮和标题。<!-- /react-text --></td></tr><tr data-reactid="684"><th data-reactid="685"><!-- react-text: 686 -->感叹号<!-- /react-text --></th><td data-reactid="687"><!-- react-text: 688 -->！<!-- /react-text --></td><td data-reactid="689"><!-- react-text: 690 -->只在需要表达强烈情感的情况下使用。<!-- /react-text --></td></tr><tr data-reactid="691"><th data-reactid="692"><!-- react-text: 693 -->连接号<!-- /react-text --></th><td data-reactid="694"><!-- react-text: 695 -->-<!-- /react-text --></td><td data-reactid="696"><!-- react-text: 697 -->不使用中文全角的连接号。如：2012-11-12。<!-- /react-text --></td></tr><tr data-reactid="698"><th data-reactid="699"><!-- react-text: 700 -->省略号<!-- /react-text --></th><td data-reactid="701"><!-- react-text: 702 -->…<!-- /react-text --></td><td data-reactid="703"><!-- react-text: 704 -->使用半角的『…』为省略号。<!-- /react-text --></td></tr><tr data-reactid="705"><th data-reactid="706"><!-- react-text: 707 -->隐藏符号<!-- /react-text --></th><td data-reactid="708"><!-- react-text: 709 -->*<!-- /react-text --></td><td data-reactid="710"><!-- react-text: 711 -->多用于替换显示隐私信息。<!-- /react-text --></td></tr></tbody></table><p data-reactid="712"><!-- react-text: 713 -->正确得使用标点符号会让句子看起来更清晰和具有可读性。<!-- /react-text --></p><p data-reactid="714"><!-- react-text: 715 -->具体使用请参考1995年中国标准出版社出版的<!-- /react-text --><a href="http://www.gddx.gov.cn/jjxjyb/resource/cms/2016/05/2016051420583039892.pdf" data-reactid="716"><!-- react-text: 717 -->《标点符号用法》<!-- /react-text --></a><!-- react-text: 718 -->，右图为重点列出的在设计中需要注意的部分。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="719"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="720"><section class="prev-next-nav" data-reactid="721"><a class="prev-page" href="/docs/spec/font" data-reactid="722">Font</a><a class="next-page" href="/docs/spec/layout" data-reactid="723">Layout</a></section></div></div></div><footer id="footer" data-reactid="724"><ul data-reactid="725"><li data-reactid="726"><h2 data-reactid="727"><i class="anticon anticon-github" data-reactid="728"></i><!-- react-text: 729 --> GitHub<!-- /react-text --></h2><div data-reactid="730"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="731"><span data-reactid="732">Repository</span></a></div><div data-reactid="733"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="734"><span data-reactid="735">Customize Theme</span></a></div><div data-reactid="736"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="737"><span data-reactid="738">Awesome Ant Design</span></a></div></li><li data-reactid="739"><h2 data-reactid="740"><i class="anticon anticon-link" data-reactid="741"></i><!-- react-text: 742 --> <!-- /react-text --><span data-reactid="743">Links</span></h2><div data-reactid="744"><a href="https://design.alipay.com/" data-reactid="745"><span data-reactid="746">Ant Financial Design Platform</span></a></div><div data-reactid="747"><a href="http://mobile.ant.design" data-reactid="748">Ant Design Mobile</a><span data-reactid="749"> - </span><span data-reactid="750">Mobile UI</span></div><div data-reactid="751"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="752">dva</a><!-- react-text: 753 --> - <!-- /react-text --><span data-reactid="754">Framework</span></div><div data-reactid="755"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="756">dva-cli</a><!-- react-text: 757 --> -<!-- /react-text --><span data-reactid="758">Developer Tools</span></div><div data-reactid="759"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="760">Egg</a><span data-reactid="761"> - </span><span data-reactid="762">Enterprise Node Framework</span></div><div data-reactid="763"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="764">AntV</a><span data-reactid="765"> - </span><span data-reactid="766">Data Visualization</span></div><div data-reactid="767"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="768">Ant Motion</a><span data-reactid="769"> - </span><span data-reactid="770">Motion Soluction</span></div><div data-reactid="771"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="772">AntD Library</a><span data-reactid="773"> - </span><span data-reactid="774">Axure library</span></div><div data-reactid="775"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="776">Ant UX</a><span data-reactid="777"> - </span><span data-reactid="778">Sitemap Template</span></div></li><li data-reactid="779"><h2 data-reactid="780"><i class="anticon anticon-customer-service" data-reactid="781"></i><!-- react-text: 782 --> <!-- /react-text --><span data-reactid="783">Community</span></h2><div data-reactid="784"><a href="/changelog" data-reactid="785"><span data-reactid="786">Change Log</span></a></div><div data-reactid="787"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="788"><span data-reactid="789">FAQ</span></a></div><div data-reactid="790"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="791"><span data-reactid="792">Chat Room (中文)</span></a></div><div data-reactid="793"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="794"><span data-reactid="795">Chat Room (English)</span></a></div><div data-reactid="796"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="797"><span data-reactid="798">Bug Report</span></a></div><div data-reactid="799"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="800"><span data-reactid="801">Issues</span></a></div><div data-reactid="802"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="803"><span data-reactid="804">StackOverflow</span></a></div><div data-reactid="805"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="806"><span data-reactid="807">SegmentFault</span></a></div></li><li data-reactid="808"><h2 data-reactid="809"><!-- react-text: 810 -->Copyright © <!-- /react-text --><!-- react-text: 811 -->2017<!-- /react-text --></h2><div data-reactid="812"><span data-reactid="813">Created by AIUX</span></div><div data-reactid="814"><!-- react-text: 815 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="816">BiSheng</a></div></li></ul></footer></div>
     </div>
diff --git a/docs/spec/data-display-cn.html b/docs/spec/data-display-cn.html
index dfd8e8b26..d029e2316 100644
--- a/docs/spec/data-display-cn.html
+++ b/docs/spec/data-display-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1084016332"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-570505522"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->数据展示<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/data-display.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->合适的数据展示方式可以帮助用户快速地定位和浏览数据，以及更高效得协同工作。在设计时有以下几点需要注意：<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->依据信息的重要等级、操作频率和关联程度来编排展示的顺序。<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->注意极端情况下的引导。如数据信息过长，内容为空的初始化状态等。<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="120"><ul data-reactid="121"><li data-reactid="122"><a class="bisheng-toc-h2" href="#表格（Table）" title="表格（Table）" data-reactid="123"><!-- react-text: 124 -->表格（Table）<!-- /react-text --></a></li><li data-reactid="125"><a class="bisheng-toc-h2" href="#折叠面板（Collapse）" title="折叠面板（Collapse）" data-reactid="126"><!-- react-text: 127 -->折叠面板（Collapse）<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#卡片（Card）" title="卡片（Card）" data-reactid="129"><!-- react-text: 130 -->卡片（Card）<!-- /react-text --></a></li><li data-reactid="131"><a class="bisheng-toc-h2" href="#走马灯（Carousel）" title="走马灯（Carousel）" data-reactid="132"><!-- react-text: 133 -->走马灯（Carousel）<!-- /react-text --></a></li><li data-reactid="134"><a class="bisheng-toc-h2" href="#树形控件（Tree）" title="树形控件（Tree）" data-reactid="135"><!-- react-text: 136 -->树形控件（Tree）<!-- /react-text --></a></li><li data-reactid="137"><a class="bisheng-toc-h2" href="#时间轴（Timeline）" title="时间轴（Timeline）" data-reactid="138"><!-- react-text: 139 -->时间轴（Timeline）<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="140"><h2 id="表格（Table）" data-reactid="141"><span data-reactid="142"><!-- react-text: 143 -->表格（Table）<!-- /react-text --></span><a href="#表格（Table）" class="anchor" data-reactid="144">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="145"><div class="preview-image-box" data-reactid="146"><div class="preview-image-wrapper" data-reactid="147"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/OGkfpUVQFWqlioeslvue.png" data-reactid="148"/></div><div class="preview-image-title" data-reactid="149"></div><div class="preview-image-description" data-reactid="150"></div><!-- react-empty: 151 --></div></div><p data-reactid="152"><!-- react-text: 153 -->表格被公认为是展现数据最为清晰、高效的形式之一。它常和排序、搜索、筛选、分页等其他界面元素一起协同，适用于信息的收集和展示、数据的分析和归纳整理、以及操作结构化数据。它结构简单，分隔归纳明确，使信息之间更易于对比，大大提升了用户对信息的接收效率和理解程度。<!-- /react-text --></p><blockquote data-reactid="154"><p data-reactid="155"><!-- react-text: 156 -->注：<!-- /react-text --></p><ol data-reactid="157"><li data-reactid="158"><p data-reactid="159"><!-- react-text: 160 -->表格中的时间、状态、操作栏需保持词语完整不过行。<!-- /react-text --></p></li><li data-reactid="161"><p data-reactid="162"><!-- react-text: 163 -->当数据为空时，可使用『- -』来表示暂无数据。<!-- /react-text --></p></li></ol></blockquote><h2 id="折叠面板（Collapse）" data-reactid="164"><span data-reactid="165"><!-- react-text: 166 -->折叠面板（Collapse）<!-- /react-text --></span><a href="#折叠面板（Collapse）" class="anchor" data-reactid="167">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="168"><div class="preview-image-box" data-reactid="169"><div class="preview-image-wrapper" data-reactid="170"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/UzmOpWyvIZmFibFPOjuo.png" data-reactid="171"/></div><div class="preview-image-title" data-reactid="172"></div><div class="preview-image-description" data-reactid="173"></div><!-- react-empty: 174 --></div></div><p data-reactid="175"><!-- react-text: 176 -->折叠面板通过对信息的分组和收纳，指引用户递进式的获取信息，使界面保持整洁的同时增加空间的有效利用率。<!-- /react-text --></p><p data-reactid="177"><!-- react-text: 178 -->这类组件在导航中大量使用，同时也适合冗长的、无规则的内容管理。<!-- /react-text --></p><blockquote data-reactid="179"><p data-reactid="180"><!-- react-text: 181 -->注：
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->数据展示<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/data-display.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->合适的数据展示方式可以帮助用户快速地定位和浏览数据，以及更高效得协同工作。在设计时有以下几点需要注意：<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->依据信息的重要等级、操作频率和关联程度来编排展示的顺序。<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->注意极端情况下的引导。如数据信息过长，内容为空的初始化状态等。<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="120"><ul data-reactid="121"><li data-reactid="122"><a class="bisheng-toc-h2" href="#表格（Table）" title="表格（Table）" data-reactid="123"><!-- react-text: 124 -->表格（Table）<!-- /react-text --></a></li><li data-reactid="125"><a class="bisheng-toc-h2" href="#折叠面板（Collapse）" title="折叠面板（Collapse）" data-reactid="126"><!-- react-text: 127 -->折叠面板（Collapse）<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#卡片（Card）" title="卡片（Card）" data-reactid="129"><!-- react-text: 130 -->卡片（Card）<!-- /react-text --></a></li><li data-reactid="131"><a class="bisheng-toc-h2" href="#走马灯（Carousel）" title="走马灯（Carousel）" data-reactid="132"><!-- react-text: 133 -->走马灯（Carousel）<!-- /react-text --></a></li><li data-reactid="134"><a class="bisheng-toc-h2" href="#树形控件（Tree）" title="树形控件（Tree）" data-reactid="135"><!-- react-text: 136 -->树形控件（Tree）<!-- /react-text --></a></li><li data-reactid="137"><a class="bisheng-toc-h2" href="#时间轴（Timeline）" title="时间轴（Timeline）" data-reactid="138"><!-- react-text: 139 -->时间轴（Timeline）<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="140"><h2 id="表格（Table）" data-reactid="141"><span data-reactid="142"><!-- react-text: 143 -->表格（Table）<!-- /react-text --></span><a href="#表格（Table）" class="anchor" data-reactid="144">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="145"><div class="preview-image-box" data-reactid="146"><div class="preview-image-wrapper" data-reactid="147"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/OGkfpUVQFWqlioeslvue.png" data-reactid="148"/></div><div class="preview-image-title" data-reactid="149"></div><div class="preview-image-description" data-reactid="150"></div><!-- react-empty: 151 --></div></div><p data-reactid="152"><!-- react-text: 153 -->表格被公认为是展现数据最为清晰、高效的形式之一。它常和排序、搜索、筛选、分页等其他界面元素一起协同，适用于信息的收集和展示、数据的分析和归纳整理、以及操作结构化数据。它结构简单，分隔归纳明确，使信息之间更易于对比，大大提升了用户对信息的接收效率和理解程度。<!-- /react-text --></p><blockquote data-reactid="154"><p data-reactid="155"><!-- react-text: 156 -->注：<!-- /react-text --></p><ol data-reactid="157"><li data-reactid="158"><p data-reactid="159"><!-- react-text: 160 -->表格中的时间、状态、操作栏需保持词语完整不过行。<!-- /react-text --></p></li><li data-reactid="161"><p data-reactid="162"><!-- react-text: 163 -->当数据为空时，可使用『- -』来表示暂无数据。<!-- /react-text --></p></li></ol></blockquote><h2 id="折叠面板（Collapse）" data-reactid="164"><span data-reactid="165"><!-- react-text: 166 -->折叠面板（Collapse）<!-- /react-text --></span><a href="#折叠面板（Collapse）" class="anchor" data-reactid="167">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="168"><div class="preview-image-box" data-reactid="169"><div class="preview-image-wrapper" data-reactid="170"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/UzmOpWyvIZmFibFPOjuo.png" data-reactid="171"/></div><div class="preview-image-title" data-reactid="172"></div><div class="preview-image-description" data-reactid="173"></div><!-- react-empty: 174 --></div></div><p data-reactid="175"><!-- react-text: 176 -->折叠面板通过对信息的分组和收纳，指引用户递进式的获取信息，使界面保持整洁的同时增加空间的有效利用率。<!-- /react-text --></p><p data-reactid="177"><!-- react-text: 178 -->这类组件在导航中大量使用，同时也适合冗长的、无规则的内容管理。<!-- /react-text --></p><blockquote data-reactid="179"><p data-reactid="180"><!-- react-text: 181 -->注：
 若折叠内容彼此之间关联度较低时，可使用更为节省空间的『手风琴』模式——『手风琴』是一种特殊的折叠面板，只允许单项内容区域展开。<!-- /react-text --></p></blockquote><hr data-reactid="182"/><h2 id="卡片（Card）" data-reactid="183"><span data-reactid="184"><!-- react-text: 185 -->卡片（Card）<!-- /react-text --></span><a href="#卡片（Card）" class="anchor" data-reactid="186">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="187"><div class="preview-image-box" data-reactid="188"><div class="preview-image-wrapper" data-reactid="189"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/fpXuAguWCWWbmQNzOmnM.png" data-reactid="190"/></div><div class="preview-image-title" data-reactid="191"></div><div class="preview-image-description" data-reactid="192">如页面内容加载过慢时，可采用『预加载』或『分步获取』的方式来缓解用户在等待时间中的焦虑感。</div><!-- react-empty: 193 --></div></div><p data-reactid="194"><!-- react-text: 195 -->卡片是一种承载信息的容器，对可承载的内容类型无过多限制，它让一类信息集中化，增强区块感的同时更易于操作；卡片通常以网格或矩阵的方式排列，传达相互之间的层级关系。适合较为轻量级和个性化较强的信息区块展示。<!-- /react-text --></p><blockquote data-reactid="196"><p data-reactid="197"><!-- react-text: 198 -->注：<!-- /react-text --></p><ol data-reactid="199"><li data-reactid="200"><p data-reactid="201"><!-- react-text: 202 -->卡片通常根据栅格进行排列，建议一行最多不超过四个<!-- /react-text --></p></li><li data-reactid="203"><p data-reactid="204"><!-- react-text: 205 -->在有限的卡片空间内需注意信息之间的间距，若信息过长可做截断处理。例如『Ant Design 适用用于中台…』<!-- /react-text --></p></li></ol></blockquote><hr data-reactid="206"/><h2 id="走马灯（Carousel）" data-reactid="207"><span data-reactid="208"><!-- react-text: 209 -->走马灯（Carousel）<!-- /react-text --></span><a href="#走马灯（Carousel）" class="anchor" data-reactid="210">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="211"><div class="preview-image-box" data-reactid="212"><div class="preview-image-wrapper" data-reactid="213"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/fELwaApwGyZoUDCZQtLb.png" data-reactid="214"/></div><div class="preview-image-title" data-reactid="215"></div><div class="preview-image-description" data-reactid="216"></div><!-- react-empty: 217 --></div></div><p data-reactid="218"><!-- react-text: 219 -->作为一组平级内容的并列展示模式，常用于图片或卡片轮播，可由用户主动触发或者系统自动轮播。适合用于官网首页、产品介绍页等展示型区块。<!-- /react-text --></p><blockquote data-reactid="220"><p data-reactid="221"><!-- react-text: 222 -->注：<!-- /react-text --></p><ol data-reactid="223"><li data-reactid="224"><p data-reactid="225"><!-- react-text: 226 -->轮播的数量不宜过多以免造成用户厌烦，控制在 3~5 个之间为最佳<!-- /react-text --></p></li><li data-reactid="227"><p data-reactid="228"><!-- react-text: 229 -->建议在设计上提供暗示，让用户对轮播的数量和方向保持清晰的认知<!-- /react-text --></p></li></ol></blockquote><hr data-reactid="230"/><h2 id="树形控件（Tree）" data-reactid="231"><span data-reactid="232"><!-- react-text: 233 -->树形控件（Tree）<!-- /react-text --></span><a href="#树形控件（Tree）" class="anchor" data-reactid="234">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="235"><div class="preview-image-box" data-reactid="236"><div class="preview-image-wrapper" data-reactid="237"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/iIicElfzdIoNzyRJXlqx.png" data-reactid="238"/></div><div class="preview-image-title" data-reactid="239"></div><div class="preview-image-description" data-reactid="240"></div><!-- react-empty: 241 --></div></div><p data-reactid="242"><!-- react-text: 243 -->『树形控件』通过逐级大纲的形式来展现信息的层级关系，高效且具有极佳的视觉可视性，使得整体信息框架一目了然。<!-- /react-text --></p><p data-reactid="244"><!-- react-text: 245 -->用户可同时浏览与处理多个树状层级的内容。适用于任何需要通过层级组织的信息场景，如文件夹、组织架构、生物分类、国家地区等等。<!-- /react-text --></p><hr data-reactid="246"/><h2 id="时间轴（Timeline）" data-reactid="247"><span data-reactid="248"><!-- react-text: 249 -->时间轴（Timeline）<!-- /react-text --></span><a href="#时间轴（Timeline）" class="anchor" data-reactid="250">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="251"><div class="preview-image-box" data-reactid="252"><div class="preview-image-wrapper" data-reactid="253"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/bIYaUSPaBWSzXEpRsIjO.png" data-reactid="254"/></div><div class="preview-image-title" data-reactid="255"></div><div class="preview-image-description" data-reactid="256"></div><!-- react-empty: 257 --></div></div><p data-reactid="258"><!-- react-text: 259 -->垂直展示的时间流信息，一般按照时间倒叙记录事件，追踪用户当下以及过去做了什么。<!-- /react-text --></p><p data-reactid="260"><!-- react-text: 261 -->每一条信息以时间为主轴，内容可涵盖主题、类型、相关的附加内容等等。适用于包括事件、任务、日历标注以及其他相关的数据展示。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="262"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="263"><section class="prev-next-nav" data-reactid="264"><a class="prev-page" href="/docs/spec/data-entry-cn" data-reactid="265">数据录入</a><a class="next-page" href="/docs/spec/feedback-cn" data-reactid="266">反馈</a></section></div></div></div><footer id="footer" data-reactid="267"><ul data-reactid="268"><li data-reactid="269"><h2 data-reactid="270"><i class="anticon anticon-github" data-reactid="271"></i><!-- react-text: 272 --> GitHub<!-- /react-text --></h2><div data-reactid="273"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="274"><span data-reactid="275">源码仓库</span></a></div><div data-reactid="276"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="277"><span data-reactid="278">定制主题</span></a></div><div data-reactid="279"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="280"><span data-reactid="281">Awesome Ant Design</span></a></div></li><li data-reactid="282"><h2 data-reactid="283"><i class="anticon anticon-link" data-reactid="284"></i><!-- react-text: 285 --> <!-- /react-text --><span data-reactid="286">相关站点</span></h2><div data-reactid="287"><a href="https://design.alipay.com/" data-reactid="288"><span data-reactid="289">蚂蚁金服设计平台</span></a></div><div data-reactid="290"><a href="http://mobile.ant.design" data-reactid="291">Ant Design Mobile</a><span data-reactid="292"> - </span><span data-reactid="293">移动版</span></div><div data-reactid="294"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="295">dva</a><!-- react-text: 296 --> - <!-- /react-text --><span data-reactid="297">应用框架</span></div><div data-reactid="298"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="299">dva-cli</a><!-- react-text: 300 --> -<!-- /react-text --><span data-reactid="301">开发工具</span></div><div data-reactid="302"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="303">Egg</a><span data-reactid="304"> - </span><span data-reactid="305">企业级 Node 开发框架</span></div><div data-reactid="306"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="307">AntV</a><span data-reactid="308"> - </span><span data-reactid="309">数据可视化</span></div><div data-reactid="310"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="311">Ant Motion</a><span data-reactid="312"> - </span><span data-reactid="313">设计动效</span></div><div data-reactid="314"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="315">AntD Library</a><span data-reactid="316"> - </span><span data-reactid="317">Axure 部件库</span></div><div data-reactid="318"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="319">Ant UX</a><span data-reactid="320"> - </span><span data-reactid="321">页面逻辑素材</span></div></li><li data-reactid="322"><h2 data-reactid="323"><i class="anticon anticon-customer-service" data-reactid="324"></i><!-- react-text: 325 --> <!-- /react-text --><span data-reactid="326">社区</span></h2><div data-reactid="327"><a href="/changelog" data-reactid="328"><span data-reactid="329">更新记录</span></a></div><div data-reactid="330"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="331"><span data-reactid="332">常见问题</span></a></div><div data-reactid="333"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="334"><span data-reactid="335">在线讨论 (中文)</span></a></div><div data-reactid="336"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="337"><span data-reactid="338">在线讨论 (English)</span></a></div><div data-reactid="339"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="340"><span data-reactid="341">报告 Bug</span></a></div><div data-reactid="342"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="343"><span data-reactid="344">讨论列表</span></a></div><div data-reactid="345"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="346"><span data-reactid="347">StackOverflow</span></a></div><div data-reactid="348"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="349"><span data-reactid="350">SegmentFault</span></a></div></li><li data-reactid="351"><h2 data-reactid="352"><!-- react-text: 353 -->Copyright © <!-- /react-text --><!-- react-text: 354 -->2017<!-- /react-text --></h2><div data-reactid="355"><span data-reactid="356">蚂蚁金服体验技术部出品</span></div><div data-reactid="357"><!-- react-text: 358 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="359">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
diff --git a/docs/spec/data-display.html b/docs/spec/data-display.html
index 641361fc6..dcd3fbca7 100644
--- a/docs/spec/data-display.html
+++ b/docs/spec/data-display.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-410190727"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-783614853"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/lightweight" data-reactid="72">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/stay" data-reactid="74">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Data Display<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/data-display.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->合适的数据展示方式可以帮助用户快速地定位和浏览数据，以及更高效得协同工作。在设计时有以下几点需要注意：<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->依据信息的重要等级、操作频率和关联程度来编排展示的顺序。<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->注意极端情况下的引导。如数据信息过长，内容为空的初始化状态等。<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="120"><ul data-reactid="121"><li data-reactid="122"><a class="bisheng-toc-h2" href="#表格（Table）" title="表格（Table）" data-reactid="123"><!-- react-text: 124 -->表格（Table）<!-- /react-text --></a></li><li data-reactid="125"><a class="bisheng-toc-h2" href="#折叠面板（Collapse）" title="折叠面板（Collapse）" data-reactid="126"><!-- react-text: 127 -->折叠面板（Collapse）<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#卡片（Card）" title="卡片（Card）" data-reactid="129"><!-- react-text: 130 -->卡片（Card）<!-- /react-text --></a></li><li data-reactid="131"><a class="bisheng-toc-h2" href="#走马灯（Carousel）" title="走马灯（Carousel）" data-reactid="132"><!-- react-text: 133 -->走马灯（Carousel）<!-- /react-text --></a></li><li data-reactid="134"><a class="bisheng-toc-h2" href="#树形控件（Tree）" title="树形控件（Tree）" data-reactid="135"><!-- react-text: 136 -->树形控件（Tree）<!-- /react-text --></a></li><li data-reactid="137"><a class="bisheng-toc-h2" href="#时间轴（Timeline）" title="时间轴（Timeline）" data-reactid="138"><!-- react-text: 139 -->时间轴（Timeline）<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="140"><h2 id="表格（Table）" data-reactid="141"><span data-reactid="142"><!-- react-text: 143 -->表格（Table）<!-- /react-text --></span><a href="#表格（Table）" class="anchor" data-reactid="144">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="145"><div class="preview-image-box" data-reactid="146"><div class="preview-image-wrapper" data-reactid="147"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/OGkfpUVQFWqlioeslvue.png" data-reactid="148"/></div><div class="preview-image-title" data-reactid="149"></div><div class="preview-image-description" data-reactid="150"></div><!-- react-empty: 151 --></div></div><p data-reactid="152"><!-- react-text: 153 -->表格被公认为是展现数据最为清晰、高效的形式之一。它常和排序、搜索、筛选、分页等其他界面元素一起协同，适用于信息的收集和展示、数据的分析和归纳整理、以及操作结构化数据。它结构简单，分隔归纳明确，使信息之间更易于对比，大大提升了用户对信息的接收效率和理解程度。<!-- /react-text --></p><blockquote data-reactid="154"><p data-reactid="155"><!-- react-text: 156 -->注：<!-- /react-text --></p><ol data-reactid="157"><li data-reactid="158"><p data-reactid="159"><!-- react-text: 160 -->表格中的时间、状态、操作栏需保持词语完整不过行。<!-- /react-text --></p></li><li data-reactid="161"><p data-reactid="162"><!-- react-text: 163 -->当数据为空时，可使用『- -』来表示暂无数据。<!-- /react-text --></p></li></ol></blockquote><h2 id="折叠面板（Collapse）" data-reactid="164"><span data-reactid="165"><!-- react-text: 166 -->折叠面板（Collapse）<!-- /react-text --></span><a href="#折叠面板（Collapse）" class="anchor" data-reactid="167">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="168"><div class="preview-image-box" data-reactid="169"><div class="preview-image-wrapper" data-reactid="170"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/UzmOpWyvIZmFibFPOjuo.png" data-reactid="171"/></div><div class="preview-image-title" data-reactid="172"></div><div class="preview-image-description" data-reactid="173"></div><!-- react-empty: 174 --></div></div><p data-reactid="175"><!-- react-text: 176 -->折叠面板通过对信息的分组和收纳，指引用户递进式的获取信息，使界面保持整洁的同时增加空间的有效利用率。<!-- /react-text --></p><p data-reactid="177"><!-- react-text: 178 -->这类组件在导航中大量使用，同时也适合冗长的、无规则的内容管理。<!-- /react-text --></p><blockquote data-reactid="179"><p data-reactid="180"><!-- react-text: 181 -->注：
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay" data-reactid="72">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight" data-reactid="74">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Data Display<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/data-display.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->合适的数据展示方式可以帮助用户快速地定位和浏览数据，以及更高效得协同工作。在设计时有以下几点需要注意：<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->依据信息的重要等级、操作频率和关联程度来编排展示的顺序。<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->注意极端情况下的引导。如数据信息过长，内容为空的初始化状态等。<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="120"><ul data-reactid="121"><li data-reactid="122"><a class="bisheng-toc-h2" href="#表格（Table）" title="表格（Table）" data-reactid="123"><!-- react-text: 124 -->表格（Table）<!-- /react-text --></a></li><li data-reactid="125"><a class="bisheng-toc-h2" href="#折叠面板（Collapse）" title="折叠面板（Collapse）" data-reactid="126"><!-- react-text: 127 -->折叠面板（Collapse）<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#卡片（Card）" title="卡片（Card）" data-reactid="129"><!-- react-text: 130 -->卡片（Card）<!-- /react-text --></a></li><li data-reactid="131"><a class="bisheng-toc-h2" href="#走马灯（Carousel）" title="走马灯（Carousel）" data-reactid="132"><!-- react-text: 133 -->走马灯（Carousel）<!-- /react-text --></a></li><li data-reactid="134"><a class="bisheng-toc-h2" href="#树形控件（Tree）" title="树形控件（Tree）" data-reactid="135"><!-- react-text: 136 -->树形控件（Tree）<!-- /react-text --></a></li><li data-reactid="137"><a class="bisheng-toc-h2" href="#时间轴（Timeline）" title="时间轴（Timeline）" data-reactid="138"><!-- react-text: 139 -->时间轴（Timeline）<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="140"><h2 id="表格（Table）" data-reactid="141"><span data-reactid="142"><!-- react-text: 143 -->表格（Table）<!-- /react-text --></span><a href="#表格（Table）" class="anchor" data-reactid="144">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="145"><div class="preview-image-box" data-reactid="146"><div class="preview-image-wrapper" data-reactid="147"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/OGkfpUVQFWqlioeslvue.png" data-reactid="148"/></div><div class="preview-image-title" data-reactid="149"></div><div class="preview-image-description" data-reactid="150"></div><!-- react-empty: 151 --></div></div><p data-reactid="152"><!-- react-text: 153 -->表格被公认为是展现数据最为清晰、高效的形式之一。它常和排序、搜索、筛选、分页等其他界面元素一起协同，适用于信息的收集和展示、数据的分析和归纳整理、以及操作结构化数据。它结构简单，分隔归纳明确，使信息之间更易于对比，大大提升了用户对信息的接收效率和理解程度。<!-- /react-text --></p><blockquote data-reactid="154"><p data-reactid="155"><!-- react-text: 156 -->注：<!-- /react-text --></p><ol data-reactid="157"><li data-reactid="158"><p data-reactid="159"><!-- react-text: 160 -->表格中的时间、状态、操作栏需保持词语完整不过行。<!-- /react-text --></p></li><li data-reactid="161"><p data-reactid="162"><!-- react-text: 163 -->当数据为空时，可使用『- -』来表示暂无数据。<!-- /react-text --></p></li></ol></blockquote><h2 id="折叠面板（Collapse）" data-reactid="164"><span data-reactid="165"><!-- react-text: 166 -->折叠面板（Collapse）<!-- /react-text --></span><a href="#折叠面板（Collapse）" class="anchor" data-reactid="167">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="168"><div class="preview-image-box" data-reactid="169"><div class="preview-image-wrapper" data-reactid="170"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/UzmOpWyvIZmFibFPOjuo.png" data-reactid="171"/></div><div class="preview-image-title" data-reactid="172"></div><div class="preview-image-description" data-reactid="173"></div><!-- react-empty: 174 --></div></div><p data-reactid="175"><!-- react-text: 176 -->折叠面板通过对信息的分组和收纳，指引用户递进式的获取信息，使界面保持整洁的同时增加空间的有效利用率。<!-- /react-text --></p><p data-reactid="177"><!-- react-text: 178 -->这类组件在导航中大量使用，同时也适合冗长的、无规则的内容管理。<!-- /react-text --></p><blockquote data-reactid="179"><p data-reactid="180"><!-- react-text: 181 -->注：
 若折叠内容彼此之间关联度较低时，可使用更为节省空间的『手风琴』模式——『手风琴』是一种特殊的折叠面板，只允许单项内容区域展开。<!-- /react-text --></p></blockquote><hr data-reactid="182"/><h2 id="卡片（Card）" data-reactid="183"><span data-reactid="184"><!-- react-text: 185 -->卡片（Card）<!-- /react-text --></span><a href="#卡片（Card）" class="anchor" data-reactid="186">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="187"><div class="preview-image-box" data-reactid="188"><div class="preview-image-wrapper" data-reactid="189"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/fpXuAguWCWWbmQNzOmnM.png" data-reactid="190"/></div><div class="preview-image-title" data-reactid="191"></div><div class="preview-image-description" data-reactid="192">如页面内容加载过慢时，可采用『预加载』或『分步获取』的方式来缓解用户在等待时间中的焦虑感。</div><!-- react-empty: 193 --></div></div><p data-reactid="194"><!-- react-text: 195 -->卡片是一种承载信息的容器，对可承载的内容类型无过多限制，它让一类信息集中化，增强区块感的同时更易于操作；卡片通常以网格或矩阵的方式排列，传达相互之间的层级关系。适合较为轻量级和个性化较强的信息区块展示。<!-- /react-text --></p><blockquote data-reactid="196"><p data-reactid="197"><!-- react-text: 198 -->注：<!-- /react-text --></p><ol data-reactid="199"><li data-reactid="200"><p data-reactid="201"><!-- react-text: 202 -->卡片通常根据栅格进行排列，建议一行最多不超过四个<!-- /react-text --></p></li><li data-reactid="203"><p data-reactid="204"><!-- react-text: 205 -->在有限的卡片空间内需注意信息之间的间距，若信息过长可做截断处理。例如『Ant Design 适用用于中台…』<!-- /react-text --></p></li></ol></blockquote><hr data-reactid="206"/><h2 id="走马灯（Carousel）" data-reactid="207"><span data-reactid="208"><!-- react-text: 209 -->走马灯（Carousel）<!-- /react-text --></span><a href="#走马灯（Carousel）" class="anchor" data-reactid="210">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="211"><div class="preview-image-box" data-reactid="212"><div class="preview-image-wrapper" data-reactid="213"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/fELwaApwGyZoUDCZQtLb.png" data-reactid="214"/></div><div class="preview-image-title" data-reactid="215"></div><div class="preview-image-description" data-reactid="216"></div><!-- react-empty: 217 --></div></div><p data-reactid="218"><!-- react-text: 219 -->作为一组平级内容的并列展示模式，常用于图片或卡片轮播，可由用户主动触发或者系统自动轮播。适合用于官网首页、产品介绍页等展示型区块。<!-- /react-text --></p><blockquote data-reactid="220"><p data-reactid="221"><!-- react-text: 222 -->注：<!-- /react-text --></p><ol data-reactid="223"><li data-reactid="224"><p data-reactid="225"><!-- react-text: 226 -->轮播的数量不宜过多以免造成用户厌烦，控制在 3~5 个之间为最佳<!-- /react-text --></p></li><li data-reactid="227"><p data-reactid="228"><!-- react-text: 229 -->建议在设计上提供暗示，让用户对轮播的数量和方向保持清晰的认知<!-- /react-text --></p></li></ol></blockquote><hr data-reactid="230"/><h2 id="树形控件（Tree）" data-reactid="231"><span data-reactid="232"><!-- react-text: 233 -->树形控件（Tree）<!-- /react-text --></span><a href="#树形控件（Tree）" class="anchor" data-reactid="234">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="235"><div class="preview-image-box" data-reactid="236"><div class="preview-image-wrapper" data-reactid="237"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/iIicElfzdIoNzyRJXlqx.png" data-reactid="238"/></div><div class="preview-image-title" data-reactid="239"></div><div class="preview-image-description" data-reactid="240"></div><!-- react-empty: 241 --></div></div><p data-reactid="242"><!-- react-text: 243 -->『树形控件』通过逐级大纲的形式来展现信息的层级关系，高效且具有极佳的视觉可视性，使得整体信息框架一目了然。<!-- /react-text --></p><p data-reactid="244"><!-- react-text: 245 -->用户可同时浏览与处理多个树状层级的内容。适用于任何需要通过层级组织的信息场景，如文件夹、组织架构、生物分类、国家地区等等。<!-- /react-text --></p><hr data-reactid="246"/><h2 id="时间轴（Timeline）" data-reactid="247"><span data-reactid="248"><!-- react-text: 249 -->时间轴（Timeline）<!-- /react-text --></span><a href="#时间轴（Timeline）" class="anchor" data-reactid="250">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="251"><div class="preview-image-box" data-reactid="252"><div class="preview-image-wrapper" data-reactid="253"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/bIYaUSPaBWSzXEpRsIjO.png" data-reactid="254"/></div><div class="preview-image-title" data-reactid="255"></div><div class="preview-image-description" data-reactid="256"></div><!-- react-empty: 257 --></div></div><p data-reactid="258"><!-- react-text: 259 -->垂直展示的时间流信息，一般按照时间倒叙记录事件，追踪用户当下以及过去做了什么。<!-- /react-text --></p><p data-reactid="260"><!-- react-text: 261 -->每一条信息以时间为主轴，内容可涵盖主题、类型、相关的附加内容等等。适用于包括事件、任务、日历标注以及其他相关的数据展示。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="262"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="263"><section class="prev-next-nav" data-reactid="264"><a class="prev-page" href="/docs/spec/data-entry" data-reactid="265">Data Entry</a><a class="next-page" href="/docs/spec/feedback" data-reactid="266">Feedback</a></section></div></div></div><footer id="footer" data-reactid="267"><ul data-reactid="268"><li data-reactid="269"><h2 data-reactid="270"><i class="anticon anticon-github" data-reactid="271"></i><!-- react-text: 272 --> GitHub<!-- /react-text --></h2><div data-reactid="273"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="274"><span data-reactid="275">Repository</span></a></div><div data-reactid="276"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="277"><span data-reactid="278">Customize Theme</span></a></div><div data-reactid="279"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="280"><span data-reactid="281">Awesome Ant Design</span></a></div></li><li data-reactid="282"><h2 data-reactid="283"><i class="anticon anticon-link" data-reactid="284"></i><!-- react-text: 285 --> <!-- /react-text --><span data-reactid="286">Links</span></h2><div data-reactid="287"><a href="https://design.alipay.com/" data-reactid="288"><span data-reactid="289">Ant Financial Design Platform</span></a></div><div data-reactid="290"><a href="http://mobile.ant.design" data-reactid="291">Ant Design Mobile</a><span data-reactid="292"> - </span><span data-reactid="293">Mobile UI</span></div><div data-reactid="294"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="295">dva</a><!-- react-text: 296 --> - <!-- /react-text --><span data-reactid="297">Framework</span></div><div data-reactid="298"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="299">dva-cli</a><!-- react-text: 300 --> -<!-- /react-text --><span data-reactid="301">Developer Tools</span></div><div data-reactid="302"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="303">Egg</a><span data-reactid="304"> - </span><span data-reactid="305">Enterprise Node Framework</span></div><div data-reactid="306"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="307">AntV</a><span data-reactid="308"> - </span><span data-reactid="309">Data Visualization</span></div><div data-reactid="310"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="311">Ant Motion</a><span data-reactid="312"> - </span><span data-reactid="313">Motion Soluction</span></div><div data-reactid="314"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="315">AntD Library</a><span data-reactid="316"> - </span><span data-reactid="317">Axure library</span></div><div data-reactid="318"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="319">Ant UX</a><span data-reactid="320"> - </span><span data-reactid="321">Sitemap Template</span></div></li><li data-reactid="322"><h2 data-reactid="323"><i class="anticon anticon-customer-service" data-reactid="324"></i><!-- react-text: 325 --> <!-- /react-text --><span data-reactid="326">Community</span></h2><div data-reactid="327"><a href="/changelog" data-reactid="328"><span data-reactid="329">Change Log</span></a></div><div data-reactid="330"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="331"><span data-reactid="332">FAQ</span></a></div><div data-reactid="333"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="334"><span data-reactid="335">Chat Room (中文)</span></a></div><div data-reactid="336"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="337"><span data-reactid="338">Chat Room (English)</span></a></div><div data-reactid="339"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="340"><span data-reactid="341">Bug Report</span></a></div><div data-reactid="342"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="343"><span data-reactid="344">Issues</span></a></div><div data-reactid="345"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="346"><span data-reactid="347">StackOverflow</span></a></div><div data-reactid="348"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="349"><span data-reactid="350">SegmentFault</span></a></div></li><li data-reactid="351"><h2 data-reactid="352"><!-- react-text: 353 -->Copyright © <!-- /react-text --><!-- react-text: 354 -->2017<!-- /react-text --></h2><div data-reactid="355"><span data-reactid="356">Created by AIUX</span></div><div data-reactid="357"><!-- react-text: 358 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="359">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
diff --git a/docs/spec/data-entry-cn.html b/docs/spec/data-entry-cn.html
index 98e884476..995d72c0a 100644
--- a/docs/spec/data-entry-cn.html
+++ b/docs/spec/data-entry-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1379933287"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="882449513"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->数据录入<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/data-entry.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->数据录入是获取对象信息的重要交互方式，用户会频繁的增加、修改或删除信息。多种多样的文本录入和选择录入方式帮助用户更加清晰和高效的完成这项体验。设计者应当注意这几点：<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->为初级用户／偶尔访问的用户提供简单易懂的文案作为『标签（Label） 』；为领域专家提供专业术语作为『标签（Label） 』。当需要用户提供敏感信息时，通过『暗提示』来说明系统为什么要这么做，例如：需要获取身份证号码、手机号码时；<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->让用户能在上下文中获取信息，帮助他完成输入。使用『良好的默认值』、『结构化的格式』、『暗提示』、『输入提醒』等方式，避免让用户在空白中猜测输入。<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="120"><ul data-reactid="121"><li data-reactid="122"><a class="bisheng-toc-h2" href="#文本录入" title="文本录入" data-reactid="123"><!-- react-text: 124 -->文本录入<!-- /react-text --></a></li><li data-reactid="125"><a class="bisheng-toc-h2" href="#选择录入" title="选择录入" data-reactid="126"><!-- react-text: 127 -->选择录入<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#文件上传（Upload）" title="文件上传（Upload）" data-reactid="129"><!-- react-text: 130 -->文件上传（Upload）<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="131"><h2 id="文本录入" data-reactid="132"><span data-reactid="133"><!-- react-text: 134 -->文本录入<!-- /react-text --></span><a href="#文本录入" class="anchor" data-reactid="135">#</a></h2><p data-reactid="136"><!-- react-text: 137 -->输入框为用户提供了编辑文本的控件，是录入数据最基础和常见的方式。<!-- /react-text --></p><h3 id="文本框（Input）" data-reactid="138"><span data-reactid="139"><!-- react-text: 140 -->文本框（Input）<!-- /react-text --></span><a href="#文本框（Input）" class="anchor" data-reactid="141">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="142"><div class="preview-image-box" data-reactid="143"><div class="preview-image-wrapper" data-reactid="144"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/BPMNkGkHFqbBCRMUdfRh.png" data-reactid="145"/></div><div class="preview-image-title" data-reactid="146"></div><div class="preview-image-description" data-reactid="147"></div><!-- react-empty: 148 --></div></div><p data-reactid="149"><!-- react-text: 150 -->输入较少的字符总数，使用单行的输入形式。<!-- /react-text --></p><blockquote data-reactid="151"><p data-reactid="152"><!-- react-text: 153 -->注：可以对一些文本（如数字和网址）运用特别的样式。详见 <!-- /react-text --><a href="/components/input-cn/" data-reactid="154">输入框（Input）</a><!-- react-text: 155 -->。<!-- /react-text --></p></blockquote><h3 id="文本域（Textarea）" data-reactid="156"><span data-reactid="157"><!-- react-text: 158 -->文本域（Textarea）<!-- /react-text --></span><a href="#文本域（Textarea）" class="anchor" data-reactid="159">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="160"><div class="preview-image-box" data-reactid="161"><div class="preview-image-wrapper" data-reactid="162"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/QVRSSdYrWjthpCOupqON.png" data-reactid="163"/></div><div class="preview-image-title" data-reactid="164"></div><div class="preview-image-description" data-reactid="165"></div><!-- react-empty: 166 --></div></div><p data-reactid="167"><!-- react-text: 168 -->录入长篇幅的单一的文本使用多行的文本区域。<!-- /react-text --></p><h3 id="提示与帮助" data-reactid="169"><span data-reactid="170"><!-- react-text: 171 -->提示与帮助<!-- /react-text --></span><a href="#提示与帮助" class="anchor" data-reactid="172">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="173"><div class="preview-image-box" data-reactid="174"><div class="preview-image-wrapper" data-reactid="175"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/KSWwgpyjPkbwclNvbvvR.png" alt="基本样式" data-reactid="176"/></div><div class="preview-image-title" data-reactid="177">基本样式</div><div class="preview-image-description" data-reactid="178"></div><!-- react-empty: 179 --></div></div><p data-reactid="180"><!-- react-text: 181 -->为提升数据录入效率，通常可以在输入框内增加暗提示以帮助提醒用户。<!-- /react-text --></p><blockquote data-reactid="182"><p data-reactid="183"><!-- react-text: 184 -->注：输入框通常与标签（label）搭配使用，标签（label）默认放于输入区域的左侧，当文案过长或英文环境下也可放于在上方，但同个系统中需保持统一。<!-- /react-text --></p></blockquote><div class="preview-image-boxes clearfix" data-reactid="185"><div class="preview-image-box" data-reactid="186"><div class="preview-image-wrapper" data-reactid="187"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/RtFCPKSMfRlgISbMJJRy.png" data-reactid="188"/></div><div class="preview-image-title" data-reactid="189"></div><div class="preview-image-description" data-reactid="190">当说明文案较长时，你可以使用一个『信息』图标或者提示工具。</div><!-- react-empty: 191 --></div></div><div class="preview-image-boxes clearfix" data-reactid="192"><div class="preview-image-box" data-reactid="193"><div class="preview-image-wrapper" data-reactid="194"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/rElfIRpcmLsCTFzZDINy.png" data-reactid="195"/></div><div class="preview-image-title" data-reactid="196"></div><div class="preview-image-description" data-reactid="197">对于那些短的输入提醒（短于一句），你可以将其放置在输入框的下方。</div><!-- react-empty: 198 --></div></div><h3 id="搜索（Search）" data-reactid="199"><span data-reactid="200"><!-- react-text: 201 -->搜索（Search）<!-- /react-text --></span><a href="#搜索（Search）" class="anchor" data-reactid="202">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="203"><div class="preview-image-box" data-reactid="204"><div class="preview-image-wrapper" data-reactid="205"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/ycPmRlbZtsoYAibbwMCZ.png" data-reactid="206"/></div><div class="preview-image-title" data-reactid="207"></div><div class="preview-image-description" data-reactid="208"></div><!-- react-empty: 209 --></div></div><p data-reactid="210"><!-- react-text: 211 -->搜索可以让用户在巨大的信息池中缩小目标范围，并快速获取需要的信息。<!-- /react-text --></p><hr data-reactid="212"/><h2 id="选择录入" data-reactid="213"><span data-reactid="214"><!-- react-text: 215 -->选择录入<!-- /react-text --></span><a href="#选择录入" class="anchor" data-reactid="216">#</a></h2><p data-reactid="217"><!-- react-text: 218 -->让用户在一个预定的范围中进行选择。<!-- /react-text --></p><h4 id="单选框（Radio-Button）" data-reactid="219"><span data-reactid="220"><!-- react-text: 221 -->单选框（Radio Button）<!-- /react-text --></span><a href="#单选框（Radio-Button）" class="anchor" data-reactid="222">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="223"><div class="preview-image-box" data-reactid="224"><div class="preview-image-wrapper" data-reactid="225"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/EvxgOJzHiQAxpuRaEhbH.png" data-reactid="226"/></div><div class="preview-image-title" data-reactid="227"></div><div class="preview-image-description" data-reactid="228"></div><!-- react-empty: 229 --></div></div><p data-reactid="230"><!-- react-text: 231 -->单选按钮允许用户从多个选项中选择一个选项。Radio 所有选项默认可见，方便用户在比较中选择，因此选项不宜过多。<!-- /react-text --></p><blockquote data-reactid="232"><p data-reactid="233"><!-- react-text: 234 -->注：单选框（Radio Button）一定多于 2 个，一般少于 5 个。<!-- /react-text --></p></blockquote><h3 id="复选框（Checkbox）" data-reactid="235"><span data-reactid="236"><!-- react-text: 237 -->复选框（Checkbox）<!-- /react-text --></span><a href="#复选框（Checkbox）" class="anchor" data-reactid="238">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="239"><div class="preview-image-box" data-reactid="240"><div class="preview-image-wrapper" data-reactid="241"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/duKUrQDKiyPnYaWtvkQK.png" data-reactid="242"/></div><div class="preview-image-title" data-reactid="243"></div><div class="preview-image-description" data-reactid="244"></div><!-- react-empty: 245 --></div></div><p data-reactid="246"><!-- react-text: 247 -->复选框用于在一组可选项中进行多项选择时。<!-- /react-text --></p><blockquote data-reactid="248"><p data-reactid="249"><!-- react-text: 250 -->注：<!-- /react-text --></p><ol data-reactid="251"><li data-reactid="252"><p data-reactid="253"><!-- react-text: 254 -->复选框（Checkbox）一般用于状态标记，需要和提交操作配合；<!-- /react-text --></p></li><li data-reactid="255"><p data-reactid="256"><!-- react-text: 257 -->单个复选框可以表示两种状态之间的切换。<!-- /react-text --></p></li></ol></blockquote><h3 id="开关（Switch）" data-reactid="258"><span data-reactid="259"><!-- react-text: 260 -->开关（Switch）<!-- /react-text --></span><a href="#开关（Switch）" class="anchor" data-reactid="261">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="262"><div class="preview-image-box" data-reactid="263"><div class="preview-image-wrapper" data-reactid="264"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/aIdIORGzFNjqMwrmiguZ.png" data-reactid="265"/></div><div class="preview-image-title" data-reactid="266"></div><div class="preview-image-description" data-reactid="267"></div><!-- react-empty: 268 --></div></div><p data-reactid="269"><!-- react-text: 270 -->用于切换单个选项的状态。『开关』的内联标签应该显示清楚，例如：禁用/启用，不允许/允许等。<!-- /react-text --></p><p data-reactid="271"><br data-reactid="272"/></p><div class="preview-image-boxes clearfix" data-reactid="273"><div class="preview-image-box" style="width:50%;" data-reactid="274"><div class="preview-image-wrapper good" data-reactid="275"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/qoqGjsZYATDiXiWEjNIK.png" alt="正确示范" data-reactid="276"/></div><div class="preview-image-title" data-reactid="277">正确示范</div><div class="preview-image-description" data-reactid="278"></div><!-- react-empty: 279 --></div><div class="preview-image-box" style="width:50%;" data-reactid="280"><div class="preview-image-wrapper bad" data-reactid="281"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/ZcWvStIELApkpnkDOWDG.png" alt="错误示范" data-reactid="282"/></div><div class="preview-image-title" data-reactid="283">错误示范</div><div class="preview-image-description" data-reactid="284">切换『开关』结果会立即生效，无需与操作按钮搭配使用。</div><!-- react-empty: 285 --></div></div><blockquote data-reactid="286"><p data-reactid="287"><!-- react-text: 288 -->注：当用户切换『开关』按钮将直接触发状态改变。<!-- /react-text --></p></blockquote><h3 id="选择列表（Dropdown）" data-reactid="289"><span data-reactid="290"><!-- react-text: 291 -->选择列表（Dropdown）<!-- /react-text --></span><a href="#选择列表（Dropdown）" class="anchor" data-reactid="292">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="293"><div class="preview-image-box" data-reactid="294"><div class="preview-image-wrapper" data-reactid="295"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/iGSmUHkADwVyhuTOBkpJ.png" data-reactid="296"/></div><div class="preview-image-title" data-reactid="297"></div><div class="preview-image-description" data-reactid="298"></div><!-- react-empty: 299 --></div></div><p data-reactid="300"><!-- react-text: 301 -->选择列表（通常称为下拉菜单）允许用户从列表中选择一个选项或多个选项，为用户在选项的数量上提供了更多的灵活性。<!-- /react-text --></p><blockquote data-reactid="302"><p data-reactid="303"><!-- react-text: 304 -->注：<!-- /react-text --></p><ol data-reactid="305"><li data-reactid="306"><p data-reactid="307"><!-- react-text: 308 -->当选项多于 5 项时使用；<!-- /react-text --></p></li><li data-reactid="309"><p data-reactid="310"><!-- react-text: 311 -->列表选项按照逻辑排序，并尽量让内容显示完整。<!-- /react-text --></p></li></ol></blockquote><h3 id="滑块选择（Slider）" data-reactid="312"><span data-reactid="313"><!-- react-text: 314 -->滑块选择（Slider）<!-- /react-text --></span><a href="#滑块选择（Slider）" class="anchor" data-reactid="315">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="316"><div class="preview-image-box" data-reactid="317"><div class="preview-image-wrapper" data-reactid="318"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/JJZycUHtpopKCMxXyQpx.png" data-reactid="319"/></div><div class="preview-image-title" data-reactid="320"></div><div class="preview-image-description" data-reactid="321"></div><!-- react-empty: 322 --></div></div><p data-reactid="323"><!-- react-text: 324 -->滑块选择可以在连续或间断的区间内，通过滑动锚点来选择一个合适的数值。这种交互特性使得它在设置诸如音量，亮度，色彩饱和度等需要反映强度等级的选项时是一种极好的选择。<!-- /react-text --></p><p data-reactid="325"><br data-reactid="326"/></p><div class="preview-image-boxes clearfix" data-reactid="327"><div class="preview-image-box" data-reactid="328"><div class="preview-image-wrapper" data-reactid="329"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/hWhUUUzikHarZSBhefDI.png" data-reactid="330"/></div><div class="preview-image-title" data-reactid="331"></div><div class="preview-image-description" data-reactid="332"></div><!-- react-empty: 333 --></div></div><blockquote data-reactid="334"><p data-reactid="335"><!-- react-text: 336 -->注：在不要求精准数值的场景下用户使用『连续滑块』可得到更灵活便捷的操作；在用户需要精确数值时，可与『数字输入框』搭配使用。<!-- /react-text --></p></blockquote><h3 id="穿梭框（Transfer）" data-reactid="337"><span data-reactid="338"><!-- react-text: 339 -->穿梭框（Transfer）<!-- /react-text --></span><a href="#穿梭框（Transfer）" class="anchor" data-reactid="340">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="341"><div class="preview-image-box" data-reactid="342"><div class="preview-image-wrapper" data-reactid="343"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/VpfyicZPlNugqEjQKSDf.png" data-reactid="344"/></div><div class="preview-image-title" data-reactid="345"></div><div class="preview-image-description" data-reactid="346"></div><!-- react-empty: 347 --></div></div><p data-reactid="348"><!-- react-text: 349 -->穿梭框用直观的方式在两栏中移动元素，完成选择行为。<!-- /react-text --></p><h3 id="日期选择器（DatePicker）" data-reactid="350"><span data-reactid="351"><!-- react-text: 352 -->日期选择器（DatePicker）<!-- /react-text --></span><a href="#日期选择器（DatePicker）" class="anchor" data-reactid="353">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="354"><div class="preview-image-box" data-reactid="355"><div class="preview-image-wrapper" data-reactid="356"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/gaaLemRmjgNpcnlthmkr.png" data-reactid="357"/></div><div class="preview-image-title" data-reactid="358"></div><div class="preview-image-description" data-reactid="359"></div><!-- react-empty: 360 --></div></div><p data-reactid="361"><!-- react-text: 362 -->日期选择器为用户提供了一种可视化的方式去浏览和选择一个日期或者日期范围。<!-- /react-text --></p><hr data-reactid="363"/><h2 id="文件上传（Upload）" data-reactid="364"><span data-reactid="365"><!-- react-text: 366 -->文件上传（Upload）<!-- /react-text --></span><a href="#文件上传（Upload）" class="anchor" data-reactid="367">#</a></h2><p data-reactid="368"><!-- react-text: 369 -->上传是将本地的相应信息(包含本地和云储存)通过网页或者上传工具发布到远程服务器上的过程。<!-- /react-text --></p><h3 id="简单点击上传" data-reactid="370"><span data-reactid="371"><!-- react-text: 372 -->简单点击上传<!-- /react-text --></span><a href="#简单点击上传" class="anchor" data-reactid="373">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="374"><div class="preview-image-box" data-reactid="375"><div class="preview-image-wrapper" data-reactid="376"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/aqMzAypQRBkmWfMOpOCE.png" data-reactid="377"/></div><div class="preview-image-title" data-reactid="378"></div><div class="preview-image-description" data-reactid="379"></div><!-- react-empty: 380 --></div></div><p data-reactid="381"><!-- react-text: 382 -->一般用于单个上传且不需要预览效果的文件上传，点击按钮弹出文件选择框。<!-- /react-text --></p><h3 id="显示缩略图上传" data-reactid="383"><span data-reactid="384"><!-- react-text: 385 -->显示缩略图上传<!-- /react-text --></span><a href="#显示缩略图上传" class="anchor" data-reactid="386">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="387"><div class="preview-image-box" data-reactid="388"><div class="preview-image-wrapper" data-reactid="389"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/oUsyeTsjadJfieTspgVq.png" data-reactid="390"/></div><div class="preview-image-title" data-reactid="391"></div><div class="preview-image-description" data-reactid="392"></div><!-- react-empty: 393 --></div></div><p data-reactid="394"><!-- react-text: 395 -->一般用于图片文件上传，用户可以上传图片并在列表中显示缩略图。当上传照片数到达限制后，上传按钮消失。<!-- /react-text --></p><h3 id="拖拽上传" data-reactid="396"><span data-reactid="397"><!-- react-text: 398 -->拖拽上传<!-- /react-text --></span><a href="#拖拽上传" class="anchor" data-reactid="399">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="400"><div class="preview-image-box" data-reactid="401"><div class="preview-image-wrapper" data-reactid="402"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/euEBewdgKmhThFWrWHIm.png" data-reactid="403"/></div><div class="preview-image-title" data-reactid="404"></div><div class="preview-image-description" data-reactid="405"></div><!-- react-empty: 406 --></div></div><p data-reactid="407"><!-- react-text: 408 -->把文件拖入指定区域，完成上传，同样支持点击上传。<!-- /react-text --></p><blockquote data-reactid="409"><p data-reactid="410"><!-- react-text: 411 -->注：文件上传需要提供明确的文件大小和文件格式，例如：请选择大小不超过 5M 的文本文件（支持 PDF.ZIP.EXL），上传时需要有明确的进度提示。<!-- /react-text --></p></blockquote></section></article></div></div><div class="ant-row" data-reactid="412"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="413"><section class="prev-next-nav" data-reactid="414"><a class="prev-page" href="/docs/spec/navigation-cn" data-reactid="415">导航</a><a class="next-page" href="/docs/spec/data-display-cn" data-reactid="416">数据展示</a></section></div></div></div><footer id="footer" data-reactid="417"><ul data-reactid="418"><li data-reactid="419"><h2 data-reactid="420"><i class="anticon anticon-github" data-reactid="421"></i><!-- react-text: 422 --> GitHub<!-- /react-text --></h2><div data-reactid="423"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="424"><span data-reactid="425">源码仓库</span></a></div><div data-reactid="426"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="427"><span data-reactid="428">定制主题</span></a></div><div data-reactid="429"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="430"><span data-reactid="431">Awesome Ant Design</span></a></div></li><li data-reactid="432"><h2 data-reactid="433"><i class="anticon anticon-link" data-reactid="434"></i><!-- react-text: 435 --> <!-- /react-text --><span data-reactid="436">相关站点</span></h2><div data-reactid="437"><a href="https://design.alipay.com/" data-reactid="438"><span data-reactid="439">蚂蚁金服设计平台</span></a></div><div data-reactid="440"><a href="http://mobile.ant.design" data-reactid="441">Ant Design Mobile</a><span data-reactid="442"> - </span><span data-reactid="443">移动版</span></div><div data-reactid="444"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="445">dva</a><!-- react-text: 446 --> - <!-- /react-text --><span data-reactid="447">应用框架</span></div><div data-reactid="448"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="449">dva-cli</a><!-- react-text: 450 --> -<!-- /react-text --><span data-reactid="451">开发工具</span></div><div data-reactid="452"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="453">Egg</a><span data-reactid="454"> - </span><span data-reactid="455">企业级 Node 开发框架</span></div><div data-reactid="456"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="457">AntV</a><span data-reactid="458"> - </span><span data-reactid="459">数据可视化</span></div><div data-reactid="460"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="461">Ant Motion</a><span data-reactid="462"> - </span><span data-reactid="463">设计动效</span></div><div data-reactid="464"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="465">AntD Library</a><span data-reactid="466"> - </span><span data-reactid="467">Axure 部件库</span></div><div data-reactid="468"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="469">Ant UX</a><span data-reactid="470"> - </span><span data-reactid="471">页面逻辑素材</span></div></li><li data-reactid="472"><h2 data-reactid="473"><i class="anticon anticon-customer-service" data-reactid="474"></i><!-- react-text: 475 --> <!-- /react-text --><span data-reactid="476">社区</span></h2><div data-reactid="477"><a href="/changelog" data-reactid="478"><span data-reactid="479">更新记录</span></a></div><div data-reactid="480"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="481"><span data-reactid="482">常见问题</span></a></div><div data-reactid="483"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="484"><span data-reactid="485">在线讨论 (中文)</span></a></div><div data-reactid="486"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="487"><span data-reactid="488">在线讨论 (English)</span></a></div><div data-reactid="489"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="490"><span data-reactid="491">报告 Bug</span></a></div><div data-reactid="492"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="493"><span data-reactid="494">讨论列表</span></a></div><div data-reactid="495"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="496"><span data-reactid="497">StackOverflow</span></a></div><div data-reactid="498"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="499"><span data-reactid="500">SegmentFault</span></a></div></li><li data-reactid="501"><h2 data-reactid="502"><!-- react-text: 503 -->Copyright © <!-- /react-text --><!-- react-text: 504 -->2017<!-- /react-text --></h2><div data-reactid="505"><span data-reactid="506">蚂蚁金服体验技术部出品</span></div><div data-reactid="507"><!-- react-text: 508 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="509">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->数据录入<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/data-entry.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->数据录入是获取对象信息的重要交互方式，用户会频繁的增加、修改或删除信息。多种多样的文本录入和选择录入方式帮助用户更加清晰和高效的完成这项体验。设计者应当注意这几点：<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->为初级用户／偶尔访问的用户提供简单易懂的文案作为『标签（Label） 』；为领域专家提供专业术语作为『标签（Label） 』。当需要用户提供敏感信息时，通过『暗提示』来说明系统为什么要这么做，例如：需要获取身份证号码、手机号码时；<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->让用户能在上下文中获取信息，帮助他完成输入。使用『良好的默认值』、『结构化的格式』、『暗提示』、『输入提醒』等方式，避免让用户在空白中猜测输入。<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="120"><ul data-reactid="121"><li data-reactid="122"><a class="bisheng-toc-h2" href="#文本录入" title="文本录入" data-reactid="123"><!-- react-text: 124 -->文本录入<!-- /react-text --></a></li><li data-reactid="125"><a class="bisheng-toc-h2" href="#选择录入" title="选择录入" data-reactid="126"><!-- react-text: 127 -->选择录入<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#文件上传（Upload）" title="文件上传（Upload）" data-reactid="129"><!-- react-text: 130 -->文件上传（Upload）<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="131"><h2 id="文本录入" data-reactid="132"><span data-reactid="133"><!-- react-text: 134 -->文本录入<!-- /react-text --></span><a href="#文本录入" class="anchor" data-reactid="135">#</a></h2><p data-reactid="136"><!-- react-text: 137 -->输入框为用户提供了编辑文本的控件，是录入数据最基础和常见的方式。<!-- /react-text --></p><h3 id="文本框（Input）" data-reactid="138"><span data-reactid="139"><!-- react-text: 140 -->文本框（Input）<!-- /react-text --></span><a href="#文本框（Input）" class="anchor" data-reactid="141">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="142"><div class="preview-image-box" data-reactid="143"><div class="preview-image-wrapper" data-reactid="144"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/BPMNkGkHFqbBCRMUdfRh.png" data-reactid="145"/></div><div class="preview-image-title" data-reactid="146"></div><div class="preview-image-description" data-reactid="147"></div><!-- react-empty: 148 --></div></div><p data-reactid="149"><!-- react-text: 150 -->输入较少的字符总数，使用单行的输入形式。<!-- /react-text --></p><blockquote data-reactid="151"><p data-reactid="152"><!-- react-text: 153 -->注：可以对一些文本（如数字和网址）运用特别的样式。详见 <!-- /react-text --><a href="/components/input-cn/" data-reactid="154">输入框（Input）</a><!-- react-text: 155 -->。<!-- /react-text --></p></blockquote><h3 id="文本域（Textarea）" data-reactid="156"><span data-reactid="157"><!-- react-text: 158 -->文本域（Textarea）<!-- /react-text --></span><a href="#文本域（Textarea）" class="anchor" data-reactid="159">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="160"><div class="preview-image-box" data-reactid="161"><div class="preview-image-wrapper" data-reactid="162"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/QVRSSdYrWjthpCOupqON.png" data-reactid="163"/></div><div class="preview-image-title" data-reactid="164"></div><div class="preview-image-description" data-reactid="165"></div><!-- react-empty: 166 --></div></div><p data-reactid="167"><!-- react-text: 168 -->录入长篇幅的单一的文本使用多行的文本区域。<!-- /react-text --></p><h3 id="提示与帮助" data-reactid="169"><span data-reactid="170"><!-- react-text: 171 -->提示与帮助<!-- /react-text --></span><a href="#提示与帮助" class="anchor" data-reactid="172">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="173"><div class="preview-image-box" data-reactid="174"><div class="preview-image-wrapper" data-reactid="175"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/KSWwgpyjPkbwclNvbvvR.png" alt="基本样式" data-reactid="176"/></div><div class="preview-image-title" data-reactid="177">基本样式</div><div class="preview-image-description" data-reactid="178"></div><!-- react-empty: 179 --></div></div><p data-reactid="180"><!-- react-text: 181 -->为提升数据录入效率，通常可以在输入框内增加暗提示以帮助提醒用户。<!-- /react-text --></p><blockquote data-reactid="182"><p data-reactid="183"><!-- react-text: 184 -->注：输入框通常与标签（label）搭配使用，标签（label）默认放于输入区域的左侧，当文案过长或英文环境下也可放于在上方，但同个系统中需保持统一。<!-- /react-text --></p></blockquote><div class="preview-image-boxes clearfix" data-reactid="185"><div class="preview-image-box" data-reactid="186"><div class="preview-image-wrapper" data-reactid="187"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/RtFCPKSMfRlgISbMJJRy.png" data-reactid="188"/></div><div class="preview-image-title" data-reactid="189"></div><div class="preview-image-description" data-reactid="190">当说明文案较长时，你可以使用一个『信息』图标或者提示工具。</div><!-- react-empty: 191 --></div></div><div class="preview-image-boxes clearfix" data-reactid="192"><div class="preview-image-box" data-reactid="193"><div class="preview-image-wrapper" data-reactid="194"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/rElfIRpcmLsCTFzZDINy.png" data-reactid="195"/></div><div class="preview-image-title" data-reactid="196"></div><div class="preview-image-description" data-reactid="197">对于那些短的输入提醒（短于一句），你可以将其放置在输入框的下方。</div><!-- react-empty: 198 --></div></div><h3 id="搜索（Search）" data-reactid="199"><span data-reactid="200"><!-- react-text: 201 -->搜索（Search）<!-- /react-text --></span><a href="#搜索（Search）" class="anchor" data-reactid="202">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="203"><div class="preview-image-box" data-reactid="204"><div class="preview-image-wrapper" data-reactid="205"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/ycPmRlbZtsoYAibbwMCZ.png" data-reactid="206"/></div><div class="preview-image-title" data-reactid="207"></div><div class="preview-image-description" data-reactid="208"></div><!-- react-empty: 209 --></div></div><p data-reactid="210"><!-- react-text: 211 -->搜索可以让用户在巨大的信息池中缩小目标范围，并快速获取需要的信息。<!-- /react-text --></p><hr data-reactid="212"/><h2 id="选择录入" data-reactid="213"><span data-reactid="214"><!-- react-text: 215 -->选择录入<!-- /react-text --></span><a href="#选择录入" class="anchor" data-reactid="216">#</a></h2><p data-reactid="217"><!-- react-text: 218 -->让用户在一个预定的范围中进行选择。<!-- /react-text --></p><h4 id="单选框（Radio-Button）" data-reactid="219"><span data-reactid="220"><!-- react-text: 221 -->单选框（Radio Button）<!-- /react-text --></span><a href="#单选框（Radio-Button）" class="anchor" data-reactid="222">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="223"><div class="preview-image-box" data-reactid="224"><div class="preview-image-wrapper" data-reactid="225"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/EvxgOJzHiQAxpuRaEhbH.png" data-reactid="226"/></div><div class="preview-image-title" data-reactid="227"></div><div class="preview-image-description" data-reactid="228"></div><!-- react-empty: 229 --></div></div><p data-reactid="230"><!-- react-text: 231 -->单选按钮允许用户从多个选项中选择一个选项。Radio 所有选项默认可见，方便用户在比较中选择，因此选项不宜过多。<!-- /react-text --></p><blockquote data-reactid="232"><p data-reactid="233"><!-- react-text: 234 -->注：单选框（Radio Button）一定多于 2 个，一般少于 5 个。<!-- /react-text --></p></blockquote><h3 id="复选框（Checkbox）" data-reactid="235"><span data-reactid="236"><!-- react-text: 237 -->复选框（Checkbox）<!-- /react-text --></span><a href="#复选框（Checkbox）" class="anchor" data-reactid="238">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="239"><div class="preview-image-box" data-reactid="240"><div class="preview-image-wrapper" data-reactid="241"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/duKUrQDKiyPnYaWtvkQK.png" data-reactid="242"/></div><div class="preview-image-title" data-reactid="243"></div><div class="preview-image-description" data-reactid="244"></div><!-- react-empty: 245 --></div></div><p data-reactid="246"><!-- react-text: 247 -->复选框用于在一组可选项中进行多项选择时。<!-- /react-text --></p><blockquote data-reactid="248"><p data-reactid="249"><!-- react-text: 250 -->注：<!-- /react-text --></p><ol data-reactid="251"><li data-reactid="252"><p data-reactid="253"><!-- react-text: 254 -->复选框（Checkbox）一般用于状态标记，需要和提交操作配合；<!-- /react-text --></p></li><li data-reactid="255"><p data-reactid="256"><!-- react-text: 257 -->单个复选框可以表示两种状态之间的切换。<!-- /react-text --></p></li></ol></blockquote><h3 id="开关（Switch）" data-reactid="258"><span data-reactid="259"><!-- react-text: 260 -->开关（Switch）<!-- /react-text --></span><a href="#开关（Switch）" class="anchor" data-reactid="261">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="262"><div class="preview-image-box" data-reactid="263"><div class="preview-image-wrapper" data-reactid="264"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/aIdIORGzFNjqMwrmiguZ.png" data-reactid="265"/></div><div class="preview-image-title" data-reactid="266"></div><div class="preview-image-description" data-reactid="267"></div><!-- react-empty: 268 --></div></div><p data-reactid="269"><!-- react-text: 270 -->用于切换单个选项的状态。『开关』的内联标签应该显示清楚，例如：禁用/启用，不允许/允许等。<!-- /react-text --></p><p data-reactid="271"><br data-reactid="272"/></p><div class="preview-image-boxes clearfix" data-reactid="273"><div class="preview-image-box" style="width:50%;" data-reactid="274"><div class="preview-image-wrapper good" data-reactid="275"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/qoqGjsZYATDiXiWEjNIK.png" alt="正确示范" data-reactid="276"/></div><div class="preview-image-title" data-reactid="277">正确示范</div><div class="preview-image-description" data-reactid="278"></div><!-- react-empty: 279 --></div><div class="preview-image-box" style="width:50%;" data-reactid="280"><div class="preview-image-wrapper bad" data-reactid="281"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/ZcWvStIELApkpnkDOWDG.png" alt="错误示范" data-reactid="282"/></div><div class="preview-image-title" data-reactid="283">错误示范</div><div class="preview-image-description" data-reactid="284">切换『开关』结果会立即生效，无需与操作按钮搭配使用。</div><!-- react-empty: 285 --></div></div><blockquote data-reactid="286"><p data-reactid="287"><!-- react-text: 288 -->注：当用户切换『开关』按钮将直接触发状态改变。<!-- /react-text --></p></blockquote><h3 id="选择列表（Dropdown）" data-reactid="289"><span data-reactid="290"><!-- react-text: 291 -->选择列表（Dropdown）<!-- /react-text --></span><a href="#选择列表（Dropdown）" class="anchor" data-reactid="292">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="293"><div class="preview-image-box" data-reactid="294"><div class="preview-image-wrapper" data-reactid="295"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/iGSmUHkADwVyhuTOBkpJ.png" data-reactid="296"/></div><div class="preview-image-title" data-reactid="297"></div><div class="preview-image-description" data-reactid="298"></div><!-- react-empty: 299 --></div></div><p data-reactid="300"><!-- react-text: 301 -->选择列表（通常称为下拉菜单）允许用户从列表中选择一个选项或多个选项，为用户在选项的数量上提供了更多的灵活性。<!-- /react-text --></p><blockquote data-reactid="302"><p data-reactid="303"><!-- react-text: 304 -->注：<!-- /react-text --></p><ol data-reactid="305"><li data-reactid="306"><p data-reactid="307"><!-- react-text: 308 -->当选项多于 5 项时使用；<!-- /react-text --></p></li><li data-reactid="309"><p data-reactid="310"><!-- react-text: 311 -->列表选项按照逻辑排序，并尽量让内容显示完整。<!-- /react-text --></p></li></ol></blockquote><h3 id="滑块选择（Slider）" data-reactid="312"><span data-reactid="313"><!-- react-text: 314 -->滑块选择（Slider）<!-- /react-text --></span><a href="#滑块选择（Slider）" class="anchor" data-reactid="315">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="316"><div class="preview-image-box" data-reactid="317"><div class="preview-image-wrapper" data-reactid="318"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/JJZycUHtpopKCMxXyQpx.png" data-reactid="319"/></div><div class="preview-image-title" data-reactid="320"></div><div class="preview-image-description" data-reactid="321"></div><!-- react-empty: 322 --></div></div><p data-reactid="323"><!-- react-text: 324 -->滑块选择可以在连续或间断的区间内，通过滑动锚点来选择一个合适的数值。这种交互特性使得它在设置诸如音量，亮度，色彩饱和度等需要反映强度等级的选项时是一种极好的选择。<!-- /react-text --></p><p data-reactid="325"><br data-reactid="326"/></p><div class="preview-image-boxes clearfix" data-reactid="327"><div class="preview-image-box" data-reactid="328"><div class="preview-image-wrapper" data-reactid="329"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/hWhUUUzikHarZSBhefDI.png" data-reactid="330"/></div><div class="preview-image-title" data-reactid="331"></div><div class="preview-image-description" data-reactid="332"></div><!-- react-empty: 333 --></div></div><blockquote data-reactid="334"><p data-reactid="335"><!-- react-text: 336 -->注：在不要求精准数值的场景下用户使用『连续滑块』可得到更灵活便捷的操作；在用户需要精确数值时，可与『数字输入框』搭配使用。<!-- /react-text --></p></blockquote><h3 id="穿梭框（Transfer）" data-reactid="337"><span data-reactid="338"><!-- react-text: 339 -->穿梭框（Transfer）<!-- /react-text --></span><a href="#穿梭框（Transfer）" class="anchor" data-reactid="340">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="341"><div class="preview-image-box" data-reactid="342"><div class="preview-image-wrapper" data-reactid="343"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/VpfyicZPlNugqEjQKSDf.png" data-reactid="344"/></div><div class="preview-image-title" data-reactid="345"></div><div class="preview-image-description" data-reactid="346"></div><!-- react-empty: 347 --></div></div><p data-reactid="348"><!-- react-text: 349 -->穿梭框用直观的方式在两栏中移动元素，完成选择行为。<!-- /react-text --></p><h3 id="日期选择器（DatePicker）" data-reactid="350"><span data-reactid="351"><!-- react-text: 352 -->日期选择器（DatePicker）<!-- /react-text --></span><a href="#日期选择器（DatePicker）" class="anchor" data-reactid="353">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="354"><div class="preview-image-box" data-reactid="355"><div class="preview-image-wrapper" data-reactid="356"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/gaaLemRmjgNpcnlthmkr.png" data-reactid="357"/></div><div class="preview-image-title" data-reactid="358"></div><div class="preview-image-description" data-reactid="359"></div><!-- react-empty: 360 --></div></div><p data-reactid="361"><!-- react-text: 362 -->日期选择器为用户提供了一种可视化的方式去浏览和选择一个日期或者日期范围。<!-- /react-text --></p><hr data-reactid="363"/><h2 id="文件上传（Upload）" data-reactid="364"><span data-reactid="365"><!-- react-text: 366 -->文件上传（Upload）<!-- /react-text --></span><a href="#文件上传（Upload）" class="anchor" data-reactid="367">#</a></h2><p data-reactid="368"><!-- react-text: 369 -->上传是将本地的相应信息(包含本地和云储存)通过网页或者上传工具发布到远程服务器上的过程。<!-- /react-text --></p><h3 id="简单点击上传" data-reactid="370"><span data-reactid="371"><!-- react-text: 372 -->简单点击上传<!-- /react-text --></span><a href="#简单点击上传" class="anchor" data-reactid="373">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="374"><div class="preview-image-box" data-reactid="375"><div class="preview-image-wrapper" data-reactid="376"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/aqMzAypQRBkmWfMOpOCE.png" data-reactid="377"/></div><div class="preview-image-title" data-reactid="378"></div><div class="preview-image-description" data-reactid="379"></div><!-- react-empty: 380 --></div></div><p data-reactid="381"><!-- react-text: 382 -->一般用于单个上传且不需要预览效果的文件上传，点击按钮弹出文件选择框。<!-- /react-text --></p><h3 id="显示缩略图上传" data-reactid="383"><span data-reactid="384"><!-- react-text: 385 -->显示缩略图上传<!-- /react-text --></span><a href="#显示缩略图上传" class="anchor" data-reactid="386">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="387"><div class="preview-image-box" data-reactid="388"><div class="preview-image-wrapper" data-reactid="389"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/oUsyeTsjadJfieTspgVq.png" data-reactid="390"/></div><div class="preview-image-title" data-reactid="391"></div><div class="preview-image-description" data-reactid="392"></div><!-- react-empty: 393 --></div></div><p data-reactid="394"><!-- react-text: 395 -->一般用于图片文件上传，用户可以上传图片并在列表中显示缩略图。当上传照片数到达限制后，上传按钮消失。<!-- /react-text --></p><h3 id="拖拽上传" data-reactid="396"><span data-reactid="397"><!-- react-text: 398 -->拖拽上传<!-- /react-text --></span><a href="#拖拽上传" class="anchor" data-reactid="399">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="400"><div class="preview-image-box" data-reactid="401"><div class="preview-image-wrapper" data-reactid="402"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/euEBewdgKmhThFWrWHIm.png" data-reactid="403"/></div><div class="preview-image-title" data-reactid="404"></div><div class="preview-image-description" data-reactid="405"></div><!-- react-empty: 406 --></div></div><p data-reactid="407"><!-- react-text: 408 -->把文件拖入指定区域，完成上传，同样支持点击上传。<!-- /react-text --></p><blockquote data-reactid="409"><p data-reactid="410"><!-- react-text: 411 -->注：文件上传需要提供明确的文件大小和文件格式，例如：请选择大小不超过 5M 的文本文件（支持 PDF.ZIP.EXL），上传时需要有明确的进度提示。<!-- /react-text --></p></blockquote></section></article></div></div><div class="ant-row" data-reactid="412"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="413"><section class="prev-next-nav" data-reactid="414"><a class="prev-page" href="/docs/spec/navigation-cn" data-reactid="415">导航</a><a class="next-page" href="/docs/spec/data-display-cn" data-reactid="416">数据展示</a></section></div></div></div><footer id="footer" data-reactid="417"><ul data-reactid="418"><li data-reactid="419"><h2 data-reactid="420"><i class="anticon anticon-github" data-reactid="421"></i><!-- react-text: 422 --> GitHub<!-- /react-text --></h2><div data-reactid="423"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="424"><span data-reactid="425">源码仓库</span></a></div><div data-reactid="426"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="427"><span data-reactid="428">定制主题</span></a></div><div data-reactid="429"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="430"><span data-reactid="431">Awesome Ant Design</span></a></div></li><li data-reactid="432"><h2 data-reactid="433"><i class="anticon anticon-link" data-reactid="434"></i><!-- react-text: 435 --> <!-- /react-text --><span data-reactid="436">相关站点</span></h2><div data-reactid="437"><a href="https://design.alipay.com/" data-reactid="438"><span data-reactid="439">蚂蚁金服设计平台</span></a></div><div data-reactid="440"><a href="http://mobile.ant.design" data-reactid="441">Ant Design Mobile</a><span data-reactid="442"> - </span><span data-reactid="443">移动版</span></div><div data-reactid="444"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="445">dva</a><!-- react-text: 446 --> - <!-- /react-text --><span data-reactid="447">应用框架</span></div><div data-reactid="448"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="449">dva-cli</a><!-- react-text: 450 --> -<!-- /react-text --><span data-reactid="451">开发工具</span></div><div data-reactid="452"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="453">Egg</a><span data-reactid="454"> - </span><span data-reactid="455">企业级 Node 开发框架</span></div><div data-reactid="456"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="457">AntV</a><span data-reactid="458"> - </span><span data-reactid="459">数据可视化</span></div><div data-reactid="460"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="461">Ant Motion</a><span data-reactid="462"> - </span><span data-reactid="463">设计动效</span></div><div data-reactid="464"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="465">AntD Library</a><span data-reactid="466"> - </span><span data-reactid="467">Axure 部件库</span></div><div data-reactid="468"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="469">Ant UX</a><span data-reactid="470"> - </span><span data-reactid="471">页面逻辑素材</span></div></li><li data-reactid="472"><h2 data-reactid="473"><i class="anticon anticon-customer-service" data-reactid="474"></i><!-- react-text: 475 --> <!-- /react-text --><span data-reactid="476">社区</span></h2><div data-reactid="477"><a href="/changelog" data-reactid="478"><span data-reactid="479">更新记录</span></a></div><div data-reactid="480"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="481"><span data-reactid="482">常见问题</span></a></div><div data-reactid="483"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="484"><span data-reactid="485">在线讨论 (中文)</span></a></div><div data-reactid="486"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="487"><span data-reactid="488">在线讨论 (English)</span></a></div><div data-reactid="489"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="490"><span data-reactid="491">报告 Bug</span></a></div><div data-reactid="492"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="493"><span data-reactid="494">讨论列表</span></a></div><div data-reactid="495"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="496"><span data-reactid="497">StackOverflow</span></a></div><div data-reactid="498"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="499"><span data-reactid="500">SegmentFault</span></a></div></li><li data-reactid="501"><h2 data-reactid="502"><!-- react-text: 503 -->Copyright © <!-- /react-text --><!-- react-text: 504 -->2017<!-- /react-text --></h2><div data-reactid="505"><span data-reactid="506">蚂蚁金服体验技术部出品</span></div><div data-reactid="507"><!-- react-text: 508 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="509">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/data-entry.html b/docs/spec/data-entry.html
index ab3af0bf3..7a7c1afc2 100644
--- a/docs/spec/data-entry.html
+++ b/docs/spec/data-entry.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1354997424"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-572497582"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/lightweight" data-reactid="72">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/stay" data-reactid="74">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Data Entry<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/data-entry.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->数据录入是获取对象信息的重要交互方式，用户会频繁的增加、修改或删除信息。多种多样的文本录入和选择录入方式帮助用户更加清晰和高效的完成这项体验。设计者应当注意这几点：<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->为初级用户／偶尔访问的用户提供简单易懂的文案作为『标签（Label） 』；为领域专家提供专业术语作为『标签（Label） 』。当需要用户提供敏感信息时，通过『暗提示』来说明系统为什么要这么做，例如：需要获取身份证号码、手机号码时；<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->让用户能在上下文中获取信息，帮助他完成输入。使用『良好的默认值』、『结构化的格式』、『暗提示』、『输入提醒』等方式，避免让用户在空白中猜测输入。<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="120"><ul data-reactid="121"><li data-reactid="122"><a class="bisheng-toc-h2" href="#文本录入" title="文本录入" data-reactid="123"><!-- react-text: 124 -->文本录入<!-- /react-text --></a></li><li data-reactid="125"><a class="bisheng-toc-h2" href="#选择录入" title="选择录入" data-reactid="126"><!-- react-text: 127 -->选择录入<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#文件上传（Upload）" title="文件上传（Upload）" data-reactid="129"><!-- react-text: 130 -->文件上传（Upload）<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="131"><h2 id="文本录入" data-reactid="132"><span data-reactid="133"><!-- react-text: 134 -->文本录入<!-- /react-text --></span><a href="#文本录入" class="anchor" data-reactid="135">#</a></h2><p data-reactid="136"><!-- react-text: 137 -->输入框为用户提供了编辑文本的控件，是录入数据最基础和常见的方式。<!-- /react-text --></p><h3 id="文本框（Input）" data-reactid="138"><span data-reactid="139"><!-- react-text: 140 -->文本框（Input）<!-- /react-text --></span><a href="#文本框（Input）" class="anchor" data-reactid="141">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="142"><div class="preview-image-box" data-reactid="143"><div class="preview-image-wrapper" data-reactid="144"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/BPMNkGkHFqbBCRMUdfRh.png" data-reactid="145"/></div><div class="preview-image-title" data-reactid="146"></div><div class="preview-image-description" data-reactid="147"></div><!-- react-empty: 148 --></div></div><p data-reactid="149"><!-- react-text: 150 -->输入较少的字符总数，使用单行的输入形式。<!-- /react-text --></p><blockquote data-reactid="151"><p data-reactid="152"><!-- react-text: 153 -->注：可以对一些文本（如数字和网址）运用特别的样式。详见 <!-- /react-text --><a href="/components/input/" data-reactid="154">输入框（Input）</a><!-- react-text: 155 -->。<!-- /react-text --></p></blockquote><h3 id="文本域（Textarea）" data-reactid="156"><span data-reactid="157"><!-- react-text: 158 -->文本域（Textarea）<!-- /react-text --></span><a href="#文本域（Textarea）" class="anchor" data-reactid="159">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="160"><div class="preview-image-box" data-reactid="161"><div class="preview-image-wrapper" data-reactid="162"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/QVRSSdYrWjthpCOupqON.png" data-reactid="163"/></div><div class="preview-image-title" data-reactid="164"></div><div class="preview-image-description" data-reactid="165"></div><!-- react-empty: 166 --></div></div><p data-reactid="167"><!-- react-text: 168 -->录入长篇幅的单一的文本使用多行的文本区域。<!-- /react-text --></p><h3 id="提示与帮助" data-reactid="169"><span data-reactid="170"><!-- react-text: 171 -->提示与帮助<!-- /react-text --></span><a href="#提示与帮助" class="anchor" data-reactid="172">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="173"><div class="preview-image-box" data-reactid="174"><div class="preview-image-wrapper" data-reactid="175"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/KSWwgpyjPkbwclNvbvvR.png" alt="基本样式" data-reactid="176"/></div><div class="preview-image-title" data-reactid="177">基本样式</div><div class="preview-image-description" data-reactid="178"></div><!-- react-empty: 179 --></div></div><p data-reactid="180"><!-- react-text: 181 -->为提升数据录入效率，通常可以在输入框内增加暗提示以帮助提醒用户。<!-- /react-text --></p><blockquote data-reactid="182"><p data-reactid="183"><!-- react-text: 184 -->注：输入框通常与标签（label）搭配使用，标签（label）默认放于输入区域的左侧，当文案过长或英文环境下也可放于在上方，但同个系统中需保持统一。<!-- /react-text --></p></blockquote><div class="preview-image-boxes clearfix" data-reactid="185"><div class="preview-image-box" data-reactid="186"><div class="preview-image-wrapper" data-reactid="187"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/RtFCPKSMfRlgISbMJJRy.png" data-reactid="188"/></div><div class="preview-image-title" data-reactid="189"></div><div class="preview-image-description" data-reactid="190">当说明文案较长时，你可以使用一个『信息』图标或者提示工具。</div><!-- react-empty: 191 --></div></div><div class="preview-image-boxes clearfix" data-reactid="192"><div class="preview-image-box" data-reactid="193"><div class="preview-image-wrapper" data-reactid="194"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/rElfIRpcmLsCTFzZDINy.png" data-reactid="195"/></div><div class="preview-image-title" data-reactid="196"></div><div class="preview-image-description" data-reactid="197">对于那些短的输入提醒（短于一句），你可以将其放置在输入框的下方。</div><!-- react-empty: 198 --></div></div><h3 id="搜索（Search）" data-reactid="199"><span data-reactid="200"><!-- react-text: 201 -->搜索（Search）<!-- /react-text --></span><a href="#搜索（Search）" class="anchor" data-reactid="202">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="203"><div class="preview-image-box" data-reactid="204"><div class="preview-image-wrapper" data-reactid="205"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/ycPmRlbZtsoYAibbwMCZ.png" data-reactid="206"/></div><div class="preview-image-title" data-reactid="207"></div><div class="preview-image-description" data-reactid="208"></div><!-- react-empty: 209 --></div></div><p data-reactid="210"><!-- react-text: 211 -->搜索可以让用户在巨大的信息池中缩小目标范围，并快速获取需要的信息。<!-- /react-text --></p><hr data-reactid="212"/><h2 id="选择录入" data-reactid="213"><span data-reactid="214"><!-- react-text: 215 -->选择录入<!-- /react-text --></span><a href="#选择录入" class="anchor" data-reactid="216">#</a></h2><p data-reactid="217"><!-- react-text: 218 -->让用户在一个预定的范围中进行选择。<!-- /react-text --></p><h4 id="单选框（Radio-Button）" data-reactid="219"><span data-reactid="220"><!-- react-text: 221 -->单选框（Radio Button）<!-- /react-text --></span><a href="#单选框（Radio-Button）" class="anchor" data-reactid="222">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="223"><div class="preview-image-box" data-reactid="224"><div class="preview-image-wrapper" data-reactid="225"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/EvxgOJzHiQAxpuRaEhbH.png" data-reactid="226"/></div><div class="preview-image-title" data-reactid="227"></div><div class="preview-image-description" data-reactid="228"></div><!-- react-empty: 229 --></div></div><p data-reactid="230"><!-- react-text: 231 -->单选按钮允许用户从多个选项中选择一个选项。Radio 所有选项默认可见，方便用户在比较中选择，因此选项不宜过多。<!-- /react-text --></p><blockquote data-reactid="232"><p data-reactid="233"><!-- react-text: 234 -->注：单选框（Radio Button）一定多于 2 个，一般少于 5 个。<!-- /react-text --></p></blockquote><h3 id="复选框（Checkbox）" data-reactid="235"><span data-reactid="236"><!-- react-text: 237 -->复选框（Checkbox）<!-- /react-text --></span><a href="#复选框（Checkbox）" class="anchor" data-reactid="238">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="239"><div class="preview-image-box" data-reactid="240"><div class="preview-image-wrapper" data-reactid="241"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/duKUrQDKiyPnYaWtvkQK.png" data-reactid="242"/></div><div class="preview-image-title" data-reactid="243"></div><div class="preview-image-description" data-reactid="244"></div><!-- react-empty: 245 --></div></div><p data-reactid="246"><!-- react-text: 247 -->复选框用于在一组可选项中进行多项选择时。<!-- /react-text --></p><blockquote data-reactid="248"><p data-reactid="249"><!-- react-text: 250 -->注：<!-- /react-text --></p><ol data-reactid="251"><li data-reactid="252"><p data-reactid="253"><!-- react-text: 254 -->复选框（Checkbox）一般用于状态标记，需要和提交操作配合；<!-- /react-text --></p></li><li data-reactid="255"><p data-reactid="256"><!-- react-text: 257 -->单个复选框可以表示两种状态之间的切换。<!-- /react-text --></p></li></ol></blockquote><h3 id="开关（Switch）" data-reactid="258"><span data-reactid="259"><!-- react-text: 260 -->开关（Switch）<!-- /react-text --></span><a href="#开关（Switch）" class="anchor" data-reactid="261">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="262"><div class="preview-image-box" data-reactid="263"><div class="preview-image-wrapper" data-reactid="264"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/aIdIORGzFNjqMwrmiguZ.png" data-reactid="265"/></div><div class="preview-image-title" data-reactid="266"></div><div class="preview-image-description" data-reactid="267"></div><!-- react-empty: 268 --></div></div><p data-reactid="269"><!-- react-text: 270 -->用于切换单个选项的状态。『开关』的内联标签应该显示清楚，例如：禁用/启用，不允许/允许等。<!-- /react-text --></p><p data-reactid="271"><br data-reactid="272"/></p><div class="preview-image-boxes clearfix" data-reactid="273"><div class="preview-image-box" style="width:50%;" data-reactid="274"><div class="preview-image-wrapper good" data-reactid="275"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/qoqGjsZYATDiXiWEjNIK.png" alt="正确示范" data-reactid="276"/></div><div class="preview-image-title" data-reactid="277">正确示范</div><div class="preview-image-description" data-reactid="278"></div><!-- react-empty: 279 --></div><div class="preview-image-box" style="width:50%;" data-reactid="280"><div class="preview-image-wrapper bad" data-reactid="281"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/ZcWvStIELApkpnkDOWDG.png" alt="错误示范" data-reactid="282"/></div><div class="preview-image-title" data-reactid="283">错误示范</div><div class="preview-image-description" data-reactid="284">切换『开关』结果会立即生效，无需与操作按钮搭配使用。</div><!-- react-empty: 285 --></div></div><blockquote data-reactid="286"><p data-reactid="287"><!-- react-text: 288 -->注：当用户切换『开关』按钮将直接触发状态改变。<!-- /react-text --></p></blockquote><h3 id="选择列表（Dropdown）" data-reactid="289"><span data-reactid="290"><!-- react-text: 291 -->选择列表（Dropdown）<!-- /react-text --></span><a href="#选择列表（Dropdown）" class="anchor" data-reactid="292">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="293"><div class="preview-image-box" data-reactid="294"><div class="preview-image-wrapper" data-reactid="295"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/iGSmUHkADwVyhuTOBkpJ.png" data-reactid="296"/></div><div class="preview-image-title" data-reactid="297"></div><div class="preview-image-description" data-reactid="298"></div><!-- react-empty: 299 --></div></div><p data-reactid="300"><!-- react-text: 301 -->选择列表（通常称为下拉菜单）允许用户从列表中选择一个选项或多个选项，为用户在选项的数量上提供了更多的灵活性。<!-- /react-text --></p><blockquote data-reactid="302"><p data-reactid="303"><!-- react-text: 304 -->注：<!-- /react-text --></p><ol data-reactid="305"><li data-reactid="306"><p data-reactid="307"><!-- react-text: 308 -->当选项多于 5 项时使用；<!-- /react-text --></p></li><li data-reactid="309"><p data-reactid="310"><!-- react-text: 311 -->列表选项按照逻辑排序，并尽量让内容显示完整。<!-- /react-text --></p></li></ol></blockquote><h3 id="滑块选择（Slider）" data-reactid="312"><span data-reactid="313"><!-- react-text: 314 -->滑块选择（Slider）<!-- /react-text --></span><a href="#滑块选择（Slider）" class="anchor" data-reactid="315">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="316"><div class="preview-image-box" data-reactid="317"><div class="preview-image-wrapper" data-reactid="318"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/JJZycUHtpopKCMxXyQpx.png" data-reactid="319"/></div><div class="preview-image-title" data-reactid="320"></div><div class="preview-image-description" data-reactid="321"></div><!-- react-empty: 322 --></div></div><p data-reactid="323"><!-- react-text: 324 -->滑块选择可以在连续或间断的区间内，通过滑动锚点来选择一个合适的数值。这种交互特性使得它在设置诸如音量，亮度，色彩饱和度等需要反映强度等级的选项时是一种极好的选择。<!-- /react-text --></p><p data-reactid="325"><br data-reactid="326"/></p><div class="preview-image-boxes clearfix" data-reactid="327"><div class="preview-image-box" data-reactid="328"><div class="preview-image-wrapper" data-reactid="329"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/hWhUUUzikHarZSBhefDI.png" data-reactid="330"/></div><div class="preview-image-title" data-reactid="331"></div><div class="preview-image-description" data-reactid="332"></div><!-- react-empty: 333 --></div></div><blockquote data-reactid="334"><p data-reactid="335"><!-- react-text: 336 -->注：在不要求精准数值的场景下用户使用『连续滑块』可得到更灵活便捷的操作；在用户需要精确数值时，可与『数字输入框』搭配使用。<!-- /react-text --></p></blockquote><h3 id="穿梭框（Transfer）" data-reactid="337"><span data-reactid="338"><!-- react-text: 339 -->穿梭框（Transfer）<!-- /react-text --></span><a href="#穿梭框（Transfer）" class="anchor" data-reactid="340">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="341"><div class="preview-image-box" data-reactid="342"><div class="preview-image-wrapper" data-reactid="343"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/VpfyicZPlNugqEjQKSDf.png" data-reactid="344"/></div><div class="preview-image-title" data-reactid="345"></div><div class="preview-image-description" data-reactid="346"></div><!-- react-empty: 347 --></div></div><p data-reactid="348"><!-- react-text: 349 -->穿梭框用直观的方式在两栏中移动元素，完成选择行为。<!-- /react-text --></p><h3 id="日期选择器（DatePicker）" data-reactid="350"><span data-reactid="351"><!-- react-text: 352 -->日期选择器（DatePicker）<!-- /react-text --></span><a href="#日期选择器（DatePicker）" class="anchor" data-reactid="353">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="354"><div class="preview-image-box" data-reactid="355"><div class="preview-image-wrapper" data-reactid="356"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/gaaLemRmjgNpcnlthmkr.png" data-reactid="357"/></div><div class="preview-image-title" data-reactid="358"></div><div class="preview-image-description" data-reactid="359"></div><!-- react-empty: 360 --></div></div><p data-reactid="361"><!-- react-text: 362 -->日期选择器为用户提供了一种可视化的方式去浏览和选择一个日期或者日期范围。<!-- /react-text --></p><hr data-reactid="363"/><h2 id="文件上传（Upload）" data-reactid="364"><span data-reactid="365"><!-- react-text: 366 -->文件上传（Upload）<!-- /react-text --></span><a href="#文件上传（Upload）" class="anchor" data-reactid="367">#</a></h2><p data-reactid="368"><!-- react-text: 369 -->上传是将本地的相应信息(包含本地和云储存)通过网页或者上传工具发布到远程服务器上的过程。<!-- /react-text --></p><h3 id="简单点击上传" data-reactid="370"><span data-reactid="371"><!-- react-text: 372 -->简单点击上传<!-- /react-text --></span><a href="#简单点击上传" class="anchor" data-reactid="373">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="374"><div class="preview-image-box" data-reactid="375"><div class="preview-image-wrapper" data-reactid="376"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/aqMzAypQRBkmWfMOpOCE.png" data-reactid="377"/></div><div class="preview-image-title" data-reactid="378"></div><div class="preview-image-description" data-reactid="379"></div><!-- react-empty: 380 --></div></div><p data-reactid="381"><!-- react-text: 382 -->一般用于单个上传且不需要预览效果的文件上传，点击按钮弹出文件选择框。<!-- /react-text --></p><h3 id="显示缩略图上传" data-reactid="383"><span data-reactid="384"><!-- react-text: 385 -->显示缩略图上传<!-- /react-text --></span><a href="#显示缩略图上传" class="anchor" data-reactid="386">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="387"><div class="preview-image-box" data-reactid="388"><div class="preview-image-wrapper" data-reactid="389"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/oUsyeTsjadJfieTspgVq.png" data-reactid="390"/></div><div class="preview-image-title" data-reactid="391"></div><div class="preview-image-description" data-reactid="392"></div><!-- react-empty: 393 --></div></div><p data-reactid="394"><!-- react-text: 395 -->一般用于图片文件上传，用户可以上传图片并在列表中显示缩略图。当上传照片数到达限制后，上传按钮消失。<!-- /react-text --></p><h3 id="拖拽上传" data-reactid="396"><span data-reactid="397"><!-- react-text: 398 -->拖拽上传<!-- /react-text --></span><a href="#拖拽上传" class="anchor" data-reactid="399">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="400"><div class="preview-image-box" data-reactid="401"><div class="preview-image-wrapper" data-reactid="402"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/euEBewdgKmhThFWrWHIm.png" data-reactid="403"/></div><div class="preview-image-title" data-reactid="404"></div><div class="preview-image-description" data-reactid="405"></div><!-- react-empty: 406 --></div></div><p data-reactid="407"><!-- react-text: 408 -->把文件拖入指定区域，完成上传，同样支持点击上传。<!-- /react-text --></p><blockquote data-reactid="409"><p data-reactid="410"><!-- react-text: 411 -->注：文件上传需要提供明确的文件大小和文件格式，例如：请选择大小不超过 5M 的文本文件（支持 PDF.ZIP.EXL），上传时需要有明确的进度提示。<!-- /react-text --></p></blockquote></section></article></div></div><div class="ant-row" data-reactid="412"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="413"><section class="prev-next-nav" data-reactid="414"><a class="prev-page" href="/docs/spec/navigation" data-reactid="415">Navigation</a><a class="next-page" href="/docs/spec/data-display" data-reactid="416">Data Display</a></section></div></div></div><footer id="footer" data-reactid="417"><ul data-reactid="418"><li data-reactid="419"><h2 data-reactid="420"><i class="anticon anticon-github" data-reactid="421"></i><!-- react-text: 422 --> GitHub<!-- /react-text --></h2><div data-reactid="423"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="424"><span data-reactid="425">Repository</span></a></div><div data-reactid="426"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="427"><span data-reactid="428">Customize Theme</span></a></div><div data-reactid="429"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="430"><span data-reactid="431">Awesome Ant Design</span></a></div></li><li data-reactid="432"><h2 data-reactid="433"><i class="anticon anticon-link" data-reactid="434"></i><!-- react-text: 435 --> <!-- /react-text --><span data-reactid="436">Links</span></h2><div data-reactid="437"><a href="https://design.alipay.com/" data-reactid="438"><span data-reactid="439">Ant Financial Design Platform</span></a></div><div data-reactid="440"><a href="http://mobile.ant.design" data-reactid="441">Ant Design Mobile</a><span data-reactid="442"> - </span><span data-reactid="443">Mobile UI</span></div><div data-reactid="444"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="445">dva</a><!-- react-text: 446 --> - <!-- /react-text --><span data-reactid="447">Framework</span></div><div data-reactid="448"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="449">dva-cli</a><!-- react-text: 450 --> -<!-- /react-text --><span data-reactid="451">Developer Tools</span></div><div data-reactid="452"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="453">Egg</a><span data-reactid="454"> - </span><span data-reactid="455">Enterprise Node Framework</span></div><div data-reactid="456"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="457">AntV</a><span data-reactid="458"> - </span><span data-reactid="459">Data Visualization</span></div><div data-reactid="460"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="461">Ant Motion</a><span data-reactid="462"> - </span><span data-reactid="463">Motion Soluction</span></div><div data-reactid="464"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="465">AntD Library</a><span data-reactid="466"> - </span><span data-reactid="467">Axure library</span></div><div data-reactid="468"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="469">Ant UX</a><span data-reactid="470"> - </span><span data-reactid="471">Sitemap Template</span></div></li><li data-reactid="472"><h2 data-reactid="473"><i class="anticon anticon-customer-service" data-reactid="474"></i><!-- react-text: 475 --> <!-- /react-text --><span data-reactid="476">Community</span></h2><div data-reactid="477"><a href="/changelog" data-reactid="478"><span data-reactid="479">Change Log</span></a></div><div data-reactid="480"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="481"><span data-reactid="482">FAQ</span></a></div><div data-reactid="483"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="484"><span data-reactid="485">Chat Room (中文)</span></a></div><div data-reactid="486"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="487"><span data-reactid="488">Chat Room (English)</span></a></div><div data-reactid="489"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="490"><span data-reactid="491">Bug Report</span></a></div><div data-reactid="492"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="493"><span data-reactid="494">Issues</span></a></div><div data-reactid="495"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="496"><span data-reactid="497">StackOverflow</span></a></div><div data-reactid="498"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="499"><span data-reactid="500">SegmentFault</span></a></div></li><li data-reactid="501"><h2 data-reactid="502"><!-- react-text: 503 -->Copyright © <!-- /react-text --><!-- react-text: 504 -->2017<!-- /react-text --></h2><div data-reactid="505"><span data-reactid="506">Created by AIUX</span></div><div data-reactid="507"><!-- react-text: 508 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="509">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay" data-reactid="72">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight" data-reactid="74">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Data Entry<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/data-entry.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->数据录入是获取对象信息的重要交互方式，用户会频繁的增加、修改或删除信息。多种多样的文本录入和选择录入方式帮助用户更加清晰和高效的完成这项体验。设计者应当注意这几点：<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->为初级用户／偶尔访问的用户提供简单易懂的文案作为『标签（Label） 』；为领域专家提供专业术语作为『标签（Label） 』。当需要用户提供敏感信息时，通过『暗提示』来说明系统为什么要这么做，例如：需要获取身份证号码、手机号码时；<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->让用户能在上下文中获取信息，帮助他完成输入。使用『良好的默认值』、『结构化的格式』、『暗提示』、『输入提醒』等方式，避免让用户在空白中猜测输入。<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="120"><ul data-reactid="121"><li data-reactid="122"><a class="bisheng-toc-h2" href="#文本录入" title="文本录入" data-reactid="123"><!-- react-text: 124 -->文本录入<!-- /react-text --></a></li><li data-reactid="125"><a class="bisheng-toc-h2" href="#选择录入" title="选择录入" data-reactid="126"><!-- react-text: 127 -->选择录入<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#文件上传（Upload）" title="文件上传（Upload）" data-reactid="129"><!-- react-text: 130 -->文件上传（Upload）<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="131"><h2 id="文本录入" data-reactid="132"><span data-reactid="133"><!-- react-text: 134 -->文本录入<!-- /react-text --></span><a href="#文本录入" class="anchor" data-reactid="135">#</a></h2><p data-reactid="136"><!-- react-text: 137 -->输入框为用户提供了编辑文本的控件，是录入数据最基础和常见的方式。<!-- /react-text --></p><h3 id="文本框（Input）" data-reactid="138"><span data-reactid="139"><!-- react-text: 140 -->文本框（Input）<!-- /react-text --></span><a href="#文本框（Input）" class="anchor" data-reactid="141">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="142"><div class="preview-image-box" data-reactid="143"><div class="preview-image-wrapper" data-reactid="144"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/BPMNkGkHFqbBCRMUdfRh.png" data-reactid="145"/></div><div class="preview-image-title" data-reactid="146"></div><div class="preview-image-description" data-reactid="147"></div><!-- react-empty: 148 --></div></div><p data-reactid="149"><!-- react-text: 150 -->输入较少的字符总数，使用单行的输入形式。<!-- /react-text --></p><blockquote data-reactid="151"><p data-reactid="152"><!-- react-text: 153 -->注：可以对一些文本（如数字和网址）运用特别的样式。详见 <!-- /react-text --><a href="/components/input/" data-reactid="154">输入框（Input）</a><!-- react-text: 155 -->。<!-- /react-text --></p></blockquote><h3 id="文本域（Textarea）" data-reactid="156"><span data-reactid="157"><!-- react-text: 158 -->文本域（Textarea）<!-- /react-text --></span><a href="#文本域（Textarea）" class="anchor" data-reactid="159">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="160"><div class="preview-image-box" data-reactid="161"><div class="preview-image-wrapper" data-reactid="162"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/QVRSSdYrWjthpCOupqON.png" data-reactid="163"/></div><div class="preview-image-title" data-reactid="164"></div><div class="preview-image-description" data-reactid="165"></div><!-- react-empty: 166 --></div></div><p data-reactid="167"><!-- react-text: 168 -->录入长篇幅的单一的文本使用多行的文本区域。<!-- /react-text --></p><h3 id="提示与帮助" data-reactid="169"><span data-reactid="170"><!-- react-text: 171 -->提示与帮助<!-- /react-text --></span><a href="#提示与帮助" class="anchor" data-reactid="172">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="173"><div class="preview-image-box" data-reactid="174"><div class="preview-image-wrapper" data-reactid="175"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/KSWwgpyjPkbwclNvbvvR.png" alt="基本样式" data-reactid="176"/></div><div class="preview-image-title" data-reactid="177">基本样式</div><div class="preview-image-description" data-reactid="178"></div><!-- react-empty: 179 --></div></div><p data-reactid="180"><!-- react-text: 181 -->为提升数据录入效率，通常可以在输入框内增加暗提示以帮助提醒用户。<!-- /react-text --></p><blockquote data-reactid="182"><p data-reactid="183"><!-- react-text: 184 -->注：输入框通常与标签（label）搭配使用，标签（label）默认放于输入区域的左侧，当文案过长或英文环境下也可放于在上方，但同个系统中需保持统一。<!-- /react-text --></p></blockquote><div class="preview-image-boxes clearfix" data-reactid="185"><div class="preview-image-box" data-reactid="186"><div class="preview-image-wrapper" data-reactid="187"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/RtFCPKSMfRlgISbMJJRy.png" data-reactid="188"/></div><div class="preview-image-title" data-reactid="189"></div><div class="preview-image-description" data-reactid="190">当说明文案较长时，你可以使用一个『信息』图标或者提示工具。</div><!-- react-empty: 191 --></div></div><div class="preview-image-boxes clearfix" data-reactid="192"><div class="preview-image-box" data-reactid="193"><div class="preview-image-wrapper" data-reactid="194"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/rElfIRpcmLsCTFzZDINy.png" data-reactid="195"/></div><div class="preview-image-title" data-reactid="196"></div><div class="preview-image-description" data-reactid="197">对于那些短的输入提醒（短于一句），你可以将其放置在输入框的下方。</div><!-- react-empty: 198 --></div></div><h3 id="搜索（Search）" data-reactid="199"><span data-reactid="200"><!-- react-text: 201 -->搜索（Search）<!-- /react-text --></span><a href="#搜索（Search）" class="anchor" data-reactid="202">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="203"><div class="preview-image-box" data-reactid="204"><div class="preview-image-wrapper" data-reactid="205"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/ycPmRlbZtsoYAibbwMCZ.png" data-reactid="206"/></div><div class="preview-image-title" data-reactid="207"></div><div class="preview-image-description" data-reactid="208"></div><!-- react-empty: 209 --></div></div><p data-reactid="210"><!-- react-text: 211 -->搜索可以让用户在巨大的信息池中缩小目标范围，并快速获取需要的信息。<!-- /react-text --></p><hr data-reactid="212"/><h2 id="选择录入" data-reactid="213"><span data-reactid="214"><!-- react-text: 215 -->选择录入<!-- /react-text --></span><a href="#选择录入" class="anchor" data-reactid="216">#</a></h2><p data-reactid="217"><!-- react-text: 218 -->让用户在一个预定的范围中进行选择。<!-- /react-text --></p><h4 id="单选框（Radio-Button）" data-reactid="219"><span data-reactid="220"><!-- react-text: 221 -->单选框（Radio Button）<!-- /react-text --></span><a href="#单选框（Radio-Button）" class="anchor" data-reactid="222">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="223"><div class="preview-image-box" data-reactid="224"><div class="preview-image-wrapper" data-reactid="225"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/EvxgOJzHiQAxpuRaEhbH.png" data-reactid="226"/></div><div class="preview-image-title" data-reactid="227"></div><div class="preview-image-description" data-reactid="228"></div><!-- react-empty: 229 --></div></div><p data-reactid="230"><!-- react-text: 231 -->单选按钮允许用户从多个选项中选择一个选项。Radio 所有选项默认可见，方便用户在比较中选择，因此选项不宜过多。<!-- /react-text --></p><blockquote data-reactid="232"><p data-reactid="233"><!-- react-text: 234 -->注：单选框（Radio Button）一定多于 2 个，一般少于 5 个。<!-- /react-text --></p></blockquote><h3 id="复选框（Checkbox）" data-reactid="235"><span data-reactid="236"><!-- react-text: 237 -->复选框（Checkbox）<!-- /react-text --></span><a href="#复选框（Checkbox）" class="anchor" data-reactid="238">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="239"><div class="preview-image-box" data-reactid="240"><div class="preview-image-wrapper" data-reactid="241"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/duKUrQDKiyPnYaWtvkQK.png" data-reactid="242"/></div><div class="preview-image-title" data-reactid="243"></div><div class="preview-image-description" data-reactid="244"></div><!-- react-empty: 245 --></div></div><p data-reactid="246"><!-- react-text: 247 -->复选框用于在一组可选项中进行多项选择时。<!-- /react-text --></p><blockquote data-reactid="248"><p data-reactid="249"><!-- react-text: 250 -->注：<!-- /react-text --></p><ol data-reactid="251"><li data-reactid="252"><p data-reactid="253"><!-- react-text: 254 -->复选框（Checkbox）一般用于状态标记，需要和提交操作配合；<!-- /react-text --></p></li><li data-reactid="255"><p data-reactid="256"><!-- react-text: 257 -->单个复选框可以表示两种状态之间的切换。<!-- /react-text --></p></li></ol></blockquote><h3 id="开关（Switch）" data-reactid="258"><span data-reactid="259"><!-- react-text: 260 -->开关（Switch）<!-- /react-text --></span><a href="#开关（Switch）" class="anchor" data-reactid="261">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="262"><div class="preview-image-box" data-reactid="263"><div class="preview-image-wrapper" data-reactid="264"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/aIdIORGzFNjqMwrmiguZ.png" data-reactid="265"/></div><div class="preview-image-title" data-reactid="266"></div><div class="preview-image-description" data-reactid="267"></div><!-- react-empty: 268 --></div></div><p data-reactid="269"><!-- react-text: 270 -->用于切换单个选项的状态。『开关』的内联标签应该显示清楚，例如：禁用/启用，不允许/允许等。<!-- /react-text --></p><p data-reactid="271"><br data-reactid="272"/></p><div class="preview-image-boxes clearfix" data-reactid="273"><div class="preview-image-box" style="width:50%;" data-reactid="274"><div class="preview-image-wrapper good" data-reactid="275"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/qoqGjsZYATDiXiWEjNIK.png" alt="正确示范" data-reactid="276"/></div><div class="preview-image-title" data-reactid="277">正确示范</div><div class="preview-image-description" data-reactid="278"></div><!-- react-empty: 279 --></div><div class="preview-image-box" style="width:50%;" data-reactid="280"><div class="preview-image-wrapper bad" data-reactid="281"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/ZcWvStIELApkpnkDOWDG.png" alt="错误示范" data-reactid="282"/></div><div class="preview-image-title" data-reactid="283">错误示范</div><div class="preview-image-description" data-reactid="284">切换『开关』结果会立即生效，无需与操作按钮搭配使用。</div><!-- react-empty: 285 --></div></div><blockquote data-reactid="286"><p data-reactid="287"><!-- react-text: 288 -->注：当用户切换『开关』按钮将直接触发状态改变。<!-- /react-text --></p></blockquote><h3 id="选择列表（Dropdown）" data-reactid="289"><span data-reactid="290"><!-- react-text: 291 -->选择列表（Dropdown）<!-- /react-text --></span><a href="#选择列表（Dropdown）" class="anchor" data-reactid="292">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="293"><div class="preview-image-box" data-reactid="294"><div class="preview-image-wrapper" data-reactid="295"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/iGSmUHkADwVyhuTOBkpJ.png" data-reactid="296"/></div><div class="preview-image-title" data-reactid="297"></div><div class="preview-image-description" data-reactid="298"></div><!-- react-empty: 299 --></div></div><p data-reactid="300"><!-- react-text: 301 -->选择列表（通常称为下拉菜单）允许用户从列表中选择一个选项或多个选项，为用户在选项的数量上提供了更多的灵活性。<!-- /react-text --></p><blockquote data-reactid="302"><p data-reactid="303"><!-- react-text: 304 -->注：<!-- /react-text --></p><ol data-reactid="305"><li data-reactid="306"><p data-reactid="307"><!-- react-text: 308 -->当选项多于 5 项时使用；<!-- /react-text --></p></li><li data-reactid="309"><p data-reactid="310"><!-- react-text: 311 -->列表选项按照逻辑排序，并尽量让内容显示完整。<!-- /react-text --></p></li></ol></blockquote><h3 id="滑块选择（Slider）" data-reactid="312"><span data-reactid="313"><!-- react-text: 314 -->滑块选择（Slider）<!-- /react-text --></span><a href="#滑块选择（Slider）" class="anchor" data-reactid="315">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="316"><div class="preview-image-box" data-reactid="317"><div class="preview-image-wrapper" data-reactid="318"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/JJZycUHtpopKCMxXyQpx.png" data-reactid="319"/></div><div class="preview-image-title" data-reactid="320"></div><div class="preview-image-description" data-reactid="321"></div><!-- react-empty: 322 --></div></div><p data-reactid="323"><!-- react-text: 324 -->滑块选择可以在连续或间断的区间内，通过滑动锚点来选择一个合适的数值。这种交互特性使得它在设置诸如音量，亮度，色彩饱和度等需要反映强度等级的选项时是一种极好的选择。<!-- /react-text --></p><p data-reactid="325"><br data-reactid="326"/></p><div class="preview-image-boxes clearfix" data-reactid="327"><div class="preview-image-box" data-reactid="328"><div class="preview-image-wrapper" data-reactid="329"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/hWhUUUzikHarZSBhefDI.png" data-reactid="330"/></div><div class="preview-image-title" data-reactid="331"></div><div class="preview-image-description" data-reactid="332"></div><!-- react-empty: 333 --></div></div><blockquote data-reactid="334"><p data-reactid="335"><!-- react-text: 336 -->注：在不要求精准数值的场景下用户使用『连续滑块』可得到更灵活便捷的操作；在用户需要精确数值时，可与『数字输入框』搭配使用。<!-- /react-text --></p></blockquote><h3 id="穿梭框（Transfer）" data-reactid="337"><span data-reactid="338"><!-- react-text: 339 -->穿梭框（Transfer）<!-- /react-text --></span><a href="#穿梭框（Transfer）" class="anchor" data-reactid="340">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="341"><div class="preview-image-box" data-reactid="342"><div class="preview-image-wrapper" data-reactid="343"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/VpfyicZPlNugqEjQKSDf.png" data-reactid="344"/></div><div class="preview-image-title" data-reactid="345"></div><div class="preview-image-description" data-reactid="346"></div><!-- react-empty: 347 --></div></div><p data-reactid="348"><!-- react-text: 349 -->穿梭框用直观的方式在两栏中移动元素，完成选择行为。<!-- /react-text --></p><h3 id="日期选择器（DatePicker）" data-reactid="350"><span data-reactid="351"><!-- react-text: 352 -->日期选择器（DatePicker）<!-- /react-text --></span><a href="#日期选择器（DatePicker）" class="anchor" data-reactid="353">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="354"><div class="preview-image-box" data-reactid="355"><div class="preview-image-wrapper" data-reactid="356"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/gaaLemRmjgNpcnlthmkr.png" data-reactid="357"/></div><div class="preview-image-title" data-reactid="358"></div><div class="preview-image-description" data-reactid="359"></div><!-- react-empty: 360 --></div></div><p data-reactid="361"><!-- react-text: 362 -->日期选择器为用户提供了一种可视化的方式去浏览和选择一个日期或者日期范围。<!-- /react-text --></p><hr data-reactid="363"/><h2 id="文件上传（Upload）" data-reactid="364"><span data-reactid="365"><!-- react-text: 366 -->文件上传（Upload）<!-- /react-text --></span><a href="#文件上传（Upload）" class="anchor" data-reactid="367">#</a></h2><p data-reactid="368"><!-- react-text: 369 -->上传是将本地的相应信息(包含本地和云储存)通过网页或者上传工具发布到远程服务器上的过程。<!-- /react-text --></p><h3 id="简单点击上传" data-reactid="370"><span data-reactid="371"><!-- react-text: 372 -->简单点击上传<!-- /react-text --></span><a href="#简单点击上传" class="anchor" data-reactid="373">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="374"><div class="preview-image-box" data-reactid="375"><div class="preview-image-wrapper" data-reactid="376"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/aqMzAypQRBkmWfMOpOCE.png" data-reactid="377"/></div><div class="preview-image-title" data-reactid="378"></div><div class="preview-image-description" data-reactid="379"></div><!-- react-empty: 380 --></div></div><p data-reactid="381"><!-- react-text: 382 -->一般用于单个上传且不需要预览效果的文件上传，点击按钮弹出文件选择框。<!-- /react-text --></p><h3 id="显示缩略图上传" data-reactid="383"><span data-reactid="384"><!-- react-text: 385 -->显示缩略图上传<!-- /react-text --></span><a href="#显示缩略图上传" class="anchor" data-reactid="386">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="387"><div class="preview-image-box" data-reactid="388"><div class="preview-image-wrapper" data-reactid="389"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/oUsyeTsjadJfieTspgVq.png" data-reactid="390"/></div><div class="preview-image-title" data-reactid="391"></div><div class="preview-image-description" data-reactid="392"></div><!-- react-empty: 393 --></div></div><p data-reactid="394"><!-- react-text: 395 -->一般用于图片文件上传，用户可以上传图片并在列表中显示缩略图。当上传照片数到达限制后，上传按钮消失。<!-- /react-text --></p><h3 id="拖拽上传" data-reactid="396"><span data-reactid="397"><!-- react-text: 398 -->拖拽上传<!-- /react-text --></span><a href="#拖拽上传" class="anchor" data-reactid="399">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="400"><div class="preview-image-box" data-reactid="401"><div class="preview-image-wrapper" data-reactid="402"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/euEBewdgKmhThFWrWHIm.png" data-reactid="403"/></div><div class="preview-image-title" data-reactid="404"></div><div class="preview-image-description" data-reactid="405"></div><!-- react-empty: 406 --></div></div><p data-reactid="407"><!-- react-text: 408 -->把文件拖入指定区域，完成上传，同样支持点击上传。<!-- /react-text --></p><blockquote data-reactid="409"><p data-reactid="410"><!-- react-text: 411 -->注：文件上传需要提供明确的文件大小和文件格式，例如：请选择大小不超过 5M 的文本文件（支持 PDF.ZIP.EXL），上传时需要有明确的进度提示。<!-- /react-text --></p></blockquote></section></article></div></div><div class="ant-row" data-reactid="412"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="413"><section class="prev-next-nav" data-reactid="414"><a class="prev-page" href="/docs/spec/navigation" data-reactid="415">Navigation</a><a class="next-page" href="/docs/spec/data-display" data-reactid="416">Data Display</a></section></div></div></div><footer id="footer" data-reactid="417"><ul data-reactid="418"><li data-reactid="419"><h2 data-reactid="420"><i class="anticon anticon-github" data-reactid="421"></i><!-- react-text: 422 --> GitHub<!-- /react-text --></h2><div data-reactid="423"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="424"><span data-reactid="425">Repository</span></a></div><div data-reactid="426"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="427"><span data-reactid="428">Customize Theme</span></a></div><div data-reactid="429"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="430"><span data-reactid="431">Awesome Ant Design</span></a></div></li><li data-reactid="432"><h2 data-reactid="433"><i class="anticon anticon-link" data-reactid="434"></i><!-- react-text: 435 --> <!-- /react-text --><span data-reactid="436">Links</span></h2><div data-reactid="437"><a href="https://design.alipay.com/" data-reactid="438"><span data-reactid="439">Ant Financial Design Platform</span></a></div><div data-reactid="440"><a href="http://mobile.ant.design" data-reactid="441">Ant Design Mobile</a><span data-reactid="442"> - </span><span data-reactid="443">Mobile UI</span></div><div data-reactid="444"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="445">dva</a><!-- react-text: 446 --> - <!-- /react-text --><span data-reactid="447">Framework</span></div><div data-reactid="448"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="449">dva-cli</a><!-- react-text: 450 --> -<!-- /react-text --><span data-reactid="451">Developer Tools</span></div><div data-reactid="452"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="453">Egg</a><span data-reactid="454"> - </span><span data-reactid="455">Enterprise Node Framework</span></div><div data-reactid="456"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="457">AntV</a><span data-reactid="458"> - </span><span data-reactid="459">Data Visualization</span></div><div data-reactid="460"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="461">Ant Motion</a><span data-reactid="462"> - </span><span data-reactid="463">Motion Soluction</span></div><div data-reactid="464"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="465">AntD Library</a><span data-reactid="466"> - </span><span data-reactid="467">Axure library</span></div><div data-reactid="468"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="469">Ant UX</a><span data-reactid="470"> - </span><span data-reactid="471">Sitemap Template</span></div></li><li data-reactid="472"><h2 data-reactid="473"><i class="anticon anticon-customer-service" data-reactid="474"></i><!-- react-text: 475 --> <!-- /react-text --><span data-reactid="476">Community</span></h2><div data-reactid="477"><a href="/changelog" data-reactid="478"><span data-reactid="479">Change Log</span></a></div><div data-reactid="480"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="481"><span data-reactid="482">FAQ</span></a></div><div data-reactid="483"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="484"><span data-reactid="485">Chat Room (中文)</span></a></div><div data-reactid="486"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="487"><span data-reactid="488">Chat Room (English)</span></a></div><div data-reactid="489"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="490"><span data-reactid="491">Bug Report</span></a></div><div data-reactid="492"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="493"><span data-reactid="494">Issues</span></a></div><div data-reactid="495"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="496"><span data-reactid="497">StackOverflow</span></a></div><div data-reactid="498"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="499"><span data-reactid="500">SegmentFault</span></a></div></li><li data-reactid="501"><h2 data-reactid="502"><!-- react-text: 503 -->Copyright © <!-- /react-text --><!-- react-text: 504 -->2017<!-- /react-text --></h2><div data-reactid="505"><span data-reactid="506">Created by AIUX</span></div><div data-reactid="507"><!-- react-text: 508 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="509">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/direct-cn.html b/docs/spec/direct-cn.html
index 47e8e406b..8836accb3 100644
--- a/docs/spec/direct-cn.html
+++ b/docs/spec/direct-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="785662367"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1280949855"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->直截了当<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/direct.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->正如 Alan Cooper 所言：『需要在哪里输出，就要允许在哪里输入』。这就是直接操作的原理。eg：不要为了编辑内容而打开另一个页面，应该直接在上下文中实现编辑。<!-- /react-text --></p></section><section class="toc" data-reactid="113"><ul data-reactid="114"><li data-reactid="115"><a class="bisheng-toc-h2" href="#页内编辑" title="页内编辑" data-reactid="116"><!-- react-text: 117 -->页内编辑<!-- /react-text --></a></li><li data-reactid="118"><a class="bisheng-toc-h2" href="#利用拖放" title="利用拖放" data-reactid="119"><!-- react-text: 120 -->利用拖放<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="121"><h2 id="页内编辑" data-reactid="122"><span data-reactid="123"><!-- react-text: 124 -->页内编辑<!-- /react-text --></span><a href="#页内编辑" class="anchor" data-reactid="125">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="126"><div class="preview-image-box" data-reactid="127"><div class="preview-image-wrapper" data-reactid="128"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/PmVuUUKeamHdveT.png" alt="单击编辑示例" data-reactid="129"/></div><div class="preview-image-title" data-reactid="130">单击编辑示例</div><div class="preview-image-description" data-reactid="131">状态一：普通的浏览模式，不区分可编辑行和不可编辑行；<br>状态二：鼠标悬停时，『指针』变为『手型』，编辑区域底色变黄，出现『Tooltips』提示单击编辑；<br>状态三：鼠标点击后，出现『输入框』、『确定』、『取消』表单元素，同时光标定位在『输入框』中。</div><!-- react-empty: 132 --></div></div><p data-reactid="133"><!-- react-text: 134 -->单字段行内编辑<!-- /react-text --></p><p data-reactid="135"><!-- react-text: 136 -->当『易读性』远比『易编辑性』重要时，可以使用『单击编辑』。<!-- /react-text --></p><p data-reactid="137"><br data-reactid="138"/></p><div class="preview-image-boxes clearfix" data-reactid="139"><div class="preview-image-box" data-reactid="140"><div class="preview-image-wrapper" data-reactid="141"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/ZmRlahliUbCurhu.png" alt="文字链/图标编辑示例" data-reactid="142"/></div><div class="preview-image-title" data-reactid="143">文字链/图标编辑示例</div><div class="preview-image-description" data-reactid="144">状态一：在可编辑行附近出现文字链/图标；<br>状态二：鼠标点击『编辑』后，出现『输入框』、『确定』、『取消』表单元素，同时光标定位在『输入框』中。</div><!-- react-empty: 145 --></div></div><p data-reactid="146"><!-- react-text: 147 -->当『易读性』为主，同时又要突出操作行的『易编辑性』时，可使用『文字链/图标编辑』。<!-- /react-text --></p><p data-reactid="148"><br data-reactid="149"/></p><div class="preview-image-boxes clearfix" data-reactid="150"><div class="preview-image-box" data-reactid="151"><div class="preview-image-wrapper" data-reactid="152"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/hGXGErepBnrwqzj.png" alt="多字段行内编辑示例" data-reactid="153"/></div><div class="preview-image-title" data-reactid="154">多字段行内编辑示例</div><div class="preview-image-description" data-reactid="155">编辑模式在不破坏整体性的前提下，可扩大空间，以便放下『输入框』等表单元素；其中，在 Table 中进行编辑模式切换时，需要保证每列的不跳动。</div><!-- react-empty: 156 --></div></div><p data-reactid="157"><!-- react-text: 158 -->多字段行内编辑<!-- /react-text --></p><blockquote data-reactid="159"><p data-reactid="160"><!-- react-text: 161 -->注：在『多字段行内编辑』的情况下，显示的内容和编辑时所需的字段会存在比较大的差异，所以更需要『巧用过渡』原则中的<!-- /react-text --><a href="../spec/transition-cn#解释刚刚发生了什么" data-reactid="162">『解释刚刚发生了什么』</a><!-- react-text: 163 -->来消除这种视觉影响。<!-- /react-text --></p></blockquote><p data-reactid="164"><br data-reactid="165"/></p><p data-reactid="166"><!-- react-text: 167 -->更多有关『页内编辑』的模式，可查看<!-- /react-text --><a href="/docs/pattern/table-cn#模块编辑" data-reactid="168">『模式／表格／交互』</a><!-- react-text: 169 -->中的内容。<!-- /react-text --></p><p data-reactid="170"><br data-reactid="171"/></p><hr data-reactid="172"/><h2 id="利用拖放" data-reactid="173"><span data-reactid="174"><!-- react-text: 175 -->利用拖放<!-- /react-text --></span><a href="#利用拖放" class="anchor" data-reactid="176">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="177"><div class="preview-image-box" data-reactid="178"><div class="preview-image-wrapper" data-reactid="179"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/DjMFcqSxZrulbGF.png" alt="拖放列表示例" data-reactid="180"/></div><div class="preview-image-title" data-reactid="181">拖放列表示例</div><div class="preview-image-description" data-reactid="182">状态一：鼠标悬停该行时，出现可移动的『图标』；<br>状态二：鼠标悬停在该『图标』时，指针变为『手型』，点击即可进行拖动；<br>状态三：拖动到可放置区块，出现蓝色描边，告知用户该区块可放置该对象。</div><!-- react-empty: 183 --></div></div><p data-reactid="184"><!-- react-text: 185 -->拖放列表<!-- /react-text --></p><p data-reactid="186"><!-- react-text: 187 -->只能限制在一个维度（上/下或者左/右）进行拖放。<!-- /react-text --></p><p data-reactid="188"><br data-reactid="189"/></p><div class="preview-image-boxes clearfix" data-reactid="190"><div class="preview-image-box" data-reactid="191"><div class="preview-image-wrapper" data-reactid="192"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/KVhqdSoLUjXPXuN.png" alt="拖放图片/文件示例" data-reactid="193"/></div><div class="preview-image-title" data-reactid="194">拖放图片/文件示例</div><div class="preview-image-description" data-reactid="195"></div><!-- react-empty: 196 --></div></div><p data-reactid="197"><!-- react-text: 198 -->拖放图片/文件<!-- /react-text --></p><p data-reactid="199"><br data-reactid="200"/></p></section></article></div></div><div class="ant-row" data-reactid="201"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="202"><section class="prev-next-nav" data-reactid="203"><a class="prev-page" href="/docs/spec/repetition-cn" data-reactid="204">重复</a><a class="next-page" href="/docs/spec/stay-cn" data-reactid="205">足不出户</a></section></div></div></div><footer id="footer" data-reactid="206"><ul data-reactid="207"><li data-reactid="208"><h2 data-reactid="209"><i class="anticon anticon-github" data-reactid="210"></i><!-- react-text: 211 --> GitHub<!-- /react-text --></h2><div data-reactid="212"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="213"><span data-reactid="214">源码仓库</span></a></div><div data-reactid="215"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="216"><span data-reactid="217">定制主题</span></a></div><div data-reactid="218"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="219"><span data-reactid="220">Awesome Ant Design</span></a></div></li><li data-reactid="221"><h2 data-reactid="222"><i class="anticon anticon-link" data-reactid="223"></i><!-- react-text: 224 --> <!-- /react-text --><span data-reactid="225">相关站点</span></h2><div data-reactid="226"><a href="https://design.alipay.com/" data-reactid="227"><span data-reactid="228">蚂蚁金服设计平台</span></a></div><div data-reactid="229"><a href="http://mobile.ant.design" data-reactid="230">Ant Design Mobile</a><span data-reactid="231"> - </span><span data-reactid="232">移动版</span></div><div data-reactid="233"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="234">dva</a><!-- react-text: 235 --> - <!-- /react-text --><span data-reactid="236">应用框架</span></div><div data-reactid="237"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="238">dva-cli</a><!-- react-text: 239 --> -<!-- /react-text --><span data-reactid="240">开发工具</span></div><div data-reactid="241"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="242">Egg</a><span data-reactid="243"> - </span><span data-reactid="244">企业级 Node 开发框架</span></div><div data-reactid="245"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="246">AntV</a><span data-reactid="247"> - </span><span data-reactid="248">数据可视化</span></div><div data-reactid="249"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="250">Ant Motion</a><span data-reactid="251"> - </span><span data-reactid="252">设计动效</span></div><div data-reactid="253"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="254">AntD Library</a><span data-reactid="255"> - </span><span data-reactid="256">Axure 部件库</span></div><div data-reactid="257"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="258">Ant UX</a><span data-reactid="259"> - </span><span data-reactid="260">页面逻辑素材</span></div></li><li data-reactid="261"><h2 data-reactid="262"><i class="anticon anticon-customer-service" data-reactid="263"></i><!-- react-text: 264 --> <!-- /react-text --><span data-reactid="265">社区</span></h2><div data-reactid="266"><a href="/changelog" data-reactid="267"><span data-reactid="268">更新记录</span></a></div><div data-reactid="269"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="270"><span data-reactid="271">常见问题</span></a></div><div data-reactid="272"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="273"><span data-reactid="274">在线讨论 (中文)</span></a></div><div data-reactid="275"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="276"><span data-reactid="277">在线讨论 (English)</span></a></div><div data-reactid="278"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="279"><span data-reactid="280">报告 Bug</span></a></div><div data-reactid="281"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="282"><span data-reactid="283">讨论列表</span></a></div><div data-reactid="284"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="285"><span data-reactid="286">StackOverflow</span></a></div><div data-reactid="287"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="288"><span data-reactid="289">SegmentFault</span></a></div></li><li data-reactid="290"><h2 data-reactid="291"><!-- react-text: 292 -->Copyright © <!-- /react-text --><!-- react-text: 293 -->2017<!-- /react-text --></h2><div data-reactid="294"><span data-reactid="295">蚂蚁金服体验技术部出品</span></div><div data-reactid="296"><!-- react-text: 297 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="298">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->直截了当<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/direct.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->正如 Alan Cooper 所言：『需要在哪里输出，就要允许在哪里输入』。这就是直接操作的原理。eg：不要为了编辑内容而打开另一个页面，应该直接在上下文中实现编辑。<!-- /react-text --></p></section><section class="toc" data-reactid="113"><ul data-reactid="114"><li data-reactid="115"><a class="bisheng-toc-h2" href="#页内编辑" title="页内编辑" data-reactid="116"><!-- react-text: 117 -->页内编辑<!-- /react-text --></a></li><li data-reactid="118"><a class="bisheng-toc-h2" href="#利用拖放" title="利用拖放" data-reactid="119"><!-- react-text: 120 -->利用拖放<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="121"><h2 id="页内编辑" data-reactid="122"><span data-reactid="123"><!-- react-text: 124 -->页内编辑<!-- /react-text --></span><a href="#页内编辑" class="anchor" data-reactid="125">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="126"><div class="preview-image-box" data-reactid="127"><div class="preview-image-wrapper" data-reactid="128"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/PmVuUUKeamHdveT.png" alt="单击编辑示例" data-reactid="129"/></div><div class="preview-image-title" data-reactid="130">单击编辑示例</div><div class="preview-image-description" data-reactid="131">状态一：普通的浏览模式，不区分可编辑行和不可编辑行；<br>状态二：鼠标悬停时，『指针』变为『手型』，编辑区域底色变黄，出现『Tooltips』提示单击编辑；<br>状态三：鼠标点击后，出现『输入框』、『确定』、『取消』表单元素，同时光标定位在『输入框』中。</div><!-- react-empty: 132 --></div></div><p data-reactid="133"><!-- react-text: 134 -->单字段行内编辑<!-- /react-text --></p><p data-reactid="135"><!-- react-text: 136 -->当『易读性』远比『易编辑性』重要时，可以使用『单击编辑』。<!-- /react-text --></p><p data-reactid="137"><br data-reactid="138"/></p><div class="preview-image-boxes clearfix" data-reactid="139"><div class="preview-image-box" data-reactid="140"><div class="preview-image-wrapper" data-reactid="141"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/ZmRlahliUbCurhu.png" alt="文字链/图标编辑示例" data-reactid="142"/></div><div class="preview-image-title" data-reactid="143">文字链/图标编辑示例</div><div class="preview-image-description" data-reactid="144">状态一：在可编辑行附近出现文字链/图标；<br>状态二：鼠标点击『编辑』后，出现『输入框』、『确定』、『取消』表单元素，同时光标定位在『输入框』中。</div><!-- react-empty: 145 --></div></div><p data-reactid="146"><!-- react-text: 147 -->当『易读性』为主，同时又要突出操作行的『易编辑性』时，可使用『文字链/图标编辑』。<!-- /react-text --></p><p data-reactid="148"><br data-reactid="149"/></p><div class="preview-image-boxes clearfix" data-reactid="150"><div class="preview-image-box" data-reactid="151"><div class="preview-image-wrapper" data-reactid="152"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/hGXGErepBnrwqzj.png" alt="多字段行内编辑示例" data-reactid="153"/></div><div class="preview-image-title" data-reactid="154">多字段行内编辑示例</div><div class="preview-image-description" data-reactid="155">编辑模式在不破坏整体性的前提下，可扩大空间，以便放下『输入框』等表单元素；其中，在 Table 中进行编辑模式切换时，需要保证每列的不跳动。</div><!-- react-empty: 156 --></div></div><p data-reactid="157"><!-- react-text: 158 -->多字段行内编辑<!-- /react-text --></p><blockquote data-reactid="159"><p data-reactid="160"><!-- react-text: 161 -->注：在『多字段行内编辑』的情况下，显示的内容和编辑时所需的字段会存在比较大的差异，所以更需要『巧用过渡』原则中的<!-- /react-text --><a href="../spec/transition-cn#解释刚刚发生了什么" data-reactid="162">『解释刚刚发生了什么』</a><!-- react-text: 163 -->来消除这种视觉影响。<!-- /react-text --></p></blockquote><p data-reactid="164"><br data-reactid="165"/></p><p data-reactid="166"><!-- react-text: 167 -->更多有关『页内编辑』的模式，可查看<!-- /react-text --><a href="/docs/pattern/table-cn#模块编辑" data-reactid="168">『模式／表格／交互』</a><!-- react-text: 169 -->中的内容。<!-- /react-text --></p><p data-reactid="170"><br data-reactid="171"/></p><hr data-reactid="172"/><h2 id="利用拖放" data-reactid="173"><span data-reactid="174"><!-- react-text: 175 -->利用拖放<!-- /react-text --></span><a href="#利用拖放" class="anchor" data-reactid="176">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="177"><div class="preview-image-box" data-reactid="178"><div class="preview-image-wrapper" data-reactid="179"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/DjMFcqSxZrulbGF.png" alt="拖放列表示例" data-reactid="180"/></div><div class="preview-image-title" data-reactid="181">拖放列表示例</div><div class="preview-image-description" data-reactid="182">状态一：鼠标悬停该行时，出现可移动的『图标』；<br>状态二：鼠标悬停在该『图标』时，指针变为『手型』，点击即可进行拖动；<br>状态三：拖动到可放置区块，出现蓝色描边，告知用户该区块可放置该对象。</div><!-- react-empty: 183 --></div></div><p data-reactid="184"><!-- react-text: 185 -->拖放列表<!-- /react-text --></p><p data-reactid="186"><!-- react-text: 187 -->只能限制在一个维度（上/下或者左/右）进行拖放。<!-- /react-text --></p><p data-reactid="188"><br data-reactid="189"/></p><div class="preview-image-boxes clearfix" data-reactid="190"><div class="preview-image-box" data-reactid="191"><div class="preview-image-wrapper" data-reactid="192"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/KVhqdSoLUjXPXuN.png" alt="拖放图片/文件示例" data-reactid="193"/></div><div class="preview-image-title" data-reactid="194">拖放图片/文件示例</div><div class="preview-image-description" data-reactid="195"></div><!-- react-empty: 196 --></div></div><p data-reactid="197"><!-- react-text: 198 -->拖放图片/文件<!-- /react-text --></p><p data-reactid="199"><br data-reactid="200"/></p></section></article></div></div><div class="ant-row" data-reactid="201"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="202"><section class="prev-next-nav" data-reactid="203"><a class="prev-page" href="/docs/spec/repetition-cn" data-reactid="204">重复</a><a class="next-page" href="/docs/spec/stay-cn" data-reactid="205">足不出户</a></section></div></div></div><footer id="footer" data-reactid="206"><ul data-reactid="207"><li data-reactid="208"><h2 data-reactid="209"><i class="anticon anticon-github" data-reactid="210"></i><!-- react-text: 211 --> GitHub<!-- /react-text --></h2><div data-reactid="212"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="213"><span data-reactid="214">源码仓库</span></a></div><div data-reactid="215"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="216"><span data-reactid="217">定制主题</span></a></div><div data-reactid="218"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="219"><span data-reactid="220">Awesome Ant Design</span></a></div></li><li data-reactid="221"><h2 data-reactid="222"><i class="anticon anticon-link" data-reactid="223"></i><!-- react-text: 224 --> <!-- /react-text --><span data-reactid="225">相关站点</span></h2><div data-reactid="226"><a href="https://design.alipay.com/" data-reactid="227"><span data-reactid="228">蚂蚁金服设计平台</span></a></div><div data-reactid="229"><a href="http://mobile.ant.design" data-reactid="230">Ant Design Mobile</a><span data-reactid="231"> - </span><span data-reactid="232">移动版</span></div><div data-reactid="233"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="234">dva</a><!-- react-text: 235 --> - <!-- /react-text --><span data-reactid="236">应用框架</span></div><div data-reactid="237"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="238">dva-cli</a><!-- react-text: 239 --> -<!-- /react-text --><span data-reactid="240">开发工具</span></div><div data-reactid="241"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="242">Egg</a><span data-reactid="243"> - </span><span data-reactid="244">企业级 Node 开发框架</span></div><div data-reactid="245"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="246">AntV</a><span data-reactid="247"> - </span><span data-reactid="248">数据可视化</span></div><div data-reactid="249"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="250">Ant Motion</a><span data-reactid="251"> - </span><span data-reactid="252">设计动效</span></div><div data-reactid="253"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="254">AntD Library</a><span data-reactid="255"> - </span><span data-reactid="256">Axure 部件库</span></div><div data-reactid="257"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="258">Ant UX</a><span data-reactid="259"> - </span><span data-reactid="260">页面逻辑素材</span></div></li><li data-reactid="261"><h2 data-reactid="262"><i class="anticon anticon-customer-service" data-reactid="263"></i><!-- react-text: 264 --> <!-- /react-text --><span data-reactid="265">社区</span></h2><div data-reactid="266"><a href="/changelog" data-reactid="267"><span data-reactid="268">更新记录</span></a></div><div data-reactid="269"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="270"><span data-reactid="271">常见问题</span></a></div><div data-reactid="272"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="273"><span data-reactid="274">在线讨论 (中文)</span></a></div><div data-reactid="275"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="276"><span data-reactid="277">在线讨论 (English)</span></a></div><div data-reactid="278"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="279"><span data-reactid="280">报告 Bug</span></a></div><div data-reactid="281"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="282"><span data-reactid="283">讨论列表</span></a></div><div data-reactid="284"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="285"><span data-reactid="286">StackOverflow</span></a></div><div data-reactid="287"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="288"><span data-reactid="289">SegmentFault</span></a></div></li><li data-reactid="290"><h2 data-reactid="291"><!-- react-text: 292 -->Copyright © <!-- /react-text --><!-- react-text: 293 -->2017<!-- /react-text --></h2><div data-reactid="294"><span data-reactid="295">蚂蚁金服体验技术部出品</span></div><div data-reactid="296"><!-- react-text: 297 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="298">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/direct.html b/docs/spec/direct.html
index 3908e42de..8da2d49ae 100644
--- a/docs/spec/direct.html
+++ b/docs/spec/direct.html
@@ -110,10 +110,10 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="891344755"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="2114573072"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/lightweight" data-reactid="72">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/stay" data-reactid="74">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Make it Direct<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/direct.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->As Alan Cooper states：『Where there is output, let there be input』. This is the principle of direct manipulation. eg：Instead of editing content on a separate page, do it directly in context.<!-- /react-text --></p></section><section class="toc" data-reactid="113"><ul data-reactid="114"><li data-reactid="115"><a class="bisheng-toc-h2" href="#In-Page-Editing" title="In-Page Editing" data-reactid="116"><!-- react-text: 117 -->In-Page Editing<!-- /react-text --></a></li><li data-reactid="118"><a class="bisheng-toc-h2" href="#Drag-and-Drop" title="Drag and Drop" data-reactid="119"><!-- react-text: 120 -->Drag and Drop<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="121"><h2 id="In-Page-Editing" data-reactid="122"><span data-reactid="123"><!-- react-text: 124 -->In-Page Editing<!-- /react-text --></span><a href="#In-Page-Editing" class="anchor" data-reactid="125">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="126"><div class="preview-image-box" data-reactid="127"><div class="preview-image-wrapper" data-reactid="128"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/PmVuUUKeamHdveT.png" alt="Example of click to edit" data-reactid="129"/></div><div class="preview-image-title" data-reactid="130">Example of click to edit</div><div class="preview-image-description" data-reactid="131">Status 1: Common browsing mode, do not distinguish between editable  and  non-editable lines；<br>Status 2: On mouse hover, the background is backlit with yellow. A tool tip invites the user to “Click to edit”；<br>Status 3: Once the user clicks on the title, the form elements 『Input box』, 『Ok』 and 『Cancel』 appear, and the cursor is positioned in the 『input box』.</div><!-- react-empty: 132 --></div></div><p data-reactid="133"><!-- react-text: 134 -->Single-Field Inline Edit<!-- /react-text --></p><p data-reactid="135"><!-- react-text: 136 -->If 『readability』 is more important than 『editability』, 『click to edit』 can be used.<!-- /react-text --></p><p data-reactid="137"><br data-reactid="138"/></p><div class="preview-image-boxes clearfix" data-reactid="139"><div class="preview-image-box" data-reactid="140"><div class="preview-image-wrapper" data-reactid="141"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/ZmRlahliUbCurhu.png" alt="Example of Text link/Icon Edit" data-reactid="142"/></div><div class="preview-image-title" data-reactid="143">Example of Text link/Icon Edit</div><div class="preview-image-description" data-reactid="144">Status 1: Text link/icon appears near the editable line.；<br>Status 2: Once the mouse clicks 『edit』,the form elements 『Input box』, 『Ok』 and 『Cancel』 appear, and the cursor is positioned in the 『input box』.
-</div><!-- react-empty: 145 --></div></div><p data-reactid="146"><!-- react-text: 147 -->If the priority is given to 『readability』 and the 『editability』 of operation lines need to be highlighted at the same time, 『text link/icon edit』can be used.<!-- /react-text --></p><p data-reactid="148"><br data-reactid="149"/></p><div class="preview-image-boxes clearfix" data-reactid="150"><div class="preview-image-box" data-reactid="151"><div class="preview-image-wrapper" data-reactid="152"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/hGXGErepBnrwqzj.png" alt="Example of Multi-Field Inline Edit" data-reactid="153"/></div><div class="preview-image-title" data-reactid="154">Example of Multi-Field Inline Edit</div><div class="preview-image-description" data-reactid="155">Edit mode without destroying integrity can enlarge the space in order to put down the 『Input box』 and other form elements. Besides, when switching the edit mode in the Table, it is necessary to ensure that each column does not beat.</div><!-- react-empty: 156 --></div></div><p data-reactid="157"><!-- react-text: 158 -->Multi-Field Inline Edit<!-- /react-text --></p><blockquote data-reactid="159"><p data-reactid="160"><!-- react-text: 161 -->Note：In『Multi-Field Inline Edit』，there are huge different between the content and required field，So it is more needed to use the <!-- /react-text --><a href="../spec/transition#解释刚刚发生了什么" data-reactid="162">『Explain What Just Happened』</a><!-- react-text: 163 --> in 『Use Transition』to eliminate this visual effects.<!-- /react-text --></p></blockquote><p data-reactid="164"><br data-reactid="165"/></p><p data-reactid="166"><!-- react-text: 167 -->More mode of 『In-page Edit』 ，please visit <!-- /react-text --><a href="/docs/pattern/table#模块编辑" data-reactid="168">『Mode／Table／Interaction』</a></p><p data-reactid="169"><br data-reactid="170"/></p><hr data-reactid="171"/><h2 id="Drag-and-Drop" data-reactid="172"><span data-reactid="173"><!-- react-text: 174 -->Drag and Drop<!-- /react-text --></span><a href="#Drag-and-Drop" class="anchor" data-reactid="175">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="176"><div class="preview-image-box" data-reactid="177"><div class="preview-image-wrapper" data-reactid="178"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/DjMFcqSxZrulbGF.png" alt="Example of Drag and Drop List" data-reactid="179"/></div><div class="preview-image-title" data-reactid="180">Example of Drag and Drop List</div><div class="preview-image-description" data-reactid="181">Status 1: On mouse hover,a removable 『icon』 appears.；<br>Status 2： When hovering over the 『icon』，the pointer changes into a 『hand』， click-and-drag operation can be used；<br>Status 3：Drag  target to the placeable block. When  blue stroke appears, inform  user that object can be placed in the block.</div><!-- react-empty: 182 --></div></div><p data-reactid="183"><!-- react-text: 184 -->Drag and Drop List<!-- /react-text --></p><p data-reactid="185"><!-- react-text: 186 -->Drag and Drop can only limited in one dimension（upper/down or left/right）<!-- /react-text --></p><p data-reactid="187"><br data-reactid="188"/></p><div class="preview-image-boxes clearfix" data-reactid="189"><div class="preview-image-box" data-reactid="190"><div class="preview-image-wrapper" data-reactid="191"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/KVhqdSoLUjXPXuN.png" alt="Example of Drag and Drop picture/file" data-reactid="192"/></div><div class="preview-image-title" data-reactid="193">Example of Drag and Drop picture/file</div><div class="preview-image-description" data-reactid="194"></div><!-- react-empty: 195 --></div></div><p data-reactid="196"><!-- react-text: 197 -->Drag and Drop picture/file<!-- /react-text --></p><p data-reactid="198"><br data-reactid="199"/></p></section></article></div></div><div class="ant-row" data-reactid="200"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="201"><section class="prev-next-nav" data-reactid="202"><a class="prev-page" href="/docs/spec/repetition" data-reactid="203">Repetition</a><a class="next-page" href="/docs/spec/lightweight" data-reactid="204">Keep it Lightweight</a></section></div></div></div><footer id="footer" data-reactid="205"><ul data-reactid="206"><li data-reactid="207"><h2 data-reactid="208"><i class="anticon anticon-github" data-reactid="209"></i><!-- react-text: 210 --> GitHub<!-- /react-text --></h2><div data-reactid="211"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="212"><span data-reactid="213">Repository</span></a></div><div data-reactid="214"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="215"><span data-reactid="216">Customize Theme</span></a></div><div data-reactid="217"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="218"><span data-reactid="219">Awesome Ant Design</span></a></div></li><li data-reactid="220"><h2 data-reactid="221"><i class="anticon anticon-link" data-reactid="222"></i><!-- react-text: 223 --> <!-- /react-text --><span data-reactid="224">Links</span></h2><div data-reactid="225"><a href="https://design.alipay.com/" data-reactid="226"><span data-reactid="227">Ant Financial Design Platform</span></a></div><div data-reactid="228"><a href="http://mobile.ant.design" data-reactid="229">Ant Design Mobile</a><span data-reactid="230"> - </span><span data-reactid="231">Mobile UI</span></div><div data-reactid="232"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="233">dva</a><!-- react-text: 234 --> - <!-- /react-text --><span data-reactid="235">Framework</span></div><div data-reactid="236"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="237">dva-cli</a><!-- react-text: 238 --> -<!-- /react-text --><span data-reactid="239">Developer Tools</span></div><div data-reactid="240"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="241">Egg</a><span data-reactid="242"> - </span><span data-reactid="243">Enterprise Node Framework</span></div><div data-reactid="244"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="245">AntV</a><span data-reactid="246"> - </span><span data-reactid="247">Data Visualization</span></div><div data-reactid="248"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="249">Ant Motion</a><span data-reactid="250"> - </span><span data-reactid="251">Motion Soluction</span></div><div data-reactid="252"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="253">AntD Library</a><span data-reactid="254"> - </span><span data-reactid="255">Axure library</span></div><div data-reactid="256"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="257">Ant UX</a><span data-reactid="258"> - </span><span data-reactid="259">Sitemap Template</span></div></li><li data-reactid="260"><h2 data-reactid="261"><i class="anticon anticon-customer-service" data-reactid="262"></i><!-- react-text: 263 --> <!-- /react-text --><span data-reactid="264">Community</span></h2><div data-reactid="265"><a href="/changelog" data-reactid="266"><span data-reactid="267">Change Log</span></a></div><div data-reactid="268"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="269"><span data-reactid="270">FAQ</span></a></div><div data-reactid="271"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="272"><span data-reactid="273">Chat Room (中文)</span></a></div><div data-reactid="274"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="275"><span data-reactid="276">Chat Room (English)</span></a></div><div data-reactid="277"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="278"><span data-reactid="279">Bug Report</span></a></div><div data-reactid="280"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="281"><span data-reactid="282">Issues</span></a></div><div data-reactid="283"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="284"><span data-reactid="285">StackOverflow</span></a></div><div data-reactid="286"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="287"><span data-reactid="288">SegmentFault</span></a></div></li><li data-reactid="289"><h2 data-reactid="290"><!-- react-text: 291 -->Copyright © <!-- /react-text --><!-- react-text: 292 -->2017<!-- /react-text --></h2><div data-reactid="293"><span data-reactid="294">Created by AIUX</span></div><div data-reactid="295"><!-- react-text: 296 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="297">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay" data-reactid="72">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight" data-reactid="74">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Make it Direct<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/direct.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->As Alan Cooper states：『Where there is output, let there be input』. This is the principle of direct manipulation. eg：Instead of editing content on a separate page, do it directly in context.<!-- /react-text --></p></section><section class="toc" data-reactid="113"><ul data-reactid="114"><li data-reactid="115"><a class="bisheng-toc-h2" href="#In-Page-Editing" title="In-Page Editing" data-reactid="116"><!-- react-text: 117 -->In-Page Editing<!-- /react-text --></a></li><li data-reactid="118"><a class="bisheng-toc-h2" href="#Drag-and-Drop" title="Drag and Drop" data-reactid="119"><!-- react-text: 120 -->Drag and Drop<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="121"><h2 id="In-Page-Editing" data-reactid="122"><span data-reactid="123"><!-- react-text: 124 -->In-Page Editing<!-- /react-text --></span><a href="#In-Page-Editing" class="anchor" data-reactid="125">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="126"><div class="preview-image-box" data-reactid="127"><div class="preview-image-wrapper" data-reactid="128"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/PmVuUUKeamHdveT.png" alt="Example of click to edit" data-reactid="129"/></div><div class="preview-image-title" data-reactid="130">Example of click to edit</div><div class="preview-image-description" data-reactid="131">Status 1: Common browsing mode, do not distinguish between editable  and  non-editable lines；<br>Status 2: On mouse hover, the background is backlit with yellow. A tool tip invites the user to “Click to edit”；<br>Status 3: Once the user clicks on the title, the form elements 『Input box』, 『Ok』 and 『Cancel』 appear, and the cursor is positioned in the 『input box』.</div><!-- react-empty: 132 --></div></div><p data-reactid="133"><!-- react-text: 134 -->Single-Field Inline Edit<!-- /react-text --></p><p data-reactid="135"><!-- react-text: 136 -->If 『readability』 is more important than 『editability』, 『click to edit』 can be used.<!-- /react-text --></p><p data-reactid="137"><br data-reactid="138"/></p><div class="preview-image-boxes clearfix" data-reactid="139"><div class="preview-image-box" data-reactid="140"><div class="preview-image-wrapper" data-reactid="141"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/ZmRlahliUbCurhu.png" alt="Example of Text link/Icon Edit" data-reactid="142"/></div><div class="preview-image-title" data-reactid="143">Example of Text link/Icon Edit</div><div class="preview-image-description" data-reactid="144">Status 1: Text link/icon appears near the editable line.；<br>Status 2: Once the mouse clicks 『edit』,the form elements 『Input box』, 『Ok』 and 『Cancel』 appear, and the cursor is positioned in the 『input box』.
+</div><!-- react-empty: 145 --></div></div><p data-reactid="146"><!-- react-text: 147 -->If the priority is given to 『readability』 and the 『editability』 of operation lines need to be highlighted at the same time, 『text link/icon edit』can be used.<!-- /react-text --></p><p data-reactid="148"><br data-reactid="149"/></p><div class="preview-image-boxes clearfix" data-reactid="150"><div class="preview-image-box" data-reactid="151"><div class="preview-image-wrapper" data-reactid="152"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/hGXGErepBnrwqzj.png" alt="Example of Multi-Field Inline Edit" data-reactid="153"/></div><div class="preview-image-title" data-reactid="154">Example of Multi-Field Inline Edit</div><div class="preview-image-description" data-reactid="155">Edit mode without destroying integrity can enlarge the space in order to put down the 『Input box』 and other form elements. Besides, when switching the edit mode in the Table, it is necessary to ensure that each column does not beat.</div><!-- react-empty: 156 --></div></div><p data-reactid="157"><!-- react-text: 158 -->Multi-Field Inline Edit<!-- /react-text --></p><blockquote data-reactid="159"><p data-reactid="160"><!-- react-text: 161 -->Note：In『Multi-Field Inline Edit』，there are huge different between the content and required field，So it is more needed to use the <!-- /react-text --><a href="../spec/transition#解释刚刚发生了什么" data-reactid="162">『Explain What Just Happened』</a><!-- react-text: 163 --> in 『Use Transition』to eliminate this visual effects.<!-- /react-text --></p></blockquote><p data-reactid="164"><br data-reactid="165"/></p><p data-reactid="166"><!-- react-text: 167 -->More mode of 『In-page Edit』 ，please visit <!-- /react-text --><a href="/docs/pattern/table#模块编辑" data-reactid="168">『Mode／Table／Interaction』</a></p><p data-reactid="169"><br data-reactid="170"/></p><hr data-reactid="171"/><h2 id="Drag-and-Drop" data-reactid="172"><span data-reactid="173"><!-- react-text: 174 -->Drag and Drop<!-- /react-text --></span><a href="#Drag-and-Drop" class="anchor" data-reactid="175">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="176"><div class="preview-image-box" data-reactid="177"><div class="preview-image-wrapper" data-reactid="178"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/DjMFcqSxZrulbGF.png" alt="Example of Drag and Drop List" data-reactid="179"/></div><div class="preview-image-title" data-reactid="180">Example of Drag and Drop List</div><div class="preview-image-description" data-reactid="181">Status 1: On mouse hover,a removable 『icon』 appears.；<br>Status 2： When hovering over the 『icon』，the pointer changes into a 『hand』， click-and-drag operation can be used；<br>Status 3：Drag  target to the placeable block. When  blue stroke appears, inform  user that object can be placed in the block.</div><!-- react-empty: 182 --></div></div><p data-reactid="183"><!-- react-text: 184 -->Drag and Drop List<!-- /react-text --></p><p data-reactid="185"><!-- react-text: 186 -->Drag and Drop can only limited in one dimension（upper/down or left/right）<!-- /react-text --></p><p data-reactid="187"><br data-reactid="188"/></p><div class="preview-image-boxes clearfix" data-reactid="189"><div class="preview-image-box" data-reactid="190"><div class="preview-image-wrapper" data-reactid="191"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/KVhqdSoLUjXPXuN.png" alt="Example of Drag and Drop picture/file" data-reactid="192"/></div><div class="preview-image-title" data-reactid="193">Example of Drag and Drop picture/file</div><div class="preview-image-description" data-reactid="194"></div><!-- react-empty: 195 --></div></div><p data-reactid="196"><!-- react-text: 197 -->Drag and Drop picture/file<!-- /react-text --></p><p data-reactid="198"><br data-reactid="199"/></p></section></article></div></div><div class="ant-row" data-reactid="200"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="201"><section class="prev-next-nav" data-reactid="202"><a class="prev-page" href="/docs/spec/repetition" data-reactid="203">Repetition</a><a class="next-page" href="/docs/spec/stay" data-reactid="204">Stay on the Page</a></section></div></div></div><footer id="footer" data-reactid="205"><ul data-reactid="206"><li data-reactid="207"><h2 data-reactid="208"><i class="anticon anticon-github" data-reactid="209"></i><!-- react-text: 210 --> GitHub<!-- /react-text --></h2><div data-reactid="211"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="212"><span data-reactid="213">Repository</span></a></div><div data-reactid="214"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="215"><span data-reactid="216">Customize Theme</span></a></div><div data-reactid="217"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="218"><span data-reactid="219">Awesome Ant Design</span></a></div></li><li data-reactid="220"><h2 data-reactid="221"><i class="anticon anticon-link" data-reactid="222"></i><!-- react-text: 223 --> <!-- /react-text --><span data-reactid="224">Links</span></h2><div data-reactid="225"><a href="https://design.alipay.com/" data-reactid="226"><span data-reactid="227">Ant Financial Design Platform</span></a></div><div data-reactid="228"><a href="http://mobile.ant.design" data-reactid="229">Ant Design Mobile</a><span data-reactid="230"> - </span><span data-reactid="231">Mobile UI</span></div><div data-reactid="232"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="233">dva</a><!-- react-text: 234 --> - <!-- /react-text --><span data-reactid="235">Framework</span></div><div data-reactid="236"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="237">dva-cli</a><!-- react-text: 238 --> -<!-- /react-text --><span data-reactid="239">Developer Tools</span></div><div data-reactid="240"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="241">Egg</a><span data-reactid="242"> - </span><span data-reactid="243">Enterprise Node Framework</span></div><div data-reactid="244"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="245">AntV</a><span data-reactid="246"> - </span><span data-reactid="247">Data Visualization</span></div><div data-reactid="248"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="249">Ant Motion</a><span data-reactid="250"> - </span><span data-reactid="251">Motion Soluction</span></div><div data-reactid="252"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="253">AntD Library</a><span data-reactid="254"> - </span><span data-reactid="255">Axure library</span></div><div data-reactid="256"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="257">Ant UX</a><span data-reactid="258"> - </span><span data-reactid="259">Sitemap Template</span></div></li><li data-reactid="260"><h2 data-reactid="261"><i class="anticon anticon-customer-service" data-reactid="262"></i><!-- react-text: 263 --> <!-- /react-text --><span data-reactid="264">Community</span></h2><div data-reactid="265"><a href="/changelog" data-reactid="266"><span data-reactid="267">Change Log</span></a></div><div data-reactid="268"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="269"><span data-reactid="270">FAQ</span></a></div><div data-reactid="271"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="272"><span data-reactid="273">Chat Room (中文)</span></a></div><div data-reactid="274"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="275"><span data-reactid="276">Chat Room (English)</span></a></div><div data-reactid="277"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="278"><span data-reactid="279">Bug Report</span></a></div><div data-reactid="280"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="281"><span data-reactid="282">Issues</span></a></div><div data-reactid="283"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="284"><span data-reactid="285">StackOverflow</span></a></div><div data-reactid="286"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="287"><span data-reactid="288">SegmentFault</span></a></div></li><li data-reactid="289"><h2 data-reactid="290"><!-- react-text: 291 -->Copyright © <!-- /react-text --><!-- react-text: 292 -->2017<!-- /react-text --></h2><div data-reactid="293"><span data-reactid="294">Created by AIUX</span></div><div data-reactid="295"><!-- react-text: 296 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="297">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/feature-cn.html b/docs/spec/feature-cn.html
index 7e421dc82..3075bd3ef 100644
--- a/docs/spec/feature-cn.html
+++ b/docs/spec/feature-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="428750534"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-889964856"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->基本理念<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/feature.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->与众不同的是，Ant Design 不但追求『用户』的使用体验，还追求『设计者』和『开发者』的使用体验，践行『以人为本』的设计理念。<!-- /react-text --></p><div style="margin-left:-40px;margin-right:-40px;overflow:hidden;margin-top:30px;" data-reactid="113"><div class="ant-col-8 features" data-reactid="114"><img src="https://os.alipayobjects.com/rmsportal/OVirOHTeAdzDBuQ.png" data-reactid="115"/><h5 id="微小" data-reactid="116"><span data-reactid="117"><!-- react-text: 118 -->微小<!-- /react-text --></span><a href="#微小" class="anchor" data-reactid="119">#</a></h5><div data-reactid="120"><!-- react-text: 121 -->致力于微小而美好的改变，力求在细节上精益求精，不仅让业务产品更加实用和可靠，而且还能让『用户』感到小惊喜。<!-- /react-text --></div></div><div class="ant-col-8 features" data-reactid="122"><img src="https://os.alipayobjects.com/rmsportal/iJbUiLYpuPBXUhV.png" data-reactid="123"/><h5 id="确定" data-reactid="124"><span data-reactid="125"><!-- react-text: 126 -->确定<!-- /react-text --></span><a href="#确定" class="anchor" data-reactid="127">#</a></h5><div data-reactid="128"><!-- react-text: 129 -->制定通俗而科学的设计原则、运用面向对象的方法、使用一致的文档沟通机制，给予研发团队一种高确定性、低熵值的研发状态。<!-- /react-text --></div></div><div class="ant-col-8 features" data-reactid="130"><img src="https://os.alipayobjects.com/rmsportal/uSOjjlCRjRIhtIY.png" data-reactid="131"/><h5 id="幸福" data-reactid="132"><span data-reactid="133"><!-- react-text: 134 -->幸福<!-- /react-text --></span><a href="#幸福" class="anchor" data-reactid="135">#</a></h5><div data-reactid="136"><!-- react-text: 137 -->不苛求简单，但是力求让『用户』和『设计者』流畅的完成目标，并带着成功和满足离开。<!-- /react-text --></div></div></div><style data-reactid="138">
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->基本理念<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/feature.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->与众不同的是，Ant Design 不但追求『用户』的使用体验，还追求『设计者』和『开发者』的使用体验，践行『以人为本』的设计理念。<!-- /react-text --></p><div style="margin-left:-40px;margin-right:-40px;overflow:hidden;margin-top:30px;" data-reactid="113"><div class="ant-col-8 features" data-reactid="114"><img src="https://os.alipayobjects.com/rmsportal/OVirOHTeAdzDBuQ.png" data-reactid="115"/><h5 id="微小" data-reactid="116"><span data-reactid="117"><!-- react-text: 118 -->微小<!-- /react-text --></span><a href="#微小" class="anchor" data-reactid="119">#</a></h5><div data-reactid="120"><!-- react-text: 121 -->致力于微小而美好的改变，力求在细节上精益求精，不仅让业务产品更加实用和可靠，而且还能让『用户』感到小惊喜。<!-- /react-text --></div></div><div class="ant-col-8 features" data-reactid="122"><img src="https://os.alipayobjects.com/rmsportal/iJbUiLYpuPBXUhV.png" data-reactid="123"/><h5 id="确定" data-reactid="124"><span data-reactid="125"><!-- react-text: 126 -->确定<!-- /react-text --></span><a href="#确定" class="anchor" data-reactid="127">#</a></h5><div data-reactid="128"><!-- react-text: 129 -->制定通俗而科学的设计原则、运用面向对象的方法、使用一致的文档沟通机制，给予研发团队一种高确定性、低熵值的研发状态。<!-- /react-text --></div></div><div class="ant-col-8 features" data-reactid="130"><img src="https://os.alipayobjects.com/rmsportal/uSOjjlCRjRIhtIY.png" data-reactid="131"/><h5 id="幸福" data-reactid="132"><span data-reactid="133"><!-- react-text: 134 -->幸福<!-- /react-text --></span><a href="#幸福" class="anchor" data-reactid="135">#</a></h5><div data-reactid="136"><!-- react-text: 137 -->不苛求简单，但是力求让『用户』和『设计者』流畅的完成目标，并带着成功和满足离开。<!-- /react-text --></div></div></div><style data-reactid="138">
 .features {
   padding: 0 40px;
   font-size: 12px;
diff --git a/docs/spec/feature.html b/docs/spec/feature.html
index bb8b55842..4cfedaf26 100644
--- a/docs/spec/feature.html
+++ b/docs/spec/feature.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1667966480"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1913857554"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/lightweight" data-reactid="72">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/stay" data-reactid="74">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Features<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/feature.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->Unlike other design specifications, Ant Design pursues not only user experience, but also experience of desigers and developers, which practice a humanist design idea.<!-- /react-text --></p><div style="margin-left:-40px;margin-right:-40px;overflow:hidden;margin-top:30px;" data-reactid="113"><div class="ant-col-8 features" data-reactid="114"><img src="https://os.alipayobjects.com/rmsportal/OVirOHTeAdzDBuQ.png" data-reactid="115"/><h5 id="Subtleties" data-reactid="116"><span data-reactid="117"><!-- react-text: 118 -->Subtleties<!-- /react-text --></span><a href="#Subtleties" class="anchor" data-reactid="119">#</a></h5><div data-reactid="120"><!-- react-text: 121 -->By devoted to create tiny and beautiful change, make efforts in details, we could not only make products more solid and reliable, but also bring good suprises for users.<!-- /react-text --></div></div><div class="ant-col-8 features" data-reactid="122"><img src="https://os.alipayobjects.com/rmsportal/iJbUiLYpuPBXUhV.png" data-reactid="123"/><h5 id="Definiteness" data-reactid="124"><span data-reactid="125"><!-- react-text: 126 -->Definiteness<!-- /react-text --></span><a href="#Definiteness" class="anchor" data-reactid="127">#</a></h5><div data-reactid="128"><!-- react-text: 129 -->Create an atmosphere of high definiteness and lower entropy, by making simple and scientific design patterns and using the same communicate channel.<!-- /react-text --></div></div><div class="ant-col-8 features" data-reactid="130"><img src="https://os.alipayobjects.com/rmsportal/uSOjjlCRjRIhtIY.png" data-reactid="131"/><h5 id="Happiness" data-reactid="132"><span data-reactid="133"><!-- react-text: 134 -->Happiness<!-- /react-text --></span><a href="#Happiness" class="anchor" data-reactid="135">#</a></h5><div data-reactid="136"><!-- react-text: 137 -->Don&#x27;t design for minimalism，design for getting job done and whatever makes designer happy and satisfied.<!-- /react-text --></div></div></div><style data-reactid="138">
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay" data-reactid="72">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight" data-reactid="74">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Features<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/feature.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->Unlike other design specifications, Ant Design pursues not only user experience, but also experience of desigers and developers, which practice a humanist design idea.<!-- /react-text --></p><div style="margin-left:-40px;margin-right:-40px;overflow:hidden;margin-top:30px;" data-reactid="113"><div class="ant-col-8 features" data-reactid="114"><img src="https://os.alipayobjects.com/rmsportal/OVirOHTeAdzDBuQ.png" data-reactid="115"/><h5 id="Subtleties" data-reactid="116"><span data-reactid="117"><!-- react-text: 118 -->Subtleties<!-- /react-text --></span><a href="#Subtleties" class="anchor" data-reactid="119">#</a></h5><div data-reactid="120"><!-- react-text: 121 -->By devoted to create tiny and beautiful change, make efforts in details, we could not only make products more solid and reliable, but also bring good suprises for users.<!-- /react-text --></div></div><div class="ant-col-8 features" data-reactid="122"><img src="https://os.alipayobjects.com/rmsportal/iJbUiLYpuPBXUhV.png" data-reactid="123"/><h5 id="Definiteness" data-reactid="124"><span data-reactid="125"><!-- react-text: 126 -->Definiteness<!-- /react-text --></span><a href="#Definiteness" class="anchor" data-reactid="127">#</a></h5><div data-reactid="128"><!-- react-text: 129 -->Create an atmosphere of high definiteness and lower entropy, by making simple and scientific design patterns and using the same communicate channel.<!-- /react-text --></div></div><div class="ant-col-8 features" data-reactid="130"><img src="https://os.alipayobjects.com/rmsportal/uSOjjlCRjRIhtIY.png" data-reactid="131"/><h5 id="Happiness" data-reactid="132"><span data-reactid="133"><!-- react-text: 134 -->Happiness<!-- /react-text --></span><a href="#Happiness" class="anchor" data-reactid="135">#</a></h5><div data-reactid="136"><!-- react-text: 137 -->Don&#x27;t design for minimalism，design for getting job done and whatever makes designer happy and satisfied.<!-- /react-text --></div></div></div><style data-reactid="138">
 .features {
   padding: 0 40px;
   font-size: 12px;
diff --git a/docs/spec/feedback-cn.html b/docs/spec/feedback-cn.html
index 445ff6def..5e56cbc19 100644
--- a/docs/spec/feedback-cn.html
+++ b/docs/spec/feedback-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1892448188"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="851015614"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->反馈<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/feedback.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->为了帮助用户了解应用当前要做什么，也给用户的下一步行为做参考，以及了解操作后所产生的结果 ，当用户和系统需要交互时，使用不同的模式来反馈信息或结果。当设计者使用反馈或者自定义一些反馈时，请注意：<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->为用户在各个阶段提供必要、积极、即时的反馈；<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->避免过度反馈，以免给用户带来不必要的打扰，能够及时看到效果的、简单的操作，可以省略反馈提示。<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="120"><ul data-reactid="121"><li data-reactid="122"><a class="bisheng-toc-h2" href="#提示信息" title="提示信息" data-reactid="123"><!-- react-text: 124 -->提示信息<!-- /react-text --></a></li><li data-reactid="125"><a class="bisheng-toc-h2" href="#过程反馈" title="过程反馈" data-reactid="126"><!-- react-text: 127 -->过程反馈<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#结果反馈" title="结果反馈" data-reactid="129"><!-- react-text: 130 -->结果反馈<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="131"><h2 id="提示信息" data-reactid="132"><span data-reactid="133"><!-- react-text: 134 -->提示信息<!-- /react-text --></span><a href="#提示信息" class="anchor" data-reactid="135">#</a></h2><p data-reactid="136"><!-- react-text: 137 -->任何一个产品，即使用户界面做的再好，也离不开用户引导和信息提示。提示信息是用来告诉用户需要知道什么、采取什么样行动的内容。<!-- /react-text --></p><h3 id="警告" data-reactid="138"><span data-reactid="139"><!-- react-text: 140 -->警告<!-- /react-text --></span><a href="#警告" class="anchor" data-reactid="141">#</a></h3><h4 id="警告提示（Alert）" data-reactid="142"><span data-reactid="143"><!-- react-text: 144 -->警告提示（Alert）<!-- /react-text --></span><a href="#警告提示（Alert）" class="anchor" data-reactid="145">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="146"><div class="preview-image-box" data-reactid="147"><div class="preview-image-wrapper" data-reactid="148"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/MPBsvIMFPMeocAailbIW.png" data-reactid="149"/></div><div class="preview-image-title" data-reactid="150"></div><div class="preview-image-description" data-reactid="151"></div><!-- react-empty: 152 --></div></div><p data-reactid="153"><!-- react-text: 154 -->是一种非阻碍式的信息展示，它不打断用户的当前操作，一般停留至页面某个位置（优先顶部），非浮层的静态展现形式，始终展现，不会自动消失，用户可以点击关闭。<!-- /react-text --></p><blockquote data-reactid="155"><p data-reactid="156"><!-- react-text: 157 -->注：关闭按钮可根据业务需要增加或隐藏。<!-- /react-text --></p></blockquote><h3 id="通知" data-reactid="158"><span data-reactid="159"><!-- react-text: 160 -->通知<!-- /react-text --></span><a href="#通知" class="anchor" data-reactid="161">#</a></h3><h4 id="通知提醒（Notification）" data-reactid="162"><span data-reactid="163"><!-- react-text: 164 -->通知提醒（Notification）<!-- /react-text --></span><a href="#通知提醒（Notification）" class="anchor" data-reactid="165">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="166"><div class="preview-image-box" data-reactid="167"><div class="preview-image-wrapper" data-reactid="168"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/icHybUesGmjYbfxfSoQY.png" data-reactid="169"/></div><div class="preview-image-title" data-reactid="170"></div><div class="preview-image-description" data-reactid="171">较为复杂的通知内容时使用。</div><!-- react-empty: 172 --></div></div><p data-reactid="173"><!-- react-text: 174 -->系统主动推送的重要的全局性通知信息，在系统右上角显示。<!-- /react-text --></p><h4 id="徽标数（Badge）" data-reactid="175"><span data-reactid="176"><!-- react-text: 177 -->徽标数（Badge）<!-- /react-text --></span><a href="#徽标数（Badge）" class="anchor" data-reactid="178">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="179"><div class="preview-image-box" data-reactid="180"><div class="preview-image-wrapper" data-reactid="181"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/tmthsGOQKqdMUEAFeTYT.png" data-reactid="182"/></div><div class="preview-image-title" data-reactid="183"></div><div class="preview-image-description" data-reactid="184">当有 icon 的情况时一般居于 icon 右上角；无 icon 的情况下一般位于标题后侧。</div><!-- react-empty: 185 --></div></div><p data-reactid="186"><!-- react-text: 187 -->用于聚合型的消息提示，一般出现在通知图标或头像的右上角，通过醒目的视觉形式吸引用户眼球。<!-- /react-text --></p><blockquote data-reactid="188"><p data-reactid="189"><!-- react-text: 190 -->注：相对重要和用户关联度更高的信息提示，使用数字精准提示；权重不高和不是用户特别关心的消息提示，使用红点做提示。<!-- /react-text --></p></blockquote><h3 id="帮助" data-reactid="191"><span data-reactid="192"><!-- react-text: 193 -->帮助<!-- /react-text --></span><a href="#帮助" class="anchor" data-reactid="194">#</a></h3><h4 id="气泡卡片（Popover）" data-reactid="195"><span data-reactid="196"><!-- react-text: 197 -->气泡卡片（Popover）<!-- /react-text --></span><a href="#气泡卡片（Popover）" class="anchor" data-reactid="198">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="199"><div class="preview-image-box" data-reactid="200"><div class="preview-image-wrapper" data-reactid="201"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/vDfayzqikMEWAcTrXRzD.png" data-reactid="202"/></div><div class="preview-image-title" data-reactid="203"></div><div class="preview-image-description" data-reactid="204"></div><!-- react-empty: 205 --></div></div><p data-reactid="206"><!-- react-text: 207 -->当目标元素有进一步的描述和相关操作时，可以收纳到卡片中，根据用户的操作行为进行展现。<!-- /react-text --></p><blockquote data-reactid="208"><p data-reactid="209"><!-- react-text: 210 -->注：和 Tooltip 的区别是，Popover 可以承载更复杂的内容，比如链接或按钮等。<!-- /react-text --></p></blockquote><h4 id="文字提示（Tooltip）" data-reactid="211"><span data-reactid="212"><!-- react-text: 213 -->文字提示（Tooltip）<!-- /react-text --></span><a href="#文字提示（Tooltip）" class="anchor" data-reactid="214">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="215"><div class="preview-image-box" data-reactid="216"><div class="preview-image-wrapper" data-reactid="217"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/oOXzRKnHokbLCbRWPNrk.png" data-reactid="218"/></div><div class="preview-image-title" data-reactid="219"></div><div class="preview-image-description" data-reactid="220"></div><!-- react-empty: 221 --></div></div><p data-reactid="222"><!-- react-text: 223 -->用于精确地描述被指向的对象，例如图标、图形、链接等，鼠标移入则显示提示，移出消失，不承载复杂文本和操作。<!-- /react-text --></p><hr data-reactid="224"/><h2 id="过程反馈" data-reactid="225"><span data-reactid="226"><!-- react-text: 227 -->过程反馈<!-- /react-text --></span><a href="#过程反馈" class="anchor" data-reactid="228">#</a></h2><p data-reactid="229"><!-- react-text: 230 -->操作过程中尽可能将状态的反馈给用户，即时的响应会给用户增加信赖感。<!-- /react-text --></p><h3 id="加载状态进度反馈" data-reactid="231"><span data-reactid="232"><!-- react-text: 233 -->加载状态进度反馈<!-- /react-text --></span><a href="#加载状态进度反馈" class="anchor" data-reactid="234">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="235"><div class="preview-image-box" data-reactid="236"><div class="preview-image-wrapper" data-reactid="237"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/iwEcSHfcdVYLkcWopOzK.png" data-reactid="238"/></div><div class="preview-image-title" data-reactid="239"></div><div class="preview-image-description" data-reactid="240">当用户不必等待较长时间的加载时使用。</div><!-- react-empty: 241 --></div></div><p data-reactid="242"><!-- react-text: 243 -->在操作需要一段时间（一般为超过2秒）完成时系统应即时给予提醒，明确告知加载的状态或加载进度条，保持与用户的沟通。<!-- /react-text --></p><p data-reactid="244"><br data-reactid="245"/></p><div class="preview-image-boxes clearfix" data-reactid="246"><div class="preview-image-box" data-reactid="247"><div class="preview-image-wrapper" data-reactid="248"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/iwEcSHfcdVYLkcWopOzK.png" data-reactid="249"/></div><div class="preview-image-title" data-reactid="250"></div><div class="preview-image-description" data-reactid="251">在操作需要较长时间才能完成时使用，显示该操作的当前进度和状态。</div><!-- react-empty: 252 --></div></div><blockquote data-reactid="253"><p data-reactid="254"><!-- react-text: 255 -->注：若加载时间较长，应提供取消操作。<!-- /react-text --></p></blockquote><h3 id="录入反馈" data-reactid="256"><span data-reactid="257"><!-- react-text: 258 -->录入反馈<!-- /react-text --></span><a href="#录入反馈" class="anchor" data-reactid="259">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="260"><div class="preview-image-box" data-reactid="261"><div class="preview-image-wrapper" data-reactid="262"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/luLujTAQqovClEOmgqzj.png" data-reactid="263"/></div><div class="preview-image-title" data-reactid="264"></div><div class="preview-image-description" data-reactid="265"></div><!-- react-empty: 266 --></div></div><p data-reactid="267"><!-- react-text: 268 -->操作过程中可通过不同的校验规则和形式，让用户及时发现并纠正错误。<!-- /react-text --></p><blockquote data-reactid="269"><p data-reactid="270"><!-- react-text: 271 -->注：反馈文字紧跟着要说明的区块（反馈内容一般是错误说明），不自动消失（当用户进行相应的交互操作后才消失）。<!-- /react-text --></p></blockquote><h4 id="气泡确认框（Popconfirm）" data-reactid="272"><span data-reactid="273"><!-- react-text: 274 -->气泡确认框（Popconfirm）<!-- /react-text --></span><a href="#气泡确认框（Popconfirm）" class="anchor" data-reactid="275">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="276"><div class="preview-image-box" data-reactid="277"><div class="preview-image-wrapper" data-reactid="278"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/adnYamnCJfmYrNLZOxdn.png" data-reactid="279"/></div><div class="preview-image-title" data-reactid="280"></div><div class="preview-image-description" data-reactid="281">和全屏居中模态对话框相比，交互形式更轻量。</div><!-- react-empty: 282 --></div></div><p data-reactid="283"><!-- react-text: 284 -->目标元素的操作需要用户进一步的确认时，在目标元素附近弹出浮层提示，询问用户。<!-- /react-text --></p><hr data-reactid="285"/><h2 id="结果反馈" data-reactid="286"><span data-reactid="287"><!-- react-text: 288 -->结果反馈<!-- /react-text --></span><a href="#结果反馈" class="anchor" data-reactid="289">#</a></h2><p data-reactid="290"><!-- react-text: 291 -->操作过程中尽可能将状态的反馈给用户，即时的响应会给用户增加信赖感。<!-- /react-text --></p><h3 id="顶部全局提示反馈（Message）" data-reactid="292"><span data-reactid="293"><!-- react-text: 294 -->顶部全局提示反馈（Message）<!-- /react-text --></span><a href="#顶部全局提示反馈（Message）" class="anchor" data-reactid="295">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="296"><div class="preview-image-box" data-reactid="297"><div class="preview-image-wrapper" data-reactid="298"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/rLXuVmbjsSNJWClJyocT.png" data-reactid="299"/></div><div class="preview-image-title" data-reactid="300"></div><div class="preview-image-description" data-reactid="301">当用户不必等待较长时间的加载时使用。</div><!-- react-empty: 302 --></div></div><p data-reactid="303"><!-- react-text: 304 -->通过一个操作引发的反馈浮层位于顶部居中显示并自动消失，是一种不打断用户操作的轻量级提示方式。<!-- /react-text --></p><div class="preview-image-boxes clearfix" data-reactid="305"><div class="preview-image-box" style="width:50%;" data-reactid="306"><div class="preview-image-wrapper good" data-reactid="307"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/FJkgswzSavkIhZjFAqjj.png" alt="正确示例" data-reactid="308"/></div><div class="preview-image-title" data-reactid="309">正确示例</div><div class="preview-image-description" data-reactid="310">失败时建议使用对话框形式提示并告知失败原因。</div><!-- react-empty: 311 --></div><div class="preview-image-box" style="width:50%;" data-reactid="312"><div class="preview-image-wrapper bad" data-reactid="313"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/dBBUQzfBveiWCLwjiCSX.png" alt="错误示例" data-reactid="314"/></div><div class="preview-image-title" data-reactid="315">错误示例</div><div class="preview-image-description" data-reactid="316">失败时不建议使用轻量级提示方式。</div><!-- react-empty: 317 --></div></div><h3 id="对话框反馈" data-reactid="318"><span data-reactid="319"><!-- react-text: 320 -->对话框反馈<!-- /react-text --></span><a href="#对话框反馈" class="anchor" data-reactid="321">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="322"><div class="preview-image-box" data-reactid="323"><div class="preview-image-wrapper" data-reactid="324"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/QxDepeJNSzmgjuNjRVoU.png" data-reactid="325"/></div><div class="preview-image-title" data-reactid="326"></div><div class="preview-image-description" data-reactid="327"></div><!-- react-empty: 328 --></div></div><p data-reactid="329"><!-- react-text: 330 -->通过一个操作引发的反馈浮层位于页面中心，反馈内容可通过确认或取消按钮进行关闭，用户在反馈层出现时不可进行任何的操作，用于重要的反馈。<!-- /react-text --></p><blockquote data-reactid="331"><p data-reactid="332"><!-- react-text: 333 -->注：除失败时避免显示不必要的提醒弹窗。弹窗是很强的反馈机制，只有在传递非常重要，且可操作的信息时才需要使用它。<!-- /react-text --></p></blockquote></section></article></div></div><div class="ant-row" data-reactid="334"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="335"><section class="prev-next-nav" data-reactid="336"><a class="prev-page" href="/docs/spec/data-display-cn" data-reactid="337">数据展示</a><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="next-page" data-reactid="338"><!-- react-text: 339 -->动效<!-- /react-text --><!-- react-text: 340 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="341"></i></a></section></div></div></div><footer id="footer" data-reactid="342"><ul data-reactid="343"><li data-reactid="344"><h2 data-reactid="345"><i class="anticon anticon-github" data-reactid="346"></i><!-- react-text: 347 --> GitHub<!-- /react-text --></h2><div data-reactid="348"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="349"><span data-reactid="350">源码仓库</span></a></div><div data-reactid="351"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="352"><span data-reactid="353">定制主题</span></a></div><div data-reactid="354"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="355"><span data-reactid="356">Awesome Ant Design</span></a></div></li><li data-reactid="357"><h2 data-reactid="358"><i class="anticon anticon-link" data-reactid="359"></i><!-- react-text: 360 --> <!-- /react-text --><span data-reactid="361">相关站点</span></h2><div data-reactid="362"><a href="https://design.alipay.com/" data-reactid="363"><span data-reactid="364">蚂蚁金服设计平台</span></a></div><div data-reactid="365"><a href="http://mobile.ant.design" data-reactid="366">Ant Design Mobile</a><span data-reactid="367"> - </span><span data-reactid="368">移动版</span></div><div data-reactid="369"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="370">dva</a><!-- react-text: 371 --> - <!-- /react-text --><span data-reactid="372">应用框架</span></div><div data-reactid="373"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="374">dva-cli</a><!-- react-text: 375 --> -<!-- /react-text --><span data-reactid="376">开发工具</span></div><div data-reactid="377"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="378">Egg</a><span data-reactid="379"> - </span><span data-reactid="380">企业级 Node 开发框架</span></div><div data-reactid="381"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="382">AntV</a><span data-reactid="383"> - </span><span data-reactid="384">数据可视化</span></div><div data-reactid="385"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="386">Ant Motion</a><span data-reactid="387"> - </span><span data-reactid="388">设计动效</span></div><div data-reactid="389"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="390">AntD Library</a><span data-reactid="391"> - </span><span data-reactid="392">Axure 部件库</span></div><div data-reactid="393"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="394">Ant UX</a><span data-reactid="395"> - </span><span data-reactid="396">页面逻辑素材</span></div></li><li data-reactid="397"><h2 data-reactid="398"><i class="anticon anticon-customer-service" data-reactid="399"></i><!-- react-text: 400 --> <!-- /react-text --><span data-reactid="401">社区</span></h2><div data-reactid="402"><a href="/changelog" data-reactid="403"><span data-reactid="404">更新记录</span></a></div><div data-reactid="405"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="406"><span data-reactid="407">常见问题</span></a></div><div data-reactid="408"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="409"><span data-reactid="410">在线讨论 (中文)</span></a></div><div data-reactid="411"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="412"><span data-reactid="413">在线讨论 (English)</span></a></div><div data-reactid="414"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="415"><span data-reactid="416">报告 Bug</span></a></div><div data-reactid="417"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="418"><span data-reactid="419">讨论列表</span></a></div><div data-reactid="420"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="421"><span data-reactid="422">StackOverflow</span></a></div><div data-reactid="423"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="424"><span data-reactid="425">SegmentFault</span></a></div></li><li data-reactid="426"><h2 data-reactid="427"><!-- react-text: 428 -->Copyright © <!-- /react-text --><!-- react-text: 429 -->2017<!-- /react-text --></h2><div data-reactid="430"><span data-reactid="431">蚂蚁金服体验技术部出品</span></div><div data-reactid="432"><!-- react-text: 433 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="434">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->反馈<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/feedback.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->为了帮助用户了解应用当前要做什么，也给用户的下一步行为做参考，以及了解操作后所产生的结果 ，当用户和系统需要交互时，使用不同的模式来反馈信息或结果。当设计者使用反馈或者自定义一些反馈时，请注意：<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->为用户在各个阶段提供必要、积极、即时的反馈；<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->避免过度反馈，以免给用户带来不必要的打扰，能够及时看到效果的、简单的操作，可以省略反馈提示。<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="120"><ul data-reactid="121"><li data-reactid="122"><a class="bisheng-toc-h2" href="#提示信息" title="提示信息" data-reactid="123"><!-- react-text: 124 -->提示信息<!-- /react-text --></a></li><li data-reactid="125"><a class="bisheng-toc-h2" href="#过程反馈" title="过程反馈" data-reactid="126"><!-- react-text: 127 -->过程反馈<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#结果反馈" title="结果反馈" data-reactid="129"><!-- react-text: 130 -->结果反馈<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="131"><h2 id="提示信息" data-reactid="132"><span data-reactid="133"><!-- react-text: 134 -->提示信息<!-- /react-text --></span><a href="#提示信息" class="anchor" data-reactid="135">#</a></h2><p data-reactid="136"><!-- react-text: 137 -->任何一个产品，即使用户界面做的再好，也离不开用户引导和信息提示。提示信息是用来告诉用户需要知道什么、采取什么样行动的内容。<!-- /react-text --></p><h3 id="警告" data-reactid="138"><span data-reactid="139"><!-- react-text: 140 -->警告<!-- /react-text --></span><a href="#警告" class="anchor" data-reactid="141">#</a></h3><h4 id="警告提示（Alert）" data-reactid="142"><span data-reactid="143"><!-- react-text: 144 -->警告提示（Alert）<!-- /react-text --></span><a href="#警告提示（Alert）" class="anchor" data-reactid="145">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="146"><div class="preview-image-box" data-reactid="147"><div class="preview-image-wrapper" data-reactid="148"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/MPBsvIMFPMeocAailbIW.png" data-reactid="149"/></div><div class="preview-image-title" data-reactid="150"></div><div class="preview-image-description" data-reactid="151"></div><!-- react-empty: 152 --></div></div><p data-reactid="153"><!-- react-text: 154 -->是一种非阻碍式的信息展示，它不打断用户的当前操作，一般停留至页面某个位置（优先顶部），非浮层的静态展现形式，始终展现，不会自动消失，用户可以点击关闭。<!-- /react-text --></p><blockquote data-reactid="155"><p data-reactid="156"><!-- react-text: 157 -->注：关闭按钮可根据业务需要增加或隐藏。<!-- /react-text --></p></blockquote><h3 id="通知" data-reactid="158"><span data-reactid="159"><!-- react-text: 160 -->通知<!-- /react-text --></span><a href="#通知" class="anchor" data-reactid="161">#</a></h3><h4 id="通知提醒（Notification）" data-reactid="162"><span data-reactid="163"><!-- react-text: 164 -->通知提醒（Notification）<!-- /react-text --></span><a href="#通知提醒（Notification）" class="anchor" data-reactid="165">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="166"><div class="preview-image-box" data-reactid="167"><div class="preview-image-wrapper" data-reactid="168"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/icHybUesGmjYbfxfSoQY.png" data-reactid="169"/></div><div class="preview-image-title" data-reactid="170"></div><div class="preview-image-description" data-reactid="171">较为复杂的通知内容时使用。</div><!-- react-empty: 172 --></div></div><p data-reactid="173"><!-- react-text: 174 -->系统主动推送的重要的全局性通知信息，在系统右上角显示。<!-- /react-text --></p><h4 id="徽标数（Badge）" data-reactid="175"><span data-reactid="176"><!-- react-text: 177 -->徽标数（Badge）<!-- /react-text --></span><a href="#徽标数（Badge）" class="anchor" data-reactid="178">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="179"><div class="preview-image-box" data-reactid="180"><div class="preview-image-wrapper" data-reactid="181"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/tmthsGOQKqdMUEAFeTYT.png" data-reactid="182"/></div><div class="preview-image-title" data-reactid="183"></div><div class="preview-image-description" data-reactid="184">当有 icon 的情况时一般居于 icon 右上角；无 icon 的情况下一般位于标题后侧。</div><!-- react-empty: 185 --></div></div><p data-reactid="186"><!-- react-text: 187 -->用于聚合型的消息提示，一般出现在通知图标或头像的右上角，通过醒目的视觉形式吸引用户眼球。<!-- /react-text --></p><blockquote data-reactid="188"><p data-reactid="189"><!-- react-text: 190 -->注：相对重要和用户关联度更高的信息提示，使用数字精准提示；权重不高和不是用户特别关心的消息提示，使用红点做提示。<!-- /react-text --></p></blockquote><h3 id="帮助" data-reactid="191"><span data-reactid="192"><!-- react-text: 193 -->帮助<!-- /react-text --></span><a href="#帮助" class="anchor" data-reactid="194">#</a></h3><h4 id="气泡卡片（Popover）" data-reactid="195"><span data-reactid="196"><!-- react-text: 197 -->气泡卡片（Popover）<!-- /react-text --></span><a href="#气泡卡片（Popover）" class="anchor" data-reactid="198">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="199"><div class="preview-image-box" data-reactid="200"><div class="preview-image-wrapper" data-reactid="201"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/vDfayzqikMEWAcTrXRzD.png" data-reactid="202"/></div><div class="preview-image-title" data-reactid="203"></div><div class="preview-image-description" data-reactid="204"></div><!-- react-empty: 205 --></div></div><p data-reactid="206"><!-- react-text: 207 -->当目标元素有进一步的描述和相关操作时，可以收纳到卡片中，根据用户的操作行为进行展现。<!-- /react-text --></p><blockquote data-reactid="208"><p data-reactid="209"><!-- react-text: 210 -->注：和 Tooltip 的区别是，Popover 可以承载更复杂的内容，比如链接或按钮等。<!-- /react-text --></p></blockquote><h4 id="文字提示（Tooltip）" data-reactid="211"><span data-reactid="212"><!-- react-text: 213 -->文字提示（Tooltip）<!-- /react-text --></span><a href="#文字提示（Tooltip）" class="anchor" data-reactid="214">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="215"><div class="preview-image-box" data-reactid="216"><div class="preview-image-wrapper" data-reactid="217"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/oOXzRKnHokbLCbRWPNrk.png" data-reactid="218"/></div><div class="preview-image-title" data-reactid="219"></div><div class="preview-image-description" data-reactid="220"></div><!-- react-empty: 221 --></div></div><p data-reactid="222"><!-- react-text: 223 -->用于精确地描述被指向的对象，例如图标、图形、链接等，鼠标移入则显示提示，移出消失，不承载复杂文本和操作。<!-- /react-text --></p><hr data-reactid="224"/><h2 id="过程反馈" data-reactid="225"><span data-reactid="226"><!-- react-text: 227 -->过程反馈<!-- /react-text --></span><a href="#过程反馈" class="anchor" data-reactid="228">#</a></h2><p data-reactid="229"><!-- react-text: 230 -->操作过程中尽可能将状态的反馈给用户，即时的响应会给用户增加信赖感。<!-- /react-text --></p><h3 id="加载状态进度反馈" data-reactid="231"><span data-reactid="232"><!-- react-text: 233 -->加载状态进度反馈<!-- /react-text --></span><a href="#加载状态进度反馈" class="anchor" data-reactid="234">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="235"><div class="preview-image-box" data-reactid="236"><div class="preview-image-wrapper" data-reactid="237"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/iwEcSHfcdVYLkcWopOzK.png" data-reactid="238"/></div><div class="preview-image-title" data-reactid="239"></div><div class="preview-image-description" data-reactid="240">当用户不必等待较长时间的加载时使用。</div><!-- react-empty: 241 --></div></div><p data-reactid="242"><!-- react-text: 243 -->在操作需要一段时间（一般为超过2秒）完成时系统应即时给予提醒，明确告知加载的状态或加载进度条，保持与用户的沟通。<!-- /react-text --></p><p data-reactid="244"><br data-reactid="245"/></p><div class="preview-image-boxes clearfix" data-reactid="246"><div class="preview-image-box" data-reactid="247"><div class="preview-image-wrapper" data-reactid="248"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/iwEcSHfcdVYLkcWopOzK.png" data-reactid="249"/></div><div class="preview-image-title" data-reactid="250"></div><div class="preview-image-description" data-reactid="251">在操作需要较长时间才能完成时使用，显示该操作的当前进度和状态。</div><!-- react-empty: 252 --></div></div><blockquote data-reactid="253"><p data-reactid="254"><!-- react-text: 255 -->注：若加载时间较长，应提供取消操作。<!-- /react-text --></p></blockquote><h3 id="录入反馈" data-reactid="256"><span data-reactid="257"><!-- react-text: 258 -->录入反馈<!-- /react-text --></span><a href="#录入反馈" class="anchor" data-reactid="259">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="260"><div class="preview-image-box" data-reactid="261"><div class="preview-image-wrapper" data-reactid="262"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/luLujTAQqovClEOmgqzj.png" data-reactid="263"/></div><div class="preview-image-title" data-reactid="264"></div><div class="preview-image-description" data-reactid="265"></div><!-- react-empty: 266 --></div></div><p data-reactid="267"><!-- react-text: 268 -->操作过程中可通过不同的校验规则和形式，让用户及时发现并纠正错误。<!-- /react-text --></p><blockquote data-reactid="269"><p data-reactid="270"><!-- react-text: 271 -->注：反馈文字紧跟着要说明的区块（反馈内容一般是错误说明），不自动消失（当用户进行相应的交互操作后才消失）。<!-- /react-text --></p></blockquote><h4 id="气泡确认框（Popconfirm）" data-reactid="272"><span data-reactid="273"><!-- react-text: 274 -->气泡确认框（Popconfirm）<!-- /react-text --></span><a href="#气泡确认框（Popconfirm）" class="anchor" data-reactid="275">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="276"><div class="preview-image-box" data-reactid="277"><div class="preview-image-wrapper" data-reactid="278"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/adnYamnCJfmYrNLZOxdn.png" data-reactid="279"/></div><div class="preview-image-title" data-reactid="280"></div><div class="preview-image-description" data-reactid="281">和全屏居中模态对话框相比，交互形式更轻量。</div><!-- react-empty: 282 --></div></div><p data-reactid="283"><!-- react-text: 284 -->目标元素的操作需要用户进一步的确认时，在目标元素附近弹出浮层提示，询问用户。<!-- /react-text --></p><hr data-reactid="285"/><h2 id="结果反馈" data-reactid="286"><span data-reactid="287"><!-- react-text: 288 -->结果反馈<!-- /react-text --></span><a href="#结果反馈" class="anchor" data-reactid="289">#</a></h2><p data-reactid="290"><!-- react-text: 291 -->操作过程中尽可能将状态的反馈给用户，即时的响应会给用户增加信赖感。<!-- /react-text --></p><h3 id="顶部全局提示反馈（Message）" data-reactid="292"><span data-reactid="293"><!-- react-text: 294 -->顶部全局提示反馈（Message）<!-- /react-text --></span><a href="#顶部全局提示反馈（Message）" class="anchor" data-reactid="295">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="296"><div class="preview-image-box" data-reactid="297"><div class="preview-image-wrapper" data-reactid="298"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/rLXuVmbjsSNJWClJyocT.png" data-reactid="299"/></div><div class="preview-image-title" data-reactid="300"></div><div class="preview-image-description" data-reactid="301">当用户不必等待较长时间的加载时使用。</div><!-- react-empty: 302 --></div></div><p data-reactid="303"><!-- react-text: 304 -->通过一个操作引发的反馈浮层位于顶部居中显示并自动消失，是一种不打断用户操作的轻量级提示方式。<!-- /react-text --></p><div class="preview-image-boxes clearfix" data-reactid="305"><div class="preview-image-box" style="width:50%;" data-reactid="306"><div class="preview-image-wrapper good" data-reactid="307"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/FJkgswzSavkIhZjFAqjj.png" alt="正确示例" data-reactid="308"/></div><div class="preview-image-title" data-reactid="309">正确示例</div><div class="preview-image-description" data-reactid="310">失败时建议使用对话框形式提示并告知失败原因。</div><!-- react-empty: 311 --></div><div class="preview-image-box" style="width:50%;" data-reactid="312"><div class="preview-image-wrapper bad" data-reactid="313"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/dBBUQzfBveiWCLwjiCSX.png" alt="错误示例" data-reactid="314"/></div><div class="preview-image-title" data-reactid="315">错误示例</div><div class="preview-image-description" data-reactid="316">失败时不建议使用轻量级提示方式。</div><!-- react-empty: 317 --></div></div><h3 id="对话框反馈" data-reactid="318"><span data-reactid="319"><!-- react-text: 320 -->对话框反馈<!-- /react-text --></span><a href="#对话框反馈" class="anchor" data-reactid="321">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="322"><div class="preview-image-box" data-reactid="323"><div class="preview-image-wrapper" data-reactid="324"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/QxDepeJNSzmgjuNjRVoU.png" data-reactid="325"/></div><div class="preview-image-title" data-reactid="326"></div><div class="preview-image-description" data-reactid="327"></div><!-- react-empty: 328 --></div></div><p data-reactid="329"><!-- react-text: 330 -->通过一个操作引发的反馈浮层位于页面中心，反馈内容可通过确认或取消按钮进行关闭，用户在反馈层出现时不可进行任何的操作，用于重要的反馈。<!-- /react-text --></p><blockquote data-reactid="331"><p data-reactid="332"><!-- react-text: 333 -->注：除失败时避免显示不必要的提醒弹窗。弹窗是很强的反馈机制，只有在传递非常重要，且可操作的信息时才需要使用它。<!-- /react-text --></p></blockquote></section></article></div></div><div class="ant-row" data-reactid="334"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="335"><section class="prev-next-nav" data-reactid="336"><a class="prev-page" href="/docs/spec/data-display-cn" data-reactid="337">数据展示</a><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="next-page" data-reactid="338"><!-- react-text: 339 -->动效<!-- /react-text --><!-- react-text: 340 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="341"></i></a></section></div></div></div><footer id="footer" data-reactid="342"><ul data-reactid="343"><li data-reactid="344"><h2 data-reactid="345"><i class="anticon anticon-github" data-reactid="346"></i><!-- react-text: 347 --> GitHub<!-- /react-text --></h2><div data-reactid="348"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="349"><span data-reactid="350">源码仓库</span></a></div><div data-reactid="351"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="352"><span data-reactid="353">定制主题</span></a></div><div data-reactid="354"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="355"><span data-reactid="356">Awesome Ant Design</span></a></div></li><li data-reactid="357"><h2 data-reactid="358"><i class="anticon anticon-link" data-reactid="359"></i><!-- react-text: 360 --> <!-- /react-text --><span data-reactid="361">相关站点</span></h2><div data-reactid="362"><a href="https://design.alipay.com/" data-reactid="363"><span data-reactid="364">蚂蚁金服设计平台</span></a></div><div data-reactid="365"><a href="http://mobile.ant.design" data-reactid="366">Ant Design Mobile</a><span data-reactid="367"> - </span><span data-reactid="368">移动版</span></div><div data-reactid="369"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="370">dva</a><!-- react-text: 371 --> - <!-- /react-text --><span data-reactid="372">应用框架</span></div><div data-reactid="373"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="374">dva-cli</a><!-- react-text: 375 --> -<!-- /react-text --><span data-reactid="376">开发工具</span></div><div data-reactid="377"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="378">Egg</a><span data-reactid="379"> - </span><span data-reactid="380">企业级 Node 开发框架</span></div><div data-reactid="381"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="382">AntV</a><span data-reactid="383"> - </span><span data-reactid="384">数据可视化</span></div><div data-reactid="385"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="386">Ant Motion</a><span data-reactid="387"> - </span><span data-reactid="388">设计动效</span></div><div data-reactid="389"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="390">AntD Library</a><span data-reactid="391"> - </span><span data-reactid="392">Axure 部件库</span></div><div data-reactid="393"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="394">Ant UX</a><span data-reactid="395"> - </span><span data-reactid="396">页面逻辑素材</span></div></li><li data-reactid="397"><h2 data-reactid="398"><i class="anticon anticon-customer-service" data-reactid="399"></i><!-- react-text: 400 --> <!-- /react-text --><span data-reactid="401">社区</span></h2><div data-reactid="402"><a href="/changelog" data-reactid="403"><span data-reactid="404">更新记录</span></a></div><div data-reactid="405"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="406"><span data-reactid="407">常见问题</span></a></div><div data-reactid="408"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="409"><span data-reactid="410">在线讨论 (中文)</span></a></div><div data-reactid="411"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="412"><span data-reactid="413">在线讨论 (English)</span></a></div><div data-reactid="414"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="415"><span data-reactid="416">报告 Bug</span></a></div><div data-reactid="417"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="418"><span data-reactid="419">讨论列表</span></a></div><div data-reactid="420"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="421"><span data-reactid="422">StackOverflow</span></a></div><div data-reactid="423"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="424"><span data-reactid="425">SegmentFault</span></a></div></li><li data-reactid="426"><h2 data-reactid="427"><!-- react-text: 428 -->Copyright © <!-- /react-text --><!-- react-text: 429 -->2017<!-- /react-text --></h2><div data-reactid="430"><span data-reactid="431">蚂蚁金服体验技术部出品</span></div><div data-reactid="432"><!-- react-text: 433 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="434">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/feedback.html b/docs/spec/feedback.html
index dbae912ee..567a89a52 100644
--- a/docs/spec/feedback.html
+++ b/docs/spec/feedback.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1040224536"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-801411350"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/lightweight" data-reactid="72">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/stay" data-reactid="74">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Feedback<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/feedback.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->为了帮助用户了解应用当前要做什么，也给用户的下一步行为做参考，以及了解操作后所产生的结果 ，当用户和系统需要交互时，使用不同的模式来反馈信息或结果。当设计者使用反馈或者自定义一些反馈时，请注意：<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->为用户在各个阶段提供必要、积极、即时的反馈；<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->避免过度反馈，以免给用户带来不必要的打扰，能够及时看到效果的、简单的操作，可以省略反馈提示。<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="120"><ul data-reactid="121"><li data-reactid="122"><a class="bisheng-toc-h2" href="#提示信息" title="提示信息" data-reactid="123"><!-- react-text: 124 -->提示信息<!-- /react-text --></a></li><li data-reactid="125"><a class="bisheng-toc-h2" href="#过程反馈" title="过程反馈" data-reactid="126"><!-- react-text: 127 -->过程反馈<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#结果反馈" title="结果反馈" data-reactid="129"><!-- react-text: 130 -->结果反馈<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="131"><h2 id="提示信息" data-reactid="132"><span data-reactid="133"><!-- react-text: 134 -->提示信息<!-- /react-text --></span><a href="#提示信息" class="anchor" data-reactid="135">#</a></h2><p data-reactid="136"><!-- react-text: 137 -->任何一个产品，即使用户界面做的再好，也离不开用户引导和信息提示。提示信息是用来告诉用户需要知道什么、采取什么样行动的内容。<!-- /react-text --></p><h3 id="警告" data-reactid="138"><span data-reactid="139"><!-- react-text: 140 -->警告<!-- /react-text --></span><a href="#警告" class="anchor" data-reactid="141">#</a></h3><h4 id="警告提示（Alert）" data-reactid="142"><span data-reactid="143"><!-- react-text: 144 -->警告提示（Alert）<!-- /react-text --></span><a href="#警告提示（Alert）" class="anchor" data-reactid="145">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="146"><div class="preview-image-box" data-reactid="147"><div class="preview-image-wrapper" data-reactid="148"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/MPBsvIMFPMeocAailbIW.png" data-reactid="149"/></div><div class="preview-image-title" data-reactid="150"></div><div class="preview-image-description" data-reactid="151"></div><!-- react-empty: 152 --></div></div><p data-reactid="153"><!-- react-text: 154 -->是一种非阻碍式的信息展示，它不打断用户的当前操作，一般停留至页面某个位置（优先顶部），非浮层的静态展现形式，始终展现，不会自动消失，用户可以点击关闭。<!-- /react-text --></p><blockquote data-reactid="155"><p data-reactid="156"><!-- react-text: 157 -->注：关闭按钮可根据业务需要增加或隐藏。<!-- /react-text --></p></blockquote><h3 id="通知" data-reactid="158"><span data-reactid="159"><!-- react-text: 160 -->通知<!-- /react-text --></span><a href="#通知" class="anchor" data-reactid="161">#</a></h3><h4 id="通知提醒（Notification）" data-reactid="162"><span data-reactid="163"><!-- react-text: 164 -->通知提醒（Notification）<!-- /react-text --></span><a href="#通知提醒（Notification）" class="anchor" data-reactid="165">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="166"><div class="preview-image-box" data-reactid="167"><div class="preview-image-wrapper" data-reactid="168"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/icHybUesGmjYbfxfSoQY.png" data-reactid="169"/></div><div class="preview-image-title" data-reactid="170"></div><div class="preview-image-description" data-reactid="171">较为复杂的通知内容时使用。</div><!-- react-empty: 172 --></div></div><p data-reactid="173"><!-- react-text: 174 -->系统主动推送的重要的全局性通知信息，在系统右上角显示。<!-- /react-text --></p><h4 id="徽标数（Badge）" data-reactid="175"><span data-reactid="176"><!-- react-text: 177 -->徽标数（Badge）<!-- /react-text --></span><a href="#徽标数（Badge）" class="anchor" data-reactid="178">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="179"><div class="preview-image-box" data-reactid="180"><div class="preview-image-wrapper" data-reactid="181"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/tmthsGOQKqdMUEAFeTYT.png" data-reactid="182"/></div><div class="preview-image-title" data-reactid="183"></div><div class="preview-image-description" data-reactid="184">当有 icon 的情况时一般居于 icon 右上角；无 icon 的情况下一般位于标题后侧。</div><!-- react-empty: 185 --></div></div><p data-reactid="186"><!-- react-text: 187 -->用于聚合型的消息提示，一般出现在通知图标或头像的右上角，通过醒目的视觉形式吸引用户眼球。<!-- /react-text --></p><blockquote data-reactid="188"><p data-reactid="189"><!-- react-text: 190 -->注：相对重要和用户关联度更高的信息提示，使用数字精准提示；权重不高和不是用户特别关心的消息提示，使用红点做提示。<!-- /react-text --></p></blockquote><h3 id="帮助" data-reactid="191"><span data-reactid="192"><!-- react-text: 193 -->帮助<!-- /react-text --></span><a href="#帮助" class="anchor" data-reactid="194">#</a></h3><h4 id="气泡卡片（Popover）" data-reactid="195"><span data-reactid="196"><!-- react-text: 197 -->气泡卡片（Popover）<!-- /react-text --></span><a href="#气泡卡片（Popover）" class="anchor" data-reactid="198">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="199"><div class="preview-image-box" data-reactid="200"><div class="preview-image-wrapper" data-reactid="201"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/vDfayzqikMEWAcTrXRzD.png" data-reactid="202"/></div><div class="preview-image-title" data-reactid="203"></div><div class="preview-image-description" data-reactid="204"></div><!-- react-empty: 205 --></div></div><p data-reactid="206"><!-- react-text: 207 -->当目标元素有进一步的描述和相关操作时，可以收纳到卡片中，根据用户的操作行为进行展现。<!-- /react-text --></p><blockquote data-reactid="208"><p data-reactid="209"><!-- react-text: 210 -->注：和 Tooltip 的区别是，Popover 可以承载更复杂的内容，比如链接或按钮等。<!-- /react-text --></p></blockquote><h4 id="文字提示（Tooltip）" data-reactid="211"><span data-reactid="212"><!-- react-text: 213 -->文字提示（Tooltip）<!-- /react-text --></span><a href="#文字提示（Tooltip）" class="anchor" data-reactid="214">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="215"><div class="preview-image-box" data-reactid="216"><div class="preview-image-wrapper" data-reactid="217"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/oOXzRKnHokbLCbRWPNrk.png" data-reactid="218"/></div><div class="preview-image-title" data-reactid="219"></div><div class="preview-image-description" data-reactid="220"></div><!-- react-empty: 221 --></div></div><p data-reactid="222"><!-- react-text: 223 -->用于精确地描述被指向的对象，例如图标、图形、链接等，鼠标移入则显示提示，移出消失，不承载复杂文本和操作。<!-- /react-text --></p><hr data-reactid="224"/><h2 id="过程反馈" data-reactid="225"><span data-reactid="226"><!-- react-text: 227 -->过程反馈<!-- /react-text --></span><a href="#过程反馈" class="anchor" data-reactid="228">#</a></h2><p data-reactid="229"><!-- react-text: 230 -->操作过程中尽可能将状态的反馈给用户，即时的响应会给用户增加信赖感。<!-- /react-text --></p><h3 id="加载状态进度反馈" data-reactid="231"><span data-reactid="232"><!-- react-text: 233 -->加载状态进度反馈<!-- /react-text --></span><a href="#加载状态进度反馈" class="anchor" data-reactid="234">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="235"><div class="preview-image-box" data-reactid="236"><div class="preview-image-wrapper" data-reactid="237"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/iwEcSHfcdVYLkcWopOzK.png" data-reactid="238"/></div><div class="preview-image-title" data-reactid="239"></div><div class="preview-image-description" data-reactid="240">当用户不必等待较长时间的加载时使用。</div><!-- react-empty: 241 --></div></div><p data-reactid="242"><!-- react-text: 243 -->在操作需要一段时间（一般为超过2秒）完成时系统应即时给予提醒，明确告知加载的状态或加载进度条，保持与用户的沟通。<!-- /react-text --></p><p data-reactid="244"><br data-reactid="245"/></p><div class="preview-image-boxes clearfix" data-reactid="246"><div class="preview-image-box" data-reactid="247"><div class="preview-image-wrapper" data-reactid="248"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/iwEcSHfcdVYLkcWopOzK.png" data-reactid="249"/></div><div class="preview-image-title" data-reactid="250"></div><div class="preview-image-description" data-reactid="251">在操作需要较长时间才能完成时使用，显示该操作的当前进度和状态。</div><!-- react-empty: 252 --></div></div><blockquote data-reactid="253"><p data-reactid="254"><!-- react-text: 255 -->注：若加载时间较长，应提供取消操作。<!-- /react-text --></p></blockquote><h3 id="录入反馈" data-reactid="256"><span data-reactid="257"><!-- react-text: 258 -->录入反馈<!-- /react-text --></span><a href="#录入反馈" class="anchor" data-reactid="259">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="260"><div class="preview-image-box" data-reactid="261"><div class="preview-image-wrapper" data-reactid="262"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/luLujTAQqovClEOmgqzj.png" data-reactid="263"/></div><div class="preview-image-title" data-reactid="264"></div><div class="preview-image-description" data-reactid="265"></div><!-- react-empty: 266 --></div></div><p data-reactid="267"><!-- react-text: 268 -->操作过程中可通过不同的校验规则和形式，让用户及时发现并纠正错误。<!-- /react-text --></p><blockquote data-reactid="269"><p data-reactid="270"><!-- react-text: 271 -->注：反馈文字紧跟着要说明的区块（反馈内容一般是错误说明），不自动消失（当用户进行相应的交互操作后才消失）。<!-- /react-text --></p></blockquote><h4 id="气泡确认框（Popconfirm）" data-reactid="272"><span data-reactid="273"><!-- react-text: 274 -->气泡确认框（Popconfirm）<!-- /react-text --></span><a href="#气泡确认框（Popconfirm）" class="anchor" data-reactid="275">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="276"><div class="preview-image-box" data-reactid="277"><div class="preview-image-wrapper" data-reactid="278"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/adnYamnCJfmYrNLZOxdn.png" data-reactid="279"/></div><div class="preview-image-title" data-reactid="280"></div><div class="preview-image-description" data-reactid="281">和全屏居中模态对话框相比，交互形式更轻量。</div><!-- react-empty: 282 --></div></div><p data-reactid="283"><!-- react-text: 284 -->目标元素的操作需要用户进一步的确认时，在目标元素附近弹出浮层提示，询问用户。<!-- /react-text --></p><hr data-reactid="285"/><h2 id="结果反馈" data-reactid="286"><span data-reactid="287"><!-- react-text: 288 -->结果反馈<!-- /react-text --></span><a href="#结果反馈" class="anchor" data-reactid="289">#</a></h2><p data-reactid="290"><!-- react-text: 291 -->操作过程中尽可能将状态的反馈给用户，即时的响应会给用户增加信赖感。<!-- /react-text --></p><h3 id="顶部全局提示反馈（Message）" data-reactid="292"><span data-reactid="293"><!-- react-text: 294 -->顶部全局提示反馈（Message）<!-- /react-text --></span><a href="#顶部全局提示反馈（Message）" class="anchor" data-reactid="295">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="296"><div class="preview-image-box" data-reactid="297"><div class="preview-image-wrapper" data-reactid="298"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/rLXuVmbjsSNJWClJyocT.png" data-reactid="299"/></div><div class="preview-image-title" data-reactid="300"></div><div class="preview-image-description" data-reactid="301">当用户不必等待较长时间的加载时使用。</div><!-- react-empty: 302 --></div></div><p data-reactid="303"><!-- react-text: 304 -->通过一个操作引发的反馈浮层位于顶部居中显示并自动消失，是一种不打断用户操作的轻量级提示方式。<!-- /react-text --></p><div class="preview-image-boxes clearfix" data-reactid="305"><div class="preview-image-box" style="width:50%;" data-reactid="306"><div class="preview-image-wrapper good" data-reactid="307"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/FJkgswzSavkIhZjFAqjj.png" alt="正确示例" data-reactid="308"/></div><div class="preview-image-title" data-reactid="309">正确示例</div><div class="preview-image-description" data-reactid="310">失败时建议使用对话框形式提示并告知失败原因。</div><!-- react-empty: 311 --></div><div class="preview-image-box" style="width:50%;" data-reactid="312"><div class="preview-image-wrapper bad" data-reactid="313"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/dBBUQzfBveiWCLwjiCSX.png" alt="错误示例" data-reactid="314"/></div><div class="preview-image-title" data-reactid="315">错误示例</div><div class="preview-image-description" data-reactid="316">失败时不建议使用轻量级提示方式。</div><!-- react-empty: 317 --></div></div><h3 id="对话框反馈" data-reactid="318"><span data-reactid="319"><!-- react-text: 320 -->对话框反馈<!-- /react-text --></span><a href="#对话框反馈" class="anchor" data-reactid="321">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="322"><div class="preview-image-box" data-reactid="323"><div class="preview-image-wrapper" data-reactid="324"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/QxDepeJNSzmgjuNjRVoU.png" data-reactid="325"/></div><div class="preview-image-title" data-reactid="326"></div><div class="preview-image-description" data-reactid="327"></div><!-- react-empty: 328 --></div></div><p data-reactid="329"><!-- react-text: 330 -->通过一个操作引发的反馈浮层位于页面中心，反馈内容可通过确认或取消按钮进行关闭，用户在反馈层出现时不可进行任何的操作，用于重要的反馈。<!-- /react-text --></p><blockquote data-reactid="331"><p data-reactid="332"><!-- react-text: 333 -->注：除失败时避免显示不必要的提醒弹窗。弹窗是很强的反馈机制，只有在传递非常重要，且可操作的信息时才需要使用它。<!-- /react-text --></p></blockquote></section></article></div></div><div class="ant-row" data-reactid="334"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="335"><section class="prev-next-nav" data-reactid="336"><a class="prev-page" href="/docs/spec/data-display" data-reactid="337">Data Display</a><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="next-page" data-reactid="338"><!-- react-text: 339 -->Motion<!-- /react-text --><!-- react-text: 340 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="341"></i></a></section></div></div></div><footer id="footer" data-reactid="342"><ul data-reactid="343"><li data-reactid="344"><h2 data-reactid="345"><i class="anticon anticon-github" data-reactid="346"></i><!-- react-text: 347 --> GitHub<!-- /react-text --></h2><div data-reactid="348"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="349"><span data-reactid="350">Repository</span></a></div><div data-reactid="351"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="352"><span data-reactid="353">Customize Theme</span></a></div><div data-reactid="354"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="355"><span data-reactid="356">Awesome Ant Design</span></a></div></li><li data-reactid="357"><h2 data-reactid="358"><i class="anticon anticon-link" data-reactid="359"></i><!-- react-text: 360 --> <!-- /react-text --><span data-reactid="361">Links</span></h2><div data-reactid="362"><a href="https://design.alipay.com/" data-reactid="363"><span data-reactid="364">Ant Financial Design Platform</span></a></div><div data-reactid="365"><a href="http://mobile.ant.design" data-reactid="366">Ant Design Mobile</a><span data-reactid="367"> - </span><span data-reactid="368">Mobile UI</span></div><div data-reactid="369"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="370">dva</a><!-- react-text: 371 --> - <!-- /react-text --><span data-reactid="372">Framework</span></div><div data-reactid="373"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="374">dva-cli</a><!-- react-text: 375 --> -<!-- /react-text --><span data-reactid="376">Developer Tools</span></div><div data-reactid="377"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="378">Egg</a><span data-reactid="379"> - </span><span data-reactid="380">Enterprise Node Framework</span></div><div data-reactid="381"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="382">AntV</a><span data-reactid="383"> - </span><span data-reactid="384">Data Visualization</span></div><div data-reactid="385"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="386">Ant Motion</a><span data-reactid="387"> - </span><span data-reactid="388">Motion Soluction</span></div><div data-reactid="389"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="390">AntD Library</a><span data-reactid="391"> - </span><span data-reactid="392">Axure library</span></div><div data-reactid="393"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="394">Ant UX</a><span data-reactid="395"> - </span><span data-reactid="396">Sitemap Template</span></div></li><li data-reactid="397"><h2 data-reactid="398"><i class="anticon anticon-customer-service" data-reactid="399"></i><!-- react-text: 400 --> <!-- /react-text --><span data-reactid="401">Community</span></h2><div data-reactid="402"><a href="/changelog" data-reactid="403"><span data-reactid="404">Change Log</span></a></div><div data-reactid="405"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="406"><span data-reactid="407">FAQ</span></a></div><div data-reactid="408"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="409"><span data-reactid="410">Chat Room (中文)</span></a></div><div data-reactid="411"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="412"><span data-reactid="413">Chat Room (English)</span></a></div><div data-reactid="414"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="415"><span data-reactid="416">Bug Report</span></a></div><div data-reactid="417"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="418"><span data-reactid="419">Issues</span></a></div><div data-reactid="420"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="421"><span data-reactid="422">StackOverflow</span></a></div><div data-reactid="423"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="424"><span data-reactid="425">SegmentFault</span></a></div></li><li data-reactid="426"><h2 data-reactid="427"><!-- react-text: 428 -->Copyright © <!-- /react-text --><!-- react-text: 429 -->2017<!-- /react-text --></h2><div data-reactid="430"><span data-reactid="431">Created by AIUX</span></div><div data-reactid="432"><!-- react-text: 433 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="434">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay" data-reactid="72">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight" data-reactid="74">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Feedback<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/feedback.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->为了帮助用户了解应用当前要做什么，也给用户的下一步行为做参考，以及了解操作后所产生的结果 ，当用户和系统需要交互时，使用不同的模式来反馈信息或结果。当设计者使用反馈或者自定义一些反馈时，请注意：<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->为用户在各个阶段提供必要、积极、即时的反馈；<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->避免过度反馈，以免给用户带来不必要的打扰，能够及时看到效果的、简单的操作，可以省略反馈提示。<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="120"><ul data-reactid="121"><li data-reactid="122"><a class="bisheng-toc-h2" href="#提示信息" title="提示信息" data-reactid="123"><!-- react-text: 124 -->提示信息<!-- /react-text --></a></li><li data-reactid="125"><a class="bisheng-toc-h2" href="#过程反馈" title="过程反馈" data-reactid="126"><!-- react-text: 127 -->过程反馈<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#结果反馈" title="结果反馈" data-reactid="129"><!-- react-text: 130 -->结果反馈<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="131"><h2 id="提示信息" data-reactid="132"><span data-reactid="133"><!-- react-text: 134 -->提示信息<!-- /react-text --></span><a href="#提示信息" class="anchor" data-reactid="135">#</a></h2><p data-reactid="136"><!-- react-text: 137 -->任何一个产品，即使用户界面做的再好，也离不开用户引导和信息提示。提示信息是用来告诉用户需要知道什么、采取什么样行动的内容。<!-- /react-text --></p><h3 id="警告" data-reactid="138"><span data-reactid="139"><!-- react-text: 140 -->警告<!-- /react-text --></span><a href="#警告" class="anchor" data-reactid="141">#</a></h3><h4 id="警告提示（Alert）" data-reactid="142"><span data-reactid="143"><!-- react-text: 144 -->警告提示（Alert）<!-- /react-text --></span><a href="#警告提示（Alert）" class="anchor" data-reactid="145">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="146"><div class="preview-image-box" data-reactid="147"><div class="preview-image-wrapper" data-reactid="148"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/MPBsvIMFPMeocAailbIW.png" data-reactid="149"/></div><div class="preview-image-title" data-reactid="150"></div><div class="preview-image-description" data-reactid="151"></div><!-- react-empty: 152 --></div></div><p data-reactid="153"><!-- react-text: 154 -->是一种非阻碍式的信息展示，它不打断用户的当前操作，一般停留至页面某个位置（优先顶部），非浮层的静态展现形式，始终展现，不会自动消失，用户可以点击关闭。<!-- /react-text --></p><blockquote data-reactid="155"><p data-reactid="156"><!-- react-text: 157 -->注：关闭按钮可根据业务需要增加或隐藏。<!-- /react-text --></p></blockquote><h3 id="通知" data-reactid="158"><span data-reactid="159"><!-- react-text: 160 -->通知<!-- /react-text --></span><a href="#通知" class="anchor" data-reactid="161">#</a></h3><h4 id="通知提醒（Notification）" data-reactid="162"><span data-reactid="163"><!-- react-text: 164 -->通知提醒（Notification）<!-- /react-text --></span><a href="#通知提醒（Notification）" class="anchor" data-reactid="165">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="166"><div class="preview-image-box" data-reactid="167"><div class="preview-image-wrapper" data-reactid="168"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/icHybUesGmjYbfxfSoQY.png" data-reactid="169"/></div><div class="preview-image-title" data-reactid="170"></div><div class="preview-image-description" data-reactid="171">较为复杂的通知内容时使用。</div><!-- react-empty: 172 --></div></div><p data-reactid="173"><!-- react-text: 174 -->系统主动推送的重要的全局性通知信息，在系统右上角显示。<!-- /react-text --></p><h4 id="徽标数（Badge）" data-reactid="175"><span data-reactid="176"><!-- react-text: 177 -->徽标数（Badge）<!-- /react-text --></span><a href="#徽标数（Badge）" class="anchor" data-reactid="178">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="179"><div class="preview-image-box" data-reactid="180"><div class="preview-image-wrapper" data-reactid="181"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/tmthsGOQKqdMUEAFeTYT.png" data-reactid="182"/></div><div class="preview-image-title" data-reactid="183"></div><div class="preview-image-description" data-reactid="184">当有 icon 的情况时一般居于 icon 右上角；无 icon 的情况下一般位于标题后侧。</div><!-- react-empty: 185 --></div></div><p data-reactid="186"><!-- react-text: 187 -->用于聚合型的消息提示，一般出现在通知图标或头像的右上角，通过醒目的视觉形式吸引用户眼球。<!-- /react-text --></p><blockquote data-reactid="188"><p data-reactid="189"><!-- react-text: 190 -->注：相对重要和用户关联度更高的信息提示，使用数字精准提示；权重不高和不是用户特别关心的消息提示，使用红点做提示。<!-- /react-text --></p></blockquote><h3 id="帮助" data-reactid="191"><span data-reactid="192"><!-- react-text: 193 -->帮助<!-- /react-text --></span><a href="#帮助" class="anchor" data-reactid="194">#</a></h3><h4 id="气泡卡片（Popover）" data-reactid="195"><span data-reactid="196"><!-- react-text: 197 -->气泡卡片（Popover）<!-- /react-text --></span><a href="#气泡卡片（Popover）" class="anchor" data-reactid="198">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="199"><div class="preview-image-box" data-reactid="200"><div class="preview-image-wrapper" data-reactid="201"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/vDfayzqikMEWAcTrXRzD.png" data-reactid="202"/></div><div class="preview-image-title" data-reactid="203"></div><div class="preview-image-description" data-reactid="204"></div><!-- react-empty: 205 --></div></div><p data-reactid="206"><!-- react-text: 207 -->当目标元素有进一步的描述和相关操作时，可以收纳到卡片中，根据用户的操作行为进行展现。<!-- /react-text --></p><blockquote data-reactid="208"><p data-reactid="209"><!-- react-text: 210 -->注：和 Tooltip 的区别是，Popover 可以承载更复杂的内容，比如链接或按钮等。<!-- /react-text --></p></blockquote><h4 id="文字提示（Tooltip）" data-reactid="211"><span data-reactid="212"><!-- react-text: 213 -->文字提示（Tooltip）<!-- /react-text --></span><a href="#文字提示（Tooltip）" class="anchor" data-reactid="214">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="215"><div class="preview-image-box" data-reactid="216"><div class="preview-image-wrapper" data-reactid="217"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/oOXzRKnHokbLCbRWPNrk.png" data-reactid="218"/></div><div class="preview-image-title" data-reactid="219"></div><div class="preview-image-description" data-reactid="220"></div><!-- react-empty: 221 --></div></div><p data-reactid="222"><!-- react-text: 223 -->用于精确地描述被指向的对象，例如图标、图形、链接等，鼠标移入则显示提示，移出消失，不承载复杂文本和操作。<!-- /react-text --></p><hr data-reactid="224"/><h2 id="过程反馈" data-reactid="225"><span data-reactid="226"><!-- react-text: 227 -->过程反馈<!-- /react-text --></span><a href="#过程反馈" class="anchor" data-reactid="228">#</a></h2><p data-reactid="229"><!-- react-text: 230 -->操作过程中尽可能将状态的反馈给用户，即时的响应会给用户增加信赖感。<!-- /react-text --></p><h3 id="加载状态进度反馈" data-reactid="231"><span data-reactid="232"><!-- react-text: 233 -->加载状态进度反馈<!-- /react-text --></span><a href="#加载状态进度反馈" class="anchor" data-reactid="234">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="235"><div class="preview-image-box" data-reactid="236"><div class="preview-image-wrapper" data-reactid="237"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/iwEcSHfcdVYLkcWopOzK.png" data-reactid="238"/></div><div class="preview-image-title" data-reactid="239"></div><div class="preview-image-description" data-reactid="240">当用户不必等待较长时间的加载时使用。</div><!-- react-empty: 241 --></div></div><p data-reactid="242"><!-- react-text: 243 -->在操作需要一段时间（一般为超过2秒）完成时系统应即时给予提醒，明确告知加载的状态或加载进度条，保持与用户的沟通。<!-- /react-text --></p><p data-reactid="244"><br data-reactid="245"/></p><div class="preview-image-boxes clearfix" data-reactid="246"><div class="preview-image-box" data-reactid="247"><div class="preview-image-wrapper" data-reactid="248"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/iwEcSHfcdVYLkcWopOzK.png" data-reactid="249"/></div><div class="preview-image-title" data-reactid="250"></div><div class="preview-image-description" data-reactid="251">在操作需要较长时间才能完成时使用，显示该操作的当前进度和状态。</div><!-- react-empty: 252 --></div></div><blockquote data-reactid="253"><p data-reactid="254"><!-- react-text: 255 -->注：若加载时间较长，应提供取消操作。<!-- /react-text --></p></blockquote><h3 id="录入反馈" data-reactid="256"><span data-reactid="257"><!-- react-text: 258 -->录入反馈<!-- /react-text --></span><a href="#录入反馈" class="anchor" data-reactid="259">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="260"><div class="preview-image-box" data-reactid="261"><div class="preview-image-wrapper" data-reactid="262"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/luLujTAQqovClEOmgqzj.png" data-reactid="263"/></div><div class="preview-image-title" data-reactid="264"></div><div class="preview-image-description" data-reactid="265"></div><!-- react-empty: 266 --></div></div><p data-reactid="267"><!-- react-text: 268 -->操作过程中可通过不同的校验规则和形式，让用户及时发现并纠正错误。<!-- /react-text --></p><blockquote data-reactid="269"><p data-reactid="270"><!-- react-text: 271 -->注：反馈文字紧跟着要说明的区块（反馈内容一般是错误说明），不自动消失（当用户进行相应的交互操作后才消失）。<!-- /react-text --></p></blockquote><h4 id="气泡确认框（Popconfirm）" data-reactid="272"><span data-reactid="273"><!-- react-text: 274 -->气泡确认框（Popconfirm）<!-- /react-text --></span><a href="#气泡确认框（Popconfirm）" class="anchor" data-reactid="275">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="276"><div class="preview-image-box" data-reactid="277"><div class="preview-image-wrapper" data-reactid="278"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/adnYamnCJfmYrNLZOxdn.png" data-reactid="279"/></div><div class="preview-image-title" data-reactid="280"></div><div class="preview-image-description" data-reactid="281">和全屏居中模态对话框相比，交互形式更轻量。</div><!-- react-empty: 282 --></div></div><p data-reactid="283"><!-- react-text: 284 -->目标元素的操作需要用户进一步的确认时，在目标元素附近弹出浮层提示，询问用户。<!-- /react-text --></p><hr data-reactid="285"/><h2 id="结果反馈" data-reactid="286"><span data-reactid="287"><!-- react-text: 288 -->结果反馈<!-- /react-text --></span><a href="#结果反馈" class="anchor" data-reactid="289">#</a></h2><p data-reactid="290"><!-- react-text: 291 -->操作过程中尽可能将状态的反馈给用户，即时的响应会给用户增加信赖感。<!-- /react-text --></p><h3 id="顶部全局提示反馈（Message）" data-reactid="292"><span data-reactid="293"><!-- react-text: 294 -->顶部全局提示反馈（Message）<!-- /react-text --></span><a href="#顶部全局提示反馈（Message）" class="anchor" data-reactid="295">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="296"><div class="preview-image-box" data-reactid="297"><div class="preview-image-wrapper" data-reactid="298"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/rLXuVmbjsSNJWClJyocT.png" data-reactid="299"/></div><div class="preview-image-title" data-reactid="300"></div><div class="preview-image-description" data-reactid="301">当用户不必等待较长时间的加载时使用。</div><!-- react-empty: 302 --></div></div><p data-reactid="303"><!-- react-text: 304 -->通过一个操作引发的反馈浮层位于顶部居中显示并自动消失，是一种不打断用户操作的轻量级提示方式。<!-- /react-text --></p><div class="preview-image-boxes clearfix" data-reactid="305"><div class="preview-image-box" style="width:50%;" data-reactid="306"><div class="preview-image-wrapper good" data-reactid="307"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/FJkgswzSavkIhZjFAqjj.png" alt="正确示例" data-reactid="308"/></div><div class="preview-image-title" data-reactid="309">正确示例</div><div class="preview-image-description" data-reactid="310">失败时建议使用对话框形式提示并告知失败原因。</div><!-- react-empty: 311 --></div><div class="preview-image-box" style="width:50%;" data-reactid="312"><div class="preview-image-wrapper bad" data-reactid="313"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/dBBUQzfBveiWCLwjiCSX.png" alt="错误示例" data-reactid="314"/></div><div class="preview-image-title" data-reactid="315">错误示例</div><div class="preview-image-description" data-reactid="316">失败时不建议使用轻量级提示方式。</div><!-- react-empty: 317 --></div></div><h3 id="对话框反馈" data-reactid="318"><span data-reactid="319"><!-- react-text: 320 -->对话框反馈<!-- /react-text --></span><a href="#对话框反馈" class="anchor" data-reactid="321">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="322"><div class="preview-image-box" data-reactid="323"><div class="preview-image-wrapper" data-reactid="324"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/QxDepeJNSzmgjuNjRVoU.png" data-reactid="325"/></div><div class="preview-image-title" data-reactid="326"></div><div class="preview-image-description" data-reactid="327"></div><!-- react-empty: 328 --></div></div><p data-reactid="329"><!-- react-text: 330 -->通过一个操作引发的反馈浮层位于页面中心，反馈内容可通过确认或取消按钮进行关闭，用户在反馈层出现时不可进行任何的操作，用于重要的反馈。<!-- /react-text --></p><blockquote data-reactid="331"><p data-reactid="332"><!-- react-text: 333 -->注：除失败时避免显示不必要的提醒弹窗。弹窗是很强的反馈机制，只有在传递非常重要，且可操作的信息时才需要使用它。<!-- /react-text --></p></blockquote></section></article></div></div><div class="ant-row" data-reactid="334"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="335"><section class="prev-next-nav" data-reactid="336"><a class="prev-page" href="/docs/spec/data-display" data-reactid="337">Data Display</a><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="next-page" data-reactid="338"><!-- react-text: 339 -->Motion<!-- /react-text --><!-- react-text: 340 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="341"></i></a></section></div></div></div><footer id="footer" data-reactid="342"><ul data-reactid="343"><li data-reactid="344"><h2 data-reactid="345"><i class="anticon anticon-github" data-reactid="346"></i><!-- react-text: 347 --> GitHub<!-- /react-text --></h2><div data-reactid="348"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="349"><span data-reactid="350">Repository</span></a></div><div data-reactid="351"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="352"><span data-reactid="353">Customize Theme</span></a></div><div data-reactid="354"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="355"><span data-reactid="356">Awesome Ant Design</span></a></div></li><li data-reactid="357"><h2 data-reactid="358"><i class="anticon anticon-link" data-reactid="359"></i><!-- react-text: 360 --> <!-- /react-text --><span data-reactid="361">Links</span></h2><div data-reactid="362"><a href="https://design.alipay.com/" data-reactid="363"><span data-reactid="364">Ant Financial Design Platform</span></a></div><div data-reactid="365"><a href="http://mobile.ant.design" data-reactid="366">Ant Design Mobile</a><span data-reactid="367"> - </span><span data-reactid="368">Mobile UI</span></div><div data-reactid="369"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="370">dva</a><!-- react-text: 371 --> - <!-- /react-text --><span data-reactid="372">Framework</span></div><div data-reactid="373"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="374">dva-cli</a><!-- react-text: 375 --> -<!-- /react-text --><span data-reactid="376">Developer Tools</span></div><div data-reactid="377"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="378">Egg</a><span data-reactid="379"> - </span><span data-reactid="380">Enterprise Node Framework</span></div><div data-reactid="381"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="382">AntV</a><span data-reactid="383"> - </span><span data-reactid="384">Data Visualization</span></div><div data-reactid="385"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="386">Ant Motion</a><span data-reactid="387"> - </span><span data-reactid="388">Motion Soluction</span></div><div data-reactid="389"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="390">AntD Library</a><span data-reactid="391"> - </span><span data-reactid="392">Axure library</span></div><div data-reactid="393"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="394">Ant UX</a><span data-reactid="395"> - </span><span data-reactid="396">Sitemap Template</span></div></li><li data-reactid="397"><h2 data-reactid="398"><i class="anticon anticon-customer-service" data-reactid="399"></i><!-- react-text: 400 --> <!-- /react-text --><span data-reactid="401">Community</span></h2><div data-reactid="402"><a href="/changelog" data-reactid="403"><span data-reactid="404">Change Log</span></a></div><div data-reactid="405"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="406"><span data-reactid="407">FAQ</span></a></div><div data-reactid="408"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="409"><span data-reactid="410">Chat Room (中文)</span></a></div><div data-reactid="411"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="412"><span data-reactid="413">Chat Room (English)</span></a></div><div data-reactid="414"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="415"><span data-reactid="416">Bug Report</span></a></div><div data-reactid="417"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="418"><span data-reactid="419">Issues</span></a></div><div data-reactid="420"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="421"><span data-reactid="422">StackOverflow</span></a></div><div data-reactid="423"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="424"><span data-reactid="425">SegmentFault</span></a></div></li><li data-reactid="426"><h2 data-reactid="427"><!-- react-text: 428 -->Copyright © <!-- /react-text --><!-- react-text: 429 -->2017<!-- /react-text --></h2><div data-reactid="430"><span data-reactid="431">Created by AIUX</span></div><div data-reactid="432"><!-- react-text: 433 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="434">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/font-cn.html b/docs/spec/font-cn.html
index 19f0aec1c..a579c3ff0 100644
--- a/docs/spec/font-cn.html
+++ b/docs/spec/font-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1730440547"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="740987551"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->字体<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/font.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->跨平台的字体设定，力求在各个操作系统下都有最佳展示效果。<!-- /react-text --></p><p data-reactid="113"><!-- react-text: 114 -->字体是界面设计中最重要的基本构成之一，用户通过文本来消化内容和完成工作，优雅的字体将大大提升用户的阅读体验及工作效率。Ant Design 的字体方案，在满足不同终端始终保持良好的阅读体验的同时，使页面的视觉层次更加清晰。使用时有以下三点需要注意：<!-- /react-text --></p><ul data-reactid="115"><li data-reactid="116"><p data-reactid="117"><!-- react-text: 118 -->合理的使用不同的字重、字号和颜色来强调界面中最重要的信息；<!-- /react-text --></p></li><li data-reactid="119"><p data-reactid="120"><!-- react-text: 121 -->尽可能的使用单种字体，混合使用多种字体会让界面看起来零散和草率；<!-- /react-text --></p></li><li data-reactid="122"><p data-reactid="123"><!-- react-text: 124 -->遵循 WCAG 2.0 标准，字体在使用时与背景颜色的对比值满足无障碍阅读的最低标准。<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="125"><ul data-reactid="126"><li data-reactid="127"><a class="bisheng-toc-h2" href="#字体家族" title="字体家族" data-reactid="128"><!-- react-text: 129 -->字体家族<!-- /react-text --></a></li><li data-reactid="130"><a class="bisheng-toc-h2" href="#字号" title="字号" data-reactid="131"><!-- react-text: 132 -->字号<!-- /react-text --></a></li><li data-reactid="133"><a class="bisheng-toc-h2" href="#行高" title="行高" data-reactid="134"><!-- react-text: 135 -->行高<!-- /react-text --></a></li><li data-reactid="136"><a class="bisheng-toc-h2" href="#字体颜色" title="字体颜色" data-reactid="137"><!-- react-text: 138 -->字体颜色<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="139"><h2 id="字体家族" data-reactid="140"><span data-reactid="141"><!-- react-text: 142 -->字体家族<!-- /react-text --></span><a href="#字体家族" class="anchor" data-reactid="143">#</a></h2><p data-reactid="144"><!-- react-text: 145 -->字体家族 css 代码如下：<!-- /react-text --></p><p data-reactid="146"><!-- react-text: 147 -->优秀的字体系统的核心是选择一个好的字体。Ant Design 的字体家族中优先使用系统默认的界面字体，同时提供了一套利于屏显的备用字体库，来维护在不同平台以及浏览器的显示下字体始终保持良好的易读性和可读性，体现了友好，稳定和专业的特性。<!-- /react-text --></p><pre class="language-css" data-reactid="148"><code data-reactid="149"><span class="token property">font-family</span><span class="token punctuation">:</span> -apple-system, BlinkMacSystemFont, <span class="token string">"Segoe UI"</span>, Roboto,
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->字体<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/font.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->跨平台的字体设定，力求在各个操作系统下都有最佳展示效果。<!-- /react-text --></p><p data-reactid="113"><!-- react-text: 114 -->字体是界面设计中最重要的基本构成之一，用户通过文本来消化内容和完成工作，优雅的字体将大大提升用户的阅读体验及工作效率。Ant Design 的字体方案，在满足不同终端始终保持良好的阅读体验的同时，使页面的视觉层次更加清晰。使用时有以下三点需要注意：<!-- /react-text --></p><ul data-reactid="115"><li data-reactid="116"><p data-reactid="117"><!-- react-text: 118 -->合理的使用不同的字重、字号和颜色来强调界面中最重要的信息；<!-- /react-text --></p></li><li data-reactid="119"><p data-reactid="120"><!-- react-text: 121 -->尽可能的使用单种字体，混合使用多种字体会让界面看起来零散和草率；<!-- /react-text --></p></li><li data-reactid="122"><p data-reactid="123"><!-- react-text: 124 -->遵循 WCAG 2.0 标准，字体在使用时与背景颜色的对比值满足无障碍阅读的最低标准。<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="125"><ul data-reactid="126"><li data-reactid="127"><a class="bisheng-toc-h2" href="#字体家族" title="字体家族" data-reactid="128"><!-- react-text: 129 -->字体家族<!-- /react-text --></a></li><li data-reactid="130"><a class="bisheng-toc-h2" href="#字号" title="字号" data-reactid="131"><!-- react-text: 132 -->字号<!-- /react-text --></a></li><li data-reactid="133"><a class="bisheng-toc-h2" href="#行高" title="行高" data-reactid="134"><!-- react-text: 135 -->行高<!-- /react-text --></a></li><li data-reactid="136"><a class="bisheng-toc-h2" href="#字体颜色" title="字体颜色" data-reactid="137"><!-- react-text: 138 -->字体颜色<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="139"><h2 id="字体家族" data-reactid="140"><span data-reactid="141"><!-- react-text: 142 -->字体家族<!-- /react-text --></span><a href="#字体家族" class="anchor" data-reactid="143">#</a></h2><p data-reactid="144"><!-- react-text: 145 -->字体家族 css 代码如下：<!-- /react-text --></p><p data-reactid="146"><!-- react-text: 147 -->优秀的字体系统的核心是选择一个好的字体。Ant Design 的字体家族中优先使用系统默认的界面字体，同时提供了一套利于屏显的备用字体库，来维护在不同平台以及浏览器的显示下字体始终保持良好的易读性和可读性，体现了友好，稳定和专业的特性。<!-- /react-text --></p><pre class="language-css" data-reactid="148"><code data-reactid="149"><span class="token property">font-family</span><span class="token punctuation">:</span> -apple-system, BlinkMacSystemFont, <span class="token string">"Segoe UI"</span>, Roboto,
              <span class="token string">"Helvetica Neue"</span>, Helvetica, <span class="token string">"PingFang SC"</span>, <span class="token string">"Hiragino Sans GB"</span>, <span class="token string">"Microsoft YaHei"</span>,
              SimSun, sans-serif<span class="token punctuation">;</span></code></pre><blockquote data-reactid="150"><p data-reactid="151"><!-- react-text: 152 -->参考自：<!-- /react-text --><a href="https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/" data-reactid="153"><!-- react-text: 154 -->https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/<!-- /react-text --></a></p></blockquote><p data-reactid="155"><!-- react-text: 156 -->另外，在中后台系统中，数字经常需要进行纵向对比展示，我们单独将数字的字体设置为 <!-- /react-text --><code data-reactid="157"><!-- react-text: 158 -->Helvetica Neue<!-- /react-text --></code><!-- react-text: 159 -->，使其为等宽字体。<!-- /react-text --></p><blockquote data-reactid="160"><p data-reactid="161"><!-- react-text: 162 -->技术方案：<!-- /react-text --><a href="http://stackoverflow.com/questions/13611420/set-a-font-specifically-for-all-numbers-on-the-page" data-reactid="163"><!-- react-text: 164 -->http://stackoverflow.com/questions/13611420/set-a-font-specifically-for-all-numbers-on-the-page<!-- /react-text --></a></p></blockquote><h2 id="字号" data-reactid="165"><span data-reactid="166"><!-- react-text: 167 -->字号<!-- /react-text --></span><a href="#字号" class="anchor" data-reactid="168">#</a></h2><p data-reactid="169"><!-- react-text: 170 -->Ant Design 使用不同的字号和字重来传递视觉的信息层次。默认字体为 <!-- /react-text --><code data-reactid="171"><!-- react-text: 172 -->12pt<!-- /react-text --></code><!-- react-text: 173 -->，展示型页面可以设置为 <!-- /react-text --><code data-reactid="174"><!-- react-text: 175 -->14pt<!-- /react-text --></code><!-- react-text: 176 -->，其他字体字号相应升级。<!-- /react-text --></p><p data-reactid="177"><img src="https://zos.alipayobjects.com/rmsportal/UkvKkdJgvFqlewCWFyQE.png" data-reactid="178"/></p><h2 id="行高" data-reactid="179"><span data-reactid="180"><!-- react-text: 181 -->行高<!-- /react-text --></span><a href="#行高" class="anchor" data-reactid="182">#</a></h2><p data-reactid="183"><!-- react-text: 184 -->行高会影响阅读的体验，西文的基本行高通常是字号的 <!-- /react-text --><code data-reactid="185"><!-- react-text: 186 -->1.2em<!-- /react-text --></code><!-- react-text: 187 --> 上下，而中文因为字符密实且高度一致，所以一般行高需要更大，<!-- /react-text --><code data-reactid="188"><!-- react-text: 189 -->1.5em<!-- /react-text --></code><!-- react-text: 190 --> 至 <!-- /react-text --><code data-reactid="191"><!-- react-text: 192 -->1.8em<!-- /react-text --></code><!-- react-text: 193 --> 之间是一个比较好的视觉阅读效果，Ant Design 规定默认文案字体行高为 <!-- /react-text --><code data-reactid="194"><!-- react-text: 195 -->1.5em<!-- /react-text --></code><!-- react-text: 196 -->，展示型页面可根据实际情况调整行高。<!-- /react-text --></p><h3 id="行高公式" data-reactid="197"><span data-reactid="198"><!-- react-text: 199 -->行高公式<!-- /react-text --></span><a href="#行高公式" class="anchor" data-reactid="200">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="201"><div class="preview-image-box" data-reactid="202"><div class="preview-image-wrapper" data-reactid="203"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/qFKnfXanJURiDsjJTKDP.png" data-reactid="204"/></div><div class="preview-image-title" data-reactid="205"></div><div class="preview-image-description" data-reactid="206"></div><!-- react-empty: 207 --></div></div><p data-reactid="208"><!-- react-text: 209 -->字体行高绝对值为『字号 x 1.5倍』。例如：12 号字体的行高为 <!-- /react-text --><code data-reactid="210"><!-- react-text: 211 -->18px<!-- /react-text --></code><!-- react-text: 212 -->，14 号字体的行高为 <!-- /react-text --><code data-reactid="213"><!-- react-text: 214 -->21px<!-- /react-text --></code><!-- react-text: 215 -->。<!-- /react-text --></p><h2 id="字体颜色" data-reactid="216"><span data-reactid="217"><!-- react-text: 218 -->字体颜色<!-- /react-text --></span><a href="#字体颜色" class="anchor" data-reactid="219">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="220"><div class="preview-image-box" data-reactid="221"><div class="preview-image-wrapper" data-reactid="222"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/kNFpUKqccPYxzfiQlFTh.png" data-reactid="223"/></div><div class="preview-image-title" data-reactid="224"></div><div class="preview-image-description" data-reactid="225">注：表格中 @Black = #000000、@White = #FFFFFF、@Blue-6 = #108EE9</div><!-- react-empty: 226 --></div></div><p data-reactid="227"><!-- react-text: 228 -->文本颜色如果和背景颜色太接近就会很难以阅读，这对于深色背景和浅色背景同样适用。<!-- /react-text --></p><p data-reactid="229"><!-- react-text: 230 -->考虑到无障碍设计的需求，帮助那些弱视和色盲的用户也能轻松识别和阅读屏幕上的文字，我们参考了 WACG 2.0 的标准，文本和背景色之间至少保持最小 4.5:1 的对比度（AA 级），正文内容都保持了 7:1 以上的 AAA 级对比度。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="231"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="232"><section class="prev-next-nav" data-reactid="233"><a class="prev-page" href="/docs/spec/icon-cn" data-reactid="234">图标</a><a class="next-page" href="/docs/spec/copywriting-cn" data-reactid="235">文案</a></section></div></div></div><footer id="footer" data-reactid="236"><ul data-reactid="237"><li data-reactid="238"><h2 data-reactid="239"><i class="anticon anticon-github" data-reactid="240"></i><!-- react-text: 241 --> GitHub<!-- /react-text --></h2><div data-reactid="242"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="243"><span data-reactid="244">源码仓库</span></a></div><div data-reactid="245"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="246"><span data-reactid="247">定制主题</span></a></div><div data-reactid="248"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="249"><span data-reactid="250">Awesome Ant Design</span></a></div></li><li data-reactid="251"><h2 data-reactid="252"><i class="anticon anticon-link" data-reactid="253"></i><!-- react-text: 254 --> <!-- /react-text --><span data-reactid="255">相关站点</span></h2><div data-reactid="256"><a href="https://design.alipay.com/" data-reactid="257"><span data-reactid="258">蚂蚁金服设计平台</span></a></div><div data-reactid="259"><a href="http://mobile.ant.design" data-reactid="260">Ant Design Mobile</a><span data-reactid="261"> - </span><span data-reactid="262">移动版</span></div><div data-reactid="263"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="264">dva</a><!-- react-text: 265 --> - <!-- /react-text --><span data-reactid="266">应用框架</span></div><div data-reactid="267"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="268">dva-cli</a><!-- react-text: 269 --> -<!-- /react-text --><span data-reactid="270">开发工具</span></div><div data-reactid="271"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="272">Egg</a><span data-reactid="273"> - </span><span data-reactid="274">企业级 Node 开发框架</span></div><div data-reactid="275"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="276">AntV</a><span data-reactid="277"> - </span><span data-reactid="278">数据可视化</span></div><div data-reactid="279"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="280">Ant Motion</a><span data-reactid="281"> - </span><span data-reactid="282">设计动效</span></div><div data-reactid="283"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="284">AntD Library</a><span data-reactid="285"> - </span><span data-reactid="286">Axure 部件库</span></div><div data-reactid="287"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="288">Ant UX</a><span data-reactid="289"> - </span><span data-reactid="290">页面逻辑素材</span></div></li><li data-reactid="291"><h2 data-reactid="292"><i class="anticon anticon-customer-service" data-reactid="293"></i><!-- react-text: 294 --> <!-- /react-text --><span data-reactid="295">社区</span></h2><div data-reactid="296"><a href="/changelog" data-reactid="297"><span data-reactid="298">更新记录</span></a></div><div data-reactid="299"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="300"><span data-reactid="301">常见问题</span></a></div><div data-reactid="302"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="303"><span data-reactid="304">在线讨论 (中文)</span></a></div><div data-reactid="305"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="306"><span data-reactid="307">在线讨论 (English)</span></a></div><div data-reactid="308"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="309"><span data-reactid="310">报告 Bug</span></a></div><div data-reactid="311"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="312"><span data-reactid="313">讨论列表</span></a></div><div data-reactid="314"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="315"><span data-reactid="316">StackOverflow</span></a></div><div data-reactid="317"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="318"><span data-reactid="319">SegmentFault</span></a></div></li><li data-reactid="320"><h2 data-reactid="321"><!-- react-text: 322 -->Copyright © <!-- /react-text --><!-- react-text: 323 -->2017<!-- /react-text --></h2><div data-reactid="324"><span data-reactid="325">蚂蚁金服体验技术部出品</span></div><div data-reactid="326"><!-- react-text: 327 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="328">BiSheng</a></div></li></ul></footer></div>
     </div>
diff --git a/docs/spec/font.html b/docs/spec/font.html
index e6adf7120..2eff9c1aa 100644
--- a/docs/spec/font.html
+++ b/docs/spec/font.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1114467499"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1658678441"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/lightweight" data-reactid="72">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/stay" data-reactid="74">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Font<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/font.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->跨平台的字体设定，力求在各个操作系统下都有最佳展示效果。<!-- /react-text --></p><p data-reactid="113"><!-- react-text: 114 -->字体是界面设计中最重要的基本构成之一，用户通过文本来消化内容和完成工作，优雅的字体将大大提升用户的阅读体验及工作效率。Ant Design 的字体方案，在满足不同终端始终保持良好的阅读体验的同时，使页面的视觉层次更加清晰。使用时有以下三点需要注意：<!-- /react-text --></p><ul data-reactid="115"><li data-reactid="116"><p data-reactid="117"><!-- react-text: 118 -->合理的使用不同的字重、字号和颜色来强调界面中最重要的信息；<!-- /react-text --></p></li><li data-reactid="119"><p data-reactid="120"><!-- react-text: 121 -->尽可能的使用单种字体，混合使用多种字体会让界面看起来零散和草率；<!-- /react-text --></p></li><li data-reactid="122"><p data-reactid="123"><!-- react-text: 124 -->遵循 WCAG 2.0 标准，字体在使用时与背景颜色的对比值满足无障碍阅读的最低标准。<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="125"><ul data-reactid="126"><li data-reactid="127"><a class="bisheng-toc-h2" href="#字体家族" title="字体家族" data-reactid="128"><!-- react-text: 129 -->字体家族<!-- /react-text --></a></li><li data-reactid="130"><a class="bisheng-toc-h2" href="#字号" title="字号" data-reactid="131"><!-- react-text: 132 -->字号<!-- /react-text --></a></li><li data-reactid="133"><a class="bisheng-toc-h2" href="#行高" title="行高" data-reactid="134"><!-- react-text: 135 -->行高<!-- /react-text --></a></li><li data-reactid="136"><a class="bisheng-toc-h2" href="#字体颜色" title="字体颜色" data-reactid="137"><!-- react-text: 138 -->字体颜色<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="139"><h2 id="字体家族" data-reactid="140"><span data-reactid="141"><!-- react-text: 142 -->字体家族<!-- /react-text --></span><a href="#字体家族" class="anchor" data-reactid="143">#</a></h2><p data-reactid="144"><!-- react-text: 145 -->字体家族 css 代码如下：<!-- /react-text --></p><p data-reactid="146"><!-- react-text: 147 -->优秀的字体系统的核心是选择一个好的字体。Ant Design 的字体家族中优先使用系统默认的界面字体，同时提供了一套利于屏显的备用字体库，来维护在不同平台以及浏览器的显示下字体始终保持良好的易读性和可读性，体现了友好，稳定和专业的特性。<!-- /react-text --></p><pre class="language-css" data-reactid="148"><code data-reactid="149"><span class="token property">font-family</span><span class="token punctuation">:</span> -apple-system, BlinkMacSystemFont, <span class="token string">"Segoe UI"</span>, Roboto,
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay" data-reactid="72">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight" data-reactid="74">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Font<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/font.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->跨平台的字体设定，力求在各个操作系统下都有最佳展示效果。<!-- /react-text --></p><p data-reactid="113"><!-- react-text: 114 -->字体是界面设计中最重要的基本构成之一，用户通过文本来消化内容和完成工作，优雅的字体将大大提升用户的阅读体验及工作效率。Ant Design 的字体方案，在满足不同终端始终保持良好的阅读体验的同时，使页面的视觉层次更加清晰。使用时有以下三点需要注意：<!-- /react-text --></p><ul data-reactid="115"><li data-reactid="116"><p data-reactid="117"><!-- react-text: 118 -->合理的使用不同的字重、字号和颜色来强调界面中最重要的信息；<!-- /react-text --></p></li><li data-reactid="119"><p data-reactid="120"><!-- react-text: 121 -->尽可能的使用单种字体，混合使用多种字体会让界面看起来零散和草率；<!-- /react-text --></p></li><li data-reactid="122"><p data-reactid="123"><!-- react-text: 124 -->遵循 WCAG 2.0 标准，字体在使用时与背景颜色的对比值满足无障碍阅读的最低标准。<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="125"><ul data-reactid="126"><li data-reactid="127"><a class="bisheng-toc-h2" href="#字体家族" title="字体家族" data-reactid="128"><!-- react-text: 129 -->字体家族<!-- /react-text --></a></li><li data-reactid="130"><a class="bisheng-toc-h2" href="#字号" title="字号" data-reactid="131"><!-- react-text: 132 -->字号<!-- /react-text --></a></li><li data-reactid="133"><a class="bisheng-toc-h2" href="#行高" title="行高" data-reactid="134"><!-- react-text: 135 -->行高<!-- /react-text --></a></li><li data-reactid="136"><a class="bisheng-toc-h2" href="#字体颜色" title="字体颜色" data-reactid="137"><!-- react-text: 138 -->字体颜色<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="139"><h2 id="字体家族" data-reactid="140"><span data-reactid="141"><!-- react-text: 142 -->字体家族<!-- /react-text --></span><a href="#字体家族" class="anchor" data-reactid="143">#</a></h2><p data-reactid="144"><!-- react-text: 145 -->字体家族 css 代码如下：<!-- /react-text --></p><p data-reactid="146"><!-- react-text: 147 -->优秀的字体系统的核心是选择一个好的字体。Ant Design 的字体家族中优先使用系统默认的界面字体，同时提供了一套利于屏显的备用字体库，来维护在不同平台以及浏览器的显示下字体始终保持良好的易读性和可读性，体现了友好，稳定和专业的特性。<!-- /react-text --></p><pre class="language-css" data-reactid="148"><code data-reactid="149"><span class="token property">font-family</span><span class="token punctuation">:</span> -apple-system, BlinkMacSystemFont, <span class="token string">"Segoe UI"</span>, Roboto,
              <span class="token string">"Helvetica Neue"</span>, Helvetica, <span class="token string">"PingFang SC"</span>, <span class="token string">"Hiragino Sans GB"</span>, <span class="token string">"Microsoft YaHei"</span>,
              SimSun, sans-serif<span class="token punctuation">;</span></code></pre><blockquote data-reactid="150"><p data-reactid="151"><!-- react-text: 152 -->参考自：<!-- /react-text --><a href="https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/" data-reactid="153"><!-- react-text: 154 -->https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/<!-- /react-text --></a></p></blockquote><p data-reactid="155"><!-- react-text: 156 -->另外，在中后台系统中，数字经常需要进行纵向对比展示，我们单独将数字的字体设置为 <!-- /react-text --><code data-reactid="157"><!-- react-text: 158 -->Helvetica Neue<!-- /react-text --></code><!-- react-text: 159 -->，使其为等宽字体。<!-- /react-text --></p><blockquote data-reactid="160"><p data-reactid="161"><!-- react-text: 162 -->技术方案：<!-- /react-text --><a href="http://stackoverflow.com/questions/13611420/set-a-font-specifically-for-all-numbers-on-the-page" data-reactid="163"><!-- react-text: 164 -->http://stackoverflow.com/questions/13611420/set-a-font-specifically-for-all-numbers-on-the-page<!-- /react-text --></a></p></blockquote><h2 id="字号" data-reactid="165"><span data-reactid="166"><!-- react-text: 167 -->字号<!-- /react-text --></span><a href="#字号" class="anchor" data-reactid="168">#</a></h2><p data-reactid="169"><!-- react-text: 170 -->Ant Design 使用不同的字号和字重来传递视觉的信息层次。默认字体为 <!-- /react-text --><code data-reactid="171"><!-- react-text: 172 -->12pt<!-- /react-text --></code><!-- react-text: 173 -->，展示型页面可以设置为 <!-- /react-text --><code data-reactid="174"><!-- react-text: 175 -->14pt<!-- /react-text --></code><!-- react-text: 176 -->，其他字体字号相应升级。<!-- /react-text --></p><p data-reactid="177"><img src="https://zos.alipayobjects.com/rmsportal/UkvKkdJgvFqlewCWFyQE.png" data-reactid="178"/></p><h2 id="行高" data-reactid="179"><span data-reactid="180"><!-- react-text: 181 -->行高<!-- /react-text --></span><a href="#行高" class="anchor" data-reactid="182">#</a></h2><p data-reactid="183"><!-- react-text: 184 -->行高会影响阅读的体验，西文的基本行高通常是字号的 <!-- /react-text --><code data-reactid="185"><!-- react-text: 186 -->1.2em<!-- /react-text --></code><!-- react-text: 187 --> 上下，而中文因为字符密实且高度一致，所以一般行高需要更大，<!-- /react-text --><code data-reactid="188"><!-- react-text: 189 -->1.5em<!-- /react-text --></code><!-- react-text: 190 --> 至 <!-- /react-text --><code data-reactid="191"><!-- react-text: 192 -->1.8em<!-- /react-text --></code><!-- react-text: 193 --> 之间是一个比较好的视觉阅读效果，Ant Design 规定默认文案字体行高为 <!-- /react-text --><code data-reactid="194"><!-- react-text: 195 -->1.5em<!-- /react-text --></code><!-- react-text: 196 -->，展示型页面可根据实际情况调整行高。<!-- /react-text --></p><h3 id="行高公式" data-reactid="197"><span data-reactid="198"><!-- react-text: 199 -->行高公式<!-- /react-text --></span><a href="#行高公式" class="anchor" data-reactid="200">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="201"><div class="preview-image-box" data-reactid="202"><div class="preview-image-wrapper" data-reactid="203"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/qFKnfXanJURiDsjJTKDP.png" data-reactid="204"/></div><div class="preview-image-title" data-reactid="205"></div><div class="preview-image-description" data-reactid="206"></div><!-- react-empty: 207 --></div></div><p data-reactid="208"><!-- react-text: 209 -->字体行高绝对值为『字号 x 1.5倍』。例如：12 号字体的行高为 <!-- /react-text --><code data-reactid="210"><!-- react-text: 211 -->18px<!-- /react-text --></code><!-- react-text: 212 -->，14 号字体的行高为 <!-- /react-text --><code data-reactid="213"><!-- react-text: 214 -->21px<!-- /react-text --></code><!-- react-text: 215 -->。<!-- /react-text --></p><h2 id="字体颜色" data-reactid="216"><span data-reactid="217"><!-- react-text: 218 -->字体颜色<!-- /react-text --></span><a href="#字体颜色" class="anchor" data-reactid="219">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="220"><div class="preview-image-box" data-reactid="221"><div class="preview-image-wrapper" data-reactid="222"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/kNFpUKqccPYxzfiQlFTh.png" data-reactid="223"/></div><div class="preview-image-title" data-reactid="224"></div><div class="preview-image-description" data-reactid="225">注：表格中 @Black = #000000、@White = #FFFFFF、@Blue-6 = #108EE9</div><!-- react-empty: 226 --></div></div><p data-reactid="227"><!-- react-text: 228 -->文本颜色如果和背景颜色太接近就会很难以阅读，这对于深色背景和浅色背景同样适用。<!-- /react-text --></p><p data-reactid="229"><!-- react-text: 230 -->考虑到无障碍设计的需求，帮助那些弱视和色盲的用户也能轻松识别和阅读屏幕上的文字，我们参考了 WACG 2.0 的标准，文本和背景色之间至少保持最小 4.5:1 的对比度（AA 级），正文内容都保持了 7:1 以上的 AAA 级对比度。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="231"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="232"><section class="prev-next-nav" data-reactid="233"><a class="prev-page" href="/docs/spec/icon" data-reactid="234">Icons</a><a class="next-page" href="/docs/spec/copywriting" data-reactid="235">Copywriting</a></section></div></div></div><footer id="footer" data-reactid="236"><ul data-reactid="237"><li data-reactid="238"><h2 data-reactid="239"><i class="anticon anticon-github" data-reactid="240"></i><!-- react-text: 241 --> GitHub<!-- /react-text --></h2><div data-reactid="242"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="243"><span data-reactid="244">Repository</span></a></div><div data-reactid="245"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="246"><span data-reactid="247">Customize Theme</span></a></div><div data-reactid="248"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="249"><span data-reactid="250">Awesome Ant Design</span></a></div></li><li data-reactid="251"><h2 data-reactid="252"><i class="anticon anticon-link" data-reactid="253"></i><!-- react-text: 254 --> <!-- /react-text --><span data-reactid="255">Links</span></h2><div data-reactid="256"><a href="https://design.alipay.com/" data-reactid="257"><span data-reactid="258">Ant Financial Design Platform</span></a></div><div data-reactid="259"><a href="http://mobile.ant.design" data-reactid="260">Ant Design Mobile</a><span data-reactid="261"> - </span><span data-reactid="262">Mobile UI</span></div><div data-reactid="263"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="264">dva</a><!-- react-text: 265 --> - <!-- /react-text --><span data-reactid="266">Framework</span></div><div data-reactid="267"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="268">dva-cli</a><!-- react-text: 269 --> -<!-- /react-text --><span data-reactid="270">Developer Tools</span></div><div data-reactid="271"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="272">Egg</a><span data-reactid="273"> - </span><span data-reactid="274">Enterprise Node Framework</span></div><div data-reactid="275"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="276">AntV</a><span data-reactid="277"> - </span><span data-reactid="278">Data Visualization</span></div><div data-reactid="279"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="280">Ant Motion</a><span data-reactid="281"> - </span><span data-reactid="282">Motion Soluction</span></div><div data-reactid="283"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="284">AntD Library</a><span data-reactid="285"> - </span><span data-reactid="286">Axure library</span></div><div data-reactid="287"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="288">Ant UX</a><span data-reactid="289"> - </span><span data-reactid="290">Sitemap Template</span></div></li><li data-reactid="291"><h2 data-reactid="292"><i class="anticon anticon-customer-service" data-reactid="293"></i><!-- react-text: 294 --> <!-- /react-text --><span data-reactid="295">Community</span></h2><div data-reactid="296"><a href="/changelog" data-reactid="297"><span data-reactid="298">Change Log</span></a></div><div data-reactid="299"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="300"><span data-reactid="301">FAQ</span></a></div><div data-reactid="302"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="303"><span data-reactid="304">Chat Room (中文)</span></a></div><div data-reactid="305"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="306"><span data-reactid="307">Chat Room (English)</span></a></div><div data-reactid="308"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="309"><span data-reactid="310">Bug Report</span></a></div><div data-reactid="311"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="312"><span data-reactid="313">Issues</span></a></div><div data-reactid="314"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="315"><span data-reactid="316">StackOverflow</span></a></div><div data-reactid="317"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="318"><span data-reactid="319">SegmentFault</span></a></div></li><li data-reactid="320"><h2 data-reactid="321"><!-- react-text: 322 -->Copyright © <!-- /react-text --><!-- react-text: 323 -->2017<!-- /react-text --></h2><div data-reactid="324"><span data-reactid="325">Created by AIUX</span></div><div data-reactid="326"><!-- react-text: 327 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="328">BiSheng</a></div></li></ul></footer></div>
     </div>
diff --git a/docs/spec/icon-cn.html b/docs/spec/icon-cn.html
index 9a5fceb3b..979eb1feb 100644
--- a/docs/spec/icon-cn.html
+++ b/docs/spec/icon-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="484200527"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-294367151"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->图标<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/icon.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->图标是具有指代意义的图形，也是一种标识。通过使用图标表达命令，强调状态，表示产品或类别。为了系统及跨平台之间图形认知保持一致，
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->图标<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/icon.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->图标是具有指代意义的图形，也是一种标识。通过使用图标表达命令，强调状态，表示产品或类别。为了系统及跨平台之间图形认知保持一致，
 Ant Design 的图标在设计和使用时有以下两个原则点需要注意：<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->简单的图形语言以及高辨识度。清晰、直观的图标更能明确指代含义便于识别记忆；<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->保持图标之间一致的风格和表现方式。界面中的所有图标都应该在细节设计、透视和笔画权重上保持一致。<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="120"><ul data-reactid="121"><li data-reactid="122"><a class="bisheng-toc-h2" href="#系统图标" title="系统图标" data-reactid="123"><!-- react-text: 124 -->系统图标<!-- /react-text --></a></li><li data-reactid="125"><a class="bisheng-toc-h2" href="#业务图标" title="业务图标" data-reactid="126"><!-- react-text: 127 -->业务图标<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="128"><h2 id="系统图标" data-reactid="129"><span data-reactid="130"><!-- react-text: 131 -->系统图标<!-- /react-text --></span><a href="#系统图标" class="anchor" data-reactid="132">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="133"><div class="preview-image-box" data-reactid="134"><div class="preview-image-wrapper" data-reactid="135"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/gcOflMziKUIdaeLlObPj.png" data-reactid="136"/></div><div class="preview-image-title" data-reactid="137"></div><div class="preview-image-description" data-reactid="138"></div><!-- react-empty: 139 --></div></div><p data-reactid="140"><!-- react-text: 141 -->系统图标通常用来表示常用的操作，比如：删除、保存、编辑。也可以用来表示一个文件或者状态。<!-- /react-text --></p><ul data-reactid="142"><li data-reactid="143"><p data-reactid="144"><a href="/components/icon-cn/" data-reactid="145">查看图标库</a></p></li></ul><h3 id="关键轮廓线" data-reactid="146"><span data-reactid="147"><!-- react-text: 148 -->关键轮廓线<!-- /react-text --></span><a href="#关键轮廓线" class="anchor" data-reactid="149">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="150"><div class="preview-image-box" data-reactid="151"><div class="preview-image-wrapper" data-reactid="152"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/psKuOznmgqzqQoumcAxT.png" alt="网格和关键轮廓线" data-reactid="153"/></div><div class="preview-image-title" data-reactid="154">网格和关键轮廓线</div><div class="preview-image-description" data-reactid="155"></div><!-- react-empty: 156 --></div></div><p data-reactid="157"><!-- react-text: 158 -->根据不同的图标形状类型使用不同的轮廓线，可以使图标之间保持一致的视觉效果。<!-- /react-text --></p><p data-reactid="159"><!-- react-text: 160 -->请将所有图标在 1024×1024（16×16 的 64 倍）的画板中制作。<!-- /react-text --></p><ul data-reactid="161"><li data-reactid="162"><p data-reactid="163"><a href="https://zos.alipayobjects.com/rmsportal/hmNuLjCkBssupcZgYAde.png" data-reactid="164"><!-- react-text: 165 -->制作小技巧<!-- /react-text --></a></p></li></ul><div class="preview-image-boxes clearfix" data-reactid="166"><div class="preview-image-box" style="width:50%;" data-reactid="167"><div class="preview-image-wrapper" data-reactid="168"><img class="preview-img no-padding inline" src="https://zos.alipayobjects.com/rmsportal/XzoySLGeUaMCOVymkyZq.png" alt="正方形外轮廓" data-reactid="169"/></div><div class="preview-image-title" data-reactid="170">正方形外轮廓</div><div class="preview-image-description" data-reactid="171"></div><!-- react-empty: 172 --></div><div class="preview-image-box" style="width:50%;" data-reactid="173"><div class="preview-image-wrapper" data-reactid="174"><img class="preview-img no-padding inline" src="https://zos.alipayobjects.com/rmsportal/fdWiCCIQiJIViSNhmcHo.png" alt="横向矩形外轮廓" data-reactid="175"/></div><div class="preview-image-title" data-reactid="176">横向矩形外轮廓</div><div class="preview-image-description" data-reactid="177"></div><!-- react-empty: 178 --></div></div><div class="preview-image-boxes clearfix" data-reactid="179"><div class="preview-image-box" style="width:50%;" data-reactid="180"><div class="preview-image-wrapper" data-reactid="181"><img class="preview-img no-padding inline" src="https://zos.alipayobjects.com/rmsportal/xEvvEZHaSlstcozKgoBd.png" alt="圆形外轮廓" data-reactid="182"/></div><div class="preview-image-title" data-reactid="183">圆形外轮廓</div><div class="preview-image-description" data-reactid="184"></div><!-- react-empty: 185 --></div><div class="preview-image-box" style="width:50%;" data-reactid="186"><div class="preview-image-wrapper" data-reactid="187"><img class="preview-img no-padding inline" src="https://zos.alipayobjects.com/rmsportal/GyBKoeSnRDFPvJudEgOA.png" alt="纵向矩形外轮廓" data-reactid="188"/></div><div class="preview-image-title" data-reactid="189">纵向矩形外轮廓</div><div class="preview-image-description" data-reactid="190"></div><!-- react-empty: 191 --></div></div><h3 id="细节" data-reactid="192"><span data-reactid="193"><!-- react-text: 194 -->细节<!-- /react-text --></span><a href="#细节" class="anchor" data-reactid="195">#</a></h3><h4 id="笔画" data-reactid="196"><span data-reactid="197"><!-- react-text: 198 -->笔画<!-- /react-text --></span><a href="#笔画" class="anchor" data-reactid="199">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="200"><div class="preview-image-box" style="width:50%;" data-reactid="201"><div class="preview-image-wrapper good" data-reactid="202"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/WnOptTBWISNYeRpYnlcg.png" alt="正确示范" data-reactid="203"/></div><div class="preview-image-title" data-reactid="204">正确示范</div><div class="preview-image-description" data-reactid="205">icon 的线条粗细统一保持为 72px</div><!-- react-empty: 206 --></div><div class="preview-image-box" style="width:50%;" data-reactid="207"><div class="preview-image-wrapper bad" data-reactid="208"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/pdLgzaadpHndkqAPLNmx.png" alt="错误示范" data-reactid="209"/></div><div class="preview-image-title" data-reactid="210">错误示范</div><div class="preview-image-description" data-reactid="211">icon 的线条粗细不统一</div><!-- react-empty: 212 --></div></div><p data-reactid="213"><!-- react-text: 214 -->一致的笔画权重是保持整个图标系统视觉统一的关键，Ant Design 系统图标的线条统一为 72px 宽度。<!-- /react-text --></p><h4 id="边角" data-reactid="215"><span data-reactid="216"><!-- react-text: 217 -->边角<!-- /react-text --></span><a href="#边角" class="anchor" data-reactid="218">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="219"><div class="preview-image-box" style="width:50%;" data-reactid="220"><div class="preview-image-wrapper good" data-reactid="221"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/FBhKrLDoNmfgwZRbfXRi.png" alt="正确示范" data-reactid="222"/></div><div class="preview-image-title" data-reactid="223">正确示范</div><div class="preview-image-description" data-reactid="224">图标的边角设计都遵循了 Ant Design 的规范</div><!-- react-empty: 225 --></div><div class="preview-image-box" style="width:50%;" data-reactid="226"><div class="preview-image-wrapper bad" data-reactid="227"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/NtrZWeUsfVWiOjRcWDqv.png" alt="错误示范" data-reactid="228"/></div><div class="preview-image-title" data-reactid="229">错误示范</div><div class="preview-image-description" data-reactid="230">线条的终端并不是圆角</div><!-- react-empty: 231 --></div></div><p data-reactid="232"><!-- react-text: 233 -->一致的角度半径也是保持整个图标系统视觉统一的重要元素。<!-- /react-text --></p><p data-reactid="234"><!-- react-text: 235 -->Ant Design 的图标设计中，外轮廓线统一半径为 72px 的圆角，icon 内部空间的边角保持直角，笔画的终端为圆角。<!-- /react-text --></p><h4 id="视觉修正" data-reactid="236"><span data-reactid="237"><!-- react-text: 238 -->视觉修正<!-- /react-text --></span><a href="#视觉修正" class="anchor" data-reactid="239">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="240"><div class="preview-image-box" style="width:50%;" data-reactid="241"><div class="preview-image-wrapper good" data-reactid="242"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/xOFtYOCPdCHNwAzYVqSJ.png" alt="正确示范" data-reactid="243"/></div><div class="preview-image-title" data-reactid="244">正确示范</div><div class="preview-image-description" data-reactid="245">对于图标内较复杂的 “JPG” 字母在笔画权重上进行了微调，让图标看上去更和谐</div><!-- react-empty: 246 --></div><div class="preview-image-box" style="width:50%;" data-reactid="247"><div class="preview-image-wrapper bad" data-reactid="248"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/pxpaZCbYqucHqnxyazta.png" alt="错误示范" data-reactid="249"/></div><div class="preview-image-title" data-reactid="250">错误示范</div><div class="preview-image-description" data-reactid="251">icon 图形太复杂，空间显得拥挤</div><!-- react-empty: 252 --></div></div><p data-reactid="253"><!-- react-text: 254 -->在一些特殊情况下（比如，icon 的形状比较复杂紧凑），可以通过调整线条的粗细或圆角的大小等微妙的变化来增加图标的易读性。<!-- /react-text --></p><h3 id="透视角度" data-reactid="255"><span data-reactid="256"><!-- react-text: 257 -->透视角度<!-- /react-text --></span><a href="#透视角度" class="anchor" data-reactid="258">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="259"><div class="preview-image-box" style="width:50%;" data-reactid="260"><div class="preview-image-wrapper good" data-reactid="261"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/YqNpTvpCeBeRAPWSFJbz.png" alt="正确示范" data-reactid="262"/></div><div class="preview-image-title" data-reactid="263">正确示范</div><div class="preview-image-description" data-reactid="264">保持平面、简洁的风格</div><!-- react-empty: 265 --></div><div class="preview-image-box" style="width:50%;" data-reactid="266"><div class="preview-image-wrapper bad" data-reactid="267"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/tqMBxDQruzWhunynJaNC.png" alt="错误示范" data-reactid="268"/></div><div class="preview-image-title" data-reactid="269">错误示范</div><div class="preview-image-description" data-reactid="270">图标具有俯视角度，并不是在一个维度空间内</div><!-- react-empty: 271 --></div></div><p data-reactid="272"><!-- react-text: 273 -->始终保持简洁、平面的风格,不要让图标具有多维度空间感，或者充满了细节。<!-- /react-text --></p><h3 id="命名规则" data-reactid="274"><span data-reactid="275"><!-- react-text: 276 -->命名规则<!-- /react-text --></span><a href="#命名规则" class="anchor" data-reactid="277">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="278"><div class="preview-image-box" data-reactid="279"><div class="preview-image-wrapper" data-reactid="280"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/RjDmLIjLtUdoIQDIuVrw.png" data-reactid="281"/></div><div class="preview-image-title" data-reactid="282"></div><div class="preview-image-description" data-reactid="283"></div><!-- react-empty: 284 --></div></div><p data-reactid="285"><!-- react-text: 286 -->统一的命名方式有助于管理图标，也能更快速的找到需要的图标。例如，环绕型的图标统一以「-o」后缀。<!-- /react-text --></p><h3 id="图标尺寸" data-reactid="287"><span data-reactid="288"><!-- react-text: 289 -->图标尺寸<!-- /react-text --></span><a href="#图标尺寸" class="anchor" data-reactid="290">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="291"><div class="preview-image-box" data-reactid="292"><div class="preview-image-wrapper" data-reactid="293"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/nHFxbYpwlUHwOcrkvgGw.png" data-reactid="294"/></div><div class="preview-image-title" data-reactid="295"></div><div class="preview-image-description" data-reactid="296"></div><!-- react-empty: 297 --></div></div><p data-reactid="298"><!-- react-text: 299 -->应用于页面时请使用 Ant Design 的规范尺寸，与字体搭配时和字体的尺寸保持一致。<!-- /react-text --></p><p data-reactid="300"><!-- react-text: 301 -->例如：和 12pt 字体搭配时，图标使用 12px，图标与文字的间距为 8px。<!-- /react-text --></p><h3 id="颜色" data-reactid="302"><span data-reactid="303"><!-- react-text: 304 -->颜色<!-- /react-text --></span><a href="#颜色" class="anchor" data-reactid="305">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="306"><div class="preview-image-box" data-reactid="307"><div class="preview-image-wrapper" data-reactid="308"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/uYhuxxiWZlgVwdmfqUli.png" data-reactid="309"/></div><div class="preview-image-title" data-reactid="310"></div><div class="preview-image-description" data-reactid="311">注：表格中 @Black = #000000、@White = #FFFFFF、@Blue-6 = #108EE9</div><!-- react-empty: 312 --></div></div><p data-reactid="313"><!-- react-text: 314 -->图标的颜色需要与搭配文案的色值保持一致（表示状态的除外）。<!-- /react-text --></p><hr data-reactid="315"/><h2 id="业务图标" data-reactid="316"><span data-reactid="317"><!-- react-text: 318 -->业务图标<!-- /react-text --></span><a href="#业务图标" class="anchor" data-reactid="319">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="320"><div class="preview-image-box" data-reactid="321"><div class="preview-image-wrapper" data-reactid="322"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/sBoyTTymmdhEuYUPEGAd.png" data-reactid="323"/></div><div class="preview-image-title" data-reactid="324"></div><div class="preview-image-description" data-reactid="325"></div><!-- react-empty: 326 --></div></div><p data-reactid="327"><!-- react-text: 328 -->业务图标不同于系统图标，本身不带有功能性的操作，而是辅助配合文案的一个抽象化图形。相较于系统图标，业务图标在设计的细节上更为丰富，使用的尺寸也比较大。<!-- /react-text --></p><blockquote data-reactid="329"><p data-reactid="330"><!-- react-text: 331 -->注：业务图标的设计原则与系统图标基本一致，在细节处理上（如笔画权重、圆角大小等）可视具体场景而定。<!-- /react-text --></p></blockquote><h3 id="图标尺寸" data-reactid="332"><span data-reactid="333"><!-- react-text: 334 -->图标尺寸<!-- /react-text --></span><a href="#图标尺寸" class="anchor" data-reactid="335">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="336"><div class="preview-image-box" data-reactid="337"><div class="preview-image-wrapper" data-reactid="338"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/ByDcWtCrgspVLqjTsFdu.png" data-reactid="339"/></div><div class="preview-image-title" data-reactid="340"></div><div class="preview-image-description" data-reactid="341"></div><!-- react-empty: 342 --></div></div><p data-reactid="343"><!-- react-text: 344 -->在常规使用中，有 32px（最小尺寸）、48px 和 64px（最大尺寸）三种选择。<!-- /react-text --></p><h3 id="颜色" data-reactid="345"><span data-reactid="346"><!-- react-text: 347 -->颜色<!-- /react-text --></span><a href="#颜色" class="anchor" data-reactid="348">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="349"><div class="preview-image-box" data-reactid="350"><div class="preview-image-wrapper" data-reactid="351"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/QfFDvJISCInKnjsshowY.png" data-reactid="352"/></div><div class="preview-image-title" data-reactid="353"></div><div class="preview-image-description" data-reactid="354"></div><!-- react-empty: 355 --></div></div><p data-reactid="356"><!-- react-text: 357 -->业务图标有单色（中性色）和双色（中性色+主色）两种，主色的面积不超过整个 icon 的 40%。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="358"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="359"><section class="prev-next-nav" data-reactid="360"><a class="prev-page" href="/docs/spec/colors-cn" data-reactid="361">色彩</a><a class="next-page" href="/docs/spec/font-cn" data-reactid="362">字体</a></section></div></div></div><footer id="footer" data-reactid="363"><ul data-reactid="364"><li data-reactid="365"><h2 data-reactid="366"><i class="anticon anticon-github" data-reactid="367"></i><!-- react-text: 368 --> GitHub<!-- /react-text --></h2><div data-reactid="369"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="370"><span data-reactid="371">源码仓库</span></a></div><div data-reactid="372"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="373"><span data-reactid="374">定制主题</span></a></div><div data-reactid="375"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="376"><span data-reactid="377">Awesome Ant Design</span></a></div></li><li data-reactid="378"><h2 data-reactid="379"><i class="anticon anticon-link" data-reactid="380"></i><!-- react-text: 381 --> <!-- /react-text --><span data-reactid="382">相关站点</span></h2><div data-reactid="383"><a href="https://design.alipay.com/" data-reactid="384"><span data-reactid="385">蚂蚁金服设计平台</span></a></div><div data-reactid="386"><a href="http://mobile.ant.design" data-reactid="387">Ant Design Mobile</a><span data-reactid="388"> - </span><span data-reactid="389">移动版</span></div><div data-reactid="390"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="391">dva</a><!-- react-text: 392 --> - <!-- /react-text --><span data-reactid="393">应用框架</span></div><div data-reactid="394"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="395">dva-cli</a><!-- react-text: 396 --> -<!-- /react-text --><span data-reactid="397">开发工具</span></div><div data-reactid="398"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="399">Egg</a><span data-reactid="400"> - </span><span data-reactid="401">企业级 Node 开发框架</span></div><div data-reactid="402"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="403">AntV</a><span data-reactid="404"> - </span><span data-reactid="405">数据可视化</span></div><div data-reactid="406"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="407">Ant Motion</a><span data-reactid="408"> - </span><span data-reactid="409">设计动效</span></div><div data-reactid="410"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="411">AntD Library</a><span data-reactid="412"> - </span><span data-reactid="413">Axure 部件库</span></div><div data-reactid="414"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="415">Ant UX</a><span data-reactid="416"> - </span><span data-reactid="417">页面逻辑素材</span></div></li><li data-reactid="418"><h2 data-reactid="419"><i class="anticon anticon-customer-service" data-reactid="420"></i><!-- react-text: 421 --> <!-- /react-text --><span data-reactid="422">社区</span></h2><div data-reactid="423"><a href="/changelog" data-reactid="424"><span data-reactid="425">更新记录</span></a></div><div data-reactid="426"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="427"><span data-reactid="428">常见问题</span></a></div><div data-reactid="429"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="430"><span data-reactid="431">在线讨论 (中文)</span></a></div><div data-reactid="432"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="433"><span data-reactid="434">在线讨论 (English)</span></a></div><div data-reactid="435"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="436"><span data-reactid="437">报告 Bug</span></a></div><div data-reactid="438"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="439"><span data-reactid="440">讨论列表</span></a></div><div data-reactid="441"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="442"><span data-reactid="443">StackOverflow</span></a></div><div data-reactid="444"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="445"><span data-reactid="446">SegmentFault</span></a></div></li><li data-reactid="447"><h2 data-reactid="448"><!-- react-text: 449 -->Copyright © <!-- /react-text --><!-- react-text: 450 -->2017<!-- /react-text --></h2><div data-reactid="451"><span data-reactid="452">蚂蚁金服体验技术部出品</span></div><div data-reactid="453"><!-- react-text: 454 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="455">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
diff --git a/docs/spec/icon.html b/docs/spec/icon.html
index 794a3aa60..4e039babf 100644
--- a/docs/spec/icon.html
+++ b/docs/spec/icon.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1279546257"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-2145496173"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/lightweight" data-reactid="72">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/stay" data-reactid="74">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Icons<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/icon.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->An icon is a graphical representation of meaning. Icons can be used to express actions, state, and even to categorize data. Ant Design&#x27;s icons adhere to the following two principles and are designed for cross-platform consistency:<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->Graphics that are clear, intuitive, and simple enjoy a higher degree of recognition and are more easily understood<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->All icons in the user interface should be consistent in style (detail design, perspective, stroke weight, etc.)<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="120"><ul data-reactid="121"><li data-reactid="122"><a class="bisheng-toc-h2" href="#System-icons" title="System icons" data-reactid="123"><!-- react-text: 124 -->System icons<!-- /react-text --></a></li><li data-reactid="125"><a class="bisheng-toc-h2" href="#Pictographs" title="Pictographs" data-reactid="126"><!-- react-text: 127 -->Pictographs<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="128"><h2 id="System-icons" data-reactid="129"><span data-reactid="130"><!-- react-text: 131 -->System icons<!-- /react-text --></span><a href="#System-icons" class="anchor" data-reactid="132">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="133"><div class="preview-image-box" data-reactid="134"><div class="preview-image-wrapper" data-reactid="135"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/gcOflMziKUIdaeLlObPj.png" data-reactid="136"/></div><div class="preview-image-title" data-reactid="137"></div><div class="preview-image-description" data-reactid="138"></div><!-- react-empty: 139 --></div></div><p data-reactid="140"><!-- react-text: 141 -->System icons are often used to represent commonly used operations, such as: save, edit, delete. The library also includes icons to represent file types and state.<!-- /react-text --></p><ul data-reactid="142"><li data-reactid="143"><p data-reactid="144"><a href="/components/icon/#Application-Icons" data-reactid="145">View the icon library</a></p></li></ul><h3 id="Key-contour-lines" data-reactid="146"><span data-reactid="147"><!-- react-text: 148 -->Key contour lines<!-- /react-text --></span><a href="#Key-contour-lines" class="anchor" data-reactid="149">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="150"><div class="preview-image-box" data-reactid="151"><div class="preview-image-wrapper" data-reactid="152"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/psKuOznmgqzqQoumcAxT.png" alt="Ant Design&#x27;s grid and key contour lines" data-reactid="153"/></div><div class="preview-image-title" data-reactid="154">Ant Design&#x27;s grid and key contour lines</div><div class="preview-image-description" data-reactid="155"></div><!-- react-empty: 156 --></div></div><p data-reactid="157"><!-- react-text: 158 -->Contour lines play an important role in making various icons with the same visual effect. We recommend using a template following Ant Design&#x27;s contour lines when creating new icons.<!-- /react-text --></p><p data-reactid="159"><!-- react-text: 160 -->Please make all icons in the 1024×1024 resolution (16×16 64 times).<!-- /react-text --></p><ul data-reactid="161"><li data-reactid="162"><p data-reactid="163"><a href="https://zos.alipayobjects.com/rmsportal/hmNuLjCkBssupcZgYAde.png" data-reactid="164"><!-- react-text: 165 -->Illustrator tips<!-- /react-text --></a></p></li></ul><div class="preview-image-boxes clearfix" data-reactid="166"><div class="preview-image-box" style="width:50%;" data-reactid="167"><div class="preview-image-wrapper" data-reactid="168"><img class="preview-img no-padding inline" src="https://zos.alipayobjects.com/rmsportal/XzoySLGeUaMCOVymkyZq.png" alt="Square contour" data-reactid="169"/></div><div class="preview-image-title" data-reactid="170">Square contour</div><div class="preview-image-description" data-reactid="171"></div><!-- react-empty: 172 --></div><div class="preview-image-box" style="width:50%;" data-reactid="173"><div class="preview-image-wrapper" data-reactid="174"><img class="preview-img no-padding inline" src="https://zos.alipayobjects.com/rmsportal/fdWiCCIQiJIViSNhmcHo.png" alt="Horizontal rectangle contour" data-reactid="175"/></div><div class="preview-image-title" data-reactid="176">Horizontal rectangle contour</div><div class="preview-image-description" data-reactid="177"></div><!-- react-empty: 178 --></div></div><div class="preview-image-boxes clearfix" data-reactid="179"><div class="preview-image-box" style="width:50%;" data-reactid="180"><div class="preview-image-wrapper" data-reactid="181"><img class="preview-img no-padding inline" src="https://zos.alipayobjects.com/rmsportal/xEvvEZHaSlstcozKgoBd.png" alt="Circular contour" data-reactid="182"/></div><div class="preview-image-title" data-reactid="183">Circular contour</div><div class="preview-image-description" data-reactid="184"></div><!-- react-empty: 185 --></div><div class="preview-image-box" style="width:50%;" data-reactid="186"><div class="preview-image-wrapper" data-reactid="187"><img class="preview-img no-padding inline" src="https://zos.alipayobjects.com/rmsportal/GyBKoeSnRDFPvJudEgOA.png" alt="Vertical rectangle contour" data-reactid="188"/></div><div class="preview-image-title" data-reactid="189">Vertical rectangle contour</div><div class="preview-image-description" data-reactid="190"></div><!-- react-empty: 191 --></div></div><h3 id="Design-details" data-reactid="192"><span data-reactid="193"><!-- react-text: 194 -->Design details<!-- /react-text --></span><a href="#Design-details" class="anchor" data-reactid="195">#</a></h3><h4 id="Stroke-weight" data-reactid="196"><span data-reactid="197"><!-- react-text: 198 -->Stroke weight<!-- /react-text --></span><a href="#Stroke-weight" class="anchor" data-reactid="199">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="200"><div class="preview-image-box" style="width:50%;" data-reactid="201"><div class="preview-image-wrapper good" data-reactid="202"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/WnOptTBWISNYeRpYnlcg.png" alt="Correct example" data-reactid="203"/></div><div class="preview-image-title" data-reactid="204">Correct example</div><div class="preview-image-description" data-reactid="205">Line thickness is consistently 72px</div><!-- react-empty: 206 --></div><div class="preview-image-box" style="width:50%;" data-reactid="207"><div class="preview-image-wrapper bad" data-reactid="208"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/pdLgzaadpHndkqAPLNmx.png" alt="Incorrect example" data-reactid="209"/></div><div class="preview-image-title" data-reactid="210">Incorrect example</div><div class="preview-image-description" data-reactid="211">Line thickness is not uniform</div><!-- react-empty: 212 --></div></div><p data-reactid="213"><!-- react-text: 214 -->Consistent stroke weight is the key to maintaining the visual unity of the entire icon system. Ant Design&#x27;s icons have a consistent line width of 72px.<!-- /react-text --></p><h4 id="Corners" data-reactid="215"><span data-reactid="216"><!-- react-text: 217 -->Corners<!-- /react-text --></span><a href="#Corners" class="anchor" data-reactid="218">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="219"><div class="preview-image-box" style="width:50%;" data-reactid="220"><div class="preview-image-wrapper good" data-reactid="221"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/FBhKrLDoNmfgwZRbfXRi.png" alt="Correct example" data-reactid="222"/></div><div class="preview-image-title" data-reactid="223">Correct example</div><div class="preview-image-description" data-reactid="224">The icon's corners are properly rounded</div><!-- react-empty: 225 --></div><div class="preview-image-box" style="width:50%;" data-reactid="226"><div class="preview-image-wrapper bad" data-reactid="227"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/NtrZWeUsfVWiOjRcWDqv.png" alt="Incorrect example" data-reactid="228"/></div><div class="preview-image-title" data-reactid="229">Incorrect example</div><div class="preview-image-description" data-reactid="230">The icon's corners are not rounded</div><!-- react-empty: 231 --></div></div><p data-reactid="232"><!-- react-text: 233 -->Consistent rounding of corners and sizing of angles is also an important element in maintaining visual unity.<!-- /react-text --></p><p data-reactid="234"><!-- react-text: 235 -->Icons that follow Ant Design should have rounded corners and edges using a 72px radius. Angles should be a multiple of 45°.<!-- /react-text --></p><h4 id="Visual-correction" data-reactid="236"><span data-reactid="237"><!-- react-text: 238 -->Visual correction<!-- /react-text --></span><a href="#Visual-correction" class="anchor" data-reactid="239">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="240"><div class="preview-image-box" style="width:50%;" data-reactid="241"><div class="preview-image-wrapper good" data-reactid="242"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/xOFtYOCPdCHNwAzYVqSJ.png" alt="Correct example" data-reactid="243"/></div><div class="preview-image-title" data-reactid="244">Correct example</div><div class="preview-image-description" data-reactid="245">For the intricate “JPG” lettering, an outline is added for readability</div><!-- react-empty: 246 --></div><div class="preview-image-box" style="width:50%;" data-reactid="247"><div class="preview-image-wrapper bad" data-reactid="248"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/pxpaZCbYqucHqnxyazta.png" alt="Incorrect example" data-reactid="249"/></div><div class="preview-image-title" data-reactid="250">Incorrect example</div><div class="preview-image-description" data-reactid="251">The text in the icon is crowded and hard to read</div><!-- react-empty: 252 --></div></div><p data-reactid="253"><!-- react-text: 254 -->In certain special cases (for example, when the icon is too compact), adjustments to line width, outlines, or other subtle changes may be made to increase readability.<!-- /react-text --></p><h3 id="Perspective" data-reactid="255"><span data-reactid="256"><!-- react-text: 257 -->Perspective<!-- /react-text --></span><a href="#Perspective" class="anchor" data-reactid="258">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="259"><div class="preview-image-box" style="width:50%;" data-reactid="260"><div class="preview-image-wrapper good" data-reactid="261"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/YqNpTvpCeBeRAPWSFJbz.png" alt="Correct example" data-reactid="262"/></div><div class="preview-image-title" data-reactid="263">Correct example</div><div class="preview-image-description" data-reactid="264">Maintains a flat, simple style</div><!-- react-empty: 265 --></div><div class="preview-image-box" style="width:50%;" data-reactid="266"><div class="preview-image-wrapper bad" data-reactid="267"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/tqMBxDQruzWhunynJaNC.png" alt="Incorrect example" data-reactid="268"/></div><div class="preview-image-title" data-reactid="269">Incorrect example</div><div class="preview-image-description" data-reactid="270">Icons should not have depth nor varying perspectives</div><!-- react-empty: 271 --></div></div><p data-reactid="272"><!-- react-text: 273 -->Always keep a simple, flat style. Icons should not have a sense of depth nor a large amount of detail.<!-- /react-text --></p><h3 id="Naming-conventions" data-reactid="274"><span data-reactid="275"><!-- react-text: 276 -->Naming conventions<!-- /react-text --></span><a href="#Naming-conventions" class="anchor" data-reactid="277">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="278"><div class="preview-image-box" data-reactid="279"><div class="preview-image-wrapper" data-reactid="280"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/RjDmLIjLtUdoIQDIuVrw.png" data-reactid="281"/></div><div class="preview-image-title" data-reactid="282"></div><div class="preview-image-description" data-reactid="283"></div><!-- react-empty: 284 --></div></div><p data-reactid="285"><!-- react-text: 286 -->Uniform naming conventions make finding icons faster and easier. For example, icons with a surrounding outline have a uniform &quot;-o&quot; suffix.<!-- /react-text --></p><h3 id="Icon-sizing" data-reactid="287"><span data-reactid="288"><!-- react-text: 289 -->Icon sizing<!-- /react-text --></span><a href="#Icon-sizing" class="anchor" data-reactid="290">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="291"><div class="preview-image-box" data-reactid="292"><div class="preview-image-wrapper" data-reactid="293"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/nHFxbYpwlUHwOcrkvgGw.png" data-reactid="294"/></div><div class="preview-image-title" data-reactid="295"></div><div class="preview-image-description" data-reactid="296"></div><!-- react-empty: 297 --></div></div><p data-reactid="298"><!-- react-text: 299 -->Icons should be scaled according to the text size, according to the Ant Design specification.<!-- /react-text --></p><p data-reactid="300"><!-- react-text: 301 -->For example, icons inline with 12pt font should be 12px in size with 8px of spacing.<!-- /react-text --></p><h3 id="Color" data-reactid="302"><span data-reactid="303"><!-- react-text: 304 -->Color<!-- /react-text --></span><a href="#Color" class="anchor" data-reactid="305">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="306"><div class="preview-image-box" data-reactid="307"><div class="preview-image-wrapper" data-reactid="308"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/uYhuxxiWZlgVwdmfqUli.png" data-reactid="309"/></div><div class="preview-image-title" data-reactid="310"></div><div class="preview-image-description" data-reactid="311">Colors demonstrated - @Black = #000000、@White = #FFFFFF、@Blue-6 = #108EE9</div><!-- react-empty: 312 --></div></div><p data-reactid="313"><!-- react-text: 314 -->The color of the icon should be consistent the color of the surrounding copy, unless the icon is being used to express state (in which case it should be colored accordingly).<!-- /react-text --></p><hr data-reactid="315"/><h2 id="Pictographs" data-reactid="316"><span data-reactid="317"><!-- react-text: 318 -->Pictographs<!-- /react-text --></span><a href="#Pictographs" class="anchor" data-reactid="319">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="320"><div class="preview-image-box" data-reactid="321"><div class="preview-image-wrapper" data-reactid="322"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/tFBnAjChLpybfxtnotTx.png" data-reactid="323"/></div><div class="preview-image-title" data-reactid="324"></div><div class="preview-image-description" data-reactid="325"></div><!-- react-empty: 326 --></div></div><p data-reactid="327"><!-- react-text: 328 -->While certain icons may be used to express an action or to communicate state, other icons may act as pictographs which can be used to either communicate meaning or to help a user remember an abstract concept.<!-- /react-text --></p><blockquote data-reactid="329"><p data-reactid="330"><!-- react-text: 331 -->Note: The design principles for system icons (stroke weight, etc.) also apply to pictographs.<!-- /react-text --></p></blockquote><h3 id="Pictograph-sizing" data-reactid="332"><span data-reactid="333"><!-- react-text: 334 -->Pictograph sizing<!-- /react-text --></span><a href="#Pictograph-sizing" class="anchor" data-reactid="335">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="336"><div class="preview-image-box" data-reactid="337"><div class="preview-image-wrapper" data-reactid="338"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/ByDcWtCrgspVLqjTsFdu.png" data-reactid="339"/></div><div class="preview-image-title" data-reactid="340"></div><div class="preview-image-description" data-reactid="341"></div><!-- react-empty: 342 --></div></div><p data-reactid="343"><!-- react-text: 344 -->Conventionally, we recommend storing pictograph icons in three sizes: 32px, 48px, and 64px. That said, the physical dimensions of an icon should match the dimensions of where it is used.<!-- /react-text --></p><h3 id="Colors" data-reactid="345"><span data-reactid="346"><!-- react-text: 347 -->Colors<!-- /react-text --></span><a href="#Colors" class="anchor" data-reactid="348">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="349"><div class="preview-image-box" data-reactid="350"><div class="preview-image-wrapper" data-reactid="351"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/QfFDvJISCInKnjsshowY.png" data-reactid="352"/></div><div class="preview-image-title" data-reactid="353"></div><div class="preview-image-description" data-reactid="354"></div><!-- react-empty: 355 --></div></div><p data-reactid="356"><!-- react-text: 357 -->Pictographs should either be monochrome (using a neutral color) or consist of two colors (the neutral color + primary color), with the primary color not exceeding 40% of the pictograph&#x27;s area.<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="358"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="359"><section class="prev-next-nav" data-reactid="360"><a class="prev-page" href="/docs/spec/colors" data-reactid="361">Colors</a><a class="next-page" href="/docs/spec/font" data-reactid="362">Font</a></section></div></div></div><footer id="footer" data-reactid="363"><ul data-reactid="364"><li data-reactid="365"><h2 data-reactid="366"><i class="anticon anticon-github" data-reactid="367"></i><!-- react-text: 368 --> GitHub<!-- /react-text --></h2><div data-reactid="369"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="370"><span data-reactid="371">Repository</span></a></div><div data-reactid="372"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="373"><span data-reactid="374">Customize Theme</span></a></div><div data-reactid="375"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="376"><span data-reactid="377">Awesome Ant Design</span></a></div></li><li data-reactid="378"><h2 data-reactid="379"><i class="anticon anticon-link" data-reactid="380"></i><!-- react-text: 381 --> <!-- /react-text --><span data-reactid="382">Links</span></h2><div data-reactid="383"><a href="https://design.alipay.com/" data-reactid="384"><span data-reactid="385">Ant Financial Design Platform</span></a></div><div data-reactid="386"><a href="http://mobile.ant.design" data-reactid="387">Ant Design Mobile</a><span data-reactid="388"> - </span><span data-reactid="389">Mobile UI</span></div><div data-reactid="390"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="391">dva</a><!-- react-text: 392 --> - <!-- /react-text --><span data-reactid="393">Framework</span></div><div data-reactid="394"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="395">dva-cli</a><!-- react-text: 396 --> -<!-- /react-text --><span data-reactid="397">Developer Tools</span></div><div data-reactid="398"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="399">Egg</a><span data-reactid="400"> - </span><span data-reactid="401">Enterprise Node Framework</span></div><div data-reactid="402"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="403">AntV</a><span data-reactid="404"> - </span><span data-reactid="405">Data Visualization</span></div><div data-reactid="406"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="407">Ant Motion</a><span data-reactid="408"> - </span><span data-reactid="409">Motion Soluction</span></div><div data-reactid="410"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="411">AntD Library</a><span data-reactid="412"> - </span><span data-reactid="413">Axure library</span></div><div data-reactid="414"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="415">Ant UX</a><span data-reactid="416"> - </span><span data-reactid="417">Sitemap Template</span></div></li><li data-reactid="418"><h2 data-reactid="419"><i class="anticon anticon-customer-service" data-reactid="420"></i><!-- react-text: 421 --> <!-- /react-text --><span data-reactid="422">Community</span></h2><div data-reactid="423"><a href="/changelog" data-reactid="424"><span data-reactid="425">Change Log</span></a></div><div data-reactid="426"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="427"><span data-reactid="428">FAQ</span></a></div><div data-reactid="429"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="430"><span data-reactid="431">Chat Room (中文)</span></a></div><div data-reactid="432"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="433"><span data-reactid="434">Chat Room (English)</span></a></div><div data-reactid="435"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="436"><span data-reactid="437">Bug Report</span></a></div><div data-reactid="438"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="439"><span data-reactid="440">Issues</span></a></div><div data-reactid="441"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="442"><span data-reactid="443">StackOverflow</span></a></div><div data-reactid="444"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="445"><span data-reactid="446">SegmentFault</span></a></div></li><li data-reactid="447"><h2 data-reactid="448"><!-- react-text: 449 -->Copyright © <!-- /react-text --><!-- react-text: 450 -->2017<!-- /react-text --></h2><div data-reactid="451"><span data-reactid="452">Created by AIUX</span></div><div data-reactid="453"><!-- react-text: 454 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="455">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay" data-reactid="72">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight" data-reactid="74">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Icons<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/icon.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->An icon is a graphical representation of meaning. Icons can be used to express actions, state, and even to categorize data. Ant Design&#x27;s icons adhere to the following two principles and are designed for cross-platform consistency:<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->Graphics that are clear, intuitive, and simple enjoy a higher degree of recognition and are more easily understood<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->All icons in the user interface should be consistent in style (detail design, perspective, stroke weight, etc.)<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="120"><ul data-reactid="121"><li data-reactid="122"><a class="bisheng-toc-h2" href="#System-icons" title="System icons" data-reactid="123"><!-- react-text: 124 -->System icons<!-- /react-text --></a></li><li data-reactid="125"><a class="bisheng-toc-h2" href="#Pictographs" title="Pictographs" data-reactid="126"><!-- react-text: 127 -->Pictographs<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="128"><h2 id="System-icons" data-reactid="129"><span data-reactid="130"><!-- react-text: 131 -->System icons<!-- /react-text --></span><a href="#System-icons" class="anchor" data-reactid="132">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="133"><div class="preview-image-box" data-reactid="134"><div class="preview-image-wrapper" data-reactid="135"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/gcOflMziKUIdaeLlObPj.png" data-reactid="136"/></div><div class="preview-image-title" data-reactid="137"></div><div class="preview-image-description" data-reactid="138"></div><!-- react-empty: 139 --></div></div><p data-reactid="140"><!-- react-text: 141 -->System icons are often used to represent commonly used operations, such as: save, edit, delete. The library also includes icons to represent file types and state.<!-- /react-text --></p><ul data-reactid="142"><li data-reactid="143"><p data-reactid="144"><a href="/components/icon/#Application-Icons" data-reactid="145">View the icon library</a></p></li></ul><h3 id="Key-contour-lines" data-reactid="146"><span data-reactid="147"><!-- react-text: 148 -->Key contour lines<!-- /react-text --></span><a href="#Key-contour-lines" class="anchor" data-reactid="149">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="150"><div class="preview-image-box" data-reactid="151"><div class="preview-image-wrapper" data-reactid="152"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/psKuOznmgqzqQoumcAxT.png" alt="Ant Design&#x27;s grid and key contour lines" data-reactid="153"/></div><div class="preview-image-title" data-reactid="154">Ant Design&#x27;s grid and key contour lines</div><div class="preview-image-description" data-reactid="155"></div><!-- react-empty: 156 --></div></div><p data-reactid="157"><!-- react-text: 158 -->Contour lines play an important role in making various icons with the same visual effect. We recommend using a template following Ant Design&#x27;s contour lines when creating new icons.<!-- /react-text --></p><p data-reactid="159"><!-- react-text: 160 -->Please make all icons in the 1024×1024 resolution (16×16 64 times).<!-- /react-text --></p><ul data-reactid="161"><li data-reactid="162"><p data-reactid="163"><a href="https://zos.alipayobjects.com/rmsportal/hmNuLjCkBssupcZgYAde.png" data-reactid="164"><!-- react-text: 165 -->Illustrator tips<!-- /react-text --></a></p></li></ul><div class="preview-image-boxes clearfix" data-reactid="166"><div class="preview-image-box" style="width:50%;" data-reactid="167"><div class="preview-image-wrapper" data-reactid="168"><img class="preview-img no-padding inline" src="https://zos.alipayobjects.com/rmsportal/XzoySLGeUaMCOVymkyZq.png" alt="Square contour" data-reactid="169"/></div><div class="preview-image-title" data-reactid="170">Square contour</div><div class="preview-image-description" data-reactid="171"></div><!-- react-empty: 172 --></div><div class="preview-image-box" style="width:50%;" data-reactid="173"><div class="preview-image-wrapper" data-reactid="174"><img class="preview-img no-padding inline" src="https://zos.alipayobjects.com/rmsportal/fdWiCCIQiJIViSNhmcHo.png" alt="Horizontal rectangle contour" data-reactid="175"/></div><div class="preview-image-title" data-reactid="176">Horizontal rectangle contour</div><div class="preview-image-description" data-reactid="177"></div><!-- react-empty: 178 --></div></div><div class="preview-image-boxes clearfix" data-reactid="179"><div class="preview-image-box" style="width:50%;" data-reactid="180"><div class="preview-image-wrapper" data-reactid="181"><img class="preview-img no-padding inline" src="https://zos.alipayobjects.com/rmsportal/xEvvEZHaSlstcozKgoBd.png" alt="Circular contour" data-reactid="182"/></div><div class="preview-image-title" data-reactid="183">Circular contour</div><div class="preview-image-description" data-reactid="184"></div><!-- react-empty: 185 --></div><div class="preview-image-box" style="width:50%;" data-reactid="186"><div class="preview-image-wrapper" data-reactid="187"><img class="preview-img no-padding inline" src="https://zos.alipayobjects.com/rmsportal/GyBKoeSnRDFPvJudEgOA.png" alt="Vertical rectangle contour" data-reactid="188"/></div><div class="preview-image-title" data-reactid="189">Vertical rectangle contour</div><div class="preview-image-description" data-reactid="190"></div><!-- react-empty: 191 --></div></div><h3 id="Design-details" data-reactid="192"><span data-reactid="193"><!-- react-text: 194 -->Design details<!-- /react-text --></span><a href="#Design-details" class="anchor" data-reactid="195">#</a></h3><h4 id="Stroke-weight" data-reactid="196"><span data-reactid="197"><!-- react-text: 198 -->Stroke weight<!-- /react-text --></span><a href="#Stroke-weight" class="anchor" data-reactid="199">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="200"><div class="preview-image-box" style="width:50%;" data-reactid="201"><div class="preview-image-wrapper good" data-reactid="202"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/WnOptTBWISNYeRpYnlcg.png" alt="Correct example" data-reactid="203"/></div><div class="preview-image-title" data-reactid="204">Correct example</div><div class="preview-image-description" data-reactid="205">Line thickness is consistently 72px</div><!-- react-empty: 206 --></div><div class="preview-image-box" style="width:50%;" data-reactid="207"><div class="preview-image-wrapper bad" data-reactid="208"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/pdLgzaadpHndkqAPLNmx.png" alt="Incorrect example" data-reactid="209"/></div><div class="preview-image-title" data-reactid="210">Incorrect example</div><div class="preview-image-description" data-reactid="211">Line thickness is not uniform</div><!-- react-empty: 212 --></div></div><p data-reactid="213"><!-- react-text: 214 -->Consistent stroke weight is the key to maintaining the visual unity of the entire icon system. Ant Design&#x27;s icons have a consistent line width of 72px.<!-- /react-text --></p><h4 id="Corners" data-reactid="215"><span data-reactid="216"><!-- react-text: 217 -->Corners<!-- /react-text --></span><a href="#Corners" class="anchor" data-reactid="218">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="219"><div class="preview-image-box" style="width:50%;" data-reactid="220"><div class="preview-image-wrapper good" data-reactid="221"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/FBhKrLDoNmfgwZRbfXRi.png" alt="Correct example" data-reactid="222"/></div><div class="preview-image-title" data-reactid="223">Correct example</div><div class="preview-image-description" data-reactid="224">The icon's corners are properly rounded</div><!-- react-empty: 225 --></div><div class="preview-image-box" style="width:50%;" data-reactid="226"><div class="preview-image-wrapper bad" data-reactid="227"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/NtrZWeUsfVWiOjRcWDqv.png" alt="Incorrect example" data-reactid="228"/></div><div class="preview-image-title" data-reactid="229">Incorrect example</div><div class="preview-image-description" data-reactid="230">The icon's corners are not rounded</div><!-- react-empty: 231 --></div></div><p data-reactid="232"><!-- react-text: 233 -->Consistent rounding of corners and sizing of angles is also an important element in maintaining visual unity.<!-- /react-text --></p><p data-reactid="234"><!-- react-text: 235 -->Icons that follow Ant Design should have rounded corners and edges using a 72px radius. Angles should be a multiple of 45°.<!-- /react-text --></p><h4 id="Visual-correction" data-reactid="236"><span data-reactid="237"><!-- react-text: 238 -->Visual correction<!-- /react-text --></span><a href="#Visual-correction" class="anchor" data-reactid="239">#</a></h4><div class="preview-image-boxes clearfix" data-reactid="240"><div class="preview-image-box" style="width:50%;" data-reactid="241"><div class="preview-image-wrapper good" data-reactid="242"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/xOFtYOCPdCHNwAzYVqSJ.png" alt="Correct example" data-reactid="243"/></div><div class="preview-image-title" data-reactid="244">Correct example</div><div class="preview-image-description" data-reactid="245">For the intricate “JPG” lettering, an outline is added for readability</div><!-- react-empty: 246 --></div><div class="preview-image-box" style="width:50%;" data-reactid="247"><div class="preview-image-wrapper bad" data-reactid="248"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/pxpaZCbYqucHqnxyazta.png" alt="Incorrect example" data-reactid="249"/></div><div class="preview-image-title" data-reactid="250">Incorrect example</div><div class="preview-image-description" data-reactid="251">The text in the icon is crowded and hard to read</div><!-- react-empty: 252 --></div></div><p data-reactid="253"><!-- react-text: 254 -->In certain special cases (for example, when the icon is too compact), adjustments to line width, outlines, or other subtle changes may be made to increase readability.<!-- /react-text --></p><h3 id="Perspective" data-reactid="255"><span data-reactid="256"><!-- react-text: 257 -->Perspective<!-- /react-text --></span><a href="#Perspective" class="anchor" data-reactid="258">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="259"><div class="preview-image-box" style="width:50%;" data-reactid="260"><div class="preview-image-wrapper good" data-reactid="261"><img class="preview-img no-padding good" src="https://zos.alipayobjects.com/rmsportal/YqNpTvpCeBeRAPWSFJbz.png" alt="Correct example" data-reactid="262"/></div><div class="preview-image-title" data-reactid="263">Correct example</div><div class="preview-image-description" data-reactid="264">Maintains a flat, simple style</div><!-- react-empty: 265 --></div><div class="preview-image-box" style="width:50%;" data-reactid="266"><div class="preview-image-wrapper bad" data-reactid="267"><img class="preview-img no-padding bad" src="https://zos.alipayobjects.com/rmsportal/tqMBxDQruzWhunynJaNC.png" alt="Incorrect example" data-reactid="268"/></div><div class="preview-image-title" data-reactid="269">Incorrect example</div><div class="preview-image-description" data-reactid="270">Icons should not have depth nor varying perspectives</div><!-- react-empty: 271 --></div></div><p data-reactid="272"><!-- react-text: 273 -->Always keep a simple, flat style. Icons should not have a sense of depth nor a large amount of detail.<!-- /react-text --></p><h3 id="Naming-conventions" data-reactid="274"><span data-reactid="275"><!-- react-text: 276 -->Naming conventions<!-- /react-text --></span><a href="#Naming-conventions" class="anchor" data-reactid="277">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="278"><div class="preview-image-box" data-reactid="279"><div class="preview-image-wrapper" data-reactid="280"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/RjDmLIjLtUdoIQDIuVrw.png" data-reactid="281"/></div><div class="preview-image-title" data-reactid="282"></div><div class="preview-image-description" data-reactid="283"></div><!-- react-empty: 284 --></div></div><p data-reactid="285"><!-- react-text: 286 -->Uniform naming conventions make finding icons faster and easier. For example, icons with a surrounding outline have a uniform &quot;-o&quot; suffix.<!-- /react-text --></p><h3 id="Icon-sizing" data-reactid="287"><span data-reactid="288"><!-- react-text: 289 -->Icon sizing<!-- /react-text --></span><a href="#Icon-sizing" class="anchor" data-reactid="290">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="291"><div class="preview-image-box" data-reactid="292"><div class="preview-image-wrapper" data-reactid="293"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/nHFxbYpwlUHwOcrkvgGw.png" data-reactid="294"/></div><div class="preview-image-title" data-reactid="295"></div><div class="preview-image-description" data-reactid="296"></div><!-- react-empty: 297 --></div></div><p data-reactid="298"><!-- react-text: 299 -->Icons should be scaled according to the text size, according to the Ant Design specification.<!-- /react-text --></p><p data-reactid="300"><!-- react-text: 301 -->For example, icons inline with 12pt font should be 12px in size with 8px of spacing.<!-- /react-text --></p><h3 id="Color" data-reactid="302"><span data-reactid="303"><!-- react-text: 304 -->Color<!-- /react-text --></span><a href="#Color" class="anchor" data-reactid="305">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="306"><div class="preview-image-box" data-reactid="307"><div class="preview-image-wrapper" data-reactid="308"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/uYhuxxiWZlgVwdmfqUli.png" data-reactid="309"/></div><div class="preview-image-title" data-reactid="310"></div><div class="preview-image-description" data-reactid="311">Colors demonstrated - @Black = #000000、@White = #FFFFFF、@Blue-6 = #108EE9</div><!-- react-empty: 312 --></div></div><p data-reactid="313"><!-- react-text: 314 -->The color of the icon should be consistent the color of the surrounding copy, unless the icon is being used to express state (in which case it should be colored accordingly).<!-- /react-text --></p><hr data-reactid="315"/><h2 id="Pictographs" data-reactid="316"><span data-reactid="317"><!-- react-text: 318 -->Pictographs<!-- /react-text --></span><a href="#Pictographs" class="anchor" data-reactid="319">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="320"><div class="preview-image-box" data-reactid="321"><div class="preview-image-wrapper" data-reactid="322"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/tFBnAjChLpybfxtnotTx.png" data-reactid="323"/></div><div class="preview-image-title" data-reactid="324"></div><div class="preview-image-description" data-reactid="325"></div><!-- react-empty: 326 --></div></div><p data-reactid="327"><!-- react-text: 328 -->While certain icons may be used to express an action or to communicate state, other icons may act as pictographs which can be used to either communicate meaning or to help a user remember an abstract concept.<!-- /react-text --></p><blockquote data-reactid="329"><p data-reactid="330"><!-- react-text: 331 -->Note: The design principles for system icons (stroke weight, etc.) also apply to pictographs.<!-- /react-text --></p></blockquote><h3 id="Pictograph-sizing" data-reactid="332"><span data-reactid="333"><!-- react-text: 334 -->Pictograph sizing<!-- /react-text --></span><a href="#Pictograph-sizing" class="anchor" data-reactid="335">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="336"><div class="preview-image-box" data-reactid="337"><div class="preview-image-wrapper" data-reactid="338"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/ByDcWtCrgspVLqjTsFdu.png" data-reactid="339"/></div><div class="preview-image-title" data-reactid="340"></div><div class="preview-image-description" data-reactid="341"></div><!-- react-empty: 342 --></div></div><p data-reactid="343"><!-- react-text: 344 -->Conventionally, we recommend storing pictograph icons in three sizes: 32px, 48px, and 64px. That said, the physical dimensions of an icon should match the dimensions of where it is used.<!-- /react-text --></p><h3 id="Colors" data-reactid="345"><span data-reactid="346"><!-- react-text: 347 -->Colors<!-- /react-text --></span><a href="#Colors" class="anchor" data-reactid="348">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="349"><div class="preview-image-box" data-reactid="350"><div class="preview-image-wrapper" data-reactid="351"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/QfFDvJISCInKnjsshowY.png" data-reactid="352"/></div><div class="preview-image-title" data-reactid="353"></div><div class="preview-image-description" data-reactid="354"></div><!-- react-empty: 355 --></div></div><p data-reactid="356"><!-- react-text: 357 -->Pictographs should either be monochrome (using a neutral color) or consist of two colors (the neutral color + primary color), with the primary color not exceeding 40% of the pictograph&#x27;s area.<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="358"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="359"><section class="prev-next-nav" data-reactid="360"><a class="prev-page" href="/docs/spec/colors" data-reactid="361">Colors</a><a class="next-page" href="/docs/spec/font" data-reactid="362">Font</a></section></div></div></div><footer id="footer" data-reactid="363"><ul data-reactid="364"><li data-reactid="365"><h2 data-reactid="366"><i class="anticon anticon-github" data-reactid="367"></i><!-- react-text: 368 --> GitHub<!-- /react-text --></h2><div data-reactid="369"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="370"><span data-reactid="371">Repository</span></a></div><div data-reactid="372"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="373"><span data-reactid="374">Customize Theme</span></a></div><div data-reactid="375"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="376"><span data-reactid="377">Awesome Ant Design</span></a></div></li><li data-reactid="378"><h2 data-reactid="379"><i class="anticon anticon-link" data-reactid="380"></i><!-- react-text: 381 --> <!-- /react-text --><span data-reactid="382">Links</span></h2><div data-reactid="383"><a href="https://design.alipay.com/" data-reactid="384"><span data-reactid="385">Ant Financial Design Platform</span></a></div><div data-reactid="386"><a href="http://mobile.ant.design" data-reactid="387">Ant Design Mobile</a><span data-reactid="388"> - </span><span data-reactid="389">Mobile UI</span></div><div data-reactid="390"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="391">dva</a><!-- react-text: 392 --> - <!-- /react-text --><span data-reactid="393">Framework</span></div><div data-reactid="394"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="395">dva-cli</a><!-- react-text: 396 --> -<!-- /react-text --><span data-reactid="397">Developer Tools</span></div><div data-reactid="398"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="399">Egg</a><span data-reactid="400"> - </span><span data-reactid="401">Enterprise Node Framework</span></div><div data-reactid="402"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="403">AntV</a><span data-reactid="404"> - </span><span data-reactid="405">Data Visualization</span></div><div data-reactid="406"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="407">Ant Motion</a><span data-reactid="408"> - </span><span data-reactid="409">Motion Soluction</span></div><div data-reactid="410"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="411">AntD Library</a><span data-reactid="412"> - </span><span data-reactid="413">Axure library</span></div><div data-reactid="414"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="415">Ant UX</a><span data-reactid="416"> - </span><span data-reactid="417">Sitemap Template</span></div></li><li data-reactid="418"><h2 data-reactid="419"><i class="anticon anticon-customer-service" data-reactid="420"></i><!-- react-text: 421 --> <!-- /react-text --><span data-reactid="422">Community</span></h2><div data-reactid="423"><a href="/changelog" data-reactid="424"><span data-reactid="425">Change Log</span></a></div><div data-reactid="426"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="427"><span data-reactid="428">FAQ</span></a></div><div data-reactid="429"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="430"><span data-reactid="431">Chat Room (中文)</span></a></div><div data-reactid="432"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="433"><span data-reactid="434">Chat Room (English)</span></a></div><div data-reactid="435"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="436"><span data-reactid="437">Bug Report</span></a></div><div data-reactid="438"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="439"><span data-reactid="440">Issues</span></a></div><div data-reactid="441"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="442"><span data-reactid="443">StackOverflow</span></a></div><div data-reactid="444"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="445"><span data-reactid="446">SegmentFault</span></a></div></li><li data-reactid="447"><h2 data-reactid="448"><!-- react-text: 449 -->Copyright © <!-- /react-text --><!-- react-text: 450 -->2017<!-- /react-text --></h2><div data-reactid="451"><span data-reactid="452">Created by AIUX</span></div><div data-reactid="453"><!-- react-text: 454 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="455">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/introduce-cn.html b/docs/spec/introduce-cn.html
index 4aacfc954..4505208bd 100644
--- a/docs/spec/introduce-cn.html
+++ b/docs/spec/introduce-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1765880383"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="519425475"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Ant Design<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/introduce.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><div style="text-align:center;background:rgb(251, 251, 251);margin:40px 0px;" data-reactid="111"><img width="600" src="https://os.alipayobjects.com/rmsportal/mgesTPFxodmIwpi.png" data-reactid="112"/></div><p data-reactid="113"><!-- react-text: 114 -->在中台产品的研发过程中，会出现不同的设计规范和实现方式，但其中往往存在很多类似的页面和组件，给设计师和工程师带来很多困扰和重复建设，大大降低了产品的研发效率。我们（蚂蚁金服体验技术部）经过大量的项目实践和总结，沉淀出一个中台设计语言 Ant Design。旨在统一中台项目的前端 UI 设计，屏蔽不必要的设计差异和实现成本，解放设计和前端的研发资源。<!-- /react-text --></p><p data-reactid="115"><!-- react-text: 116 -->Ant Design 是一个致力于提升『用户』和『设计者』使用体验的中台设计语言。它模糊了产品经理、交互设计师、视觉设计师、前端工程师、开发工程师等角色边界，将进行 UE 设计和 UI 设计人员统称为『设计者』，利用统一的规范进行设计赋能，全面提高中台产品体验和研发效率。<!-- /react-text --></p></section><section class="toc" data-reactid="117"><ul data-reactid="118"><li data-reactid="119"><a class="bisheng-toc-h2" href="#设计资源" title="设计资源" data-reactid="120"><!-- react-text: 121 -->设计资源<!-- /react-text --></a></li><li data-reactid="122"><a class="bisheng-toc-h2" href="#前端实现" title="前端实现" data-reactid="123"><!-- react-text: 124 -->前端实现<!-- /react-text --></a></li><li data-reactid="125"><a class="bisheng-toc-h2" href="#谁在使用" title="谁在使用" data-reactid="126"><!-- react-text: 127 -->谁在使用<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#如何贡献" title="如何贡献" data-reactid="129"><!-- react-text: 130 -->如何贡献<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="131"><h2 id="设计资源" data-reactid="132"><span data-reactid="133"><!-- react-text: 134 -->设计资源<!-- /react-text --></span><a href="#设计资源" class="anchor" data-reactid="135">#</a></h2><p data-reactid="136"><!-- react-text: 137 -->我们提供完善的设计原则、最佳实践和设计资源文件（Sketch 和 Axure），来帮助业务快速设计出高质量的产品原型。<!-- /react-text --></p><ul data-reactid="138"><li data-reactid="139"><p data-reactid="140"><a href="/docs/spec/proximity-cn" data-reactid="141">设计原则</a></p></li><li data-reactid="142"><p data-reactid="143"><a href="/docs/pattern/navigation-cn" data-reactid="144">设计模式</a></p></li><li data-reactid="145"><p data-reactid="146"><a href="/docs/resource/download-cn" data-reactid="147">设计资源</a></p></li></ul><h2 id="前端实现" data-reactid="148"><span data-reactid="149"><!-- react-text: 150 -->前端实现<!-- /react-text --></span><a href="#前端实现" class="anchor" data-reactid="151">#</a></h2><p data-reactid="152"><!-- react-text: 153 -->我们采用 <!-- /react-text --><a href="http://facebook.github.io/react/" data-reactid="154"><!-- react-text: 155 -->React<!-- /react-text --></a><!-- react-text: 156 --> 封装了一套 Ant Design 的组件库，也欢迎社区其他框架的实现版本。<!-- /react-text --></p><ul data-reactid="157"><li data-reactid="158"><p data-reactid="159"><a href="/docs/react/introduce-cn" data-reactid="160">Ant Design of React</a><!-- react-text: 161 -->（官方实现）<!-- /react-text --></p></li><li data-reactid="162"><div class="outside-link internal" data-reactid="163"><a href="http://zorro.alibaba.net" target="_blank" data-reactid="164"><!-- react-text: 165 -->Ant Design of Angular 2<!-- /react-text --></a></div></li><li data-reactid="166"><div class="outside-link" data-reactid="167"><a href="https://github.com/iview/iview/" target="_blank" data-reactid="168"><!-- react-text: 169 -->iView (vue)<!-- /react-text --></a></div></li><li data-reactid="170"><div class="outside-link" data-reactid="171"><a href="https://github.com/FE-Driver/vue-beauty" target="_blank" data-reactid="172"><!-- react-text: 173 -->vue-beauty<!-- /react-text --></a></div></li><li data-reactid="174"><div class="outside-link" data-reactid="175"><a href="https://github.com/aliqin/atui" target="_blank" data-reactid="176"><!-- react-text: 177 -->ATUI (vue)<!-- /react-text --></a></div></li><li data-reactid="178"><div class="outside-link" data-reactid="179"><a href="https://github.com/idcos/antd-ember" target="_blank" data-reactid="180"><!-- react-text: 181 -->antd-ember<!-- /react-text --></a></div></li></ul><h2 id="谁在使用" data-reactid="182"><span data-reactid="183"><!-- react-text: 184 -->谁在使用<!-- /react-text --></span><a href="#谁在使用" class="anchor" data-reactid="185">#</a></h2><ul data-reactid="186"><li data-reactid="187"><p data-reactid="188"><a href="http://www.antgroup.com/" data-reactid="189"><!-- react-text: 190 -->蚂蚁金服<!-- /react-text --></a></p></li><li data-reactid="191"><p data-reactid="192"><a href="http://www.alibaba.com/" data-reactid="193"><!-- react-text: 194 -->阿里巴巴<!-- /react-text --></a></p></li><li data-reactid="195"><p data-reactid="196"><a href="http://www.koubei.com/" data-reactid="197"><!-- react-text: 198 -->口碑<!-- /react-text --></a></p></li><li data-reactid="199"><p data-reactid="200"><a href="http://www.meituan.com" data-reactid="201"><!-- react-text: 202 -->美团<!-- /react-text --></a></p></li><li data-reactid="203"><p data-reactid="204"><a href="http://www.xiaojukeji.com/" data-reactid="205"><!-- react-text: 206 -->滴滴<!-- /react-text --></a></p></li></ul><blockquote data-reactid="207"><p data-reactid="208"><!-- react-text: 209 -->如果你的公司和产品使用了 Ant Design，欢迎到 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/477" data-reactid="210"><!-- react-text: 211 -->这里<!-- /react-text --></a><!-- react-text: 212 --> 留言。<!-- /react-text --></p></blockquote><h2 id="如何贡献" data-reactid="213"><span data-reactid="214"><!-- react-text: 215 -->如何贡献<!-- /react-text --></span><a href="#如何贡献" class="anchor" data-reactid="216">#</a></h2><p data-reactid="217"><!-- react-text: 218 -->我们欢迎任何形式的贡献，有任何建议或意见，请给我们 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues" data-reactid="219"><!-- react-text: 220 -->提问<!-- /react-text --></a><!-- react-text: 221 -->。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="222"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="223"><section class="prev-next-nav" data-reactid="224"><a class="next-page" href="/docs/spec/feature-cn" data-reactid="225">基本理念</a></section></div></div></div><footer id="footer" data-reactid="226"><ul data-reactid="227"><li data-reactid="228"><h2 data-reactid="229"><i class="anticon anticon-github" data-reactid="230"></i><!-- react-text: 231 --> GitHub<!-- /react-text --></h2><div data-reactid="232"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="233"><span data-reactid="234">源码仓库</span></a></div><div data-reactid="235"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="236"><span data-reactid="237">定制主题</span></a></div><div data-reactid="238"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="239"><span data-reactid="240">Awesome Ant Design</span></a></div></li><li data-reactid="241"><h2 data-reactid="242"><i class="anticon anticon-link" data-reactid="243"></i><!-- react-text: 244 --> <!-- /react-text --><span data-reactid="245">相关站点</span></h2><div data-reactid="246"><a href="https://design.alipay.com/" data-reactid="247"><span data-reactid="248">蚂蚁金服设计平台</span></a></div><div data-reactid="249"><a href="http://mobile.ant.design" data-reactid="250">Ant Design Mobile</a><span data-reactid="251"> - </span><span data-reactid="252">移动版</span></div><div data-reactid="253"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="254">dva</a><!-- react-text: 255 --> - <!-- /react-text --><span data-reactid="256">应用框架</span></div><div data-reactid="257"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="258">dva-cli</a><!-- react-text: 259 --> -<!-- /react-text --><span data-reactid="260">开发工具</span></div><div data-reactid="261"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="262">Egg</a><span data-reactid="263"> - </span><span data-reactid="264">企业级 Node 开发框架</span></div><div data-reactid="265"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="266">AntV</a><span data-reactid="267"> - </span><span data-reactid="268">数据可视化</span></div><div data-reactid="269"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="270">Ant Motion</a><span data-reactid="271"> - </span><span data-reactid="272">设计动效</span></div><div data-reactid="273"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="274">AntD Library</a><span data-reactid="275"> - </span><span data-reactid="276">Axure 部件库</span></div><div data-reactid="277"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="278">Ant UX</a><span data-reactid="279"> - </span><span data-reactid="280">页面逻辑素材</span></div></li><li data-reactid="281"><h2 data-reactid="282"><i class="anticon anticon-customer-service" data-reactid="283"></i><!-- react-text: 284 --> <!-- /react-text --><span data-reactid="285">社区</span></h2><div data-reactid="286"><a href="/changelog" data-reactid="287"><span data-reactid="288">更新记录</span></a></div><div data-reactid="289"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="290"><span data-reactid="291">常见问题</span></a></div><div data-reactid="292"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="293"><span data-reactid="294">在线讨论 (中文)</span></a></div><div data-reactid="295"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="296"><span data-reactid="297">在线讨论 (English)</span></a></div><div data-reactid="298"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="299"><span data-reactid="300">报告 Bug</span></a></div><div data-reactid="301"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="302"><span data-reactid="303">讨论列表</span></a></div><div data-reactid="304"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="305"><span data-reactid="306">StackOverflow</span></a></div><div data-reactid="307"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="308"><span data-reactid="309">SegmentFault</span></a></div></li><li data-reactid="310"><h2 data-reactid="311"><!-- react-text: 312 -->Copyright © <!-- /react-text --><!-- react-text: 313 -->2017<!-- /react-text --></h2><div data-reactid="314"><span data-reactid="315">蚂蚁金服体验技术部出品</span></div><div data-reactid="316"><!-- react-text: 317 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="318">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Ant Design<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/introduce.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><div style="text-align:center;background:rgb(251, 251, 251);margin:40px 0px;" data-reactid="111"><img width="600" src="https://os.alipayobjects.com/rmsportal/mgesTPFxodmIwpi.png" data-reactid="112"/></div><p data-reactid="113"><!-- react-text: 114 -->在中台产品的研发过程中，会出现不同的设计规范和实现方式，但其中往往存在很多类似的页面和组件，给设计师和工程师带来很多困扰和重复建设，大大降低了产品的研发效率。我们（蚂蚁金服体验技术部）经过大量的项目实践和总结，沉淀出一个中台设计语言 Ant Design。旨在统一中台项目的前端 UI 设计，屏蔽不必要的设计差异和实现成本，解放设计和前端的研发资源。<!-- /react-text --></p><p data-reactid="115"><!-- react-text: 116 -->Ant Design 是一个致力于提升『用户』和『设计者』使用体验的中台设计语言。它模糊了产品经理、交互设计师、视觉设计师、前端工程师、开发工程师等角色边界，将进行 UE 设计和 UI 设计人员统称为『设计者』，利用统一的规范进行设计赋能，全面提高中台产品体验和研发效率。<!-- /react-text --></p></section><section class="toc" data-reactid="117"><ul data-reactid="118"><li data-reactid="119"><a class="bisheng-toc-h2" href="#设计资源" title="设计资源" data-reactid="120"><!-- react-text: 121 -->设计资源<!-- /react-text --></a></li><li data-reactid="122"><a class="bisheng-toc-h2" href="#前端实现" title="前端实现" data-reactid="123"><!-- react-text: 124 -->前端实现<!-- /react-text --></a></li><li data-reactid="125"><a class="bisheng-toc-h2" href="#谁在使用" title="谁在使用" data-reactid="126"><!-- react-text: 127 -->谁在使用<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#如何贡献" title="如何贡献" data-reactid="129"><!-- react-text: 130 -->如何贡献<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="131"><h2 id="设计资源" data-reactid="132"><span data-reactid="133"><!-- react-text: 134 -->设计资源<!-- /react-text --></span><a href="#设计资源" class="anchor" data-reactid="135">#</a></h2><p data-reactid="136"><!-- react-text: 137 -->我们提供完善的设计原则、最佳实践和设计资源文件（Sketch 和 Axure），来帮助业务快速设计出高质量的产品原型。<!-- /react-text --></p><ul data-reactid="138"><li data-reactid="139"><p data-reactid="140"><a href="/docs/spec/proximity-cn" data-reactid="141">设计原则</a></p></li><li data-reactid="142"><p data-reactid="143"><a href="/docs/pattern/navigation-cn" data-reactid="144">设计模式</a></p></li><li data-reactid="145"><p data-reactid="146"><a href="/docs/resource/download-cn" data-reactid="147">设计资源</a></p></li></ul><h2 id="前端实现" data-reactid="148"><span data-reactid="149"><!-- react-text: 150 -->前端实现<!-- /react-text --></span><a href="#前端实现" class="anchor" data-reactid="151">#</a></h2><p data-reactid="152"><!-- react-text: 153 -->我们采用 <!-- /react-text --><a href="http://facebook.github.io/react/" data-reactid="154"><!-- react-text: 155 -->React<!-- /react-text --></a><!-- react-text: 156 --> 封装了一套 Ant Design 的组件库，也欢迎社区其他框架的实现版本。<!-- /react-text --></p><ul data-reactid="157"><li data-reactid="158"><p data-reactid="159"><a href="/docs/react/introduce-cn" data-reactid="160">Ant Design of React</a><!-- react-text: 161 -->（官方实现）<!-- /react-text --></p></li><li data-reactid="162"><div class="outside-link internal" data-reactid="163"><a href="http://zorro.alibaba.net" target="_blank" data-reactid="164"><!-- react-text: 165 -->Ant Design of Angular 2<!-- /react-text --></a></div></li><li data-reactid="166"><div class="outside-link" data-reactid="167"><a href="https://github.com/iview/iview/" target="_blank" data-reactid="168"><!-- react-text: 169 -->iView (vue)<!-- /react-text --></a></div></li><li data-reactid="170"><div class="outside-link" data-reactid="171"><a href="https://github.com/FE-Driver/vue-beauty" target="_blank" data-reactid="172"><!-- react-text: 173 -->vue-beauty<!-- /react-text --></a></div></li><li data-reactid="174"><div class="outside-link" data-reactid="175"><a href="https://github.com/aliqin/atui" target="_blank" data-reactid="176"><!-- react-text: 177 -->ATUI (vue)<!-- /react-text --></a></div></li><li data-reactid="178"><div class="outside-link" data-reactid="179"><a href="https://github.com/idcos/antd-ember" target="_blank" data-reactid="180"><!-- react-text: 181 -->antd-ember<!-- /react-text --></a></div></li></ul><h2 id="谁在使用" data-reactid="182"><span data-reactid="183"><!-- react-text: 184 -->谁在使用<!-- /react-text --></span><a href="#谁在使用" class="anchor" data-reactid="185">#</a></h2><ul data-reactid="186"><li data-reactid="187"><p data-reactid="188"><a href="http://www.antgroup.com/" data-reactid="189"><!-- react-text: 190 -->蚂蚁金服<!-- /react-text --></a></p></li><li data-reactid="191"><p data-reactid="192"><a href="http://www.alibaba.com/" data-reactid="193"><!-- react-text: 194 -->阿里巴巴<!-- /react-text --></a></p></li><li data-reactid="195"><p data-reactid="196"><a href="http://www.koubei.com/" data-reactid="197"><!-- react-text: 198 -->口碑<!-- /react-text --></a></p></li><li data-reactid="199"><p data-reactid="200"><a href="http://www.meituan.com" data-reactid="201"><!-- react-text: 202 -->美团<!-- /react-text --></a></p></li><li data-reactid="203"><p data-reactid="204"><a href="http://www.xiaojukeji.com/" data-reactid="205"><!-- react-text: 206 -->滴滴<!-- /react-text --></a></p></li></ul><blockquote data-reactid="207"><p data-reactid="208"><!-- react-text: 209 -->如果你的公司和产品使用了 Ant Design，欢迎到 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/477" data-reactid="210"><!-- react-text: 211 -->这里<!-- /react-text --></a><!-- react-text: 212 --> 留言。<!-- /react-text --></p></blockquote><h2 id="如何贡献" data-reactid="213"><span data-reactid="214"><!-- react-text: 215 -->如何贡献<!-- /react-text --></span><a href="#如何贡献" class="anchor" data-reactid="216">#</a></h2><p data-reactid="217"><!-- react-text: 218 -->我们欢迎任何形式的贡献，有任何建议或意见，请给我们 <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues" data-reactid="219"><!-- react-text: 220 -->提问<!-- /react-text --></a><!-- react-text: 221 -->。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="222"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="223"><section class="prev-next-nav" data-reactid="224"><a class="next-page" href="/docs/spec/feature-cn" data-reactid="225">基本理念</a></section></div></div></div><footer id="footer" data-reactid="226"><ul data-reactid="227"><li data-reactid="228"><h2 data-reactid="229"><i class="anticon anticon-github" data-reactid="230"></i><!-- react-text: 231 --> GitHub<!-- /react-text --></h2><div data-reactid="232"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="233"><span data-reactid="234">源码仓库</span></a></div><div data-reactid="235"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="236"><span data-reactid="237">定制主题</span></a></div><div data-reactid="238"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="239"><span data-reactid="240">Awesome Ant Design</span></a></div></li><li data-reactid="241"><h2 data-reactid="242"><i class="anticon anticon-link" data-reactid="243"></i><!-- react-text: 244 --> <!-- /react-text --><span data-reactid="245">相关站点</span></h2><div data-reactid="246"><a href="https://design.alipay.com/" data-reactid="247"><span data-reactid="248">蚂蚁金服设计平台</span></a></div><div data-reactid="249"><a href="http://mobile.ant.design" data-reactid="250">Ant Design Mobile</a><span data-reactid="251"> - </span><span data-reactid="252">移动版</span></div><div data-reactid="253"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="254">dva</a><!-- react-text: 255 --> - <!-- /react-text --><span data-reactid="256">应用框架</span></div><div data-reactid="257"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="258">dva-cli</a><!-- react-text: 259 --> -<!-- /react-text --><span data-reactid="260">开发工具</span></div><div data-reactid="261"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="262">Egg</a><span data-reactid="263"> - </span><span data-reactid="264">企业级 Node 开发框架</span></div><div data-reactid="265"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="266">AntV</a><span data-reactid="267"> - </span><span data-reactid="268">数据可视化</span></div><div data-reactid="269"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="270">Ant Motion</a><span data-reactid="271"> - </span><span data-reactid="272">设计动效</span></div><div data-reactid="273"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="274">AntD Library</a><span data-reactid="275"> - </span><span data-reactid="276">Axure 部件库</span></div><div data-reactid="277"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="278">Ant UX</a><span data-reactid="279"> - </span><span data-reactid="280">页面逻辑素材</span></div></li><li data-reactid="281"><h2 data-reactid="282"><i class="anticon anticon-customer-service" data-reactid="283"></i><!-- react-text: 284 --> <!-- /react-text --><span data-reactid="285">社区</span></h2><div data-reactid="286"><a href="/changelog" data-reactid="287"><span data-reactid="288">更新记录</span></a></div><div data-reactid="289"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="290"><span data-reactid="291">常见问题</span></a></div><div data-reactid="292"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="293"><span data-reactid="294">在线讨论 (中文)</span></a></div><div data-reactid="295"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="296"><span data-reactid="297">在线讨论 (English)</span></a></div><div data-reactid="298"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="299"><span data-reactid="300">报告 Bug</span></a></div><div data-reactid="301"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="302"><span data-reactid="303">讨论列表</span></a></div><div data-reactid="304"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="305"><span data-reactid="306">StackOverflow</span></a></div><div data-reactid="307"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="308"><span data-reactid="309">SegmentFault</span></a></div></li><li data-reactid="310"><h2 data-reactid="311"><!-- react-text: 312 -->Copyright © <!-- /react-text --><!-- react-text: 313 -->2017<!-- /react-text --></h2><div data-reactid="314"><span data-reactid="315">蚂蚁金服体验技术部出品</span></div><div data-reactid="316"><!-- react-text: 317 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="318">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/introduce.html b/docs/spec/introduce.html
index 41db7cb21..f59f49d4b 100644
--- a/docs/spec/introduce.html
+++ b/docs/spec/introduce.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-743260492"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1240416586"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/lightweight" data-reactid="72">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/stay" data-reactid="74">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Ant Design<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/introduce.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><div style="text-align:center;background:rgb(251, 251, 251);margin:40px 0px;" data-reactid="111"><img style="width:600px;" src="https://os.alipayobjects.com/rmsportal/mgesTPFxodmIwpi.png" data-reactid="112"/></div><p data-reactid="113"><!-- react-text: 114 -->In the process of internal desktop applications development, many different design specs and implementations would be involved, which might cause designers and developers difficulties and duplication and reduce the efficiency of development. After massive project practice and summaries, Ant Design, a design language for background applications, is refined by Ant UED Team, which aims to uniform the user interface specs for internal background projects, lower the unnecessary cost of design differences and implementation and liberate the resources of design and front-end development.<!-- /react-text --></p><p data-reactid="115"><!-- react-text: 116 -->Ant Design which is specially created for internal desktop applications, is committed to improving the experience of users and product designers. User interface designers and user experience designers, collectively, are considered as product designers, and the boundaries of product managers, interaction designers, visual designers, front-end developers and develop engineers are blurred. Taking advantage of unitary specifications, Ant Design makes design and prototype more simple and accessible for all project members, which comprehensively  promotes experience and development efficiency of background applications and products.<!-- /react-text --></p></section><section class="toc" data-reactid="117"><ul data-reactid="118"><li data-reactid="119"><a class="bisheng-toc-h2" href="#Guidelines-and-Resources" title="Guidelines and Resources" data-reactid="120"><!-- react-text: 121 -->Guidelines and Resources<!-- /react-text --></a></li><li data-reactid="122"><a class="bisheng-toc-h2" href="#Front-end-Implementation" title="Front-end Implementation" data-reactid="123"><!-- react-text: 124 -->Front-end Implementation<!-- /react-text --></a></li><li data-reactid="125"><a class="bisheng-toc-h2" href="#Who&#x27;s-using-Ant-Design" title="Who&#x27;s using Ant Design" data-reactid="126"><!-- react-text: 127 -->Who&#x27;s using Ant Design<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#How-to-Contribute" title="How to Contribute" data-reactid="129"><!-- react-text: 130 -->How to Contribute<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="131"><h2 id="Guidelines-and-Resources" data-reactid="132"><span data-reactid="133"><!-- react-text: 134 -->Guidelines and Resources<!-- /react-text --></span><a href="#Guidelines-and-Resources" class="anchor" data-reactid="135">#</a></h2><p data-reactid="136"><!-- react-text: 137 -->We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently.<!-- /react-text --></p><ul data-reactid="138"><li data-reactid="139"><p data-reactid="140"><a href="/docs/spec/proximity" data-reactid="141">Principles</a></p></li><li data-reactid="142"><p data-reactid="143"><a href="/docs/pattern/navigation" data-reactid="144">Patterns</a></p></li><li data-reactid="145"><p data-reactid="146"><a href="/docs/resource/download" data-reactid="147">Resource Download</a></p></li></ul><h2 id="Front-end-Implementation" data-reactid="148"><span data-reactid="149"><!-- react-text: 150 -->Front-end Implementation<!-- /react-text --></span><a href="#Front-end-Implementation" class="anchor" data-reactid="151">#</a></h2><p data-reactid="152"><a href="http://facebook.github.io/react/" data-reactid="153"><!-- react-text: 154 -->React<!-- /react-text --></a><!-- react-text: 155 --> is used to encapsulate a library of Ant Design components. Any other version of frameworks to implement is also welcome.<!-- /react-text --></p><ul data-reactid="156"><li data-reactid="157"><p data-reactid="158"><a href="/docs/react/introduce" data-reactid="159">Ant Design of React</a><!-- react-text: 160 --> (official implementation)<!-- /react-text --></p></li><li data-reactid="161"><div class="outside-link internal" data-reactid="162"><a href="http://zorro.alibaba.net" target="_blank" data-reactid="163"><!-- react-text: 164 -->Ant Design of Angular 2<!-- /react-text --></a></div></li><li data-reactid="165"><div class="outside-link" data-reactid="166"><a href="https://github.com/iview/iview/" target="_blank" data-reactid="167"><!-- react-text: 168 -->iView (vue)<!-- /react-text --></a></div></li><li data-reactid="169"><div class="outside-link" data-reactid="170"><a href="https://github.com/FE-Driver/vue-beauty" target="_blank" data-reactid="171"><!-- react-text: 172 -->vue-beauty<!-- /react-text --></a></div></li><li data-reactid="173"><div class="outside-link" data-reactid="174"><a href="https://github.com/aliqin/atui" target="_blank" data-reactid="175"><!-- react-text: 176 -->ATUI (vue)<!-- /react-text --></a></div></li><li data-reactid="177"><div class="outside-link" data-reactid="178"><a href="https://github.com/idcos/antd-ember" target="_blank" data-reactid="179"><!-- react-text: 180 -->antd-ember<!-- /react-text --></a></div></li></ul><h2 id="Who&#x27;s-using-Ant-Design" data-reactid="181"><span data-reactid="182"><!-- react-text: 183 -->Who&#x27;s using Ant Design<!-- /react-text --></span><a href="#Who&#x27;s-using-Ant-Design" class="anchor" data-reactid="184">#</a></h2><ul data-reactid="185"><li data-reactid="186"><p data-reactid="187"><a href="http://www.antgroup.com/index.htm?locale=en_US" data-reactid="188"><!-- react-text: 189 -->Ant Financial<!-- /react-text --></a></p></li><li data-reactid="190"><p data-reactid="191"><a href="http://www.alibaba.com/" data-reactid="192"><!-- react-text: 193 -->Alibaba<!-- /react-text --></a></p></li><li data-reactid="194"><p data-reactid="195"><a href="http://www.koubei.com/" data-reactid="196"><!-- react-text: 197 -->Koubei<!-- /react-text --></a></p></li><li data-reactid="198"><p data-reactid="199"><a href="http://www.meituan.com" data-reactid="200"><!-- react-text: 201 -->Meituan<!-- /react-text --></a></p></li><li data-reactid="202"><p data-reactid="203"><a href="http://www.xiaojukeji.com/" data-reactid="204"><!-- react-text: 205 -->Didi<!-- /react-text --></a></p></li></ul><blockquote data-reactid="206"><p data-reactid="207"><!-- react-text: 208 -->If your company or products use Ant Design, welcome to click <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/477" data-reactid="209"><!-- react-text: 210 -->here<!-- /react-text --></a><!-- react-text: 211 --> to leave a message.<!-- /react-text --></p></blockquote><h2 id="How-to-Contribute" data-reactid="212"><span data-reactid="213"><!-- react-text: 214 -->How to Contribute<!-- /react-text --></span><a href="#How-to-Contribute" class="anchor" data-reactid="215">#</a></h2><p data-reactid="216"><!-- react-text: 217 -->Welcome to contribute to Ant Design on Github. If you have any suggestions for improvement, questions,or concerns, do not hesitate to advice us <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues" data-reactid="218"><!-- react-text: 219 -->here<!-- /react-text --></a><!-- react-text: 220 -->.<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="221"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="222"><section class="prev-next-nav" data-reactid="223"><a class="next-page" href="/docs/spec/feature" data-reactid="224">Features</a></section></div></div></div><footer id="footer" data-reactid="225"><ul data-reactid="226"><li data-reactid="227"><h2 data-reactid="228"><i class="anticon anticon-github" data-reactid="229"></i><!-- react-text: 230 --> GitHub<!-- /react-text --></h2><div data-reactid="231"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="232"><span data-reactid="233">Repository</span></a></div><div data-reactid="234"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="235"><span data-reactid="236">Customize Theme</span></a></div><div data-reactid="237"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="238"><span data-reactid="239">Awesome Ant Design</span></a></div></li><li data-reactid="240"><h2 data-reactid="241"><i class="anticon anticon-link" data-reactid="242"></i><!-- react-text: 243 --> <!-- /react-text --><span data-reactid="244">Links</span></h2><div data-reactid="245"><a href="https://design.alipay.com/" data-reactid="246"><span data-reactid="247">Ant Financial Design Platform</span></a></div><div data-reactid="248"><a href="http://mobile.ant.design" data-reactid="249">Ant Design Mobile</a><span data-reactid="250"> - </span><span data-reactid="251">Mobile UI</span></div><div data-reactid="252"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="253">dva</a><!-- react-text: 254 --> - <!-- /react-text --><span data-reactid="255">Framework</span></div><div data-reactid="256"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="257">dva-cli</a><!-- react-text: 258 --> -<!-- /react-text --><span data-reactid="259">Developer Tools</span></div><div data-reactid="260"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="261">Egg</a><span data-reactid="262"> - </span><span data-reactid="263">Enterprise Node Framework</span></div><div data-reactid="264"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="265">AntV</a><span data-reactid="266"> - </span><span data-reactid="267">Data Visualization</span></div><div data-reactid="268"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="269">Ant Motion</a><span data-reactid="270"> - </span><span data-reactid="271">Motion Soluction</span></div><div data-reactid="272"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="273">AntD Library</a><span data-reactid="274"> - </span><span data-reactid="275">Axure library</span></div><div data-reactid="276"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="277">Ant UX</a><span data-reactid="278"> - </span><span data-reactid="279">Sitemap Template</span></div></li><li data-reactid="280"><h2 data-reactid="281"><i class="anticon anticon-customer-service" data-reactid="282"></i><!-- react-text: 283 --> <!-- /react-text --><span data-reactid="284">Community</span></h2><div data-reactid="285"><a href="/changelog" data-reactid="286"><span data-reactid="287">Change Log</span></a></div><div data-reactid="288"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="289"><span data-reactid="290">FAQ</span></a></div><div data-reactid="291"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="292"><span data-reactid="293">Chat Room (中文)</span></a></div><div data-reactid="294"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="295"><span data-reactid="296">Chat Room (English)</span></a></div><div data-reactid="297"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="298"><span data-reactid="299">Bug Report</span></a></div><div data-reactid="300"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="301"><span data-reactid="302">Issues</span></a></div><div data-reactid="303"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="304"><span data-reactid="305">StackOverflow</span></a></div><div data-reactid="306"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="307"><span data-reactid="308">SegmentFault</span></a></div></li><li data-reactid="309"><h2 data-reactid="310"><!-- react-text: 311 -->Copyright © <!-- /react-text --><!-- react-text: 312 -->2017<!-- /react-text --></h2><div data-reactid="313"><span data-reactid="314">Created by AIUX</span></div><div data-reactid="315"><!-- react-text: 316 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="317">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay" data-reactid="72">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight" data-reactid="74">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Ant Design<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/introduce.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><div style="text-align:center;background:rgb(251, 251, 251);margin:40px 0px;" data-reactid="111"><img style="width:600px;" src="https://os.alipayobjects.com/rmsportal/mgesTPFxodmIwpi.png" data-reactid="112"/></div><p data-reactid="113"><!-- react-text: 114 -->In the process of internal desktop applications development, many different design specs and implementations would be involved, which might cause designers and developers difficulties and duplication and reduce the efficiency of development. After massive project practice and summaries, Ant Design, a design language for background applications, is refined by Ant UED Team, which aims to uniform the user interface specs for internal background projects, lower the unnecessary cost of design differences and implementation and liberate the resources of design and front-end development.<!-- /react-text --></p><p data-reactid="115"><!-- react-text: 116 -->Ant Design which is specially created for internal desktop applications, is committed to improving the experience of users and product designers. User interface designers and user experience designers, collectively, are considered as product designers, and the boundaries of product managers, interaction designers, visual designers, front-end developers and develop engineers are blurred. Taking advantage of unitary specifications, Ant Design makes design and prototype more simple and accessible for all project members, which comprehensively  promotes experience and development efficiency of background applications and products.<!-- /react-text --></p></section><section class="toc" data-reactid="117"><ul data-reactid="118"><li data-reactid="119"><a class="bisheng-toc-h2" href="#Guidelines-and-Resources" title="Guidelines and Resources" data-reactid="120"><!-- react-text: 121 -->Guidelines and Resources<!-- /react-text --></a></li><li data-reactid="122"><a class="bisheng-toc-h2" href="#Front-end-Implementation" title="Front-end Implementation" data-reactid="123"><!-- react-text: 124 -->Front-end Implementation<!-- /react-text --></a></li><li data-reactid="125"><a class="bisheng-toc-h2" href="#Who&#x27;s-using-Ant-Design" title="Who&#x27;s using Ant Design" data-reactid="126"><!-- react-text: 127 -->Who&#x27;s using Ant Design<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#How-to-Contribute" title="How to Contribute" data-reactid="129"><!-- react-text: 130 -->How to Contribute<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="131"><h2 id="Guidelines-and-Resources" data-reactid="132"><span data-reactid="133"><!-- react-text: 134 -->Guidelines and Resources<!-- /react-text --></span><a href="#Guidelines-and-Resources" class="anchor" data-reactid="135">#</a></h2><p data-reactid="136"><!-- react-text: 137 -->We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently.<!-- /react-text --></p><ul data-reactid="138"><li data-reactid="139"><p data-reactid="140"><a href="/docs/spec/proximity" data-reactid="141">Principles</a></p></li><li data-reactid="142"><p data-reactid="143"><a href="/docs/pattern/navigation" data-reactid="144">Patterns</a></p></li><li data-reactid="145"><p data-reactid="146"><a href="/docs/resource/download" data-reactid="147">Resource Download</a></p></li></ul><h2 id="Front-end-Implementation" data-reactid="148"><span data-reactid="149"><!-- react-text: 150 -->Front-end Implementation<!-- /react-text --></span><a href="#Front-end-Implementation" class="anchor" data-reactid="151">#</a></h2><p data-reactid="152"><a href="http://facebook.github.io/react/" data-reactid="153"><!-- react-text: 154 -->React<!-- /react-text --></a><!-- react-text: 155 --> is used to encapsulate a library of Ant Design components. Any other version of frameworks to implement is also welcome.<!-- /react-text --></p><ul data-reactid="156"><li data-reactid="157"><p data-reactid="158"><a href="/docs/react/introduce" data-reactid="159">Ant Design of React</a><!-- react-text: 160 --> (official implementation)<!-- /react-text --></p></li><li data-reactid="161"><div class="outside-link internal" data-reactid="162"><a href="http://zorro.alibaba.net" target="_blank" data-reactid="163"><!-- react-text: 164 -->Ant Design of Angular 2<!-- /react-text --></a></div></li><li data-reactid="165"><div class="outside-link" data-reactid="166"><a href="https://github.com/iview/iview/" target="_blank" data-reactid="167"><!-- react-text: 168 -->iView (vue)<!-- /react-text --></a></div></li><li data-reactid="169"><div class="outside-link" data-reactid="170"><a href="https://github.com/FE-Driver/vue-beauty" target="_blank" data-reactid="171"><!-- react-text: 172 -->vue-beauty<!-- /react-text --></a></div></li><li data-reactid="173"><div class="outside-link" data-reactid="174"><a href="https://github.com/aliqin/atui" target="_blank" data-reactid="175"><!-- react-text: 176 -->ATUI (vue)<!-- /react-text --></a></div></li><li data-reactid="177"><div class="outside-link" data-reactid="178"><a href="https://github.com/idcos/antd-ember" target="_blank" data-reactid="179"><!-- react-text: 180 -->antd-ember<!-- /react-text --></a></div></li></ul><h2 id="Who&#x27;s-using-Ant-Design" data-reactid="181"><span data-reactid="182"><!-- react-text: 183 -->Who&#x27;s using Ant Design<!-- /react-text --></span><a href="#Who&#x27;s-using-Ant-Design" class="anchor" data-reactid="184">#</a></h2><ul data-reactid="185"><li data-reactid="186"><p data-reactid="187"><a href="http://www.antgroup.com/index.htm?locale=en_US" data-reactid="188"><!-- react-text: 189 -->Ant Financial<!-- /react-text --></a></p></li><li data-reactid="190"><p data-reactid="191"><a href="http://www.alibaba.com/" data-reactid="192"><!-- react-text: 193 -->Alibaba<!-- /react-text --></a></p></li><li data-reactid="194"><p data-reactid="195"><a href="http://www.koubei.com/" data-reactid="196"><!-- react-text: 197 -->Koubei<!-- /react-text --></a></p></li><li data-reactid="198"><p data-reactid="199"><a href="http://www.meituan.com" data-reactid="200"><!-- react-text: 201 -->Meituan<!-- /react-text --></a></p></li><li data-reactid="202"><p data-reactid="203"><a href="http://www.xiaojukeji.com/" data-reactid="204"><!-- react-text: 205 -->Didi<!-- /react-text --></a></p></li></ul><blockquote data-reactid="206"><p data-reactid="207"><!-- react-text: 208 -->If your company or products use Ant Design, welcome to click <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues/477" data-reactid="209"><!-- react-text: 210 -->here<!-- /react-text --></a><!-- react-text: 211 --> to leave a message.<!-- /react-text --></p></blockquote><h2 id="How-to-Contribute" data-reactid="212"><span data-reactid="213"><!-- react-text: 214 -->How to Contribute<!-- /react-text --></span><a href="#How-to-Contribute" class="anchor" data-reactid="215">#</a></h2><p data-reactid="216"><!-- react-text: 217 -->Welcome to contribute to Ant Design on Github. If you have any suggestions for improvement, questions,or concerns, do not hesitate to advice us <!-- /react-text --><a href="https://github.com/ant-design/ant-design/issues" data-reactid="218"><!-- react-text: 219 -->here<!-- /react-text --></a><!-- react-text: 220 -->.<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="221"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="222"><section class="prev-next-nav" data-reactid="223"><a class="next-page" href="/docs/spec/feature" data-reactid="224">Features</a></section></div></div></div><footer id="footer" data-reactid="225"><ul data-reactid="226"><li data-reactid="227"><h2 data-reactid="228"><i class="anticon anticon-github" data-reactid="229"></i><!-- react-text: 230 --> GitHub<!-- /react-text --></h2><div data-reactid="231"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="232"><span data-reactid="233">Repository</span></a></div><div data-reactid="234"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="235"><span data-reactid="236">Customize Theme</span></a></div><div data-reactid="237"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="238"><span data-reactid="239">Awesome Ant Design</span></a></div></li><li data-reactid="240"><h2 data-reactid="241"><i class="anticon anticon-link" data-reactid="242"></i><!-- react-text: 243 --> <!-- /react-text --><span data-reactid="244">Links</span></h2><div data-reactid="245"><a href="https://design.alipay.com/" data-reactid="246"><span data-reactid="247">Ant Financial Design Platform</span></a></div><div data-reactid="248"><a href="http://mobile.ant.design" data-reactid="249">Ant Design Mobile</a><span data-reactid="250"> - </span><span data-reactid="251">Mobile UI</span></div><div data-reactid="252"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="253">dva</a><!-- react-text: 254 --> - <!-- /react-text --><span data-reactid="255">Framework</span></div><div data-reactid="256"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="257">dva-cli</a><!-- react-text: 258 --> -<!-- /react-text --><span data-reactid="259">Developer Tools</span></div><div data-reactid="260"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="261">Egg</a><span data-reactid="262"> - </span><span data-reactid="263">Enterprise Node Framework</span></div><div data-reactid="264"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="265">AntV</a><span data-reactid="266"> - </span><span data-reactid="267">Data Visualization</span></div><div data-reactid="268"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="269">Ant Motion</a><span data-reactid="270"> - </span><span data-reactid="271">Motion Soluction</span></div><div data-reactid="272"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="273">AntD Library</a><span data-reactid="274"> - </span><span data-reactid="275">Axure library</span></div><div data-reactid="276"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="277">Ant UX</a><span data-reactid="278"> - </span><span data-reactid="279">Sitemap Template</span></div></li><li data-reactid="280"><h2 data-reactid="281"><i class="anticon anticon-customer-service" data-reactid="282"></i><!-- react-text: 283 --> <!-- /react-text --><span data-reactid="284">Community</span></h2><div data-reactid="285"><a href="/changelog" data-reactid="286"><span data-reactid="287">Change Log</span></a></div><div data-reactid="288"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="289"><span data-reactid="290">FAQ</span></a></div><div data-reactid="291"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="292"><span data-reactid="293">Chat Room (中文)</span></a></div><div data-reactid="294"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="295"><span data-reactid="296">Chat Room (English)</span></a></div><div data-reactid="297"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="298"><span data-reactid="299">Bug Report</span></a></div><div data-reactid="300"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="301"><span data-reactid="302">Issues</span></a></div><div data-reactid="303"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="304"><span data-reactid="305">StackOverflow</span></a></div><div data-reactid="306"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="307"><span data-reactid="308">SegmentFault</span></a></div></li><li data-reactid="309"><h2 data-reactid="310"><!-- react-text: 311 -->Copyright © <!-- /react-text --><!-- react-text: 312 -->2017<!-- /react-text --></h2><div data-reactid="313"><span data-reactid="314">Created by AIUX</span></div><div data-reactid="315"><!-- react-text: 316 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="317">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/invitation-cn.html b/docs/spec/invitation-cn.html
index 70cf6a7d5..707176246 100644
--- a/docs/spec/invitation-cn.html
+++ b/docs/spec/invitation-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-795968298"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1725267160"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->提供邀请<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/invitation.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->很多富交互模式（eg：『拖放』、『行内编辑』、『上下文工具』）都有一个共同问题，就是缺少易发现性。所以『提供邀请』是成功完成人机交互的关键所在。<!-- /react-text --></p><p data-reactid="113"><!-- react-text: 114 -->邀请就是引导用户进入下一个交互层次的提醒和暗示，通常包括意符（eg：实时的提示信息）和可供性，以表明在下一个界面可以做什么。当可供性中可感知的部分（Perceived Affordance）表现为意符时，人机交互的过程往往更加自然、顺畅。<!-- /react-text --></p><blockquote data-reactid="115"><p data-reactid="116"><strong data-reactid="117"><!-- react-text: 118 --> 意符（Signifiers）<!-- /react-text --></strong><!-- react-text: 119 --> ：一种额外的提示，告诉用户可以采取什么行为，以及应该怎么操作；必须是可感知（eg：视觉、听觉、触觉等）。——摘自《设计心理学 1 》<!-- /react-text --></p><p data-reactid="120"><strong data-reactid="121"><!-- react-text: 122 --> 可供性（Affordance）<!-- /react-text --></strong><!-- react-text: 123 --> ：也被翻译成『示能』，由 James J. Gibson 提出，定义为物品的特性与决定物品用途的主体能力之间的关系；其中部分可感知（此部分定义为 Perceived Affordance），部分不可感知。——摘自《设计心理学 1 》<!-- /react-text --></p></blockquote></section><section class="toc" data-reactid="124"><ul data-reactid="125"><li data-reactid="126"><a class="bisheng-toc-h2" href="#静态邀请" title="静态邀请" data-reactid="127"><!-- react-text: 128 -->静态邀请<!-- /react-text --></a></li><li data-reactid="129"><a class="bisheng-toc-h2" href="#动态邀请" title="动态邀请" data-reactid="130"><!-- react-text: 131 -->动态邀请<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="132"><h2 id="静态邀请" data-reactid="133"><span data-reactid="134"><!-- react-text: 135 -->静态邀请<!-- /react-text --></span><a href="#静态邀请" class="anchor" data-reactid="136">#</a></h2><p data-reactid="137"><!-- react-text: 138 -->指通过可视化技术在页面上提供引导交互的邀请。<!-- /react-text --></p><p data-reactid="139"><br data-reactid="140"/></p><div class="preview-image-boxes clearfix" data-reactid="141"><div class="preview-image-box" data-reactid="142"><div class="preview-image-wrapper" data-reactid="143"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/pWnlJpbkCPIaKdP.png" alt="文本邀请示例" data-reactid="144"/></div><div class="preview-image-title" data-reactid="145">文本邀请示例</div><div class="preview-image-description" data-reactid="146"></div><!-- react-empty: 147 --></div></div><div class="preview-image-boxes clearfix" data-reactid="148"><div class="preview-image-box" data-reactid="149"><div class="preview-image-wrapper" data-reactid="150"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/DkOYgfJHDuzhyBg.png" alt="白板式邀请示例" data-reactid="151"/></div><div class="preview-image-title" data-reactid="152">白板式邀请示例</div><div class="preview-image-description" data-reactid="153"></div><!-- react-empty: 154 --></div></div><div class="preview-image-boxes clearfix" data-reactid="155"><div class="preview-image-box" data-reactid="156"><div class="preview-image-wrapper" data-reactid="157"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/cojQlWfINmsVDGd.png" alt="未完成邀请示例" data-reactid="158"/></div><div class="preview-image-title" data-reactid="159">未完成邀请示例</div><div class="preview-image-description" data-reactid="160"></div><!-- react-empty: 161 --></div></div><p data-reactid="162"><!-- react-text: 163 -->引导操作邀请：一般以静态说明形式出现在页面上，不过它们在视觉上也可以表现出多种不同样式。
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->提供邀请<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/invitation.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->很多富交互模式（eg：『拖放』、『行内编辑』、『上下文工具』）都有一个共同问题，就是缺少易发现性。所以『提供邀请』是成功完成人机交互的关键所在。<!-- /react-text --></p><p data-reactid="113"><!-- react-text: 114 -->邀请就是引导用户进入下一个交互层次的提醒和暗示，通常包括意符（eg：实时的提示信息）和可供性，以表明在下一个界面可以做什么。当可供性中可感知的部分（Perceived Affordance）表现为意符时，人机交互的过程往往更加自然、顺畅。<!-- /react-text --></p><blockquote data-reactid="115"><p data-reactid="116"><strong data-reactid="117"><!-- react-text: 118 --> 意符（Signifiers）<!-- /react-text --></strong><!-- react-text: 119 --> ：一种额外的提示，告诉用户可以采取什么行为，以及应该怎么操作；必须是可感知（eg：视觉、听觉、触觉等）。——摘自《设计心理学 1 》<!-- /react-text --></p><p data-reactid="120"><strong data-reactid="121"><!-- react-text: 122 --> 可供性（Affordance）<!-- /react-text --></strong><!-- react-text: 123 --> ：也被翻译成『示能』，由 James J. Gibson 提出，定义为物品的特性与决定物品用途的主体能力之间的关系；其中部分可感知（此部分定义为 Perceived Affordance），部分不可感知。——摘自《设计心理学 1 》<!-- /react-text --></p></blockquote></section><section class="toc" data-reactid="124"><ul data-reactid="125"><li data-reactid="126"><a class="bisheng-toc-h2" href="#静态邀请" title="静态邀请" data-reactid="127"><!-- react-text: 128 -->静态邀请<!-- /react-text --></a></li><li data-reactid="129"><a class="bisheng-toc-h2" href="#动态邀请" title="动态邀请" data-reactid="130"><!-- react-text: 131 -->动态邀请<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="132"><h2 id="静态邀请" data-reactid="133"><span data-reactid="134"><!-- react-text: 135 -->静态邀请<!-- /react-text --></span><a href="#静态邀请" class="anchor" data-reactid="136">#</a></h2><p data-reactid="137"><!-- react-text: 138 -->指通过可视化技术在页面上提供引导交互的邀请。<!-- /react-text --></p><p data-reactid="139"><br data-reactid="140"/></p><div class="preview-image-boxes clearfix" data-reactid="141"><div class="preview-image-box" data-reactid="142"><div class="preview-image-wrapper" data-reactid="143"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/pWnlJpbkCPIaKdP.png" alt="文本邀请示例" data-reactid="144"/></div><div class="preview-image-title" data-reactid="145">文本邀请示例</div><div class="preview-image-description" data-reactid="146"></div><!-- react-empty: 147 --></div></div><div class="preview-image-boxes clearfix" data-reactid="148"><div class="preview-image-box" data-reactid="149"><div class="preview-image-wrapper" data-reactid="150"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/DkOYgfJHDuzhyBg.png" alt="白板式邀请示例" data-reactid="151"/></div><div class="preview-image-title" data-reactid="152">白板式邀请示例</div><div class="preview-image-description" data-reactid="153"></div><!-- react-empty: 154 --></div></div><div class="preview-image-boxes clearfix" data-reactid="155"><div class="preview-image-box" data-reactid="156"><div class="preview-image-wrapper" data-reactid="157"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/cojQlWfINmsVDGd.png" alt="未完成邀请示例" data-reactid="158"/></div><div class="preview-image-title" data-reactid="159">未完成邀请示例</div><div class="preview-image-description" data-reactid="160"></div><!-- react-empty: 161 --></div></div><p data-reactid="162"><!-- react-text: 163 -->引导操作邀请：一般以静态说明形式出现在页面上，不过它们在视觉上也可以表现出多种不同样式。
 常见类型：『文本邀请』、『白板式邀请』、『未完成邀请』。<!-- /react-text --></p><p data-reactid="164"><br data-reactid="165"/></p><div class="preview-image-boxes clearfix" data-reactid="166"><div class="preview-image-box" data-reactid="167"><div class="preview-image-wrapper" data-reactid="168"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/TGnzYViseCoFBYL.png" alt="漫游探索邀请示例 1" data-reactid="169"/></div><div class="preview-image-title" data-reactid="170">漫游探索邀请示例 1</div><div class="preview-image-description" data-reactid="171">在用户首次登陆时出现少量『探索点』，当用户点击『我知道了』，能快速切换到下一个探索点。</div><!-- react-empty: 172 --></div></div><div class="preview-image-boxes clearfix" data-reactid="173"><div class="preview-image-box" data-reactid="174"><div class="preview-image-wrapper" data-reactid="175"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/KQabdaTbolVuMld.png" alt="漫游探索邀请示例 2" data-reactid="176"/></div><div class="preview-image-title" data-reactid="177">漫游探索邀请示例 2</div><div class="preview-image-description" data-reactid="178"></div><!-- react-empty: 179 --></div></div><p data-reactid="180"><!-- react-text: 181 -->漫游探索邀请：是向用户介绍新功能的好方法，尤其是对于那些设计优良的界面。但是它不是『创口贴』，仅通过它不能解决界面交互的真正问题。<!-- /react-text --></p><blockquote data-reactid="182"><p data-reactid="183"><!-- react-text: 184 -->注：保持漫游过程简单，让用户容易退出和重新启动；保持内容简明扼要，与功能密切相关。<!-- /react-text --></p></blockquote><p data-reactid="185"><br data-reactid="186"/></p><hr data-reactid="187"/><h2 id="动态邀请" data-reactid="188"><span data-reactid="189"><!-- react-text: 190 -->动态邀请<!-- /react-text --></span><a href="#动态邀请" class="anchor" data-reactid="191">#</a></h2><p data-reactid="192"><!-- react-text: 193 -->指以响应用户在特定位置执行特定操作的方式，提供特定的邀请。<!-- /react-text --></p><p data-reactid="194"><br data-reactid="195"/></p><div class="preview-image-boxes clearfix" data-reactid="196"><div class="preview-image-box" data-reactid="197"><div class="preview-image-wrapper" data-reactid="198"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/gzfDJLcETyTOfFg.png" alt="悬停邀请示例 1" data-reactid="199"/></div><div class="preview-image-title" data-reactid="200">悬停邀请示例 1</div><div class="preview-image-description" data-reactid="201">鼠标『悬停』整个卡片时，可被点击部分变为蓝色的『文字链』。</div><!-- react-empty: 202 --></div></div><div class="preview-image-boxes clearfix" data-reactid="203"><div class="preview-image-box" data-reactid="204"><div class="preview-image-wrapper" data-reactid="205"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/tdJWZFIDWYuMVIe.png" alt="悬停邀请示例 2" data-reactid="206"/></div><div class="preview-image-title" data-reactid="207">悬停邀请示例 2</div><div class="preview-image-description" data-reactid="208">鼠标『悬停』时，出现『选择此模板』的按钮。</div><!-- react-empty: 209 --></div></div><p data-reactid="210"><!-- react-text: 211 -->悬停邀请：在鼠标悬停期间提供邀请。<!-- /react-text --></p><p data-reactid="212"><br data-reactid="213"/></p><div class="preview-image-boxes clearfix" data-reactid="214"><div class="preview-image-box" data-reactid="215"><div class="preview-image-wrapper" data-reactid="216"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/SyurwytfcvpbNLG.png" alt="推论邀请示例" data-reactid="217"/></div><div class="preview-image-title" data-reactid="218">推论邀请示例</div><div class="preview-image-description" data-reactid="219">用户点击『赞』后，同时系统分析（既然用户喜欢这篇文章，那么可能对这一类文章都有兴趣）并提供开启『精打细算』的邀请。</div><!-- react-empty: 220 --></div></div><p data-reactid="221"><!-- react-text: 222 -->推论邀请：用于交互期间，合理推断用户可能产生的需求。<!-- /react-text --></p><p data-reactid="223"><br data-reactid="224"/></p><div class="preview-image-boxes clearfix" data-reactid="225"><div class="preview-image-box" data-reactid="226"><div class="preview-image-wrapper" data-reactid="227"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/sOqYOydwQjLHqph.png" alt="更多内容邀请示例" data-reactid="228"/></div><div class="preview-image-title" data-reactid="229">更多内容邀请示例</div><div class="preview-image-description" data-reactid="230">在 Modal 中会出现前后切换的箭头。</div><!-- react-empty: 231 --></div></div><p data-reactid="232"><!-- react-text: 233 -->更多内容邀请：用于邀请用户查看更多内容。<!-- /react-text --></p><p data-reactid="234"><br data-reactid="235"/></p></section></article></div></div><div class="ant-row" data-reactid="236"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="237"><section class="prev-next-nav" data-reactid="238"><a class="prev-page" href="/docs/spec/lightweight-cn" data-reactid="239">简化交互</a><a class="next-page" href="/docs/spec/transition-cn" data-reactid="240">巧用过渡</a></section></div></div></div><footer id="footer" data-reactid="241"><ul data-reactid="242"><li data-reactid="243"><h2 data-reactid="244"><i class="anticon anticon-github" data-reactid="245"></i><!-- react-text: 246 --> GitHub<!-- /react-text --></h2><div data-reactid="247"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="248"><span data-reactid="249">源码仓库</span></a></div><div data-reactid="250"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="251"><span data-reactid="252">定制主题</span></a></div><div data-reactid="253"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="254"><span data-reactid="255">Awesome Ant Design</span></a></div></li><li data-reactid="256"><h2 data-reactid="257"><i class="anticon anticon-link" data-reactid="258"></i><!-- react-text: 259 --> <!-- /react-text --><span data-reactid="260">相关站点</span></h2><div data-reactid="261"><a href="https://design.alipay.com/" data-reactid="262"><span data-reactid="263">蚂蚁金服设计平台</span></a></div><div data-reactid="264"><a href="http://mobile.ant.design" data-reactid="265">Ant Design Mobile</a><span data-reactid="266"> - </span><span data-reactid="267">移动版</span></div><div data-reactid="268"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="269">dva</a><!-- react-text: 270 --> - <!-- /react-text --><span data-reactid="271">应用框架</span></div><div data-reactid="272"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="273">dva-cli</a><!-- react-text: 274 --> -<!-- /react-text --><span data-reactid="275">开发工具</span></div><div data-reactid="276"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="277">Egg</a><span data-reactid="278"> - </span><span data-reactid="279">企业级 Node 开发框架</span></div><div data-reactid="280"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="281">AntV</a><span data-reactid="282"> - </span><span data-reactid="283">数据可视化</span></div><div data-reactid="284"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="285">Ant Motion</a><span data-reactid="286"> - </span><span data-reactid="287">设计动效</span></div><div data-reactid="288"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="289">AntD Library</a><span data-reactid="290"> - </span><span data-reactid="291">Axure 部件库</span></div><div data-reactid="292"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="293">Ant UX</a><span data-reactid="294"> - </span><span data-reactid="295">页面逻辑素材</span></div></li><li data-reactid="296"><h2 data-reactid="297"><i class="anticon anticon-customer-service" data-reactid="298"></i><!-- react-text: 299 --> <!-- /react-text --><span data-reactid="300">社区</span></h2><div data-reactid="301"><a href="/changelog" data-reactid="302"><span data-reactid="303">更新记录</span></a></div><div data-reactid="304"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="305"><span data-reactid="306">常见问题</span></a></div><div data-reactid="307"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="308"><span data-reactid="309">在线讨论 (中文)</span></a></div><div data-reactid="310"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="311"><span data-reactid="312">在线讨论 (English)</span></a></div><div data-reactid="313"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="314"><span data-reactid="315">报告 Bug</span></a></div><div data-reactid="316"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="317"><span data-reactid="318">讨论列表</span></a></div><div data-reactid="319"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="320"><span data-reactid="321">StackOverflow</span></a></div><div data-reactid="322"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="323"><span data-reactid="324">SegmentFault</span></a></div></li><li data-reactid="325"><h2 data-reactid="326"><!-- react-text: 327 -->Copyright © <!-- /react-text --><!-- react-text: 328 -->2017<!-- /react-text --></h2><div data-reactid="329"><span data-reactid="330">蚂蚁金服体验技术部出品</span></div><div data-reactid="331"><!-- react-text: 332 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="333">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
diff --git a/docs/spec/invitation.html b/docs/spec/invitation.html
index c77c584a0..3d6c90142 100644
--- a/docs/spec/invitation.html
+++ b/docs/spec/invitation.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1728171765"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="471913308"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/lightweight" data-reactid="72">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/stay" data-reactid="74">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Provide an Invitation<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/invitation.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->A common problem with many of these rich interactions (e.g. Drag and Drop, Inline Editing, and Contextual Tools) is their lack of discoverability. Providing an invitation to the user is one of the keys to successful interactive interfaces.<!-- /react-text --></p><p data-reactid="113"><!-- react-text: 114 -->Invitations are the prompts and cues that lead users through an interaction. They often include just-in-time tips or visual affordances that hint at what will happen next in the interface.<!-- /react-text --></p><blockquote data-reactid="115"><p data-reactid="116"><strong data-reactid="117"><!-- react-text: 118 --> Signifiers <!-- /react-text --></strong><!-- react-text: 119 --> are signals, communication devices. These signs tell you about the possible actions; what to do, and where to do it. Signifiers are often visible, audible or tangible, from the Design of Everyday Things.<!-- /react-text --></p><p data-reactid="120"><strong data-reactid="121"><!-- react-text: 122 --> Affordances <!-- /react-text --></strong><!-- react-text: 123 --> are the relationships (read: possible actions) between an object and an entity (most often a person). The presence of an affordance is determined by the properties of the object and of the abilities of the entity who&#x27;s interacting with the object, from the Design of Everyday Things.<!-- /react-text --></p></blockquote></section><section class="toc" data-reactid="124"><ul data-reactid="125"><li data-reactid="126"><a class="bisheng-toc-h2" href="#Static-Invitations" title="Static Invitations" data-reactid="127"><!-- react-text: 128 -->Static Invitations<!-- /react-text --></a></li><li data-reactid="129"><a class="bisheng-toc-h2" href="#Dynamic-Invitations" title="Dynamic Invitations" data-reactid="130"><!-- react-text: 131 -->Dynamic Invitations<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="132"><h2 id="Static-Invitations" data-reactid="133"><span data-reactid="134"><!-- react-text: 135 -->Static Invitations<!-- /react-text --></span><a href="#Static-Invitations" class="anchor" data-reactid="136">#</a></h2><p data-reactid="137"><!-- react-text: 138 -->By providing cues for interaction directly on the page we can statically indicate to the user the expected interface behavior. Static Invitations provide cues directly on the page.<!-- /react-text --></p><p data-reactid="139"><br data-reactid="140"/></p><div class="preview-image-boxes clearfix" data-reactid="141"><div class="preview-image-box" data-reactid="142"><div class="preview-image-wrapper" data-reactid="143"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/pWnlJpbkCPIaKdP.png" alt="example of Text Invitation" data-reactid="144"/></div><div class="preview-image-title" data-reactid="145">example of Text Invitation</div><div class="preview-image-description" data-reactid="146"></div><!-- react-empty: 147 --></div></div><div class="preview-image-boxes clearfix" data-reactid="148"><div class="preview-image-box" data-reactid="149"><div class="preview-image-wrapper" data-reactid="150"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/DkOYgfJHDuzhyBg.png" alt="example of Blank Slate Invitation" data-reactid="151"/></div><div class="preview-image-title" data-reactid="152">example of Blank Slate Invitation</div><div class="preview-image-description" data-reactid="153"></div><!-- react-empty: 154 --></div></div><div class="preview-image-boxes clearfix" data-reactid="155"><div class="preview-image-box" data-reactid="156"><div class="preview-image-wrapper" data-reactid="157"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/cojQlWfINmsVDGd.png" alt="example of Unfinished Invitation" data-reactid="158"/></div><div class="preview-image-title" data-reactid="159">example of Unfinished Invitation</div><div class="preview-image-description" data-reactid="160"></div><!-- react-empty: 161 --></div></div><p data-reactid="162"><!-- react-text: 163 -->Call to Action Invitations are generally provided as static instructions on the page. But visually they can be provided in many different ways such as Text Invitation, Blank Slate Invitation and Unfinished Invitation.<!-- /react-text --></p><p data-reactid="164"><br data-reactid="165"/></p><div class="preview-image-boxes clearfix" data-reactid="166"><div class="preview-image-box" data-reactid="167"><div class="preview-image-wrapper" data-reactid="168"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/TGnzYViseCoFBYL.png" alt="example 1 of Tour Invitation" data-reactid="169"/></div><div class="preview-image-title" data-reactid="170">example 1 of Tour Invitation</div><div class="preview-image-description" data-reactid="171">A few of tour points are provided when the user first logs in. Clicking the “Got It” button leads the user to the next tour step.</div><!-- react-empty: 172 --></div></div><div class="preview-image-boxes clearfix" data-reactid="173"><div class="preview-image-box" data-reactid="174"><div class="preview-image-wrapper" data-reactid="175"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/KQabdaTbolVuMld.png" alt="example 2 of Tour Invitation" data-reactid="176"/></div><div class="preview-image-title" data-reactid="177">example 2 of Tour Invitation</div><div class="preview-image-description" data-reactid="178"></div><!-- react-empty: 179 --></div></div><p data-reactid="180"><!-- react-text: 181 -->Tour invitation can be a nice way to explain design changes to a web application, especially for a well-designed interface. But providing tours will not solve the real problems an interface may have during interaction.<!-- /react-text --></p><blockquote data-reactid="182"><p data-reactid="183"><!-- react-text: 184 -->Note that make Tour Invitations short and simple, easy to exit, and clear to restart.<!-- /react-text --></p></blockquote><p data-reactid="185"><br data-reactid="186"/></p><hr data-reactid="187"/><h2 id="Dynamic-Invitations" data-reactid="188"><span data-reactid="189"><!-- react-text: 190 -->Dynamic Invitations<!-- /react-text --></span><a href="#Dynamic-Invitations" class="anchor" data-reactid="191">#</a></h2><p data-reactid="192"><!-- react-text: 193 -->Dynamic Invitations engage users at the point of the interaction and guide them through the next step of interaction.<!-- /react-text --></p><p data-reactid="194"><br data-reactid="195"/></p><div class="preview-image-boxes clearfix" data-reactid="196"><div class="preview-image-box" data-reactid="197"><div class="preview-image-wrapper" data-reactid="198"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/gzfDJLcETyTOfFg.png" alt="example 1 of Hover Invitation" data-reactid="199"/></div><div class="preview-image-title" data-reactid="200">example 1 of Hover Invitation</div><div class="preview-image-description" data-reactid="201">During mouse hover on the whole card, the clickable parts turn to blue hypertext.</div><!-- react-empty: 202 --></div></div><div class="preview-image-boxes clearfix" data-reactid="203"><div class="preview-image-box" data-reactid="204"><div class="preview-image-wrapper" data-reactid="205"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/tdJWZFIDWYuMVIe.png" alt="example 2 of Hover Invitation" data-reactid="206"/></div><div class="preview-image-title" data-reactid="207">example 2 of Hover Invitation</div><div class="preview-image-description" data-reactid="208">During mouse hover, the button of "Select this Template" appears.</div><!-- react-empty: 209 --></div></div><p data-reactid="210"><!-- react-text: 211 -->Hover Invitation: Provide an invitation during mouse hover.<!-- /react-text --></p><p data-reactid="212"><br data-reactid="213"/></p><div class="preview-image-boxes clearfix" data-reactid="214"><div class="preview-image-box" data-reactid="215"><div class="preview-image-wrapper" data-reactid="216"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/SyurwytfcvpbNLG.png" alt="example of Inference Invitation" data-reactid="217"/></div><div class="preview-image-title" data-reactid="218">example of Inference Invitation</div><div class="preview-image-description" data-reactid="219">The system predicts that the user's interest in an article extends to a type of articles, and it provides an invitation after the user click "like".</div><!-- react-empty: 220 --></div></div><p data-reactid="221"><!-- react-text: 222 -->Inference Invitation: Use visual inferences during interaction to cue users as to what the system has inferred about their intent.<!-- /react-text --></p><p data-reactid="223"><br data-reactid="224"/></p><div class="preview-image-boxes clearfix" data-reactid="225"><div class="preview-image-box" data-reactid="226"><div class="preview-image-wrapper" data-reactid="227"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/sOqYOydwQjLHqph.png" alt="example of More Content Invitation" data-reactid="228"/></div><div class="preview-image-title" data-reactid="229">example of More Content Invitation</div><div class="preview-image-description" data-reactid="230">Use the left or right arrows to switch more content around Modal.</div><!-- react-empty: 231 --></div></div><p data-reactid="232"><!-- react-text: 233 -->More Content Invitation: Indicate that there is more content on the page.<!-- /react-text --></p><p data-reactid="234"><br data-reactid="235"/></p><p data-reactid="236"><br data-reactid="237"/></p><p data-reactid="238"><span class="waiting" data-reactid="239"><!-- react-text: 240 -->Affordance Invitation (coming soon)<!-- /react-text --></span></p><p data-reactid="241"><br data-reactid="242"/></p><p data-reactid="243"><span class="waiting" data-reactid="244"><!-- react-text: 245 -->Drag and Drop Invitation (coming soon)<!-- /react-text --></span></p></section></article></div></div><div class="ant-row" data-reactid="246"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="247"><section class="prev-next-nav" data-reactid="248"><a class="prev-page" href="/docs/spec/stay" data-reactid="249">Stay on the Page</a><a class="next-page" href="/docs/spec/transition" data-reactid="250">Use Transition</a></section></div></div></div><footer id="footer" data-reactid="251"><ul data-reactid="252"><li data-reactid="253"><h2 data-reactid="254"><i class="anticon anticon-github" data-reactid="255"></i><!-- react-text: 256 --> GitHub<!-- /react-text --></h2><div data-reactid="257"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="258"><span data-reactid="259">Repository</span></a></div><div data-reactid="260"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="261"><span data-reactid="262">Customize Theme</span></a></div><div data-reactid="263"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="264"><span data-reactid="265">Awesome Ant Design</span></a></div></li><li data-reactid="266"><h2 data-reactid="267"><i class="anticon anticon-link" data-reactid="268"></i><!-- react-text: 269 --> <!-- /react-text --><span data-reactid="270">Links</span></h2><div data-reactid="271"><a href="https://design.alipay.com/" data-reactid="272"><span data-reactid="273">Ant Financial Design Platform</span></a></div><div data-reactid="274"><a href="http://mobile.ant.design" data-reactid="275">Ant Design Mobile</a><span data-reactid="276"> - </span><span data-reactid="277">Mobile UI</span></div><div data-reactid="278"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="279">dva</a><!-- react-text: 280 --> - <!-- /react-text --><span data-reactid="281">Framework</span></div><div data-reactid="282"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="283">dva-cli</a><!-- react-text: 284 --> -<!-- /react-text --><span data-reactid="285">Developer Tools</span></div><div data-reactid="286"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="287">Egg</a><span data-reactid="288"> - </span><span data-reactid="289">Enterprise Node Framework</span></div><div data-reactid="290"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="291">AntV</a><span data-reactid="292"> - </span><span data-reactid="293">Data Visualization</span></div><div data-reactid="294"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="295">Ant Motion</a><span data-reactid="296"> - </span><span data-reactid="297">Motion Soluction</span></div><div data-reactid="298"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="299">AntD Library</a><span data-reactid="300"> - </span><span data-reactid="301">Axure library</span></div><div data-reactid="302"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="303">Ant UX</a><span data-reactid="304"> - </span><span data-reactid="305">Sitemap Template</span></div></li><li data-reactid="306"><h2 data-reactid="307"><i class="anticon anticon-customer-service" data-reactid="308"></i><!-- react-text: 309 --> <!-- /react-text --><span data-reactid="310">Community</span></h2><div data-reactid="311"><a href="/changelog" data-reactid="312"><span data-reactid="313">Change Log</span></a></div><div data-reactid="314"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="315"><span data-reactid="316">FAQ</span></a></div><div data-reactid="317"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="318"><span data-reactid="319">Chat Room (中文)</span></a></div><div data-reactid="320"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="321"><span data-reactid="322">Chat Room (English)</span></a></div><div data-reactid="323"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="324"><span data-reactid="325">Bug Report</span></a></div><div data-reactid="326"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="327"><span data-reactid="328">Issues</span></a></div><div data-reactid="329"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="330"><span data-reactid="331">StackOverflow</span></a></div><div data-reactid="332"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="333"><span data-reactid="334">SegmentFault</span></a></div></li><li data-reactid="335"><h2 data-reactid="336"><!-- react-text: 337 -->Copyright © <!-- /react-text --><!-- react-text: 338 -->2017<!-- /react-text --></h2><div data-reactid="339"><span data-reactid="340">Created by AIUX</span></div><div data-reactid="341"><!-- react-text: 342 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="343">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay" data-reactid="72">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight" data-reactid="74">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Provide an Invitation<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/invitation.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->A common problem with many of these rich interactions (e.g. Drag and Drop, Inline Editing, and Contextual Tools) is their lack of discoverability. Providing an invitation to the user is one of the keys to successful interactive interfaces.<!-- /react-text --></p><p data-reactid="113"><!-- react-text: 114 -->Invitations are the prompts and cues that lead users through an interaction. They often include just-in-time tips or visual affordances that hint at what will happen next in the interface.<!-- /react-text --></p><blockquote data-reactid="115"><p data-reactid="116"><strong data-reactid="117"><!-- react-text: 118 --> Signifiers <!-- /react-text --></strong><!-- react-text: 119 --> are signals, communication devices. These signs tell you about the possible actions; what to do, and where to do it. Signifiers are often visible, audible or tangible, from the Design of Everyday Things.<!-- /react-text --></p><p data-reactid="120"><strong data-reactid="121"><!-- react-text: 122 --> Affordances <!-- /react-text --></strong><!-- react-text: 123 --> are the relationships (read: possible actions) between an object and an entity (most often a person). The presence of an affordance is determined by the properties of the object and of the abilities of the entity who&#x27;s interacting with the object, from the Design of Everyday Things.<!-- /react-text --></p></blockquote></section><section class="toc" data-reactid="124"><ul data-reactid="125"><li data-reactid="126"><a class="bisheng-toc-h2" href="#Static-Invitations" title="Static Invitations" data-reactid="127"><!-- react-text: 128 -->Static Invitations<!-- /react-text --></a></li><li data-reactid="129"><a class="bisheng-toc-h2" href="#Dynamic-Invitations" title="Dynamic Invitations" data-reactid="130"><!-- react-text: 131 -->Dynamic Invitations<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="132"><h2 id="Static-Invitations" data-reactid="133"><span data-reactid="134"><!-- react-text: 135 -->Static Invitations<!-- /react-text --></span><a href="#Static-Invitations" class="anchor" data-reactid="136">#</a></h2><p data-reactid="137"><!-- react-text: 138 -->By providing cues for interaction directly on the page we can statically indicate to the user the expected interface behavior. Static Invitations provide cues directly on the page.<!-- /react-text --></p><p data-reactid="139"><br data-reactid="140"/></p><div class="preview-image-boxes clearfix" data-reactid="141"><div class="preview-image-box" data-reactid="142"><div class="preview-image-wrapper" data-reactid="143"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/pWnlJpbkCPIaKdP.png" alt="example of Text Invitation" data-reactid="144"/></div><div class="preview-image-title" data-reactid="145">example of Text Invitation</div><div class="preview-image-description" data-reactid="146"></div><!-- react-empty: 147 --></div></div><div class="preview-image-boxes clearfix" data-reactid="148"><div class="preview-image-box" data-reactid="149"><div class="preview-image-wrapper" data-reactid="150"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/DkOYgfJHDuzhyBg.png" alt="example of Blank Slate Invitation" data-reactid="151"/></div><div class="preview-image-title" data-reactid="152">example of Blank Slate Invitation</div><div class="preview-image-description" data-reactid="153"></div><!-- react-empty: 154 --></div></div><div class="preview-image-boxes clearfix" data-reactid="155"><div class="preview-image-box" data-reactid="156"><div class="preview-image-wrapper" data-reactid="157"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/cojQlWfINmsVDGd.png" alt="example of Unfinished Invitation" data-reactid="158"/></div><div class="preview-image-title" data-reactid="159">example of Unfinished Invitation</div><div class="preview-image-description" data-reactid="160"></div><!-- react-empty: 161 --></div></div><p data-reactid="162"><!-- react-text: 163 -->Call to Action Invitations are generally provided as static instructions on the page. But visually they can be provided in many different ways such as Text Invitation, Blank Slate Invitation and Unfinished Invitation.<!-- /react-text --></p><p data-reactid="164"><br data-reactid="165"/></p><div class="preview-image-boxes clearfix" data-reactid="166"><div class="preview-image-box" data-reactid="167"><div class="preview-image-wrapper" data-reactid="168"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/TGnzYViseCoFBYL.png" alt="example 1 of Tour Invitation" data-reactid="169"/></div><div class="preview-image-title" data-reactid="170">example 1 of Tour Invitation</div><div class="preview-image-description" data-reactid="171">A few of tour points are provided when the user first logs in. Clicking the “Got It” button leads the user to the next tour step.</div><!-- react-empty: 172 --></div></div><div class="preview-image-boxes clearfix" data-reactid="173"><div class="preview-image-box" data-reactid="174"><div class="preview-image-wrapper" data-reactid="175"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/KQabdaTbolVuMld.png" alt="example 2 of Tour Invitation" data-reactid="176"/></div><div class="preview-image-title" data-reactid="177">example 2 of Tour Invitation</div><div class="preview-image-description" data-reactid="178"></div><!-- react-empty: 179 --></div></div><p data-reactid="180"><!-- react-text: 181 -->Tour invitation can be a nice way to explain design changes to a web application, especially for a well-designed interface. But providing tours will not solve the real problems an interface may have during interaction.<!-- /react-text --></p><blockquote data-reactid="182"><p data-reactid="183"><!-- react-text: 184 -->Note that make Tour Invitations short and simple, easy to exit, and clear to restart.<!-- /react-text --></p></blockquote><p data-reactid="185"><br data-reactid="186"/></p><hr data-reactid="187"/><h2 id="Dynamic-Invitations" data-reactid="188"><span data-reactid="189"><!-- react-text: 190 -->Dynamic Invitations<!-- /react-text --></span><a href="#Dynamic-Invitations" class="anchor" data-reactid="191">#</a></h2><p data-reactid="192"><!-- react-text: 193 -->Dynamic Invitations engage users at the point of the interaction and guide them through the next step of interaction.<!-- /react-text --></p><p data-reactid="194"><br data-reactid="195"/></p><div class="preview-image-boxes clearfix" data-reactid="196"><div class="preview-image-box" data-reactid="197"><div class="preview-image-wrapper" data-reactid="198"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/gzfDJLcETyTOfFg.png" alt="example 1 of Hover Invitation" data-reactid="199"/></div><div class="preview-image-title" data-reactid="200">example 1 of Hover Invitation</div><div class="preview-image-description" data-reactid="201">During mouse hover on the whole card, the clickable parts turn to blue hypertext.</div><!-- react-empty: 202 --></div></div><div class="preview-image-boxes clearfix" data-reactid="203"><div class="preview-image-box" data-reactid="204"><div class="preview-image-wrapper" data-reactid="205"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/tdJWZFIDWYuMVIe.png" alt="example 2 of Hover Invitation" data-reactid="206"/></div><div class="preview-image-title" data-reactid="207">example 2 of Hover Invitation</div><div class="preview-image-description" data-reactid="208">During mouse hover, the button of "Select this Template" appears.</div><!-- react-empty: 209 --></div></div><p data-reactid="210"><!-- react-text: 211 -->Hover Invitation: Provide an invitation during mouse hover.<!-- /react-text --></p><p data-reactid="212"><br data-reactid="213"/></p><div class="preview-image-boxes clearfix" data-reactid="214"><div class="preview-image-box" data-reactid="215"><div class="preview-image-wrapper" data-reactid="216"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/SyurwytfcvpbNLG.png" alt="example of Inference Invitation" data-reactid="217"/></div><div class="preview-image-title" data-reactid="218">example of Inference Invitation</div><div class="preview-image-description" data-reactid="219">The system predicts that the user's interest in an article extends to a type of articles, and it provides an invitation after the user click "like".</div><!-- react-empty: 220 --></div></div><p data-reactid="221"><!-- react-text: 222 -->Inference Invitation: Use visual inferences during interaction to cue users as to what the system has inferred about their intent.<!-- /react-text --></p><p data-reactid="223"><br data-reactid="224"/></p><div class="preview-image-boxes clearfix" data-reactid="225"><div class="preview-image-box" data-reactid="226"><div class="preview-image-wrapper" data-reactid="227"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/sOqYOydwQjLHqph.png" alt="example of More Content Invitation" data-reactid="228"/></div><div class="preview-image-title" data-reactid="229">example of More Content Invitation</div><div class="preview-image-description" data-reactid="230">Use the left or right arrows to switch more content around Modal.</div><!-- react-empty: 231 --></div></div><p data-reactid="232"><!-- react-text: 233 -->More Content Invitation: Indicate that there is more content on the page.<!-- /react-text --></p><p data-reactid="234"><br data-reactid="235"/></p><p data-reactid="236"><br data-reactid="237"/></p><p data-reactid="238"><span class="waiting" data-reactid="239"><!-- react-text: 240 -->Affordance Invitation (coming soon)<!-- /react-text --></span></p><p data-reactid="241"><br data-reactid="242"/></p><p data-reactid="243"><span class="waiting" data-reactid="244"><!-- react-text: 245 -->Drag and Drop Invitation (coming soon)<!-- /react-text --></span></p></section></article></div></div><div class="ant-row" data-reactid="246"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="247"><section class="prev-next-nav" data-reactid="248"><a class="prev-page" href="/docs/spec/lightweight" data-reactid="249">Keep it Lightweight</a><a class="next-page" href="/docs/spec/transition" data-reactid="250">Use Transition</a></section></div></div></div><footer id="footer" data-reactid="251"><ul data-reactid="252"><li data-reactid="253"><h2 data-reactid="254"><i class="anticon anticon-github" data-reactid="255"></i><!-- react-text: 256 --> GitHub<!-- /react-text --></h2><div data-reactid="257"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="258"><span data-reactid="259">Repository</span></a></div><div data-reactid="260"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="261"><span data-reactid="262">Customize Theme</span></a></div><div data-reactid="263"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="264"><span data-reactid="265">Awesome Ant Design</span></a></div></li><li data-reactid="266"><h2 data-reactid="267"><i class="anticon anticon-link" data-reactid="268"></i><!-- react-text: 269 --> <!-- /react-text --><span data-reactid="270">Links</span></h2><div data-reactid="271"><a href="https://design.alipay.com/" data-reactid="272"><span data-reactid="273">Ant Financial Design Platform</span></a></div><div data-reactid="274"><a href="http://mobile.ant.design" data-reactid="275">Ant Design Mobile</a><span data-reactid="276"> - </span><span data-reactid="277">Mobile UI</span></div><div data-reactid="278"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="279">dva</a><!-- react-text: 280 --> - <!-- /react-text --><span data-reactid="281">Framework</span></div><div data-reactid="282"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="283">dva-cli</a><!-- react-text: 284 --> -<!-- /react-text --><span data-reactid="285">Developer Tools</span></div><div data-reactid="286"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="287">Egg</a><span data-reactid="288"> - </span><span data-reactid="289">Enterprise Node Framework</span></div><div data-reactid="290"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="291">AntV</a><span data-reactid="292"> - </span><span data-reactid="293">Data Visualization</span></div><div data-reactid="294"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="295">Ant Motion</a><span data-reactid="296"> - </span><span data-reactid="297">Motion Soluction</span></div><div data-reactid="298"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="299">AntD Library</a><span data-reactid="300"> - </span><span data-reactid="301">Axure library</span></div><div data-reactid="302"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="303">Ant UX</a><span data-reactid="304"> - </span><span data-reactid="305">Sitemap Template</span></div></li><li data-reactid="306"><h2 data-reactid="307"><i class="anticon anticon-customer-service" data-reactid="308"></i><!-- react-text: 309 --> <!-- /react-text --><span data-reactid="310">Community</span></h2><div data-reactid="311"><a href="/changelog" data-reactid="312"><span data-reactid="313">Change Log</span></a></div><div data-reactid="314"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="315"><span data-reactid="316">FAQ</span></a></div><div data-reactid="317"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="318"><span data-reactid="319">Chat Room (中文)</span></a></div><div data-reactid="320"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="321"><span data-reactid="322">Chat Room (English)</span></a></div><div data-reactid="323"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="324"><span data-reactid="325">Bug Report</span></a></div><div data-reactid="326"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="327"><span data-reactid="328">Issues</span></a></div><div data-reactid="329"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="330"><span data-reactid="331">StackOverflow</span></a></div><div data-reactid="332"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="333"><span data-reactid="334">SegmentFault</span></a></div></li><li data-reactid="335"><h2 data-reactid="336"><!-- react-text: 337 -->Copyright © <!-- /react-text --><!-- react-text: 338 -->2017<!-- /react-text --></h2><div data-reactid="339"><span data-reactid="340">Created by AIUX</span></div><div data-reactid="341"><!-- react-text: 342 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="343">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/layout-cn.html b/docs/spec/layout-cn.html
index adba7c5b5..445012175 100644
--- a/docs/spec/layout-cn.html
+++ b/docs/spec/layout-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="374043358"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-614763808"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->布局<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/layout.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->布局是页面构成的前提，是后续展开交互和视觉设计的基础。Ant Design 提供了常用的布局模板来保证同类产品间的一致性，设计者在选择布局之前，需要注意以下几点原则：<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->明确用户在此场景中完成的主要任务和需获取的决策信息。<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->明确决策信息和操作的优先级及内容特点，选择合理布局。<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="120"><ul data-reactid="121"><li data-reactid="122"><a class="bisheng-toc-h2" href="#常用布局" title="常用布局" data-reactid="123"><!-- react-text: 124 -->常用布局<!-- /react-text --></a></li><li data-reactid="125"><a class="bisheng-toc-h2" href="#表格页" title="表格页" data-reactid="126"><!-- react-text: 127 -->表格页<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#栅格" title="栅格" data-reactid="129"><!-- react-text: 130 -->栅格<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="131"><h2 id="常用布局" data-reactid="132"><span data-reactid="133"><!-- react-text: 134 -->常用布局<!-- /react-text --></span><a href="#常用布局" class="anchor" data-reactid="135">#</a></h2><p data-reactid="136"><!-- react-text: 137 -->通过大量的中台设计实践，Ant Design 总结了六类常用的页面布局模板：网站展示页、Dashboard、列表页、表格页、详情页、表单页。在设计前先了解这些模板有助于让用户快速找到适合自己产品的页面布局。<!-- /react-text --></p><h3 id="网站展示页" data-reactid="138"><span data-reactid="139"><!-- react-text: 140 -->网站展示页<!-- /react-text --></span><a href="#网站展示页" class="anchor" data-reactid="141">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="142"><div class="preview-image-box" data-reactid="143"><div class="preview-image-wrapper" data-reactid="144"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/olHkTiGQqfwThlgPIXzx.png" data-reactid="145"/></div><div class="preview-image-title" data-reactid="146"></div><div class="preview-image-description" data-reactid="147"></div><!-- react-empty: 148 --></div></div><div class="preview-image-boxes clearfix" data-reactid="149"><div class="preview-image-box" data-reactid="150"><div class="preview-image-wrapper" data-reactid="151"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/uxbNrsFCmPFjYdhDowky.png" data-reactid="152"/></div><div class="preview-image-title" data-reactid="153"></div><div class="preview-image-description" data-reactid="154"></div><!-- react-empty: 155 --></div></div><p data-reactid="156"><!-- react-text: 157 -->网站展示页（即官网页）通常是用户了解网站或产品的第一步。这类页面通常会包含产品展示图，简短的产品介绍信息，以及用户登录入口等。在设计时我们建议：<!-- /react-text --></p><ul data-reactid="158"><li data-reactid="159"><p data-reactid="160"><!-- react-text: 161 -->明确你要传达的内容，保持简短而清晰的文案。<!-- /react-text --></p></li><li data-reactid="162"><p data-reactid="163"><!-- react-text: 164 -->搭配清晰、直观的产品图片，有助于加深用户对产品的理解和记忆。<!-- /react-text --></p></li></ul><h3 id="控制台页" data-reactid="165"><span data-reactid="166"><!-- react-text: 167 -->控制台页<!-- /react-text --></span><a href="#控制台页" class="anchor" data-reactid="168">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="169"><div class="preview-image-box" data-reactid="170"><div class="preview-image-wrapper" data-reactid="171"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/fCVwqOiItdbzyZkQOOiQ.png" data-reactid="172"/></div><div class="preview-image-title" data-reactid="173"></div><div class="preview-image-description" data-reactid="174"></div><!-- react-empty: 175 --></div></div><div class="preview-image-boxes clearfix" data-reactid="176"><div class="preview-image-box" data-reactid="177"><div class="preview-image-wrapper" data-reactid="178"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/LvYKhbKsPzIRLGsBxUJA.png" data-reactid="179"/></div><div class="preview-image-title" data-reactid="180"></div><div class="preview-image-description" data-reactid="181"></div><!-- react-empty: 182 --></div></div><p data-reactid="183"><!-- react-text: 184 -->控制台页（Dashboard）集合了大量多样化的信息（如数字，图形，文案等），需要一目了然地将关键信息展示给用户。因此，如何将庞大复杂的信息精简清晰地展示出来，是设计此类页面的关键。在设计时要注意以下几点：<!-- /react-text --></p><ul data-reactid="185"><li data-reactid="186"><p data-reactid="187"><!-- react-text: 188 -->按照信息的重要程度来组织页面排版，突出展示关键信息。<!-- /react-text --></p></li><li data-reactid="189"><p data-reactid="190"><!-- react-text: 191 -->将数据可视化，让用户可以直观地了解关键信息及整体情况。<!-- /react-text --></p></li><li data-reactid="192"><p data-reactid="193"><!-- react-text: 194 -->合理地使用颜色及栅格排版，减轻用户的视觉负担。<!-- /react-text --></p></li></ul><h3 id="列表页" data-reactid="195"><span data-reactid="196"><!-- react-text: 197 -->列表页<!-- /react-text --></span><a href="#列表页" class="anchor" data-reactid="198">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="199"><div class="preview-image-box" data-reactid="200"><div class="preview-image-wrapper" data-reactid="201"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/GSIyiSRJmxUhmxpMoyrj.png" data-reactid="202"/></div><div class="preview-image-title" data-reactid="203"></div><div class="preview-image-description" data-reactid="204"></div><!-- react-empty: 205 --></div></div><div class="preview-image-boxes clearfix" data-reactid="206"><div class="preview-image-box" data-reactid="207"><div class="preview-image-wrapper" data-reactid="208"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/VyFWYXzkQYYzMzqBXfzO.png" data-reactid="209"/></div><div class="preview-image-title" data-reactid="210"></div><div class="preview-image-description" data-reactid="211"></div><!-- react-empty: 212 --></div></div><p data-reactid="213"><!-- react-text: 214 -->列表设计是并列式展现信息，方便用户能快速查看基本信息及操作。因此，信息的「可阅读性」及「可操作性」是设计的关键。在设计时要注意以下几点：<!-- /react-text --></p><ul data-reactid="215"><li data-reactid="216"><p data-reactid="217"><!-- react-text: 218 -->根据用户需求来定义信息展示的等级，仅展示关键信息及操作。<!-- /react-text --></p></li><li data-reactid="219"><p data-reactid="220"><!-- react-text: 221 -->当信息内容较为复杂时，可将次要的信息折叠或放到详情页面中，以递进的方式让用户获得更多的信息。<!-- /react-text --></p></li></ul><h2 id="表格页" data-reactid="222"><span data-reactid="223"><!-- react-text: 224 -->表格页<!-- /react-text --></span><a href="#表格页" class="anchor" data-reactid="225">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="226"><div class="preview-image-box" data-reactid="227"><div class="preview-image-wrapper" data-reactid="228"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/ArRESSbBrLJWhjscKiZh.png" data-reactid="229"/></div><div class="preview-image-title" data-reactid="230"></div><div class="preview-image-description" data-reactid="231"></div><!-- react-empty: 232 --></div></div><div class="preview-image-boxes clearfix" data-reactid="233"><div class="preview-image-box" data-reactid="234"><div class="preview-image-wrapper" data-reactid="235"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/gDwAZagDBphbcePRDnBZ.png" data-reactid="236"/></div><div class="preview-image-title" data-reactid="237"></div><div class="preview-image-description" data-reactid="238"></div><!-- react-empty: 239 --></div></div><p data-reactid="240"><!-- react-text: 241 -->表格作为多维信息展示的载体，使复杂的信息更易于阅读与理解。它的易读性，便捷性，易操作性对产品的体验起着举足轻重的作用。因此，我们在设计时要注意以下几点：<!-- /react-text --></p><ul data-reactid="242"><li data-reactid="243"><p data-reactid="244"><!-- react-text: 245 -->构造清晰的表格布局，有利于提升读者对信息的接收速度和理解程度。<!-- /react-text --></p></li><li data-reactid="246"><p data-reactid="247"><!-- react-text: 248 -->更多地展示用户所必须的信息，通过视觉上的调优突出展示重点信息。<!-- /react-text --></p></li><li data-reactid="249"><p data-reactid="250"><!-- react-text: 251 -->当界面需要在一个很大的多纵行表格中展示数据，或每一横列数据有多行信息时，可以巧妙地运用横向或纵向斑马条，使得信息条目之间更为分明，视觉上更易区分。<!-- /react-text --></p></li></ul><h3 id="详情页" data-reactid="252"><span data-reactid="253"><!-- react-text: 254 -->详情页<!-- /react-text --></span><a href="#详情页" class="anchor" data-reactid="255">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="256"><div class="preview-image-box" data-reactid="257"><div class="preview-image-wrapper" data-reactid="258"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/wRdLpkIoTNfxOvNOqKyf.png" data-reactid="259"/></div><div class="preview-image-title" data-reactid="260"></div><div class="preview-image-description" data-reactid="261"></div><!-- react-empty: 262 --></div></div><div class="preview-image-boxes clearfix" data-reactid="263"><div class="preview-image-box" data-reactid="264"><div class="preview-image-wrapper" data-reactid="265"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/IWXpmErtdIHzDYbtNohi.png" data-reactid="266"/></div><div class="preview-image-title" data-reactid="267"></div><div class="preview-image-description" data-reactid="268"></div><!-- react-empty: 269 --></div></div><p data-reactid="270"><!-- react-text: 271 -->详情页面一般会承载大量的基本信息，扩展信息，或者状态信息。对于信息效率和优先级判定的要求会比较高。清晰的布局能帮助快速看到关键信息，提高决策效率。这设计时有以下几点需要注意：<!-- /react-text --></p><ul data-reactid="272"><li data-reactid="273"><p data-reactid="274"><!-- react-text: 275 -->清晰的排版格式，易于阅读的文本大小及间距，都是影响用户获取信息效率的关键因素。<!-- /react-text --></p></li><li data-reactid="276"><p data-reactid="277"><!-- react-text: 278 -->图文搭配比单文本展示信息能更好地提高用户的理解。<!-- /react-text --></p></li></ul><h3 id="表单页" data-reactid="279"><span data-reactid="280"><!-- react-text: 281 -->表单页<!-- /react-text --></span><a href="#表单页" class="anchor" data-reactid="282">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="283"><div class="preview-image-box" data-reactid="284"><div class="preview-image-wrapper" data-reactid="285"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/AVxFnNgjBPIaxLnCOxJv.png" data-reactid="286"/></div><div class="preview-image-title" data-reactid="287"></div><div class="preview-image-description" data-reactid="288"></div><!-- react-empty: 289 --></div></div><div class="preview-image-boxes clearfix" data-reactid="290"><div class="preview-image-box" data-reactid="291"><div class="preview-image-wrapper" data-reactid="292"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/sqeTZuWlqiGboOITncCh.png" data-reactid="293"/></div><div class="preview-image-title" data-reactid="294"></div><div class="preview-image-description" data-reactid="295"></div><!-- react-empty: 296 --></div></div><p data-reactid="297"><!-- react-text: 298 -->表单页通常用来执行登录、注册、预定、下单、评论等任务，是产品中数据录入必不可少的页面模式。因此，舒适的表单设计，可以引导用户高效地完成表单背后的工作流程：<!-- /react-text --></p><ul data-reactid="299"><li data-reactid="300"><p data-reactid="301"><!-- react-text: 302 -->考虑用户的浏览方式，提供清晰的用户视线浏览路径；<!-- /react-text --></p></li><li data-reactid="303"><p data-reactid="304"><!-- react-text: 305 -->内容是表单的核心，保证表单的内容精简（尽量避免多余的输入项）；<!-- /react-text --></p></li><li data-reactid="306"><p data-reactid="307"><!-- react-text: 308 -->标签的命名要易于用户阅读和理解，避免模糊的描述给用户造成困扰；<!-- /react-text --></p></li><li data-reactid="309"><p data-reactid="310"><!-- react-text: 311 -->醒目的提交或完成按钮，放在用户的浏览线的终点更有利于用户的完成操作。<!-- /react-text --></p></li></ul><hr data-reactid="312"/><h2 id="栅格" data-reactid="313"><span data-reactid="314"><!-- react-text: 315 -->栅格<!-- /react-text --></span><a href="#栅格" class="anchor" data-reactid="316">#</a></h2><p data-reactid="317"><!-- react-text: 318 -->我们通过定义网格、间距来呈现产品布局的最佳效果，设计师在设计时可按『页面总宽 1440px，内容区 1208px』来设定，并在此基础上以 24 等分的栅格来划分整个设计建议区域。<!-- /react-text --></p><p data-reactid="319"><img src="https://os.alipayobjects.com/rmsportal/bohSixChLxFkwsOEiNaF.png" data-reactid="320"/></p><p data-reactid="321"><!-- react-text: 322 -->建议横向排列的区块数量最多四个，最少一个，以保证视觉层面的舒适感。<!-- /react-text --></p><p data-reactid="323"><img src="https://os.alipayobjects.com/rmsportal/JmrNLpHxwcLebVpBIGqD.png" data-reactid="324"/></p><blockquote data-reactid="325"><p data-reactid="326"><!-- react-text: 327 -->注：图中灰色部分为栅格的列，定义为『Colume』，白色部分为栅格的间隔，定义为『Gutter』。<!-- /react-text --></p></blockquote><h3 id="栅格公式" data-reactid="328"><span data-reactid="329"><!-- react-text: 330 -->栅格公式<!-- /react-text --></span><a href="#栅格公式" class="anchor" data-reactid="331">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="332"><div class="preview-image-box" data-reactid="333"><div class="preview-image-wrapper" data-reactid="334"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/htXqyMPydaagYLdAGEJK.png" data-reactid="335"/></div><div class="preview-image-title" data-reactid="336"></div><div class="preview-image-description" data-reactid="337"></div><!-- react-empty: 338 --></div></div><p data-reactid="339"><!-- react-text: 340 -->我们为页面中栅格的 Gutter 设定了定值，即浏览器在一定范围扩大或缩小，栅格的 Column 宽度会随之扩大或缩小，但 Gutter 的宽度值固定不变。<!-- /react-text --></p><p data-reactid="341"><!-- react-text: 342 -->在 Ant Design 中，我们定义了两种 Gutter：<!-- /react-text --></p><ul data-reactid="343"><li data-reactid="344"><p data-reactid="345"><!-- react-text: 346 -->网站展示页和 Dashboard 的 Gutter 宽度为 24px。<!-- /react-text --></p></li><li data-reactid="347"><p data-reactid="348"><!-- react-text: 349 -->列表、表格、详情和表单页面的 Gutter 宽度为 16px。<!-- /react-text --></p></li></ul><blockquote data-reactid="350"><p data-reactid="351"><a href="https://zos.alipayobjects.com/rmsportal/cbxeMLaFnqQEvFgmhSTS.png" data-reactid="352"><!-- react-text: 353 -->设置栅格的小技巧<!-- /react-text --></a><!-- react-text: 354 -->。<!-- /react-text --></p></blockquote></section></article></div></div><div class="ant-row" data-reactid="355"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="356"><section class="prev-next-nav" data-reactid="357"><a class="prev-page" href="/docs/spec/copywriting-cn" data-reactid="358">文案</a><a class="next-page" href="/docs/spec/navigation-cn" data-reactid="359">导航</a></section></div></div></div><footer id="footer" data-reactid="360"><ul data-reactid="361"><li data-reactid="362"><h2 data-reactid="363"><i class="anticon anticon-github" data-reactid="364"></i><!-- react-text: 365 --> GitHub<!-- /react-text --></h2><div data-reactid="366"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="367"><span data-reactid="368">源码仓库</span></a></div><div data-reactid="369"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="370"><span data-reactid="371">定制主题</span></a></div><div data-reactid="372"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="373"><span data-reactid="374">Awesome Ant Design</span></a></div></li><li data-reactid="375"><h2 data-reactid="376"><i class="anticon anticon-link" data-reactid="377"></i><!-- react-text: 378 --> <!-- /react-text --><span data-reactid="379">相关站点</span></h2><div data-reactid="380"><a href="https://design.alipay.com/" data-reactid="381"><span data-reactid="382">蚂蚁金服设计平台</span></a></div><div data-reactid="383"><a href="http://mobile.ant.design" data-reactid="384">Ant Design Mobile</a><span data-reactid="385"> - </span><span data-reactid="386">移动版</span></div><div data-reactid="387"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="388">dva</a><!-- react-text: 389 --> - <!-- /react-text --><span data-reactid="390">应用框架</span></div><div data-reactid="391"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="392">dva-cli</a><!-- react-text: 393 --> -<!-- /react-text --><span data-reactid="394">开发工具</span></div><div data-reactid="395"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="396">Egg</a><span data-reactid="397"> - </span><span data-reactid="398">企业级 Node 开发框架</span></div><div data-reactid="399"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="400">AntV</a><span data-reactid="401"> - </span><span data-reactid="402">数据可视化</span></div><div data-reactid="403"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="404">Ant Motion</a><span data-reactid="405"> - </span><span data-reactid="406">设计动效</span></div><div data-reactid="407"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="408">AntD Library</a><span data-reactid="409"> - </span><span data-reactid="410">Axure 部件库</span></div><div data-reactid="411"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="412">Ant UX</a><span data-reactid="413"> - </span><span data-reactid="414">页面逻辑素材</span></div></li><li data-reactid="415"><h2 data-reactid="416"><i class="anticon anticon-customer-service" data-reactid="417"></i><!-- react-text: 418 --> <!-- /react-text --><span data-reactid="419">社区</span></h2><div data-reactid="420"><a href="/changelog" data-reactid="421"><span data-reactid="422">更新记录</span></a></div><div data-reactid="423"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="424"><span data-reactid="425">常见问题</span></a></div><div data-reactid="426"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="427"><span data-reactid="428">在线讨论 (中文)</span></a></div><div data-reactid="429"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="430"><span data-reactid="431">在线讨论 (English)</span></a></div><div data-reactid="432"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="433"><span data-reactid="434">报告 Bug</span></a></div><div data-reactid="435"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="436"><span data-reactid="437">讨论列表</span></a></div><div data-reactid="438"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="439"><span data-reactid="440">StackOverflow</span></a></div><div data-reactid="441"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="442"><span data-reactid="443">SegmentFault</span></a></div></li><li data-reactid="444"><h2 data-reactid="445"><!-- react-text: 446 -->Copyright © <!-- /react-text --><!-- react-text: 447 -->2017<!-- /react-text --></h2><div data-reactid="448"><span data-reactid="449">蚂蚁金服体验技术部出品</span></div><div data-reactid="450"><!-- react-text: 451 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="452">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->布局<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/layout.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->布局是页面构成的前提，是后续展开交互和视觉设计的基础。Ant Design 提供了常用的布局模板来保证同类产品间的一致性，设计者在选择布局之前，需要注意以下几点原则：<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->明确用户在此场景中完成的主要任务和需获取的决策信息。<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->明确决策信息和操作的优先级及内容特点，选择合理布局。<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="120"><ul data-reactid="121"><li data-reactid="122"><a class="bisheng-toc-h2" href="#常用布局" title="常用布局" data-reactid="123"><!-- react-text: 124 -->常用布局<!-- /react-text --></a></li><li data-reactid="125"><a class="bisheng-toc-h2" href="#表格页" title="表格页" data-reactid="126"><!-- react-text: 127 -->表格页<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#栅格" title="栅格" data-reactid="129"><!-- react-text: 130 -->栅格<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="131"><h2 id="常用布局" data-reactid="132"><span data-reactid="133"><!-- react-text: 134 -->常用布局<!-- /react-text --></span><a href="#常用布局" class="anchor" data-reactid="135">#</a></h2><p data-reactid="136"><!-- react-text: 137 -->通过大量的中台设计实践，Ant Design 总结了六类常用的页面布局模板：网站展示页、Dashboard、列表页、表格页、详情页、表单页。在设计前先了解这些模板有助于让用户快速找到适合自己产品的页面布局。<!-- /react-text --></p><h3 id="网站展示页" data-reactid="138"><span data-reactid="139"><!-- react-text: 140 -->网站展示页<!-- /react-text --></span><a href="#网站展示页" class="anchor" data-reactid="141">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="142"><div class="preview-image-box" data-reactid="143"><div class="preview-image-wrapper" data-reactid="144"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/olHkTiGQqfwThlgPIXzx.png" data-reactid="145"/></div><div class="preview-image-title" data-reactid="146"></div><div class="preview-image-description" data-reactid="147"></div><!-- react-empty: 148 --></div></div><div class="preview-image-boxes clearfix" data-reactid="149"><div class="preview-image-box" data-reactid="150"><div class="preview-image-wrapper" data-reactid="151"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/uxbNrsFCmPFjYdhDowky.png" data-reactid="152"/></div><div class="preview-image-title" data-reactid="153"></div><div class="preview-image-description" data-reactid="154"></div><!-- react-empty: 155 --></div></div><p data-reactid="156"><!-- react-text: 157 -->网站展示页（即官网页）通常是用户了解网站或产品的第一步。这类页面通常会包含产品展示图，简短的产品介绍信息，以及用户登录入口等。在设计时我们建议：<!-- /react-text --></p><ul data-reactid="158"><li data-reactid="159"><p data-reactid="160"><!-- react-text: 161 -->明确你要传达的内容，保持简短而清晰的文案。<!-- /react-text --></p></li><li data-reactid="162"><p data-reactid="163"><!-- react-text: 164 -->搭配清晰、直观的产品图片，有助于加深用户对产品的理解和记忆。<!-- /react-text --></p></li></ul><h3 id="控制台页" data-reactid="165"><span data-reactid="166"><!-- react-text: 167 -->控制台页<!-- /react-text --></span><a href="#控制台页" class="anchor" data-reactid="168">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="169"><div class="preview-image-box" data-reactid="170"><div class="preview-image-wrapper" data-reactid="171"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/fCVwqOiItdbzyZkQOOiQ.png" data-reactid="172"/></div><div class="preview-image-title" data-reactid="173"></div><div class="preview-image-description" data-reactid="174"></div><!-- react-empty: 175 --></div></div><div class="preview-image-boxes clearfix" data-reactid="176"><div class="preview-image-box" data-reactid="177"><div class="preview-image-wrapper" data-reactid="178"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/LvYKhbKsPzIRLGsBxUJA.png" data-reactid="179"/></div><div class="preview-image-title" data-reactid="180"></div><div class="preview-image-description" data-reactid="181"></div><!-- react-empty: 182 --></div></div><p data-reactid="183"><!-- react-text: 184 -->控制台页（Dashboard）集合了大量多样化的信息（如数字，图形，文案等），需要一目了然地将关键信息展示给用户。因此，如何将庞大复杂的信息精简清晰地展示出来，是设计此类页面的关键。在设计时要注意以下几点：<!-- /react-text --></p><ul data-reactid="185"><li data-reactid="186"><p data-reactid="187"><!-- react-text: 188 -->按照信息的重要程度来组织页面排版，突出展示关键信息。<!-- /react-text --></p></li><li data-reactid="189"><p data-reactid="190"><!-- react-text: 191 -->将数据可视化，让用户可以直观地了解关键信息及整体情况。<!-- /react-text --></p></li><li data-reactid="192"><p data-reactid="193"><!-- react-text: 194 -->合理地使用颜色及栅格排版，减轻用户的视觉负担。<!-- /react-text --></p></li></ul><h3 id="列表页" data-reactid="195"><span data-reactid="196"><!-- react-text: 197 -->列表页<!-- /react-text --></span><a href="#列表页" class="anchor" data-reactid="198">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="199"><div class="preview-image-box" data-reactid="200"><div class="preview-image-wrapper" data-reactid="201"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/GSIyiSRJmxUhmxpMoyrj.png" data-reactid="202"/></div><div class="preview-image-title" data-reactid="203"></div><div class="preview-image-description" data-reactid="204"></div><!-- react-empty: 205 --></div></div><div class="preview-image-boxes clearfix" data-reactid="206"><div class="preview-image-box" data-reactid="207"><div class="preview-image-wrapper" data-reactid="208"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/VyFWYXzkQYYzMzqBXfzO.png" data-reactid="209"/></div><div class="preview-image-title" data-reactid="210"></div><div class="preview-image-description" data-reactid="211"></div><!-- react-empty: 212 --></div></div><p data-reactid="213"><!-- react-text: 214 -->列表设计是并列式展现信息，方便用户能快速查看基本信息及操作。因此，信息的「可阅读性」及「可操作性」是设计的关键。在设计时要注意以下几点：<!-- /react-text --></p><ul data-reactid="215"><li data-reactid="216"><p data-reactid="217"><!-- react-text: 218 -->根据用户需求来定义信息展示的等级，仅展示关键信息及操作。<!-- /react-text --></p></li><li data-reactid="219"><p data-reactid="220"><!-- react-text: 221 -->当信息内容较为复杂时，可将次要的信息折叠或放到详情页面中，以递进的方式让用户获得更多的信息。<!-- /react-text --></p></li></ul><h2 id="表格页" data-reactid="222"><span data-reactid="223"><!-- react-text: 224 -->表格页<!-- /react-text --></span><a href="#表格页" class="anchor" data-reactid="225">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="226"><div class="preview-image-box" data-reactid="227"><div class="preview-image-wrapper" data-reactid="228"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/ArRESSbBrLJWhjscKiZh.png" data-reactid="229"/></div><div class="preview-image-title" data-reactid="230"></div><div class="preview-image-description" data-reactid="231"></div><!-- react-empty: 232 --></div></div><div class="preview-image-boxes clearfix" data-reactid="233"><div class="preview-image-box" data-reactid="234"><div class="preview-image-wrapper" data-reactid="235"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/gDwAZagDBphbcePRDnBZ.png" data-reactid="236"/></div><div class="preview-image-title" data-reactid="237"></div><div class="preview-image-description" data-reactid="238"></div><!-- react-empty: 239 --></div></div><p data-reactid="240"><!-- react-text: 241 -->表格作为多维信息展示的载体，使复杂的信息更易于阅读与理解。它的易读性，便捷性，易操作性对产品的体验起着举足轻重的作用。因此，我们在设计时要注意以下几点：<!-- /react-text --></p><ul data-reactid="242"><li data-reactid="243"><p data-reactid="244"><!-- react-text: 245 -->构造清晰的表格布局，有利于提升读者对信息的接收速度和理解程度。<!-- /react-text --></p></li><li data-reactid="246"><p data-reactid="247"><!-- react-text: 248 -->更多地展示用户所必须的信息，通过视觉上的调优突出展示重点信息。<!-- /react-text --></p></li><li data-reactid="249"><p data-reactid="250"><!-- react-text: 251 -->当界面需要在一个很大的多纵行表格中展示数据，或每一横列数据有多行信息时，可以巧妙地运用横向或纵向斑马条，使得信息条目之间更为分明，视觉上更易区分。<!-- /react-text --></p></li></ul><h3 id="详情页" data-reactid="252"><span data-reactid="253"><!-- react-text: 254 -->详情页<!-- /react-text --></span><a href="#详情页" class="anchor" data-reactid="255">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="256"><div class="preview-image-box" data-reactid="257"><div class="preview-image-wrapper" data-reactid="258"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/wRdLpkIoTNfxOvNOqKyf.png" data-reactid="259"/></div><div class="preview-image-title" data-reactid="260"></div><div class="preview-image-description" data-reactid="261"></div><!-- react-empty: 262 --></div></div><div class="preview-image-boxes clearfix" data-reactid="263"><div class="preview-image-box" data-reactid="264"><div class="preview-image-wrapper" data-reactid="265"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/IWXpmErtdIHzDYbtNohi.png" data-reactid="266"/></div><div class="preview-image-title" data-reactid="267"></div><div class="preview-image-description" data-reactid="268"></div><!-- react-empty: 269 --></div></div><p data-reactid="270"><!-- react-text: 271 -->详情页面一般会承载大量的基本信息，扩展信息，或者状态信息。对于信息效率和优先级判定的要求会比较高。清晰的布局能帮助快速看到关键信息，提高决策效率。这设计时有以下几点需要注意：<!-- /react-text --></p><ul data-reactid="272"><li data-reactid="273"><p data-reactid="274"><!-- react-text: 275 -->清晰的排版格式，易于阅读的文本大小及间距，都是影响用户获取信息效率的关键因素。<!-- /react-text --></p></li><li data-reactid="276"><p data-reactid="277"><!-- react-text: 278 -->图文搭配比单文本展示信息能更好地提高用户的理解。<!-- /react-text --></p></li></ul><h3 id="表单页" data-reactid="279"><span data-reactid="280"><!-- react-text: 281 -->表单页<!-- /react-text --></span><a href="#表单页" class="anchor" data-reactid="282">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="283"><div class="preview-image-box" data-reactid="284"><div class="preview-image-wrapper" data-reactid="285"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/AVxFnNgjBPIaxLnCOxJv.png" data-reactid="286"/></div><div class="preview-image-title" data-reactid="287"></div><div class="preview-image-description" data-reactid="288"></div><!-- react-empty: 289 --></div></div><div class="preview-image-boxes clearfix" data-reactid="290"><div class="preview-image-box" data-reactid="291"><div class="preview-image-wrapper" data-reactid="292"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/sqeTZuWlqiGboOITncCh.png" data-reactid="293"/></div><div class="preview-image-title" data-reactid="294"></div><div class="preview-image-description" data-reactid="295"></div><!-- react-empty: 296 --></div></div><p data-reactid="297"><!-- react-text: 298 -->表单页通常用来执行登录、注册、预定、下单、评论等任务，是产品中数据录入必不可少的页面模式。因此，舒适的表单设计，可以引导用户高效地完成表单背后的工作流程：<!-- /react-text --></p><ul data-reactid="299"><li data-reactid="300"><p data-reactid="301"><!-- react-text: 302 -->考虑用户的浏览方式，提供清晰的用户视线浏览路径；<!-- /react-text --></p></li><li data-reactid="303"><p data-reactid="304"><!-- react-text: 305 -->内容是表单的核心，保证表单的内容精简（尽量避免多余的输入项）；<!-- /react-text --></p></li><li data-reactid="306"><p data-reactid="307"><!-- react-text: 308 -->标签的命名要易于用户阅读和理解，避免模糊的描述给用户造成困扰；<!-- /react-text --></p></li><li data-reactid="309"><p data-reactid="310"><!-- react-text: 311 -->醒目的提交或完成按钮，放在用户的浏览线的终点更有利于用户的完成操作。<!-- /react-text --></p></li></ul><hr data-reactid="312"/><h2 id="栅格" data-reactid="313"><span data-reactid="314"><!-- react-text: 315 -->栅格<!-- /react-text --></span><a href="#栅格" class="anchor" data-reactid="316">#</a></h2><p data-reactid="317"><!-- react-text: 318 -->我们通过定义网格、间距来呈现产品布局的最佳效果，设计师在设计时可按『页面总宽 1440px，内容区 1208px』来设定，并在此基础上以 24 等分的栅格来划分整个设计建议区域。<!-- /react-text --></p><p data-reactid="319"><img src="https://os.alipayobjects.com/rmsportal/bohSixChLxFkwsOEiNaF.png" data-reactid="320"/></p><p data-reactid="321"><!-- react-text: 322 -->建议横向排列的区块数量最多四个，最少一个，以保证视觉层面的舒适感。<!-- /react-text --></p><p data-reactid="323"><img src="https://os.alipayobjects.com/rmsportal/JmrNLpHxwcLebVpBIGqD.png" data-reactid="324"/></p><blockquote data-reactid="325"><p data-reactid="326"><!-- react-text: 327 -->注：图中灰色部分为栅格的列，定义为『Colume』，白色部分为栅格的间隔，定义为『Gutter』。<!-- /react-text --></p></blockquote><h3 id="栅格公式" data-reactid="328"><span data-reactid="329"><!-- react-text: 330 -->栅格公式<!-- /react-text --></span><a href="#栅格公式" class="anchor" data-reactid="331">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="332"><div class="preview-image-box" data-reactid="333"><div class="preview-image-wrapper" data-reactid="334"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/htXqyMPydaagYLdAGEJK.png" data-reactid="335"/></div><div class="preview-image-title" data-reactid="336"></div><div class="preview-image-description" data-reactid="337"></div><!-- react-empty: 338 --></div></div><p data-reactid="339"><!-- react-text: 340 -->我们为页面中栅格的 Gutter 设定了定值，即浏览器在一定范围扩大或缩小，栅格的 Column 宽度会随之扩大或缩小，但 Gutter 的宽度值固定不变。<!-- /react-text --></p><p data-reactid="341"><!-- react-text: 342 -->在 Ant Design 中，我们定义了两种 Gutter：<!-- /react-text --></p><ul data-reactid="343"><li data-reactid="344"><p data-reactid="345"><!-- react-text: 346 -->网站展示页和 Dashboard 的 Gutter 宽度为 24px。<!-- /react-text --></p></li><li data-reactid="347"><p data-reactid="348"><!-- react-text: 349 -->列表、表格、详情和表单页面的 Gutter 宽度为 16px。<!-- /react-text --></p></li></ul><blockquote data-reactid="350"><p data-reactid="351"><a href="https://zos.alipayobjects.com/rmsportal/cbxeMLaFnqQEvFgmhSTS.png" data-reactid="352"><!-- react-text: 353 -->设置栅格的小技巧<!-- /react-text --></a><!-- react-text: 354 -->。<!-- /react-text --></p></blockquote></section></article></div></div><div class="ant-row" data-reactid="355"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="356"><section class="prev-next-nav" data-reactid="357"><a class="prev-page" href="/docs/spec/copywriting-cn" data-reactid="358">文案</a><a class="next-page" href="/docs/spec/navigation-cn" data-reactid="359">导航</a></section></div></div></div><footer id="footer" data-reactid="360"><ul data-reactid="361"><li data-reactid="362"><h2 data-reactid="363"><i class="anticon anticon-github" data-reactid="364"></i><!-- react-text: 365 --> GitHub<!-- /react-text --></h2><div data-reactid="366"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="367"><span data-reactid="368">源码仓库</span></a></div><div data-reactid="369"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="370"><span data-reactid="371">定制主题</span></a></div><div data-reactid="372"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="373"><span data-reactid="374">Awesome Ant Design</span></a></div></li><li data-reactid="375"><h2 data-reactid="376"><i class="anticon anticon-link" data-reactid="377"></i><!-- react-text: 378 --> <!-- /react-text --><span data-reactid="379">相关站点</span></h2><div data-reactid="380"><a href="https://design.alipay.com/" data-reactid="381"><span data-reactid="382">蚂蚁金服设计平台</span></a></div><div data-reactid="383"><a href="http://mobile.ant.design" data-reactid="384">Ant Design Mobile</a><span data-reactid="385"> - </span><span data-reactid="386">移动版</span></div><div data-reactid="387"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="388">dva</a><!-- react-text: 389 --> - <!-- /react-text --><span data-reactid="390">应用框架</span></div><div data-reactid="391"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="392">dva-cli</a><!-- react-text: 393 --> -<!-- /react-text --><span data-reactid="394">开发工具</span></div><div data-reactid="395"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="396">Egg</a><span data-reactid="397"> - </span><span data-reactid="398">企业级 Node 开发框架</span></div><div data-reactid="399"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="400">AntV</a><span data-reactid="401"> - </span><span data-reactid="402">数据可视化</span></div><div data-reactid="403"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="404">Ant Motion</a><span data-reactid="405"> - </span><span data-reactid="406">设计动效</span></div><div data-reactid="407"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="408">AntD Library</a><span data-reactid="409"> - </span><span data-reactid="410">Axure 部件库</span></div><div data-reactid="411"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="412">Ant UX</a><span data-reactid="413"> - </span><span data-reactid="414">页面逻辑素材</span></div></li><li data-reactid="415"><h2 data-reactid="416"><i class="anticon anticon-customer-service" data-reactid="417"></i><!-- react-text: 418 --> <!-- /react-text --><span data-reactid="419">社区</span></h2><div data-reactid="420"><a href="/changelog" data-reactid="421"><span data-reactid="422">更新记录</span></a></div><div data-reactid="423"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="424"><span data-reactid="425">常见问题</span></a></div><div data-reactid="426"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="427"><span data-reactid="428">在线讨论 (中文)</span></a></div><div data-reactid="429"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="430"><span data-reactid="431">在线讨论 (English)</span></a></div><div data-reactid="432"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="433"><span data-reactid="434">报告 Bug</span></a></div><div data-reactid="435"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="436"><span data-reactid="437">讨论列表</span></a></div><div data-reactid="438"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="439"><span data-reactid="440">StackOverflow</span></a></div><div data-reactid="441"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="442"><span data-reactid="443">SegmentFault</span></a></div></li><li data-reactid="444"><h2 data-reactid="445"><!-- react-text: 446 -->Copyright © <!-- /react-text --><!-- react-text: 447 -->2017<!-- /react-text --></h2><div data-reactid="448"><span data-reactid="449">蚂蚁金服体验技术部出品</span></div><div data-reactid="450"><!-- react-text: 451 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="452">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/layout.html b/docs/spec/layout.html
index 0c1e6008e..b479c60c3 100644
--- a/docs/spec/layout.html
+++ b/docs/spec/layout.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1536866345"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1244444711"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/lightweight" data-reactid="72">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/stay" data-reactid="74">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Layout<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/layout.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->布局是页面构成的前提，是后续展开交互和视觉设计的基础。Ant Design 提供了常用的布局模板来保证同类产品间的一致性，设计者在选择布局之前，需要注意以下几点原则：<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->明确用户在此场景中完成的主要任务和需获取的决策信息。<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->明确决策信息和操作的优先级及内容特点，选择合理布局。<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="120"><ul data-reactid="121"><li data-reactid="122"><a class="bisheng-toc-h2" href="#常用布局" title="常用布局" data-reactid="123"><!-- react-text: 124 -->常用布局<!-- /react-text --></a></li><li data-reactid="125"><a class="bisheng-toc-h2" href="#表格页" title="表格页" data-reactid="126"><!-- react-text: 127 -->表格页<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#栅格" title="栅格" data-reactid="129"><!-- react-text: 130 -->栅格<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="131"><h2 id="常用布局" data-reactid="132"><span data-reactid="133"><!-- react-text: 134 -->常用布局<!-- /react-text --></span><a href="#常用布局" class="anchor" data-reactid="135">#</a></h2><p data-reactid="136"><!-- react-text: 137 -->通过大量的中台设计实践，Ant Design 总结了六类常用的页面布局模板：网站展示页、Dashboard、列表页、表格页、详情页、表单页。在设计前先了解这些模板有助于让用户快速找到适合自己产品的页面布局。<!-- /react-text --></p><h3 id="网站展示页" data-reactid="138"><span data-reactid="139"><!-- react-text: 140 -->网站展示页<!-- /react-text --></span><a href="#网站展示页" class="anchor" data-reactid="141">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="142"><div class="preview-image-box" data-reactid="143"><div class="preview-image-wrapper" data-reactid="144"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/olHkTiGQqfwThlgPIXzx.png" data-reactid="145"/></div><div class="preview-image-title" data-reactid="146"></div><div class="preview-image-description" data-reactid="147"></div><!-- react-empty: 148 --></div></div><div class="preview-image-boxes clearfix" data-reactid="149"><div class="preview-image-box" data-reactid="150"><div class="preview-image-wrapper" data-reactid="151"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/uxbNrsFCmPFjYdhDowky.png" data-reactid="152"/></div><div class="preview-image-title" data-reactid="153"></div><div class="preview-image-description" data-reactid="154"></div><!-- react-empty: 155 --></div></div><p data-reactid="156"><!-- react-text: 157 -->网站展示页（即官网页）通常是用户了解网站或产品的第一步。这类页面通常会包含产品展示图，简短的产品介绍信息，以及用户登录入口等。在设计时我们建议：<!-- /react-text --></p><ul data-reactid="158"><li data-reactid="159"><p data-reactid="160"><!-- react-text: 161 -->明确你要传达的内容，保持简短而清晰的文案。<!-- /react-text --></p></li><li data-reactid="162"><p data-reactid="163"><!-- react-text: 164 -->搭配清晰、直观的产品图片，有助于加深用户对产品的理解和记忆。<!-- /react-text --></p></li></ul><h3 id="控制台页" data-reactid="165"><span data-reactid="166"><!-- react-text: 167 -->控制台页<!-- /react-text --></span><a href="#控制台页" class="anchor" data-reactid="168">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="169"><div class="preview-image-box" data-reactid="170"><div class="preview-image-wrapper" data-reactid="171"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/fCVwqOiItdbzyZkQOOiQ.png" data-reactid="172"/></div><div class="preview-image-title" data-reactid="173"></div><div class="preview-image-description" data-reactid="174"></div><!-- react-empty: 175 --></div></div><div class="preview-image-boxes clearfix" data-reactid="176"><div class="preview-image-box" data-reactid="177"><div class="preview-image-wrapper" data-reactid="178"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/LvYKhbKsPzIRLGsBxUJA.png" data-reactid="179"/></div><div class="preview-image-title" data-reactid="180"></div><div class="preview-image-description" data-reactid="181"></div><!-- react-empty: 182 --></div></div><p data-reactid="183"><!-- react-text: 184 -->控制台页（Dashboard）集合了大量多样化的信息（如数字，图形，文案等），需要一目了然地将关键信息展示给用户。因此，如何将庞大复杂的信息精简清晰地展示出来，是设计此类页面的关键。在设计时要注意以下几点：<!-- /react-text --></p><ul data-reactid="185"><li data-reactid="186"><p data-reactid="187"><!-- react-text: 188 -->按照信息的重要程度来组织页面排版，突出展示关键信息。<!-- /react-text --></p></li><li data-reactid="189"><p data-reactid="190"><!-- react-text: 191 -->将数据可视化，让用户可以直观地了解关键信息及整体情况。<!-- /react-text --></p></li><li data-reactid="192"><p data-reactid="193"><!-- react-text: 194 -->合理地使用颜色及栅格排版，减轻用户的视觉负担。<!-- /react-text --></p></li></ul><h3 id="列表页" data-reactid="195"><span data-reactid="196"><!-- react-text: 197 -->列表页<!-- /react-text --></span><a href="#列表页" class="anchor" data-reactid="198">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="199"><div class="preview-image-box" data-reactid="200"><div class="preview-image-wrapper" data-reactid="201"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/GSIyiSRJmxUhmxpMoyrj.png" data-reactid="202"/></div><div class="preview-image-title" data-reactid="203"></div><div class="preview-image-description" data-reactid="204"></div><!-- react-empty: 205 --></div></div><div class="preview-image-boxes clearfix" data-reactid="206"><div class="preview-image-box" data-reactid="207"><div class="preview-image-wrapper" data-reactid="208"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/VyFWYXzkQYYzMzqBXfzO.png" data-reactid="209"/></div><div class="preview-image-title" data-reactid="210"></div><div class="preview-image-description" data-reactid="211"></div><!-- react-empty: 212 --></div></div><p data-reactid="213"><!-- react-text: 214 -->列表设计是并列式展现信息，方便用户能快速查看基本信息及操作。因此，信息的「可阅读性」及「可操作性」是设计的关键。在设计时要注意以下几点：<!-- /react-text --></p><ul data-reactid="215"><li data-reactid="216"><p data-reactid="217"><!-- react-text: 218 -->根据用户需求来定义信息展示的等级，仅展示关键信息及操作。<!-- /react-text --></p></li><li data-reactid="219"><p data-reactid="220"><!-- react-text: 221 -->当信息内容较为复杂时，可将次要的信息折叠或放到详情页面中，以递进的方式让用户获得更多的信息。<!-- /react-text --></p></li></ul><h2 id="表格页" data-reactid="222"><span data-reactid="223"><!-- react-text: 224 -->表格页<!-- /react-text --></span><a href="#表格页" class="anchor" data-reactid="225">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="226"><div class="preview-image-box" data-reactid="227"><div class="preview-image-wrapper" data-reactid="228"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/ArRESSbBrLJWhjscKiZh.png" data-reactid="229"/></div><div class="preview-image-title" data-reactid="230"></div><div class="preview-image-description" data-reactid="231"></div><!-- react-empty: 232 --></div></div><div class="preview-image-boxes clearfix" data-reactid="233"><div class="preview-image-box" data-reactid="234"><div class="preview-image-wrapper" data-reactid="235"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/gDwAZagDBphbcePRDnBZ.png" data-reactid="236"/></div><div class="preview-image-title" data-reactid="237"></div><div class="preview-image-description" data-reactid="238"></div><!-- react-empty: 239 --></div></div><p data-reactid="240"><!-- react-text: 241 -->表格作为多维信息展示的载体，使复杂的信息更易于阅读与理解。它的易读性，便捷性，易操作性对产品的体验起着举足轻重的作用。因此，我们在设计时要注意以下几点：<!-- /react-text --></p><ul data-reactid="242"><li data-reactid="243"><p data-reactid="244"><!-- react-text: 245 -->构造清晰的表格布局，有利于提升读者对信息的接收速度和理解程度。<!-- /react-text --></p></li><li data-reactid="246"><p data-reactid="247"><!-- react-text: 248 -->更多地展示用户所必须的信息，通过视觉上的调优突出展示重点信息。<!-- /react-text --></p></li><li data-reactid="249"><p data-reactid="250"><!-- react-text: 251 -->当界面需要在一个很大的多纵行表格中展示数据，或每一横列数据有多行信息时，可以巧妙地运用横向或纵向斑马条，使得信息条目之间更为分明，视觉上更易区分。<!-- /react-text --></p></li></ul><h3 id="详情页" data-reactid="252"><span data-reactid="253"><!-- react-text: 254 -->详情页<!-- /react-text --></span><a href="#详情页" class="anchor" data-reactid="255">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="256"><div class="preview-image-box" data-reactid="257"><div class="preview-image-wrapper" data-reactid="258"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/wRdLpkIoTNfxOvNOqKyf.png" data-reactid="259"/></div><div class="preview-image-title" data-reactid="260"></div><div class="preview-image-description" data-reactid="261"></div><!-- react-empty: 262 --></div></div><div class="preview-image-boxes clearfix" data-reactid="263"><div class="preview-image-box" data-reactid="264"><div class="preview-image-wrapper" data-reactid="265"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/IWXpmErtdIHzDYbtNohi.png" data-reactid="266"/></div><div class="preview-image-title" data-reactid="267"></div><div class="preview-image-description" data-reactid="268"></div><!-- react-empty: 269 --></div></div><p data-reactid="270"><!-- react-text: 271 -->详情页面一般会承载大量的基本信息，扩展信息，或者状态信息。对于信息效率和优先级判定的要求会比较高。清晰的布局能帮助快速看到关键信息，提高决策效率。这设计时有以下几点需要注意：<!-- /react-text --></p><ul data-reactid="272"><li data-reactid="273"><p data-reactid="274"><!-- react-text: 275 -->清晰的排版格式，易于阅读的文本大小及间距，都是影响用户获取信息效率的关键因素。<!-- /react-text --></p></li><li data-reactid="276"><p data-reactid="277"><!-- react-text: 278 -->图文搭配比单文本展示信息能更好地提高用户的理解。<!-- /react-text --></p></li></ul><h3 id="表单页" data-reactid="279"><span data-reactid="280"><!-- react-text: 281 -->表单页<!-- /react-text --></span><a href="#表单页" class="anchor" data-reactid="282">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="283"><div class="preview-image-box" data-reactid="284"><div class="preview-image-wrapper" data-reactid="285"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/AVxFnNgjBPIaxLnCOxJv.png" data-reactid="286"/></div><div class="preview-image-title" data-reactid="287"></div><div class="preview-image-description" data-reactid="288"></div><!-- react-empty: 289 --></div></div><div class="preview-image-boxes clearfix" data-reactid="290"><div class="preview-image-box" data-reactid="291"><div class="preview-image-wrapper" data-reactid="292"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/sqeTZuWlqiGboOITncCh.png" data-reactid="293"/></div><div class="preview-image-title" data-reactid="294"></div><div class="preview-image-description" data-reactid="295"></div><!-- react-empty: 296 --></div></div><p data-reactid="297"><!-- react-text: 298 -->表单页通常用来执行登录、注册、预定、下单、评论等任务，是产品中数据录入必不可少的页面模式。因此，舒适的表单设计，可以引导用户高效地完成表单背后的工作流程：<!-- /react-text --></p><ul data-reactid="299"><li data-reactid="300"><p data-reactid="301"><!-- react-text: 302 -->考虑用户的浏览方式，提供清晰的用户视线浏览路径；<!-- /react-text --></p></li><li data-reactid="303"><p data-reactid="304"><!-- react-text: 305 -->内容是表单的核心，保证表单的内容精简（尽量避免多余的输入项）；<!-- /react-text --></p></li><li data-reactid="306"><p data-reactid="307"><!-- react-text: 308 -->标签的命名要易于用户阅读和理解，避免模糊的描述给用户造成困扰；<!-- /react-text --></p></li><li data-reactid="309"><p data-reactid="310"><!-- react-text: 311 -->醒目的提交或完成按钮，放在用户的浏览线的终点更有利于用户的完成操作。<!-- /react-text --></p></li></ul><hr data-reactid="312"/><h2 id="栅格" data-reactid="313"><span data-reactid="314"><!-- react-text: 315 -->栅格<!-- /react-text --></span><a href="#栅格" class="anchor" data-reactid="316">#</a></h2><p data-reactid="317"><!-- react-text: 318 -->我们通过定义网格、间距来呈现产品布局的最佳效果，设计师在设计时可按『页面总宽 1440px，内容区 1208px』来设定，并在此基础上以 24 等分的栅格来划分整个设计建议区域。<!-- /react-text --></p><p data-reactid="319"><img src="https://os.alipayobjects.com/rmsportal/bohSixChLxFkwsOEiNaF.png" data-reactid="320"/></p><p data-reactid="321"><!-- react-text: 322 -->建议横向排列的区块数量最多四个，最少一个，以保证视觉层面的舒适感。<!-- /react-text --></p><p data-reactid="323"><img src="https://os.alipayobjects.com/rmsportal/JmrNLpHxwcLebVpBIGqD.png" data-reactid="324"/></p><blockquote data-reactid="325"><p data-reactid="326"><!-- react-text: 327 -->注：图中灰色部分为栅格的列，定义为『Colume』，白色部分为栅格的间隔，定义为『Gutter』。<!-- /react-text --></p></blockquote><h3 id="栅格公式" data-reactid="328"><span data-reactid="329"><!-- react-text: 330 -->栅格公式<!-- /react-text --></span><a href="#栅格公式" class="anchor" data-reactid="331">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="332"><div class="preview-image-box" data-reactid="333"><div class="preview-image-wrapper" data-reactid="334"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/htXqyMPydaagYLdAGEJK.png" data-reactid="335"/></div><div class="preview-image-title" data-reactid="336"></div><div class="preview-image-description" data-reactid="337"></div><!-- react-empty: 338 --></div></div><p data-reactid="339"><!-- react-text: 340 -->我们为页面中栅格的 Gutter 设定了定值，即浏览器在一定范围扩大或缩小，栅格的 Column 宽度会随之扩大或缩小，但 Gutter 的宽度值固定不变。<!-- /react-text --></p><p data-reactid="341"><!-- react-text: 342 -->在 Ant Design 中，我们定义了两种 Gutter：<!-- /react-text --></p><ul data-reactid="343"><li data-reactid="344"><p data-reactid="345"><!-- react-text: 346 -->网站展示页和 Dashboard 的 Gutter 宽度为 24px。<!-- /react-text --></p></li><li data-reactid="347"><p data-reactid="348"><!-- react-text: 349 -->列表、表格、详情和表单页面的 Gutter 宽度为 16px。<!-- /react-text --></p></li></ul><blockquote data-reactid="350"><p data-reactid="351"><a href="https://zos.alipayobjects.com/rmsportal/cbxeMLaFnqQEvFgmhSTS.png" data-reactid="352"><!-- react-text: 353 -->设置栅格的小技巧<!-- /react-text --></a><!-- react-text: 354 -->。<!-- /react-text --></p></blockquote></section></article></div></div><div class="ant-row" data-reactid="355"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="356"><section class="prev-next-nav" data-reactid="357"><a class="prev-page" href="/docs/spec/copywriting" data-reactid="358">Copywriting</a><a class="next-page" href="/docs/spec/navigation" data-reactid="359">Navigation</a></section></div></div></div><footer id="footer" data-reactid="360"><ul data-reactid="361"><li data-reactid="362"><h2 data-reactid="363"><i class="anticon anticon-github" data-reactid="364"></i><!-- react-text: 365 --> GitHub<!-- /react-text --></h2><div data-reactid="366"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="367"><span data-reactid="368">Repository</span></a></div><div data-reactid="369"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="370"><span data-reactid="371">Customize Theme</span></a></div><div data-reactid="372"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="373"><span data-reactid="374">Awesome Ant Design</span></a></div></li><li data-reactid="375"><h2 data-reactid="376"><i class="anticon anticon-link" data-reactid="377"></i><!-- react-text: 378 --> <!-- /react-text --><span data-reactid="379">Links</span></h2><div data-reactid="380"><a href="https://design.alipay.com/" data-reactid="381"><span data-reactid="382">Ant Financial Design Platform</span></a></div><div data-reactid="383"><a href="http://mobile.ant.design" data-reactid="384">Ant Design Mobile</a><span data-reactid="385"> - </span><span data-reactid="386">Mobile UI</span></div><div data-reactid="387"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="388">dva</a><!-- react-text: 389 --> - <!-- /react-text --><span data-reactid="390">Framework</span></div><div data-reactid="391"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="392">dva-cli</a><!-- react-text: 393 --> -<!-- /react-text --><span data-reactid="394">Developer Tools</span></div><div data-reactid="395"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="396">Egg</a><span data-reactid="397"> - </span><span data-reactid="398">Enterprise Node Framework</span></div><div data-reactid="399"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="400">AntV</a><span data-reactid="401"> - </span><span data-reactid="402">Data Visualization</span></div><div data-reactid="403"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="404">Ant Motion</a><span data-reactid="405"> - </span><span data-reactid="406">Motion Soluction</span></div><div data-reactid="407"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="408">AntD Library</a><span data-reactid="409"> - </span><span data-reactid="410">Axure library</span></div><div data-reactid="411"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="412">Ant UX</a><span data-reactid="413"> - </span><span data-reactid="414">Sitemap Template</span></div></li><li data-reactid="415"><h2 data-reactid="416"><i class="anticon anticon-customer-service" data-reactid="417"></i><!-- react-text: 418 --> <!-- /react-text --><span data-reactid="419">Community</span></h2><div data-reactid="420"><a href="/changelog" data-reactid="421"><span data-reactid="422">Change Log</span></a></div><div data-reactid="423"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="424"><span data-reactid="425">FAQ</span></a></div><div data-reactid="426"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="427"><span data-reactid="428">Chat Room (中文)</span></a></div><div data-reactid="429"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="430"><span data-reactid="431">Chat Room (English)</span></a></div><div data-reactid="432"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="433"><span data-reactid="434">Bug Report</span></a></div><div data-reactid="435"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="436"><span data-reactid="437">Issues</span></a></div><div data-reactid="438"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="439"><span data-reactid="440">StackOverflow</span></a></div><div data-reactid="441"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="442"><span data-reactid="443">SegmentFault</span></a></div></li><li data-reactid="444"><h2 data-reactid="445"><!-- react-text: 446 -->Copyright © <!-- /react-text --><!-- react-text: 447 -->2017<!-- /react-text --></h2><div data-reactid="448"><span data-reactid="449">Created by AIUX</span></div><div data-reactid="450"><!-- react-text: 451 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="452">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay" data-reactid="72">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight" data-reactid="74">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Layout<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/layout.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->布局是页面构成的前提，是后续展开交互和视觉设计的基础。Ant Design 提供了常用的布局模板来保证同类产品间的一致性，设计者在选择布局之前，需要注意以下几点原则：<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->明确用户在此场景中完成的主要任务和需获取的决策信息。<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->明确决策信息和操作的优先级及内容特点，选择合理布局。<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="120"><ul data-reactid="121"><li data-reactid="122"><a class="bisheng-toc-h2" href="#常用布局" title="常用布局" data-reactid="123"><!-- react-text: 124 -->常用布局<!-- /react-text --></a></li><li data-reactid="125"><a class="bisheng-toc-h2" href="#表格页" title="表格页" data-reactid="126"><!-- react-text: 127 -->表格页<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#栅格" title="栅格" data-reactid="129"><!-- react-text: 130 -->栅格<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="131"><h2 id="常用布局" data-reactid="132"><span data-reactid="133"><!-- react-text: 134 -->常用布局<!-- /react-text --></span><a href="#常用布局" class="anchor" data-reactid="135">#</a></h2><p data-reactid="136"><!-- react-text: 137 -->通过大量的中台设计实践，Ant Design 总结了六类常用的页面布局模板：网站展示页、Dashboard、列表页、表格页、详情页、表单页。在设计前先了解这些模板有助于让用户快速找到适合自己产品的页面布局。<!-- /react-text --></p><h3 id="网站展示页" data-reactid="138"><span data-reactid="139"><!-- react-text: 140 -->网站展示页<!-- /react-text --></span><a href="#网站展示页" class="anchor" data-reactid="141">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="142"><div class="preview-image-box" data-reactid="143"><div class="preview-image-wrapper" data-reactid="144"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/olHkTiGQqfwThlgPIXzx.png" data-reactid="145"/></div><div class="preview-image-title" data-reactid="146"></div><div class="preview-image-description" data-reactid="147"></div><!-- react-empty: 148 --></div></div><div class="preview-image-boxes clearfix" data-reactid="149"><div class="preview-image-box" data-reactid="150"><div class="preview-image-wrapper" data-reactid="151"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/uxbNrsFCmPFjYdhDowky.png" data-reactid="152"/></div><div class="preview-image-title" data-reactid="153"></div><div class="preview-image-description" data-reactid="154"></div><!-- react-empty: 155 --></div></div><p data-reactid="156"><!-- react-text: 157 -->网站展示页（即官网页）通常是用户了解网站或产品的第一步。这类页面通常会包含产品展示图，简短的产品介绍信息，以及用户登录入口等。在设计时我们建议：<!-- /react-text --></p><ul data-reactid="158"><li data-reactid="159"><p data-reactid="160"><!-- react-text: 161 -->明确你要传达的内容，保持简短而清晰的文案。<!-- /react-text --></p></li><li data-reactid="162"><p data-reactid="163"><!-- react-text: 164 -->搭配清晰、直观的产品图片，有助于加深用户对产品的理解和记忆。<!-- /react-text --></p></li></ul><h3 id="控制台页" data-reactid="165"><span data-reactid="166"><!-- react-text: 167 -->控制台页<!-- /react-text --></span><a href="#控制台页" class="anchor" data-reactid="168">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="169"><div class="preview-image-box" data-reactid="170"><div class="preview-image-wrapper" data-reactid="171"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/fCVwqOiItdbzyZkQOOiQ.png" data-reactid="172"/></div><div class="preview-image-title" data-reactid="173"></div><div class="preview-image-description" data-reactid="174"></div><!-- react-empty: 175 --></div></div><div class="preview-image-boxes clearfix" data-reactid="176"><div class="preview-image-box" data-reactid="177"><div class="preview-image-wrapper" data-reactid="178"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/LvYKhbKsPzIRLGsBxUJA.png" data-reactid="179"/></div><div class="preview-image-title" data-reactid="180"></div><div class="preview-image-description" data-reactid="181"></div><!-- react-empty: 182 --></div></div><p data-reactid="183"><!-- react-text: 184 -->控制台页（Dashboard）集合了大量多样化的信息（如数字，图形，文案等），需要一目了然地将关键信息展示给用户。因此，如何将庞大复杂的信息精简清晰地展示出来，是设计此类页面的关键。在设计时要注意以下几点：<!-- /react-text --></p><ul data-reactid="185"><li data-reactid="186"><p data-reactid="187"><!-- react-text: 188 -->按照信息的重要程度来组织页面排版，突出展示关键信息。<!-- /react-text --></p></li><li data-reactid="189"><p data-reactid="190"><!-- react-text: 191 -->将数据可视化，让用户可以直观地了解关键信息及整体情况。<!-- /react-text --></p></li><li data-reactid="192"><p data-reactid="193"><!-- react-text: 194 -->合理地使用颜色及栅格排版，减轻用户的视觉负担。<!-- /react-text --></p></li></ul><h3 id="列表页" data-reactid="195"><span data-reactid="196"><!-- react-text: 197 -->列表页<!-- /react-text --></span><a href="#列表页" class="anchor" data-reactid="198">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="199"><div class="preview-image-box" data-reactid="200"><div class="preview-image-wrapper" data-reactid="201"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/GSIyiSRJmxUhmxpMoyrj.png" data-reactid="202"/></div><div class="preview-image-title" data-reactid="203"></div><div class="preview-image-description" data-reactid="204"></div><!-- react-empty: 205 --></div></div><div class="preview-image-boxes clearfix" data-reactid="206"><div class="preview-image-box" data-reactid="207"><div class="preview-image-wrapper" data-reactid="208"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/VyFWYXzkQYYzMzqBXfzO.png" data-reactid="209"/></div><div class="preview-image-title" data-reactid="210"></div><div class="preview-image-description" data-reactid="211"></div><!-- react-empty: 212 --></div></div><p data-reactid="213"><!-- react-text: 214 -->列表设计是并列式展现信息，方便用户能快速查看基本信息及操作。因此，信息的「可阅读性」及「可操作性」是设计的关键。在设计时要注意以下几点：<!-- /react-text --></p><ul data-reactid="215"><li data-reactid="216"><p data-reactid="217"><!-- react-text: 218 -->根据用户需求来定义信息展示的等级，仅展示关键信息及操作。<!-- /react-text --></p></li><li data-reactid="219"><p data-reactid="220"><!-- react-text: 221 -->当信息内容较为复杂时，可将次要的信息折叠或放到详情页面中，以递进的方式让用户获得更多的信息。<!-- /react-text --></p></li></ul><h2 id="表格页" data-reactid="222"><span data-reactid="223"><!-- react-text: 224 -->表格页<!-- /react-text --></span><a href="#表格页" class="anchor" data-reactid="225">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="226"><div class="preview-image-box" data-reactid="227"><div class="preview-image-wrapper" data-reactid="228"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/ArRESSbBrLJWhjscKiZh.png" data-reactid="229"/></div><div class="preview-image-title" data-reactid="230"></div><div class="preview-image-description" data-reactid="231"></div><!-- react-empty: 232 --></div></div><div class="preview-image-boxes clearfix" data-reactid="233"><div class="preview-image-box" data-reactid="234"><div class="preview-image-wrapper" data-reactid="235"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/gDwAZagDBphbcePRDnBZ.png" data-reactid="236"/></div><div class="preview-image-title" data-reactid="237"></div><div class="preview-image-description" data-reactid="238"></div><!-- react-empty: 239 --></div></div><p data-reactid="240"><!-- react-text: 241 -->表格作为多维信息展示的载体，使复杂的信息更易于阅读与理解。它的易读性，便捷性，易操作性对产品的体验起着举足轻重的作用。因此，我们在设计时要注意以下几点：<!-- /react-text --></p><ul data-reactid="242"><li data-reactid="243"><p data-reactid="244"><!-- react-text: 245 -->构造清晰的表格布局，有利于提升读者对信息的接收速度和理解程度。<!-- /react-text --></p></li><li data-reactid="246"><p data-reactid="247"><!-- react-text: 248 -->更多地展示用户所必须的信息，通过视觉上的调优突出展示重点信息。<!-- /react-text --></p></li><li data-reactid="249"><p data-reactid="250"><!-- react-text: 251 -->当界面需要在一个很大的多纵行表格中展示数据，或每一横列数据有多行信息时，可以巧妙地运用横向或纵向斑马条，使得信息条目之间更为分明，视觉上更易区分。<!-- /react-text --></p></li></ul><h3 id="详情页" data-reactid="252"><span data-reactid="253"><!-- react-text: 254 -->详情页<!-- /react-text --></span><a href="#详情页" class="anchor" data-reactid="255">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="256"><div class="preview-image-box" data-reactid="257"><div class="preview-image-wrapper" data-reactid="258"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/wRdLpkIoTNfxOvNOqKyf.png" data-reactid="259"/></div><div class="preview-image-title" data-reactid="260"></div><div class="preview-image-description" data-reactid="261"></div><!-- react-empty: 262 --></div></div><div class="preview-image-boxes clearfix" data-reactid="263"><div class="preview-image-box" data-reactid="264"><div class="preview-image-wrapper" data-reactid="265"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/IWXpmErtdIHzDYbtNohi.png" data-reactid="266"/></div><div class="preview-image-title" data-reactid="267"></div><div class="preview-image-description" data-reactid="268"></div><!-- react-empty: 269 --></div></div><p data-reactid="270"><!-- react-text: 271 -->详情页面一般会承载大量的基本信息，扩展信息，或者状态信息。对于信息效率和优先级判定的要求会比较高。清晰的布局能帮助快速看到关键信息，提高决策效率。这设计时有以下几点需要注意：<!-- /react-text --></p><ul data-reactid="272"><li data-reactid="273"><p data-reactid="274"><!-- react-text: 275 -->清晰的排版格式，易于阅读的文本大小及间距，都是影响用户获取信息效率的关键因素。<!-- /react-text --></p></li><li data-reactid="276"><p data-reactid="277"><!-- react-text: 278 -->图文搭配比单文本展示信息能更好地提高用户的理解。<!-- /react-text --></p></li></ul><h3 id="表单页" data-reactid="279"><span data-reactid="280"><!-- react-text: 281 -->表单页<!-- /react-text --></span><a href="#表单页" class="anchor" data-reactid="282">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="283"><div class="preview-image-box" data-reactid="284"><div class="preview-image-wrapper" data-reactid="285"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/AVxFnNgjBPIaxLnCOxJv.png" data-reactid="286"/></div><div class="preview-image-title" data-reactid="287"></div><div class="preview-image-description" data-reactid="288"></div><!-- react-empty: 289 --></div></div><div class="preview-image-boxes clearfix" data-reactid="290"><div class="preview-image-box" data-reactid="291"><div class="preview-image-wrapper" data-reactid="292"><img class="preview-img no-padding" src="https://zos.alipayobjects.com/rmsportal/sqeTZuWlqiGboOITncCh.png" data-reactid="293"/></div><div class="preview-image-title" data-reactid="294"></div><div class="preview-image-description" data-reactid="295"></div><!-- react-empty: 296 --></div></div><p data-reactid="297"><!-- react-text: 298 -->表单页通常用来执行登录、注册、预定、下单、评论等任务，是产品中数据录入必不可少的页面模式。因此，舒适的表单设计，可以引导用户高效地完成表单背后的工作流程：<!-- /react-text --></p><ul data-reactid="299"><li data-reactid="300"><p data-reactid="301"><!-- react-text: 302 -->考虑用户的浏览方式，提供清晰的用户视线浏览路径；<!-- /react-text --></p></li><li data-reactid="303"><p data-reactid="304"><!-- react-text: 305 -->内容是表单的核心，保证表单的内容精简（尽量避免多余的输入项）；<!-- /react-text --></p></li><li data-reactid="306"><p data-reactid="307"><!-- react-text: 308 -->标签的命名要易于用户阅读和理解，避免模糊的描述给用户造成困扰；<!-- /react-text --></p></li><li data-reactid="309"><p data-reactid="310"><!-- react-text: 311 -->醒目的提交或完成按钮，放在用户的浏览线的终点更有利于用户的完成操作。<!-- /react-text --></p></li></ul><hr data-reactid="312"/><h2 id="栅格" data-reactid="313"><span data-reactid="314"><!-- react-text: 315 -->栅格<!-- /react-text --></span><a href="#栅格" class="anchor" data-reactid="316">#</a></h2><p data-reactid="317"><!-- react-text: 318 -->我们通过定义网格、间距来呈现产品布局的最佳效果，设计师在设计时可按『页面总宽 1440px，内容区 1208px』来设定，并在此基础上以 24 等分的栅格来划分整个设计建议区域。<!-- /react-text --></p><p data-reactid="319"><img src="https://os.alipayobjects.com/rmsportal/bohSixChLxFkwsOEiNaF.png" data-reactid="320"/></p><p data-reactid="321"><!-- react-text: 322 -->建议横向排列的区块数量最多四个，最少一个，以保证视觉层面的舒适感。<!-- /react-text --></p><p data-reactid="323"><img src="https://os.alipayobjects.com/rmsportal/JmrNLpHxwcLebVpBIGqD.png" data-reactid="324"/></p><blockquote data-reactid="325"><p data-reactid="326"><!-- react-text: 327 -->注：图中灰色部分为栅格的列，定义为『Colume』，白色部分为栅格的间隔，定义为『Gutter』。<!-- /react-text --></p></blockquote><h3 id="栅格公式" data-reactid="328"><span data-reactid="329"><!-- react-text: 330 -->栅格公式<!-- /react-text --></span><a href="#栅格公式" class="anchor" data-reactid="331">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="332"><div class="preview-image-box" data-reactid="333"><div class="preview-image-wrapper" data-reactid="334"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/htXqyMPydaagYLdAGEJK.png" data-reactid="335"/></div><div class="preview-image-title" data-reactid="336"></div><div class="preview-image-description" data-reactid="337"></div><!-- react-empty: 338 --></div></div><p data-reactid="339"><!-- react-text: 340 -->我们为页面中栅格的 Gutter 设定了定值，即浏览器在一定范围扩大或缩小，栅格的 Column 宽度会随之扩大或缩小，但 Gutter 的宽度值固定不变。<!-- /react-text --></p><p data-reactid="341"><!-- react-text: 342 -->在 Ant Design 中，我们定义了两种 Gutter：<!-- /react-text --></p><ul data-reactid="343"><li data-reactid="344"><p data-reactid="345"><!-- react-text: 346 -->网站展示页和 Dashboard 的 Gutter 宽度为 24px。<!-- /react-text --></p></li><li data-reactid="347"><p data-reactid="348"><!-- react-text: 349 -->列表、表格、详情和表单页面的 Gutter 宽度为 16px。<!-- /react-text --></p></li></ul><blockquote data-reactid="350"><p data-reactid="351"><a href="https://zos.alipayobjects.com/rmsportal/cbxeMLaFnqQEvFgmhSTS.png" data-reactid="352"><!-- react-text: 353 -->设置栅格的小技巧<!-- /react-text --></a><!-- react-text: 354 -->。<!-- /react-text --></p></blockquote></section></article></div></div><div class="ant-row" data-reactid="355"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="356"><section class="prev-next-nav" data-reactid="357"><a class="prev-page" href="/docs/spec/copywriting" data-reactid="358">Copywriting</a><a class="next-page" href="/docs/spec/navigation" data-reactid="359">Navigation</a></section></div></div></div><footer id="footer" data-reactid="360"><ul data-reactid="361"><li data-reactid="362"><h2 data-reactid="363"><i class="anticon anticon-github" data-reactid="364"></i><!-- react-text: 365 --> GitHub<!-- /react-text --></h2><div data-reactid="366"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="367"><span data-reactid="368">Repository</span></a></div><div data-reactid="369"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="370"><span data-reactid="371">Customize Theme</span></a></div><div data-reactid="372"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="373"><span data-reactid="374">Awesome Ant Design</span></a></div></li><li data-reactid="375"><h2 data-reactid="376"><i class="anticon anticon-link" data-reactid="377"></i><!-- react-text: 378 --> <!-- /react-text --><span data-reactid="379">Links</span></h2><div data-reactid="380"><a href="https://design.alipay.com/" data-reactid="381"><span data-reactid="382">Ant Financial Design Platform</span></a></div><div data-reactid="383"><a href="http://mobile.ant.design" data-reactid="384">Ant Design Mobile</a><span data-reactid="385"> - </span><span data-reactid="386">Mobile UI</span></div><div data-reactid="387"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="388">dva</a><!-- react-text: 389 --> - <!-- /react-text --><span data-reactid="390">Framework</span></div><div data-reactid="391"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="392">dva-cli</a><!-- react-text: 393 --> -<!-- /react-text --><span data-reactid="394">Developer Tools</span></div><div data-reactid="395"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="396">Egg</a><span data-reactid="397"> - </span><span data-reactid="398">Enterprise Node Framework</span></div><div data-reactid="399"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="400">AntV</a><span data-reactid="401"> - </span><span data-reactid="402">Data Visualization</span></div><div data-reactid="403"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="404">Ant Motion</a><span data-reactid="405"> - </span><span data-reactid="406">Motion Soluction</span></div><div data-reactid="407"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="408">AntD Library</a><span data-reactid="409"> - </span><span data-reactid="410">Axure library</span></div><div data-reactid="411"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="412">Ant UX</a><span data-reactid="413"> - </span><span data-reactid="414">Sitemap Template</span></div></li><li data-reactid="415"><h2 data-reactid="416"><i class="anticon anticon-customer-service" data-reactid="417"></i><!-- react-text: 418 --> <!-- /react-text --><span data-reactid="419">Community</span></h2><div data-reactid="420"><a href="/changelog" data-reactid="421"><span data-reactid="422">Change Log</span></a></div><div data-reactid="423"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="424"><span data-reactid="425">FAQ</span></a></div><div data-reactid="426"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="427"><span data-reactid="428">Chat Room (中文)</span></a></div><div data-reactid="429"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="430"><span data-reactid="431">Chat Room (English)</span></a></div><div data-reactid="432"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="433"><span data-reactid="434">Bug Report</span></a></div><div data-reactid="435"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="436"><span data-reactid="437">Issues</span></a></div><div data-reactid="438"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="439"><span data-reactid="440">StackOverflow</span></a></div><div data-reactid="441"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="442"><span data-reactid="443">SegmentFault</span></a></div></li><li data-reactid="444"><h2 data-reactid="445"><!-- react-text: 446 -->Copyright © <!-- /react-text --><!-- react-text: 447 -->2017<!-- /react-text --></h2><div data-reactid="448"><span data-reactid="449">Created by AIUX</span></div><div data-reactid="450"><!-- react-text: 451 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="452">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/lightweight-cn.html b/docs/spec/lightweight-cn.html
index 36dde44e4..06ef000d7 100644
--- a/docs/spec/lightweight-cn.html
+++ b/docs/spec/lightweight-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-416054910"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-2121367164"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->简化交互<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/lightweight.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->根据费茨法则（Fitts&#x27;s Law）所描述的，如果用户鼠标移动距离越少、对象相对目标越大，那么用户越容易操作。通过运用上下文工具（即：放在内容中的操作工具），使内容和操作融合，从而简化交互。<!-- /react-text --></p><blockquote data-reactid="113"><p data-reactid="114"><strong data-reactid="115"><!-- react-text: 116 --> 费茨法则 <!-- /react-text --></strong><!-- react-text: 117 --> ：到达目标的时间是到达目标的距离与目标大小的函数，具体：<!-- /react-text --><img src="https://os.alipayobjects.com/rmsportal/wAcbQmeqTWDqsnu.png" width="150" data-reactid="118"/><!-- react-text: 119 -->。其中：1.设备当前位置和目标位置的距离（D）；2.目标的大小（W）。距离越长，所用时间越长；目标越大，所用时间越短。<!-- /react-text --></p></blockquote></section><section class="toc" data-reactid="120"><ul data-reactid="121"><li data-reactid="122"><a class="bisheng-toc-h2" href="#实时可见工具" title="实时可见工具" data-reactid="123"><!-- react-text: 124 -->实时可见工具<!-- /react-text --></a></li><li data-reactid="125"><a class="bisheng-toc-h2" href="#悬停即现工具" title="悬停即现工具" data-reactid="126"><!-- react-text: 127 -->悬停即现工具<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#开关显示工具" title="开关显示工具" data-reactid="129"><!-- react-text: 130 -->开关显示工具<!-- /react-text --></a></li><li data-reactid="131"><a class="bisheng-toc-h2" href="#交互中的工具" title="交互中的工具" data-reactid="132"><!-- react-text: 133 -->交互中的工具<!-- /react-text --></a></li><li data-reactid="134"><a class="bisheng-toc-h2" href="#可视区域-≠-可点击区域" title="可视区域 ≠ 可点击区域" data-reactid="135"><!-- react-text: 136 -->可视区域 ≠ 可点击区域<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="137"><h2 id="实时可见工具" data-reactid="138"><span data-reactid="139"><!-- react-text: 140 -->实时可见工具<!-- /react-text --></span><a href="#实时可见工具" class="anchor" data-reactid="141">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="142"><div class="preview-image-box" data-reactid="143"><div class="preview-image-wrapper" data-reactid="144"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/sfytaOSssRrdYFg.png" alt="实时可见工具示例 --摘自知乎" data-reactid="145"/></div><div class="preview-image-title" data-reactid="146">实时可见工具示例 --摘自知乎</div><div class="preview-image-description" data-reactid="147">状态一：在文案中出现一个相对明显的点击区域；<br>状态二：鼠标悬停时，鼠标『指针』变为『手型』，底色发生变化，邀请用户点击。<br>状态三：鼠标点击后，和未点击前有明显的区分。</div><!-- react-empty: 148 --></div></div><p data-reactid="149"><!-- react-text: 150 -->如果某个操作非常重要，就应该把它放在界面中，并实时可见。<!-- /react-text --></p><p data-reactid="151"><br data-reactid="152"/></p><hr data-reactid="153"/><h2 id="悬停即现工具" data-reactid="154"><span data-reactid="155"><!-- react-text: 156 -->悬停即现工具<!-- /react-text --></span><a href="#悬停即现工具" class="anchor" data-reactid="157">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="158"><div class="preview-image-box" data-reactid="159"><div class="preview-image-wrapper" data-reactid="160"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/AUiWMlbxCvpBFyA.png" alt="悬停即现工具示例" data-reactid="161"/></div><div class="preview-image-title" data-reactid="162">悬停即现工具示例</div><div class="preview-image-description" data-reactid="163">鼠标悬停时，出现操作项。</div><!-- react-empty: 164 --></div></div><p data-reactid="165"><!-- react-text: 166 -->如果某个操作不那么重要，或者使用『实时可见工具』过于啰嗦会影响用户阅读时，可以在悬停在该对象上时展示操作项。<!-- /react-text --></p><p data-reactid="167"><br data-reactid="168"/></p><hr data-reactid="169"/><h2 id="开关显示工具" data-reactid="170"><span data-reactid="171"><!-- react-text: 172 -->开关显示工具<!-- /react-text --></span><a href="#开关显示工具" class="anchor" data-reactid="173">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="174"><div class="preview-image-box" data-reactid="175"><div class="preview-image-wrapper" data-reactid="176"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/uGWcpAFgWdynxBy.png" alt="开关显示工具示例" data-reactid="177"/></div><div class="preview-image-title" data-reactid="178">开关显示工具示例</div><div class="preview-image-description" data-reactid="179">用户点击『修改』后，Table 中『文本』变成『输入框』，开启编辑功能。</div><!-- react-empty: 180 --></div></div><p data-reactid="181"><!-- react-text: 182 -->如果某些操作只需要在特定模式时显示，可以通过开关来实现。<!-- /react-text --></p><p data-reactid="183"><br data-reactid="184"/></p><hr data-reactid="185"/><h2 id="交互中的工具" data-reactid="186"><span data-reactid="187"><!-- react-text: 188 -->交互中的工具<!-- /react-text --></span><a href="#交互中的工具" class="anchor" data-reactid="189">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="190"><div class="preview-image-box" data-reactid="191"><div class="preview-image-wrapper" data-reactid="192"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/STvIHSgnVAHOVHl.png" alt="推荐示例" data-reactid="193"/></div><div class="preview-image-title" data-reactid="194">推荐示例</div><div class="preview-image-description" data-reactid="195">鼠标悬停时，出现 Tooltips 进行提示，用户点击内容直接复制。</div><!-- react-empty: 196 --></div></div><div class="preview-image-boxes clearfix" data-reactid="197"><div class="preview-image-box" data-reactid="198"><div class="preview-image-wrapper" data-reactid="199"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/aRihOoBCQHGATBA.png" alt="推荐示例" data-reactid="200"/></div><div class="preview-image-title" data-reactid="201">推荐示例</div><div class="preview-image-description" data-reactid="202">鼠标滑选/双击时，系统自动复制该部分内容。通过大胆猜测用户的行为，并帮助完成，给用户小惊喜。</div><!-- react-empty: 203 --></div></div><div class="preview-image-boxes clearfix" data-reactid="204"><div class="preview-image-box" data-reactid="205"><div class="preview-image-wrapper" data-reactid="206"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/MfbnQfAJhQfIODY.png" alt="不推荐示例" data-reactid="207"/></div><div class="preview-image-title" data-reactid="208">不推荐示例</div><div class="preview-image-description" data-reactid="209">在可复制内容的附近出现『图标』，点击后复制。</div><!-- react-empty: 210 --></div></div><p data-reactid="211"><!-- react-text: 212 -->如果操作不重要或者可以通过其他途径完成时，可以将工具放置在用户的操作流程中，减少界面元素，降低认知负担，给用户小惊喜。<!-- /react-text --></p><p data-reactid="213"><!-- react-text: 214 -->此处也可以运用<!-- /react-text --><a href="/docs/spec/invitation-cn" data-reactid="215">『提供邀请』</a><!-- react-text: 216 --> 相关的知识点。<!-- /react-text --></p><p data-reactid="217"><br data-reactid="218"/></p><hr data-reactid="219"/><h2 id="可视区域-≠-可点击区域" data-reactid="220"><span data-reactid="221"><!-- react-text: 222 -->可视区域 ≠ 可点击区域<!-- /react-text --></span><a href="#可视区域-≠-可点击区域" class="anchor" data-reactid="223">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="224"><div class="preview-image-box" data-reactid="225"><div class="preview-image-wrapper" data-reactid="226"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/bCrBxGPJiDvkyOH.png" alt="文字链热区示例" data-reactid="227"/></div><div class="preview-image-title" data-reactid="228">文字链热区示例</div><div class="preview-image-description" data-reactid="229">当悬浮在 ID 所在的文字链单元格时，鼠标『指针』随即变为『手型』，单击即可跳转。</div><!-- react-empty: 230 --></div></div><p data-reactid="231"><!-- react-text: 232 -->在使用 Table 时，文字链的点击范围受到文字长短影响，可以设置整个单元格为热区，以便用户触发。<!-- /react-text --></p><p data-reactid="233"><br data-reactid="234"/></p><div class="preview-image-boxes clearfix" data-reactid="235"><div class="preview-image-box" data-reactid="236"><div class="preview-image-wrapper" data-reactid="237"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/dSehXwUuXDFDhJO.png" alt="按钮热区示例" data-reactid="238"/></div><div class="preview-image-title" data-reactid="239">按钮热区示例</div><div class="preview-image-description" data-reactid="240">鼠标移入按钮附近，即可激活 Hover 状态。</div><!-- react-empty: 241 --></div></div><p data-reactid="242"><!-- react-text: 243 -->当需要增强按钮的响应性时，可以通过增加用户点击热区的范围，而不是增大按钮形状，从而增强响应性，又不缺失美感。<!-- /react-text --></p><blockquote data-reactid="244"><p data-reactid="245"><!-- react-text: 246 -->注：在移动端尤其适用。<!-- /react-text --></p></blockquote></section></article></div></div><div class="ant-row" data-reactid="247"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="248"><section class="prev-next-nav" data-reactid="249"><a class="prev-page" href="/docs/spec/stay-cn" data-reactid="250">足不出户</a><a class="next-page" href="/docs/spec/invitation-cn" data-reactid="251">提供邀请</a></section></div></div></div><footer id="footer" data-reactid="252"><ul data-reactid="253"><li data-reactid="254"><h2 data-reactid="255"><i class="anticon anticon-github" data-reactid="256"></i><!-- react-text: 257 --> GitHub<!-- /react-text --></h2><div data-reactid="258"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="259"><span data-reactid="260">源码仓库</span></a></div><div data-reactid="261"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="262"><span data-reactid="263">定制主题</span></a></div><div data-reactid="264"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="265"><span data-reactid="266">Awesome Ant Design</span></a></div></li><li data-reactid="267"><h2 data-reactid="268"><i class="anticon anticon-link" data-reactid="269"></i><!-- react-text: 270 --> <!-- /react-text --><span data-reactid="271">相关站点</span></h2><div data-reactid="272"><a href="https://design.alipay.com/" data-reactid="273"><span data-reactid="274">蚂蚁金服设计平台</span></a></div><div data-reactid="275"><a href="http://mobile.ant.design" data-reactid="276">Ant Design Mobile</a><span data-reactid="277"> - </span><span data-reactid="278">移动版</span></div><div data-reactid="279"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="280">dva</a><!-- react-text: 281 --> - <!-- /react-text --><span data-reactid="282">应用框架</span></div><div data-reactid="283"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="284">dva-cli</a><!-- react-text: 285 --> -<!-- /react-text --><span data-reactid="286">开发工具</span></div><div data-reactid="287"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="288">Egg</a><span data-reactid="289"> - </span><span data-reactid="290">企业级 Node 开发框架</span></div><div data-reactid="291"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="292">AntV</a><span data-reactid="293"> - </span><span data-reactid="294">数据可视化</span></div><div data-reactid="295"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="296">Ant Motion</a><span data-reactid="297"> - </span><span data-reactid="298">设计动效</span></div><div data-reactid="299"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="300">AntD Library</a><span data-reactid="301"> - </span><span data-reactid="302">Axure 部件库</span></div><div data-reactid="303"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="304">Ant UX</a><span data-reactid="305"> - </span><span data-reactid="306">页面逻辑素材</span></div></li><li data-reactid="307"><h2 data-reactid="308"><i class="anticon anticon-customer-service" data-reactid="309"></i><!-- react-text: 310 --> <!-- /react-text --><span data-reactid="311">社区</span></h2><div data-reactid="312"><a href="/changelog" data-reactid="313"><span data-reactid="314">更新记录</span></a></div><div data-reactid="315"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="316"><span data-reactid="317">常见问题</span></a></div><div data-reactid="318"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="319"><span data-reactid="320">在线讨论 (中文)</span></a></div><div data-reactid="321"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="322"><span data-reactid="323">在线讨论 (English)</span></a></div><div data-reactid="324"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="325"><span data-reactid="326">报告 Bug</span></a></div><div data-reactid="327"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="328"><span data-reactid="329">讨论列表</span></a></div><div data-reactid="330"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="331"><span data-reactid="332">StackOverflow</span></a></div><div data-reactid="333"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="334"><span data-reactid="335">SegmentFault</span></a></div></li><li data-reactid="336"><h2 data-reactid="337"><!-- react-text: 338 -->Copyright © <!-- /react-text --><!-- react-text: 339 -->2017<!-- /react-text --></h2><div data-reactid="340"><span data-reactid="341">蚂蚁金服体验技术部出品</span></div><div data-reactid="342"><!-- react-text: 343 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="344">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->简化交互<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/lightweight.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->根据费茨法则（Fitts&#x27;s Law）所描述的，如果用户鼠标移动距离越少、对象相对目标越大，那么用户越容易操作。通过运用上下文工具（即：放在内容中的操作工具），使内容和操作融合，从而简化交互。<!-- /react-text --></p><blockquote data-reactid="113"><p data-reactid="114"><strong data-reactid="115"><!-- react-text: 116 --> 费茨法则 <!-- /react-text --></strong><!-- react-text: 117 --> ：到达目标的时间是到达目标的距离与目标大小的函数，具体：<!-- /react-text --><img src="https://os.alipayobjects.com/rmsportal/wAcbQmeqTWDqsnu.png" width="150" data-reactid="118"/><!-- react-text: 119 -->。其中：1.设备当前位置和目标位置的距离（D）；2.目标的大小（W）。距离越长，所用时间越长；目标越大，所用时间越短。<!-- /react-text --></p></blockquote></section><section class="toc" data-reactid="120"><ul data-reactid="121"><li data-reactid="122"><a class="bisheng-toc-h2" href="#实时可见工具" title="实时可见工具" data-reactid="123"><!-- react-text: 124 -->实时可见工具<!-- /react-text --></a></li><li data-reactid="125"><a class="bisheng-toc-h2" href="#悬停即现工具" title="悬停即现工具" data-reactid="126"><!-- react-text: 127 -->悬停即现工具<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#开关显示工具" title="开关显示工具" data-reactid="129"><!-- react-text: 130 -->开关显示工具<!-- /react-text --></a></li><li data-reactid="131"><a class="bisheng-toc-h2" href="#交互中的工具" title="交互中的工具" data-reactid="132"><!-- react-text: 133 -->交互中的工具<!-- /react-text --></a></li><li data-reactid="134"><a class="bisheng-toc-h2" href="#可视区域-≠-可点击区域" title="可视区域 ≠ 可点击区域" data-reactid="135"><!-- react-text: 136 -->可视区域 ≠ 可点击区域<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="137"><h2 id="实时可见工具" data-reactid="138"><span data-reactid="139"><!-- react-text: 140 -->实时可见工具<!-- /react-text --></span><a href="#实时可见工具" class="anchor" data-reactid="141">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="142"><div class="preview-image-box" data-reactid="143"><div class="preview-image-wrapper" data-reactid="144"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/sfytaOSssRrdYFg.png" alt="实时可见工具示例 --摘自知乎" data-reactid="145"/></div><div class="preview-image-title" data-reactid="146">实时可见工具示例 --摘自知乎</div><div class="preview-image-description" data-reactid="147">状态一：在文案中出现一个相对明显的点击区域；<br>状态二：鼠标悬停时，鼠标『指针』变为『手型』，底色发生变化，邀请用户点击。<br>状态三：鼠标点击后，和未点击前有明显的区分。</div><!-- react-empty: 148 --></div></div><p data-reactid="149"><!-- react-text: 150 -->如果某个操作非常重要，就应该把它放在界面中，并实时可见。<!-- /react-text --></p><p data-reactid="151"><br data-reactid="152"/></p><hr data-reactid="153"/><h2 id="悬停即现工具" data-reactid="154"><span data-reactid="155"><!-- react-text: 156 -->悬停即现工具<!-- /react-text --></span><a href="#悬停即现工具" class="anchor" data-reactid="157">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="158"><div class="preview-image-box" data-reactid="159"><div class="preview-image-wrapper" data-reactid="160"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/AUiWMlbxCvpBFyA.png" alt="悬停即现工具示例" data-reactid="161"/></div><div class="preview-image-title" data-reactid="162">悬停即现工具示例</div><div class="preview-image-description" data-reactid="163">鼠标悬停时，出现操作项。</div><!-- react-empty: 164 --></div></div><p data-reactid="165"><!-- react-text: 166 -->如果某个操作不那么重要，或者使用『实时可见工具』过于啰嗦会影响用户阅读时，可以在悬停在该对象上时展示操作项。<!-- /react-text --></p><p data-reactid="167"><br data-reactid="168"/></p><hr data-reactid="169"/><h2 id="开关显示工具" data-reactid="170"><span data-reactid="171"><!-- react-text: 172 -->开关显示工具<!-- /react-text --></span><a href="#开关显示工具" class="anchor" data-reactid="173">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="174"><div class="preview-image-box" data-reactid="175"><div class="preview-image-wrapper" data-reactid="176"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/uGWcpAFgWdynxBy.png" alt="开关显示工具示例" data-reactid="177"/></div><div class="preview-image-title" data-reactid="178">开关显示工具示例</div><div class="preview-image-description" data-reactid="179">用户点击『修改』后，Table 中『文本』变成『输入框』，开启编辑功能。</div><!-- react-empty: 180 --></div></div><p data-reactid="181"><!-- react-text: 182 -->如果某些操作只需要在特定模式时显示，可以通过开关来实现。<!-- /react-text --></p><p data-reactid="183"><br data-reactid="184"/></p><hr data-reactid="185"/><h2 id="交互中的工具" data-reactid="186"><span data-reactid="187"><!-- react-text: 188 -->交互中的工具<!-- /react-text --></span><a href="#交互中的工具" class="anchor" data-reactid="189">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="190"><div class="preview-image-box" data-reactid="191"><div class="preview-image-wrapper" data-reactid="192"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/STvIHSgnVAHOVHl.png" alt="推荐示例" data-reactid="193"/></div><div class="preview-image-title" data-reactid="194">推荐示例</div><div class="preview-image-description" data-reactid="195">鼠标悬停时，出现 Tooltips 进行提示，用户点击内容直接复制。</div><!-- react-empty: 196 --></div></div><div class="preview-image-boxes clearfix" data-reactid="197"><div class="preview-image-box" data-reactid="198"><div class="preview-image-wrapper" data-reactid="199"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/aRihOoBCQHGATBA.png" alt="推荐示例" data-reactid="200"/></div><div class="preview-image-title" data-reactid="201">推荐示例</div><div class="preview-image-description" data-reactid="202">鼠标滑选/双击时，系统自动复制该部分内容。通过大胆猜测用户的行为，并帮助完成，给用户小惊喜。</div><!-- react-empty: 203 --></div></div><div class="preview-image-boxes clearfix" data-reactid="204"><div class="preview-image-box" data-reactid="205"><div class="preview-image-wrapper" data-reactid="206"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/MfbnQfAJhQfIODY.png" alt="不推荐示例" data-reactid="207"/></div><div class="preview-image-title" data-reactid="208">不推荐示例</div><div class="preview-image-description" data-reactid="209">在可复制内容的附近出现『图标』，点击后复制。</div><!-- react-empty: 210 --></div></div><p data-reactid="211"><!-- react-text: 212 -->如果操作不重要或者可以通过其他途径完成时，可以将工具放置在用户的操作流程中，减少界面元素，降低认知负担，给用户小惊喜。<!-- /react-text --></p><p data-reactid="213"><!-- react-text: 214 -->此处也可以运用<!-- /react-text --><a href="/docs/spec/invitation-cn" data-reactid="215">『提供邀请』</a><!-- react-text: 216 --> 相关的知识点。<!-- /react-text --></p><p data-reactid="217"><br data-reactid="218"/></p><hr data-reactid="219"/><h2 id="可视区域-≠-可点击区域" data-reactid="220"><span data-reactid="221"><!-- react-text: 222 -->可视区域 ≠ 可点击区域<!-- /react-text --></span><a href="#可视区域-≠-可点击区域" class="anchor" data-reactid="223">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="224"><div class="preview-image-box" data-reactid="225"><div class="preview-image-wrapper" data-reactid="226"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/bCrBxGPJiDvkyOH.png" alt="文字链热区示例" data-reactid="227"/></div><div class="preview-image-title" data-reactid="228">文字链热区示例</div><div class="preview-image-description" data-reactid="229">当悬浮在 ID 所在的文字链单元格时，鼠标『指针』随即变为『手型』，单击即可跳转。</div><!-- react-empty: 230 --></div></div><p data-reactid="231"><!-- react-text: 232 -->在使用 Table 时，文字链的点击范围受到文字长短影响，可以设置整个单元格为热区，以便用户触发。<!-- /react-text --></p><p data-reactid="233"><br data-reactid="234"/></p><div class="preview-image-boxes clearfix" data-reactid="235"><div class="preview-image-box" data-reactid="236"><div class="preview-image-wrapper" data-reactid="237"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/dSehXwUuXDFDhJO.png" alt="按钮热区示例" data-reactid="238"/></div><div class="preview-image-title" data-reactid="239">按钮热区示例</div><div class="preview-image-description" data-reactid="240">鼠标移入按钮附近，即可激活 Hover 状态。</div><!-- react-empty: 241 --></div></div><p data-reactid="242"><!-- react-text: 243 -->当需要增强按钮的响应性时，可以通过增加用户点击热区的范围，而不是增大按钮形状，从而增强响应性，又不缺失美感。<!-- /react-text --></p><blockquote data-reactid="244"><p data-reactid="245"><!-- react-text: 246 -->注：在移动端尤其适用。<!-- /react-text --></p></blockquote></section></article></div></div><div class="ant-row" data-reactid="247"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="248"><section class="prev-next-nav" data-reactid="249"><a class="prev-page" href="/docs/spec/stay-cn" data-reactid="250">足不出户</a><a class="next-page" href="/docs/spec/invitation-cn" data-reactid="251">提供邀请</a></section></div></div></div><footer id="footer" data-reactid="252"><ul data-reactid="253"><li data-reactid="254"><h2 data-reactid="255"><i class="anticon anticon-github" data-reactid="256"></i><!-- react-text: 257 --> GitHub<!-- /react-text --></h2><div data-reactid="258"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="259"><span data-reactid="260">源码仓库</span></a></div><div data-reactid="261"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="262"><span data-reactid="263">定制主题</span></a></div><div data-reactid="264"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="265"><span data-reactid="266">Awesome Ant Design</span></a></div></li><li data-reactid="267"><h2 data-reactid="268"><i class="anticon anticon-link" data-reactid="269"></i><!-- react-text: 270 --> <!-- /react-text --><span data-reactid="271">相关站点</span></h2><div data-reactid="272"><a href="https://design.alipay.com/" data-reactid="273"><span data-reactid="274">蚂蚁金服设计平台</span></a></div><div data-reactid="275"><a href="http://mobile.ant.design" data-reactid="276">Ant Design Mobile</a><span data-reactid="277"> - </span><span data-reactid="278">移动版</span></div><div data-reactid="279"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="280">dva</a><!-- react-text: 281 --> - <!-- /react-text --><span data-reactid="282">应用框架</span></div><div data-reactid="283"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="284">dva-cli</a><!-- react-text: 285 --> -<!-- /react-text --><span data-reactid="286">开发工具</span></div><div data-reactid="287"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="288">Egg</a><span data-reactid="289"> - </span><span data-reactid="290">企业级 Node 开发框架</span></div><div data-reactid="291"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="292">AntV</a><span data-reactid="293"> - </span><span data-reactid="294">数据可视化</span></div><div data-reactid="295"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="296">Ant Motion</a><span data-reactid="297"> - </span><span data-reactid="298">设计动效</span></div><div data-reactid="299"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="300">AntD Library</a><span data-reactid="301"> - </span><span data-reactid="302">Axure 部件库</span></div><div data-reactid="303"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="304">Ant UX</a><span data-reactid="305"> - </span><span data-reactid="306">页面逻辑素材</span></div></li><li data-reactid="307"><h2 data-reactid="308"><i class="anticon anticon-customer-service" data-reactid="309"></i><!-- react-text: 310 --> <!-- /react-text --><span data-reactid="311">社区</span></h2><div data-reactid="312"><a href="/changelog" data-reactid="313"><span data-reactid="314">更新记录</span></a></div><div data-reactid="315"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="316"><span data-reactid="317">常见问题</span></a></div><div data-reactid="318"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="319"><span data-reactid="320">在线讨论 (中文)</span></a></div><div data-reactid="321"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="322"><span data-reactid="323">在线讨论 (English)</span></a></div><div data-reactid="324"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="325"><span data-reactid="326">报告 Bug</span></a></div><div data-reactid="327"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="328"><span data-reactid="329">讨论列表</span></a></div><div data-reactid="330"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="331"><span data-reactid="332">StackOverflow</span></a></div><div data-reactid="333"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="334"><span data-reactid="335">SegmentFault</span></a></div></li><li data-reactid="336"><h2 data-reactid="337"><!-- react-text: 338 -->Copyright © <!-- /react-text --><!-- react-text: 339 -->2017<!-- /react-text --></h2><div data-reactid="340"><span data-reactid="341">蚂蚁金服体验技术部出品</span></div><div data-reactid="342"><!-- react-text: 343 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="344">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/lightweight.html b/docs/spec/lightweight.html
index 43274479e..99ff0bb39 100644
--- a/docs/spec/lightweight.html
+++ b/docs/spec/lightweight.html
@@ -110,10 +110,10 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1450063528"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1268764219"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="71"><a href="/docs/spec/lightweight" data-reactid="72">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/stay" data-reactid="74">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Keep it Lightweight<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/lightweight.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->Fitts’s Law is an ergonomic principle that ties the size of a target and its contextual proximity to ease of use.In other words, if a tool is close at hand and large enough to target, then we can improve the user’s interaction. Putting tools in context makes for lightweight interaction.<!-- /react-text --></p><blockquote data-reactid="113"><p data-reactid="114"><img src="https://os.alipayobjects.com/rmsportal/wAcbQmeqTWDqsnu.png" width="150" data-reactid="115"/><!-- react-text: 116 -->
-<!-- /react-text --><strong data-reactid="117"><!-- react-text: 118 --> Fitts&#x27;s Law <!-- /react-text --></strong><!-- react-text: 119 -->: The time to acquire a target is a function of the distance to and size of the target. It is proportional to the distance to the target and inversely proportional to the width of the target.<!-- /react-text --></p></blockquote></section><section class="toc" data-reactid="120"><ul data-reactid="121"><li data-reactid="122"><a class="bisheng-toc-h2" href="#Always-Visible-Tools" title="Always-Visible Tools" data-reactid="123"><!-- react-text: 124 -->Always-Visible Tools<!-- /react-text --></a></li><li data-reactid="125"><a class="bisheng-toc-h2" href="#Hover-Reveal-Tools" title="Hover-Reveal Tools" data-reactid="126"><!-- react-text: 127 -->Hover-Reveal Tools<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#Toggle-Reveal-Tools" title="Toggle-Reveal Tools" data-reactid="129"><!-- react-text: 130 -->Toggle-Reveal Tools<!-- /react-text --></a></li><li data-reactid="131"><a class="bisheng-toc-h2" href="#Interaction-in-Context" title="Interaction in Context" data-reactid="132"><!-- react-text: 133 -->Interaction in Context<!-- /react-text --></a></li><li data-reactid="134"><a class="bisheng-toc-h2" href="#Visible-Area-≠-Clickable-Area" title="Visible Area ≠ Clickable Area" data-reactid="135"><!-- react-text: 136 -->Visible Area ≠ Clickable Area<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="137"><h2 id="Always-Visible-Tools" data-reactid="138"><span data-reactid="139"><!-- react-text: 140 -->Always-Visible Tools<!-- /react-text --></span><a href="#Always-Visible-Tools" class="anchor" data-reactid="141">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="142"><div class="preview-image-box" data-reactid="143"><div class="preview-image-wrapper" data-reactid="144"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/sfytaOSssRrdYFg.png" alt="example of Always-Visible Tools, from Zhihu" data-reactid="145"/></div><div class="preview-image-title" data-reactid="146">example of Always-Visible Tools, from Zhihu</div><div class="preview-image-description" data-reactid="147">Status No.1: A clear clickable area makes it easier to highlight the button on the page.<br>Status No.2: As hovering over the button, the mouse pointer turns into a hand symbol, and the fill colour of the button changes to a dark colour, which provides a clear call to action.<br>Status No.3: The style of the button obviously changes once clicked.</div><!-- react-empty: 148 --></div></div><p data-reactid="149"><!-- react-text: 150 -->If an action is critical, expose it directly in the interface and keep it always visible.<!-- /react-text --></p><p data-reactid="151"><br data-reactid="152"/></p><hr data-reactid="153"/><h2 id="Hover-Reveal-Tools" data-reactid="154"><span data-reactid="155"><!-- react-text: 156 -->Hover-Reveal Tools<!-- /react-text --></span><a href="#Hover-Reveal-Tools" class="anchor" data-reactid="157">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="158"><div class="preview-image-box" data-reactid="159"><div class="preview-image-wrapper" data-reactid="160"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/AUiWMlbxCvpBFyA.png" alt="example of Hover-Reveal Tools" data-reactid="161"/></div><div class="preview-image-title" data-reactid="162">example of Hover-Reveal Tools</div><div class="preview-image-description" data-reactid="163">On mouse hover, the tools are revealed.</div><!-- react-empty: 164 --></div></div><p data-reactid="165"><!-- react-text: 166 -->Instead of making Contextual Tools always visible, we can show them on demand. One way to do this is to reveal the tools when the user pauses the mouse over an object.<!-- /react-text --></p><p data-reactid="167"><br data-reactid="168"/></p><hr data-reactid="169"/><h2 id="Toggle-Reveal-Tools" data-reactid="170"><span data-reactid="171"><!-- react-text: 172 -->Toggle-Reveal Tools<!-- /react-text --></span><a href="#Toggle-Reveal-Tools" class="anchor" data-reactid="173">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="174"><div class="preview-image-box" data-reactid="175"><div class="preview-image-wrapper" data-reactid="176"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/uGWcpAFgWdynxBy.png" alt="example of Toggle-Reveal Tools" data-reactid="177"/></div><div class="preview-image-title" data-reactid="178">example of Toggle-Reveal Tools</div><div class="preview-image-description" data-reactid="179">The table reveals an input box from the text only when the edit mode is turned on for the area.</div><!-- react-empty: 180 --></div></div><p data-reactid="181"><!-- react-text: 182 -->Toggle a tool mode for an area or page when the actions are not the main flow. The tools to accomplish this are revealed on the activation of the toggle.<!-- /react-text --></p><p data-reactid="183"><br data-reactid="184"/></p><hr data-reactid="185"/><h2 id="Interaction-in-Context" data-reactid="186"><span data-reactid="187"><!-- react-text: 188 -->Interaction in Context<!-- /react-text --></span><a href="#Interaction-in-Context" class="anchor" data-reactid="189">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="190"><div class="preview-image-box" data-reactid="191"><div class="preview-image-wrapper" data-reactid="192"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/STvIHSgnVAHOVHl.png" alt="good example" data-reactid="193"/></div><div class="preview-image-title" data-reactid="194">good example</div><div class="preview-image-description" data-reactid="195">On mouse hover, the Tooltips are revealed to prompt the user to copy the text.</div><!-- react-empty: 196 --></div></div><div class="preview-image-boxes clearfix" data-reactid="197"><div class="preview-image-box" data-reactid="198"><div class="preview-image-wrapper" data-reactid="199"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/aRihOoBCQHGATBA.png" alt="good example" data-reactid="200"/></div><div class="preview-image-title" data-reactid="201">good example</div><div class="preview-image-description" data-reactid="202">When highlighted or double-clicked, the text is automatically copied to the clipboard. The system helps automate the user flow and brings a surprise.</div><!-- react-empty: 203 --></div></div><div class="preview-image-boxes clearfix" data-reactid="204"><div class="preview-image-box" data-reactid="205"><div class="preview-image-wrapper" data-reactid="206"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/MfbnQfAJhQfIODY.png" alt="bad example" data-reactid="207"/></div><div class="preview-image-title" data-reactid="208">bad example</div><div class="preview-image-description" data-reactid="209">The copy icon appears near the copyable text.</div><!-- react-empty: 210 --></div></div><p data-reactid="211"><!-- react-text: 212 -->If the actions are secondary or alternative, hide Contextual Tools in the user flow, in order to keep visual clutter to a minimum, reduce the load of cognition burden and bring a surprise.<!-- /react-text --></p><p data-reactid="213"><!-- react-text: 214 -->Some relative knowledge of <!-- /react-text --><a href="/docs/spec/invitation" data-reactid="215">Providing an Invitation</a><!-- react-text: 216 --> can also be applied.<!-- /react-text --></p><p data-reactid="217"><br data-reactid="218"/></p><hr data-reactid="219"/><h2 id="Visible-Area-≠-Clickable-Area" data-reactid="220"><span data-reactid="221"><!-- react-text: 222 -->Visible Area ≠ Clickable Area<!-- /react-text --></span><a href="#Visible-Area-≠-Clickable-Area" class="anchor" data-reactid="223">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="224"><div class="preview-image-box" data-reactid="225"><div class="preview-image-wrapper" data-reactid="226"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/bCrBxGPJiDvkyOH.png" alt="example of hypertext hot spot" data-reactid="227"/></div><div class="preview-image-title" data-reactid="228">example of hypertext hot spot</div><div class="preview-image-description" data-reactid="229">When hovering on the cell in which the hypertext is positioned, the mouse turns from a cursor to a hand symbol. Click it and jump to another page.</div><!-- react-empty: 230 --></div></div><p data-reactid="231"><!-- react-text: 232 -->The clickable area of hypertext is affected by the length of the string in a cell. The whole cell can be set to a hot spot in order to be triggered easier.<!-- /react-text --></p><p data-reactid="233"><br data-reactid="234"/></p><div class="preview-image-boxes clearfix" data-reactid="235"><div class="preview-image-box" data-reactid="236"><div class="preview-image-wrapper" data-reactid="237"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/dSehXwUuXDFDhJO.png" alt="example of button hot spot" data-reactid="238"/></div><div class="preview-image-title" data-reactid="239">example of button hot spot</div><div class="preview-image-description" data-reactid="240">Move the mouse near the button and activate the hover state.</div><!-- react-empty: 241 --></div></div><p data-reactid="242"><!-- react-text: 243 -->Increase the clickable hot spot to strengthen the responsiveness rather than increase the size of the button.<!-- /react-text --></p><blockquote data-reactid="244"><p data-reactid="245"><!-- react-text: 246 -->Note that it is especially suited for Mobile.<!-- /react-text --></p></blockquote></section></article></div></div><div class="ant-row" data-reactid="247"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="248"><section class="prev-next-nav" data-reactid="249"><a class="prev-page" href="/docs/spec/direct" data-reactid="250">Make it Direct</a><a class="next-page" href="/docs/spec/stay" data-reactid="251">Stay on the Page</a></section></div></div></div><footer id="footer" data-reactid="252"><ul data-reactid="253"><li data-reactid="254"><h2 data-reactid="255"><i class="anticon anticon-github" data-reactid="256"></i><!-- react-text: 257 --> GitHub<!-- /react-text --></h2><div data-reactid="258"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="259"><span data-reactid="260">Repository</span></a></div><div data-reactid="261"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="262"><span data-reactid="263">Customize Theme</span></a></div><div data-reactid="264"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="265"><span data-reactid="266">Awesome Ant Design</span></a></div></li><li data-reactid="267"><h2 data-reactid="268"><i class="anticon anticon-link" data-reactid="269"></i><!-- react-text: 270 --> <!-- /react-text --><span data-reactid="271">Links</span></h2><div data-reactid="272"><a href="https://design.alipay.com/" data-reactid="273"><span data-reactid="274">Ant Financial Design Platform</span></a></div><div data-reactid="275"><a href="http://mobile.ant.design" data-reactid="276">Ant Design Mobile</a><span data-reactid="277"> - </span><span data-reactid="278">Mobile UI</span></div><div data-reactid="279"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="280">dva</a><!-- react-text: 281 --> - <!-- /react-text --><span data-reactid="282">Framework</span></div><div data-reactid="283"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="284">dva-cli</a><!-- react-text: 285 --> -<!-- /react-text --><span data-reactid="286">Developer Tools</span></div><div data-reactid="287"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="288">Egg</a><span data-reactid="289"> - </span><span data-reactid="290">Enterprise Node Framework</span></div><div data-reactid="291"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="292">AntV</a><span data-reactid="293"> - </span><span data-reactid="294">Data Visualization</span></div><div data-reactid="295"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="296">Ant Motion</a><span data-reactid="297"> - </span><span data-reactid="298">Motion Soluction</span></div><div data-reactid="299"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="300">AntD Library</a><span data-reactid="301"> - </span><span data-reactid="302">Axure library</span></div><div data-reactid="303"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="304">Ant UX</a><span data-reactid="305"> - </span><span data-reactid="306">Sitemap Template</span></div></li><li data-reactid="307"><h2 data-reactid="308"><i class="anticon anticon-customer-service" data-reactid="309"></i><!-- react-text: 310 --> <!-- /react-text --><span data-reactid="311">Community</span></h2><div data-reactid="312"><a href="/changelog" data-reactid="313"><span data-reactid="314">Change Log</span></a></div><div data-reactid="315"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="316"><span data-reactid="317">FAQ</span></a></div><div data-reactid="318"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="319"><span data-reactid="320">Chat Room (中文)</span></a></div><div data-reactid="321"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="322"><span data-reactid="323">Chat Room (English)</span></a></div><div data-reactid="324"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="325"><span data-reactid="326">Bug Report</span></a></div><div data-reactid="327"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="328"><span data-reactid="329">Issues</span></a></div><div data-reactid="330"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="331"><span data-reactid="332">StackOverflow</span></a></div><div data-reactid="333"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="334"><span data-reactid="335">SegmentFault</span></a></div></li><li data-reactid="336"><h2 data-reactid="337"><!-- react-text: 338 -->Copyright © <!-- /react-text --><!-- react-text: 339 -->2017<!-- /react-text --></h2><div data-reactid="340"><span data-reactid="341">Created by AIUX</span></div><div data-reactid="342"><!-- react-text: 343 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="344">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay" data-reactid="72">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="73"><a href="/docs/spec/lightweight" data-reactid="74">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Keep it Lightweight<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/lightweight.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->Fitts’s Law is an ergonomic principle that ties the size of a target and its contextual proximity to ease of use.In other words, if a tool is close at hand and large enough to target, then we can improve the user’s interaction. Putting tools in context makes for lightweight interaction.<!-- /react-text --></p><blockquote data-reactid="113"><p data-reactid="114"><img src="https://os.alipayobjects.com/rmsportal/wAcbQmeqTWDqsnu.png" width="150" data-reactid="115"/><!-- react-text: 116 -->
+<!-- /react-text --><strong data-reactid="117"><!-- react-text: 118 --> Fitts&#x27;s Law <!-- /react-text --></strong><!-- react-text: 119 -->: The time to acquire a target is a function of the distance to and size of the target. It is proportional to the distance to the target and inversely proportional to the width of the target.<!-- /react-text --></p></blockquote></section><section class="toc" data-reactid="120"><ul data-reactid="121"><li data-reactid="122"><a class="bisheng-toc-h2" href="#Always-Visible-Tools" title="Always-Visible Tools" data-reactid="123"><!-- react-text: 124 -->Always-Visible Tools<!-- /react-text --></a></li><li data-reactid="125"><a class="bisheng-toc-h2" href="#Hover-Reveal-Tools" title="Hover-Reveal Tools" data-reactid="126"><!-- react-text: 127 -->Hover-Reveal Tools<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#Toggle-Reveal-Tools" title="Toggle-Reveal Tools" data-reactid="129"><!-- react-text: 130 -->Toggle-Reveal Tools<!-- /react-text --></a></li><li data-reactid="131"><a class="bisheng-toc-h2" href="#Interaction-in-Context" title="Interaction in Context" data-reactid="132"><!-- react-text: 133 -->Interaction in Context<!-- /react-text --></a></li><li data-reactid="134"><a class="bisheng-toc-h2" href="#Visible-Area-≠-Clickable-Area" title="Visible Area ≠ Clickable Area" data-reactid="135"><!-- react-text: 136 -->Visible Area ≠ Clickable Area<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="137"><h2 id="Always-Visible-Tools" data-reactid="138"><span data-reactid="139"><!-- react-text: 140 -->Always-Visible Tools<!-- /react-text --></span><a href="#Always-Visible-Tools" class="anchor" data-reactid="141">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="142"><div class="preview-image-box" data-reactid="143"><div class="preview-image-wrapper" data-reactid="144"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/sfytaOSssRrdYFg.png" alt="example of Always-Visible Tools, from Zhihu" data-reactid="145"/></div><div class="preview-image-title" data-reactid="146">example of Always-Visible Tools, from Zhihu</div><div class="preview-image-description" data-reactid="147">Status No.1: A clear clickable area makes it easier to highlight the button on the page.<br>Status No.2: As hovering over the button, the mouse pointer turns into a hand symbol, and the fill colour of the button changes to a dark colour, which provides a clear call to action.<br>Status No.3: The style of the button obviously changes once clicked.</div><!-- react-empty: 148 --></div></div><p data-reactid="149"><!-- react-text: 150 -->If an action is critical, expose it directly in the interface and keep it always visible.<!-- /react-text --></p><p data-reactid="151"><br data-reactid="152"/></p><hr data-reactid="153"/><h2 id="Hover-Reveal-Tools" data-reactid="154"><span data-reactid="155"><!-- react-text: 156 -->Hover-Reveal Tools<!-- /react-text --></span><a href="#Hover-Reveal-Tools" class="anchor" data-reactid="157">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="158"><div class="preview-image-box" data-reactid="159"><div class="preview-image-wrapper" data-reactid="160"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/AUiWMlbxCvpBFyA.png" alt="example of Hover-Reveal Tools" data-reactid="161"/></div><div class="preview-image-title" data-reactid="162">example of Hover-Reveal Tools</div><div class="preview-image-description" data-reactid="163">On mouse hover, the tools are revealed.</div><!-- react-empty: 164 --></div></div><p data-reactid="165"><!-- react-text: 166 -->Instead of making Contextual Tools always visible, we can show them on demand. One way to do this is to reveal the tools when the user pauses the mouse over an object.<!-- /react-text --></p><p data-reactid="167"><br data-reactid="168"/></p><hr data-reactid="169"/><h2 id="Toggle-Reveal-Tools" data-reactid="170"><span data-reactid="171"><!-- react-text: 172 -->Toggle-Reveal Tools<!-- /react-text --></span><a href="#Toggle-Reveal-Tools" class="anchor" data-reactid="173">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="174"><div class="preview-image-box" data-reactid="175"><div class="preview-image-wrapper" data-reactid="176"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/uGWcpAFgWdynxBy.png" alt="example of Toggle-Reveal Tools" data-reactid="177"/></div><div class="preview-image-title" data-reactid="178">example of Toggle-Reveal Tools</div><div class="preview-image-description" data-reactid="179">The table reveals an input box from the text only when the edit mode is turned on for the area.</div><!-- react-empty: 180 --></div></div><p data-reactid="181"><!-- react-text: 182 -->Toggle a tool mode for an area or page when the actions are not the main flow. The tools to accomplish this are revealed on the activation of the toggle.<!-- /react-text --></p><p data-reactid="183"><br data-reactid="184"/></p><hr data-reactid="185"/><h2 id="Interaction-in-Context" data-reactid="186"><span data-reactid="187"><!-- react-text: 188 -->Interaction in Context<!-- /react-text --></span><a href="#Interaction-in-Context" class="anchor" data-reactid="189">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="190"><div class="preview-image-box" data-reactid="191"><div class="preview-image-wrapper" data-reactid="192"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/STvIHSgnVAHOVHl.png" alt="good example" data-reactid="193"/></div><div class="preview-image-title" data-reactid="194">good example</div><div class="preview-image-description" data-reactid="195">On mouse hover, the Tooltips are revealed to prompt the user to copy the text.</div><!-- react-empty: 196 --></div></div><div class="preview-image-boxes clearfix" data-reactid="197"><div class="preview-image-box" data-reactid="198"><div class="preview-image-wrapper" data-reactid="199"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/aRihOoBCQHGATBA.png" alt="good example" data-reactid="200"/></div><div class="preview-image-title" data-reactid="201">good example</div><div class="preview-image-description" data-reactid="202">When highlighted or double-clicked, the text is automatically copied to the clipboard. The system helps automate the user flow and brings a surprise.</div><!-- react-empty: 203 --></div></div><div class="preview-image-boxes clearfix" data-reactid="204"><div class="preview-image-box" data-reactid="205"><div class="preview-image-wrapper" data-reactid="206"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/MfbnQfAJhQfIODY.png" alt="bad example" data-reactid="207"/></div><div class="preview-image-title" data-reactid="208">bad example</div><div class="preview-image-description" data-reactid="209">The copy icon appears near the copyable text.</div><!-- react-empty: 210 --></div></div><p data-reactid="211"><!-- react-text: 212 -->If the actions are secondary or alternative, hide Contextual Tools in the user flow, in order to keep visual clutter to a minimum, reduce the load of cognition burden and bring a surprise.<!-- /react-text --></p><p data-reactid="213"><!-- react-text: 214 -->Some relative knowledge of <!-- /react-text --><a href="/docs/spec/invitation" data-reactid="215">Providing an Invitation</a><!-- react-text: 216 --> can also be applied.<!-- /react-text --></p><p data-reactid="217"><br data-reactid="218"/></p><hr data-reactid="219"/><h2 id="Visible-Area-≠-Clickable-Area" data-reactid="220"><span data-reactid="221"><!-- react-text: 222 -->Visible Area ≠ Clickable Area<!-- /react-text --></span><a href="#Visible-Area-≠-Clickable-Area" class="anchor" data-reactid="223">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="224"><div class="preview-image-box" data-reactid="225"><div class="preview-image-wrapper" data-reactid="226"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/bCrBxGPJiDvkyOH.png" alt="example of hypertext hot spot" data-reactid="227"/></div><div class="preview-image-title" data-reactid="228">example of hypertext hot spot</div><div class="preview-image-description" data-reactid="229">When hovering on the cell in which the hypertext is positioned, the mouse turns from a cursor to a hand symbol. Click it and jump to another page.</div><!-- react-empty: 230 --></div></div><p data-reactid="231"><!-- react-text: 232 -->The clickable area of hypertext is affected by the length of the string in a cell. The whole cell can be set to a hot spot in order to be triggered easier.<!-- /react-text --></p><p data-reactid="233"><br data-reactid="234"/></p><div class="preview-image-boxes clearfix" data-reactid="235"><div class="preview-image-box" data-reactid="236"><div class="preview-image-wrapper" data-reactid="237"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/dSehXwUuXDFDhJO.png" alt="example of button hot spot" data-reactid="238"/></div><div class="preview-image-title" data-reactid="239">example of button hot spot</div><div class="preview-image-description" data-reactid="240">Move the mouse near the button and activate the hover state.</div><!-- react-empty: 241 --></div></div><p data-reactid="242"><!-- react-text: 243 -->Increase the clickable hot spot to strengthen the responsiveness rather than increase the size of the button.<!-- /react-text --></p><blockquote data-reactid="244"><p data-reactid="245"><!-- react-text: 246 -->Note that it is especially suited for Mobile.<!-- /react-text --></p></blockquote></section></article></div></div><div class="ant-row" data-reactid="247"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="248"><section class="prev-next-nav" data-reactid="249"><a class="prev-page" href="/docs/spec/stay" data-reactid="250">Stay on the Page</a><a class="next-page" href="/docs/spec/invitation" data-reactid="251">Provide an Invitation</a></section></div></div></div><footer id="footer" data-reactid="252"><ul data-reactid="253"><li data-reactid="254"><h2 data-reactid="255"><i class="anticon anticon-github" data-reactid="256"></i><!-- react-text: 257 --> GitHub<!-- /react-text --></h2><div data-reactid="258"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="259"><span data-reactid="260">Repository</span></a></div><div data-reactid="261"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="262"><span data-reactid="263">Customize Theme</span></a></div><div data-reactid="264"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="265"><span data-reactid="266">Awesome Ant Design</span></a></div></li><li data-reactid="267"><h2 data-reactid="268"><i class="anticon anticon-link" data-reactid="269"></i><!-- react-text: 270 --> <!-- /react-text --><span data-reactid="271">Links</span></h2><div data-reactid="272"><a href="https://design.alipay.com/" data-reactid="273"><span data-reactid="274">Ant Financial Design Platform</span></a></div><div data-reactid="275"><a href="http://mobile.ant.design" data-reactid="276">Ant Design Mobile</a><span data-reactid="277"> - </span><span data-reactid="278">Mobile UI</span></div><div data-reactid="279"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="280">dva</a><!-- react-text: 281 --> - <!-- /react-text --><span data-reactid="282">Framework</span></div><div data-reactid="283"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="284">dva-cli</a><!-- react-text: 285 --> -<!-- /react-text --><span data-reactid="286">Developer Tools</span></div><div data-reactid="287"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="288">Egg</a><span data-reactid="289"> - </span><span data-reactid="290">Enterprise Node Framework</span></div><div data-reactid="291"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="292">AntV</a><span data-reactid="293"> - </span><span data-reactid="294">Data Visualization</span></div><div data-reactid="295"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="296">Ant Motion</a><span data-reactid="297"> - </span><span data-reactid="298">Motion Soluction</span></div><div data-reactid="299"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="300">AntD Library</a><span data-reactid="301"> - </span><span data-reactid="302">Axure library</span></div><div data-reactid="303"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="304">Ant UX</a><span data-reactid="305"> - </span><span data-reactid="306">Sitemap Template</span></div></li><li data-reactid="307"><h2 data-reactid="308"><i class="anticon anticon-customer-service" data-reactid="309"></i><!-- react-text: 310 --> <!-- /react-text --><span data-reactid="311">Community</span></h2><div data-reactid="312"><a href="/changelog" data-reactid="313"><span data-reactid="314">Change Log</span></a></div><div data-reactid="315"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="316"><span data-reactid="317">FAQ</span></a></div><div data-reactid="318"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="319"><span data-reactid="320">Chat Room (中文)</span></a></div><div data-reactid="321"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="322"><span data-reactid="323">Chat Room (English)</span></a></div><div data-reactid="324"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="325"><span data-reactid="326">Bug Report</span></a></div><div data-reactid="327"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="328"><span data-reactid="329">Issues</span></a></div><div data-reactid="330"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="331"><span data-reactid="332">StackOverflow</span></a></div><div data-reactid="333"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="334"><span data-reactid="335">SegmentFault</span></a></div></li><li data-reactid="336"><h2 data-reactid="337"><!-- react-text: 338 -->Copyright © <!-- /react-text --><!-- react-text: 339 -->2017<!-- /react-text --></h2><div data-reactid="340"><span data-reactid="341">Created by AIUX</span></div><div data-reactid="342"><!-- react-text: 343 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="344">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/motion-cn.html b/docs/spec/motion-cn.html
index a15a9feee..1c803c8d9 100644
--- a/docs/spec/motion-cn.html
+++ b/docs/spec/motion-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-222976761"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1328588041"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->动效<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/motion.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"></section></article></div></div><div class="ant-row" data-reactid="111"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="112"><section class="prev-next-nav" data-reactid="113"><a class="prev-page" href="/docs/spec/feedback-cn" data-reactid="114">反馈</a></section></div></div></div><footer id="footer" data-reactid="115"><ul data-reactid="116"><li data-reactid="117"><h2 data-reactid="118"><i class="anticon anticon-github" data-reactid="119"></i><!-- react-text: 120 --> GitHub<!-- /react-text --></h2><div data-reactid="121"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="122"><span data-reactid="123">源码仓库</span></a></div><div data-reactid="124"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="125"><span data-reactid="126">定制主题</span></a></div><div data-reactid="127"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="128"><span data-reactid="129">Awesome Ant Design</span></a></div></li><li data-reactid="130"><h2 data-reactid="131"><i class="anticon anticon-link" data-reactid="132"></i><!-- react-text: 133 --> <!-- /react-text --><span data-reactid="134">相关站点</span></h2><div data-reactid="135"><a href="https://design.alipay.com/" data-reactid="136"><span data-reactid="137">蚂蚁金服设计平台</span></a></div><div data-reactid="138"><a href="http://mobile.ant.design" data-reactid="139">Ant Design Mobile</a><span data-reactid="140"> - </span><span data-reactid="141">移动版</span></div><div data-reactid="142"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="143">dva</a><!-- react-text: 144 --> - <!-- /react-text --><span data-reactid="145">应用框架</span></div><div data-reactid="146"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="147">dva-cli</a><!-- react-text: 148 --> -<!-- /react-text --><span data-reactid="149">开发工具</span></div><div data-reactid="150"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="151">Egg</a><span data-reactid="152"> - </span><span data-reactid="153">企业级 Node 开发框架</span></div><div data-reactid="154"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="155">AntV</a><span data-reactid="156"> - </span><span data-reactid="157">数据可视化</span></div><div data-reactid="158"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="159">Ant Motion</a><span data-reactid="160"> - </span><span data-reactid="161">设计动效</span></div><div data-reactid="162"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="163">AntD Library</a><span data-reactid="164"> - </span><span data-reactid="165">Axure 部件库</span></div><div data-reactid="166"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="167">Ant UX</a><span data-reactid="168"> - </span><span data-reactid="169">页面逻辑素材</span></div></li><li data-reactid="170"><h2 data-reactid="171"><i class="anticon anticon-customer-service" data-reactid="172"></i><!-- react-text: 173 --> <!-- /react-text --><span data-reactid="174">社区</span></h2><div data-reactid="175"><a href="/changelog" data-reactid="176"><span data-reactid="177">更新记录</span></a></div><div data-reactid="178"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="179"><span data-reactid="180">常见问题</span></a></div><div data-reactid="181"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="182"><span data-reactid="183">在线讨论 (中文)</span></a></div><div data-reactid="184"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="185"><span data-reactid="186">在线讨论 (English)</span></a></div><div data-reactid="187"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="188"><span data-reactid="189">报告 Bug</span></a></div><div data-reactid="190"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="191"><span data-reactid="192">讨论列表</span></a></div><div data-reactid="193"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="194"><span data-reactid="195">StackOverflow</span></a></div><div data-reactid="196"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="197"><span data-reactid="198">SegmentFault</span></a></div></li><li data-reactid="199"><h2 data-reactid="200"><!-- react-text: 201 -->Copyright © <!-- /react-text --><!-- react-text: 202 -->2017<!-- /react-text --></h2><div data-reactid="203"><span data-reactid="204">蚂蚁金服体验技术部出品</span></div><div data-reactid="205"><!-- react-text: 206 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="207">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->动效<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/motion.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"></section></article></div></div><div class="ant-row" data-reactid="111"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="112"><section class="prev-next-nav" data-reactid="113"><a class="prev-page" href="/docs/spec/feedback-cn" data-reactid="114">反馈</a></section></div></div></div><footer id="footer" data-reactid="115"><ul data-reactid="116"><li data-reactid="117"><h2 data-reactid="118"><i class="anticon anticon-github" data-reactid="119"></i><!-- react-text: 120 --> GitHub<!-- /react-text --></h2><div data-reactid="121"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="122"><span data-reactid="123">源码仓库</span></a></div><div data-reactid="124"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="125"><span data-reactid="126">定制主题</span></a></div><div data-reactid="127"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="128"><span data-reactid="129">Awesome Ant Design</span></a></div></li><li data-reactid="130"><h2 data-reactid="131"><i class="anticon anticon-link" data-reactid="132"></i><!-- react-text: 133 --> <!-- /react-text --><span data-reactid="134">相关站点</span></h2><div data-reactid="135"><a href="https://design.alipay.com/" data-reactid="136"><span data-reactid="137">蚂蚁金服设计平台</span></a></div><div data-reactid="138"><a href="http://mobile.ant.design" data-reactid="139">Ant Design Mobile</a><span data-reactid="140"> - </span><span data-reactid="141">移动版</span></div><div data-reactid="142"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="143">dva</a><!-- react-text: 144 --> - <!-- /react-text --><span data-reactid="145">应用框架</span></div><div data-reactid="146"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="147">dva-cli</a><!-- react-text: 148 --> -<!-- /react-text --><span data-reactid="149">开发工具</span></div><div data-reactid="150"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="151">Egg</a><span data-reactid="152"> - </span><span data-reactid="153">企业级 Node 开发框架</span></div><div data-reactid="154"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="155">AntV</a><span data-reactid="156"> - </span><span data-reactid="157">数据可视化</span></div><div data-reactid="158"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="159">Ant Motion</a><span data-reactid="160"> - </span><span data-reactid="161">设计动效</span></div><div data-reactid="162"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="163">AntD Library</a><span data-reactid="164"> - </span><span data-reactid="165">Axure 部件库</span></div><div data-reactid="166"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="167">Ant UX</a><span data-reactid="168"> - </span><span data-reactid="169">页面逻辑素材</span></div></li><li data-reactid="170"><h2 data-reactid="171"><i class="anticon anticon-customer-service" data-reactid="172"></i><!-- react-text: 173 --> <!-- /react-text --><span data-reactid="174">社区</span></h2><div data-reactid="175"><a href="/changelog" data-reactid="176"><span data-reactid="177">更新记录</span></a></div><div data-reactid="178"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="179"><span data-reactid="180">常见问题</span></a></div><div data-reactid="181"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="182"><span data-reactid="183">在线讨论 (中文)</span></a></div><div data-reactid="184"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="185"><span data-reactid="186">在线讨论 (English)</span></a></div><div data-reactid="187"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="188"><span data-reactid="189">报告 Bug</span></a></div><div data-reactid="190"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="191"><span data-reactid="192">讨论列表</span></a></div><div data-reactid="193"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="194"><span data-reactid="195">StackOverflow</span></a></div><div data-reactid="196"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="197"><span data-reactid="198">SegmentFault</span></a></div></li><li data-reactid="199"><h2 data-reactid="200"><!-- react-text: 201 -->Copyright © <!-- /react-text --><!-- react-text: 202 -->2017<!-- /react-text --></h2><div data-reactid="203"><span data-reactid="204">蚂蚁金服体验技术部出品</span></div><div data-reactid="205"><!-- react-text: 206 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="207">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/motion.html b/docs/spec/motion.html
index e33a57c3d..8c2099620 100644
--- a/docs/spec/motion.html
+++ b/docs/spec/motion.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1377318478"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-87869872"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/lightweight" data-reactid="72">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/stay" data-reactid="74">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Motion<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/motion.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"></section></article></div></div><div class="ant-row" data-reactid="111"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="112"><section class="prev-next-nav" data-reactid="113"><a class="prev-page" href="/docs/spec/feedback" data-reactid="114">Feedback</a></section></div></div></div><footer id="footer" data-reactid="115"><ul data-reactid="116"><li data-reactid="117"><h2 data-reactid="118"><i class="anticon anticon-github" data-reactid="119"></i><!-- react-text: 120 --> GitHub<!-- /react-text --></h2><div data-reactid="121"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="122"><span data-reactid="123">Repository</span></a></div><div data-reactid="124"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="125"><span data-reactid="126">Customize Theme</span></a></div><div data-reactid="127"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="128"><span data-reactid="129">Awesome Ant Design</span></a></div></li><li data-reactid="130"><h2 data-reactid="131"><i class="anticon anticon-link" data-reactid="132"></i><!-- react-text: 133 --> <!-- /react-text --><span data-reactid="134">Links</span></h2><div data-reactid="135"><a href="https://design.alipay.com/" data-reactid="136"><span data-reactid="137">Ant Financial Design Platform</span></a></div><div data-reactid="138"><a href="http://mobile.ant.design" data-reactid="139">Ant Design Mobile</a><span data-reactid="140"> - </span><span data-reactid="141">Mobile UI</span></div><div data-reactid="142"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="143">dva</a><!-- react-text: 144 --> - <!-- /react-text --><span data-reactid="145">Framework</span></div><div data-reactid="146"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="147">dva-cli</a><!-- react-text: 148 --> -<!-- /react-text --><span data-reactid="149">Developer Tools</span></div><div data-reactid="150"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="151">Egg</a><span data-reactid="152"> - </span><span data-reactid="153">Enterprise Node Framework</span></div><div data-reactid="154"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="155">AntV</a><span data-reactid="156"> - </span><span data-reactid="157">Data Visualization</span></div><div data-reactid="158"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="159">Ant Motion</a><span data-reactid="160"> - </span><span data-reactid="161">Motion Soluction</span></div><div data-reactid="162"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="163">AntD Library</a><span data-reactid="164"> - </span><span data-reactid="165">Axure library</span></div><div data-reactid="166"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="167">Ant UX</a><span data-reactid="168"> - </span><span data-reactid="169">Sitemap Template</span></div></li><li data-reactid="170"><h2 data-reactid="171"><i class="anticon anticon-customer-service" data-reactid="172"></i><!-- react-text: 173 --> <!-- /react-text --><span data-reactid="174">Community</span></h2><div data-reactid="175"><a href="/changelog" data-reactid="176"><span data-reactid="177">Change Log</span></a></div><div data-reactid="178"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="179"><span data-reactid="180">FAQ</span></a></div><div data-reactid="181"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="182"><span data-reactid="183">Chat Room (中文)</span></a></div><div data-reactid="184"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="185"><span data-reactid="186">Chat Room (English)</span></a></div><div data-reactid="187"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="188"><span data-reactid="189">Bug Report</span></a></div><div data-reactid="190"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="191"><span data-reactid="192">Issues</span></a></div><div data-reactid="193"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="194"><span data-reactid="195">StackOverflow</span></a></div><div data-reactid="196"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="197"><span data-reactid="198">SegmentFault</span></a></div></li><li data-reactid="199"><h2 data-reactid="200"><!-- react-text: 201 -->Copyright © <!-- /react-text --><!-- react-text: 202 -->2017<!-- /react-text --></h2><div data-reactid="203"><span data-reactid="204">Created by AIUX</span></div><div data-reactid="205"><!-- react-text: 206 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="207">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay" data-reactid="72">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight" data-reactid="74">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Motion<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/motion.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"></section></article></div></div><div class="ant-row" data-reactid="111"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="112"><section class="prev-next-nav" data-reactid="113"><a class="prev-page" href="/docs/spec/feedback" data-reactid="114">Feedback</a></section></div></div></div><footer id="footer" data-reactid="115"><ul data-reactid="116"><li data-reactid="117"><h2 data-reactid="118"><i class="anticon anticon-github" data-reactid="119"></i><!-- react-text: 120 --> GitHub<!-- /react-text --></h2><div data-reactid="121"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="122"><span data-reactid="123">Repository</span></a></div><div data-reactid="124"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="125"><span data-reactid="126">Customize Theme</span></a></div><div data-reactid="127"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="128"><span data-reactid="129">Awesome Ant Design</span></a></div></li><li data-reactid="130"><h2 data-reactid="131"><i class="anticon anticon-link" data-reactid="132"></i><!-- react-text: 133 --> <!-- /react-text --><span data-reactid="134">Links</span></h2><div data-reactid="135"><a href="https://design.alipay.com/" data-reactid="136"><span data-reactid="137">Ant Financial Design Platform</span></a></div><div data-reactid="138"><a href="http://mobile.ant.design" data-reactid="139">Ant Design Mobile</a><span data-reactid="140"> - </span><span data-reactid="141">Mobile UI</span></div><div data-reactid="142"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="143">dva</a><!-- react-text: 144 --> - <!-- /react-text --><span data-reactid="145">Framework</span></div><div data-reactid="146"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="147">dva-cli</a><!-- react-text: 148 --> -<!-- /react-text --><span data-reactid="149">Developer Tools</span></div><div data-reactid="150"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="151">Egg</a><span data-reactid="152"> - </span><span data-reactid="153">Enterprise Node Framework</span></div><div data-reactid="154"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="155">AntV</a><span data-reactid="156"> - </span><span data-reactid="157">Data Visualization</span></div><div data-reactid="158"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="159">Ant Motion</a><span data-reactid="160"> - </span><span data-reactid="161">Motion Soluction</span></div><div data-reactid="162"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="163">AntD Library</a><span data-reactid="164"> - </span><span data-reactid="165">Axure library</span></div><div data-reactid="166"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="167">Ant UX</a><span data-reactid="168"> - </span><span data-reactid="169">Sitemap Template</span></div></li><li data-reactid="170"><h2 data-reactid="171"><i class="anticon anticon-customer-service" data-reactid="172"></i><!-- react-text: 173 --> <!-- /react-text --><span data-reactid="174">Community</span></h2><div data-reactid="175"><a href="/changelog" data-reactid="176"><span data-reactid="177">Change Log</span></a></div><div data-reactid="178"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="179"><span data-reactid="180">FAQ</span></a></div><div data-reactid="181"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="182"><span data-reactid="183">Chat Room (中文)</span></a></div><div data-reactid="184"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="185"><span data-reactid="186">Chat Room (English)</span></a></div><div data-reactid="187"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="188"><span data-reactid="189">Bug Report</span></a></div><div data-reactid="190"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="191"><span data-reactid="192">Issues</span></a></div><div data-reactid="193"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="194"><span data-reactid="195">StackOverflow</span></a></div><div data-reactid="196"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="197"><span data-reactid="198">SegmentFault</span></a></div></li><li data-reactid="199"><h2 data-reactid="200"><!-- react-text: 201 -->Copyright © <!-- /react-text --><!-- react-text: 202 -->2017<!-- /react-text --></h2><div data-reactid="203"><span data-reactid="204">Created by AIUX</span></div><div data-reactid="205"><!-- react-text: 206 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="207">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/navigation-cn.html b/docs/spec/navigation-cn.html
index 48583907e..37ffa58b5 100644
--- a/docs/spec/navigation-cn.html
+++ b/docs/spec/navigation-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1055147316"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-11254474"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->导航<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/navigation.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->在广义上，任何告知用户他在哪里，他能去什么地方以及如何到达那里的方式，都可以称之为导航。当设计者使用导航或者自定义一些导航结构时，请注意：<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->尽可能提供标识、上下文线索，避免用户迷路；<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->保持导航样式和行为一致或者减少导航数量，降低用户学习成本；<!-- /react-text --></p></li><li data-reactid="120"><p data-reactid="121"><!-- react-text: 122 -->尽可能减少页面间的跳转（例如：一个常见任务需要多个页面跳转时，请减少至一到两次），让用户移动距离保持简短。<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="123"><ul data-reactid="124"><li data-reactid="125"><a class="bisheng-toc-h2" href="#导航菜单（Menu）" title="导航菜单（Menu）" data-reactid="126"><!-- react-text: 127 -->导航菜单（Menu）<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#面包屑（Breadcrumb）" title="面包屑（Breadcrumb）" data-reactid="129"><!-- react-text: 130 -->面包屑（Breadcrumb）<!-- /react-text --></a></li><li data-reactid="131"><a class="bisheng-toc-h2" href="#标签页（Tabs）" title="标签页（Tabs）" data-reactid="132"><!-- react-text: 133 -->标签页（Tabs）<!-- /react-text --></a></li><li data-reactid="134"><a class="bisheng-toc-h2" href="#步骤条（Steps）" title="步骤条（Steps）" data-reactid="135"><!-- react-text: 136 -->步骤条（Steps）<!-- /react-text --></a></li><li data-reactid="137"><a class="bisheng-toc-h2" href="#分页器（Pagination）" title="分页器（Pagination）" data-reactid="138"><!-- react-text: 139 -->分页器（Pagination）<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="140"><h2 id="导航菜单（Menu）" data-reactid="141"><span data-reactid="142"><!-- react-text: 143 -->导航菜单（Menu）<!-- /react-text --></span><a href="#导航菜单（Menu）" class="anchor" data-reactid="144">#</a></h2><p data-reactid="145"><!-- react-text: 146 -->导航菜单是将内容信息友好地展示给用户的有效方式。在确定好网站的信息架构后，应当按需选取适当的导航菜单样式。<!-- /react-text --></p><h3 id="顶部导航菜单" data-reactid="147"><span data-reactid="148"><!-- react-text: 149 -->顶部导航菜单<!-- /react-text --></span><a href="#顶部导航菜单" class="anchor" data-reactid="150">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="151"><div class="preview-image-box" data-reactid="152"><div class="preview-image-wrapper" data-reactid="153"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/CHLsYZJzIISKiFegqrXQ.png" data-reactid="154"/></div><div class="preview-image-title" data-reactid="155"></div><div class="preview-image-description" data-reactid="156"></div><!-- react-empty: 157 --></div></div><p data-reactid="158"><!-- react-text: 159 -->顶部导航菜单的形式就是把超链接连成一行，信息内容层级比较简单明了，适用在浏览性强的门户性质以及比较前台化的应用。一级类目建议在 2-7 个以内。标题长度 4-15 个字符长度为好，中文字长 2-6 个。<!-- /react-text --></p><h3 id="侧边导航菜单" data-reactid="160"><span data-reactid="161"><!-- react-text: 162 -->侧边导航菜单<!-- /react-text --></span><a href="#侧边导航菜单" class="anchor" data-reactid="163">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="164"><div class="preview-image-box" data-reactid="165"><div class="preview-image-wrapper" data-reactid="166"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/iSgvIOKsqAdpJUeHVnnl.png" data-reactid="167"/></div><div class="preview-image-title" data-reactid="168"></div><div class="preview-image-description" data-reactid="169"></div><!-- react-empty: 170 --></div></div><p data-reactid="171"><!-- react-text: 172 -->垂直导航较横向的导航更灵活，易于向下扩展， 且允许的标签长度较长。类目数量不限，可配合滚动条使用，适合信息层级多、操作切换频率高的管理性质的应用。<!-- /react-text --></p><ul data-reactid="173"><li data-reactid="174"><p data-reactid="175"><!-- react-text: 176 -->更多常用导航布局可以参考 <!-- /react-text --><a href="/components/layout-cn/" data-reactid="177">Layout 组件</a><!-- react-text: 178 -->。<!-- /react-text --></p></li></ul><hr data-reactid="179"/><h2 id="面包屑（Breadcrumb）" data-reactid="180"><span data-reactid="181"><!-- react-text: 182 -->面包屑（Breadcrumb）<!-- /react-text --></span><a href="#面包屑（Breadcrumb）" class="anchor" data-reactid="183">#</a></h2><p data-reactid="184"><!-- react-text: 185 -->面包屑导航的作用是告诉用户当前页面在系统层级结构中的位置以及父子级页面间的关系。<!-- /react-text --></p><div class="preview-image-boxes clearfix" data-reactid="186"><div class="preview-image-box" data-reactid="187"><div class="preview-image-wrapper" data-reactid="188"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/uJPTOTAzNbKEfBKJbZmG.png" data-reactid="189"/></div><div class="preview-image-title" data-reactid="190"></div><div class="preview-image-description" data-reactid="191"></div><!-- react-empty: 192 --></div></div><blockquote data-reactid="193"><p data-reactid="194"><!-- react-text: 195 -->注意事项：<!-- /react-text --></p><ol data-reactid="196"><li data-reactid="197"><p data-reactid="198"><!-- react-text: 199 -->层级过深时，建议做隐藏处理，页面显示保持在三级以内，最多不宜超过五级；<!-- /react-text --></p></li><li data-reactid="200"><p data-reactid="201"><!-- react-text: 202 -->尽可能不使用面包屑，尤其是当前页面的导航能清晰的告诉用户他在哪里时。<!-- /react-text --></p></li></ol></blockquote><hr data-reactid="203"/><h2 id="标签页（Tabs）" data-reactid="204"><span data-reactid="205"><!-- react-text: 206 -->标签页（Tabs）<!-- /react-text --></span><a href="#标签页（Tabs）" class="anchor" data-reactid="207">#</a></h2><p data-reactid="208"><!-- react-text: 209 -->标签页把大量信息进行分类展示，用户可以方便地切换标签，而不必跳转页面进行比较浏览，可以在有限的显示区域内展示更多信息。分类可根据业务类别、业务状态或者操作类型等并列关系来分，分类标题长度为 2-6 个中文字。<!-- /react-text --></p><h3 id="基本样式" data-reactid="210"><span data-reactid="211"><!-- react-text: 212 -->基本样式<!-- /react-text --></span><a href="#基本样式" class="anchor" data-reactid="213">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="214"><div class="preview-image-box" data-reactid="215"><div class="preview-image-wrapper" data-reactid="216"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/DIrWhQPjVkVXMTurmFtj.png" data-reactid="217"/></div><div class="preview-image-title" data-reactid="218"></div><div class="preview-image-description" data-reactid="219"></div><!-- react-empty: 220 --></div></div><p data-reactid="221"><!-- react-text: 222 -->引领整个页面的内容，用于主功能切换。<!-- /react-text --></p><h3 id="卡片样式" data-reactid="223"><span data-reactid="224"><!-- react-text: 225 -->卡片样式<!-- /react-text --></span><a href="#卡片样式" class="anchor" data-reactid="226">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="227"><div class="preview-image-box" data-reactid="228"><div class="preview-image-wrapper" data-reactid="229"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/qUhhphhCUqcTBQuryPVz.png" data-reactid="230"/></div><div class="preview-image-title" data-reactid="231"></div><div class="preview-image-description" data-reactid="232"></div><!-- react-empty: 233 --></div></div><p data-reactid="234"><!-- react-text: 235 -->用于页面中局部展示，包裹型容器能很好的和其它内容隔离。<!-- /react-text --></p><h3 id="胶囊型样式" data-reactid="236"><span data-reactid="237"><!-- react-text: 238 -->胶囊型样式<!-- /react-text --></span><a href="#胶囊型样式" class="anchor" data-reactid="239">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="240"><div class="preview-image-box" data-reactid="241"><div class="preview-image-wrapper" data-reactid="242"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/JGxYplcbVQZiDBFUKnDa.png" data-reactid="243"/></div><div class="preview-image-title" data-reactid="244"></div><div class="preview-image-description" data-reactid="245">一般用于小版块内，或与基本样式、卡片样式搭配使用。</div><!-- react-empty: 246 --></div></div><p data-reactid="247"><!-- react-text: 248 -->用于卡片内的选项切换，经常和其它组件结合使用，让用户快速切换对应内容。<!-- /react-text --></p><h3 id="竖状样式" data-reactid="249"><span data-reactid="250"><!-- react-text: 251 -->竖状样式<!-- /react-text --></span><a href="#竖状样式" class="anchor" data-reactid="252">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="253"><div class="preview-image-box" data-reactid="254"><div class="preview-image-wrapper" data-reactid="255"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/HcKwSTAlBhXwJBmrILoj.png" data-reactid="256"/></div><div class="preview-image-title" data-reactid="257"></div><div class="preview-image-description" data-reactid="258"></div><!-- react-empty: 259 --></div></div><p data-reactid="260"><!-- react-text: 261 -->用于分类较多的选项，可以不限制分类数量，具备更好的扩展性。<!-- /react-text --></p><hr data-reactid="262"/><h2 id="步骤条（Steps）" data-reactid="263"><span data-reactid="264"><!-- react-text: 265 -->步骤条（Steps）<!-- /react-text --></span><a href="#步骤条（Steps）" class="anchor" data-reactid="266">#</a></h2><p data-reactid="267"><!-- react-text: 268 -->步骤条是引导用户按照流程完成任务的导航条，可以帮助用户对操作流程长度和步骤有个预期，并且知道自己当前在哪个步骤，同时也可以对用户的任务完成度有明确的度量。当任务复杂或者存在先后关系时，将其分解成一系列步骤。<!-- /react-text --></p><h3 id="横向流程步骤条" data-reactid="269"><span data-reactid="270"><!-- react-text: 271 -->横向流程步骤条<!-- /react-text --></span><a href="#横向流程步骤条" class="anchor" data-reactid="272">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="273"><div class="preview-image-box" data-reactid="274"><div class="preview-image-wrapper" data-reactid="275"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/lPqKbrGtQTqzzdwofzok.png" data-reactid="276"/></div><div class="preview-image-title" data-reactid="277"></div><div class="preview-image-description" data-reactid="278"></div><!-- react-empty: 279 --></div></div><p data-reactid="280"><!-- react-text: 281 -->步骤多于 2 步时使用, 但建议不超过 5 步，每阶段文字长度保持在 12 个字符以内。<!-- /react-text --></p><h3 id="竖向流程步骤条" data-reactid="282"><span data-reactid="283"><!-- react-text: 284 -->竖向流程步骤条<!-- /react-text --></span><a href="#竖向流程步骤条" class="anchor" data-reactid="285">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="286"><div class="preview-image-box" data-reactid="287"><div class="preview-image-wrapper" data-reactid="288"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/gYnwqXKtCTaIQnvbhMlo.png" data-reactid="289"/></div><div class="preview-image-title" data-reactid="290"></div><div class="preview-image-description" data-reactid="291"></div><!-- react-empty: 292 --></div></div><p data-reactid="293"><!-- react-text: 294 -->一般居页面左侧，悬浮固定，可追加多行文字描述，适合较多步骤或步骤数动态变化时使用，例如：时间步骤跟踪描述。<!-- /react-text --></p><hr data-reactid="295"/><h2 id="分页器（Pagination）" data-reactid="296"><span data-reactid="297"><!-- react-text: 298 -->分页器（Pagination）<!-- /react-text --></span><a href="#分页器（Pagination）" class="anchor" data-reactid="299">#</a></h2><p data-reactid="300"><!-- react-text: 301 -->当有大量内容需要展现时进行分页加载处理，分页器可以让用户清楚的知道自己所要浏览的内容有多少、已经浏览了多少、还剩余多少。<!-- /react-text --></p><h3 id="标准样式" data-reactid="302"><span data-reactid="303"><!-- react-text: 304 -->标准样式<!-- /react-text --></span><a href="#标准样式" class="anchor" data-reactid="305">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="306"><div class="preview-image-box" data-reactid="307"><div class="preview-image-wrapper" data-reactid="308"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/tarFEzfOZhEYtclFAsJX.png" data-reactid="309"/></div><div class="preview-image-title" data-reactid="310"></div><div class="preview-image-description" data-reactid="311">当页数超过 5 页时，可以提供快速跳转页面的功能。</div><!-- react-empty: 312 --></div></div><p data-reactid="313"><!-- react-text: 314 -->当信息条目较多的时候，可以允许用户自定义每页的行数，以提高用户查看和检索信息的效率和灵活性，常与表格、卡片搭配使用。<!-- /react-text --></p><h3 id="迷你样式" data-reactid="315"><span data-reactid="316"><!-- react-text: 317 -->迷你样式<!-- /react-text --></span><a href="#迷你样式" class="anchor" data-reactid="318">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="319"><div class="preview-image-box" data-reactid="320"><div class="preview-image-wrapper" data-reactid="321"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/rIilfwNWTONzxGOWXbVM.png" data-reactid="322"/></div><div class="preview-image-title" data-reactid="323"></div><div class="preview-image-description" data-reactid="324"></div><!-- react-empty: 325 --></div></div><p data-reactid="326"><!-- react-text: 327 -->一般用于卡片或者浮层。<!-- /react-text --></p><h3 id="简易样式" data-reactid="328"><span data-reactid="329"><!-- react-text: 330 -->简易样式<!-- /react-text --></span><a href="#简易样式" class="anchor" data-reactid="331">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="332"><div class="preview-image-box" data-reactid="333"><div class="preview-image-wrapper" data-reactid="334"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/viUMXhmLoFTqjTgoJNxZ.png" data-reactid="335"/></div><div class="preview-image-title" data-reactid="336"></div><div class="preview-image-description" data-reactid="337"></div><!-- react-empty: 338 --></div></div><p data-reactid="339"><!-- react-text: 340 -->一般用于卡片或者统计类表格展示，在 10 页之内。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="341"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="342"><section class="prev-next-nav" data-reactid="343"><a class="prev-page" href="/docs/spec/layout-cn" data-reactid="344">布局</a><a class="next-page" href="/docs/spec/data-entry-cn" data-reactid="345">数据录入</a></section></div></div></div><footer id="footer" data-reactid="346"><ul data-reactid="347"><li data-reactid="348"><h2 data-reactid="349"><i class="anticon anticon-github" data-reactid="350"></i><!-- react-text: 351 --> GitHub<!-- /react-text --></h2><div data-reactid="352"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="353"><span data-reactid="354">源码仓库</span></a></div><div data-reactid="355"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="356"><span data-reactid="357">定制主题</span></a></div><div data-reactid="358"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="359"><span data-reactid="360">Awesome Ant Design</span></a></div></li><li data-reactid="361"><h2 data-reactid="362"><i class="anticon anticon-link" data-reactid="363"></i><!-- react-text: 364 --> <!-- /react-text --><span data-reactid="365">相关站点</span></h2><div data-reactid="366"><a href="https://design.alipay.com/" data-reactid="367"><span data-reactid="368">蚂蚁金服设计平台</span></a></div><div data-reactid="369"><a href="http://mobile.ant.design" data-reactid="370">Ant Design Mobile</a><span data-reactid="371"> - </span><span data-reactid="372">移动版</span></div><div data-reactid="373"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="374">dva</a><!-- react-text: 375 --> - <!-- /react-text --><span data-reactid="376">应用框架</span></div><div data-reactid="377"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="378">dva-cli</a><!-- react-text: 379 --> -<!-- /react-text --><span data-reactid="380">开发工具</span></div><div data-reactid="381"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="382">Egg</a><span data-reactid="383"> - </span><span data-reactid="384">企业级 Node 开发框架</span></div><div data-reactid="385"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="386">AntV</a><span data-reactid="387"> - </span><span data-reactid="388">数据可视化</span></div><div data-reactid="389"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="390">Ant Motion</a><span data-reactid="391"> - </span><span data-reactid="392">设计动效</span></div><div data-reactid="393"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="394">AntD Library</a><span data-reactid="395"> - </span><span data-reactid="396">Axure 部件库</span></div><div data-reactid="397"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="398">Ant UX</a><span data-reactid="399"> - </span><span data-reactid="400">页面逻辑素材</span></div></li><li data-reactid="401"><h2 data-reactid="402"><i class="anticon anticon-customer-service" data-reactid="403"></i><!-- react-text: 404 --> <!-- /react-text --><span data-reactid="405">社区</span></h2><div data-reactid="406"><a href="/changelog" data-reactid="407"><span data-reactid="408">更新记录</span></a></div><div data-reactid="409"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="410"><span data-reactid="411">常见问题</span></a></div><div data-reactid="412"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="413"><span data-reactid="414">在线讨论 (中文)</span></a></div><div data-reactid="415"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="416"><span data-reactid="417">在线讨论 (English)</span></a></div><div data-reactid="418"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="419"><span data-reactid="420">报告 Bug</span></a></div><div data-reactid="421"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="422"><span data-reactid="423">讨论列表</span></a></div><div data-reactid="424"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="425"><span data-reactid="426">StackOverflow</span></a></div><div data-reactid="427"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="428"><span data-reactid="429">SegmentFault</span></a></div></li><li data-reactid="430"><h2 data-reactid="431"><!-- react-text: 432 -->Copyright © <!-- /react-text --><!-- react-text: 433 -->2017<!-- /react-text --></h2><div data-reactid="434"><span data-reactid="435">蚂蚁金服体验技术部出品</span></div><div data-reactid="436"><!-- react-text: 437 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="438">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->导航<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/navigation.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->在广义上，任何告知用户他在哪里，他能去什么地方以及如何到达那里的方式，都可以称之为导航。当设计者使用导航或者自定义一些导航结构时，请注意：<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->尽可能提供标识、上下文线索，避免用户迷路；<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->保持导航样式和行为一致或者减少导航数量，降低用户学习成本；<!-- /react-text --></p></li><li data-reactid="120"><p data-reactid="121"><!-- react-text: 122 -->尽可能减少页面间的跳转（例如：一个常见任务需要多个页面跳转时，请减少至一到两次），让用户移动距离保持简短。<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="123"><ul data-reactid="124"><li data-reactid="125"><a class="bisheng-toc-h2" href="#导航菜单（Menu）" title="导航菜单（Menu）" data-reactid="126"><!-- react-text: 127 -->导航菜单（Menu）<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#面包屑（Breadcrumb）" title="面包屑（Breadcrumb）" data-reactid="129"><!-- react-text: 130 -->面包屑（Breadcrumb）<!-- /react-text --></a></li><li data-reactid="131"><a class="bisheng-toc-h2" href="#标签页（Tabs）" title="标签页（Tabs）" data-reactid="132"><!-- react-text: 133 -->标签页（Tabs）<!-- /react-text --></a></li><li data-reactid="134"><a class="bisheng-toc-h2" href="#步骤条（Steps）" title="步骤条（Steps）" data-reactid="135"><!-- react-text: 136 -->步骤条（Steps）<!-- /react-text --></a></li><li data-reactid="137"><a class="bisheng-toc-h2" href="#分页器（Pagination）" title="分页器（Pagination）" data-reactid="138"><!-- react-text: 139 -->分页器（Pagination）<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="140"><h2 id="导航菜单（Menu）" data-reactid="141"><span data-reactid="142"><!-- react-text: 143 -->导航菜单（Menu）<!-- /react-text --></span><a href="#导航菜单（Menu）" class="anchor" data-reactid="144">#</a></h2><p data-reactid="145"><!-- react-text: 146 -->导航菜单是将内容信息友好地展示给用户的有效方式。在确定好网站的信息架构后，应当按需选取适当的导航菜单样式。<!-- /react-text --></p><h3 id="顶部导航菜单" data-reactid="147"><span data-reactid="148"><!-- react-text: 149 -->顶部导航菜单<!-- /react-text --></span><a href="#顶部导航菜单" class="anchor" data-reactid="150">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="151"><div class="preview-image-box" data-reactid="152"><div class="preview-image-wrapper" data-reactid="153"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/CHLsYZJzIISKiFegqrXQ.png" data-reactid="154"/></div><div class="preview-image-title" data-reactid="155"></div><div class="preview-image-description" data-reactid="156"></div><!-- react-empty: 157 --></div></div><p data-reactid="158"><!-- react-text: 159 -->顶部导航菜单的形式就是把超链接连成一行，信息内容层级比较简单明了，适用在浏览性强的门户性质以及比较前台化的应用。一级类目建议在 2-7 个以内。标题长度 4-15 个字符长度为好，中文字长 2-6 个。<!-- /react-text --></p><h3 id="侧边导航菜单" data-reactid="160"><span data-reactid="161"><!-- react-text: 162 -->侧边导航菜单<!-- /react-text --></span><a href="#侧边导航菜单" class="anchor" data-reactid="163">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="164"><div class="preview-image-box" data-reactid="165"><div class="preview-image-wrapper" data-reactid="166"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/iSgvIOKsqAdpJUeHVnnl.png" data-reactid="167"/></div><div class="preview-image-title" data-reactid="168"></div><div class="preview-image-description" data-reactid="169"></div><!-- react-empty: 170 --></div></div><p data-reactid="171"><!-- react-text: 172 -->垂直导航较横向的导航更灵活，易于向下扩展， 且允许的标签长度较长。类目数量不限，可配合滚动条使用，适合信息层级多、操作切换频率高的管理性质的应用。<!-- /react-text --></p><ul data-reactid="173"><li data-reactid="174"><p data-reactid="175"><!-- react-text: 176 -->更多常用导航布局可以参考 <!-- /react-text --><a href="/components/layout-cn/" data-reactid="177">Layout 组件</a><!-- react-text: 178 -->。<!-- /react-text --></p></li></ul><hr data-reactid="179"/><h2 id="面包屑（Breadcrumb）" data-reactid="180"><span data-reactid="181"><!-- react-text: 182 -->面包屑（Breadcrumb）<!-- /react-text --></span><a href="#面包屑（Breadcrumb）" class="anchor" data-reactid="183">#</a></h2><p data-reactid="184"><!-- react-text: 185 -->面包屑导航的作用是告诉用户当前页面在系统层级结构中的位置以及父子级页面间的关系。<!-- /react-text --></p><div class="preview-image-boxes clearfix" data-reactid="186"><div class="preview-image-box" data-reactid="187"><div class="preview-image-wrapper" data-reactid="188"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/uJPTOTAzNbKEfBKJbZmG.png" data-reactid="189"/></div><div class="preview-image-title" data-reactid="190"></div><div class="preview-image-description" data-reactid="191"></div><!-- react-empty: 192 --></div></div><blockquote data-reactid="193"><p data-reactid="194"><!-- react-text: 195 -->注意事项：<!-- /react-text --></p><ol data-reactid="196"><li data-reactid="197"><p data-reactid="198"><!-- react-text: 199 -->层级过深时，建议做隐藏处理，页面显示保持在三级以内，最多不宜超过五级；<!-- /react-text --></p></li><li data-reactid="200"><p data-reactid="201"><!-- react-text: 202 -->尽可能不使用面包屑，尤其是当前页面的导航能清晰的告诉用户他在哪里时。<!-- /react-text --></p></li></ol></blockquote><hr data-reactid="203"/><h2 id="标签页（Tabs）" data-reactid="204"><span data-reactid="205"><!-- react-text: 206 -->标签页（Tabs）<!-- /react-text --></span><a href="#标签页（Tabs）" class="anchor" data-reactid="207">#</a></h2><p data-reactid="208"><!-- react-text: 209 -->标签页把大量信息进行分类展示，用户可以方便地切换标签，而不必跳转页面进行比较浏览，可以在有限的显示区域内展示更多信息。分类可根据业务类别、业务状态或者操作类型等并列关系来分，分类标题长度为 2-6 个中文字。<!-- /react-text --></p><h3 id="基本样式" data-reactid="210"><span data-reactid="211"><!-- react-text: 212 -->基本样式<!-- /react-text --></span><a href="#基本样式" class="anchor" data-reactid="213">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="214"><div class="preview-image-box" data-reactid="215"><div class="preview-image-wrapper" data-reactid="216"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/DIrWhQPjVkVXMTurmFtj.png" data-reactid="217"/></div><div class="preview-image-title" data-reactid="218"></div><div class="preview-image-description" data-reactid="219"></div><!-- react-empty: 220 --></div></div><p data-reactid="221"><!-- react-text: 222 -->引领整个页面的内容，用于主功能切换。<!-- /react-text --></p><h3 id="卡片样式" data-reactid="223"><span data-reactid="224"><!-- react-text: 225 -->卡片样式<!-- /react-text --></span><a href="#卡片样式" class="anchor" data-reactid="226">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="227"><div class="preview-image-box" data-reactid="228"><div class="preview-image-wrapper" data-reactid="229"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/qUhhphhCUqcTBQuryPVz.png" data-reactid="230"/></div><div class="preview-image-title" data-reactid="231"></div><div class="preview-image-description" data-reactid="232"></div><!-- react-empty: 233 --></div></div><p data-reactid="234"><!-- react-text: 235 -->用于页面中局部展示，包裹型容器能很好的和其它内容隔离。<!-- /react-text --></p><h3 id="胶囊型样式" data-reactid="236"><span data-reactid="237"><!-- react-text: 238 -->胶囊型样式<!-- /react-text --></span><a href="#胶囊型样式" class="anchor" data-reactid="239">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="240"><div class="preview-image-box" data-reactid="241"><div class="preview-image-wrapper" data-reactid="242"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/JGxYplcbVQZiDBFUKnDa.png" data-reactid="243"/></div><div class="preview-image-title" data-reactid="244"></div><div class="preview-image-description" data-reactid="245">一般用于小版块内，或与基本样式、卡片样式搭配使用。</div><!-- react-empty: 246 --></div></div><p data-reactid="247"><!-- react-text: 248 -->用于卡片内的选项切换，经常和其它组件结合使用，让用户快速切换对应内容。<!-- /react-text --></p><h3 id="竖状样式" data-reactid="249"><span data-reactid="250"><!-- react-text: 251 -->竖状样式<!-- /react-text --></span><a href="#竖状样式" class="anchor" data-reactid="252">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="253"><div class="preview-image-box" data-reactid="254"><div class="preview-image-wrapper" data-reactid="255"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/HcKwSTAlBhXwJBmrILoj.png" data-reactid="256"/></div><div class="preview-image-title" data-reactid="257"></div><div class="preview-image-description" data-reactid="258"></div><!-- react-empty: 259 --></div></div><p data-reactid="260"><!-- react-text: 261 -->用于分类较多的选项，可以不限制分类数量，具备更好的扩展性。<!-- /react-text --></p><hr data-reactid="262"/><h2 id="步骤条（Steps）" data-reactid="263"><span data-reactid="264"><!-- react-text: 265 -->步骤条（Steps）<!-- /react-text --></span><a href="#步骤条（Steps）" class="anchor" data-reactid="266">#</a></h2><p data-reactid="267"><!-- react-text: 268 -->步骤条是引导用户按照流程完成任务的导航条，可以帮助用户对操作流程长度和步骤有个预期，并且知道自己当前在哪个步骤，同时也可以对用户的任务完成度有明确的度量。当任务复杂或者存在先后关系时，将其分解成一系列步骤。<!-- /react-text --></p><h3 id="横向流程步骤条" data-reactid="269"><span data-reactid="270"><!-- react-text: 271 -->横向流程步骤条<!-- /react-text --></span><a href="#横向流程步骤条" class="anchor" data-reactid="272">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="273"><div class="preview-image-box" data-reactid="274"><div class="preview-image-wrapper" data-reactid="275"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/lPqKbrGtQTqzzdwofzok.png" data-reactid="276"/></div><div class="preview-image-title" data-reactid="277"></div><div class="preview-image-description" data-reactid="278"></div><!-- react-empty: 279 --></div></div><p data-reactid="280"><!-- react-text: 281 -->步骤多于 2 步时使用, 但建议不超过 5 步，每阶段文字长度保持在 12 个字符以内。<!-- /react-text --></p><h3 id="竖向流程步骤条" data-reactid="282"><span data-reactid="283"><!-- react-text: 284 -->竖向流程步骤条<!-- /react-text --></span><a href="#竖向流程步骤条" class="anchor" data-reactid="285">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="286"><div class="preview-image-box" data-reactid="287"><div class="preview-image-wrapper" data-reactid="288"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/gYnwqXKtCTaIQnvbhMlo.png" data-reactid="289"/></div><div class="preview-image-title" data-reactid="290"></div><div class="preview-image-description" data-reactid="291"></div><!-- react-empty: 292 --></div></div><p data-reactid="293"><!-- react-text: 294 -->一般居页面左侧，悬浮固定，可追加多行文字描述，适合较多步骤或步骤数动态变化时使用，例如：时间步骤跟踪描述。<!-- /react-text --></p><hr data-reactid="295"/><h2 id="分页器（Pagination）" data-reactid="296"><span data-reactid="297"><!-- react-text: 298 -->分页器（Pagination）<!-- /react-text --></span><a href="#分页器（Pagination）" class="anchor" data-reactid="299">#</a></h2><p data-reactid="300"><!-- react-text: 301 -->当有大量内容需要展现时进行分页加载处理，分页器可以让用户清楚的知道自己所要浏览的内容有多少、已经浏览了多少、还剩余多少。<!-- /react-text --></p><h3 id="标准样式" data-reactid="302"><span data-reactid="303"><!-- react-text: 304 -->标准样式<!-- /react-text --></span><a href="#标准样式" class="anchor" data-reactid="305">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="306"><div class="preview-image-box" data-reactid="307"><div class="preview-image-wrapper" data-reactid="308"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/tarFEzfOZhEYtclFAsJX.png" data-reactid="309"/></div><div class="preview-image-title" data-reactid="310"></div><div class="preview-image-description" data-reactid="311">当页数超过 5 页时，可以提供快速跳转页面的功能。</div><!-- react-empty: 312 --></div></div><p data-reactid="313"><!-- react-text: 314 -->当信息条目较多的时候，可以允许用户自定义每页的行数，以提高用户查看和检索信息的效率和灵活性，常与表格、卡片搭配使用。<!-- /react-text --></p><h3 id="迷你样式" data-reactid="315"><span data-reactid="316"><!-- react-text: 317 -->迷你样式<!-- /react-text --></span><a href="#迷你样式" class="anchor" data-reactid="318">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="319"><div class="preview-image-box" data-reactid="320"><div class="preview-image-wrapper" data-reactid="321"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/rIilfwNWTONzxGOWXbVM.png" data-reactid="322"/></div><div class="preview-image-title" data-reactid="323"></div><div class="preview-image-description" data-reactid="324"></div><!-- react-empty: 325 --></div></div><p data-reactid="326"><!-- react-text: 327 -->一般用于卡片或者浮层。<!-- /react-text --></p><h3 id="简易样式" data-reactid="328"><span data-reactid="329"><!-- react-text: 330 -->简易样式<!-- /react-text --></span><a href="#简易样式" class="anchor" data-reactid="331">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="332"><div class="preview-image-box" data-reactid="333"><div class="preview-image-wrapper" data-reactid="334"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/viUMXhmLoFTqjTgoJNxZ.png" data-reactid="335"/></div><div class="preview-image-title" data-reactid="336"></div><div class="preview-image-description" data-reactid="337"></div><!-- react-empty: 338 --></div></div><p data-reactid="339"><!-- react-text: 340 -->一般用于卡片或者统计类表格展示，在 10 页之内。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="341"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="342"><section class="prev-next-nav" data-reactid="343"><a class="prev-page" href="/docs/spec/layout-cn" data-reactid="344">布局</a><a class="next-page" href="/docs/spec/data-entry-cn" data-reactid="345">数据录入</a></section></div></div></div><footer id="footer" data-reactid="346"><ul data-reactid="347"><li data-reactid="348"><h2 data-reactid="349"><i class="anticon anticon-github" data-reactid="350"></i><!-- react-text: 351 --> GitHub<!-- /react-text --></h2><div data-reactid="352"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="353"><span data-reactid="354">源码仓库</span></a></div><div data-reactid="355"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="356"><span data-reactid="357">定制主题</span></a></div><div data-reactid="358"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="359"><span data-reactid="360">Awesome Ant Design</span></a></div></li><li data-reactid="361"><h2 data-reactid="362"><i class="anticon anticon-link" data-reactid="363"></i><!-- react-text: 364 --> <!-- /react-text --><span data-reactid="365">相关站点</span></h2><div data-reactid="366"><a href="https://design.alipay.com/" data-reactid="367"><span data-reactid="368">蚂蚁金服设计平台</span></a></div><div data-reactid="369"><a href="http://mobile.ant.design" data-reactid="370">Ant Design Mobile</a><span data-reactid="371"> - </span><span data-reactid="372">移动版</span></div><div data-reactid="373"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="374">dva</a><!-- react-text: 375 --> - <!-- /react-text --><span data-reactid="376">应用框架</span></div><div data-reactid="377"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="378">dva-cli</a><!-- react-text: 379 --> -<!-- /react-text --><span data-reactid="380">开发工具</span></div><div data-reactid="381"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="382">Egg</a><span data-reactid="383"> - </span><span data-reactid="384">企业级 Node 开发框架</span></div><div data-reactid="385"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="386">AntV</a><span data-reactid="387"> - </span><span data-reactid="388">数据可视化</span></div><div data-reactid="389"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="390">Ant Motion</a><span data-reactid="391"> - </span><span data-reactid="392">设计动效</span></div><div data-reactid="393"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="394">AntD Library</a><span data-reactid="395"> - </span><span data-reactid="396">Axure 部件库</span></div><div data-reactid="397"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="398">Ant UX</a><span data-reactid="399"> - </span><span data-reactid="400">页面逻辑素材</span></div></li><li data-reactid="401"><h2 data-reactid="402"><i class="anticon anticon-customer-service" data-reactid="403"></i><!-- react-text: 404 --> <!-- /react-text --><span data-reactid="405">社区</span></h2><div data-reactid="406"><a href="/changelog" data-reactid="407"><span data-reactid="408">更新记录</span></a></div><div data-reactid="409"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="410"><span data-reactid="411">常见问题</span></a></div><div data-reactid="412"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="413"><span data-reactid="414">在线讨论 (中文)</span></a></div><div data-reactid="415"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="416"><span data-reactid="417">在线讨论 (English)</span></a></div><div data-reactid="418"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="419"><span data-reactid="420">报告 Bug</span></a></div><div data-reactid="421"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="422"><span data-reactid="423">讨论列表</span></a></div><div data-reactid="424"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="425"><span data-reactid="426">StackOverflow</span></a></div><div data-reactid="427"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="428"><span data-reactid="429">SegmentFault</span></a></div></li><li data-reactid="430"><h2 data-reactid="431"><!-- react-text: 432 -->Copyright © <!-- /react-text --><!-- react-text: 433 -->2017<!-- /react-text --></h2><div data-reactid="434"><span data-reactid="435">蚂蚁金服体验技术部出品</span></div><div data-reactid="436"><!-- react-text: 437 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="438">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/navigation.html b/docs/spec/navigation.html
index 7ae63de87..a462b74e4 100644
--- a/docs/spec/navigation.html
+++ b/docs/spec/navigation.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="522742884"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="736783462"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/lightweight" data-reactid="72">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/stay" data-reactid="74">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Navigation<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/navigation.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->在广义上，任何告知用户他在哪里，他能去什么地方以及如何到达那里的方式，都可以称之为导航。当设计者使用导航或者自定义一些导航结构时，请注意：<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->尽可能提供标识、上下文线索，避免用户迷路；<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->保持导航样式和行为一致或者减少导航数量，降低用户学习成本；<!-- /react-text --></p></li><li data-reactid="120"><p data-reactid="121"><!-- react-text: 122 -->尽可能减少页面间的跳转（例如：一个常见任务需要多个页面跳转时，请减少至一到两次），让用户移动距离保持简短。<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="123"><ul data-reactid="124"><li data-reactid="125"><a class="bisheng-toc-h2" href="#导航菜单（Menu）" title="导航菜单（Menu）" data-reactid="126"><!-- react-text: 127 -->导航菜单（Menu）<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#面包屑（Breadcrumb）" title="面包屑（Breadcrumb）" data-reactid="129"><!-- react-text: 130 -->面包屑（Breadcrumb）<!-- /react-text --></a></li><li data-reactid="131"><a class="bisheng-toc-h2" href="#标签页（Tabs）" title="标签页（Tabs）" data-reactid="132"><!-- react-text: 133 -->标签页（Tabs）<!-- /react-text --></a></li><li data-reactid="134"><a class="bisheng-toc-h2" href="#步骤条（Steps）" title="步骤条（Steps）" data-reactid="135"><!-- react-text: 136 -->步骤条（Steps）<!-- /react-text --></a></li><li data-reactid="137"><a class="bisheng-toc-h2" href="#分页器（Pagination）" title="分页器（Pagination）" data-reactid="138"><!-- react-text: 139 -->分页器（Pagination）<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="140"><h2 id="导航菜单（Menu）" data-reactid="141"><span data-reactid="142"><!-- react-text: 143 -->导航菜单（Menu）<!-- /react-text --></span><a href="#导航菜单（Menu）" class="anchor" data-reactid="144">#</a></h2><p data-reactid="145"><!-- react-text: 146 -->导航菜单是将内容信息友好地展示给用户的有效方式。在确定好网站的信息架构后，应当按需选取适当的导航菜单样式。<!-- /react-text --></p><h3 id="顶部导航菜单" data-reactid="147"><span data-reactid="148"><!-- react-text: 149 -->顶部导航菜单<!-- /react-text --></span><a href="#顶部导航菜单" class="anchor" data-reactid="150">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="151"><div class="preview-image-box" data-reactid="152"><div class="preview-image-wrapper" data-reactid="153"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/CHLsYZJzIISKiFegqrXQ.png" data-reactid="154"/></div><div class="preview-image-title" data-reactid="155"></div><div class="preview-image-description" data-reactid="156"></div><!-- react-empty: 157 --></div></div><p data-reactid="158"><!-- react-text: 159 -->顶部导航菜单的形式就是把超链接连成一行，信息内容层级比较简单明了，适用在浏览性强的门户性质以及比较前台化的应用。一级类目建议在 2-7 个以内。标题长度 4-15 个字符长度为好，中文字长 2-6 个。<!-- /react-text --></p><h3 id="侧边导航菜单" data-reactid="160"><span data-reactid="161"><!-- react-text: 162 -->侧边导航菜单<!-- /react-text --></span><a href="#侧边导航菜单" class="anchor" data-reactid="163">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="164"><div class="preview-image-box" data-reactid="165"><div class="preview-image-wrapper" data-reactid="166"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/iSgvIOKsqAdpJUeHVnnl.png" data-reactid="167"/></div><div class="preview-image-title" data-reactid="168"></div><div class="preview-image-description" data-reactid="169"></div><!-- react-empty: 170 --></div></div><p data-reactid="171"><!-- react-text: 172 -->垂直导航较横向的导航更灵活，易于向下扩展， 且允许的标签长度较长。类目数量不限，可配合滚动条使用，适合信息层级多、操作切换频率高的管理性质的应用。<!-- /react-text --></p><ul data-reactid="173"><li data-reactid="174"><p data-reactid="175"><!-- react-text: 176 -->更多常用导航布局可以参考 <!-- /react-text --><a href="/components/layout/" data-reactid="177">Layout 组件</a><!-- react-text: 178 -->。<!-- /react-text --></p></li></ul><hr data-reactid="179"/><h2 id="面包屑（Breadcrumb）" data-reactid="180"><span data-reactid="181"><!-- react-text: 182 -->面包屑（Breadcrumb）<!-- /react-text --></span><a href="#面包屑（Breadcrumb）" class="anchor" data-reactid="183">#</a></h2><p data-reactid="184"><!-- react-text: 185 -->面包屑导航的作用是告诉用户当前页面在系统层级结构中的位置以及父子级页面间的关系。<!-- /react-text --></p><div class="preview-image-boxes clearfix" data-reactid="186"><div class="preview-image-box" data-reactid="187"><div class="preview-image-wrapper" data-reactid="188"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/uJPTOTAzNbKEfBKJbZmG.png" data-reactid="189"/></div><div class="preview-image-title" data-reactid="190"></div><div class="preview-image-description" data-reactid="191"></div><!-- react-empty: 192 --></div></div><blockquote data-reactid="193"><p data-reactid="194"><!-- react-text: 195 -->注意事项：<!-- /react-text --></p><ol data-reactid="196"><li data-reactid="197"><p data-reactid="198"><!-- react-text: 199 -->层级过深时，建议做隐藏处理，页面显示保持在三级以内，最多不宜超过五级；<!-- /react-text --></p></li><li data-reactid="200"><p data-reactid="201"><!-- react-text: 202 -->尽可能不使用面包屑，尤其是当前页面的导航能清晰的告诉用户他在哪里时。<!-- /react-text --></p></li></ol></blockquote><hr data-reactid="203"/><h2 id="标签页（Tabs）" data-reactid="204"><span data-reactid="205"><!-- react-text: 206 -->标签页（Tabs）<!-- /react-text --></span><a href="#标签页（Tabs）" class="anchor" data-reactid="207">#</a></h2><p data-reactid="208"><!-- react-text: 209 -->标签页把大量信息进行分类展示，用户可以方便地切换标签，而不必跳转页面进行比较浏览，可以在有限的显示区域内展示更多信息。分类可根据业务类别、业务状态或者操作类型等并列关系来分，分类标题长度为 2-6 个中文字。<!-- /react-text --></p><h3 id="基本样式" data-reactid="210"><span data-reactid="211"><!-- react-text: 212 -->基本样式<!-- /react-text --></span><a href="#基本样式" class="anchor" data-reactid="213">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="214"><div class="preview-image-box" data-reactid="215"><div class="preview-image-wrapper" data-reactid="216"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/DIrWhQPjVkVXMTurmFtj.png" data-reactid="217"/></div><div class="preview-image-title" data-reactid="218"></div><div class="preview-image-description" data-reactid="219"></div><!-- react-empty: 220 --></div></div><p data-reactid="221"><!-- react-text: 222 -->引领整个页面的内容，用于主功能切换。<!-- /react-text --></p><h3 id="卡片样式" data-reactid="223"><span data-reactid="224"><!-- react-text: 225 -->卡片样式<!-- /react-text --></span><a href="#卡片样式" class="anchor" data-reactid="226">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="227"><div class="preview-image-box" data-reactid="228"><div class="preview-image-wrapper" data-reactid="229"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/qUhhphhCUqcTBQuryPVz.png" data-reactid="230"/></div><div class="preview-image-title" data-reactid="231"></div><div class="preview-image-description" data-reactid="232"></div><!-- react-empty: 233 --></div></div><p data-reactid="234"><!-- react-text: 235 -->用于页面中局部展示，包裹型容器能很好的和其它内容隔离。<!-- /react-text --></p><h3 id="胶囊型样式" data-reactid="236"><span data-reactid="237"><!-- react-text: 238 -->胶囊型样式<!-- /react-text --></span><a href="#胶囊型样式" class="anchor" data-reactid="239">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="240"><div class="preview-image-box" data-reactid="241"><div class="preview-image-wrapper" data-reactid="242"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/JGxYplcbVQZiDBFUKnDa.png" data-reactid="243"/></div><div class="preview-image-title" data-reactid="244"></div><div class="preview-image-description" data-reactid="245">一般用于小版块内，或与基本样式、卡片样式搭配使用。</div><!-- react-empty: 246 --></div></div><p data-reactid="247"><!-- react-text: 248 -->用于卡片内的选项切换，经常和其它组件结合使用，让用户快速切换对应内容。<!-- /react-text --></p><h3 id="竖状样式" data-reactid="249"><span data-reactid="250"><!-- react-text: 251 -->竖状样式<!-- /react-text --></span><a href="#竖状样式" class="anchor" data-reactid="252">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="253"><div class="preview-image-box" data-reactid="254"><div class="preview-image-wrapper" data-reactid="255"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/HcKwSTAlBhXwJBmrILoj.png" data-reactid="256"/></div><div class="preview-image-title" data-reactid="257"></div><div class="preview-image-description" data-reactid="258"></div><!-- react-empty: 259 --></div></div><p data-reactid="260"><!-- react-text: 261 -->用于分类较多的选项，可以不限制分类数量，具备更好的扩展性。<!-- /react-text --></p><hr data-reactid="262"/><h2 id="步骤条（Steps）" data-reactid="263"><span data-reactid="264"><!-- react-text: 265 -->步骤条（Steps）<!-- /react-text --></span><a href="#步骤条（Steps）" class="anchor" data-reactid="266">#</a></h2><p data-reactid="267"><!-- react-text: 268 -->步骤条是引导用户按照流程完成任务的导航条，可以帮助用户对操作流程长度和步骤有个预期，并且知道自己当前在哪个步骤，同时也可以对用户的任务完成度有明确的度量。当任务复杂或者存在先后关系时，将其分解成一系列步骤。<!-- /react-text --></p><h3 id="横向流程步骤条" data-reactid="269"><span data-reactid="270"><!-- react-text: 271 -->横向流程步骤条<!-- /react-text --></span><a href="#横向流程步骤条" class="anchor" data-reactid="272">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="273"><div class="preview-image-box" data-reactid="274"><div class="preview-image-wrapper" data-reactid="275"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/lPqKbrGtQTqzzdwofzok.png" data-reactid="276"/></div><div class="preview-image-title" data-reactid="277"></div><div class="preview-image-description" data-reactid="278"></div><!-- react-empty: 279 --></div></div><p data-reactid="280"><!-- react-text: 281 -->步骤多于 2 步时使用, 但建议不超过 5 步，每阶段文字长度保持在 12 个字符以内。<!-- /react-text --></p><h3 id="竖向流程步骤条" data-reactid="282"><span data-reactid="283"><!-- react-text: 284 -->竖向流程步骤条<!-- /react-text --></span><a href="#竖向流程步骤条" class="anchor" data-reactid="285">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="286"><div class="preview-image-box" data-reactid="287"><div class="preview-image-wrapper" data-reactid="288"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/gYnwqXKtCTaIQnvbhMlo.png" data-reactid="289"/></div><div class="preview-image-title" data-reactid="290"></div><div class="preview-image-description" data-reactid="291"></div><!-- react-empty: 292 --></div></div><p data-reactid="293"><!-- react-text: 294 -->一般居页面左侧，悬浮固定，可追加多行文字描述，适合较多步骤或步骤数动态变化时使用，例如：时间步骤跟踪描述。<!-- /react-text --></p><hr data-reactid="295"/><h2 id="分页器（Pagination）" data-reactid="296"><span data-reactid="297"><!-- react-text: 298 -->分页器（Pagination）<!-- /react-text --></span><a href="#分页器（Pagination）" class="anchor" data-reactid="299">#</a></h2><p data-reactid="300"><!-- react-text: 301 -->当有大量内容需要展现时进行分页加载处理，分页器可以让用户清楚的知道自己所要浏览的内容有多少、已经浏览了多少、还剩余多少。<!-- /react-text --></p><h3 id="标准样式" data-reactid="302"><span data-reactid="303"><!-- react-text: 304 -->标准样式<!-- /react-text --></span><a href="#标准样式" class="anchor" data-reactid="305">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="306"><div class="preview-image-box" data-reactid="307"><div class="preview-image-wrapper" data-reactid="308"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/tarFEzfOZhEYtclFAsJX.png" data-reactid="309"/></div><div class="preview-image-title" data-reactid="310"></div><div class="preview-image-description" data-reactid="311">当页数超过 5 页时，可以提供快速跳转页面的功能。</div><!-- react-empty: 312 --></div></div><p data-reactid="313"><!-- react-text: 314 -->当信息条目较多的时候，可以允许用户自定义每页的行数，以提高用户查看和检索信息的效率和灵活性，常与表格、卡片搭配使用。<!-- /react-text --></p><h3 id="迷你样式" data-reactid="315"><span data-reactid="316"><!-- react-text: 317 -->迷你样式<!-- /react-text --></span><a href="#迷你样式" class="anchor" data-reactid="318">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="319"><div class="preview-image-box" data-reactid="320"><div class="preview-image-wrapper" data-reactid="321"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/rIilfwNWTONzxGOWXbVM.png" data-reactid="322"/></div><div class="preview-image-title" data-reactid="323"></div><div class="preview-image-description" data-reactid="324"></div><!-- react-empty: 325 --></div></div><p data-reactid="326"><!-- react-text: 327 -->一般用于卡片或者浮层。<!-- /react-text --></p><h3 id="简易样式" data-reactid="328"><span data-reactid="329"><!-- react-text: 330 -->简易样式<!-- /react-text --></span><a href="#简易样式" class="anchor" data-reactid="331">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="332"><div class="preview-image-box" data-reactid="333"><div class="preview-image-wrapper" data-reactid="334"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/viUMXhmLoFTqjTgoJNxZ.png" data-reactid="335"/></div><div class="preview-image-title" data-reactid="336"></div><div class="preview-image-description" data-reactid="337"></div><!-- react-empty: 338 --></div></div><p data-reactid="339"><!-- react-text: 340 -->一般用于卡片或者统计类表格展示，在 10 页之内。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="341"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="342"><section class="prev-next-nav" data-reactid="343"><a class="prev-page" href="/docs/spec/layout" data-reactid="344">Layout</a><a class="next-page" href="/docs/spec/data-entry" data-reactid="345">Data Entry</a></section></div></div></div><footer id="footer" data-reactid="346"><ul data-reactid="347"><li data-reactid="348"><h2 data-reactid="349"><i class="anticon anticon-github" data-reactid="350"></i><!-- react-text: 351 --> GitHub<!-- /react-text --></h2><div data-reactid="352"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="353"><span data-reactid="354">Repository</span></a></div><div data-reactid="355"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="356"><span data-reactid="357">Customize Theme</span></a></div><div data-reactid="358"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="359"><span data-reactid="360">Awesome Ant Design</span></a></div></li><li data-reactid="361"><h2 data-reactid="362"><i class="anticon anticon-link" data-reactid="363"></i><!-- react-text: 364 --> <!-- /react-text --><span data-reactid="365">Links</span></h2><div data-reactid="366"><a href="https://design.alipay.com/" data-reactid="367"><span data-reactid="368">Ant Financial Design Platform</span></a></div><div data-reactid="369"><a href="http://mobile.ant.design" data-reactid="370">Ant Design Mobile</a><span data-reactid="371"> - </span><span data-reactid="372">Mobile UI</span></div><div data-reactid="373"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="374">dva</a><!-- react-text: 375 --> - <!-- /react-text --><span data-reactid="376">Framework</span></div><div data-reactid="377"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="378">dva-cli</a><!-- react-text: 379 --> -<!-- /react-text --><span data-reactid="380">Developer Tools</span></div><div data-reactid="381"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="382">Egg</a><span data-reactid="383"> - </span><span data-reactid="384">Enterprise Node Framework</span></div><div data-reactid="385"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="386">AntV</a><span data-reactid="387"> - </span><span data-reactid="388">Data Visualization</span></div><div data-reactid="389"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="390">Ant Motion</a><span data-reactid="391"> - </span><span data-reactid="392">Motion Soluction</span></div><div data-reactid="393"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="394">AntD Library</a><span data-reactid="395"> - </span><span data-reactid="396">Axure library</span></div><div data-reactid="397"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="398">Ant UX</a><span data-reactid="399"> - </span><span data-reactid="400">Sitemap Template</span></div></li><li data-reactid="401"><h2 data-reactid="402"><i class="anticon anticon-customer-service" data-reactid="403"></i><!-- react-text: 404 --> <!-- /react-text --><span data-reactid="405">Community</span></h2><div data-reactid="406"><a href="/changelog" data-reactid="407"><span data-reactid="408">Change Log</span></a></div><div data-reactid="409"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="410"><span data-reactid="411">FAQ</span></a></div><div data-reactid="412"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="413"><span data-reactid="414">Chat Room (中文)</span></a></div><div data-reactid="415"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="416"><span data-reactid="417">Chat Room (English)</span></a></div><div data-reactid="418"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="419"><span data-reactid="420">Bug Report</span></a></div><div data-reactid="421"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="422"><span data-reactid="423">Issues</span></a></div><div data-reactid="424"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="425"><span data-reactid="426">StackOverflow</span></a></div><div data-reactid="427"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="428"><span data-reactid="429">SegmentFault</span></a></div></li><li data-reactid="430"><h2 data-reactid="431"><!-- react-text: 432 -->Copyright © <!-- /react-text --><!-- react-text: 433 -->2017<!-- /react-text --></h2><div data-reactid="434"><span data-reactid="435">Created by AIUX</span></div><div data-reactid="436"><!-- react-text: 437 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="438">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay" data-reactid="72">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight" data-reactid="74">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Navigation<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/navigation.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->在广义上，任何告知用户他在哪里，他能去什么地方以及如何到达那里的方式，都可以称之为导航。当设计者使用导航或者自定义一些导航结构时，请注意：<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->尽可能提供标识、上下文线索，避免用户迷路；<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->保持导航样式和行为一致或者减少导航数量，降低用户学习成本；<!-- /react-text --></p></li><li data-reactid="120"><p data-reactid="121"><!-- react-text: 122 -->尽可能减少页面间的跳转（例如：一个常见任务需要多个页面跳转时，请减少至一到两次），让用户移动距离保持简短。<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="123"><ul data-reactid="124"><li data-reactid="125"><a class="bisheng-toc-h2" href="#导航菜单（Menu）" title="导航菜单（Menu）" data-reactid="126"><!-- react-text: 127 -->导航菜单（Menu）<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#面包屑（Breadcrumb）" title="面包屑（Breadcrumb）" data-reactid="129"><!-- react-text: 130 -->面包屑（Breadcrumb）<!-- /react-text --></a></li><li data-reactid="131"><a class="bisheng-toc-h2" href="#标签页（Tabs）" title="标签页（Tabs）" data-reactid="132"><!-- react-text: 133 -->标签页（Tabs）<!-- /react-text --></a></li><li data-reactid="134"><a class="bisheng-toc-h2" href="#步骤条（Steps）" title="步骤条（Steps）" data-reactid="135"><!-- react-text: 136 -->步骤条（Steps）<!-- /react-text --></a></li><li data-reactid="137"><a class="bisheng-toc-h2" href="#分页器（Pagination）" title="分页器（Pagination）" data-reactid="138"><!-- react-text: 139 -->分页器（Pagination）<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="140"><h2 id="导航菜单（Menu）" data-reactid="141"><span data-reactid="142"><!-- react-text: 143 -->导航菜单（Menu）<!-- /react-text --></span><a href="#导航菜单（Menu）" class="anchor" data-reactid="144">#</a></h2><p data-reactid="145"><!-- react-text: 146 -->导航菜单是将内容信息友好地展示给用户的有效方式。在确定好网站的信息架构后，应当按需选取适当的导航菜单样式。<!-- /react-text --></p><h3 id="顶部导航菜单" data-reactid="147"><span data-reactid="148"><!-- react-text: 149 -->顶部导航菜单<!-- /react-text --></span><a href="#顶部导航菜单" class="anchor" data-reactid="150">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="151"><div class="preview-image-box" data-reactid="152"><div class="preview-image-wrapper" data-reactid="153"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/CHLsYZJzIISKiFegqrXQ.png" data-reactid="154"/></div><div class="preview-image-title" data-reactid="155"></div><div class="preview-image-description" data-reactid="156"></div><!-- react-empty: 157 --></div></div><p data-reactid="158"><!-- react-text: 159 -->顶部导航菜单的形式就是把超链接连成一行，信息内容层级比较简单明了，适用在浏览性强的门户性质以及比较前台化的应用。一级类目建议在 2-7 个以内。标题长度 4-15 个字符长度为好，中文字长 2-6 个。<!-- /react-text --></p><h3 id="侧边导航菜单" data-reactid="160"><span data-reactid="161"><!-- react-text: 162 -->侧边导航菜单<!-- /react-text --></span><a href="#侧边导航菜单" class="anchor" data-reactid="163">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="164"><div class="preview-image-box" data-reactid="165"><div class="preview-image-wrapper" data-reactid="166"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/iSgvIOKsqAdpJUeHVnnl.png" data-reactid="167"/></div><div class="preview-image-title" data-reactid="168"></div><div class="preview-image-description" data-reactid="169"></div><!-- react-empty: 170 --></div></div><p data-reactid="171"><!-- react-text: 172 -->垂直导航较横向的导航更灵活，易于向下扩展， 且允许的标签长度较长。类目数量不限，可配合滚动条使用，适合信息层级多、操作切换频率高的管理性质的应用。<!-- /react-text --></p><ul data-reactid="173"><li data-reactid="174"><p data-reactid="175"><!-- react-text: 176 -->更多常用导航布局可以参考 <!-- /react-text --><a href="/components/layout/" data-reactid="177">Layout 组件</a><!-- react-text: 178 -->。<!-- /react-text --></p></li></ul><hr data-reactid="179"/><h2 id="面包屑（Breadcrumb）" data-reactid="180"><span data-reactid="181"><!-- react-text: 182 -->面包屑（Breadcrumb）<!-- /react-text --></span><a href="#面包屑（Breadcrumb）" class="anchor" data-reactid="183">#</a></h2><p data-reactid="184"><!-- react-text: 185 -->面包屑导航的作用是告诉用户当前页面在系统层级结构中的位置以及父子级页面间的关系。<!-- /react-text --></p><div class="preview-image-boxes clearfix" data-reactid="186"><div class="preview-image-box" data-reactid="187"><div class="preview-image-wrapper" data-reactid="188"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/uJPTOTAzNbKEfBKJbZmG.png" data-reactid="189"/></div><div class="preview-image-title" data-reactid="190"></div><div class="preview-image-description" data-reactid="191"></div><!-- react-empty: 192 --></div></div><blockquote data-reactid="193"><p data-reactid="194"><!-- react-text: 195 -->注意事项：<!-- /react-text --></p><ol data-reactid="196"><li data-reactid="197"><p data-reactid="198"><!-- react-text: 199 -->层级过深时，建议做隐藏处理，页面显示保持在三级以内，最多不宜超过五级；<!-- /react-text --></p></li><li data-reactid="200"><p data-reactid="201"><!-- react-text: 202 -->尽可能不使用面包屑，尤其是当前页面的导航能清晰的告诉用户他在哪里时。<!-- /react-text --></p></li></ol></blockquote><hr data-reactid="203"/><h2 id="标签页（Tabs）" data-reactid="204"><span data-reactid="205"><!-- react-text: 206 -->标签页（Tabs）<!-- /react-text --></span><a href="#标签页（Tabs）" class="anchor" data-reactid="207">#</a></h2><p data-reactid="208"><!-- react-text: 209 -->标签页把大量信息进行分类展示，用户可以方便地切换标签，而不必跳转页面进行比较浏览，可以在有限的显示区域内展示更多信息。分类可根据业务类别、业务状态或者操作类型等并列关系来分，分类标题长度为 2-6 个中文字。<!-- /react-text --></p><h3 id="基本样式" data-reactid="210"><span data-reactid="211"><!-- react-text: 212 -->基本样式<!-- /react-text --></span><a href="#基本样式" class="anchor" data-reactid="213">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="214"><div class="preview-image-box" data-reactid="215"><div class="preview-image-wrapper" data-reactid="216"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/DIrWhQPjVkVXMTurmFtj.png" data-reactid="217"/></div><div class="preview-image-title" data-reactid="218"></div><div class="preview-image-description" data-reactid="219"></div><!-- react-empty: 220 --></div></div><p data-reactid="221"><!-- react-text: 222 -->引领整个页面的内容，用于主功能切换。<!-- /react-text --></p><h3 id="卡片样式" data-reactid="223"><span data-reactid="224"><!-- react-text: 225 -->卡片样式<!-- /react-text --></span><a href="#卡片样式" class="anchor" data-reactid="226">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="227"><div class="preview-image-box" data-reactid="228"><div class="preview-image-wrapper" data-reactid="229"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/qUhhphhCUqcTBQuryPVz.png" data-reactid="230"/></div><div class="preview-image-title" data-reactid="231"></div><div class="preview-image-description" data-reactid="232"></div><!-- react-empty: 233 --></div></div><p data-reactid="234"><!-- react-text: 235 -->用于页面中局部展示，包裹型容器能很好的和其它内容隔离。<!-- /react-text --></p><h3 id="胶囊型样式" data-reactid="236"><span data-reactid="237"><!-- react-text: 238 -->胶囊型样式<!-- /react-text --></span><a href="#胶囊型样式" class="anchor" data-reactid="239">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="240"><div class="preview-image-box" data-reactid="241"><div class="preview-image-wrapper" data-reactid="242"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/JGxYplcbVQZiDBFUKnDa.png" data-reactid="243"/></div><div class="preview-image-title" data-reactid="244"></div><div class="preview-image-description" data-reactid="245">一般用于小版块内，或与基本样式、卡片样式搭配使用。</div><!-- react-empty: 246 --></div></div><p data-reactid="247"><!-- react-text: 248 -->用于卡片内的选项切换，经常和其它组件结合使用，让用户快速切换对应内容。<!-- /react-text --></p><h3 id="竖状样式" data-reactid="249"><span data-reactid="250"><!-- react-text: 251 -->竖状样式<!-- /react-text --></span><a href="#竖状样式" class="anchor" data-reactid="252">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="253"><div class="preview-image-box" data-reactid="254"><div class="preview-image-wrapper" data-reactid="255"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/HcKwSTAlBhXwJBmrILoj.png" data-reactid="256"/></div><div class="preview-image-title" data-reactid="257"></div><div class="preview-image-description" data-reactid="258"></div><!-- react-empty: 259 --></div></div><p data-reactid="260"><!-- react-text: 261 -->用于分类较多的选项，可以不限制分类数量，具备更好的扩展性。<!-- /react-text --></p><hr data-reactid="262"/><h2 id="步骤条（Steps）" data-reactid="263"><span data-reactid="264"><!-- react-text: 265 -->步骤条（Steps）<!-- /react-text --></span><a href="#步骤条（Steps）" class="anchor" data-reactid="266">#</a></h2><p data-reactid="267"><!-- react-text: 268 -->步骤条是引导用户按照流程完成任务的导航条，可以帮助用户对操作流程长度和步骤有个预期，并且知道自己当前在哪个步骤，同时也可以对用户的任务完成度有明确的度量。当任务复杂或者存在先后关系时，将其分解成一系列步骤。<!-- /react-text --></p><h3 id="横向流程步骤条" data-reactid="269"><span data-reactid="270"><!-- react-text: 271 -->横向流程步骤条<!-- /react-text --></span><a href="#横向流程步骤条" class="anchor" data-reactid="272">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="273"><div class="preview-image-box" data-reactid="274"><div class="preview-image-wrapper" data-reactid="275"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/lPqKbrGtQTqzzdwofzok.png" data-reactid="276"/></div><div class="preview-image-title" data-reactid="277"></div><div class="preview-image-description" data-reactid="278"></div><!-- react-empty: 279 --></div></div><p data-reactid="280"><!-- react-text: 281 -->步骤多于 2 步时使用, 但建议不超过 5 步，每阶段文字长度保持在 12 个字符以内。<!-- /react-text --></p><h3 id="竖向流程步骤条" data-reactid="282"><span data-reactid="283"><!-- react-text: 284 -->竖向流程步骤条<!-- /react-text --></span><a href="#竖向流程步骤条" class="anchor" data-reactid="285">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="286"><div class="preview-image-box" data-reactid="287"><div class="preview-image-wrapper" data-reactid="288"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/gYnwqXKtCTaIQnvbhMlo.png" data-reactid="289"/></div><div class="preview-image-title" data-reactid="290"></div><div class="preview-image-description" data-reactid="291"></div><!-- react-empty: 292 --></div></div><p data-reactid="293"><!-- react-text: 294 -->一般居页面左侧，悬浮固定，可追加多行文字描述，适合较多步骤或步骤数动态变化时使用，例如：时间步骤跟踪描述。<!-- /react-text --></p><hr data-reactid="295"/><h2 id="分页器（Pagination）" data-reactid="296"><span data-reactid="297"><!-- react-text: 298 -->分页器（Pagination）<!-- /react-text --></span><a href="#分页器（Pagination）" class="anchor" data-reactid="299">#</a></h2><p data-reactid="300"><!-- react-text: 301 -->当有大量内容需要展现时进行分页加载处理，分页器可以让用户清楚的知道自己所要浏览的内容有多少、已经浏览了多少、还剩余多少。<!-- /react-text --></p><h3 id="标准样式" data-reactid="302"><span data-reactid="303"><!-- react-text: 304 -->标准样式<!-- /react-text --></span><a href="#标准样式" class="anchor" data-reactid="305">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="306"><div class="preview-image-box" data-reactid="307"><div class="preview-image-wrapper" data-reactid="308"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/tarFEzfOZhEYtclFAsJX.png" data-reactid="309"/></div><div class="preview-image-title" data-reactid="310"></div><div class="preview-image-description" data-reactid="311">当页数超过 5 页时，可以提供快速跳转页面的功能。</div><!-- react-empty: 312 --></div></div><p data-reactid="313"><!-- react-text: 314 -->当信息条目较多的时候，可以允许用户自定义每页的行数，以提高用户查看和检索信息的效率和灵活性，常与表格、卡片搭配使用。<!-- /react-text --></p><h3 id="迷你样式" data-reactid="315"><span data-reactid="316"><!-- react-text: 317 -->迷你样式<!-- /react-text --></span><a href="#迷你样式" class="anchor" data-reactid="318">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="319"><div class="preview-image-box" data-reactid="320"><div class="preview-image-wrapper" data-reactid="321"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/rIilfwNWTONzxGOWXbVM.png" data-reactid="322"/></div><div class="preview-image-title" data-reactid="323"></div><div class="preview-image-description" data-reactid="324"></div><!-- react-empty: 325 --></div></div><p data-reactid="326"><!-- react-text: 327 -->一般用于卡片或者浮层。<!-- /react-text --></p><h3 id="简易样式" data-reactid="328"><span data-reactid="329"><!-- react-text: 330 -->简易样式<!-- /react-text --></span><a href="#简易样式" class="anchor" data-reactid="331">#</a></h3><div class="preview-image-boxes clearfix" data-reactid="332"><div class="preview-image-box" data-reactid="333"><div class="preview-image-wrapper" data-reactid="334"><img class="preview-img no-padding" src="https://os.alipayobjects.com/rmsportal/viUMXhmLoFTqjTgoJNxZ.png" data-reactid="335"/></div><div class="preview-image-title" data-reactid="336"></div><div class="preview-image-description" data-reactid="337"></div><!-- react-empty: 338 --></div></div><p data-reactid="339"><!-- react-text: 340 -->一般用于卡片或者统计类表格展示，在 10 页之内。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="341"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="342"><section class="prev-next-nav" data-reactid="343"><a class="prev-page" href="/docs/spec/layout" data-reactid="344">Layout</a><a class="next-page" href="/docs/spec/data-entry" data-reactid="345">Data Entry</a></section></div></div></div><footer id="footer" data-reactid="346"><ul data-reactid="347"><li data-reactid="348"><h2 data-reactid="349"><i class="anticon anticon-github" data-reactid="350"></i><!-- react-text: 351 --> GitHub<!-- /react-text --></h2><div data-reactid="352"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="353"><span data-reactid="354">Repository</span></a></div><div data-reactid="355"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="356"><span data-reactid="357">Customize Theme</span></a></div><div data-reactid="358"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="359"><span data-reactid="360">Awesome Ant Design</span></a></div></li><li data-reactid="361"><h2 data-reactid="362"><i class="anticon anticon-link" data-reactid="363"></i><!-- react-text: 364 --> <!-- /react-text --><span data-reactid="365">Links</span></h2><div data-reactid="366"><a href="https://design.alipay.com/" data-reactid="367"><span data-reactid="368">Ant Financial Design Platform</span></a></div><div data-reactid="369"><a href="http://mobile.ant.design" data-reactid="370">Ant Design Mobile</a><span data-reactid="371"> - </span><span data-reactid="372">Mobile UI</span></div><div data-reactid="373"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="374">dva</a><!-- react-text: 375 --> - <!-- /react-text --><span data-reactid="376">Framework</span></div><div data-reactid="377"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="378">dva-cli</a><!-- react-text: 379 --> -<!-- /react-text --><span data-reactid="380">Developer Tools</span></div><div data-reactid="381"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="382">Egg</a><span data-reactid="383"> - </span><span data-reactid="384">Enterprise Node Framework</span></div><div data-reactid="385"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="386">AntV</a><span data-reactid="387"> - </span><span data-reactid="388">Data Visualization</span></div><div data-reactid="389"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="390">Ant Motion</a><span data-reactid="391"> - </span><span data-reactid="392">Motion Soluction</span></div><div data-reactid="393"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="394">AntD Library</a><span data-reactid="395"> - </span><span data-reactid="396">Axure library</span></div><div data-reactid="397"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="398">Ant UX</a><span data-reactid="399"> - </span><span data-reactid="400">Sitemap Template</span></div></li><li data-reactid="401"><h2 data-reactid="402"><i class="anticon anticon-customer-service" data-reactid="403"></i><!-- react-text: 404 --> <!-- /react-text --><span data-reactid="405">Community</span></h2><div data-reactid="406"><a href="/changelog" data-reactid="407"><span data-reactid="408">Change Log</span></a></div><div data-reactid="409"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="410"><span data-reactid="411">FAQ</span></a></div><div data-reactid="412"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="413"><span data-reactid="414">Chat Room (中文)</span></a></div><div data-reactid="415"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="416"><span data-reactid="417">Chat Room (English)</span></a></div><div data-reactid="418"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="419"><span data-reactid="420">Bug Report</span></a></div><div data-reactid="421"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="422"><span data-reactid="423">Issues</span></a></div><div data-reactid="424"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="425"><span data-reactid="426">StackOverflow</span></a></div><div data-reactid="427"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="428"><span data-reactid="429">SegmentFault</span></a></div></li><li data-reactid="430"><h2 data-reactid="431"><!-- react-text: 432 -->Copyright © <!-- /react-text --><!-- react-text: 433 -->2017<!-- /react-text --></h2><div data-reactid="434"><span data-reactid="435">Created by AIUX</span></div><div data-reactid="436"><!-- react-text: 437 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="438">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/proximity-cn.html b/docs/spec/proximity-cn.html
index 285675ae0..846edc135 100644
--- a/docs/spec/proximity-cn.html
+++ b/docs/spec/proximity-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="701592254"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1526369600"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->亲密性<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/proximity.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->如果信息之间关联性越高，它们之间的距离就应该越接近，也越像一个视觉单元；反之，则它们的距离就应该越远，也越像多个视觉单元。亲密性的根本目的是实现组织性，让用户对页面结构和信息层次一目了然。<!-- /react-text --></p></section><section class="toc" data-reactid="113"><ul data-reactid="114"><li data-reactid="115"><a class="bisheng-toc-h2" href="#纵向间距关系" title="纵向间距关系" data-reactid="116"><!-- react-text: 117 -->纵向间距关系<!-- /react-text --></a></li><li data-reactid="118"><a class="bisheng-toc-h2" href="#横向间距关系" title="横向间距关系" data-reactid="119"><!-- react-text: 120 -->横向间距关系<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="121"><h2 id="纵向间距关系" data-reactid="122"><span data-reactid="123"><!-- react-text: 124 -->纵向间距关系<!-- /react-text --></span><a href="#纵向间距关系" class="anchor" data-reactid="125">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="126"><div class="preview-image-box" data-reactid="127"><div class="preview-image-wrapper" data-reactid="128"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/blBCqHsUJhKxxAU.png" alt="纵向间距示例" data-reactid="129"/></div><div class="preview-image-title" data-reactid="130">纵向间距示例</div><div class="preview-image-description" data-reactid="131">在 Ant Design 中，这三种规格分别为：8px（小号间距）、16px（中号间距）、24px（大号间距）。</div><!-- react-empty: 132 --></div></div><p data-reactid="133"><!-- react-text: 134 -->通过『小号间距』、『中号间距』、『大号间距』这三种规格来划分信息层次。<!-- /react-text --></p><p data-reactid="135"><br data-reactid="136"/></p><div class="preview-image-boxes clearfix" data-reactid="137"><div class="preview-image-box" data-reactid="138"><div class="preview-image-wrapper" data-reactid="139"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/EWpTfSlQzueWlbp.png" alt="增加元素示例" data-reactid="140"/></div><div class="preview-image-title" data-reactid="141">增加元素示例</div><div class="preview-image-description" data-reactid="142">通过增加『分割线』来拉开层次。</div><!-- react-empty: 143 --></div></div><p data-reactid="144"><!-- react-text: 145 -->在这三种规格不适用的情况下，可以通过加减『基础间距』的倍数，或者增加元素来拉开信息层次。<!-- /react-text --></p><blockquote data-reactid="146"><p data-reactid="147"><!-- react-text: 148 -->注：在 Ant Design 中，<!-- /react-text --><code data-reactid="149"><!-- react-text: 150 -->y=8+8*n<!-- /react-text --></code><!-- react-text: 151 -->。其中，<!-- /react-text --><code data-reactid="152"><!-- react-text: 153 -->n&gt;=0<!-- /react-text --></code><!-- react-text: 154 -->，y 是纵向间距，8 是『基础间距』。<!-- /react-text --></p></blockquote><hr data-reactid="155"/><h2 id="横向间距关系" data-reactid="156"><span data-reactid="157"><!-- react-text: 158 -->横向间距关系<!-- /react-text --></span><a href="#横向间距关系" class="anchor" data-reactid="159">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="160"><div class="preview-image-box" data-reactid="161"><div class="preview-image-wrapper" data-reactid="162"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/LdomydjSKKlFhiv.png" alt="组合排布示例" data-reactid="163"/></div><div class="preview-image-title" data-reactid="164">组合排布示例</div><div class="preview-image-description" data-reactid="165"></div><!-- react-empty: 166 --></div></div><p data-reactid="167"><!-- react-text: 168 -->为了适用不同尺寸的屏幕，在横向采用栅格布局来排布组件，从而保证布局的灵活性。<!-- /react-text --></p><p data-reactid="169"><br data-reactid="170"/></p><div class="preview-image-boxes clearfix" data-reactid="171"><div class="preview-image-box" data-reactid="172"><div class="preview-image-wrapper" data-reactid="173"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/DxzQXtIEnFcFxGY.png" alt="复选框内示例" data-reactid="174"/></div><div class="preview-image-title" data-reactid="175">复选框内示例</div><div class="preview-image-description" data-reactid="176"></div><!-- react-empty: 177 --></div></div><p data-reactid="178"><!-- react-text: 179 -->在一个组件内部，元素的横向间距也应该有所不同。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="180"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="181"><section class="prev-next-nav" data-reactid="182"><a class="prev-page" href="/docs/spec/cases-cn" data-reactid="183">实践案例</a><a class="next-page" href="/docs/spec/alignment-cn" data-reactid="184">对齐</a></section></div></div></div><footer id="footer" data-reactid="185"><ul data-reactid="186"><li data-reactid="187"><h2 data-reactid="188"><i class="anticon anticon-github" data-reactid="189"></i><!-- react-text: 190 --> GitHub<!-- /react-text --></h2><div data-reactid="191"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="192"><span data-reactid="193">源码仓库</span></a></div><div data-reactid="194"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="195"><span data-reactid="196">定制主题</span></a></div><div data-reactid="197"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="198"><span data-reactid="199">Awesome Ant Design</span></a></div></li><li data-reactid="200"><h2 data-reactid="201"><i class="anticon anticon-link" data-reactid="202"></i><!-- react-text: 203 --> <!-- /react-text --><span data-reactid="204">相关站点</span></h2><div data-reactid="205"><a href="https://design.alipay.com/" data-reactid="206"><span data-reactid="207">蚂蚁金服设计平台</span></a></div><div data-reactid="208"><a href="http://mobile.ant.design" data-reactid="209">Ant Design Mobile</a><span data-reactid="210"> - </span><span data-reactid="211">移动版</span></div><div data-reactid="212"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="213">dva</a><!-- react-text: 214 --> - <!-- /react-text --><span data-reactid="215">应用框架</span></div><div data-reactid="216"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="217">dva-cli</a><!-- react-text: 218 --> -<!-- /react-text --><span data-reactid="219">开发工具</span></div><div data-reactid="220"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="221">Egg</a><span data-reactid="222"> - </span><span data-reactid="223">企业级 Node 开发框架</span></div><div data-reactid="224"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="225">AntV</a><span data-reactid="226"> - </span><span data-reactid="227">数据可视化</span></div><div data-reactid="228"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="229">Ant Motion</a><span data-reactid="230"> - </span><span data-reactid="231">设计动效</span></div><div data-reactid="232"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="233">AntD Library</a><span data-reactid="234"> - </span><span data-reactid="235">Axure 部件库</span></div><div data-reactid="236"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="237">Ant UX</a><span data-reactid="238"> - </span><span data-reactid="239">页面逻辑素材</span></div></li><li data-reactid="240"><h2 data-reactid="241"><i class="anticon anticon-customer-service" data-reactid="242"></i><!-- react-text: 243 --> <!-- /react-text --><span data-reactid="244">社区</span></h2><div data-reactid="245"><a href="/changelog" data-reactid="246"><span data-reactid="247">更新记录</span></a></div><div data-reactid="248"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="249"><span data-reactid="250">常见问题</span></a></div><div data-reactid="251"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="252"><span data-reactid="253">在线讨论 (中文)</span></a></div><div data-reactid="254"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="255"><span data-reactid="256">在线讨论 (English)</span></a></div><div data-reactid="257"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="258"><span data-reactid="259">报告 Bug</span></a></div><div data-reactid="260"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="261"><span data-reactid="262">讨论列表</span></a></div><div data-reactid="263"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="264"><span data-reactid="265">StackOverflow</span></a></div><div data-reactid="266"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="267"><span data-reactid="268">SegmentFault</span></a></div></li><li data-reactid="269"><h2 data-reactid="270"><!-- react-text: 271 -->Copyright © <!-- /react-text --><!-- react-text: 272 -->2017<!-- /react-text --></h2><div data-reactid="273"><span data-reactid="274">蚂蚁金服体验技术部出品</span></div><div data-reactid="275"><!-- react-text: 276 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="277">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->亲密性<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/proximity.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->如果信息之间关联性越高，它们之间的距离就应该越接近，也越像一个视觉单元；反之，则它们的距离就应该越远，也越像多个视觉单元。亲密性的根本目的是实现组织性，让用户对页面结构和信息层次一目了然。<!-- /react-text --></p></section><section class="toc" data-reactid="113"><ul data-reactid="114"><li data-reactid="115"><a class="bisheng-toc-h2" href="#纵向间距关系" title="纵向间距关系" data-reactid="116"><!-- react-text: 117 -->纵向间距关系<!-- /react-text --></a></li><li data-reactid="118"><a class="bisheng-toc-h2" href="#横向间距关系" title="横向间距关系" data-reactid="119"><!-- react-text: 120 -->横向间距关系<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="121"><h2 id="纵向间距关系" data-reactid="122"><span data-reactid="123"><!-- react-text: 124 -->纵向间距关系<!-- /react-text --></span><a href="#纵向间距关系" class="anchor" data-reactid="125">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="126"><div class="preview-image-box" data-reactid="127"><div class="preview-image-wrapper" data-reactid="128"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/blBCqHsUJhKxxAU.png" alt="纵向间距示例" data-reactid="129"/></div><div class="preview-image-title" data-reactid="130">纵向间距示例</div><div class="preview-image-description" data-reactid="131">在 Ant Design 中，这三种规格分别为：8px（小号间距）、16px（中号间距）、24px（大号间距）。</div><!-- react-empty: 132 --></div></div><p data-reactid="133"><!-- react-text: 134 -->通过『小号间距』、『中号间距』、『大号间距』这三种规格来划分信息层次。<!-- /react-text --></p><p data-reactid="135"><br data-reactid="136"/></p><div class="preview-image-boxes clearfix" data-reactid="137"><div class="preview-image-box" data-reactid="138"><div class="preview-image-wrapper" data-reactid="139"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/EWpTfSlQzueWlbp.png" alt="增加元素示例" data-reactid="140"/></div><div class="preview-image-title" data-reactid="141">增加元素示例</div><div class="preview-image-description" data-reactid="142">通过增加『分割线』来拉开层次。</div><!-- react-empty: 143 --></div></div><p data-reactid="144"><!-- react-text: 145 -->在这三种规格不适用的情况下，可以通过加减『基础间距』的倍数，或者增加元素来拉开信息层次。<!-- /react-text --></p><blockquote data-reactid="146"><p data-reactid="147"><!-- react-text: 148 -->注：在 Ant Design 中，<!-- /react-text --><code data-reactid="149"><!-- react-text: 150 -->y=8+8*n<!-- /react-text --></code><!-- react-text: 151 -->。其中，<!-- /react-text --><code data-reactid="152"><!-- react-text: 153 -->n&gt;=0<!-- /react-text --></code><!-- react-text: 154 -->，y 是纵向间距，8 是『基础间距』。<!-- /react-text --></p></blockquote><hr data-reactid="155"/><h2 id="横向间距关系" data-reactid="156"><span data-reactid="157"><!-- react-text: 158 -->横向间距关系<!-- /react-text --></span><a href="#横向间距关系" class="anchor" data-reactid="159">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="160"><div class="preview-image-box" data-reactid="161"><div class="preview-image-wrapper" data-reactid="162"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/LdomydjSKKlFhiv.png" alt="组合排布示例" data-reactid="163"/></div><div class="preview-image-title" data-reactid="164">组合排布示例</div><div class="preview-image-description" data-reactid="165"></div><!-- react-empty: 166 --></div></div><p data-reactid="167"><!-- react-text: 168 -->为了适用不同尺寸的屏幕，在横向采用栅格布局来排布组件，从而保证布局的灵活性。<!-- /react-text --></p><p data-reactid="169"><br data-reactid="170"/></p><div class="preview-image-boxes clearfix" data-reactid="171"><div class="preview-image-box" data-reactid="172"><div class="preview-image-wrapper" data-reactid="173"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/DxzQXtIEnFcFxGY.png" alt="复选框内示例" data-reactid="174"/></div><div class="preview-image-title" data-reactid="175">复选框内示例</div><div class="preview-image-description" data-reactid="176"></div><!-- react-empty: 177 --></div></div><p data-reactid="178"><!-- react-text: 179 -->在一个组件内部，元素的横向间距也应该有所不同。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="180"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="181"><section class="prev-next-nav" data-reactid="182"><a class="prev-page" href="/docs/spec/cases-cn" data-reactid="183">实践案例</a><a class="next-page" href="/docs/spec/alignment-cn" data-reactid="184">对齐</a></section></div></div></div><footer id="footer" data-reactid="185"><ul data-reactid="186"><li data-reactid="187"><h2 data-reactid="188"><i class="anticon anticon-github" data-reactid="189"></i><!-- react-text: 190 --> GitHub<!-- /react-text --></h2><div data-reactid="191"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="192"><span data-reactid="193">源码仓库</span></a></div><div data-reactid="194"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="195"><span data-reactid="196">定制主题</span></a></div><div data-reactid="197"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="198"><span data-reactid="199">Awesome Ant Design</span></a></div></li><li data-reactid="200"><h2 data-reactid="201"><i class="anticon anticon-link" data-reactid="202"></i><!-- react-text: 203 --> <!-- /react-text --><span data-reactid="204">相关站点</span></h2><div data-reactid="205"><a href="https://design.alipay.com/" data-reactid="206"><span data-reactid="207">蚂蚁金服设计平台</span></a></div><div data-reactid="208"><a href="http://mobile.ant.design" data-reactid="209">Ant Design Mobile</a><span data-reactid="210"> - </span><span data-reactid="211">移动版</span></div><div data-reactid="212"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="213">dva</a><!-- react-text: 214 --> - <!-- /react-text --><span data-reactid="215">应用框架</span></div><div data-reactid="216"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="217">dva-cli</a><!-- react-text: 218 --> -<!-- /react-text --><span data-reactid="219">开发工具</span></div><div data-reactid="220"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="221">Egg</a><span data-reactid="222"> - </span><span data-reactid="223">企业级 Node 开发框架</span></div><div data-reactid="224"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="225">AntV</a><span data-reactid="226"> - </span><span data-reactid="227">数据可视化</span></div><div data-reactid="228"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="229">Ant Motion</a><span data-reactid="230"> - </span><span data-reactid="231">设计动效</span></div><div data-reactid="232"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="233">AntD Library</a><span data-reactid="234"> - </span><span data-reactid="235">Axure 部件库</span></div><div data-reactid="236"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="237">Ant UX</a><span data-reactid="238"> - </span><span data-reactid="239">页面逻辑素材</span></div></li><li data-reactid="240"><h2 data-reactid="241"><i class="anticon anticon-customer-service" data-reactid="242"></i><!-- react-text: 243 --> <!-- /react-text --><span data-reactid="244">社区</span></h2><div data-reactid="245"><a href="/changelog" data-reactid="246"><span data-reactid="247">更新记录</span></a></div><div data-reactid="248"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="249"><span data-reactid="250">常见问题</span></a></div><div data-reactid="251"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="252"><span data-reactid="253">在线讨论 (中文)</span></a></div><div data-reactid="254"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="255"><span data-reactid="256">在线讨论 (English)</span></a></div><div data-reactid="257"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="258"><span data-reactid="259">报告 Bug</span></a></div><div data-reactid="260"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="261"><span data-reactid="262">讨论列表</span></a></div><div data-reactid="263"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="264"><span data-reactid="265">StackOverflow</span></a></div><div data-reactid="266"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="267"><span data-reactid="268">SegmentFault</span></a></div></li><li data-reactid="269"><h2 data-reactid="270"><!-- react-text: 271 -->Copyright © <!-- /react-text --><!-- react-text: 272 -->2017<!-- /react-text --></h2><div data-reactid="273"><span data-reactid="274">蚂蚁金服体验技术部出品</span></div><div data-reactid="275"><!-- react-text: 276 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="277">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/proximity.html b/docs/spec/proximity.html
index c6203e6e3..d30a9b5be 100644
--- a/docs/spec/proximity.html
+++ b/docs/spec/proximity.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1055008627"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="250488693"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/lightweight" data-reactid="72">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/stay" data-reactid="74">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Proximity<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/proximity.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->When several items are in close proximity to each other, they become one visual unit rather than several separate units. Otherwise, their distance should be larger and look more like several visual units. The basic purpose of proximity is to organize. To give an apparent view of the page structure and the hierarchy of information to users.<!-- /react-text --></p></section><section class="toc" data-reactid="113"><ul data-reactid="114"><li data-reactid="115"><a class="bisheng-toc-h2" href="#The-relation-of-vertical-spacing" title="The relation of vertical spacing" data-reactid="116"><!-- react-text: 117 -->The relation of vertical spacing<!-- /react-text --></a></li><li data-reactid="118"><a class="bisheng-toc-h2" href="#Relationship-of-horizontal-spacing" title="Relationship of horizontal spacing" data-reactid="119"><!-- react-text: 120 -->Relationship of horizontal spacing<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="121"><h2 id="The-relation-of-vertical-spacing" data-reactid="122"><span data-reactid="123"><!-- react-text: 124 -->The relation of vertical spacing<!-- /react-text --></span><a href="#The-relation-of-vertical-spacing" class="anchor" data-reactid="125">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="126"><div class="preview-image-box" data-reactid="127"><div class="preview-image-wrapper" data-reactid="128"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/blBCqHsUJhKxxAU.png" alt="Example of the different vertical distance" data-reactid="129"/></div><div class="preview-image-title" data-reactid="130">Example of the different vertical distance</div><div class="preview-image-description" data-reactid="131">In Ant Design, the three different formats are 8px (small spacing), 16px (middle spacing) and 24px (large spacing).</div><!-- react-empty: 132 --></div></div><p data-reactid="133"><!-- react-text: 134 -->Divide the hierarchy of information through three formats:『small spacing』, 『middle spacing』and『large spacing』<!-- /react-text --></p><p data-reactid="135"><br data-reactid="136"/></p><div class="preview-image-boxes clearfix" data-reactid="137"><div class="preview-image-box" data-reactid="138"><div class="preview-image-wrapper" data-reactid="139"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/EWpTfSlQzueWlbp.png" alt="Example of added element" data-reactid="140"/></div><div class="preview-image-title" data-reactid="141">Example of added element</div><div class="preview-image-description" data-reactid="142">To make the hierarchy more apparent through adding 『guides』.</div><!-- react-empty: 143 --></div></div><p data-reactid="144"><!-- react-text: 145 -->In the case that the three formats are applicable, the hierarchy of information can be separated clearly through adding or cutting down the multiple of 『basic spacing』, or adding elements. <!-- /react-text --></p><blockquote data-reactid="146"><p data-reactid="147"><!-- react-text: 148 -->Note: in Ant Design, y=8+8*n, among which，n&gt;=0，y stands for the vertical spacing and 8 represents 『basic spacing』.<!-- /react-text --></p></blockquote><hr data-reactid="149"/><h2 id="Relationship-of-horizontal-spacing" data-reactid="150"><span data-reactid="151"><!-- react-text: 152 -->Relationship of horizontal spacing<!-- /react-text --></span><a href="#Relationship-of-horizontal-spacing" class="anchor" data-reactid="153">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="154"><div class="preview-image-box" data-reactid="155"><div class="preview-image-wrapper" data-reactid="156"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/LdomydjSKKlFhiv.png" alt="Example of combination and configuration" data-reactid="157"/></div><div class="preview-image-title" data-reactid="158">Example of combination and configuration</div><div class="preview-image-description" data-reactid="159"></div><!-- react-empty: 160 --></div></div><p data-reactid="161"><!-- react-text: 162 -->To adapt to screens of different sizes, in the horizontal direction, use grid layout to arrange the components to ensure the flexibility of the layout. <!-- /react-text --></p><p data-reactid="163"><br data-reactid="164"/></p><div class="preview-image-boxes clearfix" data-reactid="165"><div class="preview-image-box" data-reactid="166"><div class="preview-image-wrapper" data-reactid="167"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/DxzQXtIEnFcFxGY.png" alt="Example of checkbox" data-reactid="168"/></div><div class="preview-image-title" data-reactid="169">Example of checkbox</div><div class="preview-image-description" data-reactid="170"></div><!-- react-empty: 171 --></div></div><p data-reactid="172"><!-- react-text: 173 -->In the inner of a component, the horizontal spacing of elements should differ too.<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="174"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="175"><section class="prev-next-nav" data-reactid="176"><a class="prev-page" href="/docs/spec/cases" data-reactid="177">Cases</a><a class="next-page" href="/docs/spec/alignment" data-reactid="178">Alignment</a></section></div></div></div><footer id="footer" data-reactid="179"><ul data-reactid="180"><li data-reactid="181"><h2 data-reactid="182"><i class="anticon anticon-github" data-reactid="183"></i><!-- react-text: 184 --> GitHub<!-- /react-text --></h2><div data-reactid="185"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="186"><span data-reactid="187">Repository</span></a></div><div data-reactid="188"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="189"><span data-reactid="190">Customize Theme</span></a></div><div data-reactid="191"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="192"><span data-reactid="193">Awesome Ant Design</span></a></div></li><li data-reactid="194"><h2 data-reactid="195"><i class="anticon anticon-link" data-reactid="196"></i><!-- react-text: 197 --> <!-- /react-text --><span data-reactid="198">Links</span></h2><div data-reactid="199"><a href="https://design.alipay.com/" data-reactid="200"><span data-reactid="201">Ant Financial Design Platform</span></a></div><div data-reactid="202"><a href="http://mobile.ant.design" data-reactid="203">Ant Design Mobile</a><span data-reactid="204"> - </span><span data-reactid="205">Mobile UI</span></div><div data-reactid="206"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="207">dva</a><!-- react-text: 208 --> - <!-- /react-text --><span data-reactid="209">Framework</span></div><div data-reactid="210"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="211">dva-cli</a><!-- react-text: 212 --> -<!-- /react-text --><span data-reactid="213">Developer Tools</span></div><div data-reactid="214"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="215">Egg</a><span data-reactid="216"> - </span><span data-reactid="217">Enterprise Node Framework</span></div><div data-reactid="218"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="219">AntV</a><span data-reactid="220"> - </span><span data-reactid="221">Data Visualization</span></div><div data-reactid="222"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="223">Ant Motion</a><span data-reactid="224"> - </span><span data-reactid="225">Motion Soluction</span></div><div data-reactid="226"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="227">AntD Library</a><span data-reactid="228"> - </span><span data-reactid="229">Axure library</span></div><div data-reactid="230"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="231">Ant UX</a><span data-reactid="232"> - </span><span data-reactid="233">Sitemap Template</span></div></li><li data-reactid="234"><h2 data-reactid="235"><i class="anticon anticon-customer-service" data-reactid="236"></i><!-- react-text: 237 --> <!-- /react-text --><span data-reactid="238">Community</span></h2><div data-reactid="239"><a href="/changelog" data-reactid="240"><span data-reactid="241">Change Log</span></a></div><div data-reactid="242"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="243"><span data-reactid="244">FAQ</span></a></div><div data-reactid="245"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="246"><span data-reactid="247">Chat Room (中文)</span></a></div><div data-reactid="248"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="249"><span data-reactid="250">Chat Room (English)</span></a></div><div data-reactid="251"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="252"><span data-reactid="253">Bug Report</span></a></div><div data-reactid="254"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="255"><span data-reactid="256">Issues</span></a></div><div data-reactid="257"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="258"><span data-reactid="259">StackOverflow</span></a></div><div data-reactid="260"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="261"><span data-reactid="262">SegmentFault</span></a></div></li><li data-reactid="263"><h2 data-reactid="264"><!-- react-text: 265 -->Copyright © <!-- /react-text --><!-- react-text: 266 -->2017<!-- /react-text --></h2><div data-reactid="267"><span data-reactid="268">Created by AIUX</span></div><div data-reactid="269"><!-- react-text: 270 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="271">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay" data-reactid="72">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight" data-reactid="74">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Proximity<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/proximity.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->When several items are in close proximity to each other, they become one visual unit rather than several separate units. Otherwise, their distance should be larger and look more like several visual units. The basic purpose of proximity is to organize. To give an apparent view of the page structure and the hierarchy of information to users.<!-- /react-text --></p></section><section class="toc" data-reactid="113"><ul data-reactid="114"><li data-reactid="115"><a class="bisheng-toc-h2" href="#The-relation-of-vertical-spacing" title="The relation of vertical spacing" data-reactid="116"><!-- react-text: 117 -->The relation of vertical spacing<!-- /react-text --></a></li><li data-reactid="118"><a class="bisheng-toc-h2" href="#Relationship-of-horizontal-spacing" title="Relationship of horizontal spacing" data-reactid="119"><!-- react-text: 120 -->Relationship of horizontal spacing<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="121"><h2 id="The-relation-of-vertical-spacing" data-reactid="122"><span data-reactid="123"><!-- react-text: 124 -->The relation of vertical spacing<!-- /react-text --></span><a href="#The-relation-of-vertical-spacing" class="anchor" data-reactid="125">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="126"><div class="preview-image-box" data-reactid="127"><div class="preview-image-wrapper" data-reactid="128"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/blBCqHsUJhKxxAU.png" alt="Example of the different vertical distance" data-reactid="129"/></div><div class="preview-image-title" data-reactid="130">Example of the different vertical distance</div><div class="preview-image-description" data-reactid="131">In Ant Design, the three different formats are 8px (small spacing), 16px (middle spacing) and 24px (large spacing).</div><!-- react-empty: 132 --></div></div><p data-reactid="133"><!-- react-text: 134 -->Divide the hierarchy of information through three formats:『small spacing』, 『middle spacing』and『large spacing』<!-- /react-text --></p><p data-reactid="135"><br data-reactid="136"/></p><div class="preview-image-boxes clearfix" data-reactid="137"><div class="preview-image-box" data-reactid="138"><div class="preview-image-wrapper" data-reactid="139"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/EWpTfSlQzueWlbp.png" alt="Example of added element" data-reactid="140"/></div><div class="preview-image-title" data-reactid="141">Example of added element</div><div class="preview-image-description" data-reactid="142">To make the hierarchy more apparent through adding 『guides』.</div><!-- react-empty: 143 --></div></div><p data-reactid="144"><!-- react-text: 145 -->In the case that the three formats are applicable, the hierarchy of information can be separated clearly through adding or cutting down the multiple of 『basic spacing』, or adding elements. <!-- /react-text --></p><blockquote data-reactid="146"><p data-reactid="147"><!-- react-text: 148 -->Note: in Ant Design, y=8+8*n, among which，n&gt;=0，y stands for the vertical spacing and 8 represents 『basic spacing』.<!-- /react-text --></p></blockquote><hr data-reactid="149"/><h2 id="Relationship-of-horizontal-spacing" data-reactid="150"><span data-reactid="151"><!-- react-text: 152 -->Relationship of horizontal spacing<!-- /react-text --></span><a href="#Relationship-of-horizontal-spacing" class="anchor" data-reactid="153">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="154"><div class="preview-image-box" data-reactid="155"><div class="preview-image-wrapper" data-reactid="156"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/LdomydjSKKlFhiv.png" alt="Example of combination and configuration" data-reactid="157"/></div><div class="preview-image-title" data-reactid="158">Example of combination and configuration</div><div class="preview-image-description" data-reactid="159"></div><!-- react-empty: 160 --></div></div><p data-reactid="161"><!-- react-text: 162 -->To adapt to screens of different sizes, in the horizontal direction, use grid layout to arrange the components to ensure the flexibility of the layout. <!-- /react-text --></p><p data-reactid="163"><br data-reactid="164"/></p><div class="preview-image-boxes clearfix" data-reactid="165"><div class="preview-image-box" data-reactid="166"><div class="preview-image-wrapper" data-reactid="167"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/DxzQXtIEnFcFxGY.png" alt="Example of checkbox" data-reactid="168"/></div><div class="preview-image-title" data-reactid="169">Example of checkbox</div><div class="preview-image-description" data-reactid="170"></div><!-- react-empty: 171 --></div></div><p data-reactid="172"><!-- react-text: 173 -->In the inner of a component, the horizontal spacing of elements should differ too.<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="174"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="175"><section class="prev-next-nav" data-reactid="176"><a class="prev-page" href="/docs/spec/cases" data-reactid="177">Cases</a><a class="next-page" href="/docs/spec/alignment" data-reactid="178">Alignment</a></section></div></div></div><footer id="footer" data-reactid="179"><ul data-reactid="180"><li data-reactid="181"><h2 data-reactid="182"><i class="anticon anticon-github" data-reactid="183"></i><!-- react-text: 184 --> GitHub<!-- /react-text --></h2><div data-reactid="185"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="186"><span data-reactid="187">Repository</span></a></div><div data-reactid="188"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="189"><span data-reactid="190">Customize Theme</span></a></div><div data-reactid="191"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="192"><span data-reactid="193">Awesome Ant Design</span></a></div></li><li data-reactid="194"><h2 data-reactid="195"><i class="anticon anticon-link" data-reactid="196"></i><!-- react-text: 197 --> <!-- /react-text --><span data-reactid="198">Links</span></h2><div data-reactid="199"><a href="https://design.alipay.com/" data-reactid="200"><span data-reactid="201">Ant Financial Design Platform</span></a></div><div data-reactid="202"><a href="http://mobile.ant.design" data-reactid="203">Ant Design Mobile</a><span data-reactid="204"> - </span><span data-reactid="205">Mobile UI</span></div><div data-reactid="206"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="207">dva</a><!-- react-text: 208 --> - <!-- /react-text --><span data-reactid="209">Framework</span></div><div data-reactid="210"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="211">dva-cli</a><!-- react-text: 212 --> -<!-- /react-text --><span data-reactid="213">Developer Tools</span></div><div data-reactid="214"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="215">Egg</a><span data-reactid="216"> - </span><span data-reactid="217">Enterprise Node Framework</span></div><div data-reactid="218"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="219">AntV</a><span data-reactid="220"> - </span><span data-reactid="221">Data Visualization</span></div><div data-reactid="222"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="223">Ant Motion</a><span data-reactid="224"> - </span><span data-reactid="225">Motion Soluction</span></div><div data-reactid="226"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="227">AntD Library</a><span data-reactid="228"> - </span><span data-reactid="229">Axure library</span></div><div data-reactid="230"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="231">Ant UX</a><span data-reactid="232"> - </span><span data-reactid="233">Sitemap Template</span></div></li><li data-reactid="234"><h2 data-reactid="235"><i class="anticon anticon-customer-service" data-reactid="236"></i><!-- react-text: 237 --> <!-- /react-text --><span data-reactid="238">Community</span></h2><div data-reactid="239"><a href="/changelog" data-reactid="240"><span data-reactid="241">Change Log</span></a></div><div data-reactid="242"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="243"><span data-reactid="244">FAQ</span></a></div><div data-reactid="245"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="246"><span data-reactid="247">Chat Room (中文)</span></a></div><div data-reactid="248"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="249"><span data-reactid="250">Chat Room (English)</span></a></div><div data-reactid="251"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="252"><span data-reactid="253">Bug Report</span></a></div><div data-reactid="254"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="255"><span data-reactid="256">Issues</span></a></div><div data-reactid="257"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="258"><span data-reactid="259">StackOverflow</span></a></div><div data-reactid="260"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="261"><span data-reactid="262">SegmentFault</span></a></div></li><li data-reactid="263"><h2 data-reactid="264"><!-- react-text: 265 -->Copyright © <!-- /react-text --><!-- react-text: 266 -->2017<!-- /react-text --></h2><div data-reactid="267"><span data-reactid="268">Created by AIUX</span></div><div data-reactid="269"><!-- react-text: 270 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="271">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/reaction-cn.html b/docs/spec/reaction-cn.html
index 94126b838..7252e3852 100644
--- a/docs/spec/reaction-cn.html
+++ b/docs/spec/reaction-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="850578555"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-795947907"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->即时反应<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/reaction.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->『提供邀请』的强大体现在<!-- /react-text --><code data-reactid="113"><!-- react-text: 114 -->交互之前<!-- /react-text --></code><!-- react-text: 115 -->给出反馈，解决易发现性问题；『巧用过渡』的有用体现在它能够在<!-- /react-text --><code data-reactid="116"><!-- react-text: 117 -->交互期间<!-- /react-text --></code><!-- react-text: 118 -->为用户提供视觉反馈；『即时反应』的重要性体现在<!-- /react-text --><code data-reactid="119"><!-- react-text: 120 -->交互之后<!-- /react-text --></code><!-- react-text: 121 -->立即给出反馈。<!-- /react-text --></p><p data-reactid="122"><!-- react-text: 123 -->就像『牛顿第三定律』所描述作用力和反作用一样，用户进行了操作或者内部数据发生了变化，系统就应该立即有一个对应的反馈，同时输入量级越大、重要性越高，那么反馈量级越大、重要性越高。<!-- /react-text --></p><p data-reactid="124"><!-- react-text: 125 -->虽然反馈太多（准确的说，错误的反馈太多）是一个问题，但是反馈太少甚至没有反馈的系统，则让人感觉迟钝和笨拙，用户体验更差。<!-- /react-text --></p><blockquote data-reactid="126"><p data-reactid="127"><strong data-reactid="128"><!-- react-text: 129 --> 牛顿第三定律 <!-- /react-text --></strong><!-- react-text: 130 --> ：当两个物体互相作用时，彼此施加于对方的力，其大小相等、方向相反。——摘自《维基百科》<!-- /react-text --></p></blockquote></section><section class="toc" data-reactid="131"><ul data-reactid="132"><li data-reactid="133"><a class="bisheng-toc-h2" href="#查询模式" title="查询模式" data-reactid="134"><!-- react-text: 135 -->查询模式<!-- /react-text --></a></li><li data-reactid="136"><a class="bisheng-toc-h2" href="#反馈模式" title="反馈模式" data-reactid="137"><!-- react-text: 138 -->反馈模式<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="139"><h2 id="查询模式" data-reactid="140"><span data-reactid="141"><!-- react-text: 142 -->查询模式<!-- /react-text --></span><a href="#查询模式" class="anchor" data-reactid="143">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="144"><div class="preview-image-box" data-reactid="145"><div class="preview-image-wrapper" data-reactid="146"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/fgQfkNakHrUiAun.png" alt="确定类目示例" data-reactid="147"/></div><div class="preview-image-title" data-reactid="148">确定类目示例</div><div class="preview-image-description" data-reactid="149">用户所查询的关键词，只会在『话题』、『问题』、『文章』这 3 种类目中出现。</div><!-- react-empty: 150 --></div></div><div class="preview-image-boxes clearfix" data-reactid="151"><div class="preview-image-box" data-reactid="152"><div class="preview-image-wrapper" data-reactid="153"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/hUfCsXwnOsVlskl.png" alt="不确定类目示例" data-reactid="154"/></div><div class="preview-image-title" data-reactid="155">不确定类目示例</div><div class="preview-image-description" data-reactid="156">用户所查询的关键词，其所属的类目数量不确定，可能 4 个，可能 5 个，可能更多。</div><!-- react-empty: 157 --></div></div><p data-reactid="158"><!-- react-text: 159 -->自动完成：用户输入时，下拉列表会随着输入的关键词显示匹配项。
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->即时反应<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/reaction.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->『提供邀请』的强大体现在<!-- /react-text --><code data-reactid="113"><!-- react-text: 114 -->交互之前<!-- /react-text --></code><!-- react-text: 115 -->给出反馈，解决易发现性问题；『巧用过渡』的有用体现在它能够在<!-- /react-text --><code data-reactid="116"><!-- react-text: 117 -->交互期间<!-- /react-text --></code><!-- react-text: 118 -->为用户提供视觉反馈；『即时反应』的重要性体现在<!-- /react-text --><code data-reactid="119"><!-- react-text: 120 -->交互之后<!-- /react-text --></code><!-- react-text: 121 -->立即给出反馈。<!-- /react-text --></p><p data-reactid="122"><!-- react-text: 123 -->就像『牛顿第三定律』所描述作用力和反作用一样，用户进行了操作或者内部数据发生了变化，系统就应该立即有一个对应的反馈，同时输入量级越大、重要性越高，那么反馈量级越大、重要性越高。<!-- /react-text --></p><p data-reactid="124"><!-- react-text: 125 -->虽然反馈太多（准确的说，错误的反馈太多）是一个问题，但是反馈太少甚至没有反馈的系统，则让人感觉迟钝和笨拙，用户体验更差。<!-- /react-text --></p><blockquote data-reactid="126"><p data-reactid="127"><strong data-reactid="128"><!-- react-text: 129 --> 牛顿第三定律 <!-- /react-text --></strong><!-- react-text: 130 --> ：当两个物体互相作用时，彼此施加于对方的力，其大小相等、方向相反。——摘自《维基百科》<!-- /react-text --></p></blockquote></section><section class="toc" data-reactid="131"><ul data-reactid="132"><li data-reactid="133"><a class="bisheng-toc-h2" href="#查询模式" title="查询模式" data-reactid="134"><!-- react-text: 135 -->查询模式<!-- /react-text --></a></li><li data-reactid="136"><a class="bisheng-toc-h2" href="#反馈模式" title="反馈模式" data-reactid="137"><!-- react-text: 138 -->反馈模式<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="139"><h2 id="查询模式" data-reactid="140"><span data-reactid="141"><!-- react-text: 142 -->查询模式<!-- /react-text --></span><a href="#查询模式" class="anchor" data-reactid="143">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="144"><div class="preview-image-box" data-reactid="145"><div class="preview-image-wrapper" data-reactid="146"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/fgQfkNakHrUiAun.png" alt="确定类目示例" data-reactid="147"/></div><div class="preview-image-title" data-reactid="148">确定类目示例</div><div class="preview-image-description" data-reactid="149">用户所查询的关键词，只会在『话题』、『问题』、『文章』这 3 种类目中出现。</div><!-- react-empty: 150 --></div></div><div class="preview-image-boxes clearfix" data-reactid="151"><div class="preview-image-box" data-reactid="152"><div class="preview-image-wrapper" data-reactid="153"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/hUfCsXwnOsVlskl.png" alt="不确定类目示例" data-reactid="154"/></div><div class="preview-image-title" data-reactid="155">不确定类目示例</div><div class="preview-image-description" data-reactid="156">用户所查询的关键词，其所属的类目数量不确定，可能 4 个，可能 5 个，可能更多。</div><!-- react-empty: 157 --></div></div><p data-reactid="158"><!-- react-text: 159 -->自动完成：用户输入时，下拉列表会随着输入的关键词显示匹配项。
 根据查询结果分类的多少，可以分为『确定类目』、『不确定类目』两种类型。<!-- /react-text --></p><p data-reactid="160"><br data-reactid="161"/></p><div class="preview-image-boxes clearfix" data-reactid="162"><div class="preview-image-box" data-reactid="163"><div class="preview-image-wrapper" data-reactid="164"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/OyJCVmOigyXKWCf.png" alt="实时搜索示例" data-reactid="165"/></div><div class="preview-image-title" data-reactid="166">实时搜索示例</div><div class="preview-image-description" data-reactid="167">用户输入一个搜索值，系统随即显示查询结果。</div><!-- react-empty: 168 --></div></div><p data-reactid="169"><!-- react-text: 170 -->实时搜索：随着用户输入，实时显示搜索结果。『自动完成』、『实时建议』的近亲。<!-- /react-text --></p><p data-reactid="171"><br data-reactid="172"/></p><p data-reactid="173"><!-- react-text: 174 -->微调搜索：随着用户调整搜索条件，实时调整搜索结构。具体可见：<!-- /react-text --><a href="/docs/pattern/advanced-search-cn" data-reactid="175">『模式／高级搜索』</a><!-- react-text: 176 -->。<!-- /react-text --></p><p data-reactid="177"><br data-reactid="178"/></p><hr data-reactid="179"/><h2 id="反馈模式" data-reactid="180"><span data-reactid="181"><!-- react-text: 182 -->反馈模式<!-- /react-text --></span><a href="#反馈模式" class="anchor" data-reactid="183">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="184"><div class="preview-image-box" data-reactid="185"><div class="preview-image-wrapper" data-reactid="186"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/jecYhRgfbHleGDJ.png" alt="实时预览示例" data-reactid="187"/></div><div class="preview-image-title" data-reactid="188">实时预览示例</div><div class="preview-image-description" data-reactid="189">根据用户的输入，提供关于密码强度和有效性的实时反馈。</div><!-- react-empty: 190 --></div></div><p data-reactid="191"><!-- react-text: 192 -->实时预览：在用户提交输入之前，让他先行了解系统将如何处理他的输入。<!-- /react-text --></p><blockquote data-reactid="193"><p data-reactid="194"><!-- react-text: 195 -->注：解决错误最好的办法，就是不让错误发生。而『实时预览』就是有效避免错误的好设计。<!-- /react-text --></p></blockquote><p data-reactid="196"><br data-reactid="197"/></p><p data-reactid="198"><!-- react-text: 199 -->渐进式展现：在必要的时候提供必要的提示，而不是一股脑儿显示所有提示，导致界面混乱，增加认知负担。案例详见<!-- /react-text --><a href="/docs/spec/stay-cn#流程处理" data-reactid="200">『足不出户／渐进式展现』</a><!-- react-text: 201 -->。<!-- /react-text --></p><p data-reactid="202"><br data-reactid="203"/></p><div class="preview-image-boxes clearfix" data-reactid="204"><div class="preview-image-box" data-reactid="205"><div class="preview-image-wrapper" data-reactid="206"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/FBAZGqfeUnDlUtw.png" alt="按钮加载示例" data-reactid="207"/></div><div class="preview-image-title" data-reactid="208">按钮加载示例</div><div class="preview-image-description" data-reactid="209"></div><!-- react-empty: 210 --></div></div><div class="preview-image-boxes clearfix" data-reactid="211"><div class="preview-image-box" data-reactid="212"><div class="preview-image-wrapper" data-reactid="213"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/FPXsINbTgsuSStI.png" alt="表格加载示例" data-reactid="214"/></div><div class="preview-image-title" data-reactid="215">表格加载示例</div><div class="preview-image-description" data-reactid="216"></div><!-- react-empty: 217 --></div></div><div class="preview-image-boxes clearfix" data-reactid="218"><div class="preview-image-box" data-reactid="219"><div class="preview-image-wrapper" data-reactid="220"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/WJqeUHzthTXaHnW.png" alt="富列表加载示例" data-reactid="221"/></div><div class="preview-image-title" data-reactid="222">富列表加载示例</div><div class="preview-image-description" data-reactid="223"></div><!-- react-empty: 224 --></div></div><div class="preview-image-boxes clearfix" data-reactid="225"><div class="preview-image-box" data-reactid="226"><div class="preview-image-wrapper" data-reactid="227"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/qPWjexSmFfCiLVJ.png" alt="页面加载示例" data-reactid="228"/></div><div class="preview-image-title" data-reactid="229">页面加载示例</div><div class="preview-image-description" data-reactid="230"></div><!-- react-empty: 231 --></div></div><p data-reactid="232"><!-- react-text: 233 -->进度指示：当一个操作需要一定时间完成时，就需要即时告知进度，保持与用户的沟通。
 常见的进度指示：『按钮加载』、『表格加载』、『富列表加载』、『页面加载』。可根据操作的量级和重要性，展示不同类型的进度指示。<!-- /react-text --></p><p data-reactid="234"><br data-reactid="235"/></p><div class="preview-image-boxes clearfix" data-reactid="236"><div class="preview-image-box" data-reactid="237"><div class="preview-image-wrapper" data-reactid="238"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/DdmWqoqIFSCSAvq.png" alt="点击刷新示例" data-reactid="239"/></div><div class="preview-image-title" data-reactid="240">点击刷新示例</div><div class="preview-image-description" data-reactid="241"></div><!-- react-empty: 242 --></div></div><p data-reactid="243"><!-- react-text: 244 -->点击刷新：告知用户有新内容，并提供按钮等工具帮助用户查看新内容。<!-- /react-text --></p><p data-reactid="245"><br data-reactid="246"/></p><div class="preview-image-boxes clearfix" data-reactid="247"><div class="preview-image-box" data-reactid="248"><div class="preview-image-wrapper" data-reactid="249"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/guiuShsfpJzxZQx.png" alt="定时示例" data-reactid="250"/></div><div class="preview-image-title" data-reactid="251">定时示例</div><div class="preview-image-description" data-reactid="252">新增的列表项『高亮』，持续几秒后恢复正常。</div><!-- react-empty: 253 --></div></div><p data-reactid="254"><!-- react-text: 255 -->定时刷新：无需用户介入，定时展示新内容。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="256"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="257"><section class="prev-next-nav" data-reactid="258"><a class="prev-page" href="/docs/spec/transition-cn" data-reactid="259">巧用过渡</a><a class="next-page" href="/docs/spec/colors-cn" data-reactid="260">色彩</a></section></div></div></div><footer id="footer" data-reactid="261"><ul data-reactid="262"><li data-reactid="263"><h2 data-reactid="264"><i class="anticon anticon-github" data-reactid="265"></i><!-- react-text: 266 --> GitHub<!-- /react-text --></h2><div data-reactid="267"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="268"><span data-reactid="269">源码仓库</span></a></div><div data-reactid="270"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="271"><span data-reactid="272">定制主题</span></a></div><div data-reactid="273"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="274"><span data-reactid="275">Awesome Ant Design</span></a></div></li><li data-reactid="276"><h2 data-reactid="277"><i class="anticon anticon-link" data-reactid="278"></i><!-- react-text: 279 --> <!-- /react-text --><span data-reactid="280">相关站点</span></h2><div data-reactid="281"><a href="https://design.alipay.com/" data-reactid="282"><span data-reactid="283">蚂蚁金服设计平台</span></a></div><div data-reactid="284"><a href="http://mobile.ant.design" data-reactid="285">Ant Design Mobile</a><span data-reactid="286"> - </span><span data-reactid="287">移动版</span></div><div data-reactid="288"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="289">dva</a><!-- react-text: 290 --> - <!-- /react-text --><span data-reactid="291">应用框架</span></div><div data-reactid="292"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="293">dva-cli</a><!-- react-text: 294 --> -<!-- /react-text --><span data-reactid="295">开发工具</span></div><div data-reactid="296"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="297">Egg</a><span data-reactid="298"> - </span><span data-reactid="299">企业级 Node 开发框架</span></div><div data-reactid="300"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="301">AntV</a><span data-reactid="302"> - </span><span data-reactid="303">数据可视化</span></div><div data-reactid="304"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="305">Ant Motion</a><span data-reactid="306"> - </span><span data-reactid="307">设计动效</span></div><div data-reactid="308"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="309">AntD Library</a><span data-reactid="310"> - </span><span data-reactid="311">Axure 部件库</span></div><div data-reactid="312"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="313">Ant UX</a><span data-reactid="314"> - </span><span data-reactid="315">页面逻辑素材</span></div></li><li data-reactid="316"><h2 data-reactid="317"><i class="anticon anticon-customer-service" data-reactid="318"></i><!-- react-text: 319 --> <!-- /react-text --><span data-reactid="320">社区</span></h2><div data-reactid="321"><a href="/changelog" data-reactid="322"><span data-reactid="323">更新记录</span></a></div><div data-reactid="324"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="325"><span data-reactid="326">常见问题</span></a></div><div data-reactid="327"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="328"><span data-reactid="329">在线讨论 (中文)</span></a></div><div data-reactid="330"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="331"><span data-reactid="332">在线讨论 (English)</span></a></div><div data-reactid="333"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="334"><span data-reactid="335">报告 Bug</span></a></div><div data-reactid="336"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="337"><span data-reactid="338">讨论列表</span></a></div><div data-reactid="339"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="340"><span data-reactid="341">StackOverflow</span></a></div><div data-reactid="342"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="343"><span data-reactid="344">SegmentFault</span></a></div></li><li data-reactid="345"><h2 data-reactid="346"><!-- react-text: 347 -->Copyright © <!-- /react-text --><!-- react-text: 348 -->2017<!-- /react-text --></h2><div data-reactid="349"><span data-reactid="350">蚂蚁金服体验技术部出品</span></div><div data-reactid="351"><!-- react-text: 352 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="353">BiSheng</a></div></li></ul></footer></div>
     </div>
diff --git a/docs/spec/reaction.html b/docs/spec/reaction.html
index db2be8d1e..0e598116d 100644
--- a/docs/spec/reaction.html
+++ b/docs/spec/reaction.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-305378179"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-365540225"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/lightweight" data-reactid="72">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/stay" data-reactid="74">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->React Immediately<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/reaction.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->Invitations are powerful because they directly address discoverability and provide feedback before an interaction happens. Transitions are useful because they provide visual feedback during an interaction. But another class of feedback exists. It is the feedback that happens immediately after each interaction with the system, an immediate reaction paired with the user’s action.<!-- /react-text --></p><p data-reactid="113"><!-- react-text: 114 -->While we can’t literally extend Newton’s law to the world of user interfaces, we certainly can apply this principle to the way we should interact with users. When users click on a button, they expect the button to depress. When they type in a field, they expect to see characters show up in the text box. When they make a mistake, they want the application to tell them where they goofed.<!-- /react-text --></p><p data-reactid="115"><!-- react-text: 116 -->While there is a possibility of too much feedback (or, more accurately, too much of the wrong feedback—a concept we will discuss in the upcoming chapters), a system with little or no feedback feels sluggish and thickheaded.<!-- /react-text --></p><blockquote data-reactid="117"><p data-reactid="118"><strong data-reactid="119"><!-- react-text: 120 --> Newton’s Third Law of Motion <!-- /react-text --></strong><!-- react-text: 121 -->: For every action, there is an equal and opposite reaction, from Wikipedia.<!-- /react-text --></p></blockquote></section><section class="toc" data-reactid="122"><ul data-reactid="123"><li data-reactid="124"><a class="bisheng-toc-h2" href="#Lookup-Patterns" title="Lookup Patterns" data-reactid="125"><!-- react-text: 126 -->Lookup Patterns<!-- /react-text --></a></li><li data-reactid="127"><a class="bisheng-toc-h2" href="#Live-Suggest" title="Live Suggest" data-reactid="128"><!-- react-text: 129 -->Live Suggest<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="130"><h2 id="Lookup-Patterns" data-reactid="131"><span data-reactid="132"><!-- react-text: 133 -->Lookup Patterns<!-- /react-text --></span><a href="#Lookup-Patterns" class="anchor" data-reactid="134">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="135"><div class="preview-image-box" data-reactid="136"><div class="preview-image-wrapper" data-reactid="137"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/fgQfkNakHrUiAun.png" alt="example of Certain Category" data-reactid="138"/></div><div class="preview-image-title" data-reactid="139">example of Certain Category</div><div class="preview-image-description" data-reactid="140">The keyword of the user query is only displayed in three categories, Topics, Questions and Articles.</div><!-- react-empty: 141 --></div></div><div class="preview-image-boxes clearfix" data-reactid="142"><div class="preview-image-box" data-reactid="143"><div class="preview-image-wrapper" data-reactid="144"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/hUfCsXwnOsVlskl.png" alt="example of Uncertain Category" data-reactid="145"/></div><div class="preview-image-title" data-reactid="146">example of Uncertain Category</div><div class="preview-image-description" data-reactid="147">The number of categories the keyword of the user query belongs to is uncetain.</div><!-- react-empty: 148 --></div></div><p data-reactid="149"><!-- react-text: 150 -->Auto Complete: As the user types input into a field, a drop-down menu of matching values is displayed.
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay" data-reactid="72">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight" data-reactid="74">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->React Immediately<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/reaction.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->Invitations are powerful because they directly address discoverability and provide feedback before an interaction happens. Transitions are useful because they provide visual feedback during an interaction. But another class of feedback exists. It is the feedback that happens immediately after each interaction with the system, an immediate reaction paired with the user’s action.<!-- /react-text --></p><p data-reactid="113"><!-- react-text: 114 -->While we can’t literally extend Newton’s law to the world of user interfaces, we certainly can apply this principle to the way we should interact with users. When users click on a button, they expect the button to depress. When they type in a field, they expect to see characters show up in the text box. When they make a mistake, they want the application to tell them where they goofed.<!-- /react-text --></p><p data-reactid="115"><!-- react-text: 116 -->While there is a possibility of too much feedback (or, more accurately, too much of the wrong feedback—a concept we will discuss in the upcoming chapters), a system with little or no feedback feels sluggish and thickheaded.<!-- /react-text --></p><blockquote data-reactid="117"><p data-reactid="118"><strong data-reactid="119"><!-- react-text: 120 --> Newton’s Third Law of Motion <!-- /react-text --></strong><!-- react-text: 121 -->: For every action, there is an equal and opposite reaction, from Wikipedia.<!-- /react-text --></p></blockquote></section><section class="toc" data-reactid="122"><ul data-reactid="123"><li data-reactid="124"><a class="bisheng-toc-h2" href="#Lookup-Patterns" title="Lookup Patterns" data-reactid="125"><!-- react-text: 126 -->Lookup Patterns<!-- /react-text --></a></li><li data-reactid="127"><a class="bisheng-toc-h2" href="#Live-Suggest" title="Live Suggest" data-reactid="128"><!-- react-text: 129 -->Live Suggest<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="130"><h2 id="Lookup-Patterns" data-reactid="131"><span data-reactid="132"><!-- react-text: 133 -->Lookup Patterns<!-- /react-text --></span><a href="#Lookup-Patterns" class="anchor" data-reactid="134">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="135"><div class="preview-image-box" data-reactid="136"><div class="preview-image-wrapper" data-reactid="137"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/fgQfkNakHrUiAun.png" alt="example of Certain Category" data-reactid="138"/></div><div class="preview-image-title" data-reactid="139">example of Certain Category</div><div class="preview-image-description" data-reactid="140">The keyword of the user query is only displayed in three categories, Topics, Questions and Articles.</div><!-- react-empty: 141 --></div></div><div class="preview-image-boxes clearfix" data-reactid="142"><div class="preview-image-box" data-reactid="143"><div class="preview-image-wrapper" data-reactid="144"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/hUfCsXwnOsVlskl.png" alt="example of Uncertain Category" data-reactid="145"/></div><div class="preview-image-title" data-reactid="146">example of Uncertain Category</div><div class="preview-image-description" data-reactid="147">The number of categories the keyword of the user query belongs to is uncetain.</div><!-- react-empty: 148 --></div></div><p data-reactid="149"><!-- react-text: 150 -->Auto Complete: As the user types input into a field, a drop-down menu of matching values is displayed.
 Depending on the categories of search results, it can be divided into two types, Certain Category and Uncertain Category.<!-- /react-text --></p><p data-reactid="151"><br data-reactid="152"/></p><div class="preview-image-boxes clearfix" data-reactid="153"><div class="preview-image-box" data-reactid="154"><div class="preview-image-wrapper" data-reactid="155"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/OyJCVmOigyXKWCf.png" alt="example of Live Search" data-reactid="156"/></div><div class="preview-image-title" data-reactid="157">example of Live Search</div><div class="preview-image-description" data-reactid="158">When the user type a search value, the system instantly displays the search results.</div><!-- react-empty: 159 --></div></div><p data-reactid="160"><!-- react-text: 161 -->Live Suggest: Live Suggest provides real-time search term suggestions for creating a search.<!-- /react-text --></p><p data-reactid="162"><br data-reactid="163"/></p><p data-reactid="164"><!-- react-text: 165 -->Refining Search: Refining Search provides a set of live filters that allow the search results to be tuned in real time. Learn more on <!-- /react-text --><a href="/docs/pattern/advanced-search" data-reactid="166">Pattern/Advanced Search</a><!-- react-text: 167 -->.<!-- /react-text --></p><p data-reactid="168"><br data-reactid="169"/></p><hr data-reactid="170"/><h2 id="Live-Suggest" data-reactid="171"><span data-reactid="172"><!-- react-text: 173 -->Live Suggest<!-- /react-text --></span><a href="#Live-Suggest" class="anchor" data-reactid="174">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="175"><div class="preview-image-box" data-reactid="176"><div class="preview-image-wrapper" data-reactid="177"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/jecYhRgfbHleGDJ.png" alt="example of Live Preview" data-reactid="178"/></div><div class="preview-image-title" data-reactid="179">example of Live Preview</div><div class="preview-image-description" data-reactid="180">Depending on the type of the input from the user, the system provides instant feedback on password strength and validation.</div><!-- react-empty: 181 --></div></div><p data-reactid="182"><!-- react-text: 183 -->Live Preview: A Live Preview gives the users a glimpse beforehand of how the application will interpret their input once submitted.<!-- /react-text --></p><blockquote data-reactid="184"><p data-reactid="185"><!-- react-text: 186 -->Note: An ounce of prevention is worth a pound of cure. Use Live Previews to prevent errors.<!-- /react-text --></p></blockquote><p data-reactid="187"><br data-reactid="188"/></p><p data-reactid="189"><!-- react-text: 190 -->Progressive Disclosure: When users are faced with a series of steps, it is often best to provide hints only when they are needed, instead of cluttering the interface by displaying all the hints at once. Learn more cases on <!-- /react-text --><a href="/docs/spec/stay#Process-Flows" data-reactid="191">Stay on the Page/Progressive Disclosure</a><!-- react-text: 192 -->。<!-- /react-text --></p><p data-reactid="193"><br data-reactid="194"/></p><div class="preview-image-boxes clearfix" data-reactid="195"><div class="preview-image-box" data-reactid="196"><div class="preview-image-wrapper" data-reactid="197"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/FBAZGqfeUnDlUtw.png" alt="example of Loading Button" data-reactid="198"/></div><div class="preview-image-title" data-reactid="199">example of Loading Button</div><div class="preview-image-description" data-reactid="200"></div><!-- react-empty: 201 --></div></div><div class="preview-image-boxes clearfix" data-reactid="202"><div class="preview-image-box" data-reactid="203"><div class="preview-image-wrapper" data-reactid="204"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/FPXsINbTgsuSStI.png" alt="example of Loading Table" data-reactid="205"/></div><div class="preview-image-title" data-reactid="206">example of Loading Table</div><div class="preview-image-description" data-reactid="207"></div><!-- react-empty: 208 --></div></div><div class="preview-image-boxes clearfix" data-reactid="209"><div class="preview-image-box" data-reactid="210"><div class="preview-image-wrapper" data-reactid="211"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/WJqeUHzthTXaHnW.png" alt="example of Loading List" data-reactid="212"/></div><div class="preview-image-title" data-reactid="213">example of Loading List</div><div class="preview-image-description" data-reactid="214"></div><!-- react-empty: 215 --></div></div><div class="preview-image-boxes clearfix" data-reactid="216"><div class="preview-image-box" data-reactid="217"><div class="preview-image-wrapper" data-reactid="218"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/qPWjexSmFfCiLVJ.png" alt="example of Loading Page" data-reactid="219"/></div><div class="preview-image-title" data-reactid="220">example of Loading Page</div><div class="preview-image-description" data-reactid="221"></div><!-- react-empty: 222 --></div></div><p data-reactid="223"><!-- react-text: 224 -->Progress Indicator: Progress Indicators keep a conversation going with the user when the rest of the interface is currently unavailable. Common Progress Indicators, such as Loading Button, Loading Table, Loading List and Loading Page, can be displayed respectively according to the frequency and importance of operation.<!-- /react-text --></p><p data-reactid="225"><br data-reactid="226"/></p><div class="preview-image-boxes clearfix" data-reactid="227"><div class="preview-image-box" data-reactid="228"><div class="preview-image-wrapper" data-reactid="229"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/DdmWqoqIFSCSAvq.png" alt="example of Click Refresh" data-reactid="230"/></div><div class="preview-image-title" data-reactid="231">example of Click Refresh</div><div class="preview-image-description" data-reactid="232"></div><!-- react-empty: 233 --></div></div><p data-reactid="234"><!-- react-text: 235 -->Click Refresh: Click Refresh notifies the user of fresh content and provides button or tool to refresh.<!-- /react-text --></p><p data-reactid="236"><br data-reactid="237"/></p><div class="preview-image-boxes clearfix" data-reactid="238"><div class="preview-image-box" data-reactid="239"><div class="preview-image-wrapper" data-reactid="240"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/guiuShsfpJzxZQx.png" alt="example of Periodic Refresh" data-reactid="241"/></div><div class="preview-image-title" data-reactid="242">example of Periodic Refresh</div><div class="preview-image-description" data-reactid="243">The added list item turns to be highlighted and get back to normal in a few seconds.</div><!-- react-empty: 244 --></div></div><p data-reactid="245"><!-- react-text: 246 -->Periodic Refresh: Periodic Refresh brings in fresh content on a periodic basis without direct user interaction.<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="247"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="248"><section class="prev-next-nav" data-reactid="249"><a class="prev-page" href="/docs/spec/transition" data-reactid="250">Use Transition</a><a class="next-page" href="/docs/spec/colors" data-reactid="251">Colors</a></section></div></div></div><footer id="footer" data-reactid="252"><ul data-reactid="253"><li data-reactid="254"><h2 data-reactid="255"><i class="anticon anticon-github" data-reactid="256"></i><!-- react-text: 257 --> GitHub<!-- /react-text --></h2><div data-reactid="258"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="259"><span data-reactid="260">Repository</span></a></div><div data-reactid="261"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="262"><span data-reactid="263">Customize Theme</span></a></div><div data-reactid="264"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="265"><span data-reactid="266">Awesome Ant Design</span></a></div></li><li data-reactid="267"><h2 data-reactid="268"><i class="anticon anticon-link" data-reactid="269"></i><!-- react-text: 270 --> <!-- /react-text --><span data-reactid="271">Links</span></h2><div data-reactid="272"><a href="https://design.alipay.com/" data-reactid="273"><span data-reactid="274">Ant Financial Design Platform</span></a></div><div data-reactid="275"><a href="http://mobile.ant.design" data-reactid="276">Ant Design Mobile</a><span data-reactid="277"> - </span><span data-reactid="278">Mobile UI</span></div><div data-reactid="279"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="280">dva</a><!-- react-text: 281 --> - <!-- /react-text --><span data-reactid="282">Framework</span></div><div data-reactid="283"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="284">dva-cli</a><!-- react-text: 285 --> -<!-- /react-text --><span data-reactid="286">Developer Tools</span></div><div data-reactid="287"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="288">Egg</a><span data-reactid="289"> - </span><span data-reactid="290">Enterprise Node Framework</span></div><div data-reactid="291"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="292">AntV</a><span data-reactid="293"> - </span><span data-reactid="294">Data Visualization</span></div><div data-reactid="295"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="296">Ant Motion</a><span data-reactid="297"> - </span><span data-reactid="298">Motion Soluction</span></div><div data-reactid="299"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="300">AntD Library</a><span data-reactid="301"> - </span><span data-reactid="302">Axure library</span></div><div data-reactid="303"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="304">Ant UX</a><span data-reactid="305"> - </span><span data-reactid="306">Sitemap Template</span></div></li><li data-reactid="307"><h2 data-reactid="308"><i class="anticon anticon-customer-service" data-reactid="309"></i><!-- react-text: 310 --> <!-- /react-text --><span data-reactid="311">Community</span></h2><div data-reactid="312"><a href="/changelog" data-reactid="313"><span data-reactid="314">Change Log</span></a></div><div data-reactid="315"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="316"><span data-reactid="317">FAQ</span></a></div><div data-reactid="318"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="319"><span data-reactid="320">Chat Room (中文)</span></a></div><div data-reactid="321"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="322"><span data-reactid="323">Chat Room (English)</span></a></div><div data-reactid="324"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="325"><span data-reactid="326">Bug Report</span></a></div><div data-reactid="327"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="328"><span data-reactid="329">Issues</span></a></div><div data-reactid="330"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="331"><span data-reactid="332">StackOverflow</span></a></div><div data-reactid="333"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="334"><span data-reactid="335">SegmentFault</span></a></div></li><li data-reactid="336"><h2 data-reactid="337"><!-- react-text: 338 -->Copyright © <!-- /react-text --><!-- react-text: 339 -->2017<!-- /react-text --></h2><div data-reactid="340"><span data-reactid="341">Created by AIUX</span></div><div data-reactid="342"><!-- react-text: 343 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="344">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
diff --git a/docs/spec/repetition-cn.html b/docs/spec/repetition-cn.html
index ffa02dc5e..7fbd4f6ef 100644
--- a/docs/spec/repetition-cn.html
+++ b/docs/spec/repetition-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-925173272"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="913832426"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->重复<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/repetition.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->相同的元素在整个界面中不断重复，不仅可以有效降低用户的学习成本，也可以帮助用户识别出这些元素之间的关联性。<!-- /react-text --></p></section><section class="toc" data-reactid="113"><ul data-reactid="114"><li data-reactid="115"><a class="bisheng-toc-h2" href="#重复元素" title="重复元素" data-reactid="116"><!-- react-text: 117 -->重复元素<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="118"><h2 id="重复元素" data-reactid="119"><span data-reactid="120"><!-- react-text: 121 -->重复元素<!-- /react-text --></span><a href="#重复元素" class="anchor" data-reactid="122">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="123"><div class="preview-image-box" data-reactid="124"><div class="preview-image-wrapper" data-reactid="125"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/SREcKOUMmiWPQNO.png" alt="线框重复示例" data-reactid="126"/></div><div class="preview-image-title" data-reactid="127">线框重复示例</div><div class="preview-image-description" data-reactid="128"></div><!-- react-empty: 129 --></div></div><div class="preview-image-boxes clearfix" data-reactid="130"><div class="preview-image-box" data-reactid="131"><div class="preview-image-wrapper" data-reactid="132"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/ZjFUWyPHGzyQJYD.png" alt="设计要素重复示例" data-reactid="133"/></div><div class="preview-image-title" data-reactid="134">设计要素重复示例</div><div class="preview-image-description" data-reactid="135"></div><!-- react-empty: 136 --></div></div><div class="preview-image-boxes clearfix" data-reactid="137"><div class="preview-image-box" data-reactid="138"><div class="preview-image-wrapper" data-reactid="139"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/mveDxAdjucdJDll.png" alt="文案格式重复示例" data-reactid="140"/></div><div class="preview-image-title" data-reactid="141">文案格式重复示例</div><div class="preview-image-description" data-reactid="142"></div><!-- react-empty: 143 --></div></div><p data-reactid="144"><!-- react-text: 145 -->重复元素可以是一条粗线、一种线框，某种相同的颜色、设计要素、设计风格，某种格式、空间关系等。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="146"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="147"><section class="prev-next-nav" data-reactid="148"><a class="prev-page" href="/docs/spec/contrast-cn" data-reactid="149">对比</a><a class="next-page" href="/docs/spec/direct-cn" data-reactid="150">直截了当</a></section></div></div></div><footer id="footer" data-reactid="151"><ul data-reactid="152"><li data-reactid="153"><h2 data-reactid="154"><i class="anticon anticon-github" data-reactid="155"></i><!-- react-text: 156 --> GitHub<!-- /react-text --></h2><div data-reactid="157"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="158"><span data-reactid="159">源码仓库</span></a></div><div data-reactid="160"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="161"><span data-reactid="162">定制主题</span></a></div><div data-reactid="163"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="164"><span data-reactid="165">Awesome Ant Design</span></a></div></li><li data-reactid="166"><h2 data-reactid="167"><i class="anticon anticon-link" data-reactid="168"></i><!-- react-text: 169 --> <!-- /react-text --><span data-reactid="170">相关站点</span></h2><div data-reactid="171"><a href="https://design.alipay.com/" data-reactid="172"><span data-reactid="173">蚂蚁金服设计平台</span></a></div><div data-reactid="174"><a href="http://mobile.ant.design" data-reactid="175">Ant Design Mobile</a><span data-reactid="176"> - </span><span data-reactid="177">移动版</span></div><div data-reactid="178"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="179">dva</a><!-- react-text: 180 --> - <!-- /react-text --><span data-reactid="181">应用框架</span></div><div data-reactid="182"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="183">dva-cli</a><!-- react-text: 184 --> -<!-- /react-text --><span data-reactid="185">开发工具</span></div><div data-reactid="186"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="187">Egg</a><span data-reactid="188"> - </span><span data-reactid="189">企业级 Node 开发框架</span></div><div data-reactid="190"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="191">AntV</a><span data-reactid="192"> - </span><span data-reactid="193">数据可视化</span></div><div data-reactid="194"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="195">Ant Motion</a><span data-reactid="196"> - </span><span data-reactid="197">设计动效</span></div><div data-reactid="198"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="199">AntD Library</a><span data-reactid="200"> - </span><span data-reactid="201">Axure 部件库</span></div><div data-reactid="202"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="203">Ant UX</a><span data-reactid="204"> - </span><span data-reactid="205">页面逻辑素材</span></div></li><li data-reactid="206"><h2 data-reactid="207"><i class="anticon anticon-customer-service" data-reactid="208"></i><!-- react-text: 209 --> <!-- /react-text --><span data-reactid="210">社区</span></h2><div data-reactid="211"><a href="/changelog" data-reactid="212"><span data-reactid="213">更新记录</span></a></div><div data-reactid="214"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="215"><span data-reactid="216">常见问题</span></a></div><div data-reactid="217"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="218"><span data-reactid="219">在线讨论 (中文)</span></a></div><div data-reactid="220"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="221"><span data-reactid="222">在线讨论 (English)</span></a></div><div data-reactid="223"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="224"><span data-reactid="225">报告 Bug</span></a></div><div data-reactid="226"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="227"><span data-reactid="228">讨论列表</span></a></div><div data-reactid="229"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="230"><span data-reactid="231">StackOverflow</span></a></div><div data-reactid="232"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="233"><span data-reactid="234">SegmentFault</span></a></div></li><li data-reactid="235"><h2 data-reactid="236"><!-- react-text: 237 -->Copyright © <!-- /react-text --><!-- react-text: 238 -->2017<!-- /react-text --></h2><div data-reactid="239"><span data-reactid="240">蚂蚁金服体验技术部出品</span></div><div data-reactid="241"><!-- react-text: 242 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="243">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->重复<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/repetition.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->相同的元素在整个界面中不断重复，不仅可以有效降低用户的学习成本，也可以帮助用户识别出这些元素之间的关联性。<!-- /react-text --></p></section><section class="toc" data-reactid="113"><ul data-reactid="114"><li data-reactid="115"><a class="bisheng-toc-h2" href="#重复元素" title="重复元素" data-reactid="116"><!-- react-text: 117 -->重复元素<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="118"><h2 id="重复元素" data-reactid="119"><span data-reactid="120"><!-- react-text: 121 -->重复元素<!-- /react-text --></span><a href="#重复元素" class="anchor" data-reactid="122">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="123"><div class="preview-image-box" data-reactid="124"><div class="preview-image-wrapper" data-reactid="125"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/SREcKOUMmiWPQNO.png" alt="线框重复示例" data-reactid="126"/></div><div class="preview-image-title" data-reactid="127">线框重复示例</div><div class="preview-image-description" data-reactid="128"></div><!-- react-empty: 129 --></div></div><div class="preview-image-boxes clearfix" data-reactid="130"><div class="preview-image-box" data-reactid="131"><div class="preview-image-wrapper" data-reactid="132"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/ZjFUWyPHGzyQJYD.png" alt="设计要素重复示例" data-reactid="133"/></div><div class="preview-image-title" data-reactid="134">设计要素重复示例</div><div class="preview-image-description" data-reactid="135"></div><!-- react-empty: 136 --></div></div><div class="preview-image-boxes clearfix" data-reactid="137"><div class="preview-image-box" data-reactid="138"><div class="preview-image-wrapper" data-reactid="139"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/mveDxAdjucdJDll.png" alt="文案格式重复示例" data-reactid="140"/></div><div class="preview-image-title" data-reactid="141">文案格式重复示例</div><div class="preview-image-description" data-reactid="142"></div><!-- react-empty: 143 --></div></div><p data-reactid="144"><!-- react-text: 145 -->重复元素可以是一条粗线、一种线框，某种相同的颜色、设计要素、设计风格，某种格式、空间关系等。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="146"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="147"><section class="prev-next-nav" data-reactid="148"><a class="prev-page" href="/docs/spec/contrast-cn" data-reactid="149">对比</a><a class="next-page" href="/docs/spec/direct-cn" data-reactid="150">直截了当</a></section></div></div></div><footer id="footer" data-reactid="151"><ul data-reactid="152"><li data-reactid="153"><h2 data-reactid="154"><i class="anticon anticon-github" data-reactid="155"></i><!-- react-text: 156 --> GitHub<!-- /react-text --></h2><div data-reactid="157"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="158"><span data-reactid="159">源码仓库</span></a></div><div data-reactid="160"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="161"><span data-reactid="162">定制主题</span></a></div><div data-reactid="163"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="164"><span data-reactid="165">Awesome Ant Design</span></a></div></li><li data-reactid="166"><h2 data-reactid="167"><i class="anticon anticon-link" data-reactid="168"></i><!-- react-text: 169 --> <!-- /react-text --><span data-reactid="170">相关站点</span></h2><div data-reactid="171"><a href="https://design.alipay.com/" data-reactid="172"><span data-reactid="173">蚂蚁金服设计平台</span></a></div><div data-reactid="174"><a href="http://mobile.ant.design" data-reactid="175">Ant Design Mobile</a><span data-reactid="176"> - </span><span data-reactid="177">移动版</span></div><div data-reactid="178"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="179">dva</a><!-- react-text: 180 --> - <!-- /react-text --><span data-reactid="181">应用框架</span></div><div data-reactid="182"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="183">dva-cli</a><!-- react-text: 184 --> -<!-- /react-text --><span data-reactid="185">开发工具</span></div><div data-reactid="186"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="187">Egg</a><span data-reactid="188"> - </span><span data-reactid="189">企业级 Node 开发框架</span></div><div data-reactid="190"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="191">AntV</a><span data-reactid="192"> - </span><span data-reactid="193">数据可视化</span></div><div data-reactid="194"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="195">Ant Motion</a><span data-reactid="196"> - </span><span data-reactid="197">设计动效</span></div><div data-reactid="198"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="199">AntD Library</a><span data-reactid="200"> - </span><span data-reactid="201">Axure 部件库</span></div><div data-reactid="202"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="203">Ant UX</a><span data-reactid="204"> - </span><span data-reactid="205">页面逻辑素材</span></div></li><li data-reactid="206"><h2 data-reactid="207"><i class="anticon anticon-customer-service" data-reactid="208"></i><!-- react-text: 209 --> <!-- /react-text --><span data-reactid="210">社区</span></h2><div data-reactid="211"><a href="/changelog" data-reactid="212"><span data-reactid="213">更新记录</span></a></div><div data-reactid="214"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="215"><span data-reactid="216">常见问题</span></a></div><div data-reactid="217"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="218"><span data-reactid="219">在线讨论 (中文)</span></a></div><div data-reactid="220"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="221"><span data-reactid="222">在线讨论 (English)</span></a></div><div data-reactid="223"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="224"><span data-reactid="225">报告 Bug</span></a></div><div data-reactid="226"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="227"><span data-reactid="228">讨论列表</span></a></div><div data-reactid="229"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="230"><span data-reactid="231">StackOverflow</span></a></div><div data-reactid="232"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="233"><span data-reactid="234">SegmentFault</span></a></div></li><li data-reactid="235"><h2 data-reactid="236"><!-- react-text: 237 -->Copyright © <!-- /react-text --><!-- react-text: 238 -->2017<!-- /react-text --></h2><div data-reactid="239"><span data-reactid="240">蚂蚁金服体验技术部出品</span></div><div data-reactid="241"><!-- react-text: 242 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="243">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/repetition.html b/docs/spec/repetition.html
index 566b7544d..b0c8f780f 100644
--- a/docs/spec/repetition.html
+++ b/docs/spec/repetition.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-873666674"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1987647600"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/lightweight" data-reactid="72">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/stay" data-reactid="74">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Repetition<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/repetition.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->The same elements keep repeating in the whole interface, which not only could lower the user’s learning cost effectively, but also help user recognize the relevance between these elements.<!-- /react-text --></p></section><section class="toc" data-reactid="113"><ul data-reactid="114"><li data-reactid="115"><a class="bisheng-toc-h2" href="#Repetitive-elements" title="Repetitive elements" data-reactid="116"><!-- react-text: 117 -->Repetitive elements<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="118"><h2 id="Repetitive-elements" data-reactid="119"><span data-reactid="120"><!-- react-text: 121 -->Repetitive elements<!-- /react-text --></span><a href="#Repetitive-elements" class="anchor" data-reactid="122">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="123"><div class="preview-image-box" data-reactid="124"><div class="preview-image-wrapper" data-reactid="125"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/SREcKOUMmiWPQNO.png" alt="Example of repetitive wireframe" data-reactid="126"/></div><div class="preview-image-title" data-reactid="127">Example of repetitive wireframe</div><div class="preview-image-description" data-reactid="128"></div><!-- react-empty: 129 --></div></div><div class="preview-image-boxes clearfix" data-reactid="130"><div class="preview-image-box" data-reactid="131"><div class="preview-image-wrapper" data-reactid="132"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/ZjFUWyPHGzyQJYD.png" alt="Example of repetitive design elements" data-reactid="133"/></div><div class="preview-image-title" data-reactid="134">Example of repetitive design elements</div><div class="preview-image-description" data-reactid="135"></div><!-- react-empty: 136 --></div></div><div class="preview-image-boxes clearfix" data-reactid="137"><div class="preview-image-box" data-reactid="138"><div class="preview-image-wrapper" data-reactid="139"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/mveDxAdjucdJDll.png" alt="Example of repetitive of formats" data-reactid="140"/></div><div class="preview-image-title" data-reactid="141">Example of repetitive of formats</div><div class="preview-image-description" data-reactid="142"></div><!-- react-empty: 143 --></div></div><p data-reactid="144"><!-- react-text: 145 -->The repetitive element may be a thick rule(line), a wireframe， color, design elements, particular format, spatial relationships, etc.<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="146"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="147"><section class="prev-next-nav" data-reactid="148"><a class="prev-page" href="/docs/spec/contrast" data-reactid="149">Contrast</a><a class="next-page" href="/docs/spec/direct" data-reactid="150">Make it Direct</a></section></div></div></div><footer id="footer" data-reactid="151"><ul data-reactid="152"><li data-reactid="153"><h2 data-reactid="154"><i class="anticon anticon-github" data-reactid="155"></i><!-- react-text: 156 --> GitHub<!-- /react-text --></h2><div data-reactid="157"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="158"><span data-reactid="159">Repository</span></a></div><div data-reactid="160"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="161"><span data-reactid="162">Customize Theme</span></a></div><div data-reactid="163"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="164"><span data-reactid="165">Awesome Ant Design</span></a></div></li><li data-reactid="166"><h2 data-reactid="167"><i class="anticon anticon-link" data-reactid="168"></i><!-- react-text: 169 --> <!-- /react-text --><span data-reactid="170">Links</span></h2><div data-reactid="171"><a href="https://design.alipay.com/" data-reactid="172"><span data-reactid="173">Ant Financial Design Platform</span></a></div><div data-reactid="174"><a href="http://mobile.ant.design" data-reactid="175">Ant Design Mobile</a><span data-reactid="176"> - </span><span data-reactid="177">Mobile UI</span></div><div data-reactid="178"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="179">dva</a><!-- react-text: 180 --> - <!-- /react-text --><span data-reactid="181">Framework</span></div><div data-reactid="182"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="183">dva-cli</a><!-- react-text: 184 --> -<!-- /react-text --><span data-reactid="185">Developer Tools</span></div><div data-reactid="186"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="187">Egg</a><span data-reactid="188"> - </span><span data-reactid="189">Enterprise Node Framework</span></div><div data-reactid="190"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="191">AntV</a><span data-reactid="192"> - </span><span data-reactid="193">Data Visualization</span></div><div data-reactid="194"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="195">Ant Motion</a><span data-reactid="196"> - </span><span data-reactid="197">Motion Soluction</span></div><div data-reactid="198"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="199">AntD Library</a><span data-reactid="200"> - </span><span data-reactid="201">Axure library</span></div><div data-reactid="202"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="203">Ant UX</a><span data-reactid="204"> - </span><span data-reactid="205">Sitemap Template</span></div></li><li data-reactid="206"><h2 data-reactid="207"><i class="anticon anticon-customer-service" data-reactid="208"></i><!-- react-text: 209 --> <!-- /react-text --><span data-reactid="210">Community</span></h2><div data-reactid="211"><a href="/changelog" data-reactid="212"><span data-reactid="213">Change Log</span></a></div><div data-reactid="214"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="215"><span data-reactid="216">FAQ</span></a></div><div data-reactid="217"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="218"><span data-reactid="219">Chat Room (中文)</span></a></div><div data-reactid="220"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="221"><span data-reactid="222">Chat Room (English)</span></a></div><div data-reactid="223"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="224"><span data-reactid="225">Bug Report</span></a></div><div data-reactid="226"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="227"><span data-reactid="228">Issues</span></a></div><div data-reactid="229"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="230"><span data-reactid="231">StackOverflow</span></a></div><div data-reactid="232"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="233"><span data-reactid="234">SegmentFault</span></a></div></li><li data-reactid="235"><h2 data-reactid="236"><!-- react-text: 237 -->Copyright © <!-- /react-text --><!-- react-text: 238 -->2017<!-- /react-text --></h2><div data-reactid="239"><span data-reactid="240">Created by AIUX</span></div><div data-reactid="241"><!-- react-text: 242 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="243">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay" data-reactid="72">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight" data-reactid="74">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Repetition<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/repetition.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->The same elements keep repeating in the whole interface, which not only could lower the user’s learning cost effectively, but also help user recognize the relevance between these elements.<!-- /react-text --></p></section><section class="toc" data-reactid="113"><ul data-reactid="114"><li data-reactid="115"><a class="bisheng-toc-h2" href="#Repetitive-elements" title="Repetitive elements" data-reactid="116"><!-- react-text: 117 -->Repetitive elements<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="118"><h2 id="Repetitive-elements" data-reactid="119"><span data-reactid="120"><!-- react-text: 121 -->Repetitive elements<!-- /react-text --></span><a href="#Repetitive-elements" class="anchor" data-reactid="122">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="123"><div class="preview-image-box" data-reactid="124"><div class="preview-image-wrapper" data-reactid="125"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/SREcKOUMmiWPQNO.png" alt="Example of repetitive wireframe" data-reactid="126"/></div><div class="preview-image-title" data-reactid="127">Example of repetitive wireframe</div><div class="preview-image-description" data-reactid="128"></div><!-- react-empty: 129 --></div></div><div class="preview-image-boxes clearfix" data-reactid="130"><div class="preview-image-box" data-reactid="131"><div class="preview-image-wrapper" data-reactid="132"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/ZjFUWyPHGzyQJYD.png" alt="Example of repetitive design elements" data-reactid="133"/></div><div class="preview-image-title" data-reactid="134">Example of repetitive design elements</div><div class="preview-image-description" data-reactid="135"></div><!-- react-empty: 136 --></div></div><div class="preview-image-boxes clearfix" data-reactid="137"><div class="preview-image-box" data-reactid="138"><div class="preview-image-wrapper" data-reactid="139"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/mveDxAdjucdJDll.png" alt="Example of repetitive of formats" data-reactid="140"/></div><div class="preview-image-title" data-reactid="141">Example of repetitive of formats</div><div class="preview-image-description" data-reactid="142"></div><!-- react-empty: 143 --></div></div><p data-reactid="144"><!-- react-text: 145 -->The repetitive element may be a thick rule(line), a wireframe， color, design elements, particular format, spatial relationships, etc.<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="146"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="147"><section class="prev-next-nav" data-reactid="148"><a class="prev-page" href="/docs/spec/contrast" data-reactid="149">Contrast</a><a class="next-page" href="/docs/spec/direct" data-reactid="150">Make it Direct</a></section></div></div></div><footer id="footer" data-reactid="151"><ul data-reactid="152"><li data-reactid="153"><h2 data-reactid="154"><i class="anticon anticon-github" data-reactid="155"></i><!-- react-text: 156 --> GitHub<!-- /react-text --></h2><div data-reactid="157"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="158"><span data-reactid="159">Repository</span></a></div><div data-reactid="160"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="161"><span data-reactid="162">Customize Theme</span></a></div><div data-reactid="163"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="164"><span data-reactid="165">Awesome Ant Design</span></a></div></li><li data-reactid="166"><h2 data-reactid="167"><i class="anticon anticon-link" data-reactid="168"></i><!-- react-text: 169 --> <!-- /react-text --><span data-reactid="170">Links</span></h2><div data-reactid="171"><a href="https://design.alipay.com/" data-reactid="172"><span data-reactid="173">Ant Financial Design Platform</span></a></div><div data-reactid="174"><a href="http://mobile.ant.design" data-reactid="175">Ant Design Mobile</a><span data-reactid="176"> - </span><span data-reactid="177">Mobile UI</span></div><div data-reactid="178"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="179">dva</a><!-- react-text: 180 --> - <!-- /react-text --><span data-reactid="181">Framework</span></div><div data-reactid="182"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="183">dva-cli</a><!-- react-text: 184 --> -<!-- /react-text --><span data-reactid="185">Developer Tools</span></div><div data-reactid="186"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="187">Egg</a><span data-reactid="188"> - </span><span data-reactid="189">Enterprise Node Framework</span></div><div data-reactid="190"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="191">AntV</a><span data-reactid="192"> - </span><span data-reactid="193">Data Visualization</span></div><div data-reactid="194"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="195">Ant Motion</a><span data-reactid="196"> - </span><span data-reactid="197">Motion Soluction</span></div><div data-reactid="198"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="199">AntD Library</a><span data-reactid="200"> - </span><span data-reactid="201">Axure library</span></div><div data-reactid="202"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="203">Ant UX</a><span data-reactid="204"> - </span><span data-reactid="205">Sitemap Template</span></div></li><li data-reactid="206"><h2 data-reactid="207"><i class="anticon anticon-customer-service" data-reactid="208"></i><!-- react-text: 209 --> <!-- /react-text --><span data-reactid="210">Community</span></h2><div data-reactid="211"><a href="/changelog" data-reactid="212"><span data-reactid="213">Change Log</span></a></div><div data-reactid="214"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="215"><span data-reactid="216">FAQ</span></a></div><div data-reactid="217"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="218"><span data-reactid="219">Chat Room (中文)</span></a></div><div data-reactid="220"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="221"><span data-reactid="222">Chat Room (English)</span></a></div><div data-reactid="223"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="224"><span data-reactid="225">Bug Report</span></a></div><div data-reactid="226"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="227"><span data-reactid="228">Issues</span></a></div><div data-reactid="229"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="230"><span data-reactid="231">StackOverflow</span></a></div><div data-reactid="232"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="233"><span data-reactid="234">SegmentFault</span></a></div></li><li data-reactid="235"><h2 data-reactid="236"><!-- react-text: 237 -->Copyright © <!-- /react-text --><!-- react-text: 238 -->2017<!-- /react-text --></h2><div data-reactid="239"><span data-reactid="240">Created by AIUX</span></div><div data-reactid="241"><!-- react-text: 242 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="243">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/stay-cn.html b/docs/spec/stay-cn.html
index bacb9d12f..e09ec5c96 100644
--- a/docs/spec/stay-cn.html
+++ b/docs/spec/stay-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-638798310"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="2132260380"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->足不出户<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/stay.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->能在这个页面解决的问题，就不要去其它页面解决，因为任何页面刷新和跳转都会引起变化盲视（Change Blindness），导致用户心流（Flow）被打断。频繁的页面刷新和跳转，就像在看戏时，演员说完一行台词就安排一次谢幕一样。<!-- /react-text --></p><blockquote data-reactid="113"><p data-reactid="114"><strong data-reactid="115"><!-- react-text: 116 --> 变换盲视（Change Blindness）<!-- /react-text --></strong><!-- react-text: 117 --> ：指视觉场景中的某些变化并未被观察者注意到的心理现象。产生这种现象的原因包括场景中的障碍物，眼球运动、地点的变化，或者是缺乏注意力等。——摘自《维基百科》<!-- /react-text --></p><p data-reactid="118"><strong data-reactid="119"><!-- react-text: 120 --> 心流（Flow）<!-- /react-text --></strong><!-- react-text: 121 --> ：也有别名以化境 (Zone) 表示，亦有人翻译为神驰状态，定义是一种将个人精神力完全投注在某种活动上的感觉；心流产生时同时会有高度的兴奋及充实感。——摘自《维基百科》<!-- /react-text --></p></blockquote></section><section class="toc" data-reactid="122"><ul data-reactid="123"><li data-reactid="124"><a class="bisheng-toc-h2" href="#覆盖层" title="覆盖层" data-reactid="125"><!-- react-text: 126 -->覆盖层<!-- /react-text --></a></li><li data-reactid="127"><a class="bisheng-toc-h2" href="#嵌入层" title="嵌入层" data-reactid="128"><!-- react-text: 129 -->嵌入层<!-- /react-text --></a></li><li data-reactid="130"><a class="bisheng-toc-h2" href="#虚拟页面" title="虚拟页面" data-reactid="131"><!-- react-text: 132 -->虚拟页面<!-- /react-text --></a></li><li data-reactid="133"><a class="bisheng-toc-h2" href="#流程处理" title="流程处理" data-reactid="134"><!-- react-text: 135 -->流程处理<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="136"><h2 id="覆盖层" data-reactid="137"><span data-reactid="138"><!-- react-text: 139 -->覆盖层<!-- /react-text --></span><a href="#覆盖层" class="anchor" data-reactid="140">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="141"><div class="preview-image-box" data-reactid="142"><div class="preview-image-wrapper" data-reactid="143"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/woHOTIZeXCYmtkv.png" alt="推荐示例" data-reactid="144"/></div><div class="preview-image-title" data-reactid="145">推荐示例</div><div class="preview-image-description" data-reactid="146">用户点击『删除』后，直接操作；出现 Message 告知用户操作成功，并提供用户『撤消』的按钮；用户进行下一个操作或者 1 分钟内不进行任何操作， Message 消失，用户无法再『撤消』。</div><!-- react-empty: 147 --></div></div><div class="preview-image-boxes clearfix" data-reactid="148"><div class="preview-image-box" data-reactid="149"><div class="preview-image-wrapper" data-reactid="150"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/hDlhNscVtHdvvgu.png" alt="推荐示例" data-reactid="151"/></div><div class="preview-image-title" data-reactid="152">推荐示例</div><div class="preview-image-description" data-reactid="153">特例：在执行某些无法『撤消』的操作时，可以点击『删除』后，出现 Popconfirm 进行二次确认，在当前页面完成任务。</div><!-- react-empty: 154 --></div></div><div class="preview-image-boxes clearfix" data-reactid="155"><div class="preview-image-box" data-reactid="156"><div class="preview-image-wrapper" data-reactid="157"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/JEcWKBYlMcYIowX.png" alt="不推荐示例" data-reactid="158"/></div><div class="preview-image-title" data-reactid="159">不推荐示例</div><div class="preview-image-description" data-reactid="160">滥用 Modal 进行二次确认，就像『狼来了』一样，既打断用户心流（无法将上下文带到弹出框中），也无法避免失误的发生。</div><!-- react-empty: 161 --></div></div><p data-reactid="162"><!-- react-text: 163 -->二次确认覆盖层：避免滥用 Modal 进行二次确认，应该勇敢的让用户去尝试，给用户机会『撤消』即可。<!-- /react-text --></p><p data-reactid="164"><br data-reactid="165"/></p><div class="preview-image-boxes clearfix" data-reactid="166"><div class="preview-image-box" data-reactid="167"><div class="preview-image-wrapper" data-reactid="168"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/WIhhhXExyQBsZwj.png" alt="详情覆盖层示例" data-reactid="169"/></div><div class="preview-image-title" data-reactid="170">详情覆盖层示例</div><div class="preview-image-description" data-reactid="171">通过『点击』图标查看更多详情信息。</div><!-- react-empty: 172 --></div></div><p data-reactid="173"><!-- react-text: 174 -->详情覆盖层：一般在列表中，通过用户『悬停』/『点击』某个区块，在当前页加载该条列表项的更多详情信息。<!-- /react-text --></p><blockquote data-reactid="175"><p data-reactid="176"><!-- react-text: 177 -->注：使用『悬停』激活时，当鼠标移入时，需要设置 0.5 秒左右的延迟触发；当鼠标移出时，立刻关闭覆盖层<!-- /react-text --></p></blockquote><p data-reactid="178"><br data-reactid="179"/></p><div class="preview-image-boxes clearfix" data-reactid="180"><div class="preview-image-box" data-reactid="181"><div class="preview-image-wrapper" data-reactid="182"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/YehbrRkldqWsezo.png" alt="输入覆盖层示例" data-reactid="183"/></div><div class="preview-image-title" data-reactid="184">输入覆盖层示例</div><div class="preview-image-description" data-reactid="185">鼠标『点击』图标触发；鼠标『点击』悬浮层以外的其他区块后，直接保存输入结果并退出。</div><!-- react-empty: 186 --></div></div><p data-reactid="187"><!-- react-text: 188 -->输入覆盖层：在覆盖层上，让用户直接进行少量字段的输入。<!-- /react-text --></p><p data-reactid="189"><br data-reactid="190"/></p><hr data-reactid="191"/><h2 id="嵌入层" data-reactid="192"><span data-reactid="193"><!-- react-text: 194 -->嵌入层<!-- /react-text --></span><a href="#嵌入层" class="anchor" data-reactid="195">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="196"><div class="preview-image-box" data-reactid="197"><div class="preview-image-wrapper" data-reactid="198"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/bHCqDMqXhZvKbve.png" alt="列表嵌入层示例" data-reactid="199"/></div><div class="preview-image-title" data-reactid="200">列表嵌入层示例</div><div class="preview-image-description" data-reactid="201"></div><!-- react-empty: 202 --></div></div><p data-reactid="203"><!-- react-text: 204 -->列表嵌入层：在列表中，显示某条列表项的详情信息，保持上下文不中断。<!-- /react-text --></p><p data-reactid="205"><br data-reactid="206"/></p><div class="preview-image-boxes clearfix" data-reactid="207"><div class="preview-image-box" data-reactid="208"><div class="preview-image-wrapper" data-reactid="209"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/MsVyvEIJtlxZWBL.png" alt="标签页示例" data-reactid="210"/></div><div class="preview-image-title" data-reactid="211">标签页示例</div><div class="preview-image-description" data-reactid="212"></div><!-- react-empty: 213 --></div></div><p data-reactid="214"><!-- react-text: 215 -->标签页：将多个平级的信息进行整理和分类了，一次只显示一组信息。<!-- /react-text --></p><p data-reactid="216"><br data-reactid="217"/></p><hr data-reactid="218"/><h2 id="虚拟页面" data-reactid="219"><span data-reactid="220"><!-- react-text: 221 -->虚拟页面<!-- /react-text --></span><a href="#虚拟页面" class="anchor" data-reactid="222">#</a></h2><p data-reactid="223"><!-- react-text: 224 -->在交互过程中，『覆盖层』可以在当前页面上方显示附加内容和交互链接；『嵌入层』可以在页面内部实现同样效果；而『虚拟页面』不局限机械时代的『页面』，可以利用信息时代的特点构建一种新型『页面』。<!-- /react-text --></p><p data-reactid="225"><!-- react-text: 226 -->无限加载和分页器，详见<!-- /react-text --><a href="/docs/pattern/list-cn#显示长列表" data-reactid="227">『模式／列表／显示长列表』</a></p><p data-reactid="228"><!-- react-text: 229 -->走马灯，详见<!-- /react-text --><a href="/docs/pattern/list-cn#显示图片" data-reactid="230">『模式／列表／显示图片』</a></p><p data-reactid="231"><br data-reactid="232"/></p><hr data-reactid="233"/><h2 id="流程处理" data-reactid="234"><span data-reactid="235"><!-- react-text: 236 -->流程处理<!-- /react-text --></span><a href="#流程处理" class="anchor" data-reactid="237">#</a></h2><p data-reactid="238"><!-- react-text: 239 -->长期以来，Web 实现流程的方式就是把每个步骤放在一个单独的页面上。虽然这种做法是分解问题最简单的方式，但并不是最佳解决方案。对于某些『流程处理』而言，让用户始终待在同一个页面上则更有必要。<!-- /react-text --></p><p data-reactid="240"><br data-reactid="241"/></p><div class="preview-image-boxes clearfix" data-reactid="242"><div class="preview-image-box" data-reactid="243"><div class="preview-image-wrapper" data-reactid="244"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/xpynnwXnfCpGHvn.png" alt="渐进式展现示例" data-reactid="245"/></div><div class="preview-image-title" data-reactid="246">渐进式展现示例</div><div class="preview-image-description" data-reactid="247"></div><!-- react-empty: 248 --></div></div><p data-reactid="249"><!-- react-text: 250 -->渐进式展现：基于用户的操作/某种特定规则，渐进式展现不同的操作选项。<!-- /react-text --></p><p data-reactid="251"><br data-reactid="252"/></p><div class="preview-image-boxes clearfix" data-reactid="253"><div class="preview-image-box" data-reactid="254"><div class="preview-image-wrapper" data-reactid="255"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/EBVLFAwHHjiXtIJ.png" alt="配置程序示例" data-reactid="256"/></div><div class="preview-image-title" data-reactid="257">配置程序示例</div><div class="preview-image-description" data-reactid="258"></div><!-- react-empty: 259 --></div></div><p data-reactid="260"><!-- react-text: 261 -->配置程序：通过提供一系列的配置项，帮助用户完成任务或者产品组装。<!-- /react-text --></p><p data-reactid="262"><br data-reactid="263"/></p><div class="preview-image-boxes clearfix" data-reactid="264"><div class="preview-image-box" data-reactid="265"><div class="preview-image-wrapper" data-reactid="266"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/xcYosQncDPuFxhS.png" alt="弹出框覆盖层示例" data-reactid="267"/></div><div class="preview-image-title" data-reactid="268">弹出框覆盖层示例</div><div class="preview-image-description" data-reactid="269"></div><!-- react-empty: 270 --></div></div><p data-reactid="271"><!-- react-text: 272 -->弹出框覆盖层：虽然弹出框的出现会打断用户的心流，但是有时候在弹出框中使用『步骤条』来管理复杂流程也是可行的。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="273"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="274"><section class="prev-next-nav" data-reactid="275"><a class="prev-page" href="/docs/spec/direct-cn" data-reactid="276">直截了当</a><a class="next-page" href="/docs/spec/lightweight-cn" data-reactid="277">简化交互</a></section></div></div></div><footer id="footer" data-reactid="278"><ul data-reactid="279"><li data-reactid="280"><h2 data-reactid="281"><i class="anticon anticon-github" data-reactid="282"></i><!-- react-text: 283 --> GitHub<!-- /react-text --></h2><div data-reactid="284"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="285"><span data-reactid="286">源码仓库</span></a></div><div data-reactid="287"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="288"><span data-reactid="289">定制主题</span></a></div><div data-reactid="290"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="291"><span data-reactid="292">Awesome Ant Design</span></a></div></li><li data-reactid="293"><h2 data-reactid="294"><i class="anticon anticon-link" data-reactid="295"></i><!-- react-text: 296 --> <!-- /react-text --><span data-reactid="297">相关站点</span></h2><div data-reactid="298"><a href="https://design.alipay.com/" data-reactid="299"><span data-reactid="300">蚂蚁金服设计平台</span></a></div><div data-reactid="301"><a href="http://mobile.ant.design" data-reactid="302">Ant Design Mobile</a><span data-reactid="303"> - </span><span data-reactid="304">移动版</span></div><div data-reactid="305"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="306">dva</a><!-- react-text: 307 --> - <!-- /react-text --><span data-reactid="308">应用框架</span></div><div data-reactid="309"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="310">dva-cli</a><!-- react-text: 311 --> -<!-- /react-text --><span data-reactid="312">开发工具</span></div><div data-reactid="313"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="314">Egg</a><span data-reactid="315"> - </span><span data-reactid="316">企业级 Node 开发框架</span></div><div data-reactid="317"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="318">AntV</a><span data-reactid="319"> - </span><span data-reactid="320">数据可视化</span></div><div data-reactid="321"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="322">Ant Motion</a><span data-reactid="323"> - </span><span data-reactid="324">设计动效</span></div><div data-reactid="325"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="326">AntD Library</a><span data-reactid="327"> - </span><span data-reactid="328">Axure 部件库</span></div><div data-reactid="329"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="330">Ant UX</a><span data-reactid="331"> - </span><span data-reactid="332">页面逻辑素材</span></div></li><li data-reactid="333"><h2 data-reactid="334"><i class="anticon anticon-customer-service" data-reactid="335"></i><!-- react-text: 336 --> <!-- /react-text --><span data-reactid="337">社区</span></h2><div data-reactid="338"><a href="/changelog" data-reactid="339"><span data-reactid="340">更新记录</span></a></div><div data-reactid="341"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="342"><span data-reactid="343">常见问题</span></a></div><div data-reactid="344"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="345"><span data-reactid="346">在线讨论 (中文)</span></a></div><div data-reactid="347"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="348"><span data-reactid="349">在线讨论 (English)</span></a></div><div data-reactid="350"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="351"><span data-reactid="352">报告 Bug</span></a></div><div data-reactid="353"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="354"><span data-reactid="355">讨论列表</span></a></div><div data-reactid="356"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="357"><span data-reactid="358">StackOverflow</span></a></div><div data-reactid="359"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="360"><span data-reactid="361">SegmentFault</span></a></div></li><li data-reactid="362"><h2 data-reactid="363"><!-- react-text: 364 -->Copyright © <!-- /react-text --><!-- react-text: 365 -->2017<!-- /react-text --></h2><div data-reactid="366"><span data-reactid="367">蚂蚁金服体验技术部出品</span></div><div data-reactid="368"><!-- react-text: 369 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="370">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->足不出户<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/stay.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->能在这个页面解决的问题，就不要去其它页面解决，因为任何页面刷新和跳转都会引起变化盲视（Change Blindness），导致用户心流（Flow）被打断。频繁的页面刷新和跳转，就像在看戏时，演员说完一行台词就安排一次谢幕一样。<!-- /react-text --></p><blockquote data-reactid="113"><p data-reactid="114"><strong data-reactid="115"><!-- react-text: 116 --> 变换盲视（Change Blindness）<!-- /react-text --></strong><!-- react-text: 117 --> ：指视觉场景中的某些变化并未被观察者注意到的心理现象。产生这种现象的原因包括场景中的障碍物，眼球运动、地点的变化，或者是缺乏注意力等。——摘自《维基百科》<!-- /react-text --></p><p data-reactid="118"><strong data-reactid="119"><!-- react-text: 120 --> 心流（Flow）<!-- /react-text --></strong><!-- react-text: 121 --> ：也有别名以化境 (Zone) 表示，亦有人翻译为神驰状态，定义是一种将个人精神力完全投注在某种活动上的感觉；心流产生时同时会有高度的兴奋及充实感。——摘自《维基百科》<!-- /react-text --></p></blockquote></section><section class="toc" data-reactid="122"><ul data-reactid="123"><li data-reactid="124"><a class="bisheng-toc-h2" href="#覆盖层" title="覆盖层" data-reactid="125"><!-- react-text: 126 -->覆盖层<!-- /react-text --></a></li><li data-reactid="127"><a class="bisheng-toc-h2" href="#嵌入层" title="嵌入层" data-reactid="128"><!-- react-text: 129 -->嵌入层<!-- /react-text --></a></li><li data-reactid="130"><a class="bisheng-toc-h2" href="#虚拟页面" title="虚拟页面" data-reactid="131"><!-- react-text: 132 -->虚拟页面<!-- /react-text --></a></li><li data-reactid="133"><a class="bisheng-toc-h2" href="#流程处理" title="流程处理" data-reactid="134"><!-- react-text: 135 -->流程处理<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="136"><h2 id="覆盖层" data-reactid="137"><span data-reactid="138"><!-- react-text: 139 -->覆盖层<!-- /react-text --></span><a href="#覆盖层" class="anchor" data-reactid="140">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="141"><div class="preview-image-box" data-reactid="142"><div class="preview-image-wrapper" data-reactid="143"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/woHOTIZeXCYmtkv.png" alt="推荐示例" data-reactid="144"/></div><div class="preview-image-title" data-reactid="145">推荐示例</div><div class="preview-image-description" data-reactid="146">用户点击『删除』后，直接操作；出现 Message 告知用户操作成功，并提供用户『撤消』的按钮；用户进行下一个操作或者 1 分钟内不进行任何操作， Message 消失，用户无法再『撤消』。</div><!-- react-empty: 147 --></div></div><div class="preview-image-boxes clearfix" data-reactid="148"><div class="preview-image-box" data-reactid="149"><div class="preview-image-wrapper" data-reactid="150"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/hDlhNscVtHdvvgu.png" alt="推荐示例" data-reactid="151"/></div><div class="preview-image-title" data-reactid="152">推荐示例</div><div class="preview-image-description" data-reactid="153">特例：在执行某些无法『撤消』的操作时，可以点击『删除』后，出现 Popconfirm 进行二次确认，在当前页面完成任务。</div><!-- react-empty: 154 --></div></div><div class="preview-image-boxes clearfix" data-reactid="155"><div class="preview-image-box" data-reactid="156"><div class="preview-image-wrapper" data-reactid="157"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/JEcWKBYlMcYIowX.png" alt="不推荐示例" data-reactid="158"/></div><div class="preview-image-title" data-reactid="159">不推荐示例</div><div class="preview-image-description" data-reactid="160">滥用 Modal 进行二次确认，就像『狼来了』一样，既打断用户心流（无法将上下文带到弹出框中），也无法避免失误的发生。</div><!-- react-empty: 161 --></div></div><p data-reactid="162"><!-- react-text: 163 -->二次确认覆盖层：避免滥用 Modal 进行二次确认，应该勇敢的让用户去尝试，给用户机会『撤消』即可。<!-- /react-text --></p><p data-reactid="164"><br data-reactid="165"/></p><div class="preview-image-boxes clearfix" data-reactid="166"><div class="preview-image-box" data-reactid="167"><div class="preview-image-wrapper" data-reactid="168"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/WIhhhXExyQBsZwj.png" alt="详情覆盖层示例" data-reactid="169"/></div><div class="preview-image-title" data-reactid="170">详情覆盖层示例</div><div class="preview-image-description" data-reactid="171">通过『点击』图标查看更多详情信息。</div><!-- react-empty: 172 --></div></div><p data-reactid="173"><!-- react-text: 174 -->详情覆盖层：一般在列表中，通过用户『悬停』/『点击』某个区块，在当前页加载该条列表项的更多详情信息。<!-- /react-text --></p><blockquote data-reactid="175"><p data-reactid="176"><!-- react-text: 177 -->注：使用『悬停』激活时，当鼠标移入时，需要设置 0.5 秒左右的延迟触发；当鼠标移出时，立刻关闭覆盖层<!-- /react-text --></p></blockquote><p data-reactid="178"><br data-reactid="179"/></p><div class="preview-image-boxes clearfix" data-reactid="180"><div class="preview-image-box" data-reactid="181"><div class="preview-image-wrapper" data-reactid="182"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/YehbrRkldqWsezo.png" alt="输入覆盖层示例" data-reactid="183"/></div><div class="preview-image-title" data-reactid="184">输入覆盖层示例</div><div class="preview-image-description" data-reactid="185">鼠标『点击』图标触发；鼠标『点击』悬浮层以外的其他区块后，直接保存输入结果并退出。</div><!-- react-empty: 186 --></div></div><p data-reactid="187"><!-- react-text: 188 -->输入覆盖层：在覆盖层上，让用户直接进行少量字段的输入。<!-- /react-text --></p><p data-reactid="189"><br data-reactid="190"/></p><hr data-reactid="191"/><h2 id="嵌入层" data-reactid="192"><span data-reactid="193"><!-- react-text: 194 -->嵌入层<!-- /react-text --></span><a href="#嵌入层" class="anchor" data-reactid="195">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="196"><div class="preview-image-box" data-reactid="197"><div class="preview-image-wrapper" data-reactid="198"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/bHCqDMqXhZvKbve.png" alt="列表嵌入层示例" data-reactid="199"/></div><div class="preview-image-title" data-reactid="200">列表嵌入层示例</div><div class="preview-image-description" data-reactid="201"></div><!-- react-empty: 202 --></div></div><p data-reactid="203"><!-- react-text: 204 -->列表嵌入层：在列表中，显示某条列表项的详情信息，保持上下文不中断。<!-- /react-text --></p><p data-reactid="205"><br data-reactid="206"/></p><div class="preview-image-boxes clearfix" data-reactid="207"><div class="preview-image-box" data-reactid="208"><div class="preview-image-wrapper" data-reactid="209"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/MsVyvEIJtlxZWBL.png" alt="标签页示例" data-reactid="210"/></div><div class="preview-image-title" data-reactid="211">标签页示例</div><div class="preview-image-description" data-reactid="212"></div><!-- react-empty: 213 --></div></div><p data-reactid="214"><!-- react-text: 215 -->标签页：将多个平级的信息进行整理和分类了，一次只显示一组信息。<!-- /react-text --></p><p data-reactid="216"><br data-reactid="217"/></p><hr data-reactid="218"/><h2 id="虚拟页面" data-reactid="219"><span data-reactid="220"><!-- react-text: 221 -->虚拟页面<!-- /react-text --></span><a href="#虚拟页面" class="anchor" data-reactid="222">#</a></h2><p data-reactid="223"><!-- react-text: 224 -->在交互过程中，『覆盖层』可以在当前页面上方显示附加内容和交互链接；『嵌入层』可以在页面内部实现同样效果；而『虚拟页面』不局限机械时代的『页面』，可以利用信息时代的特点构建一种新型『页面』。<!-- /react-text --></p><p data-reactid="225"><!-- react-text: 226 -->无限加载和分页器，详见<!-- /react-text --><a href="/docs/pattern/list-cn#显示长列表" data-reactid="227">『模式／列表／显示长列表』</a></p><p data-reactid="228"><!-- react-text: 229 -->走马灯，详见<!-- /react-text --><a href="/docs/pattern/list-cn#显示图片" data-reactid="230">『模式／列表／显示图片』</a></p><p data-reactid="231"><br data-reactid="232"/></p><hr data-reactid="233"/><h2 id="流程处理" data-reactid="234"><span data-reactid="235"><!-- react-text: 236 -->流程处理<!-- /react-text --></span><a href="#流程处理" class="anchor" data-reactid="237">#</a></h2><p data-reactid="238"><!-- react-text: 239 -->长期以来，Web 实现流程的方式就是把每个步骤放在一个单独的页面上。虽然这种做法是分解问题最简单的方式，但并不是最佳解决方案。对于某些『流程处理』而言，让用户始终待在同一个页面上则更有必要。<!-- /react-text --></p><p data-reactid="240"><br data-reactid="241"/></p><div class="preview-image-boxes clearfix" data-reactid="242"><div class="preview-image-box" data-reactid="243"><div class="preview-image-wrapper" data-reactid="244"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/xpynnwXnfCpGHvn.png" alt="渐进式展现示例" data-reactid="245"/></div><div class="preview-image-title" data-reactid="246">渐进式展现示例</div><div class="preview-image-description" data-reactid="247"></div><!-- react-empty: 248 --></div></div><p data-reactid="249"><!-- react-text: 250 -->渐进式展现：基于用户的操作/某种特定规则，渐进式展现不同的操作选项。<!-- /react-text --></p><p data-reactid="251"><br data-reactid="252"/></p><div class="preview-image-boxes clearfix" data-reactid="253"><div class="preview-image-box" data-reactid="254"><div class="preview-image-wrapper" data-reactid="255"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/EBVLFAwHHjiXtIJ.png" alt="配置程序示例" data-reactid="256"/></div><div class="preview-image-title" data-reactid="257">配置程序示例</div><div class="preview-image-description" data-reactid="258"></div><!-- react-empty: 259 --></div></div><p data-reactid="260"><!-- react-text: 261 -->配置程序：通过提供一系列的配置项，帮助用户完成任务或者产品组装。<!-- /react-text --></p><p data-reactid="262"><br data-reactid="263"/></p><div class="preview-image-boxes clearfix" data-reactid="264"><div class="preview-image-box" data-reactid="265"><div class="preview-image-wrapper" data-reactid="266"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/xcYosQncDPuFxhS.png" alt="弹出框覆盖层示例" data-reactid="267"/></div><div class="preview-image-title" data-reactid="268">弹出框覆盖层示例</div><div class="preview-image-description" data-reactid="269"></div><!-- react-empty: 270 --></div></div><p data-reactid="271"><!-- react-text: 272 -->弹出框覆盖层：虽然弹出框的出现会打断用户的心流，但是有时候在弹出框中使用『步骤条』来管理复杂流程也是可行的。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="273"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="274"><section class="prev-next-nav" data-reactid="275"><a class="prev-page" href="/docs/spec/direct-cn" data-reactid="276">直截了当</a><a class="next-page" href="/docs/spec/lightweight-cn" data-reactid="277">简化交互</a></section></div></div></div><footer id="footer" data-reactid="278"><ul data-reactid="279"><li data-reactid="280"><h2 data-reactid="281"><i class="anticon anticon-github" data-reactid="282"></i><!-- react-text: 283 --> GitHub<!-- /react-text --></h2><div data-reactid="284"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="285"><span data-reactid="286">源码仓库</span></a></div><div data-reactid="287"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="288"><span data-reactid="289">定制主题</span></a></div><div data-reactid="290"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="291"><span data-reactid="292">Awesome Ant Design</span></a></div></li><li data-reactid="293"><h2 data-reactid="294"><i class="anticon anticon-link" data-reactid="295"></i><!-- react-text: 296 --> <!-- /react-text --><span data-reactid="297">相关站点</span></h2><div data-reactid="298"><a href="https://design.alipay.com/" data-reactid="299"><span data-reactid="300">蚂蚁金服设计平台</span></a></div><div data-reactid="301"><a href="http://mobile.ant.design" data-reactid="302">Ant Design Mobile</a><span data-reactid="303"> - </span><span data-reactid="304">移动版</span></div><div data-reactid="305"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="306">dva</a><!-- react-text: 307 --> - <!-- /react-text --><span data-reactid="308">应用框架</span></div><div data-reactid="309"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="310">dva-cli</a><!-- react-text: 311 --> -<!-- /react-text --><span data-reactid="312">开发工具</span></div><div data-reactid="313"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="314">Egg</a><span data-reactid="315"> - </span><span data-reactid="316">企业级 Node 开发框架</span></div><div data-reactid="317"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="318">AntV</a><span data-reactid="319"> - </span><span data-reactid="320">数据可视化</span></div><div data-reactid="321"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="322">Ant Motion</a><span data-reactid="323"> - </span><span data-reactid="324">设计动效</span></div><div data-reactid="325"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="326">AntD Library</a><span data-reactid="327"> - </span><span data-reactid="328">Axure 部件库</span></div><div data-reactid="329"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="330">Ant UX</a><span data-reactid="331"> - </span><span data-reactid="332">页面逻辑素材</span></div></li><li data-reactid="333"><h2 data-reactid="334"><i class="anticon anticon-customer-service" data-reactid="335"></i><!-- react-text: 336 --> <!-- /react-text --><span data-reactid="337">社区</span></h2><div data-reactid="338"><a href="/changelog" data-reactid="339"><span data-reactid="340">更新记录</span></a></div><div data-reactid="341"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="342"><span data-reactid="343">常见问题</span></a></div><div data-reactid="344"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="345"><span data-reactid="346">在线讨论 (中文)</span></a></div><div data-reactid="347"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="348"><span data-reactid="349">在线讨论 (English)</span></a></div><div data-reactid="350"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="351"><span data-reactid="352">报告 Bug</span></a></div><div data-reactid="353"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="354"><span data-reactid="355">讨论列表</span></a></div><div data-reactid="356"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="357"><span data-reactid="358">StackOverflow</span></a></div><div data-reactid="359"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="360"><span data-reactid="361">SegmentFault</span></a></div></li><li data-reactid="362"><h2 data-reactid="363"><!-- react-text: 364 -->Copyright © <!-- /react-text --><!-- react-text: 365 -->2017<!-- /react-text --></h2><div data-reactid="366"><span data-reactid="367">蚂蚁金服体验技术部出品</span></div><div data-reactid="368"><!-- react-text: 369 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="370">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/stay.html b/docs/spec/stay.html
index 12705c5a4..54470c374 100644
--- a/docs/spec/stay.html
+++ b/docs/spec/stay.html
@@ -110,10 +110,10 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="901319629"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1941109010"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/lightweight" data-reactid="72">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="73"><a href="/docs/spec/stay" data-reactid="74">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Stay on the Page<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/stay.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->Solve most of problems on the same page and avoid a new one, because the page refresh and forwarding can lead to change blindness, in addition to disrupting the user’s mental flow.<!-- /react-text --></p><blockquote data-reactid="113"><p data-reactid="114"><strong data-reactid="115"><!-- react-text: 116 --> Change Blindness<!-- /react-text --></strong><!-- react-text: 117 --> is a surprising perceptual phenomenon that occurs when a change in a visual stimulus is introduced and the observer does not notice it. People&#x27;s poor ability to detect changes has been argued to reflect fundamental limitations of human attention，from the term of Change blindness, Wikipedia.<!-- /react-text --></p><p data-reactid="118"><strong data-reactid="119"><!-- react-text: 120 --> Flow<!-- /react-text --></strong><!-- react-text: 121 -->, also known as the zone, is the mental state of operation in which a person performing an activity is fully immersed in a feeling of energized focus, full involvement, and enjoyment in the process of the activity, from the term of Flow, Wikipedia<!-- /react-text --></p></blockquote></section><section class="toc" data-reactid="122"><ul data-reactid="123"><li data-reactid="124"><a class="bisheng-toc-h2" href="#Overlays" title="Overlays" data-reactid="125"><!-- react-text: 126 -->Overlays<!-- /react-text --></a></li><li data-reactid="127"><a class="bisheng-toc-h2" href="#Inlays" title="Inlays" data-reactid="128"><!-- react-text: 129 -->Inlays<!-- /react-text --></a></li><li data-reactid="130"><a class="bisheng-toc-h2" href="#Virtual-Pages" title="Virtual Pages" data-reactid="131"><!-- react-text: 132 -->Virtual Pages<!-- /react-text --></a></li><li data-reactid="133"><a class="bisheng-toc-h2" href="#Process-Flows" title="Process Flows" data-reactid="134"><!-- react-text: 135 -->Process Flows<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="136"><h2 id="Overlays" data-reactid="137"><span data-reactid="138"><!-- react-text: 139 -->Overlays<!-- /react-text --></span><a href="#Overlays" class="anchor" data-reactid="140">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="141"><div class="preview-image-box" data-reactid="142"><div class="preview-image-wrapper" data-reactid="143"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/woHOTIZeXCYmtkv.png" alt="good example" data-reactid="144"/></div><div class="preview-image-title" data-reactid="145">good example</div><div class="preview-image-description" data-reactid="146">As the user clicks delete, a success message and an undo button are displayed. When the user does nothing within one minute or click the undo button, the message and the button disappear.</div><!-- react-empty: 147 --></div></div><div class="preview-image-boxes clearfix" data-reactid="148"><div class="preview-image-box" data-reactid="149"><div class="preview-image-wrapper" data-reactid="150"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/hDlhNscVtHdvvgu.png" alt="good example (special case)" data-reactid="151"/></div><div class="preview-image-title" data-reactid="152">good example (special case)</div><div class="preview-image-description" data-reactid="153">If the undo operation is invalid, the Popconfirm is displayed after clicking the delete button. The user can stay on the page to double confirm.</div><!-- react-empty: 154 --></div></div><div class="preview-image-boxes clearfix" data-reactid="155"><div class="preview-image-box" data-reactid="156"><div class="preview-image-wrapper" data-reactid="157"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/JEcWKBYlMcYIowX.png" alt="bad example" data-reactid="158"/></div><div class="preview-image-title" data-reactid="159">bad example</div><div class="preview-image-description" data-reactid="160">
-Abusing the Modal can neither bring the context into the popup, which is prone to interrupt the user’s flow, nor allow the user to undo the change.</div><!-- react-empty: 161 --></div></div><p data-reactid="162"><!-- react-text: 163 -->Double-confirm overlay: Using the Modal to double confirm should be avoided, while affording an opportunity to undo is preferred.<!-- /react-text --></p><p data-reactid="164"><br data-reactid="165"/></p><div class="preview-image-boxes clearfix" data-reactid="166"><div class="preview-image-box" data-reactid="167"><div class="preview-image-wrapper" data-reactid="168"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/WIhhhXExyQBsZwj.png" alt="example of Detail Overlay " data-reactid="169"/></div><div class="preview-image-title" data-reactid="170">example of Detail Overlay </div><div class="preview-image-description" data-reactid="171">Click the eye icon to see more information.</div><!-- react-empty: 172 --></div></div><p data-reactid="173"><!-- react-text: 174 -->Detail Overlay: Allows an overlay to present additional information when the user clicks or hovers over a link or section of content.<!-- /react-text --></p><blockquote data-reactid="175"><p data-reactid="176"><!-- react-text: 177 -->Note that when a mouseover event occurs to trigger the Detail Overlay, 0.5-second delay needs to be added, and when the mouse is out, the overlay needs to be closed immediately.<!-- /react-text --></p></blockquote><p data-reactid="178"><br data-reactid="179"/></p><div class="preview-image-boxes clearfix" data-reactid="180"><div class="preview-image-box" data-reactid="181"><div class="preview-image-wrapper" data-reactid="182"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/YehbrRkldqWsezo.png" alt="example of Input Overlay" data-reactid="183"/></div><div class="preview-image-title" data-reactid="184">example of Input Overlay</div><div class="preview-image-description" data-reactid="185">Click the edit icon to trigger the Input Overlay. Click the outside of it to preserve the input and close it.</div><!-- react-empty: 186 --></div></div><p data-reactid="187"><!-- react-text: 188 -->Input Overlay: Let the user enter small amounts of text on the overlay.<!-- /react-text --></p><p data-reactid="189"><br data-reactid="190"/></p><hr data-reactid="191"/><h2 id="Inlays" data-reactid="192"><span data-reactid="193"><!-- react-text: 194 -->Inlays<!-- /react-text --></span><a href="#Inlays" class="anchor" data-reactid="195">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="196"><div class="preview-image-box" data-reactid="197"><div class="preview-image-wrapper" data-reactid="198"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/bHCqDMqXhZvKbve.png" alt="example of List Inlay" data-reactid="199"/></div><div class="preview-image-title" data-reactid="200">example of List Inlay</div><div class="preview-image-description" data-reactid="201"></div><!-- react-empty: 202 --></div></div><p data-reactid="203"><!-- react-text: 204 -->List Inlay: Works as an effective way to hide detail until needed — while at the same time preserving space on the page for high-level overview information.<!-- /react-text --></p><p data-reactid="205"><br data-reactid="206"/></p><p data-reactid="207"><span class="waiting" data-reactid="208"><!-- react-text: 209 -->Detail Inlay (coming soon)<!-- /react-text --></span></p><p data-reactid="210"><br data-reactid="211"/></p><div class="preview-image-boxes clearfix" data-reactid="212"><div class="preview-image-box" data-reactid="213"><div class="preview-image-wrapper" data-reactid="214"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/MsVyvEIJtlxZWBL.png" alt="example of Tabs" data-reactid="215"/></div><div class="preview-image-title" data-reactid="216">example of Tabs</div><div class="preview-image-description" data-reactid="217"></div><!-- react-empty: 218 --></div></div><p data-reactid="219"><!-- react-text: 220 -->Tabs: Provides additional panels of information accessible by tab controls.<!-- /react-text --></p><p data-reactid="221"><br data-reactid="222"/></p><hr data-reactid="223"/><h2 id="Virtual-Pages" data-reactid="224"><span data-reactid="225"><!-- react-text: 226 -->Virtual Pages<!-- /react-text --></span><a href="#Virtual-Pages" class="anchor" data-reactid="227">#</a></h2><p data-reactid="228"><!-- react-text: 229 -->In the process of interaction design, Overlays allow you to bring additional interactions or content in a layer above the cur- rent page. Inlays allow you to do this within the page itself. However, another powerful approach to keeping users engaged on the current page is to create a virtual page. That is to say, we create the illusion of a larger virtual page. <!-- /react-text --></p><p data-reactid="230"><!-- react-text: 231 -->Virtual Scrolling and Pagination, more on <!-- /react-text --><a href="/docs/pattern/list#显示长列表" data-reactid="232">Patterns／Lists／Show Long Lists</a></p><p data-reactid="233"><!-- react-text: 234 -->Carousel, more on <!-- /react-text --><a href="/docs/pattern/list#显示图片" data-reactid="235">Patterns／Lists／Show Images</a></p><p data-reactid="236"><br data-reactid="237"/></p><p data-reactid="238"><span class="waiting" data-reactid="239"><!-- react-text: 240 -->Flexible User Interface (coming soon)<!-- /react-text --></span></p><p data-reactid="241"><br data-reactid="242"/></p><hr data-reactid="243"/><h2 id="Process-Flows" data-reactid="244"><span data-reactid="245"><!-- react-text: 246 -->Process Flows<!-- /react-text --></span><a href="#Process-Flows" class="anchor" data-reactid="247">#</a></h2><p data-reactid="248"><!-- react-text: 249 -->It has long been common practice on the Web to turn each step into a separate page. While this may be the simplest way break down the problem, it may not lead to the best solution. For some Process Flows it makes sense to keep the user on the same page throughout the process.<!-- /react-text --></p><p data-reactid="250"><br data-reactid="251"/></p><div class="preview-image-boxes clearfix" data-reactid="252"><div class="preview-image-box" data-reactid="253"><div class="preview-image-wrapper" data-reactid="254"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/xpynnwXnfCpGHvn.png" alt="example of Responsive Disclosure" data-reactid="255"/></div><div class="preview-image-title" data-reactid="256">example of Responsive Disclosure</div><div class="preview-image-description" data-reactid="257"></div><!-- react-empty: 258 --></div></div><p data-reactid="259"><!-- react-text: 260 -->Responsive Disclosure: Make the experience for selecting painless by providing disclosures as quickly as possible, and doing it all in a single-page interface.<!-- /react-text --></p><p data-reactid="261"><br data-reactid="262"/></p><div class="preview-image-boxes clearfix" data-reactid="263"><div class="preview-image-box" data-reactid="264"><div class="preview-image-wrapper" data-reactid="265"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/EBVLFAwHHjiXtIJ.png" alt="example of Configurator Process" data-reactid="266"/></div><div class="preview-image-title" data-reactid="267">example of Configurator Process</div><div class="preview-image-description" data-reactid="268"></div><!-- react-empty: 269 --></div></div><p data-reactid="270"><!-- react-text: 271 -->Configurator Process: Provides a configurator that allows users to help them accomplish the task or build their own product.<!-- /react-text --></p><p data-reactid="272"><br data-reactid="273"/></p><div class="preview-image-boxes clearfix" data-reactid="274"><div class="preview-image-box" data-reactid="275"><div class="preview-image-wrapper" data-reactid="276"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/xcYosQncDPuFxhS.png" alt="example of Dialog Overlay Process" data-reactid="277"/></div><div class="preview-image-title" data-reactid="278">example of Dialog Overlay Process</div><div class="preview-image-description" data-reactid="279"></div><!-- react-empty: 280 --></div></div><p data-reactid="281"><!-- react-text: 282 -->Dialog Overlay Process: Any page switch is an interruption to the user’s mental flow. In addition, any context switch is a chance for a user to leave the site. But sometimes the step-by-step flow is necessary.<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="283"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="284"><section class="prev-next-nav" data-reactid="285"><a class="prev-page" href="/docs/spec/lightweight" data-reactid="286">Keep it Lightweight</a><a class="next-page" href="/docs/spec/invitation" data-reactid="287">Provide an Invitation</a></section></div></div></div><footer id="footer" data-reactid="288"><ul data-reactid="289"><li data-reactid="290"><h2 data-reactid="291"><i class="anticon anticon-github" data-reactid="292"></i><!-- react-text: 293 --> GitHub<!-- /react-text --></h2><div data-reactid="294"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="295"><span data-reactid="296">Repository</span></a></div><div data-reactid="297"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="298"><span data-reactid="299">Customize Theme</span></a></div><div data-reactid="300"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="301"><span data-reactid="302">Awesome Ant Design</span></a></div></li><li data-reactid="303"><h2 data-reactid="304"><i class="anticon anticon-link" data-reactid="305"></i><!-- react-text: 306 --> <!-- /react-text --><span data-reactid="307">Links</span></h2><div data-reactid="308"><a href="https://design.alipay.com/" data-reactid="309"><span data-reactid="310">Ant Financial Design Platform</span></a></div><div data-reactid="311"><a href="http://mobile.ant.design" data-reactid="312">Ant Design Mobile</a><span data-reactid="313"> - </span><span data-reactid="314">Mobile UI</span></div><div data-reactid="315"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="316">dva</a><!-- react-text: 317 --> - <!-- /react-text --><span data-reactid="318">Framework</span></div><div data-reactid="319"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="320">dva-cli</a><!-- react-text: 321 --> -<!-- /react-text --><span data-reactid="322">Developer Tools</span></div><div data-reactid="323"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="324">Egg</a><span data-reactid="325"> - </span><span data-reactid="326">Enterprise Node Framework</span></div><div data-reactid="327"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="328">AntV</a><span data-reactid="329"> - </span><span data-reactid="330">Data Visualization</span></div><div data-reactid="331"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="332">Ant Motion</a><span data-reactid="333"> - </span><span data-reactid="334">Motion Soluction</span></div><div data-reactid="335"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="336">AntD Library</a><span data-reactid="337"> - </span><span data-reactid="338">Axure library</span></div><div data-reactid="339"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="340">Ant UX</a><span data-reactid="341"> - </span><span data-reactid="342">Sitemap Template</span></div></li><li data-reactid="343"><h2 data-reactid="344"><i class="anticon anticon-customer-service" data-reactid="345"></i><!-- react-text: 346 --> <!-- /react-text --><span data-reactid="347">Community</span></h2><div data-reactid="348"><a href="/changelog" data-reactid="349"><span data-reactid="350">Change Log</span></a></div><div data-reactid="351"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="352"><span data-reactid="353">FAQ</span></a></div><div data-reactid="354"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="355"><span data-reactid="356">Chat Room (中文)</span></a></div><div data-reactid="357"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="358"><span data-reactid="359">Chat Room (English)</span></a></div><div data-reactid="360"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="361"><span data-reactid="362">Bug Report</span></a></div><div data-reactid="363"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="364"><span data-reactid="365">Issues</span></a></div><div data-reactid="366"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="367"><span data-reactid="368">StackOverflow</span></a></div><div data-reactid="369"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="370"><span data-reactid="371">SegmentFault</span></a></div></li><li data-reactid="372"><h2 data-reactid="373"><!-- react-text: 374 -->Copyright © <!-- /react-text --><!-- react-text: 375 -->2017<!-- /react-text --></h2><div data-reactid="376"><span data-reactid="377">Created by AIUX</span></div><div data-reactid="378"><!-- react-text: 379 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="380">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="71"><a href="/docs/spec/stay" data-reactid="72">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight" data-reactid="74">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Stay on the Page<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/stay.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->Solve most of problems on the same page and avoid a new one, because the page refresh and forwarding can lead to change blindness, in addition to disrupting the user’s mental flow.<!-- /react-text --></p><blockquote data-reactid="113"><p data-reactid="114"><strong data-reactid="115"><!-- react-text: 116 --> Change Blindness<!-- /react-text --></strong><!-- react-text: 117 --> is a surprising perceptual phenomenon that occurs when a change in a visual stimulus is introduced and the observer does not notice it. People&#x27;s poor ability to detect changes has been argued to reflect fundamental limitations of human attention，from the term of Change blindness, Wikipedia.<!-- /react-text --></p><p data-reactid="118"><strong data-reactid="119"><!-- react-text: 120 --> Flow<!-- /react-text --></strong><!-- react-text: 121 -->, also known as the zone, is the mental state of operation in which a person performing an activity is fully immersed in a feeling of energized focus, full involvement, and enjoyment in the process of the activity, from the term of Flow, Wikipedia<!-- /react-text --></p></blockquote></section><section class="toc" data-reactid="122"><ul data-reactid="123"><li data-reactid="124"><a class="bisheng-toc-h2" href="#Overlays" title="Overlays" data-reactid="125"><!-- react-text: 126 -->Overlays<!-- /react-text --></a></li><li data-reactid="127"><a class="bisheng-toc-h2" href="#Inlays" title="Inlays" data-reactid="128"><!-- react-text: 129 -->Inlays<!-- /react-text --></a></li><li data-reactid="130"><a class="bisheng-toc-h2" href="#Virtual-Pages" title="Virtual Pages" data-reactid="131"><!-- react-text: 132 -->Virtual Pages<!-- /react-text --></a></li><li data-reactid="133"><a class="bisheng-toc-h2" href="#Process-Flows" title="Process Flows" data-reactid="134"><!-- react-text: 135 -->Process Flows<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="136"><h2 id="Overlays" data-reactid="137"><span data-reactid="138"><!-- react-text: 139 -->Overlays<!-- /react-text --></span><a href="#Overlays" class="anchor" data-reactid="140">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="141"><div class="preview-image-box" data-reactid="142"><div class="preview-image-wrapper" data-reactid="143"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/woHOTIZeXCYmtkv.png" alt="good example" data-reactid="144"/></div><div class="preview-image-title" data-reactid="145">good example</div><div class="preview-image-description" data-reactid="146">As the user clicks delete, a success message and an undo button are displayed. When the user does nothing within one minute or click the undo button, the message and the button disappear.</div><!-- react-empty: 147 --></div></div><div class="preview-image-boxes clearfix" data-reactid="148"><div class="preview-image-box" data-reactid="149"><div class="preview-image-wrapper" data-reactid="150"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/hDlhNscVtHdvvgu.png" alt="good example (special case)" data-reactid="151"/></div><div class="preview-image-title" data-reactid="152">good example (special case)</div><div class="preview-image-description" data-reactid="153">If the undo operation is invalid, the Popconfirm is displayed after clicking the delete button. The user can stay on the page to double confirm.</div><!-- react-empty: 154 --></div></div><div class="preview-image-boxes clearfix" data-reactid="155"><div class="preview-image-box" data-reactid="156"><div class="preview-image-wrapper" data-reactid="157"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/JEcWKBYlMcYIowX.png" alt="bad example" data-reactid="158"/></div><div class="preview-image-title" data-reactid="159">bad example</div><div class="preview-image-description" data-reactid="160">
+Abusing the Modal can neither bring the context into the popup, which is prone to interrupt the user’s flow, nor allow the user to undo the change.</div><!-- react-empty: 161 --></div></div><p data-reactid="162"><!-- react-text: 163 -->Double-confirm overlay: Using the Modal to double confirm should be avoided, while affording an opportunity to undo is preferred.<!-- /react-text --></p><p data-reactid="164"><br data-reactid="165"/></p><div class="preview-image-boxes clearfix" data-reactid="166"><div class="preview-image-box" data-reactid="167"><div class="preview-image-wrapper" data-reactid="168"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/WIhhhXExyQBsZwj.png" alt="example of Detail Overlay " data-reactid="169"/></div><div class="preview-image-title" data-reactid="170">example of Detail Overlay </div><div class="preview-image-description" data-reactid="171">Click the eye icon to see more information.</div><!-- react-empty: 172 --></div></div><p data-reactid="173"><!-- react-text: 174 -->Detail Overlay: Allows an overlay to present additional information when the user clicks or hovers over a link or section of content.<!-- /react-text --></p><blockquote data-reactid="175"><p data-reactid="176"><!-- react-text: 177 -->Note that when a mouseover event occurs to trigger the Detail Overlay, 0.5-second delay needs to be added, and when the mouse is out, the overlay needs to be closed immediately.<!-- /react-text --></p></blockquote><p data-reactid="178"><br data-reactid="179"/></p><div class="preview-image-boxes clearfix" data-reactid="180"><div class="preview-image-box" data-reactid="181"><div class="preview-image-wrapper" data-reactid="182"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/YehbrRkldqWsezo.png" alt="example of Input Overlay" data-reactid="183"/></div><div class="preview-image-title" data-reactid="184">example of Input Overlay</div><div class="preview-image-description" data-reactid="185">Click the edit icon to trigger the Input Overlay. Click the outside of it to preserve the input and close it.</div><!-- react-empty: 186 --></div></div><p data-reactid="187"><!-- react-text: 188 -->Input Overlay: Let the user enter small amounts of text on the overlay.<!-- /react-text --></p><p data-reactid="189"><br data-reactid="190"/></p><hr data-reactid="191"/><h2 id="Inlays" data-reactid="192"><span data-reactid="193"><!-- react-text: 194 -->Inlays<!-- /react-text --></span><a href="#Inlays" class="anchor" data-reactid="195">#</a></h2><div class="preview-image-boxes clearfix" data-reactid="196"><div class="preview-image-box" data-reactid="197"><div class="preview-image-wrapper" data-reactid="198"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/bHCqDMqXhZvKbve.png" alt="example of List Inlay" data-reactid="199"/></div><div class="preview-image-title" data-reactid="200">example of List Inlay</div><div class="preview-image-description" data-reactid="201"></div><!-- react-empty: 202 --></div></div><p data-reactid="203"><!-- react-text: 204 -->List Inlay: Works as an effective way to hide detail until needed — while at the same time preserving space on the page for high-level overview information.<!-- /react-text --></p><p data-reactid="205"><br data-reactid="206"/></p><p data-reactid="207"><span class="waiting" data-reactid="208"><!-- react-text: 209 -->Detail Inlay (coming soon)<!-- /react-text --></span></p><p data-reactid="210"><br data-reactid="211"/></p><div class="preview-image-boxes clearfix" data-reactid="212"><div class="preview-image-box" data-reactid="213"><div class="preview-image-wrapper" data-reactid="214"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/MsVyvEIJtlxZWBL.png" alt="example of Tabs" data-reactid="215"/></div><div class="preview-image-title" data-reactid="216">example of Tabs</div><div class="preview-image-description" data-reactid="217"></div><!-- react-empty: 218 --></div></div><p data-reactid="219"><!-- react-text: 220 -->Tabs: Provides additional panels of information accessible by tab controls.<!-- /react-text --></p><p data-reactid="221"><br data-reactid="222"/></p><hr data-reactid="223"/><h2 id="Virtual-Pages" data-reactid="224"><span data-reactid="225"><!-- react-text: 226 -->Virtual Pages<!-- /react-text --></span><a href="#Virtual-Pages" class="anchor" data-reactid="227">#</a></h2><p data-reactid="228"><!-- react-text: 229 -->In the process of interaction design, Overlays allow you to bring additional interactions or content in a layer above the cur- rent page. Inlays allow you to do this within the page itself. However, another powerful approach to keeping users engaged on the current page is to create a virtual page. That is to say, we create the illusion of a larger virtual page. <!-- /react-text --></p><p data-reactid="230"><!-- react-text: 231 -->Virtual Scrolling and Pagination, more on <!-- /react-text --><a href="/docs/pattern/list#显示长列表" data-reactid="232">Patterns／Lists／Show Long Lists</a></p><p data-reactid="233"><!-- react-text: 234 -->Carousel, more on <!-- /react-text --><a href="/docs/pattern/list#显示图片" data-reactid="235">Patterns／Lists／Show Images</a></p><p data-reactid="236"><br data-reactid="237"/></p><p data-reactid="238"><span class="waiting" data-reactid="239"><!-- react-text: 240 -->Flexible User Interface (coming soon)<!-- /react-text --></span></p><p data-reactid="241"><br data-reactid="242"/></p><hr data-reactid="243"/><h2 id="Process-Flows" data-reactid="244"><span data-reactid="245"><!-- react-text: 246 -->Process Flows<!-- /react-text --></span><a href="#Process-Flows" class="anchor" data-reactid="247">#</a></h2><p data-reactid="248"><!-- react-text: 249 -->It has long been common practice on the Web to turn each step into a separate page. While this may be the simplest way break down the problem, it may not lead to the best solution. For some Process Flows it makes sense to keep the user on the same page throughout the process.<!-- /react-text --></p><p data-reactid="250"><br data-reactid="251"/></p><div class="preview-image-boxes clearfix" data-reactid="252"><div class="preview-image-box" data-reactid="253"><div class="preview-image-wrapper" data-reactid="254"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/xpynnwXnfCpGHvn.png" alt="example of Responsive Disclosure" data-reactid="255"/></div><div class="preview-image-title" data-reactid="256">example of Responsive Disclosure</div><div class="preview-image-description" data-reactid="257"></div><!-- react-empty: 258 --></div></div><p data-reactid="259"><!-- react-text: 260 -->Responsive Disclosure: Make the experience for selecting painless by providing disclosures as quickly as possible, and doing it all in a single-page interface.<!-- /react-text --></p><p data-reactid="261"><br data-reactid="262"/></p><div class="preview-image-boxes clearfix" data-reactid="263"><div class="preview-image-box" data-reactid="264"><div class="preview-image-wrapper" data-reactid="265"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/EBVLFAwHHjiXtIJ.png" alt="example of Configurator Process" data-reactid="266"/></div><div class="preview-image-title" data-reactid="267">example of Configurator Process</div><div class="preview-image-description" data-reactid="268"></div><!-- react-empty: 269 --></div></div><p data-reactid="270"><!-- react-text: 271 -->Configurator Process: Provides a configurator that allows users to help them accomplish the task or build their own product.<!-- /react-text --></p><p data-reactid="272"><br data-reactid="273"/></p><div class="preview-image-boxes clearfix" data-reactid="274"><div class="preview-image-box" data-reactid="275"><div class="preview-image-wrapper" data-reactid="276"><img class="preview-img" src="https://os.alipayobjects.com/rmsportal/xcYosQncDPuFxhS.png" alt="example of Dialog Overlay Process" data-reactid="277"/></div><div class="preview-image-title" data-reactid="278">example of Dialog Overlay Process</div><div class="preview-image-description" data-reactid="279"></div><!-- react-empty: 280 --></div></div><p data-reactid="281"><!-- react-text: 282 -->Dialog Overlay Process: Any page switch is an interruption to the user’s mental flow. In addition, any context switch is a chance for a user to leave the site. But sometimes the step-by-step flow is necessary.<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="283"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="284"><section class="prev-next-nav" data-reactid="285"><a class="prev-page" href="/docs/spec/direct" data-reactid="286">Make it Direct</a><a class="next-page" href="/docs/spec/lightweight" data-reactid="287">Keep it Lightweight</a></section></div></div></div><footer id="footer" data-reactid="288"><ul data-reactid="289"><li data-reactid="290"><h2 data-reactid="291"><i class="anticon anticon-github" data-reactid="292"></i><!-- react-text: 293 --> GitHub<!-- /react-text --></h2><div data-reactid="294"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="295"><span data-reactid="296">Repository</span></a></div><div data-reactid="297"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="298"><span data-reactid="299">Customize Theme</span></a></div><div data-reactid="300"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="301"><span data-reactid="302">Awesome Ant Design</span></a></div></li><li data-reactid="303"><h2 data-reactid="304"><i class="anticon anticon-link" data-reactid="305"></i><!-- react-text: 306 --> <!-- /react-text --><span data-reactid="307">Links</span></h2><div data-reactid="308"><a href="https://design.alipay.com/" data-reactid="309"><span data-reactid="310">Ant Financial Design Platform</span></a></div><div data-reactid="311"><a href="http://mobile.ant.design" data-reactid="312">Ant Design Mobile</a><span data-reactid="313"> - </span><span data-reactid="314">Mobile UI</span></div><div data-reactid="315"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="316">dva</a><!-- react-text: 317 --> - <!-- /react-text --><span data-reactid="318">Framework</span></div><div data-reactid="319"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="320">dva-cli</a><!-- react-text: 321 --> -<!-- /react-text --><span data-reactid="322">Developer Tools</span></div><div data-reactid="323"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="324">Egg</a><span data-reactid="325"> - </span><span data-reactid="326">Enterprise Node Framework</span></div><div data-reactid="327"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="328">AntV</a><span data-reactid="329"> - </span><span data-reactid="330">Data Visualization</span></div><div data-reactid="331"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="332">Ant Motion</a><span data-reactid="333"> - </span><span data-reactid="334">Motion Soluction</span></div><div data-reactid="335"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="336">AntD Library</a><span data-reactid="337"> - </span><span data-reactid="338">Axure library</span></div><div data-reactid="339"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="340">Ant UX</a><span data-reactid="341"> - </span><span data-reactid="342">Sitemap Template</span></div></li><li data-reactid="343"><h2 data-reactid="344"><i class="anticon anticon-customer-service" data-reactid="345"></i><!-- react-text: 346 --> <!-- /react-text --><span data-reactid="347">Community</span></h2><div data-reactid="348"><a href="/changelog" data-reactid="349"><span data-reactid="350">Change Log</span></a></div><div data-reactid="351"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="352"><span data-reactid="353">FAQ</span></a></div><div data-reactid="354"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="355"><span data-reactid="356">Chat Room (中文)</span></a></div><div data-reactid="357"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="358"><span data-reactid="359">Chat Room (English)</span></a></div><div data-reactid="360"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="361"><span data-reactid="362">Bug Report</span></a></div><div data-reactid="363"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="364"><span data-reactid="365">Issues</span></a></div><div data-reactid="366"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="367"><span data-reactid="368">StackOverflow</span></a></div><div data-reactid="369"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="370"><span data-reactid="371">SegmentFault</span></a></div></li><li data-reactid="372"><h2 data-reactid="373"><!-- react-text: 374 -->Copyright © <!-- /react-text --><!-- react-text: 375 -->2017<!-- /react-text --></h2><div data-reactid="376"><span data-reactid="377">Created by AIUX</span></div><div data-reactid="378"><!-- react-text: 379 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="380">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/transition-cn.html b/docs/spec/transition-cn.html
index 215c9deab..b3170eb80 100644
--- a/docs/spec/transition-cn.html
+++ b/docs/spec/transition-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1961413385"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="714590987"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->巧用过渡<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/transition.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->人脑灰质（Gray Matter）会对动态的事物（eg：移动、形变、色变等）保持敏感。在界面中，适当的加入一些过渡效果，能让界面保持生动，同时也能增强用户和界面的沟通。<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->Adding: 新加入的信息元素应被告知如何使用，从页面转变的信息元素需被重新识别。<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->Receding: 与当前页无关的信息元素应采用适当方式移除。<!-- /react-text --></p></li><li data-reactid="120"><p data-reactid="121"><!-- react-text: 122 -->Normal: 指那些从转场开始到结束都没有发生变化的信息元素。<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="123"><ul data-reactid="124"><li data-reactid="125"><a class="bisheng-toc-h2" href="#在视图变化时保持上下文" title="在视图变化时保持上下文" data-reactid="126"><!-- react-text: 127 -->在视图变化时保持上下文<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#解释刚刚发生了什么" title="解释刚刚发生了什么" data-reactid="129"><!-- react-text: 130 -->解释刚刚发生了什么<!-- /react-text --></a></li><li data-reactid="131"><a class="bisheng-toc-h2" href="#改善感知性能" title="改善感知性能" data-reactid="132"><!-- react-text: 133 -->改善感知性能<!-- /react-text --></a></li><li data-reactid="134"><a class="bisheng-toc-h2" href="#自然运动" title="自然运动" data-reactid="135"><!-- react-text: 136 -->自然运动<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="137"><h2 id="在视图变化时保持上下文" data-reactid="138"><span data-reactid="139"><!-- react-text: 140 -->在视图变化时保持上下文<!-- /react-text --></span><a href="#在视图变化时保持上下文" class="anchor" data-reactid="141">#</a></h2><div class="preview-image-box transition-video-player" data-reactid="142"><div class="preview-image-wrapper" data-reactid="143"><section style="position:relative;" data-reactid="144"><video src="https://os.alipayobjects.com/rmsportal/EejaUGsyExkXyXr.mp4" type="video/mp4" loop="" style="width:100%;" data-reactid="145"></video><section style="position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.35);cursor:pointer;opacity:1;transition:opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);" data-reactid="146"><svg version="1.2" viewBox="0 0 60 60" width="60" height="60" style="position:absolute;top:50%;left:50%;margin:-30px;border-radius:30px;background-color:#fff;" data-reactid="147"><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="148"></path><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="149"></path></svg></section></section></div><div class="preview-image-title" data-reactid="150">滑入与滑出示例</div><div class="preview-image-description" data-reactid="151"></div></div><p data-reactid="152"><!-- react-text: 153 -->滑入与滑出：可以有效构建虚拟空间。<!-- /react-text --></p><p data-reactid="154"><br data-reactid="155"/></p><div class="preview-image-box transition-video-player" data-reactid="156"><div class="preview-image-wrapper" data-reactid="157"><section style="position:relative;" data-reactid="158"><video src="https://os.alipayobjects.com/rmsportal/GIutPgZMTyfFfrH.mp4" type="video/mp4" loop="" style="width:100%;" data-reactid="159"></video><section style="position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.35);cursor:pointer;opacity:1;transition:opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);" data-reactid="160"><svg version="1.2" viewBox="0 0 60 60" width="60" height="60" style="position:absolute;top:50%;left:50%;margin:-30px;border-radius:30px;background-color:#fff;" data-reactid="161"><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="162"></path><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="163"></path></svg></section></section></div><div class="preview-image-title" data-reactid="164">传送带示例</div><div class="preview-image-description" data-reactid="165"></div></div><p data-reactid="166"><!-- react-text: 167 -->传送带：可极大地扩展虚拟空间。<!-- /react-text --></p><p data-reactid="168"><br data-reactid="169"/></p><div class="preview-image-box transition-video-player" data-reactid="170"><div class="preview-image-wrapper" data-reactid="171"><section style="position:relative;" data-reactid="172"><video src="https://os.alipayobjects.com/rmsportal/ERKhqHlcHiCDSQu.mp4" type="video/mp4" loop="" style="width:100%;" data-reactid="173"></video><section style="position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.35);cursor:pointer;opacity:1;transition:opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);" data-reactid="174"><svg version="1.2" viewBox="0 0 60 60" width="60" height="60" style="position:absolute;top:50%;left:50%;margin:-30px;border-radius:30px;background-color:#fff;" data-reactid="175"><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="176"></path><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="177"></path></svg></section></section></div><div class="preview-image-title" data-reactid="178">折叠窗口示例</div><div class="preview-image-description" data-reactid="179"></div></div><p data-reactid="180"><!-- react-text: 181 -->折叠窗口：在视图切换时，有助于保持上下文，同时也能拓展虚拟空间。<!-- /react-text --></p><p data-reactid="182"><br data-reactid="183"/></p><hr data-reactid="184"/><h2 id="解释刚刚发生了什么" data-reactid="185"><span data-reactid="186"><!-- react-text: 187 -->解释刚刚发生了什么<!-- /react-text --></span><a href="#解释刚刚发生了什么" class="anchor" data-reactid="188">#</a></h2><div class="preview-image-box transition-video-player" data-reactid="189"><div class="preview-image-wrapper" data-reactid="190"><section style="position:relative;" data-reactid="191"><video src="https://os.alipayobjects.com/rmsportal/FqkQMyFqNqielOw.mp4" type="video/mp4" loop="" style="width:100%;" data-reactid="192"></video><section style="position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.35);cursor:pointer;opacity:1;transition:opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);" data-reactid="193"><svg version="1.2" viewBox="0 0 60 60" width="60" height="60" style="position:absolute;top:50%;left:50%;margin:-30px;border-radius:30px;background-color:#fff;" data-reactid="194"><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="195"></path><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="196"></path></svg></section></section></div><div class="preview-image-title" data-reactid="197">对象增加示例</div><div class="preview-image-description" data-reactid="198">新增一条对象时，该行『高亮』告知用户这是新增项；几秒后『高亮』消失，以免过度干扰用户。</div></div><p data-reactid="199"><!-- react-text: 200 -->对象增加：在列表/表格中，新增了一个对象。<!-- /react-text --></p><p data-reactid="201"><br data-reactid="202"/></p><div class="preview-image-box transition-video-player" data-reactid="203"><div class="preview-image-wrapper" data-reactid="204"><section style="position:relative;" data-reactid="205"><video src="https://os.alipayobjects.com/rmsportal/pnNkNIMoowmGUQy.mp4" type="video/mp4" loop="" style="width:100%;" data-reactid="206"></video><section style="position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.35);cursor:pointer;opacity:1;transition:opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);" data-reactid="207"><svg version="1.2" viewBox="0 0 60 60" width="60" height="60" style="position:absolute;top:50%;left:50%;margin:-30px;border-radius:30px;background-color:#fff;" data-reactid="208"><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="209"></path><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="210"></path></svg></section></section></div><div class="preview-image-title" data-reactid="211">对象删除示例</div><div class="preview-image-description" data-reactid="212"></div></div><p data-reactid="213"><!-- react-text: 214 -->对象删除：在列表/表格中，删除了一个对象。<!-- /react-text --></p><p data-reactid="215"><br data-reactid="216"/></p><div class="preview-image-box transition-video-player" data-reactid="217"><div class="preview-image-wrapper" data-reactid="218"><section style="position:relative;" data-reactid="219"><video src="https://os.alipayobjects.com/rmsportal/XrUIWmsmOlEnZGc.mp4" type="video/mp4" loop="" style="width:100%;" data-reactid="220"></video><section style="position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.35);cursor:pointer;opacity:1;transition:opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);" data-reactid="221"><svg version="1.2" viewBox="0 0 60 60" width="60" height="60" style="position:absolute;top:50%;left:50%;margin:-30px;border-radius:30px;background-color:#fff;" data-reactid="222"><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="223"></path><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="224"></path></svg></section></section></div><div class="preview-image-title" data-reactid="225">对象更改示例</div><div class="preview-image-description" data-reactid="226">状态一：用户更改了『详情』中的值；<br>状态二：用户点击『保存』后，详情所在的网格出现『黄底』，表明该对象发生了更改；<br>状态三：底色持续几秒后，恢复正常。</div></div><p data-reactid="227"><!-- react-text: 228 -->对象更改：在列表/表格中，更改了一个对象。<!-- /react-text --></p><p data-reactid="229"><br data-reactid="230"/></p><div class="preview-image-box transition-video-player" data-reactid="231"><div class="preview-image-wrapper" data-reactid="232"><section style="position:relative;" data-reactid="233"><video src="https://os.alipayobjects.com/rmsportal/gSNilqbiXOufDXF.mp4" type="video/mp4" loop="" style="width:100%;" data-reactid="234"></video><section style="position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.35);cursor:pointer;opacity:1;transition:opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);" data-reactid="235"><svg version="1.2" viewBox="0 0 60 60" width="60" height="60" style="position:absolute;top:50%;left:50%;margin:-30px;border-radius:30px;background-color:#fff;" data-reactid="236"><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="237"></path><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="238"></path></svg></section></section></div><div class="preview-image-title" data-reactid="239">对象呼出示例</div><div class="preview-image-description" data-reactid="240"></div></div><p data-reactid="241"><!-- react-text: 242 -->对象呼出：点击页面中元素，呼出一个新对象。<!-- /react-text --></p><hr data-reactid="243"/><h2 id="改善感知性能" data-reactid="244"><span data-reactid="245"><!-- react-text: 246 -->改善感知性能<!-- /react-text --></span><a href="#改善感知性能" class="anchor" data-reactid="247">#</a></h2><p data-reactid="248"><!-- react-text: 249 -->当无法有效提升『实际性能』时，可以考虑适当转移用户的注意力，来缩短某项操作的感知时间，改善感知性能。<!-- /react-text --></p><p data-reactid="250"><br data-reactid="251"/></p><hr data-reactid="252"/><h2 id="自然运动" data-reactid="253"><span data-reactid="254"><!-- react-text: 255 -->自然运动<!-- /react-text --></span><a href="#自然运动" class="anchor" data-reactid="256">#</a></h2><p data-reactid="257"><!-- react-text: 258 -->参见 <!-- /react-text --><a href="http://motion.ant.design/language/time" data-reactid="259"><!-- react-text: 260 -->Ant Motion 动画语言<!-- /react-text --></a><!-- react-text: 261 -->。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="262"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="263"><section class="prev-next-nav" data-reactid="264"><a class="prev-page" href="/docs/spec/invitation-cn" data-reactid="265">提供邀请</a><a class="next-page" href="/docs/spec/reaction-cn" data-reactid="266">即时反应</a></section></div></div></div><footer id="footer" data-reactid="267"><ul data-reactid="268"><li data-reactid="269"><h2 data-reactid="270"><i class="anticon anticon-github" data-reactid="271"></i><!-- react-text: 272 --> GitHub<!-- /react-text --></h2><div data-reactid="273"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="274"><span data-reactid="275">源码仓库</span></a></div><div data-reactid="276"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="277"><span data-reactid="278">定制主题</span></a></div><div data-reactid="279"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="280"><span data-reactid="281">Awesome Ant Design</span></a></div></li><li data-reactid="282"><h2 data-reactid="283"><i class="anticon anticon-link" data-reactid="284"></i><!-- react-text: 285 --> <!-- /react-text --><span data-reactid="286">相关站点</span></h2><div data-reactid="287"><a href="https://design.alipay.com/" data-reactid="288"><span data-reactid="289">蚂蚁金服设计平台</span></a></div><div data-reactid="290"><a href="http://mobile.ant.design" data-reactid="291">Ant Design Mobile</a><span data-reactid="292"> - </span><span data-reactid="293">移动版</span></div><div data-reactid="294"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="295">dva</a><!-- react-text: 296 --> - <!-- /react-text --><span data-reactid="297">应用框架</span></div><div data-reactid="298"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="299">dva-cli</a><!-- react-text: 300 --> -<!-- /react-text --><span data-reactid="301">开发工具</span></div><div data-reactid="302"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="303">Egg</a><span data-reactid="304"> - </span><span data-reactid="305">企业级 Node 开发框架</span></div><div data-reactid="306"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="307">AntV</a><span data-reactid="308"> - </span><span data-reactid="309">数据可视化</span></div><div data-reactid="310"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="311">Ant Motion</a><span data-reactid="312"> - </span><span data-reactid="313">设计动效</span></div><div data-reactid="314"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="315">AntD Library</a><span data-reactid="316"> - </span><span data-reactid="317">Axure 部件库</span></div><div data-reactid="318"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="319">Ant UX</a><span data-reactid="320"> - </span><span data-reactid="321">页面逻辑素材</span></div></li><li data-reactid="322"><h2 data-reactid="323"><i class="anticon anticon-customer-service" data-reactid="324"></i><!-- react-text: 325 --> <!-- /react-text --><span data-reactid="326">社区</span></h2><div data-reactid="327"><a href="/changelog" data-reactid="328"><span data-reactid="329">更新记录</span></a></div><div data-reactid="330"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="331"><span data-reactid="332">常见问题</span></a></div><div data-reactid="333"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="334"><span data-reactid="335">在线讨论 (中文)</span></a></div><div data-reactid="336"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="337"><span data-reactid="338">在线讨论 (English)</span></a></div><div data-reactid="339"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="340"><span data-reactid="341">报告 Bug</span></a></div><div data-reactid="342"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="343"><span data-reactid="344">讨论列表</span></a></div><div data-reactid="345"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="346"><span data-reactid="347">StackOverflow</span></a></div><div data-reactid="348"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="349"><span data-reactid="350">SegmentFault</span></a></div></li><li data-reactid="351"><h2 data-reactid="352"><!-- react-text: 353 -->Copyright © <!-- /react-text --><!-- react-text: 354 -->2017<!-- /react-text --></h2><div data-reactid="355"><span data-reactid="356">蚂蚁金服体验技术部出品</span></div><div data-reactid="357"><!-- react-text: 358 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="359">BiSheng</a></div></li></ul></footer></div>
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce-cn" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature-cn" data-reactid="54">基本理念</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases-cn" data-reactid="56">实践案例</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="设计原则$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">设计原则</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="设计原则$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity-cn" data-reactid="62">亲密性</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment-cn" data-reactid="64">对齐</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast-cn" data-reactid="66">对比</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition-cn" data-reactid="68">重复</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct-cn" data-reactid="70">直截了当</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay-cn" data-reactid="72">足不出户</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight-cn" data-reactid="74">简化交互</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation-cn" data-reactid="76">提供邀请</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="77"><a href="/docs/spec/transition-cn" data-reactid="78">巧用过渡</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction-cn" data-reactid="80">即时反应</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors-cn" data-reactid="82">色彩</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon-cn" data-reactid="84">图标</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font-cn" data-reactid="86">字体</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting-cn" data-reactid="88">文案</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout-cn" data-reactid="90">布局</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation-cn" data-reactid="92">导航</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry-cn" data-reactid="94">数据录入</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display-cn" data-reactid="96">数据展示</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback-cn" data-reactid="98">反馈</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->动效<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->巧用过渡<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/transition.zh-CN.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->人脑灰质（Gray Matter）会对动态的事物（eg：移动、形变、色变等）保持敏感。在界面中，适当的加入一些过渡效果，能让界面保持生动，同时也能增强用户和界面的沟通。<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->Adding: 新加入的信息元素应被告知如何使用，从页面转变的信息元素需被重新识别。<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->Receding: 与当前页无关的信息元素应采用适当方式移除。<!-- /react-text --></p></li><li data-reactid="120"><p data-reactid="121"><!-- react-text: 122 -->Normal: 指那些从转场开始到结束都没有发生变化的信息元素。<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="123"><ul data-reactid="124"><li data-reactid="125"><a class="bisheng-toc-h2" href="#在视图变化时保持上下文" title="在视图变化时保持上下文" data-reactid="126"><!-- react-text: 127 -->在视图变化时保持上下文<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#解释刚刚发生了什么" title="解释刚刚发生了什么" data-reactid="129"><!-- react-text: 130 -->解释刚刚发生了什么<!-- /react-text --></a></li><li data-reactid="131"><a class="bisheng-toc-h2" href="#改善感知性能" title="改善感知性能" data-reactid="132"><!-- react-text: 133 -->改善感知性能<!-- /react-text --></a></li><li data-reactid="134"><a class="bisheng-toc-h2" href="#自然运动" title="自然运动" data-reactid="135"><!-- react-text: 136 -->自然运动<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="137"><h2 id="在视图变化时保持上下文" data-reactid="138"><span data-reactid="139"><!-- react-text: 140 -->在视图变化时保持上下文<!-- /react-text --></span><a href="#在视图变化时保持上下文" class="anchor" data-reactid="141">#</a></h2><div class="preview-image-box transition-video-player" data-reactid="142"><div class="preview-image-wrapper" data-reactid="143"><section style="position:relative;" data-reactid="144"><video src="https://os.alipayobjects.com/rmsportal/EejaUGsyExkXyXr.mp4" type="video/mp4" loop="" style="width:100%;" data-reactid="145"></video><section style="position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.35);cursor:pointer;opacity:1;transition:opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);" data-reactid="146"><svg version="1.2" viewBox="0 0 60 60" width="60" height="60" style="position:absolute;top:50%;left:50%;margin:-30px;border-radius:30px;background-color:#fff;" data-reactid="147"><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="148"></path><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="149"></path></svg></section></section></div><div class="preview-image-title" data-reactid="150">滑入与滑出示例</div><div class="preview-image-description" data-reactid="151"></div></div><p data-reactid="152"><!-- react-text: 153 -->滑入与滑出：可以有效构建虚拟空间。<!-- /react-text --></p><p data-reactid="154"><br data-reactid="155"/></p><div class="preview-image-box transition-video-player" data-reactid="156"><div class="preview-image-wrapper" data-reactid="157"><section style="position:relative;" data-reactid="158"><video src="https://os.alipayobjects.com/rmsportal/GIutPgZMTyfFfrH.mp4" type="video/mp4" loop="" style="width:100%;" data-reactid="159"></video><section style="position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.35);cursor:pointer;opacity:1;transition:opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);" data-reactid="160"><svg version="1.2" viewBox="0 0 60 60" width="60" height="60" style="position:absolute;top:50%;left:50%;margin:-30px;border-radius:30px;background-color:#fff;" data-reactid="161"><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="162"></path><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="163"></path></svg></section></section></div><div class="preview-image-title" data-reactid="164">传送带示例</div><div class="preview-image-description" data-reactid="165"></div></div><p data-reactid="166"><!-- react-text: 167 -->传送带：可极大地扩展虚拟空间。<!-- /react-text --></p><p data-reactid="168"><br data-reactid="169"/></p><div class="preview-image-box transition-video-player" data-reactid="170"><div class="preview-image-wrapper" data-reactid="171"><section style="position:relative;" data-reactid="172"><video src="https://os.alipayobjects.com/rmsportal/ERKhqHlcHiCDSQu.mp4" type="video/mp4" loop="" style="width:100%;" data-reactid="173"></video><section style="position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.35);cursor:pointer;opacity:1;transition:opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);" data-reactid="174"><svg version="1.2" viewBox="0 0 60 60" width="60" height="60" style="position:absolute;top:50%;left:50%;margin:-30px;border-radius:30px;background-color:#fff;" data-reactid="175"><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="176"></path><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="177"></path></svg></section></section></div><div class="preview-image-title" data-reactid="178">折叠窗口示例</div><div class="preview-image-description" data-reactid="179"></div></div><p data-reactid="180"><!-- react-text: 181 -->折叠窗口：在视图切换时，有助于保持上下文，同时也能拓展虚拟空间。<!-- /react-text --></p><p data-reactid="182"><br data-reactid="183"/></p><hr data-reactid="184"/><h2 id="解释刚刚发生了什么" data-reactid="185"><span data-reactid="186"><!-- react-text: 187 -->解释刚刚发生了什么<!-- /react-text --></span><a href="#解释刚刚发生了什么" class="anchor" data-reactid="188">#</a></h2><div class="preview-image-box transition-video-player" data-reactid="189"><div class="preview-image-wrapper" data-reactid="190"><section style="position:relative;" data-reactid="191"><video src="https://os.alipayobjects.com/rmsportal/FqkQMyFqNqielOw.mp4" type="video/mp4" loop="" style="width:100%;" data-reactid="192"></video><section style="position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.35);cursor:pointer;opacity:1;transition:opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);" data-reactid="193"><svg version="1.2" viewBox="0 0 60 60" width="60" height="60" style="position:absolute;top:50%;left:50%;margin:-30px;border-radius:30px;background-color:#fff;" data-reactid="194"><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="195"></path><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="196"></path></svg></section></section></div><div class="preview-image-title" data-reactid="197">对象增加示例</div><div class="preview-image-description" data-reactid="198">新增一条对象时，该行『高亮』告知用户这是新增项；几秒后『高亮』消失，以免过度干扰用户。</div></div><p data-reactid="199"><!-- react-text: 200 -->对象增加：在列表/表格中，新增了一个对象。<!-- /react-text --></p><p data-reactid="201"><br data-reactid="202"/></p><div class="preview-image-box transition-video-player" data-reactid="203"><div class="preview-image-wrapper" data-reactid="204"><section style="position:relative;" data-reactid="205"><video src="https://os.alipayobjects.com/rmsportal/pnNkNIMoowmGUQy.mp4" type="video/mp4" loop="" style="width:100%;" data-reactid="206"></video><section style="position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.35);cursor:pointer;opacity:1;transition:opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);" data-reactid="207"><svg version="1.2" viewBox="0 0 60 60" width="60" height="60" style="position:absolute;top:50%;left:50%;margin:-30px;border-radius:30px;background-color:#fff;" data-reactid="208"><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="209"></path><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="210"></path></svg></section></section></div><div class="preview-image-title" data-reactid="211">对象删除示例</div><div class="preview-image-description" data-reactid="212"></div></div><p data-reactid="213"><!-- react-text: 214 -->对象删除：在列表/表格中，删除了一个对象。<!-- /react-text --></p><p data-reactid="215"><br data-reactid="216"/></p><div class="preview-image-box transition-video-player" data-reactid="217"><div class="preview-image-wrapper" data-reactid="218"><section style="position:relative;" data-reactid="219"><video src="https://os.alipayobjects.com/rmsportal/XrUIWmsmOlEnZGc.mp4" type="video/mp4" loop="" style="width:100%;" data-reactid="220"></video><section style="position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.35);cursor:pointer;opacity:1;transition:opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);" data-reactid="221"><svg version="1.2" viewBox="0 0 60 60" width="60" height="60" style="position:absolute;top:50%;left:50%;margin:-30px;border-radius:30px;background-color:#fff;" data-reactid="222"><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="223"></path><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="224"></path></svg></section></section></div><div class="preview-image-title" data-reactid="225">对象更改示例</div><div class="preview-image-description" data-reactid="226">状态一：用户更改了『详情』中的值；<br>状态二：用户点击『保存』后，详情所在的网格出现『黄底』，表明该对象发生了更改；<br>状态三：底色持续几秒后，恢复正常。</div></div><p data-reactid="227"><!-- react-text: 228 -->对象更改：在列表/表格中，更改了一个对象。<!-- /react-text --></p><p data-reactid="229"><br data-reactid="230"/></p><div class="preview-image-box transition-video-player" data-reactid="231"><div class="preview-image-wrapper" data-reactid="232"><section style="position:relative;" data-reactid="233"><video src="https://os.alipayobjects.com/rmsportal/gSNilqbiXOufDXF.mp4" type="video/mp4" loop="" style="width:100%;" data-reactid="234"></video><section style="position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.35);cursor:pointer;opacity:1;transition:opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);" data-reactid="235"><svg version="1.2" viewBox="0 0 60 60" width="60" height="60" style="position:absolute;top:50%;left:50%;margin:-30px;border-radius:30px;background-color:#fff;" data-reactid="236"><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="237"></path><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="238"></path></svg></section></section></div><div class="preview-image-title" data-reactid="239">对象呼出示例</div><div class="preview-image-description" data-reactid="240"></div></div><p data-reactid="241"><!-- react-text: 242 -->对象呼出：点击页面中元素，呼出一个新对象。<!-- /react-text --></p><hr data-reactid="243"/><h2 id="改善感知性能" data-reactid="244"><span data-reactid="245"><!-- react-text: 246 -->改善感知性能<!-- /react-text --></span><a href="#改善感知性能" class="anchor" data-reactid="247">#</a></h2><p data-reactid="248"><!-- react-text: 249 -->当无法有效提升『实际性能』时，可以考虑适当转移用户的注意力，来缩短某项操作的感知时间，改善感知性能。<!-- /react-text --></p><p data-reactid="250"><br data-reactid="251"/></p><hr data-reactid="252"/><h2 id="自然运动" data-reactid="253"><span data-reactid="254"><!-- react-text: 255 -->自然运动<!-- /react-text --></span><a href="#自然运动" class="anchor" data-reactid="256">#</a></h2><p data-reactid="257"><!-- react-text: 258 -->参见 <!-- /react-text --><a href="http://motion.ant.design/language/time" data-reactid="259"><!-- react-text: 260 -->Ant Motion 动画语言<!-- /react-text --></a><!-- react-text: 261 -->。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="262"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="263"><section class="prev-next-nav" data-reactid="264"><a class="prev-page" href="/docs/spec/invitation-cn" data-reactid="265">提供邀请</a><a class="next-page" href="/docs/spec/reaction-cn" data-reactid="266">即时反应</a></section></div></div></div><footer id="footer" data-reactid="267"><ul data-reactid="268"><li data-reactid="269"><h2 data-reactid="270"><i class="anticon anticon-github" data-reactid="271"></i><!-- react-text: 272 --> GitHub<!-- /react-text --></h2><div data-reactid="273"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="274"><span data-reactid="275">源码仓库</span></a></div><div data-reactid="276"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="277"><span data-reactid="278">定制主题</span></a></div><div data-reactid="279"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="280"><span data-reactid="281">Awesome Ant Design</span></a></div></li><li data-reactid="282"><h2 data-reactid="283"><i class="anticon anticon-link" data-reactid="284"></i><!-- react-text: 285 --> <!-- /react-text --><span data-reactid="286">相关站点</span></h2><div data-reactid="287"><a href="https://design.alipay.com/" data-reactid="288"><span data-reactid="289">蚂蚁金服设计平台</span></a></div><div data-reactid="290"><a href="http://mobile.ant.design" data-reactid="291">Ant Design Mobile</a><span data-reactid="292"> - </span><span data-reactid="293">移动版</span></div><div data-reactid="294"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="295">dva</a><!-- react-text: 296 --> - <!-- /react-text --><span data-reactid="297">应用框架</span></div><div data-reactid="298"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="299">dva-cli</a><!-- react-text: 300 --> -<!-- /react-text --><span data-reactid="301">开发工具</span></div><div data-reactid="302"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="303">Egg</a><span data-reactid="304"> - </span><span data-reactid="305">企业级 Node 开发框架</span></div><div data-reactid="306"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="307">AntV</a><span data-reactid="308"> - </span><span data-reactid="309">数据可视化</span></div><div data-reactid="310"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="311">Ant Motion</a><span data-reactid="312"> - </span><span data-reactid="313">设计动效</span></div><div data-reactid="314"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="315">AntD Library</a><span data-reactid="316"> - </span><span data-reactid="317">Axure 部件库</span></div><div data-reactid="318"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="319">Ant UX</a><span data-reactid="320"> - </span><span data-reactid="321">页面逻辑素材</span></div></li><li data-reactid="322"><h2 data-reactid="323"><i class="anticon anticon-customer-service" data-reactid="324"></i><!-- react-text: 325 --> <!-- /react-text --><span data-reactid="326">社区</span></h2><div data-reactid="327"><a href="/changelog" data-reactid="328"><span data-reactid="329">更新记录</span></a></div><div data-reactid="330"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="331"><span data-reactid="332">常见问题</span></a></div><div data-reactid="333"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="334"><span data-reactid="335">在线讨论 (中文)</span></a></div><div data-reactid="336"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="337"><span data-reactid="338">在线讨论 (English)</span></a></div><div data-reactid="339"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="340"><span data-reactid="341">报告 Bug</span></a></div><div data-reactid="342"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="343"><span data-reactid="344">讨论列表</span></a></div><div data-reactid="345"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="346"><span data-reactid="347">StackOverflow</span></a></div><div data-reactid="348"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="349"><span data-reactid="350">SegmentFault</span></a></div></li><li data-reactid="351"><h2 data-reactid="352"><!-- react-text: 353 -->Copyright © <!-- /react-text --><!-- react-text: 354 -->2017<!-- /react-text --></h2><div data-reactid="355"><span data-reactid="356">蚂蚁金服体验技术部出品</span></div><div data-reactid="357"><!-- react-text: 358 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="359">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
     <script src="/index.js"></script>
diff --git a/docs/spec/transition.html b/docs/spec/transition.html
index 47e5cb60e..12da14a2e 100644
--- a/docs/spec/transition.html
+++ b/docs/spec/transition.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-541677750"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-261839028"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/lightweight" data-reactid="72">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/stay" data-reactid="74">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Use Transition<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/transition.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->Our Gray Matter are wired to react to dynamic things like movement,shape change and colour change. Transitions smooth out the jarring world of the Web, making changes appear more natural. The main purpose for Transitions is to provide an engaging interface and reinforce communication.<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->Adding: The added elements should inform the users how to use, and the modified elements should be recognized.<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->Receding: The irrelevant page elements should be removed properly.<!-- /react-text --></p></li><li data-reactid="120"><p data-reactid="121"><!-- react-text: 122 -->Normal: The elements without any change on the page can be safely ignored.<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="123"><ul data-reactid="124"><li data-reactid="125"><a class="bisheng-toc-h2" href="#Maintain-Context-While-Changing-Views" title="Maintain Context While Changing Views" data-reactid="126"><!-- react-text: 127 -->Maintain Context While Changing Views<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#Explain-What-Just-Happened" title="Explain What Just Happened" data-reactid="129"><!-- react-text: 130 -->Explain What Just Happened<!-- /react-text --></a></li><li data-reactid="131"><a class="bisheng-toc-h2" href="#Improve-Perceived-Performance" title="Improve Perceived Performance" data-reactid="132"><!-- react-text: 133 -->Improve Perceived Performance<!-- /react-text --></a></li><li data-reactid="134"><a class="bisheng-toc-h2" href="#Natural-Motion" title="Natural Motion" data-reactid="135"><!-- react-text: 136 -->Natural Motion<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="137"><h2 id="Maintain-Context-While-Changing-Views" data-reactid="138"><span data-reactid="139"><!-- react-text: 140 -->Maintain Context While Changing Views<!-- /react-text --></span><a href="#Maintain-Context-While-Changing-Views" class="anchor" data-reactid="141">#</a></h2><div class="preview-image-box transition-video-player" data-reactid="142"><div class="preview-image-wrapper" data-reactid="143"><section style="position:relative;" data-reactid="144"><video src="https://os.alipayobjects.com/rmsportal/EejaUGsyExkXyXr.mp4" type="video/mp4" loop="" style="width:100%;" data-reactid="145"></video><section style="position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.35);cursor:pointer;opacity:1;transition:opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);" data-reactid="146"><svg version="1.2" viewBox="0 0 60 60" width="60" height="60" style="position:absolute;top:50%;left:50%;margin:-30px;border-radius:30px;background-color:#fff;" data-reactid="147"><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="148"></path><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="149"></path></svg></section></section></div><div class="preview-image-title" data-reactid="150">example of Slide In and Slide Out
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><div class="ant-row" data-reactid="48"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-4" data-reactid="49"><ul class="ant-menu ant-menu-inline aside-container ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0" data-reactid="50"><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="51"><a href="/docs/spec/introduce" data-reactid="52">Ant Design</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="53"><a href="/docs/spec/feature" data-reactid="54">Features</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="55"><a href="/docs/spec/cases" data-reactid="56">Cases</a></li><li class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu" data-reactid="57"><div style="padding-left:24px;" class="ant-menu-submenu-title" aria-expanded="true" aria-owns="Principles$Menu" aria-haspopup="true" data-reactid="58"><h4 data-reactid="59">Principles</h4></div><ul class="ant-menu ant-menu-inline  ant-menu-sub" role="menu" aria-activedescendant="" id="Principles$Menu" data-reactid="60"><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="61"><a href="/docs/spec/proximity" data-reactid="62">Proximity</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="63"><a href="/docs/spec/alignment" data-reactid="64">Alignment</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="65"><a href="/docs/spec/contrast" data-reactid="66">Contrast</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="67"><a href="/docs/spec/repetition" data-reactid="68">Repetition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="69"><a href="/docs/spec/direct" data-reactid="70">Make it Direct</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="71"><a href="/docs/spec/stay" data-reactid="72">Stay on the Page</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="73"><a href="/docs/spec/lightweight" data-reactid="74">Keep it Lightweight</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="75"><a href="/docs/spec/invitation" data-reactid="76">Provide an Invitation</a></li><li style="padding-left:48px;" class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="77"><a href="/docs/spec/transition" data-reactid="78">Use Transition</a></li><li style="padding-left:48px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="79"><a href="/docs/spec/reaction" data-reactid="80">React Immediately</a></li></ul></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="81"><a href="/docs/spec/colors" data-reactid="82">Colors</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="83"><a href="/docs/spec/icon" data-reactid="84">Icons</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="85"><a href="/docs/spec/font" data-reactid="86">Font</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="87"><a href="/docs/spec/copywriting" data-reactid="88">Copywriting</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="89"><a href="/docs/spec/layout" data-reactid="90">Layout</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="91"><a href="/docs/spec/navigation" data-reactid="92">Navigation</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="93"><a href="/docs/spec/data-entry" data-reactid="94">Data Entry</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="95"><a href="/docs/spec/data-display" data-reactid="96">Data Display</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="97"><a href="/docs/spec/feedback" data-reactid="98">Feedback</a></li><li style="padding-left:24px;" class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="99"><a href="http://motion.ant.design" target="_blank" rel="noopener noreferrer" class="menu-item-link-outside" data-reactid="100"><!-- react-text: 101 -->Motion<!-- /react-text --><!-- react-text: 102 --> <!-- /react-text --><i class="anticon anticon-export" data-reactid="103"></i></a></li></ul></div><div class="main-container ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-20" data-reactid="104"><article class="markdown" data-reactid="105"><h1 data-reactid="106"><!-- react-text: 107 -->Use Transition<!-- /react-text --><a class="edit-button" href="https://github.com/ant-design/ant-design/edit/master/docs/spec/transition.en-US.md" data-reactid="108"><i class="anticon anticon-edit" data-reactid="109"></i></a></h1><section class="markdown" data-reactid="110"><p data-reactid="111"><!-- react-text: 112 -->Our Gray Matter are wired to react to dynamic things like movement,shape change and colour change. Transitions smooth out the jarring world of the Web, making changes appear more natural. The main purpose for Transitions is to provide an engaging interface and reinforce communication.<!-- /react-text --></p><ul data-reactid="113"><li data-reactid="114"><p data-reactid="115"><!-- react-text: 116 -->Adding: The added elements should inform the users how to use, and the modified elements should be recognized.<!-- /react-text --></p></li><li data-reactid="117"><p data-reactid="118"><!-- react-text: 119 -->Receding: The irrelevant page elements should be removed properly.<!-- /react-text --></p></li><li data-reactid="120"><p data-reactid="121"><!-- react-text: 122 -->Normal: The elements without any change on the page can be safely ignored.<!-- /react-text --></p></li></ul></section><section class="toc" data-reactid="123"><ul data-reactid="124"><li data-reactid="125"><a class="bisheng-toc-h2" href="#Maintain-Context-While-Changing-Views" title="Maintain Context While Changing Views" data-reactid="126"><!-- react-text: 127 -->Maintain Context While Changing Views<!-- /react-text --></a></li><li data-reactid="128"><a class="bisheng-toc-h2" href="#Explain-What-Just-Happened" title="Explain What Just Happened" data-reactid="129"><!-- react-text: 130 -->Explain What Just Happened<!-- /react-text --></a></li><li data-reactid="131"><a class="bisheng-toc-h2" href="#Improve-Perceived-Performance" title="Improve Perceived Performance" data-reactid="132"><!-- react-text: 133 -->Improve Perceived Performance<!-- /react-text --></a></li><li data-reactid="134"><a class="bisheng-toc-h2" href="#Natural-Motion" title="Natural Motion" data-reactid="135"><!-- react-text: 136 -->Natural Motion<!-- /react-text --></a></li></ul></section><section class="markdown" data-reactid="137"><h2 id="Maintain-Context-While-Changing-Views" data-reactid="138"><span data-reactid="139"><!-- react-text: 140 -->Maintain Context While Changing Views<!-- /react-text --></span><a href="#Maintain-Context-While-Changing-Views" class="anchor" data-reactid="141">#</a></h2><div class="preview-image-box transition-video-player" data-reactid="142"><div class="preview-image-wrapper" data-reactid="143"><section style="position:relative;" data-reactid="144"><video src="https://os.alipayobjects.com/rmsportal/EejaUGsyExkXyXr.mp4" type="video/mp4" loop="" style="width:100%;" data-reactid="145"></video><section style="position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.35);cursor:pointer;opacity:1;transition:opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);" data-reactid="146"><svg version="1.2" viewBox="0 0 60 60" width="60" height="60" style="position:absolute;top:50%;left:50%;margin:-30px;border-radius:30px;background-color:#fff;" data-reactid="147"><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="148"></path><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="149"></path></svg></section></section></div><div class="preview-image-title" data-reactid="150">example of Slide In and Slide Out
 </div><div class="preview-image-description" data-reactid="151"></div></div><p data-reactid="152"><!-- react-text: 153 -->Slide In and Slide Out: Create an illusion of virtual space.<!-- /react-text --></p><p data-reactid="154"><br data-reactid="155"/></p><div class="preview-image-box transition-video-player" data-reactid="156"><div class="preview-image-wrapper" data-reactid="157"><section style="position:relative;" data-reactid="158"><video src="https://os.alipayobjects.com/rmsportal/GIutPgZMTyfFfrH.mp4" type="video/mp4" loop="" style="width:100%;" data-reactid="159"></video><section style="position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.35);cursor:pointer;opacity:1;transition:opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);" data-reactid="160"><svg version="1.2" viewBox="0 0 60 60" width="60" height="60" style="position:absolute;top:50%;left:50%;margin:-30px;border-radius:30px;background-color:#fff;" data-reactid="161"><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="162"></path><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="163"></path></svg></section></section></div><div class="preview-image-title" data-reactid="164">example of Carousel</div><div class="preview-image-description" data-reactid="165"></div></div><p data-reactid="166"><!-- react-text: 167 -->Carousel: Carousels are great for extending virtual space.<!-- /react-text --></p><p data-reactid="168"><br data-reactid="169"/></p><div class="preview-image-box transition-video-player" data-reactid="170"><div class="preview-image-wrapper" data-reactid="171"><section style="position:relative;" data-reactid="172"><video src="https://os.alipayobjects.com/rmsportal/ERKhqHlcHiCDSQu.mp4" type="video/mp4" loop="" style="width:100%;" data-reactid="173"></video><section style="position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.35);cursor:pointer;opacity:1;transition:opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);" data-reactid="174"><svg version="1.2" viewBox="0 0 60 60" width="60" height="60" style="position:absolute;top:50%;left:50%;margin:-30px;border-radius:30px;background-color:#fff;" data-reactid="175"><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="176"></path><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="177"></path></svg></section></section></div><div class="preview-image-title" data-reactid="178">example of Accordion</div><div class="preview-image-description" data-reactid="179"></div></div><p data-reactid="180"><!-- react-text: 181 -->Accordion: Accordion helps maintain context while switching views.<!-- /react-text --></p><p data-reactid="182"><br data-reactid="183"/></p><p data-reactid="184"><span class="waiting" data-reactid="185"><!-- react-text: 186 -->View Navigation (coming soon)<!-- /react-text --></span></p><p data-reactid="187"><br data-reactid="188"/></p><hr data-reactid="189"/><h2 id="Explain-What-Just-Happened" data-reactid="190"><span data-reactid="191"><!-- react-text: 192 -->Explain What Just Happened<!-- /react-text --></span><a href="#Explain-What-Just-Happened" class="anchor" data-reactid="193">#</a></h2><div class="preview-image-box transition-video-player" data-reactid="194"><div class="preview-image-wrapper" data-reactid="195"><section style="position:relative;" data-reactid="196"><video src="https://os.alipayobjects.com/rmsportal/FqkQMyFqNqielOw.mp4" type="video/mp4" loop="" style="width:100%;" data-reactid="197"></video><section style="position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.35);cursor:pointer;opacity:1;transition:opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);" data-reactid="198"><svg version="1.2" viewBox="0 0 60 60" width="60" height="60" style="position:absolute;top:50%;left:50%;margin:-30px;border-radius:30px;background-color:#fff;" data-reactid="199"><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="200"></path><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="201"></path></svg></section></section></div><div class="preview-image-title" data-reactid="202">example of Adding an Object</div><div class="preview-image-description" data-reactid="203">When an object is added, the highlighted area shows it to the user. The highlight fades in several seconds in order not to interfere the user flow.</div></div><p data-reactid="204"><!-- react-text: 205 -->Adding an Object: Add an object in the table or chart.<!-- /react-text --></p><p data-reactid="206"><br data-reactid="207"/></p><div class="preview-image-box transition-video-player" data-reactid="208"><div class="preview-image-wrapper" data-reactid="209"><section style="position:relative;" data-reactid="210"><video src="https://os.alipayobjects.com/rmsportal/pnNkNIMoowmGUQy.mp4" type="video/mp4" loop="" style="width:100%;" data-reactid="211"></video><section style="position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.35);cursor:pointer;opacity:1;transition:opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);" data-reactid="212"><svg version="1.2" viewBox="0 0 60 60" width="60" height="60" style="position:absolute;top:50%;left:50%;margin:-30px;border-radius:30px;background-color:#fff;" data-reactid="213"><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="214"></path><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="215"></path></svg></section></section></div><div class="preview-image-title" data-reactid="216">example of Deleting Objects</div><div class="preview-image-description" data-reactid="217"></div></div><p data-reactid="218"><!-- react-text: 219 -->Deleting an Object: Delete an object in the table or chart.<!-- /react-text --></p><p data-reactid="220"><br data-reactid="221"/></p><div class="preview-image-box transition-video-player" data-reactid="222"><div class="preview-image-wrapper" data-reactid="223"><section style="position:relative;" data-reactid="224"><video src="https://os.alipayobjects.com/rmsportal/XrUIWmsmOlEnZGc.mp4" type="video/mp4" loop="" style="width:100%;" data-reactid="225"></video><section style="position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.35);cursor:pointer;opacity:1;transition:opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);" data-reactid="226"><svg version="1.2" viewBox="0 0 60 60" width="60" height="60" style="position:absolute;top:50%;left:50%;margin:-30px;border-radius:30px;background-color:#fff;" data-reactid="227"><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="228"></path><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="229"></path></svg></section></section></div><div class="preview-image-title" data-reactid="230">example of Modifying an object</div><div class="preview-image-description" data-reactid="231">Status No.1: The user modifies the value of Detail. <br>Status No.2: After the user click the save button, a yellow fill is displayed in the grid of Detail, which indicates the change of the object. <br>Status No.3: The fill fades in several seconds and returned to normal.</div></div><p data-reactid="232"><!-- react-text: 233 -->Modifying an Object: Modify an object in the table or chart.<!-- /react-text --></p><p data-reactid="234"><br data-reactid="235"/></p><div class="preview-image-box transition-video-player" data-reactid="236"><div class="preview-image-wrapper" data-reactid="237"><section style="position:relative;" data-reactid="238"><video src="https://os.alipayobjects.com/rmsportal/gSNilqbiXOufDXF.mp4" type="video/mp4" loop="" style="width:100%;" data-reactid="239"></video><section style="position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.35);cursor:pointer;opacity:1;transition:opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);" data-reactid="240"><svg version="1.2" viewBox="0 0 60 60" width="60" height="60" style="position:absolute;top:50%;left:50%;margin:-30px;border-radius:30px;background-color:#fff;" data-reactid="241"><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="242"></path><path d="M20 15L20 45L45 30Z" fill="#999" style="transform-origin:30px 30px;" data-reactid="243"></path></svg></section></section></div><div class="preview-image-title" data-reactid="244">example of Calling out an Object</div><div class="preview-image-description" data-reactid="245"></div></div><p data-reactid="246"><!-- react-text: 247 -->Calling out an Object: Click the page element and call out a new object.<!-- /react-text --></p><hr data-reactid="248"/><h2 id="Improve-Perceived-Performance" data-reactid="249"><span data-reactid="250"><!-- react-text: 251 -->Improve Perceived Performance<!-- /react-text --></span><a href="#Improve-Perceived-Performance" class="anchor" data-reactid="252">#</a></h2><p data-reactid="253"><!-- react-text: 254 -->If actual performance can hardly improved, there is a difference between actual performance and perceived performance. Diverting the user’s attention is a good way to improve the perceived time an operation takes.<!-- /react-text --></p><hr data-reactid="255"/><h2 id="Natural-Motion" data-reactid="256"><span data-reactid="257"><!-- react-text: 258 -->Natural Motion<!-- /react-text --></span><a href="#Natural-Motion" class="anchor" data-reactid="259">#</a></h2><p data-reactid="260"><!-- react-text: 261 -->Please refer to <!-- /react-text --><a href="http://motion.ant.design/#/language/" data-reactid="262"><!-- react-text: 263 -->Ant Motion, a motion language<!-- /react-text --></a><!-- react-text: 264 -->。<!-- /react-text --></p></section></article></div></div><div class="ant-row" data-reactid="265"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-md-offset-6 ant-col-lg-20 ant-col-lg-offset-4" data-reactid="266"><section class="prev-next-nav" data-reactid="267"><a class="prev-page" href="/docs/spec/invitation" data-reactid="268">Provide an Invitation</a><a class="next-page" href="/docs/spec/reaction" data-reactid="269">React Immediately</a></section></div></div></div><footer id="footer" data-reactid="270"><ul data-reactid="271"><li data-reactid="272"><h2 data-reactid="273"><i class="anticon anticon-github" data-reactid="274"></i><!-- react-text: 275 --> GitHub<!-- /react-text --></h2><div data-reactid="276"><a target="_blank " href="https://github.com/ant-design/ant-design" data-reactid="277"><span data-reactid="278">Repository</span></a></div><div data-reactid="279"><a target="_blank " href="https://ant.design/docs/react/customize-theme" data-reactid="280"><span data-reactid="281">Customize Theme</span></a></div><div data-reactid="282"><a target="_blank " href="https://github.com/websemantics/awesome-ant-design" data-reactid="283"><span data-reactid="284">Awesome Ant Design</span></a></div></li><li data-reactid="285"><h2 data-reactid="286"><i class="anticon anticon-link" data-reactid="287"></i><!-- react-text: 288 --> <!-- /react-text --><span data-reactid="289">Links</span></h2><div data-reactid="290"><a href="https://design.alipay.com/" data-reactid="291"><span data-reactid="292">Ant Financial Design Platform</span></a></div><div data-reactid="293"><a href="http://mobile.ant.design" data-reactid="294">Ant Design Mobile</a><span data-reactid="295"> - </span><span data-reactid="296">Mobile UI</span></div><div data-reactid="297"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva" data-reactid="298">dva</a><!-- react-text: 299 --> - <!-- /react-text --><span data-reactid="300">Framework</span></div><div data-reactid="301"><a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli" data-reactid="302">dva-cli</a><!-- react-text: 303 --> -<!-- /react-text --><span data-reactid="304">Developer Tools</span></div><div data-reactid="305"><a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/" data-reactid="306">Egg</a><span data-reactid="307"> - </span><span data-reactid="308">Enterprise Node Framework</span></div><div data-reactid="309"><a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/" data-reactid="310">AntV</a><span data-reactid="311"> - </span><span data-reactid="312">Data Visualization</span></div><div data-reactid="313"><a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design" data-reactid="314">Ant Motion</a><span data-reactid="315"> - </span><span data-reactid="316">Motion Soluction</span></div><div data-reactid="317"><a target="_blank" rel="noopener noreferrer" href="http://library.ant.design/" data-reactid="318">AntD Library</a><span data-reactid="319"> - </span><span data-reactid="320">Axure library</span></div><div data-reactid="321"><a target="_blank" rel="noopener noreferrer" href="http://ux.ant.design" data-reactid="322">Ant UX</a><span data-reactid="323"> - </span><span data-reactid="324">Sitemap Template</span></div></li><li data-reactid="325"><h2 data-reactid="326"><i class="anticon anticon-customer-service" data-reactid="327"></i><!-- react-text: 328 --> <!-- /react-text --><span data-reactid="329">Community</span></h2><div data-reactid="330"><a href="/changelog" data-reactid="331"><span data-reactid="332">Change Log</span></a></div><div data-reactid="333"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/wiki/FAQ" data-reactid="334"><span data-reactid="335">FAQ</span></a></div><div data-reactid="336"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design" data-reactid="337"><span data-reactid="338">Chat Room (中文)</span></a></div><div data-reactid="339"><a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design-english" data-reactid="340"><span data-reactid="341">Chat Room (English)</span></a></div><div data-reactid="342"><a target="_blank" rel="noopener noreferrer" href="http://new-issue.ant.design/" data-reactid="343"><span data-reactid="344">Bug Report</span></a></div><div data-reactid="345"><a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues" data-reactid="346"><span data-reactid="347">Issues</span></a></div><div data-reactid="348"><a target="_blank" rel="noopener noreferrer" href="http://stackoverflow.com/questions/tagged/antd" data-reactid="349"><span data-reactid="350">StackOverflow</span></a></div><div data-reactid="351"><a target="_blank" rel="noopener noreferrer" href="https://segmentfault.com/t/antd" data-reactid="352"><span data-reactid="353">SegmentFault</span></a></div></li><li data-reactid="354"><h2 data-reactid="355"><!-- react-text: 356 -->Copyright © <!-- /react-text --><!-- react-text: 357 -->2017<!-- /react-text --></h2><div data-reactid="358"><span data-reactid="359">Created by AIUX</span></div><div data-reactid="360"><!-- react-text: 361 -->Built with <!-- /react-text --><a target="_blank" rel="noopener noreferrer" href="https://github.com/benjycui/bisheng" data-reactid="362">BiSheng</a></div></li></ul></footer></div>
     </div>
     <script src="/common.js"></script>
diff --git a/index-2.css b/index-2.css
index e57ed29dd..2594b8f18 100644
--- a/index-2.css
+++ b/index-2.css
@@ -1 +1 @@
-.anticon-search:before{content:"\E670"}.anticon-share-alt:before{content:"\E671"}.anticon-setting:before{content:"\E672"}.anticon-poweroff:before{content:"\E6D5"}.anticon-picture:before{content:"\E674"}.anticon-phone:before{content:"\E675"}.anticon-paper-clip:before{content:"\E676"}.anticon-notification:before{content:"\E677"}.anticon-mobile:before{content:"\E678"}.anticon-menu-unfold:before{content:"\E679"}.anticon-inbox:before{content:"\E67A"}.anticon-lock:before{content:"\E67B"}.anticon-qrcode:before{content:"\E67C"}.anticon-play-circle:before{content:"\E6D0"}.anticon-play-circle-o:before{content:"\E6D1"}.anticon-tag:before{content:"\E6D2"}.anticon-tag-o:before{content:"\E6D3"}.anticon-tags:before{content:"\E67D"}.anticon-tags-o:before{content:"\E67E"}.anticon-cloud-o:before{content:"\E67F"}.anticon-cloud:before{content:"\E680"}.anticon-cloud-upload:before{content:"\E681"}.anticon-cloud-download:before{content:"\E682"}.anticon-cloud-download-o:before{content:"\E683"}.anticon-cloud-upload-o:before{content:"\E684"}.anticon-environment:before{content:"\E685"}.anticon-environment-o:before{content:"\E686"}.anticon-eye:before{content:"\E687"}.anticon-eye-o:before{content:"\E688"}.anticon-camera:before{content:"\E689"}.anticon-camera-o:before{content:"\E68A"}.anticon-windows:before{content:"\E68B"}.anticon-apple:before{content:"\E68C"}.anticon-apple-o:before{content:"\E6D4"}.anticon-android:before{content:"\E938"}.anticon-android-o:before{content:"\E68D"}.anticon-aliwangwang:before{content:"\E68E"}.anticon-aliwangwang-o:before{content:"\E68F"}.anticon-export:before{content:"\E691"}.anticon-edit:before{content:"\E692"}.anticon-circle-down-o:before{content:"\E693"}.anticon-circle-down-:before{content:"\E694"}.anticon-appstore-o:before{content:"\E695"}.anticon-appstore:before{content:"\E696"}.anticon-scan:before{content:"\E697"}.anticon-file-text:before{content:"\E698"}.anticon-folder-open:before{content:"\E699"}.anticon-hdd:before{content:"\E69A"}.anticon-ie:before{content:"\E69B"}.anticon-file-jpg:before{content:"\E69C"}.anticon-like:before{content:"\E64C"}.anticon-like-o:before{content:"\E69D"}.anticon-dislike:before{content:"\E64B"}.anticon-dislike-o:before{content:"\E69E"}.anticon-delete:before{content:"\E69F"}.anticon-enter:before{content:"\E6A0"}.anticon-pushpin-o:before{content:"\E6A1"}.anticon-pushpin:before{content:"\E6A2"}.anticon-heart:before{content:"\E6A3"}.anticon-heart-o:before{content:"\E6A4"}.anticon-pay-circle:before{content:"\E6A5"}.anticon-pay-circle-o:before{content:"\E6A6"}.anticon-smile-circle:before,.anticon-smile:before{content:"\E6A7"}.anticon-smile-o:before{content:"\E6A8"}.anticon-frown-o:before{content:"\E6A9"}.anticon-calculator:before{content:"\E6AA"}.anticon-message:before{content:"\E6AB"}.anticon-chrome:before{content:"\E6AC"}.anticon-github:before{content:"\E6AD"}.anticon-file-unknown:before{content:"\E6AF"}.anticon-file-excel:before{content:"\E6B0"}.anticon-file-ppt:before{content:"\E6B1"}.anticon-file-word:before{content:"\E6B2"}.anticon-file-pdf:before{content:"\E6B3"}.anticon-desktop:before{content:"\E6B4"}.anticon-upload:before{content:"\E6B6"}.anticon-download:before{content:"\E6B7"}.anticon-pie-chart:before{content:"\E6B8"}.anticon-unlock:before{content:"\E6BA"}.anticon-calendar:before{content:"\E6BB"}.anticon-windows-o:before{content:"\E6BC"}.anticon-dot-chart:before{content:"\E6BD"}.anticon-bar-chart:before{content:"\E6BE"}.anticon-code:before{content:"\E6BF"}.anticon-api:before{content:"\E951"}.anticon-plus-square:before{content:"\E6C0"}.anticon-minus-square:before{content:"\E6C1"}.anticon-close-square:before{content:"\E6C2"}.anticon-close-square-o:before{content:"\E6C3"}.anticon-check-square:before{content:"\E6C4"}.anticon-check-square-o:before{content:"\E6C5"}.anticon-fast-backward:before{content:"\E6C6"}.anticon-fast-forward:before{content:"\E6C7"}.anticon-up-square:before{content:"\E6C8"}.anticon-down-square:before{content:"\E6C9"}.anticon-left-square:before{content:"\E6CA"}.anticon-right-square:before{content:"\E6CB"}.anticon-right-square-o:before{content:"\E6CC"}.anticon-left-square-o:before{content:"\E6CD"}.anticon-down-square-o:before{content:"\E6CE"}.anticon-up-square-o:before{content:"\E6CF"}.anticon-loading:before{content:"\E64D"}.anticon-loading-3-quarters:before{content:"\E6AE"}.anticon-bulb:before{content:"\E649"}.anticon-select:before{content:"\E64A"}.anticon-addfile:before,.anticon-file-add:before{content:"\E910"}.anticon-addfolder:before,.anticon-folder-add:before{content:"\E914"}.anticon-switcher:before{content:"\E913"}.anticon-rocket:before{content:"\E90F"}.anticon-dingding:before{content:"\E923"}.anticon-dingding-o:before{content:"\E925"}.anticon-bell:before{content:"\E64E"}.anticon-disconnect:before{content:"\E64F"}.anticon-database:before{content:"\E650"}.anticon-compass:before{content:"\E6DB"}.anticon-barcode:before{content:"\E652"}.anticon-hourglass:before{content:"\E653"}.anticon-key:before{content:"\E654"}.anticon-flag:before{content:"\E655"}.anticon-layout:before{content:"\E656"}.anticon-login:before{content:"\E657"}.anticon-printer:before{content:"\E673"}.anticon-sound:before{content:"\E6E9"}.anticon-usb:before{content:"\E6D7"}.anticon-skin:before{content:"\E6D8"}.anticon-tool:before{content:"\E6D9"}.anticon-sync:before{content:"\E6DA"}.anticon-wifi:before{content:"\E6D6"}.anticon-car:before{content:"\E6DC"}.anticon-copyright:before{content:"\E6DE"}.anticon-schedule:before{content:"\E6DF"}.anticon-user-add:before{content:"\E6ED"}.anticon-user-delete:before{content:"\E6E0"}.anticon-usergroup-add:before{content:"\E6DD"}.anticon-usergroup-delete:before{content:"\E6E1"}.anticon-man:before{content:"\E6E2"}.anticon-woman:before{content:"\E6EC"}.anticon-shop:before{content:"\E6E3"}.anticon-gift:before{content:"\E6E4"}.anticon-idcard:before{content:"\E6E5"}.anticon-medicine-box:before{content:"\E6E6"}.anticon-red-envelope:before{content:"\E6E7"}.anticon-coffee:before{content:"\E6E8"}.anticon-trademark:before{content:"\E651"}.anticon-safety:before{content:"\E6EA"}.anticon-wallet:before{content:"\E6EB"}.anticon-bank:before{content:"\E6EE"}.anticon-trophy:before{content:"\E6EF"}.anticon-contacts:before{content:"\E6F0"}.anticon-global:before{content:"\E6F1"}.anticon-shake:before{content:"\E94F"}.anticon-spin:before{display:inline-block;-webkit-animation:loadingCircle 1s infinite linear;animation:loadingCircle 1s infinite linear}.fade-appear,.fade-enter,.fade-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.fade-appear.fade-appear-active,.fade-enter.fade-enter-active{-webkit-animation-name:antFadeIn;animation-name:antFadeIn;-webkit-animation-play-state:running;animation-play-state:running}.fade-leave.fade-leave-active{-webkit-animation-name:antFadeOut;animation-name:antFadeOut;-webkit-animation-play-state:running;animation-play-state:running}.fade-appear,.fade-enter{opacity:0}.fade-appear,.fade-enter,.fade-leave{-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes antFadeIn{0%{opacity:0}to{opacity:1}}@keyframes antFadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes antFadeOut{0%{opacity:1}to{opacity:0}}@keyframes antFadeOut{0%{opacity:1}to{opacity:0}}.move-up-appear,.move-up-enter,.move-up-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.move-up-appear.move-up-appear-active,.move-up-enter.move-up-enter-active{-webkit-animation-name:antMoveUpIn;animation-name:antMoveUpIn;-webkit-animation-play-state:running;animation-play-state:running}.move-up-leave.move-up-leave-active{-webkit-animation-name:antMoveUpOut;animation-name:antMoveUpOut;-webkit-animation-play-state:running;animation-play-state:running}.move-up-appear,.move-up-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.move-up-leave{-webkit-animation-timing-function:cubic-bezier(.6,.04,.98,.34);animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.move-down-appear,.move-down-enter,.move-down-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.move-down-appear.move-down-appear-active,.move-down-enter.move-down-enter-active{-webkit-animation-name:antMoveDownIn;animation-name:antMoveDownIn;-webkit-animation-play-state:running;animation-play-state:running}.move-down-leave.move-down-leave-active{-webkit-animation-name:antMoveDownOut;animation-name:antMoveDownOut;-webkit-animation-play-state:running;animation-play-state:running}.move-down-appear,.move-down-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.move-down-leave{-webkit-animation-timing-function:cubic-bezier(.6,.04,.98,.34);animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.move-left-appear,.move-left-enter,.move-left-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.move-left-appear.move-left-appear-active,.move-left-enter.move-left-enter-active{-webkit-animation-name:antMoveLeftIn;animation-name:antMoveLeftIn;-webkit-animation-play-state:running;animation-play-state:running}.move-left-leave.move-left-leave-active{-webkit-animation-name:antMoveLeftOut;animation-name:antMoveLeftOut;-webkit-animation-play-state:running;animation-play-state:running}.move-left-appear,.move-left-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.move-left-leave{-webkit-animation-timing-function:cubic-bezier(.6,.04,.98,.34);animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.move-right-appear,.move-right-enter,.move-right-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.move-right-appear.move-right-appear-active,.move-right-enter.move-right-enter-active{-webkit-animation-name:antMoveRightIn;animation-name:antMoveRightIn;-webkit-animation-play-state:running;animation-play-state:running}.move-right-leave.move-right-leave-active{-webkit-animation-name:antMoveRightOut;animation-name:antMoveRightOut;-webkit-animation-play-state:running;animation-play-state:running}.move-right-appear,.move-right-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.move-right-leave{-webkit-animation-timing-function:cubic-bezier(.6,.04,.98,.34);animation-timing-function:cubic-bezier(.6,.04,.98,.34)}@-webkit-keyframes antMoveDownIn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes antMoveDownIn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes antMoveDownOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes antMoveDownOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@-webkit-keyframes antMoveLeftIn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes antMoveLeftIn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes antMoveLeftOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@keyframes antMoveLeftOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@-webkit-keyframes antMoveRightIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes antMoveRightIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes antMoveRightOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@keyframes antMoveRightOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@-webkit-keyframes antMoveUpIn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes antMoveUpIn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes antMoveUpOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes antMoveUpOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@-webkit-keyframes loadingCircle{0%{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loadingCircle{0%{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.slide-up-appear,.slide-up-enter,.slide-up-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.slide-up-appear.slide-up-appear-active,.slide-up-enter.slide-up-enter-active{-webkit-animation-name:antSlideUpIn;animation-name:antSlideUpIn;-webkit-animation-play-state:running;animation-play-state:running}.slide-up-leave.slide-up-leave-active{-webkit-animation-name:antSlideUpOut;animation-name:antSlideUpOut;-webkit-animation-play-state:running;animation-play-state:running}.slide-up-appear,.slide-up-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1)}.slide-up-leave{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.slide-down-appear,.slide-down-enter,.slide-down-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.slide-down-appear.slide-down-appear-active,.slide-down-enter.slide-down-enter-active{-webkit-animation-name:antSlideDownIn;animation-name:antSlideDownIn;-webkit-animation-play-state:running;animation-play-state:running}.slide-down-leave.slide-down-leave-active{-webkit-animation-name:antSlideDownOut;animation-name:antSlideDownOut;-webkit-animation-play-state:running;animation-play-state:running}.slide-down-appear,.slide-down-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1)}.slide-down-leave{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.slide-left-appear,.slide-left-enter,.slide-left-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.slide-left-appear.slide-left-appear-active,.slide-left-enter.slide-left-enter-active{-webkit-animation-name:antSlideLeftIn;animation-name:antSlideLeftIn;-webkit-animation-play-state:running;animation-play-state:running}.slide-left-leave.slide-left-leave-active{-webkit-animation-name:antSlideLeftOut;animation-name:antSlideLeftOut;-webkit-animation-play-state:running;animation-play-state:running}.slide-left-appear,.slide-left-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1)}.slide-left-leave{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.slide-right-appear,.slide-right-enter,.slide-right-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.slide-right-appear.slide-right-appear-active,.slide-right-enter.slide-right-enter-active{-webkit-animation-name:antSlideRightIn;animation-name:antSlideRightIn;-webkit-animation-play-state:running;animation-play-state:running}.slide-right-leave.slide-right-leave-active{-webkit-animation-name:antSlideRightOut;animation-name:antSlideRightOut;-webkit-animation-play-state:running;animation-play-state:running}.slide-right-appear,.slide-right-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1)}.slide-right-leave{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@-webkit-keyframes antSlideUpIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes antSlideUpIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes antSlideUpOut{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@keyframes antSlideUpOut{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@-webkit-keyframes antSlideDownIn{0%{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes antSlideDownIn{0%{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes antSlideDownOut{0%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@keyframes antSlideDownOut{0%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@-webkit-keyframes antSlideLeftIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes antSlideLeftIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes antSlideLeftOut{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1);transform:scaleX(1)}to{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}}@keyframes antSlideLeftOut{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1);transform:scaleX(1)}to{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}}@-webkit-keyframes antSlideRightIn{0%{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}to{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes antSlideRightIn{0%{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}to{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes antSlideRightOut{0%{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(1);transform:scaleX(1)}to{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}}@keyframes antSlideRightOut{0%{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(1);transform:scaleX(1)}to{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}}.swing-appear,.swing-enter{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.swing-appear.swing-appear-active,.swing-enter.swing-enter-active{-webkit-animation-name:antSwingIn;animation-name:antSwingIn;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes antSwingIn{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}40%{-webkit-transform:translateX(10px);transform:translateX(10px)}60%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}80%{-webkit-transform:translateX(5px);transform:translateX(5px)}}@keyframes antSwingIn{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}40%{-webkit-transform:translateX(10px);transform:translateX(10px)}60%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}80%{-webkit-transform:translateX(5px);transform:translateX(5px)}}.zoom-appear,.zoom-enter,.zoom-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.zoom-appear.zoom-appear-active,.zoom-enter.zoom-enter-active{-webkit-animation-name:antZoomIn;animation-name:antZoomIn;-webkit-animation-play-state:running;animation-play-state:running}.zoom-leave.zoom-leave-active{-webkit-animation-name:antZoomOut;animation-name:antZoomOut;-webkit-animation-play-state:running;animation-play-state:running}.zoom-appear,.zoom-enter{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-leave{-webkit-animation-timing-function:cubic-bezier(.78,.14,.15,.86);animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-big-appear,.zoom-big-enter,.zoom-big-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.zoom-big-appear.zoom-big-appear-active,.zoom-big-enter.zoom-big-enter-active{-webkit-animation-name:antZoomBigIn;animation-name:antZoomBigIn;-webkit-animation-play-state:running;animation-play-state:running}.zoom-big-leave.zoom-big-leave-active{-webkit-animation-name:antZoomBigOut;animation-name:antZoomBigOut;-webkit-animation-play-state:running;animation-play-state:running}.zoom-big-appear,.zoom-big-enter{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-big-leave{-webkit-animation-timing-function:cubic-bezier(.78,.14,.15,.86);animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-big-fast-appear,.zoom-big-fast-enter,.zoom-big-fast-leave{-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.zoom-big-fast-appear.zoom-big-fast-appear-active,.zoom-big-fast-enter.zoom-big-fast-enter-active{-webkit-animation-name:antZoomBigIn;animation-name:antZoomBigIn;-webkit-animation-play-state:running;animation-play-state:running}.zoom-big-fast-leave.zoom-big-fast-leave-active{-webkit-animation-name:antZoomBigOut;animation-name:antZoomBigOut;-webkit-animation-play-state:running;animation-play-state:running}.zoom-big-fast-appear,.zoom-big-fast-enter{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-big-fast-leave{-webkit-animation-timing-function:cubic-bezier(.78,.14,.15,.86);animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-up-appear,.zoom-up-enter,.zoom-up-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.zoom-up-appear.zoom-up-appear-active,.zoom-up-enter.zoom-up-enter-active{-webkit-animation-name:antZoomUpIn;animation-name:antZoomUpIn;-webkit-animation-play-state:running;animation-play-state:running}.zoom-up-leave.zoom-up-leave-active{-webkit-animation-name:antZoomUpOut;animation-name:antZoomUpOut;-webkit-animation-play-state:running;animation-play-state:running}.zoom-up-appear,.zoom-up-enter{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-up-leave{-webkit-animation-timing-function:cubic-bezier(.78,.14,.15,.86);animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-down-appear,.zoom-down-enter,.zoom-down-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.zoom-down-appear.zoom-down-appear-active,.zoom-down-enter.zoom-down-enter-active{-webkit-animation-name:antZoomDownIn;animation-name:antZoomDownIn;-webkit-animation-play-state:running;animation-play-state:running}.zoom-down-leave.zoom-down-leave-active{-webkit-animation-name:antZoomDownOut;animation-name:antZoomDownOut;-webkit-animation-play-state:running;animation-play-state:running}.zoom-down-appear,.zoom-down-enter{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-down-leave{-webkit-animation-timing-function:cubic-bezier(.78,.14,.15,.86);animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-left-appear,.zoom-left-enter,.zoom-left-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.zoom-left-appear.zoom-left-appear-active,.zoom-left-enter.zoom-left-enter-active{-webkit-animation-name:antZoomLeftIn;animation-name:antZoomLeftIn;-webkit-animation-play-state:running;animation-play-state:running}.zoom-left-leave.zoom-left-leave-active{-webkit-animation-name:antZoomLeftOut;animation-name:antZoomLeftOut;-webkit-animation-play-state:running;animation-play-state:running}.zoom-left-appear,.zoom-left-enter{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-left-leave{-webkit-animation-timing-function:cubic-bezier(.78,.14,.15,.86);animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-right-appear,.zoom-right-enter,.zoom-right-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.zoom-right-appear.zoom-right-appear-active,.zoom-right-enter.zoom-right-enter-active{-webkit-animation-name:antZoomRightIn;animation-name:antZoomRightIn;-webkit-animation-play-state:running;animation-play-state:running}.zoom-right-leave.zoom-right-leave-active{-webkit-animation-name:antZoomRightOut;animation-name:antZoomRightOut;-webkit-animation-play-state:running;animation-play-state:running}.zoom-right-appear,.zoom-right-enter{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-right-leave{-webkit-animation-timing-function:cubic-bezier(.78,.14,.15,.86);animation-timing-function:cubic-bezier(.78,.14,.15,.86)}@-webkit-keyframes antZoomIn{0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes antZoomIn{0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes antZoomOut{0%{-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}}@keyframes antZoomOut{0%{-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}}@-webkit-keyframes antZoomBigIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes antZoomBigIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes antZoomBigOut{0%{-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes antZoomBigOut{0%{-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes antZoomUpIn{0%{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes antZoomUpIn{0%{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes antZoomUpOut{0%{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes antZoomUpOut{0%{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes antZoomLeftIn{0%{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(1);transform:scale(1)}}@keyframes antZoomLeftIn{0%{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes antZoomLeftOut{0%{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes antZoomLeftOut{0%{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes antZoomRightIn{0%{opacity:0;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(1);transform:scale(1)}}@keyframes antZoomRightIn{0%{opacity:0;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes antZoomRightOut{0%{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes antZoomRightOut{0%{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes antZoomDownIn{0%{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1);transform:scale(1)}}@keyframes antZoomDownIn{0%{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes antZoomDownOut{0%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes antZoomDownOut{0%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(.8);transform:scale(.8)}}.ant-motion-collapse{overflow:hidden}.ant-motion-collapse-active{-webkit-transition:height .12s,opacity .12s;transition:height .12s,opacity .12s}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-mention-wrapper{position:relative;display:inline-block;width:100%;vertical-align:middle}.ant-mention-wrapper .ant-mention-editor{position:relative;display:inline-block;padding:4px 7px;width:100%;height:28px;cursor:text;font-size:12px;line-height:1.5;color:rgba(0,0,0,.65);background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:4px;-webkit-transition:all .3s;transition:all .3s;padding:0;display:block}.ant-mention-wrapper .ant-mention-editor::-moz-placeholder{color:#ccc;opacity:1}.ant-mention-wrapper .ant-mention-editor:-ms-input-placeholder{color:#ccc}.ant-mention-wrapper .ant-mention-editor::-webkit-input-placeholder{color:#ccc}.ant-mention-wrapper .ant-mention-editor:hover{border-color:#49a9ee}.ant-mention-wrapper .ant-mention-editor:focus{border-color:#49a9ee;outline:0;box-shadow:0 0 0 2px rgba(16,142,233,.2)}.ant-mention-wrapper .ant-mention-editor[disabled]{background-color:#f7f7f7;opacity:1;cursor:not-allowed;color:rgba(0,0,0,.25)}.ant-mention-wrapper .ant-mention-editor[disabled]:hover{border-color:#e2e2e2}textarea.ant-mention-wrapper .ant-mention-editor{max-width:100%;height:auto;vertical-align:bottom}.ant-mention-wrapper .ant-mention-editor-lg{padding:6px 7px;height:32px}.ant-mention-wrapper .ant-mention-editor-sm{padding:1px 7px;height:22px}.ant-mention-wrapper .ant-mention-editor-wrapper{overflow-y:auto;height:auto}.ant-mention-wrapper.ant-mention-active .ant-mention-editor{border-color:#49a9ee;outline:0;box-shadow:0 0 0 2px rgba(16,142,233,.2)}.ant-mention-wrapper .public-DraftEditorPlaceholder-root{position:absolute}.ant-mention-wrapper .public-DraftEditorPlaceholder-root .public-DraftEditorPlaceholder-inner{color:#ccc;opacity:1;outline:none;white-space:pre-wrap;word-wrap:break-word;height:auto;padding:4px 7px}.ant-mention-wrapper .DraftEditor-editorContainer .public-DraftEditor-content{height:auto;padding:4px 7px}.ant-mention-dropdown{margin-top:1.5em;max-height:250px;min-width:120px;background-color:#fff;box-shadow:0 1px 6px rgba(0,0,0,.2);border-radius:4px;box-sizing:border-box;z-index:1050;left:-9999px;top:-9999px;position:absolute;outline:none;overflow-x:hidden;overflow-y:auto;font-size:12px}.ant-mention-dropdown-notfound.ant-mention-dropdown-item{color:rgba(0,0,0,.25)}.ant-mention-dropdown-notfound.ant-mention-dropdown-item .anticon-loading{color:#108ee9;text-align:center;display:block}.ant-mention-dropdown-item{position:relative;display:block;padding:7px 16px;font-weight:400;color:rgba(0,0,0,.65);white-space:nowrap;cursor:pointer;text-overflow:ellipsis;overflow:hidden;-webkit-transition:background .3s ease;transition:background .3s ease}.ant-mention-dropdown-item-active,.ant-mention-dropdown-item.focus,.ant-mention-dropdown-item:hover{background-color:#ecf6fd}.ant-mention-dropdown-item-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-mention-dropdown-item-disabled:hover{color:rgba(0,0,0,.25);background-color:#fff;cursor:not-allowed}.ant-mention-dropdown-item-selected,.ant-mention-dropdown-item-selected:hover{background-color:#f7f7f7;font-weight:700;color:rgba(0,0,0,.65)}.ant-mention-dropdown-item-divider{height:1px;margin:1px 0;overflow:hidden;background-color:#e9e9e9;line-height:0}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-menu{outline:none;margin-bottom:0;padding-left:0;list-style:none;z-index:1050;box-shadow:0 1px 6px rgba(0,0,0,.2);color:rgba(0,0,0,.65);background:#fff;line-height:46px}.ant-menu-hidden{display:none}.ant-menu-item-group-list{margin:0;padding:0}.ant-menu-item-group-title{color:rgba(0,0,0,.43);font-size:12px;line-height:1.5;padding:8px 16px}.ant-menu-item,.ant-menu-submenu,.ant-menu-submenu-title{cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.ant-menu-item:active,.ant-menu-submenu-title:active{background:#ecf6fd}.ant-menu-submenu .ant-menu-sub{cursor:auto}.ant-menu-item>a{display:block;color:rgba(0,0,0,.65)}.ant-menu-item>a:hover{color:#108ee9}.ant-menu-item>a:focus{text-decoration:none}.ant-menu-item>a:before{position:absolute;background-color:transparent;width:100%;height:100%;top:0;left:0;bottom:0;right:0;content:""}.ant-menu-item-divider{height:1px;overflow:hidden;background-color:#e9e9e9;line-height:0}.ant-menu-item-active,.ant-menu-item:hover,.ant-menu-submenu-active,.ant-menu-submenu-title:hover,.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open{color:#108ee9}.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open{z-index:1050}.ant-menu-horizontal .ant-menu-item,.ant-menu-horizontal .ant-menu-submenu{margin-top:-1px}.ant-menu-horizontal>.ant-menu-item-active,.ant-menu-horizontal>.ant-menu-item:hover,.ant-menu-horizontal>.ant-menu-submenu .ant-menu-submenu-title:hover{background-color:transparent}.ant-menu-item-selected,.ant-menu-item-selected>a,.ant-menu-item-selected>a:hover{color:#108ee9}.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{background-color:#ecf6fd}.ant-menu-horizontal,.ant-menu-inline,.ant-menu-vertical{z-index:auto}.ant-menu-inline,.ant-menu-vertical{border-right:1px solid #e9e9e9}.ant-menu-inline .ant-menu-item,.ant-menu-vertical .ant-menu-item{margin-left:-1px;left:1px;position:relative;z-index:1}.ant-menu-inline .ant-menu-item:after,.ant-menu-vertical .ant-menu-item:after{content:"";position:absolute;right:0;top:0;bottom:0;border-right:3px solid #108ee9;-webkit-transform:scaleY(.0001);-ms-transform:scaleY(.0001);transform:scaleY(.0001);-webkit-transition:all .2s;transition:all .2s}.ant-menu-vertical.ant-menu-sub{border-right:0}.ant-menu-vertical.ant-menu-sub .ant-menu-item{border-right:0;margin-left:0;left:0}.ant-menu-vertical.ant-menu-sub .ant-menu-item:after{border-right:0}.ant-menu-vertical.ant-menu-sub>.ant-menu-item:first-child{border-radius:4px 4px 0 0}.ant-menu-vertical.ant-menu-sub>.ant-menu-item-group:last-child>.ant-menu-item-group-list:last-child>.ant-menu-item:last-child,.ant-menu-vertical.ant-menu-sub>.ant-menu-item:last-child{border-radius:0 0 4px 4px}.ant-menu-inline .ant-menu-item-selected:after,.ant-menu-inline .ant-menu-selected:after{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}.ant-menu-submenu-horizontal>.ant-menu{top:100%;left:0;position:absolute;min-width:100%;margin-top:7px;z-index:1050}.ant-menu-submenu-vertical{z-index:1}.ant-menu-submenu-vertical>.ant-menu{top:0;left:100%;position:absolute;min-width:160px;margin-left:4px;z-index:1050}.ant-menu-item,.ant-menu-submenu-title{margin:0;padding:0 20px;position:relative;display:block;white-space:nowrap}.ant-menu-item .anticon,.ant-menu-submenu-title .anticon{min-width:14px;margin-right:8px}.ant-menu>.ant-menu-item-divider{height:1px;margin:1px 0;overflow:hidden;padding:0;line-height:0;background-color:#e9e9e9}.ant-menu-submenu{position:relative}.ant-menu-submenu>.ant-menu{background-color:#fff;border-radius:4px}.ant-menu-submenu-vertical>.ant-menu-submenu-title:after{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg) scale(.75);-ms-transform:rotate(270deg) scale(.75);transform:rotate(270deg) scale(.75)}.ant-menu-submenu-inline>.ant-menu-submenu-title:after,.ant-menu-submenu-vertical>.ant-menu-submenu-title:after{font-family:anticon!important;font-style:normal;vertical-align:baseline;text-align:center;text-transform:none;text-rendering:auto;position:absolute;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;content:"\E61D";right:16px}.ant-menu-submenu-inline>.ant-menu-submenu-title:after{top:0;display:inline-block;font-size:12px;font-size:8px\9;-webkit-transform:scale(.66666667) rotate(0deg);-ms-transform:scale(.66666667) rotate(0deg);transform:scale(.66666667) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1}:root .ant-menu-submenu-inline>.ant-menu-submenu-title:after{-webkit-filter:none;filter:none;font-size:12px}.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title:after{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(180deg) scale(.75);-ms-transform:rotate(180deg) scale(.75);transform:rotate(180deg) scale(.75)}.ant-menu-vertical .ant-menu-submenu-selected,.ant-menu-vertical .ant-menu-submenu-selected>a{color:#108ee9}.ant-menu-horizontal{border:0;border-bottom:1px solid #e9e9e9;box-shadow:none;z-index:0}.ant-menu-horizontal>.ant-menu-item,.ant-menu-horizontal>.ant-menu-submenu{position:relative;top:1px;float:left;border-bottom:2px solid transparent}.ant-menu-horizontal>.ant-menu-item-active,.ant-menu-horizontal>.ant-menu-item-open,.ant-menu-horizontal>.ant-menu-item-selected,.ant-menu-horizontal>.ant-menu-item:hover,.ant-menu-horizontal>.ant-menu-submenu-active,.ant-menu-horizontal>.ant-menu-submenu-open,.ant-menu-horizontal>.ant-menu-submenu-selected,.ant-menu-horizontal>.ant-menu-submenu:hover{border-bottom:2px solid #108ee9;color:#108ee9}.ant-menu-horizontal>.ant-menu-item>a,.ant-menu-horizontal>.ant-menu-submenu>a{display:block;color:rgba(0,0,0,.65)}.ant-menu-horizontal>.ant-menu-item>a:hover,.ant-menu-horizontal>.ant-menu-submenu>a:hover{color:#108ee9}.ant-menu-horizontal:after{content:" ";display:block;height:0;clear:both}.ant-menu-inline .ant-menu-item,.ant-menu-inline .ant-menu-submenu-title,.ant-menu-vertical .ant-menu-item,.ant-menu-vertical .ant-menu-submenu-title{padding:0 16px;font-size:12px;line-height:42px;height:42px;overflow:hidden;text-overflow:ellipsis}.ant-menu-item-group-list .ant-menu-item,.ant-menu-item-group-list .ant-menu-submenu-title{padding:0 16px 0 28px}.ant-menu-vertical.ant-menu-sub{padding:0}.ant-menu-vertical.ant-menu-sub,.ant-menu-vertical.ant-menu-sub>.ant-menu-item,.ant-menu-vertical.ant-menu-sub>.ant-menu-submenu{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.ant-menu-root.ant-menu-inline,.ant-menu-root.ant-menu-vertical{box-shadow:none}.ant-menu-sub.ant-menu-inline{padding:0;border:0;box-shadow:none;border-radius:0}.ant-menu-sub.ant-menu-inline>.ant-menu-item,.ant-menu-sub.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title{line-height:42px;height:42px;list-style-type:disc;list-style-position:inside}.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title{padding-left:32px}.ant-menu-item-disabled,.ant-menu-submenu-disabled{color:rgba(0,0,0,.25)!important;cursor:not-allowed;background:none;border-color:transparent!important}.ant-menu-item-disabled>a,.ant-menu-submenu-disabled>a{color:rgba(0,0,0,.25)!important;pointer-events:none}.ant-menu-dark,.ant-menu-dark .ant-menu-sub{color:hsla(0,0%,100%,.67);background:#404040}.ant-menu-dark .ant-menu-inline.ant-menu-sub{background:#333}.ant-menu-dark.ant-menu-horizontal{border-bottom-color:#404040}.ant-menu-dark.ant-menu-horizontal>.ant-menu-item,.ant-menu-dark.ant-menu-horizontal>.ant-menu-submenu{border-color:#404040;border-bottom:0;top:0}.ant-menu-dark .ant-menu-item,.ant-menu-dark .ant-menu-item-group-title,.ant-menu-dark .ant-menu-item>a{color:hsla(0,0%,100%,.67)}.ant-menu-dark.ant-menu-inline,.ant-menu-dark.ant-menu-vertical{border-right:0}.ant-menu-dark.ant-menu-inline .ant-menu-item,.ant-menu-dark.ant-menu-vertical .ant-menu-item{border-right:0;margin-left:0;left:0}.ant-menu-dark.ant-menu-inline .ant-menu-item:after,.ant-menu-dark.ant-menu-vertical .ant-menu-item:after{border-right:0}.ant-menu-dark .ant-menu-item-active,.ant-menu-dark .ant-menu-item:hover,.ant-menu-dark .ant-menu-submenu-active,.ant-menu-dark .ant-menu-submenu-selected,.ant-menu-dark .ant-menu-submenu-title:hover,.ant-menu-dark .ant-menu-submenu:hover,.ant-menu-dark:not(.ant-menu-inline) .ant-menu-submenu-open{background-color:transparent;color:#fff}.ant-menu-dark .ant-menu-item-active>a,.ant-menu-dark .ant-menu-item:hover>a,.ant-menu-dark .ant-menu-submenu-active>a,.ant-menu-dark .ant-menu-submenu-selected>a,.ant-menu-dark .ant-menu-submenu-title:hover>a,.ant-menu-dark .ant-menu-submenu:hover>a,.ant-menu-dark:not(.ant-menu-inline) .ant-menu-submenu-open>a{color:#fff}.ant-menu-dark .ant-menu-item-selected{border-right:0;color:#fff}.ant-menu-dark .ant-menu-item-selected:after{border-right:0}.ant-menu-dark .ant-menu-item-selected>a,.ant-menu-dark .ant-menu-item-selected>a:hover{color:#fff}.ant-menu.ant-menu-dark .ant-menu-item-selected{background-color:transparent}.ant-menu-dark.ant-menu-inline .ant-menu-item-selected{background-color:#108ee9}.ant-menu-dark .ant-menu-item-disabled,.ant-menu-dark .ant-menu-item-disabled>a,.ant-menu-dark .ant-menu-submenu-disabled,.ant-menu-dark .ant-menu-submenu-disabled>a{opacity:.8;color:hsla(0,0%,100%,.35)!important}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-message{font-size:12px;position:fixed;z-index:1010;width:100%;top:16px;left:0;pointer-events:none}.ant-message-notice{padding:8px;text-align:center}.ant-message-notice:first-child{margin-top:-8px}.ant-message-notice-content{padding:8px 16px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.2);background:#fff;display:inline-block;pointer-events:all}.ant-message-success .anticon{color:#00a854}.ant-message-error .anticon{color:#f04134}.ant-message-warning .anticon{color:#ffbf00}.ant-message-info .anticon,.ant-message-loading .anticon{color:#108ee9}.ant-message .anticon{margin-right:8px;font-size:14px;top:1px;position:relative}.ant-message-notice.move-up-leave.move-up-leave-active{-webkit-animation-name:MessageMoveOut;animation-name:MessageMoveOut;overflow:hidden;-webkit-animation-duration:.3s;animation-duration:.3s}@-webkit-keyframes MessageMoveOut{0%{opacity:1;max-height:150px;padding:8px}to{opacity:0;max-height:0;padding:0}}@keyframes MessageMoveOut{0%{opacity:1;max-height:150px;padding:8px}to{opacity:0;max-height:0;padding:0}}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-modal{position:relative;width:auto;margin:0 auto;top:100px;padding-bottom:24px}.ant-modal-wrap{position:fixed;overflow:auto;top:0;right:0;bottom:0;left:0;z-index:1000;-webkit-overflow-scrolling:touch;outline:0}.ant-modal-title{margin:0;font-size:14px;line-height:21px;font-weight:500;color:rgba(0,0,0,.85)}.ant-modal-content{position:relative;background-color:#fff;border:0;border-radius:4px;background-clip:padding-box;box-shadow:0 2px 8px rgba(0,0,0,.2)}.ant-modal-close{cursor:pointer;border:0;background:transparent;position:absolute;right:0;top:0;z-index:10;font-weight:700;line-height:1;text-decoration:none;-webkit-transition:color .3s ease;transition:color .3s ease;color:rgba(0,0,0,.43);outline:0}.ant-modal-close-x{display:block;font-style:normal;vertical-align:baseline;text-align:center;text-transform:none;text-rendering:auto;width:48px;height:48px;line-height:48px;font-size:14px}.ant-modal-close-x:before{content:"\E633";display:block;font-family:anticon!important}.ant-modal-close:focus,.ant-modal-close:hover{color:#444;text-decoration:none}.ant-modal-header{padding:13px 16px;border-radius:4px 4px 0 0;background:#fff;color:rgba(0,0,0,.65);border-bottom:1px solid #e9e9e9}.ant-modal-body{padding:16px;font-size:12px;line-height:1.5}.ant-modal-footer{border-top:1px solid #e9e9e9;padding:10px 16px 10px 10px;text-align:right;border-radius:0 0 4px 4px}.ant-modal-footer button+button{margin-left:8px;margin-bottom:0}.ant-modal.zoom-appear,.ant-modal.zoom-enter{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-transform:none;-ms-transform:none;transform:none;opacity:0}.ant-modal-mask{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#373737;background-color:rgba(55,55,55,.6);height:100%;z-index:1000;filter:alpha(opacity=50)}.ant-modal-mask-hidden{display:none}.ant-modal-open{overflow:hidden}@media (max-width:768px){.ant-modal{width:auto!important;margin:10px}.vertical-center-modal .ant-modal{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}}.ant-confirm .ant-modal-close,.ant-confirm .ant-modal-header{display:none}.ant-confirm .ant-modal-body{padding:30px 40px}.ant-confirm-body-wrapper{zoom:1}.ant-confirm-body-wrapper:after,.ant-confirm-body-wrapper:before{content:" ";display:table}.ant-confirm-body-wrapper:after{clear:both;visibility:hidden;font-size:0;height:0}.ant-confirm-body .ant-confirm-title{color:rgba(0,0,0,.65);font-weight:700;font-size:14px}.ant-confirm-body .ant-confirm-content{margin-left:42px;font-size:12px;color:rgba(0,0,0,.65);margin-top:8px}.ant-confirm-body>.anticon{font-size:24px;margin-right:16px;padding:0 1px;float:left}.ant-confirm .ant-confirm-btns{margin-top:30px;float:right}.ant-confirm .ant-confirm-btns button+button{margin-left:10px;margin-bottom:0}.ant-confirm-error .ant-confirm-body>.anticon{color:#f04134}.ant-confirm-confirm .ant-confirm-body>.anticon,.ant-confirm-warning .ant-confirm-body>.anticon{color:#ffbf00}.ant-confirm-info .ant-confirm-body>.anticon{color:#108ee9}.ant-confirm-success .ant-confirm-body>.anticon{color:#00a854}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-notification{position:fixed;z-index:1010;width:335px;margin-right:24px}.ant-notification-bottomLeft,.ant-notification-topLeft{margin-left:24px;margin-right:0}.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active{-webkit-animation-name:NotificationLeftFadeIn;animation-name:NotificationLeftFadeIn}.ant-notification-notice{padding:16px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.2);background:#fff;line-height:1.5;position:relative;margin-bottom:10px;overflow:hidden}.ant-notification-notice-message{font-size:14px;color:rgba(0,0,0,.85);margin-bottom:4px;line-height:20px;display:inline-block}.ant-notification-notice-message-single-line-auto-margin{width:calc(335px - 16px * 2 - 24px - 48px - 100%);background-color:transparent;pointer-events:none;display:block;max-width:4px}.ant-notification-notice-message-single-line-auto-margin:before{content:"";display:block;padding-bottom:100%}.ant-notification-notice-description{font-size:12px}.ant-notification-notice-closable .ant-notification-notice-message{padding-right:24px}.ant-notification-notice-with-icon .ant-notification-notice-message{font-size:14px;margin-left:48px;margin-bottom:4px}.ant-notification-notice-with-icon .ant-notification-notice-description{margin-left:48px;font-size:12px}.ant-notification-notice-icon{position:absolute;font-size:32px;line-height:32px}.ant-notification-notice-icon-success{color:#00a854}.ant-notification-notice-icon-info{color:#108ee9}.ant-notification-notice-icon-warning{color:#ffbf00}.ant-notification-notice-icon-error{color:#f04134}.ant-notification-notice-close-x:after{font-size:12px;content:"\E633";font-family:anticon;cursor:pointer}.ant-notification-notice-close{position:absolute;right:16px;top:10px;color:rgba(0,0,0,.43);outline:none;text-decoration:none}.ant-notification-notice-close:hover{color:#404040}.ant-notification-notice-btn{float:right;margin-top:16px}.ant-notification .notification-fade-effect{-webkit-animation-duration:.24s;animation-duration:.24s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-timing-function:cubic-bezier(.645,.045,.355,1)}.ant-notification-fade-appear,.ant-notification-fade-enter{opacity:0;-webkit-animation-play-state:paused;animation-play-state:paused}.ant-notification-fade-appear,.ant-notification-fade-enter,.ant-notification-fade-leave{-webkit-animation-duration:.24s;animation-duration:.24s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-timing-function:cubic-bezier(.645,.045,.355,1)}.ant-notification-fade-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-play-state:paused;animation-play-state:paused}.ant-notification-fade-appear.ant-notification-fade-appear-active,.ant-notification-fade-enter.ant-notification-fade-enter-active{-webkit-animation-name:NotificationFadeIn;animation-name:NotificationFadeIn;-webkit-animation-play-state:running;animation-play-state:running}.ant-notification-fade-leave.ant-notification-fade-leave-active{-webkit-animation-name:NotificationFadeOut;animation-name:NotificationFadeOut;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes NotificationFadeIn{0%{opacity:0;left:335px}to{left:0;opacity:1}}@keyframes NotificationFadeIn{0%{opacity:0;left:335px}to{left:0;opacity:1}}@-webkit-keyframes NotificationLeftFadeIn{0%{opacity:0;right:335px}to{right:0;opacity:1}}@keyframes NotificationLeftFadeIn{0%{opacity:0;right:335px}to{right:0;opacity:1}}@-webkit-keyframes NotificationFadeOut{0%{opacity:1;margin-bottom:10px;padding-top:16px;padding-bottom:16px;max-height:150px}to{opacity:0;margin-bottom:0;padding-top:0;padding-bottom:0;max-height:0}}@keyframes NotificationFadeOut{0%{opacity:1;margin-bottom:10px;padding-top:16px;padding-bottom:16px;max-height:150px}to{opacity:0;margin-bottom:0;padding-top:0;padding-bottom:0;max-height:0}}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-pagination{font-size:12px}.ant-pagination:after{content:" ";display:block;height:0;clear:both;overflow:hidden;visibility:hidden}.ant-pagination-total-text{display:inline-block;height:30px;line-height:30px;margin-right:10px}.ant-pagination-item{cursor:pointer;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-width:28px;height:28px;line-height:28px;text-align:center;list-style:none;display:inline-block;border:1px solid #d9d9d9;background-color:#fff;margin-right:8px;font-family:Arial}.ant-pagination-item a{text-decoration:none;color:rgba(0,0,0,.65);-webkit-transition:none;transition:none;margin:0 6px}.ant-pagination-item:hover{-webkit-transition:all .3s ease;transition:all .3s ease;border-color:#108ee9}.ant-pagination-item:hover a{color:#108ee9}.ant-pagination-item-active{background-color:#108ee9;border-color:#108ee9}.ant-pagination-item-active:hover a,.ant-pagination-item-active a{color:#fff}.ant-pagination-jump-next:after,.ant-pagination-jump-prev:after{content:"\2022\2022\2022";display:block;letter-spacing:2px;color:rgba(0,0,0,.25);text-align:center}.ant-pagination-jump-next:hover:after,.ant-pagination-jump-prev:hover:after{color:#108ee9;display:inline-block;font-size:12px;font-size:8px\9;-webkit-transform:scale(.66666667) rotate(0deg);-ms-transform:scale(.66666667) rotate(0deg);transform:scale(.66666667) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;letter-spacing:-1px;font-family:anticon}:root .ant-pagination-jump-next:hover:after,:root .ant-pagination-jump-prev:hover:after{-webkit-filter:none;filter:none;font-size:12px}.ant-pagination-jump-prev:hover:after{content:"\E620\E620"}.ant-pagination-jump-next:hover:after{content:"\E61F\E61F"}.ant-pagination-jump-next,.ant-pagination-jump-prev,.ant-pagination-prev{margin-right:8px}.ant-pagination-jump-next,.ant-pagination-jump-prev,.ant-pagination-next,.ant-pagination-prev{font-family:Arial;cursor:pointer;color:rgba(0,0,0,.65);border-radius:4px;list-style:none;min-width:28px;height:28px;line-height:28px;text-align:center;-webkit-transition:all .3s ease;transition:all .3s ease;display:inline-block}.ant-pagination-next,.ant-pagination-prev{border:1px solid #d9d9d9;background-color:#fff}.ant-pagination-next a,.ant-pagination-prev a{color:rgba(0,0,0,.65)}.ant-pagination-next a:after,.ant-pagination-prev a:after{display:inline-block;font-size:12px;font-size:8px\9;-webkit-transform:scale(.66666667) rotate(0deg);-ms-transform:scale(.66666667) rotate(0deg);transform:scale(.66666667) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;display:block;height:26px;line-height:27px;font-family:anticon;text-align:center}:root .ant-pagination-next a:after,:root .ant-pagination-prev a:after{-webkit-filter:none;filter:none;font-size:12px}.ant-pagination-next:hover,.ant-pagination-prev:hover{border-color:#108ee9}.ant-pagination-next:hover a,.ant-pagination-prev:hover a{color:#108ee9}.ant-pagination-prev a:after{content:"\E620";display:block}.ant-pagination-next a:after{content:"\E61F";display:block}.ant-pagination-disabled{cursor:not-allowed}.ant-pagination-disabled:hover{border-color:#d9d9d9}.ant-pagination-disabled:hover a{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-pagination-disabled a{color:rgba(0,0,0,.25)}.ant-pagination-slash{margin:0 10px 0 5px}.ant-pagination-options{display:inline-block;margin-left:15px}.ant-pagination-options-size-changer{display:inline-block;margin-right:10px}.ant-pagination-options-quick-jumper{display:inline-block;height:28px;line-height:28px}.ant-pagination-options-quick-jumper input{position:relative;display:inline-block;padding:4px 7px;width:100%;height:28px;cursor:text;font-size:12px;line-height:1.5;color:rgba(0,0,0,.65);background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:4px;-webkit-transition:all .3s;transition:all .3s;margin:0 8px;width:50px}.ant-pagination-options-quick-jumper input::-moz-placeholder{color:#ccc;opacity:1}.ant-pagination-options-quick-jumper input:-ms-input-placeholder{color:#ccc}.ant-pagination-options-quick-jumper input::-webkit-input-placeholder{color:#ccc}.ant-pagination-options-quick-jumper input:hover{border-color:#49a9ee}.ant-pagination-options-quick-jumper input:focus{border-color:#49a9ee;outline:0;box-shadow:0 0 0 2px rgba(16,142,233,.2)}.ant-pagination-options-quick-jumper input[disabled]{background-color:#f7f7f7;opacity:1;cursor:not-allowed;color:rgba(0,0,0,.25)}.ant-pagination-options-quick-jumper input[disabled]:hover{border-color:#e2e2e2}textarea.ant-pagination-options-quick-jumper input{max-width:100%;height:auto;vertical-align:bottom}.ant-pagination-options-quick-jumper input-lg{padding:6px 7px;height:32px}.ant-pagination-options-quick-jumper input-sm{padding:1px 7px;height:22px}.ant-pagination-simple .ant-pagination-next,.ant-pagination-simple .ant-pagination-prev{border:0;height:24px;line-height:24px;margin:0;font-size:18px}.ant-pagination-simple .ant-pagination-simple-pager{display:inline-block;margin-right:8px}.ant-pagination-simple .ant-pagination-simple-pager input{margin:0 8px;box-sizing:border-box;background-color:#fff;border-radius:4px;border:1px solid #d9d9d9;outline:none;padding:5px 8px;width:30px;height:24px;text-align:center;-webkit-transition:border-color .3s ease;transition:border-color .3s ease}.ant-pagination-simple .ant-pagination-simple-pager input:hover{border-color:#108ee9}.ant-pagination.mini .ant-pagination-total-text{height:20px;line-height:20px}.ant-pagination.mini .ant-pagination-item,.ant-pagination.mini .ant-pagination-next,.ant-pagination.mini .ant-pagination-prev{border:0;margin:0;min-width:20px;height:20px;line-height:20px}.ant-pagination.mini .ant-pagination-jump-next,.ant-pagination.mini .ant-pagination-jump-prev,.ant-pagination.mini .ant-pagination-next a:after,.ant-pagination.mini .ant-pagination-prev a:after{height:20px;line-height:20px}.ant-pagination.mini .ant-pagination-options{margin-left:8px}.ant-pagination.mini .ant-pagination-options-quick-jumper{height:20px;line-height:20px}.ant-pagination.mini .ant-pagination-options-quick-jumper input{padding:1px 7px;height:22px;width:44px}@media only screen and (max-width:1024px){.ant-pagination-item-after-jump-prev,.ant-pagination-item-before-jump-next{display:none}}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-popover{position:absolute;top:0;left:0;z-index:1030;cursor:auto;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;white-space:normal;font-size:12px;line-height:1.5;font-weight:400;text-align:left}.ant-popover:after{content:"";position:absolute;background:hsla(0,0%,100%,.01)}.ant-popover-hidden{display:none}.ant-popover-placement-top,.ant-popover-placement-topLeft,.ant-popover-placement-topRight{padding-bottom:4px}.ant-popover-placement-right,.ant-popover-placement-rightBottom,.ant-popover-placement-rightTop{padding-left:4px}.ant-popover-placement-bottom,.ant-popover-placement-bottomLeft,.ant-popover-placement-bottomRight{padding-top:4px}.ant-popover-placement-left,.ant-popover-placement-leftBottom,.ant-popover-placement-leftTop{padding-right:4px}.ant-popover-inner{background-color:#fff;background-clip:padding-box;border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.2)}.ant-popover-title{min-width:177px;margin:0;padding:0 16px;line-height:32px;height:32px;border-bottom:1px solid #e9e9e9;color:rgba(0,0,0,.85);font-weight:500}.ant-popover-inner-content{padding:8px 16px;color:rgba(0,0,0,.65)}.ant-popover-message{padding:8px 0 16px;font-size:12px;color:rgba(0,0,0,.65)}.ant-popover-message>.anticon{color:#ffbf00;line-height:17px;position:absolute}.ant-popover-message-title{padding-left:20px}.ant-popover-buttons{text-align:right;margin-bottom:8px}.ant-popover-buttons button{margin-left:8px}.ant-popover-arrow,.ant-popover-arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.ant-popover-arrow{border-width:5px}.ant-popover-arrow:after{border-width:4px;content:""}.ant-popover-placement-top>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-topLeft>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-topRight>.ant-popover-content>.ant-popover-arrow{border-bottom-width:0;border-top-color:hsla(0,0%,85%,.7);bottom:-1px}.ant-popover-placement-top>.ant-popover-content>.ant-popover-arrow:after,.ant-popover-placement-topLeft>.ant-popover-content>.ant-popover-arrow:after,.ant-popover-placement-topRight>.ant-popover-content>.ant-popover-arrow:after{content:" ";bottom:1px;margin-left:-4px;border-bottom-width:0;border-top-color:#fff}.ant-popover-placement-top>.ant-popover-content>.ant-popover-arrow{left:50%;margin-left:-5px}.ant-popover-placement-topLeft>.ant-popover-content>.ant-popover-arrow{left:16px}.ant-popover-placement-topRight>.ant-popover-content>.ant-popover-arrow{right:16px}.ant-popover-placement-right>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-rightBottom>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-rightTop>.ant-popover-content>.ant-popover-arrow{left:-1px;border-left-width:0;border-right-color:hsla(0,0%,85%,.7)}.ant-popover-placement-right>.ant-popover-content>.ant-popover-arrow:after,.ant-popover-placement-rightBottom>.ant-popover-content>.ant-popover-arrow:after,.ant-popover-placement-rightTop>.ant-popover-content>.ant-popover-arrow:after{content:" ";left:1px;bottom:-4px;border-left-width:0;border-right-color:#fff}.ant-popover-placement-right>.ant-popover-content>.ant-popover-arrow{top:50%;margin-top:-5px}.ant-popover-placement-rightTop>.ant-popover-content>.ant-popover-arrow{top:12px}.ant-popover-placement-rightBottom>.ant-popover-content>.ant-popover-arrow{bottom:12px}.ant-popover-placement-bottom>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-bottomLeft>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-bottomRight>.ant-popover-content>.ant-popover-arrow{border-top-width:0;border-bottom-color:hsla(0,0%,85%,.7);top:-1px}.ant-popover-placement-bottom>.ant-popover-content>.ant-popover-arrow:after,.ant-popover-placement-bottomLeft>.ant-popover-content>.ant-popover-arrow:after,.ant-popover-placement-bottomRight>.ant-popover-content>.ant-popover-arrow:after{content:" ";top:1px;margin-left:-4px;border-top-width:0;border-bottom-color:#fff}.ant-popover-placement-bottom>.ant-popover-content>.ant-popover-arrow{left:50%;margin-left:-5px}.ant-popover-placement-bottomLeft>.ant-popover-content>.ant-popover-arrow{left:16px}.ant-popover-placement-bottomRight>.ant-popover-content>.ant-popover-arrow{right:16px}.ant-popover-placement-left>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-leftBottom>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-leftTop>.ant-popover-content>.ant-popover-arrow{right:-1px;border-right-width:0;border-left-color:hsla(0,0%,85%,.7)}.ant-popover-placement-left>.ant-popover-content>.ant-popover-arrow:after,.ant-popover-placement-leftBottom>.ant-popover-content>.ant-popover-arrow:after,.ant-popover-placement-leftTop>.ant-popover-content>.ant-popover-arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-4px}.ant-popover-placement-left>.ant-popover-content>.ant-popover-arrow{top:50%;margin-top:-5px}.ant-popover-placement-leftTop>.ant-popover-content>.ant-popover-arrow{top:12px}.ant-popover-placement-leftBottom>.ant-popover-content>.ant-popover-arrow{bottom:12px}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-progress{display:inline-block}.ant-progress-line{width:100%;font-size:12px;position:relative}.ant-progress-outer{display:inline-block;width:100%;margin-right:0;padding-right:0}.ant-progress-show-info .ant-progress-outer{padding-right:45px;margin-right:-45px}.ant-progress-inner{display:inline-block;width:100%;background-color:#f7f7f7;border-radius:100px;vertical-align:middle}.ant-progress-circle-trail{stroke:#f7f7f7}.ant-progress-circle-path{stroke:#108ee9}.ant-progress-bg{border-radius:100px;background-color:#108ee9;-webkit-transition:all .4s cubic-bezier(.08,.82,.17,1) 0s;transition:all .4s cubic-bezier(.08,.82,.17,1) 0s;position:relative}.ant-progress-text{width:35px;text-align:left;font-size:1em;margin-left:10px;vertical-align:middle;display:inline-block;position:relative;top:-1px}.ant-progress-text .anticon{font-size:12px}.ant-progress-status-active .ant-progress-bg:before{content:"";opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:10px;-webkit-animation:ant-progress-active 2.4s cubic-bezier(.23,1,.32,1) infinite;animation:ant-progress-active 2.4s cubic-bezier(.23,1,.32,1) infinite}.ant-progress-status-exception .ant-progress-bg{background-color:#f04134}.ant-progress-status-exception .ant-progress-text{color:#f04134}.ant-progress-status-exception .ant-progress-circle-path{stroke:#f04134}.ant-progress-status-success .ant-progress-bg{background-color:#00a854}.ant-progress-status-success .ant-progress-text{color:#00a854}.ant-progress-status-success .ant-progress-circle-path{stroke:#00a854}.ant-progress-circle .ant-progress-inner{position:relative;line-height:1;background-color:transparent}.ant-progress-circle .ant-progress-text{display:block;position:absolute;width:100%;text-align:center;line-height:1;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0;font-family:tahoma;margin:0}.ant-progress-circle .ant-progress-text .anticon{font-size:1.16666667em}.ant-progress-circle .ant-progress-status-exception .ant-progress-text{color:#f04134}.ant-progress-circle .ant-progress-status-success .ant-progress-text{color:#00a854}@-webkit-keyframes ant-progress-active{0%{opacity:.1;width:0}20%{opacity:.5;width:0}to{opacity:0;width:100%}}@keyframes ant-progress-active{0%{opacity:.1;width:0}20%{opacity:.5;width:0}to{opacity:0;width:100%}}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-rate{margin:0;padding:0;list-style:none;font-size:20px;display:inline-block;vertical-align:middle}.ant-rate-disabled .ant-rate-star{cursor:not-allowed}.ant-rate-disabled .ant-rate-star:hover{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.ant-rate-star{margin:0;padding:0;display:inline-block;margin-right:8px;position:relative;-webkit-transition:all .3s;transition:all .3s;color:#e9e9e9;cursor:pointer}.ant-rate-star-first,.ant-rate-star-second{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s;transition:all .3s}.ant-rate-star:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.ant-rate-star-first{position:absolute;left:0;top:0;width:50%;height:100%;overflow:hidden;opacity:0}.ant-rate-star-half .ant-rate-star-first,.ant-rate-star-half .ant-rate-star-second{opacity:1}.ant-rate-star-full .ant-rate-star-second,.ant-rate-star-half .ant-rate-star-first{color:#f5a623}.ant-rate-star-full:hover .ant-rate-star-second,.ant-rate-star-half:hover .ant-rate-star-first{color:#f7b84f}.ant-rate-text{margin-left:8px;vertical-align:middle;display:inline-block;font-size:12px}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-slider{position:relative;margin:10px 6px;height:12px;border-radius:5px;background-color:#e9e9e9;cursor:pointer;border-top:4px solid #fff;border-bottom:4px solid #fff;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.ant-slider-vertical{width:12px;height:100%;margin:6px 10px;border:4px solid #fff;border-top:0 none;border-bottom:0 none}.ant-slider-vertical .ant-slider-track{width:4px}.ant-slider-vertical .ant-slider-handle{margin-left:-5px;margin-bottom:-7px}.ant-slider-vertical .ant-slider-mark{top:0;left:8px;width:18px;height:100%}.ant-slider-vertical .ant-slider-mark-text{left:4px;white-space:nowrap}.ant-slider-vertical .ant-slider-step{width:4px;height:100%}.ant-slider-vertical .ant-slider-dot{top:auto;left:2px;margin-bottom:-4px}.ant-slider-with-marks{margin-bottom:28px}.ant-slider-track{position:absolute;left:0;height:4px;border-radius:4px;background-color:#9fd2f6;z-index:1;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.ant-slider:hover{background-color:#e1e1e1}.ant-slider:hover .ant-slider-handle{border-color:#49a9ee}.ant-slider:hover .ant-slider-track{background-color:#70bbf2}.ant-slider-handle{position:absolute;margin-left:-7px;margin-top:-5px;width:14px;height:14px;cursor:pointer;border-radius:50%;border:2px solid #88c7f4;background-color:#fff;z-index:2;-webkit-transition:border-color .3s ease,-webkit-transform .3s cubic-bezier(.18,.89,.32,1.28);transition:border-color .3s ease,-webkit-transform .3s cubic-bezier(.18,.89,.32,1.28);transition:border-color .3s ease,transform .3s cubic-bezier(.18,.89,.32,1.28);transition:border-color .3s ease,transform .3s cubic-bezier(.18,.89,.32,1.28),-webkit-transform .3s cubic-bezier(.18,.89,.32,1.28)}.ant-slider-handle:hover{border-color:#49a9ee;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}.ant-slider-handle:active{box-shadow:0 0 0 2px rgba(16,142,233,.2)}.ant-slider-mark{position:absolute;top:10px;left:0;width:100%;font-size:12px;z-index:3}.ant-slider-mark-text{position:absolute;display:inline-block;vertical-align:middle;text-align:center;cursor:pointer;color:rgba(0,0,0,.43)}.ant-slider-mark-text-active{color:rgba(0,0,0,.65)}.ant-slider-step{position:absolute;width:100%;height:4px;background:transparent;z-index:1}.ant-slider-dot{position:absolute;top:-2px;width:8px;height:8px;border:2px solid #e9e9e9;background-color:#fff;cursor:pointer;border-radius:50%;vertical-align:middle}.ant-slider-dot,.ant-slider-dot:first-child,.ant-slider-dot:last-child{margin-left:-4px}.ant-slider-dot-active{border-color:#88c7f4}.ant-slider-disabled{background-color:#e9e9e9!important}.ant-slider-disabled .ant-slider-track{background-color:rgba(0,0,0,.25)!important}.ant-slider-disabled .ant-slider-dot,.ant-slider-disabled .ant-slider-handle{border-color:rgba(0,0,0,.25)!important;background-color:#fff;cursor:not-allowed;box-shadow:none}.ant-slider-disabled .ant-slider-dot,.ant-slider-disabled .ant-slider-mark-text{cursor:not-allowed!important}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-tooltip{position:absolute;z-index:1060;display:block;visibility:visible;font-size:12px;line-height:1.5}.ant-tooltip-hidden{display:none}.ant-tooltip-placement-top,.ant-tooltip-placement-topLeft,.ant-tooltip-placement-topRight{padding:5px 0 8px}.ant-tooltip-placement-right,.ant-tooltip-placement-rightBottom,.ant-tooltip-placement-rightTop{padding:0 5px 0 8px}.ant-tooltip-placement-bottom,.ant-tooltip-placement-bottomLeft,.ant-tooltip-placement-bottomRight{padding:8px 0 5px}.ant-tooltip-placement-left,.ant-tooltip-placement-leftBottom,.ant-tooltip-placement-leftTop{padding:0 8px 0 5px}.ant-tooltip-inner{max-width:250px;padding:8px 10px;color:#fff;text-align:left;text-decoration:none;background-color:rgba(64,64,64,.85);border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.2);min-height:34px}.ant-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.ant-tooltip-placement-top .ant-tooltip-arrow,.ant-tooltip-placement-topLeft .ant-tooltip-arrow,.ant-tooltip-placement-topRight .ant-tooltip-arrow{bottom:3px;border-width:5px 5px 0;border-top-color:rgba(64,64,64,.85)}.ant-tooltip-placement-top .ant-tooltip-arrow{left:50%;margin-left:-5px}.ant-tooltip-placement-topLeft .ant-tooltip-arrow{left:16px}.ant-tooltip-placement-topRight .ant-tooltip-arrow{right:16px}.ant-tooltip-placement-right .ant-tooltip-arrow,.ant-tooltip-placement-rightBottom .ant-tooltip-arrow,.ant-tooltip-placement-rightTop .ant-tooltip-arrow{left:3px;border-width:5px 5px 5px 0;border-right-color:rgba(64,64,64,.85)}.ant-tooltip-placement-right .ant-tooltip-arrow{top:50%;margin-top:-5px}.ant-tooltip-placement-rightTop .ant-tooltip-arrow{top:8px}.ant-tooltip-placement-rightBottom .ant-tooltip-arrow{bottom:8px}.ant-tooltip-placement-left .ant-tooltip-arrow,.ant-tooltip-placement-leftBottom .ant-tooltip-arrow,.ant-tooltip-placement-leftTop .ant-tooltip-arrow{right:3px;border-width:5px 0 5px 5px;border-left-color:rgba(64,64,64,.85)}.ant-tooltip-placement-left .ant-tooltip-arrow{top:50%;margin-top:-5px}.ant-tooltip-placement-leftTop .ant-tooltip-arrow{top:8px}.ant-tooltip-placement-leftBottom .ant-tooltip-arrow{bottom:8px}.ant-tooltip-placement-bottom .ant-tooltip-arrow,.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,.ant-tooltip-placement-bottomRight .ant-tooltip-arrow{top:3px;border-width:0 5px 5px;border-bottom-color:rgba(64,64,64,.85)}.ant-tooltip-placement-bottom .ant-tooltip-arrow{left:50%;margin-left:-5px}.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow{left:16px}.ant-tooltip-placement-bottomRight .ant-tooltip-arrow{right:16px}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-spin{color:#108ee9;vertical-align:middle;text-align:center;opacity:0;position:absolute;-webkit-transition:-webkit-transform .3s cubic-bezier(.78,.14,.15,.86);transition:-webkit-transform .3s cubic-bezier(.78,.14,.15,.86);transition:transform .3s cubic-bezier(.78,.14,.15,.86);transition:transform .3s cubic-bezier(.78,.14,.15,.86),-webkit-transform .3s cubic-bezier(.78,.14,.15,.86);font-size:12px;display:none}.ant-spin-spinning{opacity:1;position:static;display:inline-block}.ant-spin-nested-loading{position:relative}.ant-spin-nested-loading>div>.ant-spin{position:absolute;height:100%;max-height:320px;width:100%;z-index:4}.ant-spin-nested-loading>div>.ant-spin .ant-spin-dot{position:absolute;top:50%;left:50%;margin:-10px}.ant-spin-nested-loading>div>.ant-spin .ant-spin-text{position:absolute;top:50%;width:100%;padding-top:6px}.ant-spin-nested-loading>div>.ant-spin.ant-spin-show-text .ant-spin-dot{margin-top:-20px}.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-dot{margin:-7px}.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-text{padding-top:3px}.ant-spin-nested-loading>div>.ant-spin-sm.ant-spin-show-text .ant-spin-dot{margin-top:-17px}.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-dot{margin:-16px}.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-text{padding-top:12px}.ant-spin-nested-loading>div>.ant-spin-lg.ant-spin-show-text .ant-spin-dot{margin-top:-26px}.ant-spin-container{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);position:relative}.ant-spin-blur{opacity:.7;-webkit-filter:blur(.5px);filter:blur(.5px);-webkit-filter:progid\:DXImageTransform\.Microsoft\.Blur(PixelRadius\=1,MakeShadow\=false);filter:progid\:DXImageTransform\.Microsoft\.Blur(PixelRadius\=1,MakeShadow\=false);-webkit-transform:translateZ(0)}.ant-spin-blur:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;opacity:.3;-webkit-transition:all .3s;transition:all .3s}.ant-spin-tip{color:rgba(0,0,0,.43)}.ant-spin-dot{position:relative;display:block;width:20px;height:20px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:antRotate 1.2s infinite linear;animation:antRotate 1.2s infinite linear}.ant-spin-dot i{width:9px;height:9px;border-radius:100%;background-color:#108ee9;-webkit-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75);display:block;position:absolute;opacity:.3;-webkit-animation:antSpinMove 1s infinite linear alternate;animation:antSpinMove 1s infinite linear alternate;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}.ant-spin-dot i:first-child{left:0;top:0}.ant-spin-dot i:nth-child(2){right:0;top:0;-webkit-animation-delay:.4s;animation-delay:.4s}.ant-spin-dot i:nth-child(3){right:0;bottom:0;-webkit-animation-delay:.8s;animation-delay:.8s}.ant-spin-dot i:nth-child(4){left:0;bottom:0;-webkit-animation-delay:1.2s;animation-delay:1.2s}.ant-spin-sm .ant-spin-dot{width:14px;height:14px}.ant-spin-sm .ant-spin-dot i{width:6px;height:6px}.ant-spin-lg .ant-spin-dot{width:32px;height:32px}.ant-spin-lg .ant-spin-dot i{width:14px;height:14px}.ant-spin.ant-spin-show-text .ant-spin-text{display:block}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.ant-spin-blur{background:#fff;opacity:.5}}@-webkit-keyframes antSpinMove{to{opacity:1}}@keyframes antSpinMove{to{opacity:1}}@-webkit-keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-steps{font-size:0;width:100%;line-height:1.5}.ant-steps .ant-steps-item{position:relative;display:inline-block;vertical-align:top}.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-head-inner{border-color:rgba(0,0,0,.25);background-color:#fff}.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-head-inner>.ant-steps-icon{color:rgba(0,0,0,.25)}.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-head-inner>.ant-steps-icon .ant-steps-icon-dot{background:rgba(0,0,0,.25)}.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-description,.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-title{color:rgba(0,0,0,.43)}.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-tail>i{background-color:#e9e9e9}.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner{border-color:#108ee9;background-color:#108ee9}.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner>.ant-steps-icon{color:#fff}.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner>.ant-steps-icon .ant-steps-icon-dot{background:#108ee9}.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-description,.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-title{color:rgba(0,0,0,.65)}.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-tail>i{background-color:#e9e9e9}.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner{border-color:#108ee9;background-color:#fff}.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner>.ant-steps-icon{color:#108ee9}.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner>.ant-steps-icon .ant-steps-icon-dot{background:#108ee9}.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-tail>i:after{width:100%;background:#108ee9;-webkit-transition:all .6s;transition:all .6s;opacity:1;box-shadow:0 0 0 0 #108ee9;-webkit-animation:tailEffect .4s;animation:tailEffect .4s}.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-description,.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-title{color:rgba(0,0,0,.43)}.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-head-inner{border-color:#f04134;background-color:#fff}.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-head-inner>.ant-steps-icon{color:#f04134}.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-head-inner>.ant-steps-icon .ant-steps-icon-dot{background:#f04134}.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-description,.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-title{color:#f04134}.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-tail>i{background-color:#e9e9e9}.ant-steps .ant-steps-item.ant-steps-next-error .ant-steps-tail>i,.ant-steps .ant-steps-item.ant-steps-next-error .ant-steps-tail>i:after{background-color:#f04134}.ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner{background:none;border:0;width:auto;height:auto}.ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner>.ant-steps-icon{font-size:26px;width:26px;height:26px}.ant-steps .ant-steps-item.ant-steps-custom.ant-steps-status-process .ant-steps-head-inner>.ant-steps-icon{color:#108ee9}.ant-steps .ant-steps-head,.ant-steps .ant-steps-main{position:relative;display:inline-block;vertical-align:top}.ant-steps .ant-steps-head{background:#fff}.ant-steps .ant-steps-head-inner{display:block;border:1px solid rgba(0,0,0,.25);width:26px;height:26px;line-height:23px;text-align:center;border-radius:26px;font-size:14px;margin-right:8px;-webkit-transition:background-color .3s ease,border-color .3s ease;transition:background-color .3s ease,border-color .3s ease}.ant-steps .ant-steps-head-inner>.ant-steps-icon{line-height:1;color:#108ee9;position:relative}.ant-steps .ant-steps-head-inner>.ant-steps-icon.anticon{font-size:12px}.ant-steps .ant-steps-head-inner>.ant-steps-icon.anticon-check,.ant-steps .ant-steps-head-inner>.ant-steps-icon.anticon-cross{font-weight:700}.ant-steps .ant-steps-main{margin-top:2.5px}.ant-steps .ant-steps-title{font-size:14px;margin-bottom:4px;color:rgba(0,0,0,.65);font-weight:700;background-color:#fff;display:inline-block;padding-right:10px}.ant-steps .ant-steps-title>a:first-child:last-child{color:rgba(0,0,0,.65)}.ant-steps .ant-steps-item:last-child .ant-steps-title{padding-right:0;width:100%}.ant-steps .ant-steps-item:last-child .ant-steps-tail{display:none}.ant-steps .ant-steps-description{font-size:12px;color:rgba(0,0,0,.43)}.ant-steps .ant-steps-tail{position:absolute;left:0;width:100%;top:13px;padding:0 10px}.ant-steps .ant-steps-tail>i{display:inline-block;vertical-align:top;background:#e9e9e9;height:1px;border-radius:1px;width:100%;position:relative}.ant-steps .ant-steps-tail>i:after{position:absolute;content:"";top:0;width:0;background:#e9e9e9;height:100%;opacity:0}.ant-steps.ant-steps-small .ant-steps-head-inner{border:1px solid rgba(0,0,0,.25);width:18px;height:18px;line-height:15px;text-align:center;border-radius:18px;font-size:12px;margin-right:10px}.ant-steps.ant-steps-small .ant-steps-head-inner>.ant-steps-icon.anticon{display:inline-block;font-size:12px;font-size:9px\9;-webkit-transform:scale(.75) rotate(0deg);-ms-transform:scale(.75) rotate(0deg);transform:scale(.75) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;top:0}:root .ant-steps.ant-steps-small .ant-steps-head-inner>.ant-steps-icon.anticon{-webkit-filter:none;filter:none;font-size:12px}.ant-steps.ant-steps-small .ant-steps-main{margin-top:0}.ant-steps.ant-steps-small .ant-steps-title{font-size:12px;margin-bottom:4px;color:rgba(0,0,0,.65);font-weight:700}.ant-steps.ant-steps-small .ant-steps-description{font-size:12px;color:rgba(0,0,0,.43)}.ant-steps.ant-steps-small .ant-steps-tail{top:8px;padding:0 8px}.ant-steps.ant-steps-small .ant-steps-tail>i{height:1px;border-radius:1px;width:100%}.ant-steps.ant-steps-small .ant-steps-custom .ant-steps-head-inner>.ant-steps-icon{font-size:18px;width:18px;height:18px}.ant-steps-vertical .ant-steps-item{display:block}.ant-steps-vertical .ant-steps-tail{position:absolute;left:13px;top:0;height:100%;width:1px;padding:30px 0 4px}.ant-steps-vertical .ant-steps-tail>i{height:100%;width:1px}.ant-steps-vertical .ant-steps-tail>i:after{height:0;width:100%}.ant-steps-vertical .ant-steps-status-finish .ant-steps-tail>i:after{height:100%}.ant-steps-vertical .ant-steps-head{float:left}.ant-steps-vertical .ant-steps-head-inner{margin-right:16px}.ant-steps-vertical .ant-steps-main{min-height:47px;overflow:hidden;display:block}.ant-steps-vertical .ant-steps-main .ant-steps-title{line-height:26px}.ant-steps-vertical .ant-steps-main .ant-steps-description{padding-bottom:12px}.ant-steps-vertical.ant-steps-small .ant-steps-tail{position:absolute;left:9px;top:0;padding:22px 0 4px}.ant-steps-vertical.ant-steps-small .ant-steps-tail>i{height:100%}.ant-steps-vertical.ant-steps-small .ant-steps-title{line-height:18px}.ant-steps-horizontal.ant-steps-hidden{visibility:hidden}.ant-steps-horizontal .ant-steps-description{max-width:120px}.ant-steps-horizontal .ant-steps-item:not(:first-child) .ant-steps-head{padding-left:10px;margin-left:-10px}.ant-steps-dot .ant-steps-item .ant-steps-step{display:inline-block;text-align:center;width:120px}.ant-steps-dot .ant-steps-item:not(:first-child) .ant-steps-head{margin-left:0;padding-left:0}.ant-steps-dot .ant-steps-tail{margin:0 0 0 60px;padding:0;width:100%;top:1px}.ant-steps-dot .ant-steps-tail>i{height:3px}.ant-steps-dot .ant-steps-head{display:inline-block;padding-right:0}.ant-steps-dot .ant-steps-head-inner{margin:0 auto;width:5px;height:5px;line-height:5px;border:0}.ant-steps-dot .ant-steps-head-inner .ant-steps-icon-dot{float:left;width:100%;height:100%;border-radius:2.5px;position:relative}.ant-steps-dot .ant-steps-head-inner .ant-steps-icon-dot:after{content:"";background:hsla(0,0%,100%,.001);width:40px;height:24px;position:absolute;top:-8px;left:-16px}.ant-steps-dot .ant-steps-head-inner .ant-steps-icon-dot:hover{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}.ant-steps-dot .ant-steps-main{display:block;margin-top:10px}.ant-steps-dot .ant-steps-main .ant-steps-title{padding-right:0}.ant-steps-dot .ant-steps-status-process .ant-steps-head{top:-1px}.ant-steps-dot .ant-steps-status-process .ant-steps-head-inner{width:7px;height:7px;line-height:7px}.ant-steps-dot .ant-steps-status-process .ant-steps-head-inner .ant-steps-icon-dot{border-radius:3.5px}.ant-steps-dot.ant-steps-vertical .ant-steps-tail{left:2px;height:100%;padding:0;top:15px}.ant-steps-dot.ant-steps-vertical .ant-steps-tail>i{height:100%;width:3px}.ant-steps-dot.ant-steps-vertical .ant-steps-head{top:12px;left:1px}.ant-steps-dot.ant-steps-vertical .ant-steps-status-process .ant-steps-head{left:0}@-webkit-keyframes tailEffect{to{box-shadow:0 0 3px 3px transparent}}@keyframes tailEffect{to{box-shadow:0 0 3px 3px transparent}}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-switch{position:relative;display:inline-block;box-sizing:border-box;height:22px;min-width:44px;line-height:20px;vertical-align:middle;border-radius:20px;border:1px solid #ccc;background-color:rgba(0,0,0,.25);cursor:pointer;-webkit-transition:all .3s;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-switch-inner{color:#fff;font-size:12px;margin-left:24px;margin-right:6px;display:block}.ant-switch:after{position:absolute;width:18px;height:18px;left:1px;top:1px;border-radius:18px;background-color:#fff;content:" ";cursor:pointer;-webkit-transition:all .3s,width .3s;transition:all .3s,width .3s}.ant-switch:active:after{width:24px}.ant-switch:focus{box-shadow:0 0 0 2px rgba(16,142,233,.2);outline:0}.ant-switch:focus:hover{box-shadow:none}.ant-switch-small{height:14px;min-width:28px;line-height:12px}.ant-switch-small .ant-switch-inner{margin-left:18px;margin-right:3px}.ant-switch-small:after{width:12px;height:12px;top:0;left:.5px}.ant-switch-small:active:after{width:16px}.ant-switch-small.ant-switch-checked:after{left:100%;margin-left:-12.5px}.ant-switch-small.ant-switch-checked .ant-switch-inner{margin-left:3px;margin-right:18px}.ant-switch-small:active.ant-switch-checked:after{margin-left:-16.5px}.ant-switch-checked{border-color:#108ee9;background-color:#108ee9}.ant-switch-checked .ant-switch-inner{margin-left:6px;margin-right:24px}.ant-switch-checked:after{left:100%;margin-left:-19px}.ant-switch-checked:active:after{margin-left:-25px}.ant-switch-disabled{cursor:not-allowed;background:#f4f4f4;border-color:#f4f4f4}.ant-switch-disabled:after{background:#ccc;cursor:not-allowed}.ant-switch-disabled .ant-switch-inner{color:rgba(0,0,0,.25)}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-table-wrapper{zoom:1}.ant-table-wrapper:after,.ant-table-wrapper:before{content:" ";display:table}.ant-table-wrapper:after{clear:both;visibility:hidden;font-size:0;height:0}.ant-table{font-size:12px;color:rgba(0,0,0,.65);overflow:hidden;position:relative;border-radius:4px 4px 0 0}.ant-table-body{-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.ant-table table{width:100%;border-collapse:separate;border-spacing:0;text-align:left;border-radius:4px 4px 0 0;overflow:hidden}.ant-table-thead>tr>th{background:#f7f7f7;font-weight:500;-webkit-transition:background .3s ease;transition:background .3s ease;text-align:left;color:rgba(0,0,0,.85)}.ant-table-thead>tr>th[colspan]{text-align:center}.ant-table-thead>tr>th .ant-table-filter-icon,.ant-table-thead>tr>th .anticon-filter{margin-left:4px;font-size:12px;cursor:pointer;color:#aaa;-webkit-transition:all .3s;transition:all .3s}.ant-table-thead>tr>th .ant-table-filter-icon:hover,.ant-table-thead>tr>th .anticon-filter:hover{color:rgba(0,0,0,.65)}.ant-table-thead>tr>th .ant-table-filter-selected.anticon-filter{color:#108ee9}.ant-table-tbody>tr>td{border-bottom:1px solid #e9e9e9}.ant-table-tbody>tr,.ant-table-tbody>tr>td,.ant-table-thead>tr{-webkit-transition:all .3s;transition:all .3s}.ant-table-tbody>tr.ant-table-row-hover>td,.ant-table-tbody>tr:hover>td,.ant-table-thead>tr.ant-table-row-hover>td,.ant-table-thead>tr:hover>td{background:#ecf6fd}.ant-table-thead>tr:hover{background:none}.ant-table-footer{padding:16px 8px;background:#f7f7f7;border-radius:0 0 4px 4px;position:relative}.ant-table-footer:before{content:"";height:1px;background:#f7f7f7;position:absolute;top:-1px;width:100%;left:0}.ant-table.ant-table-bordered .ant-table-footer{border:1px solid #e9e9e9}.ant-table-title{padding:16px 0;position:relative;top:1px;border-radius:4px 4px 0 0}.ant-table.ant-table-bordered .ant-table-title{border:1px solid #e9e9e9;padding-left:8px;padding-right:8px}.ant-table-title+.ant-table-content{position:relative;border-radius:4px 4px 0 0;overflow:hidden}.ant-table-bordered .ant-table-title+.ant-table-content,.ant-table-bordered .ant-table-title+.ant-table-content table,.ant-table-without-column-header .ant-table-title+.ant-table-content,.ant-table-without-column-header table{border-radius:0}.ant-table-tbody>tr.ant-table-row-selected{background:#fafafa}.ant-table-thead>tr>th.ant-table-column-sort{background:#eaeaea}.ant-table-tbody>tr>td,.ant-table-thead>tr>th{padding:16px 8px;word-break:break-all}.ant-table-thead>tr>th.ant-table-selection-column-custom{padding-left:16px;padding-right:0}.ant-table-tbody>tr>td.ant-table-selection-column,.ant-table-thead>tr>th.ant-table-selection-column{text-align:center;min-width:62px;width:62px}.ant-table-expand-icon-th,.ant-table-row-expand-icon-cell{text-align:center;min-width:50px;width:50px}.ant-table-header{background:#f7f7f7;overflow:hidden}.ant-table-header table{border-radius:4px 4px 0 0}.ant-table-loading{position:relative}.ant-table-loading .ant-table-body{background:#fff;opacity:.5}.ant-table-loading .ant-table-spin-holder{height:20px;line-height:20px;left:50%;top:50%;margin-left:-30px;position:absolute}.ant-table-loading .ant-table-with-pagination{margin-top:-20px}.ant-table-loading .ant-table-without-pagination{margin-top:10px}.ant-table-middle .ant-table-footer,.ant-table-middle .ant-table-tbody>tr>td,.ant-table-middle .ant-table-thead>tr>th:not(.ant-table-selection-column),.ant-table-middle .ant-table-title{padding:10px 8px}.ant-table-small{border:1px solid #e9e9e9;border-radius:4px}.ant-table-small .ant-table-body>table,.ant-table-small .ant-table-header>table{border:0;padding:0 8px}.ant-table-small .ant-table-thead>tr>th{background:#fff;border-bottom:1px solid #e9e9e9}.ant-table-small .ant-table-tbody>tr>td{padding:6px 8px}.ant-table-small .ant-table-footer,.ant-table-small .ant-table-thead>tr>th:not(.ant-table-selection-column),.ant-table-small .ant-table-title{padding:10px 8px}.ant-table-small .ant-table-title{border-bottom:1px solid #e9e9e9;top:0}.ant-table-small .ant-table-header{background:#fff}.ant-table-small .ant-table-header table{border-bottom:1px solid #e9e9e9}.ant-table-small .ant-table-placeholder,.ant-table-small .ant-table-row:last-child td{border-bottom:0}.ant-table-column-sorter{margin-left:4px;display:inline-block;width:12px;height:14px;vertical-align:middle;text-align:center}.ant-table-column-sorter-down,.ant-table-column-sorter-up{line-height:4px;height:5px;display:block;width:12px;cursor:pointer}.ant-table-column-sorter-down:hover .anticon,.ant-table-column-sorter-up:hover .anticon{color:rgba(0,0,0,.65)}.ant-table-column-sorter-down.on .anticon-caret-down,.ant-table-column-sorter-down.on .anticon-caret-up,.ant-table-column-sorter-up.on .anticon-caret-down,.ant-table-column-sorter-up.on .anticon-caret-up{color:#108ee9}.ant-table-column-sorter .anticon-caret-down,.ant-table-column-sorter .anticon-caret-up{display:inline-block;font-size:12px;font-size:7px\9;-webkit-transform:scale(.58333333) rotate(0deg);-ms-transform:scale(.58333333) rotate(0deg);transform:scale(.58333333) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;line-height:6px;height:6px;color:#aaa}:root .ant-table-column-sorter .anticon-caret-down,:root .ant-table-column-sorter .anticon-caret-up{-webkit-filter:none;filter:none;font-size:12px}.ant-table-column-sorter .anticon-caret-down:before,.ant-table-column-sorter .anticon-caret-up:before{-moz-transform-origin:53% 50%}.ant-table-bordered .ant-table-body>table,.ant-table-bordered .ant-table-fixed-left table,.ant-table-bordered .ant-table-fixed-right table,.ant-table-bordered .ant-table-header>table{border:1px solid #e9e9e9;border-right:0;border-bottom:0}.ant-table-bordered.ant-table-empty .ant-table-placeholder{border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9}.ant-table-bordered.ant-table-fixed-header .ant-table-header>table{border-bottom:0}.ant-table-bordered.ant-table-fixed-header .ant-table-body>table{border-top:0;border-top-left-radius:0;border-top-right-radius:0}.ant-table-bordered.ant-table-fixed-header .ant-table-body-inner>table{border-top:0}.ant-table-bordered.ant-table-fixed-header .ant-table-placeholder{border:0}.ant-table-bordered .ant-table-thead>tr>th{border-bottom:1px solid #e9e9e9}.ant-table-bordered .ant-table-tbody>tr>td,.ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #e9e9e9}.ant-table-bordered.ant-table-small{border-right:0}.ant-table-bordered.ant-table-small .ant-table-body>table,.ant-table-bordered.ant-table-small .ant-table-fixed-left table,.ant-table-bordered.ant-table-small .ant-table-fixed-right table,.ant-table-bordered.ant-table-small .ant-table-header>table{border:0;padding:0}.ant-table-bordered.ant-table-small .ant-table-title{border:0;border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9}.ant-table-bordered.ant-table-small .ant-table-footer{border:0;border-top:1px solid #e9e9e9;border-right:1px solid #e9e9e9}.ant-table-bordered.ant-table-small .ant-table-footer:before{display:none}.ant-table-bordered.ant-table-small .ant-table-placeholder{border-left:0;border-bottom:0}.ant-table-placeholder{position:relative;padding:16px 8px;background:#fff;border-bottom:1px solid #e9e9e9;text-align:center;font-size:12px;color:rgba(0,0,0,.43)}.ant-table-placeholder .anticon{margin-right:4px}.ant-table-pagination{margin:16px 0;float:right}.ant-table-filter-dropdown{min-width:96px;margin-left:-8px;background:#fff;border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.2)}.ant-table-filter-dropdown .ant-dropdown-menu{border:0;box-shadow:none;border-radius:4px 4px 0 0}.ant-table-filter-dropdown .ant-dropdown-menu-without-submenu{max-height:400px;overflow-x:hidden}.ant-table-filter-dropdown .ant-dropdown-menu-item>label+span{padding:0}.ant-table-filter-dropdown .ant-dropdown-menu-sub{border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.2)}.ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title:after{color:#108ee9;font-weight:700;text-shadow:0 0 2px #d2eafb}.ant-table-filter-dropdown .ant-dropdown-menu-item{overflow:hidden}.ant-table-filter-dropdown>.ant-dropdown-menu>.ant-dropdown-menu-item:last-child,.ant-table-filter-dropdown>.ant-dropdown-menu>.ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title{border-radius:0}.ant-table-filter-dropdown-btns{overflow:hidden;padding:7px 16px;border-top:1px solid #e9e9e9}.ant-table-filter-dropdown-link{color:#108ee9}.ant-table-filter-dropdown-link:hover{color:#49a9ee}.ant-table-filter-dropdown-link:active{color:#0e77ca}.ant-table-filter-dropdown-link.confirm{float:left}.ant-table-filter-dropdown-link.clear{float:right}.ant-table-selection-select-all-custom{margin-right:4px!important}.ant-table-selection .anticon-down{color:#aaa}.ant-table-selection-menu{min-width:96px;margin-top:5px;margin-left:-30px;background:#fff;border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.2)}.ant-table-selection-menu .ant-action-down{color:#aaa}.ant-table-selection-down{cursor:pointer;padding:0;display:inline-block;vertical-align:middle;line-height:1}.ant-table-row-expand-icon{cursor:pointer;display:inline-block;width:17px;height:17px;text-align:center;line-height:14px;border:1px solid #e9e9e9;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff}.ant-table-row-expanded:after{content:"-"}.ant-table-row-collapsed:after{content:"+"}.ant-table-row-spaced{visibility:hidden}.ant-table-row-spaced:after{content:"."}.ant-table-row[class*=ant-table-row-level-0] .ant-table-selection-column>span{display:inline-block}tr.ant-table-expanded-row,tr.ant-table-expanded-row:hover{background:#fbfbfb}.ant-table .ant-table-row-indent+.ant-table-row-expand-icon{margin-right:8px}.ant-table-scroll{overflow:auto;overflow-x:hidden}.ant-table-scroll table{width:auto;min-width:100%}.ant-table-body-inner{height:100%}.ant-table-fixed-header .ant-table-body{position:relative;background:#fff}.ant-table-fixed-header .ant-table-body-inner{overflow:scroll}.ant-table-fixed-header .ant-table-scroll .ant-table-header{overflow:scroll;padding-bottom:20px;margin-bottom:-20px}.ant-table-fixed-header.ant-table-empty .ant-table-scroll .ant-table-body{padding-bottom:20px;margin-bottom:-20px}.ant-table-fixed-left,.ant-table-fixed-right{position:absolute;top:0;overflow:hidden;-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;border-radius:0}.ant-table-fixed-left table,.ant-table-fixed-right table{width:auto;background:#fff}.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-outer .ant-table-fixed,.ant-table-fixed-header .ant-table-fixed-right .ant-table-body-outer .ant-table-fixed{border-radius:0}.ant-table-fixed-left{left:0;box-shadow:6px 0 6px -4px rgba(0,0,0,.2)}.ant-table-fixed-left .ant-table-header{overflow-y:hidden}.ant-table-fixed-left .ant-table-body-inner{margin-right:-20px;padding-right:20px}.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-inner{padding-right:0}.ant-table-fixed-left,.ant-table-fixed-left table{border-radius:4px 0 0 0}.ant-table-fixed-right{right:0;box-shadow:-6px 0 6px -4px rgba(0,0,0,.2)}.ant-table-fixed-right,.ant-table-fixed-right table{border-radius:0 4px 0 0}.ant-table-fixed-right .ant-table-expanded-row{color:transparent;pointer-events:none}.ant-table.ant-table-scroll-position-left .ant-table-fixed-left,.ant-table.ant-table-scroll-position-right .ant-table-fixed-right{box-shadow:none}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-nav-container{height:32px}.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-ink-bar{visibility:hidden}.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab{margin:0;border:1px solid #d9d9d9;border-bottom:0;border-radius:4px 4px 0 0;background:#f9f9f9;margin-right:2px;padding:5px 16px 4px;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-active{background:#fff;-webkit-transform:translateZ(0);transform:translateZ(0);border-color:#d9d9d9;color:#108ee9;padding-bottom:5px}.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-inactive{padding:0}.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-nav-wrap{margin-bottom:0}.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab .anticon-close{margin-right:0;color:rgba(0,0,0,.43);-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);display:inline-block;font-size:12px;font-size:9px\9;-webkit-transform:scale(.75) rotate(0deg);-ms-transform:scale(.75) rotate(0deg);transform:scale(.75) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;width:0;text-align:right;vertical-align:middle;overflow:hidden}:root .ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab .anticon-close{-webkit-filter:none;filter:none;font-size:12px}.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab .anticon-close:hover{color:#404040;font-weight:700}.ant-tabs.ant-tabs-card .ant-tabs-content>.ant-tabs-tabpane,.ant-tabs.ant-tabs-editable-card .ant-tabs-content>.ant-tabs-tabpane{-webkit-transition:none!important;transition:none!important}.ant-tabs.ant-tabs-editable-card>.ant-tabs-bar .ant-tabs-tab>div{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-tabs.ant-tabs-editable-card>.ant-tabs-bar .ant-tabs-tab:not(.ant-tabs-tab-active):hover>div:not(.ant-tabs-tab-unclosable){margin-left:-8px;margin-right:-8px}.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-active .anticon-close,.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab:hover .anticon-close{width:16px;-webkit-transform:translateZ(0);transform:translateZ(0)}.ant-tabs-extra-content{float:right;line-height:32px}.ant-tabs-extra-content .ant-tabs-new-tab{width:20px;height:20px;line-height:20px;text-align:center;cursor:pointer;border-radius:4px;border:1px solid #d9d9d9;display:inline-block;font-size:12px;font-size:10px\9;-webkit-transform:scale(.83333333) rotate(0deg);-ms-transform:scale(.83333333) rotate(0deg);transform:scale(.83333333) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;color:rgba(0,0,0,.43);-webkit-transition:color .3s ease;transition:color .3s ease}:root .ant-tabs-extra-content .ant-tabs-new-tab{-webkit-filter:none;filter:none;font-size:12px}.ant-tabs-extra-content .ant-tabs-new-tab:hover{color:#404040}.ant-tabs-vertical.ant-tabs-card>.ant-tabs-bar .ant-tabs-nav-container{height:auto}.ant-tabs-vertical.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab{border-bottom:1px solid #d9d9d9;margin-bottom:8px}.ant-tabs-vertical.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-active{padding-bottom:4px}.ant-tabs-vertical.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab:last-child{margin-bottom:8px}.ant-tabs-vertical.ant-tabs-card.ant-tabs-left>.ant-tabs-bar .ant-tabs-nav-wrap{margin-right:0}.ant-tabs-vertical.ant-tabs-card.ant-tabs-left>.ant-tabs-bar .ant-tabs-tab{border-right:0;border-radius:4px 0 0 4px;margin-right:1px}.ant-tabs-vertical.ant-tabs-card.ant-tabs-left>.ant-tabs-bar .ant-tabs-tab-active{margin-right:-1px;padding-right:18px}.ant-tabs-vertical.ant-tabs-card.ant-tabs-right>.ant-tabs-bar .ant-tabs-nav-wrap{margin-left:0}.ant-tabs-vertical.ant-tabs-card.ant-tabs-right>.ant-tabs-bar .ant-tabs-tab{border-left:0;border-radius:0 4px 4px 0;margin-left:1px}.ant-tabs-vertical.ant-tabs-card.ant-tabs-right>.ant-tabs-bar .ant-tabs-tab-active{margin-left:-1px;padding-left:18px}.ant-tabs{box-sizing:border-box;position:relative;overflow:hidden;zoom:1;color:rgba(0,0,0,.65)}.ant-tabs:after,.ant-tabs:before{content:" ";display:table}.ant-tabs:after{clear:both;visibility:hidden;font-size:0;height:0}.ant-tabs-ink-bar{z-index:1;position:absolute;left:0;bottom:1px;box-sizing:border-box;height:2px;background-color:#108ee9;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.ant-tabs-ink-bar-animated{-webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1)}.ant-tabs-bar{border-bottom:1px solid #d9d9d9;margin-bottom:16px;outline:none}.ant-tabs-nav-container{overflow:hidden;font-size:14px;line-height:1.5;box-sizing:border-box;position:relative;white-space:nowrap;margin-bottom:-1px;zoom:1}.ant-tabs-nav-container:after,.ant-tabs-nav-container:before{content:" ";display:table}.ant-tabs-nav-container:after{clear:both;visibility:hidden;font-size:0;height:0}.ant-tabs-nav-container-scrolling{padding-left:32px;padding-right:32px}.ant-tabs-tab-next,.ant-tabs-tab-prev{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2;margin-right:-2px;margin-top:3px;width:32px;height:100%;line-height:32px;cursor:pointer;border:0;background-color:transparent;position:absolute;text-align:center;color:rgba(0,0,0,.43);-webkit-transition:color .3s ease;transition:color .3s ease}.ant-tabs-tab-next:hover,.ant-tabs-tab-prev:hover{color:rgba(0,0,0,.65)}.ant-tabs-tab-next-icon,.ant-tabs-tab-prev-icon{position:relative;font-style:normal;font-weight:700;font-variant:normal;line-height:inherit;vertical-align:baseline;text-align:center;text-transform:none;font-family:sans-serif;display:inline-block;font-size:12px;font-size:10px\9;-webkit-transform:scale(.83333333) rotate(0deg);-ms-transform:scale(.83333333) rotate(0deg);transform:scale(.83333333) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1}:root .ant-tabs-tab-next-icon,:root .ant-tabs-tab-prev-icon{-webkit-filter:none;filter:none;font-size:12px}.ant-tabs-tab-next-icon:before,.ant-tabs-tab-prev-icon:before{display:block;font-family:anticon!important}.ant-tabs-tab-btn-disabled{cursor:not-allowed}.ant-tabs-tab-btn-disabled,.ant-tabs-tab-btn-disabled:hover{color:rgba(0,0,0,.25)}.ant-tabs-tab-next{right:2px}.ant-tabs-tab-next-icon:before{content:"\E61F"}.ant-tabs-tab-prev{left:0}.ant-tabs-tab-prev-icon:before{content:"\E620"}:root .ant-tabs-tab-prev{-webkit-filter:none;filter:none}.ant-tabs-nav-wrap{overflow:hidden;margin-bottom:-1px}.ant-tabs-nav-scroll{overflow:hidden;white-space:nowrap}.ant-tabs-nav{box-sizing:border-box;padding-left:0;-webkit-transition:-webkit-transform .5s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .5s cubic-bezier(.645,.045,.355,1);transition:transform .5s cubic-bezier(.645,.045,.355,1);transition:transform .5s cubic-bezier(.645,.045,.355,1),-webkit-transform .5s cubic-bezier(.645,.045,.355,1);position:relative;margin:0;list-style:none;float:left}.ant-tabs-nav:after,.ant-tabs-nav:before{display:table;content:" "}.ant-tabs-nav:after{clear:both}.ant-tabs-nav .ant-tabs-tab-disabled{pointer-events:none;cursor:default;color:rgba(0,0,0,.25)}.ant-tabs-nav .ant-tabs-tab{display:inline-block;height:100%;margin-right:24px;box-sizing:border-box;position:relative;padding:8px 20px;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1);cursor:pointer;text-decoration:none}.ant-tabs-nav .ant-tabs-tab:hover{color:#49a9ee}.ant-tabs-nav .ant-tabs-tab:active{color:#0e77ca}.ant-tabs-nav .ant-tabs-tab .anticon{width:14px;height:14px;margin-right:8px}.ant-tabs-nav .ant-tabs-tab-active{color:#108ee9}.ant-tabs-mini .ant-tabs-nav-container{font-size:12px}.ant-tabs-mini .ant-tabs-tab{margin-right:0;padding:8px 16px}.ant-tabs:not(.ant-tabs-vertical)>.ant-tabs-content{width:100%}.ant-tabs:not(.ant-tabs-vertical)>.ant-tabs-content>.ant-tabs-tabpane{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;-webkit-transition:opacity .3s;transition:opacity .3s;opacity:1}.ant-tabs:not(.ant-tabs-vertical)>.ant-tabs-content>.ant-tabs-tabpane-inactive{opacity:0;height:0;padding:0!important}.ant-tabs:not(.ant-tabs-vertical)>.ant-tabs-content-animated{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;will-change:margin-left;-webkit-transition:margin-left .3s cubic-bezier(.645,.045,.355,1);transition:margin-left .3s cubic-bezier(.645,.045,.355,1)}.ant-tabs-vertical>.ant-tabs-bar{border-bottom:0;height:100%}.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-tab{float:none;margin-right:0;margin-bottom:16px;display:block;padding:8px 24px}.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-tab:last-child{margin-bottom:0}.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-nav-scroll{width:auto}.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-nav-container,.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-nav-wrap{height:100%}.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-nav-container{margin-bottom:0;padding:32px 0}.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-nav-wrap{margin-bottom:0}.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-ink-bar{width:2px;left:auto;height:auto;top:0}.ant-tabs-vertical>.ant-tabs-content{overflow:hidden;width:auto;margin-top:0!important}.ant-tabs-vertical .ant-tabs-tab-next{width:100%;bottom:0;height:32px}.ant-tabs-vertical .ant-tabs-tab-next-icon:before{content:"\E61D"}.ant-tabs-vertical .ant-tabs-tab-prev{top:0;width:100%;height:32px}.ant-tabs-vertical .ant-tabs-tab-prev-icon:before{content:"\E61E"}.ant-tabs-vertical.ant-tabs-left>.ant-tabs-bar{float:left;border-right:1px solid #e9e9e9;margin-right:-1px;margin-bottom:0}.ant-tabs-vertical.ant-tabs-left>.ant-tabs-bar .ant-tabs-tab{text-align:right}.ant-tabs-vertical.ant-tabs-left>.ant-tabs-bar .ant-tabs-nav-container,.ant-tabs-vertical.ant-tabs-left>.ant-tabs-bar .ant-tabs-nav-wrap{margin-right:-1px}.ant-tabs-vertical.ant-tabs-left>.ant-tabs-bar .ant-tabs-ink-bar{right:1px}.ant-tabs-vertical.ant-tabs-left>.ant-tabs-content{padding-left:24px;border-left:1px solid #e9e9e9}.ant-tabs-vertical.ant-tabs-right>.ant-tabs-bar{float:right;border-left:1px solid #e9e9e9;margin-left:-1px;margin-bottom:0}.ant-tabs-vertical.ant-tabs-right>.ant-tabs-bar .ant-tabs-nav-container,.ant-tabs-vertical.ant-tabs-right>.ant-tabs-bar .ant-tabs-nav-wrap{margin-left:-1px}.ant-tabs-vertical.ant-tabs-right>.ant-tabs-bar .ant-tabs-ink-bar{left:1px}.ant-tabs-vertical.ant-tabs-right>.ant-tabs-content{padding-right:24px;border-right:1px solid #e9e9e9}.ant-tabs-bottom>.ant-tabs-bar{margin-bottom:0;margin-top:16px}.ant-tabs-no-animation>.ant-tabs-content-animated,.ant-tabs-vertical>.ant-tabs-content-animated,.no-flex>.ant-tabs-content-animated{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;margin-left:0!important}.ant-tabs-no-animation>.ant-tabs-content>.ant-tabs-tabpane-inactive,.ant-tabs-vertical>.ant-tabs-content>.ant-tabs-tabpane-inactive,.no-flex>.ant-tabs-content>.ant-tabs-tabpane-inactive{display:none}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-tag{display:inline-block;line-height:20px;height:22px;padding:0 8px;border-radius:4px;border:1px solid #e9e9e9;background:#f7f7f7;font-size:12px;-webkit-transition:all .3s cubic-bezier(.78,.14,.15,.86);transition:all .3s cubic-bezier(.78,.14,.15,.86);opacity:1;margin-right:8px;cursor:pointer;white-space:nowrap}.ant-tag:hover{opacity:.85}.ant-tag,.ant-tag a,.ant-tag a:hover{color:rgba(0,0,0,.65)}.ant-tag-text a:first-child:last-child{display:inline-block;margin:0 -8px;padding:0 8px}.ant-tag .anticon-cross{display:inline-block;font-size:12px;font-size:10px\9;-webkit-transform:scale(.83333333) rotate(0deg);-ms-transform:scale(.83333333) rotate(0deg);transform:scale(.83333333) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;cursor:pointer;font-weight:700;margin-left:3px;-webkit-transition:all .3s ease;transition:all .3s ease;opacity:.66}:root .ant-tag .anticon-cross{-webkit-filter:none;filter:none;font-size:12px}.ant-tag .anticon-cross:hover{opacity:1}.ant-tag-has-color{border-color:transparent}.ant-tag-has-color,.ant-tag-has-color .anticon-cross,.ant-tag-has-color .anticon-cross:hover,.ant-tag-has-color a,.ant-tag-has-color a:hover{color:#fff}.ant-tag-checkable{background-color:transparent;border-color:transparent}.ant-tag-checkable-checked,.ant-tag-checkable:active,.ant-tag-checkable:hover{color:#fff}.ant-tag-checkable:hover{background-color:#49a9ee}.ant-tag-checkable-checked{background-color:#108ee9}.ant-tag-checkable:active{background-color:#0e77ca}.ant-tag-close{width:0!important;padding:0;margin:0}.ant-tag-zoom-appear,.ant-tag-zoom-enter{-webkit-animation:antFadeIn .2s cubic-bezier(.78,.14,.15,.86);animation:antFadeIn .2s cubic-bezier(.78,.14,.15,.86);-webkit-animation-fill-mode:both;animation-fill-mode:both}.ant-tag-zoom-leave{-webkit-animation:antZoomOut .3s cubic-bezier(.78,.14,.15,.86);animation:antZoomOut .3s cubic-bezier(.78,.14,.15,.86);-webkit-animation-fill-mode:both;animation-fill-mode:both}.ant-tag-pink{color:#f5317f;background:#fdd8e7;border-color:#fdd8e7}.ant-tag-pink-inverse{background:#f5317f;border-color:#f5317f;color:#fff}.ant-tag-red{color:#f04134;background:#fcdbd9;border-color:#fcdbd9}.ant-tag-red-inverse{background:#f04134;border-color:#f04134;color:#fff}.ant-tag-orange{color:#f56a00;background:#fde3cf;border-color:#fde3cf}.ant-tag-orange-inverse{background:#f56a00;border-color:#f56a00;color:#fff}.ant-tag-yellow{color:#ffbf00;background:#fff3cf;border-color:#fff3cf}.ant-tag-yellow-inverse{background:#ffbf00;border-color:#ffbf00;color:#fff}.ant-tag-cyan{color:#00a2ae;background:#cfedf0;border-color:#cfedf0}.ant-tag-cyan-inverse{background:#00a2ae;border-color:#00a2ae;color:#fff}.ant-tag-green{color:#00a854;background:#cfefdf;border-color:#cfefdf}.ant-tag-green-inverse{background:#00a854;border-color:#00a854;color:#fff}.ant-tag-blue{color:#108ee9;background:#d2eafb;border-color:#d2eafb}.ant-tag-blue-inverse{background:#108ee9;border-color:#108ee9;color:#fff}.ant-tag-purple{color:#7265e6;background:#e4e2fa;border-color:#e4e2fa}.ant-tag-purple-inverse{background:#7265e6;border-color:#7265e6;color:#fff}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-timeline{list-style:none;margin:0;padding:0}.ant-timeline-item{position:relative;padding:0 0 12px;list-style:none;margin:0}.ant-timeline-item-tail{position:absolute;left:5px;top:0;height:100%;border-left:2px solid #e9e9e9}.ant-timeline-item-pending .ant-timeline-item-tail{display:none}.ant-timeline-item-head{position:absolute;width:12px;height:12px;background-color:#fff;border-radius:100px;border:2px solid transparent}.ant-timeline-item-head-blue{border-color:#108ee9;color:#108ee9}.ant-timeline-item-head-red{border-color:#f04134;color:#f04134}.ant-timeline-item-head-green{border-color:#00a854;color:#00a854}.ant-timeline-item-head-custom{position:absolute;text-align:center;width:40px;left:-14px;line-height:1;margin-top:6px;border:0;height:auto;border-radius:0;padding:3px 0;font-size:12px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.ant-timeline-item-content{padding:0 0 10px 24px;font-size:12px;position:relative;top:-3px}.ant-timeline-item-last .ant-timeline-item-tail{border-left:2px dotted #e9e9e9;display:none}.ant-timeline-item-last .ant-timeline-item-content{min-height:48px}.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail{display:block}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-transfer{position:relative;line-height:1.5}.ant-transfer-list{font-size:12px;border:1px solid #d9d9d9;display:inline-block;border-radius:4px;vertical-align:middle;position:relative;width:180px;height:200px;padding-top:33px}.ant-transfer-list-with-footer{padding-bottom:33px}.ant-transfer-list-search-action{color:rgba(0,0,0,.25);position:absolute;top:4px;right:4px;bottom:4px;width:28px;line-height:26px;text-align:center;font-size:14px}.ant-transfer-list-search-action .anticon{-webkit-transition:all .3s;transition:all .3s;font-size:12px;color:rgba(0,0,0,.25)}.ant-transfer-list-search-action .anticon:hover{color:rgba(0,0,0,.43)}span.ant-transfer-list-search-action{pointer-events:none}.ant-transfer-list-header{padding:7px 15px;border-radius:4px 4px 0 0;background:#fff;color:rgba(0,0,0,.65);border-bottom:1px solid #e9e9e9;overflow:hidden;position:absolute;top:0;left:0;width:100%}.ant-transfer-list-header-title{position:absolute;right:15px}.ant-transfer-list-body{font-size:12px;position:relative;height:100%}.ant-transfer-list-body-search-wrapper{position:absolute;top:0;left:0;padding:4px;width:100%}.ant-transfer-list-body-with-search{padding-top:34px}.ant-transfer-list-content{height:100%;overflow:auto}.ant-transfer-list-content>.LazyLoad{-webkit-animation:transferHighlightIn 1s;animation:transferHighlightIn 1s}.ant-transfer-list-content-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:7px 15px;min-height:32px;-webkit-transition:all .3s;transition:all .3s}.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover{cursor:pointer;background-color:#ecf6fd}.ant-transfer-list-content-item-disabled{cursor:not-allowed;color:rgba(0,0,0,.25)}.ant-transfer-list-body-not-found{padding-top:0;color:rgba(0,0,0,.25);text-align:center;display:none;position:absolute;top:50%;width:100%;margin-top:-10px}.ant-transfer-list-content:empty+.ant-transfer-list-body-not-found{display:block}.ant-transfer-list-footer{border-top:1px solid #e9e9e9;border-radius:0 0 4px 4px;position:absolute;bottom:0;left:0;width:100%}.ant-transfer-operation{display:inline-block;overflow:hidden;margin:0 8px;vertical-align:middle}.ant-transfer-operation .ant-btn{display:block}.ant-transfer-operation .ant-btn:first-child{margin-bottom:4px}.ant-transfer-operation .ant-btn .anticon{display:inline-block;font-size:12px;font-size:10px\9;-webkit-transform:scale(.83333333) rotate(0deg);-ms-transform:scale(.83333333) rotate(0deg);transform:scale(.83333333) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1}:root .ant-transfer-operation .ant-btn .anticon{-webkit-filter:none;filter:none;font-size:12px}@-webkit-keyframes transferHighlightIn{0%{background:#d2eafb}to{background:transparent}}@keyframes transferHighlightIn{0%{background:#d2eafb}to{background:transparent}}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-select-tree-checkbox{white-space:nowrap;cursor:pointer;outline:none;display:inline-block;line-height:1;position:relative;vertical-align:text-bottom}.ant-select-tree-checkbox-input:focus+.ant-select-tree-checkbox-inner,.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner{border-color:#108ee9}.ant-select-tree-checkbox-inner{position:relative;top:0;left:0;display:block;width:14px;height:14px;border:1px solid #d9d9d9;border-radius:2px;background-color:#fff;-webkit-transition:all .3s;transition:all .3s}.ant-select-tree-checkbox-inner:after{-webkit-transform:rotate(45deg) scale(0);-ms-transform:rotate(45deg) scale(0);transform:rotate(45deg) scale(0);position:absolute;left:4px;top:1px;display:table;width:5px;height:8px;border:2px solid #fff;border-top:0;border-left:0;content:" ";-webkit-transition:all .1s cubic-bezier(.71,-.46,.88,.6);transition:all .1s cubic-bezier(.71,-.46,.88,.6)}.ant-select-tree-checkbox-input{position:absolute;left:0;z-index:1;cursor:pointer;opacity:0;filter:alpha(opacity=0);top:0;bottom:0;right:0;width:100%;height:100%}.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner:after{content:" ";-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);position:absolute;left:2px;top:5px;width:8px;height:1px}.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after{-webkit-transform:rotate(45deg) scale(1);-ms-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1);position:absolute;left:4px;top:1px;display:table;width:5px;height:8px;border:2px solid #fff;border-top:0;border-left:0;content:" ";-webkit-transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s}.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner,.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner{background-color:#108ee9;border-color:#108ee9}.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after{-webkit-animation-name:none;animation-name:none;border-color:rgba(0,0,0,.25)}.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner{border-color:#d9d9d9!important;background-color:#f3f3f3}.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner:after{-webkit-animation-name:none;animation-name:none;border-color:#f3f3f3}.ant-select-tree-checkbox-disabled+span{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-select-tree-checkbox-wrapper{cursor:pointer;font-size:12px;display:inline-block}.ant-select-tree-checkbox-wrapper:not(:last-child){margin-right:8px}.ant-select-tree-checkbox+span,.ant-select-tree-checkbox-wrapper+span{padding-left:8px;padding-right:8px}.ant-select-tree-checkbox-group{font-size:12px}.ant-select-tree-checkbox-group-item{display:inline-block}@media \0screen{.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after,.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:before{font-family:anticon;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\E632";font-weight:700;font-size:8px;border:0;color:#fff;left:2px;top:3px;position:absolute}}.ant-select-tree{margin:0;padding:8px;font-size:12px}.ant-select-tree li{padding:0;margin:8px 0;list-style:none;white-space:nowrap;outline:0}.ant-select-tree li.filter-node>a{font-weight:700!important}.ant-select-tree li ul{margin:0;padding:0 0 0 18px}.ant-select-tree li a{display:inline-block;padding:1px 5px;border-radius:2px;margin:0;cursor:pointer;text-decoration:none;vertical-align:top;color:rgba(0,0,0,.65);-webkit-transition:all .3s ease;transition:all .3s ease}.ant-select-tree li a:hover{background-color:#ecf6fd}.ant-select-tree li a.ant-select-tree-node-selected{background-color:#d2eafb}.ant-select-tree li span.ant-select-tree-checkbox{margin:2px 4px 0 0}.ant-select-tree li span.ant-select-tree-iconEle,.ant-select-tree li span.ant-select-tree-switcher{margin:0;width:16px;height:16px;line-height:16px;display:inline-block;vertical-align:middle;border:0 none;cursor:pointer;outline:none}.ant-select-tree li span.ant-select-tree-icon_loading:after{display:inline-block;font-family:anticon;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\E64D";font-weight:700;-webkit-animation:loadingCircle 1s infinite linear;animation:loadingCircle 1s infinite linear;margin-top:8px}.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher-noop{cursor:auto}.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-bottom_open:after,.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-center_open:after,.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-noline_open:after,.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-roots_open:after{font-size:12px;font-size:7px\9;-webkit-transform:scale(.58333333) rotate(0deg);-ms-transform:scale(.58333333) rotate(0deg);transform:scale(.58333333) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;display:inline-block;font-family:anticon;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\E606";font-weight:700;color:rgba(0,0,0,.65);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-bottom_open:after,:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-center_open:after,:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-noline_open:after,:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-roots_open:after{-webkit-filter:none;filter:none;font-size:12px}.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-bottom_close,.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-center_close,.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-noline_close,.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-roots_close{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"}.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-bottom_close:after,.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-center_close:after,.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-noline_close:after,.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-roots_close:after{font-size:12px;font-size:7px\9;-webkit-transform:scale(.58333333) rotate(0deg);-ms-transform:scale(.58333333) rotate(0deg);transform:scale(.58333333) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;display:inline-block;font-family:anticon;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\E606";font-weight:700;color:rgba(0,0,0,.65);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-bottom_close:after,:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-center_close:after,:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-noline_close:after,:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-roots_close:after{-webkit-filter:none;filter:none;font-size:12px}.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-bottom_close:after,.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-center_close:after,.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-noline_close:after,.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-roots_close:after{-webkit-transform:rotate(270deg) scale(.59);-ms-transform:rotate(270deg) scale(.59);transform:rotate(270deg) scale(.59)}.ant-select-tree-child-tree{display:none}.ant-select-tree-child-tree-open{display:block}.ant-select-tree-treenode-disabled>a,.ant-select-tree-treenode-disabled>a span,.ant-select-tree-treenode-disabled>span{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-select-tree-icon__close,.ant-select-tree-icon__open{margin-right:2px;vertical-align:top}.ant-select-tree-dropdown .ant-select-dropdown-search{display:block;padding:4px}.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field__wrap{width:100%}.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field{padding:4px 7px;width:100%;box-sizing:border-box;border:1px solid #d9d9d9;border-radius:4px;outline:none}.ant-select-tree-dropdown .ant-select-dropdown-search.ant-select-search--hide{display:none}.ant-select-tree-dropdown .ant-select-not-found{cursor:not-allowed;color:rgba(0,0,0,.25);padding:7px 16px;display:block}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-tree-checkbox{white-space:nowrap;cursor:pointer;outline:none;display:inline-block;line-height:1;position:relative;vertical-align:text-bottom}.ant-tree-checkbox-input:focus+.ant-tree-checkbox-inner,.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,.ant-tree-checkbox:hover .ant-tree-checkbox-inner{border-color:#108ee9}.ant-tree-checkbox-inner{position:relative;top:0;left:0;display:block;width:14px;height:14px;border:1px solid #d9d9d9;border-radius:2px;background-color:#fff;-webkit-transition:all .3s;transition:all .3s}.ant-tree-checkbox-inner:after{-webkit-transform:rotate(45deg) scale(0);-ms-transform:rotate(45deg) scale(0);transform:rotate(45deg) scale(0);position:absolute;left:4px;top:1px;display:table;width:5px;height:8px;border:2px solid #fff;border-top:0;border-left:0;content:" ";-webkit-transition:all .1s cubic-bezier(.71,-.46,.88,.6);transition:all .1s cubic-bezier(.71,-.46,.88,.6)}.ant-tree-checkbox-input{position:absolute;left:0;z-index:1;cursor:pointer;opacity:0;filter:alpha(opacity=0);top:0;bottom:0;right:0;width:100%;height:100%}.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner:after{content:" ";-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);position:absolute;left:2px;top:5px;width:8px;height:1px}.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after{-webkit-transform:rotate(45deg) scale(1);-ms-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1);position:absolute;left:4px;top:1px;display:table;width:5px;height:8px;border:2px solid #fff;border-top:0;border-left:0;content:" ";-webkit-transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s}.ant-tree-checkbox-checked .ant-tree-checkbox-inner,.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner{background-color:#108ee9;border-color:#108ee9}.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after{-webkit-animation-name:none;animation-name:none;border-color:rgba(0,0,0,.25)}.ant-tree-checkbox-disabled .ant-tree-checkbox-inner{border-color:#d9d9d9!important;background-color:#f3f3f3}.ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after{-webkit-animation-name:none;animation-name:none;border-color:#f3f3f3}.ant-tree-checkbox-disabled+span{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-tree-checkbox-wrapper{cursor:pointer;font-size:12px;display:inline-block}.ant-tree-checkbox-wrapper:not(:last-child){margin-right:8px}.ant-tree-checkbox+span,.ant-tree-checkbox-wrapper+span{padding-left:8px;padding-right:8px}.ant-tree-checkbox-group{font-size:12px}.ant-tree-checkbox-group-item{display:inline-block}@media \0screen{.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after,.ant-tree-checkbox-checked .ant-tree-checkbox-inner:before{font-family:anticon;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\E632";font-weight:700;font-size:8px;border:0;color:#fff;left:2px;top:3px;position:absolute}}.ant-tree{margin:0;padding:5px;font-size:12px}.ant-tree li{padding:4px 0;margin:0;list-style:none;white-space:nowrap;outline:0}.ant-tree li a[draggable=true],.ant-tree li a[draggable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-top:2px solid transparent;border-bottom:2px solid transparent;margin-top:-2px;-khtml-user-drag:element;-webkit-user-drag:element}.ant-tree li.drag-over>a[draggable]{background-color:#108ee9;color:#fff;opacity:.8}.ant-tree li.drag-over-gap-top>a[draggable]{border-top-color:#108ee9}.ant-tree li.drag-over-gap-bottom>a[draggable]{border-bottom-color:#108ee9}.ant-tree li.filter-node>a{color:#f04134!important;font-weight:700!important}.ant-tree li ul{margin:0;padding:0 0 0 18px}.ant-tree li a{display:inline-block;padding:1px 5px;border-radius:2px;margin:0;cursor:pointer;text-decoration:none;vertical-align:top;color:rgba(0,0,0,.65);-webkit-transition:all .3s ease;transition:all .3s ease}.ant-tree li a:hover{background-color:#ecf6fd}.ant-tree li a.ant-tree-node-selected{background-color:#d2eafb}.ant-tree li span.ant-tree-checkbox{margin:0 4px 0 2px;vertical-align:middle}.ant-tree li span.ant-tree-iconEle,.ant-tree li span.ant-tree-switcher{margin:0;width:16px;height:16px;line-height:16px;display:inline-block;vertical-align:middle;border:0 none;cursor:pointer;outline:none}.ant-tree li span.ant-tree-icon_loading:after{display:inline-block;font-family:anticon;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\E6AE";-webkit-animation:loadingCircle 1s infinite linear;animation:loadingCircle 1s infinite linear;color:#108ee9}.ant-tree li span.ant-tree-switcher.ant-tree-switcher-noop{cursor:default}.ant-tree li span.ant-tree-switcher.ant-tree-bottom_open:after,.ant-tree li span.ant-tree-switcher.ant-tree-center_open:after,.ant-tree li span.ant-tree-switcher.ant-tree-noline_open:after,.ant-tree li span.ant-tree-switcher.ant-tree-roots_open:after{font-size:12px;font-size:7px\9;-webkit-transform:scale(.58333333) rotate(0deg);-ms-transform:scale(.58333333) rotate(0deg);transform:scale(.58333333) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;display:inline-block;font-family:anticon;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\E606";font-weight:700;color:rgba(0,0,0,.65);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}:root .ant-tree li span.ant-tree-switcher.ant-tree-bottom_open:after,:root .ant-tree li span.ant-tree-switcher.ant-tree-center_open:after,:root .ant-tree li span.ant-tree-switcher.ant-tree-noline_open:after,:root .ant-tree li span.ant-tree-switcher.ant-tree-roots_open:after{-webkit-filter:none;filter:none;font-size:12px}.ant-tree li span.ant-tree-switcher.ant-tree-bottom_close,.ant-tree li span.ant-tree-switcher.ant-tree-center_close,.ant-tree li span.ant-tree-switcher.ant-tree-noline_close,.ant-tree li span.ant-tree-switcher.ant-tree-roots_close{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"}.ant-tree li span.ant-tree-switcher.ant-tree-bottom_close:after,.ant-tree li span.ant-tree-switcher.ant-tree-center_close:after,.ant-tree li span.ant-tree-switcher.ant-tree-noline_close:after,.ant-tree li span.ant-tree-switcher.ant-tree-roots_close:after{font-size:12px;font-size:7px\9;-webkit-transform:scale(.58333333) rotate(0deg);-ms-transform:scale(.58333333) rotate(0deg);transform:scale(.58333333) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;display:inline-block;font-family:anticon;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\E606";font-weight:700;color:rgba(0,0,0,.65);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}:root .ant-tree li span.ant-tree-switcher.ant-tree-bottom_close:after,:root .ant-tree li span.ant-tree-switcher.ant-tree-center_close:after,:root .ant-tree li span.ant-tree-switcher.ant-tree-noline_close:after,:root .ant-tree li span.ant-tree-switcher.ant-tree-roots_close:after{-webkit-filter:none;filter:none;font-size:12px}.ant-tree li span.ant-tree-switcher.ant-tree-bottom_close:after,.ant-tree li span.ant-tree-switcher.ant-tree-center_close:after,.ant-tree li span.ant-tree-switcher.ant-tree-noline_close:after,.ant-tree li span.ant-tree-switcher.ant-tree-roots_close:after{-webkit-transform:rotate(270deg) scale(.59);-ms-transform:rotate(270deg) scale(.59);transform:rotate(270deg) scale(.59)}.ant-tree li:last-child>span.ant-tree-iconEle:before,.ant-tree li:last-child>span.ant-tree-switcher:before{display:none}.ant-tree>li:first-child{padding-top:7px}.ant-tree>li:last-child{padding-bottom:7px}.ant-tree-child-tree{display:none}.ant-tree-child-tree-open{display:block}.ant-tree-treenode-disabled>a,.ant-tree-treenode-disabled>a span,.ant-tree-treenode-disabled>span{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-tree-icon__close,.ant-tree-icon__open{margin-right:2px;vertical-align:top}.ant-tree.ant-tree-show-line li{position:relative}.ant-tree.ant-tree-show-line li span.ant-tree-switcher{background:#fff}.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop:after{font-size:12px;font-size:12px\9;-webkit-transform:scale(1) rotate(0deg);-ms-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;display:inline-block;font-family:anticon;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\E664";vertical-align:baseline;font-weight:400;color:rgba(0,0,0,.43);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop:after{-webkit-filter:none;filter:none;font-size:12px}.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-bottom_open:after,.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-center_open:after,.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-noline_open:after,.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-roots_open:after{font-size:12px;font-size:12px\9;-webkit-transform:scale(1) rotate(0deg);-ms-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;display:inline-block;font-family:anticon;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\E621";vertical-align:baseline;font-weight:400;color:rgba(0,0,0,.43);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-bottom_open:after,:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-center_open:after,:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-noline_open:after,:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-roots_open:after{-webkit-filter:none;filter:none;font-size:12px}.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-bottom_close:after,.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-center_close:after,.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-noline_close:after,.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-roots_close:after{font-size:12px;font-size:12px\9;-webkit-transform:scale(1) rotate(0deg);-ms-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;display:inline-block;font-family:anticon;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\E645";vertical-align:baseline;font-weight:400;color:rgba(0,0,0,.43);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-bottom_close:after,:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-center_close:after,:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-noline_close:after,:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-roots_close:after{-webkit-filter:none;filter:none;font-size:12px}.ant-tree.ant-tree-show-line li:not(:last-child):before{content:" ";width:1px;border-left:1px solid #d9d9d9;height:100%;position:absolute;left:6px;margin:18px 0}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-upload{font-size:12px;outline:0}.ant-upload-btn{display:block;width:100%;outline:none}.ant-upload input[type=file]{cursor:pointer}.ant-upload.ant-upload-select{display:inline-block}.ant-upload.ant-upload-select-picture-card{border:1px dashed #d9d9d9;width:96px;height:96px;border-radius:4px;background-color:#fbfbfb;text-align:center;cursor:pointer;-webkit-transition:border-color .3s ease;transition:border-color .3s ease;display:inline-block;vertical-align:top;margin-right:8px;margin-bottom:8px}.ant-upload.ant-upload-select-picture-card>.ant-upload{display:block;width:100%;height:100%;padding:20px 0}.ant-upload.ant-upload-select-picture-card:hover{border-color:#108ee9}.ant-upload.ant-upload-drag{border:1px dashed #d9d9d9;-webkit-transition:border-color .3s ease;transition:border-color .3s ease;cursor:pointer;border-radius:4px;text-align:center;width:100%;height:100%;position:relative}.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled){border:2px dashed #49a9ee}.ant-upload.ant-upload-drag.ant-upload-disabled{cursor:not-allowed}.ant-upload.ant-upload-drag .ant-upload-btn{display:table;height:100%}.ant-upload.ant-upload-drag .ant-upload-drag-container{display:table-cell;vertical-align:middle}.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover{border-color:#49a9ee}.ant-upload.ant-upload-drag p.ant-upload-drag-icon{height:60px;margin-bottom:24px}.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon{font-size:80px;margin-top:-5px;color:#49a9ee}.ant-upload.ant-upload-drag p.ant-upload-text{font-size:14px}.ant-upload.ant-upload-drag p.ant-upload-hint{font-size:12px;color:rgba(0,0,0,.43)}.ant-upload.ant-upload-drag .anticon-plus{font-size:30px;-webkit-transition:all .3s ease;transition:all .3s ease;color:rgba(0,0,0,.25)}.ant-upload.ant-upload-drag .anticon-plus:hover,.ant-upload.ant-upload-drag:hover .anticon-plus{color:rgba(0,0,0,.43)}.ant-upload-list{overflow:hidden}.ant-upload-list-item{overflow:hidden;margin-top:8px;font-size:12px;position:relative;height:24px}.ant-upload-list-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:16px;width:100%;display:inline-block}.ant-upload-list-item-info{line-height:24px;padding:0 12px 0 4px;-webkit-transition:background-color .3s;transition:background-color .3s}.ant-upload-list-item-info .anticon-loading,.ant-upload-list-item-info .anticon-paper-clip{margin-right:4px;font-size:12px;color:rgba(0,0,0,.43);position:absolute;top:5.5px}.ant-upload-list-item .anticon-cross{display:inline-block;font-size:12px;font-size:10px\9;-webkit-transform:scale(.83333333) rotate(0deg);-ms-transform:scale(.83333333) rotate(0deg);transform:scale(.83333333) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;-webkit-transition:all .3s;transition:all .3s;opacity:0;cursor:pointer;position:absolute;top:0;right:4px;color:rgba(0,0,0,.43);line-height:24px}:root .ant-upload-list-item .anticon-cross{-webkit-filter:none;filter:none;font-size:12px}.ant-upload-list-item .anticon-cross:hover{color:rgba(0,0,0,.65)}.ant-upload-list-item:hover .ant-upload-list-item-info{background-color:#ecf6fd}.ant-upload-list-item:hover .anticon-cross{opacity:1}.ant-upload-list-item-error,.ant-upload-list-item-error .ant-upload-list-item-name,.ant-upload-list-item-error .anticon-paper-clip{color:#f04134}.ant-upload-list-item-error .anticon-cross{opacity:1;color:#f04134!important}.ant-upload-list-item-progress{line-height:0;font-size:12px;position:absolute;width:100%;bottom:0}.ant-upload-list-picture-card .ant-upload-list-item,.ant-upload-list-picture .ant-upload-list-item{padding:8px;border-radius:4px;border:1px solid #d9d9d9;height:66px;position:relative}.ant-upload-list-picture-card .ant-upload-list-item:hover,.ant-upload-list-picture .ant-upload-list-item:hover{background:transparent}.ant-upload-list-picture-card .ant-upload-list-item-error,.ant-upload-list-picture .ant-upload-list-item-error{border-color:#f04134}.ant-upload-list-picture-card .ant-upload-list-item-info,.ant-upload-list-picture .ant-upload-list-item-info{padding:0}.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info,.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info{background:transparent}.ant-upload-list-picture-card .ant-upload-list-item-uploading,.ant-upload-list-picture .ant-upload-list-item-uploading{border-style:dashed}.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,.ant-upload-list-picture .ant-upload-list-item-thumbnail{width:48px;height:48px;position:absolute;top:8px;left:8px}.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img,.ant-upload-list-picture .ant-upload-list-item-thumbnail img{width:48px;height:48px;display:block;overflow:hidden;border-radius:4px}.ant-upload-list-picture-card .ant-upload-list-item-thumbnail.anticon:before,.ant-upload-list-picture .ant-upload-list-item-thumbnail.anticon:before{line-height:48px;font-size:24px;color:rgba(0,0,0,.43)}.ant-upload-list-picture-card .ant-upload-list-item-name,.ant-upload-list-picture .ant-upload-list-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 0 8px;line-height:44px;-webkit-transition:all .3s;transition:all .3s;padding-left:48px;padding-right:8px;max-width:100%;display:inline-block;box-sizing:border-box}.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name,.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name{line-height:28px}.ant-upload-list-picture-card .ant-upload-list-item-progress,.ant-upload-list-picture .ant-upload-list-item-progress{padding-left:56px;margin-top:0}.ant-upload-list-picture-card .anticon-cross,.ant-upload-list-picture .anticon-cross{position:absolute;right:8px;top:8px;line-height:1}.ant-upload-list-picture-card{display:inline}.ant-upload-list-picture-card .ant-upload-list-item{float:left;width:96px;height:96px;margin:0 8px 8px 0}.ant-upload-list-picture-card .ant-upload-list-item-info{height:100%;position:relative}.ant-upload-list-picture-card .ant-upload-list-item-info:before{content:" ";position:absolute;z-index:1;background-color:rgba(0,0,0,.5);-webkit-transition:all .3s;transition:all .3s;width:100%;height:100%;opacity:0}.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info:before{opacity:1}.ant-upload-list-picture-card .ant-upload-list-item-actions{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10;white-space:nowrap;opacity:0;-webkit-transition:all .3s;transition:all .3s}.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete,.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o{z-index:10;-webkit-transition:all .3s;transition:all .3s;cursor:pointer;font-size:16px;width:16px;color:hsla(0,0%,100%,.91);margin:0 4px}.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover,.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o:hover{color:#fff}.ant-upload-list-picture-card .ant-upload-list-item-actions:hover,.ant-upload-list-picture-card .ant-upload-list-item-info:hover+.ant-upload-list-item-actions{opacity:1}.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{display:block;width:100%;height:100%;position:static}.ant-upload-list-picture-card .ant-upload-list-item-name{display:none}.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item{background-color:#fbfbfb}.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info{height:auto}.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete,.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye-o,.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info:before{display:none}.ant-upload-list-picture-card .ant-upload-list-item-uploading-text{margin-top:18px;color:rgba(0,0,0,.43)}.ant-upload-list-picture-card .ant-upload-list-item-progress{padding-left:0}.ant-upload-list .ant-upload-success-icon{color:#00a854;font-weight:700}.ant-upload-list .ant-upload-animate-enter,.ant-upload-list .ant-upload-animate-inline-enter,.ant-upload-list .ant-upload-animate-inline-leave,.ant-upload-list .ant-upload-animate-leave{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:cubic-bezier(.78,.14,.15,.86);animation-fill-mode:cubic-bezier(.78,.14,.15,.86)}.ant-upload-list .ant-upload-animate-enter{-webkit-animation-name:uploadAnimateIn;animation-name:uploadAnimateIn}.ant-upload-list .ant-upload-animate-leave{-webkit-animation-name:uploadAnimateOut;animation-name:uploadAnimateOut}.ant-upload-list .ant-upload-animate-inline-enter{-webkit-animation-name:uploadAnimateInlineIn;animation-name:uploadAnimateInlineIn}.ant-upload-list .ant-upload-animate-inline-leave{-webkit-animation-name:uploadAnimateInlineOut;animation-name:uploadAnimateInlineOut}@-webkit-keyframes uploadAnimateIn{0%{height:0;margin:0;opacity:0;padding:0}}@keyframes uploadAnimateIn{0%{height:0;margin:0;opacity:0;padding:0}}@-webkit-keyframes uploadAnimateOut{to{height:0;margin:0;padding:0;opacity:0}}@keyframes uploadAnimateOut{to{height:0;margin:0;padding:0;opacity:0}}@-webkit-keyframes uploadAnimateInlineIn{0%{width:0;height:0;margin:0;opacity:0;padding:0}}@keyframes uploadAnimateInlineIn{0%{width:0;height:0;margin:0;opacity:0;padding:0}}@-webkit-keyframes uploadAnimateInlineOut{to{width:0;height:0;margin:0;padding:0;opacity:0}}@keyframes uploadAnimateInlineOut{to{width:0;height:0;margin:0;padding:0;opacity:0}}.github-btn{font:700 11px/14px Helvetica Neue,Helvetica,Arial,sans-serif;height:20px;overflow:hidden}.gh-btn,.gh-count,.gh-ico{float:left}.gh-btn,.gh-count{padding:2px 5px 2px 4px;color:#333;text-decoration:none;white-space:nowrap;cursor:pointer;border-radius:3px}.gh-btn{background-color:#eee;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fcfcfc),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#fcfcfc,#eee);background-image:linear-gradient(180deg,#fcfcfc 0,#eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcfcfc",endColorstr="#eeeeee",GradientType=0);background-repeat:no-repeat;border:1px solid #d5d5d5}.gh-btn:focus,.gh-btn:hover{text-decoration:none;background-color:#ddd;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#eee),color-stop(100%,#ddd));background-image:-webkit-linear-gradient(top,#eee,#ddd);background-image:linear-gradient(180deg,#eee 0,#ddd);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee",endColorstr="#dddddd",GradientType=0);border-color:#ccc}.gh-btn:active{background-image:none;background-color:#dcdcdc;border-color:#b5b5b5;box-shadow:inset 0 2px 4px rgba(0,0,0,.15)}.gh-ico{width:14px;height:14px;margin-right:4px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMTIgMTIgNDAgNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMTIgMTIgNDAgNDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiMzMzMzMzMiIGQ9Ik0zMiAxMy40Yy0xMC41IDAtMTkgOC41LTE5IDE5YzAgOC40IDUuNSAxNS41IDEzIDE4YzEgMC4yIDEuMy0wLjQgMS4zLTAuOWMwLTAuNSAwLTEuNyAwLTMuMiBjLTUuMyAxLjEtNi40LTIuNi02LjQtMi42QzIwIDQxLjYgMTguOCA0MSAxOC44IDQxYy0xLjctMS4yIDAuMS0xLjEgMC4xLTEuMWMxLjkgMC4xIDIuOSAyIDIuOSAyYzEuNyAyLjkgNC41IDIuMSA1LjUgMS42IGMwLjItMS4yIDAuNy0yLjEgMS4yLTIuNmMtNC4yLTAuNS04LjctMi4xLTguNy05LjRjMC0yLjEgMC43LTMuNyAyLTUuMWMtMC4yLTAuNS0wLjgtMi40IDAuMi01YzAgMCAxLjYtMC41IDUuMiAyIGMxLjUtMC40IDMuMS0wLjcgNC44LTAuN2MxLjYgMCAzLjMgMC4yIDQuNyAwLjdjMy42LTIuNCA1LjItMiA1LjItMmMxIDIuNiAwLjQgNC42IDAuMiA1YzEuMiAxLjMgMiAzIDIgNS4xYzAgNy4zLTQuNSA4LjktOC43IDkuNCBjMC43IDAuNiAxLjMgMS43IDEuMyAzLjVjMCAyLjYgMCA0LjYgMCA1LjJjMCAwLjUgMC40IDEuMSAxLjMgMC45YzcuNS0yLjYgMTMtOS43IDEzLTE4LjFDNTEgMjEuOSA0Mi41IDEzLjQgMzIgMTMuNHoiLz48L3N2Zz4=");background-size:100% 100%;background-repeat:no-repeat}.gh-count{position:relative;display:none;margin-left:4px;background-color:#fafafa;border:1px solid #d4d4d4}.gh-count:focus,.gh-count:hover{color:#4183c4}.gh-count:after,.gh-count:before{content:"";position:absolute;display:inline-block;width:0;height:0;border-color:transparent;border-style:solid}.gh-count:before{top:50%;left:-3px;margin-top:-4px;border-width:4px 4px 4px 0;border-right-color:#fafafa}.gh-count:after{top:50%;left:-4px;z-index:-1;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#d4d4d4}.github-btn-large{height:30px}.github-btn-large .gh-btn,.github-btn-large .gh-count{padding:3px 10px 3px 8px;font-size:16px;line-height:22px;border-radius:4px}.github-btn-large .gh-ico{width:20px;height:20px}.github-btn-large .gh-count{margin-left:6px}.github-btn-large .gh-count:before{left:-5px;margin-top:-6px;border-width:6px 6px 6px 0}.github-btn-large .gh-count:after{left:-6px;margin-top:-7px;border-width:7px 7px 7px 0}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{height:100%}body{font-family:Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5;color:rgba(0,0,0,.65);font-size:14px;background:#fff;-webkit-transition:background 1s cubic-bezier(.075,.82,.165,1);transition:background 1s cubic-bezier(.075,.82,.165,1);overflow-x:hidden}a{-webkit-transition:color .3s ease;transition:color .3s ease}a:focus{text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip:ink}.main-wrapper{margin:0 48px;border-radius:4px;padding:24px 0 0;margin-bottom:24px}.main-container,.main-wrapper{background:#fff;position:relative}.main-container{padding:0 40px 120px;margin-left:-1px;min-height:500px;overflow:hidden;border-left:1px solid #e9e9e9}.main-container-component{padding-right:130px}.aside-container{padding-bottom:50px;font-family:Lato,Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}.aside-container.ant-menu-inline .ant-menu-item a,.aside-container.ant-menu-inline .ant-menu-submenu-title h4,.aside-container.ant-menu-inline>.ant-menu-item{font-size:14px;text-overflow:ellipsis;overflow:hidden}.aside-container a[disabled]{color:#ccc}.aside-container .menu-item-link-outside{position:relative}.aside-container .menu-item-link-outside .anticon{font-size:12px;color:#108ee9;opacity:0;position:absolute;right:-10px;top:16px;-webkit-transition:all .3s;transition:all .3s}.aside-container .menu-item-link-outside:hover .anticon{opacity:1}.aside-container .chinese{font-size:12px;margin-left:6px;font-weight:400;opacity:.67}.outside-link{display:inline-block}.outside-link:after{content:"\E691";font-family:anticon;margin-left:5px;font-size:12px;color:#aaa}.outside-link.internal{display:none}.page-wrapper{background:#ececec}#header{-webkit-transition:opacity .5s;transition:opacity .5s;background:#fff;height:80px;margin-bottom:24px;padding:0 48px;width:100%}#header.home-nav-bottom{background:hsla(0,0%,100%,.9);border-bottom-color:#ebedee}#header.home-nav-bottom .search{border-left-color:#ebedee}#header.home-nav-bottom a{color:rgba(0,0,0,.65)}#logo{float:left}#logo,#logo img{height:80px;line-height:80px}#logo img{width:40px;margin-right:8px}#logo span{float:right;font-size:16px;font-family:Raleway,Hiragino Sans GB,sans-serif;height:80px;line-height:80px;text-transform:uppercase}#search-box{border-left:1px solid #ebedee;float:left;height:22px;line-height:22px;padding-left:30px;margin:29px auto 0}#search-box .ant-select{font-size:14px;margin-top:-3px;width:200px}#search-box .ant-select-selection{border:0;box-shadow:none}.lang,.version{float:right;margin-top:29px;margin-left:10px}.version{width:66px;margin-left:0}#nav{border:0;float:right;font-size:14px;font-family:Lato,Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}#nav li{height:80px;line-height:80px;min-width:72px;text-align:center;border-bottom-width:3px}#nav li.ant-menu-item-selected a{color:#108ee9;font-weight:700}.component-select.ant-select-dropdown{border:0;border-radius:0;box-shadow:0 0 8px rgba(0,0,0,.25);font-size:14px}.component-select .ant-select-dropdown-menu{max-height:200px}.component-select .ant-select-dropdown-menu-item{border-radius:0!important}.component-select .ant-component-decs{font-size:12px;position:absolute;color:#aaa;right:16px}footer{clear:both;font-size:12px;background:#fff;position:relative;z-index:1;color:rgba(0,0,0,.65);box-shadow:0 1000px 0 1000px #fff}footer ul{overflow:hidden;margin:0 2%;list-style:none}footer ul li{float:left;width:25%;padding:24px 2%}footer ul li>h2{font-size:14px;margin:0 auto 12px;font-weight:500;position:relative}footer ul li>h2>.anticon{font-size:16px;position:absolute;left:-22px;top:3px;color:#aaa}footer ul li>div{margin:6px 0}.banner-wrapper{position:relative;width:100%;overflow:hidden;background:url("https://os.alipayobjects.com/rmsportal/GhjqstwSgxBXrZS.png") no-repeat 50%/cover}.banner-text-wrapper{position:absolute;left:13%;top:53%;color:#fff;text-align:right;font-family:Lato,Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}.banner-text-wrapper h2{font-size:40px;font-weight:400;font-family:Raleway,Hiragino Sans GB;white-space:nowrap}.banner-text-wrapper h2 p{color:#ff3171;display:inline-block}.banner-text-wrapper .line{width:.8px;height:76px;position:absolute;background:hsla(0,0%,100%,.44);background-image:-webkit-linear-gradient(top,hsla(0,0%,100%,.03),hsla(0,0%,100%,.6),hsla(0,0%,100%,.03));background-image:-o-linear-gradient(top,hsla(0,0%,100%,.03),hsla(0,0%,100%,.6),hsla(0,0%,100%,.03));top:16px;right:-25px}.banner-text-wrapper>p{margin:10px auto 24px;font-size:16px}.banner-text-wrapper .start-button{margin-bottom:24px;text-align:right}.banner-text-wrapper .start-button>a{display:inline-block;height:40px;padding:0 16px;font-weight:500;border-radius:4px;border:1px solid #40a5ed;color:#0ae;font-size:15px;background:transparent;-webkit-transition:all .45s;transition:all .45s;text-align:center;line-height:36px;margin-left:8px}.banner-text-wrapper .start-button>a:hover{color:#fff;background:#40a5ed}.banner-text-wrapper .github-btn{float:right;line-height:14px;text-align:left}.banner-text-wrapper .github-btn a:hover{color:#333}.down{text-align:center;position:absolute;bottom:30px;color:hsla(0,0%,100%,.75);left:50%;margin-left:-7px;-webkit-animation:upDownMove 1.2s ease-in-out infinite alternate;animation:upDownMove 1.2s ease-in-out infinite alternate}.page{min-height:700px;height:100vh}.content-wrapper{width:100%;max-width:1500px;margin:auto;overflow:hidden;background:#fff}.content-wrapper .image-wrapper{width:65%;float:left;position:relative}.content-wrapper .text-wrapper{width:35%;float:left;position:relative;top:20%;left:-30px;font-family:Lato,Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;z-index:1}.content-wrapper .text-wrapper-bottom h2,.content-wrapper .text-wrapper h2{font-size:32px;color:rgba(0,0,0,.65);font-weight:400;white-space:nowrap}.content-wrapper .text-wrapper p{margin:10px 0 20px;font-size:16px;line-height:28px;color:#999}.content-wrapper .left-text{padding-left:10%}.image1{background:url("https://t.alipayobjects.com/images/T1Ch8kXfpdXXXXXXXX.png") no-repeat 100%/841px;height:511px;top:50%;margin-top:-256px}.image2{background:url("https://t.alipayobjects.com/images/T1r5RkXotXXXXXXXXX.png") no-repeat 0/800px;height:474px;top:50%;margin-top:-266px}.image3{padding-right:10%;background:url("https://t.alipayobjects.com/images/T1nx0kXdFfXXXXXXXX.png") no-repeat 100%/639px;background-origin:content-box;height:500px;top:50%;margin-top:-250px}.image4{background:url("https://t.alipayobjects.com/images/T1lyJkXg4aXXXXXXXX.png") no-repeat 50%/615px;height:364px;margin:auto}.text-wrapper-bottom{text-align:center;margin:10% auto 40px}.text-wrapper-bottom p{margin:20px auto;font-size:16px;line-height:28px;color:#999}@-webkit-keyframes upDownMove{to{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes upDownMove{to{-webkit-transform:translateY(10px);transform:translateY(10px)}}.prev-next-nav{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;font-size:14px;border-top:1px solid #e9e9e9}.prev-next-nav>.next-page,.prev-next-nav>.prev-page{padding:0 24px;width:50%;float:left;line-height:72px;height:72px}.prev-next-nav>a.prev-page:before{font-family:anticon;content:"\E61C";font-size:12px;margin-right:1em;color:rgba(0,0,0,.43);-webkit-transition:all .3s;transition:all .3s;position:relative;left:0}.prev-next-nav>a.prev-page:hover:before{color:#108ee9;left:-3px}.prev-next-nav>.next-page{text-align:right;float:right}.prev-next-nav>.next-page:after{font-family:anticon;content:"\E61B";font-size:12px;margin-left:1em;color:rgba(0,0,0,.43);-webkit-transition:all .3s;transition:all .3s;position:relative;right:0}.prev-next-nav>.next-page:hover:after{color:#108ee9;right:-3px}.prev-next-nav .chinese{margin-left:.5em}.markdown{color:rgba(0,0,0,.65);font-size:14px;line-height:1.8}.highlight{line-height:1.5}.markdown img{vertical-align:middle;max-width:100%}.markdown h1{color:rgba(0,0,0,.85);font-weight:500;line-height:40px;margin-bottom:24px;margin-top:8px;font-family:Lato,Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}.markdown h1 .subtitle{font-weight:400;font-size:90%;margin-left:12px}.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{color:rgba(0,0,0,.85);font-family:Lato,Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;margin:1.6em 0 .6em;font-weight:500;clear:both}.markdown h1{font-size:28px}.markdown h2{font-size:22px}.markdown h3{font-size:18px}.markdown h4{font-size:16px}.markdown h5{font-size:14px}.markdown h6{font-size:12px}.markdown hr{height:1px;border:0;background:#e9e9e9;margin:16px 0;clear:both}.markdown p,.markdown pre{margin:1em 0}.markdown ul>li{list-style-type:circle;margin-left:20px;padding-left:4px}.markdown ul>li:empty{display:none}.markdown ol>li{list-style-type:decimal;margin-left:20px;padding-left:4px}.markdown ol>li>p,.markdown ul>li>p{margin:.2em 0}.markdown code{margin:0 1px;background:#f7f7f7;padding:.2em .4em;border-radius:3px;font-size:.9em;border:1px solid #eee}.markdown pre{border-radius:4px;background:#f7f7f7;font-family:Lucida Console,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace}.markdown pre code{border:none;background:#f7f7f7;margin:0;padding:0;font-size:13px;color:rgba(0,0,0,.65);overflow:auto}.markdown b,.markdown strong{font-weight:600}.markdown>table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #e9e9e9;width:100%;margin:8px 0 16px}.markdown>table th{white-space:nowrap;color:#5c6b77;font-weight:600}.markdown>table td,.markdown>table th{border:1px solid #e9e9e9;padding:8px 16px;text-align:left}.markdown>table th{background:#f7f7f7}.markdown blockquote{font-size:90%;color:#999;border-left:4px solid #e9e9e9;padding-left:.8em;margin:1em 0}.markdown blockquote p{margin:0}.markdown .anchor{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;margin-left:8px}.markdown .waiting{color:#ccc;cursor:not-allowed}.markdown a.edit-button{line-height:12px;display:inline-block;margin-left:10px;height:12px}.markdown a.edit-button i{color:#999}.markdown a.edit-button i:hover{color:#108ee9}.markdown a.edit-button .anticon{display:block;font-size:16px}.markdown h1:hover .anchor,.markdown h2:hover .anchor,.markdown h3:hover .anchor,.markdown h4:hover .anchor,.markdown h5:hover .anchor,.markdown h6:hover .anchor{opacity:1;display:inline-block}.markdown>br,.markdown>p>br{clear:both}.markdown.api-container table{font-size:13px}.markdown.api-container table td:first-child{background:#fcfcfc;font-weight:500;width:20%;font-family:Lucida Console,Consolas,Menlo,Courier,monospace}.markdown.api-container table td:nth-child(3){width:22%;font-size:12px;font-family:Lucida Console,Consolas,Menlo,Courier,monospace}.markdown.api-container table td:last-child{width:13%;font-size:12px;font-family:Lucida Console,Consolas,Menlo,Courier,monospace}.grid-demo .code-box-demo .demo-row,.grid-demo .demo-row,[id^=components-grid-demo-] .code-box-demo .demo-row,[id^=components-grid-demo-] .demo-row{background-image:-webkit-linear-gradient(left,#f5f5f5 4.16666667%,transparent 0,transparent 8.33333333%,#f5f5f5 0,#f5f5f5 12.5%,transparent 0,transparent 16.66666667%,#f5f5f5 0,#f5f5f5 20.83333333%,transparent 0,transparent 25%,#f5f5f5 0,#f5f5f5 29.16666667%,transparent 0,transparent 33.33333333%,#f5f5f5 0,#f5f5f5 37.5%,transparent 0,transparent 41.66666667%,#f5f5f5 0,#f5f5f5 45.83333333%,transparent 0,transparent 50%,#f5f5f5 0,#f5f5f5 54.16666667%,transparent 0,transparent 58.33333333%,#f5f5f5 0,#f5f5f5 62.5%,transparent 0,transparent 66.66666667%,#f5f5f5 0,#f5f5f5 70.83333333%,transparent 0,transparent 75%,#f5f5f5 0,#f5f5f5 79.16666667%,transparent 0,transparent 83.33333333%,#f5f5f5 0,#f5f5f5 87.5%,transparent 0,transparent 91.66666667%,#f5f5f5 0,#f5f5f5 95.83333333%,transparent 0);background-image:linear-gradient(90deg,#f5f5f5 4.16666667%,transparent 0,transparent 8.33333333%,#f5f5f5 0,#f5f5f5 12.5%,transparent 0,transparent 16.66666667%,#f5f5f5 0,#f5f5f5 20.83333333%,transparent 0,transparent 25%,#f5f5f5 0,#f5f5f5 29.16666667%,transparent 0,transparent 33.33333333%,#f5f5f5 0,#f5f5f5 37.5%,transparent 0,transparent 41.66666667%,#f5f5f5 0,#f5f5f5 45.83333333%,transparent 0,transparent 50%,#f5f5f5 0,#f5f5f5 54.16666667%,transparent 0,transparent 58.33333333%,#f5f5f5 0,#f5f5f5 62.5%,transparent 0,transparent 66.66666667%,#f5f5f5 0,#f5f5f5 70.83333333%,transparent 0,transparent 75%,#f5f5f5 0,#f5f5f5 79.16666667%,transparent 0,transparent 83.33333333%,#f5f5f5 0,#f5f5f5 87.5%,transparent 0,transparent 91.66666667%,#f5f5f5 0,#f5f5f5 95.83333333%,transparent 0);overflow:hidden;margin-bottom:8px}.grid-demo .ant-row-flex,.grid-demo .code-box-demo .ant-row-flex,[id^=components-grid-demo-] .ant-row-flex,[id^=components-grid-demo-] .code-box-demo .ant-row-flex{background:#f5f5f5}.grid-demo .ant-row-flex>div,.grid-demo .ant-row>div,.grid-demo .code-box-demo .ant-row-flex>div,.grid-demo .code-box-demo .ant-row>div,[id^=components-grid-demo-] .ant-row-flex>div,[id^=components-grid-demo-] .ant-row>div,[id^=components-grid-demo-] .code-box-demo .ant-row-flex>div,[id^=components-grid-demo-] .code-box-demo .ant-row>div{padding:5px 0;text-align:center;border-radius:0;min-height:30px;margin-top:8px;margin-bottom:8px;color:#fff}.grid-demo .code-box-demo .ant-row-flex>div:not(.gutter-row),.grid-demo .code-box-demo .ant-row>div:not(.gutter-row),[id^=components-grid-demo-] .code-box-demo .ant-row-flex>div:not(.gutter-row),[id^=components-grid-demo-] .code-box-demo .ant-row>div:not(.gutter-row){background:#00a0e9;padding:16px 0}.grid-demo .code-box-demo .ant-row-flex>div:not(.gutter-row):nth-child(odd),.grid-demo .code-box-demo .ant-row>div:not(.gutter-row):nth-child(odd),[id^=components-grid-demo-] .code-box-demo .ant-row-flex>div:not(.gutter-row):nth-child(odd),[id^=components-grid-demo-] .code-box-demo .ant-row>div:not(.gutter-row):nth-child(odd){background:rgba(0,160,233,.7)}.grid-demo .ant-row .demo-col,.grid-demo .code-box-demo .ant-row .demo-col,[id^=components-grid-demo-] .ant-row .demo-col,[id^=components-grid-demo-] .code-box-demo .ant-row .demo-col{text-align:center;padding:30px 0;color:#fff;font-size:18px;border:none;margin-top:0;margin-bottom:0}.grid-demo .ant-row .demo-col-1,[id^=components-grid-demo-] .ant-row .demo-col-1{background:rgba(0,160,233,.7)}.grid-demo .ant-row .demo-col-2,.grid-demo .code-box-demo .ant-row .demo-col-2,[id^=components-grid-demo-] .ant-row .demo-col-2,[id^=components-grid-demo-] .code-box-demo .ant-row .demo-col-2{background:rgba(0,160,233,.5)}.grid-demo .ant-row .demo-col-3,.grid-demo .code-box-demo .ant-row .demo-col-3,[id^=components-grid-demo-] .ant-row .demo-col-3,[id^=components-grid-demo-] .code-box-demo .ant-row .demo-col-3{background:hsla(0,0%,100%,.2);color:#999}.grid-demo .ant-row .demo-col-4,.grid-demo .code-box-demo .ant-row .demo-col-4,[id^=components-grid-demo-] .ant-row .demo-col-4,[id^=components-grid-demo-] .code-box-demo .ant-row .demo-col-4{background:rgba(0,160,233,.6)}.grid-demo .ant-row .demo-col-5,.grid-demo .code-box-demo .ant-row .demo-col-5,[id^=components-grid-demo-] .ant-row .demo-col-5,[id^=components-grid-demo-] .code-box-demo .ant-row .demo-col-5{background:hsla(0,0%,100%,.5);color:#999}.grid-demo .code-box-demo .height-100,[id^=components-grid-demo-] .code-box-demo .height-100{height:100px;line-height:100px}.grid-demo .code-box-demo .height-50,[id^=components-grid-demo-] .code-box-demo .height-50{height:50px;line-height:50px}.grid-demo .code-box-demo .height-120,[id^=components-grid-demo-] .code-box-demo .height-120{height:120px;line-height:120px}.grid-demo .code-box-demo .height-80,[id^=components-grid-demo-] .code-box-demo .height-80{height:80px;line-height:80px}.markdown ul.ant-timeline li.ant-timeline-item{list-style:none;margin:0;padding:0 0 30px}.markdown ul.ant-timeline li.ant-timeline-item .ant-timeline-item-content{font-size:14px;padding-left:32px;position:relative;top:-14px}.markdown ul.ant-timeline li.ant-timeline-item .ant-timeline-item-content>h2{margin-top:0;padding-top:.5px}.markdown ul.ant-timeline li.ant-timeline-item:first-child{margin-top:40px}.resource-cards{width:100%}.resource-card{max-width:350px;width:40%;min-width:300px;height:130px;border:1px solid #e9e9e9;border-radius:4px;font-size:12px;color:#777;display:inline-block;margin:20px 40px 10px 0;vertical-align:middle;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;overflow:hidden}.resource-card:hover{box-shadow:0 3px 8px #d3ddeb;border-color:transparent}.resource-card:hover .resource-card-title{color:#108ee9}.resource-card.disabled{opacity:.45;pointer-events:none}.resource-card img{width:50px;margin:0 20px 0 24px}.resource-card-content,.resource-card img{display:inline-block;vertical-align:middle;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.resource-card-content{margin-left:92px}.resource-card-title{display:block;font-size:16px;color:rgba(0,0,0,.65);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.2;margin-bottom:6px}.resource-card-description{display:block;color:#999;padding-right:8px}.preview-image-boxes{float:right;margin:0 0 70px 20px;width:608px;clear:both}.preview-image-boxes-with-carousel{width:420px}.preview-image-boxes-with-carousel .preview-image-box img{padding:0}.preview-image-boxes+.preview-image-boxes{margin-top:-35px}.preview-image-box{width:100%;float:left;padding:0 8px}.preview-image-wrapper{background:#f7f7f7;padding:16px;display:inline-block;text-align:center;width:100%;position:relative}.preview-image-wrapper.video{padding:0;background:0;display:block}.preview-image-wrapper video{width:100%;display:block}.preview-image-wrapper video+svg{position:absolute;top:0;left:0}.preview-image-wrapper.good:after{background:#108ee9}.preview-image-wrapper.bad:after,.preview-image-wrapper.good:after{content:"";width:100%;height:3px;display:block;position:absolute;bottom:0;left:0}.preview-image-wrapper.bad:after{background:#f04134}.preview-image-title{font-size:12px;margin-top:5px;color:rgba(0,0,0,.65)}.preview-image-description{font-size:12px;margin-top:2px;color:rgba(0,0,0,.43);line-height:1.5}.preview-image-description hr{margin:2px 0;border:0;background:none}.preview-image-box img{cursor:pointer;max-width:100%;-webkit-transition:all .3s;transition:all .3s;background:#fff;padding:12px;border-radius:4px}.preview-image-box img.no-padding{padding:0;background:none}.preview-image-boxes.preview-image-boxes-with-carousel img{padding:0;box-shadow:0 1px 0 0 #ddd,0 3px 0 0 #fff,0 4px 0 0 #ddd,0 6px 0 0 #fff,0 7px 0 0 #ddd}.preview-image-box img:hover{box-shadow:1px 1px 6px rgba(0,0,0,.3)}.image-modal{text-align:center}.image-modal-container{position:relative;text-align:center}.image-modal .ant-carousel .slick-slider{padding-bottom:24px}.image-modal .ant-carousel .slick-slider img{display:inline;max-width:100%}.image-modal .ant-carousel .slick-dots{bottom:4px}.image-modal .ant-carousel .slick-dots li button{background:#888}.image-modal .image-modal-single.slick-slider{padding-bottom:0}.image-modal .image-modal-single .slick-dots{display:none!important}.transition-video-player{float:right;padding:0 0 70px 20px;width:600px}.transition-video-player .preview-image-wrapper{padding:0}.toc{font-size:14px;margin:24px 0;border-left:1px solid #e9e9e9;list-style:none}.markdown .toc{background:#fbfbfb;border-left:2px solid #eee}.toc>ul{padding:8px 0;list-style:none}.toc>ul li{list-style:none;margin:0}.toc li>ul{text-indent:8px;font-size:12px;display:none}.toc a{padding-left:16px;display:block;-webkit-transition:all .3s ease;transition:all .3s ease;white-space:nowrap;overflow:hidden;color:rgba(0,0,0,.65)}.toc a:hover{color:#108ee9}.toc a.current{border-color:#108ee9;color:#108ee9}.toc-affix{position:absolute;top:8px;right:20px}.demos-anchor{color:#aaa;font-size:12px;margin-top:-4px}.demos-anchor a{padding-left:8px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:110px}#page-404{background-image:url("https://os.alipayobjects.com/rmsportal/NOAjOBbnYCrNzrW.jpg");width:100%;height:100%;background-repeat:no-repeat;background-attachment:fixed;background-position:50%;background-size:100%;position:fixed;top:0;left:0;right:0;bottom:0;z-index:100}#page-404 section{position:absolute;top:48%;left:55%;margin:-103px 0 0 -120px;text-align:center}#page-404 h1{color:#108ee9;font-size:120px;font-weight:500}#page-404 p{color:rgba(0,0,0,.65);font-size:18px}pre code{display:block;background:#fff;color:rgba(0,0,0,.65);line-height:1.7;border:1px solid #e9e9e9;padding:10px 15px;border-radius:4px;font-size:13px}code[class*=language-],pre[class*=language-],pre code{white-space:pre;font-family:Lucida Console,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace}code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;direction:ltr;text-align:left;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:1.2em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f7f7f7}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#bb0606}.language-css .token.string,.style .token.string,.token.attr-name,.token.builtin,.token.char,.token.entity,.token.inserted,.token.operator,.token.selector,.token.string,.token.url{color:#690}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.code-boxes-col-1-1{width:100%}.code-boxes-col-2-1{display:inline-block;vertical-align:top}.code-box{border:1px solid #e9e9e9;border-radius:4px;display:inline-block;width:100%;position:relative;margin:0 0 16px;-webkit-transition:all .2s;transition:all .2s}.code-box:target{border:1px solid #108ee9;z-index:10}.code-box-expand-trigger{cursor:pointer;font-size:14px;color:#9199ac;margin-left:5px;opacity:.8;-webkit-transition:all .3s;transition:all .3s;top:-2px;position:relative}.code-box-expand-trigger-active{color:#3b4357}.code-box-title{position:absolute;top:-14px;padding:1px 8px;margin-left:-8px;color:#777;border-radius:4px 4px 0 0;background:#fff;-webkit-transition:background-color .4s;transition:background-color .4s}.code-box-title a,.code-box-title a:hover{color:rgba(0,0,0,.65);font-size:14px;font-weight:500}.code-box a.edit-button{position:absolute;right:-16px;top:7px;font-size:12px;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);background:#fff;padding-right:6px}.code-box-demo{border-bottom:1px solid #e9e9e9;padding:42px 20px 50px}.code-box iframe{width:100%;border:0}.code-box-meta.markdown{position:relative;padding:17px 16px 15px 20px;border-radius:0 0 4px 4px;-webkit-transition:background-color .4s;transition:background-color .4s;width:100%;font-size:12px}.code-box-meta blockquote{margin:0}.code-box-meta h4,section.code-box-meta p{margin:4px 0;width:98%}.code-box-meta>p{font-size:12px;margin:.5em 0;padding-right:25px;width:100%;word-break:break-word}.code-box.expand .code-box-meta{border-radius:0;border-bottom:1px dashed #e9e9e9}.code-box .collapse{position:absolute;right:14px;bottom:22px;cursor:pointer;width:16px;height:16px;font-size:16px;line-height:16px;opacity:.5;text-align:center;-webkit-transition:all .3s;transition:all .3s;color:#999;background:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:100%}.code-box.expand .collapse{color:#0d72ba;-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}.code-box.expand .collapse:hover{opacity:1}.code-box .highlight-wrapper{display:none;overflow:auto;border-radius:0 0 4px 4px}.code-box .highlight-wrapper-expand{display:block}.code-box .highlight{position:relative}.code-box .highlight pre{margin:0;padding:0;background:#fff}.code-box .highlight:not(:first-child){border-top:1px dashed #e9e9e9}.code-box-code-copy{position:absolute;top:10px;right:12px;margin:0!important;font-size:14px;cursor:pointer;color:#888;-webkit-transition:all .24s;transition:all .24s;background:#fff;width:20px;height:20px;line-height:20px;text-align:center;border-radius:20px;opacity:0}.code-box-code-copy:hover{color:#108ee9;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.code-box-code-copy.anticon-check{color:#00a854!important;font-weight:700}.highlight-wrapper:hover .code-box-code-copy{opacity:1}.code-box pre{margin:0;width:auto}.code-box pre code{border:none;background:#fff}.color-palette{margin:45px 0}.color-palette-pick{text-align:center;font-size:20px;margin-bottom:8px}.color-palette-picker{margin:12px 0 24px}.color-palette-picker-value{font-size:13px;font-family:Consolas}.main-color{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.main-color-item{cursor:pointer;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:80px;border-radius:4px;float:left;margin-right:4px;-webkit-transition:all .2s;transition:all .2s;position:relative;text-align:center;padding-top:28px;font-family:Consolas;font-size:12px}.main-color-item:last-child{margin-right:0}.main-color-item:hover{margin-top:-10px;height:90px}.main-color-item .main-color-value{font-size:12px;position:absolute;bottom:-4px;-webkit-transform:scale(.85);-ms-transform:scale(.85);transform:scale(.85);left:0;width:100%;text-align:center;opacity:0;-webkit-transition:all .2s ease .1s;transition:all .2s ease .1s}.color-title{margin:0 0 24px;font-weight:500;color:#5c6b77;font-size:26px;text-transform:capitalize;text-align:center}.color-description{font-size:12px;font-weight:lighter;color:#777;display:block}.main-color:hover .main-color-item{padding-top:4px}.main-color:hover .main-color-value{opacity:.7;bottom:3px}.main-color .palatte-blue-1{background:#ecf6fd}.main-color .palatte-blue-2{background:#d2eafb}.main-color .palatte-blue-3{background:#add8f7}.main-color .palatte-blue-4{background:#7ec2f3}.main-color .palatte-blue-5{background:#49a9ee}.main-color .palatte-blue-6{background:#108ee9}.main-color .palatte-blue-7{background:#0e77ca}.main-color .palatte-blue-8{background:#0c60aa}.main-color .palatte-blue-9{background:#09488a}.main-color .palatte-blue-10{background:#073069}.main-color .palatte-purple-1{background:#f4f3fd}.main-color .palatte-purple-2{background:#e4e2fa}.main-color .palatte-purple-3{background:#cfcaf6}.main-color .palatte-purple-4{background:#b3acf2}.main-color .palatte-purple-5{background:#948aec}.main-color .palatte-purple-6{background:#7265e6}.main-color .palatte-purple-7{background:#6252cd}.main-color .palatte-purple-8{background:#533eb4}.main-color .palatte-purple-9{background:#42299a}.main-color .palatte-purple-10{background:#321580}.main-color .palatte-cyan-1{background:#ebf8f9}.main-color .palatte-cyan-2{background:#cfedf0}.main-color .palatte-cyan-3{background:#a7dfe3}.main-color .palatte-cyan-4{background:#76cdd3}.main-color .palatte-cyan-5{background:#3db8c1}.main-color .palatte-cyan-6{background:#00a2ae}.main-color .palatte-cyan-7{background:#008997}.main-color .palatte-cyan-8{background:#00707f}.main-color .palatte-cyan-9{background:#005667}.main-color .palatte-cyan-10{background:#003c4e}.main-color .palatte-green-1{background:#ebf8f2}.main-color .palatte-green-2{background:#cfefdf}.main-color .palatte-green-3{background:#a7e1c4}.main-color .palatte-green-4{background:#76d0a3}.main-color .palatte-green-5{background:#3dbd7d}.main-color .palatte-green-6{background:#00a854}.main-color .palatte-green-7{background:#00924c}.main-color .palatte-green-8{background:#007b43}.main-color .palatte-green-9{background:#00643b}.main-color .palatte-green-10{background:#004c32}.main-color .palatte-pink-1{background:#feeff5}.main-color .palatte-pink-2{background:#fdd8e7}.main-color .palatte-pink-3{background:#fcb8d3}.main-color .palatte-pink-4{background:#fa90ba}.main-color .palatte-pink-5{background:#f7629e}.main-color .palatte-pink-6{background:#f5317f}.main-color .palatte-pink-7{background:#dc277d}.main-color .palatte-pink-8{background:#c11c7b}.main-color .palatte-pink-9{background:#a71278}.main-color .palatte-pink-10{background:#8c0776}.main-color .palatte-red-1{background:#fef0ef}.main-color .palatte-red-2{background:#fcdbd9}.main-color .palatte-red-3{background:#fabeb9}.main-color .palatte-red-4{background:#f79992}.main-color .palatte-red-5{background:#f46e65}.main-color .palatte-red-6{background:#f04134}.main-color .palatte-red-7{background:#d73435}.main-color .palatte-red-8{background:#bd2636}.main-color .palatte-red-9{background:#a31837}.main-color .palatte-red-10{background:#880a38}.main-color .palatte-orange-1{background:#fef3eb}.main-color .palatte-orange-2{background:#fde3cf}.main-color .palatte-orange-3{background:#fccca7}.main-color .palatte-orange-4{background:#faaf76}.main-color .palatte-orange-5{background:#f78e3d}.main-color .palatte-orange-6{background:#f56a00}.main-color .palatte-orange-7{background:#d75000}.main-color .palatte-orange-8{background:#b93600}.main-color .palatte-orange-9{background:#991b00}.main-color .palatte-orange-10{background:#7a0000}.main-color .palatte-yellow-1{background:#fffaeb}.main-color .palatte-yellow-2{background:#fff3cf}.main-color .palatte-yellow-3{background:#ffe9a7}.main-color .palatte-yellow-4{background:#ffdd76}.main-color .palatte-yellow-5{background:#ffce3d}.main-color .palatte-yellow-6{background:#ffbf00}.main-color .palatte-yellow-7{background:#e09a00}.main-color .palatte-yellow-8{background:#c17500}.main-color .palatte-yellow-9{background:#a04f00}.main-color .palatte-yellow-10{background:#802800}.main-color .palatte-grey-1{background:#fbfbfb}.main-color .palatte-grey-2{background:#f7f7f7}.main-color .palatte-grey-3{background:#f5f5f5}.main-color .palatte-grey-4{background:#e9e9e9}.main-color .palatte-grey-5{background:#d9d9d9}.main-color .palatte-grey-6{background:#bfbfbf}.main-color .palatte-grey-7{background:#919191}.main-color .palatte-grey-8{background:#5a5a5a}.main-color .palatte-grey-9{background:#404040}.main-color .palatte-grey-10{background:#222}ul.anticons-list{margin:40px 0;list-style:none;overflow:hidden}ul.anticons-list li{float:left;width:16.66%;text-align:center;list-style:none;cursor:pointer;height:100px;color:#555;-webkit-transition:all .3s;transition:all .3s;position:relative;margin:3px 0;border-radius:4px;background-color:#fff;overflow:hidden;padding:10px 0 0}ul.anticons-list li .anticon{font-size:24px;margin:12px 0 16px;-webkit-transition:all .3s;transition:all .3s}ul.anticons-list li .anticon-class{display:block;text-align:center;-webkit-transform:scale(.83);-ms-transform:scale(.83);transform:scale(.83);font-family:Lucida Console,Consolas;white-space:nowrap}ul.anticons-list li:hover{background-color:#108ee9;color:#fff}ul.anticons-list li:hover .anticon{-webkit-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4)}ul.anticons-list li.copied:hover{color:hsla(0,0%,100%,.2)}ul.anticons-list li:after{position:absolute;top:0;left:0;height:100%;width:100%;content:"Copied!";text-align:center;line-height:110px;color:#fff;-webkit-transition:all .3s cubic-bezier(.18,.89,.32,1.28);transition:all .3s cubic-bezier(.18,.89,.32,1.28);opacity:0}ul.anticons-list li.copied:after{opacity:1;top:-10px}.browser-mockup{border-top:2em solid hsla(0,0%,90%,.7);box-shadow:0 .1em .5em 0 rgba(0,0,0,.28);position:relative;border-radius:3px 3px 0 0}.browser-mockup:before{display:block;position:absolute;content:"";top:-1.25em;left:1em;width:.5em;height:.5em;border-radius:50%;background-color:#f44;box-shadow:0 0 0 2px #f44,1.5em 0 0 2px #9b3,3em 0 0 2px #fb5}.browser-mockup.with-tab:after{display:block;position:absolute;content:"";top:-2em;left:5.5em;width:20%;height:0;border-bottom:2em solid #fff;border-left:.8em solid transparent;border-right:.8em solid transparent}.browser-mockup.with-url:after{display:block;position:absolute;content:"";top:-1.6em;left:5.5em;width:calc(100% - 6em);height:1.2em;border-radius:2px;background-color:#fff}.browser-mockup>*{display:block}.new-version-info-modal img{width:100px;position:absolute;left:34px;top:36px}.new-version-info-modal p{margin-top:1em}.new-version-info-modal .anticon{display:none}.new-version-info-modal .ant-confirm-body{margin-left:120px}.new-version-info-modal .ant-confirm-body .ant-confirm-title{font-size:18px}.new-version-info-modal .ant-confirm-body .ant-confirm-content{margin-left:0}.motion-container{height:190px;line-height:190px;text-align:center;margin:40px 0 20px}.motion-example{width:180px;height:180px;line-height:180px;font-size:18px;color:#fff;text-align:center;display:inline-block!important;border-radius:8px;-webkit-animation-duration:.5s!important;animation-duration:.5s!important;font-weight:700;background:url(https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg) 50%/180px}.motion-select-wrapper{text-align:center;margin-bottom:40px}.motion-select{text-align:left;width:180px}.video-player{position:relative;max-width:800px}.video-player-right{width:616px;float:right}.nav-phone-icon{display:none;position:absolute;right:30px;top:32px;z-index:1;width:16px;height:22px;cursor:pointer}@media only screen and (min-width:0) and (max-width:1280px){.en-us #search-box{display:none}}@media only screen and (min-width:0) and (max-width:1080px){.zh-cn #search-box{display:none}}@media only screen and (min-width:0) and (max-width:992px){#search-box{display:none}.code-boxes-col-1-1,.code-boxes-col-2-1,.preview-image-boxes{float:none;width:100%}.preview-image-boxes{margin:0!important}.preview-image-box{padding-left:0;margin:10px 0}a#logo{width:150px;margin-left:auto;margin-right:auto;float:none;display:block}.banner-entry{position:relative;top:30px;left:0;text-align:center}.image-wrapper{display:none}.banner-wrapper{background-position:40%}.content-wrapper .text-wrapper{float:none;text-align:center;left:0;width:100%;padding:0}.content-wrapper .text-wrapper>p{max-width:100%!important;padding:0 40px}.content-wrapper.page{min-height:300px;height:300px}.banner-text-wrapper{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);text-align:center}.banner-text-wrapper .start-button{text-align:center}.banner-text-wrapper .start-button>a{margin:0 4px}.banner-text-wrapper .github-btn{text-align:center;float:none;display:inline-block}.banner-text-wrapper .line{display:none}button.lang{color:rgba(0,0,0,.65);border-color:rgba(0,0,0,.65)}button.lang,div.version{display:block;margin:29px auto 16px}div.version>.ant-select-selection{color:rgba(0,0,0,.65)}div.version>.ant-select-selection:not(:hover){border-color:rgba(0,0,0,.65)}.popover-menu{width:300px}.popover-menu button.lang{margin:16px auto;float:none}.popover-menu div.version{margin:32px auto 16px;float:none}.popover-menu .ant-popover-inner{overflow:hidden}.popover-menu .ant-popover-inner-content{padding:0}ul#nav,ul#nav li{width:100%;font-size:14px}ul#nav li{line-height:60px;height:60px;padding:0!important;border:0}ul#nav li a{color:#333}.toc{display:none}.nav-phone-icon{display:block}.nav-phone-icon:before{content:"";display:block;border-radius:2px;width:16px;height:2px;background:#777;box-shadow:0 6px 0 0 #777,0 12px 0 0 #777;position:absolute}.main{height:14%}.aside-container{float:none;width:auto;padding-bottom:30px;border-bottom:1px solid #e9e9e9;border-right:0;margin-bottom:30px}.main-container{padding-left:16px;padding-right:16px;margin-right:0}.main-container>.markdown>*{width:100%!important}.main-wrapper{width:100%;border-radius:0;margin:0}footer{text-align:center}footer ul li{float:none;width:auto}footer ul li>h2 .anticon{display:none}}
\ No newline at end of file
+.anticon-search:before{content:"\E670"}.anticon-share-alt:before{content:"\E671"}.anticon-setting:before{content:"\E672"}.anticon-poweroff:before{content:"\E6D5"}.anticon-picture:before{content:"\E674"}.anticon-phone:before{content:"\E675"}.anticon-paper-clip:before{content:"\E676"}.anticon-notification:before{content:"\E677"}.anticon-mobile:before{content:"\E678"}.anticon-menu-unfold:before{content:"\E679"}.anticon-inbox:before{content:"\E67A"}.anticon-lock:before{content:"\E67B"}.anticon-qrcode:before{content:"\E67C"}.anticon-play-circle:before{content:"\E6D0"}.anticon-play-circle-o:before{content:"\E6D1"}.anticon-tag:before{content:"\E6D2"}.anticon-tag-o:before{content:"\E6D3"}.anticon-tags:before{content:"\E67D"}.anticon-tags-o:before{content:"\E67E"}.anticon-cloud-o:before{content:"\E67F"}.anticon-cloud:before{content:"\E680"}.anticon-cloud-upload:before{content:"\E681"}.anticon-cloud-download:before{content:"\E682"}.anticon-cloud-download-o:before{content:"\E683"}.anticon-cloud-upload-o:before{content:"\E684"}.anticon-environment:before{content:"\E685"}.anticon-environment-o:before{content:"\E686"}.anticon-eye:before{content:"\E687"}.anticon-eye-o:before{content:"\E688"}.anticon-camera:before{content:"\E689"}.anticon-camera-o:before{content:"\E68A"}.anticon-windows:before{content:"\E68B"}.anticon-apple:before{content:"\E68C"}.anticon-apple-o:before{content:"\E6D4"}.anticon-android:before{content:"\E938"}.anticon-android-o:before{content:"\E68D"}.anticon-aliwangwang:before{content:"\E68E"}.anticon-aliwangwang-o:before{content:"\E68F"}.anticon-export:before{content:"\E691"}.anticon-edit:before{content:"\E692"}.anticon-circle-down-o:before{content:"\E693"}.anticon-circle-down-:before{content:"\E694"}.anticon-appstore-o:before{content:"\E695"}.anticon-appstore:before{content:"\E696"}.anticon-scan:before{content:"\E697"}.anticon-file-text:before{content:"\E698"}.anticon-folder-open:before{content:"\E699"}.anticon-hdd:before{content:"\E69A"}.anticon-ie:before{content:"\E69B"}.anticon-file-jpg:before{content:"\E69C"}.anticon-like:before{content:"\E64C"}.anticon-like-o:before{content:"\E69D"}.anticon-dislike:before{content:"\E64B"}.anticon-dislike-o:before{content:"\E69E"}.anticon-delete:before{content:"\E69F"}.anticon-enter:before{content:"\E6A0"}.anticon-pushpin-o:before{content:"\E6A1"}.anticon-pushpin:before{content:"\E6A2"}.anticon-heart:before{content:"\E6A3"}.anticon-heart-o:before{content:"\E6A4"}.anticon-pay-circle:before{content:"\E6A5"}.anticon-pay-circle-o:before{content:"\E6A6"}.anticon-smile-circle:before,.anticon-smile:before{content:"\E6A7"}.anticon-smile-o:before{content:"\E6A8"}.anticon-frown-o:before{content:"\E6A9"}.anticon-calculator:before{content:"\E6AA"}.anticon-message:before{content:"\E6AB"}.anticon-chrome:before{content:"\E6AC"}.anticon-github:before{content:"\E6AD"}.anticon-file-unknown:before{content:"\E6AF"}.anticon-file-excel:before{content:"\E6B0"}.anticon-file-ppt:before{content:"\E6B1"}.anticon-file-word:before{content:"\E6B2"}.anticon-file-pdf:before{content:"\E6B3"}.anticon-desktop:before{content:"\E6B4"}.anticon-upload:before{content:"\E6B6"}.anticon-download:before{content:"\E6B7"}.anticon-pie-chart:before{content:"\E6B8"}.anticon-unlock:before{content:"\E6BA"}.anticon-calendar:before{content:"\E6BB"}.anticon-windows-o:before{content:"\E6BC"}.anticon-dot-chart:before{content:"\E6BD"}.anticon-bar-chart:before{content:"\E6BE"}.anticon-code:before{content:"\E6BF"}.anticon-api:before{content:"\E951"}.anticon-plus-square:before{content:"\E6C0"}.anticon-minus-square:before{content:"\E6C1"}.anticon-close-square:before{content:"\E6C2"}.anticon-close-square-o:before{content:"\E6C3"}.anticon-check-square:before{content:"\E6C4"}.anticon-check-square-o:before{content:"\E6C5"}.anticon-fast-backward:before{content:"\E6C6"}.anticon-fast-forward:before{content:"\E6C7"}.anticon-up-square:before{content:"\E6C8"}.anticon-down-square:before{content:"\E6C9"}.anticon-left-square:before{content:"\E6CA"}.anticon-right-square:before{content:"\E6CB"}.anticon-right-square-o:before{content:"\E6CC"}.anticon-left-square-o:before{content:"\E6CD"}.anticon-down-square-o:before{content:"\E6CE"}.anticon-up-square-o:before{content:"\E6CF"}.anticon-loading:before{content:"\E64D"}.anticon-loading-3-quarters:before{content:"\E6AE"}.anticon-bulb:before{content:"\E649"}.anticon-select:before{content:"\E64A"}.anticon-addfile:before,.anticon-file-add:before{content:"\E910"}.anticon-addfolder:before,.anticon-folder-add:before{content:"\E914"}.anticon-switcher:before{content:"\E913"}.anticon-rocket:before{content:"\E90F"}.anticon-dingding:before{content:"\E923"}.anticon-dingding-o:before{content:"\E925"}.anticon-bell:before{content:"\E64E"}.anticon-disconnect:before{content:"\E64F"}.anticon-database:before{content:"\E650"}.anticon-compass:before{content:"\E6DB"}.anticon-barcode:before{content:"\E652"}.anticon-hourglass:before{content:"\E653"}.anticon-key:before{content:"\E654"}.anticon-flag:before{content:"\E655"}.anticon-layout:before{content:"\E656"}.anticon-login:before{content:"\E657"}.anticon-printer:before{content:"\E673"}.anticon-sound:before{content:"\E6E9"}.anticon-usb:before{content:"\E6D7"}.anticon-skin:before{content:"\E6D8"}.anticon-tool:before{content:"\E6D9"}.anticon-sync:before{content:"\E6DA"}.anticon-wifi:before{content:"\E6D6"}.anticon-car:before{content:"\E6DC"}.anticon-copyright:before{content:"\E6DE"}.anticon-schedule:before{content:"\E6DF"}.anticon-user-add:before{content:"\E6ED"}.anticon-user-delete:before{content:"\E6E0"}.anticon-usergroup-add:before{content:"\E6DD"}.anticon-usergroup-delete:before{content:"\E6E1"}.anticon-man:before{content:"\E6E2"}.anticon-woman:before{content:"\E6EC"}.anticon-shop:before{content:"\E6E3"}.anticon-gift:before{content:"\E6E4"}.anticon-idcard:before{content:"\E6E5"}.anticon-medicine-box:before{content:"\E6E6"}.anticon-red-envelope:before{content:"\E6E7"}.anticon-coffee:before{content:"\E6E8"}.anticon-trademark:before{content:"\E651"}.anticon-safety:before{content:"\E6EA"}.anticon-wallet:before{content:"\E6EB"}.anticon-bank:before{content:"\E6EE"}.anticon-trophy:before{content:"\E6EF"}.anticon-contacts:before{content:"\E6F0"}.anticon-global:before{content:"\E6F1"}.anticon-shake:before{content:"\E94F"}.anticon-spin:before{display:inline-block;-webkit-animation:loadingCircle 1s infinite linear;animation:loadingCircle 1s infinite linear}.fade-appear,.fade-enter,.fade-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.fade-appear.fade-appear-active,.fade-enter.fade-enter-active{-webkit-animation-name:antFadeIn;animation-name:antFadeIn;-webkit-animation-play-state:running;animation-play-state:running}.fade-leave.fade-leave-active{-webkit-animation-name:antFadeOut;animation-name:antFadeOut;-webkit-animation-play-state:running;animation-play-state:running}.fade-appear,.fade-enter{opacity:0}.fade-appear,.fade-enter,.fade-leave{-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes antFadeIn{0%{opacity:0}to{opacity:1}}@keyframes antFadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes antFadeOut{0%{opacity:1}to{opacity:0}}@keyframes antFadeOut{0%{opacity:1}to{opacity:0}}.move-up-appear,.move-up-enter,.move-up-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.move-up-appear.move-up-appear-active,.move-up-enter.move-up-enter-active{-webkit-animation-name:antMoveUpIn;animation-name:antMoveUpIn;-webkit-animation-play-state:running;animation-play-state:running}.move-up-leave.move-up-leave-active{-webkit-animation-name:antMoveUpOut;animation-name:antMoveUpOut;-webkit-animation-play-state:running;animation-play-state:running}.move-up-appear,.move-up-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.move-up-leave{-webkit-animation-timing-function:cubic-bezier(.6,.04,.98,.34);animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.move-down-appear,.move-down-enter,.move-down-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.move-down-appear.move-down-appear-active,.move-down-enter.move-down-enter-active{-webkit-animation-name:antMoveDownIn;animation-name:antMoveDownIn;-webkit-animation-play-state:running;animation-play-state:running}.move-down-leave.move-down-leave-active{-webkit-animation-name:antMoveDownOut;animation-name:antMoveDownOut;-webkit-animation-play-state:running;animation-play-state:running}.move-down-appear,.move-down-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.move-down-leave{-webkit-animation-timing-function:cubic-bezier(.6,.04,.98,.34);animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.move-left-appear,.move-left-enter,.move-left-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.move-left-appear.move-left-appear-active,.move-left-enter.move-left-enter-active{-webkit-animation-name:antMoveLeftIn;animation-name:antMoveLeftIn;-webkit-animation-play-state:running;animation-play-state:running}.move-left-leave.move-left-leave-active{-webkit-animation-name:antMoveLeftOut;animation-name:antMoveLeftOut;-webkit-animation-play-state:running;animation-play-state:running}.move-left-appear,.move-left-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.move-left-leave{-webkit-animation-timing-function:cubic-bezier(.6,.04,.98,.34);animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.move-right-appear,.move-right-enter,.move-right-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.move-right-appear.move-right-appear-active,.move-right-enter.move-right-enter-active{-webkit-animation-name:antMoveRightIn;animation-name:antMoveRightIn;-webkit-animation-play-state:running;animation-play-state:running}.move-right-leave.move-right-leave-active{-webkit-animation-name:antMoveRightOut;animation-name:antMoveRightOut;-webkit-animation-play-state:running;animation-play-state:running}.move-right-appear,.move-right-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.move-right-leave{-webkit-animation-timing-function:cubic-bezier(.6,.04,.98,.34);animation-timing-function:cubic-bezier(.6,.04,.98,.34)}@-webkit-keyframes antMoveDownIn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes antMoveDownIn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes antMoveDownOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes antMoveDownOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@-webkit-keyframes antMoveLeftIn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes antMoveLeftIn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes antMoveLeftOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@keyframes antMoveLeftOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@-webkit-keyframes antMoveRightIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes antMoveRightIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes antMoveRightOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@keyframes antMoveRightOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@-webkit-keyframes antMoveUpIn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes antMoveUpIn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes antMoveUpOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes antMoveUpOut{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@-webkit-keyframes loadingCircle{0%{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loadingCircle{0%{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.slide-up-appear,.slide-up-enter,.slide-up-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.slide-up-appear.slide-up-appear-active,.slide-up-enter.slide-up-enter-active{-webkit-animation-name:antSlideUpIn;animation-name:antSlideUpIn;-webkit-animation-play-state:running;animation-play-state:running}.slide-up-leave.slide-up-leave-active{-webkit-animation-name:antSlideUpOut;animation-name:antSlideUpOut;-webkit-animation-play-state:running;animation-play-state:running}.slide-up-appear,.slide-up-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1)}.slide-up-leave{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.slide-down-appear,.slide-down-enter,.slide-down-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.slide-down-appear.slide-down-appear-active,.slide-down-enter.slide-down-enter-active{-webkit-animation-name:antSlideDownIn;animation-name:antSlideDownIn;-webkit-animation-play-state:running;animation-play-state:running}.slide-down-leave.slide-down-leave-active{-webkit-animation-name:antSlideDownOut;animation-name:antSlideDownOut;-webkit-animation-play-state:running;animation-play-state:running}.slide-down-appear,.slide-down-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1)}.slide-down-leave{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.slide-left-appear,.slide-left-enter,.slide-left-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.slide-left-appear.slide-left-appear-active,.slide-left-enter.slide-left-enter-active{-webkit-animation-name:antSlideLeftIn;animation-name:antSlideLeftIn;-webkit-animation-play-state:running;animation-play-state:running}.slide-left-leave.slide-left-leave-active{-webkit-animation-name:antSlideLeftOut;animation-name:antSlideLeftOut;-webkit-animation-play-state:running;animation-play-state:running}.slide-left-appear,.slide-left-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1)}.slide-left-leave{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.slide-right-appear,.slide-right-enter,.slide-right-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.slide-right-appear.slide-right-appear-active,.slide-right-enter.slide-right-enter-active{-webkit-animation-name:antSlideRightIn;animation-name:antSlideRightIn;-webkit-animation-play-state:running;animation-play-state:running}.slide-right-leave.slide-right-leave-active{-webkit-animation-name:antSlideRightOut;animation-name:antSlideRightOut;-webkit-animation-play-state:running;animation-play-state:running}.slide-right-appear,.slide-right-enter{opacity:0;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1)}.slide-right-leave{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@-webkit-keyframes antSlideUpIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes antSlideUpIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes antSlideUpOut{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@keyframes antSlideUpOut{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@-webkit-keyframes antSlideDownIn{0%{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes antSlideDownIn{0%{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes antSlideDownOut{0%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@keyframes antSlideDownOut{0%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@-webkit-keyframes antSlideLeftIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes antSlideLeftIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes antSlideLeftOut{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1);transform:scaleX(1)}to{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}}@keyframes antSlideLeftOut{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1);transform:scaleX(1)}to{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}}@-webkit-keyframes antSlideRightIn{0%{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}to{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes antSlideRightIn{0%{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}to{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes antSlideRightOut{0%{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(1);transform:scaleX(1)}to{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}}@keyframes antSlideRightOut{0%{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(1);transform:scaleX(1)}to{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.8);transform:scaleX(.8)}}.swing-appear,.swing-enter{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.swing-appear.swing-appear-active,.swing-enter.swing-enter-active{-webkit-animation-name:antSwingIn;animation-name:antSwingIn;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes antSwingIn{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}40%{-webkit-transform:translateX(10px);transform:translateX(10px)}60%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}80%{-webkit-transform:translateX(5px);transform:translateX(5px)}}@keyframes antSwingIn{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}40%{-webkit-transform:translateX(10px);transform:translateX(10px)}60%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}80%{-webkit-transform:translateX(5px);transform:translateX(5px)}}.zoom-appear,.zoom-enter,.zoom-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.zoom-appear.zoom-appear-active,.zoom-enter.zoom-enter-active{-webkit-animation-name:antZoomIn;animation-name:antZoomIn;-webkit-animation-play-state:running;animation-play-state:running}.zoom-leave.zoom-leave-active{-webkit-animation-name:antZoomOut;animation-name:antZoomOut;-webkit-animation-play-state:running;animation-play-state:running}.zoom-appear,.zoom-enter{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-leave{-webkit-animation-timing-function:cubic-bezier(.78,.14,.15,.86);animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-big-appear,.zoom-big-enter,.zoom-big-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.zoom-big-appear.zoom-big-appear-active,.zoom-big-enter.zoom-big-enter-active{-webkit-animation-name:antZoomBigIn;animation-name:antZoomBigIn;-webkit-animation-play-state:running;animation-play-state:running}.zoom-big-leave.zoom-big-leave-active{-webkit-animation-name:antZoomBigOut;animation-name:antZoomBigOut;-webkit-animation-play-state:running;animation-play-state:running}.zoom-big-appear,.zoom-big-enter{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-big-leave{-webkit-animation-timing-function:cubic-bezier(.78,.14,.15,.86);animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-big-fast-appear,.zoom-big-fast-enter,.zoom-big-fast-leave{-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.zoom-big-fast-appear.zoom-big-fast-appear-active,.zoom-big-fast-enter.zoom-big-fast-enter-active{-webkit-animation-name:antZoomBigIn;animation-name:antZoomBigIn;-webkit-animation-play-state:running;animation-play-state:running}.zoom-big-fast-leave.zoom-big-fast-leave-active{-webkit-animation-name:antZoomBigOut;animation-name:antZoomBigOut;-webkit-animation-play-state:running;animation-play-state:running}.zoom-big-fast-appear,.zoom-big-fast-enter{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-big-fast-leave{-webkit-animation-timing-function:cubic-bezier(.78,.14,.15,.86);animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-up-appear,.zoom-up-enter,.zoom-up-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.zoom-up-appear.zoom-up-appear-active,.zoom-up-enter.zoom-up-enter-active{-webkit-animation-name:antZoomUpIn;animation-name:antZoomUpIn;-webkit-animation-play-state:running;animation-play-state:running}.zoom-up-leave.zoom-up-leave-active{-webkit-animation-name:antZoomUpOut;animation-name:antZoomUpOut;-webkit-animation-play-state:running;animation-play-state:running}.zoom-up-appear,.zoom-up-enter{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-up-leave{-webkit-animation-timing-function:cubic-bezier(.78,.14,.15,.86);animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-down-appear,.zoom-down-enter,.zoom-down-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.zoom-down-appear.zoom-down-appear-active,.zoom-down-enter.zoom-down-enter-active{-webkit-animation-name:antZoomDownIn;animation-name:antZoomDownIn;-webkit-animation-play-state:running;animation-play-state:running}.zoom-down-leave.zoom-down-leave-active{-webkit-animation-name:antZoomDownOut;animation-name:antZoomDownOut;-webkit-animation-play-state:running;animation-play-state:running}.zoom-down-appear,.zoom-down-enter{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-down-leave{-webkit-animation-timing-function:cubic-bezier(.78,.14,.15,.86);animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-left-appear,.zoom-left-enter,.zoom-left-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.zoom-left-appear.zoom-left-appear-active,.zoom-left-enter.zoom-left-enter-active{-webkit-animation-name:antZoomLeftIn;animation-name:antZoomLeftIn;-webkit-animation-play-state:running;animation-play-state:running}.zoom-left-leave.zoom-left-leave-active{-webkit-animation-name:antZoomLeftOut;animation-name:antZoomLeftOut;-webkit-animation-play-state:running;animation-play-state:running}.zoom-left-appear,.zoom-left-enter{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-left-leave{-webkit-animation-timing-function:cubic-bezier(.78,.14,.15,.86);animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-right-appear,.zoom-right-enter,.zoom-right-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}.zoom-right-appear.zoom-right-appear-active,.zoom-right-enter.zoom-right-enter-active{-webkit-animation-name:antZoomRightIn;animation-name:antZoomRightIn;-webkit-animation-play-state:running;animation-play-state:running}.zoom-right-leave.zoom-right-leave-active{-webkit-animation-name:antZoomRightOut;animation-name:antZoomRightOut;-webkit-animation-play-state:running;animation-play-state:running}.zoom-right-appear,.zoom-right-enter{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-right-leave{-webkit-animation-timing-function:cubic-bezier(.78,.14,.15,.86);animation-timing-function:cubic-bezier(.78,.14,.15,.86)}@-webkit-keyframes antZoomIn{0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes antZoomIn{0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes antZoomOut{0%{-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}}@keyframes antZoomOut{0%{-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}}@-webkit-keyframes antZoomBigIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes antZoomBigIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes antZoomBigOut{0%{-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes antZoomBigOut{0%{-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes antZoomUpIn{0%{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes antZoomUpIn{0%{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes antZoomUpOut{0%{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes antZoomUpOut{0%{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes antZoomLeftIn{0%{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(1);transform:scale(1)}}@keyframes antZoomLeftIn{0%{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes antZoomLeftOut{0%{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes antZoomLeftOut{0%{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes antZoomRightIn{0%{opacity:0;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(1);transform:scale(1)}}@keyframes antZoomRightIn{0%{opacity:0;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes antZoomRightOut{0%{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes antZoomRightOut{0%{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes antZoomDownIn{0%{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1);transform:scale(1)}}@keyframes antZoomDownIn{0%{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes antZoomDownOut{0%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes antZoomDownOut{0%{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(.8);transform:scale(.8)}}.ant-motion-collapse{overflow:hidden}.ant-motion-collapse-active{-webkit-transition:height .12s,opacity .12s;transition:height .12s,opacity .12s}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-mention-wrapper{position:relative;display:inline-block;width:100%;vertical-align:middle}.ant-mention-wrapper .ant-mention-editor{position:relative;display:inline-block;padding:4px 7px;width:100%;height:28px;cursor:text;font-size:12px;line-height:1.5;color:rgba(0,0,0,.65);background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:4px;-webkit-transition:all .3s;transition:all .3s;padding:0;display:block}.ant-mention-wrapper .ant-mention-editor::-moz-placeholder{color:#ccc;opacity:1}.ant-mention-wrapper .ant-mention-editor:-ms-input-placeholder{color:#ccc}.ant-mention-wrapper .ant-mention-editor::-webkit-input-placeholder{color:#ccc}.ant-mention-wrapper .ant-mention-editor:hover{border-color:#49a9ee}.ant-mention-wrapper .ant-mention-editor:focus{border-color:#49a9ee;outline:0;box-shadow:0 0 0 2px rgba(16,142,233,.2)}.ant-mention-wrapper .ant-mention-editor[disabled]{background-color:#f7f7f7;opacity:1;cursor:not-allowed;color:rgba(0,0,0,.25)}.ant-mention-wrapper .ant-mention-editor[disabled]:hover{border-color:#e2e2e2}textarea.ant-mention-wrapper .ant-mention-editor{max-width:100%;height:auto;vertical-align:bottom}.ant-mention-wrapper .ant-mention-editor-lg{padding:6px 7px;height:32px}.ant-mention-wrapper .ant-mention-editor-sm{padding:1px 7px;height:22px}.ant-mention-wrapper .ant-mention-editor-wrapper{overflow-y:auto;height:auto}.ant-mention-wrapper.ant-mention-active .ant-mention-editor{border-color:#49a9ee;outline:0;box-shadow:0 0 0 2px rgba(16,142,233,.2)}.ant-mention-wrapper .public-DraftEditorPlaceholder-root{position:absolute}.ant-mention-wrapper .public-DraftEditorPlaceholder-root .public-DraftEditorPlaceholder-inner{color:#ccc;opacity:1;outline:none;white-space:pre-wrap;word-wrap:break-word;height:auto;padding:4px 7px}.ant-mention-wrapper .DraftEditor-editorContainer .public-DraftEditor-content{height:auto;padding:4px 7px}.ant-mention-dropdown{margin-top:1.5em;max-height:250px;min-width:120px;background-color:#fff;box-shadow:0 1px 6px rgba(0,0,0,.2);border-radius:4px;box-sizing:border-box;z-index:1050;left:-9999px;top:-9999px;position:absolute;outline:none;overflow-x:hidden;overflow-y:auto;font-size:12px}.ant-mention-dropdown-notfound.ant-mention-dropdown-item{color:rgba(0,0,0,.25)}.ant-mention-dropdown-notfound.ant-mention-dropdown-item .anticon-loading{color:#108ee9;text-align:center;display:block}.ant-mention-dropdown-item{position:relative;display:block;padding:7px 16px;font-weight:400;color:rgba(0,0,0,.65);white-space:nowrap;cursor:pointer;text-overflow:ellipsis;overflow:hidden;-webkit-transition:background .3s ease;transition:background .3s ease}.ant-mention-dropdown-item-active,.ant-mention-dropdown-item.focus,.ant-mention-dropdown-item:hover{background-color:#ecf6fd}.ant-mention-dropdown-item-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-mention-dropdown-item-disabled:hover{color:rgba(0,0,0,.25);background-color:#fff;cursor:not-allowed}.ant-mention-dropdown-item-selected,.ant-mention-dropdown-item-selected:hover{background-color:#f7f7f7;font-weight:700;color:rgba(0,0,0,.65)}.ant-mention-dropdown-item-divider{height:1px;margin:1px 0;overflow:hidden;background-color:#e9e9e9;line-height:0}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-menu{outline:none;margin-bottom:0;padding-left:0;list-style:none;z-index:1050;box-shadow:0 1px 6px rgba(0,0,0,.2);color:rgba(0,0,0,.65);background:#fff;line-height:46px}.ant-menu-hidden{display:none}.ant-menu-item-group-list{margin:0;padding:0}.ant-menu-item-group-title{color:rgba(0,0,0,.43);font-size:12px;line-height:1.5;padding:8px 16px}.ant-menu-item,.ant-menu-submenu,.ant-menu-submenu-title{cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.ant-menu-item:active,.ant-menu-submenu-title:active{background:#ecf6fd}.ant-menu-submenu .ant-menu-sub{cursor:auto}.ant-menu-item>a{display:block;color:rgba(0,0,0,.65)}.ant-menu-item>a:hover{color:#108ee9}.ant-menu-item>a:focus{text-decoration:none}.ant-menu-item>a:before{position:absolute;background-color:transparent;width:100%;height:100%;top:0;left:0;bottom:0;right:0;content:""}.ant-menu-item-divider{height:1px;overflow:hidden;background-color:#e9e9e9;line-height:0}.ant-menu-item-active,.ant-menu-item:hover,.ant-menu-submenu-active,.ant-menu-submenu-title:hover,.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open{color:#108ee9}.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open{z-index:1050}.ant-menu-horizontal .ant-menu-item,.ant-menu-horizontal .ant-menu-submenu{margin-top:-1px}.ant-menu-horizontal>.ant-menu-item-active,.ant-menu-horizontal>.ant-menu-item:hover,.ant-menu-horizontal>.ant-menu-submenu .ant-menu-submenu-title:hover{background-color:transparent}.ant-menu-item-selected,.ant-menu-item-selected>a,.ant-menu-item-selected>a:hover{color:#108ee9}.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{background-color:#ecf6fd}.ant-menu-horizontal,.ant-menu-inline,.ant-menu-vertical{z-index:auto}.ant-menu-inline,.ant-menu-vertical{border-right:1px solid #e9e9e9}.ant-menu-inline .ant-menu-item,.ant-menu-vertical .ant-menu-item{margin-left:-1px;left:1px;position:relative;z-index:1}.ant-menu-inline .ant-menu-item:after,.ant-menu-vertical .ant-menu-item:after{content:"";position:absolute;right:0;top:0;bottom:0;border-right:3px solid #108ee9;-webkit-transform:scaleY(.0001);-ms-transform:scaleY(.0001);transform:scaleY(.0001);-webkit-transition:all .2s;transition:all .2s}.ant-menu-vertical.ant-menu-sub{border-right:0}.ant-menu-vertical.ant-menu-sub .ant-menu-item{border-right:0;margin-left:0;left:0}.ant-menu-vertical.ant-menu-sub .ant-menu-item:after{border-right:0}.ant-menu-vertical.ant-menu-sub>.ant-menu-item:first-child{border-radius:4px 4px 0 0}.ant-menu-vertical.ant-menu-sub>.ant-menu-item-group:last-child>.ant-menu-item-group-list:last-child>.ant-menu-item:last-child,.ant-menu-vertical.ant-menu-sub>.ant-menu-item:last-child{border-radius:0 0 4px 4px}.ant-menu-inline .ant-menu-item-selected:after,.ant-menu-inline .ant-menu-selected:after{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}.ant-menu-submenu-horizontal>.ant-menu{top:100%;left:0;position:absolute;min-width:100%;margin-top:7px;z-index:1050}.ant-menu-submenu-vertical{z-index:1}.ant-menu-submenu-vertical>.ant-menu{top:0;left:100%;position:absolute;min-width:160px;margin-left:4px;z-index:1050}.ant-menu-item,.ant-menu-submenu-title{margin:0;padding:0 20px;position:relative;display:block;white-space:nowrap}.ant-menu-item .anticon,.ant-menu-submenu-title .anticon{min-width:14px;margin-right:8px}.ant-menu>.ant-menu-item-divider{height:1px;margin:1px 0;overflow:hidden;padding:0;line-height:0;background-color:#e9e9e9}.ant-menu-submenu{position:relative}.ant-menu-submenu>.ant-menu{background-color:#fff;border-radius:4px}.ant-menu-submenu-vertical>.ant-menu-submenu-title:after{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg) scale(.75);-ms-transform:rotate(270deg) scale(.75);transform:rotate(270deg) scale(.75)}.ant-menu-submenu-inline>.ant-menu-submenu-title:after,.ant-menu-submenu-vertical>.ant-menu-submenu-title:after{font-family:anticon!important;font-style:normal;vertical-align:baseline;text-align:center;text-transform:none;text-rendering:auto;position:absolute;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;content:"\E61D";right:16px}.ant-menu-submenu-inline>.ant-menu-submenu-title:after{top:0;display:inline-block;font-size:12px;font-size:8px\9;-webkit-transform:scale(.66666667) rotate(0deg);-ms-transform:scale(.66666667) rotate(0deg);transform:scale(.66666667) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1}:root .ant-menu-submenu-inline>.ant-menu-submenu-title:after{-webkit-filter:none;filter:none;font-size:12px}.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title:after{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(180deg) scale(.75);-ms-transform:rotate(180deg) scale(.75);transform:rotate(180deg) scale(.75)}.ant-menu-vertical .ant-menu-submenu-selected,.ant-menu-vertical .ant-menu-submenu-selected>a{color:#108ee9}.ant-menu-horizontal{border:0;border-bottom:1px solid #e9e9e9;box-shadow:none;z-index:0}.ant-menu-horizontal>.ant-menu-item,.ant-menu-horizontal>.ant-menu-submenu{position:relative;top:1px;float:left;border-bottom:2px solid transparent}.ant-menu-horizontal>.ant-menu-item-active,.ant-menu-horizontal>.ant-menu-item-open,.ant-menu-horizontal>.ant-menu-item-selected,.ant-menu-horizontal>.ant-menu-item:hover,.ant-menu-horizontal>.ant-menu-submenu-active,.ant-menu-horizontal>.ant-menu-submenu-open,.ant-menu-horizontal>.ant-menu-submenu-selected,.ant-menu-horizontal>.ant-menu-submenu:hover{border-bottom:2px solid #108ee9;color:#108ee9}.ant-menu-horizontal>.ant-menu-item>a,.ant-menu-horizontal>.ant-menu-submenu>a{display:block;color:rgba(0,0,0,.65)}.ant-menu-horizontal>.ant-menu-item>a:hover,.ant-menu-horizontal>.ant-menu-submenu>a:hover{color:#108ee9}.ant-menu-horizontal:after{content:" ";display:block;height:0;clear:both}.ant-menu-inline .ant-menu-item,.ant-menu-inline .ant-menu-submenu-title,.ant-menu-vertical .ant-menu-item,.ant-menu-vertical .ant-menu-submenu-title{padding:0 16px;font-size:12px;line-height:42px;height:42px;overflow:hidden;text-overflow:ellipsis}.ant-menu-item-group-list .ant-menu-item,.ant-menu-item-group-list .ant-menu-submenu-title{padding:0 16px 0 28px}.ant-menu-vertical.ant-menu-sub{padding:0}.ant-menu-vertical.ant-menu-sub,.ant-menu-vertical.ant-menu-sub>.ant-menu-item,.ant-menu-vertical.ant-menu-sub>.ant-menu-submenu{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.ant-menu-root.ant-menu-inline,.ant-menu-root.ant-menu-vertical{box-shadow:none}.ant-menu-sub.ant-menu-inline{padding:0;border:0;box-shadow:none;border-radius:0}.ant-menu-sub.ant-menu-inline>.ant-menu-item,.ant-menu-sub.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title{line-height:42px;height:42px;list-style-type:disc;list-style-position:inside}.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title{padding-left:32px}.ant-menu-item-disabled,.ant-menu-submenu-disabled{color:rgba(0,0,0,.25)!important;cursor:not-allowed;background:none;border-color:transparent!important}.ant-menu-item-disabled>a,.ant-menu-submenu-disabled>a{color:rgba(0,0,0,.25)!important;pointer-events:none}.ant-menu-dark,.ant-menu-dark .ant-menu-sub{color:hsla(0,0%,100%,.67);background:#404040}.ant-menu-dark .ant-menu-inline.ant-menu-sub{background:#333}.ant-menu-dark.ant-menu-horizontal{border-bottom-color:#404040}.ant-menu-dark.ant-menu-horizontal>.ant-menu-item,.ant-menu-dark.ant-menu-horizontal>.ant-menu-submenu{border-color:#404040;border-bottom:0;top:0}.ant-menu-dark .ant-menu-item,.ant-menu-dark .ant-menu-item-group-title,.ant-menu-dark .ant-menu-item>a{color:hsla(0,0%,100%,.67)}.ant-menu-dark.ant-menu-inline,.ant-menu-dark.ant-menu-vertical{border-right:0}.ant-menu-dark.ant-menu-inline .ant-menu-item,.ant-menu-dark.ant-menu-vertical .ant-menu-item{border-right:0;margin-left:0;left:0}.ant-menu-dark.ant-menu-inline .ant-menu-item:after,.ant-menu-dark.ant-menu-vertical .ant-menu-item:after{border-right:0}.ant-menu-dark .ant-menu-item-active,.ant-menu-dark .ant-menu-item:hover,.ant-menu-dark .ant-menu-submenu-active,.ant-menu-dark .ant-menu-submenu-selected,.ant-menu-dark .ant-menu-submenu-title:hover,.ant-menu-dark .ant-menu-submenu:hover,.ant-menu-dark:not(.ant-menu-inline) .ant-menu-submenu-open{background-color:transparent;color:#fff}.ant-menu-dark .ant-menu-item-active>a,.ant-menu-dark .ant-menu-item:hover>a,.ant-menu-dark .ant-menu-submenu-active>a,.ant-menu-dark .ant-menu-submenu-selected>a,.ant-menu-dark .ant-menu-submenu-title:hover>a,.ant-menu-dark .ant-menu-submenu:hover>a,.ant-menu-dark:not(.ant-menu-inline) .ant-menu-submenu-open>a{color:#fff}.ant-menu-dark .ant-menu-item-selected{border-right:0;color:#fff}.ant-menu-dark .ant-menu-item-selected:after{border-right:0}.ant-menu-dark .ant-menu-item-selected>a,.ant-menu-dark .ant-menu-item-selected>a:hover{color:#fff}.ant-menu.ant-menu-dark .ant-menu-item-selected{background-color:transparent}.ant-menu-dark.ant-menu-inline .ant-menu-item-selected{background-color:#108ee9}.ant-menu-dark .ant-menu-item-disabled,.ant-menu-dark .ant-menu-item-disabled>a,.ant-menu-dark .ant-menu-submenu-disabled,.ant-menu-dark .ant-menu-submenu-disabled>a{opacity:.8;color:hsla(0,0%,100%,.35)!important}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-message{font-size:12px;position:fixed;z-index:1010;width:100%;top:16px;left:0;pointer-events:none}.ant-message-notice{padding:8px;text-align:center}.ant-message-notice:first-child{margin-top:-8px}.ant-message-notice-content{padding:8px 16px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.2);background:#fff;display:inline-block;pointer-events:all}.ant-message-success .anticon{color:#00a854}.ant-message-error .anticon{color:#f04134}.ant-message-warning .anticon{color:#ffbf00}.ant-message-info .anticon,.ant-message-loading .anticon{color:#108ee9}.ant-message .anticon{margin-right:8px;font-size:14px;top:1px;position:relative}.ant-message-notice.move-up-leave.move-up-leave-active{-webkit-animation-name:MessageMoveOut;animation-name:MessageMoveOut;overflow:hidden;-webkit-animation-duration:.3s;animation-duration:.3s}@-webkit-keyframes MessageMoveOut{0%{opacity:1;max-height:150px;padding:8px}to{opacity:0;max-height:0;padding:0}}@keyframes MessageMoveOut{0%{opacity:1;max-height:150px;padding:8px}to{opacity:0;max-height:0;padding:0}}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-modal{position:relative;width:auto;margin:0 auto;top:100px;padding-bottom:24px}.ant-modal-wrap{position:fixed;overflow:auto;top:0;right:0;bottom:0;left:0;z-index:1000;-webkit-overflow-scrolling:touch;outline:0}.ant-modal-title{margin:0;font-size:14px;line-height:21px;font-weight:500;color:rgba(0,0,0,.85)}.ant-modal-content{position:relative;background-color:#fff;border:0;border-radius:4px;background-clip:padding-box;box-shadow:0 2px 8px rgba(0,0,0,.2)}.ant-modal-close{cursor:pointer;border:0;background:transparent;position:absolute;right:0;top:0;z-index:10;font-weight:700;line-height:1;text-decoration:none;-webkit-transition:color .3s ease;transition:color .3s ease;color:rgba(0,0,0,.43);outline:0}.ant-modal-close-x{display:block;font-style:normal;vertical-align:baseline;text-align:center;text-transform:none;text-rendering:auto;width:48px;height:48px;line-height:48px;font-size:14px}.ant-modal-close-x:before{content:"\E633";display:block;font-family:anticon!important}.ant-modal-close:focus,.ant-modal-close:hover{color:#444;text-decoration:none}.ant-modal-header{padding:13px 16px;border-radius:4px 4px 0 0;background:#fff;color:rgba(0,0,0,.65);border-bottom:1px solid #e9e9e9}.ant-modal-body{padding:16px;font-size:12px;line-height:1.5}.ant-modal-footer{border-top:1px solid #e9e9e9;padding:10px 16px 10px 10px;text-align:right;border-radius:0 0 4px 4px}.ant-modal-footer button+button{margin-left:8px;margin-bottom:0}.ant-modal.zoom-appear,.ant-modal.zoom-enter{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-transform:none;-ms-transform:none;transform:none;opacity:0}.ant-modal-mask{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#373737;background-color:rgba(55,55,55,.6);height:100%;z-index:1000;filter:alpha(opacity=50)}.ant-modal-mask-hidden{display:none}.ant-modal-open{overflow:hidden}@media (max-width:768px){.ant-modal{width:auto!important;margin:10px}.vertical-center-modal .ant-modal{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}}.ant-confirm .ant-modal-close,.ant-confirm .ant-modal-header{display:none}.ant-confirm .ant-modal-body{padding:30px 40px}.ant-confirm-body-wrapper{zoom:1}.ant-confirm-body-wrapper:after,.ant-confirm-body-wrapper:before{content:" ";display:table}.ant-confirm-body-wrapper:after{clear:both;visibility:hidden;font-size:0;height:0}.ant-confirm-body .ant-confirm-title{color:rgba(0,0,0,.65);font-weight:700;font-size:14px}.ant-confirm-body .ant-confirm-content{margin-left:42px;font-size:12px;color:rgba(0,0,0,.65);margin-top:8px}.ant-confirm-body>.anticon{font-size:24px;margin-right:16px;padding:0 1px;float:left}.ant-confirm .ant-confirm-btns{margin-top:30px;float:right}.ant-confirm .ant-confirm-btns button+button{margin-left:10px;margin-bottom:0}.ant-confirm-error .ant-confirm-body>.anticon{color:#f04134}.ant-confirm-confirm .ant-confirm-body>.anticon,.ant-confirm-warning .ant-confirm-body>.anticon{color:#ffbf00}.ant-confirm-info .ant-confirm-body>.anticon{color:#108ee9}.ant-confirm-success .ant-confirm-body>.anticon{color:#00a854}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-notification{position:fixed;z-index:1010;width:335px;margin-right:24px}.ant-notification-bottomLeft,.ant-notification-topLeft{margin-left:24px;margin-right:0}.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active{-webkit-animation-name:NotificationLeftFadeIn;animation-name:NotificationLeftFadeIn}.ant-notification-notice{padding:16px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.2);background:#fff;line-height:1.5;position:relative;margin-bottom:10px;overflow:hidden}.ant-notification-notice-message{font-size:14px;color:rgba(0,0,0,.85);margin-bottom:4px;line-height:20px;display:inline-block}.ant-notification-notice-message-single-line-auto-margin{width:calc(335px - 16px * 2 - 24px - 48px - 100%);background-color:transparent;pointer-events:none;display:block;max-width:4px}.ant-notification-notice-message-single-line-auto-margin:before{content:"";display:block;padding-bottom:100%}.ant-notification-notice-description{font-size:12px}.ant-notification-notice-closable .ant-notification-notice-message{padding-right:24px}.ant-notification-notice-with-icon .ant-notification-notice-message{font-size:14px;margin-left:48px;margin-bottom:4px}.ant-notification-notice-with-icon .ant-notification-notice-description{margin-left:48px;font-size:12px}.ant-notification-notice-icon{position:absolute;font-size:32px;line-height:32px}.ant-notification-notice-icon-success{color:#00a854}.ant-notification-notice-icon-info{color:#108ee9}.ant-notification-notice-icon-warning{color:#ffbf00}.ant-notification-notice-icon-error{color:#f04134}.ant-notification-notice-close-x:after{font-size:12px;content:"\E633";font-family:anticon;cursor:pointer}.ant-notification-notice-close{position:absolute;right:16px;top:10px;color:rgba(0,0,0,.43);outline:none;text-decoration:none}.ant-notification-notice-close:hover{color:#404040}.ant-notification-notice-btn{float:right;margin-top:16px}.ant-notification .notification-fade-effect{-webkit-animation-duration:.24s;animation-duration:.24s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-timing-function:cubic-bezier(.645,.045,.355,1)}.ant-notification-fade-appear,.ant-notification-fade-enter{opacity:0;-webkit-animation-play-state:paused;animation-play-state:paused}.ant-notification-fade-appear,.ant-notification-fade-enter,.ant-notification-fade-leave{-webkit-animation-duration:.24s;animation-duration:.24s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-timing-function:cubic-bezier(.645,.045,.355,1)}.ant-notification-fade-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-play-state:paused;animation-play-state:paused}.ant-notification-fade-appear.ant-notification-fade-appear-active,.ant-notification-fade-enter.ant-notification-fade-enter-active{-webkit-animation-name:NotificationFadeIn;animation-name:NotificationFadeIn;-webkit-animation-play-state:running;animation-play-state:running}.ant-notification-fade-leave.ant-notification-fade-leave-active{-webkit-animation-name:NotificationFadeOut;animation-name:NotificationFadeOut;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes NotificationFadeIn{0%{opacity:0;left:335px}to{left:0;opacity:1}}@keyframes NotificationFadeIn{0%{opacity:0;left:335px}to{left:0;opacity:1}}@-webkit-keyframes NotificationLeftFadeIn{0%{opacity:0;right:335px}to{right:0;opacity:1}}@keyframes NotificationLeftFadeIn{0%{opacity:0;right:335px}to{right:0;opacity:1}}@-webkit-keyframes NotificationFadeOut{0%{opacity:1;margin-bottom:10px;padding-top:16px;padding-bottom:16px;max-height:150px}to{opacity:0;margin-bottom:0;padding-top:0;padding-bottom:0;max-height:0}}@keyframes NotificationFadeOut{0%{opacity:1;margin-bottom:10px;padding-top:16px;padding-bottom:16px;max-height:150px}to{opacity:0;margin-bottom:0;padding-top:0;padding-bottom:0;max-height:0}}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-pagination{font-size:12px}.ant-pagination:after{content:" ";display:block;height:0;clear:both;overflow:hidden;visibility:hidden}.ant-pagination-total-text{display:inline-block;height:30px;line-height:30px;margin-right:10px}.ant-pagination-item{cursor:pointer;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-width:28px;height:28px;line-height:28px;text-align:center;list-style:none;display:inline-block;border:1px solid #d9d9d9;background-color:#fff;margin-right:8px;font-family:Arial}.ant-pagination-item a{text-decoration:none;color:rgba(0,0,0,.65);-webkit-transition:none;transition:none;margin:0 6px}.ant-pagination-item:hover{-webkit-transition:all .3s ease;transition:all .3s ease;border-color:#108ee9}.ant-pagination-item:hover a{color:#108ee9}.ant-pagination-item-active{background-color:#108ee9;border-color:#108ee9}.ant-pagination-item-active:hover a,.ant-pagination-item-active a{color:#fff}.ant-pagination-jump-next:after,.ant-pagination-jump-prev:after{content:"\2022\2022\2022";display:block;letter-spacing:2px;color:rgba(0,0,0,.25);text-align:center}.ant-pagination-jump-next:hover:after,.ant-pagination-jump-prev:hover:after{color:#108ee9;display:inline-block;font-size:12px;font-size:8px\9;-webkit-transform:scale(.66666667) rotate(0deg);-ms-transform:scale(.66666667) rotate(0deg);transform:scale(.66666667) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;letter-spacing:-1px;font-family:anticon}:root .ant-pagination-jump-next:hover:after,:root .ant-pagination-jump-prev:hover:after{-webkit-filter:none;filter:none;font-size:12px}.ant-pagination-jump-prev:hover:after{content:"\E620\E620"}.ant-pagination-jump-next:hover:after{content:"\E61F\E61F"}.ant-pagination-jump-next,.ant-pagination-jump-prev,.ant-pagination-prev{margin-right:8px}.ant-pagination-jump-next,.ant-pagination-jump-prev,.ant-pagination-next,.ant-pagination-prev{font-family:Arial;cursor:pointer;color:rgba(0,0,0,.65);border-radius:4px;list-style:none;min-width:28px;height:28px;line-height:28px;text-align:center;-webkit-transition:all .3s ease;transition:all .3s ease;display:inline-block}.ant-pagination-next,.ant-pagination-prev{border:1px solid #d9d9d9;background-color:#fff}.ant-pagination-next a,.ant-pagination-prev a{color:rgba(0,0,0,.65)}.ant-pagination-next a:after,.ant-pagination-prev a:after{display:inline-block;font-size:12px;font-size:8px\9;-webkit-transform:scale(.66666667) rotate(0deg);-ms-transform:scale(.66666667) rotate(0deg);transform:scale(.66666667) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;display:block;height:26px;line-height:27px;font-family:anticon;text-align:center}:root .ant-pagination-next a:after,:root .ant-pagination-prev a:after{-webkit-filter:none;filter:none;font-size:12px}.ant-pagination-next:hover,.ant-pagination-prev:hover{border-color:#108ee9}.ant-pagination-next:hover a,.ant-pagination-prev:hover a{color:#108ee9}.ant-pagination-prev a:after{content:"\E620";display:block}.ant-pagination-next a:after{content:"\E61F";display:block}.ant-pagination-disabled{cursor:not-allowed}.ant-pagination-disabled:hover{border-color:#d9d9d9}.ant-pagination-disabled:hover a{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-pagination-disabled a{color:rgba(0,0,0,.25)}.ant-pagination-slash{margin:0 10px 0 5px}.ant-pagination-options{display:inline-block;margin-left:15px}.ant-pagination-options-size-changer{display:inline-block;margin-right:10px}.ant-pagination-options-quick-jumper{display:inline-block;height:28px;line-height:28px}.ant-pagination-options-quick-jumper input{position:relative;display:inline-block;padding:4px 7px;width:100%;height:28px;cursor:text;font-size:12px;line-height:1.5;color:rgba(0,0,0,.65);background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:4px;-webkit-transition:all .3s;transition:all .3s;margin:0 8px;width:50px}.ant-pagination-options-quick-jumper input::-moz-placeholder{color:#ccc;opacity:1}.ant-pagination-options-quick-jumper input:-ms-input-placeholder{color:#ccc}.ant-pagination-options-quick-jumper input::-webkit-input-placeholder{color:#ccc}.ant-pagination-options-quick-jumper input:hover{border-color:#49a9ee}.ant-pagination-options-quick-jumper input:focus{border-color:#49a9ee;outline:0;box-shadow:0 0 0 2px rgba(16,142,233,.2)}.ant-pagination-options-quick-jumper input[disabled]{background-color:#f7f7f7;opacity:1;cursor:not-allowed;color:rgba(0,0,0,.25)}.ant-pagination-options-quick-jumper input[disabled]:hover{border-color:#e2e2e2}textarea.ant-pagination-options-quick-jumper input{max-width:100%;height:auto;vertical-align:bottom}.ant-pagination-options-quick-jumper input-lg{padding:6px 7px;height:32px}.ant-pagination-options-quick-jumper input-sm{padding:1px 7px;height:22px}.ant-pagination-simple .ant-pagination-next,.ant-pagination-simple .ant-pagination-prev{border:0;height:24px;line-height:24px;margin:0;font-size:18px}.ant-pagination-simple .ant-pagination-simple-pager{display:inline-block;margin-right:8px}.ant-pagination-simple .ant-pagination-simple-pager input{margin:0 8px;box-sizing:border-box;background-color:#fff;border-radius:4px;border:1px solid #d9d9d9;outline:none;padding:5px 8px;width:30px;height:24px;text-align:center;-webkit-transition:border-color .3s ease;transition:border-color .3s ease}.ant-pagination-simple .ant-pagination-simple-pager input:hover{border-color:#108ee9}.ant-pagination.mini .ant-pagination-total-text{height:20px;line-height:20px}.ant-pagination.mini .ant-pagination-item,.ant-pagination.mini .ant-pagination-next,.ant-pagination.mini .ant-pagination-prev{border:0;margin:0;min-width:20px;height:20px;line-height:20px}.ant-pagination.mini .ant-pagination-jump-next,.ant-pagination.mini .ant-pagination-jump-prev,.ant-pagination.mini .ant-pagination-next a:after,.ant-pagination.mini .ant-pagination-prev a:after{height:20px;line-height:20px}.ant-pagination.mini .ant-pagination-options{margin-left:8px}.ant-pagination.mini .ant-pagination-options-quick-jumper{height:20px;line-height:20px}.ant-pagination.mini .ant-pagination-options-quick-jumper input{padding:1px 7px;height:22px;width:44px}@media only screen and (max-width:1024px){.ant-pagination-item-after-jump-prev,.ant-pagination-item-before-jump-next{display:none}}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-popover{position:absolute;top:0;left:0;z-index:1030;cursor:auto;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;white-space:normal;font-size:12px;line-height:1.5;font-weight:400;text-align:left}.ant-popover:after{content:"";position:absolute;background:hsla(0,0%,100%,.01)}.ant-popover-hidden{display:none}.ant-popover-placement-top,.ant-popover-placement-topLeft,.ant-popover-placement-topRight{padding-bottom:4px}.ant-popover-placement-right,.ant-popover-placement-rightBottom,.ant-popover-placement-rightTop{padding-left:4px}.ant-popover-placement-bottom,.ant-popover-placement-bottomLeft,.ant-popover-placement-bottomRight{padding-top:4px}.ant-popover-placement-left,.ant-popover-placement-leftBottom,.ant-popover-placement-leftTop{padding-right:4px}.ant-popover-inner{background-color:#fff;background-clip:padding-box;border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.2)}.ant-popover-title{min-width:177px;margin:0;padding:0 16px;line-height:32px;height:32px;border-bottom:1px solid #e9e9e9;color:rgba(0,0,0,.85);font-weight:500}.ant-popover-inner-content{padding:8px 16px;color:rgba(0,0,0,.65)}.ant-popover-message{padding:8px 0 16px;font-size:12px;color:rgba(0,0,0,.65)}.ant-popover-message>.anticon{color:#ffbf00;line-height:17px;position:absolute}.ant-popover-message-title{padding-left:20px}.ant-popover-buttons{text-align:right;margin-bottom:8px}.ant-popover-buttons button{margin-left:8px}.ant-popover-arrow,.ant-popover-arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.ant-popover-arrow{border-width:5px}.ant-popover-arrow:after{border-width:4px;content:""}.ant-popover-placement-top>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-topLeft>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-topRight>.ant-popover-content>.ant-popover-arrow{border-bottom-width:0;border-top-color:hsla(0,0%,85%,.7);bottom:-1px}.ant-popover-placement-top>.ant-popover-content>.ant-popover-arrow:after,.ant-popover-placement-topLeft>.ant-popover-content>.ant-popover-arrow:after,.ant-popover-placement-topRight>.ant-popover-content>.ant-popover-arrow:after{content:" ";bottom:1px;margin-left:-4px;border-bottom-width:0;border-top-color:#fff}.ant-popover-placement-top>.ant-popover-content>.ant-popover-arrow{left:50%;margin-left:-5px}.ant-popover-placement-topLeft>.ant-popover-content>.ant-popover-arrow{left:16px}.ant-popover-placement-topRight>.ant-popover-content>.ant-popover-arrow{right:16px}.ant-popover-placement-right>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-rightBottom>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-rightTop>.ant-popover-content>.ant-popover-arrow{left:-1px;border-left-width:0;border-right-color:hsla(0,0%,85%,.7)}.ant-popover-placement-right>.ant-popover-content>.ant-popover-arrow:after,.ant-popover-placement-rightBottom>.ant-popover-content>.ant-popover-arrow:after,.ant-popover-placement-rightTop>.ant-popover-content>.ant-popover-arrow:after{content:" ";left:1px;bottom:-4px;border-left-width:0;border-right-color:#fff}.ant-popover-placement-right>.ant-popover-content>.ant-popover-arrow{top:50%;margin-top:-5px}.ant-popover-placement-rightTop>.ant-popover-content>.ant-popover-arrow{top:12px}.ant-popover-placement-rightBottom>.ant-popover-content>.ant-popover-arrow{bottom:12px}.ant-popover-placement-bottom>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-bottomLeft>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-bottomRight>.ant-popover-content>.ant-popover-arrow{border-top-width:0;border-bottom-color:hsla(0,0%,85%,.7);top:-1px}.ant-popover-placement-bottom>.ant-popover-content>.ant-popover-arrow:after,.ant-popover-placement-bottomLeft>.ant-popover-content>.ant-popover-arrow:after,.ant-popover-placement-bottomRight>.ant-popover-content>.ant-popover-arrow:after{content:" ";top:1px;margin-left:-4px;border-top-width:0;border-bottom-color:#fff}.ant-popover-placement-bottom>.ant-popover-content>.ant-popover-arrow{left:50%;margin-left:-5px}.ant-popover-placement-bottomLeft>.ant-popover-content>.ant-popover-arrow{left:16px}.ant-popover-placement-bottomRight>.ant-popover-content>.ant-popover-arrow{right:16px}.ant-popover-placement-left>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-leftBottom>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-leftTop>.ant-popover-content>.ant-popover-arrow{right:-1px;border-right-width:0;border-left-color:hsla(0,0%,85%,.7)}.ant-popover-placement-left>.ant-popover-content>.ant-popover-arrow:after,.ant-popover-placement-leftBottom>.ant-popover-content>.ant-popover-arrow:after,.ant-popover-placement-leftTop>.ant-popover-content>.ant-popover-arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-4px}.ant-popover-placement-left>.ant-popover-content>.ant-popover-arrow{top:50%;margin-top:-5px}.ant-popover-placement-leftTop>.ant-popover-content>.ant-popover-arrow{top:12px}.ant-popover-placement-leftBottom>.ant-popover-content>.ant-popover-arrow{bottom:12px}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-progress{display:inline-block}.ant-progress-line{width:100%;font-size:12px;position:relative}.ant-progress-outer{display:inline-block;width:100%;margin-right:0;padding-right:0}.ant-progress-show-info .ant-progress-outer{padding-right:45px;margin-right:-45px}.ant-progress-inner{display:inline-block;width:100%;background-color:#f7f7f7;border-radius:100px;vertical-align:middle}.ant-progress-circle-trail{stroke:#f7f7f7}.ant-progress-circle-path{stroke:#108ee9}.ant-progress-bg{border-radius:100px;background-color:#108ee9;-webkit-transition:all .4s cubic-bezier(.08,.82,.17,1) 0s;transition:all .4s cubic-bezier(.08,.82,.17,1) 0s;position:relative}.ant-progress-text{width:35px;text-align:left;font-size:1em;margin-left:10px;vertical-align:middle;display:inline-block;position:relative;top:-1px}.ant-progress-text .anticon{font-size:12px}.ant-progress-status-active .ant-progress-bg:before{content:"";opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:10px;-webkit-animation:ant-progress-active 2.4s cubic-bezier(.23,1,.32,1) infinite;animation:ant-progress-active 2.4s cubic-bezier(.23,1,.32,1) infinite}.ant-progress-status-exception .ant-progress-bg{background-color:#f04134}.ant-progress-status-exception .ant-progress-text{color:#f04134}.ant-progress-status-exception .ant-progress-circle-path{stroke:#f04134}.ant-progress-status-success .ant-progress-bg{background-color:#00a854}.ant-progress-status-success .ant-progress-text{color:#00a854}.ant-progress-status-success .ant-progress-circle-path{stroke:#00a854}.ant-progress-circle .ant-progress-inner{position:relative;line-height:1;background-color:transparent}.ant-progress-circle .ant-progress-text{display:block;position:absolute;width:100%;text-align:center;line-height:1;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0;font-family:tahoma;margin:0}.ant-progress-circle .ant-progress-text .anticon{font-size:1.16666667em}.ant-progress-circle .ant-progress-status-exception .ant-progress-text{color:#f04134}.ant-progress-circle .ant-progress-status-success .ant-progress-text{color:#00a854}@-webkit-keyframes ant-progress-active{0%{opacity:.1;width:0}20%{opacity:.5;width:0}to{opacity:0;width:100%}}@keyframes ant-progress-active{0%{opacity:.1;width:0}20%{opacity:.5;width:0}to{opacity:0;width:100%}}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-rate{margin:0;padding:0;list-style:none;font-size:20px;display:inline-block;vertical-align:middle}.ant-rate-disabled .ant-rate-star{cursor:not-allowed}.ant-rate-disabled .ant-rate-star:hover{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.ant-rate-star{margin:0;padding:0;display:inline-block;margin-right:8px;position:relative;-webkit-transition:all .3s;transition:all .3s;color:#e9e9e9;cursor:pointer}.ant-rate-star-first,.ant-rate-star-second{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s;transition:all .3s}.ant-rate-star:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.ant-rate-star-first{position:absolute;left:0;top:0;width:50%;height:100%;overflow:hidden;opacity:0}.ant-rate-star-half .ant-rate-star-first,.ant-rate-star-half .ant-rate-star-second{opacity:1}.ant-rate-star-full .ant-rate-star-second,.ant-rate-star-half .ant-rate-star-first{color:#f5a623}.ant-rate-star-full:hover .ant-rate-star-second,.ant-rate-star-half:hover .ant-rate-star-first{color:#f7b84f}.ant-rate-text{margin-left:8px;vertical-align:middle;display:inline-block;font-size:12px}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-slider{position:relative;margin:10px 6px;height:12px;border-radius:5px;background-color:#e9e9e9;cursor:pointer;border-top:4px solid #fff;border-bottom:4px solid #fff;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.ant-slider-vertical{width:12px;height:100%;margin:6px 10px;border:4px solid #fff;border-top:0 none;border-bottom:0 none}.ant-slider-vertical .ant-slider-track{width:4px}.ant-slider-vertical .ant-slider-handle{margin-left:-5px;margin-bottom:-7px}.ant-slider-vertical .ant-slider-mark{top:0;left:8px;width:18px;height:100%}.ant-slider-vertical .ant-slider-mark-text{left:4px;white-space:nowrap}.ant-slider-vertical .ant-slider-step{width:4px;height:100%}.ant-slider-vertical .ant-slider-dot{top:auto;left:2px;margin-bottom:-4px}.ant-slider-with-marks{margin-bottom:28px}.ant-slider-track{position:absolute;left:0;height:4px;border-radius:4px;background-color:#9fd2f6;z-index:1;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.ant-slider:hover{background-color:#e1e1e1}.ant-slider:hover .ant-slider-handle{border-color:#49a9ee}.ant-slider:hover .ant-slider-track{background-color:#70bbf2}.ant-slider-handle{position:absolute;margin-left:-7px;margin-top:-5px;width:14px;height:14px;cursor:pointer;border-radius:50%;border:2px solid #88c7f4;background-color:#fff;z-index:2;-webkit-transition:border-color .3s ease,-webkit-transform .3s cubic-bezier(.18,.89,.32,1.28);transition:border-color .3s ease,-webkit-transform .3s cubic-bezier(.18,.89,.32,1.28);transition:border-color .3s ease,transform .3s cubic-bezier(.18,.89,.32,1.28);transition:border-color .3s ease,transform .3s cubic-bezier(.18,.89,.32,1.28),-webkit-transform .3s cubic-bezier(.18,.89,.32,1.28)}.ant-slider-handle:hover{border-color:#49a9ee;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}.ant-slider-handle:active{box-shadow:0 0 0 2px rgba(16,142,233,.2)}.ant-slider-mark{position:absolute;top:10px;left:0;width:100%;font-size:12px;z-index:3}.ant-slider-mark-text{position:absolute;display:inline-block;vertical-align:middle;text-align:center;cursor:pointer;color:rgba(0,0,0,.43)}.ant-slider-mark-text-active{color:rgba(0,0,0,.65)}.ant-slider-step{position:absolute;width:100%;height:4px;background:transparent;z-index:1}.ant-slider-dot{position:absolute;top:-2px;width:8px;height:8px;border:2px solid #e9e9e9;background-color:#fff;cursor:pointer;border-radius:50%;vertical-align:middle}.ant-slider-dot,.ant-slider-dot:first-child,.ant-slider-dot:last-child{margin-left:-4px}.ant-slider-dot-active{border-color:#88c7f4}.ant-slider-disabled{background-color:#e9e9e9!important}.ant-slider-disabled .ant-slider-track{background-color:rgba(0,0,0,.25)!important}.ant-slider-disabled .ant-slider-dot,.ant-slider-disabled .ant-slider-handle{border-color:rgba(0,0,0,.25)!important;background-color:#fff;cursor:not-allowed;box-shadow:none}.ant-slider-disabled .ant-slider-dot,.ant-slider-disabled .ant-slider-mark-text{cursor:not-allowed!important}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-tooltip{position:absolute;z-index:1060;display:block;visibility:visible;font-size:12px;line-height:1.5}.ant-tooltip-hidden{display:none}.ant-tooltip-placement-top,.ant-tooltip-placement-topLeft,.ant-tooltip-placement-topRight{padding:5px 0 8px}.ant-tooltip-placement-right,.ant-tooltip-placement-rightBottom,.ant-tooltip-placement-rightTop{padding:0 5px 0 8px}.ant-tooltip-placement-bottom,.ant-tooltip-placement-bottomLeft,.ant-tooltip-placement-bottomRight{padding:8px 0 5px}.ant-tooltip-placement-left,.ant-tooltip-placement-leftBottom,.ant-tooltip-placement-leftTop{padding:0 8px 0 5px}.ant-tooltip-inner{max-width:250px;padding:8px 10px;color:#fff;text-align:left;text-decoration:none;background-color:rgba(64,64,64,.85);border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.2);min-height:34px}.ant-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.ant-tooltip-placement-top .ant-tooltip-arrow,.ant-tooltip-placement-topLeft .ant-tooltip-arrow,.ant-tooltip-placement-topRight .ant-tooltip-arrow{bottom:3px;border-width:5px 5px 0;border-top-color:rgba(64,64,64,.85)}.ant-tooltip-placement-top .ant-tooltip-arrow{left:50%;margin-left:-5px}.ant-tooltip-placement-topLeft .ant-tooltip-arrow{left:16px}.ant-tooltip-placement-topRight .ant-tooltip-arrow{right:16px}.ant-tooltip-placement-right .ant-tooltip-arrow,.ant-tooltip-placement-rightBottom .ant-tooltip-arrow,.ant-tooltip-placement-rightTop .ant-tooltip-arrow{left:3px;border-width:5px 5px 5px 0;border-right-color:rgba(64,64,64,.85)}.ant-tooltip-placement-right .ant-tooltip-arrow{top:50%;margin-top:-5px}.ant-tooltip-placement-rightTop .ant-tooltip-arrow{top:8px}.ant-tooltip-placement-rightBottom .ant-tooltip-arrow{bottom:8px}.ant-tooltip-placement-left .ant-tooltip-arrow,.ant-tooltip-placement-leftBottom .ant-tooltip-arrow,.ant-tooltip-placement-leftTop .ant-tooltip-arrow{right:3px;border-width:5px 0 5px 5px;border-left-color:rgba(64,64,64,.85)}.ant-tooltip-placement-left .ant-tooltip-arrow{top:50%;margin-top:-5px}.ant-tooltip-placement-leftTop .ant-tooltip-arrow{top:8px}.ant-tooltip-placement-leftBottom .ant-tooltip-arrow{bottom:8px}.ant-tooltip-placement-bottom .ant-tooltip-arrow,.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,.ant-tooltip-placement-bottomRight .ant-tooltip-arrow{top:3px;border-width:0 5px 5px;border-bottom-color:rgba(64,64,64,.85)}.ant-tooltip-placement-bottom .ant-tooltip-arrow{left:50%;margin-left:-5px}.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow{left:16px}.ant-tooltip-placement-bottomRight .ant-tooltip-arrow{right:16px}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-spin{color:#108ee9;vertical-align:middle;text-align:center;opacity:0;position:absolute;-webkit-transition:-webkit-transform .3s cubic-bezier(.78,.14,.15,.86);transition:-webkit-transform .3s cubic-bezier(.78,.14,.15,.86);transition:transform .3s cubic-bezier(.78,.14,.15,.86);transition:transform .3s cubic-bezier(.78,.14,.15,.86),-webkit-transform .3s cubic-bezier(.78,.14,.15,.86);font-size:12px;display:none}.ant-spin-spinning{opacity:1;position:static;display:inline-block}.ant-spin-nested-loading{position:relative}.ant-spin-nested-loading>div>.ant-spin{position:absolute;height:100%;max-height:320px;width:100%;z-index:4}.ant-spin-nested-loading>div>.ant-spin .ant-spin-dot{position:absolute;top:50%;left:50%;margin:-10px}.ant-spin-nested-loading>div>.ant-spin .ant-spin-text{position:absolute;top:50%;width:100%;padding-top:6px}.ant-spin-nested-loading>div>.ant-spin.ant-spin-show-text .ant-spin-dot{margin-top:-20px}.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-dot{margin:-7px}.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-text{padding-top:3px}.ant-spin-nested-loading>div>.ant-spin-sm.ant-spin-show-text .ant-spin-dot{margin-top:-17px}.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-dot{margin:-16px}.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-text{padding-top:12px}.ant-spin-nested-loading>div>.ant-spin-lg.ant-spin-show-text .ant-spin-dot{margin-top:-26px}.ant-spin-container{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);position:relative}.ant-spin-blur{opacity:.7;-webkit-filter:blur(.5px);filter:blur(.5px);-webkit-filter:progid\:DXImageTransform\.Microsoft\.Blur(PixelRadius\=1,MakeShadow\=false);filter:progid\:DXImageTransform\.Microsoft\.Blur(PixelRadius\=1,MakeShadow\=false);-webkit-transform:translateZ(0)}.ant-spin-blur:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;opacity:.3;-webkit-transition:all .3s;transition:all .3s}.ant-spin-tip{color:rgba(0,0,0,.43)}.ant-spin-dot{position:relative;display:block;width:20px;height:20px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:antRotate 1.2s infinite linear;animation:antRotate 1.2s infinite linear}.ant-spin-dot i{width:9px;height:9px;border-radius:100%;background-color:#108ee9;-webkit-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75);display:block;position:absolute;opacity:.3;-webkit-animation:antSpinMove 1s infinite linear alternate;animation:antSpinMove 1s infinite linear alternate;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}.ant-spin-dot i:first-child{left:0;top:0}.ant-spin-dot i:nth-child(2){right:0;top:0;-webkit-animation-delay:.4s;animation-delay:.4s}.ant-spin-dot i:nth-child(3){right:0;bottom:0;-webkit-animation-delay:.8s;animation-delay:.8s}.ant-spin-dot i:nth-child(4){left:0;bottom:0;-webkit-animation-delay:1.2s;animation-delay:1.2s}.ant-spin-sm .ant-spin-dot{width:14px;height:14px}.ant-spin-sm .ant-spin-dot i{width:6px;height:6px}.ant-spin-lg .ant-spin-dot{width:32px;height:32px}.ant-spin-lg .ant-spin-dot i{width:14px;height:14px}.ant-spin.ant-spin-show-text .ant-spin-text{display:block}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.ant-spin-blur{background:#fff;opacity:.5}}@-webkit-keyframes antSpinMove{to{opacity:1}}@keyframes antSpinMove{to{opacity:1}}@-webkit-keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-steps{font-size:0;width:100%;line-height:1.5}.ant-steps .ant-steps-item{position:relative;display:inline-block;vertical-align:top}.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-head-inner{border-color:rgba(0,0,0,.25);background-color:#fff}.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-head-inner>.ant-steps-icon{color:rgba(0,0,0,.25)}.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-head-inner>.ant-steps-icon .ant-steps-icon-dot{background:rgba(0,0,0,.25)}.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-description,.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-title{color:rgba(0,0,0,.43)}.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-tail>i{background-color:#e9e9e9}.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner{border-color:#108ee9;background-color:#108ee9}.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner>.ant-steps-icon{color:#fff}.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner>.ant-steps-icon .ant-steps-icon-dot{background:#108ee9}.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-description,.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-title{color:rgba(0,0,0,.65)}.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-tail>i{background-color:#e9e9e9}.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner{border-color:#108ee9;background-color:#fff}.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner>.ant-steps-icon{color:#108ee9}.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner>.ant-steps-icon .ant-steps-icon-dot{background:#108ee9}.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-tail>i:after{width:100%;background:#108ee9;-webkit-transition:all .6s;transition:all .6s;opacity:1;box-shadow:0 0 0 0 #108ee9;-webkit-animation:tailEffect .4s;animation:tailEffect .4s}.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-description,.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-title{color:rgba(0,0,0,.43)}.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-head-inner{border-color:#f04134;background-color:#fff}.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-head-inner>.ant-steps-icon{color:#f04134}.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-head-inner>.ant-steps-icon .ant-steps-icon-dot{background:#f04134}.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-description,.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-title{color:#f04134}.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-tail>i{background-color:#e9e9e9}.ant-steps .ant-steps-item.ant-steps-next-error .ant-steps-tail>i,.ant-steps .ant-steps-item.ant-steps-next-error .ant-steps-tail>i:after{background-color:#f04134}.ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner{background:none;border:0;width:auto;height:auto}.ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner>.ant-steps-icon{font-size:26px;width:26px;height:26px}.ant-steps .ant-steps-item.ant-steps-custom.ant-steps-status-process .ant-steps-head-inner>.ant-steps-icon{color:#108ee9}.ant-steps .ant-steps-head,.ant-steps .ant-steps-main{position:relative;display:inline-block;vertical-align:top}.ant-steps .ant-steps-head{background:#fff}.ant-steps .ant-steps-head-inner{display:block;border:1px solid rgba(0,0,0,.25);width:26px;height:26px;line-height:23px;text-align:center;border-radius:26px;font-size:14px;margin-right:8px;-webkit-transition:background-color .3s ease,border-color .3s ease;transition:background-color .3s ease,border-color .3s ease}.ant-steps .ant-steps-head-inner>.ant-steps-icon{line-height:1;color:#108ee9;position:relative}.ant-steps .ant-steps-head-inner>.ant-steps-icon.anticon{font-size:12px}.ant-steps .ant-steps-head-inner>.ant-steps-icon.anticon-check,.ant-steps .ant-steps-head-inner>.ant-steps-icon.anticon-cross{font-weight:700}.ant-steps .ant-steps-main{margin-top:2.5px}.ant-steps .ant-steps-title{font-size:14px;margin-bottom:4px;color:rgba(0,0,0,.65);font-weight:700;background-color:#fff;display:inline-block;padding-right:10px}.ant-steps .ant-steps-title>a:first-child:last-child{color:rgba(0,0,0,.65)}.ant-steps .ant-steps-item:last-child .ant-steps-title{padding-right:0;width:100%}.ant-steps .ant-steps-item:last-child .ant-steps-tail{display:none}.ant-steps .ant-steps-description{font-size:12px;color:rgba(0,0,0,.43)}.ant-steps .ant-steps-tail{position:absolute;left:0;width:100%;top:13px;padding:0 10px}.ant-steps .ant-steps-tail>i{display:inline-block;vertical-align:top;background:#e9e9e9;height:1px;border-radius:1px;width:100%;position:relative}.ant-steps .ant-steps-tail>i:after{position:absolute;content:"";top:0;width:0;background:#e9e9e9;height:100%;opacity:0}.ant-steps.ant-steps-small .ant-steps-head-inner{border:1px solid rgba(0,0,0,.25);width:18px;height:18px;line-height:15px;text-align:center;border-radius:18px;font-size:12px;margin-right:10px}.ant-steps.ant-steps-small .ant-steps-head-inner>.ant-steps-icon.anticon{display:inline-block;font-size:12px;font-size:9px\9;-webkit-transform:scale(.75) rotate(0deg);-ms-transform:scale(.75) rotate(0deg);transform:scale(.75) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;top:0}:root .ant-steps.ant-steps-small .ant-steps-head-inner>.ant-steps-icon.anticon{-webkit-filter:none;filter:none;font-size:12px}.ant-steps.ant-steps-small .ant-steps-main{margin-top:0}.ant-steps.ant-steps-small .ant-steps-title{font-size:12px;margin-bottom:4px;color:rgba(0,0,0,.65);font-weight:700}.ant-steps.ant-steps-small .ant-steps-description{font-size:12px;color:rgba(0,0,0,.43)}.ant-steps.ant-steps-small .ant-steps-tail{top:8px;padding:0 8px}.ant-steps.ant-steps-small .ant-steps-tail>i{height:1px;border-radius:1px;width:100%}.ant-steps.ant-steps-small .ant-steps-custom .ant-steps-head-inner>.ant-steps-icon{font-size:18px;width:18px;height:18px}.ant-steps-vertical .ant-steps-item{display:block}.ant-steps-vertical .ant-steps-tail{position:absolute;left:13px;top:0;height:100%;width:1px;padding:30px 0 4px}.ant-steps-vertical .ant-steps-tail>i{height:100%;width:1px}.ant-steps-vertical .ant-steps-tail>i:after{height:0;width:100%}.ant-steps-vertical .ant-steps-status-finish .ant-steps-tail>i:after{height:100%}.ant-steps-vertical .ant-steps-head{float:left}.ant-steps-vertical .ant-steps-head-inner{margin-right:16px}.ant-steps-vertical .ant-steps-main{min-height:47px;overflow:hidden;display:block}.ant-steps-vertical .ant-steps-main .ant-steps-title{line-height:26px}.ant-steps-vertical .ant-steps-main .ant-steps-description{padding-bottom:12px}.ant-steps-vertical.ant-steps-small .ant-steps-tail{position:absolute;left:9px;top:0;padding:22px 0 4px}.ant-steps-vertical.ant-steps-small .ant-steps-tail>i{height:100%}.ant-steps-vertical.ant-steps-small .ant-steps-title{line-height:18px}.ant-steps-horizontal.ant-steps-hidden{visibility:hidden}.ant-steps-horizontal .ant-steps-description{max-width:120px}.ant-steps-horizontal .ant-steps-item:not(:first-child) .ant-steps-head{padding-left:10px;margin-left:-10px}.ant-steps-dot .ant-steps-item .ant-steps-step{display:inline-block;text-align:center;width:120px}.ant-steps-dot .ant-steps-item:not(:first-child) .ant-steps-head{margin-left:0;padding-left:0}.ant-steps-dot .ant-steps-tail{margin:0 0 0 60px;padding:0;width:100%;top:1px}.ant-steps-dot .ant-steps-tail>i{height:3px}.ant-steps-dot .ant-steps-head{display:inline-block;padding-right:0}.ant-steps-dot .ant-steps-head-inner{margin:0 auto;width:5px;height:5px;line-height:5px;border:0}.ant-steps-dot .ant-steps-head-inner .ant-steps-icon-dot{float:left;width:100%;height:100%;border-radius:2.5px;position:relative}.ant-steps-dot .ant-steps-head-inner .ant-steps-icon-dot:after{content:"";background:hsla(0,0%,100%,.001);width:40px;height:24px;position:absolute;top:-8px;left:-16px}.ant-steps-dot .ant-steps-head-inner .ant-steps-icon-dot:hover{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}.ant-steps-dot .ant-steps-main{display:block;margin-top:10px}.ant-steps-dot .ant-steps-main .ant-steps-title{padding-right:0}.ant-steps-dot .ant-steps-status-process .ant-steps-head{top:-1px}.ant-steps-dot .ant-steps-status-process .ant-steps-head-inner{width:7px;height:7px;line-height:7px}.ant-steps-dot .ant-steps-status-process .ant-steps-head-inner .ant-steps-icon-dot{border-radius:3.5px}.ant-steps-dot.ant-steps-vertical .ant-steps-tail{left:2px;height:100%;padding:0;top:15px}.ant-steps-dot.ant-steps-vertical .ant-steps-tail>i{height:100%;width:3px}.ant-steps-dot.ant-steps-vertical .ant-steps-head{top:12px;left:1px}.ant-steps-dot.ant-steps-vertical .ant-steps-status-process .ant-steps-head{left:0}@-webkit-keyframes tailEffect{to{box-shadow:0 0 3px 3px transparent}}@keyframes tailEffect{to{box-shadow:0 0 3px 3px transparent}}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-switch{position:relative;display:inline-block;box-sizing:border-box;height:22px;min-width:44px;line-height:20px;vertical-align:middle;border-radius:20px;border:1px solid #ccc;background-color:rgba(0,0,0,.25);cursor:pointer;-webkit-transition:all .3s;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-switch-inner{color:#fff;font-size:12px;margin-left:24px;margin-right:6px;display:block}.ant-switch:after{position:absolute;width:18px;height:18px;left:1px;top:1px;border-radius:18px;background-color:#fff;content:" ";cursor:pointer;-webkit-transition:all .3s,width .3s;transition:all .3s,width .3s}.ant-switch:active:after{width:24px}.ant-switch:focus{box-shadow:0 0 0 2px rgba(16,142,233,.2);outline:0}.ant-switch:focus:hover{box-shadow:none}.ant-switch-small{height:14px;min-width:28px;line-height:12px}.ant-switch-small .ant-switch-inner{margin-left:18px;margin-right:3px}.ant-switch-small:after{width:12px;height:12px;top:0;left:.5px}.ant-switch-small:active:after{width:16px}.ant-switch-small.ant-switch-checked:after{left:100%;margin-left:-12.5px}.ant-switch-small.ant-switch-checked .ant-switch-inner{margin-left:3px;margin-right:18px}.ant-switch-small:active.ant-switch-checked:after{margin-left:-16.5px}.ant-switch-checked{border-color:#108ee9;background-color:#108ee9}.ant-switch-checked .ant-switch-inner{margin-left:6px;margin-right:24px}.ant-switch-checked:after{left:100%;margin-left:-19px}.ant-switch-checked:active:after{margin-left:-25px}.ant-switch-disabled{cursor:not-allowed;background:#f4f4f4;border-color:#f4f4f4}.ant-switch-disabled:after{background:#ccc;cursor:not-allowed}.ant-switch-disabled .ant-switch-inner{color:rgba(0,0,0,.25)}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-table-wrapper{zoom:1}.ant-table-wrapper:after,.ant-table-wrapper:before{content:" ";display:table}.ant-table-wrapper:after{clear:both;visibility:hidden;font-size:0;height:0}.ant-table{font-size:12px;color:rgba(0,0,0,.65);overflow:hidden;position:relative;border-radius:4px 4px 0 0}.ant-table-body{-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.ant-table table{width:100%;border-collapse:separate;border-spacing:0;text-align:left;border-radius:4px 4px 0 0;overflow:hidden}.ant-table-thead>tr>th{background:#f7f7f7;font-weight:500;-webkit-transition:background .3s ease;transition:background .3s ease;text-align:left;color:rgba(0,0,0,.85)}.ant-table-thead>tr>th[colspan]{text-align:center}.ant-table-thead>tr>th .ant-table-filter-icon,.ant-table-thead>tr>th .anticon-filter{margin-left:4px;font-size:12px;cursor:pointer;color:#aaa;-webkit-transition:all .3s;transition:all .3s}.ant-table-thead>tr>th .ant-table-filter-icon:hover,.ant-table-thead>tr>th .anticon-filter:hover{color:rgba(0,0,0,.65)}.ant-table-thead>tr>th .ant-table-filter-selected.anticon-filter{color:#108ee9}.ant-table-tbody>tr>td{border-bottom:1px solid #e9e9e9}.ant-table-tbody>tr,.ant-table-tbody>tr>td,.ant-table-thead>tr{-webkit-transition:all .3s;transition:all .3s}.ant-table-tbody>tr.ant-table-row-hover>td,.ant-table-tbody>tr:hover>td,.ant-table-thead>tr.ant-table-row-hover>td,.ant-table-thead>tr:hover>td{background:#ecf6fd}.ant-table-thead>tr:hover{background:none}.ant-table-footer{padding:16px 8px;background:#f7f7f7;border-radius:0 0 4px 4px;position:relative}.ant-table-footer:before{content:"";height:1px;background:#f7f7f7;position:absolute;top:-1px;width:100%;left:0}.ant-table.ant-table-bordered .ant-table-footer{border:1px solid #e9e9e9}.ant-table-title{padding:16px 0;position:relative;top:1px;border-radius:4px 4px 0 0}.ant-table.ant-table-bordered .ant-table-title{border:1px solid #e9e9e9;padding-left:8px;padding-right:8px}.ant-table-title+.ant-table-content{position:relative;border-radius:4px 4px 0 0;overflow:hidden}.ant-table-bordered .ant-table-title+.ant-table-content,.ant-table-bordered .ant-table-title+.ant-table-content table,.ant-table-without-column-header .ant-table-title+.ant-table-content,.ant-table-without-column-header table{border-radius:0}.ant-table-tbody>tr.ant-table-row-selected{background:#fafafa}.ant-table-thead>tr>th.ant-table-column-sort{background:#eaeaea}.ant-table-tbody>tr>td,.ant-table-thead>tr>th{padding:16px 8px;word-break:break-all}.ant-table-thead>tr>th.ant-table-selection-column-custom{padding-left:16px;padding-right:0}.ant-table-tbody>tr>td.ant-table-selection-column,.ant-table-thead>tr>th.ant-table-selection-column{text-align:center;min-width:62px;width:62px}.ant-table-expand-icon-th,.ant-table-row-expand-icon-cell{text-align:center;min-width:50px;width:50px}.ant-table-header{background:#f7f7f7;overflow:hidden}.ant-table-header table{border-radius:4px 4px 0 0}.ant-table-loading{position:relative}.ant-table-loading .ant-table-body{background:#fff;opacity:.5}.ant-table-loading .ant-table-spin-holder{height:20px;line-height:20px;left:50%;top:50%;margin-left:-30px;position:absolute}.ant-table-loading .ant-table-with-pagination{margin-top:-20px}.ant-table-loading .ant-table-without-pagination{margin-top:10px}.ant-table-middle .ant-table-footer,.ant-table-middle .ant-table-tbody>tr>td,.ant-table-middle .ant-table-thead>tr>th:not(.ant-table-selection-column),.ant-table-middle .ant-table-title{padding:10px 8px}.ant-table-small{border:1px solid #e9e9e9;border-radius:4px}.ant-table-small .ant-table-body>table,.ant-table-small .ant-table-header>table{border:0;padding:0 8px}.ant-table-small .ant-table-thead>tr>th{background:#fff;border-bottom:1px solid #e9e9e9}.ant-table-small .ant-table-tbody>tr>td{padding:6px 8px}.ant-table-small .ant-table-footer,.ant-table-small .ant-table-thead>tr>th:not(.ant-table-selection-column),.ant-table-small .ant-table-title{padding:10px 8px}.ant-table-small .ant-table-title{border-bottom:1px solid #e9e9e9;top:0}.ant-table-small .ant-table-header{background:#fff}.ant-table-small .ant-table-header table{border-bottom:1px solid #e9e9e9}.ant-table-small .ant-table-placeholder,.ant-table-small .ant-table-row:last-child td{border-bottom:0}.ant-table-column-sorter{margin-left:4px;display:inline-block;width:12px;height:14px;vertical-align:middle;text-align:center}.ant-table-column-sorter-down,.ant-table-column-sorter-up{line-height:4px;height:5px;display:block;width:12px;cursor:pointer}.ant-table-column-sorter-down:hover .anticon,.ant-table-column-sorter-up:hover .anticon{color:rgba(0,0,0,.65)}.ant-table-column-sorter-down.on .anticon-caret-down,.ant-table-column-sorter-down.on .anticon-caret-up,.ant-table-column-sorter-up.on .anticon-caret-down,.ant-table-column-sorter-up.on .anticon-caret-up{color:#108ee9}.ant-table-column-sorter .anticon-caret-down,.ant-table-column-sorter .anticon-caret-up{display:inline-block;font-size:12px;font-size:7px\9;-webkit-transform:scale(.58333333) rotate(0deg);-ms-transform:scale(.58333333) rotate(0deg);transform:scale(.58333333) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;line-height:6px;height:6px;color:#aaa}:root .ant-table-column-sorter .anticon-caret-down,:root .ant-table-column-sorter .anticon-caret-up{-webkit-filter:none;filter:none;font-size:12px}.ant-table-column-sorter .anticon-caret-down:before,.ant-table-column-sorter .anticon-caret-up:before{-moz-transform-origin:53% 50%}.ant-table-bordered .ant-table-body>table,.ant-table-bordered .ant-table-fixed-left table,.ant-table-bordered .ant-table-fixed-right table,.ant-table-bordered .ant-table-header>table{border:1px solid #e9e9e9;border-right:0;border-bottom:0}.ant-table-bordered.ant-table-empty .ant-table-placeholder{border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9}.ant-table-bordered.ant-table-fixed-header .ant-table-header>table{border-bottom:0}.ant-table-bordered.ant-table-fixed-header .ant-table-body>table{border-top:0;border-top-left-radius:0;border-top-right-radius:0}.ant-table-bordered.ant-table-fixed-header .ant-table-body-inner>table{border-top:0}.ant-table-bordered.ant-table-fixed-header .ant-table-placeholder{border:0}.ant-table-bordered .ant-table-thead>tr>th{border-bottom:1px solid #e9e9e9}.ant-table-bordered .ant-table-tbody>tr>td,.ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #e9e9e9}.ant-table-bordered.ant-table-small{border-right:0}.ant-table-bordered.ant-table-small .ant-table-body>table,.ant-table-bordered.ant-table-small .ant-table-fixed-left table,.ant-table-bordered.ant-table-small .ant-table-fixed-right table,.ant-table-bordered.ant-table-small .ant-table-header>table{border:0;padding:0}.ant-table-bordered.ant-table-small .ant-table-title{border:0;border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9}.ant-table-bordered.ant-table-small .ant-table-footer{border:0;border-top:1px solid #e9e9e9;border-right:1px solid #e9e9e9}.ant-table-bordered.ant-table-small .ant-table-footer:before{display:none}.ant-table-bordered.ant-table-small .ant-table-placeholder{border-left:0;border-bottom:0}.ant-table-placeholder{position:relative;padding:16px 8px;background:#fff;border-bottom:1px solid #e9e9e9;text-align:center;font-size:12px;color:rgba(0,0,0,.43)}.ant-table-placeholder .anticon{margin-right:4px}.ant-table-pagination{margin:16px 0;float:right}.ant-table-filter-dropdown{min-width:96px;margin-left:-8px;background:#fff;border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.2)}.ant-table-filter-dropdown .ant-dropdown-menu{border:0;box-shadow:none;border-radius:4px 4px 0 0}.ant-table-filter-dropdown .ant-dropdown-menu-without-submenu{max-height:400px;overflow-x:hidden}.ant-table-filter-dropdown .ant-dropdown-menu-item>label+span{padding:0}.ant-table-filter-dropdown .ant-dropdown-menu-sub{border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.2)}.ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title:after{color:#108ee9;font-weight:700;text-shadow:0 0 2px #d2eafb}.ant-table-filter-dropdown .ant-dropdown-menu-item{overflow:hidden}.ant-table-filter-dropdown>.ant-dropdown-menu>.ant-dropdown-menu-item:last-child,.ant-table-filter-dropdown>.ant-dropdown-menu>.ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title{border-radius:0}.ant-table-filter-dropdown-btns{overflow:hidden;padding:7px 16px;border-top:1px solid #e9e9e9}.ant-table-filter-dropdown-link{color:#108ee9}.ant-table-filter-dropdown-link:hover{color:#49a9ee}.ant-table-filter-dropdown-link:active{color:#0e77ca}.ant-table-filter-dropdown-link.confirm{float:left}.ant-table-filter-dropdown-link.clear{float:right}.ant-table-selection-select-all-custom{margin-right:4px!important}.ant-table-selection .anticon-down{color:#aaa}.ant-table-selection-menu{min-width:96px;margin-top:5px;margin-left:-30px;background:#fff;border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.2)}.ant-table-selection-menu .ant-action-down{color:#aaa}.ant-table-selection-down{cursor:pointer;padding:0;display:inline-block;vertical-align:middle;line-height:1}.ant-table-row-expand-icon{cursor:pointer;display:inline-block;width:17px;height:17px;text-align:center;line-height:14px;border:1px solid #e9e9e9;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff}.ant-table-row-expanded:after{content:"-"}.ant-table-row-collapsed:after{content:"+"}.ant-table-row-spaced{visibility:hidden}.ant-table-row-spaced:after{content:"."}.ant-table-row[class*=ant-table-row-level-0] .ant-table-selection-column>span{display:inline-block}tr.ant-table-expanded-row,tr.ant-table-expanded-row:hover{background:#fbfbfb}.ant-table .ant-table-row-indent+.ant-table-row-expand-icon{margin-right:8px}.ant-table-scroll{overflow:auto;overflow-x:hidden}.ant-table-scroll table{width:auto;min-width:100%}.ant-table-body-inner{height:100%}.ant-table-fixed-header .ant-table-body{position:relative;background:#fff}.ant-table-fixed-header .ant-table-body-inner{overflow:scroll}.ant-table-fixed-header .ant-table-scroll .ant-table-header{overflow:scroll;padding-bottom:20px;margin-bottom:-20px}.ant-table-fixed-header.ant-table-empty .ant-table-scroll .ant-table-body{padding-bottom:20px;margin-bottom:-20px}.ant-table-fixed-left,.ant-table-fixed-right{position:absolute;top:0;overflow:hidden;-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;border-radius:0}.ant-table-fixed-left table,.ant-table-fixed-right table{width:auto;background:#fff}.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-outer .ant-table-fixed,.ant-table-fixed-header .ant-table-fixed-right .ant-table-body-outer .ant-table-fixed{border-radius:0}.ant-table-fixed-left{left:0;box-shadow:6px 0 6px -4px rgba(0,0,0,.2)}.ant-table-fixed-left .ant-table-header{overflow-y:hidden}.ant-table-fixed-left .ant-table-body-inner{margin-right:-20px;padding-right:20px}.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-inner{padding-right:0}.ant-table-fixed-left,.ant-table-fixed-left table{border-radius:4px 0 0 0}.ant-table-fixed-right{right:0;box-shadow:-6px 0 6px -4px rgba(0,0,0,.2)}.ant-table-fixed-right,.ant-table-fixed-right table{border-radius:0 4px 0 0}.ant-table-fixed-right .ant-table-expanded-row{color:transparent;pointer-events:none}.ant-table.ant-table-scroll-position-left .ant-table-fixed-left,.ant-table.ant-table-scroll-position-right .ant-table-fixed-right{box-shadow:none}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-nav-container{height:32px}.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-ink-bar{visibility:hidden}.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab{margin:0;border:1px solid #d9d9d9;border-bottom:0;border-radius:4px 4px 0 0;background:#f9f9f9;margin-right:2px;padding:5px 16px 4px;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-active{background:#fff;-webkit-transform:translateZ(0);transform:translateZ(0);border-color:#d9d9d9;color:#108ee9;padding-bottom:5px}.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-inactive{padding:0}.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-nav-wrap{margin-bottom:0}.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab .anticon-close{margin-right:0;color:rgba(0,0,0,.43);-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);display:inline-block;font-size:12px;font-size:9px\9;-webkit-transform:scale(.75) rotate(0deg);-ms-transform:scale(.75) rotate(0deg);transform:scale(.75) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;width:0;text-align:right;vertical-align:middle;overflow:hidden}:root .ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab .anticon-close{-webkit-filter:none;filter:none;font-size:12px}.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab .anticon-close:hover{color:#404040;font-weight:700}.ant-tabs.ant-tabs-card .ant-tabs-content>.ant-tabs-tabpane,.ant-tabs.ant-tabs-editable-card .ant-tabs-content>.ant-tabs-tabpane{-webkit-transition:none!important;transition:none!important}.ant-tabs.ant-tabs-editable-card>.ant-tabs-bar .ant-tabs-tab>div{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-tabs.ant-tabs-editable-card>.ant-tabs-bar .ant-tabs-tab:not(.ant-tabs-tab-active):hover>div:not(.ant-tabs-tab-unclosable){margin-left:-8px;margin-right:-8px}.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-active .anticon-close,.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab:hover .anticon-close{width:16px;-webkit-transform:translateZ(0);transform:translateZ(0)}.ant-tabs-extra-content{float:right;line-height:32px}.ant-tabs-extra-content .ant-tabs-new-tab{width:20px;height:20px;line-height:20px;text-align:center;cursor:pointer;border-radius:4px;border:1px solid #d9d9d9;display:inline-block;font-size:12px;font-size:10px\9;-webkit-transform:scale(.83333333) rotate(0deg);-ms-transform:scale(.83333333) rotate(0deg);transform:scale(.83333333) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;color:rgba(0,0,0,.43);-webkit-transition:color .3s ease;transition:color .3s ease}:root .ant-tabs-extra-content .ant-tabs-new-tab{-webkit-filter:none;filter:none;font-size:12px}.ant-tabs-extra-content .ant-tabs-new-tab:hover{color:#404040}.ant-tabs-vertical.ant-tabs-card>.ant-tabs-bar .ant-tabs-nav-container{height:auto}.ant-tabs-vertical.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab{border-bottom:1px solid #d9d9d9;margin-bottom:8px}.ant-tabs-vertical.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-active{padding-bottom:4px}.ant-tabs-vertical.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab:last-child{margin-bottom:8px}.ant-tabs-vertical.ant-tabs-card.ant-tabs-left>.ant-tabs-bar .ant-tabs-nav-wrap{margin-right:0}.ant-tabs-vertical.ant-tabs-card.ant-tabs-left>.ant-tabs-bar .ant-tabs-tab{border-right:0;border-radius:4px 0 0 4px;margin-right:1px}.ant-tabs-vertical.ant-tabs-card.ant-tabs-left>.ant-tabs-bar .ant-tabs-tab-active{margin-right:-1px;padding-right:18px}.ant-tabs-vertical.ant-tabs-card.ant-tabs-right>.ant-tabs-bar .ant-tabs-nav-wrap{margin-left:0}.ant-tabs-vertical.ant-tabs-card.ant-tabs-right>.ant-tabs-bar .ant-tabs-tab{border-left:0;border-radius:0 4px 4px 0;margin-left:1px}.ant-tabs-vertical.ant-tabs-card.ant-tabs-right>.ant-tabs-bar .ant-tabs-tab-active{margin-left:-1px;padding-left:18px}.ant-tabs{box-sizing:border-box;position:relative;overflow:hidden;zoom:1;color:rgba(0,0,0,.65)}.ant-tabs:after,.ant-tabs:before{content:" ";display:table}.ant-tabs:after{clear:both;visibility:hidden;font-size:0;height:0}.ant-tabs-ink-bar{z-index:1;position:absolute;left:0;bottom:1px;box-sizing:border-box;height:2px;background-color:#108ee9;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.ant-tabs-ink-bar-animated{-webkit-transition:width .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:width .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),width .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),width .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1)}.ant-tabs-bar{border-bottom:1px solid #d9d9d9;margin-bottom:16px;outline:none}.ant-tabs-nav-container{overflow:hidden;font-size:14px;line-height:1.5;box-sizing:border-box;position:relative;white-space:nowrap;margin-bottom:-1px;zoom:1}.ant-tabs-nav-container:after,.ant-tabs-nav-container:before{content:" ";display:table}.ant-tabs-nav-container:after{clear:both;visibility:hidden;font-size:0;height:0}.ant-tabs-nav-container-scrolling{padding-left:32px;padding-right:32px}.ant-tabs-tab-next,.ant-tabs-tab-prev{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2;margin-right:-2px;margin-top:3px;width:32px;height:100%;line-height:32px;cursor:pointer;border:0;background-color:transparent;position:absolute;text-align:center;color:rgba(0,0,0,.43);-webkit-transition:color .3s ease;transition:color .3s ease}.ant-tabs-tab-next:hover,.ant-tabs-tab-prev:hover{color:rgba(0,0,0,.65)}.ant-tabs-tab-next-icon,.ant-tabs-tab-prev-icon{position:relative;font-style:normal;font-weight:700;font-variant:normal;line-height:inherit;vertical-align:baseline;text-align:center;text-transform:none;font-family:sans-serif;display:inline-block;font-size:12px;font-size:10px\9;-webkit-transform:scale(.83333333) rotate(0deg);-ms-transform:scale(.83333333) rotate(0deg);transform:scale(.83333333) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1}:root .ant-tabs-tab-next-icon,:root .ant-tabs-tab-prev-icon{-webkit-filter:none;filter:none;font-size:12px}.ant-tabs-tab-next-icon:before,.ant-tabs-tab-prev-icon:before{display:block;font-family:anticon!important}.ant-tabs-tab-btn-disabled{cursor:not-allowed}.ant-tabs-tab-btn-disabled,.ant-tabs-tab-btn-disabled:hover{color:rgba(0,0,0,.25)}.ant-tabs-tab-next{right:2px}.ant-tabs-tab-next-icon:before{content:"\E61F"}.ant-tabs-tab-prev{left:0}.ant-tabs-tab-prev-icon:before{content:"\E620"}:root .ant-tabs-tab-prev{-webkit-filter:none;filter:none}.ant-tabs-nav-wrap{overflow:hidden;margin-bottom:-1px}.ant-tabs-nav-scroll{overflow:hidden;white-space:nowrap}.ant-tabs-nav{box-sizing:border-box;padding-left:0;-webkit-transition:-webkit-transform .5s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .5s cubic-bezier(.645,.045,.355,1);transition:transform .5s cubic-bezier(.645,.045,.355,1);transition:transform .5s cubic-bezier(.645,.045,.355,1),-webkit-transform .5s cubic-bezier(.645,.045,.355,1);position:relative;margin:0;list-style:none;float:left}.ant-tabs-nav:after,.ant-tabs-nav:before{display:table;content:" "}.ant-tabs-nav:after{clear:both}.ant-tabs-nav .ant-tabs-tab-disabled{pointer-events:none;cursor:default;color:rgba(0,0,0,.25)}.ant-tabs-nav .ant-tabs-tab{display:inline-block;height:100%;margin-right:24px;box-sizing:border-box;position:relative;padding:8px 20px;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1);cursor:pointer;text-decoration:none}.ant-tabs-nav .ant-tabs-tab:hover{color:#49a9ee}.ant-tabs-nav .ant-tabs-tab:active{color:#0e77ca}.ant-tabs-nav .ant-tabs-tab .anticon{width:14px;height:14px;margin-right:8px}.ant-tabs-nav .ant-tabs-tab-active{color:#108ee9}.ant-tabs-mini .ant-tabs-nav-container{font-size:12px}.ant-tabs-mini .ant-tabs-tab{margin-right:0;padding:8px 16px}.ant-tabs:not(.ant-tabs-vertical)>.ant-tabs-content{width:100%}.ant-tabs:not(.ant-tabs-vertical)>.ant-tabs-content>.ant-tabs-tabpane{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;-webkit-transition:opacity .3s;transition:opacity .3s;opacity:1}.ant-tabs:not(.ant-tabs-vertical)>.ant-tabs-content>.ant-tabs-tabpane-inactive{opacity:0;height:0;padding:0!important}.ant-tabs:not(.ant-tabs-vertical)>.ant-tabs-content-animated{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;will-change:margin-left;-webkit-transition:margin-left .3s cubic-bezier(.645,.045,.355,1);transition:margin-left .3s cubic-bezier(.645,.045,.355,1)}.ant-tabs-vertical>.ant-tabs-bar{border-bottom:0;height:100%}.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-tab{float:none;margin-right:0;margin-bottom:16px;display:block;padding:8px 24px}.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-tab:last-child{margin-bottom:0}.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-nav-scroll{width:auto}.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-nav-container,.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-nav-wrap{height:100%}.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-nav-container{margin-bottom:0;padding:32px 0}.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-nav-wrap{margin-bottom:0}.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-ink-bar{width:2px;left:auto;height:auto;top:0}.ant-tabs-vertical>.ant-tabs-content{overflow:hidden;width:auto;margin-top:0!important}.ant-tabs-vertical .ant-tabs-tab-next{width:100%;bottom:0;height:32px}.ant-tabs-vertical .ant-tabs-tab-next-icon:before{content:"\E61D"}.ant-tabs-vertical .ant-tabs-tab-prev{top:0;width:100%;height:32px}.ant-tabs-vertical .ant-tabs-tab-prev-icon:before{content:"\E61E"}.ant-tabs-vertical.ant-tabs-left>.ant-tabs-bar{float:left;border-right:1px solid #e9e9e9;margin-right:-1px;margin-bottom:0}.ant-tabs-vertical.ant-tabs-left>.ant-tabs-bar .ant-tabs-tab{text-align:right}.ant-tabs-vertical.ant-tabs-left>.ant-tabs-bar .ant-tabs-nav-container,.ant-tabs-vertical.ant-tabs-left>.ant-tabs-bar .ant-tabs-nav-wrap{margin-right:-1px}.ant-tabs-vertical.ant-tabs-left>.ant-tabs-bar .ant-tabs-ink-bar{right:1px}.ant-tabs-vertical.ant-tabs-left>.ant-tabs-content{padding-left:24px;border-left:1px solid #e9e9e9}.ant-tabs-vertical.ant-tabs-right>.ant-tabs-bar{float:right;border-left:1px solid #e9e9e9;margin-left:-1px;margin-bottom:0}.ant-tabs-vertical.ant-tabs-right>.ant-tabs-bar .ant-tabs-nav-container,.ant-tabs-vertical.ant-tabs-right>.ant-tabs-bar .ant-tabs-nav-wrap{margin-left:-1px}.ant-tabs-vertical.ant-tabs-right>.ant-tabs-bar .ant-tabs-ink-bar{left:1px}.ant-tabs-vertical.ant-tabs-right>.ant-tabs-content{padding-right:24px;border-right:1px solid #e9e9e9}.ant-tabs-bottom>.ant-tabs-bar{margin-bottom:0;margin-top:16px}.ant-tabs-no-animation>.ant-tabs-content-animated,.ant-tabs-vertical>.ant-tabs-content-animated,.no-flex>.ant-tabs-content-animated{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;margin-left:0!important}.ant-tabs-no-animation>.ant-tabs-content>.ant-tabs-tabpane-inactive,.ant-tabs-vertical>.ant-tabs-content>.ant-tabs-tabpane-inactive,.no-flex>.ant-tabs-content>.ant-tabs-tabpane-inactive{display:none}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-tag{display:inline-block;line-height:20px;height:22px;padding:0 8px;border-radius:4px;border:1px solid #e9e9e9;background:#f7f7f7;font-size:12px;-webkit-transition:all .3s cubic-bezier(.78,.14,.15,.86);transition:all .3s cubic-bezier(.78,.14,.15,.86);opacity:1;margin-right:8px;cursor:pointer;white-space:nowrap}.ant-tag:hover{opacity:.85}.ant-tag,.ant-tag a,.ant-tag a:hover{color:rgba(0,0,0,.65)}.ant-tag-text a:first-child:last-child{display:inline-block;margin:0 -8px;padding:0 8px}.ant-tag .anticon-cross{display:inline-block;font-size:12px;font-size:10px\9;-webkit-transform:scale(.83333333) rotate(0deg);-ms-transform:scale(.83333333) rotate(0deg);transform:scale(.83333333) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;cursor:pointer;font-weight:700;margin-left:3px;-webkit-transition:all .3s ease;transition:all .3s ease;opacity:.66}:root .ant-tag .anticon-cross{-webkit-filter:none;filter:none;font-size:12px}.ant-tag .anticon-cross:hover{opacity:1}.ant-tag-has-color{border-color:transparent}.ant-tag-has-color,.ant-tag-has-color .anticon-cross,.ant-tag-has-color .anticon-cross:hover,.ant-tag-has-color a,.ant-tag-has-color a:hover{color:#fff}.ant-tag-checkable{background-color:transparent;border-color:transparent}.ant-tag-checkable-checked,.ant-tag-checkable:active,.ant-tag-checkable:hover{color:#fff}.ant-tag-checkable:hover{background-color:#49a9ee}.ant-tag-checkable-checked{background-color:#108ee9}.ant-tag-checkable:active{background-color:#0e77ca}.ant-tag-close{width:0!important;padding:0;margin:0}.ant-tag-zoom-appear,.ant-tag-zoom-enter{-webkit-animation:antFadeIn .2s cubic-bezier(.78,.14,.15,.86);animation:antFadeIn .2s cubic-bezier(.78,.14,.15,.86);-webkit-animation-fill-mode:both;animation-fill-mode:both}.ant-tag-zoom-leave{-webkit-animation:antZoomOut .3s cubic-bezier(.78,.14,.15,.86);animation:antZoomOut .3s cubic-bezier(.78,.14,.15,.86);-webkit-animation-fill-mode:both;animation-fill-mode:both}.ant-tag-pink{color:#f5317f;background:#fdd8e7;border-color:#fdd8e7}.ant-tag-pink-inverse{background:#f5317f;border-color:#f5317f;color:#fff}.ant-tag-red{color:#f04134;background:#fcdbd9;border-color:#fcdbd9}.ant-tag-red-inverse{background:#f04134;border-color:#f04134;color:#fff}.ant-tag-orange{color:#f56a00;background:#fde3cf;border-color:#fde3cf}.ant-tag-orange-inverse{background:#f56a00;border-color:#f56a00;color:#fff}.ant-tag-yellow{color:#ffbf00;background:#fff3cf;border-color:#fff3cf}.ant-tag-yellow-inverse{background:#ffbf00;border-color:#ffbf00;color:#fff}.ant-tag-cyan{color:#00a2ae;background:#cfedf0;border-color:#cfedf0}.ant-tag-cyan-inverse{background:#00a2ae;border-color:#00a2ae;color:#fff}.ant-tag-green{color:#00a854;background:#cfefdf;border-color:#cfefdf}.ant-tag-green-inverse{background:#00a854;border-color:#00a854;color:#fff}.ant-tag-blue{color:#108ee9;background:#d2eafb;border-color:#d2eafb}.ant-tag-blue-inverse{background:#108ee9;border-color:#108ee9;color:#fff}.ant-tag-purple{color:#7265e6;background:#e4e2fa;border-color:#e4e2fa}.ant-tag-purple-inverse{background:#7265e6;border-color:#7265e6;color:#fff}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-timeline{list-style:none;margin:0;padding:0}.ant-timeline-item{position:relative;padding:0 0 12px;list-style:none;margin:0}.ant-timeline-item-tail{position:absolute;left:5px;top:0;height:100%;border-left:2px solid #e9e9e9}.ant-timeline-item-pending .ant-timeline-item-tail{display:none}.ant-timeline-item-head{position:absolute;width:12px;height:12px;background-color:#fff;border-radius:100px;border:2px solid transparent}.ant-timeline-item-head-blue{border-color:#108ee9;color:#108ee9}.ant-timeline-item-head-red{border-color:#f04134;color:#f04134}.ant-timeline-item-head-green{border-color:#00a854;color:#00a854}.ant-timeline-item-head-custom{position:absolute;text-align:center;width:40px;left:-14px;line-height:1;margin-top:6px;border:0;height:auto;border-radius:0;padding:3px 0;font-size:12px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.ant-timeline-item-content{padding:0 0 10px 24px;font-size:12px;position:relative;top:-3px}.ant-timeline-item-last .ant-timeline-item-tail{border-left:2px dotted #e9e9e9;display:none}.ant-timeline-item-last .ant-timeline-item-content{min-height:48px}.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail{display:block}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-transfer{position:relative;line-height:1.5}.ant-transfer-list{font-size:12px;border:1px solid #d9d9d9;display:inline-block;border-radius:4px;vertical-align:middle;position:relative;width:180px;height:200px;padding-top:33px}.ant-transfer-list-with-footer{padding-bottom:33px}.ant-transfer-list-search-action{color:rgba(0,0,0,.25);position:absolute;top:4px;right:4px;bottom:4px;width:28px;line-height:26px;text-align:center;font-size:14px}.ant-transfer-list-search-action .anticon{-webkit-transition:all .3s;transition:all .3s;font-size:12px;color:rgba(0,0,0,.25)}.ant-transfer-list-search-action .anticon:hover{color:rgba(0,0,0,.43)}span.ant-transfer-list-search-action{pointer-events:none}.ant-transfer-list-header{padding:7px 15px;border-radius:4px 4px 0 0;background:#fff;color:rgba(0,0,0,.65);border-bottom:1px solid #e9e9e9;overflow:hidden;position:absolute;top:0;left:0;width:100%}.ant-transfer-list-header-title{position:absolute;right:15px}.ant-transfer-list-body{font-size:12px;position:relative;height:100%}.ant-transfer-list-body-search-wrapper{position:absolute;top:0;left:0;padding:4px;width:100%}.ant-transfer-list-body-with-search{padding-top:34px}.ant-transfer-list-content{height:100%;overflow:auto}.ant-transfer-list-content>.LazyLoad{-webkit-animation:transferHighlightIn 1s;animation:transferHighlightIn 1s}.ant-transfer-list-content-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:7px 15px;min-height:32px;-webkit-transition:all .3s;transition:all .3s}.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover{cursor:pointer;background-color:#ecf6fd}.ant-transfer-list-content-item-disabled{cursor:not-allowed;color:rgba(0,0,0,.25)}.ant-transfer-list-body-not-found{padding-top:0;color:rgba(0,0,0,.25);text-align:center;display:none;position:absolute;top:50%;width:100%;margin-top:-10px}.ant-transfer-list-content:empty+.ant-transfer-list-body-not-found{display:block}.ant-transfer-list-footer{border-top:1px solid #e9e9e9;border-radius:0 0 4px 4px;position:absolute;bottom:0;left:0;width:100%}.ant-transfer-operation{display:inline-block;overflow:hidden;margin:0 8px;vertical-align:middle}.ant-transfer-operation .ant-btn{display:block}.ant-transfer-operation .ant-btn:first-child{margin-bottom:4px}.ant-transfer-operation .ant-btn .anticon{display:inline-block;font-size:12px;font-size:10px\9;-webkit-transform:scale(.83333333) rotate(0deg);-ms-transform:scale(.83333333) rotate(0deg);transform:scale(.83333333) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1}:root .ant-transfer-operation .ant-btn .anticon{-webkit-filter:none;filter:none;font-size:12px}@-webkit-keyframes transferHighlightIn{0%{background:#d2eafb}to{background:transparent}}@keyframes transferHighlightIn{0%{background:#d2eafb}to{background:transparent}}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-select-tree-checkbox{white-space:nowrap;cursor:pointer;outline:none;display:inline-block;line-height:1;position:relative;vertical-align:text-bottom}.ant-select-tree-checkbox-input:focus+.ant-select-tree-checkbox-inner,.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner{border-color:#108ee9}.ant-select-tree-checkbox-inner{position:relative;top:0;left:0;display:block;width:14px;height:14px;border:1px solid #d9d9d9;border-radius:2px;background-color:#fff;-webkit-transition:all .3s;transition:all .3s}.ant-select-tree-checkbox-inner:after{-webkit-transform:rotate(45deg) scale(0);-ms-transform:rotate(45deg) scale(0);transform:rotate(45deg) scale(0);position:absolute;left:4px;top:1px;display:table;width:5px;height:8px;border:2px solid #fff;border-top:0;border-left:0;content:" ";-webkit-transition:all .1s cubic-bezier(.71,-.46,.88,.6);transition:all .1s cubic-bezier(.71,-.46,.88,.6)}.ant-select-tree-checkbox-input{position:absolute;left:0;z-index:1;cursor:pointer;opacity:0;filter:alpha(opacity=0);top:0;bottom:0;right:0;width:100%;height:100%}.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner:after{content:" ";-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);position:absolute;left:2px;top:5px;width:8px;height:1px}.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after{-webkit-transform:rotate(45deg) scale(1);-ms-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1);position:absolute;left:4px;top:1px;display:table;width:5px;height:8px;border:2px solid #fff;border-top:0;border-left:0;content:" ";-webkit-transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s}.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner,.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner{background-color:#108ee9;border-color:#108ee9}.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after{-webkit-animation-name:none;animation-name:none;border-color:rgba(0,0,0,.25)}.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner{border-color:#d9d9d9!important;background-color:#f3f3f3}.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner:after{-webkit-animation-name:none;animation-name:none;border-color:#f3f3f3}.ant-select-tree-checkbox-disabled+span{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-select-tree-checkbox-wrapper{cursor:pointer;font-size:12px;display:inline-block}.ant-select-tree-checkbox-wrapper:not(:last-child){margin-right:8px}.ant-select-tree-checkbox+span,.ant-select-tree-checkbox-wrapper+span{padding-left:8px;padding-right:8px}.ant-select-tree-checkbox-group{font-size:12px}.ant-select-tree-checkbox-group-item{display:inline-block}@media \0screen{.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after,.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:before{font-family:anticon;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\E632";font-weight:700;font-size:8px;border:0;color:#fff;left:2px;top:3px;position:absolute}}.ant-select-tree{margin:0;padding:8px;font-size:12px}.ant-select-tree li{padding:0;margin:8px 0;list-style:none;white-space:nowrap;outline:0}.ant-select-tree li.filter-node>a{font-weight:700!important}.ant-select-tree li ul{margin:0;padding:0 0 0 18px}.ant-select-tree li a{display:inline-block;padding:1px 5px;border-radius:2px;margin:0;cursor:pointer;text-decoration:none;vertical-align:top;color:rgba(0,0,0,.65);-webkit-transition:all .3s ease;transition:all .3s ease}.ant-select-tree li a:hover{background-color:#ecf6fd}.ant-select-tree li a.ant-select-tree-node-selected{background-color:#d2eafb}.ant-select-tree li span.ant-select-tree-checkbox{margin:2px 4px 0 0}.ant-select-tree li span.ant-select-tree-iconEle,.ant-select-tree li span.ant-select-tree-switcher{margin:0;width:16px;height:16px;line-height:16px;display:inline-block;vertical-align:middle;border:0 none;cursor:pointer;outline:none}.ant-select-tree li span.ant-select-tree-icon_loading:after{display:inline-block;font-family:anticon;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\E64D";font-weight:700;-webkit-animation:loadingCircle 1s infinite linear;animation:loadingCircle 1s infinite linear;margin-top:8px}.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher-noop{cursor:auto}.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-bottom_open:after,.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-center_open:after,.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-noline_open:after,.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-roots_open:after{font-size:12px;font-size:7px\9;-webkit-transform:scale(.58333333) rotate(0deg);-ms-transform:scale(.58333333) rotate(0deg);transform:scale(.58333333) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;display:inline-block;font-family:anticon;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\E606";font-weight:700;color:rgba(0,0,0,.65);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-bottom_open:after,:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-center_open:after,:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-noline_open:after,:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-roots_open:after{-webkit-filter:none;filter:none;font-size:12px}.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-bottom_close,.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-center_close,.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-noline_close,.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-roots_close{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"}.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-bottom_close:after,.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-center_close:after,.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-noline_close:after,.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-roots_close:after{font-size:12px;font-size:7px\9;-webkit-transform:scale(.58333333) rotate(0deg);-ms-transform:scale(.58333333) rotate(0deg);transform:scale(.58333333) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;display:inline-block;font-family:anticon;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\E606";font-weight:700;color:rgba(0,0,0,.65);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-bottom_close:after,:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-center_close:after,:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-noline_close:after,:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-roots_close:after{-webkit-filter:none;filter:none;font-size:12px}.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-bottom_close:after,.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-center_close:after,.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-noline_close:after,.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-roots_close:after{-webkit-transform:rotate(270deg) scale(.59);-ms-transform:rotate(270deg) scale(.59);transform:rotate(270deg) scale(.59)}.ant-select-tree-child-tree{display:none}.ant-select-tree-child-tree-open{display:block}.ant-select-tree-treenode-disabled>a,.ant-select-tree-treenode-disabled>a span,.ant-select-tree-treenode-disabled>span{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-select-tree-icon__close,.ant-select-tree-icon__open{margin-right:2px;vertical-align:top}.ant-select-tree-dropdown .ant-select-dropdown-search{display:block;padding:4px}.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field__wrap{width:100%}.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field{padding:4px 7px;width:100%;box-sizing:border-box;border:1px solid #d9d9d9;border-radius:4px;outline:none}.ant-select-tree-dropdown .ant-select-dropdown-search.ant-select-search--hide{display:none}.ant-select-tree-dropdown .ant-select-not-found{cursor:not-allowed;color:rgba(0,0,0,.25);padding:7px 16px;display:block}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-tree-checkbox{white-space:nowrap;cursor:pointer;outline:none;display:inline-block;line-height:1;position:relative;vertical-align:text-bottom}.ant-tree-checkbox-input:focus+.ant-tree-checkbox-inner,.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,.ant-tree-checkbox:hover .ant-tree-checkbox-inner{border-color:#108ee9}.ant-tree-checkbox-inner{position:relative;top:0;left:0;display:block;width:14px;height:14px;border:1px solid #d9d9d9;border-radius:2px;background-color:#fff;-webkit-transition:all .3s;transition:all .3s}.ant-tree-checkbox-inner:after{-webkit-transform:rotate(45deg) scale(0);-ms-transform:rotate(45deg) scale(0);transform:rotate(45deg) scale(0);position:absolute;left:4px;top:1px;display:table;width:5px;height:8px;border:2px solid #fff;border-top:0;border-left:0;content:" ";-webkit-transition:all .1s cubic-bezier(.71,-.46,.88,.6);transition:all .1s cubic-bezier(.71,-.46,.88,.6)}.ant-tree-checkbox-input{position:absolute;left:0;z-index:1;cursor:pointer;opacity:0;filter:alpha(opacity=0);top:0;bottom:0;right:0;width:100%;height:100%}.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner:after{content:" ";-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);position:absolute;left:2px;top:5px;width:8px;height:1px}.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after{-webkit-transform:rotate(45deg) scale(1);-ms-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1);position:absolute;left:4px;top:1px;display:table;width:5px;height:8px;border:2px solid #fff;border-top:0;border-left:0;content:" ";-webkit-transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s}.ant-tree-checkbox-checked .ant-tree-checkbox-inner,.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner{background-color:#108ee9;border-color:#108ee9}.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after{-webkit-animation-name:none;animation-name:none;border-color:rgba(0,0,0,.25)}.ant-tree-checkbox-disabled .ant-tree-checkbox-inner{border-color:#d9d9d9!important;background-color:#f3f3f3}.ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after{-webkit-animation-name:none;animation-name:none;border-color:#f3f3f3}.ant-tree-checkbox-disabled+span{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-tree-checkbox-wrapper{cursor:pointer;font-size:12px;display:inline-block}.ant-tree-checkbox-wrapper:not(:last-child){margin-right:8px}.ant-tree-checkbox+span,.ant-tree-checkbox-wrapper+span{padding-left:8px;padding-right:8px}.ant-tree-checkbox-group{font-size:12px}.ant-tree-checkbox-group-item{display:inline-block}@media \0screen{.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after,.ant-tree-checkbox-checked .ant-tree-checkbox-inner:before{font-family:anticon;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\E632";font-weight:700;font-size:8px;border:0;color:#fff;left:2px;top:3px;position:absolute}}.ant-tree{margin:0;padding:5px;font-size:12px}.ant-tree li{padding:4px 0;margin:0;list-style:none;white-space:nowrap;outline:0}.ant-tree li a[draggable=true],.ant-tree li a[draggable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-top:2px solid transparent;border-bottom:2px solid transparent;margin-top:-2px;-khtml-user-drag:element;-webkit-user-drag:element}.ant-tree li.drag-over>a[draggable]{background-color:#108ee9;color:#fff;opacity:.8}.ant-tree li.drag-over-gap-top>a[draggable]{border-top-color:#108ee9}.ant-tree li.drag-over-gap-bottom>a[draggable]{border-bottom-color:#108ee9}.ant-tree li.filter-node>a{color:#f04134!important;font-weight:700!important}.ant-tree li ul{margin:0;padding:0 0 0 18px}.ant-tree li a{display:inline-block;padding:1px 5px;border-radius:2px;margin:0;cursor:pointer;text-decoration:none;vertical-align:top;color:rgba(0,0,0,.65);-webkit-transition:all .3s ease;transition:all .3s ease}.ant-tree li a:hover{background-color:#ecf6fd}.ant-tree li a.ant-tree-node-selected{background-color:#d2eafb}.ant-tree li span.ant-tree-checkbox{margin:0 4px 0 2px;vertical-align:middle}.ant-tree li span.ant-tree-iconEle,.ant-tree li span.ant-tree-switcher{margin:0;width:16px;height:16px;line-height:16px;display:inline-block;vertical-align:middle;border:0 none;cursor:pointer;outline:none}.ant-tree li span.ant-tree-icon_loading:after{display:inline-block;font-family:anticon;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\E6AE";-webkit-animation:loadingCircle 1s infinite linear;animation:loadingCircle 1s infinite linear;color:#108ee9}.ant-tree li span.ant-tree-switcher.ant-tree-switcher-noop{cursor:default}.ant-tree li span.ant-tree-switcher.ant-tree-bottom_open:after,.ant-tree li span.ant-tree-switcher.ant-tree-center_open:after,.ant-tree li span.ant-tree-switcher.ant-tree-noline_open:after,.ant-tree li span.ant-tree-switcher.ant-tree-roots_open:after{font-size:12px;font-size:7px\9;-webkit-transform:scale(.58333333) rotate(0deg);-ms-transform:scale(.58333333) rotate(0deg);transform:scale(.58333333) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;display:inline-block;font-family:anticon;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\E606";font-weight:700;color:rgba(0,0,0,.65);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}:root .ant-tree li span.ant-tree-switcher.ant-tree-bottom_open:after,:root .ant-tree li span.ant-tree-switcher.ant-tree-center_open:after,:root .ant-tree li span.ant-tree-switcher.ant-tree-noline_open:after,:root .ant-tree li span.ant-tree-switcher.ant-tree-roots_open:after{-webkit-filter:none;filter:none;font-size:12px}.ant-tree li span.ant-tree-switcher.ant-tree-bottom_close,.ant-tree li span.ant-tree-switcher.ant-tree-center_close,.ant-tree li span.ant-tree-switcher.ant-tree-noline_close,.ant-tree li span.ant-tree-switcher.ant-tree-roots_close{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"}.ant-tree li span.ant-tree-switcher.ant-tree-bottom_close:after,.ant-tree li span.ant-tree-switcher.ant-tree-center_close:after,.ant-tree li span.ant-tree-switcher.ant-tree-noline_close:after,.ant-tree li span.ant-tree-switcher.ant-tree-roots_close:after{font-size:12px;font-size:7px\9;-webkit-transform:scale(.58333333) rotate(0deg);-ms-transform:scale(.58333333) rotate(0deg);transform:scale(.58333333) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;display:inline-block;font-family:anticon;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\E606";font-weight:700;color:rgba(0,0,0,.65);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}:root .ant-tree li span.ant-tree-switcher.ant-tree-bottom_close:after,:root .ant-tree li span.ant-tree-switcher.ant-tree-center_close:after,:root .ant-tree li span.ant-tree-switcher.ant-tree-noline_close:after,:root .ant-tree li span.ant-tree-switcher.ant-tree-roots_close:after{-webkit-filter:none;filter:none;font-size:12px}.ant-tree li span.ant-tree-switcher.ant-tree-bottom_close:after,.ant-tree li span.ant-tree-switcher.ant-tree-center_close:after,.ant-tree li span.ant-tree-switcher.ant-tree-noline_close:after,.ant-tree li span.ant-tree-switcher.ant-tree-roots_close:after{-webkit-transform:rotate(270deg) scale(.59);-ms-transform:rotate(270deg) scale(.59);transform:rotate(270deg) scale(.59)}.ant-tree li:last-child>span.ant-tree-iconEle:before,.ant-tree li:last-child>span.ant-tree-switcher:before{display:none}.ant-tree>li:first-child{padding-top:7px}.ant-tree>li:last-child{padding-bottom:7px}.ant-tree-child-tree{display:none}.ant-tree-child-tree-open{display:block}.ant-tree-treenode-disabled>a,.ant-tree-treenode-disabled>a span,.ant-tree-treenode-disabled>span{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-tree-icon__close,.ant-tree-icon__open{margin-right:2px;vertical-align:top}.ant-tree.ant-tree-show-line li{position:relative}.ant-tree.ant-tree-show-line li span.ant-tree-switcher{background:#fff}.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop:after{font-size:12px;font-size:12px\9;-webkit-transform:scale(1) rotate(0deg);-ms-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;display:inline-block;font-family:anticon;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\E664";vertical-align:baseline;font-weight:400;color:rgba(0,0,0,.43);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop:after{-webkit-filter:none;filter:none;font-size:12px}.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-bottom_open:after,.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-center_open:after,.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-noline_open:after,.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-roots_open:after{font-size:12px;font-size:12px\9;-webkit-transform:scale(1) rotate(0deg);-ms-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;display:inline-block;font-family:anticon;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\E621";vertical-align:baseline;font-weight:400;color:rgba(0,0,0,.43);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-bottom_open:after,:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-center_open:after,:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-noline_open:after,:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-roots_open:after{-webkit-filter:none;filter:none;font-size:12px}.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-bottom_close:after,.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-center_close:after,.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-noline_close:after,.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-roots_close:after{font-size:12px;font-size:12px\9;-webkit-transform:scale(1) rotate(0deg);-ms-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;display:inline-block;font-family:anticon;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\E645";vertical-align:baseline;font-weight:400;color:rgba(0,0,0,.43);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-bottom_close:after,:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-center_close:after,:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-noline_close:after,:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-roots_close:after{-webkit-filter:none;filter:none;font-size:12px}.ant-tree.ant-tree-show-line li:not(:last-child):before{content:" ";width:1px;border-left:1px solid #d9d9d9;height:100%;position:absolute;left:6px;margin:18px 0}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}.ant-upload{font-size:12px;outline:0}.ant-upload-btn{display:block;width:100%;outline:none}.ant-upload input[type=file]{cursor:pointer}.ant-upload.ant-upload-select{display:inline-block}.ant-upload.ant-upload-select-picture-card{border:1px dashed #d9d9d9;width:96px;height:96px;border-radius:4px;background-color:#fbfbfb;text-align:center;cursor:pointer;-webkit-transition:border-color .3s ease;transition:border-color .3s ease;display:inline-block;vertical-align:top;margin-right:8px;margin-bottom:8px}.ant-upload.ant-upload-select-picture-card>.ant-upload{display:block;width:100%;height:100%;padding:20px 0}.ant-upload.ant-upload-select-picture-card:hover{border-color:#108ee9}.ant-upload.ant-upload-drag{border:1px dashed #d9d9d9;-webkit-transition:border-color .3s ease;transition:border-color .3s ease;cursor:pointer;border-radius:4px;text-align:center;width:100%;height:100%;position:relative}.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled){border:2px dashed #49a9ee}.ant-upload.ant-upload-drag.ant-upload-disabled{cursor:not-allowed}.ant-upload.ant-upload-drag .ant-upload-btn{display:table;height:100%}.ant-upload.ant-upload-drag .ant-upload-drag-container{display:table-cell;vertical-align:middle}.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover{border-color:#49a9ee}.ant-upload.ant-upload-drag p.ant-upload-drag-icon{height:60px;margin-bottom:24px}.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon{font-size:80px;margin-top:-5px;color:#49a9ee}.ant-upload.ant-upload-drag p.ant-upload-text{font-size:14px}.ant-upload.ant-upload-drag p.ant-upload-hint{font-size:12px;color:rgba(0,0,0,.43)}.ant-upload.ant-upload-drag .anticon-plus{font-size:30px;-webkit-transition:all .3s ease;transition:all .3s ease;color:rgba(0,0,0,.25)}.ant-upload.ant-upload-drag .anticon-plus:hover,.ant-upload.ant-upload-drag:hover .anticon-plus{color:rgba(0,0,0,.43)}.ant-upload-list{overflow:hidden}.ant-upload-list-item{overflow:hidden;margin-top:8px;font-size:12px;position:relative;height:24px}.ant-upload-list-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:16px;width:100%;display:inline-block}.ant-upload-list-item-info{line-height:24px;padding:0 12px 0 4px;-webkit-transition:background-color .3s;transition:background-color .3s}.ant-upload-list-item-info .anticon-loading,.ant-upload-list-item-info .anticon-paper-clip{margin-right:4px;font-size:12px;color:rgba(0,0,0,.43);position:absolute;top:5.5px}.ant-upload-list-item .anticon-cross{display:inline-block;font-size:12px;font-size:10px\9;-webkit-transform:scale(.83333333) rotate(0deg);-ms-transform:scale(.83333333) rotate(0deg);transform:scale(.83333333) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;-webkit-transition:all .3s;transition:all .3s;opacity:0;cursor:pointer;position:absolute;top:0;right:4px;color:rgba(0,0,0,.43);line-height:24px}:root .ant-upload-list-item .anticon-cross{-webkit-filter:none;filter:none;font-size:12px}.ant-upload-list-item .anticon-cross:hover{color:rgba(0,0,0,.65)}.ant-upload-list-item:hover .ant-upload-list-item-info{background-color:#ecf6fd}.ant-upload-list-item:hover .anticon-cross{opacity:1}.ant-upload-list-item-error,.ant-upload-list-item-error .ant-upload-list-item-name,.ant-upload-list-item-error .anticon-paper-clip{color:#f04134}.ant-upload-list-item-error .anticon-cross{opacity:1;color:#f04134!important}.ant-upload-list-item-progress{line-height:0;font-size:12px;position:absolute;width:100%;bottom:0}.ant-upload-list-picture-card .ant-upload-list-item,.ant-upload-list-picture .ant-upload-list-item{padding:8px;border-radius:4px;border:1px solid #d9d9d9;height:66px;position:relative}.ant-upload-list-picture-card .ant-upload-list-item:hover,.ant-upload-list-picture .ant-upload-list-item:hover{background:transparent}.ant-upload-list-picture-card .ant-upload-list-item-error,.ant-upload-list-picture .ant-upload-list-item-error{border-color:#f04134}.ant-upload-list-picture-card .ant-upload-list-item-info,.ant-upload-list-picture .ant-upload-list-item-info{padding:0}.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info,.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info{background:transparent}.ant-upload-list-picture-card .ant-upload-list-item-uploading,.ant-upload-list-picture .ant-upload-list-item-uploading{border-style:dashed}.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,.ant-upload-list-picture .ant-upload-list-item-thumbnail{width:48px;height:48px;position:absolute;top:8px;left:8px}.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img,.ant-upload-list-picture .ant-upload-list-item-thumbnail img{width:48px;height:48px;display:block;overflow:hidden;border-radius:4px}.ant-upload-list-picture-card .ant-upload-list-item-thumbnail.anticon:before,.ant-upload-list-picture .ant-upload-list-item-thumbnail.anticon:before{line-height:48px;font-size:24px;color:rgba(0,0,0,.43)}.ant-upload-list-picture-card .ant-upload-list-item-name,.ant-upload-list-picture .ant-upload-list-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 0 8px;line-height:44px;-webkit-transition:all .3s;transition:all .3s;padding-left:48px;padding-right:8px;max-width:100%;display:inline-block;box-sizing:border-box}.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name,.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name{line-height:28px}.ant-upload-list-picture-card .ant-upload-list-item-progress,.ant-upload-list-picture .ant-upload-list-item-progress{padding-left:56px;margin-top:0}.ant-upload-list-picture-card .anticon-cross,.ant-upload-list-picture .anticon-cross{position:absolute;right:8px;top:8px;line-height:1}.ant-upload-list-picture-card{display:inline}.ant-upload-list-picture-card .ant-upload-list-item{float:left;width:96px;height:96px;margin:0 8px 8px 0}.ant-upload-list-picture-card .ant-upload-list-item-info{height:100%;position:relative}.ant-upload-list-picture-card .ant-upload-list-item-info:before{content:" ";position:absolute;z-index:1;background-color:rgba(0,0,0,.5);-webkit-transition:all .3s;transition:all .3s;width:100%;height:100%;opacity:0}.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info:before{opacity:1}.ant-upload-list-picture-card .ant-upload-list-item-actions{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10;white-space:nowrap;opacity:0;-webkit-transition:all .3s;transition:all .3s}.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete,.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o{z-index:10;-webkit-transition:all .3s;transition:all .3s;cursor:pointer;font-size:16px;width:16px;color:hsla(0,0%,100%,.91);margin:0 4px}.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover,.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o:hover{color:#fff}.ant-upload-list-picture-card .ant-upload-list-item-actions:hover,.ant-upload-list-picture-card .ant-upload-list-item-info:hover+.ant-upload-list-item-actions{opacity:1}.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{display:block;width:100%;height:100%;position:static}.ant-upload-list-picture-card .ant-upload-list-item-name{display:none}.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item{background-color:#fbfbfb}.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info{height:auto}.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete,.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye-o,.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info:before{display:none}.ant-upload-list-picture-card .ant-upload-list-item-uploading-text{margin-top:18px;color:rgba(0,0,0,.43)}.ant-upload-list-picture-card .ant-upload-list-item-progress{padding-left:0}.ant-upload-list .ant-upload-success-icon{color:#00a854;font-weight:700}.ant-upload-list .ant-upload-animate-enter,.ant-upload-list .ant-upload-animate-inline-enter,.ant-upload-list .ant-upload-animate-inline-leave,.ant-upload-list .ant-upload-animate-leave{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:cubic-bezier(.78,.14,.15,.86);animation-fill-mode:cubic-bezier(.78,.14,.15,.86)}.ant-upload-list .ant-upload-animate-enter{-webkit-animation-name:uploadAnimateIn;animation-name:uploadAnimateIn}.ant-upload-list .ant-upload-animate-leave{-webkit-animation-name:uploadAnimateOut;animation-name:uploadAnimateOut}.ant-upload-list .ant-upload-animate-inline-enter{-webkit-animation-name:uploadAnimateInlineIn;animation-name:uploadAnimateInlineIn}.ant-upload-list .ant-upload-animate-inline-leave{-webkit-animation-name:uploadAnimateInlineOut;animation-name:uploadAnimateInlineOut}@-webkit-keyframes uploadAnimateIn{0%{height:0;margin:0;opacity:0;padding:0}}@keyframes uploadAnimateIn{0%{height:0;margin:0;opacity:0;padding:0}}@-webkit-keyframes uploadAnimateOut{to{height:0;margin:0;padding:0;opacity:0}}@keyframes uploadAnimateOut{to{height:0;margin:0;padding:0;opacity:0}}@-webkit-keyframes uploadAnimateInlineIn{0%{width:0;height:0;margin:0;opacity:0;padding:0}}@keyframes uploadAnimateInlineIn{0%{width:0;height:0;margin:0;opacity:0;padding:0}}@-webkit-keyframes uploadAnimateInlineOut{to{width:0;height:0;margin:0;padding:0;opacity:0}}@keyframes uploadAnimateInlineOut{to{width:0;height:0;margin:0;padding:0;opacity:0}}.github-btn{font:700 11px/14px Helvetica Neue,Helvetica,Arial,sans-serif;height:20px;overflow:hidden}.gh-btn,.gh-count,.gh-ico{float:left}.gh-btn,.gh-count{padding:2px 5px 2px 4px;color:#333;text-decoration:none;white-space:nowrap;cursor:pointer;border-radius:3px}.gh-btn{background-color:#eee;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fcfcfc),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#fcfcfc,#eee);background-image:linear-gradient(180deg,#fcfcfc 0,#eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcfcfc",endColorstr="#eeeeee",GradientType=0);background-repeat:no-repeat;border:1px solid #d5d5d5}.gh-btn:focus,.gh-btn:hover{text-decoration:none;background-color:#ddd;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#eee),color-stop(100%,#ddd));background-image:-webkit-linear-gradient(top,#eee,#ddd);background-image:linear-gradient(180deg,#eee 0,#ddd);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee",endColorstr="#dddddd",GradientType=0);border-color:#ccc}.gh-btn:active{background-image:none;background-color:#dcdcdc;border-color:#b5b5b5;box-shadow:inset 0 2px 4px rgba(0,0,0,.15)}.gh-ico{width:14px;height:14px;margin-right:4px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMTIgMTIgNDAgNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMTIgMTIgNDAgNDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiMzMzMzMzMiIGQ9Ik0zMiAxMy40Yy0xMC41IDAtMTkgOC41LTE5IDE5YzAgOC40IDUuNSAxNS41IDEzIDE4YzEgMC4yIDEuMy0wLjQgMS4zLTAuOWMwLTAuNSAwLTEuNyAwLTMuMiBjLTUuMyAxLjEtNi40LTIuNi02LjQtMi42QzIwIDQxLjYgMTguOCA0MSAxOC44IDQxYy0xLjctMS4yIDAuMS0xLjEgMC4xLTEuMWMxLjkgMC4xIDIuOSAyIDIuOSAyYzEuNyAyLjkgNC41IDIuMSA1LjUgMS42IGMwLjItMS4yIDAuNy0yLjEgMS4yLTIuNmMtNC4yLTAuNS04LjctMi4xLTguNy05LjRjMC0yLjEgMC43LTMuNyAyLTUuMWMtMC4yLTAuNS0wLjgtMi40IDAuMi01YzAgMCAxLjYtMC41IDUuMiAyIGMxLjUtMC40IDMuMS0wLjcgNC44LTAuN2MxLjYgMCAzLjMgMC4yIDQuNyAwLjdjMy42LTIuNCA1LjItMiA1LjItMmMxIDIuNiAwLjQgNC42IDAuMiA1YzEuMiAxLjMgMiAzIDIgNS4xYzAgNy4zLTQuNSA4LjktOC43IDkuNCBjMC43IDAuNiAxLjMgMS43IDEuMyAzLjVjMCAyLjYgMCA0LjYgMCA1LjJjMCAwLjUgMC40IDEuMSAxLjMgMC45YzcuNS0yLjYgMTMtOS43IDEzLTE4LjFDNTEgMjEuOSA0Mi41IDEzLjQgMzIgMTMuNHoiLz48L3N2Zz4=");background-size:100% 100%;background-repeat:no-repeat}.gh-count{position:relative;display:none;margin-left:4px;background-color:#fafafa;border:1px solid #d4d4d4}.gh-count:focus,.gh-count:hover{color:#4183c4}.gh-count:after,.gh-count:before{content:"";position:absolute;display:inline-block;width:0;height:0;border-color:transparent;border-style:solid}.gh-count:before{top:50%;left:-3px;margin-top:-4px;border-width:4px 4px 4px 0;border-right-color:#fafafa}.gh-count:after{top:50%;left:-4px;z-index:-1;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#d4d4d4}.github-btn-large{height:30px}.github-btn-large .gh-btn,.github-btn-large .gh-count{padding:3px 10px 3px 8px;font-size:16px;line-height:22px;border-radius:4px}.github-btn-large .gh-ico{width:20px;height:20px}.github-btn-large .gh-count{margin-left:6px}.github-btn-large .gh-count:before{left:-5px;margin-top:-6px;border-width:6px 6px 6px 0}.github-btn-large .gh-count:after{left:-6px;margin-top:-7px;border-width:7px 7px 7px 0}@font-face{font-family:Helvetica Neue For Number;src:local("Helvetica Neue");unicode-range:u+30-39}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{height:100%}body{font-family:Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5;color:rgba(0,0,0,.65);font-size:14px;background:#fff;-webkit-transition:background 1s cubic-bezier(.075,.82,.165,1);transition:background 1s cubic-bezier(.075,.82,.165,1);overflow-x:hidden}a{-webkit-transition:color .3s ease;transition:color .3s ease}a:focus{text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip:ink}.main-wrapper{margin:0 48px;border-radius:4px;padding:24px 0 0;margin-bottom:24px}.main-container,.main-wrapper{background:#fff;position:relative}.main-container{padding:0 40px 120px;margin-left:-1px;min-height:500px;overflow:hidden;border-left:1px solid #e9e9e9}.main-container-component{padding-right:130px}.aside-container{padding-bottom:50px;font-family:Lato,Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}.aside-container.ant-menu-inline .ant-menu-item a,.aside-container.ant-menu-inline .ant-menu-submenu-title h4,.aside-container.ant-menu-inline>.ant-menu-item{font-size:14px;text-overflow:ellipsis;overflow:hidden}.aside-container a[disabled]{color:#ccc}.aside-container .menu-item-link-outside{position:relative}.aside-container .menu-item-link-outside .anticon{font-size:12px;color:#108ee9;opacity:0;position:absolute;right:-10px;top:16px;-webkit-transition:all .3s;transition:all .3s}.aside-container .menu-item-link-outside:hover .anticon{opacity:1}.aside-container .chinese{font-size:12px;margin-left:6px;font-weight:400;opacity:.67}.outside-link{display:inline-block}.outside-link:after{content:"\E691";font-family:anticon;margin-left:5px;font-size:12px;color:#aaa}.outside-link.internal{display:none}.page-wrapper{background:#ececec}#header{-webkit-transition:opacity .5s;transition:opacity .5s;background:#fff;height:80px;margin-bottom:24px;padding:0 48px;width:100%}#header.home-nav-bottom{background:hsla(0,0%,100%,.9);border-bottom-color:#ebedee}#header.home-nav-bottom .search{border-left-color:#ebedee}#header.home-nav-bottom a{color:rgba(0,0,0,.65)}#logo{float:left}#logo,#logo img{height:80px;line-height:80px}#logo img{width:40px;margin-right:8px}#logo span{float:right;font-size:16px;font-family:Raleway,Hiragino Sans GB,sans-serif;height:80px;line-height:80px;text-transform:uppercase}#search-box{border-left:1px solid #ebedee;float:left;height:22px;line-height:22px;padding-left:30px;margin:29px auto 0}#search-box .ant-select{font-size:14px;margin-top:-3px;width:200px}#search-box .ant-select-selection{border:0;box-shadow:none}.lang,.version{float:right;margin-top:29px;margin-left:10px}.version{width:66px;margin-left:0}#nav{border:0;float:right;font-size:14px;font-family:Lato,Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}#nav li{height:80px;line-height:80px;min-width:72px;text-align:center;border-bottom-width:3px}#nav li.ant-menu-item-selected a{color:#108ee9;font-weight:700}.component-select.ant-select-dropdown{border:0;border-radius:0;box-shadow:0 0 8px rgba(0,0,0,.25);font-size:14px}.component-select .ant-select-dropdown-menu{max-height:200px}.component-select .ant-select-dropdown-menu-item{border-radius:0!important}.component-select .ant-component-decs{font-size:12px;position:absolute;color:#aaa;right:16px}footer{clear:both;font-size:12px;background:#fff;position:relative;z-index:1;color:rgba(0,0,0,.65);box-shadow:0 1000px 0 1000px #fff}footer ul{overflow:hidden;margin:0 2%;list-style:none}footer ul li{float:left;width:25%;padding:24px 2%}footer ul li>h2{font-size:14px;margin:0 auto 12px;font-weight:500;position:relative}footer ul li>h2>.anticon{font-size:16px;position:absolute;left:-22px;top:3px;color:#aaa}footer ul li>div{margin:6px 0}.banner-wrapper{position:relative;width:100%;overflow:hidden;background:url("https://os.alipayobjects.com/rmsportal/GhjqstwSgxBXrZS.png") no-repeat 50%/cover}.banner-text-wrapper{position:absolute;left:13%;top:53%;color:#fff;text-align:right;font-family:Lato,Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}.banner-text-wrapper h2{font-size:40px;font-weight:400;font-family:Raleway,Hiragino Sans GB;white-space:nowrap}.banner-text-wrapper h2 p{color:#ff3171;display:inline-block}.banner-text-wrapper .line{width:.8px;height:76px;position:absolute;background:hsla(0,0%,100%,.44);background-image:-webkit-linear-gradient(top,hsla(0,0%,100%,.03),hsla(0,0%,100%,.6),hsla(0,0%,100%,.03));background-image:-o-linear-gradient(top,hsla(0,0%,100%,.03),hsla(0,0%,100%,.6),hsla(0,0%,100%,.03));top:16px;right:-25px}.banner-text-wrapper>p{margin:10px auto 24px;font-size:16px}.banner-text-wrapper .start-button{margin-bottom:24px;text-align:right}.banner-text-wrapper .start-button>a{display:inline-block;height:40px;padding:0 16px;font-weight:500;border-radius:4px;border:1px solid #40a5ed;color:#0ae;font-size:15px;background:transparent;-webkit-transition:all .45s;transition:all .45s;text-align:center;line-height:36px;margin-left:8px}.banner-text-wrapper .start-button>a:hover{color:#fff;background:#40a5ed}.banner-text-wrapper .github-btn{float:right;line-height:14px;text-align:left}.banner-text-wrapper .github-btn a:hover{color:#333}.down{text-align:center;position:absolute;bottom:30px;color:hsla(0,0%,100%,.75);left:50%;margin-left:-7px;-webkit-animation:upDownMove 1.2s ease-in-out infinite alternate;animation:upDownMove 1.2s ease-in-out infinite alternate}.page{min-height:700px;height:100vh}.content-wrapper{width:100%;max-width:1500px;margin:auto;overflow:hidden;background:#fff}.content-wrapper .image-wrapper{width:65%;float:left;position:relative}.content-wrapper .text-wrapper{width:35%;float:left;position:relative;top:20%;left:-30px;font-family:Lato,Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;z-index:1}.content-wrapper .text-wrapper-bottom h2,.content-wrapper .text-wrapper h2{font-size:32px;color:rgba(0,0,0,.65);font-weight:400;white-space:nowrap}.content-wrapper .text-wrapper p{margin:10px 0 20px;font-size:16px;line-height:28px;color:#999}.content-wrapper .left-text{padding-left:10%}.image1{background:url("https://t.alipayobjects.com/images/T1Ch8kXfpdXXXXXXXX.png") no-repeat 100%/841px;height:511px;top:50%;margin-top:-256px}.image2{background:url("https://t.alipayobjects.com/images/T1r5RkXotXXXXXXXXX.png") no-repeat 0/800px;height:474px;top:50%;margin-top:-266px}.image3{padding-right:10%;background:url("https://t.alipayobjects.com/images/T1nx0kXdFfXXXXXXXX.png") no-repeat 100%/639px;background-origin:content-box;height:500px;top:50%;margin-top:-250px}.image4{background:url("https://t.alipayobjects.com/images/T1lyJkXg4aXXXXXXXX.png") no-repeat 50%/615px;height:364px;margin:auto}.text-wrapper-bottom{text-align:center;margin:10% auto 40px}.text-wrapper-bottom p{margin:20px auto;font-size:16px;line-height:28px;color:#999}@-webkit-keyframes upDownMove{to{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes upDownMove{to{-webkit-transform:translateY(10px);transform:translateY(10px)}}.prev-next-nav{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;font-size:14px;border-top:1px solid #e9e9e9}.prev-next-nav>.next-page,.prev-next-nav>.prev-page{padding:0 24px;width:50%;float:left;line-height:72px;height:72px}.prev-next-nav>a.prev-page:before{font-family:anticon;content:"\E61C";font-size:12px;margin-right:1em;color:rgba(0,0,0,.43);-webkit-transition:all .3s;transition:all .3s;position:relative;left:0}.prev-next-nav>a.prev-page:hover:before{color:#108ee9;left:-3px}.prev-next-nav>.next-page{text-align:right;float:right}.prev-next-nav>.next-page:after{font-family:anticon;content:"\E61B";font-size:12px;margin-left:1em;color:rgba(0,0,0,.43);-webkit-transition:all .3s;transition:all .3s;position:relative;right:0}.prev-next-nav>.next-page:hover:after{color:#108ee9;right:-3px}.prev-next-nav .chinese{margin-left:.5em}.markdown{color:rgba(0,0,0,.65);font-size:14px;line-height:1.8}.highlight{line-height:1.5}.markdown img{vertical-align:middle;max-width:100%}.markdown h1{color:rgba(0,0,0,.85);font-weight:500;line-height:40px;margin-bottom:24px;margin-top:8px;font-family:Lato,Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}.markdown h1 .subtitle{font-weight:400;font-size:90%;margin-left:12px}.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{color:rgba(0,0,0,.85);font-family:Lato,Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;margin:1.6em 0 .6em;font-weight:500;clear:both}.markdown h1{font-size:28px}.markdown h2{font-size:22px}.markdown h3{font-size:18px}.markdown h4{font-size:16px}.markdown h5{font-size:14px}.markdown h6{font-size:12px}.markdown hr{height:1px;border:0;background:#e9e9e9;margin:16px 0;clear:both}.markdown p,.markdown pre{margin:1em 0}.markdown ul>li{list-style-type:circle;margin-left:20px;padding-left:4px}.markdown ul>li:empty{display:none}.markdown ol>li{list-style-type:decimal;margin-left:20px;padding-left:4px}.markdown ol>li>p,.markdown ul>li>p{margin:.2em 0}.markdown code{margin:0 1px;background:#f7f7f7;padding:.2em .4em;border-radius:3px;font-size:.9em;border:1px solid #eee}.markdown pre{border-radius:4px;background:#f7f7f7;font-family:Lucida Console,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace}.markdown pre code{border:none;background:#f7f7f7;margin:0;padding:0;font-size:13px;color:rgba(0,0,0,.65);overflow:auto}.markdown b,.markdown strong{font-weight:600}.markdown>table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #e9e9e9;width:100%;margin:8px 0 16px}.markdown>table th{white-space:nowrap;color:#5c6b77;font-weight:600}.markdown>table td,.markdown>table th{border:1px solid #e9e9e9;padding:8px 16px;text-align:left}.markdown>table th{background:#f7f7f7}.markdown blockquote{font-size:90%;color:#999;border-left:4px solid #e9e9e9;padding-left:.8em;margin:1em 0}.markdown blockquote p{margin:0}.markdown .anchor{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;margin-left:8px}.markdown .waiting{color:#ccc;cursor:not-allowed}.markdown a.edit-button{line-height:12px;display:inline-block;margin-left:10px;height:12px}.markdown a.edit-button i{color:#999}.markdown a.edit-button i:hover{color:#108ee9}.markdown a.edit-button .anticon{display:block;font-size:16px}.markdown h1:hover .anchor,.markdown h2:hover .anchor,.markdown h3:hover .anchor,.markdown h4:hover .anchor,.markdown h5:hover .anchor,.markdown h6:hover .anchor{opacity:1;display:inline-block}.markdown>br,.markdown>p>br{clear:both}.markdown.api-container table{font-size:13px}.markdown.api-container table td:first-child{background:#fcfcfc;font-weight:500;width:20%;font-family:Lucida Console,Consolas,Menlo,Courier,monospace}.markdown.api-container table td:nth-child(3){width:22%;font-size:12px;font-family:Lucida Console,Consolas,Menlo,Courier,monospace}.markdown.api-container table td:last-child{width:13%;font-size:12px;font-family:Lucida Console,Consolas,Menlo,Courier,monospace}.grid-demo .code-box-demo .demo-row,.grid-demo .demo-row,[id^=components-grid-demo-] .code-box-demo .demo-row,[id^=components-grid-demo-] .demo-row{background-image:-webkit-linear-gradient(left,#f5f5f5 4.16666667%,transparent 0,transparent 8.33333333%,#f5f5f5 0,#f5f5f5 12.5%,transparent 0,transparent 16.66666667%,#f5f5f5 0,#f5f5f5 20.83333333%,transparent 0,transparent 25%,#f5f5f5 0,#f5f5f5 29.16666667%,transparent 0,transparent 33.33333333%,#f5f5f5 0,#f5f5f5 37.5%,transparent 0,transparent 41.66666667%,#f5f5f5 0,#f5f5f5 45.83333333%,transparent 0,transparent 50%,#f5f5f5 0,#f5f5f5 54.16666667%,transparent 0,transparent 58.33333333%,#f5f5f5 0,#f5f5f5 62.5%,transparent 0,transparent 66.66666667%,#f5f5f5 0,#f5f5f5 70.83333333%,transparent 0,transparent 75%,#f5f5f5 0,#f5f5f5 79.16666667%,transparent 0,transparent 83.33333333%,#f5f5f5 0,#f5f5f5 87.5%,transparent 0,transparent 91.66666667%,#f5f5f5 0,#f5f5f5 95.83333333%,transparent 0);background-image:linear-gradient(90deg,#f5f5f5 4.16666667%,transparent 0,transparent 8.33333333%,#f5f5f5 0,#f5f5f5 12.5%,transparent 0,transparent 16.66666667%,#f5f5f5 0,#f5f5f5 20.83333333%,transparent 0,transparent 25%,#f5f5f5 0,#f5f5f5 29.16666667%,transparent 0,transparent 33.33333333%,#f5f5f5 0,#f5f5f5 37.5%,transparent 0,transparent 41.66666667%,#f5f5f5 0,#f5f5f5 45.83333333%,transparent 0,transparent 50%,#f5f5f5 0,#f5f5f5 54.16666667%,transparent 0,transparent 58.33333333%,#f5f5f5 0,#f5f5f5 62.5%,transparent 0,transparent 66.66666667%,#f5f5f5 0,#f5f5f5 70.83333333%,transparent 0,transparent 75%,#f5f5f5 0,#f5f5f5 79.16666667%,transparent 0,transparent 83.33333333%,#f5f5f5 0,#f5f5f5 87.5%,transparent 0,transparent 91.66666667%,#f5f5f5 0,#f5f5f5 95.83333333%,transparent 0);overflow:hidden;margin-bottom:8px}.grid-demo .ant-row-flex,.grid-demo .code-box-demo .ant-row-flex,[id^=components-grid-demo-] .ant-row-flex,[id^=components-grid-demo-] .code-box-demo .ant-row-flex{background:#f5f5f5}.grid-demo .ant-row-flex>div,.grid-demo .ant-row>div,.grid-demo .code-box-demo .ant-row-flex>div,.grid-demo .code-box-demo .ant-row>div,[id^=components-grid-demo-] .ant-row-flex>div,[id^=components-grid-demo-] .ant-row>div,[id^=components-grid-demo-] .code-box-demo .ant-row-flex>div,[id^=components-grid-demo-] .code-box-demo .ant-row>div{padding:5px 0;text-align:center;border-radius:0;min-height:30px;margin-top:8px;margin-bottom:8px;color:#fff}.grid-demo .code-box-demo .ant-row-flex>div:not(.gutter-row),.grid-demo .code-box-demo .ant-row>div:not(.gutter-row),[id^=components-grid-demo-] .code-box-demo .ant-row-flex>div:not(.gutter-row),[id^=components-grid-demo-] .code-box-demo .ant-row>div:not(.gutter-row){background:#00a0e9;padding:16px 0}.grid-demo .code-box-demo .ant-row-flex>div:not(.gutter-row):nth-child(odd),.grid-demo .code-box-demo .ant-row>div:not(.gutter-row):nth-child(odd),[id^=components-grid-demo-] .code-box-demo .ant-row-flex>div:not(.gutter-row):nth-child(odd),[id^=components-grid-demo-] .code-box-demo .ant-row>div:not(.gutter-row):nth-child(odd){background:rgba(0,160,233,.7)}.grid-demo .ant-row .demo-col,.grid-demo .code-box-demo .ant-row .demo-col,[id^=components-grid-demo-] .ant-row .demo-col,[id^=components-grid-demo-] .code-box-demo .ant-row .demo-col{text-align:center;padding:30px 0;color:#fff;font-size:18px;border:none;margin-top:0;margin-bottom:0}.grid-demo .ant-row .demo-col-1,[id^=components-grid-demo-] .ant-row .demo-col-1{background:rgba(0,160,233,.7)}.grid-demo .ant-row .demo-col-2,.grid-demo .code-box-demo .ant-row .demo-col-2,[id^=components-grid-demo-] .ant-row .demo-col-2,[id^=components-grid-demo-] .code-box-demo .ant-row .demo-col-2{background:rgba(0,160,233,.5)}.grid-demo .ant-row .demo-col-3,.grid-demo .code-box-demo .ant-row .demo-col-3,[id^=components-grid-demo-] .ant-row .demo-col-3,[id^=components-grid-demo-] .code-box-demo .ant-row .demo-col-3{background:hsla(0,0%,100%,.2);color:#999}.grid-demo .ant-row .demo-col-4,.grid-demo .code-box-demo .ant-row .demo-col-4,[id^=components-grid-demo-] .ant-row .demo-col-4,[id^=components-grid-demo-] .code-box-demo .ant-row .demo-col-4{background:rgba(0,160,233,.6)}.grid-demo .ant-row .demo-col-5,.grid-demo .code-box-demo .ant-row .demo-col-5,[id^=components-grid-demo-] .ant-row .demo-col-5,[id^=components-grid-demo-] .code-box-demo .ant-row .demo-col-5{background:hsla(0,0%,100%,.5);color:#999}.grid-demo .code-box-demo .height-100,[id^=components-grid-demo-] .code-box-demo .height-100{height:100px;line-height:100px}.grid-demo .code-box-demo .height-50,[id^=components-grid-demo-] .code-box-demo .height-50{height:50px;line-height:50px}.grid-demo .code-box-demo .height-120,[id^=components-grid-demo-] .code-box-demo .height-120{height:120px;line-height:120px}.grid-demo .code-box-demo .height-80,[id^=components-grid-demo-] .code-box-demo .height-80{height:80px;line-height:80px}.markdown ul.ant-timeline li.ant-timeline-item{list-style:none;margin:0;padding:0 0 30px}.markdown ul.ant-timeline li.ant-timeline-item .ant-timeline-item-content{font-size:14px;padding-left:32px;position:relative;top:-14px}.markdown ul.ant-timeline li.ant-timeline-item .ant-timeline-item-content>h2{margin-top:0;padding-top:.5px}.markdown ul.ant-timeline li.ant-timeline-item:first-child{margin-top:40px}.resource-cards{width:100%}.resource-card{max-width:350px;width:40%;min-width:300px;height:130px;border:1px solid #e9e9e9;border-radius:4px;font-size:12px;color:#777;display:inline-block;margin:20px 40px 10px 0;vertical-align:middle;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;overflow:hidden}.resource-card:hover{box-shadow:0 3px 8px #d3ddeb;border-color:transparent}.resource-card:hover .resource-card-title{color:#108ee9}.resource-card.disabled{opacity:.45;pointer-events:none}.resource-card img{width:50px;margin:0 20px 0 24px}.resource-card-content,.resource-card img{display:inline-block;vertical-align:middle;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.resource-card-content{margin-left:92px}.resource-card-title{display:block;font-size:16px;color:rgba(0,0,0,.65);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.2;margin-bottom:6px}.resource-card-description{display:block;color:#999;padding-right:8px}.preview-image-boxes{float:right;margin:0 0 70px 20px;width:608px;clear:both}.preview-image-boxes-with-carousel{width:420px}.preview-image-boxes-with-carousel .preview-image-box img{padding:0}.preview-image-boxes+.preview-image-boxes{margin-top:-35px}.preview-image-box{width:100%;float:left;padding:0 8px}.preview-image-wrapper{background:#f7f7f7;padding:16px;display:inline-block;text-align:center;width:100%;position:relative}.preview-image-wrapper.video{padding:0;background:0;display:block}.preview-image-wrapper video{width:100%;display:block}.preview-image-wrapper video+svg{position:absolute;top:0;left:0}.preview-image-wrapper.good:after{background:#108ee9}.preview-image-wrapper.bad:after,.preview-image-wrapper.good:after{content:"";width:100%;height:3px;display:block;position:absolute;bottom:0;left:0}.preview-image-wrapper.bad:after{background:#f04134}.preview-image-title{font-size:12px;margin-top:5px;color:rgba(0,0,0,.65)}.preview-image-description{font-size:12px;margin-top:2px;color:rgba(0,0,0,.43);line-height:1.5}.preview-image-description hr{margin:2px 0;border:0;background:none}.preview-image-box img{cursor:pointer;max-width:100%;-webkit-transition:all .3s;transition:all .3s;background:#fff;padding:12px;border-radius:4px}.preview-image-box img.no-padding{padding:0;background:none}.preview-image-boxes.preview-image-boxes-with-carousel img{padding:0;box-shadow:0 1px 0 0 #ddd,0 3px 0 0 #fff,0 4px 0 0 #ddd,0 6px 0 0 #fff,0 7px 0 0 #ddd}.preview-image-box img:hover{box-shadow:1px 1px 6px rgba(0,0,0,.3)}.image-modal{text-align:center}.image-modal-container{position:relative;text-align:center}.image-modal .ant-carousel .slick-slider{padding-bottom:24px}.image-modal .ant-carousel .slick-slider img{display:inline;max-width:100%}.image-modal .ant-carousel .slick-dots{bottom:4px}.image-modal .ant-carousel .slick-dots li button{background:#888}.image-modal .image-modal-single.slick-slider{padding-bottom:0}.image-modal .image-modal-single .slick-dots{display:none!important}.transition-video-player{float:right;padding:0 0 70px 20px;width:600px}.transition-video-player .preview-image-wrapper{padding:0}.toc{font-size:14px;margin:24px 0;border-left:1px solid #e9e9e9;list-style:none}.markdown .toc{background:#fbfbfb;border-left:2px solid #eee}.toc>ul{padding:8px 0;list-style:none}.toc>ul li{list-style:none;margin:0}.toc li>ul{text-indent:8px;font-size:12px;display:none}.toc a{padding-left:16px;display:block;-webkit-transition:all .3s ease;transition:all .3s ease;white-space:nowrap;overflow:hidden;color:rgba(0,0,0,.65)}.toc a:hover{color:#108ee9}.toc a.current{border-color:#108ee9;color:#108ee9}.toc-affix{position:absolute;top:8px;right:20px}.demos-anchor{color:#aaa;font-size:12px;margin-top:-4px}.demos-anchor a{padding-left:8px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:110px}#page-404{background-image:url("https://os.alipayobjects.com/rmsportal/NOAjOBbnYCrNzrW.jpg");width:100%;height:100%;background-repeat:no-repeat;background-attachment:fixed;background-position:50%;background-size:100%;position:fixed;top:0;left:0;right:0;bottom:0;z-index:100}#page-404 section{position:absolute;top:48%;left:55%;margin:-103px 0 0 -120px;text-align:center}#page-404 h1{color:#108ee9;font-size:120px;font-weight:500}#page-404 p{color:rgba(0,0,0,.65);font-size:18px}pre code{display:block;background:#fff;color:rgba(0,0,0,.65);line-height:1.7;border:1px solid #e9e9e9;padding:10px 15px;border-radius:4px;font-size:13px}code[class*=language-],pre[class*=language-],pre code{white-space:pre;font-family:Lucida Console,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace}code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;direction:ltr;text-align:left;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:1.2em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f7f7f7}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#bb0606}.language-css .token.string,.style .token.string,.token.attr-name,.token.builtin,.token.char,.token.entity,.token.inserted,.token.operator,.token.selector,.token.string,.token.url{color:#690}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.code-boxes-col-1-1{width:100%}.code-boxes-col-2-1{display:inline-block;vertical-align:top}.code-box{border:1px solid #e9e9e9;border-radius:4px;display:inline-block;width:100%;position:relative;margin:0 0 16px;-webkit-transition:all .2s;transition:all .2s}.code-box:target{border:1px solid #108ee9;z-index:10}.code-box-expand-trigger{cursor:pointer;font-size:14px;color:#9199ac;margin-left:5px;opacity:.8;-webkit-transition:all .3s;transition:all .3s;top:-2px;position:relative}.code-box-expand-trigger-active{color:#3b4357}.code-box-title{position:absolute;top:-14px;padding:1px 8px;margin-left:-8px;color:#777;border-radius:4px 4px 0 0;background:#fff;-webkit-transition:background-color .4s;transition:background-color .4s}.code-box-title a,.code-box-title a:hover{color:rgba(0,0,0,.65);font-size:14px;font-weight:500}.code-box a.edit-button{position:absolute;right:-16px;top:7px;font-size:12px;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);background:#fff;padding-right:6px}.code-box-demo{border-bottom:1px solid #e9e9e9;padding:42px 20px 50px}.code-box iframe{width:100%;border:0}.code-box-meta.markdown{position:relative;padding:17px 16px 15px 20px;border-radius:0 0 4px 4px;-webkit-transition:background-color .4s;transition:background-color .4s;width:100%;font-size:12px}.code-box-meta blockquote{margin:0}.code-box-meta h4,section.code-box-meta p{margin:4px 0;width:98%}.code-box-meta>p{font-size:12px;margin:.5em 0;padding-right:25px;width:100%;word-break:break-word}.code-box.expand .code-box-meta{border-radius:0;border-bottom:1px dashed #e9e9e9}.code-box .collapse{position:absolute;right:14px;bottom:22px;cursor:pointer;width:16px;height:16px;font-size:16px;line-height:16px;opacity:.5;text-align:center;-webkit-transition:all .3s;transition:all .3s;color:#999;background:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:100%}.code-box.expand .collapse{color:#0d72ba;-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}.code-box.expand .collapse:hover{opacity:1}.code-box .highlight-wrapper{display:none;overflow:auto;border-radius:0 0 4px 4px}.code-box .highlight-wrapper-expand{display:block}.code-box .highlight{position:relative}.code-box .highlight pre{margin:0;padding:0;background:#fff}.code-box .highlight:not(:first-child){border-top:1px dashed #e9e9e9}.code-box-code-copy{position:absolute;top:10px;right:12px;margin:0!important;font-size:14px;cursor:pointer;color:#888;-webkit-transition:all .24s;transition:all .24s;background:#fff;width:20px;height:20px;line-height:20px;text-align:center;border-radius:20px;opacity:0}.code-box-code-copy:hover{color:#108ee9;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.code-box-code-copy.anticon-check{color:#00a854!important;font-weight:700}.highlight-wrapper:hover .code-box-code-copy{opacity:1}.code-box pre{margin:0;width:auto}.code-box pre code{border:none;background:#fff}.color-palette{margin:45px 0}.color-palette-pick{text-align:center;font-size:20px;margin-bottom:8px}.color-palette-picker{margin:12px 0 24px}.color-palette-picker-value{font-size:13px;font-family:Consolas}.main-color{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.main-color-item{cursor:pointer;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:80px;border-radius:4px;float:left;margin-right:4px;-webkit-transition:all .2s;transition:all .2s;position:relative;text-align:center;padding-top:28px;font-family:Consolas;font-size:12px}.main-color-item:last-child{margin-right:0}.main-color-item:hover{margin-top:-10px;height:90px}.main-color-item .main-color-value{font-size:12px;position:absolute;bottom:-4px;-webkit-transform:scale(.85);-ms-transform:scale(.85);transform:scale(.85);left:0;width:100%;text-align:center;opacity:0;-webkit-transition:all .2s ease .1s;transition:all .2s ease .1s}.color-title{margin:0 0 24px;font-weight:500;color:#5c6b77;font-size:26px;text-transform:capitalize;text-align:center}.color-description{font-size:12px;font-weight:lighter;color:#777;display:block}.main-color:hover .main-color-item{padding-top:4px}.main-color:hover .main-color-value{opacity:.7;bottom:3px}.main-color .palatte-blue-1{background:#ecf6fd}.main-color .palatte-blue-2{background:#d2eafb}.main-color .palatte-blue-3{background:#add8f7}.main-color .palatte-blue-4{background:#7ec2f3}.main-color .palatte-blue-5{background:#49a9ee}.main-color .palatte-blue-6{background:#108ee9}.main-color .palatte-blue-7{background:#0e77ca}.main-color .palatte-blue-8{background:#0c60aa}.main-color .palatte-blue-9{background:#09488a}.main-color .palatte-blue-10{background:#073069}.main-color .palatte-purple-1{background:#f4f3fd}.main-color .palatte-purple-2{background:#e4e2fa}.main-color .palatte-purple-3{background:#cfcaf6}.main-color .palatte-purple-4{background:#b3acf2}.main-color .palatte-purple-5{background:#948aec}.main-color .palatte-purple-6{background:#7265e6}.main-color .palatte-purple-7{background:#6252cd}.main-color .palatte-purple-8{background:#533eb4}.main-color .palatte-purple-9{background:#42299a}.main-color .palatte-purple-10{background:#321580}.main-color .palatte-cyan-1{background:#ebf8f9}.main-color .palatte-cyan-2{background:#cfedf0}.main-color .palatte-cyan-3{background:#a7dfe3}.main-color .palatte-cyan-4{background:#76cdd3}.main-color .palatte-cyan-5{background:#3db8c1}.main-color .palatte-cyan-6{background:#00a2ae}.main-color .palatte-cyan-7{background:#008997}.main-color .palatte-cyan-8{background:#00707f}.main-color .palatte-cyan-9{background:#005667}.main-color .palatte-cyan-10{background:#003c4e}.main-color .palatte-green-1{background:#ebf8f2}.main-color .palatte-green-2{background:#cfefdf}.main-color .palatte-green-3{background:#a7e1c4}.main-color .palatte-green-4{background:#76d0a3}.main-color .palatte-green-5{background:#3dbd7d}.main-color .palatte-green-6{background:#00a854}.main-color .palatte-green-7{background:#00924c}.main-color .palatte-green-8{background:#007b43}.main-color .palatte-green-9{background:#00643b}.main-color .palatte-green-10{background:#004c32}.main-color .palatte-pink-1{background:#feeff5}.main-color .palatte-pink-2{background:#fdd8e7}.main-color .palatte-pink-3{background:#fcb8d3}.main-color .palatte-pink-4{background:#fa90ba}.main-color .palatte-pink-5{background:#f7629e}.main-color .palatte-pink-6{background:#f5317f}.main-color .palatte-pink-7{background:#dc277d}.main-color .palatte-pink-8{background:#c11c7b}.main-color .palatte-pink-9{background:#a71278}.main-color .palatte-pink-10{background:#8c0776}.main-color .palatte-red-1{background:#fef0ef}.main-color .palatte-red-2{background:#fcdbd9}.main-color .palatte-red-3{background:#fabeb9}.main-color .palatte-red-4{background:#f79992}.main-color .palatte-red-5{background:#f46e65}.main-color .palatte-red-6{background:#f04134}.main-color .palatte-red-7{background:#d73435}.main-color .palatte-red-8{background:#bd2636}.main-color .palatte-red-9{background:#a31837}.main-color .palatte-red-10{background:#880a38}.main-color .palatte-orange-1{background:#fef3eb}.main-color .palatte-orange-2{background:#fde3cf}.main-color .palatte-orange-3{background:#fccca7}.main-color .palatte-orange-4{background:#faaf76}.main-color .palatte-orange-5{background:#f78e3d}.main-color .palatte-orange-6{background:#f56a00}.main-color .palatte-orange-7{background:#d75000}.main-color .palatte-orange-8{background:#b93600}.main-color .palatte-orange-9{background:#991b00}.main-color .palatte-orange-10{background:#7a0000}.main-color .palatte-yellow-1{background:#fffaeb}.main-color .palatte-yellow-2{background:#fff3cf}.main-color .palatte-yellow-3{background:#ffe9a7}.main-color .palatte-yellow-4{background:#ffdd76}.main-color .palatte-yellow-5{background:#ffce3d}.main-color .palatte-yellow-6{background:#ffbf00}.main-color .palatte-yellow-7{background:#e09a00}.main-color .palatte-yellow-8{background:#c17500}.main-color .palatte-yellow-9{background:#a04f00}.main-color .palatte-yellow-10{background:#802800}.main-color .palatte-grey-1{background:#fbfbfb}.main-color .palatte-grey-2{background:#f7f7f7}.main-color .palatte-grey-3{background:#f5f5f5}.main-color .palatte-grey-4{background:#e9e9e9}.main-color .palatte-grey-5{background:#d9d9d9}.main-color .palatte-grey-6{background:#bfbfbf}.main-color .palatte-grey-7{background:#919191}.main-color .palatte-grey-8{background:#5a5a5a}.main-color .palatte-grey-9{background:#404040}.main-color .palatte-grey-10{background:#222}ul.anticons-list{margin:40px 0;list-style:none;overflow:hidden}ul.anticons-list li{float:left;width:16.66%;text-align:center;list-style:none;cursor:pointer;height:100px;color:#555;-webkit-transition:all .3s;transition:all .3s;position:relative;margin:3px 0;border-radius:4px;background-color:#fff;overflow:hidden;padding:10px 0 0}ul.anticons-list li .anticon{font-size:24px;margin:12px 0 16px;-webkit-transition:all .3s;transition:all .3s}ul.anticons-list li .anticon-class{display:block;text-align:center;-webkit-transform:scale(.83);-ms-transform:scale(.83);transform:scale(.83);font-family:Lucida Console,Consolas;white-space:nowrap}ul.anticons-list li:hover{background-color:#108ee9;color:#fff}ul.anticons-list li:hover .anticon{-webkit-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4)}ul.anticons-list li.copied:hover{color:hsla(0,0%,100%,.2)}ul.anticons-list li:after{position:absolute;top:0;left:0;height:100%;width:100%;content:"Copied!";text-align:center;line-height:110px;color:#fff;-webkit-transition:all .3s cubic-bezier(.18,.89,.32,1.28);transition:all .3s cubic-bezier(.18,.89,.32,1.28);opacity:0}ul.anticons-list li.copied:after{opacity:1;top:-10px}.browser-mockup{border-top:2em solid hsla(0,0%,90%,.7);box-shadow:0 .1em .5em 0 rgba(0,0,0,.28);position:relative;border-radius:3px 3px 0 0}.browser-mockup:before{display:block;position:absolute;content:"";top:-1.25em;left:1em;width:.5em;height:.5em;border-radius:50%;background-color:#f44;box-shadow:0 0 0 2px #f44,1.5em 0 0 2px #9b3,3em 0 0 2px #fb5}.browser-mockup.with-tab:after{display:block;position:absolute;content:"";top:-2em;left:5.5em;width:20%;height:0;border-bottom:2em solid #fff;border-left:.8em solid transparent;border-right:.8em solid transparent}.browser-mockup.with-url:after{display:block;position:absolute;content:"";top:-1.6em;left:5.5em;width:calc(100% - 6em);height:1.2em;border-radius:2px;background-color:#fff}.browser-mockup>*{display:block}.new-version-info-modal img{width:100px;position:absolute;left:34px;top:36px}.new-version-info-modal p{margin-top:1em}.new-version-info-modal .anticon{display:none}.new-version-info-modal .ant-confirm-body{margin-left:120px}.new-version-info-modal .ant-confirm-body .ant-confirm-title{font-size:18px}.new-version-info-modal .ant-confirm-body .ant-confirm-content{margin-left:0}.motion-container{height:190px;line-height:190px;text-align:center;margin:40px 0 20px}.motion-example{width:180px;height:180px;line-height:180px;font-size:18px;color:#fff;text-align:center;display:inline-block!important;border-radius:8px;-webkit-animation-duration:.5s!important;animation-duration:.5s!important;font-weight:700;background:url(https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg) 50%/180px}.motion-select-wrapper{text-align:center;margin-bottom:40px}.motion-select{text-align:left;width:180px}.video-player{position:relative;max-width:800px}.video-player-right{width:616px;float:right}.nav-phone-icon{display:none;position:absolute;right:30px;top:32px;z-index:1;width:16px;height:22px;cursor:pointer}@media only screen and (min-width:0) and (max-width:1280px){.en-us #search-box{display:none}}@media only screen and (min-width:0) and (max-width:1080px){.zh-cn #search-box{display:none}}@media only screen and (min-width:0) and (max-width:992px){#search-box{display:none}.code-boxes-col-1-1,.code-boxes-col-2-1,.preview-image-boxes{float:none;width:100%}.preview-image-boxes{margin:0!important}.preview-image-box{padding-left:0;margin:10px 0}a#logo{width:150px;margin-left:auto;margin-right:auto;float:none;display:block}.banner-entry{position:relative;top:30px;left:0;text-align:center}.image-wrapper{display:none}.banner-wrapper{background-position:40%}.content-wrapper .text-wrapper{float:none;text-align:center;left:0;width:100%;padding:0}.content-wrapper .text-wrapper>p{max-width:100%!important;padding:0 40px}.content-wrapper.page{min-height:300px;height:300px}.banner-text-wrapper{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);text-align:center}.banner-text-wrapper .start-button{text-align:center}.banner-text-wrapper .start-button>a{margin:0 4px}.banner-text-wrapper .github-btn{text-align:center;float:none;display:inline-block}.banner-text-wrapper .line{display:none}button.lang{color:rgba(0,0,0,.65);border-color:rgba(0,0,0,.65)}button.lang,div.version{display:block;margin:29px auto 16px}div.version>.ant-select-selection{color:rgba(0,0,0,.65)}div.version>.ant-select-selection:not(:hover){border-color:rgba(0,0,0,.65)}.popover-menu{width:300px}.popover-menu button.lang{margin:16px auto;float:none}.popover-menu div.version{margin:32px auto 16px;float:none}.popover-menu .ant-popover-inner{overflow:hidden}.popover-menu .ant-popover-inner-content{padding:0}ul#nav,ul#nav li{width:100%;font-size:14px}ul#nav li{line-height:60px;height:60px;padding:0!important;border:0}ul#nav li a{color:#333}.toc{display:none}.nav-phone-icon{display:block}.nav-phone-icon:before{content:"";display:block;border-radius:2px;width:16px;height:2px;background:#777;box-shadow:0 6px 0 0 #777,0 12px 0 0 #777;position:absolute}.main{height:14%}.aside-container{float:none;width:auto;padding-bottom:30px;border-bottom:1px solid #e9e9e9;border-right:0;margin-bottom:30px}.main-container{padding-left:16px;padding-right:16px;margin-right:0}.main-container>.markdown>*{width:100%!important}.main-wrapper{width:100%;border-radius:0;margin:0}footer{text-align:center}footer ul li{float:none;width:auto}footer ul li>h2 .anticon{display:none}}
\ No newline at end of file
diff --git a/index-cn.html b/index-cn.html
index bb0cbec06..2dea4b47f 100644
--- a/index-cn.html
+++ b/index-cn.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="1736558975"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="-1374828159"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/index-cn" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">搜索组件...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">EN</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><section class="page banner-wrapper" data-reactid="48"><div class="page" id="banner" data-reactid="49"><div class="banner-text-wrapper" data-reactid="50"><div data-reactid="51"></div><div data-reactid="52"></div><div data-reactid="53"></div><div data-reactid="54"></div><div data-reactid="55"></div></div><i class="anticon anticon-down down" data-reactid="56"></i></div></section><div id="page1" class="content-wrapper page" data-reactid="57"></div><div id="page2" class="content-wrapper page" data-reactid="58"></div><div id="page3" class="content-wrapper page" data-reactid="59"></div><div id="page4" class="content-wrapper page" data-reactid="60"></div><style data-reactid="61">
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="32"><a href="/index-cn" data-reactid="33"><span data-reactid="34">首页</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce-cn" data-reactid="36"><span data-reactid="37">指引</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce-cn" data-reactid="39"><span data-reactid="40">组件</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation-cn" data-reactid="42"><span data-reactid="43">模式</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download-cn" data-reactid="45"><span data-reactid="46">资源</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><section class="page banner-wrapper" data-reactid="48"><div class="page" id="banner" data-reactid="49"><div class="banner-text-wrapper" data-reactid="50"><div data-reactid="51"></div><div data-reactid="52"></div><div data-reactid="53"></div><div data-reactid="54"></div><div data-reactid="55"></div></div><i class="anticon anticon-down down" data-reactid="56"></i></div></section><div id="page1" class="content-wrapper page" data-reactid="57"></div><div id="page2" class="content-wrapper page" data-reactid="58"></div><div id="page3" class="content-wrapper page" data-reactid="59"></div><div id="page4" class="content-wrapper page" data-reactid="60"></div><style data-reactid="61">
     html, body{
       height: auto;
     }
diff --git a/index.html b/index.html
index ba2958736..857649fd6 100644
--- a/index.html
+++ b/index.html
@@ -110,9 +110,9 @@
   </head>
   <body>
     <div id="react-content">
-      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="921620765"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
+      <div class="page-wrapper" data-reactroot="" data-reactid="1" data-react-checksum="2125386015"><header id="header" class="clearfix" data-reactid="2"><div class="ant-row" data-reactid="3"><div class="ant-col-xs-24 ant-col-sm-24 ant-col-md-5 ant-col-lg-4" data-reactid="4"><a id="logo" href="/" data-reactid="5"><img alt="logo" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" data-reactid="6"/><span data-reactid="7">Ant Design</span></a></div><div class="ant-col-xs-0 ant-col-sm-0 ant-col-md-19 ant-col-lg-20" data-reactid="8"><div id="search-box" data-reactid="9"><div class="ant-select ant-select-combobox ant-select-enabled" data-reactid="10"><div class="ant-select-selection
             ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" data-reactid="11"><div class="ant-select-selection__rendered" data-reactid="12"><div style="display:block;user-select:none;-webkit-user-select:none;" unselectable="unselectable" class="ant-select-selection__placeholder" data-reactid="13">Search Components...</div><ul data-reactid="14"><li class="ant-select-search ant-select-search--inline" data-reactid="15"><div class="ant-select-search__field__wrap" data-reactid="16"><input value="" class="ant-select-search__field" data-reactid="17"/><span class="ant-select-search__field__mirror" data-reactid="18"><!-- react-text: 19 --><!-- /react-text --><!-- react-text: 20 --> <!-- /react-text --></span></div></li></ul></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="21"><b data-reactid="22"></b></span></div></div></div><button type="button" class="ant-btn ant-btn-ghost ant-btn-sm lang" data-reactid="23"><span data-reactid="24">中文</span></button><div class="ant-select-sm version ant-select ant-select-enabled" data-reactid="25"><div class="ant-select-selection
-            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.2" style="display:block;opacity:1;" data-reactid="28">2.9.2</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><section class="page banner-wrapper" data-reactid="48"><div class="page" id="banner" data-reactid="49"><div class="banner-text-wrapper" data-reactid="50"><div data-reactid="51"></div><div data-reactid="52"></div><div data-reactid="53"></div><div data-reactid="54"></div><div data-reactid="55"></div></div><i class="anticon anticon-down down" data-reactid="56"></i></div></section><div id="page1" class="content-wrapper page" data-reactid="57"></div><div id="page2" class="content-wrapper page" data-reactid="58"></div><div id="page3" class="content-wrapper page" data-reactid="59"></div><div id="page4" class="content-wrapper page" data-reactid="60"></div><style data-reactid="61">
+            ant-select-selection--single" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false" tabindex="0" data-reactid="26"><div class="ant-select-selection__rendered" data-reactid="27"><div class="ant-select-selection-selected-value" title="2.9.3" style="display:block;opacity:1;" data-reactid="28">2.9.3</div></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none;" unselectable="unselectable" data-reactid="29"><b data-reactid="30"></b></span></div></div><ul class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" id="nav" tabindex="0" data-reactid="31"><li class="ant-menu-item-selected ant-menu-item" role="menuitem" aria-selected="true" data-reactid="32"><a href="/" data-reactid="33"><span data-reactid="34">Home</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="35"><a href="/docs/spec/introduce" data-reactid="36"><span data-reactid="37">Guidlines</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="38"><a href="/docs/react/introduce" data-reactid="39"><span data-reactid="40">Components</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="41"><a href="/docs/pattern/navigation" data-reactid="42"><span data-reactid="43">Patterns</span></a></li><li class="ant-menu-item" role="menuitem" aria-selected="false" data-reactid="44"><a href="/docs/resource/download" data-reactid="45"><span data-reactid="46">Resources</span></a></li></ul></div></div></header><div class="main-wrapper" data-reactid="47"><section class="page banner-wrapper" data-reactid="48"><div class="page" id="banner" data-reactid="49"><div class="banner-text-wrapper" data-reactid="50"><div data-reactid="51"></div><div data-reactid="52"></div><div data-reactid="53"></div><div data-reactid="54"></div><div data-reactid="55"></div></div><i class="anticon anticon-down down" data-reactid="56"></i></div></section><div id="page1" class="content-wrapper page" data-reactid="57"></div><div id="page2" class="content-wrapper page" data-reactid="58"></div><div id="page3" class="content-wrapper page" data-reactid="59"></div><div id="page4" class="content-wrapper page" data-reactid="60"></div><style data-reactid="61">
     html, body{
       height: auto;
     }
diff --git a/index.js b/index.js
index 41ecb1d2e..1d2d78693 100644
--- a/index.js
+++ b/index.js
@@ -8,23 +8,23 @@ webpackJsonp([212,211],[function(e,t,n){"use strict";n(1914),n(1289);var r=n(1),
 	(c) Sindre Sorhus
 	@license MIT
 	*/
-"use strict";function n(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function r(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;var r=Object.getOwnPropertyNames(t).map(function(e){return t[e]});if("0123456789"!==r.join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach(function(e){o[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(i){return!1}}var o=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;e.exports=r()?Object.assign:function(e,t){for(var r,s,u=n(e),l=1;l<arguments.length;l++){r=Object(arguments[l]);for(var c in r)i.call(r,c)&&(u[c]=r[c]);if(o){s=o(r);for(var f=0;f<s.length;f++)a.call(r,s[f])&&(u[s[f]]=r[s[f]])}}return u}},function(e,t,n){e.exports=n(1459)()},function(e,t,n){"use strict";function r(e,t,n,r,i,a,s,u){if(o(t),!e){var l;if(void 0===t)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,i,a,s,u],f=0;l=new Error(t.replace(/%s/g,function(){return c[f++]})),l.name="Invariant Violation"}throw l.framesToPop=1,l}}var o=function(e){};e.exports=r},function(e,t){},function(e,t,n){var r=n(21);e.exports=function(e){if(!r(e))throw TypeError(e+" is not an object!");return e}},function(e,t,n){"use strict";var r=n(33),o=r;e.exports=o},function(e,t){var n=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(e,t){e.exports=function(e){try{return!!e()}catch(t){return!0}}},function(e,t){"use strict";function n(e){for(var t=arguments.length-1,n="Minified React error #"+e+"; visit http://facebook.github.io/react/docs/error-decoder.html?invariant="+e,r=0;r<t;r++)n+="&args[]="+encodeURIComponent(arguments[r+1]);n+=" for the full message or use the non-minified dev environment for full errors and additional helpful warnings.";var o=new Error(n);throw o.name="Invariant Violation",o.framesToPop=1,o}e.exports=n},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t,n){return E.set(e,{selection:t,forceSelection:n,nativelyRenderedContent:null,inlineStyleOverride:null})}function i(e,t){return e.getBlockMap().map(function(n){return h.generate(e,n,t)}).toOrderedMap()}function a(e,t,n,r){var o=e.getCurrentContent().set("entityMap",n),i=o.getBlockMap(),a=e.getImmutable().get("treeMap");return a.merge(t.toSeq().filter(function(e,t){return e!==i.get(t)}).map(function(e){return h.generate(o,e,r)}))}function s(e,t,n,r,o){return n.merge(t.toSeq().filter(function(t){return r.getDecorations(t,e)!==o.getDecorations(t,e)}).map(function(t){return h.generate(e,t,r)}))}function u(e,t){var n=e.getLastChangeType();return t!==n||"insert-characters"!==t&&"backspace-character"!==t&&"delete-character"!==t}function l(e,t){var n=t.getStartKey(),r=t.getStartOffset(),o=e.getBlockForKey(n);return r>0?o.getInlineStyleAt(r-1):o.getLength()?o.getInlineStyleAt(0):f(e,n)}function c(e,t){var n=t.getStartKey(),r=t.getStartOffset(),o=e.getBlockForKey(n);return r<o.getLength()?o.getInlineStyleAt(r):r>0?o.getInlineStyleAt(r-1):f(e,n)}function f(e,t){for(var n,r=e.getBlockBefore(t);r;){if(n=r.getLength())return r.getInlineStyleAt(n-1);r=e.getBlockBefore(r.getKey())}return b()}var p=n(11),d=p||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},h=n(328),v=n(160),m=n(559),y=n(22),g=n(110),b=y.OrderedSet,_=y.Record,w=y.Stack,x={allowUndo:!0,currentContent:null,decorator:null,directionMap:null,forceSelection:!1,inCompositionMode:!1,inlineStyleOverride:null,lastChangeType:null,nativelyRenderedContent:null,redoStack:w(),selection:null,treeMap:null,undoStack:w()},C=_(x),E=function(){function e(t){r(this,e),this._immutable=t}return e.createEmpty=function(t){return e.createWithContent(v.createFromText(""),t)},e.createWithContent=function(t,n){var r=t.getBlockMap().first().getKey();return e.create({currentContent:t,undoStack:w(),redoStack:w(),decorator:n||null,selection:g.createEmpty(r)})},e.create=function(t){var n=t.currentContent,r=t.decorator,o=d({},t,{treeMap:i(n,r),directionMap:m.getDirectionMap(n)});return new e(new C(o))},e.set=function(t,n){var r=t.getImmutable().withMutations(function(e){var r=e.get("decorator"),o=r;null===n.decorator?o=null:n.decorator&&(o=n.decorator);var u=n.currentContent||t.getCurrentContent();if(o!==r){var l,c=e.get("treeMap");return l=o&&r?s(u,u.getBlockMap(),c,o,r):i(u,o),void e.merge({decorator:o,treeMap:l,nativelyRenderedContent:null})}var f=t.getCurrentContent();u!==f&&e.set("treeMap",a(t,u.getBlockMap(),u.getEntityMap(),o)),e.merge(n)});return new e(r)},e.prototype.toJS=function(){return this.getImmutable().toJS()},e.prototype.getAllowUndo=function(){return this.getImmutable().get("allowUndo")},e.prototype.getCurrentContent=function(){return this.getImmutable().get("currentContent")},e.prototype.getUndoStack=function(){return this.getImmutable().get("undoStack")},e.prototype.getRedoStack=function(){return this.getImmutable().get("redoStack")},e.prototype.getSelection=function(){return this.getImmutable().get("selection")},e.prototype.getDecorator=function(){return this.getImmutable().get("decorator")},e.prototype.isInCompositionMode=function(){return this.getImmutable().get("inCompositionMode")},e.prototype.mustForceSelection=function(){return this.getImmutable().get("forceSelection")},e.prototype.getNativelyRenderedContent=function(){return this.getImmutable().get("nativelyRenderedContent")},e.prototype.getLastChangeType=function(){return this.getImmutable().get("lastChangeType")},e.prototype.getInlineStyleOverride=function(){return this.getImmutable().get("inlineStyleOverride")},e.setInlineStyleOverride=function(t,n){return e.set(t,{inlineStyleOverride:n})},e.prototype.getCurrentInlineStyle=function(){var e=this.getInlineStyleOverride();if(null!=e)return e;var t=this.getCurrentContent(),n=this.getSelection();return n.isCollapsed()?l(t,n):c(t,n)},e.prototype.getBlockTree=function(e){return this.getImmutable().getIn(["treeMap",e])},e.prototype.isSelectionAtStartOfContent=function(){var e=this.getCurrentContent().getBlockMap().first().getKey();return this.getSelection().hasEdgeWithin(e,0,0)},e.prototype.isSelectionAtEndOfContent=function(){var e=this.getCurrentContent(),t=e.getBlockMap(),n=t.last(),r=n.getLength();return this.getSelection().hasEdgeWithin(n.getKey(),r,r)},e.prototype.getDirectionMap=function(){return this.getImmutable().get("directionMap")},e.acceptSelection=function(e,t){return o(e,t,!1)},e.forceSelection=function(e,t){return t.getHasFocus()||(t=t.set("hasFocus",!0)),o(e,t,!0)},e.moveSelectionToEnd=function(t){var n=t.getCurrentContent(),r=n.getLastBlock(),o=r.getKey(),i=r.getLength();return e.acceptSelection(t,new g({anchorKey:o,anchorOffset:i,focusKey:o,focusOffset:i,isBackward:!1}))},e.moveFocusToEnd=function(t){var n=e.moveSelectionToEnd(t);return e.forceSelection(n,n.getSelection())},e.push=function(t,n,r){if(t.getCurrentContent()===n)return t;var o="insert-characters"!==r,i=m.getDirectionMap(n,t.getDirectionMap());if(!t.getAllowUndo())return e.set(t,{currentContent:n,directionMap:i,lastChangeType:r,selection:n.getSelectionAfter(),forceSelection:o,inlineStyleOverride:null});var a=t.getSelection(),s=t.getCurrentContent(),l=t.getUndoStack(),c=n;a!==s.getSelectionAfter()||u(t,r)?(l=l.push(s),c=c.set("selectionBefore",a)):"insert-characters"!==r&&"backspace-character"!==r&&"delete-character"!==r||(c=c.set("selectionBefore",s.getSelectionBefore()));var f=t.getInlineStyleOverride();"adjust-depth"!==r&&"change-block-type"!==r&&(f=null);var p={currentContent:c,directionMap:i,undoStack:l,redoStack:w(),lastChangeType:r,selection:n.getSelectionAfter(),forceSelection:o,inlineStyleOverride:f};return e.set(t,p)},e.undo=function(t){if(!t.getAllowUndo())return t;var n=t.getUndoStack(),r=n.peek();if(!r)return t;var o=t.getCurrentContent(),i=m.getDirectionMap(r,t.getDirectionMap());return e.set(t,{currentContent:r,directionMap:i,undoStack:n.shift(),redoStack:t.getRedoStack().push(o),forceSelection:!0,inlineStyleOverride:null,lastChangeType:"undo",nativelyRenderedContent:null,selection:o.getSelectionBefore()})},e.redo=function(t){if(!t.getAllowUndo())return t;var n=t.getRedoStack(),r=n.peek();if(!r)return t;var o=t.getCurrentContent(),i=m.getDirectionMap(r,t.getDirectionMap());return e.set(t,{currentContent:r,directionMap:i,undoStack:t.getUndoStack().push(o),redoStack:n.shift(),forceSelection:!0,inlineStyleOverride:null,lastChangeType:"redo",nativelyRenderedContent:null,selection:r.getSelectionAfter()})},e.prototype.getImmutable=function(){return this._immutable},e}();e.exports=E},function(e,t){e.exports=function(e){return"object"==typeof e?null!==e:"function"==typeof e}},function(e,t,n){!function(t,n){e.exports=n()}(this,function(){"use strict";function e(e,t){t&&(e.prototype=Object.create(t.prototype)),e.prototype.constructor=e}function t(e){return i(e)?e:k(e)}function n(e){return a(e)?e:M(e)}function r(e){return s(e)?e:N(e)}function o(e){return i(e)&&!u(e)?e:A(e)}function i(e){return!(!e||!e[ln])}function a(e){return!(!e||!e[cn])}function s(e){return!(!e||!e[fn])}function u(e){return a(e)||s(e)}function l(e){return!(!e||!e[pn])}function c(e){return e.value=!1,e}function f(e){e&&(e.value=!0)}function p(){}function d(e,t){t=t||0;for(var n=Math.max(0,e.length-t),r=new Array(n),o=0;o<n;o++)r[o]=e[o+t];return r}function h(e){return void 0===e.size&&(e.size=e.__iterate(m)),e.size}function v(e,t){if("number"!=typeof t){var n=t>>>0;if(""+n!==t||4294967295===n)return NaN;t=n}return t<0?h(e)+t:t}function m(){return!0}function y(e,t,n){return(0===e||void 0!==n&&e<=-n)&&(void 0===t||void 0!==n&&t>=n)}function g(e,t){return _(e,t,0)}function b(e,t){return _(e,t,t)}function _(e,t,n){return void 0===e?n:e<0?Math.max(0,t+e):void 0===t?e:Math.min(t,e)}function w(e){this.next=e}function x(e,t,n,r){var o=0===e?t:1===e?n:[t,n];return r?r.value=o:r={value:o,done:!1},r}function C(){return{value:void 0,done:!0}}function E(e){return!!O(e)}function S(e){return e&&"function"==typeof e.next}function P(e){var t=O(e);return t&&t.call(e)}function O(e){var t=e&&(Cn&&e[Cn]||e[En]);if("function"==typeof t)return t}function T(e){return e&&"number"==typeof e.length}function k(e){return null===e||void 0===e?F():i(e)?e.toSeq():B(e)}function M(e){return null===e||void 0===e?F().toKeyedSeq():i(e)?a(e)?e.toSeq():e.fromEntrySeq():U(e)}function N(e){return null===e||void 0===e?F():i(e)?a(e)?e.entrySeq():e.toIndexedSeq():V(e)}function A(e){return(null===e||void 0===e?F():i(e)?a(e)?e.entrySeq():e:V(e)).toSetSeq()}function D(e){this._array=e,this.size=e.length}function j(e){var t=Object.keys(e);this._object=e,this._keys=t,this.size=t.length}function R(e){this._iterable=e,this.size=e.length||e.size}function I(e){this._iterator=e,this._iteratorCache=[]}function L(e){return!(!e||!e[Pn])}function F(){return On||(On=new D([]))}function U(e){var t=Array.isArray(e)?new D(e).fromEntrySeq():S(e)?new I(e).fromEntrySeq():E(e)?new R(e).fromEntrySeq():"object"==typeof e?new j(e):void 0;if(!t)throw new TypeError("Expected Array or iterable object of [k, v] entries, or keyed object: "+e);return t}function V(e){var t=z(e);if(!t)throw new TypeError("Expected Array or iterable object of values: "+e);return t}function B(e){var t=z(e)||"object"==typeof e&&new j(e);if(!t)throw new TypeError("Expected Array or iterable object of values, or keyed object: "+e);return t}function z(e){return T(e)?new D(e):S(e)?new I(e):E(e)?new R(e):void 0}function H(e,t,n,r){var o=e._cache;if(o){for(var i=o.length-1,a=0;a<=i;a++){var s=o[n?i-a:a];if(t(s[1],r?s[0]:a,e)===!1)return a+1}return a}return e.__iterateUncached(t,n)}function K(e,t,n,r){var o=e._cache;if(o){var i=o.length-1,a=0;return new w(function(){var e=o[n?i-a:a];return a++>i?C():x(t,r?e[0]:a-1,e[1])})}return e.__iteratorUncached(t,n)}function W(e,t){return t?q(t,e,"",{"":e}):Y(e)}function q(e,t,n,r){return Array.isArray(t)?e.call(r,n,N(t).map(function(n,r){return q(e,n,r,t)})):G(t)?e.call(r,n,M(t).map(function(n,r){return q(e,n,r,t)})):t}function Y(e){return Array.isArray(e)?N(e).map(Y).toList():G(e)?M(e).map(Y).toMap():e}function G(e){return e&&(e.constructor===Object||void 0===e.constructor)}function X(e,t){if(e===t||e!==e&&t!==t)return!0;if(!e||!t)return!1;if("function"==typeof e.valueOf&&"function"==typeof t.valueOf){if(e=e.valueOf(),t=t.valueOf(),e===t||e!==e&&t!==t)return!0;if(!e||!t)return!1}return!("function"!=typeof e.equals||"function"!=typeof t.equals||!e.equals(t))}function $(e,t){if(e===t)return!0;if(!i(t)||void 0!==e.size&&void 0!==t.size&&e.size!==t.size||void 0!==e.__hash&&void 0!==t.__hash&&e.__hash!==t.__hash||a(e)!==a(t)||s(e)!==s(t)||l(e)!==l(t))return!1;if(0===e.size&&0===t.size)return!0;var n=!u(e);if(l(e)){var r=e.entries();return t.every(function(e,t){var o=r.next().value;return o&&X(o[1],e)&&(n||X(o[0],t))})&&r.next().done}var o=!1;if(void 0===e.size)if(void 0===t.size)"function"==typeof e.cacheResult&&e.cacheResult();else{o=!0;var c=e;e=t,t=c}var f=!0,p=t.__iterate(function(t,r){if(n?!e.has(t):o?!X(t,e.get(r,yn)):!X(e.get(r,yn),t))return f=!1,!1});return f&&e.size===p}function Z(e,t){if(!(this instanceof Z))return new Z(e,t);if(this._value=e,this.size=void 0===t?1/0:Math.max(0,t),0===this.size){if(Tn)return Tn;Tn=this}}function Q(e,t){if(!e)throw new Error(t)}function J(e,t,n){if(!(this instanceof J))return new J(e,t,n);if(Q(0!==n,"Cannot step a Range by 0"),e=e||0,void 0===t&&(t=1/0),n=void 0===n?1:Math.abs(n),t<e&&(n=-n),this._start=e,this._end=t,this._step=n,this.size=Math.max(0,Math.ceil((t-e)/n-1)+1),0===this.size){if(kn)return kn;kn=this}}function ee(){throw TypeError("Abstract")}function te(){}function ne(){}function re(){}function oe(e){return e>>>1&1073741824|3221225471&e}function ie(e){if(e===!1||null===e||void 0===e)return 0;if("function"==typeof e.valueOf&&(e=e.valueOf(),e===!1||null===e||void 0===e))return 0;if(e===!0)return 1;var t=typeof e;if("number"===t){var n=0|e;for(n!==e&&(n^=4294967295*e);e>4294967295;)e/=4294967295,n^=e;return oe(n)}if("string"===t)return e.length>Ln?ae(e):se(e);if("function"==typeof e.hashCode)return e.hashCode();if("object"===t)return ue(e);if("function"==typeof e.toString)return se(e.toString());throw new Error("Value type "+t+" cannot be hashed.")}function ae(e){var t=Vn[e];return void 0===t&&(t=se(e),Un===Fn&&(Un=0,Vn={}),Un++,Vn[e]=t),t}function se(e){for(var t=0,n=0;n<e.length;n++)t=31*t+e.charCodeAt(n)|0;return oe(t)}function ue(e){var t;if(jn&&(t=Mn.get(e),void 0!==t))return t;if(t=e[In],void 0!==t)return t;if(!Dn){if(t=e.propertyIsEnumerable&&e.propertyIsEnumerable[In],void 0!==t)return t;if(t=le(e),void 0!==t)return t}if(t=++Rn,1073741824&Rn&&(Rn=0),jn)Mn.set(e,t);else{if(void 0!==An&&An(e)===!1)throw new Error("Non-extensible objects are not allowed as keys.");if(Dn)Object.defineProperty(e,In,{enumerable:!1,configurable:!1,writable:!1,value:t});else if(void 0!==e.propertyIsEnumerable&&e.propertyIsEnumerable===e.constructor.prototype.propertyIsEnumerable)e.propertyIsEnumerable=function(){return this.constructor.prototype.propertyIsEnumerable.apply(this,arguments)},e.propertyIsEnumerable[In]=t;else{if(void 0===e.nodeType)throw new Error("Unable to set a non-enumerable property on object.");e[In]=t}}return t}function le(e){if(e&&e.nodeType>0)switch(e.nodeType){case 1:return e.uniqueID;case 9:return e.documentElement&&e.documentElement.uniqueID}}function ce(e){Q(e!==1/0,"Cannot perform this action with an infinite size.")}function fe(e){return null===e||void 0===e?xe():pe(e)&&!l(e)?e:xe().withMutations(function(t){var r=n(e);ce(r.size),r.forEach(function(e,n){return t.set(n,e)})})}function pe(e){return!(!e||!e[Bn])}function de(e,t){this.ownerID=e,this.entries=t}function he(e,t,n){this.ownerID=e,this.bitmap=t,this.nodes=n}function ve(e,t,n){this.ownerID=e,this.count=t,this.nodes=n}function me(e,t,n){this.ownerID=e,this.keyHash=t,this.entries=n}function ye(e,t,n){this.ownerID=e,this.keyHash=t,this.entry=n}function ge(e,t,n){this._type=t,this._reverse=n,this._stack=e._root&&_e(e._root)}function be(e,t){return x(e,t[0],t[1])}function _e(e,t){return{node:e,index:0,__prev:t}}function we(e,t,n,r){var o=Object.create(zn);return o.size=e,o._root=t,o.__ownerID=n,o.__hash=r,o.__altered=!1,o}function xe(){return Hn||(Hn=we(0))}function Ce(e,t,n){var r,o;if(e._root){var i=c(gn),a=c(bn);if(r=Ee(e._root,e.__ownerID,0,void 0,t,n,i,a),!a.value)return e;o=e.size+(i.value?n===yn?-1:1:0)}else{if(n===yn)return e;o=1,r=new de(e.__ownerID,[[t,n]])}return e.__ownerID?(e.size=o,e._root=r,e.__hash=void 0,e.__altered=!0,e):r?we(o,r):xe()}function Ee(e,t,n,r,o,i,a,s){return e?e.update(t,n,r,o,i,a,s):i===yn?e:(f(s),f(a),new ye(t,r,[o,i]))}function Se(e){return e.constructor===ye||e.constructor===me}function Pe(e,t,n,r,o){if(e.keyHash===r)return new me(t,r,[e.entry,o]);var i,a=(0===n?e.keyHash:e.keyHash>>>n)&mn,s=(0===n?r:r>>>n)&mn,u=a===s?[Pe(e,t,n+hn,r,o)]:(i=new ye(t,r,o),a<s?[e,i]:[i,e]);return new he(t,1<<a|1<<s,u)}function Oe(e,t,n,r){e||(e=new p);for(var o=new ye(e,ie(n),[n,r]),i=0;i<t.length;i++){var a=t[i];o=o.update(e,0,void 0,a[0],a[1])}return o}function Te(e,t,n,r){for(var o=0,i=0,a=new Array(n),s=0,u=1,l=t.length;s<l;s++,u<<=1){var c=t[s];void 0!==c&&s!==r&&(o|=u,a[i++]=c)}return new he(e,o,a)}function ke(e,t,n,r,o){for(var i=0,a=new Array(vn),s=0;0!==n;s++,n>>>=1)a[s]=1&n?t[i++]:void 0;return a[r]=o,new ve(e,i+1,a)}function Me(e,t,r){for(var o=[],a=0;a<r.length;a++){var s=r[a],u=n(s);i(s)||(u=u.map(function(e){return W(e)})),o.push(u)}return De(e,t,o)}function Ne(e,t,n){return e&&e.mergeDeep&&i(t)?e.mergeDeep(t):X(e,t)?e:t}function Ae(e){return function(t,n,r){if(t&&t.mergeDeepWith&&i(n))return t.mergeDeepWith(e,n);var o=e(t,n,r);return X(t,o)?t:o}}function De(e,t,n){return n=n.filter(function(e){return 0!==e.size}),0===n.length?e:0!==e.size||e.__ownerID||1!==n.length?e.withMutations(function(e){for(var r=t?function(n,r){e.update(r,yn,function(e){return e===yn?n:t(e,n,r)})}:function(t,n){e.set(n,t)},o=0;o<n.length;o++)n[o].forEach(r)}):e.constructor(n[0])}function je(e,t,n,r){var o=e===yn,i=t.next();if(i.done){var a=o?n:e,s=r(a);return s===a?e:s}Q(o||e&&e.set,"invalid keyPath");var u=i.value,l=o?yn:e.get(u,yn),c=je(l,t,n,r);return c===l?e:c===yn?e.remove(u):(o?xe():e).set(u,c)}function Re(e){return e-=e>>1&1431655765,e=(858993459&e)+(e>>2&858993459),e=e+(e>>4)&252645135,e+=e>>8,e+=e>>16,127&e}function Ie(e,t,n,r){var o=r?e:d(e);return o[t]=n,o}function Le(e,t,n,r){var o=e.length+1;if(r&&t+1===o)return e[t]=n,e;for(var i=new Array(o),a=0,s=0;s<o;s++)s===t?(i[s]=n,a=-1):i[s]=e[s+a];return i}function Fe(e,t,n){var r=e.length-1;if(n&&t===r)return e.pop(),e;for(var o=new Array(r),i=0,a=0;a<r;a++)a===t&&(i=1),o[a]=e[a+i];return o}function Ue(e){var t=Ke();if(null===e||void 0===e)return t;if(Ve(e))return e;var n=r(e),o=n.size;return 0===o?t:(ce(o),o>0&&o<vn?He(0,o,hn,null,new Be(n.toArray())):t.withMutations(function(e){e.setSize(o),n.forEach(function(t,n){return e.set(n,t)})}))}function Ve(e){return!(!e||!e[Yn])}function Be(e,t){this.array=e,this.ownerID=t}function ze(e,t){function n(e,t,n){return 0===t?r(e,n):o(e,t,n)}function r(e,n){var r=n===s?u&&u.array:e&&e.array,o=n>i?0:i-n,l=a-n;return l>vn&&(l=vn),function(){if(o===l)return $n;var e=t?--l:o++;return r&&r[e]}}function o(e,r,o){var s,u=e&&e.array,l=o>i?0:i-o>>r,c=(a-o>>r)+1;return c>vn&&(c=vn),function(){for(;;){if(s){var e=s();if(e!==$n)return e;s=null}if(l===c)return $n;var i=t?--c:l++;s=n(u&&u[i],r-hn,o+(i<<r))}}}var i=e._origin,a=e._capacity,s=Ze(a),u=e._tail;return n(e._root,e._level,0)}function He(e,t,n,r,o,i,a){var s=Object.create(Gn);return s.size=t-e,s._origin=e,s._capacity=t,s._level=n,s._root=r,s._tail=o,s.__ownerID=i,s.__hash=a,s.__altered=!1,s}function Ke(){return Xn||(Xn=He(0,0,hn))}function We(e,t,n){if(t=v(e,t),t!==t)return e;if(t>=e.size||t<0)return e.withMutations(function(e){t<0?Xe(e,t).set(0,n):Xe(e,0,t+1).set(t,n)});t+=e._origin;var r=e._tail,o=e._root,i=c(bn);return t>=Ze(e._capacity)?r=qe(r,e.__ownerID,0,t,n,i):o=qe(o,e.__ownerID,e._level,t,n,i),i.value?e.__ownerID?(e._root=o,e._tail=r,e.__hash=void 0,e.__altered=!0,e):He(e._origin,e._capacity,e._level,o,r):e}function qe(e,t,n,r,o,i){var a=r>>>n&mn,s=e&&a<e.array.length;if(!s&&void 0===o)return e;var u;if(n>0){var l=e&&e.array[a],c=qe(l,t,n-hn,r,o,i);return c===l?e:(u=Ye(e,t),u.array[a]=c,u)}return s&&e.array[a]===o?e:(f(i),u=Ye(e,t),void 0===o&&a===u.array.length-1?u.array.pop():u.array[a]=o,u)}function Ye(e,t){return t&&e&&t===e.ownerID?e:new Be(e?e.array.slice():[],t)}function Ge(e,t){if(t>=Ze(e._capacity))return e._tail;if(t<1<<e._level+hn){for(var n=e._root,r=e._level;n&&r>0;)n=n.array[t>>>r&mn],r-=hn;return n}}function Xe(e,t,n){void 0!==t&&(t=0|t),void 0!==n&&(n=0|n);var r=e.__ownerID||new p,o=e._origin,i=e._capacity,a=o+t,s=void 0===n?i:n<0?i+n:o+n;if(a===o&&s===i)return e;if(a>=s)return e.clear();for(var u=e._level,l=e._root,c=0;a+c<0;)l=new Be(l&&l.array.length?[void 0,l]:[],r),u+=hn,c+=1<<u;c&&(a+=c,o+=c,s+=c,i+=c);for(var f=Ze(i),d=Ze(s);d>=1<<u+hn;)l=new Be(l&&l.array.length?[l]:[],r),u+=hn;var h=e._tail,v=d<f?Ge(e,s-1):d>f?new Be([],r):h;if(h&&d>f&&a<i&&h.array.length){l=Ye(l,r);for(var m=l,y=u;y>hn;y-=hn){var g=f>>>y&mn;m=m.array[g]=Ye(m.array[g],r)}m.array[f>>>hn&mn]=h}if(s<i&&(v=v&&v.removeAfter(r,0,s)),a>=d)a-=d,s-=d,u=hn,l=null,v=v&&v.removeBefore(r,0,a);else if(a>o||d<f){for(c=0;l;){var b=a>>>u&mn;if(b!==d>>>u&mn)break;b&&(c+=(1<<u)*b),u-=hn,l=l.array[b]}l&&a>o&&(l=l.removeBefore(r,u,a-c)),l&&d<f&&(l=l.removeAfter(r,u,d-c)),c&&(a-=c,s-=c)}return e.__ownerID?(e.size=s-a,e._origin=a,e._capacity=s,e._level=u,e._root=l,e._tail=v,e.__hash=void 0,e.__altered=!0,e):He(a,s,u,l,v)}function $e(e,t,n){for(var o=[],a=0,s=0;s<n.length;s++){var u=n[s],l=r(u);l.size>a&&(a=l.size),i(u)||(l=l.map(function(e){return W(e)})),o.push(l)}return a>e.size&&(e=e.setSize(a)),De(e,t,o)}function Ze(e){return e<vn?0:e-1>>>hn<<hn}function Qe(e){return null===e||void 0===e?tt():Je(e)?e:tt().withMutations(function(t){var r=n(e);ce(r.size),r.forEach(function(e,n){return t.set(n,e)})})}function Je(e){return pe(e)&&l(e)}function et(e,t,n,r){var o=Object.create(Qe.prototype);return o.size=e?e.size:0,o._map=e,o._list=t,o.__ownerID=n,o.__hash=r,o}function tt(){return Zn||(Zn=et(xe(),Ke()))}function nt(e,t,n){var r,o,i=e._map,a=e._list,s=i.get(t),u=void 0!==s;if(n===yn){if(!u)return e;a.size>=vn&&a.size>=2*i.size?(o=a.filter(function(e,t){return void 0!==e&&s!==t}),r=o.toKeyedSeq().map(function(e){return e[0]}).flip().toMap(),e.__ownerID&&(r.__ownerID=o.__ownerID=e.__ownerID)):(r=i.remove(t),o=s===a.size-1?a.pop():a.set(s,void 0))}else if(u){if(n===a.get(s)[1])return e;r=i,o=a.set(s,[t,n])}else r=i.set(t,a.size),o=a.set(a.size,[t,n]);return e.__ownerID?(e.size=r.size,e._map=r,e._list=o,e.__hash=void 0,e):et(r,o)}function rt(e,t){this._iter=e,this._useKeys=t,this.size=e.size}function ot(e){this._iter=e,this.size=e.size}function it(e){this._iter=e,this.size=e.size}function at(e){this._iter=e,this.size=e.size}function st(e){var t=Tt(e);return t._iter=e,t.size=e.size,t.flip=function(){return e},t.reverse=function(){var t=e.reverse.apply(this);return t.flip=function(){return e.reverse()},t},t.has=function(t){return e.includes(t)},t.includes=function(t){return e.has(t)},t.cacheResult=kt,t.__iterateUncached=function(t,n){var r=this;return e.__iterate(function(e,n){return t(n,e,r)!==!1},n)},t.__iteratorUncached=function(t,n){if(t===xn){var r=e.__iterator(t,n);return new w(function(){var e=r.next();if(!e.done){var t=e.value[0];e.value[0]=e.value[1],e.value[1]=t}return e})}return e.__iterator(t===wn?_n:wn,n)},t}function ut(e,t,n){var r=Tt(e);return r.size=e.size,r.has=function(t){return e.has(t)},r.get=function(r,o){var i=e.get(r,yn);return i===yn?o:t.call(n,i,r,e)},r.__iterateUncached=function(r,o){var i=this;return e.__iterate(function(e,o,a){return r(t.call(n,e,o,a),o,i)!==!1},o)},r.__iteratorUncached=function(r,o){var i=e.__iterator(xn,o);return new w(function(){var o=i.next();if(o.done)return o;var a=o.value,s=a[0];return x(r,s,t.call(n,a[1],s,e),o)})},r}function lt(e,t){var n=Tt(e);return n._iter=e,n.size=e.size,n.reverse=function(){return e},e.flip&&(n.flip=function(){var t=st(e);return t.reverse=function(){return e.flip()},t}),n.get=function(n,r){return e.get(t?n:-1-n,r)},n.has=function(n){return e.has(t?n:-1-n)},n.includes=function(t){return e.includes(t)},n.cacheResult=kt,n.__iterate=function(t,n){var r=this;return e.__iterate(function(e,n){return t(e,n,r)},!n)},n.__iterator=function(t,n){return e.__iterator(t,!n)},n}function ct(e,t,n,r){var o=Tt(e);return r&&(o.has=function(r){var o=e.get(r,yn);return o!==yn&&!!t.call(n,o,r,e)},o.get=function(r,o){var i=e.get(r,yn);return i!==yn&&t.call(n,i,r,e)?i:o}),o.__iterateUncached=function(o,i){var a=this,s=0;return e.__iterate(function(e,i,u){if(t.call(n,e,i,u))return s++,o(e,r?i:s-1,a)},i),s},o.__iteratorUncached=function(o,i){var a=e.__iterator(xn,i),s=0;return new w(function(){for(;;){var i=a.next();if(i.done)return i;var u=i.value,l=u[0],c=u[1];if(t.call(n,c,l,e))return x(o,r?l:s++,c,i)}})},o}function ft(e,t,n){var r=fe().asMutable();return e.__iterate(function(o,i){r.update(t.call(n,o,i,e),0,function(e){return e+1})}),r.asImmutable()}function pt(e,t,n){var r=a(e),o=(l(e)?Qe():fe()).asMutable();e.__iterate(function(i,a){o.update(t.call(n,i,a,e),function(e){return e=e||[],e.push(r?[a,i]:i),e})});var i=Ot(e);return o.map(function(t){return Et(e,i(t))})}function dt(e,t,n,r){var o=e.size;if(void 0!==t&&(t=0|t),void 0!==n&&(n=0|n),y(t,n,o))return e;var i=g(t,o),a=b(n,o);if(i!==i||a!==a)return dt(e.toSeq().cacheResult(),t,n,r);var s,u=a-i;u===u&&(s=u<0?0:u);var l=Tt(e);return l.size=0===s?s:e.size&&s||void 0,!r&&L(e)&&s>=0&&(l.get=function(t,n){return t=v(this,t),t>=0&&t<s?e.get(t+i,n):n}),l.__iterateUncached=function(t,n){var o=this;if(0===s)return 0;if(n)return this.cacheResult().__iterate(t,n);var a=0,u=!0,l=0;return e.__iterate(function(e,n){if(!u||!(u=a++<i))return l++,t(e,r?n:l-1,o)!==!1&&l!==s}),l},l.__iteratorUncached=function(t,n){if(0!==s&&n)return this.cacheResult().__iterator(t,n);var o=0!==s&&e.__iterator(t,n),a=0,u=0;return new w(function(){for(;a++<i;)o.next();if(++u>s)return C();var e=o.next();return r||t===wn?e:t===_n?x(t,u-1,void 0,e):x(t,u-1,e.value[1],e)})},l}function ht(e,t,n){var r=Tt(e);return r.__iterateUncached=function(r,o){var i=this;if(o)return this.cacheResult().__iterate(r,o);var a=0;return e.__iterate(function(e,o,s){return t.call(n,e,o,s)&&++a&&r(e,o,i)}),a},r.__iteratorUncached=function(r,o){var i=this;if(o)return this.cacheResult().__iterator(r,o);var a=e.__iterator(xn,o),s=!0;return new w(function(){if(!s)return C();var e=a.next();if(e.done)return e;var o=e.value,u=o[0],l=o[1];return t.call(n,l,u,i)?r===xn?e:x(r,u,l,e):(s=!1,C())})},r}function vt(e,t,n,r){var o=Tt(e);return o.__iterateUncached=function(o,i){var a=this;if(i)return this.cacheResult().__iterate(o,i);var s=!0,u=0;return e.__iterate(function(e,i,l){if(!s||!(s=t.call(n,e,i,l)))return u++,o(e,r?i:u-1,a)}),u},o.__iteratorUncached=function(o,i){var a=this;if(i)return this.cacheResult().__iterator(o,i);var s=e.__iterator(xn,i),u=!0,l=0;return new w(function(){var e,i,c;do{if(e=s.next(),e.done)return r||o===wn?e:o===_n?x(o,l++,void 0,e):x(o,l++,e.value[1],e);var f=e.value;i=f[0],c=f[1],u&&(u=t.call(n,c,i,a))}while(u);return o===xn?e:x(o,i,c,e)})},o}function mt(e,t){var r=a(e),o=[e].concat(t).map(function(e){return i(e)?r&&(e=n(e)):e=r?U(e):V(Array.isArray(e)?e:[e]),e}).filter(function(e){return 0!==e.size});if(0===o.length)return e;if(1===o.length){var u=o[0];if(u===e||r&&a(u)||s(e)&&s(u))return u}var l=new D(o);return r?l=l.toKeyedSeq():s(e)||(l=l.toSetSeq()),l=l.flatten(!0),l.size=o.reduce(function(e,t){if(void 0!==e){var n=t.size;if(void 0!==n)return e+n}},0),l}function yt(e,t,n){var r=Tt(e);return r.__iterateUncached=function(r,o){function a(e,l){var c=this;e.__iterate(function(e,o){return(!t||l<t)&&i(e)?a(e,l+1):r(e,n?o:s++,c)===!1&&(u=!0),!u},o)}var s=0,u=!1;return a(e,0),s},r.__iteratorUncached=function(r,o){var a=e.__iterator(r,o),s=[],u=0;return new w(function(){for(;a;){var e=a.next();if(e.done===!1){var l=e.value;if(r===xn&&(l=l[1]),t&&!(s.length<t)||!i(l))return n?e:x(r,u++,l,e);s.push(a),a=l.__iterator(r,o)}else a=s.pop()}return C()})},r}function gt(e,t,n){var r=Ot(e);return e.toSeq().map(function(o,i){return r(t.call(n,o,i,e))}).flatten(!0)}function bt(e,t){var n=Tt(e);return n.size=e.size&&2*e.size-1,n.__iterateUncached=function(n,r){var o=this,i=0;return e.__iterate(function(e,r){return(!i||n(t,i++,o)!==!1)&&n(e,i++,o)!==!1},r),i},n.__iteratorUncached=function(n,r){var o,i=e.__iterator(wn,r),a=0;return new w(function(){return(!o||a%2)&&(o=i.next(),o.done)?o:a%2?x(n,a++,t):x(n,a++,o.value,o)})},n}function _t(e,t,n){t||(t=Mt);var r=a(e),o=0,i=e.toSeq().map(function(t,r){return[r,t,o++,n?n(t,r,e):t]}).toArray();return i.sort(function(e,n){return t(e[3],n[3])||e[2]-n[2]}).forEach(r?function(e,t){i[t].length=2}:function(e,t){i[t]=e[1]}),r?M(i):s(e)?N(i):A(i)}function wt(e,t,n){if(t||(t=Mt),n){var r=e.toSeq().map(function(t,r){return[t,n(t,r,e)]}).reduce(function(e,n){return xt(t,e[1],n[1])?n:e});return r&&r[0]}return e.reduce(function(e,n){return xt(t,e,n)?n:e})}function xt(e,t,n){var r=e(n,t);return 0===r&&n!==t&&(void 0===n||null===n||n!==n)||r>0}function Ct(e,n,r){var o=Tt(e);return o.size=new D(r).map(function(e){return e.size}).min(),o.__iterate=function(e,t){for(var n,r=this.__iterator(wn,t),o=0;!(n=r.next()).done&&e(n.value,o++,this)!==!1;);return o},o.__iteratorUncached=function(e,o){var i=r.map(function(e){return e=t(e),P(o?e.reverse():e)}),a=0,s=!1;return new w(function(){var t;return s||(t=i.map(function(e){return e.next()}),s=t.some(function(e){return e.done})),s?C():x(e,a++,n.apply(null,t.map(function(e){return e.value})))})},o}function Et(e,t){return L(e)?t:e.constructor(t)}function St(e){if(e!==Object(e))throw new TypeError("Expected [K, V] tuple: "+e)}function Pt(e){return ce(e.size),h(e)}function Ot(e){return a(e)?n:s(e)?r:o}function Tt(e){return Object.create((a(e)?M:s(e)?N:A).prototype)}function kt(){return this._iter.cacheResult?(this._iter.cacheResult(),this.size=this._iter.size,this):k.prototype.cacheResult.call(this)}function Mt(e,t){return e>t?1:e<t?-1:0}function Nt(e){var n=P(e);if(!n){if(!T(e))throw new TypeError("Expected iterable or array-like: "+e);n=P(t(e))}return n}function At(e,t){var n,r=function(i){if(i instanceof r)return i;if(!(this instanceof r))return new r(i);if(!n){n=!0;var a=Object.keys(e);Rt(o,a),o.size=a.length,o._name=t,o._keys=a,o._defaultValues=e}this._map=fe(i)},o=r.prototype=Object.create(Qn);return o.constructor=r,r}function Dt(e,t,n){var r=Object.create(Object.getPrototypeOf(e));return r._map=t,r.__ownerID=n,r}function jt(e){return e._name||e.constructor.name||"Record"}function Rt(e,t){try{t.forEach(It.bind(void 0,e))}catch(n){}}function It(e,t){Object.defineProperty(e,t,{get:function(){return this.get(t)},set:function(e){Q(this.__ownerID,"Cannot set on an immutable record."),this.set(t,e)}})}function Lt(e){return null===e||void 0===e?Bt():Ft(e)&&!l(e)?e:Bt().withMutations(function(t){var n=o(e);ce(n.size),n.forEach(function(e){return t.add(e)})})}function Ft(e){return!(!e||!e[Jn])}function Ut(e,t){return e.__ownerID?(e.size=t.size,e._map=t,e):t===e._map?e:0===t.size?e.__empty():e.__make(t)}function Vt(e,t){var n=Object.create(er);return n.size=e?e.size:0,n._map=e,n.__ownerID=t,n}function Bt(){return tr||(tr=Vt(xe()))}function zt(e){return null===e||void 0===e?Wt():Ht(e)?e:Wt().withMutations(function(t){var n=o(e);ce(n.size),n.forEach(function(e){return t.add(e)})});
-}function Ht(e){return Ft(e)&&l(e)}function Kt(e,t){var n=Object.create(nr);return n.size=e?e.size:0,n._map=e,n.__ownerID=t,n}function Wt(){return rr||(rr=Kt(tt()))}function qt(e){return null===e||void 0===e?Xt():Yt(e)?e:Xt().unshiftAll(e)}function Yt(e){return!(!e||!e[or])}function Gt(e,t,n,r){var o=Object.create(ir);return o.size=e,o._head=t,o.__ownerID=n,o.__hash=r,o.__altered=!1,o}function Xt(){return ar||(ar=Gt(0))}function $t(e,t){var n=function(n){e.prototype[n]=t[n]};return Object.keys(t).forEach(n),Object.getOwnPropertySymbols&&Object.getOwnPropertySymbols(t).forEach(n),e}function Zt(e,t){return t}function Qt(e,t){return[t,e]}function Jt(e){return function(){return!e.apply(this,arguments)}}function en(e){return function(){return-e.apply(this,arguments)}}function tn(e){return"string"==typeof e?JSON.stringify(e):e}function nn(){return d(arguments)}function rn(e,t){return e<t?1:e>t?-1:0}function on(e){if(e.size===1/0)return 0;var t=l(e),n=a(e),r=t?1:0,o=e.__iterate(n?t?function(e,t){r=31*r+sn(ie(e),ie(t))|0}:function(e,t){r=r+sn(ie(e),ie(t))|0}:t?function(e){r=31*r+ie(e)|0}:function(e){r=r+ie(e)|0});return an(o,r)}function an(e,t){return t=Nn(t,3432918353),t=Nn(t<<15|t>>>-15,461845907),t=Nn(t<<13|t>>>-13,5),t=(t+3864292196|0)^e,t=Nn(t^t>>>16,2246822507),t=Nn(t^t>>>13,3266489909),t=oe(t^t>>>16)}function sn(e,t){return e^t+2654435769+(e<<6)+(e>>2)|0}var un=Array.prototype.slice;e(n,t),e(r,t),e(o,t),t.isIterable=i,t.isKeyed=a,t.isIndexed=s,t.isAssociative=u,t.isOrdered=l,t.Keyed=n,t.Indexed=r,t.Set=o;var ln="@@__IMMUTABLE_ITERABLE__@@",cn="@@__IMMUTABLE_KEYED__@@",fn="@@__IMMUTABLE_INDEXED__@@",pn="@@__IMMUTABLE_ORDERED__@@",dn="delete",hn=5,vn=1<<hn,mn=vn-1,yn={},gn={value:!1},bn={value:!1},_n=0,wn=1,xn=2,Cn="function"==typeof Symbol&&Symbol.iterator,En="@@iterator",Sn=Cn||En;w.prototype.toString=function(){return"[Iterator]"},w.KEYS=_n,w.VALUES=wn,w.ENTRIES=xn,w.prototype.inspect=w.prototype.toSource=function(){return this.toString()},w.prototype[Sn]=function(){return this},e(k,t),k.of=function(){return k(arguments)},k.prototype.toSeq=function(){return this},k.prototype.toString=function(){return this.__toString("Seq {","}")},k.prototype.cacheResult=function(){return!this._cache&&this.__iterateUncached&&(this._cache=this.entrySeq().toArray(),this.size=this._cache.length),this},k.prototype.__iterate=function(e,t){return H(this,e,t,!0)},k.prototype.__iterator=function(e,t){return K(this,e,t,!0)},e(M,k),M.prototype.toKeyedSeq=function(){return this},e(N,k),N.of=function(){return N(arguments)},N.prototype.toIndexedSeq=function(){return this},N.prototype.toString=function(){return this.__toString("Seq [","]")},N.prototype.__iterate=function(e,t){return H(this,e,t,!1)},N.prototype.__iterator=function(e,t){return K(this,e,t,!1)},e(A,k),A.of=function(){return A(arguments)},A.prototype.toSetSeq=function(){return this},k.isSeq=L,k.Keyed=M,k.Set=A,k.Indexed=N;var Pn="@@__IMMUTABLE_SEQ__@@";k.prototype[Pn]=!0,e(D,N),D.prototype.get=function(e,t){return this.has(e)?this._array[v(this,e)]:t},D.prototype.__iterate=function(e,t){for(var n=this._array,r=n.length-1,o=0;o<=r;o++)if(e(n[t?r-o:o],o,this)===!1)return o+1;return o},D.prototype.__iterator=function(e,t){var n=this._array,r=n.length-1,o=0;return new w(function(){return o>r?C():x(e,o,n[t?r-o++:o++])})},e(j,M),j.prototype.get=function(e,t){return void 0===t||this.has(e)?this._object[e]:t},j.prototype.has=function(e){return this._object.hasOwnProperty(e)},j.prototype.__iterate=function(e,t){for(var n=this._object,r=this._keys,o=r.length-1,i=0;i<=o;i++){var a=r[t?o-i:i];if(e(n[a],a,this)===!1)return i+1}return i},j.prototype.__iterator=function(e,t){var n=this._object,r=this._keys,o=r.length-1,i=0;return new w(function(){var a=r[t?o-i:i];return i++>o?C():x(e,a,n[a])})},j.prototype[pn]=!0,e(R,N),R.prototype.__iterateUncached=function(e,t){if(t)return this.cacheResult().__iterate(e,t);var n=this._iterable,r=P(n),o=0;if(S(r))for(var i;!(i=r.next()).done&&e(i.value,o++,this)!==!1;);return o},R.prototype.__iteratorUncached=function(e,t){if(t)return this.cacheResult().__iterator(e,t);var n=this._iterable,r=P(n);if(!S(r))return new w(C);var o=0;return new w(function(){var t=r.next();return t.done?t:x(e,o++,t.value)})},e(I,N),I.prototype.__iterateUncached=function(e,t){if(t)return this.cacheResult().__iterate(e,t);for(var n=this._iterator,r=this._iteratorCache,o=0;o<r.length;)if(e(r[o],o++,this)===!1)return o;for(var i;!(i=n.next()).done;){var a=i.value;if(r[o]=a,e(a,o++,this)===!1)break}return o},I.prototype.__iteratorUncached=function(e,t){if(t)return this.cacheResult().__iterator(e,t);var n=this._iterator,r=this._iteratorCache,o=0;return new w(function(){if(o>=r.length){var t=n.next();if(t.done)return t;r[o]=t.value}return x(e,o,r[o++])})};var On;e(Z,N),Z.prototype.toString=function(){return 0===this.size?"Repeat []":"Repeat [ "+this._value+" "+this.size+" times ]"},Z.prototype.get=function(e,t){return this.has(e)?this._value:t},Z.prototype.includes=function(e){return X(this._value,e)},Z.prototype.slice=function(e,t){var n=this.size;return y(e,t,n)?this:new Z(this._value,b(t,n)-g(e,n))},Z.prototype.reverse=function(){return this},Z.prototype.indexOf=function(e){return X(this._value,e)?0:-1},Z.prototype.lastIndexOf=function(e){return X(this._value,e)?this.size:-1},Z.prototype.__iterate=function(e,t){for(var n=0;n<this.size;n++)if(e(this._value,n,this)===!1)return n+1;return n},Z.prototype.__iterator=function(e,t){var n=this,r=0;return new w(function(){return r<n.size?x(e,r++,n._value):C()})},Z.prototype.equals=function(e){return e instanceof Z?X(this._value,e._value):$(e)};var Tn;e(J,N),J.prototype.toString=function(){return 0===this.size?"Range []":"Range [ "+this._start+"..."+this._end+(this._step>1?" by "+this._step:"")+" ]"},J.prototype.get=function(e,t){return this.has(e)?this._start+v(this,e)*this._step:t},J.prototype.includes=function(e){var t=(e-this._start)/this._step;return t>=0&&t<this.size&&t===Math.floor(t)},J.prototype.slice=function(e,t){return y(e,t,this.size)?this:(e=g(e,this.size),t=b(t,this.size),t<=e?new J(0,0):new J(this.get(e,this._end),this.get(t,this._end),this._step))},J.prototype.indexOf=function(e){var t=e-this._start;if(t%this._step===0){var n=t/this._step;if(n>=0&&n<this.size)return n}return-1},J.prototype.lastIndexOf=function(e){return this.indexOf(e)},J.prototype.__iterate=function(e,t){for(var n=this.size-1,r=this._step,o=t?this._start+n*r:this._start,i=0;i<=n;i++){if(e(o,i,this)===!1)return i+1;o+=t?-r:r}return i},J.prototype.__iterator=function(e,t){var n=this.size-1,r=this._step,o=t?this._start+n*r:this._start,i=0;return new w(function(){var a=o;return o+=t?-r:r,i>n?C():x(e,i++,a)})},J.prototype.equals=function(e){return e instanceof J?this._start===e._start&&this._end===e._end&&this._step===e._step:$(this,e)};var kn;e(ee,t),e(te,ee),e(ne,ee),e(re,ee),ee.Keyed=te,ee.Indexed=ne,ee.Set=re;var Mn,Nn="function"==typeof Math.imul&&Math.imul(4294967295,2)===-2?Math.imul:function(e,t){e=0|e,t=0|t;var n=65535&e,r=65535&t;return n*r+((e>>>16)*r+n*(t>>>16)<<16>>>0)|0},An=Object.isExtensible,Dn=function(){try{return Object.defineProperty({},"@",{}),!0}catch(e){return!1}}(),jn="function"==typeof WeakMap;jn&&(Mn=new WeakMap);var Rn=0,In="__immutablehash__";"function"==typeof Symbol&&(In=Symbol(In));var Ln=16,Fn=255,Un=0,Vn={};e(fe,te),fe.prototype.toString=function(){return this.__toString("Map {","}")},fe.prototype.get=function(e,t){return this._root?this._root.get(0,void 0,e,t):t},fe.prototype.set=function(e,t){return Ce(this,e,t)},fe.prototype.setIn=function(e,t){return this.updateIn(e,yn,function(){return t})},fe.prototype.remove=function(e){return Ce(this,e,yn)},fe.prototype.deleteIn=function(e){return this.updateIn(e,function(){return yn})},fe.prototype.update=function(e,t,n){return 1===arguments.length?e(this):this.updateIn([e],t,n)},fe.prototype.updateIn=function(e,t,n){n||(n=t,t=void 0);var r=je(this,Nt(e),t,n);return r===yn?void 0:r},fe.prototype.clear=function(){return 0===this.size?this:this.__ownerID?(this.size=0,this._root=null,this.__hash=void 0,this.__altered=!0,this):xe()},fe.prototype.merge=function(){return Me(this,void 0,arguments)},fe.prototype.mergeWith=function(e){var t=un.call(arguments,1);return Me(this,e,t)},fe.prototype.mergeIn=function(e){var t=un.call(arguments,1);return this.updateIn(e,xe(),function(e){return"function"==typeof e.merge?e.merge.apply(e,t):t[t.length-1]})},fe.prototype.mergeDeep=function(){return Me(this,Ne,arguments)},fe.prototype.mergeDeepWith=function(e){var t=un.call(arguments,1);return Me(this,Ae(e),t)},fe.prototype.mergeDeepIn=function(e){var t=un.call(arguments,1);return this.updateIn(e,xe(),function(e){return"function"==typeof e.mergeDeep?e.mergeDeep.apply(e,t):t[t.length-1]})},fe.prototype.sort=function(e){return Qe(_t(this,e))},fe.prototype.sortBy=function(e,t){return Qe(_t(this,t,e))},fe.prototype.withMutations=function(e){var t=this.asMutable();return e(t),t.wasAltered()?t.__ensureOwner(this.__ownerID):this},fe.prototype.asMutable=function(){return this.__ownerID?this:this.__ensureOwner(new p)},fe.prototype.asImmutable=function(){return this.__ensureOwner()},fe.prototype.wasAltered=function(){return this.__altered},fe.prototype.__iterator=function(e,t){return new ge(this,e,t)},fe.prototype.__iterate=function(e,t){var n=this,r=0;return this._root&&this._root.iterate(function(t){return r++,e(t[1],t[0],n)},t),r},fe.prototype.__ensureOwner=function(e){return e===this.__ownerID?this:e?we(this.size,this._root,e,this.__hash):(this.__ownerID=e,this.__altered=!1,this)},fe.isMap=pe;var Bn="@@__IMMUTABLE_MAP__@@",zn=fe.prototype;zn[Bn]=!0,zn[dn]=zn.remove,zn.removeIn=zn.deleteIn,de.prototype.get=function(e,t,n,r){for(var o=this.entries,i=0,a=o.length;i<a;i++)if(X(n,o[i][0]))return o[i][1];return r},de.prototype.update=function(e,t,n,r,o,i,a){for(var s=o===yn,u=this.entries,l=0,c=u.length;l<c&&!X(r,u[l][0]);l++);var p=l<c;if(p?u[l][1]===o:s)return this;if(f(a),(s||!p)&&f(i),!s||1!==u.length){if(!p&&!s&&u.length>=Kn)return Oe(e,u,r,o);var h=e&&e===this.ownerID,v=h?u:d(u);return p?s?l===c-1?v.pop():v[l]=v.pop():v[l]=[r,o]:v.push([r,o]),h?(this.entries=v,this):new de(e,v)}},he.prototype.get=function(e,t,n,r){void 0===t&&(t=ie(n));var o=1<<((0===e?t:t>>>e)&mn),i=this.bitmap;return 0===(i&o)?r:this.nodes[Re(i&o-1)].get(e+hn,t,n,r)},he.prototype.update=function(e,t,n,r,o,i,a){void 0===n&&(n=ie(r));var s=(0===t?n:n>>>t)&mn,u=1<<s,l=this.bitmap,c=0!==(l&u);if(!c&&o===yn)return this;var f=Re(l&u-1),p=this.nodes,d=c?p[f]:void 0,h=Ee(d,e,t+hn,n,r,o,i,a);if(h===d)return this;if(!c&&h&&p.length>=Wn)return ke(e,p,l,s,h);if(c&&!h&&2===p.length&&Se(p[1^f]))return p[1^f];if(c&&h&&1===p.length&&Se(h))return h;var v=e&&e===this.ownerID,m=c?h?l:l^u:l|u,y=c?h?Ie(p,f,h,v):Fe(p,f,v):Le(p,f,h,v);return v?(this.bitmap=m,this.nodes=y,this):new he(e,m,y)},ve.prototype.get=function(e,t,n,r){void 0===t&&(t=ie(n));var o=(0===e?t:t>>>e)&mn,i=this.nodes[o];return i?i.get(e+hn,t,n,r):r},ve.prototype.update=function(e,t,n,r,o,i,a){void 0===n&&(n=ie(r));var s=(0===t?n:n>>>t)&mn,u=o===yn,l=this.nodes,c=l[s];if(u&&!c)return this;var f=Ee(c,e,t+hn,n,r,o,i,a);if(f===c)return this;var p=this.count;if(c){if(!f&&(p--,p<qn))return Te(e,l,p,s)}else p++;var d=e&&e===this.ownerID,h=Ie(l,s,f,d);return d?(this.count=p,this.nodes=h,this):new ve(e,p,h)},me.prototype.get=function(e,t,n,r){for(var o=this.entries,i=0,a=o.length;i<a;i++)if(X(n,o[i][0]))return o[i][1];return r},me.prototype.update=function(e,t,n,r,o,i,a){void 0===n&&(n=ie(r));var s=o===yn;if(n!==this.keyHash)return s?this:(f(a),f(i),Pe(this,e,t,n,[r,o]));for(var u=this.entries,l=0,c=u.length;l<c&&!X(r,u[l][0]);l++);var p=l<c;if(p?u[l][1]===o:s)return this;if(f(a),(s||!p)&&f(i),s&&2===c)return new ye(e,this.keyHash,u[1^l]);var h=e&&e===this.ownerID,v=h?u:d(u);return p?s?l===c-1?v.pop():v[l]=v.pop():v[l]=[r,o]:v.push([r,o]),h?(this.entries=v,this):new me(e,this.keyHash,v)},ye.prototype.get=function(e,t,n,r){return X(n,this.entry[0])?this.entry[1]:r},ye.prototype.update=function(e,t,n,r,o,i,a){var s=o===yn,u=X(r,this.entry[0]);return(u?o===this.entry[1]:s)?this:(f(a),s?void f(i):u?e&&e===this.ownerID?(this.entry[1]=o,this):new ye(e,this.keyHash,[r,o]):(f(i),Pe(this,e,t,ie(r),[r,o])))},de.prototype.iterate=me.prototype.iterate=function(e,t){for(var n=this.entries,r=0,o=n.length-1;r<=o;r++)if(e(n[t?o-r:r])===!1)return!1},he.prototype.iterate=ve.prototype.iterate=function(e,t){for(var n=this.nodes,r=0,o=n.length-1;r<=o;r++){var i=n[t?o-r:r];if(i&&i.iterate(e,t)===!1)return!1}},ye.prototype.iterate=function(e,t){return e(this.entry)},e(ge,w),ge.prototype.next=function(){for(var e=this._type,t=this._stack;t;){var n,r=t.node,o=t.index++;if(r.entry){if(0===o)return be(e,r.entry)}else if(r.entries){if(n=r.entries.length-1,o<=n)return be(e,r.entries[this._reverse?n-o:o])}else if(n=r.nodes.length-1,o<=n){var i=r.nodes[this._reverse?n-o:o];if(i){if(i.entry)return be(e,i.entry);t=this._stack=_e(i,t)}continue}t=this._stack=this._stack.__prev}return C()};var Hn,Kn=vn/4,Wn=vn/2,qn=vn/4;e(Ue,ne),Ue.of=function(){return this(arguments)},Ue.prototype.toString=function(){return this.__toString("List [","]")},Ue.prototype.get=function(e,t){if(e=v(this,e),e>=0&&e<this.size){e+=this._origin;var n=Ge(this,e);return n&&n.array[e&mn]}return t},Ue.prototype.set=function(e,t){return We(this,e,t)},Ue.prototype.remove=function(e){return this.has(e)?0===e?this.shift():e===this.size-1?this.pop():this.splice(e,1):this},Ue.prototype.insert=function(e,t){return this.splice(e,0,t)},Ue.prototype.clear=function(){return 0===this.size?this:this.__ownerID?(this.size=this._origin=this._capacity=0,this._level=hn,this._root=this._tail=null,this.__hash=void 0,this.__altered=!0,this):Ke()},Ue.prototype.push=function(){var e=arguments,t=this.size;return this.withMutations(function(n){Xe(n,0,t+e.length);for(var r=0;r<e.length;r++)n.set(t+r,e[r])})},Ue.prototype.pop=function(){return Xe(this,0,-1)},Ue.prototype.unshift=function(){var e=arguments;return this.withMutations(function(t){Xe(t,-e.length);for(var n=0;n<e.length;n++)t.set(n,e[n])})},Ue.prototype.shift=function(){return Xe(this,1)},Ue.prototype.merge=function(){return $e(this,void 0,arguments)},Ue.prototype.mergeWith=function(e){var t=un.call(arguments,1);return $e(this,e,t)},Ue.prototype.mergeDeep=function(){return $e(this,Ne,arguments)},Ue.prototype.mergeDeepWith=function(e){var t=un.call(arguments,1);return $e(this,Ae(e),t)},Ue.prototype.setSize=function(e){return Xe(this,0,e)},Ue.prototype.slice=function(e,t){var n=this.size;return y(e,t,n)?this:Xe(this,g(e,n),b(t,n))},Ue.prototype.__iterator=function(e,t){var n=0,r=ze(this,t);return new w(function(){var t=r();return t===$n?C():x(e,n++,t)})},Ue.prototype.__iterate=function(e,t){for(var n,r=0,o=ze(this,t);(n=o())!==$n&&e(n,r++,this)!==!1;);return r},Ue.prototype.__ensureOwner=function(e){return e===this.__ownerID?this:e?He(this._origin,this._capacity,this._level,this._root,this._tail,e,this.__hash):(this.__ownerID=e,this)},Ue.isList=Ve;var Yn="@@__IMMUTABLE_LIST__@@",Gn=Ue.prototype;Gn[Yn]=!0,Gn[dn]=Gn.remove,Gn.setIn=zn.setIn,Gn.deleteIn=Gn.removeIn=zn.removeIn,Gn.update=zn.update,Gn.updateIn=zn.updateIn,Gn.mergeIn=zn.mergeIn,Gn.mergeDeepIn=zn.mergeDeepIn,Gn.withMutations=zn.withMutations,Gn.asMutable=zn.asMutable,Gn.asImmutable=zn.asImmutable,Gn.wasAltered=zn.wasAltered,Be.prototype.removeBefore=function(e,t,n){if(n===t?1<<t:0===this.array.length)return this;var r=n>>>t&mn;if(r>=this.array.length)return new Be([],e);var o,i=0===r;if(t>0){var a=this.array[r];if(o=a&&a.removeBefore(e,t-hn,n),o===a&&i)return this}if(i&&!o)return this;var s=Ye(this,e);if(!i)for(var u=0;u<r;u++)s.array[u]=void 0;return o&&(s.array[r]=o),s},Be.prototype.removeAfter=function(e,t,n){if(n===(t?1<<t:0)||0===this.array.length)return this;var r=n-1>>>t&mn;if(r>=this.array.length)return this;var o;if(t>0){var i=this.array[r];if(o=i&&i.removeAfter(e,t-hn,n),o===i&&r===this.array.length-1)return this}var a=Ye(this,e);return a.array.splice(r+1),o&&(a.array[r]=o),a};var Xn,$n={};e(Qe,fe),Qe.of=function(){return this(arguments)},Qe.prototype.toString=function(){return this.__toString("OrderedMap {","}")},Qe.prototype.get=function(e,t){var n=this._map.get(e);return void 0!==n?this._list.get(n)[1]:t},Qe.prototype.clear=function(){return 0===this.size?this:this.__ownerID?(this.size=0,this._map.clear(),this._list.clear(),this):tt()},Qe.prototype.set=function(e,t){return nt(this,e,t)},Qe.prototype.remove=function(e){return nt(this,e,yn)},Qe.prototype.wasAltered=function(){return this._map.wasAltered()||this._list.wasAltered()},Qe.prototype.__iterate=function(e,t){var n=this;return this._list.__iterate(function(t){return t&&e(t[1],t[0],n)},t)},Qe.prototype.__iterator=function(e,t){return this._list.fromEntrySeq().__iterator(e,t)},Qe.prototype.__ensureOwner=function(e){if(e===this.__ownerID)return this;var t=this._map.__ensureOwner(e),n=this._list.__ensureOwner(e);return e?et(t,n,e,this.__hash):(this.__ownerID=e,this._map=t,this._list=n,this)},Qe.isOrderedMap=Je,Qe.prototype[pn]=!0,Qe.prototype[dn]=Qe.prototype.remove;var Zn;e(rt,M),rt.prototype.get=function(e,t){return this._iter.get(e,t)},rt.prototype.has=function(e){return this._iter.has(e)},rt.prototype.valueSeq=function(){return this._iter.valueSeq()},rt.prototype.reverse=function(){var e=this,t=lt(this,!0);return this._useKeys||(t.valueSeq=function(){return e._iter.toSeq().reverse()}),t},rt.prototype.map=function(e,t){var n=this,r=ut(this,e,t);return this._useKeys||(r.valueSeq=function(){return n._iter.toSeq().map(e,t)}),r},rt.prototype.__iterate=function(e,t){var n,r=this;return this._iter.__iterate(this._useKeys?function(t,n){return e(t,n,r)}:(n=t?Pt(this):0,function(o){return e(o,t?--n:n++,r)}),t)},rt.prototype.__iterator=function(e,t){if(this._useKeys)return this._iter.__iterator(e,t);var n=this._iter.__iterator(wn,t),r=t?Pt(this):0;return new w(function(){var o=n.next();return o.done?o:x(e,t?--r:r++,o.value,o)})},rt.prototype[pn]=!0,e(ot,N),ot.prototype.includes=function(e){return this._iter.includes(e)},ot.prototype.__iterate=function(e,t){var n=this,r=0;return this._iter.__iterate(function(t){return e(t,r++,n)},t)},ot.prototype.__iterator=function(e,t){var n=this._iter.__iterator(wn,t),r=0;return new w(function(){var t=n.next();return t.done?t:x(e,r++,t.value,t)})},e(it,A),it.prototype.has=function(e){return this._iter.includes(e)},it.prototype.__iterate=function(e,t){var n=this;return this._iter.__iterate(function(t){return e(t,t,n)},t)},it.prototype.__iterator=function(e,t){var n=this._iter.__iterator(wn,t);return new w(function(){var t=n.next();return t.done?t:x(e,t.value,t.value,t)})},e(at,M),at.prototype.entrySeq=function(){return this._iter.toSeq()},at.prototype.__iterate=function(e,t){var n=this;return this._iter.__iterate(function(t){if(t){St(t);var r=i(t);return e(r?t.get(1):t[1],r?t.get(0):t[0],n)}},t)},at.prototype.__iterator=function(e,t){var n=this._iter.__iterator(wn,t);return new w(function(){for(;;){var t=n.next();if(t.done)return t;var r=t.value;if(r){St(r);var o=i(r);return x(e,o?r.get(0):r[0],o?r.get(1):r[1],t)}}})},ot.prototype.cacheResult=rt.prototype.cacheResult=it.prototype.cacheResult=at.prototype.cacheResult=kt,e(At,te),At.prototype.toString=function(){return this.__toString(jt(this)+" {","}")},At.prototype.has=function(e){return this._defaultValues.hasOwnProperty(e)},At.prototype.get=function(e,t){if(!this.has(e))return t;var n=this._defaultValues[e];return this._map?this._map.get(e,n):n},At.prototype.clear=function(){if(this.__ownerID)return this._map&&this._map.clear(),this;var e=this.constructor;return e._empty||(e._empty=Dt(this,xe()))},At.prototype.set=function(e,t){if(!this.has(e))throw new Error('Cannot set unknown key "'+e+'" on '+jt(this));var n=this._map&&this._map.set(e,t);return this.__ownerID||n===this._map?this:Dt(this,n)},At.prototype.remove=function(e){if(!this.has(e))return this;var t=this._map&&this._map.remove(e);return this.__ownerID||t===this._map?this:Dt(this,t)},At.prototype.wasAltered=function(){return this._map.wasAltered()},At.prototype.__iterator=function(e,t){var r=this;return n(this._defaultValues).map(function(e,t){return r.get(t)}).__iterator(e,t)},At.prototype.__iterate=function(e,t){var r=this;return n(this._defaultValues).map(function(e,t){return r.get(t)}).__iterate(e,t)},At.prototype.__ensureOwner=function(e){if(e===this.__ownerID)return this;var t=this._map&&this._map.__ensureOwner(e);return e?Dt(this,t,e):(this.__ownerID=e,this._map=t,this)};var Qn=At.prototype;Qn[dn]=Qn.remove,Qn.deleteIn=Qn.removeIn=zn.removeIn,Qn.merge=zn.merge,Qn.mergeWith=zn.mergeWith,Qn.mergeIn=zn.mergeIn,Qn.mergeDeep=zn.mergeDeep,Qn.mergeDeepWith=zn.mergeDeepWith,Qn.mergeDeepIn=zn.mergeDeepIn,Qn.setIn=zn.setIn,Qn.update=zn.update,Qn.updateIn=zn.updateIn,Qn.withMutations=zn.withMutations,Qn.asMutable=zn.asMutable,Qn.asImmutable=zn.asImmutable,e(Lt,re),Lt.of=function(){return this(arguments)},Lt.fromKeys=function(e){return this(n(e).keySeq())},Lt.prototype.toString=function(){return this.__toString("Set {","}")},Lt.prototype.has=function(e){return this._map.has(e)},Lt.prototype.add=function(e){return Ut(this,this._map.set(e,!0))},Lt.prototype.remove=function(e){return Ut(this,this._map.remove(e))},Lt.prototype.clear=function(){return Ut(this,this._map.clear())},Lt.prototype.union=function(){var e=un.call(arguments,0);return e=e.filter(function(e){return 0!==e.size}),0===e.length?this:0!==this.size||this.__ownerID||1!==e.length?this.withMutations(function(t){for(var n=0;n<e.length;n++)o(e[n]).forEach(function(e){return t.add(e)})}):this.constructor(e[0])},Lt.prototype.intersect=function(){var e=un.call(arguments,0);if(0===e.length)return this;e=e.map(function(e){return o(e)});var t=this;return this.withMutations(function(n){t.forEach(function(t){e.every(function(e){return e.includes(t)})||n.remove(t)})})},Lt.prototype.subtract=function(){var e=un.call(arguments,0);if(0===e.length)return this;e=e.map(function(e){return o(e)});var t=this;return this.withMutations(function(n){t.forEach(function(t){e.some(function(e){return e.includes(t)})&&n.remove(t)})})},Lt.prototype.merge=function(){return this.union.apply(this,arguments)},Lt.prototype.mergeWith=function(e){var t=un.call(arguments,1);return this.union.apply(this,t)},Lt.prototype.sort=function(e){return zt(_t(this,e))},Lt.prototype.sortBy=function(e,t){return zt(_t(this,t,e))},Lt.prototype.wasAltered=function(){return this._map.wasAltered()},Lt.prototype.__iterate=function(e,t){var n=this;return this._map.__iterate(function(t,r){return e(r,r,n)},t)},Lt.prototype.__iterator=function(e,t){return this._map.map(function(e,t){return t}).__iterator(e,t)},Lt.prototype.__ensureOwner=function(e){if(e===this.__ownerID)return this;var t=this._map.__ensureOwner(e);return e?this.__make(t,e):(this.__ownerID=e,this._map=t,this)},Lt.isSet=Ft;var Jn="@@__IMMUTABLE_SET__@@",er=Lt.prototype;er[Jn]=!0,er[dn]=er.remove,er.mergeDeep=er.merge,er.mergeDeepWith=er.mergeWith,er.withMutations=zn.withMutations,er.asMutable=zn.asMutable,er.asImmutable=zn.asImmutable,er.__empty=Bt,er.__make=Vt;var tr;e(zt,Lt),zt.of=function(){return this(arguments)},zt.fromKeys=function(e){return this(n(e).keySeq())},zt.prototype.toString=function(){return this.__toString("OrderedSet {","}")},zt.isOrderedSet=Ht;var nr=zt.prototype;nr[pn]=!0,nr.__empty=Wt,nr.__make=Kt;var rr;e(qt,ne),qt.of=function(){return this(arguments)},qt.prototype.toString=function(){return this.__toString("Stack [","]")},qt.prototype.get=function(e,t){var n=this._head;for(e=v(this,e);n&&e--;)n=n.next;return n?n.value:t},qt.prototype.peek=function(){return this._head&&this._head.value},qt.prototype.push=function(){if(0===arguments.length)return this;for(var e=this.size+arguments.length,t=this._head,n=arguments.length-1;n>=0;n--)t={value:arguments[n],next:t};return this.__ownerID?(this.size=e,this._head=t,this.__hash=void 0,this.__altered=!0,this):Gt(e,t)},qt.prototype.pushAll=function(e){if(e=r(e),0===e.size)return this;ce(e.size);var t=this.size,n=this._head;return e.reverse().forEach(function(e){t++,n={value:e,next:n}}),this.__ownerID?(this.size=t,this._head=n,this.__hash=void 0,this.__altered=!0,this):Gt(t,n)},qt.prototype.pop=function(){return this.slice(1)},qt.prototype.unshift=function(){return this.push.apply(this,arguments)},qt.prototype.unshiftAll=function(e){return this.pushAll(e)},qt.prototype.shift=function(){return this.pop.apply(this,arguments)},qt.prototype.clear=function(){return 0===this.size?this:this.__ownerID?(this.size=0,this._head=void 0,this.__hash=void 0,this.__altered=!0,this):Xt()},qt.prototype.slice=function(e,t){if(y(e,t,this.size))return this;var n=g(e,this.size),r=b(t,this.size);if(r!==this.size)return ne.prototype.slice.call(this,e,t);for(var o=this.size-n,i=this._head;n--;)i=i.next;return this.__ownerID?(this.size=o,this._head=i,this.__hash=void 0,this.__altered=!0,this):Gt(o,i)},qt.prototype.__ensureOwner=function(e){return e===this.__ownerID?this:e?Gt(this.size,this._head,e,this.__hash):(this.__ownerID=e,this.__altered=!1,this)},qt.prototype.__iterate=function(e,t){if(t)return this.reverse().__iterate(e);for(var n=0,r=this._head;r&&e(r.value,n++,this)!==!1;)r=r.next;return n},qt.prototype.__iterator=function(e,t){if(t)return this.reverse().__iterator(e);var n=0,r=this._head;return new w(function(){if(r){var t=r.value;return r=r.next,x(e,n++,t)}return C()})},qt.isStack=Yt;var or="@@__IMMUTABLE_STACK__@@",ir=qt.prototype;ir[or]=!0,ir.withMutations=zn.withMutations,ir.asMutable=zn.asMutable,ir.asImmutable=zn.asImmutable,ir.wasAltered=zn.wasAltered;var ar;t.Iterator=w,$t(t,{toArray:function(){ce(this.size);var e=new Array(this.size||0);return this.valueSeq().__iterate(function(t,n){e[n]=t}),e},toIndexedSeq:function(){return new ot(this)},toJS:function(){return this.toSeq().map(function(e){return e&&"function"==typeof e.toJS?e.toJS():e}).__toJS()},toJSON:function(){return this.toSeq().map(function(e){return e&&"function"==typeof e.toJSON?e.toJSON():e}).__toJS()},toKeyedSeq:function(){return new rt(this,(!0))},toMap:function(){return fe(this.toKeyedSeq())},toObject:function(){ce(this.size);var e={};return this.__iterate(function(t,n){e[n]=t}),e},toOrderedMap:function(){return Qe(this.toKeyedSeq())},toOrderedSet:function(){return zt(a(this)?this.valueSeq():this)},toSet:function(){return Lt(a(this)?this.valueSeq():this)},toSetSeq:function(){return new it(this)},toSeq:function(){return s(this)?this.toIndexedSeq():a(this)?this.toKeyedSeq():this.toSetSeq()},toStack:function(){return qt(a(this)?this.valueSeq():this)},toList:function(){return Ue(a(this)?this.valueSeq():this)},toString:function(){return"[Iterable]"},__toString:function(e,t){return 0===this.size?e+t:e+" "+this.toSeq().map(this.__toStringMapper).join(", ")+" "+t},concat:function(){var e=un.call(arguments,0);return Et(this,mt(this,e))},includes:function(e){return this.some(function(t){return X(t,e)})},entries:function(){return this.__iterator(xn)},every:function(e,t){ce(this.size);var n=!0;return this.__iterate(function(r,o,i){if(!e.call(t,r,o,i))return n=!1,!1}),n},filter:function(e,t){return Et(this,ct(this,e,t,!0))},find:function(e,t,n){var r=this.findEntry(e,t);return r?r[1]:n},findEntry:function(e,t){var n;return this.__iterate(function(r,o,i){if(e.call(t,r,o,i))return n=[o,r],!1}),n},findLastEntry:function(e,t){return this.toSeq().reverse().findEntry(e,t)},forEach:function(e,t){return ce(this.size),this.__iterate(t?e.bind(t):e)},join:function(e){ce(this.size),e=void 0!==e?""+e:",";var t="",n=!0;return this.__iterate(function(r){n?n=!1:t+=e,t+=null!==r&&void 0!==r?r.toString():""}),t},keys:function(){return this.__iterator(_n)},map:function(e,t){return Et(this,ut(this,e,t))},reduce:function(e,t,n){ce(this.size);var r,o;return arguments.length<2?o=!0:r=t,this.__iterate(function(t,i,a){o?(o=!1,r=t):r=e.call(n,r,t,i,a)}),r},reduceRight:function(e,t,n){var r=this.toKeyedSeq().reverse();return r.reduce.apply(r,arguments)},reverse:function(){return Et(this,lt(this,!0))},slice:function(e,t){return Et(this,dt(this,e,t,!0))},some:function(e,t){return!this.every(Jt(e),t)},sort:function(e){return Et(this,_t(this,e))},values:function(){return this.__iterator(wn)},butLast:function(){return this.slice(0,-1)},isEmpty:function(){return void 0!==this.size?0===this.size:!this.some(function(){return!0})},count:function(e,t){return h(e?this.toSeq().filter(e,t):this)},countBy:function(e,t){return ft(this,e,t)},equals:function(e){return $(this,e)},entrySeq:function(){var e=this;if(e._cache)return new D(e._cache);var t=e.toSeq().map(Qt).toIndexedSeq();return t.fromEntrySeq=function(){return e.toSeq()},t},filterNot:function(e,t){return this.filter(Jt(e),t)},findLast:function(e,t,n){return this.toKeyedSeq().reverse().find(e,t,n)},first:function(){return this.find(m)},flatMap:function(e,t){return Et(this,gt(this,e,t))},flatten:function(e){return Et(this,yt(this,e,!0))},fromEntrySeq:function(){return new at(this)},get:function(e,t){return this.find(function(t,n){return X(n,e)},void 0,t)},getIn:function(e,t){for(var n,r=this,o=Nt(e);!(n=o.next()).done;){var i=n.value;if(r=r&&r.get?r.get(i,yn):yn,r===yn)return t}return r},groupBy:function(e,t){return pt(this,e,t)},has:function(e){return this.get(e,yn)!==yn},hasIn:function(e){return this.getIn(e,yn)!==yn},isSubset:function(e){return e="function"==typeof e.includes?e:t(e),this.every(function(t){return e.includes(t)})},isSuperset:function(e){return e="function"==typeof e.isSubset?e:t(e),e.isSubset(this)},keySeq:function(){return this.toSeq().map(Zt).toIndexedSeq()},last:function(){return this.toSeq().reverse().first()},max:function(e){return wt(this,e)},maxBy:function(e,t){return wt(this,t,e)},min:function(e){return wt(this,e?en(e):rn)},minBy:function(e,t){return wt(this,t?en(t):rn,e)},rest:function(){return this.slice(1)},skip:function(e){return this.slice(Math.max(0,e))},skipLast:function(e){return Et(this,this.toSeq().reverse().skip(e).reverse())},skipWhile:function(e,t){return Et(this,vt(this,e,t,!0))},skipUntil:function(e,t){return this.skipWhile(Jt(e),t)},sortBy:function(e,t){return Et(this,_t(this,t,e))},take:function(e){return this.slice(0,Math.max(0,e))},takeLast:function(e){return Et(this,this.toSeq().reverse().take(e).reverse())},takeWhile:function(e,t){return Et(this,ht(this,e,t))},takeUntil:function(e,t){return this.takeWhile(Jt(e),t)},valueSeq:function(){return this.toIndexedSeq()},hashCode:function(){return this.__hash||(this.__hash=on(this))}});var sr=t.prototype;sr[ln]=!0,sr[Sn]=sr.values,sr.__toJS=sr.toArray,sr.__toStringMapper=tn,sr.inspect=sr.toSource=function(){return this.toString()},sr.chain=sr.flatMap,sr.contains=sr.includes,function(){try{Object.defineProperty(sr,"length",{get:function(){if(!t.noLengthWarning){var e;try{throw new Error}catch(n){e=n.stack}if(e.indexOf("_wrapObject")===-1)return console&&console.warn&&console.warn("iterable.length has been deprecated, use iterable.size or iterable.count(). This warning will become a silent error in a future version. "+e),this.size}}})}catch(e){}}(),$t(n,{flip:function(){return Et(this,st(this))},findKey:function(e,t){var n=this.findEntry(e,t);return n&&n[0]},findLastKey:function(e,t){return this.toSeq().reverse().findKey(e,t)},keyOf:function(e){return this.findKey(function(t){return X(t,e)})},lastKeyOf:function(e){return this.findLastKey(function(t){return X(t,e)})},mapEntries:function(e,t){var n=this,r=0;return Et(this,this.toSeq().map(function(o,i){return e.call(t,[i,o],r++,n)}).fromEntrySeq())},mapKeys:function(e,t){var n=this;return Et(this,this.toSeq().flip().map(function(r,o){return e.call(t,r,o,n)}).flip())}});var ur=n.prototype;ur[cn]=!0,ur[Sn]=sr.entries,ur.__toJS=sr.toObject,ur.__toStringMapper=function(e,t){return JSON.stringify(t)+": "+tn(e)},$t(r,{toKeyedSeq:function(){return new rt(this,(!1))},filter:function(e,t){return Et(this,ct(this,e,t,!1))},findIndex:function(e,t){var n=this.findEntry(e,t);return n?n[0]:-1},indexOf:function(e){var t=this.toKeyedSeq().keyOf(e);return void 0===t?-1:t;
-},lastIndexOf:function(e){var t=this.toKeyedSeq().reverse().keyOf(e);return void 0===t?-1:t},reverse:function(){return Et(this,lt(this,!1))},slice:function(e,t){return Et(this,dt(this,e,t,!1))},splice:function(e,t){var n=arguments.length;if(t=Math.max(0|t,0),0===n||2===n&&!t)return this;e=g(e,e<0?this.count():this.size);var r=this.slice(0,e);return Et(this,1===n?r:r.concat(d(arguments,2),this.slice(e+t)))},findLastIndex:function(e,t){var n=this.toKeyedSeq().findLastKey(e,t);return void 0===n?-1:n},first:function(){return this.get(0)},flatten:function(e){return Et(this,yt(this,e,!1))},get:function(e,t){return e=v(this,e),e<0||this.size===1/0||void 0!==this.size&&e>this.size?t:this.find(function(t,n){return n===e},void 0,t)},has:function(e){return e=v(this,e),e>=0&&(void 0!==this.size?this.size===1/0||e<this.size:this.indexOf(e)!==-1)},interpose:function(e){return Et(this,bt(this,e))},interleave:function(){var e=[this].concat(d(arguments)),t=Ct(this.toSeq(),N.of,e),n=t.flatten(!0);return t.size&&(n.size=t.size*e.length),Et(this,n)},last:function(){return this.get(-1)},skipWhile:function(e,t){return Et(this,vt(this,e,t,!1))},zip:function(){var e=[this].concat(d(arguments));return Et(this,Ct(this,nn,e))},zipWith:function(e){var t=d(arguments);return t[0]=this,Et(this,Ct(this,e,t))}}),r.prototype[fn]=!0,r.prototype[pn]=!0,$t(o,{get:function(e,t){return this.has(e)?e:t},includes:function(e){return this.has(e)},keySeq:function(){return this.valueSeq()}}),o.prototype.has=sr.includes,$t(M,n.prototype),$t(N,r.prototype),$t(A,o.prototype),$t(te,n.prototype),$t(ne,r.prototype),$t(re,o.prototype);var lr={Iterable:t,Seq:k,Collection:ee,Map:fe,OrderedMap:Qe,List:Ue,Stack:qt,Set:Lt,OrderedSet:zt,Record:At,Range:J,Repeat:Z,is:X,fromJS:W};return lr})},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(9),a=o(i),s=n(10),u=o(s),l=n(1),c=r(l),f=n(8),p=o(f),d=n(48),h=o(d),v=function(e){var t=e.type,n=e.className,r=void 0===n?"":n,o=e.spin,i=(0,p["default"])((0,u["default"])({anticon:!0,"anticon-spin":!!o||"loading"===t},"anticon-"+t,!0),r);return c.createElement("i",(0,a["default"])({},(0,h["default"])(e,["type","spin"]),{className:i}))};t["default"]=v,e.exports=t["default"]},function(e,t,n){var r=n(189)("wks"),o=n(105),i=n(17).Symbol,a="function"==typeof i,s=e.exports=function(e){return r[e]||(r[e]=a&&i[e]||(a?i:o)("Symbol."+e))};s.store=r},function(e,t){!function(n,r){"object"==typeof t&&"undefined"!=typeof e?e.exports=r():"function"==typeof define&&define.amd?define(r):n.moment=r()}(this,function(){"use strict";function t(){return _r.apply(null,arguments)}function n(e){_r=e}function r(e){return e instanceof Array||"[object Array]"===Object.prototype.toString.call(e)}function o(e){return null!=e&&"[object Object]"===Object.prototype.toString.call(e)}function i(e){var t;for(t in e)return!1;return!0}function a(e){return void 0===e}function s(e){return"number"==typeof e||"[object Number]"===Object.prototype.toString.call(e)}function u(e){return e instanceof Date||"[object Date]"===Object.prototype.toString.call(e)}function l(e,t){var n,r=[];for(n=0;n<e.length;++n)r.push(t(e[n],n));return r}function c(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function f(e,t){for(var n in t)c(t,n)&&(e[n]=t[n]);return c(t,"toString")&&(e.toString=t.toString),c(t,"valueOf")&&(e.valueOf=t.valueOf),e}function p(e,t,n,r){return bt(e,t,n,r,!0).utc()}function d(){return{empty:!1,unusedTokens:[],unusedInput:[],overflow:-2,charsLeftOver:0,nullInput:!1,invalidMonth:null,invalidFormat:!1,userInvalidated:!1,iso:!1,parsedDateParts:[],meridiem:null,rfc2822:!1,weekdayMismatch:!1}}function h(e){return null==e._pf&&(e._pf=d()),e._pf}function v(e){if(null==e._isValid){var t=h(e),n=xr.call(t.parsedDateParts,function(e){return null!=e}),r=!isNaN(e._d.getTime())&&t.overflow<0&&!t.empty&&!t.invalidMonth&&!t.invalidWeekday&&!t.nullInput&&!t.invalidFormat&&!t.userInvalidated&&(!t.meridiem||t.meridiem&&n);if(e._strict&&(r=r&&0===t.charsLeftOver&&0===t.unusedTokens.length&&void 0===t.bigHour),null!=Object.isFrozen&&Object.isFrozen(e))return r;e._isValid=r}return e._isValid}function m(e){var t=p(NaN);return null!=e?f(h(t),e):h(t).userInvalidated=!0,t}function y(e,t){var n,r,o;if(a(t._isAMomentObject)||(e._isAMomentObject=t._isAMomentObject),a(t._i)||(e._i=t._i),a(t._f)||(e._f=t._f),a(t._l)||(e._l=t._l),a(t._strict)||(e._strict=t._strict),a(t._tzm)||(e._tzm=t._tzm),a(t._isUTC)||(e._isUTC=t._isUTC),a(t._offset)||(e._offset=t._offset),a(t._pf)||(e._pf=h(t)),a(t._locale)||(e._locale=t._locale),Cr.length>0)for(n=0;n<Cr.length;n++)r=Cr[n],o=t[r],a(o)||(e[r]=o);return e}function g(e){y(this,e),this._d=new Date(null!=e._d?e._d.getTime():NaN),this.isValid()||(this._d=new Date(NaN)),Er===!1&&(Er=!0,t.updateOffset(this),Er=!1)}function b(e){return e instanceof g||null!=e&&null!=e._isAMomentObject}function _(e){return e<0?Math.ceil(e)||0:Math.floor(e)}function w(e){var t=+e,n=0;return 0!==t&&isFinite(t)&&(n=_(t)),n}function x(e,t,n){var r,o=Math.min(e.length,t.length),i=Math.abs(e.length-t.length),a=0;for(r=0;r<o;r++)(n&&e[r]!==t[r]||!n&&w(e[r])!==w(t[r]))&&a++;return a+i}function C(e){t.suppressDeprecationWarnings===!1&&"undefined"!=typeof console&&console.warn&&console.warn("Deprecation warning: "+e)}function E(e,n){var r=!0;return f(function(){if(null!=t.deprecationHandler&&t.deprecationHandler(null,e),r){for(var o,i=[],a=0;a<arguments.length;a++){if(o="","object"==typeof arguments[a]){o+="\n["+a+"] ";for(var s in arguments[0])o+=s+": "+arguments[0][s]+", ";o=o.slice(0,-2)}else o=arguments[a];i.push(o)}C(e+"\nArguments: "+Array.prototype.slice.call(i).join("")+"\n"+(new Error).stack),r=!1}return n.apply(this,arguments)},n)}function S(e,n){null!=t.deprecationHandler&&t.deprecationHandler(e,n),Sr[e]||(C(n),Sr[e]=!0)}function P(e){return e instanceof Function||"[object Function]"===Object.prototype.toString.call(e)}function O(e){var t,n;for(n in e)t=e[n],P(t)?this[n]=t:this["_"+n]=t;this._config=e,this._dayOfMonthOrdinalParseLenient=new RegExp((this._dayOfMonthOrdinalParse.source||this._ordinalParse.source)+"|"+/\d{1,2}/.source)}function T(e,t){var n,r=f({},e);for(n in t)c(t,n)&&(o(e[n])&&o(t[n])?(r[n]={},f(r[n],e[n]),f(r[n],t[n])):null!=t[n]?r[n]=t[n]:delete r[n]);for(n in e)c(e,n)&&!c(t,n)&&o(e[n])&&(r[n]=f({},r[n]));return r}function k(e){null!=e&&this.set(e)}function M(e,t,n){var r=this._calendar[e]||this._calendar.sameElse;return P(r)?r.call(t,n):r}function N(e){var t=this._longDateFormat[e],n=this._longDateFormat[e.toUpperCase()];return t||!n?t:(this._longDateFormat[e]=n.replace(/MMMM|MM|DD|dddd/g,function(e){return e.slice(1)}),this._longDateFormat[e])}function A(){return this._invalidDate}function D(e){return this._ordinal.replace("%d",e)}function j(e,t,n,r){var o=this._relativeTime[n];return P(o)?o(e,t,n,r):o.replace(/%d/i,e)}function R(e,t){var n=this._relativeTime[e>0?"future":"past"];return P(n)?n(t):n.replace(/%s/i,t)}function I(e,t){var n=e.toLowerCase();Rr[n]=Rr[n+"s"]=Rr[t]=e}function L(e){return"string"==typeof e?Rr[e]||Rr[e.toLowerCase()]:void 0}function F(e){var t,n,r={};for(n in e)c(e,n)&&(t=L(n),t&&(r[t]=e[n]));return r}function U(e,t){Ir[e]=t}function V(e){var t=[];for(var n in e)t.push({unit:n,priority:Ir[n]});return t.sort(function(e,t){return e.priority-t.priority}),t}function B(e,n){return function(r){return null!=r?(H(this,e,r),t.updateOffset(this,n),this):z(this,e)}}function z(e,t){return e.isValid()?e._d["get"+(e._isUTC?"UTC":"")+t]():NaN}function H(e,t,n){e.isValid()&&e._d["set"+(e._isUTC?"UTC":"")+t](n)}function K(e){return e=L(e),P(this[e])?this[e]():this}function W(e,t){if("object"==typeof e){e=F(e);for(var n=V(e),r=0;r<n.length;r++)this[n[r].unit](e[n[r].unit])}else if(e=L(e),P(this[e]))return this[e](t);return this}function q(e,t,n){var r=""+Math.abs(e),o=t-r.length,i=e>=0;return(i?n?"+":"":"-")+Math.pow(10,Math.max(0,o)).toString().substr(1)+r}function Y(e,t,n,r){var o=r;"string"==typeof r&&(o=function(){return this[r]()}),e&&(Vr[e]=o),t&&(Vr[t[0]]=function(){return q(o.apply(this,arguments),t[1],t[2])}),n&&(Vr[n]=function(){return this.localeData().ordinal(o.apply(this,arguments),e)})}function G(e){return e.match(/\[[\s\S]/)?e.replace(/^\[|\]$/g,""):e.replace(/\\/g,"")}function X(e){var t,n,r=e.match(Lr);for(t=0,n=r.length;t<n;t++)Vr[r[t]]?r[t]=Vr[r[t]]:r[t]=G(r[t]);return function(t){var o,i="";for(o=0;o<n;o++)i+=P(r[o])?r[o].call(t,e):r[o];return i}}function $(e,t){return e.isValid()?(t=Z(t,e.localeData()),Ur[t]=Ur[t]||X(t),Ur[t](e)):e.localeData().invalidDate()}function Z(e,t){function n(e){return t.longDateFormat(e)||e}var r=5;for(Fr.lastIndex=0;r>=0&&Fr.test(e);)e=e.replace(Fr,n),Fr.lastIndex=0,r-=1;return e}function Q(e,t,n){oo[e]=P(t)?t:function(e,r){return e&&n?n:t}}function J(e,t){return c(oo,e)?oo[e](t._strict,t._locale):new RegExp(ee(e))}function ee(e){return te(e.replace("\\","").replace(/\\(\[)|\\(\])|\[([^\]\[]*)\]|\\(.)/g,function(e,t,n,r,o){return t||n||r||o}))}function te(e){return e.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}function ne(e,t){var n,r=t;for("string"==typeof e&&(e=[e]),s(t)&&(r=function(e,n){n[t]=w(e)}),n=0;n<e.length;n++)io[e[n]]=r}function re(e,t){ne(e,function(e,n,r,o){r._w=r._w||{},t(e,r._w,r,o)})}function oe(e,t,n){null!=t&&c(io,e)&&io[e](t,n._a,n,e)}function ie(e,t){return new Date(Date.UTC(e,t+1,0)).getUTCDate()}function ae(e,t){return e?r(this._months)?this._months[e.month()]:this._months[(this._months.isFormat||yo).test(t)?"format":"standalone"][e.month()]:r(this._months)?this._months:this._months.standalone}function se(e,t){return e?r(this._monthsShort)?this._monthsShort[e.month()]:this._monthsShort[yo.test(t)?"format":"standalone"][e.month()]:r(this._monthsShort)?this._monthsShort:this._monthsShort.standalone}function ue(e,t,n){var r,o,i,a=e.toLocaleLowerCase();if(!this._monthsParse)for(this._monthsParse=[],this._longMonthsParse=[],this._shortMonthsParse=[],r=0;r<12;++r)i=p([2e3,r]),this._shortMonthsParse[r]=this.monthsShort(i,"").toLocaleLowerCase(),this._longMonthsParse[r]=this.months(i,"").toLocaleLowerCase();return n?"MMM"===t?(o=mo.call(this._shortMonthsParse,a),o!==-1?o:null):(o=mo.call(this._longMonthsParse,a),o!==-1?o:null):"MMM"===t?(o=mo.call(this._shortMonthsParse,a),o!==-1?o:(o=mo.call(this._longMonthsParse,a),o!==-1?o:null)):(o=mo.call(this._longMonthsParse,a),o!==-1?o:(o=mo.call(this._shortMonthsParse,a),o!==-1?o:null))}function le(e,t,n){var r,o,i;if(this._monthsParseExact)return ue.call(this,e,t,n);for(this._monthsParse||(this._monthsParse=[],this._longMonthsParse=[],this._shortMonthsParse=[]),r=0;r<12;r++){if(o=p([2e3,r]),n&&!this._longMonthsParse[r]&&(this._longMonthsParse[r]=new RegExp("^"+this.months(o,"").replace(".","")+"$","i"),this._shortMonthsParse[r]=new RegExp("^"+this.monthsShort(o,"").replace(".","")+"$","i")),n||this._monthsParse[r]||(i="^"+this.months(o,"")+"|^"+this.monthsShort(o,""),this._monthsParse[r]=new RegExp(i.replace(".",""),"i")),n&&"MMMM"===t&&this._longMonthsParse[r].test(e))return r;if(n&&"MMM"===t&&this._shortMonthsParse[r].test(e))return r;if(!n&&this._monthsParse[r].test(e))return r}}function ce(e,t){var n;if(!e.isValid())return e;if("string"==typeof t)if(/^\d+$/.test(t))t=w(t);else if(t=e.localeData().monthsParse(t),!s(t))return e;return n=Math.min(e.date(),ie(e.year(),t)),e._d["set"+(e._isUTC?"UTC":"")+"Month"](t,n),e}function fe(e){return null!=e?(ce(this,e),t.updateOffset(this,!0),this):z(this,"Month")}function pe(){return ie(this.year(),this.month())}function de(e){return this._monthsParseExact?(c(this,"_monthsRegex")||ve.call(this),e?this._monthsShortStrictRegex:this._monthsShortRegex):(c(this,"_monthsShortRegex")||(this._monthsShortRegex=_o),this._monthsShortStrictRegex&&e?this._monthsShortStrictRegex:this._monthsShortRegex)}function he(e){return this._monthsParseExact?(c(this,"_monthsRegex")||ve.call(this),e?this._monthsStrictRegex:this._monthsRegex):(c(this,"_monthsRegex")||(this._monthsRegex=wo),this._monthsStrictRegex&&e?this._monthsStrictRegex:this._monthsRegex)}function ve(){function e(e,t){return t.length-e.length}var t,n,r=[],o=[],i=[];for(t=0;t<12;t++)n=p([2e3,t]),r.push(this.monthsShort(n,"")),o.push(this.months(n,"")),i.push(this.months(n,"")),i.push(this.monthsShort(n,""));for(r.sort(e),o.sort(e),i.sort(e),t=0;t<12;t++)r[t]=te(r[t]),o[t]=te(o[t]);for(t=0;t<24;t++)i[t]=te(i[t]);this._monthsRegex=new RegExp("^("+i.join("|")+")","i"),this._monthsShortRegex=this._monthsRegex,this._monthsStrictRegex=new RegExp("^("+o.join("|")+")","i"),this._monthsShortStrictRegex=new RegExp("^("+r.join("|")+")","i")}function me(e){return ye(e)?366:365}function ye(e){return e%4===0&&e%100!==0||e%400===0}function ge(){return ye(this.year())}function be(e,t,n,r,o,i,a){var s=new Date(e,t,n,r,o,i,a);return e<100&&e>=0&&isFinite(s.getFullYear())&&s.setFullYear(e),s}function _e(e){var t=new Date(Date.UTC.apply(null,arguments));return e<100&&e>=0&&isFinite(t.getUTCFullYear())&&t.setUTCFullYear(e),t}function we(e,t,n){var r=7+t-n,o=(7+_e(e,0,r).getUTCDay()-t)%7;return-o+r-1}function xe(e,t,n,r,o){var i,a,s=(7+n-r)%7,u=we(e,r,o),l=1+7*(t-1)+s+u;return l<=0?(i=e-1,a=me(i)+l):l>me(e)?(i=e+1,a=l-me(e)):(i=e,a=l),{year:i,dayOfYear:a}}function Ce(e,t,n){var r,o,i=we(e.year(),t,n),a=Math.floor((e.dayOfYear()-i-1)/7)+1;return a<1?(o=e.year()-1,r=a+Ee(o,t,n)):a>Ee(e.year(),t,n)?(r=a-Ee(e.year(),t,n),o=e.year()+1):(o=e.year(),r=a),{week:r,year:o}}function Ee(e,t,n){var r=we(e,t,n),o=we(e+1,t,n);return(me(e)-r+o)/7}function Se(e){return Ce(e,this._week.dow,this._week.doy).week}function Pe(){return this._week.dow}function Oe(){return this._week.doy}function Te(e){var t=this.localeData().week(this);return null==e?t:this.add(7*(e-t),"d")}function ke(e){var t=Ce(this,1,4).week;return null==e?t:this.add(7*(e-t),"d")}function Me(e,t){return"string"!=typeof e?e:isNaN(e)?(e=t.weekdaysParse(e),"number"==typeof e?e:null):parseInt(e,10)}function Ne(e,t){return"string"==typeof e?t.weekdaysParse(e)%7||7:isNaN(e)?null:e}function Ae(e,t){return e?r(this._weekdays)?this._weekdays[e.day()]:this._weekdays[this._weekdays.isFormat.test(t)?"format":"standalone"][e.day()]:r(this._weekdays)?this._weekdays:this._weekdays.standalone}function De(e){return e?this._weekdaysShort[e.day()]:this._weekdaysShort}function je(e){return e?this._weekdaysMin[e.day()]:this._weekdaysMin}function Re(e,t,n){var r,o,i,a=e.toLocaleLowerCase();if(!this._weekdaysParse)for(this._weekdaysParse=[],this._shortWeekdaysParse=[],this._minWeekdaysParse=[],r=0;r<7;++r)i=p([2e3,1]).day(r),this._minWeekdaysParse[r]=this.weekdaysMin(i,"").toLocaleLowerCase(),this._shortWeekdaysParse[r]=this.weekdaysShort(i,"").toLocaleLowerCase(),this._weekdaysParse[r]=this.weekdays(i,"").toLocaleLowerCase();return n?"dddd"===t?(o=mo.call(this._weekdaysParse,a),o!==-1?o:null):"ddd"===t?(o=mo.call(this._shortWeekdaysParse,a),o!==-1?o:null):(o=mo.call(this._minWeekdaysParse,a),o!==-1?o:null):"dddd"===t?(o=mo.call(this._weekdaysParse,a),o!==-1?o:(o=mo.call(this._shortWeekdaysParse,a),o!==-1?o:(o=mo.call(this._minWeekdaysParse,a),o!==-1?o:null))):"ddd"===t?(o=mo.call(this._shortWeekdaysParse,a),o!==-1?o:(o=mo.call(this._weekdaysParse,a),o!==-1?o:(o=mo.call(this._minWeekdaysParse,a),o!==-1?o:null))):(o=mo.call(this._minWeekdaysParse,a),o!==-1?o:(o=mo.call(this._weekdaysParse,a),o!==-1?o:(o=mo.call(this._shortWeekdaysParse,a),o!==-1?o:null)))}function Ie(e,t,n){var r,o,i;if(this._weekdaysParseExact)return Re.call(this,e,t,n);for(this._weekdaysParse||(this._weekdaysParse=[],this._minWeekdaysParse=[],this._shortWeekdaysParse=[],this._fullWeekdaysParse=[]),r=0;r<7;r++){if(o=p([2e3,1]).day(r),n&&!this._fullWeekdaysParse[r]&&(this._fullWeekdaysParse[r]=new RegExp("^"+this.weekdays(o,"").replace(".",".?")+"$","i"),this._shortWeekdaysParse[r]=new RegExp("^"+this.weekdaysShort(o,"").replace(".",".?")+"$","i"),this._minWeekdaysParse[r]=new RegExp("^"+this.weekdaysMin(o,"").replace(".",".?")+"$","i")),this._weekdaysParse[r]||(i="^"+this.weekdays(o,"")+"|^"+this.weekdaysShort(o,"")+"|^"+this.weekdaysMin(o,""),this._weekdaysParse[r]=new RegExp(i.replace(".",""),"i")),n&&"dddd"===t&&this._fullWeekdaysParse[r].test(e))return r;if(n&&"ddd"===t&&this._shortWeekdaysParse[r].test(e))return r;if(n&&"dd"===t&&this._minWeekdaysParse[r].test(e))return r;if(!n&&this._weekdaysParse[r].test(e))return r}}function Le(e){if(!this.isValid())return null!=e?this:NaN;var t=this._isUTC?this._d.getUTCDay():this._d.getDay();return null!=e?(e=Me(e,this.localeData()),this.add(e-t,"d")):t}function Fe(e){if(!this.isValid())return null!=e?this:NaN;var t=(this.day()+7-this.localeData()._week.dow)%7;return null==e?t:this.add(e-t,"d")}function Ue(e){if(!this.isValid())return null!=e?this:NaN;if(null!=e){var t=Ne(e,this.localeData());return this.day(this.day()%7?t:t-7)}return this.day()||7}function Ve(e){return this._weekdaysParseExact?(c(this,"_weekdaysRegex")||He.call(this),e?this._weekdaysStrictRegex:this._weekdaysRegex):(c(this,"_weekdaysRegex")||(this._weekdaysRegex=Oo),this._weekdaysStrictRegex&&e?this._weekdaysStrictRegex:this._weekdaysRegex)}function Be(e){return this._weekdaysParseExact?(c(this,"_weekdaysRegex")||He.call(this),e?this._weekdaysShortStrictRegex:this._weekdaysShortRegex):(c(this,"_weekdaysShortRegex")||(this._weekdaysShortRegex=To),this._weekdaysShortStrictRegex&&e?this._weekdaysShortStrictRegex:this._weekdaysShortRegex)}function ze(e){return this._weekdaysParseExact?(c(this,"_weekdaysRegex")||He.call(this),e?this._weekdaysMinStrictRegex:this._weekdaysMinRegex):(c(this,"_weekdaysMinRegex")||(this._weekdaysMinRegex=ko),this._weekdaysMinStrictRegex&&e?this._weekdaysMinStrictRegex:this._weekdaysMinRegex)}function He(){function e(e,t){return t.length-e.length}var t,n,r,o,i,a=[],s=[],u=[],l=[];for(t=0;t<7;t++)n=p([2e3,1]).day(t),r=this.weekdaysMin(n,""),o=this.weekdaysShort(n,""),i=this.weekdays(n,""),a.push(r),s.push(o),u.push(i),l.push(r),l.push(o),l.push(i);for(a.sort(e),s.sort(e),u.sort(e),l.sort(e),t=0;t<7;t++)s[t]=te(s[t]),u[t]=te(u[t]),l[t]=te(l[t]);this._weekdaysRegex=new RegExp("^("+l.join("|")+")","i"),this._weekdaysShortRegex=this._weekdaysRegex,this._weekdaysMinRegex=this._weekdaysRegex,this._weekdaysStrictRegex=new RegExp("^("+u.join("|")+")","i"),this._weekdaysShortStrictRegex=new RegExp("^("+s.join("|")+")","i"),this._weekdaysMinStrictRegex=new RegExp("^("+a.join("|")+")","i")}function Ke(){return this.hours()%12||12}function We(){return this.hours()||24}function qe(e,t){Y(e,0,0,function(){return this.localeData().meridiem(this.hours(),this.minutes(),t)})}function Ye(e,t){return t._meridiemParse}function Ge(e){return"p"===(e+"").toLowerCase().charAt(0)}function Xe(e,t,n){return e>11?n?"pm":"PM":n?"am":"AM"}function $e(e){return e?e.toLowerCase().replace("_","-"):e}function Ze(e){for(var t,n,r,o,i=0;i<e.length;){for(o=$e(e[i]).split("-"),t=o.length,n=$e(e[i+1]),n=n?n.split("-"):null;t>0;){if(r=Qe(o.slice(0,t).join("-")))return r;if(n&&n.length>=t&&x(o,n,!0)>=t-1)break;t--}i++}return null}function Qe(t){var n=null;if(!jo[t]&&"undefined"!=typeof e&&e&&e.exports)try{n=Mo._abbr,require("./locale/"+t),Je(n)}catch(r){}return jo[t]}function Je(e,t){var n;return e&&(n=a(t)?nt(e):et(e,t),n&&(Mo=n)),Mo._abbr}function et(e,t){if(null!==t){var n=Do;if(t.abbr=e,null!=jo[e])S("defineLocaleOverride","use moment.updateLocale(localeName, config) to change an existing locale. moment.defineLocale(localeName, config) should only be used for creating a new locale See http://momentjs.com/guides/#/warnings/define-locale/ for more info."),n=jo[e]._config;else if(null!=t.parentLocale){if(null==jo[t.parentLocale])return Ro[t.parentLocale]||(Ro[t.parentLocale]=[]),Ro[t.parentLocale].push({name:e,config:t}),null;n=jo[t.parentLocale]._config}return jo[e]=new k(T(n,t)),Ro[e]&&Ro[e].forEach(function(e){et(e.name,e.config)}),Je(e),jo[e]}return delete jo[e],null}function tt(e,t){if(null!=t){var n,r=Do;null!=jo[e]&&(r=jo[e]._config),t=T(r,t),n=new k(t),n.parentLocale=jo[e],jo[e]=n,Je(e)}else null!=jo[e]&&(null!=jo[e].parentLocale?jo[e]=jo[e].parentLocale:null!=jo[e]&&delete jo[e]);return jo[e]}function nt(e){var t;if(e&&e._locale&&e._locale._abbr&&(e=e._locale._abbr),!e)return Mo;if(!r(e)){if(t=Qe(e))return t;e=[e]}return Ze(e)}function rt(){return Tr(jo)}function ot(e){var t,n=e._a;return n&&h(e).overflow===-2&&(t=n[so]<0||n[so]>11?so:n[uo]<1||n[uo]>ie(n[ao],n[so])?uo:n[lo]<0||n[lo]>24||24===n[lo]&&(0!==n[co]||0!==n[fo]||0!==n[po])?lo:n[co]<0||n[co]>59?co:n[fo]<0||n[fo]>59?fo:n[po]<0||n[po]>999?po:-1,h(e)._overflowDayOfYear&&(t<ao||t>uo)&&(t=uo),h(e)._overflowWeeks&&t===-1&&(t=ho),h(e)._overflowWeekday&&t===-1&&(t=vo),h(e).overflow=t),e}function it(e){var t,n,r,o,i,a,s=e._i,u=Io.exec(s)||Lo.exec(s);if(u){for(h(e).iso=!0,t=0,n=Uo.length;t<n;t++)if(Uo[t][1].exec(u[1])){o=Uo[t][0],r=Uo[t][2]!==!1;break}if(null==o)return void(e._isValid=!1);if(u[3]){for(t=0,n=Vo.length;t<n;t++)if(Vo[t][1].exec(u[3])){i=(u[2]||" ")+Vo[t][0];break}if(null==i)return void(e._isValid=!1)}if(!r&&null!=i)return void(e._isValid=!1);if(u[4]){if(!Fo.exec(u[4]))return void(e._isValid=!1);a="Z"}e._f=o+(i||"")+(a||""),pt(e)}else e._isValid=!1}function at(e){var t,n,r,o,i,a,s,u,l={" GMT":" +0000"," EDT":" -0400"," EST":" -0500"," CDT":" -0500"," CST":" -0600"," MDT":" -0600"," MST":" -0700"," PDT":" -0700"," PST":" -0800"},c="YXWVUTSRQPONZABCDEFGHIKLM";if(t=e._i.replace(/\([^\)]*\)|[\n\t]/g," ").replace(/(\s\s+)/g," ").replace(/^\s|\s$/g,""),n=zo.exec(t)){if(r=n[1]?"ddd"+(5===n[1].length?", ":" "):"",o="D MMM "+(n[2].length>10?"YYYY ":"YY "),i="HH:mm"+(n[4]?":ss":""),n[1]){var f=new Date(n[2]),p=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"][f.getDay()];if(n[1].substr(0,3)!==p)return h(e).weekdayMismatch=!0,void(e._isValid=!1)}switch(n[5].length){case 2:0===u?s=" +0000":(u=c.indexOf(n[5][1].toUpperCase())-12,s=(u<0?" -":" +")+(""+u).replace(/^-?/,"0").match(/..$/)[0]+"00");break;case 4:s=l[n[5]];break;default:s=l[" GMT"]}n[5]=s,e._i=n.splice(1).join(""),a=" ZZ",e._f=r+o+i+a,pt(e),h(e).rfc2822=!0}else e._isValid=!1}function st(e){var n=Bo.exec(e._i);return null!==n?void(e._d=new Date((+n[1]))):(it(e),void(e._isValid===!1&&(delete e._isValid,at(e),e._isValid===!1&&(delete e._isValid,t.createFromInputFallback(e)))))}function ut(e,t,n){return null!=e?e:null!=t?t:n}function lt(e){var n=new Date(t.now());return e._useUTC?[n.getUTCFullYear(),n.getUTCMonth(),n.getUTCDate()]:[n.getFullYear(),n.getMonth(),n.getDate()]}function ct(e){var t,n,r,o,i=[];if(!e._d){for(r=lt(e),e._w&&null==e._a[uo]&&null==e._a[so]&&ft(e),null!=e._dayOfYear&&(o=ut(e._a[ao],r[ao]),(e._dayOfYear>me(o)||0===e._dayOfYear)&&(h(e)._overflowDayOfYear=!0),n=_e(o,0,e._dayOfYear),e._a[so]=n.getUTCMonth(),e._a[uo]=n.getUTCDate()),t=0;t<3&&null==e._a[t];++t)e._a[t]=i[t]=r[t];for(;t<7;t++)e._a[t]=i[t]=null==e._a[t]?2===t?1:0:e._a[t];24===e._a[lo]&&0===e._a[co]&&0===e._a[fo]&&0===e._a[po]&&(e._nextDay=!0,e._a[lo]=0),e._d=(e._useUTC?_e:be).apply(null,i),null!=e._tzm&&e._d.setUTCMinutes(e._d.getUTCMinutes()-e._tzm),e._nextDay&&(e._a[lo]=24)}}function ft(e){var t,n,r,o,i,a,s,u;if(t=e._w,null!=t.GG||null!=t.W||null!=t.E)i=1,a=4,n=ut(t.GG,e._a[ao],Ce(_t(),1,4).year),r=ut(t.W,1),o=ut(t.E,1),(o<1||o>7)&&(u=!0);else{i=e._locale._week.dow,a=e._locale._week.doy;var l=Ce(_t(),i,a);n=ut(t.gg,e._a[ao],l.year),r=ut(t.w,l.week),null!=t.d?(o=t.d,(o<0||o>6)&&(u=!0)):null!=t.e?(o=t.e+i,(t.e<0||t.e>6)&&(u=!0)):o=i}r<1||r>Ee(n,i,a)?h(e)._overflowWeeks=!0:null!=u?h(e)._overflowWeekday=!0:(s=xe(n,r,o,i,a),e._a[ao]=s.year,e._dayOfYear=s.dayOfYear)}function pt(e){if(e._f===t.ISO_8601)return void it(e);if(e._f===t.RFC_2822)return void at(e);e._a=[],h(e).empty=!0;var n,r,o,i,a,s=""+e._i,u=s.length,l=0;for(o=Z(e._f,e._locale).match(Lr)||[],n=0;n<o.length;n++)i=o[n],r=(s.match(J(i,e))||[])[0],r&&(a=s.substr(0,s.indexOf(r)),a.length>0&&h(e).unusedInput.push(a),s=s.slice(s.indexOf(r)+r.length),l+=r.length),Vr[i]?(r?h(e).empty=!1:h(e).unusedTokens.push(i),oe(i,r,e)):e._strict&&!r&&h(e).unusedTokens.push(i);h(e).charsLeftOver=u-l,s.length>0&&h(e).unusedInput.push(s),e._a[lo]<=12&&h(e).bigHour===!0&&e._a[lo]>0&&(h(e).bigHour=void 0),h(e).parsedDateParts=e._a.slice(0),h(e).meridiem=e._meridiem,e._a[lo]=dt(e._locale,e._a[lo],e._meridiem),ct(e),ot(e)}function dt(e,t,n){var r;return null==n?t:null!=e.meridiemHour?e.meridiemHour(t,n):null!=e.isPM?(r=e.isPM(n),r&&t<12&&(t+=12),r||12!==t||(t=0),t):t}function ht(e){var t,n,r,o,i;if(0===e._f.length)return h(e).invalidFormat=!0,void(e._d=new Date(NaN));for(o=0;o<e._f.length;o++)i=0,t=y({},e),null!=e._useUTC&&(t._useUTC=e._useUTC),t._f=e._f[o],pt(t),v(t)&&(i+=h(t).charsLeftOver,i+=10*h(t).unusedTokens.length,h(t).score=i,(null==r||i<r)&&(r=i,n=t));f(e,n||t)}function vt(e){if(!e._d){var t=F(e._i);e._a=l([t.year,t.month,t.day||t.date,t.hour,t.minute,t.second,t.millisecond],function(e){return e&&parseInt(e,10)}),ct(e)}}function mt(e){var t=new g(ot(yt(e)));return t._nextDay&&(t.add(1,"d"),t._nextDay=void 0),t}function yt(e){var t=e._i,n=e._f;return e._locale=e._locale||nt(e._l),null===t||void 0===n&&""===t?m({nullInput:!0}):("string"==typeof t&&(e._i=t=e._locale.preparse(t)),b(t)?new g(ot(t)):(u(t)?e._d=t:r(n)?ht(e):n?pt(e):gt(e),v(e)||(e._d=null),e))}function gt(e){var n=e._i;a(n)?e._d=new Date(t.now()):u(n)?e._d=new Date(n.valueOf()):"string"==typeof n?st(e):r(n)?(e._a=l(n.slice(0),function(e){return parseInt(e,10)}),ct(e)):o(n)?vt(e):s(n)?e._d=new Date(n):t.createFromInputFallback(e)}function bt(e,t,n,a,s){var u={};return n!==!0&&n!==!1||(a=n,n=void 0),(o(e)&&i(e)||r(e)&&0===e.length)&&(e=void 0),u._isAMomentObject=!0,u._useUTC=u._isUTC=s,u._l=n,u._i=e,u._f=t,u._strict=a,mt(u)}function _t(e,t,n,r){return bt(e,t,n,r,!1)}function wt(e,t){var n,o;if(1===t.length&&r(t[0])&&(t=t[0]),!t.length)return _t();for(n=t[0],o=1;o<t.length;++o)t[o].isValid()&&!t[o][e](n)||(n=t[o]);return n}function xt(){var e=[].slice.call(arguments,0);return wt("isBefore",e)}function Ct(){var e=[].slice.call(arguments,0);return wt("isAfter",e)}function Et(e){for(var t in e)if(qo.indexOf(t)===-1||null!=e[t]&&isNaN(e[t]))return!1;for(var n=!1,r=0;r<qo.length;++r)if(e[qo[r]]){if(n)return!1;parseFloat(e[qo[r]])!==w(e[qo[r]])&&(n=!0)}return!0}function St(){return this._isValid}function Pt(){return Wt(NaN)}function Ot(e){var t=F(e),n=t.year||0,r=t.quarter||0,o=t.month||0,i=t.week||0,a=t.day||0,s=t.hour||0,u=t.minute||0,l=t.second||0,c=t.millisecond||0;this._isValid=Et(t),this._milliseconds=+c+1e3*l+6e4*u+1e3*s*60*60,this._days=+a+7*i,this._months=+o+3*r+12*n,this._data={},this._locale=nt(),this._bubble()}function Tt(e){return e instanceof Ot}function kt(e){return e<0?Math.round(-1*e)*-1:Math.round(e)}function Mt(e,t){Y(e,0,0,function(){var e=this.utcOffset(),n="+";return e<0&&(e=-e,n="-"),n+q(~~(e/60),2)+t+q(~~e%60,2)})}function Nt(e,t){var n=(t||"").match(e);if(null===n)return null;var r=n[n.length-1]||[],o=(r+"").match(Yo)||["-",0,0],i=+(60*o[1])+w(o[2]);return 0===i?0:"+"===o[0]?i:-i}function At(e,n){var r,o;return n._isUTC?(r=n.clone(),o=(b(e)||u(e)?e.valueOf():_t(e).valueOf())-r.valueOf(),r._d.setTime(r._d.valueOf()+o),t.updateOffset(r,!1),r):_t(e).local()}function Dt(e){return 15*-Math.round(e._d.getTimezoneOffset()/15)}function jt(e,n,r){var o,i=this._offset||0;if(!this.isValid())return null!=e?this:NaN;if(null!=e){if("string"==typeof e){if(e=Nt(to,e),null===e)return this}else Math.abs(e)<16&&!r&&(e=60*e);return!this._isUTC&&n&&(o=Dt(this)),this._offset=e,this._isUTC=!0,null!=o&&this.add(o,"m"),i!==e&&(!n||this._changeInProgress?$t(this,Wt(e-i,"m"),1,!1):this._changeInProgress||(this._changeInProgress=!0,t.updateOffset(this,!0),this._changeInProgress=null)),this}return this._isUTC?i:Dt(this)}function Rt(e,t){return null!=e?("string"!=typeof e&&(e=-e),this.utcOffset(e,t),this):-this.utcOffset()}function It(e){return this.utcOffset(0,e)}function Lt(e){return this._isUTC&&(this.utcOffset(0,e),this._isUTC=!1,e&&this.subtract(Dt(this),"m")),this}function Ft(){if(null!=this._tzm)this.utcOffset(this._tzm,!1,!0);else if("string"==typeof this._i){var e=Nt(eo,this._i);null!=e?this.utcOffset(e):this.utcOffset(0,!0)}return this}function Ut(e){return!!this.isValid()&&(e=e?_t(e).utcOffset():0,(this.utcOffset()-e)%60===0)}function Vt(){return this.utcOffset()>this.clone().month(0).utcOffset()||this.utcOffset()>this.clone().month(5).utcOffset()}function Bt(){if(!a(this._isDSTShifted))return this._isDSTShifted;var e={};if(y(e,this),e=yt(e),e._a){var t=e._isUTC?p(e._a):_t(e._a);this._isDSTShifted=this.isValid()&&x(e._a,t.toArray())>0}else this._isDSTShifted=!1;return this._isDSTShifted}function zt(){return!!this.isValid()&&!this._isUTC}function Ht(){return!!this.isValid()&&this._isUTC}function Kt(){return!!this.isValid()&&(this._isUTC&&0===this._offset)}function Wt(e,t){var n,r,o,i=e,a=null;return Tt(e)?i={ms:e._milliseconds,d:e._days,M:e._months}:s(e)?(i={},t?i[t]=e:i.milliseconds=e):(a=Go.exec(e))?(n="-"===a[1]?-1:1,i={y:0,d:w(a[uo])*n,h:w(a[lo])*n,m:w(a[co])*n,s:w(a[fo])*n,ms:w(kt(1e3*a[po]))*n}):(a=Xo.exec(e))?(n="-"===a[1]?-1:1,i={y:qt(a[2],n),M:qt(a[3],n),w:qt(a[4],n),d:qt(a[5],n),h:qt(a[6],n),m:qt(a[7],n),s:qt(a[8],n)}):null==i?i={}:"object"==typeof i&&("from"in i||"to"in i)&&(o=Gt(_t(i.from),_t(i.to)),i={},i.ms=o.milliseconds,i.M=o.months),r=new Ot(i),Tt(e)&&c(e,"_locale")&&(r._locale=e._locale),r}function qt(e,t){var n=e&&parseFloat(e.replace(",","."));return(isNaN(n)?0:n)*t}function Yt(e,t){var n={milliseconds:0,months:0};return n.months=t.month()-e.month()+12*(t.year()-e.year()),e.clone().add(n.months,"M").isAfter(t)&&--n.months,n.milliseconds=+t-+e.clone().add(n.months,"M"),n}function Gt(e,t){var n;return e.isValid()&&t.isValid()?(t=At(t,e),e.isBefore(t)?n=Yt(e,t):(n=Yt(t,e),n.milliseconds=-n.milliseconds,n.months=-n.months),n):{milliseconds:0,months:0}}function Xt(e,t){return function(n,r){var o,i;return null===r||isNaN(+r)||(S(t,"moment()."+t+"(period, number) is deprecated. Please use moment()."+t+"(number, period). See http://momentjs.com/guides/#/warnings/add-inverted-param/ for more info."),i=n,n=r,r=i),n="string"==typeof n?+n:n,o=Wt(n,r),$t(this,o,e),this}}function $t(e,n,r,o){var i=n._milliseconds,a=kt(n._days),s=kt(n._months);e.isValid()&&(o=null==o||o,i&&e._d.setTime(e._d.valueOf()+i*r),a&&H(e,"Date",z(e,"Date")+a*r),s&&ce(e,z(e,"Month")+s*r),o&&t.updateOffset(e,a||s))}function Zt(e,t){var n=e.diff(t,"days",!0);return n<-6?"sameElse":n<-1?"lastWeek":n<0?"lastDay":n<1?"sameDay":n<2?"nextDay":n<7?"nextWeek":"sameElse"}function Qt(e,n){var r=e||_t(),o=At(r,this).startOf("day"),i=t.calendarFormat(this,o)||"sameElse",a=n&&(P(n[i])?n[i].call(this,r):n[i]);return this.format(a||this.localeData().calendar(i,this,_t(r)))}function Jt(){return new g(this)}function en(e,t){var n=b(e)?e:_t(e);return!(!this.isValid()||!n.isValid())&&(t=L(a(t)?"millisecond":t),"millisecond"===t?this.valueOf()>n.valueOf():n.valueOf()<this.clone().startOf(t).valueOf())}function tn(e,t){var n=b(e)?e:_t(e);return!(!this.isValid()||!n.isValid())&&(t=L(a(t)?"millisecond":t),"millisecond"===t?this.valueOf()<n.valueOf():this.clone().endOf(t).valueOf()<n.valueOf())}function nn(e,t,n,r){return r=r||"()",("("===r[0]?this.isAfter(e,n):!this.isBefore(e,n))&&(")"===r[1]?this.isBefore(t,n):!this.isAfter(t,n))}function rn(e,t){var n,r=b(e)?e:_t(e);return!(!this.isValid()||!r.isValid())&&(t=L(t||"millisecond"),"millisecond"===t?this.valueOf()===r.valueOf():(n=r.valueOf(),this.clone().startOf(t).valueOf()<=n&&n<=this.clone().endOf(t).valueOf()))}function on(e,t){return this.isSame(e,t)||this.isAfter(e,t)}function an(e,t){return this.isSame(e,t)||this.isBefore(e,t)}function sn(e,t,n){var r,o,i,a;return this.isValid()?(r=At(e,this),r.isValid()?(o=6e4*(r.utcOffset()-this.utcOffset()),t=L(t),"year"===t||"month"===t||"quarter"===t?(a=un(this,r),"quarter"===t?a/=3:"year"===t&&(a/=12)):(i=this-r,a="second"===t?i/1e3:"minute"===t?i/6e4:"hour"===t?i/36e5:"day"===t?(i-o)/864e5:"week"===t?(i-o)/6048e5:i),
-n?a:_(a)):NaN):NaN}function un(e,t){var n,r,o=12*(t.year()-e.year())+(t.month()-e.month()),i=e.clone().add(o,"months");return t-i<0?(n=e.clone().add(o-1,"months"),r=(t-i)/(i-n)):(n=e.clone().add(o+1,"months"),r=(t-i)/(n-i)),-(o+r)||0}function ln(){return this.clone().locale("en").format("ddd MMM DD YYYY HH:mm:ss [GMT]ZZ")}function cn(){if(!this.isValid())return null;var e=this.clone().utc();return e.year()<0||e.year()>9999?$(e,"YYYYYY-MM-DD[T]HH:mm:ss.SSS[Z]"):P(Date.prototype.toISOString)?this.toDate().toISOString():$(e,"YYYY-MM-DD[T]HH:mm:ss.SSS[Z]")}function fn(){if(!this.isValid())return"moment.invalid(/* "+this._i+" */)";var e="moment",t="";this.isLocal()||(e=0===this.utcOffset()?"moment.utc":"moment.parseZone",t="Z");var n="["+e+'("]',r=0<=this.year()&&this.year()<=9999?"YYYY":"YYYYYY",o="-MM-DD[T]HH:mm:ss.SSS",i=t+'[")]';return this.format(n+r+o+i)}function pn(e){e||(e=this.isUtc()?t.defaultFormatUtc:t.defaultFormat);var n=$(this,e);return this.localeData().postformat(n)}function dn(e,t){return this.isValid()&&(b(e)&&e.isValid()||_t(e).isValid())?Wt({to:this,from:e}).locale(this.locale()).humanize(!t):this.localeData().invalidDate()}function hn(e){return this.from(_t(),e)}function vn(e,t){return this.isValid()&&(b(e)&&e.isValid()||_t(e).isValid())?Wt({from:this,to:e}).locale(this.locale()).humanize(!t):this.localeData().invalidDate()}function mn(e){return this.to(_t(),e)}function yn(e){var t;return void 0===e?this._locale._abbr:(t=nt(e),null!=t&&(this._locale=t),this)}function gn(){return this._locale}function bn(e){switch(e=L(e)){case"year":this.month(0);case"quarter":case"month":this.date(1);case"week":case"isoWeek":case"day":case"date":this.hours(0);case"hour":this.minutes(0);case"minute":this.seconds(0);case"second":this.milliseconds(0)}return"week"===e&&this.weekday(0),"isoWeek"===e&&this.isoWeekday(1),"quarter"===e&&this.month(3*Math.floor(this.month()/3)),this}function _n(e){return e=L(e),void 0===e||"millisecond"===e?this:("date"===e&&(e="day"),this.startOf(e).add(1,"isoWeek"===e?"week":e).subtract(1,"ms"))}function wn(){return this._d.valueOf()-6e4*(this._offset||0)}function xn(){return Math.floor(this.valueOf()/1e3)}function Cn(){return new Date(this.valueOf())}function En(){var e=this;return[e.year(),e.month(),e.date(),e.hour(),e.minute(),e.second(),e.millisecond()]}function Sn(){var e=this;return{years:e.year(),months:e.month(),date:e.date(),hours:e.hours(),minutes:e.minutes(),seconds:e.seconds(),milliseconds:e.milliseconds()}}function Pn(){return this.isValid()?this.toISOString():null}function On(){return v(this)}function Tn(){return f({},h(this))}function kn(){return h(this).overflow}function Mn(){return{input:this._i,format:this._f,locale:this._locale,isUTC:this._isUTC,strict:this._strict}}function Nn(e,t){Y(0,[e,e.length],0,t)}function An(e){return In.call(this,e,this.week(),this.weekday(),this.localeData()._week.dow,this.localeData()._week.doy)}function Dn(e){return In.call(this,e,this.isoWeek(),this.isoWeekday(),1,4)}function jn(){return Ee(this.year(),1,4)}function Rn(){var e=this.localeData()._week;return Ee(this.year(),e.dow,e.doy)}function In(e,t,n,r,o){var i;return null==e?Ce(this,r,o).year:(i=Ee(e,r,o),t>i&&(t=i),Ln.call(this,e,t,n,r,o))}function Ln(e,t,n,r,o){var i=xe(e,t,n,r,o),a=_e(i.year,0,i.dayOfYear);return this.year(a.getUTCFullYear()),this.month(a.getUTCMonth()),this.date(a.getUTCDate()),this}function Fn(e){return null==e?Math.ceil((this.month()+1)/3):this.month(3*(e-1)+this.month()%3)}function Un(e){var t=Math.round((this.clone().startOf("day")-this.clone().startOf("year"))/864e5)+1;return null==e?t:this.add(e-t,"d")}function Vn(e,t){t[po]=w(1e3*("0."+e))}function Bn(){return this._isUTC?"UTC":""}function zn(){return this._isUTC?"Coordinated Universal Time":""}function Hn(e){return _t(1e3*e)}function Kn(){return _t.apply(null,arguments).parseZone()}function Wn(e){return e}function qn(e,t,n,r){var o=nt(),i=p().set(r,t);return o[n](i,e)}function Yn(e,t,n){if(s(e)&&(t=e,e=void 0),e=e||"",null!=t)return qn(e,t,n,"month");var r,o=[];for(r=0;r<12;r++)o[r]=qn(e,r,n,"month");return o}function Gn(e,t,n,r){"boolean"==typeof e?(s(t)&&(n=t,t=void 0),t=t||""):(t=e,n=t,e=!1,s(t)&&(n=t,t=void 0),t=t||"");var o=nt(),i=e?o._week.dow:0;if(null!=n)return qn(t,(n+i)%7,r,"day");var a,u=[];for(a=0;a<7;a++)u[a]=qn(t,(a+i)%7,r,"day");return u}function Xn(e,t){return Yn(e,t,"months")}function $n(e,t){return Yn(e,t,"monthsShort")}function Zn(e,t,n){return Gn(e,t,n,"weekdays")}function Qn(e,t,n){return Gn(e,t,n,"weekdaysShort")}function Jn(e,t,n){return Gn(e,t,n,"weekdaysMin")}function er(){var e=this._data;return this._milliseconds=ai(this._milliseconds),this._days=ai(this._days),this._months=ai(this._months),e.milliseconds=ai(e.milliseconds),e.seconds=ai(e.seconds),e.minutes=ai(e.minutes),e.hours=ai(e.hours),e.months=ai(e.months),e.years=ai(e.years),this}function tr(e,t,n,r){var o=Wt(t,n);return e._milliseconds+=r*o._milliseconds,e._days+=r*o._days,e._months+=r*o._months,e._bubble()}function nr(e,t){return tr(this,e,t,1)}function rr(e,t){return tr(this,e,t,-1)}function or(e){return e<0?Math.floor(e):Math.ceil(e)}function ir(){var e,t,n,r,o,i=this._milliseconds,a=this._days,s=this._months,u=this._data;return i>=0&&a>=0&&s>=0||i<=0&&a<=0&&s<=0||(i+=864e5*or(sr(s)+a),a=0,s=0),u.milliseconds=i%1e3,e=_(i/1e3),u.seconds=e%60,t=_(e/60),u.minutes=t%60,n=_(t/60),u.hours=n%24,a+=_(n/24),o=_(ar(a)),s+=o,a-=or(sr(o)),r=_(s/12),s%=12,u.days=a,u.months=s,u.years=r,this}function ar(e){return 4800*e/146097}function sr(e){return 146097*e/4800}function ur(e){if(!this.isValid())return NaN;var t,n,r=this._milliseconds;if(e=L(e),"month"===e||"year"===e)return t=this._days+r/864e5,n=this._months+ar(t),"month"===e?n:n/12;switch(t=this._days+Math.round(sr(this._months)),e){case"week":return t/7+r/6048e5;case"day":return t+r/864e5;case"hour":return 24*t+r/36e5;case"minute":return 1440*t+r/6e4;case"second":return 86400*t+r/1e3;case"millisecond":return Math.floor(864e5*t)+r;default:throw new Error("Unknown unit "+e)}}function lr(){return this.isValid()?this._milliseconds+864e5*this._days+this._months%12*2592e6+31536e6*w(this._months/12):NaN}function cr(e){return function(){return this.as(e)}}function fr(e){return e=L(e),this.isValid()?this[e+"s"]():NaN}function pr(e){return function(){return this.isValid()?this._data[e]:NaN}}function dr(){return _(this.days()/7)}function hr(e,t,n,r,o){return o.relativeTime(t||1,!!n,e,r)}function vr(e,t,n){var r=Wt(e).abs(),o=xi(r.as("s")),i=xi(r.as("m")),a=xi(r.as("h")),s=xi(r.as("d")),u=xi(r.as("M")),l=xi(r.as("y")),c=o<=Ci.ss&&["s",o]||o<Ci.s&&["ss",o]||i<=1&&["m"]||i<Ci.m&&["mm",i]||a<=1&&["h"]||a<Ci.h&&["hh",a]||s<=1&&["d"]||s<Ci.d&&["dd",s]||u<=1&&["M"]||u<Ci.M&&["MM",u]||l<=1&&["y"]||["yy",l];return c[2]=t,c[3]=+e>0,c[4]=n,hr.apply(null,c)}function mr(e){return void 0===e?xi:"function"==typeof e&&(xi=e,!0)}function yr(e,t){return void 0!==Ci[e]&&(void 0===t?Ci[e]:(Ci[e]=t,"s"===e&&(Ci.ss=t-1),!0))}function gr(e){if(!this.isValid())return this.localeData().invalidDate();var t=this.localeData(),n=vr(this,!e,t);return e&&(n=t.pastFuture(+this,n)),t.postformat(n)}function br(){if(!this.isValid())return this.localeData().invalidDate();var e,t,n,r=Ei(this._milliseconds)/1e3,o=Ei(this._days),i=Ei(this._months);e=_(r/60),t=_(e/60),r%=60,e%=60,n=_(i/12),i%=12;var a=n,s=i,u=o,l=t,c=e,f=r,p=this.asSeconds();return p?(p<0?"-":"")+"P"+(a?a+"Y":"")+(s?s+"M":"")+(u?u+"D":"")+(l||c||f?"T":"")+(l?l+"H":"")+(c?c+"M":"")+(f?f+"S":""):"P0D"}var _r,wr;wr=Array.prototype.some?Array.prototype.some:function(e){for(var t=Object(this),n=t.length>>>0,r=0;r<n;r++)if(r in t&&e.call(this,t[r],r,t))return!0;return!1};var xr=wr,Cr=t.momentProperties=[],Er=!1,Sr={};t.suppressDeprecationWarnings=!1,t.deprecationHandler=null;var Pr;Pr=Object.keys?Object.keys:function(e){var t,n=[];for(t in e)c(e,t)&&n.push(t);return n};var Or,Tr=Pr,kr={sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},Mr={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},Nr="Invalid date",Ar="%d",Dr=/\d{1,2}/,jr={future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},Rr={},Ir={},Lr=/(\[[^\[]*\])|(\\)?([Hh]mm(ss)?|Mo|MM?M?M?|Do|DDDo|DD?D?D?|ddd?d?|do?|w[o|w]?|W[o|W]?|Qo?|YYYYYY|YYYYY|YYYY|YY|gg(ggg?)?|GG(GGG?)?|e|E|a|A|hh?|HH?|kk?|mm?|ss?|S{1,9}|x|X|zz?|ZZ?|.)/g,Fr=/(\[[^\[]*\])|(\\)?(LTS|LT|LL?L?L?|l{1,4})/g,Ur={},Vr={},Br=/\d/,zr=/\d\d/,Hr=/\d{3}/,Kr=/\d{4}/,Wr=/[+-]?\d{6}/,qr=/\d\d?/,Yr=/\d\d\d\d?/,Gr=/\d\d\d\d\d\d?/,Xr=/\d{1,3}/,$r=/\d{1,4}/,Zr=/[+-]?\d{1,6}/,Qr=/\d+/,Jr=/[+-]?\d+/,eo=/Z|[+-]\d\d:?\d\d/gi,to=/Z|[+-]\d\d(?::?\d\d)?/gi,no=/[+-]?\d+(\.\d{1,3})?/,ro=/[0-9]*['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+|[\u0600-\u06FF\/]+(\s*?[\u0600-\u06FF]+){1,2}/i,oo={},io={},ao=0,so=1,uo=2,lo=3,co=4,fo=5,po=6,ho=7,vo=8;Or=Array.prototype.indexOf?Array.prototype.indexOf:function(e){var t;for(t=0;t<this.length;++t)if(this[t]===e)return t;return-1};var mo=Or;Y("M",["MM",2],"Mo",function(){return this.month()+1}),Y("MMM",0,0,function(e){return this.localeData().monthsShort(this,e)}),Y("MMMM",0,0,function(e){return this.localeData().months(this,e)}),I("month","M"),U("month",8),Q("M",qr),Q("MM",qr,zr),Q("MMM",function(e,t){return t.monthsShortRegex(e)}),Q("MMMM",function(e,t){return t.monthsRegex(e)}),ne(["M","MM"],function(e,t){t[so]=w(e)-1}),ne(["MMM","MMMM"],function(e,t,n,r){var o=n._locale.monthsParse(e,r,n._strict);null!=o?t[so]=o:h(n).invalidMonth=e});var yo=/D[oD]?(\[[^\[\]]*\]|\s)+MMMM?/,go="January_February_March_April_May_June_July_August_September_October_November_December".split("_"),bo="Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),_o=ro,wo=ro;Y("Y",0,0,function(){var e=this.year();return e<=9999?""+e:"+"+e}),Y(0,["YY",2],0,function(){return this.year()%100}),Y(0,["YYYY",4],0,"year"),Y(0,["YYYYY",5],0,"year"),Y(0,["YYYYYY",6,!0],0,"year"),I("year","y"),U("year",1),Q("Y",Jr),Q("YY",qr,zr),Q("YYYY",$r,Kr),Q("YYYYY",Zr,Wr),Q("YYYYYY",Zr,Wr),ne(["YYYYY","YYYYYY"],ao),ne("YYYY",function(e,n){n[ao]=2===e.length?t.parseTwoDigitYear(e):w(e)}),ne("YY",function(e,n){n[ao]=t.parseTwoDigitYear(e)}),ne("Y",function(e,t){t[ao]=parseInt(e,10)}),t.parseTwoDigitYear=function(e){return w(e)+(w(e)>68?1900:2e3)};var xo=B("FullYear",!0);Y("w",["ww",2],"wo","week"),Y("W",["WW",2],"Wo","isoWeek"),I("week","w"),I("isoWeek","W"),U("week",5),U("isoWeek",5),Q("w",qr),Q("ww",qr,zr),Q("W",qr),Q("WW",qr,zr),re(["w","ww","W","WW"],function(e,t,n,r){t[r.substr(0,1)]=w(e)});var Co={dow:0,doy:6};Y("d",0,"do","day"),Y("dd",0,0,function(e){return this.localeData().weekdaysMin(this,e)}),Y("ddd",0,0,function(e){return this.localeData().weekdaysShort(this,e)}),Y("dddd",0,0,function(e){return this.localeData().weekdays(this,e)}),Y("e",0,0,"weekday"),Y("E",0,0,"isoWeekday"),I("day","d"),I("weekday","e"),I("isoWeekday","E"),U("day",11),U("weekday",11),U("isoWeekday",11),Q("d",qr),Q("e",qr),Q("E",qr),Q("dd",function(e,t){return t.weekdaysMinRegex(e)}),Q("ddd",function(e,t){return t.weekdaysShortRegex(e)}),Q("dddd",function(e,t){return t.weekdaysRegex(e)}),re(["dd","ddd","dddd"],function(e,t,n,r){var o=n._locale.weekdaysParse(e,r,n._strict);null!=o?t.d=o:h(n).invalidWeekday=e}),re(["d","e","E"],function(e,t,n,r){t[r]=w(e)});var Eo="Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),So="Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),Po="Su_Mo_Tu_We_Th_Fr_Sa".split("_"),Oo=ro,To=ro,ko=ro;Y("H",["HH",2],0,"hour"),Y("h",["hh",2],0,Ke),Y("k",["kk",2],0,We),Y("hmm",0,0,function(){return""+Ke.apply(this)+q(this.minutes(),2)}),Y("hmmss",0,0,function(){return""+Ke.apply(this)+q(this.minutes(),2)+q(this.seconds(),2)}),Y("Hmm",0,0,function(){return""+this.hours()+q(this.minutes(),2)}),Y("Hmmss",0,0,function(){return""+this.hours()+q(this.minutes(),2)+q(this.seconds(),2)}),qe("a",!0),qe("A",!1),I("hour","h"),U("hour",13),Q("a",Ye),Q("A",Ye),Q("H",qr),Q("h",qr),Q("k",qr),Q("HH",qr,zr),Q("hh",qr,zr),Q("kk",qr,zr),Q("hmm",Yr),Q("hmmss",Gr),Q("Hmm",Yr),Q("Hmmss",Gr),ne(["H","HH"],lo),ne(["k","kk"],function(e,t,n){var r=w(e);t[lo]=24===r?0:r}),ne(["a","A"],function(e,t,n){n._isPm=n._locale.isPM(e),n._meridiem=e}),ne(["h","hh"],function(e,t,n){t[lo]=w(e),h(n).bigHour=!0}),ne("hmm",function(e,t,n){var r=e.length-2;t[lo]=w(e.substr(0,r)),t[co]=w(e.substr(r)),h(n).bigHour=!0}),ne("hmmss",function(e,t,n){var r=e.length-4,o=e.length-2;t[lo]=w(e.substr(0,r)),t[co]=w(e.substr(r,2)),t[fo]=w(e.substr(o)),h(n).bigHour=!0}),ne("Hmm",function(e,t,n){var r=e.length-2;t[lo]=w(e.substr(0,r)),t[co]=w(e.substr(r))}),ne("Hmmss",function(e,t,n){var r=e.length-4,o=e.length-2;t[lo]=w(e.substr(0,r)),t[co]=w(e.substr(r,2)),t[fo]=w(e.substr(o))});var Mo,No=/[ap]\.?m?\.?/i,Ao=B("Hours",!0),Do={calendar:kr,longDateFormat:Mr,invalidDate:Nr,ordinal:Ar,dayOfMonthOrdinalParse:Dr,relativeTime:jr,months:go,monthsShort:bo,week:Co,weekdays:Eo,weekdaysMin:Po,weekdaysShort:So,meridiemParse:No},jo={},Ro={},Io=/^\s*((?:[+-]\d{6}|\d{4})-(?:\d\d-\d\d|W\d\d-\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?::\d\d(?::\d\d(?:[.,]\d+)?)?)?)([\+\-]\d\d(?::?\d\d)?|\s*Z)?)?$/,Lo=/^\s*((?:[+-]\d{6}|\d{4})(?:\d\d\d\d|W\d\d\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?:\d\d(?:\d\d(?:[.,]\d+)?)?)?)([\+\-]\d\d(?::?\d\d)?|\s*Z)?)?$/,Fo=/Z|[+-]\d\d(?::?\d\d)?/,Uo=[["YYYYYY-MM-DD",/[+-]\d{6}-\d\d-\d\d/],["YYYY-MM-DD",/\d{4}-\d\d-\d\d/],["GGGG-[W]WW-E",/\d{4}-W\d\d-\d/],["GGGG-[W]WW",/\d{4}-W\d\d/,!1],["YYYY-DDD",/\d{4}-\d{3}/],["YYYY-MM",/\d{4}-\d\d/,!1],["YYYYYYMMDD",/[+-]\d{10}/],["YYYYMMDD",/\d{8}/],["GGGG[W]WWE",/\d{4}W\d{3}/],["GGGG[W]WW",/\d{4}W\d{2}/,!1],["YYYYDDD",/\d{7}/]],Vo=[["HH:mm:ss.SSSS",/\d\d:\d\d:\d\d\.\d+/],["HH:mm:ss,SSSS",/\d\d:\d\d:\d\d,\d+/],["HH:mm:ss",/\d\d:\d\d:\d\d/],["HH:mm",/\d\d:\d\d/],["HHmmss.SSSS",/\d\d\d\d\d\d\.\d+/],["HHmmss,SSSS",/\d\d\d\d\d\d,\d+/],["HHmmss",/\d\d\d\d\d\d/],["HHmm",/\d\d\d\d/],["HH",/\d\d/]],Bo=/^\/?Date\((\-?\d+)/i,zo=/^((?:Mon|Tue|Wed|Thu|Fri|Sat|Sun),?\s)?(\d?\d\s(?:Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)\s(?:\d\d)?\d\d\s)(\d\d:\d\d)(\:\d\d)?(\s(?:UT|GMT|[ECMP][SD]T|[A-IK-Za-ik-z]|[+-]\d{4}))$/;t.createFromInputFallback=E("value provided is not in a recognized RFC2822 or ISO format. moment construction falls back to js Date(), which is not reliable across all browsers and versions. Non RFC2822/ISO date formats are discouraged and will be removed in an upcoming major release. Please refer to http://momentjs.com/guides/#/warnings/js-date/ for more info.",function(e){e._d=new Date(e._i+(e._useUTC?" UTC":""))}),t.ISO_8601=function(){},t.RFC_2822=function(){};var Ho=E("moment().min is deprecated, use moment.max instead. http://momentjs.com/guides/#/warnings/min-max/",function(){var e=_t.apply(null,arguments);return this.isValid()&&e.isValid()?e<this?this:e:m()}),Ko=E("moment().max is deprecated, use moment.min instead. http://momentjs.com/guides/#/warnings/min-max/",function(){var e=_t.apply(null,arguments);return this.isValid()&&e.isValid()?e>this?this:e:m()}),Wo=function(){return Date.now?Date.now():+new Date},qo=["year","quarter","month","week","day","hour","minute","second","millisecond"];Mt("Z",":"),Mt("ZZ",""),Q("Z",to),Q("ZZ",to),ne(["Z","ZZ"],function(e,t,n){n._useUTC=!0,n._tzm=Nt(to,e)});var Yo=/([\+\-]|\d\d)/gi;t.updateOffset=function(){};var Go=/^(\-)?(?:(\d*)[. ])?(\d+)\:(\d+)(?:\:(\d+)(\.\d*)?)?$/,Xo=/^(-)?P(?:(-?[0-9,.]*)Y)?(?:(-?[0-9,.]*)M)?(?:(-?[0-9,.]*)W)?(?:(-?[0-9,.]*)D)?(?:T(?:(-?[0-9,.]*)H)?(?:(-?[0-9,.]*)M)?(?:(-?[0-9,.]*)S)?)?$/;Wt.fn=Ot.prototype,Wt.invalid=Pt;var $o=Xt(1,"add"),Zo=Xt(-1,"subtract");t.defaultFormat="YYYY-MM-DDTHH:mm:ssZ",t.defaultFormatUtc="YYYY-MM-DDTHH:mm:ss[Z]";var Qo=E("moment().lang() is deprecated. Instead, use moment().localeData() to get the language configuration. Use moment().locale() to change languages.",function(e){return void 0===e?this.localeData():this.locale(e)});Y(0,["gg",2],0,function(){return this.weekYear()%100}),Y(0,["GG",2],0,function(){return this.isoWeekYear()%100}),Nn("gggg","weekYear"),Nn("ggggg","weekYear"),Nn("GGGG","isoWeekYear"),Nn("GGGGG","isoWeekYear"),I("weekYear","gg"),I("isoWeekYear","GG"),U("weekYear",1),U("isoWeekYear",1),Q("G",Jr),Q("g",Jr),Q("GG",qr,zr),Q("gg",qr,zr),Q("GGGG",$r,Kr),Q("gggg",$r,Kr),Q("GGGGG",Zr,Wr),Q("ggggg",Zr,Wr),re(["gggg","ggggg","GGGG","GGGGG"],function(e,t,n,r){t[r.substr(0,2)]=w(e)}),re(["gg","GG"],function(e,n,r,o){n[o]=t.parseTwoDigitYear(e)}),Y("Q",0,"Qo","quarter"),I("quarter","Q"),U("quarter",7),Q("Q",Br),ne("Q",function(e,t){t[so]=3*(w(e)-1)}),Y("D",["DD",2],"Do","date"),I("date","D"),U("date",9),Q("D",qr),Q("DD",qr,zr),Q("Do",function(e,t){return e?t._dayOfMonthOrdinalParse||t._ordinalParse:t._dayOfMonthOrdinalParseLenient}),ne(["D","DD"],uo),ne("Do",function(e,t){t[uo]=w(e.match(qr)[0],10)});var Jo=B("Date",!0);Y("DDD",["DDDD",3],"DDDo","dayOfYear"),I("dayOfYear","DDD"),U("dayOfYear",4),Q("DDD",Xr),Q("DDDD",Hr),ne(["DDD","DDDD"],function(e,t,n){n._dayOfYear=w(e)}),Y("m",["mm",2],0,"minute"),I("minute","m"),U("minute",14),Q("m",qr),Q("mm",qr,zr),ne(["m","mm"],co);var ei=B("Minutes",!1);Y("s",["ss",2],0,"second"),I("second","s"),U("second",15),Q("s",qr),Q("ss",qr,zr),ne(["s","ss"],fo);var ti=B("Seconds",!1);Y("S",0,0,function(){return~~(this.millisecond()/100)}),Y(0,["SS",2],0,function(){return~~(this.millisecond()/10)}),Y(0,["SSS",3],0,"millisecond"),Y(0,["SSSS",4],0,function(){return 10*this.millisecond()}),Y(0,["SSSSS",5],0,function(){return 100*this.millisecond()}),Y(0,["SSSSSS",6],0,function(){return 1e3*this.millisecond()}),Y(0,["SSSSSSS",7],0,function(){return 1e4*this.millisecond()}),Y(0,["SSSSSSSS",8],0,function(){return 1e5*this.millisecond()}),Y(0,["SSSSSSSSS",9],0,function(){return 1e6*this.millisecond()}),I("millisecond","ms"),U("millisecond",16),Q("S",Xr,Br),Q("SS",Xr,zr),Q("SSS",Xr,Hr);var ni;for(ni="SSSS";ni.length<=9;ni+="S")Q(ni,Qr);for(ni="S";ni.length<=9;ni+="S")ne(ni,Vn);var ri=B("Milliseconds",!1);Y("z",0,0,"zoneAbbr"),Y("zz",0,0,"zoneName");var oi=g.prototype;oi.add=$o,oi.calendar=Qt,oi.clone=Jt,oi.diff=sn,oi.endOf=_n,oi.format=pn,oi.from=dn,oi.fromNow=hn,oi.to=vn,oi.toNow=mn,oi.get=K,oi.invalidAt=kn,oi.isAfter=en,oi.isBefore=tn,oi.isBetween=nn,oi.isSame=rn,oi.isSameOrAfter=on,oi.isSameOrBefore=an,oi.isValid=On,oi.lang=Qo,oi.locale=yn,oi.localeData=gn,oi.max=Ko,oi.min=Ho,oi.parsingFlags=Tn,oi.set=W,oi.startOf=bn,oi.subtract=Zo,oi.toArray=En,oi.toObject=Sn,oi.toDate=Cn,oi.toISOString=cn,oi.inspect=fn,oi.toJSON=Pn,oi.toString=ln,oi.unix=xn,oi.valueOf=wn,oi.creationData=Mn,oi.year=xo,oi.isLeapYear=ge,oi.weekYear=An,oi.isoWeekYear=Dn,oi.quarter=oi.quarters=Fn,oi.month=fe,oi.daysInMonth=pe,oi.week=oi.weeks=Te,oi.isoWeek=oi.isoWeeks=ke,oi.weeksInYear=Rn,oi.isoWeeksInYear=jn,oi.date=Jo,oi.day=oi.days=Le,oi.weekday=Fe,oi.isoWeekday=Ue,oi.dayOfYear=Un,oi.hour=oi.hours=Ao,oi.minute=oi.minutes=ei,oi.second=oi.seconds=ti,oi.millisecond=oi.milliseconds=ri,oi.utcOffset=jt,oi.utc=It,oi.local=Lt,oi.parseZone=Ft,oi.hasAlignedHourOffset=Ut,oi.isDST=Vt,oi.isLocal=zt,oi.isUtcOffset=Ht,oi.isUtc=Kt,oi.isUTC=Kt,oi.zoneAbbr=Bn,oi.zoneName=zn,oi.dates=E("dates accessor is deprecated. Use date instead.",Jo),oi.months=E("months accessor is deprecated. Use month instead",fe),oi.years=E("years accessor is deprecated. Use year instead",xo),oi.zone=E("moment().zone is deprecated, use moment().utcOffset instead. http://momentjs.com/guides/#/warnings/zone/",Rt),oi.isDSTShifted=E("isDSTShifted is deprecated. See http://momentjs.com/guides/#/warnings/dst-shifted/ for more information",Bt);var ii=k.prototype;ii.calendar=M,ii.longDateFormat=N,ii.invalidDate=A,ii.ordinal=D,ii.preparse=Wn,ii.postformat=Wn,ii.relativeTime=j,ii.pastFuture=R,ii.set=O,ii.months=ae,ii.monthsShort=se,ii.monthsParse=le,ii.monthsRegex=he,ii.monthsShortRegex=de,ii.week=Se,ii.firstDayOfYear=Oe,ii.firstDayOfWeek=Pe,ii.weekdays=Ae,ii.weekdaysMin=je,ii.weekdaysShort=De,ii.weekdaysParse=Ie,ii.weekdaysRegex=Ve,ii.weekdaysShortRegex=Be,ii.weekdaysMinRegex=ze,ii.isPM=Ge,ii.meridiem=Xe,Je("en",{dayOfMonthOrdinalParse:/\d{1,2}(th|st|nd|rd)/,ordinal:function(e){var t=e%10,n=1===w(e%100/10)?"th":1===t?"st":2===t?"nd":3===t?"rd":"th";return e+n}}),t.lang=E("moment.lang is deprecated. Use moment.locale instead.",Je),t.langData=E("moment.langData is deprecated. Use moment.localeData instead.",nt);var ai=Math.abs,si=cr("ms"),ui=cr("s"),li=cr("m"),ci=cr("h"),fi=cr("d"),pi=cr("w"),di=cr("M"),hi=cr("y"),vi=pr("milliseconds"),mi=pr("seconds"),yi=pr("minutes"),gi=pr("hours"),bi=pr("days"),_i=pr("months"),wi=pr("years"),xi=Math.round,Ci={ss:44,s:45,m:45,h:22,d:26,M:11},Ei=Math.abs,Si=Ot.prototype;return Si.isValid=St,Si.abs=er,Si.add=nr,Si.subtract=rr,Si.as=ur,Si.asMilliseconds=si,Si.asSeconds=ui,Si.asMinutes=li,Si.asHours=ci,Si.asDays=fi,Si.asWeeks=pi,Si.asMonths=di,Si.asYears=hi,Si.valueOf=lr,Si._bubble=ir,Si.get=fr,Si.milliseconds=vi,Si.seconds=mi,Si.minutes=yi,Si.hours=gi,Si.days=bi,Si.weeks=dr,Si.months=_i,Si.years=wi,Si.humanize=gr,Si.toISOString=br,Si.toString=br,Si.toJSON=br,Si.locale=yn,Si.localeData=gn,Si.toIsoString=E("toIsoString() is deprecated. Please use toISOString() instead (notice the capitals)",br),Si.lang=Qo,Y("X",0,0,"unix"),Y("x",0,0,"valueOf"),Q("x",Jr),Q("X",no),ne("X",function(e,t,n){n._d=new Date(1e3*parseFloat(e,10))}),ne("x",function(e,t,n){n._d=new Date(w(e))}),t.version="2.18.1",n(_t),t.fn=oi,t.min=xt,t.max=Ct,t.now=Wo,t.utc=p,t.unix=Hn,t.months=Xn,t.isDate=u,t.locale=Je,t.invalid=m,t.duration=Wt,t.isMoment=b,t.weekdays=Zn,t.parseZone=Kn,t.localeData=nt,t.isDuration=Tt,t.monthsShort=$n,t.weekdaysMin=Jn,t.defineLocale=et,t.updateLocale=tt,t.locales=rt,t.weekdaysShort=Qn,t.normalizeUnits=L,t.relativeTimeRounding=mr,t.relativeTimeThreshold=yr,t.calendarFormat=Zt,t.prototype=oi,t})},function(e,t,n){e.exports=!n(18)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(e,t,n){var r=n(15),o=n(454),i=n(68),a=Object.defineProperty;t.f=n(26)?Object.defineProperty:function(e,t,n){if(r(e),t=i(t,!0),r(n),o)try{return a(e,t,n)}catch(s){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(e[t]=n.value),e}},function(e,t,n){"use strict";function r(e,t){t.every(function(e){return"string"==typeof e})&&y(e,t)}function o(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=1,o=t[0],i=t.length;if("function"==typeof o)return o.apply(null,t.slice(1));if("string"==typeof o){for(var a=String(o).replace(m,function(e){if("%%"===e)return"%";if(r>=i)return e;switch(e){case"%s":return String(t[r++]);case"%d":return Number(t[r++]);case"%j":try{return JSON.stringify(t[r++])}catch(n){return"[Circular]"}break;default:return e}}),s=t[r];r<i;s=t[++r])a+=" "+s;return a}return o}function i(e){return"string"===e||"url"===e||"hex"===e||"email"===e||"pattern"===e}function a(e,t){return void 0===e||null===e||(!("array"!==t||!Array.isArray(e)||e.length)||!(!i(t)||"string"!=typeof e||e))}function s(e){return 0===Object.keys(e).length}function u(e,t,n){function r(e){o.push.apply(o,e),i++,i===a&&n(o)}var o=[],i=0,a=e.length;e.forEach(function(e){t(e,r)})}function l(e,t,n){function r(a){if(a&&a.length)return void n(a);var s=o;o+=1,s<i?t(e[s],r):n([])}var o=0,i=e.length;r([])}function c(e){var t=[];return Object.keys(e).forEach(function(n){t.push.apply(t,e[n])}),t}function f(e,t,n,r){if(t.first){var o=c(e);return l(o,n,r)}var i=t.firstFields||[];i===!0&&(i=Object.keys(e));var a=Object.keys(e),s=a.length,f=0,p=[],d=function(e){p.push.apply(p,e),f++,f===s&&r(p)};a.forEach(function(t){var r=e[t];i.indexOf(t)!==-1?l(r,n,d):u(r,n,d)})}function p(e){return function(t){return t&&t.message?(t.field=t.field||e.fullField,t):{message:t,field:t.field||e.fullField}}}function d(e,t){if(t)for(var n in t)if(t.hasOwnProperty(n)){var r=t[n];"object"===("undefined"==typeof r?"undefined":v(r))&&"object"===v(e[n])?e[n]=h({},e[n],r):e[n]=r}return e}Object.defineProperty(t,"__esModule",{value:!0});var h=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};t.warning=r,t.format=o,t.isEmptyValue=a,t.isEmptyObject=s,t.asyncMap=f,t.complementError=p,t.deepMerge=d;var m=/%[sdj%]/g,y=function(){}},function(e,t,n){"use strict";function r(e,t){return 1===e.nodeType&&e.getAttribute(h)===String(t)||8===e.nodeType&&e.nodeValue===" react-text: "+t+" "||8===e.nodeType&&e.nodeValue===" react-empty: "+t+" "}function o(e){for(var t;t=e._renderedComponent;)e=t;return e}function i(e,t){var n=o(e);n._hostNode=t,t[m]=n}function a(e){var t=e._hostNode;t&&(delete t[m],e._hostNode=null)}function s(e,t){if(!(e._flags&v.hasCachedChildNodes)){var n=e._renderedChildren,a=t.firstChild;e:for(var s in n)if(n.hasOwnProperty(s)){var u=n[s],l=o(u)._domID;if(0!==l){for(;null!==a;a=a.nextSibling)if(r(a,l)){i(u,a);continue e}f("32",l)}}e._flags|=v.hasCachedChildNodes}}function u(e){if(e[m])return e[m];for(var t=[];!e[m];){if(t.push(e),!e.parentNode)return null;e=e.parentNode}for(var n,r;e&&(r=e[m]);e=t.pop())n=r,t.length&&s(r,e);return n}function l(e){var t=u(e);return null!=t&&t._hostNode===e?t:null}function c(e){if(void 0===e._hostNode?f("33"):void 0,e._hostNode)return e._hostNode;for(var t=[];!e._hostNode;)t.push(e),e._hostParent?void 0:f("34"),e=e._hostParent;for(;t.length;e=t.pop())s(e,e._hostNode);return e._hostNode}var f=n(19),p=n(114),d=n(403),h=(n(13),p.ID_ATTRIBUTE_NAME),v=d,m="__reactInternalInstance$"+Math.random().toString(36).slice(2),y={getClosestInstanceFromNode:u,getInstanceFromNode:l,getNodeFromInstance:c,precacheChildNodes:s,precacheNode:i,uncacheNode:a};e.exports=y},function(e,t,n){var r=n(85),o=Math.min;e.exports=function(e){return e>0?o(r(e),9007199254740991):0}},function(e,t,n){"use strict";e.exports=n(1496)},function(e,t,n){var r=n(60);e.exports=function(e){return Object(r(e))}},function(e,t){"use strict";function n(e){return function(){return e}}var r=function(){};r.thatReturns=n,r.thatReturnsFalse=n(!1),r.thatReturnsTrue=n(!0),r.thatReturnsNull=n(null),r.thatReturnsThis=function(){return this},r.thatReturnsArgument=function(e){return e},e.exports=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={required:n(394),whitespace:n(1352),type:n(1351),range:n(1350),"enum":n(1348),pattern:n(1349)},e.exports=t["default"]},function(e,t,n){"use strict";var r=n(55),o=n(548),i=n(22),a=n(564),s=n(585),u=n(163),l=n(590),c=n(591),f=n(13),p=n(602),d=n(346),h=n(603),v=n(605),m=i.OrderedSet,y={replaceText:function(e,t,n,o,i){var a=d(e,t),s=h(a,t),u=r.create({style:o||m(),entity:i||null});return c(s,s.getSelectionAfter(),n,u)},insertText:function(e,t,n,r,o){return t.isCollapsed()?void 0:f(!1),y.replaceText(e,t,n,r,o)},moveText:function(e,t,n){var r=u(e,t),o=y.removeRange(e,t,"backward");return y.replaceWithFragment(o,n,r)},replaceWithFragment:function(e,t,n){var r=d(e,t),o=h(r,t);return l(o,o.getSelectionAfter(),n)},removeRange:function(e,t,n){if(t.getAnchorKey()===t.getFocusKey()){var r=t.getAnchorKey(),o=t.getStartOffset(),i=t.getEndOffset(),a=e.getBlockForKey(r),u=a.getEntityAt(o),l=a.getEntityAt(i-1);if(u&&u===l){var c=s(e.getEntityMap(),a,t,n);return h(e,c)}}var f=d(e,t);return h(f,t)},splitBlock:function(e,t){var n=d(e,t),r=h(n,t);return v(r,r.getSelectionAfter())},applyInlineStyle:function(e,t,n){return o.add(e,t,n)},removeInlineStyle:function(e,t,n){return o.remove(e,t,n)},setBlockType:function(e,t,n){return p(e,t,function(e){return e.merge({type:n,depth:0})})},setBlockData:function(e,t,n){return p(e,t,function(e){return e.merge({data:n})})},mergeBlockData:function(e,t,n){return p(e,t,function(e){return e.merge({data:e.getData().merge(n)})})},applyEntity:function(e,t,n){var r=d(e,t);return a(r,t,n)}};e.exports=y},function(e,t){"use strict";var n=!("undefined"==typeof window||!window.document||!window.document.createElement),r={canUseDOM:n,canUseWorkers:"undefined"!=typeof Worker,canUseEventListeners:n&&!(!window.addEventListener&&!window.attachEvent),canUseViewport:n&&!!window.screen,isInWorker:!n};e.exports=r},function(e,t){var n=e.exports={version:"2.4.0"};"number"==typeof __e&&(__e=n)},function(e,t,n){var r=n(260)("wks"),o=n(178),i=n(51).Symbol,a="function"==typeof i,s=e.exports=function(e){return r[e]||(r[e]=a&&i[e]||(a?i:o)("Symbol."+e))};s.store=r},function(e,t){var n={}.hasOwnProperty;e.exports=function(e,t){return n.call(e,t)}},function(e,t){e.exports=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e}},function(e,t,n){var r=n(27),o=n(84);e.exports=n(26)?function(e,t,n){return r.f(e,t,o(1,n))}:function(e,t,n){return e[t]=n,e}},function(e,t,n){var r=n(17),o=n(41),i=n(39),a=n(105)("src"),s="toString",u=Function[s],l=(""+u).split(s);n(75).inspectSource=function(e){return u.call(e)},(e.exports=function(e,t,n,s){var u="function"==typeof n;u&&(i(n,"name")||o(n,"name",t)),e[t]!==n&&(u&&(i(n,a)||o(n,a,e[t]?""+e[t]:l.join(String(t)))),e===r?e[t]=n:s?e[t]?e[t]=n:o(e,t,n):(delete e[t],o(e,t,n)))})(Function.prototype,s,function(){return"function"==typeof this&&this[a]||u.call(this)})},function(e,t,n){var r=n(5),o=n(18),i=n(60),a=/"/g,s=function(e,t,n,r){var o=String(i(e)),s="<"+t;return""!==n&&(s+=" "+n+'="'+String(r).replace(a,"&quot;")+'"'),s+">"+o+"</"+t+">"};e.exports=function(e,t){var n={};n[e]=t(s),r(r.P+r.F*o(function(){var t=""[e]('"');return t!==t.toLowerCase()||t.split('"').length>3}),"String",n)}},function(e,t,n){var r=n(149),o=n(60);e.exports=function(e){return r(o(e))}},function(e,t,n){"use strict";var r=function(){};e.exports=r},function(e,t){"use strict";function n(e,t){var n=e.map(function(e){return e.meta}),r={};return n.sort(function(e,t){return(e.order||0)-(t.order||0)}).forEach(function(e){var n=e.category&&e.category[t]||e.category||"topLevel";r[n]||(r[n]={});var o=e.type||"topLevel";r[n][o]||(r[n][o]=[]),r[n][o].push(e)}),r}function r(e){return/-cn\/?$/.test(e)}function o(e,t){var n=e.startsWith("/")?e:"/"+e;return t?"/"===n?"/index-cn":n.endsWith("/")?n.replace(/\/$/,"-cn/"):n+"-cn":/\/?index-cn/.test(n)?"/":n.replace("-cn","")}function i(e,t){var n=new Image,r=void 0,o=function(e){r||(r=!0,n.src="",t(e))};return n.onload=function(){return o("responded")},n.onerror=function(){return o("error")},n.src=e,setTimeout(function(){return o("timeout")},1500)}function a(){var e="test",t=window.localStorage;try{return t.setItem(e,"1"),t.removeItem(e),!0}catch(n){return!1}}Object.defineProperty(t,"__esModule",{value:!0}),t.getMenuItems=n,t.isZhCN=r,t.getLocalizedPathname=o,t.ping=i,t.isLocalStorageNameSupported=a},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(1924),i=r(o),a=n(1923),s=r(a),u="function"==typeof s["default"]&&"symbol"==typeof i["default"]?function(e){return typeof e}:function(e){return e&&"function"==typeof s["default"]&&e.constructor===s["default"]&&e!==s["default"].prototype?"symbol":typeof e};t["default"]="function"==typeof s["default"]&&"symbol"===u(i["default"])?function(e){return"undefined"==typeof e?"undefined":u(e)}:function(e){return e&&"function"==typeof s["default"]&&e.constructor===s["default"]&&e!==s["default"].prototype?"symbol":"undefined"==typeof e?"undefined":u(e)}},function(e,t,n){"use strict";var r=n(11);e.exports=function(e,t){for(var n=r({},e),o=0;o<t.length;o++){var i=t[o];delete n[i]}return n}},function(e,t){"use strict";var n=function(e){if(null!=e)return e;throw new Error("Got unexpected null or undefined")};e.exports=n},function(e,t,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e["default"]:e}function o(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=Array.isArray(e)?e:[e];
-t.forEach(function(e){e&&e.locale&&(M.__addLocaleData(e),N.__addLocaleData(e))})}function i(e){for(var t=(e||"").split("-");t.length>0;){if(a(t.join("-")))return!0;t.pop()}return!1}function a(e){var t=e&&e.toLowerCase();return!(!M.__localeData__[t]||!N.__localeData__[t])}function s(e){return(""+e).replace(de,function(e){return pe[e]})}function u(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return t.reduce(function(t,r){return e.hasOwnProperty(r)?t[r]=e[r]:n.hasOwnProperty(r)&&(t[r]=n[r]),t},{})}function l(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.intl;j(t,"[React Intl] Could not find required `intl` object. <IntlProvider> needs to exist in the component ancestry.")}function c(e,t){if(e===t)return!0;if("object"!==("undefined"==typeof e?"undefined":L(e))||null===e||"object"!==("undefined"==typeof t?"undefined":L(t))||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(var o=Object.prototype.hasOwnProperty.bind(t),i=0;i<n.length;i++)if(!o(n[i])||e[n[i]]!==t[n[i]])return!1;return!0}function f(e,t,n){var r=e.props,o=e.state,i=e.context,a=void 0===i?{}:i,s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},l=a.intl,f=void 0===l?{}:l,p=s.intl,d=void 0===p?{}:p;return!c(t,r)||!c(n,o)||!(d===f||c(u(d,fe),u(f,fe)))}function p(e){return e.displayName||e.name||"Component"}function d(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.intlPropName,r=void 0===n?"intl":n,o=t.withRef,i=void 0!==o&&o,a=function(t){function n(e,t){F(this,n);var r=K(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e,t));return l(t),r}return z(n,t),U(n,[{key:"getWrappedInstance",value:function(){return j(i,"[React Intl] To access the wrapped instance, the `{withRef: true}` option must be set when calling: `injectIntl()`"),this.refs.wrappedInstance}},{key:"render",value:function(){return D.createElement(e,B({},this.props,V({},r,this.context.intl),{ref:i?"wrappedInstance":null}))}}]),n}(A.Component);return a.displayName="InjectIntl("+p(e)+")",a.contextTypes={intl:ae},a.WrappedComponent=e,a}function h(e){return e}function v(e){return M.prototype._resolveLocale(e)}function m(e){return M.prototype._findPluralRuleFunction(e)}function y(e){var t=N.thresholds;t.second=e.second,t.minute=e.minute,t.hour=e.hour,t.day=e.day,t.month=e.month}function g(e,t,n){var r=e&&e[t]&&e[t][n];if(r)return r}function b(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=e.locale,i=e.formats,a=r.format,s=new Date(n),l=a&&g(i,"date",a),c=u(r,ve,l);try{return t.getDateTimeFormat(o,c).format(s)}catch(f){}return String(s)}function _(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=e.locale,i=e.formats,a=r.format,s=new Date(n),l=a&&g(i,"time",a),c=u(r,ve,l);c.hour||c.minute||c.second||(c=B({},c,{hour:"numeric",minute:"numeric"}));try{return t.getDateTimeFormat(o,c).format(s)}catch(f){}return String(s)}function w(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=e.locale,i=e.formats,a=r.format,s=new Date(n),l=new Date(r.now),c=a&&g(i,"relative",a),f=u(r,ye,c),p=B({},N.thresholds);y(be);try{return t.getRelativeFormat(o,f).format(s,{now:isFinite(l)?l:t.now()})}catch(d){}finally{y(p)}return String(s)}function x(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=e.locale,i=e.formats,a=r.format,s=a&&g(i,"number",a),l=u(r,me,s);try{return t.getNumberFormat(o,l).format(n)}catch(c){}return String(n)}function C(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=e.locale,i=u(r,ge);try{return t.getPluralFormat(o,i).format(n)}catch(a){}return"other"}function E(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=e.locale,i=e.formats,a=e.messages,s=e.defaultLocale,u=e.defaultFormats,l=n.id,c=n.defaultMessage;j(l,"[React Intl] An `id` must be provided to format a message.");var f=a&&a[l],p=Object.keys(r).length>0;if(!p)return f||c||l;var d=void 0;if(f)try{var h=t.getMessageFormat(f,o,i);d=h.format(r)}catch(v){}if(!d&&c)try{var m=t.getMessageFormat(c,s,u);d=m.format(r)}catch(v){}return d||f||c||l}function S(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=Object.keys(r).reduce(function(e,t){var n=r[t];return e[t]="string"==typeof n?s(n):n,e},{});return E(e,t,n,o)}function P(e){var t=Math.abs(e);return t<Te?"second":t<ke?"minute":t<Me?"hour":"day"}function O(e){switch(e){case"second":return Oe;case"minute":return Te;case"hour":return ke;case"day":return Me;default:return Ne}}function T(e,t){if(e===t)return!0;var n=new Date(e).getTime(),r=new Date(t).getTime();return isFinite(n)&&isFinite(r)&&n===r}Object.defineProperty(t,"__esModule",{value:!0});var k=r(n(1963)),M=r(n(385)),N=r(n(1319)),A=n(1),D=r(A),j=r(n(119)),R=r(n(1467)),I={locale:"en",pluralRuleFunction:function(e,t){var n=String(e).split("."),r=!n[1],o=Number(n[0])==e,i=o&&n[0].slice(-1),a=o&&n[0].slice(-2);return t?1==i&&11!=a?"one":2==i&&12!=a?"two":3==i&&13!=a?"few":"other":1==e&&r?"one":"other"},fields:{year:{displayName:"year",relative:{0:"this year",1:"next year","-1":"last year"},relativeTime:{future:{one:"in {0} year",other:"in {0} years"},past:{one:"{0} year ago",other:"{0} years ago"}}},month:{displayName:"month",relative:{0:"this month",1:"next month","-1":"last month"},relativeTime:{future:{one:"in {0} month",other:"in {0} months"},past:{one:"{0} month ago",other:"{0} months ago"}}},day:{displayName:"day",relative:{0:"today",1:"tomorrow","-1":"yesterday"},relativeTime:{future:{one:"in {0} day",other:"in {0} days"},past:{one:"{0} day ago",other:"{0} days ago"}}},hour:{displayName:"hour",relativeTime:{future:{one:"in {0} hour",other:"in {0} hours"},past:{one:"{0} hour ago",other:"{0} hours ago"}}},minute:{displayName:"minute",relativeTime:{future:{one:"in {0} minute",other:"in {0} minutes"},past:{one:"{0} minute ago",other:"{0} minutes ago"}}},second:{displayName:"second",relative:{0:"now"},relativeTime:{future:{one:"in {0} second",other:"in {0} seconds"},past:{one:"{0} second ago",other:"{0} seconds ago"}}}}},L="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},F=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},U=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),V=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},B=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},z=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)},H=function(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n},K=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t},W=function(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)},q=A.PropTypes.bool,Y=A.PropTypes.number,G=A.PropTypes.string,X=A.PropTypes.func,$=A.PropTypes.object,Z=A.PropTypes.oneOf,Q=A.PropTypes.shape,J=A.PropTypes.any,ee=Z(["best fit","lookup"]),te=Z(["narrow","short","long"]),ne=Z(["numeric","2-digit"]),re=X.isRequired,oe={locale:G,formats:$,messages:$,textComponent:J,defaultLocale:G,defaultFormats:$},ie={formatDate:re,formatTime:re,formatRelative:re,formatNumber:re,formatPlural:re,formatMessage:re,formatHTMLMessage:re},ae=Q(B({},oe,ie,{formatters:$,now:re})),se=({id:G.isRequired,description:G,defaultMessage:G},{localeMatcher:ee,formatMatcher:Z(["basic","best fit"]),timeZone:G,hour12:q,weekday:te,era:te,year:ne,month:Z(["numeric","2-digit","narrow","short","long"]),day:ne,hour:ne,minute:ne,second:ne,timeZoneName:Z(["short","long"])}),ue={localeMatcher:ee,style:Z(["decimal","currency","percent"]),currency:G,currencyDisplay:Z(["symbol","code","name"]),useGrouping:q,minimumIntegerDigits:Y,minimumFractionDigits:Y,maximumFractionDigits:Y,minimumSignificantDigits:Y,maximumSignificantDigits:Y},le={style:Z(["best fit","numeric"]),units:Z(["second","minute","hour","day","month","year"])},ce={style:Z(["cardinal","ordinal"])},fe=Object.keys(oe),pe={"&":"&amp;",">":"&gt;","<":"&lt;",'"':"&quot;","'":"&#x27;"},de=/[&><"']/g,he=function Le(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};F(this,Le);var n="ordinal"===t.style,r=m(v(e));this.format=function(e){return r(e,n)}},ve=Object.keys(se),me=Object.keys(ue),ye=Object.keys(le),ge=Object.keys(ce),be={second:60,minute:60,hour:24,day:30,month:12},_e=Object.freeze({formatDate:b,formatTime:_,formatRelative:w,formatNumber:x,formatPlural:C,formatMessage:E,formatHTMLMessage:S}),we=Object.keys(oe),xe=Object.keys(ie),Ce={formats:{},messages:{},textComponent:"span",defaultLocale:"en",defaultFormats:{}},Ee=function(e){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};F(this,t);var r=K(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n));j("undefined"!=typeof Intl,"[React Intl] The `Intl` APIs must be available in the runtime, and do not appear to be built-in. An `Intl` polyfill should be loaded.\nSee: http://formatjs.io/guides/runtime-environments/");var o=n.intl,i=void 0;i=isFinite(e.initialNow)?Number(e.initialNow):o?o.now():Date.now();var a=o||{},s=a.formatters,u=void 0===s?{getDateTimeFormat:R(Intl.DateTimeFormat),getNumberFormat:R(Intl.NumberFormat),getMessageFormat:R(M),getRelativeFormat:R(N),getPluralFormat:R(he)}:s;return r.state=B({},u,{now:function(){return r._didDisplay?Date.now():i}}),r}return z(t,e),U(t,[{key:"getConfig",value:function(){var e=this.context.intl,t=u(this.props,we,e);for(var n in Ce)void 0===t[n]&&(t[n]=Ce[n]);if(!i(t.locale)){var r=t,o=(r.locale,r.defaultLocale),a=r.defaultFormats;t=B({},t,{locale:o,formats:a,messages:Ce.messages})}return t}},{key:"getBoundFormatFns",value:function(e,t){return xe.reduce(function(n,r){return n[r]=_e[r].bind(null,e,t),n},{})}},{key:"getChildContext",value:function(){var e=this.getConfig(),t=this.getBoundFormatFns(e,this.state),n=this.state,r=n.now,o=H(n,["now"]);return{intl:B({},e,t,{formatters:o,now:r})}}},{key:"shouldComponentUpdate",value:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return f.apply(void 0,[this].concat(t))}},{key:"componentDidMount",value:function(){this._didDisplay=!0}},{key:"render",value:function(){return A.Children.only(this.props.children)}}]),t}(A.Component);Ee.displayName="IntlProvider",Ee.contextTypes={intl:ae},Ee.childContextTypes={intl:ae.isRequired};var Se=function(e){function t(e,n){F(this,t);var r=K(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n));return l(n),r}return z(t,e),U(t,[{key:"shouldComponentUpdate",value:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return f.apply(void 0,[this].concat(t))}},{key:"render",value:function(){var e=this.context.intl,t=e.formatDate,n=e.textComponent,r=this.props,o=r.value,i=r.children,a=t(o,this.props);return"function"==typeof i?i(a):D.createElement(n,null,a)}}]),t}(A.Component);Se.displayName="FormattedDate",Se.contextTypes={intl:ae};var Pe=function(e){function t(e,n){F(this,t);var r=K(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n));return l(n),r}return z(t,e),U(t,[{key:"shouldComponentUpdate",value:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return f.apply(void 0,[this].concat(t))}},{key:"render",value:function(){var e=this.context.intl,t=e.formatTime,n=e.textComponent,r=this.props,o=r.value,i=r.children,a=t(o,this.props);return"function"==typeof i?i(a):D.createElement(n,null,a)}}]),t}(A.Component);Pe.displayName="FormattedTime",Pe.contextTypes={intl:ae};var Oe=1e3,Te=6e4,ke=36e5,Me=864e5,Ne=2147483647,Ae=function(e){function t(e,n){F(this,t);var r=K(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n));l(n);var o=isFinite(e.initialNow)?Number(e.initialNow):n.intl.now();return r.state={now:o},r}return z(t,e),U(t,[{key:"scheduleNextUpdate",value:function(e,t){var n=this,r=e.updateInterval;if(r){var o=new Date(e.value).getTime(),i=o-t.now,a=e.units||P(i),s=O(a),u=Math.abs(i%s),l=i<0?Math.max(r,s-u):Math.max(r,u);clearTimeout(this._timer),this._timer=setTimeout(function(){n.setState({now:n.context.intl.now()})},l)}}},{key:"componentDidMount",value:function(){this.scheduleNextUpdate(this.props,this.state)}},{key:"componentWillReceiveProps",value:function(e){var t=e.value;T(t,this.props.value)||this.setState({now:this.context.intl.now()})}},{key:"shouldComponentUpdate",value:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return f.apply(void 0,[this].concat(t))}},{key:"componentWillUpdate",value:function(e,t){this.scheduleNextUpdate(e,t)}},{key:"componentWillUnmount",value:function(){clearTimeout(this._timer)}},{key:"render",value:function(){var e=this.context.intl,t=e.formatRelative,n=e.textComponent,r=this.props,o=r.value,i=r.children,a=t(o,B({},this.props,this.state));return"function"==typeof i?i(a):D.createElement(n,null,a)}}]),t}(A.Component);Ae.displayName="FormattedRelative",Ae.contextTypes={intl:ae},Ae.defaultProps={updateInterval:1e4};var De=function(e){function t(e,n){F(this,t);var r=K(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n));return l(n),r}return z(t,e),U(t,[{key:"shouldComponentUpdate",value:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return f.apply(void 0,[this].concat(t))}},{key:"render",value:function(){var e=this.context.intl,t=e.formatNumber,n=e.textComponent,r=this.props,o=r.value,i=r.children,a=t(o,this.props);return"function"==typeof i?i(a):D.createElement(n,null,a)}}]),t}(A.Component);De.displayName="FormattedNumber",De.contextTypes={intl:ae};var je=function(e){function t(e,n){F(this,t);var r=K(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n));return l(n),r}return z(t,e),U(t,[{key:"shouldComponentUpdate",value:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return f.apply(void 0,[this].concat(t))}},{key:"render",value:function(){var e=this.context.intl,t=e.formatPlural,n=e.textComponent,r=this.props,o=r.value,i=r.other,a=r.children,s=t(o,this.props),u=this.props[s]||i;return"function"==typeof a?a(u):D.createElement(n,null,u)}}]),t}(A.Component);je.displayName="FormattedPlural",je.contextTypes={intl:ae},je.defaultProps={style:"cardinal"};var Re=function(e){function t(e,n){F(this,t);var r=K(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n));return l(n),r}return z(t,e),U(t,[{key:"shouldComponentUpdate",value:function(e){var t=this.props.values,n=e.values;if(!c(n,t))return!0;for(var r=B({},e,{values:t}),o=arguments.length,i=Array(o>1?o-1:0),a=1;a<o;a++)i[a-1]=arguments[a];return f.apply(void 0,[this,r].concat(i))}},{key:"render",value:function(){var e=this.context.intl,t=e.formatMessage,n=e.textComponent,r=this.props,o=r.id,i=r.description,a=r.defaultMessage,s=r.values,u=r.tagName,l=void 0===u?n:u,c=r.children,f=void 0,p=void 0,d=void 0,h=s&&Object.keys(s).length>0;h&&!function(){var e=Math.floor(1099511627776*Math.random()).toString(16),t=function(){var t=0;return function(){return"ELEMENT-"+e+"-"+(t+=1)}}();f="@__"+e+"__@",p={},d={},Object.keys(s).forEach(function(e){var n=s[e];if(A.isValidElement(n)){var r=t();p[e]=f+r+f,d[r]=n}else p[e]=n})}();var v={id:o,description:i,defaultMessage:a},m=t(v,p||s),y=void 0,g=d&&Object.keys(d).length>0;return y=g?m.split(f).filter(function(e){return!!e}).map(function(e){return d[e]||e}):[m],"function"==typeof c?c.apply(void 0,W(y)):A.createElement.apply(void 0,[l,null].concat(W(y)))}}]),t}(A.Component);Re.displayName="FormattedMessage",Re.contextTypes={intl:ae},Re.defaultProps={values:{}};var Ie=function(e){function t(e,n){F(this,t);var r=K(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n));return l(n),r}return z(t,e),U(t,[{key:"shouldComponentUpdate",value:function(e){var t=this.props.values,n=e.values;if(!c(n,t))return!0;for(var r=B({},e,{values:t}),o=arguments.length,i=Array(o>1?o-1:0),a=1;a<o;a++)i[a-1]=arguments[a];return f.apply(void 0,[this,r].concat(i))}},{key:"render",value:function(){var e=this.context.intl,t=e.formatHTMLMessage,n=e.textComponent,r=this.props,o=r.id,i=r.description,a=r.defaultMessage,s=r.values,u=r.tagName,l=void 0===u?n:u,c=r.children,f={id:o,description:i,defaultMessage:a},p=t(f,s);if("function"==typeof c)return c(p);var d={__html:p};return D.createElement(l,{dangerouslySetInnerHTML:d})}}]),t}(A.Component);Ie.displayName="FormattedHTMLMessage",Ie.contextTypes={intl:ae},Ie.defaultProps={values:{}},o(I),o(k),t.addLocaleData=o,t.intlShape=ae,t.injectIntl=d,t.defineMessages=h,t.IntlProvider=Ee,t.FormattedDate=Se,t.FormattedTime=Pe,t.FormattedRelative=Ae,t.FormattedNumber=De,t.FormattedPlural=je,t.FormattedMessage=Re,t.FormattedHTMLMessage=Ie},function(e,t){var n=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(e,t,n){var r=n(150),o=n(84),i=n(44),a=n(68),s=n(39),u=n(454),l=Object.getOwnPropertyDescriptor;t.f=n(26)?l:function(e,t){if(e=i(e),t=a(t,!0),u)try{return l(e,t)}catch(n){}if(s(e,t))return o(!r.f.call(e,t),e[t])}},function(e,t,n){var r=n(39),o=n(32),i=n(283)("IE_PROTO"),a=Object.prototype;e.exports=Object.getPrototypeOf||function(e){return e=o(e),r(e,i)?e[i]:"function"==typeof e.constructor&&e instanceof e.constructor?e.constructor.prototype:e instanceof Object?a:null}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(45),i=r(o),a={};t["default"]=function(e,t){e||a[t]||((0,i["default"])(!1,t),a[t]=!0)},e.exports=t["default"]},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a=n(22),s=a.Map,u=a.OrderedSet,l=a.Record,c=u(),f={style:c,entity:null},p=l(f),d=function(e){function t(){return r(this,t),o(this,e.apply(this,arguments))}return i(t,e),t.prototype.getStyle=function(){return this.get("style")},t.prototype.getEntity=function(){return this.get("entity")},t.prototype.hasStyle=function(e){return this.getStyle().has(e)},t.applyStyle=function(e,n){var r=e.set("style",e.getStyle().add(n));return t.create(r)},t.removeStyle=function(e,n){var r=e.set("style",e.getStyle().remove(n));return t.create(r)},t.applyEntity=function(e,n){var r=e.getEntity()===n?e:e.set("entity",n);return t.create(r)},t.create=function(e){if(!e)return h;var n={style:c,entity:null},r=s(n).merge(e),o=v.get(r);if(o)return o;var i=new t(r);return v=v.set(r,i),i},t}(p),h=new d,v=s([[s(f),h]]);d.EMPTY=h,e.exports=d},function(e,t,n){"use strict";var r=n(1739);e.exports=function(e,t,n,o){var i=n?n.call(o,e,t):void 0;if(void 0!==i)return!!i;if(e===t)return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var a=r(e),s=r(t),u=a.length;if(u!==s.length)return!1;o=o||null;for(var l=Object.prototype.hasOwnProperty.bind(t),c=0;c<u;c++){var f=a[c];if(!l(f))return!1;var p=e[f],d=t[f],h=n?n.call(o,p,d,f):void 0;if(h===!1||void 0===h&&p!==d)return!1}return!0}},function(e,t,n){"use strict";var r=n(1),o=n(1381),i=(new r.Component).updater;e.exports=o(r.Component,r.isValidElement,i)},function(e,t,n){"use strict";var r=null;e.exports={debugTool:r}},function(e,t){var n={}.toString;e.exports=function(e){return n.call(e).slice(8,-1)}},function(e,t){e.exports=function(e){if(void 0==e)throw TypeError("Can't call method on  "+e);return e}},function(e,t,n){var r=n(18);e.exports=function(e,t){return!!e&&r(function(){t?e.call(null,function(){},1):e.call(null)})}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(1915),i=r(o);t["default"]=function(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return(0,i["default"])(e)}},function(e,t){"use strict";function n(){for(var e=void 0;void 0===e||r.hasOwnProperty(e)||!isNaN(+e);)e=Math.floor(Math.random()*o).toString(32);return r[e]=!0,e}var r={},o=Math.pow(2,24);e.exports=n},function(e,t,n){"use strict";function r(e,t,n,r){if(e===n)return!0;if(!n.startsWith(e))return!1;var o=n.slice(e.length);return!!t&&(o=r?r(o):o,a.contains(o,t))}function o(e){return"Windows"===i.platformName?e.replace(/^\s*NT/,""):e}var i=n(1223),a=n(1224),s=n(1237),u=n(375),l={isBrowser:function(e){return r(i.browserName,i.browserFullVersion,e)},isBrowserArchitecture:function(e){return r(i.browserArchitecture,null,e)},isDevice:function(e){return r(i.deviceName,null,e)},isEngine:function(e){return r(i.engineName,i.engineVersion,e)},isPlatform:function(e){return r(i.platformName,i.platformFullVersion,e,o)},isPlatformArchitecture:function(e){return r(i.platformArchitecture,null,e)}};e.exports=s(l,u)},function(e,t,n){"use strict";function r(){O.ReactReconcileTransaction&&w?void 0:c("123")}function o(){this.reinitializeTransaction(),this.dirtyComponentsLength=null,this.callbackQueue=p.getPooled(),this.reconcileTransaction=O.ReactReconcileTransaction.getPooled(!0)}function i(e,t,n,o,i,a){return r(),w.batchedUpdates(e,t,n,o,i,a)}function a(e,t){return e._mountOrder-t._mountOrder}function s(e){var t=e.dirtyComponentsLength;t!==y.length?c("124",t,y.length):void 0,y.sort(a),g++;for(var n=0;n<t;n++){var r=y[n],o=r._pendingCallbacks;r._pendingCallbacks=null;var i;if(h.logTopLevelRenders){var s=r;r._currentElement.type.isReactTopLevelWrapper&&(s=r._renderedComponent),i="React update: "+s.getName(),console.time(i)}if(v.performUpdateIfNecessary(r,e.reconcileTransaction,g),i&&console.timeEnd(i),o)for(var u=0;u<o.length;u++)e.callbackQueue.enqueue(o[u],r.getPublicInstance())}}function u(e){return r(),w.isBatchingUpdates?(y.push(e),void(null==e._updateBatchNumber&&(e._updateBatchNumber=g+1))):void w.batchedUpdates(u,e)}function l(e,t){w.isBatchingUpdates?void 0:c("125"),b.enqueue(e,t),_=!0}var c=n(19),f=n(11),p=n(401),d=n(93),h=n(406),v=n(115),m=n(172),y=(n(13),[]),g=0,b=p.getPooled(),_=!1,w=null,x={initialize:function(){this.dirtyComponentsLength=y.length},close:function(){this.dirtyComponentsLength!==y.length?(y.splice(0,this.dirtyComponentsLength),S()):y.length=0}},C={initialize:function(){this.callbackQueue.reset()},close:function(){this.callbackQueue.notifyAll()}},E=[x,C];f(o.prototype,m,{getTransactionWrappers:function(){return E},destructor:function(){this.dirtyComponentsLength=null,p.release(this.callbackQueue),this.callbackQueue=null,O.ReactReconcileTransaction.release(this.reconcileTransaction),this.reconcileTransaction=null},perform:function(e,t,n){return m.perform.call(this,this.reconcileTransaction.perform,this.reconcileTransaction,e,t,n)}}),d.addPoolingTo(o);var S=function(){for(;y.length||_;){if(y.length){var e=o.getPooled();e.perform(s,null,e),o.release(e)}if(_){_=!1;var t=b;b=p.getPooled(),t.notifyAll(),p.release(t)}}},P={injectReconcileTransaction:function(e){e?void 0:c("126"),O.ReactReconcileTransaction=e},injectBatchingStrategy:function(e){e?void 0:c("127"),"function"!=typeof e.batchedUpdates?c("128"):void 0,"boolean"!=typeof e.isBatchingUpdates?c("129"):void 0,w=e}},O={ReactReconcileTransaction:null,batchedUpdates:i,enqueueUpdate:u,flushBatchedUpdates:S,injection:P,asap:l};e.exports=O},function(e,t,n){var r=n(76),o=n(149),i=n(32),a=n(30),s=n(1546);e.exports=function(e,t){var n=1==e,u=2==e,l=3==e,c=4==e,f=6==e,p=5==e||f,d=t||s;return function(t,s,h){for(var v,m,y=i(t),g=o(y),b=r(s,h,3),_=a(g.length),w=0,x=n?d(t,_):u?d(t,0):void 0;_>w;w++)if((p||w in g)&&(v=g[w],m=b(v,w,y),e))if(n)x[w]=m;else if(m)switch(e){case 3:return!0;case 5:return v;case 6:return w;case 2:x.push(v)}else if(c)return!1;return f?-1:l||c?c:x}}},function(e,t,n){var r=n(5),o=n(75),i=n(18);e.exports=function(e,t){var n=(o.Object||{})[e]||Object[e],a={};a[e]=t(n),r(r.S+r.F*i(function(){n(1)}),"Object",a)}},function(e,t,n){var r=n(21);e.exports=function(e,t){if(!r(e))return e;var n,o;if(t&&"function"==typeof(n=e.toString)&&!r(o=n.call(e)))return o;if("function"==typeof(n=e.valueOf)&&!r(o=n.call(e)))return o;if(!t&&"function"==typeof(n=e.toString)&&!r(o=n.call(e)))return o;throw TypeError("Can't convert object to primitive value")}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o,i,a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(8),y=r(m),g=n(318),b=r(g),_=(i=o=function(e){function t(){var n,r,o;(0,l["default"])(this,t);for(var i=arguments.length,a=Array(i),s=0;s<i;s++)a[s]=arguments[s];return n=r=(0,f["default"])(this,e.call.apply(e,[this].concat(a))),r.icons={direction:["step-backward","step-forward","fast-backward","fast-forward","shrink","arrows-alt","down","up","left","right","caret-up","caret-down","caret-left","caret-right","up-circle","down-circle","left-circle","right-circle","up-circle-o","down-circle-o","right-circle-o","left-circle-o","double-right","double-left","verticle-left","verticle-right","forward","backward","rollback","enter","retweet","swap","swap-left","swap-right","arrow-up","arrow-down","arrow-left","arrow-right","play-circle","play-circle-o","up-square","down-square","left-square","right-square","up-square-o","down-square-o","left-square-o","right-square-o","login","logout","menu-fold","menu-unfold"],suggestion:["question","question-circle-o","question-circle","plus","plus-circle-o","plus-circle","pause","pause-circle-o","pause-circle","minus","minus-circle-o","minus-circle","plus-square","plus-square-o","minus-square","minus-square-o","info","info-circle-o","info-circle","exclamation","exclamation-circle-o","exclamation-circle","close","close-circle","close-circle-o","close-square","close-square-o","check","check-circle","check-circle-o","check-square","check-square-o","clock-circle-o","clock-circle"],logo:["android","android-o","apple","apple-o","windows","windows-o","ie","chrome","github","aliwangwang","aliwangwang-o","dingding","dingding-o"],other:["lock","unlock","area-chart","pie-chart","bar-chart","dot-chart","bars","book","calendar","cloud","cloud-download","code","code-o","copy","credit-card","delete","desktop","download","edit","ellipsis","file","file-text","file-unknown","file-pdf","file-excel","file-jpg","file-ppt","file-add","folder","folder-open","folder-add","hdd","frown","frown-o","meh","meh-o","smile","smile-o","inbox","laptop","appstore-o","appstore","line-chart","link","mail","mobile","notification","paper-clip","picture","poweroff","reload","search","setting","share-alt","shopping-cart","tablet","tag","tag-o","tags","tags-o","to-top","upload","user","video-camera","home","loading","loading-3-quarters","cloud-upload-o","cloud-download-o","cloud-upload","cloud-o","star-o","star","heart-o","heart","environment","environment-o","eye","eye-o","camera","camera-o","save","team","solution","phone","filter","exception","export","customer-service","qrcode","scan","like","like-o","dislike","dislike-o","message","pay-circle","pay-circle-o","calculator","pushpin","pushpin-o","bulb","select","switcher","rocket","bell","disconnect","database","compass","barcode","hourglass","key","flag","layout","printer","sound","usb","skin","tool","sync","wifi","car","schedule","user-add","user-delete","usergroup-add","usergroup-delete","man","woman","shop","gift","idcard","medicine-box","red-envelope","coffee","copyright","trademark","safety","wallet","bank","trophy","contacts","global","shake","api"]},o=n,(0,f["default"])(r,o)}return(0,d["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.className,n=e.catigory,r=(0,y["default"])((0,s["default"])({"anticons-list":!0,clearfix:!0},t,!!t));return v["default"].createElement("ul",{className:r},this.icons[n].map(function(e){return v["default"].createElement(b["default"],{key:e,type:e})}))},t}(v["default"].Component),o.defaultProps={icons:[]},i);t["default"]=_,e.exports=t["default"]},function(e,t){"use strict";t.__esModule=!0,t["default"]=function(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}},function(e,t,n){"use strict";function r(e,t,n,r){this.dispatchConfig=e,this._targetInst=t,this.nativeEvent=n;var o=this.constructor.Interface;for(var i in o)if(o.hasOwnProperty(i)){var s=o[i];s?this[i]=s(n):"target"===i?this.target=r:this[i]=n[i]}var u=null!=n.defaultPrevented?n.defaultPrevented:n.returnValue===!1;return u?this.isDefaultPrevented=a.thatReturnsTrue:this.isDefaultPrevented=a.thatReturnsFalse,this.isPropagationStopped=a.thatReturnsFalse,this}var o=n(11),i=n(93),a=n(33),s=(n(16),"function"==typeof Proxy,["dispatchConfig","_targetInst","nativeEvent","isDefaultPrevented","isPropagationStopped","_dispatchListeners","_dispatchInstances"]),u={type:null,target:null,currentTarget:a.thatReturnsNull,eventPhase:null,bubbles:null,cancelable:null,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:null,isTrusted:null};o(r.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=a.thatReturnsTrue)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=a.thatReturnsTrue)},persist:function(){this.isPersistent=a.thatReturnsTrue},isPersistent:a.thatReturnsFalse,destructor:function(){var e=this.constructor.Interface;for(var t in e)this[t]=null;for(var n=0;n<s.length;n++)this[s[n]]=null}}),r.Interface=u,r.augmentClass=function(e,t){var n=this,r=function(){};r.prototype=n.prototype;var a=new r;o(a,e.prototype),e.prototype=a,e.prototype.constructor=e,e.Interface=o({},n.Interface,t),e.augmentClass=n.augmentClass,i.addPoolingTo(e,i.fourArgumentPooler)},i.addPoolingTo(r,i.fourArgumentPooler),e.exports=r},function(e,t){"use strict";var n={current:null};e.exports=n},function(e,t,n){var r=n(121);e.exports=function(e){if(!r(e))throw TypeError(e+" is not an object!");return e}},function(e,t,n){var r=n(73),o=n(434),i=n(264),a=Object.defineProperty;t.f=n(81)?Object.defineProperty:function(e,t,n){if(r(e),t=i(t,!0),r(n),o)try{return a(e,t,n)}catch(s){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(e[t]=n.value),e}},function(e,t){var n=e.exports={version:"2.4.0"};"number"==typeof __e&&(__e=n)},function(e,t,n){var r=n(40);e.exports=function(e,t,n){if(r(e),void 0===t)return e;switch(n){case 1:return function(n){return e.call(t,n)};case 2:return function(n,r){return e.call(t,n,r)};case 3:return function(n,r,o){return e.call(t,n,r,o)}}return function(){return e.apply(t,arguments)}}},function(e,t,n){var r=n(470),o=n(5),i=n(189)("metadata"),a=i.store||(i.store=new(n(473))),s=function(e,t,n){var o=a.get(e);
-if(!o){if(!n)return;a.set(e,o=new r)}var i=o.get(t);if(!i){if(!n)return;o.set(t,i=new r)}return i},u=function(e,t,n){var r=s(t,n,!1);return void 0!==r&&r.has(e)},l=function(e,t,n){var r=s(t,n,!1);return void 0===r?void 0:r.get(e)},c=function(e,t,n,r){s(n,r,!0).set(e,t)},f=function(e,t){var n=s(e,t,!1),r=[];return n&&n.forEach(function(e,t){r.push(t)}),r},p=function(e){return void 0===e||"symbol"==typeof e?e:String(e)},d=function(e){o(o.S,"Reflect",e)};e.exports={store:a,map:s,has:u,get:l,set:c,keys:f,key:p,exp:d}},function(e,t,n){"use strict";if(n(26)){var r=n(98),o=n(17),i=n(18),a=n(5),s=n(190),u=n(290),l=n(76),c=n(97),f=n(84),p=n(41),d=n(102),h=n(85),v=n(30),m=n(104),y=n(68),g=n(39),b=n(467),_=n(148),w=n(21),x=n(32),C=n(275),E=n(99),S=n(53),P=n(100).f,O=n(292),T=n(105),k=n(24),M=n(66),N=n(180),A=n(284),D=n(293),j=n(125),R=n(186),I=n(103),L=n(268),F=n(447),U=n(27),V=n(52),B=U.f,z=V.f,H=o.RangeError,K=o.TypeError,W=o.Uint8Array,q="ArrayBuffer",Y="Shared"+q,G="BYTES_PER_ELEMENT",X="prototype",$=Array[X],Z=u.ArrayBuffer,Q=u.DataView,J=M(0),ee=M(2),te=M(3),ne=M(4),re=M(5),oe=M(6),ie=N(!0),ae=N(!1),se=D.values,ue=D.keys,le=D.entries,ce=$.lastIndexOf,fe=$.reduce,pe=$.reduceRight,de=$.join,he=$.sort,ve=$.slice,me=$.toString,ye=$.toLocaleString,ge=k("iterator"),be=k("toStringTag"),_e=T("typed_constructor"),we=T("def_constructor"),xe=s.CONSTR,Ce=s.TYPED,Ee=s.VIEW,Se="Wrong length!",Pe=M(1,function(e,t){return Ae(A(e,e[we]),t)}),Oe=i(function(){return 1===new W(new Uint16Array([1]).buffer)[0]}),Te=!!W&&!!W[X].set&&i(function(){new W(1).set({})}),ke=function(e,t){if(void 0===e)throw K(Se);var n=+e,r=v(e);if(t&&!b(n,r))throw H(Se);return r},Me=function(e,t){var n=h(e);if(n<0||n%t)throw H("Wrong offset!");return n},Ne=function(e){if(w(e)&&Ce in e)return e;throw K(e+" is not a typed array!")},Ae=function(e,t){if(!(w(e)&&_e in e))throw K("It is not a typed array constructor!");return new e(t)},De=function(e,t){return je(A(e,e[we]),t)},je=function(e,t){for(var n=0,r=t.length,o=Ae(e,r);r>n;)o[n]=t[n++];return o},Re=function(e,t,n){B(e,t,{get:function(){return this._d[n]}})},Ie=function(e){var t,n,r,o,i,a,s=x(e),u=arguments.length,c=u>1?arguments[1]:void 0,f=void 0!==c,p=O(s);if(void 0!=p&&!C(p)){for(a=p.call(s),r=[],t=0;!(i=a.next()).done;t++)r.push(i.value);s=r}for(f&&u>2&&(c=l(c,arguments[2],2)),t=0,n=v(s.length),o=Ae(this,n);n>t;t++)o[t]=f?c(s[t],t):s[t];return o},Le=function(){for(var e=0,t=arguments.length,n=Ae(this,t);t>e;)n[e]=arguments[e++];return n},Fe=!!W&&i(function(){ye.call(new W(1))}),Ue=function(){return ye.apply(Fe?ve.call(Ne(this)):Ne(this),arguments)},Ve={copyWithin:function(e,t){return F.call(Ne(this),e,t,arguments.length>2?arguments[2]:void 0)},every:function(e){return ne(Ne(this),e,arguments.length>1?arguments[1]:void 0)},fill:function(e){return L.apply(Ne(this),arguments)},filter:function(e){return De(this,ee(Ne(this),e,arguments.length>1?arguments[1]:void 0))},find:function(e){return re(Ne(this),e,arguments.length>1?arguments[1]:void 0)},findIndex:function(e){return oe(Ne(this),e,arguments.length>1?arguments[1]:void 0)},forEach:function(e){J(Ne(this),e,arguments.length>1?arguments[1]:void 0)},indexOf:function(e){return ae(Ne(this),e,arguments.length>1?arguments[1]:void 0)},includes:function(e){return ie(Ne(this),e,arguments.length>1?arguments[1]:void 0)},join:function(e){return de.apply(Ne(this),arguments)},lastIndexOf:function(e){return ce.apply(Ne(this),arguments)},map:function(e){return Pe(Ne(this),e,arguments.length>1?arguments[1]:void 0)},reduce:function(e){return fe.apply(Ne(this),arguments)},reduceRight:function(e){return pe.apply(Ne(this),arguments)},reverse:function(){for(var e,t=this,n=Ne(t).length,r=Math.floor(n/2),o=0;o<r;)e=t[o],t[o++]=t[--n],t[n]=e;return t},some:function(e){return te(Ne(this),e,arguments.length>1?arguments[1]:void 0)},sort:function(e){return he.call(Ne(this),e)},subarray:function(e,t){var n=Ne(this),r=n.length,o=m(e,r);return new(A(n,n[we]))(n.buffer,n.byteOffset+o*n.BYTES_PER_ELEMENT,v((void 0===t?r:m(t,r))-o))}},Be=function(e,t){return De(this,ve.call(Ne(this),e,t))},ze=function(e){Ne(this);var t=Me(arguments[1],1),n=this.length,r=x(e),o=v(r.length),i=0;if(o+t>n)throw H(Se);for(;i<o;)this[t+i]=r[i++]},He={entries:function(){return le.call(Ne(this))},keys:function(){return ue.call(Ne(this))},values:function(){return se.call(Ne(this))}},Ke=function(e,t){return w(e)&&e[Ce]&&"symbol"!=typeof t&&t in e&&String(+t)==String(t)},We=function(e,t){return Ke(e,t=y(t,!0))?f(2,e[t]):z(e,t)},qe=function(e,t,n){return!(Ke(e,t=y(t,!0))&&w(n)&&g(n,"value"))||g(n,"get")||g(n,"set")||n.configurable||g(n,"writable")&&!n.writable||g(n,"enumerable")&&!n.enumerable?B(e,t,n):(e[t]=n.value,e)};xe||(V.f=We,U.f=qe),a(a.S+a.F*!xe,"Object",{getOwnPropertyDescriptor:We,defineProperty:qe}),i(function(){me.call({})})&&(me=ye=function(){return de.call(this)});var Ye=d({},Ve);d(Ye,He),p(Ye,ge,He.values),d(Ye,{slice:Be,set:ze,constructor:function(){},toString:me,toLocaleString:Ue}),Re(Ye,"buffer","b"),Re(Ye,"byteOffset","o"),Re(Ye,"byteLength","l"),Re(Ye,"length","e"),B(Ye,be,{get:function(){return this[Ce]}}),e.exports=function(e,t,n,u){u=!!u;var l=e+(u?"Clamped":"")+"Array",f="Uint8Array"!=l,d="get"+e,h="set"+e,m=o[l],y=m||{},g=m&&S(m),b=!m||!s.ABV,x={},C=m&&m[X],O=function(e,n){var r=e._d;return r.v[d](n*t+r.o,Oe)},T=function(e,n,r){var o=e._d;u&&(r=(r=Math.round(r))<0?0:r>255?255:255&r),o.v[h](n*t+o.o,r,Oe)},k=function(e,t){B(e,t,{get:function(){return O(this,t)},set:function(e){return T(this,t,e)},enumerable:!0})};b?(m=n(function(e,n,r,o){c(e,m,l,"_d");var i,a,s,u,f=0,d=0;if(w(n)){if(!(n instanceof Z||(u=_(n))==q||u==Y))return Ce in n?je(m,n):Ie.call(m,n);i=n,d=Me(r,t);var h=n.byteLength;if(void 0===o){if(h%t)throw H(Se);if(a=h-d,a<0)throw H(Se)}else if(a=v(o)*t,a+d>h)throw H(Se);s=a/t}else s=ke(n,!0),a=s*t,i=new Z(a);for(p(e,"_d",{b:i,o:d,l:a,e:s,v:new Q(i)});f<s;)k(e,f++)}),C=m[X]=E(Ye),p(C,"constructor",m)):R(function(e){new m(null),new m(e)},!0)||(m=n(function(e,n,r,o){c(e,m,l);var i;return w(n)?n instanceof Z||(i=_(n))==q||i==Y?void 0!==o?new y(n,Me(r,t),o):void 0!==r?new y(n,Me(r,t)):new y(n):Ce in n?je(m,n):Ie.call(m,n):new y(ke(n,f))}),J(g!==Function.prototype?P(y).concat(P(g)):P(y),function(e){e in m||p(m,e,y[e])}),m[X]=C,r||(C.constructor=m));var M=C[ge],N=!!M&&("values"==M.name||void 0==M.name),A=He.values;p(m,_e,!0),p(C,Ce,l),p(C,Ee,!0),p(C,we,m),(u?new m(1)[be]==l:be in C)||B(C,be,{get:function(){return l}}),x[l]=m,a(a.G+a.W+a.F*(m!=y),x),a(a.S,l,{BYTES_PER_ELEMENT:t,from:Ie,of:Le}),G in C||p(C,G,t),a(a.P,l,Ve),I(l),a(a.P+a.F*Te,l,{set:ze}),a(a.P+a.F*!N,l,He),a(a.P+a.F*(C.toString!=me),l,{toString:me}),a(a.P+a.F*i(function(){new m(1).slice()}),l,{slice:Be}),a(a.P+a.F*(i(function(){return[1,2].toLocaleString()!=new m([1,2]).toLocaleString()})||!i(function(){C.toLocaleString.call([1,2])})),l,{toLocaleString:Ue}),j[l]=N?M:A,r||N||p(C,ge,A)}}else e.exports=function(){}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n){var r=u["default"].unstable_batchedUpdates?function(e){u["default"].unstable_batchedUpdates(n,e)}:n;return(0,a["default"])(e,t,r)}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var i=n(1292),a=r(i),s=n(2),u=r(s);e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={MAC_ENTER:3,BACKSPACE:8,TAB:9,NUM_CENTER:12,ENTER:13,SHIFT:16,CTRL:17,ALT:18,PAUSE:19,CAPS_LOCK:20,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,PRINT_SCREEN:44,INSERT:45,DELETE:46,ZERO:48,ONE:49,TWO:50,THREE:51,FOUR:52,FIVE:53,SIX:54,SEVEN:55,EIGHT:56,NINE:57,QUESTION_MARK:63,A:65,B:66,C:67,D:68,E:69,F:70,G:71,H:72,I:73,J:74,K:75,L:76,M:77,N:78,O:79,P:80,Q:81,R:82,S:83,T:84,U:85,V:86,W:87,X:88,Y:89,Z:90,META:91,WIN_KEY_RIGHT:92,CONTEXT_MENU:93,NUM_ZERO:96,NUM_ONE:97,NUM_TWO:98,NUM_THREE:99,NUM_FOUR:100,NUM_FIVE:101,NUM_SIX:102,NUM_SEVEN:103,NUM_EIGHT:104,NUM_NINE:105,NUM_MULTIPLY:106,NUM_PLUS:107,NUM_MINUS:109,NUM_PERIOD:110,NUM_DIVISION:111,F1:112,F2:113,F3:114,F4:115,F5:116,F6:117,F7:118,F8:119,F9:120,F10:121,F11:122,F12:123,NUMLOCK:144,SEMICOLON:186,DASH:189,EQUALS:187,COMMA:188,PERIOD:190,SLASH:191,APOSTROPHE:192,SINGLE_QUOTE:222,OPEN_SQUARE_BRACKET:219,BACKSLASH:220,CLOSE_SQUARE_BRACKET:221,WIN_KEY:224,MAC_FF_META:224,WIN_IME:229};n.isTextModifyingKeyEvent=function(e){var t=e.keyCode;if(e.altKey&&!e.ctrlKey||e.metaKey||t>=n.F1&&t<=n.F12)return!1;switch(t){case n.ALT:case n.CAPS_LOCK:case n.CONTEXT_MENU:case n.CTRL:case n.DOWN:case n.END:case n.ESC:case n.HOME:case n.INSERT:case n.LEFT:case n.MAC_FF_META:case n.META:case n.NUMLOCK:case n.NUM_CENTER:case n.PAGE_DOWN:case n.PAGE_UP:case n.PAUSE:case n.PRINT_SCREEN:case n.RIGHT:case n.SHIFT:case n.UP:case n.WIN_KEY:case n.WIN_KEY_RIGHT:return!1;default:return!0}},n.isCharacterKey=function(e){if(e>=n.ZERO&&e<=n.NINE)return!0;if(e>=n.NUM_ZERO&&e<=n.NUM_MULTIPLY)return!0;if(e>=n.A&&e<=n.Z)return!0;if(window.navigation.userAgent.indexOf("WebKit")!==-1&&0===e)return!0;switch(e){case n.SPACE:case n.QUESTION_MARK:case n.NUM_PLUS:case n.NUM_MINUS:case n.NUM_PERIOD:case n.NUM_DIVISION:case n.SEMICOLON:case n.DASH:case n.EQUALS:case n.COMMA:case n.PERIOD:case n.SLASH:case n.APOSTROPHE:case n.SINGLE_QUOTE:case n.OPEN_SQUARE_BRACKET:case n.BACKSLASH:case n.CLOSE_SQUARE_BRACKET:return!0;default:return!1}},t["default"]=n,e.exports=t["default"]},function(e,t,n){e.exports=!n(144)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(e,t,n){var r=n(51),o=n(37),i=n(120),a=n(95),s="prototype",u=function(e,t,n){var l,c,f,p=e&u.F,d=e&u.G,h=e&u.S,v=e&u.P,m=e&u.B,y=e&u.W,g=d?o:o[t]||(o[t]={}),b=g[s],_=d?r:h?r[t]:(r[t]||{})[s];d&&(n=t);for(l in n)c=!p&&_&&void 0!==_[l],c&&l in g||(f=c?_[l]:n[l],g[l]=d&&"function"!=typeof _[l]?n[l]:m&&c?i(f,r):y&&_[l]==f?function(e){var t=function(t,n,r){if(this instanceof e){switch(arguments.length){case 0:return new e;case 1:return new e(t);case 2:return new e(t,n)}return new e(t,n,r)}return e.apply(this,arguments)};return t[s]=e[s],t}(f):v&&"function"==typeof f?i(Function.call,f):f,v&&((g.virtual||(g.virtual={}))[l]=f,e&u.R&&b&&!b[l]&&a(b,l,f)))};u.F=1,u.G=2,u.S=4,u.P=8,u.B=16,u.W=32,u.U=64,u.R=128,e.exports=u},function(e,t,n){var r=n(105)("meta"),o=n(21),i=n(39),a=n(27).f,s=0,u=Object.isExtensible||function(){return!0},l=!n(18)(function(){return u(Object.preventExtensions({}))}),c=function(e){a(e,r,{value:{i:"O"+ ++s,w:{}}})},f=function(e,t){if(!o(e))return"symbol"==typeof e?e:("string"==typeof e?"S":"P")+e;if(!i(e,r)){if(!u(e))return"F";if(!t)return"E";c(e)}return e[r].i},p=function(e,t){if(!i(e,r)){if(!u(e))return!0;if(!t)return!1;c(e)}return e[r].w},d=function(e){return l&&h.NEED&&u(e)&&!i(e,r)&&c(e),e},h=e.exports={KEY:r,NEED:!1,fastKey:f,getWeak:p,onFreeze:d}},function(e,t){e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},function(e,t){var n=Math.ceil,r=Math.floor;e.exports=function(e){return isNaN(e=+e)?0:(e>0?r:n)(e)}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.createPath=t.parsePath=t.getQueryStringValueFromPath=t.stripQueryStringValueFromPath=t.addQueryStringValueToPath=void 0;var o=n(45),i=(r(o),t.addQueryStringValueToPath=function(e,t,n){var r=a(e),o=r.pathname,i=r.search,u=r.hash;return s({pathname:o,search:i+(i.indexOf("?")===-1?"?":"&")+t+"="+n,hash:u})},t.stripQueryStringValueFromPath=function(e,t){var n=a(e),r=n.pathname,o=n.search,i=n.hash;return s({pathname:r,search:o.replace(new RegExp("([?&])"+t+"=[a-zA-Z0-9]+(&?)"),function(e,t,n){return"?"===t?t:n}),hash:i})},t.getQueryStringValueFromPath=function(e,t){var n=a(e),r=n.search,o=r.match(new RegExp("[?&]"+t+"=([a-zA-Z0-9]+)"));return o&&o[1]},function(e){var t=e.match(/^(https?:)?\/\/[^\/]*/);return null==t?e:e.substring(t[0].length)}),a=t.parsePath=function(e){var t=i(e),n="",r="",o=t.indexOf("#");o!==-1&&(r=t.substring(o),t=t.substring(0,o));var a=t.indexOf("?");return a!==-1&&(n=t.substring(a),t=t.substring(0,a)),""===t&&(t="/"),{pathname:t,search:n,hash:r}},s=t.createPath=function(e){if(null==e||"string"==typeof e)return e;var t=e.basename,n=e.pathname,r=e.search,o=e.hash,i=(t||"")+n;return r&&"?"!==r&&(i+=r),o&&(i+=o),i}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=(0,m["default"])();return t.locale(e.locale()).utcOffset(e.utcOffset()),t}function i(e){return e.year()+"-"+(e.month()+1)+"-"+e.date()}function a(e){var t=o(e);return i(t)}function s(e){var t=e.locale(),n=e.localeData();return n["zh-cn"===t?"months":"monthsShort"](e)}function u(e,t){t.hour(e.hour()),t.minute(e.minute()),t.second(e.second())}function l(e,t){var n=t?t(e):{};return n=(0,h["default"])({},y,n)}function c(e,t){var n=!1;if(e){var r=e.hour(),o=e.minute(),i=e.second(),a=t.disabledHours();if(a.indexOf(r)===-1){var s=t.disabledMinutes(r);if(s.indexOf(o)===-1){var u=t.disabledSeconds(r,o);n=u.indexOf(i)!==-1}else n=!0}else n=!0}return!n}function f(e,t){var n=l(e,t);return c(e,n)}function p(e,t,n){return(!t||!t(e))&&!(n&&!f(e,n))}Object.defineProperty(t,"__esModule",{value:!0});var d=n(9),h=r(d);t.getTodayTime=o,t.getTitleString=i,t.getTodayTimeStr=a,t.getMonthName=s,t.syncTime=u,t.getTimeConfig=l,t.isTimeValidByConfig=c,t.isTimeValid=f,t.isAllowedDate=p;var v=n(25),m=r(v),y={disabledHours:function(){return[]},disabledMinutes:function(){return[]},disabledSeconds:function(){return[]}}},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function a(e,t){return e.getStyle()===t.getStyle()}function s(e,t){return e.getEntity()===t.getEntity()}var u=n(22),l=n(162),c=u.List,f=u.Map,p=u.OrderedSet,d=u.Record,h=p(),v={key:"",type:"unstyled",text:"",characterList:c(),depth:0,data:f()},m=d(v),y=function(e){function t(){return r(this,t),o(this,e.apply(this,arguments))}return i(t,e),t.prototype.getKey=function(){return this.get("key")},t.prototype.getType=function(){return this.get("type")},t.prototype.getText=function(){return this.get("text")},t.prototype.getCharacterList=function(){return this.get("characterList")},t.prototype.getLength=function(){return this.getText().length},t.prototype.getDepth=function(){return this.get("depth")},t.prototype.getData=function(){return this.get("data")},t.prototype.getInlineStyleAt=function(e){var t=this.getCharacterList().get(e);return t?t.getStyle():h},t.prototype.getEntityAt=function(e){var t=this.getCharacterList().get(e);return t?t.getEntity():null},t.prototype.findStyleRanges=function(e,t){l(this.getCharacterList(),a,e,t)},t.prototype.findEntityRanges=function(e,t){l(this.getCharacterList(),s,e,t)},t}(m);e.exports=y},function(e,t){function n(){throw new Error("setTimeout has not been defined")}function r(){throw new Error("clearTimeout has not been defined")}function o(e){if(c===setTimeout)return setTimeout(e,0);if((c===n||!c)&&setTimeout)return c=setTimeout,setTimeout(e,0);try{return c(e,0)}catch(t){try{return c.call(null,e,0)}catch(t){return c.call(this,e,0)}}}function i(e){if(f===clearTimeout)return clearTimeout(e);if((f===r||!f)&&clearTimeout)return f=clearTimeout,clearTimeout(e);try{return f(e)}catch(t){try{return f.call(null,e)}catch(t){return f.call(this,e)}}}function a(){v&&d&&(v=!1,d.length?h=d.concat(h):m=-1,h.length&&s())}function s(){if(!v){var e=o(a);v=!0;for(var t=h.length;t;){for(d=h,h=[];++m<t;)d&&d[m].run();m=-1,t=h.length}d=null,v=!1,i(e)}}function u(e,t){this.fun=e,this.array=t}function l(){}var c,f,p=e.exports={};!function(){try{c="function"==typeof setTimeout?setTimeout:n}catch(e){c=n}try{f="function"==typeof clearTimeout?clearTimeout:r}catch(e){f=r}}();var d,h=[],v=!1,m=-1;p.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];h.push(new u(e,t)),1!==h.length||v||o(s)},u.prototype.run=function(){this.fun.apply(null,this.array)},p.title="browser",p.browser=!0,p.env={},p.argv=[],p.version="",p.versions={},p.on=l,p.addListener=l,p.once=l,p.off=l,p.removeListener=l,p.removeAllListeners=l,p.emit=l,p.binding=function(e){throw new Error("process.binding is not supported")},p.cwd=function(){return"/"},p.chdir=function(e){throw new Error("process.chdir is not supported")},p.umask=function(){return 0}},function(e,t,n){"use strict";var r=n(191);e.exports=r},function(e,t,n){"use strict";function r(e){return p<=e&&e<=v}function o(e,t){if(0<=t&&t<e.length?void 0:f(!1),t+1===e.length)return!1;var n=e.charCodeAt(t),r=e.charCodeAt(t+1);return p<=n&&n<=d&&h<=r&&r<=v}function i(e){return m.test(e)}function a(e,t){return 1+r(e.charCodeAt(t))}function s(e){if(!i(e))return e.length;for(var t=0,n=0;n<e.length;n+=a(e,n))t++;return t}function u(e,t,n){if(t=t||0,n=void 0===n?1/0:n||0,!i(e))return e.substr(t,n);var r=e.length;if(r<=0||t>r||n<=0)return"";var o=0;if(t>0){for(;t>0&&o<r;t--)o+=a(e,o);if(o>=r)return""}else if(t<0){for(o=r;t<0&&0<o;t++)o-=a(e,o-1);o<0&&(o=0)}var s=r;if(n<r)for(s=o;n>0&&s<r;n--)s+=a(e,s);return e.substring(o,s)}function l(e,t,n){t=t||0,n=void 0===n?1/0:n||0,t<0&&(t=0),n<0&&(n=0);var r=Math.abs(n-t);return t=t<n?t:n,u(e,t,r)}function c(e){for(var t=[],n=0;n<e.length;n+=a(e,n))t.push(e.codePointAt(n));return t}var f=n(13),p=55296,d=56319,h=56320,v=57343,m=/[\uD800-\uDFFF]/,y={getCodePoints:c,getUTF16Length:a,hasSurrogateUnit:i,isCodeUnitInSurrogateRange:r,isSurrogatePair:o,strlen:s,substring:l,substr:u};e.exports=y},function(e,t,n){"use strict";e.exports=n(1301)},function(e,t,n){"use strict";var r=n(19),o=(n(13),function(e){var t=this;if(t.instancePool.length){var n=t.instancePool.pop();return t.call(n,e),n}return new t(e)}),i=function(e,t){var n=this;if(n.instancePool.length){var r=n.instancePool.pop();return n.call(r,e,t),r}return new n(e,t)},a=function(e,t,n){var r=this;if(r.instancePool.length){var o=r.instancePool.pop();return r.call(o,e,t,n),o}return new r(e,t,n)},s=function(e,t,n,r){var o=this;if(o.instancePool.length){var i=o.instancePool.pop();return o.call(i,e,t,n,r),i}return new o(e,t,n,r)},u=function(e){var t=this;e instanceof t?void 0:r("25"),e.destructor(),t.instancePool.length<t.poolSize&&t.instancePool.push(e)},l=10,c=o,f=function(e,t){var n=e;return n.instancePool=[],n.getPooled=t||c,n.poolSize||(n.poolSize=l),n.release=u,n},p={addPoolingTo:f,oneArgumentPooler:o,twoArgumentPooler:i,threeArgumentPooler:a,fourArgumentPooler:s};e.exports=p},function(e,t){var n={}.hasOwnProperty;e.exports=function(e,t){return n.call(e,t)}},function(e,t,n){var r=n(74),o=n(146);e.exports=n(81)?function(e,t,n){return r.f(e,t,o(1,n))}:function(e,t,n){return e[t]=n,e}},function(e,t,n){var r=n(435),o=n(254);e.exports=function(e){return r(o(e))}},function(e,t){e.exports=function(e,t,n,r){if(!(e instanceof t)||void 0!==r&&r in e)throw TypeError(n+": incorrect invocation!");return e}},function(e,t){e.exports=!1},function(e,t,n){var r=n(15),o=n(460),i=n(271),a=n(283)("IE_PROTO"),s=function(){},u="prototype",l=function(){var e,t=n(270)("iframe"),r=i.length,o="<",a=">";for(t.style.display="none",n(273).appendChild(t),t.src="javascript:",e=t.contentWindow.document,e.open(),e.write(o+"script"+a+"document.F=Object"+o+"/script"+a),e.close(),l=e.F;r--;)delete l[u][i[r]];return l()};e.exports=Object.create||function(e,t){var n;return null!==e?(s[u]=r(e),n=new s,s[u]=null,n[a]=e):n=l(),void 0===t?n:o(n,t)}},function(e,t,n){var r=n(462),o=n(271).concat("length","prototype");t.f=Object.getOwnPropertyNames||function(e){return r(e,o)}},function(e,t,n){var r=n(462),o=n(271);e.exports=Object.keys||function(e){return r(e,o)}},function(e,t,n){var r=n(42);e.exports=function(e,t,n){for(var o in t)r(e,o,t[o],n);return e}},function(e,t,n){"use strict";var r=n(17),o=n(27),i=n(26),a=n(24)("species");e.exports=function(e){var t=r[e];i&&t&&!t[a]&&o.f(t,a,{configurable:!0,get:function(){return this}})}},function(e,t,n){var r=n(85),o=Math.max,i=Math.min;e.exports=function(e,t){return e=r(e),e<0?o(e+t,0):i(e,t)}},function(e,t){var n=0,r=Math.random();e.exports=function(e){return"Symbol(".concat(void 0===e?"":e,")_",(++n+r).toString(36))}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.locationsAreEqual=t.statesAreEqual=t.createLocation=t.createQuery=void 0;var o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=n(119),s=r(a),u=n(45),l=(r(u),n(86)),c=n(192),f=(t.createQuery=function(e){return i(Object.create(null),e)},t.createLocation=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"/",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:c.POP,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r="string"==typeof e?(0,l.parsePath)(e):e,o=r.pathname||"/",i=r.search||"",a=r.hash||"",s=r.state;return{pathname:o,search:i,hash:a,state:s,action:t,key:n}},function(e){return"[object Date]"===Object.prototype.toString.call(e)}),p=t.statesAreEqual=function d(e,t){if(e===t)return!0;var n="undefined"==typeof e?"undefined":o(e),r="undefined"==typeof t?"undefined":o(t);if(n!==r)return!1;if("function"===n?(0,s["default"])(!1):void 0,"object"===n){if(f(e)&&f(t)?(0,s["default"])(!1):void 0,!Array.isArray(e)){var i=Object.keys(e),a=Object.keys(t);return i.length===a.length&&i.every(function(n){return d(e[n],t[n])})}return Array.isArray(t)&&e.length===t.length&&e.every(function(e,n){return d(e,t[n])})}return!1};t.locationsAreEqual=function(e,t){return e.key===t.key&&e.pathname===t.pathname&&e.search===t.search&&e.hash===t.hash&&p(e.state,t.state)}},function(e,t,n){"use strict";n(14),n(1259)},function(e,t){"use strict";function n(e,t){return e+t.charAt(0).toUpperCase()+t.substring(1)}function r(e,t){var n=t?Math.pow(10,t):E,r=0|e,o=e-r;return o?(o*n+(e<0?-.5:.5)|0)/n+r:e}function o(e){return window.WebKitCSSMatrix&&new window.WebKitCSSMatrix(e)||window.MozCSSMatrix&&new window.MozCSSMatrix(e)||window.DOMMatrix&&new window.DOMMatrix(e)||window.MsCSSMatrix&&new window.MsCSSMatrix(e)||window.OCSSMatrix&&new window.OCSSMatrix(e)||window.CSSMatrix&&new window.CSSMatrix(e)||null}function i(e){var t=["O","Moz","ms","Ms","Webkit"];if("filter"!==e&&e in document.body.style)return e;var n=e.charAt(0).toUpperCase()+e.substr(1),r=t.filter(function(e){return""+e+n in document.body.style});return r[0]?""+r[0]+n:null}function a(e){var t=e;return t="x"===t?"translateX":t,t="y"===t?"translateY":t,t="z"===t?"translateZ":t}function s(e){var t=void 0,n=void 0,r=void 0,o=void 0,i=void 0,a=void 0,s=void 0,u=e,l=/(?:\d|\-\d|\.\d|\-\.\d)+/g;return u?"number"==typeof u?t=[u>>16,u>>8&255,255&u]:(","===u.charAt(u.length-1)&&(u=u.substr(0,u.length-1)),S[u]?t=S[u]:"#"===u.charAt(0)?(4===u.length&&(n=u.charAt(1),r=u.charAt(2),o=u.charAt(3),u="#"+n+n+r+r+o+o),u=parseInt(u.substr(1),16),t=[u>>16,u>>8&255,255&u]):"hsl"===u.substr(0,3)?(t=u.match(l),i=Number(t[0])%360/360,a=Number(t[1])/100,s=Number(t[2])/100,r=s<=.5?s*(a+1):s+a-s*a,n=2*s-r,t.length>3&&(t[3]=Number(t[3])),t[0]=P(i+1/3,n,r),t[1]=P(i,n,r),t[2]=P(i-1/3,n,r)):t=u.match(l)||S.transparent,t[0]=Number(t[0]),t[1]=Number(t[1]),t[2]=Number(t[2]),t.length>3&&(t[3]=Number(t[3]))):t=S.black,t}function u(e){if(!e)return[0,0,0,0,0,0,0];var t=void 0;if(e.indexOf("rgb")>=0){var n=e.match(/rgb+(?:a)?\((.*)\)/),r=e.replace(n[0],"").trim().split(/\s+/);t=r.indexOf("inset"),t>=0&&r.splice(t,1);var o=n[1].replace(/\s+/g,"").split(",");return 3===o.length&&o.push(1),r.concat(o,t>=0?["inset"]:[])}var i=e.split(/\s+/);t=i.indexOf("inset"),t>=0&&i.splice(t,1);var a=s(i[i.length-1]);return a[3]="number"==typeof a[3]?a[3]:1,i=i.splice(0,i.length-1),i.concat(a,t>=0?["inset"]:[])}function l(e){var t=4===e.length?"rgba":"rgb",n=e.map(function(e,t){return t<3?Math.round(e):e});return t+"("+n.join(",")+")"}function c(e){return k._lists.transformsBase.indexOf(e)>=0?"transform":e}function f(e){var t=c(e);return k.filter.indexOf(t)>=0?"filter":t}function p(e){if("none"===e||!e||""===e)return null;var t=e.replace(" ","").split(")").filter(function(e){return e}),n={};return t.forEach(function(e){var t=e.split("(");n[t[0]]=t[1]}),n}function d(e){var t=e.match(/(?:\-|\b)[\d\-\.e]+\b/gi),n={};return 6===t.length?(n.m11=parseFloat(t[0]),n.m12=parseFloat(t[1]),n.m13=0,n.m14=0,n.m21=parseFloat(t[2]),n.m22=parseFloat(t[3]),n.m23=0,n.m24=0,n.m31=0,n.m32=0,n.m33=1,n.m34=0,n.m41=parseFloat(t[4]),n.m42=parseFloat(t[5]),n.m43=0,n.m44=0):t.forEach(function(e,t){var r=t%4+1,o=Math.floor(t/4)+1;n["m"+o+r]=parseFloat(e)}),n}function h(e){var t="none"===e||""===e?"matrix(1, 0, 0, 1, 0, 0)":e,n=d(t),o=n.m11,i=n.m12,a=n.m13,s=n.m14,u=n.m21,l=n.m22,c=n.m23,f=n.m24,p=n.m31,h=n.m32,v=n.m33,m=n.m34,y=n.m43,g=void 0,b=void 0,_=void 0,w={};w.perspective=m?r(v/(m<0?-m:m)):0,w.rotateX=r(Math.asin(c)*T);var x=w.rotateX*O,C=Math.tan(u),E=Math.tan(i),S=m*w.perspective,P=void 0;return x&&(S=Math.cos(-x),P=Math.sin(-x),g=u*S+p*P,b=l*S+h*P,_=c*S+v*P,p=u*-P+p*S,h=l*-P+h*S,v=c*-P+v*S,m=f*-P+m*S,u=g,l=b,c=_),x=Math.atan2(p,v),w.rotateY=r(x*T),x&&(S=Math.cos(-x),P=Math.sin(-x),g=o*S-p*P,b=i*S-h*P,_=a*S-v*P,h=i*P+h*S,v=a*P+v*S,m=s*P+m*S,o=g,i=b,a=_),x=Math.atan2(i,o),w.rotate=r(x*T),x&&(S=Math.cos(-x),P=Math.sin(-x),o=o*S+u*P,b=i*S+l*P,l=i*-P+l*S,c=a*-P+c*S,i=b),w.rotateX&&Math.abs(w.rotateX)+Math.abs(w.rotate)>359.9&&(w.rotateX=w.rotate=0,w.rotateY+=180),w.scaleX=r(Math.sqrt(o*o+i*i)),w.scaleY=r(Math.sqrt(l*l+h*h)),w.scaleZ=r(Math.sqrt(c*c+v*v)),w.skewX=C===-E?0:C,w.skewY=E===-C?0:E,w.perspective=m?1/(m<0?-m:m):0,w.translateX=n.m41,w.translateY=n.m42,w.translateZ=y,w}function v(e,t){var n=void 0;return _[e]||"number"!=typeof t?"content"!==e||x.test(t)||(n="'"+t.replace(/'/g,"\\'")+"'"):n=" "+t+"px",n||t}function m(e,t){var n=t&&t.toString().replace(/[^a-z|%]/gi,""),r="";return e.indexOf("translate")>=0||e.indexOf("perspective")>=0||e.indexOf("blur")>=0?r="px":(e.indexOf("skew")>=0||e.indexOf("rotate")>=0)&&(r="deg"),n||r}function y(e,t,n){return e+"("+t+(n||"")+")"}function g(e,t){var n=null;return e&&e.forEach(function(e){if(!n){var r=e.split("(")[0],o=r in k.transformGroup&&t.substring(0,t.length-1).indexOf(r)>=0,i=t in k.transformGroup&&r.substring(0,r.length-1).indexOf(t)>=0,a=r in k.transformGroup&&t in k.transformGroup&&(r.substring(0,r.length-2)===t||t.substring(0,t.length-2)===r);(r===t||o||i||a)&&(n=e)}}),n}function b(e,t){if(!e||""===e)return t;if(!t||""===t)return e;var n=e.replace(/\s/g,"").split(")").filter(function(e){return""!==e&&e}).map(function(e){return e+")"}),r=t.replace(/\s/g,"").split(")").filter(function(e){return""!==e&&e});return r.forEach(function(e){var t=e.split("("),r=t[0],o=g(n,r);if(o){var i=n.indexOf(o);n[i]=e+")"}else n.push(e+")")}),n.forEach(function(e,t){e.indexOf("perspective")>=0&&t&&(n.splice(t,1),n.unshift(e))}),n.join(" ").trim()}Object.defineProperty(t,"__esModule",{value:!0}),t.toFixed=r,t.createMatrix=o,t.checkStyleName=i,t.getGsapType=a,t.parseColor=s,t.parseShadow=u,t.getColor=l,t.isTransform=c,t.isConvert=f,t.splitFilterToObject=p,t.getMatrix=d,t.getTransform=h,t.stylesToCss=v,t.getUnit=m,t.getValues=y,t.findStyleByName=g,t.mergeStyle=b;var _={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridRow:!0,gridColumn:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},w=["Webkit","ms","Moz","O"];Object.keys(_).forEach(function(e){w.forEach(function(t){_[n(t,e)]=_[e]})});var x=/^(normal|none|(\b(url\([^)]*\)|chapter_counter|attr\([^)]*\)|(no-)?(open|close)-quote|inherit)((\b\s*)|$|\s+))+)$/,C=function(){return"undefined"!=typeof document&&!(!navigator||!(navigator.userAgent.indexOf("MSIE 8.0")>0||navigator.userAgent.indexOf("MSIE 9.0")>0))}(),E=1e5,S={aqua:[0,255,255],lime:[0,255,0],silver:[192,192,192],black:[0,0,0],maroon:[128,0,0],teal:[0,128,128],blue:[0,0,255],navy:[0,0,128],white:[255,255,255],fuchsia:[255,0,255],olive:[128,128,0],yellow:[255,255,0],orange:[255,165,0],gray:[128,128,128],purple:[128,0,128],green:[0,128,0],red:[255,0,0],pink:[255,192,203],cyan:[0,255,255],transparent:[255,255,255,0]},P=function(e,t,n){var r=e>1?e-1:e;r=e<0?e+1:r;var o=3*r<2?t+(n-t)*(2/3-r)*6:t,i=r<.5?n:o,a=6*r<1?t+(n-t)*r*6:i;return 255*a+.5|0},O=Math.PI/180,T=180/Math.PI,k={_lists:{transformsBase:["translate","translateX","translateY","scale","scaleX","scaleY","skewX","skewY","rotateZ","rotate"],transforms3D:["translate3d","translateZ","scaleZ","rotateX","rotateY","perspective"]},transformGroup:{translate:1,translate3d:1,scale:1,scale3d:1,rotate:1,rotate3d:1},filter:["grayScale","sepia","hueRotate","invert","brightness","contrast","blur"],filterConvert:{grayScale:"grayscale",hueRotate:"hue-rotate"}};k._lists.transformsBase=C?k._lists.transformsBase:k._lists.transformsBase.concat(k._lists.transforms3D),t["default"]=k},function(e,t,n){"use strict";var r=n(546),o=n(132),i=n(55),a=n(547),s=n(88),u=n(160),l=n(206),c=n(329),f=n(549),p=n(330),d=n(161),h=n(35),v=n(331),m=n(20),y=n(207),g=n(560),b=n(110),_=n(565),w=n(334),x=n(566),C=n(63),E=n(335),S=n(589),P={Editor:f,EditorBlock:p,EditorState:m,CompositeDecorator:a,Entity:d,EntityInstance:v,BlockMapBuilder:o,CharacterMetadata:i,ContentBlock:s,ContentState:u,SelectionState:b,AtomicBlockUtils:r,KeyBindingUtil:y,Modifier:h,RichUtils:g,DefaultDraftBlockRenderMap:l,DefaultDraftInlineStyle:c,convertFromHTML:w,convertFromRaw:x,convertToRaw:_,genKey:C,getDefaultKeyBinding:E,getVisibleSelectionRect:S};e.exports=P},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a=n(22),s=a.Record,u={anchorKey:"",anchorOffset:0,focusKey:"",focusOffset:0,isBackward:!1,hasFocus:!1},l=s(u),c=function(e){function t(){return r(this,t),o(this,e.apply(this,arguments))}return i(t,e),t.prototype.serialize=function(){return"Anchor: "+this.getAnchorKey()+":"+this.getAnchorOffset()+", Focus: "+this.getFocusKey()+":"+this.getFocusOffset()+", Is Backward: "+String(this.getIsBackward())+", Has Focus: "+String(this.getHasFocus())},t.prototype.getAnchorKey=function(){return this.get("anchorKey")},t.prototype.getAnchorOffset=function(){return this.get("anchorOffset")},t.prototype.getFocusKey=function(){return this.get("focusKey")},t.prototype.getFocusOffset=function(){return this.get("focusOffset")},t.prototype.getIsBackward=function(){return this.get("isBackward")},t.prototype.getHasFocus=function(){return this.get("hasFocus")},t.prototype.hasEdgeWithin=function(e,t,n){var r=this.getAnchorKey(),o=this.getFocusKey();
-if(r===o&&r===e){var i=this.getStartOffset(),a=this.getEndOffset();return t<=a&&i<=n}if(e!==r&&e!==o)return!1;var s=e===r?this.getAnchorOffset():this.getFocusOffset();return t<=s&&n>=s},t.prototype.isCollapsed=function(){return this.getAnchorKey()===this.getFocusKey()&&this.getAnchorOffset()===this.getFocusOffset()},t.prototype.getStartKey=function(){return this.getIsBackward()?this.getFocusKey():this.getAnchorKey()},t.prototype.getStartOffset=function(){return this.getIsBackward()?this.getFocusOffset():this.getAnchorOffset()},t.prototype.getEndKey=function(){return this.getIsBackward()?this.getAnchorKey():this.getFocusKey()},t.prototype.getEndOffset=function(){return this.getIsBackward()?this.getAnchorOffset():this.getFocusOffset()},t.createEmpty=function(e){return new t({anchorKey:e,anchorOffset:0,focusKey:e,focusOffset:0,isBackward:!1,hasFocus:!1})},t}(l);e.exports=c},function(e,t,n){var r=n(165),o=n(214);e.exports=function(e){return function t(n,i){switch(arguments.length){case 0:return t;case 1:return o(n)?t:r(function(t){return e(n,t)});default:return o(n)&&o(i)?t:o(n)?r(function(t){return e(t,i)}):o(i)?r(function(t){return e(n,t)}):e(n,i)}}}},function(e,t,n){"use strict";var r={};e.exports=r},function(e,t,n){"use strict";function r(e){if(m){var t=e.node,n=e.children;if(n.length)for(var r=0;r<n.length;r++)y(t,n[r],null);else null!=e.html?f(t,e.html):null!=e.text&&d(t,e.text)}}function o(e,t){e.parentNode.replaceChild(t.node,e),r(t)}function i(e,t){m?e.children.push(t):e.node.appendChild(t.node)}function a(e,t){m?e.html=t:f(e.node,t)}function s(e,t){m?e.text=t:d(e.node,t)}function u(){return this.node.nodeName}function l(e){return{node:e,children:[],html:null,text:null,toString:u}}var c=n(234),f=n(174),p=n(242),d=n(418),h=1,v=11,m="undefined"!=typeof document&&"number"==typeof document.documentMode||"undefined"!=typeof navigator&&"string"==typeof navigator.userAgent&&/\bEdge\/\d/.test(navigator.userAgent),y=p(function(e,t,n){t.node.nodeType===v||t.node.nodeType===h&&"object"===t.node.nodeName.toLowerCase()&&(null==t.node.namespaceURI||t.node.namespaceURI===c.html)?(r(t),e.insertBefore(t.node,n)):(e.insertBefore(t.node,n),r(t))});l.insertTreeBefore=y,l.replaceChildWithTree=o,l.queueChild=i,l.queueHTML=a,l.queueText=s,e.exports=l},function(e,t,n){"use strict";function r(e,t){return(e&t)===t}var o=n(19),i=(n(13),{MUST_USE_PROPERTY:1,HAS_BOOLEAN_VALUE:4,HAS_NUMERIC_VALUE:8,HAS_POSITIVE_NUMERIC_VALUE:24,HAS_OVERLOADED_BOOLEAN_VALUE:32,injectDOMPropertyConfig:function(e){var t=i,n=e.Properties||{},a=e.DOMAttributeNamespaces||{},u=e.DOMAttributeNames||{},l=e.DOMPropertyNames||{},c=e.DOMMutationMethods||{};e.isCustomAttribute&&s._isCustomAttributeFunctions.push(e.isCustomAttribute);for(var f in n){s.properties.hasOwnProperty(f)?o("48",f):void 0;var p=f.toLowerCase(),d=n[f],h={attributeName:p,attributeNamespace:null,propertyName:f,mutationMethod:null,mustUseProperty:r(d,t.MUST_USE_PROPERTY),hasBooleanValue:r(d,t.HAS_BOOLEAN_VALUE),hasNumericValue:r(d,t.HAS_NUMERIC_VALUE),hasPositiveNumericValue:r(d,t.HAS_POSITIVE_NUMERIC_VALUE),hasOverloadedBooleanValue:r(d,t.HAS_OVERLOADED_BOOLEAN_VALUE)};if(h.hasBooleanValue+h.hasNumericValue+h.hasOverloadedBooleanValue<=1?void 0:o("50",f),u.hasOwnProperty(f)){var v=u[f];h.attributeName=v}a.hasOwnProperty(f)&&(h.attributeNamespace=a[f]),l.hasOwnProperty(f)&&(h.propertyName=l[f]),c.hasOwnProperty(f)&&(h.mutationMethod=c[f]),s.properties[f]=h}}}),a=":A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD",s={ID_ATTRIBUTE_NAME:"data-reactid",ROOT_ATTRIBUTE_NAME:"data-reactroot",ATTRIBUTE_NAME_START_CHAR:a,ATTRIBUTE_NAME_CHAR:a+"\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040",properties:{},getPossibleStandardName:null,_isCustomAttributeFunctions:[],isCustomAttribute:function(e){for(var t=0;t<s._isCustomAttributeFunctions.length;t++){var n=s._isCustomAttributeFunctions[t];if(n(e))return!0}return!1},injection:i};e.exports=s},function(e,t,n){"use strict";function r(){o.attachRefs(this,this._currentElement)}var o=n(1418),i=(n(58),n(16),{mountComponent:function(e,t,n,o,i,a){var s=e.mountComponent(t,n,o,i,a);return e._currentElement&&null!=e._currentElement.ref&&t.getReactMountReady().enqueue(r,e),s},getHostNode:function(e){return e.getHostNode()},unmountComponent:function(e,t){o.detachRefs(e,e._currentElement),e.unmountComponent(t)},receiveComponent:function(e,t,n,i){var a=e._currentElement;if(t!==a||i!==e._context){var s=o.shouldUpdateRefs(a,t);s&&o.detachRefs(e,a),e.receiveComponent(t,n,i),s&&e._currentElement&&null!=e._currentElement.ref&&n.getReactMountReady().enqueue(r,e)}},performUpdateIfNecessary:function(e,t,n){e._updateBatchNumber===n&&e.performUpdateIfNecessary(t)}});e.exports=i},function(e,t,n){"use strict";var r=n(11),o=n(1447),i=n(249),a=n(1452),s=n(1448),u=n(1449),l=n(117),c=n(1451),f=n(1453),p=n(1456),d=(n(16),l.createElement),h=l.createFactory,v=l.cloneElement,m=r,y={Children:{map:o.map,forEach:o.forEach,count:o.count,toArray:o.toArray,only:p},Component:i,PureComponent:a,createElement:d,cloneElement:v,isValidElement:l.isValidElement,PropTypes:c,createClass:s.createClass,createFactory:h,createMixin:function(e){return e},DOM:u,version:f,__spread:m};e.exports=y},function(e,t,n){"use strict";function r(e){return void 0!==e.ref}function o(e){return void 0!==e.key}var i=n(11),a=n(72),s=(n(16),n(422),Object.prototype.hasOwnProperty),u=n(421),l={key:!0,ref:!0,__self:!0,__source:!0},c=function(e,t,n,r,o,i,a){var s={$$typeof:u,type:e,key:t,ref:n,props:a,_owner:i};return s};c.createElement=function(e,t,n){var i,u={},f=null,p=null,d=null,h=null;if(null!=t){r(t)&&(p=t.ref),o(t)&&(f=""+t.key),d=void 0===t.__self?null:t.__self,h=void 0===t.__source?null:t.__source;for(i in t)s.call(t,i)&&!l.hasOwnProperty(i)&&(u[i]=t[i])}var v=arguments.length-2;if(1===v)u.children=n;else if(v>1){for(var m=Array(v),y=0;y<v;y++)m[y]=arguments[y+2];u.children=m}if(e&&e.defaultProps){var g=e.defaultProps;for(i in g)void 0===u[i]&&(u[i]=g[i])}return c(e,f,p,d,h,a.current,u)},c.createFactory=function(e){var t=c.createElement.bind(null,e);return t.type=e,t},c.cloneAndReplaceKey=function(e,t){var n=c(e.type,t,e.ref,e._self,e._source,e._owner,e.props);return n},c.cloneElement=function(e,t,n){var u,f=i({},e.props),p=e.key,d=e.ref,h=e._self,v=e._source,m=e._owner;if(null!=t){r(t)&&(d=t.ref,m=a.current),o(t)&&(p=""+t.key);var y;e.type&&e.type.defaultProps&&(y=e.type.defaultProps);for(u in t)s.call(t,u)&&!l.hasOwnProperty(u)&&(void 0===t[u]&&void 0!==y?f[u]=y[u]:f[u]=t[u])}var g=arguments.length-2;if(1===g)f.children=n;else if(g>1){for(var b=Array(g),_=0;_<g;_++)b[_]=arguments[_+2];f.children=b}return c(e.type,p,d,h,v,m,f)},c.isValidElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===u},e.exports=c},function(e,t){"use strict";function n(e){for(var t=arguments.length-1,n="Minified React error #"+e+"; visit http://facebook.github.io/react/docs/error-decoder.html?invariant="+e,r=0;r<t;r++)n+="&args[]="+encodeURIComponent(arguments[r+1]);n+=" for the full message or use the non-minified dev environment for full errors and additional helpful warnings.";var o=new Error(n);throw o.name="Invariant Violation",o.framesToPop=1,o}e.exports=n},function(e,t,n){"use strict";var r=function(e,t,n,r,o,i,a,s){if(!e){var u;if(void 0===t)u=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var l=[n,r,o,i,a,s],c=0;u=new Error(t.replace(/%s/g,function(){return l[c++]})),u.name="Invariant Violation"}throw u.framesToPop=1,u}};e.exports=r},function(e,t,n){var r=n(252);e.exports=function(e,t,n){if(r(e),void 0===t)return e;switch(n){case 1:return function(n){return e.call(t,n)};case 2:return function(n,r){return e.call(t,n,r)};case 3:return function(n,r,o){return e.call(t,n,r,o)}}return function(){return e.apply(t,arguments)}}},function(e,t){e.exports=function(e){return"object"==typeof e?null!==e:"function"==typeof e}},function(e,t){e.exports={}},function(e,t,n){var r=n(24)("unscopables"),o=Array.prototype;void 0==o[r]&&n(41)(o,r,{}),e.exports=function(e){o[r][e]=!0}},function(e,t,n){var r=n(76),o=n(456),i=n(275),a=n(15),s=n(30),u=n(292),l={},c={},t=e.exports=function(e,t,n,f,p){var d,h,v,m,y=p?function(){return e}:u(e),g=r(n,f,t?2:1),b=0;if("function"!=typeof y)throw TypeError(e+" is not iterable!");if(i(y)){for(d=s(e.length);d>b;b++)if(m=t?g(a(h=e[b])[0],h[1]):g(e[b]),m===l||m===c)return m}else for(v=y.call(e);!(h=v.next()).done;)if(m=o(v,g,h.value,t),m===l||m===c)return m};t.BREAK=l,t.RETURN=c},function(e,t){e.exports={}},function(e,t,n){var r=n(27).f,o=n(39),i=n(24)("toStringTag");e.exports=function(e,t,n){e&&!o(e=n?e:e.prototype,i)&&r(e,i,{configurable:!0,value:t})}},function(e,t,n){var r=n(5),o=n(60),i=n(18),a=n(288),s="["+a+"]",u="\u200b\x85",l=RegExp("^"+s+s+"*"),c=RegExp(s+s+"*$"),f=function(e,t,n){var o={},s=i(function(){return!!a[e]()||u[e]()!=u}),l=o[e]=s?t(p):a[e];n&&(o[n]=l),r(r.P+r.F*s,"String",o)},p=f.trim=function(e,t){return e=String(o(e)),1&t&&(e=e.replace(l,"")),2&t&&(e=e.replace(c,"")),e};e.exports=f},function(e,t,n){!function(t,n){e.exports=n()}(this,function(){"use strict";function e(e,t){t&&(e.prototype=Object.create(t.prototype)),e.prototype.constructor=e}function t(e){return i(e)?e:k(e)}function n(e){return a(e)?e:M(e)}function r(e){return s(e)?e:N(e)}function o(e){return i(e)&&!u(e)?e:A(e)}function i(e){return!(!e||!e[ln])}function a(e){return!(!e||!e[cn])}function s(e){return!(!e||!e[fn])}function u(e){return a(e)||s(e)}function l(e){return!(!e||!e[pn])}function c(e){return e.value=!1,e}function f(e){e&&(e.value=!0)}function p(){}function d(e,t){t=t||0;for(var n=Math.max(0,e.length-t),r=new Array(n),o=0;o<n;o++)r[o]=e[o+t];return r}function h(e){return void 0===e.size&&(e.size=e.__iterate(m)),e.size}function v(e,t){if("number"!=typeof t){var n=t>>>0;if(""+n!==t||4294967295===n)return NaN;t=n}return t<0?h(e)+t:t}function m(){return!0}function y(e,t,n){return(0===e||void 0!==n&&e<=-n)&&(void 0===t||void 0!==n&&t>=n)}function g(e,t){return _(e,t,0)}function b(e,t){return _(e,t,t)}function _(e,t,n){return void 0===e?n:e<0?Math.max(0,t+e):void 0===t?e:Math.min(t,e)}function w(e){this.next=e}function x(e,t,n,r){var o=0===e?t:1===e?n:[t,n];return r?r.value=o:r={value:o,done:!1},r}function C(){return{value:void 0,done:!0}}function E(e){return!!O(e)}function S(e){return e&&"function"==typeof e.next}function P(e){var t=O(e);return t&&t.call(e)}function O(e){var t=e&&(Cn&&e[Cn]||e[En]);if("function"==typeof t)return t}function T(e){return e&&"number"==typeof e.length}function k(e){return null===e||void 0===e?F():i(e)?e.toSeq():B(e)}function M(e){return null===e||void 0===e?F().toKeyedSeq():i(e)?a(e)?e.toSeq():e.fromEntrySeq():U(e)}function N(e){return null===e||void 0===e?F():i(e)?a(e)?e.entrySeq():e.toIndexedSeq():V(e)}function A(e){return(null===e||void 0===e?F():i(e)?a(e)?e.entrySeq():e:V(e)).toSetSeq()}function D(e){this._array=e,this.size=e.length}function j(e){var t=Object.keys(e);this._object=e,this._keys=t,this.size=t.length}function R(e){this._iterable=e,this.size=e.length||e.size}function I(e){this._iterator=e,this._iteratorCache=[]}function L(e){return!(!e||!e[Pn])}function F(){return On||(On=new D([]))}function U(e){var t=Array.isArray(e)?new D(e).fromEntrySeq():S(e)?new I(e).fromEntrySeq():E(e)?new R(e).fromEntrySeq():"object"==typeof e?new j(e):void 0;if(!t)throw new TypeError("Expected Array or iterable object of [k, v] entries, or keyed object: "+e);return t}function V(e){var t=z(e);if(!t)throw new TypeError("Expected Array or iterable object of values: "+e);return t}function B(e){var t=z(e)||"object"==typeof e&&new j(e);if(!t)throw new TypeError("Expected Array or iterable object of values, or keyed object: "+e);return t}function z(e){return T(e)?new D(e):S(e)?new I(e):E(e)?new R(e):void 0}function H(e,t,n,r){var o=e._cache;if(o){for(var i=o.length-1,a=0;a<=i;a++){var s=o[n?i-a:a];if(t(s[1],r?s[0]:a,e)===!1)return a+1}return a}return e.__iterateUncached(t,n)}function K(e,t,n,r){var o=e._cache;if(o){var i=o.length-1,a=0;return new w(function(){var e=o[n?i-a:a];return a++>i?C():x(t,r?e[0]:a-1,e[1])})}return e.__iteratorUncached(t,n)}function W(e,t){return t?q(t,e,"",{"":e}):Y(e)}function q(e,t,n,r){return Array.isArray(t)?e.call(r,n,N(t).map(function(n,r){return q(e,n,r,t)})):G(t)?e.call(r,n,M(t).map(function(n,r){return q(e,n,r,t)})):t}function Y(e){return Array.isArray(e)?N(e).map(Y).toList():G(e)?M(e).map(Y).toMap():e}function G(e){return e&&(e.constructor===Object||void 0===e.constructor)}function X(e,t){if(e===t||e!==e&&t!==t)return!0;if(!e||!t)return!1;if("function"==typeof e.valueOf&&"function"==typeof t.valueOf){if(e=e.valueOf(),t=t.valueOf(),e===t||e!==e&&t!==t)return!0;if(!e||!t)return!1}return!("function"!=typeof e.equals||"function"!=typeof t.equals||!e.equals(t))}function $(e,t){if(e===t)return!0;if(!i(t)||void 0!==e.size&&void 0!==t.size&&e.size!==t.size||void 0!==e.__hash&&void 0!==t.__hash&&e.__hash!==t.__hash||a(e)!==a(t)||s(e)!==s(t)||l(e)!==l(t))return!1;if(0===e.size&&0===t.size)return!0;var n=!u(e);if(l(e)){var r=e.entries();return t.every(function(e,t){var o=r.next().value;return o&&X(o[1],e)&&(n||X(o[0],t))})&&r.next().done}var o=!1;if(void 0===e.size)if(void 0===t.size)"function"==typeof e.cacheResult&&e.cacheResult();else{o=!0;var c=e;e=t,t=c}var f=!0,p=t.__iterate(function(t,r){if(n?!e.has(t):o?!X(t,e.get(r,yn)):!X(e.get(r,yn),t))return f=!1,!1});return f&&e.size===p}function Z(e,t){if(!(this instanceof Z))return new Z(e,t);if(this._value=e,this.size=void 0===t?1/0:Math.max(0,t),0===this.size){if(Tn)return Tn;Tn=this}}function Q(e,t){if(!e)throw new Error(t)}function J(e,t,n){if(!(this instanceof J))return new J(e,t,n);if(Q(0!==n,"Cannot step a Range by 0"),e=e||0,void 0===t&&(t=1/0),n=void 0===n?1:Math.abs(n),t<e&&(n=-n),this._start=e,this._end=t,this._step=n,this.size=Math.max(0,Math.ceil((t-e)/n-1)+1),0===this.size){if(kn)return kn;kn=this}}function ee(){throw TypeError("Abstract")}function te(){}function ne(){}function re(){}function oe(e){return e>>>1&1073741824|3221225471&e}function ie(e){if(e===!1||null===e||void 0===e)return 0;if("function"==typeof e.valueOf&&(e=e.valueOf(),e===!1||null===e||void 0===e))return 0;if(e===!0)return 1;var t=typeof e;if("number"===t){if(e!==e||e===1/0)return 0;var n=0|e;for(n!==e&&(n^=4294967295*e);e>4294967295;)e/=4294967295,n^=e;return oe(n)}if("string"===t)return e.length>Ln?ae(e):se(e);if("function"==typeof e.hashCode)return e.hashCode();if("object"===t)return ue(e);if("function"==typeof e.toString)return se(e.toString());throw new Error("Value type "+t+" cannot be hashed.")}function ae(e){var t=Vn[e];return void 0===t&&(t=se(e),Un===Fn&&(Un=0,Vn={}),Un++,Vn[e]=t),t}function se(e){for(var t=0,n=0;n<e.length;n++)t=31*t+e.charCodeAt(n)|0;return oe(t)}function ue(e){var t;if(jn&&(t=Mn.get(e),void 0!==t))return t;if(t=e[In],void 0!==t)return t;if(!Dn){if(t=e.propertyIsEnumerable&&e.propertyIsEnumerable[In],void 0!==t)return t;if(t=le(e),void 0!==t)return t}if(t=++Rn,1073741824&Rn&&(Rn=0),jn)Mn.set(e,t);else{if(void 0!==An&&An(e)===!1)throw new Error("Non-extensible objects are not allowed as keys.");if(Dn)Object.defineProperty(e,In,{enumerable:!1,configurable:!1,writable:!1,value:t});else if(void 0!==e.propertyIsEnumerable&&e.propertyIsEnumerable===e.constructor.prototype.propertyIsEnumerable)e.propertyIsEnumerable=function(){return this.constructor.prototype.propertyIsEnumerable.apply(this,arguments)},e.propertyIsEnumerable[In]=t;else{if(void 0===e.nodeType)throw new Error("Unable to set a non-enumerable property on object.");e[In]=t}}return t}function le(e){if(e&&e.nodeType>0)switch(e.nodeType){case 1:return e.uniqueID;case 9:return e.documentElement&&e.documentElement.uniqueID}}function ce(e){Q(e!==1/0,"Cannot perform this action with an infinite size.")}function fe(e){return null===e||void 0===e?xe():pe(e)&&!l(e)?e:xe().withMutations(function(t){var r=n(e);ce(r.size),r.forEach(function(e,n){return t.set(n,e)})})}function pe(e){return!(!e||!e[Bn])}function de(e,t){this.ownerID=e,this.entries=t}function he(e,t,n){this.ownerID=e,this.bitmap=t,this.nodes=n}function ve(e,t,n){this.ownerID=e,this.count=t,this.nodes=n}function me(e,t,n){this.ownerID=e,this.keyHash=t,this.entries=n}function ye(e,t,n){this.ownerID=e,this.keyHash=t,this.entry=n}function ge(e,t,n){this._type=t,this._reverse=n,this._stack=e._root&&_e(e._root)}function be(e,t){return x(e,t[0],t[1])}function _e(e,t){return{node:e,index:0,__prev:t}}function we(e,t,n,r){var o=Object.create(zn);return o.size=e,o._root=t,o.__ownerID=n,o.__hash=r,o.__altered=!1,o}function xe(){return Hn||(Hn=we(0))}function Ce(e,t,n){var r,o;if(e._root){var i=c(gn),a=c(bn);if(r=Ee(e._root,e.__ownerID,0,void 0,t,n,i,a),!a.value)return e;o=e.size+(i.value?n===yn?-1:1:0)}else{if(n===yn)return e;o=1,r=new de(e.__ownerID,[[t,n]])}return e.__ownerID?(e.size=o,e._root=r,e.__hash=void 0,e.__altered=!0,e):r?we(o,r):xe()}function Ee(e,t,n,r,o,i,a,s){return e?e.update(t,n,r,o,i,a,s):i===yn?e:(f(s),f(a),new ye(t,r,[o,i]))}function Se(e){return e.constructor===ye||e.constructor===me}function Pe(e,t,n,r,o){if(e.keyHash===r)return new me(t,r,[e.entry,o]);var i,a=(0===n?e.keyHash:e.keyHash>>>n)&mn,s=(0===n?r:r>>>n)&mn,u=a===s?[Pe(e,t,n+hn,r,o)]:(i=new ye(t,r,o),a<s?[e,i]:[i,e]);return new he(t,1<<a|1<<s,u)}function Oe(e,t,n,r){e||(e=new p);for(var o=new ye(e,ie(n),[n,r]),i=0;i<t.length;i++){var a=t[i];o=o.update(e,0,void 0,a[0],a[1])}return o}function Te(e,t,n,r){for(var o=0,i=0,a=new Array(n),s=0,u=1,l=t.length;s<l;s++,u<<=1){var c=t[s];void 0!==c&&s!==r&&(o|=u,a[i++]=c)}return new he(e,o,a)}function ke(e,t,n,r,o){for(var i=0,a=new Array(vn),s=0;0!==n;s++,n>>>=1)a[s]=1&n?t[i++]:void 0;return a[r]=o,new ve(e,i+1,a)}function Me(e,t,r){for(var o=[],a=0;a<r.length;a++){var s=r[a],u=n(s);i(s)||(u=u.map(function(e){return W(e)})),o.push(u)}return De(e,t,o)}function Ne(e,t,n){return e&&e.mergeDeep&&i(t)?e.mergeDeep(t):X(e,t)?e:t}function Ae(e){return function(t,n,r){if(t&&t.mergeDeepWith&&i(n))return t.mergeDeepWith(e,n);var o=e(t,n,r);return X(t,o)?t:o}}function De(e,t,n){return n=n.filter(function(e){return 0!==e.size}),0===n.length?e:0!==e.size||e.__ownerID||1!==n.length?e.withMutations(function(e){for(var r=t?function(n,r){e.update(r,yn,function(e){return e===yn?n:t(e,n,r)})}:function(t,n){e.set(n,t)},o=0;o<n.length;o++)n[o].forEach(r)}):e.constructor(n[0])}function je(e,t,n,r){var o=e===yn,i=t.next();if(i.done){var a=o?n:e,s=r(a);return s===a?e:s}Q(o||e&&e.set,"invalid keyPath");var u=i.value,l=o?yn:e.get(u,yn),c=je(l,t,n,r);return c===l?e:c===yn?e.remove(u):(o?xe():e).set(u,c)}function Re(e){return e-=e>>1&1431655765,e=(858993459&e)+(e>>2&858993459),e=e+(e>>4)&252645135,e+=e>>8,e+=e>>16,127&e}function Ie(e,t,n,r){var o=r?e:d(e);return o[t]=n,o}function Le(e,t,n,r){var o=e.length+1;if(r&&t+1===o)return e[t]=n,e;for(var i=new Array(o),a=0,s=0;s<o;s++)s===t?(i[s]=n,a=-1):i[s]=e[s+a];return i}function Fe(e,t,n){var r=e.length-1;if(n&&t===r)return e.pop(),e;for(var o=new Array(r),i=0,a=0;a<r;a++)a===t&&(i=1),o[a]=e[a+i];return o}function Ue(e){var t=Ke();if(null===e||void 0===e)return t;if(Ve(e))return e;var n=r(e),o=n.size;return 0===o?t:(ce(o),o>0&&o<vn?He(0,o,hn,null,new Be(n.toArray())):t.withMutations(function(e){e.setSize(o),n.forEach(function(t,n){return e.set(n,t)})}))}function Ve(e){return!(!e||!e[Yn])}function Be(e,t){this.array=e,this.ownerID=t}function ze(e,t){function n(e,t,n){return 0===t?r(e,n):o(e,t,n)}function r(e,n){var r=n===s?u&&u.array:e&&e.array,o=n>i?0:i-n,l=a-n;return l>vn&&(l=vn),function(){if(o===l)return $n;var e=t?--l:o++;return r&&r[e]}}function o(e,r,o){var s,u=e&&e.array,l=o>i?0:i-o>>r,c=(a-o>>r)+1;return c>vn&&(c=vn),function(){for(;;){if(s){var e=s();if(e!==$n)return e;s=null}if(l===c)return $n;var i=t?--c:l++;s=n(u&&u[i],r-hn,o+(i<<r))}}}var i=e._origin,a=e._capacity,s=Ze(a),u=e._tail;return n(e._root,e._level,0)}function He(e,t,n,r,o,i,a){var s=Object.create(Gn);return s.size=t-e,s._origin=e,s._capacity=t,s._level=n,s._root=r,s._tail=o,s.__ownerID=i,s.__hash=a,s.__altered=!1,s}function Ke(){return Xn||(Xn=He(0,0,hn))}function We(e,t,n){if(t=v(e,t),t!==t)return e;if(t>=e.size||t<0)return e.withMutations(function(e){t<0?Xe(e,t).set(0,n):Xe(e,0,t+1).set(t,n)});t+=e._origin;var r=e._tail,o=e._root,i=c(bn);return t>=Ze(e._capacity)?r=qe(r,e.__ownerID,0,t,n,i):o=qe(o,e.__ownerID,e._level,t,n,i),i.value?e.__ownerID?(e._root=o,e._tail=r,e.__hash=void 0,e.__altered=!0,e):He(e._origin,e._capacity,e._level,o,r):e}function qe(e,t,n,r,o,i){var a=r>>>n&mn,s=e&&a<e.array.length;if(!s&&void 0===o)return e;var u;if(n>0){var l=e&&e.array[a],c=qe(l,t,n-hn,r,o,i);return c===l?e:(u=Ye(e,t),u.array[a]=c,u)}return s&&e.array[a]===o?e:(f(i),u=Ye(e,t),void 0===o&&a===u.array.length-1?u.array.pop():u.array[a]=o,u)}function Ye(e,t){return t&&e&&t===e.ownerID?e:new Be(e?e.array.slice():[],t)}function Ge(e,t){if(t>=Ze(e._capacity))return e._tail;if(t<1<<e._level+hn){for(var n=e._root,r=e._level;n&&r>0;)n=n.array[t>>>r&mn],r-=hn;return n}}function Xe(e,t,n){void 0!==t&&(t=0|t),void 0!==n&&(n=0|n);var r=e.__ownerID||new p,o=e._origin,i=e._capacity,a=o+t,s=void 0===n?i:n<0?i+n:o+n;if(a===o&&s===i)return e;if(a>=s)return e.clear();for(var u=e._level,l=e._root,c=0;a+c<0;)l=new Be(l&&l.array.length?[void 0,l]:[],r),u+=hn,c+=1<<u;c&&(a+=c,o+=c,s+=c,i+=c);for(var f=Ze(i),d=Ze(s);d>=1<<u+hn;)l=new Be(l&&l.array.length?[l]:[],r),u+=hn;var h=e._tail,v=d<f?Ge(e,s-1):d>f?new Be([],r):h;if(h&&d>f&&a<i&&h.array.length){l=Ye(l,r);for(var m=l,y=u;y>hn;y-=hn){var g=f>>>y&mn;m=m.array[g]=Ye(m.array[g],r)}m.array[f>>>hn&mn]=h}if(s<i&&(v=v&&v.removeAfter(r,0,s)),a>=d)a-=d,s-=d,u=hn,l=null,v=v&&v.removeBefore(r,0,a);else if(a>o||d<f){for(c=0;l;){var b=a>>>u&mn;if(b!==d>>>u&mn)break;b&&(c+=(1<<u)*b),u-=hn,l=l.array[b]}l&&a>o&&(l=l.removeBefore(r,u,a-c)),l&&d<f&&(l=l.removeAfter(r,u,d-c)),c&&(a-=c,s-=c)}return e.__ownerID?(e.size=s-a,e._origin=a,e._capacity=s,e._level=u,e._root=l,e._tail=v,e.__hash=void 0,e.__altered=!0,e):He(a,s,u,l,v)}function $e(e,t,n){for(var o=[],a=0,s=0;s<n.length;s++){var u=n[s],l=r(u);l.size>a&&(a=l.size),i(u)||(l=l.map(function(e){return W(e)})),o.push(l)}return a>e.size&&(e=e.setSize(a)),De(e,t,o)}function Ze(e){return e<vn?0:e-1>>>hn<<hn}function Qe(e){return null===e||void 0===e?tt():Je(e)?e:tt().withMutations(function(t){var r=n(e);ce(r.size),r.forEach(function(e,n){return t.set(n,e)})})}function Je(e){return pe(e)&&l(e)}function et(e,t,n,r){var o=Object.create(Qe.prototype);return o.size=e?e.size:0,o._map=e,o._list=t,o.__ownerID=n,o.__hash=r,o}function tt(){return Zn||(Zn=et(xe(),Ke()))}function nt(e,t,n){var r,o,i=e._map,a=e._list,s=i.get(t),u=void 0!==s;if(n===yn){if(!u)return e;a.size>=vn&&a.size>=2*i.size?(o=a.filter(function(e,t){return void 0!==e&&s!==t}),r=o.toKeyedSeq().map(function(e){return e[0]}).flip().toMap(),e.__ownerID&&(r.__ownerID=o.__ownerID=e.__ownerID)):(r=i.remove(t),o=s===a.size-1?a.pop():a.set(s,void 0))}else if(u){if(n===a.get(s)[1])return e;r=i,o=a.set(s,[t,n])}else r=i.set(t,a.size),o=a.set(a.size,[t,n]);return e.__ownerID?(e.size=r.size,e._map=r,e._list=o,e.__hash=void 0,e):et(r,o)}function rt(e,t){this._iter=e,this._useKeys=t,this.size=e.size}function ot(e){this._iter=e,this.size=e.size}function it(e){this._iter=e,this.size=e.size}function at(e){this._iter=e,this.size=e.size}function st(e){var t=Tt(e);return t._iter=e,t.size=e.size,t.flip=function(){return e},t.reverse=function(){var t=e.reverse.apply(this);return t.flip=function(){return e.reverse()},t},t.has=function(t){return e.includes(t)},t.includes=function(t){return e.has(t)},t.cacheResult=kt,t.__iterateUncached=function(t,n){var r=this;return e.__iterate(function(e,n){return t(n,e,r)!==!1},n)},t.__iteratorUncached=function(t,n){if(t===xn){var r=e.__iterator(t,n);return new w(function(){var e=r.next();if(!e.done){var t=e.value[0];e.value[0]=e.value[1],e.value[1]=t}return e})}return e.__iterator(t===wn?_n:wn,n)},t}function ut(e,t,n){var r=Tt(e);return r.size=e.size,r.has=function(t){return e.has(t)},r.get=function(r,o){var i=e.get(r,yn);return i===yn?o:t.call(n,i,r,e)},r.__iterateUncached=function(r,o){var i=this;return e.__iterate(function(e,o,a){return r(t.call(n,e,o,a),o,i)!==!1},o)},r.__iteratorUncached=function(r,o){var i=e.__iterator(xn,o);return new w(function(){var o=i.next();if(o.done)return o;var a=o.value,s=a[0];return x(r,s,t.call(n,a[1],s,e),o)})},r}function lt(e,t){var n=Tt(e);return n._iter=e,n.size=e.size,n.reverse=function(){return e},e.flip&&(n.flip=function(){var t=st(e);return t.reverse=function(){return e.flip()},t}),n.get=function(n,r){return e.get(t?n:-1-n,r)},n.has=function(n){return e.has(t?n:-1-n)},n.includes=function(t){return e.includes(t)},n.cacheResult=kt,n.__iterate=function(t,n){var r=this;return e.__iterate(function(e,n){return t(e,n,r)},!n)},n.__iterator=function(t,n){return e.__iterator(t,!n)},n}function ct(e,t,n,r){var o=Tt(e);return r&&(o.has=function(r){var o=e.get(r,yn);return o!==yn&&!!t.call(n,o,r,e)},o.get=function(r,o){var i=e.get(r,yn);return i!==yn&&t.call(n,i,r,e)?i:o}),o.__iterateUncached=function(o,i){var a=this,s=0;return e.__iterate(function(e,i,u){if(t.call(n,e,i,u))return s++,o(e,r?i:s-1,a)},i),s},o.__iteratorUncached=function(o,i){var a=e.__iterator(xn,i),s=0;return new w(function(){for(;;){var i=a.next();if(i.done)return i;var u=i.value,l=u[0],c=u[1];if(t.call(n,c,l,e))return x(o,r?l:s++,c,i)}})},o}function ft(e,t,n){var r=fe().asMutable();return e.__iterate(function(o,i){r.update(t.call(n,o,i,e),0,function(e){return e+1})}),r.asImmutable()}function pt(e,t,n){var r=a(e),o=(l(e)?Qe():fe()).asMutable();e.__iterate(function(i,a){o.update(t.call(n,i,a,e),function(e){return e=e||[],e.push(r?[a,i]:i),e})});var i=Ot(e);return o.map(function(t){return Et(e,i(t))})}function dt(e,t,n,r){var o=e.size;if(void 0!==t&&(t=0|t),void 0!==n&&(n=n===1/0?o:0|n),y(t,n,o))return e;var i=g(t,o),a=b(n,o);if(i!==i||a!==a)return dt(e.toSeq().cacheResult(),t,n,r);var s,u=a-i;u===u&&(s=u<0?0:u);var l=Tt(e);return l.size=0===s?s:e.size&&s||void 0,!r&&L(e)&&s>=0&&(l.get=function(t,n){return t=v(this,t),t>=0&&t<s?e.get(t+i,n):n}),l.__iterateUncached=function(t,n){var o=this;if(0===s)return 0;if(n)return this.cacheResult().__iterate(t,n);var a=0,u=!0,l=0;return e.__iterate(function(e,n){if(!u||!(u=a++<i))return l++,t(e,r?n:l-1,o)!==!1&&l!==s}),l},l.__iteratorUncached=function(t,n){if(0!==s&&n)return this.cacheResult().__iterator(t,n);var o=0!==s&&e.__iterator(t,n),a=0,u=0;return new w(function(){for(;a++<i;)o.next();if(++u>s)return C();var e=o.next();return r||t===wn?e:t===_n?x(t,u-1,void 0,e):x(t,u-1,e.value[1],e)})},l}function ht(e,t,n){var r=Tt(e);return r.__iterateUncached=function(r,o){var i=this;if(o)return this.cacheResult().__iterate(r,o);var a=0;return e.__iterate(function(e,o,s){return t.call(n,e,o,s)&&++a&&r(e,o,i)}),a},r.__iteratorUncached=function(r,o){var i=this;if(o)return this.cacheResult().__iterator(r,o);var a=e.__iterator(xn,o),s=!0;return new w(function(){if(!s)return C();var e=a.next();if(e.done)return e;var o=e.value,u=o[0],l=o[1];return t.call(n,l,u,i)?r===xn?e:x(r,u,l,e):(s=!1,C())})},r}function vt(e,t,n,r){var o=Tt(e);return o.__iterateUncached=function(o,i){var a=this;if(i)return this.cacheResult().__iterate(o,i);var s=!0,u=0;return e.__iterate(function(e,i,l){if(!s||!(s=t.call(n,e,i,l)))return u++,o(e,r?i:u-1,a)}),u},o.__iteratorUncached=function(o,i){var a=this;if(i)return this.cacheResult().__iterator(o,i);var s=e.__iterator(xn,i),u=!0,l=0;return new w(function(){var e,i,c;do{if(e=s.next(),e.done)return r||o===wn?e:o===_n?x(o,l++,void 0,e):x(o,l++,e.value[1],e);var f=e.value;i=f[0],c=f[1],u&&(u=t.call(n,c,i,a))}while(u);return o===xn?e:x(o,i,c,e)})},o}function mt(e,t){var r=a(e),o=[e].concat(t).map(function(e){return i(e)?r&&(e=n(e)):e=r?U(e):V(Array.isArray(e)?e:[e]),e}).filter(function(e){return 0!==e.size});if(0===o.length)return e;if(1===o.length){var u=o[0];if(u===e||r&&a(u)||s(e)&&s(u))return u}var l=new D(o);return r?l=l.toKeyedSeq():s(e)||(l=l.toSetSeq()),l=l.flatten(!0),l.size=o.reduce(function(e,t){if(void 0!==e){var n=t.size;if(void 0!==n)return e+n}},0),l}function yt(e,t,n){var r=Tt(e);return r.__iterateUncached=function(r,o){function a(e,l){var c=this;e.__iterate(function(e,o){return(!t||l<t)&&i(e)?a(e,l+1):r(e,n?o:s++,c)===!1&&(u=!0),!u},o)}var s=0,u=!1;return a(e,0),s},r.__iteratorUncached=function(r,o){var a=e.__iterator(r,o),s=[],u=0;return new w(function(){for(;a;){var e=a.next();if(e.done===!1){var l=e.value;if(r===xn&&(l=l[1]),t&&!(s.length<t)||!i(l))return n?e:x(r,u++,l,e);s.push(a),a=l.__iterator(r,o)}else a=s.pop()}return C()})},r}function gt(e,t,n){var r=Ot(e);return e.toSeq().map(function(o,i){return r(t.call(n,o,i,e))}).flatten(!0)}function bt(e,t){var n=Tt(e);return n.size=e.size&&2*e.size-1,n.__iterateUncached=function(n,r){var o=this,i=0;return e.__iterate(function(e,r){return(!i||n(t,i++,o)!==!1)&&n(e,i++,o)!==!1},r),i},n.__iteratorUncached=function(n,r){var o,i=e.__iterator(wn,r),a=0;return new w(function(){return(!o||a%2)&&(o=i.next(),o.done)?o:a%2?x(n,a++,t):x(n,a++,o.value,o)})},n}function _t(e,t,n){t||(t=Mt);var r=a(e),o=0,i=e.toSeq().map(function(t,r){return[r,t,o++,n?n(t,r,e):t]}).toArray();return i.sort(function(e,n){return t(e[3],n[3])||e[2]-n[2]}).forEach(r?function(e,t){i[t].length=2}:function(e,t){i[t]=e[1]}),r?M(i):s(e)?N(i):A(i)}function wt(e,t,n){if(t||(t=Mt),n){var r=e.toSeq().map(function(t,r){return[t,n(t,r,e)]}).reduce(function(e,n){return xt(t,e[1],n[1])?n:e});return r&&r[0]}return e.reduce(function(e,n){return xt(t,e,n)?n:e})}function xt(e,t,n){var r=e(n,t);return 0===r&&n!==t&&(void 0===n||null===n||n!==n)||r>0}function Ct(e,n,r){var o=Tt(e);return o.size=new D(r).map(function(e){return e.size}).min(),o.__iterate=function(e,t){for(var n,r=this.__iterator(wn,t),o=0;!(n=r.next()).done&&e(n.value,o++,this)!==!1;);return o},o.__iteratorUncached=function(e,o){var i=r.map(function(e){return e=t(e),P(o?e.reverse():e)}),a=0,s=!1;return new w(function(){var t;return s||(t=i.map(function(e){return e.next()}),s=t.some(function(e){return e.done})),s?C():x(e,a++,n.apply(null,t.map(function(e){return e.value})))})},o}function Et(e,t){return L(e)?t:e.constructor(t)}function St(e){if(e!==Object(e))throw new TypeError("Expected [K, V] tuple: "+e)}function Pt(e){return ce(e.size),h(e)}function Ot(e){return a(e)?n:s(e)?r:o}function Tt(e){return Object.create((a(e)?M:s(e)?N:A).prototype)}function kt(){return this._iter.cacheResult?(this._iter.cacheResult(),this.size=this._iter.size,this):k.prototype.cacheResult.call(this)}function Mt(e,t){return e>t?1:e<t?-1:0}function Nt(e){var n=P(e);if(!n){if(!T(e))throw new TypeError("Expected iterable or array-like: "+e);n=P(t(e))}return n}function At(e,t){var n,r=function(i){if(i instanceof r)return i;if(!(this instanceof r))return new r(i);if(!n){n=!0;var a=Object.keys(e);Rt(o,a),o.size=a.length,o._name=t,o._keys=a,o._defaultValues=e}this._map=fe(i)},o=r.prototype=Object.create(Qn);return o.constructor=r,r}function Dt(e,t,n){var r=Object.create(Object.getPrototypeOf(e));return r._map=t,r.__ownerID=n,r}function jt(e){return e._name||e.constructor.name||"Record"}function Rt(e,t){try{t.forEach(It.bind(void 0,e))}catch(n){}}function It(e,t){Object.defineProperty(e,t,{get:function(){return this.get(t)},set:function(e){Q(this.__ownerID,"Cannot set on an immutable record."),this.set(t,e)}})}function Lt(e){return null===e||void 0===e?Bt():Ft(e)&&!l(e)?e:Bt().withMutations(function(t){var n=o(e);ce(n.size),n.forEach(function(e){return t.add(e)})})}function Ft(e){return!(!e||!e[Jn])}function Ut(e,t){return e.__ownerID?(e.size=t.size,e._map=t,e):t===e._map?e:0===t.size?e.__empty():e.__make(t)}function Vt(e,t){var n=Object.create(er);return n.size=e?e.size:0,n._map=e,n.__ownerID=t,n}function Bt(){return tr||(tr=Vt(xe()))}function zt(e){return null===e||void 0===e?Wt():Ht(e)?e:Wt().withMutations(function(t){
-var n=o(e);ce(n.size),n.forEach(function(e){return t.add(e)})})}function Ht(e){return Ft(e)&&l(e)}function Kt(e,t){var n=Object.create(nr);return n.size=e?e.size:0,n._map=e,n.__ownerID=t,n}function Wt(){return rr||(rr=Kt(tt()))}function qt(e){return null===e||void 0===e?Xt():Yt(e)?e:Xt().unshiftAll(e)}function Yt(e){return!(!e||!e[or])}function Gt(e,t,n,r){var o=Object.create(ir);return o.size=e,o._head=t,o.__ownerID=n,o.__hash=r,o.__altered=!1,o}function Xt(){return ar||(ar=Gt(0))}function $t(e,t){var n=function(n){e.prototype[n]=t[n]};return Object.keys(t).forEach(n),Object.getOwnPropertySymbols&&Object.getOwnPropertySymbols(t).forEach(n),e}function Zt(e,t){return t}function Qt(e,t){return[t,e]}function Jt(e){return function(){return!e.apply(this,arguments)}}function en(e){return function(){return-e.apply(this,arguments)}}function tn(e){return"string"==typeof e?JSON.stringify(e):String(e)}function nn(){return d(arguments)}function rn(e,t){return e<t?1:e>t?-1:0}function on(e){if(e.size===1/0)return 0;var t=l(e),n=a(e),r=t?1:0,o=e.__iterate(n?t?function(e,t){r=31*r+sn(ie(e),ie(t))|0}:function(e,t){r=r+sn(ie(e),ie(t))|0}:t?function(e){r=31*r+ie(e)|0}:function(e){r=r+ie(e)|0});return an(o,r)}function an(e,t){return t=Nn(t,3432918353),t=Nn(t<<15|t>>>-15,461845907),t=Nn(t<<13|t>>>-13,5),t=(t+3864292196|0)^e,t=Nn(t^t>>>16,2246822507),t=Nn(t^t>>>13,3266489909),t=oe(t^t>>>16)}function sn(e,t){return e^t+2654435769+(e<<6)+(e>>2)|0}var un=Array.prototype.slice;e(n,t),e(r,t),e(o,t),t.isIterable=i,t.isKeyed=a,t.isIndexed=s,t.isAssociative=u,t.isOrdered=l,t.Keyed=n,t.Indexed=r,t.Set=o;var ln="@@__IMMUTABLE_ITERABLE__@@",cn="@@__IMMUTABLE_KEYED__@@",fn="@@__IMMUTABLE_INDEXED__@@",pn="@@__IMMUTABLE_ORDERED__@@",dn="delete",hn=5,vn=1<<hn,mn=vn-1,yn={},gn={value:!1},bn={value:!1},_n=0,wn=1,xn=2,Cn="function"==typeof Symbol&&Symbol.iterator,En="@@iterator",Sn=Cn||En;w.prototype.toString=function(){return"[Iterator]"},w.KEYS=_n,w.VALUES=wn,w.ENTRIES=xn,w.prototype.inspect=w.prototype.toSource=function(){return this.toString()},w.prototype[Sn]=function(){return this},e(k,t),k.of=function(){return k(arguments)},k.prototype.toSeq=function(){return this},k.prototype.toString=function(){return this.__toString("Seq {","}")},k.prototype.cacheResult=function(){return!this._cache&&this.__iterateUncached&&(this._cache=this.entrySeq().toArray(),this.size=this._cache.length),this},k.prototype.__iterate=function(e,t){return H(this,e,t,!0)},k.prototype.__iterator=function(e,t){return K(this,e,t,!0)},e(M,k),M.prototype.toKeyedSeq=function(){return this},e(N,k),N.of=function(){return N(arguments)},N.prototype.toIndexedSeq=function(){return this},N.prototype.toString=function(){return this.__toString("Seq [","]")},N.prototype.__iterate=function(e,t){return H(this,e,t,!1)},N.prototype.__iterator=function(e,t){return K(this,e,t,!1)},e(A,k),A.of=function(){return A(arguments)},A.prototype.toSetSeq=function(){return this},k.isSeq=L,k.Keyed=M,k.Set=A,k.Indexed=N;var Pn="@@__IMMUTABLE_SEQ__@@";k.prototype[Pn]=!0,e(D,N),D.prototype.get=function(e,t){return this.has(e)?this._array[v(this,e)]:t},D.prototype.__iterate=function(e,t){for(var n=this._array,r=n.length-1,o=0;o<=r;o++)if(e(n[t?r-o:o],o,this)===!1)return o+1;return o},D.prototype.__iterator=function(e,t){var n=this._array,r=n.length-1,o=0;return new w(function(){return o>r?C():x(e,o,n[t?r-o++:o++])})},e(j,M),j.prototype.get=function(e,t){return void 0===t||this.has(e)?this._object[e]:t},j.prototype.has=function(e){return this._object.hasOwnProperty(e)},j.prototype.__iterate=function(e,t){for(var n=this._object,r=this._keys,o=r.length-1,i=0;i<=o;i++){var a=r[t?o-i:i];if(e(n[a],a,this)===!1)return i+1}return i},j.prototype.__iterator=function(e,t){var n=this._object,r=this._keys,o=r.length-1,i=0;return new w(function(){var a=r[t?o-i:i];return i++>o?C():x(e,a,n[a])})},j.prototype[pn]=!0,e(R,N),R.prototype.__iterateUncached=function(e,t){if(t)return this.cacheResult().__iterate(e,t);var n=this._iterable,r=P(n),o=0;if(S(r))for(var i;!(i=r.next()).done&&e(i.value,o++,this)!==!1;);return o},R.prototype.__iteratorUncached=function(e,t){if(t)return this.cacheResult().__iterator(e,t);var n=this._iterable,r=P(n);if(!S(r))return new w(C);var o=0;return new w(function(){var t=r.next();return t.done?t:x(e,o++,t.value)})},e(I,N),I.prototype.__iterateUncached=function(e,t){if(t)return this.cacheResult().__iterate(e,t);for(var n=this._iterator,r=this._iteratorCache,o=0;o<r.length;)if(e(r[o],o++,this)===!1)return o;for(var i;!(i=n.next()).done;){var a=i.value;if(r[o]=a,e(a,o++,this)===!1)break}return o},I.prototype.__iteratorUncached=function(e,t){if(t)return this.cacheResult().__iterator(e,t);var n=this._iterator,r=this._iteratorCache,o=0;return new w(function(){if(o>=r.length){var t=n.next();if(t.done)return t;r[o]=t.value}return x(e,o,r[o++])})};var On;e(Z,N),Z.prototype.toString=function(){return 0===this.size?"Repeat []":"Repeat [ "+this._value+" "+this.size+" times ]"},Z.prototype.get=function(e,t){return this.has(e)?this._value:t},Z.prototype.includes=function(e){return X(this._value,e)},Z.prototype.slice=function(e,t){var n=this.size;return y(e,t,n)?this:new Z(this._value,b(t,n)-g(e,n))},Z.prototype.reverse=function(){return this},Z.prototype.indexOf=function(e){return X(this._value,e)?0:-1},Z.prototype.lastIndexOf=function(e){return X(this._value,e)?this.size:-1},Z.prototype.__iterate=function(e,t){for(var n=0;n<this.size;n++)if(e(this._value,n,this)===!1)return n+1;return n},Z.prototype.__iterator=function(e,t){var n=this,r=0;return new w(function(){return r<n.size?x(e,r++,n._value):C()})},Z.prototype.equals=function(e){return e instanceof Z?X(this._value,e._value):$(e)};var Tn;e(J,N),J.prototype.toString=function(){return 0===this.size?"Range []":"Range [ "+this._start+"..."+this._end+(1!==this._step?" by "+this._step:"")+" ]"},J.prototype.get=function(e,t){return this.has(e)?this._start+v(this,e)*this._step:t},J.prototype.includes=function(e){var t=(e-this._start)/this._step;return t>=0&&t<this.size&&t===Math.floor(t)},J.prototype.slice=function(e,t){return y(e,t,this.size)?this:(e=g(e,this.size),t=b(t,this.size),t<=e?new J(0,0):new J(this.get(e,this._end),this.get(t,this._end),this._step))},J.prototype.indexOf=function(e){var t=e-this._start;if(t%this._step===0){var n=t/this._step;if(n>=0&&n<this.size)return n}return-1},J.prototype.lastIndexOf=function(e){return this.indexOf(e)},J.prototype.__iterate=function(e,t){for(var n=this.size-1,r=this._step,o=t?this._start+n*r:this._start,i=0;i<=n;i++){if(e(o,i,this)===!1)return i+1;o+=t?-r:r}return i},J.prototype.__iterator=function(e,t){var n=this.size-1,r=this._step,o=t?this._start+n*r:this._start,i=0;return new w(function(){var a=o;return o+=t?-r:r,i>n?C():x(e,i++,a)})},J.prototype.equals=function(e){return e instanceof J?this._start===e._start&&this._end===e._end&&this._step===e._step:$(this,e)};var kn;e(ee,t),e(te,ee),e(ne,ee),e(re,ee),ee.Keyed=te,ee.Indexed=ne,ee.Set=re;var Mn,Nn="function"==typeof Math.imul&&Math.imul(4294967295,2)===-2?Math.imul:function(e,t){e=0|e,t=0|t;var n=65535&e,r=65535&t;return n*r+((e>>>16)*r+n*(t>>>16)<<16>>>0)|0},An=Object.isExtensible,Dn=function(){try{return Object.defineProperty({},"@",{}),!0}catch(e){return!1}}(),jn="function"==typeof WeakMap;jn&&(Mn=new WeakMap);var Rn=0,In="__immutablehash__";"function"==typeof Symbol&&(In=Symbol(In));var Ln=16,Fn=255,Un=0,Vn={};e(fe,te),fe.of=function(){var e=un.call(arguments,0);return xe().withMutations(function(t){for(var n=0;n<e.length;n+=2){if(n+1>=e.length)throw new Error("Missing value for key: "+e[n]);t.set(e[n],e[n+1])}})},fe.prototype.toString=function(){return this.__toString("Map {","}")},fe.prototype.get=function(e,t){return this._root?this._root.get(0,void 0,e,t):t},fe.prototype.set=function(e,t){return Ce(this,e,t)},fe.prototype.setIn=function(e,t){return this.updateIn(e,yn,function(){return t})},fe.prototype.remove=function(e){return Ce(this,e,yn)},fe.prototype.deleteIn=function(e){return this.updateIn(e,function(){return yn})},fe.prototype.update=function(e,t,n){return 1===arguments.length?e(this):this.updateIn([e],t,n)},fe.prototype.updateIn=function(e,t,n){n||(n=t,t=void 0);var r=je(this,Nt(e),t,n);return r===yn?void 0:r},fe.prototype.clear=function(){return 0===this.size?this:this.__ownerID?(this.size=0,this._root=null,this.__hash=void 0,this.__altered=!0,this):xe()},fe.prototype.merge=function(){return Me(this,void 0,arguments)},fe.prototype.mergeWith=function(e){var t=un.call(arguments,1);return Me(this,e,t)},fe.prototype.mergeIn=function(e){var t=un.call(arguments,1);return this.updateIn(e,xe(),function(e){return"function"==typeof e.merge?e.merge.apply(e,t):t[t.length-1]})},fe.prototype.mergeDeep=function(){return Me(this,Ne,arguments)},fe.prototype.mergeDeepWith=function(e){var t=un.call(arguments,1);return Me(this,Ae(e),t)},fe.prototype.mergeDeepIn=function(e){var t=un.call(arguments,1);return this.updateIn(e,xe(),function(e){return"function"==typeof e.mergeDeep?e.mergeDeep.apply(e,t):t[t.length-1]})},fe.prototype.sort=function(e){return Qe(_t(this,e))},fe.prototype.sortBy=function(e,t){return Qe(_t(this,t,e))},fe.prototype.withMutations=function(e){var t=this.asMutable();return e(t),t.wasAltered()?t.__ensureOwner(this.__ownerID):this},fe.prototype.asMutable=function(){return this.__ownerID?this:this.__ensureOwner(new p)},fe.prototype.asImmutable=function(){return this.__ensureOwner()},fe.prototype.wasAltered=function(){return this.__altered},fe.prototype.__iterator=function(e,t){return new ge(this,e,t)},fe.prototype.__iterate=function(e,t){var n=this,r=0;return this._root&&this._root.iterate(function(t){return r++,e(t[1],t[0],n)},t),r},fe.prototype.__ensureOwner=function(e){return e===this.__ownerID?this:e?we(this.size,this._root,e,this.__hash):(this.__ownerID=e,this.__altered=!1,this)},fe.isMap=pe;var Bn="@@__IMMUTABLE_MAP__@@",zn=fe.prototype;zn[Bn]=!0,zn[dn]=zn.remove,zn.removeIn=zn.deleteIn,de.prototype.get=function(e,t,n,r){for(var o=this.entries,i=0,a=o.length;i<a;i++)if(X(n,o[i][0]))return o[i][1];return r},de.prototype.update=function(e,t,n,r,o,i,a){for(var s=o===yn,u=this.entries,l=0,c=u.length;l<c&&!X(r,u[l][0]);l++);var p=l<c;if(p?u[l][1]===o:s)return this;if(f(a),(s||!p)&&f(i),!s||1!==u.length){if(!p&&!s&&u.length>=Kn)return Oe(e,u,r,o);var h=e&&e===this.ownerID,v=h?u:d(u);return p?s?l===c-1?v.pop():v[l]=v.pop():v[l]=[r,o]:v.push([r,o]),h?(this.entries=v,this):new de(e,v)}},he.prototype.get=function(e,t,n,r){void 0===t&&(t=ie(n));var o=1<<((0===e?t:t>>>e)&mn),i=this.bitmap;return 0===(i&o)?r:this.nodes[Re(i&o-1)].get(e+hn,t,n,r)},he.prototype.update=function(e,t,n,r,o,i,a){void 0===n&&(n=ie(r));var s=(0===t?n:n>>>t)&mn,u=1<<s,l=this.bitmap,c=0!==(l&u);if(!c&&o===yn)return this;var f=Re(l&u-1),p=this.nodes,d=c?p[f]:void 0,h=Ee(d,e,t+hn,n,r,o,i,a);if(h===d)return this;if(!c&&h&&p.length>=Wn)return ke(e,p,l,s,h);if(c&&!h&&2===p.length&&Se(p[1^f]))return p[1^f];if(c&&h&&1===p.length&&Se(h))return h;var v=e&&e===this.ownerID,m=c?h?l:l^u:l|u,y=c?h?Ie(p,f,h,v):Fe(p,f,v):Le(p,f,h,v);return v?(this.bitmap=m,this.nodes=y,this):new he(e,m,y)},ve.prototype.get=function(e,t,n,r){void 0===t&&(t=ie(n));var o=(0===e?t:t>>>e)&mn,i=this.nodes[o];return i?i.get(e+hn,t,n,r):r},ve.prototype.update=function(e,t,n,r,o,i,a){void 0===n&&(n=ie(r));var s=(0===t?n:n>>>t)&mn,u=o===yn,l=this.nodes,c=l[s];if(u&&!c)return this;var f=Ee(c,e,t+hn,n,r,o,i,a);if(f===c)return this;var p=this.count;if(c){if(!f&&(p--,p<qn))return Te(e,l,p,s)}else p++;var d=e&&e===this.ownerID,h=Ie(l,s,f,d);return d?(this.count=p,this.nodes=h,this):new ve(e,p,h)},me.prototype.get=function(e,t,n,r){for(var o=this.entries,i=0,a=o.length;i<a;i++)if(X(n,o[i][0]))return o[i][1];return r},me.prototype.update=function(e,t,n,r,o,i,a){void 0===n&&(n=ie(r));var s=o===yn;if(n!==this.keyHash)return s?this:(f(a),f(i),Pe(this,e,t,n,[r,o]));for(var u=this.entries,l=0,c=u.length;l<c&&!X(r,u[l][0]);l++);var p=l<c;if(p?u[l][1]===o:s)return this;if(f(a),(s||!p)&&f(i),s&&2===c)return new ye(e,this.keyHash,u[1^l]);var h=e&&e===this.ownerID,v=h?u:d(u);return p?s?l===c-1?v.pop():v[l]=v.pop():v[l]=[r,o]:v.push([r,o]),h?(this.entries=v,this):new me(e,this.keyHash,v)},ye.prototype.get=function(e,t,n,r){return X(n,this.entry[0])?this.entry[1]:r},ye.prototype.update=function(e,t,n,r,o,i,a){var s=o===yn,u=X(r,this.entry[0]);return(u?o===this.entry[1]:s)?this:(f(a),s?void f(i):u?e&&e===this.ownerID?(this.entry[1]=o,this):new ye(e,this.keyHash,[r,o]):(f(i),Pe(this,e,t,ie(r),[r,o])))},de.prototype.iterate=me.prototype.iterate=function(e,t){for(var n=this.entries,r=0,o=n.length-1;r<=o;r++)if(e(n[t?o-r:r])===!1)return!1},he.prototype.iterate=ve.prototype.iterate=function(e,t){for(var n=this.nodes,r=0,o=n.length-1;r<=o;r++){var i=n[t?o-r:r];if(i&&i.iterate(e,t)===!1)return!1}},ye.prototype.iterate=function(e,t){return e(this.entry)},e(ge,w),ge.prototype.next=function(){for(var e=this._type,t=this._stack;t;){var n,r=t.node,o=t.index++;if(r.entry){if(0===o)return be(e,r.entry)}else if(r.entries){if(n=r.entries.length-1,o<=n)return be(e,r.entries[this._reverse?n-o:o])}else if(n=r.nodes.length-1,o<=n){var i=r.nodes[this._reverse?n-o:o];if(i){if(i.entry)return be(e,i.entry);t=this._stack=_e(i,t)}continue}t=this._stack=this._stack.__prev}return C()};var Hn,Kn=vn/4,Wn=vn/2,qn=vn/4;e(Ue,ne),Ue.of=function(){return this(arguments)},Ue.prototype.toString=function(){return this.__toString("List [","]")},Ue.prototype.get=function(e,t){if(e=v(this,e),e>=0&&e<this.size){e+=this._origin;var n=Ge(this,e);return n&&n.array[e&mn]}return t},Ue.prototype.set=function(e,t){return We(this,e,t)},Ue.prototype.remove=function(e){return this.has(e)?0===e?this.shift():e===this.size-1?this.pop():this.splice(e,1):this},Ue.prototype.insert=function(e,t){return this.splice(e,0,t)},Ue.prototype.clear=function(){return 0===this.size?this:this.__ownerID?(this.size=this._origin=this._capacity=0,this._level=hn,this._root=this._tail=null,this.__hash=void 0,this.__altered=!0,this):Ke()},Ue.prototype.push=function(){var e=arguments,t=this.size;return this.withMutations(function(n){Xe(n,0,t+e.length);for(var r=0;r<e.length;r++)n.set(t+r,e[r])})},Ue.prototype.pop=function(){return Xe(this,0,-1)},Ue.prototype.unshift=function(){var e=arguments;return this.withMutations(function(t){Xe(t,-e.length);for(var n=0;n<e.length;n++)t.set(n,e[n])})},Ue.prototype.shift=function(){return Xe(this,1)},Ue.prototype.merge=function(){return $e(this,void 0,arguments)},Ue.prototype.mergeWith=function(e){var t=un.call(arguments,1);return $e(this,e,t)},Ue.prototype.mergeDeep=function(){return $e(this,Ne,arguments)},Ue.prototype.mergeDeepWith=function(e){var t=un.call(arguments,1);return $e(this,Ae(e),t)},Ue.prototype.setSize=function(e){return Xe(this,0,e)},Ue.prototype.slice=function(e,t){var n=this.size;return y(e,t,n)?this:Xe(this,g(e,n),b(t,n))},Ue.prototype.__iterator=function(e,t){var n=0,r=ze(this,t);return new w(function(){var t=r();return t===$n?C():x(e,n++,t)})},Ue.prototype.__iterate=function(e,t){for(var n,r=0,o=ze(this,t);(n=o())!==$n&&e(n,r++,this)!==!1;);return r},Ue.prototype.__ensureOwner=function(e){return e===this.__ownerID?this:e?He(this._origin,this._capacity,this._level,this._root,this._tail,e,this.__hash):(this.__ownerID=e,this)},Ue.isList=Ve;var Yn="@@__IMMUTABLE_LIST__@@",Gn=Ue.prototype;Gn[Yn]=!0,Gn[dn]=Gn.remove,Gn.setIn=zn.setIn,Gn.deleteIn=Gn.removeIn=zn.removeIn,Gn.update=zn.update,Gn.updateIn=zn.updateIn,Gn.mergeIn=zn.mergeIn,Gn.mergeDeepIn=zn.mergeDeepIn,Gn.withMutations=zn.withMutations,Gn.asMutable=zn.asMutable,Gn.asImmutable=zn.asImmutable,Gn.wasAltered=zn.wasAltered,Be.prototype.removeBefore=function(e,t,n){if(n===t?1<<t:0===this.array.length)return this;var r=n>>>t&mn;if(r>=this.array.length)return new Be([],e);var o,i=0===r;if(t>0){var a=this.array[r];if(o=a&&a.removeBefore(e,t-hn,n),o===a&&i)return this}if(i&&!o)return this;var s=Ye(this,e);if(!i)for(var u=0;u<r;u++)s.array[u]=void 0;return o&&(s.array[r]=o),s},Be.prototype.removeAfter=function(e,t,n){if(n===(t?1<<t:0)||0===this.array.length)return this;var r=n-1>>>t&mn;if(r>=this.array.length)return this;var o;if(t>0){var i=this.array[r];if(o=i&&i.removeAfter(e,t-hn,n),o===i&&r===this.array.length-1)return this}var a=Ye(this,e);return a.array.splice(r+1),o&&(a.array[r]=o),a};var Xn,$n={};e(Qe,fe),Qe.of=function(){return this(arguments)},Qe.prototype.toString=function(){return this.__toString("OrderedMap {","}")},Qe.prototype.get=function(e,t){var n=this._map.get(e);return void 0!==n?this._list.get(n)[1]:t},Qe.prototype.clear=function(){return 0===this.size?this:this.__ownerID?(this.size=0,this._map.clear(),this._list.clear(),this):tt()},Qe.prototype.set=function(e,t){return nt(this,e,t)},Qe.prototype.remove=function(e){return nt(this,e,yn)},Qe.prototype.wasAltered=function(){return this._map.wasAltered()||this._list.wasAltered()},Qe.prototype.__iterate=function(e,t){var n=this;return this._list.__iterate(function(t){return t&&e(t[1],t[0],n)},t)},Qe.prototype.__iterator=function(e,t){return this._list.fromEntrySeq().__iterator(e,t)},Qe.prototype.__ensureOwner=function(e){if(e===this.__ownerID)return this;var t=this._map.__ensureOwner(e),n=this._list.__ensureOwner(e);return e?et(t,n,e,this.__hash):(this.__ownerID=e,this._map=t,this._list=n,this)},Qe.isOrderedMap=Je,Qe.prototype[pn]=!0,Qe.prototype[dn]=Qe.prototype.remove;var Zn;e(rt,M),rt.prototype.get=function(e,t){return this._iter.get(e,t)},rt.prototype.has=function(e){return this._iter.has(e)},rt.prototype.valueSeq=function(){return this._iter.valueSeq()},rt.prototype.reverse=function(){var e=this,t=lt(this,!0);return this._useKeys||(t.valueSeq=function(){return e._iter.toSeq().reverse()}),t},rt.prototype.map=function(e,t){var n=this,r=ut(this,e,t);return this._useKeys||(r.valueSeq=function(){return n._iter.toSeq().map(e,t)}),r},rt.prototype.__iterate=function(e,t){var n,r=this;return this._iter.__iterate(this._useKeys?function(t,n){return e(t,n,r)}:(n=t?Pt(this):0,function(o){return e(o,t?--n:n++,r)}),t)},rt.prototype.__iterator=function(e,t){if(this._useKeys)return this._iter.__iterator(e,t);var n=this._iter.__iterator(wn,t),r=t?Pt(this):0;return new w(function(){var o=n.next();return o.done?o:x(e,t?--r:r++,o.value,o)})},rt.prototype[pn]=!0,e(ot,N),ot.prototype.includes=function(e){return this._iter.includes(e)},ot.prototype.__iterate=function(e,t){var n=this,r=0;return this._iter.__iterate(function(t){return e(t,r++,n)},t)},ot.prototype.__iterator=function(e,t){var n=this._iter.__iterator(wn,t),r=0;return new w(function(){var t=n.next();return t.done?t:x(e,r++,t.value,t)})},e(it,A),it.prototype.has=function(e){return this._iter.includes(e)},it.prototype.__iterate=function(e,t){var n=this;return this._iter.__iterate(function(t){return e(t,t,n)},t)},it.prototype.__iterator=function(e,t){var n=this._iter.__iterator(wn,t);return new w(function(){var t=n.next();return t.done?t:x(e,t.value,t.value,t)})},e(at,M),at.prototype.entrySeq=function(){return this._iter.toSeq()},at.prototype.__iterate=function(e,t){var n=this;return this._iter.__iterate(function(t){if(t){St(t);var r=i(t);return e(r?t.get(1):t[1],r?t.get(0):t[0],n)}},t)},at.prototype.__iterator=function(e,t){var n=this._iter.__iterator(wn,t);return new w(function(){for(;;){var t=n.next();if(t.done)return t;var r=t.value;if(r){St(r);var o=i(r);return x(e,o?r.get(0):r[0],o?r.get(1):r[1],t)}}})},ot.prototype.cacheResult=rt.prototype.cacheResult=it.prototype.cacheResult=at.prototype.cacheResult=kt,e(At,te),At.prototype.toString=function(){return this.__toString(jt(this)+" {","}")},At.prototype.has=function(e){return this._defaultValues.hasOwnProperty(e)},At.prototype.get=function(e,t){if(!this.has(e))return t;var n=this._defaultValues[e];return this._map?this._map.get(e,n):n},At.prototype.clear=function(){if(this.__ownerID)return this._map&&this._map.clear(),this;var e=this.constructor;return e._empty||(e._empty=Dt(this,xe()))},At.prototype.set=function(e,t){if(!this.has(e))throw new Error('Cannot set unknown key "'+e+'" on '+jt(this));if(this._map&&!this._map.has(e)){var n=this._defaultValues[e];if(t===n)return this}var r=this._map&&this._map.set(e,t);return this.__ownerID||r===this._map?this:Dt(this,r)},At.prototype.remove=function(e){if(!this.has(e))return this;var t=this._map&&this._map.remove(e);return this.__ownerID||t===this._map?this:Dt(this,t)},At.prototype.wasAltered=function(){return this._map.wasAltered()},At.prototype.__iterator=function(e,t){var r=this;return n(this._defaultValues).map(function(e,t){return r.get(t)}).__iterator(e,t)},At.prototype.__iterate=function(e,t){var r=this;return n(this._defaultValues).map(function(e,t){return r.get(t)}).__iterate(e,t)},At.prototype.__ensureOwner=function(e){if(e===this.__ownerID)return this;var t=this._map&&this._map.__ensureOwner(e);return e?Dt(this,t,e):(this.__ownerID=e,this._map=t,this)};var Qn=At.prototype;Qn[dn]=Qn.remove,Qn.deleteIn=Qn.removeIn=zn.removeIn,Qn.merge=zn.merge,Qn.mergeWith=zn.mergeWith,Qn.mergeIn=zn.mergeIn,Qn.mergeDeep=zn.mergeDeep,Qn.mergeDeepWith=zn.mergeDeepWith,Qn.mergeDeepIn=zn.mergeDeepIn,Qn.setIn=zn.setIn,Qn.update=zn.update,Qn.updateIn=zn.updateIn,Qn.withMutations=zn.withMutations,Qn.asMutable=zn.asMutable,Qn.asImmutable=zn.asImmutable,e(Lt,re),Lt.of=function(){return this(arguments)},Lt.fromKeys=function(e){return this(n(e).keySeq())},Lt.prototype.toString=function(){return this.__toString("Set {","}")},Lt.prototype.has=function(e){return this._map.has(e)},Lt.prototype.add=function(e){return Ut(this,this._map.set(e,!0))},Lt.prototype.remove=function(e){return Ut(this,this._map.remove(e))},Lt.prototype.clear=function(){return Ut(this,this._map.clear())},Lt.prototype.union=function(){var e=un.call(arguments,0);return e=e.filter(function(e){return 0!==e.size}),0===e.length?this:0!==this.size||this.__ownerID||1!==e.length?this.withMutations(function(t){for(var n=0;n<e.length;n++)o(e[n]).forEach(function(e){return t.add(e)})}):this.constructor(e[0])},Lt.prototype.intersect=function(){var e=un.call(arguments,0);if(0===e.length)return this;e=e.map(function(e){return o(e)});var t=this;return this.withMutations(function(n){t.forEach(function(t){e.every(function(e){return e.includes(t)})||n.remove(t)})})},Lt.prototype.subtract=function(){var e=un.call(arguments,0);if(0===e.length)return this;e=e.map(function(e){return o(e)});var t=this;return this.withMutations(function(n){t.forEach(function(t){e.some(function(e){return e.includes(t)})&&n.remove(t)})})},Lt.prototype.merge=function(){return this.union.apply(this,arguments)},Lt.prototype.mergeWith=function(e){var t=un.call(arguments,1);return this.union.apply(this,t)},Lt.prototype.sort=function(e){return zt(_t(this,e))},Lt.prototype.sortBy=function(e,t){return zt(_t(this,t,e))},Lt.prototype.wasAltered=function(){return this._map.wasAltered()},Lt.prototype.__iterate=function(e,t){var n=this;return this._map.__iterate(function(t,r){return e(r,r,n)},t)},Lt.prototype.__iterator=function(e,t){return this._map.map(function(e,t){return t}).__iterator(e,t)},Lt.prototype.__ensureOwner=function(e){if(e===this.__ownerID)return this;var t=this._map.__ensureOwner(e);return e?this.__make(t,e):(this.__ownerID=e,this._map=t,this)},Lt.isSet=Ft;var Jn="@@__IMMUTABLE_SET__@@",er=Lt.prototype;er[Jn]=!0,er[dn]=er.remove,er.mergeDeep=er.merge,er.mergeDeepWith=er.mergeWith,er.withMutations=zn.withMutations,er.asMutable=zn.asMutable,er.asImmutable=zn.asImmutable,er.__empty=Bt,er.__make=Vt;var tr;e(zt,Lt),zt.of=function(){return this(arguments)},zt.fromKeys=function(e){return this(n(e).keySeq())},zt.prototype.toString=function(){return this.__toString("OrderedSet {","}")},zt.isOrderedSet=Ht;var nr=zt.prototype;nr[pn]=!0,nr.__empty=Wt,nr.__make=Kt;var rr;e(qt,ne),qt.of=function(){return this(arguments)},qt.prototype.toString=function(){return this.__toString("Stack [","]")},qt.prototype.get=function(e,t){var n=this._head;for(e=v(this,e);n&&e--;)n=n.next;return n?n.value:t},qt.prototype.peek=function(){return this._head&&this._head.value},qt.prototype.push=function(){if(0===arguments.length)return this;for(var e=this.size+arguments.length,t=this._head,n=arguments.length-1;n>=0;n--)t={value:arguments[n],next:t};return this.__ownerID?(this.size=e,this._head=t,this.__hash=void 0,this.__altered=!0,this):Gt(e,t)},qt.prototype.pushAll=function(e){if(e=r(e),0===e.size)return this;ce(e.size);var t=this.size,n=this._head;return e.reverse().forEach(function(e){t++,n={value:e,next:n}}),this.__ownerID?(this.size=t,this._head=n,this.__hash=void 0,this.__altered=!0,this):Gt(t,n)},qt.prototype.pop=function(){return this.slice(1)},qt.prototype.unshift=function(){return this.push.apply(this,arguments)},qt.prototype.unshiftAll=function(e){return this.pushAll(e)},qt.prototype.shift=function(){return this.pop.apply(this,arguments)},qt.prototype.clear=function(){return 0===this.size?this:this.__ownerID?(this.size=0,this._head=void 0,this.__hash=void 0,this.__altered=!0,this):Xt()},qt.prototype.slice=function(e,t){if(y(e,t,this.size))return this;var n=g(e,this.size),r=b(t,this.size);if(r!==this.size)return ne.prototype.slice.call(this,e,t);for(var o=this.size-n,i=this._head;n--;)i=i.next;return this.__ownerID?(this.size=o,this._head=i,this.__hash=void 0,this.__altered=!0,this):Gt(o,i)},qt.prototype.__ensureOwner=function(e){return e===this.__ownerID?this:e?Gt(this.size,this._head,e,this.__hash):(this.__ownerID=e,this.__altered=!1,this)},qt.prototype.__iterate=function(e,t){if(t)return this.reverse().__iterate(e);for(var n=0,r=this._head;r&&e(r.value,n++,this)!==!1;)r=r.next;return n},qt.prototype.__iterator=function(e,t){if(t)return this.reverse().__iterator(e);var n=0,r=this._head;return new w(function(){if(r){var t=r.value;return r=r.next,x(e,n++,t)}return C()})},qt.isStack=Yt;var or="@@__IMMUTABLE_STACK__@@",ir=qt.prototype;ir[or]=!0,ir.withMutations=zn.withMutations,ir.asMutable=zn.asMutable,ir.asImmutable=zn.asImmutable,ir.wasAltered=zn.wasAltered;var ar;t.Iterator=w,$t(t,{toArray:function(){ce(this.size);var e=new Array(this.size||0);return this.valueSeq().__iterate(function(t,n){e[n]=t}),e},toIndexedSeq:function(){return new ot(this)},toJS:function(){return this.toSeq().map(function(e){return e&&"function"==typeof e.toJS?e.toJS():e}).__toJS()},toJSON:function(){return this.toSeq().map(function(e){return e&&"function"==typeof e.toJSON?e.toJSON():e}).__toJS()},toKeyedSeq:function(){return new rt(this,(!0))},toMap:function(){return fe(this.toKeyedSeq())},toObject:function(){ce(this.size);var e={};return this.__iterate(function(t,n){e[n]=t}),e},toOrderedMap:function(){return Qe(this.toKeyedSeq())},toOrderedSet:function(){return zt(a(this)?this.valueSeq():this)},toSet:function(){return Lt(a(this)?this.valueSeq():this)},toSetSeq:function(){return new it(this)},toSeq:function(){return s(this)?this.toIndexedSeq():a(this)?this.toKeyedSeq():this.toSetSeq()},toStack:function(){return qt(a(this)?this.valueSeq():this)},toList:function(){return Ue(a(this)?this.valueSeq():this)},toString:function(){return"[Iterable]"},__toString:function(e,t){return 0===this.size?e+t:e+" "+this.toSeq().map(this.__toStringMapper).join(", ")+" "+t},concat:function(){var e=un.call(arguments,0);return Et(this,mt(this,e))},includes:function(e){return this.some(function(t){return X(t,e)})},entries:function(){return this.__iterator(xn)},every:function(e,t){ce(this.size);var n=!0;return this.__iterate(function(r,o,i){if(!e.call(t,r,o,i))return n=!1,!1}),n},filter:function(e,t){return Et(this,ct(this,e,t,!0))},find:function(e,t,n){var r=this.findEntry(e,t);return r?r[1]:n},forEach:function(e,t){return ce(this.size),this.__iterate(t?e.bind(t):e)},join:function(e){ce(this.size),e=void 0!==e?""+e:",";var t="",n=!0;return this.__iterate(function(r){n?n=!1:t+=e,t+=null!==r&&void 0!==r?r.toString():""}),t},keys:function(){return this.__iterator(_n)},map:function(e,t){return Et(this,ut(this,e,t))},reduce:function(e,t,n){ce(this.size);var r,o;return arguments.length<2?o=!0:r=t,this.__iterate(function(t,i,a){o?(o=!1,r=t):r=e.call(n,r,t,i,a)}),r},reduceRight:function(e,t,n){var r=this.toKeyedSeq().reverse();return r.reduce.apply(r,arguments)},reverse:function(){return Et(this,lt(this,!0))},slice:function(e,t){return Et(this,dt(this,e,t,!0))},some:function(e,t){return!this.every(Jt(e),t)},sort:function(e){return Et(this,_t(this,e))},values:function(){return this.__iterator(wn)},butLast:function(){return this.slice(0,-1)},isEmpty:function(){return void 0!==this.size?0===this.size:!this.some(function(){return!0})},count:function(e,t){return h(e?this.toSeq().filter(e,t):this)},countBy:function(e,t){return ft(this,e,t)},equals:function(e){return $(this,e)},entrySeq:function(){var e=this;if(e._cache)return new D(e._cache);var t=e.toSeq().map(Qt).toIndexedSeq();return t.fromEntrySeq=function(){return e.toSeq()},t},filterNot:function(e,t){return this.filter(Jt(e),t)},findEntry:function(e,t,n){var r=n;return this.__iterate(function(n,o,i){if(e.call(t,n,o,i))return r=[o,n],!1}),r},findKey:function(e,t){var n=this.findEntry(e,t);return n&&n[0]},findLast:function(e,t,n){return this.toKeyedSeq().reverse().find(e,t,n)},findLastEntry:function(e,t,n){return this.toKeyedSeq().reverse().findEntry(e,t,n)},findLastKey:function(e,t){return this.toKeyedSeq().reverse().findKey(e,t)},first:function(){return this.find(m)},flatMap:function(e,t){return Et(this,gt(this,e,t))},flatten:function(e){return Et(this,yt(this,e,!0))},fromEntrySeq:function(){return new at(this)},get:function(e,t){return this.find(function(t,n){return X(n,e)},void 0,t)},getIn:function(e,t){for(var n,r=this,o=Nt(e);!(n=o.next()).done;){var i=n.value;if(r=r&&r.get?r.get(i,yn):yn,r===yn)return t}return r},groupBy:function(e,t){return pt(this,e,t)},has:function(e){return this.get(e,yn)!==yn},hasIn:function(e){return this.getIn(e,yn)!==yn},isSubset:function(e){return e="function"==typeof e.includes?e:t(e),this.every(function(t){return e.includes(t)})},isSuperset:function(e){return e="function"==typeof e.isSubset?e:t(e),e.isSubset(this)},keyOf:function(e){return this.findKey(function(t){return X(t,e)})},keySeq:function(){return this.toSeq().map(Zt).toIndexedSeq()},last:function(){return this.toSeq().reverse().first()},lastKeyOf:function(e){return this.toKeyedSeq().reverse().keyOf(e)},max:function(e){return wt(this,e)},maxBy:function(e,t){return wt(this,t,e)},min:function(e){return wt(this,e?en(e):rn)},minBy:function(e,t){return wt(this,t?en(t):rn,e)},rest:function(){return this.slice(1)},skip:function(e){return this.slice(Math.max(0,e))},skipLast:function(e){return Et(this,this.toSeq().reverse().skip(e).reverse())},skipWhile:function(e,t){return Et(this,vt(this,e,t,!0))},skipUntil:function(e,t){return this.skipWhile(Jt(e),t)},sortBy:function(e,t){return Et(this,_t(this,t,e))},take:function(e){return this.slice(0,Math.max(0,e))},takeLast:function(e){return Et(this,this.toSeq().reverse().take(e).reverse())},takeWhile:function(e,t){return Et(this,ht(this,e,t))},takeUntil:function(e,t){return this.takeWhile(Jt(e),t)},valueSeq:function(){return this.toIndexedSeq()},hashCode:function(){return this.__hash||(this.__hash=on(this))}});var sr=t.prototype;sr[ln]=!0,sr[Sn]=sr.values,sr.__toJS=sr.toArray,sr.__toStringMapper=tn,sr.inspect=sr.toSource=function(){return this.toString()},sr.chain=sr.flatMap,sr.contains=sr.includes,$t(n,{flip:function(){return Et(this,st(this))},mapEntries:function(e,t){var n=this,r=0;return Et(this,this.toSeq().map(function(o,i){return e.call(t,[i,o],r++,n)}).fromEntrySeq())},mapKeys:function(e,t){var n=this;return Et(this,this.toSeq().flip().map(function(r,o){return e.call(t,r,o,n)}).flip())}});var ur=n.prototype;ur[cn]=!0,ur[Sn]=sr.entries,ur.__toJS=sr.toObject,ur.__toStringMapper=function(e,t){return JSON.stringify(t)+": "+tn(e)},$t(r,{toKeyedSeq:function(){return new rt(this,(!1))},filter:function(e,t){return Et(this,ct(this,e,t,!1))},findIndex:function(e,t){var n=this.findEntry(e,t);return n?n[0]:-1},indexOf:function(e){var t=this.keyOf(e);return void 0===t?-1:t},lastIndexOf:function(e){
-var t=this.lastKeyOf(e);return void 0===t?-1:t},reverse:function(){return Et(this,lt(this,!1))},slice:function(e,t){return Et(this,dt(this,e,t,!1))},splice:function(e,t){var n=arguments.length;if(t=Math.max(0|t,0),0===n||2===n&&!t)return this;e=g(e,e<0?this.count():this.size);var r=this.slice(0,e);return Et(this,1===n?r:r.concat(d(arguments,2),this.slice(e+t)))},findLastIndex:function(e,t){var n=this.findLastEntry(e,t);return n?n[0]:-1},first:function(){return this.get(0)},flatten:function(e){return Et(this,yt(this,e,!1))},get:function(e,t){return e=v(this,e),e<0||this.size===1/0||void 0!==this.size&&e>this.size?t:this.find(function(t,n){return n===e},void 0,t)},has:function(e){return e=v(this,e),e>=0&&(void 0!==this.size?this.size===1/0||e<this.size:this.indexOf(e)!==-1)},interpose:function(e){return Et(this,bt(this,e))},interleave:function(){var e=[this].concat(d(arguments)),t=Ct(this.toSeq(),N.of,e),n=t.flatten(!0);return t.size&&(n.size=t.size*e.length),Et(this,n)},keySeq:function(){return J(0,this.size)},last:function(){return this.get(-1)},skipWhile:function(e,t){return Et(this,vt(this,e,t,!1))},zip:function(){var e=[this].concat(d(arguments));return Et(this,Ct(this,nn,e))},zipWith:function(e){var t=d(arguments);return t[0]=this,Et(this,Ct(this,e,t))}}),r.prototype[fn]=!0,r.prototype[pn]=!0,$t(o,{get:function(e,t){return this.has(e)?e:t},includes:function(e){return this.has(e)},keySeq:function(){return this.valueSeq()}}),o.prototype.has=sr.includes,o.prototype.contains=o.prototype.includes,$t(M,n.prototype),$t(N,r.prototype),$t(A,o.prototype),$t(te,n.prototype),$t(ne,r.prototype),$t(re,o.prototype);var lr={Iterable:t,Seq:k,Collection:ee,Map:fe,OrderedMap:Qe,List:Ue,Stack:qt,Set:Lt,OrderedSet:zt,Record:At,Range:J,Repeat:Z,is:X,fromJS:W};return lr})},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1805),i=r(o),a=n(1804),s=r(a);i["default"].Group=s["default"],t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(488),i=r(o),a=n(1815),s=r(a);i["default"].Group=s["default"],t["default"]=i["default"],e.exports=t["default"]},function(e,t){"use strict";var n=Array.isArray||function(e){return e instanceof Array};t.isFragment=function(e){return n(e)&&""===e[0]},t.getTagName=function(e){return e[0]||""};var r=t.isElement=function(e){return n(e)&&"string"==typeof e[0]},o=t.isAttributes=function(e){return!!e&&"object"==typeof e&&!n(e)},i=t.hasAttributes=function(e){if(!r(e))throw new SyntaxError("invalid JsonML");return o(e[1])},a=t.getAttributes=function(e,t){if(i(e))return e[1];if(t){var n=e.shift(),r={};return e.unshift(r),e.unshift(n||""),r}},s=t.addAttributes=function(e,t){if(!r(e)||!o(t))throw new SyntaxError("invalid JsonML");if(!o(e[1])){var n=e.shift();return e.unshift(t),void e.unshift(n||"")}var i=e[1];for(var a in t)t.hasOwnProperty(a)&&(i[a]=t[a])};t.getAttribute=function(e,t){if(i(e))return e[1][t]},t.setAttribute=function(e,t,n){a(e,!0)[t]=n};var u=t.appendChild=function(e,o){if(!n(e))throw new SyntaxError("invalid JsonML");if(n(o)&&""===o[0])for(o.shift();o.length;)u(e,o.shift(),arguments[2]);else if(o&&"object"==typeof o)if(n(o)){if(!r(o))throw new SyntaxError("invalid JsonML");"function"==typeof arguments[2]&&arguments[2](e,o),e.push(o)}else t.isRaw(o)?e.push(o):s(e,o);else"undefined"!=typeof o&&null!==o&&(o=String(o),o&&e.length>1&&"string"==typeof e[e.length-1]?e[e.length-1]+=o:!o&&e.length||e.push(o))};t.getChildren=function(e){return i(e)?e.slice(2):e.slice(1)}},function(e,t,n){"use strict";var r=n(22),o=r.OrderedMap,i={createFromArray:function(e){return o(e.map(function(e){return[e.getKey(),e]}))}};e.exports=i},function(e,t){"use strict";var n="-",r={encode:function(e,t,r){return e+n+t+n+r},decode:function(e){var t=e.split(n),r=t[0],o=t[1],i=t[2];return{blockKey:r,decoratorKey:parseInt(o,10),leafKey:parseInt(i,10)}}};e.exports=r},function(e,t,n){"use strict";function r(e,t,n){var r=e.getSelection(),i=e.getCurrentContent(),a=r;if(r.isCollapsed()){if("forward"===n){if(e.isSelectionAtEndOfContent())return i}else if(e.isSelectionAtStartOfContent())return i;if(a=t(e),a===r)return i}return o.removeRange(i,a,n)}var o=n(35);e.exports=r},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(615),i=r(o);i["default"].isQueueAnim=!0,t["default"]=i["default"],e.exports=t["default"]},function(e,t){"use strict";function n(e){return"object"==typeof e?Object.keys(e).filter(function(t){return e[t]}).map(r).join(" "):Array.prototype.map.call(arguments,r).join(" ")}function r(e){return e.replace(/\//g,"-")}e.exports=n},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=[];return y["default"].Children.forEach(e,function(e){t.push(e)}),t}function i(e){return e||0===e?Array.isArray(e)?e:[e]:[]}function a(e,t){if(e===t||(0,b["default"])(e,t))return!0;if(!e||!t)return!1;var n=!0;if(Array.isArray(e)&&Array.isArray(t)){if(e.length!==t.length)return!1;for(var r=0;r<e.length;r++){var o=e[r],i=t[r];for(var s in o)if(o[s]!==i[s])if("object"===(0,v["default"])(o[s])&&"object"===(0,v["default"])(i[s]))n=a(o[s],i[s]);else{if("function"!=typeof o[s]||"function"!=typeof i[s])return n=!1,!1;o[s].name!==i[s].name&&(n=!1)}}}var u=function(e,t){Object.keys(e).forEach(function(r){r in t||(n=!1),"object"===(0,v["default"])(e[r])&&"object"===(0,v["default"])(t[r])?n=a(e[r],t[r]):"function"==typeof e[r]&&"function"==typeof t[r]?e[r].name!==t[r].name&&(n=!1):e[r]!==t[r]&&(n=!1)})};return u(e,t),u(t,e),n}function s(e,t){var n=null;return e&&e.forEach(function(e){!n&&e&&e.key===t&&(n=e)}),n}function u(e,t){var n=[],r={},o=[],i=void 0;return e.forEach(function(e){e&&(s(t,e.key)?(o.length&&(r[e.key]=o,o=[]),i=e.key):e.key&&o.push(e))}),i||(n=n.concat(o)),t.forEach(function(e){e&&(r.hasOwnProperty(e.key)&&(n=n.concat(r[e.key])),n.push(e),e.key===i&&(n=n.concat(o)))}),n}function l(e,t,n){var r=void 0;return r="function"==typeof e?e({key:t,index:n}):e}function c(e){return e&&e.children}function f(e,t,n,r,o,i,a){var s=/(?:Left|Right|Width|X)/i.test(t)||a,u=t.indexOf("border")!==-1?e:e.parentNode||document.body;u=i?document.body:u;var l=void 0;return l="%"===r?parseFloat(n)/100*(s?u.clientWidth:u.clientHeight):"vw"===r?parseFloat(n)*document.body.clientWidth/100:"vh"===r?parseFloat(n)*document.body.clientHeight/100:r&&r.match(/em/i)?16*parseFloat(n):parseFloat(n),"%"===o?l=100*l/(s?u.clientWidth:u.clientHeight):"vw"===o?l=parseFloat(n)/document.body.clientWidth*100:"vh"===o?l=parseFloat(n)/document.body.clientHeight*100:o&&o.match(/em/i)&&(l=parseFloat(n)/16),l}function p(e){if("string"==typeof e)return e.charAt(0).match(/m/i)?(_=_||document.createElementNS("http://www.w3.org/2000/svg","path"),_.setAttributeNS(null,"d",e),_):document.querySelector(e);if(e.style)return e;throw new Error("Error while parsing the path")}function d(e,t){if("string"==typeof e)return e;var n=e.perspective,r=e.rotate,o=e.rotateX,i=e.rotateY,a=e.scaleX,s=e.scaleY,u=e.scaleZ,l=e.skewX,c=e.skewY,f=e.xPercent||0,p=e.yPercent||0,d=f?0:e.translateX,h=p?0:e.translateY,v=e.translateZ||0,m=f||p?"translate("+(f||d+"px")+","+(p||h+"px")+")":"",y=l||c?"skew("+l+"deg,"+c+"deg)":"",g=r?"rotate("+r+"deg)":"",b=void 0;if(!n&&!o&&!i&&!v&&1===u||!t){b=1!==a||1!==s?"scale("+a+","+s+")":"";var _=m||"translate("+d+"px,"+h+"px)";return _+" "+g+" "+b+" "+y}b=1!==a||1!==s||1!==u?"scale3d("+a+","+s+","+u+")":"";var w=o?"rotateX("+o+"deg)":"",x=i?"rotateY("+i+"deg)":"",C=n?"perspective("+n+"px)":"",E=m?m+" translate3d(0,0,"+v+"px)":"translate3d("+d+"px,"+h+"px,"+v+"px)";return C+" "+E+" "+b+" "+g+" "+w+" "+x+" "+y}Object.defineProperty(t,"__esModule",{value:!0});var h=n(47),v=r(h);t.toArrayChildren=o,t.dataToArray=i,t.objectEqual=a,t.findChildInChildrenByKey=s,t.mergeChildren=u,t.transformArguments=l,t.getChildrenFromProps=c,t.startConvertToEndUnit=f,t.parsePath=p,t.getTransformValue=d;var m=n(1),y=r(m),g=n(1465),b=r(g),_=void 0},function(e,t,n){"use strict";function r(e,t){return e+t}function o(e,t,n){var r=n;{if("object"!==("undefined"==typeof t?"undefined":S(t)))return"undefined"!=typeof r?("number"==typeof r&&(r+="px"),void(e.style[t]=r)):T(e,t);for(var i in t)t.hasOwnProperty(i)&&o(e,i,t[i])}}function i(e){var t=void 0,n=void 0,r=void 0,o=e.ownerDocument,i=o.body,a=o&&o.documentElement;return t=e.getBoundingClientRect(),n=t.left,r=t.top,n-=a.clientLeft||i.clientLeft||0,r-=a.clientTop||i.clientTop||0,{left:n,top:r}}function a(e,t){var n=e["page"+(t?"Y":"X")+"Offset"],r="scroll"+(t?"Top":"Left");if("number"!=typeof n){var o=e.document;n=o.documentElement[r],"number"!=typeof n&&(n=o.body[r])}return n}function s(e){return a(e)}function u(e){return a(e,!0)}function l(e){var t=i(e),n=e.ownerDocument,r=n.defaultView||n.parentWindow;return t.left+=s(r),t.top+=u(r),t}function c(e,t,n){var r=n,o="",i=e.ownerDocument;return r=r||i.defaultView.getComputedStyle(e,null),r&&(o=r.getPropertyValue(t)||r[t]),o}function f(e,t){var n=e[N]&&e[N][t];if(k.test(n)&&!M.test(t)){var r=e.style,o=r[D],i=e[A][D];e[A][D]=e[N][D],r[D]="fontSize"===t?"1em":n||0,n=r.pixelLeft+j,r[D]=o,e[A][D]=i}return""===n?"auto":n}function p(e,t){return"left"===e?t.useCssRight?"right":e:t.useCssBottom?"bottom":e}function d(e){return"left"===e?"right":"right"===e?"left":"top"===e?"bottom":"bottom"===e?"top":void 0}function h(e,t,n){"static"===o(e,"position")&&(e.style.position="relative");var i=-999,a=-999,s=p("left",n),u=p("top",n),c=d(s),f=d(u);"left"!==s&&(i=999),"top"!==u&&(a=999);var h="",v=l(e);("left"in t||"top"in t)&&(h=(0,P.getTransitionProperty)(e)||"",(0,P.setTransitionProperty)(e,"none")),"left"in t&&(e.style[c]="",e.style[s]=i+"px"),"top"in t&&(e.style[f]="",e.style[u]=a+"px");var m=l(e),y={};for(var g in t)if(t.hasOwnProperty(g)){var b=p(g,n),_="left"===g?i:a,w=v[g]-m[g];b===g?y[b]=_+w:y[b]=_-w}o(e,y),r(e.offsetTop,e.offsetLeft),("left"in t||"top"in t)&&(0,P.setTransitionProperty)(e,h);var x={};for(var C in t)if(t.hasOwnProperty(C)){var E=p(C,n),S=t[C]-v[C];C===E?x[E]=y[E]+S:x[E]=y[E]-S}o(e,x)}function v(e,t){var n=l(e),r=(0,P.getTransformXY)(e),o={x:r.x,y:r.y};"left"in t&&(o.x=r.x+t.left-n.left),"top"in t&&(o.y=r.y+t.top-n.top),(0,P.setTransformXY)(e,o)}function m(e,t,n){n.useCssRight||n.useCssBottom?h(e,t,n):n.useCssTransform&&(0,P.getTransformName)()in document.body.style?v(e,t,n):h(e,t,n)}function y(e,t){for(var n=0;n<e.length;n++)t(e[n])}function g(e){return"border-box"===T(e,"boxSizing")}function b(e,t,n){var r={},o=e.style,i=void 0;for(i in t)t.hasOwnProperty(i)&&(r[i]=o[i],o[i]=t[i]);n.call(e);for(i in t)t.hasOwnProperty(i)&&(o[i]=r[i])}function _(e,t,n){var r=0,o=void 0,i=void 0,a=void 0;for(i=0;i<t.length;i++)if(o=t[i])for(a=0;a<n.length;a++){var s=void 0;s="border"===o?""+o+n[a]+"Width":o+n[a],r+=parseFloat(T(e,s))||0}return r}function w(e){return null!==e&&void 0!==e&&e==e.window}function x(e,t,n){var r=n;if(w(e))return"width"===t?V.viewportWidth(e):V.viewportHeight(e);if(9===e.nodeType)return"width"===t?V.docWidth(e):V.docHeight(e);var o="width"===t?["Left","Right"]:["Top","Bottom"],i="width"===t?e.offsetWidth:e.offsetHeight,a=T(e),s=g(e,a),u=0;(null===i||void 0===i||i<=0)&&(i=void 0,u=T(e,t),(null===u||void 0===u||Number(u)<0)&&(u=e.style[t]||0),u=parseFloat(u)||0),void 0===r&&(r=s?F:I);var l=void 0!==i||s,c=i||u;return r===I?l?c-_(e,["border","padding"],o,a):u:l?r===F?c:c+(r===L?-_(e,["border"],o,a):_(e,["margin"],o,a)):u+_(e,R.slice(r),o,a)}function C(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=void 0,o=t[0];return 0!==o.offsetWidth?r=x.apply(void 0,t):b(o,B,function(){r=x.apply(void 0,t)}),r}function E(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n]);return e}Object.defineProperty(t,"__esModule",{value:!0});var S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},P=n(1345),O=/[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source,T=void 0,k=new RegExp("^("+O+")(?!px)[a-z%]+$","i"),M=/^(top|right|bottom|left)$/,N="currentStyle",A="runtimeStyle",D="left",j="px";"undefined"!=typeof window&&(T=window.getComputedStyle?c:f);var R=["margin","border","padding"],I=-1,L=2,F=1,U=0,V={};y(["Width","Height"],function(e){V["doc"+e]=function(t){var n=t.document;return Math.max(n.documentElement["scroll"+e],n.body["scroll"+e],V["viewport"+e](n))},V["viewport"+e]=function(t){var n="client"+e,r=t.document,o=r.body,i=r.documentElement,a=i[n];return"CSS1Compat"===r.compatMode&&a||o&&o[n]||a}});var B={position:"absolute",visibility:"hidden",display:"block"};y(["width","height"],function(e){var t=e.charAt(0).toUpperCase()+e.slice(1);V["outer"+t]=function(t,n){return t&&C(t,e,n?U:F)};var n="width"===e?["Left","Right"]:["Top","Bottom"];V[e]=function(t,r){var i=r;{if(void 0===i)return t&&C(t,e,I);if(t){var a=T(t),s=g(t);return s&&(i+=_(t,["padding","border"],n,a)),o(t,e,i)}}}});var z={getWindow:function(e){if(e&&e.document&&e.setTimeout)return e;var t=e.ownerDocument||e;return t.defaultView||t.parentWindow},offset:function(e,t,n){return"undefined"==typeof t?l(e):void m(e,t,n||{})},isWindow:w,each:y,css:o,clone:function(e){var t=void 0,n={};for(t in e)e.hasOwnProperty(t)&&(n[t]=e[t]);var r=e.overflow;if(r)for(t in e)e.hasOwnProperty(t)&&(n.overflow[t]=e.overflow[t]);return n},mix:E,getWindowScrollLeft:function(e){return s(e)},getWindowScrollTop:function(e){return u(e)},merge:function(){for(var e={},t=arguments.length,n=Array(t),r=0;r<t;r++)n[r]=arguments[r];for(var o=0;o<n.length;o++)z.mix(e,n[o]);return e},viewportWidth:0,viewportHeight:0};E(z,V),t["default"]=z,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return"button"===e||"input"===e||"select"===e||"textarea"===e}function o(e,t,n){switch(e){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":return!(!n.disabled||!r(t));default:return!1}}var i=n(19),a=n(235),s=n(236),u=n(240),l=n(412),c=n(413),f=(n(13),{}),p=null,d=function(e,t){e&&(s.executeDispatchesInOrder(e,t),e.isPersistent()||e.constructor.release(e))},h=function(e){return d(e,!0)},v=function(e){return d(e,!1)},m=function(e){return"."+e._rootNodeID},y={injection:{injectEventPluginOrder:a.injectEventPluginOrder,injectEventPluginsByName:a.injectEventPluginsByName},putListener:function(e,t,n){"function"!=typeof n?i("94",t,typeof n):void 0;var r=m(e),o=f[t]||(f[t]={});o[r]=n;var s=a.registrationNameModules[t];s&&s.didPutListener&&s.didPutListener(e,t,n)},getListener:function(e,t){var n=f[t];if(o(t,e._currentElement.type,e._currentElement.props))return null;var r=m(e);return n&&n[r]},deleteListener:function(e,t){var n=a.registrationNameModules[t];n&&n.willDeleteListener&&n.willDeleteListener(e,t);var r=f[t];if(r){var o=m(e);delete r[o]}},deleteAllListeners:function(e){var t=m(e);for(var n in f)if(f.hasOwnProperty(n)&&f[n][t]){var r=a.registrationNameModules[n];r&&r.willDeleteListener&&r.willDeleteListener(e,n),delete f[n][t]}},extractEvents:function(e,t,n,r){for(var o,i=a.plugins,s=0;s<i.length;s++){var u=i[s];if(u){var c=u.extractEvents(e,t,n,r);c&&(o=l(o,c))}}return o},enqueueEvents:function(e){e&&(p=l(p,e))},processEventQueue:function(e){var t=p;p=null,e?c(t,h):c(t,v),p?i("95"):void 0,u.rethrowCaughtError()},__purge:function(){f={}},__getListenerBank:function(){return f}};e.exports=y},function(e,t,n){"use strict";function r(e,t,n){var r=t.dispatchConfig.phasedRegistrationNames[n];return y(e,r)}function o(e,t,n){var o=r(e,n,t);o&&(n._dispatchListeners=v(n._dispatchListeners,o),n._dispatchInstances=v(n._dispatchInstances,e))}function i(e){e&&e.dispatchConfig.phasedRegistrationNames&&h.traverseTwoPhase(e._targetInst,o,e)}function a(e){if(e&&e.dispatchConfig.phasedRegistrationNames){var t=e._targetInst,n=t?h.getParentInstance(t):null;h.traverseTwoPhase(n,o,e)}}function s(e,t,n){if(n&&n.dispatchConfig.registrationName){var r=n.dispatchConfig.registrationName,o=y(e,r);o&&(n._dispatchListeners=v(n._dispatchListeners,o),n._dispatchInstances=v(n._dispatchInstances,e))}}function u(e){e&&e.dispatchConfig.registrationName&&s(e._targetInst,null,e)}function l(e){m(e,i)}function c(e){m(e,a)}function f(e,t,n,r){h.traverseEnterLeave(n,r,s,e,t)}function p(e){m(e,u)}var d=n(139),h=n(236),v=n(412),m=n(413),y=(n(16),d.getListener),g={accumulateTwoPhaseDispatches:l,accumulateTwoPhaseDispatchesSkipTarget:c,accumulateDirectDispatches:p,accumulateEnterLeaveDispatches:f};e.exports=g},function(e,t){"use strict";var n={remove:function(e){e._reactInternalInstance=void 0},get:function(e){return e._reactInternalInstance},has:function(e){return void 0!==e._reactInternalInstance},set:function(e,t){e._reactInternalInstance=t}};e.exports=n},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(71),i=n(245),a={view:function(e){if(e.view)return e.view;var t=i(e);if(t.window===t)return t;var n=t.ownerDocument;return n?n.defaultView||n.parentWindow:window},detail:function(e){return e.detail||0}};o.augmentClass(r,a),e.exports=r},function(e,t){var n={}.toString;e.exports=function(e){return n.call(e).slice(8,-1)}},function(e,t){e.exports=function(e){try{return!!e()}catch(t){return!0}}},function(e,t,n){var r=n(442),o=n(256);e.exports=Object.keys||function(e){return r(e,o)}},function(e,t){e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},function(e,t,n){"use strict";var r=n(1531)(!0);n(438)(String,"String",function(e){this._t=String(e),this._i=0},function(){var e,t=this._t,n=this._i;return n>=t.length?{value:void 0,done:!0}:(e=r(t,n),this._i+=e.length,{value:e,done:!1})})},function(e,t,n){var r=n(59),o=n(24)("toStringTag"),i="Arguments"==r(function(){return arguments}()),a=function(e,t){try{return e[t]}catch(n){}};e.exports=function(e){var t,n,s;return void 0===e?"Undefined":null===e?"Null":"string"==typeof(n=a(t=Object(e),o))?n:i?r(t):"Object"==(s=r(t))&&"function"==typeof t.callee?"Arguments":s}},function(e,t,n){var r=n(59);e.exports=Object("z").propertyIsEnumerable(0)?Object:function(e){return"String"==r(e)?e.split(""):Object(e)}},function(e,t){t.f={}.propertyIsEnumerable},function(e,t){"use strict";t.__esModule=!0;t.addEventListener=function(e,t,n){return e.addEventListener?e.addEventListener(t,n,!1):e.attachEvent("on"+t,n)},t.removeEventListener=function(e,t,n){return e.removeEventListener?e.removeEventListener(t,n,!1):e.detachEvent("on"+t,n)},t.supportsHistory=function(){var e=window.navigator.userAgent;return(e.indexOf("Android 2.")===-1&&e.indexOf("Android 4.0")===-1||e.indexOf("Mobile Safari")===-1||e.indexOf("Chrome")!==-1||e.indexOf("Windows Phone")!==-1)&&(window.history&&"pushState"in window.history)},t.supportsGoWithoutReloadUsingHash=function(){return window.navigator.userAgent.indexOf("Firefox")===-1},t.supportsPopstateOnHashchange=function(){return window.navigator.userAgent.indexOf("Trident")===-1},t.isExtraneousPopstateEvent=function(e){return void 0===e.state&&navigator.userAgent.indexOf("CriOS")===-1}},function(e,t,n){"use strict";function r(e,t,n){return!o(e.props,t)||!o(e.state,n)}var o=n(56),i={shouldComponentUpdate:function(e,t){return r(this,e,t)}};e.exports=i},function(e,t,n){"use strict";n(14),n(1248)},function(e,t,n){"use strict";n(14),n(1253)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1);t["default"]=function(e,t){return function(n){var r=n;return o=function(n){function r(){return(0,s["default"])(this,r),(0,l["default"])(this,n.apply(this,arguments))}return(0,f["default"])(r,n),r.prototype.getLocale=function(){var n=this.context.antLocale,r=n&&n[e],o=this.props.locale||{};return(0,i["default"])({},t,r||{},o)},r}(n),o.propTypes=r.propTypes,o.defaultProps=r.defaultProps,o.contextTypes=(0,i["default"])({},r.context||{},{antLocale:p.PropTypes.object}),o;var o}},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(12),y=r(m),g=n(520),b=r(g),_=n(8),w=r(_),x=n(54),C=r(x),E=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},S=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.getLocale=function(){var e=this.context.antLocale;return e&&e.Select?e.Select:{notFoundContent:"\u65e0\u5339\u914d\u7ed3\u679c"}},t.prototype.render=function(){var e,t=this.props,n=t.prefixCls,r=t.className,o=void 0===r?"":r,a=t.size,u=t.mode,l=t.multiple,c=t.tags,f=t.combobox,p=E(t,["prefixCls","className","size","mode","multiple","tags","combobox"]);(0,C["default"])(!l&&!c&&!f,"`Select[multiple|tags|combobox]` is deprecated, please use `Select[mode]` instead.");var d=(0,w["default"])((e={},(0,s["default"])(e,n+"-lg","large"===a),(0,s["default"])(e,n+"-sm","small"===a),e),o),h=this.getLocale(),m=this.props,y=m.notFoundContent,g=void 0===y?h.notFoundContent:y,_=m.optionLabelProp,x="combobox"===u||f;x&&(g=null,_=_||"value");var S={multiple:"multiple"===u||l,tags:"tags"===u||c,combobox:x};return v["default"].createElement(b["default"],(0,i["default"])({},p,S,{prefixCls:n,className:d,optionLabelProp:_||"children",notFoundContent:g}))},t}(v["default"].Component);t["default"]=S,S.Option=g.Option,S.OptGroup=g.OptGroup,S.defaultProps={prefixCls:"ant-select",showSearch:!1,transitionName:"slide-up",choiceTransitionName:"zoom"},S.propTypes={prefixCls:y["default"].string,className:y["default"].string,size:y["default"].oneOf(["default","large","small"]),combobox:y["default"].bool,notFoundContent:y["default"].any,showSearch:y["default"].bool,optionLabelProp:y["default"].string,transitionName:y["default"].string,choiceTransitionName:y["default"].string},S.contextTypes={antLocale:y["default"].object},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1272),n(107)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(10),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(9),d=r(p),h=n(1),v=r(h),m=n(1757),y=r(m),g=n(8),b=r(g),_=n(1891),w=r(_),x=function(e,t){var n={},r=(0,d["default"])({},e);return t.forEach(function(t){e&&t in e&&(n[t]=e[t],delete r[t])}),{picked:n,omited:r}},C=function(e){function t(n){(0,s["default"])(this,t);var r=(0,l["default"])(this,e.call(this,n));return r.onVisibleChange=function(e){var t=r.props.onVisibleChange;"visible"in r.props||r.setState({visible:!r.isNoTitle()&&e}),t&&!r.isNoTitle()&&t(e)},r.onPopupAlign=function(e,t){var n=r.getPlacements(),o=Object.keys(n).filter(function(e){return n[e].points[0]===t.points[0]&&n[e].points[1]===t.points[1]})[0];if(o){var i=e.getBoundingClientRect(),a={top:"50%",left:"50%"};o.indexOf("top")>=0||o.indexOf("Bottom")>=0?a.top=i.height-t.offset[1]+"px":(o.indexOf("Top")>=0||o.indexOf("bottom")>=0)&&(a.top=-t.offset[1]+"px"),o.indexOf("left")>=0||o.indexOf("Right")>=0?a.left=i.width-t.offset[0]+"px":(o.indexOf("right")>=0||o.indexOf("Left")>=0)&&(a.left=-t.offset[0]+"px"),e.style.transformOrigin=a.left+" "+a.top}},r.state={visible:!!n.visible},r}return(0,f["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){"visible"in e&&this.setState({visible:e.visible})},t.prototype.getPopupDomNode=function(){return this.refs.tooltip.getPopupDomNode()},t.prototype.getPlacements=function(){var e=this.props,t=e.builtinPlacements,n=e.arrowPointAtCenter;return t||(0,w["default"])({arrowPointAtCenter:n,verticalArrowShift:8})},t.prototype.isHoverTrigger=function(){var e=this.props.trigger;return!e||"hover"===e||!!Array.isArray(e)&&e.indexOf("hover")>=0},t.prototype.getDisabledCompatibleChildren=function(e){if((e.type.__ANT_BUTTON||"button"===e.type)&&e.props.disabled&&this.isHoverTrigger()){var t=x(e.props.style,["position","left","right","top","bottom","float","display","zIndex"]),n=t.picked,r=t.omited,o=(0,d["default"])({display:"inline-block"},n,{cursor:"not-allowed"}),i=(0,d["default"])({},r,{pointerEvents:"none"}),a=(0,h.cloneElement)(e,{style:i,className:null});return v["default"].createElement("span",{style:o,className:e.props.className},a)}return e},t.prototype.isNoTitle=function(){var e=this.props,t=e.title,n=e.overlay;return!t&&!n},t.prototype.render=function(){var e=this.props,t=this.state,n=e.prefixCls,r=e.title,o=e.overlay,a=e.openClassName,s=e.getPopupContainer,u=e.getTooltipContainer,l=e.children,c=t.visible;"visible"in e||!this.isNoTitle()||(c=!1);var f=this.getDisabledCompatibleChildren(v["default"].isValidElement(l)?l:v["default"].createElement("span",null,l)),p=f.props,m=(0,b["default"])(p.className,(0,i["default"])({},a||n+"-open",!0));return v["default"].createElement(y["default"],(0,d["default"])({},this.props,{getTooltipContainer:s||u,ref:"tooltip",builtinPlacements:this.getPlacements(),overlay:o||r,visible:c,onVisibleChange:this.onVisibleChange,onPopupAlign:this.onPopupAlign}),c?(0,h.cloneElement)(f,{className:m}):f)},t}(v["default"].Component);t["default"]=C,C.defaultProps={prefixCls:"ant-tooltip",placement:"top",transitionName:"zoom-big-fast",mouseEnterDelay:.1,mouseLeaveDelay:.1,arrowPointAtCenter:!1},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=e.title,n=e.filename;return a["default"].createElement(s.Tooltip,{title:t},a["default"].createElement("a",{className:"edit-button",href:""+u+n},a["default"].createElement(s.Icon,{type:"edit"})))}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var i=n(1),a=r(i),s=n(3),u="https://github.com/ant-design/ant-design/edit/master/";e.exports=t["default"]},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a=n(132),s=n(55),u=n(88),l=n(161),c=n(22),f=n(110),p=n(63),d=n(211),h=c.List,v=c.Record,m=c.Repeat,y={entityMap:null,blockMap:null,selectionBefore:null,selectionAfter:null},g=v(y),b=function(e){function t(){return r(this,t),o(this,e.apply(this,arguments))}return i(t,e),t.prototype.getEntityMap=function(){return l},t.prototype.getBlockMap=function(){return this.get("blockMap")},t.prototype.getSelectionBefore=function(){return this.get("selectionBefore")},t.prototype.getSelectionAfter=function(){return this.get("selectionAfter")},t.prototype.getBlockForKey=function(e){var t=this.getBlockMap().get(e);return t},t.prototype.getKeyBefore=function(e){return this.getBlockMap().reverse().keySeq().skipUntil(function(t){return t===e}).skip(1).first()},t.prototype.getKeyAfter=function(e){return this.getBlockMap().keySeq().skipUntil(function(t){return t===e}).skip(1).first()},t.prototype.getBlockAfter=function(e){return this.getBlockMap().skipUntil(function(t,n){return n===e}).skip(1).first()},t.prototype.getBlockBefore=function(e){return this.getBlockMap().reverse().skipUntil(function(t,n){return n===e}).skip(1).first()},t.prototype.getBlocksAsArray=function(){return this.getBlockMap().toArray()},t.prototype.getFirstBlock=function(){return this.getBlockMap().first()},t.prototype.getLastBlock=function(){return this.getBlockMap().last()},t.prototype.getPlainText=function(e){return this.getBlockMap().map(function(e){return e?e.getText():""}).join(e||"\n")},t.prototype.getLastCreatedEntityKey=function(){return l.__getLastCreatedEntityKey()},t.prototype.hasText=function(){var e=this.getBlockMap();return e.size>1||e.first().getLength()>0},t.prototype.createEntity=function(e,t,n){return l.__create(e,t,n),this},t.prototype.mergeEntityData=function(e,t){return l.__mergeData(e,t),this},t.prototype.replaceEntityData=function(e,t){return l.__replaceData(e,t),this},t.prototype.addEntity=function(e){return l.__add(e),this},t.prototype.getEntity=function(e){return l.__get(e)},t.createFromBlockArray=function(e,n){var r=Array.isArray(e)?e:e.contentBlocks,o=a.createFromArray(r),i=o.isEmpty()?new f:f.createEmpty(o.first().getKey());return new t({blockMap:o,entityMap:n||l,selectionBefore:i,selectionAfter:i})},t.createFromText=function(e){var n=arguments.length<=1||void 0===arguments[1]?/\r\n?|\n/g:arguments[1],r=e.split(n),o=r.map(function(e){return e=d(e),new u({key:p(),text:e,type:"unstyled",characterList:h(m(s.EMPTY,e.length))})});return t.createFromBlockArray(o)},t}(g);e.exports=b},function(e,t,n){"use strict";function r(e,t){console.warn("WARNING: "+e+' will be deprecated soon!\nPlease use "'+t+'" instead.')}var o=n(11),i=o||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=n(331),s=n(22),u=n(13),l=s.Map,c=l(),f=0,p={getLastCreatedEntityKey:function(){return r("DraftEntity.getLastCreatedEntityKey","contentState.getLastCreatedEntityKey"),p.__getLastCreatedEntityKey()},create:function(e,t,n){return r("DraftEntity.create","contentState.createEntity"),p.__create(e,t,n)},add:function(e){return r("DraftEntity.add","contentState.addEntity"),p.__add(e)},get:function(e){return r("DraftEntity.get","contentState.getEntity"),p.__get(e)},mergeData:function(e,t){return r("DraftEntity.mergeData","contentState.mergeEntityData"),p.__mergeData(e,t)},replaceData:function(e,t){return r("DraftEntity.replaceData","contentState.replaceEntityData"),p.__replaceData(e,t)},__getLastCreatedEntityKey:function(){return""+f},__create:function(e,t,n){return p.__add(new a({type:e,mutability:t,data:n||{}}))},__add:function(e){var t=""+ ++f;return c=c.set(t,e),t},__get:function(e){var t=c.get(e);return t?void 0:u(!1),t},__mergeData:function(e,t){var n=p.__get(e),r=i({},n.getData(),t),o=n.set("data",r);return c=c.set(e,o),o},__replaceData:function(e,t){var n=p.__get(e),r=n.set("data",t);return c=c.set(e,r),r}};e.exports=p},function(e,t){"use strict";function n(e,t,n,r){if(e.size){var o=0;e.reduce(function(e,i,a){return t(e,i)||(n(e)&&r(o,a),o=a),i}),n(e.last())&&r(o,e.count())}}e.exports=n},function(e,t,n){"use strict";function r(e,t){var n=t.getStartKey(),r=t.getStartOffset(),a=t.getEndKey(),s=t.getEndOffset(),u=i(e,t),l=u.getBlockMap(),c=l.keySeq(),f=c.indexOf(n),p=c.indexOf(a)+1,d=l.slice(f,p).map(function(e,t){var i=o(),u=e.getText(),l=e.getCharacterList();return n===a?e.merge({key:i,text:u.slice(r,s),characterList:l.slice(r,s)}):t===n?e.merge({key:i,text:u.slice(r),characterList:l.slice(r)}):t===a?e.merge({key:i,text:u.slice(0,s),characterList:l.slice(0,s)}):e.set("key",i)});return d.toOrderedMap()}var o=n(63),i=n(346);e.exports=r},function(e,t){"use strict";function n(e){return"handled"===e||e===!0}e.exports=n},function(e,t,n){var r=n(214);e.exports=function(e){return function t(n){return 0===arguments.length||r(n)?t:e.apply(this,arguments)}}},function(e,t){"use strict";function n(e){if(e=e||("undefined"!=typeof document?document:void 0),"undefined"==typeof e)return null;try{return e.activeElement||e.body;
-}catch(t){return e.body}}e.exports=n},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}Object.defineProperty(t,"__esModule",{value:!0});var i=n(9),a=r(i),s=n(70),u=r(s),l=n(4),c=r(l),f=n(7),p=r(f),d=n(6),h=r(d),v=n(1),m=r(v),y=n(378),g=r(y),b=n(379),_=r(b),w=n(227),x=function(e){function t(n){(0,c["default"])(this,t);var r=(0,p["default"])(this,e.call(this,n));return r.scrollEventListener=function(e){r.getParam(e);var t=r.elementShowHeight>r.clientHeight+r.leavePlayHeight;if(r.enter||!r.props.replay&&t)r.state.show||r.setState({show:!0}),r.props.always||g["default"].removeEventListener(r.eventType,r.scrollEventListener,r.target);else{var n=r.elementShowHeight<r.playHeight,o=r.props.replay?t:null;(o||n)&&r.state.show&&r.setState({show:!1})}},r.children=(0,w.toArrayChildren)(n.children),r.oneEnter=!1,r.enter=!1,r.state={show:!1,children:(0,w.toArrayChildren)(n.children)},r}return(0,h["default"])(t,e),t.prototype.render=function(){var e=(0,u["default"])(this.props,[]);["playScale","replay","component","always","scrollEvent","appear","location","targetId"].forEach(function(t){return delete e[t]});var t=void 0;if(this.oneEnter)this.state.show?this.children=this.state.children:this.children=this.children.map(function(e){return e?e.type.TweenOneGroup&&e.type.easing&&e.type.plugins?m["default"].cloneElement(e,{reverse:!0}):m["default"].cloneElement(e,{},null):null}),t=(0,v.createElement)(this.props.component,(0,a["default"])({},e),this.children);else{var n=!this.props.appear&&this.props.children;t=(0,v.createElement)(this.props.component,(0,a["default"])({},e),n),this.oneEnter=!0}return t},t}(_["default"]);x.propTypes={component:m["default"].PropTypes.string,playScale:m["default"].PropTypes.any,always:m["default"].PropTypes.bool,scrollEvent:m["default"].PropTypes.func,children:m["default"].PropTypes.any,className:m["default"].PropTypes.string,style:m["default"].PropTypes.any,replay:m["default"].PropTypes.bool,onChange:m["default"].PropTypes.func,appear:m["default"].PropTypes.bool},x.defaultProps={component:"div",playScale:.5,always:!0,scrollEvent:o,replay:!1,onChange:o,appear:!0},x.isScrollOverPack=!0,t["default"]=x,e.exports=t["default"]},function(e,t,n){"use strict";e.exports=n(1308)},function(e,t,n){"use strict";var r=n(382);r.TweenOneGroup=n(1312),r.easing=n(383),r.plugins=n(228),r.ticker=n(384),r.isTweenOne=!0,e.exports=r},function(e,t,n){"use strict";function r(e){return Object.prototype.hasOwnProperty.call(e,v)||(e[v]=d++,f[e[v]]={}),f[e[v]]}var o,i=n(11),a=n(235),s=n(1410),u=n(411),l=n(1442),c=n(246),f={},p=!1,d=0,h={topAbort:"abort",topAnimationEnd:l("animationend")||"animationend",topAnimationIteration:l("animationiteration")||"animationiteration",topAnimationStart:l("animationstart")||"animationstart",topBlur:"blur",topCanPlay:"canplay",topCanPlayThrough:"canplaythrough",topChange:"change",topClick:"click",topCompositionEnd:"compositionend",topCompositionStart:"compositionstart",topCompositionUpdate:"compositionupdate",topContextMenu:"contextmenu",topCopy:"copy",topCut:"cut",topDoubleClick:"dblclick",topDrag:"drag",topDragEnd:"dragend",topDragEnter:"dragenter",topDragExit:"dragexit",topDragLeave:"dragleave",topDragOver:"dragover",topDragStart:"dragstart",topDrop:"drop",topDurationChange:"durationchange",topEmptied:"emptied",topEncrypted:"encrypted",topEnded:"ended",topError:"error",topFocus:"focus",topInput:"input",topKeyDown:"keydown",topKeyPress:"keypress",topKeyUp:"keyup",topLoadedData:"loadeddata",topLoadedMetadata:"loadedmetadata",topLoadStart:"loadstart",topMouseDown:"mousedown",topMouseMove:"mousemove",topMouseOut:"mouseout",topMouseOver:"mouseover",topMouseUp:"mouseup",topPaste:"paste",topPause:"pause",topPlay:"play",topPlaying:"playing",topProgress:"progress",topRateChange:"ratechange",topScroll:"scroll",topSeeked:"seeked",topSeeking:"seeking",topSelectionChange:"selectionchange",topStalled:"stalled",topSuspend:"suspend",topTextInput:"textInput",topTimeUpdate:"timeupdate",topTouchCancel:"touchcancel",topTouchEnd:"touchend",topTouchMove:"touchmove",topTouchStart:"touchstart",topTransitionEnd:l("transitionend")||"transitionend",topVolumeChange:"volumechange",topWaiting:"waiting",topWheel:"wheel"},v="_reactListenersID"+String(Math.random()).slice(2),m=i({},s,{ReactEventListener:null,injection:{injectReactEventListener:function(e){e.setHandleTopLevel(m.handleTopLevel),m.ReactEventListener=e}},setEnabled:function(e){m.ReactEventListener&&m.ReactEventListener.setEnabled(e)},isEnabled:function(){return!(!m.ReactEventListener||!m.ReactEventListener.isEnabled())},listenTo:function(e,t){for(var n=t,o=r(n),i=a.registrationNameDependencies[e],s=0;s<i.length;s++){var u=i[s];o.hasOwnProperty(u)&&o[u]||("topWheel"===u?c("wheel")?m.ReactEventListener.trapBubbledEvent("topWheel","wheel",n):c("mousewheel")?m.ReactEventListener.trapBubbledEvent("topWheel","mousewheel",n):m.ReactEventListener.trapBubbledEvent("topWheel","DOMMouseScroll",n):"topScroll"===u?c("scroll",!0)?m.ReactEventListener.trapCapturedEvent("topScroll","scroll",n):m.ReactEventListener.trapBubbledEvent("topScroll","scroll",m.ReactEventListener.WINDOW_HANDLE):"topFocus"===u||"topBlur"===u?(c("focus",!0)?(m.ReactEventListener.trapCapturedEvent("topFocus","focus",n),m.ReactEventListener.trapCapturedEvent("topBlur","blur",n)):c("focusin")&&(m.ReactEventListener.trapBubbledEvent("topFocus","focusin",n),m.ReactEventListener.trapBubbledEvent("topBlur","focusout",n)),o.topBlur=!0,o.topFocus=!0):h.hasOwnProperty(u)&&m.ReactEventListener.trapBubbledEvent(u,h[u],n),o[u]=!0)}},trapBubbledEvent:function(e,t,n){return m.ReactEventListener.trapBubbledEvent(e,t,n)},trapCapturedEvent:function(e,t,n){return m.ReactEventListener.trapCapturedEvent(e,t,n)},supportsEventPageXY:function(){if(!document.createEvent)return!1;var e=document.createEvent("MouseEvent");return null!=e&&"pageX"in e},ensureScrollValueMonitoring:function(){if(void 0===o&&(o=m.supportsEventPageXY()),!o&&!p){var e=u.refreshScrollValues;m.ReactEventListener.monitorScrollValue(e),p=!0}}});e.exports=m},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(142),i=n(411),a=n(244),s={screenX:null,screenY:null,clientX:null,clientY:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,getModifierState:a,button:function(e){var t=e.button;return"which"in e?t:2===t?2:4===t?1:0},buttons:null,relatedTarget:function(e){return e.relatedTarget||(e.fromElement===e.srcElement?e.toElement:e.fromElement)},pageX:function(e){return"pageX"in e?e.pageX:e.clientX+i.currentScrollLeft},pageY:function(e){return"pageY"in e?e.pageY:e.clientY+i.currentScrollTop}};o.augmentClass(r,s),e.exports=r},function(e,t,n){"use strict";var r=n(19),o=(n(13),{}),i={reinitializeTransaction:function(){this.transactionWrappers=this.getTransactionWrappers(),this.wrapperInitData?this.wrapperInitData.length=0:this.wrapperInitData=[],this._isInTransaction=!1},_isInTransaction:!1,getTransactionWrappers:null,isInTransaction:function(){return!!this._isInTransaction},perform:function(e,t,n,o,i,a,s,u){this.isInTransaction()?r("27"):void 0;var l,c;try{this._isInTransaction=!0,l=!0,this.initializeAll(0),c=e.call(t,n,o,i,a,s,u),l=!1}finally{try{if(l)try{this.closeAll(0)}catch(f){}else this.closeAll(0)}finally{this._isInTransaction=!1}}return c},initializeAll:function(e){for(var t=this.transactionWrappers,n=e;n<t.length;n++){var r=t[n];try{this.wrapperInitData[n]=o,this.wrapperInitData[n]=r.initialize?r.initialize.call(this):null}finally{if(this.wrapperInitData[n]===o)try{this.initializeAll(n+1)}catch(i){}}}},closeAll:function(e){this.isInTransaction()?void 0:r("28");for(var t=this.transactionWrappers,n=e;n<t.length;n++){var i,a=t[n],s=this.wrapperInitData[n];try{i=!0,s!==o&&a.close&&a.close.call(this,s),i=!1}finally{if(i)try{this.closeAll(n+1)}catch(u){}}}this.wrapperInitData.length=0}};e.exports=i},function(e,t){"use strict";function n(e){var t=""+e,n=o.exec(t);if(!n)return t;var r,i="",a=0,s=0;for(a=n.index;a<t.length;a++){switch(t.charCodeAt(a)){case 34:r="&quot;";break;case 38:r="&amp;";break;case 39:r="&#x27;";break;case 60:r="&lt;";break;case 62:r="&gt;";break;default:continue}s!==a&&(i+=t.substring(s,a)),s=a+1,i+=r}return s!==a?i+t.substring(s,a):i}function r(e){return"boolean"==typeof e||"number"==typeof e?""+e:n(e)}var o=/["'&<>]/;e.exports=r},function(e,t,n){"use strict";var r,o=n(36),i=n(234),a=/^[ \r\n\t\f]/,s=/<(!--|link|noscript|meta|script|style)[ \r\n\t\f\/>]/,u=n(242),l=u(function(e,t){if(e.namespaceURI!==i.svg||"innerHTML"in e)e.innerHTML=t;else{r=r||document.createElement("div"),r.innerHTML="<svg>"+t+"</svg>";for(var n=r.firstChild;n.firstChild;)e.appendChild(n.firstChild)}});if(o.canUseDOM){var c=document.createElement("div");c.innerHTML=" ",""===c.innerHTML&&(l=function(e,t){if(e.parentNode&&e.parentNode.replaceChild(e,e),a.test(t)||"<"===t[0]&&s.test(t)){e.innerHTML=String.fromCharCode(65279)+t;var n=e.firstChild;1===n.data.length?e.removeChild(n):n.deleteData(0,1)}else e.innerHTML=t}),c=null}e.exports=l},function(e,t){e.exports=!0},function(e,t){t.f={}.propertyIsEnumerable},function(e,t,n){var r=n(74).f,o=n(94),i=n(38)("toStringTag");e.exports=function(e,t,n){e&&!o(e=n?e:e.prototype,i)&&r(e,i,{configurable:!0,value:t})}},function(e,t){var n=0,r=Math.random();e.exports=function(e){return"Symbol(".concat(void 0===e?"":e,")_",(++n+r).toString(36))}},function(e,t,n){n(1536);for(var r=n(51),o=n(95),i=n(122),a=n(38)("toStringTag"),s=["NodeList","DOMTokenList","MediaList","StyleSheetList","CSSRuleList"],u=0;u<5;u++){var l=s[u],c=r[l],f=c&&c.prototype;f&&!f[a]&&o(f,a,l),i[l]=i.Array}},function(e,t,n){var r=n(44),o=n(30),i=n(104);e.exports=function(e){return function(t,n,a){var s,u=r(t),l=o(u.length),c=i(a,l);if(e&&n!=n){for(;l>c;)if(s=u[c++],s!=s)return!0}else for(;l>c;c++)if((e||c in u)&&u[c]===n)return e||c||0;return!e&&-1}}},function(e,t,n){"use strict";var r=n(17),o=n(5),i=n(42),a=n(102),s=n(83),u=n(124),l=n(97),c=n(21),f=n(18),p=n(186),d=n(126),h=n(274);e.exports=function(e,t,n,v,m,y){var g=r[e],b=g,_=m?"set":"add",w=b&&b.prototype,x={},C=function(e){var t=w[e];i(w,e,"delete"==e?function(e){return!(y&&!c(e))&&t.call(this,0===e?0:e)}:"has"==e?function(e){return!(y&&!c(e))&&t.call(this,0===e?0:e)}:"get"==e?function(e){return y&&!c(e)?void 0:t.call(this,0===e?0:e)}:"add"==e?function(e){return t.call(this,0===e?0:e),this}:function(e,n){return t.call(this,0===e?0:e,n),this})};if("function"==typeof b&&(y||w.forEach&&!f(function(){(new b).entries().next()}))){var E=new b,S=E[_](y?{}:-0,1)!=E,P=f(function(){E.has(1)}),O=p(function(e){new b(e)}),T=!y&&f(function(){for(var e=new b,t=5;t--;)e[_](t,t);return!e.has(-0)});O||(b=t(function(t,n){l(t,b,e);var r=h(new g,t,b);return void 0!=n&&u(n,m,r[_],r),r}),b.prototype=w,w.constructor=b),(P||T)&&(C("delete"),C("has"),m&&C("get")),(T||S)&&C(_),y&&w.clear&&delete w.clear}else b=v.getConstructor(t,e,m,_),a(b.prototype,n),s.NEED=!0;return d(b,e),x[e]=b,o(o.G+o.W+o.F*(b!=g),x),y||v.setStrong(b,e,m),b}},function(e,t,n){"use strict";var r=n(41),o=n(42),i=n(18),a=n(60),s=n(24);e.exports=function(e,t,n){var u=s(e),l=n(a,u,""[e]),c=l[0],f=l[1];i(function(){var t={};return t[u]=function(){return 7},7!=""[e](t)})&&(o(String.prototype,e,c),r(RegExp.prototype,u,2==t?function(e,t){return f.call(e,this,t)}:function(e){return f.call(e,this)}))}},function(e,t,n){"use strict";var r=n(15);e.exports=function(){var e=r(this),t="";return e.global&&(t+="g"),e.ignoreCase&&(t+="i"),e.multiline&&(t+="m"),e.unicode&&(t+="u"),e.sticky&&(t+="y"),t}},function(e,t){e.exports=function(e,t,n){var r=void 0===n;switch(t.length){case 0:return r?e():e.call(n);case 1:return r?e(t[0]):e.call(n,t[0]);case 2:return r?e(t[0],t[1]):e.call(n,t[0],t[1]);case 3:return r?e(t[0],t[1],t[2]):e.call(n,t[0],t[1],t[2]);case 4:return r?e(t[0],t[1],t[2],t[3]):e.call(n,t[0],t[1],t[2],t[3])}return e.apply(n,t)}},function(e,t,n){var r=n(21),o=n(59),i=n(24)("match");e.exports=function(e){var t;return r(e)&&(void 0!==(t=e[i])?!!t:"RegExp"==o(e))}},function(e,t,n){var r=n(24)("iterator"),o=!1;try{var i=[7][r]();i["return"]=function(){o=!0},Array.from(i,function(){throw 2})}catch(a){}e.exports=function(e,t){if(!t&&!o)return!1;var n=!1;try{var i=[7],a=i[r]();a.next=function(){return{done:n=!0}},i[r]=function(){return a},e(i)}catch(s){}return n}},function(e,t,n){e.exports=n(98)||!n(18)(function(){var e=Math.random();__defineSetter__.call(null,e,function(){}),delete n(17)[e]})},function(e,t){t.f=Object.getOwnPropertySymbols},function(e,t,n){var r=n(17),o="__core-js_shared__",i=r[o]||(r[o]={});e.exports=function(e){return i[e]||(i[e]={})}},function(e,t,n){for(var r,o=n(17),i=n(41),a=n(105),s=a("typed_array"),u=a("view"),l=!(!o.ArrayBuffer||!o.DataView),c=l,f=0,p=9,d="Int8Array,Uint8Array,Uint8ClampedArray,Int16Array,Uint16Array,Int32Array,Uint32Array,Float32Array,Float64Array".split(",");f<p;)(r=o[d[f++]])?(i(r.prototype,s,!0),i(r.prototype,u,!0)):c=!1;e.exports={ABV:l,CONSTR:c,TYPED:s,VIEW:u}},function(e,t,n){!function(t,r){e.exports=r(n(1))}(this,function(e){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.createMemoryHistory=t.hashHistory=t.browserHistory=t.applyRouterMiddleware=t.formatPattern=t.useRouterHistory=t.match=t.routerShape=t.locationShape=t.RouterContext=t.createRoutes=t.Route=t.Redirect=t.IndexRoute=t.IndexRedirect=t.withRouter=t.IndexLink=t.Link=t.Router=void 0;var o=n(4);Object.defineProperty(t,"createRoutes",{enumerable:!0,get:function(){return o.createRoutes}});var i=n(16);Object.defineProperty(t,"locationShape",{enumerable:!0,get:function(){return i.locationShape}}),Object.defineProperty(t,"routerShape",{enumerable:!0,get:function(){return i.routerShape}});var a=n(8);Object.defineProperty(t,"formatPattern",{enumerable:!0,get:function(){return a.formatPattern}});var s=n(42),u=r(s),l=n(24),c=r(l),f=n(38),p=r(f),d=n(53),h=r(d),v=n(39),m=r(v),y=n(40),g=r(y),b=n(26),_=r(b),w=n(41),x=r(w),C=n(17),E=r(C),S=n(51),P=r(S),O=n(31),T=r(O),k=n(44),M=r(k),N=n(45),A=r(N),D=n(49),j=r(D),R=n(28),I=r(R);t.Router=u["default"],t.Link=c["default"],t.IndexLink=p["default"],t.withRouter=h["default"],t.IndexRedirect=m["default"],t.IndexRoute=g["default"],t.Redirect=_["default"],t.Route=x["default"],t.RouterContext=E["default"],t.match=P["default"],t.useRouterHistory=T["default"],t.applyRouterMiddleware=M["default"],t.browserHistory=A["default"],t.hashHistory=j["default"],t.createMemoryHistory=I["default"]},function(e,t,n){"use strict";var r=function(e,t,n,r,o,i,a,s){if(void 0===t)throw new Error("invariant requires an error message argument");if(!e){var u;if(void 0===t)u=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var l=[n,r,o,i,a,s],c=0;u=new Error(t.replace(/%s/g,function(){return l[c++]})),u.name="Invariant Violation"}throw u.framesToPop=1,u}};e.exports=r},function(e,t,n){function r(e){return"object"==typeof e&&null!==e&&e.$$typeof===i}var o=n(64),i="function"==typeof Symbol&&Symbol["for"]&&Symbol["for"]("react.element")||60103;e.exports=o(r)},function(e,t,n){"use strict";var r=n(7),o=n(54),i=(new r.Component).updater;e.exports=o(r.Component,r.isValidElement,i)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return null==e||p["default"].isValidElement(e)}function i(e){return o(e)||Array.isArray(e)&&e.every(o)}function a(e,t){return c({},e,t)}function s(e){var t=e.type,n=a(t.defaultProps,e.props);if(n.children){var r=u(n.children,n);r.length&&(n.childRoutes=r),delete n.children}return n}function u(e,t){var n=[];return p["default"].Children.forEach(e,function(e){if(p["default"].isValidElement(e))if(e.type.createRouteFromReactElement){var r=e.type.createRouteFromReactElement(e,t);r&&n.push(r)}else n.push(s(e))}),n}function l(e){return i(e)?e=u(e):e&&!Array.isArray(e)&&(e=[e]),e}t.__esModule=!0;var c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};t.isReactChildren=i,t.createRouteFromReactElement=s,t.createRoutesFromReactChildren=u,t.createRoutes=l;var f=n(7),p=r(f)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.createPath=t.parsePath=t.getQueryStringValueFromPath=t.stripQueryStringValueFromPath=t.addQueryStringValueToPath=void 0;var o=n(6),i=r(o),a=(t.addQueryStringValueToPath=function(e,t,n){var r=s(e),o=r.pathname,i=r.search,a=r.hash;return u({pathname:o,search:i+(i.indexOf("?")===-1?"?":"&")+t+"="+n,hash:a})},t.stripQueryStringValueFromPath=function(e,t){var n=s(e),r=n.pathname,o=n.search,i=n.hash;return u({pathname:r,search:o.replace(new RegExp("([?&])"+t+"=[a-zA-Z0-9]+(&?)"),function(e,t,n){return"?"===t?t:n}),hash:i})},t.getQueryStringValueFromPath=function(e,t){var n=s(e),r=n.search,o=r.match(new RegExp("[?&]"+t+"=([a-zA-Z0-9]+)"));return o&&o[1]},function(e){var t=e.match(/^(https?:)?\/\/[^\/]*/);return null==t?e:e.substring(t[0].length)}),s=t.parsePath=function(e){var t=a(e),n="",r="";(0,i["default"])(e===t,'A path must be pathname + search + hash only, not a full URL like "%s"',e);var o=t.indexOf("#");o!==-1&&(r=t.substring(o),t=t.substring(0,o));var s=t.indexOf("?");return s!==-1&&(n=t.substring(s),t=t.substring(0,s)),""===t&&(t="/"),{pathname:t,search:n,hash:r}},u=t.createPath=function(e){if(null==e||"string"==typeof e)return e;var t=e.basename,n=e.pathname,r=e.search,o=e.hash,i=(t||"")+n;return r&&"?"!==r&&(i+=r),o&&(i+=o),i}},function(e,t,n){"use strict";var r=function(){};r=function(e,t,n){var r=arguments.length;n=new Array(r>2?r-2:0);for(var o=2;o<r;o++)n[o-2]=arguments[o];if(void 0===t)throw new Error("`warning(condition, format, ...args)` requires a warning message argument");if(t.length<10||/^[s\W]*$/.test(t))throw new Error("The warning format should be able to uniquely identify this warning. Please, use a more descriptive format than: "+t);if(!e){var i=0,a="Warning: "+t.replace(/%s/g,function(){return n[i++]});"undefined"!=typeof console&&console.error(a);try{throw new Error(a)}catch(s){}}},e.exports=r},function(t,n){t.exports=e},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function i(e){for(var t="",n=[],r=[],i=void 0,a=0,s=/:([a-zA-Z_$][a-zA-Z0-9_$]*)|\*\*|\*|\(|\)|\\\(|\\\)/g;i=s.exec(e);)i.index!==a&&(r.push(e.slice(a,i.index)),t+=o(e.slice(a,i.index))),i[1]?(t+="([^/]+)",n.push(i[1])):"**"===i[0]?(t+="(.*)",n.push("splat")):"*"===i[0]?(t+="(.*?)",n.push("splat")):"("===i[0]?t+="(?:":")"===i[0]?t+=")?":"\\("===i[0]?t+="\\(":"\\)"===i[0]&&(t+="\\)"),r.push(i[0]),a=s.lastIndex;return a!==e.length&&(r.push(e.slice(a,e.length)),t+=o(e.slice(a,e.length))),{pattern:e,regexpSource:t,paramNames:n,tokens:r}}function a(e){return d[e]||(d[e]=i(e)),d[e]}function s(e,t){"/"!==e.charAt(0)&&(e="/"+e);var n=a(e),r=n.regexpSource,o=n.paramNames,i=n.tokens;"/"!==e.charAt(e.length-1)&&(r+="/?"),"*"===i[i.length-1]&&(r+="$");var s=t.match(new RegExp("^"+r,"i"));if(null==s)return null;var u=s[0],l=t.substr(u.length);if(l){if("/"!==u.charAt(u.length-1))return null;l="/"+l}return{remainingPathname:l,paramNames:o,paramValues:s.slice(1).map(function(e){return e&&decodeURIComponent(e)})}}function u(e){return a(e).paramNames}function l(e,t){var n=s(e,t);if(!n)return null;var r=n.paramNames,o=n.paramValues,i={};return r.forEach(function(e,t){i[e]=o[t]}),i}function c(e,t){t=t||{};for(var n=a(e),r=n.tokens,o=0,i="",s=0,u=[],l=void 0,c=void 0,f=void 0,d=0,h=r.length;d<h;++d)if(l=r[d],"*"===l||"**"===l)f=Array.isArray(t.splat)?t.splat[s++]:t.splat,null!=f||o>0?void 0:(0,p["default"])(!1,'Missing splat #%s for path "%s"',s,e),null!=f&&(i+=encodeURI(f));else if("("===l)u[o]="",o+=1;else if(")"===l){var v=u.pop();o-=1,o?u[o-1]+=v:i+=v}else if("\\("===l)i+="(";else if("\\)"===l)i+=")";else if(":"===l.charAt(0))if(c=l.substring(1),f=t[c],null!=f||o>0?void 0:(0,p["default"])(!1,'Missing "%s" parameter for path "%s"',c,e),null==f){if(o){u[o-1]="";for(var m=r.indexOf(l),y=r.slice(m,r.length),g=-1,b=0;b<y.length;b++)if(")"==y[b]){g=b;break}g>0?void 0:(0,p["default"])(!1,'Path "%s" is missing end paren at segment "%s"',e,y.join("")),d=m+g-1}}else o?u[o-1]+=encodeURIComponent(f):i+=encodeURIComponent(f);else o?u[o-1]+=l:i+=l;return o<=0?void 0:(0,p["default"])(!1,'Path "%s" is missing end paren',e),i.replace(/\/+/g,"/")}t.__esModule=!0,t.compilePattern=a,t.matchPattern=s,t.getParamNames=u,t.getParams=l,t.formatPattern=c;var f=n(1),p=r(f),d=Object.create(null)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(t.indexOf("deprecated")!==-1){if(u[t])return;u[t]=!0}t="[react-router] "+t;for(var n=arguments.length,r=Array(n>2?n-2:0),o=2;o<n;o++)r[o-2]=arguments[o];s["default"].apply(void 0,[e,t].concat(r))}function i(){u={}}t.__esModule=!0,t["default"]=o,t._resetWarned=i;var a=n(6),s=r(a),u={}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.locationsAreEqual=t.statesAreEqual=t.createLocation=t.createQuery=void 0;var o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=n(1),s=r(a),u=n(6),l=r(u),c=n(5),f=n(12),p=(t.createQuery=function(e){return i(Object.create(null),e)},t.createLocation=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"/",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:f.POP,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r="string"==typeof e?(0,c.parsePath)(e):e;(0,l["default"])(!r.path,"Location descriptor objects should have a `pathname`, not a `path`.");var o=r.pathname||"/",i=r.search||"",a=r.hash||"",s=r.state;return{pathname:o,search:i,hash:a,state:s,action:t,key:n}},function(e){return"[object Date]"===Object.prototype.toString.call(e)}),d=t.statesAreEqual=function h(e,t){if(e===t)return!0;var n="undefined"==typeof e?"undefined":o(e),r="undefined"==typeof t?"undefined":o(t);if(n!==r)return!1;if("function"===n?(0,s["default"])(!1,"You must not store functions in location state"):void 0,"object"===n){if(p(e)&&p(t)?(0,s["default"])(!1,"You must not store Date objects in location state"):void 0,!Array.isArray(e)){var i=Object.keys(e),a=Object.keys(t);return i.length===a.length&&i.every(function(n){return h(e[n],t[n])})}return Array.isArray(t)&&e.length===t.length&&e.every(function(e,n){return h(e,t[n])})}return!1};t.locationsAreEqual=function(e,t){return e.key===t.key&&e.pathname===t.pathname&&e.search===t.search&&e.hash===t.hash&&d(e.state,t.state)}},function(e,t,n){"use strict";function r(e,t,n){if(e[t])return new Error("<"+n+'> should not have a "'+t+'" prop')}t.__esModule=!0,t.routes=t.route=t.components=t.component=t.history=void 0,t.falsy=r;var o=n(2),i=(t.history=(0,o.shape)({listen:o.func.isRequired,push:o.func.isRequired,replace:o.func.isRequired,go:o.func.isRequired,goBack:o.func.isRequired,goForward:o.func.isRequired}),t.component=(0,o.oneOfType)([o.func,o.string])),a=(t.components=(0,o.oneOfType)([i,o.object]),t.route=(0,o.oneOfType)([o.object,o.element]));t.routes=(0,o.oneOfType)([a,(0,o.arrayOf)(a)])},function(e,t){"use strict";t.__esModule=!0;t.PUSH="PUSH",t.REPLACE="REPLACE",t.POP="POP"},function(e,t){"use strict";t.__esModule=!0;t.addEventListener=function(e,t,n){return e.addEventListener?e.addEventListener(t,n,!1):e.attachEvent("on"+t,n)},t.removeEventListener=function(e,t,n){return e.removeEventListener?e.removeEventListener(t,n,!1):e.detachEvent("on"+t,n)},t.supportsHistory=function(){var e=window.navigator.userAgent;return(e.indexOf("Android 2.")===-1&&e.indexOf("Android 4.0")===-1||e.indexOf("Mobile Safari")===-1||e.indexOf("Chrome")!==-1||e.indexOf("Windows Phone")!==-1)&&(window.history&&"pushState"in window.history)},t.supportsGoWithoutReloadUsingHash=function(){return window.navigator.userAgent.indexOf("Firefox")===-1},t.supportsPopstateOnHashchange=function(){return window.navigator.userAgent.indexOf("Trident")===-1},t.isExtraneousPopstateEvent=function(e){return void 0===e.state&&navigator.userAgent.indexOf("CriOS")===-1}},function(e,t){"use strict";function n(e,t,n){function r(){return a=!0,s?void(l=[].concat(Array.prototype.slice.call(arguments))):void n.apply(this,arguments)}function o(){if(!a&&(u=!0,!s)){for(s=!0;!a&&i<e&&u;)u=!1,t.call(this,i++,o,r);return s=!1,a?void n.apply(this,l):void(i>=e&&u&&(a=!0,n()))}}var i=0,a=!1,s=!1,u=!1,l=void 0;o()}function r(e,t,n){function r(e,t,r){a||(t?(a=!0,n(t)):(i[e]=r,a=++s===o,a&&n(null,i)))}var o=e.length,i=[];if(0===o)return n(null,i);var a=!1,s=0;e.forEach(function(e,n){t(e,n,function(e,t){r(n,e,t)})})}t.__esModule=!0,t.loopAsync=n,t.mapAsync=r},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return"@@contextSubscriber/"+e}function i(e){var t,n,r=o(e),i=r+"/listeners",a=r+"/eventIndex",s=r+"/subscribe";return n={childContextTypes:(t={},t[r]=l.isRequired,t),getChildContext:function(){var e;return e={},e[r]={eventIndex:this[a],subscribe:this[s]},e},componentWillMount:function(){this[i]=[],this[a]=0},componentWillReceiveProps:function(){this[a]++},componentDidUpdate:function(){var e=this;this[i].forEach(function(t){return t(e[a])})}},n[s]=function(e){var t=this;return this[i].push(e),function(){t[i]=t[i].filter(function(t){return t!==e})}},n}function a(e){var t,n,r=o(e),i=r+"/lastRenderedEventIndex",a=r+"/handleContextUpdate",s=r+"/unsubscribe";return n={contextTypes:(t={},t[r]=l,t),getInitialState:function(){var e;return this.context[r]?(e={},e[i]=this.context[r].eventIndex,e):{}},componentDidMount:function(){this.context[r]&&(this[s]=this.context[r].subscribe(this[a]))},componentWillReceiveProps:function(){var e;this.context[r]&&this.setState((e={},e[i]=this.context[r].eventIndex,e))},componentWillUnmount:function(){this[s]&&(this[s](),this[s]=null)}},n[a]=function(e){if(e!==this.state[i]){var t;this.setState((t={},t[i]=e,t))}},n}t.__esModule=!0,t.ContextProvider=i,t.ContextSubscriber=a;var s=n(2),u=r(s),l=u["default"].shape({subscribe:u["default"].func.isRequired,eventIndex:u["default"].number.isRequired})},function(e,t,n){"use strict";t.__esModule=!0,t.locationShape=t.routerShape=void 0;var r=n(2);t.routerShape=(0,r.shape)({push:r.func.isRequired,replace:r.func.isRequired,go:r.func.isRequired,goBack:r.func.isRequired,goForward:r.func.isRequired,setRouteLeaveHook:r.func.isRequired,isActive:r.func.isRequired}),t.locationShape=(0,r.shape)({pathname:r.string.isRequired,search:r.string.isRequired,state:r.object,action:r.string.isRequired,key:r.string})},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a=n(1),s=r(a),u=n(7),l=r(u),c=n(3),f=r(c),p=n(2),d=n(48),h=r(d),v=n(15),m=n(4),y=(0,f["default"])({displayName:"RouterContext",mixins:[(0,v.ContextProvider)("router")],propTypes:{router:p.object.isRequired,location:p.object.isRequired,routes:p.array.isRequired,params:p.object.isRequired,components:p.array.isRequired,createElement:p.func.isRequired},getDefaultProps:function(){return{createElement:l["default"].createElement}},childContextTypes:{router:p.object.isRequired},getChildContext:function(){return{router:this.props.router}},createElement:function(e,t){return null==e?null:this.props.createElement(e,t)},render:function(){var e=this,t=this.props,n=t.location,r=t.routes,a=t.params,u=t.components,c=t.router,f=null;return u&&(f=u.reduceRight(function(t,s,u){if(null==s)return t;var l=r[u],f=(0,h["default"])(l,a),p={location:n,params:a,route:l,router:c,routeParams:f,routes:r};if((0,m.isReactChildren)(t))p.children=t;else if(t)for(var d in t)Object.prototype.hasOwnProperty.call(t,d)&&(p[d]=t[d]);if("object"===("undefined"==typeof s?"undefined":i(s))){var v={};for(var y in s)Object.prototype.hasOwnProperty.call(s,y)&&(v[y]=e.createElement(s[y],o({key:y},p)));return v}return e.createElement(s,p)},f)),null===f||f===!1||l["default"].isValidElement(f)?void 0:(0,s["default"])(!1,"The root route must render a single element"),f}});t["default"]=y},function(e,t,n){"use strict";function r(e,t,n,r,i,a,s,u){if(o(t),!e){var l;if(void 0===t)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,i,a,s,u],f=0;l=new Error(t.replace(/%s/g,function(){return c[f++]})),l.name="Invariant Violation"}throw l.framesToPop=1,l}}var o=function(e){};o=function(e){if(void 0===e)throw new Error("invariant requires an error message argument")},e.exports=r},function(e,t,n){"use strict";var r=n(32),o=r;!function(){var e=function(e){for(var t=arguments.length,n=Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];var o=0,i="Warning: "+e.replace(/%s/g,function(){return n[o++]});"undefined"!=typeof console&&console.error(i);try{throw new Error(i)}catch(a){}};o=function(t,n){if(void 0===n)throw new Error("`warning(condition, format, ...args)` requires a warning message argument");if(0!==n.indexOf("Failed Composite propType: ")&&!t){for(var r=arguments.length,o=Array(r>2?r-2:0),i=2;i<r;i++)o[i-2]=arguments[i];e.apply(void 0,[n].concat(o))}}}(),e.exports=o},function(e,t,n){"use strict";t.__esModule=!0,t.go=t.replaceLocation=t.pushLocation=t.startListener=t.getUserConfirmation=t.getCurrentLocation=void 0;var r=n(10),o=n(13),i=n(33),a=n(5),s=n(21),u="popstate",l="hashchange",c=s.canUseDOM&&!(0,o.supportsPopstateOnHashchange)(),f=function(e){var t=e&&e.key;return(0,r.createLocation)({pathname:window.location.pathname,search:window.location.search,hash:window.location.hash,state:t?(0,i.readState)(t):void 0},void 0,t)},p=t.getCurrentLocation=function(){var e=void 0;try{e=window.history.state||{}}catch(t){e={}}return f(e)},d=(t.getUserConfirmation=function(e,t){return t(window.confirm(e))},t.startListener=function(e){var t=function(t){(0,o.isExtraneousPopstateEvent)(t)||e(f(t.state))};(0,o.addEventListener)(window,u,t);var n=function(){return e(p())};return c&&(0,o.addEventListener)(window,l,n),function(){(0,o.removeEventListener)(window,u,t),c&&(0,o.removeEventListener)(window,l,n)}},function(e,t){var n=e.state,r=e.key;void 0!==n&&(0,i.saveState)(r,n),t({key:r},(0,a.createPath)(e))});t.pushLocation=function(e){return d(e,function(e,t){return window.history.pushState(e,null,t)})},t.replaceLocation=function(e){return d(e,function(e,t){return window.history.replaceState(e,null,t)})},t.go=function(e){e&&window.history.go(e)}},function(e,t){"use strict";t.__esModule=!0;t.canUseDOM=!("undefined"==typeof window||!window.document||!window.document.createElement)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(56),i=n(5),a=n(23),s=r(a),u=n(12),l=n(10),c=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.getCurrentLocation,n=e.getUserConfirmation,r=e.pushLocation,a=e.replaceLocation,c=e.go,f=e.keyLength,p=void 0,d=void 0,h=[],v=[],m=[],y=function(){return d&&d.action===u.POP?m.indexOf(d.key):p?m.indexOf(p.key):-1},g=function(e){var t=y();p=e,p.action===u.PUSH?m=[].concat(m.slice(0,t+1),[p.key]):p.action===u.REPLACE&&(m[t]=p.key),
-v.forEach(function(e){return e(p)})},b=function(e){return h.push(e),function(){return h=h.filter(function(t){return t!==e})}},_=function(e){return v.push(e),function(){return v=v.filter(function(t){return t!==e})}},w=function(e,t){(0,o.loopAsync)(h.length,function(t,n,r){(0,s["default"])(h[t],e,function(e){return null!=e?r(e):n()})},function(e){n&&"string"==typeof e?n(e,function(e){return t(e!==!1)}):t(e!==!1)})},x=function(e){p&&(0,l.locationsAreEqual)(p,e)||d&&(0,l.locationsAreEqual)(d,e)||(d=e,w(e,function(t){if(d===e)if(d=null,t){if(e.action===u.PUSH){var n=(0,i.createPath)(p),o=(0,i.createPath)(e);o===n&&(0,l.statesAreEqual)(p.state,e.state)&&(e.action=u.REPLACE)}e.action===u.POP?g(e):e.action===u.PUSH?r(e)!==!1&&g(e):e.action===u.REPLACE&&a(e)!==!1&&g(e)}else if(p&&e.action===u.POP){var s=m.indexOf(p.key),f=m.indexOf(e.key);s!==-1&&f!==-1&&c(s-f)}}))},C=function(e){return x(k(e,u.PUSH))},E=function(e){return x(k(e,u.REPLACE))},S=function(){return c(-1)},P=function(){return c(1)},O=function(){return Math.random().toString(36).substr(2,f||6)},T=function(e){return(0,i.createPath)(e)},k=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:O();return(0,l.createLocation)(e,t,n)};return{getCurrentLocation:t,listenBefore:b,listen:_,transitionTo:x,push:C,replace:E,go:c,goBack:S,goForward:P,createKey:O,createPath:i.createPath,createHref:T,createLocation:k}};t["default"]=c},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(6),i=r(o),a=function(e,t,n){var r=e(t,n);e.length<2?n(r):(0,i["default"])(void 0===r,'You should not "return" in a transition hook with a callback argument; call the callback instead')};t["default"]=a},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function i(e){return 0===e.button}function a(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}function s(e){for(var t in e)if(Object.prototype.hasOwnProperty.call(e,t))return!1;return!0}function u(e,t){return"function"==typeof e?e(t.location):e}t.__esModule=!0;var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c=n(7),f=r(c),p=n(3),d=r(p),h=n(2),v=n(1),m=r(v),y=n(16),g=n(15),b=(0,d["default"])({displayName:"Link",mixins:[(0,g.ContextSubscriber)("router")],contextTypes:{router:y.routerShape},propTypes:{to:(0,h.oneOfType)([h.string,h.object,h.func]),activeStyle:h.object,activeClassName:h.string,onlyActiveOnIndex:h.bool.isRequired,onClick:h.func,target:h.string},getDefaultProps:function(){return{onlyActiveOnIndex:!1,style:{}}},handleClick:function(e){if(this.props.onClick&&this.props.onClick(e),!e.defaultPrevented){var t=this.context.router;t?void 0:(0,m["default"])(!1,"<Link>s rendered outside of a router context cannot navigate."),!a(e)&&i(e)&&(this.props.target||(e.preventDefault(),t.push(u(this.props.to,t))))}},render:function(){var e=this.props,t=e.to,n=e.activeClassName,r=e.activeStyle,i=e.onlyActiveOnIndex,a=o(e,["to","activeClassName","activeStyle","onlyActiveOnIndex"]),c=this.context.router;if(c){if(!t)return f["default"].createElement("a",a);var p=u(t,c);a.href=c.createHref(p),(n||null!=r&&!s(r))&&c.isActive(p,i)&&(n&&(a.className?a.className+=" "+n:a.className=n),r&&(a.style=l({},a.style,r)))}return f["default"].createElement("a",l({},a,{onClick:this.handleClick}))}});t["default"]=b},function(e,t){"use strict";function n(e){return e&&"function"==typeof e.then}t.__esModule=!0,t.isPromise=n},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(3),i=r(o),a=n(2),s=n(1),u=r(s),l=n(4),c=n(8),f=n(11),p=(0,i["default"])({displayName:"Redirect",statics:{createRouteFromReactElement:function(e){var t=(0,l.createRouteFromReactElement)(e);return t.from&&(t.path=t.from),t.onEnter=function(e,n){var r=e.location,o=e.params,i=void 0;if("/"===t.to.charAt(0))i=(0,c.formatPattern)(t.to,o);else if(t.to){var a=e.routes.indexOf(t),s=p.getRoutePattern(e.routes,a-1),u=s.replace(/\/*$/,"/")+t.to;i=(0,c.formatPattern)(u,o)}else i=r.pathname;n({pathname:i,query:t.query||r.query,state:t.state||r.state})},t},getRoutePattern:function(e,t){for(var n="",r=t;r>=0;r--){var o=e[r],i=o.path||"";if(n=i.replace(/\/*$/,"/")+n,0===i.indexOf("/"))break}return"/"+n}},propTypes:{path:a.string,from:a.string,to:a.string.isRequired,query:a.object,state:a.object,onEnter:f.falsy,children:f.falsy},render:function(){(0,u["default"])(!1,"<Redirect> elements are for router configuration only and should not be rendered")}});t["default"]=p},function(e,t){"use strict";function n(e,t,n){var i=o({},e,{setRouteLeaveHook:t.listenBeforeLeavingRoute,isActive:t.isActive});return r(i,n)}function r(e,t){var n=t.location,r=t.params,o=t.routes;return e.location=n,e.params=r,e.routes=o,e}t.__esModule=!0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};t.createRouterObject=n,t.assignRouterState=r},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=(0,c["default"])(e),n=function(){return t},r=(0,a["default"])((0,u["default"])(n))(e);return r}t.__esModule=!0,t["default"]=o;var i=n(35),a=r(i),s=n(34),u=r(s),l=n(61),c=r(l)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=void 0;return s&&(t=(0,a["default"])(e)()),t}t.__esModule=!0,t["default"]=o;var i=n(31),a=r(i),s=!("undefined"==typeof window||!window.document||!window.document.createElement)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){for(var t in e)if(Object.prototype.hasOwnProperty.call(e,t))return!0;return!1}function i(e,t){function n(t,n){return t=e.createLocation(t),(0,h["default"])(t,n,_.location,_.routes,_.params)}function r(e,n){S&&S.location===e?i(S,n):(0,g["default"])(t,e,function(t,r){t?n(t):r?i(a({},r,{location:e}),n):n()})}function i(e,t){function n(n,o){return n||o?r(n,o):void(0,m["default"])(e,function(n,r){n?t(n):t(null,null,_=a({},e,{components:r}))})}function r(e,n){e?t(e):t(null,n)}var o=(0,c["default"])(_,e),i=o.leaveRoutes,s=o.changeRoutes,u=o.enterRoutes;E(i,_),i.filter(function(e){return u.indexOf(e)===-1}).forEach(v),C(s,_,e,function(t,o){return t||o?r(t,o):void x(u,e,n)})}function s(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return e.__id__||t&&(e.__id__=P++)}function l(e){return e.map(function(e){return O[s(e)]}).filter(function(e){return e})}function f(e,n){(0,g["default"])(t,e,function(t,r){if(null==r)return void n();S=a({},r,{location:e});for(var o=l((0,c["default"])(_,S).leaveRoutes),i=void 0,s=0,u=o.length;null==i&&s<u;++s)i=o[s](e);n(i)})}function d(){if(_.routes){for(var e=l(_.routes),t=void 0,n=0,r=e.length;"string"!=typeof t&&n<r;++n)t=e[n]();return t}}function v(e){var t=s(e);t&&(delete O[t],o(O)||(T&&(T(),T=null),k&&(k(),k=null)))}function y(t,n){var r=!o(O),i=s(t,!0);return O[i]=n,r&&(T=e.listenBefore(f),e.listenBeforeUnload&&(k=e.listenBeforeUnload(d))),function(){v(t)}}function b(t){function n(n){_.location===n?t(null,_):r(n,function(r,o,i){r?t(r):o?e.replace(o):i?t(null,i):(0,u["default"])(!1,'Location "%s" did not match any routes',n.pathname+n.search+n.hash)})}var o=e.listen(n);return _.location?t(null,_):n(e.getCurrentLocation()),o}var _={},w=(0,p["default"])(),x=w.runEnterHooks,C=w.runChangeHooks,E=w.runLeaveHooks,S=void 0,P=1,O=Object.create(null),T=void 0,k=void 0;return{isActive:n,match:r,listenBeforeLeavingRoute:y,listen:b}}t.__esModule=!0;var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};t["default"]=i;var s=n(9),u=r(s),l=n(46),c=r(l),f=n(43),p=r(f),d=n(50),h=r(d),v=n(47),m=r(v),y=n(52),g=r(y)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return function(t){var n=(0,a["default"])((0,u["default"])(e))(t);return n}}t.__esModule=!0,t["default"]=o;var i=n(35),a=r(i),s=n(34),u=r(s)},function(e,t){"use strict";function n(e){return function(){return e}}var r=function(){};r.thatReturns=n,r.thatReturnsFalse=n(!1),r.thatReturnsTrue=n(!0),r.thatReturnsNull=n(null),r.thatReturnsThis=function(){return this},r.thatReturnsArgument=function(e){return e},e.exports=r},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.readState=t.saveState=void 0;var o=n(6),i=r(o),a={QuotaExceededError:!0,QUOTA_EXCEEDED_ERR:!0},s={SecurityError:!0},u="@@History/",l=function(e){return u+e};t.saveState=function(e,t){if(!window.sessionStorage)return void(0,i["default"])(!1,"[history] Unable to save state; sessionStorage is not available");try{null==t?window.sessionStorage.removeItem(l(e)):window.sessionStorage.setItem(l(e),JSON.stringify(t))}catch(n){if(s[n.name])return void(0,i["default"])(!1,"[history] Unable to save state; sessionStorage is not available due to security settings");if(a[n.name]&&0===window.sessionStorage.length)return void(0,i["default"])(!1,"[history] Unable to save state; sessionStorage is not available in Safari private mode");throw n}},t.readState=function(e){var t=void 0;try{t=window.sessionStorage.getItem(l(e))}catch(n){if(s[n.name])return void(0,i["default"])(!1,"[history] Unable to read state; sessionStorage is not available due to security settings")}if(t)try{return JSON.parse(t)}catch(n){}}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(23),a=r(i),s=n(5),u=function(e){return function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e(t),r=t.basename,i=function(e){return e?(r&&null==e.basename&&(0===e.pathname.toLowerCase().indexOf(r.toLowerCase())?(e.pathname=e.pathname.substring(r.length),e.basename=r,""===e.pathname&&(e.pathname="/")):e.basename=""),e):e},u=function(e){if(!r)return e;var t="string"==typeof e?(0,s.parsePath)(e):e,n=t.pathname,i="/"===r.slice(-1)?r:r+"/",a="/"===n.charAt(0)?n.slice(1):n,u=i+a;return o({},t,{pathname:u})},l=function(){return i(n.getCurrentLocation())},c=function(e){return n.listenBefore(function(t,n){return(0,a["default"])(e,i(t),n)})},f=function(e){return n.listen(function(t){return e(i(t))})},p=function(e){return n.push(u(e))},d=function(e){return n.replace(u(e))},h=function(e){return n.createPath(u(e))},v=function(e){return n.createHref(u(e))},m=function(e){for(var t=arguments.length,r=Array(t>1?t-1:0),o=1;o<t;o++)r[o-1]=arguments[o];return i(n.createLocation.apply(n,[u(e)].concat(r)))};return o({},n,{getCurrentLocation:l,listenBefore:c,listen:f,push:p,replace:d,createPath:h,createHref:v,createLocation:m})}};t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(65),a=n(23),s=r(a),u=n(10),l=n(5),c=function(e){return(0,i.stringify)(e).replace(/%20/g,"+")},f=i.parse,p=function(e){return function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e(t),r=t.stringifyQuery,i=t.parseQueryString;"function"!=typeof r&&(r=c),"function"!=typeof i&&(i=f);var a=function(e){return e?(null==e.query&&(e.query=i(e.search.substring(1))),e):e},p=function(e,t){if(null==t)return e;var n="string"==typeof e?(0,l.parsePath)(e):e,i=r(t),a=i?"?"+i:"";return o({},n,{search:a})},d=function(){return a(n.getCurrentLocation())},h=function(e){return n.listenBefore(function(t,n){return(0,s["default"])(e,a(t),n)})},v=function(e){return n.listen(function(t){return e(a(t))})},m=function(e){return n.push(p(e,e.query))},y=function(e){return n.replace(p(e,e.query))},g=function(e){return n.createPath(p(e,e.query))},b=function(e){return n.createHref(p(e,e.query))},_=function(e){for(var t=arguments.length,r=Array(t>1?t-1:0),o=1;o<t;o++)r[o-1]=arguments[o];var i=n.createLocation.apply(n,[p(e,e.query)].concat(r));return e.query&&(i.query=(0,u.createQuery)(e.query)),a(i)};return o({},n,{getCurrentLocation:d,listenBefore:h,listen:v,push:m,replace:y,createPath:g,createHref:b,createLocation:_})}};t["default"]=p},function(e,t){/*
+"use strict";function n(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function r(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;var r=Object.getOwnPropertyNames(t).map(function(e){return t[e]});if("0123456789"!==r.join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach(function(e){o[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(i){return!1}}var o=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;e.exports=r()?Object.assign:function(e,t){for(var r,s,u=n(e),l=1;l<arguments.length;l++){r=Object(arguments[l]);for(var c in r)i.call(r,c)&&(u[c]=r[c]);if(o){s=o(r);for(var f=0;f<s.length;f++)a.call(r,s[f])&&(u[s[f]]=r[s[f]])}}return u}},function(e,t,n){e.exports=n(1459)()},function(e,t,n){"use strict";function r(e,t,n,r,i,a,s,u){if(o(t),!e){var l;if(void 0===t)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,i,a,s,u],f=0;l=new Error(t.replace(/%s/g,function(){return c[f++]})),l.name="Invariant Violation"}throw l.framesToPop=1,l}}var o=function(e){};e.exports=r},function(e,t){},function(e,t,n){var r=n(21);e.exports=function(e){if(!r(e))throw TypeError(e+" is not an object!");return e}},function(e,t,n){"use strict";var r=n(33),o=r;e.exports=o},function(e,t){var n=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(e,t){e.exports=function(e){try{return!!e()}catch(t){return!0}}},function(e,t){"use strict";function n(e){for(var t=arguments.length-1,n="Minified React error #"+e+"; visit http://facebook.github.io/react/docs/error-decoder.html?invariant="+e,r=0;r<t;r++)n+="&args[]="+encodeURIComponent(arguments[r+1]);n+=" for the full message or use the non-minified dev environment for full errors and additional helpful warnings.";var o=new Error(n);throw o.name="Invariant Violation",o.framesToPop=1,o}e.exports=n},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t,n){return E.set(e,{selection:t,forceSelection:n,nativelyRenderedContent:null,inlineStyleOverride:null})}function i(e,t){return e.getBlockMap().map(function(n){return h.generate(e,n,t)}).toOrderedMap()}function a(e,t,n,r){var o=e.getCurrentContent().set("entityMap",n),i=o.getBlockMap(),a=e.getImmutable().get("treeMap");return a.merge(t.toSeq().filter(function(e,t){return e!==i.get(t)}).map(function(e){return h.generate(o,e,r)}))}function s(e,t,n,r,o){return n.merge(t.toSeq().filter(function(t){return r.getDecorations(t,e)!==o.getDecorations(t,e)}).map(function(t){return h.generate(e,t,r)}))}function u(e,t){var n=e.getLastChangeType();return t!==n||"insert-characters"!==t&&"backspace-character"!==t&&"delete-character"!==t}function l(e,t){var n=t.getStartKey(),r=t.getStartOffset(),o=e.getBlockForKey(n);return r>0?o.getInlineStyleAt(r-1):o.getLength()?o.getInlineStyleAt(0):f(e,n)}function c(e,t){var n=t.getStartKey(),r=t.getStartOffset(),o=e.getBlockForKey(n);return r<o.getLength()?o.getInlineStyleAt(r):r>0?o.getInlineStyleAt(r-1):f(e,n)}function f(e,t){for(var n,r=e.getBlockBefore(t);r;){if(n=r.getLength())return r.getInlineStyleAt(n-1);r=e.getBlockBefore(r.getKey())}return b()}var p=n(11),d=p||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},h=n(328),v=n(160),m=n(559),y=n(22),g=n(110),b=y.OrderedSet,_=y.Record,w=y.Stack,x={allowUndo:!0,currentContent:null,decorator:null,directionMap:null,forceSelection:!1,inCompositionMode:!1,inlineStyleOverride:null,lastChangeType:null,nativelyRenderedContent:null,redoStack:w(),selection:null,treeMap:null,undoStack:w()},C=_(x),E=function(){function e(t){r(this,e),this._immutable=t}return e.createEmpty=function(t){return e.createWithContent(v.createFromText(""),t)},e.createWithContent=function(t,n){var r=t.getBlockMap().first().getKey();return e.create({currentContent:t,undoStack:w(),redoStack:w(),decorator:n||null,selection:g.createEmpty(r)})},e.create=function(t){var n=t.currentContent,r=t.decorator,o=d({},t,{treeMap:i(n,r),directionMap:m.getDirectionMap(n)});return new e(new C(o))},e.set=function(t,n){var r=t.getImmutable().withMutations(function(e){var r=e.get("decorator"),o=r;null===n.decorator?o=null:n.decorator&&(o=n.decorator);var u=n.currentContent||t.getCurrentContent();if(o!==r){var l,c=e.get("treeMap");return l=o&&r?s(u,u.getBlockMap(),c,o,r):i(u,o),void e.merge({decorator:o,treeMap:l,nativelyRenderedContent:null})}var f=t.getCurrentContent();u!==f&&e.set("treeMap",a(t,u.getBlockMap(),u.getEntityMap(),o)),e.merge(n)});return new e(r)},e.prototype.toJS=function(){return this.getImmutable().toJS()},e.prototype.getAllowUndo=function(){return this.getImmutable().get("allowUndo")},e.prototype.getCurrentContent=function(){return this.getImmutable().get("currentContent")},e.prototype.getUndoStack=function(){return this.getImmutable().get("undoStack")},e.prototype.getRedoStack=function(){return this.getImmutable().get("redoStack")},e.prototype.getSelection=function(){return this.getImmutable().get("selection")},e.prototype.getDecorator=function(){return this.getImmutable().get("decorator")},e.prototype.isInCompositionMode=function(){return this.getImmutable().get("inCompositionMode")},e.prototype.mustForceSelection=function(){return this.getImmutable().get("forceSelection")},e.prototype.getNativelyRenderedContent=function(){return this.getImmutable().get("nativelyRenderedContent")},e.prototype.getLastChangeType=function(){return this.getImmutable().get("lastChangeType")},e.prototype.getInlineStyleOverride=function(){return this.getImmutable().get("inlineStyleOverride")},e.setInlineStyleOverride=function(t,n){return e.set(t,{inlineStyleOverride:n})},e.prototype.getCurrentInlineStyle=function(){var e=this.getInlineStyleOverride();if(null!=e)return e;var t=this.getCurrentContent(),n=this.getSelection();return n.isCollapsed()?l(t,n):c(t,n)},e.prototype.getBlockTree=function(e){return this.getImmutable().getIn(["treeMap",e])},e.prototype.isSelectionAtStartOfContent=function(){var e=this.getCurrentContent().getBlockMap().first().getKey();return this.getSelection().hasEdgeWithin(e,0,0)},e.prototype.isSelectionAtEndOfContent=function(){var e=this.getCurrentContent(),t=e.getBlockMap(),n=t.last(),r=n.getLength();return this.getSelection().hasEdgeWithin(n.getKey(),r,r)},e.prototype.getDirectionMap=function(){return this.getImmutable().get("directionMap")},e.acceptSelection=function(e,t){return o(e,t,!1)},e.forceSelection=function(e,t){return t.getHasFocus()||(t=t.set("hasFocus",!0)),o(e,t,!0)},e.moveSelectionToEnd=function(t){var n=t.getCurrentContent(),r=n.getLastBlock(),o=r.getKey(),i=r.getLength();return e.acceptSelection(t,new g({anchorKey:o,anchorOffset:i,focusKey:o,focusOffset:i,isBackward:!1}))},e.moveFocusToEnd=function(t){var n=e.moveSelectionToEnd(t);return e.forceSelection(n,n.getSelection())},e.push=function(t,n,r){if(t.getCurrentContent()===n)return t;var o="insert-characters"!==r,i=m.getDirectionMap(n,t.getDirectionMap());if(!t.getAllowUndo())return e.set(t,{currentContent:n,directionMap:i,lastChangeType:r,selection:n.getSelectionAfter(),forceSelection:o,inlineStyleOverride:null});var a=t.getSelection(),s=t.getCurrentContent(),l=t.getUndoStack(),c=n;a!==s.getSelectionAfter()||u(t,r)?(l=l.push(s),c=c.set("selectionBefore",a)):"insert-characters"!==r&&"backspace-character"!==r&&"delete-character"!==r||(c=c.set("selectionBefore",s.getSelectionBefore()));var f=t.getInlineStyleOverride();"adjust-depth"!==r&&"change-block-type"!==r&&(f=null);var p={currentContent:c,directionMap:i,undoStack:l,redoStack:w(),lastChangeType:r,selection:n.getSelectionAfter(),forceSelection:o,inlineStyleOverride:f};return e.set(t,p)},e.undo=function(t){if(!t.getAllowUndo())return t;var n=t.getUndoStack(),r=n.peek();if(!r)return t;var o=t.getCurrentContent(),i=m.getDirectionMap(r,t.getDirectionMap());return e.set(t,{currentContent:r,directionMap:i,undoStack:n.shift(),redoStack:t.getRedoStack().push(o),forceSelection:!0,inlineStyleOverride:null,lastChangeType:"undo",nativelyRenderedContent:null,selection:o.getSelectionBefore()})},e.redo=function(t){if(!t.getAllowUndo())return t;var n=t.getRedoStack(),r=n.peek();if(!r)return t;var o=t.getCurrentContent(),i=m.getDirectionMap(r,t.getDirectionMap());return e.set(t,{currentContent:r,directionMap:i,undoStack:t.getUndoStack().push(o),redoStack:n.shift(),forceSelection:!0,inlineStyleOverride:null,lastChangeType:"redo",nativelyRenderedContent:null,selection:r.getSelectionAfter()})},e.prototype.getImmutable=function(){return this._immutable},e}();e.exports=E},function(e,t){e.exports=function(e){return"object"==typeof e?null!==e:"function"==typeof e}},function(e,t,n){!function(t,n){e.exports=n()}(this,function(){"use strict";function e(e,t){t&&(e.prototype=Object.create(t.prototype)),e.prototype.constructor=e}function t(e){return i(e)?e:k(e)}function n(e){return a(e)?e:M(e)}function r(e){return s(e)?e:N(e)}function o(e){return i(e)&&!u(e)?e:A(e)}function i(e){return!(!e||!e[ln])}function a(e){return!(!e||!e[cn])}function s(e){return!(!e||!e[fn])}function u(e){return a(e)||s(e)}function l(e){return!(!e||!e[pn])}function c(e){return e.value=!1,e}function f(e){e&&(e.value=!0)}function p(){}function d(e,t){t=t||0;for(var n=Math.max(0,e.length-t),r=new Array(n),o=0;o<n;o++)r[o]=e[o+t];return r}function h(e){return void 0===e.size&&(e.size=e.__iterate(m)),e.size}function v(e,t){if("number"!=typeof t){var n=t>>>0;if(""+n!==t||4294967295===n)return NaN;t=n}return t<0?h(e)+t:t}function m(){return!0}function y(e,t,n){return(0===e||void 0!==n&&e<=-n)&&(void 0===t||void 0!==n&&t>=n)}function g(e,t){return _(e,t,0)}function b(e,t){return _(e,t,t)}function _(e,t,n){return void 0===e?n:e<0?Math.max(0,t+e):void 0===t?e:Math.min(t,e)}function w(e){this.next=e}function x(e,t,n,r){var o=0===e?t:1===e?n:[t,n];return r?r.value=o:r={value:o,done:!1},r}function C(){return{value:void 0,done:!0}}function E(e){return!!P(e)}function S(e){return e&&"function"==typeof e.next}function O(e){var t=P(e);return t&&t.call(e)}function P(e){var t=e&&(Cn&&e[Cn]||e[En]);if("function"==typeof t)return t}function T(e){return e&&"number"==typeof e.length}function k(e){return null===e||void 0===e?F():i(e)?e.toSeq():B(e)}function M(e){return null===e||void 0===e?F().toKeyedSeq():i(e)?a(e)?e.toSeq():e.fromEntrySeq():U(e)}function N(e){return null===e||void 0===e?F():i(e)?a(e)?e.entrySeq():e.toIndexedSeq():V(e)}function A(e){return(null===e||void 0===e?F():i(e)?a(e)?e.entrySeq():e:V(e)).toSetSeq()}function D(e){this._array=e,this.size=e.length}function j(e){var t=Object.keys(e);this._object=e,this._keys=t,this.size=t.length}function R(e){this._iterable=e,this.size=e.length||e.size}function I(e){this._iterator=e,this._iteratorCache=[]}function L(e){return!(!e||!e[On])}function F(){return Pn||(Pn=new D([]))}function U(e){var t=Array.isArray(e)?new D(e).fromEntrySeq():S(e)?new I(e).fromEntrySeq():E(e)?new R(e).fromEntrySeq():"object"==typeof e?new j(e):void 0;if(!t)throw new TypeError("Expected Array or iterable object of [k, v] entries, or keyed object: "+e);return t}function V(e){var t=z(e);if(!t)throw new TypeError("Expected Array or iterable object of values: "+e);return t}function B(e){var t=z(e)||"object"==typeof e&&new j(e);if(!t)throw new TypeError("Expected Array or iterable object of values, or keyed object: "+e);return t}function z(e){return T(e)?new D(e):S(e)?new I(e):E(e)?new R(e):void 0}function H(e,t,n,r){var o=e._cache;if(o){for(var i=o.length-1,a=0;a<=i;a++){var s=o[n?i-a:a];if(t(s[1],r?s[0]:a,e)===!1)return a+1}return a}return e.__iterateUncached(t,n)}function K(e,t,n,r){var o=e._cache;if(o){var i=o.length-1,a=0;return new w(function(){var e=o[n?i-a:a];return a++>i?C():x(t,r?e[0]:a-1,e[1])})}return e.__iteratorUncached(t,n)}function W(e,t){return t?q(t,e,"",{"":e}):Y(e)}function q(e,t,n,r){return Array.isArray(t)?e.call(r,n,N(t).map(function(n,r){return q(e,n,r,t)})):G(t)?e.call(r,n,M(t).map(function(n,r){return q(e,n,r,t)})):t}function Y(e){return Array.isArray(e)?N(e).map(Y).toList():G(e)?M(e).map(Y).toMap():e}function G(e){return e&&(e.constructor===Object||void 0===e.constructor)}function X(e,t){if(e===t||e!==e&&t!==t)return!0;if(!e||!t)return!1;if("function"==typeof e.valueOf&&"function"==typeof t.valueOf){if(e=e.valueOf(),t=t.valueOf(),e===t||e!==e&&t!==t)return!0;if(!e||!t)return!1}return!("function"!=typeof e.equals||"function"!=typeof t.equals||!e.equals(t))}function $(e,t){if(e===t)return!0;if(!i(t)||void 0!==e.size&&void 0!==t.size&&e.size!==t.size||void 0!==e.__hash&&void 0!==t.__hash&&e.__hash!==t.__hash||a(e)!==a(t)||s(e)!==s(t)||l(e)!==l(t))return!1;if(0===e.size&&0===t.size)return!0;var n=!u(e);if(l(e)){var r=e.entries();return t.every(function(e,t){var o=r.next().value;return o&&X(o[1],e)&&(n||X(o[0],t))})&&r.next().done}var o=!1;if(void 0===e.size)if(void 0===t.size)"function"==typeof e.cacheResult&&e.cacheResult();else{o=!0;var c=e;e=t,t=c}var f=!0,p=t.__iterate(function(t,r){if(n?!e.has(t):o?!X(t,e.get(r,yn)):!X(e.get(r,yn),t))return f=!1,!1});return f&&e.size===p}function Z(e,t){if(!(this instanceof Z))return new Z(e,t);if(this._value=e,this.size=void 0===t?1/0:Math.max(0,t),0===this.size){if(Tn)return Tn;Tn=this}}function Q(e,t){if(!e)throw new Error(t)}function J(e,t,n){if(!(this instanceof J))return new J(e,t,n);if(Q(0!==n,"Cannot step a Range by 0"),e=e||0,void 0===t&&(t=1/0),n=void 0===n?1:Math.abs(n),t<e&&(n=-n),this._start=e,this._end=t,this._step=n,this.size=Math.max(0,Math.ceil((t-e)/n-1)+1),0===this.size){if(kn)return kn;kn=this}}function ee(){throw TypeError("Abstract")}function te(){}function ne(){}function re(){}function oe(e){return e>>>1&1073741824|3221225471&e}function ie(e){if(e===!1||null===e||void 0===e)return 0;if("function"==typeof e.valueOf&&(e=e.valueOf(),e===!1||null===e||void 0===e))return 0;if(e===!0)return 1;var t=typeof e;if("number"===t){var n=0|e;for(n!==e&&(n^=4294967295*e);e>4294967295;)e/=4294967295,n^=e;return oe(n)}if("string"===t)return e.length>Ln?ae(e):se(e);if("function"==typeof e.hashCode)return e.hashCode();if("object"===t)return ue(e);if("function"==typeof e.toString)return se(e.toString());throw new Error("Value type "+t+" cannot be hashed.")}function ae(e){var t=Vn[e];return void 0===t&&(t=se(e),Un===Fn&&(Un=0,Vn={}),Un++,Vn[e]=t),t}function se(e){for(var t=0,n=0;n<e.length;n++)t=31*t+e.charCodeAt(n)|0;return oe(t)}function ue(e){var t;if(jn&&(t=Mn.get(e),void 0!==t))return t;if(t=e[In],void 0!==t)return t;if(!Dn){if(t=e.propertyIsEnumerable&&e.propertyIsEnumerable[In],void 0!==t)return t;if(t=le(e),void 0!==t)return t}if(t=++Rn,1073741824&Rn&&(Rn=0),jn)Mn.set(e,t);else{if(void 0!==An&&An(e)===!1)throw new Error("Non-extensible objects are not allowed as keys.");if(Dn)Object.defineProperty(e,In,{enumerable:!1,configurable:!1,writable:!1,value:t});else if(void 0!==e.propertyIsEnumerable&&e.propertyIsEnumerable===e.constructor.prototype.propertyIsEnumerable)e.propertyIsEnumerable=function(){return this.constructor.prototype.propertyIsEnumerable.apply(this,arguments)},e.propertyIsEnumerable[In]=t;else{if(void 0===e.nodeType)throw new Error("Unable to set a non-enumerable property on object.");e[In]=t}}return t}function le(e){if(e&&e.nodeType>0)switch(e.nodeType){case 1:return e.uniqueID;case 9:return e.documentElement&&e.documentElement.uniqueID}}function ce(e){Q(e!==1/0,"Cannot perform this action with an infinite size.")}function fe(e){return null===e||void 0===e?xe():pe(e)&&!l(e)?e:xe().withMutations(function(t){var r=n(e);ce(r.size),r.forEach(function(e,n){return t.set(n,e)})})}function pe(e){return!(!e||!e[Bn])}function de(e,t){this.ownerID=e,this.entries=t}function he(e,t,n){this.ownerID=e,this.bitmap=t,this.nodes=n}function ve(e,t,n){this.ownerID=e,this.count=t,this.nodes=n}function me(e,t,n){this.ownerID=e,this.keyHash=t,this.entries=n}function ye(e,t,n){this.ownerID=e,this.keyHash=t,this.entry=n}function ge(e,t,n){this._type=t,this._reverse=n,this._stack=e._root&&_e(e._root)}function be(e,t){return x(e,t[0],t[1])}function _e(e,t){return{node:e,index:0,__prev:t}}function we(e,t,n,r){var o=Object.create(zn);return o.size=e,o._root=t,o.__ownerID=n,o.__hash=r,o.__altered=!1,o}function xe(){return Hn||(Hn=we(0))}function Ce(e,t,n){var r,o;if(e._root){var i=c(gn),a=c(bn);if(r=Ee(e._root,e.__ownerID,0,void 0,t,n,i,a),!a.value)return e;o=e.size+(i.value?n===yn?-1:1:0)}else{if(n===yn)return e;o=1,r=new de(e.__ownerID,[[t,n]])}return e.__ownerID?(e.size=o,e._root=r,e.__hash=void 0,e.__altered=!0,e):r?we(o,r):xe()}function Ee(e,t,n,r,o,i,a,s){return e?e.update(t,n,r,o,i,a,s):i===yn?e:(f(s),f(a),new ye(t,r,[o,i]))}function Se(e){return e.constructor===ye||e.constructor===me}function Oe(e,t,n,r,o){if(e.keyHash===r)return new me(t,r,[e.entry,o]);var i,a=(0===n?e.keyHash:e.keyHash>>>n)&mn,s=(0===n?r:r>>>n)&mn,u=a===s?[Oe(e,t,n+hn,r,o)]:(i=new ye(t,r,o),a<s?[e,i]:[i,e]);return new he(t,1<<a|1<<s,u)}function Pe(e,t,n,r){e||(e=new p);for(var o=new ye(e,ie(n),[n,r]),i=0;i<t.length;i++){var a=t[i];o=o.update(e,0,void 0,a[0],a[1])}return o}function Te(e,t,n,r){for(var o=0,i=0,a=new Array(n),s=0,u=1,l=t.length;s<l;s++,u<<=1){var c=t[s];void 0!==c&&s!==r&&(o|=u,a[i++]=c)}return new he(e,o,a)}function ke(e,t,n,r,o){for(var i=0,a=new Array(vn),s=0;0!==n;s++,n>>>=1)a[s]=1&n?t[i++]:void 0;return a[r]=o,new ve(e,i+1,a)}function Me(e,t,r){for(var o=[],a=0;a<r.length;a++){var s=r[a],u=n(s);i(s)||(u=u.map(function(e){return W(e)})),o.push(u)}return De(e,t,o)}function Ne(e,t,n){return e&&e.mergeDeep&&i(t)?e.mergeDeep(t):X(e,t)?e:t}function Ae(e){return function(t,n,r){if(t&&t.mergeDeepWith&&i(n))return t.mergeDeepWith(e,n);var o=e(t,n,r);return X(t,o)?t:o}}function De(e,t,n){return n=n.filter(function(e){return 0!==e.size}),0===n.length?e:0!==e.size||e.__ownerID||1!==n.length?e.withMutations(function(e){for(var r=t?function(n,r){e.update(r,yn,function(e){return e===yn?n:t(e,n,r)})}:function(t,n){e.set(n,t)},o=0;o<n.length;o++)n[o].forEach(r)}):e.constructor(n[0])}function je(e,t,n,r){var o=e===yn,i=t.next();if(i.done){var a=o?n:e,s=r(a);return s===a?e:s}Q(o||e&&e.set,"invalid keyPath");var u=i.value,l=o?yn:e.get(u,yn),c=je(l,t,n,r);return c===l?e:c===yn?e.remove(u):(o?xe():e).set(u,c)}function Re(e){return e-=e>>1&1431655765,e=(858993459&e)+(e>>2&858993459),e=e+(e>>4)&252645135,e+=e>>8,e+=e>>16,127&e}function Ie(e,t,n,r){var o=r?e:d(e);return o[t]=n,o}function Le(e,t,n,r){var o=e.length+1;if(r&&t+1===o)return e[t]=n,e;for(var i=new Array(o),a=0,s=0;s<o;s++)s===t?(i[s]=n,a=-1):i[s]=e[s+a];return i}function Fe(e,t,n){var r=e.length-1;if(n&&t===r)return e.pop(),e;for(var o=new Array(r),i=0,a=0;a<r;a++)a===t&&(i=1),o[a]=e[a+i];return o}function Ue(e){var t=Ke();if(null===e||void 0===e)return t;if(Ve(e))return e;var n=r(e),o=n.size;return 0===o?t:(ce(o),o>0&&o<vn?He(0,o,hn,null,new Be(n.toArray())):t.withMutations(function(e){e.setSize(o),n.forEach(function(t,n){return e.set(n,t)})}))}function Ve(e){return!(!e||!e[Yn])}function Be(e,t){this.array=e,this.ownerID=t}function ze(e,t){function n(e,t,n){return 0===t?r(e,n):o(e,t,n)}function r(e,n){var r=n===s?u&&u.array:e&&e.array,o=n>i?0:i-n,l=a-n;return l>vn&&(l=vn),function(){if(o===l)return $n;var e=t?--l:o++;return r&&r[e]}}function o(e,r,o){var s,u=e&&e.array,l=o>i?0:i-o>>r,c=(a-o>>r)+1;return c>vn&&(c=vn),function(){for(;;){if(s){var e=s();if(e!==$n)return e;s=null}if(l===c)return $n;var i=t?--c:l++;s=n(u&&u[i],r-hn,o+(i<<r))}}}var i=e._origin,a=e._capacity,s=Ze(a),u=e._tail;return n(e._root,e._level,0)}function He(e,t,n,r,o,i,a){var s=Object.create(Gn);return s.size=t-e,s._origin=e,s._capacity=t,s._level=n,s._root=r,s._tail=o,s.__ownerID=i,s.__hash=a,s.__altered=!1,s}function Ke(){return Xn||(Xn=He(0,0,hn))}function We(e,t,n){if(t=v(e,t),t!==t)return e;if(t>=e.size||t<0)return e.withMutations(function(e){t<0?Xe(e,t).set(0,n):Xe(e,0,t+1).set(t,n)});t+=e._origin;var r=e._tail,o=e._root,i=c(bn);return t>=Ze(e._capacity)?r=qe(r,e.__ownerID,0,t,n,i):o=qe(o,e.__ownerID,e._level,t,n,i),i.value?e.__ownerID?(e._root=o,e._tail=r,e.__hash=void 0,e.__altered=!0,e):He(e._origin,e._capacity,e._level,o,r):e}function qe(e,t,n,r,o,i){var a=r>>>n&mn,s=e&&a<e.array.length;if(!s&&void 0===o)return e;var u;if(n>0){var l=e&&e.array[a],c=qe(l,t,n-hn,r,o,i);return c===l?e:(u=Ye(e,t),u.array[a]=c,u)}return s&&e.array[a]===o?e:(f(i),u=Ye(e,t),void 0===o&&a===u.array.length-1?u.array.pop():u.array[a]=o,u)}function Ye(e,t){return t&&e&&t===e.ownerID?e:new Be(e?e.array.slice():[],t)}function Ge(e,t){if(t>=Ze(e._capacity))return e._tail;if(t<1<<e._level+hn){for(var n=e._root,r=e._level;n&&r>0;)n=n.array[t>>>r&mn],r-=hn;return n}}function Xe(e,t,n){void 0!==t&&(t=0|t),void 0!==n&&(n=0|n);var r=e.__ownerID||new p,o=e._origin,i=e._capacity,a=o+t,s=void 0===n?i:n<0?i+n:o+n;if(a===o&&s===i)return e;if(a>=s)return e.clear();for(var u=e._level,l=e._root,c=0;a+c<0;)l=new Be(l&&l.array.length?[void 0,l]:[],r),u+=hn,c+=1<<u;c&&(a+=c,o+=c,s+=c,i+=c);for(var f=Ze(i),d=Ze(s);d>=1<<u+hn;)l=new Be(l&&l.array.length?[l]:[],r),u+=hn;var h=e._tail,v=d<f?Ge(e,s-1):d>f?new Be([],r):h;if(h&&d>f&&a<i&&h.array.length){l=Ye(l,r);for(var m=l,y=u;y>hn;y-=hn){var g=f>>>y&mn;m=m.array[g]=Ye(m.array[g],r)}m.array[f>>>hn&mn]=h}if(s<i&&(v=v&&v.removeAfter(r,0,s)),a>=d)a-=d,s-=d,u=hn,l=null,v=v&&v.removeBefore(r,0,a);else if(a>o||d<f){for(c=0;l;){var b=a>>>u&mn;if(b!==d>>>u&mn)break;b&&(c+=(1<<u)*b),u-=hn,l=l.array[b]}l&&a>o&&(l=l.removeBefore(r,u,a-c)),l&&d<f&&(l=l.removeAfter(r,u,d-c)),c&&(a-=c,s-=c)}return e.__ownerID?(e.size=s-a,e._origin=a,e._capacity=s,e._level=u,e._root=l,e._tail=v,e.__hash=void 0,e.__altered=!0,e):He(a,s,u,l,v)}function $e(e,t,n){for(var o=[],a=0,s=0;s<n.length;s++){var u=n[s],l=r(u);l.size>a&&(a=l.size),i(u)||(l=l.map(function(e){return W(e)})),o.push(l)}return a>e.size&&(e=e.setSize(a)),De(e,t,o)}function Ze(e){return e<vn?0:e-1>>>hn<<hn}function Qe(e){return null===e||void 0===e?tt():Je(e)?e:tt().withMutations(function(t){var r=n(e);ce(r.size),r.forEach(function(e,n){return t.set(n,e)})})}function Je(e){return pe(e)&&l(e)}function et(e,t,n,r){var o=Object.create(Qe.prototype);return o.size=e?e.size:0,o._map=e,o._list=t,o.__ownerID=n,o.__hash=r,o}function tt(){return Zn||(Zn=et(xe(),Ke()))}function nt(e,t,n){var r,o,i=e._map,a=e._list,s=i.get(t),u=void 0!==s;if(n===yn){if(!u)return e;a.size>=vn&&a.size>=2*i.size?(o=a.filter(function(e,t){return void 0!==e&&s!==t}),r=o.toKeyedSeq().map(function(e){return e[0]}).flip().toMap(),e.__ownerID&&(r.__ownerID=o.__ownerID=e.__ownerID)):(r=i.remove(t),o=s===a.size-1?a.pop():a.set(s,void 0))}else if(u){if(n===a.get(s)[1])return e;r=i,o=a.set(s,[t,n])}else r=i.set(t,a.size),o=a.set(a.size,[t,n]);return e.__ownerID?(e.size=r.size,e._map=r,e._list=o,e.__hash=void 0,e):et(r,o)}function rt(e,t){this._iter=e,this._useKeys=t,this.size=e.size}function ot(e){this._iter=e,this.size=e.size}function it(e){this._iter=e,this.size=e.size}function at(e){this._iter=e,this.size=e.size}function st(e){var t=Tt(e);return t._iter=e,t.size=e.size,t.flip=function(){return e},t.reverse=function(){var t=e.reverse.apply(this);return t.flip=function(){return e.reverse()},t},t.has=function(t){return e.includes(t)},t.includes=function(t){return e.has(t)},t.cacheResult=kt,t.__iterateUncached=function(t,n){var r=this;return e.__iterate(function(e,n){return t(n,e,r)!==!1},n)},t.__iteratorUncached=function(t,n){if(t===xn){var r=e.__iterator(t,n);return new w(function(){var e=r.next();if(!e.done){var t=e.value[0];e.value[0]=e.value[1],e.value[1]=t}return e})}return e.__iterator(t===wn?_n:wn,n)},t}function ut(e,t,n){var r=Tt(e);return r.size=e.size,r.has=function(t){return e.has(t)},r.get=function(r,o){var i=e.get(r,yn);return i===yn?o:t.call(n,i,r,e)},r.__iterateUncached=function(r,o){var i=this;return e.__iterate(function(e,o,a){return r(t.call(n,e,o,a),o,i)!==!1},o)},r.__iteratorUncached=function(r,o){var i=e.__iterator(xn,o);return new w(function(){var o=i.next();if(o.done)return o;var a=o.value,s=a[0];return x(r,s,t.call(n,a[1],s,e),o)})},r}function lt(e,t){var n=Tt(e);return n._iter=e,n.size=e.size,n.reverse=function(){return e},e.flip&&(n.flip=function(){var t=st(e);return t.reverse=function(){return e.flip()},t}),n.get=function(n,r){return e.get(t?n:-1-n,r)},n.has=function(n){return e.has(t?n:-1-n)},n.includes=function(t){return e.includes(t)},n.cacheResult=kt,n.__iterate=function(t,n){var r=this;return e.__iterate(function(e,n){return t(e,n,r)},!n)},n.__iterator=function(t,n){return e.__iterator(t,!n)},n}function ct(e,t,n,r){var o=Tt(e);return r&&(o.has=function(r){var o=e.get(r,yn);return o!==yn&&!!t.call(n,o,r,e)},o.get=function(r,o){var i=e.get(r,yn);return i!==yn&&t.call(n,i,r,e)?i:o}),o.__iterateUncached=function(o,i){var a=this,s=0;return e.__iterate(function(e,i,u){if(t.call(n,e,i,u))return s++,o(e,r?i:s-1,a)},i),s},o.__iteratorUncached=function(o,i){var a=e.__iterator(xn,i),s=0;return new w(function(){for(;;){var i=a.next();if(i.done)return i;var u=i.value,l=u[0],c=u[1];if(t.call(n,c,l,e))return x(o,r?l:s++,c,i)}})},o}function ft(e,t,n){var r=fe().asMutable();return e.__iterate(function(o,i){r.update(t.call(n,o,i,e),0,function(e){return e+1})}),r.asImmutable()}function pt(e,t,n){var r=a(e),o=(l(e)?Qe():fe()).asMutable();e.__iterate(function(i,a){o.update(t.call(n,i,a,e),function(e){return e=e||[],e.push(r?[a,i]:i),e})});var i=Pt(e);return o.map(function(t){return Et(e,i(t))})}function dt(e,t,n,r){var o=e.size;if(void 0!==t&&(t=0|t),void 0!==n&&(n=0|n),y(t,n,o))return e;var i=g(t,o),a=b(n,o);if(i!==i||a!==a)return dt(e.toSeq().cacheResult(),t,n,r);var s,u=a-i;u===u&&(s=u<0?0:u);var l=Tt(e);return l.size=0===s?s:e.size&&s||void 0,!r&&L(e)&&s>=0&&(l.get=function(t,n){return t=v(this,t),t>=0&&t<s?e.get(t+i,n):n}),l.__iterateUncached=function(t,n){var o=this;if(0===s)return 0;if(n)return this.cacheResult().__iterate(t,n);var a=0,u=!0,l=0;return e.__iterate(function(e,n){if(!u||!(u=a++<i))return l++,t(e,r?n:l-1,o)!==!1&&l!==s}),l},l.__iteratorUncached=function(t,n){if(0!==s&&n)return this.cacheResult().__iterator(t,n);var o=0!==s&&e.__iterator(t,n),a=0,u=0;return new w(function(){for(;a++<i;)o.next();if(++u>s)return C();var e=o.next();return r||t===wn?e:t===_n?x(t,u-1,void 0,e):x(t,u-1,e.value[1],e)})},l}function ht(e,t,n){var r=Tt(e);return r.__iterateUncached=function(r,o){var i=this;if(o)return this.cacheResult().__iterate(r,o);var a=0;return e.__iterate(function(e,o,s){return t.call(n,e,o,s)&&++a&&r(e,o,i)}),a},r.__iteratorUncached=function(r,o){var i=this;if(o)return this.cacheResult().__iterator(r,o);var a=e.__iterator(xn,o),s=!0;return new w(function(){if(!s)return C();var e=a.next();if(e.done)return e;var o=e.value,u=o[0],l=o[1];return t.call(n,l,u,i)?r===xn?e:x(r,u,l,e):(s=!1,C())})},r}function vt(e,t,n,r){var o=Tt(e);return o.__iterateUncached=function(o,i){var a=this;if(i)return this.cacheResult().__iterate(o,i);var s=!0,u=0;return e.__iterate(function(e,i,l){if(!s||!(s=t.call(n,e,i,l)))return u++,o(e,r?i:u-1,a)}),u},o.__iteratorUncached=function(o,i){var a=this;if(i)return this.cacheResult().__iterator(o,i);var s=e.__iterator(xn,i),u=!0,l=0;return new w(function(){var e,i,c;do{if(e=s.next(),e.done)return r||o===wn?e:o===_n?x(o,l++,void 0,e):x(o,l++,e.value[1],e);var f=e.value;i=f[0],c=f[1],u&&(u=t.call(n,c,i,a))}while(u);return o===xn?e:x(o,i,c,e)})},o}function mt(e,t){var r=a(e),o=[e].concat(t).map(function(e){return i(e)?r&&(e=n(e)):e=r?U(e):V(Array.isArray(e)?e:[e]),e}).filter(function(e){return 0!==e.size});if(0===o.length)return e;if(1===o.length){var u=o[0];if(u===e||r&&a(u)||s(e)&&s(u))return u}var l=new D(o);return r?l=l.toKeyedSeq():s(e)||(l=l.toSetSeq()),l=l.flatten(!0),l.size=o.reduce(function(e,t){if(void 0!==e){var n=t.size;if(void 0!==n)return e+n}},0),l}function yt(e,t,n){var r=Tt(e);return r.__iterateUncached=function(r,o){function a(e,l){var c=this;e.__iterate(function(e,o){return(!t||l<t)&&i(e)?a(e,l+1):r(e,n?o:s++,c)===!1&&(u=!0),!u},o)}var s=0,u=!1;return a(e,0),s},r.__iteratorUncached=function(r,o){var a=e.__iterator(r,o),s=[],u=0;return new w(function(){for(;a;){var e=a.next();if(e.done===!1){var l=e.value;if(r===xn&&(l=l[1]),t&&!(s.length<t)||!i(l))return n?e:x(r,u++,l,e);s.push(a),a=l.__iterator(r,o)}else a=s.pop()}return C()})},r}function gt(e,t,n){var r=Pt(e);return e.toSeq().map(function(o,i){return r(t.call(n,o,i,e))}).flatten(!0)}function bt(e,t){var n=Tt(e);return n.size=e.size&&2*e.size-1,n.__iterateUncached=function(n,r){var o=this,i=0;return e.__iterate(function(e,r){return(!i||n(t,i++,o)!==!1)&&n(e,i++,o)!==!1},r),i},n.__iteratorUncached=function(n,r){var o,i=e.__iterator(wn,r),a=0;return new w(function(){return(!o||a%2)&&(o=i.next(),o.done)?o:a%2?x(n,a++,t):x(n,a++,o.value,o)})},n}function _t(e,t,n){t||(t=Mt);var r=a(e),o=0,i=e.toSeq().map(function(t,r){return[r,t,o++,n?n(t,r,e):t]}).toArray();return i.sort(function(e,n){return t(e[3],n[3])||e[2]-n[2]}).forEach(r?function(e,t){i[t].length=2}:function(e,t){i[t]=e[1]}),r?M(i):s(e)?N(i):A(i)}function wt(e,t,n){if(t||(t=Mt),n){var r=e.toSeq().map(function(t,r){return[t,n(t,r,e)]}).reduce(function(e,n){return xt(t,e[1],n[1])?n:e});return r&&r[0]}return e.reduce(function(e,n){return xt(t,e,n)?n:e})}function xt(e,t,n){var r=e(n,t);return 0===r&&n!==t&&(void 0===n||null===n||n!==n)||r>0}function Ct(e,n,r){var o=Tt(e);return o.size=new D(r).map(function(e){return e.size}).min(),o.__iterate=function(e,t){for(var n,r=this.__iterator(wn,t),o=0;!(n=r.next()).done&&e(n.value,o++,this)!==!1;);return o},o.__iteratorUncached=function(e,o){var i=r.map(function(e){return e=t(e),O(o?e.reverse():e)}),a=0,s=!1;return new w(function(){var t;return s||(t=i.map(function(e){return e.next()}),s=t.some(function(e){return e.done})),s?C():x(e,a++,n.apply(null,t.map(function(e){return e.value})))})},o}function Et(e,t){return L(e)?t:e.constructor(t)}function St(e){if(e!==Object(e))throw new TypeError("Expected [K, V] tuple: "+e)}function Ot(e){return ce(e.size),h(e)}function Pt(e){return a(e)?n:s(e)?r:o}function Tt(e){return Object.create((a(e)?M:s(e)?N:A).prototype)}function kt(){return this._iter.cacheResult?(this._iter.cacheResult(),this.size=this._iter.size,this):k.prototype.cacheResult.call(this)}function Mt(e,t){return e>t?1:e<t?-1:0}function Nt(e){var n=O(e);if(!n){if(!T(e))throw new TypeError("Expected iterable or array-like: "+e);n=O(t(e))}return n}function At(e,t){var n,r=function(i){if(i instanceof r)return i;if(!(this instanceof r))return new r(i);if(!n){n=!0;var a=Object.keys(e);Rt(o,a),o.size=a.length,o._name=t,o._keys=a,o._defaultValues=e}this._map=fe(i)},o=r.prototype=Object.create(Qn);return o.constructor=r,r}function Dt(e,t,n){var r=Object.create(Object.getPrototypeOf(e));return r._map=t,r.__ownerID=n,r}function jt(e){return e._name||e.constructor.name||"Record"}function Rt(e,t){try{t.forEach(It.bind(void 0,e))}catch(n){}}function It(e,t){Object.defineProperty(e,t,{get:function(){return this.get(t)},set:function(e){Q(this.__ownerID,"Cannot set on an immutable record."),this.set(t,e)}})}function Lt(e){return null===e||void 0===e?Bt():Ft(e)&&!l(e)?e:Bt().withMutations(function(t){var n=o(e);ce(n.size),n.forEach(function(e){return t.add(e)})})}function Ft(e){return!(!e||!e[Jn])}function Ut(e,t){return e.__ownerID?(e.size=t.size,e._map=t,e):t===e._map?e:0===t.size?e.__empty():e.__make(t)}function Vt(e,t){var n=Object.create(er);return n.size=e?e.size:0,n._map=e,n.__ownerID=t,n}function Bt(){return tr||(tr=Vt(xe()))}function zt(e){return null===e||void 0===e?Wt():Ht(e)?e:Wt().withMutations(function(t){var n=o(e);ce(n.size),n.forEach(function(e){return t.add(e)})});
+}function Ht(e){return Ft(e)&&l(e)}function Kt(e,t){var n=Object.create(nr);return n.size=e?e.size:0,n._map=e,n.__ownerID=t,n}function Wt(){return rr||(rr=Kt(tt()))}function qt(e){return null===e||void 0===e?Xt():Yt(e)?e:Xt().unshiftAll(e)}function Yt(e){return!(!e||!e[or])}function Gt(e,t,n,r){var o=Object.create(ir);return o.size=e,o._head=t,o.__ownerID=n,o.__hash=r,o.__altered=!1,o}function Xt(){return ar||(ar=Gt(0))}function $t(e,t){var n=function(n){e.prototype[n]=t[n]};return Object.keys(t).forEach(n),Object.getOwnPropertySymbols&&Object.getOwnPropertySymbols(t).forEach(n),e}function Zt(e,t){return t}function Qt(e,t){return[t,e]}function Jt(e){return function(){return!e.apply(this,arguments)}}function en(e){return function(){return-e.apply(this,arguments)}}function tn(e){return"string"==typeof e?JSON.stringify(e):e}function nn(){return d(arguments)}function rn(e,t){return e<t?1:e>t?-1:0}function on(e){if(e.size===1/0)return 0;var t=l(e),n=a(e),r=t?1:0,o=e.__iterate(n?t?function(e,t){r=31*r+sn(ie(e),ie(t))|0}:function(e,t){r=r+sn(ie(e),ie(t))|0}:t?function(e){r=31*r+ie(e)|0}:function(e){r=r+ie(e)|0});return an(o,r)}function an(e,t){return t=Nn(t,3432918353),t=Nn(t<<15|t>>>-15,461845907),t=Nn(t<<13|t>>>-13,5),t=(t+3864292196|0)^e,t=Nn(t^t>>>16,2246822507),t=Nn(t^t>>>13,3266489909),t=oe(t^t>>>16)}function sn(e,t){return e^t+2654435769+(e<<6)+(e>>2)|0}var un=Array.prototype.slice;e(n,t),e(r,t),e(o,t),t.isIterable=i,t.isKeyed=a,t.isIndexed=s,t.isAssociative=u,t.isOrdered=l,t.Keyed=n,t.Indexed=r,t.Set=o;var ln="@@__IMMUTABLE_ITERABLE__@@",cn="@@__IMMUTABLE_KEYED__@@",fn="@@__IMMUTABLE_INDEXED__@@",pn="@@__IMMUTABLE_ORDERED__@@",dn="delete",hn=5,vn=1<<hn,mn=vn-1,yn={},gn={value:!1},bn={value:!1},_n=0,wn=1,xn=2,Cn="function"==typeof Symbol&&Symbol.iterator,En="@@iterator",Sn=Cn||En;w.prototype.toString=function(){return"[Iterator]"},w.KEYS=_n,w.VALUES=wn,w.ENTRIES=xn,w.prototype.inspect=w.prototype.toSource=function(){return this.toString()},w.prototype[Sn]=function(){return this},e(k,t),k.of=function(){return k(arguments)},k.prototype.toSeq=function(){return this},k.prototype.toString=function(){return this.__toString("Seq {","}")},k.prototype.cacheResult=function(){return!this._cache&&this.__iterateUncached&&(this._cache=this.entrySeq().toArray(),this.size=this._cache.length),this},k.prototype.__iterate=function(e,t){return H(this,e,t,!0)},k.prototype.__iterator=function(e,t){return K(this,e,t,!0)},e(M,k),M.prototype.toKeyedSeq=function(){return this},e(N,k),N.of=function(){return N(arguments)},N.prototype.toIndexedSeq=function(){return this},N.prototype.toString=function(){return this.__toString("Seq [","]")},N.prototype.__iterate=function(e,t){return H(this,e,t,!1)},N.prototype.__iterator=function(e,t){return K(this,e,t,!1)},e(A,k),A.of=function(){return A(arguments)},A.prototype.toSetSeq=function(){return this},k.isSeq=L,k.Keyed=M,k.Set=A,k.Indexed=N;var On="@@__IMMUTABLE_SEQ__@@";k.prototype[On]=!0,e(D,N),D.prototype.get=function(e,t){return this.has(e)?this._array[v(this,e)]:t},D.prototype.__iterate=function(e,t){for(var n=this._array,r=n.length-1,o=0;o<=r;o++)if(e(n[t?r-o:o],o,this)===!1)return o+1;return o},D.prototype.__iterator=function(e,t){var n=this._array,r=n.length-1,o=0;return new w(function(){return o>r?C():x(e,o,n[t?r-o++:o++])})},e(j,M),j.prototype.get=function(e,t){return void 0===t||this.has(e)?this._object[e]:t},j.prototype.has=function(e){return this._object.hasOwnProperty(e)},j.prototype.__iterate=function(e,t){for(var n=this._object,r=this._keys,o=r.length-1,i=0;i<=o;i++){var a=r[t?o-i:i];if(e(n[a],a,this)===!1)return i+1}return i},j.prototype.__iterator=function(e,t){var n=this._object,r=this._keys,o=r.length-1,i=0;return new w(function(){var a=r[t?o-i:i];return i++>o?C():x(e,a,n[a])})},j.prototype[pn]=!0,e(R,N),R.prototype.__iterateUncached=function(e,t){if(t)return this.cacheResult().__iterate(e,t);var n=this._iterable,r=O(n),o=0;if(S(r))for(var i;!(i=r.next()).done&&e(i.value,o++,this)!==!1;);return o},R.prototype.__iteratorUncached=function(e,t){if(t)return this.cacheResult().__iterator(e,t);var n=this._iterable,r=O(n);if(!S(r))return new w(C);var o=0;return new w(function(){var t=r.next();return t.done?t:x(e,o++,t.value)})},e(I,N),I.prototype.__iterateUncached=function(e,t){if(t)return this.cacheResult().__iterate(e,t);for(var n=this._iterator,r=this._iteratorCache,o=0;o<r.length;)if(e(r[o],o++,this)===!1)return o;for(var i;!(i=n.next()).done;){var a=i.value;if(r[o]=a,e(a,o++,this)===!1)break}return o},I.prototype.__iteratorUncached=function(e,t){if(t)return this.cacheResult().__iterator(e,t);var n=this._iterator,r=this._iteratorCache,o=0;return new w(function(){if(o>=r.length){var t=n.next();if(t.done)return t;r[o]=t.value}return x(e,o,r[o++])})};var Pn;e(Z,N),Z.prototype.toString=function(){return 0===this.size?"Repeat []":"Repeat [ "+this._value+" "+this.size+" times ]"},Z.prototype.get=function(e,t){return this.has(e)?this._value:t},Z.prototype.includes=function(e){return X(this._value,e)},Z.prototype.slice=function(e,t){var n=this.size;return y(e,t,n)?this:new Z(this._value,b(t,n)-g(e,n))},Z.prototype.reverse=function(){return this},Z.prototype.indexOf=function(e){return X(this._value,e)?0:-1},Z.prototype.lastIndexOf=function(e){return X(this._value,e)?this.size:-1},Z.prototype.__iterate=function(e,t){for(var n=0;n<this.size;n++)if(e(this._value,n,this)===!1)return n+1;return n},Z.prototype.__iterator=function(e,t){var n=this,r=0;return new w(function(){return r<n.size?x(e,r++,n._value):C()})},Z.prototype.equals=function(e){return e instanceof Z?X(this._value,e._value):$(e)};var Tn;e(J,N),J.prototype.toString=function(){return 0===this.size?"Range []":"Range [ "+this._start+"..."+this._end+(this._step>1?" by "+this._step:"")+" ]"},J.prototype.get=function(e,t){return this.has(e)?this._start+v(this,e)*this._step:t},J.prototype.includes=function(e){var t=(e-this._start)/this._step;return t>=0&&t<this.size&&t===Math.floor(t)},J.prototype.slice=function(e,t){return y(e,t,this.size)?this:(e=g(e,this.size),t=b(t,this.size),t<=e?new J(0,0):new J(this.get(e,this._end),this.get(t,this._end),this._step))},J.prototype.indexOf=function(e){var t=e-this._start;if(t%this._step===0){var n=t/this._step;if(n>=0&&n<this.size)return n}return-1},J.prototype.lastIndexOf=function(e){return this.indexOf(e)},J.prototype.__iterate=function(e,t){for(var n=this.size-1,r=this._step,o=t?this._start+n*r:this._start,i=0;i<=n;i++){if(e(o,i,this)===!1)return i+1;o+=t?-r:r}return i},J.prototype.__iterator=function(e,t){var n=this.size-1,r=this._step,o=t?this._start+n*r:this._start,i=0;return new w(function(){var a=o;return o+=t?-r:r,i>n?C():x(e,i++,a)})},J.prototype.equals=function(e){return e instanceof J?this._start===e._start&&this._end===e._end&&this._step===e._step:$(this,e)};var kn;e(ee,t),e(te,ee),e(ne,ee),e(re,ee),ee.Keyed=te,ee.Indexed=ne,ee.Set=re;var Mn,Nn="function"==typeof Math.imul&&Math.imul(4294967295,2)===-2?Math.imul:function(e,t){e=0|e,t=0|t;var n=65535&e,r=65535&t;return n*r+((e>>>16)*r+n*(t>>>16)<<16>>>0)|0},An=Object.isExtensible,Dn=function(){try{return Object.defineProperty({},"@",{}),!0}catch(e){return!1}}(),jn="function"==typeof WeakMap;jn&&(Mn=new WeakMap);var Rn=0,In="__immutablehash__";"function"==typeof Symbol&&(In=Symbol(In));var Ln=16,Fn=255,Un=0,Vn={};e(fe,te),fe.prototype.toString=function(){return this.__toString("Map {","}")},fe.prototype.get=function(e,t){return this._root?this._root.get(0,void 0,e,t):t},fe.prototype.set=function(e,t){return Ce(this,e,t)},fe.prototype.setIn=function(e,t){return this.updateIn(e,yn,function(){return t})},fe.prototype.remove=function(e){return Ce(this,e,yn)},fe.prototype.deleteIn=function(e){return this.updateIn(e,function(){return yn})},fe.prototype.update=function(e,t,n){return 1===arguments.length?e(this):this.updateIn([e],t,n)},fe.prototype.updateIn=function(e,t,n){n||(n=t,t=void 0);var r=je(this,Nt(e),t,n);return r===yn?void 0:r},fe.prototype.clear=function(){return 0===this.size?this:this.__ownerID?(this.size=0,this._root=null,this.__hash=void 0,this.__altered=!0,this):xe()},fe.prototype.merge=function(){return Me(this,void 0,arguments)},fe.prototype.mergeWith=function(e){var t=un.call(arguments,1);return Me(this,e,t)},fe.prototype.mergeIn=function(e){var t=un.call(arguments,1);return this.updateIn(e,xe(),function(e){return"function"==typeof e.merge?e.merge.apply(e,t):t[t.length-1]})},fe.prototype.mergeDeep=function(){return Me(this,Ne,arguments)},fe.prototype.mergeDeepWith=function(e){var t=un.call(arguments,1);return Me(this,Ae(e),t)},fe.prototype.mergeDeepIn=function(e){var t=un.call(arguments,1);return this.updateIn(e,xe(),function(e){return"function"==typeof e.mergeDeep?e.mergeDeep.apply(e,t):t[t.length-1]})},fe.prototype.sort=function(e){return Qe(_t(this,e))},fe.prototype.sortBy=function(e,t){return Qe(_t(this,t,e))},fe.prototype.withMutations=function(e){var t=this.asMutable();return e(t),t.wasAltered()?t.__ensureOwner(this.__ownerID):this},fe.prototype.asMutable=function(){return this.__ownerID?this:this.__ensureOwner(new p)},fe.prototype.asImmutable=function(){return this.__ensureOwner()},fe.prototype.wasAltered=function(){return this.__altered},fe.prototype.__iterator=function(e,t){return new ge(this,e,t)},fe.prototype.__iterate=function(e,t){var n=this,r=0;return this._root&&this._root.iterate(function(t){return r++,e(t[1],t[0],n)},t),r},fe.prototype.__ensureOwner=function(e){return e===this.__ownerID?this:e?we(this.size,this._root,e,this.__hash):(this.__ownerID=e,this.__altered=!1,this)},fe.isMap=pe;var Bn="@@__IMMUTABLE_MAP__@@",zn=fe.prototype;zn[Bn]=!0,zn[dn]=zn.remove,zn.removeIn=zn.deleteIn,de.prototype.get=function(e,t,n,r){for(var o=this.entries,i=0,a=o.length;i<a;i++)if(X(n,o[i][0]))return o[i][1];return r},de.prototype.update=function(e,t,n,r,o,i,a){for(var s=o===yn,u=this.entries,l=0,c=u.length;l<c&&!X(r,u[l][0]);l++);var p=l<c;if(p?u[l][1]===o:s)return this;if(f(a),(s||!p)&&f(i),!s||1!==u.length){if(!p&&!s&&u.length>=Kn)return Pe(e,u,r,o);var h=e&&e===this.ownerID,v=h?u:d(u);return p?s?l===c-1?v.pop():v[l]=v.pop():v[l]=[r,o]:v.push([r,o]),h?(this.entries=v,this):new de(e,v)}},he.prototype.get=function(e,t,n,r){void 0===t&&(t=ie(n));var o=1<<((0===e?t:t>>>e)&mn),i=this.bitmap;return 0===(i&o)?r:this.nodes[Re(i&o-1)].get(e+hn,t,n,r)},he.prototype.update=function(e,t,n,r,o,i,a){void 0===n&&(n=ie(r));var s=(0===t?n:n>>>t)&mn,u=1<<s,l=this.bitmap,c=0!==(l&u);if(!c&&o===yn)return this;var f=Re(l&u-1),p=this.nodes,d=c?p[f]:void 0,h=Ee(d,e,t+hn,n,r,o,i,a);if(h===d)return this;if(!c&&h&&p.length>=Wn)return ke(e,p,l,s,h);if(c&&!h&&2===p.length&&Se(p[1^f]))return p[1^f];if(c&&h&&1===p.length&&Se(h))return h;var v=e&&e===this.ownerID,m=c?h?l:l^u:l|u,y=c?h?Ie(p,f,h,v):Fe(p,f,v):Le(p,f,h,v);return v?(this.bitmap=m,this.nodes=y,this):new he(e,m,y)},ve.prototype.get=function(e,t,n,r){void 0===t&&(t=ie(n));var o=(0===e?t:t>>>e)&mn,i=this.nodes[o];return i?i.get(e+hn,t,n,r):r},ve.prototype.update=function(e,t,n,r,o,i,a){void 0===n&&(n=ie(r));var s=(0===t?n:n>>>t)&mn,u=o===yn,l=this.nodes,c=l[s];if(u&&!c)return this;var f=Ee(c,e,t+hn,n,r,o,i,a);if(f===c)return this;var p=this.count;if(c){if(!f&&(p--,p<qn))return Te(e,l,p,s)}else p++;var d=e&&e===this.ownerID,h=Ie(l,s,f,d);return d?(this.count=p,this.nodes=h,this):new ve(e,p,h)},me.prototype.get=function(e,t,n,r){for(var o=this.entries,i=0,a=o.length;i<a;i++)if(X(n,o[i][0]))return o[i][1];return r},me.prototype.update=function(e,t,n,r,o,i,a){void 0===n&&(n=ie(r));var s=o===yn;if(n!==this.keyHash)return s?this:(f(a),f(i),Oe(this,e,t,n,[r,o]));for(var u=this.entries,l=0,c=u.length;l<c&&!X(r,u[l][0]);l++);var p=l<c;if(p?u[l][1]===o:s)return this;if(f(a),(s||!p)&&f(i),s&&2===c)return new ye(e,this.keyHash,u[1^l]);var h=e&&e===this.ownerID,v=h?u:d(u);return p?s?l===c-1?v.pop():v[l]=v.pop():v[l]=[r,o]:v.push([r,o]),h?(this.entries=v,this):new me(e,this.keyHash,v)},ye.prototype.get=function(e,t,n,r){return X(n,this.entry[0])?this.entry[1]:r},ye.prototype.update=function(e,t,n,r,o,i,a){var s=o===yn,u=X(r,this.entry[0]);return(u?o===this.entry[1]:s)?this:(f(a),s?void f(i):u?e&&e===this.ownerID?(this.entry[1]=o,this):new ye(e,this.keyHash,[r,o]):(f(i),Oe(this,e,t,ie(r),[r,o])))},de.prototype.iterate=me.prototype.iterate=function(e,t){for(var n=this.entries,r=0,o=n.length-1;r<=o;r++)if(e(n[t?o-r:r])===!1)return!1},he.prototype.iterate=ve.prototype.iterate=function(e,t){for(var n=this.nodes,r=0,o=n.length-1;r<=o;r++){var i=n[t?o-r:r];if(i&&i.iterate(e,t)===!1)return!1}},ye.prototype.iterate=function(e,t){return e(this.entry)},e(ge,w),ge.prototype.next=function(){for(var e=this._type,t=this._stack;t;){var n,r=t.node,o=t.index++;if(r.entry){if(0===o)return be(e,r.entry)}else if(r.entries){if(n=r.entries.length-1,o<=n)return be(e,r.entries[this._reverse?n-o:o])}else if(n=r.nodes.length-1,o<=n){var i=r.nodes[this._reverse?n-o:o];if(i){if(i.entry)return be(e,i.entry);t=this._stack=_e(i,t)}continue}t=this._stack=this._stack.__prev}return C()};var Hn,Kn=vn/4,Wn=vn/2,qn=vn/4;e(Ue,ne),Ue.of=function(){return this(arguments)},Ue.prototype.toString=function(){return this.__toString("List [","]")},Ue.prototype.get=function(e,t){if(e=v(this,e),e>=0&&e<this.size){e+=this._origin;var n=Ge(this,e);return n&&n.array[e&mn]}return t},Ue.prototype.set=function(e,t){return We(this,e,t)},Ue.prototype.remove=function(e){return this.has(e)?0===e?this.shift():e===this.size-1?this.pop():this.splice(e,1):this},Ue.prototype.insert=function(e,t){return this.splice(e,0,t)},Ue.prototype.clear=function(){return 0===this.size?this:this.__ownerID?(this.size=this._origin=this._capacity=0,this._level=hn,this._root=this._tail=null,this.__hash=void 0,this.__altered=!0,this):Ke()},Ue.prototype.push=function(){var e=arguments,t=this.size;return this.withMutations(function(n){Xe(n,0,t+e.length);for(var r=0;r<e.length;r++)n.set(t+r,e[r])})},Ue.prototype.pop=function(){return Xe(this,0,-1)},Ue.prototype.unshift=function(){var e=arguments;return this.withMutations(function(t){Xe(t,-e.length);for(var n=0;n<e.length;n++)t.set(n,e[n])})},Ue.prototype.shift=function(){return Xe(this,1)},Ue.prototype.merge=function(){return $e(this,void 0,arguments)},Ue.prototype.mergeWith=function(e){var t=un.call(arguments,1);return $e(this,e,t)},Ue.prototype.mergeDeep=function(){return $e(this,Ne,arguments)},Ue.prototype.mergeDeepWith=function(e){var t=un.call(arguments,1);return $e(this,Ae(e),t)},Ue.prototype.setSize=function(e){return Xe(this,0,e)},Ue.prototype.slice=function(e,t){var n=this.size;return y(e,t,n)?this:Xe(this,g(e,n),b(t,n))},Ue.prototype.__iterator=function(e,t){var n=0,r=ze(this,t);return new w(function(){var t=r();return t===$n?C():x(e,n++,t)})},Ue.prototype.__iterate=function(e,t){for(var n,r=0,o=ze(this,t);(n=o())!==$n&&e(n,r++,this)!==!1;);return r},Ue.prototype.__ensureOwner=function(e){return e===this.__ownerID?this:e?He(this._origin,this._capacity,this._level,this._root,this._tail,e,this.__hash):(this.__ownerID=e,this)},Ue.isList=Ve;var Yn="@@__IMMUTABLE_LIST__@@",Gn=Ue.prototype;Gn[Yn]=!0,Gn[dn]=Gn.remove,Gn.setIn=zn.setIn,Gn.deleteIn=Gn.removeIn=zn.removeIn,Gn.update=zn.update,Gn.updateIn=zn.updateIn,Gn.mergeIn=zn.mergeIn,Gn.mergeDeepIn=zn.mergeDeepIn,Gn.withMutations=zn.withMutations,Gn.asMutable=zn.asMutable,Gn.asImmutable=zn.asImmutable,Gn.wasAltered=zn.wasAltered,Be.prototype.removeBefore=function(e,t,n){if(n===t?1<<t:0===this.array.length)return this;var r=n>>>t&mn;if(r>=this.array.length)return new Be([],e);var o,i=0===r;if(t>0){var a=this.array[r];if(o=a&&a.removeBefore(e,t-hn,n),o===a&&i)return this}if(i&&!o)return this;var s=Ye(this,e);if(!i)for(var u=0;u<r;u++)s.array[u]=void 0;return o&&(s.array[r]=o),s},Be.prototype.removeAfter=function(e,t,n){if(n===(t?1<<t:0)||0===this.array.length)return this;var r=n-1>>>t&mn;if(r>=this.array.length)return this;var o;if(t>0){var i=this.array[r];if(o=i&&i.removeAfter(e,t-hn,n),o===i&&r===this.array.length-1)return this}var a=Ye(this,e);return a.array.splice(r+1),o&&(a.array[r]=o),a};var Xn,$n={};e(Qe,fe),Qe.of=function(){return this(arguments)},Qe.prototype.toString=function(){return this.__toString("OrderedMap {","}")},Qe.prototype.get=function(e,t){var n=this._map.get(e);return void 0!==n?this._list.get(n)[1]:t},Qe.prototype.clear=function(){return 0===this.size?this:this.__ownerID?(this.size=0,this._map.clear(),this._list.clear(),this):tt()},Qe.prototype.set=function(e,t){return nt(this,e,t)},Qe.prototype.remove=function(e){return nt(this,e,yn)},Qe.prototype.wasAltered=function(){return this._map.wasAltered()||this._list.wasAltered()},Qe.prototype.__iterate=function(e,t){var n=this;return this._list.__iterate(function(t){return t&&e(t[1],t[0],n)},t)},Qe.prototype.__iterator=function(e,t){return this._list.fromEntrySeq().__iterator(e,t)},Qe.prototype.__ensureOwner=function(e){if(e===this.__ownerID)return this;var t=this._map.__ensureOwner(e),n=this._list.__ensureOwner(e);return e?et(t,n,e,this.__hash):(this.__ownerID=e,this._map=t,this._list=n,this)},Qe.isOrderedMap=Je,Qe.prototype[pn]=!0,Qe.prototype[dn]=Qe.prototype.remove;var Zn;e(rt,M),rt.prototype.get=function(e,t){return this._iter.get(e,t)},rt.prototype.has=function(e){return this._iter.has(e)},rt.prototype.valueSeq=function(){return this._iter.valueSeq()},rt.prototype.reverse=function(){var e=this,t=lt(this,!0);return this._useKeys||(t.valueSeq=function(){return e._iter.toSeq().reverse()}),t},rt.prototype.map=function(e,t){var n=this,r=ut(this,e,t);return this._useKeys||(r.valueSeq=function(){return n._iter.toSeq().map(e,t)}),r},rt.prototype.__iterate=function(e,t){var n,r=this;return this._iter.__iterate(this._useKeys?function(t,n){return e(t,n,r)}:(n=t?Ot(this):0,function(o){return e(o,t?--n:n++,r)}),t)},rt.prototype.__iterator=function(e,t){if(this._useKeys)return this._iter.__iterator(e,t);var n=this._iter.__iterator(wn,t),r=t?Ot(this):0;return new w(function(){var o=n.next();return o.done?o:x(e,t?--r:r++,o.value,o)})},rt.prototype[pn]=!0,e(ot,N),ot.prototype.includes=function(e){return this._iter.includes(e)},ot.prototype.__iterate=function(e,t){var n=this,r=0;return this._iter.__iterate(function(t){return e(t,r++,n)},t)},ot.prototype.__iterator=function(e,t){var n=this._iter.__iterator(wn,t),r=0;return new w(function(){var t=n.next();return t.done?t:x(e,r++,t.value,t)})},e(it,A),it.prototype.has=function(e){return this._iter.includes(e)},it.prototype.__iterate=function(e,t){var n=this;return this._iter.__iterate(function(t){return e(t,t,n)},t)},it.prototype.__iterator=function(e,t){var n=this._iter.__iterator(wn,t);return new w(function(){var t=n.next();return t.done?t:x(e,t.value,t.value,t)})},e(at,M),at.prototype.entrySeq=function(){return this._iter.toSeq()},at.prototype.__iterate=function(e,t){var n=this;return this._iter.__iterate(function(t){if(t){St(t);var r=i(t);return e(r?t.get(1):t[1],r?t.get(0):t[0],n)}},t)},at.prototype.__iterator=function(e,t){var n=this._iter.__iterator(wn,t);return new w(function(){for(;;){var t=n.next();if(t.done)return t;var r=t.value;if(r){St(r);var o=i(r);return x(e,o?r.get(0):r[0],o?r.get(1):r[1],t)}}})},ot.prototype.cacheResult=rt.prototype.cacheResult=it.prototype.cacheResult=at.prototype.cacheResult=kt,e(At,te),At.prototype.toString=function(){return this.__toString(jt(this)+" {","}")},At.prototype.has=function(e){return this._defaultValues.hasOwnProperty(e)},At.prototype.get=function(e,t){if(!this.has(e))return t;var n=this._defaultValues[e];return this._map?this._map.get(e,n):n},At.prototype.clear=function(){if(this.__ownerID)return this._map&&this._map.clear(),this;var e=this.constructor;return e._empty||(e._empty=Dt(this,xe()))},At.prototype.set=function(e,t){if(!this.has(e))throw new Error('Cannot set unknown key "'+e+'" on '+jt(this));var n=this._map&&this._map.set(e,t);return this.__ownerID||n===this._map?this:Dt(this,n)},At.prototype.remove=function(e){if(!this.has(e))return this;var t=this._map&&this._map.remove(e);return this.__ownerID||t===this._map?this:Dt(this,t)},At.prototype.wasAltered=function(){return this._map.wasAltered()},At.prototype.__iterator=function(e,t){var r=this;return n(this._defaultValues).map(function(e,t){return r.get(t)}).__iterator(e,t)},At.prototype.__iterate=function(e,t){var r=this;return n(this._defaultValues).map(function(e,t){return r.get(t)}).__iterate(e,t)},At.prototype.__ensureOwner=function(e){if(e===this.__ownerID)return this;var t=this._map&&this._map.__ensureOwner(e);return e?Dt(this,t,e):(this.__ownerID=e,this._map=t,this)};var Qn=At.prototype;Qn[dn]=Qn.remove,Qn.deleteIn=Qn.removeIn=zn.removeIn,Qn.merge=zn.merge,Qn.mergeWith=zn.mergeWith,Qn.mergeIn=zn.mergeIn,Qn.mergeDeep=zn.mergeDeep,Qn.mergeDeepWith=zn.mergeDeepWith,Qn.mergeDeepIn=zn.mergeDeepIn,Qn.setIn=zn.setIn,Qn.update=zn.update,Qn.updateIn=zn.updateIn,Qn.withMutations=zn.withMutations,Qn.asMutable=zn.asMutable,Qn.asImmutable=zn.asImmutable,e(Lt,re),Lt.of=function(){return this(arguments)},Lt.fromKeys=function(e){return this(n(e).keySeq())},Lt.prototype.toString=function(){return this.__toString("Set {","}")},Lt.prototype.has=function(e){return this._map.has(e)},Lt.prototype.add=function(e){return Ut(this,this._map.set(e,!0))},Lt.prototype.remove=function(e){return Ut(this,this._map.remove(e))},Lt.prototype.clear=function(){return Ut(this,this._map.clear())},Lt.prototype.union=function(){var e=un.call(arguments,0);return e=e.filter(function(e){return 0!==e.size}),0===e.length?this:0!==this.size||this.__ownerID||1!==e.length?this.withMutations(function(t){for(var n=0;n<e.length;n++)o(e[n]).forEach(function(e){return t.add(e)})}):this.constructor(e[0])},Lt.prototype.intersect=function(){var e=un.call(arguments,0);if(0===e.length)return this;e=e.map(function(e){return o(e)});var t=this;return this.withMutations(function(n){t.forEach(function(t){e.every(function(e){return e.includes(t)})||n.remove(t)})})},Lt.prototype.subtract=function(){var e=un.call(arguments,0);if(0===e.length)return this;e=e.map(function(e){return o(e)});var t=this;return this.withMutations(function(n){t.forEach(function(t){e.some(function(e){return e.includes(t)})&&n.remove(t)})})},Lt.prototype.merge=function(){return this.union.apply(this,arguments)},Lt.prototype.mergeWith=function(e){var t=un.call(arguments,1);return this.union.apply(this,t)},Lt.prototype.sort=function(e){return zt(_t(this,e))},Lt.prototype.sortBy=function(e,t){return zt(_t(this,t,e))},Lt.prototype.wasAltered=function(){return this._map.wasAltered()},Lt.prototype.__iterate=function(e,t){var n=this;return this._map.__iterate(function(t,r){return e(r,r,n)},t)},Lt.prototype.__iterator=function(e,t){return this._map.map(function(e,t){return t}).__iterator(e,t)},Lt.prototype.__ensureOwner=function(e){if(e===this.__ownerID)return this;var t=this._map.__ensureOwner(e);return e?this.__make(t,e):(this.__ownerID=e,this._map=t,this)},Lt.isSet=Ft;var Jn="@@__IMMUTABLE_SET__@@",er=Lt.prototype;er[Jn]=!0,er[dn]=er.remove,er.mergeDeep=er.merge,er.mergeDeepWith=er.mergeWith,er.withMutations=zn.withMutations,er.asMutable=zn.asMutable,er.asImmutable=zn.asImmutable,er.__empty=Bt,er.__make=Vt;var tr;e(zt,Lt),zt.of=function(){return this(arguments)},zt.fromKeys=function(e){return this(n(e).keySeq())},zt.prototype.toString=function(){return this.__toString("OrderedSet {","}")},zt.isOrderedSet=Ht;var nr=zt.prototype;nr[pn]=!0,nr.__empty=Wt,nr.__make=Kt;var rr;e(qt,ne),qt.of=function(){return this(arguments)},qt.prototype.toString=function(){return this.__toString("Stack [","]")},qt.prototype.get=function(e,t){var n=this._head;for(e=v(this,e);n&&e--;)n=n.next;return n?n.value:t},qt.prototype.peek=function(){return this._head&&this._head.value},qt.prototype.push=function(){if(0===arguments.length)return this;for(var e=this.size+arguments.length,t=this._head,n=arguments.length-1;n>=0;n--)t={value:arguments[n],next:t};return this.__ownerID?(this.size=e,this._head=t,this.__hash=void 0,this.__altered=!0,this):Gt(e,t)},qt.prototype.pushAll=function(e){if(e=r(e),0===e.size)return this;ce(e.size);var t=this.size,n=this._head;return e.reverse().forEach(function(e){t++,n={value:e,next:n}}),this.__ownerID?(this.size=t,this._head=n,this.__hash=void 0,this.__altered=!0,this):Gt(t,n)},qt.prototype.pop=function(){return this.slice(1)},qt.prototype.unshift=function(){return this.push.apply(this,arguments)},qt.prototype.unshiftAll=function(e){return this.pushAll(e)},qt.prototype.shift=function(){return this.pop.apply(this,arguments)},qt.prototype.clear=function(){return 0===this.size?this:this.__ownerID?(this.size=0,this._head=void 0,this.__hash=void 0,this.__altered=!0,this):Xt()},qt.prototype.slice=function(e,t){if(y(e,t,this.size))return this;var n=g(e,this.size),r=b(t,this.size);if(r!==this.size)return ne.prototype.slice.call(this,e,t);for(var o=this.size-n,i=this._head;n--;)i=i.next;return this.__ownerID?(this.size=o,this._head=i,this.__hash=void 0,this.__altered=!0,this):Gt(o,i)},qt.prototype.__ensureOwner=function(e){return e===this.__ownerID?this:e?Gt(this.size,this._head,e,this.__hash):(this.__ownerID=e,this.__altered=!1,this)},qt.prototype.__iterate=function(e,t){if(t)return this.reverse().__iterate(e);for(var n=0,r=this._head;r&&e(r.value,n++,this)!==!1;)r=r.next;return n},qt.prototype.__iterator=function(e,t){if(t)return this.reverse().__iterator(e);var n=0,r=this._head;return new w(function(){if(r){var t=r.value;return r=r.next,x(e,n++,t)}return C()})},qt.isStack=Yt;var or="@@__IMMUTABLE_STACK__@@",ir=qt.prototype;ir[or]=!0,ir.withMutations=zn.withMutations,ir.asMutable=zn.asMutable,ir.asImmutable=zn.asImmutable,ir.wasAltered=zn.wasAltered;var ar;t.Iterator=w,$t(t,{toArray:function(){ce(this.size);var e=new Array(this.size||0);return this.valueSeq().__iterate(function(t,n){e[n]=t}),e},toIndexedSeq:function(){return new ot(this)},toJS:function(){return this.toSeq().map(function(e){return e&&"function"==typeof e.toJS?e.toJS():e}).__toJS()},toJSON:function(){return this.toSeq().map(function(e){return e&&"function"==typeof e.toJSON?e.toJSON():e}).__toJS()},toKeyedSeq:function(){return new rt(this,(!0))},toMap:function(){return fe(this.toKeyedSeq())},toObject:function(){ce(this.size);var e={};return this.__iterate(function(t,n){e[n]=t}),e},toOrderedMap:function(){return Qe(this.toKeyedSeq())},toOrderedSet:function(){return zt(a(this)?this.valueSeq():this)},toSet:function(){return Lt(a(this)?this.valueSeq():this)},toSetSeq:function(){return new it(this)},toSeq:function(){return s(this)?this.toIndexedSeq():a(this)?this.toKeyedSeq():this.toSetSeq()},toStack:function(){return qt(a(this)?this.valueSeq():this)},toList:function(){return Ue(a(this)?this.valueSeq():this)},toString:function(){return"[Iterable]"},__toString:function(e,t){return 0===this.size?e+t:e+" "+this.toSeq().map(this.__toStringMapper).join(", ")+" "+t},concat:function(){var e=un.call(arguments,0);return Et(this,mt(this,e))},includes:function(e){return this.some(function(t){return X(t,e)})},entries:function(){return this.__iterator(xn)},every:function(e,t){ce(this.size);var n=!0;return this.__iterate(function(r,o,i){if(!e.call(t,r,o,i))return n=!1,!1}),n},filter:function(e,t){return Et(this,ct(this,e,t,!0))},find:function(e,t,n){var r=this.findEntry(e,t);return r?r[1]:n},findEntry:function(e,t){var n;return this.__iterate(function(r,o,i){if(e.call(t,r,o,i))return n=[o,r],!1}),n},findLastEntry:function(e,t){return this.toSeq().reverse().findEntry(e,t)},forEach:function(e,t){return ce(this.size),this.__iterate(t?e.bind(t):e)},join:function(e){ce(this.size),e=void 0!==e?""+e:",";var t="",n=!0;return this.__iterate(function(r){n?n=!1:t+=e,t+=null!==r&&void 0!==r?r.toString():""}),t},keys:function(){return this.__iterator(_n)},map:function(e,t){return Et(this,ut(this,e,t))},reduce:function(e,t,n){ce(this.size);var r,o;return arguments.length<2?o=!0:r=t,this.__iterate(function(t,i,a){o?(o=!1,r=t):r=e.call(n,r,t,i,a)}),r},reduceRight:function(e,t,n){var r=this.toKeyedSeq().reverse();return r.reduce.apply(r,arguments)},reverse:function(){return Et(this,lt(this,!0))},slice:function(e,t){return Et(this,dt(this,e,t,!0))},some:function(e,t){return!this.every(Jt(e),t)},sort:function(e){return Et(this,_t(this,e))},values:function(){return this.__iterator(wn)},butLast:function(){return this.slice(0,-1)},isEmpty:function(){return void 0!==this.size?0===this.size:!this.some(function(){return!0})},count:function(e,t){return h(e?this.toSeq().filter(e,t):this)},countBy:function(e,t){return ft(this,e,t)},equals:function(e){return $(this,e)},entrySeq:function(){var e=this;if(e._cache)return new D(e._cache);var t=e.toSeq().map(Qt).toIndexedSeq();return t.fromEntrySeq=function(){return e.toSeq()},t},filterNot:function(e,t){return this.filter(Jt(e),t)},findLast:function(e,t,n){return this.toKeyedSeq().reverse().find(e,t,n)},first:function(){return this.find(m)},flatMap:function(e,t){return Et(this,gt(this,e,t))},flatten:function(e){return Et(this,yt(this,e,!0))},fromEntrySeq:function(){return new at(this)},get:function(e,t){return this.find(function(t,n){return X(n,e)},void 0,t)},getIn:function(e,t){for(var n,r=this,o=Nt(e);!(n=o.next()).done;){var i=n.value;if(r=r&&r.get?r.get(i,yn):yn,r===yn)return t}return r},groupBy:function(e,t){return pt(this,e,t)},has:function(e){return this.get(e,yn)!==yn},hasIn:function(e){return this.getIn(e,yn)!==yn},isSubset:function(e){return e="function"==typeof e.includes?e:t(e),this.every(function(t){return e.includes(t)})},isSuperset:function(e){return e="function"==typeof e.isSubset?e:t(e),e.isSubset(this)},keySeq:function(){return this.toSeq().map(Zt).toIndexedSeq()},last:function(){return this.toSeq().reverse().first()},max:function(e){return wt(this,e)},maxBy:function(e,t){return wt(this,t,e)},min:function(e){return wt(this,e?en(e):rn)},minBy:function(e,t){return wt(this,t?en(t):rn,e)},rest:function(){return this.slice(1)},skip:function(e){return this.slice(Math.max(0,e))},skipLast:function(e){return Et(this,this.toSeq().reverse().skip(e).reverse())},skipWhile:function(e,t){return Et(this,vt(this,e,t,!0))},skipUntil:function(e,t){return this.skipWhile(Jt(e),t)},sortBy:function(e,t){return Et(this,_t(this,t,e))},take:function(e){return this.slice(0,Math.max(0,e))},takeLast:function(e){return Et(this,this.toSeq().reverse().take(e).reverse())},takeWhile:function(e,t){return Et(this,ht(this,e,t))},takeUntil:function(e,t){return this.takeWhile(Jt(e),t)},valueSeq:function(){return this.toIndexedSeq()},hashCode:function(){return this.__hash||(this.__hash=on(this))}});var sr=t.prototype;sr[ln]=!0,sr[Sn]=sr.values,sr.__toJS=sr.toArray,sr.__toStringMapper=tn,sr.inspect=sr.toSource=function(){return this.toString()},sr.chain=sr.flatMap,sr.contains=sr.includes,function(){try{Object.defineProperty(sr,"length",{get:function(){if(!t.noLengthWarning){var e;try{throw new Error}catch(n){e=n.stack}if(e.indexOf("_wrapObject")===-1)return console&&console.warn&&console.warn("iterable.length has been deprecated, use iterable.size or iterable.count(). This warning will become a silent error in a future version. "+e),this.size}}})}catch(e){}}(),$t(n,{flip:function(){return Et(this,st(this))},findKey:function(e,t){var n=this.findEntry(e,t);return n&&n[0]},findLastKey:function(e,t){return this.toSeq().reverse().findKey(e,t)},keyOf:function(e){return this.findKey(function(t){return X(t,e)})},lastKeyOf:function(e){return this.findLastKey(function(t){return X(t,e)})},mapEntries:function(e,t){var n=this,r=0;return Et(this,this.toSeq().map(function(o,i){return e.call(t,[i,o],r++,n)}).fromEntrySeq())},mapKeys:function(e,t){var n=this;return Et(this,this.toSeq().flip().map(function(r,o){return e.call(t,r,o,n)}).flip())}});var ur=n.prototype;ur[cn]=!0,ur[Sn]=sr.entries,ur.__toJS=sr.toObject,ur.__toStringMapper=function(e,t){return JSON.stringify(t)+": "+tn(e)},$t(r,{toKeyedSeq:function(){return new rt(this,(!1))},filter:function(e,t){return Et(this,ct(this,e,t,!1))},findIndex:function(e,t){var n=this.findEntry(e,t);return n?n[0]:-1},indexOf:function(e){var t=this.toKeyedSeq().keyOf(e);return void 0===t?-1:t;
+},lastIndexOf:function(e){var t=this.toKeyedSeq().reverse().keyOf(e);return void 0===t?-1:t},reverse:function(){return Et(this,lt(this,!1))},slice:function(e,t){return Et(this,dt(this,e,t,!1))},splice:function(e,t){var n=arguments.length;if(t=Math.max(0|t,0),0===n||2===n&&!t)return this;e=g(e,e<0?this.count():this.size);var r=this.slice(0,e);return Et(this,1===n?r:r.concat(d(arguments,2),this.slice(e+t)))},findLastIndex:function(e,t){var n=this.toKeyedSeq().findLastKey(e,t);return void 0===n?-1:n},first:function(){return this.get(0)},flatten:function(e){return Et(this,yt(this,e,!1))},get:function(e,t){return e=v(this,e),e<0||this.size===1/0||void 0!==this.size&&e>this.size?t:this.find(function(t,n){return n===e},void 0,t)},has:function(e){return e=v(this,e),e>=0&&(void 0!==this.size?this.size===1/0||e<this.size:this.indexOf(e)!==-1)},interpose:function(e){return Et(this,bt(this,e))},interleave:function(){var e=[this].concat(d(arguments)),t=Ct(this.toSeq(),N.of,e),n=t.flatten(!0);return t.size&&(n.size=t.size*e.length),Et(this,n)},last:function(){return this.get(-1)},skipWhile:function(e,t){return Et(this,vt(this,e,t,!1))},zip:function(){var e=[this].concat(d(arguments));return Et(this,Ct(this,nn,e))},zipWith:function(e){var t=d(arguments);return t[0]=this,Et(this,Ct(this,e,t))}}),r.prototype[fn]=!0,r.prototype[pn]=!0,$t(o,{get:function(e,t){return this.has(e)?e:t},includes:function(e){return this.has(e)},keySeq:function(){return this.valueSeq()}}),o.prototype.has=sr.includes,$t(M,n.prototype),$t(N,r.prototype),$t(A,o.prototype),$t(te,n.prototype),$t(ne,r.prototype),$t(re,o.prototype);var lr={Iterable:t,Seq:k,Collection:ee,Map:fe,OrderedMap:Qe,List:Ue,Stack:qt,Set:Lt,OrderedSet:zt,Record:At,Range:J,Repeat:Z,is:X,fromJS:W};return lr})},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(9),a=o(i),s=n(10),u=o(s),l=n(1),c=r(l),f=n(8),p=o(f),d=n(48),h=o(d),v=function(e){var t=e.type,n=e.className,r=void 0===n?"":n,o=e.spin,i=(0,p["default"])((0,u["default"])({anticon:!0,"anticon-spin":!!o||"loading"===t},"anticon-"+t,!0),r);return c.createElement("i",(0,a["default"])({},(0,h["default"])(e,["type","spin"]),{className:i}))};t["default"]=v,e.exports=t["default"]},function(e,t,n){var r=n(189)("wks"),o=n(105),i=n(17).Symbol,a="function"==typeof i,s=e.exports=function(e){return r[e]||(r[e]=a&&i[e]||(a?i:o)("Symbol."+e))};s.store=r},function(e,t){!function(n,r){"object"==typeof t&&"undefined"!=typeof e?e.exports=r():"function"==typeof define&&define.amd?define(r):n.moment=r()}(this,function(){"use strict";function t(){return _r.apply(null,arguments)}function n(e){_r=e}function r(e){return e instanceof Array||"[object Array]"===Object.prototype.toString.call(e)}function o(e){return null!=e&&"[object Object]"===Object.prototype.toString.call(e)}function i(e){var t;for(t in e)return!1;return!0}function a(e){return void 0===e}function s(e){return"number"==typeof e||"[object Number]"===Object.prototype.toString.call(e)}function u(e){return e instanceof Date||"[object Date]"===Object.prototype.toString.call(e)}function l(e,t){var n,r=[];for(n=0;n<e.length;++n)r.push(t(e[n],n));return r}function c(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function f(e,t){for(var n in t)c(t,n)&&(e[n]=t[n]);return c(t,"toString")&&(e.toString=t.toString),c(t,"valueOf")&&(e.valueOf=t.valueOf),e}function p(e,t,n,r){return bt(e,t,n,r,!0).utc()}function d(){return{empty:!1,unusedTokens:[],unusedInput:[],overflow:-2,charsLeftOver:0,nullInput:!1,invalidMonth:null,invalidFormat:!1,userInvalidated:!1,iso:!1,parsedDateParts:[],meridiem:null,rfc2822:!1,weekdayMismatch:!1}}function h(e){return null==e._pf&&(e._pf=d()),e._pf}function v(e){if(null==e._isValid){var t=h(e),n=xr.call(t.parsedDateParts,function(e){return null!=e}),r=!isNaN(e._d.getTime())&&t.overflow<0&&!t.empty&&!t.invalidMonth&&!t.invalidWeekday&&!t.nullInput&&!t.invalidFormat&&!t.userInvalidated&&(!t.meridiem||t.meridiem&&n);if(e._strict&&(r=r&&0===t.charsLeftOver&&0===t.unusedTokens.length&&void 0===t.bigHour),null!=Object.isFrozen&&Object.isFrozen(e))return r;e._isValid=r}return e._isValid}function m(e){var t=p(NaN);return null!=e?f(h(t),e):h(t).userInvalidated=!0,t}function y(e,t){var n,r,o;if(a(t._isAMomentObject)||(e._isAMomentObject=t._isAMomentObject),a(t._i)||(e._i=t._i),a(t._f)||(e._f=t._f),a(t._l)||(e._l=t._l),a(t._strict)||(e._strict=t._strict),a(t._tzm)||(e._tzm=t._tzm),a(t._isUTC)||(e._isUTC=t._isUTC),a(t._offset)||(e._offset=t._offset),a(t._pf)||(e._pf=h(t)),a(t._locale)||(e._locale=t._locale),Cr.length>0)for(n=0;n<Cr.length;n++)r=Cr[n],o=t[r],a(o)||(e[r]=o);return e}function g(e){y(this,e),this._d=new Date(null!=e._d?e._d.getTime():NaN),this.isValid()||(this._d=new Date(NaN)),Er===!1&&(Er=!0,t.updateOffset(this),Er=!1)}function b(e){return e instanceof g||null!=e&&null!=e._isAMomentObject}function _(e){return e<0?Math.ceil(e)||0:Math.floor(e)}function w(e){var t=+e,n=0;return 0!==t&&isFinite(t)&&(n=_(t)),n}function x(e,t,n){var r,o=Math.min(e.length,t.length),i=Math.abs(e.length-t.length),a=0;for(r=0;r<o;r++)(n&&e[r]!==t[r]||!n&&w(e[r])!==w(t[r]))&&a++;return a+i}function C(e){t.suppressDeprecationWarnings===!1&&"undefined"!=typeof console&&console.warn&&console.warn("Deprecation warning: "+e)}function E(e,n){var r=!0;return f(function(){if(null!=t.deprecationHandler&&t.deprecationHandler(null,e),r){for(var o,i=[],a=0;a<arguments.length;a++){if(o="","object"==typeof arguments[a]){o+="\n["+a+"] ";for(var s in arguments[0])o+=s+": "+arguments[0][s]+", ";o=o.slice(0,-2)}else o=arguments[a];i.push(o)}C(e+"\nArguments: "+Array.prototype.slice.call(i).join("")+"\n"+(new Error).stack),r=!1}return n.apply(this,arguments)},n)}function S(e,n){null!=t.deprecationHandler&&t.deprecationHandler(e,n),Sr[e]||(C(n),Sr[e]=!0)}function O(e){return e instanceof Function||"[object Function]"===Object.prototype.toString.call(e)}function P(e){var t,n;for(n in e)t=e[n],O(t)?this[n]=t:this["_"+n]=t;this._config=e,this._dayOfMonthOrdinalParseLenient=new RegExp((this._dayOfMonthOrdinalParse.source||this._ordinalParse.source)+"|"+/\d{1,2}/.source)}function T(e,t){var n,r=f({},e);for(n in t)c(t,n)&&(o(e[n])&&o(t[n])?(r[n]={},f(r[n],e[n]),f(r[n],t[n])):null!=t[n]?r[n]=t[n]:delete r[n]);for(n in e)c(e,n)&&!c(t,n)&&o(e[n])&&(r[n]=f({},r[n]));return r}function k(e){null!=e&&this.set(e)}function M(e,t,n){var r=this._calendar[e]||this._calendar.sameElse;return O(r)?r.call(t,n):r}function N(e){var t=this._longDateFormat[e],n=this._longDateFormat[e.toUpperCase()];return t||!n?t:(this._longDateFormat[e]=n.replace(/MMMM|MM|DD|dddd/g,function(e){return e.slice(1)}),this._longDateFormat[e])}function A(){return this._invalidDate}function D(e){return this._ordinal.replace("%d",e)}function j(e,t,n,r){var o=this._relativeTime[n];return O(o)?o(e,t,n,r):o.replace(/%d/i,e)}function R(e,t){var n=this._relativeTime[e>0?"future":"past"];return O(n)?n(t):n.replace(/%s/i,t)}function I(e,t){var n=e.toLowerCase();Rr[n]=Rr[n+"s"]=Rr[t]=e}function L(e){return"string"==typeof e?Rr[e]||Rr[e.toLowerCase()]:void 0}function F(e){var t,n,r={};for(n in e)c(e,n)&&(t=L(n),t&&(r[t]=e[n]));return r}function U(e,t){Ir[e]=t}function V(e){var t=[];for(var n in e)t.push({unit:n,priority:Ir[n]});return t.sort(function(e,t){return e.priority-t.priority}),t}function B(e,n){return function(r){return null!=r?(H(this,e,r),t.updateOffset(this,n),this):z(this,e)}}function z(e,t){return e.isValid()?e._d["get"+(e._isUTC?"UTC":"")+t]():NaN}function H(e,t,n){e.isValid()&&e._d["set"+(e._isUTC?"UTC":"")+t](n)}function K(e){return e=L(e),O(this[e])?this[e]():this}function W(e,t){if("object"==typeof e){e=F(e);for(var n=V(e),r=0;r<n.length;r++)this[n[r].unit](e[n[r].unit])}else if(e=L(e),O(this[e]))return this[e](t);return this}function q(e,t,n){var r=""+Math.abs(e),o=t-r.length,i=e>=0;return(i?n?"+":"":"-")+Math.pow(10,Math.max(0,o)).toString().substr(1)+r}function Y(e,t,n,r){var o=r;"string"==typeof r&&(o=function(){return this[r]()}),e&&(Vr[e]=o),t&&(Vr[t[0]]=function(){return q(o.apply(this,arguments),t[1],t[2])}),n&&(Vr[n]=function(){return this.localeData().ordinal(o.apply(this,arguments),e)})}function G(e){return e.match(/\[[\s\S]/)?e.replace(/^\[|\]$/g,""):e.replace(/\\/g,"")}function X(e){var t,n,r=e.match(Lr);for(t=0,n=r.length;t<n;t++)Vr[r[t]]?r[t]=Vr[r[t]]:r[t]=G(r[t]);return function(t){var o,i="";for(o=0;o<n;o++)i+=O(r[o])?r[o].call(t,e):r[o];return i}}function $(e,t){return e.isValid()?(t=Z(t,e.localeData()),Ur[t]=Ur[t]||X(t),Ur[t](e)):e.localeData().invalidDate()}function Z(e,t){function n(e){return t.longDateFormat(e)||e}var r=5;for(Fr.lastIndex=0;r>=0&&Fr.test(e);)e=e.replace(Fr,n),Fr.lastIndex=0,r-=1;return e}function Q(e,t,n){oo[e]=O(t)?t:function(e,r){return e&&n?n:t}}function J(e,t){return c(oo,e)?oo[e](t._strict,t._locale):new RegExp(ee(e))}function ee(e){return te(e.replace("\\","").replace(/\\(\[)|\\(\])|\[([^\]\[]*)\]|\\(.)/g,function(e,t,n,r,o){return t||n||r||o}))}function te(e){return e.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}function ne(e,t){var n,r=t;for("string"==typeof e&&(e=[e]),s(t)&&(r=function(e,n){n[t]=w(e)}),n=0;n<e.length;n++)io[e[n]]=r}function re(e,t){ne(e,function(e,n,r,o){r._w=r._w||{},t(e,r._w,r,o)})}function oe(e,t,n){null!=t&&c(io,e)&&io[e](t,n._a,n,e)}function ie(e,t){return new Date(Date.UTC(e,t+1,0)).getUTCDate()}function ae(e,t){return e?r(this._months)?this._months[e.month()]:this._months[(this._months.isFormat||yo).test(t)?"format":"standalone"][e.month()]:r(this._months)?this._months:this._months.standalone}function se(e,t){return e?r(this._monthsShort)?this._monthsShort[e.month()]:this._monthsShort[yo.test(t)?"format":"standalone"][e.month()]:r(this._monthsShort)?this._monthsShort:this._monthsShort.standalone}function ue(e,t,n){var r,o,i,a=e.toLocaleLowerCase();if(!this._monthsParse)for(this._monthsParse=[],this._longMonthsParse=[],this._shortMonthsParse=[],r=0;r<12;++r)i=p([2e3,r]),this._shortMonthsParse[r]=this.monthsShort(i,"").toLocaleLowerCase(),this._longMonthsParse[r]=this.months(i,"").toLocaleLowerCase();return n?"MMM"===t?(o=mo.call(this._shortMonthsParse,a),o!==-1?o:null):(o=mo.call(this._longMonthsParse,a),o!==-1?o:null):"MMM"===t?(o=mo.call(this._shortMonthsParse,a),o!==-1?o:(o=mo.call(this._longMonthsParse,a),o!==-1?o:null)):(o=mo.call(this._longMonthsParse,a),o!==-1?o:(o=mo.call(this._shortMonthsParse,a),o!==-1?o:null))}function le(e,t,n){var r,o,i;if(this._monthsParseExact)return ue.call(this,e,t,n);for(this._monthsParse||(this._monthsParse=[],this._longMonthsParse=[],this._shortMonthsParse=[]),r=0;r<12;r++){if(o=p([2e3,r]),n&&!this._longMonthsParse[r]&&(this._longMonthsParse[r]=new RegExp("^"+this.months(o,"").replace(".","")+"$","i"),this._shortMonthsParse[r]=new RegExp("^"+this.monthsShort(o,"").replace(".","")+"$","i")),n||this._monthsParse[r]||(i="^"+this.months(o,"")+"|^"+this.monthsShort(o,""),this._monthsParse[r]=new RegExp(i.replace(".",""),"i")),n&&"MMMM"===t&&this._longMonthsParse[r].test(e))return r;if(n&&"MMM"===t&&this._shortMonthsParse[r].test(e))return r;if(!n&&this._monthsParse[r].test(e))return r}}function ce(e,t){var n;if(!e.isValid())return e;if("string"==typeof t)if(/^\d+$/.test(t))t=w(t);else if(t=e.localeData().monthsParse(t),!s(t))return e;return n=Math.min(e.date(),ie(e.year(),t)),e._d["set"+(e._isUTC?"UTC":"")+"Month"](t,n),e}function fe(e){return null!=e?(ce(this,e),t.updateOffset(this,!0),this):z(this,"Month")}function pe(){return ie(this.year(),this.month())}function de(e){return this._monthsParseExact?(c(this,"_monthsRegex")||ve.call(this),e?this._monthsShortStrictRegex:this._monthsShortRegex):(c(this,"_monthsShortRegex")||(this._monthsShortRegex=_o),this._monthsShortStrictRegex&&e?this._monthsShortStrictRegex:this._monthsShortRegex)}function he(e){return this._monthsParseExact?(c(this,"_monthsRegex")||ve.call(this),e?this._monthsStrictRegex:this._monthsRegex):(c(this,"_monthsRegex")||(this._monthsRegex=wo),this._monthsStrictRegex&&e?this._monthsStrictRegex:this._monthsRegex)}function ve(){function e(e,t){return t.length-e.length}var t,n,r=[],o=[],i=[];for(t=0;t<12;t++)n=p([2e3,t]),r.push(this.monthsShort(n,"")),o.push(this.months(n,"")),i.push(this.months(n,"")),i.push(this.monthsShort(n,""));for(r.sort(e),o.sort(e),i.sort(e),t=0;t<12;t++)r[t]=te(r[t]),o[t]=te(o[t]);for(t=0;t<24;t++)i[t]=te(i[t]);this._monthsRegex=new RegExp("^("+i.join("|")+")","i"),this._monthsShortRegex=this._monthsRegex,this._monthsStrictRegex=new RegExp("^("+o.join("|")+")","i"),this._monthsShortStrictRegex=new RegExp("^("+r.join("|")+")","i")}function me(e){return ye(e)?366:365}function ye(e){return e%4===0&&e%100!==0||e%400===0}function ge(){return ye(this.year())}function be(e,t,n,r,o,i,a){var s=new Date(e,t,n,r,o,i,a);return e<100&&e>=0&&isFinite(s.getFullYear())&&s.setFullYear(e),s}function _e(e){var t=new Date(Date.UTC.apply(null,arguments));return e<100&&e>=0&&isFinite(t.getUTCFullYear())&&t.setUTCFullYear(e),t}function we(e,t,n){var r=7+t-n,o=(7+_e(e,0,r).getUTCDay()-t)%7;return-o+r-1}function xe(e,t,n,r,o){var i,a,s=(7+n-r)%7,u=we(e,r,o),l=1+7*(t-1)+s+u;return l<=0?(i=e-1,a=me(i)+l):l>me(e)?(i=e+1,a=l-me(e)):(i=e,a=l),{year:i,dayOfYear:a}}function Ce(e,t,n){var r,o,i=we(e.year(),t,n),a=Math.floor((e.dayOfYear()-i-1)/7)+1;return a<1?(o=e.year()-1,r=a+Ee(o,t,n)):a>Ee(e.year(),t,n)?(r=a-Ee(e.year(),t,n),o=e.year()+1):(o=e.year(),r=a),{week:r,year:o}}function Ee(e,t,n){var r=we(e,t,n),o=we(e+1,t,n);return(me(e)-r+o)/7}function Se(e){return Ce(e,this._week.dow,this._week.doy).week}function Oe(){return this._week.dow}function Pe(){return this._week.doy}function Te(e){var t=this.localeData().week(this);return null==e?t:this.add(7*(e-t),"d")}function ke(e){var t=Ce(this,1,4).week;return null==e?t:this.add(7*(e-t),"d")}function Me(e,t){return"string"!=typeof e?e:isNaN(e)?(e=t.weekdaysParse(e),"number"==typeof e?e:null):parseInt(e,10)}function Ne(e,t){return"string"==typeof e?t.weekdaysParse(e)%7||7:isNaN(e)?null:e}function Ae(e,t){return e?r(this._weekdays)?this._weekdays[e.day()]:this._weekdays[this._weekdays.isFormat.test(t)?"format":"standalone"][e.day()]:r(this._weekdays)?this._weekdays:this._weekdays.standalone}function De(e){return e?this._weekdaysShort[e.day()]:this._weekdaysShort}function je(e){return e?this._weekdaysMin[e.day()]:this._weekdaysMin}function Re(e,t,n){var r,o,i,a=e.toLocaleLowerCase();if(!this._weekdaysParse)for(this._weekdaysParse=[],this._shortWeekdaysParse=[],this._minWeekdaysParse=[],r=0;r<7;++r)i=p([2e3,1]).day(r),this._minWeekdaysParse[r]=this.weekdaysMin(i,"").toLocaleLowerCase(),this._shortWeekdaysParse[r]=this.weekdaysShort(i,"").toLocaleLowerCase(),this._weekdaysParse[r]=this.weekdays(i,"").toLocaleLowerCase();return n?"dddd"===t?(o=mo.call(this._weekdaysParse,a),o!==-1?o:null):"ddd"===t?(o=mo.call(this._shortWeekdaysParse,a),o!==-1?o:null):(o=mo.call(this._minWeekdaysParse,a),o!==-1?o:null):"dddd"===t?(o=mo.call(this._weekdaysParse,a),o!==-1?o:(o=mo.call(this._shortWeekdaysParse,a),o!==-1?o:(o=mo.call(this._minWeekdaysParse,a),o!==-1?o:null))):"ddd"===t?(o=mo.call(this._shortWeekdaysParse,a),o!==-1?o:(o=mo.call(this._weekdaysParse,a),o!==-1?o:(o=mo.call(this._minWeekdaysParse,a),o!==-1?o:null))):(o=mo.call(this._minWeekdaysParse,a),o!==-1?o:(o=mo.call(this._weekdaysParse,a),o!==-1?o:(o=mo.call(this._shortWeekdaysParse,a),o!==-1?o:null)))}function Ie(e,t,n){var r,o,i;if(this._weekdaysParseExact)return Re.call(this,e,t,n);for(this._weekdaysParse||(this._weekdaysParse=[],this._minWeekdaysParse=[],this._shortWeekdaysParse=[],this._fullWeekdaysParse=[]),r=0;r<7;r++){if(o=p([2e3,1]).day(r),n&&!this._fullWeekdaysParse[r]&&(this._fullWeekdaysParse[r]=new RegExp("^"+this.weekdays(o,"").replace(".",".?")+"$","i"),this._shortWeekdaysParse[r]=new RegExp("^"+this.weekdaysShort(o,"").replace(".",".?")+"$","i"),this._minWeekdaysParse[r]=new RegExp("^"+this.weekdaysMin(o,"").replace(".",".?")+"$","i")),this._weekdaysParse[r]||(i="^"+this.weekdays(o,"")+"|^"+this.weekdaysShort(o,"")+"|^"+this.weekdaysMin(o,""),this._weekdaysParse[r]=new RegExp(i.replace(".",""),"i")),n&&"dddd"===t&&this._fullWeekdaysParse[r].test(e))return r;if(n&&"ddd"===t&&this._shortWeekdaysParse[r].test(e))return r;if(n&&"dd"===t&&this._minWeekdaysParse[r].test(e))return r;if(!n&&this._weekdaysParse[r].test(e))return r}}function Le(e){if(!this.isValid())return null!=e?this:NaN;var t=this._isUTC?this._d.getUTCDay():this._d.getDay();return null!=e?(e=Me(e,this.localeData()),this.add(e-t,"d")):t}function Fe(e){if(!this.isValid())return null!=e?this:NaN;var t=(this.day()+7-this.localeData()._week.dow)%7;return null==e?t:this.add(e-t,"d")}function Ue(e){if(!this.isValid())return null!=e?this:NaN;if(null!=e){var t=Ne(e,this.localeData());return this.day(this.day()%7?t:t-7)}return this.day()||7}function Ve(e){return this._weekdaysParseExact?(c(this,"_weekdaysRegex")||He.call(this),e?this._weekdaysStrictRegex:this._weekdaysRegex):(c(this,"_weekdaysRegex")||(this._weekdaysRegex=Po),this._weekdaysStrictRegex&&e?this._weekdaysStrictRegex:this._weekdaysRegex)}function Be(e){return this._weekdaysParseExact?(c(this,"_weekdaysRegex")||He.call(this),e?this._weekdaysShortStrictRegex:this._weekdaysShortRegex):(c(this,"_weekdaysShortRegex")||(this._weekdaysShortRegex=To),this._weekdaysShortStrictRegex&&e?this._weekdaysShortStrictRegex:this._weekdaysShortRegex)}function ze(e){return this._weekdaysParseExact?(c(this,"_weekdaysRegex")||He.call(this),e?this._weekdaysMinStrictRegex:this._weekdaysMinRegex):(c(this,"_weekdaysMinRegex")||(this._weekdaysMinRegex=ko),this._weekdaysMinStrictRegex&&e?this._weekdaysMinStrictRegex:this._weekdaysMinRegex)}function He(){function e(e,t){return t.length-e.length}var t,n,r,o,i,a=[],s=[],u=[],l=[];for(t=0;t<7;t++)n=p([2e3,1]).day(t),r=this.weekdaysMin(n,""),o=this.weekdaysShort(n,""),i=this.weekdays(n,""),a.push(r),s.push(o),u.push(i),l.push(r),l.push(o),l.push(i);for(a.sort(e),s.sort(e),u.sort(e),l.sort(e),t=0;t<7;t++)s[t]=te(s[t]),u[t]=te(u[t]),l[t]=te(l[t]);this._weekdaysRegex=new RegExp("^("+l.join("|")+")","i"),this._weekdaysShortRegex=this._weekdaysRegex,this._weekdaysMinRegex=this._weekdaysRegex,this._weekdaysStrictRegex=new RegExp("^("+u.join("|")+")","i"),this._weekdaysShortStrictRegex=new RegExp("^("+s.join("|")+")","i"),this._weekdaysMinStrictRegex=new RegExp("^("+a.join("|")+")","i")}function Ke(){return this.hours()%12||12}function We(){return this.hours()||24}function qe(e,t){Y(e,0,0,function(){return this.localeData().meridiem(this.hours(),this.minutes(),t)})}function Ye(e,t){return t._meridiemParse}function Ge(e){return"p"===(e+"").toLowerCase().charAt(0)}function Xe(e,t,n){return e>11?n?"pm":"PM":n?"am":"AM"}function $e(e){return e?e.toLowerCase().replace("_","-"):e}function Ze(e){for(var t,n,r,o,i=0;i<e.length;){for(o=$e(e[i]).split("-"),t=o.length,n=$e(e[i+1]),n=n?n.split("-"):null;t>0;){if(r=Qe(o.slice(0,t).join("-")))return r;if(n&&n.length>=t&&x(o,n,!0)>=t-1)break;t--}i++}return null}function Qe(t){var n=null;if(!jo[t]&&"undefined"!=typeof e&&e&&e.exports)try{n=Mo._abbr,require("./locale/"+t),Je(n)}catch(r){}return jo[t]}function Je(e,t){var n;return e&&(n=a(t)?nt(e):et(e,t),n&&(Mo=n)),Mo._abbr}function et(e,t){if(null!==t){var n=Do;if(t.abbr=e,null!=jo[e])S("defineLocaleOverride","use moment.updateLocale(localeName, config) to change an existing locale. moment.defineLocale(localeName, config) should only be used for creating a new locale See http://momentjs.com/guides/#/warnings/define-locale/ for more info."),n=jo[e]._config;else if(null!=t.parentLocale){if(null==jo[t.parentLocale])return Ro[t.parentLocale]||(Ro[t.parentLocale]=[]),Ro[t.parentLocale].push({name:e,config:t}),null;n=jo[t.parentLocale]._config}return jo[e]=new k(T(n,t)),Ro[e]&&Ro[e].forEach(function(e){et(e.name,e.config)}),Je(e),jo[e]}return delete jo[e],null}function tt(e,t){if(null!=t){var n,r=Do;null!=jo[e]&&(r=jo[e]._config),t=T(r,t),n=new k(t),n.parentLocale=jo[e],jo[e]=n,Je(e)}else null!=jo[e]&&(null!=jo[e].parentLocale?jo[e]=jo[e].parentLocale:null!=jo[e]&&delete jo[e]);return jo[e]}function nt(e){var t;if(e&&e._locale&&e._locale._abbr&&(e=e._locale._abbr),!e)return Mo;if(!r(e)){if(t=Qe(e))return t;e=[e]}return Ze(e)}function rt(){return Tr(jo)}function ot(e){var t,n=e._a;return n&&h(e).overflow===-2&&(t=n[so]<0||n[so]>11?so:n[uo]<1||n[uo]>ie(n[ao],n[so])?uo:n[lo]<0||n[lo]>24||24===n[lo]&&(0!==n[co]||0!==n[fo]||0!==n[po])?lo:n[co]<0||n[co]>59?co:n[fo]<0||n[fo]>59?fo:n[po]<0||n[po]>999?po:-1,h(e)._overflowDayOfYear&&(t<ao||t>uo)&&(t=uo),h(e)._overflowWeeks&&t===-1&&(t=ho),h(e)._overflowWeekday&&t===-1&&(t=vo),h(e).overflow=t),e}function it(e){var t,n,r,o,i,a,s=e._i,u=Io.exec(s)||Lo.exec(s);if(u){for(h(e).iso=!0,t=0,n=Uo.length;t<n;t++)if(Uo[t][1].exec(u[1])){o=Uo[t][0],r=Uo[t][2]!==!1;break}if(null==o)return void(e._isValid=!1);if(u[3]){for(t=0,n=Vo.length;t<n;t++)if(Vo[t][1].exec(u[3])){i=(u[2]||" ")+Vo[t][0];break}if(null==i)return void(e._isValid=!1)}if(!r&&null!=i)return void(e._isValid=!1);if(u[4]){if(!Fo.exec(u[4]))return void(e._isValid=!1);a="Z"}e._f=o+(i||"")+(a||""),pt(e)}else e._isValid=!1}function at(e){var t,n,r,o,i,a,s,u,l={" GMT":" +0000"," EDT":" -0400"," EST":" -0500"," CDT":" -0500"," CST":" -0600"," MDT":" -0600"," MST":" -0700"," PDT":" -0700"," PST":" -0800"},c="YXWVUTSRQPONZABCDEFGHIKLM";if(t=e._i.replace(/\([^\)]*\)|[\n\t]/g," ").replace(/(\s\s+)/g," ").replace(/^\s|\s$/g,""),n=zo.exec(t)){if(r=n[1]?"ddd"+(5===n[1].length?", ":" "):"",o="D MMM "+(n[2].length>10?"YYYY ":"YY "),i="HH:mm"+(n[4]?":ss":""),n[1]){var f=new Date(n[2]),p=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"][f.getDay()];if(n[1].substr(0,3)!==p)return h(e).weekdayMismatch=!0,void(e._isValid=!1)}switch(n[5].length){case 2:0===u?s=" +0000":(u=c.indexOf(n[5][1].toUpperCase())-12,s=(u<0?" -":" +")+(""+u).replace(/^-?/,"0").match(/..$/)[0]+"00");break;case 4:s=l[n[5]];break;default:s=l[" GMT"]}n[5]=s,e._i=n.splice(1).join(""),a=" ZZ",e._f=r+o+i+a,pt(e),h(e).rfc2822=!0}else e._isValid=!1}function st(e){var n=Bo.exec(e._i);return null!==n?void(e._d=new Date((+n[1]))):(it(e),void(e._isValid===!1&&(delete e._isValid,at(e),e._isValid===!1&&(delete e._isValid,t.createFromInputFallback(e)))))}function ut(e,t,n){return null!=e?e:null!=t?t:n}function lt(e){var n=new Date(t.now());return e._useUTC?[n.getUTCFullYear(),n.getUTCMonth(),n.getUTCDate()]:[n.getFullYear(),n.getMonth(),n.getDate()]}function ct(e){var t,n,r,o,i=[];if(!e._d){for(r=lt(e),e._w&&null==e._a[uo]&&null==e._a[so]&&ft(e),null!=e._dayOfYear&&(o=ut(e._a[ao],r[ao]),(e._dayOfYear>me(o)||0===e._dayOfYear)&&(h(e)._overflowDayOfYear=!0),n=_e(o,0,e._dayOfYear),e._a[so]=n.getUTCMonth(),e._a[uo]=n.getUTCDate()),t=0;t<3&&null==e._a[t];++t)e._a[t]=i[t]=r[t];for(;t<7;t++)e._a[t]=i[t]=null==e._a[t]?2===t?1:0:e._a[t];24===e._a[lo]&&0===e._a[co]&&0===e._a[fo]&&0===e._a[po]&&(e._nextDay=!0,e._a[lo]=0),e._d=(e._useUTC?_e:be).apply(null,i),null!=e._tzm&&e._d.setUTCMinutes(e._d.getUTCMinutes()-e._tzm),e._nextDay&&(e._a[lo]=24)}}function ft(e){var t,n,r,o,i,a,s,u;if(t=e._w,null!=t.GG||null!=t.W||null!=t.E)i=1,a=4,n=ut(t.GG,e._a[ao],Ce(_t(),1,4).year),r=ut(t.W,1),o=ut(t.E,1),(o<1||o>7)&&(u=!0);else{i=e._locale._week.dow,a=e._locale._week.doy;var l=Ce(_t(),i,a);n=ut(t.gg,e._a[ao],l.year),r=ut(t.w,l.week),null!=t.d?(o=t.d,(o<0||o>6)&&(u=!0)):null!=t.e?(o=t.e+i,(t.e<0||t.e>6)&&(u=!0)):o=i}r<1||r>Ee(n,i,a)?h(e)._overflowWeeks=!0:null!=u?h(e)._overflowWeekday=!0:(s=xe(n,r,o,i,a),e._a[ao]=s.year,e._dayOfYear=s.dayOfYear)}function pt(e){if(e._f===t.ISO_8601)return void it(e);if(e._f===t.RFC_2822)return void at(e);e._a=[],h(e).empty=!0;var n,r,o,i,a,s=""+e._i,u=s.length,l=0;for(o=Z(e._f,e._locale).match(Lr)||[],n=0;n<o.length;n++)i=o[n],r=(s.match(J(i,e))||[])[0],r&&(a=s.substr(0,s.indexOf(r)),a.length>0&&h(e).unusedInput.push(a),s=s.slice(s.indexOf(r)+r.length),l+=r.length),Vr[i]?(r?h(e).empty=!1:h(e).unusedTokens.push(i),oe(i,r,e)):e._strict&&!r&&h(e).unusedTokens.push(i);h(e).charsLeftOver=u-l,s.length>0&&h(e).unusedInput.push(s),e._a[lo]<=12&&h(e).bigHour===!0&&e._a[lo]>0&&(h(e).bigHour=void 0),h(e).parsedDateParts=e._a.slice(0),h(e).meridiem=e._meridiem,e._a[lo]=dt(e._locale,e._a[lo],e._meridiem),ct(e),ot(e)}function dt(e,t,n){var r;return null==n?t:null!=e.meridiemHour?e.meridiemHour(t,n):null!=e.isPM?(r=e.isPM(n),r&&t<12&&(t+=12),r||12!==t||(t=0),t):t}function ht(e){var t,n,r,o,i;if(0===e._f.length)return h(e).invalidFormat=!0,void(e._d=new Date(NaN));for(o=0;o<e._f.length;o++)i=0,t=y({},e),null!=e._useUTC&&(t._useUTC=e._useUTC),t._f=e._f[o],pt(t),v(t)&&(i+=h(t).charsLeftOver,i+=10*h(t).unusedTokens.length,h(t).score=i,(null==r||i<r)&&(r=i,n=t));f(e,n||t)}function vt(e){if(!e._d){var t=F(e._i);e._a=l([t.year,t.month,t.day||t.date,t.hour,t.minute,t.second,t.millisecond],function(e){return e&&parseInt(e,10)}),ct(e)}}function mt(e){var t=new g(ot(yt(e)));return t._nextDay&&(t.add(1,"d"),t._nextDay=void 0),t}function yt(e){var t=e._i,n=e._f;return e._locale=e._locale||nt(e._l),null===t||void 0===n&&""===t?m({nullInput:!0}):("string"==typeof t&&(e._i=t=e._locale.preparse(t)),b(t)?new g(ot(t)):(u(t)?e._d=t:r(n)?ht(e):n?pt(e):gt(e),v(e)||(e._d=null),e))}function gt(e){var n=e._i;a(n)?e._d=new Date(t.now()):u(n)?e._d=new Date(n.valueOf()):"string"==typeof n?st(e):r(n)?(e._a=l(n.slice(0),function(e){return parseInt(e,10)}),ct(e)):o(n)?vt(e):s(n)?e._d=new Date(n):t.createFromInputFallback(e)}function bt(e,t,n,a,s){var u={};return n!==!0&&n!==!1||(a=n,n=void 0),(o(e)&&i(e)||r(e)&&0===e.length)&&(e=void 0),u._isAMomentObject=!0,u._useUTC=u._isUTC=s,u._l=n,u._i=e,u._f=t,u._strict=a,mt(u)}function _t(e,t,n,r){return bt(e,t,n,r,!1)}function wt(e,t){var n,o;if(1===t.length&&r(t[0])&&(t=t[0]),!t.length)return _t();for(n=t[0],o=1;o<t.length;++o)t[o].isValid()&&!t[o][e](n)||(n=t[o]);return n}function xt(){var e=[].slice.call(arguments,0);return wt("isBefore",e)}function Ct(){var e=[].slice.call(arguments,0);return wt("isAfter",e)}function Et(e){for(var t in e)if(qo.indexOf(t)===-1||null!=e[t]&&isNaN(e[t]))return!1;for(var n=!1,r=0;r<qo.length;++r)if(e[qo[r]]){if(n)return!1;parseFloat(e[qo[r]])!==w(e[qo[r]])&&(n=!0)}return!0}function St(){return this._isValid}function Ot(){return Wt(NaN)}function Pt(e){var t=F(e),n=t.year||0,r=t.quarter||0,o=t.month||0,i=t.week||0,a=t.day||0,s=t.hour||0,u=t.minute||0,l=t.second||0,c=t.millisecond||0;this._isValid=Et(t),this._milliseconds=+c+1e3*l+6e4*u+1e3*s*60*60,this._days=+a+7*i,this._months=+o+3*r+12*n,this._data={},this._locale=nt(),this._bubble()}function Tt(e){return e instanceof Pt}function kt(e){return e<0?Math.round(-1*e)*-1:Math.round(e)}function Mt(e,t){Y(e,0,0,function(){var e=this.utcOffset(),n="+";return e<0&&(e=-e,n="-"),n+q(~~(e/60),2)+t+q(~~e%60,2)})}function Nt(e,t){var n=(t||"").match(e);if(null===n)return null;var r=n[n.length-1]||[],o=(r+"").match(Yo)||["-",0,0],i=+(60*o[1])+w(o[2]);return 0===i?0:"+"===o[0]?i:-i}function At(e,n){var r,o;return n._isUTC?(r=n.clone(),o=(b(e)||u(e)?e.valueOf():_t(e).valueOf())-r.valueOf(),r._d.setTime(r._d.valueOf()+o),t.updateOffset(r,!1),r):_t(e).local()}function Dt(e){return 15*-Math.round(e._d.getTimezoneOffset()/15)}function jt(e,n,r){var o,i=this._offset||0;if(!this.isValid())return null!=e?this:NaN;if(null!=e){if("string"==typeof e){if(e=Nt(to,e),null===e)return this}else Math.abs(e)<16&&!r&&(e=60*e);return!this._isUTC&&n&&(o=Dt(this)),this._offset=e,this._isUTC=!0,null!=o&&this.add(o,"m"),i!==e&&(!n||this._changeInProgress?$t(this,Wt(e-i,"m"),1,!1):this._changeInProgress||(this._changeInProgress=!0,t.updateOffset(this,!0),this._changeInProgress=null)),this}return this._isUTC?i:Dt(this)}function Rt(e,t){return null!=e?("string"!=typeof e&&(e=-e),this.utcOffset(e,t),this):-this.utcOffset()}function It(e){return this.utcOffset(0,e)}function Lt(e){return this._isUTC&&(this.utcOffset(0,e),this._isUTC=!1,e&&this.subtract(Dt(this),"m")),this}function Ft(){if(null!=this._tzm)this.utcOffset(this._tzm,!1,!0);else if("string"==typeof this._i){var e=Nt(eo,this._i);null!=e?this.utcOffset(e):this.utcOffset(0,!0)}return this}function Ut(e){return!!this.isValid()&&(e=e?_t(e).utcOffset():0,(this.utcOffset()-e)%60===0)}function Vt(){return this.utcOffset()>this.clone().month(0).utcOffset()||this.utcOffset()>this.clone().month(5).utcOffset()}function Bt(){if(!a(this._isDSTShifted))return this._isDSTShifted;var e={};if(y(e,this),e=yt(e),e._a){var t=e._isUTC?p(e._a):_t(e._a);this._isDSTShifted=this.isValid()&&x(e._a,t.toArray())>0}else this._isDSTShifted=!1;return this._isDSTShifted}function zt(){return!!this.isValid()&&!this._isUTC}function Ht(){return!!this.isValid()&&this._isUTC}function Kt(){return!!this.isValid()&&(this._isUTC&&0===this._offset)}function Wt(e,t){var n,r,o,i=e,a=null;return Tt(e)?i={ms:e._milliseconds,d:e._days,M:e._months}:s(e)?(i={},t?i[t]=e:i.milliseconds=e):(a=Go.exec(e))?(n="-"===a[1]?-1:1,i={y:0,d:w(a[uo])*n,h:w(a[lo])*n,m:w(a[co])*n,s:w(a[fo])*n,ms:w(kt(1e3*a[po]))*n}):(a=Xo.exec(e))?(n="-"===a[1]?-1:1,i={y:qt(a[2],n),M:qt(a[3],n),w:qt(a[4],n),d:qt(a[5],n),h:qt(a[6],n),m:qt(a[7],n),s:qt(a[8],n)}):null==i?i={}:"object"==typeof i&&("from"in i||"to"in i)&&(o=Gt(_t(i.from),_t(i.to)),i={},i.ms=o.milliseconds,i.M=o.months),r=new Pt(i),Tt(e)&&c(e,"_locale")&&(r._locale=e._locale),r}function qt(e,t){var n=e&&parseFloat(e.replace(",","."));return(isNaN(n)?0:n)*t}function Yt(e,t){var n={milliseconds:0,months:0};return n.months=t.month()-e.month()+12*(t.year()-e.year()),e.clone().add(n.months,"M").isAfter(t)&&--n.months,n.milliseconds=+t-+e.clone().add(n.months,"M"),n}function Gt(e,t){var n;return e.isValid()&&t.isValid()?(t=At(t,e),e.isBefore(t)?n=Yt(e,t):(n=Yt(t,e),n.milliseconds=-n.milliseconds,n.months=-n.months),n):{milliseconds:0,months:0}}function Xt(e,t){return function(n,r){var o,i;return null===r||isNaN(+r)||(S(t,"moment()."+t+"(period, number) is deprecated. Please use moment()."+t+"(number, period). See http://momentjs.com/guides/#/warnings/add-inverted-param/ for more info."),i=n,n=r,r=i),n="string"==typeof n?+n:n,o=Wt(n,r),$t(this,o,e),this}}function $t(e,n,r,o){var i=n._milliseconds,a=kt(n._days),s=kt(n._months);e.isValid()&&(o=null==o||o,i&&e._d.setTime(e._d.valueOf()+i*r),a&&H(e,"Date",z(e,"Date")+a*r),s&&ce(e,z(e,"Month")+s*r),o&&t.updateOffset(e,a||s))}function Zt(e,t){var n=e.diff(t,"days",!0);return n<-6?"sameElse":n<-1?"lastWeek":n<0?"lastDay":n<1?"sameDay":n<2?"nextDay":n<7?"nextWeek":"sameElse"}function Qt(e,n){var r=e||_t(),o=At(r,this).startOf("day"),i=t.calendarFormat(this,o)||"sameElse",a=n&&(O(n[i])?n[i].call(this,r):n[i]);return this.format(a||this.localeData().calendar(i,this,_t(r)))}function Jt(){return new g(this)}function en(e,t){var n=b(e)?e:_t(e);return!(!this.isValid()||!n.isValid())&&(t=L(a(t)?"millisecond":t),"millisecond"===t?this.valueOf()>n.valueOf():n.valueOf()<this.clone().startOf(t).valueOf())}function tn(e,t){var n=b(e)?e:_t(e);return!(!this.isValid()||!n.isValid())&&(t=L(a(t)?"millisecond":t),"millisecond"===t?this.valueOf()<n.valueOf():this.clone().endOf(t).valueOf()<n.valueOf())}function nn(e,t,n,r){return r=r||"()",("("===r[0]?this.isAfter(e,n):!this.isBefore(e,n))&&(")"===r[1]?this.isBefore(t,n):!this.isAfter(t,n))}function rn(e,t){var n,r=b(e)?e:_t(e);return!(!this.isValid()||!r.isValid())&&(t=L(t||"millisecond"),"millisecond"===t?this.valueOf()===r.valueOf():(n=r.valueOf(),this.clone().startOf(t).valueOf()<=n&&n<=this.clone().endOf(t).valueOf()))}function on(e,t){return this.isSame(e,t)||this.isAfter(e,t)}function an(e,t){return this.isSame(e,t)||this.isBefore(e,t)}function sn(e,t,n){var r,o,i,a;return this.isValid()?(r=At(e,this),r.isValid()?(o=6e4*(r.utcOffset()-this.utcOffset()),t=L(t),"year"===t||"month"===t||"quarter"===t?(a=un(this,r),"quarter"===t?a/=3:"year"===t&&(a/=12)):(i=this-r,a="second"===t?i/1e3:"minute"===t?i/6e4:"hour"===t?i/36e5:"day"===t?(i-o)/864e5:"week"===t?(i-o)/6048e5:i),
+n?a:_(a)):NaN):NaN}function un(e,t){var n,r,o=12*(t.year()-e.year())+(t.month()-e.month()),i=e.clone().add(o,"months");return t-i<0?(n=e.clone().add(o-1,"months"),r=(t-i)/(i-n)):(n=e.clone().add(o+1,"months"),r=(t-i)/(n-i)),-(o+r)||0}function ln(){return this.clone().locale("en").format("ddd MMM DD YYYY HH:mm:ss [GMT]ZZ")}function cn(){if(!this.isValid())return null;var e=this.clone().utc();return e.year()<0||e.year()>9999?$(e,"YYYYYY-MM-DD[T]HH:mm:ss.SSS[Z]"):O(Date.prototype.toISOString)?this.toDate().toISOString():$(e,"YYYY-MM-DD[T]HH:mm:ss.SSS[Z]")}function fn(){if(!this.isValid())return"moment.invalid(/* "+this._i+" */)";var e="moment",t="";this.isLocal()||(e=0===this.utcOffset()?"moment.utc":"moment.parseZone",t="Z");var n="["+e+'("]',r=0<=this.year()&&this.year()<=9999?"YYYY":"YYYYYY",o="-MM-DD[T]HH:mm:ss.SSS",i=t+'[")]';return this.format(n+r+o+i)}function pn(e){e||(e=this.isUtc()?t.defaultFormatUtc:t.defaultFormat);var n=$(this,e);return this.localeData().postformat(n)}function dn(e,t){return this.isValid()&&(b(e)&&e.isValid()||_t(e).isValid())?Wt({to:this,from:e}).locale(this.locale()).humanize(!t):this.localeData().invalidDate()}function hn(e){return this.from(_t(),e)}function vn(e,t){return this.isValid()&&(b(e)&&e.isValid()||_t(e).isValid())?Wt({from:this,to:e}).locale(this.locale()).humanize(!t):this.localeData().invalidDate()}function mn(e){return this.to(_t(),e)}function yn(e){var t;return void 0===e?this._locale._abbr:(t=nt(e),null!=t&&(this._locale=t),this)}function gn(){return this._locale}function bn(e){switch(e=L(e)){case"year":this.month(0);case"quarter":case"month":this.date(1);case"week":case"isoWeek":case"day":case"date":this.hours(0);case"hour":this.minutes(0);case"minute":this.seconds(0);case"second":this.milliseconds(0)}return"week"===e&&this.weekday(0),"isoWeek"===e&&this.isoWeekday(1),"quarter"===e&&this.month(3*Math.floor(this.month()/3)),this}function _n(e){return e=L(e),void 0===e||"millisecond"===e?this:("date"===e&&(e="day"),this.startOf(e).add(1,"isoWeek"===e?"week":e).subtract(1,"ms"))}function wn(){return this._d.valueOf()-6e4*(this._offset||0)}function xn(){return Math.floor(this.valueOf()/1e3)}function Cn(){return new Date(this.valueOf())}function En(){var e=this;return[e.year(),e.month(),e.date(),e.hour(),e.minute(),e.second(),e.millisecond()]}function Sn(){var e=this;return{years:e.year(),months:e.month(),date:e.date(),hours:e.hours(),minutes:e.minutes(),seconds:e.seconds(),milliseconds:e.milliseconds()}}function On(){return this.isValid()?this.toISOString():null}function Pn(){return v(this)}function Tn(){return f({},h(this))}function kn(){return h(this).overflow}function Mn(){return{input:this._i,format:this._f,locale:this._locale,isUTC:this._isUTC,strict:this._strict}}function Nn(e,t){Y(0,[e,e.length],0,t)}function An(e){return In.call(this,e,this.week(),this.weekday(),this.localeData()._week.dow,this.localeData()._week.doy)}function Dn(e){return In.call(this,e,this.isoWeek(),this.isoWeekday(),1,4)}function jn(){return Ee(this.year(),1,4)}function Rn(){var e=this.localeData()._week;return Ee(this.year(),e.dow,e.doy)}function In(e,t,n,r,o){var i;return null==e?Ce(this,r,o).year:(i=Ee(e,r,o),t>i&&(t=i),Ln.call(this,e,t,n,r,o))}function Ln(e,t,n,r,o){var i=xe(e,t,n,r,o),a=_e(i.year,0,i.dayOfYear);return this.year(a.getUTCFullYear()),this.month(a.getUTCMonth()),this.date(a.getUTCDate()),this}function Fn(e){return null==e?Math.ceil((this.month()+1)/3):this.month(3*(e-1)+this.month()%3)}function Un(e){var t=Math.round((this.clone().startOf("day")-this.clone().startOf("year"))/864e5)+1;return null==e?t:this.add(e-t,"d")}function Vn(e,t){t[po]=w(1e3*("0."+e))}function Bn(){return this._isUTC?"UTC":""}function zn(){return this._isUTC?"Coordinated Universal Time":""}function Hn(e){return _t(1e3*e)}function Kn(){return _t.apply(null,arguments).parseZone()}function Wn(e){return e}function qn(e,t,n,r){var o=nt(),i=p().set(r,t);return o[n](i,e)}function Yn(e,t,n){if(s(e)&&(t=e,e=void 0),e=e||"",null!=t)return qn(e,t,n,"month");var r,o=[];for(r=0;r<12;r++)o[r]=qn(e,r,n,"month");return o}function Gn(e,t,n,r){"boolean"==typeof e?(s(t)&&(n=t,t=void 0),t=t||""):(t=e,n=t,e=!1,s(t)&&(n=t,t=void 0),t=t||"");var o=nt(),i=e?o._week.dow:0;if(null!=n)return qn(t,(n+i)%7,r,"day");var a,u=[];for(a=0;a<7;a++)u[a]=qn(t,(a+i)%7,r,"day");return u}function Xn(e,t){return Yn(e,t,"months")}function $n(e,t){return Yn(e,t,"monthsShort")}function Zn(e,t,n){return Gn(e,t,n,"weekdays")}function Qn(e,t,n){return Gn(e,t,n,"weekdaysShort")}function Jn(e,t,n){return Gn(e,t,n,"weekdaysMin")}function er(){var e=this._data;return this._milliseconds=ai(this._milliseconds),this._days=ai(this._days),this._months=ai(this._months),e.milliseconds=ai(e.milliseconds),e.seconds=ai(e.seconds),e.minutes=ai(e.minutes),e.hours=ai(e.hours),e.months=ai(e.months),e.years=ai(e.years),this}function tr(e,t,n,r){var o=Wt(t,n);return e._milliseconds+=r*o._milliseconds,e._days+=r*o._days,e._months+=r*o._months,e._bubble()}function nr(e,t){return tr(this,e,t,1)}function rr(e,t){return tr(this,e,t,-1)}function or(e){return e<0?Math.floor(e):Math.ceil(e)}function ir(){var e,t,n,r,o,i=this._milliseconds,a=this._days,s=this._months,u=this._data;return i>=0&&a>=0&&s>=0||i<=0&&a<=0&&s<=0||(i+=864e5*or(sr(s)+a),a=0,s=0),u.milliseconds=i%1e3,e=_(i/1e3),u.seconds=e%60,t=_(e/60),u.minutes=t%60,n=_(t/60),u.hours=n%24,a+=_(n/24),o=_(ar(a)),s+=o,a-=or(sr(o)),r=_(s/12),s%=12,u.days=a,u.months=s,u.years=r,this}function ar(e){return 4800*e/146097}function sr(e){return 146097*e/4800}function ur(e){if(!this.isValid())return NaN;var t,n,r=this._milliseconds;if(e=L(e),"month"===e||"year"===e)return t=this._days+r/864e5,n=this._months+ar(t),"month"===e?n:n/12;switch(t=this._days+Math.round(sr(this._months)),e){case"week":return t/7+r/6048e5;case"day":return t+r/864e5;case"hour":return 24*t+r/36e5;case"minute":return 1440*t+r/6e4;case"second":return 86400*t+r/1e3;case"millisecond":return Math.floor(864e5*t)+r;default:throw new Error("Unknown unit "+e)}}function lr(){return this.isValid()?this._milliseconds+864e5*this._days+this._months%12*2592e6+31536e6*w(this._months/12):NaN}function cr(e){return function(){return this.as(e)}}function fr(e){return e=L(e),this.isValid()?this[e+"s"]():NaN}function pr(e){return function(){return this.isValid()?this._data[e]:NaN}}function dr(){return _(this.days()/7)}function hr(e,t,n,r,o){return o.relativeTime(t||1,!!n,e,r)}function vr(e,t,n){var r=Wt(e).abs(),o=xi(r.as("s")),i=xi(r.as("m")),a=xi(r.as("h")),s=xi(r.as("d")),u=xi(r.as("M")),l=xi(r.as("y")),c=o<=Ci.ss&&["s",o]||o<Ci.s&&["ss",o]||i<=1&&["m"]||i<Ci.m&&["mm",i]||a<=1&&["h"]||a<Ci.h&&["hh",a]||s<=1&&["d"]||s<Ci.d&&["dd",s]||u<=1&&["M"]||u<Ci.M&&["MM",u]||l<=1&&["y"]||["yy",l];return c[2]=t,c[3]=+e>0,c[4]=n,hr.apply(null,c)}function mr(e){return void 0===e?xi:"function"==typeof e&&(xi=e,!0)}function yr(e,t){return void 0!==Ci[e]&&(void 0===t?Ci[e]:(Ci[e]=t,"s"===e&&(Ci.ss=t-1),!0))}function gr(e){if(!this.isValid())return this.localeData().invalidDate();var t=this.localeData(),n=vr(this,!e,t);return e&&(n=t.pastFuture(+this,n)),t.postformat(n)}function br(){if(!this.isValid())return this.localeData().invalidDate();var e,t,n,r=Ei(this._milliseconds)/1e3,o=Ei(this._days),i=Ei(this._months);e=_(r/60),t=_(e/60),r%=60,e%=60,n=_(i/12),i%=12;var a=n,s=i,u=o,l=t,c=e,f=r,p=this.asSeconds();return p?(p<0?"-":"")+"P"+(a?a+"Y":"")+(s?s+"M":"")+(u?u+"D":"")+(l||c||f?"T":"")+(l?l+"H":"")+(c?c+"M":"")+(f?f+"S":""):"P0D"}var _r,wr;wr=Array.prototype.some?Array.prototype.some:function(e){for(var t=Object(this),n=t.length>>>0,r=0;r<n;r++)if(r in t&&e.call(this,t[r],r,t))return!0;return!1};var xr=wr,Cr=t.momentProperties=[],Er=!1,Sr={};t.suppressDeprecationWarnings=!1,t.deprecationHandler=null;var Or;Or=Object.keys?Object.keys:function(e){var t,n=[];for(t in e)c(e,t)&&n.push(t);return n};var Pr,Tr=Or,kr={sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},Mr={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},Nr="Invalid date",Ar="%d",Dr=/\d{1,2}/,jr={future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},Rr={},Ir={},Lr=/(\[[^\[]*\])|(\\)?([Hh]mm(ss)?|Mo|MM?M?M?|Do|DDDo|DD?D?D?|ddd?d?|do?|w[o|w]?|W[o|W]?|Qo?|YYYYYY|YYYYY|YYYY|YY|gg(ggg?)?|GG(GGG?)?|e|E|a|A|hh?|HH?|kk?|mm?|ss?|S{1,9}|x|X|zz?|ZZ?|.)/g,Fr=/(\[[^\[]*\])|(\\)?(LTS|LT|LL?L?L?|l{1,4})/g,Ur={},Vr={},Br=/\d/,zr=/\d\d/,Hr=/\d{3}/,Kr=/\d{4}/,Wr=/[+-]?\d{6}/,qr=/\d\d?/,Yr=/\d\d\d\d?/,Gr=/\d\d\d\d\d\d?/,Xr=/\d{1,3}/,$r=/\d{1,4}/,Zr=/[+-]?\d{1,6}/,Qr=/\d+/,Jr=/[+-]?\d+/,eo=/Z|[+-]\d\d:?\d\d/gi,to=/Z|[+-]\d\d(?::?\d\d)?/gi,no=/[+-]?\d+(\.\d{1,3})?/,ro=/[0-9]*['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+|[\u0600-\u06FF\/]+(\s*?[\u0600-\u06FF]+){1,2}/i,oo={},io={},ao=0,so=1,uo=2,lo=3,co=4,fo=5,po=6,ho=7,vo=8;Pr=Array.prototype.indexOf?Array.prototype.indexOf:function(e){var t;for(t=0;t<this.length;++t)if(this[t]===e)return t;return-1};var mo=Pr;Y("M",["MM",2],"Mo",function(){return this.month()+1}),Y("MMM",0,0,function(e){return this.localeData().monthsShort(this,e)}),Y("MMMM",0,0,function(e){return this.localeData().months(this,e)}),I("month","M"),U("month",8),Q("M",qr),Q("MM",qr,zr),Q("MMM",function(e,t){return t.monthsShortRegex(e)}),Q("MMMM",function(e,t){return t.monthsRegex(e)}),ne(["M","MM"],function(e,t){t[so]=w(e)-1}),ne(["MMM","MMMM"],function(e,t,n,r){var o=n._locale.monthsParse(e,r,n._strict);null!=o?t[so]=o:h(n).invalidMonth=e});var yo=/D[oD]?(\[[^\[\]]*\]|\s)+MMMM?/,go="January_February_March_April_May_June_July_August_September_October_November_December".split("_"),bo="Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),_o=ro,wo=ro;Y("Y",0,0,function(){var e=this.year();return e<=9999?""+e:"+"+e}),Y(0,["YY",2],0,function(){return this.year()%100}),Y(0,["YYYY",4],0,"year"),Y(0,["YYYYY",5],0,"year"),Y(0,["YYYYYY",6,!0],0,"year"),I("year","y"),U("year",1),Q("Y",Jr),Q("YY",qr,zr),Q("YYYY",$r,Kr),Q("YYYYY",Zr,Wr),Q("YYYYYY",Zr,Wr),ne(["YYYYY","YYYYYY"],ao),ne("YYYY",function(e,n){n[ao]=2===e.length?t.parseTwoDigitYear(e):w(e)}),ne("YY",function(e,n){n[ao]=t.parseTwoDigitYear(e)}),ne("Y",function(e,t){t[ao]=parseInt(e,10)}),t.parseTwoDigitYear=function(e){return w(e)+(w(e)>68?1900:2e3)};var xo=B("FullYear",!0);Y("w",["ww",2],"wo","week"),Y("W",["WW",2],"Wo","isoWeek"),I("week","w"),I("isoWeek","W"),U("week",5),U("isoWeek",5),Q("w",qr),Q("ww",qr,zr),Q("W",qr),Q("WW",qr,zr),re(["w","ww","W","WW"],function(e,t,n,r){t[r.substr(0,1)]=w(e)});var Co={dow:0,doy:6};Y("d",0,"do","day"),Y("dd",0,0,function(e){return this.localeData().weekdaysMin(this,e)}),Y("ddd",0,0,function(e){return this.localeData().weekdaysShort(this,e)}),Y("dddd",0,0,function(e){return this.localeData().weekdays(this,e)}),Y("e",0,0,"weekday"),Y("E",0,0,"isoWeekday"),I("day","d"),I("weekday","e"),I("isoWeekday","E"),U("day",11),U("weekday",11),U("isoWeekday",11),Q("d",qr),Q("e",qr),Q("E",qr),Q("dd",function(e,t){return t.weekdaysMinRegex(e)}),Q("ddd",function(e,t){return t.weekdaysShortRegex(e)}),Q("dddd",function(e,t){return t.weekdaysRegex(e)}),re(["dd","ddd","dddd"],function(e,t,n,r){var o=n._locale.weekdaysParse(e,r,n._strict);null!=o?t.d=o:h(n).invalidWeekday=e}),re(["d","e","E"],function(e,t,n,r){t[r]=w(e)});var Eo="Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),So="Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),Oo="Su_Mo_Tu_We_Th_Fr_Sa".split("_"),Po=ro,To=ro,ko=ro;Y("H",["HH",2],0,"hour"),Y("h",["hh",2],0,Ke),Y("k",["kk",2],0,We),Y("hmm",0,0,function(){return""+Ke.apply(this)+q(this.minutes(),2)}),Y("hmmss",0,0,function(){return""+Ke.apply(this)+q(this.minutes(),2)+q(this.seconds(),2)}),Y("Hmm",0,0,function(){return""+this.hours()+q(this.minutes(),2)}),Y("Hmmss",0,0,function(){return""+this.hours()+q(this.minutes(),2)+q(this.seconds(),2)}),qe("a",!0),qe("A",!1),I("hour","h"),U("hour",13),Q("a",Ye),Q("A",Ye),Q("H",qr),Q("h",qr),Q("k",qr),Q("HH",qr,zr),Q("hh",qr,zr),Q("kk",qr,zr),Q("hmm",Yr),Q("hmmss",Gr),Q("Hmm",Yr),Q("Hmmss",Gr),ne(["H","HH"],lo),ne(["k","kk"],function(e,t,n){var r=w(e);t[lo]=24===r?0:r}),ne(["a","A"],function(e,t,n){n._isPm=n._locale.isPM(e),n._meridiem=e}),ne(["h","hh"],function(e,t,n){t[lo]=w(e),h(n).bigHour=!0}),ne("hmm",function(e,t,n){var r=e.length-2;t[lo]=w(e.substr(0,r)),t[co]=w(e.substr(r)),h(n).bigHour=!0}),ne("hmmss",function(e,t,n){var r=e.length-4,o=e.length-2;t[lo]=w(e.substr(0,r)),t[co]=w(e.substr(r,2)),t[fo]=w(e.substr(o)),h(n).bigHour=!0}),ne("Hmm",function(e,t,n){var r=e.length-2;t[lo]=w(e.substr(0,r)),t[co]=w(e.substr(r))}),ne("Hmmss",function(e,t,n){var r=e.length-4,o=e.length-2;t[lo]=w(e.substr(0,r)),t[co]=w(e.substr(r,2)),t[fo]=w(e.substr(o))});var Mo,No=/[ap]\.?m?\.?/i,Ao=B("Hours",!0),Do={calendar:kr,longDateFormat:Mr,invalidDate:Nr,ordinal:Ar,dayOfMonthOrdinalParse:Dr,relativeTime:jr,months:go,monthsShort:bo,week:Co,weekdays:Eo,weekdaysMin:Oo,weekdaysShort:So,meridiemParse:No},jo={},Ro={},Io=/^\s*((?:[+-]\d{6}|\d{4})-(?:\d\d-\d\d|W\d\d-\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?::\d\d(?::\d\d(?:[.,]\d+)?)?)?)([\+\-]\d\d(?::?\d\d)?|\s*Z)?)?$/,Lo=/^\s*((?:[+-]\d{6}|\d{4})(?:\d\d\d\d|W\d\d\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?:\d\d(?:\d\d(?:[.,]\d+)?)?)?)([\+\-]\d\d(?::?\d\d)?|\s*Z)?)?$/,Fo=/Z|[+-]\d\d(?::?\d\d)?/,Uo=[["YYYYYY-MM-DD",/[+-]\d{6}-\d\d-\d\d/],["YYYY-MM-DD",/\d{4}-\d\d-\d\d/],["GGGG-[W]WW-E",/\d{4}-W\d\d-\d/],["GGGG-[W]WW",/\d{4}-W\d\d/,!1],["YYYY-DDD",/\d{4}-\d{3}/],["YYYY-MM",/\d{4}-\d\d/,!1],["YYYYYYMMDD",/[+-]\d{10}/],["YYYYMMDD",/\d{8}/],["GGGG[W]WWE",/\d{4}W\d{3}/],["GGGG[W]WW",/\d{4}W\d{2}/,!1],["YYYYDDD",/\d{7}/]],Vo=[["HH:mm:ss.SSSS",/\d\d:\d\d:\d\d\.\d+/],["HH:mm:ss,SSSS",/\d\d:\d\d:\d\d,\d+/],["HH:mm:ss",/\d\d:\d\d:\d\d/],["HH:mm",/\d\d:\d\d/],["HHmmss.SSSS",/\d\d\d\d\d\d\.\d+/],["HHmmss,SSSS",/\d\d\d\d\d\d,\d+/],["HHmmss",/\d\d\d\d\d\d/],["HHmm",/\d\d\d\d/],["HH",/\d\d/]],Bo=/^\/?Date\((\-?\d+)/i,zo=/^((?:Mon|Tue|Wed|Thu|Fri|Sat|Sun),?\s)?(\d?\d\s(?:Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)\s(?:\d\d)?\d\d\s)(\d\d:\d\d)(\:\d\d)?(\s(?:UT|GMT|[ECMP][SD]T|[A-IK-Za-ik-z]|[+-]\d{4}))$/;t.createFromInputFallback=E("value provided is not in a recognized RFC2822 or ISO format. moment construction falls back to js Date(), which is not reliable across all browsers and versions. Non RFC2822/ISO date formats are discouraged and will be removed in an upcoming major release. Please refer to http://momentjs.com/guides/#/warnings/js-date/ for more info.",function(e){e._d=new Date(e._i+(e._useUTC?" UTC":""))}),t.ISO_8601=function(){},t.RFC_2822=function(){};var Ho=E("moment().min is deprecated, use moment.max instead. http://momentjs.com/guides/#/warnings/min-max/",function(){var e=_t.apply(null,arguments);return this.isValid()&&e.isValid()?e<this?this:e:m()}),Ko=E("moment().max is deprecated, use moment.min instead. http://momentjs.com/guides/#/warnings/min-max/",function(){var e=_t.apply(null,arguments);return this.isValid()&&e.isValid()?e>this?this:e:m()}),Wo=function(){return Date.now?Date.now():+new Date},qo=["year","quarter","month","week","day","hour","minute","second","millisecond"];Mt("Z",":"),Mt("ZZ",""),Q("Z",to),Q("ZZ",to),ne(["Z","ZZ"],function(e,t,n){n._useUTC=!0,n._tzm=Nt(to,e)});var Yo=/([\+\-]|\d\d)/gi;t.updateOffset=function(){};var Go=/^(\-)?(?:(\d*)[. ])?(\d+)\:(\d+)(?:\:(\d+)(\.\d*)?)?$/,Xo=/^(-)?P(?:(-?[0-9,.]*)Y)?(?:(-?[0-9,.]*)M)?(?:(-?[0-9,.]*)W)?(?:(-?[0-9,.]*)D)?(?:T(?:(-?[0-9,.]*)H)?(?:(-?[0-9,.]*)M)?(?:(-?[0-9,.]*)S)?)?$/;Wt.fn=Pt.prototype,Wt.invalid=Ot;var $o=Xt(1,"add"),Zo=Xt(-1,"subtract");t.defaultFormat="YYYY-MM-DDTHH:mm:ssZ",t.defaultFormatUtc="YYYY-MM-DDTHH:mm:ss[Z]";var Qo=E("moment().lang() is deprecated. Instead, use moment().localeData() to get the language configuration. Use moment().locale() to change languages.",function(e){return void 0===e?this.localeData():this.locale(e)});Y(0,["gg",2],0,function(){return this.weekYear()%100}),Y(0,["GG",2],0,function(){return this.isoWeekYear()%100}),Nn("gggg","weekYear"),Nn("ggggg","weekYear"),Nn("GGGG","isoWeekYear"),Nn("GGGGG","isoWeekYear"),I("weekYear","gg"),I("isoWeekYear","GG"),U("weekYear",1),U("isoWeekYear",1),Q("G",Jr),Q("g",Jr),Q("GG",qr,zr),Q("gg",qr,zr),Q("GGGG",$r,Kr),Q("gggg",$r,Kr),Q("GGGGG",Zr,Wr),Q("ggggg",Zr,Wr),re(["gggg","ggggg","GGGG","GGGGG"],function(e,t,n,r){t[r.substr(0,2)]=w(e)}),re(["gg","GG"],function(e,n,r,o){n[o]=t.parseTwoDigitYear(e)}),Y("Q",0,"Qo","quarter"),I("quarter","Q"),U("quarter",7),Q("Q",Br),ne("Q",function(e,t){t[so]=3*(w(e)-1)}),Y("D",["DD",2],"Do","date"),I("date","D"),U("date",9),Q("D",qr),Q("DD",qr,zr),Q("Do",function(e,t){return e?t._dayOfMonthOrdinalParse||t._ordinalParse:t._dayOfMonthOrdinalParseLenient}),ne(["D","DD"],uo),ne("Do",function(e,t){t[uo]=w(e.match(qr)[0],10)});var Jo=B("Date",!0);Y("DDD",["DDDD",3],"DDDo","dayOfYear"),I("dayOfYear","DDD"),U("dayOfYear",4),Q("DDD",Xr),Q("DDDD",Hr),ne(["DDD","DDDD"],function(e,t,n){n._dayOfYear=w(e)}),Y("m",["mm",2],0,"minute"),I("minute","m"),U("minute",14),Q("m",qr),Q("mm",qr,zr),ne(["m","mm"],co);var ei=B("Minutes",!1);Y("s",["ss",2],0,"second"),I("second","s"),U("second",15),Q("s",qr),Q("ss",qr,zr),ne(["s","ss"],fo);var ti=B("Seconds",!1);Y("S",0,0,function(){return~~(this.millisecond()/100)}),Y(0,["SS",2],0,function(){return~~(this.millisecond()/10)}),Y(0,["SSS",3],0,"millisecond"),Y(0,["SSSS",4],0,function(){return 10*this.millisecond()}),Y(0,["SSSSS",5],0,function(){return 100*this.millisecond()}),Y(0,["SSSSSS",6],0,function(){return 1e3*this.millisecond()}),Y(0,["SSSSSSS",7],0,function(){return 1e4*this.millisecond()}),Y(0,["SSSSSSSS",8],0,function(){return 1e5*this.millisecond()}),Y(0,["SSSSSSSSS",9],0,function(){return 1e6*this.millisecond()}),I("millisecond","ms"),U("millisecond",16),Q("S",Xr,Br),Q("SS",Xr,zr),Q("SSS",Xr,Hr);var ni;for(ni="SSSS";ni.length<=9;ni+="S")Q(ni,Qr);for(ni="S";ni.length<=9;ni+="S")ne(ni,Vn);var ri=B("Milliseconds",!1);Y("z",0,0,"zoneAbbr"),Y("zz",0,0,"zoneName");var oi=g.prototype;oi.add=$o,oi.calendar=Qt,oi.clone=Jt,oi.diff=sn,oi.endOf=_n,oi.format=pn,oi.from=dn,oi.fromNow=hn,oi.to=vn,oi.toNow=mn,oi.get=K,oi.invalidAt=kn,oi.isAfter=en,oi.isBefore=tn,oi.isBetween=nn,oi.isSame=rn,oi.isSameOrAfter=on,oi.isSameOrBefore=an,oi.isValid=Pn,oi.lang=Qo,oi.locale=yn,oi.localeData=gn,oi.max=Ko,oi.min=Ho,oi.parsingFlags=Tn,oi.set=W,oi.startOf=bn,oi.subtract=Zo,oi.toArray=En,oi.toObject=Sn,oi.toDate=Cn,oi.toISOString=cn,oi.inspect=fn,oi.toJSON=On,oi.toString=ln,oi.unix=xn,oi.valueOf=wn,oi.creationData=Mn,oi.year=xo,oi.isLeapYear=ge,oi.weekYear=An,oi.isoWeekYear=Dn,oi.quarter=oi.quarters=Fn,oi.month=fe,oi.daysInMonth=pe,oi.week=oi.weeks=Te,oi.isoWeek=oi.isoWeeks=ke,oi.weeksInYear=Rn,oi.isoWeeksInYear=jn,oi.date=Jo,oi.day=oi.days=Le,oi.weekday=Fe,oi.isoWeekday=Ue,oi.dayOfYear=Un,oi.hour=oi.hours=Ao,oi.minute=oi.minutes=ei,oi.second=oi.seconds=ti,oi.millisecond=oi.milliseconds=ri,oi.utcOffset=jt,oi.utc=It,oi.local=Lt,oi.parseZone=Ft,oi.hasAlignedHourOffset=Ut,oi.isDST=Vt,oi.isLocal=zt,oi.isUtcOffset=Ht,oi.isUtc=Kt,oi.isUTC=Kt,oi.zoneAbbr=Bn,oi.zoneName=zn,oi.dates=E("dates accessor is deprecated. Use date instead.",Jo),oi.months=E("months accessor is deprecated. Use month instead",fe),oi.years=E("years accessor is deprecated. Use year instead",xo),oi.zone=E("moment().zone is deprecated, use moment().utcOffset instead. http://momentjs.com/guides/#/warnings/zone/",Rt),oi.isDSTShifted=E("isDSTShifted is deprecated. See http://momentjs.com/guides/#/warnings/dst-shifted/ for more information",Bt);var ii=k.prototype;ii.calendar=M,ii.longDateFormat=N,ii.invalidDate=A,ii.ordinal=D,ii.preparse=Wn,ii.postformat=Wn,ii.relativeTime=j,ii.pastFuture=R,ii.set=P,ii.months=ae,ii.monthsShort=se,ii.monthsParse=le,ii.monthsRegex=he,ii.monthsShortRegex=de,ii.week=Se,ii.firstDayOfYear=Pe,ii.firstDayOfWeek=Oe,ii.weekdays=Ae,ii.weekdaysMin=je,ii.weekdaysShort=De,ii.weekdaysParse=Ie,ii.weekdaysRegex=Ve,ii.weekdaysShortRegex=Be,ii.weekdaysMinRegex=ze,ii.isPM=Ge,ii.meridiem=Xe,Je("en",{dayOfMonthOrdinalParse:/\d{1,2}(th|st|nd|rd)/,ordinal:function(e){var t=e%10,n=1===w(e%100/10)?"th":1===t?"st":2===t?"nd":3===t?"rd":"th";return e+n}}),t.lang=E("moment.lang is deprecated. Use moment.locale instead.",Je),t.langData=E("moment.langData is deprecated. Use moment.localeData instead.",nt);var ai=Math.abs,si=cr("ms"),ui=cr("s"),li=cr("m"),ci=cr("h"),fi=cr("d"),pi=cr("w"),di=cr("M"),hi=cr("y"),vi=pr("milliseconds"),mi=pr("seconds"),yi=pr("minutes"),gi=pr("hours"),bi=pr("days"),_i=pr("months"),wi=pr("years"),xi=Math.round,Ci={ss:44,s:45,m:45,h:22,d:26,M:11},Ei=Math.abs,Si=Pt.prototype;return Si.isValid=St,Si.abs=er,Si.add=nr,Si.subtract=rr,Si.as=ur,Si.asMilliseconds=si,Si.asSeconds=ui,Si.asMinutes=li,Si.asHours=ci,Si.asDays=fi,Si.asWeeks=pi,Si.asMonths=di,Si.asYears=hi,Si.valueOf=lr,Si._bubble=ir,Si.get=fr,Si.milliseconds=vi,Si.seconds=mi,Si.minutes=yi,Si.hours=gi,Si.days=bi,Si.weeks=dr,Si.months=_i,Si.years=wi,Si.humanize=gr,Si.toISOString=br,Si.toString=br,Si.toJSON=br,Si.locale=yn,Si.localeData=gn,Si.toIsoString=E("toIsoString() is deprecated. Please use toISOString() instead (notice the capitals)",br),Si.lang=Qo,Y("X",0,0,"unix"),Y("x",0,0,"valueOf"),Q("x",Jr),Q("X",no),ne("X",function(e,t,n){n._d=new Date(1e3*parseFloat(e,10))}),ne("x",function(e,t,n){n._d=new Date(w(e))}),t.version="2.18.1",n(_t),t.fn=oi,t.min=xt,t.max=Ct,t.now=Wo,t.utc=p,t.unix=Hn,t.months=Xn,t.isDate=u,t.locale=Je,t.invalid=m,t.duration=Wt,t.isMoment=b,t.weekdays=Zn,t.parseZone=Kn,t.localeData=nt,t.isDuration=Tt,t.monthsShort=$n,t.weekdaysMin=Jn,t.defineLocale=et,t.updateLocale=tt,t.locales=rt,t.weekdaysShort=Qn,t.normalizeUnits=L,t.relativeTimeRounding=mr,t.relativeTimeThreshold=yr,t.calendarFormat=Zt,t.prototype=oi,t})},function(e,t,n){e.exports=!n(18)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(e,t,n){var r=n(15),o=n(454),i=n(68),a=Object.defineProperty;t.f=n(26)?Object.defineProperty:function(e,t,n){if(r(e),t=i(t,!0),r(n),o)try{return a(e,t,n)}catch(s){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(e[t]=n.value),e}},function(e,t,n){"use strict";function r(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=1,o=t[0],i=t.length;if("function"==typeof o)return o.apply(null,t.slice(1));if("string"==typeof o){for(var a=String(o).replace(v,function(e){if("%%"===e)return"%";if(r>=i)return e;switch(e){case"%s":return String(t[r++]);case"%d":return Number(t[r++]);case"%j":try{return JSON.stringify(t[r++])}catch(n){return"[Circular]"}break;default:return e}}),s=t[r];r<i;s=t[++r])a+=" "+s;return a}return o}function o(e){return"string"===e||"url"===e||"hex"===e||"email"===e||"pattern"===e}function i(e,t){return void 0===e||null===e||(!("array"!==t||!Array.isArray(e)||e.length)||!(!o(t)||"string"!=typeof e||e))}function a(e){return 0===Object.keys(e).length}function s(e,t,n){function r(e){o.push.apply(o,e),i++,i===a&&n(o)}var o=[],i=0,a=e.length;e.forEach(function(e){t(e,r)})}function u(e,t,n){function r(a){if(a&&a.length)return void n(a);var s=o;o+=1,s<i?t(e[s],r):n([])}var o=0,i=e.length;r([])}function l(e){var t=[];return Object.keys(e).forEach(function(n){t.push.apply(t,e[n])}),t}function c(e,t,n,r){if(t.first){var o=l(e);return u(o,n,r)}var i=t.firstFields||[];i===!0&&(i=Object.keys(e));var a=Object.keys(e),c=a.length,f=0,p=[],d=function(e){p.push.apply(p,e),f++,f===c&&r(p)};a.forEach(function(t){var r=e[t];i.indexOf(t)!==-1?u(r,n,d):s(r,n,d)})}function f(e){return function(t){return t&&t.message?(t.field=t.field||e.fullField,t):{message:t,field:t.field||e.fullField}}}function p(e,t){if(t)for(var n in t)if(t.hasOwnProperty(n)){var r=t[n];"object"===("undefined"==typeof r?"undefined":h(r))&&"object"===h(e[n])?e[n]=d({},e[n],r):e[n]=r}return e}Object.defineProperty(t,"__esModule",{value:!0});var d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};t.format=r,t.isEmptyValue=i,t.isEmptyObject=a,t.asyncMap=c,t.complementError=f,t.deepMerge=p;var v=/%[sdj%]/g;t.warning=function(){}},function(e,t,n){"use strict";function r(e,t){return 1===e.nodeType&&e.getAttribute(h)===String(t)||8===e.nodeType&&e.nodeValue===" react-text: "+t+" "||8===e.nodeType&&e.nodeValue===" react-empty: "+t+" "}function o(e){for(var t;t=e._renderedComponent;)e=t;return e}function i(e,t){var n=o(e);n._hostNode=t,t[m]=n}function a(e){var t=e._hostNode;t&&(delete t[m],e._hostNode=null)}function s(e,t){if(!(e._flags&v.hasCachedChildNodes)){var n=e._renderedChildren,a=t.firstChild;e:for(var s in n)if(n.hasOwnProperty(s)){var u=n[s],l=o(u)._domID;if(0!==l){for(;null!==a;a=a.nextSibling)if(r(a,l)){i(u,a);continue e}f("32",l)}}e._flags|=v.hasCachedChildNodes}}function u(e){if(e[m])return e[m];for(var t=[];!e[m];){if(t.push(e),!e.parentNode)return null;e=e.parentNode}for(var n,r;e&&(r=e[m]);e=t.pop())n=r,t.length&&s(r,e);return n}function l(e){var t=u(e);return null!=t&&t._hostNode===e?t:null}function c(e){if(void 0===e._hostNode?f("33"):void 0,e._hostNode)return e._hostNode;for(var t=[];!e._hostNode;)t.push(e),e._hostParent?void 0:f("34"),e=e._hostParent;for(;t.length;e=t.pop())s(e,e._hostNode);return e._hostNode}var f=n(19),p=n(114),d=n(403),h=(n(13),p.ID_ATTRIBUTE_NAME),v=d,m="__reactInternalInstance$"+Math.random().toString(36).slice(2),y={getClosestInstanceFromNode:u,getInstanceFromNode:l,getNodeFromInstance:c,precacheChildNodes:s,precacheNode:i,uncacheNode:a};e.exports=y},function(e,t,n){var r=n(85),o=Math.min;e.exports=function(e){return e>0?o(r(e),9007199254740991):0}},function(e,t,n){"use strict";e.exports=n(1496)},function(e,t,n){var r=n(60);e.exports=function(e){return Object(r(e))}},function(e,t){"use strict";function n(e){return function(){return e}}var r=function(){};r.thatReturns=n,r.thatReturnsFalse=n(!1),r.thatReturnsTrue=n(!0),r.thatReturnsNull=n(null),r.thatReturnsThis=function(){return this},r.thatReturnsArgument=function(e){return e},e.exports=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={required:n(394),whitespace:n(1352),type:n(1351),range:n(1350),"enum":n(1348),pattern:n(1349)},e.exports=t["default"]},function(e,t,n){"use strict";var r=n(55),o=n(548),i=n(22),a=n(564),s=n(585),u=n(163),l=n(590),c=n(591),f=n(13),p=n(602),d=n(346),h=n(603),v=n(605),m=i.OrderedSet,y={replaceText:function(e,t,n,o,i){var a=d(e,t),s=h(a,t),u=r.create({style:o||m(),entity:i||null});return c(s,s.getSelectionAfter(),n,u)},insertText:function(e,t,n,r,o){return t.isCollapsed()?void 0:f(!1),y.replaceText(e,t,n,r,o)},moveText:function(e,t,n){var r=u(e,t),o=y.removeRange(e,t,"backward");return y.replaceWithFragment(o,n,r)},replaceWithFragment:function(e,t,n){var r=d(e,t),o=h(r,t);return l(o,o.getSelectionAfter(),n)},removeRange:function(e,t,n){if(t.getAnchorKey()===t.getFocusKey()){var r=t.getAnchorKey(),o=t.getStartOffset(),i=t.getEndOffset(),a=e.getBlockForKey(r),u=a.getEntityAt(o),l=a.getEntityAt(i-1);if(u&&u===l){var c=s(e.getEntityMap(),a,t,n);return h(e,c)}}var f=d(e,t);return h(f,t)},splitBlock:function(e,t){var n=d(e,t),r=h(n,t);return v(r,r.getSelectionAfter())},applyInlineStyle:function(e,t,n){return o.add(e,t,n)},removeInlineStyle:function(e,t,n){return o.remove(e,t,n)},setBlockType:function(e,t,n){return p(e,t,function(e){return e.merge({type:n,depth:0})})},setBlockData:function(e,t,n){return p(e,t,function(e){return e.merge({data:n})})},mergeBlockData:function(e,t,n){return p(e,t,function(e){return e.merge({data:e.getData().merge(n)})})},applyEntity:function(e,t,n){var r=d(e,t);return a(r,t,n)}};e.exports=y},function(e,t){"use strict";var n=!("undefined"==typeof window||!window.document||!window.document.createElement),r={canUseDOM:n,canUseWorkers:"undefined"!=typeof Worker,canUseEventListeners:n&&!(!window.addEventListener&&!window.attachEvent),canUseViewport:n&&!!window.screen,isInWorker:!n};e.exports=r},function(e,t){var n=e.exports={version:"2.4.0"};"number"==typeof __e&&(__e=n)},function(e,t,n){var r=n(260)("wks"),o=n(178),i=n(51).Symbol,a="function"==typeof i,s=e.exports=function(e){return r[e]||(r[e]=a&&i[e]||(a?i:o)("Symbol."+e))};s.store=r},function(e,t){var n={}.hasOwnProperty;e.exports=function(e,t){return n.call(e,t)}},function(e,t){e.exports=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e}},function(e,t,n){var r=n(27),o=n(84);e.exports=n(26)?function(e,t,n){return r.f(e,t,o(1,n))}:function(e,t,n){return e[t]=n,e}},function(e,t,n){var r=n(17),o=n(41),i=n(39),a=n(105)("src"),s="toString",u=Function[s],l=(""+u).split(s);n(75).inspectSource=function(e){return u.call(e)},(e.exports=function(e,t,n,s){var u="function"==typeof n;u&&(i(n,"name")||o(n,"name",t)),e[t]!==n&&(u&&(i(n,a)||o(n,a,e[t]?""+e[t]:l.join(String(t)))),e===r?e[t]=n:s?e[t]?e[t]=n:o(e,t,n):(delete e[t],o(e,t,n)))})(Function.prototype,s,function(){return"function"==typeof this&&this[a]||u.call(this)})},function(e,t,n){var r=n(5),o=n(18),i=n(60),a=/"/g,s=function(e,t,n,r){var o=String(i(e)),s="<"+t;return""!==n&&(s+=" "+n+'="'+String(r).replace(a,"&quot;")+'"'),s+">"+o+"</"+t+">"};e.exports=function(e,t){var n={};n[e]=t(s),r(r.P+r.F*o(function(){var t=""[e]('"');return t!==t.toLowerCase()||t.split('"').length>3}),"String",n)}},function(e,t,n){var r=n(149),o=n(60);e.exports=function(e){return r(o(e))}},function(e,t,n){"use strict";var r=function(){};e.exports=r},function(e,t){"use strict";function n(e,t){var n=e.map(function(e){return e.meta}),r={};return n.sort(function(e,t){return(e.order||0)-(t.order||0)}).forEach(function(e){var n=e.category&&e.category[t]||e.category||"topLevel";r[n]||(r[n]={});var o=e.type||"topLevel";r[n][o]||(r[n][o]=[]),r[n][o].push(e)}),r}function r(e){return/-cn\/?$/.test(e)}function o(e,t){var n=e.startsWith("/")?e:"/"+e;return t?"/"===n?"/index-cn":n.endsWith("/")?n.replace(/\/$/,"-cn/"):n+"-cn":/\/?index-cn/.test(n)?"/":n.replace("-cn","")}function i(e,t){var n=new Image,r=void 0,o=function(e){r||(r=!0,n.src="",t(e))};return n.onload=function(){return o("responded")},n.onerror=function(){return o("error")},n.src=e,setTimeout(function(){return o("timeout")},1500)}function a(){var e="test",t=window.localStorage;try{return t.setItem(e,"1"),t.removeItem(e),!0}catch(n){return!1}}Object.defineProperty(t,"__esModule",{value:!0}),t.getMenuItems=n,t.isZhCN=r,t.getLocalizedPathname=o,t.ping=i,t.isLocalStorageNameSupported=a},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(1924),i=r(o),a=n(1923),s=r(a),u="function"==typeof s["default"]&&"symbol"==typeof i["default"]?function(e){return typeof e}:function(e){return e&&"function"==typeof s["default"]&&e.constructor===s["default"]&&e!==s["default"].prototype?"symbol":typeof e};t["default"]="function"==typeof s["default"]&&"symbol"===u(i["default"])?function(e){return"undefined"==typeof e?"undefined":u(e)}:function(e){return e&&"function"==typeof s["default"]&&e.constructor===s["default"]&&e!==s["default"].prototype?"symbol":"undefined"==typeof e?"undefined":u(e)}},function(e,t,n){"use strict";var r=n(11);e.exports=function(e,t){for(var n=r({},e),o=0;o<t.length;o++){var i=t[o];delete n[i]}return n}},function(e,t){"use strict";var n=function(e){if(null!=e)return e;throw new Error("Got unexpected null or undefined")};e.exports=n},function(e,t,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e["default"]:e}function o(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=Array.isArray(e)?e:[e];t.forEach(function(e){e&&e.locale&&(M.__addLocaleData(e),
+N.__addLocaleData(e))})}function i(e){for(var t=(e||"").split("-");t.length>0;){if(a(t.join("-")))return!0;t.pop()}return!1}function a(e){var t=e&&e.toLowerCase();return!(!M.__localeData__[t]||!N.__localeData__[t])}function s(e){return(""+e).replace(de,function(e){return pe[e]})}function u(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return t.reduce(function(t,r){return e.hasOwnProperty(r)?t[r]=e[r]:n.hasOwnProperty(r)&&(t[r]=n[r]),t},{})}function l(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.intl;j(t,"[React Intl] Could not find required `intl` object. <IntlProvider> needs to exist in the component ancestry.")}function c(e,t){if(e===t)return!0;if("object"!==("undefined"==typeof e?"undefined":L(e))||null===e||"object"!==("undefined"==typeof t?"undefined":L(t))||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(var o=Object.prototype.hasOwnProperty.bind(t),i=0;i<n.length;i++)if(!o(n[i])||e[n[i]]!==t[n[i]])return!1;return!0}function f(e,t,n){var r=e.props,o=e.state,i=e.context,a=void 0===i?{}:i,s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},l=a.intl,f=void 0===l?{}:l,p=s.intl,d=void 0===p?{}:p;return!c(t,r)||!c(n,o)||!(d===f||c(u(d,fe),u(f,fe)))}function p(e){return e.displayName||e.name||"Component"}function d(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.intlPropName,r=void 0===n?"intl":n,o=t.withRef,i=void 0!==o&&o,a=function(t){function n(e,t){F(this,n);var r=K(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e,t));return l(t),r}return z(n,t),U(n,[{key:"getWrappedInstance",value:function(){return j(i,"[React Intl] To access the wrapped instance, the `{withRef: true}` option must be set when calling: `injectIntl()`"),this.refs.wrappedInstance}},{key:"render",value:function(){return D.createElement(e,B({},this.props,V({},r,this.context.intl),{ref:i?"wrappedInstance":null}))}}]),n}(A.Component);return a.displayName="InjectIntl("+p(e)+")",a.contextTypes={intl:ae},a.WrappedComponent=e,a}function h(e){return e}function v(e){return M.prototype._resolveLocale(e)}function m(e){return M.prototype._findPluralRuleFunction(e)}function y(e){var t=N.thresholds;t.second=e.second,t.minute=e.minute,t.hour=e.hour,t.day=e.day,t.month=e.month}function g(e,t,n){var r=e&&e[t]&&e[t][n];if(r)return r}function b(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=e.locale,i=e.formats,a=r.format,s=new Date(n),l=a&&g(i,"date",a),c=u(r,ve,l);try{return t.getDateTimeFormat(o,c).format(s)}catch(f){}return String(s)}function _(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=e.locale,i=e.formats,a=r.format,s=new Date(n),l=a&&g(i,"time",a),c=u(r,ve,l);c.hour||c.minute||c.second||(c=B({},c,{hour:"numeric",minute:"numeric"}));try{return t.getDateTimeFormat(o,c).format(s)}catch(f){}return String(s)}function w(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=e.locale,i=e.formats,a=r.format,s=new Date(n),l=new Date(r.now),c=a&&g(i,"relative",a),f=u(r,ye,c),p=B({},N.thresholds);y(be);try{return t.getRelativeFormat(o,f).format(s,{now:isFinite(l)?l:t.now()})}catch(d){}finally{y(p)}return String(s)}function x(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=e.locale,i=e.formats,a=r.format,s=a&&g(i,"number",a),l=u(r,me,s);try{return t.getNumberFormat(o,l).format(n)}catch(c){}return String(n)}function C(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=e.locale,i=u(r,ge);try{return t.getPluralFormat(o,i).format(n)}catch(a){}return"other"}function E(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=e.locale,i=e.formats,a=e.messages,s=e.defaultLocale,u=e.defaultFormats,l=n.id,c=n.defaultMessage;j(l,"[React Intl] An `id` must be provided to format a message.");var f=a&&a[l],p=Object.keys(r).length>0;if(!p)return f||c||l;var d=void 0;if(f)try{var h=t.getMessageFormat(f,o,i);d=h.format(r)}catch(v){}if(!d&&c)try{var m=t.getMessageFormat(c,s,u);d=m.format(r)}catch(v){}return d||f||c||l}function S(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=Object.keys(r).reduce(function(e,t){var n=r[t];return e[t]="string"==typeof n?s(n):n,e},{});return E(e,t,n,o)}function O(e){var t=Math.abs(e);return t<Te?"second":t<ke?"minute":t<Me?"hour":"day"}function P(e){switch(e){case"second":return Pe;case"minute":return Te;case"hour":return ke;case"day":return Me;default:return Ne}}function T(e,t){if(e===t)return!0;var n=new Date(e).getTime(),r=new Date(t).getTime();return isFinite(n)&&isFinite(r)&&n===r}Object.defineProperty(t,"__esModule",{value:!0});var k=r(n(1963)),M=r(n(385)),N=r(n(1319)),A=n(1),D=r(A),j=r(n(119)),R=r(n(1467)),I={locale:"en",pluralRuleFunction:function(e,t){var n=String(e).split("."),r=!n[1],o=Number(n[0])==e,i=o&&n[0].slice(-1),a=o&&n[0].slice(-2);return t?1==i&&11!=a?"one":2==i&&12!=a?"two":3==i&&13!=a?"few":"other":1==e&&r?"one":"other"},fields:{year:{displayName:"year",relative:{0:"this year",1:"next year","-1":"last year"},relativeTime:{future:{one:"in {0} year",other:"in {0} years"},past:{one:"{0} year ago",other:"{0} years ago"}}},month:{displayName:"month",relative:{0:"this month",1:"next month","-1":"last month"},relativeTime:{future:{one:"in {0} month",other:"in {0} months"},past:{one:"{0} month ago",other:"{0} months ago"}}},day:{displayName:"day",relative:{0:"today",1:"tomorrow","-1":"yesterday"},relativeTime:{future:{one:"in {0} day",other:"in {0} days"},past:{one:"{0} day ago",other:"{0} days ago"}}},hour:{displayName:"hour",relativeTime:{future:{one:"in {0} hour",other:"in {0} hours"},past:{one:"{0} hour ago",other:"{0} hours ago"}}},minute:{displayName:"minute",relativeTime:{future:{one:"in {0} minute",other:"in {0} minutes"},past:{one:"{0} minute ago",other:"{0} minutes ago"}}},second:{displayName:"second",relative:{0:"now"},relativeTime:{future:{one:"in {0} second",other:"in {0} seconds"},past:{one:"{0} second ago",other:"{0} seconds ago"}}}}},L="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},F=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},U=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),V=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},B=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},z=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)},H=function(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n},K=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t},W=function(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)},q=A.PropTypes.bool,Y=A.PropTypes.number,G=A.PropTypes.string,X=A.PropTypes.func,$=A.PropTypes.object,Z=A.PropTypes.oneOf,Q=A.PropTypes.shape,J=A.PropTypes.any,ee=Z(["best fit","lookup"]),te=Z(["narrow","short","long"]),ne=Z(["numeric","2-digit"]),re=X.isRequired,oe={locale:G,formats:$,messages:$,textComponent:J,defaultLocale:G,defaultFormats:$},ie={formatDate:re,formatTime:re,formatRelative:re,formatNumber:re,formatPlural:re,formatMessage:re,formatHTMLMessage:re},ae=Q(B({},oe,ie,{formatters:$,now:re})),se=({id:G.isRequired,description:G,defaultMessage:G},{localeMatcher:ee,formatMatcher:Z(["basic","best fit"]),timeZone:G,hour12:q,weekday:te,era:te,year:ne,month:Z(["numeric","2-digit","narrow","short","long"]),day:ne,hour:ne,minute:ne,second:ne,timeZoneName:Z(["short","long"])}),ue={localeMatcher:ee,style:Z(["decimal","currency","percent"]),currency:G,currencyDisplay:Z(["symbol","code","name"]),useGrouping:q,minimumIntegerDigits:Y,minimumFractionDigits:Y,maximumFractionDigits:Y,minimumSignificantDigits:Y,maximumSignificantDigits:Y},le={style:Z(["best fit","numeric"]),units:Z(["second","minute","hour","day","month","year"])},ce={style:Z(["cardinal","ordinal"])},fe=Object.keys(oe),pe={"&":"&amp;",">":"&gt;","<":"&lt;",'"':"&quot;","'":"&#x27;"},de=/[&><"']/g,he=function Le(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};F(this,Le);var n="ordinal"===t.style,r=m(v(e));this.format=function(e){return r(e,n)}},ve=Object.keys(se),me=Object.keys(ue),ye=Object.keys(le),ge=Object.keys(ce),be={second:60,minute:60,hour:24,day:30,month:12},_e=Object.freeze({formatDate:b,formatTime:_,formatRelative:w,formatNumber:x,formatPlural:C,formatMessage:E,formatHTMLMessage:S}),we=Object.keys(oe),xe=Object.keys(ie),Ce={formats:{},messages:{},textComponent:"span",defaultLocale:"en",defaultFormats:{}},Ee=function(e){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};F(this,t);var r=K(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n));j("undefined"!=typeof Intl,"[React Intl] The `Intl` APIs must be available in the runtime, and do not appear to be built-in. An `Intl` polyfill should be loaded.\nSee: http://formatjs.io/guides/runtime-environments/");var o=n.intl,i=void 0;i=isFinite(e.initialNow)?Number(e.initialNow):o?o.now():Date.now();var a=o||{},s=a.formatters,u=void 0===s?{getDateTimeFormat:R(Intl.DateTimeFormat),getNumberFormat:R(Intl.NumberFormat),getMessageFormat:R(M),getRelativeFormat:R(N),getPluralFormat:R(he)}:s;return r.state=B({},u,{now:function(){return r._didDisplay?Date.now():i}}),r}return z(t,e),U(t,[{key:"getConfig",value:function(){var e=this.context.intl,t=u(this.props,we,e);for(var n in Ce)void 0===t[n]&&(t[n]=Ce[n]);if(!i(t.locale)){var r=t,o=(r.locale,r.defaultLocale),a=r.defaultFormats;t=B({},t,{locale:o,formats:a,messages:Ce.messages})}return t}},{key:"getBoundFormatFns",value:function(e,t){return xe.reduce(function(n,r){return n[r]=_e[r].bind(null,e,t),n},{})}},{key:"getChildContext",value:function(){var e=this.getConfig(),t=this.getBoundFormatFns(e,this.state),n=this.state,r=n.now,o=H(n,["now"]);return{intl:B({},e,t,{formatters:o,now:r})}}},{key:"shouldComponentUpdate",value:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return f.apply(void 0,[this].concat(t))}},{key:"componentDidMount",value:function(){this._didDisplay=!0}},{key:"render",value:function(){return A.Children.only(this.props.children)}}]),t}(A.Component);Ee.displayName="IntlProvider",Ee.contextTypes={intl:ae},Ee.childContextTypes={intl:ae.isRequired};var Se=function(e){function t(e,n){F(this,t);var r=K(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n));return l(n),r}return z(t,e),U(t,[{key:"shouldComponentUpdate",value:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return f.apply(void 0,[this].concat(t))}},{key:"render",value:function(){var e=this.context.intl,t=e.formatDate,n=e.textComponent,r=this.props,o=r.value,i=r.children,a=t(o,this.props);return"function"==typeof i?i(a):D.createElement(n,null,a)}}]),t}(A.Component);Se.displayName="FormattedDate",Se.contextTypes={intl:ae};var Oe=function(e){function t(e,n){F(this,t);var r=K(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n));return l(n),r}return z(t,e),U(t,[{key:"shouldComponentUpdate",value:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return f.apply(void 0,[this].concat(t))}},{key:"render",value:function(){var e=this.context.intl,t=e.formatTime,n=e.textComponent,r=this.props,o=r.value,i=r.children,a=t(o,this.props);return"function"==typeof i?i(a):D.createElement(n,null,a)}}]),t}(A.Component);Oe.displayName="FormattedTime",Oe.contextTypes={intl:ae};var Pe=1e3,Te=6e4,ke=36e5,Me=864e5,Ne=2147483647,Ae=function(e){function t(e,n){F(this,t);var r=K(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n));l(n);var o=isFinite(e.initialNow)?Number(e.initialNow):n.intl.now();return r.state={now:o},r}return z(t,e),U(t,[{key:"scheduleNextUpdate",value:function(e,t){var n=this,r=e.updateInterval;if(r){var o=new Date(e.value).getTime(),i=o-t.now,a=e.units||O(i),s=P(a),u=Math.abs(i%s),l=i<0?Math.max(r,s-u):Math.max(r,u);clearTimeout(this._timer),this._timer=setTimeout(function(){n.setState({now:n.context.intl.now()})},l)}}},{key:"componentDidMount",value:function(){this.scheduleNextUpdate(this.props,this.state)}},{key:"componentWillReceiveProps",value:function(e){var t=e.value;T(t,this.props.value)||this.setState({now:this.context.intl.now()})}},{key:"shouldComponentUpdate",value:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return f.apply(void 0,[this].concat(t))}},{key:"componentWillUpdate",value:function(e,t){this.scheduleNextUpdate(e,t)}},{key:"componentWillUnmount",value:function(){clearTimeout(this._timer)}},{key:"render",value:function(){var e=this.context.intl,t=e.formatRelative,n=e.textComponent,r=this.props,o=r.value,i=r.children,a=t(o,B({},this.props,this.state));return"function"==typeof i?i(a):D.createElement(n,null,a)}}]),t}(A.Component);Ae.displayName="FormattedRelative",Ae.contextTypes={intl:ae},Ae.defaultProps={updateInterval:1e4};var De=function(e){function t(e,n){F(this,t);var r=K(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n));return l(n),r}return z(t,e),U(t,[{key:"shouldComponentUpdate",value:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return f.apply(void 0,[this].concat(t))}},{key:"render",value:function(){var e=this.context.intl,t=e.formatNumber,n=e.textComponent,r=this.props,o=r.value,i=r.children,a=t(o,this.props);return"function"==typeof i?i(a):D.createElement(n,null,a)}}]),t}(A.Component);De.displayName="FormattedNumber",De.contextTypes={intl:ae};var je=function(e){function t(e,n){F(this,t);var r=K(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n));return l(n),r}return z(t,e),U(t,[{key:"shouldComponentUpdate",value:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return f.apply(void 0,[this].concat(t))}},{key:"render",value:function(){var e=this.context.intl,t=e.formatPlural,n=e.textComponent,r=this.props,o=r.value,i=r.other,a=r.children,s=t(o,this.props),u=this.props[s]||i;return"function"==typeof a?a(u):D.createElement(n,null,u)}}]),t}(A.Component);je.displayName="FormattedPlural",je.contextTypes={intl:ae},je.defaultProps={style:"cardinal"};var Re=function(e){function t(e,n){F(this,t);var r=K(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n));return l(n),r}return z(t,e),U(t,[{key:"shouldComponentUpdate",value:function(e){var t=this.props.values,n=e.values;if(!c(n,t))return!0;for(var r=B({},e,{values:t}),o=arguments.length,i=Array(o>1?o-1:0),a=1;a<o;a++)i[a-1]=arguments[a];return f.apply(void 0,[this,r].concat(i))}},{key:"render",value:function(){var e=this.context.intl,t=e.formatMessage,n=e.textComponent,r=this.props,o=r.id,i=r.description,a=r.defaultMessage,s=r.values,u=r.tagName,l=void 0===u?n:u,c=r.children,f=void 0,p=void 0,d=void 0,h=s&&Object.keys(s).length>0;h&&!function(){var e=Math.floor(1099511627776*Math.random()).toString(16),t=function(){var t=0;return function(){return"ELEMENT-"+e+"-"+(t+=1)}}();f="@__"+e+"__@",p={},d={},Object.keys(s).forEach(function(e){var n=s[e];if(A.isValidElement(n)){var r=t();p[e]=f+r+f,d[r]=n}else p[e]=n})}();var v={id:o,description:i,defaultMessage:a},m=t(v,p||s),y=void 0,g=d&&Object.keys(d).length>0;return y=g?m.split(f).filter(function(e){return!!e}).map(function(e){return d[e]||e}):[m],"function"==typeof c?c.apply(void 0,W(y)):A.createElement.apply(void 0,[l,null].concat(W(y)))}}]),t}(A.Component);Re.displayName="FormattedMessage",Re.contextTypes={intl:ae},Re.defaultProps={values:{}};var Ie=function(e){function t(e,n){F(this,t);var r=K(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n));return l(n),r}return z(t,e),U(t,[{key:"shouldComponentUpdate",value:function(e){var t=this.props.values,n=e.values;if(!c(n,t))return!0;for(var r=B({},e,{values:t}),o=arguments.length,i=Array(o>1?o-1:0),a=1;a<o;a++)i[a-1]=arguments[a];return f.apply(void 0,[this,r].concat(i))}},{key:"render",value:function(){var e=this.context.intl,t=e.formatHTMLMessage,n=e.textComponent,r=this.props,o=r.id,i=r.description,a=r.defaultMessage,s=r.values,u=r.tagName,l=void 0===u?n:u,c=r.children,f={id:o,description:i,defaultMessage:a},p=t(f,s);if("function"==typeof c)return c(p);var d={__html:p};return D.createElement(l,{dangerouslySetInnerHTML:d})}}]),t}(A.Component);Ie.displayName="FormattedHTMLMessage",Ie.contextTypes={intl:ae},Ie.defaultProps={values:{}},o(I),o(k),t.addLocaleData=o,t.intlShape=ae,t.injectIntl=d,t.defineMessages=h,t.IntlProvider=Ee,t.FormattedDate=Se,t.FormattedTime=Oe,t.FormattedRelative=Ae,t.FormattedNumber=De,t.FormattedPlural=je,t.FormattedMessage=Re,t.FormattedHTMLMessage=Ie},function(e,t){var n=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(e,t,n){var r=n(150),o=n(84),i=n(44),a=n(68),s=n(39),u=n(454),l=Object.getOwnPropertyDescriptor;t.f=n(26)?l:function(e,t){if(e=i(e),t=a(t,!0),u)try{return l(e,t)}catch(n){}if(s(e,t))return o(!r.f.call(e,t),e[t])}},function(e,t,n){var r=n(39),o=n(32),i=n(283)("IE_PROTO"),a=Object.prototype;e.exports=Object.getPrototypeOf||function(e){return e=o(e),r(e,i)?e[i]:"function"==typeof e.constructor&&e instanceof e.constructor?e.constructor.prototype:e instanceof Object?a:null}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(45),i=r(o),a={};t["default"]=function(e,t){e||a[t]||((0,i["default"])(!1,t),a[t]=!0)},e.exports=t["default"]},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a=n(22),s=a.Map,u=a.OrderedSet,l=a.Record,c=u(),f={style:c,entity:null},p=l(f),d=function(e){function t(){return r(this,t),o(this,e.apply(this,arguments))}return i(t,e),t.prototype.getStyle=function(){return this.get("style")},t.prototype.getEntity=function(){return this.get("entity")},t.prototype.hasStyle=function(e){return this.getStyle().has(e)},t.applyStyle=function(e,n){var r=e.set("style",e.getStyle().add(n));return t.create(r)},t.removeStyle=function(e,n){var r=e.set("style",e.getStyle().remove(n));return t.create(r)},t.applyEntity=function(e,n){var r=e.getEntity()===n?e:e.set("entity",n);return t.create(r)},t.create=function(e){if(!e)return h;var n={style:c,entity:null},r=s(n).merge(e),o=v.get(r);if(o)return o;var i=new t(r);return v=v.set(r,i),i},t}(p),h=new d,v=s([[s(f),h]]);d.EMPTY=h,e.exports=d},function(e,t,n){"use strict";var r=n(1739);e.exports=function(e,t,n,o){var i=n?n.call(o,e,t):void 0;if(void 0!==i)return!!i;if(e===t)return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var a=r(e),s=r(t),u=a.length;if(u!==s.length)return!1;o=o||null;for(var l=Object.prototype.hasOwnProperty.bind(t),c=0;c<u;c++){var f=a[c];if(!l(f))return!1;var p=e[f],d=t[f],h=n?n.call(o,p,d,f):void 0;if(h===!1||void 0===h&&p!==d)return!1}return!0}},function(e,t,n){"use strict";var r=n(1),o=n(1381),i=(new r.Component).updater;e.exports=o(r.Component,r.isValidElement,i)},function(e,t,n){"use strict";var r=null;e.exports={debugTool:r}},function(e,t){var n={}.toString;e.exports=function(e){return n.call(e).slice(8,-1)}},function(e,t){e.exports=function(e){if(void 0==e)throw TypeError("Can't call method on  "+e);return e}},function(e,t,n){var r=n(18);e.exports=function(e,t){return!!e&&r(function(){t?e.call(null,function(){},1):e.call(null)})}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(1915),i=r(o);t["default"]=function(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return(0,i["default"])(e)}},function(e,t){"use strict";function n(){for(var e=void 0;void 0===e||r.hasOwnProperty(e)||!isNaN(+e);)e=Math.floor(Math.random()*o).toString(32);return r[e]=!0,e}var r={},o=Math.pow(2,24);e.exports=n},function(e,t,n){"use strict";function r(e,t,n,r){if(e===n)return!0;if(!n.startsWith(e))return!1;var o=n.slice(e.length);return!!t&&(o=r?r(o):o,a.contains(o,t))}function o(e){return"Windows"===i.platformName?e.replace(/^\s*NT/,""):e}var i=n(1223),a=n(1224),s=n(1237),u=n(375),l={isBrowser:function(e){return r(i.browserName,i.browserFullVersion,e)},isBrowserArchitecture:function(e){return r(i.browserArchitecture,null,e)},isDevice:function(e){return r(i.deviceName,null,e)},isEngine:function(e){return r(i.engineName,i.engineVersion,e)},isPlatform:function(e){return r(i.platformName,i.platformFullVersion,e,o)},isPlatformArchitecture:function(e){return r(i.platformArchitecture,null,e)}};e.exports=s(l,u)},function(e,t,n){"use strict";function r(){P.ReactReconcileTransaction&&w?void 0:c("123")}function o(){this.reinitializeTransaction(),this.dirtyComponentsLength=null,this.callbackQueue=p.getPooled(),this.reconcileTransaction=P.ReactReconcileTransaction.getPooled(!0)}function i(e,t,n,o,i,a){return r(),w.batchedUpdates(e,t,n,o,i,a)}function a(e,t){return e._mountOrder-t._mountOrder}function s(e){var t=e.dirtyComponentsLength;t!==y.length?c("124",t,y.length):void 0,y.sort(a),g++;for(var n=0;n<t;n++){var r=y[n],o=r._pendingCallbacks;r._pendingCallbacks=null;var i;if(h.logTopLevelRenders){var s=r;r._currentElement.type.isReactTopLevelWrapper&&(s=r._renderedComponent),i="React update: "+s.getName(),console.time(i)}if(v.performUpdateIfNecessary(r,e.reconcileTransaction,g),i&&console.timeEnd(i),o)for(var u=0;u<o.length;u++)e.callbackQueue.enqueue(o[u],r.getPublicInstance())}}function u(e){return r(),w.isBatchingUpdates?(y.push(e),void(null==e._updateBatchNumber&&(e._updateBatchNumber=g+1))):void w.batchedUpdates(u,e)}function l(e,t){w.isBatchingUpdates?void 0:c("125"),b.enqueue(e,t),_=!0}var c=n(19),f=n(11),p=n(401),d=n(93),h=n(406),v=n(115),m=n(172),y=(n(13),[]),g=0,b=p.getPooled(),_=!1,w=null,x={initialize:function(){this.dirtyComponentsLength=y.length},close:function(){this.dirtyComponentsLength!==y.length?(y.splice(0,this.dirtyComponentsLength),S()):y.length=0}},C={initialize:function(){this.callbackQueue.reset()},close:function(){this.callbackQueue.notifyAll()}},E=[x,C];f(o.prototype,m,{getTransactionWrappers:function(){return E},destructor:function(){this.dirtyComponentsLength=null,p.release(this.callbackQueue),this.callbackQueue=null,P.ReactReconcileTransaction.release(this.reconcileTransaction),this.reconcileTransaction=null},perform:function(e,t,n){return m.perform.call(this,this.reconcileTransaction.perform,this.reconcileTransaction,e,t,n)}}),d.addPoolingTo(o);var S=function(){for(;y.length||_;){if(y.length){var e=o.getPooled();e.perform(s,null,e),o.release(e)}if(_){_=!1;var t=b;b=p.getPooled(),t.notifyAll(),p.release(t)}}},O={injectReconcileTransaction:function(e){e?void 0:c("126"),P.ReactReconcileTransaction=e},injectBatchingStrategy:function(e){e?void 0:c("127"),"function"!=typeof e.batchedUpdates?c("128"):void 0,"boolean"!=typeof e.isBatchingUpdates?c("129"):void 0,w=e}},P={ReactReconcileTransaction:null,batchedUpdates:i,enqueueUpdate:u,flushBatchedUpdates:S,injection:O,asap:l};e.exports=P},function(e,t,n){var r=n(76),o=n(149),i=n(32),a=n(30),s=n(1546);e.exports=function(e,t){var n=1==e,u=2==e,l=3==e,c=4==e,f=6==e,p=5==e||f,d=t||s;return function(t,s,h){for(var v,m,y=i(t),g=o(y),b=r(s,h,3),_=a(g.length),w=0,x=n?d(t,_):u?d(t,0):void 0;_>w;w++)if((p||w in g)&&(v=g[w],m=b(v,w,y),e))if(n)x[w]=m;else if(m)switch(e){case 3:return!0;case 5:return v;case 6:return w;case 2:x.push(v)}else if(c)return!1;return f?-1:l||c?c:x}}},function(e,t,n){var r=n(5),o=n(75),i=n(18);e.exports=function(e,t){var n=(o.Object||{})[e]||Object[e],a={};a[e]=t(n),r(r.S+r.F*i(function(){n(1)}),"Object",a)}},function(e,t,n){var r=n(21);e.exports=function(e,t){if(!r(e))return e;var n,o;if(t&&"function"==typeof(n=e.toString)&&!r(o=n.call(e)))return o;if("function"==typeof(n=e.valueOf)&&!r(o=n.call(e)))return o;if(!t&&"function"==typeof(n=e.toString)&&!r(o=n.call(e)))return o;throw TypeError("Can't convert object to primitive value")}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o,i,a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(8),y=r(m),g=n(318),b=r(g),_=(i=o=function(e){function t(){var n,r,o;(0,l["default"])(this,t);for(var i=arguments.length,a=Array(i),s=0;s<i;s++)a[s]=arguments[s];return n=r=(0,f["default"])(this,e.call.apply(e,[this].concat(a))),r.icons={direction:["step-backward","step-forward","fast-backward","fast-forward","shrink","arrows-alt","down","up","left","right","caret-up","caret-down","caret-left","caret-right","up-circle","down-circle","left-circle","right-circle","up-circle-o","down-circle-o","right-circle-o","left-circle-o","double-right","double-left","verticle-left","verticle-right","forward","backward","rollback","enter","retweet","swap","swap-left","swap-right","arrow-up","arrow-down","arrow-left","arrow-right","play-circle","play-circle-o","up-square","down-square","left-square","right-square","up-square-o","down-square-o","left-square-o","right-square-o","login","logout","menu-fold","menu-unfold"],suggestion:["question","question-circle-o","question-circle","plus","plus-circle-o","plus-circle","pause","pause-circle-o","pause-circle","minus","minus-circle-o","minus-circle","plus-square","plus-square-o","minus-square","minus-square-o","info","info-circle-o","info-circle","exclamation","exclamation-circle-o","exclamation-circle","close","close-circle","close-circle-o","close-square","close-square-o","check","check-circle","check-circle-o","check-square","check-square-o","clock-circle-o","clock-circle"],logo:["android","android-o","apple","apple-o","windows","windows-o","ie","chrome","github","aliwangwang","aliwangwang-o","dingding","dingding-o"],other:["lock","unlock","area-chart","pie-chart","bar-chart","dot-chart","bars","book","calendar","cloud","cloud-download","code","code-o","copy","credit-card","delete","desktop","download","edit","ellipsis","file","file-text","file-unknown","file-pdf","file-excel","file-jpg","file-ppt","file-add","folder","folder-open","folder-add","hdd","frown","frown-o","meh","meh-o","smile","smile-o","inbox","laptop","appstore-o","appstore","line-chart","link","mail","mobile","notification","paper-clip","picture","poweroff","reload","search","setting","share-alt","shopping-cart","tablet","tag","tag-o","tags","tags-o","to-top","upload","user","video-camera","home","loading","loading-3-quarters","cloud-upload-o","cloud-download-o","cloud-upload","cloud-o","star-o","star","heart-o","heart","environment","environment-o","eye","eye-o","camera","camera-o","save","team","solution","phone","filter","exception","export","customer-service","qrcode","scan","like","like-o","dislike","dislike-o","message","pay-circle","pay-circle-o","calculator","pushpin","pushpin-o","bulb","select","switcher","rocket","bell","disconnect","database","compass","barcode","hourglass","key","flag","layout","printer","sound","usb","skin","tool","sync","wifi","car","schedule","user-add","user-delete","usergroup-add","usergroup-delete","man","woman","shop","gift","idcard","medicine-box","red-envelope","coffee","copyright","trademark","safety","wallet","bank","trophy","contacts","global","shake","api"]},o=n,(0,f["default"])(r,o)}return(0,d["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.className,n=e.catigory,r=(0,y["default"])((0,s["default"])({"anticons-list":!0,clearfix:!0},t,!!t));return v["default"].createElement("ul",{className:r},this.icons[n].map(function(e){return v["default"].createElement(b["default"],{key:e,type:e})}))},t}(v["default"].Component),o.defaultProps={icons:[]},i);t["default"]=_,e.exports=t["default"]},function(e,t){"use strict";t.__esModule=!0,t["default"]=function(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}},function(e,t,n){"use strict";function r(e,t,n,r){this.dispatchConfig=e,this._targetInst=t,this.nativeEvent=n;var o=this.constructor.Interface;for(var i in o)if(o.hasOwnProperty(i)){var s=o[i];s?this[i]=s(n):"target"===i?this.target=r:this[i]=n[i]}var u=null!=n.defaultPrevented?n.defaultPrevented:n.returnValue===!1;return u?this.isDefaultPrevented=a.thatReturnsTrue:this.isDefaultPrevented=a.thatReturnsFalse,this.isPropagationStopped=a.thatReturnsFalse,this}var o=n(11),i=n(93),a=n(33),s=(n(16),"function"==typeof Proxy,["dispatchConfig","_targetInst","nativeEvent","isDefaultPrevented","isPropagationStopped","_dispatchListeners","_dispatchInstances"]),u={type:null,target:null,currentTarget:a.thatReturnsNull,eventPhase:null,bubbles:null,cancelable:null,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:null,isTrusted:null};o(r.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=a.thatReturnsTrue)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=a.thatReturnsTrue)},persist:function(){this.isPersistent=a.thatReturnsTrue},isPersistent:a.thatReturnsFalse,destructor:function(){var e=this.constructor.Interface;for(var t in e)this[t]=null;for(var n=0;n<s.length;n++)this[s[n]]=null}}),r.Interface=u,r.augmentClass=function(e,t){var n=this,r=function(){};r.prototype=n.prototype;var a=new r;o(a,e.prototype),e.prototype=a,e.prototype.constructor=e,e.Interface=o({},n.Interface,t),e.augmentClass=n.augmentClass,i.addPoolingTo(e,i.fourArgumentPooler)},i.addPoolingTo(r,i.fourArgumentPooler),e.exports=r},function(e,t){"use strict";var n={current:null};e.exports=n},function(e,t,n){var r=n(121);e.exports=function(e){if(!r(e))throw TypeError(e+" is not an object!");return e}},function(e,t,n){var r=n(73),o=n(434),i=n(264),a=Object.defineProperty;t.f=n(81)?Object.defineProperty:function(e,t,n){if(r(e),t=i(t,!0),r(n),o)try{return a(e,t,n)}catch(s){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(e[t]=n.value),e}},function(e,t){var n=e.exports={version:"2.4.0"};"number"==typeof __e&&(__e=n)},function(e,t,n){var r=n(40);e.exports=function(e,t,n){if(r(e),void 0===t)return e;switch(n){case 1:return function(n){return e.call(t,n)};case 2:return function(n,r){return e.call(t,n,r)};case 3:return function(n,r,o){return e.call(t,n,r,o)}}return function(){return e.apply(t,arguments)}}},function(e,t,n){var r=n(470),o=n(5),i=n(189)("metadata"),a=i.store||(i.store=new(n(473))),s=function(e,t,n){var o=a.get(e);if(!o){if(!n)return;a.set(e,o=new r)}var i=o.get(t);
+if(!i){if(!n)return;o.set(t,i=new r)}return i},u=function(e,t,n){var r=s(t,n,!1);return void 0!==r&&r.has(e)},l=function(e,t,n){var r=s(t,n,!1);return void 0===r?void 0:r.get(e)},c=function(e,t,n,r){s(n,r,!0).set(e,t)},f=function(e,t){var n=s(e,t,!1),r=[];return n&&n.forEach(function(e,t){r.push(t)}),r},p=function(e){return void 0===e||"symbol"==typeof e?e:String(e)},d=function(e){o(o.S,"Reflect",e)};e.exports={store:a,map:s,has:u,get:l,set:c,keys:f,key:p,exp:d}},function(e,t,n){"use strict";if(n(26)){var r=n(98),o=n(17),i=n(18),a=n(5),s=n(190),u=n(290),l=n(76),c=n(97),f=n(84),p=n(41),d=n(102),h=n(85),v=n(30),m=n(104),y=n(68),g=n(39),b=n(467),_=n(148),w=n(21),x=n(32),C=n(275),E=n(99),S=n(53),O=n(100).f,P=n(292),T=n(105),k=n(24),M=n(66),N=n(180),A=n(284),D=n(293),j=n(125),R=n(186),I=n(103),L=n(268),F=n(447),U=n(27),V=n(52),B=U.f,z=V.f,H=o.RangeError,K=o.TypeError,W=o.Uint8Array,q="ArrayBuffer",Y="Shared"+q,G="BYTES_PER_ELEMENT",X="prototype",$=Array[X],Z=u.ArrayBuffer,Q=u.DataView,J=M(0),ee=M(2),te=M(3),ne=M(4),re=M(5),oe=M(6),ie=N(!0),ae=N(!1),se=D.values,ue=D.keys,le=D.entries,ce=$.lastIndexOf,fe=$.reduce,pe=$.reduceRight,de=$.join,he=$.sort,ve=$.slice,me=$.toString,ye=$.toLocaleString,ge=k("iterator"),be=k("toStringTag"),_e=T("typed_constructor"),we=T("def_constructor"),xe=s.CONSTR,Ce=s.TYPED,Ee=s.VIEW,Se="Wrong length!",Oe=M(1,function(e,t){return Ae(A(e,e[we]),t)}),Pe=i(function(){return 1===new W(new Uint16Array([1]).buffer)[0]}),Te=!!W&&!!W[X].set&&i(function(){new W(1).set({})}),ke=function(e,t){if(void 0===e)throw K(Se);var n=+e,r=v(e);if(t&&!b(n,r))throw H(Se);return r},Me=function(e,t){var n=h(e);if(n<0||n%t)throw H("Wrong offset!");return n},Ne=function(e){if(w(e)&&Ce in e)return e;throw K(e+" is not a typed array!")},Ae=function(e,t){if(!(w(e)&&_e in e))throw K("It is not a typed array constructor!");return new e(t)},De=function(e,t){return je(A(e,e[we]),t)},je=function(e,t){for(var n=0,r=t.length,o=Ae(e,r);r>n;)o[n]=t[n++];return o},Re=function(e,t,n){B(e,t,{get:function(){return this._d[n]}})},Ie=function(e){var t,n,r,o,i,a,s=x(e),u=arguments.length,c=u>1?arguments[1]:void 0,f=void 0!==c,p=P(s);if(void 0!=p&&!C(p)){for(a=p.call(s),r=[],t=0;!(i=a.next()).done;t++)r.push(i.value);s=r}for(f&&u>2&&(c=l(c,arguments[2],2)),t=0,n=v(s.length),o=Ae(this,n);n>t;t++)o[t]=f?c(s[t],t):s[t];return o},Le=function(){for(var e=0,t=arguments.length,n=Ae(this,t);t>e;)n[e]=arguments[e++];return n},Fe=!!W&&i(function(){ye.call(new W(1))}),Ue=function(){return ye.apply(Fe?ve.call(Ne(this)):Ne(this),arguments)},Ve={copyWithin:function(e,t){return F.call(Ne(this),e,t,arguments.length>2?arguments[2]:void 0)},every:function(e){return ne(Ne(this),e,arguments.length>1?arguments[1]:void 0)},fill:function(e){return L.apply(Ne(this),arguments)},filter:function(e){return De(this,ee(Ne(this),e,arguments.length>1?arguments[1]:void 0))},find:function(e){return re(Ne(this),e,arguments.length>1?arguments[1]:void 0)},findIndex:function(e){return oe(Ne(this),e,arguments.length>1?arguments[1]:void 0)},forEach:function(e){J(Ne(this),e,arguments.length>1?arguments[1]:void 0)},indexOf:function(e){return ae(Ne(this),e,arguments.length>1?arguments[1]:void 0)},includes:function(e){return ie(Ne(this),e,arguments.length>1?arguments[1]:void 0)},join:function(e){return de.apply(Ne(this),arguments)},lastIndexOf:function(e){return ce.apply(Ne(this),arguments)},map:function(e){return Oe(Ne(this),e,arguments.length>1?arguments[1]:void 0)},reduce:function(e){return fe.apply(Ne(this),arguments)},reduceRight:function(e){return pe.apply(Ne(this),arguments)},reverse:function(){for(var e,t=this,n=Ne(t).length,r=Math.floor(n/2),o=0;o<r;)e=t[o],t[o++]=t[--n],t[n]=e;return t},some:function(e){return te(Ne(this),e,arguments.length>1?arguments[1]:void 0)},sort:function(e){return he.call(Ne(this),e)},subarray:function(e,t){var n=Ne(this),r=n.length,o=m(e,r);return new(A(n,n[we]))(n.buffer,n.byteOffset+o*n.BYTES_PER_ELEMENT,v((void 0===t?r:m(t,r))-o))}},Be=function(e,t){return De(this,ve.call(Ne(this),e,t))},ze=function(e){Ne(this);var t=Me(arguments[1],1),n=this.length,r=x(e),o=v(r.length),i=0;if(o+t>n)throw H(Se);for(;i<o;)this[t+i]=r[i++]},He={entries:function(){return le.call(Ne(this))},keys:function(){return ue.call(Ne(this))},values:function(){return se.call(Ne(this))}},Ke=function(e,t){return w(e)&&e[Ce]&&"symbol"!=typeof t&&t in e&&String(+t)==String(t)},We=function(e,t){return Ke(e,t=y(t,!0))?f(2,e[t]):z(e,t)},qe=function(e,t,n){return!(Ke(e,t=y(t,!0))&&w(n)&&g(n,"value"))||g(n,"get")||g(n,"set")||n.configurable||g(n,"writable")&&!n.writable||g(n,"enumerable")&&!n.enumerable?B(e,t,n):(e[t]=n.value,e)};xe||(V.f=We,U.f=qe),a(a.S+a.F*!xe,"Object",{getOwnPropertyDescriptor:We,defineProperty:qe}),i(function(){me.call({})})&&(me=ye=function(){return de.call(this)});var Ye=d({},Ve);d(Ye,He),p(Ye,ge,He.values),d(Ye,{slice:Be,set:ze,constructor:function(){},toString:me,toLocaleString:Ue}),Re(Ye,"buffer","b"),Re(Ye,"byteOffset","o"),Re(Ye,"byteLength","l"),Re(Ye,"length","e"),B(Ye,be,{get:function(){return this[Ce]}}),e.exports=function(e,t,n,u){u=!!u;var l=e+(u?"Clamped":"")+"Array",f="Uint8Array"!=l,d="get"+e,h="set"+e,m=o[l],y=m||{},g=m&&S(m),b=!m||!s.ABV,x={},C=m&&m[X],P=function(e,n){var r=e._d;return r.v[d](n*t+r.o,Pe)},T=function(e,n,r){var o=e._d;u&&(r=(r=Math.round(r))<0?0:r>255?255:255&r),o.v[h](n*t+o.o,r,Pe)},k=function(e,t){B(e,t,{get:function(){return P(this,t)},set:function(e){return T(this,t,e)},enumerable:!0})};b?(m=n(function(e,n,r,o){c(e,m,l,"_d");var i,a,s,u,f=0,d=0;if(w(n)){if(!(n instanceof Z||(u=_(n))==q||u==Y))return Ce in n?je(m,n):Ie.call(m,n);i=n,d=Me(r,t);var h=n.byteLength;if(void 0===o){if(h%t)throw H(Se);if(a=h-d,a<0)throw H(Se)}else if(a=v(o)*t,a+d>h)throw H(Se);s=a/t}else s=ke(n,!0),a=s*t,i=new Z(a);for(p(e,"_d",{b:i,o:d,l:a,e:s,v:new Q(i)});f<s;)k(e,f++)}),C=m[X]=E(Ye),p(C,"constructor",m)):R(function(e){new m(null),new m(e)},!0)||(m=n(function(e,n,r,o){c(e,m,l);var i;return w(n)?n instanceof Z||(i=_(n))==q||i==Y?void 0!==o?new y(n,Me(r,t),o):void 0!==r?new y(n,Me(r,t)):new y(n):Ce in n?je(m,n):Ie.call(m,n):new y(ke(n,f))}),J(g!==Function.prototype?O(y).concat(O(g)):O(y),function(e){e in m||p(m,e,y[e])}),m[X]=C,r||(C.constructor=m));var M=C[ge],N=!!M&&("values"==M.name||void 0==M.name),A=He.values;p(m,_e,!0),p(C,Ce,l),p(C,Ee,!0),p(C,we,m),(u?new m(1)[be]==l:be in C)||B(C,be,{get:function(){return l}}),x[l]=m,a(a.G+a.W+a.F*(m!=y),x),a(a.S,l,{BYTES_PER_ELEMENT:t,from:Ie,of:Le}),G in C||p(C,G,t),a(a.P,l,Ve),I(l),a(a.P+a.F*Te,l,{set:ze}),a(a.P+a.F*!N,l,He),a(a.P+a.F*(C.toString!=me),l,{toString:me}),a(a.P+a.F*i(function(){new m(1).slice()}),l,{slice:Be}),a(a.P+a.F*(i(function(){return[1,2].toLocaleString()!=new m([1,2]).toLocaleString()})||!i(function(){C.toLocaleString.call([1,2])})),l,{toLocaleString:Ue}),j[l]=N?M:A,r||N||p(C,ge,A)}}else e.exports=function(){}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n){var r=u["default"].unstable_batchedUpdates?function(e){u["default"].unstable_batchedUpdates(n,e)}:n;return(0,a["default"])(e,t,r)}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var i=n(1292),a=r(i),s=n(2),u=r(s);e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={MAC_ENTER:3,BACKSPACE:8,TAB:9,NUM_CENTER:12,ENTER:13,SHIFT:16,CTRL:17,ALT:18,PAUSE:19,CAPS_LOCK:20,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,PRINT_SCREEN:44,INSERT:45,DELETE:46,ZERO:48,ONE:49,TWO:50,THREE:51,FOUR:52,FIVE:53,SIX:54,SEVEN:55,EIGHT:56,NINE:57,QUESTION_MARK:63,A:65,B:66,C:67,D:68,E:69,F:70,G:71,H:72,I:73,J:74,K:75,L:76,M:77,N:78,O:79,P:80,Q:81,R:82,S:83,T:84,U:85,V:86,W:87,X:88,Y:89,Z:90,META:91,WIN_KEY_RIGHT:92,CONTEXT_MENU:93,NUM_ZERO:96,NUM_ONE:97,NUM_TWO:98,NUM_THREE:99,NUM_FOUR:100,NUM_FIVE:101,NUM_SIX:102,NUM_SEVEN:103,NUM_EIGHT:104,NUM_NINE:105,NUM_MULTIPLY:106,NUM_PLUS:107,NUM_MINUS:109,NUM_PERIOD:110,NUM_DIVISION:111,F1:112,F2:113,F3:114,F4:115,F5:116,F6:117,F7:118,F8:119,F9:120,F10:121,F11:122,F12:123,NUMLOCK:144,SEMICOLON:186,DASH:189,EQUALS:187,COMMA:188,PERIOD:190,SLASH:191,APOSTROPHE:192,SINGLE_QUOTE:222,OPEN_SQUARE_BRACKET:219,BACKSLASH:220,CLOSE_SQUARE_BRACKET:221,WIN_KEY:224,MAC_FF_META:224,WIN_IME:229};n.isTextModifyingKeyEvent=function(e){var t=e.keyCode;if(e.altKey&&!e.ctrlKey||e.metaKey||t>=n.F1&&t<=n.F12)return!1;switch(t){case n.ALT:case n.CAPS_LOCK:case n.CONTEXT_MENU:case n.CTRL:case n.DOWN:case n.END:case n.ESC:case n.HOME:case n.INSERT:case n.LEFT:case n.MAC_FF_META:case n.META:case n.NUMLOCK:case n.NUM_CENTER:case n.PAGE_DOWN:case n.PAGE_UP:case n.PAUSE:case n.PRINT_SCREEN:case n.RIGHT:case n.SHIFT:case n.UP:case n.WIN_KEY:case n.WIN_KEY_RIGHT:return!1;default:return!0}},n.isCharacterKey=function(e){if(e>=n.ZERO&&e<=n.NINE)return!0;if(e>=n.NUM_ZERO&&e<=n.NUM_MULTIPLY)return!0;if(e>=n.A&&e<=n.Z)return!0;if(window.navigation.userAgent.indexOf("WebKit")!==-1&&0===e)return!0;switch(e){case n.SPACE:case n.QUESTION_MARK:case n.NUM_PLUS:case n.NUM_MINUS:case n.NUM_PERIOD:case n.NUM_DIVISION:case n.SEMICOLON:case n.DASH:case n.EQUALS:case n.COMMA:case n.PERIOD:case n.SLASH:case n.APOSTROPHE:case n.SINGLE_QUOTE:case n.OPEN_SQUARE_BRACKET:case n.BACKSLASH:case n.CLOSE_SQUARE_BRACKET:return!0;default:return!1}},t["default"]=n,e.exports=t["default"]},function(e,t,n){e.exports=!n(144)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(e,t,n){var r=n(51),o=n(37),i=n(120),a=n(95),s="prototype",u=function(e,t,n){var l,c,f,p=e&u.F,d=e&u.G,h=e&u.S,v=e&u.P,m=e&u.B,y=e&u.W,g=d?o:o[t]||(o[t]={}),b=g[s],_=d?r:h?r[t]:(r[t]||{})[s];d&&(n=t);for(l in n)c=!p&&_&&void 0!==_[l],c&&l in g||(f=c?_[l]:n[l],g[l]=d&&"function"!=typeof _[l]?n[l]:m&&c?i(f,r):y&&_[l]==f?function(e){var t=function(t,n,r){if(this instanceof e){switch(arguments.length){case 0:return new e;case 1:return new e(t);case 2:return new e(t,n)}return new e(t,n,r)}return e.apply(this,arguments)};return t[s]=e[s],t}(f):v&&"function"==typeof f?i(Function.call,f):f,v&&((g.virtual||(g.virtual={}))[l]=f,e&u.R&&b&&!b[l]&&a(b,l,f)))};u.F=1,u.G=2,u.S=4,u.P=8,u.B=16,u.W=32,u.U=64,u.R=128,e.exports=u},function(e,t,n){var r=n(105)("meta"),o=n(21),i=n(39),a=n(27).f,s=0,u=Object.isExtensible||function(){return!0},l=!n(18)(function(){return u(Object.preventExtensions({}))}),c=function(e){a(e,r,{value:{i:"O"+ ++s,w:{}}})},f=function(e,t){if(!o(e))return"symbol"==typeof e?e:("string"==typeof e?"S":"P")+e;if(!i(e,r)){if(!u(e))return"F";if(!t)return"E";c(e)}return e[r].i},p=function(e,t){if(!i(e,r)){if(!u(e))return!0;if(!t)return!1;c(e)}return e[r].w},d=function(e){return l&&h.NEED&&u(e)&&!i(e,r)&&c(e),e},h=e.exports={KEY:r,NEED:!1,fastKey:f,getWeak:p,onFreeze:d}},function(e,t){e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},function(e,t){var n=Math.ceil,r=Math.floor;e.exports=function(e){return isNaN(e=+e)?0:(e>0?r:n)(e)}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.createPath=t.parsePath=t.getQueryStringValueFromPath=t.stripQueryStringValueFromPath=t.addQueryStringValueToPath=void 0;var o=n(45),i=(r(o),t.addQueryStringValueToPath=function(e,t,n){var r=a(e),o=r.pathname,i=r.search,u=r.hash;return s({pathname:o,search:i+(i.indexOf("?")===-1?"?":"&")+t+"="+n,hash:u})},t.stripQueryStringValueFromPath=function(e,t){var n=a(e),r=n.pathname,o=n.search,i=n.hash;return s({pathname:r,search:o.replace(new RegExp("([?&])"+t+"=[a-zA-Z0-9]+(&?)"),function(e,t,n){return"?"===t?t:n}),hash:i})},t.getQueryStringValueFromPath=function(e,t){var n=a(e),r=n.search,o=r.match(new RegExp("[?&]"+t+"=([a-zA-Z0-9]+)"));return o&&o[1]},function(e){var t=e.match(/^(https?:)?\/\/[^\/]*/);return null==t?e:e.substring(t[0].length)}),a=t.parsePath=function(e){var t=i(e),n="",r="",o=t.indexOf("#");o!==-1&&(r=t.substring(o),t=t.substring(0,o));var a=t.indexOf("?");return a!==-1&&(n=t.substring(a),t=t.substring(0,a)),""===t&&(t="/"),{pathname:t,search:n,hash:r}},s=t.createPath=function(e){if(null==e||"string"==typeof e)return e;var t=e.basename,n=e.pathname,r=e.search,o=e.hash,i=(t||"")+n;return r&&"?"!==r&&(i+=r),o&&(i+=o),i}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=(0,m["default"])();return t.locale(e.locale()).utcOffset(e.utcOffset()),t}function i(e){return e.year()+"-"+(e.month()+1)+"-"+e.date()}function a(e){var t=o(e);return i(t)}function s(e){var t=e.locale(),n=e.localeData();return n["zh-cn"===t?"months":"monthsShort"](e)}function u(e,t){t.hour(e.hour()),t.minute(e.minute()),t.second(e.second())}function l(e,t){var n=t?t(e):{};return n=(0,h["default"])({},y,n)}function c(e,t){var n=!1;if(e){var r=e.hour(),o=e.minute(),i=e.second(),a=t.disabledHours();if(a.indexOf(r)===-1){var s=t.disabledMinutes(r);if(s.indexOf(o)===-1){var u=t.disabledSeconds(r,o);n=u.indexOf(i)!==-1}else n=!0}else n=!0}return!n}function f(e,t){var n=l(e,t);return c(e,n)}function p(e,t,n){return(!t||!t(e))&&!(n&&!f(e,n))}Object.defineProperty(t,"__esModule",{value:!0});var d=n(9),h=r(d);t.getTodayTime=o,t.getTitleString=i,t.getTodayTimeStr=a,t.getMonthName=s,t.syncTime=u,t.getTimeConfig=l,t.isTimeValidByConfig=c,t.isTimeValid=f,t.isAllowedDate=p;var v=n(25),m=r(v),y={disabledHours:function(){return[]},disabledMinutes:function(){return[]},disabledSeconds:function(){return[]}}},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function a(e,t){return e.getStyle()===t.getStyle()}function s(e,t){return e.getEntity()===t.getEntity()}var u=n(22),l=n(162),c=u.List,f=u.Map,p=u.OrderedSet,d=u.Record,h=p(),v={key:"",type:"unstyled",text:"",characterList:c(),depth:0,data:f()},m=d(v),y=function(e){function t(){return r(this,t),o(this,e.apply(this,arguments))}return i(t,e),t.prototype.getKey=function(){return this.get("key")},t.prototype.getType=function(){return this.get("type")},t.prototype.getText=function(){return this.get("text")},t.prototype.getCharacterList=function(){return this.get("characterList")},t.prototype.getLength=function(){return this.getText().length},t.prototype.getDepth=function(){return this.get("depth")},t.prototype.getData=function(){return this.get("data")},t.prototype.getInlineStyleAt=function(e){var t=this.getCharacterList().get(e);return t?t.getStyle():h},t.prototype.getEntityAt=function(e){var t=this.getCharacterList().get(e);return t?t.getEntity():null},t.prototype.findStyleRanges=function(e,t){l(this.getCharacterList(),a,e,t)},t.prototype.findEntityRanges=function(e,t){l(this.getCharacterList(),s,e,t)},t}(m);e.exports=y},function(e,t){function n(){throw new Error("setTimeout has not been defined")}function r(){throw new Error("clearTimeout has not been defined")}function o(e){if(c===setTimeout)return setTimeout(e,0);if((c===n||!c)&&setTimeout)return c=setTimeout,setTimeout(e,0);try{return c(e,0)}catch(t){try{return c.call(null,e,0)}catch(t){return c.call(this,e,0)}}}function i(e){if(f===clearTimeout)return clearTimeout(e);if((f===r||!f)&&clearTimeout)return f=clearTimeout,clearTimeout(e);try{return f(e)}catch(t){try{return f.call(null,e)}catch(t){return f.call(this,e)}}}function a(){v&&d&&(v=!1,d.length?h=d.concat(h):m=-1,h.length&&s())}function s(){if(!v){var e=o(a);v=!0;for(var t=h.length;t;){for(d=h,h=[];++m<t;)d&&d[m].run();m=-1,t=h.length}d=null,v=!1,i(e)}}function u(e,t){this.fun=e,this.array=t}function l(){}var c,f,p=e.exports={};!function(){try{c="function"==typeof setTimeout?setTimeout:n}catch(e){c=n}try{f="function"==typeof clearTimeout?clearTimeout:r}catch(e){f=r}}();var d,h=[],v=!1,m=-1;p.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];h.push(new u(e,t)),1!==h.length||v||o(s)},u.prototype.run=function(){this.fun.apply(null,this.array)},p.title="browser",p.browser=!0,p.env={},p.argv=[],p.version="",p.versions={},p.on=l,p.addListener=l,p.once=l,p.off=l,p.removeListener=l,p.removeAllListeners=l,p.emit=l,p.binding=function(e){throw new Error("process.binding is not supported")},p.cwd=function(){return"/"},p.chdir=function(e){throw new Error("process.chdir is not supported")},p.umask=function(){return 0}},function(e,t,n){"use strict";var r=n(191);e.exports=r},function(e,t,n){"use strict";function r(e){return p<=e&&e<=v}function o(e,t){if(0<=t&&t<e.length?void 0:f(!1),t+1===e.length)return!1;var n=e.charCodeAt(t),r=e.charCodeAt(t+1);return p<=n&&n<=d&&h<=r&&r<=v}function i(e){return m.test(e)}function a(e,t){return 1+r(e.charCodeAt(t))}function s(e){if(!i(e))return e.length;for(var t=0,n=0;n<e.length;n+=a(e,n))t++;return t}function u(e,t,n){if(t=t||0,n=void 0===n?1/0:n||0,!i(e))return e.substr(t,n);var r=e.length;if(r<=0||t>r||n<=0)return"";var o=0;if(t>0){for(;t>0&&o<r;t--)o+=a(e,o);if(o>=r)return""}else if(t<0){for(o=r;t<0&&0<o;t++)o-=a(e,o-1);o<0&&(o=0)}var s=r;if(n<r)for(s=o;n>0&&s<r;n--)s+=a(e,s);return e.substring(o,s)}function l(e,t,n){t=t||0,n=void 0===n?1/0:n||0,t<0&&(t=0),n<0&&(n=0);var r=Math.abs(n-t);return t=t<n?t:n,u(e,t,r)}function c(e){for(var t=[],n=0;n<e.length;n+=a(e,n))t.push(e.codePointAt(n));return t}var f=n(13),p=55296,d=56319,h=56320,v=57343,m=/[\uD800-\uDFFF]/,y={getCodePoints:c,getUTF16Length:a,hasSurrogateUnit:i,isCodeUnitInSurrogateRange:r,isSurrogatePair:o,strlen:s,substring:l,substr:u};e.exports=y},function(e,t,n){"use strict";e.exports=n(1301)},function(e,t,n){"use strict";var r=n(19),o=(n(13),function(e){var t=this;if(t.instancePool.length){var n=t.instancePool.pop();return t.call(n,e),n}return new t(e)}),i=function(e,t){var n=this;if(n.instancePool.length){var r=n.instancePool.pop();return n.call(r,e,t),r}return new n(e,t)},a=function(e,t,n){var r=this;if(r.instancePool.length){var o=r.instancePool.pop();return r.call(o,e,t,n),o}return new r(e,t,n)},s=function(e,t,n,r){var o=this;if(o.instancePool.length){var i=o.instancePool.pop();return o.call(i,e,t,n,r),i}return new o(e,t,n,r)},u=function(e){var t=this;e instanceof t?void 0:r("25"),e.destructor(),t.instancePool.length<t.poolSize&&t.instancePool.push(e)},l=10,c=o,f=function(e,t){var n=e;return n.instancePool=[],n.getPooled=t||c,n.poolSize||(n.poolSize=l),n.release=u,n},p={addPoolingTo:f,oneArgumentPooler:o,twoArgumentPooler:i,threeArgumentPooler:a,fourArgumentPooler:s};e.exports=p},function(e,t){var n={}.hasOwnProperty;e.exports=function(e,t){return n.call(e,t)}},function(e,t,n){var r=n(74),o=n(146);e.exports=n(81)?function(e,t,n){return r.f(e,t,o(1,n))}:function(e,t,n){return e[t]=n,e}},function(e,t,n){var r=n(435),o=n(254);e.exports=function(e){return r(o(e))}},function(e,t){e.exports=function(e,t,n,r){if(!(e instanceof t)||void 0!==r&&r in e)throw TypeError(n+": incorrect invocation!");return e}},function(e,t){e.exports=!1},function(e,t,n){var r=n(15),o=n(460),i=n(271),a=n(283)("IE_PROTO"),s=function(){},u="prototype",l=function(){var e,t=n(270)("iframe"),r=i.length,o="<",a=">";for(t.style.display="none",n(273).appendChild(t),t.src="javascript:",e=t.contentWindow.document,e.open(),e.write(o+"script"+a+"document.F=Object"+o+"/script"+a),e.close(),l=e.F;r--;)delete l[u][i[r]];return l()};e.exports=Object.create||function(e,t){var n;return null!==e?(s[u]=r(e),n=new s,s[u]=null,n[a]=e):n=l(),void 0===t?n:o(n,t)}},function(e,t,n){var r=n(462),o=n(271).concat("length","prototype");t.f=Object.getOwnPropertyNames||function(e){return r(e,o)}},function(e,t,n){var r=n(462),o=n(271);e.exports=Object.keys||function(e){return r(e,o)}},function(e,t,n){var r=n(42);e.exports=function(e,t,n){for(var o in t)r(e,o,t[o],n);return e}},function(e,t,n){"use strict";var r=n(17),o=n(27),i=n(26),a=n(24)("species");e.exports=function(e){var t=r[e];i&&t&&!t[a]&&o.f(t,a,{configurable:!0,get:function(){return this}})}},function(e,t,n){var r=n(85),o=Math.max,i=Math.min;e.exports=function(e,t){return e=r(e),e<0?o(e+t,0):i(e,t)}},function(e,t){var n=0,r=Math.random();e.exports=function(e){return"Symbol(".concat(void 0===e?"":e,")_",(++n+r).toString(36))}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.locationsAreEqual=t.statesAreEqual=t.createLocation=t.createQuery=void 0;var o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=n(119),s=r(a),u=n(45),l=(r(u),n(86)),c=n(192),f=(t.createQuery=function(e){return i(Object.create(null),e)},t.createLocation=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"/",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:c.POP,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r="string"==typeof e?(0,l.parsePath)(e):e,o=r.pathname||"/",i=r.search||"",a=r.hash||"",s=r.state;return{pathname:o,search:i,hash:a,state:s,action:t,key:n}},function(e){return"[object Date]"===Object.prototype.toString.call(e)}),p=t.statesAreEqual=function d(e,t){if(e===t)return!0;var n="undefined"==typeof e?"undefined":o(e),r="undefined"==typeof t?"undefined":o(t);if(n!==r)return!1;if("function"===n?(0,s["default"])(!1):void 0,"object"===n){if(f(e)&&f(t)?(0,s["default"])(!1):void 0,!Array.isArray(e)){var i=Object.keys(e),a=Object.keys(t);return i.length===a.length&&i.every(function(n){return d(e[n],t[n])})}return Array.isArray(t)&&e.length===t.length&&e.every(function(e,n){return d(e,t[n])})}return!1};t.locationsAreEqual=function(e,t){return e.key===t.key&&e.pathname===t.pathname&&e.search===t.search&&e.hash===t.hash&&p(e.state,t.state)}},function(e,t,n){"use strict";n(14),n(1259)},function(e,t){"use strict";function n(e,t){return e+t.charAt(0).toUpperCase()+t.substring(1)}function r(e,t){var n=t?Math.pow(10,t):E,r=0|e,o=e-r;return o?(o*n+(e<0?-.5:.5)|0)/n+r:e}function o(e){return window.WebKitCSSMatrix&&new window.WebKitCSSMatrix(e)||window.MozCSSMatrix&&new window.MozCSSMatrix(e)||window.DOMMatrix&&new window.DOMMatrix(e)||window.MsCSSMatrix&&new window.MsCSSMatrix(e)||window.OCSSMatrix&&new window.OCSSMatrix(e)||window.CSSMatrix&&new window.CSSMatrix(e)||null}function i(e){var t=["O","Moz","ms","Ms","Webkit"];if("filter"!==e&&e in document.body.style)return e;var n=e.charAt(0).toUpperCase()+e.substr(1),r=t.filter(function(e){return""+e+n in document.body.style});return r[0]?""+r[0]+n:null}function a(e){var t=e;return t="x"===t?"translateX":t,t="y"===t?"translateY":t,t="z"===t?"translateZ":t}function s(e){var t=void 0,n=void 0,r=void 0,o=void 0,i=void 0,a=void 0,s=void 0,u=e,l=/(?:\d|\-\d|\.\d|\-\.\d)+/g;return u?"number"==typeof u?t=[u>>16,u>>8&255,255&u]:(","===u.charAt(u.length-1)&&(u=u.substr(0,u.length-1)),S[u]?t=S[u]:"#"===u.charAt(0)?(4===u.length&&(n=u.charAt(1),r=u.charAt(2),o=u.charAt(3),u="#"+n+n+r+r+o+o),u=parseInt(u.substr(1),16),t=[u>>16,u>>8&255,255&u]):"hsl"===u.substr(0,3)?(t=u.match(l),i=Number(t[0])%360/360,a=Number(t[1])/100,s=Number(t[2])/100,r=s<=.5?s*(a+1):s+a-s*a,n=2*s-r,t.length>3&&(t[3]=Number(t[3])),t[0]=O(i+1/3,n,r),t[1]=O(i,n,r),t[2]=O(i-1/3,n,r)):t=u.match(l)||S.transparent,t[0]=Number(t[0]),t[1]=Number(t[1]),t[2]=Number(t[2]),t.length>3&&(t[3]=Number(t[3]))):t=S.black,t}function u(e){if(!e)return[0,0,0,0,0,0,0];var t=void 0;if(e.indexOf("rgb")>=0){var n=e.match(/rgb+(?:a)?\((.*)\)/),r=e.replace(n[0],"").trim().split(/\s+/);t=r.indexOf("inset"),t>=0&&r.splice(t,1);var o=n[1].replace(/\s+/g,"").split(",");return 3===o.length&&o.push(1),r.concat(o,t>=0?["inset"]:[])}var i=e.split(/\s+/);t=i.indexOf("inset"),t>=0&&i.splice(t,1);var a=s(i[i.length-1]);return a[3]="number"==typeof a[3]?a[3]:1,i=i.splice(0,i.length-1),i.concat(a,t>=0?["inset"]:[])}function l(e){var t=4===e.length?"rgba":"rgb",n=e.map(function(e,t){return t<3?Math.round(e):e});return t+"("+n.join(",")+")"}function c(e){return k._lists.transformsBase.indexOf(e)>=0?"transform":e}function f(e){var t=c(e);return k.filter.indexOf(t)>=0?"filter":t}function p(e){if("none"===e||!e||""===e)return null;var t=e.replace(" ","").split(")").filter(function(e){return e}),n={};return t.forEach(function(e){var t=e.split("(");n[t[0]]=t[1]}),n}function d(e){var t=e.match(/(?:\-|\b)[\d\-\.e]+\b/gi),n={};return 6===t.length?(n.m11=parseFloat(t[0]),n.m12=parseFloat(t[1]),n.m13=0,n.m14=0,n.m21=parseFloat(t[2]),n.m22=parseFloat(t[3]),n.m23=0,n.m24=0,n.m31=0,n.m32=0,n.m33=1,n.m34=0,n.m41=parseFloat(t[4]),n.m42=parseFloat(t[5]),n.m43=0,n.m44=0):t.forEach(function(e,t){var r=t%4+1,o=Math.floor(t/4)+1;n["m"+o+r]=parseFloat(e)}),n}function h(e){var t="none"===e||""===e?"matrix(1, 0, 0, 1, 0, 0)":e,n=d(t),o=n.m11,i=n.m12,a=n.m13,s=n.m14,u=n.m21,l=n.m22,c=n.m23,f=n.m24,p=n.m31,h=n.m32,v=n.m33,m=n.m34,y=n.m43,g=void 0,b=void 0,_=void 0,w={};w.perspective=m?r(v/(m<0?-m:m)):0,w.rotateX=r(Math.asin(c)*T);var x=w.rotateX*P,C=Math.tan(u),E=Math.tan(i),S=m*w.perspective,O=void 0;return x&&(S=Math.cos(-x),O=Math.sin(-x),g=u*S+p*O,b=l*S+h*O,_=c*S+v*O,p=u*-O+p*S,h=l*-O+h*S,v=c*-O+v*S,m=f*-O+m*S,u=g,l=b,c=_),x=Math.atan2(p,v),w.rotateY=r(x*T),x&&(S=Math.cos(-x),O=Math.sin(-x),g=o*S-p*O,b=i*S-h*O,_=a*S-v*O,h=i*O+h*S,v=a*O+v*S,m=s*O+m*S,o=g,i=b,a=_),x=Math.atan2(i,o),w.rotate=r(x*T),x&&(S=Math.cos(-x),O=Math.sin(-x),o=o*S+u*O,b=i*S+l*O,l=i*-O+l*S,c=a*-O+c*S,i=b),w.rotateX&&Math.abs(w.rotateX)+Math.abs(w.rotate)>359.9&&(w.rotateX=w.rotate=0,w.rotateY+=180),w.scaleX=r(Math.sqrt(o*o+i*i)),w.scaleY=r(Math.sqrt(l*l+h*h)),w.scaleZ=r(Math.sqrt(c*c+v*v)),w.skewX=C===-E?0:C,w.skewY=E===-C?0:E,w.perspective=m?1/(m<0?-m:m):0,w.translateX=n.m41,w.translateY=n.m42,w.translateZ=y,w}function v(e,t){var n=void 0;return _[e]||"number"!=typeof t?"content"!==e||x.test(t)||(n="'"+t.replace(/'/g,"\\'")+"'"):n=" "+t+"px",n||t}function m(e,t){var n=t&&t.toString().replace(/[^a-z|%]/gi,""),r="";return e.indexOf("translate")>=0||e.indexOf("perspective")>=0||e.indexOf("blur")>=0?r="px":(e.indexOf("skew")>=0||e.indexOf("rotate")>=0)&&(r="deg"),n||r}function y(e,t,n){return e+"("+t+(n||"")+")"}function g(e,t){var n=null;return e&&e.forEach(function(e){if(!n){var r=e.split("(")[0],o=r in k.transformGroup&&t.substring(0,t.length-1).indexOf(r)>=0,i=t in k.transformGroup&&r.substring(0,r.length-1).indexOf(t)>=0,a=r in k.transformGroup&&t in k.transformGroup&&(r.substring(0,r.length-2)===t||t.substring(0,t.length-2)===r);(r===t||o||i||a)&&(n=e)}}),n}function b(e,t){if(!e||""===e)return t;if(!t||""===t)return e;var n=e.replace(/\s/g,"").split(")").filter(function(e){return""!==e&&e}).map(function(e){return e+")"}),r=t.replace(/\s/g,"").split(")").filter(function(e){return""!==e&&e});return r.forEach(function(e){var t=e.split("("),r=t[0],o=g(n,r);if(o){var i=n.indexOf(o);n[i]=e+")"}else n.push(e+")")}),n.forEach(function(e,t){e.indexOf("perspective")>=0&&t&&(n.splice(t,1),n.unshift(e))}),n.join(" ").trim()}Object.defineProperty(t,"__esModule",{value:!0}),t.toFixed=r,t.createMatrix=o,t.checkStyleName=i,t.getGsapType=a,t.parseColor=s,t.parseShadow=u,t.getColor=l,t.isTransform=c,t.isConvert=f,t.splitFilterToObject=p,t.getMatrix=d,t.getTransform=h,t.stylesToCss=v,t.getUnit=m,t.getValues=y,t.findStyleByName=g,t.mergeStyle=b;var _={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridRow:!0,gridColumn:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},w=["Webkit","ms","Moz","O"];Object.keys(_).forEach(function(e){w.forEach(function(t){_[n(t,e)]=_[e]})});var x=/^(normal|none|(\b(url\([^)]*\)|chapter_counter|attr\([^)]*\)|(no-)?(open|close)-quote|inherit)((\b\s*)|$|\s+))+)$/,C=function(){return"undefined"!=typeof document&&!(!navigator||!(navigator.userAgent.indexOf("MSIE 8.0")>0||navigator.userAgent.indexOf("MSIE 9.0")>0))}(),E=1e5,S={aqua:[0,255,255],lime:[0,255,0],silver:[192,192,192],black:[0,0,0],maroon:[128,0,0],teal:[0,128,128],blue:[0,0,255],navy:[0,0,128],white:[255,255,255],fuchsia:[255,0,255],olive:[128,128,0],yellow:[255,255,0],orange:[255,165,0],gray:[128,128,128],purple:[128,0,128],green:[0,128,0],red:[255,0,0],pink:[255,192,203],cyan:[0,255,255],transparent:[255,255,255,0]},O=function(e,t,n){var r=e>1?e-1:e;r=e<0?e+1:r;var o=3*r<2?t+(n-t)*(2/3-r)*6:t,i=r<.5?n:o,a=6*r<1?t+(n-t)*r*6:i;return 255*a+.5|0},P=Math.PI/180,T=180/Math.PI,k={_lists:{transformsBase:["translate","translateX","translateY","scale","scaleX","scaleY","skewX","skewY","rotateZ","rotate"],transforms3D:["translate3d","translateZ","scaleZ","rotateX","rotateY","perspective"]},transformGroup:{translate:1,translate3d:1,scale:1,scale3d:1,rotate:1,rotate3d:1},filter:["grayScale","sepia","hueRotate","invert","brightness","contrast","blur"],filterConvert:{grayScale:"grayscale",hueRotate:"hue-rotate"}};k._lists.transformsBase=C?k._lists.transformsBase:k._lists.transformsBase.concat(k._lists.transforms3D),t["default"]=k},function(e,t,n){"use strict";var r=n(546),o=n(132),i=n(55),a=n(547),s=n(88),u=n(160),l=n(206),c=n(329),f=n(549),p=n(330),d=n(161),h=n(35),v=n(331),m=n(20),y=n(207),g=n(560),b=n(110),_=n(565),w=n(334),x=n(566),C=n(63),E=n(335),S=n(589),O={Editor:f,EditorBlock:p,EditorState:m,CompositeDecorator:a,Entity:d,EntityInstance:v,BlockMapBuilder:o,CharacterMetadata:i,ContentBlock:s,ContentState:u,SelectionState:b,AtomicBlockUtils:r,KeyBindingUtil:y,Modifier:h,RichUtils:g,DefaultDraftBlockRenderMap:l,DefaultDraftInlineStyle:c,convertFromHTML:w,convertFromRaw:x,convertToRaw:_,genKey:C,getDefaultKeyBinding:E,getVisibleSelectionRect:S};e.exports=O},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a=n(22),s=a.Record,u={anchorKey:"",anchorOffset:0,focusKey:"",focusOffset:0,isBackward:!1,hasFocus:!1},l=s(u),c=function(e){function t(){return r(this,t),o(this,e.apply(this,arguments))}return i(t,e),t.prototype.serialize=function(){return"Anchor: "+this.getAnchorKey()+":"+this.getAnchorOffset()+", Focus: "+this.getFocusKey()+":"+this.getFocusOffset()+", Is Backward: "+String(this.getIsBackward())+", Has Focus: "+String(this.getHasFocus())},t.prototype.getAnchorKey=function(){return this.get("anchorKey")},t.prototype.getAnchorOffset=function(){return this.get("anchorOffset")},t.prototype.getFocusKey=function(){return this.get("focusKey")},t.prototype.getFocusOffset=function(){return this.get("focusOffset")},t.prototype.getIsBackward=function(){return this.get("isBackward")},t.prototype.getHasFocus=function(){return this.get("hasFocus")},t.prototype.hasEdgeWithin=function(e,t,n){var r=this.getAnchorKey(),o=this.getFocusKey();if(r===o&&r===e){var i=this.getStartOffset(),a=this.getEndOffset();
+return t<=a&&i<=n}if(e!==r&&e!==o)return!1;var s=e===r?this.getAnchorOffset():this.getFocusOffset();return t<=s&&n>=s},t.prototype.isCollapsed=function(){return this.getAnchorKey()===this.getFocusKey()&&this.getAnchorOffset()===this.getFocusOffset()},t.prototype.getStartKey=function(){return this.getIsBackward()?this.getFocusKey():this.getAnchorKey()},t.prototype.getStartOffset=function(){return this.getIsBackward()?this.getFocusOffset():this.getAnchorOffset()},t.prototype.getEndKey=function(){return this.getIsBackward()?this.getAnchorKey():this.getFocusKey()},t.prototype.getEndOffset=function(){return this.getIsBackward()?this.getAnchorOffset():this.getFocusOffset()},t.createEmpty=function(e){return new t({anchorKey:e,anchorOffset:0,focusKey:e,focusOffset:0,isBackward:!1,hasFocus:!1})},t}(l);e.exports=c},function(e,t,n){var r=n(165),o=n(214);e.exports=function(e){return function t(n,i){switch(arguments.length){case 0:return t;case 1:return o(n)?t:r(function(t){return e(n,t)});default:return o(n)&&o(i)?t:o(n)?r(function(t){return e(t,i)}):o(i)?r(function(t){return e(n,t)}):e(n,i)}}}},function(e,t,n){"use strict";var r={};e.exports=r},function(e,t,n){"use strict";function r(e){if(m){var t=e.node,n=e.children;if(n.length)for(var r=0;r<n.length;r++)y(t,n[r],null);else null!=e.html?f(t,e.html):null!=e.text&&d(t,e.text)}}function o(e,t){e.parentNode.replaceChild(t.node,e),r(t)}function i(e,t){m?e.children.push(t):e.node.appendChild(t.node)}function a(e,t){m?e.html=t:f(e.node,t)}function s(e,t){m?e.text=t:d(e.node,t)}function u(){return this.node.nodeName}function l(e){return{node:e,children:[],html:null,text:null,toString:u}}var c=n(234),f=n(174),p=n(242),d=n(418),h=1,v=11,m="undefined"!=typeof document&&"number"==typeof document.documentMode||"undefined"!=typeof navigator&&"string"==typeof navigator.userAgent&&/\bEdge\/\d/.test(navigator.userAgent),y=p(function(e,t,n){t.node.nodeType===v||t.node.nodeType===h&&"object"===t.node.nodeName.toLowerCase()&&(null==t.node.namespaceURI||t.node.namespaceURI===c.html)?(r(t),e.insertBefore(t.node,n)):(e.insertBefore(t.node,n),r(t))});l.insertTreeBefore=y,l.replaceChildWithTree=o,l.queueChild=i,l.queueHTML=a,l.queueText=s,e.exports=l},function(e,t,n){"use strict";function r(e,t){return(e&t)===t}var o=n(19),i=(n(13),{MUST_USE_PROPERTY:1,HAS_BOOLEAN_VALUE:4,HAS_NUMERIC_VALUE:8,HAS_POSITIVE_NUMERIC_VALUE:24,HAS_OVERLOADED_BOOLEAN_VALUE:32,injectDOMPropertyConfig:function(e){var t=i,n=e.Properties||{},a=e.DOMAttributeNamespaces||{},u=e.DOMAttributeNames||{},l=e.DOMPropertyNames||{},c=e.DOMMutationMethods||{};e.isCustomAttribute&&s._isCustomAttributeFunctions.push(e.isCustomAttribute);for(var f in n){s.properties.hasOwnProperty(f)?o("48",f):void 0;var p=f.toLowerCase(),d=n[f],h={attributeName:p,attributeNamespace:null,propertyName:f,mutationMethod:null,mustUseProperty:r(d,t.MUST_USE_PROPERTY),hasBooleanValue:r(d,t.HAS_BOOLEAN_VALUE),hasNumericValue:r(d,t.HAS_NUMERIC_VALUE),hasPositiveNumericValue:r(d,t.HAS_POSITIVE_NUMERIC_VALUE),hasOverloadedBooleanValue:r(d,t.HAS_OVERLOADED_BOOLEAN_VALUE)};if(h.hasBooleanValue+h.hasNumericValue+h.hasOverloadedBooleanValue<=1?void 0:o("50",f),u.hasOwnProperty(f)){var v=u[f];h.attributeName=v}a.hasOwnProperty(f)&&(h.attributeNamespace=a[f]),l.hasOwnProperty(f)&&(h.propertyName=l[f]),c.hasOwnProperty(f)&&(h.mutationMethod=c[f]),s.properties[f]=h}}}),a=":A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD",s={ID_ATTRIBUTE_NAME:"data-reactid",ROOT_ATTRIBUTE_NAME:"data-reactroot",ATTRIBUTE_NAME_START_CHAR:a,ATTRIBUTE_NAME_CHAR:a+"\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040",properties:{},getPossibleStandardName:null,_isCustomAttributeFunctions:[],isCustomAttribute:function(e){for(var t=0;t<s._isCustomAttributeFunctions.length;t++){var n=s._isCustomAttributeFunctions[t];if(n(e))return!0}return!1},injection:i};e.exports=s},function(e,t,n){"use strict";function r(){o.attachRefs(this,this._currentElement)}var o=n(1418),i=(n(58),n(16),{mountComponent:function(e,t,n,o,i,a){var s=e.mountComponent(t,n,o,i,a);return e._currentElement&&null!=e._currentElement.ref&&t.getReactMountReady().enqueue(r,e),s},getHostNode:function(e){return e.getHostNode()},unmountComponent:function(e,t){o.detachRefs(e,e._currentElement),e.unmountComponent(t)},receiveComponent:function(e,t,n,i){var a=e._currentElement;if(t!==a||i!==e._context){var s=o.shouldUpdateRefs(a,t);s&&o.detachRefs(e,a),e.receiveComponent(t,n,i),s&&e._currentElement&&null!=e._currentElement.ref&&n.getReactMountReady().enqueue(r,e)}},performUpdateIfNecessary:function(e,t,n){e._updateBatchNumber===n&&e.performUpdateIfNecessary(t)}});e.exports=i},function(e,t,n){"use strict";var r=n(11),o=n(1447),i=n(249),a=n(1452),s=n(1448),u=n(1449),l=n(117),c=n(1451),f=n(1453),p=n(1456),d=(n(16),l.createElement),h=l.createFactory,v=l.cloneElement,m=r,y={Children:{map:o.map,forEach:o.forEach,count:o.count,toArray:o.toArray,only:p},Component:i,PureComponent:a,createElement:d,cloneElement:v,isValidElement:l.isValidElement,PropTypes:c,createClass:s.createClass,createFactory:h,createMixin:function(e){return e},DOM:u,version:f,__spread:m};e.exports=y},function(e,t,n){"use strict";function r(e){return void 0!==e.ref}function o(e){return void 0!==e.key}var i=n(11),a=n(72),s=(n(16),n(422),Object.prototype.hasOwnProperty),u=n(421),l={key:!0,ref:!0,__self:!0,__source:!0},c=function(e,t,n,r,o,i,a){var s={$$typeof:u,type:e,key:t,ref:n,props:a,_owner:i};return s};c.createElement=function(e,t,n){var i,u={},f=null,p=null,d=null,h=null;if(null!=t){r(t)&&(p=t.ref),o(t)&&(f=""+t.key),d=void 0===t.__self?null:t.__self,h=void 0===t.__source?null:t.__source;for(i in t)s.call(t,i)&&!l.hasOwnProperty(i)&&(u[i]=t[i])}var v=arguments.length-2;if(1===v)u.children=n;else if(v>1){for(var m=Array(v),y=0;y<v;y++)m[y]=arguments[y+2];u.children=m}if(e&&e.defaultProps){var g=e.defaultProps;for(i in g)void 0===u[i]&&(u[i]=g[i])}return c(e,f,p,d,h,a.current,u)},c.createFactory=function(e){var t=c.createElement.bind(null,e);return t.type=e,t},c.cloneAndReplaceKey=function(e,t){var n=c(e.type,t,e.ref,e._self,e._source,e._owner,e.props);return n},c.cloneElement=function(e,t,n){var u,f=i({},e.props),p=e.key,d=e.ref,h=e._self,v=e._source,m=e._owner;if(null!=t){r(t)&&(d=t.ref,m=a.current),o(t)&&(p=""+t.key);var y;e.type&&e.type.defaultProps&&(y=e.type.defaultProps);for(u in t)s.call(t,u)&&!l.hasOwnProperty(u)&&(void 0===t[u]&&void 0!==y?f[u]=y[u]:f[u]=t[u])}var g=arguments.length-2;if(1===g)f.children=n;else if(g>1){for(var b=Array(g),_=0;_<g;_++)b[_]=arguments[_+2];f.children=b}return c(e.type,p,d,h,v,m,f)},c.isValidElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===u},e.exports=c},function(e,t){"use strict";function n(e){for(var t=arguments.length-1,n="Minified React error #"+e+"; visit http://facebook.github.io/react/docs/error-decoder.html?invariant="+e,r=0;r<t;r++)n+="&args[]="+encodeURIComponent(arguments[r+1]);n+=" for the full message or use the non-minified dev environment for full errors and additional helpful warnings.";var o=new Error(n);throw o.name="Invariant Violation",o.framesToPop=1,o}e.exports=n},function(e,t,n){"use strict";var r=function(e,t,n,r,o,i,a,s){if(!e){var u;if(void 0===t)u=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var l=[n,r,o,i,a,s],c=0;u=new Error(t.replace(/%s/g,function(){return l[c++]})),u.name="Invariant Violation"}throw u.framesToPop=1,u}};e.exports=r},function(e,t,n){var r=n(252);e.exports=function(e,t,n){if(r(e),void 0===t)return e;switch(n){case 1:return function(n){return e.call(t,n)};case 2:return function(n,r){return e.call(t,n,r)};case 3:return function(n,r,o){return e.call(t,n,r,o)}}return function(){return e.apply(t,arguments)}}},function(e,t){e.exports=function(e){return"object"==typeof e?null!==e:"function"==typeof e}},function(e,t){e.exports={}},function(e,t,n){var r=n(24)("unscopables"),o=Array.prototype;void 0==o[r]&&n(41)(o,r,{}),e.exports=function(e){o[r][e]=!0}},function(e,t,n){var r=n(76),o=n(456),i=n(275),a=n(15),s=n(30),u=n(292),l={},c={},t=e.exports=function(e,t,n,f,p){var d,h,v,m,y=p?function(){return e}:u(e),g=r(n,f,t?2:1),b=0;if("function"!=typeof y)throw TypeError(e+" is not iterable!");if(i(y)){for(d=s(e.length);d>b;b++)if(m=t?g(a(h=e[b])[0],h[1]):g(e[b]),m===l||m===c)return m}else for(v=y.call(e);!(h=v.next()).done;)if(m=o(v,g,h.value,t),m===l||m===c)return m};t.BREAK=l,t.RETURN=c},function(e,t){e.exports={}},function(e,t,n){var r=n(27).f,o=n(39),i=n(24)("toStringTag");e.exports=function(e,t,n){e&&!o(e=n?e:e.prototype,i)&&r(e,i,{configurable:!0,value:t})}},function(e,t,n){var r=n(5),o=n(60),i=n(18),a=n(288),s="["+a+"]",u="\u200b\x85",l=RegExp("^"+s+s+"*"),c=RegExp(s+s+"*$"),f=function(e,t,n){var o={},s=i(function(){return!!a[e]()||u[e]()!=u}),l=o[e]=s?t(p):a[e];n&&(o[n]=l),r(r.P+r.F*s,"String",o)},p=f.trim=function(e,t){return e=String(o(e)),1&t&&(e=e.replace(l,"")),2&t&&(e=e.replace(c,"")),e};e.exports=f},function(e,t,n){!function(t,n){e.exports=n()}(this,function(){"use strict";function e(e,t){t&&(e.prototype=Object.create(t.prototype)),e.prototype.constructor=e}function t(e){return i(e)?e:k(e)}function n(e){return a(e)?e:M(e)}function r(e){return s(e)?e:N(e)}function o(e){return i(e)&&!u(e)?e:A(e)}function i(e){return!(!e||!e[ln])}function a(e){return!(!e||!e[cn])}function s(e){return!(!e||!e[fn])}function u(e){return a(e)||s(e)}function l(e){return!(!e||!e[pn])}function c(e){return e.value=!1,e}function f(e){e&&(e.value=!0)}function p(){}function d(e,t){t=t||0;for(var n=Math.max(0,e.length-t),r=new Array(n),o=0;o<n;o++)r[o]=e[o+t];return r}function h(e){return void 0===e.size&&(e.size=e.__iterate(m)),e.size}function v(e,t){if("number"!=typeof t){var n=t>>>0;if(""+n!==t||4294967295===n)return NaN;t=n}return t<0?h(e)+t:t}function m(){return!0}function y(e,t,n){return(0===e||void 0!==n&&e<=-n)&&(void 0===t||void 0!==n&&t>=n)}function g(e,t){return _(e,t,0)}function b(e,t){return _(e,t,t)}function _(e,t,n){return void 0===e?n:e<0?Math.max(0,t+e):void 0===t?e:Math.min(t,e)}function w(e){this.next=e}function x(e,t,n,r){var o=0===e?t:1===e?n:[t,n];return r?r.value=o:r={value:o,done:!1},r}function C(){return{value:void 0,done:!0}}function E(e){return!!P(e)}function S(e){return e&&"function"==typeof e.next}function O(e){var t=P(e);return t&&t.call(e)}function P(e){var t=e&&(Cn&&e[Cn]||e[En]);if("function"==typeof t)return t}function T(e){return e&&"number"==typeof e.length}function k(e){return null===e||void 0===e?F():i(e)?e.toSeq():B(e)}function M(e){return null===e||void 0===e?F().toKeyedSeq():i(e)?a(e)?e.toSeq():e.fromEntrySeq():U(e)}function N(e){return null===e||void 0===e?F():i(e)?a(e)?e.entrySeq():e.toIndexedSeq():V(e)}function A(e){return(null===e||void 0===e?F():i(e)?a(e)?e.entrySeq():e:V(e)).toSetSeq()}function D(e){this._array=e,this.size=e.length}function j(e){var t=Object.keys(e);this._object=e,this._keys=t,this.size=t.length}function R(e){this._iterable=e,this.size=e.length||e.size}function I(e){this._iterator=e,this._iteratorCache=[]}function L(e){return!(!e||!e[On])}function F(){return Pn||(Pn=new D([]))}function U(e){var t=Array.isArray(e)?new D(e).fromEntrySeq():S(e)?new I(e).fromEntrySeq():E(e)?new R(e).fromEntrySeq():"object"==typeof e?new j(e):void 0;if(!t)throw new TypeError("Expected Array or iterable object of [k, v] entries, or keyed object: "+e);return t}function V(e){var t=z(e);if(!t)throw new TypeError("Expected Array or iterable object of values: "+e);return t}function B(e){var t=z(e)||"object"==typeof e&&new j(e);if(!t)throw new TypeError("Expected Array or iterable object of values, or keyed object: "+e);return t}function z(e){return T(e)?new D(e):S(e)?new I(e):E(e)?new R(e):void 0}function H(e,t,n,r){var o=e._cache;if(o){for(var i=o.length-1,a=0;a<=i;a++){var s=o[n?i-a:a];if(t(s[1],r?s[0]:a,e)===!1)return a+1}return a}return e.__iterateUncached(t,n)}function K(e,t,n,r){var o=e._cache;if(o){var i=o.length-1,a=0;return new w(function(){var e=o[n?i-a:a];return a++>i?C():x(t,r?e[0]:a-1,e[1])})}return e.__iteratorUncached(t,n)}function W(e,t){return t?q(t,e,"",{"":e}):Y(e)}function q(e,t,n,r){return Array.isArray(t)?e.call(r,n,N(t).map(function(n,r){return q(e,n,r,t)})):G(t)?e.call(r,n,M(t).map(function(n,r){return q(e,n,r,t)})):t}function Y(e){return Array.isArray(e)?N(e).map(Y).toList():G(e)?M(e).map(Y).toMap():e}function G(e){return e&&(e.constructor===Object||void 0===e.constructor)}function X(e,t){if(e===t||e!==e&&t!==t)return!0;if(!e||!t)return!1;if("function"==typeof e.valueOf&&"function"==typeof t.valueOf){if(e=e.valueOf(),t=t.valueOf(),e===t||e!==e&&t!==t)return!0;if(!e||!t)return!1}return!("function"!=typeof e.equals||"function"!=typeof t.equals||!e.equals(t))}function $(e,t){if(e===t)return!0;if(!i(t)||void 0!==e.size&&void 0!==t.size&&e.size!==t.size||void 0!==e.__hash&&void 0!==t.__hash&&e.__hash!==t.__hash||a(e)!==a(t)||s(e)!==s(t)||l(e)!==l(t))return!1;if(0===e.size&&0===t.size)return!0;var n=!u(e);if(l(e)){var r=e.entries();return t.every(function(e,t){var o=r.next().value;return o&&X(o[1],e)&&(n||X(o[0],t))})&&r.next().done}var o=!1;if(void 0===e.size)if(void 0===t.size)"function"==typeof e.cacheResult&&e.cacheResult();else{o=!0;var c=e;e=t,t=c}var f=!0,p=t.__iterate(function(t,r){if(n?!e.has(t):o?!X(t,e.get(r,yn)):!X(e.get(r,yn),t))return f=!1,!1});return f&&e.size===p}function Z(e,t){if(!(this instanceof Z))return new Z(e,t);if(this._value=e,this.size=void 0===t?1/0:Math.max(0,t),0===this.size){if(Tn)return Tn;Tn=this}}function Q(e,t){if(!e)throw new Error(t)}function J(e,t,n){if(!(this instanceof J))return new J(e,t,n);if(Q(0!==n,"Cannot step a Range by 0"),e=e||0,void 0===t&&(t=1/0),n=void 0===n?1:Math.abs(n),t<e&&(n=-n),this._start=e,this._end=t,this._step=n,this.size=Math.max(0,Math.ceil((t-e)/n-1)+1),0===this.size){if(kn)return kn;kn=this}}function ee(){throw TypeError("Abstract")}function te(){}function ne(){}function re(){}function oe(e){return e>>>1&1073741824|3221225471&e}function ie(e){if(e===!1||null===e||void 0===e)return 0;if("function"==typeof e.valueOf&&(e=e.valueOf(),e===!1||null===e||void 0===e))return 0;if(e===!0)return 1;var t=typeof e;if("number"===t){if(e!==e||e===1/0)return 0;var n=0|e;for(n!==e&&(n^=4294967295*e);e>4294967295;)e/=4294967295,n^=e;return oe(n)}if("string"===t)return e.length>Ln?ae(e):se(e);if("function"==typeof e.hashCode)return e.hashCode();if("object"===t)return ue(e);if("function"==typeof e.toString)return se(e.toString());throw new Error("Value type "+t+" cannot be hashed.")}function ae(e){var t=Vn[e];return void 0===t&&(t=se(e),Un===Fn&&(Un=0,Vn={}),Un++,Vn[e]=t),t}function se(e){for(var t=0,n=0;n<e.length;n++)t=31*t+e.charCodeAt(n)|0;return oe(t)}function ue(e){var t;if(jn&&(t=Mn.get(e),void 0!==t))return t;if(t=e[In],void 0!==t)return t;if(!Dn){if(t=e.propertyIsEnumerable&&e.propertyIsEnumerable[In],void 0!==t)return t;if(t=le(e),void 0!==t)return t}if(t=++Rn,1073741824&Rn&&(Rn=0),jn)Mn.set(e,t);else{if(void 0!==An&&An(e)===!1)throw new Error("Non-extensible objects are not allowed as keys.");if(Dn)Object.defineProperty(e,In,{enumerable:!1,configurable:!1,writable:!1,value:t});else if(void 0!==e.propertyIsEnumerable&&e.propertyIsEnumerable===e.constructor.prototype.propertyIsEnumerable)e.propertyIsEnumerable=function(){return this.constructor.prototype.propertyIsEnumerable.apply(this,arguments)},e.propertyIsEnumerable[In]=t;else{if(void 0===e.nodeType)throw new Error("Unable to set a non-enumerable property on object.");e[In]=t}}return t}function le(e){if(e&&e.nodeType>0)switch(e.nodeType){case 1:return e.uniqueID;case 9:return e.documentElement&&e.documentElement.uniqueID}}function ce(e){Q(e!==1/0,"Cannot perform this action with an infinite size.")}function fe(e){return null===e||void 0===e?xe():pe(e)&&!l(e)?e:xe().withMutations(function(t){var r=n(e);ce(r.size),r.forEach(function(e,n){return t.set(n,e)})})}function pe(e){return!(!e||!e[Bn])}function de(e,t){this.ownerID=e,this.entries=t}function he(e,t,n){this.ownerID=e,this.bitmap=t,this.nodes=n}function ve(e,t,n){this.ownerID=e,this.count=t,this.nodes=n}function me(e,t,n){this.ownerID=e,this.keyHash=t,this.entries=n}function ye(e,t,n){this.ownerID=e,this.keyHash=t,this.entry=n}function ge(e,t,n){this._type=t,this._reverse=n,this._stack=e._root&&_e(e._root)}function be(e,t){return x(e,t[0],t[1])}function _e(e,t){return{node:e,index:0,__prev:t}}function we(e,t,n,r){var o=Object.create(zn);return o.size=e,o._root=t,o.__ownerID=n,o.__hash=r,o.__altered=!1,o}function xe(){return Hn||(Hn=we(0))}function Ce(e,t,n){var r,o;if(e._root){var i=c(gn),a=c(bn);if(r=Ee(e._root,e.__ownerID,0,void 0,t,n,i,a),!a.value)return e;o=e.size+(i.value?n===yn?-1:1:0)}else{if(n===yn)return e;o=1,r=new de(e.__ownerID,[[t,n]])}return e.__ownerID?(e.size=o,e._root=r,e.__hash=void 0,e.__altered=!0,e):r?we(o,r):xe()}function Ee(e,t,n,r,o,i,a,s){return e?e.update(t,n,r,o,i,a,s):i===yn?e:(f(s),f(a),new ye(t,r,[o,i]))}function Se(e){return e.constructor===ye||e.constructor===me}function Oe(e,t,n,r,o){if(e.keyHash===r)return new me(t,r,[e.entry,o]);var i,a=(0===n?e.keyHash:e.keyHash>>>n)&mn,s=(0===n?r:r>>>n)&mn,u=a===s?[Oe(e,t,n+hn,r,o)]:(i=new ye(t,r,o),a<s?[e,i]:[i,e]);return new he(t,1<<a|1<<s,u)}function Pe(e,t,n,r){e||(e=new p);for(var o=new ye(e,ie(n),[n,r]),i=0;i<t.length;i++){var a=t[i];o=o.update(e,0,void 0,a[0],a[1])}return o}function Te(e,t,n,r){for(var o=0,i=0,a=new Array(n),s=0,u=1,l=t.length;s<l;s++,u<<=1){var c=t[s];void 0!==c&&s!==r&&(o|=u,a[i++]=c)}return new he(e,o,a)}function ke(e,t,n,r,o){for(var i=0,a=new Array(vn),s=0;0!==n;s++,n>>>=1)a[s]=1&n?t[i++]:void 0;return a[r]=o,new ve(e,i+1,a)}function Me(e,t,r){for(var o=[],a=0;a<r.length;a++){var s=r[a],u=n(s);i(s)||(u=u.map(function(e){return W(e)})),o.push(u)}return De(e,t,o)}function Ne(e,t,n){return e&&e.mergeDeep&&i(t)?e.mergeDeep(t):X(e,t)?e:t}function Ae(e){return function(t,n,r){if(t&&t.mergeDeepWith&&i(n))return t.mergeDeepWith(e,n);var o=e(t,n,r);return X(t,o)?t:o}}function De(e,t,n){return n=n.filter(function(e){return 0!==e.size}),0===n.length?e:0!==e.size||e.__ownerID||1!==n.length?e.withMutations(function(e){for(var r=t?function(n,r){e.update(r,yn,function(e){return e===yn?n:t(e,n,r)})}:function(t,n){e.set(n,t)},o=0;o<n.length;o++)n[o].forEach(r)}):e.constructor(n[0])}function je(e,t,n,r){var o=e===yn,i=t.next();if(i.done){var a=o?n:e,s=r(a);return s===a?e:s}Q(o||e&&e.set,"invalid keyPath");var u=i.value,l=o?yn:e.get(u,yn),c=je(l,t,n,r);return c===l?e:c===yn?e.remove(u):(o?xe():e).set(u,c)}function Re(e){return e-=e>>1&1431655765,e=(858993459&e)+(e>>2&858993459),e=e+(e>>4)&252645135,e+=e>>8,e+=e>>16,127&e}function Ie(e,t,n,r){var o=r?e:d(e);return o[t]=n,o}function Le(e,t,n,r){var o=e.length+1;if(r&&t+1===o)return e[t]=n,e;for(var i=new Array(o),a=0,s=0;s<o;s++)s===t?(i[s]=n,a=-1):i[s]=e[s+a];return i}function Fe(e,t,n){var r=e.length-1;if(n&&t===r)return e.pop(),e;for(var o=new Array(r),i=0,a=0;a<r;a++)a===t&&(i=1),o[a]=e[a+i];return o}function Ue(e){var t=Ke();if(null===e||void 0===e)return t;if(Ve(e))return e;var n=r(e),o=n.size;return 0===o?t:(ce(o),o>0&&o<vn?He(0,o,hn,null,new Be(n.toArray())):t.withMutations(function(e){e.setSize(o),n.forEach(function(t,n){return e.set(n,t)})}))}function Ve(e){return!(!e||!e[Yn])}function Be(e,t){this.array=e,this.ownerID=t}function ze(e,t){function n(e,t,n){return 0===t?r(e,n):o(e,t,n)}function r(e,n){var r=n===s?u&&u.array:e&&e.array,o=n>i?0:i-n,l=a-n;return l>vn&&(l=vn),function(){if(o===l)return $n;var e=t?--l:o++;return r&&r[e]}}function o(e,r,o){var s,u=e&&e.array,l=o>i?0:i-o>>r,c=(a-o>>r)+1;return c>vn&&(c=vn),function(){for(;;){if(s){var e=s();if(e!==$n)return e;s=null}if(l===c)return $n;var i=t?--c:l++;s=n(u&&u[i],r-hn,o+(i<<r))}}}var i=e._origin,a=e._capacity,s=Ze(a),u=e._tail;return n(e._root,e._level,0)}function He(e,t,n,r,o,i,a){var s=Object.create(Gn);return s.size=t-e,s._origin=e,s._capacity=t,s._level=n,s._root=r,s._tail=o,s.__ownerID=i,s.__hash=a,s.__altered=!1,s}function Ke(){return Xn||(Xn=He(0,0,hn))}function We(e,t,n){if(t=v(e,t),t!==t)return e;if(t>=e.size||t<0)return e.withMutations(function(e){t<0?Xe(e,t).set(0,n):Xe(e,0,t+1).set(t,n)});t+=e._origin;var r=e._tail,o=e._root,i=c(bn);return t>=Ze(e._capacity)?r=qe(r,e.__ownerID,0,t,n,i):o=qe(o,e.__ownerID,e._level,t,n,i),i.value?e.__ownerID?(e._root=o,e._tail=r,e.__hash=void 0,e.__altered=!0,e):He(e._origin,e._capacity,e._level,o,r):e}function qe(e,t,n,r,o,i){var a=r>>>n&mn,s=e&&a<e.array.length;if(!s&&void 0===o)return e;var u;if(n>0){var l=e&&e.array[a],c=qe(l,t,n-hn,r,o,i);return c===l?e:(u=Ye(e,t),u.array[a]=c,u)}return s&&e.array[a]===o?e:(f(i),u=Ye(e,t),void 0===o&&a===u.array.length-1?u.array.pop():u.array[a]=o,u)}function Ye(e,t){return t&&e&&t===e.ownerID?e:new Be(e?e.array.slice():[],t)}function Ge(e,t){if(t>=Ze(e._capacity))return e._tail;if(t<1<<e._level+hn){for(var n=e._root,r=e._level;n&&r>0;)n=n.array[t>>>r&mn],r-=hn;return n}}function Xe(e,t,n){void 0!==t&&(t=0|t),void 0!==n&&(n=0|n);var r=e.__ownerID||new p,o=e._origin,i=e._capacity,a=o+t,s=void 0===n?i:n<0?i+n:o+n;if(a===o&&s===i)return e;if(a>=s)return e.clear();for(var u=e._level,l=e._root,c=0;a+c<0;)l=new Be(l&&l.array.length?[void 0,l]:[],r),u+=hn,c+=1<<u;c&&(a+=c,o+=c,s+=c,i+=c);for(var f=Ze(i),d=Ze(s);d>=1<<u+hn;)l=new Be(l&&l.array.length?[l]:[],r),u+=hn;var h=e._tail,v=d<f?Ge(e,s-1):d>f?new Be([],r):h;if(h&&d>f&&a<i&&h.array.length){l=Ye(l,r);for(var m=l,y=u;y>hn;y-=hn){var g=f>>>y&mn;m=m.array[g]=Ye(m.array[g],r)}m.array[f>>>hn&mn]=h}if(s<i&&(v=v&&v.removeAfter(r,0,s)),a>=d)a-=d,s-=d,u=hn,l=null,v=v&&v.removeBefore(r,0,a);else if(a>o||d<f){for(c=0;l;){var b=a>>>u&mn;if(b!==d>>>u&mn)break;b&&(c+=(1<<u)*b),u-=hn,l=l.array[b]}l&&a>o&&(l=l.removeBefore(r,u,a-c)),l&&d<f&&(l=l.removeAfter(r,u,d-c)),c&&(a-=c,s-=c)}return e.__ownerID?(e.size=s-a,e._origin=a,e._capacity=s,e._level=u,e._root=l,e._tail=v,e.__hash=void 0,e.__altered=!0,e):He(a,s,u,l,v)}function $e(e,t,n){for(var o=[],a=0,s=0;s<n.length;s++){var u=n[s],l=r(u);l.size>a&&(a=l.size),i(u)||(l=l.map(function(e){return W(e)})),o.push(l)}return a>e.size&&(e=e.setSize(a)),De(e,t,o)}function Ze(e){return e<vn?0:e-1>>>hn<<hn}function Qe(e){return null===e||void 0===e?tt():Je(e)?e:tt().withMutations(function(t){var r=n(e);ce(r.size),r.forEach(function(e,n){return t.set(n,e)})})}function Je(e){return pe(e)&&l(e)}function et(e,t,n,r){var o=Object.create(Qe.prototype);return o.size=e?e.size:0,o._map=e,o._list=t,o.__ownerID=n,o.__hash=r,o}function tt(){return Zn||(Zn=et(xe(),Ke()))}function nt(e,t,n){var r,o,i=e._map,a=e._list,s=i.get(t),u=void 0!==s;if(n===yn){if(!u)return e;a.size>=vn&&a.size>=2*i.size?(o=a.filter(function(e,t){return void 0!==e&&s!==t}),r=o.toKeyedSeq().map(function(e){return e[0]}).flip().toMap(),e.__ownerID&&(r.__ownerID=o.__ownerID=e.__ownerID)):(r=i.remove(t),o=s===a.size-1?a.pop():a.set(s,void 0))}else if(u){if(n===a.get(s)[1])return e;r=i,o=a.set(s,[t,n])}else r=i.set(t,a.size),o=a.set(a.size,[t,n]);return e.__ownerID?(e.size=r.size,e._map=r,e._list=o,e.__hash=void 0,e):et(r,o)}function rt(e,t){this._iter=e,this._useKeys=t,this.size=e.size}function ot(e){this._iter=e,this.size=e.size}function it(e){this._iter=e,this.size=e.size}function at(e){this._iter=e,this.size=e.size}function st(e){var t=Tt(e);return t._iter=e,t.size=e.size,t.flip=function(){return e},t.reverse=function(){var t=e.reverse.apply(this);return t.flip=function(){return e.reverse()},t},t.has=function(t){return e.includes(t)},t.includes=function(t){return e.has(t)},t.cacheResult=kt,t.__iterateUncached=function(t,n){var r=this;return e.__iterate(function(e,n){return t(n,e,r)!==!1},n)},t.__iteratorUncached=function(t,n){if(t===xn){var r=e.__iterator(t,n);return new w(function(){var e=r.next();if(!e.done){var t=e.value[0];e.value[0]=e.value[1],e.value[1]=t}return e})}return e.__iterator(t===wn?_n:wn,n)},t}function ut(e,t,n){var r=Tt(e);return r.size=e.size,r.has=function(t){return e.has(t)},r.get=function(r,o){var i=e.get(r,yn);return i===yn?o:t.call(n,i,r,e)},r.__iterateUncached=function(r,o){var i=this;return e.__iterate(function(e,o,a){return r(t.call(n,e,o,a),o,i)!==!1},o)},r.__iteratorUncached=function(r,o){var i=e.__iterator(xn,o);return new w(function(){var o=i.next();if(o.done)return o;var a=o.value,s=a[0];return x(r,s,t.call(n,a[1],s,e),o)})},r}function lt(e,t){var n=Tt(e);return n._iter=e,n.size=e.size,n.reverse=function(){return e},e.flip&&(n.flip=function(){var t=st(e);return t.reverse=function(){return e.flip()},t}),n.get=function(n,r){return e.get(t?n:-1-n,r)},n.has=function(n){return e.has(t?n:-1-n)},n.includes=function(t){return e.includes(t)},n.cacheResult=kt,n.__iterate=function(t,n){var r=this;return e.__iterate(function(e,n){return t(e,n,r)},!n)},n.__iterator=function(t,n){return e.__iterator(t,!n)},n}function ct(e,t,n,r){var o=Tt(e);return r&&(o.has=function(r){var o=e.get(r,yn);return o!==yn&&!!t.call(n,o,r,e)},o.get=function(r,o){var i=e.get(r,yn);return i!==yn&&t.call(n,i,r,e)?i:o}),o.__iterateUncached=function(o,i){var a=this,s=0;return e.__iterate(function(e,i,u){if(t.call(n,e,i,u))return s++,o(e,r?i:s-1,a)},i),s},o.__iteratorUncached=function(o,i){var a=e.__iterator(xn,i),s=0;return new w(function(){for(;;){var i=a.next();if(i.done)return i;var u=i.value,l=u[0],c=u[1];if(t.call(n,c,l,e))return x(o,r?l:s++,c,i)}})},o}function ft(e,t,n){var r=fe().asMutable();return e.__iterate(function(o,i){r.update(t.call(n,o,i,e),0,function(e){return e+1})}),r.asImmutable()}function pt(e,t,n){var r=a(e),o=(l(e)?Qe():fe()).asMutable();e.__iterate(function(i,a){o.update(t.call(n,i,a,e),function(e){return e=e||[],e.push(r?[a,i]:i),e})});var i=Pt(e);return o.map(function(t){return Et(e,i(t))})}function dt(e,t,n,r){var o=e.size;if(void 0!==t&&(t=0|t),void 0!==n&&(n=n===1/0?o:0|n),y(t,n,o))return e;var i=g(t,o),a=b(n,o);if(i!==i||a!==a)return dt(e.toSeq().cacheResult(),t,n,r);var s,u=a-i;u===u&&(s=u<0?0:u);var l=Tt(e);return l.size=0===s?s:e.size&&s||void 0,!r&&L(e)&&s>=0&&(l.get=function(t,n){return t=v(this,t),t>=0&&t<s?e.get(t+i,n):n}),l.__iterateUncached=function(t,n){var o=this;if(0===s)return 0;if(n)return this.cacheResult().__iterate(t,n);var a=0,u=!0,l=0;return e.__iterate(function(e,n){if(!u||!(u=a++<i))return l++,t(e,r?n:l-1,o)!==!1&&l!==s}),l},l.__iteratorUncached=function(t,n){if(0!==s&&n)return this.cacheResult().__iterator(t,n);var o=0!==s&&e.__iterator(t,n),a=0,u=0;return new w(function(){for(;a++<i;)o.next();if(++u>s)return C();var e=o.next();return r||t===wn?e:t===_n?x(t,u-1,void 0,e):x(t,u-1,e.value[1],e)})},l}function ht(e,t,n){var r=Tt(e);return r.__iterateUncached=function(r,o){var i=this;if(o)return this.cacheResult().__iterate(r,o);var a=0;return e.__iterate(function(e,o,s){return t.call(n,e,o,s)&&++a&&r(e,o,i)}),a},r.__iteratorUncached=function(r,o){var i=this;if(o)return this.cacheResult().__iterator(r,o);var a=e.__iterator(xn,o),s=!0;return new w(function(){if(!s)return C();var e=a.next();if(e.done)return e;var o=e.value,u=o[0],l=o[1];return t.call(n,l,u,i)?r===xn?e:x(r,u,l,e):(s=!1,C())})},r}function vt(e,t,n,r){var o=Tt(e);return o.__iterateUncached=function(o,i){var a=this;if(i)return this.cacheResult().__iterate(o,i);var s=!0,u=0;return e.__iterate(function(e,i,l){if(!s||!(s=t.call(n,e,i,l)))return u++,o(e,r?i:u-1,a)}),u},o.__iteratorUncached=function(o,i){var a=this;if(i)return this.cacheResult().__iterator(o,i);var s=e.__iterator(xn,i),u=!0,l=0;return new w(function(){var e,i,c;do{if(e=s.next(),e.done)return r||o===wn?e:o===_n?x(o,l++,void 0,e):x(o,l++,e.value[1],e);var f=e.value;i=f[0],c=f[1],u&&(u=t.call(n,c,i,a))}while(u);return o===xn?e:x(o,i,c,e)})},o}function mt(e,t){var r=a(e),o=[e].concat(t).map(function(e){return i(e)?r&&(e=n(e)):e=r?U(e):V(Array.isArray(e)?e:[e]),e}).filter(function(e){return 0!==e.size});if(0===o.length)return e;if(1===o.length){var u=o[0];if(u===e||r&&a(u)||s(e)&&s(u))return u}var l=new D(o);return r?l=l.toKeyedSeq():s(e)||(l=l.toSetSeq()),l=l.flatten(!0),l.size=o.reduce(function(e,t){if(void 0!==e){var n=t.size;if(void 0!==n)return e+n}},0),l}function yt(e,t,n){var r=Tt(e);return r.__iterateUncached=function(r,o){function a(e,l){var c=this;e.__iterate(function(e,o){return(!t||l<t)&&i(e)?a(e,l+1):r(e,n?o:s++,c)===!1&&(u=!0),!u},o)}var s=0,u=!1;return a(e,0),s},r.__iteratorUncached=function(r,o){var a=e.__iterator(r,o),s=[],u=0;return new w(function(){for(;a;){var e=a.next();if(e.done===!1){var l=e.value;if(r===xn&&(l=l[1]),t&&!(s.length<t)||!i(l))return n?e:x(r,u++,l,e);s.push(a),a=l.__iterator(r,o)}else a=s.pop()}return C()})},r}function gt(e,t,n){var r=Pt(e);return e.toSeq().map(function(o,i){return r(t.call(n,o,i,e))}).flatten(!0)}function bt(e,t){var n=Tt(e);return n.size=e.size&&2*e.size-1,n.__iterateUncached=function(n,r){var o=this,i=0;return e.__iterate(function(e,r){return(!i||n(t,i++,o)!==!1)&&n(e,i++,o)!==!1},r),i},n.__iteratorUncached=function(n,r){var o,i=e.__iterator(wn,r),a=0;return new w(function(){return(!o||a%2)&&(o=i.next(),o.done)?o:a%2?x(n,a++,t):x(n,a++,o.value,o)})},n}function _t(e,t,n){t||(t=Mt);var r=a(e),o=0,i=e.toSeq().map(function(t,r){return[r,t,o++,n?n(t,r,e):t]}).toArray();return i.sort(function(e,n){return t(e[3],n[3])||e[2]-n[2]}).forEach(r?function(e,t){i[t].length=2}:function(e,t){i[t]=e[1]}),r?M(i):s(e)?N(i):A(i)}function wt(e,t,n){if(t||(t=Mt),n){var r=e.toSeq().map(function(t,r){return[t,n(t,r,e)]}).reduce(function(e,n){return xt(t,e[1],n[1])?n:e});return r&&r[0]}return e.reduce(function(e,n){return xt(t,e,n)?n:e})}function xt(e,t,n){var r=e(n,t);return 0===r&&n!==t&&(void 0===n||null===n||n!==n)||r>0}function Ct(e,n,r){var o=Tt(e);return o.size=new D(r).map(function(e){return e.size}).min(),o.__iterate=function(e,t){for(var n,r=this.__iterator(wn,t),o=0;!(n=r.next()).done&&e(n.value,o++,this)!==!1;);return o},o.__iteratorUncached=function(e,o){var i=r.map(function(e){return e=t(e),O(o?e.reverse():e)}),a=0,s=!1;return new w(function(){var t;return s||(t=i.map(function(e){return e.next()}),s=t.some(function(e){return e.done})),s?C():x(e,a++,n.apply(null,t.map(function(e){return e.value})))})},o}function Et(e,t){return L(e)?t:e.constructor(t)}function St(e){if(e!==Object(e))throw new TypeError("Expected [K, V] tuple: "+e)}function Ot(e){return ce(e.size),h(e)}function Pt(e){return a(e)?n:s(e)?r:o}function Tt(e){return Object.create((a(e)?M:s(e)?N:A).prototype)}function kt(){return this._iter.cacheResult?(this._iter.cacheResult(),this.size=this._iter.size,this):k.prototype.cacheResult.call(this)}function Mt(e,t){return e>t?1:e<t?-1:0}function Nt(e){var n=O(e);if(!n){if(!T(e))throw new TypeError("Expected iterable or array-like: "+e);n=O(t(e))}return n}function At(e,t){var n,r=function(i){if(i instanceof r)return i;if(!(this instanceof r))return new r(i);if(!n){n=!0;var a=Object.keys(e);Rt(o,a),o.size=a.length,o._name=t,o._keys=a,o._defaultValues=e}this._map=fe(i)},o=r.prototype=Object.create(Qn);return o.constructor=r,r}function Dt(e,t,n){var r=Object.create(Object.getPrototypeOf(e));return r._map=t,r.__ownerID=n,r}function jt(e){return e._name||e.constructor.name||"Record"}function Rt(e,t){try{t.forEach(It.bind(void 0,e))}catch(n){}}function It(e,t){Object.defineProperty(e,t,{get:function(){return this.get(t)},set:function(e){Q(this.__ownerID,"Cannot set on an immutable record."),this.set(t,e)}})}function Lt(e){return null===e||void 0===e?Bt():Ft(e)&&!l(e)?e:Bt().withMutations(function(t){var n=o(e);ce(n.size),n.forEach(function(e){return t.add(e)})})}function Ft(e){return!(!e||!e[Jn])}function Ut(e,t){return e.__ownerID?(e.size=t.size,e._map=t,e):t===e._map?e:0===t.size?e.__empty():e.__make(t)}function Vt(e,t){var n=Object.create(er);return n.size=e?e.size:0,n._map=e,n.__ownerID=t,n}function Bt(){return tr||(tr=Vt(xe()))}function zt(e){return null===e||void 0===e?Wt():Ht(e)?e:Wt().withMutations(function(t){var n=o(e);ce(n.size),n.forEach(function(e){
+return t.add(e)})})}function Ht(e){return Ft(e)&&l(e)}function Kt(e,t){var n=Object.create(nr);return n.size=e?e.size:0,n._map=e,n.__ownerID=t,n}function Wt(){return rr||(rr=Kt(tt()))}function qt(e){return null===e||void 0===e?Xt():Yt(e)?e:Xt().unshiftAll(e)}function Yt(e){return!(!e||!e[or])}function Gt(e,t,n,r){var o=Object.create(ir);return o.size=e,o._head=t,o.__ownerID=n,o.__hash=r,o.__altered=!1,o}function Xt(){return ar||(ar=Gt(0))}function $t(e,t){var n=function(n){e.prototype[n]=t[n]};return Object.keys(t).forEach(n),Object.getOwnPropertySymbols&&Object.getOwnPropertySymbols(t).forEach(n),e}function Zt(e,t){return t}function Qt(e,t){return[t,e]}function Jt(e){return function(){return!e.apply(this,arguments)}}function en(e){return function(){return-e.apply(this,arguments)}}function tn(e){return"string"==typeof e?JSON.stringify(e):String(e)}function nn(){return d(arguments)}function rn(e,t){return e<t?1:e>t?-1:0}function on(e){if(e.size===1/0)return 0;var t=l(e),n=a(e),r=t?1:0,o=e.__iterate(n?t?function(e,t){r=31*r+sn(ie(e),ie(t))|0}:function(e,t){r=r+sn(ie(e),ie(t))|0}:t?function(e){r=31*r+ie(e)|0}:function(e){r=r+ie(e)|0});return an(o,r)}function an(e,t){return t=Nn(t,3432918353),t=Nn(t<<15|t>>>-15,461845907),t=Nn(t<<13|t>>>-13,5),t=(t+3864292196|0)^e,t=Nn(t^t>>>16,2246822507),t=Nn(t^t>>>13,3266489909),t=oe(t^t>>>16)}function sn(e,t){return e^t+2654435769+(e<<6)+(e>>2)|0}var un=Array.prototype.slice;e(n,t),e(r,t),e(o,t),t.isIterable=i,t.isKeyed=a,t.isIndexed=s,t.isAssociative=u,t.isOrdered=l,t.Keyed=n,t.Indexed=r,t.Set=o;var ln="@@__IMMUTABLE_ITERABLE__@@",cn="@@__IMMUTABLE_KEYED__@@",fn="@@__IMMUTABLE_INDEXED__@@",pn="@@__IMMUTABLE_ORDERED__@@",dn="delete",hn=5,vn=1<<hn,mn=vn-1,yn={},gn={value:!1},bn={value:!1},_n=0,wn=1,xn=2,Cn="function"==typeof Symbol&&Symbol.iterator,En="@@iterator",Sn=Cn||En;w.prototype.toString=function(){return"[Iterator]"},w.KEYS=_n,w.VALUES=wn,w.ENTRIES=xn,w.prototype.inspect=w.prototype.toSource=function(){return this.toString()},w.prototype[Sn]=function(){return this},e(k,t),k.of=function(){return k(arguments)},k.prototype.toSeq=function(){return this},k.prototype.toString=function(){return this.__toString("Seq {","}")},k.prototype.cacheResult=function(){return!this._cache&&this.__iterateUncached&&(this._cache=this.entrySeq().toArray(),this.size=this._cache.length),this},k.prototype.__iterate=function(e,t){return H(this,e,t,!0)},k.prototype.__iterator=function(e,t){return K(this,e,t,!0)},e(M,k),M.prototype.toKeyedSeq=function(){return this},e(N,k),N.of=function(){return N(arguments)},N.prototype.toIndexedSeq=function(){return this},N.prototype.toString=function(){return this.__toString("Seq [","]")},N.prototype.__iterate=function(e,t){return H(this,e,t,!1)},N.prototype.__iterator=function(e,t){return K(this,e,t,!1)},e(A,k),A.of=function(){return A(arguments)},A.prototype.toSetSeq=function(){return this},k.isSeq=L,k.Keyed=M,k.Set=A,k.Indexed=N;var On="@@__IMMUTABLE_SEQ__@@";k.prototype[On]=!0,e(D,N),D.prototype.get=function(e,t){return this.has(e)?this._array[v(this,e)]:t},D.prototype.__iterate=function(e,t){for(var n=this._array,r=n.length-1,o=0;o<=r;o++)if(e(n[t?r-o:o],o,this)===!1)return o+1;return o},D.prototype.__iterator=function(e,t){var n=this._array,r=n.length-1,o=0;return new w(function(){return o>r?C():x(e,o,n[t?r-o++:o++])})},e(j,M),j.prototype.get=function(e,t){return void 0===t||this.has(e)?this._object[e]:t},j.prototype.has=function(e){return this._object.hasOwnProperty(e)},j.prototype.__iterate=function(e,t){for(var n=this._object,r=this._keys,o=r.length-1,i=0;i<=o;i++){var a=r[t?o-i:i];if(e(n[a],a,this)===!1)return i+1}return i},j.prototype.__iterator=function(e,t){var n=this._object,r=this._keys,o=r.length-1,i=0;return new w(function(){var a=r[t?o-i:i];return i++>o?C():x(e,a,n[a])})},j.prototype[pn]=!0,e(R,N),R.prototype.__iterateUncached=function(e,t){if(t)return this.cacheResult().__iterate(e,t);var n=this._iterable,r=O(n),o=0;if(S(r))for(var i;!(i=r.next()).done&&e(i.value,o++,this)!==!1;);return o},R.prototype.__iteratorUncached=function(e,t){if(t)return this.cacheResult().__iterator(e,t);var n=this._iterable,r=O(n);if(!S(r))return new w(C);var o=0;return new w(function(){var t=r.next();return t.done?t:x(e,o++,t.value)})},e(I,N),I.prototype.__iterateUncached=function(e,t){if(t)return this.cacheResult().__iterate(e,t);for(var n=this._iterator,r=this._iteratorCache,o=0;o<r.length;)if(e(r[o],o++,this)===!1)return o;for(var i;!(i=n.next()).done;){var a=i.value;if(r[o]=a,e(a,o++,this)===!1)break}return o},I.prototype.__iteratorUncached=function(e,t){if(t)return this.cacheResult().__iterator(e,t);var n=this._iterator,r=this._iteratorCache,o=0;return new w(function(){if(o>=r.length){var t=n.next();if(t.done)return t;r[o]=t.value}return x(e,o,r[o++])})};var Pn;e(Z,N),Z.prototype.toString=function(){return 0===this.size?"Repeat []":"Repeat [ "+this._value+" "+this.size+" times ]"},Z.prototype.get=function(e,t){return this.has(e)?this._value:t},Z.prototype.includes=function(e){return X(this._value,e)},Z.prototype.slice=function(e,t){var n=this.size;return y(e,t,n)?this:new Z(this._value,b(t,n)-g(e,n))},Z.prototype.reverse=function(){return this},Z.prototype.indexOf=function(e){return X(this._value,e)?0:-1},Z.prototype.lastIndexOf=function(e){return X(this._value,e)?this.size:-1},Z.prototype.__iterate=function(e,t){for(var n=0;n<this.size;n++)if(e(this._value,n,this)===!1)return n+1;return n},Z.prototype.__iterator=function(e,t){var n=this,r=0;return new w(function(){return r<n.size?x(e,r++,n._value):C()})},Z.prototype.equals=function(e){return e instanceof Z?X(this._value,e._value):$(e)};var Tn;e(J,N),J.prototype.toString=function(){return 0===this.size?"Range []":"Range [ "+this._start+"..."+this._end+(1!==this._step?" by "+this._step:"")+" ]"},J.prototype.get=function(e,t){return this.has(e)?this._start+v(this,e)*this._step:t},J.prototype.includes=function(e){var t=(e-this._start)/this._step;return t>=0&&t<this.size&&t===Math.floor(t)},J.prototype.slice=function(e,t){return y(e,t,this.size)?this:(e=g(e,this.size),t=b(t,this.size),t<=e?new J(0,0):new J(this.get(e,this._end),this.get(t,this._end),this._step))},J.prototype.indexOf=function(e){var t=e-this._start;if(t%this._step===0){var n=t/this._step;if(n>=0&&n<this.size)return n}return-1},J.prototype.lastIndexOf=function(e){return this.indexOf(e)},J.prototype.__iterate=function(e,t){for(var n=this.size-1,r=this._step,o=t?this._start+n*r:this._start,i=0;i<=n;i++){if(e(o,i,this)===!1)return i+1;o+=t?-r:r}return i},J.prototype.__iterator=function(e,t){var n=this.size-1,r=this._step,o=t?this._start+n*r:this._start,i=0;return new w(function(){var a=o;return o+=t?-r:r,i>n?C():x(e,i++,a)})},J.prototype.equals=function(e){return e instanceof J?this._start===e._start&&this._end===e._end&&this._step===e._step:$(this,e)};var kn;e(ee,t),e(te,ee),e(ne,ee),e(re,ee),ee.Keyed=te,ee.Indexed=ne,ee.Set=re;var Mn,Nn="function"==typeof Math.imul&&Math.imul(4294967295,2)===-2?Math.imul:function(e,t){e=0|e,t=0|t;var n=65535&e,r=65535&t;return n*r+((e>>>16)*r+n*(t>>>16)<<16>>>0)|0},An=Object.isExtensible,Dn=function(){try{return Object.defineProperty({},"@",{}),!0}catch(e){return!1}}(),jn="function"==typeof WeakMap;jn&&(Mn=new WeakMap);var Rn=0,In="__immutablehash__";"function"==typeof Symbol&&(In=Symbol(In));var Ln=16,Fn=255,Un=0,Vn={};e(fe,te),fe.of=function(){var e=un.call(arguments,0);return xe().withMutations(function(t){for(var n=0;n<e.length;n+=2){if(n+1>=e.length)throw new Error("Missing value for key: "+e[n]);t.set(e[n],e[n+1])}})},fe.prototype.toString=function(){return this.__toString("Map {","}")},fe.prototype.get=function(e,t){return this._root?this._root.get(0,void 0,e,t):t},fe.prototype.set=function(e,t){return Ce(this,e,t)},fe.prototype.setIn=function(e,t){return this.updateIn(e,yn,function(){return t})},fe.prototype.remove=function(e){return Ce(this,e,yn)},fe.prototype.deleteIn=function(e){return this.updateIn(e,function(){return yn})},fe.prototype.update=function(e,t,n){return 1===arguments.length?e(this):this.updateIn([e],t,n)},fe.prototype.updateIn=function(e,t,n){n||(n=t,t=void 0);var r=je(this,Nt(e),t,n);return r===yn?void 0:r},fe.prototype.clear=function(){return 0===this.size?this:this.__ownerID?(this.size=0,this._root=null,this.__hash=void 0,this.__altered=!0,this):xe()},fe.prototype.merge=function(){return Me(this,void 0,arguments)},fe.prototype.mergeWith=function(e){var t=un.call(arguments,1);return Me(this,e,t)},fe.prototype.mergeIn=function(e){var t=un.call(arguments,1);return this.updateIn(e,xe(),function(e){return"function"==typeof e.merge?e.merge.apply(e,t):t[t.length-1]})},fe.prototype.mergeDeep=function(){return Me(this,Ne,arguments)},fe.prototype.mergeDeepWith=function(e){var t=un.call(arguments,1);return Me(this,Ae(e),t)},fe.prototype.mergeDeepIn=function(e){var t=un.call(arguments,1);return this.updateIn(e,xe(),function(e){return"function"==typeof e.mergeDeep?e.mergeDeep.apply(e,t):t[t.length-1]})},fe.prototype.sort=function(e){return Qe(_t(this,e))},fe.prototype.sortBy=function(e,t){return Qe(_t(this,t,e))},fe.prototype.withMutations=function(e){var t=this.asMutable();return e(t),t.wasAltered()?t.__ensureOwner(this.__ownerID):this},fe.prototype.asMutable=function(){return this.__ownerID?this:this.__ensureOwner(new p)},fe.prototype.asImmutable=function(){return this.__ensureOwner()},fe.prototype.wasAltered=function(){return this.__altered},fe.prototype.__iterator=function(e,t){return new ge(this,e,t)},fe.prototype.__iterate=function(e,t){var n=this,r=0;return this._root&&this._root.iterate(function(t){return r++,e(t[1],t[0],n)},t),r},fe.prototype.__ensureOwner=function(e){return e===this.__ownerID?this:e?we(this.size,this._root,e,this.__hash):(this.__ownerID=e,this.__altered=!1,this)},fe.isMap=pe;var Bn="@@__IMMUTABLE_MAP__@@",zn=fe.prototype;zn[Bn]=!0,zn[dn]=zn.remove,zn.removeIn=zn.deleteIn,de.prototype.get=function(e,t,n,r){for(var o=this.entries,i=0,a=o.length;i<a;i++)if(X(n,o[i][0]))return o[i][1];return r},de.prototype.update=function(e,t,n,r,o,i,a){for(var s=o===yn,u=this.entries,l=0,c=u.length;l<c&&!X(r,u[l][0]);l++);var p=l<c;if(p?u[l][1]===o:s)return this;if(f(a),(s||!p)&&f(i),!s||1!==u.length){if(!p&&!s&&u.length>=Kn)return Pe(e,u,r,o);var h=e&&e===this.ownerID,v=h?u:d(u);return p?s?l===c-1?v.pop():v[l]=v.pop():v[l]=[r,o]:v.push([r,o]),h?(this.entries=v,this):new de(e,v)}},he.prototype.get=function(e,t,n,r){void 0===t&&(t=ie(n));var o=1<<((0===e?t:t>>>e)&mn),i=this.bitmap;return 0===(i&o)?r:this.nodes[Re(i&o-1)].get(e+hn,t,n,r)},he.prototype.update=function(e,t,n,r,o,i,a){void 0===n&&(n=ie(r));var s=(0===t?n:n>>>t)&mn,u=1<<s,l=this.bitmap,c=0!==(l&u);if(!c&&o===yn)return this;var f=Re(l&u-1),p=this.nodes,d=c?p[f]:void 0,h=Ee(d,e,t+hn,n,r,o,i,a);if(h===d)return this;if(!c&&h&&p.length>=Wn)return ke(e,p,l,s,h);if(c&&!h&&2===p.length&&Se(p[1^f]))return p[1^f];if(c&&h&&1===p.length&&Se(h))return h;var v=e&&e===this.ownerID,m=c?h?l:l^u:l|u,y=c?h?Ie(p,f,h,v):Fe(p,f,v):Le(p,f,h,v);return v?(this.bitmap=m,this.nodes=y,this):new he(e,m,y)},ve.prototype.get=function(e,t,n,r){void 0===t&&(t=ie(n));var o=(0===e?t:t>>>e)&mn,i=this.nodes[o];return i?i.get(e+hn,t,n,r):r},ve.prototype.update=function(e,t,n,r,o,i,a){void 0===n&&(n=ie(r));var s=(0===t?n:n>>>t)&mn,u=o===yn,l=this.nodes,c=l[s];if(u&&!c)return this;var f=Ee(c,e,t+hn,n,r,o,i,a);if(f===c)return this;var p=this.count;if(c){if(!f&&(p--,p<qn))return Te(e,l,p,s)}else p++;var d=e&&e===this.ownerID,h=Ie(l,s,f,d);return d?(this.count=p,this.nodes=h,this):new ve(e,p,h)},me.prototype.get=function(e,t,n,r){for(var o=this.entries,i=0,a=o.length;i<a;i++)if(X(n,o[i][0]))return o[i][1];return r},me.prototype.update=function(e,t,n,r,o,i,a){void 0===n&&(n=ie(r));var s=o===yn;if(n!==this.keyHash)return s?this:(f(a),f(i),Oe(this,e,t,n,[r,o]));for(var u=this.entries,l=0,c=u.length;l<c&&!X(r,u[l][0]);l++);var p=l<c;if(p?u[l][1]===o:s)return this;if(f(a),(s||!p)&&f(i),s&&2===c)return new ye(e,this.keyHash,u[1^l]);var h=e&&e===this.ownerID,v=h?u:d(u);return p?s?l===c-1?v.pop():v[l]=v.pop():v[l]=[r,o]:v.push([r,o]),h?(this.entries=v,this):new me(e,this.keyHash,v)},ye.prototype.get=function(e,t,n,r){return X(n,this.entry[0])?this.entry[1]:r},ye.prototype.update=function(e,t,n,r,o,i,a){var s=o===yn,u=X(r,this.entry[0]);return(u?o===this.entry[1]:s)?this:(f(a),s?void f(i):u?e&&e===this.ownerID?(this.entry[1]=o,this):new ye(e,this.keyHash,[r,o]):(f(i),Oe(this,e,t,ie(r),[r,o])))},de.prototype.iterate=me.prototype.iterate=function(e,t){for(var n=this.entries,r=0,o=n.length-1;r<=o;r++)if(e(n[t?o-r:r])===!1)return!1},he.prototype.iterate=ve.prototype.iterate=function(e,t){for(var n=this.nodes,r=0,o=n.length-1;r<=o;r++){var i=n[t?o-r:r];if(i&&i.iterate(e,t)===!1)return!1}},ye.prototype.iterate=function(e,t){return e(this.entry)},e(ge,w),ge.prototype.next=function(){for(var e=this._type,t=this._stack;t;){var n,r=t.node,o=t.index++;if(r.entry){if(0===o)return be(e,r.entry)}else if(r.entries){if(n=r.entries.length-1,o<=n)return be(e,r.entries[this._reverse?n-o:o])}else if(n=r.nodes.length-1,o<=n){var i=r.nodes[this._reverse?n-o:o];if(i){if(i.entry)return be(e,i.entry);t=this._stack=_e(i,t)}continue}t=this._stack=this._stack.__prev}return C()};var Hn,Kn=vn/4,Wn=vn/2,qn=vn/4;e(Ue,ne),Ue.of=function(){return this(arguments)},Ue.prototype.toString=function(){return this.__toString("List [","]")},Ue.prototype.get=function(e,t){if(e=v(this,e),e>=0&&e<this.size){e+=this._origin;var n=Ge(this,e);return n&&n.array[e&mn]}return t},Ue.prototype.set=function(e,t){return We(this,e,t)},Ue.prototype.remove=function(e){return this.has(e)?0===e?this.shift():e===this.size-1?this.pop():this.splice(e,1):this},Ue.prototype.insert=function(e,t){return this.splice(e,0,t)},Ue.prototype.clear=function(){return 0===this.size?this:this.__ownerID?(this.size=this._origin=this._capacity=0,this._level=hn,this._root=this._tail=null,this.__hash=void 0,this.__altered=!0,this):Ke()},Ue.prototype.push=function(){var e=arguments,t=this.size;return this.withMutations(function(n){Xe(n,0,t+e.length);for(var r=0;r<e.length;r++)n.set(t+r,e[r])})},Ue.prototype.pop=function(){return Xe(this,0,-1)},Ue.prototype.unshift=function(){var e=arguments;return this.withMutations(function(t){Xe(t,-e.length);for(var n=0;n<e.length;n++)t.set(n,e[n])})},Ue.prototype.shift=function(){return Xe(this,1)},Ue.prototype.merge=function(){return $e(this,void 0,arguments)},Ue.prototype.mergeWith=function(e){var t=un.call(arguments,1);return $e(this,e,t)},Ue.prototype.mergeDeep=function(){return $e(this,Ne,arguments)},Ue.prototype.mergeDeepWith=function(e){var t=un.call(arguments,1);return $e(this,Ae(e),t)},Ue.prototype.setSize=function(e){return Xe(this,0,e)},Ue.prototype.slice=function(e,t){var n=this.size;return y(e,t,n)?this:Xe(this,g(e,n),b(t,n))},Ue.prototype.__iterator=function(e,t){var n=0,r=ze(this,t);return new w(function(){var t=r();return t===$n?C():x(e,n++,t)})},Ue.prototype.__iterate=function(e,t){for(var n,r=0,o=ze(this,t);(n=o())!==$n&&e(n,r++,this)!==!1;);return r},Ue.prototype.__ensureOwner=function(e){return e===this.__ownerID?this:e?He(this._origin,this._capacity,this._level,this._root,this._tail,e,this.__hash):(this.__ownerID=e,this)},Ue.isList=Ve;var Yn="@@__IMMUTABLE_LIST__@@",Gn=Ue.prototype;Gn[Yn]=!0,Gn[dn]=Gn.remove,Gn.setIn=zn.setIn,Gn.deleteIn=Gn.removeIn=zn.removeIn,Gn.update=zn.update,Gn.updateIn=zn.updateIn,Gn.mergeIn=zn.mergeIn,Gn.mergeDeepIn=zn.mergeDeepIn,Gn.withMutations=zn.withMutations,Gn.asMutable=zn.asMutable,Gn.asImmutable=zn.asImmutable,Gn.wasAltered=zn.wasAltered,Be.prototype.removeBefore=function(e,t,n){if(n===t?1<<t:0===this.array.length)return this;var r=n>>>t&mn;if(r>=this.array.length)return new Be([],e);var o,i=0===r;if(t>0){var a=this.array[r];if(o=a&&a.removeBefore(e,t-hn,n),o===a&&i)return this}if(i&&!o)return this;var s=Ye(this,e);if(!i)for(var u=0;u<r;u++)s.array[u]=void 0;return o&&(s.array[r]=o),s},Be.prototype.removeAfter=function(e,t,n){if(n===(t?1<<t:0)||0===this.array.length)return this;var r=n-1>>>t&mn;if(r>=this.array.length)return this;var o;if(t>0){var i=this.array[r];if(o=i&&i.removeAfter(e,t-hn,n),o===i&&r===this.array.length-1)return this}var a=Ye(this,e);return a.array.splice(r+1),o&&(a.array[r]=o),a};var Xn,$n={};e(Qe,fe),Qe.of=function(){return this(arguments)},Qe.prototype.toString=function(){return this.__toString("OrderedMap {","}")},Qe.prototype.get=function(e,t){var n=this._map.get(e);return void 0!==n?this._list.get(n)[1]:t},Qe.prototype.clear=function(){return 0===this.size?this:this.__ownerID?(this.size=0,this._map.clear(),this._list.clear(),this):tt()},Qe.prototype.set=function(e,t){return nt(this,e,t)},Qe.prototype.remove=function(e){return nt(this,e,yn)},Qe.prototype.wasAltered=function(){return this._map.wasAltered()||this._list.wasAltered()},Qe.prototype.__iterate=function(e,t){var n=this;return this._list.__iterate(function(t){return t&&e(t[1],t[0],n)},t)},Qe.prototype.__iterator=function(e,t){return this._list.fromEntrySeq().__iterator(e,t)},Qe.prototype.__ensureOwner=function(e){if(e===this.__ownerID)return this;var t=this._map.__ensureOwner(e),n=this._list.__ensureOwner(e);return e?et(t,n,e,this.__hash):(this.__ownerID=e,this._map=t,this._list=n,this)},Qe.isOrderedMap=Je,Qe.prototype[pn]=!0,Qe.prototype[dn]=Qe.prototype.remove;var Zn;e(rt,M),rt.prototype.get=function(e,t){return this._iter.get(e,t)},rt.prototype.has=function(e){return this._iter.has(e)},rt.prototype.valueSeq=function(){return this._iter.valueSeq()},rt.prototype.reverse=function(){var e=this,t=lt(this,!0);return this._useKeys||(t.valueSeq=function(){return e._iter.toSeq().reverse()}),t},rt.prototype.map=function(e,t){var n=this,r=ut(this,e,t);return this._useKeys||(r.valueSeq=function(){return n._iter.toSeq().map(e,t)}),r},rt.prototype.__iterate=function(e,t){var n,r=this;return this._iter.__iterate(this._useKeys?function(t,n){return e(t,n,r)}:(n=t?Ot(this):0,function(o){return e(o,t?--n:n++,r)}),t)},rt.prototype.__iterator=function(e,t){if(this._useKeys)return this._iter.__iterator(e,t);var n=this._iter.__iterator(wn,t),r=t?Ot(this):0;return new w(function(){var o=n.next();return o.done?o:x(e,t?--r:r++,o.value,o)})},rt.prototype[pn]=!0,e(ot,N),ot.prototype.includes=function(e){return this._iter.includes(e)},ot.prototype.__iterate=function(e,t){var n=this,r=0;return this._iter.__iterate(function(t){return e(t,r++,n)},t)},ot.prototype.__iterator=function(e,t){var n=this._iter.__iterator(wn,t),r=0;return new w(function(){var t=n.next();return t.done?t:x(e,r++,t.value,t)})},e(it,A),it.prototype.has=function(e){return this._iter.includes(e)},it.prototype.__iterate=function(e,t){var n=this;return this._iter.__iterate(function(t){return e(t,t,n)},t)},it.prototype.__iterator=function(e,t){var n=this._iter.__iterator(wn,t);return new w(function(){var t=n.next();return t.done?t:x(e,t.value,t.value,t)})},e(at,M),at.prototype.entrySeq=function(){return this._iter.toSeq()},at.prototype.__iterate=function(e,t){var n=this;return this._iter.__iterate(function(t){if(t){St(t);var r=i(t);return e(r?t.get(1):t[1],r?t.get(0):t[0],n)}},t)},at.prototype.__iterator=function(e,t){var n=this._iter.__iterator(wn,t);return new w(function(){for(;;){var t=n.next();if(t.done)return t;var r=t.value;if(r){St(r);var o=i(r);return x(e,o?r.get(0):r[0],o?r.get(1):r[1],t)}}})},ot.prototype.cacheResult=rt.prototype.cacheResult=it.prototype.cacheResult=at.prototype.cacheResult=kt,e(At,te),At.prototype.toString=function(){return this.__toString(jt(this)+" {","}")},At.prototype.has=function(e){return this._defaultValues.hasOwnProperty(e)},At.prototype.get=function(e,t){if(!this.has(e))return t;var n=this._defaultValues[e];return this._map?this._map.get(e,n):n},At.prototype.clear=function(){if(this.__ownerID)return this._map&&this._map.clear(),this;var e=this.constructor;return e._empty||(e._empty=Dt(this,xe()))},At.prototype.set=function(e,t){if(!this.has(e))throw new Error('Cannot set unknown key "'+e+'" on '+jt(this));if(this._map&&!this._map.has(e)){var n=this._defaultValues[e];if(t===n)return this}var r=this._map&&this._map.set(e,t);return this.__ownerID||r===this._map?this:Dt(this,r)},At.prototype.remove=function(e){if(!this.has(e))return this;var t=this._map&&this._map.remove(e);return this.__ownerID||t===this._map?this:Dt(this,t)},At.prototype.wasAltered=function(){return this._map.wasAltered()},At.prototype.__iterator=function(e,t){var r=this;return n(this._defaultValues).map(function(e,t){return r.get(t)}).__iterator(e,t)},At.prototype.__iterate=function(e,t){var r=this;return n(this._defaultValues).map(function(e,t){return r.get(t)}).__iterate(e,t)},At.prototype.__ensureOwner=function(e){if(e===this.__ownerID)return this;var t=this._map&&this._map.__ensureOwner(e);return e?Dt(this,t,e):(this.__ownerID=e,this._map=t,this)};var Qn=At.prototype;Qn[dn]=Qn.remove,Qn.deleteIn=Qn.removeIn=zn.removeIn,Qn.merge=zn.merge,Qn.mergeWith=zn.mergeWith,Qn.mergeIn=zn.mergeIn,Qn.mergeDeep=zn.mergeDeep,Qn.mergeDeepWith=zn.mergeDeepWith,Qn.mergeDeepIn=zn.mergeDeepIn,Qn.setIn=zn.setIn,Qn.update=zn.update,Qn.updateIn=zn.updateIn,Qn.withMutations=zn.withMutations,Qn.asMutable=zn.asMutable,Qn.asImmutable=zn.asImmutable,e(Lt,re),Lt.of=function(){return this(arguments)},Lt.fromKeys=function(e){return this(n(e).keySeq())},Lt.prototype.toString=function(){return this.__toString("Set {","}")},Lt.prototype.has=function(e){return this._map.has(e)},Lt.prototype.add=function(e){return Ut(this,this._map.set(e,!0))},Lt.prototype.remove=function(e){return Ut(this,this._map.remove(e))},Lt.prototype.clear=function(){return Ut(this,this._map.clear())},Lt.prototype.union=function(){var e=un.call(arguments,0);return e=e.filter(function(e){return 0!==e.size}),0===e.length?this:0!==this.size||this.__ownerID||1!==e.length?this.withMutations(function(t){for(var n=0;n<e.length;n++)o(e[n]).forEach(function(e){return t.add(e)})}):this.constructor(e[0])},Lt.prototype.intersect=function(){var e=un.call(arguments,0);if(0===e.length)return this;e=e.map(function(e){return o(e)});var t=this;return this.withMutations(function(n){t.forEach(function(t){e.every(function(e){return e.includes(t)})||n.remove(t)})})},Lt.prototype.subtract=function(){var e=un.call(arguments,0);if(0===e.length)return this;e=e.map(function(e){return o(e)});var t=this;return this.withMutations(function(n){t.forEach(function(t){e.some(function(e){return e.includes(t)})&&n.remove(t)})})},Lt.prototype.merge=function(){return this.union.apply(this,arguments)},Lt.prototype.mergeWith=function(e){var t=un.call(arguments,1);return this.union.apply(this,t)},Lt.prototype.sort=function(e){return zt(_t(this,e))},Lt.prototype.sortBy=function(e,t){return zt(_t(this,t,e))},Lt.prototype.wasAltered=function(){return this._map.wasAltered()},Lt.prototype.__iterate=function(e,t){var n=this;return this._map.__iterate(function(t,r){return e(r,r,n)},t)},Lt.prototype.__iterator=function(e,t){return this._map.map(function(e,t){return t}).__iterator(e,t)},Lt.prototype.__ensureOwner=function(e){if(e===this.__ownerID)return this;var t=this._map.__ensureOwner(e);return e?this.__make(t,e):(this.__ownerID=e,this._map=t,this)},Lt.isSet=Ft;var Jn="@@__IMMUTABLE_SET__@@",er=Lt.prototype;er[Jn]=!0,er[dn]=er.remove,er.mergeDeep=er.merge,er.mergeDeepWith=er.mergeWith,er.withMutations=zn.withMutations,er.asMutable=zn.asMutable,er.asImmutable=zn.asImmutable,er.__empty=Bt,er.__make=Vt;var tr;e(zt,Lt),zt.of=function(){return this(arguments)},zt.fromKeys=function(e){return this(n(e).keySeq())},zt.prototype.toString=function(){return this.__toString("OrderedSet {","}")},zt.isOrderedSet=Ht;var nr=zt.prototype;nr[pn]=!0,nr.__empty=Wt,nr.__make=Kt;var rr;e(qt,ne),qt.of=function(){return this(arguments)},qt.prototype.toString=function(){return this.__toString("Stack [","]")},qt.prototype.get=function(e,t){var n=this._head;for(e=v(this,e);n&&e--;)n=n.next;return n?n.value:t},qt.prototype.peek=function(){return this._head&&this._head.value},qt.prototype.push=function(){if(0===arguments.length)return this;for(var e=this.size+arguments.length,t=this._head,n=arguments.length-1;n>=0;n--)t={value:arguments[n],next:t};return this.__ownerID?(this.size=e,this._head=t,this.__hash=void 0,this.__altered=!0,this):Gt(e,t)},qt.prototype.pushAll=function(e){if(e=r(e),0===e.size)return this;ce(e.size);var t=this.size,n=this._head;return e.reverse().forEach(function(e){t++,n={value:e,next:n}}),this.__ownerID?(this.size=t,this._head=n,this.__hash=void 0,this.__altered=!0,this):Gt(t,n)},qt.prototype.pop=function(){return this.slice(1)},qt.prototype.unshift=function(){return this.push.apply(this,arguments)},qt.prototype.unshiftAll=function(e){return this.pushAll(e)},qt.prototype.shift=function(){return this.pop.apply(this,arguments)},qt.prototype.clear=function(){return 0===this.size?this:this.__ownerID?(this.size=0,this._head=void 0,this.__hash=void 0,this.__altered=!0,this):Xt()},qt.prototype.slice=function(e,t){if(y(e,t,this.size))return this;var n=g(e,this.size),r=b(t,this.size);if(r!==this.size)return ne.prototype.slice.call(this,e,t);for(var o=this.size-n,i=this._head;n--;)i=i.next;return this.__ownerID?(this.size=o,this._head=i,this.__hash=void 0,this.__altered=!0,this):Gt(o,i)},qt.prototype.__ensureOwner=function(e){return e===this.__ownerID?this:e?Gt(this.size,this._head,e,this.__hash):(this.__ownerID=e,this.__altered=!1,this)},qt.prototype.__iterate=function(e,t){if(t)return this.reverse().__iterate(e);for(var n=0,r=this._head;r&&e(r.value,n++,this)!==!1;)r=r.next;return n},qt.prototype.__iterator=function(e,t){if(t)return this.reverse().__iterator(e);var n=0,r=this._head;return new w(function(){if(r){var t=r.value;return r=r.next,x(e,n++,t)}return C()})},qt.isStack=Yt;var or="@@__IMMUTABLE_STACK__@@",ir=qt.prototype;ir[or]=!0,ir.withMutations=zn.withMutations,ir.asMutable=zn.asMutable,ir.asImmutable=zn.asImmutable,ir.wasAltered=zn.wasAltered;var ar;t.Iterator=w,$t(t,{toArray:function(){ce(this.size);var e=new Array(this.size||0);return this.valueSeq().__iterate(function(t,n){e[n]=t}),e},toIndexedSeq:function(){return new ot(this)},toJS:function(){return this.toSeq().map(function(e){return e&&"function"==typeof e.toJS?e.toJS():e}).__toJS()},toJSON:function(){return this.toSeq().map(function(e){return e&&"function"==typeof e.toJSON?e.toJSON():e}).__toJS()},toKeyedSeq:function(){return new rt(this,(!0))},toMap:function(){return fe(this.toKeyedSeq())},toObject:function(){ce(this.size);var e={};return this.__iterate(function(t,n){e[n]=t}),e},toOrderedMap:function(){return Qe(this.toKeyedSeq())},toOrderedSet:function(){return zt(a(this)?this.valueSeq():this)},toSet:function(){return Lt(a(this)?this.valueSeq():this)},toSetSeq:function(){return new it(this)},toSeq:function(){return s(this)?this.toIndexedSeq():a(this)?this.toKeyedSeq():this.toSetSeq()},toStack:function(){return qt(a(this)?this.valueSeq():this)},toList:function(){return Ue(a(this)?this.valueSeq():this)},toString:function(){return"[Iterable]"},__toString:function(e,t){return 0===this.size?e+t:e+" "+this.toSeq().map(this.__toStringMapper).join(", ")+" "+t},concat:function(){var e=un.call(arguments,0);return Et(this,mt(this,e))},includes:function(e){return this.some(function(t){return X(t,e)})},entries:function(){return this.__iterator(xn)},every:function(e,t){ce(this.size);var n=!0;return this.__iterate(function(r,o,i){if(!e.call(t,r,o,i))return n=!1,!1}),n},filter:function(e,t){return Et(this,ct(this,e,t,!0))},find:function(e,t,n){var r=this.findEntry(e,t);return r?r[1]:n},forEach:function(e,t){return ce(this.size),this.__iterate(t?e.bind(t):e)},join:function(e){ce(this.size),e=void 0!==e?""+e:",";var t="",n=!0;return this.__iterate(function(r){n?n=!1:t+=e,t+=null!==r&&void 0!==r?r.toString():""}),t},keys:function(){return this.__iterator(_n)},map:function(e,t){return Et(this,ut(this,e,t))},reduce:function(e,t,n){ce(this.size);var r,o;return arguments.length<2?o=!0:r=t,this.__iterate(function(t,i,a){o?(o=!1,r=t):r=e.call(n,r,t,i,a)}),r},reduceRight:function(e,t,n){var r=this.toKeyedSeq().reverse();return r.reduce.apply(r,arguments)},reverse:function(){return Et(this,lt(this,!0))},slice:function(e,t){return Et(this,dt(this,e,t,!0))},some:function(e,t){return!this.every(Jt(e),t)},sort:function(e){return Et(this,_t(this,e))},values:function(){return this.__iterator(wn)},butLast:function(){return this.slice(0,-1)},isEmpty:function(){return void 0!==this.size?0===this.size:!this.some(function(){return!0})},count:function(e,t){return h(e?this.toSeq().filter(e,t):this)},countBy:function(e,t){return ft(this,e,t)},equals:function(e){return $(this,e)},entrySeq:function(){var e=this;if(e._cache)return new D(e._cache);var t=e.toSeq().map(Qt).toIndexedSeq();return t.fromEntrySeq=function(){return e.toSeq()},t},filterNot:function(e,t){return this.filter(Jt(e),t)},findEntry:function(e,t,n){var r=n;return this.__iterate(function(n,o,i){if(e.call(t,n,o,i))return r=[o,n],!1}),r},findKey:function(e,t){var n=this.findEntry(e,t);return n&&n[0]},findLast:function(e,t,n){return this.toKeyedSeq().reverse().find(e,t,n)},findLastEntry:function(e,t,n){return this.toKeyedSeq().reverse().findEntry(e,t,n)},findLastKey:function(e,t){return this.toKeyedSeq().reverse().findKey(e,t)},first:function(){return this.find(m)},flatMap:function(e,t){return Et(this,gt(this,e,t))},flatten:function(e){return Et(this,yt(this,e,!0))},fromEntrySeq:function(){return new at(this)},get:function(e,t){return this.find(function(t,n){return X(n,e)},void 0,t)},getIn:function(e,t){for(var n,r=this,o=Nt(e);!(n=o.next()).done;){var i=n.value;if(r=r&&r.get?r.get(i,yn):yn,r===yn)return t}return r},groupBy:function(e,t){return pt(this,e,t)},has:function(e){return this.get(e,yn)!==yn},hasIn:function(e){return this.getIn(e,yn)!==yn},isSubset:function(e){return e="function"==typeof e.includes?e:t(e),this.every(function(t){return e.includes(t)})},isSuperset:function(e){return e="function"==typeof e.isSubset?e:t(e),e.isSubset(this)},keyOf:function(e){return this.findKey(function(t){return X(t,e)})},keySeq:function(){return this.toSeq().map(Zt).toIndexedSeq()},last:function(){return this.toSeq().reverse().first()},lastKeyOf:function(e){return this.toKeyedSeq().reverse().keyOf(e)},max:function(e){return wt(this,e)},maxBy:function(e,t){return wt(this,t,e)},min:function(e){return wt(this,e?en(e):rn)},minBy:function(e,t){return wt(this,t?en(t):rn,e)},rest:function(){return this.slice(1)},skip:function(e){return this.slice(Math.max(0,e))},skipLast:function(e){return Et(this,this.toSeq().reverse().skip(e).reverse())},skipWhile:function(e,t){return Et(this,vt(this,e,t,!0))},skipUntil:function(e,t){return this.skipWhile(Jt(e),t)},sortBy:function(e,t){return Et(this,_t(this,t,e))},take:function(e){return this.slice(0,Math.max(0,e))},takeLast:function(e){return Et(this,this.toSeq().reverse().take(e).reverse())},takeWhile:function(e,t){return Et(this,ht(this,e,t))},takeUntil:function(e,t){return this.takeWhile(Jt(e),t)},valueSeq:function(){return this.toIndexedSeq()},hashCode:function(){return this.__hash||(this.__hash=on(this))}});var sr=t.prototype;sr[ln]=!0,sr[Sn]=sr.values,sr.__toJS=sr.toArray,sr.__toStringMapper=tn,sr.inspect=sr.toSource=function(){return this.toString()},sr.chain=sr.flatMap,sr.contains=sr.includes,$t(n,{flip:function(){return Et(this,st(this))},mapEntries:function(e,t){var n=this,r=0;return Et(this,this.toSeq().map(function(o,i){return e.call(t,[i,o],r++,n)}).fromEntrySeq())},mapKeys:function(e,t){var n=this;return Et(this,this.toSeq().flip().map(function(r,o){return e.call(t,r,o,n)}).flip())}});var ur=n.prototype;ur[cn]=!0,ur[Sn]=sr.entries,ur.__toJS=sr.toObject,ur.__toStringMapper=function(e,t){return JSON.stringify(t)+": "+tn(e)},$t(r,{toKeyedSeq:function(){return new rt(this,(!1))},filter:function(e,t){return Et(this,ct(this,e,t,!1))},findIndex:function(e,t){var n=this.findEntry(e,t);return n?n[0]:-1},indexOf:function(e){var t=this.keyOf(e);return void 0===t?-1:t},lastIndexOf:function(e){var t=this.lastKeyOf(e);return void 0===t?-1:t;
+},reverse:function(){return Et(this,lt(this,!1))},slice:function(e,t){return Et(this,dt(this,e,t,!1))},splice:function(e,t){var n=arguments.length;if(t=Math.max(0|t,0),0===n||2===n&&!t)return this;e=g(e,e<0?this.count():this.size);var r=this.slice(0,e);return Et(this,1===n?r:r.concat(d(arguments,2),this.slice(e+t)))},findLastIndex:function(e,t){var n=this.findLastEntry(e,t);return n?n[0]:-1},first:function(){return this.get(0)},flatten:function(e){return Et(this,yt(this,e,!1))},get:function(e,t){return e=v(this,e),e<0||this.size===1/0||void 0!==this.size&&e>this.size?t:this.find(function(t,n){return n===e},void 0,t)},has:function(e){return e=v(this,e),e>=0&&(void 0!==this.size?this.size===1/0||e<this.size:this.indexOf(e)!==-1)},interpose:function(e){return Et(this,bt(this,e))},interleave:function(){var e=[this].concat(d(arguments)),t=Ct(this.toSeq(),N.of,e),n=t.flatten(!0);return t.size&&(n.size=t.size*e.length),Et(this,n)},keySeq:function(){return J(0,this.size)},last:function(){return this.get(-1)},skipWhile:function(e,t){return Et(this,vt(this,e,t,!1))},zip:function(){var e=[this].concat(d(arguments));return Et(this,Ct(this,nn,e))},zipWith:function(e){var t=d(arguments);return t[0]=this,Et(this,Ct(this,e,t))}}),r.prototype[fn]=!0,r.prototype[pn]=!0,$t(o,{get:function(e,t){return this.has(e)?e:t},includes:function(e){return this.has(e)},keySeq:function(){return this.valueSeq()}}),o.prototype.has=sr.includes,o.prototype.contains=o.prototype.includes,$t(M,n.prototype),$t(N,r.prototype),$t(A,o.prototype),$t(te,n.prototype),$t(ne,r.prototype),$t(re,o.prototype);var lr={Iterable:t,Seq:k,Collection:ee,Map:fe,OrderedMap:Qe,List:Ue,Stack:qt,Set:Lt,OrderedSet:zt,Record:At,Range:J,Repeat:Z,is:X,fromJS:W};return lr})},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1805),i=r(o),a=n(1804),s=r(a);i["default"].Group=s["default"],t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(488),i=r(o),a=n(1815),s=r(a);i["default"].Group=s["default"],t["default"]=i["default"],e.exports=t["default"]},function(e,t){"use strict";var n=Array.isArray||function(e){return e instanceof Array};t.isFragment=function(e){return n(e)&&""===e[0]},t.getTagName=function(e){return e[0]||""};var r=t.isElement=function(e){return n(e)&&"string"==typeof e[0]},o=t.isAttributes=function(e){return!!e&&"object"==typeof e&&!n(e)},i=t.hasAttributes=function(e){if(!r(e))throw new SyntaxError("invalid JsonML");return o(e[1])},a=t.getAttributes=function(e,t){if(i(e))return e[1];if(t){var n=e.shift(),r={};return e.unshift(r),e.unshift(n||""),r}},s=t.addAttributes=function(e,t){if(!r(e)||!o(t))throw new SyntaxError("invalid JsonML");if(!o(e[1])){var n=e.shift();return e.unshift(t),void e.unshift(n||"")}var i=e[1];for(var a in t)t.hasOwnProperty(a)&&(i[a]=t[a])};t.getAttribute=function(e,t){if(i(e))return e[1][t]},t.setAttribute=function(e,t,n){a(e,!0)[t]=n};var u=t.appendChild=function(e,o){if(!n(e))throw new SyntaxError("invalid JsonML");if(n(o)&&""===o[0])for(o.shift();o.length;)u(e,o.shift(),arguments[2]);else if(o&&"object"==typeof o)if(n(o)){if(!r(o))throw new SyntaxError("invalid JsonML");"function"==typeof arguments[2]&&arguments[2](e,o),e.push(o)}else t.isRaw(o)?e.push(o):s(e,o);else"undefined"!=typeof o&&null!==o&&(o=String(o),o&&e.length>1&&"string"==typeof e[e.length-1]?e[e.length-1]+=o:!o&&e.length||e.push(o))};t.getChildren=function(e){return i(e)?e.slice(2):e.slice(1)}},function(e,t,n){"use strict";var r=n(22),o=r.OrderedMap,i={createFromArray:function(e){return o(e.map(function(e){return[e.getKey(),e]}))}};e.exports=i},function(e,t){"use strict";var n="-",r={encode:function(e,t,r){return e+n+t+n+r},decode:function(e){var t=e.split(n),r=t[0],o=t[1],i=t[2];return{blockKey:r,decoratorKey:parseInt(o,10),leafKey:parseInt(i,10)}}};e.exports=r},function(e,t,n){"use strict";function r(e,t,n){var r=e.getSelection(),i=e.getCurrentContent(),a=r;if(r.isCollapsed()){if("forward"===n){if(e.isSelectionAtEndOfContent())return i}else if(e.isSelectionAtStartOfContent())return i;if(a=t(e),a===r)return i}return o.removeRange(i,a,n)}var o=n(35);e.exports=r},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(615),i=r(o);i["default"].isQueueAnim=!0,t["default"]=i["default"],e.exports=t["default"]},function(e,t){"use strict";function n(e){return"object"==typeof e?Object.keys(e).filter(function(t){return e[t]}).map(r).join(" "):Array.prototype.map.call(arguments,r).join(" ")}function r(e){return e.replace(/\//g,"-")}e.exports=n},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=[];return y["default"].Children.forEach(e,function(e){t.push(e)}),t}function i(e){return e||0===e?Array.isArray(e)?e:[e]:[]}function a(e,t){if(e===t||(0,b["default"])(e,t))return!0;if(!e||!t)return!1;var n=!0;if(Array.isArray(e)&&Array.isArray(t)){if(e.length!==t.length)return!1;for(var r=0;r<e.length;r++){var o=e[r],i=t[r];for(var s in o)if(o[s]!==i[s])if("object"===(0,v["default"])(o[s])&&"object"===(0,v["default"])(i[s]))n=a(o[s],i[s]);else{if("function"!=typeof o[s]||"function"!=typeof i[s])return n=!1,!1;o[s].name!==i[s].name&&(n=!1)}}}var u=function(e,t){Object.keys(e).forEach(function(r){r in t||(n=!1),"object"===(0,v["default"])(e[r])&&"object"===(0,v["default"])(t[r])?n=a(e[r],t[r]):"function"==typeof e[r]&&"function"==typeof t[r]?e[r].name!==t[r].name&&(n=!1):e[r]!==t[r]&&(n=!1)})};return u(e,t),u(t,e),n}function s(e,t){var n=null;return e&&e.forEach(function(e){!n&&e&&e.key===t&&(n=e)}),n}function u(e,t){var n=[],r={},o=[],i=void 0;return e.forEach(function(e){e&&(s(t,e.key)?(o.length&&(r[e.key]=o,o=[]),i=e.key):e.key&&o.push(e))}),i||(n=n.concat(o)),t.forEach(function(e){e&&(r.hasOwnProperty(e.key)&&(n=n.concat(r[e.key])),n.push(e),e.key===i&&(n=n.concat(o)))}),n}function l(e,t,n){var r=void 0;return r="function"==typeof e?e({key:t,index:n}):e}function c(e){return e&&e.children}function f(e,t,n,r,o,i,a){var s=/(?:Left|Right|Width|X)/i.test(t)||a,u=t.indexOf("border")!==-1?e:e.parentNode||document.body;u=i?document.body:u;var l=void 0;return l="%"===r?parseFloat(n)/100*(s?u.clientWidth:u.clientHeight):"vw"===r?parseFloat(n)*document.body.clientWidth/100:"vh"===r?parseFloat(n)*document.body.clientHeight/100:r&&r.match(/em/i)?16*parseFloat(n):parseFloat(n),"%"===o?l=100*l/(s?u.clientWidth:u.clientHeight):"vw"===o?l=parseFloat(n)/document.body.clientWidth*100:"vh"===o?l=parseFloat(n)/document.body.clientHeight*100:o&&o.match(/em/i)&&(l=parseFloat(n)/16),l}function p(e){if("string"==typeof e)return e.charAt(0).match(/m/i)?(_=_||document.createElementNS("http://www.w3.org/2000/svg","path"),_.setAttributeNS(null,"d",e),_):document.querySelector(e);if(e.style)return e;throw new Error("Error while parsing the path")}function d(e,t){if("string"==typeof e)return e;var n=e.perspective,r=e.rotate,o=e.rotateX,i=e.rotateY,a=e.scaleX,s=e.scaleY,u=e.scaleZ,l=e.skewX,c=e.skewY,f=e.xPercent||0,p=e.yPercent||0,d=f?0:e.translateX,h=p?0:e.translateY,v=e.translateZ||0,m=f||p?"translate("+(f||d+"px")+","+(p||h+"px")+")":"",y=l||c?"skew("+l+"deg,"+c+"deg)":"",g=r?"rotate("+r+"deg)":"",b=void 0;if(!n&&!o&&!i&&!v&&1===u||!t){b=1!==a||1!==s?"scale("+a+","+s+")":"";var _=m||"translate("+d+"px,"+h+"px)";return _+" "+g+" "+b+" "+y}b=1!==a||1!==s||1!==u?"scale3d("+a+","+s+","+u+")":"";var w=o?"rotateX("+o+"deg)":"",x=i?"rotateY("+i+"deg)":"",C=n?"perspective("+n+"px)":"",E=m?m+" translate3d(0,0,"+v+"px)":"translate3d("+d+"px,"+h+"px,"+v+"px)";return C+" "+E+" "+b+" "+g+" "+w+" "+x+" "+y}Object.defineProperty(t,"__esModule",{value:!0});var h=n(47),v=r(h);t.toArrayChildren=o,t.dataToArray=i,t.objectEqual=a,t.findChildInChildrenByKey=s,t.mergeChildren=u,t.transformArguments=l,t.getChildrenFromProps=c,t.startConvertToEndUnit=f,t.parsePath=p,t.getTransformValue=d;var m=n(1),y=r(m),g=n(1465),b=r(g),_=void 0},function(e,t,n){"use strict";function r(e,t){return e+t}function o(e,t,n){var r=n;{if("object"!==("undefined"==typeof t?"undefined":S(t)))return"undefined"!=typeof r?("number"==typeof r&&(r+="px"),void(e.style[t]=r)):T(e,t);for(var i in t)t.hasOwnProperty(i)&&o(e,i,t[i])}}function i(e){var t=void 0,n=void 0,r=void 0,o=e.ownerDocument,i=o.body,a=o&&o.documentElement;return t=e.getBoundingClientRect(),n=t.left,r=t.top,n-=a.clientLeft||i.clientLeft||0,r-=a.clientTop||i.clientTop||0,{left:n,top:r}}function a(e,t){var n=e["page"+(t?"Y":"X")+"Offset"],r="scroll"+(t?"Top":"Left");if("number"!=typeof n){var o=e.document;n=o.documentElement[r],"number"!=typeof n&&(n=o.body[r])}return n}function s(e){return a(e)}function u(e){return a(e,!0)}function l(e){var t=i(e),n=e.ownerDocument,r=n.defaultView||n.parentWindow;return t.left+=s(r),t.top+=u(r),t}function c(e,t,n){var r=n,o="",i=e.ownerDocument;return r=r||i.defaultView.getComputedStyle(e,null),r&&(o=r.getPropertyValue(t)||r[t]),o}function f(e,t){var n=e[N]&&e[N][t];if(k.test(n)&&!M.test(t)){var r=e.style,o=r[D],i=e[A][D];e[A][D]=e[N][D],r[D]="fontSize"===t?"1em":n||0,n=r.pixelLeft+j,r[D]=o,e[A][D]=i}return""===n?"auto":n}function p(e,t){return"left"===e?t.useCssRight?"right":e:t.useCssBottom?"bottom":e}function d(e){return"left"===e?"right":"right"===e?"left":"top"===e?"bottom":"bottom"===e?"top":void 0}function h(e,t,n){"static"===o(e,"position")&&(e.style.position="relative");var i=-999,a=-999,s=p("left",n),u=p("top",n),c=d(s),f=d(u);"left"!==s&&(i=999),"top"!==u&&(a=999);var h="",v=l(e);("left"in t||"top"in t)&&(h=(0,O.getTransitionProperty)(e)||"",(0,O.setTransitionProperty)(e,"none")),"left"in t&&(e.style[c]="",e.style[s]=i+"px"),"top"in t&&(e.style[f]="",e.style[u]=a+"px");var m=l(e),y={};for(var g in t)if(t.hasOwnProperty(g)){var b=p(g,n),_="left"===g?i:a,w=v[g]-m[g];b===g?y[b]=_+w:y[b]=_-w}o(e,y),r(e.offsetTop,e.offsetLeft),("left"in t||"top"in t)&&(0,O.setTransitionProperty)(e,h);var x={};for(var C in t)if(t.hasOwnProperty(C)){var E=p(C,n),S=t[C]-v[C];C===E?x[E]=y[E]+S:x[E]=y[E]-S}o(e,x)}function v(e,t){var n=l(e),r=(0,O.getTransformXY)(e),o={x:r.x,y:r.y};"left"in t&&(o.x=r.x+t.left-n.left),"top"in t&&(o.y=r.y+t.top-n.top),(0,O.setTransformXY)(e,o)}function m(e,t,n){n.useCssRight||n.useCssBottom?h(e,t,n):n.useCssTransform&&(0,O.getTransformName)()in document.body.style?v(e,t,n):h(e,t,n)}function y(e,t){for(var n=0;n<e.length;n++)t(e[n])}function g(e){return"border-box"===T(e,"boxSizing")}function b(e,t,n){var r={},o=e.style,i=void 0;for(i in t)t.hasOwnProperty(i)&&(r[i]=o[i],o[i]=t[i]);n.call(e);for(i in t)t.hasOwnProperty(i)&&(o[i]=r[i])}function _(e,t,n){var r=0,o=void 0,i=void 0,a=void 0;for(i=0;i<t.length;i++)if(o=t[i])for(a=0;a<n.length;a++){var s=void 0;s="border"===o?""+o+n[a]+"Width":o+n[a],r+=parseFloat(T(e,s))||0}return r}function w(e){return null!==e&&void 0!==e&&e==e.window}function x(e,t,n){var r=n;if(w(e))return"width"===t?V.viewportWidth(e):V.viewportHeight(e);if(9===e.nodeType)return"width"===t?V.docWidth(e):V.docHeight(e);var o="width"===t?["Left","Right"]:["Top","Bottom"],i="width"===t?e.offsetWidth:e.offsetHeight,a=T(e),s=g(e,a),u=0;(null===i||void 0===i||i<=0)&&(i=void 0,u=T(e,t),(null===u||void 0===u||Number(u)<0)&&(u=e.style[t]||0),u=parseFloat(u)||0),void 0===r&&(r=s?F:I);var l=void 0!==i||s,c=i||u;return r===I?l?c-_(e,["border","padding"],o,a):u:l?r===F?c:c+(r===L?-_(e,["border"],o,a):_(e,["margin"],o,a)):u+_(e,R.slice(r),o,a)}function C(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=void 0,o=t[0];return 0!==o.offsetWidth?r=x.apply(void 0,t):b(o,B,function(){r=x.apply(void 0,t)}),r}function E(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n]);return e}Object.defineProperty(t,"__esModule",{value:!0});var S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},O=n(1345),P=/[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source,T=void 0,k=new RegExp("^("+P+")(?!px)[a-z%]+$","i"),M=/^(top|right|bottom|left)$/,N="currentStyle",A="runtimeStyle",D="left",j="px";"undefined"!=typeof window&&(T=window.getComputedStyle?c:f);var R=["margin","border","padding"],I=-1,L=2,F=1,U=0,V={};y(["Width","Height"],function(e){V["doc"+e]=function(t){var n=t.document;return Math.max(n.documentElement["scroll"+e],n.body["scroll"+e],V["viewport"+e](n))},V["viewport"+e]=function(t){var n="client"+e,r=t.document,o=r.body,i=r.documentElement,a=i[n];return"CSS1Compat"===r.compatMode&&a||o&&o[n]||a}});var B={position:"absolute",visibility:"hidden",display:"block"};y(["width","height"],function(e){var t=e.charAt(0).toUpperCase()+e.slice(1);V["outer"+t]=function(t,n){return t&&C(t,e,n?U:F)};var n="width"===e?["Left","Right"]:["Top","Bottom"];V[e]=function(t,r){var i=r;{if(void 0===i)return t&&C(t,e,I);if(t){var a=T(t),s=g(t);return s&&(i+=_(t,["padding","border"],n,a)),o(t,e,i)}}}});var z={getWindow:function(e){if(e&&e.document&&e.setTimeout)return e;var t=e.ownerDocument||e;return t.defaultView||t.parentWindow},offset:function(e,t,n){return"undefined"==typeof t?l(e):void m(e,t,n||{})},isWindow:w,each:y,css:o,clone:function(e){var t=void 0,n={};for(t in e)e.hasOwnProperty(t)&&(n[t]=e[t]);var r=e.overflow;if(r)for(t in e)e.hasOwnProperty(t)&&(n.overflow[t]=e.overflow[t]);return n},mix:E,getWindowScrollLeft:function(e){return s(e)},getWindowScrollTop:function(e){return u(e)},merge:function(){for(var e={},t=arguments.length,n=Array(t),r=0;r<t;r++)n[r]=arguments[r];for(var o=0;o<n.length;o++)z.mix(e,n[o]);return e},viewportWidth:0,viewportHeight:0};E(z,V),t["default"]=z,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return"button"===e||"input"===e||"select"===e||"textarea"===e}function o(e,t,n){switch(e){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":return!(!n.disabled||!r(t));default:return!1}}var i=n(19),a=n(235),s=n(236),u=n(240),l=n(412),c=n(413),f=(n(13),{}),p=null,d=function(e,t){e&&(s.executeDispatchesInOrder(e,t),e.isPersistent()||e.constructor.release(e))},h=function(e){return d(e,!0)},v=function(e){return d(e,!1)},m=function(e){return"."+e._rootNodeID},y={injection:{injectEventPluginOrder:a.injectEventPluginOrder,injectEventPluginsByName:a.injectEventPluginsByName},putListener:function(e,t,n){"function"!=typeof n?i("94",t,typeof n):void 0;var r=m(e),o=f[t]||(f[t]={});o[r]=n;var s=a.registrationNameModules[t];s&&s.didPutListener&&s.didPutListener(e,t,n)},getListener:function(e,t){var n=f[t];if(o(t,e._currentElement.type,e._currentElement.props))return null;var r=m(e);return n&&n[r]},deleteListener:function(e,t){var n=a.registrationNameModules[t];n&&n.willDeleteListener&&n.willDeleteListener(e,t);var r=f[t];if(r){var o=m(e);delete r[o]}},deleteAllListeners:function(e){var t=m(e);for(var n in f)if(f.hasOwnProperty(n)&&f[n][t]){var r=a.registrationNameModules[n];r&&r.willDeleteListener&&r.willDeleteListener(e,n),delete f[n][t]}},extractEvents:function(e,t,n,r){for(var o,i=a.plugins,s=0;s<i.length;s++){var u=i[s];if(u){var c=u.extractEvents(e,t,n,r);c&&(o=l(o,c))}}return o},enqueueEvents:function(e){e&&(p=l(p,e))},processEventQueue:function(e){var t=p;p=null,e?c(t,h):c(t,v),p?i("95"):void 0,u.rethrowCaughtError()},__purge:function(){f={}},__getListenerBank:function(){return f}};e.exports=y},function(e,t,n){"use strict";function r(e,t,n){var r=t.dispatchConfig.phasedRegistrationNames[n];return y(e,r)}function o(e,t,n){var o=r(e,n,t);o&&(n._dispatchListeners=v(n._dispatchListeners,o),n._dispatchInstances=v(n._dispatchInstances,e))}function i(e){e&&e.dispatchConfig.phasedRegistrationNames&&h.traverseTwoPhase(e._targetInst,o,e)}function a(e){if(e&&e.dispatchConfig.phasedRegistrationNames){var t=e._targetInst,n=t?h.getParentInstance(t):null;h.traverseTwoPhase(n,o,e)}}function s(e,t,n){if(n&&n.dispatchConfig.registrationName){var r=n.dispatchConfig.registrationName,o=y(e,r);o&&(n._dispatchListeners=v(n._dispatchListeners,o),n._dispatchInstances=v(n._dispatchInstances,e))}}function u(e){e&&e.dispatchConfig.registrationName&&s(e._targetInst,null,e)}function l(e){m(e,i)}function c(e){m(e,a)}function f(e,t,n,r){h.traverseEnterLeave(n,r,s,e,t)}function p(e){m(e,u)}var d=n(139),h=n(236),v=n(412),m=n(413),y=(n(16),d.getListener),g={accumulateTwoPhaseDispatches:l,accumulateTwoPhaseDispatchesSkipTarget:c,accumulateDirectDispatches:p,accumulateEnterLeaveDispatches:f};e.exports=g},function(e,t){"use strict";var n={remove:function(e){e._reactInternalInstance=void 0},get:function(e){return e._reactInternalInstance},has:function(e){return void 0!==e._reactInternalInstance},set:function(e,t){e._reactInternalInstance=t}};e.exports=n},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(71),i=n(245),a={view:function(e){if(e.view)return e.view;var t=i(e);if(t.window===t)return t;var n=t.ownerDocument;return n?n.defaultView||n.parentWindow:window},detail:function(e){return e.detail||0}};o.augmentClass(r,a),e.exports=r},function(e,t){var n={}.toString;e.exports=function(e){return n.call(e).slice(8,-1)}},function(e,t){e.exports=function(e){try{return!!e()}catch(t){return!0}}},function(e,t,n){var r=n(442),o=n(256);e.exports=Object.keys||function(e){return r(e,o)}},function(e,t){e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},function(e,t,n){"use strict";var r=n(1531)(!0);n(438)(String,"String",function(e){this._t=String(e),this._i=0},function(){var e,t=this._t,n=this._i;return n>=t.length?{value:void 0,done:!0}:(e=r(t,n),this._i+=e.length,{value:e,done:!1})})},function(e,t,n){var r=n(59),o=n(24)("toStringTag"),i="Arguments"==r(function(){return arguments}()),a=function(e,t){try{return e[t]}catch(n){}};e.exports=function(e){var t,n,s;return void 0===e?"Undefined":null===e?"Null":"string"==typeof(n=a(t=Object(e),o))?n:i?r(t):"Object"==(s=r(t))&&"function"==typeof t.callee?"Arguments":s}},function(e,t,n){var r=n(59);e.exports=Object("z").propertyIsEnumerable(0)?Object:function(e){return"String"==r(e)?e.split(""):Object(e)}},function(e,t){t.f={}.propertyIsEnumerable},function(e,t){"use strict";t.__esModule=!0;t.addEventListener=function(e,t,n){return e.addEventListener?e.addEventListener(t,n,!1):e.attachEvent("on"+t,n)},t.removeEventListener=function(e,t,n){return e.removeEventListener?e.removeEventListener(t,n,!1):e.detachEvent("on"+t,n)},t.supportsHistory=function(){var e=window.navigator.userAgent;return(e.indexOf("Android 2.")===-1&&e.indexOf("Android 4.0")===-1||e.indexOf("Mobile Safari")===-1||e.indexOf("Chrome")!==-1||e.indexOf("Windows Phone")!==-1)&&(window.history&&"pushState"in window.history)},t.supportsGoWithoutReloadUsingHash=function(){return window.navigator.userAgent.indexOf("Firefox")===-1},t.supportsPopstateOnHashchange=function(){return window.navigator.userAgent.indexOf("Trident")===-1},t.isExtraneousPopstateEvent=function(e){return void 0===e.state&&navigator.userAgent.indexOf("CriOS")===-1}},function(e,t,n){"use strict";function r(e,t,n){return!o(e.props,t)||!o(e.state,n)}var o=n(56),i={shouldComponentUpdate:function(e,t){return r(this,e,t)}};e.exports=i},function(e,t,n){"use strict";n(14),n(1248)},function(e,t,n){"use strict";n(14),n(1253)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1);t["default"]=function(e,t){return function(n){var r=n;return o=function(n){function r(){return(0,s["default"])(this,r),(0,l["default"])(this,n.apply(this,arguments))}return(0,f["default"])(r,n),r.prototype.getLocale=function(){var n=this.context.antLocale,r=n&&n[e],o=this.props.locale||{};return(0,i["default"])({},t,r||{},o)},r}(n),o.propTypes=r.propTypes,o.defaultProps=r.defaultProps,o.contextTypes=(0,i["default"])({},r.context||{},{antLocale:p.PropTypes.object}),o;var o}},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(12),y=r(m),g=n(520),b=r(g),_=n(8),w=r(_),x=n(54),C=r(x),E=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},S=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.getLocale=function(){var e=this.context.antLocale;return e&&e.Select?e.Select:{notFoundContent:"\u65e0\u5339\u914d\u7ed3\u679c"}},t.prototype.render=function(){var e,t=this.props,n=t.prefixCls,r=t.className,o=void 0===r?"":r,a=t.size,u=t.mode,l=t.multiple,c=t.tags,f=t.combobox,p=E(t,["prefixCls","className","size","mode","multiple","tags","combobox"]);(0,C["default"])(!l&&!c&&!f,"`Select[multiple|tags|combobox]` is deprecated, please use `Select[mode]` instead.");var d=(0,w["default"])((e={},(0,s["default"])(e,n+"-lg","large"===a),(0,s["default"])(e,n+"-sm","small"===a),e),o),h=this.getLocale(),m=this.props,y=m.notFoundContent,g=void 0===y?h.notFoundContent:y,_=m.optionLabelProp,x="combobox"===u||f;x&&(g=null,_=_||"value");var S={multiple:"multiple"===u||l,tags:"tags"===u||c,combobox:x};return v["default"].createElement(b["default"],(0,i["default"])({},p,S,{prefixCls:n,className:d,optionLabelProp:_||"children",notFoundContent:g}))},t}(v["default"].Component);t["default"]=S,S.Option=g.Option,S.OptGroup=g.OptGroup,S.defaultProps={prefixCls:"ant-select",showSearch:!1,transitionName:"slide-up",choiceTransitionName:"zoom"},S.propTypes={prefixCls:y["default"].string,className:y["default"].string,size:y["default"].oneOf(["default","large","small"]),combobox:y["default"].bool,notFoundContent:y["default"].any,showSearch:y["default"].bool,optionLabelProp:y["default"].string,transitionName:y["default"].string,choiceTransitionName:y["default"].string},S.contextTypes={antLocale:y["default"].object},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1272),n(107)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(10),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(9),d=r(p),h=n(1),v=r(h),m=n(1757),y=r(m),g=n(8),b=r(g),_=n(1891),w=r(_),x=function(e,t){var n={},r=(0,d["default"])({},e);return t.forEach(function(t){e&&t in e&&(n[t]=e[t],delete r[t])}),{picked:n,omited:r}},C=function(e){function t(n){(0,s["default"])(this,t);var r=(0,l["default"])(this,e.call(this,n));return r.onVisibleChange=function(e){var t=r.props.onVisibleChange;"visible"in r.props||r.setState({visible:!r.isNoTitle()&&e}),t&&!r.isNoTitle()&&t(e)},r.onPopupAlign=function(e,t){var n=r.getPlacements(),o=Object.keys(n).filter(function(e){return n[e].points[0]===t.points[0]&&n[e].points[1]===t.points[1]})[0];if(o){var i=e.getBoundingClientRect(),a={top:"50%",left:"50%"};o.indexOf("top")>=0||o.indexOf("Bottom")>=0?a.top=i.height-t.offset[1]+"px":(o.indexOf("Top")>=0||o.indexOf("bottom")>=0)&&(a.top=-t.offset[1]+"px"),o.indexOf("left")>=0||o.indexOf("Right")>=0?a.left=i.width-t.offset[0]+"px":(o.indexOf("right")>=0||o.indexOf("Left")>=0)&&(a.left=-t.offset[0]+"px"),e.style.transformOrigin=a.left+" "+a.top}},r.state={visible:!!n.visible},r}return(0,f["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){"visible"in e&&this.setState({visible:e.visible})},t.prototype.getPopupDomNode=function(){return this.refs.tooltip.getPopupDomNode()},t.prototype.getPlacements=function(){var e=this.props,t=e.builtinPlacements,n=e.arrowPointAtCenter;return t||(0,w["default"])({arrowPointAtCenter:n,verticalArrowShift:8})},t.prototype.isHoverTrigger=function(){var e=this.props.trigger;return!e||"hover"===e||!!Array.isArray(e)&&e.indexOf("hover")>=0},t.prototype.getDisabledCompatibleChildren=function(e){if((e.type.__ANT_BUTTON||"button"===e.type)&&e.props.disabled&&this.isHoverTrigger()){var t=x(e.props.style,["position","left","right","top","bottom","float","display","zIndex"]),n=t.picked,r=t.omited,o=(0,d["default"])({display:"inline-block"},n,{cursor:"not-allowed"}),i=(0,d["default"])({},r,{pointerEvents:"none"}),a=(0,h.cloneElement)(e,{style:i,className:null});return v["default"].createElement("span",{style:o,className:e.props.className},a)}return e},t.prototype.isNoTitle=function(){var e=this.props,t=e.title,n=e.overlay;return!t&&!n},t.prototype.render=function(){var e=this.props,t=this.state,n=e.prefixCls,r=e.title,o=e.overlay,a=e.openClassName,s=e.getPopupContainer,u=e.getTooltipContainer,l=e.children,c=t.visible;"visible"in e||!this.isNoTitle()||(c=!1);var f=this.getDisabledCompatibleChildren(v["default"].isValidElement(l)?l:v["default"].createElement("span",null,l)),p=f.props,m=(0,b["default"])(p.className,(0,i["default"])({},a||n+"-open",!0));return v["default"].createElement(y["default"],(0,d["default"])({},this.props,{getTooltipContainer:s||u,ref:"tooltip",builtinPlacements:this.getPlacements(),overlay:o||r,visible:c,onVisibleChange:this.onVisibleChange,onPopupAlign:this.onPopupAlign}),c?(0,h.cloneElement)(f,{className:m}):f)},t}(v["default"].Component);t["default"]=C,C.defaultProps={prefixCls:"ant-tooltip",placement:"top",transitionName:"zoom-big-fast",mouseEnterDelay:.1,mouseLeaveDelay:.1,arrowPointAtCenter:!1},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=e.title,n=e.filename;return a["default"].createElement(s.Tooltip,{title:t},a["default"].createElement("a",{className:"edit-button",href:""+u+n},a["default"].createElement(s.Icon,{type:"edit"})))}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var i=n(1),a=r(i),s=n(3),u="https://github.com/ant-design/ant-design/edit/master/";e.exports=t["default"]},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a=n(132),s=n(55),u=n(88),l=n(161),c=n(22),f=n(110),p=n(63),d=n(211),h=c.List,v=c.Record,m=c.Repeat,y={entityMap:null,blockMap:null,selectionBefore:null,selectionAfter:null},g=v(y),b=function(e){function t(){return r(this,t),o(this,e.apply(this,arguments))}return i(t,e),t.prototype.getEntityMap=function(){return l},t.prototype.getBlockMap=function(){return this.get("blockMap")},t.prototype.getSelectionBefore=function(){return this.get("selectionBefore")},t.prototype.getSelectionAfter=function(){return this.get("selectionAfter")},t.prototype.getBlockForKey=function(e){var t=this.getBlockMap().get(e);return t},t.prototype.getKeyBefore=function(e){return this.getBlockMap().reverse().keySeq().skipUntil(function(t){return t===e}).skip(1).first()},t.prototype.getKeyAfter=function(e){return this.getBlockMap().keySeq().skipUntil(function(t){return t===e}).skip(1).first()},t.prototype.getBlockAfter=function(e){return this.getBlockMap().skipUntil(function(t,n){return n===e}).skip(1).first()},t.prototype.getBlockBefore=function(e){return this.getBlockMap().reverse().skipUntil(function(t,n){return n===e}).skip(1).first()},t.prototype.getBlocksAsArray=function(){return this.getBlockMap().toArray()},t.prototype.getFirstBlock=function(){return this.getBlockMap().first()},t.prototype.getLastBlock=function(){return this.getBlockMap().last()},t.prototype.getPlainText=function(e){return this.getBlockMap().map(function(e){return e?e.getText():""}).join(e||"\n")},t.prototype.getLastCreatedEntityKey=function(){return l.__getLastCreatedEntityKey()},t.prototype.hasText=function(){var e=this.getBlockMap();return e.size>1||e.first().getLength()>0},t.prototype.createEntity=function(e,t,n){return l.__create(e,t,n),this},t.prototype.mergeEntityData=function(e,t){return l.__mergeData(e,t),this},t.prototype.replaceEntityData=function(e,t){return l.__replaceData(e,t),this},t.prototype.addEntity=function(e){return l.__add(e),this},t.prototype.getEntity=function(e){return l.__get(e)},t.createFromBlockArray=function(e,n){var r=Array.isArray(e)?e:e.contentBlocks,o=a.createFromArray(r),i=o.isEmpty()?new f:f.createEmpty(o.first().getKey());return new t({blockMap:o,entityMap:n||l,selectionBefore:i,selectionAfter:i})},t.createFromText=function(e){var n=arguments.length<=1||void 0===arguments[1]?/\r\n?|\n/g:arguments[1],r=e.split(n),o=r.map(function(e){return e=d(e),new u({key:p(),text:e,type:"unstyled",characterList:h(m(s.EMPTY,e.length))})});return t.createFromBlockArray(o)},t}(g);e.exports=b},function(e,t,n){"use strict";function r(e,t){console.warn("WARNING: "+e+' will be deprecated soon!\nPlease use "'+t+'" instead.')}var o=n(11),i=o||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=n(331),s=n(22),u=n(13),l=s.Map,c=l(),f=0,p={getLastCreatedEntityKey:function(){return r("DraftEntity.getLastCreatedEntityKey","contentState.getLastCreatedEntityKey"),p.__getLastCreatedEntityKey()},create:function(e,t,n){return r("DraftEntity.create","contentState.createEntity"),p.__create(e,t,n)},add:function(e){return r("DraftEntity.add","contentState.addEntity"),p.__add(e)},get:function(e){return r("DraftEntity.get","contentState.getEntity"),p.__get(e)},mergeData:function(e,t){return r("DraftEntity.mergeData","contentState.mergeEntityData"),p.__mergeData(e,t)},replaceData:function(e,t){return r("DraftEntity.replaceData","contentState.replaceEntityData"),p.__replaceData(e,t)},__getLastCreatedEntityKey:function(){return""+f},__create:function(e,t,n){return p.__add(new a({type:e,mutability:t,data:n||{}}))},__add:function(e){var t=""+ ++f;return c=c.set(t,e),t},__get:function(e){var t=c.get(e);return t?void 0:u(!1),t},__mergeData:function(e,t){var n=p.__get(e),r=i({},n.getData(),t),o=n.set("data",r);return c=c.set(e,o),o},__replaceData:function(e,t){var n=p.__get(e),r=n.set("data",t);return c=c.set(e,r),r}};e.exports=p},function(e,t){"use strict";function n(e,t,n,r){if(e.size){var o=0;e.reduce(function(e,i,a){return t(e,i)||(n(e)&&r(o,a),o=a),i}),n(e.last())&&r(o,e.count())}}e.exports=n},function(e,t,n){"use strict";function r(e,t){var n=t.getStartKey(),r=t.getStartOffset(),a=t.getEndKey(),s=t.getEndOffset(),u=i(e,t),l=u.getBlockMap(),c=l.keySeq(),f=c.indexOf(n),p=c.indexOf(a)+1,d=l.slice(f,p).map(function(e,t){var i=o(),u=e.getText(),l=e.getCharacterList();return n===a?e.merge({key:i,text:u.slice(r,s),characterList:l.slice(r,s)}):t===n?e.merge({key:i,text:u.slice(r),characterList:l.slice(r)}):t===a?e.merge({key:i,text:u.slice(0,s),characterList:l.slice(0,s)}):e.set("key",i)});return d.toOrderedMap()}var o=n(63),i=n(346);e.exports=r},function(e,t){"use strict";function n(e){return"handled"===e||e===!0}e.exports=n},function(e,t,n){var r=n(214);e.exports=function(e){return function t(n){return 0===arguments.length||r(n)?t:e.apply(this,arguments)}}},function(e,t){"use strict";function n(e){if(e=e||("undefined"!=typeof document?document:void 0),"undefined"==typeof e)return null;try{return e.activeElement||e.body}catch(t){return e.body}}e.exports=n},function(e,t,n){
+"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}Object.defineProperty(t,"__esModule",{value:!0});var i=n(9),a=r(i),s=n(70),u=r(s),l=n(4),c=r(l),f=n(7),p=r(f),d=n(6),h=r(d),v=n(1),m=r(v),y=n(378),g=r(y),b=n(379),_=r(b),w=n(227),x=function(e){function t(n){(0,c["default"])(this,t);var r=(0,p["default"])(this,e.call(this,n));return r.scrollEventListener=function(e){r.getParam(e);var t=r.elementShowHeight>r.clientHeight+r.leavePlayHeight;if(r.enter||!r.props.replay&&t)r.state.show||r.setState({show:!0}),r.props.always||g["default"].removeEventListener(r.eventType,r.scrollEventListener,r.target);else{var n=r.elementShowHeight<r.playHeight,o=r.props.replay?t:null;(o||n)&&r.state.show&&r.setState({show:!1})}},r.children=(0,w.toArrayChildren)(n.children),r.oneEnter=!1,r.enter=!1,r.state={show:!1,children:(0,w.toArrayChildren)(n.children)},r}return(0,h["default"])(t,e),t.prototype.render=function(){var e=(0,u["default"])(this.props,[]);["playScale","replay","component","always","scrollEvent","appear","location","targetId"].forEach(function(t){return delete e[t]});var t=void 0;if(this.oneEnter)this.state.show?this.children=this.state.children:this.children=this.children.map(function(e){return e?e.type.TweenOneGroup&&e.type.easing&&e.type.plugins?m["default"].cloneElement(e,{reverse:!0}):m["default"].cloneElement(e,{},null):null}),t=(0,v.createElement)(this.props.component,(0,a["default"])({},e),this.children);else{var n=!this.props.appear&&this.props.children;t=(0,v.createElement)(this.props.component,(0,a["default"])({},e),n),this.oneEnter=!0}return t},t}(_["default"]);x.propTypes={component:m["default"].PropTypes.string,playScale:m["default"].PropTypes.any,always:m["default"].PropTypes.bool,scrollEvent:m["default"].PropTypes.func,children:m["default"].PropTypes.any,className:m["default"].PropTypes.string,style:m["default"].PropTypes.any,replay:m["default"].PropTypes.bool,onChange:m["default"].PropTypes.func,appear:m["default"].PropTypes.bool},x.defaultProps={component:"div",playScale:.5,always:!0,scrollEvent:o,replay:!1,onChange:o,appear:!0},x.isScrollOverPack=!0,t["default"]=x,e.exports=t["default"]},function(e,t,n){"use strict";e.exports=n(1308)},function(e,t,n){"use strict";var r=n(382);r.TweenOneGroup=n(1312),r.easing=n(383),r.plugins=n(228),r.ticker=n(384),r.isTweenOne=!0,e.exports=r},function(e,t,n){"use strict";function r(e){return Object.prototype.hasOwnProperty.call(e,v)||(e[v]=d++,f[e[v]]={}),f[e[v]]}var o,i=n(11),a=n(235),s=n(1410),u=n(411),l=n(1442),c=n(246),f={},p=!1,d=0,h={topAbort:"abort",topAnimationEnd:l("animationend")||"animationend",topAnimationIteration:l("animationiteration")||"animationiteration",topAnimationStart:l("animationstart")||"animationstart",topBlur:"blur",topCanPlay:"canplay",topCanPlayThrough:"canplaythrough",topChange:"change",topClick:"click",topCompositionEnd:"compositionend",topCompositionStart:"compositionstart",topCompositionUpdate:"compositionupdate",topContextMenu:"contextmenu",topCopy:"copy",topCut:"cut",topDoubleClick:"dblclick",topDrag:"drag",topDragEnd:"dragend",topDragEnter:"dragenter",topDragExit:"dragexit",topDragLeave:"dragleave",topDragOver:"dragover",topDragStart:"dragstart",topDrop:"drop",topDurationChange:"durationchange",topEmptied:"emptied",topEncrypted:"encrypted",topEnded:"ended",topError:"error",topFocus:"focus",topInput:"input",topKeyDown:"keydown",topKeyPress:"keypress",topKeyUp:"keyup",topLoadedData:"loadeddata",topLoadedMetadata:"loadedmetadata",topLoadStart:"loadstart",topMouseDown:"mousedown",topMouseMove:"mousemove",topMouseOut:"mouseout",topMouseOver:"mouseover",topMouseUp:"mouseup",topPaste:"paste",topPause:"pause",topPlay:"play",topPlaying:"playing",topProgress:"progress",topRateChange:"ratechange",topScroll:"scroll",topSeeked:"seeked",topSeeking:"seeking",topSelectionChange:"selectionchange",topStalled:"stalled",topSuspend:"suspend",topTextInput:"textInput",topTimeUpdate:"timeupdate",topTouchCancel:"touchcancel",topTouchEnd:"touchend",topTouchMove:"touchmove",topTouchStart:"touchstart",topTransitionEnd:l("transitionend")||"transitionend",topVolumeChange:"volumechange",topWaiting:"waiting",topWheel:"wheel"},v="_reactListenersID"+String(Math.random()).slice(2),m=i({},s,{ReactEventListener:null,injection:{injectReactEventListener:function(e){e.setHandleTopLevel(m.handleTopLevel),m.ReactEventListener=e}},setEnabled:function(e){m.ReactEventListener&&m.ReactEventListener.setEnabled(e)},isEnabled:function(){return!(!m.ReactEventListener||!m.ReactEventListener.isEnabled())},listenTo:function(e,t){for(var n=t,o=r(n),i=a.registrationNameDependencies[e],s=0;s<i.length;s++){var u=i[s];o.hasOwnProperty(u)&&o[u]||("topWheel"===u?c("wheel")?m.ReactEventListener.trapBubbledEvent("topWheel","wheel",n):c("mousewheel")?m.ReactEventListener.trapBubbledEvent("topWheel","mousewheel",n):m.ReactEventListener.trapBubbledEvent("topWheel","DOMMouseScroll",n):"topScroll"===u?c("scroll",!0)?m.ReactEventListener.trapCapturedEvent("topScroll","scroll",n):m.ReactEventListener.trapBubbledEvent("topScroll","scroll",m.ReactEventListener.WINDOW_HANDLE):"topFocus"===u||"topBlur"===u?(c("focus",!0)?(m.ReactEventListener.trapCapturedEvent("topFocus","focus",n),m.ReactEventListener.trapCapturedEvent("topBlur","blur",n)):c("focusin")&&(m.ReactEventListener.trapBubbledEvent("topFocus","focusin",n),m.ReactEventListener.trapBubbledEvent("topBlur","focusout",n)),o.topBlur=!0,o.topFocus=!0):h.hasOwnProperty(u)&&m.ReactEventListener.trapBubbledEvent(u,h[u],n),o[u]=!0)}},trapBubbledEvent:function(e,t,n){return m.ReactEventListener.trapBubbledEvent(e,t,n)},trapCapturedEvent:function(e,t,n){return m.ReactEventListener.trapCapturedEvent(e,t,n)},supportsEventPageXY:function(){if(!document.createEvent)return!1;var e=document.createEvent("MouseEvent");return null!=e&&"pageX"in e},ensureScrollValueMonitoring:function(){if(void 0===o&&(o=m.supportsEventPageXY()),!o&&!p){var e=u.refreshScrollValues;m.ReactEventListener.monitorScrollValue(e),p=!0}}});e.exports=m},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(142),i=n(411),a=n(244),s={screenX:null,screenY:null,clientX:null,clientY:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,getModifierState:a,button:function(e){var t=e.button;return"which"in e?t:2===t?2:4===t?1:0},buttons:null,relatedTarget:function(e){return e.relatedTarget||(e.fromElement===e.srcElement?e.toElement:e.fromElement)},pageX:function(e){return"pageX"in e?e.pageX:e.clientX+i.currentScrollLeft},pageY:function(e){return"pageY"in e?e.pageY:e.clientY+i.currentScrollTop}};o.augmentClass(r,s),e.exports=r},function(e,t,n){"use strict";var r=n(19),o=(n(13),{}),i={reinitializeTransaction:function(){this.transactionWrappers=this.getTransactionWrappers(),this.wrapperInitData?this.wrapperInitData.length=0:this.wrapperInitData=[],this._isInTransaction=!1},_isInTransaction:!1,getTransactionWrappers:null,isInTransaction:function(){return!!this._isInTransaction},perform:function(e,t,n,o,i,a,s,u){this.isInTransaction()?r("27"):void 0;var l,c;try{this._isInTransaction=!0,l=!0,this.initializeAll(0),c=e.call(t,n,o,i,a,s,u),l=!1}finally{try{if(l)try{this.closeAll(0)}catch(f){}else this.closeAll(0)}finally{this._isInTransaction=!1}}return c},initializeAll:function(e){for(var t=this.transactionWrappers,n=e;n<t.length;n++){var r=t[n];try{this.wrapperInitData[n]=o,this.wrapperInitData[n]=r.initialize?r.initialize.call(this):null}finally{if(this.wrapperInitData[n]===o)try{this.initializeAll(n+1)}catch(i){}}}},closeAll:function(e){this.isInTransaction()?void 0:r("28");for(var t=this.transactionWrappers,n=e;n<t.length;n++){var i,a=t[n],s=this.wrapperInitData[n];try{i=!0,s!==o&&a.close&&a.close.call(this,s),i=!1}finally{if(i)try{this.closeAll(n+1)}catch(u){}}}this.wrapperInitData.length=0}};e.exports=i},function(e,t){"use strict";function n(e){var t=""+e,n=o.exec(t);if(!n)return t;var r,i="",a=0,s=0;for(a=n.index;a<t.length;a++){switch(t.charCodeAt(a)){case 34:r="&quot;";break;case 38:r="&amp;";break;case 39:r="&#x27;";break;case 60:r="&lt;";break;case 62:r="&gt;";break;default:continue}s!==a&&(i+=t.substring(s,a)),s=a+1,i+=r}return s!==a?i+t.substring(s,a):i}function r(e){return"boolean"==typeof e||"number"==typeof e?""+e:n(e)}var o=/["'&<>]/;e.exports=r},function(e,t,n){"use strict";var r,o=n(36),i=n(234),a=/^[ \r\n\t\f]/,s=/<(!--|link|noscript|meta|script|style)[ \r\n\t\f\/>]/,u=n(242),l=u(function(e,t){if(e.namespaceURI!==i.svg||"innerHTML"in e)e.innerHTML=t;else{r=r||document.createElement("div"),r.innerHTML="<svg>"+t+"</svg>";for(var n=r.firstChild;n.firstChild;)e.appendChild(n.firstChild)}});if(o.canUseDOM){var c=document.createElement("div");c.innerHTML=" ",""===c.innerHTML&&(l=function(e,t){if(e.parentNode&&e.parentNode.replaceChild(e,e),a.test(t)||"<"===t[0]&&s.test(t)){e.innerHTML=String.fromCharCode(65279)+t;var n=e.firstChild;1===n.data.length?e.removeChild(n):n.deleteData(0,1)}else e.innerHTML=t}),c=null}e.exports=l},function(e,t){e.exports=!0},function(e,t){t.f={}.propertyIsEnumerable},function(e,t,n){var r=n(74).f,o=n(94),i=n(38)("toStringTag");e.exports=function(e,t,n){e&&!o(e=n?e:e.prototype,i)&&r(e,i,{configurable:!0,value:t})}},function(e,t){var n=0,r=Math.random();e.exports=function(e){return"Symbol(".concat(void 0===e?"":e,")_",(++n+r).toString(36))}},function(e,t,n){n(1536);for(var r=n(51),o=n(95),i=n(122),a=n(38)("toStringTag"),s=["NodeList","DOMTokenList","MediaList","StyleSheetList","CSSRuleList"],u=0;u<5;u++){var l=s[u],c=r[l],f=c&&c.prototype;f&&!f[a]&&o(f,a,l),i[l]=i.Array}},function(e,t,n){var r=n(44),o=n(30),i=n(104);e.exports=function(e){return function(t,n,a){var s,u=r(t),l=o(u.length),c=i(a,l);if(e&&n!=n){for(;l>c;)if(s=u[c++],s!=s)return!0}else for(;l>c;c++)if((e||c in u)&&u[c]===n)return e||c||0;return!e&&-1}}},function(e,t,n){"use strict";var r=n(17),o=n(5),i=n(42),a=n(102),s=n(83),u=n(124),l=n(97),c=n(21),f=n(18),p=n(186),d=n(126),h=n(274);e.exports=function(e,t,n,v,m,y){var g=r[e],b=g,_=m?"set":"add",w=b&&b.prototype,x={},C=function(e){var t=w[e];i(w,e,"delete"==e?function(e){return!(y&&!c(e))&&t.call(this,0===e?0:e)}:"has"==e?function(e){return!(y&&!c(e))&&t.call(this,0===e?0:e)}:"get"==e?function(e){return y&&!c(e)?void 0:t.call(this,0===e?0:e)}:"add"==e?function(e){return t.call(this,0===e?0:e),this}:function(e,n){return t.call(this,0===e?0:e,n),this})};if("function"==typeof b&&(y||w.forEach&&!f(function(){(new b).entries().next()}))){var E=new b,S=E[_](y?{}:-0,1)!=E,O=f(function(){E.has(1)}),P=p(function(e){new b(e)}),T=!y&&f(function(){for(var e=new b,t=5;t--;)e[_](t,t);return!e.has(-0)});P||(b=t(function(t,n){l(t,b,e);var r=h(new g,t,b);return void 0!=n&&u(n,m,r[_],r),r}),b.prototype=w,w.constructor=b),(O||T)&&(C("delete"),C("has"),m&&C("get")),(T||S)&&C(_),y&&w.clear&&delete w.clear}else b=v.getConstructor(t,e,m,_),a(b.prototype,n),s.NEED=!0;return d(b,e),x[e]=b,o(o.G+o.W+o.F*(b!=g),x),y||v.setStrong(b,e,m),b}},function(e,t,n){"use strict";var r=n(41),o=n(42),i=n(18),a=n(60),s=n(24);e.exports=function(e,t,n){var u=s(e),l=n(a,u,""[e]),c=l[0],f=l[1];i(function(){var t={};return t[u]=function(){return 7},7!=""[e](t)})&&(o(String.prototype,e,c),r(RegExp.prototype,u,2==t?function(e,t){return f.call(e,this,t)}:function(e){return f.call(e,this)}))}},function(e,t,n){"use strict";var r=n(15);e.exports=function(){var e=r(this),t="";return e.global&&(t+="g"),e.ignoreCase&&(t+="i"),e.multiline&&(t+="m"),e.unicode&&(t+="u"),e.sticky&&(t+="y"),t}},function(e,t){e.exports=function(e,t,n){var r=void 0===n;switch(t.length){case 0:return r?e():e.call(n);case 1:return r?e(t[0]):e.call(n,t[0]);case 2:return r?e(t[0],t[1]):e.call(n,t[0],t[1]);case 3:return r?e(t[0],t[1],t[2]):e.call(n,t[0],t[1],t[2]);case 4:return r?e(t[0],t[1],t[2],t[3]):e.call(n,t[0],t[1],t[2],t[3])}return e.apply(n,t)}},function(e,t,n){var r=n(21),o=n(59),i=n(24)("match");e.exports=function(e){var t;return r(e)&&(void 0!==(t=e[i])?!!t:"RegExp"==o(e))}},function(e,t,n){var r=n(24)("iterator"),o=!1;try{var i=[7][r]();i["return"]=function(){o=!0},Array.from(i,function(){throw 2})}catch(a){}e.exports=function(e,t){if(!t&&!o)return!1;var n=!1;try{var i=[7],a=i[r]();a.next=function(){return{done:n=!0}},i[r]=function(){return a},e(i)}catch(s){}return n}},function(e,t,n){e.exports=n(98)||!n(18)(function(){var e=Math.random();__defineSetter__.call(null,e,function(){}),delete n(17)[e]})},function(e,t){t.f=Object.getOwnPropertySymbols},function(e,t,n){var r=n(17),o="__core-js_shared__",i=r[o]||(r[o]={});e.exports=function(e){return i[e]||(i[e]={})}},function(e,t,n){for(var r,o=n(17),i=n(41),a=n(105),s=a("typed_array"),u=a("view"),l=!(!o.ArrayBuffer||!o.DataView),c=l,f=0,p=9,d="Int8Array,Uint8Array,Uint8ClampedArray,Int16Array,Uint16Array,Int32Array,Uint32Array,Float32Array,Float64Array".split(",");f<p;)(r=o[d[f++]])?(i(r.prototype,s,!0),i(r.prototype,u,!0)):c=!1;e.exports={ABV:l,CONSTR:c,TYPED:s,VIEW:u}},function(e,t,n){!function(t,r){e.exports=r(n(1))}(this,function(e){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.createMemoryHistory=t.hashHistory=t.browserHistory=t.applyRouterMiddleware=t.formatPattern=t.useRouterHistory=t.match=t.routerShape=t.locationShape=t.RouterContext=t.createRoutes=t.Route=t.Redirect=t.IndexRoute=t.IndexRedirect=t.withRouter=t.IndexLink=t.Link=t.Router=void 0;var o=n(4);Object.defineProperty(t,"createRoutes",{enumerable:!0,get:function(){return o.createRoutes}});var i=n(16);Object.defineProperty(t,"locationShape",{enumerable:!0,get:function(){return i.locationShape}}),Object.defineProperty(t,"routerShape",{enumerable:!0,get:function(){return i.routerShape}});var a=n(8);Object.defineProperty(t,"formatPattern",{enumerable:!0,get:function(){return a.formatPattern}});var s=n(42),u=r(s),l=n(24),c=r(l),f=n(38),p=r(f),d=n(53),h=r(d),v=n(39),m=r(v),y=n(40),g=r(y),b=n(26),_=r(b),w=n(41),x=r(w),C=n(17),E=r(C),S=n(51),O=r(S),P=n(31),T=r(P),k=n(44),M=r(k),N=n(45),A=r(N),D=n(49),j=r(D),R=n(28),I=r(R);t.Router=u["default"],t.Link=c["default"],t.IndexLink=p["default"],t.withRouter=h["default"],t.IndexRedirect=m["default"],t.IndexRoute=g["default"],t.Redirect=_["default"],t.Route=x["default"],t.RouterContext=E["default"],t.match=O["default"],t.useRouterHistory=T["default"],t.applyRouterMiddleware=M["default"],t.browserHistory=A["default"],t.hashHistory=j["default"],t.createMemoryHistory=I["default"]},function(e,t,n){"use strict";var r=function(e,t,n,r,o,i,a,s){if(void 0===t)throw new Error("invariant requires an error message argument");if(!e){var u;if(void 0===t)u=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var l=[n,r,o,i,a,s],c=0;u=new Error(t.replace(/%s/g,function(){return l[c++]})),u.name="Invariant Violation"}throw u.framesToPop=1,u}};e.exports=r},function(e,t,n){function r(e){return"object"==typeof e&&null!==e&&e.$$typeof===i}var o=n(64),i="function"==typeof Symbol&&Symbol["for"]&&Symbol["for"]("react.element")||60103;e.exports=o(r)},function(e,t,n){"use strict";var r=n(7),o=n(54),i=(new r.Component).updater;e.exports=o(r.Component,r.isValidElement,i)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return null==e||p["default"].isValidElement(e)}function i(e){return o(e)||Array.isArray(e)&&e.every(o)}function a(e,t){return c({},e,t)}function s(e){var t=e.type,n=a(t.defaultProps,e.props);if(n.children){var r=u(n.children,n);r.length&&(n.childRoutes=r),delete n.children}return n}function u(e,t){var n=[];return p["default"].Children.forEach(e,function(e){if(p["default"].isValidElement(e))if(e.type.createRouteFromReactElement){var r=e.type.createRouteFromReactElement(e,t);r&&n.push(r)}else n.push(s(e))}),n}function l(e){return i(e)?e=u(e):e&&!Array.isArray(e)&&(e=[e]),e}t.__esModule=!0;var c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};t.isReactChildren=i,t.createRouteFromReactElement=s,t.createRoutesFromReactChildren=u,t.createRoutes=l;var f=n(7),p=r(f)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.createPath=t.parsePath=t.getQueryStringValueFromPath=t.stripQueryStringValueFromPath=t.addQueryStringValueToPath=void 0;var o=n(6),i=r(o),a=(t.addQueryStringValueToPath=function(e,t,n){var r=s(e),o=r.pathname,i=r.search,a=r.hash;return u({pathname:o,search:i+(i.indexOf("?")===-1?"?":"&")+t+"="+n,hash:a})},t.stripQueryStringValueFromPath=function(e,t){var n=s(e),r=n.pathname,o=n.search,i=n.hash;return u({pathname:r,search:o.replace(new RegExp("([?&])"+t+"=[a-zA-Z0-9]+(&?)"),function(e,t,n){return"?"===t?t:n}),hash:i})},t.getQueryStringValueFromPath=function(e,t){var n=s(e),r=n.search,o=r.match(new RegExp("[?&]"+t+"=([a-zA-Z0-9]+)"));return o&&o[1]},function(e){var t=e.match(/^(https?:)?\/\/[^\/]*/);return null==t?e:e.substring(t[0].length)}),s=t.parsePath=function(e){var t=a(e),n="",r="";(0,i["default"])(e===t,'A path must be pathname + search + hash only, not a full URL like "%s"',e);var o=t.indexOf("#");o!==-1&&(r=t.substring(o),t=t.substring(0,o));var s=t.indexOf("?");return s!==-1&&(n=t.substring(s),t=t.substring(0,s)),""===t&&(t="/"),{pathname:t,search:n,hash:r}},u=t.createPath=function(e){if(null==e||"string"==typeof e)return e;var t=e.basename,n=e.pathname,r=e.search,o=e.hash,i=(t||"")+n;return r&&"?"!==r&&(i+=r),o&&(i+=o),i}},function(e,t,n){"use strict";var r=function(){};r=function(e,t,n){var r=arguments.length;n=new Array(r>2?r-2:0);for(var o=2;o<r;o++)n[o-2]=arguments[o];if(void 0===t)throw new Error("`warning(condition, format, ...args)` requires a warning message argument");if(t.length<10||/^[s\W]*$/.test(t))throw new Error("The warning format should be able to uniquely identify this warning. Please, use a more descriptive format than: "+t);if(!e){var i=0,a="Warning: "+t.replace(/%s/g,function(){return n[i++]});"undefined"!=typeof console&&console.error(a);try{throw new Error(a)}catch(s){}}},e.exports=r},function(t,n){t.exports=e},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function i(e){for(var t="",n=[],r=[],i=void 0,a=0,s=/:([a-zA-Z_$][a-zA-Z0-9_$]*)|\*\*|\*|\(|\)|\\\(|\\\)/g;i=s.exec(e);)i.index!==a&&(r.push(e.slice(a,i.index)),t+=o(e.slice(a,i.index))),i[1]?(t+="([^/]+)",n.push(i[1])):"**"===i[0]?(t+="(.*)",n.push("splat")):"*"===i[0]?(t+="(.*?)",n.push("splat")):"("===i[0]?t+="(?:":")"===i[0]?t+=")?":"\\("===i[0]?t+="\\(":"\\)"===i[0]&&(t+="\\)"),r.push(i[0]),a=s.lastIndex;return a!==e.length&&(r.push(e.slice(a,e.length)),t+=o(e.slice(a,e.length))),{pattern:e,regexpSource:t,paramNames:n,tokens:r}}function a(e){return d[e]||(d[e]=i(e)),d[e]}function s(e,t){"/"!==e.charAt(0)&&(e="/"+e);var n=a(e),r=n.regexpSource,o=n.paramNames,i=n.tokens;"/"!==e.charAt(e.length-1)&&(r+="/?"),"*"===i[i.length-1]&&(r+="$");var s=t.match(new RegExp("^"+r,"i"));if(null==s)return null;var u=s[0],l=t.substr(u.length);if(l){if("/"!==u.charAt(u.length-1))return null;l="/"+l}return{remainingPathname:l,paramNames:o,paramValues:s.slice(1).map(function(e){return e&&decodeURIComponent(e)})}}function u(e){return a(e).paramNames}function l(e,t){var n=s(e,t);if(!n)return null;var r=n.paramNames,o=n.paramValues,i={};return r.forEach(function(e,t){i[e]=o[t]}),i}function c(e,t){t=t||{};for(var n=a(e),r=n.tokens,o=0,i="",s=0,u=[],l=void 0,c=void 0,f=void 0,d=0,h=r.length;d<h;++d)if(l=r[d],"*"===l||"**"===l)f=Array.isArray(t.splat)?t.splat[s++]:t.splat,null!=f||o>0?void 0:(0,p["default"])(!1,'Missing splat #%s for path "%s"',s,e),null!=f&&(i+=encodeURI(f));else if("("===l)u[o]="",o+=1;else if(")"===l){var v=u.pop();o-=1,o?u[o-1]+=v:i+=v}else if("\\("===l)i+="(";else if("\\)"===l)i+=")";else if(":"===l.charAt(0))if(c=l.substring(1),f=t[c],null!=f||o>0?void 0:(0,p["default"])(!1,'Missing "%s" parameter for path "%s"',c,e),null==f){if(o){u[o-1]="";for(var m=r.indexOf(l),y=r.slice(m,r.length),g=-1,b=0;b<y.length;b++)if(")"==y[b]){g=b;break}g>0?void 0:(0,p["default"])(!1,'Path "%s" is missing end paren at segment "%s"',e,y.join("")),d=m+g-1}}else o?u[o-1]+=encodeURIComponent(f):i+=encodeURIComponent(f);else o?u[o-1]+=l:i+=l;return o<=0?void 0:(0,p["default"])(!1,'Path "%s" is missing end paren',e),i.replace(/\/+/g,"/")}t.__esModule=!0,t.compilePattern=a,t.matchPattern=s,t.getParamNames=u,t.getParams=l,t.formatPattern=c;var f=n(1),p=r(f),d=Object.create(null)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(t.indexOf("deprecated")!==-1){if(u[t])return;u[t]=!0}t="[react-router] "+t;for(var n=arguments.length,r=Array(n>2?n-2:0),o=2;o<n;o++)r[o-2]=arguments[o];s["default"].apply(void 0,[e,t].concat(r))}function i(){u={}}t.__esModule=!0,t["default"]=o,t._resetWarned=i;var a=n(6),s=r(a),u={}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.locationsAreEqual=t.statesAreEqual=t.createLocation=t.createQuery=void 0;var o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=n(1),s=r(a),u=n(6),l=r(u),c=n(5),f=n(12),p=(t.createQuery=function(e){return i(Object.create(null),e)},t.createLocation=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"/",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:f.POP,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r="string"==typeof e?(0,c.parsePath)(e):e;(0,l["default"])(!r.path,"Location descriptor objects should have a `pathname`, not a `path`.");var o=r.pathname||"/",i=r.search||"",a=r.hash||"",s=r.state;return{pathname:o,search:i,hash:a,state:s,action:t,key:n}},function(e){return"[object Date]"===Object.prototype.toString.call(e)}),d=t.statesAreEqual=function h(e,t){if(e===t)return!0;var n="undefined"==typeof e?"undefined":o(e),r="undefined"==typeof t?"undefined":o(t);if(n!==r)return!1;if("function"===n?(0,s["default"])(!1,"You must not store functions in location state"):void 0,"object"===n){if(p(e)&&p(t)?(0,s["default"])(!1,"You must not store Date objects in location state"):void 0,!Array.isArray(e)){var i=Object.keys(e),a=Object.keys(t);return i.length===a.length&&i.every(function(n){return h(e[n],t[n])})}return Array.isArray(t)&&e.length===t.length&&e.every(function(e,n){return h(e,t[n])})}return!1};t.locationsAreEqual=function(e,t){return e.key===t.key&&e.pathname===t.pathname&&e.search===t.search&&e.hash===t.hash&&d(e.state,t.state)}},function(e,t,n){"use strict";function r(e,t,n){if(e[t])return new Error("<"+n+'> should not have a "'+t+'" prop')}t.__esModule=!0,t.routes=t.route=t.components=t.component=t.history=void 0,t.falsy=r;var o=n(2),i=(t.history=(0,o.shape)({listen:o.func.isRequired,push:o.func.isRequired,replace:o.func.isRequired,go:o.func.isRequired,goBack:o.func.isRequired,goForward:o.func.isRequired}),t.component=(0,o.oneOfType)([o.func,o.string])),a=(t.components=(0,o.oneOfType)([i,o.object]),t.route=(0,o.oneOfType)([o.object,o.element]));t.routes=(0,o.oneOfType)([a,(0,o.arrayOf)(a)])},function(e,t){"use strict";t.__esModule=!0;t.PUSH="PUSH",t.REPLACE="REPLACE",t.POP="POP"},function(e,t){"use strict";t.__esModule=!0;t.addEventListener=function(e,t,n){return e.addEventListener?e.addEventListener(t,n,!1):e.attachEvent("on"+t,n)},t.removeEventListener=function(e,t,n){return e.removeEventListener?e.removeEventListener(t,n,!1):e.detachEvent("on"+t,n)},t.supportsHistory=function(){var e=window.navigator.userAgent;return(e.indexOf("Android 2.")===-1&&e.indexOf("Android 4.0")===-1||e.indexOf("Mobile Safari")===-1||e.indexOf("Chrome")!==-1||e.indexOf("Windows Phone")!==-1)&&(window.history&&"pushState"in window.history)},t.supportsGoWithoutReloadUsingHash=function(){return window.navigator.userAgent.indexOf("Firefox")===-1},t.supportsPopstateOnHashchange=function(){return window.navigator.userAgent.indexOf("Trident")===-1},t.isExtraneousPopstateEvent=function(e){return void 0===e.state&&navigator.userAgent.indexOf("CriOS")===-1}},function(e,t){"use strict";function n(e,t,n){function r(){return a=!0,s?void(l=[].concat(Array.prototype.slice.call(arguments))):void n.apply(this,arguments)}function o(){if(!a&&(u=!0,!s)){for(s=!0;!a&&i<e&&u;)u=!1,t.call(this,i++,o,r);return s=!1,a?void n.apply(this,l):void(i>=e&&u&&(a=!0,n()))}}var i=0,a=!1,s=!1,u=!1,l=void 0;o()}function r(e,t,n){function r(e,t,r){a||(t?(a=!0,n(t)):(i[e]=r,a=++s===o,a&&n(null,i)))}var o=e.length,i=[];if(0===o)return n(null,i);var a=!1,s=0;e.forEach(function(e,n){t(e,n,function(e,t){r(n,e,t)})})}t.__esModule=!0,t.loopAsync=n,t.mapAsync=r},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return"@@contextSubscriber/"+e}function i(e){var t,n,r=o(e),i=r+"/listeners",a=r+"/eventIndex",s=r+"/subscribe";return n={childContextTypes:(t={},t[r]=l.isRequired,t),getChildContext:function(){var e;return e={},e[r]={eventIndex:this[a],subscribe:this[s]},e},componentWillMount:function(){this[i]=[],this[a]=0},componentWillReceiveProps:function(){this[a]++},componentDidUpdate:function(){var e=this;this[i].forEach(function(t){return t(e[a])})}},n[s]=function(e){var t=this;return this[i].push(e),function(){t[i]=t[i].filter(function(t){return t!==e})}},n}function a(e){var t,n,r=o(e),i=r+"/lastRenderedEventIndex",a=r+"/handleContextUpdate",s=r+"/unsubscribe";return n={contextTypes:(t={},t[r]=l,t),getInitialState:function(){var e;return this.context[r]?(e={},e[i]=this.context[r].eventIndex,e):{}},componentDidMount:function(){this.context[r]&&(this[s]=this.context[r].subscribe(this[a]))},componentWillReceiveProps:function(){var e;this.context[r]&&this.setState((e={},e[i]=this.context[r].eventIndex,e))},componentWillUnmount:function(){this[s]&&(this[s](),this[s]=null)}},n[a]=function(e){if(e!==this.state[i]){var t;this.setState((t={},t[i]=e,t))}},n}t.__esModule=!0,t.ContextProvider=i,t.ContextSubscriber=a;var s=n(2),u=r(s),l=u["default"].shape({subscribe:u["default"].func.isRequired,eventIndex:u["default"].number.isRequired})},function(e,t,n){"use strict";t.__esModule=!0,t.locationShape=t.routerShape=void 0;var r=n(2);t.routerShape=(0,r.shape)({push:r.func.isRequired,replace:r.func.isRequired,go:r.func.isRequired,goBack:r.func.isRequired,goForward:r.func.isRequired,setRouteLeaveHook:r.func.isRequired,isActive:r.func.isRequired}),t.locationShape=(0,r.shape)({pathname:r.string.isRequired,search:r.string.isRequired,state:r.object,action:r.string.isRequired,key:r.string})},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a=n(1),s=r(a),u=n(7),l=r(u),c=n(3),f=r(c),p=n(2),d=n(48),h=r(d),v=n(15),m=n(4),y=(0,f["default"])({displayName:"RouterContext",mixins:[(0,v.ContextProvider)("router")],propTypes:{router:p.object.isRequired,location:p.object.isRequired,routes:p.array.isRequired,params:p.object.isRequired,components:p.array.isRequired,createElement:p.func.isRequired},getDefaultProps:function(){return{createElement:l["default"].createElement}},childContextTypes:{router:p.object.isRequired},getChildContext:function(){return{router:this.props.router}},createElement:function(e,t){return null==e?null:this.props.createElement(e,t)},render:function(){var e=this,t=this.props,n=t.location,r=t.routes,a=t.params,u=t.components,c=t.router,f=null;return u&&(f=u.reduceRight(function(t,s,u){if(null==s)return t;var l=r[u],f=(0,h["default"])(l,a),p={location:n,params:a,route:l,router:c,routeParams:f,routes:r};if((0,m.isReactChildren)(t))p.children=t;else if(t)for(var d in t)Object.prototype.hasOwnProperty.call(t,d)&&(p[d]=t[d]);if("object"===("undefined"==typeof s?"undefined":i(s))){var v={};for(var y in s)Object.prototype.hasOwnProperty.call(s,y)&&(v[y]=e.createElement(s[y],o({key:y},p)));return v}return e.createElement(s,p)},f)),null===f||f===!1||l["default"].isValidElement(f)?void 0:(0,s["default"])(!1,"The root route must render a single element"),f}});t["default"]=y},function(e,t,n){"use strict";function r(e,t,n,r,i,a,s,u){if(o(t),!e){var l;if(void 0===t)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,i,a,s,u],f=0;l=new Error(t.replace(/%s/g,function(){return c[f++]})),l.name="Invariant Violation"}throw l.framesToPop=1,l}}var o=function(e){};o=function(e){if(void 0===e)throw new Error("invariant requires an error message argument")},e.exports=r},function(e,t,n){"use strict";var r=n(32),o=r;!function(){var e=function(e){for(var t=arguments.length,n=Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];var o=0,i="Warning: "+e.replace(/%s/g,function(){return n[o++]});"undefined"!=typeof console&&console.error(i);try{throw new Error(i)}catch(a){}};o=function(t,n){if(void 0===n)throw new Error("`warning(condition, format, ...args)` requires a warning message argument");if(0!==n.indexOf("Failed Composite propType: ")&&!t){for(var r=arguments.length,o=Array(r>2?r-2:0),i=2;i<r;i++)o[i-2]=arguments[i];e.apply(void 0,[n].concat(o))}}}(),e.exports=o},function(e,t,n){"use strict";t.__esModule=!0,t.go=t.replaceLocation=t.pushLocation=t.startListener=t.getUserConfirmation=t.getCurrentLocation=void 0;var r=n(10),o=n(13),i=n(33),a=n(5),s=n(21),u="popstate",l="hashchange",c=s.canUseDOM&&!(0,o.supportsPopstateOnHashchange)(),f=function(e){var t=e&&e.key;return(0,r.createLocation)({pathname:window.location.pathname,search:window.location.search,hash:window.location.hash,state:t?(0,i.readState)(t):void 0},void 0,t)},p=t.getCurrentLocation=function(){var e=void 0;try{e=window.history.state||{}}catch(t){e={}}return f(e)},d=(t.getUserConfirmation=function(e,t){return t(window.confirm(e))},t.startListener=function(e){var t=function(t){(0,o.isExtraneousPopstateEvent)(t)||e(f(t.state))};(0,o.addEventListener)(window,u,t);var n=function(){return e(p())};return c&&(0,o.addEventListener)(window,l,n),function(){(0,o.removeEventListener)(window,u,t),c&&(0,o.removeEventListener)(window,l,n)}},function(e,t){var n=e.state,r=e.key;void 0!==n&&(0,i.saveState)(r,n),t({key:r},(0,a.createPath)(e))});t.pushLocation=function(e){return d(e,function(e,t){return window.history.pushState(e,null,t)})},t.replaceLocation=function(e){return d(e,function(e,t){return window.history.replaceState(e,null,t)})},t.go=function(e){e&&window.history.go(e)}},function(e,t){"use strict";t.__esModule=!0;t.canUseDOM=!("undefined"==typeof window||!window.document||!window.document.createElement)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(56),i=n(5),a=n(23),s=r(a),u=n(12),l=n(10),c=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.getCurrentLocation,n=e.getUserConfirmation,r=e.pushLocation,a=e.replaceLocation,c=e.go,f=e.keyLength,p=void 0,d=void 0,h=[],v=[],m=[],y=function(){return d&&d.action===u.POP?m.indexOf(d.key):p?m.indexOf(p.key):-1},g=function(e){var t=y();p=e,p.action===u.PUSH?m=[].concat(m.slice(0,t+1),[p.key]):p.action===u.REPLACE&&(m[t]=p.key),v.forEach(function(e){return e(p);
+})},b=function(e){return h.push(e),function(){return h=h.filter(function(t){return t!==e})}},_=function(e){return v.push(e),function(){return v=v.filter(function(t){return t!==e})}},w=function(e,t){(0,o.loopAsync)(h.length,function(t,n,r){(0,s["default"])(h[t],e,function(e){return null!=e?r(e):n()})},function(e){n&&"string"==typeof e?n(e,function(e){return t(e!==!1)}):t(e!==!1)})},x=function(e){p&&(0,l.locationsAreEqual)(p,e)||d&&(0,l.locationsAreEqual)(d,e)||(d=e,w(e,function(t){if(d===e)if(d=null,t){if(e.action===u.PUSH){var n=(0,i.createPath)(p),o=(0,i.createPath)(e);o===n&&(0,l.statesAreEqual)(p.state,e.state)&&(e.action=u.REPLACE)}e.action===u.POP?g(e):e.action===u.PUSH?r(e)!==!1&&g(e):e.action===u.REPLACE&&a(e)!==!1&&g(e)}else if(p&&e.action===u.POP){var s=m.indexOf(p.key),f=m.indexOf(e.key);s!==-1&&f!==-1&&c(s-f)}}))},C=function(e){return x(k(e,u.PUSH))},E=function(e){return x(k(e,u.REPLACE))},S=function(){return c(-1)},O=function(){return c(1)},P=function(){return Math.random().toString(36).substr(2,f||6)},T=function(e){return(0,i.createPath)(e)},k=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:P();return(0,l.createLocation)(e,t,n)};return{getCurrentLocation:t,listenBefore:b,listen:_,transitionTo:x,push:C,replace:E,go:c,goBack:S,goForward:O,createKey:P,createPath:i.createPath,createHref:T,createLocation:k}};t["default"]=c},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(6),i=r(o),a=function(e,t,n){var r=e(t,n);e.length<2?n(r):(0,i["default"])(void 0===r,'You should not "return" in a transition hook with a callback argument; call the callback instead')};t["default"]=a},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function i(e){return 0===e.button}function a(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}function s(e){for(var t in e)if(Object.prototype.hasOwnProperty.call(e,t))return!1;return!0}function u(e,t){return"function"==typeof e?e(t.location):e}t.__esModule=!0;var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c=n(7),f=r(c),p=n(3),d=r(p),h=n(2),v=n(1),m=r(v),y=n(16),g=n(15),b=(0,d["default"])({displayName:"Link",mixins:[(0,g.ContextSubscriber)("router")],contextTypes:{router:y.routerShape},propTypes:{to:(0,h.oneOfType)([h.string,h.object,h.func]),activeStyle:h.object,activeClassName:h.string,onlyActiveOnIndex:h.bool.isRequired,onClick:h.func,target:h.string},getDefaultProps:function(){return{onlyActiveOnIndex:!1,style:{}}},handleClick:function(e){if(this.props.onClick&&this.props.onClick(e),!e.defaultPrevented){var t=this.context.router;t?void 0:(0,m["default"])(!1,"<Link>s rendered outside of a router context cannot navigate."),!a(e)&&i(e)&&(this.props.target||(e.preventDefault(),t.push(u(this.props.to,t))))}},render:function(){var e=this.props,t=e.to,n=e.activeClassName,r=e.activeStyle,i=e.onlyActiveOnIndex,a=o(e,["to","activeClassName","activeStyle","onlyActiveOnIndex"]),c=this.context.router;if(c){if(!t)return f["default"].createElement("a",a);var p=u(t,c);a.href=c.createHref(p),(n||null!=r&&!s(r))&&c.isActive(p,i)&&(n&&(a.className?a.className+=" "+n:a.className=n),r&&(a.style=l({},a.style,r)))}return f["default"].createElement("a",l({},a,{onClick:this.handleClick}))}});t["default"]=b},function(e,t){"use strict";function n(e){return e&&"function"==typeof e.then}t.__esModule=!0,t.isPromise=n},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(3),i=r(o),a=n(2),s=n(1),u=r(s),l=n(4),c=n(8),f=n(11),p=(0,i["default"])({displayName:"Redirect",statics:{createRouteFromReactElement:function(e){var t=(0,l.createRouteFromReactElement)(e);return t.from&&(t.path=t.from),t.onEnter=function(e,n){var r=e.location,o=e.params,i=void 0;if("/"===t.to.charAt(0))i=(0,c.formatPattern)(t.to,o);else if(t.to){var a=e.routes.indexOf(t),s=p.getRoutePattern(e.routes,a-1),u=s.replace(/\/*$/,"/")+t.to;i=(0,c.formatPattern)(u,o)}else i=r.pathname;n({pathname:i,query:t.query||r.query,state:t.state||r.state})},t},getRoutePattern:function(e,t){for(var n="",r=t;r>=0;r--){var o=e[r],i=o.path||"";if(n=i.replace(/\/*$/,"/")+n,0===i.indexOf("/"))break}return"/"+n}},propTypes:{path:a.string,from:a.string,to:a.string.isRequired,query:a.object,state:a.object,onEnter:f.falsy,children:f.falsy},render:function(){(0,u["default"])(!1,"<Redirect> elements are for router configuration only and should not be rendered")}});t["default"]=p},function(e,t){"use strict";function n(e,t,n){var i=o({},e,{setRouteLeaveHook:t.listenBeforeLeavingRoute,isActive:t.isActive});return r(i,n)}function r(e,t){var n=t.location,r=t.params,o=t.routes;return e.location=n,e.params=r,e.routes=o,e}t.__esModule=!0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};t.createRouterObject=n,t.assignRouterState=r},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=(0,c["default"])(e),n=function(){return t},r=(0,a["default"])((0,u["default"])(n))(e);return r}t.__esModule=!0,t["default"]=o;var i=n(35),a=r(i),s=n(34),u=r(s),l=n(61),c=r(l)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=void 0;return s&&(t=(0,a["default"])(e)()),t}t.__esModule=!0,t["default"]=o;var i=n(31),a=r(i),s=!("undefined"==typeof window||!window.document||!window.document.createElement)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){for(var t in e)if(Object.prototype.hasOwnProperty.call(e,t))return!0;return!1}function i(e,t){function n(t,n){return t=e.createLocation(t),(0,h["default"])(t,n,_.location,_.routes,_.params)}function r(e,n){S&&S.location===e?i(S,n):(0,g["default"])(t,e,function(t,r){t?n(t):r?i(a({},r,{location:e}),n):n()})}function i(e,t){function n(n,o){return n||o?r(n,o):void(0,m["default"])(e,function(n,r){n?t(n):t(null,null,_=a({},e,{components:r}))})}function r(e,n){e?t(e):t(null,n)}var o=(0,c["default"])(_,e),i=o.leaveRoutes,s=o.changeRoutes,u=o.enterRoutes;E(i,_),i.filter(function(e){return u.indexOf(e)===-1}).forEach(v),C(s,_,e,function(t,o){return t||o?r(t,o):void x(u,e,n)})}function s(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return e.__id__||t&&(e.__id__=O++)}function l(e){return e.map(function(e){return P[s(e)]}).filter(function(e){return e})}function f(e,n){(0,g["default"])(t,e,function(t,r){if(null==r)return void n();S=a({},r,{location:e});for(var o=l((0,c["default"])(_,S).leaveRoutes),i=void 0,s=0,u=o.length;null==i&&s<u;++s)i=o[s](e);n(i)})}function d(){if(_.routes){for(var e=l(_.routes),t=void 0,n=0,r=e.length;"string"!=typeof t&&n<r;++n)t=e[n]();return t}}function v(e){var t=s(e);t&&(delete P[t],o(P)||(T&&(T(),T=null),k&&(k(),k=null)))}function y(t,n){var r=!o(P),i=s(t,!0);return P[i]=n,r&&(T=e.listenBefore(f),e.listenBeforeUnload&&(k=e.listenBeforeUnload(d))),function(){v(t)}}function b(t){function n(n){_.location===n?t(null,_):r(n,function(r,o,i){r?t(r):o?e.replace(o):i?t(null,i):(0,u["default"])(!1,'Location "%s" did not match any routes',n.pathname+n.search+n.hash)})}var o=e.listen(n);return _.location?t(null,_):n(e.getCurrentLocation()),o}var _={},w=(0,p["default"])(),x=w.runEnterHooks,C=w.runChangeHooks,E=w.runLeaveHooks,S=void 0,O=1,P=Object.create(null),T=void 0,k=void 0;return{isActive:n,match:r,listenBeforeLeavingRoute:y,listen:b}}t.__esModule=!0;var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};t["default"]=i;var s=n(9),u=r(s),l=n(46),c=r(l),f=n(43),p=r(f),d=n(50),h=r(d),v=n(47),m=r(v),y=n(52),g=r(y)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return function(t){var n=(0,a["default"])((0,u["default"])(e))(t);return n}}t.__esModule=!0,t["default"]=o;var i=n(35),a=r(i),s=n(34),u=r(s)},function(e,t){"use strict";function n(e){return function(){return e}}var r=function(){};r.thatReturns=n,r.thatReturnsFalse=n(!1),r.thatReturnsTrue=n(!0),r.thatReturnsNull=n(null),r.thatReturnsThis=function(){return this},r.thatReturnsArgument=function(e){return e},e.exports=r},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.readState=t.saveState=void 0;var o=n(6),i=r(o),a={QuotaExceededError:!0,QUOTA_EXCEEDED_ERR:!0},s={SecurityError:!0},u="@@History/",l=function(e){return u+e};t.saveState=function(e,t){if(!window.sessionStorage)return void(0,i["default"])(!1,"[history] Unable to save state; sessionStorage is not available");try{null==t?window.sessionStorage.removeItem(l(e)):window.sessionStorage.setItem(l(e),JSON.stringify(t))}catch(n){if(s[n.name])return void(0,i["default"])(!1,"[history] Unable to save state; sessionStorage is not available due to security settings");if(a[n.name]&&0===window.sessionStorage.length)return void(0,i["default"])(!1,"[history] Unable to save state; sessionStorage is not available in Safari private mode");throw n}},t.readState=function(e){var t=void 0;try{t=window.sessionStorage.getItem(l(e))}catch(n){if(s[n.name])return void(0,i["default"])(!1,"[history] Unable to read state; sessionStorage is not available due to security settings")}if(t)try{return JSON.parse(t)}catch(n){}}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(23),a=r(i),s=n(5),u=function(e){return function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e(t),r=t.basename,i=function(e){return e?(r&&null==e.basename&&(0===e.pathname.toLowerCase().indexOf(r.toLowerCase())?(e.pathname=e.pathname.substring(r.length),e.basename=r,""===e.pathname&&(e.pathname="/")):e.basename=""),e):e},u=function(e){if(!r)return e;var t="string"==typeof e?(0,s.parsePath)(e):e,n=t.pathname,i="/"===r.slice(-1)?r:r+"/",a="/"===n.charAt(0)?n.slice(1):n,u=i+a;return o({},t,{pathname:u})},l=function(){return i(n.getCurrentLocation())},c=function(e){return n.listenBefore(function(t,n){return(0,a["default"])(e,i(t),n)})},f=function(e){return n.listen(function(t){return e(i(t))})},p=function(e){return n.push(u(e))},d=function(e){return n.replace(u(e))},h=function(e){return n.createPath(u(e))},v=function(e){return n.createHref(u(e))},m=function(e){for(var t=arguments.length,r=Array(t>1?t-1:0),o=1;o<t;o++)r[o-1]=arguments[o];return i(n.createLocation.apply(n,[u(e)].concat(r)))};return o({},n,{getCurrentLocation:l,listenBefore:c,listen:f,push:p,replace:d,createPath:h,createHref:v,createLocation:m})}};t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(65),a=n(23),s=r(a),u=n(10),l=n(5),c=function(e){return(0,i.stringify)(e).replace(/%20/g,"+")},f=i.parse,p=function(e){return function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e(t),r=t.stringifyQuery,i=t.parseQueryString;"function"!=typeof r&&(r=c),"function"!=typeof i&&(i=f);var a=function(e){return e?(null==e.query&&(e.query=i(e.search.substring(1))),e):e},p=function(e,t){if(null==t)return e;var n="string"==typeof e?(0,l.parsePath)(e):e,i=r(t),a=i?"?"+i:"";return o({},n,{search:a})},d=function(){return a(n.getCurrentLocation())},h=function(e){return n.listenBefore(function(t,n){return(0,s["default"])(e,a(t),n)})},v=function(e){return n.listen(function(t){return e(a(t))})},m=function(e){return n.push(p(e,e.query))},y=function(e){return n.replace(p(e,e.query))},g=function(e){return n.createPath(p(e,e.query))},b=function(e){return n.createHref(p(e,e.query))},_=function(e){for(var t=arguments.length,r=Array(t>1?t-1:0),o=1;o<t;o++)r[o-1]=arguments[o];var i=n.createLocation.apply(n,[p(e,e.query)].concat(r));return e.query&&(i.query=(0,u.createQuery)(e.query)),a(i)};return o({},n,{getCurrentLocation:d,listenBefore:h,listen:v,push:m,replace:y,createPath:g,createHref:b,createLocation:_})}};t["default"]=p},function(e,t){/*
 		object-assign
 		(c) Sindre Sorhus
 		@license MIT
 		*/
-"use strict";function n(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function r(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;var r=Object.getOwnPropertyNames(t).map(function(e){return t[e]});if("0123456789"!==r.join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach(function(e){o[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(i){return!1}}var o=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;e.exports=r()?Object.assign:function(e,t){for(var r,s,u=n(e),l=1;l<arguments.length;l++){r=Object(arguments[l]);for(var c in r)i.call(r,c)&&(u[c]=r[c]);if(o){s=o(r);for(var f=0;f<s.length;f++)a.call(r,s[f])&&(u[s[f]]=r[s[f]])}}return u}},function(e,t){"use strict";var n="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";e.exports=n},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(7),a=r(i),s=n(3),u=r(s),l=n(24),c=r(l),f=(0,u["default"])({displayName:"IndexLink",render:function(){return a["default"].createElement(c["default"],o({},this.props,{onlyActiveOnIndex:!0}))}});t["default"]=f},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(3),i=r(o),a=n(2),s=n(9),u=r(s),l=n(1),c=r(l),f=n(26),p=r(f),d=n(11),h=(0,i["default"])({displayName:"IndexRedirect",statics:{createRouteFromReactElement:function(e,t){t?t.indexRoute=p["default"].createRouteFromReactElement(e):(0,u["default"])(!1,"An <IndexRedirect> does not make sense at the root of your route config")}},propTypes:{to:a.string.isRequired,query:a.object,state:a.object,onEnter:d.falsy,children:d.falsy},render:function(){(0,c["default"])(!1,"<IndexRedirect> elements are for router configuration only and should not be rendered")}});t["default"]=h},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(3),i=r(o),a=n(2),s=n(9),u=r(s),l=n(1),c=r(l),f=n(4),p=n(11),d=(0,i["default"])({displayName:"IndexRoute",statics:{createRouteFromReactElement:function(e,t){t?t.indexRoute=(0,f.createRouteFromReactElement)(e):(0,u["default"])(!1,"An <IndexRoute> does not make sense at the root of your route config")}},propTypes:{path:p.falsy,component:p.component,components:p.components,getComponent:a.func,getComponents:a.func},render:function(){(0,c["default"])(!1,"<IndexRoute> elements are for router configuration only and should not be rendered")}});t["default"]=d},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(3),i=r(o),a=n(2),s=n(1),u=r(s),l=n(4),c=n(11),f=(0,i["default"])({displayName:"Route",statics:{createRouteFromReactElement:l.createRouteFromReactElement},propTypes:{path:a.string,component:c.component,components:c.components,getComponent:a.func,getComponents:a.func},render:function(){(0,u["default"])(!1,"<Route> elements are for router configuration only and should not be rendered")}});t["default"]=f},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}t.__esModule=!0;var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=n(1),s=r(a),u=n(7),l=r(u),c=n(3),f=r(c),p=n(2),d=n(30),h=r(d),v=n(11),m=n(17),y=r(m),g=n(4),b=n(27),_=n(9),w=r(_),x={history:p.object,children:v.routes,routes:v.routes,render:p.func,createElement:p.func,onError:p.func,onUpdate:p.func,matchContext:p.object},C=(0,f["default"])({displayName:"Router",propTypes:x,getDefaultProps:function(){return{render:function(e){return l["default"].createElement(y["default"],e)}}},getInitialState:function(){return{location:null,routes:null,params:null,components:null}},handleError:function(e){if(!this.props.onError)throw e;this.props.onError.call(this,e)},createRouterObject:function(e){var t=this.props.matchContext;if(t)return t.router;var n=this.props.history;return(0,b.createRouterObject)(n,this.transitionManager,e)},createTransitionManager:function(){var e=this.props.matchContext;if(e)return e.transitionManager;var t=this.props.history,n=this.props,r=n.routes,o=n.children;return t.getCurrentLocation?void 0:(0,s["default"])(!1,"You have provided a history object created with history v4.x or v2.x and earlier. This version of React Router is only compatible with v3 history objects. Please change to history v3.x."),(0,h["default"])(t,(0,g.createRoutes)(r||o))},componentWillMount:function(){var e=this;this.transitionManager=this.createTransitionManager(),this.router=this.createRouterObject(this.state),this._unlisten=this.transitionManager.listen(function(t,n){t?e.handleError(t):((0,b.assignRouterState)(e.router,n),e.setState(n,e.props.onUpdate))})},componentWillReceiveProps:function(e){(0,w["default"])(e.history===this.props.history,"You cannot change <Router history>; it will be ignored"),(0,w["default"])((e.routes||e.children)===(this.props.routes||this.props.children),"You cannot change <Router routes>; it will be ignored")},componentWillUnmount:function(){this._unlisten&&this._unlisten()},render:function E(){var e=this.state,t=e.location,n=e.routes,r=e.params,a=e.components,s=this.props,u=s.createElement,E=s.render,l=o(s,["createElement","render"]);return null==t?null:(Object.keys(x).forEach(function(e){return delete l[e]}),E(i({},l,{router:this.router,location:t,routes:n,params:r,components:a,createElement:u})))}});t["default"]=C},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(){function e(e,t,n,r){var o=e.length<n,i=function(){for(var n=arguments.length,r=Array(n),i=0;i<n;i++)r[i]=arguments[i];if(e.apply(t,r),o){var a=r[r.length-1];a()}};return r.add(i),i}function t(t){return t.reduce(function(t,n){return n.onEnter&&t.push(e(n.onEnter,n,3,l)),t},[])}function n(t){return t.reduce(function(t,n){return n.onChange&&t.push(e(n.onChange,n,4,c)),t},[])}function r(e,t,n){function r(e){o=e}if(!e)return void n();var o=void 0;(0,i.loopAsync)(e,function(e,n,i){t(e,r,function(e){e||o?i(e,o):n()})},n)}function o(e,n,o){l.clear();var i=t(e);return r(i.length,function(e,t,r){var o=function(){l.has(i[e])&&(r.apply(void 0,arguments),l.remove(i[e]))};i[e](n,t,o)},o)}function s(e,t,o,i){c.clear();var a=n(e);return r(a.length,function(e,n,r){var i=function(){c.has(a[e])&&(r.apply(void 0,arguments),c.remove(a[e]))};a[e](t,o,n,i)},i)}function u(e,t){for(var n=0,r=e.length;n<r;++n)e[n].onLeave&&e[n].onLeave.call(e[n],t)}var l=new a,c=new a;return{runEnterHooks:o,runChangeHooks:s,runLeaveHooks:u}}t.__esModule=!0,t["default"]=o;var i=n(14),a=function s(){var e=this;r(this,s),this.hooks=[],this.add=function(t){return e.hooks.push(t)},this.remove=function(t){return e.hooks=e.hooks.filter(function(e){return e!==t})},this.has=function(t){return e.hooks.indexOf(t)!==-1},this.clear=function(){return e.hooks=[]}}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(7),a=r(i),s=n(17),u=r(s),l=n(9),c=r(l);t["default"]=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];t.forEach(function(e,t){(0,c["default"])(e.renderRouterContext||e.renderRouteComponent,"The middleware specified at index "+t+" does not appear to be a valid React Router middleware.")});var r=t.map(function(e){return e.renderRouterContext}).filter(Boolean),s=t.map(function(e){return e.renderRouteComponent}).filter(Boolean),l=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:i.createElement;return function(t,n){return s.reduceRight(function(e,t){return t(e,n)},e(t,n))}};return function(e){return r.reduceRight(function(t,n){return n(t,e)},a["default"].createElement(u["default"],o({},e,{createElement:l(e.createElement)})))}}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(59),i=r(o),a=n(29),s=r(a);t["default"]=(0,s["default"])(i["default"])},function(e,t,n){"use strict";function r(e,t,n){if(!e.path)return!1;var r=(0,i.getParamNames)(e.path);return r.some(function(e){return t.params[e]!==n.params[e]})}function o(e,t){var n=e&&e.routes,o=t.routes,i=void 0,a=void 0,s=void 0;if(n){var u=!1;i=n.filter(function(n){if(u)return!0;var i=o.indexOf(n)===-1||r(n,e,t);return i&&(u=!0),i}),i.reverse(),s=[],a=[],o.forEach(function(e){var t=n.indexOf(e)===-1,r=i.indexOf(e)!==-1;t||r?s.push(e):a.push(e)})}else i=[],a=[],s=o;return{leaveRoutes:i,changeRoutes:a,enterRoutes:s}}t.__esModule=!0;var i=n(8);t["default"]=o},function(e,t,n){"use strict";function r(e,t,n){if(t.component||t.components)return void n(null,t.component||t.components);var r=t.getComponent||t.getComponents;if(r){var o=r.call(t,e,n);(0,a.isPromise)(o)&&o.then(function(e){return n(null,e)},n)}else n()}function o(e,t){(0,i.mapAsync)(e.routes,function(t,n,o){r(e,t,o)},t)}t.__esModule=!0;var i=n(14),a=n(25);t["default"]=o},function(e,t,n){"use strict";function r(e,t){var n={};return e.path?((0,o.getParamNames)(e.path).forEach(function(e){Object.prototype.hasOwnProperty.call(t,e)&&(n[e]=t[e])}),n):n}t.__esModule=!0;var o=n(8);t["default"]=r},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(60),i=r(o),a=n(29),s=r(a);t["default"]=(0,s["default"])(i["default"])},function(e,t,n){"use strict";function r(e,t){if(e==t)return!0;if(null==e||null==t)return!1;if(Array.isArray(e))return Array.isArray(t)&&e.length===t.length&&e.every(function(e,n){return r(e,t[n])});if("object"===("undefined"==typeof e?"undefined":u(e))){for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n))if(void 0===e[n]){if(void 0!==t[n])return!1}else{if(!Object.prototype.hasOwnProperty.call(t,n))return!1;if(!r(e[n],t[n]))return!1}return!0}return String(e)===String(t)}function o(e,t){return"/"!==t.charAt(0)&&(t="/"+t),"/"!==e.charAt(e.length-1)&&(e+="/"),"/"!==t.charAt(t.length-1)&&(t+="/"),t===e}function i(e,t,n){for(var r=e,o=[],i=[],a=0,s=t.length;a<s;++a){var u=t[a],c=u.path||"";if("/"===c.charAt(0)&&(r=e,o=[],i=[]),null!==r&&c){var f=(0,l.matchPattern)(c,r);if(f?(r=f.remainingPathname,o=[].concat(o,f.paramNames),i=[].concat(i,f.paramValues)):r=null,""===r)return o.every(function(e,t){return String(i[t])===String(n[e])})}}return!1}function a(e,t){return null==t?null==e:null==e||r(e,t)}function s(e,t,n,r,s){var u=e.pathname,l=e.query;return null!=n&&("/"!==u.charAt(0)&&(u="/"+u),!!(o(u,n.pathname)||!t&&i(u,r,s))&&a(l,n.query))}t.__esModule=!0;var u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};t["default"]=s;var l=n(8)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function i(e,t){var n=e.history,r=e.routes,i=e.location,u=o(e,["history","routes","location"]);n||i?void 0:(0,l["default"])(!1,"match needs a history or a location"),n=n?n:(0,f["default"])(u);var c=(0,d["default"])(n,(0,h.createRoutes)(r));i=i?n.createLocation(i):n.getCurrentLocation(),c.match(i,function(e,r,o){var i=void 0;if(o){var u=(0,v.createRouterObject)(n,c,o);i=a({},o,{router:u,matchContext:{transitionManager:c,router:u}})}t(e,r&&n.createLocation(r,s.REPLACE),i)})}t.__esModule=!0;var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s=n(12),u=n(1),l=r(u),c=n(28),f=r(c),p=n(30),d=r(p),h=n(4),v=n(27);t["default"]=i},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){if(e.childRoutes)return[null,e.childRoutes];if(!e.getChildRoutes)return[];var i=!0,a=void 0,u={location:t,params:s(n,r)},l=e.getChildRoutes(u,function(e,t){return t=!e&&(0,m.createRoutes)(t),i?void(a=[e,t]):void o(e,t)});return(0,p.isPromise)(l)&&l.then(function(e){return o(null,(0,m.createRoutes)(e))},o),i=!1,a}function i(e,t,n,r,a){if(e.indexRoute)a(null,e.indexRoute);else if(e.getIndexRoute){var u={location:t,params:s(n,r)},l=e.getIndexRoute(u,function(e,t){a(e,!e&&(0,m.createRoutes)(t)[0])});(0,p.isPromise)(l)&&l.then(function(e){return a(null,(0,m.createRoutes)(e)[0])},a)}else if(e.childRoutes||e.getChildRoutes){var c=function(e,o){if(e)return void a(e);var s=o.filter(function(e){return!e.path});(0,f.loopAsync)(s.length,function(e,o,a){i(s[e],t,n,r,function(t,n){if(t||n){var r=[s[e]].concat(Array.isArray(n)?n:[n]);a(t,r)}else o()})},function(e,t){a(null,t)})},d=o(e,t,n,r,c);d&&c.apply(void 0,d)}else a()}function a(e,t,n){return t.reduce(function(e,t,r){var o=n&&n[r];return Array.isArray(e[t])?e[t].push(o):t in e?e[t]=[e[t],o]:e[t]=o,e},e)}function s(e,t){return a({},e,t)}function u(e,t,n,r,a,u){var c=e.path||"";if("/"===c.charAt(0)&&(n=t.pathname,r=[],a=[]),null!==n&&c){try{var f=(0,d.matchPattern)(c,n);f?(n=f.remainingPathname,r=[].concat(r,f.paramNames),a=[].concat(a,f.paramValues)):n=null}catch(p){u(p)}if(""===n){var h={routes:[e],params:s(r,a)};return void i(e,t,r,a,function(e,t){if(e)u(e);else{if(Array.isArray(t)){var n;(0,v["default"])(t.every(function(e){return!e.path}),"Index routes should not have paths"),(n=h.routes).push.apply(n,t)}else t&&((0,v["default"])(!t.path,"Index routes should not have paths"),h.routes.push(t));u(null,h)}})}}if(null!=n||e.childRoutes){var m=function(o,i){o?u(o):i?l(i,t,function(t,n){t?u(t):n?(n.routes.unshift(e),u(null,n)):u()},n,r,a):u()},y=o(e,t,r,a,m);y&&m.apply(void 0,y)}else u()}function l(e,t,n,r){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:[];void 0===r&&("/"!==t.pathname.charAt(0)&&(t=c({},t,{pathname:"/"+t.pathname})),r=t.pathname),(0,f.loopAsync)(e.length,function(n,a,s){u(e[n],t,r,o,i,function(e,t){e||t?s(e,t):a()})},n)}t.__esModule=!0;var c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};t["default"]=l;var f=n(14),p=n(25),d=n(8),h=n(9),v=r(h),m=n(4)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return e.displayName||e.name||"Component"}function i(e,t){var n=t&&t.withRef,r=(0,p["default"])({displayName:"WithRouter",mixins:[(0,v.ContextSubscriber)("router")],contextTypes:{router:m.routerShape},propTypes:{router:m.routerShape},getWrappedInstance:function(){return n?void 0:(0,u["default"])(!1,"To access the wrapped instance, you need to specify `{ withRef: true }` as the second argument of the withRouter() call."),this.wrappedInstance},render:function(){var t=this,r=this.props.router||this.context.router;if(!r)return c["default"].createElement(e,this.props);var o=r.params,i=r.location,s=r.routes,u=a({},this.props,{router:r,params:o,location:i,routes:s});return n&&(u.ref=function(e){t.wrappedInstance=e}),c["default"].createElement(e,u)}});return r.displayName="withRouter("+o(e)+")",r.WrappedComponent=e,(0,h["default"])(r,e)}t.__esModule=!0;var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};t["default"]=i;var s=n(1),u=r(s),l=n(7),c=r(l),f=n(3),p=r(f),d=n(62),h=r(d),v=n(15),m=n(16)},function(e,t,n){"use strict";function r(e){return e}function o(e,t,n){function o(e,t,n){for(var r in t)t.hasOwnProperty(r)&&l("function"==typeof t[r],"%s: %s type `%s` is invalid; it must be a function, usually from React.PropTypes.",e.displayName||"ReactClass",i[n],r)}function f(e,t){var n=w.hasOwnProperty(t)?w[t]:null;E.hasOwnProperty(t)&&u("OVERRIDE_BASE"===n,"ReactClassInterface: You are attempting to override `%s` from your class specification. Ensure that your method names do not overlap with React methods.",t),e&&u("DEFINE_MANY"===n||"DEFINE_MANY_MERGED"===n,"ReactClassInterface: You are attempting to define `%s` on your component more than once. This conflict may be due to a mixin.",t)}function p(e,n){if(!n){var r=typeof n,o="object"===r&&null!==n;return void l(o,"%s: You're attempting to include a mixin that is either null or not an object. Check the mixins included by the component, as well as any mixins they include themselves. Expected object but got %s.",e.displayName||"ReactClass",null===n?null:r)}u("function"!=typeof n,"ReactClass: You're attempting to use a component class or function as a mixin. Instead, just use a regular object."),u(!t(n),"ReactClass: You're attempting to use a component as a mixin. Instead, just use a regular object.");var i=e.prototype,a=i.__reactAutoBindPairs;n.hasOwnProperty(c)&&x.mixins(e,n.mixins);for(var s in n)if(n.hasOwnProperty(s)&&s!==c){var p=n[s],d=i.hasOwnProperty(s);if(f(d,s),x.hasOwnProperty(s))x[s](e,p);else{var h=w.hasOwnProperty(s),y="function"==typeof p,g=y&&!h&&!d&&n.autobind!==!1;if(g)a.push(s,p),i[s]=p;else if(d){var b=w[s];u(h&&("DEFINE_MANY_MERGED"===b||"DEFINE_MANY"===b),"ReactClass: Unexpected spec policy %s for key %s when mixing in component specs.",b,s),"DEFINE_MANY_MERGED"===b?i[s]=v(i[s],p):"DEFINE_MANY"===b&&(i[s]=m(i[s],p))}else i[s]=p,"function"==typeof p&&n.displayName&&(i[s].displayName=n.displayName+"_"+s)}}}function d(e,t){if(t)for(var n in t){var r=t[n];if(t.hasOwnProperty(n)){var o=n in x;u(!o,'ReactClass: You are attempting to define a reserved property, `%s`, that shouldn\'t be on the "statics" key. Define it as an instance property instead; it will still be accessible on the constructor.',n);var i=n in e;u(!i,"ReactClass: You are attempting to define `%s` on your component more than once. This conflict may be due to a mixin.",n),e[n]=r}}}function h(e,t){u(e&&t&&"object"==typeof e&&"object"==typeof t,"mergeIntoWithNoDuplicateKeys(): Cannot merge non-objects.");for(var n in t)t.hasOwnProperty(n)&&(u(void 0===e[n],"mergeIntoWithNoDuplicateKeys(): Tried to merge two objects with the same key: `%s`. This conflict may be due to a mixin; in particular, this may be caused by two getInitialState() or getDefaultProps() methods returning objects with clashing keys.",n),e[n]=t[n]);return e}function v(e,t){return function(){var n=e.apply(this,arguments),r=t.apply(this,arguments);if(null==n)return r;if(null==r)return n;var o={};return h(o,n),h(o,r),o}}function m(e,t){return function(){e.apply(this,arguments),t.apply(this,arguments)}}function y(e,t){var n=t.bind(e);n.__reactBoundContext=e,n.__reactBoundMethod=t,n.__reactBoundArguments=null;var r=e.constructor.displayName,o=n.bind;return n.bind=function(i){for(var a=arguments.length,s=Array(a>1?a-1:0),u=1;u<a;u++)s[u-1]=arguments[u];if(i!==e&&null!==i)l(!1,"bind(): React component methods may only be bound to the component instance. See %s",r);else if(!s.length)return l(!1,"bind(): You are binding a component method to the component. React does this for you automatically in a high-performance way, so you can safely remove this call. See %s",r),n;var c=o.apply(n,arguments);return c.__reactBoundContext=e,c.__reactBoundMethod=t,c.__reactBoundArguments=s,c},n}function g(e){for(var t=e.__reactAutoBindPairs,n=0;n<t.length;n+=2){var r=t[n],o=t[n+1];e[r]=y(e,o)}}function b(e){var t=r(function(e,r,o){l(this instanceof t,"Something is calling a React component directly. Use a factory or JSX instead. See: https://fb.me/react-legacyfactory"),this.__reactAutoBindPairs.length&&g(this),this.props=e,this.context=r,this.refs=s,this.updater=o||n,this.state=null;var i=this.getInitialState?this.getInitialState():null;void 0===i&&this.getInitialState._isMockFunction&&(i=null),u("object"==typeof i&&!Array.isArray(i),"%s.getInitialState(): must return an object or null",t.displayName||"ReactCompositeComponent"),this.state=i});t.prototype=new S,t.prototype.constructor=t,t.prototype.__reactAutoBindPairs=[],_.forEach(p.bind(null,t)),p(t,C),p(t,e),t.getDefaultProps&&(t.defaultProps=t.getDefaultProps()),t.getDefaultProps&&(t.getDefaultProps.isReactClassApproved={}),t.prototype.getInitialState&&(t.prototype.getInitialState.isReactClassApproved={}),u(t.prototype.render,"createClass(...): Class specification must implement a `render` method."),l(!t.prototype.componentShouldUpdate,"%s has a method called componentShouldUpdate(). Did you mean shouldComponentUpdate()? The name is phrased as a question because the function is expected to return a value.",e.displayName||"A component"),l(!t.prototype.componentWillRecieveProps,"%s has a method called componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",e.displayName||"A component");for(var o in w)t.prototype[o]||(t.prototype[o]=null);return t}var _=[],w={mixins:"DEFINE_MANY",statics:"DEFINE_MANY",propTypes:"DEFINE_MANY",contextTypes:"DEFINE_MANY",childContextTypes:"DEFINE_MANY",getDefaultProps:"DEFINE_MANY_MERGED",getInitialState:"DEFINE_MANY_MERGED",getChildContext:"DEFINE_MANY_MERGED",render:"DEFINE_ONCE",componentWillMount:"DEFINE_MANY",componentDidMount:"DEFINE_MANY",componentWillReceiveProps:"DEFINE_MANY",shouldComponentUpdate:"DEFINE_ONCE",componentWillUpdate:"DEFINE_MANY",componentDidUpdate:"DEFINE_MANY",componentWillUnmount:"DEFINE_MANY",updateComponent:"OVERRIDE_BASE"},x={displayName:function(e,t){e.displayName=t},mixins:function(e,t){if(t)for(var n=0;n<t.length;n++)p(e,t[n])},childContextTypes:function(e,t){o(e,t,"childContext"),e.childContextTypes=a({},e.childContextTypes,t)},contextTypes:function(e,t){o(e,t,"context"),e.contextTypes=a({},e.contextTypes,t)},getDefaultProps:function(e,t){e.getDefaultProps?e.getDefaultProps=v(e.getDefaultProps,t):e.getDefaultProps=t},propTypes:function(e,t){o(e,t,"prop"),e.propTypes=a({},e.propTypes,t)},statics:function(e,t){d(e,t)},autobind:function(){}},C={componentDidMount:function(){this.__isMounted=!0},componentWillUnmount:function(){this.__isMounted=!1}},E={replaceState:function(e,t){this.updater.enqueueReplaceState(this,e,t)},isMounted:function(){return l(this.__didWarnIsMounted,"%s: isMounted is deprecated. Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks.",this.constructor&&this.constructor.displayName||this.name||"Component"),this.__didWarnIsMounted=!0,!!this.__isMounted}},S=function(){};return a(S.prototype,e.prototype,E),b}var i,a=n(36),s=n(55),u=n(18),l=n(19),c="mixins";i={prop:"prop",context:"context",childContext:"child context"},e.exports=o},function(e,t,n){"use strict";var r={};Object.freeze(r),e.exports=r},function(e,t){"use strict";t.__esModule=!0;t.loopAsync=function(e,t,n){var r=0,o=!1,i=!1,a=!1,s=void 0,u=function(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return o=!0,i?void(s=t):void n.apply(void 0,t)},l=function c(){if(!o&&(a=!0,!i)){for(i=!0;!o&&r<e&&a;)a=!1,t(r++,c,u);return i=!1,o?void n.apply(void 0,s):void(r>=e&&a&&(o=!0,n()))}};l()}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.replaceLocation=t.pushLocation=t.startListener=t.getCurrentLocation=t.go=t.getUserConfirmation=void 0;var o=n(20);Object.defineProperty(t,"getUserConfirmation",{enumerable:!0,get:function(){return o.getUserConfirmation}}),Object.defineProperty(t,"go",{enumerable:!0,get:function(){return o.go}});var i=n(6),a=r(i),s=n(10),u=n(13),l=n(33),c=n(5),f="hashchange",p=function(){var e=window.location.href,t=e.indexOf("#");return t===-1?"":e.substring(t+1)},d=function(e){return window.location.hash=e},h=function(e){var t=window.location.href.indexOf("#");window.location.replace(window.location.href.slice(0,t>=0?t:0)+"#"+e)},v=t.getCurrentLocation=function(e,t){var n=e.decodePath(p()),r=(0,c.getQueryStringValueFromPath)(n,t),o=void 0;r&&(n=(0,c.stripQueryStringValueFromPath)(n,t),o=(0,l.readState)(r));var i=(0,c.parsePath)(n);return i.state=o,(0,s.createLocation)(i,void 0,r)},m=void 0,y=(t.startListener=function(e,t,n){var r=function(){var r=p(),o=t.encodePath(r);if(r!==o)h(o);else{var i=v(t,n);if(m&&i.key&&m.key===i.key)return;m=i,e(i)}},o=p(),i=t.encodePath(o);return o!==i&&h(i),(0,u.addEventListener)(window,f,r),function(){return(0,u.removeEventListener)(window,f,r)}},function(e,t,n,r){var o=e.state,i=e.key,a=t.encodePath((0,c.createPath)(e));void 0!==o&&(a=(0,c.addQueryStringValueToPath)(a,n,i),(0,l.saveState)(i,o)),m=e,r(a)});t.pushLocation=function(e,t,n){return y(e,t,n,function(e){p()!==e?d(e):(0,a["default"])(!1,"You cannot PUSH the same path using hash history")})},t.replaceLocation=function(e,t,n){return y(e,t,n,function(e){p()!==e&&h(e)})}},function(e,t,n){"use strict";t.__esModule=!0,t.replaceLocation=t.pushLocation=t.getCurrentLocation=t.go=t.getUserConfirmation=void 0;var r=n(20);Object.defineProperty(t,"getUserConfirmation",{enumerable:!0,get:function(){return r.getUserConfirmation}}),Object.defineProperty(t,"go",{enumerable:!0,get:function(){return r.go}});var o=n(10),i=n(5);t.getCurrentLocation=function(){return(0,o.createLocation)(window.location)},t.pushLocation=function(e){return window.location.href=(0,i.createPath)(e),!1},t.replaceLocation=function(e){return window.location.replace((0,i.createPath)(e)),!1}},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=n(1),s=o(a),u=n(21),l=n(20),c=r(l),f=n(58),p=r(f),d=n(13),h=n(22),v=o(h),m=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};u.canUseDOM?void 0:(0,s["default"])(!1,"Browser history needs a DOM");var t=e.forceRefresh||!(0,d.supportsHistory)(),n=t?p:c,r=n.getUserConfirmation,o=n.getCurrentLocation,a=n.pushLocation,l=n.replaceLocation,f=n.go,h=(0,v["default"])(i({getUserConfirmation:r},e,{getCurrentLocation:o,pushLocation:a,replaceLocation:l,go:f})),m=0,y=void 0,g=function(e,t){1===++m&&(y=c.startListener(h.transitionTo));var n=t?h.listenBefore(e):h.listen(e);return function(){n(),0===--m&&y()}},b=function(e){return g(e,!0)},_=function(e){return g(e,!1)};return i({},h,{listenBefore:b,listen:_})};t["default"]=m},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=n(6),s=o(a),u=n(1),l=o(u),c=n(21),f=n(13),p=n(57),d=r(p),h=n(22),v=o(h),m="_k",y=function(e){return"/"===e.charAt(0)?e:"/"+e},g={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!"+e},decodePath:function(e){return"!"===e.charAt(0)?e.substring(1):e}},noslash:{encodePath:function(e){return"/"===e.charAt(0)?e.substring(1):e},decodePath:y},slash:{encodePath:y,decodePath:y}},b=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};c.canUseDOM?void 0:(0,l["default"])(!1,"Hash history needs a DOM");var t=e.queryKey,n=e.hashType;(0,s["default"])(t!==!1,"Using { queryKey: false } no longer works. Instead, just don't use location state if you don't want a key in your URL query string"),"string"!=typeof t&&(t=m),null==n&&(n="slash"),n in g||((0,s["default"])(!1,"Invalid hash type: %s",n),n="slash");var r=g[n],o=d.getUserConfirmation,a=function(){return d.getCurrentLocation(r,t)},u=function(e){return d.pushLocation(e,r,t)},p=function(e){return d.replaceLocation(e,r,t)},h=(0,v["default"])(i({getUserConfirmation:o},e,{getCurrentLocation:a,pushLocation:u,replaceLocation:p,go:d.go})),y=0,b=void 0,_=function(e,n){1===++y&&(b=d.startListener(h.transitionTo,r,t));var o=n?h.listenBefore(e):h.listen(e);return function(){o(),0===--y&&b()}},w=function(e){return _(e,!0)},x=function(e){return _(e,!1)},C=(0,f.supportsGoWithoutReloadUsingHash)(),E=function(e){(0,s["default"])(C,"Hash history go(n) causes a full page reload in this browser"),h.go(e)},S=function(e){return"#"+r.encodePath(h.createHref(e))};return i({},h,{listenBefore:w,listen:x,go:E,createHref:S})};t["default"]=b},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(6),a=r(i),s=n(1),u=r(s),l=n(10),c=n(5),f=n(22),p=r(f),d=n(12),h=function(e){return e.filter(function(e){return e.state}).reduce(function(e,t){return e[t.key]=t.state,e},{})},v=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Array.isArray(e)?e={entries:e}:"string"==typeof e&&(e={entries:[e]});var t=function(){var e=m[y],t=(0,c.createPath)(e),n=void 0,r=void 0;e.key&&(n=e.key,r=_(n));var i=(0,c.parsePath)(t);return(0,l.createLocation)(o({},i,{state:r}),void 0,n)},n=function(e){var t=y+e;return t>=0&&t<m.length},r=function(e){if(e){if(!n(e))return void(0,a["default"])(!1,"Cannot go(%s) there is not enough history",e);y+=e;var r=t();f.transitionTo(o({},r,{action:d.POP}))}},i=function(e){y+=1,y<m.length&&m.splice(y),m.push(e),b(e.key,e.state)},s=function(e){m[y]=e,b(e.key,e.state)},f=(0,p["default"])(o({},e,{getCurrentLocation:t,pushLocation:i,replaceLocation:s,go:r})),v=e,m=v.entries,y=v.current;"string"==typeof m?m=[m]:Array.isArray(m)||(m=["/"]),m=m.map(function(e){return(0,l.createLocation)(e)}),null==y?y=m.length-1:y>=0&&y<m.length?void 0:(0,u["default"])(!1,"Current index must be >= 0 and < %s, was %s",m.length,y);var g=h(m),b=function(e,t){return g[e]=t},_=function(e){return g[e]};return o({},f,{canGo:n})};t["default"]=v},function(e,t){"use strict";var n={childContextTypes:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,mixins:!0,propTypes:!0,type:!0},r={name:!0,length:!0,prototype:!0,caller:!0,arguments:!0,arity:!0},o="function"==typeof Object.getOwnPropertySymbols;e.exports=function(e,t,i){if("string"!=typeof t){var a=Object.getOwnPropertyNames(t);o&&(a=a.concat(Object.getOwnPropertySymbols(t)));for(var s=0;s<a.length;++s)if(!(n[a[s]]||r[a[s]]||i&&i[a[s]]))try{e[a[s]]=t[a[s]]}catch(u){}}return e}},function(e,t,n){"use strict";function r(e,t,n,r,u){for(var l in e)if(e.hasOwnProperty(l)){var c;try{o("function"==typeof e[l],"%s: %s type `%s` is invalid; it must be a function, usually from React.PropTypes.",r||"React class",n,l),c=e[l](t,l,r,n,null,a)}catch(f){c=f}if(i(!c||c instanceof Error,"%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",r||"React class",n,l,typeof c),c instanceof Error&&!(c.message in s)){s[c.message]=!0;var p=u?u():"";i(!1,"Failed %s type: %s%s",n,c.message,null!=p?p:"")}}}var o=n(18),i=n(19),a=n(37),s={};e.exports=r},function(e,t,n){"use strict";var r=n(32),o=(n(18),n(19)),i=n(37),a=n(63);e.exports=function(e){function t(e){var t=e&&(S&&e[S]||e[P]);
-if("function"==typeof t)return t}function n(e,t){return e===t?0!==e||1/e===1/t:e!==e&&t!==t}function s(e){this.message=e,this.stack=""}function u(e){function t(t,r,a,u,l,c,f){if(u=u||O,c=c||a,f!==i&&"undefined"!=typeof console){var p=u+":"+a;n[p]||(o(!1,"You are manually calling a React.PropTypes validation function for the `%s` prop on `%s`. This is deprecated and will not work in production with the next major version. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details.",c,u),n[p]=!0)}return null==r[a]?t?new s(null===r[a]?"The "+l+" `"+c+"` is marked as required "+("in `"+u+"`, but its value is `null`."):"The "+l+" `"+c+"` is marked as required in "+("`"+u+"`, but its value is `undefined`.")):null:e(r,a,u,l,c)}var n={},r=t.bind(null,!1);return r.isRequired=t.bind(null,!0),r}function l(e){function t(t,n,r,o,i,a){var u=t[n],l=w(u);if(l!==e){var c=x(u);return new s("Invalid "+o+" `"+i+"` of type "+("`"+c+"` supplied to `"+r+"`, expected ")+("`"+e+"`."))}return null}return u(t)}function c(){return u(r.thatReturnsNull)}function f(e){function t(t,n,r,o,a){if("function"!=typeof e)return new s("Property `"+a+"` of component `"+r+"` has invalid PropType notation inside arrayOf.");var u=t[n];if(!Array.isArray(u)){var l=w(u);return new s("Invalid "+o+" `"+a+"` of type "+("`"+l+"` supplied to `"+r+"`, expected an array."))}for(var c=0;c<u.length;c++){var f=e(u,c,r,o,a+"["+c+"]",i);if(f instanceof Error)return f}return null}return u(t)}function p(){function t(t,n,r,o,i){var a=t[n];if(!e(a)){var u=w(a);return new s("Invalid "+o+" `"+i+"` of type "+("`"+u+"` supplied to `"+r+"`, expected a single ReactElement."))}return null}return u(t)}function d(e){function t(t,n,r,o,i){if(!(t[n]instanceof e)){var a=e.name||O,u=C(t[n]);return new s("Invalid "+o+" `"+i+"` of type "+("`"+u+"` supplied to `"+r+"`, expected ")+("instance of `"+a+"`."))}return null}return u(t)}function h(e){function t(t,r,o,i,a){for(var u=t[r],l=0;l<e.length;l++)if(n(u,e[l]))return null;var c=JSON.stringify(e);return new s("Invalid "+i+" `"+a+"` of value `"+u+"` "+("supplied to `"+o+"`, expected one of "+c+"."))}return Array.isArray(e)?u(t):(o(!1,"Invalid argument supplied to oneOf, expected an instance of array."),r.thatReturnsNull)}function v(e){function t(t,n,r,o,a){if("function"!=typeof e)return new s("Property `"+a+"` of component `"+r+"` has invalid PropType notation inside objectOf.");var u=t[n],l=w(u);if("object"!==l)return new s("Invalid "+o+" `"+a+"` of type "+("`"+l+"` supplied to `"+r+"`, expected an object."));for(var c in u)if(u.hasOwnProperty(c)){var f=e(u,c,r,o,a+"."+c,i);if(f instanceof Error)return f}return null}return u(t)}function m(e){function t(t,n,r,o,a){for(var u=0;u<e.length;u++){var l=e[u];if(null==l(t,n,r,o,a,i))return null}return new s("Invalid "+o+" `"+a+"` supplied to "+("`"+r+"`."))}return Array.isArray(e)?u(t):(o(!1,"Invalid argument supplied to oneOfType, expected an instance of array."),r.thatReturnsNull)}function y(){function e(e,t,n,r,o){return b(e[t])?null:new s("Invalid "+r+" `"+o+"` supplied to "+("`"+n+"`, expected a ReactNode."))}return u(e)}function g(e){function t(t,n,r,o,a){var u=t[n],l=w(u);if("object"!==l)return new s("Invalid "+o+" `"+a+"` of type `"+l+"` "+("supplied to `"+r+"`, expected `object`."));for(var c in e){var f=e[c];if(f){var p=f(u,c,r,o,a+"."+c,i);if(p)return p}}return null}return u(t)}function b(n){switch(typeof n){case"number":case"string":case"undefined":return!0;case"boolean":return!n;case"object":if(Array.isArray(n))return n.every(b);if(null===n||e(n))return!0;var r=t(n);if(!r)return!1;var o,i=r.call(n);if(r!==n.entries){for(;!(o=i.next()).done;)if(!b(o.value))return!1}else for(;!(o=i.next()).done;){var a=o.value;if(a&&!b(a[1]))return!1}return!0;default:return!1}}function _(e,t){return"symbol"===e||("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}function w(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":_(t,e)?"symbol":t}function x(e){var t=w(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function C(e){return e.constructor&&e.constructor.name?e.constructor.name:O}var E,S="function"==typeof Symbol&&Symbol.iterator,P="@@iterator",O="<<anonymous>>";return E={array:l("array"),bool:l("boolean"),func:l("function"),number:l("number"),object:l("object"),string:l("string"),symbol:l("symbol"),any:c(),arrayOf:f,element:p(),instanceOf:d,node:y(),objectOf:v,oneOf:h,oneOfType:m,shape:g},s.prototype=Error.prototype,E.checkPropTypes=a,E.PropTypes=E,E}},function(e,t,n){"use strict";function r(e){switch(e.arrayFormat){case"index":return function(t,n,r){return null===n?[i(t,e),"[",r,"]"].join(""):[i(t,e),"[",i(r,e),"]=",i(n,e)].join("")};case"bracket":return function(t,n){return null===n?i(t,e):[i(t,e),"[]=",i(n,e)].join("")};default:return function(t,n){return null===n?i(t,e):[i(t,e),"=",i(n,e)].join("")}}}function o(e){var t;switch(e.arrayFormat){case"index":return function(e,n,r){return t=/\[(\d*)\]$/.exec(e),e=e.replace(/\[\d*\]$/,""),t?(void 0===r[e]&&(r[e]={}),void(r[e][t[1]]=n)):void(r[e]=n)};case"bracket":return function(e,n,r){return t=/(\[\])$/.exec(e),e=e.replace(/\[\]$/,""),t&&void 0!==r[e]?void(r[e]=[].concat(r[e],n)):void(r[e]=n)};default:return function(e,t,n){return void 0===n[e]?void(n[e]=t):void(n[e]=[].concat(n[e],t))}}}function i(e,t){return t.encode?t.strict?s(e):encodeURIComponent(e):e}function a(e){return Array.isArray(e)?e.sort():"object"==typeof e?a(Object.keys(e)).sort(function(e,t){return Number(e)-Number(t)}).map(function(t){return e[t]}):e}var s=n(66),u=n(36);t.extract=function(e){return e.split("?")[1]||""},t.parse=function(e,t){t=u({arrayFormat:"none"},t);var n=o(t),r=Object.create(null);return"string"!=typeof e?r:(e=e.trim().replace(/^(\?|#|&)/,""))?(e.split("&").forEach(function(e){var t=e.replace(/\+/g," ").split("="),o=t.shift(),i=t.length>0?t.join("="):void 0;i=void 0===i?null:decodeURIComponent(i),n(decodeURIComponent(o),i,r)}),Object.keys(r).sort().reduce(function(e,t){var n=r[t];return Boolean(n)&&"object"==typeof n&&!Array.isArray(n)?e[t]=a(n):e[t]=n,e},Object.create(null))):r},t.stringify=function(e,t){var n={encode:!0,strict:!0,arrayFormat:"none"};t=u(n,t);var o=r(t);return e?Object.keys(e).sort().map(function(n){var r=e[n];if(void 0===r)return"";if(null===r)return i(n,t);if(Array.isArray(r)){var a=[];return r.slice().forEach(function(e){void 0!==e&&a.push(o(n,e,a.length))}),a.join("&")}return i(n,t)+"="+i(r,t)}).filter(function(e){return e.length>0}).join("&"):""}},function(e,t){"use strict";e.exports=function(e){return encodeURIComponent(e).replace(/[!'()*]/g,function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})}}])})},function(e,t){"use strict";t.__esModule=!0;t.PUSH="PUSH",t.REPLACE="REPLACE",t.POP="POP"},function(e,t){"use strict";t.__esModule=!0;t.canUseDOM=!("undefined"==typeof window||!window.document||!window.document.createElement)},function(e,t){(function(t){function n(e,t,n){function o(t){var n=v,r=m;return v=m=void 0,E=t,g=e.apply(r,n)}function i(e){return E=e,b=setTimeout(c,t),S?o(e):g}function u(e){var n=e-C,r=e-E,o=t-n;return P?w(o,y-r):o}function l(e){var n=e-C,r=e-E;return void 0===C||n>=t||n<0||P&&r>=y}function c(){var e=x();return l(e)?f(e):void(b=setTimeout(c,u(e)))}function f(e){return b=void 0,O&&v?o(e):(v=m=void 0,g)}function p(){void 0!==b&&clearTimeout(b),E=0,v=C=m=b=void 0}function d(){return void 0===b?g:f(x())}function h(){var e=x(),n=l(e);if(v=arguments,m=this,C=e,n){if(void 0===b)return i(C);if(P)return b=setTimeout(c,t),o(C)}return void 0===b&&(b=setTimeout(c,t)),g}var v,m,y,g,b,C,E=0,S=!1,P=!1,O=!0;if("function"!=typeof e)throw new TypeError(s);return t=a(t)||0,r(n)&&(S=!!n.leading,P="maxWait"in n,y=P?_(a(n.maxWait)||0,t):y,O="trailing"in n?!!n.trailing:O),h.cancel=p,h.flush=d,h}function r(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function o(e){return!!e&&"object"==typeof e}function i(e){return"symbol"==typeof e||o(e)&&b.call(e)==l}function a(e){if("number"==typeof e)return e;if(i(e))return u;if(r(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=r(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(c,"");var n=p.test(e);return n||d.test(e)?h(e.slice(2),n?2:8):f.test(e)?u:+e}var s="Expected a function",u=NaN,l="[object Symbol]",c=/^\s+|\s+$/g,f=/^[-+]0x[0-9a-f]+$/i,p=/^0b[01]+$/i,d=/^0o[0-7]+$/i,h=parseInt,v="object"==typeof t&&t&&t.Object===Object&&t,m="object"==typeof self&&self&&self.Object===Object&&self,y=v||m||Function("return this")(),g=Object.prototype,b=g.toString,_=Math.max,w=Math.min,x=function(){return y.Date.now()};e.exports=n}).call(t,function(){return this}())},function(e,t,n){"use strict";var r=n(1762),o=r.CopyToClipboard;e.exports=o},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Divider=t.ItemGroup=t.MenuItemGroup=t.MenuItem=t.Item=t.SubMenu=void 0;var o=n(1768),i=r(o),a=n(1771),s=r(a),u=n(1769),l=r(u),c=n(1770),f=r(c),p=n(1767),d=r(p);t.SubMenu=s["default"],t.Item=l["default"],t.MenuItem=l["default"],t.MenuItemGroup=f["default"],t.ItemGroup=f["default"],t.Divider=d["default"],t["default"]=i["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(e,t,n){var r=t||"";return e.key||r+"item_"+n}function a(e,t){var n=-1;l["default"].Children.forEach(e,function(e){n++,e&&e.type&&e.type.isMenuItemGroup?l["default"].Children.forEach(e.props.children,function(e){n++,t(e,n)}):t(e,n)})}function s(e,t,n){e&&!n.find&&l["default"].Children.forEach(e,function(e){if(!n.find&&e){var r=e.type;if(!r||!(r.isSubMenu||r.isMenuItem||r.isMenuItemGroup))return;t.indexOf(e.key)!==-1?n.find=!0:e.props.children&&s(e.props.children,t,n)}})}Object.defineProperty(t,"__esModule",{value:!0}),t.noop=o,t.getKeyFromChildrenIndex=i,t.loopMenuItem=a,t.loopMenuItemRecusively=s;var u=n(1),l=r(u)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r){var o=t&&t.antLocale&&t.antLocale[n]?t.antLocale[n]:r(),i=(0,s["default"])({},o,e.locale);return i.lang=(0,s["default"])({},o.lang,e.locale.lang),i}function i(e){var t=e.antLocale&&e.antLocale.locale;return e.antLocale&&e.antLocale.exist&&!t?"zh-cn":t}Object.defineProperty(t,"__esModule",{value:!0}),t.getComponentLocale=o,t.getLocaleCode=i;var a=n(11),s=r(a)},function(e,t){"use strict";function n(){var e=0;return function(t){var n=(new Date).getTime(),r=Math.max(0,16-(n-e)),o=window.setTimeout(function(){t(n+r)},r);return e=n+r,o}}function r(){if("undefined"==typeof window)return function(){};if(window.requestAnimationFrame)return window.requestAnimationFrame;var e=i.filter(function(e){return e+"RequestAnimationFrame"in window})[0];return e?window[e+"RequestAnimationFrame"]:n()}function o(e){if("undefined"==typeof window)return null;if(window.cancelAnimationFrame)return window.cancelAnimationFrame(e);var t=i.filter(function(e){return e+"CancelAnimationFrame"in window||e+"CancelRequestAnimationFrame"in window})[0];return t?(window[t+"CancelAnimationFrame"]||window[t+"CancelRequestAnimationFrame"]).call(this,e):clearTimeout(e)}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=r,t.cancelRequestAnimationFrame=o;var i=["moz","ms","webkit"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(497),i=r(o),a=n(1836),s=r(a),u=n(1837),l=r(u);i["default"].Group=s["default"],i["default"].Search=l["default"],t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Group=t.Button=void 0;var o=n(304),i=r(o),a=n(1861),s=r(a),u=n(1862),l=r(u);i["default"].Button=l["default"],i["default"].Group=s["default"],t.Button=l["default"],t.Group=s["default"],t["default"]=i["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(611),d=r(p),h=n(1725),v=n(1466),m=r(v),y=n(308),g=r(y),b=m["default"].apply(null,[.26,.09,.37,.18]),_=.5,w=-26,x=.55,C=10,E=function(e){function t(n){(0,i["default"])(this,t);var r=(0,s["default"])(this,e.call(this));return r.handleClick=function(){r.setState({displayColorPicker:!r.state.displayColorPicker})},r.handleClose=function(){r.setState({displayColorPicker:!1})},r.handleChange=function(e){r.setState({color:e.hex}),r.props.onChange(e.hex)},r.state={displayColorPicker:!1,color:n.color},r}return(0,l["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){this.setState({color:e.color})},t.prototype.render=function(){var e={color:{width:"120px",height:"24px",borderRadius:"2px",background:this.state.color},swatch:{padding:"5px",background:"#fff",borderRadius:"1px",boxShadow:"0 0 0 1px rgba(0,0,0,.1)",display:"inline-block",cursor:"pointer"},popover:{position:"absolute",zIndex:"2"},cover:{position:"fixed",top:"0px",right:"0px",bottom:"0px",left:"0px"},wrapper:{position:"inherit",zIndex:"100"}};return f["default"].createElement("div",null,f["default"].createElement("div",{style:e.swatch,onClick:this.handleClick},f["default"].createElement("div",{style:e.color})),this.state.displayColorPicker?f["default"].createElement("div",{style:e.popover},f["default"].createElement("div",{style:e.cover,onClick:this.handleClose}),f["default"].createElement("div",{style:e.wrapper},f["default"].createElement(h.ChromePicker,{color:this.state.color,onChange:this.handleChange}))):null)},t}(f["default"].Component),S=function(e){function t(){var n,r,o;(0,i["default"])(this,t);for(var a=arguments.length,u=Array(a),l=0;l<a;l++)u[l]=arguments[l];return n=r=(0,s["default"])(this,e.call.apply(e,[this].concat(u))),r.state={primaryColor:"#108ee9"},r.handleChangeColor=function(e){var t=e.target?e.target.value:e;r.setState({primaryColor:t})},o=n,(0,s["default"])(r,o)}return(0,l["default"])(t,e),t.prototype.getShadeColor=function(){var e=(0,d["default"])(this.state.primaryColor),t=void 0,n=void 0;return e.red()>e.blue()?(t=w,n=_):(t=C,n=x),e.darken(n).rotate(t).hexString()},t.prototype.renderColorPatterns=function(){for(var e=[],t=5,n=4,r=(0,d["default"])("#fff"),o=(0,d["default"])(this.state.primaryColor),i=(0,d["default"])(this.getShadeColor()),a=1,s=b(.1*(t+1)),u=1;u<=t;u+=1){var l=o.clone().mix(r,b(.1*u)/s).hexString();e.push(f["default"].createElement(g["default"],{color:l,index:a,key:"tint-"+u})),a+=1}for(var c=t+1;c<=t+n+1;c+=1){var p=o.clone().mix(i,1-(b(.1*c)-s)/(1-s)).hexString();e.push(f["default"].createElement(g["default"],{color:p,index:a,key:"shade-"+c})),a+=1}return e},t.prototype.render=function(){return f["default"].createElement("div",{className:"color-palette"},f["default"].createElement("div",{className:"color-palette-pick"},"\u9009\u62e9\u81ea\u5b9a\u4e49\u4e3b\u8272",f["default"].createElement("div",{className:"color-palette-picker"},f["default"].createElement("span",{style:{display:"inline-block"}},f["default"].createElement(E,{color:this.state.primaryColor,onChange:this.handleChangeColor})),f["default"].createElement("div",{className:"color-palette-picker-value"},this.state.primaryColor))),f["default"].createElement("div",{className:"main-color"},this.renderColorPatterns()))},t}(c.Component);t["default"]=S,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(195),d=r(p),h=n(3),v=function(e){var t=e.match(/\d+/g),n=parseInt(t[0],10).toString(16),r=parseInt(t[1],10).toString(16),o=parseInt(t[2],10).toString(16);return n=1===n.length?"0"+n:n,r=1===r.length?"0"+r:r,o=1===o.length?"0"+o:o,"#"+n+r+o},m=function(e){function t(){return(0,i["default"])(this,t),(0,s["default"])(this,e.apply(this,arguments))}return(0,l["default"])(t,e),t.prototype.componentDidMount=function(){var e=this;this.hexColors={},Object.keys(this.colorNodes).forEach(function(t){e.hexColors[t]=v(getComputedStyle(e.colorNodes[t])["background-color"])}),this.forceUpdate()},t.prototype.render=function(){var e=this;this.colorNodes=this.colorNodes||{};for(var t=this.props.color,n=t.name,r=t.description,o=[],i=function(t){var r=n+"-"+t;o.push(f["default"].createElement(d["default"],{text:e.hexColors?e.hexColors[r]:"",onCopy:function(){return h.message.success("@"+r+" copied: "+e.hexColors[r])},key:r},f["default"].createElement("div",{key:t,ref:function(r){e.colorNodes[n+"-"+t]=r},className:"main-color-item palatte-"+n+"-"+t,style:{color:t>5?"#fff":"unset",fontWeight:6===t?"bold":"normal"},title:"click to copy color"},r,e.hexColors?f["default"].createElement("span",{className:"main-color-value"},e.hexColors[r]):null)))},a=1;a<=10;a+=1)i(a);return f["default"].createElement("div",{className:"color-palette"},f["default"].createElement("div",{className:"color-title"},n,f["default"].createElement("span",{className:"color-description"},r)),f["default"].createElement("div",{className:"main-color"},o))},t}(c.Component),y=function(){var e=[{name:"red",description:"\u70ed\u60c5\u3001\u8b66\u793a"},{name:"green",description:"\u6210\u529f\u3001\u901a\u8fc7\u3001\u5b89\u5168"},{name:"blue",description:"\u4e13\u4e1a\u3001\u79d1\u6280"},{name:"pink",description:"\u5178\u96c5\u3001\u660e\u5feb\u3001\u5973\u6027"},{name:"orange",description:"\u9192\u76ee\u3001\u6e29\u6696"},{name:"purple",description:"\u9ad8\u96c5\u3001\u6d6a\u6f2b"},{name:"yellow",description:"\u6d3b\u529b\u3001\u63d0\u793a"},{name:"cyan",description:"\u6e05\u65b0\u3001\u51b7\u9759\u3001\u7ed3\u6784\u5316"},{name:"grey",description:"\u5e73\u7a33\u3001\u4e2d\u6027"}];return f["default"].createElement("div",null,e.map(function(e){return f["default"].createElement(m,{key:e.name,color:e})}))};t["default"]=y,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=e.props;if("value"in t)return t.value;if(e.key)return e.key;if(e.type&&e.type.isSelectOptGroup&&t.label)return t.label;throw new Error("no key or value or label(only for OptGroup) for "+e)}function i(e,t){return"value"===t?o(e):e.props[t]}function a(e){return e.combobox}function s(e){return e.multiple||e.tags}function u(e){return s(e)||a(e)}function l(e){return!u(e)}function c(e){var t=e;return void 0===e?t=[]:Array.isArray(e)||(t=[e]),t}function f(e){e.preventDefault()}function p(e,t){for(var n=-1,r=0;r<e.length;r++)if(e[r].key===t){n=r;break}return n}function d(e,t){for(var n=-1,r=0;r<e.length;r++)if(c(e[r].label).join("")===t){n=r;break}return n}function h(e,t){if(null===t||void 0===t)return[];var n=[];return b["default"].Children.forEach(e,function(e){if(e.type.isMenuItemGroup)n=n.concat(h(e.props.children,t));else{var r=o(e),i=e.key;p(t,r)!==-1&&i&&n.push(i)}}),n}function v(e){for(var t=0;t<e.length;t++){var n=e[t];if(n.type.isMenuItemGroup){var r=v(n.props.children);if(r)return r}else if(!n.props.disabled)return n}return null}function m(e,t){for(var n=0;n<t.length;++n)if(e.lastIndexOf(t[n])>0)return!0;return!1}function y(e,t){var n=new RegExp("["+t.join()+"]"),r=e.split(n);return""===r[0]&&r.shift(),""===r[r.length-1]&&r.pop(),r}Object.defineProperty(t,"__esModule",{value:!0}),t.UNSELECTABLE_ATTRIBUTE=t.UNSELECTABLE_STYLE=void 0,t.getValuePropValue=o,t.getPropValue=i,t.isCombobox=a,t.isMultipleOrTags=s,t.isMultipleOrTagsOrCombobox=u,t.isSingleMode=l,t.toArray=c,t.preventDefaultEvent=f,t.findIndexInValueByKey=p,t.findIndexInValueByLabel=d,t.getSelectKeys=h,t.findFirstMenuItem=v,t.includesSeparators=m,t.splitBySeparators=y;var g=n(1),b=r(g);t.UNSELECTABLE_STYLE={userSelect:"none",WebkitUserSelect:"none"},t.UNSELECTABLE_ATTRIBUTE={unselectable:"unselectable"}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}Object.defineProperty(t,"__esModule",{value:!0});var i=n(1),a=n(534),s=r(a);t["default"]={propTypes:{className:i.PropTypes.string,locale:i.PropTypes.object,style:i.PropTypes.object,visible:i.PropTypes.bool,onSelect:i.PropTypes.func,prefixCls:i.PropTypes.string,onChange:i.PropTypes.func,onOk:i.PropTypes.func},getDefaultProps:function(){return{locale:s["default"],style:{},visible:!0,prefixCls:"rc-calendar",className:"",onSelect:o,onChange:o,onClear:o,renderFooter:function(){return null},renderSidebar:function(){return null}}},shouldComponentUpdate:function(e){return this.props.visible||e.visible},getFormat:function(){var e=this.props.format,t=this.props,n=t.locale,r=t.timePicker;return e||(e=r?n.dateTimeFormat:n.dateFormat),e},focus:function(){this.refs.root&&this.refs.root.focus()}},e.exports=t["default"]},function(e,t,n){"use strict";var r=n(22),o=r.Map,i=n(1),a=n(136),s=i.createElement("ul",{className:a("public/DraftStyleDefault/ul")}),u=i.createElement("ol",{className:a("public/DraftStyleDefault/ol")}),l=i.createElement("pre",{className:a("public/DraftStyleDefault/pre")}),c=o({"header-one":{element:"h1"},"header-two":{element:"h2"},"header-three":{element:"h3"},"header-four":{element:"h4"},"header-five":{element:"h5"},"header-six":{element:"h6"},"unordered-list-item":{element:"li",wrapper:s},"ordered-list-item":{element:"li",wrapper:u},blockquote:{element:"blockquote"},atomic:{element:"figure"},"code-block":{element:"pre",wrapper:l},unstyled:{element:"div",aliasedElements:["p"]}});e.exports=c},function(e,t,n){"use strict";var r=n(64),o=r.isPlatform("Mac OS X"),i={isCtrlKeyCommand:function(e){return!!e.ctrlKey&&!e.altKey},isOptionKeyCommand:function(e){return o&&e.altKey},hasCommandModifier:function(e){return o?!!e.metaKey&&!e.altKey:i.isCtrlKeyCommand(e)}};e.exports=i},function(e,t,n){"use strict";function r(e){for(var t=e;t&&t!==document.documentElement;){var n=o(t);if(null!=n)return n;t=t.parentNode}return null}var o=n(340);e.exports=r},function(e,t){"use strict";function n(e,t){var n;if(t.isCollapsed()){var o=t.getAnchorKey(),i=t.getAnchorOffset();return i>0?(n=e.getBlockForKey(o).getEntityAt(i-1),r(e.getEntityMap(),n)):null}var a=t.getStartKey(),s=t.getStartOffset(),u=e.getBlockForKey(a);return n=s===u.getLength()?null:u.getEntityAt(s),r(e.getEntityMap(),n)}function r(e,t){if(t){var n=e.__get(t);return"MUTABLE"===n.getMutability()?t:null}return null}e.exports=n},function(e,t){"use strict";function n(e,t){var n=e.getSelection(),r=e.getCurrentContent(),o=n.getStartKey(),i=n.getStartOffset(),a=o,s=0;if(t>i){var u=r.getKeyBefore(o);if(null==u)a=o;else{a=u;var l=r.getBlockForKey(u);s=l.getText().length}}else s=i-t;return n.merge({focusKey:a,focusOffset:s,isBackward:!0})}e.exports=n},function(e,t){"use strict";function n(e){return e.replace(r,"")}var r=new RegExp("\r","g");e.exports=n},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(1),a=r(i),s=n(2),u=r(s),l=n(349),c=n(11),f=r(c),p={initialize:function(e){var t,n=u["default"].findDOMNode(this.list),r=a["default"].Children.count(e.children),o=this.getWidth(n),i=this.getWidth(u["default"].findDOMNode(this.track));if(e.vertical)t=this.getWidth(u["default"].findDOMNode(this));else{var s=e.centerMode&&2*parseInt(e.centerPadding);t=(this.getWidth(u["default"].findDOMNode(this))-s)/e.slidesToShow}var c=this.getHeight(n.querySelector('[data-index="0"]')),p=c*e.slidesToShow,d=e.rtl?r-1-e.initialSlide:e.initialSlide;this.setState({slideCount:r,slideWidth:t,listWidth:o,trackWidth:i,currentSlide:d,slideHeight:c,listHeight:p},function(){var t=(0,l.getTrackLeft)((0,f["default"])({slideIndex:this.state.currentSlide,trackRef:this.track},e,this.state)),n=(0,l.getTrackCSS)((0,f["default"])({left:t},e,this.state));this.setState({trackStyle:n}),this.autoPlay()})},update:function(e){var t,n=u["default"].findDOMNode(this.list),r=a["default"].Children.count(e.children),o=this.getWidth(n),i=this.getWidth(u["default"].findDOMNode(this.track));if(e.vertical)t=this.getWidth(u["default"].findDOMNode(this));else{var s=e.centerMode&&2*parseInt(e.centerPadding);t=(this.getWidth(u["default"].findDOMNode(this))-s)/e.slidesToShow}var c=this.getHeight(n.querySelector('[data-index="0"]')),p=c*e.slidesToShow;e.autoplay?this.pause():this.autoPlay(),this.setState({slideCount:r,slideWidth:t,listWidth:o,trackWidth:i,slideHeight:c,listHeight:p},function(){var t=(0,l.getTrackLeft)((0,f["default"])({slideIndex:this.state.currentSlide,trackRef:this.track},e,this.state)),n=(0,l.getTrackCSS)((0,f["default"])({left:t},e,this.state));this.setState({trackStyle:n})})},getWidth:function(e){return e.getBoundingClientRect().width||e.offsetWidth||0},getHeight:function(e){return e.getBoundingClientRect().height||e.offsetHeight||0},adaptHeight:function(){if(this.props.adaptiveHeight){var e='[data-index="'+this.state.currentSlide+'"]';if(this.list){var t=u["default"].findDOMNode(this.list);t.style.height=t.querySelector(e).offsetHeight+"px"}}},canGoNext:function(e){var t=!0;return e.infinite||(e.centerMode?e.currentSlide>=e.slideCount-1&&(t=!1):(e.slideCount<=e.slidesToShow||e.currentSlide>=e.slideCount-e.slidesToShow)&&(t=!1)),t},slideHandler:function(e){var t,n,r,o,i,a=this;if(!this.props.waitForAnimate||!this.state.animating){if(this.props.fade){if(n=this.state.currentSlide,this.props.infinite===!1&&(e<0||e>=this.state.slideCount))return;return t=e<0?e+this.state.slideCount:e>=this.state.slideCount?e-this.state.slideCount:e,this.props.lazyLoad&&this.state.lazyLoadedList.indexOf(t)<0&&this.setState({lazyLoadedList:this.state.lazyLoadedList.concat(t)}),i=function(){a.setState({animating:!1}),a.props.afterChange&&a.props.afterChange(t),delete a.animationEndCallback},this.setState({animating:!0,currentSlide:t},function(){this.animationEndCallback=setTimeout(i,this.props.speed)}),this.props.beforeChange&&this.props.beforeChange(this.state.currentSlide,t),void this.autoPlay()}if(t=e,n=t<0?this.props.infinite===!1?0:this.state.slideCount%this.props.slidesToScroll!==0?this.state.slideCount-this.state.slideCount%this.props.slidesToScroll:this.state.slideCount+t:t>=this.state.slideCount?this.props.infinite===!1?this.state.slideCount-this.props.slidesToShow:this.state.slideCount%this.props.slidesToScroll!==0?0:t-this.state.slideCount:t,r=(0,l.getTrackLeft)((0,f["default"])({slideIndex:t,trackRef:this.track},this.props,this.state)),o=(0,l.getTrackLeft)((0,f["default"])({slideIndex:n,trackRef:this.track},this.props,this.state)),this.props.infinite===!1&&(r=o),this.props.beforeChange&&this.props.beforeChange(this.state.currentSlide,n),this.props.lazyLoad){for(var s=!0,u=[],c=t;c<t+this.props.slidesToShow;c++)s=s&&this.state.lazyLoadedList.indexOf(c)>=0,s||u.push(c);s||this.setState({lazyLoadedList:this.state.lazyLoadedList.concat(u)})}if(this.props.useCSS===!1)this.setState({currentSlide:n,trackStyle:(0,l.getTrackCSS)((0,f["default"])({left:o},this.props,this.state))},function(){this.props.afterChange&&this.props.afterChange(n)});else{var p={animating:!1,currentSlide:n,trackStyle:(0,l.getTrackCSS)((0,f["default"])({left:o},this.props,this.state)),swipeLeft:null};i=function(){a.setState(p),a.props.afterChange&&a.props.afterChange(n),delete a.animationEndCallback},this.setState({animating:!0,currentSlide:n,trackStyle:(0,l.getTrackAnimateCSS)((0,f["default"])({left:r},this.props,this.state))},function(){this.animationEndCallback=setTimeout(i,this.props.speed)})}this.autoPlay()}},swipeDirection:function(e){var t,n,r,o;return t=e.startX-e.curX,n=e.startY-e.curY,r=Math.atan2(n,t),o=Math.round(180*r/Math.PI),o<0&&(o=360-Math.abs(o)),o<=45&&o>=0||o<=360&&o>=315?this.props.rtl===!1?"left":"right":o>=135&&o<=225?this.props.rtl===!1?"right":"left":this.props.verticalSwiping===!0?o>=35&&o<=135?"down":"up":"vertical"},play:function(){var e;if(!this.state.mounted)return!1;if(this.props.rtl)e=this.state.currentSlide-this.props.slidesToScroll;else{if(!this.canGoNext(o({},this.props,this.state)))return!1;e=this.state.currentSlide+this.props.slidesToScroll}this.slideHandler(e)},autoPlay:function(){this.state.autoPlayTimer&&clearTimeout(this.state.autoPlayTimer),this.props.autoplay&&this.setState({autoPlayTimer:setTimeout(this.play,this.props.autoplaySpeed)})},pause:function(){this.state.autoPlayTimer&&(clearTimeout(this.state.autoPlayTimer),this.setState({autoPlayTimer:null}))}};t["default"]=p},function(e,t){e.exports=function(e,t){switch(e){case 0:return function(){return t.apply(this,arguments)};case 1:return function(e){return t.apply(this,arguments)};case 2:return function(e,n){return t.apply(this,arguments)};case 3:return function(e,n,r){return t.apply(this,arguments)};case 4:return function(e,n,r,o){return t.apply(this,arguments)};case 5:return function(e,n,r,o,i){return t.apply(this,arguments)};case 6:return function(e,n,r,o,i,a){return t.apply(this,arguments)};case 7:return function(e,n,r,o,i,a,s){return t.apply(this,arguments)};case 8:return function(e,n,r,o,i,a,s,u){return t.apply(this,arguments)};case 9:return function(e,n,r,o,i,a,s,u,l){return t.apply(this,arguments)};case 10:return function(e,n,r,o,i,a,s,u,l,c){return t.apply(this,arguments)};default:throw new Error("First argument to _arity must be a non-negative integer no greater than ten")}}},function(e,t){e.exports=function(e){return null!=e&&"object"==typeof e&&e["@@functional/placeholder"]===!0}},function(e,t,n){var r=n(165),o=n(354),i=n(642);e.exports=r(function(e){return!!o(e)||!!e&&("object"==typeof e&&(!i(e)&&(1===e.nodeType?!!e.length:0===e.length||e.length>0&&(e.hasOwnProperty(0)&&e.hasOwnProperty(e.length-1)))))})},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e){return e.split("&").join("&amp;").split("<").join("&lt;").split(">").join("&gt;").split("\xa0").join("&nbsp;").split("\n").join("<br > \n")}function i(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=e.getCurrentContent();return new s(n,t).generate()}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=i;var a=n(109),s=function(){function e(t,n){r(this,e),this.contentState=t,this.options=n}return e.prototype.generate=function(){var e=(0,a.convertToRaw)(this.contentState);return this.processContent(e)},e.prototype.processContent=function(e){var t=e.blocks,n=this.options.encode;return t.map(function(e){return n?o(e.text):e.text}).join(n?"<br />\n":"\n")},e}();e.exports=t["default"]},function(e,t){"use strict";function n(e,t){var n=String(e),r=Number(t)>>>0,o=n.slice(0,r+1).search(/\S+$/),i=n.slice(r).search(/\s/);return i<0?{word:n.slice(o),begin:o,end:n.length}:{word:n.slice(o,i+r),begin:o,end:i+r}}function r(e,t){var r=t.getAnchorKey(),o=t.getAnchorOffset()-1,i=e.getCurrentContent(),a=i.getBlockForKey(r),s=a.getText();return n(s,o)}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=r,e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(){},r=n.prototype;r.push=function(e){this[e.prototype.name]=e},t["default"]=new n,e.exports=t["default"]},function(e,t){"use strict";e.exports={BACKSPACE:8,TAB:9,RETURN:13,ALT:18,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,DELETE:46,COMMA:188,PERIOD:190,A:65,Z:90,ZERO:48,NUMPAD_0:96,NUMPAD_9:105}},function(e,t,n){"use strict";function r(e,t){var n=i.get(e,t);return"auto"===n||"scroll"===n}var o=n(1231),i={get:o,getScrollParent:function(e){if(!e)return null;for(var t=e.ownerDocument;e&&e!==t.body;){if(r(e,"overflow")||r(e,"overflowY")||r(e,"overflowX"))return e;e=e.parentNode}return t.defaultView||t.parentWindow}};e.exports=i},function(e,t,n){"use strict";function r(e){return e===f||e===p}function o(e){return r(e)?void 0:l(!1),e===f?"ltr":"rtl";
+"use strict";function n(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function r(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;var r=Object.getOwnPropertyNames(t).map(function(e){return t[e]});if("0123456789"!==r.join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach(function(e){o[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(i){return!1}}var o=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;e.exports=r()?Object.assign:function(e,t){for(var r,s,u=n(e),l=1;l<arguments.length;l++){r=Object(arguments[l]);for(var c in r)i.call(r,c)&&(u[c]=r[c]);if(o){s=o(r);for(var f=0;f<s.length;f++)a.call(r,s[f])&&(u[s[f]]=r[s[f]])}}return u}},function(e,t){"use strict";var n="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";e.exports=n},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(7),a=r(i),s=n(3),u=r(s),l=n(24),c=r(l),f=(0,u["default"])({displayName:"IndexLink",render:function(){return a["default"].createElement(c["default"],o({},this.props,{onlyActiveOnIndex:!0}))}});t["default"]=f},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(3),i=r(o),a=n(2),s=n(9),u=r(s),l=n(1),c=r(l),f=n(26),p=r(f),d=n(11),h=(0,i["default"])({displayName:"IndexRedirect",statics:{createRouteFromReactElement:function(e,t){t?t.indexRoute=p["default"].createRouteFromReactElement(e):(0,u["default"])(!1,"An <IndexRedirect> does not make sense at the root of your route config")}},propTypes:{to:a.string.isRequired,query:a.object,state:a.object,onEnter:d.falsy,children:d.falsy},render:function(){(0,c["default"])(!1,"<IndexRedirect> elements are for router configuration only and should not be rendered")}});t["default"]=h},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(3),i=r(o),a=n(2),s=n(9),u=r(s),l=n(1),c=r(l),f=n(4),p=n(11),d=(0,i["default"])({displayName:"IndexRoute",statics:{createRouteFromReactElement:function(e,t){t?t.indexRoute=(0,f.createRouteFromReactElement)(e):(0,u["default"])(!1,"An <IndexRoute> does not make sense at the root of your route config")}},propTypes:{path:p.falsy,component:p.component,components:p.components,getComponent:a.func,getComponents:a.func},render:function(){(0,c["default"])(!1,"<IndexRoute> elements are for router configuration only and should not be rendered")}});t["default"]=d},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(3),i=r(o),a=n(2),s=n(1),u=r(s),l=n(4),c=n(11),f=(0,i["default"])({displayName:"Route",statics:{createRouteFromReactElement:l.createRouteFromReactElement},propTypes:{path:a.string,component:c.component,components:c.components,getComponent:a.func,getComponents:a.func},render:function(){(0,u["default"])(!1,"<Route> elements are for router configuration only and should not be rendered")}});t["default"]=f},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}t.__esModule=!0;var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=n(1),s=r(a),u=n(7),l=r(u),c=n(3),f=r(c),p=n(2),d=n(30),h=r(d),v=n(11),m=n(17),y=r(m),g=n(4),b=n(27),_=n(9),w=r(_),x={history:p.object,children:v.routes,routes:v.routes,render:p.func,createElement:p.func,onError:p.func,onUpdate:p.func,matchContext:p.object},C=(0,f["default"])({displayName:"Router",propTypes:x,getDefaultProps:function(){return{render:function(e){return l["default"].createElement(y["default"],e)}}},getInitialState:function(){return{location:null,routes:null,params:null,components:null}},handleError:function(e){if(!this.props.onError)throw e;this.props.onError.call(this,e)},createRouterObject:function(e){var t=this.props.matchContext;if(t)return t.router;var n=this.props.history;return(0,b.createRouterObject)(n,this.transitionManager,e)},createTransitionManager:function(){var e=this.props.matchContext;if(e)return e.transitionManager;var t=this.props.history,n=this.props,r=n.routes,o=n.children;return t.getCurrentLocation?void 0:(0,s["default"])(!1,"You have provided a history object created with history v4.x or v2.x and earlier. This version of React Router is only compatible with v3 history objects. Please change to history v3.x."),(0,h["default"])(t,(0,g.createRoutes)(r||o))},componentWillMount:function(){var e=this;this.transitionManager=this.createTransitionManager(),this.router=this.createRouterObject(this.state),this._unlisten=this.transitionManager.listen(function(t,n){t?e.handleError(t):((0,b.assignRouterState)(e.router,n),e.setState(n,e.props.onUpdate))})},componentWillReceiveProps:function(e){(0,w["default"])(e.history===this.props.history,"You cannot change <Router history>; it will be ignored"),(0,w["default"])((e.routes||e.children)===(this.props.routes||this.props.children),"You cannot change <Router routes>; it will be ignored")},componentWillUnmount:function(){this._unlisten&&this._unlisten()},render:function E(){var e=this.state,t=e.location,n=e.routes,r=e.params,a=e.components,s=this.props,u=s.createElement,E=s.render,l=o(s,["createElement","render"]);return null==t?null:(Object.keys(x).forEach(function(e){return delete l[e]}),E(i({},l,{router:this.router,location:t,routes:n,params:r,components:a,createElement:u})))}});t["default"]=C},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(){function e(e,t,n,r){var o=e.length<n,i=function(){for(var n=arguments.length,r=Array(n),i=0;i<n;i++)r[i]=arguments[i];if(e.apply(t,r),o){var a=r[r.length-1];a()}};return r.add(i),i}function t(t){return t.reduce(function(t,n){return n.onEnter&&t.push(e(n.onEnter,n,3,l)),t},[])}function n(t){return t.reduce(function(t,n){return n.onChange&&t.push(e(n.onChange,n,4,c)),t},[])}function r(e,t,n){function r(e){o=e}if(!e)return void n();var o=void 0;(0,i.loopAsync)(e,function(e,n,i){t(e,r,function(e){e||o?i(e,o):n()})},n)}function o(e,n,o){l.clear();var i=t(e);return r(i.length,function(e,t,r){var o=function(){l.has(i[e])&&(r.apply(void 0,arguments),l.remove(i[e]))};i[e](n,t,o)},o)}function s(e,t,o,i){c.clear();var a=n(e);return r(a.length,function(e,n,r){var i=function(){c.has(a[e])&&(r.apply(void 0,arguments),c.remove(a[e]))};a[e](t,o,n,i)},i)}function u(e,t){for(var n=0,r=e.length;n<r;++n)e[n].onLeave&&e[n].onLeave.call(e[n],t)}var l=new a,c=new a;return{runEnterHooks:o,runChangeHooks:s,runLeaveHooks:u}}t.__esModule=!0,t["default"]=o;var i=n(14),a=function s(){var e=this;r(this,s),this.hooks=[],this.add=function(t){return e.hooks.push(t)},this.remove=function(t){return e.hooks=e.hooks.filter(function(e){return e!==t})},this.has=function(t){return e.hooks.indexOf(t)!==-1},this.clear=function(){return e.hooks=[]}}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(7),a=r(i),s=n(17),u=r(s),l=n(9),c=r(l);t["default"]=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];t.forEach(function(e,t){(0,c["default"])(e.renderRouterContext||e.renderRouteComponent,"The middleware specified at index "+t+" does not appear to be a valid React Router middleware.")});var r=t.map(function(e){return e.renderRouterContext}).filter(Boolean),s=t.map(function(e){return e.renderRouteComponent}).filter(Boolean),l=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:i.createElement;return function(t,n){return s.reduceRight(function(e,t){return t(e,n)},e(t,n))}};return function(e){return r.reduceRight(function(t,n){return n(t,e)},a["default"].createElement(u["default"],o({},e,{createElement:l(e.createElement)})))}}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(59),i=r(o),a=n(29),s=r(a);t["default"]=(0,s["default"])(i["default"])},function(e,t,n){"use strict";function r(e,t,n){if(!e.path)return!1;var r=(0,i.getParamNames)(e.path);return r.some(function(e){return t.params[e]!==n.params[e]})}function o(e,t){var n=e&&e.routes,o=t.routes,i=void 0,a=void 0,s=void 0;if(n){var u=!1;i=n.filter(function(n){if(u)return!0;var i=o.indexOf(n)===-1||r(n,e,t);return i&&(u=!0),i}),i.reverse(),s=[],a=[],o.forEach(function(e){var t=n.indexOf(e)===-1,r=i.indexOf(e)!==-1;t||r?s.push(e):a.push(e)})}else i=[],a=[],s=o;return{leaveRoutes:i,changeRoutes:a,enterRoutes:s}}t.__esModule=!0;var i=n(8);t["default"]=o},function(e,t,n){"use strict";function r(e,t,n){if(t.component||t.components)return void n(null,t.component||t.components);var r=t.getComponent||t.getComponents;if(r){var o=r.call(t,e,n);(0,a.isPromise)(o)&&o.then(function(e){return n(null,e)},n)}else n()}function o(e,t){(0,i.mapAsync)(e.routes,function(t,n,o){r(e,t,o)},t)}t.__esModule=!0;var i=n(14),a=n(25);t["default"]=o},function(e,t,n){"use strict";function r(e,t){var n={};return e.path?((0,o.getParamNames)(e.path).forEach(function(e){Object.prototype.hasOwnProperty.call(t,e)&&(n[e]=t[e])}),n):n}t.__esModule=!0;var o=n(8);t["default"]=r},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(60),i=r(o),a=n(29),s=r(a);t["default"]=(0,s["default"])(i["default"])},function(e,t,n){"use strict";function r(e,t){if(e==t)return!0;if(null==e||null==t)return!1;if(Array.isArray(e))return Array.isArray(t)&&e.length===t.length&&e.every(function(e,n){return r(e,t[n])});if("object"===("undefined"==typeof e?"undefined":u(e))){for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n))if(void 0===e[n]){if(void 0!==t[n])return!1}else{if(!Object.prototype.hasOwnProperty.call(t,n))return!1;if(!r(e[n],t[n]))return!1}return!0}return String(e)===String(t)}function o(e,t){return"/"!==t.charAt(0)&&(t="/"+t),"/"!==e.charAt(e.length-1)&&(e+="/"),"/"!==t.charAt(t.length-1)&&(t+="/"),t===e}function i(e,t,n){for(var r=e,o=[],i=[],a=0,s=t.length;a<s;++a){var u=t[a],c=u.path||"";if("/"===c.charAt(0)&&(r=e,o=[],i=[]),null!==r&&c){var f=(0,l.matchPattern)(c,r);if(f?(r=f.remainingPathname,o=[].concat(o,f.paramNames),i=[].concat(i,f.paramValues)):r=null,""===r)return o.every(function(e,t){return String(i[t])===String(n[e])})}}return!1}function a(e,t){return null==t?null==e:null==e||r(e,t)}function s(e,t,n,r,s){var u=e.pathname,l=e.query;return null!=n&&("/"!==u.charAt(0)&&(u="/"+u),!!(o(u,n.pathname)||!t&&i(u,r,s))&&a(l,n.query))}t.__esModule=!0;var u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};t["default"]=s;var l=n(8)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function i(e,t){var n=e.history,r=e.routes,i=e.location,u=o(e,["history","routes","location"]);n||i?void 0:(0,l["default"])(!1,"match needs a history or a location"),n=n?n:(0,f["default"])(u);var c=(0,d["default"])(n,(0,h.createRoutes)(r));i=i?n.createLocation(i):n.getCurrentLocation(),c.match(i,function(e,r,o){var i=void 0;if(o){var u=(0,v.createRouterObject)(n,c,o);i=a({},o,{router:u,matchContext:{transitionManager:c,router:u}})}t(e,r&&n.createLocation(r,s.REPLACE),i)})}t.__esModule=!0;var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s=n(12),u=n(1),l=r(u),c=n(28),f=r(c),p=n(30),d=r(p),h=n(4),v=n(27);t["default"]=i},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){if(e.childRoutes)return[null,e.childRoutes];if(!e.getChildRoutes)return[];var i=!0,a=void 0,u={location:t,params:s(n,r)},l=e.getChildRoutes(u,function(e,t){return t=!e&&(0,m.createRoutes)(t),i?void(a=[e,t]):void o(e,t)});return(0,p.isPromise)(l)&&l.then(function(e){return o(null,(0,m.createRoutes)(e))},o),i=!1,a}function i(e,t,n,r,a){if(e.indexRoute)a(null,e.indexRoute);else if(e.getIndexRoute){var u={location:t,params:s(n,r)},l=e.getIndexRoute(u,function(e,t){a(e,!e&&(0,m.createRoutes)(t)[0])});(0,p.isPromise)(l)&&l.then(function(e){return a(null,(0,m.createRoutes)(e)[0])},a)}else if(e.childRoutes||e.getChildRoutes){var c=function(e,o){if(e)return void a(e);var s=o.filter(function(e){return!e.path});(0,f.loopAsync)(s.length,function(e,o,a){i(s[e],t,n,r,function(t,n){if(t||n){var r=[s[e]].concat(Array.isArray(n)?n:[n]);a(t,r)}else o()})},function(e,t){a(null,t)})},d=o(e,t,n,r,c);d&&c.apply(void 0,d)}else a()}function a(e,t,n){return t.reduce(function(e,t,r){var o=n&&n[r];return Array.isArray(e[t])?e[t].push(o):t in e?e[t]=[e[t],o]:e[t]=o,e},e)}function s(e,t){return a({},e,t)}function u(e,t,n,r,a,u){var c=e.path||"";if("/"===c.charAt(0)&&(n=t.pathname,r=[],a=[]),null!==n&&c){try{var f=(0,d.matchPattern)(c,n);f?(n=f.remainingPathname,r=[].concat(r,f.paramNames),a=[].concat(a,f.paramValues)):n=null}catch(p){u(p)}if(""===n){var h={routes:[e],params:s(r,a)};return void i(e,t,r,a,function(e,t){if(e)u(e);else{if(Array.isArray(t)){var n;(0,v["default"])(t.every(function(e){return!e.path}),"Index routes should not have paths"),(n=h.routes).push.apply(n,t)}else t&&((0,v["default"])(!t.path,"Index routes should not have paths"),h.routes.push(t));u(null,h)}})}}if(null!=n||e.childRoutes){var m=function(o,i){o?u(o):i?l(i,t,function(t,n){t?u(t):n?(n.routes.unshift(e),u(null,n)):u()},n,r,a):u()},y=o(e,t,r,a,m);y&&m.apply(void 0,y)}else u()}function l(e,t,n,r){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:[];void 0===r&&("/"!==t.pathname.charAt(0)&&(t=c({},t,{pathname:"/"+t.pathname})),r=t.pathname),(0,f.loopAsync)(e.length,function(n,a,s){u(e[n],t,r,o,i,function(e,t){e||t?s(e,t):a()})},n)}t.__esModule=!0;var c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};t["default"]=l;var f=n(14),p=n(25),d=n(8),h=n(9),v=r(h),m=n(4)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return e.displayName||e.name||"Component"}function i(e,t){var n=t&&t.withRef,r=(0,p["default"])({displayName:"WithRouter",mixins:[(0,v.ContextSubscriber)("router")],contextTypes:{router:m.routerShape},propTypes:{router:m.routerShape},getWrappedInstance:function(){return n?void 0:(0,u["default"])(!1,"To access the wrapped instance, you need to specify `{ withRef: true }` as the second argument of the withRouter() call."),this.wrappedInstance},render:function(){var t=this,r=this.props.router||this.context.router;if(!r)return c["default"].createElement(e,this.props);var o=r.params,i=r.location,s=r.routes,u=a({},this.props,{router:r,params:o,location:i,routes:s});return n&&(u.ref=function(e){t.wrappedInstance=e}),c["default"].createElement(e,u)}});return r.displayName="withRouter("+o(e)+")",r.WrappedComponent=e,(0,h["default"])(r,e)}t.__esModule=!0;var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};t["default"]=i;var s=n(1),u=r(s),l=n(7),c=r(l),f=n(3),p=r(f),d=n(62),h=r(d),v=n(15),m=n(16)},function(e,t,n){"use strict";function r(e){return e}function o(e,t,n){function o(e,t,n){for(var r in t)t.hasOwnProperty(r)&&l("function"==typeof t[r],"%s: %s type `%s` is invalid; it must be a function, usually from React.PropTypes.",e.displayName||"ReactClass",i[n],r)}function f(e,t){var n=w.hasOwnProperty(t)?w[t]:null;E.hasOwnProperty(t)&&u("OVERRIDE_BASE"===n,"ReactClassInterface: You are attempting to override `%s` from your class specification. Ensure that your method names do not overlap with React methods.",t),e&&u("DEFINE_MANY"===n||"DEFINE_MANY_MERGED"===n,"ReactClassInterface: You are attempting to define `%s` on your component more than once. This conflict may be due to a mixin.",t)}function p(e,n){if(!n){var r=typeof n,o="object"===r&&null!==n;return void l(o,"%s: You're attempting to include a mixin that is either null or not an object. Check the mixins included by the component, as well as any mixins they include themselves. Expected object but got %s.",e.displayName||"ReactClass",null===n?null:r)}u("function"!=typeof n,"ReactClass: You're attempting to use a component class or function as a mixin. Instead, just use a regular object."),u(!t(n),"ReactClass: You're attempting to use a component as a mixin. Instead, just use a regular object.");var i=e.prototype,a=i.__reactAutoBindPairs;n.hasOwnProperty(c)&&x.mixins(e,n.mixins);for(var s in n)if(n.hasOwnProperty(s)&&s!==c){var p=n[s],d=i.hasOwnProperty(s);if(f(d,s),x.hasOwnProperty(s))x[s](e,p);else{var h=w.hasOwnProperty(s),y="function"==typeof p,g=y&&!h&&!d&&n.autobind!==!1;if(g)a.push(s,p),i[s]=p;else if(d){var b=w[s];u(h&&("DEFINE_MANY_MERGED"===b||"DEFINE_MANY"===b),"ReactClass: Unexpected spec policy %s for key %s when mixing in component specs.",b,s),"DEFINE_MANY_MERGED"===b?i[s]=v(i[s],p):"DEFINE_MANY"===b&&(i[s]=m(i[s],p))}else i[s]=p,"function"==typeof p&&n.displayName&&(i[s].displayName=n.displayName+"_"+s)}}}function d(e,t){if(t)for(var n in t){var r=t[n];if(t.hasOwnProperty(n)){var o=n in x;u(!o,'ReactClass: You are attempting to define a reserved property, `%s`, that shouldn\'t be on the "statics" key. Define it as an instance property instead; it will still be accessible on the constructor.',n);var i=n in e;u(!i,"ReactClass: You are attempting to define `%s` on your component more than once. This conflict may be due to a mixin.",n),e[n]=r}}}function h(e,t){u(e&&t&&"object"==typeof e&&"object"==typeof t,"mergeIntoWithNoDuplicateKeys(): Cannot merge non-objects.");for(var n in t)t.hasOwnProperty(n)&&(u(void 0===e[n],"mergeIntoWithNoDuplicateKeys(): Tried to merge two objects with the same key: `%s`. This conflict may be due to a mixin; in particular, this may be caused by two getInitialState() or getDefaultProps() methods returning objects with clashing keys.",n),e[n]=t[n]);return e}function v(e,t){return function(){var n=e.apply(this,arguments),r=t.apply(this,arguments);if(null==n)return r;if(null==r)return n;var o={};return h(o,n),h(o,r),o}}function m(e,t){return function(){e.apply(this,arguments),t.apply(this,arguments)}}function y(e,t){var n=t.bind(e);n.__reactBoundContext=e,n.__reactBoundMethod=t,n.__reactBoundArguments=null;var r=e.constructor.displayName,o=n.bind;return n.bind=function(i){for(var a=arguments.length,s=Array(a>1?a-1:0),u=1;u<a;u++)s[u-1]=arguments[u];if(i!==e&&null!==i)l(!1,"bind(): React component methods may only be bound to the component instance. See %s",r);else if(!s.length)return l(!1,"bind(): You are binding a component method to the component. React does this for you automatically in a high-performance way, so you can safely remove this call. See %s",r),n;var c=o.apply(n,arguments);return c.__reactBoundContext=e,c.__reactBoundMethod=t,c.__reactBoundArguments=s,c},n}function g(e){for(var t=e.__reactAutoBindPairs,n=0;n<t.length;n+=2){var r=t[n],o=t[n+1];e[r]=y(e,o)}}function b(e){var t=r(function(e,r,o){l(this instanceof t,"Something is calling a React component directly. Use a factory or JSX instead. See: https://fb.me/react-legacyfactory"),this.__reactAutoBindPairs.length&&g(this),this.props=e,this.context=r,this.refs=s,this.updater=o||n,this.state=null;var i=this.getInitialState?this.getInitialState():null;void 0===i&&this.getInitialState._isMockFunction&&(i=null),u("object"==typeof i&&!Array.isArray(i),"%s.getInitialState(): must return an object or null",t.displayName||"ReactCompositeComponent"),this.state=i});t.prototype=new S,t.prototype.constructor=t,t.prototype.__reactAutoBindPairs=[],_.forEach(p.bind(null,t)),p(t,C),p(t,e),t.getDefaultProps&&(t.defaultProps=t.getDefaultProps()),t.getDefaultProps&&(t.getDefaultProps.isReactClassApproved={}),t.prototype.getInitialState&&(t.prototype.getInitialState.isReactClassApproved={}),u(t.prototype.render,"createClass(...): Class specification must implement a `render` method."),l(!t.prototype.componentShouldUpdate,"%s has a method called componentShouldUpdate(). Did you mean shouldComponentUpdate()? The name is phrased as a question because the function is expected to return a value.",e.displayName||"A component"),l(!t.prototype.componentWillRecieveProps,"%s has a method called componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",e.displayName||"A component");for(var o in w)t.prototype[o]||(t.prototype[o]=null);return t}var _=[],w={mixins:"DEFINE_MANY",statics:"DEFINE_MANY",propTypes:"DEFINE_MANY",contextTypes:"DEFINE_MANY",childContextTypes:"DEFINE_MANY",getDefaultProps:"DEFINE_MANY_MERGED",getInitialState:"DEFINE_MANY_MERGED",getChildContext:"DEFINE_MANY_MERGED",render:"DEFINE_ONCE",componentWillMount:"DEFINE_MANY",componentDidMount:"DEFINE_MANY",componentWillReceiveProps:"DEFINE_MANY",shouldComponentUpdate:"DEFINE_ONCE",componentWillUpdate:"DEFINE_MANY",componentDidUpdate:"DEFINE_MANY",componentWillUnmount:"DEFINE_MANY",updateComponent:"OVERRIDE_BASE"},x={displayName:function(e,t){e.displayName=t},mixins:function(e,t){if(t)for(var n=0;n<t.length;n++)p(e,t[n])},childContextTypes:function(e,t){o(e,t,"childContext"),e.childContextTypes=a({},e.childContextTypes,t)},contextTypes:function(e,t){o(e,t,"context"),e.contextTypes=a({},e.contextTypes,t)},getDefaultProps:function(e,t){e.getDefaultProps?e.getDefaultProps=v(e.getDefaultProps,t):e.getDefaultProps=t},propTypes:function(e,t){o(e,t,"prop"),e.propTypes=a({},e.propTypes,t)},statics:function(e,t){d(e,t)},autobind:function(){}},C={componentDidMount:function(){this.__isMounted=!0},componentWillUnmount:function(){this.__isMounted=!1}},E={replaceState:function(e,t){this.updater.enqueueReplaceState(this,e,t)},isMounted:function(){return l(this.__didWarnIsMounted,"%s: isMounted is deprecated. Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks.",this.constructor&&this.constructor.displayName||this.name||"Component"),this.__didWarnIsMounted=!0,!!this.__isMounted}},S=function(){};return a(S.prototype,e.prototype,E),b}var i,a=n(36),s=n(55),u=n(18),l=n(19),c="mixins";i={prop:"prop",context:"context",childContext:"child context"},e.exports=o},function(e,t,n){"use strict";var r={};Object.freeze(r),e.exports=r},function(e,t){"use strict";t.__esModule=!0;t.loopAsync=function(e,t,n){var r=0,o=!1,i=!1,a=!1,s=void 0,u=function(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return o=!0,i?void(s=t):void n.apply(void 0,t)},l=function c(){if(!o&&(a=!0,!i)){for(i=!0;!o&&r<e&&a;)a=!1,t(r++,c,u);return i=!1,o?void n.apply(void 0,s):void(r>=e&&a&&(o=!0,n()))}};l()}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.replaceLocation=t.pushLocation=t.startListener=t.getCurrentLocation=t.go=t.getUserConfirmation=void 0;var o=n(20);Object.defineProperty(t,"getUserConfirmation",{enumerable:!0,get:function(){return o.getUserConfirmation}}),Object.defineProperty(t,"go",{enumerable:!0,get:function(){return o.go}});var i=n(6),a=r(i),s=n(10),u=n(13),l=n(33),c=n(5),f="hashchange",p=function(){var e=window.location.href,t=e.indexOf("#");return t===-1?"":e.substring(t+1)},d=function(e){return window.location.hash=e},h=function(e){var t=window.location.href.indexOf("#");window.location.replace(window.location.href.slice(0,t>=0?t:0)+"#"+e)},v=t.getCurrentLocation=function(e,t){var n=e.decodePath(p()),r=(0,c.getQueryStringValueFromPath)(n,t),o=void 0;r&&(n=(0,c.stripQueryStringValueFromPath)(n,t),o=(0,l.readState)(r));var i=(0,c.parsePath)(n);return i.state=o,(0,s.createLocation)(i,void 0,r)},m=void 0,y=(t.startListener=function(e,t,n){var r=function(){var r=p(),o=t.encodePath(r);if(r!==o)h(o);else{var i=v(t,n);if(m&&i.key&&m.key===i.key)return;m=i,e(i)}},o=p(),i=t.encodePath(o);return o!==i&&h(i),(0,u.addEventListener)(window,f,r),function(){return(0,u.removeEventListener)(window,f,r)}},function(e,t,n,r){var o=e.state,i=e.key,a=t.encodePath((0,c.createPath)(e));void 0!==o&&(a=(0,c.addQueryStringValueToPath)(a,n,i),(0,l.saveState)(i,o)),m=e,r(a)});t.pushLocation=function(e,t,n){return y(e,t,n,function(e){p()!==e?d(e):(0,a["default"])(!1,"You cannot PUSH the same path using hash history")})},t.replaceLocation=function(e,t,n){return y(e,t,n,function(e){p()!==e&&h(e)})}},function(e,t,n){"use strict";t.__esModule=!0,t.replaceLocation=t.pushLocation=t.getCurrentLocation=t.go=t.getUserConfirmation=void 0;var r=n(20);Object.defineProperty(t,"getUserConfirmation",{enumerable:!0,get:function(){return r.getUserConfirmation}}),Object.defineProperty(t,"go",{enumerable:!0,get:function(){return r.go}});var o=n(10),i=n(5);t.getCurrentLocation=function(){return(0,o.createLocation)(window.location)},t.pushLocation=function(e){return window.location.href=(0,i.createPath)(e),!1},t.replaceLocation=function(e){return window.location.replace((0,i.createPath)(e)),!1}},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=n(1),s=o(a),u=n(21),l=n(20),c=r(l),f=n(58),p=r(f),d=n(13),h=n(22),v=o(h),m=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};u.canUseDOM?void 0:(0,s["default"])(!1,"Browser history needs a DOM");var t=e.forceRefresh||!(0,d.supportsHistory)(),n=t?p:c,r=n.getUserConfirmation,o=n.getCurrentLocation,a=n.pushLocation,l=n.replaceLocation,f=n.go,h=(0,v["default"])(i({getUserConfirmation:r},e,{getCurrentLocation:o,pushLocation:a,replaceLocation:l,go:f})),m=0,y=void 0,g=function(e,t){1===++m&&(y=c.startListener(h.transitionTo));var n=t?h.listenBefore(e):h.listen(e);return function(){n(),0===--m&&y()}},b=function(e){return g(e,!0)},_=function(e){return g(e,!1)};return i({},h,{listenBefore:b,listen:_})};t["default"]=m},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=n(6),s=o(a),u=n(1),l=o(u),c=n(21),f=n(13),p=n(57),d=r(p),h=n(22),v=o(h),m="_k",y=function(e){return"/"===e.charAt(0)?e:"/"+e},g={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!"+e},decodePath:function(e){return"!"===e.charAt(0)?e.substring(1):e}},noslash:{encodePath:function(e){return"/"===e.charAt(0)?e.substring(1):e},decodePath:y},slash:{encodePath:y,decodePath:y}},b=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};c.canUseDOM?void 0:(0,l["default"])(!1,"Hash history needs a DOM");var t=e.queryKey,n=e.hashType;(0,s["default"])(t!==!1,"Using { queryKey: false } no longer works. Instead, just don't use location state if you don't want a key in your URL query string"),"string"!=typeof t&&(t=m),null==n&&(n="slash"),n in g||((0,s["default"])(!1,"Invalid hash type: %s",n),n="slash");var r=g[n],o=d.getUserConfirmation,a=function(){return d.getCurrentLocation(r,t)},u=function(e){return d.pushLocation(e,r,t)},p=function(e){return d.replaceLocation(e,r,t)},h=(0,v["default"])(i({getUserConfirmation:o},e,{getCurrentLocation:a,pushLocation:u,replaceLocation:p,go:d.go})),y=0,b=void 0,_=function(e,n){1===++y&&(b=d.startListener(h.transitionTo,r,t));var o=n?h.listenBefore(e):h.listen(e);return function(){o(),0===--y&&b()}},w=function(e){return _(e,!0)},x=function(e){return _(e,!1)},C=(0,f.supportsGoWithoutReloadUsingHash)(),E=function(e){(0,s["default"])(C,"Hash history go(n) causes a full page reload in this browser"),h.go(e)},S=function(e){return"#"+r.encodePath(h.createHref(e))};return i({},h,{listenBefore:w,listen:x,go:E,createHref:S})};t["default"]=b},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(6),a=r(i),s=n(1),u=r(s),l=n(10),c=n(5),f=n(22),p=r(f),d=n(12),h=function(e){return e.filter(function(e){return e.state}).reduce(function(e,t){return e[t.key]=t.state,e},{})},v=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Array.isArray(e)?e={entries:e}:"string"==typeof e&&(e={entries:[e]});var t=function(){var e=m[y],t=(0,c.createPath)(e),n=void 0,r=void 0;e.key&&(n=e.key,r=_(n));var i=(0,c.parsePath)(t);return(0,l.createLocation)(o({},i,{state:r}),void 0,n)},n=function(e){var t=y+e;return t>=0&&t<m.length},r=function(e){if(e){if(!n(e))return void(0,a["default"])(!1,"Cannot go(%s) there is not enough history",e);y+=e;var r=t();f.transitionTo(o({},r,{action:d.POP}))}},i=function(e){y+=1,y<m.length&&m.splice(y),m.push(e),b(e.key,e.state)},s=function(e){m[y]=e,b(e.key,e.state)},f=(0,p["default"])(o({},e,{getCurrentLocation:t,pushLocation:i,replaceLocation:s,go:r})),v=e,m=v.entries,y=v.current;"string"==typeof m?m=[m]:Array.isArray(m)||(m=["/"]),m=m.map(function(e){return(0,l.createLocation)(e)}),null==y?y=m.length-1:y>=0&&y<m.length?void 0:(0,u["default"])(!1,"Current index must be >= 0 and < %s, was %s",m.length,y);var g=h(m),b=function(e,t){return g[e]=t},_=function(e){return g[e]};return o({},f,{canGo:n})};t["default"]=v},function(e,t){"use strict";var n={childContextTypes:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,mixins:!0,propTypes:!0,type:!0},r={name:!0,length:!0,prototype:!0,caller:!0,arguments:!0,arity:!0},o="function"==typeof Object.getOwnPropertySymbols;e.exports=function(e,t,i){if("string"!=typeof t){var a=Object.getOwnPropertyNames(t);o&&(a=a.concat(Object.getOwnPropertySymbols(t)));for(var s=0;s<a.length;++s)if(!(n[a[s]]||r[a[s]]||i&&i[a[s]]))try{e[a[s]]=t[a[s]]}catch(u){}}return e}},function(e,t,n){"use strict";function r(e,t,n,r,u){for(var l in e)if(e.hasOwnProperty(l)){var c;try{o("function"==typeof e[l],"%s: %s type `%s` is invalid; it must be a function, usually from React.PropTypes.",r||"React class",n,l),c=e[l](t,l,r,n,null,a)}catch(f){c=f}if(i(!c||c instanceof Error,"%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",r||"React class",n,l,typeof c),c instanceof Error&&!(c.message in s)){s[c.message]=!0;var p=u?u():"";i(!1,"Failed %s type: %s%s",n,c.message,null!=p?p:"")}}}var o=n(18),i=n(19),a=n(37),s={};e.exports=r},function(e,t,n){"use strict";var r=n(32),o=(n(18),n(19)),i=n(37),a=n(63);e.exports=function(e){function t(e){var t=e&&(S&&e[S]||e[O]);
+if("function"==typeof t)return t}function n(e,t){return e===t?0!==e||1/e===1/t:e!==e&&t!==t}function s(e){this.message=e,this.stack=""}function u(e){function t(t,r,a,u,l,c,f){if(u=u||P,c=c||a,f!==i&&"undefined"!=typeof console){var p=u+":"+a;n[p]||(o(!1,"You are manually calling a React.PropTypes validation function for the `%s` prop on `%s`. This is deprecated and will not work in production with the next major version. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details.",c,u),n[p]=!0)}return null==r[a]?t?new s(null===r[a]?"The "+l+" `"+c+"` is marked as required "+("in `"+u+"`, but its value is `null`."):"The "+l+" `"+c+"` is marked as required in "+("`"+u+"`, but its value is `undefined`.")):null:e(r,a,u,l,c)}var n={},r=t.bind(null,!1);return r.isRequired=t.bind(null,!0),r}function l(e){function t(t,n,r,o,i,a){var u=t[n],l=w(u);if(l!==e){var c=x(u);return new s("Invalid "+o+" `"+i+"` of type "+("`"+c+"` supplied to `"+r+"`, expected ")+("`"+e+"`."))}return null}return u(t)}function c(){return u(r.thatReturnsNull)}function f(e){function t(t,n,r,o,a){if("function"!=typeof e)return new s("Property `"+a+"` of component `"+r+"` has invalid PropType notation inside arrayOf.");var u=t[n];if(!Array.isArray(u)){var l=w(u);return new s("Invalid "+o+" `"+a+"` of type "+("`"+l+"` supplied to `"+r+"`, expected an array."))}for(var c=0;c<u.length;c++){var f=e(u,c,r,o,a+"["+c+"]",i);if(f instanceof Error)return f}return null}return u(t)}function p(){function t(t,n,r,o,i){var a=t[n];if(!e(a)){var u=w(a);return new s("Invalid "+o+" `"+i+"` of type "+("`"+u+"` supplied to `"+r+"`, expected a single ReactElement."))}return null}return u(t)}function d(e){function t(t,n,r,o,i){if(!(t[n]instanceof e)){var a=e.name||P,u=C(t[n]);return new s("Invalid "+o+" `"+i+"` of type "+("`"+u+"` supplied to `"+r+"`, expected ")+("instance of `"+a+"`."))}return null}return u(t)}function h(e){function t(t,r,o,i,a){for(var u=t[r],l=0;l<e.length;l++)if(n(u,e[l]))return null;var c=JSON.stringify(e);return new s("Invalid "+i+" `"+a+"` of value `"+u+"` "+("supplied to `"+o+"`, expected one of "+c+"."))}return Array.isArray(e)?u(t):(o(!1,"Invalid argument supplied to oneOf, expected an instance of array."),r.thatReturnsNull)}function v(e){function t(t,n,r,o,a){if("function"!=typeof e)return new s("Property `"+a+"` of component `"+r+"` has invalid PropType notation inside objectOf.");var u=t[n],l=w(u);if("object"!==l)return new s("Invalid "+o+" `"+a+"` of type "+("`"+l+"` supplied to `"+r+"`, expected an object."));for(var c in u)if(u.hasOwnProperty(c)){var f=e(u,c,r,o,a+"."+c,i);if(f instanceof Error)return f}return null}return u(t)}function m(e){function t(t,n,r,o,a){for(var u=0;u<e.length;u++){var l=e[u];if(null==l(t,n,r,o,a,i))return null}return new s("Invalid "+o+" `"+a+"` supplied to "+("`"+r+"`."))}return Array.isArray(e)?u(t):(o(!1,"Invalid argument supplied to oneOfType, expected an instance of array."),r.thatReturnsNull)}function y(){function e(e,t,n,r,o){return b(e[t])?null:new s("Invalid "+r+" `"+o+"` supplied to "+("`"+n+"`, expected a ReactNode."))}return u(e)}function g(e){function t(t,n,r,o,a){var u=t[n],l=w(u);if("object"!==l)return new s("Invalid "+o+" `"+a+"` of type `"+l+"` "+("supplied to `"+r+"`, expected `object`."));for(var c in e){var f=e[c];if(f){var p=f(u,c,r,o,a+"."+c,i);if(p)return p}}return null}return u(t)}function b(n){switch(typeof n){case"number":case"string":case"undefined":return!0;case"boolean":return!n;case"object":if(Array.isArray(n))return n.every(b);if(null===n||e(n))return!0;var r=t(n);if(!r)return!1;var o,i=r.call(n);if(r!==n.entries){for(;!(o=i.next()).done;)if(!b(o.value))return!1}else for(;!(o=i.next()).done;){var a=o.value;if(a&&!b(a[1]))return!1}return!0;default:return!1}}function _(e,t){return"symbol"===e||("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}function w(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":_(t,e)?"symbol":t}function x(e){var t=w(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function C(e){return e.constructor&&e.constructor.name?e.constructor.name:P}var E,S="function"==typeof Symbol&&Symbol.iterator,O="@@iterator",P="<<anonymous>>";return E={array:l("array"),bool:l("boolean"),func:l("function"),number:l("number"),object:l("object"),string:l("string"),symbol:l("symbol"),any:c(),arrayOf:f,element:p(),instanceOf:d,node:y(),objectOf:v,oneOf:h,oneOfType:m,shape:g},s.prototype=Error.prototype,E.checkPropTypes=a,E.PropTypes=E,E}},function(e,t,n){"use strict";function r(e){switch(e.arrayFormat){case"index":return function(t,n,r){return null===n?[i(t,e),"[",r,"]"].join(""):[i(t,e),"[",i(r,e),"]=",i(n,e)].join("")};case"bracket":return function(t,n){return null===n?i(t,e):[i(t,e),"[]=",i(n,e)].join("")};default:return function(t,n){return null===n?i(t,e):[i(t,e),"=",i(n,e)].join("")}}}function o(e){var t;switch(e.arrayFormat){case"index":return function(e,n,r){return t=/\[(\d*)\]$/.exec(e),e=e.replace(/\[\d*\]$/,""),t?(void 0===r[e]&&(r[e]={}),void(r[e][t[1]]=n)):void(r[e]=n)};case"bracket":return function(e,n,r){return t=/(\[\])$/.exec(e),e=e.replace(/\[\]$/,""),t&&void 0!==r[e]?void(r[e]=[].concat(r[e],n)):void(r[e]=n)};default:return function(e,t,n){return void 0===n[e]?void(n[e]=t):void(n[e]=[].concat(n[e],t))}}}function i(e,t){return t.encode?t.strict?s(e):encodeURIComponent(e):e}function a(e){return Array.isArray(e)?e.sort():"object"==typeof e?a(Object.keys(e)).sort(function(e,t){return Number(e)-Number(t)}).map(function(t){return e[t]}):e}var s=n(66),u=n(36);t.extract=function(e){return e.split("?")[1]||""},t.parse=function(e,t){t=u({arrayFormat:"none"},t);var n=o(t),r=Object.create(null);return"string"!=typeof e?r:(e=e.trim().replace(/^(\?|#|&)/,""))?(e.split("&").forEach(function(e){var t=e.replace(/\+/g," ").split("="),o=t.shift(),i=t.length>0?t.join("="):void 0;i=void 0===i?null:decodeURIComponent(i),n(decodeURIComponent(o),i,r)}),Object.keys(r).sort().reduce(function(e,t){var n=r[t];return Boolean(n)&&"object"==typeof n&&!Array.isArray(n)?e[t]=a(n):e[t]=n,e},Object.create(null))):r},t.stringify=function(e,t){var n={encode:!0,strict:!0,arrayFormat:"none"};t=u(n,t);var o=r(t);return e?Object.keys(e).sort().map(function(n){var r=e[n];if(void 0===r)return"";if(null===r)return i(n,t);if(Array.isArray(r)){var a=[];return r.slice().forEach(function(e){void 0!==e&&a.push(o(n,e,a.length))}),a.join("&")}return i(n,t)+"="+i(r,t)}).filter(function(e){return e.length>0}).join("&"):""}},function(e,t){"use strict";e.exports=function(e){return encodeURIComponent(e).replace(/[!'()*]/g,function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})}}])})},function(e,t){"use strict";t.__esModule=!0;t.PUSH="PUSH",t.REPLACE="REPLACE",t.POP="POP"},function(e,t){"use strict";t.__esModule=!0;t.canUseDOM=!("undefined"==typeof window||!window.document||!window.document.createElement)},function(e,t){(function(t){function n(e,t,n){function o(t){var n=v,r=m;return v=m=void 0,E=t,g=e.apply(r,n)}function i(e){return E=e,b=setTimeout(c,t),S?o(e):g}function u(e){var n=e-C,r=e-E,o=t-n;return O?w(o,y-r):o}function l(e){var n=e-C,r=e-E;return void 0===C||n>=t||n<0||O&&r>=y}function c(){var e=x();return l(e)?f(e):void(b=setTimeout(c,u(e)))}function f(e){return b=void 0,P&&v?o(e):(v=m=void 0,g)}function p(){void 0!==b&&clearTimeout(b),E=0,v=C=m=b=void 0}function d(){return void 0===b?g:f(x())}function h(){var e=x(),n=l(e);if(v=arguments,m=this,C=e,n){if(void 0===b)return i(C);if(O)return b=setTimeout(c,t),o(C)}return void 0===b&&(b=setTimeout(c,t)),g}var v,m,y,g,b,C,E=0,S=!1,O=!1,P=!0;if("function"!=typeof e)throw new TypeError(s);return t=a(t)||0,r(n)&&(S=!!n.leading,O="maxWait"in n,y=O?_(a(n.maxWait)||0,t):y,P="trailing"in n?!!n.trailing:P),h.cancel=p,h.flush=d,h}function r(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function o(e){return!!e&&"object"==typeof e}function i(e){return"symbol"==typeof e||o(e)&&b.call(e)==l}function a(e){if("number"==typeof e)return e;if(i(e))return u;if(r(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=r(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(c,"");var n=p.test(e);return n||d.test(e)?h(e.slice(2),n?2:8):f.test(e)?u:+e}var s="Expected a function",u=NaN,l="[object Symbol]",c=/^\s+|\s+$/g,f=/^[-+]0x[0-9a-f]+$/i,p=/^0b[01]+$/i,d=/^0o[0-7]+$/i,h=parseInt,v="object"==typeof t&&t&&t.Object===Object&&t,m="object"==typeof self&&self&&self.Object===Object&&self,y=v||m||Function("return this")(),g=Object.prototype,b=g.toString,_=Math.max,w=Math.min,x=function(){return y.Date.now()};e.exports=n}).call(t,function(){return this}())},function(e,t,n){"use strict";var r=n(1762),o=r.CopyToClipboard;e.exports=o},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Divider=t.ItemGroup=t.MenuItemGroup=t.MenuItem=t.Item=t.SubMenu=void 0;var o=n(1768),i=r(o),a=n(1771),s=r(a),u=n(1769),l=r(u),c=n(1770),f=r(c),p=n(1767),d=r(p);t.SubMenu=s["default"],t.Item=l["default"],t.MenuItem=l["default"],t.MenuItemGroup=f["default"],t.ItemGroup=f["default"],t.Divider=d["default"],t["default"]=i["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(e,t,n){var r=t||"";return e.key||r+"item_"+n}function a(e,t){var n=-1;l["default"].Children.forEach(e,function(e){n++,e&&e.type&&e.type.isMenuItemGroup?l["default"].Children.forEach(e.props.children,function(e){n++,t(e,n)}):t(e,n)})}function s(e,t,n){e&&!n.find&&l["default"].Children.forEach(e,function(e){if(!n.find&&e){var r=e.type;if(!r||!(r.isSubMenu||r.isMenuItem||r.isMenuItemGroup))return;t.indexOf(e.key)!==-1?n.find=!0:e.props.children&&s(e.props.children,t,n)}})}Object.defineProperty(t,"__esModule",{value:!0}),t.noop=o,t.getKeyFromChildrenIndex=i,t.loopMenuItem=a,t.loopMenuItemRecusively=s;var u=n(1),l=r(u)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r){var o=t&&t.antLocale&&t.antLocale[n]?t.antLocale[n]:r(),i=(0,s["default"])({},o,e.locale);return i.lang=(0,s["default"])({},o.lang,e.locale.lang),i}function i(e){var t=e.antLocale&&e.antLocale.locale;return e.antLocale&&e.antLocale.exist&&!t?"zh-cn":t}Object.defineProperty(t,"__esModule",{value:!0}),t.getComponentLocale=o,t.getLocaleCode=i;var a=n(11),s=r(a)},function(e,t){"use strict";function n(){var e=0;return function(t){var n=(new Date).getTime(),r=Math.max(0,16-(n-e)),o=window.setTimeout(function(){t(n+r)},r);return e=n+r,o}}function r(){if("undefined"==typeof window)return function(){};if(window.requestAnimationFrame)return window.requestAnimationFrame;var e=i.filter(function(e){return e+"RequestAnimationFrame"in window})[0];return e?window[e+"RequestAnimationFrame"]:n()}function o(e){if("undefined"==typeof window)return null;if(window.cancelAnimationFrame)return window.cancelAnimationFrame(e);var t=i.filter(function(e){return e+"CancelAnimationFrame"in window||e+"CancelRequestAnimationFrame"in window})[0];return t?(window[t+"CancelAnimationFrame"]||window[t+"CancelRequestAnimationFrame"]).call(this,e):clearTimeout(e)}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=r,t.cancelRequestAnimationFrame=o;var i=["moz","ms","webkit"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(497),i=r(o),a=n(1836),s=r(a),u=n(1837),l=r(u);i["default"].Group=s["default"],i["default"].Search=l["default"],t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Group=t.Button=void 0;var o=n(304),i=r(o),a=n(1861),s=r(a),u=n(1862),l=r(u);i["default"].Button=l["default"],i["default"].Group=s["default"],t.Button=l["default"],t.Group=s["default"],t["default"]=i["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(611),d=r(p),h=n(1725),v=n(1466),m=r(v),y=n(308),g=r(y),b=m["default"].apply(null,[.26,.09,.37,.18]),_=.5,w=-26,x=.55,C=10,E=function(e){function t(n){(0,i["default"])(this,t);var r=(0,s["default"])(this,e.call(this));return r.handleClick=function(){r.setState({displayColorPicker:!r.state.displayColorPicker})},r.handleClose=function(){r.setState({displayColorPicker:!1})},r.handleChange=function(e){r.setState({color:e.hex}),r.props.onChange(e.hex)},r.state={displayColorPicker:!1,color:n.color},r}return(0,l["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){this.setState({color:e.color})},t.prototype.render=function(){var e={color:{width:"120px",height:"24px",borderRadius:"2px",background:this.state.color},swatch:{padding:"5px",background:"#fff",borderRadius:"1px",boxShadow:"0 0 0 1px rgba(0,0,0,.1)",display:"inline-block",cursor:"pointer"},popover:{position:"absolute",zIndex:"2"},cover:{position:"fixed",top:"0px",right:"0px",bottom:"0px",left:"0px"},wrapper:{position:"inherit",zIndex:"100"}};return f["default"].createElement("div",null,f["default"].createElement("div",{style:e.swatch,onClick:this.handleClick},f["default"].createElement("div",{style:e.color})),this.state.displayColorPicker?f["default"].createElement("div",{style:e.popover},f["default"].createElement("div",{style:e.cover,onClick:this.handleClose}),f["default"].createElement("div",{style:e.wrapper},f["default"].createElement(h.ChromePicker,{color:this.state.color,onChange:this.handleChange}))):null)},t}(f["default"].Component),S=function(e){function t(){var n,r,o;(0,i["default"])(this,t);for(var a=arguments.length,u=Array(a),l=0;l<a;l++)u[l]=arguments[l];return n=r=(0,s["default"])(this,e.call.apply(e,[this].concat(u))),r.state={primaryColor:"#108ee9"},r.handleChangeColor=function(e){var t=e.target?e.target.value:e;r.setState({primaryColor:t})},o=n,(0,s["default"])(r,o)}return(0,l["default"])(t,e),t.prototype.getShadeColor=function(){var e=(0,d["default"])(this.state.primaryColor),t=void 0,n=void 0;return e.red()>e.blue()?(t=w,n=_):(t=C,n=x),e.darken(n).rotate(t).hexString()},t.prototype.renderColorPatterns=function(){for(var e=[],t=5,n=4,r=(0,d["default"])("#fff"),o=(0,d["default"])(this.state.primaryColor),i=(0,d["default"])(this.getShadeColor()),a=1,s=b(.1*(t+1)),u=1;u<=t;u+=1){var l=o.clone().mix(r,b(.1*u)/s).hexString();e.push(f["default"].createElement(g["default"],{color:l,index:a,key:"tint-"+u})),a+=1}for(var c=t+1;c<=t+n+1;c+=1){var p=o.clone().mix(i,1-(b(.1*c)-s)/(1-s)).hexString();e.push(f["default"].createElement(g["default"],{color:p,index:a,key:"shade-"+c})),a+=1}return e},t.prototype.render=function(){return f["default"].createElement("div",{className:"color-palette"},f["default"].createElement("div",{className:"color-palette-pick"},"\u9009\u62e9\u81ea\u5b9a\u4e49\u4e3b\u8272",f["default"].createElement("div",{className:"color-palette-picker"},f["default"].createElement("span",{style:{display:"inline-block"}},f["default"].createElement(E,{color:this.state.primaryColor,onChange:this.handleChangeColor})),f["default"].createElement("div",{className:"color-palette-picker-value"},this.state.primaryColor))),f["default"].createElement("div",{className:"main-color"},this.renderColorPatterns()))},t}(c.Component);t["default"]=S,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(195),d=r(p),h=n(3),v=function(e){var t=e.match(/\d+/g),n=parseInt(t[0],10).toString(16),r=parseInt(t[1],10).toString(16),o=parseInt(t[2],10).toString(16);return n=1===n.length?"0"+n:n,r=1===r.length?"0"+r:r,o=1===o.length?"0"+o:o,"#"+n+r+o},m=function(e){function t(){return(0,i["default"])(this,t),(0,s["default"])(this,e.apply(this,arguments))}return(0,l["default"])(t,e),t.prototype.componentDidMount=function(){var e=this;this.hexColors={},Object.keys(this.colorNodes).forEach(function(t){e.hexColors[t]=v(getComputedStyle(e.colorNodes[t])["background-color"])}),this.forceUpdate()},t.prototype.render=function(){var e=this;this.colorNodes=this.colorNodes||{};for(var t=this.props.color,n=t.name,r=t.description,o=[],i=function(t){var r=n+"-"+t;o.push(f["default"].createElement(d["default"],{text:e.hexColors?e.hexColors[r]:"",onCopy:function(){return h.message.success("@"+r+" copied: "+e.hexColors[r])},key:r},f["default"].createElement("div",{key:t,ref:function(r){e.colorNodes[n+"-"+t]=r},className:"main-color-item palatte-"+n+"-"+t,style:{color:t>5?"#fff":"unset",fontWeight:6===t?"bold":"normal"},title:"click to copy color"},r,e.hexColors?f["default"].createElement("span",{className:"main-color-value"},e.hexColors[r]):null)))},a=1;a<=10;a+=1)i(a);return f["default"].createElement("div",{className:"color-palette"},f["default"].createElement("div",{className:"color-title"},n,f["default"].createElement("span",{className:"color-description"},r)),f["default"].createElement("div",{className:"main-color"},o))},t}(c.Component),y=function(){var e=[{name:"red",description:"\u70ed\u60c5\u3001\u8b66\u793a"},{name:"green",description:"\u6210\u529f\u3001\u901a\u8fc7\u3001\u5b89\u5168"},{name:"blue",description:"\u4e13\u4e1a\u3001\u79d1\u6280"},{name:"pink",description:"\u5178\u96c5\u3001\u660e\u5feb\u3001\u5973\u6027"},{name:"orange",description:"\u9192\u76ee\u3001\u6e29\u6696"},{name:"purple",description:"\u9ad8\u96c5\u3001\u6d6a\u6f2b"},{name:"yellow",description:"\u6d3b\u529b\u3001\u63d0\u793a"},{name:"cyan",description:"\u6e05\u65b0\u3001\u51b7\u9759\u3001\u7ed3\u6784\u5316"},{name:"grey",description:"\u5e73\u7a33\u3001\u4e2d\u6027"}];return f["default"].createElement("div",null,e.map(function(e){return f["default"].createElement(m,{key:e.name,color:e})}))};t["default"]=y,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=e.props;if("value"in t)return t.value;if(e.key)return e.key;if(e.type&&e.type.isSelectOptGroup&&t.label)return t.label;throw new Error("no key or value or label(only for OptGroup) for "+e)}function i(e,t){return"value"===t?o(e):e.props[t]}function a(e){return e.combobox}function s(e){return e.multiple||e.tags}function u(e){return s(e)||a(e)}function l(e){return!u(e)}function c(e){var t=e;return void 0===e?t=[]:Array.isArray(e)||(t=[e]),t}function f(e){e.preventDefault()}function p(e,t){for(var n=-1,r=0;r<e.length;r++)if(e[r].key===t){n=r;break}return n}function d(e,t){for(var n=-1,r=0;r<e.length;r++)if(c(e[r].label).join("")===t){n=r;break}return n}function h(e,t){if(null===t||void 0===t)return[];var n=[];return b["default"].Children.forEach(e,function(e){if(e.type.isMenuItemGroup)n=n.concat(h(e.props.children,t));else{var r=o(e),i=e.key;p(t,r)!==-1&&i&&n.push(i)}}),n}function v(e){for(var t=0;t<e.length;t++){var n=e[t];if(n.type.isMenuItemGroup){var r=v(n.props.children);if(r)return r}else if(!n.props.disabled)return n}return null}function m(e,t){for(var n=0;n<t.length;++n)if(e.lastIndexOf(t[n])>0)return!0;return!1}function y(e,t){var n=new RegExp("["+t.join()+"]"),r=e.split(n);return""===r[0]&&r.shift(),""===r[r.length-1]&&r.pop(),r}Object.defineProperty(t,"__esModule",{value:!0}),t.UNSELECTABLE_ATTRIBUTE=t.UNSELECTABLE_STYLE=void 0,t.getValuePropValue=o,t.getPropValue=i,t.isCombobox=a,t.isMultipleOrTags=s,t.isMultipleOrTagsOrCombobox=u,t.isSingleMode=l,t.toArray=c,t.preventDefaultEvent=f,t.findIndexInValueByKey=p,t.findIndexInValueByLabel=d,t.getSelectKeys=h,t.findFirstMenuItem=v,t.includesSeparators=m,t.splitBySeparators=y;var g=n(1),b=r(g);t.UNSELECTABLE_STYLE={userSelect:"none",WebkitUserSelect:"none"},t.UNSELECTABLE_ATTRIBUTE={unselectable:"unselectable"}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}Object.defineProperty(t,"__esModule",{value:!0});var i=n(1),a=n(534),s=r(a);t["default"]={propTypes:{className:i.PropTypes.string,locale:i.PropTypes.object,style:i.PropTypes.object,visible:i.PropTypes.bool,onSelect:i.PropTypes.func,prefixCls:i.PropTypes.string,onChange:i.PropTypes.func,onOk:i.PropTypes.func},getDefaultProps:function(){return{locale:s["default"],style:{},visible:!0,prefixCls:"rc-calendar",className:"",onSelect:o,onChange:o,onClear:o,renderFooter:function(){return null},renderSidebar:function(){return null}}},shouldComponentUpdate:function(e){return this.props.visible||e.visible},getFormat:function(){var e=this.props.format,t=this.props,n=t.locale,r=t.timePicker;return e||(e=r?n.dateTimeFormat:n.dateFormat),e},focus:function(){this.refs.root&&this.refs.root.focus()}},e.exports=t["default"]},function(e,t,n){"use strict";var r=n(22),o=r.Map,i=n(1),a=n(136),s=i.createElement("ul",{className:a("public/DraftStyleDefault/ul")}),u=i.createElement("ol",{className:a("public/DraftStyleDefault/ol")}),l=i.createElement("pre",{className:a("public/DraftStyleDefault/pre")}),c=o({"header-one":{element:"h1"},"header-two":{element:"h2"},"header-three":{element:"h3"},"header-four":{element:"h4"},"header-five":{element:"h5"},"header-six":{element:"h6"},"unordered-list-item":{element:"li",wrapper:s},"ordered-list-item":{element:"li",wrapper:u},blockquote:{element:"blockquote"},atomic:{element:"figure"},"code-block":{element:"pre",wrapper:l},unstyled:{element:"div",aliasedElements:["p"]}});e.exports=c},function(e,t,n){"use strict";var r=n(64),o=r.isPlatform("Mac OS X"),i={isCtrlKeyCommand:function(e){return!!e.ctrlKey&&!e.altKey},isOptionKeyCommand:function(e){return o&&e.altKey},hasCommandModifier:function(e){return o?!!e.metaKey&&!e.altKey:i.isCtrlKeyCommand(e)}};e.exports=i},function(e,t,n){"use strict";function r(e){for(var t=e;t&&t!==document.documentElement;){var n=o(t);if(null!=n)return n;t=t.parentNode}return null}var o=n(340);e.exports=r},function(e,t){"use strict";function n(e,t){var n;if(t.isCollapsed()){var o=t.getAnchorKey(),i=t.getAnchorOffset();return i>0?(n=e.getBlockForKey(o).getEntityAt(i-1),r(e.getEntityMap(),n)):null}var a=t.getStartKey(),s=t.getStartOffset(),u=e.getBlockForKey(a);return n=s===u.getLength()?null:u.getEntityAt(s),r(e.getEntityMap(),n)}function r(e,t){if(t){var n=e.__get(t);return"MUTABLE"===n.getMutability()?t:null}return null}e.exports=n},function(e,t){"use strict";function n(e,t){var n=e.getSelection(),r=e.getCurrentContent(),o=n.getStartKey(),i=n.getStartOffset(),a=o,s=0;if(t>i){var u=r.getKeyBefore(o);if(null==u)a=o;else{a=u;var l=r.getBlockForKey(u);s=l.getText().length}}else s=i-t;return n.merge({focusKey:a,focusOffset:s,isBackward:!0})}e.exports=n},function(e,t){"use strict";function n(e){return e.replace(r,"")}var r=new RegExp("\r","g");e.exports=n},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(1),a=r(i),s=n(2),u=r(s),l=n(349),c=n(11),f=r(c),p={initialize:function(e){var t,n=u["default"].findDOMNode(this.list),r=a["default"].Children.count(e.children),o=this.getWidth(n),i=this.getWidth(u["default"].findDOMNode(this.track));if(e.vertical)t=this.getWidth(u["default"].findDOMNode(this));else{var s=e.centerMode&&2*parseInt(e.centerPadding);t=(this.getWidth(u["default"].findDOMNode(this))-s)/e.slidesToShow}var c=this.getHeight(n.querySelector('[data-index="0"]')),p=c*e.slidesToShow,d=e.rtl?r-1-e.initialSlide:e.initialSlide;this.setState({slideCount:r,slideWidth:t,listWidth:o,trackWidth:i,currentSlide:d,slideHeight:c,listHeight:p},function(){var t=(0,l.getTrackLeft)((0,f["default"])({slideIndex:this.state.currentSlide,trackRef:this.track},e,this.state)),n=(0,l.getTrackCSS)((0,f["default"])({left:t},e,this.state));this.setState({trackStyle:n}),this.autoPlay()})},update:function(e){var t,n=u["default"].findDOMNode(this.list),r=a["default"].Children.count(e.children),o=this.getWidth(n),i=this.getWidth(u["default"].findDOMNode(this.track));if(e.vertical)t=this.getWidth(u["default"].findDOMNode(this));else{var s=e.centerMode&&2*parseInt(e.centerPadding);t=(this.getWidth(u["default"].findDOMNode(this))-s)/e.slidesToShow}var c=this.getHeight(n.querySelector('[data-index="0"]')),p=c*e.slidesToShow;e.autoplay?this.pause():this.autoPlay(),this.setState({slideCount:r,slideWidth:t,listWidth:o,trackWidth:i,slideHeight:c,listHeight:p},function(){var t=(0,l.getTrackLeft)((0,f["default"])({slideIndex:this.state.currentSlide,trackRef:this.track},e,this.state)),n=(0,l.getTrackCSS)((0,f["default"])({left:t},e,this.state));this.setState({trackStyle:n})})},getWidth:function(e){return e.getBoundingClientRect().width||e.offsetWidth||0},getHeight:function(e){return e.getBoundingClientRect().height||e.offsetHeight||0},adaptHeight:function(){if(this.props.adaptiveHeight){var e='[data-index="'+this.state.currentSlide+'"]';if(this.list){var t=u["default"].findDOMNode(this.list);t.style.height=t.querySelector(e).offsetHeight+"px"}}},canGoNext:function(e){var t=!0;return e.infinite||(e.centerMode?e.currentSlide>=e.slideCount-1&&(t=!1):(e.slideCount<=e.slidesToShow||e.currentSlide>=e.slideCount-e.slidesToShow)&&(t=!1)),t},slideHandler:function(e){var t,n,r,o,i,a=this;if(!this.props.waitForAnimate||!this.state.animating){if(this.props.fade){if(n=this.state.currentSlide,this.props.infinite===!1&&(e<0||e>=this.state.slideCount))return;return t=e<0?e+this.state.slideCount:e>=this.state.slideCount?e-this.state.slideCount:e,this.props.lazyLoad&&this.state.lazyLoadedList.indexOf(t)<0&&this.setState({lazyLoadedList:this.state.lazyLoadedList.concat(t)}),i=function(){a.setState({animating:!1}),a.props.afterChange&&a.props.afterChange(t),delete a.animationEndCallback},this.setState({animating:!0,currentSlide:t},function(){this.animationEndCallback=setTimeout(i,this.props.speed)}),this.props.beforeChange&&this.props.beforeChange(this.state.currentSlide,t),void this.autoPlay()}if(t=e,n=t<0?this.props.infinite===!1?0:this.state.slideCount%this.props.slidesToScroll!==0?this.state.slideCount-this.state.slideCount%this.props.slidesToScroll:this.state.slideCount+t:t>=this.state.slideCount?this.props.infinite===!1?this.state.slideCount-this.props.slidesToShow:this.state.slideCount%this.props.slidesToScroll!==0?0:t-this.state.slideCount:t,r=(0,l.getTrackLeft)((0,f["default"])({slideIndex:t,trackRef:this.track},this.props,this.state)),o=(0,l.getTrackLeft)((0,f["default"])({slideIndex:n,trackRef:this.track},this.props,this.state)),this.props.infinite===!1&&(r=o),this.props.beforeChange&&this.props.beforeChange(this.state.currentSlide,n),this.props.lazyLoad){for(var s=!0,u=[],c=t;c<t+this.props.slidesToShow;c++)s=s&&this.state.lazyLoadedList.indexOf(c)>=0,s||u.push(c);s||this.setState({lazyLoadedList:this.state.lazyLoadedList.concat(u)})}if(this.props.useCSS===!1)this.setState({currentSlide:n,trackStyle:(0,l.getTrackCSS)((0,f["default"])({left:o},this.props,this.state))},function(){this.props.afterChange&&this.props.afterChange(n)});else{var p={animating:!1,currentSlide:n,trackStyle:(0,l.getTrackCSS)((0,f["default"])({left:o},this.props,this.state)),swipeLeft:null};i=function(){a.setState(p),a.props.afterChange&&a.props.afterChange(n),delete a.animationEndCallback},this.setState({animating:!0,currentSlide:n,trackStyle:(0,l.getTrackAnimateCSS)((0,f["default"])({left:r},this.props,this.state))},function(){this.animationEndCallback=setTimeout(i,this.props.speed)})}this.autoPlay()}},swipeDirection:function(e){var t,n,r,o;return t=e.startX-e.curX,n=e.startY-e.curY,r=Math.atan2(n,t),o=Math.round(180*r/Math.PI),o<0&&(o=360-Math.abs(o)),o<=45&&o>=0||o<=360&&o>=315?this.props.rtl===!1?"left":"right":o>=135&&o<=225?this.props.rtl===!1?"right":"left":this.props.verticalSwiping===!0?o>=35&&o<=135?"down":"up":"vertical"},play:function(){var e;if(!this.state.mounted)return!1;if(this.props.rtl)e=this.state.currentSlide-this.props.slidesToScroll;else{if(!this.canGoNext(o({},this.props,this.state)))return!1;e=this.state.currentSlide+this.props.slidesToScroll}this.slideHandler(e)},autoPlay:function(){this.state.autoPlayTimer&&clearTimeout(this.state.autoPlayTimer),this.props.autoplay&&this.setState({autoPlayTimer:setTimeout(this.play,this.props.autoplaySpeed)})},pause:function(){this.state.autoPlayTimer&&(clearTimeout(this.state.autoPlayTimer),this.setState({autoPlayTimer:null}))}};t["default"]=p},function(e,t){e.exports=function(e,t){switch(e){case 0:return function(){return t.apply(this,arguments)};case 1:return function(e){return t.apply(this,arguments)};case 2:return function(e,n){return t.apply(this,arguments)};case 3:return function(e,n,r){return t.apply(this,arguments)};case 4:return function(e,n,r,o){return t.apply(this,arguments)};case 5:return function(e,n,r,o,i){return t.apply(this,arguments)};case 6:return function(e,n,r,o,i,a){return t.apply(this,arguments)};case 7:return function(e,n,r,o,i,a,s){return t.apply(this,arguments)};case 8:return function(e,n,r,o,i,a,s,u){return t.apply(this,arguments)};case 9:return function(e,n,r,o,i,a,s,u,l){return t.apply(this,arguments)};case 10:return function(e,n,r,o,i,a,s,u,l,c){return t.apply(this,arguments)};default:throw new Error("First argument to _arity must be a non-negative integer no greater than ten")}}},function(e,t){e.exports=function(e){return null!=e&&"object"==typeof e&&e["@@functional/placeholder"]===!0}},function(e,t,n){var r=n(165),o=n(354),i=n(642);e.exports=r(function(e){return!!o(e)||!!e&&("object"==typeof e&&(!i(e)&&(1===e.nodeType?!!e.length:0===e.length||e.length>0&&(e.hasOwnProperty(0)&&e.hasOwnProperty(e.length-1)))))})},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e){return e.split("&").join("&amp;").split("<").join("&lt;").split(">").join("&gt;").split("\xa0").join("&nbsp;").split("\n").join("<br > \n")}function i(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=e.getCurrentContent();return new s(n,t).generate()}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=i;var a=n(109),s=function(){function e(t,n){r(this,e),this.contentState=t,this.options=n}return e.prototype.generate=function(){var e=(0,a.convertToRaw)(this.contentState);return this.processContent(e)},e.prototype.processContent=function(e){var t=e.blocks,n=this.options.encode;return t.map(function(e){return n?o(e.text):e.text}).join(n?"<br />\n":"\n")},e}();e.exports=t["default"]},function(e,t){"use strict";function n(e,t){var n=String(e),r=Number(t)>>>0,o=n.slice(0,r+1).search(/\S+$/),i=n.slice(r).search(/\s/);return i<0?{word:n.slice(o),begin:o,end:n.length}:{word:n.slice(o,i+r),begin:o,end:i+r}}function r(e,t){var r=t.getAnchorKey(),o=t.getAnchorOffset()-1,i=e.getCurrentContent(),a=i.getBlockForKey(r),s=a.getText();return n(s,o)}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=r,e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(){},r=n.prototype;r.push=function(e){this[e.prototype.name]=e},t["default"]=new n,e.exports=t["default"]},function(e,t){"use strict";e.exports={BACKSPACE:8,TAB:9,RETURN:13,ALT:18,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,DELETE:46,COMMA:188,PERIOD:190,A:65,Z:90,ZERO:48,NUMPAD_0:96,NUMPAD_9:105}},function(e,t,n){"use strict";function r(e,t){var n=i.get(e,t);return"auto"===n||"scroll"===n}var o=n(1231),i={get:o,getScrollParent:function(e){if(!e)return null;for(var t=e.ownerDocument;e&&e!==t.body;){if(r(e,"overflow")||r(e,"overflowY")||r(e,"overflowX"))return e;e=e.parentNode}return t.defaultView||t.parentWindow}};e.exports=i},function(e,t,n){"use strict";function r(e){return e===f||e===p}function o(e){return r(e)?void 0:l(!1),e===f?"ltr":"rtl";
 }function i(e,t){return r(e)?void 0:l(!1),r(t)?void 0:l(!1),e===t?null:o(e)}function a(e){d=e}function s(){a(f)}function u(){return d||this.initGlobalDir(),d?void 0:l(!1),d}var l=n(13),c="NEUTRAL",f="LTR",p="RTL",d=null,h={NEUTRAL:c,LTR:f,RTL:p,isStrong:r,getHTMLDir:o,getHTMLDirIfDifferent:i,setGlobalDir:a,initGlobalDir:s,getGlobalDir:u};e.exports=h},function(e,t,n){"use strict";function r(e,t){return!(!e||!t)&&(e===t||!o(e)&&(o(t)?r(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}var o=n(1235);e.exports=r},function(e,t,n){"use strict";function r(e){var t=o(e.ownerDocument||e.document);e.Window&&e instanceof e.Window&&(e=t);var n=i(e),r=e===t?e.ownerDocument.documentElement:e,a=e.scrollWidth-r.clientWidth,s=e.scrollHeight-r.clientHeight;return n.x=Math.max(0,Math.min(n.x,a)),n.y=Math.max(0,Math.min(n.y,s)),n}var o=n(1227),i=n(373);e.exports=r},function(e,t){"use strict";function n(e,t){return e===t?0!==e||0!==t||1/e===1/t:e!==e&&t!==t}function r(e,t){if(n(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var r=Object.keys(e),i=Object.keys(t);if(r.length!==i.length)return!1;for(var a=0;a<r.length;a++)if(!o.call(t,r[a])||!n(e[r[a]],t[r[a]]))return!1;return!0}var o=Object.prototype.hasOwnProperty;e.exports=r},function(e,t){function n(e,t,n){n=n||{},n.childrenKeyName=n.childrenKeyName||"children";var r,o=e||[],i=[],a=0;do{var r=o.filter(function(e){return t(e,a)})[0];if(!r)break;i.push(r),o=r[n.childrenKeyName]||[],a+=1}while(o.length>0);return i}e.exports=n},function(e,t){},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=[];return d["default"].Children.forEach(e,function(e){t.push(e)}),t}function i(e){return e||0===e?Array.isArray(e)?e:[e]:[]}function a(e){return Array.isArray(e)?2===e.length?e:[e.join(),e.join()]:[e,e]}function s(e,t){if(!e||!t)return!1;if(e===t)return!0;var n=!0;if(Array.isArray(e)&&Array.isArray(t))for(var r=0;r<e.length;r++){var o=e[r],i=t[r];for(var a in o)if(o[a]!==i[a]){if("object"!==(0,f["default"])(o[a])||"object"!==(0,f["default"])(i[a]))return n=!1,!1;n=s(o[a],i[a])}}return Object.keys(e).forEach(function(r){return r in t?void("object"===(0,f["default"])(e[r])&&"object"===(0,f["default"])(t[r])?n=s(e[r],t[r]):"function"==typeof e[r]&&"function"==typeof t[r]?e[r].name!==t[r].name&&(n=!1):e[r]!==t[r]&&(n=!1)):(n=!1,!1)}),Object.keys(t).forEach(function(r){return r in e?void("object"===(0,f["default"])(t[r])&&"object"===(0,f["default"])(e[r])?n=s(t[r],e[r]):"function"==typeof e[r]&&"function"==typeof t[r]?e[r].name!==t[r].name&&(n=!1):t[r]!==e[r]&&(n=!1)):(n=!1,!1)}),n}function u(){return window.pageYOffset||document.body.scrollTop||document.documentElement.scrollTop}function l(){return window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight}Object.defineProperty(t,"__esModule",{value:!0});var c=n(47),f=r(c);t.toArrayChildren=o,t.dataToArray=i,t.transformArguments=a,t.objectEqual=s,t.currentScrollTop=u,t.windowHeight=l;var p=n(1),d=r(p)},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(){},r=n.prototype;r.push=function(e){this[e.prototype.name]=e},t["default"]=new n,e.exports=t["default"]},function(e,t,n){function r(e){if(!e||!e.nodeType)throw new Error("A DOM element reference is required");this.el=e,this.list=e.classList}try{var o=n(327)}catch(i){var o=n(327)}var a=/\s+/,s=Object.prototype.toString;e.exports=function(e){return new r(e)},r.prototype.add=function(e){if(this.list)return this.list.add(e),this;var t=this.array(),n=o(t,e);return~n||t.push(e),this.el.className=t.join(" "),this},r.prototype.remove=function(e){if("[object RegExp]"==s.call(e))return this.removeMatching(e);if(this.list)return this.list.remove(e),this;var t=this.array(),n=o(t,e);return~n&&t.splice(n,1),this.el.className=t.join(" "),this},r.prototype.removeMatching=function(e){for(var t=this.array(),n=0;n<t.length;n++)e.test(t[n])&&this.remove(t[n]);return this},r.prototype.toggle=function(e,t){return this.list?("undefined"!=typeof t?t!==this.list.toggle(e,t)&&this.list.toggle(e):this.list.toggle(e),this):("undefined"!=typeof t?t?this.add(e):this.remove(e):this.has(e)?this.remove(e):this.add(e),this)},r.prototype.array=function(){var e=this.el.getAttribute("class")||"",t=e.replace(/^\s+|\s+$/g,""),n=t.split(a);return""===n[0]&&n.shift(),n},r.prototype.has=r.prototype.contains=function(e){return this.list?this.list.contains(e):!!~o(this.array(),e)}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=window.getComputedStyle(e,null),r="",o=0;o<h.length&&!(r=n.getPropertyValue(h[o]+t));o++);return r}function i(e){if(p){var t=parseFloat(o(e,"transition-delay"))||0,n=parseFloat(o(e,"transition-duration"))||0,r=parseFloat(o(e,"animation-delay"))||0,i=parseFloat(o(e,"animation-duration"))||0,a=Math.max(n+t,i+r);e.rcEndAnimTimeout=setTimeout(function(){e.rcEndAnimTimeout=null,e.rcEndListener&&e.rcEndListener()},1e3*a+200)}}function a(e){e.rcEndAnimTimeout&&(clearTimeout(e.rcEndAnimTimeout),e.rcEndAnimTimeout=null)}Object.defineProperty(t,"__esModule",{value:!0});var s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u=n(1327),l=r(u),c=n(229),f=r(c),p=0!==l["default"].endEvents.length,d=["Webkit","Moz","O","ms"],h=["-webkit-","-moz-","-o-","ms-",""],v=function(e,t,n){var r="object"===("undefined"==typeof t?"undefined":s(t)),o=r?t.name:t,u=r?t.active:t+"-active",c=n,p=void 0,d=void 0,h=(0,f["default"])(e);return n&&"[object Object]"===Object.prototype.toString.call(n)&&(c=n.end,p=n.start,d=n.active),e.rcEndListener&&e.rcEndListener(),e.rcEndListener=function(t){t&&t.target!==e||(e.rcAnimTimeout&&(clearTimeout(e.rcAnimTimeout),e.rcAnimTimeout=null),a(e),h.remove(o),h.remove(u),l["default"].removeEndEventListener(e,e.rcEndListener),e.rcEndListener=null,c&&c())},l["default"].addEndEventListener(e,e.rcEndListener),p&&p(),h.add(o),e.rcAnimTimeout=setTimeout(function(){e.rcAnimTimeout=null,h.add(u),d&&setTimeout(d,0),i(e)},30),{stop:function(){e.rcEndListener&&e.rcEndListener()}}};v.style=function(e,t,n){e.rcEndListener&&e.rcEndListener(),e.rcEndListener=function(t){t&&t.target!==e||(e.rcAnimTimeout&&(clearTimeout(e.rcAnimTimeout),e.rcAnimTimeout=null),a(e),l["default"].removeEndEventListener(e,e.rcEndListener),e.rcEndListener=null,n&&n())},l["default"].addEndEventListener(e,e.rcEndListener),e.rcAnimTimeout=setTimeout(function(){for(var n in t)t.hasOwnProperty(n)&&(e.style[n]=t[n]);e.rcAnimTimeout=null,i(e)},0)},v.setTransition=function(e,t,n){var r=t,o=n;void 0===n&&(o=r,r=""),r=r||"",d.forEach(function(t){e.style[t+"Transition"+r]=o})},v.isCssAnimationSupported=p,t["default"]=v,e.exports=t["default"]},function(e,t,n){(function(e,r){function o(e,t){this._id=e,this._clearFn=t}var i=n(89).nextTick,a=Function.prototype.apply,s=Array.prototype.slice,u={},l=0;t.setTimeout=function(){return new o(a.call(setTimeout,window,arguments),clearTimeout)},t.setInterval=function(){return new o(a.call(setInterval,window,arguments),clearInterval)},t.clearTimeout=t.clearInterval=function(e){e.close()},o.prototype.unref=o.prototype.ref=function(){},o.prototype.close=function(){this._clearFn.call(window,this._id)},t.enroll=function(e,t){clearTimeout(e._idleTimeoutId),e._idleTimeout=t},t.unenroll=function(e){clearTimeout(e._idleTimeoutId),e._idleTimeout=-1},t._unrefActive=t.active=function(e){clearTimeout(e._idleTimeoutId);var t=e._idleTimeout;t>=0&&(e._idleTimeoutId=setTimeout(function(){e._onTimeout&&e._onTimeout()},t))},t.setImmediate="function"==typeof e?e:function(e){var n=l++,r=!(arguments.length<2)&&s.call(arguments,1);return u[n]=!0,i(function(){u[n]&&(r?e.apply(null,r):e.call(null),t.clearImmediate(n))}),n},t.clearImmediate="function"==typeof r?r:function(e){delete u[e]}}).call(t,n(231).setImmediate,n(231).clearImmediate)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){var i=e.type,u=[],l=e.required||!e.required&&r.hasOwnProperty(e.field);if(l){if((0,s.isEmptyValue)(t,i)&&!e.required)return n();a["default"].required(e,t,r,u,o,i),(0,s.isEmptyValue)(t,i)||a["default"].type(e,t,r,u,o)}n(u)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(34),a=r(i),s=n(28);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e,t){return Array.isArray(t)&&(t=t[1]),t?t.nextSibling:e.firstChild}function o(e,t,n){c.insertTreeBefore(e,t,n)}function i(e,t,n){Array.isArray(t)?s(e,t[0],t[1],n):v(e,t,n)}function a(e,t){if(Array.isArray(t)){var n=t[1];t=t[0],u(e,t,n),e.removeChild(n)}e.removeChild(t)}function s(e,t,n,r){for(var o=t;;){var i=o.nextSibling;if(v(e,o,r),o===n)break;o=i}}function u(e,t,n){for(;;){var r=t.nextSibling;if(r===n)break;e.removeChild(r)}}function l(e,t,n){var r=e.parentNode,o=e.nextSibling;o===t?n&&v(r,document.createTextNode(n),o):n?(h(o,n),u(r,o,t)):u(r,e,t)}var c=n(113),f=n(1387),p=(n(29),n(58),n(242)),d=n(174),h=n(418),v=p(function(e,t,n){e.insertBefore(t,n)}),m=f.dangerouslyReplaceNodeWithMarkup,y={dangerouslyReplaceNodeWithMarkup:m,replaceDelimitedText:l,processUpdates:function(e,t){for(var n=0;n<t.length;n++){var s=t[n];switch(s.type){case"INSERT_MARKUP":o(e,s.content,r(e,s.afterNode));break;case"MOVE_EXISTING":i(e,s.fromNode,r(e,s.afterNode));break;case"SET_MARKUP":d(e,s.content);break;case"TEXT_CONTENT":h(e,s.content);break;case"REMOVE_NODE":a(e,s.fromNode)}}}};e.exports=y},function(e,t){"use strict";var n={html:"http://www.w3.org/1999/xhtml",mathml:"http://www.w3.org/1998/Math/MathML",svg:"http://www.w3.org/2000/svg"};e.exports=n},function(e,t,n){"use strict";function r(){if(s)for(var e in u){var t=u[e],n=s.indexOf(e);if(n>-1?void 0:a("96",e),!l.plugins[n]){t.extractEvents?void 0:a("97",e),l.plugins[n]=t;var r=t.eventTypes;for(var i in r)o(r[i],t,i)?void 0:a("98",i,e)}}}function o(e,t,n){l.eventNameDispatchConfigs.hasOwnProperty(n)?a("99",n):void 0,l.eventNameDispatchConfigs[n]=e;var r=e.phasedRegistrationNames;if(r){for(var o in r)if(r.hasOwnProperty(o)){var s=r[o];i(s,t,n)}return!0}return!!e.registrationName&&(i(e.registrationName,t,n),!0)}function i(e,t,n){l.registrationNameModules[e]?a("100",e):void 0,l.registrationNameModules[e]=t,l.registrationNameDependencies[e]=t.eventTypes[n].dependencies}var a=n(19),s=(n(13),null),u={},l={plugins:[],eventNameDispatchConfigs:{},registrationNameModules:{},registrationNameDependencies:{},possibleRegistrationNames:null,injectEventPluginOrder:function(e){s?a("101"):void 0,s=Array.prototype.slice.call(e),r()},injectEventPluginsByName:function(e){var t=!1;for(var n in e)if(e.hasOwnProperty(n)){var o=e[n];u.hasOwnProperty(n)&&u[n]===o||(u[n]?a("102",n):void 0,u[n]=o,t=!0)}t&&r()},getPluginModuleForEvent:function(e){var t=e.dispatchConfig;if(t.registrationName)return l.registrationNameModules[t.registrationName]||null;if(void 0!==t.phasedRegistrationNames){var n=t.phasedRegistrationNames;for(var r in n)if(n.hasOwnProperty(r)){var o=l.registrationNameModules[n[r]];if(o)return o}}return null},_resetEventPlugins:function(){s=null;for(var e in u)u.hasOwnProperty(e)&&delete u[e];l.plugins.length=0;var t=l.eventNameDispatchConfigs;for(var n in t)t.hasOwnProperty(n)&&delete t[n];var r=l.registrationNameModules;for(var o in r)r.hasOwnProperty(o)&&delete r[o]}};e.exports=l},function(e,t,n){"use strict";function r(e){return"topMouseUp"===e||"topTouchEnd"===e||"topTouchCancel"===e}function o(e){return"topMouseMove"===e||"topTouchMove"===e}function i(e){return"topMouseDown"===e||"topTouchStart"===e}function a(e,t,n,r){var o=e.type||"unknown-event";e.currentTarget=y.getNodeFromInstance(r),t?v.invokeGuardedCallbackWithCatch(o,n,e):v.invokeGuardedCallback(o,n,e),e.currentTarget=null}function s(e,t){var n=e._dispatchListeners,r=e._dispatchInstances;if(Array.isArray(n))for(var o=0;o<n.length&&!e.isPropagationStopped();o++)a(e,t,n[o],r[o]);else n&&a(e,t,n,r);e._dispatchListeners=null,e._dispatchInstances=null}function u(e){var t=e._dispatchListeners,n=e._dispatchInstances;if(Array.isArray(t)){for(var r=0;r<t.length&&!e.isPropagationStopped();r++)if(t[r](e,n[r]))return n[r]}else if(t&&t(e,n))return n;return null}function l(e){var t=u(e);return e._dispatchInstances=null,e._dispatchListeners=null,t}function c(e){var t=e._dispatchListeners,n=e._dispatchInstances;Array.isArray(t)?h("103"):void 0,e.currentTarget=t?y.getNodeFromInstance(n):null;var r=t?t(e):null;return e.currentTarget=null,e._dispatchListeners=null,e._dispatchInstances=null,r}function f(e){return!!e._dispatchListeners}var p,d,h=n(19),v=n(240),m=(n(13),n(16),{injectComponentTree:function(e){p=e},injectTreeTraversal:function(e){d=e}}),y={isEndish:r,isMoveish:o,isStartish:i,executeDirectDispatch:c,executeDispatchesInOrder:s,executeDispatchesInOrderStopAtTrue:l,hasDispatches:f,getInstanceFromNode:function(e){return p.getInstanceFromNode(e)},getNodeFromInstance:function(e){return p.getNodeFromInstance(e)},isAncestor:function(e,t){return d.isAncestor(e,t)},getLowestCommonAncestor:function(e,t){return d.getLowestCommonAncestor(e,t)},getParentInstance:function(e){return d.getParentInstance(e)},traverseTwoPhase:function(e,t,n){return d.traverseTwoPhase(e,t,n)},traverseEnterLeave:function(e,t,n,r,o){return d.traverseEnterLeave(e,t,n,r,o)},injection:m};e.exports=y},function(e,t){"use strict";function n(e){var t=/[=:]/g,n={"=":"=0",":":"=2"},r=(""+e).replace(t,function(e){return n[e]});return"$"+r}function r(e){var t=/(=0|=2)/g,n={"=0":"=","=2":":"},r="."===e[0]&&"$"===e[1]?e.substring(2):e.substring(1);return(""+r).replace(t,function(e){return n[e]})}var o={escape:n,unescape:r};e.exports=o},function(e,t,n){"use strict";function r(e){null!=e.checkedLink&&null!=e.valueLink?s("87"):void 0}function o(e){r(e),null!=e.value||null!=e.onChange?s("88"):void 0}function i(e){r(e),null!=e.checked||null!=e.onChange?s("89"):void 0}function a(e){if(e){var t=e.getName();if(t)return" Check the render method of `"+t+"`."}return""}var s=n(19),u=n(1416),l=n(423),c=n(116),f=l(c.isValidElement),p=(n(13),n(16),{button:!0,checkbox:!0,image:!0,hidden:!0,radio:!0,reset:!0,submit:!0}),d={value:function(e,t,n){return!e[t]||p[e.type]||e.onChange||e.readOnly||e.disabled?null:new Error("You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`.")},checked:function(e,t,n){return!e[t]||e.onChange||e.readOnly||e.disabled?null:new Error("You provided a `checked` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultChecked`. Otherwise, set either `onChange` or `readOnly`.")},onChange:f.func},h={},v={checkPropTypes:function(e,t,n){for(var r in d){if(d.hasOwnProperty(r))var o=d[r](t,r,e,"prop",null,u);if(o instanceof Error&&!(o.message in h)){h[o.message]=!0;a(n)}}},getValue:function(e){return e.valueLink?(o(e),e.valueLink.value):e.value},getChecked:function(e){return e.checkedLink?(i(e),e.checkedLink.value):e.checked},executeOnChange:function(e,t){return e.valueLink?(o(e),e.valueLink.requestChange(t.target.value)):e.checkedLink?(i(e),e.checkedLink.requestChange(t.target.checked)):e.onChange?e.onChange.call(void 0,t):void 0}};e.exports=v},function(e,t,n){"use strict";var r=n(19),o=(n(13),!1),i={replaceNodeWithMarkup:null,processChildrenUpdates:null,injection:{injectEnvironment:function(e){o?r("104"):void 0,i.replaceNodeWithMarkup=e.replaceNodeWithMarkup,i.processChildrenUpdates=e.processChildrenUpdates,o=!0}}};e.exports=i},function(e,t,n){"use strict";function r(e,t,n){try{t(n)}catch(r){null===o&&(o=r)}}var o=null,i={invokeGuardedCallback:r,invokeGuardedCallbackWithCatch:r,rethrowCaughtError:function(){if(o){var e=o;throw o=null,e}}};e.exports=i},function(e,t,n){"use strict";function r(e){u.enqueueUpdate(e)}function o(e){var t=typeof e;if("object"!==t)return t;var n=e.constructor&&e.constructor.name||t,r=Object.keys(e);return r.length>0&&r.length<20?n+" (keys: "+r.join(", ")+")":n}function i(e,t){var n=s.get(e);if(!n){return null}return n}var a=n(19),s=(n(72),n(141)),u=(n(58),n(65)),l=(n(13),n(16),{isMounted:function(e){var t=s.get(e);return!!t&&!!t._renderedComponent},enqueueCallback:function(e,t,n){l.validateCallback(t,n);var o=i(e);return o?(o._pendingCallbacks?o._pendingCallbacks.push(t):o._pendingCallbacks=[t],void r(o)):null},enqueueCallbackInternal:function(e,t){e._pendingCallbacks?e._pendingCallbacks.push(t):e._pendingCallbacks=[t],r(e)},enqueueForceUpdate:function(e){var t=i(e,"forceUpdate");t&&(t._pendingForceUpdate=!0,r(t))},enqueueReplaceState:function(e,t,n){var o=i(e,"replaceState");o&&(o._pendingStateQueue=[t],o._pendingReplaceState=!0,void 0!==n&&null!==n&&(l.validateCallback(n,"replaceState"),o._pendingCallbacks?o._pendingCallbacks.push(n):o._pendingCallbacks=[n]),r(o))},enqueueSetState:function(e,t){var n=i(e,"setState");if(n){var o=n._pendingStateQueue||(n._pendingStateQueue=[]);o.push(t),r(n)}},enqueueElementInternal:function(e,t,n){e._pendingElement=t,e._context=n,r(e)},validateCallback:function(e,t){e&&"function"!=typeof e?a("122",t,o(e)):void 0}});e.exports=l},function(e,t){"use strict";var n=function(e){return"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(t,n,r,o){MSApp.execUnsafeLocalFunction(function(){return e(t,n,r,o)})}:e};e.exports=n},function(e,t){"use strict";function n(e){var t,n=e.keyCode;return"charCode"in e?(t=e.charCode,0===t&&13===n&&(t=13)):t=n,t>=32||13===t?t:0}e.exports=n},function(e,t){"use strict";function n(e){var t=this,n=t.nativeEvent;if(n.getModifierState)return n.getModifierState(e);var r=o[e];return!!r&&!!n[r]}function r(e){return n}var o={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};e.exports=r},function(e,t){"use strict";function n(e){var t=e.target||e.srcElement||window;return t.correspondingUseElement&&(t=t.correspondingUseElement),3===t.nodeType?t.parentNode:t}e.exports=n},function(e,t,n){"use strict";/**
 	 * Checks if an event is supported in the current execution environment.
 	 *
@@ -39,32 +39,32 @@ if("function"==typeof t)return t}function n(e,t){return e===t?0!==e||1/e===1/t:e
 	 * @internal
 	 * @license Modernizr 3.0.0pre (Custom Build) | MIT
 	 */
-function r(e,t){if(!i.canUseDOM||t&&!("addEventListener"in document))return!1;var n="on"+e,r=n in document;if(!r){var a=document.createElement("div");a.setAttribute(n,"return;"),r="function"==typeof a[n]}return!r&&o&&"wheel"===e&&(r=document.implementation.hasFeature("Events.wheel","3.0")),r}var o,i=n(36);i.canUseDOM&&(o=document.implementation&&document.implementation.hasFeature&&document.implementation.hasFeature("","")!==!0),e.exports=r},function(e,t){"use strict";function n(e,t){var n=null===e||e===!1,r=null===t||t===!1;if(n||r)return n===r;var o=typeof e,i=typeof t;return"string"===o||"number"===o?"string"===i||"number"===i:"object"===i&&e.type===t.type&&e.key===t.key}e.exports=n},function(e,t,n){"use strict";var r=(n(11),n(33)),o=(n(16),r);e.exports=o},function(e,t,n){"use strict";function r(e,t,n){this.props=e,this.context=t,this.refs=a,this.updater=n||i}var o=n(118),i=n(250),a=(n(422),n(112));n(13),n(16);r.prototype.isReactComponent={},r.prototype.setState=function(e,t){"object"!=typeof e&&"function"!=typeof e&&null!=e?o("85"):void 0,this.updater.enqueueSetState(this,e),t&&this.updater.enqueueCallback(this,t,"setState")},r.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this),e&&this.updater.enqueueCallback(this,e,"forceUpdate")};e.exports=r},function(e,t,n){"use strict";function r(e,t){}var o=(n(16),{isMounted:function(e){return!1},enqueueCallback:function(e,t){},enqueueForceUpdate:function(e){r(e,"forceUpdate")},enqueueReplaceState:function(e,t){r(e,"replaceState")},enqueueSetState:function(e,t){r(e,"setState")}});e.exports=o},function(e,t,n){"use strict";function r(e){var t=e[e.length-1];if(t)return t.title}function o(e){var t=e||"";t!==document.title&&(document.title=t)}function i(){}var a=n(1),s=n(12),u=n(1297);i.prototype=Object.create(a.Component.prototype),i.displayName="DocumentTitle",i.propTypes={title:s.string.isRequired},i.prototype.render=function(){return this.props.children?a.Children.only(this.props.children):null},e.exports=u(r,o)(i)},function(e,t){e.exports=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e}},function(e,t,n){var r=n(143),o=n(38)("toStringTag"),i="Arguments"==r(function(){return arguments}()),a=function(e,t){try{return e[t]}catch(n){}};e.exports=function(e){var t,n,s;return void 0===e?"Undefined":null===e?"Null":"string"==typeof(n=a(t=Object(e),o))?n:i?r(t):"Object"==(s=r(t))&&"function"==typeof t.callee?"Arguments":s}},function(e,t){e.exports=function(e){if(void 0==e)throw TypeError("Can't call method on  "+e);return e}},function(e,t,n){var r=n(121),o=n(51).document,i=r(o)&&r(o.createElement);e.exports=function(e){return i?o.createElement(e):{}}},function(e,t){e.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(e,t,n){var r=n(73),o=n(1524),i=n(256),a=n(259)("IE_PROTO"),s=function(){},u="prototype",l=function(){var e,t=n(255)("iframe"),r=i.length,o="<",a=">";for(t.style.display="none",n(433).appendChild(t),t.src="javascript:",e=t.contentWindow.document,e.open(),e.write(o+"script"+a+"document.F=Object"+o+"/script"+a),e.close(),l=e.F;r--;)delete l[u][i[r]];return l()};e.exports=Object.create||function(e,t){var n;return null!==e?(s[u]=r(e),n=new s,s[u]=null,n[a]=e):n=l(),void 0===t?n:o(n,t)}},function(e,t){t.f=Object.getOwnPropertySymbols},function(e,t,n){var r=n(260)("keys"),o=n(178);e.exports=function(e){return r[e]||(r[e]=o(e))}},function(e,t,n){var r=n(51),o="__core-js_shared__",i=r[o]||(r[o]={});e.exports=function(e){return i[e]||(i[e]={})}},function(e,t){var n=Math.ceil,r=Math.floor;e.exports=function(e){return isNaN(e=+e)?0:(e>0?r:n)(e)}},function(e,t,n){var r=n(261),o=Math.min;e.exports=function(e){return e>0?o(r(e),9007199254740991):0}},function(e,t,n){var r=n(254);e.exports=function(e){return Object(r(e))}},function(e,t,n){var r=n(121);e.exports=function(e,t){if(!r(e))return e;var n,o;if(t&&"function"==typeof(n=e.toString)&&!r(o=n.call(e)))return o;if("function"==typeof(n=e.valueOf)&&!r(o=n.call(e)))return o;if(!t&&"function"==typeof(n=e.toString)&&!r(o=n.call(e)))return o;throw TypeError("Can't convert object to primitive value")}},function(e,t,n){var r=n(51),o=n(37),i=n(175),a=n(266),s=n(74).f;e.exports=function(e){var t=o.Symbol||(o.Symbol=i?{}:r.Symbol||{});"_"==e.charAt(0)||e in t||s(t,e,{value:a.f(e)})}},function(e,t,n){t.f=n(38)},function(e,t,n){var r=n(253),o=n(38)("iterator"),i=n(122);e.exports=n(37).getIteratorMethod=function(e){if(void 0!=e)return e[o]||e["@@iterator"]||i[r(e)]}},function(e,t,n){"use strict";var r=n(32),o=n(104),i=n(30);e.exports=function(e){for(var t=r(this),n=i(t.length),a=arguments.length,s=o(a>1?arguments[1]:void 0,n),u=a>2?arguments[2]:void 0,l=void 0===u?n:o(u,n);l>s;)t[s++]=e;return t}},function(e,t,n){"use strict";var r=n(27),o=n(84);e.exports=function(e,t,n){t in e?r.f(e,t,o(0,n)):e[t]=n}},function(e,t,n){var r=n(21),o=n(17).document,i=r(o)&&r(o.createElement);e.exports=function(e){return i?o.createElement(e):{}}},function(e,t){e.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(e,t,n){var r=n(24)("match");e.exports=function(e){var t=/./;try{"/./"[e](t)}catch(n){try{return t[r]=!1,!"/./"[e](t)}catch(o){}}return!0}},function(e,t,n){e.exports=n(17).document&&document.documentElement},function(e,t,n){var r=n(21),o=n(282).set;e.exports=function(e,t,n){var i,a=t.constructor;return a!==n&&"function"==typeof a&&(i=a.prototype)!==n.prototype&&r(i)&&o&&o(e,i),e}},function(e,t,n){var r=n(125),o=n(24)("iterator"),i=Array.prototype;e.exports=function(e){return void 0!==e&&(r.Array===e||i[o]===e)}},function(e,t,n){var r=n(59);e.exports=Array.isArray||function(e){return"Array"==r(e)}},function(e,t,n){"use strict";var r=n(99),o=n(84),i=n(126),a={};n(41)(a,n(24)("iterator"),function(){return this}),e.exports=function(e,t,n){e.prototype=r(a,{next:o(1,n)}),i(e,t+" Iterator")}},function(e,t,n){"use strict";var r=n(98),o=n(5),i=n(42),a=n(41),s=n(39),u=n(125),l=n(277),c=n(126),f=n(53),p=n(24)("iterator"),d=!([].keys&&"next"in[].keys()),h="@@iterator",v="keys",m="values",y=function(){return this};e.exports=function(e,t,n,g,b,_,w){l(n,t,g);var x,C,E,S=function(e){if(!d&&e in k)return k[e];switch(e){case v:return function(){return new n(this,e)};case m:return function(){return new n(this,e)}}return function(){return new n(this,e)}},P=t+" Iterator",O=b==m,T=!1,k=e.prototype,M=k[p]||k[h]||b&&k[b],N=M||S(b),A=b?O?S("entries"):N:void 0,D="Array"==t?k.entries||M:M;if(D&&(E=f(D.call(new e)),E!==Object.prototype&&(c(E,P,!0),r||s(E,p)||a(E,p,y))),O&&M&&M.name!==m&&(T=!0,N=function(){return M.call(this)}),r&&!w||!d&&!T&&k[p]||a(k,p,N),u[t]=N,u[P]=y,b)if(x={values:O?N:S(m),keys:_?N:S(v),entries:A},w)for(C in x)C in k||i(k,C,x[C]);else o(o.P+o.F*(d||T),t,x);return x}},function(e,t){var n=Math.expm1;e.exports=!n||n(10)>22025.465794806718||n(10)<22025.465794806718||n(-2e-17)!=-2e-17?function(e){return 0==(e=+e)?e:e>-1e-6&&e<1e-6?e+e*e/2:Math.exp(e)-1}:n},function(e,t){e.exports=Math.sign||function(e){return 0==(e=+e)||e!=e?e:e<0?-1:1}},function(e,t,n){var r=n(17),o=n(289).set,i=r.MutationObserver||r.WebKitMutationObserver,a=r.process,s=r.Promise,u="process"==n(59)(a);e.exports=function(){var e,t,n,l=function(){var r,o;for(u&&(r=a.domain)&&r.exit();e;){o=e.fn,e=e.next;try{o()}catch(i){throw e?n():t=void 0,i}}t=void 0,r&&r.enter()};if(u)n=function(){a.nextTick(l)};else if(i){var c=!0,f=document.createTextNode("");new i(l).observe(f,{characterData:!0}),n=function(){f.data=c=!c}}else if(s&&s.resolve){var p=s.resolve();n=function(){p.then(l)}}else n=function(){o.call(r,l)};return function(r){var o={fn:r,next:void 0};t&&(t.next=o),e||(e=o,n()),t=o}}},function(e,t,n){var r=n(21),o=n(15),i=function(e,t){if(o(e),!r(t)&&null!==t)throw TypeError(t+": can't set as prototype!")};e.exports={set:Object.setPrototypeOf||("__proto__"in{}?function(e,t,r){try{r=n(76)(Function.call,n(52).f(Object.prototype,"__proto__").set,2),r(e,[]),t=!(e instanceof Array)}catch(o){t=!0}return function(e,n){return i(e,n),t?e.__proto__=n:r(e,n),e}}({},!1):void 0),check:i}},function(e,t,n){var r=n(189)("keys"),o=n(105);e.exports=function(e){return r[e]||(r[e]=o(e))}},function(e,t,n){var r=n(15),o=n(40),i=n(24)("species");e.exports=function(e,t){var n,a=r(e).constructor;return void 0===a||void 0==(n=r(a)[i])?t:o(n)}},function(e,t,n){var r=n(85),o=n(60);e.exports=function(e){return function(t,n){var i,a,s=String(o(t)),u=r(n),l=s.length;return u<0||u>=l?e?"":void 0:(i=s.charCodeAt(u),i<55296||i>56319||u+1===l||(a=s.charCodeAt(u+1))<56320||a>57343?e?s.charAt(u):i:e?s.slice(u,u+2):(i-55296<<10)+(a-56320)+65536)}}},function(e,t,n){var r=n(185),o=n(60);e.exports=function(e,t,n){if(r(t))throw TypeError("String#"+n+" doesn't accept regex!");return String(o(e))}},function(e,t,n){"use strict";var r=n(85),o=n(60);e.exports=function(e){var t=String(o(this)),n="",i=r(e);if(i<0||i==1/0)throw RangeError("Count can't be negative");for(;i>0;(i>>>=1)&&(t+=t))1&i&&(n+=t);return n}},function(e,t){e.exports="\t\n\x0B\f\r \xa0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\u2028\u2029\ufeff"},function(e,t,n){var r,o,i,a=n(76),s=n(184),u=n(273),l=n(270),c=n(17),f=c.process,p=c.setImmediate,d=c.clearImmediate,h=c.MessageChannel,v=0,m={},y="onreadystatechange",g=function(){var e=+this;if(m.hasOwnProperty(e)){var t=m[e];delete m[e],t()}},b=function(e){g.call(e.data)};p&&d||(p=function(e){for(var t=[],n=1;arguments.length>n;)t.push(arguments[n++]);return m[++v]=function(){s("function"==typeof e?e:Function(e),t)},r(v),v},d=function(e){delete m[e]},"process"==n(59)(f)?r=function(e){f.nextTick(a(g,e,1))}:h?(o=new h,i=o.port2,o.port1.onmessage=b,r=a(i.postMessage,i,1)):c.addEventListener&&"function"==typeof postMessage&&!c.importScripts?(r=function(e){c.postMessage(e+"","*")},c.addEventListener("message",b,!1)):r=y in l("script")?function(e){u.appendChild(l("script"))[y]=function(){u.removeChild(this),g.call(e)}}:function(e){setTimeout(a(g,e,1),0)}),e.exports={set:p,clear:d}},function(e,t,n){"use strict";var r=n(17),o=n(26),i=n(98),a=n(190),s=n(41),u=n(102),l=n(18),c=n(97),f=n(85),p=n(30),d=n(100).f,h=n(27).f,v=n(268),m=n(126),y="ArrayBuffer",g="DataView",b="prototype",_="Wrong length!",w="Wrong index!",x=r[y],C=r[g],E=r.Math,S=r.RangeError,P=r.Infinity,O=x,T=E.abs,k=E.pow,M=E.floor,N=E.log,A=E.LN2,D="buffer",j="byteLength",R="byteOffset",I=o?"_b":D,L=o?"_l":j,F=o?"_o":R,U=function(e,t,n){var r,o,i,a=Array(n),s=8*n-t-1,u=(1<<s)-1,l=u>>1,c=23===t?k(2,-24)-k(2,-77):0,f=0,p=e<0||0===e&&1/e<0?1:0;for(e=T(e),e!=e||e===P?(o=e!=e?1:0,r=u):(r=M(N(e)/A),e*(i=k(2,-r))<1&&(r--,i*=2),e+=r+l>=1?c/i:c*k(2,1-l),e*i>=2&&(r++,i/=2),r+l>=u?(o=0,r=u):r+l>=1?(o=(e*i-1)*k(2,t),r+=l):(o=e*k(2,l-1)*k(2,t),r=0));t>=8;a[f++]=255&o,o/=256,t-=8);for(r=r<<t|o,s+=t;s>0;a[f++]=255&r,r/=256,s-=8);return a[--f]|=128*p,a},V=function(e,t,n){var r,o=8*n-t-1,i=(1<<o)-1,a=i>>1,s=o-7,u=n-1,l=e[u--],c=127&l;for(l>>=7;s>0;c=256*c+e[u],u--,s-=8);for(r=c&(1<<-s)-1,c>>=-s,s+=t;s>0;r=256*r+e[u],u--,s-=8);if(0===c)c=1-a;else{if(c===i)return r?NaN:l?-P:P;r+=k(2,t),c-=a}return(l?-1:1)*r*k(2,c-t)},B=function(e){return e[3]<<24|e[2]<<16|e[1]<<8|e[0]},z=function(e){return[255&e]},H=function(e){return[255&e,e>>8&255]},K=function(e){return[255&e,e>>8&255,e>>16&255,e>>24&255]},W=function(e){return U(e,52,8)},q=function(e){return U(e,23,4)},Y=function(e,t,n){h(e[b],t,{get:function(){return this[n]}})},G=function(e,t,n,r){var o=+n,i=f(o);if(o!=i||i<0||i+t>e[L])throw S(w);var a=e[I]._b,s=i+e[F],u=a.slice(s,s+t);return r?u:u.reverse()},X=function(e,t,n,r,o,i){var a=+n,s=f(a);if(a!=s||s<0||s+t>e[L])throw S(w);for(var u=e[I]._b,l=s+e[F],c=r(+o),p=0;p<t;p++)u[l+p]=c[i?p:t-p-1]},$=function(e,t){c(e,x,y);var n=+t,r=p(n);if(n!=r)throw S(_);return r};if(a.ABV){if(!l(function(){new x})||!l(function(){new x(.5)})){x=function(e){return new O($(this,e))};for(var Z,Q=x[b]=O[b],J=d(O),ee=0;J.length>ee;)(Z=J[ee++])in x||s(x,Z,O[Z]);i||(Q.constructor=x)}var te=new C(new x(2)),ne=C[b].setInt8;te.setInt8(0,2147483648),te.setInt8(1,2147483649),!te.getInt8(0)&&te.getInt8(1)||u(C[b],{setInt8:function(e,t){ne.call(this,e,t<<24>>24)},setUint8:function(e,t){ne.call(this,e,t<<24>>24)}},!0)}else x=function(e){var t=$(this,e);this._b=v.call(Array(t),0),this[L]=t},C=function(e,t,n){c(this,C,g),c(e,x,g);var r=e[L],o=f(t);if(o<0||o>r)throw S("Wrong offset!");if(n=void 0===n?r-o:p(n),o+n>r)throw S(_);this[I]=e,this[F]=o,this[L]=n},o&&(Y(x,j,"_l"),Y(C,D,"_b"),Y(C,j,"_l"),Y(C,R,"_o")),u(C[b],{getInt8:function(e){return G(this,1,e)[0]<<24>>24},getUint8:function(e){return G(this,1,e)[0]},getInt16:function(e){var t=G(this,2,e,arguments[1]);return(t[1]<<8|t[0])<<16>>16},getUint16:function(e){var t=G(this,2,e,arguments[1]);return t[1]<<8|t[0]},getInt32:function(e){return B(G(this,4,e,arguments[1]))},getUint32:function(e){return B(G(this,4,e,arguments[1]))>>>0},getFloat32:function(e){return V(G(this,4,e,arguments[1]),23,4)},getFloat64:function(e){return V(G(this,8,e,arguments[1]),52,8)},setInt8:function(e,t){X(this,1,e,z,t)},setUint8:function(e,t){X(this,1,e,z,t)},setInt16:function(e,t){X(this,2,e,H,t,arguments[2])},setUint16:function(e,t){X(this,2,e,H,t,arguments[2])},setInt32:function(e,t){X(this,4,e,K,t,arguments[2])},setUint32:function(e,t){X(this,4,e,K,t,arguments[2])},setFloat32:function(e,t){X(this,4,e,q,t,arguments[2])},setFloat64:function(e,t){X(this,8,e,W,t,arguments[2])}});m(x,y),m(C,g),s(C[b],a.VIEW,!0),t[y]=x,t[g]=C},function(e,t,n){var r=n(17),o=n(75),i=n(98),a=n(469),s=n(27).f;e.exports=function(e){var t=o.Symbol||(o.Symbol=i?{}:r.Symbol||{});"_"==e.charAt(0)||e in t||s(t,e,{value:a.f(e)})}},function(e,t,n){var r=n(148),o=n(24)("iterator"),i=n(125);e.exports=n(75).getIteratorMethod=function(e){if(void 0!=e)return e[o]||e["@@iterator"]||i[r(e)]}},function(e,t,n){"use strict";var r=n(123),o=n(457),i=n(125),a=n(44);e.exports=n(278)(Array,"Array",function(e,t){this._t=a(e),this._i=0,this._k=t},function(){var e=this._t,t=this._k,n=this._i++;return!e||n>=e.length?(this._t=void 0,o(1)):"keys"==t?o(0,n):"values"==t?o(0,e[n]):o(0,[n,e[n]])},"values"),i.Arguments=i.Array,r("keys"),r("values"),r("entries")},function(e,t,n){"use strict";t.__esModule=!0,t.go=t.replaceLocation=t.pushLocation=t.startListener=t.getUserConfirmation=t.getCurrentLocation=void 0;var r=n(106),o=n(151),i=n(474),a=n(86),s=n(193),u="popstate",l="hashchange",c=s.canUseDOM&&!(0,o.supportsPopstateOnHashchange)(),f=function(e){var t=e&&e.key;return(0,r.createLocation)({pathname:window.location.pathname,search:window.location.search,hash:window.location.hash,state:t?(0,i.readState)(t):void 0},void 0,t)},p=t.getCurrentLocation=function(){var e=void 0;try{e=window.history.state||{}}catch(t){e={}}return f(e)},d=(t.getUserConfirmation=function(e,t){return t(window.confirm(e))},t.startListener=function(e){var t=function(t){(0,o.isExtraneousPopstateEvent)(t)||e(f(t.state))};(0,o.addEventListener)(window,u,t);var n=function(){return e(p())};return c&&(0,o.addEventListener)(window,l,n),function(){(0,o.removeEventListener)(window,u,t),c&&(0,o.removeEventListener)(window,l,n)}},function(e,t){var n=e.state,r=e.key;void 0!==n&&(0,i.saveState)(r,n),t({key:r},(0,a.createPath)(e))});t.pushLocation=function(e){return d(e,function(e,t){return window.history.pushState(e,null,t)})},t.replaceLocation=function(e){return d(e,function(e,t){return window.history.replaceState(e,null,t)})},t.go=function(e){e&&window.history.go(e)}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(1741),i=n(86),a=n(296),s=r(a),u=n(192),l=n(106),c=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.getCurrentLocation,n=e.getUserConfirmation,r=e.pushLocation,a=e.replaceLocation,c=e.go,f=e.keyLength,p=void 0,d=void 0,h=[],v=[],m=[],y=function(){return d&&d.action===u.POP?m.indexOf(d.key):p?m.indexOf(p.key):-1},g=function(e){var t=y();p=e,p.action===u.PUSH?m=[].concat(m.slice(0,t+1),[p.key]):p.action===u.REPLACE&&(m[t]=p.key),v.forEach(function(e){return e(p)})},b=function(e){return h.push(e),function(){return h=h.filter(function(t){return t!==e})}},_=function(e){return v.push(e),function(){return v=v.filter(function(t){return t!==e})}},w=function(e,t){(0,o.loopAsync)(h.length,function(t,n,r){(0,s["default"])(h[t],e,function(e){return null!=e?r(e):n()})},function(e){n&&"string"==typeof e?n(e,function(e){return t(e!==!1)}):t(e!==!1)})},x=function(e){p&&(0,l.locationsAreEqual)(p,e)||d&&(0,l.locationsAreEqual)(d,e)||(d=e,w(e,function(t){if(d===e)if(d=null,t){if(e.action===u.PUSH){var n=(0,i.createPath)(p),o=(0,i.createPath)(e);o===n&&(0,l.statesAreEqual)(p.state,e.state)&&(e.action=u.REPLACE)}e.action===u.POP?g(e):e.action===u.PUSH?r(e)!==!1&&g(e):e.action===u.REPLACE&&a(e)!==!1&&g(e)}else if(p&&e.action===u.POP){var s=m.indexOf(p.key),f=m.indexOf(e.key);s!==-1&&f!==-1&&c(s-f)}}))},C=function(e){return x(k(e,u.PUSH))},E=function(e){return x(k(e,u.REPLACE))},S=function(){return c(-1)},P=function(){return c(1)},O=function(){return Math.random().toString(36).substr(2,f||6)},T=function(e){return(0,i.createPath)(e)},k=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:O();return(0,l.createLocation)(e,t,n)};return{getCurrentLocation:t,listenBefore:b,listen:_,transitionTo:x,push:C,replace:E,go:c,goBack:S,goForward:P,createKey:O,createPath:i.createPath,createHref:T,createLocation:k}};t["default"]=c},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(45),i=(r(o),function(e,t,n){var r=e(t,n);e.length<2&&n(r)});t["default"]=i},function(e,t){"use strict";var n={MAC_ENTER:3,BACKSPACE:8,TAB:9,NUM_CENTER:12,ENTER:13,SHIFT:16,CTRL:17,ALT:18,PAUSE:19,CAPS_LOCK:20,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,PRINT_SCREEN:44,INSERT:45,DELETE:46,ZERO:48,ONE:49,TWO:50,THREE:51,FOUR:52,FIVE:53,SIX:54,SEVEN:55,EIGHT:56,NINE:57,QUESTION_MARK:63,A:65,B:66,C:67,D:68,E:69,F:70,G:71,H:72,I:73,J:74,K:75,L:76,M:77,N:78,O:79,P:80,Q:81,R:82,S:83,T:84,U:85,V:86,W:87,X:88,Y:89,Z:90,META:91,WIN_KEY_RIGHT:92,CONTEXT_MENU:93,NUM_ZERO:96,NUM_ONE:97,NUM_TWO:98,NUM_THREE:99,NUM_FOUR:100,NUM_FIVE:101,NUM_SIX:102,NUM_SEVEN:103,NUM_EIGHT:104,NUM_NINE:105,NUM_MULTIPLY:106,NUM_PLUS:107,NUM_MINUS:109,NUM_PERIOD:110,NUM_DIVISION:111,F1:112,F2:113,F3:114,F4:115,F5:116,F6:117,F7:118,F8:119,F9:120,F10:121,F11:122,F12:123,NUMLOCK:144,SEMICOLON:186,DASH:189,EQUALS:187,COMMA:188,PERIOD:190,SLASH:191,APOSTROPHE:192,SINGLE_QUOTE:222,OPEN_SQUARE_BRACKET:219,BACKSLASH:220,CLOSE_SQUARE_BRACKET:221,WIN_KEY:224,MAC_FF_META:224,WIN_IME:229};n.isTextModifyingKeyEvent=function(e){var t=e.keyCode;if(e.altKey&&!e.ctrlKey||e.metaKey||t>=n.F1&&t<=n.F12)return!1;switch(t){case n.ALT:case n.CAPS_LOCK:case n.CONTEXT_MENU:case n.CTRL:case n.DOWN:case n.END:case n.ESC:case n.HOME:case n.INSERT:case n.LEFT:case n.MAC_FF_META:case n.META:case n.NUMLOCK:case n.NUM_CENTER:case n.PAGE_DOWN:case n.PAGE_UP:case n.PAUSE:case n.PRINT_SCREEN:case n.RIGHT:case n.SHIFT:case n.UP:case n.WIN_KEY:case n.WIN_KEY_RIGHT:return!1;default:return!0}},n.isCharacterKey=function(e){if(e>=n.ZERO&&e<=n.NINE)return!0;if(e>=n.NUM_ZERO&&e<=n.NUM_MULTIPLY)return!0;if(e>=n.A&&e<=n.Z)return!0;if(window.navigation.userAgent.indexOf("WebKit")!==-1&&0===e)return!0;switch(e){case n.SPACE:case n.QUESTION_MARK:case n.NUM_PLUS:case n.NUM_MINUS:case n.NUM_PERIOD:case n.NUM_DIVISION:case n.SEMICOLON:case n.DASH:case n.EQUALS:case n.COMMA:case n.PERIOD:case n.SLASH:case n.APOSTROPHE:case n.SINGLE_QUOTE:case n.OPEN_SQUARE_BRACKET:case n.BACKSLASH:case n.CLOSE_SQUARE_BRACKET:return!0;default:return!1}},e.exports=n},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=[];return a["default"].Children.forEach(e,function(e){t.push(e)}),t}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var i=n(1),a=r(i);e.exports=t["default"]},function(e,t,n){"use strict";var r=n(1778),o=n(1774),i=n(1775);r.Column=o,r.ColumnGroup=i,e.exports=r},function(e,t){"use strict";function n(e,t){if("undefined"==typeof window)return 0;var n=t?"pageYOffset":"pageXOffset",r=t?"scrollTop":"scrollLeft",o=e===window,i=o?e[n]:e[r];return o&&"number"!=typeof i&&(i=window.document.documentElement[r]),i}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=n,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n){var r=void 0,o=void 0;return(0,a["default"])(e,"ant-motion-collapse",{start:function(){t?(r=e.offsetHeight,e.style.height=0,e.style.opacity=0):(e.style.height=e.offsetHeight+"px",e.style.opacity=1)},active:function(){o&&(0,s.cancelRequestAnimationFrame)(o),o=l(function(){e.style.height=(t?r:0)+"px",e.style.opacity=t?1:0})},end:function(){o&&(0,s.cancelRequestAnimationFrame)(o),e.style.height="",e.style.opacity="",n()}})}Object.defineProperty(t,"__esModule",{value:!0});var i=n(230),a=r(i),s=n(199),u=r(s),l=(0,u["default"])(),c={enter:function(e,t){return o(e,!0,t)},leave:function(e,t){return o(e,!1,t)},appear:function(e,t){return o(e,!0,t)}};t["default"]=c,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(492),i=r(o),a=n(1825),s=r(a);i["default"].Button=s["default"],t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(25),i=r(o),a=n(1376),s=r(a),u=n(490),l=r(u),c=n(511),f=r(c),p=n(1808),d=r(p);i["default"].locale("en"),t["default"]={locale:"en",Pagination:s["default"],DatePicker:l["default"],TimePicker:f["default"],Calendar:d["default"],Table:{filterTitle:"Filter Menu",filterConfirm:"OK",filterReset:"Reset",emptyText:"No Data",selectAll:"Select All",selectInvert:"Select Invert"},Modal:{okText:"OK",cancelText:"Cancel",justOkText:"OK"},Popconfirm:{okText:"OK",cancelText:"Cancel"},Transfer:{notFoundContent:"Not Found",searchPlaceholder:"Search here",itemUnit:"item",itemsUnit:"items"},Select:{notFoundContent:"Not Found"},Upload:{uploading:"Uploading...",removeFile:"Remove file",uploadError:"Upload error",previewFile:"Preview file"}},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(10),i=r(o),a=n(9),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(1464),y=r(m),g=n(8),b=r(g),_=n(56),w=r(_),x=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},C=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.shouldComponentUpdate=function(e,t,n){return!(0,w["default"])(this.props,e)||!(0,w["default"])(this.state,t)||!(0,w["default"])(this.context.radioGroup,n.radioGroup)},t.prototype.render=function(){var e,t=this.props,n=this.context,r=t.prefixCls,o=t.className,a=t.children,u=t.style,l=x(t,["prefixCls","className","children","style"]),c=n.radioGroup,f=(0,s["default"])({},l);c&&(f.onChange=c.onChange,f.checked=t.value===c.value,f.disabled=t.disabled||c.disabled);var p=(0,b["default"])(o,(e={},(0,i["default"])(e,r+"-wrapper",!0),(0,i["default"])(e,r+"-wrapper-checked",f.checked),(0,i["default"])(e,r+"-wrapper-disabled",f.disabled),e));return v["default"].createElement("label",{className:p,style:u,onMouseEnter:t.onMouseEnter,onMouseLeave:t.onMouseLeave},v["default"].createElement(y["default"],(0,s["default"])({},f,{prefixCls:r})),void 0!==a?v["default"].createElement("span",null,a):null)},t}(v["default"].Component);t["default"]=C,C.defaultProps={prefixCls:"ant-radio"},C.contextTypes={radioGroup:h.PropTypes.any},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1270)},function(e,t,n){"use strict";n(14),n(1282)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),i=r(o);t["default"]=function(e){var t=e.children;return i["default"].createElement("div",{className:"browser-mockup with-url"},t)},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(195),d=r(p),h=n(3),v=function(e){function t(){var n,r,o;(0,i["default"])(this,t);for(var a=arguments.length,u=Array(a),l=0;l<a;l++)u[l]=arguments[l];return n=r=(0,s["default"])(this,e.call.apply(e,[this].concat(u))),r.onCopied=function(){var e=r.props.color;h.message.success("Copied: "+e)},o=n,(0,s["default"])(r,o)}return(0,l["default"])(t,e),t.prototype.getTextStyle=function(){var e=this.props,t=e.color,n=e.index;return{background:t,color:n>5?"#fff":"unset",fontWeight:6===n?"bold":"normal"}},t.prototype.render=function(){var e=this.props,t=e.color,n=e.index;return f["default"].createElement(d["default"],{text:t,onCopy:this.onCopied,title:"click to copy color"},f["default"].createElement("div",{className:"main-color-item",style:this.getTextStyle()},"color-",n,f["default"].createElement("span",{className:"main-color-value"},t)))},t}(c.Component);t["default"]=v,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var i,a,s=n(62),u=o(s),l=n(4),c=o(l),f=n(7),p=o(f),d=n(6),h=o(d),v=n(1),m=o(v),y=n(50),g=n(251),b=o(g),_=n(131),w=n(3),x=n(1738),C=o(x),E=n(159),S=o(E),P=n(46),O=r(P),T=(a=i=function(e){function t(){return(0,c["default"])(this,t),(0,p["default"])(this,e.apply(this,arguments))}return(0,h["default"])(t,e),t.prototype.componentDidMount=function(){this.delegation=(0,C["default"])(this.node,".resource-card","click",function(e){window.ga&&window.ga("send","event","Download","resource",e.delegateTarget.href)},!1),this.componentDidUpdate()},t.prototype.componentDidUpdate=function(){var e=[].concat((0,u["default"])(document.querySelectorAll(".outside-link.internal")));if(0!==e.length){var t="https://private.alipayobjects.com/alipay-rmsdeploy-image/rmsportal/RKuAiriJqrUhyqW.png";this.pingTimer=O.ping(t,function(t){"timeout"!==t&&"error"!==t?e.forEach(function(e){return e.style.display="block"}):e.forEach(function(e){return e.parentNode.removeChild(e)})})}},t.prototype.componentWillUnmount=function(){clearTimeout(this.pingTimer),this.delegation&&this.delegation.destroy()},t.prototype.getArticle=function(e){var t=this.props.content,n=t.meta;if(!n.timeline)return e;var r=[],o=[],i=1;return v.Children.forEach(e.props.children,function(e){"h2"===e.type&&o.length>0&&(r.push(m["default"].createElement(w.Timeline.Item,{key:i},o)),o=[],i+=1),o.push(e)}),o.length>0&&r.push(m["default"].createElement(w.Timeline.Item,{key:i},o)),(0,v.cloneElement)(e,{children:m["default"].createElement(w.Timeline,null,r)})},t.prototype.render=function(){var e=this,t=this.props,n=t.content,r=n.meta,o=n.description,i=r.title,a=r.subtitle,s=r.filename,u=this.context.intl.locale;return m["default"].createElement(b["default"],{title:(i[u]||i)+" - Ant Design"},m["default"].createElement("article",{className:"markdown",ref:function(t){e.node=t}},m["default"].createElement("h1",null,i[u]||i,a&&"en-US"!==u?m["default"].createElement("span",{className:"subtitle"},a):null,m["default"].createElement(S["default"],{title:m["default"].createElement(y.FormattedMessage,{id:"app.content.edit-page"}),filename:s})),o?t.utils.toReactComponent(["section",{className:"markdown"}].concat((0,_.getChildren)(o))):null,!n.toc||n.toc.length<=1||r.toc===!1?null:m["default"].createElement("section",{className:"toc"},t.utils.toReactComponent(n.toc)),this.getArticle(t.utils.toReactComponent(["section",{className:"markdown"}].concat((0,_.getChildren)(n.content))))))},t}(m["default"].Component),i.contextTypes={intl:v.PropTypes.object.isRequired},a);t["default"]=T,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o,i,a=n(9),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(12),y=r(m),g=n(251),b=r(g),_=n(50),w=n(8),x=r(w),C=n(3),E=n(131),S=n(311),P=r(S),O=n(159),T=r(O),k=(i=o=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n));return r.handleExpandToggle=function(){r.setState({expandAll:!r.state.expandAll})},r.state={expandAll:!1},r}return(0,d["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.doc,n=e.location,r=t.content,o=t.meta,i=this.context.intl.locale,a=Object.keys(e.demos).map(function(t){return e.demos[t]}),u=this.state.expandAll,l=1===o.cols,c=[],f=[],p=a.some(function(e){return e.meta.only})?a.filter(function(e){return e.meta.only}):a.filter(function(e){return e.preview});p.sort(function(e,t){return e.meta.order-t.meta.order}).forEach(function(t,r){var o=v["default"].createElement(P["default"],(0,s["default"])({},t,{key:t.meta.filename,utils:e.utils,expand:u,location:n}));r%2===0||l?c.push(o):f.push(o)});var d=(0,x["default"])({"code-box-expand-trigger":!0,"code-box-expand-trigger-active":u}),h=p.map(function(e){var t=e.meta.title,n=t[i]||t;return v["default"].createElement("li",{key:e.meta.id,title:n},v["default"].createElement("a",{href:"#"+e.meta.id},n))}),m=o.title,y=o.subtitle,g=o.filename;return v["default"].createElement(b["default"],{title:(y||"")+" "+(m[i]||m)+" - Ant Design"},v["default"].createElement("article",null,v["default"].createElement(C.Affix,{className:"toc-affix",offsetTop:16},v["default"].createElement("ul",{className:"toc demos-anchor"},h)),v["default"].createElement("section",{className:"markdown"},v["default"].createElement("h1",null,m[i]||m,y?v["default"].createElement("span",{className:"subtitle"},y):null,v["default"].createElement(T["default"],{title:v["default"].createElement(_.FormattedMessage,{id:"app.content.edit-page"}),filename:g})),e.utils.toReactComponent(["section",{className:"markdown"}].concat((0,E.getChildren)(r))),v["default"].createElement("h2",null,v["default"].createElement(_.FormattedMessage,{id:"app.component.examples"}),v["default"].createElement(C.Icon,{type:"appstore",className:d,title:"\u5c55\u5f00\u5168\u90e8\u4ee3\u7801",onClick:this.handleExpandToggle}))),v["default"].createElement(C.Row,{gutter:16},v["default"].createElement(C.Col,{span:l?"24":"12",className:l?"code-boxes-col-1-1":"code-boxes-col-2-1"},c),l?null:v["default"].createElement(C.Col,{className:"code-boxes-col-2-1",span:"12"},f)),e.utils.toReactComponent(["section",{className:"markdown api-container"}].concat((0,E.getChildren)(t.api||["placeholder"])))))},t}(v["default"].Component),o.contextTypes={intl:y["default"].object},i);t["default"]=k,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o,i,a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(2),v=r(h),m=n(12),y=r(m),g=n(50),b=n(195),_=r(b),w=n(8),x=r(w),C=n(3),E=n(159),S=r(E),P=n(307),O=r(P),T=(i=o=function(e){function t(n){(0,s["default"])(this,t);var r=(0,l["default"])(this,e.call(this,n));return r.handleCodeExapnd=function(){r.setState({codeExpand:!r.state.codeExpand})},r.saveAnchor=function(e){r.anchor=e},r.handleCodeCopied=function(){r.setState({copied:!0})},r.onCopyTooltipVisibleChange=function(e){return e?void r.setState({
-copyTooltipVisible:e,copied:!1}):void r.setState({copyTooltipVisible:e})},r.state={codeExpand:!1,sourceCode:"",copied:!1,copyTooltipVisible:!1},r}return(0,f["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){var t=e.highlightedCode,n=document.createElement("div");n.innerHTML=t[1].highlighted,this.setState({sourceCode:n.textContent})},t.prototype.shouldComponentUpdate=function(e,t){return(this.state.codeExpand||this.props.expand)!==(t.codeExpand||e.expand)||this.state.copied!==t.copied||this.state.copyTooltipVisible!==t.copyTooltipVisible},t.prototype.componentDidMount=function(){var e=this.props,t=e.meta,n=e.location;t.id===n.hash.slice(1)&&this.anchor.click(),this.componentWillReceiveProps(this.props)},t.prototype.render=function(){var e=this.state,t=this.props,n=t.meta,r=t.src,o=t.content,i=t.preview,a=t.highlightedCode,s=t.style,u=t.highlightedStyle,l=t.expand;this.liveDemo||(this.liveDemo=n.iframe?d["default"].createElement(O["default"],null,d["default"].createElement("iframe",{src:r,height:n.iframe})):i(d["default"],v["default"]));var c=e.codeExpand||l,f=(0,x["default"])({"code-box":!0,expand:c}),p=this.context.intl.locale,h=n.title[p]||n.title,m=o[p]||o,y=t.utils.toReactComponent(["div"].concat(m)),b=(0,x["default"])({"highlight-wrapper":!0,"highlight-wrapper-expand":c});return d["default"].createElement("section",{className:f,id:n.id},d["default"].createElement("section",{className:"code-box-demo"},this.liveDemo,s?d["default"].createElement("style",{dangerouslySetInnerHTML:{__html:s}}):null),d["default"].createElement("section",{className:"code-box-meta markdown"},d["default"].createElement("div",{className:"code-box-title"},d["default"].createElement("a",{href:"#"+n.id,ref:this.saveAnchor},h),d["default"].createElement(S["default"],{title:d["default"].createElement(g.FormattedMessage,{id:"app.content.edit-page"}),filename:n.filename})),y,d["default"].createElement(C.Icon,{type:"down-circle-o",title:"Show Code",className:"collapse",onClick:this.handleCodeExapnd})),d["default"].createElement("section",{className:b,key:"code"},d["default"].createElement("div",{className:"highlight"},d["default"].createElement(_["default"],{text:e.sourceCode,onCopy:this.handleCodeCopied},d["default"].createElement(C.Tooltip,{visible:e.copyTooltipVisible,onVisibleChange:this.onCopyTooltipVisibleChange,title:d["default"].createElement(g.FormattedMessage,{id:"app.demo."+(e.copied?"copied":"copy")})},d["default"].createElement(C.Icon,{type:e.copied&&e.copyTooltipVisible?"check":"copy",className:"code-box-code-copy"}))),t.utils.toReactComponent(a)),u?d["default"].createElement("div",{key:"style",className:"highlight"},d["default"].createElement("pre",null,d["default"].createElement("code",{className:"css",dangerouslySetInnerHTML:{__html:u}}))):null))},t}(d["default"].Component),o.contextTypes={intl:y["default"].object},i);t["default"]=T,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}function i(e){var t=e.params.children;return t&&t.replace("-cn","")||e.location.pathname.replace(/(^\/|-cn$)/g,"")}function a(e){var t=e.location.pathname,n=/^\/?components/.test(t)?"components":t.split("/").filter(function(e){return e}).slice(0,2).join("/"),r="components"===n||"docs/react"===n||"changelog"===n||"changelog-cn"===n?[].concat((0,_["default"])(e.picked.components),(0,_["default"])(e.picked["docs/react"]),(0,_["default"])(e.picked.changelog)):e.picked[n],o=A.isZhCN(e.location.pathname)?"en-US.md":"zh-CN.md";return r.filter(function(e){var t=e.meta;return!t.filename.endsWith(o)})}function s(e){var t=e.replace(/(\/index)?((\.zh-CN)|(\.en-US))?\.md$/i,"").split("/");return t[t.length-1]}function u(e){return"topLevel"!==e}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var l,c,f=n(9),p=o(f),d=n(4),h=o(d),v=n(7),m=o(v),y=n(6),g=o(y),b=n(62),_=o(b),w=n(1),x=o(w),C=n(90),E=n(3),S=n(8),P=o(S),O=n(309),T=o(O),k=n(310),M=o(k),N=n(46),A=r(N),D=E.Menu.SubMenu,j=(c=l=function(e){function t(n){(0,h["default"])(this,t);var r=(0,m["default"])(this,e.call(this,n));return r.handleMenuOpenChange=function(e){r.setState({openKeys:e})},r.state={openKeys:r.getSideBarOpenKeys(n)||[]},r}return(0,g["default"])(t,e),t.prototype.componentDidMount=function(){this.componentDidUpdate()},t.prototype.componentWillReceiveProps=function(e){var t=this.getSideBarOpenKeys(e);t&&this.setState({openKeys:t})},t.prototype.componentDidUpdate=function(){location.hash?(this.timer&&clearTimeout(this.timer),this.timer=setTimeout(function(){document.getElementById(decodeURI(location.hash.replace("#",""))).scrollIntoView()},10)):(document.body.scrollTop=0,document.documentElement.scrollTop=0)},t.prototype.componentWillUnmount=function(){clearTimeout(this.timer)},t.prototype.getSideBarOpenKeys=function(e){var t=e.location.pathname,n=this.currentModule;this.currentModule=t.replace(/^\//).split("/")[1]||"components","react"===this.currentModule&&(this.currentModule="components");var r=A.isZhCN(t)?"zh-CN":"en-US";if(n!==this.currentModule){var o=a(e),i=Object.keys(A.getMenuItems(o,r));return i}},t.prototype.generateMenuItem=function(e,t){var n=this.context.intl.locale,r=s(t.filename),o=e?t.title[n]||t.title:[x["default"].createElement("span",{key:"english"},t.title),x["default"].createElement("span",{className:"chinese",key:"chinese"},t.subtitle)],i=t.disabled,a=t.filename.replace(/(\/index)?((\.zh-CN)|(\.en-US))?\.md$/i,"").toLowerCase(),u=t.link?x["default"].createElement("a",{href:t.link,target:"_blank",rel:"noopener noreferrer",disabled:i,className:"menu-item-link-outside"},o," ",x["default"].createElement(E.Icon,{type:"export"})):x["default"].createElement(C.Link,{to:A.getLocalizedPathname(/^components/.test(a)?a+"/":a,"zh-CN"===n),disabled:i},o);return x["default"].createElement(E.Menu.Item,{key:r.toLowerCase(),disabled:i},u)},t.prototype.generateSubMenuItems=function(e){var t=this,n=this.props.themeConfig,r=(e.topLevel||[]).map(this.generateMenuItem.bind(this,!0)),o=Object.keys(e).filter(u).sort(function(e,t){return n.typeOrder[e]-n.typeOrder[t]}).map(function(n){var r=e[n].sort(function(e,t){return e.title.charCodeAt(0)-t.title.charCodeAt(0)}).map(t.generateMenuItem.bind(t,!1));return x["default"].createElement(E.Menu.ItemGroup,{title:n,key:n},r)});return[].concat((0,_["default"])(r),(0,_["default"])(o))},t.prototype.getMenuItems=function(){var e=this,t=this.props.themeConfig,n=a(this.props),r=A.getMenuItems(n,this.context.intl.locale),o=Object.keys(r).filter(u),i=this.generateSubMenuItems(r.topLevel),s=[].concat((0,_["default"])(i));return s.forEach(function(n,i){var a=o.filter(function(e){return t.categoryOrder[e]?t.categoryOrder[e]<=i:i===s.length-1})[0];if(a){var u=x["default"].createElement(D,{title:x["default"].createElement("h4",null,a),key:a},e.generateSubMenuItems(r[a]));s.splice(i+1,0,u),o.splice(o.indexOf(a),1)}}),s},t.prototype.flattenMenu=function(e){var t=this;return e.type===E.Menu.Item?e:Array.isArray(e)?e.reduce(function(e,n){return e.concat(t.flattenMenu(n))},[]):this.flattenMenu(e.props.children)},t.prototype.getFooterNav=function(e,t){var n=this.flattenMenu(e),r=-1;n.forEach(function(e,n){e.key===t&&(r=n)});var o=n[r-1],i=n[r+1];return{prev:o,next:i}},t.prototype.render=function(){var e=this.props,t=i(e),n=this.getMenuItems(),r=this.getFooterNav(n,t),o=r.prev,a=r.next,s=e.localizedPageData,u=(0,P["default"])("main-container",{"main-container-component":!!e.demos});return x["default"].createElement("div",{className:"main-wrapper"},x["default"].createElement(E.Row,null,x["default"].createElement(E.Col,{lg:4,md:6,sm:24,xs:24},x["default"].createElement(E.Menu,{className:"aside-container",mode:"inline",openKeys:this.state.openKeys,selectedKeys:[t],onOpenChange:this.handleMenuOpenChange},n)),x["default"].createElement(E.Col,{lg:20,md:18,sm:24,xs:24,className:u},e.demos?x["default"].createElement(M["default"],(0,p["default"])({},e,{doc:s,demos:e.demos})):x["default"].createElement(T["default"],(0,p["default"])({},e,{content:s})))),x["default"].createElement(E.Row,null,x["default"].createElement(E.Col,{lg:{span:20,offset:4},md:{span:18,offset:6},sm:24,xs:24},x["default"].createElement("section",{className:"prev-next-nav"},o?x["default"].cloneElement(o.props.children,{className:"prev-page"}):null,a?x["default"].cloneElement(a.props.children,{className:"next-page"}):null))))},t}(x["default"].Component),l.contextTypes={intl:w.PropTypes.object.isRequired},c);t["default"]=j,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}function i(e){return"line"===e.key?"right":"button"===e.key?"bottom":"left"}function a(e){var t=e.location,n=e.onEnterChange,r=b.isZhCN(t.pathname);return u["default"].createElement("section",{className:"page banner-wrapper"},u["default"].createElement(p["default"],{className:"page",id:"banner",onChange:function(e){var t=e.mode;return n(t)},playScale:.9},u["default"].createElement(y["default"],{className:"banner-text-wrapper",type:i,delay:300,key:"banner"},u["default"].createElement("h2",{key:"h2"},"ANT ",u["default"].createElement("p",null,"DESIGN")),u["default"].createElement("p",{key:"content"},u["default"].createElement(c.FormattedMessage,{id:"app.home.slogan"})),u["default"].createElement("span",{className:"line",key:"line"}),u["default"].createElement("div",{key:"button1",className:"start-button clearfix"},u["default"].createElement(l.Link,{to:b.getLocalizedPathname("/docs/spec/introduce",r)},u["default"].createElement(c.FormattedMessage,{id:"app.home.introduce"})),u["default"].createElement(l.Link,{to:b.getLocalizedPathname("/docs/react/introduce",r)},u["default"].createElement(c.FormattedMessage,{id:"app.home.start"}))),u["default"].createElement(h["default"],{key:"github-button",type:"stargazers",namespace:"ant-design",repo:"ant-design"})),u["default"].createElement(v.Icon,{type:"down",className:"down"})))}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=a;var s=n(1),u=o(s),l=n(90),c=n(50),f=n(379),p=o(f),d=n(544),h=o(d),v=n(3),m=n(135),y=o(m),g=n(46),b=r(g);e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}function i(e){var t=e.location;return s["default"].createElement(d["default"],{id:"page1",className:"content-wrapper page"},s["default"].createElement(f["default"],{key:"image",className:"image1 image-wrapper",animation:{x:0,opacity:1,ease:"easeOutQuad"},style:{transform:"translateX(-100px)",opacity:0}}),s["default"].createElement(m["default"],{className:"text-wrapper",key:"text",leaveReverse:!0},s["default"].createElement("h2",{key:"h2"},s["default"].createElement(l.FormattedMessage,{id:"app.home.best-practice"})),s["default"].createElement("p",{key:"p",style:{maxWidth:310}},s["default"].createElement(l.FormattedMessage,{id:"app.home.experience"})),s["default"].createElement("div",{key:"button"},s["default"].createElement(u.Link,{to:g.getLocalizedPathname("/docs/spec/cases",g.isZhCN(t.pathname))},s["default"].createElement(h.Button,{type:"primary",size:"large"},s["default"].createElement(l.FormattedMessage,{id:"app.home.learn-more"}),s["default"].createElement(h.Icon,{type:"right"}))))))}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=i;var a=n(1),s=o(a),u=n(90),l=n(50),c=n(169),f=o(c),p=n(167),d=o(p),h=n(3),v=n(135),m=o(v),y=n(46),g=r(y);e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}function i(e){var t=e.location;return s["default"].createElement(d["default"],{id:"page2",className:"content-wrapper page"},s["default"].createElement(m["default"],{className:"text-wrapper left-text",key:"text",duration:450,type:"bottom",leaveReverse:!0},s["default"].createElement("h2",{key:"h2"},s["default"].createElement(u.FormattedMessage,{id:"app.home.design-pattern"})),s["default"].createElement("p",{key:"p",style:{maxWidth:260}},s["default"].createElement(u.FormattedMessage,{id:"app.home.pattern"})),s["default"].createElement("div",{key:"button"},s["default"].createElement(l.Link,{to:g.getLocalizedPathname("/docs/pattern/navigation",g.isZhCN(t.pathname))},s["default"].createElement(h.Button,{type:"primary",size:"large"},s["default"].createElement(u.FormattedMessage,{id:"app.home.learn-more"}),s["default"].createElement(h.Icon,{type:"right"}))))),s["default"].createElement(f["default"],{key:"image",className:"image2 image-wrapper",animation:{x:0,opacity:1,ease:"easeOutQuad"},style:{transform:"translateX(100px)",opacity:0}}))}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=i;var a=n(1),s=o(a),u=n(50),l=n(90),c=n(169),f=o(c),p=n(167),d=o(p),h=n(3),v=n(135),m=o(v),y=n(46),g=r(y);e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}function i(e){var t=e.location;return s["default"].createElement(d["default"],{id:"page3",className:"content-wrapper page"},s["default"].createElement(f["default"],{key:"image",className:"image3 image-wrapper",animation:{x:0,opacity:1,ease:"easeOutQuad"},style:{transform:"translateX(-100px)",opacity:0}}),s["default"].createElement(m["default"],{className:"text-wrapper",key:"text",leaveReverse:!0,style:{top:"40%"}},s["default"].createElement("h2",{key:"h2"},s["default"].createElement(l.FormattedMessage,{id:"app.home.reusable-components"})),s["default"].createElement("p",{key:"p",style:{maxWidth:280}},s["default"].createElement(l.FormattedMessage,{id:"app.home.components-intro"})),s["default"].createElement("div",{key:"button"},s["default"].createElement(u.Link,{to:g.getLocalizedPathname("/docs/react/introduce",g.isZhCN(t.pathname))},s["default"].createElement(h.Button,{type:"primary",size:"large"},s["default"].createElement(l.FormattedMessage,{id:"app.home.learn-more"}),s["default"].createElement(h.Icon,{type:"right"}))))))}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=i;var a=n(1),s=o(a),u=n(90),l=n(50),c=n(169),f=o(c),p=n(167),d=o(p),h=n(3),v=n(135),m=o(v),y=n(46),g=r(y);e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){return a["default"].createElement(f["default"],{id:"page4",className:"content-wrapper page"},a["default"].createElement(d["default"],{className:"text-wrapper-bottom",key:"text",leaveReverse:!0,type:"bottom"},a["default"].createElement("h2",{key:"h2"},a["default"].createElement(l.FormattedMessage,{id:"app.home.sub-slogan"})),a["default"].createElement("p",{key:"p"},a["default"].createElement(l.FormattedMessage,{id:"app.home.vision"}))),a["default"].createElement(u["default"],{key:"image",className:"image4 bottom-wrapper",animation:{y:0,opacity:1,duration:550,delay:150,ease:"easeOutQuad"},style:{transform:"translateY(50px)",opacity:0}}))}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var i=n(1),a=r(i),s=n(169),u=r(s),l=n(50),c=n(167),f=r(c),p=n(135),d=r(p);e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(195),d=r(p),h=n(3),v=function(e){function t(n){(0,i["default"])(this,t);var r=(0,s["default"])(this,e.call(this,n));return r.onCopied=function(){r.setState({justCopied:!0},function(){setTimeout(function(){r.setState({justCopied:!1})},2e3)})},r.state={justCopied:!1},r}return(0,l["default"])(t,e),t.prototype.render=function(){var e='<Icon type="'+this.props.type+'" />';return f["default"].createElement(d["default"],{text:e,onCopy:this.onCopied},f["default"].createElement("li",{className:this.state.justCopied?"copied":""},f["default"].createElement(h.Icon,{type:this.props.type}),f["default"].createElement("span",{className:"anticon-class"},this.props.type)))},t}(f["default"].Component);t["default"]=v,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(50),d=n(3),h=n(46),v=function(e){function t(){return(0,i["default"])(this,t),(0,s["default"])(this,e.apply(this,arguments))}return(0,l["default"])(t,e),t.prototype.componentDidMount=function(){(0,h.isLocalStorageNameSupported)()&&"true"!==localStorage.getItem("antd@2.0.0-notification-sent")&&Date.now()<new Date("2016/10/14").getTime()&&this.infoNewVersion()},t.prototype.infoNewVersion=function(){var e=this.props.intl.messages;d.Modal.info({title:e["app.publish.title"],content:f["default"].createElement("div",null,f["default"].createElement("img",{src:"https://os.alipayobjects.com/rmsportal/nyqBompsynAQCpJ.svg",alt:"Ant Design"}),f["default"].createElement("p",null,e["app.publish.greeting"],f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"/changelog"},"antd@2.0.0"),e["app.publish.intro"],e["app.publish.old-version-guide"],f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"http://1x.ant.design"},"1x.ant.design"),e["app.publish.old-version-tips"])),okText:"OK",onOk:function(){return localStorage.setItem("antd@2.0.0-notification-sent","true")},className:"new-version-info-modal",width:470})},t.prototype.render=function(){return f["default"].createElement("footer",{id:"footer"},f["default"].createElement("ul",null,f["default"].createElement("li",null,f["default"].createElement("h2",null,f["default"].createElement(d.Icon,{type:"github"})," GitHub"),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank ",href:"https://github.com/ant-design/ant-design"},f["default"].createElement(p.FormattedMessage,{id:"app.footer.repo"}))),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank ",href:"https://ant.design/docs/react/customize-theme"},f["default"].createElement(p.FormattedMessage,{id:"app.footer.customize-theme"}))),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank ",href:"https://github.com/websemantics/awesome-ant-design"},f["default"].createElement(p.FormattedMessage,{id:"app.footer.awesome"})))),f["default"].createElement("li",null,f["default"].createElement("h2",null,f["default"].createElement(d.Icon,{type:"link"})," ",f["default"].createElement(p.FormattedMessage,{id:"app.footer.links"})),f["default"].createElement("div",null,f["default"].createElement("a",{href:"https://design.alipay.com/"},f["default"].createElement(p.FormattedMessage,{id:"app.footer.design-platform"}))),f["default"].createElement("div",null,f["default"].createElement("a",{href:"http://mobile.ant.design"},"Ant Design Mobile"),f["default"].createElement("span",null," - "),f["default"].createElement(p.FormattedMessage,{id:"app.footer.mobile"})),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/dvajs/dva"},"dva")," - ",f["default"].createElement(p.FormattedMessage,{id:"app.footer.dva"})),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/dvajs/dva-cli"},"dva-cli")," -",f["default"].createElement(p.FormattedMessage,{id:"app.footer.dev-tools"})),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"https://eggjs.org/"},"Egg"),f["default"].createElement("span",null," - "),f["default"].createElement(p.FormattedMessage,{id:"app.footer.eggjs"})),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"https://antv.alipay.com/"},"AntV"),f["default"].createElement("span",null," - "),f["default"].createElement(p.FormattedMessage,{id:"app.footer.data-vis"})),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"http://motion.ant.design"},"Ant Motion"),f["default"].createElement("span",null," - "),f["default"].createElement(p.FormattedMessage,{id:"app.footer.motion"})),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"http://library.ant.design/"},"AntD Library"),f["default"].createElement("span",null," - "),f["default"].createElement(p.FormattedMessage,{id:"app.footer.antd-library"})),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"http://ux.ant.design"},"Ant UX"),f["default"].createElement("span",null," - "),f["default"].createElement(p.FormattedMessage,{id:"app.footer.antux"}))),f["default"].createElement("li",null,f["default"].createElement("h2",null,f["default"].createElement(d.Icon,{type:"customer-service"})," ",f["default"].createElement(p.FormattedMessage,{id:"app.footer.community"})),f["default"].createElement("div",null,f["default"].createElement("a",{href:"/changelog"},f["default"].createElement(p.FormattedMessage,{id:"app.footer.change-log"}))),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/ant-design/ant-design/wiki/FAQ"},f["default"].createElement(p.FormattedMessage,{id:"app.footer.faq"}))),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"https://gitter.im/ant-design/ant-design"},f["default"].createElement(p.FormattedMessage,{id:"app.footer.discuss-cn"}))),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"https://gitter.im/ant-design/ant-design-english"},f["default"].createElement(p.FormattedMessage,{id:"app.footer.discuss-en"}))),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"http://new-issue.ant.design/"},f["default"].createElement(p.FormattedMessage,{id:"app.footer.bug-report"}))),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/ant-design/ant-design/issues"},f["default"].createElement(p.FormattedMessage,{id:"app.footer.issues"}))),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"http://stackoverflow.com/questions/tagged/antd"},f["default"].createElement(p.FormattedMessage,{id:"app.footer.stackoverflow"}))),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"https://segmentfault.com/t/antd"},f["default"].createElement(p.FormattedMessage,{id:"app.footer.segmentfault"})))),f["default"].createElement("li",null,f["default"].createElement("h2",null,"Copyright \xa9 ",(new Date).getFullYear()),f["default"].createElement("div",null,f["default"].createElement(p.FormattedMessage,{id:"app.footer.author"})),f["default"].createElement("div",null,"Built with\xa0",f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/benjycui/bisheng"},"BiSheng")))))},t}(f["default"].Component);t["default"]=(0,p.injectIntl)(v),e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var i,a,s=n(10),u=o(s),l=n(9),c=o(l),f=n(4),p=o(f),d=n(7),h=o(d),v=n(6),m=o(v),y=n(1),g=o(y),b=n(90),_=n(50),w=n(8),x=o(w),C=n(3),E=n(46),S=r(E),P=n(358),O=C.Select.Option,T="Google",k="https://www.google.com/#q=site:ant.design+",M=(a=i=function(e){function t(){var n,r,o;(0,p["default"])(this,t);for(var i=arguments.length,a=Array(i),s=0;s<i;s++)a[s]=arguments[s];return n=r=(0,h["default"])(this,e.call.apply(e,[this].concat(a))),r.state={inputValue:"",menuVisible:!1,menuMode:"horizontal"},r.handleSearch=function(e){if(e===T)return void(window.location.href=""+k+r.state.inputValue);var t=r.context,n=t.intl,o=t.router;r.setState({inputValue:""},function(){o.push({pathname:S.getLocalizedPathname(e+"/","zh-CN"===n.locale)}),document.querySelector("#search-box .ant-select-search__field").blur()})},r.handleInputChange=function(e){r.setState({inputValue:e})},r.handleShowMenu=function(){r.setState({menuVisible:!0})},r.handleHideMenu=function(){r.setState({menuVisible:!1})},r.onMenuVisibleChange=function(e){r.setState({menuVisible:e})},r.handleSelectFilter=function(e,t){var n=t.props["data-label"];return n===T||n.indexOf(e.toLowerCase())>-1},r.handleLangChange=function(){var e=r.props.location.pathname,t=location.protocol+"//",n=location.href.substr(t.length);S.isLocalStorageNameSupported()&&localStorage.setItem("locale",S.isZhCN(e)?"en-US":"zh-CN"),location.href=t+n.replace(location.pathname,S.getLocalizedPathname(e,!S.isZhCN(e)))},r.handleVersionChange=function(e){var t=window.location.href,n=window.location.pathname;window.location.href=t.replace(window.location.origin,e).replace(n,S.getLocalizedPathname(n))},o=n,(0,h["default"])(r,o)}return(0,m["default"])(t,e),t.prototype.componentDidMount=function(){var e=this;this.context.router.listen(this.handleHideMenu),n(428).register("only screen and (min-width: 0) and (max-width: 992px)",{match:function(){e.setState({menuMode:"inline"})},unmatch:function(){e.setState({menuMode:"horizontal"})}})},t.prototype.render=function(){var e=this.state,t=e.inputValue,n=e.menuMode,r=e.menuVisible,o=this.props,i=o.location,a=o.picked,s=o.isFirstScreen,l=o.themeConfig,f=(0,c["default"])({},l.docVersions,(0,u["default"])({},P.version,P.version)),p=Object.keys(f).map(function(e){return g["default"].createElement(O,{value:f[e],key:e},e)}),d=a.components,h=i.pathname.replace(/(^\/|\/$)/g,"").split("/").slice(0,-1).join("/"),v=h||"home";"components"!==v&&"changelog"!==i.pathname||(v="docs/react");var m=this.context.intl.locale,y="zh-CN"===m,w=y?"en-US.md":"zh-CN.md",E=d.filter(function(e){var t=e.meta;return!t.filename.endsWith(w)}).map(function(e){var t=e.meta,n=t.filename.split("/")[1],r="/components/"+n,o=t.subtitle;return g["default"].createElement(O,{value:r,key:r,"data-label":t.title.toLowerCase()+" "+(o||"")},g["default"].createElement("strong",null,t.title),o&&g["default"].createElement("span",{className:"ant-component-decs"},o))}),k=(0,x["default"])({clearfix:!0,"home-nav-white":!s}),M=[g["default"].createElement(C.Button,{className:"lang",type:"ghost",size:"small",onClick:this.handleLangChange,key:"lang"},g["default"].createElement(_.FormattedMessage,{id:"app.header.lang"})),g["default"].createElement(C.Select,{key:"version",className:"version",size:"small",dropdownMatchSelectWidth:!1,defaultValue:P.version,onChange:this.handleVersionChange},p),g["default"].createElement(C.Menu,{mode:n,selectedKeys:[v],id:"nav",key:"nav"},g["default"].createElement(C.Menu.Item,{key:"home"},g["default"].createElement(b.Link,{to:S.getLocalizedPathname("/",y)},g["default"].createElement(_.FormattedMessage,{id:"app.header.menu.home"}))),g["default"].createElement(C.Menu.Item,{key:"docs/spec"},g["default"].createElement(b.Link,{to:S.getLocalizedPathname("/docs/spec/introduce",y)},g["default"].createElement(_.FormattedMessage,{id:"app.header.menu.spec"}))),g["default"].createElement(C.Menu.Item,{key:"docs/react"},g["default"].createElement(b.Link,{to:S.getLocalizedPathname("/docs/react/introduce",y)},g["default"].createElement(_.FormattedMessage,{id:"app.header.menu.components"}))),g["default"].createElement(C.Menu.Item,{key:"docs/pattern"},g["default"].createElement(b.Link,{to:S.getLocalizedPathname("/docs/pattern/navigation",y)},g["default"].createElement(_.FormattedMessage,{id:"app.header.menu.pattern"}))),g["default"].createElement(C.Menu.Item,{key:"docs/resource"},g["default"].createElement(b.Link,{to:S.getLocalizedPathname("/docs/resource/download",y)},g["default"].createElement(_.FormattedMessage,{id:"app.header.menu.resource"}))))],N="zh-CN"===m?"\u641c\u7d22\u7ec4\u4ef6...":"Search Components...";return g["default"].createElement("header",{id:"header",className:k},"inline"===n?g["default"].createElement(C.Popover,{overlayClassName:"popover-menu",placement:"bottomRight",content:M,trigger:"click",visible:r,arrowPointAtCenter:!0,onVisibleChange:this.onMenuVisibleChange},g["default"].createElement(C.Icon,{className:"nav-phone-icon",type:"menu",onClick:this.handleShowMenu})):null,g["default"].createElement(C.Row,null,g["default"].createElement(C.Col,{lg:4,md:5,sm:24,xs:24},g["default"].createElement(b.Link,{to:S.getLocalizedPathname("/",y),id:"logo"},g["default"].createElement("img",{alt:"logo",src:"https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg"}),g["default"].createElement("span",null,"Ant Design"))),g["default"].createElement(C.Col,{lg:20,md:19,sm:0,xs:0},g["default"].createElement("div",{id:"search-box"},g["default"].createElement(C.Select,{mode:"combobox",value:t,dropdownClassName:"component-select",placeholder:N,optionLabelProp:"data-label",filterOption:this.handleSelectFilter,onSelect:this.handleSearch,onSearch:this.handleInputChange,getPopupContainer:function(e){return e.parentNode}},g["default"].createElement(O,{value:T,"data-label":T},g["default"].createElement(_.FormattedMessage,{id:"app.header.search"})),E)),"horizontal"===n?M:null)))},t}(g["default"].Component),i.contextTypes={router:y.PropTypes.object.isRequired,intl:y.PropTypes.object.isRequired},a);t["default"]=M,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}function i(e){var t=e.location;return s["default"].createElement("div",{id:"page-404"},s["default"].createElement("section",null,s["default"].createElement("h1",null,"404"),s["default"].createElement("p",null,"\u4f60\u8981\u627e\u7684\u9875\u9762\u4e0d\u5b58\u5728",s["default"].createElement(u.Link,{to:c.getLocalizedPathname("/",c.isZhCN(t.pathname))},"\u8fd4\u56de\u9996\u9875"))),s["default"].createElement("style",{dangerouslySetInnerHTML:{__html:"#react-content { height: 100%; background-color: #fff }"}}))}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=i;var a=n(1),s=o(a),u=n(90),l=n(46),c=r(l);e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(1917),i=r(o),a=n(1916),s=r(a);t["default"]=function(){function e(e,t){var n=[],r=!0,o=!1,i=void 0;try{for(var a,u=(0,s["default"])(e);!(r=(a=u.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(l){o=!0,i=l}finally{try{!r&&u["return"]&&u["return"]()}finally{if(o)throw i}}return n}return function(t,n){if(Array.isArray(t))return t;if((0,i["default"])(Object(t)))return e(t,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}()},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){return Object.keys(t).some(function(n){return e.target===(0,y.findDOMNode)(t[n])})}function i(e,t){var n=t.min,r=t.max;return e<n||e>r}function a(e){
-return e.touches.length>1||"touchend"===e.type.toLowerCase()&&e.touches.length>0}function s(e,t){var n=t.marks,r=t.step,o=t.min,i=Object.keys(n).map(parseFloat);if(null!==r){var a=Math.round((e-o)/r)*r+o;i.push(a)}var s=i.map(function(t){return Math.abs(e-t)});return i[s.indexOf(Math.min.apply(Math,(0,m["default"])(s)))]}function u(e){var t=e.toString(),n=0;return t.indexOf(".")>=0&&(n=t.length-t.indexOf(".")-1),n}function l(e,t){return e?t.clientY:t.pageX}function c(e,t){return e?t.touches[0].clientY:t.touches[0].pageX}function f(e,t){var n=t.getBoundingClientRect();return e?n.top+.5*n.height:n.left+.5*n.width}function p(e,t){var n=t.max,r=t.min;return e<=r?r:e>=n?n:e}function d(e,t){var n=t.step,r=s(e,t);return null===n?r:parseFloat(r.toFixed(u(n)))}function h(e){e.stopPropagation(),e.preventDefault()}Object.defineProperty(t,"__esModule",{value:!0});var v=n(62),m=r(v);t.isEventFromHandle=o,t.isValueOutOfRange=i,t.isNotTouchEvent=a,t.getClosestPoint=s,t.getPrecision=u,t.getMousePosition=l,t.getTouchPosition=c,t.getHandleCenterPosition=f,t.ensureValueInRange=p,t.ensureValuePrecision=d,t.pauseEvent=h;var y=n(2)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=[];return b["default"].Children.forEach(e,function(e){e&&t.push(e)}),t}function i(e,t){for(var n=o(e),r=0;r<n.length;r++)if(n[r].key===t)return r;return-1}function a(e,t){var n=o(e);return n[t].key}function s(e,t){e.transform=t,e.webkitTransform=t,e.mozTransform=t}function u(e){return"transform"in e||"webkitTransform"in e||"MozTransform"in e}function l(e,t){e.transition=t,e.webkitTransition=t,e.MozTransition=t}function c(e){return{transform:e,WebkitTransform:e,MozTransform:e}}function f(e){return"left"===e||"right"===e}function p(e,t){var n=f(t)?"translateY":"translateX";return n+"("+100*-e+"%) translateZ(0)"}function d(e,t){var n=f(t)?"marginTop":"marginLeft";return(0,y["default"])({},n,100*-e+"%")}function h(e,t){return+getComputedStyle(e).getPropertyValue(t).replace("px","")}function v(e,t,n){e.style[t]=n+"px"}Object.defineProperty(t,"__esModule",{value:!0});var m=n(10),y=r(m);t.toArray=o,t.getActiveIndex=i,t.getActiveKey=a,t.setTransform=s,t.isTransformSupported=u,t.setTransition=l,t.getTransformPropValue=c,t.isVertical=f,t.getTransformByIndex=p,t.getMarginStyle=d,t.getStyle=h,t.setPxStyle=v;var g=n(1),b=r(g)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(1954),d=r(p),h=n(1953),v=r(h),m=function(e){function t(){return(0,i["default"])(this,t),(0,s["default"])(this,e.apply(this,arguments))}return(0,l["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.prefixCls;return f["default"].createElement("table",{className:t+"-table",cellSpacing:"0",role:"grid"},f["default"].createElement(d["default"],e),f["default"].createElement(v["default"],e))},t}(f["default"].Component);t["default"]=m,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(){return(0,h["default"])()}function a(e){var t=void 0;return t=e?(0,v.getTodayTime)(e):i()}Object.defineProperty(t,"__esModule",{value:!0});var s=n(10),u=r(s),l=n(1),c=r(l),f=n(8),p=r(f),d=n(25),h=r(d),v=n(87),m={propTypes:{value:l.PropTypes.object,defaultValue:l.PropTypes.object,onKeyDown:l.PropTypes.func},getDefaultProps:function(){return{onKeyDown:o}},getInitialState:function(){var e=this.props,t=e.value||e.defaultValue||i();return{value:t,selectedValue:e.selectedValue||e.defaultSelectedValue}},componentWillReceiveProps:function(e){var t=e.value,n=e.selectedValue;"value"in e&&(t=t||e.defaultValue||a(this.state.value),this.setState({value:t})),"selectedValue"in e&&this.setState({selectedValue:n})},onSelect:function(e,t){e&&this.setValue(e),this.setSelectedValue(e,t)},renderRoot:function(e){var t,n=this.props,r=n.prefixCls,o=(t={},(0,u["default"])(t,r,1),(0,u["default"])(t,r+"-hidden",!n.visible),(0,u["default"])(t,n.className,!!n.className),(0,u["default"])(t,e.className,!!e.className),t);return c["default"].createElement("div",{ref:"root",className:""+(0,p["default"])(o),style:this.props.style,tabIndex:"0",onKeyDown:this.onKeyDown},e.children)},setSelectedValue:function(e,t){"selectedValue"in this.props||this.setState({selectedValue:e}),this.props.onSelect(e,t)},setValue:function(e){var t=this.state.value;"value"in this.props||this.setState({value:e}),(t&&e&&!t.isSame(e)||!t&&e||t&&!e)&&this.props.onChange(e)},isAllowedDate:function(e){var t=this.props.disabledDate,n=this.props.disabledTime;return(0,v.isAllowedDate)(e,t,n)}};t["default"]=m,e.exports=t["default"]},function(e,t){e.exports=function(e,t){if(e.indexOf)return e.indexOf(t);for(var n=0;n<e.length;++n)if(e[n]===t)return n;return-1}},function(e,t,n){"use strict";function r(e,t){var n=[],r=e.map(function(e){return e.getStyle()}).toList();return s(r,o,f,function(e,r){n.push(new h({start:e+t,end:r+t}))}),u(n)}function o(e,t){return e===t}var i=n(22),a=n(33),s=n(162),u=i.List,l=i.Repeat,c=i.Record,f=a.thatReturnsTrue,p="-",d={start:null,end:null},h=c(d),v={start:null,end:null,decoratorKey:null,leaves:null},m=c(v),y={generate:function(e,t,n){var i=t.getLength();if(!i)return u.of(new m({start:0,end:0,decoratorKey:null,leaves:u.of(new h({start:0,end:0}))}));var a=[],c=n?n.getDecorations(t,e):u(l(null,i)),p=t.getCharacterList();return s(c,o,f,function(e,t){a.push(new m({start:e,end:t,decoratorKey:c.get(e),leaves:r(p.slice(e,t).toList(),e)}))}),u(a)},getFingerprint:function(e){return e.map(function(e){var t=e.get("decoratorKey"),n=null!==t?t+"."+(e.get("end")-e.get("start")):"";return""+n+"."+e.get("leaves").size}).join(p)}};e.exports=y},function(e,t){"use strict";e.exports={BOLD:{fontWeight:"bold"},CODE:{fontFamily:"monospace",wordWrap:"break-word"},ITALIC:{fontStyle:"italic"},STRIKETHROUGH:{textDecoration:"line-through"},UNDERLINE:{textDecoration:"underline"}}},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function a(e,t){return e.getAnchorKey()===t||e.getFocusKey()===t}var s=n(11),u=s||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l=(n(88),n(160),n(554)),c=n(133),f=n(1),p=n(2),d=n(368),h=(n(110),n(220)),v=n(369),m=n(221),y=n(136),g=n(1228),b=n(223),_=n(1232),w=n(49),x=10,C=function(e){function t(){return r(this,t),o(this,e.apply(this,arguments))}return i(t,e),t.prototype.shouldComponentUpdate=function(e){return this.props.block!==e.block||this.props.tree!==e.tree||this.props.direction!==e.direction||a(e.selection,e.block.getKey())&&e.forceSelection},t.prototype.componentDidMount=function(){var e=this.props.selection,t=e.getEndKey();if(e.getHasFocus()&&t===this.props.block.getKey()){var n,r=p.findDOMNode(this),o=h.getScrollParent(r),i=b(o);if(o===window){var a=g(r),s=a.y+a.height,u=_().height;n=s-u,n>0&&window.scrollTo(i.x,i.y+n+x)}else{var l=r.offsetHeight+r.offsetTop,c=o.offsetHeight+i.y;n=l-c,n>0&&d.setTop(o,d.getTop(o)+n+x)}}},t.prototype._renderChildren=function(){var e=this,t=this.props.block,n=t.getKey(),r=t.getText(),o=this.props.tree.size-1,i=a(this.props.selection,n);return this.props.tree.map(function(a,s){var p=a.get("leaves"),d=p.size-1,h=p.map(function(a,u){var p=c.encode(n,s,u),h=a.get("start"),v=a.get("end");return f.createElement(l,{key:p,offsetKey:p,blockKey:n,start:h,selection:i?e.props.selection:void 0,forceSelection:e.props.forceSelection,text:r.slice(h,v),styleSet:t.getInlineStyleAt(h),customStyleMap:e.props.customStyleMap,customStyleFn:e.props.customStyleFn,isLast:s===o&&u===d})}).toArray(),y=a.get("decoratorKey");if(null==y)return h;if(!e.props.decorator)return h;var g=w(e.props.decorator),b=g.getComponentForKey(y);if(!b)return h;var _=g.getPropsForKey(y),x=c.encode(n,s,0),C=r.slice(p.first().get("start"),p.last().get("end")),E=m.getHTMLDirIfDifferent(v.getDirection(C),e.props.direction);return f.createElement(b,u({},_,{contentState:e.props.contentState,decoratedText:C,dir:E,key:x,entityKey:t.getEntityAt(a.get("start")),offsetKey:x}),h)}).toArray()},t.prototype.render=function(){var e=this.props,t=e.direction,n=e.offsetKey,r=y({"public/DraftStyleDefault/block":!0,"public/DraftStyleDefault/ltr":"LTR"===t,"public/DraftStyleDefault/rtl":"RTL"===t});return f.createElement("div",{"data-offset-key":n,className:r},this._renderChildren())},t}(f.Component);e.exports=C},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a=n(22),s=a.Record,u=s({type:"TOKEN",mutability:"IMMUTABLE",data:Object}),l=function(e){function t(){return r(this,t),o(this,e.apply(this,arguments))}return i(t,e),t.prototype.getType=function(){return this.get("type")},t.prototype.getMutability=function(){return this.get("mutability")},t.prototype.getData=function(){return this.get("data")},t}(u);e.exports=l},function(e,t,n){"use strict";function r(e,t){var n=t?f.exec(e):l.exec(e);return n?n[0]:e}var o=n(1220),i=o.getPunctuation(),a="['\u2018\u2019]",s="\\s|(?![_])"+i,u="^(?:"+s+")*(?:"+a+"|(?!"+s+").)*(?:(?!"+s+").)",l=new RegExp(u),c="(?:(?!"+s+").)(?:"+a+"|(?!"+s+").)*(?:"+s+")*$",f=new RegExp(c),p={getBackward:function(e){return r(e,!0)},getForward:function(e){return r(e,!1)}};e.exports=p},function(e,t){"use strict";var n={stringify:function(e){return"_"+String(e)},unstringify:function(e){return e.slice(1)}};e.exports=n},function(e,t,n){"use strict";function r(){return{text:"",inlines:[],entities:[],blocks:[]}}function o(e){var t=new Array(1);return e&&(t[0]=e),{text:R,inlines:[D()],entities:t,blocks:[]}}function i(){return{text:"\n",inlines:[D()],entities:new Array(1),blocks:[]}}function a(e,t){return{text:"\r",inlines:[D()],entities:new Array(1),blocks:[{type:e,depth:Math.max(0,Math.min(I,t))}]}}function s(e,t){return"li"===e?"ol"===t?"ordered-list-item":"unordered-list-item":null}function u(e){var t=e.get("unstyled").element,n=new N([]);return e.forEach(function(e){e.aliasedElements&&e.aliasedElements.forEach(function(e){n=n.add(e)}),n=n.add(e.element)}),n.filter(function(e){return e&&e!==t}).toArray().sort()}function l(e,t,n){for(var r=0;r<n.length;r++){var o=n[r](e,t);if(o)return o}return null}function c(e,t,n){var r=n.filter(function(t){return t.element===e||t.wrapper===e||t.aliasedElements&&t.aliasedElements.some(function(t){return t===e})}).keySeq().toSet().toArray().sort();switch(r.length){case 0:return"unstyled";case 1:return r[0];default:return l(e,t,[s])||"unstyled"}}function f(e,t,n){var r=K[e];return r?n=n.add(r).toOrderedSet():t instanceof HTMLElement&&!function(){var e=t;n=n.withMutations(function(t){var n=e.style.fontWeight,r=e.style.fontStyle,o=e.style.textDecoration;z.indexOf(n)>=0?t.add("BOLD"):H.indexOf(n)>=0&&t.remove("BOLD"),"italic"===r?t.add("ITALIC"):"normal"===r&&t.remove("ITALIC"),"underline"===o&&t.add("UNDERLINE"),"line-through"===o&&t.add("STRIKETHROUGH"),"none"===o&&(t.remove("UNDERLINE"),t.remove("STRIKETHROUGH"))}).toOrderedSet()}(),n}function p(e,t){var n=e.text.slice(-1),r=t.text.slice(0,1);if("\r"===n&&"\r"===r&&(e.text=e.text.slice(0,-1),e.inlines.pop(),e.entities.pop(),e.blocks.pop()),"\r"===n){if(t.text===R||"\n"===t.text)return e;r!==R&&"\n"!==r||(t.text=t.text.slice(1),t.inlines.shift(),t.entities.shift())}return{text:e.text+t.text,inlines:e.inlines.concat(t.inlines),entities:e.entities.concat(t.entities),blocks:e.blocks.concat(t.blocks)}}function d(e,t){return t.some(function(t){return e.indexOf("<"+t)!==-1})}function h(e){e instanceof HTMLAnchorElement?void 0:O(!1);var t=e.protocol;return"http:"===t||"https:"===t||"mailto:"===t}function v(e,t,n,s,u,l,d,m,y){var b=t.nodeName.toLowerCase(),_=!1,w="unstyled",C=g,S=e;if("#text"===b){var P=t.textContent;return""===P.trim()&&"pre"!==u?{chunk:o(y),entityMap:e}:("pre"!==u&&(P=P.replace(F,R)),g=b,{chunk:{text:P,inlines:Array(P.length).fill(n),entities:Array(P.length).fill(y),blocks:[]},entityMap:e})}if(g=b,"br"===b)return"br"!==C||u&&"unstyled"!==c(u,s,m)?{chunk:i(),entityMap:e}:{chunk:a("unstyled",d),entityMap:e};"img"===b&&t instanceof HTMLImageElement&&t.attributes.getNamedItem("src")&&t.attributes.getNamedItem("src").value&&!function(){var e=t,n={};q.forEach(function(t){var r=e.getAttribute(t);r&&(n[t]=r)});var r=new E(n.src).toString();t.textContent=r,y=x.__create("IMAGE","MUTABLE",n||{})}();var O=r(),T=null;n=f(b,t,n),"ul"!==b&&"ol"!==b||(s&&(d+=1),s=b),u||l.indexOf(b)===-1?s&&"li"===u&&"li"===b&&(O=a(c(b,s,m),d),u=b,_=!0,w="ul"===s?"unordered-list-item":"ordered-list-item"):(O=a(c(b,s,m),d),u=b,_=!0);var k=t.firstChild;null!=k&&(b=k.nodeName.toLowerCase());for(var M=null;k;){k instanceof HTMLAnchorElement&&k.href&&h(k)?!function(){var e=k,t={};W.forEach(function(n){var r=e.getAttribute(n);r&&(t[n]=r)}),t.url=new E(e.href).toString(),M=x.__create("LINK","MUTABLE",t||{})}():M=void 0;var N=v(S,k,n,s,u,l,d,m,M||y),A=N.chunk,D=N.entityMap;T=A,S=D,O=p(O,T);var j=k.nextSibling;j&&l.indexOf(b)>=0&&u&&(O=p(O,i())),j&&(b=j.nodeName.toLowerCase()),k=j}return _&&(O=p(O,a(w,d))),{chunk:O,entityMap:S}}function m(e,t,n,r){e=e.trim().replace(L,"").replace(U,R).replace(V,"").replace(B,"");var o=u(n),i=t(e);if(!i)return null;g=null;var a=d(e,o)?o:["div"],s=v(r,i,D(),"ul",null,a,-1,n),l=s.chunk,c=s.entityMap;return 0===l.text.indexOf("\r")&&(l={text:l.text.slice(1),inlines:l.inlines.slice(1),entities:l.entities.slice(1),blocks:l.blocks}),"\r"===l.text.slice(-1)&&(l.text=l.text.slice(0,-1),l.inlines=l.inlines.slice(0,-1),l.entities=l.entities.slice(0,-1),l.blocks.pop()),0===l.blocks.length&&l.blocks.push({type:"unstyled",depth:0}),l.text.split("\r").length===l.blocks.length+1&&l.blocks.unshift({type:"unstyled",depth:0}),{chunk:l,entityMap:c}}function y(e){var t=arguments.length<=1||void 0===arguments[1]?P:arguments[1],n=arguments.length<=2||void 0===arguments[2]?w:arguments[2],r=m(e,t,n,x);if(null==r)return null;var o=r.chunk,i=r.entityMap,a=0;return{contentBlocks:o.text.split("\r").map(function(e,t){e=k(e);var n=a+e.length,r=T(o).inlines.slice(a,n),i=T(o).entities.slice(a,n),s=A(r.map(function(e,t){var n={style:e,entity:null};return i[t]&&(n.entity=i[t]),b.create(n)}));return a=n+1,new _({key:S(),type:T(o).blocks[t].type,depth:T(o).blocks[t].depth,text:e,characterList:s})}),entityMap:i}}var g,b=n(55),_=n(88),w=n(206),x=n(161),C=n(22),E=n(1221),S=n(63),P=n(339),O=n(13),T=n(49),k=n(211),M=n(22),N=M.Set,A=C.List,D=C.OrderedSet,j="&nbsp;",R=" ",I=4,L=new RegExp("\r","g"),F=new RegExp("\n","g"),U=new RegExp(j,"g"),V=new RegExp("&#13;?","g"),B=new RegExp("&#8203;?","g"),z=["bold","bolder","500","600","700","800","900"],H=["light","lighter","100","200","300","400"],K={b:"BOLD",code:"CODE",del:"STRIKETHROUGH",em:"ITALIC",i:"ITALIC",s:"STRIKETHROUGH",strike:"STRIKETHROUGH",strong:"BOLD",u:"UNDERLINE"},W=["className","href","rel","target","title"],q=["alt","className","height","src","width"];e.exports=y},function(e,t,n){"use strict";function r(e){return f&&e.altKey||v(e)}function o(e){return h(e)?e.shiftKey?"redo":"undo":null}function i(e){return p&&e.shiftKey?null:r(e)?"delete-word":"delete"}function a(e){return h(e)&&f?"backspace-to-start-of-line":r(e)?"backspace-word":"backspace"}function s(e){switch(e.keyCode){case 66:return h(e)?"bold":null;case 68:return v(e)?"delete":null;case 72:return v(e)?"backspace":null;case 73:return h(e)?"italic":null;case 74:return h(e)?"code":null;case 75:return!p&&v(e)?"secondary-cut":null;case 77:return v(e)?"split-block":null;case 79:return v(e)?"split-block":null;case 84:return f&&v(e)?"transpose-characters":null;case 85:return h(e)?"underline":null;case 87:return f&&v(e)?"backspace-word":null;case 89:return v(e)?p?"redo":"secondary-paste":null;case 90:return o(e)||null;case l.RETURN:return"split-block";case l.DELETE:return i(e);case l.BACKSPACE:return a(e);case l.LEFT:return d&&h(e)?"move-selection-to-start-of-block":null;case l.RIGHT:return d&&h(e)?"move-selection-to-end-of-block":null;default:return null}}var u=n(207),l=n(219),c=n(64),f=c.isPlatform("Mac OS X"),p=c.isPlatform("Windows"),d=f&&c.isBrowser("Firefox < 29"),h=u.hasCommandModifier,v=u.isCtrlKeyCommand;e.exports=s},function(e,t,n){"use strict";function r(e,t,n,r,o,i){var s=n.nodeType===Node.TEXT_NODE,l=o.nodeType===Node.TEXT_NODE;if(s&&l)return{selectionState:c(e,p(u(n)),r,p(u(o)),i),needsRecovery:!1};var f=null,d=null,h=!0;return s?(f={key:p(u(n)),offset:r},d=a(t,o,i)):l?(d={key:p(u(o)),offset:i},f=a(t,n,r)):(f=a(t,n,r),d=a(t,o,i),n===o&&r===i&&(h=!!n.firstChild&&"BR"!==n.firstChild.nodeName)),{selectionState:c(e,f.key,f.offset,d.key,d.offset),needsRecovery:h}}function o(e){for(;e.firstChild&&l(e.firstChild);)e=e.firstChild;return e}function i(e){for(;e.lastChild&&l(e.lastChild);)e=e.lastChild;return e}function a(e,t,n){var r=t,a=u(r);if(null!=a||e&&(e===r||e.firstChild===r)?void 0:f(!1),e===r&&(r=r.firstChild,r instanceof Element&&"true"===r.getAttribute("data-contents")?void 0:f(!1),n>0&&(n=r.childNodes.length)),0===n){var c=null;if(null!=a)c=a;else{var d=o(r);c=p(l(d))}return{key:c,offset:0}}var h=r.childNodes[n-1],v=null,m=null;if(l(h)){var y=i(h);v=p(l(y)),m=s(y)}else v=p(a),m=s(h);return{key:v,offset:m}}function s(e){var t=e.textContent;return"\n"===t?0:t.length}var u=n(208),l=n(340),c=n(342),f=n(13),p=n(49);e.exports=r},function(e,t,n){"use strict";function r(e){var t=e.getSelection();return t.isCollapsed()?null:o(e.getCurrentContent(),t)}var o=n(163);e.exports=r},function(e,t,n){"use strict";function r(e){for(var t=e.cloneRange(),n=[],r=e.endContainer;null!=r;r=r.parentNode){var o=r===e.commonAncestorContainer;o?t.setStart(e.startContainer,e.startOffset):t.setStart(t.endContainer,0);var a=Array.from(t.getClientRects());if(n.push(a),o){var s;return n.reverse(),(s=[]).concat.apply(s,n)}t.setEndBefore(r)}i(!1)}var o=n(64),i=n(13),a=o.isBrowser("Chrome"),s=a?r:function(e){return Array.from(e.getClientRects())};e.exports=s},function(e,t,n){"use strict";function r(e){var t,n=null;return!i&&document.implementation&&document.implementation.createHTMLDocument&&(t=document.implementation.createHTMLDocument("foo"),t.documentElement.innerHTML=e,n=t.getElementsByTagName("body")[0]),n}var o=n(64),i=o.isBrowser("IE <= 9");e.exports=r},function(e,t){"use strict";function n(e){if(e instanceof Element){var t=e.getAttribute("data-offset-key");if(t)return t;for(var r=0;r<e.childNodes.length;r++){var o=n(e.childNodes[r]);if(o)return o}}return null}e.exports=n},function(e,t){(function(t){"use strict";function n(e,t){var n=0,o=[];e.forEach(function(i){r(i,function(r){n++,r&&o.push(r.slice(0,a)),n==e.length&&t(o.join("\r"))})})}function r(e,n){if(!t.FileReader||e.type&&!(e.type in i))return void n("");if(""===e.type){var r="";return o.test(e.name)&&(r=e.name.replace(o,"")),void n(r)}var a=new FileReader;a.onload=function(){n(a.result)},a.onerror=function(){n("")},a.readAsText(e)}var o=/\.textClipping$/,i={"text/plain":!0,"text/html":!0,"text/rtf":!0},a=5e3;e.exports=n}).call(t,function(){return this}())},function(e,t,n){"use strict";function r(e,t,n,r,a){var s=i(e.getSelection()),u=o.decode(t),l=u.blockKey,c=e.getBlockTree(l).getIn([u.decoratorKey,"leaves",u.leafKey]),f=o.decode(r),p=f.blockKey,d=e.getBlockTree(p).getIn([f.decoratorKey,"leaves",f.leafKey]),h=c.get("start"),v=d.get("start"),m=c?h+n:null,y=d?v+a:null,g=s.getAnchorKey()===l&&s.getAnchorOffset()===m&&s.getFocusKey()===p&&s.getFocusOffset()===y;if(g)return s;var b=!1;if(l===p){var _=c.get("end"),w=d.get("end");b=v===h&&w===_?a<n:v<h}else{var x=e.getCurrentContent().getBlockMap().keySeq().skipUntil(function(e){return e===l||e===p}).first();b=x===p}return s.merge({anchorKey:l,anchorOffset:m,focusKey:p,focusOffset:y,isBackward:b})}var o=n(133),i=n(49);e.exports=r},function(e,t){"use strict";function n(e,t,n){if(n===e.count())t.forEach(function(t){e=e.push(t)});else if(0===n)t.reverse().forEach(function(t){e=e.unshift(t)});else{var r=e.slice(0,n),o=e.slice(n);e=r.concat(t,o).toList()}return e}e.exports=n},function(e,t){"use strict";function n(e){var t=e.getSelection(),n=t.getAnchorKey(),r=e.getBlockTree(n),o=t.getStartOffset(),i=!1;return r.some(function(e){return o===e.get("start")?(i=!0,!0):o<e.get("end")&&e.get("leaves").some(function(e){var t=e.get("start");return o===t&&(i=!0,!0)})}),i}e.exports=n},function(e,t){"use strict";function n(e,t){var n,r=e.getSelection(),o=r.getStartKey(),i=r.getStartOffset(),a=e.getCurrentContent(),s=o,u=a.getBlockForKey(o);return t>u.getText().length-i?(s=a.getKeyAfter(o),n=0):n=i+t,r.merge({focusKey:s,focusOffset:n})}e.exports=n},function(e,t,n){"use strict";function r(e,t){var n=e.getBlockMap(),r=e.getEntityMap(),o={},a=t.getStartKey(),s=t.getStartOffset(),u=n.get(a),l=i(r,u,s);l!==u&&(o[a]=l);var c=t.getEndKey(),f=t.getEndOffset(),p=n.get(c);a===c&&(p=l);var d=i(r,p,f);return d!==p&&(o[c]=d),Object.keys(o).length?e.merge({blockMap:n.merge(o),selectionAfter:t}):e.set("selectionAfter",t)}function o(e,t,n){var r;return s(e,function(e,t){return e.getEntity()===t.getEntity()},function(e){return e.getEntity()===t},function(e,t){e<=n&&t>=n&&(r={start:e,end:t})}),"object"!=typeof r?u(!1):void 0,r}function i(e,t,n){var r=t.getCharacterList(),i=n>0?r.get(n-1):void 0,s=n<r.count()?r.get(n):void 0,u=i?i.getEntity():void 0,l=s?s.getEntity():void 0;if(l&&l===u){var c=e.__get(l);if("MUTABLE"!==c.getMutability()){for(var f,p=o(r,l,n),d=p.start,h=p.end;d<h;)f=r.get(d),r=r.set(d,a.applyEntity(f,null)),d++;return t.set("characterList",r)}}return t}var a=n(55),s=n(162),u=n(13);e.exports=r},function(e,t,n){(function(t,n){!function(t){"use strict";function r(e,t,n,r){var o=t&&t.prototype instanceof i?t:i,a=Object.create(o.prototype),s=new h(r||[]);return a._invoke=c(e,n,s),a}function o(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(r){return{type:"throw",arg:r}}}function i(){}function a(){}function s(){}function u(e){["next","throw","return"].forEach(function(t){e[t]=function(e){return this._invoke(t,e)}})}function l(e){function t(n,r,i,a){var s=o(e[n],e,r);if("throw"!==s.type){var u=s.arg,l=u.value;return l&&"object"==typeof l&&b.call(l,"__await")?Promise.resolve(l.__await).then(function(e){t("next",e,i,a)},function(e){t("throw",e,i,a)}):Promise.resolve(l).then(function(e){u.value=e,i(u)},a)}a(s.arg)}function r(e,n){function r(){return new Promise(function(r,o){t(e,n,r,o)})}return i=i?i.then(r,r):r()}"object"==typeof n&&n.domain&&(t=n.domain.bind(t));var i;this._invoke=r}function c(e,t,n){var r=S;return function(i,a){if(r===O)throw new Error("Generator is already running");if(r===T){if("throw"===i)throw a;return m()}for(n.method=i,n.arg=a;;){var s=n.delegate;if(s){var u=f(s,n);if(u){if(u===k)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(r===S)throw r=T,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r=O;var l=o(e,t,n);if("normal"===l.type){if(r=n.done?T:P,l.arg===k)continue;return{value:l.arg,done:n.done}}"throw"===l.type&&(r=T,n.method="throw",n.arg=l.arg)}}}function f(e,t){var n=e.iterator[t.method];if(n===y){if(t.delegate=null,"throw"===t.method){if(e.iterator["return"]&&(t.method="return",t.arg=y,f(e,t),"throw"===t.method))return k;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return k}var r=o(n,e.iterator,t.arg);if("throw"===r.type)return t.method="throw",t.arg=r.arg,t.delegate=null,k;var i=r.arg;return i?i.done?(t[e.resultName]=i.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=y),t.delegate=null,k):i:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,k)}function p(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function d(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function h(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(p,this),this.reset(!0)}function v(e){if(e){var t=e[w];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var n=-1,r=function o(){for(;++n<e.length;)if(b.call(e,n))return o.value=e[n],o.done=!1,o;return o.value=y,o.done=!0,o};return r.next=r}}return{next:m}}function m(){return{value:y,done:!0}}var y,g=Object.prototype,b=g.hasOwnProperty,_="function"==typeof Symbol?Symbol:{},w=_.iterator||"@@iterator",x=_.toStringTag||"@@toStringTag",C="object"==typeof e,E=t.regeneratorRuntime;if(E)return void(C&&(e.exports=E));E=t.regeneratorRuntime=C?e.exports:{},E.wrap=r;var S="suspendedStart",P="suspendedYield",O="executing",T="completed",k={},M={};M[w]=function(){return this};var N=Object.getPrototypeOf,A=N&&N(N(v([])));A&&A!==g&&b.call(A,w)&&(M=A);var D=s.prototype=i.prototype=Object.create(M);a.prototype=D.constructor=s,s.constructor=a,s[x]=a.displayName="GeneratorFunction",E.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===a||"GeneratorFunction"===(t.displayName||t.name))},E.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,s):(e.__proto__=s,x in e||(e[x]="GeneratorFunction")),e.prototype=Object.create(D),e},E.awrap=function(e){return{__await:e}},u(l.prototype),E.AsyncIterator=l,E.async=function(e,t,n,o){var i=new l(r(e,t,n,o));return E.isGeneratorFunction(t)?i:i.next().then(function(e){return e.done?e.value:i.next()})},u(D),D[x]="Generator",D.toString=function(){return"[object Generator]"},E.keys=function(e){var t=[];for(var n in e)t.push(n);return t.reverse(),function r(){for(;t.length;){var n=t.pop();if(n in e)return r.value=n,r.done=!1,r}return r.done=!0,r}},E.values=v,h.prototype={constructor:h,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=y,this.done=!1,this.delegate=null,this.method="next",this.arg=y,this.tryEntries.forEach(d),!e)for(var t in this)"t"===t.charAt(0)&&b.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=y)},stop:function(){this.done=!0;var e=this.tryEntries[0],t=e.completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(e){function t(t,r){return i.type="throw",i.arg=e,n.next=t,r&&(n.method="next",n.arg=y),!!r}if(this.done)throw e;for(var n=this,r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r],i=o.completion;if("root"===o.tryLoc)return t("end");if(o.tryLoc<=this.prev){var a=b.call(o,"catchLoc"),s=b.call(o,"finallyLoc");if(a&&s){if(this.prev<o.catchLoc)return t(o.catchLoc,!0);if(this.prev<o.finallyLoc)return t(o.finallyLoc)}else if(a){if(this.prev<o.catchLoc)return t(o.catchLoc,!0)}else{if(!s)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return t(o.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var r=this.tryEntries[n];if(r.tryLoc<=this.prev&&b.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var o=r;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=e,i.arg=t,o?(this.method="next",this.next=o.finallyLoc,k):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),k},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),d(n),k}},"catch":function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var o=r.arg;d(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:v(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=y),k}}}("object"==typeof t?t:"object"==typeof window?window:"object"==typeof self?self:this)}).call(t,function(){return this}(),n(89))},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}var o=n(1),i=r(o),a={className:"",accessibility:!0,adaptiveHeight:!1,arrows:!0,autoplay:!1,autoplaySpeed:3e3,centerMode:!1,centerPadding:"50px",cssEase:"ease",customPaging:function(e){return i["default"].createElement("button",null,e+1)},dots:!1,dotsClass:"slick-dots",draggable:!0,easing:"linear",edgeFriction:.35,fade:!1,focusOnSelect:!1,infinite:!0,initialSlide:0,lazyLoad:!1,pauseOnHover:!0,responsive:null,rtl:!1,slide:"div",slidesToShow:1,slidesToScroll:1,speed:500,swipe:!0,swipeToSlide:!1,touchMove:!0,touchThreshold:5,useCSS:!0,variableWidth:!1,vertical:!1,waitForAnimate:!0,afterChange:null,beforeChange:null,edgeEvent:null,init:null,swipeEvent:null,nextArrow:null,prevArrow:null};e.exports=a},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.getTrackLeft=t.getTrackAnimateCSS=t.getTrackCSS=void 0;var o=n(2),i=r(o),a=n(11),s=r(a),u=function(e,t){return t.reduce(function(t,n){return t&&e.hasOwnProperty(n)},!0)?null:console.error("Keys Missing",e)},l=t.getTrackCSS=function(e){u(e,["left","variableWidth","slideCount","slidesToShow","slideWidth"]);var t,n,r=e.slideCount+2*e.slidesToShow;e.vertical?n=r*e.slideHeight:t=e.variableWidth?(e.slideCount+2*e.slidesToShow)*e.slideWidth:e.centerMode?(e.slideCount+2*(e.slidesToShow+1))*e.slideWidth:(e.slideCount+2*e.slidesToShow)*e.slideWidth;var o={opacity:1,WebkitTransform:e.vertical?"translate3d(0px, "+e.left+"px, 0px)":"translate3d("+e.left+"px, 0px, 0px)",transform:e.vertical?"translate3d(0px, "+e.left+"px, 0px)":"translate3d("+e.left+"px, 0px, 0px)",transition:"",WebkitTransition:"",msTransform:e.vertical?"translateY("+e.left+"px)":"translateX("+e.left+"px)"};return t&&(0,s["default"])(o,{width:t}),n&&(0,s["default"])(o,{height:n}),window&&!window.addEventListener&&window.attachEvent&&(e.vertical?o.marginTop=e.left+"px":o.marginLeft=e.left+"px"),o};t.getTrackAnimateCSS=function(e){u(e,["left","variableWidth","slideCount","slidesToShow","slideWidth","speed","cssEase"]);var t=l(e);return t.WebkitTransition="-webkit-transform "+e.speed+"ms "+e.cssEase,t.transition="transform "+e.speed+"ms "+e.cssEase,t},t.getTrackLeft=function(e){u(e,["slideIndex","trackRef","infinite","centerMode","slideCount","slidesToShow","slidesToScroll","slideWidth","listWidth","variableWidth","slideHeight"]);var t,n,r=0,o=0;if(e.fade)return 0;if(e.infinite)e.slideCount>=e.slidesToShow&&(r=e.slideWidth*e.slidesToShow*-1,o=e.slideHeight*e.slidesToShow*-1),e.slideCount%e.slidesToScroll!==0&&e.slideIndex+e.slidesToScroll>e.slideCount&&e.slideCount>e.slidesToShow&&(e.slideIndex>e.slideCount?(r=(e.slidesToShow-(e.slideIndex-e.slideCount))*e.slideWidth*-1,o=(e.slidesToShow-(e.slideIndex-e.slideCount))*e.slideHeight*-1):(r=e.slideCount%e.slidesToScroll*e.slideWidth*-1,o=e.slideCount%e.slidesToScroll*e.slideHeight*-1));else if(e.slideCount%e.slidesToScroll!==0&&e.slideIndex+e.slidesToScroll>e.slideCount&&e.slideCount>e.slidesToShow){var a=e.slidesToShow-e.slideCount%e.slidesToScroll;r=a*e.slideWidth}if(e.centerMode&&(e.infinite?r+=e.slideWidth*Math.floor(e.slidesToShow/2):r=e.slideWidth*Math.floor(e.slidesToShow/2)),
-t=e.vertical?e.slideIndex*e.slideHeight*-1+o:e.slideIndex*e.slideWidth*-1+r,e.variableWidth===!0){var s;e.slideCount<=e.slidesToShow||e.infinite===!1?n=i["default"].findDOMNode(e.trackRef).childNodes[e.slideIndex]:(s=e.slideIndex+e.slidesToShow,n=i["default"].findDOMNode(e.trackRef).childNodes[s]),t=n?n.offsetLeft*-1:0,e.centerMode===!0&&(n=e.infinite===!1?i["default"].findDOMNode(e.trackRef).children[e.slideIndex]:i["default"].findDOMNode(e.trackRef).children[e.slideIndex+e.slidesToShow+1],n&&(t=n.offsetLeft*-1+(e.listWidth-n.offsetWidth)/2))}return t}},function(e,t,n){var r,o;!function(i,a){r=a,o="function"==typeof r?r.call(t,n,t,e):r,!(void 0!==o&&(e.exports=o))}(this,function(){function e(e,t,n){return e<t?t:e>n?n:e}function t(e){return 100*(-1+e)}function n(e,n,r){var o;return o="translate3d"===l.positionUsing?{transform:"translate3d("+t(e)+"%,0,0)"}:"translate"===l.positionUsing?{transform:"translate("+t(e)+"%,0)"}:{"margin-left":t(e)+"%"},o.transition="all "+n+"ms "+r,o}function r(e,t){var n="string"==typeof e?e:a(e);return n.indexOf(" "+t+" ")>=0}function o(e,t){var n=a(e),o=n+t;r(n,t)||(e.className=o.substring(1))}function i(e,t){var n,o=a(e);r(e,t)&&(n=o.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function a(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function s(e){e&&e.parentNode&&e.parentNode.removeChild(e)}var u={};u.version="0.2.0";var l=u.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};u.configure=function(e){var t,n;for(t in e)n=e[t],void 0!==n&&e.hasOwnProperty(t)&&(l[t]=n);return this},u.status=null,u.set=function(t){var r=u.isStarted();t=e(t,l.minimum,1),u.status=1===t?null:t;var o=u.render(!r),i=o.querySelector(l.barSelector),a=l.speed,s=l.easing;return o.offsetWidth,c(function(e){""===l.positionUsing&&(l.positionUsing=u.getPositioningCSS()),f(i,n(t,a,s)),1===t?(f(o,{transition:"none",opacity:1}),o.offsetWidth,setTimeout(function(){f(o,{transition:"all "+a+"ms linear",opacity:0}),setTimeout(function(){u.remove(),e()},a)},a)):setTimeout(e,a)}),this},u.isStarted=function(){return"number"==typeof u.status},u.start=function(){u.status||u.set(0);var e=function(){setTimeout(function(){u.status&&(u.trickle(),e())},l.trickleSpeed)};return l.trickle&&e(),this},u.done=function(e){return e||u.status?u.inc(.3+.5*Math.random()).set(1):this},u.inc=function(t){var n=u.status;return n?("number"!=typeof t&&(t=(1-n)*e(Math.random()*n,.1,.95)),n=e(n+t,0,.994),u.set(n)):u.start()},u.trickle=function(){return u.inc(Math.random()*l.trickleRate)},function(){var e=0,t=0;u.promise=function(n){return n&&"resolved"!==n.state()?(0===t&&u.start(),e++,t++,n.always(function(){t--,0===t?(e=0,u.done()):u.set((e-t)/e)}),this):this}}(),u.render=function(e){if(u.isRendered())return document.getElementById("nprogress");o(document.documentElement,"nprogress-busy");var n=document.createElement("div");n.id="nprogress",n.innerHTML=l.template;var r,i=n.querySelector(l.barSelector),a=e?"-100":t(u.status||0),c=document.querySelector(l.parent);return f(i,{transition:"all 0 linear",transform:"translate3d("+a+"%,0,0)"}),l.showSpinner||(r=n.querySelector(l.spinnerSelector),r&&s(r)),c!=document.body&&o(c,"nprogress-custom-parent"),c.appendChild(n),n},u.remove=function(){i(document.documentElement,"nprogress-busy"),i(document.querySelector(l.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&s(e)},u.isRendered=function(){return!!document.getElementById("nprogress")},u.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var c=function(){function e(){var n=t.shift();n&&n(e)}var t=[];return function(n){t.push(n),1==t.length&&e()}}(),f=function(){function e(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,function(e,t){return t.toUpperCase()})}function t(e){var t=document.body.style;if(e in t)return e;for(var n,r=o.length,i=e.charAt(0).toUpperCase()+e.slice(1);r--;)if(n=o[r]+i,n in t)return n;return e}function n(n){return n=e(n),i[n]||(i[n]=t(n))}function r(e,t,r){t=n(t),e.style[t]=r}var o=["Webkit","O","Moz","ms"],i={};return function(e,t){var n,o,i=arguments;if(2==i.length)for(n in t)o=t[n],void 0!==o&&t.hasOwnProperty(n)&&r(e,n,o);else r(e,i[1],i[2])}}();return u})},function(e,t,n){(function(t){(function(){var n,r,o;"undefined"!=typeof performance&&null!==performance&&performance.now?e.exports=function(){return performance.now()}:"undefined"!=typeof t&&null!==t&&t.hrtime?(e.exports=function(){return(n()-o)/1e6},r=t.hrtime,n=function(){var e;return e=r(),1e9*e[0]+e[1]},o=n()):Date.now?(e.exports=function(){return Date.now()-o},o=Date.now()):(e.exports=function(){return(new Date).getTime()-o},o=(new Date).getTime())}).call(this)}).call(t,n(89))},function(e,t,n){var r=n(354),o=n(643),i=n(646);e.exports=function(e,t,n){return function(){var a=arguments.length;if(0===a)return n();var s=arguments[a-1];if(!r(s)){var u=i(arguments,0,a-1);if("function"==typeof s[e])return s[e].apply(s,u);if(o(s)){var l=t.apply(null,u);return l(s)}}return n.apply(this,arguments)}}},function(e,t){e.exports=function(e,t){return Object.prototype.hasOwnProperty.call(t,e)}},function(e,t){e.exports=Array.isArray||function(e){return null!=e&&e.length>=0&&"[object Array]"===Object.prototype.toString.call(e)}},function(e,t,n){var r=n(649),o=n(635),i=n(215);e.exports=function(){function e(e,t,n){for(var r=0,o=n.length;r<o;){if(t=e["@@transducer/step"](t,n[r]),t&&t["@@transducer/reduced"]){t=t["@@transducer/value"];break}r+=1}return e["@@transducer/result"](t)}function t(e,t,n){for(var r=n.next();!r.done;){if(t=e["@@transducer/step"](t,r.value),t&&t["@@transducer/reduced"]){t=t["@@transducer/value"];break}r=n.next()}return e["@@transducer/result"](t)}function n(e,t,n){return e["@@transducer/result"](n.reduce(o(e["@@transducer/step"],e),t))}var a="undefined"!=typeof Symbol?Symbol.iterator:"@@iterator";return function(o,s,u){if("function"==typeof o&&(o=r(o)),i(u))return e(o,s,u);if("function"==typeof u.reduce)return n(o,s,u);if(null!=u[a])return t(o,s,u[a]());if("function"==typeof u.next)return t(o,s,u);throw new TypeError("reduce: list must be array or iterable")}}()},function(e,t){e.exports={init:function(){return this.xf["@@transducer/init"]()},result:function(e){return this.xf["@@transducer/result"](e)}}},function(e,t,n){var r=n(111),o=n(352),i=n(645),a=n(355),s=n(648),u=n(637),l=n(650);e.exports=r(o("map",s,function(e,t){switch(Object.prototype.toString.call(t)){case"[object Function]":return u(t.length,function(){return e.call(this,t.apply(this,arguments))});case"[object Object]":return a(function(n,r){return n[r]=e(t[r]),n},{},l(t));default:return i(e,t)}}))},function(e,t){e.exports={name:"antd",version:"2.9.2",title:"Ant Design",description:"An enterprise-class UI design language and React-based implementation",homepage:"http://ant.design/",keywords:["ant","design","react","react-component","component","components","ui","framework","frontend"],contributors:["ant"],repository:{type:"git",url:"https://github.com/ant-design/ant-design"},bugs:{url:"https://github.com/ant-design/ant-design/issues"},main:"lib/index.js",files:["dist","lib"],typings:"lib/index.d.ts",license:"MIT",dependencies:{"array-tree-filter":"~1.0.0","babel-runtime":"6.x",classnames:"~2.2.0","css-animation":"^1.2.5","dom-closest":"^0.2.0","lodash.debounce":"^4.0.8",moment:"^2.18.1","object-assign":"~4.1.0","omit.js":"^0.1.0","prop-types":"^15.5.7","rc-animate":"~2.3.0","rc-calendar":"~8.0.0","rc-cascader":"~0.11.0","rc-checkbox":"~1.5.0","rc-collapse":"~1.7.0","rc-dialog":"~6.5.0","rc-dropdown":"~1.4.8","rc-editor-mention":"~0.5.2","rc-form":"~1.3.0","rc-input-number":"~3.4.4","rc-menu":"~5.0.9","rc-notification":"~1.4.0","rc-pagination":"~1.8.0","rc-progress":"~2.1.0","rc-radio":"~2.0.0","rc-rate":"~2.1.0","rc-select":"~6.8.0","rc-slider":"~7.0.0","rc-steps":"~2.5.0","rc-switch":"~1.4.2","rc-table":"~5.2.13","rc-tabs":"~7.3.0","rc-time-picker":"~2.3.3","rc-tooltip":"~3.4.2","rc-tree":"~1.4.0","rc-tree-select":"~1.9.0","rc-upload":"~2.3.0","rc-util":"^4.0.1","react-lazy-load":"^3.0.10","react-slick":"~0.14.2",shallowequal:"^0.2.2",warning:"~3.0.0"},devDependencies:{"@types/react":"^15.0.8","@types/react-dom":"~0.14.18","antd-demo-jest":"^1.0.5","antd-tools":"~0.19.1","babel-cli":"^6.18.0","babel-eslint":"^7.1.0","babel-jest":"^19.0.0","babel-plugin-import":"^1.0.0","babel-plugin-transform-runtime":"^6.23.0","babel-preset-es2015":"^6.18.0","babel-preset-react":"^6.16.0","babel-preset-stage-0":"^6.16.0","bezier-easing":"^2.0.3",bisheng:"^0.23.0","bisheng-plugin-antd":"^0.13.2","bisheng-plugin-description":"^0.1.1","bisheng-plugin-react":"^0.5.0","bisheng-plugin-toc":"^0.4.0","color-standalone":"^0.11.6","cross-env":"^4.0.0","css-split-webpack-plugin":"^0.2.3",dekko:"^0.2.0",delegate:"^3.1.2","dora-plugin-upload":"^0.3.1","enquire.js":"^2.1.1",enzyme:"^2.6.0","enzyme-to-json":"^1.3.0",eslint:"^3.0.1","eslint-config-airbnb":"latest","eslint-plugin-babel":"^4.0.0","eslint-plugin-import":"^2.1.0","eslint-plugin-jsx-a11y":"^4.0.0","eslint-plugin-markdown":"1.0.0-beta.4","eslint-plugin-react":"^6.10.3","eslint-tinker":"^0.4.0","fetch-jsonp":"^1.0.3",glob:"^7.1.1",jest:"^19.0.2","jsonml.js":"^0.1.0","lint-staged":"^3.3.1",mockdate:"^2.0.1","moment-timezone":"^0.5.5","pre-commit":"^1.2.2",querystring:"^0.2.0","rc-queue-anim":"^0.13.2","rc-scroll-anim":"^1.0.3","rc-tween-one":"^1.1.2",react:"^15.0.0","react-addons-test-utils":"^15.5.1","react-color-standalone":"^2.4.2-1","react-copy-to-clipboard":"^4.0.1","react-document-title":"^2.0.1","react-dom":"^15.0.0","react-github-button":"^0.1.1","react-intl":"^2.0.1","react-stateless-wrapper":"^1.0.2","react-sublime-video":"^0.2.0","react-test-renderer":"^15.5.4",reqwest:"^2.0.5",rimraf:"^2.5.4",stylelint:"^7.8.0","stylelint-config-standard":"^16.0.0",typescript:"~2.2.1","typescript-babel-jest":"^1.0.2","values.js":"^1.0.3",xhr2:"^0.1.3"},scripts:{test:"jest","test-all":"./scripts/test-all.sh",lint:"npm run lint:ts && npm run lint:es && npm run lint:demo && npm run lint:style","lint:ts":"npm run tsc && antd-tools run ts-lint","lint:es":"eslint tests site scripts components ./.eslintrc.js ./webpack.config.js --ext '.js,.jsx'","lint:demo":"cross-env RUN_ENV=DEMO eslint components/*/demo/*.md --ext '.md'","lint:style":'stylelint "{site,components}/**/*.less" --syntax less',"lint-fix:ts":"npm run tsc && antd-tools run ts-lint-fix","lint-fix":"npm run lint-fix:code && npm run lint-fix:demo","lint-fix:code":"eslint --fix tests site scripts components ./.eslintrc.js ./webpack.config.js --ext '.js,.jsx'","lint-fix:demo":"eslint-tinker ./components/*/demo/*.md",dist:"antd-tools run dist",compile:"antd-tools run compile",tsc:"tsc",start:"bisheng start -c ./site/bisheng.config.js --no-livereload",site:"bisheng build --ssr -c ./site/bisheng.config.js",deploy:"antd-tools run clean && npm run site && bisheng gh-pages --push-only",pub:"antd-tools run pub",prepublish:"antd-tools run guard","pre-publish":"npm run test-all && node ./scripts/prepub",authors:"git log --format='%aN <%aE>' | sort -u | grep -v 'users.noreply.github.com' | grep -v 'gitter.im' | grep -v '.local>' | grep -v 'alibaba-inc.com' | grep -v 'alipay.com' | grep -v 'taobao.com' > AUTHORS.txt","lint-staged":"lint-staged","lint-staged:ts":"tsc && node node_modules/tslint/bin/tslint -c node_modules/antd-tools/lib/tslint.json","lint-staged:es":"eslint ./.eslintrc.js ./webpack.config.js","lint-staged:demo":"cross-env RUN_ENV=DEMO eslint --ext '.md'"},"lint-staged":{"components/**/*.tsx":["lint-staged:ts"],"{tests,site,scripts,components}/**/*.{js,jsx}":["lint-staged:es"],"{site,components}/**/*.less":"stylelint --syntax less","components/*/demo/*.md":["lint-staged:demo"]},jest:{setupFiles:["./tests/setup.js"],moduleFileExtensions:["ts","tsx","js","jsx","json","md"],modulePathIgnorePatterns:["/_site/"],testPathIgnorePatterns:["dekko","/node_modules/","node"],transform:{"\\.tsx?$":"./node_modules/typescript-babel-jest","\\.js$":"./node_modules/babel-jest","\\.md$":"./node_modules/antd-demo-jest"},testRegex:".*\\.test\\.js$",collectCoverageFrom:["components/**/*.{ts,tsx}","!components/*/style/index.tsx"],transformIgnorePatterns:["/node_modules/","/dist/antd.js"],snapshotSerializers:["enzyme-to-json/serializer"]},"pre-commit":["lint-staged"]}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var u=n(1),l=r(u),c=function(e){function t(){return i(this,t),a(this,e.apply(this,arguments))}return s(t,e),t.prototype.render=function(){return l["default"].createElement("div",this.props,this.props.children)},t}(l["default"].Component);c.propTypes={children:l["default"].PropTypes.any},t["default"]=c,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"@",n=(0,a["default"])(t),r=e.getCurrentContent(),o=[];return r.getBlockMap().forEach(function(e){for(var t=e.getText(),r=void 0;null!==(r=n.exec(t));)o.push(r[0].trim())}),o}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var i=n(362),a=r(i);e.exports=t["default"]},function(e,t){"use strict";function n(e,t){var n=e.getBoundingClientRect();if(n.width||n.height){var r=t||e.parentElement;return{top:n.top-r.clientTop,left:n.left-r.clientLeft}}return n}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=n,e.exports=t["default"]},function(e,t){"use strict";function n(e){var t=Array.isArray(e)?e:[e],n=t.join("").replace(/(\$|\^)/g,"\\$1");return t.length>1&&(n="["+n+"]"),new RegExp("(\\s|^)("+n+")[^\\s]*","g")}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=n,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1207),i=r(o),a={EditorCore:i["default"],GetText:i["default"].GetText,GetHTML:i["default"].GetHTML,toEditorState:i["default"].ToEditorState};t["default"]=a,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}function u(){}Object.defineProperty(t,"__esModule",{value:!0});var l=n(1),c=r(l),f=n(2),p=r(f),d=n(11),h=r(d),v=n(365),m=n(108),y=n(1211),g=r(y),b=n(218),_=r(b),w=n(1217),x=r(w),C=Math.round(1e3/60),E=0,S=function(e){function t(){i(this,t);var n=a(this,e.apply(this,arguments));return n.rafID=-1,n.moment=n.props.moment||0,n.state={startMoment:n.props.moment,startFrame:x["default"].frame,paused:n.props.paused},["raf","frame","start","play","restart"].forEach(function(e){return n[e]=n[e].bind(n)}),n}return s(t,e),t.prototype.componentDidMount=function(){this.dom=p["default"].findDOMNode(this),this.start(this.props)},t.prototype.componentWillReceiveProps=function(e){var t=this,n=e.moment;"number"==typeof n&&n!==this.moment&&this.setState({startMoment:n,startFrame:x["default"].frame},function(){t.rafID!==-1||e.paused?t.raf():!function(){t.timeLine.resetAnimData();var n=e.style;t.dom.setAttribute("style",""),Object.keys(n).forEach(function(e){t.dom.style[e]=(0,m.stylesToCss)(e,n[e])}),t.play()}()});var r=e.animation,o=this.props.animation,i=(0,v.objectEqual)(o,r),a=(0,v.objectEqual)(this.props.style,e.style);i?a||this.rafID!==-1&&(this.cancelRequestAnimationFrame(),this.timeLine&&this.timeLine.resetDefaultStyle(),this.setState({startMoment:this.timeLine.progressTime,startFrame:x["default"].frame},function(){t.start(e)})):(this.cancelRequestAnimationFrame(),a&&!e.resetStyleBool||!this.timeLine||this.timeLine.resetDefaultStyle(),this.setState({startMoment:0,startFrame:x["default"].frame},function(){t.start(e)})),this.props.paused===e.paused&&this.props.reverse===e.reverse||(e.paused?this.cancelRequestAnimationFrame():e.reverse&&e.reverseDelay?(this.cancelRequestAnimationFrame(),x["default"].timeout(this.restart,e.reverseDelay)):this.restart())},t.prototype.componentWillUnmount=function(){this.cancelRequestAnimationFrame()},t.prototype.restart=function(){var e=this;this.setState({startMoment:this.timeLine.progressTime,startFrame:x["default"].frame},function(){e.play()})},t.prototype.start=function(e){e.animation&&Object.keys(e.animation).length&&(this.timeLine=new g["default"](this.dom,(0,v.dataToArray)(e.animation),this.props.attr),this.play())},t.prototype.play=function(){this.cancelRequestAnimationFrame(),this.rafID="tween"+Date.now()+"-"+E,x["default"].wake(this.rafID,this.raf),this.raf(),E++},t.prototype.frame=function(){var e=(x["default"].frame-this.state.startFrame)*C+(this.state.startMoment||0);this.props.reverse&&(e=(this.state.startMoment||0)-(x["default"].frame-this.state.startFrame)*C),e=e>this.timeLine.totalTime?this.timeLine.totalTime:e,e=e<=0?0:e,e<this.moment&&!this.props.reverse&&this.timeLine.resetDefaultStyle(),this.moment=e,this.timeLine.onChange=this.props.onChange,this.timeLine.frame(e),this.timeLine.register=!0},t.prototype.raf=function(){if(this.frame(),this.moment>=this.timeLine.totalTime&&!this.props.reverse||this.props.paused||this.props.reverse&&0===this.moment)return this.cancelRequestAnimationFrame()},t.prototype.cancelRequestAnimationFrame=function(){x["default"].clear(this.rafID),this.rafID=-1},t.prototype.render=function(){var e=(0,h["default"])({},this.props);["animation","component","reverseDelay","attr","paused","reverse","moment","resetStyleBool"].forEach(function(t){return delete e[t]}),e.style=(0,h["default"])({},this.props.style);for(var t in e.style)if(t.indexOf("filter")>=0||t.indexOf("Filter")>=0)for(var n=["Webkit","Moz","Ms","ms"],r=0;r<n.length;r++)e.style[n[r]+"Filter"]=e.style[t];return e.component="function"==typeof e.component?this.props.componentReplace:e.component,e.component||delete e.component,c["default"].createElement(this.props.component,e)},t}(l.Component),P=l.PropTypes.oneOfType([l.PropTypes.object,l.PropTypes.array]);S.propTypes={component:l.PropTypes.any,componentReplace:l.PropTypes.string,animation:P,children:l.PropTypes.any,style:l.PropTypes.object,paused:l.PropTypes.bool,reverse:l.PropTypes.bool,reverseDelay:l.PropTypes.number,moment:l.PropTypes.number,attr:l.PropTypes.string,onChange:l.PropTypes.func,resetStyleBool:l.PropTypes.bool},S.defaultProps={component:"div",reverseDelay:0,attr:"style",onChange:u},S.plugins=_["default"],t["default"]=S,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=[];return d["default"].Children.forEach(e,function(e){t.push(e)}),t}function i(e){return e||0===e?Array.isArray(e)?e:[e]:[]}function a(e,t){if(e===t)return!0;if(!e||!t)return!1;var n=!0;if(Array.isArray(e)&&Array.isArray(t))for(var r=0;r<e.length;r++){var o=e[r],i=t[r];for(var s in o)if(o[s]!==i[s]){if("object"!==f(o[s])||"object"!==f(i[s]))return n=!1,!1;n=a(o[s],i[s])}}return Object.keys(e).forEach(function(r){return r in t?void("object"===f(e[r])&&"object"===f(t[r])?n=a(e[r],t[r]):"function"==typeof e[r]&&"function"==typeof t[r]?e[r].name!==t[r].name&&(n=!1):e[r]!==t[r]&&(n=!1)):(n=!1,!1)}),Object.keys(t).forEach(function(r){return r in e?void("object"===f(t[r])&&"object"===f(e[r])?n=a(t[r],e[r]):"function"==typeof e[r]&&"function"==typeof t[r]?e[r].name!==t[r].name&&(n=!1):t[r]!==e[r]&&(n=!1)):(n=!1,!1)}),n}function s(e,t){var n=null;return e&&e.forEach(function(e){!n&&e&&e.key===t&&(n=e)}),n}function u(e,t){var n=[],r={},o=[];return e.forEach(function(e){e&&(s(t,e.key)?o.length&&(r[e.key]=o,o=[]):e.key&&o.push(e))}),t.forEach(function(e){e&&(r.hasOwnProperty(e.key)&&(n=n.concat(r[e.key])),n.push(e))}),o.forEach(function(t){var r=e.indexOf(t);r>=0&&n.splice(r,0,t)}),n}function l(e,t,n){var r=void 0;return r="function"==typeof e?e({key:t,index:n}):e}function c(e){return e&&e.children}Object.defineProperty(t,"__esModule",{value:!0});var f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e};t.toArrayChildren=o,t.dataToArray=i,t.objectEqual=a,t.findChildInChildrenByKey=s,t.mergeChildren=u,t.transformArguments=l,t.getChildrenFromProps=c;var p=n(1),d=r(p)},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e){if("file"==e.kind)return e.getAsFile()}var i=n(1219),a=n(371),s=n(33),u=new RegExp("\r\n","g"),l="\n",c={"text/rtf":1,"text/html":1},f=function(){function e(t){r(this,e),this.data=t,this.types=t.types?a(t.types):[]}return e.prototype.isRichText=function(){return!(!this.getHTML()||!this.getText())||!this.isImage()&&this.types.some(function(e){return c[e]})},e.prototype.getText=function(){var e;return this.data.getData&&(this.types.length?this.types.indexOf("text/plain")!=-1&&(e=this.data.getData("text/plain")):e=this.data.getData("Text")),e?e.replace(u,l):null},e.prototype.getHTML=function(){if(this.data.getData){if(!this.types.length)return this.data.getData("Text");if(this.types.indexOf("text/html")!=-1)return this.data.getData("text/html")}},e.prototype.isLink=function(){return this.types.some(function(e){return e.indexOf("Url")!=-1||e.indexOf("text/uri-list")!=-1||e.indexOf("text/x-moz-url")})},e.prototype.getLink=function(){if(this.data.getData){if(this.types.indexOf("text/x-moz-url")!=-1){var e=this.data.getData("text/x-moz-url").split("\n");return e[0]}return this.types.indexOf("text/uri-list")!=-1?this.data.getData("text/uri-list"):this.data.getData("url")}return null},e.prototype.isImage=function t(){var t=this.types.some(function(e){return e.indexOf("application/x-moz-file")!=-1});if(t)return!0;for(var e=this.getFiles(),n=0;n<e.length;n++){var r=e[n].type;if(!i.isImage(r))return!1}return!0},e.prototype.getCount=function(){return this.data.hasOwnProperty("items")?this.data.items.length:this.data.hasOwnProperty("mozItemCount")?this.data.mozItemCount:this.data.files?this.data.files.length:null},e.prototype.getFiles=function(){return this.data.items?Array.prototype.slice.call(this.data.items).map(o).filter(s.thatReturnsArgument):this.data.files?Array.prototype.slice.call(this.data.files):[]},e.prototype.hasFiles=function(){return this.getFiles().length>0},e}();e.exports=f},function(e,t,n){"use strict";var r=n(33),o={listen:function(e,t,n){return e.addEventListener?(e.addEventListener(t,n,!1),{remove:function(){e.removeEventListener(t,n,!1)}}):e.attachEvent?(e.attachEvent("on"+t,n),{remove:function(){e.detachEvent("on"+t,n)}}):void 0},capture:function(e,t,n){return e.addEventListener?(e.addEventListener(t,n,!0),{remove:function(){e.removeEventListener(t,n,!0)}}):{remove:r}},registerDefault:function(){}};e.exports=o},function(e,t){"use strict";function n(e,t){return!!t&&(e===t.documentElement||e===t.body)}var r={getTop:function(e){var t=e.ownerDocument;return n(e,t)?t.body.scrollTop||t.documentElement.scrollTop:e.scrollTop},setTop:function(e,t){var r=e.ownerDocument;n(e,r)?r.body.scrollTop=r.documentElement.scrollTop=t:e.scrollTop=t},getLeft:function(e){var t=e.ownerDocument;return n(e,t)?t.body.scrollLeft||t.documentElement.scrollLeft:e.scrollLeft},setLeft:function(e,t){var r=e.ownerDocument;n(e,r)?r.body.scrollLeft=r.documentElement.scrollLeft=t:e.scrollLeft=t}};e.exports=r},function(e,t,n){"use strict";function r(e){var t=p.exec(e);return null==t?null:t[0]}function o(e){var t=r(e);return null==t?l.NEUTRAL:d.exec(t)?l.RTL:l.LTR}function i(e,t){if(t=t||l.NEUTRAL,!e.length)return t;var n=o(e);return n===l.NEUTRAL?t:n}function a(e,t){return t||(t=l.getGlobalDir()),l.isStrong(t)?void 0:c(!1),i(e,t)}function s(e,t){return a(e,t)===l.LTR}function u(e,t){return a(e,t)===l.RTL}var l=n(221),c=n(13),f={L:"A-Za-z\xaa\xb5\xba\xc0-\xd6\xd8-\xf6\xf8-\u01ba\u01bb\u01bc-\u01bf\u01c0-\u01c3\u01c4-\u0293\u0294\u0295-\u02af\u02b0-\u02b8\u02bb-\u02c1\u02d0-\u02d1\u02e0-\u02e4\u02ee\u0370-\u0373\u0376-\u0377\u037a\u037b-\u037d\u037f\u0386\u0388-\u038a\u038c\u038e-\u03a1\u03a3-\u03f5\u03f7-\u0481\u0482\u048a-\u052f\u0531-\u0556\u0559\u055a-\u055f\u0561-\u0587\u0589\u0903\u0904-\u0939\u093b\u093d\u093e-\u0940\u0949-\u094c\u094e-\u094f\u0950\u0958-\u0961\u0964-\u0965\u0966-\u096f\u0970\u0971\u0972-\u0980\u0982-\u0983\u0985-\u098c\u098f-\u0990\u0993-\u09a8\u09aa-\u09b0\u09b2\u09b6-\u09b9\u09bd\u09be-\u09c0\u09c7-\u09c8\u09cb-\u09cc\u09ce\u09d7\u09dc-\u09dd\u09df-\u09e1\u09e6-\u09ef\u09f0-\u09f1\u09f4-\u09f9\u09fa\u0a03\u0a05-\u0a0a\u0a0f-\u0a10\u0a13-\u0a28\u0a2a-\u0a30\u0a32-\u0a33\u0a35-\u0a36\u0a38-\u0a39\u0a3e-\u0a40\u0a59-\u0a5c\u0a5e\u0a66-\u0a6f\u0a72-\u0a74\u0a83\u0a85-\u0a8d\u0a8f-\u0a91\u0a93-\u0aa8\u0aaa-\u0ab0\u0ab2-\u0ab3\u0ab5-\u0ab9\u0abd\u0abe-\u0ac0\u0ac9\u0acb-\u0acc\u0ad0\u0ae0-\u0ae1\u0ae6-\u0aef\u0af0\u0b02-\u0b03\u0b05-\u0b0c\u0b0f-\u0b10\u0b13-\u0b28\u0b2a-\u0b30\u0b32-\u0b33\u0b35-\u0b39\u0b3d\u0b3e\u0b40\u0b47-\u0b48\u0b4b-\u0b4c\u0b57\u0b5c-\u0b5d\u0b5f-\u0b61\u0b66-\u0b6f\u0b70\u0b71\u0b72-\u0b77\u0b83\u0b85-\u0b8a\u0b8e-\u0b90\u0b92-\u0b95\u0b99-\u0b9a\u0b9c\u0b9e-\u0b9f\u0ba3-\u0ba4\u0ba8-\u0baa\u0bae-\u0bb9\u0bbe-\u0bbf\u0bc1-\u0bc2\u0bc6-\u0bc8\u0bca-\u0bcc\u0bd0\u0bd7\u0be6-\u0bef\u0bf0-\u0bf2\u0c01-\u0c03\u0c05-\u0c0c\u0c0e-\u0c10\u0c12-\u0c28\u0c2a-\u0c39\u0c3d\u0c41-\u0c44\u0c58-\u0c59\u0c60-\u0c61\u0c66-\u0c6f\u0c7f\u0c82-\u0c83\u0c85-\u0c8c\u0c8e-\u0c90\u0c92-\u0ca8\u0caa-\u0cb3\u0cb5-\u0cb9\u0cbd\u0cbe\u0cbf\u0cc0-\u0cc4\u0cc6\u0cc7-\u0cc8\u0cca-\u0ccb\u0cd5-\u0cd6\u0cde\u0ce0-\u0ce1\u0ce6-\u0cef\u0cf1-\u0cf2\u0d02-\u0d03\u0d05-\u0d0c\u0d0e-\u0d10\u0d12-\u0d3a\u0d3d\u0d3e-\u0d40\u0d46-\u0d48\u0d4a-\u0d4c\u0d4e\u0d57\u0d60-\u0d61\u0d66-\u0d6f\u0d70-\u0d75\u0d79\u0d7a-\u0d7f\u0d82-\u0d83\u0d85-\u0d96\u0d9a-\u0db1\u0db3-\u0dbb\u0dbd\u0dc0-\u0dc6\u0dcf-\u0dd1\u0dd8-\u0ddf\u0de6-\u0def\u0df2-\u0df3\u0df4\u0e01-\u0e30\u0e32-\u0e33\u0e40-\u0e45\u0e46\u0e4f\u0e50-\u0e59\u0e5a-\u0e5b\u0e81-\u0e82\u0e84\u0e87-\u0e88\u0e8a\u0e8d\u0e94-\u0e97\u0e99-\u0e9f\u0ea1-\u0ea3\u0ea5\u0ea7\u0eaa-\u0eab\u0ead-\u0eb0\u0eb2-\u0eb3\u0ebd\u0ec0-\u0ec4\u0ec6\u0ed0-\u0ed9\u0edc-\u0edf\u0f00\u0f01-\u0f03\u0f04-\u0f12\u0f13\u0f14\u0f15-\u0f17\u0f1a-\u0f1f\u0f20-\u0f29\u0f2a-\u0f33\u0f34\u0f36\u0f38\u0f3e-\u0f3f\u0f40-\u0f47\u0f49-\u0f6c\u0f7f\u0f85\u0f88-\u0f8c\u0fbe-\u0fc5\u0fc7-\u0fcc\u0fce-\u0fcf\u0fd0-\u0fd4\u0fd5-\u0fd8\u0fd9-\u0fda\u1000-\u102a\u102b-\u102c\u1031\u1038\u103b-\u103c\u103f\u1040-\u1049\u104a-\u104f\u1050-\u1055\u1056-\u1057\u105a-\u105d\u1061\u1062-\u1064\u1065-\u1066\u1067-\u106d\u106e-\u1070\u1075-\u1081\u1083-\u1084\u1087-\u108c\u108e\u108f\u1090-\u1099\u109a-\u109c\u109e-\u109f\u10a0-\u10c5\u10c7\u10cd\u10d0-\u10fa\u10fb\u10fc\u10fd-\u1248\u124a-\u124d\u1250-\u1256\u1258\u125a-\u125d\u1260-\u1288\u128a-\u128d\u1290-\u12b0\u12b2-\u12b5\u12b8-\u12be\u12c0\u12c2-\u12c5\u12c8-\u12d6\u12d8-\u1310\u1312-\u1315\u1318-\u135a\u1360-\u1368\u1369-\u137c\u1380-\u138f\u13a0-\u13f4\u1401-\u166c\u166d-\u166e\u166f-\u167f\u1681-\u169a\u16a0-\u16ea\u16eb-\u16ed\u16ee-\u16f0\u16f1-\u16f8\u1700-\u170c\u170e-\u1711\u1720-\u1731\u1735-\u1736\u1740-\u1751\u1760-\u176c\u176e-\u1770\u1780-\u17b3\u17b6\u17be-\u17c5\u17c7-\u17c8\u17d4-\u17d6\u17d7\u17d8-\u17da\u17dc\u17e0-\u17e9\u1810-\u1819\u1820-\u1842\u1843\u1844-\u1877\u1880-\u18a8\u18aa\u18b0-\u18f5\u1900-\u191e\u1923-\u1926\u1929-\u192b\u1930-\u1931\u1933-\u1938\u1946-\u194f\u1950-\u196d\u1970-\u1974\u1980-\u19ab\u19b0-\u19c0\u19c1-\u19c7\u19c8-\u19c9\u19d0-\u19d9\u19da\u1a00-\u1a16\u1a19-\u1a1a\u1a1e-\u1a1f\u1a20-\u1a54\u1a55\u1a57\u1a61\u1a63-\u1a64\u1a6d-\u1a72\u1a80-\u1a89\u1a90-\u1a99\u1aa0-\u1aa6\u1aa7\u1aa8-\u1aad\u1b04\u1b05-\u1b33\u1b35\u1b3b\u1b3d-\u1b41\u1b43-\u1b44\u1b45-\u1b4b\u1b50-\u1b59\u1b5a-\u1b60\u1b61-\u1b6a\u1b74-\u1b7c\u1b82\u1b83-\u1ba0\u1ba1\u1ba6-\u1ba7\u1baa\u1bae-\u1baf\u1bb0-\u1bb9\u1bba-\u1be5\u1be7\u1bea-\u1bec\u1bee\u1bf2-\u1bf3\u1bfc-\u1bff\u1c00-\u1c23\u1c24-\u1c2b\u1c34-\u1c35\u1c3b-\u1c3f\u1c40-\u1c49\u1c4d-\u1c4f\u1c50-\u1c59\u1c5a-\u1c77\u1c78-\u1c7d\u1c7e-\u1c7f\u1cc0-\u1cc7\u1cd3\u1ce1\u1ce9-\u1cec\u1cee-\u1cf1\u1cf2-\u1cf3\u1cf5-\u1cf6\u1d00-\u1d2b\u1d2c-\u1d6a\u1d6b-\u1d77\u1d78\u1d79-\u1d9a\u1d9b-\u1dbf\u1e00-\u1f15\u1f18-\u1f1d\u1f20-\u1f45\u1f48-\u1f4d\u1f50-\u1f57\u1f59\u1f5b\u1f5d\u1f5f-\u1f7d\u1f80-\u1fb4\u1fb6-\u1fbc\u1fbe\u1fc2-\u1fc4\u1fc6-\u1fcc\u1fd0-\u1fd3\u1fd6-\u1fdb\u1fe0-\u1fec\u1ff2-\u1ff4\u1ff6-\u1ffc\u200e\u2071\u207f\u2090-\u209c\u2102\u2107\u210a-\u2113\u2115\u2119-\u211d\u2124\u2126\u2128\u212a-\u212d\u212f-\u2134\u2135-\u2138\u2139\u213c-\u213f\u2145-\u2149\u214e\u214f\u2160-\u2182\u2183-\u2184\u2185-\u2188\u2336-\u237a\u2395\u249c-\u24e9\u26ac\u2800-\u28ff\u2c00-\u2c2e\u2c30-\u2c5e\u2c60-\u2c7b\u2c7c-\u2c7d\u2c7e-\u2ce4\u2ceb-\u2cee\u2cf2-\u2cf3\u2d00-\u2d25\u2d27\u2d2d\u2d30-\u2d67\u2d6f\u2d70\u2d80-\u2d96\u2da0-\u2da6\u2da8-\u2dae\u2db0-\u2db6\u2db8-\u2dbe\u2dc0-\u2dc6\u2dc8-\u2dce\u2dd0-\u2dd6\u2dd8-\u2dde\u3005\u3006\u3007\u3021-\u3029\u302e-\u302f\u3031-\u3035\u3038-\u303a\u303b\u303c\u3041-\u3096\u309d-\u309e\u309f\u30a1-\u30fa\u30fc-\u30fe\u30ff\u3105-\u312d\u3131-\u318e\u3190-\u3191\u3192-\u3195\u3196-\u319f\u31a0-\u31ba\u31f0-\u31ff\u3200-\u321c\u3220-\u3229\u322a-\u3247\u3248-\u324f\u3260-\u327b\u327f\u3280-\u3289\u328a-\u32b0\u32c0-\u32cb\u32d0-\u32fe\u3300-\u3376\u337b-\u33dd\u33e0-\u33fe\u3400-\u4db5\u4e00-\u9fcc\ua000-\ua014\ua015\ua016-\ua48c\ua4d0-\ua4f7\ua4f8-\ua4fd\ua4fe-\ua4ff\ua500-\ua60b\ua60c\ua610-\ua61f\ua620-\ua629\ua62a-\ua62b\ua640-\ua66d\ua66e\ua680-\ua69b\ua69c-\ua69d\ua6a0-\ua6e5\ua6e6-\ua6ef\ua6f2-\ua6f7\ua722-\ua76f\ua770\ua771-\ua787\ua789-\ua78a\ua78b-\ua78e\ua790-\ua7ad\ua7b0-\ua7b1\ua7f7\ua7f8-\ua7f9\ua7fa\ua7fb-\ua801\ua803-\ua805\ua807-\ua80a\ua80c-\ua822\ua823-\ua824\ua827\ua830-\ua835\ua836-\ua837\ua840-\ua873\ua880-\ua881\ua882-\ua8b3\ua8b4-\ua8c3\ua8ce-\ua8cf\ua8d0-\ua8d9\ua8f2-\ua8f7\ua8f8-\ua8fa\ua8fb\ua900-\ua909\ua90a-\ua925\ua92e-\ua92f\ua930-\ua946\ua952-\ua953\ua95f\ua960-\ua97c\ua983\ua984-\ua9b2\ua9b4-\ua9b5\ua9ba-\ua9bb\ua9bd-\ua9c0\ua9c1-\ua9cd\ua9cf\ua9d0-\ua9d9\ua9de-\ua9df\ua9e0-\ua9e4\ua9e6\ua9e7-\ua9ef\ua9f0-\ua9f9\ua9fa-\ua9fe\uaa00-\uaa28\uaa2f-\uaa30\uaa33-\uaa34\uaa40-\uaa42\uaa44-\uaa4b\uaa4d\uaa50-\uaa59\uaa5c-\uaa5f\uaa60-\uaa6f\uaa70\uaa71-\uaa76\uaa77-\uaa79\uaa7a\uaa7b\uaa7d\uaa7e-\uaaaf\uaab1\uaab5-\uaab6\uaab9-\uaabd\uaac0\uaac2\uaadb-\uaadc\uaadd\uaade-\uaadf\uaae0-\uaaea\uaaeb\uaaee-\uaaef\uaaf0-\uaaf1\uaaf2\uaaf3-\uaaf4\uaaf5\uab01-\uab06\uab09-\uab0e\uab11-\uab16\uab20-\uab26\uab28-\uab2e\uab30-\uab5a\uab5b\uab5c-\uab5f\uab64-\uab65\uabc0-\uabe2\uabe3-\uabe4\uabe6-\uabe7\uabe9-\uabea\uabeb\uabec\uabf0-\uabf9\uac00-\ud7a3\ud7b0-\ud7c6\ud7cb-\ud7fb\ue000-\uf8ff\uf900-\ufa6d\ufa70-\ufad9\ufb00-\ufb06\ufb13-\ufb17\uff21-\uff3a\uff41-\uff5a\uff66-\uff6f\uff70\uff71-\uff9d\uff9e-\uff9f\uffa0-\uffbe\uffc2-\uffc7\uffca-\uffcf\uffd2-\uffd7\uffda-\uffdc",
-R:"\u0590\u05be\u05c0\u05c3\u05c6\u05c8-\u05cf\u05d0-\u05ea\u05eb-\u05ef\u05f0-\u05f2\u05f3-\u05f4\u05f5-\u05ff\u07c0-\u07c9\u07ca-\u07ea\u07f4-\u07f5\u07fa\u07fb-\u07ff\u0800-\u0815\u081a\u0824\u0828\u082e-\u082f\u0830-\u083e\u083f\u0840-\u0858\u085c-\u085d\u085e\u085f-\u089f\u200f\ufb1d\ufb1f-\ufb28\ufb2a-\ufb36\ufb37\ufb38-\ufb3c\ufb3d\ufb3e\ufb3f\ufb40-\ufb41\ufb42\ufb43-\ufb44\ufb45\ufb46-\ufb4f",AL:"\u0608\u060b\u060d\u061b\u061c\u061d\u061e-\u061f\u0620-\u063f\u0640\u0641-\u064a\u066d\u066e-\u066f\u0671-\u06d3\u06d4\u06d5\u06e5-\u06e6\u06ee-\u06ef\u06fa-\u06fc\u06fd-\u06fe\u06ff\u0700-\u070d\u070e\u070f\u0710\u0712-\u072f\u074b-\u074c\u074d-\u07a5\u07b1\u07b2-\u07bf\u08a0-\u08b2\u08b3-\u08e3\ufb50-\ufbb1\ufbb2-\ufbc1\ufbc2-\ufbd2\ufbd3-\ufd3d\ufd40-\ufd4f\ufd50-\ufd8f\ufd90-\ufd91\ufd92-\ufdc7\ufdc8-\ufdcf\ufdf0-\ufdfb\ufdfc\ufdfe-\ufdff\ufe70-\ufe74\ufe75\ufe76-\ufefc\ufefd-\ufefe"},p=new RegExp("["+f.L+f.R+f.AL+"]"),d=new RegExp("["+f.R+f.AL+"]"),h={firstStrongChar:r,firstStrongCharDir:o,resolveBlockDir:i,getDirection:a,isDirectionLTR:s,isDirectionRTL:u};e.exports=h},function(e,t){"use strict";function n(e){return e.replace(r,function(e,t){return t.toUpperCase()})}var r=/-(.)/g;e.exports=n},function(e,t,n){"use strict";function r(e){var t=e.length;if(Array.isArray(e)||"object"!=typeof e&&"function"!=typeof e?a(!1):void 0,"number"!=typeof t?a(!1):void 0,0===t||t-1 in e?void 0:a(!1),"function"==typeof e.callee?a(!1):void 0,e.hasOwnProperty)try{return Array.prototype.slice.call(e)}catch(n){}for(var r=Array(t),o=0;o<t;o++)r[o]=e[o];return r}function o(e){return!!e&&("object"==typeof e||"function"==typeof e)&&"length"in e&&!("setInterval"in e)&&"number"!=typeof e.nodeType&&(Array.isArray(e)||"callee"in e||"item"in e)}function i(e){return o(e)?Array.isArray(e)?e.slice():r(e):[e]}var a=n(13);e.exports=i},function(e,t){"use strict";function n(e){try{e.focus()}catch(t){}}e.exports=n},function(e,t){"use strict";function n(e){return e.Window&&e instanceof e.Window?{x:e.pageXOffset||e.document.documentElement.scrollLeft,y:e.pageYOffset||e.document.documentElement.scrollTop}:{x:e.scrollLeft,y:e.scrollTop}}e.exports=n},function(e,t){"use strict";function n(e){return e.replace(r,"-$1").toLowerCase()}var r=/([A-Z])/g;e.exports=n},function(e,t){"use strict";function n(e){var t={};return function(n){return t.hasOwnProperty(n)||(t[n]=e.call(this,n)),t[n]}}e.exports=n},function(e,t,n){(function(t){"use strict";n(1294),e.exports=t.setImmediate}).call(t,function(){return this}())},function(e,t,n){"use strict";var r=n(1),o=n(131),i=n(1238),a=0;e.exports=function(e){function t(e,t){return i.cond(e,u,t)}var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],s=[[function(e){return"style"===o.getTagName(e)},function(e,t){var n=o.getTagName(e),a=o.getAttributes(e),s=o.getChildren(e)[0];return r.createElement(n,i.assign({key:t,dangerouslySetInnerHTML:{__html:s}},a))}],[function(e){return"string"==typeof e},function(e){return e}],[function(){return!0},function(e,n){var a=i.assign({key:n},o.getAttributes(e));a["class"]&&(a.className=a["class"],delete a["class"]),a.style&&(a.style=i.toStyleObject(a.style));var s=o.getTagName(e);return r.createElement(s,a,i.isStandalone(s)?void 0:o.getChildren(e).map(t))}]],u=n.concat(s);return i.cond(e,u,a++)}},function(e,t,n){"use strict";function r(e){this._listeners={},this._eventTarget=e||{},this.recoverLists=[],this._listFun={}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(227);r.prototype={addEventListener:function(e,t,n){var r=e.split("."),o=r[0],i=r[1],a=this._listeners[o],s=0,u=void 0,l=void 0;for(a||(this._listeners[o]=a=[]),l=a.length;--l>-1;)u=a[l],u.n===i&&u.c===t?a.splice(l,1):0===s&&(s=l+1);a.splice(s,0,{c:t,n:i,t:o}),this._listFun[o]||(this._listFun[o]=this._listFun[o]||this.dispatchEvent.bind(this,o),this._eventTarget.addEventListener?(n||this._eventTarget).addEventListener(o,this._listFun[o],!1):this._eventTarget.attachEvent&&(n||this._eventTarget).attachEvent("on"+o,this._listFun[o]))},removeEventListener:function(e,t,n,r){var o=e.split("."),i=o[0],a=o[1],s=this._listeners[i],u=void 0,l=r;if(a||(l=!0),s)for(u=s.length;--u>-1;)if(s[u].c===t&&(l||s[u].n===a)){if(s.splice(u,1),!s.length){var c=this._listFun[i];delete this._listeners[i],delete this._listFun[i],this._eventTarget.removeEventListener?(n||this._eventTarget).removeEventListener(i,c):this._eventTarget.detachEvent&&(n||this._eventTarget).detachEvent("on"+i,c)}if(!l)return}},dispatchEvent:function(e,t){var n=this._listeners[e],r=void 0,o=void 0,i=void 0;if(n)for(r=n.length,o=this._eventTarget;--r>-1;)if(i=n[r]){var a=t||{type:e,target:o};i.c.call(o,a)}},removeAllType:function(e,t){var n=this,r=e.split("."),i=r[0],a=r[1],s=this._listeners[i];this.recoverLists=this.recoverLists.concat((0,o.dataToArray)(s).filter(function(e){return e.n&&e.n.match(a)})),this.recoverLists.forEach(function(e){n.removeEventListener(e.t+"."+e.n,e.c,t)})},reAllType:function(e,t){var n=this,r=e.split("."),o=r[0],i=r[1];this.recoverLists=this.recoverLists.map(function(e){return e.t===o&&e.n.match(i)?(n.addEventListener(e.t+"."+e.n,e.c,t),null):e}).filter(function(e){return e})}};var i=void 0;i="undefined"!=typeof window&&"undefined"!=typeof document?new r(window):new r,t["default"]=i,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(70),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(2),y=r(m),g=n(1293),b=r(g),_=n(378),w=r(_),x=n(227),C=function(){},E=function(e){function t(){var n,r,o;(0,l["default"])(this,t);for(var i=arguments.length,a=Array(i),s=0;s<i;s++)a[s]=arguments[s];return n=r=(0,f["default"])(this,e.call.apply(e,[this].concat(a))),r.getParam=function(e){r.clientHeight=r.target?r.target.clientHeight:(0,x.windowHeight)();var t=r.target?r.target.scrollTop:(0,x.currentScrollTop)(),n=r.dom.getBoundingClientRect(),o=r.target?r.target.getBoundingClientRect().top:0,i=n.top+t-o;r.elementShowHeight=t-i+r.clientHeight;var a=(0,x.transformArguments)(r.props.playScale),s=/([\+\-]?[0-9#\.]+)(px|vh|%)?/.exec(String(a[0]));s[2]?"px"===s[2]?r.playHeight=parseFloat(s[1]):r.playHeight=r.clientHeight*parseFloat(s[1])/100:r.playHeight=r.clientHeight*parseFloat(a[0]);var u=n.height,l=/([\+\-]?[0-9#\.]+)(px|vh|%)?/.exec(String(a[1]));l[2]?"px"===l[2]?r.leavePlayHeight=parseFloat(l[1]):r.leavePlayHeight=u*parseFloat(l[1])/100:r.leavePlayHeight=u*parseFloat(a[1]);var c=r.elementShowHeight>=r.playHeight&&r.elementShowHeight<=r.clientHeight+r.leavePlayHeight,f=c?"enter":"leave",p=r.enter!==c||"boolean"!=typeof r.enter?f:null;p&&r.props.onChange({mode:p,id:r.props.id},e),r.enter=c},r.scrollEventListener=function(e){r.getParam(e)},o=n,(0,f["default"])(r,o)}return(0,d["default"])(t,e),t.prototype.componentDidMount=function(){this.dom=y["default"].findDOMNode(this),this.props.location?(this.dom=document.getElementById(this.props.location),b["default"].register(this.props.location,this.dom)):this.props.id&&b["default"].register(this.props.id,this.dom);var e=Date.now();this.target=this.props.targetId&&document.getElementById(this.props.targetId);var t=(0,x.currentScrollTop)();t||this.scrollEventListener();var n=w["default"]._listeners.scroll?w["default"]._listeners.scroll.length:0;this.eventType="scroll.scrollEvent"+e+n,w["default"].addEventListener(this.eventType,this.scrollEventListener,this.target)},t.prototype.componentWillReceiveProps=function(e){this.setState({children:(0,x.toArrayChildren)(e.children)})},t.prototype.componentWillUnmount=function(){b["default"].unRegister(this.props.id),w["default"].removeEventListener(this.eventType,this.scrollEventListener,this.target)},t.prototype.render=function(){var e=(0,s["default"])(this.props,[]);return["component","playScale","location","targetId"].forEach(function(t){return delete e[t]}),v["default"].createElement(this.props.component,(0,i["default"])({},e))},t}(v["default"].Component);E.propTypes={component:v["default"].PropTypes.any,playScale:v["default"].PropTypes.any,id:v["default"].PropTypes.string,onChange:v["default"].PropTypes.func,location:v["default"].PropTypes.string,targetId:v["default"].PropTypes.string},E.defaultProps={component:"div",onChange:C,playScale:.5},E.isScrollElement=!0,t["default"]=E,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(70),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(12),v=r(h),m=function(e){function t(){return(0,s["default"])(this,t),(0,l["default"])(this,e.apply(this,arguments))}return(0,f["default"])(t,e),t.prototype.shouldComponentUpdate=function(e){return e.hiddenClassName||e.visible},t.prototype.render=function(){var e=this.props,t=e.hiddenClassName,n=e.visible,r=(0,i["default"])(e,["hiddenClassName","visible"]);return t||d["default"].Children.count(r.children)>1?(!n&&t&&(r.className+=" "+t),d["default"].createElement("div",r)):d["default"].Children.only(r.children)},t}(p.Component);m.propTypes={children:v["default"].any,className:v["default"].string,visible:v["default"].bool,hiddenClassName:v["default"].string},t["default"]=m,e.exports=t["default"]},function(e,t){"use strict";var n={linear:function(e,t,n,r){var o=n-t;return o*e/r+t},easeInQuad:function(e,t,n,r){var o=n-t;return o*(e/=r)*e+t},easeOutQuad:function(e,t,n,r){var o=n-t;return-o*(e/=r)*(e-2)+t},easeInOutQuad:function(e,t,n,r){var o=n-t;return(e/=r/2)<1?o/2*e*e+t:-o/2*(--e*(e-2)-1)+t},easeInCubic:function(e,t,n,r){var o=n-t;return o*(e/=r)*e*e+t},easeOutCubic:function(e,t,n,r){var o=n-t;return o*((e=e/r-1)*e*e+1)+t},easeInOutCubic:function(e,t,n,r){var o=n-t;return(e/=r/2)<1?o/2*e*e*e+t:o/2*((e-=2)*e*e+2)+t},easeInQuart:function(e,t,n,r){var o=n-t;return o*(e/=r)*e*e*e+t},easeOutQuart:function(e,t,n,r){var o=n-t;return-o*((e=e/r-1)*e*e*e-1)+t},easeInOutQuart:function(e,t,n,r){var o=n-t;return(e/=r/2)<1?o/2*e*e*e*e+t:-o/2*((e-=2)*e*e*e-2)+t},easeInQuint:function(e,t,n,r){var o=n-t;return o*(e/=r)*e*e*e*e+t},easeOutQuint:function(e,t,n,r){var o=n-t;return o*((e=e/r-1)*e*e*e*e+1)+t},easeInOutQuint:function(e,t,n,r){var o=n-t;return(e/=r/2)<1?o/2*e*e*e*e*e+t:o/2*((e-=2)*e*e*e*e+2)+t},easeInSine:function(e,t,n,r){var o=n-t;return-o*Math.cos(e/r*(Math.PI/2))+o+t},easeOutSine:function(e,t,n,r){var o=n-t;return o*Math.sin(e/r*(Math.PI/2))+t},easeInOutSine:function(e,t,n,r){var o=n-t;return-o/2*(Math.cos(Math.PI*e/r)-1)+t},easeInExpo:function(e,t,n,r){var o=n-t;return 0==e?t:o*Math.pow(2,10*(e/r-1))+t},easeOutExpo:function(e,t,n,r){var o=n-t;return e==r?t+o:o*(-Math.pow(2,-10*e/r)+1)+t},easeInOutExpo:function(e,t,n,r){var o=n-t;return 0===e?t:e===r?t+o:(e/=r/2)<1?o/2*Math.pow(2,10*(e-1))+t:o/2*(-Math.pow(2,-10*--e)+2)+t},easeInCirc:function(e,t,n,r){var o=n-t;return-o*(Math.sqrt(1-(e/=r)*e)-1)+t},easeOutCirc:function(e,t,n,r){var o=n-t;return o*Math.sqrt(1-(e=e/r-1)*e)+t},easeInOutCirc:function(e,t,n,r){var o=n-t;return(e/=r/2)<1?-o/2*(Math.sqrt(1-e*e)-1)+t:o/2*(Math.sqrt(1-(e-=2)*e)+1)+t},easeInElastic:function(e,t,n,r){var o,i,a,s=n-t;return a=1.70158,i=0,o=s,0===e?t:1===(e/=r)?t+s:(i||(i=.3*r),o<Math.abs(s)?(o=s,a=i/4):a=i/(2*Math.PI)*Math.asin(s/o),-(o*Math.pow(2,10*(e-=1))*Math.sin((e*r-a)*(2*Math.PI)/i))+t)},easeOutElastic:function(e,t,n,r){var o,i,a,s=n-t;return a=1.70158,i=0,o=s,0===e?t:1===(e/=r)?t+s:(i||(i=.3*r),o<Math.abs(s)?(o=s,a=i/4):a=i/(2*Math.PI)*Math.asin(s/o),o*Math.pow(2,-10*e)*Math.sin((e*r-a)*(2*Math.PI)/i)+s+t)},easeInOutElastic:function(e,t,n,r){var o,i,a,s=n-t;return a=1.70158,i=0,o=s,0===e?t:2===(e/=r/2)?t+s:(i||(i=r*(.3*1.5)),o<Math.abs(s)?(o=s,a=i/4):a=i/(2*Math.PI)*Math.asin(s/o),e<1?-.5*(o*Math.pow(2,10*(e-=1))*Math.sin((e*r-a)*(2*Math.PI)/i))+t:o*Math.pow(2,-10*(e-=1))*Math.sin((e*r-a)*(2*Math.PI)/i)*.5+s+t)},easeInBack:function(e,t,n,r,o){var i=n-t;return void 0===o&&(o=1.70158),i*(e/=r)*e*((o+1)*e-o)+t},easeOutBack:function(e,t,n,r,o){var i=n-t;return void 0===o&&(o=1.70158),i*((e=e/r-1)*e*((o+1)*e+o)+1)+t},easeInOutBack:function(e,t,n,r,o){var i=n-t;return void 0===o&&(o=1.70158),(e/=r/2)<1?i/2*(e*e*(((o*=1.525)+1)*e-o))+t:i/2*((e-=2)*e*(((o*=1.525)+1)*e+o)+2)+t},easeInBounce:function(e,t,r,o){var i,a=r-t;return i=n.easeOutBounce(o-e,0,a,o),a-i+t},easeOutBounce:function(e,t,n,r){var o=n-t;return(e/=r)<1/2.75?o*(7.5625*e*e)+t:e<2/2.75?o*(7.5625*(e-=1.5/2.75)*e+.75)+t:e<2.5/2.75?o*(7.5625*(e-=2.25/2.75)*e+.9375)+t:o*(7.5625*(e-=2.625/2.75)*e+.984375)+t},easeInOutBounce:function(e,t,r,o){var i,a=r-t;return e<o/2?(i=n.easeInBounce(2*e,0,a,o),.5*i+t):(i=n.easeOutBounce(2*e-o,0,a,o),.5*i+.5*a+t)}};e.exports=n},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}Object.defineProperty(t,"__esModule",{value:!0});var i=n(9),a=r(i),s=n(4),u=r(s),l=n(7),c=r(l),f=n(6),p=r(f),d=n(1),h=r(d),v=n(12),m=r(v),y=n(2),g=r(y),b=n(137),_=n(108),w=n(1311),x=r(w),C=n(384),E=r(C),S=Math.round(1e3/60),P=function(e){function t(){(0,u["default"])(this,t);var n=(0,c["default"])(this,e.apply(this,arguments));return n.restart=function(){n.startMoment=n.timeLine.progressTime,n.startFrame=E["default"].frame,n.play()},n.start=function(){n.updateAnim=null;var e=n.props;e.animation&&Object.keys(e.animation).length&&(n.timeLine=new x["default"](n.dom,(0,b.dataToArray)(e.animation),{attr:e.attr,willChange:e.willChange}),n.raf(),n.play())},n.play=function(){n.cancelRequestAnimationFrame(),n.paused||(n.rafID=E["default"].add(n.raf))},n.updateAnimFunc=function(){n.cancelRequestAnimationFrame(),n.startFrame=E["default"].frame,"update"===n.updateAnim&&(n.props.resetStyleBool&&n.timeLine&&n.timeLine.resetDefaultStyle(),n.startMoment=0)},n.frame=function(){var e=(E["default"].frame-n.startFrame)*S+n.startMoment;n.reverse&&(e=(n.startMoment||0)-(E["default"].frame-n.startFrame)*S),e=e>n.timeLine.totalTime?n.timeLine.totalTime:e,e=e<=0?0:e,e<n.moment&&!n.reverse&&n.timeLine.resetDefaultStyle(),n.moment=e,n.timeLine.onChange=n.onChange,n.timeLine.frame(e)},n.raf=function(){if(n.frame(),n.updateAnim&&(n.updateStartStyle&&n.timeLine.reStart(n.props.style),n.updateAnimFunc(),n.start()),n.moment>=n.timeLine.totalTime&&!n.reverse||n.paused||n.reverse&&0===n.moment)return n.cancelRequestAnimationFrame()},n.cancelRequestAnimationFrame=function(){E["default"].clear(n.rafID),n.rafID=-1},n.rafID=-1,n.moment=n.props.moment||0,n.startMoment=n.props.moment||0,n.startFrame=E["default"].frame,n.paused=n.props.paused,n.reverse=n.props.reverse,n.onChange=n.props.onChange,n.newMomentAnim=!1,n.updateAnim=null,n}return(0,p["default"])(t,e),t.prototype.componentDidMount=function(){this.dom=g["default"].findDOMNode(this),this.start()},t.prototype.componentWillReceiveProps=function(e){var t=this;e.resetStyleBool&&this.timeLine&&this.rafID===-1&&this.timeLine.resetDefaultStyle(),this.onChange=e.onChange;var n=e.moment;if(this.newMomentAnim=!1,"number"==typeof n&&n!==this.moment)if(this.startMoment=n,this.startFrame=E["default"].frame,this.rafID!==-1||e.paused)this.newMomentAnim=!0;else{this.timeLine.resetAnimData();var r=e.style;this.dom.setAttribute("style",""),Object.keys(r).forEach(function(e){t.dom.style[e]=(0,_.stylesToCss)(e,r[e])}),this.play()}var o=e.animation,i=this.props.animation,a=(0,b.objectEqual)(i,o),s=(0,b.objectEqual)(this.props.style,e.style);a||(this.rafID!==-1?this.updateAnim="update":e.updateReStart&&(this.startFrame=E["default"].frame,this.updateAnim="start"),this.timeLine&&(this.timeLine.updateAnim=this.updateAnim)),s||this.rafID!==-1&&(this.updateStartStyle=!0),this.paused===e.paused&&this.reverse===e.reverse||(this.paused=e.paused,this.reverse=e.reverse,this.paused?this.cancelRequestAnimationFrame():this.reverse&&e.reverseDelay?(this.cancelRequestAnimationFrame(),E["default"].timeout(this.restart,e.reverseDelay)):this.restart())},t.prototype.componentDidUpdate=function(){this.updateStartStyle&&!this.updateAnim&&(this.timeLine.reStart(this.props.style),this.updateStartStyle=!1),this.newMomentAnim&&this.raf(),"start"===this.updateAnim&&this.start()},t.prototype.componentWillUnmount=function(){this.cancelRequestAnimationFrame()},t.prototype.render=function(){var e=(0,a["default"])({},this.props);if(["animation","component","componentReplace","reverseDelay","attr","paused","reverse","moment","resetStyleBool","updateReStart","willChange"].forEach(function(t){return delete e[t]}),e.style=(0,a["default"])({},this.props.style),Object.keys(e.style).forEach(function(t){t.match(/filter/i)&&["Webkit","Moz","Ms","ms"].forEach(function(n){return e.style[n+"Filter"]=e.style[t]})}),e.component="function"==typeof e.component?this.props.componentReplace:e.component,e.component||delete e.component,!this.props.component){var t=this.props.children.props,n=t.style,r=t.className,o=(0,a["default"])({},n,e.style),i=e.className?e.className+" "+r:r;return h["default"].cloneElement(this.props.children,{style:o,className:i})}return h["default"].createElement(this.props.component,e)},t}(d.Component),O=m["default"].oneOfType([m["default"].object,m["default"].array]);P.propTypes={component:m["default"].any,componentReplace:m["default"].string,animation:O,children:m["default"].any,style:m["default"].object,paused:m["default"].bool,reverse:m["default"].bool,reverseDelay:m["default"].number,moment:m["default"].number,attr:m["default"].string,willChange:m["default"].bool,onChange:m["default"].func,resetStyleBool:m["default"].bool,updateReStart:m["default"].bool},P.defaultProps={component:"div",reverseDelay:0,attr:"style",onChange:o,willChange:!0,updateReStart:!0},t["default"]=P,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(381),i=r(o),a=n(137);i["default"].path=function(e,t){for(var n=t||{},r=(0,a.parsePath)(e),o=r.getTotalLength(),s=n.rect||100,u=n.lengthPixel||200,l=[],c=0;c<u;c++)l.push(r.getPointAtLength(o/u*c));return function(e,t,n,a){var u=i["default"].linear(e,t,n,a),c=s*u,f=l.filter(function(e){return e.x>=c})[0]||r.getPointAtLength(u*o);return 1-f.y/s}},t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1751),i=r(o),a=function(){},s=a.prototype={tickFnArray:[],tickKeyObject:{},id:-1,tweenId:0,frame:0,perFrame:Math.round(1e3/60),getTime:Date.now||function(){return(new Date).getTime()},elapsed:0,lastUpdate:0,skipFrameMax:166};s.add=function(e){var t="TweenOneTicker"+this.tweenId;return this.tweenId++,this.wake(t,e),t},s.wake=function(e,t){var n=this;this.tickKeyObject[e]=t,this.tickFnArray=Object.keys(this.tickKeyObject).map(function(e){return n.tickKeyObject[e]}),this.id===-1&&(this.id=(0,i["default"])(this.tick))},s.clear=function(e){var t=this;delete this.tickKeyObject[e],this.tickFnArray=Object.keys(this.tickKeyObject).map(function(e){return t.tickKeyObject[e]})},s.sleep=function(){i["default"].cancel(this.id),this.id=-1,this.frame=0};var u=new a;s.tick=function(e){return u.elapsed=u.lastUpdate?u.getTime()-u.lastUpdate:0,u.lastUpdate=u.lastUpdate?u.lastUpdate+u.elapsed:u.getTime()+u.elapsed,u.tickFnArray.forEach(function(t){return t(e)}),u.tickFnArray.length?(u.elapsed>u.skipFrameMax||!u.frame?u.frame++:u.frame+=Math.round(u.elapsed/u.perFrame),void(u.id=(0,i["default"])(u.tick))):void u.sleep()};var l=0;s.timeout=function(e,t){var n=this;if("function"!=typeof e)return console.warn("not function");var r="timeout"+Date.now()+"-"+l,o=this.frame;return this.wake(r,function(){var i=(n.frame-o)*n.perFrame;i>=(t||0)&&(n.clear(r),e())}),l++,r};var c=0;s.interval=function(e,t){var n=this;if("function"!=typeof e)return console.warn("not function"),null;var r="interval"+Date.now()+"-"+c,o=this.frame;return this.wake(r,function(){var r=(n.frame-o)*n.perFrame;r>=(t||0)&&(o=n.frame,e())}),c++,r},t["default"]=u,e.exports=t["default"]},function(e,t,n){"use strict";var r=n(1318)["default"];n(1960),t=e.exports=r,t["default"]=t},function(e,t){"use strict";function n(e){var t,n,o,i,a=Array.prototype.slice.call(arguments,1);for(t=0,n=a.length;t<n;t+=1)if(o=a[t])for(i in o)r.call(o,i)&&(e[i]=o[i]);return e}t.extend=n;var r=Object.prototype.hasOwnProperty;t.hop=r},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){function e(e){var t=h["default"].createClass({displayName:"Form",mixins:n,getInitialState:function(){var e=void 0;return r&&(e=r(this.props)),this.fields=e||{},this.instances={},this.fieldsMeta={},this.cachedBind={},{submitting:!1}},componentWillReceiveProps:function(e){r&&(this.fields=r(e))},onCollectCommon:function(e,t,n){var r=e,o=this.getFieldMeta(r);if(o[t])o[t].apply(o,(0,p["default"])(n));else if(o.originalProps&&o.originalProps[t]){var a;(a=o.originalProps)[t].apply(a,(0,p["default"])(n))}var s=o.getValueFromEvent?o.getValueFromEvent.apply(o,(0,p["default"])(n)):v.getValueFromEvent.apply(void 0,(0,p["default"])(n));i&&i(this.props,(0,S["default"])({},r,s));var u=(0,v.getNameIfNested)(r);this.getFieldMeta(u.name).exclusive&&(r=u.name);var l=this.getField(r);return{name:r,field:(0,c["default"])({},l,{value:s,touched:!0}),fieldMeta:o}},onCollect:function(e,t){for(var n=arguments.length,r=Array(n>2?n-2:0),o=2;o<n;o++)r[o-2]=arguments[o];var i=this.onCollectCommon(e,t,r),a=i.name,s=i.field,l=i.fieldMeta,f=l.validate,p=(0,c["default"])({},s,{dirty:(0,v.hasRules)(f)});this.setFields((0,u["default"])({},a,p))},onCollectValidate:function(e,t){for(var n=arguments.length,r=Array(n>2?n-2:0),o=2;o<n;o++)r[o-2]=arguments[o];var i=this.onCollectCommon(e,t,r),a=i.field,s=i.fieldMeta,u=(0,c["default"])({},a,{dirty:!0});this.validateFieldsInternal([u],{action:t,options:{firstFields:!!s.validateFirst}})},getCacheBind:function(e,t,n){var r=this.cachedBind[e]=this.cachedBind[e]||{};return r[t]||(r[t]=n.bind(this,e,t)),r[t]},getFieldMeta:function(e){return this.fieldsMeta[e]},getField:function(e){var t=this.fields;return(0,c["default"])({},t[e],{name:e})},getFieldDecorator:function(e,t){var n=this,r=this.getFieldProps(e,t);return function(t){var o=n.getFieldMeta(e),i=t.props;return o.originalProps=i,o.ref=t.ref,h["default"].cloneElement(t,(0,c["default"])({},r,n.getFieldValuePropValue(o)))}},getFieldProps:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!e)throw new Error("Must call `getFieldProps` with valid name string!");var r=(0,v.getNameIfNested)(e),o=r.name,i=(0,c["default"])({valuePropName:"value",validate:[],trigger:O,validateTrigger:P,leadingName:o,name:e},n),a=i.rules,u=i.trigger,f=i.exclusive,p=i.validateTrigger,d=i.validate,h=this.fieldsMeta,m=void 0;m=h[e]=h[e]||{},"initialValue"in i&&(m.initialValue=i.initialValue);var y=h[o];r.isNested&&(y=h[o]=h[o]||{},y.virtual=!f,y.hidden=!f,y.exclusive=f);var g=(0,c["default"])({},this.getFieldValuePropValue(i),{ref:this.getCacheBind(e,e+"__ref",this.saveRef)});s&&(g[s]=e);var b=(0,v.normalizeValidateRules)(d,a,p),_=b.filter(function(e){return!!e.rules&&e.rules.length}).map(function(e){return e.trigger}).reduce(function(e,t){return e.concat(t)},[]);_.forEach(function(n){g[n]||(g[n]=t.getCacheBind(e,n,t.onCollectValidate))}),u&&_.indexOf(u)===-1&&(g[u]=this.getCacheBind(e,u,this.onCollect));var w=(0,c["default"])({},m,i,{validate:b});return h[e]=w,l&&(g[l]=w),g},getFieldValuePropValue:function(e){var t=e.exclusive,n=e.leadingName,r=e.name,o=e.getValueProps,i=e.valuePropName,a=this.fieldsMeta,s=t?this.getField(n):this.getField(r),l=T;return s&&"value"in s&&(l=s.value),l===T&&(l=t?a[n].initialValue:e.initialValue),o?o(l):(0,u["default"])({},i,l)},getFieldMember:function(e,t){var n=this.getField(e);return n&&n[t]},getFieldsError:function(e){var t=this,n=e||(0,v.flatFieldNames)(this.getValidFieldsName()),r={};return n.forEach(function(e){(0,S["default"])(r,e,t.getFieldError(e))}),r},getFieldError:function(e){return(0,v.getErrorStrs)(this.getFieldMember(e,"errors"))},getValidFieldsName:function(){var e=this.fieldsMeta;return e?Object.keys(e).filter(function(t){return!e[t].hidden}):[]},getFieldsValue:function(e){var t=this,n=e||(0,v.flatFieldNames)(this.getValidFieldsName()),r={};return n.forEach(function(e){(0,S["default"])(r,e,t.getFieldValue(e))}),r},getFieldValue:function(e){var t=this.fields;return this.getValueFromFields(e,t)},getFieldInstance:function(e){return this.instances[e]},getValueFromFieldsInternal:function(e,t){var n=t[e];if(n&&"value"in n)return n.value;var r=this.fieldsMeta[e];return r&&r.initialValue},getValueFromFields:function(e,t){var n=this,r=this.fieldsMeta;if(r[e]&&r[e].virtual){var o=function(){var o={};return Object.keys(r).forEach(function(r){var i=(0,v.getNameIfNested)(r);i.name===e&&i.isNested&&(0,S["default"])(o,r,n.getValueFromFieldsInternal(r,t))}),{v:o[e]}}();if("object"===("undefined"==typeof o?"undefined":(0,a["default"])(o)))return o.v}return this.getValueFromFieldsInternal(e,t)},getRules:function(e,t){var n=e.validate.filter(function(e){return!t||e.trigger.indexOf(t)>=0}).map(function(e){return e.rules});return(0,v.flattenArray)(n)},setFields:function(e){var t=this,n=this.fieldsMeta,r=e,i=(0,c["default"])({},this.fields,r),a={};Object.keys(n).forEach(function(e){var r=(0,v.getNameIfNested)(e),o=r.name,s=r.isNested;s&&n[o].exclusive||(a[e]=t.getValueFromFields(e,i))}),Object.keys(a).forEach(function(e){var r=a[e],o=n[e];if(o&&o.normalize){var s=o.normalize(r,t.getValueFromFields(e,t.fields),a);s!==r&&(i[e]=(0,c["default"])({},i[e],{value:s}))}}),this.fields=i,o&&!function(){var e=Object.keys(r),n={};e.forEach(function(e){n[e]=t.getField(e)}),o(t.props,n)}(),this.forceUpdate()},setFieldsValue:function(e){i&&i(this.props,e);var t={},n=this.fieldsMeta,r=this.fields,o=(0,v.getVirtualPaths)(n);Object.keys(e).forEach(function(i){var a=e[i];if(n[i]&&n[i].virtual){(0,v.clearVirtualField)(i,r,n);for(var s=0,u=o[i].length;s<u;s++){var l=o[i][s];(0,C["default"])(e,l)&&(t[l]={name:l,value:(0,w["default"])(e,l)})}}else n[i]?t[i]={name:i,value:a}:(0,b["default"])(!1,"Cannot use `setFieldsValue` until you use `getFieldDecorator` or `getFieldProps` to register it.")}),this.setFields(t)},setFieldsInitialValue:function(e){var t=this.fieldsMeta,n=(0,v.getVirtualPaths)(t);Object.keys(e).forEach(function(r){if(t[r]&&t[r].virtual)for(var o=0,i=n[r].length;o<i;o++){var a=n[r][o];(0,C["default"])(e,a)&&(t[a]=(0,c["default"])({},t[a],{initialValue:(0,w["default"])(e,a)}))}else t[r]&&(t[r]=(0,c["default"])({},t[r],{initialValue:e[r]}))})},saveRef:function(e,t,n){if(!n)return delete this.fieldsMeta[e],delete this.fields[e],delete this.instances[e],void delete this.cachedBind[e];var r=this.getFieldMeta(e);if(r){var o=r.ref;if(o){if("string"==typeof o)throw new Error("can not set ref string for "+e);o(n)}}this.instances[e]=n},validateFieldsInternal:function(e,t,n){var r=this,o=t.fieldNames,i=t.action,a=t.options,s=void 0===a?{}:a,u={},l={},p={},d={};if(e.forEach(function(e){var t=e.name;if(s.force!==!0&&e.dirty===!1)return void(e.errors&&(0,S["default"])(d,t,{errors:e.errors}));var n=r.getFieldMeta(t),o=(0,c["default"])({},e);o.errors=void 0,o.validating=!0,o.dirty=!0,u[t]=r.getRules(n,i),l[t]=o.value,p[t]=o}),this.setFields(p),Object.keys(l).forEach(function(e){l[e]=r.getFieldValue(e)}),n&&(0,v.isEmptyObject)(p))return void n((0,v.isEmptyObject)(d)?null:d,this.getFieldsValue((0,v.flatFieldNames)(o)));var h=new y["default"](u);f&&h.messages(f),h.validate(l,s,function(e){var t=(0,c["default"])({},d);e&&e.length&&e.forEach(function(e){var n=e.field;(0,C["default"])(t,n)||(0,S["default"])(t,n,{errors:[]});var r=(0,w["default"])(t,n.concat(".errors"));r.push(e)});var i=[],a={};Object.keys(u).forEach(function(e){var n=(0,w["default"])(t,e),o=r.getField(e);o.value!==l[e]?i.push({name:e}):(o.errors=n&&n.errors,o.value=l[e],o.validating=!1,o.dirty=!1,a[e]=o)}),r.setFields(a),n&&(i.length&&i.forEach(function(e){var n=e.name,r=[{message:n+" need to revalidate",field:n}];(0,S["default"])(t,n,{expired:!0,errors:r})}),n((0,v.isEmptyObject)(t)?null:t,r.getFieldsValue((0,v.flatFieldNames)(o))))})},validateFields:function(e,t,n){var r=this,o=(0,v.getParams)(e,t,n),i=o.names,a=o.callback,s=o.options,u=i||this.getValidFieldsName(),l=u.filter(function(e){var t=r.getFieldMeta(e);return(0,v.hasRules)(t.validate)}).map(function(e){var t=r.getField(e);return t.value=r.getFieldValue(e),t});return l.length?("firstFields"in s||(s.firstFields=u.filter(function(e){var t=r.getFieldMeta(e);return!!t.validateFirst})),void this.validateFieldsInternal(l,{fieldNames:u,options:s},a)):void(a&&a(null,this.getFieldsValue((0,v.flatFieldNames)(u))))},isFieldValidating:function(e){return this.getFieldMember(e,"validating")},isFieldsValidating:function(e){var t=this,n=e||this.getValidFieldsName();return n.some(function(e){return t.isFieldValidating(e)})},isFieldTouched:function(e){return this.getFieldMember(e,"touched")},isFieldsTouched:function(e){var t=this,n=e||this.getValidFieldsName();return n.some(function(e){return t.isFieldTouched(e)})},isSubmitting:function(){return this.state.submitting},submit:function(e){var t=this,n=function(){t.setState({submitting:!1})};this.setState({submitting:!0}),e(n)},resetFields:function(e){var t={},n=this.fields,r=!1,o=e||Object.keys(n);o.forEach(function(e){var o=n[e];o&&"value"in o&&(r=!0,t[e]={})}),r&&this.setFields(t)},render:function(){var t=(0,u["default"])({},_,this.getForm());x&&(t.ref="wrappedComponent");var n=m.call(this,(0,c["default"])({},t,this.props));return h["default"].createElement(e,n)}});return(0,v.argumentContainer)(t,e)}var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],r=t.mapPropsToFields,o=t.onFieldsChange,i=t.onValuesChange,s=t.fieldNameProp,l=t.fieldMetaProp,f=t.validateMessages,d=t.mapProps,m=void 0===d?v.mirror:d,g=t.formPropName,_=void 0===g?"form":g,x=t.withRef;return e}Object.defineProperty(t,"__esModule",{value:!0});var i=n(47),a=r(i),s=n(10),u=r(s),l=n(9),c=r(l),f=n(62),p=r(f),d=n(1),h=r(d),v=n(388),m=n(1346),y=r(m),g=n(45),b=r(g),_=n(480),w=r(_),x=n(1765),C=r(x),E=n(1763),S=r(E),P="onChange",O=P,T={};t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return e.displayName||e.name||"WrappedComponent"}function i(e,t){return e.displayName="Form("+o(t)+")",e.WrappedComponent=t,(0,x["default"])(e,t)}function a(e){if(!e||!e.target)return e;var t=e.target;return"checkbox"===t.type?t.checked:t.value}function s(e){return e?e.map(function(e){return e&&e.message?e.message:e}):e}function u(e){return 0===Object.keys(e).length}function l(e){return Array.prototype.concat.apply([],e)}function c(e){return e}function f(e){return!!e&&e.some(function(e){return!!e.rules&&e.rules.length})}function p(e,t){return 0===e.lastIndexOf(t,0)}function d(e,t,n){var r=e,o=n,i=t;return void 0===n&&("function"==typeof r?(o=r,i={},r=void 0):Array.isArray(e)?"function"==typeof i?(o=i,i={}):i=i||{}:(o=i,i=r||{},r=void 0)),{names:r,callback:o,options:i}}function h(e){var t=e.indexOf(C),n=e.indexOf(E),r=void 0;return t===-1&&n===-1?{name:e}:(r=t===-1?n:n===-1?t:Math.min(t,n),{name:e.slice(0,r),isNested:!0})}function v(e){var t={};return e.forEach(function(e){t[h(e).name]=1}),Object.keys(t)}function m(e,t,n){n[e]&&n[e].virtual&&Object.keys(t).forEach(function(n){h(n).name===e&&delete t[n]})}function y(e){var t={};return Object.keys(e).forEach(function(n){var r=e[n].leadingName;r&&e[r].virtual&&(r in t?t[r].push(n):t[r]=[n])}),t}function g(e,t,n){var r=e.map(function(e){var t=(0,_["default"])({},e,{trigger:e.trigger||[]});return"string"==typeof t.trigger&&(t.trigger=[t.trigger]),t});return t&&r.push({trigger:n?[].concat(n):[],rules:t}),r}Object.defineProperty(t,"__esModule",{value:!0});var b=n(9),_=r(b);t.argumentContainer=i,t.getValueFromEvent=a,t.getErrorStrs=s,t.isEmptyObject=u,t.flattenArray=l,t.mirror=c,t.hasRules=f,t.startsWith=p,t.getParams=d,t.getNameIfNested=h,t.flatFieldNames=v,t.clearVirtualField=m,
-t.getVirtualPaths=y,t.normalizeValidateRules=g;var w=n(1305),x=r(w),C=".",E="["},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1333),i=r(o);t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1336),i=r(o),a=n(1337),s=r(a);i["default"].TreeNode=s["default"],t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=void 0,n=e.userAgent,r=n.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i)||[];return/trident/i.test(r[1])?(t=/\brv[ :]+(\d+)/g.exec(n)||[],"IE "+(t[1]||"")):"Chrome"===r[1]&&(t=n.match(/\b(OPR|Edge)\/(\d+)/))?t.slice(1).join(" ").replace("OPR","Opera"):(r=r[2]?[r[1],r[2]]:[e.appName,e.appVersion,"-?"],t=n.match(/version\/(\d+)/i),t&&r.splice(1,1,t[1]),r.join(" "))}function i(e){var t=void 0,n=void 0,r=void 0,o=void 0;return e.getClientRects().length?(o=e.getBoundingClientRect(),o.width||o.height?(t=e.ownerDocument,n=t.defaultView,r=t.documentElement,{top:o.top+n.pageYOffset-r.clientTop,left:o.left+n.pageXOffset-r.clientLeft}):o):{top:0,left:0}}function a(e){var t=1;return Array.isArray(e)&&(t=e.length),t}function s(e,t,n){return 1===t?(n.first=!0,n.last=!0):(n.first=0===e,n.last=e===t-1),n}function u(e,t,n){var r=function o(e,n,r){var i=a(e);g["default"].Children.forEach(e,function(e,a){var u=n+"-"+a;e.props.children&&e.type&&e.type.isTreeNode&&o(e.props.children,u,{node:e,pos:u}),t(e,a,u,e.key||u,s(a,i,{}),r)})};r(e,0,n)}function l(e,t){return e.every(function(e,n){return e===t[n]})}function c(e){var t={};e.forEach(function(e){var n=e.split("-").length;t[n]||(t[n]=[]),t[n].push(e)});for(var n=Object.keys(t).sort(function(e,t){return Number(e)-Number(t)}),r=function(e){n[e+1]&&t[n[e]].forEach(function(r){for(var o=function(e){t[n[e]].forEach(function(o,i){l(r.split("-"),o.split("-"))&&(t[n[e]][i]=null)}),t[n[e]]=t[n[e]].filter(function(e){return e})},i=e+1;i<n.length;i++)o(i)})},o=0;o<n.length;o++)r(o);var i=[];return n.forEach(function(e){i=i.concat(t[e])}),i}function f(e){var t=e.match(/(.+)(-[^-]+)$/),n="";return t&&3===t.length&&(n=t[1]),n}function p(e){return e.split("-")}function d(e,t,n){var r=Object.keys(e);r.forEach(function(o,i){var a=p(o),s=!1;t.forEach(function(t){var u=p(t);a.length>u.length&&l(u,a)&&(e[o].halfChecked=!1,e[o].checked=n,r[i]=null),a[0]===u[0]&&a[1]===u[1]&&(s=!0)}),s||(r[i]=null)}),r=r.filter(function(e){return e});for(var o=function(n){var o=function a(o){var i=p(o).length;if(!(i<=2)){var s=0,u=0,c=f(o);r.forEach(function(r){var o=p(r);if(o.length===i&&l(p(c),o))if(s++,e[r].checked){u++;var a=t.indexOf(r);a>-1&&(t.splice(a,1),a<=n&&n--)}else e[r].halfChecked&&(u+=.5)});var d=e[c];0===u?(d.checked=!1,d.halfChecked=!1):u===s?(d.checked=!0,d.halfChecked=!1):(d.halfChecked=!0,d.checked=!1),a(c)}};o(t[n],n),i=n},i=0;i<t.length;i++)o(i)}function h(e){var t=[],n=[],r=[],o=[];return Object.keys(e).forEach(function(i){var a=e[i];a.checked?(n.push(a.key),r.push(a.node),o.push({node:a.node,pos:i})):a.halfChecked&&t.push(a.key)}),{halfCheckedKeys:t,checkedKeys:n,checkedNodes:r,checkedNodesPositions:o,treeNodesStates:e}}function v(e,t){return t?{checked:e,halfChecked:t}:e}function m(e,t){if(e===t)return!0;if(null===e||"undefined"==typeof e||null===t||"undefined"==typeof t)return!1;if(e.length!==t.length)return!1;for(var n=0;n<e.length;++n)if(e[n]!==t[n])return!1;return!0}Object.defineProperty(t,"__esModule",{value:!0}),t.browser=o,t.getOffset=i,t.loopAllChildren=u,t.isInclude=l,t.filterParentPosition=c,t.handleCheckState=d,t.getCheck=h,t.getStrictlyValue=v,t.arraysEqual=m;var y=n(1),g=r(y)},function(e,t,n){"use strict";e.exports=n(1338)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=e.ownerDocument,n=t.body,r=void 0,o=a["default"].css(e,"position"),i="fixed"===o||"absolute"===o;if(!i)return"html"===e.nodeName.toLowerCase()?null:e.parentNode;for(r=e.parentNode;r&&r!==n;r=r.parentNode)if(o=a["default"].css(r,"position"),"static"!==o)return r;return null}Object.defineProperty(t,"__esModule",{value:!0});var i=n(138),a=r(i);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e,t,n,r,o,i){!e.required||n.hasOwnProperty(e.field)&&!a.isEmptyValue(t,i||e.type)||r.push(a.format(o.messages.required,e.fullField))}Object.defineProperty(t,"__esModule",{value:!0});var i=n(28),a=r(i);t["default"]=o,e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={ZERO:48,NINE:57,NUMPAD_ZERO:96,NUMPAD_NINE:105,BACKSPACE:8,DELETE:46,ENTER:13,ARROW_UP:38,ARROW_DOWN:40},e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={items_per_page:"\u6761/\u9875",jump_to:"\u8df3\u81f3",page:"\u9875",prev_page:"\u4e0a\u4e00\u9875",next_page:"\u4e0b\u4e00\u9875",prev_5:"\u5411\u524d 5 \u9875",next_5:"\u5411\u540e 5 \u9875",prev_3:"\u5411\u524d 3 \u9875",next_3:"\u5411\u540e 3 \u9875"},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var u=n(1),l=r(u),c=n(12),f=r(c),p=function(e){function t(){return i(this,t),a(this,e.apply(this,arguments))}return s(t,e),t}(l["default"].Component);p.propTypes={value:f["default"].string},t["default"]=p,e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.SHOW_ALL="SHOW_ALL",t.SHOW_PARENT="SHOW_PARENT",t.SHOW_CHILD="SHOW_CHILD"},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}function a(e){var t=e.props;if("value"in t)return t.value;if(e.key)return e.key;throw new Error("no key or value for "+e)}function s(e,t){return"value"===t?a(e):e.props[t]}function u(e){return e.combobox}function l(e){return e.multiple||e.tags||e.treeCheckable}function c(e){return l(e)||u(e)}function f(e){return!c(e)}function p(e){var t=e;return void 0===e?t=[]:Array.isArray(e)||(t=[e]),t}function d(e){e.preventDefault()}function h(e){var t=e;return"label"===t&&(t="title"),t}function v(e,t){return e.every(function(e,n){return e===t[n]})}function m(e){var t=1;return Array.isArray(e)&&(t=e.length),t}function y(e,t,n){return 1===t?(n.first=!0,n.last=!0):(n.first=0===e,n.last=e===t-1),n}function g(e,t,n){var r=function o(e,n,r){var i=m(e);D["default"].Children.forEach(e,function(e,a){var s=n+"-"+a;e&&e.props.children&&e.type&&o(e.props.children,s,{node:e,pos:s}),e&&t(e,a,s,e.key||s,y(a,i,{}),r)})};r(e,0,n)}function b(e){if(!e.length)return e;var t=[],n={};e.forEach(function(e){if(e.pos){var t=e.pos.split("-").length;n[t]||(n[t]=[]),n[t].push(e)}});var r=Object.keys(n).sort(function(e,t){return t-e});return r.reduce(function(e,r){return r&&r!==e&&n[e].forEach(function(e){var o=!1;n[r].forEach(function(t){v(t.pos.split("-"),e.pos.split("-"))&&(o=!0,t.children||(t.children=[]),t.children.push(e))}),o||t.push(e)}),r}),n[r[r.length-1]].concat(t)}function _(e){var t={};e.forEach(function(e){var n=e.split("-").length;t[n]||(t[n]=[]),t[n].push(e)});for(var n=Object.keys(t).sort(),r=function(e){n[e+1]&&t[n[e]].forEach(function(r){for(var o=function(e){t[n[e]].forEach(function(o,i){v(r.split("-"),o.split("-"))&&(t[n[e]][i]=null)}),t[n[e]]=t[n[e]].filter(function(e){return e})},i=e+1;i<n.length;i++)o(i)})},o=0;o<n.length;o++)r(o);var i=[];return n.forEach(function(e){i=i.concat(t[e])}),i}function w(e){var t=e.match(/(.+)(-[^-]+)$/),n="";return t&&3===t.length&&(n=t[1]),n}function x(e){return e.split("-")}function C(e,t,n){var r=Object.keys(e);r.forEach(function(o,i){var a=x(o),s=!1;t.forEach(function(t){var u=x(t);a.length>u.length&&v(u,a)&&(e[o].halfChecked=!1,e[o].checked=n,r[i]=null),a[0]===u[0]&&a[1]===u[1]&&(s=!0)}),s||(r[i]=null)}),r=r.filter(function(e){return e});for(var o=function(n){var o=function a(o){var i=x(o).length;if(!(i<=2)){var s=0,u=0,l=w(o);r.forEach(function(r){var o=x(r);if(o.length===i&&v(x(l),o))if(s++,e[r].checked){u++;var a=t.indexOf(r);a>-1&&(t.splice(a,1),a<=n&&n--)}else e[r].halfChecked&&(u+=.5)});var c=e[l];0===u?(c.checked=!1,c.halfChecked=!1):u===s?(c.checked=!0,c.halfChecked=!1):(c.halfChecked=!0,c.checked=!1),a(l)}};o(t[n],n),i=n},i=0;i<t.length;i++)o(i)}function E(e,t){var n=[],r=[],o=[];return Object.keys(e).forEach(function(t){var i=e[t];i.checked?(r.push(i.key),o.push(N({},i,{pos:t}))):i.halfChecked&&n.push(i.key)}),{halfCheckedKeys:n,checkedKeys:r,checkedNodes:o,treeNodesStates:e,checkedPositions:t}}function S(e,t){var n=[],r={};return g(e,function(e,o,i,s,u){r[i]={node:e,key:s,checked:!1,halfChecked:!1,siblingPosition:u},t.indexOf(a(e))!==-1&&(r[i].checked=!0,n.push(i))}),C(r,_(n.sort()),!0),E(r,n)}function P(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(e){return e};return Array.from(e).map(function(e){var n=t(e);return n&&n.props&&n.props.children?D["default"].cloneElement(n,{},P(n.props.children,t)):n})}function O(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return D["default"].Children.map(e,function(e,n){var r=t+"-"+n,o={title:e.props.title,label:e.props.label||e.props.title,value:e.props.value,key:e.key,_pos:r};return e.props.children&&(o.children=O(e.props.children,r)),o})}function T(e,t){e.forEach(function(e){t(e),e.children&&T(e.children,t)})}function k(e,t){function n(e){e.forEach(function(e){if(!e.__checked){var t=o.indexOf(e.value),r=e.children;t>-1?(e.__checked=!0,s.push({node:e,pos:e._pos}),o.splice(t,1),r&&T(r,function(e){e.__checked=!0,s.push({node:e,pos:e._pos})})):r&&n(r)}})}function r(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{root:!0},n=0;e.forEach(function(e){var t=e.children;if(!t||e.__checked||e.__halfChecked)e.__checked?n++:e.__halfChecked&&(n+=.5);else{var o=r(t,e);o.__checked?n++:o.__halfChecked&&(n+=.5)}});var o=e.length;return n===o?(t.__checked=!0,s.push({node:t,pos:t._pos})):n<o&&n>0&&(t.__halfChecked=!0),t.root?e:t}var o=[].concat(i(e));if(!o.length)return o;var a=O(t),s=[];return n(a),r(a),s.forEach(function(e,t){delete s[t].node.__checked,delete s[t].node._pos,s[t].node.props={title:s[t].node.title,label:s[t].node.label||s[t].node.title,value:s[t].node.value},s[t].node.children&&(s[t].node.props.children=s[t].node.children),delete s[t].node.title,delete s[t].node.label,delete s[t].node.value,delete s[t].node.children}),s}function M(e,t){function n(e){for(var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:o({},t.id,t.rootPId),i=[],a=0;a<e.length;a++)e[a]=N({},e[a]),e[a][t.pId]===r[t.id]&&(e[a].key=e[a][t.id],i.push(e[a]),e.splice(a--,1));if(i.length&&(r.children=i,i.forEach(function(t){return n(e,t)})),r[t.id]===t.rootPId)return i}return n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.UNSELECTABLE_ATTRIBUTE=t.UNSELECTABLE_STYLE=void 0;var N=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};t.getValuePropValue=a,t.getPropValue=s,t.isCombobox=u,t.isMultipleOrTags=l,t.isMultipleOrTagsOrCombobox=c,t.isSingleMode=f,t.toArray=p,t.preventDefaultEvent=d,t.labelCompatible=h,t.isInclude=v,t.loopAllChildren=g,t.flatToHierarchy=b,t.filterParentPosition=_,t.handleCheckState=C,t.getTreeNodesStates=S,t.recursiveCloneChildren=P,t.filterAllCheckedData=k,t.processSimpleTreeData=M;var A=n(1),D=r(A);t.UNSELECTABLE_STYLE={userSelect:"none",WebkitUserSelect:"none"},t.UNSELECTABLE_ATTRIBUTE={unselectable:"unselectable"}},function(e,t){"use strict";function n(e,t){return e+t.charAt(0).toUpperCase()+t.substring(1)}var r={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridRow:!0,gridColumn:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},o=["Webkit","ms","Moz","O"];Object.keys(r).forEach(function(e){o.forEach(function(t){r[n(t,e)]=r[e]})});var i={background:{backgroundAttachment:!0,backgroundColor:!0,backgroundImage:!0,backgroundPositionX:!0,backgroundPositionY:!0,backgroundRepeat:!0},backgroundPosition:{backgroundPositionX:!0,backgroundPositionY:!0},border:{borderWidth:!0,borderStyle:!0,borderColor:!0},borderBottom:{borderBottomWidth:!0,borderBottomStyle:!0,borderBottomColor:!0},borderLeft:{borderLeftWidth:!0,borderLeftStyle:!0,borderLeftColor:!0},borderRight:{borderRightWidth:!0,borderRightStyle:!0,borderRightColor:!0},borderTop:{borderTopWidth:!0,borderTopStyle:!0,borderTopColor:!0},font:{fontStyle:!0,fontVariant:!0,fontWeight:!0,fontSize:!0,lineHeight:!0,fontFamily:!0},outline:{outlineWidth:!0,outlineStyle:!0,outlineColor:!0}},a={isUnitlessNumber:r,shorthandPropertyExpansions:i};e.exports=a},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var o=n(19),i=n(93),a=(n(13),function(){function e(t){r(this,e),this._callbacks=null,this._contexts=null,this._arg=t}return e.prototype.enqueue=function(e,t){this._callbacks=this._callbacks||[],this._callbacks.push(e),this._contexts=this._contexts||[],this._contexts.push(t)},e.prototype.notifyAll=function(){var e=this._callbacks,t=this._contexts,n=this._arg;if(e&&t){e.length!==t.length?o("24"):void 0,this._callbacks=null,this._contexts=null;for(var r=0;r<e.length;r++)e[r].call(t[r],n);e.length=0,t.length=0}},e.prototype.checkpoint=function(){return this._callbacks?this._callbacks.length:0},e.prototype.rollback=function(e){this._callbacks&&this._contexts&&(this._callbacks.length=e,this._contexts.length=e)},e.prototype.reset=function(){this._callbacks=null,this._contexts=null},e.prototype.destructor=function(){this.reset()},e}());e.exports=i.addPoolingTo(a)},function(e,t,n){"use strict";function r(e){return!!l.hasOwnProperty(e)||!u.hasOwnProperty(e)&&(s.test(e)?(l[e]=!0,!0):(u[e]=!0,!1))}function o(e,t){return null==t||e.hasBooleanValue&&!t||e.hasNumericValue&&isNaN(t)||e.hasPositiveNumericValue&&t<1||e.hasOverloadedBooleanValue&&t===!1}var i=n(114),a=(n(29),n(58),n(1443)),s=(n(16),new RegExp("^["+i.ATTRIBUTE_NAME_START_CHAR+"]["+i.ATTRIBUTE_NAME_CHAR+"]*$")),u={},l={},c={createMarkupForID:function(e){return i.ID_ATTRIBUTE_NAME+"="+a(e)},setAttributeForID:function(e,t){e.setAttribute(i.ID_ATTRIBUTE_NAME,t)},createMarkupForRoot:function(){return i.ROOT_ATTRIBUTE_NAME+'=""'},setAttributeForRoot:function(e){e.setAttribute(i.ROOT_ATTRIBUTE_NAME,"")},createMarkupForProperty:function(e,t){var n=i.properties.hasOwnProperty(e)?i.properties[e]:null;if(n){if(o(n,t))return"";var r=n.attributeName;return n.hasBooleanValue||n.hasOverloadedBooleanValue&&t===!0?r+'=""':r+"="+a(t)}return i.isCustomAttribute(e)?null==t?"":e+"="+a(t):null},createMarkupForCustomAttribute:function(e,t){return r(e)&&null!=t?e+"="+a(t):""},setValueForProperty:function(e,t,n){var r=i.properties.hasOwnProperty(t)?i.properties[t]:null;if(r){var a=r.mutationMethod;if(a)a(e,n);else{if(o(r,n))return void this.deleteValueForProperty(e,t);if(r.mustUseProperty)e[r.propertyName]=n;else{var s=r.attributeName,u=r.attributeNamespace;u?e.setAttributeNS(u,s,""+n):r.hasBooleanValue||r.hasOverloadedBooleanValue&&n===!0?e.setAttribute(s,""):e.setAttribute(s,""+n)}}}else if(i.isCustomAttribute(t))return void c.setValueForAttribute(e,t,n)},setValueForAttribute:function(e,t,n){if(r(t)){null==n?e.removeAttribute(t):e.setAttribute(t,""+n)}},deleteValueForAttribute:function(e,t){e.removeAttribute(t)},deleteValueForProperty:function(e,t){var n=i.properties.hasOwnProperty(t)?i.properties[t]:null;if(n){var r=n.mutationMethod;if(r)r(e,void 0);else if(n.mustUseProperty){var o=n.propertyName;n.hasBooleanValue?e[o]=!1:e[o]=""}else e.removeAttribute(n.attributeName)}else i.isCustomAttribute(t)&&e.removeAttribute(t)}};e.exports=c},function(e,t){"use strict";var n={hasCachedChildNodes:1};e.exports=n},function(e,t,n){"use strict";function r(){if(this._rootNodeID&&this._wrapperState.pendingUpdate){this._wrapperState.pendingUpdate=!1;var e=this._currentElement.props,t=s.getValue(e);null!=t&&o(this,Boolean(e.multiple),t)}}function o(e,t,n){var r,o,i=u.getNodeFromInstance(e).options;if(t){for(r={},o=0;o<n.length;o++)r[""+n[o]]=!0;for(o=0;o<i.length;o++){var a=r.hasOwnProperty(i[o].value);i[o].selected!==a&&(i[o].selected=a)}}else{for(r=""+n,o=0;o<i.length;o++)if(i[o].value===r)return void(i[o].selected=!0);i.length&&(i[0].selected=!0)}}function i(e){var t=this._currentElement.props,n=s.executeOnChange(t,e);return this._rootNodeID&&(this._wrapperState.pendingUpdate=!0),l.asap(r,this),n}var a=n(11),s=n(238),u=n(29),l=n(65),c=(n(16),!1),f={getHostProps:function(e,t){return a({},t,{onChange:e._wrapperState.onChange,value:void 0})},mountWrapper:function(e,t){var n=s.getValue(t);e._wrapperState={pendingUpdate:!1,initialValue:null!=n?n:t.defaultValue,listeners:null,onChange:i.bind(e),wasMultiple:Boolean(t.multiple)},void 0===t.value||void 0===t.defaultValue||c||(c=!0)},getSelectValueContext:function(e){return e._wrapperState.initialValue},postUpdateWrapper:function(e){var t=e._currentElement.props;e._wrapperState.initialValue=void 0;var n=e._wrapperState.wasMultiple;e._wrapperState.wasMultiple=Boolean(t.multiple);var r=s.getValue(t);null!=r?(e._wrapperState.pendingUpdate=!1,o(e,Boolean(t.multiple),r)):n!==Boolean(t.multiple)&&(null!=t.defaultValue?o(e,Boolean(t.multiple),t.defaultValue):o(e,Boolean(t.multiple),t.multiple?[]:""))}};e.exports=f},function(e,t){"use strict";var n,r={injectEmptyComponentFactory:function(e){n=e}},o={create:function(e){return n(e)}};o.injection=r,e.exports=o},function(e,t){"use strict";var n={logTopLevelRenders:!1};e.exports=n},function(e,t,n){"use strict";function r(e){return s?void 0:a("111",e.type),new s(e)}function o(e){return new u(e)}function i(e){return e instanceof u}var a=n(19),s=(n(13),null),u=null,l={injectGenericComponentClass:function(e){s=e},injectTextComponentClass:function(e){u=e}},c={createInternalComponent:r,createInstanceForText:o,isTextComponent:i,injection:l};e.exports=c},function(e,t,n){"use strict";function r(e){return i(document.documentElement,e)}var o=n(1403),i=n(222),a=n(372),s=n(166),u={hasSelectionCapabilities:function(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&"text"===e.type||"textarea"===t||"true"===e.contentEditable)},getSelectionInformation:function(){var e=s();return{focusedElem:e,selectionRange:u.hasSelectionCapabilities(e)?u.getSelection(e):null}},restoreSelection:function(e){var t=s(),n=e.focusedElem,o=e.selectionRange;t!==n&&r(n)&&(u.hasSelectionCapabilities(n)&&u.setSelection(n,o),a(n))},getSelection:function(e){var t;if("selectionStart"in e)t={start:e.selectionStart,end:e.selectionEnd};else if(document.selection&&e.nodeName&&"input"===e.nodeName.toLowerCase()){var n=document.selection.createRange();n.parentElement()===e&&(t={start:-n.moveStart("character",-e.value.length),end:-n.moveEnd("character",-e.value.length)})}else t=o.getOffsets(e);return t||{start:0,end:0}},setSelection:function(e,t){var n=t.start,r=t.end;if(void 0===r&&(r=n),"selectionStart"in e)e.selectionStart=n,e.selectionEnd=Math.min(r,e.value.length);else if(document.selection&&e.nodeName&&"input"===e.nodeName.toLowerCase()){var i=e.createTextRange();i.collapse(!0),i.moveStart("character",n),i.moveEnd("character",r-n),i.select()}else o.setOffsets(e,t)}};e.exports=u},function(e,t,n){"use strict";function r(e,t){for(var n=Math.min(e.length,t.length),r=0;r<n;r++)if(e.charAt(r)!==t.charAt(r))return r;return e.length===t.length?-1:n}function o(e){return e?e.nodeType===j?e.documentElement:e.firstChild:null}function i(e){return e.getAttribute&&e.getAttribute(N)||""}function a(e,t,n,r,o){var i;if(w.logTopLevelRenders){var a=e._currentElement.props.child,s=a.type;i="React mount: "+("string"==typeof s?s:s.displayName||s.name),console.time(i)}var u=E.mountComponent(e,n,null,b(e,t),o,0);i&&console.timeEnd(i),e._renderedComponent._topLevelWrapper=e,U._mountImageIntoNode(u,t,e,r,n)}function s(e,t,n,r){var o=P.ReactReconcileTransaction.getPooled(!n&&_.useCreateElement);o.perform(a,null,e,t,o,n,r),P.ReactReconcileTransaction.release(o)}function u(e,t,n){for(E.unmountComponent(e,n),t.nodeType===j&&(t=t.documentElement);t.lastChild;)t.removeChild(t.lastChild)}function l(e){var t=o(e);if(t){var n=g.getInstanceFromNode(t);return!(!n||!n._hostParent)}}function c(e){return!(!e||e.nodeType!==D&&e.nodeType!==j&&e.nodeType!==R)}function f(e){var t=o(e),n=t&&g.getInstanceFromNode(t);return n&&!n._hostParent?n:null}function p(e){var t=f(e);return t?t._hostContainerInfo._topLevelWrapper:null}var d=n(19),h=n(113),v=n(114),m=n(116),y=n(170),g=(n(72),n(29)),b=n(1397),_=n(1399),w=n(406),x=n(141),C=(n(58),n(1413)),E=n(115),S=n(241),P=n(65),O=n(112),T=n(416),k=(n(13),n(174)),M=n(247),N=(n(16),v.ID_ATTRIBUTE_NAME),A=v.ROOT_ATTRIBUTE_NAME,D=1,j=9,R=11,I={},L=1,F=function(){this.rootID=L++};F.prototype.isReactComponent={},F.prototype.render=function(){return this.props.child},F.isReactTopLevelWrapper=!0;var U={TopLevelWrapper:F,_instancesByReactRootID:I,scrollMonitor:function(e,t){t()},_updateRootComponent:function(e,t,n,r,o){return U.scrollMonitor(r,function(){S.enqueueElementInternal(e,t,n),o&&S.enqueueCallbackInternal(e,o)}),e},_renderNewRootComponent:function(e,t,n,r){c(t)?void 0:d("37"),y.ensureScrollValueMonitoring();var o=T(e,!1);P.batchedUpdates(s,o,t,n,r);var i=o._instance.rootID;return I[i]=o,o},renderSubtreeIntoContainer:function(e,t,n,r){return null!=e&&x.has(e)?void 0:d("38"),U._renderSubtreeIntoContainer(e,t,n,r)},_renderSubtreeIntoContainer:function(e,t,n,r){S.validateCallback(r,"ReactDOM.render"),m.isValidElement(t)?void 0:d("39","string"==typeof t?" Instead of passing a string like 'div', pass React.createElement('div') or <div />.":"function"==typeof t?" Instead of passing a class like Foo, pass React.createElement(Foo) or <Foo />.":null!=t&&void 0!==t.props?" This may be caused by unintentionally loading two independent copies of React.":"");var a,s=m.createElement(F,{child:t});if(e){var u=x.get(e);a=u._processChildContext(u._context)}else a=O;var c=p(n);if(c){var f=c._currentElement,h=f.props.child;if(M(h,t)){var v=c._renderedComponent.getPublicInstance(),y=r&&function(){r.call(v)};return U._updateRootComponent(c,s,a,n,y),v}U.unmountComponentAtNode(n)}var g=o(n),b=g&&!!i(g),_=l(n),w=b&&!c&&!_,C=U._renderNewRootComponent(s,n,w,a)._renderedComponent.getPublicInstance();return r&&r.call(C),C},render:function(e,t,n){return U._renderSubtreeIntoContainer(null,e,t,n)},unmountComponentAtNode:function(e){c(e)?void 0:d("40");var t=p(e);if(!t){l(e),1===e.nodeType&&e.hasAttribute(A);return!1}return delete I[t._instance.rootID],P.batchedUpdates(u,t,e,!1),!0},_mountImageIntoNode:function(e,t,n,i,a){if(c(t)?void 0:d("41"),i){var s=o(t);if(C.canReuseMarkup(e,s))return void g.precacheNode(n,s);var u=s.getAttribute(C.CHECKSUM_ATTR_NAME);s.removeAttribute(C.CHECKSUM_ATTR_NAME);var l=s.outerHTML;s.setAttribute(C.CHECKSUM_ATTR_NAME,u);var f=e,p=r(f,l),v=" (client) "+f.substring(p-20,p+20)+"\n (server) "+l.substring(p-20,p+20);t.nodeType===j?d("42",v):void 0}if(t.nodeType===j?d("43"):void 0,a.useCreateElement){for(;t.lastChild;)t.removeChild(t.lastChild);h.insertTreeBefore(t,e,null)}else k(t,e),g.precacheNode(n,t.firstChild)}};e.exports=U},function(e,t,n){"use strict";var r=n(19),o=n(116),i=(n(13),{HOST:0,COMPOSITE:1,EMPTY:2,getType:function(e){return null===e||e===!1?i.EMPTY:o.isValidElement(e)?"function"==typeof e.type?i.COMPOSITE:i.HOST:void r("26",e)}});e.exports=i},function(e,t){"use strict";var n={currentScrollLeft:0,currentScrollTop:0,refreshScrollValues:function(e){n.currentScrollLeft=e.x,n.currentScrollTop=e.y}};e.exports=n},function(e,t,n){"use strict";function r(e,t){return null==t?o("30"):void 0,null==e?t:Array.isArray(e)?Array.isArray(t)?(e.push.apply(e,t),e):(e.push(t),e):Array.isArray(t)?[e].concat(t):[e,t]}var o=n(19);n(13);e.exports=r},function(e,t){"use strict";function n(e,t,n){Array.isArray(e)?e.forEach(t,n):e&&t.call(n,e)}e.exports=n},function(e,t,n){"use strict";function r(e){for(var t;(t=e._renderedNodeType)===o.COMPOSITE;)e=e._renderedComponent;return t===o.HOST?e._renderedComponent:t===o.EMPTY?null:void 0}var o=n(410);e.exports=r},function(e,t,n){"use strict";function r(){return!i&&o.canUseDOM&&(i="textContent"in document.documentElement?"textContent":"innerText"),i}var o=n(36),i=null;e.exports=r},function(e,t,n){"use strict";function r(e){if(e){var t=e.getName();if(t)return" Check the render method of `"+t+"`."}return""}function o(e){return"function"==typeof e&&"undefined"!=typeof e.prototype&&"function"==typeof e.prototype.mountComponent&&"function"==typeof e.prototype.receiveComponent}function i(e,t){var n;if(null===e||e===!1)n=l.create(i);else if("object"==typeof e){var s=e,u=s.type;if("function"!=typeof u&&"string"!=typeof u){var p="";p+=r(s._owner),a("130",null==u?u:typeof u,p)}"string"==typeof s.type?n=c.createInternalComponent(s):o(s.type)?(n=new s.type(s),n.getHostNode||(n.getHostNode=n.getNativeNode)):n=new f(s)}else"string"==typeof e||"number"==typeof e?n=c.createInstanceForText(e):a("131",typeof e);return n._mountIndex=0,n._mountImage=null,n}var a=n(19),s=n(11),u=n(1394),l=n(405),c=n(407),f=(n(1455),n(13),n(16),function(e){this.construct(e)});s(f.prototype,u,{_instantiateReactComponent:i}),e.exports=i},function(e,t){"use strict";function n(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!r[e.type]:"textarea"===t}var r={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};e.exports=n},function(e,t,n){"use strict";var r=n(36),o=n(173),i=n(174),a=function(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t};r.canUseDOM&&("textContent"in document.documentElement||(a=function(e,t){return 3===e.nodeType?void(e.nodeValue=t):void i(e,o(t))})),e.exports=a},function(e,t,n){"use strict";function r(e,t){return e&&"object"==typeof e&&null!=e.key?l.escape(e.key):t.toString(36)}function o(e,t,n,i){var p=typeof e;if("undefined"!==p&&"boolean"!==p||(e=null),null===e||"string"===p||"number"===p||"object"===p&&e.$$typeof===s)return n(i,e,""===t?c+r(e,0):t),1;var d,h,v=0,m=""===t?c:t+f;if(Array.isArray(e))for(var y=0;y<e.length;y++)d=e[y],h=m+r(d,y),v+=o(d,h,n,i);else{var g=u(e);if(g){var b,_=g.call(e);if(g!==e.entries)for(var w=0;!(b=_.next()).done;)d=b.value,h=m+r(d,w++),v+=o(d,h,n,i);else for(;!(b=_.next()).done;){var x=b.value;x&&(d=x[1],h=m+l.escape(x[0])+f+r(d,0),v+=o(d,h,n,i))}}else if("object"===p){var C="",E=String(e);a("31","[object Object]"===E?"object with keys {"+Object.keys(e).join(", ")+"}":E,C)}}return v}function i(e,t,n){return null==e?0:o(e,"",t,n)}var a=n(19),s=(n(72),n(1409)),u=n(1440),l=(n(13),n(237)),c=(n(16),"."),f=":";e.exports=i},function(e,t,n){"use strict";function r(e){var t=Function.prototype.toString,n=Object.prototype.hasOwnProperty,r=RegExp("^"+t.call(n).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");try{var o=t.call(e);return r.test(o)}catch(i){return!1}}function o(e){var t=l(e);if(t){var n=t.childIDs;c(e),n.forEach(o)}}function i(e,t,n){return"\n    in "+(e||"Unknown")+(t?" (at "+t.fileName.replace(/^.*[\\\/]/,"")+":"+t.lineNumber+")":n?" (created by "+n+")":"")}function a(e){return null==e?"#empty":"string"==typeof e||"number"==typeof e?"#text":"string"==typeof e.type?e.type:e.type.displayName||e.type.name||"Unknown"}function s(e){var t,n=S.getDisplayName(e),r=S.getElement(e),o=S.getOwnerID(e);return o&&(t=S.getDisplayName(o)),i(n,r&&r._source,t)}var u,l,c,f,p,d,h,v=n(118),m=n(72),y=(n(13),n(16),"function"==typeof Array.from&&"function"==typeof Map&&r(Map)&&null!=Map.prototype&&"function"==typeof Map.prototype.keys&&r(Map.prototype.keys)&&"function"==typeof Set&&r(Set)&&null!=Set.prototype&&"function"==typeof Set.prototype.keys&&r(Set.prototype.keys));if(y){var g=new Map,b=new Set;u=function(e,t){g.set(e,t)},l=function(e){return g.get(e)},c=function(e){g["delete"](e)},f=function(){return Array.from(g.keys())},p=function(e){b.add(e)},d=function(e){b["delete"](e)},h=function(){return Array.from(b.keys())}}else{var _={},w={},x=function(e){return"."+e},C=function(e){return parseInt(e.substr(1),10)};u=function(e,t){var n=x(e);_[n]=t},l=function(e){var t=x(e);return _[t]},c=function(e){var t=x(e);delete _[t]},f=function(){return Object.keys(_).map(C)},p=function(e){var t=x(e);w[t]=!0},d=function(e){var t=x(e);delete w[t]},h=function(){return Object.keys(w).map(C)}}var E=[],S={onSetChildren:function(e,t){var n=l(e);n?void 0:v("144"),n.childIDs=t;for(var r=0;r<t.length;r++){var o=t[r],i=l(o);i?void 0:v("140"),null==i.childIDs&&"object"==typeof i.element&&null!=i.element?v("141"):void 0,i.isMounted?void 0:v("71"),null==i.parentID&&(i.parentID=e),i.parentID!==e?v("142",o,i.parentID,e):void 0}},onBeforeMountComponent:function(e,t,n){var r={element:t,parentID:n,text:null,childIDs:[],isMounted:!1,updateCount:0};u(e,r)},onBeforeUpdateComponent:function(e,t){var n=l(e);n&&n.isMounted&&(n.element=t)},onMountComponent:function(e){var t=l(e);t?void 0:v("144"),t.isMounted=!0;var n=0===t.parentID;n&&p(e)},onUpdateComponent:function(e){var t=l(e);t&&t.isMounted&&t.updateCount++},onUnmountComponent:function(e){var t=l(e);if(t){t.isMounted=!1;var n=0===t.parentID;n&&d(e)}E.push(e)},purgeUnmountedComponents:function(){if(!S._preventPurging){for(var e=0;e<E.length;e++){var t=E[e];o(t)}E.length=0}},isMounted:function(e){var t=l(e);return!!t&&t.isMounted},getCurrentStackAddendum:function(e){var t="";if(e){var n=a(e),r=e._owner;t+=i(n,e._source,r&&r.getName())}var o=m.current,s=o&&o._debugID;return t+=S.getStackAddendumByID(s)},getStackAddendumByID:function(e){for(var t="";e;)t+=s(e),e=S.getParentID(e);return t},getChildIDs:function(e){var t=l(e);return t?t.childIDs:[]},getDisplayName:function(e){var t=S.getElement(e);return t?a(t):null},getElement:function(e){var t=l(e);return t?t.element:null},getOwnerID:function(e){var t=S.getElement(e);return t&&t._owner?t._owner._debugID:null},getParentID:function(e){var t=l(e);return t?t.parentID:null},getSource:function(e){var t=l(e),n=t?t.element:null,r=null!=n?n._source:null;return r},getText:function(e){var t=S.getElement(e);return"string"==typeof t?t:"number"==typeof t?""+t:null},getUpdateCount:function(e){var t=l(e);return t?t.updateCount:0},getRootIDs:h,getRegisteredIDs:f};e.exports=S;
-},function(e,t){"use strict";var n="function"==typeof Symbol&&Symbol["for"]&&Symbol["for"]("react.element")||60103;e.exports=n},function(e,t,n){"use strict";var r=!1;e.exports=r},function(e,t,n){"use strict";var r=n(1460);e.exports=function(e){var t=!1;return r(e,t)}},function(e,t,n){"use strict";var r=function(){};e.exports=r},function(e,t){"use strict";function n(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):n(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var a=function(e){return function(e){function t(){return r(this,t),o(this,e.apply(this,arguments))}return i(t,e),t.prototype.componentDidUpdate=function(){var e=Date.now();this.path.style.transitionDuration="0.3s, 0.3s",this.prevTimeStamp&&e-this.prevTimeStamp<100&&(this.path.style.transitionDuration="0s, 0s"),this.prevTimeStamp=Date.now()},t.prototype.render=function(){return e.prototype.render.call(this)},t}(e)};t["default"]=a,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.propTypes=t.defaultProps=void 0;var o=n(12),i=r(o);t.defaultProps={className:"",percent:0,prefixCls:"rc-progress",strokeColor:"#2db7f5",strokeLinecap:"round",strokeWidth:1,style:{},trailColor:"#D9D9D9",trailWidth:1},t.propTypes={className:i["default"].string,percent:i["default"].oneOfType([i["default"].number,i["default"].string]),prefixCls:i["default"].string,strokeColor:i["default"].string,strokeLinecap:i["default"].oneOf(["round","square"]),strokeWidth:i["default"].oneOfType([i["default"].number,i["default"].string]),style:i["default"].object,trailColor:i["default"].string,trailWidth:i["default"].oneOfType([i["default"].number,i["default"].string])}},function(e,t){function n(e,t){var n,r=0,o=e.length;for(r;r<o&&(n=t(e[r],r),n!==!1);r++);}function r(e){return"[object Array]"===Object.prototype.toString.apply(e)}function o(e){return"function"==typeof e}e.exports={isFunction:o,isArray:r,each:n}},function(e,t,n){var r=n(1479);e.exports=new r},function(e,t,n){!function(e,t){t(n(25))}(this,function(e){"use strict";var t=e.defineLocale("zh-cn",{months:"\u4e00\u6708_\u4e8c\u6708_\u4e09\u6708_\u56db\u6708_\u4e94\u6708_\u516d\u6708_\u4e03\u6708_\u516b\u6708_\u4e5d\u6708_\u5341\u6708_\u5341\u4e00\u6708_\u5341\u4e8c\u6708".split("_"),monthsShort:"1\u6708_2\u6708_3\u6708_4\u6708_5\u6708_6\u6708_7\u6708_8\u6708_9\u6708_10\u6708_11\u6708_12\u6708".split("_"),weekdays:"\u661f\u671f\u65e5_\u661f\u671f\u4e00_\u661f\u671f\u4e8c_\u661f\u671f\u4e09_\u661f\u671f\u56db_\u661f\u671f\u4e94_\u661f\u671f\u516d".split("_"),weekdaysShort:"\u5468\u65e5_\u5468\u4e00_\u5468\u4e8c_\u5468\u4e09_\u5468\u56db_\u5468\u4e94_\u5468\u516d".split("_"),weekdaysMin:"\u65e5_\u4e00_\u4e8c_\u4e09_\u56db_\u4e94_\u516d".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY\u5e74MMMD\u65e5",LL:"YYYY\u5e74MMMD\u65e5",LLL:"YYYY\u5e74MMMD\u65e5Ah\u70b9mm\u5206",LLLL:"YYYY\u5e74MMMD\u65e5ddddAh\u70b9mm\u5206",l:"YYYY\u5e74MMMD\u65e5",ll:"YYYY\u5e74MMMD\u65e5",lll:"YYYY\u5e74MMMD\u65e5 HH:mm",llll:"YYYY\u5e74MMMD\u65e5dddd HH:mm"},meridiemParse:/\u51cc\u6668|\u65e9\u4e0a|\u4e0a\u5348|\u4e2d\u5348|\u4e0b\u5348|\u665a\u4e0a/,meridiemHour:function(e,t){return 12===e&&(e=0),"\u51cc\u6668"===t||"\u65e9\u4e0a"===t||"\u4e0a\u5348"===t?e:"\u4e0b\u5348"===t||"\u665a\u4e0a"===t?e+12:e>=11?e:e+12},meridiem:function(e,t,n){var r=100*e+t;return r<600?"\u51cc\u6668":r<900?"\u65e9\u4e0a":r<1130?"\u4e0a\u5348":r<1230?"\u4e2d\u5348":r<1800?"\u4e0b\u5348":"\u665a\u4e0a"},calendar:{sameDay:"[\u4eca\u5929]LT",nextDay:"[\u660e\u5929]LT",nextWeek:"[\u4e0b]ddddLT",lastDay:"[\u6628\u5929]LT",lastWeek:"[\u4e0a]ddddLT",sameElse:"L"},dayOfMonthOrdinalParse:/\d{1,2}(\u65e5|\u6708|\u5468)/,ordinal:function(e,t){switch(t){case"d":case"D":case"DDD":return e+"\u65e5";case"M":return e+"\u6708";case"w":case"W":return e+"\u5468";default:return e}},relativeTime:{future:"%s\u5185",past:"%s\u524d",s:"\u51e0\u79d2",m:"1 \u5206\u949f",mm:"%d \u5206\u949f",h:"1 \u5c0f\u65f6",hh:"%d \u5c0f\u65f6",d:"1 \u5929",dd:"%d \u5929",M:"1 \u4e2a\u6708",MM:"%d \u4e2a\u6708",y:"1 \u5e74",yy:"%d \u5e74"},week:{dow:1,doy:4}});return t})},function(e,t){"use strict";function n(){return"rc-upload-"+r+"-"+ ++o}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=n;var r=+new Date,o=0;e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(e,t,n){for(var r=[],o=0;o<e;o++)(!t||t.indexOf(o)<0||!n)&&r.push(o);return r}Object.defineProperty(t,"__esModule",{value:!0});var a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(12),y=r(m),g=n(1492),b=r(g),_=n(1491),w=r(_),x=n(25),C=r(x),E=n(8),S=r(E),P=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n));return r.onChange=function(e){r.setState({value:e}),r.props.onChange(e)},r.onCurrentSelectPanelChange=function(e){r.setState({currentSelectPanel:e})},r.state={value:n.value,selectionRange:[]},r}return(0,d["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){var t=e.value;t&&this.setState({value:t})},t.prototype.close=function(){this.props.onEsc()},t.prototype.render=function(){var e,t=this.props,n=t.prefixCls,r=t.className,o=t.placeholder,a=t.disabledHours,u=t.disabledMinutes,l=t.disabledSeconds,c=t.hideDisabledOptions,f=t.allowEmpty,p=t.showHour,d=t.showMinute,h=t.showSecond,m=t.format,y=t.defaultOpenValue,g=t.clearText,_=t.onEsc,x=t.addon,C=t.use12Hours,E=t.onClear,P=this.state,O=P.value,T=P.currentSelectPanel,k=a(),M=u(O?O.hour():null),N=l(O?O.hour():null,O?O.minute():null),A=i(24,k,c),D=i(60,M,c),j=i(60,N,c);return v["default"].createElement("div",{className:(0,S["default"])((e={},(0,s["default"])(e,n+"-inner",!0),(0,s["default"])(e,r,!!r),e))},v["default"].createElement(b["default"],{clearText:g,prefixCls:n,defaultOpenValue:y,value:O,currentSelectPanel:T,onEsc:_,format:m,placeholder:o,hourOptions:A,minuteOptions:D,secondOptions:j,disabledHours:a,disabledMinutes:u,disabledSeconds:l,onChange:this.onChange,onClear:E,allowEmpty:f}),v["default"].createElement(w["default"],{prefixCls:n,value:O,defaultOpenValue:y,format:m,onChange:this.onChange,showHour:p,showMinute:d,showSecond:h,hourOptions:A,minuteOptions:D,secondOptions:j,disabledHours:a,disabledMinutes:u,disabledSeconds:l,onCurrentSelectPanelChange:this.onCurrentSelectPanelChange,use12Hours:C}),x(this))},t}(h.Component);P.propTypes={clearText:y["default"].string,prefixCls:y["default"].string,className:y["default"].string,defaultOpenValue:y["default"].object,value:y["default"].object,placeholder:y["default"].string,format:y["default"].string,disabledHours:y["default"].func,disabledMinutes:y["default"].func,disabledSeconds:y["default"].func,hideDisabledOptions:y["default"].bool,onChange:y["default"].func,onEsc:y["default"].func,allowEmpty:y["default"].bool,showHour:y["default"].bool,showMinute:y["default"].bool,showSecond:y["default"].bool,onClear:y["default"].func,use12Hours:y["default"].bool,addon:y["default"].func},P.defaultProps={prefixCls:"rc-time-picker-panel",onChange:o,onClear:o,disabledHours:o,disabledMinutes:o,disabledSeconds:o,defaultOpenValue:(0,C["default"])(),use12Hours:!1,addon:o},t["default"]=P,e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={isAppearSupported:function(e){return e.transitionName&&e.transitionAppear||e.animation.appear},isEnterSupported:function(e){return e.transitionName&&e.transitionEnter||e.animation.enter},isLeaveSupported:function(e){return e.transitionName&&e.transitionLeave||e.animation.leave},allowAppearCallback:function(e){return e.transitionAppear||e.animation.appear},allowEnterCallback:function(e){return e.transitionEnter||e.animation.enter},allowLeaveCallback:function(e){return e.transitionLeave||e.animation.leave}};t["default"]=n,e.exports=t["default"]},function(e,t,n){e.exports=n(51).document&&document.documentElement},function(e,t,n){e.exports=!n(81)&&!n(144)(function(){return 7!=Object.defineProperty(n(255)("div"),"a",{get:function(){return 7}}).a})},function(e,t,n){var r=n(143);e.exports=Object("z").propertyIsEnumerable(0)?Object:function(e){return"String"==r(e)?e.split(""):Object(e)}},function(e,t,n){var r=n(122),o=n(38)("iterator"),i=Array.prototype;e.exports=function(e){return void 0!==e&&(r.Array===e||i[o]===e)}},function(e,t,n){var r=n(73);e.exports=function(e,t,n,o){try{return o?t(r(n)[0],n[1]):t(n)}catch(i){var a=e["return"];throw void 0!==a&&r(a.call(e)),i}}},function(e,t,n){"use strict";var r=n(175),o=n(82),i=n(443),a=n(95),s=n(94),u=n(122),l=n(1518),c=n(177),f=n(1526),p=n(38)("iterator"),d=!([].keys&&"next"in[].keys()),h="@@iterator",v="keys",m="values",y=function(){return this};e.exports=function(e,t,n,g,b,_,w){l(n,t,g);var x,C,E,S=function(e){if(!d&&e in k)return k[e];switch(e){case v:return function(){return new n(this,e)};case m:return function(){return new n(this,e)}}return function(){return new n(this,e)}},P=t+" Iterator",O=b==m,T=!1,k=e.prototype,M=k[p]||k[h]||b&&k[b],N=M||S(b),A=b?O?S("entries"):N:void 0,D="Array"==t?k.entries||M:M;if(D&&(E=f(D.call(new e)),E!==Object.prototype&&(c(E,P,!0),r||s(E,p)||a(E,p,y))),O&&M&&M.name!==m&&(T=!0,N=function(){return M.call(this)}),r&&!w||!d&&!T&&k[p]||a(k,p,N),u[t]=N,u[P]=y,b)if(x={values:O?N:S(m),keys:_?N:S(v),entries:A},w)for(C in x)C in k||i(k,C,x[C]);else o(o.P+o.F*(d||T),t,x);return x}},function(e,t,n){var r=n(38)("iterator"),o=!1;try{var i=[7][r]();i["return"]=function(){o=!0},Array.from(i,function(){throw 2})}catch(a){}e.exports=function(e,t){if(!t&&!o)return!1;var n=!1;try{var i=[7],a=i[r]();a.next=function(){return{done:n=!0}},i[r]=function(){return a},e(i)}catch(s){}return n}},function(e,t,n){var r=n(176),o=n(146),i=n(96),a=n(264),s=n(94),u=n(434),l=Object.getOwnPropertyDescriptor;t.f=n(81)?l:function(e,t){if(e=i(e),t=a(t,!0),u)try{return l(e,t)}catch(n){}if(s(e,t))return o(!r.f.call(e,t),e[t])}},function(e,t,n){var r=n(442),o=n(256).concat("length","prototype");t.f=Object.getOwnPropertyNames||function(e){return r(e,o)}},function(e,t,n){var r=n(94),o=n(96),i=n(1512)(!1),a=n(259)("IE_PROTO");e.exports=function(e,t){var n,s=o(e),u=0,l=[];for(n in s)n!=a&&r(s,n)&&l.push(n);for(;t.length>u;)r(s,n=t[u++])&&(~i(l,n)||l.push(n));return l}},function(e,t,n){e.exports=n(95)},function(e,t,n){var r,o,i,a=n(120),s=n(1516),u=n(433),l=n(255),c=n(51),f=c.process,p=c.setImmediate,d=c.clearImmediate,h=c.MessageChannel,v=0,m={},y="onreadystatechange",g=function(){var e=+this;if(m.hasOwnProperty(e)){var t=m[e];delete m[e],t()}},b=function(e){g.call(e.data)};p&&d||(p=function(e){for(var t=[],n=1;arguments.length>n;)t.push(arguments[n++]);return m[++v]=function(){s("function"==typeof e?e:Function(e),t)},r(v),v},d=function(e){delete m[e]},"process"==n(143)(f)?r=function(e){f.nextTick(a(g,e,1))}:h?(o=new h,i=o.port2,o.port1.onmessage=b,r=a(i.postMessage,i,1)):c.addEventListener&&"function"==typeof postMessage&&!c.importScripts?(r=function(e){c.postMessage(e+"","*")},c.addEventListener("message",b,!1)):r=y in l("script")?function(e){u.appendChild(l("script"))[y]=function(){u.removeChild(this),g.call(e)}}:function(e){setTimeout(a(g,e,1),0)}),e.exports={set:p,clear:d}},function(e,t){},function(e,t,n){var r=n(59);e.exports=function(e,t){if("number"!=typeof e&&"Number"!=r(e))throw TypeError(t);return+e}},function(e,t,n){"use strict";var r=n(32),o=n(104),i=n(30);e.exports=[].copyWithin||function(e,t){var n=r(this),a=i(n.length),s=o(e,a),u=o(t,a),l=arguments.length>2?arguments[2]:void 0,c=Math.min((void 0===l?a:o(l,a))-u,a-s),f=1;for(u<s&&s<u+c&&(f=-1,u+=c-1,s+=c-1);c-- >0;)u in n?n[s]=n[u]:delete n[s],s+=f,u+=f;return n}},function(e,t,n){var r=n(124);e.exports=function(e,t){var n=[];return r(e,!1,n.push,n,t),n}},function(e,t,n){var r=n(40),o=n(32),i=n(149),a=n(30);e.exports=function(e,t,n,s,u){r(t);var l=o(e),c=i(l),f=a(l.length),p=u?f-1:0,d=u?-1:1;if(n<2)for(;;){if(p in c){s=c[p],p+=d;break}if(p+=d,u?p<0:f<=p)throw TypeError("Reduce of empty array with no initial value")}for(;u?p>=0:f>p;p+=d)p in c&&(s=t(s,c[p],p,l));return s}},function(e,t,n){"use strict";var r=n(40),o=n(21),i=n(184),a=[].slice,s={},u=function(e,t,n){if(!(t in s)){for(var r=[],o=0;o<t;o++)r[o]="a["+o+"]";s[t]=Function("F,a","return new F("+r.join(",")+")")}return s[t](e,n)};e.exports=Function.bind||function(e){var t=r(this),n=a.call(arguments,1),s=function(){var r=n.concat(a.call(arguments));return this instanceof s?u(t,r.length,r):i(t,r,e)};return o(t.prototype)&&(s.prototype=t.prototype),s}},function(e,t,n){"use strict";var r=n(27).f,o=n(99),i=n(102),a=n(76),s=n(97),u=n(60),l=n(124),c=n(278),f=n(457),p=n(103),d=n(26),h=n(83).fastKey,v=d?"_s":"size",m=function(e,t){var n,r=h(t);if("F"!==r)return e._i[r];for(n=e._f;n;n=n.n)if(n.k==t)return n};e.exports={getConstructor:function(e,t,n,c){var f=e(function(e,r){s(e,f,t,"_i"),e._i=o(null),e._f=void 0,e._l=void 0,e[v]=0,void 0!=r&&l(r,n,e[c],e)});return i(f.prototype,{clear:function(){for(var e=this,t=e._i,n=e._f;n;n=n.n)n.r=!0,n.p&&(n.p=n.p.n=void 0),delete t[n.i];e._f=e._l=void 0,e[v]=0},"delete":function(e){var t=this,n=m(t,e);if(n){var r=n.n,o=n.p;delete t._i[n.i],n.r=!0,o&&(o.n=r),r&&(r.p=o),t._f==n&&(t._f=r),t._l==n&&(t._l=o),t[v]--}return!!n},forEach:function(e){s(this,f,"forEach");for(var t,n=a(e,arguments.length>1?arguments[1]:void 0,3);t=t?t.n:this._f;)for(n(t.v,t.k,this);t&&t.r;)t=t.p},has:function(e){return!!m(this,e)}}),d&&r(f.prototype,"size",{get:function(){return u(this[v])}}),f},def:function(e,t,n){var r,o,i=m(e,t);return i?i.v=n:(e._l=i={i:o=h(t,!0),k:t,v:n,p:r=e._l,n:void 0,r:!1},e._f||(e._f=i),r&&(r.n=i),e[v]++,"F"!==o&&(e._i[o]=i)),e},getEntry:m,setStrong:function(e,t,n){c(e,t,function(e,t){this._t=e,this._k=t,this._l=void 0},function(){for(var e=this,t=e._k,n=e._l;n&&n.r;)n=n.p;return e._t&&(e._l=n=n?n.n:e._t._f)?"keys"==t?f(0,n.k):"values"==t?f(0,n.v):f(0,[n.k,n.v]):(e._t=void 0,f(1))},n?"entries":"values",!n,!0),p(t)}}},function(e,t,n){var r=n(148),o=n(448);e.exports=function(e){return function(){if(r(this)!=e)throw TypeError(e+"#toJSON isn't generic");return o(this)}}},function(e,t,n){"use strict";var r=n(102),o=n(83).getWeak,i=n(15),a=n(21),s=n(97),u=n(124),l=n(66),c=n(39),f=l(5),p=l(6),d=0,h=function(e){return e._l||(e._l=new v)},v=function(){this.a=[]},m=function(e,t){return f(e.a,function(e){return e[0]===t})};v.prototype={get:function(e){var t=m(this,e);if(t)return t[1]},has:function(e){return!!m(this,e)},set:function(e,t){var n=m(this,e);n?n[1]=t:this.a.push([e,t])},"delete":function(e){var t=p(this.a,function(t){return t[0]===e});return~t&&this.a.splice(t,1),!!~t}},e.exports={getConstructor:function(e,t,n,i){var l=e(function(e,r){s(e,l,t,"_i"),e._i=d++,e._l=void 0,void 0!=r&&u(r,n,e[i],e)});return r(l.prototype,{"delete":function(e){if(!a(e))return!1;var t=o(e);return t===!0?h(this)["delete"](e):t&&c(t,this._i)&&delete t[this._i]},has:function(e){if(!a(e))return!1;var t=o(e);return t===!0?h(this).has(e):t&&c(t,this._i)}}),l},def:function(e,t,n){var r=o(i(t),!0);return r===!0?h(e).set(t,n):r[e._i]=n,e},ufstore:h}},function(e,t,n){e.exports=!n(26)&&!n(18)(function(){return 7!=Object.defineProperty(n(270)("div"),"a",{get:function(){return 7}}).a})},function(e,t,n){var r=n(21),o=Math.floor;e.exports=function(e){return!r(e)&&isFinite(e)&&o(e)===e}},function(e,t,n){var r=n(15);e.exports=function(e,t,n,o){try{return o?t(r(n)[0],n[1]):t(n)}catch(i){var a=e["return"];throw void 0!==a&&r(a.call(e)),i}}},function(e,t){e.exports=function(e,t){return{value:t,done:!!e}}},function(e,t){e.exports=Math.log1p||function(e){return(e=+e)>-1e-8&&e<1e-8?e-e*e/2:Math.log(1+e)}},function(e,t,n){"use strict";var r=n(101),o=n(188),i=n(150),a=n(32),s=n(149),u=Object.assign;e.exports=!u||n(18)(function(){var e={},t={},n=Symbol(),r="abcdefghijklmnopqrst";return e[n]=7,r.split("").forEach(function(e){t[e]=e}),7!=u({},e)[n]||Object.keys(u({},t)).join("")!=r})?function(e,t){for(var n=a(e),u=arguments.length,l=1,c=o.f,f=i.f;u>l;)for(var p,d=s(arguments[l++]),h=c?r(d).concat(c(d)):r(d),v=h.length,m=0;v>m;)f.call(d,p=h[m++])&&(n[p]=d[p]);return n}:u},function(e,t,n){var r=n(27),o=n(15),i=n(101);e.exports=n(26)?Object.defineProperties:function(e,t){o(e);for(var n,a=i(t),s=a.length,u=0;s>u;)r.f(e,n=a[u++],t[n]);return e}},function(e,t,n){var r=n(44),o=n(100).f,i={}.toString,a="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],s=function(e){try{return o(e)}catch(t){return a.slice()}};e.exports.f=function(e){return a&&"[object Window]"==i.call(e)?s(e):o(r(e))}},function(e,t,n){var r=n(39),o=n(44),i=n(180)(!1),a=n(283)("IE_PROTO");e.exports=function(e,t){var n,s=o(e),u=0,l=[];for(n in s)n!=a&&r(s,n)&&l.push(n);for(;t.length>u;)r(s,n=t[u++])&&(~i(l,n)||l.push(n));return l}},function(e,t,n){var r=n(101),o=n(44),i=n(150).f;e.exports=function(e){return function(t){for(var n,a=o(t),s=r(a),u=s.length,l=0,c=[];u>l;)i.call(a,n=s[l++])&&c.push(e?[n,a[n]]:a[n]);return c}}},function(e,t,n){var r=n(100),o=n(188),i=n(15),a=n(17).Reflect;e.exports=a&&a.ownKeys||function(e){var t=r.f(i(e)),n=o.f;return n?t.concat(n(e)):t}},function(e,t,n){var r=n(17).parseFloat,o=n(127).trim;e.exports=1/r(n(288)+"-0")!==-(1/0)?function(e){var t=o(String(e),3),n=r(t);return 0===n&&"-"==t.charAt(0)?-0:n}:r},function(e,t,n){var r=n(17).parseInt,o=n(127).trim,i=n(288),a=/^[\-+]?0[xX]/;e.exports=8!==r(i+"08")||22!==r(i+"0x16")?function(e,t){var n=o(String(e),3);return r(n,t>>>0||(a.test(n)?16:10))}:r},function(e,t){e.exports=Object.is||function(e,t){return e===t?0!==e||1/e===1/t:e!=e&&t!=t}},function(e,t,n){var r=n(30),o=n(287),i=n(60);e.exports=function(e,t,n,a){var s=String(i(e)),u=s.length,l=void 0===n?" ":String(n),c=r(t);if(c<=u||""==l)return s;var f=c-u,p=o.call(l,Math.ceil(f/l.length));return p.length>f&&(p=p.slice(0,f)),a?p+s:s+p}},function(e,t,n){t.f=n(24)},function(e,t,n){"use strict";var r=n(451);e.exports=n(181)("Map",function(e){return function(){return e(this,arguments.length>0?arguments[0]:void 0)}},{get:function(e){var t=r.getEntry(this,e);return t&&t.v},set:function(e,t){return r.def(this,0===e?0:e,t)}},r,!0)},function(e,t,n){n(26)&&"g"!=/./g.flags&&n(27).f(RegExp.prototype,"flags",{configurable:!0,get:n(183)})},function(e,t,n){"use strict";var r=n(451);e.exports=n(181)("Set",function(e){return function(){return e(this,arguments.length>0?arguments[0]:void 0)}},{add:function(e){return r.def(this,e=0===e?0:e,e)}},r)},function(e,t,n){"use strict";var r,o=n(66)(0),i=n(42),a=n(83),s=n(459),u=n(453),l=n(21),c=a.getWeak,f=Object.isExtensible,p=u.ufstore,d={},h=function(e){return function(){return e(this,arguments.length>0?arguments[0]:void 0)}},v={get:function(e){if(l(e)){var t=c(e);return t===!0?p(this).get(e):t?t[this._i]:void 0}},set:function(e,t){return u.def(this,e,t)}},m=e.exports=n(181)("WeakMap",h,v,u,!0,!0);7!=(new m).set((Object.freeze||Object)(d),7).get(d)&&(r=u.getConstructor(h),s(r.prototype,v),a.NEED=!0,o(["delete","has","get","set"],function(e){var t=m.prototype,n=t[e];i(t,e,function(t,o){if(l(t)&&!f(t)){this._f||(this._f=new r);var i=this._f[e](t,o);return"set"==e?this:i}return n.call(this,t,o)})}))},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.readState=t.saveState=void 0;var o=n(45),i=(r(o),{QuotaExceededError:!0,QUOTA_EXCEEDED_ERR:!0}),a={SecurityError:!0},s="@@History/",u=function(e){return s+e};t.saveState=function(e,t){if(window.sessionStorage)try{null==t?window.sessionStorage.removeItem(u(e)):window.sessionStorage.setItem(u(e),JSON.stringify(t))}catch(n){if(a[n.name])return;if(i[n.name]&&0===window.sessionStorage.length)return;throw n}},t.readState=function(e){var t=void 0;try{t=window.sessionStorage.getItem(u(e))}catch(n){if(a[n.name])return}if(t)try{return JSON.parse(t)}catch(n){}}},function(e,t,n){"use strict";function r(e){return e}var o=n(1);e.exports=function(e){return o.Children.map(e,r)}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={adjustX:1,adjustY:1},r=[0,0],o=t.placements={left:{points:["cr","cl"],overflow:n,offset:[-4,0],targetOffset:r},right:{points:["cl","cr"],overflow:n,offset:[4,0],targetOffset:r},top:{points:["bc","tc"],overflow:n,offset:[0,-4],targetOffset:r},bottom:{points:["tc","bc"],overflow:n,offset:[0,4],targetOffset:r},topLeft:{points:["bl","tl"],overflow:n,offset:[0,-4],targetOffset:r},leftTop:{points:["tr","tl"],overflow:n,offset:[-4,0],targetOffset:r},topRight:{points:["br","tr"],overflow:n,offset:[0,-4],targetOffset:r},rightTop:{points:["tl","tr"],overflow:n,offset:[4,0],targetOffset:r},bottomRight:{points:["tr","br"],overflow:n,offset:[0,4],targetOffset:r},rightBottom:{points:["bl","br"],overflow:n,offset:[4,0],targetOffset:r},bottomLeft:{points:["tl","bl"],overflow:n,offset:[0,4],targetOffset:r},leftBottom:{points:["br","bl"],overflow:n,offset:[-4,0],targetOffset:r}};t["default"]=o},function(e,t){"use strict";function n(e,t){for(var n=t;n;){if(n===e)return!0;n=n.parentNode}return!1}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=n,e.exports=t["default"]},function(e,t){"use strict";function n(){var e=[].slice.call(arguments,0);return 1===e.length?e[0]:function(){for(var t=0;t<e.length;t++)e[t]&&e[t].apply&&e[t].apply(this,arguments)}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=n,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){var e=document.createElement("div");return document.body.appendChild(e),e}function i(e){function t(e,t,n){if(!c||e._component||c(e)){e._container||(e._container=d(e));var r=void 0;r=e.getComponent?e.getComponent(t):f(e,t),u["default"].unstable_renderSubtreeIntoContainer(e,r,e._container,function(){e._component=this,n&&n.call(this)})}}function n(e){if(e._container){var t=e._container;u["default"].unmountComponentAtNode(t),t.parentNode.removeChild(t),e._container=null}}var r=e.autoMount,i=void 0===r||r,s=e.autoDestroy,l=void 0===s||s,c=e.isVisible,f=e.getComponent,p=e.getContainer,d=void 0===p?o:p,h=void 0;return i&&(h=a({},h,{componentDidMount:function(){t(this)},componentDidUpdate:function(){t(this)}})),i&&l||(h=a({},h,{renderComponent:function(e,n){t(this,e,n)}})),h=l?a({},h,{componentWillUnmount:function(){n(this)}}):a({},h,{removeContainer:function(){n(this)}})}Object.defineProperty(t,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};t["default"]=i;var s=n(2),u=r(s);e.exports=t["default"]},function(e,t){(function(t){function n(e,t){return null==e?void 0:e[t]}function r(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(n){}return t}function o(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function i(){this.__data__=me?me(null):{}}function a(e){return this.has(e)&&delete this.__data__[e]}function s(e){var t=this.__data__;if(me){var n=t[e];return n===H?void 0:n}return ce.call(t,e)?t[e]:void 0}function u(e){var t=this.__data__;return me?void 0!==t[e]:ce.call(t,e)}function l(e,t){var n=this.__data__;return n[e]=me&&void 0===t?H:t,this}function c(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function f(){this.__data__=[]}function p(e){var t=this.__data__,n=x(t,e);if(n<0)return!1;var r=t.length-1;return n==r?t.pop():he.call(t,n,1),!0}function d(e){var t=this.__data__,n=x(t,e);return n<0?void 0:t[n][1]}function h(e){return x(this.__data__,e)>-1}function v(e,t){var n=this.__data__,r=x(n,e);return r<0?n.push([e,t]):n[r][1]=t,this}function m(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function y(){this.__data__={hash:new o,map:new(ve||c),string:new o}}function g(e){return O(this,e)["delete"](e)}function b(e){return O(this,e).get(e)}function _(e){return O(this,e).has(e)}function w(e,t){return O(this,e).set(e,t),this}function x(e,t){for(var n=e.length;n--;)if(R(e[n][0],t))return n;return-1}function C(e,t){t=k(t,e)?[t]:P(t);for(var n=0,r=t.length;null!=e&&n<r;)e=e[A(t[n++])];return n&&n==r?e:void 0}function E(e){if(!L(e)||N(e))return!1;var t=I(e)||r(e)?pe:ee;return t.test(D(e))}function S(e){if("string"==typeof e)return e;if(U(e))return ge?ge.call(e):"";var t=e+"";return"0"==t&&1/e==-K?"-0":t}function P(e){return _e(e)?e:be(e)}function O(e,t){var n=e.__data__;return M(t)?n["string"==typeof t?"string":"hash"]:n.map}function T(e,t){var r=n(e,t);return E(r)?r:void 0}function k(e,t){if(_e(e))return!1;var n=typeof e;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=e&&!U(e))||(X.test(e)||!G.test(e)||null!=t&&e in Object(t))}function M(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e}function N(e){return!!ue&&ue in e}function A(e){if("string"==typeof e||U(e))return e;var t=e+"";return"0"==t&&1/e==-K?"-0":t}function D(e){if(null!=e){try{return le.call(e)}catch(t){}try{return e+""}catch(t){}}return""}function j(e,t){if("function"!=typeof e||t&&"function"!=typeof t)throw new TypeError(z);var n=function(){var r=arguments,o=t?t.apply(this,r):r[0],i=n.cache;if(i.has(o))return i.get(o);var a=e.apply(this,r);return n.cache=i.set(o,a),a};return n.cache=new(j.Cache||m),n}function R(e,t){return e===t||e!==e&&t!==t}function I(e){var t=L(e)?fe.call(e):"";return t==W||t==q}function L(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function F(e){return!!e&&"object"==typeof e}function U(e){return"symbol"==typeof e||F(e)&&fe.call(e)==Y}function V(e){return null==e?"":S(e)}function B(e,t,n){var r=null==e?void 0:C(e,t);return void 0===r?n:r}var z="Expected a function",H="__lodash_hash_undefined__",K=1/0,W="[object Function]",q="[object GeneratorFunction]",Y="[object Symbol]",G=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,X=/^\w*$/,$=/^\./,Z=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Q=/[\\^$.*+?()[\]{}|]/g,J=/\\(\\)?/g,ee=/^\[object .+?Constructor\]$/,te="object"==typeof t&&t&&t.Object===Object&&t,ne="object"==typeof self&&self&&self.Object===Object&&self,re=te||ne||Function("return this")(),oe=Array.prototype,ie=Function.prototype,ae=Object.prototype,se=re["__core-js_shared__"],ue=function(){var e=/[^.]+$/.exec(se&&se.keys&&se.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}(),le=ie.toString,ce=ae.hasOwnProperty,fe=ae.toString,pe=RegExp("^"+le.call(ce).replace(Q,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),de=re.Symbol,he=oe.splice,ve=T(re,"Map"),me=T(Object,"create"),ye=de?de.prototype:void 0,ge=ye?ye.toString:void 0;o.prototype.clear=i,o.prototype["delete"]=a,o.prototype.get=s,o.prototype.has=u,o.prototype.set=l,c.prototype.clear=f,c.prototype["delete"]=p,c.prototype.get=d,c.prototype.has=h,c.prototype.set=v,m.prototype.clear=y,m.prototype["delete"]=g,m.prototype.get=b,m.prototype.has=_,m.prototype.set=w;var be=j(function(e){e=V(e);var t=[];return $.test(e)&&t.push(""),e.replace(Z,function(e,n,r,o){t.push(r?o.replace(J,"$1"):n||e)}),t});j.Cache=m;var _e=Array.isArray;e.exports=B}).call(t,function(){return this}())},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return!e.length||e.every(function(e){return!!e.props.disabled})}function i(e,t){var n=t,r=e.children,o=e.eventKey;if(n){var i=void 0;if((0,S.loopMenuItem)(r,function(e,t){e&&!e.props.disabled&&n===(0,S.getKeyFromChildrenIndex)(e,o,t)&&(i=!0)}),i)return n}return n=null,e.defaultActiveFirst?((0,S.loopMenuItem)(r,function(e,t){n||!e||e.props.disabled||(n=(0,S.getKeyFromChildrenIndex)(e,o,t))}),n):n}function a(e,t,n){n&&(void 0!==t?(this.instanceArray[e]=this.instanceArray[e]||[],this.instanceArray[e][t]=n):this.instanceArray[e]=n)}Object.defineProperty(t,"__esModule",{value:!0});var s=n(10),u=r(s),l=n(9),c=r(l),f=n(1),p=r(f),d=n(12),h=r(d),v=n(2),m=r(v),y=n(80),g=r(y),b=n(478),_=r(b),w=n(8),x=r(w),C=n(168),E=r(C),S=n(197),P=n(1766),O=r(P),T={propTypes:{focusable:h["default"].bool,multiple:h["default"].bool,style:h["default"].object,defaultActiveFirst:h["default"].bool,visible:h["default"].bool,activeKey:h["default"].string,selectedKeys:h["default"].arrayOf(h["default"].string),defaultSelectedKeys:h["default"].arrayOf(h["default"].string),defaultOpenKeys:h["default"].arrayOf(h["default"].string),openKeys:h["default"].arrayOf(h["default"].string),children:h["default"].any},getDefaultProps:function(){return{prefixCls:"rc-menu",className:"",mode:"vertical",level:1,inlineIndent:24,visible:!0,focusable:!0,style:{}}},getInitialState:function(){var e=this.props;return{activeKey:i(e,e.activeKey)}},componentWillReceiveProps:function(e){var t=void 0;if("activeKey"in e)t={activeKey:i(e,e.activeKey)};else{var n=this.state.activeKey,r=i(e,n);r!==n&&(t={activeKey:r})}t&&this.setState(t)},shouldComponentUpdate:function(e){return this.props.visible||e.visible},componentWillMount:function(){this.instanceArray=[]},onKeyDown:function(e){var t=this,n=e.keyCode,r=void 0;if(this.getFlatInstanceArray().forEach(function(t){t&&t.props.active&&(r=t.onKeyDown(e))}),r)return 1;var o=null;return n!==g["default"].UP&&n!==g["default"].DOWN||(o=this.step(n===g["default"].UP?-1:1)),o?(e.preventDefault(),this.setState({activeKey:o.props.eventKey},function(){(0,E["default"])(m["default"].findDOMNode(o),m["default"].findDOMNode(t),{onlyScrollIfNeeded:!0})}),1):void 0===o?(e.preventDefault(),this.setState({activeKey:null}),1):void 0},getOpenChangesOnItemHover:function(e){var t=this.props.mode,n=e.key,r=e.hover,o=e.trigger,i=this.state.activeKey;if(o&&!r&&!this.props.closeSubMenuOnMouseLeave&&e.item.isSubMenu&&"inline"!==t||this.setState({activeKey:r?n:null}),r&&"inline"!==t){var a=this.getFlatInstanceArray().filter(function(e){return e&&e.props.eventKey===i})[0];if(a&&a.isSubMenu&&a.props.eventKey!==n)return{item:a,originalEvent:e,key:a.props.eventKey,open:!1}}return[]},getFlatInstanceArray:function(){var e=this.instanceArray,t=e.some(function(e){return Array.isArray(e)});return t&&(e=[],this.instanceArray.forEach(function(t){Array.isArray(t)?e.push.apply(e,t):e.push(t)}),this.instanceArray=e),e},renderCommonMenuItem:function(e,t,n,r){var o=this.state,i=this.props,s=(0,S.getKeyFromChildrenIndex)(e,i.eventKey,t),u=e.props,l=s===o.activeKey,f=(0,c["default"])({mode:i.mode,level:i.level,inlineIndent:i.inlineIndent,renderMenuItem:this.renderMenuItem,rootPrefixCls:i.prefixCls,index:t,parentMenu:this,ref:u.disabled?void 0:(0,_["default"])(e.ref,a.bind(this,t,n)),eventKey:s,closeSubMenuOnMouseLeave:i.closeSubMenuOnMouseLeave,onItemHover:this.onItemHover,active:!u.disabled&&l,multiple:i.multiple,onClick:this.onClick,openTransitionName:this.getOpenTransitionName(),openAnimation:i.openAnimation,onOpenChange:this.onOpenChange,onDeselect:this.onDeselect,onDestroy:this.onDestroy,onSelect:this.onSelect},r);return"inline"===i.mode&&(f.closeSubMenuOnMouseLeave=f.openSubMenuOnMouseEnter=!1),p["default"].cloneElement(e,f)},renderRoot:function(e){var t;this.instanceArray=[];var n=(t={},(0,u["default"])(t,e.prefixCls,1),(0,u["default"])(t,e.prefixCls+"-"+e.mode,1),(0,u["default"])(t,e.className,!!e.className),t),r={className:(0,x["default"])(n),role:"menu","aria-activedescendant":""};return e.id&&(r.id=e.id),e.focusable&&(r.tabIndex="0",
-r.onKeyDown=this.onKeyDown),p["default"].createElement(O["default"],(0,c["default"])({style:e.style,tag:"ul",hiddenClassName:e.prefixCls+"-hidden",visible:e.visible},r),p["default"].Children.map(e.children,this.renderMenuItem))},step:function(e){var t=this.getFlatInstanceArray(),n=this.state.activeKey,r=t.length;if(!r)return null;e<0&&(t=t.concat().reverse());var i=-1;if(t.every(function(e,t){return!e||e.props.eventKey!==n||(i=t,!1)}),this.props.defaultActiveFirst||i===-1||!o(t.slice(i,r-1)))for(var a=(i+1)%r,s=a;;){var u=t[s];if(u&&!u.props.disabled)return u;if(s=(s+1+r)%r,s===a)return null}}};t["default"]=T,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return e!==window?e.getBoundingClientRect():{top:0,left:0,bottom:0}}function i(e,t){var n=e.getBoundingClientRect(),r=o(t),i=(0,R["default"])(t,!0),a=(0,R["default"])(t,!1),s=window.document.body,u=s.clientTop||0,l=s.clientLeft||0;return{top:n.top-r.top+i-u,left:n.left-r.left+a-l,width:n.width,height:n.height}}function a(){}function s(){return"undefined"!=typeof window?window:null}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var u=n(10),l=r(u),c=n(9),f=r(c),p=n(4),d=r(p),h=n(7),v=r(h),m=n(6),y=r(m),g=n(47),b=r(g),_=n(1),w=r(_),x=n(2),C=r(x),E=n(12),S=r(E),P=n(79),O=r(P),T=n(8),k=r(T),M=n(56),N=r(M),A=n(48),D=r(A),j=n(300),R=r(j),I=n(1786),L=function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"===("undefined"==typeof Reflect?"undefined":(0,b["default"])(Reflect))&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},F=function(e){function t(n){(0,d["default"])(this,t);var r=(0,v["default"])(this,e.call(this,n));return r.state={affixStyle:null,placeholderStyle:null},r}return(0,y["default"])(t,e),t.prototype.setAffixStyle=function(e,t){var n=this,r=this.props,o=r.onChange,i=void 0===o?a:o,u=r.target,l=void 0===u?s:u,c=this.state.affixStyle,f=l()===window;"scroll"===e.type&&c&&t&&f||(0,N["default"])(t,c)||this.setState({affixStyle:t},function(){var e=!!n.state.affixStyle;(t&&!c||!t&&c)&&i(e)})},t.prototype.setPlaceholderStyle=function(e){var t=this.state.placeholderStyle;(0,N["default"])(e,t)||this.setState({placeholderStyle:e})},t.prototype.updatePosition=function(e){var t=this.props,n=t.offsetTop,r=t.offsetBottom,a=t.offset,u=t.target,l=void 0===u?s:u,c=l();n=n||a;var p=(0,R["default"])(c,!0),d=C["default"].findDOMNode(this),h=i(d,c),v={width:this.refs.fixedNode.offsetWidth,height:this.refs.fixedNode.offsetHeight},m={top:!1,bottom:!1};"number"!=typeof n&&"number"!=typeof r?(m.top=!0,n=0):(m.top="number"==typeof n,m.bottom="number"==typeof r);var y=o(c),g=c.innerHeight||c.clientHeight;if(p>h.top-n&&m.top){var b=h.width;this.setAffixStyle(e,{position:"fixed",top:y.top+n,left:y.left+h.left,width:b}),this.setPlaceholderStyle({width:b,height:d.offsetHeight})}else if(p<h.top+v.height+r-g&&m.bottom){var _=c===window?0:window.innerHeight-y.bottom,w=h.width;this.setAffixStyle(e,{position:"fixed",bottom:_+r,left:y.left+h.left,width:w}),this.setPlaceholderStyle({width:w,height:d.offsetHeight})}else{var x=this.state.affixStyle;"resize"===e.type&&x&&"fixed"===x.position&&d.offsetWidth?this.setAffixStyle(e,(0,f["default"])({},x,{width:d.offsetWidth})):this.setAffixStyle(e,null),this.setPlaceholderStyle(null)}},t.prototype.componentDidMount=function(){var e=this,t=this.props.target||s;this.timeout=setTimeout(function(){e.setTargetEventListeners(t)})},t.prototype.componentWillReceiveProps=function(e){this.props.target!==e.target&&(this.clearScrollEventListeners(),this.setTargetEventListeners(e.target),this.updatePosition({}))},t.prototype.componentWillUnmount=function(){this.clearScrollEventListeners(),clearTimeout(this.timeout),this.updatePosition.cancel()},t.prototype.setTargetEventListeners=function(e){var t=e();t&&(this.clearScrollEventListeners(),this.scrollEvent=(0,O["default"])(t,"scroll",this.updatePosition),this.resizeEvent=(0,O["default"])(t,"resize",this.updatePosition))},t.prototype.clearScrollEventListeners=function(){var e=this;["scrollEvent","resizeEvent"].forEach(function(t){e[t]&&e[t].remove()})},t.prototype.render=function(){var e=(0,k["default"])((0,l["default"])({},this.props.prefixCls||"ant-affix",this.state.affixStyle)),t=(0,D["default"])(this.props,["prefixCls","offsetTop","offsetBottom","target","onChange"]),n=(0,f["default"])({},this.state.placeholderStyle,this.props.style);return w["default"].createElement("div",(0,f["default"])({},t,{style:n}),w["default"].createElement("div",{className:e,ref:"fixedNode",style:this.state.affixStyle},this.props.children))},t}(w["default"].Component);t["default"]=F,F.propTypes={offsetTop:S["default"].number,offsetBottom:S["default"].number,target:S["default"].func},L([(0,I.throttleByAnimationFrameDecorator)()],F.prototype,"updatePosition",null),e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){return"undefined"!=typeof window?window:null}function i(e){if(!e)return 0;if(!e.getClientRects().length)return 0;var t=e.getBoundingClientRect();if(t.width||t.height){var n=e.ownerDocument,r=n.documentElement;return t.top-r.clientTop}return t.top}function a(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:o,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:function(){},a=(0,c["default"])(n(),!0),s=document.getElementById(e.substring(1));if(s){var u=i(s),l=a+u-t,f=Date.now(),p=function v(){var e=Date.now(),t=e-f;window.scrollTo(window.pageXOffset,h(t,a,l,450)),t<450?d(v):r()};d(p),history.pushState(null,"",e)}}Object.defineProperty(t,"__esModule",{value:!0}),t.scrollTo=t.easeInOutCubic=t.reqAnimFrame=void 0;var s=n(4),u=r(s);t.getDefaultTarget=o,t.getOffsetTop=i;var l=n(300),c=r(l),f=n(199),p=r(f),d=t.reqAnimFrame=(0,p["default"])(),h=t.easeInOutCubic=function(e,t,n,r){var o=n-t;return e/=r/2,e<1?o/2*e*e*e+t:o/2*((e-=2)*e*e+2)+t};t.scrollTo=a;var v=function(){function e(){(0,u["default"])(this,e),this.links=[],this.currentAnchor=null,this._activeAnchor=""}return e.prototype.addLink=function(e){this.links.indexOf(e)===-1&&this.links.push(e)},e.prototype.getCurrentActiveAnchor=function(){return this.currentAnchor},e.prototype.setActiveAnchor=function(e){this.currentAnchor=e},e.prototype.getCurrentAnchor=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5,n="";if("undefined"==typeof document)return n;var r=this.links.map(function(n){var r=document.getElementById(n.substring(1));if(r&&i(r)<e+t){var o=i(r);if(o<=e+t)return{section:n,top:o,bottom:o+r.clientHeight}}return null}).filter(function(e){return null!==e});if(r.length){var o=r.reduce(function(e,t){return t.top>e.top?t:e});return o.section}return""},e.prototype.scrollTo=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:o,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:function(){};a(e,t,n,r)},e}();t["default"]=v},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},v=function(e){function t(){return(0,s["default"])(this,t),(0,l["default"])(this,e.apply(this,arguments))}return(0,f["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.prefixCls,n=e.separator,r=e.children,o=h(e,["prefixCls","separator","children"]),a=void 0;return a="href"in this.props?d["default"].createElement("a",(0,i["default"])({className:t+"-link"},o),r):d["default"].createElement("span",(0,i["default"])({className:t+"-link"},o),r),r?d["default"].createElement("span",null,a,d["default"].createElement("span",{className:t+"-separator"},n)):null},t}(d["default"].Component);t["default"]=v,v.__ANT_BREADCRUMB_ITEM=!0,v.defaultProps={prefixCls:"ant-breadcrumb",separator:"/"},v.propTypes={prefixCls:p.PropTypes.string,separator:p.PropTypes.oneOfType([p.PropTypes.string,p.PropTypes.element]),href:p.PropTypes.string},e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.PREFIX_CLS="ant-fullcalendar"},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(491),i=r(o);t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(11),d=r(p),h=n(194),v=r(h),m=n(620),y=r(m),g=n(1),b=r(g);if("undefined"!=typeof window){var _=function(e){return{media:e,matches:!1,addListener:function(){},removeListener:function(){}}};window.matchMedia=window.matchMedia||_}var w=function(e){function t(){(0,s["default"])(this,t);var n=(0,l["default"])(this,e.call(this));return n.onWindowResized=function(){var e=n.refs.slick,t=n.props.autoplay;t&&e&&e.innerSlider&&e.innerSlider.autoPlay&&e.innerSlider.autoPlay()},n.onWindowResized=(0,v["default"])(n.onWindowResized,500,{leading:!1}),n}return(0,f["default"])(t,e),t.prototype.componentDidMount=function(){var e=this.props.autoplay;e&&window.addEventListener("resize",this.onWindowResized)},t.prototype.componentWillUnmount=function(){var e=this.props.autoplay;e&&(window.removeEventListener("resize",this.onWindowResized),this.onWindowResized.cancel())},t.prototype.render=function(){var e=(0,d["default"])({},this.props);"fade"===e.effect&&(e.fade=!0);var t=e.prefixCls;return e.vertical&&(t=t+" "+t+"-vertical"),b["default"].createElement("div",{className:t},b["default"].createElement(y["default"],(0,i["default"])({ref:"slick"},e)))},t}(b["default"].Component);t["default"]=w,w.defaultProps={dots:!0,arrows:!1,prefixCls:"ant-carousel",draggable:!1},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(10),i=r(o),a=n(9),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(8),y=r(m),g=n(392),b=r(g),_=n(56),w=r(_),x=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},C=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.shouldComponentUpdate=function(e,t,n){return!(0,w["default"])(this.props,e)||!(0,w["default"])(this.state,t)||!(0,w["default"])(this.context.checkboxGroup,n.checkboxGroup)},t.prototype.render=function(){var e=this.props,t=this.context,n=e.prefixCls,r=e.className,o=e.children,a=e.indeterminate,u=e.style,l=e.onMouseEnter,c=e.onMouseLeave,f=x(e,["prefixCls","className","children","indeterminate","style","onMouseEnter","onMouseLeave"]),p=t.checkboxGroup,d=(0,s["default"])({},f);p&&(d.onChange=function(){return p.toggleOption({label:o,value:e.value})},d.checked=p.value.indexOf(e.value)!==-1,d.disabled="disabled"in e?e.disabled:p.disabled);var h=(0,y["default"])(r,(0,i["default"])({},n+"-wrapper",!0)),m=(0,y["default"])((0,i["default"])({},n+"-indeterminate",a));return v["default"].createElement("label",{className:h,style:u,onMouseEnter:l,onMouseLeave:c},v["default"].createElement(b["default"],(0,s["default"])({},d,{prefixCls:n,className:m})),void 0!==o?v["default"].createElement("span",null,o):null)},t}(v["default"].Component);t["default"]=C,C.defaultProps={prefixCls:"ant-checkbox",indeterminate:!1},C.contextTypes={checkboxGroup:h.PropTypes.any},e.exports=t["default"]},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(495);t["default"]=r.Col,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(534),i=r(o),a=n(511),s=r(a),u=n(11),l=r(u),c={lang:(0,l["default"])({placeholder:"Select date",rangePlaceholder:["Start date","End date"]},i["default"]),timePickerLocale:(0,l["default"])({},s["default"])};t["default"]=c,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(535),i=r(o),a=n(512),s=r(a),u=n(11),l=r(u),c=n(25),f=r(c);n(429),f["default"].locale("zh-cn");var p={lang:(0,l["default"])({placeholder:"\u8bf7\u9009\u62e9\u65e5\u671f",rangePlaceholder:["\u5f00\u59cb\u65e5\u671f","\u7ed3\u675f\u65e5\u671f"]},i["default"]),timePickerLocale:(0,l["default"])({},s["default"])};p.lang.ok="\u786e \u5b9a",t["default"]=p,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(1330),v=r(h),m=n(8),y=r(m),g=function(e){function t(){return(0,s["default"])(this,t),(0,l["default"])(this,e.apply(this,arguments))}return(0,f["default"])(t,e),t.prototype.getTransitionName=function(){var e=this.props.placement,t=void 0===e?"":e;return t.indexOf("top")>=0?"slide-down":"slide-up"},t.prototype.render=function(){var e=this.props,t=e.children,n=e.prefixCls,r=(0,p.cloneElement)(t,{className:(0,y["default"])(t.props.className,n+"-trigger")});return d["default"].createElement(v["default"],(0,i["default"])({transitionName:this.getTransitionName()},this.props),r)},t}(d["default"].Component);t["default"]=g,g.defaultProps={prefixCls:"ant-dropdown",mouseEnterDelay:.15,mouseLeaveDelay:.1,placement:"bottomLeft"},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1256),n(153)},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.FIELD_META_PROP="data-__meta"},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Col=t.Row=void 0;var o=n(1831),i=r(o),a=n(1830),s=r(a);t.Row=i["default"],t.Col=s["default"]},function(e,t,n){"use strict";n(14),n(226)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return"undefined"==typeof e||null===e?"":e}function i(e){return window.requestAnimationFrame?window.requestAnimationFrame(e):window.setTimeout(e,1)}function a(e){window.cancelAnimationFrame?window.cancelAnimationFrame(e):window.clearTimeout(e)}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var s=n(9),u=r(s),l=n(10),c=r(l),f=n(4),p=r(f),d=n(7),h=r(d),v=n(6),m=r(v),y=n(1),g=r(y),b=n(8),_=r(b),w=n(1838),x=r(w),C=n(11),E=r(C),S=n(48),P=r(S),O=function(e){function t(){(0,p["default"])(this,t);var n=(0,h["default"])(this,e.apply(this,arguments));return n.state={textareaStyles:null,isFocus:!1},n.handleKeyDown=function(e){var t=n.props,r=t.onPressEnter,o=t.onKeyDown;13===e.keyCode&&r&&r(e),o&&o(e)},n.handleTextareaChange=function(e){"value"in n.props||n.resizeTextarea();var t=n.props.onChange;t&&t(e)},n.resizeTextarea=function(){var e=n.props,t=e.type,r=e.autosize;if("textarea"===t&&r&&n.refs.input){var o=r?r.minRows:null,i=r?r.maxRows:null,a=(0,x["default"])(n.refs.input,!1,o,i);n.setState({textareaStyles:a})}},n}return(0,m["default"])(t,e),t.prototype.componentDidMount=function(){this.resizeTextarea()},t.prototype.componentWillReceiveProps=function(e){this.props.value!==e.value&&(this.nextFrameActionId&&a(this.nextFrameActionId),this.nextFrameActionId=i(this.resizeTextarea))},t.prototype.focus=function(){this.refs.input.focus()},t.prototype.renderLabeledInput=function(e){var t,n=this.props;if("textarea"===n.type||!n.addonBefore&&!n.addonAfter)return e;var r=n.prefixCls+"-group",o=r+"-addon",i=n.addonBefore?g["default"].createElement("span",{className:o},n.addonBefore):null,a=n.addonAfter?g["default"].createElement("span",{className:o},n.addonAfter):null,s=(0,_["default"])((t={},(0,c["default"])(t,n.prefixCls+"-wrapper",!0),(0,c["default"])(t,r,i||a),t));return g["default"].createElement("span",{className:s},i,e,a)},t.prototype.renderLabeledIcon=function(e){var t=this.props;if("textarea"===t.type||!("prefix"in t||"suffix"in t))return e;var n=t.prefix?g["default"].createElement("span",{className:t.prefixCls+"-prefix"},t.prefix):null,r=t.suffix?g["default"].createElement("span",{className:t.prefixCls+"-suffix"},t.suffix):null;return g["default"].createElement("span",{className:t.prefixCls+"-affix-wrapper",style:t.style},n,(0,y.cloneElement)(e,{style:null}),r)},t.prototype.renderInput=function(){var e,t=(0,E["default"])({},this.props),n=(0,P["default"])(this.props,["prefixCls","onPressEnter","autosize","addonBefore","addonAfter","prefix","suffix"]),r=t.prefixCls;if(!t.type)return t.children;var i=(0,_["default"])(r,(e={},(0,c["default"])(e,r+"-sm","small"===t.size),(0,c["default"])(e,r+"-lg","large"===t.size),e),t.className);switch("value"in t&&(n.value=o(t.value),delete n.defaultValue),t.type){case"textarea":return g["default"].createElement("textarea",(0,u["default"])({},n,{style:(0,E["default"])({},t.style,this.state.textareaStyles),className:i,onKeyDown:this.handleKeyDown,onChange:this.handleTextareaChange,ref:"input"}));default:return this.renderLabeledIcon(g["default"].createElement("input",(0,u["default"])({},n,{className:i,onKeyDown:this.handleKeyDown,ref:"input"})))}},t.prototype.render=function(){return this.renderLabeledInput(this.renderInput())},t}(y.Component);t["default"]=O,O.defaultProps={disabled:!1,prefixCls:"ant-input",type:"text",autosize:!1},O.propTypes={type:y.PropTypes.string,id:y.PropTypes.oneOfType([y.PropTypes.string,y.PropTypes.number]),size:y.PropTypes.oneOf(["small","default","large"]),disabled:y.PropTypes.bool,value:y.PropTypes.any,defaultValue:y.PropTypes.any,className:y.PropTypes.string,addonBefore:y.PropTypes.node,addonAfter:y.PropTypes.node,prefixCls:y.PropTypes.string,autosize:y.PropTypes.oneOfType([y.PropTypes.bool,y.PropTypes.object]),onPressEnter:y.PropTypes.func,onKeyDown:y.PropTypes.func,onFocus:y.PropTypes.func,onBlur:y.PropTypes.func,prefix:y.PropTypes.node,suffix:y.PropTypes.node},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(196),v=r(h),m=n(301),y=r(m),g=n(54),b=r(g),_=function(e){function t(n){(0,s["default"])(this,t);var r=(0,l["default"])(this,e.call(this,n));r.handleClick=function(e){r.setOpenKeys([]);var t=r.props.onClick;t&&t(e)},r.handleOpenChange=function(e){r.setOpenKeys(e);var t=r.props.onOpenChange;t&&t(e)},(0,b["default"])(!("onOpen"in n||"onClose"in n),"`onOpen` and `onClose` are removed, please use `onOpenChange` instead, see: http://u.ant.design/menu-on-open-change.");var o=void 0;return"defaultOpenKeys"in n?o=n.defaultOpenKeys:"openKeys"in n&&(o=n.openKeys),r.state={openKeys:o||[]},r}return(0,f["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){"inline"===this.props.mode&&"inline"!==e.mode&&(this.switchModeFromInline=!0),"openKeys"in e&&this.setState({openKeys:e.openKeys})},t.prototype.setOpenKeys=function(e){"openKeys"in this.props||this.setState({openKeys:e})},t.prototype.render=function(){var e=this.props.openAnimation||this.props.openTransitionName;if(void 0===this.props.openAnimation&&void 0===this.props.openTransitionName)switch(this.props.mode){case"horizontal":e="slide-up";break;case"vertical":this.switchModeFromInline?(e="",this.switchModeFromInline=!1):e="zoom-big";break;case"inline":e=y["default"]}var t={},n=this.props.className+" "+this.props.prefixCls+"-"+this.props.theme;return t="inline"!==this.props.mode?{openKeys:this.state.openKeys,onClick:this.handleClick,onOpenChange:this.handleOpenChange,openTransitionName:e,className:n}:{openAnimation:e,className:n},d["default"].createElement(v["default"],(0,i["default"])({},this.props,t))},t}(d["default"].Component);t["default"]=_,_.Divider=h.Divider,_.Item=h.Item,_.SubMenu=h.SubMenu,_.ItemGroup=h.ItemGroup,_.defaultProps={prefixCls:"ant-menu",className:"",theme:"light"},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(1928),v=r(h),m=n(12),y=r(m),g=n(79),b=r(g),_=n(129),w=r(_),x=void 0,C=void 0,E=function(e){function t(){(0,s["default"])(this,t);var n=(0,l["default"])(this,e.apply(this,arguments));return n.handleCancel=function(e){var t=n.props.onCancel;t&&t(e)},n.handleOk=function(e){var t=n.props.onOk;t&&t(e)},n}return(0,f["default"])(t,e),t.prototype.componentDidMount=function(){C||((0,b["default"])(document.documentElement,"click",function(e){x={x:e.pageX,y:e.pageY},setTimeout(function(){return x=null},100)}),C=!0)},t.prototype.render=function(){var e=this.props,t=e.okText,n=e.cancelText,r=e.confirmLoading,o=e.footer,a=e.visible;this.context.antLocale&&this.context.antLocale.Modal&&(t=t||this.context.antLocale.Modal.okText,n=n||this.context.antLocale.Modal.cancelText);var s=[d["default"].createElement(w["default"],{key:"cancel",size:"large",onClick:this.handleCancel},n||"\u53d6\u6d88"),d["default"].createElement(w["default"],{key:"confirm",type:"primary",size:"large",loading:r,onClick:this.handleOk},t||"\u786e\u5b9a")];return d["default"].createElement(v["default"],(0,i["default"])({onClose:this.handleCancel,footer:void 0===o?s:o},this.props,{visible:a,mousePosition:x}))},t}(d["default"].Component);t["default"]=E,E.defaultProps={prefixCls:"ant-modal",width:520,transitionName:"zoom",maskTransitionName:"fade",confirmLoading:!1,visible:!1},E.propTypes={prefixCls:y["default"].string,onOk:y["default"].func,onCancel:y["default"].func,okText:y["default"].node,cancelText:y["default"].node,width:y["default"].oneOfType([y["default"].number,y["default"].string]),confirmLoading:y["default"].bool,visible:y["default"].bool,align:y["default"].object,footer:y["default"].node,title:y["default"].node,closable:y["default"].bool},E.contextTypes={antLocale:y["default"].object},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.ModalFuncProps=void 0;var o=n(499),i=r(o),a=n(1851),s=r(a),u=n(11),l=r(u);t.ModalFuncProps=o.ModalFuncProps,i["default"].info=function(e){var t=(0,l["default"])({},{type:"info",iconType:"info-circle",okCancel:!1},e);return(0,s["default"])(t)},i["default"].success=function(e){var t=(0,l["default"])({},{type:"success",iconType:"check-circle",okCancel:!1},e);return(0,s["default"])(t)},i["default"].error=function(e){var t=(0,l["default"])({},{type:"error",iconType:"cross-circle",okCancel:!1},e);return(0,s["default"])(t)},i["default"].warning=i["default"].warn=function(e){var t=(0,l["default"])({},{type:"warning",iconType:"exclamation-circle",okCancel:!1},e);return(0,s["default"])(t)},i["default"].confirm=function(e){var t=(0,l["default"])({},{type:"confirm",okCancel:!0},e);return(0,s["default"])(t)},t["default"]=i["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){l=e?(0,s["default"])({},l,e):(0,s["default"])({},u)}function i(){return l}Object.defineProperty(t,"__esModule",{value:!0}),t.changeConfirmLocale=o,t.getConfirmLocale=i;var a=n(11),s=r(a),u={okText:"\u786e\u5b9a",cancelText:"\u53d6\u6d88",justOkText:"\u77e5\u9053\u4e86"},l=(0,s["default"])({},u)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.PaginationProps=void 0;var o=n(1856);Object.defineProperty(t,"PaginationProps",{enumerable:!0,get:function(){return o.PaginationProps}});var i=r(o);t["default"]=i["default"]},function(e,t,n){"use strict";n(14),n(1267),n(157),n(107)},function(e,t,n){"use strict";n(14),n(1268)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1860),i=r(o);t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1269)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(495);t["default"]=r.Row,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(2),y=n(8),g=r(y),b=n(31),_=r(b),w=n(1784),x=r(w),C=n(48),E=r(C),S=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},P=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n)),o=n.spinning;return r.state={spinning:o},r}return(0,d["default"])(t,e),t.prototype.isNestedPattern=function(){return!(!this.props||!this.props.children)},t.prototype.componentDidMount=function(){(0,x["default"])()||((0,m.findDOMNode)(this).className+=" "+this.props.prefixCls+"-show-text")},t.prototype.componentWillUnmount=function(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.delayTimeout&&clearTimeout(this.delayTimeout)},t.prototype.componentWillReceiveProps=function(e){var t=this,n=this.props.spinning,r=e.spinning,o=this.props.delay;this.debounceTimeout&&clearTimeout(this.debounceTimeout),n&&!r?(this.debounceTimeout=setTimeout(function(){return t.setState({spinning:r})},300),this.delayTimeout&&clearTimeout(this.delayTimeout)):r&&o&&!isNaN(Number(o))?this.delayTimeout=setTimeout(function(){return t.setState({spinning:r})},o):this.setState({spinning:r})},t.prototype.render=function(){var e,t=this.props,n=t.className,r=t.size,o=t.prefixCls,a=t.tip,u=t.wrapperClassName,l=S(t,["className","size","prefixCls","tip","wrapperClassName"]),c=this.state.spinning,f=(0,g["default"])(o,(e={},(0,s["default"])(e,o+"-sm","small"===r),(0,s["default"])(e,o+"-lg","large"===r),(0,s["default"])(e,o+"-spinning",c),(0,s["default"])(e,o+"-show-text",!!a),e),n),p=(0,E["default"])(l,["spinning","delay"]),d=v["default"].createElement("div",(0,i["default"])({},p,{className:f}),v["default"].createElement("span",{className:o+"-dot"},v["default"].createElement("i",null),v["default"].createElement("i",null),v["default"].createElement("i",null),v["default"].createElement("i",null)),a?v["default"].createElement("div",{className:o+"-text"},a):null);if(this.isNestedPattern()){var h,m=o+"-nested-loading";u&&(m+=" "+u);var y=(0,g["default"])((h={},(0,s["default"])(h,o+"-container",!0),(0,s["default"])(h,o+"-blur",c),h));return v["default"].createElement(_["default"],(0,i["default"])({},p,{component:"div",className:m,style:null,transitionName:"fade"}),c&&v["default"].createElement("div",{key:"loading"},d),v["default"].createElement("div",{className:y,key:"container"},this.props.children))}return d},t}(v["default"].Component);t["default"]=P,P.defaultProps={prefixCls:"ant-spin",spinning:!0,size:"default",wrapperClassName:""},P.propTypes={prefixCls:h.PropTypes.string,className:h.PropTypes.string,spinning:h.PropTypes.bool,size:h.PropTypes.oneOf(["small","default","large"]),wrapperClassName:h.PropTypes.string},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1274)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(299),f=r(c),p=function(e){function t(){return(0,i["default"])(this,t),(0,s["default"])(this,e.apply(this,arguments))}return(0,l["default"])(t,e),t}(f["default"].ColumnGroup);t["default"]=p,e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={placeholder:"Select time"};t["default"]=n,e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={placeholder:"\u8bf7\u9009\u62e9\u65f6\u95f4"};t["default"]=n,e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1280),n(107)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(8),y=r(m),g=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},b=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.render=function(){var e,t,n=this.props,r=n.prefixCls,o=n.className,a=n.color,u=void 0===a?"":a,l=n.last,c=n.children,f=n.pending,p=n.dot,d=g(n,["prefixCls","className","color","last","children","pending","dot"]),h=(0,y["default"])((e={},(0,s["default"])(e,r+"-item",!0),(0,s["default"])(e,r+"-item-last",l),(0,s["default"])(e,r+"-item-pending",f),e),o),m=(0,y["default"])((t={},(0,s["default"])(t,r+"-item-head",!0),(0,s["default"])(t,r+"-item-head-custom",p),(0,s["default"])(t,r+"-item-head-"+u,!0),t));return v["default"].createElement("li",(0,i["default"])({},d,{className:h}),v["default"].createElement("div",{className:r+"-item-tail"}),v["default"].createElement("div",{className:m,style:{borderColor:/blue|red|green/.test(u)?null:u}},p),v["default"].createElement("div",{className:r+"-item-content"},c))},t}(v["default"].Component);t["default"]=b,b.defaultProps={prefixCls:"ant-timeline",color:"blue",last:!1,pending:!1},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(23),d=r(p),h=n(200),v=r(h),m=function(e){function t(){(0,i["default"])(this,t);var n=(0,s["default"])(this,e.apply(this,arguments));return n.handleChange=function(e){var t=n.props.onChange;t&&t(e)},n.handleClear=function(e){e.preventDefault();var t=n.props.handleClear;t&&t(e)},n}return(0,l["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.placeholder,n=e.value,r=e.prefixCls,o=n&&n.length>0?f["default"].createElement("a",{href:"#",className:r+"-action",onClick:this.handleClear},f["default"].createElement(d["default"],{type:"cross-circle"})):f["default"].createElement("span",{className:r+"-action"},f["default"].createElement(d["default"],{type:"search"}));return f["default"].createElement("div",null,f["default"].createElement(v["default"],{placeholder:t,className:r,value:n,ref:"input",onChange:this.handleChange}),o)},t}(f["default"].Component);t["default"]=m,m.defaultProps={placeholder:""},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=t.UploadProps=void 0;var o=n(10),i=r(o),a=n(9),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(1489),y=r(m),g=n(12),b=r(g),_=n(8),w=r(_),x=n(11),C=r(x),E=n(1903),S=r(E),P=n(1905),O=n(1907),T={
-uploading:"\u6587\u4ef6\u4e0a\u4f20\u4e2d",removeFile:"\u5220\u9664\u6587\u4ef6",uploadError:"\u4e0a\u4f20\u9519\u8bef",previewFile:"\u9884\u89c8\u6587\u4ef6"};t.UploadProps=P.UploadProps;var k=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n));return r.onStart=function(e){var t=void 0,n=r.state.fileList.concat();e.length>0?(t=e.map(function(e){var t=(0,O.fileToObject)(e);return t.status="uploading",t}),n=n.concat(t)):(t=(0,O.fileToObject)(e),t.status="uploading",n.push(t)),r.onChange({file:t,fileList:n}),window.FormData||r.autoUpdateProgress(0,t)},r.onSuccess=function(e,t){r.clearProgressTimer();try{"string"==typeof e&&(e=JSON.parse(e))}catch(n){}var o=r.state.fileList,i=(0,O.getFileItem)(t,o);i&&(i.status="done",i.response=e,r.onChange({file:(0,s["default"])({},i),fileList:o}))},r.onProgress=function(e,t){var n=r.state.fileList,o=(0,O.getFileItem)(t,n);o&&(o.percent=e.percent,r.onChange({event:e,file:(0,s["default"])({},o),fileList:r.state.fileList}))},r.onError=function(e,t,n){r.clearProgressTimer();var o=r.state.fileList,i=(0,O.getFileItem)(n,o);i&&(i.error=e,i.response=t,i.status="error",r.onChange({file:(0,s["default"])({},i),fileList:o}))},r.handleManualRemove=function(e){r.refs.upload.abort(e),e.status="removed",r.handleRemove(e)},r.onChange=function(e){"fileList"in r.props||r.setState({fileList:e.fileList});var t=r.props.onChange;t&&t(e)},r.onFileDrop=function(e){r.setState({dragState:e.type})},r.state={fileList:r.props.fileList||r.props.defaultFileList||[],dragState:"drop"},r}return(0,d["default"])(t,e),t.prototype.componentWillUnmount=function(){this.clearProgressTimer()},t.prototype.getLocale=function(){var e={};return this.context.antLocale&&this.context.antLocale.Upload&&(e=this.context.antLocale.Upload),(0,C["default"])({},T,e,this.props.locale)},t.prototype.autoUpdateProgress=function(e,t){var n=this,r=(0,O.genPercentAdd)(),o=0;this.clearProgressTimer(),this.progressTimer=setInterval(function(){o=r(o),n.onProgress({percent:o},t)},200)},t.prototype.handleRemove=function(e){var t=this.props.onRemove,n=t&&t(e);if(n!==!1){var r=(0,O.removeFileItem)(e,this.state.fileList);r&&this.onChange({file:e,fileList:r})}},t.prototype.componentWillReceiveProps=function(e){"fileList"in e&&this.setState({fileList:e.fileList||[]})},t.prototype.clearProgressTimer=function(){clearInterval(this.progressTimer)},t.prototype.render=function(){var e,t=this.props,n=t.prefixCls,r=void 0===n?"":n,o=t.showUploadList,a=t.listType,u=t.onPreview,l=t.type,c=t.disabled,f=t.children,p=t.className,d=(0,C["default"])({},{onStart:this.onStart,onError:this.onError,onProgress:this.onProgress,onSuccess:this.onSuccess},this.props);delete d.className;var h=o.showRemoveIcon,m=o.showPreviewIcon,g=o?v["default"].createElement(S["default"],{listType:a,items:this.state.fileList,onPreview:u,onRemove:this.handleManualRemove,showRemoveIcon:h,showPreviewIcon:m,locale:this.getLocale()}):null;if("drag"===l){var b,_=(0,w["default"])(r,(b={},(0,i["default"])(b,r+"-drag",!0),(0,i["default"])(b,r+"-drag-uploading",this.state.fileList.some(function(e){return"uploading"===e.status})),(0,i["default"])(b,r+"-drag-hover","dragover"===this.state.dragState),(0,i["default"])(b,r+"-disabled",c),b));return v["default"].createElement("span",{className:p},v["default"].createElement("div",{className:_,onDrop:this.onFileDrop,onDragOver:this.onFileDrop,onDragLeave:this.onFileDrop},v["default"].createElement(y["default"],(0,s["default"])({},d,{ref:"upload",className:r+"-btn"}),v["default"].createElement("div",{className:r+"-drag-container"},f))),g)}var x=(0,w["default"])(r,(e={},(0,i["default"])(e,r+"-select",!0),(0,i["default"])(e,r+"-select-"+a,!0),(0,i["default"])(e,r+"-disabled",c),e)),E=v["default"].createElement("div",{className:x,style:{display:f?"":"none"}},v["default"].createElement(y["default"],(0,s["default"])({},d,{ref:"upload"})));return"picture-card"===a?v["default"].createElement("span",{className:p},g,E):v["default"].createElement("span",{className:p},E,g)},t}(v["default"].Component);t["default"]=k,k.defaultProps={prefixCls:"ant-upload",type:"select",multiple:!1,action:"",data:{},accept:"",beforeUpload:O.T,showUploadList:!0,listType:"text",className:"",disabled:!1,supportServerRender:!0},k.contextTypes={antLocale:b["default"].object}},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}function i(e){return e.indexOf("changelog")>=0}Object.defineProperty(t,"__esModule",{value:!0});var a=n(1926),s=o(a),u=n(322),l=o(u),c=n(62),f=o(c),p=n(1925),d=o(p),h=n(651),v=o(h),m=n(312),y=o(m),g=n(46),b=r(g);t["default"]=(0,v["default"])(function(){var e=(0,d["default"])(s["default"].mark(function t(e){var n,r,o,a,u,c,p,d,h,v;return s["default"].wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(n=e.location.pathname,r=n.replace("-cn","").split("/"),o=i(n)?e.data.changelog.CHANGELOG:e.utils.get(e.data,r)){t.next=5;break}throw 404;case 5:if(a=b.isZhCN(n)?"zh-CN":"en-US",u="function"==typeof o?o():(o[a]||o.index[a]||o.index)(),c=e.utils.get(e.data,[].concat((0,f["default"])(r),["demo"])),!c){t.next=16;break}return t.next=11,Promise.all([u,c()]);case 11:return p=t.sent,d=(0,l["default"])(p,2),h=d[0],v=d[1],t.abrupt("return",{localizedPageData:h,demos:v});case 16:return t.next=18,u;case 18:return t.t0=t.sent,t.abrupt("return",{localizedPageData:t.t0});case 20:case"end":return t.stop()}},t,void 0)}));return function(t){return e.apply(this,arguments)}}())(y["default"]),e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){return"\n    html, body{\n      height: auto;\n    }\n    .page-wrapper {\n      background: #fff;\n    }\n    .main-wrapper {\n      background: transparent;\n      width: auto;\n      margin: 0;\n      border-radius: 0;\n      padding: 0;\n      min-height: 600px;\n    }\n    #header {\n      position: fixed;\n      z-index: 999;\n      background: rgba(0, 0, 0, 0.25);\n      border-bottom: 1px solid transparent;\n      transition: border .5s cubic-bezier(0.455, 0.03, 0.515, 0.955), background .5s cubic-bezier(0.455, 0.03, 0.515, 0.955);\n    }\n    #header .ant-select-selection,\n    #header .ant-menu {\n      background: transparent;\n    }\n    #header .ant-select-search__field {\n      color: #eee;\n    }\n    #header .ant-select-selection__placeholder {\n      color: rgba(255,255,255,0.57);\n    }\n    #header.home-nav-white .ant-select-search__field {\n      color: rgba(0, 0, 0, 0.65);\n    }\n    #header.home-nav-white .ant-select-selection__placeholder {\n      color: rgb(204, 204, 204);\n    }\n    #header.home-nav-white {\n      background: rgba(255, 255, 255, 0.91);\n      border-bottom-color: #ebedee;\n    }\n    .home-nav-white #search-box {\n      border-left-color: #ebedee;\n    }\n    .home-nav-white #nav a {\n      color: rgba(0, 0, 0, 0.65);\n    }\n    .home-nav-white .lang:not(:hover) {\n      color: rgba(0, 0, 0, 0.65);\n      border-color: rgba(0, 0, 0, 0.65);\n    }\n    .home-nav-white .version > .ant-select-selection {\n      color: rgba(0, 0, 0, 0.65);\n    }\n    .home-nav-white .version > .ant-select-selection:not(:hover) {\n      border-color: rgba(0, 0, 0, 0.65);\n    }\n    .nav-phone-icon:before {\n      background: #eee;\n      box-shadow: 0 7px 0 0 #eee, 0 14px 0 0 #eee;\n    }\n    .home-nav-white .nav-phone-icon:before {\n      background: #777;\n      box-shadow: 0 7px 0 0 #777, 0 14px 0 0 #777;\n    }\n    .lang,\n    .version > .ant-select-selection,\n    #nav a {\n      color: #eee;\n      transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);\n    }\n    #search-box {\n      border-left-color: rgba(235, 237, 238, .5);\n      transition: border 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);\n    }\n    #footer {\n      background: #000;\n    }\n    #footer,\n    #footer h2 {\n      color: #999;\n    }\n    #footer a {\n      color: #eee;\n    }\n  "}function i(e){return s["default"].createElement(c["default"],{title:"Ant Design - "+e.intl.formatMessage({id:"app.home.slogan"})},s["default"].createElement("div",{className:"main-wrapper"},s["default"].createElement(p["default"],e),s["default"].createElement(h["default"],e),s["default"].createElement(m["default"],e),s["default"].createElement(g["default"],e),s["default"].createElement(_["default"],e),s["default"].createElement("style",{dangerouslySetInnerHTML:{__html:o()}})))}Object.defineProperty(t,"__esModule",{value:!0});var a=n(1),s=r(a),u=n(50),l=n(251),c=r(l),f=n(313),p=r(f),d=n(314),h=r(d),v=n(315),m=r(v),y=n(316),g=r(y),b=n(317),_=r(b);t["default"]=(0,u.injectIntl)(i),e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var i,a,s=n(9),u=o(s),l=n(70),c=o(l),f=n(4),p=o(f),d=n(7),h=o(d),v=n(6),m=o(v),y=n(1),g=o(y),b=n(2),_=o(b),w=n(12),x=o(w),C=n(50),E=n(3),S=n(303),P=o(S),O=n(320),T=o(O),k=n(319),M=o(k),N=n(1910),A=o(N),D=n(1913),j=o(D),R=n(46),I=r(R);"undefined"!=typeof window&&(n(1912),window.react=g["default"],window["react-dom"]=_["default"],window.antd=n(3));var L=(a=i=function(e){function t(n){(0,p["default"])(this,t);var r=(0,h["default"])(this,e.call(this,n));r.onEnterChange=function(e){r.setState({isFirstScreen:"enter"===e})};var o=n.location.pathname,i=I.isZhCN(o)?j["default"]:A["default"];return(0,C.addLocaleData)(i.data),r.state={isFirstScreen:!0,appLocale:i},r}return(0,m["default"])(t,e),t.prototype.componentDidMount=function(){"undefined"!=typeof window.ga&&this.context.router.listen(function(e){window.ga("send","pageview",e.pathname+e.search)});var e=document.getElementById("nprogress-style");e&&(this.timer=setTimeout(function(){e.parentNode.removeChild(e)},0))},t.prototype.componentWillUnmount=function(){clearTimeout(this.timer)},t.prototype.render=function(){var e=this.props,t=e.children,n=(0,c["default"])(e,["children"]),r=this.state,o=r.appLocale,i=r.isFirstScreen;return g["default"].createElement(C.IntlProvider,{locale:o.locale,messages:o.messages},g["default"].createElement(E.LocaleProvider,{locale:P["default"]},g["default"].createElement("div",{className:"page-wrapper"},g["default"].createElement(T["default"],(0,u["default"])({},n,{isFirstScreen:i})),(0,y.cloneElement)(t,{onEnterChange:this.onEnterChange}),g["default"].createElement(M["default"],n))))},t}(g["default"].Component),i.contextTypes={router:x["default"].object.isRequired},a);t["default"]=L,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.OptGroup=t.Option=void 0;var o=n(1935),i=r(o),a=n(1933),s=r(a),u=n(1932),l=r(u);i["default"].Option=s["default"],i["default"].OptGroup=l["default"],t.Option=s["default"],t.OptGroup=l["default"],t["default"]=i["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(70),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(12),y=r(m),g=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.className,n=e.vertical,r=e.offset,o=e.handleStyle,a=(0,s["default"])(e,["className","vertical","offset","handleStyle"]),u=n?{bottom:r+"%"}:{left:r+"%"},l=(0,i["default"])({},u,o);return v["default"].createElement("div",(0,i["default"])({},a,{className:t,style:l}))},t}(v["default"].Component);t["default"]=g,g.propTypes={className:y["default"].string,vertical:y["default"].bool,offset:y["default"].number,handleStyle:y["default"].object},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(1),s=r(a),u=function(e){var t=e.className,n=e.included,r=e.vertical,o=e.offset,a=e.length,u=e.minimumTrackStyle,l={visibility:n?"visible":"hidden"};r?(l.bottom=o+"%",l.height=a+"%"):(l.left=o+"%",l.width=a+"%");var c=(0,i["default"])({},l,u);return s["default"].createElement("div",{className:t,style:c})};t["default"]=u,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}function i(){}function a(e){var t,n;return n=t=function(e){function t(n){(0,h["default"])(this,t);var r=(0,m["default"])(this,e.call(this,n));r.onMouseDown=function(e){if(0===e.button){var t=r.props.vertical,n=R.getMousePosition(t,e);if(R.isEventFromHandle(e,r.handlesRefs)){var o=R.getHandleCenterPosition(t,e.target);r.dragOffset=n-o,n=o}else r.dragOffset=0;r.onStart(n),r.addDocumentMouseEvents(),R.pauseEvent(e)}},r.onTouchStart=function(e){if(!R.isNotTouchEvent(e)){var t=r.props.vertical,n=R.getTouchPosition(t,e);if(R.isEventFromHandle(e,r.handlesRefs)){var o=R.getHandleCenterPosition(t,e.target);r.dragOffset=n-o,n=o}else r.dragOffset=0;r.onStart(n),r.addDocumentTouchEvents(),R.pauseEvent(e)}},r.onMouseMove=function(e){if(!r.sliderRef)return void r.onEnd();var t=R.getMousePosition(r.props.vertical,e);r.onMove(e,t-r.dragOffset)},r.onTouchMove=function(e){if(R.isNotTouchEvent(e)||!r.sliderRef)return void r.onEnd();var t=R.getTouchPosition(r.props.vertical,e);r.onMove(e,t-r.dragOffset)},r.saveSlider=function(e){r.sliderRef=e};return r.handlesRefs={},r}return(0,g["default"])(t,e),t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount&&e.prototype.componentWillUnmount.call(this),this.removeDocumentEvents()},t.prototype.addDocumentTouchEvents=function(){this.onTouchMoveListener=(0,E["default"])(document,"touchmove",this.onTouchMove),this.onTouchUpListener=(0,E["default"])(document,"touchend",this.onEnd)},t.prototype.addDocumentMouseEvents=function(){this.onMouseMoveListener=(0,E["default"])(document,"mousemove",this.onMouseMove),this.onMouseUpListener=(0,E["default"])(document,"mouseup",this.onEnd)},t.prototype.removeDocumentEvents=function(){this.onTouchMoveListener&&this.onTouchMoveListener.remove(),this.onTouchUpListener&&this.onTouchUpListener.remove(),this.onMouseMoveListener&&this.onMouseMoveListener.remove(),this.onMouseUpListener&&this.onMouseUpListener.remove()},t.prototype.getSliderStart=function(){var e=this.sliderRef,t=e.getBoundingClientRect();return this.props.vertical?t.top:t.left},t.prototype.getSliderLength=function(){var e=this.sliderRef;return e?this.props.vertical?e.clientHeight:e.clientWidth:0},t.prototype.calcValue=function(e){var t=this.props,n=t.vertical,r=t.min,o=t.max,i=Math.abs(Math.max(e,0)/this.getSliderLength()),a=n?(1-i)*(o-r)+r:i*(o-r)+r;return a},t.prototype.calcValueByPos=function(e){var t=e-this.getSliderStart(),n=this.trimAlignValue(this.calcValue(t));return n},t.prototype.calcOffset=function(e){var t=this.props,n=t.min,r=t.max,o=(e-n)/(r-n);return 100*o},t.prototype.saveHandle=function(e,t){this.handlesRefs[e]=t},t.prototype.render=function(){var t,n=this.props,r=n.prefixCls,o=n.className,a=n.marks,s=n.dots,u=n.step,l=n.included,c=n.disabled,f=n.vertical,d=n.min,h=n.max,v=n.children,m=n.maximumTrackStyle,y=n.style,g=e.prototype.render.call(this),b=g.tracks,w=g.handles,x=(0,P["default"])((t={},(0,p["default"])(t,r,!0),(0,p["default"])(t,r+"-with-marks",Object.keys(a).length),(0,p["default"])(t,r+"-disabled",c),(0,p["default"])(t,r+"-vertical",f),(0,p["default"])(t,o,o),t));return _["default"].createElement("div",{ref:this.saveSlider,className:x,onTouchStart:c?i:this.onTouchStart,onMouseDown:c?i:this.onMouseDown,style:y},_["default"].createElement("div",{className:r+"-rail",style:m}),b,_["default"].createElement(k["default"],{prefixCls:r,vertical:f,marks:a,dots:s,step:u,included:l,lowerBound:this.getLowerBound(),upperBound:this.getUpperBound(),max:h,min:d}),w,_["default"].createElement(N["default"],{className:r+"-mark",vertical:f,marks:a,included:l,lowerBound:this.getLowerBound(),upperBound:this.getUpperBound(),max:h,min:d}),v)},t}(e),t.displayName="ComponentEnhancer("+e.displayName+")",t.propTypes=(0,c["default"])({},e.propTypes,{min:x["default"].number,max:x["default"].number,step:x["default"].number,marks:x["default"].object,included:x["default"].bool,className:x["default"].string,prefixCls:x["default"].string,disabled:x["default"].bool,children:x["default"].any,onBeforeChange:x["default"].func,onChange:x["default"].func,onAfterChange:x["default"].func,handle:x["default"].func,dots:x["default"].bool,vertical:x["default"].bool,style:x["default"].object,minimumTrackStyle:x["default"].object,maximumTrackStyle:x["default"].object,handleStyle:x["default"].object}),t.defaultProps=(0,c["default"])({},e.defaultProps,{prefixCls:"rc-slider",className:"",min:0,max:100,step:1,marks:{},handle:function(e){var t=e.index,n=(0,u["default"])(e,["index"]);return delete n.dragging,delete n.value,_["default"].createElement(D["default"],(0,c["default"])({},n,{key:t}))},onBeforeChange:i,onChange:i,onAfterChange:i,included:!0,disabled:!1,dots:!1,vertical:!1,minimumTrackStyle:{},maximumTrackStyle:{},handleStyle:{}}),n}Object.defineProperty(t,"__esModule",{value:!0});var s=n(70),u=o(s),l=n(9),c=o(l),f=n(10),p=o(f),d=n(4),h=o(d),v=n(7),m=o(v),y=n(6),g=o(y);t["default"]=a;var b=n(1),_=o(b),w=n(12),x=o(w),C=n(79),E=o(C),S=n(8),P=o(S),O=n(45),T=(o(O),n(1940)),k=o(T),M=n(1939),N=o(M),A=n(521),D=o(A),j=n(323),R=r(j);e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(10),i=r(o),a=n(1),s=r(a),u=n(8),l=r(u),c=s["default"].createClass({displayName:"TabPane",propTypes:{className:a.PropTypes.string,active:a.PropTypes.bool,style:a.PropTypes.any,destroyInactiveTabPane:a.PropTypes.bool,forceRender:a.PropTypes.bool,placeholder:a.PropTypes.node},getDefaultProps:function(){return{placeholder:null}},render:function(){var e,t=this.props,n=t.className,r=t.destroyInactiveTabPane,o=t.active,a=t.forceRender;this._isActived=this._isActived||o;var u=t.rootPrefixCls+"-tabpane",c=(0,l["default"])((e={},(0,i["default"])(e,u,1),(0,i["default"])(e,u+"-inactive",!o),(0,i["default"])(e,u+"-active",o),(0,i["default"])(e,n,n),e)),f=r?o:this._isActived;return s["default"].createElement("div",{style:t.style,role:"tabpanel","aria-hidden":t.active?"false":"true",className:c},f||a?t.children:t.placeholder)}});t["default"]=c,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),i=r(o),a=n(536),s=r(a),u=n(326),l=r(u),c=n(205),f=r(c),p=n(297),d=r(p),h=i["default"].createClass({displayName:"MonthCalendar",propTypes:{monthCellRender:o.PropTypes.func,dateCellRender:o.PropTypes.func},mixins:[f["default"],l["default"]],onKeyDown:function(e){var t=e.keyCode,n=e.ctrlKey||e.metaKey,r=this.state.value,o=r;switch(t){case d["default"].DOWN:o=r.clone(),o.add(3,"months");break;case d["default"].UP:o=r.clone(),o.add(-3,"months");break;case d["default"].LEFT:o=r.clone(),n?o.add(-1,"years"):o.add(-1,"months");break;case d["default"].RIGHT:o=r.clone(),n?o.add(1,"years"):o.add(1,"months");break;case d["default"].ENTER:return this.onSelect(r),e.preventDefault(),1;default:return}if(o!==r)return this.setValue(o),e.preventDefault(),1},render:function(){var e=this.props,t=i["default"].createElement(s["default"],{locale:e.locale,disabledDate:e.disabledDate,style:{position:"relative"},value:this.state.value,cellRender:e.monthCellRender,contentRender:e.monthCellContentRender,rootPrefixCls:e.prefixCls,onChange:this.setValue,onSelect:this.onSelect});return this.renderRoot({children:t})}});t["default"]=h,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(e,t){this[e]=t}Object.defineProperty(t,"__esModule",{value:!0});var a=n(1),s=r(a),u=n(2),l=r(u),c=n(1755),f=r(c),p=n(297),d=r(p),h=n(1957),v=r(h),m=n(92),y=r(m),g=s["default"].createClass({displayName:"Picker",propTypes:{animation:a.PropTypes.oneOfType([a.PropTypes.func,a.PropTypes.string]),disabled:a.PropTypes.bool,transitionName:a.PropTypes.string,onChange:a.PropTypes.func,onOpenChange:a.PropTypes.func,children:a.PropTypes.func,getCalendarContainer:a.PropTypes.func,calendar:a.PropTypes.element,style:a.PropTypes.object,open:a.PropTypes.bool,defaultOpen:a.PropTypes.bool,prefixCls:a.PropTypes.string,placement:a.PropTypes.any,value:a.PropTypes.oneOfType([a.PropTypes.object,a.PropTypes.array]),defaultValue:a.PropTypes.oneOfType([a.PropTypes.object,a.PropTypes.array]),align:a.PropTypes.object},getDefaultProps:function(){return{prefixCls:"rc-calendar-picker",style:{},align:{},placement:"bottomLeft",defaultOpen:!1,onChange:o,onOpenChange:o}},getInitialState:function(){var e=this.props,t=void 0;t="open"in e?e.open:e.defaultOpen;var n=e.value||e.defaultValue;return this.saveCalendarRef=i.bind(this,"calendarInstance"),{open:t,value:n}},componentWillReceiveProps:function(e){var t=e.value,n=e.open;"value"in e&&this.setState({value:t}),void 0!==n&&this.setState({open:n})},componentDidUpdate:function(e,t){!t.open&&this.state.open&&this.focusCalendar()},onCalendarKeyDown:function(e){e.keyCode===d["default"].ESC&&(e.stopPropagation(),this.close(this.focus))},onCalendarSelect:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.props;"value"in n||this.setState({value:e}),("keyboard"===t.source||!n.calendar.props.timePicker&&"dateInput"!==t.source||"todayButton"===t.source)&&this.close(this.focus),n.onChange(e)},onKeyDown:function(e){e.keyCode!==d["default"].DOWN||this.state.open||(this.open(),e.preventDefault())},onCalendarOk:function(){this.close(this.focus)},onCalendarClear:function(){this.close(this.focus)},onVisibleChange:function(e){this.setOpen(e)},getCalendarElement:function(){var e=this.props,t=this.state,n=e.calendar.props,r=t.value,o=r,i={ref:this.saveCalendarRef,defaultValue:o||n.defaultValue,selectedValue:r,onKeyDown:this.onCalendarKeyDown,onOk:(0,f["default"])(n.onOk,this.onCalendarOk),onSelect:(0,f["default"])(n.onSelect,this.onCalendarSelect),onClear:(0,f["default"])(n.onClear,this.onCalendarClear)};return s["default"].cloneElement(e.calendar,i)},setOpen:function(e,t){var n=this.props.onOpenChange;this.state.open!==e&&("open"in this.props||this.setState({open:e},t),n(e))},open:function(e){this.setOpen(!0,e)},close:function(e){this.setOpen(!1,e)},focus:function(){this.state.open||l["default"].findDOMNode(this).focus()},focusCalendar:function(){this.state.open&&null!==this.calendarInstance&&this.calendarInstance.focus()},render:function(){var e=this.props,t=e.prefixCls,n=e.placement,r=e.style,o=e.getCalendarContainer,i=e.align,a=e.animation,u=e.disabled,l=e.transitionName,c=e.children,f=this.state;return s["default"].createElement(y["default"],{popup:this.getCalendarElement(),popupAlign:i,builtinPlacements:v["default"],popupPlacement:n,action:u&&!f.open?[]:["click"],destroyPopupOnHide:!0,getPopupContainer:o,popupStyle:r,popupAnimation:a,popupTransitionName:l,popupVisible:f.open,onPopupVisibleChange:this.onVisibleChange,prefixCls:t},s["default"].cloneElement(c(f,e),{onKeyDown:this.onKeyDown}))}});t["default"]=g,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=this.props.value.clone();t.add(e,"months"),this.props.onValueChange(t)}function i(e){var t=this.props.value.clone();t.add(e,"years"),this.props.onValueChange(t)}function a(e,t){return e?t:null}Object.defineProperty(t,"__esModule",{value:!0});var s=n(1),u=r(s),l=n(536),c=r(l),f=n(538),p=r(f),d=n(475),h=r(d),v=u["default"].createClass({displayName:"CalendarHeader",propTypes:{prefixCls:s.PropTypes.string,value:s.PropTypes.object,onValueChange:s.PropTypes.func,showTimePicker:s.PropTypes.bool,showMonthPanel:s.PropTypes.bool,showYearPanel:s.PropTypes.bool,onPanelChange:s.PropTypes.func,locale:s.PropTypes.object,enablePrev:s.PropTypes.any,enableNext:s.PropTypes.any,disabledMonth:s.PropTypes.func},getDefaultProps:function(){return{enableNext:1,enablePrev:1,onPanelChange:function(){},onValueChange:function(){}}},getInitialState:function(){this.nextMonth=o.bind(this,1),this.previousMonth=o.bind(this,-1),this.nextYear=i.bind(this,1),this.previousYear=i.bind(this,-1);var e=this.props,t=e.showMonthPanel,n=e.showYearPanel;return{showMonthPanel:t,showYearPanel:n}},componentWillReceiveProps:function(){var e=this.props;"showMonthpanel"in e&&this.setState({showMonthPanel:e.showMonthPanel}),"showYearpanel"in e&&this.setState({showYearPanel:e.showYearPanel})},onSelect:function(e){this.triggerPanelChange({showMonthPanel:0,showYearPanel:0}),this.props.onValueChange(e)},triggerPanelChange:function(e){"showMonthPanel"in this.props||this.setState({showMonthPanel:e.showMonthPanel}),"showYearPanel"in this.props||this.setState({showYearPanel:e.showYearPanel}),this.props.onPanelChange(e)},monthYearElement:function(e){var t=this.props,n=t.prefixCls,r=t.locale,o=t.value,i=o.localeData(),a=r.monthBeforeYear,s=n+"-"+(a?"my-select":"ym-select"),l=u["default"].createElement("a",{className:n+"-year-select",role:"button",onClick:e?null:this.showYearPanel,title:r.yearSelect},o.format(r.yearFormat)),c=u["default"].createElement("a",{className:n+"-month-select",role:"button",onClick:e?null:this.showMonthPanel,title:r.monthSelect},i.months(o)),f=void 0;e&&(f=u["default"].createElement("a",{className:n+"-day-select",role:"button"},o.format(r.dayFormat)));var p=[];return p=a?[c,f,l]:[l,c,f],u["default"].createElement("span",{className:s},(0,h["default"])(p))},showMonthPanel:function(){this.triggerPanelChange({showMonthPanel:1,showYearPanel:0})},showYearPanel:function(){this.triggerPanelChange({showMonthPanel:0,showYearPanel:1})},render:function(){var e=this.props,t=this.state,n=e.prefixCls,r=e.locale,o=e.value,i=e.showTimePicker,s=e.enableNext,l=e.enablePrev,f=e.disabledMonth,d=null;return t.showMonthPanel?d=u["default"].createElement(c["default"],{locale:r,defaultValue:o,rootPrefixCls:n,onSelect:this.onSelect,disabledDate:f}):t.showYearPanel&&(d=u["default"].createElement(p["default"],{locale:r,defaultValue:o,rootPrefixCls:n,onSelect:this.onSelect})),u["default"].createElement("div",{className:n+"-header"},u["default"].createElement("div",{style:{position:"relative"}},a(l&&!i,u["default"].createElement("a",{className:n+"-prev-year-btn",role:"button",onClick:this.previousYear,title:r.previousYear})),a(l&&!i,u["default"].createElement("a",{className:n+"-prev-month-btn",role:"button",onClick:this.previousMonth,title:r.previousMonth})),this.monthYearElement(i),a(s&&!i,u["default"].createElement("a",{className:n+"-next-month-btn",onClick:this.nextMonth,title:r.nextMonth})),a(s&&!i,u["default"].createElement("a",{className:n+"-next-year-btn",onClick:this.nextYear,title:r.nextYear}))),d)}});t["default"]=v,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=e.prefixCls,n=e.locale,r=e.okDisabled,o=e.onOk,i=t+"-ok-btn";return r&&(i+=" "+t+"-ok-btn-disabled"),a["default"].createElement("a",{className:i,role:"button",onClick:r?null:o},n.ok)}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var i=n(1),a=r(i);e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t,n=e.prefixCls,r=e.locale,o=e.showTimePicker,i=e.onOpenTimePicker,s=e.onCloseTimePicker,l=e.timePickerDisabled,f=(0,c["default"])((t={},(0,a["default"])(t,n+"-time-picker-btn",!0),(0,a["default"])(t,n+"-time-picker-btn-disabled",l),t)),p=null;return l||(p=o?s:i),u["default"].createElement("a",{className:f,role:"button",onClick:p},o?r.dateSelect:r.timeSelect)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(10),a=r(i);t["default"]=o;var s=n(1),u=r(s),l=n(8),c=r(l);e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=e.prefixCls,n=e.locale,r=e.value,o=e.timePicker,i=e.disabled,u=e.disabledDate,l=e.onToday,c=e.text,f=(!c&&o?n.now:c)||n.today,p=u&&!(0,s.isAllowedDate)((0,s.getTodayTime)(r),u),d=p||i,h=d?t+"-today-btn-disabled":"";return a["default"].createElement("a",{className:t+"-today-btn "+h,role:"button",onClick:d?null:l,title:(0,s.getTodayTimeStr)(r)},f)}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var i=n(1),a=r(i),s=n(87);e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={DATE_ROW_COUNT:6,DATE_COL_COUNT:7},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),i=r(o),a=n(2),s=r(a),u=n(25),l=r(u),c=i["default"].createClass({displayName:"DateInput",propTypes:{prefixCls:o.PropTypes.string,timePicker:o.PropTypes.object,value:o.PropTypes.object,disabledTime:o.PropTypes.any,format:o.PropTypes.string,locale:o.PropTypes.object,disabledDate:o.PropTypes.func,onChange:o.PropTypes.func,onClear:o.PropTypes.func,placeholder:o.PropTypes.string,onSelect:o.PropTypes.func,selectedValue:o.PropTypes.object},getInitialState:function(){var e=this.props.selectedValue;return{str:e&&e.format(this.props.format)||"",invalid:!1}},componentWillReceiveProps:function(e){var t=e.selectedValue;this.setState({str:t&&t.format(e.format)||"",invalid:!1})},onInputChange:function(e){var t=e.target.value;this.setState({str:t});var n=void 0,r=this.props,o=r.disabledDate,i=r.format,a=r.onChange;if(t){var s=(0,l["default"])(t,i,!0);if(!s.isValid())return void this.setState({invalid:!0});if(n=this.props.value.clone(),n.year(s.year()).month(s.month()).date(s.date()).hour(s.hour()).minute(s.minute()).second(s.second()),!n||o&&o(n))return void this.setState({invalid:!0});var u=this.props.selectedValue;u&&n?u.isSame(n)||a(n):u!==n&&a(n)}else a(null);this.setState({invalid:!1})},onClear:function(){this.setState({str:""}),this.props.onClear(null)},getRootDOMNode:function(){return s["default"].findDOMNode(this)},focus:function(){this.refs.dateInput.focus()},render:function(){var e=this.props,t=this.state,n=t.invalid,r=t.str,o=e.locale,a=e.prefixCls,s=e.placeholder,u=n?a+"-input-invalid":"";return i["default"].createElement("div",{className:a+"-input-wrap"},i["default"].createElement("div",{className:a+"-date-input-wrap"},i["default"].createElement("input",{ref:"dateInput",className:a+"-input "+u,value:r,disabled:e.disabled,placeholder:s,onChange:this.onInputChange})),e.showClear?i["default"].createElement("a",{className:a+"-clear-btn",role:"button",title:o.clear,onClick:this.onClear}):null)}});t["default"]=c,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1949),i=r(o);t["default"]=i["default"],e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={today:"Today",now:"Now",backToToday:"Back to today",ok:"Ok",clear:"Clear",month:"Month",year:"Year",timeSelect:"Select time",dateSelect:"Select date",monthSelect:"Choose a month",yearSelect:"Choose a year",decadeSelect:"Choose a decade",yearFormat:"YYYY",dateFormat:"M/D/YYYY",dayFormat:"D",dateTimeFormat:"M/D/YYYY HH:mm:ss",monthBeforeYear:!0,previousMonth:"Previous month (PageUp)",nextMonth:"Next month (PageDown)",previousYear:"Last year (Control + left)",nextYear:"Next year (Control + right)",previousDecade:"Last decade",nextDecade:"Next decade",previousCentury:"Last century",
-nextCentury:"Next century"},e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={today:"\u4eca\u5929",now:"\u6b64\u523b",backToToday:"\u8fd4\u56de\u4eca\u5929",ok:"\u786e\u5b9a",timeSelect:"\u9009\u62e9\u65f6\u95f4",dateSelect:"\u9009\u62e9\u65e5\u671f",clear:"\u6e05\u9664",month:"\u6708",year:"\u5e74",previousMonth:"\u4e0a\u4e2a\u6708 (\u7ffb\u9875\u4e0a\u952e)",nextMonth:"\u4e0b\u4e2a\u6708 (\u7ffb\u9875\u4e0b\u952e)",monthSelect:"\u9009\u62e9\u6708\u4efd",yearSelect:"\u9009\u62e9\u5e74\u4efd",decadeSelect:"\u9009\u62e9\u5e74\u4ee3",yearFormat:"YYYY\u5e74",dayFormat:"D\u65e5",dateFormat:"YYYY\u5e74M\u6708D\u65e5",dateTimeFormat:"YYYY\u5e74M\u6708D\u65e5 HH\u65f6mm\u5206ss\u79d2",previousYear:"\u4e0a\u4e00\u5e74 (Control\u952e\u52a0\u5de6\u65b9\u5411\u952e)",nextYear:"\u4e0b\u4e00\u5e74 (Control\u952e\u52a0\u53f3\u65b9\u5411\u952e)",previousDecade:"\u4e0a\u4e00\u5e74\u4ee3",nextDecade:"\u4e0b\u4e00\u5e74\u4ee3",previousCentury:"\u4e0a\u4e00\u4e16\u7eaa",nextCentury:"\u4e0b\u4e00\u4e16\u7eaa"},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=this.state.value.clone();t.add(e,"year"),this.setAndChangeValue(t)}function i(){}Object.defineProperty(t,"__esModule",{value:!0});var a=n(1),s=r(a),u=n(538),l=r(u),c=n(537),f=r(c),p=s["default"].createClass({displayName:"MonthPanel",propTypes:{onChange:a.PropTypes.func,disabledDate:a.PropTypes.func,onSelect:a.PropTypes.func},getDefaultProps:function(){return{onChange:i,onSelect:i}},getInitialState:function(){var e=this.props;return this.nextYear=o.bind(this,1),this.previousYear=o.bind(this,-1),this.prefixCls=e.rootPrefixCls+"-month-panel",{value:e.value||e.defaultValue}},componentWillReceiveProps:function(e){"value"in e&&this.setState({value:e.value})},onYearPanelSelect:function(e){this.setState({showYearPanel:0}),this.setAndChangeValue(e)},setAndChangeValue:function(e){this.setValue(e),this.props.onChange(e)},setAndSelectValue:function(e){this.setValue(e),this.props.onSelect(e)},setValue:function(e){"value"in this.props||this.setState({value:e})},showYearPanel:function(){this.setState({showYearPanel:1})},render:function(){var e=this.props,t=this.state.value,n=e.cellRender,r=e.contentRender,o=e.locale,i=t.year(),a=this.prefixCls,u=void 0;return this.state.showYearPanel&&(u=s["default"].createElement(l["default"],{locale:o,value:t,rootPrefixCls:e.rootPrefixCls,onSelect:this.onYearPanelSelect})),s["default"].createElement("div",{className:a,style:e.style},s["default"].createElement("div",null,s["default"].createElement("div",{className:a+"-header"},s["default"].createElement("a",{className:a+"-prev-year-btn",role:"button",onClick:this.previousYear,title:o.previousYear}),s["default"].createElement("a",{className:a+"-year-select",role:"button",onClick:this.showYearPanel,title:o.yearSelect},s["default"].createElement("span",{className:a+"-year-select-content"},i),s["default"].createElement("span",{className:a+"-year-select-arrow"},"x")),s["default"].createElement("a",{className:a+"-next-year-btn",role:"button",onClick:this.nextYear,title:o.nextYear})),s["default"].createElement("div",{className:a+"-body"},s["default"].createElement(f["default"],{disabledDate:e.disabledDate,onSelect:this.setAndSelectValue,locale:o,value:t,cellRender:n,contentRender:r,prefixCls:a}))),u)}});t["default"]=p,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=this.state.value.clone();t.month(e),this.setAndSelectValue(t)}function i(){}Object.defineProperty(t,"__esModule",{value:!0});var a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(8),y=r(m),g=n(87),b=4,_=3,w=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n));return r.state={value:n.value},r}return(0,d["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){"value"in e&&this.setState({value:e.value})},t.prototype.setAndSelectValue=function(e){this.setState({value:e}),this.props.onSelect(e)},t.prototype.months=function n(){for(var e=this.state.value,t=e.clone(),n=[],r=0,o=0;o<b;o++){n[o]=[];for(var i=0;i<_;i++){t.month(r);var a=(0,g.getMonthName)(t);n[o][i]={value:r,content:a,title:a},r++}}return n},t.prototype.render=function(){var e=this,t=this.props,n=this.state.value,r=(0,g.getTodayTime)(n),i=this.months(),a=n.month(),u=t.prefixCls,l=t.locale,c=t.contentRender,f=t.cellRender,p=i.map(function(i,p){var d=i.map(function(i){var p,d=!1;if(t.disabledDate){var h=n.clone();h.month(i.value),d=t.disabledDate(h)}var m=(p={},(0,s["default"])(p,u+"-cell",1),(0,s["default"])(p,u+"-cell-disabled",d),(0,s["default"])(p,u+"-selected-cell",i.value===a),(0,s["default"])(p,u+"-current-cell",r.year()===n.year()&&i.value===r.month()),p),g=void 0;if(f){var b=n.clone();b.month(i.value),g=f(b,l)}else{var _=void 0;if(c){var w=n.clone();w.month(i.value),_=c(w,l)}else _=i.content;g=v["default"].createElement("a",{className:u+"-month"},_)}return v["default"].createElement("td",{role:"gridcell",key:i.value,onClick:d?null:o.bind(e,i.value),title:i.title,className:(0,y["default"])(m)},g)});return v["default"].createElement("tr",{key:p,role:"row"},d)});return v["default"].createElement("table",{className:u+"-table",cellSpacing:"0",role:"grid"},v["default"].createElement("tbody",{className:u+"-tbody"},p))},t}(h.Component);w.defaultProps={onSelect:i},w.propTypes={onSelect:h.PropTypes.func,cellRender:h.PropTypes.func,prefixCls:h.PropTypes.string,value:h.PropTypes.object},t["default"]=w,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=this.state.value.clone();t.add(e,"year"),this.setState({value:t})}function i(e){var t=this.state.value.clone();t.year(e),t.month(this.state.value.month()),this.props.onSelect(t)}Object.defineProperty(t,"__esModule",{value:!0});var a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(8),y=r(m),g=n(1955),b=r(g),_=4,w=3,x=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n));return r.prefixCls=n.rootPrefixCls+"-year-panel",r.state={value:n.value||n.defaultValue},r.nextDecade=o.bind(r,10),r.previousDecade=o.bind(r,-10),["showDecadePanel","onDecadePanelSelect"].forEach(function(e){r[e]=r[e].bind(r)}),r}return(0,d["default"])(t,e),t.prototype.onDecadePanelSelect=function(e){this.setState({value:e,showDecadePanel:0})},t.prototype.years=function n(){for(var e=this.state.value,t=e.year(),r=10*parseInt(t/10,10),o=r-1,n=[],i=0,a=0;a<_;a++){n[a]=[];for(var s=0;s<w;s++){var u=o+i,l=String(u);n[a][s]={content:l,year:u,title:l},i++}}return n},t.prototype.showDecadePanel=function(){this.setState({showDecadePanel:1})},t.prototype.render=function(){var e=this,t=this.props,n=this.state.value,r=t.locale,o=this.years(),a=n.year(),u=10*parseInt(a/10,10),l=u+9,c=this.prefixCls,f=o.map(function(t,n){var r=t.map(function(t){var n,r=(n={},(0,s["default"])(n,c+"-cell",1),(0,s["default"])(n,c+"-selected-cell",t.year===a),(0,s["default"])(n,c+"-last-decade-cell",t.year<u),(0,s["default"])(n,c+"-next-decade-cell",t.year>l),n),o=void 0;return o=t.year<u?e.previousDecade:t.year>l?e.nextDecade:i.bind(e,t.year),v["default"].createElement("td",{role:"gridcell",title:t.title,key:t.content,onClick:o,className:(0,y["default"])(r)},v["default"].createElement("a",{className:c+"-year"},t.content))});return v["default"].createElement("tr",{key:n,role:"row"},r)}),p=void 0;return this.state.showDecadePanel&&(p=v["default"].createElement(b["default"],{locale:r,value:n,rootPrefixCls:t.rootPrefixCls,onSelect:this.onDecadePanelSelect})),v["default"].createElement("div",{className:this.prefixCls},v["default"].createElement("div",null,v["default"].createElement("div",{className:c+"-header"},v["default"].createElement("a",{className:c+"-prev-decade-btn",role:"button",onClick:this.previousDecade,title:r.previousDecade}),v["default"].createElement("a",{className:c+"-decade-select",role:"button",onClick:this.showDecadePanel,title:r.decadeSelect},v["default"].createElement("span",{className:c+"-decade-select-content"},u,"-",l),v["default"].createElement("span",{className:c+"-decade-select-arrow"},"x")),v["default"].createElement("a",{className:c+"-next-decade-btn",role:"button",onClick:this.nextDecade,title:r.nextDecade})),v["default"].createElement("div",{className:c+"-body"},v["default"].createElement("table",{className:c+"-table",cellSpacing:"0",role:"grid"},v["default"].createElement("tbody",{className:c+"-tbody"},f)))),p)},t}(v["default"].Component);t["default"]=x,x.propTypes={rootPrefixCls:h.PropTypes.string,value:h.PropTypes.object,defaultValue:h.PropTypes.object},x.defaultProps={onSelect:function(){}},e.exports=t["default"]},function(e,t,n){function r(e){return n(o(e))}function o(e){return i[e]||function(){throw new Error("Cannot find module '"+e+"'.")}()}var i={"./affix/style/index.tsx":1787,"./alert/style/index.tsx":1789,"./anchor/style/index.tsx":1792,"./auto-complete/style/index.tsx":1795,"./back-top/style/index.tsx":1797,"./badge/style/index.tsx":1800,"./breadcrumb/style/index.tsx":1803,"./button/style/index.tsx":153,"./calendar/style/index.tsx":1809,"./card/style/index.tsx":1811,"./carousel/style/index.tsx":1812,"./cascader/style/index.tsx":1814,"./checkbox/style/index.tsx":154,"./col/style/index.tsx":1816,"./collapse/style/index.tsx":1818,"./date-picker/style/index.tsx":1823,"./dropdown/style/index.tsx":493,"./form/style/index.tsx":1829,"./grid/style/index.tsx":496,"./icon/style/index.tsx":1832,"./input-number/style/index.tsx":1835,"./input/style/index.tsx":107,"./layout/style/index.tsx":1842,"./locale-provider/style/index.tsx":1844,"./mention/style/index.tsx":1846,"./menu/style/index.tsx":1847,"./message/style/index.tsx":1849,"./modal/style/index.tsx":1852,"./notification/style/index.tsx":1854,"./pagination/style/index.tsx":503,"./popconfirm/style/index.tsx":1858,"./popover/style/index.tsx":504,"./progress/style/index.tsx":506,"./radio/style/index.tsx":305,"./rate/style/index.tsx":1864,"./row/style/index.tsx":1865,"./select/style/index.tsx":157,"./slider/style/index.tsx":1867,"./spin/style/index.tsx":509,"./steps/style/index.tsx":1869,"./switch/style/index.tsx":1871,"./table/style/index.tsx":1880,"./tabs/style/index.tsx":1883,"./tag/style/index.tsx":1886,"./time-picker/style/index.tsx":513,"./timeline/style/index.tsx":1890,"./tooltip/style/index.tsx":306,"./transfer/style/index.tsx":1896,"./tree-select/style/index.tsx":1899,"./tree/style/index.tsx":1901,"./upload/style/index.tsx":1906,"./version/style/index.tsx":1909};r.keys=function(){return Object.keys(i)},r.resolve=o,e.exports=r,r.id=539},function(e,t,n){(function(e){function n(e,t){for(var n=0,r=e.length-1;r>=0;r--){var o=e[r];"."===o?e.splice(r,1):".."===o?(e.splice(r,1),n++):n&&(e.splice(r,1),n--)}if(t)for(;n--;n)e.unshift("..");return e}function r(e,t){if(e.filter)return e.filter(t);for(var n=[],r=0;r<e.length;r++)t(e[r],r,e)&&n.push(e[r]);return n}var o=/^(\/?|)([\s\S]*?)((?:\.{1,2}|[^\/]+?|)(\.[^.\/]*|))(?:[\/]*)$/,i=function(e){return o.exec(e).slice(1)};t.resolve=function(){for(var t="",o=!1,i=arguments.length-1;i>=-1&&!o;i--){var a=i>=0?arguments[i]:e.cwd();if("string"!=typeof a)throw new TypeError("Arguments to path.resolve must be strings");a&&(t=a+"/"+t,o="/"===a.charAt(0))}return t=n(r(t.split("/"),function(e){return!!e}),!o).join("/"),(o?"/":"")+t||"."},t.normalize=function(e){var o=t.isAbsolute(e),i="/"===a(e,-1);return e=n(r(e.split("/"),function(e){return!!e}),!o).join("/"),e||o||(e="."),e&&i&&(e+="/"),(o?"/":"")+e},t.isAbsolute=function(e){return"/"===e.charAt(0)},t.join=function(){var e=Array.prototype.slice.call(arguments,0);return t.normalize(r(e,function(e,t){if("string"!=typeof e)throw new TypeError("Arguments to path.join must be strings");return e}).join("/"))},t.relative=function(e,n){function r(e){for(var t=0;t<e.length&&""===e[t];t++);for(var n=e.length-1;n>=0&&""===e[n];n--);return t>n?[]:e.slice(t,n-t+1)}e=t.resolve(e).substr(1),n=t.resolve(n).substr(1);for(var o=r(e.split("/")),i=r(n.split("/")),a=Math.min(o.length,i.length),s=a,u=0;u<a;u++)if(o[u]!==i[u]){s=u;break}for(var l=[],u=s;u<o.length;u++)l.push("..");return l=l.concat(i.slice(s)),l.join("/")},t.sep="/",t.delimiter=":",t.dirname=function(e){var t=i(e),n=t[0],r=t[1];return n||r?(r&&(r=r.substr(0,r.length-1)),n+r):"."},t.basename=function(e,t){var n=i(e)[2];return t&&n.substr(-1*t.length)===t&&(n=n.substr(0,n.length-t.length)),n},t.extname=function(e){return i(e)[3]};var a="b"==="ab".substr(-1)?function(e,t,n){return e.substr(t,n)}:function(e,t,n){return t<0&&(t=e.length+t),e.substr(t,n)}}).call(t,n(89))},function(e,t,n){var r,o;!function(i,a){r=a,o="function"==typeof r?r.call(t,n,t,e):r,!(void 0!==o&&(e.exports=o))}(this,function(){function e(e,t){return function(n,r,o,i){n[e]?n[e](r,o,i):n[t]&&n[t]("on"+r,o)}}return{add:e("addEventListener","attachEvent"),remove:e("removeEventListener","detachEvent")}})},function(e,t){var n=!("undefined"==typeof window||!window.document||!window.document.createElement);e.exports=n},function(e,t){"use strict";function n(e,t){if("undefined"!=typeof XDomainRequest)return t(null),null;var n=new XMLHttpRequest;return n.onreadystatechange=function(){n.readyState===XMLHttpRequest.DONE&&200===n.status&&t(JSON.parse(n.responseText))},n.open("GET",e,!0),n.send(),n}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=n,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(t,"__esModule",{value:!0});var s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u=n(1),l=o(u),c=n(543),f=o(c),p=n(545),d=r(p),h={stargazers:"Star",watchers:"Watch",forks:"Fork"},v={forks:"network"};t["default"]=l["default"].createClass({displayName:"GitHubButton",propTypes:{className:u.PropTypes.string,type:u.PropTypes.oneOf(["stargazers","watchers","forks"]).isRequired,namespace:u.PropTypes.string.isRequired,repo:u.PropTypes.string.isRequired,size:u.PropTypes.oneOf(["large"])},getInitialState:function(){return{count:null}},componentDidMount:function(){this.xhr=(0,f["default"])(this.getRequestUrl(),this.setCount)},componentWillUnmount:function(){this.xhr&&this.xhr.abort()},setCount:function(e){if(e){var t=e[this.props.type+"_count"];this.setState({count:t})}},getRequestUrl:function(){var e=this.props,t=e.namespace,n=e.repo;return"//api.github.com/repos/"+t+"/"+n},getRepoUrl:function(){var e=this.props,t=e.namespace,n=e.repo;return"//github.com/"+t+"/"+n+"/"},getCountUrl:function(){var e=this.props,t=e.namespace,n=e.repo,r=e.type;return"//github.com/"+t+"/"+n+"/"+(v[r]||r)+"/"},getCountStyle:function(){var e=this.state.count;return null!==e?{display:"block"}:null},render:function(){var e=this.props,t=e.className,n=e.type,r=e.size,o=a(e,["className","type","size"]);delete o.namespace,delete o.repo;var u=this.state.count,c=d.classNames(i({"github-btn":!0,"github-btn-large":"large"===r},t,t));return l["default"].createElement("span",s({},o,{className:c}),l["default"].createElement("a",{className:"gh-btn",href:this.getRepoUrl(),target:"_blank"},l["default"].createElement("span",{className:"gh-ico","aria-hidden":"true"}),l["default"].createElement("span",{className:"gh-text"},h[n])),l["default"].createElement("a",{className:"gh-count",target:"_blank",href:this.getCountUrl(),style:this.getCountStyle()},u))}}),e.exports=t["default"]},function(e,t){"use strict";function n(e){return Object.keys(e).filter(function(t){return e[t]}).join(" ")}Object.defineProperty(t,"__esModule",{value:!0}),t.classNames=n},function(e,t,n){"use strict";var r=n(132),o=n(55),i=n(88),a=n(35),s=n(20),u=n(22),l=n(63),c=u.List,f=u.Repeat,p={insertAtomicBlock:function(e,t,n){var u=e.getCurrentContent(),p=e.getSelection(),d=a.removeRange(u,p,"backward"),h=d.getSelectionAfter(),v=a.splitBlock(d,h),m=v.getSelectionAfter(),y=a.setBlockType(v,m,"atomic"),g=o.create({entity:t}),b=[new i({key:l(),type:"atomic",text:n,characterList:c(f(g,n.length))}),new i({key:l(),type:"unstyled",text:"",characterList:c()})],_=r.createFromArray(b),w=a.replaceWithFragment(y,m,_),x=w.merge({selectionBefore:p,selectionAfter:w.getSelectionAfter().set("hasFocus",!0)});return s.push(e,x,"insert-fragment")}};e.exports=p},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t,n){for(var r=t;r<n;r++)if(null!=e[r])return!1;return!0}function i(e,t,n,r){for(var o=t;o<n;o++)e[o]=r}var a=n(22),s=a.List,u=".",l=function(){function e(t){r(this,e),this._decorators=t.slice()}return e.prototype.getDecorations=function(e,t){var n=Array(e.getText().length).fill(null);return this._decorators.forEach(function(r,a){var s=0,l=r.strategy,c=function(e,t){o(n,e,t)&&(i(n,e,t,a+u+s),s++)};l(e,c,t)}),s(n)},e.prototype.getComponentForKey=function(e){var t=parseInt(e.split(u)[0],10);return this._decorators[t].component},e.prototype.getPropsForKey=function(e){var t=parseInt(e.split(u)[0],10);return this._decorators[t].props},e}();e.exports=l},function(e,t,n){"use strict";function r(e,t,n,r){var i=e.getBlockMap(),s=t.getStartKey(),u=t.getStartOffset(),l=t.getEndKey(),c=t.getEndOffset(),f=i.skipUntil(function(e,t){return t===s}).takeUntil(function(e,t){return t===l}).concat(a([[l,i.get(l)]])).map(function(e,t){var i,a;s===l?(i=u,a=c):(i=t===s?u:0,a=t===l?c:e.getLength());for(var f,p=e.getCharacterList();i<a;)f=p.get(i),p=p.set(i,r?o.applyStyle(f,n):o.removeStyle(f,n)),i++;return e.set("characterList",p)});return e.merge({blockMap:i.merge(f),selectionBefore:t,selectionAfter:t})}var o=n(55),i=n(22),a=i.Map,s={add:function(e,t,n){return r(e,t,n,!0)},remove:function(e,t,n){return r(e,t,n,!1)}};e.exports=s},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a=n(11),s=a||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u=n(206),l=n(329),c=n(550),f=n(551),p=n(552),d=n(553),h=n(555),v=n(20),m=n(1),y=n(2),g=n(368),b=n(220),_=n(64),w=n(136),x=n(33),C=n(63),E=n(335),S=n(49),P=n(223),O=_.isBrowser("IE"),T=!O,k={edit:d,composite:c,drag:p,cut:null,render:null},M=function(e){function t(n){r(this,t);var i=o(this,e.call(this,n));return i._blockSelectEvents=!1,i._clipboard=null,i._handler=null,i._dragCount=0,i._editorKey=C(),i._placeholderAccessibilityID="placeholder-"+i._editorKey,i._latestEditorState=n.editorState,i._onBeforeInput=i._buildHandler("onBeforeInput"),i._onBlur=i._buildHandler("onBlur"),i._onCharacterData=i._buildHandler("onCharacterData"),i._onCompositionEnd=i._buildHandler("onCompositionEnd"),i._onCompositionStart=i._buildHandler("onCompositionStart"),i._onCopy=i._buildHandler("onCopy"),i._onCut=i._buildHandler("onCut"),i._onDragEnd=i._buildHandler("onDragEnd"),i._onDragOver=i._buildHandler("onDragOver"),i._onDragStart=i._buildHandler("onDragStart"),i._onDrop=i._buildHandler("onDrop"),i._onInput=i._buildHandler("onInput"),i._onFocus=i._buildHandler("onFocus"),i._onKeyDown=i._buildHandler("onKeyDown"),i._onKeyPress=i._buildHandler("onKeyPress"),i._onKeyUp=i._buildHandler("onKeyUp"),i._onMouseDown=i._buildHandler("onMouseDown"),i._onMouseUp=i._buildHandler("onMouseUp"),i._onPaste=i._buildHandler("onPaste"),i._onSelect=i._buildHandler("onSelect"),i.focus=i._focus.bind(i),i.blur=i._blur.bind(i),i.setMode=i._setMode.bind(i),i.exitCurrentMode=i._exitCurrentMode.bind(i),i.restoreEditorDOM=i._restoreEditorDOM.bind(i),i.setClipboard=i._setClipboard.bind(i),i.getClipboard=i._getClipboard.bind(i),i.getEditorKey=function(){return i._editorKey},i.update=i._update.bind(i),i.onDragEnter=i._onDragEnter.bind(i),i.onDragLeave=i._onDragLeave.bind(i),i.state={containerKey:0},i}return i(t,e),t.prototype._buildHandler=function(e){var t=this;return function(n){if(!t.props.readOnly){var r=t._handler&&t._handler[e];r&&r(t,n)}}},t.prototype._showPlaceholder=function(){return!!this.props.placeholder&&!this.props.editorState.isInCompositionMode()&&!this.props.editorState.getCurrentContent().hasText()},t.prototype._renderPlaceholder=function(){return this._showPlaceholder()?m.createElement(h,{text:S(this.props.placeholder),editorState:this.props.editorState,textAlignment:this.props.textAlignment,accessibilityID:this._placeholderAccessibilityID}):null},t.prototype.render=function(){var e=this.props,t=e.readOnly,n=e.textAlignment,r=w({"DraftEditor/root":!0,"DraftEditor/alignLeft":"left"===n,"DraftEditor/alignRight":"right"===n,"DraftEditor/alignCenter":"center"===n}),o={outline:"none",whiteSpace:"pre-wrap",wordWrap:"break-word"};return m.createElement("div",{className:r},this._renderPlaceholder(),m.createElement("div",{className:w("DraftEditor/editorContainer"),key:"editor"+this.state.containerKey,ref:"editorContainer"},m.createElement("div",{"aria-activedescendant":t?null:this.props.ariaActiveDescendantID,"aria-autocomplete":t?null:this.props.ariaAutoComplete,"aria-describedby":this._showPlaceholder()?this._placeholderAccessibilityID:null,"aria-expanded":t?null:this.props.ariaExpanded,"aria-haspopup":t?null:this.props.ariaHasPopup,"aria-label":this.props.ariaLabel,"aria-owns":t?null:this.props.ariaOwneeID,className:w("public/DraftEditor/content"),contentEditable:!t,"data-testid":this.props.webDriverTestID,onBeforeInput:this._onBeforeInput,onBlur:this._onBlur,onCompositionEnd:this._onCompositionEnd,onCompositionStart:this._onCompositionStart,onCopy:this._onCopy,onCut:this._onCut,onDragEnd:this._onDragEnd,onDragEnter:this.onDragEnter,onDragLeave:this.onDragLeave,onDragOver:this._onDragOver,onDragStart:this._onDragStart,onDrop:this._onDrop,onFocus:this._onFocus,onInput:this._onInput,onKeyDown:this._onKeyDown,onKeyPress:this._onKeyPress,onKeyUp:this._onKeyUp,onMouseUp:this._onMouseUp,onPaste:this._onPaste,onSelect:this._onSelect,ref:"editor",role:t?null:this.props.role||"textbox",spellCheck:T&&this.props.spellCheck,style:o,suppressContentEditableWarning:!0,tabIndex:this.props.tabIndex},m.createElement(f,{blockRenderMap:this.props.blockRenderMap,blockRendererFn:this.props.blockRendererFn,blockStyleFn:this.props.blockStyleFn,customStyleMap:s({},l,this.props.customStyleMap),customStyleFn:this.props.customStyleFn,editorKey:this._editorKey,editorState:this.props.editorState}))))},t.prototype.componentDidMount=function(){this.setMode("edit"),O&&document.execCommand("AutoUrlDetect",!1,!1)},t.prototype.componentWillUpdate=function(e){this._blockSelectEvents=!0,this._latestEditorState=e.editorState},t.prototype.componentDidUpdate=function(){this._blockSelectEvents=!1},t.prototype._focus=function(e){var t=this.props.editorState,n=t.getSelection().getHasFocus(),r=y.findDOMNode(this.refs.editor),o=b.getScrollParent(r),i=e||P(o),a=i.x,s=i.y;r.focus(),o===window?window.scrollTo(a,s):g.setTop(o,s),n||this.update(v.forceSelection(t,t.getSelection()))},t.prototype._blur=function(){y.findDOMNode(this.refs.editor).blur()},t.prototype._setMode=function(e){this._handler=k[e]},t.prototype._exitCurrentMode=function(){this.setMode("edit")},t.prototype._restoreEditorDOM=function(e){var t=this;this.setState({containerKey:this.state.containerKey+1},function(){t._focus(e)})},t.prototype._setClipboard=function(e){this._clipboard=e},t.prototype._getClipboard=function(){return this._clipboard},t.prototype._update=function(e){this._latestEditorState=e,this.props.onChange(e)},t.prototype._onDragEnter=function(){this._dragCount++},t.prototype._onDragLeave=function(){this._dragCount--,0===this._dragCount&&this.exitCurrentMode()},t}(m.Component);M.defaultProps={blockRenderMap:u,blockRendererFn:x.thatReturnsNull,blockStyleFn:x.thatReturns(""),keyBindingFn:E,readOnly:!1,spellCheck:!1,stripPastedStyles:!1},e.exports=M},function(e,t,n){"use strict";var r=n(35),o=n(20),i=n(219),a=n(209),s=n(344),u=20,l=!1,c=!1,f="",p={onBeforeInput:function(e,t){f=(f||"")+t.data},onCompositionStart:function(e){c=!0},onCompositionEnd:function(e){l=!1,c=!1,setTimeout(function(){l||p.resolveComposition(e)},u)},onKeyDown:function(e,t){return c?void(t.which!==i.RIGHT&&t.which!==i.LEFT||t.preventDefault()):(p.resolveComposition(e),void e._onKeyDown(t))},onKeyPress:function(e,t){t.which===i.RETURN&&t.preventDefault()},resolveComposition:function(e){if(!c){l=!0;var t=f;f="";var n=o.set(e._latestEditorState,{inCompositionMode:!1}),i=n.getCurrentInlineStyle(),u=a(n.getCurrentContent(),n.getSelection()),p=!t||s(n)||i.size>0||null!==u;if(p&&e.restoreEditorDOM(),e.exitCurrentMode(),t){var d=r.replaceText(n.getCurrentContent(),n.getSelection(),t,i,u);return void e.update(o.push(n,d,"insert-characters"))}p&&e.update(o.set(n,{nativelyRenderedContent:null,forceSelection:!0}))}}};e.exports=p},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function a(e,t,n,r){return p({"public/DraftStyleDefault/unorderedListItem":"unordered-list-item"===e,"public/DraftStyleDefault/orderedListItem":"ordered-list-item"===e,"public/DraftStyleDefault/reset":n,"public/DraftStyleDefault/depth0":0===t,"public/DraftStyleDefault/depth1":1===t,"public/DraftStyleDefault/depth2":2===t,"public/DraftStyleDefault/depth3":3===t,"public/DraftStyleDefault/depth4":4===t,"public/DraftStyleDefault/listLTR":"LTR"===r,"public/DraftStyleDefault/listRTL":"RTL"===r})}var s=n(11),u=s||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l=n(330),c=n(133),f=(n(20),n(1)),p=n(136),d=n(1236),h=n(49),v=function(e){function t(){return r(this,t),o(this,e.apply(this,arguments))}return i(t,e),t.prototype.shouldComponentUpdate=function(e){var t=this.props.editorState,n=e.editorState,r=t.getDirectionMap(),o=n.getDirectionMap();if(r!==o)return!0;var i=t.getSelection().getHasFocus(),a=n.getSelection().getHasFocus();if(i!==a)return!0;var s=n.getNativelyRenderedContent(),u=t.isInCompositionMode(),l=n.isInCompositionMode();if(t===n||null!==s&&n.getCurrentContent()===s||u&&l)return!1;var c=t.getCurrentContent(),f=n.getCurrentContent(),p=t.getDecorator(),d=n.getDecorator();return u!==l||c!==f||p!==d||n.mustForceSelection()},t.prototype.render=function(){for(var e=this.props,t=e.blockRenderMap,n=e.blockRendererFn,r=e.customStyleMap,o=e.customStyleFn,i=e.editorState,s=i.getCurrentContent(),p=i.getSelection(),v=i.mustForceSelection(),m=i.getDecorator(),y=h(i.getDirectionMap()),g=s.getBlocksAsArray(),b=[],_=null,w=null,x=0;x<g.length;x++){var C=g[x],E=C.getKey(),S=C.getType(),P=n(C),O=void 0,T=void 0,k=void 0;P&&(O=P.component,T=P.props,k=P.editable);var M=y.get(E),N=c.encode(E,0,0),A={contentState:s,block:C,blockProps:T,customStyleMap:r,customStyleFn:o,decorator:m,direction:M,forceSelection:v,key:E,offsetKey:N,selection:p,tree:i.getBlockTree(E)},D=t.get(S),j=D.wrapper,R=D.element||t.get("unstyled").element,I=C.getDepth(),L=this.props.blockStyleFn(C);if("li"===R){var F=w!==j||null===_||I>_;L=d(L,a(S,I,F,M))}var U=O||l,V={className:L,"data-block":!0,"data-editor":this.props.editorKey,"data-offset-key":N,key:E};void 0!==k&&(V=u({},V,{contentEditable:k,suppressContentEditableWarning:!0}));var B=f.createElement(R,V,f.createElement(U,A));b.push({block:B,wrapperTemplate:j,key:E,offsetKey:N}),_=j?C.getDepth():null,w=j}for(var z=[],H=0;H<b.length;){var K=b[H];if(K.wrapperTemplate){var W=[];do W.push(b[H].block),H++;while(H<b.length&&b[H].wrapperTemplate===K.wrapperTemplate);var q=f.cloneElement(K.wrapperTemplate,{key:K.key+"-wrap","data-offset-key":K.offsetKey},W);z.push(q)}else z.push(K.block),H++}return f.createElement("div",{"data-contents":"true"},z)},t}(f.Component);e.exports=v},function(e,t,n){"use strict";function r(e,t){var n=null,r=null;if("function"==typeof document.caretRangeFromPoint){var o=document.caretRangeFromPoint(e.x,e.y);n=o.startContainer,r=o.startOffset}else{if(!e.rangeParent)return null;n=e.rangeParent,r=e.rangeOffset}n=p(n),r=p(r);var i=p(l(n));return f(t,i,r,i,r)}function o(e,t){var n=s.moveText(e.getCurrentContent(),e.getSelection(),t);return u.push(e,n,"insert-fragment")}function i(e,t,n){var r=s.insertText(e.getCurrentContent(),t,n,e.getCurrentInlineStyle());return u.push(e,r,"insert-fragment")}var a=n(366),s=n(35),u=n(20),l=n(208),c=n(341),f=n(342),p=n(49),d=n(164),h={onDragEnd:function(e){e.exitCurrentMode()},onDrop:function(e,t){var n=new a(t.nativeEvent.dataTransfer),s=e._latestEditorState,u=r(t.nativeEvent,s);if(t.preventDefault(),e.exitCurrentMode(),null!=u){var l=n.getFiles();if(l.length>0){if(e.props.handleDroppedFiles&&d(e.props.handleDroppedFiles(u,l)))return;return void c(l,function(t){t&&e.update(i(s,p(u),t))})}var f=e._internalDrag?"internal":"external";if(!e.props.handleDrop||!d(e.props.handleDrop(u,n,f)))return e._internalDrag?void e.update(o(s,u)):void e.update(i(s,u,n.getText()))}}};e.exports=h},function(e,t,n){"use strict";var r=n(570),o=n(571),i=n(572),a=n(573),s=n(574),u=n(575),l=n(576),c=n(577),f=n(578),p=n(579),d=n(580),h=n(581),v={onBeforeInput:r,onBlur:o,onCompositionStart:i,onCopy:a,onCut:s,onDragOver:u,onDragStart:l,onFocus:c,onInput:f,onKeyDown:p,onPaste:d,onSelect:h};e.exports=v},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a=n(11),s=n(556),u=n(1),l=n(2),c=(n(110),n(604)),f=function(e){function t(){return r(this,t),o(this,e.apply(this,arguments))}return i(t,e),t.prototype._setSelection=function(){var e=this.props.selection;if(null!=e&&e.getHasFocus()){var t=this.props,n=t.blockKey,r=t.start,o=t.text,i=r+o.length;if(e.hasEdgeWithin(n,r,i)){var a=l.findDOMNode(this),s=a.firstChild,u=void 0;u=s.nodeType===Node.TEXT_NODE?s:"BR"===s.tagName?a:s.firstChild,c(e,u,n,r,i)}}},t.prototype.shouldComponentUpdate=function(e){return l.findDOMNode(this.refs.leaf).textContent!==e.text||e.styleSet!==this.props.styleSet||e.forceSelection},t.prototype.componentDidUpdate=function(){this._setSelection()},t.prototype.componentDidMount=function(){this._setSelection();
-},t.prototype.render=function(){var e=this.props.text;e.endsWith("\n")&&this.props.isLast&&(e+="\n");var t=this.props,n=t.customStyleMap,r=t.customStyleFn,o=t.offsetKey,i=t.styleSet,l=i.reduce(function(e,t){var r={},o=n[t];return void 0!==o&&e.textDecoration!==o.textDecoration&&(r.textDecoration=[e.textDecoration,o.textDecoration].join(" ").trim()),a(e,o,r)},{});if(r){var c=r(i);l=a(l,c)}return u.createElement("span",{"data-offset-key":o,ref:"leaf",style:l},u.createElement(s,null,e))},t}(u.Component);e.exports=f},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a=n(1),s=n(136),u=function(e){function t(){return r(this,t),o(this,e.apply(this,arguments))}return i(t,e),t.prototype.shouldComponentUpdate=function(e){return this.props.text!==e.text||this.props.editorState.getSelection().getHasFocus()!==e.editorState.getSelection().getHasFocus()},t.prototype.render=function(){var e=this.props.editorState.getSelection().getHasFocus(),t=s({"public/DraftEditorPlaceholder/root":!0,"public/DraftEditorPlaceholder/hasFocus":e});return a.createElement("div",{className:t},a.createElement("div",{className:s("public/DraftEditorPlaceholder/inner"),id:this.props.accessibilityID},this.props.text))},t}(a.Component);e.exports=u},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function a(e){return c?"\n"===e.textContent:"BR"===e.tagName}var s=n(1),u=n(2),l=n(64),c=l.isBrowser("IE <= 11"),f=c?s.createElement("span",{key:"A","data-text":"true"},"\n"):s.createElement("br",{key:"A","data-text":"true"}),p=c?s.createElement("span",{key:"B","data-text":"true"},"\n"):s.createElement("br",{key:"B","data-text":"true"}),d=function(e){function t(n){r(this,t);var i=o(this,e.call(this,n));return i._forceFlag=!1,i}return i(t,e),t.prototype.shouldComponentUpdate=function(e){var t=u.findDOMNode(this),n=""===e.children;return n?!a(t):t.textContent!==e.children},t.prototype.componentWillUpdate=function(){this._forceFlag=!this._forceFlag},t.prototype.render=function(){return""===this.props.children?this._forceFlag?f:p:s.createElement("span",{key:this._forceFlag?"A":"B","data-text":"true"},this.props.children)},t}(s.Component);e.exports=d},function(e,t){"use strict";var n={getRemovalRange:function(e,t,n,r,o){var i=n.split(" ");i=i.map(function(e,t){if("forward"===o){if(t>0)return" "+e}else if(t<i.length-1)return e+" ";return e});for(var a,s,u=r,l=null,c=null,f=0;f<i.length;f++){if(s=i[f],a=u+s.length,e<a&&u<t)null!==l?c=a:(l=u,c=a);else if(null!==l)break;u=a}var p=r+n.length,d=l===r,h=c===p;return(!d&&h||d&&!h)&&("forward"===o?c!==p&&c++:l!==r&&l--),{start:l,end:c}}};e.exports=n},function(e,t,n){"use strict";var r=(n(55),n(88)),o=n(22),i=n(334),a=n(63),s=n(339),u=n(211),l=o.List,c=o.Repeat,f={processHTML:function(e,t){return i(e,s,t)},processText:function(e,t){return e.map(function(e){return e=u(e),new r({key:a(),type:"unstyled",text:e,characterList:l(c(t,e.length))})})}};e.exports=f},function(e,t,n){"use strict";var r,o=n(22),i=n(1222),a=n(49),s=o.OrderedMap,u={getDirectionMap:function(e,t){r?r.reset():r=new i;var n=e.getBlockMap(),u=n.valueSeq().map(function(e){return a(r).getDirection(e.getText())}),l=s(n.keySeq().zip(u));return null!=t&&o.is(t,l)?t:l}};e.exports=u},function(e,t,n){"use strict";var r=n(35),o=n(20),i=(n(110),n(562)),a=n(49),s={currentBlockContainsLink:function(e){var t=e.getSelection(),n=e.getCurrentContent(),r=n.getEntityMap();return n.getBlockForKey(t.getAnchorKey()).getCharacterList().slice(t.getStartOffset(),t.getEndOffset()).some(function(e){var t=e.getEntity();return!!t&&"LINK"===r.__get(t).getType()})},getCurrentBlockType:function(e){var t=e.getSelection();return e.getCurrentContent().getBlockForKey(t.getStartKey()).getType()},getDataObjectForLinkURL:function(e){return{url:e.toString()}},handleKeyCommand:function(e,t){switch(t){case"bold":return s.toggleInlineStyle(e,"BOLD");case"italic":return s.toggleInlineStyle(e,"ITALIC");case"underline":return s.toggleInlineStyle(e,"UNDERLINE");case"code":return s.toggleCode(e);case"backspace":case"backspace-word":case"backspace-to-start-of-line":return s.onBackspace(e);case"delete":case"delete-word":case"delete-to-end-of-block":return s.onDelete(e);default:return null}},insertSoftNewline:function(e){var t=r.insertText(e.getCurrentContent(),e.getSelection(),"\n",e.getCurrentInlineStyle(),null),n=o.push(e,t,"insert-characters");return o.forceSelection(n,t.getSelectionAfter())},onBackspace:function(e){var t=e.getSelection();if(!t.isCollapsed()||t.getAnchorOffset()||t.getFocusOffset())return null;var n=e.getCurrentContent(),r=t.getStartKey(),i=n.getBlockBefore(r);if(i&&"atomic"===i.getType()){var a=n.getBlockMap()["delete"](i.getKey()),u=n.merge({blockMap:a,selectionAfter:t});if(u!==n)return o.push(e,u,"remove-range")}var l=s.tryToRemoveBlockStyle(e);return l?o.push(e,l,"change-block-type"):null},onDelete:function(e){var t=e.getSelection();if(!t.isCollapsed())return null;var n=e.getCurrentContent(),i=t.getStartKey(),a=n.getBlockForKey(i),s=a.getLength();if(t.getStartOffset()<s)return null;var u=n.getBlockAfter(i);if(!u||"atomic"!==u.getType())return null;var l=t.merge({focusKey:u.getKey(),focusOffset:u.getLength()}),c=r.removeRange(n,l,"forward");return c!==n?o.push(e,c,"remove-range"):null},onTab:function(e,t,n){var r=t.getSelection(),a=r.getAnchorKey();if(a!==r.getFocusKey())return t;var s=t.getCurrentContent(),u=s.getBlockForKey(a),l=u.getType();if("unordered-list-item"!==l&&"ordered-list-item"!==l)return t;e.preventDefault();var c=s.getBlockBefore(a);if(!c)return t;var f=c.getType();if("unordered-list-item"!==f&&"ordered-list-item"!==f)return t;var p=u.getDepth();if(!e.shiftKey&&p===n)return t;n=Math.min(c.getDepth()+1,n);var d=i(s,r,e.shiftKey?-1:1,n);return o.push(t,d,"adjust-depth")},toggleBlockType:function(e,t){var n=e.getSelection(),i=n.getStartKey(),s=n.getEndKey(),u=e.getCurrentContent(),l=n;if(i!==s&&0===n.getEndOffset()){var c=a(u.getBlockBefore(s));s=c.getKey(),l=l.merge({anchorKey:i,anchorOffset:n.getStartOffset(),focusKey:s,focusOffset:c.getLength(),isBackward:!1})}var f=u.getBlockMap().skipWhile(function(e,t){return t!==i}).reverse().skipWhile(function(e,t){return t!==s}).some(function(e){return"atomic"===e.getType()});if(f)return e;var p=u.getBlockForKey(i).getType()===t?"unstyled":t;return o.push(e,r.setBlockType(u,l,p),"change-block-type")},toggleCode:function(e){var t=e.getSelection(),n=t.getAnchorKey(),r=t.getFocusKey();return t.isCollapsed()||n!==r?s.toggleBlockType(e,"code-block"):s.toggleInlineStyle(e,"CODE")},toggleInlineStyle:function(e,t){var n=e.getSelection(),i=e.getCurrentInlineStyle();if(n.isCollapsed())return o.setInlineStyleOverride(e,i.has(t)?i.remove(t):i.add(t));var a,s=e.getCurrentContent();return a=i.has(t)?r.removeInlineStyle(s,n,t):r.applyInlineStyle(s,n,t),o.push(e,a,"change-inline-style")},toggleLink:function(e,t,n){var i=r.applyEntity(e.getCurrentContent(),t,n);return o.push(e,i,"apply-entity")},tryToRemoveBlockStyle:function(e){var t=e.getSelection(),n=t.getAnchorOffset();if(t.isCollapsed()&&0===n){var o=t.getAnchorKey(),i=e.getCurrentContent(),a=i.getBlockForKey(o);if(a.getLength()>0)return null;var s=a.getType(),u=i.getBlockBefore(o);if("code-block"===s&&u&&"code-block"===u.getType())return null;if("unstyled"!==s)return r.setBlockType(i,t,"unstyled")}return null}};e.exports=s},function(e,t,n){"use strict";var r=n(35),o=n(20),i=n(163),a=n(49),s=null,u={cut:function(e){var t=e.getCurrentContent(),n=e.getSelection(),u=null;if(n.isCollapsed()){var l=n.getAnchorKey(),c=t.getBlockForKey(l).getLength();if(c===n.getAnchorOffset())return e;u=n.set("focusOffset",c)}else u=n;u=a(u),s=i(t,u);var f=r.removeRange(t,u,"forward");return f===t?e:o.push(e,f,"remove-range")},paste:function(e){if(!s)return e;var t=r.replaceWithFragment(e.getCurrentContent(),e.getSelection(),s);return o.push(e,t,"insert-fragment")}};e.exports=u},function(e,t){"use strict";function n(e,t,n,r){var o=t.getStartKey(),i=t.getEndKey(),a=e.getBlockMap(),s=a.toSeq().skipUntil(function(e,t){return t===o}).takeUntil(function(e,t){return t===i}).concat([[i,a.get(i)]]).map(function(e){var t=e.getDepth()+n;return t=Math.max(0,Math.min(t,r)),e.set("depth",t)});return a=a.merge(s),e.merge({blockMap:a,selectionBefore:t,selectionAfter:t})}e.exports=n},function(e,t,n){"use strict";function r(e,t,n,r){for(var i=e.getCharacterList();t<n;)i=i.set(t,o.applyEntity(i.get(t),r)),t++;return e.set("characterList",i)}var o=n(55);e.exports=r},function(e,t,n){"use strict";function r(e,t,n){var r=e.getBlockMap(),a=t.getStartKey(),s=t.getStartOffset(),u=t.getEndKey(),l=t.getEndOffset(),c=r.skipUntil(function(e,t){return t===a}).takeUntil(function(e,t){return t===u}).toOrderedMap().merge(o.OrderedMap([[u,r.get(u)]])).map(function(e,t){var r=t===a?s:0,o=t===u?l:e.getLength();return i(e,r,o,n)});return e.merge({blockMap:r.merge(c),selectionBefore:t,selectionAfter:t})}var o=n(22),i=n(563);e.exports=r},function(e,t,n){"use strict";function r(e){var t=0,n={},r=[];e.getBlockMap().forEach(function(e,s){e.findEntityRanges(function(e){return null!==e.getEntity()},function(r){var i=o.stringify(e.getEntityAt(r));n.hasOwnProperty(i)||(n[i]=""+t++)}),r.push({key:s,text:e.getText(),type:e.getType(),depth:e.getDepth(),inlineStyleRanges:a(e),entityRanges:i(e,n),data:e.getData().toObject()})});var s=Object.keys(n),u={};return s.forEach(function(t,n){var r=e.getEntity(o.unstringify(t));u[n]={type:r.getType(),mutability:r.getMutability(),data:r.getData()}}),{entityMap:u,blocks:r}}var o=n(333),i=n(582),a=n(583);e.exports=r},function(e,t,n){"use strict";function r(e){var t=e.blocks,n=e.entityMap,r={};Object.keys(n).forEach(function(e){var t=n[e],o=t.type,i=t.mutability,a=t.data,s=u.__create(o,i,a||{});r[e]=s});var o=t.map(function(e){var t=e.key,n=e.type,o=e.text,s=e.depth,u=e.inlineStyleRanges,d=e.entityRanges,v=e.data;t=t||p(),s=s||0,u=u||[],d=d||[],v=h(v);var m=f(o,u),y=d.filter(function(e){return r.hasOwnProperty(e.key)}).map(function(e){return i({},e,{key:r[e.key]})}),g=c(o,y),b=l(m,g);return new a({key:t,type:n,text:o,depth:s,characterList:b,data:v})});return s.createFromBlockArray(o)}var o=n(11),i=o||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=n(88),s=n(160),u=n(161),l=n(567),c=n(568),f=n(569),p=n(63),d=n(22),h=d.Map;e.exports=r},function(e,t,n){"use strict";function r(e,t){var n=e.map(function(e,n){var r=t[n];return o.create({style:e,entity:r})});return a(n)}var o=n(55),i=n(22),a=i.List;e.exports=r},function(e,t,n){"use strict";function r(e,t){var n=Array(e.length).fill(null);return t&&t.forEach(function(t){for(var r=i(e,0,t.offset).length,o=r+i(e,t.offset,t.length).length,a=r;a<o;a++)n[a]=t.key}),n}var o=n(91),i=o.substr;e.exports=r},function(e,t,n){"use strict";function r(e,t){var n=Array(e.length).fill(u);return t&&t.forEach(function(t){for(var r=s(e,0,t.offset).length,o=r+s(e,t.offset,t.length).length;r<o;)n[r]=n[r].add(t.style),r++}),n}var o=n(91),i=n(22),a=i.OrderedSet,s=o.substr,u=a();e.exports=r},function(e,t,n){"use strict";function r(e){return y&&(e==v||e==m)}function o(e,t,n,r){var o=s.replaceText(e.getCurrentContent(),e.getSelection(),t,n,r);return u.push(e,o,"insert-characters")}function i(e,t){void 0!==e._pendingStateFromBeforeInput&&(e.update(e._pendingStateFromBeforeInput),e._pendingStateFromBeforeInput=void 0);var n=t.data;if(n){if(e.props.handleBeforeInput&&h(e.props.handleBeforeInput(n)))return void t.preventDefault();var i=e._latestEditorState,s=i.getSelection();if(!s.isCollapsed())return t.preventDefault(),void e.update(o(i,n,i.getCurrentInlineStyle(),c(i.getCurrentContent(),i.getSelection())));var l=!f(i),v=o(i,n,i.getCurrentInlineStyle(),c(i.getCurrentContent(),i.getSelection()));if(!l)return t.preventDefault(),void e.update(v);var m=s.getAnchorKey(),y=i.getBlockTree(m),g=a.getFingerprint(y),b=a.getFingerprint(v.getBlockTree(m));r(n)||g!==b||p(v.getDirectionMap()).get(m)!==p(i.getDirectionMap()).get(m)?(t.preventDefault(),e.update(v)):(v=u.set(v,{nativelyRenderedContent:v.getCurrentContent()}),e._pendingStateFromBeforeInput=v,d(function(){void 0!==e._pendingStateFromBeforeInput&&(e.update(e._pendingStateFromBeforeInput),e._pendingStateFromBeforeInput=void 0)}))}}var a=n(328),s=n(35),u=n(20),l=n(64),c=n(209),f=n(344),p=n(49),d=n(376),h=n(164),v="'",m="/",y=l.isBrowser("Firefox");e.exports=i},function(e,t,n){(function(t){"use strict";function r(e,n){s&&a()===document.body&&t.getSelection().removeAllRanges();var r=e._latestEditorState,i=r.getSelection();if(i.getHasFocus()){var u=i.set("hasFocus",!1);e.props.onBlur&&e.props.onBlur(n),e.update(o.acceptSelection(r,u))}}var o=n(20),i=n(64),a=n(166),s=i.isEngine("WebKit");e.exports=r}).call(t,function(){return this}())},function(e,t,n){"use strict";function r(e,t){e.setMode("composite"),e.update(o.set(e._latestEditorState,{inCompositionMode:!0})),e._onCompositionStart(t)}var o=n(20);e.exports=r},function(e,t,n){"use strict";function r(e,t){var n=e._latestEditorState,r=n.getSelection();return r.isCollapsed()?void t.preventDefault():void e.setClipboard(o(e._latestEditorState))}var o=n(337);e.exports=r},function(e,t,n){"use strict";function r(e,t){var n=e._latestEditorState,r=n.getSelection();if(r.isCollapsed())return void t.preventDefault();var i=s.getScrollParent(t.target),a=l(i),c=a.x,f=a.y,p=u(n);e.setClipboard(p),e.setMode("cut"),setTimeout(function(){e.restoreEditorDOM({x:c,y:f}),e.exitCurrentMode(),e.update(o(n))},0)}function o(e){var t=i.removeRange(e.getCurrentContent(),e.getSelection(),"forward");return a.push(e,t,"remove-range")}var i=n(35),a=n(20),s=n(220),u=n(337),l=n(223);e.exports=r},function(e,t){"use strict";function n(e,t){e._internalDrag=!1,e.setMode("drag"),t.preventDefault()}e.exports=n},function(e,t){"use strict";function n(e){e._internalDrag=!0,e.setMode("drag")}e.exports=n},function(e,t,n){"use strict";function r(e,t){var n=e._latestEditorState,r=n.getSelection();if(!r.getHasFocus()){var i=r.set("hasFocus",!0);e.props.onFocus&&e.props.onFocus(t),e.update(o.forceSelection(n,i))}}var o=n(20);e.exports=r},function(e,t,n){(function(t){"use strict";function r(e){void 0!==e._pendingStateFromBeforeInput&&(e.update(e._pendingStateFromBeforeInput),e._pendingStateFromBeforeInput=void 0);var n=t.getSelection(),r=n.anchorNode,s=n.isCollapsed;if(r.nodeType===Node.TEXT_NODE){var p=r.textContent,d=e._latestEditorState,h=l(u(r)),v=i.decode(h),m=v.blockKey,y=v.decoratorKey,g=v.leafKey,b=d.getBlockTree(m).getIn([y,"leaves",g]),_=b.start,w=b.end,x=d.getCurrentContent(),C=x.getBlockForKey(m),E=C.getText().slice(_,w);if(p.endsWith(f)&&(p=p.slice(0,-1)),p!==E){var S,P,O,T,k=d.getSelection(),M=k.merge({anchorOffset:_,focusOffset:w,isBackward:!1}),N=C.getEntityAt(_),A=N&&x.getEntity(N),D=A&&A.getMutability(),j="MUTABLE"===D,R=j?"spellcheck-change":"apply-entity",I=o.replaceText(x,M,p,C.getInlineStyleAt(_),j?C.getEntityAt(_):null);if(c)S=n.anchorOffset,P=n.focusOffset,O=_+Math.min(S,P),T=O+Math.abs(S-P),S=O,P=T;else{var L=p.length-E.length;O=k.getStartOffset(),T=k.getEndOffset(),S=s?T+L:O,P=T+L}var F=I.merge({selectionBefore:x.getSelectionAfter(),selectionAfter:k.merge({anchorOffset:S,focusOffset:P})});e.update(a.push(d,F,R))}}}var o=n(35),i=n(133),a=n(20),s=n(64),u=n(208),l=n(49),c=s.isEngine("Gecko"),f="\n\n";e.exports=r}).call(t,function(){return this}())},function(e,t,n){"use strict";function r(e,t){switch(e){case"redo":return a.redo(t);case"delete":return m(t);case"delete-word":return d(t);case"backspace":return v(t);case"backspace-word":return p(t);case"backspace-to-start-of-line":return f(t);case"split-block":return h(t);case"transpose-characters":return b(t);case"move-selection-to-start-of-block":return g(t);case"move-selection-to-end-of-block":return y(t);case"secondary-cut":return l.cut(t);case"secondary-paste":return l.paste(t);default:return t}}function o(e,t){var n=t.which,o=e._latestEditorState;switch(n){case u.RETURN:if(t.preventDefault(),e.props.handleReturn&&w(e.props.handleReturn(t)))return;break;case u.ESC:return t.preventDefault(),void(e.props.onEscape&&e.props.onEscape(t));case u.TAB:return void(e.props.onTab&&e.props.onTab(t));case u.UP:return void(e.props.onUpArrow&&e.props.onUpArrow(t));case u.DOWN:return void(e.props.onDownArrow&&e.props.onDownArrow(t));case u.SPACE:if(C&&x(t)){t.preventDefault();var s=i.replaceText(o.getCurrentContent(),o.getSelection(),"\xa0");return void e.update(a.push(o,s,"insert-characters"))}}var l=e.props.keyBindingFn(t);if(l){if("undo"===l)return void _(t,o,e.update);if(t.preventDefault(),!e.props.handleKeyCommand||!w(e.props.handleKeyCommand(l))){var c=r(l,o);c!==o&&e.update(c)}}}var i=n(35),a=n(20),s=n(207),u=n(219),l=n(561),c=n(64),f=n(592),p=n(593),d=n(594),h=n(595),v=n(598),m=n(599),y=n(596),g=n(597),b=n(600),_=n(601),w=n(164),x=s.isOptionKeyCommand,C=c.isBrowser("Chrome");e.exports=o},function(e,t,n){"use strict";function r(e,t){t.preventDefault();var n=new u(t.clipboardData);if(!n.isRichText()){var r=n.getFiles(),m=n.getText();if(r.length>0){if(e.props.handlePastedFiles&&h(e.props.handlePastedFiles(r)))return;return void d(r,function(t){if(t=t||m){var n=e._latestEditorState,r=v(t),o=s.create({style:n.getCurrentInlineStyle(),entity:p(n.getCurrentContent(),n.getSelection())}),i=c.processText(r,o),u=a.createFromArray(i),d=l.replaceWithFragment(n.getCurrentContent(),n.getSelection(),u);e.update(f.push(n,d,"insert-fragment"))}})}}var y=[],g=n.getText(),b=n.getHTML();if(!e.props.handlePastedText||!h(e.props.handlePastedText(g,b))){if(g&&(y=v(g)),!e.props.stripPastedStyles){var _=e.getClipboard();if(n.isRichText()&&_){if(b.indexOf(e.getEditorKey())!==-1||1===y.length&&1===_.size&&_.first().getText()===g)return void e.update(o(e._latestEditorState,_))}else if(_&&n.types.includes("com.apple.webarchive")&&!n.types.includes("text/html")&&i(y,_))return void e.update(o(e._latestEditorState,_));if(b){var w=c.processHTML(b,e.props.blockRenderMap);if(w){var x=w.contentBlocks,C=w.entityMap;if(x){var E=a.createFromArray(x);return void e.update(o(e._latestEditorState,E,C))}}}e.setClipboard(null)}if(y.length){var S=e._latestEditorState,P=s.create({style:S.getCurrentInlineStyle(),entity:p(S.getCurrentContent(),S.getSelection())}),O=c.processText(y,P),T=a.createFromArray(O);e.update(o(e._latestEditorState,T))}}}function o(e,t,n){var r=l.replaceWithFragment(e.getCurrentContent(),e.getSelection(),t);return f.push(e,r.set("entityMap",n),"insert-fragment")}function i(e,t){return e.length===t.size&&t.valueSeq().every(function(t,n){return t.getText()===e[n]})}var a=n(132),s=n(55),u=n(366),l=n(35),c=n(558),f=n(20),p=n(209),d=n(341),h=n(164),v=n(606);e.exports=r},function(e,t,n){"use strict";function r(e){if(!e._blockSelectEvents&&e._latestEditorState===e.props.editorState){var t=e.props.editorState,n=a(t,i.findDOMNode(e.refs.editorContainer).firstChild),r=n.selectionState;r!==t.getSelection()&&(t=n.needsRecovery?o.forceSelection(t,r):o.acceptSelection(t,r),e.update(t))}}var o=n(20),i=n(2),a=n(586);e.exports=r},function(e,t,n){"use strict";function r(e,t){var n=[];return e.findEntityRanges(function(e){return!!e.getEntity()},function(r,i){var s=e.getText(),u=e.getEntityAt(r);n.push({offset:a(s.slice(0,r)),length:a(s.slice(r,i)),key:Number(t[o.stringify(u)])})}),n}var o=n(333),i=n(91),a=i.strlen;e.exports=r},function(e,t,n){"use strict";function r(e,t,n){var r=[],o=t.map(function(e){return e.has(n)}).toList();return a(o,s,u,function(t,o){var a=e.getText();r.push({offset:i.strlen(a.slice(0,t)),length:i.strlen(a.slice(t,o)),style:n})}),r}function o(e){var t=e.getCharacterList().map(function(e){return e.getStyle()}).toList(),n=t.flatten().toSet().map(function(n){return r(e,t,n)});return Array.prototype.concat.apply(l,n.toJS())}var i=n(91),a=n(162),s=function(e,t){return e===t},u=function(e){return!!e},l=[];e.exports=o},function(e,t,n){"use strict";function r(e){var t=getComputedStyle(e),n=document.createElement("div");n.style.fontFamily=t.fontFamily,n.style.fontSize=t.fontSize,n.style.fontStyle=t.fontStyle,n.style.fontWeight=t.fontWeight,n.style.lineHeight=t.lineHeight,n.style.position="absolute",n.textContent="M",document.body.appendChild(n);var r=n.getBoundingClientRect();return document.body.removeChild(n),r.height}function o(e,t){for(var n=1/0,r=1/0,o=-(1/0),i=-(1/0),a=0;a<e.length;a++){var s=e[a];0!==s.width&&1!==s.width&&(n=Math.min(n,s.top),r=Math.min(r,s.bottom),o=Math.max(o,s.top),i=Math.max(i,s.bottom))}return o<=r&&o-n<t&&i-r<t}function i(e){switch(e.nodeType){case Node.DOCUMENT_TYPE_NODE:return 0;case Node.TEXT_NODE:case Node.PROCESSING_INSTRUCTION_NODE:case Node.COMMENT_NODE:return e.length;default:return e.childNodes.length}}function a(e){e.collapsed?void 0:l(!1),e=e.cloneRange();var t=e.startContainer;1!==t.nodeType&&(t=t.parentNode);var n=r(t),a=e.endContainer,c=e.endOffset;for(e.setStart(e.startContainer,0);o(u(e),n)&&(a=e.startContainer,c=e.startOffset,a.parentNode?void 0:l(!1),e.setStartBefore(a),1!==a.nodeType||"inline"===getComputedStyle(a).display););for(var f=a,p=c-1;;){for(var d=f.nodeValue,h=p;h>=0;h--)if(!(null!=d&&h>0&&s.isSurrogatePair(d,h-1))){if(e.setStart(f,h),!o(u(e),n))break;a=f,c=h}if(h===-1||0===f.childNodes.length)break;f=f.childNodes[h],p=i(f)}return e.setStart(a,c),e}var s=n(91),u=n(338),l=n(13);e.exports=a},function(e,t,n){"use strict";function r(e,t,n,r){var s=n.getStartOffset(),u=n.getEndOffset(),l=t.getEntityAt(s);if(!l)return n;var c=e.__get(l),f=c.getMutability();if("MUTABLE"===f)return n;var p=i(t,l).filter(function(e){return s<e.end&&u>e.start});1!=p.length?a(!1):void 0;var d=p[0];if("IMMUTABLE"===f)return n.merge({anchorOffset:d.start,focusOffset:d.end,isBackward:!1});var h=o.getRemovalRange(s,u,t.getText().slice(d.start,d.end),d.start,r);return n.merge({anchorOffset:h.start,focusOffset:h.end,isBackward:!1})}var o=n(557),i=n(588),a=n(13);e.exports=r},function(e,t,n){(function(t){"use strict";function r(e,n){var r=t.getSelection();return 0===r.rangeCount?{selectionState:e.getSelection().set("hasFocus",!1),needsRecovery:!1}:o(e,n,r.anchorNode,r.anchorOffset,r.focusNode,r.focusOffset)}var o=n(336);e.exports=r}).call(t,function(){return this}())},function(e,t,n){"use strict";function r(e){var t=o(e),n=0,r=0,i=0,a=0;if(t.length){var s=t[0];n=s.top,r=s.right,i=s.bottom,a=s.left;for(var u=1;u<t.length;u++){var l=t[u];0===l.height&&0===l.width||(n=Math.min(n,l.top),r=Math.max(r,l.right),i=Math.max(i,l.bottom),a=Math.min(a,l.left))}}return{top:n,right:r,bottom:i,left:a,width:r-a,height:i-n}}var o=n(338);e.exports=r},function(e,t,n){"use strict";function r(e,t){var n=[];return e.findEntityRanges(function(e){return e.getEntity()===t},function(e,t){n.push({start:e,end:t})}),n.length?void 0:o(!1),n}var o=n(13);e.exports=r},function(e,t,n){"use strict";function r(e){var t=e.getSelection();if(!t.rangeCount)return null;var n=t.getRangeAt(0),r=o(n),i=r.top,a=r.right,s=r.bottom,u=r.left;return 0===i&&0===a&&0===s&&0===u?null:r}var o=n(587);e.exports=r},function(e,t,n){"use strict";function r(e,t,n){t.isCollapsed()?void 0:s(!1);var r,u,l=t.getStartKey(),c=t.getStartOffset(),f=e.getBlockMap(),p=n.size;if(1===p){var d=f.get(l),h=n.first(),v=d.getText(),m=d.getCharacterList(),y=d.merge({text:v.slice(0,c)+h.getText()+v.slice(c),characterList:a(m,h.getCharacterList(),c),data:h.getData()});return f=f.set(l,y),r=l,u=c+h.getText().length,e.merge({blockMap:f.set(l,y),selectionBefore:t,selectionAfter:t.merge({anchorKey:r,anchorOffset:u,focusKey:r,focusOffset:u,isBackward:!1})})}var g=[];return e.getBlockMap().forEach(function(e,t){if(t!==l)return void g.push(e);var o=e.getText(),a=e.getCharacterList(),s=o.length,u=o.slice(0,c),f=a.slice(0,c),d=n.first(),h=e.merge({text:u+d.getText(),characterList:f.concat(d.getCharacterList()),type:u?e.getType():d.getType(),data:d.getData()});g.push(h),n.slice(1,p-1).forEach(function(e){g.push(e.set("key",i()))});var v=o.slice(c,s),m=a.slice(c,s),y=n.last();r=i();var b=y.merge({key:r,text:y.getText()+v,characterList:y.getCharacterList().concat(m),data:y.getData()});g.push(b)}),u=n.last().getLength(),e.merge({blockMap:o.createFromArray(g),selectionBefore:t,selectionAfter:t.merge({anchorKey:r,anchorOffset:u,focusKey:r,focusOffset:u,isBackward:!1})})}var o=n(132),i=n(63),a=n(343),s=n(13);e.exports=r},function(e,t,n){"use strict";function r(e,t,n,r){t.isCollapsed()?void 0:a(!1);var o=n.length;if(!o)return e;var u=e.getBlockMap(),l=t.getStartKey(),c=t.getStartOffset(),f=u.get(l),p=f.getText(),d=f.merge({text:p.slice(0,c)+n+p.slice(c,f.getLength()),characterList:i(f.getCharacterList(),s(r,o).toList(),c)}),h=c+o;return e.merge({blockMap:u.set(l,d),selectionAfter:t.merge({anchorOffset:h,focusOffset:h})})}var o=n(22),i=n(343),a=n(13),s=o.Repeat;e.exports=r},function(e,t,n){(function(t){"use strict";function r(e){var n=u(e,function(e){var n=e.getSelection();if(n.isCollapsed()&&0===n.getAnchorOffset())return s(e,1);var r=t.getSelection(),o=r.getRangeAt(0);return o=i(o),a(e,null,o.endContainer,o.endOffset,o.startContainer,o.startOffset).selectionState},"backward");return n===e.getCurrentContent()?e:o.push(e,n,"remove-range")}var o=n(20),i=n(584),a=n(336),s=n(210),u=n(134);e.exports=r}).call(t,function(){return this}())},function(e,t,n){"use strict";function r(e){var t=s(e,function(e){var t=e.getSelection(),n=t.getStartOffset();if(0===n)return a(e,1);var r=t.getStartKey(),i=e.getCurrentContent(),s=i.getBlockForKey(r).getText().slice(0,n),u=o.getBackward(s);return a(e,u.length||1)},"backward");return t===e.getCurrentContent()?e:i.push(e,t,"remove-range")}var o=n(332),i=n(20),a=n(210),s=n(134);e.exports=r},function(e,t,n){"use strict";function r(e){var t=s(e,function(e){var t=e.getSelection(),n=t.getStartOffset(),r=t.getStartKey(),i=e.getCurrentContent(),s=i.getBlockForKey(r).getText().slice(n),u=o.getForward(s);return a(e,u.length||1)},"forward");return t===e.getCurrentContent()?e:i.push(e,t,"remove-range")}var o=n(332),i=n(20),a=n(345),s=n(134);e.exports=r},function(e,t,n){"use strict";function r(e){var t=o.splitBlock(e.getCurrentContent(),e.getSelection());return i.push(e,t,"split-block")}var o=n(35),i=n(20);e.exports=r},function(e,t,n){"use strict";function r(e){var t=e.getSelection(),n=t.getEndKey(),r=e.getCurrentContent(),i=r.getBlockForKey(n).getLength();return o.set(e,{selection:t.merge({anchorKey:n,anchorOffset:i,focusKey:n,focusOffset:i,isBackward:!1}),forceSelection:!0})}var o=n(20);e.exports=r},function(e,t,n){"use strict";function r(e){var t=e.getSelection(),n=t.getStartKey();return o.set(e,{selection:t.merge({anchorKey:n,anchorOffset:0,focusKey:n,focusOffset:0,isBackward:!1}),forceSelection:!0})}var o=n(20);e.exports=r},function(e,t,n){"use strict";function r(e){var t=s(e,function(e){var t=e.getSelection(),n=e.getCurrentContent(),r=t.getAnchorKey(),o=t.getAnchorOffset(),s=n.getBlockForKey(r).getText()[o-1];return a(e,s?i.getUTF16Length(s,0):1)},"backward");if(t===e.getCurrentContent())return e;var n=e.getSelection();return o.push(e,t.set("selectionBefore",n),n.isCollapsed()?"backspace-character":"remove-range")}var o=n(20),i=n(91),a=n(210),s=n(134);e.exports=r},function(e,t,n){"use strict";function r(e){var t=s(e,function(e){var t=e.getSelection(),n=e.getCurrentContent(),r=t.getAnchorKey(),o=t.getAnchorOffset(),s=n.getBlockForKey(r).getText()[o];return a(e,s?i.getUTF16Length(s,0):1)},"forward");if(t===e.getCurrentContent())return e;var n=e.getSelection();return o.push(e,t.set("selectionBefore",n),n.isCollapsed()?"delete-character":"remove-range")}var o=n(20),i=n(91),a=n(345),s=n(134);e.exports=r},function(e,t,n){"use strict";function r(e){var t=e.getSelection();if(!t.isCollapsed())return e;var n=t.getAnchorOffset();if(0===n)return e;var r=t.getAnchorKey(),s=e.getCurrentContent(),u=s.getBlockForKey(r),l=u.getLength();if(l<=1)return e;var c,f;n===l?(c=t.set("anchorOffset",n-1),f=t):(c=t.set("focusOffset",n+1),f=c.set("anchorOffset",n+1));var p=a(s,c),d=o.removeRange(s,c,"backward"),h=d.getSelectionAfter(),v=h.getAnchorOffset()-1,m=h.merge({anchorOffset:v,focusOffset:v}),y=o.replaceWithFragment(d,m,p),g=i.push(e,y,"insert-fragment");return i.acceptSelection(g,f)}var o=n(35),i=n(20),a=n(163);e.exports=r},function(e,t,n){"use strict";function r(e,t,n){var r=o.undo(t);if("spellcheck-change"===t.getLastChangeType()){var i=r.getCurrentContent();return void n(o.set(r,{nativelyRenderedContent:i}))}return e.preventDefault(),t.getNativelyRenderedContent()?(n(o.set(t,{nativelyRenderedContent:null})),void setTimeout(function(){n(r)},0)):void n(r)}var o=n(20);e.exports=r},function(e,t,n){"use strict";function r(e,t,n){var r=t.getStartKey(),o=t.getEndKey(),a=e.getBlockMap(),s=a.toSeq().skipUntil(function(e,t){return t===r}).takeUntil(function(e,t){return t===o}).concat(i([[o,a.get(o)]])).map(n);return e.merge({blockMap:a.merge(s),selectionBefore:t,selectionAfter:t})}var o=n(22),i=o.Map;e.exports=r},function(e,t,n){"use strict";function r(e,t){if(t.isCollapsed())return e;var n,r=e.getBlockMap(),a=t.getStartKey(),s=t.getStartOffset(),u=t.getEndKey(),l=t.getEndOffset(),c=r.get(a),f=r.get(u);n=c===f?o(c.getCharacterList(),s,l):c.getCharacterList().slice(0,s).concat(f.getCharacterList().slice(l));var p=c.merge({text:c.getText().slice(0,s)+f.getText().slice(l),characterList:n}),d=r.toSeq().skipUntil(function(e,t){return t===a}).takeUntil(function(e,t){return t===u}).concat(i.Map([[u,null]])).map(function(e,t){return t===a?p:null});return r=r.merge(d).filter(function(e){return!!e}),e.merge({blockMap:r,selectionBefore:t,selectionAfter:t.merge({anchorKey:a,anchorOffset:s,focusKey:a,focusOffset:s,isBackward:!1})})}function o(e,t,n){if(0===t)for(;t<n;)e=e.shift(),t++;else if(n===e.count())for(;n>t;)e=e.pop(),n--;else{var r=e.slice(0,t),o=e.slice(n);e=r.concat(o).toList()}return e}var i=n(22);e.exports=r},function(e,t,n){(function(t){"use strict";function r(e,n,r,s,u){if(a(document.documentElement,n)){var l=t.getSelection(),c=e.getAnchorKey(),f=e.getAnchorOffset(),p=e.getFocusKey(),d=e.getFocusOffset(),h=e.getIsBackward();if(!l.extend&&h){var v=c,m=f;c=p,f=d,p=v,d=m,h=!1}var y=c===r&&s<=f&&u>=f,g=p===r&&s<=d&&u>=d;if(y&&g)return l.removeAllRanges(),i(l,n,f-s),void o(l,n,d-s);if(h){if(g&&(l.removeAllRanges(),i(l,n,d-s)),y){var b=l.focusNode,_=l.focusOffset;l.removeAllRanges(),i(l,n,f-s),o(l,b,_)}}else y&&(l.removeAllRanges(),i(l,n,f-s)),g&&o(l,n,d-s)}}function o(e,t,n){if(e.extend&&a(s(),t))e.extend(t,n);else{var r=e.getRangeAt(0);r.setEnd(t,n),e.addRange(r.cloneRange())}}function i(e,t,n){var r=document.createRange();r.setStart(t,n),e.addRange(r)}var a=n(222),s=n(166);e.exports=r}).call(t,function(){return this}())},function(e,t,n){"use strict";function r(e,t){t.isCollapsed()?void 0:a(!1);var n=t.getAnchorKey(),r=t.getAnchorOffset(),o=e.getBlockMap(),u=o.get(n),l=u.getText(),c=u.getCharacterList(),f=u.merge({text:l.slice(0,r),characterList:c.slice(0,r)}),p=i(),d=f.merge({key:p,text:l.slice(r),characterList:c.slice(r),data:s()}),h=o.toSeq().takeUntil(function(e){return e===u}),v=o.toSeq().skipUntil(function(e){
-return e===u}).rest(),m=h.concat([[f.getKey(),f],[d.getKey(),d]],v).toOrderedMap();return e.merge({blockMap:m,selectionBefore:t,selectionAfter:t.merge({anchorKey:p,anchorOffset:0,focusKey:p,focusOffset:0,isBackward:!1})})}var o=n(22),i=n(63),a=n(13),s=o.Map;e.exports=r},function(e,t){"use strict";function n(e){return e.split(r)}var r=/\r\n?|\n/g;e.exports=n},function(e,t,n){(function(t){var r="object"==typeof t?t:"object"==typeof window?window:"object"==typeof self?self:this,o=r.regeneratorRuntime&&Object.getOwnPropertyNames(r).indexOf("regeneratorRuntime")>=0,i=o&&r.regeneratorRuntime;if(r.regeneratorRuntime=void 0,e.exports=n(347),o)r.regeneratorRuntime=i;else try{delete r.regeneratorRuntime}catch(a){r.regeneratorRuntime=void 0}}).call(t,function(){return this}())},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function a(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f=n(1),p=r(f),d=n(92),h=r(d),v=n(609),m=r(v),y=n(80),g=r(y),b=n(225),_=r(b),w=n(1239),x=r(w),C={bottomLeft:{points:["tl","bl"],offset:[0,4],overflow:{adjustX:1,adjustY:1}},topLeft:{points:["bl","tl"],offset:[0,-4],overflow:{adjustX:1,adjustY:1}},bottomRight:{points:["tr","br"],offset:[0,4],overflow:{adjustX:1,adjustY:1}},topRight:{points:["br","tr"],offset:[0,-4],overflow:{adjustX:1,adjustY:1}}},E=function(e){function t(n){s(this,t);var r=u(this,e.call(this,n));r.setPopupVisible=function(e){"popupVisible"in r.props||r.setState({popupVisible:e}),e&&!r.state.visible&&r.setState({activeValue:r.state.value}),r.props.onPopupVisibleChange(e)},r.handleChange=function(e,t,n){"keydown"===n.type&&n.keyCode!==g["default"].ENTER||(r.props.onChange(e.map(function(e){return e.value}),e),r.setPopupVisible(t.visible))},r.handlePopupVisibleChange=function(e){r.setPopupVisible(e)},r.handleMenuSelect=function(e,t,n){n&&n.preventDefault&&n.preventDefault();var o=r.refs.trigger.getRootDomNode();o&&o.focus&&o.focus();var i=r.props,a=i.changeOnSelect,s=i.loadData;if(e&&!e.disabled){var u=r.state.activeValue;u=u.slice(0,t+1),u[t]=e.value;var l=r.getActiveOptions(u);if(e.isLeaf===!1&&!e.children&&s)return a&&r.handleChange(l,{visible:!0},n),r.setState({activeValue:u}),void s(l);var c={};e.children&&e.children.length?a&&(r.handleChange(l,{visible:!0},n),c.value=u):(r.handleChange(l,{visible:!1},n),c.value=u),c.activeValue=u,("value"in r.props||"keydown"===n.type&&n.keyCode!==g["default"].ENTER)&&delete c.value,r.setState(c)}},r.handleKeyDown=function(e){var t=[].concat(a(r.state.activeValue)),n=t.length-1<0?0:t.length-1,o=r.getCurrentLevelOptions(),i=o.map(function(e){return e.value}).indexOf(t[n]);if(e.keyCode===g["default"].DOWN||e.keyCode===g["default"].UP||e.keyCode===g["default"].LEFT||e.keyCode===g["default"].RIGHT||e.keyCode===g["default"].ENTER||e.keyCode===g["default"].BACKSPACE||e.keyCode===g["default"].ESC){if(!r.state.popupVisible&&e.keyCode!==g["default"].BACKSPACE&&e.keyCode!==g["default"].ESC)return void r.setPopupVisible(!0);if(e.keyCode===g["default"].DOWN||e.keyCode===g["default"].UP){var s=i;s!==-1?e.keyCode===g["default"].DOWN?(s+=1,s=s>=o.length?0:s):(s-=1,s=s<0?o.length-1:s):s=0,t[n]=o[s].value}else if(e.keyCode===g["default"].LEFT||e.keyCode===g["default"].BACKSPACE)t.splice(t.length-1,1);else if(e.keyCode===g["default"].RIGHT)o[i]&&o[i].children&&t.push(o[i].children[0].value);else if(e.keyCode===g["default"].ESC)return void r.setPopupVisible(!1);t&&0!==t.length||r.setPopupVisible(!1);var u=r.getActiveOptions(t),l=u[u.length-1];r.handleMenuSelect(l,u.length-1,e),r.props.onKeyDown&&r.props.onKeyDown(e)}};var o=[];return"value"in n?o=n.value||[]:"defaultValue"in n&&(o=n.defaultValue||[]),r.state={popupVisible:n.popupVisible,activeValue:o,value:o},r}return l(t,e),t.prototype.componentWillReceiveProps=function(e){if("value"in e&&!(0,x["default"])(this.props.value,e.value)){var t={value:e.value||[],activeValue:e.value||[]};"loadData"in e&&delete t.activeValue,this.setState(t)}"popupVisible"in e&&this.setState({popupVisible:e.popupVisible})},t.prototype.getPopupDOMNode=function(){return this.refs.trigger.getPopupDomNode()},t.prototype.getCurrentLevelOptions=function(){var e=this.props.options,t=this.state.activeValue,n=void 0===t?[]:t,r=(0,_["default"])(e,function(e,t){return e.value===n[t]});return r[r.length-2]?r[r.length-2].children:[].concat(a(e)).filter(function(e){return!e.disabled})},t.prototype.getActiveOptions=function(e){return(0,_["default"])(this.props.options,function(t,n){return t.value===e[n]})},t.prototype.render=function(){var e=this.props,t=e.prefixCls,n=e.transitionName,r=e.popupClassName,o=e.options,a=e.disabled,s=e.builtinPlacements,u=e.popupPlacement,l=e.children,d=i(e,["prefixCls","transitionName","popupClassName","options","disabled","builtinPlacements","popupPlacement","children"]),v=p["default"].createElement("div",null),y="";return o&&o.length>0?v=p["default"].createElement(m["default"],c({},this.props,{value:this.state.value,activeValue:this.state.activeValue,onSelect:this.handleMenuSelect,visible:this.state.popupVisible})):y=" "+t+"-menus-empty",p["default"].createElement(h["default"],c({ref:"trigger"},d,{options:o,disabled:a,popupPlacement:u,builtinPlacements:s,popupTransitionName:n,action:a?[]:["click"],popupVisible:!a&&this.state.popupVisible,onPopupVisibleChange:this.handlePopupVisibleChange,prefixCls:t+"-menus",popupClassName:r+y,popup:v}),(0,f.cloneElement)(l,{onKeyDown:this.handleKeyDown,tabIndex:0}))},t}(f.Component);E.defaultProps={options:[],onChange:function(){},onPopupVisibleChange:function(){},disabled:!1,transitionName:"",prefixCls:"rc-cascader",popupClassName:"",popupPlacement:"bottomLeft",builtinPlacements:C},E.propTypes={value:f.PropTypes.array,defaultValue:f.PropTypes.array,options:f.PropTypes.array.isRequired,onChange:f.PropTypes.func,onPopupVisibleChange:f.PropTypes.func,popupVisible:f.PropTypes.bool,disabled:f.PropTypes.bool,transitionName:f.PropTypes.string,popupClassName:f.PropTypes.string,popupPlacement:f.PropTypes.string,prefixCls:f.PropTypes.string,dropdownMenuColumnStyle:f.PropTypes.object,builtinPlacements:f.PropTypes.object,loadData:f.PropTypes.func,changeOnSelect:f.PropTypes.bool,children:f.PropTypes.node,onKeyDown:f.PropTypes.func},t["default"]=E,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l=n(1),c=r(l),f=n(225),p=r(f),d=n(2),h=function(e){function t(){return i(this,t),a(this,e.apply(this,arguments))}return s(t,e),t.prototype.componentDidMount=function(){this.scrollActiveItemToView()},t.prototype.componentDidUpdate=function(e){!e.visible&&this.props.visible&&this.scrollActiveItemToView()},t.prototype.getOption=function(e,t){var n=this.props,r=n.prefixCls,o=n.expandTrigger,i=this.props.onSelect.bind(this,e,t),a={onClick:i},s=r+"-menu-item",l=e.children&&e.children.length>0;(l||e.isLeaf===!1)&&(s+=" "+r+"-menu-item-expand"),"hover"===o&&l&&(a={onMouseEnter:this.delayOnSelect.bind(this,i),onMouseLeave:this.delayOnSelect.bind(this)}),this.isActiveOption(e,t)&&(s+=" "+r+"-menu-item-active",a.ref="activeItem"+t),e.disabled&&(s+=" "+r+"-menu-item-disabled"),e.loading&&(s+=" "+r+"-menu-item-loading");var f="";return e.title?f=e.title:"string"==typeof e.label&&(f=e.label),c["default"].createElement("li",u({key:e.value,className:s,title:f},a),e.label)},t.prototype.getActiveOptions=function(e){var t=e||this.props.activeValue,n=this.props.options;return(0,p["default"])(n,function(e,n){return e.value===t[n]})},t.prototype.getShowOptions=function(){var e=this.props.options,t=this.getActiveOptions().map(function(e){return e.children}).filter(function(e){return!!e});return t.unshift(e),t},t.prototype.delayOnSelect=function(e){for(var t=this,n=arguments.length,r=Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];this.delayTimer&&(clearTimeout(this.delayTimer),this.delayTimer=null),"function"==typeof e&&(this.delayTimer=setTimeout(function(){e(r),t.delayTimer=null},150))},t.prototype.scrollActiveItemToView=function(){for(var e=this.getShowOptions().length,t=0;t<e;t++){var n=this.refs["activeItem"+t];if(n){var r=(0,d.findDOMNode)(n);r.parentNode.scrollTop=r.offsetTop}}},t.prototype.isActiveOption=function(e,t){var n=this.props.activeValue,r=void 0===n?[]:n;return r[t]===e.value},t.prototype.render=function(){var e=this,t=this.props,n=t.prefixCls,r=t.dropdownMenuColumnStyle;return c["default"].createElement("div",null,this.getShowOptions().map(function(t,o){return c["default"].createElement("ul",{className:n+"-menu",key:o,style:r},t.map(function(t){return e.getOption(t,o)}))}))},t}(c["default"].Component);h.defaultProps={options:[],value:[],activeValue:[],onSelect:function(){},prefixCls:"rc-cascader-menus",visible:!1,expandTrigger:"click"},h.propTypes={value:c["default"].PropTypes.array,activeValue:c["default"].PropTypes.array,options:c["default"].PropTypes.array.isRequired,prefixCls:c["default"].PropTypes.string,expandTrigger:c["default"].PropTypes.string,onSelect:c["default"].PropTypes.func,visible:c["default"].PropTypes.bool,dropdownMenuColumnStyle:c["default"].PropTypes.object},t["default"]=h,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(608),i=r(o);t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){!function(t,n){e.exports=n()}(this,function(){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){var r=n(2),o=n(7),i=n(11),a=function(e){if(e instanceof a)return e;if(!(this instanceof a))return new a(e);this.values={rgb:[0,0,0],hsl:[0,0,0],hsv:[0,0,0],hwb:[0,0,0],cmyk:[0,0,0,0],alpha:1};var t;if("string"==typeof e)if(t=i.getRgba(e))this.setValues("rgb",t);else if(t=i.getHsla(e))this.setValues("hsl",t);else{if(!(t=i.getHwb(e)))throw new Error('Unable to parse color from string "'+e+'"');this.setValues("hwb",t)}else if("object"==typeof e)if(t=e,void 0!==t.r||void 0!==t.red)this.setValues("rgb",t);else if(void 0!==t.l||void 0!==t.lightness)this.setValues("hsl",t);else if(void 0!==t.v||void 0!==t.value)this.setValues("hsv",t);else if(void 0!==t.w||void 0!==t.whiteness)this.setValues("hwb",t);else{if(void 0===t.c&&void 0===t.cyan)throw new Error("Unable to parse color from object "+JSON.stringify(e));this.setValues("cmyk",t)}};a.prototype={rgb:function(){return this.setSpace("rgb",arguments)},hsl:function(){return this.setSpace("hsl",arguments)},hsv:function(){return this.setSpace("hsv",arguments)},hwb:function(){return this.setSpace("hwb",arguments)},cmyk:function(){return this.setSpace("cmyk",arguments)},rgbArray:function(){return this.values.rgb},hslArray:function(){return this.values.hsl},hsvArray:function(){return this.values.hsv},hwbArray:function(){return 1!==this.values.alpha?this.values.hwb.concat([this.values.alpha]):this.values.hwb},cmykArray:function(){return this.values.cmyk},rgbaArray:function(){var e=this.values.rgb;return e.concat([this.values.alpha])},hslaArray:function(){var e=this.values.hsl;return e.concat([this.values.alpha])},alpha:function(e){return void 0===e?this.values.alpha:(this.setValues("alpha",e),this)},red:function(e){return this.setChannel("rgb",0,e)},green:function(e){return this.setChannel("rgb",1,e)},blue:function(e){return this.setChannel("rgb",2,e)},hue:function(e){return e&&(e%=360,e=e<0?360+e:e),this.setChannel("hsl",0,e)},saturation:function(e){return this.setChannel("hsl",1,e)},lightness:function(e){return this.setChannel("hsl",2,e)},saturationv:function(e){return this.setChannel("hsv",1,e)},whiteness:function(e){return this.setChannel("hwb",1,e)},blackness:function(e){return this.setChannel("hwb",2,e)},value:function(e){return this.setChannel("hsv",2,e)},cyan:function(e){return this.setChannel("cmyk",0,e)},magenta:function(e){return this.setChannel("cmyk",1,e)},yellow:function(e){return this.setChannel("cmyk",2,e)},black:function(e){return this.setChannel("cmyk",3,e)},hexString:function(){return i.hexString(this.values.rgb)},rgbString:function(){return i.rgbString(this.values.rgb,this.values.alpha)},rgbaString:function(){return i.rgbaString(this.values.rgb,this.values.alpha)},percentString:function(){return i.percentString(this.values.rgb,this.values.alpha)},hslString:function(){return i.hslString(this.values.hsl,this.values.alpha)},hslaString:function(){return i.hslaString(this.values.hsl,this.values.alpha)},hwbString:function(){return i.hwbString(this.values.hwb,this.values.alpha)},keyword:function(){return i.keyword(this.values.rgb,this.values.alpha)},rgbNumber:function(){return this.values.rgb[0]<<16|this.values.rgb[1]<<8|this.values.rgb[2]},luminosity:function(){for(var e=this.values.rgb,t=[],n=0;n<e.length;n++){var r=e[n]/255;t[n]=r<=.03928?r/12.92:Math.pow((r+.055)/1.055,2.4)}return.2126*t[0]+.7152*t[1]+.0722*t[2]},contrast:function(e){var t=this.luminosity(),n=e.luminosity();return t>n?(t+.05)/(n+.05):(n+.05)/(t+.05)},level:function(e){var t=this.contrast(e);return t>=7.1?"AAA":t>=4.5?"AA":""},dark:function(){var e=this.values.rgb,t=(299*e[0]+587*e[1]+114*e[2])/1e3;return t<128},light:function(){return!this.dark()},negate:function(){for(var e=[],t=0;t<3;t++)e[t]=255-this.values.rgb[t];return this.setValues("rgb",e),this},lighten:function(e){return this.values.hsl[2]+=this.values.hsl[2]*e,this.setValues("hsl",this.values.hsl),this},darken:function(e){return this.values.hsl[2]-=this.values.hsl[2]*e,this.setValues("hsl",this.values.hsl),this},saturate:function(e){return this.values.hsl[1]+=this.values.hsl[1]*e,this.setValues("hsl",this.values.hsl),this},desaturate:function(e){return this.values.hsl[1]-=this.values.hsl[1]*e,this.setValues("hsl",this.values.hsl),this},whiten:function(e){return this.values.hwb[1]+=this.values.hwb[1]*e,this.setValues("hwb",this.values.hwb),this},blacken:function(e){return this.values.hwb[2]+=this.values.hwb[2]*e,this.setValues("hwb",this.values.hwb),this},greyscale:function(){var e=this.values.rgb,t=.3*e[0]+.59*e[1]+.11*e[2];return this.setValues("rgb",[t,t,t]),this},clearer:function(e){return this.setValues("alpha",this.values.alpha-this.values.alpha*e),this},opaquer:function(e){return this.setValues("alpha",this.values.alpha+this.values.alpha*e),this},rotate:function(e){var t=this.values.hsl[0];return t=(t+e)%360,t=t<0?360+t:t,this.values.hsl[0]=t,this.setValues("hsl",this.values.hsl),this},mix:function(e,t){var n=this,r=e,o=void 0===t?.5:t,i=2*o-1,a=n.alpha()-r.alpha(),s=((i*a===-1?i:(i+a)/(1+i*a))+1)/2,u=1-s;return this.rgb(s*n.red()+u*r.red(),s*n.green()+u*r.green(),s*n.blue()+u*r.blue()).alpha(n.alpha()*o+r.alpha()*(1-o))},toJSON:function(){return this.rgb()},clone:function(){var e=new a;return e.values=r(this.values),e}},a.prototype.getValues=function(e){for(var t={},n=0;n<e.length;n++)t[e.charAt(n)]=this.values[e][n];return 1!==this.values.alpha&&(t.a=this.values.alpha),t},a.prototype.setValues=function(e,t){var n,r={rgb:["red","green","blue"],hsl:["hue","saturation","lightness"],hsv:["hue","saturation","value"],hwb:["hue","whiteness","blackness"],cmyk:["cyan","magenta","yellow","black"]},i={rgb:[255,255,255],hsl:[360,100,100],hsv:[360,100,100],hwb:[360,100,100],cmyk:[100,100,100,100]},a=1;if("alpha"===e)a=t;else if(t.length)this.values[e]=t.slice(0,e.length),a=t[e.length];else if(void 0!==t[e.charAt(0)]){for(n=0;n<e.length;n++)this.values[e][n]=t[e.charAt(n)];a=t.a}else if(void 0!==t[r[e][0]]){var s=r[e];for(n=0;n<e.length;n++)this.values[e][n]=t[s[n]];a=t.alpha}if(this.values.alpha=Math.max(0,Math.min(1,void 0===a?this.values.alpha:a)),"alpha"===e)return!1;var u;for(n=0;n<e.length;n++)u=Math.max(0,Math.min(i[e][n],this.values[e][n])),this.values[e][n]=Math.round(u);for(var l in r)for(l!==e&&(this.values[l]=o[e][l](this.values[e])),n=0;n<l.length;n++)u=Math.max(0,Math.min(i[l][n],this.values[l][n])),this.values[l][n]=Math.round(u);return!0},a.prototype.setSpace=function(e,t){var n=t[0];return void 0===n?this.getValues(e):("number"==typeof n&&(n=Array.prototype.slice.call(t)),this.setValues(e,n),this)},a.prototype.setChannel=function(e,t,n){return void 0===n?this.values[e][t]:n===this.values[e][t]?this:(this.values[e][t]=n,this.setValues(e,this.values[e]),this)},e.exports=a},function(e,t,n){(function(t){var n=function(){"use strict";function e(n,r,o,i){function s(n,o){if(null===n)return null;if(0==o)return n;var u,p;if("object"!=typeof n)return n;if(e.__isArray(n))u=[];else if(e.__isRegExp(n))u=new RegExp(n.source,a(n)),n.lastIndex&&(u.lastIndex=n.lastIndex);else if(e.__isDate(n))u=new Date(n.getTime());else{if(f&&t.isBuffer(n))return u=new t(n.length),n.copy(u),u;"undefined"==typeof i?(p=Object.getPrototypeOf(n),u=Object.create(p)):(u=Object.create(i),p=i)}if(r){var d=l.indexOf(n);if(d!=-1)return c[d];l.push(n),c.push(u)}for(var h in n){var v;p&&(v=Object.getOwnPropertyDescriptor(p,h)),v&&null==v.set||(u[h]=s(n[h],o-1))}return u}var u;"object"==typeof r&&(o=r.depth,i=r.prototype,u=r.filter,r=r.circular);var l=[],c=[],f="undefined"!=typeof t;return"undefined"==typeof r&&(r=!0),"undefined"==typeof o&&(o=1/0),s(n,o)}function n(e){return Object.prototype.toString.call(e)}function r(e){return"object"==typeof e&&"[object Date]"===n(e)}function o(e){return"object"==typeof e&&"[object Array]"===n(e)}function i(e){return"object"==typeof e&&"[object RegExp]"===n(e)}function a(e){var t="";return e.global&&(t+="g"),e.ignoreCase&&(t+="i"),e.multiline&&(t+="m"),t}return e.clonePrototype=function(e){if(null===e)return null;var t=function(){};return t.prototype=e,new t},e.__objToStr=n,e.__isDate=r,e.__isArray=o,e.__isRegExp=i,e.__getRegExpFlags=a,e}();"object"==typeof e&&e.exports&&(e.exports=n)}).call(t,n(3).Buffer)},function(e,t,n){(function(e,r){/*!
+function r(e,t){if(!i.canUseDOM||t&&!("addEventListener"in document))return!1;var n="on"+e,r=n in document;if(!r){var a=document.createElement("div");a.setAttribute(n,"return;"),r="function"==typeof a[n]}return!r&&o&&"wheel"===e&&(r=document.implementation.hasFeature("Events.wheel","3.0")),r}var o,i=n(36);i.canUseDOM&&(o=document.implementation&&document.implementation.hasFeature&&document.implementation.hasFeature("","")!==!0),e.exports=r},function(e,t){"use strict";function n(e,t){var n=null===e||e===!1,r=null===t||t===!1;if(n||r)return n===r;var o=typeof e,i=typeof t;return"string"===o||"number"===o?"string"===i||"number"===i:"object"===i&&e.type===t.type&&e.key===t.key}e.exports=n},function(e,t,n){"use strict";var r=(n(11),n(33)),o=(n(16),r);e.exports=o},function(e,t,n){"use strict";function r(e,t,n){this.props=e,this.context=t,this.refs=a,this.updater=n||i}var o=n(118),i=n(250),a=(n(422),n(112));n(13),n(16);r.prototype.isReactComponent={},r.prototype.setState=function(e,t){"object"!=typeof e&&"function"!=typeof e&&null!=e?o("85"):void 0,this.updater.enqueueSetState(this,e),t&&this.updater.enqueueCallback(this,t,"setState")},r.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this),e&&this.updater.enqueueCallback(this,e,"forceUpdate")};e.exports=r},function(e,t,n){"use strict";function r(e,t){}var o=(n(16),{isMounted:function(e){return!1},enqueueCallback:function(e,t){},enqueueForceUpdate:function(e){r(e,"forceUpdate")},enqueueReplaceState:function(e,t){r(e,"replaceState")},enqueueSetState:function(e,t){r(e,"setState")}});e.exports=o},function(e,t,n){"use strict";function r(e){var t=e[e.length-1];if(t)return t.title}function o(e){var t=e||"";t!==document.title&&(document.title=t)}function i(){}var a=n(1),s=n(12),u=n(1297);i.prototype=Object.create(a.Component.prototype),i.displayName="DocumentTitle",i.propTypes={title:s.string.isRequired},i.prototype.render=function(){return this.props.children?a.Children.only(this.props.children):null},e.exports=u(r,o)(i)},function(e,t){e.exports=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e}},function(e,t,n){var r=n(143),o=n(38)("toStringTag"),i="Arguments"==r(function(){return arguments}()),a=function(e,t){try{return e[t]}catch(n){}};e.exports=function(e){var t,n,s;return void 0===e?"Undefined":null===e?"Null":"string"==typeof(n=a(t=Object(e),o))?n:i?r(t):"Object"==(s=r(t))&&"function"==typeof t.callee?"Arguments":s}},function(e,t){e.exports=function(e){if(void 0==e)throw TypeError("Can't call method on  "+e);return e}},function(e,t,n){var r=n(121),o=n(51).document,i=r(o)&&r(o.createElement);e.exports=function(e){return i?o.createElement(e):{}}},function(e,t){e.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(e,t,n){var r=n(73),o=n(1524),i=n(256),a=n(259)("IE_PROTO"),s=function(){},u="prototype",l=function(){var e,t=n(255)("iframe"),r=i.length,o="<",a=">";for(t.style.display="none",n(433).appendChild(t),t.src="javascript:",e=t.contentWindow.document,e.open(),e.write(o+"script"+a+"document.F=Object"+o+"/script"+a),e.close(),l=e.F;r--;)delete l[u][i[r]];return l()};e.exports=Object.create||function(e,t){var n;return null!==e?(s[u]=r(e),n=new s,s[u]=null,n[a]=e):n=l(),void 0===t?n:o(n,t)}},function(e,t){t.f=Object.getOwnPropertySymbols},function(e,t,n){var r=n(260)("keys"),o=n(178);e.exports=function(e){return r[e]||(r[e]=o(e))}},function(e,t,n){var r=n(51),o="__core-js_shared__",i=r[o]||(r[o]={});e.exports=function(e){return i[e]||(i[e]={})}},function(e,t){var n=Math.ceil,r=Math.floor;e.exports=function(e){return isNaN(e=+e)?0:(e>0?r:n)(e)}},function(e,t,n){var r=n(261),o=Math.min;e.exports=function(e){return e>0?o(r(e),9007199254740991):0}},function(e,t,n){var r=n(254);e.exports=function(e){return Object(r(e))}},function(e,t,n){var r=n(121);e.exports=function(e,t){if(!r(e))return e;var n,o;if(t&&"function"==typeof(n=e.toString)&&!r(o=n.call(e)))return o;if("function"==typeof(n=e.valueOf)&&!r(o=n.call(e)))return o;if(!t&&"function"==typeof(n=e.toString)&&!r(o=n.call(e)))return o;throw TypeError("Can't convert object to primitive value")}},function(e,t,n){var r=n(51),o=n(37),i=n(175),a=n(266),s=n(74).f;e.exports=function(e){var t=o.Symbol||(o.Symbol=i?{}:r.Symbol||{});"_"==e.charAt(0)||e in t||s(t,e,{value:a.f(e)})}},function(e,t,n){t.f=n(38)},function(e,t,n){var r=n(253),o=n(38)("iterator"),i=n(122);e.exports=n(37).getIteratorMethod=function(e){if(void 0!=e)return e[o]||e["@@iterator"]||i[r(e)]}},function(e,t,n){"use strict";var r=n(32),o=n(104),i=n(30);e.exports=function(e){for(var t=r(this),n=i(t.length),a=arguments.length,s=o(a>1?arguments[1]:void 0,n),u=a>2?arguments[2]:void 0,l=void 0===u?n:o(u,n);l>s;)t[s++]=e;return t}},function(e,t,n){"use strict";var r=n(27),o=n(84);e.exports=function(e,t,n){t in e?r.f(e,t,o(0,n)):e[t]=n}},function(e,t,n){var r=n(21),o=n(17).document,i=r(o)&&r(o.createElement);e.exports=function(e){return i?o.createElement(e):{}}},function(e,t){e.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(e,t,n){var r=n(24)("match");e.exports=function(e){var t=/./;try{"/./"[e](t)}catch(n){try{return t[r]=!1,!"/./"[e](t)}catch(o){}}return!0}},function(e,t,n){e.exports=n(17).document&&document.documentElement},function(e,t,n){var r=n(21),o=n(282).set;e.exports=function(e,t,n){var i,a=t.constructor;return a!==n&&"function"==typeof a&&(i=a.prototype)!==n.prototype&&r(i)&&o&&o(e,i),e}},function(e,t,n){var r=n(125),o=n(24)("iterator"),i=Array.prototype;e.exports=function(e){return void 0!==e&&(r.Array===e||i[o]===e)}},function(e,t,n){var r=n(59);e.exports=Array.isArray||function(e){return"Array"==r(e)}},function(e,t,n){"use strict";var r=n(99),o=n(84),i=n(126),a={};n(41)(a,n(24)("iterator"),function(){return this}),e.exports=function(e,t,n){e.prototype=r(a,{next:o(1,n)}),i(e,t+" Iterator")}},function(e,t,n){"use strict";var r=n(98),o=n(5),i=n(42),a=n(41),s=n(39),u=n(125),l=n(277),c=n(126),f=n(53),p=n(24)("iterator"),d=!([].keys&&"next"in[].keys()),h="@@iterator",v="keys",m="values",y=function(){return this};e.exports=function(e,t,n,g,b,_,w){l(n,t,g);var x,C,E,S=function(e){if(!d&&e in k)return k[e];switch(e){case v:return function(){return new n(this,e)};case m:return function(){return new n(this,e)}}return function(){return new n(this,e)}},O=t+" Iterator",P=b==m,T=!1,k=e.prototype,M=k[p]||k[h]||b&&k[b],N=M||S(b),A=b?P?S("entries"):N:void 0,D="Array"==t?k.entries||M:M;if(D&&(E=f(D.call(new e)),E!==Object.prototype&&(c(E,O,!0),r||s(E,p)||a(E,p,y))),P&&M&&M.name!==m&&(T=!0,N=function(){return M.call(this)}),r&&!w||!d&&!T&&k[p]||a(k,p,N),u[t]=N,u[O]=y,b)if(x={values:P?N:S(m),keys:_?N:S(v),entries:A},w)for(C in x)C in k||i(k,C,x[C]);else o(o.P+o.F*(d||T),t,x);return x}},function(e,t){var n=Math.expm1;e.exports=!n||n(10)>22025.465794806718||n(10)<22025.465794806718||n(-2e-17)!=-2e-17?function(e){return 0==(e=+e)?e:e>-1e-6&&e<1e-6?e+e*e/2:Math.exp(e)-1}:n},function(e,t){e.exports=Math.sign||function(e){return 0==(e=+e)||e!=e?e:e<0?-1:1}},function(e,t,n){var r=n(17),o=n(289).set,i=r.MutationObserver||r.WebKitMutationObserver,a=r.process,s=r.Promise,u="process"==n(59)(a);e.exports=function(){var e,t,n,l=function(){var r,o;for(u&&(r=a.domain)&&r.exit();e;){o=e.fn,e=e.next;try{o()}catch(i){throw e?n():t=void 0,i}}t=void 0,r&&r.enter()};if(u)n=function(){a.nextTick(l)};else if(i){var c=!0,f=document.createTextNode("");new i(l).observe(f,{characterData:!0}),n=function(){f.data=c=!c}}else if(s&&s.resolve){var p=s.resolve();n=function(){p.then(l)}}else n=function(){o.call(r,l)};return function(r){var o={fn:r,next:void 0};t&&(t.next=o),e||(e=o,n()),t=o}}},function(e,t,n){var r=n(21),o=n(15),i=function(e,t){if(o(e),!r(t)&&null!==t)throw TypeError(t+": can't set as prototype!")};e.exports={set:Object.setPrototypeOf||("__proto__"in{}?function(e,t,r){try{r=n(76)(Function.call,n(52).f(Object.prototype,"__proto__").set,2),r(e,[]),t=!(e instanceof Array)}catch(o){t=!0}return function(e,n){return i(e,n),t?e.__proto__=n:r(e,n),e}}({},!1):void 0),check:i}},function(e,t,n){var r=n(189)("keys"),o=n(105);e.exports=function(e){return r[e]||(r[e]=o(e))}},function(e,t,n){var r=n(15),o=n(40),i=n(24)("species");e.exports=function(e,t){var n,a=r(e).constructor;return void 0===a||void 0==(n=r(a)[i])?t:o(n)}},function(e,t,n){var r=n(85),o=n(60);e.exports=function(e){return function(t,n){var i,a,s=String(o(t)),u=r(n),l=s.length;return u<0||u>=l?e?"":void 0:(i=s.charCodeAt(u),i<55296||i>56319||u+1===l||(a=s.charCodeAt(u+1))<56320||a>57343?e?s.charAt(u):i:e?s.slice(u,u+2):(i-55296<<10)+(a-56320)+65536)}}},function(e,t,n){var r=n(185),o=n(60);e.exports=function(e,t,n){if(r(t))throw TypeError("String#"+n+" doesn't accept regex!");return String(o(e))}},function(e,t,n){"use strict";var r=n(85),o=n(60);e.exports=function(e){var t=String(o(this)),n="",i=r(e);if(i<0||i==1/0)throw RangeError("Count can't be negative");for(;i>0;(i>>>=1)&&(t+=t))1&i&&(n+=t);return n}},function(e,t){e.exports="\t\n\x0B\f\r \xa0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\u2028\u2029\ufeff"},function(e,t,n){var r,o,i,a=n(76),s=n(184),u=n(273),l=n(270),c=n(17),f=c.process,p=c.setImmediate,d=c.clearImmediate,h=c.MessageChannel,v=0,m={},y="onreadystatechange",g=function(){var e=+this;if(m.hasOwnProperty(e)){var t=m[e];delete m[e],t()}},b=function(e){g.call(e.data)};p&&d||(p=function(e){for(var t=[],n=1;arguments.length>n;)t.push(arguments[n++]);return m[++v]=function(){s("function"==typeof e?e:Function(e),t)},r(v),v},d=function(e){delete m[e]},"process"==n(59)(f)?r=function(e){f.nextTick(a(g,e,1))}:h?(o=new h,i=o.port2,o.port1.onmessage=b,r=a(i.postMessage,i,1)):c.addEventListener&&"function"==typeof postMessage&&!c.importScripts?(r=function(e){c.postMessage(e+"","*")},c.addEventListener("message",b,!1)):r=y in l("script")?function(e){u.appendChild(l("script"))[y]=function(){u.removeChild(this),g.call(e)}}:function(e){setTimeout(a(g,e,1),0)}),e.exports={set:p,clear:d}},function(e,t,n){"use strict";var r=n(17),o=n(26),i=n(98),a=n(190),s=n(41),u=n(102),l=n(18),c=n(97),f=n(85),p=n(30),d=n(100).f,h=n(27).f,v=n(268),m=n(126),y="ArrayBuffer",g="DataView",b="prototype",_="Wrong length!",w="Wrong index!",x=r[y],C=r[g],E=r.Math,S=r.RangeError,O=r.Infinity,P=x,T=E.abs,k=E.pow,M=E.floor,N=E.log,A=E.LN2,D="buffer",j="byteLength",R="byteOffset",I=o?"_b":D,L=o?"_l":j,F=o?"_o":R,U=function(e,t,n){var r,o,i,a=Array(n),s=8*n-t-1,u=(1<<s)-1,l=u>>1,c=23===t?k(2,-24)-k(2,-77):0,f=0,p=e<0||0===e&&1/e<0?1:0;for(e=T(e),e!=e||e===O?(o=e!=e?1:0,r=u):(r=M(N(e)/A),e*(i=k(2,-r))<1&&(r--,i*=2),e+=r+l>=1?c/i:c*k(2,1-l),e*i>=2&&(r++,i/=2),r+l>=u?(o=0,r=u):r+l>=1?(o=(e*i-1)*k(2,t),r+=l):(o=e*k(2,l-1)*k(2,t),r=0));t>=8;a[f++]=255&o,o/=256,t-=8);for(r=r<<t|o,s+=t;s>0;a[f++]=255&r,r/=256,s-=8);return a[--f]|=128*p,a},V=function(e,t,n){var r,o=8*n-t-1,i=(1<<o)-1,a=i>>1,s=o-7,u=n-1,l=e[u--],c=127&l;for(l>>=7;s>0;c=256*c+e[u],u--,s-=8);for(r=c&(1<<-s)-1,c>>=-s,s+=t;s>0;r=256*r+e[u],u--,s-=8);if(0===c)c=1-a;else{if(c===i)return r?NaN:l?-O:O;r+=k(2,t),c-=a}return(l?-1:1)*r*k(2,c-t)},B=function(e){return e[3]<<24|e[2]<<16|e[1]<<8|e[0]},z=function(e){return[255&e]},H=function(e){return[255&e,e>>8&255]},K=function(e){return[255&e,e>>8&255,e>>16&255,e>>24&255]},W=function(e){return U(e,52,8)},q=function(e){return U(e,23,4)},Y=function(e,t,n){h(e[b],t,{get:function(){return this[n]}})},G=function(e,t,n,r){var o=+n,i=f(o);if(o!=i||i<0||i+t>e[L])throw S(w);var a=e[I]._b,s=i+e[F],u=a.slice(s,s+t);return r?u:u.reverse()},X=function(e,t,n,r,o,i){var a=+n,s=f(a);if(a!=s||s<0||s+t>e[L])throw S(w);for(var u=e[I]._b,l=s+e[F],c=r(+o),p=0;p<t;p++)u[l+p]=c[i?p:t-p-1]},$=function(e,t){c(e,x,y);var n=+t,r=p(n);if(n!=r)throw S(_);return r};if(a.ABV){if(!l(function(){new x})||!l(function(){new x(.5)})){x=function(e){return new P($(this,e))};for(var Z,Q=x[b]=P[b],J=d(P),ee=0;J.length>ee;)(Z=J[ee++])in x||s(x,Z,P[Z]);i||(Q.constructor=x)}var te=new C(new x(2)),ne=C[b].setInt8;te.setInt8(0,2147483648),te.setInt8(1,2147483649),!te.getInt8(0)&&te.getInt8(1)||u(C[b],{setInt8:function(e,t){ne.call(this,e,t<<24>>24)},setUint8:function(e,t){ne.call(this,e,t<<24>>24)}},!0)}else x=function(e){var t=$(this,e);this._b=v.call(Array(t),0),this[L]=t},C=function(e,t,n){c(this,C,g),c(e,x,g);var r=e[L],o=f(t);if(o<0||o>r)throw S("Wrong offset!");if(n=void 0===n?r-o:p(n),o+n>r)throw S(_);this[I]=e,this[F]=o,this[L]=n},o&&(Y(x,j,"_l"),Y(C,D,"_b"),Y(C,j,"_l"),Y(C,R,"_o")),u(C[b],{getInt8:function(e){return G(this,1,e)[0]<<24>>24},getUint8:function(e){return G(this,1,e)[0]},getInt16:function(e){var t=G(this,2,e,arguments[1]);return(t[1]<<8|t[0])<<16>>16},getUint16:function(e){var t=G(this,2,e,arguments[1]);return t[1]<<8|t[0]},getInt32:function(e){return B(G(this,4,e,arguments[1]))},getUint32:function(e){return B(G(this,4,e,arguments[1]))>>>0},getFloat32:function(e){return V(G(this,4,e,arguments[1]),23,4)},getFloat64:function(e){return V(G(this,8,e,arguments[1]),52,8)},setInt8:function(e,t){X(this,1,e,z,t)},setUint8:function(e,t){X(this,1,e,z,t)},setInt16:function(e,t){X(this,2,e,H,t,arguments[2])},setUint16:function(e,t){X(this,2,e,H,t,arguments[2])},setInt32:function(e,t){X(this,4,e,K,t,arguments[2])},setUint32:function(e,t){X(this,4,e,K,t,arguments[2])},setFloat32:function(e,t){X(this,4,e,q,t,arguments[2])},setFloat64:function(e,t){X(this,8,e,W,t,arguments[2])}});m(x,y),m(C,g),s(C[b],a.VIEW,!0),t[y]=x,t[g]=C},function(e,t,n){var r=n(17),o=n(75),i=n(98),a=n(469),s=n(27).f;e.exports=function(e){var t=o.Symbol||(o.Symbol=i?{}:r.Symbol||{});"_"==e.charAt(0)||e in t||s(t,e,{value:a.f(e)})}},function(e,t,n){var r=n(148),o=n(24)("iterator"),i=n(125);e.exports=n(75).getIteratorMethod=function(e){if(void 0!=e)return e[o]||e["@@iterator"]||i[r(e)]}},function(e,t,n){"use strict";var r=n(123),o=n(457),i=n(125),a=n(44);e.exports=n(278)(Array,"Array",function(e,t){this._t=a(e),this._i=0,this._k=t},function(){var e=this._t,t=this._k,n=this._i++;return!e||n>=e.length?(this._t=void 0,o(1)):"keys"==t?o(0,n):"values"==t?o(0,e[n]):o(0,[n,e[n]])},"values"),i.Arguments=i.Array,r("keys"),r("values"),r("entries")},function(e,t,n){"use strict";t.__esModule=!0,t.go=t.replaceLocation=t.pushLocation=t.startListener=t.getUserConfirmation=t.getCurrentLocation=void 0;var r=n(106),o=n(151),i=n(474),a=n(86),s=n(193),u="popstate",l="hashchange",c=s.canUseDOM&&!(0,o.supportsPopstateOnHashchange)(),f=function(e){var t=e&&e.key;return(0,r.createLocation)({pathname:window.location.pathname,search:window.location.search,hash:window.location.hash,state:t?(0,i.readState)(t):void 0},void 0,t)},p=t.getCurrentLocation=function(){var e=void 0;try{e=window.history.state||{}}catch(t){e={}}return f(e)},d=(t.getUserConfirmation=function(e,t){return t(window.confirm(e))},t.startListener=function(e){var t=function(t){(0,o.isExtraneousPopstateEvent)(t)||e(f(t.state))};(0,o.addEventListener)(window,u,t);var n=function(){return e(p())};return c&&(0,o.addEventListener)(window,l,n),function(){(0,o.removeEventListener)(window,u,t),c&&(0,o.removeEventListener)(window,l,n)}},function(e,t){var n=e.state,r=e.key;void 0!==n&&(0,i.saveState)(r,n),t({key:r},(0,a.createPath)(e))});t.pushLocation=function(e){return d(e,function(e,t){return window.history.pushState(e,null,t)})},t.replaceLocation=function(e){return d(e,function(e,t){return window.history.replaceState(e,null,t)})},t.go=function(e){e&&window.history.go(e)}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(1741),i=n(86),a=n(296),s=r(a),u=n(192),l=n(106),c=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.getCurrentLocation,n=e.getUserConfirmation,r=e.pushLocation,a=e.replaceLocation,c=e.go,f=e.keyLength,p=void 0,d=void 0,h=[],v=[],m=[],y=function(){return d&&d.action===u.POP?m.indexOf(d.key):p?m.indexOf(p.key):-1},g=function(e){var t=y();p=e,p.action===u.PUSH?m=[].concat(m.slice(0,t+1),[p.key]):p.action===u.REPLACE&&(m[t]=p.key),v.forEach(function(e){return e(p)})},b=function(e){return h.push(e),function(){return h=h.filter(function(t){return t!==e})}},_=function(e){return v.push(e),function(){return v=v.filter(function(t){return t!==e})}},w=function(e,t){(0,o.loopAsync)(h.length,function(t,n,r){(0,s["default"])(h[t],e,function(e){return null!=e?r(e):n()})},function(e){n&&"string"==typeof e?n(e,function(e){return t(e!==!1)}):t(e!==!1)})},x=function(e){p&&(0,l.locationsAreEqual)(p,e)||d&&(0,l.locationsAreEqual)(d,e)||(d=e,w(e,function(t){if(d===e)if(d=null,t){if(e.action===u.PUSH){var n=(0,i.createPath)(p),o=(0,i.createPath)(e);o===n&&(0,l.statesAreEqual)(p.state,e.state)&&(e.action=u.REPLACE)}e.action===u.POP?g(e):e.action===u.PUSH?r(e)!==!1&&g(e):e.action===u.REPLACE&&a(e)!==!1&&g(e)}else if(p&&e.action===u.POP){var s=m.indexOf(p.key),f=m.indexOf(e.key);s!==-1&&f!==-1&&c(s-f)}}))},C=function(e){return x(k(e,u.PUSH))},E=function(e){return x(k(e,u.REPLACE))},S=function(){return c(-1)},O=function(){return c(1)},P=function(){return Math.random().toString(36).substr(2,f||6)},T=function(e){return(0,i.createPath)(e)},k=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:P();return(0,l.createLocation)(e,t,n)};return{getCurrentLocation:t,listenBefore:b,listen:_,transitionTo:x,push:C,replace:E,go:c,goBack:S,goForward:O,createKey:P,createPath:i.createPath,createHref:T,createLocation:k}};t["default"]=c},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(45),i=(r(o),function(e,t,n){var r=e(t,n);e.length<2&&n(r)});t["default"]=i},function(e,t){"use strict";var n={MAC_ENTER:3,BACKSPACE:8,TAB:9,NUM_CENTER:12,ENTER:13,SHIFT:16,CTRL:17,ALT:18,PAUSE:19,CAPS_LOCK:20,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,PRINT_SCREEN:44,INSERT:45,DELETE:46,ZERO:48,ONE:49,TWO:50,THREE:51,FOUR:52,FIVE:53,SIX:54,SEVEN:55,EIGHT:56,NINE:57,QUESTION_MARK:63,A:65,B:66,C:67,D:68,E:69,F:70,G:71,H:72,I:73,J:74,K:75,L:76,M:77,N:78,O:79,P:80,Q:81,R:82,S:83,T:84,U:85,V:86,W:87,X:88,Y:89,Z:90,META:91,WIN_KEY_RIGHT:92,CONTEXT_MENU:93,NUM_ZERO:96,NUM_ONE:97,NUM_TWO:98,NUM_THREE:99,NUM_FOUR:100,NUM_FIVE:101,NUM_SIX:102,NUM_SEVEN:103,NUM_EIGHT:104,NUM_NINE:105,NUM_MULTIPLY:106,NUM_PLUS:107,NUM_MINUS:109,NUM_PERIOD:110,NUM_DIVISION:111,F1:112,F2:113,F3:114,F4:115,F5:116,F6:117,F7:118,F8:119,F9:120,F10:121,F11:122,F12:123,NUMLOCK:144,SEMICOLON:186,DASH:189,EQUALS:187,COMMA:188,PERIOD:190,SLASH:191,APOSTROPHE:192,SINGLE_QUOTE:222,OPEN_SQUARE_BRACKET:219,BACKSLASH:220,CLOSE_SQUARE_BRACKET:221,WIN_KEY:224,MAC_FF_META:224,WIN_IME:229};n.isTextModifyingKeyEvent=function(e){var t=e.keyCode;if(e.altKey&&!e.ctrlKey||e.metaKey||t>=n.F1&&t<=n.F12)return!1;switch(t){case n.ALT:case n.CAPS_LOCK:case n.CONTEXT_MENU:case n.CTRL:case n.DOWN:case n.END:case n.ESC:case n.HOME:case n.INSERT:case n.LEFT:case n.MAC_FF_META:case n.META:case n.NUMLOCK:case n.NUM_CENTER:case n.PAGE_DOWN:case n.PAGE_UP:case n.PAUSE:case n.PRINT_SCREEN:case n.RIGHT:case n.SHIFT:case n.UP:case n.WIN_KEY:case n.WIN_KEY_RIGHT:return!1;default:return!0}},n.isCharacterKey=function(e){if(e>=n.ZERO&&e<=n.NINE)return!0;if(e>=n.NUM_ZERO&&e<=n.NUM_MULTIPLY)return!0;if(e>=n.A&&e<=n.Z)return!0;if(window.navigation.userAgent.indexOf("WebKit")!==-1&&0===e)return!0;switch(e){case n.SPACE:case n.QUESTION_MARK:case n.NUM_PLUS:case n.NUM_MINUS:case n.NUM_PERIOD:case n.NUM_DIVISION:case n.SEMICOLON:case n.DASH:case n.EQUALS:case n.COMMA:case n.PERIOD:case n.SLASH:case n.APOSTROPHE:case n.SINGLE_QUOTE:case n.OPEN_SQUARE_BRACKET:case n.BACKSLASH:case n.CLOSE_SQUARE_BRACKET:return!0;default:return!1}},e.exports=n},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=[];return a["default"].Children.forEach(e,function(e){t.push(e)}),t}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var i=n(1),a=r(i);e.exports=t["default"]},function(e,t,n){"use strict";var r=n(1778),o=n(1774),i=n(1775);r.Column=o,r.ColumnGroup=i,e.exports=r},function(e,t){"use strict";function n(e,t){if("undefined"==typeof window)return 0;var n=t?"pageYOffset":"pageXOffset",r=t?"scrollTop":"scrollLeft",o=e===window,i=o?e[n]:e[r];return o&&"number"!=typeof i&&(i=window.document.documentElement[r]),i}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=n,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n){var r=void 0,o=void 0;return(0,a["default"])(e,"ant-motion-collapse",{start:function(){t?(r=e.offsetHeight,e.style.height=0,e.style.opacity=0):(e.style.height=e.offsetHeight+"px",e.style.opacity=1)},active:function(){o&&(0,s.cancelRequestAnimationFrame)(o),o=l(function(){e.style.height=(t?r:0)+"px",e.style.opacity=t?1:0})},end:function(){o&&(0,s.cancelRequestAnimationFrame)(o),e.style.height="",e.style.opacity="",n()}})}Object.defineProperty(t,"__esModule",{value:!0});var i=n(230),a=r(i),s=n(199),u=r(s),l=(0,u["default"])(),c={enter:function(e,t){return o(e,!0,t)},leave:function(e,t){return o(e,!1,t)},appear:function(e,t){return o(e,!0,t)}};t["default"]=c,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(492),i=r(o),a=n(1825),s=r(a);i["default"].Button=s["default"],t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(25),i=r(o),a=n(1376),s=r(a),u=n(490),l=r(u),c=n(511),f=r(c),p=n(1808),d=r(p);i["default"].locale("en"),t["default"]={locale:"en",Pagination:s["default"],DatePicker:l["default"],TimePicker:f["default"],Calendar:d["default"],Table:{filterTitle:"Filter Menu",filterConfirm:"OK",filterReset:"Reset",emptyText:"No Data",selectAll:"Select All",selectInvert:"Select Invert"},Modal:{okText:"OK",cancelText:"Cancel",justOkText:"OK"},Popconfirm:{okText:"OK",cancelText:"Cancel"},Transfer:{notFoundContent:"Not Found",searchPlaceholder:"Search here",itemUnit:"item",itemsUnit:"items"},Select:{notFoundContent:"Not Found"},Upload:{uploading:"Uploading...",removeFile:"Remove file",uploadError:"Upload error",previewFile:"Preview file"}},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(10),i=r(o),a=n(9),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(1464),y=r(m),g=n(8),b=r(g),_=n(56),w=r(_),x=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},C=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.shouldComponentUpdate=function(e,t,n){return!(0,w["default"])(this.props,e)||!(0,w["default"])(this.state,t)||!(0,w["default"])(this.context.radioGroup,n.radioGroup)},t.prototype.render=function(){var e,t=this.props,n=this.context,r=t.prefixCls,o=t.className,a=t.children,u=t.style,l=x(t,["prefixCls","className","children","style"]),c=n.radioGroup,f=(0,s["default"])({},l);c&&(f.onChange=c.onChange,f.checked=t.value===c.value,f.disabled=t.disabled||c.disabled);var p=(0,b["default"])(o,(e={},(0,i["default"])(e,r+"-wrapper",!0),(0,i["default"])(e,r+"-wrapper-checked",f.checked),(0,i["default"])(e,r+"-wrapper-disabled",f.disabled),e));return v["default"].createElement("label",{className:p,style:u,onMouseEnter:t.onMouseEnter,onMouseLeave:t.onMouseLeave},v["default"].createElement(y["default"],(0,s["default"])({},f,{prefixCls:r})),void 0!==a?v["default"].createElement("span",null,a):null)},t}(v["default"].Component);t["default"]=C,C.defaultProps={prefixCls:"ant-radio"},C.contextTypes={radioGroup:h.PropTypes.any},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1270)},function(e,t,n){"use strict";n(14),n(1282)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),i=r(o);t["default"]=function(e){var t=e.children;return i["default"].createElement("div",{className:"browser-mockup with-url"},t)},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(195),d=r(p),h=n(3),v=function(e){function t(){var n,r,o;(0,i["default"])(this,t);for(var a=arguments.length,u=Array(a),l=0;l<a;l++)u[l]=arguments[l];return n=r=(0,s["default"])(this,e.call.apply(e,[this].concat(u))),r.onCopied=function(){var e=r.props.color;h.message.success("Copied: "+e)},o=n,(0,s["default"])(r,o)}return(0,l["default"])(t,e),t.prototype.getTextStyle=function(){var e=this.props,t=e.color,n=e.index;return{background:t,color:n>5?"#fff":"unset",fontWeight:6===n?"bold":"normal"}},t.prototype.render=function(){var e=this.props,t=e.color,n=e.index;return f["default"].createElement(d["default"],{text:t,onCopy:this.onCopied,title:"click to copy color"},f["default"].createElement("div",{className:"main-color-item",style:this.getTextStyle()},"color-",n,f["default"].createElement("span",{className:"main-color-value"},t)))},t}(c.Component);t["default"]=v,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var i,a,s=n(62),u=o(s),l=n(4),c=o(l),f=n(7),p=o(f),d=n(6),h=o(d),v=n(1),m=o(v),y=n(50),g=n(251),b=o(g),_=n(131),w=n(3),x=n(1738),C=o(x),E=n(159),S=o(E),O=n(46),P=r(O),T=(a=i=function(e){function t(){return(0,c["default"])(this,t),(0,p["default"])(this,e.apply(this,arguments))}return(0,h["default"])(t,e),t.prototype.componentDidMount=function(){this.delegation=(0,C["default"])(this.node,".resource-card","click",function(e){window.ga&&window.ga("send","event","Download","resource",e.delegateTarget.href)},!1),this.componentDidUpdate()},t.prototype.componentDidUpdate=function(){var e=[].concat((0,u["default"])(document.querySelectorAll(".outside-link.internal")));if(0!==e.length){var t="https://private.alipayobjects.com/alipay-rmsdeploy-image/rmsportal/RKuAiriJqrUhyqW.png";this.pingTimer=P.ping(t,function(t){"timeout"!==t&&"error"!==t?e.forEach(function(e){return e.style.display="block"}):e.forEach(function(e){return e.parentNode.removeChild(e)})})}},t.prototype.componentWillUnmount=function(){clearTimeout(this.pingTimer),this.delegation&&this.delegation.destroy()},t.prototype.getArticle=function(e){var t=this.props.content,n=t.meta;if(!n.timeline)return e;var r=[],o=[],i=1;return v.Children.forEach(e.props.children,function(e){"h2"===e.type&&o.length>0&&(r.push(m["default"].createElement(w.Timeline.Item,{key:i},o)),o=[],i+=1),o.push(e)}),o.length>0&&r.push(m["default"].createElement(w.Timeline.Item,{key:i},o)),(0,v.cloneElement)(e,{children:m["default"].createElement(w.Timeline,null,r)})},t.prototype.render=function(){var e=this,t=this.props,n=t.content,r=n.meta,o=n.description,i=r.title,a=r.subtitle,s=r.filename,u=this.context.intl.locale;return m["default"].createElement(b["default"],{title:(i[u]||i)+" - Ant Design"},m["default"].createElement("article",{className:"markdown",ref:function(t){e.node=t}},m["default"].createElement("h1",null,i[u]||i,a&&"en-US"!==u?m["default"].createElement("span",{className:"subtitle"},a):null,m["default"].createElement(S["default"],{title:m["default"].createElement(y.FormattedMessage,{id:"app.content.edit-page"}),filename:s})),o?t.utils.toReactComponent(["section",{className:"markdown"}].concat((0,_.getChildren)(o))):null,!n.toc||n.toc.length<=1||r.toc===!1?null:m["default"].createElement("section",{className:"toc"},t.utils.toReactComponent(n.toc)),this.getArticle(t.utils.toReactComponent(["section",{className:"markdown"}].concat((0,_.getChildren)(n.content))))))},t}(m["default"].Component),i.contextTypes={intl:v.PropTypes.object.isRequired},a);t["default"]=T,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o,i,a=n(9),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(12),y=r(m),g=n(251),b=r(g),_=n(50),w=n(8),x=r(w),C=n(3),E=n(131),S=n(311),O=r(S),P=n(159),T=r(P),k=(i=o=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n));return r.handleExpandToggle=function(){r.setState({expandAll:!r.state.expandAll})},r.state={expandAll:!1},r}return(0,d["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.doc,n=e.location,r=t.content,o=t.meta,i=this.context.intl.locale,a=Object.keys(e.demos).map(function(t){return e.demos[t]}),u=this.state.expandAll,l=1===o.cols,c=[],f=[],p=a.some(function(e){return e.meta.only})?a.filter(function(e){return e.meta.only}):a.filter(function(e){return e.preview});p.sort(function(e,t){return e.meta.order-t.meta.order}).forEach(function(t,r){var o=v["default"].createElement(O["default"],(0,s["default"])({},t,{key:t.meta.filename,utils:e.utils,expand:u,location:n}));r%2===0||l?c.push(o):f.push(o)});var d=(0,x["default"])({"code-box-expand-trigger":!0,"code-box-expand-trigger-active":u}),h=p.map(function(e){var t=e.meta.title,n=t[i]||t;return v["default"].createElement("li",{key:e.meta.id,title:n},v["default"].createElement("a",{href:"#"+e.meta.id},n))}),m=o.title,y=o.subtitle,g=o.filename;return v["default"].createElement(b["default"],{title:(y||"")+" "+(m[i]||m)+" - Ant Design"},v["default"].createElement("article",null,v["default"].createElement(C.Affix,{className:"toc-affix",offsetTop:16},v["default"].createElement("ul",{className:"toc demos-anchor"},h)),v["default"].createElement("section",{className:"markdown"},v["default"].createElement("h1",null,m[i]||m,y?v["default"].createElement("span",{className:"subtitle"},y):null,v["default"].createElement(T["default"],{title:v["default"].createElement(_.FormattedMessage,{id:"app.content.edit-page"}),filename:g})),e.utils.toReactComponent(["section",{className:"markdown"}].concat((0,E.getChildren)(r))),v["default"].createElement("h2",null,v["default"].createElement(_.FormattedMessage,{id:"app.component.examples"}),v["default"].createElement(C.Icon,{type:"appstore",className:d,title:"\u5c55\u5f00\u5168\u90e8\u4ee3\u7801",onClick:this.handleExpandToggle}))),v["default"].createElement(C.Row,{gutter:16},v["default"].createElement(C.Col,{span:l?"24":"12",className:l?"code-boxes-col-1-1":"code-boxes-col-2-1"},c),l?null:v["default"].createElement(C.Col,{className:"code-boxes-col-2-1",span:"12"},f)),e.utils.toReactComponent(["section",{className:"markdown api-container"}].concat((0,E.getChildren)(t.api||["placeholder"])))))},t}(v["default"].Component),o.contextTypes={intl:y["default"].object},i);t["default"]=k,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o,i,a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(2),v=r(h),m=n(12),y=r(m),g=n(50),b=n(195),_=r(b),w=n(8),x=r(w),C=n(3),E=n(159),S=r(E),O=n(307),P=r(O),T=(i=o=function(e){function t(n){(0,s["default"])(this,t);var r=(0,l["default"])(this,e.call(this,n));return r.handleCodeExapnd=function(){r.setState({codeExpand:!r.state.codeExpand})},r.saveAnchor=function(e){r.anchor=e},r.handleCodeCopied=function(){r.setState({copied:!0})},r.onCopyTooltipVisibleChange=function(e){return e?void r.setState({
+copyTooltipVisible:e,copied:!1}):void r.setState({copyTooltipVisible:e})},r.state={codeExpand:!1,sourceCode:"",copied:!1,copyTooltipVisible:!1},r}return(0,f["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){var t=e.highlightedCode,n=document.createElement("div");n.innerHTML=t[1].highlighted,this.setState({sourceCode:n.textContent})},t.prototype.shouldComponentUpdate=function(e,t){return(this.state.codeExpand||this.props.expand)!==(t.codeExpand||e.expand)||this.state.copied!==t.copied||this.state.copyTooltipVisible!==t.copyTooltipVisible},t.prototype.componentDidMount=function(){var e=this.props,t=e.meta,n=e.location;t.id===n.hash.slice(1)&&this.anchor.click(),this.componentWillReceiveProps(this.props)},t.prototype.render=function(){var e=this.state,t=this.props,n=t.meta,r=t.src,o=t.content,i=t.preview,a=t.highlightedCode,s=t.style,u=t.highlightedStyle,l=t.expand;this.liveDemo||(this.liveDemo=n.iframe?d["default"].createElement(P["default"],null,d["default"].createElement("iframe",{src:r,height:n.iframe})):i(d["default"],v["default"]));var c=e.codeExpand||l,f=(0,x["default"])({"code-box":!0,expand:c}),p=this.context.intl.locale,h=n.title[p]||n.title,m=o[p]||o,y=t.utils.toReactComponent(["div"].concat(m)),b=(0,x["default"])({"highlight-wrapper":!0,"highlight-wrapper-expand":c});return d["default"].createElement("section",{className:f,id:n.id},d["default"].createElement("section",{className:"code-box-demo"},this.liveDemo,s?d["default"].createElement("style",{dangerouslySetInnerHTML:{__html:s}}):null),d["default"].createElement("section",{className:"code-box-meta markdown"},d["default"].createElement("div",{className:"code-box-title"},d["default"].createElement("a",{href:"#"+n.id,ref:this.saveAnchor},h),d["default"].createElement(S["default"],{title:d["default"].createElement(g.FormattedMessage,{id:"app.content.edit-page"}),filename:n.filename})),y,d["default"].createElement(C.Icon,{type:"down-circle-o",title:"Show Code",className:"collapse",onClick:this.handleCodeExapnd})),d["default"].createElement("section",{className:b,key:"code"},d["default"].createElement("div",{className:"highlight"},d["default"].createElement(_["default"],{text:e.sourceCode,onCopy:this.handleCodeCopied},d["default"].createElement(C.Tooltip,{visible:e.copyTooltipVisible,onVisibleChange:this.onCopyTooltipVisibleChange,title:d["default"].createElement(g.FormattedMessage,{id:"app.demo."+(e.copied?"copied":"copy")})},d["default"].createElement(C.Icon,{type:e.copied&&e.copyTooltipVisible?"check":"copy",className:"code-box-code-copy"}))),t.utils.toReactComponent(a)),u?d["default"].createElement("div",{key:"style",className:"highlight"},d["default"].createElement("pre",null,d["default"].createElement("code",{className:"css",dangerouslySetInnerHTML:{__html:u}}))):null))},t}(d["default"].Component),o.contextTypes={intl:y["default"].object},i);t["default"]=T,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}function i(e){var t=e.params.children;return t&&t.replace("-cn","")||e.location.pathname.replace(/(^\/|-cn$)/g,"")}function a(e){var t=e.location.pathname,n=/^\/?components/.test(t)?"components":t.split("/").filter(function(e){return e}).slice(0,2).join("/"),r="components"===n||"docs/react"===n||"changelog"===n||"changelog-cn"===n?[].concat((0,_["default"])(e.picked.components),(0,_["default"])(e.picked["docs/react"]),(0,_["default"])(e.picked.changelog)):e.picked[n],o=A.isZhCN(e.location.pathname)?"en-US.md":"zh-CN.md";return r.filter(function(e){var t=e.meta;return!t.filename.endsWith(o)})}function s(e){var t=e.replace(/(\/index)?((\.zh-CN)|(\.en-US))?\.md$/i,"").split("/");return t[t.length-1]}function u(e){return"topLevel"!==e}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var l,c,f=n(9),p=o(f),d=n(4),h=o(d),v=n(7),m=o(v),y=n(6),g=o(y),b=n(62),_=o(b),w=n(1),x=o(w),C=n(90),E=n(3),S=n(8),O=o(S),P=n(309),T=o(P),k=n(310),M=o(k),N=n(46),A=r(N),D=E.Menu.SubMenu,j=(c=l=function(e){function t(n){(0,h["default"])(this,t);var r=(0,m["default"])(this,e.call(this,n));return r.handleMenuOpenChange=function(e){r.setState({openKeys:e})},r.state={openKeys:r.getSideBarOpenKeys(n)||[]},r}return(0,g["default"])(t,e),t.prototype.componentDidMount=function(){this.componentDidUpdate()},t.prototype.componentWillReceiveProps=function(e){var t=this.getSideBarOpenKeys(e);t&&this.setState({openKeys:t})},t.prototype.componentDidUpdate=function(){location.hash?(this.timer&&clearTimeout(this.timer),this.timer=setTimeout(function(){document.getElementById(decodeURI(location.hash.replace("#",""))).scrollIntoView()},10)):(document.body.scrollTop=0,document.documentElement.scrollTop=0)},t.prototype.componentWillUnmount=function(){clearTimeout(this.timer)},t.prototype.getSideBarOpenKeys=function(e){var t=e.location.pathname,n=this.currentModule;this.currentModule=t.replace(/^\//).split("/")[1]||"components","react"===this.currentModule&&(this.currentModule="components");var r=A.isZhCN(t)?"zh-CN":"en-US";if(n!==this.currentModule){var o=a(e),i=Object.keys(A.getMenuItems(o,r));return i}},t.prototype.generateMenuItem=function(e,t){var n=this.context.intl.locale,r=s(t.filename),o=e?t.title[n]||t.title:[x["default"].createElement("span",{key:"english"},t.title),x["default"].createElement("span",{className:"chinese",key:"chinese"},t.subtitle)],i=t.disabled,a=t.filename.replace(/(\/index)?((\.zh-CN)|(\.en-US))?\.md$/i,"").toLowerCase(),u=t.link?x["default"].createElement("a",{href:t.link,target:"_blank",rel:"noopener noreferrer",disabled:i,className:"menu-item-link-outside"},o," ",x["default"].createElement(E.Icon,{type:"export"})):x["default"].createElement(C.Link,{to:A.getLocalizedPathname(/^components/.test(a)?a+"/":a,"zh-CN"===n),disabled:i},o);return x["default"].createElement(E.Menu.Item,{key:r.toLowerCase(),disabled:i},u)},t.prototype.generateSubMenuItems=function(e){var t=this,n=this.props.themeConfig,r=(e.topLevel||[]).map(this.generateMenuItem.bind(this,!0)),o=Object.keys(e).filter(u).sort(function(e,t){return n.typeOrder[e]-n.typeOrder[t]}).map(function(n){var r=e[n].sort(function(e,t){return e.title.charCodeAt(0)-t.title.charCodeAt(0)}).map(t.generateMenuItem.bind(t,!1));return x["default"].createElement(E.Menu.ItemGroup,{title:n,key:n},r)});return[].concat((0,_["default"])(r),(0,_["default"])(o))},t.prototype.getMenuItems=function(){var e=this,t=this.props.themeConfig,n=a(this.props),r=A.getMenuItems(n,this.context.intl.locale),o=Object.keys(r).filter(u),i=this.generateSubMenuItems(r.topLevel),s=[].concat((0,_["default"])(i));return s.forEach(function(n,i){var a=o.filter(function(e){return t.categoryOrder[e]?t.categoryOrder[e]<=i:i===s.length-1})[0];if(a){var u=x["default"].createElement(D,{title:x["default"].createElement("h4",null,a),key:a},e.generateSubMenuItems(r[a]));s.splice(i+1,0,u),o.splice(o.indexOf(a),1)}}),s},t.prototype.flattenMenu=function(e){var t=this;return e.type===E.Menu.Item?e:Array.isArray(e)?e.reduce(function(e,n){return e.concat(t.flattenMenu(n))},[]):this.flattenMenu(e.props.children)},t.prototype.getFooterNav=function(e,t){var n=this.flattenMenu(e),r=-1;n.forEach(function(e,n){e.key===t&&(r=n)});var o=n[r-1],i=n[r+1];return{prev:o,next:i}},t.prototype.render=function(){var e=this.props,t=i(e),n=this.getMenuItems(),r=this.getFooterNav(n,t),o=r.prev,a=r.next,s=e.localizedPageData,u=(0,O["default"])("main-container",{"main-container-component":!!e.demos});return x["default"].createElement("div",{className:"main-wrapper"},x["default"].createElement(E.Row,null,x["default"].createElement(E.Col,{lg:4,md:6,sm:24,xs:24},x["default"].createElement(E.Menu,{className:"aside-container",mode:"inline",openKeys:this.state.openKeys,selectedKeys:[t],onOpenChange:this.handleMenuOpenChange},n)),x["default"].createElement(E.Col,{lg:20,md:18,sm:24,xs:24,className:u},e.demos?x["default"].createElement(M["default"],(0,p["default"])({},e,{doc:s,demos:e.demos})):x["default"].createElement(T["default"],(0,p["default"])({},e,{content:s})))),x["default"].createElement(E.Row,null,x["default"].createElement(E.Col,{lg:{span:20,offset:4},md:{span:18,offset:6},sm:24,xs:24},x["default"].createElement("section",{className:"prev-next-nav"},o?x["default"].cloneElement(o.props.children,{className:"prev-page"}):null,a?x["default"].cloneElement(a.props.children,{className:"next-page"}):null))))},t}(x["default"].Component),l.contextTypes={intl:w.PropTypes.object.isRequired},c);t["default"]=j,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}function i(e){return"line"===e.key?"right":"button"===e.key?"bottom":"left"}function a(e){var t=e.location,n=e.onEnterChange,r=b.isZhCN(t.pathname);return u["default"].createElement("section",{className:"page banner-wrapper"},u["default"].createElement(p["default"],{className:"page",id:"banner",onChange:function(e){var t=e.mode;return n(t)},playScale:.9},u["default"].createElement(y["default"],{className:"banner-text-wrapper",type:i,delay:300,key:"banner"},u["default"].createElement("h2",{key:"h2"},"ANT ",u["default"].createElement("p",null,"DESIGN")),u["default"].createElement("p",{key:"content"},u["default"].createElement(c.FormattedMessage,{id:"app.home.slogan"})),u["default"].createElement("span",{className:"line",key:"line"}),u["default"].createElement("div",{key:"button1",className:"start-button clearfix"},u["default"].createElement(l.Link,{to:b.getLocalizedPathname("/docs/spec/introduce",r)},u["default"].createElement(c.FormattedMessage,{id:"app.home.introduce"})),u["default"].createElement(l.Link,{to:b.getLocalizedPathname("/docs/react/introduce",r)},u["default"].createElement(c.FormattedMessage,{id:"app.home.start"}))),u["default"].createElement(h["default"],{key:"github-button",type:"stargazers",namespace:"ant-design",repo:"ant-design"})),u["default"].createElement(v.Icon,{type:"down",className:"down"})))}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=a;var s=n(1),u=o(s),l=n(90),c=n(50),f=n(379),p=o(f),d=n(544),h=o(d),v=n(3),m=n(135),y=o(m),g=n(46),b=r(g);e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}function i(e){var t=e.location;return s["default"].createElement(d["default"],{id:"page1",className:"content-wrapper page"},s["default"].createElement(f["default"],{key:"image",className:"image1 image-wrapper",animation:{x:0,opacity:1,ease:"easeOutQuad"},style:{transform:"translateX(-100px)",opacity:0}}),s["default"].createElement(m["default"],{className:"text-wrapper",key:"text",leaveReverse:!0},s["default"].createElement("h2",{key:"h2"},s["default"].createElement(l.FormattedMessage,{id:"app.home.best-practice"})),s["default"].createElement("p",{key:"p",style:{maxWidth:310}},s["default"].createElement(l.FormattedMessage,{id:"app.home.experience"})),s["default"].createElement("div",{key:"button"},s["default"].createElement(u.Link,{to:g.getLocalizedPathname("/docs/spec/cases",g.isZhCN(t.pathname))},s["default"].createElement(h.Button,{type:"primary",size:"large"},s["default"].createElement(l.FormattedMessage,{id:"app.home.learn-more"}),s["default"].createElement(h.Icon,{type:"right"}))))))}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=i;var a=n(1),s=o(a),u=n(90),l=n(50),c=n(169),f=o(c),p=n(167),d=o(p),h=n(3),v=n(135),m=o(v),y=n(46),g=r(y);e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}function i(e){var t=e.location;return s["default"].createElement(d["default"],{id:"page2",className:"content-wrapper page"},s["default"].createElement(m["default"],{className:"text-wrapper left-text",key:"text",duration:450,type:"bottom",leaveReverse:!0},s["default"].createElement("h2",{key:"h2"},s["default"].createElement(u.FormattedMessage,{id:"app.home.design-pattern"})),s["default"].createElement("p",{key:"p",style:{maxWidth:260}},s["default"].createElement(u.FormattedMessage,{id:"app.home.pattern"})),s["default"].createElement("div",{key:"button"},s["default"].createElement(l.Link,{to:g.getLocalizedPathname("/docs/pattern/navigation",g.isZhCN(t.pathname))},s["default"].createElement(h.Button,{type:"primary",size:"large"},s["default"].createElement(u.FormattedMessage,{id:"app.home.learn-more"}),s["default"].createElement(h.Icon,{type:"right"}))))),s["default"].createElement(f["default"],{key:"image",className:"image2 image-wrapper",animation:{x:0,opacity:1,ease:"easeOutQuad"},style:{transform:"translateX(100px)",opacity:0}}))}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=i;var a=n(1),s=o(a),u=n(50),l=n(90),c=n(169),f=o(c),p=n(167),d=o(p),h=n(3),v=n(135),m=o(v),y=n(46),g=r(y);e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}function i(e){var t=e.location;return s["default"].createElement(d["default"],{id:"page3",className:"content-wrapper page"},s["default"].createElement(f["default"],{key:"image",className:"image3 image-wrapper",animation:{x:0,opacity:1,ease:"easeOutQuad"},style:{transform:"translateX(-100px)",opacity:0}}),s["default"].createElement(m["default"],{className:"text-wrapper",key:"text",leaveReverse:!0,style:{top:"40%"}},s["default"].createElement("h2",{key:"h2"},s["default"].createElement(l.FormattedMessage,{id:"app.home.reusable-components"})),s["default"].createElement("p",{key:"p",style:{maxWidth:280}},s["default"].createElement(l.FormattedMessage,{id:"app.home.components-intro"})),s["default"].createElement("div",{key:"button"},s["default"].createElement(u.Link,{to:g.getLocalizedPathname("/docs/react/introduce",g.isZhCN(t.pathname))},s["default"].createElement(h.Button,{type:"primary",size:"large"},s["default"].createElement(l.FormattedMessage,{id:"app.home.learn-more"}),s["default"].createElement(h.Icon,{type:"right"}))))))}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=i;var a=n(1),s=o(a),u=n(90),l=n(50),c=n(169),f=o(c),p=n(167),d=o(p),h=n(3),v=n(135),m=o(v),y=n(46),g=r(y);e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){return a["default"].createElement(f["default"],{id:"page4",className:"content-wrapper page"},a["default"].createElement(d["default"],{className:"text-wrapper-bottom",key:"text",leaveReverse:!0,type:"bottom"},a["default"].createElement("h2",{key:"h2"},a["default"].createElement(l.FormattedMessage,{id:"app.home.sub-slogan"})),a["default"].createElement("p",{key:"p"},a["default"].createElement(l.FormattedMessage,{id:"app.home.vision"}))),a["default"].createElement(u["default"],{key:"image",className:"image4 bottom-wrapper",animation:{y:0,opacity:1,duration:550,delay:150,ease:"easeOutQuad"},style:{transform:"translateY(50px)",opacity:0}}))}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var i=n(1),a=r(i),s=n(169),u=r(s),l=n(50),c=n(167),f=r(c),p=n(135),d=r(p);e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(195),d=r(p),h=n(3),v=function(e){function t(n){(0,i["default"])(this,t);var r=(0,s["default"])(this,e.call(this,n));return r.onCopied=function(){r.setState({justCopied:!0},function(){setTimeout(function(){r.setState({justCopied:!1})},2e3)})},r.state={justCopied:!1},r}return(0,l["default"])(t,e),t.prototype.render=function(){var e='<Icon type="'+this.props.type+'" />';return f["default"].createElement(d["default"],{text:e,onCopy:this.onCopied},f["default"].createElement("li",{className:this.state.justCopied?"copied":""},f["default"].createElement(h.Icon,{type:this.props.type}),f["default"].createElement("span",{className:"anticon-class"},this.props.type)))},t}(f["default"].Component);t["default"]=v,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(50),d=n(3),h=n(46),v=function(e){function t(){return(0,i["default"])(this,t),(0,s["default"])(this,e.apply(this,arguments))}return(0,l["default"])(t,e),t.prototype.componentDidMount=function(){(0,h.isLocalStorageNameSupported)()&&"true"!==localStorage.getItem("antd@2.0.0-notification-sent")&&Date.now()<new Date("2016/10/14").getTime()&&this.infoNewVersion()},t.prototype.infoNewVersion=function(){var e=this.props.intl.messages;d.Modal.info({title:e["app.publish.title"],content:f["default"].createElement("div",null,f["default"].createElement("img",{src:"https://os.alipayobjects.com/rmsportal/nyqBompsynAQCpJ.svg",alt:"Ant Design"}),f["default"].createElement("p",null,e["app.publish.greeting"],f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"/changelog"},"antd@2.0.0"),e["app.publish.intro"],e["app.publish.old-version-guide"],f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"http://1x.ant.design"},"1x.ant.design"),e["app.publish.old-version-tips"])),okText:"OK",onOk:function(){return localStorage.setItem("antd@2.0.0-notification-sent","true")},className:"new-version-info-modal",width:470})},t.prototype.render=function(){return f["default"].createElement("footer",{id:"footer"},f["default"].createElement("ul",null,f["default"].createElement("li",null,f["default"].createElement("h2",null,f["default"].createElement(d.Icon,{type:"github"})," GitHub"),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank ",href:"https://github.com/ant-design/ant-design"},f["default"].createElement(p.FormattedMessage,{id:"app.footer.repo"}))),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank ",href:"https://ant.design/docs/react/customize-theme"},f["default"].createElement(p.FormattedMessage,{id:"app.footer.customize-theme"}))),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank ",href:"https://github.com/websemantics/awesome-ant-design"},f["default"].createElement(p.FormattedMessage,{id:"app.footer.awesome"})))),f["default"].createElement("li",null,f["default"].createElement("h2",null,f["default"].createElement(d.Icon,{type:"link"})," ",f["default"].createElement(p.FormattedMessage,{id:"app.footer.links"})),f["default"].createElement("div",null,f["default"].createElement("a",{href:"https://design.alipay.com/"},f["default"].createElement(p.FormattedMessage,{id:"app.footer.design-platform"}))),f["default"].createElement("div",null,f["default"].createElement("a",{href:"http://mobile.ant.design"},"Ant Design Mobile"),f["default"].createElement("span",null," - "),f["default"].createElement(p.FormattedMessage,{id:"app.footer.mobile"})),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/dvajs/dva"},"dva")," - ",f["default"].createElement(p.FormattedMessage,{id:"app.footer.dva"})),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/dvajs/dva-cli"},"dva-cli")," -",f["default"].createElement(p.FormattedMessage,{id:"app.footer.dev-tools"})),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"https://eggjs.org/"},"Egg"),f["default"].createElement("span",null," - "),f["default"].createElement(p.FormattedMessage,{id:"app.footer.eggjs"})),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"https://antv.alipay.com/"},"AntV"),f["default"].createElement("span",null," - "),f["default"].createElement(p.FormattedMessage,{id:"app.footer.data-vis"})),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"http://motion.ant.design"},"Ant Motion"),f["default"].createElement("span",null," - "),f["default"].createElement(p.FormattedMessage,{id:"app.footer.motion"})),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"http://library.ant.design/"},"AntD Library"),f["default"].createElement("span",null," - "),f["default"].createElement(p.FormattedMessage,{id:"app.footer.antd-library"})),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"http://ux.ant.design"},"Ant UX"),f["default"].createElement("span",null," - "),f["default"].createElement(p.FormattedMessage,{id:"app.footer.antux"}))),f["default"].createElement("li",null,f["default"].createElement("h2",null,f["default"].createElement(d.Icon,{type:"customer-service"})," ",f["default"].createElement(p.FormattedMessage,{id:"app.footer.community"})),f["default"].createElement("div",null,f["default"].createElement("a",{href:"/changelog"},f["default"].createElement(p.FormattedMessage,{id:"app.footer.change-log"}))),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/ant-design/ant-design/wiki/FAQ"},f["default"].createElement(p.FormattedMessage,{id:"app.footer.faq"}))),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"https://gitter.im/ant-design/ant-design"},f["default"].createElement(p.FormattedMessage,{id:"app.footer.discuss-cn"}))),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"https://gitter.im/ant-design/ant-design-english"},f["default"].createElement(p.FormattedMessage,{id:"app.footer.discuss-en"}))),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"http://new-issue.ant.design/"},f["default"].createElement(p.FormattedMessage,{id:"app.footer.bug-report"}))),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/ant-design/ant-design/issues"},f["default"].createElement(p.FormattedMessage,{id:"app.footer.issues"}))),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"http://stackoverflow.com/questions/tagged/antd"},f["default"].createElement(p.FormattedMessage,{id:"app.footer.stackoverflow"}))),f["default"].createElement("div",null,f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"https://segmentfault.com/t/antd"},f["default"].createElement(p.FormattedMessage,{id:"app.footer.segmentfault"})))),f["default"].createElement("li",null,f["default"].createElement("h2",null,"Copyright \xa9 ",(new Date).getFullYear()),f["default"].createElement("div",null,f["default"].createElement(p.FormattedMessage,{id:"app.footer.author"})),f["default"].createElement("div",null,"Built with\xa0",f["default"].createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/benjycui/bisheng"},"BiSheng")))))},t}(f["default"].Component);t["default"]=(0,p.injectIntl)(v),e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var i,a,s=n(10),u=o(s),l=n(9),c=o(l),f=n(4),p=o(f),d=n(7),h=o(d),v=n(6),m=o(v),y=n(1),g=o(y),b=n(90),_=n(50),w=n(8),x=o(w),C=n(3),E=n(46),S=r(E),O=n(358),P=C.Select.Option,T="Google",k="https://www.google.com/#q=site:ant.design+",M=(a=i=function(e){function t(){var n,r,o;(0,p["default"])(this,t);for(var i=arguments.length,a=Array(i),s=0;s<i;s++)a[s]=arguments[s];return n=r=(0,h["default"])(this,e.call.apply(e,[this].concat(a))),r.state={inputValue:"",menuVisible:!1,menuMode:"horizontal"},r.handleSearch=function(e){if(e===T)return void(window.location.href=""+k+r.state.inputValue);var t=r.context,n=t.intl,o=t.router;r.setState({inputValue:""},function(){o.push({pathname:S.getLocalizedPathname(e+"/","zh-CN"===n.locale)}),document.querySelector("#search-box .ant-select-search__field").blur()})},r.handleInputChange=function(e){r.setState({inputValue:e})},r.handleShowMenu=function(){r.setState({menuVisible:!0})},r.handleHideMenu=function(){r.setState({menuVisible:!1})},r.onMenuVisibleChange=function(e){r.setState({menuVisible:e})},r.handleSelectFilter=function(e,t){var n=t.props["data-label"];return n===T||n.indexOf(e.toLowerCase())>-1},r.handleLangChange=function(){var e=r.props.location.pathname,t=location.protocol+"//",n=location.href.substr(t.length);S.isLocalStorageNameSupported()&&localStorage.setItem("locale",S.isZhCN(e)?"en-US":"zh-CN"),location.href=t+n.replace(location.pathname,S.getLocalizedPathname(e,!S.isZhCN(e)))},r.handleVersionChange=function(e){var t=window.location.href,n=window.location.pathname;window.location.href=t.replace(window.location.origin,e).replace(n,S.getLocalizedPathname(n))},o=n,(0,h["default"])(r,o)}return(0,m["default"])(t,e),t.prototype.componentDidMount=function(){var e=this;this.context.router.listen(this.handleHideMenu),n(428).register("only screen and (min-width: 0) and (max-width: 992px)",{match:function(){e.setState({menuMode:"inline"})},unmatch:function(){e.setState({menuMode:"horizontal"})}})},t.prototype.render=function(){var e=this.state,t=e.inputValue,n=e.menuMode,r=e.menuVisible,o=this.props,i=o.location,a=o.picked,s=o.isFirstScreen,l=o.themeConfig,f=(0,c["default"])({},l.docVersions,(0,u["default"])({},O.version,O.version)),p=Object.keys(f).map(function(e){return g["default"].createElement(P,{value:f[e],key:e},e)}),d=a.components,h=i.pathname.replace(/(^\/|\/$)/g,"").split("/").slice(0,-1).join("/"),v=h||"home";"components"!==v&&"changelog"!==i.pathname||(v="docs/react");var m=this.context.intl.locale,y="zh-CN"===m,w=y?"en-US.md":"zh-CN.md",E=d.filter(function(e){var t=e.meta;return!t.filename.endsWith(w)}).map(function(e){var t=e.meta,n=t.filename.split("/")[1],r="/components/"+n,o=t.subtitle;return g["default"].createElement(P,{value:r,key:r,"data-label":t.title.toLowerCase()+" "+(o||"")},g["default"].createElement("strong",null,t.title),o&&g["default"].createElement("span",{className:"ant-component-decs"},o))}),k=(0,x["default"])({clearfix:!0,"home-nav-white":!s}),M=[g["default"].createElement(C.Button,{className:"lang",type:"ghost",size:"small",onClick:this.handleLangChange,key:"lang"},g["default"].createElement(_.FormattedMessage,{id:"app.header.lang"})),g["default"].createElement(C.Select,{key:"version",className:"version",size:"small",dropdownMatchSelectWidth:!1,defaultValue:O.version,onChange:this.handleVersionChange},p),g["default"].createElement(C.Menu,{mode:n,selectedKeys:[v],id:"nav",key:"nav"},g["default"].createElement(C.Menu.Item,{key:"home"},g["default"].createElement(b.Link,{to:S.getLocalizedPathname("/",y)},g["default"].createElement(_.FormattedMessage,{id:"app.header.menu.home"}))),g["default"].createElement(C.Menu.Item,{key:"docs/spec"},g["default"].createElement(b.Link,{to:S.getLocalizedPathname("/docs/spec/introduce",y)},g["default"].createElement(_.FormattedMessage,{id:"app.header.menu.spec"}))),g["default"].createElement(C.Menu.Item,{key:"docs/react"},g["default"].createElement(b.Link,{to:S.getLocalizedPathname("/docs/react/introduce",y)},g["default"].createElement(_.FormattedMessage,{id:"app.header.menu.components"}))),g["default"].createElement(C.Menu.Item,{key:"docs/pattern"},g["default"].createElement(b.Link,{to:S.getLocalizedPathname("/docs/pattern/navigation",y)},g["default"].createElement(_.FormattedMessage,{id:"app.header.menu.pattern"}))),g["default"].createElement(C.Menu.Item,{key:"docs/resource"},g["default"].createElement(b.Link,{to:S.getLocalizedPathname("/docs/resource/download",y)},g["default"].createElement(_.FormattedMessage,{id:"app.header.menu.resource"}))))],N="zh-CN"===m?"\u641c\u7d22\u7ec4\u4ef6...":"Search Components...";return g["default"].createElement("header",{id:"header",className:k},"inline"===n?g["default"].createElement(C.Popover,{overlayClassName:"popover-menu",placement:"bottomRight",content:M,trigger:"click",visible:r,arrowPointAtCenter:!0,onVisibleChange:this.onMenuVisibleChange},g["default"].createElement(C.Icon,{className:"nav-phone-icon",type:"menu",onClick:this.handleShowMenu})):null,g["default"].createElement(C.Row,null,g["default"].createElement(C.Col,{lg:4,md:5,sm:24,xs:24},g["default"].createElement(b.Link,{to:S.getLocalizedPathname("/",y),id:"logo"},g["default"].createElement("img",{alt:"logo",src:"https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg"}),g["default"].createElement("span",null,"Ant Design"))),g["default"].createElement(C.Col,{lg:20,md:19,sm:0,xs:0},g["default"].createElement("div",{id:"search-box"},g["default"].createElement(C.Select,{mode:"combobox",value:t,dropdownClassName:"component-select",placeholder:N,optionLabelProp:"data-label",filterOption:this.handleSelectFilter,onSelect:this.handleSearch,onSearch:this.handleInputChange,getPopupContainer:function(e){return e.parentNode}},g["default"].createElement(P,{value:T,"data-label":T},g["default"].createElement(_.FormattedMessage,{id:"app.header.search"})),E)),"horizontal"===n?M:null)))},t}(g["default"].Component),i.contextTypes={router:y.PropTypes.object.isRequired,intl:y.PropTypes.object.isRequired},a);t["default"]=M,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}function i(e){var t=e.location;return s["default"].createElement("div",{id:"page-404"},s["default"].createElement("section",null,s["default"].createElement("h1",null,"404"),s["default"].createElement("p",null,"\u4f60\u8981\u627e\u7684\u9875\u9762\u4e0d\u5b58\u5728",s["default"].createElement(u.Link,{to:c.getLocalizedPathname("/",c.isZhCN(t.pathname))},"\u8fd4\u56de\u9996\u9875"))),s["default"].createElement("style",{dangerouslySetInnerHTML:{__html:"#react-content { height: 100%; background-color: #fff }"}}))}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=i;var a=n(1),s=o(a),u=n(90),l=n(46),c=r(l);e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(1917),i=r(o),a=n(1916),s=r(a);t["default"]=function(){function e(e,t){var n=[],r=!0,o=!1,i=void 0;try{for(var a,u=(0,s["default"])(e);!(r=(a=u.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(l){o=!0,i=l}finally{try{!r&&u["return"]&&u["return"]()}finally{if(o)throw i}}return n}return function(t,n){if(Array.isArray(t))return t;if((0,i["default"])(Object(t)))return e(t,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}()},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){return Object.keys(t).some(function(n){return e.target===(0,y.findDOMNode)(t[n])})}function i(e,t){var n=t.min,r=t.max;return e<n||e>r}function a(e){
+return e.touches.length>1||"touchend"===e.type.toLowerCase()&&e.touches.length>0}function s(e,t){var n=t.marks,r=t.step,o=t.min,i=Object.keys(n).map(parseFloat);if(null!==r){var a=Math.round((e-o)/r)*r+o;i.push(a)}var s=i.map(function(t){return Math.abs(e-t)});return i[s.indexOf(Math.min.apply(Math,(0,m["default"])(s)))]}function u(e){var t=e.toString(),n=0;return t.indexOf(".")>=0&&(n=t.length-t.indexOf(".")-1),n}function l(e,t){return e?t.clientY:t.pageX}function c(e,t){return e?t.touches[0].clientY:t.touches[0].pageX}function f(e,t){var n=t.getBoundingClientRect();return e?n.top+.5*n.height:n.left+.5*n.width}function p(e,t){var n=t.max,r=t.min;return e<=r?r:e>=n?n:e}function d(e,t){var n=t.step,r=s(e,t);return null===n?r:parseFloat(r.toFixed(u(n)))}function h(e){e.stopPropagation(),e.preventDefault()}Object.defineProperty(t,"__esModule",{value:!0});var v=n(62),m=r(v);t.isEventFromHandle=o,t.isValueOutOfRange=i,t.isNotTouchEvent=a,t.getClosestPoint=s,t.getPrecision=u,t.getMousePosition=l,t.getTouchPosition=c,t.getHandleCenterPosition=f,t.ensureValueInRange=p,t.ensureValuePrecision=d,t.pauseEvent=h;var y=n(2)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=[];return b["default"].Children.forEach(e,function(e){e&&t.push(e)}),t}function i(e,t){for(var n=o(e),r=0;r<n.length;r++)if(n[r].key===t)return r;return-1}function a(e,t){var n=o(e);return n[t].key}function s(e,t){e.transform=t,e.webkitTransform=t,e.mozTransform=t}function u(e){return"transform"in e||"webkitTransform"in e||"MozTransform"in e}function l(e,t){e.transition=t,e.webkitTransition=t,e.MozTransition=t}function c(e){return{transform:e,WebkitTransform:e,MozTransform:e}}function f(e){return"left"===e||"right"===e}function p(e,t){var n=f(t)?"translateY":"translateX";return n+"("+100*-e+"%) translateZ(0)"}function d(e,t){var n=f(t)?"marginTop":"marginLeft";return(0,y["default"])({},n,100*-e+"%")}function h(e,t){return+getComputedStyle(e).getPropertyValue(t).replace("px","")}function v(e,t,n){e.style[t]=n+"px"}Object.defineProperty(t,"__esModule",{value:!0});var m=n(10),y=r(m);t.toArray=o,t.getActiveIndex=i,t.getActiveKey=a,t.setTransform=s,t.isTransformSupported=u,t.setTransition=l,t.getTransformPropValue=c,t.isVertical=f,t.getTransformByIndex=p,t.getMarginStyle=d,t.getStyle=h,t.setPxStyle=v;var g=n(1),b=r(g)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(1954),d=r(p),h=n(1953),v=r(h),m=function(e){function t(){return(0,i["default"])(this,t),(0,s["default"])(this,e.apply(this,arguments))}return(0,l["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.prefixCls;return f["default"].createElement("table",{className:t+"-table",cellSpacing:"0",role:"grid"},f["default"].createElement(d["default"],e),f["default"].createElement(v["default"],e))},t}(f["default"].Component);t["default"]=m,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(){return(0,h["default"])()}function a(e){var t=void 0;return t=e?(0,v.getTodayTime)(e):i()}Object.defineProperty(t,"__esModule",{value:!0});var s=n(10),u=r(s),l=n(1),c=r(l),f=n(8),p=r(f),d=n(25),h=r(d),v=n(87),m={propTypes:{value:l.PropTypes.object,defaultValue:l.PropTypes.object,onKeyDown:l.PropTypes.func},getDefaultProps:function(){return{onKeyDown:o}},getInitialState:function(){var e=this.props,t=e.value||e.defaultValue||i();return{value:t,selectedValue:e.selectedValue||e.defaultSelectedValue}},componentWillReceiveProps:function(e){var t=e.value,n=e.selectedValue;"value"in e&&(t=t||e.defaultValue||a(this.state.value),this.setState({value:t})),"selectedValue"in e&&this.setState({selectedValue:n})},onSelect:function(e,t){e&&this.setValue(e),this.setSelectedValue(e,t)},renderRoot:function(e){var t,n=this.props,r=n.prefixCls,o=(t={},(0,u["default"])(t,r,1),(0,u["default"])(t,r+"-hidden",!n.visible),(0,u["default"])(t,n.className,!!n.className),(0,u["default"])(t,e.className,!!e.className),t);return c["default"].createElement("div",{ref:"root",className:""+(0,p["default"])(o),style:this.props.style,tabIndex:"0",onKeyDown:this.onKeyDown},e.children)},setSelectedValue:function(e,t){"selectedValue"in this.props||this.setState({selectedValue:e}),this.props.onSelect(e,t)},setValue:function(e){var t=this.state.value;"value"in this.props||this.setState({value:e}),(t&&e&&!t.isSame(e)||!t&&e||t&&!e)&&this.props.onChange(e)},isAllowedDate:function(e){var t=this.props.disabledDate,n=this.props.disabledTime;return(0,v.isAllowedDate)(e,t,n)}};t["default"]=m,e.exports=t["default"]},function(e,t){e.exports=function(e,t){if(e.indexOf)return e.indexOf(t);for(var n=0;n<e.length;++n)if(e[n]===t)return n;return-1}},function(e,t,n){"use strict";function r(e,t){var n=[],r=e.map(function(e){return e.getStyle()}).toList();return s(r,o,f,function(e,r){n.push(new h({start:e+t,end:r+t}))}),u(n)}function o(e,t){return e===t}var i=n(22),a=n(33),s=n(162),u=i.List,l=i.Repeat,c=i.Record,f=a.thatReturnsTrue,p="-",d={start:null,end:null},h=c(d),v={start:null,end:null,decoratorKey:null,leaves:null},m=c(v),y={generate:function(e,t,n){var i=t.getLength();if(!i)return u.of(new m({start:0,end:0,decoratorKey:null,leaves:u.of(new h({start:0,end:0}))}));var a=[],c=n?n.getDecorations(t,e):u(l(null,i)),p=t.getCharacterList();return s(c,o,f,function(e,t){a.push(new m({start:e,end:t,decoratorKey:c.get(e),leaves:r(p.slice(e,t).toList(),e)}))}),u(a)},getFingerprint:function(e){return e.map(function(e){var t=e.get("decoratorKey"),n=null!==t?t+"."+(e.get("end")-e.get("start")):"";return""+n+"."+e.get("leaves").size}).join(p)}};e.exports=y},function(e,t){"use strict";e.exports={BOLD:{fontWeight:"bold"},CODE:{fontFamily:"monospace",wordWrap:"break-word"},ITALIC:{fontStyle:"italic"},STRIKETHROUGH:{textDecoration:"line-through"},UNDERLINE:{textDecoration:"underline"}}},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function a(e,t){return e.getAnchorKey()===t||e.getFocusKey()===t}var s=n(11),u=s||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l=(n(88),n(160),n(554)),c=n(133),f=n(1),p=n(2),d=n(368),h=(n(110),n(220)),v=n(369),m=n(221),y=n(136),g=n(1228),b=n(223),_=n(1232),w=n(49),x=10,C=function(e){function t(){return r(this,t),o(this,e.apply(this,arguments))}return i(t,e),t.prototype.shouldComponentUpdate=function(e){return this.props.block!==e.block||this.props.tree!==e.tree||this.props.direction!==e.direction||a(e.selection,e.block.getKey())&&e.forceSelection},t.prototype.componentDidMount=function(){var e=this.props.selection,t=e.getEndKey();if(e.getHasFocus()&&t===this.props.block.getKey()){var n,r=p.findDOMNode(this),o=h.getScrollParent(r),i=b(o);if(o===window){var a=g(r),s=a.y+a.height,u=_().height;n=s-u,n>0&&window.scrollTo(i.x,i.y+n+x)}else{var l=r.offsetHeight+r.offsetTop,c=o.offsetHeight+i.y;n=l-c,n>0&&d.setTop(o,d.getTop(o)+n+x)}}},t.prototype._renderChildren=function(){var e=this,t=this.props.block,n=t.getKey(),r=t.getText(),o=this.props.tree.size-1,i=a(this.props.selection,n);return this.props.tree.map(function(a,s){var p=a.get("leaves"),d=p.size-1,h=p.map(function(a,u){var p=c.encode(n,s,u),h=a.get("start"),v=a.get("end");return f.createElement(l,{key:p,offsetKey:p,blockKey:n,start:h,selection:i?e.props.selection:void 0,forceSelection:e.props.forceSelection,text:r.slice(h,v),styleSet:t.getInlineStyleAt(h),customStyleMap:e.props.customStyleMap,customStyleFn:e.props.customStyleFn,isLast:s===o&&u===d})}).toArray(),y=a.get("decoratorKey");if(null==y)return h;if(!e.props.decorator)return h;var g=w(e.props.decorator),b=g.getComponentForKey(y);if(!b)return h;var _=g.getPropsForKey(y),x=c.encode(n,s,0),C=r.slice(p.first().get("start"),p.last().get("end")),E=m.getHTMLDirIfDifferent(v.getDirection(C),e.props.direction);return f.createElement(b,u({},_,{contentState:e.props.contentState,decoratedText:C,dir:E,key:x,entityKey:t.getEntityAt(a.get("start")),offsetKey:x}),h)}).toArray()},t.prototype.render=function(){var e=this.props,t=e.direction,n=e.offsetKey,r=y({"public/DraftStyleDefault/block":!0,"public/DraftStyleDefault/ltr":"LTR"===t,"public/DraftStyleDefault/rtl":"RTL"===t});return f.createElement("div",{"data-offset-key":n,className:r},this._renderChildren())},t}(f.Component);e.exports=C},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a=n(22),s=a.Record,u=s({type:"TOKEN",mutability:"IMMUTABLE",data:Object}),l=function(e){function t(){return r(this,t),o(this,e.apply(this,arguments))}return i(t,e),t.prototype.getType=function(){return this.get("type")},t.prototype.getMutability=function(){return this.get("mutability")},t.prototype.getData=function(){return this.get("data")},t}(u);e.exports=l},function(e,t,n){"use strict";function r(e,t){var n=t?f.exec(e):l.exec(e);return n?n[0]:e}var o=n(1220),i=o.getPunctuation(),a="['\u2018\u2019]",s="\\s|(?![_])"+i,u="^(?:"+s+")*(?:"+a+"|(?!"+s+").)*(?:(?!"+s+").)",l=new RegExp(u),c="(?:(?!"+s+").)(?:"+a+"|(?!"+s+").)*(?:"+s+")*$",f=new RegExp(c),p={getBackward:function(e){return r(e,!0)},getForward:function(e){return r(e,!1)}};e.exports=p},function(e,t){"use strict";var n={stringify:function(e){return"_"+String(e)},unstringify:function(e){return e.slice(1)}};e.exports=n},function(e,t,n){"use strict";function r(){return{text:"",inlines:[],entities:[],blocks:[]}}function o(e){var t=new Array(1);return e&&(t[0]=e),{text:R,inlines:[D()],entities:t,blocks:[]}}function i(){return{text:"\n",inlines:[D()],entities:new Array(1),blocks:[]}}function a(e,t){return{text:"\r",inlines:[D()],entities:new Array(1),blocks:[{type:e,depth:Math.max(0,Math.min(I,t))}]}}function s(e,t){return"li"===e?"ol"===t?"ordered-list-item":"unordered-list-item":null}function u(e){var t=e.get("unstyled").element,n=new N([]);return e.forEach(function(e){e.aliasedElements&&e.aliasedElements.forEach(function(e){n=n.add(e)}),n=n.add(e.element)}),n.filter(function(e){return e&&e!==t}).toArray().sort()}function l(e,t,n){for(var r=0;r<n.length;r++){var o=n[r](e,t);if(o)return o}return null}function c(e,t,n){var r=n.filter(function(t){return t.element===e||t.wrapper===e||t.aliasedElements&&t.aliasedElements.some(function(t){return t===e})}).keySeq().toSet().toArray().sort();switch(r.length){case 0:return"unstyled";case 1:return r[0];default:return l(e,t,[s])||"unstyled"}}function f(e,t,n){var r=K[e];return r?n=n.add(r).toOrderedSet():t instanceof HTMLElement&&!function(){var e=t;n=n.withMutations(function(t){var n=e.style.fontWeight,r=e.style.fontStyle,o=e.style.textDecoration;z.indexOf(n)>=0?t.add("BOLD"):H.indexOf(n)>=0&&t.remove("BOLD"),"italic"===r?t.add("ITALIC"):"normal"===r&&t.remove("ITALIC"),"underline"===o&&t.add("UNDERLINE"),"line-through"===o&&t.add("STRIKETHROUGH"),"none"===o&&(t.remove("UNDERLINE"),t.remove("STRIKETHROUGH"))}).toOrderedSet()}(),n}function p(e,t){var n=e.text.slice(-1),r=t.text.slice(0,1);if("\r"===n&&"\r"===r&&(e.text=e.text.slice(0,-1),e.inlines.pop(),e.entities.pop(),e.blocks.pop()),"\r"===n){if(t.text===R||"\n"===t.text)return e;r!==R&&"\n"!==r||(t.text=t.text.slice(1),t.inlines.shift(),t.entities.shift())}return{text:e.text+t.text,inlines:e.inlines.concat(t.inlines),entities:e.entities.concat(t.entities),blocks:e.blocks.concat(t.blocks)}}function d(e,t){return t.some(function(t){return e.indexOf("<"+t)!==-1})}function h(e){e instanceof HTMLAnchorElement?void 0:P(!1);var t=e.protocol;return"http:"===t||"https:"===t||"mailto:"===t}function v(e,t,n,s,u,l,d,m,y){var b=t.nodeName.toLowerCase(),_=!1,w="unstyled",C=g,S=e;if("#text"===b){var O=t.textContent;return""===O.trim()&&"pre"!==u?{chunk:o(y),entityMap:e}:("pre"!==u&&(O=O.replace(F,R)),g=b,{chunk:{text:O,inlines:Array(O.length).fill(n),entities:Array(O.length).fill(y),blocks:[]},entityMap:e})}if(g=b,"br"===b)return"br"!==C||u&&"unstyled"!==c(u,s,m)?{chunk:i(),entityMap:e}:{chunk:a("unstyled",d),entityMap:e};"img"===b&&t instanceof HTMLImageElement&&t.attributes.getNamedItem("src")&&t.attributes.getNamedItem("src").value&&!function(){var e=t,n={};q.forEach(function(t){var r=e.getAttribute(t);r&&(n[t]=r)});var r=new E(n.src).toString();t.textContent=r,y=x.__create("IMAGE","MUTABLE",n||{})}();var P=r(),T=null;n=f(b,t,n),"ul"!==b&&"ol"!==b||(s&&(d+=1),s=b),u||l.indexOf(b)===-1?s&&"li"===u&&"li"===b&&(P=a(c(b,s,m),d),u=b,_=!0,w="ul"===s?"unordered-list-item":"ordered-list-item"):(P=a(c(b,s,m),d),u=b,_=!0);var k=t.firstChild;null!=k&&(b=k.nodeName.toLowerCase());for(var M=null;k;){k instanceof HTMLAnchorElement&&k.href&&h(k)?!function(){var e=k,t={};W.forEach(function(n){var r=e.getAttribute(n);r&&(t[n]=r)}),t.url=new E(e.href).toString(),M=x.__create("LINK","MUTABLE",t||{})}():M=void 0;var N=v(S,k,n,s,u,l,d,m,M||y),A=N.chunk,D=N.entityMap;T=A,S=D,P=p(P,T);var j=k.nextSibling;j&&l.indexOf(b)>=0&&u&&(P=p(P,i())),j&&(b=j.nodeName.toLowerCase()),k=j}return _&&(P=p(P,a(w,d))),{chunk:P,entityMap:S}}function m(e,t,n,r){e=e.trim().replace(L,"").replace(U,R).replace(V,"").replace(B,"");var o=u(n),i=t(e);if(!i)return null;g=null;var a=d(e,o)?o:["div"],s=v(r,i,D(),"ul",null,a,-1,n),l=s.chunk,c=s.entityMap;return 0===l.text.indexOf("\r")&&(l={text:l.text.slice(1),inlines:l.inlines.slice(1),entities:l.entities.slice(1),blocks:l.blocks}),"\r"===l.text.slice(-1)&&(l.text=l.text.slice(0,-1),l.inlines=l.inlines.slice(0,-1),l.entities=l.entities.slice(0,-1),l.blocks.pop()),0===l.blocks.length&&l.blocks.push({type:"unstyled",depth:0}),l.text.split("\r").length===l.blocks.length+1&&l.blocks.unshift({type:"unstyled",depth:0}),{chunk:l,entityMap:c}}function y(e){var t=arguments.length<=1||void 0===arguments[1]?O:arguments[1],n=arguments.length<=2||void 0===arguments[2]?w:arguments[2],r=m(e,t,n,x);if(null==r)return null;var o=r.chunk,i=r.entityMap,a=0;return{contentBlocks:o.text.split("\r").map(function(e,t){e=k(e);var n=a+e.length,r=T(o).inlines.slice(a,n),i=T(o).entities.slice(a,n),s=A(r.map(function(e,t){var n={style:e,entity:null};return i[t]&&(n.entity=i[t]),b.create(n)}));return a=n+1,new _({key:S(),type:T(o).blocks[t].type,depth:T(o).blocks[t].depth,text:e,characterList:s})}),entityMap:i}}var g,b=n(55),_=n(88),w=n(206),x=n(161),C=n(22),E=n(1221),S=n(63),O=n(339),P=n(13),T=n(49),k=n(211),M=n(22),N=M.Set,A=C.List,D=C.OrderedSet,j="&nbsp;",R=" ",I=4,L=new RegExp("\r","g"),F=new RegExp("\n","g"),U=new RegExp(j,"g"),V=new RegExp("&#13;?","g"),B=new RegExp("&#8203;?","g"),z=["bold","bolder","500","600","700","800","900"],H=["light","lighter","100","200","300","400"],K={b:"BOLD",code:"CODE",del:"STRIKETHROUGH",em:"ITALIC",i:"ITALIC",s:"STRIKETHROUGH",strike:"STRIKETHROUGH",strong:"BOLD",u:"UNDERLINE"},W=["className","href","rel","target","title"],q=["alt","className","height","src","width"];e.exports=y},function(e,t,n){"use strict";function r(e){return f&&e.altKey||v(e)}function o(e){return h(e)?e.shiftKey?"redo":"undo":null}function i(e){return p&&e.shiftKey?null:r(e)?"delete-word":"delete"}function a(e){return h(e)&&f?"backspace-to-start-of-line":r(e)?"backspace-word":"backspace"}function s(e){switch(e.keyCode){case 66:return h(e)?"bold":null;case 68:return v(e)?"delete":null;case 72:return v(e)?"backspace":null;case 73:return h(e)?"italic":null;case 74:return h(e)?"code":null;case 75:return!p&&v(e)?"secondary-cut":null;case 77:return v(e)?"split-block":null;case 79:return v(e)?"split-block":null;case 84:return f&&v(e)?"transpose-characters":null;case 85:return h(e)?"underline":null;case 87:return f&&v(e)?"backspace-word":null;case 89:return v(e)?p?"redo":"secondary-paste":null;case 90:return o(e)||null;case l.RETURN:return"split-block";case l.DELETE:return i(e);case l.BACKSPACE:return a(e);case l.LEFT:return d&&h(e)?"move-selection-to-start-of-block":null;case l.RIGHT:return d&&h(e)?"move-selection-to-end-of-block":null;default:return null}}var u=n(207),l=n(219),c=n(64),f=c.isPlatform("Mac OS X"),p=c.isPlatform("Windows"),d=f&&c.isBrowser("Firefox < 29"),h=u.hasCommandModifier,v=u.isCtrlKeyCommand;e.exports=s},function(e,t,n){"use strict";function r(e,t,n,r,o,i){var s=n.nodeType===Node.TEXT_NODE,l=o.nodeType===Node.TEXT_NODE;if(s&&l)return{selectionState:c(e,p(u(n)),r,p(u(o)),i),needsRecovery:!1};var f=null,d=null,h=!0;return s?(f={key:p(u(n)),offset:r},d=a(t,o,i)):l?(d={key:p(u(o)),offset:i},f=a(t,n,r)):(f=a(t,n,r),d=a(t,o,i),n===o&&r===i&&(h=!!n.firstChild&&"BR"!==n.firstChild.nodeName)),{selectionState:c(e,f.key,f.offset,d.key,d.offset),needsRecovery:h}}function o(e){for(;e.firstChild&&l(e.firstChild);)e=e.firstChild;return e}function i(e){for(;e.lastChild&&l(e.lastChild);)e=e.lastChild;return e}function a(e,t,n){var r=t,a=u(r);if(null!=a||e&&(e===r||e.firstChild===r)?void 0:f(!1),e===r&&(r=r.firstChild,r instanceof Element&&"true"===r.getAttribute("data-contents")?void 0:f(!1),n>0&&(n=r.childNodes.length)),0===n){var c=null;if(null!=a)c=a;else{var d=o(r);c=p(l(d))}return{key:c,offset:0}}var h=r.childNodes[n-1],v=null,m=null;if(l(h)){var y=i(h);v=p(l(y)),m=s(y)}else v=p(a),m=s(h);return{key:v,offset:m}}function s(e){var t=e.textContent;return"\n"===t?0:t.length}var u=n(208),l=n(340),c=n(342),f=n(13),p=n(49);e.exports=r},function(e,t,n){"use strict";function r(e){var t=e.getSelection();return t.isCollapsed()?null:o(e.getCurrentContent(),t)}var o=n(163);e.exports=r},function(e,t,n){"use strict";function r(e){for(var t=e.cloneRange(),n=[],r=e.endContainer;null!=r;r=r.parentNode){var o=r===e.commonAncestorContainer;o?t.setStart(e.startContainer,e.startOffset):t.setStart(t.endContainer,0);var a=Array.from(t.getClientRects());if(n.push(a),o){var s;return n.reverse(),(s=[]).concat.apply(s,n)}t.setEndBefore(r)}i(!1)}var o=n(64),i=n(13),a=o.isBrowser("Chrome"),s=a?r:function(e){return Array.from(e.getClientRects())};e.exports=s},function(e,t,n){"use strict";function r(e){var t,n=null;return!i&&document.implementation&&document.implementation.createHTMLDocument&&(t=document.implementation.createHTMLDocument("foo"),t.documentElement.innerHTML=e,n=t.getElementsByTagName("body")[0]),n}var o=n(64),i=o.isBrowser("IE <= 9");e.exports=r},function(e,t){"use strict";function n(e){if(e instanceof Element){var t=e.getAttribute("data-offset-key");if(t)return t;for(var r=0;r<e.childNodes.length;r++){var o=n(e.childNodes[r]);if(o)return o}}return null}e.exports=n},function(e,t){(function(t){"use strict";function n(e,t){var n=0,o=[];e.forEach(function(i){r(i,function(r){n++,r&&o.push(r.slice(0,a)),n==e.length&&t(o.join("\r"))})})}function r(e,n){if(!t.FileReader||e.type&&!(e.type in i))return void n("");if(""===e.type){var r="";return o.test(e.name)&&(r=e.name.replace(o,"")),void n(r)}var a=new FileReader;a.onload=function(){n(a.result)},a.onerror=function(){n("")},a.readAsText(e)}var o=/\.textClipping$/,i={"text/plain":!0,"text/html":!0,"text/rtf":!0},a=5e3;e.exports=n}).call(t,function(){return this}())},function(e,t,n){"use strict";function r(e,t,n,r,a){var s=i(e.getSelection()),u=o.decode(t),l=u.blockKey,c=e.getBlockTree(l).getIn([u.decoratorKey,"leaves",u.leafKey]),f=o.decode(r),p=f.blockKey,d=e.getBlockTree(p).getIn([f.decoratorKey,"leaves",f.leafKey]),h=c.get("start"),v=d.get("start"),m=c?h+n:null,y=d?v+a:null,g=s.getAnchorKey()===l&&s.getAnchorOffset()===m&&s.getFocusKey()===p&&s.getFocusOffset()===y;if(g)return s;var b=!1;if(l===p){var _=c.get("end"),w=d.get("end");b=v===h&&w===_?a<n:v<h}else{var x=e.getCurrentContent().getBlockMap().keySeq().skipUntil(function(e){return e===l||e===p}).first();b=x===p}return s.merge({anchorKey:l,anchorOffset:m,focusKey:p,focusOffset:y,isBackward:b})}var o=n(133),i=n(49);e.exports=r},function(e,t){"use strict";function n(e,t,n){if(n===e.count())t.forEach(function(t){e=e.push(t)});else if(0===n)t.reverse().forEach(function(t){e=e.unshift(t)});else{var r=e.slice(0,n),o=e.slice(n);e=r.concat(t,o).toList()}return e}e.exports=n},function(e,t){"use strict";function n(e){var t=e.getSelection(),n=t.getAnchorKey(),r=e.getBlockTree(n),o=t.getStartOffset(),i=!1;return r.some(function(e){return o===e.get("start")?(i=!0,!0):o<e.get("end")&&e.get("leaves").some(function(e){var t=e.get("start");return o===t&&(i=!0,!0)})}),i}e.exports=n},function(e,t){"use strict";function n(e,t){var n,r=e.getSelection(),o=r.getStartKey(),i=r.getStartOffset(),a=e.getCurrentContent(),s=o,u=a.getBlockForKey(o);return t>u.getText().length-i?(s=a.getKeyAfter(o),n=0):n=i+t,r.merge({focusKey:s,focusOffset:n})}e.exports=n},function(e,t,n){"use strict";function r(e,t){var n=e.getBlockMap(),r=e.getEntityMap(),o={},a=t.getStartKey(),s=t.getStartOffset(),u=n.get(a),l=i(r,u,s);l!==u&&(o[a]=l);var c=t.getEndKey(),f=t.getEndOffset(),p=n.get(c);a===c&&(p=l);var d=i(r,p,f);return d!==p&&(o[c]=d),Object.keys(o).length?e.merge({blockMap:n.merge(o),selectionAfter:t}):e.set("selectionAfter",t)}function o(e,t,n){var r;return s(e,function(e,t){return e.getEntity()===t.getEntity()},function(e){return e.getEntity()===t},function(e,t){e<=n&&t>=n&&(r={start:e,end:t})}),"object"!=typeof r?u(!1):void 0,r}function i(e,t,n){var r=t.getCharacterList(),i=n>0?r.get(n-1):void 0,s=n<r.count()?r.get(n):void 0,u=i?i.getEntity():void 0,l=s?s.getEntity():void 0;if(l&&l===u){var c=e.__get(l);if("MUTABLE"!==c.getMutability()){for(var f,p=o(r,l,n),d=p.start,h=p.end;d<h;)f=r.get(d),r=r.set(d,a.applyEntity(f,null)),d++;return t.set("characterList",r)}}return t}var a=n(55),s=n(162),u=n(13);e.exports=r},function(e,t,n){(function(t,n){!function(t){"use strict";function r(e,t,n,r){var o=t&&t.prototype instanceof i?t:i,a=Object.create(o.prototype),s=new h(r||[]);return a._invoke=c(e,n,s),a}function o(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(r){return{type:"throw",arg:r}}}function i(){}function a(){}function s(){}function u(e){["next","throw","return"].forEach(function(t){e[t]=function(e){return this._invoke(t,e)}})}function l(e){function t(n,r,i,a){var s=o(e[n],e,r);if("throw"!==s.type){var u=s.arg,l=u.value;return l&&"object"==typeof l&&b.call(l,"__await")?Promise.resolve(l.__await).then(function(e){t("next",e,i,a)},function(e){t("throw",e,i,a)}):Promise.resolve(l).then(function(e){u.value=e,i(u)},a)}a(s.arg)}function r(e,n){function r(){return new Promise(function(r,o){t(e,n,r,o)})}return i=i?i.then(r,r):r()}"object"==typeof n&&n.domain&&(t=n.domain.bind(t));var i;this._invoke=r}function c(e,t,n){var r=S;return function(i,a){if(r===P)throw new Error("Generator is already running");if(r===T){if("throw"===i)throw a;return m()}for(n.method=i,n.arg=a;;){var s=n.delegate;if(s){var u=f(s,n);if(u){if(u===k)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(r===S)throw r=T,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r=P;var l=o(e,t,n);if("normal"===l.type){if(r=n.done?T:O,l.arg===k)continue;return{value:l.arg,done:n.done}}"throw"===l.type&&(r=T,n.method="throw",n.arg=l.arg)}}}function f(e,t){var n=e.iterator[t.method];if(n===y){if(t.delegate=null,"throw"===t.method){if(e.iterator["return"]&&(t.method="return",t.arg=y,f(e,t),"throw"===t.method))return k;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return k}var r=o(n,e.iterator,t.arg);if("throw"===r.type)return t.method="throw",t.arg=r.arg,t.delegate=null,k;var i=r.arg;return i?i.done?(t[e.resultName]=i.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=y),t.delegate=null,k):i:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,k)}function p(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function d(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function h(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(p,this),this.reset(!0)}function v(e){if(e){var t=e[w];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var n=-1,r=function o(){for(;++n<e.length;)if(b.call(e,n))return o.value=e[n],o.done=!1,o;return o.value=y,o.done=!0,o};return r.next=r}}return{next:m}}function m(){return{value:y,done:!0}}var y,g=Object.prototype,b=g.hasOwnProperty,_="function"==typeof Symbol?Symbol:{},w=_.iterator||"@@iterator",x=_.toStringTag||"@@toStringTag",C="object"==typeof e,E=t.regeneratorRuntime;if(E)return void(C&&(e.exports=E));E=t.regeneratorRuntime=C?e.exports:{},E.wrap=r;var S="suspendedStart",O="suspendedYield",P="executing",T="completed",k={},M={};M[w]=function(){return this};var N=Object.getPrototypeOf,A=N&&N(N(v([])));A&&A!==g&&b.call(A,w)&&(M=A);var D=s.prototype=i.prototype=Object.create(M);a.prototype=D.constructor=s,s.constructor=a,s[x]=a.displayName="GeneratorFunction",E.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===a||"GeneratorFunction"===(t.displayName||t.name))},E.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,s):(e.__proto__=s,x in e||(e[x]="GeneratorFunction")),e.prototype=Object.create(D),e},E.awrap=function(e){return{__await:e}},u(l.prototype),E.AsyncIterator=l,E.async=function(e,t,n,o){var i=new l(r(e,t,n,o));return E.isGeneratorFunction(t)?i:i.next().then(function(e){return e.done?e.value:i.next()})},u(D),D[x]="Generator",D.toString=function(){return"[object Generator]"},E.keys=function(e){var t=[];for(var n in e)t.push(n);return t.reverse(),function r(){for(;t.length;){var n=t.pop();if(n in e)return r.value=n,r.done=!1,r}return r.done=!0,r}},E.values=v,h.prototype={constructor:h,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=y,this.done=!1,this.delegate=null,this.method="next",this.arg=y,this.tryEntries.forEach(d),!e)for(var t in this)"t"===t.charAt(0)&&b.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=y)},stop:function(){this.done=!0;var e=this.tryEntries[0],t=e.completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(e){function t(t,r){return i.type="throw",i.arg=e,n.next=t,r&&(n.method="next",n.arg=y),!!r}if(this.done)throw e;for(var n=this,r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r],i=o.completion;if("root"===o.tryLoc)return t("end");if(o.tryLoc<=this.prev){var a=b.call(o,"catchLoc"),s=b.call(o,"finallyLoc");if(a&&s){if(this.prev<o.catchLoc)return t(o.catchLoc,!0);if(this.prev<o.finallyLoc)return t(o.finallyLoc)}else if(a){if(this.prev<o.catchLoc)return t(o.catchLoc,!0)}else{if(!s)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return t(o.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var r=this.tryEntries[n];if(r.tryLoc<=this.prev&&b.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var o=r;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=e,i.arg=t,o?(this.method="next",this.next=o.finallyLoc,k):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),k},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),d(n),k}},"catch":function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var o=r.arg;d(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:v(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=y),k}}}("object"==typeof t?t:"object"==typeof window?window:"object"==typeof self?self:this)}).call(t,function(){return this}(),n(89))},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}var o=n(1),i=r(o),a={className:"",accessibility:!0,adaptiveHeight:!1,arrows:!0,autoplay:!1,autoplaySpeed:3e3,centerMode:!1,centerPadding:"50px",cssEase:"ease",customPaging:function(e){return i["default"].createElement("button",null,e+1)},dots:!1,dotsClass:"slick-dots",draggable:!0,easing:"linear",edgeFriction:.35,fade:!1,focusOnSelect:!1,infinite:!0,initialSlide:0,lazyLoad:!1,pauseOnHover:!0,responsive:null,rtl:!1,slide:"div",slidesToShow:1,slidesToScroll:1,speed:500,swipe:!0,swipeToSlide:!1,touchMove:!0,touchThreshold:5,useCSS:!0,variableWidth:!1,vertical:!1,waitForAnimate:!0,afterChange:null,beforeChange:null,edgeEvent:null,init:null,swipeEvent:null,nextArrow:null,prevArrow:null};e.exports=a},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.getTrackLeft=t.getTrackAnimateCSS=t.getTrackCSS=void 0;var o=n(2),i=r(o),a=n(11),s=r(a),u=function(e,t){return t.reduce(function(t,n){return t&&e.hasOwnProperty(n)},!0)?null:console.error("Keys Missing",e)},l=t.getTrackCSS=function(e){u(e,["left","variableWidth","slideCount","slidesToShow","slideWidth"]);var t,n,r=e.slideCount+2*e.slidesToShow;e.vertical?n=r*e.slideHeight:t=e.variableWidth?(e.slideCount+2*e.slidesToShow)*e.slideWidth:e.centerMode?(e.slideCount+2*(e.slidesToShow+1))*e.slideWidth:(e.slideCount+2*e.slidesToShow)*e.slideWidth;var o={opacity:1,WebkitTransform:e.vertical?"translate3d(0px, "+e.left+"px, 0px)":"translate3d("+e.left+"px, 0px, 0px)",transform:e.vertical?"translate3d(0px, "+e.left+"px, 0px)":"translate3d("+e.left+"px, 0px, 0px)",transition:"",WebkitTransition:"",msTransform:e.vertical?"translateY("+e.left+"px)":"translateX("+e.left+"px)"};return t&&(0,s["default"])(o,{width:t}),n&&(0,s["default"])(o,{height:n}),window&&!window.addEventListener&&window.attachEvent&&(e.vertical?o.marginTop=e.left+"px":o.marginLeft=e.left+"px"),o};t.getTrackAnimateCSS=function(e){u(e,["left","variableWidth","slideCount","slidesToShow","slideWidth","speed","cssEase"]);var t=l(e);return t.WebkitTransition="-webkit-transform "+e.speed+"ms "+e.cssEase,t.transition="transform "+e.speed+"ms "+e.cssEase,t},t.getTrackLeft=function(e){u(e,["slideIndex","trackRef","infinite","centerMode","slideCount","slidesToShow","slidesToScroll","slideWidth","listWidth","variableWidth","slideHeight"]);var t,n,r=0,o=0;if(e.fade)return 0;if(e.infinite)e.slideCount>=e.slidesToShow&&(r=e.slideWidth*e.slidesToShow*-1,o=e.slideHeight*e.slidesToShow*-1),e.slideCount%e.slidesToScroll!==0&&e.slideIndex+e.slidesToScroll>e.slideCount&&e.slideCount>e.slidesToShow&&(e.slideIndex>e.slideCount?(r=(e.slidesToShow-(e.slideIndex-e.slideCount))*e.slideWidth*-1,o=(e.slidesToShow-(e.slideIndex-e.slideCount))*e.slideHeight*-1):(r=e.slideCount%e.slidesToScroll*e.slideWidth*-1,o=e.slideCount%e.slidesToScroll*e.slideHeight*-1));else if(e.slideCount%e.slidesToScroll!==0&&e.slideIndex+e.slidesToScroll>e.slideCount&&e.slideCount>e.slidesToShow){var a=e.slidesToShow-e.slideCount%e.slidesToScroll;r=a*e.slideWidth}if(e.centerMode&&(e.infinite?r+=e.slideWidth*Math.floor(e.slidesToShow/2):r=e.slideWidth*Math.floor(e.slidesToShow/2)),
+t=e.vertical?e.slideIndex*e.slideHeight*-1+o:e.slideIndex*e.slideWidth*-1+r,e.variableWidth===!0){var s;e.slideCount<=e.slidesToShow||e.infinite===!1?n=i["default"].findDOMNode(e.trackRef).childNodes[e.slideIndex]:(s=e.slideIndex+e.slidesToShow,n=i["default"].findDOMNode(e.trackRef).childNodes[s]),t=n?n.offsetLeft*-1:0,e.centerMode===!0&&(n=e.infinite===!1?i["default"].findDOMNode(e.trackRef).children[e.slideIndex]:i["default"].findDOMNode(e.trackRef).children[e.slideIndex+e.slidesToShow+1],n&&(t=n.offsetLeft*-1+(e.listWidth-n.offsetWidth)/2))}return t}},function(e,t,n){var r,o;!function(i,a){r=a,o="function"==typeof r?r.call(t,n,t,e):r,!(void 0!==o&&(e.exports=o))}(this,function(){function e(e,t,n){return e<t?t:e>n?n:e}function t(e){return 100*(-1+e)}function n(e,n,r){var o;return o="translate3d"===l.positionUsing?{transform:"translate3d("+t(e)+"%,0,0)"}:"translate"===l.positionUsing?{transform:"translate("+t(e)+"%,0)"}:{"margin-left":t(e)+"%"},o.transition="all "+n+"ms "+r,o}function r(e,t){var n="string"==typeof e?e:a(e);return n.indexOf(" "+t+" ")>=0}function o(e,t){var n=a(e),o=n+t;r(n,t)||(e.className=o.substring(1))}function i(e,t){var n,o=a(e);r(e,t)&&(n=o.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function a(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function s(e){e&&e.parentNode&&e.parentNode.removeChild(e)}var u={};u.version="0.2.0";var l=u.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};u.configure=function(e){var t,n;for(t in e)n=e[t],void 0!==n&&e.hasOwnProperty(t)&&(l[t]=n);return this},u.status=null,u.set=function(t){var r=u.isStarted();t=e(t,l.minimum,1),u.status=1===t?null:t;var o=u.render(!r),i=o.querySelector(l.barSelector),a=l.speed,s=l.easing;return o.offsetWidth,c(function(e){""===l.positionUsing&&(l.positionUsing=u.getPositioningCSS()),f(i,n(t,a,s)),1===t?(f(o,{transition:"none",opacity:1}),o.offsetWidth,setTimeout(function(){f(o,{transition:"all "+a+"ms linear",opacity:0}),setTimeout(function(){u.remove(),e()},a)},a)):setTimeout(e,a)}),this},u.isStarted=function(){return"number"==typeof u.status},u.start=function(){u.status||u.set(0);var e=function(){setTimeout(function(){u.status&&(u.trickle(),e())},l.trickleSpeed)};return l.trickle&&e(),this},u.done=function(e){return e||u.status?u.inc(.3+.5*Math.random()).set(1):this},u.inc=function(t){var n=u.status;return n?("number"!=typeof t&&(t=(1-n)*e(Math.random()*n,.1,.95)),n=e(n+t,0,.994),u.set(n)):u.start()},u.trickle=function(){return u.inc(Math.random()*l.trickleRate)},function(){var e=0,t=0;u.promise=function(n){return n&&"resolved"!==n.state()?(0===t&&u.start(),e++,t++,n.always(function(){t--,0===t?(e=0,u.done()):u.set((e-t)/e)}),this):this}}(),u.render=function(e){if(u.isRendered())return document.getElementById("nprogress");o(document.documentElement,"nprogress-busy");var n=document.createElement("div");n.id="nprogress",n.innerHTML=l.template;var r,i=n.querySelector(l.barSelector),a=e?"-100":t(u.status||0),c=document.querySelector(l.parent);return f(i,{transition:"all 0 linear",transform:"translate3d("+a+"%,0,0)"}),l.showSpinner||(r=n.querySelector(l.spinnerSelector),r&&s(r)),c!=document.body&&o(c,"nprogress-custom-parent"),c.appendChild(n),n},u.remove=function(){i(document.documentElement,"nprogress-busy"),i(document.querySelector(l.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&s(e)},u.isRendered=function(){return!!document.getElementById("nprogress")},u.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var c=function(){function e(){var n=t.shift();n&&n(e)}var t=[];return function(n){t.push(n),1==t.length&&e()}}(),f=function(){function e(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,function(e,t){return t.toUpperCase()})}function t(e){var t=document.body.style;if(e in t)return e;for(var n,r=o.length,i=e.charAt(0).toUpperCase()+e.slice(1);r--;)if(n=o[r]+i,n in t)return n;return e}function n(n){return n=e(n),i[n]||(i[n]=t(n))}function r(e,t,r){t=n(t),e.style[t]=r}var o=["Webkit","O","Moz","ms"],i={};return function(e,t){var n,o,i=arguments;if(2==i.length)for(n in t)o=t[n],void 0!==o&&t.hasOwnProperty(n)&&r(e,n,o);else r(e,i[1],i[2])}}();return u})},function(e,t,n){(function(t){(function(){var n,r,o;"undefined"!=typeof performance&&null!==performance&&performance.now?e.exports=function(){return performance.now()}:"undefined"!=typeof t&&null!==t&&t.hrtime?(e.exports=function(){return(n()-o)/1e6},r=t.hrtime,n=function(){var e;return e=r(),1e9*e[0]+e[1]},o=n()):Date.now?(e.exports=function(){return Date.now()-o},o=Date.now()):(e.exports=function(){return(new Date).getTime()-o},o=(new Date).getTime())}).call(this)}).call(t,n(89))},function(e,t,n){var r=n(354),o=n(643),i=n(646);e.exports=function(e,t,n){return function(){var a=arguments.length;if(0===a)return n();var s=arguments[a-1];if(!r(s)){var u=i(arguments,0,a-1);if("function"==typeof s[e])return s[e].apply(s,u);if(o(s)){var l=t.apply(null,u);return l(s)}}return n.apply(this,arguments)}}},function(e,t){e.exports=function(e,t){return Object.prototype.hasOwnProperty.call(t,e)}},function(e,t){e.exports=Array.isArray||function(e){return null!=e&&e.length>=0&&"[object Array]"===Object.prototype.toString.call(e)}},function(e,t,n){var r=n(649),o=n(635),i=n(215);e.exports=function(){function e(e,t,n){for(var r=0,o=n.length;r<o;){if(t=e["@@transducer/step"](t,n[r]),t&&t["@@transducer/reduced"]){t=t["@@transducer/value"];break}r+=1}return e["@@transducer/result"](t)}function t(e,t,n){for(var r=n.next();!r.done;){if(t=e["@@transducer/step"](t,r.value),t&&t["@@transducer/reduced"]){t=t["@@transducer/value"];break}r=n.next()}return e["@@transducer/result"](t)}function n(e,t,n){return e["@@transducer/result"](n.reduce(o(e["@@transducer/step"],e),t))}var a="undefined"!=typeof Symbol?Symbol.iterator:"@@iterator";return function(o,s,u){if("function"==typeof o&&(o=r(o)),i(u))return e(o,s,u);if("function"==typeof u.reduce)return n(o,s,u);if(null!=u[a])return t(o,s,u[a]());if("function"==typeof u.next)return t(o,s,u);throw new TypeError("reduce: list must be array or iterable")}}()},function(e,t){e.exports={init:function(){return this.xf["@@transducer/init"]()},result:function(e){return this.xf["@@transducer/result"](e)}}},function(e,t,n){var r=n(111),o=n(352),i=n(645),a=n(355),s=n(648),u=n(637),l=n(650);e.exports=r(o("map",s,function(e,t){switch(Object.prototype.toString.call(t)){case"[object Function]":return u(t.length,function(){return e.call(this,t.apply(this,arguments))});case"[object Object]":return a(function(n,r){return n[r]=e(t[r]),n},{},l(t));default:return i(e,t)}}))},function(e,t){e.exports={name:"antd",version:"2.9.3",title:"Ant Design",description:"An enterprise-class UI design language and React-based implementation",homepage:"http://ant.design/",keywords:["ant","design","react","react-component","component","components","ui","framework","frontend"],contributors:["ant"],repository:{type:"git",url:"https://github.com/ant-design/ant-design"},bugs:{url:"https://github.com/ant-design/ant-design/issues"},main:"lib/index.js",files:["dist","lib"],typings:"lib/index.d.ts",license:"MIT",dependencies:{"array-tree-filter":"~1.0.0","babel-runtime":"6.x",classnames:"~2.2.0","css-animation":"^1.2.5","dom-closest":"^0.2.0","lodash.debounce":"^4.0.8",moment:"^2.18.1","object-assign":"~4.1.0","omit.js":"^0.1.0","prop-types":"^15.5.7","rc-animate":"~2.3.0","rc-calendar":"~8.0.0","rc-cascader":"~0.11.0","rc-checkbox":"~1.5.0","rc-collapse":"~1.7.0","rc-dialog":"~6.5.0","rc-dropdown":"~1.4.8","rc-editor-mention":"~0.5.2","rc-form":"~1.3.0","rc-input-number":"~3.4.4","rc-menu":"~5.0.9","rc-notification":"~1.4.0","rc-pagination":"~1.8.0","rc-progress":"~2.1.0","rc-radio":"~2.0.0","rc-rate":"~2.1.0","rc-select":"~6.8.0","rc-slider":"~7.0.0","rc-steps":"~2.5.0","rc-switch":"~1.4.2","rc-table":"~5.2.13","rc-tabs":"~7.3.0","rc-time-picker":"~2.3.3","rc-tooltip":"~3.4.2","rc-tree":"~1.4.0","rc-tree-select":"~1.9.0","rc-upload":"~2.3.0","rc-util":"^4.0.1","react-lazy-load":"^3.0.10","react-slick":"~0.14.2",shallowequal:"^0.2.2",warning:"~3.0.0"},devDependencies:{"@types/react":"^15.0.8","@types/react-dom":"~0.14.18","antd-demo-jest":"^1.0.5","antd-tools":"~0.19.1","babel-cli":"^6.18.0","babel-eslint":"^7.1.0","babel-jest":"^19.0.0","babel-plugin-import":"^1.0.0","babel-plugin-transform-runtime":"^6.23.0","babel-preset-es2015":"^6.18.0","babel-preset-react":"^6.16.0","babel-preset-stage-0":"^6.16.0","bezier-easing":"^2.0.3",bisheng:"^0.23.0","bisheng-plugin-antd":"^0.13.2","bisheng-plugin-description":"^0.1.1","bisheng-plugin-react":"^0.5.0","bisheng-plugin-toc":"^0.4.0","color-standalone":"^0.11.6","cross-env":"^4.0.0","css-split-webpack-plugin":"^0.2.3",dekko:"^0.2.0",delegate:"^3.1.2","dora-plugin-upload":"^0.3.1","enquire.js":"^2.1.1",enzyme:"^2.6.0","enzyme-to-json":"^1.3.0",eslint:"^3.0.1","eslint-config-airbnb":"latest","eslint-plugin-babel":"^4.0.0","eslint-plugin-import":"^2.1.0","eslint-plugin-jsx-a11y":"^4.0.0","eslint-plugin-markdown":"1.0.0-beta.4","eslint-plugin-react":"^6.10.3","eslint-tinker":"^0.4.0","fetch-jsonp":"^1.0.3",glob:"^7.1.1",jest:"^19.0.2","jsonml.js":"^0.1.0","lint-staged":"^3.3.1",mockdate:"^2.0.1","moment-timezone":"^0.5.5","pre-commit":"^1.2.2",querystring:"^0.2.0","rc-queue-anim":"^0.13.2","rc-scroll-anim":"^1.0.3","rc-tween-one":"^1.1.2",react:"^15.0.0","react-addons-test-utils":"^15.5.1","react-color-standalone":"^2.4.2-1","react-copy-to-clipboard":"^4.0.1","react-document-title":"^2.0.1","react-dom":"^15.0.0","react-github-button":"^0.1.1","react-intl":"^2.0.1","react-stateless-wrapper":"^1.0.2","react-sublime-video":"^0.2.0","react-test-renderer":"^15.5.4",reqwest:"^2.0.5",rimraf:"^2.5.4",stylelint:"^7.8.0","stylelint-config-standard":"^16.0.0",typescript:"~2.2.1","typescript-babel-jest":"^1.0.2","values.js":"^1.0.3",xhr2:"^0.1.3"},scripts:{test:"jest","test-all":"./scripts/test-all.sh",lint:"npm run lint:ts && npm run lint:es && npm run lint:demo && npm run lint:style","lint:ts":"npm run tsc && antd-tools run ts-lint","lint:es":"eslint tests site scripts components ./.eslintrc.js ./webpack.config.js --ext '.js,.jsx'","lint:demo":"cross-env RUN_ENV=DEMO eslint components/*/demo/*.md --ext '.md'","lint:style":'stylelint "{site,components}/**/*.less" --syntax less',"lint-fix:ts":"npm run tsc && antd-tools run ts-lint-fix","lint-fix":"npm run lint-fix:code && npm run lint-fix:demo","lint-fix:code":"eslint --fix tests site scripts components ./.eslintrc.js ./webpack.config.js --ext '.js,.jsx'","lint-fix:demo":"eslint-tinker ./components/*/demo/*.md",dist:"antd-tools run dist",compile:"antd-tools run compile",tsc:"tsc",start:"bisheng start -c ./site/bisheng.config.js --no-livereload",site:"bisheng build --ssr -c ./site/bisheng.config.js",deploy:"antd-tools run clean && npm run site && bisheng gh-pages --push-only",pub:"antd-tools run pub",prepublish:"antd-tools run guard","pre-publish":"npm run test-all && node ./scripts/prepub",authors:"git log --format='%aN <%aE>' | sort -u | grep -v 'users.noreply.github.com' | grep -v 'gitter.im' | grep -v '.local>' | grep -v 'alibaba-inc.com' | grep -v 'alipay.com' | grep -v 'taobao.com' > AUTHORS.txt","lint-staged":"lint-staged","lint-staged:ts":"tsc && node node_modules/tslint/bin/tslint -c node_modules/antd-tools/lib/tslint.json","lint-staged:es":"eslint ./.eslintrc.js ./webpack.config.js","lint-staged:demo":"cross-env RUN_ENV=DEMO eslint --ext '.md'"},"lint-staged":{"components/**/*.tsx":["lint-staged:ts"],"{tests,site,scripts,components}/**/*.{js,jsx}":["lint-staged:es"],"{site,components}/**/*.less":"stylelint --syntax less","components/*/demo/*.md":["lint-staged:demo"]},jest:{setupFiles:["./tests/setup.js"],moduleFileExtensions:["ts","tsx","js","jsx","json","md"],modulePathIgnorePatterns:["/_site/"],testPathIgnorePatterns:["dekko","/node_modules/","node"],transform:{"\\.tsx?$":"./node_modules/typescript-babel-jest","\\.js$":"./node_modules/babel-jest","\\.md$":"./node_modules/antd-demo-jest"},testRegex:".*\\.test\\.js$",collectCoverageFrom:["components/**/*.{ts,tsx}","!components/*/style/index.tsx"],transformIgnorePatterns:["/node_modules/","/dist/antd.js"],snapshotSerializers:["enzyme-to-json/serializer"]},"pre-commit":["lint-staged"]}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var u=n(1),l=r(u),c=function(e){function t(){return i(this,t),a(this,e.apply(this,arguments))}return s(t,e),t.prototype.render=function(){return l["default"].createElement("div",this.props,this.props.children)},t}(l["default"].Component);c.propTypes={children:l["default"].PropTypes.any},t["default"]=c,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"@",n=(0,a["default"])(t),r=e.getCurrentContent(),o=[];return r.getBlockMap().forEach(function(e){for(var t=e.getText(),r=void 0;null!==(r=n.exec(t));)o.push(r[0].trim())}),o}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var i=n(362),a=r(i);e.exports=t["default"]},function(e,t){"use strict";function n(e,t){var n=e.getBoundingClientRect();if(n.width||n.height){var r=t||e.parentElement;return{top:n.top-r.clientTop,left:n.left-r.clientLeft}}return n}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=n,e.exports=t["default"]},function(e,t){"use strict";function n(e){var t=Array.isArray(e)?e:[e],n=t.join("").replace(/(\$|\^)/g,"\\$1");return t.length>1&&(n="["+n+"]"),new RegExp("(\\s|^)("+n+")[^\\s]*","g")}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=n,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1207),i=r(o),a={EditorCore:i["default"],GetText:i["default"].GetText,GetHTML:i["default"].GetHTML,toEditorState:i["default"].ToEditorState};t["default"]=a,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}function u(){}Object.defineProperty(t,"__esModule",{value:!0});var l=n(1),c=r(l),f=n(2),p=r(f),d=n(11),h=r(d),v=n(365),m=n(108),y=n(1211),g=r(y),b=n(218),_=r(b),w=n(1217),x=r(w),C=Math.round(1e3/60),E=0,S=function(e){function t(){i(this,t);var n=a(this,e.apply(this,arguments));return n.rafID=-1,n.moment=n.props.moment||0,n.state={startMoment:n.props.moment,startFrame:x["default"].frame,paused:n.props.paused},["raf","frame","start","play","restart"].forEach(function(e){return n[e]=n[e].bind(n)}),n}return s(t,e),t.prototype.componentDidMount=function(){this.dom=p["default"].findDOMNode(this),this.start(this.props)},t.prototype.componentWillReceiveProps=function(e){var t=this,n=e.moment;"number"==typeof n&&n!==this.moment&&this.setState({startMoment:n,startFrame:x["default"].frame},function(){t.rafID!==-1||e.paused?t.raf():!function(){t.timeLine.resetAnimData();var n=e.style;t.dom.setAttribute("style",""),Object.keys(n).forEach(function(e){t.dom.style[e]=(0,m.stylesToCss)(e,n[e])}),t.play()}()});var r=e.animation,o=this.props.animation,i=(0,v.objectEqual)(o,r),a=(0,v.objectEqual)(this.props.style,e.style);i?a||this.rafID!==-1&&(this.cancelRequestAnimationFrame(),this.timeLine&&this.timeLine.resetDefaultStyle(),this.setState({startMoment:this.timeLine.progressTime,startFrame:x["default"].frame},function(){t.start(e)})):(this.cancelRequestAnimationFrame(),a&&!e.resetStyleBool||!this.timeLine||this.timeLine.resetDefaultStyle(),this.setState({startMoment:0,startFrame:x["default"].frame},function(){t.start(e)})),this.props.paused===e.paused&&this.props.reverse===e.reverse||(e.paused?this.cancelRequestAnimationFrame():e.reverse&&e.reverseDelay?(this.cancelRequestAnimationFrame(),x["default"].timeout(this.restart,e.reverseDelay)):this.restart())},t.prototype.componentWillUnmount=function(){this.cancelRequestAnimationFrame()},t.prototype.restart=function(){var e=this;this.setState({startMoment:this.timeLine.progressTime,startFrame:x["default"].frame},function(){e.play()})},t.prototype.start=function(e){e.animation&&Object.keys(e.animation).length&&(this.timeLine=new g["default"](this.dom,(0,v.dataToArray)(e.animation),this.props.attr),this.play())},t.prototype.play=function(){this.cancelRequestAnimationFrame(),this.rafID="tween"+Date.now()+"-"+E,x["default"].wake(this.rafID,this.raf),this.raf(),E++},t.prototype.frame=function(){var e=(x["default"].frame-this.state.startFrame)*C+(this.state.startMoment||0);this.props.reverse&&(e=(this.state.startMoment||0)-(x["default"].frame-this.state.startFrame)*C),e=e>this.timeLine.totalTime?this.timeLine.totalTime:e,e=e<=0?0:e,e<this.moment&&!this.props.reverse&&this.timeLine.resetDefaultStyle(),this.moment=e,this.timeLine.onChange=this.props.onChange,this.timeLine.frame(e),this.timeLine.register=!0},t.prototype.raf=function(){if(this.frame(),this.moment>=this.timeLine.totalTime&&!this.props.reverse||this.props.paused||this.props.reverse&&0===this.moment)return this.cancelRequestAnimationFrame()},t.prototype.cancelRequestAnimationFrame=function(){x["default"].clear(this.rafID),this.rafID=-1},t.prototype.render=function(){var e=(0,h["default"])({},this.props);["animation","component","reverseDelay","attr","paused","reverse","moment","resetStyleBool"].forEach(function(t){return delete e[t]}),e.style=(0,h["default"])({},this.props.style);for(var t in e.style)if(t.indexOf("filter")>=0||t.indexOf("Filter")>=0)for(var n=["Webkit","Moz","Ms","ms"],r=0;r<n.length;r++)e.style[n[r]+"Filter"]=e.style[t];return e.component="function"==typeof e.component?this.props.componentReplace:e.component,e.component||delete e.component,c["default"].createElement(this.props.component,e)},t}(l.Component),O=l.PropTypes.oneOfType([l.PropTypes.object,l.PropTypes.array]);S.propTypes={component:l.PropTypes.any,componentReplace:l.PropTypes.string,animation:O,children:l.PropTypes.any,style:l.PropTypes.object,paused:l.PropTypes.bool,reverse:l.PropTypes.bool,reverseDelay:l.PropTypes.number,moment:l.PropTypes.number,attr:l.PropTypes.string,onChange:l.PropTypes.func,resetStyleBool:l.PropTypes.bool},S.defaultProps={component:"div",reverseDelay:0,attr:"style",onChange:u},S.plugins=_["default"],t["default"]=S,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=[];return d["default"].Children.forEach(e,function(e){t.push(e)}),t}function i(e){return e||0===e?Array.isArray(e)?e:[e]:[]}function a(e,t){if(e===t)return!0;if(!e||!t)return!1;var n=!0;if(Array.isArray(e)&&Array.isArray(t))for(var r=0;r<e.length;r++){var o=e[r],i=t[r];for(var s in o)if(o[s]!==i[s]){if("object"!==f(o[s])||"object"!==f(i[s]))return n=!1,!1;n=a(o[s],i[s])}}return Object.keys(e).forEach(function(r){return r in t?void("object"===f(e[r])&&"object"===f(t[r])?n=a(e[r],t[r]):"function"==typeof e[r]&&"function"==typeof t[r]?e[r].name!==t[r].name&&(n=!1):e[r]!==t[r]&&(n=!1)):(n=!1,!1)}),Object.keys(t).forEach(function(r){return r in e?void("object"===f(t[r])&&"object"===f(e[r])?n=a(t[r],e[r]):"function"==typeof e[r]&&"function"==typeof t[r]?e[r].name!==t[r].name&&(n=!1):t[r]!==e[r]&&(n=!1)):(n=!1,!1)}),n}function s(e,t){var n=null;return e&&e.forEach(function(e){!n&&e&&e.key===t&&(n=e)}),n}function u(e,t){var n=[],r={},o=[];return e.forEach(function(e){e&&(s(t,e.key)?o.length&&(r[e.key]=o,o=[]):e.key&&o.push(e))}),t.forEach(function(e){e&&(r.hasOwnProperty(e.key)&&(n=n.concat(r[e.key])),n.push(e))}),o.forEach(function(t){var r=e.indexOf(t);r>=0&&n.splice(r,0,t)}),n}function l(e,t,n){var r=void 0;return r="function"==typeof e?e({key:t,index:n}):e}function c(e){return e&&e.children}Object.defineProperty(t,"__esModule",{value:!0});var f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e};t.toArrayChildren=o,t.dataToArray=i,t.objectEqual=a,t.findChildInChildrenByKey=s,t.mergeChildren=u,t.transformArguments=l,t.getChildrenFromProps=c;var p=n(1),d=r(p)},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e){if("file"==e.kind)return e.getAsFile()}var i=n(1219),a=n(371),s=n(33),u=new RegExp("\r\n","g"),l="\n",c={"text/rtf":1,"text/html":1},f=function(){function e(t){r(this,e),this.data=t,this.types=t.types?a(t.types):[]}return e.prototype.isRichText=function(){return!(!this.getHTML()||!this.getText())||!this.isImage()&&this.types.some(function(e){return c[e]})},e.prototype.getText=function(){var e;return this.data.getData&&(this.types.length?this.types.indexOf("text/plain")!=-1&&(e=this.data.getData("text/plain")):e=this.data.getData("Text")),e?e.replace(u,l):null},e.prototype.getHTML=function(){if(this.data.getData){if(!this.types.length)return this.data.getData("Text");if(this.types.indexOf("text/html")!=-1)return this.data.getData("text/html")}},e.prototype.isLink=function(){return this.types.some(function(e){return e.indexOf("Url")!=-1||e.indexOf("text/uri-list")!=-1||e.indexOf("text/x-moz-url")})},e.prototype.getLink=function(){if(this.data.getData){if(this.types.indexOf("text/x-moz-url")!=-1){var e=this.data.getData("text/x-moz-url").split("\n");return e[0]}return this.types.indexOf("text/uri-list")!=-1?this.data.getData("text/uri-list"):this.data.getData("url")}return null},e.prototype.isImage=function t(){var t=this.types.some(function(e){return e.indexOf("application/x-moz-file")!=-1});if(t)return!0;for(var e=this.getFiles(),n=0;n<e.length;n++){var r=e[n].type;if(!i.isImage(r))return!1}return!0},e.prototype.getCount=function(){return this.data.hasOwnProperty("items")?this.data.items.length:this.data.hasOwnProperty("mozItemCount")?this.data.mozItemCount:this.data.files?this.data.files.length:null},e.prototype.getFiles=function(){return this.data.items?Array.prototype.slice.call(this.data.items).map(o).filter(s.thatReturnsArgument):this.data.files?Array.prototype.slice.call(this.data.files):[]},e.prototype.hasFiles=function(){return this.getFiles().length>0},e}();e.exports=f},function(e,t,n){"use strict";var r=n(33),o={listen:function(e,t,n){return e.addEventListener?(e.addEventListener(t,n,!1),{remove:function(){e.removeEventListener(t,n,!1)}}):e.attachEvent?(e.attachEvent("on"+t,n),{remove:function(){e.detachEvent("on"+t,n)}}):void 0},capture:function(e,t,n){return e.addEventListener?(e.addEventListener(t,n,!0),{remove:function(){e.removeEventListener(t,n,!0)}}):{remove:r}},registerDefault:function(){}};e.exports=o},function(e,t){"use strict";function n(e,t){return!!t&&(e===t.documentElement||e===t.body)}var r={getTop:function(e){var t=e.ownerDocument;return n(e,t)?t.body.scrollTop||t.documentElement.scrollTop:e.scrollTop},setTop:function(e,t){var r=e.ownerDocument;n(e,r)?r.body.scrollTop=r.documentElement.scrollTop=t:e.scrollTop=t},getLeft:function(e){var t=e.ownerDocument;return n(e,t)?t.body.scrollLeft||t.documentElement.scrollLeft:e.scrollLeft},setLeft:function(e,t){var r=e.ownerDocument;n(e,r)?r.body.scrollLeft=r.documentElement.scrollLeft=t:e.scrollLeft=t}};e.exports=r},function(e,t,n){"use strict";function r(e){var t=p.exec(e);return null==t?null:t[0]}function o(e){var t=r(e);return null==t?l.NEUTRAL:d.exec(t)?l.RTL:l.LTR}function i(e,t){if(t=t||l.NEUTRAL,!e.length)return t;var n=o(e);return n===l.NEUTRAL?t:n}function a(e,t){return t||(t=l.getGlobalDir()),l.isStrong(t)?void 0:c(!1),i(e,t)}function s(e,t){return a(e,t)===l.LTR}function u(e,t){return a(e,t)===l.RTL}var l=n(221),c=n(13),f={L:"A-Za-z\xaa\xb5\xba\xc0-\xd6\xd8-\xf6\xf8-\u01ba\u01bb\u01bc-\u01bf\u01c0-\u01c3\u01c4-\u0293\u0294\u0295-\u02af\u02b0-\u02b8\u02bb-\u02c1\u02d0-\u02d1\u02e0-\u02e4\u02ee\u0370-\u0373\u0376-\u0377\u037a\u037b-\u037d\u037f\u0386\u0388-\u038a\u038c\u038e-\u03a1\u03a3-\u03f5\u03f7-\u0481\u0482\u048a-\u052f\u0531-\u0556\u0559\u055a-\u055f\u0561-\u0587\u0589\u0903\u0904-\u0939\u093b\u093d\u093e-\u0940\u0949-\u094c\u094e-\u094f\u0950\u0958-\u0961\u0964-\u0965\u0966-\u096f\u0970\u0971\u0972-\u0980\u0982-\u0983\u0985-\u098c\u098f-\u0990\u0993-\u09a8\u09aa-\u09b0\u09b2\u09b6-\u09b9\u09bd\u09be-\u09c0\u09c7-\u09c8\u09cb-\u09cc\u09ce\u09d7\u09dc-\u09dd\u09df-\u09e1\u09e6-\u09ef\u09f0-\u09f1\u09f4-\u09f9\u09fa\u0a03\u0a05-\u0a0a\u0a0f-\u0a10\u0a13-\u0a28\u0a2a-\u0a30\u0a32-\u0a33\u0a35-\u0a36\u0a38-\u0a39\u0a3e-\u0a40\u0a59-\u0a5c\u0a5e\u0a66-\u0a6f\u0a72-\u0a74\u0a83\u0a85-\u0a8d\u0a8f-\u0a91\u0a93-\u0aa8\u0aaa-\u0ab0\u0ab2-\u0ab3\u0ab5-\u0ab9\u0abd\u0abe-\u0ac0\u0ac9\u0acb-\u0acc\u0ad0\u0ae0-\u0ae1\u0ae6-\u0aef\u0af0\u0b02-\u0b03\u0b05-\u0b0c\u0b0f-\u0b10\u0b13-\u0b28\u0b2a-\u0b30\u0b32-\u0b33\u0b35-\u0b39\u0b3d\u0b3e\u0b40\u0b47-\u0b48\u0b4b-\u0b4c\u0b57\u0b5c-\u0b5d\u0b5f-\u0b61\u0b66-\u0b6f\u0b70\u0b71\u0b72-\u0b77\u0b83\u0b85-\u0b8a\u0b8e-\u0b90\u0b92-\u0b95\u0b99-\u0b9a\u0b9c\u0b9e-\u0b9f\u0ba3-\u0ba4\u0ba8-\u0baa\u0bae-\u0bb9\u0bbe-\u0bbf\u0bc1-\u0bc2\u0bc6-\u0bc8\u0bca-\u0bcc\u0bd0\u0bd7\u0be6-\u0bef\u0bf0-\u0bf2\u0c01-\u0c03\u0c05-\u0c0c\u0c0e-\u0c10\u0c12-\u0c28\u0c2a-\u0c39\u0c3d\u0c41-\u0c44\u0c58-\u0c59\u0c60-\u0c61\u0c66-\u0c6f\u0c7f\u0c82-\u0c83\u0c85-\u0c8c\u0c8e-\u0c90\u0c92-\u0ca8\u0caa-\u0cb3\u0cb5-\u0cb9\u0cbd\u0cbe\u0cbf\u0cc0-\u0cc4\u0cc6\u0cc7-\u0cc8\u0cca-\u0ccb\u0cd5-\u0cd6\u0cde\u0ce0-\u0ce1\u0ce6-\u0cef\u0cf1-\u0cf2\u0d02-\u0d03\u0d05-\u0d0c\u0d0e-\u0d10\u0d12-\u0d3a\u0d3d\u0d3e-\u0d40\u0d46-\u0d48\u0d4a-\u0d4c\u0d4e\u0d57\u0d60-\u0d61\u0d66-\u0d6f\u0d70-\u0d75\u0d79\u0d7a-\u0d7f\u0d82-\u0d83\u0d85-\u0d96\u0d9a-\u0db1\u0db3-\u0dbb\u0dbd\u0dc0-\u0dc6\u0dcf-\u0dd1\u0dd8-\u0ddf\u0de6-\u0def\u0df2-\u0df3\u0df4\u0e01-\u0e30\u0e32-\u0e33\u0e40-\u0e45\u0e46\u0e4f\u0e50-\u0e59\u0e5a-\u0e5b\u0e81-\u0e82\u0e84\u0e87-\u0e88\u0e8a\u0e8d\u0e94-\u0e97\u0e99-\u0e9f\u0ea1-\u0ea3\u0ea5\u0ea7\u0eaa-\u0eab\u0ead-\u0eb0\u0eb2-\u0eb3\u0ebd\u0ec0-\u0ec4\u0ec6\u0ed0-\u0ed9\u0edc-\u0edf\u0f00\u0f01-\u0f03\u0f04-\u0f12\u0f13\u0f14\u0f15-\u0f17\u0f1a-\u0f1f\u0f20-\u0f29\u0f2a-\u0f33\u0f34\u0f36\u0f38\u0f3e-\u0f3f\u0f40-\u0f47\u0f49-\u0f6c\u0f7f\u0f85\u0f88-\u0f8c\u0fbe-\u0fc5\u0fc7-\u0fcc\u0fce-\u0fcf\u0fd0-\u0fd4\u0fd5-\u0fd8\u0fd9-\u0fda\u1000-\u102a\u102b-\u102c\u1031\u1038\u103b-\u103c\u103f\u1040-\u1049\u104a-\u104f\u1050-\u1055\u1056-\u1057\u105a-\u105d\u1061\u1062-\u1064\u1065-\u1066\u1067-\u106d\u106e-\u1070\u1075-\u1081\u1083-\u1084\u1087-\u108c\u108e\u108f\u1090-\u1099\u109a-\u109c\u109e-\u109f\u10a0-\u10c5\u10c7\u10cd\u10d0-\u10fa\u10fb\u10fc\u10fd-\u1248\u124a-\u124d\u1250-\u1256\u1258\u125a-\u125d\u1260-\u1288\u128a-\u128d\u1290-\u12b0\u12b2-\u12b5\u12b8-\u12be\u12c0\u12c2-\u12c5\u12c8-\u12d6\u12d8-\u1310\u1312-\u1315\u1318-\u135a\u1360-\u1368\u1369-\u137c\u1380-\u138f\u13a0-\u13f4\u1401-\u166c\u166d-\u166e\u166f-\u167f\u1681-\u169a\u16a0-\u16ea\u16eb-\u16ed\u16ee-\u16f0\u16f1-\u16f8\u1700-\u170c\u170e-\u1711\u1720-\u1731\u1735-\u1736\u1740-\u1751\u1760-\u176c\u176e-\u1770\u1780-\u17b3\u17b6\u17be-\u17c5\u17c7-\u17c8\u17d4-\u17d6\u17d7\u17d8-\u17da\u17dc\u17e0-\u17e9\u1810-\u1819\u1820-\u1842\u1843\u1844-\u1877\u1880-\u18a8\u18aa\u18b0-\u18f5\u1900-\u191e\u1923-\u1926\u1929-\u192b\u1930-\u1931\u1933-\u1938\u1946-\u194f\u1950-\u196d\u1970-\u1974\u1980-\u19ab\u19b0-\u19c0\u19c1-\u19c7\u19c8-\u19c9\u19d0-\u19d9\u19da\u1a00-\u1a16\u1a19-\u1a1a\u1a1e-\u1a1f\u1a20-\u1a54\u1a55\u1a57\u1a61\u1a63-\u1a64\u1a6d-\u1a72\u1a80-\u1a89\u1a90-\u1a99\u1aa0-\u1aa6\u1aa7\u1aa8-\u1aad\u1b04\u1b05-\u1b33\u1b35\u1b3b\u1b3d-\u1b41\u1b43-\u1b44\u1b45-\u1b4b\u1b50-\u1b59\u1b5a-\u1b60\u1b61-\u1b6a\u1b74-\u1b7c\u1b82\u1b83-\u1ba0\u1ba1\u1ba6-\u1ba7\u1baa\u1bae-\u1baf\u1bb0-\u1bb9\u1bba-\u1be5\u1be7\u1bea-\u1bec\u1bee\u1bf2-\u1bf3\u1bfc-\u1bff\u1c00-\u1c23\u1c24-\u1c2b\u1c34-\u1c35\u1c3b-\u1c3f\u1c40-\u1c49\u1c4d-\u1c4f\u1c50-\u1c59\u1c5a-\u1c77\u1c78-\u1c7d\u1c7e-\u1c7f\u1cc0-\u1cc7\u1cd3\u1ce1\u1ce9-\u1cec\u1cee-\u1cf1\u1cf2-\u1cf3\u1cf5-\u1cf6\u1d00-\u1d2b\u1d2c-\u1d6a\u1d6b-\u1d77\u1d78\u1d79-\u1d9a\u1d9b-\u1dbf\u1e00-\u1f15\u1f18-\u1f1d\u1f20-\u1f45\u1f48-\u1f4d\u1f50-\u1f57\u1f59\u1f5b\u1f5d\u1f5f-\u1f7d\u1f80-\u1fb4\u1fb6-\u1fbc\u1fbe\u1fc2-\u1fc4\u1fc6-\u1fcc\u1fd0-\u1fd3\u1fd6-\u1fdb\u1fe0-\u1fec\u1ff2-\u1ff4\u1ff6-\u1ffc\u200e\u2071\u207f\u2090-\u209c\u2102\u2107\u210a-\u2113\u2115\u2119-\u211d\u2124\u2126\u2128\u212a-\u212d\u212f-\u2134\u2135-\u2138\u2139\u213c-\u213f\u2145-\u2149\u214e\u214f\u2160-\u2182\u2183-\u2184\u2185-\u2188\u2336-\u237a\u2395\u249c-\u24e9\u26ac\u2800-\u28ff\u2c00-\u2c2e\u2c30-\u2c5e\u2c60-\u2c7b\u2c7c-\u2c7d\u2c7e-\u2ce4\u2ceb-\u2cee\u2cf2-\u2cf3\u2d00-\u2d25\u2d27\u2d2d\u2d30-\u2d67\u2d6f\u2d70\u2d80-\u2d96\u2da0-\u2da6\u2da8-\u2dae\u2db0-\u2db6\u2db8-\u2dbe\u2dc0-\u2dc6\u2dc8-\u2dce\u2dd0-\u2dd6\u2dd8-\u2dde\u3005\u3006\u3007\u3021-\u3029\u302e-\u302f\u3031-\u3035\u3038-\u303a\u303b\u303c\u3041-\u3096\u309d-\u309e\u309f\u30a1-\u30fa\u30fc-\u30fe\u30ff\u3105-\u312d\u3131-\u318e\u3190-\u3191\u3192-\u3195\u3196-\u319f\u31a0-\u31ba\u31f0-\u31ff\u3200-\u321c\u3220-\u3229\u322a-\u3247\u3248-\u324f\u3260-\u327b\u327f\u3280-\u3289\u328a-\u32b0\u32c0-\u32cb\u32d0-\u32fe\u3300-\u3376\u337b-\u33dd\u33e0-\u33fe\u3400-\u4db5\u4e00-\u9fcc\ua000-\ua014\ua015\ua016-\ua48c\ua4d0-\ua4f7\ua4f8-\ua4fd\ua4fe-\ua4ff\ua500-\ua60b\ua60c\ua610-\ua61f\ua620-\ua629\ua62a-\ua62b\ua640-\ua66d\ua66e\ua680-\ua69b\ua69c-\ua69d\ua6a0-\ua6e5\ua6e6-\ua6ef\ua6f2-\ua6f7\ua722-\ua76f\ua770\ua771-\ua787\ua789-\ua78a\ua78b-\ua78e\ua790-\ua7ad\ua7b0-\ua7b1\ua7f7\ua7f8-\ua7f9\ua7fa\ua7fb-\ua801\ua803-\ua805\ua807-\ua80a\ua80c-\ua822\ua823-\ua824\ua827\ua830-\ua835\ua836-\ua837\ua840-\ua873\ua880-\ua881\ua882-\ua8b3\ua8b4-\ua8c3\ua8ce-\ua8cf\ua8d0-\ua8d9\ua8f2-\ua8f7\ua8f8-\ua8fa\ua8fb\ua900-\ua909\ua90a-\ua925\ua92e-\ua92f\ua930-\ua946\ua952-\ua953\ua95f\ua960-\ua97c\ua983\ua984-\ua9b2\ua9b4-\ua9b5\ua9ba-\ua9bb\ua9bd-\ua9c0\ua9c1-\ua9cd\ua9cf\ua9d0-\ua9d9\ua9de-\ua9df\ua9e0-\ua9e4\ua9e6\ua9e7-\ua9ef\ua9f0-\ua9f9\ua9fa-\ua9fe\uaa00-\uaa28\uaa2f-\uaa30\uaa33-\uaa34\uaa40-\uaa42\uaa44-\uaa4b\uaa4d\uaa50-\uaa59\uaa5c-\uaa5f\uaa60-\uaa6f\uaa70\uaa71-\uaa76\uaa77-\uaa79\uaa7a\uaa7b\uaa7d\uaa7e-\uaaaf\uaab1\uaab5-\uaab6\uaab9-\uaabd\uaac0\uaac2\uaadb-\uaadc\uaadd\uaade-\uaadf\uaae0-\uaaea\uaaeb\uaaee-\uaaef\uaaf0-\uaaf1\uaaf2\uaaf3-\uaaf4\uaaf5\uab01-\uab06\uab09-\uab0e\uab11-\uab16\uab20-\uab26\uab28-\uab2e\uab30-\uab5a\uab5b\uab5c-\uab5f\uab64-\uab65\uabc0-\uabe2\uabe3-\uabe4\uabe6-\uabe7\uabe9-\uabea\uabeb\uabec\uabf0-\uabf9\uac00-\ud7a3\ud7b0-\ud7c6\ud7cb-\ud7fb\ue000-\uf8ff\uf900-\ufa6d\ufa70-\ufad9\ufb00-\ufb06\ufb13-\ufb17\uff21-\uff3a\uff41-\uff5a\uff66-\uff6f\uff70\uff71-\uff9d\uff9e-\uff9f\uffa0-\uffbe\uffc2-\uffc7\uffca-\uffcf\uffd2-\uffd7\uffda-\uffdc",
+R:"\u0590\u05be\u05c0\u05c3\u05c6\u05c8-\u05cf\u05d0-\u05ea\u05eb-\u05ef\u05f0-\u05f2\u05f3-\u05f4\u05f5-\u05ff\u07c0-\u07c9\u07ca-\u07ea\u07f4-\u07f5\u07fa\u07fb-\u07ff\u0800-\u0815\u081a\u0824\u0828\u082e-\u082f\u0830-\u083e\u083f\u0840-\u0858\u085c-\u085d\u085e\u085f-\u089f\u200f\ufb1d\ufb1f-\ufb28\ufb2a-\ufb36\ufb37\ufb38-\ufb3c\ufb3d\ufb3e\ufb3f\ufb40-\ufb41\ufb42\ufb43-\ufb44\ufb45\ufb46-\ufb4f",AL:"\u0608\u060b\u060d\u061b\u061c\u061d\u061e-\u061f\u0620-\u063f\u0640\u0641-\u064a\u066d\u066e-\u066f\u0671-\u06d3\u06d4\u06d5\u06e5-\u06e6\u06ee-\u06ef\u06fa-\u06fc\u06fd-\u06fe\u06ff\u0700-\u070d\u070e\u070f\u0710\u0712-\u072f\u074b-\u074c\u074d-\u07a5\u07b1\u07b2-\u07bf\u08a0-\u08b2\u08b3-\u08e3\ufb50-\ufbb1\ufbb2-\ufbc1\ufbc2-\ufbd2\ufbd3-\ufd3d\ufd40-\ufd4f\ufd50-\ufd8f\ufd90-\ufd91\ufd92-\ufdc7\ufdc8-\ufdcf\ufdf0-\ufdfb\ufdfc\ufdfe-\ufdff\ufe70-\ufe74\ufe75\ufe76-\ufefc\ufefd-\ufefe"},p=new RegExp("["+f.L+f.R+f.AL+"]"),d=new RegExp("["+f.R+f.AL+"]"),h={firstStrongChar:r,firstStrongCharDir:o,resolveBlockDir:i,getDirection:a,isDirectionLTR:s,isDirectionRTL:u};e.exports=h},function(e,t){"use strict";function n(e){return e.replace(r,function(e,t){return t.toUpperCase()})}var r=/-(.)/g;e.exports=n},function(e,t,n){"use strict";function r(e){var t=e.length;if(Array.isArray(e)||"object"!=typeof e&&"function"!=typeof e?a(!1):void 0,"number"!=typeof t?a(!1):void 0,0===t||t-1 in e?void 0:a(!1),"function"==typeof e.callee?a(!1):void 0,e.hasOwnProperty)try{return Array.prototype.slice.call(e)}catch(n){}for(var r=Array(t),o=0;o<t;o++)r[o]=e[o];return r}function o(e){return!!e&&("object"==typeof e||"function"==typeof e)&&"length"in e&&!("setInterval"in e)&&"number"!=typeof e.nodeType&&(Array.isArray(e)||"callee"in e||"item"in e)}function i(e){return o(e)?Array.isArray(e)?e.slice():r(e):[e]}var a=n(13);e.exports=i},function(e,t){"use strict";function n(e){try{e.focus()}catch(t){}}e.exports=n},function(e,t){"use strict";function n(e){return e.Window&&e instanceof e.Window?{x:e.pageXOffset||e.document.documentElement.scrollLeft,y:e.pageYOffset||e.document.documentElement.scrollTop}:{x:e.scrollLeft,y:e.scrollTop}}e.exports=n},function(e,t){"use strict";function n(e){return e.replace(r,"-$1").toLowerCase()}var r=/([A-Z])/g;e.exports=n},function(e,t){"use strict";function n(e){var t={};return function(n){return t.hasOwnProperty(n)||(t[n]=e.call(this,n)),t[n]}}e.exports=n},function(e,t,n){(function(t){"use strict";n(1294),e.exports=t.setImmediate}).call(t,function(){return this}())},function(e,t,n){"use strict";var r=n(1),o=n(131),i=n(1238),a=0;e.exports=function(e){function t(e,t){return i.cond(e,u,t)}var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],s=[[function(e){return"style"===o.getTagName(e)},function(e,t){var n=o.getTagName(e),a=o.getAttributes(e),s=o.getChildren(e)[0];return r.createElement(n,i.assign({key:t,dangerouslySetInnerHTML:{__html:s}},a))}],[function(e){return"string"==typeof e},function(e){return e}],[function(){return!0},function(e,n){var a=i.assign({key:n},o.getAttributes(e));a["class"]&&(a.className=a["class"],delete a["class"]),a.style&&(a.style=i.toStyleObject(a.style));var s=o.getTagName(e);return r.createElement(s,a,i.isStandalone(s)?void 0:o.getChildren(e).map(t))}]],u=n.concat(s);return i.cond(e,u,a++)}},function(e,t,n){"use strict";function r(e){this._listeners={},this._eventTarget=e||{},this.recoverLists=[],this._listFun={}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(227);r.prototype={addEventListener:function(e,t,n){var r=e.split("."),o=r[0],i=r[1],a=this._listeners[o],s=0,u=void 0,l=void 0;for(a||(this._listeners[o]=a=[]),l=a.length;--l>-1;)u=a[l],u.n===i&&u.c===t?a.splice(l,1):0===s&&(s=l+1);a.splice(s,0,{c:t,n:i,t:o}),this._listFun[o]||(this._listFun[o]=this._listFun[o]||this.dispatchEvent.bind(this,o),this._eventTarget.addEventListener?(n||this._eventTarget).addEventListener(o,this._listFun[o],!1):this._eventTarget.attachEvent&&(n||this._eventTarget).attachEvent("on"+o,this._listFun[o]))},removeEventListener:function(e,t,n,r){var o=e.split("."),i=o[0],a=o[1],s=this._listeners[i],u=void 0,l=r;if(a||(l=!0),s)for(u=s.length;--u>-1;)if(s[u].c===t&&(l||s[u].n===a)){if(s.splice(u,1),!s.length){var c=this._listFun[i];delete this._listeners[i],delete this._listFun[i],this._eventTarget.removeEventListener?(n||this._eventTarget).removeEventListener(i,c):this._eventTarget.detachEvent&&(n||this._eventTarget).detachEvent("on"+i,c)}if(!l)return}},dispatchEvent:function(e,t){var n=this._listeners[e],r=void 0,o=void 0,i=void 0;if(n)for(r=n.length,o=this._eventTarget;--r>-1;)if(i=n[r]){var a=t||{type:e,target:o};i.c.call(o,a)}},removeAllType:function(e,t){var n=this,r=e.split("."),i=r[0],a=r[1],s=this._listeners[i];this.recoverLists=this.recoverLists.concat((0,o.dataToArray)(s).filter(function(e){return e.n&&e.n.match(a)})),this.recoverLists.forEach(function(e){n.removeEventListener(e.t+"."+e.n,e.c,t)})},reAllType:function(e,t){var n=this,r=e.split("."),o=r[0],i=r[1];this.recoverLists=this.recoverLists.map(function(e){return e.t===o&&e.n.match(i)?(n.addEventListener(e.t+"."+e.n,e.c,t),null):e}).filter(function(e){return e})}};var i=void 0;i="undefined"!=typeof window&&"undefined"!=typeof document?new r(window):new r,t["default"]=i,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(70),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(2),y=r(m),g=n(1293),b=r(g),_=n(378),w=r(_),x=n(227),C=function(){},E=function(e){function t(){var n,r,o;(0,l["default"])(this,t);for(var i=arguments.length,a=Array(i),s=0;s<i;s++)a[s]=arguments[s];return n=r=(0,f["default"])(this,e.call.apply(e,[this].concat(a))),r.getParam=function(e){r.clientHeight=r.target?r.target.clientHeight:(0,x.windowHeight)();var t=r.target?r.target.scrollTop:(0,x.currentScrollTop)(),n=r.dom.getBoundingClientRect(),o=r.target?r.target.getBoundingClientRect().top:0,i=n.top+t-o;r.elementShowHeight=t-i+r.clientHeight;var a=(0,x.transformArguments)(r.props.playScale),s=/([\+\-]?[0-9#\.]+)(px|vh|%)?/.exec(String(a[0]));s[2]?"px"===s[2]?r.playHeight=parseFloat(s[1]):r.playHeight=r.clientHeight*parseFloat(s[1])/100:r.playHeight=r.clientHeight*parseFloat(a[0]);var u=n.height,l=/([\+\-]?[0-9#\.]+)(px|vh|%)?/.exec(String(a[1]));l[2]?"px"===l[2]?r.leavePlayHeight=parseFloat(l[1]):r.leavePlayHeight=u*parseFloat(l[1])/100:r.leavePlayHeight=u*parseFloat(a[1]);var c=r.elementShowHeight>=r.playHeight&&r.elementShowHeight<=r.clientHeight+r.leavePlayHeight,f=c?"enter":"leave",p=r.enter!==c||"boolean"!=typeof r.enter?f:null;p&&r.props.onChange({mode:p,id:r.props.id},e),r.enter=c},r.scrollEventListener=function(e){r.getParam(e)},o=n,(0,f["default"])(r,o)}return(0,d["default"])(t,e),t.prototype.componentDidMount=function(){this.dom=y["default"].findDOMNode(this),this.props.location?(this.dom=document.getElementById(this.props.location),b["default"].register(this.props.location,this.dom)):this.props.id&&b["default"].register(this.props.id,this.dom);var e=Date.now();this.target=this.props.targetId&&document.getElementById(this.props.targetId);var t=(0,x.currentScrollTop)();t||this.scrollEventListener();var n=w["default"]._listeners.scroll?w["default"]._listeners.scroll.length:0;this.eventType="scroll.scrollEvent"+e+n,w["default"].addEventListener(this.eventType,this.scrollEventListener,this.target)},t.prototype.componentWillReceiveProps=function(e){this.setState({children:(0,x.toArrayChildren)(e.children)})},t.prototype.componentWillUnmount=function(){b["default"].unRegister(this.props.id),w["default"].removeEventListener(this.eventType,this.scrollEventListener,this.target)},t.prototype.render=function(){var e=(0,s["default"])(this.props,[]);return["component","playScale","location","targetId"].forEach(function(t){return delete e[t]}),v["default"].createElement(this.props.component,(0,i["default"])({},e))},t}(v["default"].Component);E.propTypes={component:v["default"].PropTypes.any,playScale:v["default"].PropTypes.any,id:v["default"].PropTypes.string,onChange:v["default"].PropTypes.func,location:v["default"].PropTypes.string,targetId:v["default"].PropTypes.string},E.defaultProps={component:"div",onChange:C,playScale:.5},E.isScrollElement=!0,t["default"]=E,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(70),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(12),v=r(h),m=function(e){function t(){return(0,s["default"])(this,t),(0,l["default"])(this,e.apply(this,arguments))}return(0,f["default"])(t,e),t.prototype.shouldComponentUpdate=function(e){return e.hiddenClassName||e.visible},t.prototype.render=function(){var e=this.props,t=e.hiddenClassName,n=e.visible,r=(0,i["default"])(e,["hiddenClassName","visible"]);return t||d["default"].Children.count(r.children)>1?(!n&&t&&(r.className+=" "+t),d["default"].createElement("div",r)):d["default"].Children.only(r.children)},t}(p.Component);m.propTypes={children:v["default"].any,className:v["default"].string,visible:v["default"].bool,hiddenClassName:v["default"].string},t["default"]=m,e.exports=t["default"]},function(e,t){"use strict";var n={linear:function(e,t,n,r){var o=n-t;return o*e/r+t},easeInQuad:function(e,t,n,r){var o=n-t;return o*(e/=r)*e+t},easeOutQuad:function(e,t,n,r){var o=n-t;return-o*(e/=r)*(e-2)+t},easeInOutQuad:function(e,t,n,r){var o=n-t;return(e/=r/2)<1?o/2*e*e+t:-o/2*(--e*(e-2)-1)+t},easeInCubic:function(e,t,n,r){var o=n-t;return o*(e/=r)*e*e+t},easeOutCubic:function(e,t,n,r){var o=n-t;return o*((e=e/r-1)*e*e+1)+t},easeInOutCubic:function(e,t,n,r){var o=n-t;return(e/=r/2)<1?o/2*e*e*e+t:o/2*((e-=2)*e*e+2)+t},easeInQuart:function(e,t,n,r){var o=n-t;return o*(e/=r)*e*e*e+t},easeOutQuart:function(e,t,n,r){var o=n-t;return-o*((e=e/r-1)*e*e*e-1)+t},easeInOutQuart:function(e,t,n,r){var o=n-t;return(e/=r/2)<1?o/2*e*e*e*e+t:-o/2*((e-=2)*e*e*e-2)+t},easeInQuint:function(e,t,n,r){var o=n-t;return o*(e/=r)*e*e*e*e+t},easeOutQuint:function(e,t,n,r){var o=n-t;return o*((e=e/r-1)*e*e*e*e+1)+t},easeInOutQuint:function(e,t,n,r){var o=n-t;return(e/=r/2)<1?o/2*e*e*e*e*e+t:o/2*((e-=2)*e*e*e*e+2)+t},easeInSine:function(e,t,n,r){var o=n-t;return-o*Math.cos(e/r*(Math.PI/2))+o+t},easeOutSine:function(e,t,n,r){var o=n-t;return o*Math.sin(e/r*(Math.PI/2))+t},easeInOutSine:function(e,t,n,r){var o=n-t;return-o/2*(Math.cos(Math.PI*e/r)-1)+t},easeInExpo:function(e,t,n,r){var o=n-t;return 0==e?t:o*Math.pow(2,10*(e/r-1))+t},easeOutExpo:function(e,t,n,r){var o=n-t;return e==r?t+o:o*(-Math.pow(2,-10*e/r)+1)+t},easeInOutExpo:function(e,t,n,r){var o=n-t;return 0===e?t:e===r?t+o:(e/=r/2)<1?o/2*Math.pow(2,10*(e-1))+t:o/2*(-Math.pow(2,-10*--e)+2)+t},easeInCirc:function(e,t,n,r){var o=n-t;return-o*(Math.sqrt(1-(e/=r)*e)-1)+t},easeOutCirc:function(e,t,n,r){var o=n-t;return o*Math.sqrt(1-(e=e/r-1)*e)+t},easeInOutCirc:function(e,t,n,r){var o=n-t;return(e/=r/2)<1?-o/2*(Math.sqrt(1-e*e)-1)+t:o/2*(Math.sqrt(1-(e-=2)*e)+1)+t},easeInElastic:function(e,t,n,r){var o,i,a,s=n-t;return a=1.70158,i=0,o=s,0===e?t:1===(e/=r)?t+s:(i||(i=.3*r),o<Math.abs(s)?(o=s,a=i/4):a=i/(2*Math.PI)*Math.asin(s/o),-(o*Math.pow(2,10*(e-=1))*Math.sin((e*r-a)*(2*Math.PI)/i))+t)},easeOutElastic:function(e,t,n,r){var o,i,a,s=n-t;return a=1.70158,i=0,o=s,0===e?t:1===(e/=r)?t+s:(i||(i=.3*r),o<Math.abs(s)?(o=s,a=i/4):a=i/(2*Math.PI)*Math.asin(s/o),o*Math.pow(2,-10*e)*Math.sin((e*r-a)*(2*Math.PI)/i)+s+t)},easeInOutElastic:function(e,t,n,r){var o,i,a,s=n-t;return a=1.70158,i=0,o=s,0===e?t:2===(e/=r/2)?t+s:(i||(i=r*(.3*1.5)),o<Math.abs(s)?(o=s,a=i/4):a=i/(2*Math.PI)*Math.asin(s/o),e<1?-.5*(o*Math.pow(2,10*(e-=1))*Math.sin((e*r-a)*(2*Math.PI)/i))+t:o*Math.pow(2,-10*(e-=1))*Math.sin((e*r-a)*(2*Math.PI)/i)*.5+s+t)},easeInBack:function(e,t,n,r,o){var i=n-t;return void 0===o&&(o=1.70158),i*(e/=r)*e*((o+1)*e-o)+t},easeOutBack:function(e,t,n,r,o){var i=n-t;return void 0===o&&(o=1.70158),i*((e=e/r-1)*e*((o+1)*e+o)+1)+t},easeInOutBack:function(e,t,n,r,o){var i=n-t;return void 0===o&&(o=1.70158),(e/=r/2)<1?i/2*(e*e*(((o*=1.525)+1)*e-o))+t:i/2*((e-=2)*e*(((o*=1.525)+1)*e+o)+2)+t},easeInBounce:function(e,t,r,o){var i,a=r-t;return i=n.easeOutBounce(o-e,0,a,o),a-i+t},easeOutBounce:function(e,t,n,r){var o=n-t;return(e/=r)<1/2.75?o*(7.5625*e*e)+t:e<2/2.75?o*(7.5625*(e-=1.5/2.75)*e+.75)+t:e<2.5/2.75?o*(7.5625*(e-=2.25/2.75)*e+.9375)+t:o*(7.5625*(e-=2.625/2.75)*e+.984375)+t},easeInOutBounce:function(e,t,r,o){var i,a=r-t;return e<o/2?(i=n.easeInBounce(2*e,0,a,o),.5*i+t):(i=n.easeOutBounce(2*e-o,0,a,o),.5*i+.5*a+t)}};e.exports=n},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}Object.defineProperty(t,"__esModule",{value:!0});var i=n(9),a=r(i),s=n(4),u=r(s),l=n(7),c=r(l),f=n(6),p=r(f),d=n(1),h=r(d),v=n(12),m=r(v),y=n(2),g=r(y),b=n(137),_=n(108),w=n(1311),x=r(w),C=n(384),E=r(C),S=Math.round(1e3/60),O=function(e){function t(){(0,u["default"])(this,t);var n=(0,c["default"])(this,e.apply(this,arguments));return n.restart=function(){n.startMoment=n.timeLine.progressTime,n.startFrame=E["default"].frame,n.play()},n.start=function(){n.updateAnim=null;var e=n.props;e.animation&&Object.keys(e.animation).length&&(n.timeLine=new x["default"](n.dom,(0,b.dataToArray)(e.animation),{attr:e.attr,willChange:e.willChange}),n.raf(),n.play())},n.play=function(){n.cancelRequestAnimationFrame(),n.paused||(n.rafID=E["default"].add(n.raf))},n.updateAnimFunc=function(){n.cancelRequestAnimationFrame(),n.startFrame=E["default"].frame,"update"===n.updateAnim&&(n.props.resetStyleBool&&n.timeLine&&n.timeLine.resetDefaultStyle(),n.startMoment=0)},n.frame=function(){var e=(E["default"].frame-n.startFrame)*S+n.startMoment;n.reverse&&(e=(n.startMoment||0)-(E["default"].frame-n.startFrame)*S),e=e>n.timeLine.totalTime?n.timeLine.totalTime:e,e=e<=0?0:e,e<n.moment&&!n.reverse&&n.timeLine.resetDefaultStyle(),n.moment=e,n.timeLine.onChange=n.onChange,n.timeLine.frame(e)},n.raf=function(){if(n.frame(),n.updateAnim&&(n.updateStartStyle&&n.timeLine.reStart(n.props.style),n.updateAnimFunc(),n.start()),n.moment>=n.timeLine.totalTime&&!n.reverse||n.paused||n.reverse&&0===n.moment)return n.cancelRequestAnimationFrame()},n.cancelRequestAnimationFrame=function(){E["default"].clear(n.rafID),n.rafID=-1},n.rafID=-1,n.moment=n.props.moment||0,n.startMoment=n.props.moment||0,n.startFrame=E["default"].frame,n.paused=n.props.paused,n.reverse=n.props.reverse,n.onChange=n.props.onChange,n.newMomentAnim=!1,n.updateAnim=null,n}return(0,p["default"])(t,e),t.prototype.componentDidMount=function(){this.dom=g["default"].findDOMNode(this),this.start()},t.prototype.componentWillReceiveProps=function(e){var t=this;e.resetStyleBool&&this.timeLine&&this.rafID===-1&&this.timeLine.resetDefaultStyle(),this.onChange=e.onChange;var n=e.moment;if(this.newMomentAnim=!1,"number"==typeof n&&n!==this.moment)if(this.startMoment=n,this.startFrame=E["default"].frame,this.rafID!==-1||e.paused)this.newMomentAnim=!0;else{this.timeLine.resetAnimData();var r=e.style;this.dom.setAttribute("style",""),Object.keys(r).forEach(function(e){t.dom.style[e]=(0,_.stylesToCss)(e,r[e])}),this.play()}var o=e.animation,i=this.props.animation,a=(0,b.objectEqual)(i,o),s=(0,b.objectEqual)(this.props.style,e.style);a||(this.rafID!==-1?this.updateAnim="update":e.updateReStart&&(this.startFrame=E["default"].frame,this.updateAnim="start"),this.timeLine&&(this.timeLine.updateAnim=this.updateAnim)),s||this.rafID!==-1&&(this.updateStartStyle=!0),this.paused===e.paused&&this.reverse===e.reverse||(this.paused=e.paused,this.reverse=e.reverse,this.paused?this.cancelRequestAnimationFrame():this.reverse&&e.reverseDelay?(this.cancelRequestAnimationFrame(),E["default"].timeout(this.restart,e.reverseDelay)):this.restart())},t.prototype.componentDidUpdate=function(){this.updateStartStyle&&!this.updateAnim&&(this.timeLine.reStart(this.props.style),this.updateStartStyle=!1),this.newMomentAnim&&this.raf(),"start"===this.updateAnim&&this.start()},t.prototype.componentWillUnmount=function(){this.cancelRequestAnimationFrame()},t.prototype.render=function(){var e=(0,a["default"])({},this.props);if(["animation","component","componentReplace","reverseDelay","attr","paused","reverse","moment","resetStyleBool","updateReStart","willChange"].forEach(function(t){return delete e[t]}),e.style=(0,a["default"])({},this.props.style),Object.keys(e.style).forEach(function(t){t.match(/filter/i)&&["Webkit","Moz","Ms","ms"].forEach(function(n){return e.style[n+"Filter"]=e.style[t]})}),e.component="function"==typeof e.component?this.props.componentReplace:e.component,e.component||delete e.component,!this.props.component){var t=this.props.children.props,n=t.style,r=t.className,o=(0,a["default"])({},n,e.style),i=e.className?e.className+" "+r:r;return h["default"].cloneElement(this.props.children,{style:o,className:i})}return h["default"].createElement(this.props.component,e)},t}(d.Component),P=m["default"].oneOfType([m["default"].object,m["default"].array]);O.propTypes={component:m["default"].any,componentReplace:m["default"].string,animation:P,children:m["default"].any,style:m["default"].object,paused:m["default"].bool,reverse:m["default"].bool,reverseDelay:m["default"].number,moment:m["default"].number,attr:m["default"].string,willChange:m["default"].bool,onChange:m["default"].func,resetStyleBool:m["default"].bool,updateReStart:m["default"].bool},O.defaultProps={component:"div",reverseDelay:0,attr:"style",onChange:o,willChange:!0,updateReStart:!0},t["default"]=O,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(381),i=r(o),a=n(137);i["default"].path=function(e,t){for(var n=t||{},r=(0,a.parsePath)(e),o=r.getTotalLength(),s=n.rect||100,u=n.lengthPixel||200,l=[],c=0;c<u;c++)l.push(r.getPointAtLength(o/u*c));return function(e,t,n,a){var u=i["default"].linear(e,t,n,a),c=s*u,f=l.filter(function(e){return e.x>=c})[0]||r.getPointAtLength(u*o);return 1-f.y/s}},t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1751),i=r(o),a=function(){},s=a.prototype={tickFnArray:[],tickKeyObject:{},id:-1,tweenId:0,frame:0,perFrame:Math.round(1e3/60),getTime:Date.now||function(){return(new Date).getTime()},elapsed:0,lastUpdate:0,skipFrameMax:166};s.add=function(e){var t="TweenOneTicker"+this.tweenId;return this.tweenId++,this.wake(t,e),t},s.wake=function(e,t){var n=this;this.tickKeyObject[e]=t,this.tickFnArray=Object.keys(this.tickKeyObject).map(function(e){return n.tickKeyObject[e]}),this.id===-1&&(this.id=(0,i["default"])(this.tick))},s.clear=function(e){var t=this;delete this.tickKeyObject[e],this.tickFnArray=Object.keys(this.tickKeyObject).map(function(e){return t.tickKeyObject[e]})},s.sleep=function(){i["default"].cancel(this.id),this.id=-1,this.frame=0};var u=new a;s.tick=function(e){return u.elapsed=u.lastUpdate?u.getTime()-u.lastUpdate:0,u.lastUpdate=u.lastUpdate?u.lastUpdate+u.elapsed:u.getTime()+u.elapsed,u.tickFnArray.forEach(function(t){return t(e)}),u.tickFnArray.length?(u.elapsed>u.skipFrameMax||!u.frame?u.frame++:u.frame+=Math.round(u.elapsed/u.perFrame),void(u.id=(0,i["default"])(u.tick))):void u.sleep()};var l=0;s.timeout=function(e,t){var n=this;if("function"!=typeof e)return console.warn("not function");var r="timeout"+Date.now()+"-"+l,o=this.frame;return this.wake(r,function(){var i=(n.frame-o)*n.perFrame;i>=(t||0)&&(n.clear(r),e())}),l++,r};var c=0;s.interval=function(e,t){var n=this;if("function"!=typeof e)return console.warn("not function"),null;var r="interval"+Date.now()+"-"+c,o=this.frame;return this.wake(r,function(){var r=(n.frame-o)*n.perFrame;r>=(t||0)&&(o=n.frame,e())}),c++,r},t["default"]=u,e.exports=t["default"]},function(e,t,n){"use strict";var r=n(1318)["default"];n(1960),t=e.exports=r,t["default"]=t},function(e,t){"use strict";function n(e){var t,n,o,i,a=Array.prototype.slice.call(arguments,1);for(t=0,n=a.length;t<n;t+=1)if(o=a[t])for(i in o)r.call(o,i)&&(e[i]=o[i]);return e}t.extend=n;var r=Object.prototype.hasOwnProperty;t.hop=r},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){function e(e){var t=h["default"].createClass({displayName:"Form",mixins:n,getInitialState:function(){var e=void 0;return r&&(e=r(this.props)),this.fields=e||{},this.instances={},this.fieldsMeta={},this.cachedBind={},{submitting:!1}},componentWillReceiveProps:function(e){r&&(this.fields=r(e))},onCollectCommon:function(e,t,n){var r=e,o=this.getFieldMeta(r);if(o[t])o[t].apply(o,(0,p["default"])(n));else if(o.originalProps&&o.originalProps[t]){var a;(a=o.originalProps)[t].apply(a,(0,p["default"])(n))}var s=o.getValueFromEvent?o.getValueFromEvent.apply(o,(0,p["default"])(n)):v.getValueFromEvent.apply(void 0,(0,p["default"])(n));i&&i(this.props,(0,S["default"])({},r,s));var u=(0,v.getNameIfNested)(r);this.getFieldMeta(u.name).exclusive&&(r=u.name);var l=this.getField(r);return{name:r,field:(0,c["default"])({},l,{value:s,touched:!0}),fieldMeta:o}},onCollect:function(e,t){for(var n=arguments.length,r=Array(n>2?n-2:0),o=2;o<n;o++)r[o-2]=arguments[o];var i=this.onCollectCommon(e,t,r),a=i.name,s=i.field,l=i.fieldMeta,f=l.validate,p=(0,c["default"])({},s,{dirty:(0,v.hasRules)(f)});this.setFields((0,u["default"])({},a,p))},onCollectValidate:function(e,t){for(var n=arguments.length,r=Array(n>2?n-2:0),o=2;o<n;o++)r[o-2]=arguments[o];var i=this.onCollectCommon(e,t,r),a=i.field,s=i.fieldMeta,u=(0,c["default"])({},a,{dirty:!0});this.validateFieldsInternal([u],{action:t,options:{firstFields:!!s.validateFirst}})},getCacheBind:function(e,t,n){var r=this.cachedBind[e]=this.cachedBind[e]||{};return r[t]||(r[t]=n.bind(this,e,t)),r[t]},getFieldMeta:function(e){return this.fieldsMeta[e]},getField:function(e){var t=this.fields;return(0,c["default"])({},t[e],{name:e})},getFieldDecorator:function(e,t){var n=this,r=this.getFieldProps(e,t);return function(t){var o=n.getFieldMeta(e),i=t.props;return o.originalProps=i,o.ref=t.ref,h["default"].cloneElement(t,(0,c["default"])({},r,n.getFieldValuePropValue(o)))}},getFieldProps:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!e)throw new Error("Must call `getFieldProps` with valid name string!");var r=(0,v.getNameIfNested)(e),o=r.name,i=(0,c["default"])({valuePropName:"value",validate:[],trigger:P,validateTrigger:O,leadingName:o,name:e},n),a=i.rules,u=i.trigger,f=i.exclusive,p=i.validateTrigger,d=i.validate,h=this.fieldsMeta,m=void 0;m=h[e]=h[e]||{},"initialValue"in i&&(m.initialValue=i.initialValue);var y=h[o];r.isNested&&(y=h[o]=h[o]||{},y.virtual=!f,y.hidden=!f,y.exclusive=f);var g=(0,c["default"])({},this.getFieldValuePropValue(i),{ref:this.getCacheBind(e,e+"__ref",this.saveRef)});s&&(g[s]=e);var b=(0,v.normalizeValidateRules)(d,a,p),_=b.filter(function(e){return!!e.rules&&e.rules.length}).map(function(e){return e.trigger}).reduce(function(e,t){return e.concat(t)},[]);_.forEach(function(n){g[n]||(g[n]=t.getCacheBind(e,n,t.onCollectValidate))}),u&&_.indexOf(u)===-1&&(g[u]=this.getCacheBind(e,u,this.onCollect));var w=(0,c["default"])({},m,i,{validate:b});return h[e]=w,l&&(g[l]=w),g},getFieldValuePropValue:function(e){var t=e.exclusive,n=e.leadingName,r=e.name,o=e.getValueProps,i=e.valuePropName,a=this.fieldsMeta,s=t?this.getField(n):this.getField(r),l=T;return s&&"value"in s&&(l=s.value),l===T&&(l=t?a[n].initialValue:e.initialValue),o?o(l):(0,u["default"])({},i,l)},getFieldMember:function(e,t){var n=this.getField(e);return n&&n[t]},getFieldsError:function(e){var t=this,n=e||(0,v.flatFieldNames)(this.getValidFieldsName()),r={};return n.forEach(function(e){(0,S["default"])(r,e,t.getFieldError(e))}),r},getFieldError:function(e){return(0,v.getErrorStrs)(this.getFieldMember(e,"errors"))},getValidFieldsName:function(){var e=this.fieldsMeta;return e?Object.keys(e).filter(function(t){return!e[t].hidden}):[]},getFieldsValue:function(e){var t=this,n=e||(0,v.flatFieldNames)(this.getValidFieldsName()),r={};return n.forEach(function(e){(0,S["default"])(r,e,t.getFieldValue(e))}),r},getFieldValue:function(e){var t=this.fields;return this.getValueFromFields(e,t)},getFieldInstance:function(e){return this.instances[e]},getValueFromFieldsInternal:function(e,t){var n=t[e];if(n&&"value"in n)return n.value;var r=this.fieldsMeta[e];return r&&r.initialValue},getValueFromFields:function(e,t){var n=this,r=this.fieldsMeta;if(r[e]&&r[e].virtual){var o=function(){var o={};return Object.keys(r).forEach(function(r){var i=(0,v.getNameIfNested)(r);i.name===e&&i.isNested&&(0,S["default"])(o,r,n.getValueFromFieldsInternal(r,t))}),{v:o[e]}}();if("object"===("undefined"==typeof o?"undefined":(0,a["default"])(o)))return o.v}return this.getValueFromFieldsInternal(e,t)},getRules:function(e,t){var n=e.validate.filter(function(e){return!t||e.trigger.indexOf(t)>=0}).map(function(e){return e.rules});return(0,v.flattenArray)(n)},setFields:function(e){var t=this,n=this.fieldsMeta,r=e,i=(0,c["default"])({},this.fields,r),a={};Object.keys(n).forEach(function(e){var r=(0,v.getNameIfNested)(e),o=r.name,s=r.isNested;s&&n[o].exclusive||(a[e]=t.getValueFromFields(e,i))}),Object.keys(a).forEach(function(e){var r=a[e],o=n[e];if(o&&o.normalize){var s=o.normalize(r,t.getValueFromFields(e,t.fields),a);s!==r&&(i[e]=(0,c["default"])({},i[e],{value:s}))}}),this.fields=i,o&&!function(){var e=Object.keys(r),n={};e.forEach(function(e){n[e]=t.getField(e)}),o(t.props,n)}(),this.forceUpdate()},setFieldsValue:function(e){i&&i(this.props,e);var t={},n=this.fieldsMeta,r=this.fields,o=(0,v.getVirtualPaths)(n);Object.keys(e).forEach(function(i){var a=e[i];if(n[i]&&n[i].virtual){(0,v.clearVirtualField)(i,r,n);for(var s=0,u=o[i].length;s<u;s++){var l=o[i][s];(0,C["default"])(e,l)&&(t[l]={name:l,value:(0,w["default"])(e,l)})}}else n[i]?t[i]={name:i,value:a}:(0,b["default"])(!1,"Cannot use `setFieldsValue` until you use `getFieldDecorator` or `getFieldProps` to register it.")}),this.setFields(t)},setFieldsInitialValue:function(e){var t=this.fieldsMeta,n=(0,v.getVirtualPaths)(t);Object.keys(e).forEach(function(r){if(t[r]&&t[r].virtual)for(var o=0,i=n[r].length;o<i;o++){var a=n[r][o];(0,C["default"])(e,a)&&(t[a]=(0,c["default"])({},t[a],{initialValue:(0,w["default"])(e,a)}))}else t[r]&&(t[r]=(0,c["default"])({},t[r],{initialValue:e[r]}))})},saveRef:function(e,t,n){if(!n)return delete this.fieldsMeta[e],delete this.fields[e],delete this.instances[e],void delete this.cachedBind[e];var r=this.getFieldMeta(e);if(r){var o=r.ref;if(o){if("string"==typeof o)throw new Error("can not set ref string for "+e);o(n)}}this.instances[e]=n},validateFieldsInternal:function(e,t,n){var r=this,o=t.fieldNames,i=t.action,a=t.options,s=void 0===a?{}:a,u={},l={},p={},d={};if(e.forEach(function(e){var t=e.name;if(s.force!==!0&&e.dirty===!1)return void(e.errors&&(0,S["default"])(d,t,{errors:e.errors}));var n=r.getFieldMeta(t),o=(0,c["default"])({},e);o.errors=void 0,o.validating=!0,o.dirty=!0,u[t]=r.getRules(n,i),l[t]=o.value,p[t]=o}),this.setFields(p),Object.keys(l).forEach(function(e){l[e]=r.getFieldValue(e)}),n&&(0,v.isEmptyObject)(p))return void n((0,v.isEmptyObject)(d)?null:d,this.getFieldsValue((0,v.flatFieldNames)(o)));var h=new y["default"](u);f&&h.messages(f),h.validate(l,s,function(e){var t=(0,c["default"])({},d);e&&e.length&&e.forEach(function(e){var n=e.field;(0,C["default"])(t,n)||(0,S["default"])(t,n,{errors:[]});var r=(0,w["default"])(t,n.concat(".errors"));r.push(e)});var i=[],a={};Object.keys(u).forEach(function(e){var n=(0,w["default"])(t,e),o=r.getField(e);o.value!==l[e]?i.push({name:e}):(o.errors=n&&n.errors,o.value=l[e],o.validating=!1,o.dirty=!1,a[e]=o)}),r.setFields(a),n&&(i.length&&i.forEach(function(e){var n=e.name,r=[{message:n+" need to revalidate",field:n}];(0,S["default"])(t,n,{expired:!0,errors:r})}),n((0,v.isEmptyObject)(t)?null:t,r.getFieldsValue((0,v.flatFieldNames)(o))))})},validateFields:function(e,t,n){var r=this,o=(0,v.getParams)(e,t,n),i=o.names,a=o.callback,s=o.options,u=i||this.getValidFieldsName(),l=u.filter(function(e){var t=r.getFieldMeta(e);return(0,v.hasRules)(t.validate)}).map(function(e){var t=r.getField(e);return t.value=r.getFieldValue(e),t});return l.length?("firstFields"in s||(s.firstFields=u.filter(function(e){var t=r.getFieldMeta(e);return!!t.validateFirst})),void this.validateFieldsInternal(l,{fieldNames:u,options:s},a)):void(a&&a(null,this.getFieldsValue((0,v.flatFieldNames)(u))))},isFieldValidating:function(e){return this.getFieldMember(e,"validating")},isFieldsValidating:function(e){var t=this,n=e||this.getValidFieldsName();return n.some(function(e){return t.isFieldValidating(e)})},isFieldTouched:function(e){return this.getFieldMember(e,"touched")},isFieldsTouched:function(e){var t=this,n=e||this.getValidFieldsName();return n.some(function(e){return t.isFieldTouched(e)})},isSubmitting:function(){return this.state.submitting},submit:function(e){var t=this,n=function(){t.setState({submitting:!1})};this.setState({submitting:!0}),e(n)},resetFields:function(e){var t={},n=this.fields,r=!1,o=e||Object.keys(n);o.forEach(function(e){var o=n[e];o&&"value"in o&&(r=!0,t[e]={})}),r&&this.setFields(t)},render:function(){var t=(0,u["default"])({},_,this.getForm());x&&(t.ref="wrappedComponent");var n=m.call(this,(0,c["default"])({},t,this.props));return h["default"].createElement(e,n)}});return(0,v.argumentContainer)(t,e)}var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],r=t.mapPropsToFields,o=t.onFieldsChange,i=t.onValuesChange,s=t.fieldNameProp,l=t.fieldMetaProp,f=t.validateMessages,d=t.mapProps,m=void 0===d?v.mirror:d,g=t.formPropName,_=void 0===g?"form":g,x=t.withRef;return e}Object.defineProperty(t,"__esModule",{value:!0});var i=n(47),a=r(i),s=n(10),u=r(s),l=n(9),c=r(l),f=n(62),p=r(f),d=n(1),h=r(d),v=n(388),m=n(1346),y=r(m),g=n(45),b=r(g),_=n(480),w=r(_),x=n(1765),C=r(x),E=n(1763),S=r(E),O="onChange",P=O,T={};t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return e.displayName||e.name||"WrappedComponent"}function i(e,t){return e.displayName="Form("+o(t)+")",e.WrappedComponent=t,(0,x["default"])(e,t)}function a(e){if(!e||!e.target)return e;var t=e.target;return"checkbox"===t.type?t.checked:t.value}function s(e){return e?e.map(function(e){return e&&e.message?e.message:e}):e}function u(e){return 0===Object.keys(e).length}function l(e){return Array.prototype.concat.apply([],e)}function c(e){return e}function f(e){return!!e&&e.some(function(e){return!!e.rules&&e.rules.length})}function p(e,t){return 0===e.lastIndexOf(t,0)}function d(e,t,n){var r=e,o=n,i=t;return void 0===n&&("function"==typeof r?(o=r,i={},r=void 0):Array.isArray(e)?"function"==typeof i?(o=i,i={}):i=i||{}:(o=i,i=r||{},r=void 0)),{names:r,callback:o,options:i}}function h(e){var t=e.indexOf(C),n=e.indexOf(E),r=void 0;return t===-1&&n===-1?{name:e}:(r=t===-1?n:n===-1?t:Math.min(t,n),{name:e.slice(0,r),isNested:!0})}function v(e){var t={};return e.forEach(function(e){t[h(e).name]=1}),Object.keys(t)}function m(e,t,n){n[e]&&n[e].virtual&&Object.keys(t).forEach(function(n){h(n).name===e&&delete t[n]})}function y(e){var t={};return Object.keys(e).forEach(function(n){var r=e[n].leadingName;r&&e[r].virtual&&(r in t?t[r].push(n):t[r]=[n])}),t}function g(e,t,n){var r=e.map(function(e){var t=(0,_["default"])({},e,{trigger:e.trigger||[]});return"string"==typeof t.trigger&&(t.trigger=[t.trigger]),t});return t&&r.push({trigger:n?[].concat(n):[],rules:t}),r}Object.defineProperty(t,"__esModule",{value:!0});var b=n(9),_=r(b);t.argumentContainer=i,t.getValueFromEvent=a,t.getErrorStrs=s,t.isEmptyObject=u,t.flattenArray=l,t.mirror=c,t.hasRules=f,t.startsWith=p,t.getParams=d,t.getNameIfNested=h,t.flatFieldNames=v,t.clearVirtualField=m,
+t.getVirtualPaths=y,t.normalizeValidateRules=g;var w=n(1305),x=r(w),C=".",E="["},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1333),i=r(o);t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1336),i=r(o),a=n(1337),s=r(a);i["default"].TreeNode=s["default"],t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=void 0,n=e.userAgent,r=n.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i)||[];return/trident/i.test(r[1])?(t=/\brv[ :]+(\d+)/g.exec(n)||[],"IE "+(t[1]||"")):"Chrome"===r[1]&&(t=n.match(/\b(OPR|Edge)\/(\d+)/))?t.slice(1).join(" ").replace("OPR","Opera"):(r=r[2]?[r[1],r[2]]:[e.appName,e.appVersion,"-?"],t=n.match(/version\/(\d+)/i),t&&r.splice(1,1,t[1]),r.join(" "))}function i(e){var t=void 0,n=void 0,r=void 0,o=void 0;return e.getClientRects().length?(o=e.getBoundingClientRect(),o.width||o.height?(t=e.ownerDocument,n=t.defaultView,r=t.documentElement,{top:o.top+n.pageYOffset-r.clientTop,left:o.left+n.pageXOffset-r.clientLeft}):o):{top:0,left:0}}function a(e){var t=1;return Array.isArray(e)&&(t=e.length),t}function s(e,t,n){return 1===t?(n.first=!0,n.last=!0):(n.first=0===e,n.last=e===t-1),n}function u(e,t,n){var r=function o(e,n,r){var i=a(e);g["default"].Children.forEach(e,function(e,a){var u=n+"-"+a;e.props.children&&e.type&&e.type.isTreeNode&&o(e.props.children,u,{node:e,pos:u}),t(e,a,u,e.key||u,s(a,i,{}),r)})};r(e,0,n)}function l(e,t){return e.every(function(e,n){return e===t[n]})}function c(e){var t={};e.forEach(function(e){var n=e.split("-").length;t[n]||(t[n]=[]),t[n].push(e)});for(var n=Object.keys(t).sort(function(e,t){return Number(e)-Number(t)}),r=function(e){n[e+1]&&t[n[e]].forEach(function(r){for(var o=function(e){t[n[e]].forEach(function(o,i){l(r.split("-"),o.split("-"))&&(t[n[e]][i]=null)}),t[n[e]]=t[n[e]].filter(function(e){return e})},i=e+1;i<n.length;i++)o(i)})},o=0;o<n.length;o++)r(o);var i=[];return n.forEach(function(e){i=i.concat(t[e])}),i}function f(e){var t=e.match(/(.+)(-[^-]+)$/),n="";return t&&3===t.length&&(n=t[1]),n}function p(e){return e.split("-")}function d(e,t,n){var r=Object.keys(e);r.forEach(function(o,i){var a=p(o),s=!1;t.forEach(function(t){var u=p(t);a.length>u.length&&l(u,a)&&(e[o].halfChecked=!1,e[o].checked=n,r[i]=null),a[0]===u[0]&&a[1]===u[1]&&(s=!0)}),s||(r[i]=null)}),r=r.filter(function(e){return e});for(var o=function(n){var o=function a(o){var i=p(o).length;if(!(i<=2)){var s=0,u=0,c=f(o);r.forEach(function(r){var o=p(r);if(o.length===i&&l(p(c),o))if(s++,e[r].checked){u++;var a=t.indexOf(r);a>-1&&(t.splice(a,1),a<=n&&n--)}else e[r].halfChecked&&(u+=.5)});var d=e[c];0===u?(d.checked=!1,d.halfChecked=!1):u===s?(d.checked=!0,d.halfChecked=!1):(d.halfChecked=!0,d.checked=!1),a(c)}};o(t[n],n),i=n},i=0;i<t.length;i++)o(i)}function h(e){var t=[],n=[],r=[],o=[];return Object.keys(e).forEach(function(i){var a=e[i];a.checked?(n.push(a.key),r.push(a.node),o.push({node:a.node,pos:i})):a.halfChecked&&t.push(a.key)}),{halfCheckedKeys:t,checkedKeys:n,checkedNodes:r,checkedNodesPositions:o,treeNodesStates:e}}function v(e,t){return t?{checked:e,halfChecked:t}:e}function m(e,t){if(e===t)return!0;if(null===e||"undefined"==typeof e||null===t||"undefined"==typeof t)return!1;if(e.length!==t.length)return!1;for(var n=0;n<e.length;++n)if(e[n]!==t[n])return!1;return!0}Object.defineProperty(t,"__esModule",{value:!0}),t.browser=o,t.getOffset=i,t.loopAllChildren=u,t.isInclude=l,t.filterParentPosition=c,t.handleCheckState=d,t.getCheck=h,t.getStrictlyValue=v,t.arraysEqual=m;var y=n(1),g=r(y)},function(e,t,n){"use strict";e.exports=n(1338)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=e.ownerDocument,n=t.body,r=void 0,o=a["default"].css(e,"position"),i="fixed"===o||"absolute"===o;if(!i)return"html"===e.nodeName.toLowerCase()?null:e.parentNode;for(r=e.parentNode;r&&r!==n;r=r.parentNode)if(o=a["default"].css(r,"position"),"static"!==o)return r;return null}Object.defineProperty(t,"__esModule",{value:!0});var i=n(138),a=r(i);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e,t,n,r,o,i){!e.required||n.hasOwnProperty(e.field)&&!a.isEmptyValue(t,i||e.type)||r.push(a.format(o.messages.required,e.fullField))}Object.defineProperty(t,"__esModule",{value:!0});var i=n(28),a=r(i);t["default"]=o,e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={ZERO:48,NINE:57,NUMPAD_ZERO:96,NUMPAD_NINE:105,BACKSPACE:8,DELETE:46,ENTER:13,ARROW_UP:38,ARROW_DOWN:40},e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={items_per_page:"\u6761/\u9875",jump_to:"\u8df3\u81f3",page:"\u9875",prev_page:"\u4e0a\u4e00\u9875",next_page:"\u4e0b\u4e00\u9875",prev_5:"\u5411\u524d 5 \u9875",next_5:"\u5411\u540e 5 \u9875",prev_3:"\u5411\u524d 3 \u9875",next_3:"\u5411\u540e 3 \u9875"},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var u=n(1),l=r(u),c=n(12),f=r(c),p=function(e){function t(){return i(this,t),a(this,e.apply(this,arguments))}return s(t,e),t}(l["default"].Component);p.propTypes={value:f["default"].string},t["default"]=p,e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.SHOW_ALL="SHOW_ALL",t.SHOW_PARENT="SHOW_PARENT",t.SHOW_CHILD="SHOW_CHILD"},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}function a(e){var t=e.props;if("value"in t)return t.value;if(e.key)return e.key;throw new Error("no key or value for "+e)}function s(e,t){return"value"===t?a(e):e.props[t]}function u(e){return e.combobox}function l(e){return e.multiple||e.tags||e.treeCheckable}function c(e){return l(e)||u(e)}function f(e){return!c(e)}function p(e){var t=e;return void 0===e?t=[]:Array.isArray(e)||(t=[e]),t}function d(e){e.preventDefault()}function h(e){var t=e;return"label"===t&&(t="title"),t}function v(e,t){return e.every(function(e,n){return e===t[n]})}function m(e){var t=1;return Array.isArray(e)&&(t=e.length),t}function y(e,t,n){return 1===t?(n.first=!0,n.last=!0):(n.first=0===e,n.last=e===t-1),n}function g(e,t,n){var r=function o(e,n,r){var i=m(e);D["default"].Children.forEach(e,function(e,a){var s=n+"-"+a;e&&e.props.children&&e.type&&o(e.props.children,s,{node:e,pos:s}),e&&t(e,a,s,e.key||s,y(a,i,{}),r)})};r(e,0,n)}function b(e){if(!e.length)return e;var t=[],n={};e.forEach(function(e){if(e.pos){var t=e.pos.split("-").length;n[t]||(n[t]=[]),n[t].push(e)}});var r=Object.keys(n).sort(function(e,t){return t-e});return r.reduce(function(e,r){return r&&r!==e&&n[e].forEach(function(e){var o=!1;n[r].forEach(function(t){v(t.pos.split("-"),e.pos.split("-"))&&(o=!0,t.children||(t.children=[]),t.children.push(e))}),o||t.push(e)}),r}),n[r[r.length-1]].concat(t)}function _(e){var t={};e.forEach(function(e){var n=e.split("-").length;t[n]||(t[n]=[]),t[n].push(e)});for(var n=Object.keys(t).sort(),r=function(e){n[e+1]&&t[n[e]].forEach(function(r){for(var o=function(e){t[n[e]].forEach(function(o,i){v(r.split("-"),o.split("-"))&&(t[n[e]][i]=null)}),t[n[e]]=t[n[e]].filter(function(e){return e})},i=e+1;i<n.length;i++)o(i)})},o=0;o<n.length;o++)r(o);var i=[];return n.forEach(function(e){i=i.concat(t[e])}),i}function w(e){var t=e.match(/(.+)(-[^-]+)$/),n="";return t&&3===t.length&&(n=t[1]),n}function x(e){return e.split("-")}function C(e,t,n){var r=Object.keys(e);r.forEach(function(o,i){var a=x(o),s=!1;t.forEach(function(t){var u=x(t);a.length>u.length&&v(u,a)&&(e[o].halfChecked=!1,e[o].checked=n,r[i]=null),a[0]===u[0]&&a[1]===u[1]&&(s=!0)}),s||(r[i]=null)}),r=r.filter(function(e){return e});for(var o=function(n){var o=function a(o){var i=x(o).length;if(!(i<=2)){var s=0,u=0,l=w(o);r.forEach(function(r){var o=x(r);if(o.length===i&&v(x(l),o))if(s++,e[r].checked){u++;var a=t.indexOf(r);a>-1&&(t.splice(a,1),a<=n&&n--)}else e[r].halfChecked&&(u+=.5)});var c=e[l];0===u?(c.checked=!1,c.halfChecked=!1):u===s?(c.checked=!0,c.halfChecked=!1):(c.halfChecked=!0,c.checked=!1),a(l)}};o(t[n],n),i=n},i=0;i<t.length;i++)o(i)}function E(e,t){var n=[],r=[],o=[];return Object.keys(e).forEach(function(t){var i=e[t];i.checked?(r.push(i.key),o.push(N({},i,{pos:t}))):i.halfChecked&&n.push(i.key)}),{halfCheckedKeys:n,checkedKeys:r,checkedNodes:o,treeNodesStates:e,checkedPositions:t}}function S(e,t){var n=[],r={};return g(e,function(e,o,i,s,u){r[i]={node:e,key:s,checked:!1,halfChecked:!1,siblingPosition:u},t.indexOf(a(e))!==-1&&(r[i].checked=!0,n.push(i))}),C(r,_(n.sort()),!0),E(r,n)}function O(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(e){return e};return Array.from(e).map(function(e){var n=t(e);return n&&n.props&&n.props.children?D["default"].cloneElement(n,{},O(n.props.children,t)):n})}function P(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return D["default"].Children.map(e,function(e,n){var r=t+"-"+n,o={title:e.props.title,label:e.props.label||e.props.title,value:e.props.value,key:e.key,_pos:r};return e.props.children&&(o.children=P(e.props.children,r)),o})}function T(e,t){e.forEach(function(e){t(e),e.children&&T(e.children,t)})}function k(e,t){function n(e){e.forEach(function(e){if(!e.__checked){var t=o.indexOf(e.value),r=e.children;t>-1?(e.__checked=!0,s.push({node:e,pos:e._pos}),o.splice(t,1),r&&T(r,function(e){e.__checked=!0,s.push({node:e,pos:e._pos})})):r&&n(r)}})}function r(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{root:!0},n=0;e.forEach(function(e){var t=e.children;if(!t||e.__checked||e.__halfChecked)e.__checked?n++:e.__halfChecked&&(n+=.5);else{var o=r(t,e);o.__checked?n++:o.__halfChecked&&(n+=.5)}});var o=e.length;return n===o?(t.__checked=!0,s.push({node:t,pos:t._pos})):n<o&&n>0&&(t.__halfChecked=!0),t.root?e:t}var o=[].concat(i(e));if(!o.length)return o;var a=P(t),s=[];return n(a),r(a),s.forEach(function(e,t){delete s[t].node.__checked,delete s[t].node._pos,s[t].node.props={title:s[t].node.title,label:s[t].node.label||s[t].node.title,value:s[t].node.value},s[t].node.children&&(s[t].node.props.children=s[t].node.children),delete s[t].node.title,delete s[t].node.label,delete s[t].node.value,delete s[t].node.children}),s}function M(e,t){function n(e){for(var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:o({},t.id,t.rootPId),i=[],a=0;a<e.length;a++)e[a]=N({},e[a]),e[a][t.pId]===r[t.id]&&(e[a].key=e[a][t.id],i.push(e[a]),e.splice(a--,1));if(i.length&&(r.children=i,i.forEach(function(t){return n(e,t)})),r[t.id]===t.rootPId)return i}return n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.UNSELECTABLE_ATTRIBUTE=t.UNSELECTABLE_STYLE=void 0;var N=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};t.getValuePropValue=a,t.getPropValue=s,t.isCombobox=u,t.isMultipleOrTags=l,t.isMultipleOrTagsOrCombobox=c,t.isSingleMode=f,t.toArray=p,t.preventDefaultEvent=d,t.labelCompatible=h,t.isInclude=v,t.loopAllChildren=g,t.flatToHierarchy=b,t.filterParentPosition=_,t.handleCheckState=C,t.getTreeNodesStates=S,t.recursiveCloneChildren=O,t.filterAllCheckedData=k,t.processSimpleTreeData=M;var A=n(1),D=r(A);t.UNSELECTABLE_STYLE={userSelect:"none",WebkitUserSelect:"none"},t.UNSELECTABLE_ATTRIBUTE={unselectable:"unselectable"}},function(e,t){"use strict";function n(e,t){return e+t.charAt(0).toUpperCase()+t.substring(1)}var r={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridRow:!0,gridColumn:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},o=["Webkit","ms","Moz","O"];Object.keys(r).forEach(function(e){o.forEach(function(t){r[n(t,e)]=r[e]})});var i={background:{backgroundAttachment:!0,backgroundColor:!0,backgroundImage:!0,backgroundPositionX:!0,backgroundPositionY:!0,backgroundRepeat:!0},backgroundPosition:{backgroundPositionX:!0,backgroundPositionY:!0},border:{borderWidth:!0,borderStyle:!0,borderColor:!0},borderBottom:{borderBottomWidth:!0,borderBottomStyle:!0,borderBottomColor:!0},borderLeft:{borderLeftWidth:!0,borderLeftStyle:!0,borderLeftColor:!0},borderRight:{borderRightWidth:!0,borderRightStyle:!0,borderRightColor:!0},borderTop:{borderTopWidth:!0,borderTopStyle:!0,borderTopColor:!0},font:{fontStyle:!0,fontVariant:!0,fontWeight:!0,fontSize:!0,lineHeight:!0,fontFamily:!0},outline:{outlineWidth:!0,outlineStyle:!0,outlineColor:!0}},a={isUnitlessNumber:r,shorthandPropertyExpansions:i};e.exports=a},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var o=n(19),i=n(93),a=(n(13),function(){function e(t){r(this,e),this._callbacks=null,this._contexts=null,this._arg=t}return e.prototype.enqueue=function(e,t){this._callbacks=this._callbacks||[],this._callbacks.push(e),this._contexts=this._contexts||[],this._contexts.push(t)},e.prototype.notifyAll=function(){var e=this._callbacks,t=this._contexts,n=this._arg;if(e&&t){e.length!==t.length?o("24"):void 0,this._callbacks=null,this._contexts=null;for(var r=0;r<e.length;r++)e[r].call(t[r],n);e.length=0,t.length=0}},e.prototype.checkpoint=function(){return this._callbacks?this._callbacks.length:0},e.prototype.rollback=function(e){this._callbacks&&this._contexts&&(this._callbacks.length=e,this._contexts.length=e)},e.prototype.reset=function(){this._callbacks=null,this._contexts=null},e.prototype.destructor=function(){this.reset()},e}());e.exports=i.addPoolingTo(a)},function(e,t,n){"use strict";function r(e){return!!l.hasOwnProperty(e)||!u.hasOwnProperty(e)&&(s.test(e)?(l[e]=!0,!0):(u[e]=!0,!1))}function o(e,t){return null==t||e.hasBooleanValue&&!t||e.hasNumericValue&&isNaN(t)||e.hasPositiveNumericValue&&t<1||e.hasOverloadedBooleanValue&&t===!1}var i=n(114),a=(n(29),n(58),n(1443)),s=(n(16),new RegExp("^["+i.ATTRIBUTE_NAME_START_CHAR+"]["+i.ATTRIBUTE_NAME_CHAR+"]*$")),u={},l={},c={createMarkupForID:function(e){return i.ID_ATTRIBUTE_NAME+"="+a(e)},setAttributeForID:function(e,t){e.setAttribute(i.ID_ATTRIBUTE_NAME,t)},createMarkupForRoot:function(){return i.ROOT_ATTRIBUTE_NAME+'=""'},setAttributeForRoot:function(e){e.setAttribute(i.ROOT_ATTRIBUTE_NAME,"")},createMarkupForProperty:function(e,t){var n=i.properties.hasOwnProperty(e)?i.properties[e]:null;if(n){if(o(n,t))return"";var r=n.attributeName;return n.hasBooleanValue||n.hasOverloadedBooleanValue&&t===!0?r+'=""':r+"="+a(t)}return i.isCustomAttribute(e)?null==t?"":e+"="+a(t):null},createMarkupForCustomAttribute:function(e,t){return r(e)&&null!=t?e+"="+a(t):""},setValueForProperty:function(e,t,n){var r=i.properties.hasOwnProperty(t)?i.properties[t]:null;if(r){var a=r.mutationMethod;if(a)a(e,n);else{if(o(r,n))return void this.deleteValueForProperty(e,t);if(r.mustUseProperty)e[r.propertyName]=n;else{var s=r.attributeName,u=r.attributeNamespace;u?e.setAttributeNS(u,s,""+n):r.hasBooleanValue||r.hasOverloadedBooleanValue&&n===!0?e.setAttribute(s,""):e.setAttribute(s,""+n)}}}else if(i.isCustomAttribute(t))return void c.setValueForAttribute(e,t,n)},setValueForAttribute:function(e,t,n){if(r(t)){null==n?e.removeAttribute(t):e.setAttribute(t,""+n)}},deleteValueForAttribute:function(e,t){e.removeAttribute(t)},deleteValueForProperty:function(e,t){var n=i.properties.hasOwnProperty(t)?i.properties[t]:null;if(n){var r=n.mutationMethod;if(r)r(e,void 0);else if(n.mustUseProperty){var o=n.propertyName;n.hasBooleanValue?e[o]=!1:e[o]=""}else e.removeAttribute(n.attributeName)}else i.isCustomAttribute(t)&&e.removeAttribute(t)}};e.exports=c},function(e,t){"use strict";var n={hasCachedChildNodes:1};e.exports=n},function(e,t,n){"use strict";function r(){if(this._rootNodeID&&this._wrapperState.pendingUpdate){this._wrapperState.pendingUpdate=!1;var e=this._currentElement.props,t=s.getValue(e);null!=t&&o(this,Boolean(e.multiple),t)}}function o(e,t,n){var r,o,i=u.getNodeFromInstance(e).options;if(t){for(r={},o=0;o<n.length;o++)r[""+n[o]]=!0;for(o=0;o<i.length;o++){var a=r.hasOwnProperty(i[o].value);i[o].selected!==a&&(i[o].selected=a)}}else{for(r=""+n,o=0;o<i.length;o++)if(i[o].value===r)return void(i[o].selected=!0);i.length&&(i[0].selected=!0)}}function i(e){var t=this._currentElement.props,n=s.executeOnChange(t,e);return this._rootNodeID&&(this._wrapperState.pendingUpdate=!0),l.asap(r,this),n}var a=n(11),s=n(238),u=n(29),l=n(65),c=(n(16),!1),f={getHostProps:function(e,t){return a({},t,{onChange:e._wrapperState.onChange,value:void 0})},mountWrapper:function(e,t){var n=s.getValue(t);e._wrapperState={pendingUpdate:!1,initialValue:null!=n?n:t.defaultValue,listeners:null,onChange:i.bind(e),wasMultiple:Boolean(t.multiple)},void 0===t.value||void 0===t.defaultValue||c||(c=!0)},getSelectValueContext:function(e){return e._wrapperState.initialValue},postUpdateWrapper:function(e){var t=e._currentElement.props;e._wrapperState.initialValue=void 0;var n=e._wrapperState.wasMultiple;e._wrapperState.wasMultiple=Boolean(t.multiple);var r=s.getValue(t);null!=r?(e._wrapperState.pendingUpdate=!1,o(e,Boolean(t.multiple),r)):n!==Boolean(t.multiple)&&(null!=t.defaultValue?o(e,Boolean(t.multiple),t.defaultValue):o(e,Boolean(t.multiple),t.multiple?[]:""))}};e.exports=f},function(e,t){"use strict";var n,r={injectEmptyComponentFactory:function(e){n=e}},o={create:function(e){return n(e)}};o.injection=r,e.exports=o},function(e,t){"use strict";var n={logTopLevelRenders:!1};e.exports=n},function(e,t,n){"use strict";function r(e){return s?void 0:a("111",e.type),new s(e)}function o(e){return new u(e)}function i(e){return e instanceof u}var a=n(19),s=(n(13),null),u=null,l={injectGenericComponentClass:function(e){s=e},injectTextComponentClass:function(e){u=e}},c={createInternalComponent:r,createInstanceForText:o,isTextComponent:i,injection:l};e.exports=c},function(e,t,n){"use strict";function r(e){return i(document.documentElement,e)}var o=n(1403),i=n(222),a=n(372),s=n(166),u={hasSelectionCapabilities:function(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&"text"===e.type||"textarea"===t||"true"===e.contentEditable)},getSelectionInformation:function(){var e=s();return{focusedElem:e,selectionRange:u.hasSelectionCapabilities(e)?u.getSelection(e):null}},restoreSelection:function(e){var t=s(),n=e.focusedElem,o=e.selectionRange;t!==n&&r(n)&&(u.hasSelectionCapabilities(n)&&u.setSelection(n,o),a(n))},getSelection:function(e){var t;if("selectionStart"in e)t={start:e.selectionStart,end:e.selectionEnd};else if(document.selection&&e.nodeName&&"input"===e.nodeName.toLowerCase()){var n=document.selection.createRange();n.parentElement()===e&&(t={start:-n.moveStart("character",-e.value.length),end:-n.moveEnd("character",-e.value.length)})}else t=o.getOffsets(e);return t||{start:0,end:0}},setSelection:function(e,t){var n=t.start,r=t.end;if(void 0===r&&(r=n),"selectionStart"in e)e.selectionStart=n,e.selectionEnd=Math.min(r,e.value.length);else if(document.selection&&e.nodeName&&"input"===e.nodeName.toLowerCase()){var i=e.createTextRange();i.collapse(!0),i.moveStart("character",n),i.moveEnd("character",r-n),i.select()}else o.setOffsets(e,t)}};e.exports=u},function(e,t,n){"use strict";function r(e,t){for(var n=Math.min(e.length,t.length),r=0;r<n;r++)if(e.charAt(r)!==t.charAt(r))return r;return e.length===t.length?-1:n}function o(e){return e?e.nodeType===j?e.documentElement:e.firstChild:null}function i(e){return e.getAttribute&&e.getAttribute(N)||""}function a(e,t,n,r,o){var i;if(w.logTopLevelRenders){var a=e._currentElement.props.child,s=a.type;i="React mount: "+("string"==typeof s?s:s.displayName||s.name),console.time(i)}var u=E.mountComponent(e,n,null,b(e,t),o,0);i&&console.timeEnd(i),e._renderedComponent._topLevelWrapper=e,U._mountImageIntoNode(u,t,e,r,n)}function s(e,t,n,r){var o=O.ReactReconcileTransaction.getPooled(!n&&_.useCreateElement);o.perform(a,null,e,t,o,n,r),O.ReactReconcileTransaction.release(o)}function u(e,t,n){for(E.unmountComponent(e,n),t.nodeType===j&&(t=t.documentElement);t.lastChild;)t.removeChild(t.lastChild)}function l(e){var t=o(e);if(t){var n=g.getInstanceFromNode(t);return!(!n||!n._hostParent)}}function c(e){return!(!e||e.nodeType!==D&&e.nodeType!==j&&e.nodeType!==R)}function f(e){var t=o(e),n=t&&g.getInstanceFromNode(t);return n&&!n._hostParent?n:null}function p(e){var t=f(e);return t?t._hostContainerInfo._topLevelWrapper:null}var d=n(19),h=n(113),v=n(114),m=n(116),y=n(170),g=(n(72),n(29)),b=n(1397),_=n(1399),w=n(406),x=n(141),C=(n(58),n(1413)),E=n(115),S=n(241),O=n(65),P=n(112),T=n(416),k=(n(13),n(174)),M=n(247),N=(n(16),v.ID_ATTRIBUTE_NAME),A=v.ROOT_ATTRIBUTE_NAME,D=1,j=9,R=11,I={},L=1,F=function(){this.rootID=L++};F.prototype.isReactComponent={},F.prototype.render=function(){return this.props.child},F.isReactTopLevelWrapper=!0;var U={TopLevelWrapper:F,_instancesByReactRootID:I,scrollMonitor:function(e,t){t()},_updateRootComponent:function(e,t,n,r,o){return U.scrollMonitor(r,function(){S.enqueueElementInternal(e,t,n),o&&S.enqueueCallbackInternal(e,o)}),e},_renderNewRootComponent:function(e,t,n,r){c(t)?void 0:d("37"),y.ensureScrollValueMonitoring();var o=T(e,!1);O.batchedUpdates(s,o,t,n,r);var i=o._instance.rootID;return I[i]=o,o},renderSubtreeIntoContainer:function(e,t,n,r){return null!=e&&x.has(e)?void 0:d("38"),U._renderSubtreeIntoContainer(e,t,n,r)},_renderSubtreeIntoContainer:function(e,t,n,r){S.validateCallback(r,"ReactDOM.render"),m.isValidElement(t)?void 0:d("39","string"==typeof t?" Instead of passing a string like 'div', pass React.createElement('div') or <div />.":"function"==typeof t?" Instead of passing a class like Foo, pass React.createElement(Foo) or <Foo />.":null!=t&&void 0!==t.props?" This may be caused by unintentionally loading two independent copies of React.":"");var a,s=m.createElement(F,{child:t});if(e){var u=x.get(e);a=u._processChildContext(u._context)}else a=P;var c=p(n);if(c){var f=c._currentElement,h=f.props.child;if(M(h,t)){var v=c._renderedComponent.getPublicInstance(),y=r&&function(){r.call(v)};return U._updateRootComponent(c,s,a,n,y),v}U.unmountComponentAtNode(n)}var g=o(n),b=g&&!!i(g),_=l(n),w=b&&!c&&!_,C=U._renderNewRootComponent(s,n,w,a)._renderedComponent.getPublicInstance();return r&&r.call(C),C},render:function(e,t,n){return U._renderSubtreeIntoContainer(null,e,t,n)},unmountComponentAtNode:function(e){c(e)?void 0:d("40");var t=p(e);if(!t){l(e),1===e.nodeType&&e.hasAttribute(A);return!1}return delete I[t._instance.rootID],O.batchedUpdates(u,t,e,!1),!0},_mountImageIntoNode:function(e,t,n,i,a){if(c(t)?void 0:d("41"),i){var s=o(t);if(C.canReuseMarkup(e,s))return void g.precacheNode(n,s);var u=s.getAttribute(C.CHECKSUM_ATTR_NAME);s.removeAttribute(C.CHECKSUM_ATTR_NAME);var l=s.outerHTML;s.setAttribute(C.CHECKSUM_ATTR_NAME,u);var f=e,p=r(f,l),v=" (client) "+f.substring(p-20,p+20)+"\n (server) "+l.substring(p-20,p+20);t.nodeType===j?d("42",v):void 0}if(t.nodeType===j?d("43"):void 0,a.useCreateElement){for(;t.lastChild;)t.removeChild(t.lastChild);h.insertTreeBefore(t,e,null)}else k(t,e),g.precacheNode(n,t.firstChild)}};e.exports=U},function(e,t,n){"use strict";var r=n(19),o=n(116),i=(n(13),{HOST:0,COMPOSITE:1,EMPTY:2,getType:function(e){return null===e||e===!1?i.EMPTY:o.isValidElement(e)?"function"==typeof e.type?i.COMPOSITE:i.HOST:void r("26",e)}});e.exports=i},function(e,t){"use strict";var n={currentScrollLeft:0,currentScrollTop:0,refreshScrollValues:function(e){n.currentScrollLeft=e.x,n.currentScrollTop=e.y}};e.exports=n},function(e,t,n){"use strict";function r(e,t){return null==t?o("30"):void 0,null==e?t:Array.isArray(e)?Array.isArray(t)?(e.push.apply(e,t),e):(e.push(t),e):Array.isArray(t)?[e].concat(t):[e,t]}var o=n(19);n(13);e.exports=r},function(e,t){"use strict";function n(e,t,n){Array.isArray(e)?e.forEach(t,n):e&&t.call(n,e)}e.exports=n},function(e,t,n){"use strict";function r(e){for(var t;(t=e._renderedNodeType)===o.COMPOSITE;)e=e._renderedComponent;return t===o.HOST?e._renderedComponent:t===o.EMPTY?null:void 0}var o=n(410);e.exports=r},function(e,t,n){"use strict";function r(){return!i&&o.canUseDOM&&(i="textContent"in document.documentElement?"textContent":"innerText"),i}var o=n(36),i=null;e.exports=r},function(e,t,n){"use strict";function r(e){if(e){var t=e.getName();if(t)return" Check the render method of `"+t+"`."}return""}function o(e){return"function"==typeof e&&"undefined"!=typeof e.prototype&&"function"==typeof e.prototype.mountComponent&&"function"==typeof e.prototype.receiveComponent}function i(e,t){var n;if(null===e||e===!1)n=l.create(i);else if("object"==typeof e){var s=e,u=s.type;if("function"!=typeof u&&"string"!=typeof u){var p="";p+=r(s._owner),a("130",null==u?u:typeof u,p)}"string"==typeof s.type?n=c.createInternalComponent(s):o(s.type)?(n=new s.type(s),n.getHostNode||(n.getHostNode=n.getNativeNode)):n=new f(s)}else"string"==typeof e||"number"==typeof e?n=c.createInstanceForText(e):a("131",typeof e);return n._mountIndex=0,n._mountImage=null,n}var a=n(19),s=n(11),u=n(1394),l=n(405),c=n(407),f=(n(1455),n(13),n(16),function(e){this.construct(e)});s(f.prototype,u,{_instantiateReactComponent:i}),e.exports=i},function(e,t){"use strict";function n(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!r[e.type]:"textarea"===t}var r={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};e.exports=n},function(e,t,n){"use strict";var r=n(36),o=n(173),i=n(174),a=function(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t};r.canUseDOM&&("textContent"in document.documentElement||(a=function(e,t){return 3===e.nodeType?void(e.nodeValue=t):void i(e,o(t))})),e.exports=a},function(e,t,n){"use strict";function r(e,t){return e&&"object"==typeof e&&null!=e.key?l.escape(e.key):t.toString(36)}function o(e,t,n,i){var p=typeof e;if("undefined"!==p&&"boolean"!==p||(e=null),null===e||"string"===p||"number"===p||"object"===p&&e.$$typeof===s)return n(i,e,""===t?c+r(e,0):t),1;var d,h,v=0,m=""===t?c:t+f;if(Array.isArray(e))for(var y=0;y<e.length;y++)d=e[y],h=m+r(d,y),v+=o(d,h,n,i);else{var g=u(e);if(g){var b,_=g.call(e);if(g!==e.entries)for(var w=0;!(b=_.next()).done;)d=b.value,h=m+r(d,w++),v+=o(d,h,n,i);else for(;!(b=_.next()).done;){var x=b.value;x&&(d=x[1],h=m+l.escape(x[0])+f+r(d,0),v+=o(d,h,n,i))}}else if("object"===p){var C="",E=String(e);a("31","[object Object]"===E?"object with keys {"+Object.keys(e).join(", ")+"}":E,C)}}return v}function i(e,t,n){return null==e?0:o(e,"",t,n)}var a=n(19),s=(n(72),n(1409)),u=n(1440),l=(n(13),n(237)),c=(n(16),"."),f=":";e.exports=i},function(e,t,n){"use strict";function r(e){var t=Function.prototype.toString,n=Object.prototype.hasOwnProperty,r=RegExp("^"+t.call(n).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");try{var o=t.call(e);return r.test(o)}catch(i){return!1}}function o(e){var t=l(e);if(t){var n=t.childIDs;c(e),n.forEach(o)}}function i(e,t,n){return"\n    in "+(e||"Unknown")+(t?" (at "+t.fileName.replace(/^.*[\\\/]/,"")+":"+t.lineNumber+")":n?" (created by "+n+")":"")}function a(e){return null==e?"#empty":"string"==typeof e||"number"==typeof e?"#text":"string"==typeof e.type?e.type:e.type.displayName||e.type.name||"Unknown"}function s(e){var t,n=S.getDisplayName(e),r=S.getElement(e),o=S.getOwnerID(e);return o&&(t=S.getDisplayName(o)),i(n,r&&r._source,t)}var u,l,c,f,p,d,h,v=n(118),m=n(72),y=(n(13),n(16),"function"==typeof Array.from&&"function"==typeof Map&&r(Map)&&null!=Map.prototype&&"function"==typeof Map.prototype.keys&&r(Map.prototype.keys)&&"function"==typeof Set&&r(Set)&&null!=Set.prototype&&"function"==typeof Set.prototype.keys&&r(Set.prototype.keys));if(y){var g=new Map,b=new Set;u=function(e,t){g.set(e,t)},l=function(e){return g.get(e)},c=function(e){g["delete"](e)},f=function(){return Array.from(g.keys())},p=function(e){b.add(e)},d=function(e){b["delete"](e)},h=function(){return Array.from(b.keys())}}else{var _={},w={},x=function(e){return"."+e},C=function(e){return parseInt(e.substr(1),10)};u=function(e,t){var n=x(e);_[n]=t},l=function(e){var t=x(e);return _[t]},c=function(e){var t=x(e);delete _[t]},f=function(){return Object.keys(_).map(C)},p=function(e){var t=x(e);w[t]=!0},d=function(e){var t=x(e);delete w[t]},h=function(){return Object.keys(w).map(C)}}var E=[],S={onSetChildren:function(e,t){var n=l(e);n?void 0:v("144"),n.childIDs=t;for(var r=0;r<t.length;r++){var o=t[r],i=l(o);i?void 0:v("140"),null==i.childIDs&&"object"==typeof i.element&&null!=i.element?v("141"):void 0,i.isMounted?void 0:v("71"),null==i.parentID&&(i.parentID=e),i.parentID!==e?v("142",o,i.parentID,e):void 0}},onBeforeMountComponent:function(e,t,n){var r={element:t,parentID:n,text:null,childIDs:[],isMounted:!1,updateCount:0};u(e,r)},onBeforeUpdateComponent:function(e,t){var n=l(e);n&&n.isMounted&&(n.element=t)},onMountComponent:function(e){var t=l(e);t?void 0:v("144"),t.isMounted=!0;var n=0===t.parentID;n&&p(e)},onUpdateComponent:function(e){var t=l(e);t&&t.isMounted&&t.updateCount++},onUnmountComponent:function(e){var t=l(e);if(t){t.isMounted=!1;var n=0===t.parentID;n&&d(e)}E.push(e)},purgeUnmountedComponents:function(){if(!S._preventPurging){for(var e=0;e<E.length;e++){var t=E[e];o(t)}E.length=0}},isMounted:function(e){var t=l(e);return!!t&&t.isMounted},getCurrentStackAddendum:function(e){var t="";if(e){var n=a(e),r=e._owner;t+=i(n,e._source,r&&r.getName())}var o=m.current,s=o&&o._debugID;return t+=S.getStackAddendumByID(s)},getStackAddendumByID:function(e){for(var t="";e;)t+=s(e),e=S.getParentID(e);return t},getChildIDs:function(e){var t=l(e);return t?t.childIDs:[]},getDisplayName:function(e){var t=S.getElement(e);return t?a(t):null},getElement:function(e){var t=l(e);return t?t.element:null},getOwnerID:function(e){var t=S.getElement(e);return t&&t._owner?t._owner._debugID:null},getParentID:function(e){var t=l(e);return t?t.parentID:null},getSource:function(e){var t=l(e),n=t?t.element:null,r=null!=n?n._source:null;return r},getText:function(e){var t=S.getElement(e);return"string"==typeof t?t:"number"==typeof t?""+t:null},getUpdateCount:function(e){var t=l(e);return t?t.updateCount:0},getRootIDs:h,getRegisteredIDs:f};e.exports=S;
+},function(e,t){"use strict";var n="function"==typeof Symbol&&Symbol["for"]&&Symbol["for"]("react.element")||60103;e.exports=n},function(e,t,n){"use strict";var r=!1;e.exports=r},function(e,t,n){"use strict";var r=n(1460);e.exports=function(e){var t=!1;return r(e,t)}},function(e,t,n){"use strict";var r=function(){};e.exports=r},function(e,t){"use strict";function n(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):n(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var a=function(e){return function(e){function t(){return r(this,t),o(this,e.apply(this,arguments))}return i(t,e),t.prototype.componentDidUpdate=function(){var e=Date.now();this.path.style.transitionDuration="0.3s, 0.3s",this.prevTimeStamp&&e-this.prevTimeStamp<100&&(this.path.style.transitionDuration="0s, 0s"),this.prevTimeStamp=Date.now()},t.prototype.render=function(){return e.prototype.render.call(this)},t}(e)};t["default"]=a,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.propTypes=t.defaultProps=void 0;var o=n(12),i=r(o);t.defaultProps={className:"",percent:0,prefixCls:"rc-progress",strokeColor:"#2db7f5",strokeLinecap:"round",strokeWidth:1,style:{},trailColor:"#D9D9D9",trailWidth:1},t.propTypes={className:i["default"].string,percent:i["default"].oneOfType([i["default"].number,i["default"].string]),prefixCls:i["default"].string,strokeColor:i["default"].string,strokeLinecap:i["default"].oneOf(["round","square"]),strokeWidth:i["default"].oneOfType([i["default"].number,i["default"].string]),style:i["default"].object,trailColor:i["default"].string,trailWidth:i["default"].oneOfType([i["default"].number,i["default"].string])}},function(e,t){function n(e,t){var n,r=0,o=e.length;for(r;r<o&&(n=t(e[r],r),n!==!1);r++);}function r(e){return"[object Array]"===Object.prototype.toString.apply(e)}function o(e){return"function"==typeof e}e.exports={isFunction:o,isArray:r,each:n}},function(e,t,n){var r=n(1479);e.exports=new r},function(e,t,n){!function(e,t){t(n(25))}(this,function(e){"use strict";var t=e.defineLocale("zh-cn",{months:"\u4e00\u6708_\u4e8c\u6708_\u4e09\u6708_\u56db\u6708_\u4e94\u6708_\u516d\u6708_\u4e03\u6708_\u516b\u6708_\u4e5d\u6708_\u5341\u6708_\u5341\u4e00\u6708_\u5341\u4e8c\u6708".split("_"),monthsShort:"1\u6708_2\u6708_3\u6708_4\u6708_5\u6708_6\u6708_7\u6708_8\u6708_9\u6708_10\u6708_11\u6708_12\u6708".split("_"),weekdays:"\u661f\u671f\u65e5_\u661f\u671f\u4e00_\u661f\u671f\u4e8c_\u661f\u671f\u4e09_\u661f\u671f\u56db_\u661f\u671f\u4e94_\u661f\u671f\u516d".split("_"),weekdaysShort:"\u5468\u65e5_\u5468\u4e00_\u5468\u4e8c_\u5468\u4e09_\u5468\u56db_\u5468\u4e94_\u5468\u516d".split("_"),weekdaysMin:"\u65e5_\u4e00_\u4e8c_\u4e09_\u56db_\u4e94_\u516d".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY\u5e74MMMD\u65e5",LL:"YYYY\u5e74MMMD\u65e5",LLL:"YYYY\u5e74MMMD\u65e5Ah\u70b9mm\u5206",LLLL:"YYYY\u5e74MMMD\u65e5ddddAh\u70b9mm\u5206",l:"YYYY\u5e74MMMD\u65e5",ll:"YYYY\u5e74MMMD\u65e5",lll:"YYYY\u5e74MMMD\u65e5 HH:mm",llll:"YYYY\u5e74MMMD\u65e5dddd HH:mm"},meridiemParse:/\u51cc\u6668|\u65e9\u4e0a|\u4e0a\u5348|\u4e2d\u5348|\u4e0b\u5348|\u665a\u4e0a/,meridiemHour:function(e,t){return 12===e&&(e=0),"\u51cc\u6668"===t||"\u65e9\u4e0a"===t||"\u4e0a\u5348"===t?e:"\u4e0b\u5348"===t||"\u665a\u4e0a"===t?e+12:e>=11?e:e+12},meridiem:function(e,t,n){var r=100*e+t;return r<600?"\u51cc\u6668":r<900?"\u65e9\u4e0a":r<1130?"\u4e0a\u5348":r<1230?"\u4e2d\u5348":r<1800?"\u4e0b\u5348":"\u665a\u4e0a"},calendar:{sameDay:"[\u4eca\u5929]LT",nextDay:"[\u660e\u5929]LT",nextWeek:"[\u4e0b]ddddLT",lastDay:"[\u6628\u5929]LT",lastWeek:"[\u4e0a]ddddLT",sameElse:"L"},dayOfMonthOrdinalParse:/\d{1,2}(\u65e5|\u6708|\u5468)/,ordinal:function(e,t){switch(t){case"d":case"D":case"DDD":return e+"\u65e5";case"M":return e+"\u6708";case"w":case"W":return e+"\u5468";default:return e}},relativeTime:{future:"%s\u5185",past:"%s\u524d",s:"\u51e0\u79d2",m:"1 \u5206\u949f",mm:"%d \u5206\u949f",h:"1 \u5c0f\u65f6",hh:"%d \u5c0f\u65f6",d:"1 \u5929",dd:"%d \u5929",M:"1 \u4e2a\u6708",MM:"%d \u4e2a\u6708",y:"1 \u5e74",yy:"%d \u5e74"},week:{dow:1,doy:4}});return t})},function(e,t){"use strict";function n(){return"rc-upload-"+r+"-"+ ++o}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=n;var r=+new Date,o=0;e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(e,t,n){for(var r=[],o=0;o<e;o++)(!t||t.indexOf(o)<0||!n)&&r.push(o);return r}Object.defineProperty(t,"__esModule",{value:!0});var a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(12),y=r(m),g=n(1492),b=r(g),_=n(1491),w=r(_),x=n(25),C=r(x),E=n(8),S=r(E),O=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n));return r.onChange=function(e){r.setState({value:e}),r.props.onChange(e)},r.onCurrentSelectPanelChange=function(e){r.setState({currentSelectPanel:e})},r.state={value:n.value,selectionRange:[]},r}return(0,d["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){var t=e.value;t&&this.setState({value:t})},t.prototype.close=function(){this.props.onEsc()},t.prototype.render=function(){var e,t=this.props,n=t.prefixCls,r=t.className,o=t.placeholder,a=t.disabledHours,u=t.disabledMinutes,l=t.disabledSeconds,c=t.hideDisabledOptions,f=t.allowEmpty,p=t.showHour,d=t.showMinute,h=t.showSecond,m=t.format,y=t.defaultOpenValue,g=t.clearText,_=t.onEsc,x=t.addon,C=t.use12Hours,E=t.onClear,O=this.state,P=O.value,T=O.currentSelectPanel,k=a(),M=u(P?P.hour():null),N=l(P?P.hour():null,P?P.minute():null),A=i(24,k,c),D=i(60,M,c),j=i(60,N,c);return v["default"].createElement("div",{className:(0,S["default"])((e={},(0,s["default"])(e,n+"-inner",!0),(0,s["default"])(e,r,!!r),e))},v["default"].createElement(b["default"],{clearText:g,prefixCls:n,defaultOpenValue:y,value:P,currentSelectPanel:T,onEsc:_,format:m,placeholder:o,hourOptions:A,minuteOptions:D,secondOptions:j,disabledHours:a,disabledMinutes:u,disabledSeconds:l,onChange:this.onChange,onClear:E,allowEmpty:f}),v["default"].createElement(w["default"],{prefixCls:n,value:P,defaultOpenValue:y,format:m,onChange:this.onChange,showHour:p,showMinute:d,showSecond:h,hourOptions:A,minuteOptions:D,secondOptions:j,disabledHours:a,disabledMinutes:u,disabledSeconds:l,onCurrentSelectPanelChange:this.onCurrentSelectPanelChange,use12Hours:C}),x(this))},t}(h.Component);O.propTypes={clearText:y["default"].string,prefixCls:y["default"].string,className:y["default"].string,defaultOpenValue:y["default"].object,value:y["default"].object,placeholder:y["default"].string,format:y["default"].string,disabledHours:y["default"].func,disabledMinutes:y["default"].func,disabledSeconds:y["default"].func,hideDisabledOptions:y["default"].bool,onChange:y["default"].func,onEsc:y["default"].func,allowEmpty:y["default"].bool,showHour:y["default"].bool,showMinute:y["default"].bool,showSecond:y["default"].bool,onClear:y["default"].func,use12Hours:y["default"].bool,addon:y["default"].func},O.defaultProps={prefixCls:"rc-time-picker-panel",onChange:o,onClear:o,disabledHours:o,disabledMinutes:o,disabledSeconds:o,defaultOpenValue:(0,C["default"])(),use12Hours:!1,addon:o},t["default"]=O,e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={isAppearSupported:function(e){return e.transitionName&&e.transitionAppear||e.animation.appear},isEnterSupported:function(e){return e.transitionName&&e.transitionEnter||e.animation.enter},isLeaveSupported:function(e){return e.transitionName&&e.transitionLeave||e.animation.leave},allowAppearCallback:function(e){return e.transitionAppear||e.animation.appear},allowEnterCallback:function(e){return e.transitionEnter||e.animation.enter},allowLeaveCallback:function(e){return e.transitionLeave||e.animation.leave}};t["default"]=n,e.exports=t["default"]},function(e,t,n){e.exports=n(51).document&&document.documentElement},function(e,t,n){e.exports=!n(81)&&!n(144)(function(){return 7!=Object.defineProperty(n(255)("div"),"a",{get:function(){return 7}}).a})},function(e,t,n){var r=n(143);e.exports=Object("z").propertyIsEnumerable(0)?Object:function(e){return"String"==r(e)?e.split(""):Object(e)}},function(e,t,n){var r=n(122),o=n(38)("iterator"),i=Array.prototype;e.exports=function(e){return void 0!==e&&(r.Array===e||i[o]===e)}},function(e,t,n){var r=n(73);e.exports=function(e,t,n,o){try{return o?t(r(n)[0],n[1]):t(n)}catch(i){var a=e["return"];throw void 0!==a&&r(a.call(e)),i}}},function(e,t,n){"use strict";var r=n(175),o=n(82),i=n(443),a=n(95),s=n(94),u=n(122),l=n(1518),c=n(177),f=n(1526),p=n(38)("iterator"),d=!([].keys&&"next"in[].keys()),h="@@iterator",v="keys",m="values",y=function(){return this};e.exports=function(e,t,n,g,b,_,w){l(n,t,g);var x,C,E,S=function(e){if(!d&&e in k)return k[e];switch(e){case v:return function(){return new n(this,e)};case m:return function(){return new n(this,e)}}return function(){return new n(this,e)}},O=t+" Iterator",P=b==m,T=!1,k=e.prototype,M=k[p]||k[h]||b&&k[b],N=M||S(b),A=b?P?S("entries"):N:void 0,D="Array"==t?k.entries||M:M;if(D&&(E=f(D.call(new e)),E!==Object.prototype&&(c(E,O,!0),r||s(E,p)||a(E,p,y))),P&&M&&M.name!==m&&(T=!0,N=function(){return M.call(this)}),r&&!w||!d&&!T&&k[p]||a(k,p,N),u[t]=N,u[O]=y,b)if(x={values:P?N:S(m),keys:_?N:S(v),entries:A},w)for(C in x)C in k||i(k,C,x[C]);else o(o.P+o.F*(d||T),t,x);return x}},function(e,t,n){var r=n(38)("iterator"),o=!1;try{var i=[7][r]();i["return"]=function(){o=!0},Array.from(i,function(){throw 2})}catch(a){}e.exports=function(e,t){if(!t&&!o)return!1;var n=!1;try{var i=[7],a=i[r]();a.next=function(){return{done:n=!0}},i[r]=function(){return a},e(i)}catch(s){}return n}},function(e,t,n){var r=n(176),o=n(146),i=n(96),a=n(264),s=n(94),u=n(434),l=Object.getOwnPropertyDescriptor;t.f=n(81)?l:function(e,t){if(e=i(e),t=a(t,!0),u)try{return l(e,t)}catch(n){}if(s(e,t))return o(!r.f.call(e,t),e[t])}},function(e,t,n){var r=n(442),o=n(256).concat("length","prototype");t.f=Object.getOwnPropertyNames||function(e){return r(e,o)}},function(e,t,n){var r=n(94),o=n(96),i=n(1512)(!1),a=n(259)("IE_PROTO");e.exports=function(e,t){var n,s=o(e),u=0,l=[];for(n in s)n!=a&&r(s,n)&&l.push(n);for(;t.length>u;)r(s,n=t[u++])&&(~i(l,n)||l.push(n));return l}},function(e,t,n){e.exports=n(95)},function(e,t,n){var r,o,i,a=n(120),s=n(1516),u=n(433),l=n(255),c=n(51),f=c.process,p=c.setImmediate,d=c.clearImmediate,h=c.MessageChannel,v=0,m={},y="onreadystatechange",g=function(){var e=+this;if(m.hasOwnProperty(e)){var t=m[e];delete m[e],t()}},b=function(e){g.call(e.data)};p&&d||(p=function(e){for(var t=[],n=1;arguments.length>n;)t.push(arguments[n++]);return m[++v]=function(){s("function"==typeof e?e:Function(e),t)},r(v),v},d=function(e){delete m[e]},"process"==n(143)(f)?r=function(e){f.nextTick(a(g,e,1))}:h?(o=new h,i=o.port2,o.port1.onmessage=b,r=a(i.postMessage,i,1)):c.addEventListener&&"function"==typeof postMessage&&!c.importScripts?(r=function(e){c.postMessage(e+"","*")},c.addEventListener("message",b,!1)):r=y in l("script")?function(e){u.appendChild(l("script"))[y]=function(){u.removeChild(this),g.call(e)}}:function(e){setTimeout(a(g,e,1),0)}),e.exports={set:p,clear:d}},function(e,t){},function(e,t,n){var r=n(59);e.exports=function(e,t){if("number"!=typeof e&&"Number"!=r(e))throw TypeError(t);return+e}},function(e,t,n){"use strict";var r=n(32),o=n(104),i=n(30);e.exports=[].copyWithin||function(e,t){var n=r(this),a=i(n.length),s=o(e,a),u=o(t,a),l=arguments.length>2?arguments[2]:void 0,c=Math.min((void 0===l?a:o(l,a))-u,a-s),f=1;for(u<s&&s<u+c&&(f=-1,u+=c-1,s+=c-1);c-- >0;)u in n?n[s]=n[u]:delete n[s],s+=f,u+=f;return n}},function(e,t,n){var r=n(124);e.exports=function(e,t){var n=[];return r(e,!1,n.push,n,t),n}},function(e,t,n){var r=n(40),o=n(32),i=n(149),a=n(30);e.exports=function(e,t,n,s,u){r(t);var l=o(e),c=i(l),f=a(l.length),p=u?f-1:0,d=u?-1:1;if(n<2)for(;;){if(p in c){s=c[p],p+=d;break}if(p+=d,u?p<0:f<=p)throw TypeError("Reduce of empty array with no initial value")}for(;u?p>=0:f>p;p+=d)p in c&&(s=t(s,c[p],p,l));return s}},function(e,t,n){"use strict";var r=n(40),o=n(21),i=n(184),a=[].slice,s={},u=function(e,t,n){if(!(t in s)){for(var r=[],o=0;o<t;o++)r[o]="a["+o+"]";s[t]=Function("F,a","return new F("+r.join(",")+")")}return s[t](e,n)};e.exports=Function.bind||function(e){var t=r(this),n=a.call(arguments,1),s=function(){var r=n.concat(a.call(arguments));return this instanceof s?u(t,r.length,r):i(t,r,e)};return o(t.prototype)&&(s.prototype=t.prototype),s}},function(e,t,n){"use strict";var r=n(27).f,o=n(99),i=n(102),a=n(76),s=n(97),u=n(60),l=n(124),c=n(278),f=n(457),p=n(103),d=n(26),h=n(83).fastKey,v=d?"_s":"size",m=function(e,t){var n,r=h(t);if("F"!==r)return e._i[r];for(n=e._f;n;n=n.n)if(n.k==t)return n};e.exports={getConstructor:function(e,t,n,c){var f=e(function(e,r){s(e,f,t,"_i"),e._i=o(null),e._f=void 0,e._l=void 0,e[v]=0,void 0!=r&&l(r,n,e[c],e)});return i(f.prototype,{clear:function(){for(var e=this,t=e._i,n=e._f;n;n=n.n)n.r=!0,n.p&&(n.p=n.p.n=void 0),delete t[n.i];e._f=e._l=void 0,e[v]=0},"delete":function(e){var t=this,n=m(t,e);if(n){var r=n.n,o=n.p;delete t._i[n.i],n.r=!0,o&&(o.n=r),r&&(r.p=o),t._f==n&&(t._f=r),t._l==n&&(t._l=o),t[v]--}return!!n},forEach:function(e){s(this,f,"forEach");for(var t,n=a(e,arguments.length>1?arguments[1]:void 0,3);t=t?t.n:this._f;)for(n(t.v,t.k,this);t&&t.r;)t=t.p},has:function(e){return!!m(this,e)}}),d&&r(f.prototype,"size",{get:function(){return u(this[v])}}),f},def:function(e,t,n){var r,o,i=m(e,t);return i?i.v=n:(e._l=i={i:o=h(t,!0),k:t,v:n,p:r=e._l,n:void 0,r:!1},e._f||(e._f=i),r&&(r.n=i),e[v]++,"F"!==o&&(e._i[o]=i)),e},getEntry:m,setStrong:function(e,t,n){c(e,t,function(e,t){this._t=e,this._k=t,this._l=void 0},function(){for(var e=this,t=e._k,n=e._l;n&&n.r;)n=n.p;return e._t&&(e._l=n=n?n.n:e._t._f)?"keys"==t?f(0,n.k):"values"==t?f(0,n.v):f(0,[n.k,n.v]):(e._t=void 0,f(1))},n?"entries":"values",!n,!0),p(t)}}},function(e,t,n){var r=n(148),o=n(448);e.exports=function(e){return function(){if(r(this)!=e)throw TypeError(e+"#toJSON isn't generic");return o(this)}}},function(e,t,n){"use strict";var r=n(102),o=n(83).getWeak,i=n(15),a=n(21),s=n(97),u=n(124),l=n(66),c=n(39),f=l(5),p=l(6),d=0,h=function(e){return e._l||(e._l=new v)},v=function(){this.a=[]},m=function(e,t){return f(e.a,function(e){return e[0]===t})};v.prototype={get:function(e){var t=m(this,e);if(t)return t[1]},has:function(e){return!!m(this,e)},set:function(e,t){var n=m(this,e);n?n[1]=t:this.a.push([e,t])},"delete":function(e){var t=p(this.a,function(t){return t[0]===e});return~t&&this.a.splice(t,1),!!~t}},e.exports={getConstructor:function(e,t,n,i){var l=e(function(e,r){s(e,l,t,"_i"),e._i=d++,e._l=void 0,void 0!=r&&u(r,n,e[i],e)});return r(l.prototype,{"delete":function(e){if(!a(e))return!1;var t=o(e);return t===!0?h(this)["delete"](e):t&&c(t,this._i)&&delete t[this._i]},has:function(e){if(!a(e))return!1;var t=o(e);return t===!0?h(this).has(e):t&&c(t,this._i)}}),l},def:function(e,t,n){var r=o(i(t),!0);return r===!0?h(e).set(t,n):r[e._i]=n,e},ufstore:h}},function(e,t,n){e.exports=!n(26)&&!n(18)(function(){return 7!=Object.defineProperty(n(270)("div"),"a",{get:function(){return 7}}).a})},function(e,t,n){var r=n(21),o=Math.floor;e.exports=function(e){return!r(e)&&isFinite(e)&&o(e)===e}},function(e,t,n){var r=n(15);e.exports=function(e,t,n,o){try{return o?t(r(n)[0],n[1]):t(n)}catch(i){var a=e["return"];throw void 0!==a&&r(a.call(e)),i}}},function(e,t){e.exports=function(e,t){return{value:t,done:!!e}}},function(e,t){e.exports=Math.log1p||function(e){return(e=+e)>-1e-8&&e<1e-8?e-e*e/2:Math.log(1+e)}},function(e,t,n){"use strict";var r=n(101),o=n(188),i=n(150),a=n(32),s=n(149),u=Object.assign;e.exports=!u||n(18)(function(){var e={},t={},n=Symbol(),r="abcdefghijklmnopqrst";return e[n]=7,r.split("").forEach(function(e){t[e]=e}),7!=u({},e)[n]||Object.keys(u({},t)).join("")!=r})?function(e,t){for(var n=a(e),u=arguments.length,l=1,c=o.f,f=i.f;u>l;)for(var p,d=s(arguments[l++]),h=c?r(d).concat(c(d)):r(d),v=h.length,m=0;v>m;)f.call(d,p=h[m++])&&(n[p]=d[p]);return n}:u},function(e,t,n){var r=n(27),o=n(15),i=n(101);e.exports=n(26)?Object.defineProperties:function(e,t){o(e);for(var n,a=i(t),s=a.length,u=0;s>u;)r.f(e,n=a[u++],t[n]);return e}},function(e,t,n){var r=n(44),o=n(100).f,i={}.toString,a="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],s=function(e){try{return o(e)}catch(t){return a.slice()}};e.exports.f=function(e){return a&&"[object Window]"==i.call(e)?s(e):o(r(e))}},function(e,t,n){var r=n(39),o=n(44),i=n(180)(!1),a=n(283)("IE_PROTO");e.exports=function(e,t){var n,s=o(e),u=0,l=[];for(n in s)n!=a&&r(s,n)&&l.push(n);for(;t.length>u;)r(s,n=t[u++])&&(~i(l,n)||l.push(n));return l}},function(e,t,n){var r=n(101),o=n(44),i=n(150).f;e.exports=function(e){return function(t){for(var n,a=o(t),s=r(a),u=s.length,l=0,c=[];u>l;)i.call(a,n=s[l++])&&c.push(e?[n,a[n]]:a[n]);return c}}},function(e,t,n){var r=n(100),o=n(188),i=n(15),a=n(17).Reflect;e.exports=a&&a.ownKeys||function(e){var t=r.f(i(e)),n=o.f;return n?t.concat(n(e)):t}},function(e,t,n){var r=n(17).parseFloat,o=n(127).trim;e.exports=1/r(n(288)+"-0")!==-(1/0)?function(e){var t=o(String(e),3),n=r(t);return 0===n&&"-"==t.charAt(0)?-0:n}:r},function(e,t,n){var r=n(17).parseInt,o=n(127).trim,i=n(288),a=/^[\-+]?0[xX]/;e.exports=8!==r(i+"08")||22!==r(i+"0x16")?function(e,t){var n=o(String(e),3);return r(n,t>>>0||(a.test(n)?16:10))}:r},function(e,t){e.exports=Object.is||function(e,t){return e===t?0!==e||1/e===1/t:e!=e&&t!=t}},function(e,t,n){var r=n(30),o=n(287),i=n(60);e.exports=function(e,t,n,a){var s=String(i(e)),u=s.length,l=void 0===n?" ":String(n),c=r(t);if(c<=u||""==l)return s;var f=c-u,p=o.call(l,Math.ceil(f/l.length));return p.length>f&&(p=p.slice(0,f)),a?p+s:s+p}},function(e,t,n){t.f=n(24)},function(e,t,n){"use strict";var r=n(451);e.exports=n(181)("Map",function(e){return function(){return e(this,arguments.length>0?arguments[0]:void 0)}},{get:function(e){var t=r.getEntry(this,e);return t&&t.v},set:function(e,t){return r.def(this,0===e?0:e,t)}},r,!0)},function(e,t,n){n(26)&&"g"!=/./g.flags&&n(27).f(RegExp.prototype,"flags",{configurable:!0,get:n(183)})},function(e,t,n){"use strict";var r=n(451);e.exports=n(181)("Set",function(e){return function(){return e(this,arguments.length>0?arguments[0]:void 0)}},{add:function(e){return r.def(this,e=0===e?0:e,e)}},r)},function(e,t,n){"use strict";var r,o=n(66)(0),i=n(42),a=n(83),s=n(459),u=n(453),l=n(21),c=a.getWeak,f=Object.isExtensible,p=u.ufstore,d={},h=function(e){return function(){return e(this,arguments.length>0?arguments[0]:void 0)}},v={get:function(e){if(l(e)){var t=c(e);return t===!0?p(this).get(e):t?t[this._i]:void 0}},set:function(e,t){return u.def(this,e,t)}},m=e.exports=n(181)("WeakMap",h,v,u,!0,!0);7!=(new m).set((Object.freeze||Object)(d),7).get(d)&&(r=u.getConstructor(h),s(r.prototype,v),a.NEED=!0,o(["delete","has","get","set"],function(e){var t=m.prototype,n=t[e];i(t,e,function(t,o){if(l(t)&&!f(t)){this._f||(this._f=new r);var i=this._f[e](t,o);return"set"==e?this:i}return n.call(this,t,o)})}))},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.readState=t.saveState=void 0;var o=n(45),i=(r(o),{QuotaExceededError:!0,QUOTA_EXCEEDED_ERR:!0}),a={SecurityError:!0},s="@@History/",u=function(e){return s+e};t.saveState=function(e,t){if(window.sessionStorage)try{null==t?window.sessionStorage.removeItem(u(e)):window.sessionStorage.setItem(u(e),JSON.stringify(t))}catch(n){if(a[n.name])return;if(i[n.name]&&0===window.sessionStorage.length)return;throw n}},t.readState=function(e){var t=void 0;try{t=window.sessionStorage.getItem(u(e))}catch(n){if(a[n.name])return}if(t)try{return JSON.parse(t)}catch(n){}}},function(e,t,n){"use strict";function r(e){return e}var o=n(1);e.exports=function(e){return o.Children.map(e,r)}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={adjustX:1,adjustY:1},r=[0,0],o=t.placements={left:{points:["cr","cl"],overflow:n,offset:[-4,0],targetOffset:r},right:{points:["cl","cr"],overflow:n,offset:[4,0],targetOffset:r},top:{points:["bc","tc"],overflow:n,offset:[0,-4],targetOffset:r},bottom:{points:["tc","bc"],overflow:n,offset:[0,4],targetOffset:r},topLeft:{points:["bl","tl"],overflow:n,offset:[0,-4],targetOffset:r},leftTop:{points:["tr","tl"],overflow:n,offset:[-4,0],targetOffset:r},topRight:{points:["br","tr"],overflow:n,offset:[0,-4],targetOffset:r},rightTop:{points:["tl","tr"],overflow:n,offset:[4,0],targetOffset:r},bottomRight:{points:["tr","br"],overflow:n,offset:[0,4],targetOffset:r},rightBottom:{points:["bl","br"],overflow:n,offset:[4,0],targetOffset:r},bottomLeft:{points:["tl","bl"],overflow:n,offset:[0,4],targetOffset:r},leftBottom:{points:["br","bl"],overflow:n,offset:[-4,0],targetOffset:r}};t["default"]=o},function(e,t){"use strict";function n(e,t){for(var n=t;n;){if(n===e)return!0;n=n.parentNode}return!1}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=n,e.exports=t["default"]},function(e,t){"use strict";function n(){var e=[].slice.call(arguments,0);return 1===e.length?e[0]:function(){for(var t=0;t<e.length;t++)e[t]&&e[t].apply&&e[t].apply(this,arguments)}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=n,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){var e=document.createElement("div");return document.body.appendChild(e),e}function i(e){function t(e,t,n){if(!c||e._component||c(e)){e._container||(e._container=d(e));var r=void 0;r=e.getComponent?e.getComponent(t):f(e,t),u["default"].unstable_renderSubtreeIntoContainer(e,r,e._container,function(){e._component=this,n&&n.call(this)})}}function n(e){if(e._container){var t=e._container;u["default"].unmountComponentAtNode(t),t.parentNode.removeChild(t),e._container=null}}var r=e.autoMount,i=void 0===r||r,s=e.autoDestroy,l=void 0===s||s,c=e.isVisible,f=e.getComponent,p=e.getContainer,d=void 0===p?o:p,h=void 0;return i&&(h=a({},h,{componentDidMount:function(){t(this)},componentDidUpdate:function(){t(this)}})),i&&l||(h=a({},h,{renderComponent:function(e,n){t(this,e,n)}})),h=l?a({},h,{componentWillUnmount:function(){n(this)}}):a({},h,{removeContainer:function(){n(this)}})}Object.defineProperty(t,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};t["default"]=i;var s=n(2),u=r(s);e.exports=t["default"]},function(e,t){(function(t){function n(e,t){return null==e?void 0:e[t]}function r(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(n){}return t}function o(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function i(){this.__data__=me?me(null):{}}function a(e){return this.has(e)&&delete this.__data__[e]}function s(e){var t=this.__data__;if(me){var n=t[e];return n===H?void 0:n}return ce.call(t,e)?t[e]:void 0}function u(e){var t=this.__data__;return me?void 0!==t[e]:ce.call(t,e)}function l(e,t){var n=this.__data__;return n[e]=me&&void 0===t?H:t,this}function c(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function f(){this.__data__=[]}function p(e){var t=this.__data__,n=x(t,e);if(n<0)return!1;var r=t.length-1;return n==r?t.pop():he.call(t,n,1),!0}function d(e){var t=this.__data__,n=x(t,e);return n<0?void 0:t[n][1]}function h(e){return x(this.__data__,e)>-1}function v(e,t){var n=this.__data__,r=x(n,e);return r<0?n.push([e,t]):n[r][1]=t,this}function m(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function y(){this.__data__={hash:new o,map:new(ve||c),string:new o}}function g(e){return P(this,e)["delete"](e)}function b(e){return P(this,e).get(e)}function _(e){return P(this,e).has(e)}function w(e,t){return P(this,e).set(e,t),this}function x(e,t){for(var n=e.length;n--;)if(R(e[n][0],t))return n;return-1}function C(e,t){t=k(t,e)?[t]:O(t);for(var n=0,r=t.length;null!=e&&n<r;)e=e[A(t[n++])];return n&&n==r?e:void 0}function E(e){if(!L(e)||N(e))return!1;var t=I(e)||r(e)?pe:ee;return t.test(D(e))}function S(e){if("string"==typeof e)return e;if(U(e))return ge?ge.call(e):"";var t=e+"";return"0"==t&&1/e==-K?"-0":t}function O(e){return _e(e)?e:be(e)}function P(e,t){var n=e.__data__;return M(t)?n["string"==typeof t?"string":"hash"]:n.map}function T(e,t){var r=n(e,t);return E(r)?r:void 0}function k(e,t){if(_e(e))return!1;var n=typeof e;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=e&&!U(e))||(X.test(e)||!G.test(e)||null!=t&&e in Object(t))}function M(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e}function N(e){return!!ue&&ue in e}function A(e){if("string"==typeof e||U(e))return e;var t=e+"";return"0"==t&&1/e==-K?"-0":t}function D(e){if(null!=e){try{return le.call(e)}catch(t){}try{return e+""}catch(t){}}return""}function j(e,t){if("function"!=typeof e||t&&"function"!=typeof t)throw new TypeError(z);var n=function(){var r=arguments,o=t?t.apply(this,r):r[0],i=n.cache;if(i.has(o))return i.get(o);var a=e.apply(this,r);return n.cache=i.set(o,a),a};return n.cache=new(j.Cache||m),n}function R(e,t){return e===t||e!==e&&t!==t}function I(e){var t=L(e)?fe.call(e):"";return t==W||t==q}function L(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function F(e){return!!e&&"object"==typeof e}function U(e){return"symbol"==typeof e||F(e)&&fe.call(e)==Y}function V(e){return null==e?"":S(e)}function B(e,t,n){var r=null==e?void 0:C(e,t);return void 0===r?n:r}var z="Expected a function",H="__lodash_hash_undefined__",K=1/0,W="[object Function]",q="[object GeneratorFunction]",Y="[object Symbol]",G=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,X=/^\w*$/,$=/^\./,Z=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Q=/[\\^$.*+?()[\]{}|]/g,J=/\\(\\)?/g,ee=/^\[object .+?Constructor\]$/,te="object"==typeof t&&t&&t.Object===Object&&t,ne="object"==typeof self&&self&&self.Object===Object&&self,re=te||ne||Function("return this")(),oe=Array.prototype,ie=Function.prototype,ae=Object.prototype,se=re["__core-js_shared__"],ue=function(){var e=/[^.]+$/.exec(se&&se.keys&&se.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}(),le=ie.toString,ce=ae.hasOwnProperty,fe=ae.toString,pe=RegExp("^"+le.call(ce).replace(Q,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),de=re.Symbol,he=oe.splice,ve=T(re,"Map"),me=T(Object,"create"),ye=de?de.prototype:void 0,ge=ye?ye.toString:void 0;o.prototype.clear=i,o.prototype["delete"]=a,o.prototype.get=s,o.prototype.has=u,o.prototype.set=l,c.prototype.clear=f,c.prototype["delete"]=p,c.prototype.get=d,c.prototype.has=h,c.prototype.set=v,m.prototype.clear=y,m.prototype["delete"]=g,m.prototype.get=b,m.prototype.has=_,m.prototype.set=w;var be=j(function(e){e=V(e);var t=[];return $.test(e)&&t.push(""),e.replace(Z,function(e,n,r,o){t.push(r?o.replace(J,"$1"):n||e)}),t});j.Cache=m;var _e=Array.isArray;e.exports=B}).call(t,function(){return this}())},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return!e.length||e.every(function(e){return!!e.props.disabled})}function i(e,t){var n=t,r=e.children,o=e.eventKey;if(n){var i=void 0;if((0,S.loopMenuItem)(r,function(e,t){e&&!e.props.disabled&&n===(0,S.getKeyFromChildrenIndex)(e,o,t)&&(i=!0)}),i)return n}return n=null,e.defaultActiveFirst?((0,S.loopMenuItem)(r,function(e,t){n||!e||e.props.disabled||(n=(0,S.getKeyFromChildrenIndex)(e,o,t))}),n):n}function a(e,t,n){n&&(void 0!==t?(this.instanceArray[e]=this.instanceArray[e]||[],this.instanceArray[e][t]=n):this.instanceArray[e]=n)}Object.defineProperty(t,"__esModule",{value:!0});var s=n(10),u=r(s),l=n(9),c=r(l),f=n(1),p=r(f),d=n(12),h=r(d),v=n(2),m=r(v),y=n(80),g=r(y),b=n(478),_=r(b),w=n(8),x=r(w),C=n(168),E=r(C),S=n(197),O=n(1766),P=r(O),T={propTypes:{focusable:h["default"].bool,multiple:h["default"].bool,style:h["default"].object,defaultActiveFirst:h["default"].bool,visible:h["default"].bool,activeKey:h["default"].string,selectedKeys:h["default"].arrayOf(h["default"].string),defaultSelectedKeys:h["default"].arrayOf(h["default"].string),defaultOpenKeys:h["default"].arrayOf(h["default"].string),openKeys:h["default"].arrayOf(h["default"].string),children:h["default"].any},getDefaultProps:function(){return{prefixCls:"rc-menu",className:"",mode:"vertical",level:1,inlineIndent:24,visible:!0,focusable:!0,style:{}}},getInitialState:function(){var e=this.props;return{activeKey:i(e,e.activeKey)}},componentWillReceiveProps:function(e){var t=void 0;if("activeKey"in e)t={activeKey:i(e,e.activeKey)};else{var n=this.state.activeKey,r=i(e,n);r!==n&&(t={activeKey:r})}t&&this.setState(t)},shouldComponentUpdate:function(e){return this.props.visible||e.visible},componentWillMount:function(){this.instanceArray=[]},onKeyDown:function(e){var t=this,n=e.keyCode,r=void 0;if(this.getFlatInstanceArray().forEach(function(t){t&&t.props.active&&(r=t.onKeyDown(e))}),r)return 1;var o=null;return n!==g["default"].UP&&n!==g["default"].DOWN||(o=this.step(n===g["default"].UP?-1:1)),o?(e.preventDefault(),this.setState({activeKey:o.props.eventKey},function(){(0,E["default"])(m["default"].findDOMNode(o),m["default"].findDOMNode(t),{onlyScrollIfNeeded:!0})}),1):void 0===o?(e.preventDefault(),this.setState({activeKey:null}),1):void 0},getOpenChangesOnItemHover:function(e){var t=this.props.mode,n=e.key,r=e.hover,o=e.trigger,i=this.state.activeKey;if(o&&!r&&!this.props.closeSubMenuOnMouseLeave&&e.item.isSubMenu&&"inline"!==t||this.setState({activeKey:r?n:null}),r&&"inline"!==t){var a=this.getFlatInstanceArray().filter(function(e){return e&&e.props.eventKey===i})[0];if(a&&a.isSubMenu&&a.props.eventKey!==n)return{item:a,originalEvent:e,key:a.props.eventKey,open:!1}}return[]},getFlatInstanceArray:function(){var e=this.instanceArray,t=e.some(function(e){return Array.isArray(e)});return t&&(e=[],this.instanceArray.forEach(function(t){Array.isArray(t)?e.push.apply(e,t):e.push(t)}),this.instanceArray=e),e},renderCommonMenuItem:function(e,t,n,r){var o=this.state,i=this.props,s=(0,S.getKeyFromChildrenIndex)(e,i.eventKey,t),u=e.props,l=s===o.activeKey,f=(0,c["default"])({mode:i.mode,level:i.level,inlineIndent:i.inlineIndent,renderMenuItem:this.renderMenuItem,rootPrefixCls:i.prefixCls,index:t,parentMenu:this,ref:u.disabled?void 0:(0,_["default"])(e.ref,a.bind(this,t,n)),eventKey:s,closeSubMenuOnMouseLeave:i.closeSubMenuOnMouseLeave,onItemHover:this.onItemHover,active:!u.disabled&&l,multiple:i.multiple,onClick:this.onClick,openTransitionName:this.getOpenTransitionName(),openAnimation:i.openAnimation,onOpenChange:this.onOpenChange,onDeselect:this.onDeselect,onDestroy:this.onDestroy,onSelect:this.onSelect},r);return"inline"===i.mode&&(f.closeSubMenuOnMouseLeave=f.openSubMenuOnMouseEnter=!1),p["default"].cloneElement(e,f)},renderRoot:function(e){var t;this.instanceArray=[];var n=(t={},(0,u["default"])(t,e.prefixCls,1),(0,u["default"])(t,e.prefixCls+"-"+e.mode,1),(0,u["default"])(t,e.className,!!e.className),t),r={className:(0,x["default"])(n),role:"menu","aria-activedescendant":""};return e.id&&(r.id=e.id),e.focusable&&(r.tabIndex="0",
+r.onKeyDown=this.onKeyDown),p["default"].createElement(P["default"],(0,c["default"])({style:e.style,tag:"ul",hiddenClassName:e.prefixCls+"-hidden",visible:e.visible},r),p["default"].Children.map(e.children,this.renderMenuItem))},step:function(e){var t=this.getFlatInstanceArray(),n=this.state.activeKey,r=t.length;if(!r)return null;e<0&&(t=t.concat().reverse());var i=-1;if(t.every(function(e,t){return!e||e.props.eventKey!==n||(i=t,!1)}),this.props.defaultActiveFirst||i===-1||!o(t.slice(i,r-1)))for(var a=(i+1)%r,s=a;;){var u=t[s];if(u&&!u.props.disabled)return u;if(s=(s+1+r)%r,s===a)return null}}};t["default"]=T,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return e!==window?e.getBoundingClientRect():{top:0,left:0,bottom:0}}function i(e,t){var n=e.getBoundingClientRect(),r=o(t),i=(0,R["default"])(t,!0),a=(0,R["default"])(t,!1),s=window.document.body,u=s.clientTop||0,l=s.clientLeft||0;return{top:n.top-r.top+i-u,left:n.left-r.left+a-l,width:n.width,height:n.height}}function a(){}function s(){return"undefined"!=typeof window?window:null}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var u=n(10),l=r(u),c=n(9),f=r(c),p=n(4),d=r(p),h=n(7),v=r(h),m=n(6),y=r(m),g=n(47),b=r(g),_=n(1),w=r(_),x=n(2),C=r(x),E=n(12),S=r(E),O=n(79),P=r(O),T=n(8),k=r(T),M=n(56),N=r(M),A=n(48),D=r(A),j=n(300),R=r(j),I=n(1786),L=function(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"===("undefined"==typeof Reflect?"undefined":(0,b["default"])(Reflect))&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},F=function(e){function t(n){(0,d["default"])(this,t);var r=(0,v["default"])(this,e.call(this,n));return r.state={affixStyle:null,placeholderStyle:null},r}return(0,y["default"])(t,e),t.prototype.setAffixStyle=function(e,t){var n=this,r=this.props,o=r.onChange,i=void 0===o?a:o,u=r.target,l=void 0===u?s:u,c=this.state.affixStyle,f=l()===window;"scroll"===e.type&&c&&t&&f||(0,N["default"])(t,c)||this.setState({affixStyle:t},function(){var e=!!n.state.affixStyle;(t&&!c||!t&&c)&&i(e)})},t.prototype.setPlaceholderStyle=function(e){var t=this.state.placeholderStyle;(0,N["default"])(e,t)||this.setState({placeholderStyle:e})},t.prototype.updatePosition=function(e){var t=this.props,n=t.offsetTop,r=t.offsetBottom,a=t.offset,u=t.target,l=void 0===u?s:u,c=l();n=n||a;var p=(0,R["default"])(c,!0),d=C["default"].findDOMNode(this),h=i(d,c),v={width:this.refs.fixedNode.offsetWidth,height:this.refs.fixedNode.offsetHeight},m={top:!1,bottom:!1};"number"!=typeof n&&"number"!=typeof r?(m.top=!0,n=0):(m.top="number"==typeof n,m.bottom="number"==typeof r);var y=o(c),g=c.innerHeight||c.clientHeight;if(p>h.top-n&&m.top){var b=h.width;this.setAffixStyle(e,{position:"fixed",top:y.top+n,left:y.left+h.left,width:b}),this.setPlaceholderStyle({width:b,height:d.offsetHeight})}else if(p<h.top+v.height+r-g&&m.bottom){var _=c===window?0:window.innerHeight-y.bottom,w=h.width;this.setAffixStyle(e,{position:"fixed",bottom:_+r,left:y.left+h.left,width:w}),this.setPlaceholderStyle({width:w,height:d.offsetHeight})}else{var x=this.state.affixStyle;"resize"===e.type&&x&&"fixed"===x.position&&d.offsetWidth?this.setAffixStyle(e,(0,f["default"])({},x,{width:d.offsetWidth})):this.setAffixStyle(e,null),this.setPlaceholderStyle(null)}},t.prototype.componentDidMount=function(){var e=this,t=this.props.target||s;this.timeout=setTimeout(function(){e.setTargetEventListeners(t)})},t.prototype.componentWillReceiveProps=function(e){this.props.target!==e.target&&(this.clearScrollEventListeners(),this.setTargetEventListeners(e.target),this.updatePosition({}))},t.prototype.componentWillUnmount=function(){this.clearScrollEventListeners(),clearTimeout(this.timeout),this.updatePosition.cancel()},t.prototype.setTargetEventListeners=function(e){var t=e();t&&(this.clearScrollEventListeners(),this.scrollEvent=(0,P["default"])(t,"scroll",this.updatePosition),this.resizeEvent=(0,P["default"])(t,"resize",this.updatePosition))},t.prototype.clearScrollEventListeners=function(){var e=this;["scrollEvent","resizeEvent"].forEach(function(t){e[t]&&e[t].remove()})},t.prototype.render=function(){var e=(0,k["default"])((0,l["default"])({},this.props.prefixCls||"ant-affix",this.state.affixStyle)),t=(0,D["default"])(this.props,["prefixCls","offsetTop","offsetBottom","target","onChange"]),n=(0,f["default"])({},this.state.placeholderStyle,this.props.style);return w["default"].createElement("div",(0,f["default"])({},t,{style:n}),w["default"].createElement("div",{className:e,ref:"fixedNode",style:this.state.affixStyle},this.props.children))},t}(w["default"].Component);t["default"]=F,F.propTypes={offsetTop:S["default"].number,offsetBottom:S["default"].number,target:S["default"].func},L([(0,I.throttleByAnimationFrameDecorator)()],F.prototype,"updatePosition",null),e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){return"undefined"!=typeof window?window:null}function i(e){if(!e)return 0;if(!e.getClientRects().length)return 0;var t=e.getBoundingClientRect();if(t.width||t.height){var n=e.ownerDocument,r=n.documentElement;return t.top-r.clientTop}return t.top}function a(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:o,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:function(){},a=(0,c["default"])(n(),!0),s=document.getElementById(e.substring(1));if(s){var u=i(s),l=a+u-t,f=Date.now(),p=function v(){var e=Date.now(),t=e-f;window.scrollTo(window.pageXOffset,h(t,a,l,450)),t<450?d(v):r()};d(p),history.pushState(null,"",e)}}Object.defineProperty(t,"__esModule",{value:!0}),t.scrollTo=t.easeInOutCubic=t.reqAnimFrame=void 0;var s=n(4),u=r(s);t.getDefaultTarget=o,t.getOffsetTop=i;var l=n(300),c=r(l),f=n(199),p=r(f),d=t.reqAnimFrame=(0,p["default"])(),h=t.easeInOutCubic=function(e,t,n,r){var o=n-t;return e/=r/2,e<1?o/2*e*e*e+t:o/2*((e-=2)*e*e+2)+t};t.scrollTo=a;var v=function(){function e(){(0,u["default"])(this,e),this.links=[],this.currentAnchor=null,this._activeAnchor=""}return e.prototype.addLink=function(e){this.links.indexOf(e)===-1&&this.links.push(e)},e.prototype.getCurrentActiveAnchor=function(){return this.currentAnchor},e.prototype.setActiveAnchor=function(e){this.currentAnchor=e},e.prototype.getCurrentAnchor=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5,n="";if("undefined"==typeof document)return n;var r=this.links.map(function(n){var r=document.getElementById(n.substring(1));if(r&&i(r)<e+t){var o=i(r);if(o<=e+t)return{section:n,top:o,bottom:o+r.clientHeight}}return null}).filter(function(e){return null!==e});if(r.length){var o=r.reduce(function(e,t){return t.top>e.top?t:e});return o.section}return""},e.prototype.scrollTo=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:o,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:function(){};a(e,t,n,r)},e}();t["default"]=v},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},v=function(e){function t(){return(0,s["default"])(this,t),(0,l["default"])(this,e.apply(this,arguments))}return(0,f["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.prefixCls,n=e.separator,r=e.children,o=h(e,["prefixCls","separator","children"]),a=void 0;return a="href"in this.props?d["default"].createElement("a",(0,i["default"])({className:t+"-link"},o),r):d["default"].createElement("span",(0,i["default"])({className:t+"-link"},o),r),r?d["default"].createElement("span",null,a,d["default"].createElement("span",{className:t+"-separator"},n)):null},t}(d["default"].Component);t["default"]=v,v.__ANT_BREADCRUMB_ITEM=!0,v.defaultProps={prefixCls:"ant-breadcrumb",separator:"/"},v.propTypes={prefixCls:p.PropTypes.string,separator:p.PropTypes.oneOfType([p.PropTypes.string,p.PropTypes.element]),href:p.PropTypes.string},e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.PREFIX_CLS="ant-fullcalendar"},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(491),i=r(o);t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(11),d=r(p),h=n(194),v=r(h),m=n(620),y=r(m),g=n(1),b=r(g);if("undefined"!=typeof window){var _=function(e){return{media:e,matches:!1,addListener:function(){},removeListener:function(){}}};window.matchMedia=window.matchMedia||_}var w=function(e){function t(){(0,s["default"])(this,t);var n=(0,l["default"])(this,e.call(this));return n.onWindowResized=function(){var e=n.refs.slick,t=n.props.autoplay;t&&e&&e.innerSlider&&e.innerSlider.autoPlay&&e.innerSlider.autoPlay()},n.onWindowResized=(0,v["default"])(n.onWindowResized,500,{leading:!1}),n}return(0,f["default"])(t,e),t.prototype.componentDidMount=function(){var e=this.props.autoplay;e&&window.addEventListener("resize",this.onWindowResized)},t.prototype.componentWillUnmount=function(){var e=this.props.autoplay;e&&(window.removeEventListener("resize",this.onWindowResized),this.onWindowResized.cancel())},t.prototype.render=function(){var e=(0,d["default"])({},this.props);"fade"===e.effect&&(e.fade=!0);var t=e.prefixCls;return e.vertical&&(t=t+" "+t+"-vertical"),b["default"].createElement("div",{className:t},b["default"].createElement(y["default"],(0,i["default"])({ref:"slick"},e)))},t}(b["default"].Component);t["default"]=w,w.defaultProps={dots:!0,arrows:!1,prefixCls:"ant-carousel",draggable:!1},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(10),i=r(o),a=n(9),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(8),y=r(m),g=n(392),b=r(g),_=n(56),w=r(_),x=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},C=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.shouldComponentUpdate=function(e,t,n){return!(0,w["default"])(this.props,e)||!(0,w["default"])(this.state,t)||!(0,w["default"])(this.context.checkboxGroup,n.checkboxGroup)},t.prototype.render=function(){var e=this.props,t=this.context,n=e.prefixCls,r=e.className,o=e.children,a=e.indeterminate,u=e.style,l=e.onMouseEnter,c=e.onMouseLeave,f=x(e,["prefixCls","className","children","indeterminate","style","onMouseEnter","onMouseLeave"]),p=t.checkboxGroup,d=(0,s["default"])({},f);p&&(d.onChange=function(){return p.toggleOption({label:o,value:e.value})},d.checked=p.value.indexOf(e.value)!==-1,d.disabled="disabled"in e?e.disabled:p.disabled);var h=(0,y["default"])(r,(0,i["default"])({},n+"-wrapper",!0)),m=(0,y["default"])((0,i["default"])({},n+"-indeterminate",a));return v["default"].createElement("label",{className:h,style:u,onMouseEnter:l,onMouseLeave:c},v["default"].createElement(b["default"],(0,s["default"])({},d,{prefixCls:n,className:m})),void 0!==o?v["default"].createElement("span",null,o):null)},t}(v["default"].Component);t["default"]=C,C.defaultProps={prefixCls:"ant-checkbox",indeterminate:!1},C.contextTypes={checkboxGroup:h.PropTypes.any},e.exports=t["default"]},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(495);t["default"]=r.Col,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(534),i=r(o),a=n(511),s=r(a),u=n(11),l=r(u),c={lang:(0,l["default"])({placeholder:"Select date",rangePlaceholder:["Start date","End date"]},i["default"]),timePickerLocale:(0,l["default"])({},s["default"])};t["default"]=c,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(535),i=r(o),a=n(512),s=r(a),u=n(11),l=r(u),c=n(25),f=r(c);n(429),f["default"].locale("zh-cn");var p={lang:(0,l["default"])({placeholder:"\u8bf7\u9009\u62e9\u65e5\u671f",rangePlaceholder:["\u5f00\u59cb\u65e5\u671f","\u7ed3\u675f\u65e5\u671f"]},i["default"]),timePickerLocale:(0,l["default"])({},s["default"])};p.lang.ok="\u786e \u5b9a",t["default"]=p,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(1330),v=r(h),m=n(8),y=r(m),g=function(e){function t(){return(0,s["default"])(this,t),(0,l["default"])(this,e.apply(this,arguments))}return(0,f["default"])(t,e),t.prototype.getTransitionName=function(){var e=this.props.placement,t=void 0===e?"":e;return t.indexOf("top")>=0?"slide-down":"slide-up"},t.prototype.render=function(){var e=this.props,t=e.children,n=e.prefixCls,r=(0,p.cloneElement)(t,{className:(0,y["default"])(t.props.className,n+"-trigger")});return d["default"].createElement(v["default"],(0,i["default"])({transitionName:this.getTransitionName()},this.props),r)},t}(d["default"].Component);t["default"]=g,g.defaultProps={prefixCls:"ant-dropdown",mouseEnterDelay:.15,mouseLeaveDelay:.1,placement:"bottomLeft"},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1256),n(153)},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.FIELD_META_PROP="data-__meta"},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Col=t.Row=void 0;var o=n(1831),i=r(o),a=n(1830),s=r(a);t.Row=i["default"],t.Col=s["default"]},function(e,t,n){"use strict";n(14),n(226)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return"undefined"==typeof e||null===e?"":e}function i(e){return window.requestAnimationFrame?window.requestAnimationFrame(e):window.setTimeout(e,1)}function a(e){window.cancelAnimationFrame?window.cancelAnimationFrame(e):window.clearTimeout(e)}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var s=n(9),u=r(s),l=n(10),c=r(l),f=n(4),p=r(f),d=n(7),h=r(d),v=n(6),m=r(v),y=n(1),g=r(y),b=n(8),_=r(b),w=n(1838),x=r(w),C=n(11),E=r(C),S=n(48),O=r(S),P=function(e){function t(){(0,p["default"])(this,t);var n=(0,h["default"])(this,e.apply(this,arguments));return n.state={textareaStyles:null,isFocus:!1},n.handleKeyDown=function(e){var t=n.props,r=t.onPressEnter,o=t.onKeyDown;13===e.keyCode&&r&&r(e),o&&o(e)},n.handleTextareaChange=function(e){"value"in n.props||n.resizeTextarea();var t=n.props.onChange;t&&t(e)},n.resizeTextarea=function(){var e=n.props,t=e.type,r=e.autosize;if("textarea"===t&&r&&n.refs.input){var o=r?r.minRows:null,i=r?r.maxRows:null,a=(0,x["default"])(n.refs.input,!1,o,i);n.setState({textareaStyles:a})}},n}return(0,m["default"])(t,e),t.prototype.componentDidMount=function(){this.resizeTextarea()},t.prototype.componentWillReceiveProps=function(e){this.props.value!==e.value&&(this.nextFrameActionId&&a(this.nextFrameActionId),this.nextFrameActionId=i(this.resizeTextarea))},t.prototype.focus=function(){this.refs.input.focus()},t.prototype.renderLabeledInput=function(e){var t,n=this.props;if("textarea"===n.type||!n.addonBefore&&!n.addonAfter)return e;var r=n.prefixCls+"-group",o=r+"-addon",i=n.addonBefore?g["default"].createElement("span",{className:o},n.addonBefore):null,a=n.addonAfter?g["default"].createElement("span",{className:o},n.addonAfter):null,s=(0,_["default"])((t={},(0,c["default"])(t,n.prefixCls+"-wrapper",!0),(0,c["default"])(t,r,i||a),t));return g["default"].createElement("span",{className:s},i,e,a)},t.prototype.renderLabeledIcon=function(e){var t=this.props;if("textarea"===t.type||!("prefix"in t||"suffix"in t))return e;var n=t.prefix?g["default"].createElement("span",{className:t.prefixCls+"-prefix"},t.prefix):null,r=t.suffix?g["default"].createElement("span",{className:t.prefixCls+"-suffix"},t.suffix):null;return g["default"].createElement("span",{className:t.prefixCls+"-affix-wrapper",style:t.style},n,(0,y.cloneElement)(e,{style:null}),r)},t.prototype.renderInput=function(){var e,t=(0,E["default"])({},this.props),n=(0,O["default"])(this.props,["prefixCls","onPressEnter","autosize","addonBefore","addonAfter","prefix","suffix"]),r=t.prefixCls;if(!t.type)return t.children;var i=(0,_["default"])(r,(e={},(0,c["default"])(e,r+"-sm","small"===t.size),(0,c["default"])(e,r+"-lg","large"===t.size),e),t.className);switch("value"in t&&(n.value=o(t.value),delete n.defaultValue),t.type){case"textarea":return g["default"].createElement("textarea",(0,u["default"])({},n,{style:(0,E["default"])({},t.style,this.state.textareaStyles),className:i,onKeyDown:this.handleKeyDown,onChange:this.handleTextareaChange,ref:"input"}));default:return this.renderLabeledIcon(g["default"].createElement("input",(0,u["default"])({},n,{className:i,onKeyDown:this.handleKeyDown,ref:"input"})))}},t.prototype.render=function(){return this.renderLabeledInput(this.renderInput())},t}(y.Component);t["default"]=P,P.defaultProps={disabled:!1,prefixCls:"ant-input",type:"text",autosize:!1},P.propTypes={type:y.PropTypes.string,id:y.PropTypes.oneOfType([y.PropTypes.string,y.PropTypes.number]),size:y.PropTypes.oneOf(["small","default","large"]),disabled:y.PropTypes.bool,value:y.PropTypes.any,defaultValue:y.PropTypes.any,className:y.PropTypes.string,addonBefore:y.PropTypes.node,addonAfter:y.PropTypes.node,prefixCls:y.PropTypes.string,autosize:y.PropTypes.oneOfType([y.PropTypes.bool,y.PropTypes.object]),onPressEnter:y.PropTypes.func,onKeyDown:y.PropTypes.func,onFocus:y.PropTypes.func,onBlur:y.PropTypes.func,prefix:y.PropTypes.node,suffix:y.PropTypes.node},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(196),v=r(h),m=n(301),y=r(m),g=n(54),b=r(g),_=function(e){function t(n){(0,s["default"])(this,t);var r=(0,l["default"])(this,e.call(this,n));r.handleClick=function(e){r.setOpenKeys([]);var t=r.props.onClick;t&&t(e)},r.handleOpenChange=function(e){r.setOpenKeys(e);var t=r.props.onOpenChange;t&&t(e)},(0,b["default"])(!("onOpen"in n||"onClose"in n),"`onOpen` and `onClose` are removed, please use `onOpenChange` instead, see: http://u.ant.design/menu-on-open-change.");var o=void 0;return"defaultOpenKeys"in n?o=n.defaultOpenKeys:"openKeys"in n&&(o=n.openKeys),r.state={openKeys:o||[]},r}return(0,f["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){"inline"===this.props.mode&&"inline"!==e.mode&&(this.switchModeFromInline=!0),"openKeys"in e&&this.setState({openKeys:e.openKeys})},t.prototype.setOpenKeys=function(e){"openKeys"in this.props||this.setState({openKeys:e})},t.prototype.render=function(){var e=this.props.openAnimation||this.props.openTransitionName;if(void 0===this.props.openAnimation&&void 0===this.props.openTransitionName)switch(this.props.mode){case"horizontal":e="slide-up";break;case"vertical":this.switchModeFromInline?(e="",this.switchModeFromInline=!1):e="zoom-big";break;case"inline":e=y["default"]}var t={},n=this.props.className+" "+this.props.prefixCls+"-"+this.props.theme;return t="inline"!==this.props.mode?{openKeys:this.state.openKeys,onClick:this.handleClick,onOpenChange:this.handleOpenChange,openTransitionName:e,className:n}:{openAnimation:e,className:n},d["default"].createElement(v["default"],(0,i["default"])({},this.props,t))},t}(d["default"].Component);t["default"]=_,_.Divider=h.Divider,_.Item=h.Item,_.SubMenu=h.SubMenu,_.ItemGroup=h.ItemGroup,_.defaultProps={prefixCls:"ant-menu",className:"",theme:"light"},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(1928),v=r(h),m=n(12),y=r(m),g=n(79),b=r(g),_=n(129),w=r(_),x=void 0,C=void 0,E=function(e){function t(){(0,s["default"])(this,t);var n=(0,l["default"])(this,e.apply(this,arguments));return n.handleCancel=function(e){var t=n.props.onCancel;t&&t(e)},n.handleOk=function(e){var t=n.props.onOk;t&&t(e)},n}return(0,f["default"])(t,e),t.prototype.componentDidMount=function(){C||((0,b["default"])(document.documentElement,"click",function(e){x={x:e.pageX,y:e.pageY},setTimeout(function(){return x=null},100)}),C=!0)},t.prototype.render=function(){var e=this.props,t=e.okText,n=e.cancelText,r=e.confirmLoading,o=e.footer,a=e.visible;this.context.antLocale&&this.context.antLocale.Modal&&(t=t||this.context.antLocale.Modal.okText,n=n||this.context.antLocale.Modal.cancelText);var s=[d["default"].createElement(w["default"],{key:"cancel",size:"large",onClick:this.handleCancel},n||"\u53d6\u6d88"),d["default"].createElement(w["default"],{key:"confirm",type:"primary",size:"large",loading:r,onClick:this.handleOk},t||"\u786e\u5b9a")];return d["default"].createElement(v["default"],(0,i["default"])({onClose:this.handleCancel,footer:void 0===o?s:o},this.props,{visible:a,mousePosition:x}))},t}(d["default"].Component);t["default"]=E,E.defaultProps={prefixCls:"ant-modal",width:520,transitionName:"zoom",maskTransitionName:"fade",confirmLoading:!1,visible:!1},E.propTypes={prefixCls:y["default"].string,onOk:y["default"].func,onCancel:y["default"].func,okText:y["default"].node,cancelText:y["default"].node,width:y["default"].oneOfType([y["default"].number,y["default"].string]),confirmLoading:y["default"].bool,visible:y["default"].bool,align:y["default"].object,footer:y["default"].node,title:y["default"].node,closable:y["default"].bool},E.contextTypes={antLocale:y["default"].object},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.ModalFuncProps=void 0;var o=n(499),i=r(o),a=n(1851),s=r(a),u=n(11),l=r(u);t.ModalFuncProps=o.ModalFuncProps,i["default"].info=function(e){var t=(0,l["default"])({},{type:"info",iconType:"info-circle",okCancel:!1},e);return(0,s["default"])(t)},i["default"].success=function(e){var t=(0,l["default"])({},{type:"success",iconType:"check-circle",okCancel:!1},e);return(0,s["default"])(t)},i["default"].error=function(e){var t=(0,l["default"])({},{type:"error",iconType:"cross-circle",okCancel:!1},e);return(0,s["default"])(t)},i["default"].warning=i["default"].warn=function(e){var t=(0,l["default"])({},{type:"warning",iconType:"exclamation-circle",okCancel:!1},e);return(0,s["default"])(t)},i["default"].confirm=function(e){var t=(0,l["default"])({},{type:"confirm",okCancel:!0},e);return(0,s["default"])(t)},t["default"]=i["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){l=e?(0,s["default"])({},l,e):(0,s["default"])({},u)}function i(){return l}Object.defineProperty(t,"__esModule",{value:!0}),t.changeConfirmLocale=o,t.getConfirmLocale=i;var a=n(11),s=r(a),u={okText:"\u786e\u5b9a",cancelText:"\u53d6\u6d88",justOkText:"\u77e5\u9053\u4e86"},l=(0,s["default"])({},u)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.PaginationProps=void 0;var o=n(1856);Object.defineProperty(t,"PaginationProps",{enumerable:!0,get:function(){return o.PaginationProps}});var i=r(o);t["default"]=i["default"]},function(e,t,n){"use strict";n(14),n(1267),n(157),n(107)},function(e,t,n){"use strict";n(14),n(1268)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1860),i=r(o);t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1269)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(495);t["default"]=r.Row,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(2),y=n(8),g=r(y),b=n(31),_=r(b),w=n(1784),x=r(w),C=n(48),E=r(C),S=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},O=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n)),o=n.spinning;return r.state={spinning:o},r}return(0,d["default"])(t,e),t.prototype.isNestedPattern=function(){return!(!this.props||!this.props.children)},t.prototype.componentDidMount=function(){(0,x["default"])()||((0,m.findDOMNode)(this).className+=" "+this.props.prefixCls+"-show-text")},t.prototype.componentWillUnmount=function(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.delayTimeout&&clearTimeout(this.delayTimeout)},t.prototype.componentWillReceiveProps=function(e){var t=this,n=this.props.spinning,r=e.spinning,o=this.props.delay;this.debounceTimeout&&clearTimeout(this.debounceTimeout),n&&!r?(this.debounceTimeout=setTimeout(function(){return t.setState({spinning:r})},300),this.delayTimeout&&clearTimeout(this.delayTimeout)):r&&o&&!isNaN(Number(o))?this.delayTimeout=setTimeout(function(){return t.setState({spinning:r})},o):this.setState({spinning:r})},t.prototype.render=function(){var e,t=this.props,n=t.className,r=t.size,o=t.prefixCls,a=t.tip,u=t.wrapperClassName,l=S(t,["className","size","prefixCls","tip","wrapperClassName"]),c=this.state.spinning,f=(0,g["default"])(o,(e={},(0,s["default"])(e,o+"-sm","small"===r),(0,s["default"])(e,o+"-lg","large"===r),(0,s["default"])(e,o+"-spinning",c),(0,s["default"])(e,o+"-show-text",!!a),e),n),p=(0,E["default"])(l,["spinning","delay"]),d=v["default"].createElement("div",(0,i["default"])({},p,{className:f}),v["default"].createElement("span",{className:o+"-dot"},v["default"].createElement("i",null),v["default"].createElement("i",null),v["default"].createElement("i",null),v["default"].createElement("i",null)),a?v["default"].createElement("div",{className:o+"-text"},a):null);if(this.isNestedPattern()){var h,m=o+"-nested-loading";u&&(m+=" "+u);var y=(0,g["default"])((h={},(0,s["default"])(h,o+"-container",!0),(0,s["default"])(h,o+"-blur",c),h));return v["default"].createElement(_["default"],(0,i["default"])({},p,{component:"div",className:m,style:null,transitionName:"fade"}),c&&v["default"].createElement("div",{key:"loading"},d),v["default"].createElement("div",{className:y,key:"container"},this.props.children))}return d},t}(v["default"].Component);t["default"]=O,O.defaultProps={prefixCls:"ant-spin",spinning:!0,size:"default",wrapperClassName:""},O.propTypes={prefixCls:h.PropTypes.string,className:h.PropTypes.string,spinning:h.PropTypes.bool,size:h.PropTypes.oneOf(["small","default","large"]),wrapperClassName:h.PropTypes.string},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1274)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(299),f=r(c),p=function(e){function t(){return(0,i["default"])(this,t),(0,s["default"])(this,e.apply(this,arguments))}return(0,l["default"])(t,e),t}(f["default"].ColumnGroup);t["default"]=p,e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={placeholder:"Select time"};t["default"]=n,e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={placeholder:"\u8bf7\u9009\u62e9\u65f6\u95f4"};t["default"]=n,e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1280),n(107)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(8),y=r(m),g=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},b=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.render=function(){var e,t,n=this.props,r=n.prefixCls,o=n.className,a=n.color,u=void 0===a?"":a,l=n.last,c=n.children,f=n.pending,p=n.dot,d=g(n,["prefixCls","className","color","last","children","pending","dot"]),h=(0,y["default"])((e={},(0,s["default"])(e,r+"-item",!0),(0,s["default"])(e,r+"-item-last",l),(0,s["default"])(e,r+"-item-pending",f),e),o),m=(0,y["default"])((t={},(0,s["default"])(t,r+"-item-head",!0),(0,s["default"])(t,r+"-item-head-custom",p),(0,s["default"])(t,r+"-item-head-"+u,!0),t));return v["default"].createElement("li",(0,i["default"])({},d,{className:h}),v["default"].createElement("div",{className:r+"-item-tail"}),v["default"].createElement("div",{className:m,style:{borderColor:/blue|red|green/.test(u)?null:u}},p),v["default"].createElement("div",{className:r+"-item-content"},c))},t}(v["default"].Component);t["default"]=b,b.defaultProps={prefixCls:"ant-timeline",color:"blue",last:!1,pending:!1},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(23),d=r(p),h=n(200),v=r(h),m=function(e){function t(){(0,i["default"])(this,t);var n=(0,s["default"])(this,e.apply(this,arguments));return n.handleChange=function(e){var t=n.props.onChange;t&&t(e)},n.handleClear=function(e){e.preventDefault();var t=n.props.handleClear;t&&t(e)},n}return(0,l["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.placeholder,n=e.value,r=e.prefixCls,o=n&&n.length>0?f["default"].createElement("a",{href:"#",className:r+"-action",onClick:this.handleClear},f["default"].createElement(d["default"],{type:"cross-circle"})):f["default"].createElement("span",{className:r+"-action"},f["default"].createElement(d["default"],{type:"search"}));return f["default"].createElement("div",null,f["default"].createElement(v["default"],{placeholder:t,className:r,value:n,ref:"input",onChange:this.handleChange}),o)},t}(f["default"].Component);t["default"]=m,m.defaultProps={placeholder:""},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=t.UploadProps=void 0;var o=n(10),i=r(o),a=n(9),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(1489),y=r(m),g=n(12),b=r(g),_=n(8),w=r(_),x=n(11),C=r(x),E=n(1903),S=r(E),O=n(1905),P=n(1907),T={
+uploading:"\u6587\u4ef6\u4e0a\u4f20\u4e2d",removeFile:"\u5220\u9664\u6587\u4ef6",uploadError:"\u4e0a\u4f20\u9519\u8bef",previewFile:"\u9884\u89c8\u6587\u4ef6"};t.UploadProps=O.UploadProps;var k=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n));return r.onStart=function(e){var t=void 0,n=r.state.fileList.concat();e.length>0?(t=e.map(function(e){var t=(0,P.fileToObject)(e);return t.status="uploading",t}),n=n.concat(t)):(t=(0,P.fileToObject)(e),t.status="uploading",n.push(t)),r.onChange({file:t,fileList:n}),window.FormData||r.autoUpdateProgress(0,t)},r.onSuccess=function(e,t){r.clearProgressTimer();try{"string"==typeof e&&(e=JSON.parse(e))}catch(n){}var o=r.state.fileList,i=(0,P.getFileItem)(t,o);i&&(i.status="done",i.response=e,r.onChange({file:(0,s["default"])({},i),fileList:o}))},r.onProgress=function(e,t){var n=r.state.fileList,o=(0,P.getFileItem)(t,n);o&&(o.percent=e.percent,r.onChange({event:e,file:(0,s["default"])({},o),fileList:r.state.fileList}))},r.onError=function(e,t,n){r.clearProgressTimer();var o=r.state.fileList,i=(0,P.getFileItem)(n,o);i&&(i.error=e,i.response=t,i.status="error",r.onChange({file:(0,s["default"])({},i),fileList:o}))},r.handleManualRemove=function(e){r.refs.upload.abort(e),e.status="removed",r.handleRemove(e)},r.onChange=function(e){"fileList"in r.props||r.setState({fileList:e.fileList});var t=r.props.onChange;t&&t(e)},r.onFileDrop=function(e){r.setState({dragState:e.type})},r.state={fileList:r.props.fileList||r.props.defaultFileList||[],dragState:"drop"},r}return(0,d["default"])(t,e),t.prototype.componentWillUnmount=function(){this.clearProgressTimer()},t.prototype.getLocale=function(){var e={};return this.context.antLocale&&this.context.antLocale.Upload&&(e=this.context.antLocale.Upload),(0,C["default"])({},T,e,this.props.locale)},t.prototype.autoUpdateProgress=function(e,t){var n=this,r=(0,P.genPercentAdd)(),o=0;this.clearProgressTimer(),this.progressTimer=setInterval(function(){o=r(o),n.onProgress({percent:o},t)},200)},t.prototype.handleRemove=function(e){var t=this.props.onRemove,n=t&&t(e);if(n!==!1){var r=(0,P.removeFileItem)(e,this.state.fileList);r&&this.onChange({file:e,fileList:r})}},t.prototype.componentWillReceiveProps=function(e){"fileList"in e&&this.setState({fileList:e.fileList||[]})},t.prototype.clearProgressTimer=function(){clearInterval(this.progressTimer)},t.prototype.render=function(){var e,t=this.props,n=t.prefixCls,r=void 0===n?"":n,o=t.showUploadList,a=t.listType,u=t.onPreview,l=t.type,c=t.disabled,f=t.children,p=t.className,d=(0,C["default"])({},{onStart:this.onStart,onError:this.onError,onProgress:this.onProgress,onSuccess:this.onSuccess},this.props);delete d.className;var h=o.showRemoveIcon,m=o.showPreviewIcon,g=o?v["default"].createElement(S["default"],{listType:a,items:this.state.fileList,onPreview:u,onRemove:this.handleManualRemove,showRemoveIcon:h,showPreviewIcon:m,locale:this.getLocale()}):null;if("drag"===l){var b,_=(0,w["default"])(r,(b={},(0,i["default"])(b,r+"-drag",!0),(0,i["default"])(b,r+"-drag-uploading",this.state.fileList.some(function(e){return"uploading"===e.status})),(0,i["default"])(b,r+"-drag-hover","dragover"===this.state.dragState),(0,i["default"])(b,r+"-disabled",c),b));return v["default"].createElement("span",{className:p},v["default"].createElement("div",{className:_,onDrop:this.onFileDrop,onDragOver:this.onFileDrop,onDragLeave:this.onFileDrop},v["default"].createElement(y["default"],(0,s["default"])({},d,{ref:"upload",className:r+"-btn"}),v["default"].createElement("div",{className:r+"-drag-container"},f))),g)}var x=(0,w["default"])(r,(e={},(0,i["default"])(e,r+"-select",!0),(0,i["default"])(e,r+"-select-"+a,!0),(0,i["default"])(e,r+"-disabled",c),e)),E=v["default"].createElement("div",{className:x,style:{display:f?"":"none"}},v["default"].createElement(y["default"],(0,s["default"])({},d,{ref:"upload"})));return"picture-card"===a?v["default"].createElement("span",{className:p},g,E):v["default"].createElement("span",{className:p},E,g)},t}(v["default"].Component);t["default"]=k,k.defaultProps={prefixCls:"ant-upload",type:"select",multiple:!1,action:"",data:{},accept:"",beforeUpload:P.T,showUploadList:!0,listType:"text",className:"",disabled:!1,supportServerRender:!0},k.contextTypes={antLocale:b["default"].object}},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}function i(e){return e.indexOf("changelog")>=0}Object.defineProperty(t,"__esModule",{value:!0});var a=n(1926),s=o(a),u=n(322),l=o(u),c=n(62),f=o(c),p=n(1925),d=o(p),h=n(651),v=o(h),m=n(312),y=o(m),g=n(46),b=r(g);t["default"]=(0,v["default"])(function(){var e=(0,d["default"])(s["default"].mark(function t(e){var n,r,o,a,u,c,p,d,h,v;return s["default"].wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(n=e.location.pathname,r=n.replace("-cn","").split("/"),o=i(n)?e.data.changelog.CHANGELOG:e.utils.get(e.data,r)){t.next=5;break}throw 404;case 5:if(a=b.isZhCN(n)?"zh-CN":"en-US",u="function"==typeof o?o():(o[a]||o.index[a]||o.index)(),c=e.utils.get(e.data,[].concat((0,f["default"])(r),["demo"])),!c){t.next=16;break}return t.next=11,Promise.all([u,c()]);case 11:return p=t.sent,d=(0,l["default"])(p,2),h=d[0],v=d[1],t.abrupt("return",{localizedPageData:h,demos:v});case 16:return t.next=18,u;case 18:return t.t0=t.sent,t.abrupt("return",{localizedPageData:t.t0});case 20:case"end":return t.stop()}},t,void 0)}));return function(t){return e.apply(this,arguments)}}())(y["default"]),e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){return"\n    html, body{\n      height: auto;\n    }\n    .page-wrapper {\n      background: #fff;\n    }\n    .main-wrapper {\n      background: transparent;\n      width: auto;\n      margin: 0;\n      border-radius: 0;\n      padding: 0;\n      min-height: 600px;\n    }\n    #header {\n      position: fixed;\n      z-index: 999;\n      background: rgba(0, 0, 0, 0.25);\n      border-bottom: 1px solid transparent;\n      transition: border .5s cubic-bezier(0.455, 0.03, 0.515, 0.955), background .5s cubic-bezier(0.455, 0.03, 0.515, 0.955);\n    }\n    #header .ant-select-selection,\n    #header .ant-menu {\n      background: transparent;\n    }\n    #header .ant-select-search__field {\n      color: #eee;\n    }\n    #header .ant-select-selection__placeholder {\n      color: rgba(255,255,255,0.57);\n    }\n    #header.home-nav-white .ant-select-search__field {\n      color: rgba(0, 0, 0, 0.65);\n    }\n    #header.home-nav-white .ant-select-selection__placeholder {\n      color: rgb(204, 204, 204);\n    }\n    #header.home-nav-white {\n      background: rgba(255, 255, 255, 0.91);\n      border-bottom-color: #ebedee;\n    }\n    .home-nav-white #search-box {\n      border-left-color: #ebedee;\n    }\n    .home-nav-white #nav a {\n      color: rgba(0, 0, 0, 0.65);\n    }\n    .home-nav-white .lang:not(:hover) {\n      color: rgba(0, 0, 0, 0.65);\n      border-color: rgba(0, 0, 0, 0.65);\n    }\n    .home-nav-white .version > .ant-select-selection {\n      color: rgba(0, 0, 0, 0.65);\n    }\n    .home-nav-white .version > .ant-select-selection:not(:hover) {\n      border-color: rgba(0, 0, 0, 0.65);\n    }\n    .nav-phone-icon:before {\n      background: #eee;\n      box-shadow: 0 7px 0 0 #eee, 0 14px 0 0 #eee;\n    }\n    .home-nav-white .nav-phone-icon:before {\n      background: #777;\n      box-shadow: 0 7px 0 0 #777, 0 14px 0 0 #777;\n    }\n    .lang,\n    .version > .ant-select-selection,\n    #nav a {\n      color: #eee;\n      transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);\n    }\n    #search-box {\n      border-left-color: rgba(235, 237, 238, .5);\n      transition: border 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);\n    }\n    #footer {\n      background: #000;\n    }\n    #footer,\n    #footer h2 {\n      color: #999;\n    }\n    #footer a {\n      color: #eee;\n    }\n  "}function i(e){return s["default"].createElement(c["default"],{title:"Ant Design - "+e.intl.formatMessage({id:"app.home.slogan"})},s["default"].createElement("div",{className:"main-wrapper"},s["default"].createElement(p["default"],e),s["default"].createElement(h["default"],e),s["default"].createElement(m["default"],e),s["default"].createElement(g["default"],e),s["default"].createElement(_["default"],e),s["default"].createElement("style",{dangerouslySetInnerHTML:{__html:o()}})))}Object.defineProperty(t,"__esModule",{value:!0});var a=n(1),s=r(a),u=n(50),l=n(251),c=r(l),f=n(313),p=r(f),d=n(314),h=r(d),v=n(315),m=r(v),y=n(316),g=r(y),b=n(317),_=r(b);t["default"]=(0,u.injectIntl)(i),e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var i,a,s=n(9),u=o(s),l=n(70),c=o(l),f=n(4),p=o(f),d=n(7),h=o(d),v=n(6),m=o(v),y=n(1),g=o(y),b=n(2),_=o(b),w=n(12),x=o(w),C=n(50),E=n(3),S=n(303),O=o(S),P=n(320),T=o(P),k=n(319),M=o(k),N=n(1910),A=o(N),D=n(1913),j=o(D),R=n(46),I=r(R);"undefined"!=typeof window&&(n(1912),window.react=g["default"],window["react-dom"]=_["default"],window.antd=n(3));var L=(a=i=function(e){function t(n){(0,p["default"])(this,t);var r=(0,h["default"])(this,e.call(this,n));r.onEnterChange=function(e){r.setState({isFirstScreen:"enter"===e})};var o=n.location.pathname,i=I.isZhCN(o)?j["default"]:A["default"];return(0,C.addLocaleData)(i.data),r.state={isFirstScreen:!0,appLocale:i},r}return(0,m["default"])(t,e),t.prototype.componentDidMount=function(){"undefined"!=typeof window.ga&&this.context.router.listen(function(e){window.ga("send","pageview",e.pathname+e.search)});var e=document.getElementById("nprogress-style");e&&(this.timer=setTimeout(function(){e.parentNode.removeChild(e)},0))},t.prototype.componentWillUnmount=function(){clearTimeout(this.timer)},t.prototype.render=function(){var e=this.props,t=e.children,n=(0,c["default"])(e,["children"]),r=this.state,o=r.appLocale,i=r.isFirstScreen;return g["default"].createElement(C.IntlProvider,{locale:o.locale,messages:o.messages},g["default"].createElement(E.LocaleProvider,{locale:O["default"]},g["default"].createElement("div",{className:"page-wrapper"},g["default"].createElement(T["default"],(0,u["default"])({},n,{isFirstScreen:i})),(0,y.cloneElement)(t,{onEnterChange:this.onEnterChange}),g["default"].createElement(M["default"],n))))},t}(g["default"].Component),i.contextTypes={router:x["default"].object.isRequired},a);t["default"]=L,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.OptGroup=t.Option=void 0;var o=n(1935),i=r(o),a=n(1933),s=r(a),u=n(1932),l=r(u);i["default"].Option=s["default"],i["default"].OptGroup=l["default"],t.Option=s["default"],t.OptGroup=l["default"],t["default"]=i["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(70),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(12),y=r(m),g=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.className,n=e.vertical,r=e.offset,o=e.handleStyle,a=(0,s["default"])(e,["className","vertical","offset","handleStyle"]),u=n?{bottom:r+"%"}:{left:r+"%"},l=(0,i["default"])({},u,o);return v["default"].createElement("div",(0,i["default"])({},a,{className:t,style:l}))},t}(v["default"].Component);t["default"]=g,g.propTypes={className:y["default"].string,vertical:y["default"].bool,offset:y["default"].number,handleStyle:y["default"].object},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(1),s=r(a),u=function(e){var t=e.className,n=e.included,r=e.vertical,o=e.offset,a=e.length,u=e.minimumTrackStyle,l={visibility:n?"visible":"hidden"};r?(l.bottom=o+"%",l.height=a+"%"):(l.left=o+"%",l.width=a+"%");var c=(0,i["default"])({},l,u);return s["default"].createElement("div",{className:t,style:c})};t["default"]=u,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}function i(){}function a(e){var t,n;return n=t=function(e){function t(n){(0,h["default"])(this,t);var r=(0,m["default"])(this,e.call(this,n));r.onMouseDown=function(e){if(0===e.button){var t=r.props.vertical,n=R.getMousePosition(t,e);if(R.isEventFromHandle(e,r.handlesRefs)){var o=R.getHandleCenterPosition(t,e.target);r.dragOffset=n-o,n=o}else r.dragOffset=0;r.onStart(n),r.addDocumentMouseEvents(),R.pauseEvent(e)}},r.onTouchStart=function(e){if(!R.isNotTouchEvent(e)){var t=r.props.vertical,n=R.getTouchPosition(t,e);if(R.isEventFromHandle(e,r.handlesRefs)){var o=R.getHandleCenterPosition(t,e.target);r.dragOffset=n-o,n=o}else r.dragOffset=0;r.onStart(n),r.addDocumentTouchEvents(),R.pauseEvent(e)}},r.onMouseMove=function(e){if(!r.sliderRef)return void r.onEnd();var t=R.getMousePosition(r.props.vertical,e);r.onMove(e,t-r.dragOffset)},r.onTouchMove=function(e){if(R.isNotTouchEvent(e)||!r.sliderRef)return void r.onEnd();var t=R.getTouchPosition(r.props.vertical,e);r.onMove(e,t-r.dragOffset)},r.saveSlider=function(e){r.sliderRef=e};return r.handlesRefs={},r}return(0,g["default"])(t,e),t.prototype.componentWillUnmount=function(){e.prototype.componentWillUnmount&&e.prototype.componentWillUnmount.call(this),this.removeDocumentEvents()},t.prototype.addDocumentTouchEvents=function(){this.onTouchMoveListener=(0,E["default"])(document,"touchmove",this.onTouchMove),this.onTouchUpListener=(0,E["default"])(document,"touchend",this.onEnd)},t.prototype.addDocumentMouseEvents=function(){this.onMouseMoveListener=(0,E["default"])(document,"mousemove",this.onMouseMove),this.onMouseUpListener=(0,E["default"])(document,"mouseup",this.onEnd)},t.prototype.removeDocumentEvents=function(){this.onTouchMoveListener&&this.onTouchMoveListener.remove(),this.onTouchUpListener&&this.onTouchUpListener.remove(),this.onMouseMoveListener&&this.onMouseMoveListener.remove(),this.onMouseUpListener&&this.onMouseUpListener.remove()},t.prototype.getSliderStart=function(){var e=this.sliderRef,t=e.getBoundingClientRect();return this.props.vertical?t.top:t.left},t.prototype.getSliderLength=function(){var e=this.sliderRef;return e?this.props.vertical?e.clientHeight:e.clientWidth:0},t.prototype.calcValue=function(e){var t=this.props,n=t.vertical,r=t.min,o=t.max,i=Math.abs(Math.max(e,0)/this.getSliderLength()),a=n?(1-i)*(o-r)+r:i*(o-r)+r;return a},t.prototype.calcValueByPos=function(e){var t=e-this.getSliderStart(),n=this.trimAlignValue(this.calcValue(t));return n},t.prototype.calcOffset=function(e){var t=this.props,n=t.min,r=t.max,o=(e-n)/(r-n);return 100*o},t.prototype.saveHandle=function(e,t){this.handlesRefs[e]=t},t.prototype.render=function(){var t,n=this.props,r=n.prefixCls,o=n.className,a=n.marks,s=n.dots,u=n.step,l=n.included,c=n.disabled,f=n.vertical,d=n.min,h=n.max,v=n.children,m=n.maximumTrackStyle,y=n.style,g=e.prototype.render.call(this),b=g.tracks,w=g.handles,x=(0,O["default"])((t={},(0,p["default"])(t,r,!0),(0,p["default"])(t,r+"-with-marks",Object.keys(a).length),(0,p["default"])(t,r+"-disabled",c),(0,p["default"])(t,r+"-vertical",f),(0,p["default"])(t,o,o),t));return _["default"].createElement("div",{ref:this.saveSlider,className:x,onTouchStart:c?i:this.onTouchStart,onMouseDown:c?i:this.onMouseDown,style:y},_["default"].createElement("div",{className:r+"-rail",style:m}),b,_["default"].createElement(k["default"],{prefixCls:r,vertical:f,marks:a,dots:s,step:u,included:l,lowerBound:this.getLowerBound(),upperBound:this.getUpperBound(),max:h,min:d}),w,_["default"].createElement(N["default"],{className:r+"-mark",vertical:f,marks:a,included:l,lowerBound:this.getLowerBound(),upperBound:this.getUpperBound(),max:h,min:d}),v)},t}(e),t.displayName="ComponentEnhancer("+e.displayName+")",t.propTypes=(0,c["default"])({},e.propTypes,{min:x["default"].number,max:x["default"].number,step:x["default"].number,marks:x["default"].object,included:x["default"].bool,className:x["default"].string,prefixCls:x["default"].string,disabled:x["default"].bool,children:x["default"].any,onBeforeChange:x["default"].func,onChange:x["default"].func,onAfterChange:x["default"].func,handle:x["default"].func,dots:x["default"].bool,vertical:x["default"].bool,style:x["default"].object,minimumTrackStyle:x["default"].object,maximumTrackStyle:x["default"].object,handleStyle:x["default"].object}),t.defaultProps=(0,c["default"])({},e.defaultProps,{prefixCls:"rc-slider",className:"",min:0,max:100,step:1,marks:{},handle:function(e){var t=e.index,n=(0,u["default"])(e,["index"]);return delete n.dragging,delete n.value,_["default"].createElement(D["default"],(0,c["default"])({},n,{key:t}))},onBeforeChange:i,onChange:i,onAfterChange:i,included:!0,disabled:!1,dots:!1,vertical:!1,minimumTrackStyle:{},maximumTrackStyle:{},handleStyle:{}}),n}Object.defineProperty(t,"__esModule",{value:!0});var s=n(70),u=o(s),l=n(9),c=o(l),f=n(10),p=o(f),d=n(4),h=o(d),v=n(7),m=o(v),y=n(6),g=o(y);t["default"]=a;var b=n(1),_=o(b),w=n(12),x=o(w),C=n(79),E=o(C),S=n(8),O=o(S),P=n(45),T=(o(P),n(1940)),k=o(T),M=n(1939),N=o(M),A=n(521),D=o(A),j=n(323),R=r(j);e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(10),i=r(o),a=n(1),s=r(a),u=n(8),l=r(u),c=s["default"].createClass({displayName:"TabPane",propTypes:{className:a.PropTypes.string,active:a.PropTypes.bool,style:a.PropTypes.any,destroyInactiveTabPane:a.PropTypes.bool,forceRender:a.PropTypes.bool,placeholder:a.PropTypes.node},getDefaultProps:function(){return{placeholder:null}},render:function(){var e,t=this.props,n=t.className,r=t.destroyInactiveTabPane,o=t.active,a=t.forceRender;this._isActived=this._isActived||o;var u=t.rootPrefixCls+"-tabpane",c=(0,l["default"])((e={},(0,i["default"])(e,u,1),(0,i["default"])(e,u+"-inactive",!o),(0,i["default"])(e,u+"-active",o),(0,i["default"])(e,n,n),e)),f=r?o:this._isActived;return s["default"].createElement("div",{style:t.style,role:"tabpanel","aria-hidden":t.active?"false":"true",className:c},f||a?t.children:t.placeholder)}});t["default"]=c,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),i=r(o),a=n(536),s=r(a),u=n(326),l=r(u),c=n(205),f=r(c),p=n(297),d=r(p),h=i["default"].createClass({displayName:"MonthCalendar",propTypes:{monthCellRender:o.PropTypes.func,dateCellRender:o.PropTypes.func},mixins:[f["default"],l["default"]],onKeyDown:function(e){var t=e.keyCode,n=e.ctrlKey||e.metaKey,r=this.state.value,o=r;switch(t){case d["default"].DOWN:o=r.clone(),o.add(3,"months");break;case d["default"].UP:o=r.clone(),o.add(-3,"months");break;case d["default"].LEFT:o=r.clone(),n?o.add(-1,"years"):o.add(-1,"months");break;case d["default"].RIGHT:o=r.clone(),n?o.add(1,"years"):o.add(1,"months");break;case d["default"].ENTER:return this.onSelect(r),e.preventDefault(),1;default:return}if(o!==r)return this.setValue(o),e.preventDefault(),1},render:function(){var e=this.props,t=i["default"].createElement(s["default"],{locale:e.locale,disabledDate:e.disabledDate,style:{position:"relative"},value:this.state.value,cellRender:e.monthCellRender,contentRender:e.monthCellContentRender,rootPrefixCls:e.prefixCls,onChange:this.setValue,onSelect:this.onSelect});return this.renderRoot({children:t})}});t["default"]=h,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(e,t){this[e]=t}Object.defineProperty(t,"__esModule",{value:!0});var a=n(1),s=r(a),u=n(2),l=r(u),c=n(1755),f=r(c),p=n(297),d=r(p),h=n(1957),v=r(h),m=n(92),y=r(m),g=s["default"].createClass({displayName:"Picker",propTypes:{animation:a.PropTypes.oneOfType([a.PropTypes.func,a.PropTypes.string]),disabled:a.PropTypes.bool,transitionName:a.PropTypes.string,onChange:a.PropTypes.func,onOpenChange:a.PropTypes.func,children:a.PropTypes.func,getCalendarContainer:a.PropTypes.func,calendar:a.PropTypes.element,style:a.PropTypes.object,open:a.PropTypes.bool,defaultOpen:a.PropTypes.bool,prefixCls:a.PropTypes.string,placement:a.PropTypes.any,value:a.PropTypes.oneOfType([a.PropTypes.object,a.PropTypes.array]),defaultValue:a.PropTypes.oneOfType([a.PropTypes.object,a.PropTypes.array]),align:a.PropTypes.object},getDefaultProps:function(){return{prefixCls:"rc-calendar-picker",style:{},align:{},placement:"bottomLeft",defaultOpen:!1,onChange:o,onOpenChange:o}},getInitialState:function(){var e=this.props,t=void 0;t="open"in e?e.open:e.defaultOpen;var n=e.value||e.defaultValue;return this.saveCalendarRef=i.bind(this,"calendarInstance"),{open:t,value:n}},componentWillReceiveProps:function(e){var t=e.value,n=e.open;"value"in e&&this.setState({value:t}),void 0!==n&&this.setState({open:n})},componentDidUpdate:function(e,t){!t.open&&this.state.open&&this.focusCalendar()},onCalendarKeyDown:function(e){e.keyCode===d["default"].ESC&&(e.stopPropagation(),this.close(this.focus))},onCalendarSelect:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.props;"value"in n||this.setState({value:e}),("keyboard"===t.source||!n.calendar.props.timePicker&&"dateInput"!==t.source||"todayButton"===t.source)&&this.close(this.focus),n.onChange(e)},onKeyDown:function(e){e.keyCode!==d["default"].DOWN||this.state.open||(this.open(),e.preventDefault())},onCalendarOk:function(){this.close(this.focus)},onCalendarClear:function(){this.close(this.focus)},onVisibleChange:function(e){this.setOpen(e)},getCalendarElement:function(){var e=this.props,t=this.state,n=e.calendar.props,r=t.value,o=r,i={ref:this.saveCalendarRef,defaultValue:o||n.defaultValue,selectedValue:r,onKeyDown:this.onCalendarKeyDown,onOk:(0,f["default"])(n.onOk,this.onCalendarOk),onSelect:(0,f["default"])(n.onSelect,this.onCalendarSelect),onClear:(0,f["default"])(n.onClear,this.onCalendarClear)};return s["default"].cloneElement(e.calendar,i)},setOpen:function(e,t){var n=this.props.onOpenChange;this.state.open!==e&&("open"in this.props||this.setState({open:e},t),n(e))},open:function(e){this.setOpen(!0,e)},close:function(e){this.setOpen(!1,e)},focus:function(){this.state.open||l["default"].findDOMNode(this).focus()},focusCalendar:function(){this.state.open&&null!==this.calendarInstance&&this.calendarInstance.focus()},render:function(){var e=this.props,t=e.prefixCls,n=e.placement,r=e.style,o=e.getCalendarContainer,i=e.align,a=e.animation,u=e.disabled,l=e.transitionName,c=e.children,f=this.state;return s["default"].createElement(y["default"],{popup:this.getCalendarElement(),popupAlign:i,builtinPlacements:v["default"],popupPlacement:n,action:u&&!f.open?[]:["click"],destroyPopupOnHide:!0,getPopupContainer:o,popupStyle:r,popupAnimation:a,popupTransitionName:l,popupVisible:f.open,onPopupVisibleChange:this.onVisibleChange,prefixCls:t},s["default"].cloneElement(c(f,e),{onKeyDown:this.onKeyDown}))}});t["default"]=g,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=this.props.value.clone();t.add(e,"months"),this.props.onValueChange(t)}function i(e){var t=this.props.value.clone();t.add(e,"years"),this.props.onValueChange(t)}function a(e,t){return e?t:null}Object.defineProperty(t,"__esModule",{value:!0});var s=n(1),u=r(s),l=n(536),c=r(l),f=n(538),p=r(f),d=n(475),h=r(d),v=u["default"].createClass({displayName:"CalendarHeader",propTypes:{prefixCls:s.PropTypes.string,value:s.PropTypes.object,onValueChange:s.PropTypes.func,showTimePicker:s.PropTypes.bool,showMonthPanel:s.PropTypes.bool,showYearPanel:s.PropTypes.bool,onPanelChange:s.PropTypes.func,locale:s.PropTypes.object,enablePrev:s.PropTypes.any,enableNext:s.PropTypes.any,disabledMonth:s.PropTypes.func},getDefaultProps:function(){return{enableNext:1,enablePrev:1,onPanelChange:function(){},onValueChange:function(){}}},getInitialState:function(){this.nextMonth=o.bind(this,1),this.previousMonth=o.bind(this,-1),this.nextYear=i.bind(this,1),this.previousYear=i.bind(this,-1);var e=this.props,t=e.showMonthPanel,n=e.showYearPanel;return{showMonthPanel:t,showYearPanel:n}},componentWillReceiveProps:function(){var e=this.props;"showMonthpanel"in e&&this.setState({showMonthPanel:e.showMonthPanel}),"showYearpanel"in e&&this.setState({showYearPanel:e.showYearPanel})},onSelect:function(e){this.triggerPanelChange({showMonthPanel:0,showYearPanel:0}),this.props.onValueChange(e)},triggerPanelChange:function(e){"showMonthPanel"in this.props||this.setState({showMonthPanel:e.showMonthPanel}),"showYearPanel"in this.props||this.setState({showYearPanel:e.showYearPanel}),this.props.onPanelChange(e)},monthYearElement:function(e){var t=this.props,n=t.prefixCls,r=t.locale,o=t.value,i=o.localeData(),a=r.monthBeforeYear,s=n+"-"+(a?"my-select":"ym-select"),l=u["default"].createElement("a",{className:n+"-year-select",role:"button",onClick:e?null:this.showYearPanel,title:r.yearSelect},o.format(r.yearFormat)),c=u["default"].createElement("a",{className:n+"-month-select",role:"button",onClick:e?null:this.showMonthPanel,title:r.monthSelect},i.months(o)),f=void 0;e&&(f=u["default"].createElement("a",{className:n+"-day-select",role:"button"},o.format(r.dayFormat)));var p=[];return p=a?[c,f,l]:[l,c,f],u["default"].createElement("span",{className:s},(0,h["default"])(p))},showMonthPanel:function(){this.triggerPanelChange({showMonthPanel:1,showYearPanel:0})},showYearPanel:function(){this.triggerPanelChange({showMonthPanel:0,showYearPanel:1})},render:function(){var e=this.props,t=this.state,n=e.prefixCls,r=e.locale,o=e.value,i=e.showTimePicker,s=e.enableNext,l=e.enablePrev,f=e.disabledMonth,d=null;return t.showMonthPanel?d=u["default"].createElement(c["default"],{locale:r,defaultValue:o,rootPrefixCls:n,onSelect:this.onSelect,disabledDate:f}):t.showYearPanel&&(d=u["default"].createElement(p["default"],{locale:r,defaultValue:o,rootPrefixCls:n,onSelect:this.onSelect})),u["default"].createElement("div",{className:n+"-header"},u["default"].createElement("div",{style:{position:"relative"}},a(l&&!i,u["default"].createElement("a",{className:n+"-prev-year-btn",role:"button",onClick:this.previousYear,title:r.previousYear})),a(l&&!i,u["default"].createElement("a",{className:n+"-prev-month-btn",role:"button",onClick:this.previousMonth,title:r.previousMonth})),this.monthYearElement(i),a(s&&!i,u["default"].createElement("a",{className:n+"-next-month-btn",onClick:this.nextMonth,title:r.nextMonth})),a(s&&!i,u["default"].createElement("a",{className:n+"-next-year-btn",onClick:this.nextYear,title:r.nextYear}))),d)}});t["default"]=v,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=e.prefixCls,n=e.locale,r=e.okDisabled,o=e.onOk,i=t+"-ok-btn";return r&&(i+=" "+t+"-ok-btn-disabled"),a["default"].createElement("a",{className:i,role:"button",onClick:r?null:o},n.ok)}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var i=n(1),a=r(i);e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t,n=e.prefixCls,r=e.locale,o=e.showTimePicker,i=e.onOpenTimePicker,s=e.onCloseTimePicker,l=e.timePickerDisabled,f=(0,c["default"])((t={},(0,a["default"])(t,n+"-time-picker-btn",!0),(0,a["default"])(t,n+"-time-picker-btn-disabled",l),t)),p=null;return l||(p=o?s:i),u["default"].createElement("a",{className:f,role:"button",onClick:p},o?r.dateSelect:r.timeSelect)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(10),a=r(i);t["default"]=o;var s=n(1),u=r(s),l=n(8),c=r(l);e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=e.prefixCls,n=e.locale,r=e.value,o=e.timePicker,i=e.disabled,u=e.disabledDate,l=e.onToday,c=e.text,f=(!c&&o?n.now:c)||n.today,p=u&&!(0,s.isAllowedDate)((0,s.getTodayTime)(r),u),d=p||i,h=d?t+"-today-btn-disabled":"";return a["default"].createElement("a",{className:t+"-today-btn "+h,role:"button",onClick:d?null:l,title:(0,s.getTodayTimeStr)(r)},f)}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var i=n(1),a=r(i),s=n(87);e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={DATE_ROW_COUNT:6,DATE_COL_COUNT:7},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),i=r(o),a=n(2),s=r(a),u=n(25),l=r(u),c=i["default"].createClass({displayName:"DateInput",propTypes:{prefixCls:o.PropTypes.string,timePicker:o.PropTypes.object,value:o.PropTypes.object,disabledTime:o.PropTypes.any,format:o.PropTypes.string,locale:o.PropTypes.object,disabledDate:o.PropTypes.func,onChange:o.PropTypes.func,onClear:o.PropTypes.func,placeholder:o.PropTypes.string,onSelect:o.PropTypes.func,selectedValue:o.PropTypes.object},getInitialState:function(){var e=this.props.selectedValue;return{str:e&&e.format(this.props.format)||"",invalid:!1}},componentWillReceiveProps:function(e){var t=e.selectedValue;this.setState({str:t&&t.format(e.format)||"",invalid:!1})},onInputChange:function(e){var t=e.target.value;this.setState({str:t});var n=void 0,r=this.props,o=r.disabledDate,i=r.format,a=r.onChange;if(t){var s=(0,l["default"])(t,i,!0);if(!s.isValid())return void this.setState({invalid:!0});if(n=this.props.value.clone(),n.year(s.year()).month(s.month()).date(s.date()).hour(s.hour()).minute(s.minute()).second(s.second()),!n||o&&o(n))return void this.setState({invalid:!0});var u=this.props.selectedValue;u&&n?u.isSame(n)||a(n):u!==n&&a(n)}else a(null);this.setState({invalid:!1})},onClear:function(){this.setState({str:""}),this.props.onClear(null)},getRootDOMNode:function(){return s["default"].findDOMNode(this)},focus:function(){this.refs.dateInput.focus()},render:function(){var e=this.props,t=this.state,n=t.invalid,r=t.str,o=e.locale,a=e.prefixCls,s=e.placeholder,u=n?a+"-input-invalid":"";return i["default"].createElement("div",{className:a+"-input-wrap"},i["default"].createElement("div",{className:a+"-date-input-wrap"},i["default"].createElement("input",{ref:"dateInput",className:a+"-input "+u,value:r,disabled:e.disabled,placeholder:s,onChange:this.onInputChange})),e.showClear?i["default"].createElement("a",{className:a+"-clear-btn",role:"button",title:o.clear,onClick:this.onClear}):null)}});t["default"]=c,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1949),i=r(o);t["default"]=i["default"],e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={today:"Today",now:"Now",backToToday:"Back to today",ok:"Ok",clear:"Clear",month:"Month",year:"Year",timeSelect:"Select time",dateSelect:"Select date",monthSelect:"Choose a month",yearSelect:"Choose a year",decadeSelect:"Choose a decade",yearFormat:"YYYY",dateFormat:"M/D/YYYY",dayFormat:"D",dateTimeFormat:"M/D/YYYY HH:mm:ss",monthBeforeYear:!0,previousMonth:"Previous month (PageUp)",nextMonth:"Next month (PageDown)",previousYear:"Last year (Control + left)",nextYear:"Next year (Control + right)",previousDecade:"Last decade",nextDecade:"Next decade",previousCentury:"Last century",
+nextCentury:"Next century"},e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={today:"\u4eca\u5929",now:"\u6b64\u523b",backToToday:"\u8fd4\u56de\u4eca\u5929",ok:"\u786e\u5b9a",timeSelect:"\u9009\u62e9\u65f6\u95f4",dateSelect:"\u9009\u62e9\u65e5\u671f",clear:"\u6e05\u9664",month:"\u6708",year:"\u5e74",previousMonth:"\u4e0a\u4e2a\u6708 (\u7ffb\u9875\u4e0a\u952e)",nextMonth:"\u4e0b\u4e2a\u6708 (\u7ffb\u9875\u4e0b\u952e)",monthSelect:"\u9009\u62e9\u6708\u4efd",yearSelect:"\u9009\u62e9\u5e74\u4efd",decadeSelect:"\u9009\u62e9\u5e74\u4ee3",yearFormat:"YYYY\u5e74",dayFormat:"D\u65e5",dateFormat:"YYYY\u5e74M\u6708D\u65e5",dateTimeFormat:"YYYY\u5e74M\u6708D\u65e5 HH\u65f6mm\u5206ss\u79d2",previousYear:"\u4e0a\u4e00\u5e74 (Control\u952e\u52a0\u5de6\u65b9\u5411\u952e)",nextYear:"\u4e0b\u4e00\u5e74 (Control\u952e\u52a0\u53f3\u65b9\u5411\u952e)",previousDecade:"\u4e0a\u4e00\u5e74\u4ee3",nextDecade:"\u4e0b\u4e00\u5e74\u4ee3",previousCentury:"\u4e0a\u4e00\u4e16\u7eaa",nextCentury:"\u4e0b\u4e00\u4e16\u7eaa"},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=this.state.value.clone();t.add(e,"year"),this.setAndChangeValue(t)}function i(){}Object.defineProperty(t,"__esModule",{value:!0});var a=n(1),s=r(a),u=n(538),l=r(u),c=n(537),f=r(c),p=s["default"].createClass({displayName:"MonthPanel",propTypes:{onChange:a.PropTypes.func,disabledDate:a.PropTypes.func,onSelect:a.PropTypes.func},getDefaultProps:function(){return{onChange:i,onSelect:i}},getInitialState:function(){var e=this.props;return this.nextYear=o.bind(this,1),this.previousYear=o.bind(this,-1),this.prefixCls=e.rootPrefixCls+"-month-panel",{value:e.value||e.defaultValue}},componentWillReceiveProps:function(e){"value"in e&&this.setState({value:e.value})},onYearPanelSelect:function(e){this.setState({showYearPanel:0}),this.setAndChangeValue(e)},setAndChangeValue:function(e){this.setValue(e),this.props.onChange(e)},setAndSelectValue:function(e){this.setValue(e),this.props.onSelect(e)},setValue:function(e){"value"in this.props||this.setState({value:e})},showYearPanel:function(){this.setState({showYearPanel:1})},render:function(){var e=this.props,t=this.state.value,n=e.cellRender,r=e.contentRender,o=e.locale,i=t.year(),a=this.prefixCls,u=void 0;return this.state.showYearPanel&&(u=s["default"].createElement(l["default"],{locale:o,value:t,rootPrefixCls:e.rootPrefixCls,onSelect:this.onYearPanelSelect})),s["default"].createElement("div",{className:a,style:e.style},s["default"].createElement("div",null,s["default"].createElement("div",{className:a+"-header"},s["default"].createElement("a",{className:a+"-prev-year-btn",role:"button",onClick:this.previousYear,title:o.previousYear}),s["default"].createElement("a",{className:a+"-year-select",role:"button",onClick:this.showYearPanel,title:o.yearSelect},s["default"].createElement("span",{className:a+"-year-select-content"},i),s["default"].createElement("span",{className:a+"-year-select-arrow"},"x")),s["default"].createElement("a",{className:a+"-next-year-btn",role:"button",onClick:this.nextYear,title:o.nextYear})),s["default"].createElement("div",{className:a+"-body"},s["default"].createElement(f["default"],{disabledDate:e.disabledDate,onSelect:this.setAndSelectValue,locale:o,value:t,cellRender:n,contentRender:r,prefixCls:a}))),u)}});t["default"]=p,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=this.state.value.clone();t.month(e),this.setAndSelectValue(t)}function i(){}Object.defineProperty(t,"__esModule",{value:!0});var a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(8),y=r(m),g=n(87),b=4,_=3,w=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n));return r.state={value:n.value},r}return(0,d["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){"value"in e&&this.setState({value:e.value})},t.prototype.setAndSelectValue=function(e){this.setState({value:e}),this.props.onSelect(e)},t.prototype.months=function n(){for(var e=this.state.value,t=e.clone(),n=[],r=0,o=0;o<b;o++){n[o]=[];for(var i=0;i<_;i++){t.month(r);var a=(0,g.getMonthName)(t);n[o][i]={value:r,content:a,title:a},r++}}return n},t.prototype.render=function(){var e=this,t=this.props,n=this.state.value,r=(0,g.getTodayTime)(n),i=this.months(),a=n.month(),u=t.prefixCls,l=t.locale,c=t.contentRender,f=t.cellRender,p=i.map(function(i,p){var d=i.map(function(i){var p,d=!1;if(t.disabledDate){var h=n.clone();h.month(i.value),d=t.disabledDate(h)}var m=(p={},(0,s["default"])(p,u+"-cell",1),(0,s["default"])(p,u+"-cell-disabled",d),(0,s["default"])(p,u+"-selected-cell",i.value===a),(0,s["default"])(p,u+"-current-cell",r.year()===n.year()&&i.value===r.month()),p),g=void 0;if(f){var b=n.clone();b.month(i.value),g=f(b,l)}else{var _=void 0;if(c){var w=n.clone();w.month(i.value),_=c(w,l)}else _=i.content;g=v["default"].createElement("a",{className:u+"-month"},_)}return v["default"].createElement("td",{role:"gridcell",key:i.value,onClick:d?null:o.bind(e,i.value),title:i.title,className:(0,y["default"])(m)},g)});return v["default"].createElement("tr",{key:p,role:"row"},d)});return v["default"].createElement("table",{className:u+"-table",cellSpacing:"0",role:"grid"},v["default"].createElement("tbody",{className:u+"-tbody"},p))},t}(h.Component);w.defaultProps={onSelect:i},w.propTypes={onSelect:h.PropTypes.func,cellRender:h.PropTypes.func,prefixCls:h.PropTypes.string,value:h.PropTypes.object},t["default"]=w,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=this.state.value.clone();t.add(e,"year"),this.setState({value:t})}function i(e){var t=this.state.value.clone();t.year(e),t.month(this.state.value.month()),this.props.onSelect(t)}Object.defineProperty(t,"__esModule",{value:!0});var a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(8),y=r(m),g=n(1955),b=r(g),_=4,w=3,x=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n));return r.prefixCls=n.rootPrefixCls+"-year-panel",r.state={value:n.value||n.defaultValue},r.nextDecade=o.bind(r,10),r.previousDecade=o.bind(r,-10),["showDecadePanel","onDecadePanelSelect"].forEach(function(e){r[e]=r[e].bind(r)}),r}return(0,d["default"])(t,e),t.prototype.onDecadePanelSelect=function(e){this.setState({value:e,showDecadePanel:0})},t.prototype.years=function n(){for(var e=this.state.value,t=e.year(),r=10*parseInt(t/10,10),o=r-1,n=[],i=0,a=0;a<_;a++){n[a]=[];for(var s=0;s<w;s++){var u=o+i,l=String(u);n[a][s]={content:l,year:u,title:l},i++}}return n},t.prototype.showDecadePanel=function(){this.setState({showDecadePanel:1})},t.prototype.render=function(){var e=this,t=this.props,n=this.state.value,r=t.locale,o=this.years(),a=n.year(),u=10*parseInt(a/10,10),l=u+9,c=this.prefixCls,f=o.map(function(t,n){var r=t.map(function(t){var n,r=(n={},(0,s["default"])(n,c+"-cell",1),(0,s["default"])(n,c+"-selected-cell",t.year===a),(0,s["default"])(n,c+"-last-decade-cell",t.year<u),(0,s["default"])(n,c+"-next-decade-cell",t.year>l),n),o=void 0;return o=t.year<u?e.previousDecade:t.year>l?e.nextDecade:i.bind(e,t.year),v["default"].createElement("td",{role:"gridcell",title:t.title,key:t.content,onClick:o,className:(0,y["default"])(r)},v["default"].createElement("a",{className:c+"-year"},t.content))});return v["default"].createElement("tr",{key:n,role:"row"},r)}),p=void 0;return this.state.showDecadePanel&&(p=v["default"].createElement(b["default"],{locale:r,value:n,rootPrefixCls:t.rootPrefixCls,onSelect:this.onDecadePanelSelect})),v["default"].createElement("div",{className:this.prefixCls},v["default"].createElement("div",null,v["default"].createElement("div",{className:c+"-header"},v["default"].createElement("a",{className:c+"-prev-decade-btn",role:"button",onClick:this.previousDecade,title:r.previousDecade}),v["default"].createElement("a",{className:c+"-decade-select",role:"button",onClick:this.showDecadePanel,title:r.decadeSelect},v["default"].createElement("span",{className:c+"-decade-select-content"},u,"-",l),v["default"].createElement("span",{className:c+"-decade-select-arrow"},"x")),v["default"].createElement("a",{className:c+"-next-decade-btn",role:"button",onClick:this.nextDecade,title:r.nextDecade})),v["default"].createElement("div",{className:c+"-body"},v["default"].createElement("table",{className:c+"-table",cellSpacing:"0",role:"grid"},v["default"].createElement("tbody",{className:c+"-tbody"},f)))),p)},t}(v["default"].Component);t["default"]=x,x.propTypes={rootPrefixCls:h.PropTypes.string,value:h.PropTypes.object,defaultValue:h.PropTypes.object},x.defaultProps={onSelect:function(){}},e.exports=t["default"]},function(e,t,n){function r(e){return n(o(e))}function o(e){return i[e]||function(){throw new Error("Cannot find module '"+e+"'.")}()}var i={"./affix/style/index.tsx":1787,"./alert/style/index.tsx":1789,"./anchor/style/index.tsx":1792,"./auto-complete/style/index.tsx":1795,"./back-top/style/index.tsx":1797,"./badge/style/index.tsx":1800,"./breadcrumb/style/index.tsx":1803,"./button/style/index.tsx":153,"./calendar/style/index.tsx":1809,"./card/style/index.tsx":1811,"./carousel/style/index.tsx":1812,"./cascader/style/index.tsx":1814,"./checkbox/style/index.tsx":154,"./col/style/index.tsx":1816,"./collapse/style/index.tsx":1818,"./date-picker/style/index.tsx":1823,"./dropdown/style/index.tsx":493,"./form/style/index.tsx":1829,"./grid/style/index.tsx":496,"./icon/style/index.tsx":1832,"./input-number/style/index.tsx":1835,"./input/style/index.tsx":107,"./layout/style/index.tsx":1842,"./locale-provider/style/index.tsx":1844,"./mention/style/index.tsx":1846,"./menu/style/index.tsx":1847,"./message/style/index.tsx":1849,"./modal/style/index.tsx":1852,"./notification/style/index.tsx":1854,"./pagination/style/index.tsx":503,"./popconfirm/style/index.tsx":1858,"./popover/style/index.tsx":504,"./progress/style/index.tsx":506,"./radio/style/index.tsx":305,"./rate/style/index.tsx":1864,"./row/style/index.tsx":1865,"./select/style/index.tsx":157,"./slider/style/index.tsx":1867,"./spin/style/index.tsx":509,"./steps/style/index.tsx":1869,"./switch/style/index.tsx":1871,"./table/style/index.tsx":1880,"./tabs/style/index.tsx":1883,"./tag/style/index.tsx":1886,"./time-picker/style/index.tsx":513,"./timeline/style/index.tsx":1890,"./tooltip/style/index.tsx":306,"./transfer/style/index.tsx":1896,"./tree-select/style/index.tsx":1899,"./tree/style/index.tsx":1901,"./upload/style/index.tsx":1906,"./version/style/index.tsx":1909};r.keys=function(){return Object.keys(i)},r.resolve=o,e.exports=r,r.id=539},function(e,t,n){(function(e){function n(e,t){for(var n=0,r=e.length-1;r>=0;r--){var o=e[r];"."===o?e.splice(r,1):".."===o?(e.splice(r,1),n++):n&&(e.splice(r,1),n--)}if(t)for(;n--;n)e.unshift("..");return e}function r(e,t){if(e.filter)return e.filter(t);for(var n=[],r=0;r<e.length;r++)t(e[r],r,e)&&n.push(e[r]);return n}var o=/^(\/?|)([\s\S]*?)((?:\.{1,2}|[^\/]+?|)(\.[^.\/]*|))(?:[\/]*)$/,i=function(e){return o.exec(e).slice(1)};t.resolve=function(){for(var t="",o=!1,i=arguments.length-1;i>=-1&&!o;i--){var a=i>=0?arguments[i]:e.cwd();if("string"!=typeof a)throw new TypeError("Arguments to path.resolve must be strings");a&&(t=a+"/"+t,o="/"===a.charAt(0))}return t=n(r(t.split("/"),function(e){return!!e}),!o).join("/"),(o?"/":"")+t||"."},t.normalize=function(e){var o=t.isAbsolute(e),i="/"===a(e,-1);return e=n(r(e.split("/"),function(e){return!!e}),!o).join("/"),e||o||(e="."),e&&i&&(e+="/"),(o?"/":"")+e},t.isAbsolute=function(e){return"/"===e.charAt(0)},t.join=function(){var e=Array.prototype.slice.call(arguments,0);return t.normalize(r(e,function(e,t){if("string"!=typeof e)throw new TypeError("Arguments to path.join must be strings");return e}).join("/"))},t.relative=function(e,n){function r(e){for(var t=0;t<e.length&&""===e[t];t++);for(var n=e.length-1;n>=0&&""===e[n];n--);return t>n?[]:e.slice(t,n-t+1)}e=t.resolve(e).substr(1),n=t.resolve(n).substr(1);for(var o=r(e.split("/")),i=r(n.split("/")),a=Math.min(o.length,i.length),s=a,u=0;u<a;u++)if(o[u]!==i[u]){s=u;break}for(var l=[],u=s;u<o.length;u++)l.push("..");return l=l.concat(i.slice(s)),l.join("/")},t.sep="/",t.delimiter=":",t.dirname=function(e){var t=i(e),n=t[0],r=t[1];return n||r?(r&&(r=r.substr(0,r.length-1)),n+r):"."},t.basename=function(e,t){var n=i(e)[2];return t&&n.substr(-1*t.length)===t&&(n=n.substr(0,n.length-t.length)),n},t.extname=function(e){return i(e)[3]};var a="b"==="ab".substr(-1)?function(e,t,n){return e.substr(t,n)}:function(e,t,n){return t<0&&(t=e.length+t),e.substr(t,n)}}).call(t,n(89))},function(e,t,n){var r,o;!function(i,a){r=a,o="function"==typeof r?r.call(t,n,t,e):r,!(void 0!==o&&(e.exports=o))}(this,function(){function e(e,t){return function(n,r,o,i){n[e]?n[e](r,o,i):n[t]&&n[t]("on"+r,o)}}return{add:e("addEventListener","attachEvent"),remove:e("removeEventListener","detachEvent")}})},function(e,t){var n=!("undefined"==typeof window||!window.document||!window.document.createElement);e.exports=n},function(e,t){"use strict";function n(e,t){if("undefined"!=typeof XDomainRequest)return t(null),null;var n=new XMLHttpRequest;return n.onreadystatechange=function(){n.readyState===XMLHttpRequest.DONE&&200===n.status&&t(JSON.parse(n.responseText))},n.open("GET",e,!0),n.send(),n}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=n,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(t,"__esModule",{value:!0});var s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u=n(1),l=o(u),c=n(543),f=o(c),p=n(545),d=r(p),h={stargazers:"Star",watchers:"Watch",forks:"Fork"},v={forks:"network"};t["default"]=l["default"].createClass({displayName:"GitHubButton",propTypes:{className:u.PropTypes.string,type:u.PropTypes.oneOf(["stargazers","watchers","forks"]).isRequired,namespace:u.PropTypes.string.isRequired,repo:u.PropTypes.string.isRequired,size:u.PropTypes.oneOf(["large"])},getInitialState:function(){return{count:null}},componentDidMount:function(){this.xhr=(0,f["default"])(this.getRequestUrl(),this.setCount)},componentWillUnmount:function(){this.xhr&&this.xhr.abort()},setCount:function(e){if(e){var t=e[this.props.type+"_count"];this.setState({count:t})}},getRequestUrl:function(){var e=this.props,t=e.namespace,n=e.repo;return"//api.github.com/repos/"+t+"/"+n},getRepoUrl:function(){var e=this.props,t=e.namespace,n=e.repo;return"//github.com/"+t+"/"+n+"/"},getCountUrl:function(){var e=this.props,t=e.namespace,n=e.repo,r=e.type;return"//github.com/"+t+"/"+n+"/"+(v[r]||r)+"/"},getCountStyle:function(){var e=this.state.count;return null!==e?{display:"block"}:null},render:function(){var e=this.props,t=e.className,n=e.type,r=e.size,o=a(e,["className","type","size"]);delete o.namespace,delete o.repo;var u=this.state.count,c=d.classNames(i({"github-btn":!0,"github-btn-large":"large"===r},t,t));return l["default"].createElement("span",s({},o,{className:c}),l["default"].createElement("a",{className:"gh-btn",href:this.getRepoUrl(),target:"_blank"},l["default"].createElement("span",{className:"gh-ico","aria-hidden":"true"}),l["default"].createElement("span",{className:"gh-text"},h[n])),l["default"].createElement("a",{className:"gh-count",target:"_blank",href:this.getCountUrl(),style:this.getCountStyle()},u))}}),e.exports=t["default"]},function(e,t){"use strict";function n(e){return Object.keys(e).filter(function(t){return e[t]}).join(" ")}Object.defineProperty(t,"__esModule",{value:!0}),t.classNames=n},function(e,t,n){"use strict";var r=n(132),o=n(55),i=n(88),a=n(35),s=n(20),u=n(22),l=n(63),c=u.List,f=u.Repeat,p={insertAtomicBlock:function(e,t,n){var u=e.getCurrentContent(),p=e.getSelection(),d=a.removeRange(u,p,"backward"),h=d.getSelectionAfter(),v=a.splitBlock(d,h),m=v.getSelectionAfter(),y=a.setBlockType(v,m,"atomic"),g=o.create({entity:t}),b=[new i({key:l(),type:"atomic",text:n,characterList:c(f(g,n.length))}),new i({key:l(),type:"unstyled",text:"",characterList:c()})],_=r.createFromArray(b),w=a.replaceWithFragment(y,m,_),x=w.merge({selectionBefore:p,selectionAfter:w.getSelectionAfter().set("hasFocus",!0)});return s.push(e,x,"insert-fragment")}};e.exports=p},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t,n){for(var r=t;r<n;r++)if(null!=e[r])return!1;return!0}function i(e,t,n,r){for(var o=t;o<n;o++)e[o]=r}var a=n(22),s=a.List,u=".",l=function(){function e(t){r(this,e),this._decorators=t.slice()}return e.prototype.getDecorations=function(e,t){var n=Array(e.getText().length).fill(null);return this._decorators.forEach(function(r,a){var s=0,l=r.strategy,c=function(e,t){o(n,e,t)&&(i(n,e,t,a+u+s),s++)};l(e,c,t)}),s(n)},e.prototype.getComponentForKey=function(e){var t=parseInt(e.split(u)[0],10);return this._decorators[t].component},e.prototype.getPropsForKey=function(e){var t=parseInt(e.split(u)[0],10);return this._decorators[t].props},e}();e.exports=l},function(e,t,n){"use strict";function r(e,t,n,r){var i=e.getBlockMap(),s=t.getStartKey(),u=t.getStartOffset(),l=t.getEndKey(),c=t.getEndOffset(),f=i.skipUntil(function(e,t){return t===s}).takeUntil(function(e,t){return t===l}).concat(a([[l,i.get(l)]])).map(function(e,t){var i,a;s===l?(i=u,a=c):(i=t===s?u:0,a=t===l?c:e.getLength());for(var f,p=e.getCharacterList();i<a;)f=p.get(i),p=p.set(i,r?o.applyStyle(f,n):o.removeStyle(f,n)),i++;return e.set("characterList",p)});return e.merge({blockMap:i.merge(f),selectionBefore:t,selectionAfter:t})}var o=n(55),i=n(22),a=i.Map,s={add:function(e,t,n){return r(e,t,n,!0)},remove:function(e,t,n){return r(e,t,n,!1)}};e.exports=s},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a=n(11),s=a||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u=n(206),l=n(329),c=n(550),f=n(551),p=n(552),d=n(553),h=n(555),v=n(20),m=n(1),y=n(2),g=n(368),b=n(220),_=n(64),w=n(136),x=n(33),C=n(63),E=n(335),S=n(49),O=n(223),P=_.isBrowser("IE"),T=!P,k={edit:d,composite:c,drag:p,cut:null,render:null},M=function(e){function t(n){r(this,t);var i=o(this,e.call(this,n));return i._blockSelectEvents=!1,i._clipboard=null,i._handler=null,i._dragCount=0,i._editorKey=C(),i._placeholderAccessibilityID="placeholder-"+i._editorKey,i._latestEditorState=n.editorState,i._onBeforeInput=i._buildHandler("onBeforeInput"),i._onBlur=i._buildHandler("onBlur"),i._onCharacterData=i._buildHandler("onCharacterData"),i._onCompositionEnd=i._buildHandler("onCompositionEnd"),i._onCompositionStart=i._buildHandler("onCompositionStart"),i._onCopy=i._buildHandler("onCopy"),i._onCut=i._buildHandler("onCut"),i._onDragEnd=i._buildHandler("onDragEnd"),i._onDragOver=i._buildHandler("onDragOver"),i._onDragStart=i._buildHandler("onDragStart"),i._onDrop=i._buildHandler("onDrop"),i._onInput=i._buildHandler("onInput"),i._onFocus=i._buildHandler("onFocus"),i._onKeyDown=i._buildHandler("onKeyDown"),i._onKeyPress=i._buildHandler("onKeyPress"),i._onKeyUp=i._buildHandler("onKeyUp"),i._onMouseDown=i._buildHandler("onMouseDown"),i._onMouseUp=i._buildHandler("onMouseUp"),i._onPaste=i._buildHandler("onPaste"),i._onSelect=i._buildHandler("onSelect"),i.focus=i._focus.bind(i),i.blur=i._blur.bind(i),i.setMode=i._setMode.bind(i),i.exitCurrentMode=i._exitCurrentMode.bind(i),i.restoreEditorDOM=i._restoreEditorDOM.bind(i),i.setClipboard=i._setClipboard.bind(i),i.getClipboard=i._getClipboard.bind(i),i.getEditorKey=function(){return i._editorKey},i.update=i._update.bind(i),i.onDragEnter=i._onDragEnter.bind(i),i.onDragLeave=i._onDragLeave.bind(i),i.state={containerKey:0},i}return i(t,e),t.prototype._buildHandler=function(e){var t=this;return function(n){if(!t.props.readOnly){var r=t._handler&&t._handler[e];r&&r(t,n)}}},t.prototype._showPlaceholder=function(){return!!this.props.placeholder&&!this.props.editorState.isInCompositionMode()&&!this.props.editorState.getCurrentContent().hasText()},t.prototype._renderPlaceholder=function(){return this._showPlaceholder()?m.createElement(h,{text:S(this.props.placeholder),editorState:this.props.editorState,textAlignment:this.props.textAlignment,accessibilityID:this._placeholderAccessibilityID}):null},t.prototype.render=function(){var e=this.props,t=e.readOnly,n=e.textAlignment,r=w({"DraftEditor/root":!0,"DraftEditor/alignLeft":"left"===n,"DraftEditor/alignRight":"right"===n,"DraftEditor/alignCenter":"center"===n}),o={outline:"none",whiteSpace:"pre-wrap",wordWrap:"break-word"};return m.createElement("div",{className:r},this._renderPlaceholder(),m.createElement("div",{className:w("DraftEditor/editorContainer"),key:"editor"+this.state.containerKey,ref:"editorContainer"},m.createElement("div",{"aria-activedescendant":t?null:this.props.ariaActiveDescendantID,"aria-autocomplete":t?null:this.props.ariaAutoComplete,"aria-describedby":this._showPlaceholder()?this._placeholderAccessibilityID:null,"aria-expanded":t?null:this.props.ariaExpanded,"aria-haspopup":t?null:this.props.ariaHasPopup,"aria-label":this.props.ariaLabel,"aria-owns":t?null:this.props.ariaOwneeID,className:w("public/DraftEditor/content"),contentEditable:!t,"data-testid":this.props.webDriverTestID,onBeforeInput:this._onBeforeInput,onBlur:this._onBlur,onCompositionEnd:this._onCompositionEnd,onCompositionStart:this._onCompositionStart,onCopy:this._onCopy,onCut:this._onCut,onDragEnd:this._onDragEnd,onDragEnter:this.onDragEnter,onDragLeave:this.onDragLeave,onDragOver:this._onDragOver,onDragStart:this._onDragStart,onDrop:this._onDrop,onFocus:this._onFocus,onInput:this._onInput,onKeyDown:this._onKeyDown,onKeyPress:this._onKeyPress,onKeyUp:this._onKeyUp,onMouseUp:this._onMouseUp,onPaste:this._onPaste,onSelect:this._onSelect,ref:"editor",role:t?null:this.props.role||"textbox",spellCheck:T&&this.props.spellCheck,style:o,suppressContentEditableWarning:!0,tabIndex:this.props.tabIndex},m.createElement(f,{blockRenderMap:this.props.blockRenderMap,blockRendererFn:this.props.blockRendererFn,blockStyleFn:this.props.blockStyleFn,customStyleMap:s({},l,this.props.customStyleMap),customStyleFn:this.props.customStyleFn,editorKey:this._editorKey,editorState:this.props.editorState}))))},t.prototype.componentDidMount=function(){this.setMode("edit"),P&&document.execCommand("AutoUrlDetect",!1,!1)},t.prototype.componentWillUpdate=function(e){this._blockSelectEvents=!0,this._latestEditorState=e.editorState},t.prototype.componentDidUpdate=function(){this._blockSelectEvents=!1},t.prototype._focus=function(e){var t=this.props.editorState,n=t.getSelection().getHasFocus(),r=y.findDOMNode(this.refs.editor),o=b.getScrollParent(r),i=e||O(o),a=i.x,s=i.y;r.focus(),o===window?window.scrollTo(a,s):g.setTop(o,s),n||this.update(v.forceSelection(t,t.getSelection()))},t.prototype._blur=function(){y.findDOMNode(this.refs.editor).blur()},t.prototype._setMode=function(e){this._handler=k[e]},t.prototype._exitCurrentMode=function(){this.setMode("edit")},t.prototype._restoreEditorDOM=function(e){var t=this;this.setState({containerKey:this.state.containerKey+1},function(){t._focus(e)})},t.prototype._setClipboard=function(e){this._clipboard=e},t.prototype._getClipboard=function(){return this._clipboard},t.prototype._update=function(e){this._latestEditorState=e,this.props.onChange(e)},t.prototype._onDragEnter=function(){this._dragCount++},t.prototype._onDragLeave=function(){this._dragCount--,0===this._dragCount&&this.exitCurrentMode()},t}(m.Component);M.defaultProps={blockRenderMap:u,blockRendererFn:x.thatReturnsNull,blockStyleFn:x.thatReturns(""),keyBindingFn:E,readOnly:!1,spellCheck:!1,stripPastedStyles:!1},e.exports=M},function(e,t,n){"use strict";var r=n(35),o=n(20),i=n(219),a=n(209),s=n(344),u=20,l=!1,c=!1,f="",p={onBeforeInput:function(e,t){f=(f||"")+t.data},onCompositionStart:function(e){c=!0},onCompositionEnd:function(e){l=!1,c=!1,setTimeout(function(){l||p.resolveComposition(e)},u)},onKeyDown:function(e,t){return c?void(t.which!==i.RIGHT&&t.which!==i.LEFT||t.preventDefault()):(p.resolveComposition(e),void e._onKeyDown(t))},onKeyPress:function(e,t){t.which===i.RETURN&&t.preventDefault()},resolveComposition:function(e){if(!c){l=!0;var t=f;f="";var n=o.set(e._latestEditorState,{inCompositionMode:!1}),i=n.getCurrentInlineStyle(),u=a(n.getCurrentContent(),n.getSelection()),p=!t||s(n)||i.size>0||null!==u;if(p&&e.restoreEditorDOM(),e.exitCurrentMode(),t){var d=r.replaceText(n.getCurrentContent(),n.getSelection(),t,i,u);return void e.update(o.push(n,d,"insert-characters"))}p&&e.update(o.set(n,{nativelyRenderedContent:null,forceSelection:!0}))}}};e.exports=p},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function a(e,t,n,r){return p({"public/DraftStyleDefault/unorderedListItem":"unordered-list-item"===e,"public/DraftStyleDefault/orderedListItem":"ordered-list-item"===e,"public/DraftStyleDefault/reset":n,"public/DraftStyleDefault/depth0":0===t,"public/DraftStyleDefault/depth1":1===t,"public/DraftStyleDefault/depth2":2===t,"public/DraftStyleDefault/depth3":3===t,"public/DraftStyleDefault/depth4":4===t,"public/DraftStyleDefault/listLTR":"LTR"===r,"public/DraftStyleDefault/listRTL":"RTL"===r})}var s=n(11),u=s||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l=n(330),c=n(133),f=(n(20),n(1)),p=n(136),d=n(1236),h=n(49),v=function(e){function t(){return r(this,t),o(this,e.apply(this,arguments))}return i(t,e),t.prototype.shouldComponentUpdate=function(e){var t=this.props.editorState,n=e.editorState,r=t.getDirectionMap(),o=n.getDirectionMap();if(r!==o)return!0;var i=t.getSelection().getHasFocus(),a=n.getSelection().getHasFocus();if(i!==a)return!0;var s=n.getNativelyRenderedContent(),u=t.isInCompositionMode(),l=n.isInCompositionMode();if(t===n||null!==s&&n.getCurrentContent()===s||u&&l)return!1;var c=t.getCurrentContent(),f=n.getCurrentContent(),p=t.getDecorator(),d=n.getDecorator();return u!==l||c!==f||p!==d||n.mustForceSelection()},t.prototype.render=function(){for(var e=this.props,t=e.blockRenderMap,n=e.blockRendererFn,r=e.customStyleMap,o=e.customStyleFn,i=e.editorState,s=i.getCurrentContent(),p=i.getSelection(),v=i.mustForceSelection(),m=i.getDecorator(),y=h(i.getDirectionMap()),g=s.getBlocksAsArray(),b=[],_=null,w=null,x=0;x<g.length;x++){var C=g[x],E=C.getKey(),S=C.getType(),O=n(C),P=void 0,T=void 0,k=void 0;O&&(P=O.component,T=O.props,k=O.editable);var M=y.get(E),N=c.encode(E,0,0),A={contentState:s,block:C,blockProps:T,customStyleMap:r,customStyleFn:o,decorator:m,direction:M,forceSelection:v,key:E,offsetKey:N,selection:p,tree:i.getBlockTree(E)},D=t.get(S),j=D.wrapper,R=D.element||t.get("unstyled").element,I=C.getDepth(),L=this.props.blockStyleFn(C);if("li"===R){var F=w!==j||null===_||I>_;L=d(L,a(S,I,F,M))}var U=P||l,V={className:L,"data-block":!0,"data-editor":this.props.editorKey,"data-offset-key":N,key:E};void 0!==k&&(V=u({},V,{contentEditable:k,suppressContentEditableWarning:!0}));var B=f.createElement(R,V,f.createElement(U,A));b.push({block:B,wrapperTemplate:j,key:E,offsetKey:N}),_=j?C.getDepth():null,w=j}for(var z=[],H=0;H<b.length;){var K=b[H];if(K.wrapperTemplate){var W=[];do W.push(b[H].block),H++;while(H<b.length&&b[H].wrapperTemplate===K.wrapperTemplate);var q=f.cloneElement(K.wrapperTemplate,{key:K.key+"-wrap","data-offset-key":K.offsetKey},W);z.push(q)}else z.push(K.block),H++}return f.createElement("div",{"data-contents":"true"},z)},t}(f.Component);e.exports=v},function(e,t,n){"use strict";function r(e,t){var n=null,r=null;if("function"==typeof document.caretRangeFromPoint){var o=document.caretRangeFromPoint(e.x,e.y);n=o.startContainer,r=o.startOffset}else{if(!e.rangeParent)return null;n=e.rangeParent,r=e.rangeOffset}n=p(n),r=p(r);var i=p(l(n));return f(t,i,r,i,r)}function o(e,t){var n=s.moveText(e.getCurrentContent(),e.getSelection(),t);return u.push(e,n,"insert-fragment")}function i(e,t,n){var r=s.insertText(e.getCurrentContent(),t,n,e.getCurrentInlineStyle());return u.push(e,r,"insert-fragment")}var a=n(366),s=n(35),u=n(20),l=n(208),c=n(341),f=n(342),p=n(49),d=n(164),h={onDragEnd:function(e){e.exitCurrentMode()},onDrop:function(e,t){var n=new a(t.nativeEvent.dataTransfer),s=e._latestEditorState,u=r(t.nativeEvent,s);if(t.preventDefault(),e.exitCurrentMode(),null!=u){var l=n.getFiles();if(l.length>0){if(e.props.handleDroppedFiles&&d(e.props.handleDroppedFiles(u,l)))return;return void c(l,function(t){t&&e.update(i(s,p(u),t))})}var f=e._internalDrag?"internal":"external";if(!e.props.handleDrop||!d(e.props.handleDrop(u,n,f)))return e._internalDrag?void e.update(o(s,u)):void e.update(i(s,u,n.getText()))}}};e.exports=h},function(e,t,n){"use strict";var r=n(570),o=n(571),i=n(572),a=n(573),s=n(574),u=n(575),l=n(576),c=n(577),f=n(578),p=n(579),d=n(580),h=n(581),v={onBeforeInput:r,onBlur:o,onCompositionStart:i,onCopy:a,onCut:s,onDragOver:u,onDragStart:l,onFocus:c,onInput:f,onKeyDown:p,onPaste:d,onSelect:h};e.exports=v},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a=n(11),s=n(556),u=n(1),l=n(2),c=(n(110),n(604)),f=function(e){function t(){return r(this,t),o(this,e.apply(this,arguments))}return i(t,e),t.prototype._setSelection=function(){var e=this.props.selection;if(null!=e&&e.getHasFocus()){var t=this.props,n=t.blockKey,r=t.start,o=t.text,i=r+o.length;if(e.hasEdgeWithin(n,r,i)){var a=l.findDOMNode(this),s=a.firstChild,u=void 0;u=s.nodeType===Node.TEXT_NODE?s:"BR"===s.tagName?a:s.firstChild,c(e,u,n,r,i)}}},t.prototype.shouldComponentUpdate=function(e){return l.findDOMNode(this.refs.leaf).textContent!==e.text||e.styleSet!==this.props.styleSet||e.forceSelection},t.prototype.componentDidUpdate=function(){this._setSelection()},t.prototype.componentDidMount=function(){this._setSelection();
+},t.prototype.render=function(){var e=this.props.text;e.endsWith("\n")&&this.props.isLast&&(e+="\n");var t=this.props,n=t.customStyleMap,r=t.customStyleFn,o=t.offsetKey,i=t.styleSet,l=i.reduce(function(e,t){var r={},o=n[t];return void 0!==o&&e.textDecoration!==o.textDecoration&&(r.textDecoration=[e.textDecoration,o.textDecoration].join(" ").trim()),a(e,o,r)},{});if(r){var c=r(i);l=a(l,c)}return u.createElement("span",{"data-offset-key":o,ref:"leaf",style:l},u.createElement(s,null,e))},t}(u.Component);e.exports=f},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a=n(1),s=n(136),u=function(e){function t(){return r(this,t),o(this,e.apply(this,arguments))}return i(t,e),t.prototype.shouldComponentUpdate=function(e){return this.props.text!==e.text||this.props.editorState.getSelection().getHasFocus()!==e.editorState.getSelection().getHasFocus()},t.prototype.render=function(){var e=this.props.editorState.getSelection().getHasFocus(),t=s({"public/DraftEditorPlaceholder/root":!0,"public/DraftEditorPlaceholder/hasFocus":e});return a.createElement("div",{className:t},a.createElement("div",{className:s("public/DraftEditorPlaceholder/inner"),id:this.props.accessibilityID},this.props.text))},t}(a.Component);e.exports=u},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function a(e){return c?"\n"===e.textContent:"BR"===e.tagName}var s=n(1),u=n(2),l=n(64),c=l.isBrowser("IE <= 11"),f=c?s.createElement("span",{key:"A","data-text":"true"},"\n"):s.createElement("br",{key:"A","data-text":"true"}),p=c?s.createElement("span",{key:"B","data-text":"true"},"\n"):s.createElement("br",{key:"B","data-text":"true"}),d=function(e){function t(n){r(this,t);var i=o(this,e.call(this,n));return i._forceFlag=!1,i}return i(t,e),t.prototype.shouldComponentUpdate=function(e){var t=u.findDOMNode(this),n=""===e.children;return n?!a(t):t.textContent!==e.children},t.prototype.componentWillUpdate=function(){this._forceFlag=!this._forceFlag},t.prototype.render=function(){return""===this.props.children?this._forceFlag?f:p:s.createElement("span",{key:this._forceFlag?"A":"B","data-text":"true"},this.props.children)},t}(s.Component);e.exports=d},function(e,t){"use strict";var n={getRemovalRange:function(e,t,n,r,o){var i=n.split(" ");i=i.map(function(e,t){if("forward"===o){if(t>0)return" "+e}else if(t<i.length-1)return e+" ";return e});for(var a,s,u=r,l=null,c=null,f=0;f<i.length;f++){if(s=i[f],a=u+s.length,e<a&&u<t)null!==l?c=a:(l=u,c=a);else if(null!==l)break;u=a}var p=r+n.length,d=l===r,h=c===p;return(!d&&h||d&&!h)&&("forward"===o?c!==p&&c++:l!==r&&l--),{start:l,end:c}}};e.exports=n},function(e,t,n){"use strict";var r=(n(55),n(88)),o=n(22),i=n(334),a=n(63),s=n(339),u=n(211),l=o.List,c=o.Repeat,f={processHTML:function(e,t){return i(e,s,t)},processText:function(e,t){return e.map(function(e){return e=u(e),new r({key:a(),type:"unstyled",text:e,characterList:l(c(t,e.length))})})}};e.exports=f},function(e,t,n){"use strict";var r,o=n(22),i=n(1222),a=n(49),s=o.OrderedMap,u={getDirectionMap:function(e,t){r?r.reset():r=new i;var n=e.getBlockMap(),u=n.valueSeq().map(function(e){return a(r).getDirection(e.getText())}),l=s(n.keySeq().zip(u));return null!=t&&o.is(t,l)?t:l}};e.exports=u},function(e,t,n){"use strict";var r=n(35),o=n(20),i=(n(110),n(562)),a=n(49),s={currentBlockContainsLink:function(e){var t=e.getSelection(),n=e.getCurrentContent(),r=n.getEntityMap();return n.getBlockForKey(t.getAnchorKey()).getCharacterList().slice(t.getStartOffset(),t.getEndOffset()).some(function(e){var t=e.getEntity();return!!t&&"LINK"===r.__get(t).getType()})},getCurrentBlockType:function(e){var t=e.getSelection();return e.getCurrentContent().getBlockForKey(t.getStartKey()).getType()},getDataObjectForLinkURL:function(e){return{url:e.toString()}},handleKeyCommand:function(e,t){switch(t){case"bold":return s.toggleInlineStyle(e,"BOLD");case"italic":return s.toggleInlineStyle(e,"ITALIC");case"underline":return s.toggleInlineStyle(e,"UNDERLINE");case"code":return s.toggleCode(e);case"backspace":case"backspace-word":case"backspace-to-start-of-line":return s.onBackspace(e);case"delete":case"delete-word":case"delete-to-end-of-block":return s.onDelete(e);default:return null}},insertSoftNewline:function(e){var t=r.insertText(e.getCurrentContent(),e.getSelection(),"\n",e.getCurrentInlineStyle(),null),n=o.push(e,t,"insert-characters");return o.forceSelection(n,t.getSelectionAfter())},onBackspace:function(e){var t=e.getSelection();if(!t.isCollapsed()||t.getAnchorOffset()||t.getFocusOffset())return null;var n=e.getCurrentContent(),r=t.getStartKey(),i=n.getBlockBefore(r);if(i&&"atomic"===i.getType()){var a=n.getBlockMap()["delete"](i.getKey()),u=n.merge({blockMap:a,selectionAfter:t});if(u!==n)return o.push(e,u,"remove-range")}var l=s.tryToRemoveBlockStyle(e);return l?o.push(e,l,"change-block-type"):null},onDelete:function(e){var t=e.getSelection();if(!t.isCollapsed())return null;var n=e.getCurrentContent(),i=t.getStartKey(),a=n.getBlockForKey(i),s=a.getLength();if(t.getStartOffset()<s)return null;var u=n.getBlockAfter(i);if(!u||"atomic"!==u.getType())return null;var l=t.merge({focusKey:u.getKey(),focusOffset:u.getLength()}),c=r.removeRange(n,l,"forward");return c!==n?o.push(e,c,"remove-range"):null},onTab:function(e,t,n){var r=t.getSelection(),a=r.getAnchorKey();if(a!==r.getFocusKey())return t;var s=t.getCurrentContent(),u=s.getBlockForKey(a),l=u.getType();if("unordered-list-item"!==l&&"ordered-list-item"!==l)return t;e.preventDefault();var c=s.getBlockBefore(a);if(!c)return t;var f=c.getType();if("unordered-list-item"!==f&&"ordered-list-item"!==f)return t;var p=u.getDepth();if(!e.shiftKey&&p===n)return t;n=Math.min(c.getDepth()+1,n);var d=i(s,r,e.shiftKey?-1:1,n);return o.push(t,d,"adjust-depth")},toggleBlockType:function(e,t){var n=e.getSelection(),i=n.getStartKey(),s=n.getEndKey(),u=e.getCurrentContent(),l=n;if(i!==s&&0===n.getEndOffset()){var c=a(u.getBlockBefore(s));s=c.getKey(),l=l.merge({anchorKey:i,anchorOffset:n.getStartOffset(),focusKey:s,focusOffset:c.getLength(),isBackward:!1})}var f=u.getBlockMap().skipWhile(function(e,t){return t!==i}).reverse().skipWhile(function(e,t){return t!==s}).some(function(e){return"atomic"===e.getType()});if(f)return e;var p=u.getBlockForKey(i).getType()===t?"unstyled":t;return o.push(e,r.setBlockType(u,l,p),"change-block-type")},toggleCode:function(e){var t=e.getSelection(),n=t.getAnchorKey(),r=t.getFocusKey();return t.isCollapsed()||n!==r?s.toggleBlockType(e,"code-block"):s.toggleInlineStyle(e,"CODE")},toggleInlineStyle:function(e,t){var n=e.getSelection(),i=e.getCurrentInlineStyle();if(n.isCollapsed())return o.setInlineStyleOverride(e,i.has(t)?i.remove(t):i.add(t));var a,s=e.getCurrentContent();return a=i.has(t)?r.removeInlineStyle(s,n,t):r.applyInlineStyle(s,n,t),o.push(e,a,"change-inline-style")},toggleLink:function(e,t,n){var i=r.applyEntity(e.getCurrentContent(),t,n);return o.push(e,i,"apply-entity")},tryToRemoveBlockStyle:function(e){var t=e.getSelection(),n=t.getAnchorOffset();if(t.isCollapsed()&&0===n){var o=t.getAnchorKey(),i=e.getCurrentContent(),a=i.getBlockForKey(o);if(a.getLength()>0)return null;var s=a.getType(),u=i.getBlockBefore(o);if("code-block"===s&&u&&"code-block"===u.getType())return null;if("unstyled"!==s)return r.setBlockType(i,t,"unstyled")}return null}};e.exports=s},function(e,t,n){"use strict";var r=n(35),o=n(20),i=n(163),a=n(49),s=null,u={cut:function(e){var t=e.getCurrentContent(),n=e.getSelection(),u=null;if(n.isCollapsed()){var l=n.getAnchorKey(),c=t.getBlockForKey(l).getLength();if(c===n.getAnchorOffset())return e;u=n.set("focusOffset",c)}else u=n;u=a(u),s=i(t,u);var f=r.removeRange(t,u,"forward");return f===t?e:o.push(e,f,"remove-range")},paste:function(e){if(!s)return e;var t=r.replaceWithFragment(e.getCurrentContent(),e.getSelection(),s);return o.push(e,t,"insert-fragment")}};e.exports=u},function(e,t){"use strict";function n(e,t,n,r){var o=t.getStartKey(),i=t.getEndKey(),a=e.getBlockMap(),s=a.toSeq().skipUntil(function(e,t){return t===o}).takeUntil(function(e,t){return t===i}).concat([[i,a.get(i)]]).map(function(e){var t=e.getDepth()+n;return t=Math.max(0,Math.min(t,r)),e.set("depth",t)});return a=a.merge(s),e.merge({blockMap:a,selectionBefore:t,selectionAfter:t})}e.exports=n},function(e,t,n){"use strict";function r(e,t,n,r){for(var i=e.getCharacterList();t<n;)i=i.set(t,o.applyEntity(i.get(t),r)),t++;return e.set("characterList",i)}var o=n(55);e.exports=r},function(e,t,n){"use strict";function r(e,t,n){var r=e.getBlockMap(),a=t.getStartKey(),s=t.getStartOffset(),u=t.getEndKey(),l=t.getEndOffset(),c=r.skipUntil(function(e,t){return t===a}).takeUntil(function(e,t){return t===u}).toOrderedMap().merge(o.OrderedMap([[u,r.get(u)]])).map(function(e,t){var r=t===a?s:0,o=t===u?l:e.getLength();return i(e,r,o,n)});return e.merge({blockMap:r.merge(c),selectionBefore:t,selectionAfter:t})}var o=n(22),i=n(563);e.exports=r},function(e,t,n){"use strict";function r(e){var t=0,n={},r=[];e.getBlockMap().forEach(function(e,s){e.findEntityRanges(function(e){return null!==e.getEntity()},function(r){var i=o.stringify(e.getEntityAt(r));n.hasOwnProperty(i)||(n[i]=""+t++)}),r.push({key:s,text:e.getText(),type:e.getType(),depth:e.getDepth(),inlineStyleRanges:a(e),entityRanges:i(e,n),data:e.getData().toObject()})});var s=Object.keys(n),u={};return s.forEach(function(t,n){var r=e.getEntity(o.unstringify(t));u[n]={type:r.getType(),mutability:r.getMutability(),data:r.getData()}}),{entityMap:u,blocks:r}}var o=n(333),i=n(582),a=n(583);e.exports=r},function(e,t,n){"use strict";function r(e){var t=e.blocks,n=e.entityMap,r={};Object.keys(n).forEach(function(e){var t=n[e],o=t.type,i=t.mutability,a=t.data,s=u.__create(o,i,a||{});r[e]=s});var o=t.map(function(e){var t=e.key,n=e.type,o=e.text,s=e.depth,u=e.inlineStyleRanges,d=e.entityRanges,v=e.data;t=t||p(),s=s||0,u=u||[],d=d||[],v=h(v);var m=f(o,u),y=d.filter(function(e){return r.hasOwnProperty(e.key)}).map(function(e){return i({},e,{key:r[e.key]})}),g=c(o,y),b=l(m,g);return new a({key:t,type:n,text:o,depth:s,characterList:b,data:v})});return s.createFromBlockArray(o)}var o=n(11),i=o||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=n(88),s=n(160),u=n(161),l=n(567),c=n(568),f=n(569),p=n(63),d=n(22),h=d.Map;e.exports=r},function(e,t,n){"use strict";function r(e,t){var n=e.map(function(e,n){var r=t[n];return o.create({style:e,entity:r})});return a(n)}var o=n(55),i=n(22),a=i.List;e.exports=r},function(e,t,n){"use strict";function r(e,t){var n=Array(e.length).fill(null);return t&&t.forEach(function(t){for(var r=i(e,0,t.offset).length,o=r+i(e,t.offset,t.length).length,a=r;a<o;a++)n[a]=t.key}),n}var o=n(91),i=o.substr;e.exports=r},function(e,t,n){"use strict";function r(e,t){var n=Array(e.length).fill(u);return t&&t.forEach(function(t){for(var r=s(e,0,t.offset).length,o=r+s(e,t.offset,t.length).length;r<o;)n[r]=n[r].add(t.style),r++}),n}var o=n(91),i=n(22),a=i.OrderedSet,s=o.substr,u=a();e.exports=r},function(e,t,n){"use strict";function r(e){return y&&(e==v||e==m)}function o(e,t,n,r){var o=s.replaceText(e.getCurrentContent(),e.getSelection(),t,n,r);return u.push(e,o,"insert-characters")}function i(e,t){void 0!==e._pendingStateFromBeforeInput&&(e.update(e._pendingStateFromBeforeInput),e._pendingStateFromBeforeInput=void 0);var n=t.data;if(n){if(e.props.handleBeforeInput&&h(e.props.handleBeforeInput(n)))return void t.preventDefault();var i=e._latestEditorState,s=i.getSelection();if(!s.isCollapsed())return t.preventDefault(),void e.update(o(i,n,i.getCurrentInlineStyle(),c(i.getCurrentContent(),i.getSelection())));var l=!f(i),v=o(i,n,i.getCurrentInlineStyle(),c(i.getCurrentContent(),i.getSelection()));if(!l)return t.preventDefault(),void e.update(v);var m=s.getAnchorKey(),y=i.getBlockTree(m),g=a.getFingerprint(y),b=a.getFingerprint(v.getBlockTree(m));r(n)||g!==b||p(v.getDirectionMap()).get(m)!==p(i.getDirectionMap()).get(m)?(t.preventDefault(),e.update(v)):(v=u.set(v,{nativelyRenderedContent:v.getCurrentContent()}),e._pendingStateFromBeforeInput=v,d(function(){void 0!==e._pendingStateFromBeforeInput&&(e.update(e._pendingStateFromBeforeInput),e._pendingStateFromBeforeInput=void 0)}))}}var a=n(328),s=n(35),u=n(20),l=n(64),c=n(209),f=n(344),p=n(49),d=n(376),h=n(164),v="'",m="/",y=l.isBrowser("Firefox");e.exports=i},function(e,t,n){(function(t){"use strict";function r(e,n){s&&a()===document.body&&t.getSelection().removeAllRanges();var r=e._latestEditorState,i=r.getSelection();if(i.getHasFocus()){var u=i.set("hasFocus",!1);e.props.onBlur&&e.props.onBlur(n),e.update(o.acceptSelection(r,u))}}var o=n(20),i=n(64),a=n(166),s=i.isEngine("WebKit");e.exports=r}).call(t,function(){return this}())},function(e,t,n){"use strict";function r(e,t){e.setMode("composite"),e.update(o.set(e._latestEditorState,{inCompositionMode:!0})),e._onCompositionStart(t)}var o=n(20);e.exports=r},function(e,t,n){"use strict";function r(e,t){var n=e._latestEditorState,r=n.getSelection();return r.isCollapsed()?void t.preventDefault():void e.setClipboard(o(e._latestEditorState))}var o=n(337);e.exports=r},function(e,t,n){"use strict";function r(e,t){var n=e._latestEditorState,r=n.getSelection();if(r.isCollapsed())return void t.preventDefault();var i=s.getScrollParent(t.target),a=l(i),c=a.x,f=a.y,p=u(n);e.setClipboard(p),e.setMode("cut"),setTimeout(function(){e.restoreEditorDOM({x:c,y:f}),e.exitCurrentMode(),e.update(o(n))},0)}function o(e){var t=i.removeRange(e.getCurrentContent(),e.getSelection(),"forward");return a.push(e,t,"remove-range")}var i=n(35),a=n(20),s=n(220),u=n(337),l=n(223);e.exports=r},function(e,t){"use strict";function n(e,t){e._internalDrag=!1,e.setMode("drag"),t.preventDefault()}e.exports=n},function(e,t){"use strict";function n(e){e._internalDrag=!0,e.setMode("drag")}e.exports=n},function(e,t,n){"use strict";function r(e,t){var n=e._latestEditorState,r=n.getSelection();if(!r.getHasFocus()){var i=r.set("hasFocus",!0);e.props.onFocus&&e.props.onFocus(t),e.update(o.forceSelection(n,i))}}var o=n(20);e.exports=r},function(e,t,n){(function(t){"use strict";function r(e){void 0!==e._pendingStateFromBeforeInput&&(e.update(e._pendingStateFromBeforeInput),e._pendingStateFromBeforeInput=void 0);var n=t.getSelection(),r=n.anchorNode,s=n.isCollapsed;if(r.nodeType===Node.TEXT_NODE){var p=r.textContent,d=e._latestEditorState,h=l(u(r)),v=i.decode(h),m=v.blockKey,y=v.decoratorKey,g=v.leafKey,b=d.getBlockTree(m).getIn([y,"leaves",g]),_=b.start,w=b.end,x=d.getCurrentContent(),C=x.getBlockForKey(m),E=C.getText().slice(_,w);if(p.endsWith(f)&&(p=p.slice(0,-1)),p!==E){var S,O,P,T,k=d.getSelection(),M=k.merge({anchorOffset:_,focusOffset:w,isBackward:!1}),N=C.getEntityAt(_),A=N&&x.getEntity(N),D=A&&A.getMutability(),j="MUTABLE"===D,R=j?"spellcheck-change":"apply-entity",I=o.replaceText(x,M,p,C.getInlineStyleAt(_),j?C.getEntityAt(_):null);if(c)S=n.anchorOffset,O=n.focusOffset,P=_+Math.min(S,O),T=P+Math.abs(S-O),S=P,O=T;else{var L=p.length-E.length;P=k.getStartOffset(),T=k.getEndOffset(),S=s?T+L:P,O=T+L}var F=I.merge({selectionBefore:x.getSelectionAfter(),selectionAfter:k.merge({anchorOffset:S,focusOffset:O})});e.update(a.push(d,F,R))}}}var o=n(35),i=n(133),a=n(20),s=n(64),u=n(208),l=n(49),c=s.isEngine("Gecko"),f="\n\n";e.exports=r}).call(t,function(){return this}())},function(e,t,n){"use strict";function r(e,t){switch(e){case"redo":return a.redo(t);case"delete":return m(t);case"delete-word":return d(t);case"backspace":return v(t);case"backspace-word":return p(t);case"backspace-to-start-of-line":return f(t);case"split-block":return h(t);case"transpose-characters":return b(t);case"move-selection-to-start-of-block":return g(t);case"move-selection-to-end-of-block":return y(t);case"secondary-cut":return l.cut(t);case"secondary-paste":return l.paste(t);default:return t}}function o(e,t){var n=t.which,o=e._latestEditorState;switch(n){case u.RETURN:if(t.preventDefault(),e.props.handleReturn&&w(e.props.handleReturn(t)))return;break;case u.ESC:return t.preventDefault(),void(e.props.onEscape&&e.props.onEscape(t));case u.TAB:return void(e.props.onTab&&e.props.onTab(t));case u.UP:return void(e.props.onUpArrow&&e.props.onUpArrow(t));case u.DOWN:return void(e.props.onDownArrow&&e.props.onDownArrow(t));case u.SPACE:if(C&&x(t)){t.preventDefault();var s=i.replaceText(o.getCurrentContent(),o.getSelection(),"\xa0");return void e.update(a.push(o,s,"insert-characters"))}}var l=e.props.keyBindingFn(t);if(l){if("undo"===l)return void _(t,o,e.update);if(t.preventDefault(),!e.props.handleKeyCommand||!w(e.props.handleKeyCommand(l))){var c=r(l,o);c!==o&&e.update(c)}}}var i=n(35),a=n(20),s=n(207),u=n(219),l=n(561),c=n(64),f=n(592),p=n(593),d=n(594),h=n(595),v=n(598),m=n(599),y=n(596),g=n(597),b=n(600),_=n(601),w=n(164),x=s.isOptionKeyCommand,C=c.isBrowser("Chrome");e.exports=o},function(e,t,n){"use strict";function r(e,t){t.preventDefault();var n=new u(t.clipboardData);if(!n.isRichText()){var r=n.getFiles(),m=n.getText();if(r.length>0){if(e.props.handlePastedFiles&&h(e.props.handlePastedFiles(r)))return;return void d(r,function(t){if(t=t||m){var n=e._latestEditorState,r=v(t),o=s.create({style:n.getCurrentInlineStyle(),entity:p(n.getCurrentContent(),n.getSelection())}),i=c.processText(r,o),u=a.createFromArray(i),d=l.replaceWithFragment(n.getCurrentContent(),n.getSelection(),u);e.update(f.push(n,d,"insert-fragment"))}})}}var y=[],g=n.getText(),b=n.getHTML();if(!e.props.handlePastedText||!h(e.props.handlePastedText(g,b))){if(g&&(y=v(g)),!e.props.stripPastedStyles){var _=e.getClipboard();if(n.isRichText()&&_){if(b.indexOf(e.getEditorKey())!==-1||1===y.length&&1===_.size&&_.first().getText()===g)return void e.update(o(e._latestEditorState,_))}else if(_&&n.types.includes("com.apple.webarchive")&&!n.types.includes("text/html")&&i(y,_))return void e.update(o(e._latestEditorState,_));if(b){var w=c.processHTML(b,e.props.blockRenderMap);if(w){var x=w.contentBlocks,C=w.entityMap;if(x){var E=a.createFromArray(x);return void e.update(o(e._latestEditorState,E,C))}}}e.setClipboard(null)}if(y.length){var S=e._latestEditorState,O=s.create({style:S.getCurrentInlineStyle(),entity:p(S.getCurrentContent(),S.getSelection())}),P=c.processText(y,O),T=a.createFromArray(P);e.update(o(e._latestEditorState,T))}}}function o(e,t,n){var r=l.replaceWithFragment(e.getCurrentContent(),e.getSelection(),t);return f.push(e,r.set("entityMap",n),"insert-fragment")}function i(e,t){return e.length===t.size&&t.valueSeq().every(function(t,n){return t.getText()===e[n]})}var a=n(132),s=n(55),u=n(366),l=n(35),c=n(558),f=n(20),p=n(209),d=n(341),h=n(164),v=n(606);e.exports=r},function(e,t,n){"use strict";function r(e){if(!e._blockSelectEvents&&e._latestEditorState===e.props.editorState){var t=e.props.editorState,n=a(t,i.findDOMNode(e.refs.editorContainer).firstChild),r=n.selectionState;r!==t.getSelection()&&(t=n.needsRecovery?o.forceSelection(t,r):o.acceptSelection(t,r),e.update(t))}}var o=n(20),i=n(2),a=n(586);e.exports=r},function(e,t,n){"use strict";function r(e,t){var n=[];return e.findEntityRanges(function(e){return!!e.getEntity()},function(r,i){var s=e.getText(),u=e.getEntityAt(r);n.push({offset:a(s.slice(0,r)),length:a(s.slice(r,i)),key:Number(t[o.stringify(u)])})}),n}var o=n(333),i=n(91),a=i.strlen;e.exports=r},function(e,t,n){"use strict";function r(e,t,n){var r=[],o=t.map(function(e){return e.has(n)}).toList();return a(o,s,u,function(t,o){var a=e.getText();r.push({offset:i.strlen(a.slice(0,t)),length:i.strlen(a.slice(t,o)),style:n})}),r}function o(e){var t=e.getCharacterList().map(function(e){return e.getStyle()}).toList(),n=t.flatten().toSet().map(function(n){return r(e,t,n)});return Array.prototype.concat.apply(l,n.toJS())}var i=n(91),a=n(162),s=function(e,t){return e===t},u=function(e){return!!e},l=[];e.exports=o},function(e,t,n){"use strict";function r(e){var t=getComputedStyle(e),n=document.createElement("div");n.style.fontFamily=t.fontFamily,n.style.fontSize=t.fontSize,n.style.fontStyle=t.fontStyle,n.style.fontWeight=t.fontWeight,n.style.lineHeight=t.lineHeight,n.style.position="absolute",n.textContent="M",document.body.appendChild(n);var r=n.getBoundingClientRect();return document.body.removeChild(n),r.height}function o(e,t){for(var n=1/0,r=1/0,o=-(1/0),i=-(1/0),a=0;a<e.length;a++){var s=e[a];0!==s.width&&1!==s.width&&(n=Math.min(n,s.top),r=Math.min(r,s.bottom),o=Math.max(o,s.top),i=Math.max(i,s.bottom))}return o<=r&&o-n<t&&i-r<t}function i(e){switch(e.nodeType){case Node.DOCUMENT_TYPE_NODE:return 0;case Node.TEXT_NODE:case Node.PROCESSING_INSTRUCTION_NODE:case Node.COMMENT_NODE:return e.length;default:return e.childNodes.length}}function a(e){e.collapsed?void 0:l(!1),e=e.cloneRange();var t=e.startContainer;1!==t.nodeType&&(t=t.parentNode);var n=r(t),a=e.endContainer,c=e.endOffset;for(e.setStart(e.startContainer,0);o(u(e),n)&&(a=e.startContainer,c=e.startOffset,a.parentNode?void 0:l(!1),e.setStartBefore(a),1!==a.nodeType||"inline"===getComputedStyle(a).display););for(var f=a,p=c-1;;){for(var d=f.nodeValue,h=p;h>=0;h--)if(!(null!=d&&h>0&&s.isSurrogatePair(d,h-1))){if(e.setStart(f,h),!o(u(e),n))break;a=f,c=h}if(h===-1||0===f.childNodes.length)break;f=f.childNodes[h],p=i(f)}return e.setStart(a,c),e}var s=n(91),u=n(338),l=n(13);e.exports=a},function(e,t,n){"use strict";function r(e,t,n,r){var s=n.getStartOffset(),u=n.getEndOffset(),l=t.getEntityAt(s);if(!l)return n;var c=e.__get(l),f=c.getMutability();if("MUTABLE"===f)return n;var p=i(t,l).filter(function(e){return s<e.end&&u>e.start});1!=p.length?a(!1):void 0;var d=p[0];if("IMMUTABLE"===f)return n.merge({anchorOffset:d.start,focusOffset:d.end,isBackward:!1});var h=o.getRemovalRange(s,u,t.getText().slice(d.start,d.end),d.start,r);return n.merge({anchorOffset:h.start,focusOffset:h.end,isBackward:!1})}var o=n(557),i=n(588),a=n(13);e.exports=r},function(e,t,n){(function(t){"use strict";function r(e,n){var r=t.getSelection();return 0===r.rangeCount?{selectionState:e.getSelection().set("hasFocus",!1),needsRecovery:!1}:o(e,n,r.anchorNode,r.anchorOffset,r.focusNode,r.focusOffset)}var o=n(336);e.exports=r}).call(t,function(){return this}())},function(e,t,n){"use strict";function r(e){var t=o(e),n=0,r=0,i=0,a=0;if(t.length){var s=t[0];n=s.top,r=s.right,i=s.bottom,a=s.left;for(var u=1;u<t.length;u++){var l=t[u];0===l.height&&0===l.width||(n=Math.min(n,l.top),r=Math.max(r,l.right),i=Math.max(i,l.bottom),a=Math.min(a,l.left))}}return{top:n,right:r,bottom:i,left:a,width:r-a,height:i-n}}var o=n(338);e.exports=r},function(e,t,n){"use strict";function r(e,t){var n=[];return e.findEntityRanges(function(e){return e.getEntity()===t},function(e,t){n.push({start:e,end:t})}),n.length?void 0:o(!1),n}var o=n(13);e.exports=r},function(e,t,n){"use strict";function r(e){var t=e.getSelection();if(!t.rangeCount)return null;var n=t.getRangeAt(0),r=o(n),i=r.top,a=r.right,s=r.bottom,u=r.left;return 0===i&&0===a&&0===s&&0===u?null:r}var o=n(587);e.exports=r},function(e,t,n){"use strict";function r(e,t,n){t.isCollapsed()?void 0:s(!1);var r,u,l=t.getStartKey(),c=t.getStartOffset(),f=e.getBlockMap(),p=n.size;if(1===p){var d=f.get(l),h=n.first(),v=d.getText(),m=d.getCharacterList(),y=d.merge({text:v.slice(0,c)+h.getText()+v.slice(c),characterList:a(m,h.getCharacterList(),c),data:h.getData()});return f=f.set(l,y),r=l,u=c+h.getText().length,e.merge({blockMap:f.set(l,y),selectionBefore:t,selectionAfter:t.merge({anchorKey:r,anchorOffset:u,focusKey:r,focusOffset:u,isBackward:!1})})}var g=[];return e.getBlockMap().forEach(function(e,t){if(t!==l)return void g.push(e);var o=e.getText(),a=e.getCharacterList(),s=o.length,u=o.slice(0,c),f=a.slice(0,c),d=n.first(),h=e.merge({text:u+d.getText(),characterList:f.concat(d.getCharacterList()),type:u?e.getType():d.getType(),data:d.getData()});g.push(h),n.slice(1,p-1).forEach(function(e){g.push(e.set("key",i()))});var v=o.slice(c,s),m=a.slice(c,s),y=n.last();r=i();var b=y.merge({key:r,text:y.getText()+v,characterList:y.getCharacterList().concat(m),data:y.getData()});g.push(b)}),u=n.last().getLength(),e.merge({blockMap:o.createFromArray(g),selectionBefore:t,selectionAfter:t.merge({anchorKey:r,anchorOffset:u,focusKey:r,focusOffset:u,isBackward:!1})})}var o=n(132),i=n(63),a=n(343),s=n(13);e.exports=r},function(e,t,n){"use strict";function r(e,t,n,r){t.isCollapsed()?void 0:a(!1);var o=n.length;if(!o)return e;var u=e.getBlockMap(),l=t.getStartKey(),c=t.getStartOffset(),f=u.get(l),p=f.getText(),d=f.merge({text:p.slice(0,c)+n+p.slice(c,f.getLength()),characterList:i(f.getCharacterList(),s(r,o).toList(),c)}),h=c+o;return e.merge({blockMap:u.set(l,d),selectionAfter:t.merge({anchorOffset:h,focusOffset:h})})}var o=n(22),i=n(343),a=n(13),s=o.Repeat;e.exports=r},function(e,t,n){(function(t){"use strict";function r(e){var n=u(e,function(e){var n=e.getSelection();if(n.isCollapsed()&&0===n.getAnchorOffset())return s(e,1);var r=t.getSelection(),o=r.getRangeAt(0);return o=i(o),a(e,null,o.endContainer,o.endOffset,o.startContainer,o.startOffset).selectionState},"backward");return n===e.getCurrentContent()?e:o.push(e,n,"remove-range")}var o=n(20),i=n(584),a=n(336),s=n(210),u=n(134);e.exports=r}).call(t,function(){return this}())},function(e,t,n){"use strict";function r(e){var t=s(e,function(e){var t=e.getSelection(),n=t.getStartOffset();if(0===n)return a(e,1);var r=t.getStartKey(),i=e.getCurrentContent(),s=i.getBlockForKey(r).getText().slice(0,n),u=o.getBackward(s);return a(e,u.length||1)},"backward");return t===e.getCurrentContent()?e:i.push(e,t,"remove-range")}var o=n(332),i=n(20),a=n(210),s=n(134);e.exports=r},function(e,t,n){"use strict";function r(e){var t=s(e,function(e){var t=e.getSelection(),n=t.getStartOffset(),r=t.getStartKey(),i=e.getCurrentContent(),s=i.getBlockForKey(r).getText().slice(n),u=o.getForward(s);return a(e,u.length||1)},"forward");return t===e.getCurrentContent()?e:i.push(e,t,"remove-range")}var o=n(332),i=n(20),a=n(345),s=n(134);e.exports=r},function(e,t,n){"use strict";function r(e){var t=o.splitBlock(e.getCurrentContent(),e.getSelection());return i.push(e,t,"split-block")}var o=n(35),i=n(20);e.exports=r},function(e,t,n){"use strict";function r(e){var t=e.getSelection(),n=t.getEndKey(),r=e.getCurrentContent(),i=r.getBlockForKey(n).getLength();return o.set(e,{selection:t.merge({anchorKey:n,anchorOffset:i,focusKey:n,focusOffset:i,isBackward:!1}),forceSelection:!0})}var o=n(20);e.exports=r},function(e,t,n){"use strict";function r(e){var t=e.getSelection(),n=t.getStartKey();return o.set(e,{selection:t.merge({anchorKey:n,anchorOffset:0,focusKey:n,focusOffset:0,isBackward:!1}),forceSelection:!0})}var o=n(20);e.exports=r},function(e,t,n){"use strict";function r(e){var t=s(e,function(e){var t=e.getSelection(),n=e.getCurrentContent(),r=t.getAnchorKey(),o=t.getAnchorOffset(),s=n.getBlockForKey(r).getText()[o-1];return a(e,s?i.getUTF16Length(s,0):1)},"backward");if(t===e.getCurrentContent())return e;var n=e.getSelection();return o.push(e,t.set("selectionBefore",n),n.isCollapsed()?"backspace-character":"remove-range")}var o=n(20),i=n(91),a=n(210),s=n(134);e.exports=r},function(e,t,n){"use strict";function r(e){var t=s(e,function(e){var t=e.getSelection(),n=e.getCurrentContent(),r=t.getAnchorKey(),o=t.getAnchorOffset(),s=n.getBlockForKey(r).getText()[o];return a(e,s?i.getUTF16Length(s,0):1)},"forward");if(t===e.getCurrentContent())return e;var n=e.getSelection();return o.push(e,t.set("selectionBefore",n),n.isCollapsed()?"delete-character":"remove-range")}var o=n(20),i=n(91),a=n(345),s=n(134);e.exports=r},function(e,t,n){"use strict";function r(e){var t=e.getSelection();if(!t.isCollapsed())return e;var n=t.getAnchorOffset();if(0===n)return e;var r=t.getAnchorKey(),s=e.getCurrentContent(),u=s.getBlockForKey(r),l=u.getLength();if(l<=1)return e;var c,f;n===l?(c=t.set("anchorOffset",n-1),f=t):(c=t.set("focusOffset",n+1),f=c.set("anchorOffset",n+1));var p=a(s,c),d=o.removeRange(s,c,"backward"),h=d.getSelectionAfter(),v=h.getAnchorOffset()-1,m=h.merge({anchorOffset:v,focusOffset:v}),y=o.replaceWithFragment(d,m,p),g=i.push(e,y,"insert-fragment");return i.acceptSelection(g,f)}var o=n(35),i=n(20),a=n(163);e.exports=r},function(e,t,n){"use strict";function r(e,t,n){var r=o.undo(t);if("spellcheck-change"===t.getLastChangeType()){var i=r.getCurrentContent();return void n(o.set(r,{nativelyRenderedContent:i}))}return e.preventDefault(),t.getNativelyRenderedContent()?(n(o.set(t,{nativelyRenderedContent:null})),void setTimeout(function(){n(r)},0)):void n(r)}var o=n(20);e.exports=r},function(e,t,n){"use strict";function r(e,t,n){var r=t.getStartKey(),o=t.getEndKey(),a=e.getBlockMap(),s=a.toSeq().skipUntil(function(e,t){return t===r}).takeUntil(function(e,t){return t===o}).concat(i([[o,a.get(o)]])).map(n);return e.merge({blockMap:a.merge(s),selectionBefore:t,selectionAfter:t})}var o=n(22),i=o.Map;e.exports=r},function(e,t,n){"use strict";function r(e,t){if(t.isCollapsed())return e;var n,r=e.getBlockMap(),a=t.getStartKey(),s=t.getStartOffset(),u=t.getEndKey(),l=t.getEndOffset(),c=r.get(a),f=r.get(u);n=c===f?o(c.getCharacterList(),s,l):c.getCharacterList().slice(0,s).concat(f.getCharacterList().slice(l));var p=c.merge({text:c.getText().slice(0,s)+f.getText().slice(l),characterList:n}),d=r.toSeq().skipUntil(function(e,t){return t===a}).takeUntil(function(e,t){return t===u}).concat(i.Map([[u,null]])).map(function(e,t){return t===a?p:null});return r=r.merge(d).filter(function(e){return!!e}),e.merge({blockMap:r,selectionBefore:t,selectionAfter:t.merge({anchorKey:a,anchorOffset:s,focusKey:a,focusOffset:s,isBackward:!1})})}function o(e,t,n){if(0===t)for(;t<n;)e=e.shift(),t++;else if(n===e.count())for(;n>t;)e=e.pop(),n--;else{var r=e.slice(0,t),o=e.slice(n);e=r.concat(o).toList()}return e}var i=n(22);e.exports=r},function(e,t,n){(function(t){"use strict";function r(e,n,r,s,u){if(a(document.documentElement,n)){var l=t.getSelection(),c=e.getAnchorKey(),f=e.getAnchorOffset(),p=e.getFocusKey(),d=e.getFocusOffset(),h=e.getIsBackward();if(!l.extend&&h){var v=c,m=f;c=p,f=d,p=v,d=m,h=!1}var y=c===r&&s<=f&&u>=f,g=p===r&&s<=d&&u>=d;if(y&&g)return l.removeAllRanges(),i(l,n,f-s),void o(l,n,d-s);if(h){if(g&&(l.removeAllRanges(),i(l,n,d-s)),y){var b=l.focusNode,_=l.focusOffset;l.removeAllRanges(),i(l,n,f-s),o(l,b,_)}}else y&&(l.removeAllRanges(),i(l,n,f-s)),g&&o(l,n,d-s)}}function o(e,t,n){if(e.extend&&a(s(),t))e.extend(t,n);else{var r=e.getRangeAt(0);r.setEnd(t,n),e.addRange(r.cloneRange())}}function i(e,t,n){var r=document.createRange();r.setStart(t,n),e.addRange(r)}var a=n(222),s=n(166);e.exports=r}).call(t,function(){return this}())},function(e,t,n){"use strict";function r(e,t){t.isCollapsed()?void 0:a(!1);var n=t.getAnchorKey(),r=t.getAnchorOffset(),o=e.getBlockMap(),u=o.get(n),l=u.getText(),c=u.getCharacterList(),f=u.merge({text:l.slice(0,r),characterList:c.slice(0,r)}),p=i(),d=f.merge({key:p,text:l.slice(r),characterList:c.slice(r),data:s()}),h=o.toSeq().takeUntil(function(e){return e===u}),v=o.toSeq().skipUntil(function(e){
+return e===u}).rest(),m=h.concat([[f.getKey(),f],[d.getKey(),d]],v).toOrderedMap();return e.merge({blockMap:m,selectionBefore:t,selectionAfter:t.merge({anchorKey:p,anchorOffset:0,focusKey:p,focusOffset:0,isBackward:!1})})}var o=n(22),i=n(63),a=n(13),s=o.Map;e.exports=r},function(e,t){"use strict";function n(e){return e.split(r)}var r=/\r\n?|\n/g;e.exports=n},function(e,t,n){(function(t){var r="object"==typeof t?t:"object"==typeof window?window:"object"==typeof self?self:this,o=r.regeneratorRuntime&&Object.getOwnPropertyNames(r).indexOf("regeneratorRuntime")>=0,i=o&&r.regeneratorRuntime;if(r.regeneratorRuntime=void 0,e.exports=n(347),o)r.regeneratorRuntime=i;else try{delete r.regeneratorRuntime}catch(a){r.regeneratorRuntime=void 0}}).call(t,function(){return this}())},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function a(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f=n(1),p=r(f),d=n(12),h=r(d),v=n(92),m=r(v),y=n(609),g=r(y),b=n(80),_=r(b),w=n(225),x=r(w),C=n(1239),E=r(C),S={bottomLeft:{points:["tl","bl"],offset:[0,4],overflow:{adjustX:1,adjustY:1}},topLeft:{points:["bl","tl"],offset:[0,-4],overflow:{adjustX:1,adjustY:1}},bottomRight:{points:["tr","br"],offset:[0,4],overflow:{adjustX:1,adjustY:1}},topRight:{points:["br","tr"],offset:[0,-4],overflow:{adjustX:1,adjustY:1}}},O=function(e){function t(n){s(this,t);var r=u(this,e.call(this,n));r.setPopupVisible=function(e){"popupVisible"in r.props||r.setState({popupVisible:e}),e&&!r.state.visible&&r.setState({activeValue:r.state.value}),r.props.onPopupVisibleChange(e)},r.handleChange=function(e,t,n){"keydown"===n.type&&n.keyCode!==_["default"].ENTER||(r.props.onChange(e.map(function(e){return e.value}),e),r.setPopupVisible(t.visible))},r.handlePopupVisibleChange=function(e){r.setPopupVisible(e)},r.handleMenuSelect=function(e,t,n){n&&n.preventDefault&&n.preventDefault();var o=r.refs.trigger.getRootDomNode();o&&o.focus&&o.focus();var i=r.props,a=i.changeOnSelect,s=i.loadData;if(e&&!e.disabled){var u=r.state.activeValue;u=u.slice(0,t+1),u[t]=e.value;var l=r.getActiveOptions(u);if(e.isLeaf===!1&&!e.children&&s)return a&&r.handleChange(l,{visible:!0},n),r.setState({activeValue:u}),void s(l);var c={};e.children&&e.children.length?a&&(r.handleChange(l,{visible:!0},n),c.value=u):(r.handleChange(l,{visible:!1},n),c.value=u),c.activeValue=u,("value"in r.props||"keydown"===n.type&&n.keyCode!==_["default"].ENTER)&&delete c.value,r.setState(c)}},r.handleKeyDown=function(e){var t=[].concat(a(r.state.activeValue)),n=t.length-1<0?0:t.length-1,o=r.getCurrentLevelOptions(),i=o.map(function(e){return e.value}).indexOf(t[n]);if(e.keyCode===_["default"].DOWN||e.keyCode===_["default"].UP||e.keyCode===_["default"].LEFT||e.keyCode===_["default"].RIGHT||e.keyCode===_["default"].ENTER||e.keyCode===_["default"].BACKSPACE||e.keyCode===_["default"].ESC){if(!r.state.popupVisible&&e.keyCode!==_["default"].BACKSPACE&&e.keyCode!==_["default"].ESC)return void r.setPopupVisible(!0);if(e.keyCode===_["default"].DOWN||e.keyCode===_["default"].UP){var s=i;s!==-1?e.keyCode===_["default"].DOWN?(s+=1,s=s>=o.length?0:s):(s-=1,s=s<0?o.length-1:s):s=0,t[n]=o[s].value}else if(e.keyCode===_["default"].LEFT||e.keyCode===_["default"].BACKSPACE)t.splice(t.length-1,1);else if(e.keyCode===_["default"].RIGHT)o[i]&&o[i].children&&t.push(o[i].children[0].value);else if(e.keyCode===_["default"].ESC)return void r.setPopupVisible(!1);t&&0!==t.length||r.setPopupVisible(!1);var u=r.getActiveOptions(t),l=u[u.length-1];r.handleMenuSelect(l,u.length-1,e),r.props.onKeyDown&&r.props.onKeyDown(e)}};var o=[];return"value"in n?o=n.value||[]:"defaultValue"in n&&(o=n.defaultValue||[]),r.state={popupVisible:n.popupVisible,activeValue:o,value:o},r}return l(t,e),t.prototype.componentWillReceiveProps=function(e){if("value"in e&&!(0,E["default"])(this.props.value,e.value)){var t={value:e.value||[],activeValue:e.value||[]};"loadData"in e&&delete t.activeValue,this.setState(t)}"popupVisible"in e&&this.setState({popupVisible:e.popupVisible})},t.prototype.getPopupDOMNode=function(){return this.refs.trigger.getPopupDomNode()},t.prototype.getCurrentLevelOptions=function(){var e=this.props.options,t=this.state.activeValue,n=void 0===t?[]:t,r=(0,x["default"])(e,function(e,t){return e.value===n[t]});return r[r.length-2]?r[r.length-2].children:[].concat(a(e)).filter(function(e){return!e.disabled})},t.prototype.getActiveOptions=function(e){return(0,x["default"])(this.props.options,function(t,n){return t.value===e[n]})},t.prototype.render=function(){var e=this.props,t=e.prefixCls,n=e.transitionName,r=e.popupClassName,o=e.options,a=e.disabled,s=e.builtinPlacements,u=e.popupPlacement,l=e.children,d=i(e,["prefixCls","transitionName","popupClassName","options","disabled","builtinPlacements","popupPlacement","children"]),h=p["default"].createElement("div",null),v="";return o&&o.length>0?h=p["default"].createElement(g["default"],c({},this.props,{value:this.state.value,activeValue:this.state.activeValue,onSelect:this.handleMenuSelect,visible:this.state.popupVisible})):v=" "+t+"-menus-empty",p["default"].createElement(m["default"],c({ref:"trigger"},d,{options:o,disabled:a,popupPlacement:u,builtinPlacements:s,popupTransitionName:n,action:a?[]:["click"],popupVisible:!a&&this.state.popupVisible,onPopupVisibleChange:this.handlePopupVisibleChange,prefixCls:t+"-menus",popupClassName:r+v,popup:h}),(0,f.cloneElement)(l,{onKeyDown:this.handleKeyDown,tabIndex:0}))},t}(f.Component);O.defaultProps={options:[],onChange:function(){},onPopupVisibleChange:function(){},disabled:!1,transitionName:"",prefixCls:"rc-cascader",popupClassName:"",popupPlacement:"bottomLeft",builtinPlacements:S},O.propTypes={value:h["default"].array,defaultValue:h["default"].array,options:h["default"].array.isRequired,onChange:h["default"].func,onPopupVisibleChange:h["default"].func,popupVisible:h["default"].bool,disabled:h["default"].bool,transitionName:h["default"].string,popupClassName:h["default"].string,popupPlacement:h["default"].string,prefixCls:h["default"].string,dropdownMenuColumnStyle:h["default"].object,builtinPlacements:h["default"].object,loadData:h["default"].func,changeOnSelect:h["default"].bool,children:h["default"].node,onKeyDown:h["default"].func},t["default"]=O,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l=n(1),c=r(l),f=n(12),p=r(f),d=n(225),h=r(d),v=n(2),m=function(e){function t(){return i(this,t),a(this,e.apply(this,arguments))}return s(t,e),t.prototype.componentDidMount=function(){this.scrollActiveItemToView()},t.prototype.componentDidUpdate=function(e){!e.visible&&this.props.visible&&this.scrollActiveItemToView()},t.prototype.getOption=function(e,t){var n=this.props,r=n.prefixCls,o=n.expandTrigger,i=this.props.onSelect.bind(this,e,t),a={onClick:i},s=r+"-menu-item",l=e.children&&e.children.length>0;(l||e.isLeaf===!1)&&(s+=" "+r+"-menu-item-expand"),"hover"===o&&l&&(a={onMouseEnter:this.delayOnSelect.bind(this,i),onMouseLeave:this.delayOnSelect.bind(this)}),this.isActiveOption(e,t)&&(s+=" "+r+"-menu-item-active",a.ref="activeItem"+t),e.disabled&&(s+=" "+r+"-menu-item-disabled"),e.loading&&(s+=" "+r+"-menu-item-loading");var f="";return e.title?f=e.title:"string"==typeof e.label&&(f=e.label),c["default"].createElement("li",u({key:e.value,className:s,title:f},a),e.label)},t.prototype.getActiveOptions=function(e){var t=e||this.props.activeValue,n=this.props.options;return(0,h["default"])(n,function(e,n){return e.value===t[n]})},t.prototype.getShowOptions=function(){var e=this.props.options,t=this.getActiveOptions().map(function(e){return e.children}).filter(function(e){return!!e});return t.unshift(e),t},t.prototype.delayOnSelect=function(e){for(var t=this,n=arguments.length,r=Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];this.delayTimer&&(clearTimeout(this.delayTimer),this.delayTimer=null),"function"==typeof e&&(this.delayTimer=setTimeout(function(){e(r),t.delayTimer=null},150))},t.prototype.scrollActiveItemToView=function(){for(var e=this.getShowOptions().length,t=0;t<e;t++){var n=this.refs["activeItem"+t];if(n){var r=(0,v.findDOMNode)(n);r.parentNode.scrollTop=r.offsetTop}}},t.prototype.isActiveOption=function(e,t){var n=this.props.activeValue,r=void 0===n?[]:n;return r[t]===e.value},t.prototype.render=function(){var e=this,t=this.props,n=t.prefixCls,r=t.dropdownMenuColumnStyle;return c["default"].createElement("div",null,this.getShowOptions().map(function(t,o){return c["default"].createElement("ul",{className:n+"-menu",key:o,style:r},t.map(function(t){return e.getOption(t,o)}))}))},t}(c["default"].Component);m.defaultProps={options:[],value:[],activeValue:[],onSelect:function(){},prefixCls:"rc-cascader-menus",visible:!1,expandTrigger:"click"},m.propTypes={value:p["default"].array,activeValue:p["default"].array,options:p["default"].array.isRequired,prefixCls:p["default"].string,expandTrigger:p["default"].string,onSelect:p["default"].func,visible:p["default"].bool,dropdownMenuColumnStyle:p["default"].object},t["default"]=m,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(608),i=r(o);t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){!function(t,n){e.exports=n()}(this,function(){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){var r=n(2),o=n(7),i=n(11),a=function(e){if(e instanceof a)return e;if(!(this instanceof a))return new a(e);this.values={rgb:[0,0,0],hsl:[0,0,0],hsv:[0,0,0],hwb:[0,0,0],cmyk:[0,0,0,0],alpha:1};var t;if("string"==typeof e)if(t=i.getRgba(e))this.setValues("rgb",t);else if(t=i.getHsla(e))this.setValues("hsl",t);else{if(!(t=i.getHwb(e)))throw new Error('Unable to parse color from string "'+e+'"');this.setValues("hwb",t)}else if("object"==typeof e)if(t=e,void 0!==t.r||void 0!==t.red)this.setValues("rgb",t);else if(void 0!==t.l||void 0!==t.lightness)this.setValues("hsl",t);else if(void 0!==t.v||void 0!==t.value)this.setValues("hsv",t);else if(void 0!==t.w||void 0!==t.whiteness)this.setValues("hwb",t);else{if(void 0===t.c&&void 0===t.cyan)throw new Error("Unable to parse color from object "+JSON.stringify(e));this.setValues("cmyk",t)}};a.prototype={rgb:function(){return this.setSpace("rgb",arguments)},hsl:function(){return this.setSpace("hsl",arguments)},hsv:function(){return this.setSpace("hsv",arguments)},hwb:function(){return this.setSpace("hwb",arguments)},cmyk:function(){return this.setSpace("cmyk",arguments)},rgbArray:function(){return this.values.rgb},hslArray:function(){return this.values.hsl},hsvArray:function(){return this.values.hsv},hwbArray:function(){return 1!==this.values.alpha?this.values.hwb.concat([this.values.alpha]):this.values.hwb},cmykArray:function(){return this.values.cmyk},rgbaArray:function(){var e=this.values.rgb;return e.concat([this.values.alpha])},hslaArray:function(){var e=this.values.hsl;return e.concat([this.values.alpha])},alpha:function(e){return void 0===e?this.values.alpha:(this.setValues("alpha",e),this)},red:function(e){return this.setChannel("rgb",0,e)},green:function(e){return this.setChannel("rgb",1,e)},blue:function(e){return this.setChannel("rgb",2,e)},hue:function(e){return e&&(e%=360,e=e<0?360+e:e),this.setChannel("hsl",0,e)},saturation:function(e){return this.setChannel("hsl",1,e)},lightness:function(e){return this.setChannel("hsl",2,e)},saturationv:function(e){return this.setChannel("hsv",1,e)},whiteness:function(e){return this.setChannel("hwb",1,e)},blackness:function(e){return this.setChannel("hwb",2,e)},value:function(e){return this.setChannel("hsv",2,e)},cyan:function(e){return this.setChannel("cmyk",0,e)},magenta:function(e){return this.setChannel("cmyk",1,e)},yellow:function(e){return this.setChannel("cmyk",2,e)},black:function(e){return this.setChannel("cmyk",3,e)},hexString:function(){return i.hexString(this.values.rgb)},rgbString:function(){return i.rgbString(this.values.rgb,this.values.alpha)},rgbaString:function(){return i.rgbaString(this.values.rgb,this.values.alpha)},percentString:function(){return i.percentString(this.values.rgb,this.values.alpha)},hslString:function(){return i.hslString(this.values.hsl,this.values.alpha)},hslaString:function(){return i.hslaString(this.values.hsl,this.values.alpha)},hwbString:function(){return i.hwbString(this.values.hwb,this.values.alpha)},keyword:function(){return i.keyword(this.values.rgb,this.values.alpha)},rgbNumber:function(){return this.values.rgb[0]<<16|this.values.rgb[1]<<8|this.values.rgb[2]},luminosity:function(){for(var e=this.values.rgb,t=[],n=0;n<e.length;n++){var r=e[n]/255;t[n]=r<=.03928?r/12.92:Math.pow((r+.055)/1.055,2.4)}return.2126*t[0]+.7152*t[1]+.0722*t[2]},contrast:function(e){var t=this.luminosity(),n=e.luminosity();return t>n?(t+.05)/(n+.05):(n+.05)/(t+.05)},level:function(e){var t=this.contrast(e);return t>=7.1?"AAA":t>=4.5?"AA":""},dark:function(){var e=this.values.rgb,t=(299*e[0]+587*e[1]+114*e[2])/1e3;return t<128},light:function(){return!this.dark()},negate:function(){for(var e=[],t=0;t<3;t++)e[t]=255-this.values.rgb[t];return this.setValues("rgb",e),this},lighten:function(e){return this.values.hsl[2]+=this.values.hsl[2]*e,this.setValues("hsl",this.values.hsl),this},darken:function(e){return this.values.hsl[2]-=this.values.hsl[2]*e,this.setValues("hsl",this.values.hsl),this},saturate:function(e){return this.values.hsl[1]+=this.values.hsl[1]*e,this.setValues("hsl",this.values.hsl),this},desaturate:function(e){return this.values.hsl[1]-=this.values.hsl[1]*e,this.setValues("hsl",this.values.hsl),this},whiten:function(e){return this.values.hwb[1]+=this.values.hwb[1]*e,this.setValues("hwb",this.values.hwb),this},blacken:function(e){return this.values.hwb[2]+=this.values.hwb[2]*e,this.setValues("hwb",this.values.hwb),this},greyscale:function(){var e=this.values.rgb,t=.3*e[0]+.59*e[1]+.11*e[2];return this.setValues("rgb",[t,t,t]),this},clearer:function(e){return this.setValues("alpha",this.values.alpha-this.values.alpha*e),this},opaquer:function(e){return this.setValues("alpha",this.values.alpha+this.values.alpha*e),this},rotate:function(e){var t=this.values.hsl[0];return t=(t+e)%360,t=t<0?360+t:t,this.values.hsl[0]=t,this.setValues("hsl",this.values.hsl),this},mix:function(e,t){var n=this,r=e,o=void 0===t?.5:t,i=2*o-1,a=n.alpha()-r.alpha(),s=((i*a===-1?i:(i+a)/(1+i*a))+1)/2,u=1-s;return this.rgb(s*n.red()+u*r.red(),s*n.green()+u*r.green(),s*n.blue()+u*r.blue()).alpha(n.alpha()*o+r.alpha()*(1-o))},toJSON:function(){return this.rgb()},clone:function(){var e=new a;return e.values=r(this.values),e}},a.prototype.getValues=function(e){for(var t={},n=0;n<e.length;n++)t[e.charAt(n)]=this.values[e][n];return 1!==this.values.alpha&&(t.a=this.values.alpha),t},a.prototype.setValues=function(e,t){var n,r={rgb:["red","green","blue"],hsl:["hue","saturation","lightness"],hsv:["hue","saturation","value"],hwb:["hue","whiteness","blackness"],cmyk:["cyan","magenta","yellow","black"]},i={rgb:[255,255,255],hsl:[360,100,100],hsv:[360,100,100],hwb:[360,100,100],cmyk:[100,100,100,100]},a=1;if("alpha"===e)a=t;else if(t.length)this.values[e]=t.slice(0,e.length),a=t[e.length];else if(void 0!==t[e.charAt(0)]){for(n=0;n<e.length;n++)this.values[e][n]=t[e.charAt(n)];a=t.a}else if(void 0!==t[r[e][0]]){var s=r[e];for(n=0;n<e.length;n++)this.values[e][n]=t[s[n]];a=t.alpha}if(this.values.alpha=Math.max(0,Math.min(1,void 0===a?this.values.alpha:a)),"alpha"===e)return!1;var u;for(n=0;n<e.length;n++)u=Math.max(0,Math.min(i[e][n],this.values[e][n])),this.values[e][n]=Math.round(u);for(var l in r)for(l!==e&&(this.values[l]=o[e][l](this.values[e])),n=0;n<l.length;n++)u=Math.max(0,Math.min(i[l][n],this.values[l][n])),this.values[l][n]=Math.round(u);return!0},a.prototype.setSpace=function(e,t){var n=t[0];return void 0===n?this.getValues(e):("number"==typeof n&&(n=Array.prototype.slice.call(t)),this.setValues(e,n),this)},a.prototype.setChannel=function(e,t,n){return void 0===n?this.values[e][t]:n===this.values[e][t]?this:(this.values[e][t]=n,this.setValues(e,this.values[e]),this)},e.exports=a},function(e,t,n){(function(t){var n=function(){"use strict";function e(n,r,o,i){function s(n,o){if(null===n)return null;if(0==o)return n;var u,p;if("object"!=typeof n)return n;if(e.__isArray(n))u=[];else if(e.__isRegExp(n))u=new RegExp(n.source,a(n)),n.lastIndex&&(u.lastIndex=n.lastIndex);else if(e.__isDate(n))u=new Date(n.getTime());else{if(f&&t.isBuffer(n))return u=new t(n.length),n.copy(u),u;"undefined"==typeof i?(p=Object.getPrototypeOf(n),u=Object.create(p)):(u=Object.create(i),p=i)}if(r){var d=l.indexOf(n);if(d!=-1)return c[d];l.push(n),c.push(u)}for(var h in n){var v;p&&(v=Object.getOwnPropertyDescriptor(p,h)),v&&null==v.set||(u[h]=s(n[h],o-1))}return u}var u;"object"==typeof r&&(o=r.depth,i=r.prototype,u=r.filter,r=r.circular);var l=[],c=[],f="undefined"!=typeof t;return"undefined"==typeof r&&(r=!0),"undefined"==typeof o&&(o=1/0),s(n,o)}function n(e){return Object.prototype.toString.call(e)}function r(e){return"object"==typeof e&&"[object Date]"===n(e)}function o(e){return"object"==typeof e&&"[object Array]"===n(e)}function i(e){return"object"==typeof e&&"[object RegExp]"===n(e)}function a(e){var t="";return e.global&&(t+="g"),e.ignoreCase&&(t+="i"),e.multiline&&(t+="m"),t}return e.clonePrototype=function(e){if(null===e)return null;var t=function(){};return t.prototype=e,new t},e.__objToStr=n,e.__isDate=r,e.__isArray=o,e.__isRegExp=i,e.__getRegExpFlags=a,e}();"object"==typeof e&&e.exports&&(e.exports=n)}).call(t,n(3).Buffer)},function(e,t,n){(function(e,r){/*!
 		 * The buffer module from node.js, for the browser.
 		 *
 		 * @author   Feross Aboukhadijeh <feross@feross.org> <http://feross.org>
 		 * @license  MIT
 		 */
-"use strict";function o(){try{var e=new Uint8Array(1);return e.__proto__={__proto__:Uint8Array.prototype,foo:function(){return 42}},42===e.foo()&&"function"==typeof e.subarray&&0===e.subarray(1,1).byteLength}catch(t){return!1}}function i(){return e.TYPED_ARRAY_SUPPORT?2147483647:1073741823}function a(t,n){if(i()<n)throw new RangeError("Invalid typed array length");return e.TYPED_ARRAY_SUPPORT?(t=new Uint8Array(n),t.__proto__=e.prototype):(null===t&&(t=new e(n)),t.length=n),t}function e(t,n,r){if(!(e.TYPED_ARRAY_SUPPORT||this instanceof e))return new e(t,n,r);if("number"==typeof t){if("string"==typeof n)throw new Error("If encoding is specified then the first argument must be a string");return c(this,t)}return s(this,t,n,r)}function s(e,t,n,r){if("number"==typeof t)throw new TypeError('"value" argument must not be a number');return"undefined"!=typeof ArrayBuffer&&t instanceof ArrayBuffer?d(e,t,n,r):"string"==typeof t?f(e,t,n):h(e,t)}function u(e){if("number"!=typeof e)throw new TypeError('"size" argument must be a number');if(e<0)throw new RangeError('"size" argument must not be negative')}function l(e,t,n,r){return u(t),t<=0?a(e,t):void 0!==n?"string"==typeof r?a(e,t).fill(n,r):a(e,t).fill(n):a(e,t)}function c(t,n){if(u(n),t=a(t,n<0?0:0|v(n)),!e.TYPED_ARRAY_SUPPORT)for(var r=0;r<n;++r)t[r]=0;return t}function f(t,n,r){if("string"==typeof r&&""!==r||(r="utf8"),!e.isEncoding(r))throw new TypeError('"encoding" must be a valid string encoding');var o=0|y(n,r);t=a(t,o);var i=t.write(n,r);return i!==o&&(t=t.slice(0,i)),t}function p(e,t){var n=t.length<0?0:0|v(t.length);e=a(e,n);for(var r=0;r<n;r+=1)e[r]=255&t[r];return e}function d(t,n,r,o){if(n.byteLength,r<0||n.byteLength<r)throw new RangeError("'offset' is out of bounds");if(n.byteLength<r+(o||0))throw new RangeError("'length' is out of bounds");return n=void 0===r&&void 0===o?new Uint8Array(n):void 0===o?new Uint8Array(n,r):new Uint8Array(n,r,o),e.TYPED_ARRAY_SUPPORT?(t=n,t.__proto__=e.prototype):t=p(t,n),t}function h(t,n){if(e.isBuffer(n)){var r=0|v(n.length);return t=a(t,r),0===t.length?t:(n.copy(t,0,0,r),t)}if(n){if("undefined"!=typeof ArrayBuffer&&n.buffer instanceof ArrayBuffer||"length"in n)return"number"!=typeof n.length||$(n.length)?a(t,0):p(t,n);if("Buffer"===n.type&&J(n.data))return p(t,n.data)}throw new TypeError("First argument must be a string, Buffer, ArrayBuffer, Array, or array-like object.")}function v(e){if(e>=i())throw new RangeError("Attempt to allocate Buffer larger than maximum size: 0x"+i().toString(16)+" bytes");return 0|e}function m(t){return+t!=t&&(t=0),e.alloc(+t)}function y(t,n){if(e.isBuffer(t))return t.length;if("undefined"!=typeof ArrayBuffer&&"function"==typeof ArrayBuffer.isView&&(ArrayBuffer.isView(t)||t instanceof ArrayBuffer))return t.byteLength;"string"!=typeof t&&(t=""+t);var r=t.length;if(0===r)return 0;for(var o=!1;;)switch(n){case"ascii":case"latin1":case"binary":return r;case"utf8":case"utf-8":case void 0:return W(t).length;case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return 2*r;case"hex":return r>>>1;case"base64":return G(t).length;default:if(o)return W(t).length;n=(""+n).toLowerCase(),o=!0}}function g(e,t,n){var r=!1;if((void 0===t||t<0)&&(t=0),t>this.length)return"";if((void 0===n||n>this.length)&&(n=this.length),n<=0)return"";if(n>>>=0,t>>>=0,n<=t)return"";for(e||(e="utf8");;)switch(e){case"hex":return D(this,t,n);case"utf8":case"utf-8":return k(this,t,n);case"ascii":return N(this,t,n);case"latin1":case"binary":return A(this,t,n);case"base64":return T(this,t,n);case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return j(this,t,n);default:if(r)throw new TypeError("Unknown encoding: "+e);e=(e+"").toLowerCase(),r=!0}}function b(e,t,n){var r=e[t];e[t]=e[n],e[n]=r}function _(t,n,r,o,i){if(0===t.length)return-1;if("string"==typeof r?(o=r,r=0):r>2147483647?r=2147483647:r<-2147483648&&(r=-2147483648),r=+r,isNaN(r)&&(r=i?0:t.length-1),r<0&&(r=t.length+r),r>=t.length){if(i)return-1;r=t.length-1}else if(r<0){if(!i)return-1;r=0}if("string"==typeof n&&(n=e.from(n,o)),e.isBuffer(n))return 0===n.length?-1:w(t,n,r,o,i);if("number"==typeof n)return n=255&n,e.TYPED_ARRAY_SUPPORT&&"function"==typeof Uint8Array.prototype.indexOf?i?Uint8Array.prototype.indexOf.call(t,n,r):Uint8Array.prototype.lastIndexOf.call(t,n,r):w(t,[n],r,o,i);throw new TypeError("val must be string, number or Buffer")}function w(e,t,n,r,o){function i(e,t){return 1===a?e[t]:e.readUInt16BE(t*a)}var a=1,s=e.length,u=t.length;if(void 0!==r&&(r=String(r).toLowerCase(),"ucs2"===r||"ucs-2"===r||"utf16le"===r||"utf-16le"===r)){if(e.length<2||t.length<2)return-1;a=2,s/=2,u/=2,n/=2}var l;if(o){var c=-1;for(l=n;l<s;l++)if(i(e,l)===i(t,c===-1?0:l-c)){if(c===-1&&(c=l),l-c+1===u)return c*a}else c!==-1&&(l-=l-c),c=-1}else for(n+u>s&&(n=s-u),l=n;l>=0;l--){for(var f=!0,p=0;p<u;p++)if(i(e,l+p)!==i(t,p)){f=!1;break}if(f)return l}return-1}function x(e,t,n,r){n=Number(n)||0;var o=e.length-n;r?(r=Number(r),r>o&&(r=o)):r=o;var i=t.length;if(i%2!==0)throw new TypeError("Invalid hex string");r>i/2&&(r=i/2);for(var a=0;a<r;++a){var s=parseInt(t.substr(2*a,2),16);if(isNaN(s))return a;e[n+a]=s}return a}function C(e,t,n,r){return X(W(t,e.length-n),e,n,r)}function E(e,t,n,r){return X(q(t),e,n,r)}function S(e,t,n,r){return E(e,t,n,r)}function P(e,t,n,r){return X(G(t),e,n,r)}function O(e,t,n,r){return X(Y(t,e.length-n),e,n,r)}function T(e,t,n){return 0===t&&n===e.length?Z.fromByteArray(e):Z.fromByteArray(e.slice(t,n))}function k(e,t,n){n=Math.min(e.length,n);for(var r=[],o=t;o<n;){var i=e[o],a=null,s=i>239?4:i>223?3:i>191?2:1;if(o+s<=n){var u,l,c,f;switch(s){case 1:i<128&&(a=i);break;case 2:u=e[o+1],128===(192&u)&&(f=(31&i)<<6|63&u,f>127&&(a=f));break;case 3:u=e[o+1],l=e[o+2],128===(192&u)&&128===(192&l)&&(f=(15&i)<<12|(63&u)<<6|63&l,f>2047&&(f<55296||f>57343)&&(a=f));break;case 4:u=e[o+1],l=e[o+2],c=e[o+3],128===(192&u)&&128===(192&l)&&128===(192&c)&&(f=(15&i)<<18|(63&u)<<12|(63&l)<<6|63&c,f>65535&&f<1114112&&(a=f))}}null===a?(a=65533,s=1):a>65535&&(a-=65536,r.push(a>>>10&1023|55296),a=56320|1023&a),r.push(a),o+=s}return M(r)}function M(e){var t=e.length;if(t<=ee)return String.fromCharCode.apply(String,e);for(var n="",r=0;r<t;)n+=String.fromCharCode.apply(String,e.slice(r,r+=ee));return n}function N(e,t,n){var r="";n=Math.min(e.length,n);for(var o=t;o<n;++o)r+=String.fromCharCode(127&e[o]);return r}function A(e,t,n){var r="";n=Math.min(e.length,n);for(var o=t;o<n;++o)r+=String.fromCharCode(e[o]);return r}function D(e,t,n){var r=e.length;(!t||t<0)&&(t=0),(!n||n<0||n>r)&&(n=r);for(var o="",i=t;i<n;++i)o+=K(e[i]);return o}function j(e,t,n){for(var r=e.slice(t,n),o="",i=0;i<r.length;i+=2)o+=String.fromCharCode(r[i]+256*r[i+1]);return o}function R(e,t,n){if(e%1!==0||e<0)throw new RangeError("offset is not uint");if(e+t>n)throw new RangeError("Trying to access beyond buffer length")}function I(t,n,r,o,i,a){if(!e.isBuffer(t))throw new TypeError('"buffer" argument must be a Buffer instance');if(n>i||n<a)throw new RangeError('"value" argument is out of bounds');if(r+o>t.length)throw new RangeError("Index out of range")}function L(e,t,n,r){t<0&&(t=65535+t+1);for(var o=0,i=Math.min(e.length-n,2);o<i;++o)e[n+o]=(t&255<<8*(r?o:1-o))>>>8*(r?o:1-o)}function F(e,t,n,r){t<0&&(t=4294967295+t+1);for(var o=0,i=Math.min(e.length-n,4);o<i;++o)e[n+o]=t>>>8*(r?o:3-o)&255}function U(e,t,n,r,o,i){if(n+r>e.length)throw new RangeError("Index out of range");if(n<0)throw new RangeError("Index out of range")}function V(e,t,n,r,o){return o||U(e,t,n,4,3.4028234663852886e38,-3.4028234663852886e38),Q.write(e,t,n,r,23,4),n+4}function B(e,t,n,r,o){return o||U(e,t,n,8,1.7976931348623157e308,-1.7976931348623157e308),Q.write(e,t,n,r,52,8),n+8}function z(e){if(e=H(e).replace(te,""),e.length<2)return"";for(;e.length%4!==0;)e+="=";return e}function H(e){return e.trim?e.trim():e.replace(/^\s+|\s+$/g,"")}function K(e){return e<16?"0"+e.toString(16):e.toString(16)}function W(e,t){t=t||1/0;for(var n,r=e.length,o=null,i=[],a=0;a<r;++a){if(n=e.charCodeAt(a),n>55295&&n<57344){if(!o){if(n>56319){(t-=3)>-1&&i.push(239,191,189);continue}if(a+1===r){(t-=3)>-1&&i.push(239,191,189);continue}o=n;continue}if(n<56320){(t-=3)>-1&&i.push(239,191,189),o=n;continue}n=(o-55296<<10|n-56320)+65536}else o&&(t-=3)>-1&&i.push(239,191,189);if(o=null,n<128){if((t-=1)<0)break;i.push(n)}else if(n<2048){if((t-=2)<0)break;i.push(n>>6|192,63&n|128)}else if(n<65536){if((t-=3)<0)break;i.push(n>>12|224,n>>6&63|128,63&n|128)}else{if(!(n<1114112))throw new Error("Invalid code point");if((t-=4)<0)break;i.push(n>>18|240,n>>12&63|128,n>>6&63|128,63&n|128)}}return i}function q(e){for(var t=[],n=0;n<e.length;++n)t.push(255&e.charCodeAt(n));return t}function Y(e,t){for(var n,r,o,i=[],a=0;a<e.length&&!((t-=2)<0);++a)n=e.charCodeAt(a),r=n>>8,o=n%256,i.push(o),i.push(r);return i}function G(e){return Z.toByteArray(z(e))}function X(e,t,n,r){for(var o=0;o<r&&!(o+n>=t.length||o>=e.length);++o)t[o+n]=e[o];return o}function $(e){return e!==e}var Z=n(4),Q=n(5),J=n(6);t.Buffer=e,t.SlowBuffer=m,t.INSPECT_MAX_BYTES=50,e.TYPED_ARRAY_SUPPORT=void 0!==r.TYPED_ARRAY_SUPPORT?r.TYPED_ARRAY_SUPPORT:o(),t.kMaxLength=i(),e.poolSize=8192,e._augment=function(t){return t.__proto__=e.prototype,t},e.from=function(e,t,n){return s(null,e,t,n)},e.TYPED_ARRAY_SUPPORT&&(e.prototype.__proto__=Uint8Array.prototype,e.__proto__=Uint8Array,"undefined"!=typeof Symbol&&Symbol.species&&e[Symbol.species]===e&&Object.defineProperty(e,Symbol.species,{value:null,configurable:!0})),e.alloc=function(e,t,n){return l(null,e,t,n)},e.allocUnsafe=function(e){return c(null,e)},e.allocUnsafeSlow=function(e){return c(null,e)},e.isBuffer=function(e){return!(null==e||!e._isBuffer)},e.compare=function(t,n){if(!e.isBuffer(t)||!e.isBuffer(n))throw new TypeError("Arguments must be Buffers");if(t===n)return 0;for(var r=t.length,o=n.length,i=0,a=Math.min(r,o);i<a;++i)if(t[i]!==n[i]){r=t[i],o=n[i];break}return r<o?-1:o<r?1:0},e.isEncoding=function(e){switch(String(e).toLowerCase()){case"hex":case"utf8":case"utf-8":case"ascii":case"latin1":case"binary":case"base64":case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return!0;default:return!1}},e.concat=function(t,n){if(!J(t))throw new TypeError('"list" argument must be an Array of Buffers');if(0===t.length)return e.alloc(0);var r;if(void 0===n)for(n=0,r=0;r<t.length;++r)n+=t[r].length;var o=e.allocUnsafe(n),i=0;for(r=0;r<t.length;++r){var a=t[r];if(!e.isBuffer(a))throw new TypeError('"list" argument must be an Array of Buffers');a.copy(o,i),i+=a.length}return o},e.byteLength=y,e.prototype._isBuffer=!0,e.prototype.swap16=function(){var e=this.length;if(e%2!==0)throw new RangeError("Buffer size must be a multiple of 16-bits");for(var t=0;t<e;t+=2)b(this,t,t+1);return this},e.prototype.swap32=function(){var e=this.length;if(e%4!==0)throw new RangeError("Buffer size must be a multiple of 32-bits");for(var t=0;t<e;t+=4)b(this,t,t+3),b(this,t+1,t+2);return this},e.prototype.swap64=function(){var e=this.length;if(e%8!==0)throw new RangeError("Buffer size must be a multiple of 64-bits");for(var t=0;t<e;t+=8)b(this,t,t+7),b(this,t+1,t+6),b(this,t+2,t+5),b(this,t+3,t+4);return this},e.prototype.toString=function(){var e=0|this.length;return 0===e?"":0===arguments.length?k(this,0,e):g.apply(this,arguments)},e.prototype.equals=function(t){if(!e.isBuffer(t))throw new TypeError("Argument must be a Buffer");return this===t||0===e.compare(this,t)},e.prototype.inspect=function(){var e="",n=t.INSPECT_MAX_BYTES;return this.length>0&&(e=this.toString("hex",0,n).match(/.{2}/g).join(" "),this.length>n&&(e+=" ... ")),"<Buffer "+e+">"},e.prototype.compare=function(t,n,r,o,i){if(!e.isBuffer(t))throw new TypeError("Argument must be a Buffer");if(void 0===n&&(n=0),void 0===r&&(r=t?t.length:0),void 0===o&&(o=0),void 0===i&&(i=this.length),n<0||r>t.length||o<0||i>this.length)throw new RangeError("out of range index");if(o>=i&&n>=r)return 0;if(o>=i)return-1;if(n>=r)return 1;if(n>>>=0,r>>>=0,o>>>=0,i>>>=0,this===t)return 0;for(var a=i-o,s=r-n,u=Math.min(a,s),l=this.slice(o,i),c=t.slice(n,r),f=0;f<u;++f)if(l[f]!==c[f]){a=l[f],s=c[f];break}return a<s?-1:s<a?1:0},e.prototype.includes=function(e,t,n){return this.indexOf(e,t,n)!==-1},e.prototype.indexOf=function(e,t,n){return _(this,e,t,n,!0)},e.prototype.lastIndexOf=function(e,t,n){return _(this,e,t,n,!1)},e.prototype.write=function(e,t,n,r){if(void 0===t)r="utf8",n=this.length,t=0;else if(void 0===n&&"string"==typeof t)r=t,n=this.length,t=0;else{if(!isFinite(t))throw new Error("Buffer.write(string, encoding, offset[, length]) is no longer supported");t=0|t,isFinite(n)?(n=0|n,void 0===r&&(r="utf8")):(r=n,n=void 0)}var o=this.length-t;if((void 0===n||n>o)&&(n=o),e.length>0&&(n<0||t<0)||t>this.length)throw new RangeError("Attempt to write outside buffer bounds");r||(r="utf8");for(var i=!1;;)switch(r){case"hex":return x(this,e,t,n);case"utf8":case"utf-8":return C(this,e,t,n);case"ascii":return E(this,e,t,n);case"latin1":case"binary":return S(this,e,t,n);case"base64":return P(this,e,t,n);case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return O(this,e,t,n);default:if(i)throw new TypeError("Unknown encoding: "+r);r=(""+r).toLowerCase(),i=!0}},e.prototype.toJSON=function(){return{type:"Buffer",data:Array.prototype.slice.call(this._arr||this,0)}};var ee=4096;e.prototype.slice=function(t,n){var r=this.length;t=~~t,n=void 0===n?r:~~n,t<0?(t+=r,t<0&&(t=0)):t>r&&(t=r),n<0?(n+=r,n<0&&(n=0)):n>r&&(n=r),n<t&&(n=t);var o;if(e.TYPED_ARRAY_SUPPORT)o=this.subarray(t,n),o.__proto__=e.prototype;else{var i=n-t;o=new e(i,(void 0));for(var a=0;a<i;++a)o[a]=this[a+t]}return o},e.prototype.readUIntLE=function(e,t,n){e=0|e,t=0|t,n||R(e,t,this.length);for(var r=this[e],o=1,i=0;++i<t&&(o*=256);)r+=this[e+i]*o;return r},e.prototype.readUIntBE=function(e,t,n){e=0|e,t=0|t,n||R(e,t,this.length);for(var r=this[e+--t],o=1;t>0&&(o*=256);)r+=this[e+--t]*o;return r},e.prototype.readUInt8=function(e,t){return t||R(e,1,this.length),this[e]},e.prototype.readUInt16LE=function(e,t){return t||R(e,2,this.length),this[e]|this[e+1]<<8},e.prototype.readUInt16BE=function(e,t){return t||R(e,2,this.length),this[e]<<8|this[e+1]},e.prototype.readUInt32LE=function(e,t){return t||R(e,4,this.length),(this[e]|this[e+1]<<8|this[e+2]<<16)+16777216*this[e+3]},e.prototype.readUInt32BE=function(e,t){return t||R(e,4,this.length),16777216*this[e]+(this[e+1]<<16|this[e+2]<<8|this[e+3])},e.prototype.readIntLE=function(e,t,n){e=0|e,t=0|t,n||R(e,t,this.length);for(var r=this[e],o=1,i=0;++i<t&&(o*=256);)r+=this[e+i]*o;return o*=128,r>=o&&(r-=Math.pow(2,8*t)),r},e.prototype.readIntBE=function(e,t,n){e=0|e,t=0|t,n||R(e,t,this.length);for(var r=t,o=1,i=this[e+--r];r>0&&(o*=256);)i+=this[e+--r]*o;return o*=128,i>=o&&(i-=Math.pow(2,8*t)),i},e.prototype.readInt8=function(e,t){return t||R(e,1,this.length),128&this[e]?(255-this[e]+1)*-1:this[e]},e.prototype.readInt16LE=function(e,t){t||R(e,2,this.length);var n=this[e]|this[e+1]<<8;return 32768&n?4294901760|n:n},e.prototype.readInt16BE=function(e,t){t||R(e,2,this.length);var n=this[e+1]|this[e]<<8;return 32768&n?4294901760|n:n},e.prototype.readInt32LE=function(e,t){return t||R(e,4,this.length),this[e]|this[e+1]<<8|this[e+2]<<16|this[e+3]<<24},e.prototype.readInt32BE=function(e,t){return t||R(e,4,this.length),this[e]<<24|this[e+1]<<16|this[e+2]<<8|this[e+3]},e.prototype.readFloatLE=function(e,t){return t||R(e,4,this.length),Q.read(this,e,!0,23,4)},e.prototype.readFloatBE=function(e,t){return t||R(e,4,this.length),Q.read(this,e,!1,23,4)},e.prototype.readDoubleLE=function(e,t){return t||R(e,8,this.length),Q.read(this,e,!0,52,8)},e.prototype.readDoubleBE=function(e,t){return t||R(e,8,this.length),Q.read(this,e,!1,52,8)},e.prototype.writeUIntLE=function(e,t,n,r){if(e=+e,t=0|t,n=0|n,!r){var o=Math.pow(2,8*n)-1;I(this,e,t,n,o,0)}var i=1,a=0;for(this[t]=255&e;++a<n&&(i*=256);)this[t+a]=e/i&255;return t+n},e.prototype.writeUIntBE=function(e,t,n,r){if(e=+e,t=0|t,n=0|n,!r){var o=Math.pow(2,8*n)-1;I(this,e,t,n,o,0)}var i=n-1,a=1;for(this[t+i]=255&e;--i>=0&&(a*=256);)this[t+i]=e/a&255;return t+n},e.prototype.writeUInt8=function(t,n,r){return t=+t,n=0|n,r||I(this,t,n,1,255,0),e.TYPED_ARRAY_SUPPORT||(t=Math.floor(t)),this[n]=255&t,n+1},e.prototype.writeUInt16LE=function(t,n,r){return t=+t,n=0|n,r||I(this,t,n,2,65535,0),e.TYPED_ARRAY_SUPPORT?(this[n]=255&t,this[n+1]=t>>>8):L(this,t,n,!0),n+2},e.prototype.writeUInt16BE=function(t,n,r){return t=+t,n=0|n,r||I(this,t,n,2,65535,0),e.TYPED_ARRAY_SUPPORT?(this[n]=t>>>8,this[n+1]=255&t):L(this,t,n,!1),n+2},e.prototype.writeUInt32LE=function(t,n,r){return t=+t,n=0|n,r||I(this,t,n,4,4294967295,0),e.TYPED_ARRAY_SUPPORT?(this[n+3]=t>>>24,this[n+2]=t>>>16,this[n+1]=t>>>8,this[n]=255&t):F(this,t,n,!0),n+4},e.prototype.writeUInt32BE=function(t,n,r){return t=+t,n=0|n,r||I(this,t,n,4,4294967295,0),e.TYPED_ARRAY_SUPPORT?(this[n]=t>>>24,this[n+1]=t>>>16,this[n+2]=t>>>8,this[n+3]=255&t):F(this,t,n,!1),n+4},e.prototype.writeIntLE=function(e,t,n,r){if(e=+e,t=0|t,!r){var o=Math.pow(2,8*n-1);I(this,e,t,n,o-1,-o)}var i=0,a=1,s=0;for(this[t]=255&e;++i<n&&(a*=256);)e<0&&0===s&&0!==this[t+i-1]&&(s=1),this[t+i]=(e/a>>0)-s&255;return t+n},e.prototype.writeIntBE=function(e,t,n,r){if(e=+e,t=0|t,!r){var o=Math.pow(2,8*n-1);I(this,e,t,n,o-1,-o)}var i=n-1,a=1,s=0;for(this[t+i]=255&e;--i>=0&&(a*=256);)e<0&&0===s&&0!==this[t+i+1]&&(s=1),this[t+i]=(e/a>>0)-s&255;return t+n},e.prototype.writeInt8=function(t,n,r){return t=+t,n=0|n,r||I(this,t,n,1,127,-128),e.TYPED_ARRAY_SUPPORT||(t=Math.floor(t)),t<0&&(t=255+t+1),this[n]=255&t,n+1},e.prototype.writeInt16LE=function(t,n,r){return t=+t,n=0|n,r||I(this,t,n,2,32767,-32768),e.TYPED_ARRAY_SUPPORT?(this[n]=255&t,this[n+1]=t>>>8):L(this,t,n,!0),n+2},e.prototype.writeInt16BE=function(t,n,r){return t=+t,n=0|n,r||I(this,t,n,2,32767,-32768),e.TYPED_ARRAY_SUPPORT?(this[n]=t>>>8,this[n+1]=255&t):L(this,t,n,!1),n+2},e.prototype.writeInt32LE=function(t,n,r){return t=+t,n=0|n,r||I(this,t,n,4,2147483647,-2147483648),e.TYPED_ARRAY_SUPPORT?(this[n]=255&t,this[n+1]=t>>>8,this[n+2]=t>>>16,this[n+3]=t>>>24):F(this,t,n,!0),n+4},e.prototype.writeInt32BE=function(t,n,r){return t=+t,n=0|n,r||I(this,t,n,4,2147483647,-2147483648),t<0&&(t=4294967295+t+1),e.TYPED_ARRAY_SUPPORT?(this[n]=t>>>24,this[n+1]=t>>>16,this[n+2]=t>>>8,this[n+3]=255&t):F(this,t,n,!1),n+4},e.prototype.writeFloatLE=function(e,t,n){return V(this,e,t,!0,n)},e.prototype.writeFloatBE=function(e,t,n){return V(this,e,t,!1,n)},e.prototype.writeDoubleLE=function(e,t,n){return B(this,e,t,!0,n)},e.prototype.writeDoubleBE=function(e,t,n){return B(this,e,t,!1,n)},e.prototype.copy=function(t,n,r,o){if(r||(r=0),o||0===o||(o=this.length),n>=t.length&&(n=t.length),n||(n=0),o>0&&o<r&&(o=r),o===r)return 0;if(0===t.length||0===this.length)return 0;if(n<0)throw new RangeError("targetStart out of bounds");if(r<0||r>=this.length)throw new RangeError("sourceStart out of bounds");if(o<0)throw new RangeError("sourceEnd out of bounds");o>this.length&&(o=this.length),t.length-n<o-r&&(o=t.length-n+r);var i,a=o-r;if(this===t&&r<n&&n<o)for(i=a-1;i>=0;--i)t[i+n]=this[i+r];else if(a<1e3||!e.TYPED_ARRAY_SUPPORT)for(i=0;i<a;++i)t[i+n]=this[i+r];else Uint8Array.prototype.set.call(t,this.subarray(r,r+a),n);return a},e.prototype.fill=function(t,n,r,o){if("string"==typeof t){if("string"==typeof n?(o=n,n=0,r=this.length):"string"==typeof r&&(o=r,r=this.length),1===t.length){var i=t.charCodeAt(0);i<256&&(t=i)}if(void 0!==o&&"string"!=typeof o)throw new TypeError("encoding must be a string");if("string"==typeof o&&!e.isEncoding(o))throw new TypeError("Unknown encoding: "+o)}else"number"==typeof t&&(t=255&t);if(n<0||this.length<n||this.length<r)throw new RangeError("Out of range index");if(r<=n)return this;n>>>=0,r=void 0===r?this.length:r>>>0,t||(t=0);var a;if("number"==typeof t)for(a=n;a<r;++a)this[a]=t;else{var s=e.isBuffer(t)?t:W(new e(t,o).toString()),u=s.length;for(a=0;a<r-n;++a)this[a+n]=s[a%u]}return this};var te=/[^+\/0-9A-Za-z-_]/g}).call(t,n(3).Buffer,function(){return this}())},function(e,t){"use strict";function n(){for(var e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",t=0,n=e.length;t<n;++t)s[t]=e[t],u[e.charCodeAt(t)]=t;u["-".charCodeAt(0)]=62,u["_".charCodeAt(0)]=63}function r(e){var t,n,r,o,i,a,s=e.length;if(s%4>0)throw new Error("Invalid string. Length must be a multiple of 4");i="="===e[s-2]?2:"="===e[s-1]?1:0,a=new l(3*s/4-i),r=i>0?s-4:s;var c=0;for(t=0,n=0;t<r;t+=4,n+=3)o=u[e.charCodeAt(t)]<<18|u[e.charCodeAt(t+1)]<<12|u[e.charCodeAt(t+2)]<<6|u[e.charCodeAt(t+3)],a[c++]=o>>16&255,a[c++]=o>>8&255,a[c++]=255&o;return 2===i?(o=u[e.charCodeAt(t)]<<2|u[e.charCodeAt(t+1)]>>4,a[c++]=255&o):1===i&&(o=u[e.charCodeAt(t)]<<10|u[e.charCodeAt(t+1)]<<4|u[e.charCodeAt(t+2)]>>2,a[c++]=o>>8&255,a[c++]=255&o),a}function o(e){return s[e>>18&63]+s[e>>12&63]+s[e>>6&63]+s[63&e]}function i(e,t,n){for(var r,i=[],a=t;a<n;a+=3)r=(e[a]<<16)+(e[a+1]<<8)+e[a+2],i.push(o(r));return i.join("")}function a(e){for(var t,n=e.length,r=n%3,o="",a=[],u=16383,l=0,c=n-r;l<c;l+=u)a.push(i(e,l,l+u>c?c:l+u));return 1===r?(t=e[n-1],o+=s[t>>2],o+=s[t<<4&63],o+="=="):2===r&&(t=(e[n-2]<<8)+e[n-1],o+=s[t>>10],o+=s[t>>4&63],o+=s[t<<2&63],o+="="),a.push(o),a.join("")}t.toByteArray=r,t.fromByteArray=a;var s=[],u=[],l="undefined"!=typeof Uint8Array?Uint8Array:Array;n()},function(e,t){t.read=function(e,t,n,r,o){var i,a,s=8*o-r-1,u=(1<<s)-1,l=u>>1,c=-7,f=n?o-1:0,p=n?-1:1,d=e[t+f];for(f+=p,i=d&(1<<-c)-1,d>>=-c,c+=s;c>0;i=256*i+e[t+f],f+=p,c-=8);for(a=i&(1<<-c)-1,i>>=-c,c+=r;c>0;a=256*a+e[t+f],f+=p,c-=8);if(0===i)i=1-l;else{if(i===u)return a?NaN:(d?-1:1)*(1/0);a+=Math.pow(2,r),i-=l}return(d?-1:1)*a*Math.pow(2,i-r)},t.write=function(e,t,n,r,o,i){var a,s,u,l=8*i-o-1,c=(1<<l)-1,f=c>>1,p=23===o?Math.pow(2,-24)-Math.pow(2,-77):0,d=r?0:i-1,h=r?1:-1,v=t<0||0===t&&1/t<0?1:0;for(t=Math.abs(t),isNaN(t)||t===1/0?(s=isNaN(t)?1:0,a=c):(a=Math.floor(Math.log(t)/Math.LN2),t*(u=Math.pow(2,-a))<1&&(a--,u*=2),t+=a+f>=1?p/u:p*Math.pow(2,1-f),t*u>=2&&(a++,u/=2),a+f>=c?(s=0,a=c):a+f>=1?(s=(t*u-1)*Math.pow(2,o),a+=f):(s=t*Math.pow(2,f-1)*Math.pow(2,o),a=0));o>=8;e[n+d]=255&s,d+=h,s/=256,o-=8);for(a=a<<o|s,l+=o;l>0;e[n+d]=255&a,d+=h,a/=256,l-=8);e[n+d-h]|=128*v}},function(e,t){var n={}.toString;e.exports=Array.isArray||function(e){return"[object Array]"==n.call(e)}},function(e,t,n){function r(e){var t=function(t){return void 0===t||null===t?t:(arguments.length>1&&(t=Array.prototype.slice.call(arguments)),e(t))};return"conversion"in e&&(t.conversion=e.conversion),t}function o(e){var t=function(t){if(void 0===t||null===t)return t;arguments.length>1&&(t=Array.prototype.slice.call(arguments));var n=e(t);if("object"==typeof n)for(var r=n.length,o=0;o<r;o++)n[o]=Math.round(n[o]);return n};return"conversion"in e&&(t.conversion=e.conversion),t}var i=n(8),a=n(10),s={},u=Object.keys(i);u.forEach(function(e){s[e]={},Object.defineProperty(s[e],"channels",{value:i[e].channels});var t=a(e),n=Object.keys(t);n.forEach(function(n){var i=t[n];s[e][n]=o(i),s[e][n].raw=r(i)})}),e.exports=s},function(e,t,n){function r(e,t){return Math.pow(e[0]-t[0],2)+Math.pow(e[1]-t[1],2)+Math.pow(e[2]-t[2],2)}var o=n(9),i={};for(var a in o)o.hasOwnProperty(a)&&(i[o[a]]=a);var s=e.exports={rgb:{channels:3},hsl:{channels:3},hsv:{channels:3},hwb:{channels:3},cmyk:{channels:4},xyz:{channels:3},lab:{channels:3},lch:{channels:3},hex:{channels:1},keyword:{channels:1},ansi16:{channels:1},ansi256:{channels:1},hcg:{channels:3},apple:{channels:3}};for(var u in s)if(s.hasOwnProperty(u)){if(!("channels"in s[u]))throw new Error("missing channels property: "+u);var l=s[u].channels;delete s[u].channels,Object.defineProperty(s[u],"channels",{value:l})}s.rgb.hsl=function(e){var t,n,r,o=e[0]/255,i=e[1]/255,a=e[2]/255,s=Math.min(o,i,a),u=Math.max(o,i,a),l=u-s;return u===s?t=0:o===u?t=(i-a)/l:i===u?t=2+(a-o)/l:a===u&&(t=4+(o-i)/l),t=Math.min(60*t,360),t<0&&(t+=360),r=(s+u)/2,n=u===s?0:r<=.5?l/(u+s):l/(2-u-s),[t,100*n,100*r]},s.rgb.hsv=function(e){var t,n,r,o=e[0],i=e[1],a=e[2],s=Math.min(o,i,a),u=Math.max(o,i,a),l=u-s;return n=0===u?0:l/u*1e3/10,u===s?t=0:o===u?t=(i-a)/l:i===u?t=2+(a-o)/l:a===u&&(t=4+(o-i)/l),t=Math.min(60*t,360),t<0&&(t+=360),r=u/255*1e3/10,[t,n,r]},s.rgb.hwb=function(e){var t=e[0],n=e[1],r=e[2],o=s.rgb.hsl(e)[0],i=1/255*Math.min(t,Math.min(n,r));return r=1-1/255*Math.max(t,Math.max(n,r)),[o,100*i,100*r]},s.rgb.cmyk=function(e){var t,n,r,o,i=e[0]/255,a=e[1]/255,s=e[2]/255;return o=Math.min(1-i,1-a,1-s),t=(1-i-o)/(1-o)||0,n=(1-a-o)/(1-o)||0,r=(1-s-o)/(1-o)||0,[100*t,100*n,100*r,100*o]},s.rgb.keyword=function(e){var t=i[e];if(t)return t;var n,a=1/0;for(var s in o)if(o.hasOwnProperty(s)){var u=o[s],l=r(e,u);l<a&&(a=l,n=s)}return n},s.keyword.rgb=function(e){return o[e]},s.rgb.xyz=function(e){var t=e[0]/255,n=e[1]/255,r=e[2]/255;t=t>.04045?Math.pow((t+.055)/1.055,2.4):t/12.92,n=n>.04045?Math.pow((n+.055)/1.055,2.4):n/12.92,r=r>.04045?Math.pow((r+.055)/1.055,2.4):r/12.92;var o=.4124*t+.3576*n+.1805*r,i=.2126*t+.7152*n+.0722*r,a=.0193*t+.1192*n+.9505*r;return[100*o,100*i,100*a]},s.rgb.lab=function(e){var t,n,r,o=s.rgb.xyz(e),i=o[0],a=o[1],u=o[2];return i/=95.047,a/=100,u/=108.883,i=i>.008856?Math.pow(i,1/3):7.787*i+16/116,a=a>.008856?Math.pow(a,1/3):7.787*a+16/116,u=u>.008856?Math.pow(u,1/3):7.787*u+16/116,t=116*a-16,n=500*(i-a),r=200*(a-u),[t,n,r]},s.hsl.rgb=function(e){var t,n,r,o,i,a=e[0]/360,s=e[1]/100,u=e[2]/100;if(0===s)return i=255*u,[i,i,i];n=u<.5?u*(1+s):u+s-u*s,t=2*u-n,o=[0,0,0];for(var l=0;l<3;l++)r=a+1/3*-(l-1),r<0&&r++,r>1&&r--,i=6*r<1?t+6*(n-t)*r:2*r<1?n:3*r<2?t+(n-t)*(2/3-r)*6:t,o[l]=255*i;return o},s.hsl.hsv=function(e){var t,n,r=e[0],o=e[1]/100,i=e[2]/100,a=o,s=Math.max(i,.01);return i*=2,o*=i<=1?i:2-i,a*=s<=1?s:2-s,n=(i+o)/2,t=0===i?2*a/(s+a):2*o/(i+o),[r,100*t,100*n]},s.hsv.rgb=function(e){var t=e[0]/60,n=e[1]/100,r=e[2]/100,o=Math.floor(t)%6,i=t-Math.floor(t),a=255*r*(1-n),s=255*r*(1-n*i),u=255*r*(1-n*(1-i));switch(r*=255,o){case 0:return[r,u,a];case 1:return[s,r,a];case 2:return[a,r,u];case 3:return[a,s,r];case 4:return[u,a,r];case 5:return[r,a,s]}},s.hsv.hsl=function(e){var t,n,r,o=e[0],i=e[1]/100,a=e[2]/100,s=Math.max(a,.01);return r=(2-i)*a,t=(2-i)*s,n=i*s,n/=t<=1?t:2-t,n=n||0,r/=2,[o,100*n,100*r]},s.hwb.rgb=function(e){var t,n,r,o,i=e[0]/360,a=e[1]/100,s=e[2]/100,u=a+s;u>1&&(a/=u,s/=u),t=Math.floor(6*i),n=1-s,r=6*i-t,0!==(1&t)&&(r=1-r),o=a+r*(n-a);var l,c,f;switch(t){default:case 6:case 0:l=n,c=o,f=a;break;case 1:l=o,c=n,f=a;break;case 2:l=a,c=n,f=o;break;case 3:l=a,c=o,f=n;break;case 4:l=o,c=a,f=n;break;case 5:l=n,c=a,f=o}return[255*l,255*c,255*f]},s.cmyk.rgb=function(e){var t,n,r,o=e[0]/100,i=e[1]/100,a=e[2]/100,s=e[3]/100;return t=1-Math.min(1,o*(1-s)+s),n=1-Math.min(1,i*(1-s)+s),r=1-Math.min(1,a*(1-s)+s),[255*t,255*n,255*r]},s.xyz.rgb=function(e){var t,n,r,o=e[0]/100,i=e[1]/100,a=e[2]/100;return t=3.2406*o+i*-1.5372+a*-.4986,n=o*-.9689+1.8758*i+.0415*a,r=.0557*o+i*-.204+1.057*a,t=t>.0031308?1.055*Math.pow(t,1/2.4)-.055:12.92*t,n=n>.0031308?1.055*Math.pow(n,1/2.4)-.055:12.92*n,r=r>.0031308?1.055*Math.pow(r,1/2.4)-.055:12.92*r,t=Math.min(Math.max(0,t),1),n=Math.min(Math.max(0,n),1),r=Math.min(Math.max(0,r),1),[255*t,255*n,255*r]},s.xyz.lab=function(e){var t,n,r,o=e[0],i=e[1],a=e[2];return o/=95.047,i/=100,a/=108.883,o=o>.008856?Math.pow(o,1/3):7.787*o+16/116,i=i>.008856?Math.pow(i,1/3):7.787*i+16/116,a=a>.008856?Math.pow(a,1/3):7.787*a+16/116,t=116*i-16,n=500*(o-i),r=200*(i-a),[t,n,r]},s.lab.xyz=function(e){var t,n,r,o=e[0],i=e[1],a=e[2];n=(o+16)/116,t=i/500+n,r=n-a/200;var s=Math.pow(n,3),u=Math.pow(t,3),l=Math.pow(r,3);return n=s>.008856?s:(n-16/116)/7.787,t=u>.008856?u:(t-16/116)/7.787,r=l>.008856?l:(r-16/116)/7.787,t*=95.047,n*=100,r*=108.883,[t,n,r]},s.lab.lch=function(e){var t,n,r,o=e[0],i=e[1],a=e[2];return t=Math.atan2(a,i),n=360*t/2/Math.PI,n<0&&(n+=360),r=Math.sqrt(i*i+a*a),[o,r,n]},s.lch.lab=function(e){var t,n,r,o=e[0],i=e[1],a=e[2];return r=a/360*2*Math.PI,t=i*Math.cos(r),n=i*Math.sin(r),[o,t,n]},s.rgb.ansi16=function(e){var t=e[0],n=e[1],r=e[2],o=1 in arguments?arguments[1]:s.rgb.hsv(e)[2];if(o=Math.round(o/50),0===o)return 30;var i=30+(Math.round(r/255)<<2|Math.round(n/255)<<1|Math.round(t/255));return 2===o&&(i+=60),i},s.hsv.ansi16=function(e){return s.rgb.ansi16(s.hsv.rgb(e),e[2])},s.rgb.ansi256=function(e){var t=e[0],n=e[1],r=e[2];if(t===n&&n===r)return t<8?16:t>248?231:Math.round((t-8)/247*24)+232;var o=16+36*Math.round(t/255*5)+6*Math.round(n/255*5)+Math.round(r/255*5);return o},s.ansi16.rgb=function(e){var t=e%10;if(0===t||7===t)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];var n=.5*(~~(e>50)+1),r=(1&t)*n*255,o=(t>>1&1)*n*255,i=(t>>2&1)*n*255;return[r,o,i]},s.ansi256.rgb=function(e){if(e>=232){var t=10*(e-232)+8;return[t,t,t]}e-=16;var n,r=Math.floor(e/36)/5*255,o=Math.floor((n=e%36)/6)/5*255,i=n%6/5*255;return[r,o,i]},s.rgb.hex=function(e){var t=((255&Math.round(e[0]))<<16)+((255&Math.round(e[1]))<<8)+(255&Math.round(e[2])),n=t.toString(16).toUpperCase();return"000000".substring(n.length)+n},s.hex.rgb=function(e){var t=e.toString(16).match(/[a-f0-9]{6}/i);if(!t)return[0,0,0];var n=parseInt(t[0],16),r=n>>16&255,o=n>>8&255,i=255&n;return[r,o,i]},s.rgb.hcg=function(e){var t,n,r=e[0]/255,o=e[1]/255,i=e[2]/255,a=Math.max(Math.max(r,o),i),s=Math.min(Math.min(r,o),i),u=a-s;return t=u<1?s/(1-u):0,n=u<=0?0:a===r?(o-i)/u%6:a===o?2+(i-r)/u:4+(r-o)/u+4,n/=6,n%=1,[360*n,100*u,100*t]},s.hsl.hcg=function(e){var t=e[1]/100,n=e[2]/100,r=1,o=0;return r=n<.5?2*t*n:2*t*(1-n),r<1&&(o=(n-.5*r)/(1-r)),[e[0],100*r,100*o]},s.hsv.hcg=function(e){var t=e[1]/100,n=e[2]/100,r=t*n,o=0;return r<1&&(o=(n-r)/(1-r)),[e[0],100*r,100*o]},s.hcg.rgb=function(e){var t=e[0]/360,n=e[1]/100,r=e[2]/100;if(0===n)return[255*r,255*r,255*r];var o=[0,0,0],i=t%1*6,a=i%1,s=1-a,u=0;switch(Math.floor(i)){case 0:o[0]=1,o[1]=a,o[2]=0;break;case 1:o[0]=s,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=a;break;case 3:o[0]=0,o[1]=s,o[2]=1;break;case 4:o[0]=a,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=s}return u=(1-n)*r,[255*(n*o[0]+u),255*(n*o[1]+u),255*(n*o[2]+u)]},s.hcg.hsv=function(e){var t=e[1]/100,n=e[2]/100,r=t+n*(1-t),o=0;return r>0&&(o=t/r),[e[0],100*o,100*r]},s.hcg.hsl=function(e){var t=e[1]/100,n=e[2]/100,r=n*(1-t)+.5*t,o=0;return r>0&&r<.5?o=t/(2*r):r>=.5&&r<1&&(o=t/(2*(1-r))),[e[0],100*o,100*r]},s.hcg.hwb=function(e){var t=e[1]/100,n=e[2]/100,r=t+n*(1-t);return[e[0],100*(r-t),100*(1-r)]},s.hwb.hcg=function(e){var t=e[1]/100,n=e[2]/100,r=1-n,o=r-t,i=0;return o<1&&(i=(r-o)/(1-o)),[e[0],100*o,100*i]},s.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]},s.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]}},function(e,t){e.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],
-lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}},function(e,t,n){function r(){for(var e={},t=u.length,n=0;n<t;n++)e[u[n]]={distance:-1,parent:null};return e}function o(e){var t=r(),n=[e];for(t[e].distance=0;n.length;)for(var o=n.pop(),i=Object.keys(s[o]),a=i.length,u=0;u<a;u++){var l=i[u],c=t[l];c.distance===-1&&(c.distance=t[o].distance+1,c.parent=o,n.unshift(l))}return t}function i(e,t){return function(n){return t(e(n))}}function a(e,t){for(var n=[t[e].parent,e],r=s[t[e].parent][e],o=t[e].parent;t[o].parent;)n.unshift(t[o].parent),r=i(s[t[o].parent][o],r),o=t[o].parent;return r.conversion=n,r}var s=n(8),u=Object.keys(s);e.exports=function(e){for(var t=o(e),n={},r=Object.keys(t),i=r.length,s=0;s<i;s++){var u=r[s],l=t[u];null!==l.parent&&(n[u]=a(u,t))}return n}},function(e,t,n){function r(e){if(e){var t=/^#([a-fA-F0-9]{3})$/,n=/^#([a-fA-F0-9]{6})$/,r=/^rgba?\(\s*([+-]?\d+)\s*,\s*([+-]?\d+)\s*,\s*([+-]?\d+)\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)$/,o=/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,\s*([+-]?[\d\.]+)\%\s*,\s*([+-]?[\d\.]+)\%\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)$/,i=/(\D+)/,a=[0,0,0],s=1,u=e.match(t);if(u){u=u[1];for(var l=0;l<a.length;l++)a[l]=parseInt(u[l]+u[l],16)}else if(u=e.match(n)){u=u[1];for(var l=0;l<a.length;l++)a[l]=parseInt(u.slice(2*l,2*l+2),16)}else if(u=e.match(r)){for(var l=0;l<a.length;l++)a[l]=parseInt(u[l+1]);s=parseFloat(u[4])}else if(u=e.match(o)){for(var l=0;l<a.length;l++)a[l]=Math.round(2.55*parseFloat(u[l+1]));s=parseFloat(u[4])}else if(u=e.match(i)){if("transparent"==u[1])return[0,0,0,0];if(a=_[u[1]],!a)return}for(var l=0;l<a.length;l++)a[l]=g(a[l],0,255);return s=s||0==s?g(s,0,1):1,a[3]=s,a}}function o(e){if(e){var t=/^hsla?\(\s*([+-]?\d+)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)/,n=e.match(t);if(n){var r=parseFloat(n[4]),o=g(parseInt(n[1]),0,360),i=g(parseFloat(n[2]),0,100),a=g(parseFloat(n[3]),0,100),s=g(isNaN(r)?1:r,0,1);return[o,i,a,s]}}}function i(e){if(e){var t=/^hwb\(\s*([+-]?\d+)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)/,n=e.match(t);if(n){var r=parseFloat(n[4]),o=g(parseInt(n[1]),0,360),i=g(parseFloat(n[2]),0,100),a=g(parseFloat(n[3]),0,100),s=g(isNaN(r)?1:r,0,1);return[o,i,a,s]}}}function a(e){var t=r(e);return t&&t.slice(0,3)}function s(e){var t=o(e);return t&&t.slice(0,3)}function u(e){var t=r(e);return t?t[3]:(t=o(e))?t[3]:(t=i(e))?t[3]:void 0}function l(e){return"#"+b(e[0])+b(e[1])+b(e[2])}function c(e,t){return t<1||e[3]&&e[3]<1?f(e,t):"rgb("+e[0]+", "+e[1]+", "+e[2]+")"}function f(e,t){return void 0===t&&(t=void 0!==e[3]?e[3]:1),"rgba("+e[0]+", "+e[1]+", "+e[2]+", "+t+")"}function p(e,t){if(t<1||e[3]&&e[3]<1)return d(e,t);var n=Math.round(e[0]/255*100),r=Math.round(e[1]/255*100),o=Math.round(e[2]/255*100);return"rgb("+n+"%, "+r+"%, "+o+"%)"}function d(e,t){var n=Math.round(e[0]/255*100),r=Math.round(e[1]/255*100),o=Math.round(e[2]/255*100);return"rgba("+n+"%, "+r+"%, "+o+"%, "+(t||e[3]||1)+")"}function h(e,t){return t<1||e[3]&&e[3]<1?v(e,t):"hsl("+e[0]+", "+e[1]+"%, "+e[2]+"%)"}function v(e,t){return void 0===t&&(t=void 0!==e[3]?e[3]:1),"hsla("+e[0]+", "+e[1]+"%, "+e[2]+"%, "+t+")"}function m(e,t){return void 0===t&&(t=void 0!==e[3]?e[3]:1),"hwb("+e[0]+", "+e[1]+"%, "+e[2]+"%"+(void 0!==t&&1!==t?", "+t:"")+")"}function y(e){return w[e.slice(0,3)]}function g(e,t,n){return Math.min(Math.max(t,e),n)}function b(e){var t=e.toString(16).toUpperCase();return t.length<2?"0"+t:t}var _=n(12);e.exports={getRgba:r,getHsla:o,getRgb:a,getHsl:s,getHwb:i,getAlpha:u,hexString:l,rgbString:c,rgbaString:f,percentString:p,percentaString:d,hslString:h,hslaString:v,hwbString:m,keyword:y};var w={};for(var x in _)w[_[x]]=x},function(e,t){e.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}}])})},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function u(e){return/\bgood\b/i.test(e)}function l(e){return/\bbad\b/i.test(e)}function c(e){return/\binline\b/i.test(e)}function f(e){var t=e.cover,n=e.coverMeta,r=e.imgs,o=e.style,i=e.previewVisible,a=e.comparable,s=e.onClick,u=e.onCancel,l=a||1===r.length,c=(0,y["default"])("preview-image-wrapper",{good:n.isGood,bad:n.isBad});return v["default"].createElement("div",{className:"preview-image-box",style:o},v["default"].createElement("div",{onClick:s,className:c},v["default"].createElement("img",{className:n.className,src:n.src,alt:n.alt})),v["default"].createElement("div",{className:"preview-image-title"},n.alt),v["default"].createElement("div",{className:"preview-image-description",dangerouslySetInnerHTML:{__html:n.description}}),v["default"].createElement(b["default"],{className:"image-modal",width:960,visible:i,title:null,footer:null,onCancel:u},v["default"].createElement(w["default"],{className:""+(l?"image-modal-single":""),draggable:!l,adaptiveHeight:!0},a?t:r),v["default"].createElement("div",{className:"preview-image-title"},n.alt)))}Object.defineProperty(t,"__esModule",{value:!0});var p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},d=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),h=n(1),v=r(h),m=n(8),y=r(m),g=n(500),b=r(g),_=n(487),w=r(_),x=function(e){function t(e){i(this,t);var n=a(this,Object.getPrototypeOf(t).call(this,e));return n.handleCancel=function(){n.setState({leftVisible:!1,rightVisible:!1})},n.state={leftVisible:!1,rightVisible:!1},n.handleLeftClick=n.handleClick.bind(n,"left"),n.handleRightClick=n.handleClick.bind(n,"right"),n}return s(t,e),d(t,[{key:"handleClick",value:function(e){this.setState(o({},e+"Visible",!0))}},{key:"render",value:function(){var e=this.props.imgs,t=e.map(function(e){var t=e.alt,n=e.description,r=e.src,o=e["class"];return{className:o,alt:t,description:n,src:r,isGood:u(o),isBad:l(o),inline:c(o)}}),n=t.map(function(e,t){var n=p({},e);return delete n.description,delete n.isGood,delete n.isBad,v["default"].createElement("div",{key:t},v["default"].createElement("div",{className:"image-modal-container"},v["default"].createElement("img",p({},n,{alt:e.alt}))))}),r=2===e.length&&(t[0].isGood||t[0].isBad||t[0].inline)&&(t[1].isGood||t[1].isBad||t[1].inline),o=r?{width:"50%"}:null,i=e.length>1&&!r,a=(0,y["default"])({"preview-image-boxes":!0,clearfix:!0,"preview-image-boxes-with-carousel":i});return v["default"].createElement("div",{className:a},v["default"].createElement(f,{style:o,comparable:r,previewVisible:this.state.leftVisible,cover:n[0],coverMeta:t[0],imgs:n,onClick:this.handleLeftClick,onCancel:this.handleCancel}),r?v["default"].createElement(f,{style:o,comparable:!0,previewVisible:this.state.rightVisible,cover:n[1],coverMeta:t[1],imgs:n,onClick:this.handleRightClick,onCancel:this.handleCancel}):null)}}]),t}(v["default"].Component);t["default"]=x},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=e.video,n=t.alt,r=t.description,o=t.src,i=t["class"];return a["default"].createElement("div",{className:"preview-image-box "+i},a["default"].createElement("div",{className:"preview-image-wrapper"},a["default"].createElement(u["default"],{src:o,type:"video/mp4",loop:!0})),a["default"].createElement("div",{className:"preview-image-title"},n),a["default"].createElement("div",{className:"preview-image-description",dangerouslySetInnerHTML:{__html:r}}))}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var i=n(1),a=r(i),s=n(634),u=r(s)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return/h[1-6]/i.test(m["default"].getTagName(e))}function i(e){return/-cn\/?$/.test(e)}function a(e){var t=e.split("#");return t[0].indexOf("/components")>-1&&!t[0].endsWith("/")&&(t[0]=t[0]+"/"),t.join("#")}function s(e){var t=e.split("#");return t[0]=t[0].replace(/\/$/,"")+"-cn",a(t.join("#"))}function u(e){var t=e.map(function(e){return m["default"].isElement(e)?m["default"].hasAttributes(e)?e[2]||"":e[1]||"":e}).join(""),n=t.trim().replace(/\s+/g,"-");return n}var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c=n(1),f=r(c),p=n(191),d=n(377),h=r(d),v=n(131),m=r(v),y=n(613),g=r(y),b=n(612),_=r(b);e.exports=function(e,t){return{converters:[[function(e){return m["default"].isElement(e)&&o(e)},function(e,t){var n=m["default"].getChildren(e),r=u(n);return f["default"].createElement(m["default"].getTagName(e),l({key:t,id:r},m["default"].getAttributes(e)),[f["default"].createElement("span",{key:"title"},n.map(function(e){return(0,h["default"])(e)})),f["default"].createElement("a",{href:"#"+r,className:"anchor",key:"anchor"},"#")])}],[function(e){return m["default"].isElement(e)&&"video"===m["default"].getTagName(e)},function(e,t){return f["default"].createElement(g["default"],{video:m["default"].getAttributes(e),key:t})}],[function(e){return m["default"].isElement(e)&&"a"===m["default"].getTagName(e)&&!(m["default"].getAttributes(e)["class"]||m["default"].getAttributes(e).href&&0===m["default"].getAttributes(e).href.indexOf("http")||/^#/.test(m["default"].getAttributes(e).href))},function(e,n){var r=m["default"].getAttributes(e).href;return f["default"].createElement(p.Link,{to:i(t.location.pathname)?s(r):a(r),key:n},(0,h["default"])(m["default"].getChildren(e)[0]))}],[function(e){return m["default"].isElement(e)&&"p"===m["default"].getTagName(e)&&"img"===m["default"].getTagName(m["default"].getChildren(e)[0])&&/preview-img/gi.test(m["default"].getAttributes(m["default"].getChildren(e)[0])["class"])},function(e,t){var n=m["default"].getChildren(e).filter(function(e){return m["default"].isElement(e)&&Object.keys(m["default"].getAttributes(e)).length>0}).map(function(e){return m["default"].getAttributes(e)});return f["default"].createElement(_["default"],{imgs:n,key:t})}]]}}},function(e,t,n){(function(r){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(9),a=o(i),s=n(70),u=o(s),l=n(4),c=o(l),f=n(7),p=o(f),d=n(6),h=o(d),v=n(1),m=o(v),y=n(2),g=n(617),b=n(616),_=o(b),w={easeInElastic:function(e,t,n){var r=e,o=t>=1?t:1,i=(n||1)/(t<1?t:1),a=i/Math.PI*2*(Math.asin(1/o)||0);return-(o*Math.pow(2,10*(r-=1))*Math.sin((r-a)*i))},easeOutElastic:function(e,t,n){var r=t>=1?t:1,o=(n||1)/(t<1?t:1),i=o/Math.PI*2*(Math.asin(1/r)||0);return r*Math.pow(2,-10*e)*Math.sin((e-i)*o)+1},easeInOutElastic:function(e,t,n){var r=e,o=t>=1?t:1,i=(n||1)/(t<1?t:1),a=i/Math.PI*2*(Math.asin(1/o)||0);return r*=2,r<1?-.5*(o*Math.pow(2,10*(r-=1))*Math.sin((r-a)*i)):o*Math.pow(2,-10*(r-=1))*Math.sin((r-a)*i)*.5+1},easeInBounce:function(e){var t=e,n=1-t;return n<1/2.75?1-7.5625*t*t:t<2/2.75?1-(7.5625*(t-=1.5/2.75)*t+.75):t<2.5/2.75?1-(7.5625*(t-=2.25/2.75)*t+.9375):1-(7.5625*(t-=2.625/2.75)*t+.984375)},easeOutBounce:function(e){var t=e;return t<1/2.75?7.5625*t*t:t<2/2.75?7.5625*(t-=1.5/2.75)*t+.75:t<2.5/2.75?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375},easeInOutBounce:function(e){var t=e,n=t<.5;return t=n?1-2*t:2*t-1,t=t<1/2.75?7.5625*t*t:t<2/2.75?7.5625*(t-=1.5/2.75)*t+.75:t<2.5/2.75?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375,n?.5*(1-t):.5*t+.5}},x=void 0;"undefined"!=typeof document&&"undefined"!=typeof window?(x=n(1328),Object.keys(w).forEach(function(e){x.Easings&&(x.Easings[e]=w[e])})):x=function(){var e=arguments[arguments.length-1];r(function(){return e()})};var C={easeInBack:[.6,-.28,.735,.045],easeOutBack:[.175,.885,.32,1.275],easeInOutBack:[.68,-.55,.265,1.55]},E="ant-queue-anim-placeholder-",S=function(){},P=function(e){function t(){(0,c["default"])(this,t);var n=(0,p["default"])(this,e.apply(this,arguments));O.call(n),n.keysToEnter=[],n.keysToLeave=[],n.keysAnimating=[],n.placeholderTimeoutIds={};var r=(0,g.toArrayChildren)((0,g.getChildrenFromProps)(n.props)),o={};return r.forEach(function(e){e&&e.key&&(n.props.appear?n.keysToEnter.push(e.key):o[e.key]=!0)}),n.originalChildren=(0,g.toArrayChildren)((0,g.getChildrenFromProps)(n.props)),n.state={children:r,childrenShow:o},n}return(0,h["default"])(t,e),t.prototype.componentDidMount=function(){this.props.appear&&this.componentDidUpdate()},t.prototype.componentWillReceiveProps=function(e){var t=this,n=(0,g.toArrayChildren)(e.children),r=this.originalChildren,o=(0,g.mergeChildren)(r,n),i=o.length?this.state.childrenShow:{};this.keysToLeave.forEach(function(n){var r=(0,y.findDOMNode)(t.refs[n]);x(r,"stop"),e.enterForcedRePlay&&delete i[n]}),this.keysToEnter=[],this.keysToLeave=[],this.keysAnimating=[],this.setState({childrenShow:i,children:o}),n.forEach(function(e){if(e){var n=e.key,o=(0,g.findChildInChildrenByKey)(r,n);!o&&n&&t.keysToEnter.push(n)}}),r.forEach(function(e){if(e){var r=e.key,o=(0,g.findChildInChildrenByKey)(n,r);!o&&r&&t.keysToLeave.push(r)}})},t.prototype.componentDidUpdate=function(){this.originalChildren=(0,g.toArrayChildren)((0,g.getChildrenFromProps)(this.props));var e=Array.prototype.slice.call(this.keysToEnter),t=Array.prototype.slice.call(this.keysToLeave);0===this.keysAnimating.length&&(this.keysAnimating=e.concat(t)),e.forEach(this.performEnter),t.forEach(this.performLeave)},t.prototype.componentWillUnmount=function(){var e=this;[].concat(this.keysToEnter,this.keysToLeave,this.keysAnimating).forEach(function(t){return e.refs[t]&&x((0,y.findDOMNode)(e.refs[t]),"stop")}),Object.keys(this.placeholderTimeoutIds).forEach(function(t){clearTimeout(e.placeholderTimeoutIds[t])}),this.keysToEnter=[],this.keysToLeave=[],this.keysAnimating=[]},t.prototype.render=function(){var e=this,t=(0,g.toArrayChildren)(this.state.children).map(function(t){return t&&t.key?e.state.childrenShow[t.key]?(0,v.cloneElement)(t,{ref:t.key,key:t.key}):(0,v.createElement)("div",{ref:E+t.key,key:E+t.key}):t}),n=(0,u["default"])(this.props,[]);return["component","interval","duration","delay","type","animConfig","ease","leaveReverse","animatingClassName","enterForcedRePlay","onEnd","appear"].forEach(function(e){return delete n[e]}),(0,v.createElement)(this.props.component,(0,a["default"])({},n),t)},t}(m["default"].Component),O=function(){var e=this;this.getVelocityConfig=function(t){for(var n=arguments.length,r=Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];return e.props.animConfig?g.transformArguments.apply(void 0,[e.props.animConfig].concat(r))[t]:_["default"][g.transformArguments.apply(void 0,[e.props.type].concat(r))[t]]},this.getVelocityEnterConfig=function(){for(var t=arguments.length,n=Array(t),r=0;r<t;r++)n[r]=arguments[r];return e.getVelocityConfig.apply(e,[0].concat(n))},this.getVelocityLeaveConfig=function(){for(var t=arguments.length,n=Array(t),r=0;r<t;r++)n[r]=arguments[r];var o=e.getVelocityConfig.apply(e,[1].concat(n)),i={};return Object.keys(o).forEach(function(e){Array.isArray(o[e])?i[e]=Array.prototype.slice.call(o[e]).reverse():i[e]=o[e]}),i},this.getVelocityEasing=function(){for(var t=arguments.length,n=Array(t),r=0;r<t;r++)n[r]=arguments[r];return g.transformArguments.apply(void 0,[e.props.ease].concat(n)).map(function(e){return"string"==typeof e?C[e]||e:e})},this.getInitAnimType=function(e,t){var n=(0,a["default"])({},(0,g.assignChild)(t)),r=x&&x.prototype.constructor&&x.prototype.constructor.CSS.Lists.transformsBase||[],o=x&&x.prototype.constructor&&x.prototype.constructor.CSS.setPropertyValue||S,i=x&&x.prototype.constructor&&x.prototype.constructor.CSS.Values.getUnitType||S,s=e.style;return Object.keys(n).forEach(function(t){var a=t;if(r.indexOf(t)>=0){a="transform";var u=s[(0,g.checkStyleName)(a)];if(u&&"none"!==u&&u.match(t)){var l=new RegExp("^.*"+t+"\\(([^\\)]+?)\\).*","i"),c=u.replace(l,"$1");n[t][1]=parseFloat(c)}}else s[t]&&parseFloat(s[t])&&(n[t][1]=parseFloat(s[t]));o(e,a,""+n[t][1]+i(t))}),n},this.performEnter=function(t,n){var r=(0,g.transformArguments)(e.props.interval,t,n)[0],o=(0,g.transformArguments)(e.props.delay,t,n)[0];e.placeholderTimeoutIds[t]=setTimeout(e.performEnterBegin.bind(e,t,n),r*n+o),e.keysToEnter.indexOf(t)>=0&&e.keysToEnter.splice(e.keysToEnter.indexOf(t),1)},this.performEnterBegin=function(t,n){var r=e.state.childrenShow;r[t]=!0,e.setState({childrenShow:r},e.realPerformEnter.bind(e,t,n))},this.realPerformEnter=function(t,n){var r=(0,y.findDOMNode)(e.refs[t]);if(r){var o=(0,g.transformArguments)(e.props.duration,t,n)[0];x(r,"stop");var i=e.props.enterForcedRePlay?e.getVelocityEnterConfig(t,n):e.getInitAnimType(r,e.getVelocityEnterConfig(t,n));e.props.enterForcedRePlay&&(r.style.visibility="hidden"),x(r,i,{duration:o,easing:e.getVelocityEasing(t,n)[0],visibility:"visible",begin:e.enterBegin.bind(e,t),complete:e.enterComplete.bind(e,t)})}},this.performLeave=function(t,n){clearTimeout(e.placeholderTimeoutIds[t]),delete e.placeholderTimeoutIds[t];var r=(0,y.findDOMNode)(e.refs[t]);if(r){var o=(0,g.transformArguments)(e.props.interval,t,n)[1],i=(0,g.transformArguments)(e.props.delay,t,n)[1],a=(0,g.transformArguments)(e.props.duration,t,n)[1],s=e.props.leaveReverse?e.keysToLeave.length-n-1:n;x(r,"stop"),r.style.visibility="visible";var u=e.getInitAnimType(r,e.getVelocityLeaveConfig(t,n));x(r,u,{delay:o*s+i,duration:a,easing:e.getVelocityEasing(t,n)[1],begin:e.leaveBegin.bind(e,t),complete:e.leaveComplete.bind(e,t)})}},this.enterBegin=function(t,n){n.forEach(function(t){var n=e.props.animatingClassName;t.className=t.className.replace(n[1],""),t.className.indexOf(n[0])===-1&&(t.className+=" "+n[0])})},this.enterComplete=function(t,n){e.keysAnimating.indexOf(t)>=0&&e.keysAnimating.splice(e.keysAnimating.indexOf(t),1),n.forEach(function(t){t.className=t.className.replace(e.props.animatingClassName[0],"").trim()}),e.props.onEnd({key:t,type:"enter"})},this.leaveBegin=function(t,n){n.forEach(function(t){var n=e.props.animatingClassName;t.className=t.className.replace(n[0],""),t.className.indexOf(n[1])===-1&&(t.className+=" "+n[1])})},this.leaveComplete=function(t,n){if(!(e.keysAnimating.indexOf(t)<0)){e.keysAnimating.splice(e.keysAnimating.indexOf(t),1);var r=e.state.childrenShow;r[t]=!1,e.keysToLeave.indexOf(t)>=0&&e.keysToLeave.splice(e.keysToLeave.indexOf(t),1);var o=e.keysToLeave.some(function(e){return r[e]});if(!o){var i=(0,g.toArrayChildren)((0,g.getChildrenFromProps)(e.props));e.setState({children:i,childrenShow:r})}n.forEach(function(t){t.className=t.className.replace(e.props.animatingClassName[1],"").trim()}),e.props.onEnd({key:t,type:"leave"})}}};P.propTypes={component:m["default"].PropTypes.any,interval:m["default"].PropTypes.any,duration:m["default"].PropTypes.any,delay:m["default"].PropTypes.any,type:m["default"].PropTypes.any,animConfig:m["default"].PropTypes.any,ease:m["default"].PropTypes.any,leaveReverse:m["default"].PropTypes.bool,enterForcedRePlay:m["default"].PropTypes.bool,animatingClassName:m["default"].PropTypes.array,onEnd:m["default"].PropTypes.func,appear:m["default"].PropTypes.bool},P.defaultProps={component:"div",interval:100,duration:450,delay:0,type:"right",animConfig:null,ease:"easeOutQuart",leaveReverse:!1,enterForcedRePlay:!1,animatingClassName:["queue-anim-entering","queue-anim-leaving"],onEnd:S,appear:!0},t["default"]=P,e.exports=t["default"]}).call(t,n(231).setImmediate)},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={left:{opacity:[1,0],translateX:[0,-30]},top:{opacity:[1,0],translateY:[0,-30]},right:{opacity:[1,0],translateX:[0,30]},bottom:{opacity:[1,0],translateY:[0,30]},alpha:{opacity:[1,0]},scale:{opacity:[1,0],scale:[1,0]},scaleBig:{opacity:[1,0],scale:[1,2]},scaleX:{opacity:[1,0],scaleX:[1,0]},scaleY:{opacity:[1,0],scaleY:[1,0]}},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=[];return m["default"].Children.forEach(e,function(e){t.push(e)}),t}function i(e,t){var n=null;return e&&e.forEach(function(e){!n&&e&&e.key===t&&(n=e)}),n}function a(e,t){var n=[],r={},o=[],a=void 0;return e.forEach(function(e){e&&(i(t,e.key)?(o.length&&(r[e.key]=o,o=[]),a=e.key):e.key&&o.push(e))}),a||(n=n.concat(o)),t.forEach(function(e){e&&(r.hasOwnProperty(e.key)&&(n=n.concat(r[e.key])),n.push(e),e.key===a&&(n=n.concat(o)))}),n}function s(e,t,n){var r=void 0;return r="function"==typeof e?e({key:t,index:n}):e,Array.isArray(r)&&2===r.length?r:[r,r]}function u(e){return e&&e.children}function l(e){var t={};return Object.keys(e).forEach(function(n){return Array.isArray(e[n])?void(t[n]=[].concat(e[n])):"object"===(0,h["default"])(e[n])?void(t[n]=(0,p["default"])({},e[n])):void(t[n]=e[n])}),t}function c(e){var t=["O","Moz","ms","Ms","Webkit"];if("filter"!==e&&e in document.body.style)return e;var n=e.charAt(0).toUpperCase()+e.substr(1);return""+(t.filter(function(e){return""+e+n in document.body.style})[0]||"")+n}Object.defineProperty(t,"__esModule",{value:!0});var f=n(9),p=r(f),d=n(47),h=r(d);t.toArrayChildren=o,t.findChildInChildrenByKey=i,t.mergeChildren=a,t.transformArguments=s,t.getChildrenFromProps=u,t.assignChild=l,t.checkStyleName=c;var v=n(1),m=r(v)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}t.__esModule=!0,t.NextArrow=t.PrevArrow=void 0;var s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u=n(1),l=r(u),c=n(8),f=r(c),p=n(212),d=r(p);t.PrevArrow=function(e){function t(){return o(this,t),i(this,e.apply(this,arguments))}return a(t,e),t.prototype.clickHandler=function(e,t){t&&t.preventDefault(),this.props.clickHandler(e,t)},t.prototype.render=function(){var e={"slick-arrow":!0,"slick-prev":!0},t=this.clickHandler.bind(this,{message:"previous"});!this.props.infinite&&(0===this.props.currentSlide||this.props.slideCount<=this.props.slidesToShow)&&(e["slick-disabled"]=!0,t=null);var n,r={key:"0","data-role":"none",className:(0,f["default"])(e),style:{display:"block"},onClick:t},o={currentSlide:this.props.currentSlide,slideCount:this.props.slideCount};return n=this.props.prevArrow?l["default"].cloneElement(this.props.prevArrow,s({},r,o)):l["default"].createElement("button",s({key:"0",type:"button"},r)," Previous")},t}(l["default"].Component),t.NextArrow=function(e){function t(){return o(this,t),i(this,e.apply(this,arguments))}return a(t,e),t.prototype.clickHandler=function(e,t){t&&t.preventDefault(),this.props.clickHandler(e,t)},t.prototype.render=function(){var e={"slick-arrow":!0,"slick-next":!0},t=this.clickHandler.bind(this,{message:"next"});d["default"].canGoNext(this.props)||(e["slick-disabled"]=!0,t=null);var n,r={key:"1","data-role":"none",className:(0,f["default"])(e),style:{display:"block"},onClick:t},o={currentSlide:this.props.currentSlide,slideCount:this.props.slideCount};return n=this.props.nextArrow?l["default"].cloneElement(this.props.nextArrow,s({},r,o)):l["default"].createElement("button",s({key:"1",type:"button"},r)," Next")},t}(l["default"].Component)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}t.__esModule=!0,t.Dots=void 0;var s=n(1),u=r(s),l=n(8),c=r(l),f=function(e){var t;return t=Math.ceil(e.slideCount/e.slidesToScroll)};t.Dots=function(e){function t(){return o(this,t),i(this,e.apply(this,arguments))}return a(t,e),t.prototype.clickHandler=function(e,t){t.preventDefault(),this.props.clickHandler(e)},t.prototype.render=function(){var e=this,t=f({slideCount:this.props.slideCount,slidesToScroll:this.props.slidesToScroll}),n=Array.apply(null,Array(t+1).join("0").split("")).map(function(t,n){var r=n*e.props.slidesToScroll,o=n*e.props.slidesToScroll+(e.props.slidesToScroll-1),i=(0,c["default"])({"slick-active":e.props.currentSlide>=r&&e.props.currentSlide<=o}),a={message:"dots",index:n,slidesToScroll:e.props.slidesToScroll,currentSlide:e.props.currentSlide},s=e.clickHandler.bind(e,a);return u["default"].createElement("li",{key:n,className:i},u["default"].cloneElement(e.props.customPaging(n),{onClick:s}))});return u["default"].createElement("ul",{className:this.props.dotsClass,style:{display:"block"}},n)},t}(u["default"].Component)},function(e,t,n){"use strict";e.exports=n(624)},function(e,t){"use strict";var n={animating:!1,dragging:!1,autoPlayTimer:null,currentDirection:0,currentLeft:null,currentSlide:0,direction:1,listWidth:null,listHeight:null,slideCount:null,slideWidth:null,slideHeight:null,swipeLeft:null,touchObject:{startX:0,startY:0,curX:0,curY:0},lazyLoadedList:[],initialized:!1,edgeDragged:!1,swiped:!1,trackStyle:{},trackWidth:0};e.exports=n},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.InnerSlider=void 0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(1),a=r(i),s=n(623),u=r(s),l=n(212),c=r(l),f=n(621),p=r(f),d=n(348),h=r(d),v=n(57),m=r(v),y=n(8),g=r(y),b=n(11),_=r(b),w=n(625),x=n(619),C=n(618);
+"use strict";function o(){try{var e=new Uint8Array(1);return e.__proto__={__proto__:Uint8Array.prototype,foo:function(){return 42}},42===e.foo()&&"function"==typeof e.subarray&&0===e.subarray(1,1).byteLength}catch(t){return!1}}function i(){return e.TYPED_ARRAY_SUPPORT?2147483647:1073741823}function a(t,n){if(i()<n)throw new RangeError("Invalid typed array length");return e.TYPED_ARRAY_SUPPORT?(t=new Uint8Array(n),t.__proto__=e.prototype):(null===t&&(t=new e(n)),t.length=n),t}function e(t,n,r){if(!(e.TYPED_ARRAY_SUPPORT||this instanceof e))return new e(t,n,r);if("number"==typeof t){if("string"==typeof n)throw new Error("If encoding is specified then the first argument must be a string");return c(this,t)}return s(this,t,n,r)}function s(e,t,n,r){if("number"==typeof t)throw new TypeError('"value" argument must not be a number');return"undefined"!=typeof ArrayBuffer&&t instanceof ArrayBuffer?d(e,t,n,r):"string"==typeof t?f(e,t,n):h(e,t)}function u(e){if("number"!=typeof e)throw new TypeError('"size" argument must be a number');if(e<0)throw new RangeError('"size" argument must not be negative')}function l(e,t,n,r){return u(t),t<=0?a(e,t):void 0!==n?"string"==typeof r?a(e,t).fill(n,r):a(e,t).fill(n):a(e,t)}function c(t,n){if(u(n),t=a(t,n<0?0:0|v(n)),!e.TYPED_ARRAY_SUPPORT)for(var r=0;r<n;++r)t[r]=0;return t}function f(t,n,r){if("string"==typeof r&&""!==r||(r="utf8"),!e.isEncoding(r))throw new TypeError('"encoding" must be a valid string encoding');var o=0|y(n,r);t=a(t,o);var i=t.write(n,r);return i!==o&&(t=t.slice(0,i)),t}function p(e,t){var n=t.length<0?0:0|v(t.length);e=a(e,n);for(var r=0;r<n;r+=1)e[r]=255&t[r];return e}function d(t,n,r,o){if(n.byteLength,r<0||n.byteLength<r)throw new RangeError("'offset' is out of bounds");if(n.byteLength<r+(o||0))throw new RangeError("'length' is out of bounds");return n=void 0===r&&void 0===o?new Uint8Array(n):void 0===o?new Uint8Array(n,r):new Uint8Array(n,r,o),e.TYPED_ARRAY_SUPPORT?(t=n,t.__proto__=e.prototype):t=p(t,n),t}function h(t,n){if(e.isBuffer(n)){var r=0|v(n.length);return t=a(t,r),0===t.length?t:(n.copy(t,0,0,r),t)}if(n){if("undefined"!=typeof ArrayBuffer&&n.buffer instanceof ArrayBuffer||"length"in n)return"number"!=typeof n.length||$(n.length)?a(t,0):p(t,n);if("Buffer"===n.type&&J(n.data))return p(t,n.data)}throw new TypeError("First argument must be a string, Buffer, ArrayBuffer, Array, or array-like object.")}function v(e){if(e>=i())throw new RangeError("Attempt to allocate Buffer larger than maximum size: 0x"+i().toString(16)+" bytes");return 0|e}function m(t){return+t!=t&&(t=0),e.alloc(+t)}function y(t,n){if(e.isBuffer(t))return t.length;if("undefined"!=typeof ArrayBuffer&&"function"==typeof ArrayBuffer.isView&&(ArrayBuffer.isView(t)||t instanceof ArrayBuffer))return t.byteLength;"string"!=typeof t&&(t=""+t);var r=t.length;if(0===r)return 0;for(var o=!1;;)switch(n){case"ascii":case"latin1":case"binary":return r;case"utf8":case"utf-8":case void 0:return W(t).length;case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return 2*r;case"hex":return r>>>1;case"base64":return G(t).length;default:if(o)return W(t).length;n=(""+n).toLowerCase(),o=!0}}function g(e,t,n){var r=!1;if((void 0===t||t<0)&&(t=0),t>this.length)return"";if((void 0===n||n>this.length)&&(n=this.length),n<=0)return"";if(n>>>=0,t>>>=0,n<=t)return"";for(e||(e="utf8");;)switch(e){case"hex":return D(this,t,n);case"utf8":case"utf-8":return k(this,t,n);case"ascii":return N(this,t,n);case"latin1":case"binary":return A(this,t,n);case"base64":return T(this,t,n);case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return j(this,t,n);default:if(r)throw new TypeError("Unknown encoding: "+e);e=(e+"").toLowerCase(),r=!0}}function b(e,t,n){var r=e[t];e[t]=e[n],e[n]=r}function _(t,n,r,o,i){if(0===t.length)return-1;if("string"==typeof r?(o=r,r=0):r>2147483647?r=2147483647:r<-2147483648&&(r=-2147483648),r=+r,isNaN(r)&&(r=i?0:t.length-1),r<0&&(r=t.length+r),r>=t.length){if(i)return-1;r=t.length-1}else if(r<0){if(!i)return-1;r=0}if("string"==typeof n&&(n=e.from(n,o)),e.isBuffer(n))return 0===n.length?-1:w(t,n,r,o,i);if("number"==typeof n)return n=255&n,e.TYPED_ARRAY_SUPPORT&&"function"==typeof Uint8Array.prototype.indexOf?i?Uint8Array.prototype.indexOf.call(t,n,r):Uint8Array.prototype.lastIndexOf.call(t,n,r):w(t,[n],r,o,i);throw new TypeError("val must be string, number or Buffer")}function w(e,t,n,r,o){function i(e,t){return 1===a?e[t]:e.readUInt16BE(t*a)}var a=1,s=e.length,u=t.length;if(void 0!==r&&(r=String(r).toLowerCase(),"ucs2"===r||"ucs-2"===r||"utf16le"===r||"utf-16le"===r)){if(e.length<2||t.length<2)return-1;a=2,s/=2,u/=2,n/=2}var l;if(o){var c=-1;for(l=n;l<s;l++)if(i(e,l)===i(t,c===-1?0:l-c)){if(c===-1&&(c=l),l-c+1===u)return c*a}else c!==-1&&(l-=l-c),c=-1}else for(n+u>s&&(n=s-u),l=n;l>=0;l--){for(var f=!0,p=0;p<u;p++)if(i(e,l+p)!==i(t,p)){f=!1;break}if(f)return l}return-1}function x(e,t,n,r){n=Number(n)||0;var o=e.length-n;r?(r=Number(r),r>o&&(r=o)):r=o;var i=t.length;if(i%2!==0)throw new TypeError("Invalid hex string");r>i/2&&(r=i/2);for(var a=0;a<r;++a){var s=parseInt(t.substr(2*a,2),16);if(isNaN(s))return a;e[n+a]=s}return a}function C(e,t,n,r){return X(W(t,e.length-n),e,n,r)}function E(e,t,n,r){return X(q(t),e,n,r)}function S(e,t,n,r){return E(e,t,n,r)}function O(e,t,n,r){return X(G(t),e,n,r)}function P(e,t,n,r){return X(Y(t,e.length-n),e,n,r)}function T(e,t,n){return 0===t&&n===e.length?Z.fromByteArray(e):Z.fromByteArray(e.slice(t,n))}function k(e,t,n){n=Math.min(e.length,n);for(var r=[],o=t;o<n;){var i=e[o],a=null,s=i>239?4:i>223?3:i>191?2:1;if(o+s<=n){var u,l,c,f;switch(s){case 1:i<128&&(a=i);break;case 2:u=e[o+1],128===(192&u)&&(f=(31&i)<<6|63&u,f>127&&(a=f));break;case 3:u=e[o+1],l=e[o+2],128===(192&u)&&128===(192&l)&&(f=(15&i)<<12|(63&u)<<6|63&l,f>2047&&(f<55296||f>57343)&&(a=f));break;case 4:u=e[o+1],l=e[o+2],c=e[o+3],128===(192&u)&&128===(192&l)&&128===(192&c)&&(f=(15&i)<<18|(63&u)<<12|(63&l)<<6|63&c,f>65535&&f<1114112&&(a=f))}}null===a?(a=65533,s=1):a>65535&&(a-=65536,r.push(a>>>10&1023|55296),a=56320|1023&a),r.push(a),o+=s}return M(r)}function M(e){var t=e.length;if(t<=ee)return String.fromCharCode.apply(String,e);for(var n="",r=0;r<t;)n+=String.fromCharCode.apply(String,e.slice(r,r+=ee));return n}function N(e,t,n){var r="";n=Math.min(e.length,n);for(var o=t;o<n;++o)r+=String.fromCharCode(127&e[o]);return r}function A(e,t,n){var r="";n=Math.min(e.length,n);for(var o=t;o<n;++o)r+=String.fromCharCode(e[o]);return r}function D(e,t,n){var r=e.length;(!t||t<0)&&(t=0),(!n||n<0||n>r)&&(n=r);for(var o="",i=t;i<n;++i)o+=K(e[i]);return o}function j(e,t,n){for(var r=e.slice(t,n),o="",i=0;i<r.length;i+=2)o+=String.fromCharCode(r[i]+256*r[i+1]);return o}function R(e,t,n){if(e%1!==0||e<0)throw new RangeError("offset is not uint");if(e+t>n)throw new RangeError("Trying to access beyond buffer length")}function I(t,n,r,o,i,a){if(!e.isBuffer(t))throw new TypeError('"buffer" argument must be a Buffer instance');if(n>i||n<a)throw new RangeError('"value" argument is out of bounds');if(r+o>t.length)throw new RangeError("Index out of range")}function L(e,t,n,r){t<0&&(t=65535+t+1);for(var o=0,i=Math.min(e.length-n,2);o<i;++o)e[n+o]=(t&255<<8*(r?o:1-o))>>>8*(r?o:1-o)}function F(e,t,n,r){t<0&&(t=4294967295+t+1);for(var o=0,i=Math.min(e.length-n,4);o<i;++o)e[n+o]=t>>>8*(r?o:3-o)&255}function U(e,t,n,r,o,i){if(n+r>e.length)throw new RangeError("Index out of range");if(n<0)throw new RangeError("Index out of range")}function V(e,t,n,r,o){return o||U(e,t,n,4,3.4028234663852886e38,-3.4028234663852886e38),Q.write(e,t,n,r,23,4),n+4}function B(e,t,n,r,o){return o||U(e,t,n,8,1.7976931348623157e308,-1.7976931348623157e308),Q.write(e,t,n,r,52,8),n+8}function z(e){if(e=H(e).replace(te,""),e.length<2)return"";for(;e.length%4!==0;)e+="=";return e}function H(e){return e.trim?e.trim():e.replace(/^\s+|\s+$/g,"")}function K(e){return e<16?"0"+e.toString(16):e.toString(16)}function W(e,t){t=t||1/0;for(var n,r=e.length,o=null,i=[],a=0;a<r;++a){if(n=e.charCodeAt(a),n>55295&&n<57344){if(!o){if(n>56319){(t-=3)>-1&&i.push(239,191,189);continue}if(a+1===r){(t-=3)>-1&&i.push(239,191,189);continue}o=n;continue}if(n<56320){(t-=3)>-1&&i.push(239,191,189),o=n;continue}n=(o-55296<<10|n-56320)+65536}else o&&(t-=3)>-1&&i.push(239,191,189);if(o=null,n<128){if((t-=1)<0)break;i.push(n)}else if(n<2048){if((t-=2)<0)break;i.push(n>>6|192,63&n|128)}else if(n<65536){if((t-=3)<0)break;i.push(n>>12|224,n>>6&63|128,63&n|128)}else{if(!(n<1114112))throw new Error("Invalid code point");if((t-=4)<0)break;i.push(n>>18|240,n>>12&63|128,n>>6&63|128,63&n|128)}}return i}function q(e){for(var t=[],n=0;n<e.length;++n)t.push(255&e.charCodeAt(n));return t}function Y(e,t){for(var n,r,o,i=[],a=0;a<e.length&&!((t-=2)<0);++a)n=e.charCodeAt(a),r=n>>8,o=n%256,i.push(o),i.push(r);return i}function G(e){return Z.toByteArray(z(e))}function X(e,t,n,r){for(var o=0;o<r&&!(o+n>=t.length||o>=e.length);++o)t[o+n]=e[o];return o}function $(e){return e!==e}var Z=n(4),Q=n(5),J=n(6);t.Buffer=e,t.SlowBuffer=m,t.INSPECT_MAX_BYTES=50,e.TYPED_ARRAY_SUPPORT=void 0!==r.TYPED_ARRAY_SUPPORT?r.TYPED_ARRAY_SUPPORT:o(),t.kMaxLength=i(),e.poolSize=8192,e._augment=function(t){return t.__proto__=e.prototype,t},e.from=function(e,t,n){return s(null,e,t,n)},e.TYPED_ARRAY_SUPPORT&&(e.prototype.__proto__=Uint8Array.prototype,e.__proto__=Uint8Array,"undefined"!=typeof Symbol&&Symbol.species&&e[Symbol.species]===e&&Object.defineProperty(e,Symbol.species,{value:null,configurable:!0})),e.alloc=function(e,t,n){return l(null,e,t,n)},e.allocUnsafe=function(e){return c(null,e)},e.allocUnsafeSlow=function(e){return c(null,e)},e.isBuffer=function(e){return!(null==e||!e._isBuffer)},e.compare=function(t,n){if(!e.isBuffer(t)||!e.isBuffer(n))throw new TypeError("Arguments must be Buffers");if(t===n)return 0;for(var r=t.length,o=n.length,i=0,a=Math.min(r,o);i<a;++i)if(t[i]!==n[i]){r=t[i],o=n[i];break}return r<o?-1:o<r?1:0},e.isEncoding=function(e){switch(String(e).toLowerCase()){case"hex":case"utf8":case"utf-8":case"ascii":case"latin1":case"binary":case"base64":case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return!0;default:return!1}},e.concat=function(t,n){if(!J(t))throw new TypeError('"list" argument must be an Array of Buffers');if(0===t.length)return e.alloc(0);var r;if(void 0===n)for(n=0,r=0;r<t.length;++r)n+=t[r].length;var o=e.allocUnsafe(n),i=0;for(r=0;r<t.length;++r){var a=t[r];if(!e.isBuffer(a))throw new TypeError('"list" argument must be an Array of Buffers');a.copy(o,i),i+=a.length}return o},e.byteLength=y,e.prototype._isBuffer=!0,e.prototype.swap16=function(){var e=this.length;if(e%2!==0)throw new RangeError("Buffer size must be a multiple of 16-bits");for(var t=0;t<e;t+=2)b(this,t,t+1);return this},e.prototype.swap32=function(){var e=this.length;if(e%4!==0)throw new RangeError("Buffer size must be a multiple of 32-bits");for(var t=0;t<e;t+=4)b(this,t,t+3),b(this,t+1,t+2);return this},e.prototype.swap64=function(){var e=this.length;if(e%8!==0)throw new RangeError("Buffer size must be a multiple of 64-bits");for(var t=0;t<e;t+=8)b(this,t,t+7),b(this,t+1,t+6),b(this,t+2,t+5),b(this,t+3,t+4);return this},e.prototype.toString=function(){var e=0|this.length;return 0===e?"":0===arguments.length?k(this,0,e):g.apply(this,arguments)},e.prototype.equals=function(t){if(!e.isBuffer(t))throw new TypeError("Argument must be a Buffer");return this===t||0===e.compare(this,t)},e.prototype.inspect=function(){var e="",n=t.INSPECT_MAX_BYTES;return this.length>0&&(e=this.toString("hex",0,n).match(/.{2}/g).join(" "),this.length>n&&(e+=" ... ")),"<Buffer "+e+">"},e.prototype.compare=function(t,n,r,o,i){if(!e.isBuffer(t))throw new TypeError("Argument must be a Buffer");if(void 0===n&&(n=0),void 0===r&&(r=t?t.length:0),void 0===o&&(o=0),void 0===i&&(i=this.length),n<0||r>t.length||o<0||i>this.length)throw new RangeError("out of range index");if(o>=i&&n>=r)return 0;if(o>=i)return-1;if(n>=r)return 1;if(n>>>=0,r>>>=0,o>>>=0,i>>>=0,this===t)return 0;for(var a=i-o,s=r-n,u=Math.min(a,s),l=this.slice(o,i),c=t.slice(n,r),f=0;f<u;++f)if(l[f]!==c[f]){a=l[f],s=c[f];break}return a<s?-1:s<a?1:0},e.prototype.includes=function(e,t,n){return this.indexOf(e,t,n)!==-1},e.prototype.indexOf=function(e,t,n){return _(this,e,t,n,!0)},e.prototype.lastIndexOf=function(e,t,n){return _(this,e,t,n,!1)},e.prototype.write=function(e,t,n,r){if(void 0===t)r="utf8",n=this.length,t=0;else if(void 0===n&&"string"==typeof t)r=t,n=this.length,t=0;else{if(!isFinite(t))throw new Error("Buffer.write(string, encoding, offset[, length]) is no longer supported");t=0|t,isFinite(n)?(n=0|n,void 0===r&&(r="utf8")):(r=n,n=void 0)}var o=this.length-t;if((void 0===n||n>o)&&(n=o),e.length>0&&(n<0||t<0)||t>this.length)throw new RangeError("Attempt to write outside buffer bounds");r||(r="utf8");for(var i=!1;;)switch(r){case"hex":return x(this,e,t,n);case"utf8":case"utf-8":return C(this,e,t,n);case"ascii":return E(this,e,t,n);case"latin1":case"binary":return S(this,e,t,n);case"base64":return O(this,e,t,n);case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return P(this,e,t,n);default:if(i)throw new TypeError("Unknown encoding: "+r);r=(""+r).toLowerCase(),i=!0}},e.prototype.toJSON=function(){return{type:"Buffer",data:Array.prototype.slice.call(this._arr||this,0)}};var ee=4096;e.prototype.slice=function(t,n){var r=this.length;t=~~t,n=void 0===n?r:~~n,t<0?(t+=r,t<0&&(t=0)):t>r&&(t=r),n<0?(n+=r,n<0&&(n=0)):n>r&&(n=r),n<t&&(n=t);var o;if(e.TYPED_ARRAY_SUPPORT)o=this.subarray(t,n),o.__proto__=e.prototype;else{var i=n-t;o=new e(i,(void 0));for(var a=0;a<i;++a)o[a]=this[a+t]}return o},e.prototype.readUIntLE=function(e,t,n){e=0|e,t=0|t,n||R(e,t,this.length);for(var r=this[e],o=1,i=0;++i<t&&(o*=256);)r+=this[e+i]*o;return r},e.prototype.readUIntBE=function(e,t,n){e=0|e,t=0|t,n||R(e,t,this.length);for(var r=this[e+--t],o=1;t>0&&(o*=256);)r+=this[e+--t]*o;return r},e.prototype.readUInt8=function(e,t){return t||R(e,1,this.length),this[e]},e.prototype.readUInt16LE=function(e,t){return t||R(e,2,this.length),this[e]|this[e+1]<<8},e.prototype.readUInt16BE=function(e,t){return t||R(e,2,this.length),this[e]<<8|this[e+1]},e.prototype.readUInt32LE=function(e,t){return t||R(e,4,this.length),(this[e]|this[e+1]<<8|this[e+2]<<16)+16777216*this[e+3]},e.prototype.readUInt32BE=function(e,t){return t||R(e,4,this.length),16777216*this[e]+(this[e+1]<<16|this[e+2]<<8|this[e+3])},e.prototype.readIntLE=function(e,t,n){e=0|e,t=0|t,n||R(e,t,this.length);for(var r=this[e],o=1,i=0;++i<t&&(o*=256);)r+=this[e+i]*o;return o*=128,r>=o&&(r-=Math.pow(2,8*t)),r},e.prototype.readIntBE=function(e,t,n){e=0|e,t=0|t,n||R(e,t,this.length);for(var r=t,o=1,i=this[e+--r];r>0&&(o*=256);)i+=this[e+--r]*o;return o*=128,i>=o&&(i-=Math.pow(2,8*t)),i},e.prototype.readInt8=function(e,t){return t||R(e,1,this.length),128&this[e]?(255-this[e]+1)*-1:this[e]},e.prototype.readInt16LE=function(e,t){t||R(e,2,this.length);var n=this[e]|this[e+1]<<8;return 32768&n?4294901760|n:n},e.prototype.readInt16BE=function(e,t){t||R(e,2,this.length);var n=this[e+1]|this[e]<<8;return 32768&n?4294901760|n:n},e.prototype.readInt32LE=function(e,t){return t||R(e,4,this.length),this[e]|this[e+1]<<8|this[e+2]<<16|this[e+3]<<24},e.prototype.readInt32BE=function(e,t){return t||R(e,4,this.length),this[e]<<24|this[e+1]<<16|this[e+2]<<8|this[e+3]},e.prototype.readFloatLE=function(e,t){return t||R(e,4,this.length),Q.read(this,e,!0,23,4)},e.prototype.readFloatBE=function(e,t){return t||R(e,4,this.length),Q.read(this,e,!1,23,4)},e.prototype.readDoubleLE=function(e,t){return t||R(e,8,this.length),Q.read(this,e,!0,52,8)},e.prototype.readDoubleBE=function(e,t){return t||R(e,8,this.length),Q.read(this,e,!1,52,8)},e.prototype.writeUIntLE=function(e,t,n,r){if(e=+e,t=0|t,n=0|n,!r){var o=Math.pow(2,8*n)-1;I(this,e,t,n,o,0)}var i=1,a=0;for(this[t]=255&e;++a<n&&(i*=256);)this[t+a]=e/i&255;return t+n},e.prototype.writeUIntBE=function(e,t,n,r){if(e=+e,t=0|t,n=0|n,!r){var o=Math.pow(2,8*n)-1;I(this,e,t,n,o,0)}var i=n-1,a=1;for(this[t+i]=255&e;--i>=0&&(a*=256);)this[t+i]=e/a&255;return t+n},e.prototype.writeUInt8=function(t,n,r){return t=+t,n=0|n,r||I(this,t,n,1,255,0),e.TYPED_ARRAY_SUPPORT||(t=Math.floor(t)),this[n]=255&t,n+1},e.prototype.writeUInt16LE=function(t,n,r){return t=+t,n=0|n,r||I(this,t,n,2,65535,0),e.TYPED_ARRAY_SUPPORT?(this[n]=255&t,this[n+1]=t>>>8):L(this,t,n,!0),n+2},e.prototype.writeUInt16BE=function(t,n,r){return t=+t,n=0|n,r||I(this,t,n,2,65535,0),e.TYPED_ARRAY_SUPPORT?(this[n]=t>>>8,this[n+1]=255&t):L(this,t,n,!1),n+2},e.prototype.writeUInt32LE=function(t,n,r){return t=+t,n=0|n,r||I(this,t,n,4,4294967295,0),e.TYPED_ARRAY_SUPPORT?(this[n+3]=t>>>24,this[n+2]=t>>>16,this[n+1]=t>>>8,this[n]=255&t):F(this,t,n,!0),n+4},e.prototype.writeUInt32BE=function(t,n,r){return t=+t,n=0|n,r||I(this,t,n,4,4294967295,0),e.TYPED_ARRAY_SUPPORT?(this[n]=t>>>24,this[n+1]=t>>>16,this[n+2]=t>>>8,this[n+3]=255&t):F(this,t,n,!1),n+4},e.prototype.writeIntLE=function(e,t,n,r){if(e=+e,t=0|t,!r){var o=Math.pow(2,8*n-1);I(this,e,t,n,o-1,-o)}var i=0,a=1,s=0;for(this[t]=255&e;++i<n&&(a*=256);)e<0&&0===s&&0!==this[t+i-1]&&(s=1),this[t+i]=(e/a>>0)-s&255;return t+n},e.prototype.writeIntBE=function(e,t,n,r){if(e=+e,t=0|t,!r){var o=Math.pow(2,8*n-1);I(this,e,t,n,o-1,-o)}var i=n-1,a=1,s=0;for(this[t+i]=255&e;--i>=0&&(a*=256);)e<0&&0===s&&0!==this[t+i+1]&&(s=1),this[t+i]=(e/a>>0)-s&255;return t+n},e.prototype.writeInt8=function(t,n,r){return t=+t,n=0|n,r||I(this,t,n,1,127,-128),e.TYPED_ARRAY_SUPPORT||(t=Math.floor(t)),t<0&&(t=255+t+1),this[n]=255&t,n+1},e.prototype.writeInt16LE=function(t,n,r){return t=+t,n=0|n,r||I(this,t,n,2,32767,-32768),e.TYPED_ARRAY_SUPPORT?(this[n]=255&t,this[n+1]=t>>>8):L(this,t,n,!0),n+2},e.prototype.writeInt16BE=function(t,n,r){return t=+t,n=0|n,r||I(this,t,n,2,32767,-32768),e.TYPED_ARRAY_SUPPORT?(this[n]=t>>>8,this[n+1]=255&t):L(this,t,n,!1),n+2},e.prototype.writeInt32LE=function(t,n,r){return t=+t,n=0|n,r||I(this,t,n,4,2147483647,-2147483648),e.TYPED_ARRAY_SUPPORT?(this[n]=255&t,this[n+1]=t>>>8,this[n+2]=t>>>16,this[n+3]=t>>>24):F(this,t,n,!0),n+4},e.prototype.writeInt32BE=function(t,n,r){return t=+t,n=0|n,r||I(this,t,n,4,2147483647,-2147483648),t<0&&(t=4294967295+t+1),e.TYPED_ARRAY_SUPPORT?(this[n]=t>>>24,this[n+1]=t>>>16,this[n+2]=t>>>8,this[n+3]=255&t):F(this,t,n,!1),n+4},e.prototype.writeFloatLE=function(e,t,n){return V(this,e,t,!0,n)},e.prototype.writeFloatBE=function(e,t,n){return V(this,e,t,!1,n)},e.prototype.writeDoubleLE=function(e,t,n){return B(this,e,t,!0,n)},e.prototype.writeDoubleBE=function(e,t,n){return B(this,e,t,!1,n)},e.prototype.copy=function(t,n,r,o){if(r||(r=0),o||0===o||(o=this.length),n>=t.length&&(n=t.length),n||(n=0),o>0&&o<r&&(o=r),o===r)return 0;if(0===t.length||0===this.length)return 0;if(n<0)throw new RangeError("targetStart out of bounds");if(r<0||r>=this.length)throw new RangeError("sourceStart out of bounds");if(o<0)throw new RangeError("sourceEnd out of bounds");o>this.length&&(o=this.length),t.length-n<o-r&&(o=t.length-n+r);var i,a=o-r;if(this===t&&r<n&&n<o)for(i=a-1;i>=0;--i)t[i+n]=this[i+r];else if(a<1e3||!e.TYPED_ARRAY_SUPPORT)for(i=0;i<a;++i)t[i+n]=this[i+r];else Uint8Array.prototype.set.call(t,this.subarray(r,r+a),n);return a},e.prototype.fill=function(t,n,r,o){if("string"==typeof t){if("string"==typeof n?(o=n,n=0,r=this.length):"string"==typeof r&&(o=r,r=this.length),1===t.length){var i=t.charCodeAt(0);i<256&&(t=i)}if(void 0!==o&&"string"!=typeof o)throw new TypeError("encoding must be a string");if("string"==typeof o&&!e.isEncoding(o))throw new TypeError("Unknown encoding: "+o)}else"number"==typeof t&&(t=255&t);if(n<0||this.length<n||this.length<r)throw new RangeError("Out of range index");if(r<=n)return this;n>>>=0,r=void 0===r?this.length:r>>>0,t||(t=0);var a;if("number"==typeof t)for(a=n;a<r;++a)this[a]=t;else{var s=e.isBuffer(t)?t:W(new e(t,o).toString()),u=s.length;for(a=0;a<r-n;++a)this[a+n]=s[a%u]}return this};var te=/[^+\/0-9A-Za-z-_]/g}).call(t,n(3).Buffer,function(){return this}())},function(e,t){"use strict";function n(){for(var e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",t=0,n=e.length;t<n;++t)s[t]=e[t],u[e.charCodeAt(t)]=t;u["-".charCodeAt(0)]=62,u["_".charCodeAt(0)]=63}function r(e){var t,n,r,o,i,a,s=e.length;if(s%4>0)throw new Error("Invalid string. Length must be a multiple of 4");i="="===e[s-2]?2:"="===e[s-1]?1:0,a=new l(3*s/4-i),r=i>0?s-4:s;var c=0;for(t=0,n=0;t<r;t+=4,n+=3)o=u[e.charCodeAt(t)]<<18|u[e.charCodeAt(t+1)]<<12|u[e.charCodeAt(t+2)]<<6|u[e.charCodeAt(t+3)],a[c++]=o>>16&255,a[c++]=o>>8&255,a[c++]=255&o;return 2===i?(o=u[e.charCodeAt(t)]<<2|u[e.charCodeAt(t+1)]>>4,a[c++]=255&o):1===i&&(o=u[e.charCodeAt(t)]<<10|u[e.charCodeAt(t+1)]<<4|u[e.charCodeAt(t+2)]>>2,a[c++]=o>>8&255,a[c++]=255&o),a}function o(e){return s[e>>18&63]+s[e>>12&63]+s[e>>6&63]+s[63&e]}function i(e,t,n){for(var r,i=[],a=t;a<n;a+=3)r=(e[a]<<16)+(e[a+1]<<8)+e[a+2],i.push(o(r));return i.join("")}function a(e){for(var t,n=e.length,r=n%3,o="",a=[],u=16383,l=0,c=n-r;l<c;l+=u)a.push(i(e,l,l+u>c?c:l+u));return 1===r?(t=e[n-1],o+=s[t>>2],o+=s[t<<4&63],o+="=="):2===r&&(t=(e[n-2]<<8)+e[n-1],o+=s[t>>10],o+=s[t>>4&63],o+=s[t<<2&63],o+="="),a.push(o),a.join("")}t.toByteArray=r,t.fromByteArray=a;var s=[],u=[],l="undefined"!=typeof Uint8Array?Uint8Array:Array;n()},function(e,t){t.read=function(e,t,n,r,o){var i,a,s=8*o-r-1,u=(1<<s)-1,l=u>>1,c=-7,f=n?o-1:0,p=n?-1:1,d=e[t+f];for(f+=p,i=d&(1<<-c)-1,d>>=-c,c+=s;c>0;i=256*i+e[t+f],f+=p,c-=8);for(a=i&(1<<-c)-1,i>>=-c,c+=r;c>0;a=256*a+e[t+f],f+=p,c-=8);if(0===i)i=1-l;else{if(i===u)return a?NaN:(d?-1:1)*(1/0);a+=Math.pow(2,r),i-=l}return(d?-1:1)*a*Math.pow(2,i-r)},t.write=function(e,t,n,r,o,i){var a,s,u,l=8*i-o-1,c=(1<<l)-1,f=c>>1,p=23===o?Math.pow(2,-24)-Math.pow(2,-77):0,d=r?0:i-1,h=r?1:-1,v=t<0||0===t&&1/t<0?1:0;for(t=Math.abs(t),isNaN(t)||t===1/0?(s=isNaN(t)?1:0,a=c):(a=Math.floor(Math.log(t)/Math.LN2),t*(u=Math.pow(2,-a))<1&&(a--,u*=2),t+=a+f>=1?p/u:p*Math.pow(2,1-f),t*u>=2&&(a++,u/=2),a+f>=c?(s=0,a=c):a+f>=1?(s=(t*u-1)*Math.pow(2,o),a+=f):(s=t*Math.pow(2,f-1)*Math.pow(2,o),a=0));o>=8;e[n+d]=255&s,d+=h,s/=256,o-=8);for(a=a<<o|s,l+=o;l>0;e[n+d]=255&a,d+=h,a/=256,l-=8);e[n+d-h]|=128*v}},function(e,t){var n={}.toString;e.exports=Array.isArray||function(e){return"[object Array]"==n.call(e)}},function(e,t,n){function r(e){var t=function(t){return void 0===t||null===t?t:(arguments.length>1&&(t=Array.prototype.slice.call(arguments)),e(t))};return"conversion"in e&&(t.conversion=e.conversion),t}function o(e){var t=function(t){if(void 0===t||null===t)return t;arguments.length>1&&(t=Array.prototype.slice.call(arguments));var n=e(t);if("object"==typeof n)for(var r=n.length,o=0;o<r;o++)n[o]=Math.round(n[o]);return n};return"conversion"in e&&(t.conversion=e.conversion),t}var i=n(8),a=n(10),s={},u=Object.keys(i);u.forEach(function(e){s[e]={},Object.defineProperty(s[e],"channels",{value:i[e].channels});var t=a(e),n=Object.keys(t);n.forEach(function(n){var i=t[n];s[e][n]=o(i),s[e][n].raw=r(i)})}),e.exports=s},function(e,t,n){function r(e,t){return Math.pow(e[0]-t[0],2)+Math.pow(e[1]-t[1],2)+Math.pow(e[2]-t[2],2)}var o=n(9),i={};for(var a in o)o.hasOwnProperty(a)&&(i[o[a]]=a);var s=e.exports={rgb:{channels:3},hsl:{channels:3},hsv:{channels:3},hwb:{channels:3},cmyk:{channels:4},xyz:{channels:3},lab:{channels:3},lch:{channels:3},hex:{channels:1},keyword:{channels:1},ansi16:{channels:1},ansi256:{channels:1},hcg:{channels:3},apple:{channels:3}};for(var u in s)if(s.hasOwnProperty(u)){if(!("channels"in s[u]))throw new Error("missing channels property: "+u);var l=s[u].channels;delete s[u].channels,Object.defineProperty(s[u],"channels",{value:l})}s.rgb.hsl=function(e){var t,n,r,o=e[0]/255,i=e[1]/255,a=e[2]/255,s=Math.min(o,i,a),u=Math.max(o,i,a),l=u-s;return u===s?t=0:o===u?t=(i-a)/l:i===u?t=2+(a-o)/l:a===u&&(t=4+(o-i)/l),t=Math.min(60*t,360),t<0&&(t+=360),r=(s+u)/2,n=u===s?0:r<=.5?l/(u+s):l/(2-u-s),[t,100*n,100*r]},s.rgb.hsv=function(e){var t,n,r,o=e[0],i=e[1],a=e[2],s=Math.min(o,i,a),u=Math.max(o,i,a),l=u-s;return n=0===u?0:l/u*1e3/10,u===s?t=0:o===u?t=(i-a)/l:i===u?t=2+(a-o)/l:a===u&&(t=4+(o-i)/l),t=Math.min(60*t,360),t<0&&(t+=360),r=u/255*1e3/10,[t,n,r]},s.rgb.hwb=function(e){var t=e[0],n=e[1],r=e[2],o=s.rgb.hsl(e)[0],i=1/255*Math.min(t,Math.min(n,r));return r=1-1/255*Math.max(t,Math.max(n,r)),[o,100*i,100*r]},s.rgb.cmyk=function(e){var t,n,r,o,i=e[0]/255,a=e[1]/255,s=e[2]/255;return o=Math.min(1-i,1-a,1-s),t=(1-i-o)/(1-o)||0,n=(1-a-o)/(1-o)||0,r=(1-s-o)/(1-o)||0,[100*t,100*n,100*r,100*o]},s.rgb.keyword=function(e){var t=i[e];if(t)return t;var n,a=1/0;for(var s in o)if(o.hasOwnProperty(s)){var u=o[s],l=r(e,u);l<a&&(a=l,n=s)}return n},s.keyword.rgb=function(e){return o[e]},s.rgb.xyz=function(e){var t=e[0]/255,n=e[1]/255,r=e[2]/255;t=t>.04045?Math.pow((t+.055)/1.055,2.4):t/12.92,n=n>.04045?Math.pow((n+.055)/1.055,2.4):n/12.92,r=r>.04045?Math.pow((r+.055)/1.055,2.4):r/12.92;var o=.4124*t+.3576*n+.1805*r,i=.2126*t+.7152*n+.0722*r,a=.0193*t+.1192*n+.9505*r;return[100*o,100*i,100*a]},s.rgb.lab=function(e){var t,n,r,o=s.rgb.xyz(e),i=o[0],a=o[1],u=o[2];return i/=95.047,a/=100,u/=108.883,i=i>.008856?Math.pow(i,1/3):7.787*i+16/116,a=a>.008856?Math.pow(a,1/3):7.787*a+16/116,u=u>.008856?Math.pow(u,1/3):7.787*u+16/116,t=116*a-16,n=500*(i-a),r=200*(a-u),[t,n,r]},s.hsl.rgb=function(e){var t,n,r,o,i,a=e[0]/360,s=e[1]/100,u=e[2]/100;if(0===s)return i=255*u,[i,i,i];n=u<.5?u*(1+s):u+s-u*s,t=2*u-n,o=[0,0,0];for(var l=0;l<3;l++)r=a+1/3*-(l-1),r<0&&r++,r>1&&r--,i=6*r<1?t+6*(n-t)*r:2*r<1?n:3*r<2?t+(n-t)*(2/3-r)*6:t,o[l]=255*i;return o},s.hsl.hsv=function(e){var t,n,r=e[0],o=e[1]/100,i=e[2]/100,a=o,s=Math.max(i,.01);return i*=2,o*=i<=1?i:2-i,a*=s<=1?s:2-s,n=(i+o)/2,t=0===i?2*a/(s+a):2*o/(i+o),[r,100*t,100*n]},s.hsv.rgb=function(e){var t=e[0]/60,n=e[1]/100,r=e[2]/100,o=Math.floor(t)%6,i=t-Math.floor(t),a=255*r*(1-n),s=255*r*(1-n*i),u=255*r*(1-n*(1-i));switch(r*=255,o){case 0:return[r,u,a];case 1:return[s,r,a];case 2:return[a,r,u];case 3:return[a,s,r];case 4:return[u,a,r];case 5:return[r,a,s]}},s.hsv.hsl=function(e){var t,n,r,o=e[0],i=e[1]/100,a=e[2]/100,s=Math.max(a,.01);return r=(2-i)*a,t=(2-i)*s,n=i*s,n/=t<=1?t:2-t,n=n||0,r/=2,[o,100*n,100*r]},s.hwb.rgb=function(e){var t,n,r,o,i=e[0]/360,a=e[1]/100,s=e[2]/100,u=a+s;u>1&&(a/=u,s/=u),t=Math.floor(6*i),n=1-s,r=6*i-t,0!==(1&t)&&(r=1-r),o=a+r*(n-a);var l,c,f;switch(t){default:case 6:case 0:l=n,c=o,f=a;break;case 1:l=o,c=n,f=a;break;case 2:l=a,c=n,f=o;break;case 3:l=a,c=o,f=n;break;case 4:l=o,c=a,f=n;break;case 5:l=n,c=a,f=o}return[255*l,255*c,255*f]},s.cmyk.rgb=function(e){var t,n,r,o=e[0]/100,i=e[1]/100,a=e[2]/100,s=e[3]/100;return t=1-Math.min(1,o*(1-s)+s),n=1-Math.min(1,i*(1-s)+s),r=1-Math.min(1,a*(1-s)+s),[255*t,255*n,255*r]},s.xyz.rgb=function(e){var t,n,r,o=e[0]/100,i=e[1]/100,a=e[2]/100;return t=3.2406*o+i*-1.5372+a*-.4986,n=o*-.9689+1.8758*i+.0415*a,r=.0557*o+i*-.204+1.057*a,t=t>.0031308?1.055*Math.pow(t,1/2.4)-.055:12.92*t,n=n>.0031308?1.055*Math.pow(n,1/2.4)-.055:12.92*n,r=r>.0031308?1.055*Math.pow(r,1/2.4)-.055:12.92*r,t=Math.min(Math.max(0,t),1),n=Math.min(Math.max(0,n),1),r=Math.min(Math.max(0,r),1),[255*t,255*n,255*r]},s.xyz.lab=function(e){var t,n,r,o=e[0],i=e[1],a=e[2];return o/=95.047,i/=100,a/=108.883,o=o>.008856?Math.pow(o,1/3):7.787*o+16/116,i=i>.008856?Math.pow(i,1/3):7.787*i+16/116,a=a>.008856?Math.pow(a,1/3):7.787*a+16/116,t=116*i-16,n=500*(o-i),r=200*(i-a),[t,n,r]},s.lab.xyz=function(e){var t,n,r,o=e[0],i=e[1],a=e[2];n=(o+16)/116,t=i/500+n,r=n-a/200;var s=Math.pow(n,3),u=Math.pow(t,3),l=Math.pow(r,3);return n=s>.008856?s:(n-16/116)/7.787,t=u>.008856?u:(t-16/116)/7.787,r=l>.008856?l:(r-16/116)/7.787,t*=95.047,n*=100,r*=108.883,[t,n,r]},s.lab.lch=function(e){var t,n,r,o=e[0],i=e[1],a=e[2];return t=Math.atan2(a,i),n=360*t/2/Math.PI,n<0&&(n+=360),r=Math.sqrt(i*i+a*a),[o,r,n]},s.lch.lab=function(e){var t,n,r,o=e[0],i=e[1],a=e[2];return r=a/360*2*Math.PI,t=i*Math.cos(r),n=i*Math.sin(r),[o,t,n]},s.rgb.ansi16=function(e){var t=e[0],n=e[1],r=e[2],o=1 in arguments?arguments[1]:s.rgb.hsv(e)[2];if(o=Math.round(o/50),0===o)return 30;var i=30+(Math.round(r/255)<<2|Math.round(n/255)<<1|Math.round(t/255));return 2===o&&(i+=60),i},s.hsv.ansi16=function(e){return s.rgb.ansi16(s.hsv.rgb(e),e[2])},s.rgb.ansi256=function(e){var t=e[0],n=e[1],r=e[2];if(t===n&&n===r)return t<8?16:t>248?231:Math.round((t-8)/247*24)+232;var o=16+36*Math.round(t/255*5)+6*Math.round(n/255*5)+Math.round(r/255*5);return o},s.ansi16.rgb=function(e){var t=e%10;if(0===t||7===t)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];var n=.5*(~~(e>50)+1),r=(1&t)*n*255,o=(t>>1&1)*n*255,i=(t>>2&1)*n*255;return[r,o,i]},s.ansi256.rgb=function(e){if(e>=232){var t=10*(e-232)+8;return[t,t,t]}e-=16;var n,r=Math.floor(e/36)/5*255,o=Math.floor((n=e%36)/6)/5*255,i=n%6/5*255;return[r,o,i]},s.rgb.hex=function(e){var t=((255&Math.round(e[0]))<<16)+((255&Math.round(e[1]))<<8)+(255&Math.round(e[2])),n=t.toString(16).toUpperCase();return"000000".substring(n.length)+n},s.hex.rgb=function(e){var t=e.toString(16).match(/[a-f0-9]{6}/i);if(!t)return[0,0,0];var n=parseInt(t[0],16),r=n>>16&255,o=n>>8&255,i=255&n;return[r,o,i]},s.rgb.hcg=function(e){var t,n,r=e[0]/255,o=e[1]/255,i=e[2]/255,a=Math.max(Math.max(r,o),i),s=Math.min(Math.min(r,o),i),u=a-s;return t=u<1?s/(1-u):0,n=u<=0?0:a===r?(o-i)/u%6:a===o?2+(i-r)/u:4+(r-o)/u+4,n/=6,n%=1,[360*n,100*u,100*t]},s.hsl.hcg=function(e){var t=e[1]/100,n=e[2]/100,r=1,o=0;return r=n<.5?2*t*n:2*t*(1-n),r<1&&(o=(n-.5*r)/(1-r)),[e[0],100*r,100*o]},s.hsv.hcg=function(e){var t=e[1]/100,n=e[2]/100,r=t*n,o=0;return r<1&&(o=(n-r)/(1-r)),[e[0],100*r,100*o]},s.hcg.rgb=function(e){var t=e[0]/360,n=e[1]/100,r=e[2]/100;if(0===n)return[255*r,255*r,255*r];var o=[0,0,0],i=t%1*6,a=i%1,s=1-a,u=0;switch(Math.floor(i)){case 0:o[0]=1,o[1]=a,o[2]=0;break;case 1:o[0]=s,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=a;break;case 3:o[0]=0,o[1]=s,o[2]=1;break;case 4:o[0]=a,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=s}return u=(1-n)*r,[255*(n*o[0]+u),255*(n*o[1]+u),255*(n*o[2]+u)]},s.hcg.hsv=function(e){var t=e[1]/100,n=e[2]/100,r=t+n*(1-t),o=0;return r>0&&(o=t/r),[e[0],100*o,100*r]},s.hcg.hsl=function(e){var t=e[1]/100,n=e[2]/100,r=n*(1-t)+.5*t,o=0;return r>0&&r<.5?o=t/(2*r):r>=.5&&r<1&&(o=t/(2*(1-r))),[e[0],100*o,100*r]},s.hcg.hwb=function(e){var t=e[1]/100,n=e[2]/100,r=t+n*(1-t);return[e[0],100*(r-t),100*(1-r)]},s.hwb.hcg=function(e){var t=e[1]/100,n=e[2]/100,r=1-n,o=r-t,i=0;return o<1&&(i=(r-o)/(1-o)),[e[0],100*o,100*i]},s.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]},s.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]}},function(e,t){e.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],
+lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}},function(e,t,n){function r(){for(var e={},t=u.length,n=0;n<t;n++)e[u[n]]={distance:-1,parent:null};return e}function o(e){var t=r(),n=[e];for(t[e].distance=0;n.length;)for(var o=n.pop(),i=Object.keys(s[o]),a=i.length,u=0;u<a;u++){var l=i[u],c=t[l];c.distance===-1&&(c.distance=t[o].distance+1,c.parent=o,n.unshift(l))}return t}function i(e,t){return function(n){return t(e(n))}}function a(e,t){for(var n=[t[e].parent,e],r=s[t[e].parent][e],o=t[e].parent;t[o].parent;)n.unshift(t[o].parent),r=i(s[t[o].parent][o],r),o=t[o].parent;return r.conversion=n,r}var s=n(8),u=Object.keys(s);e.exports=function(e){for(var t=o(e),n={},r=Object.keys(t),i=r.length,s=0;s<i;s++){var u=r[s],l=t[u];null!==l.parent&&(n[u]=a(u,t))}return n}},function(e,t,n){function r(e){if(e){var t=/^#([a-fA-F0-9]{3})$/,n=/^#([a-fA-F0-9]{6})$/,r=/^rgba?\(\s*([+-]?\d+)\s*,\s*([+-]?\d+)\s*,\s*([+-]?\d+)\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)$/,o=/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,\s*([+-]?[\d\.]+)\%\s*,\s*([+-]?[\d\.]+)\%\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)$/,i=/(\D+)/,a=[0,0,0],s=1,u=e.match(t);if(u){u=u[1];for(var l=0;l<a.length;l++)a[l]=parseInt(u[l]+u[l],16)}else if(u=e.match(n)){u=u[1];for(var l=0;l<a.length;l++)a[l]=parseInt(u.slice(2*l,2*l+2),16)}else if(u=e.match(r)){for(var l=0;l<a.length;l++)a[l]=parseInt(u[l+1]);s=parseFloat(u[4])}else if(u=e.match(o)){for(var l=0;l<a.length;l++)a[l]=Math.round(2.55*parseFloat(u[l+1]));s=parseFloat(u[4])}else if(u=e.match(i)){if("transparent"==u[1])return[0,0,0,0];if(a=_[u[1]],!a)return}for(var l=0;l<a.length;l++)a[l]=g(a[l],0,255);return s=s||0==s?g(s,0,1):1,a[3]=s,a}}function o(e){if(e){var t=/^hsla?\(\s*([+-]?\d+)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)/,n=e.match(t);if(n){var r=parseFloat(n[4]),o=g(parseInt(n[1]),0,360),i=g(parseFloat(n[2]),0,100),a=g(parseFloat(n[3]),0,100),s=g(isNaN(r)?1:r,0,1);return[o,i,a,s]}}}function i(e){if(e){var t=/^hwb\(\s*([+-]?\d+)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)/,n=e.match(t);if(n){var r=parseFloat(n[4]),o=g(parseInt(n[1]),0,360),i=g(parseFloat(n[2]),0,100),a=g(parseFloat(n[3]),0,100),s=g(isNaN(r)?1:r,0,1);return[o,i,a,s]}}}function a(e){var t=r(e);return t&&t.slice(0,3)}function s(e){var t=o(e);return t&&t.slice(0,3)}function u(e){var t=r(e);return t?t[3]:(t=o(e))?t[3]:(t=i(e))?t[3]:void 0}function l(e){return"#"+b(e[0])+b(e[1])+b(e[2])}function c(e,t){return t<1||e[3]&&e[3]<1?f(e,t):"rgb("+e[0]+", "+e[1]+", "+e[2]+")"}function f(e,t){return void 0===t&&(t=void 0!==e[3]?e[3]:1),"rgba("+e[0]+", "+e[1]+", "+e[2]+", "+t+")"}function p(e,t){if(t<1||e[3]&&e[3]<1)return d(e,t);var n=Math.round(e[0]/255*100),r=Math.round(e[1]/255*100),o=Math.round(e[2]/255*100);return"rgb("+n+"%, "+r+"%, "+o+"%)"}function d(e,t){var n=Math.round(e[0]/255*100),r=Math.round(e[1]/255*100),o=Math.round(e[2]/255*100);return"rgba("+n+"%, "+r+"%, "+o+"%, "+(t||e[3]||1)+")"}function h(e,t){return t<1||e[3]&&e[3]<1?v(e,t):"hsl("+e[0]+", "+e[1]+"%, "+e[2]+"%)"}function v(e,t){return void 0===t&&(t=void 0!==e[3]?e[3]:1),"hsla("+e[0]+", "+e[1]+"%, "+e[2]+"%, "+t+")"}function m(e,t){return void 0===t&&(t=void 0!==e[3]?e[3]:1),"hwb("+e[0]+", "+e[1]+"%, "+e[2]+"%"+(void 0!==t&&1!==t?", "+t:"")+")"}function y(e){return w[e.slice(0,3)]}function g(e,t,n){return Math.min(Math.max(t,e),n)}function b(e){var t=e.toString(16).toUpperCase();return t.length<2?"0"+t:t}var _=n(12);e.exports={getRgba:r,getHsla:o,getRgb:a,getHsl:s,getHwb:i,getAlpha:u,hexString:l,rgbString:c,rgbaString:f,percentString:p,percentaString:d,hslString:h,hslaString:v,hwbString:m,keyword:y};var w={};for(var x in _)w[_[x]]=x},function(e,t){e.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}}])})},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function u(e){return/\bgood\b/i.test(e)}function l(e){return/\bbad\b/i.test(e)}function c(e){return/\binline\b/i.test(e)}function f(e){var t=e.cover,n=e.coverMeta,r=e.imgs,o=e.style,i=e.previewVisible,a=e.comparable,s=e.onClick,u=e.onCancel,l=a||1===r.length,c=(0,y["default"])("preview-image-wrapper",{good:n.isGood,bad:n.isBad});return v["default"].createElement("div",{className:"preview-image-box",style:o},v["default"].createElement("div",{onClick:s,className:c},v["default"].createElement("img",{className:n.className,src:n.src,alt:n.alt})),v["default"].createElement("div",{className:"preview-image-title"},n.alt),v["default"].createElement("div",{className:"preview-image-description",dangerouslySetInnerHTML:{__html:n.description}}),v["default"].createElement(b["default"],{className:"image-modal",width:960,visible:i,title:null,footer:null,onCancel:u},v["default"].createElement(w["default"],{className:""+(l?"image-modal-single":""),draggable:!l,adaptiveHeight:!0},a?t:r),v["default"].createElement("div",{className:"preview-image-title"},n.alt)))}Object.defineProperty(t,"__esModule",{value:!0});var p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},d=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),h=n(1),v=r(h),m=n(8),y=r(m),g=n(500),b=r(g),_=n(487),w=r(_),x=function(e){function t(e){i(this,t);var n=a(this,Object.getPrototypeOf(t).call(this,e));return n.handleCancel=function(){n.setState({leftVisible:!1,rightVisible:!1})},n.state={leftVisible:!1,rightVisible:!1},n.handleLeftClick=n.handleClick.bind(n,"left"),n.handleRightClick=n.handleClick.bind(n,"right"),n}return s(t,e),d(t,[{key:"handleClick",value:function(e){this.setState(o({},e+"Visible",!0))}},{key:"render",value:function(){var e=this.props.imgs,t=e.map(function(e){var t=e.alt,n=e.description,r=e.src,o=e["class"];return{className:o,alt:t,description:n,src:r,isGood:u(o),isBad:l(o),inline:c(o)}}),n=t.map(function(e,t){var n=p({},e);return delete n.description,delete n.isGood,delete n.isBad,v["default"].createElement("div",{key:t},v["default"].createElement("div",{className:"image-modal-container"},v["default"].createElement("img",p({},n,{alt:e.alt}))))}),r=2===e.length&&(t[0].isGood||t[0].isBad||t[0].inline)&&(t[1].isGood||t[1].isBad||t[1].inline),o=r?{width:"50%"}:null,i=e.length>1&&!r,a=(0,y["default"])({"preview-image-boxes":!0,clearfix:!0,"preview-image-boxes-with-carousel":i});return v["default"].createElement("div",{className:a},v["default"].createElement(f,{style:o,comparable:r,previewVisible:this.state.leftVisible,cover:n[0],coverMeta:t[0],imgs:n,onClick:this.handleLeftClick,onCancel:this.handleCancel}),r?v["default"].createElement(f,{style:o,comparable:!0,previewVisible:this.state.rightVisible,cover:n[1],coverMeta:t[1],imgs:n,onClick:this.handleRightClick,onCancel:this.handleCancel}):null)}}]),t}(v["default"].Component);t["default"]=x},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=e.video,n=t.alt,r=t.description,o=t.src,i=t["class"];return a["default"].createElement("div",{className:"preview-image-box "+i},a["default"].createElement("div",{className:"preview-image-wrapper"},a["default"].createElement(u["default"],{src:o,type:"video/mp4",loop:!0})),a["default"].createElement("div",{className:"preview-image-title"},n),a["default"].createElement("div",{className:"preview-image-description",dangerouslySetInnerHTML:{__html:r}}))}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var i=n(1),a=r(i),s=n(634),u=r(s)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return/h[1-6]/i.test(m["default"].getTagName(e))}function i(e){return/-cn\/?$/.test(e)}function a(e){var t=e.split("#");return t[0].indexOf("/components")>-1&&!t[0].endsWith("/")&&(t[0]=t[0]+"/"),t.join("#")}function s(e){var t=e.split("#");return t[0]=t[0].replace(/\/$/,"")+"-cn",a(t.join("#"))}function u(e){var t=e.map(function(e){return m["default"].isElement(e)?m["default"].hasAttributes(e)?e[2]||"":e[1]||"":e}).join(""),n=t.trim().replace(/\s+/g,"-");return n}var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c=n(1),f=r(c),p=n(191),d=n(377),h=r(d),v=n(131),m=r(v),y=n(613),g=r(y),b=n(612),_=r(b);e.exports=function(e,t){return{converters:[[function(e){return m["default"].isElement(e)&&o(e)},function(e,t){var n=m["default"].getChildren(e),r=u(n);return f["default"].createElement(m["default"].getTagName(e),l({key:t,id:r},m["default"].getAttributes(e)),[f["default"].createElement("span",{key:"title"},n.map(function(e){return(0,h["default"])(e)})),f["default"].createElement("a",{href:"#"+r,className:"anchor",key:"anchor"},"#")])}],[function(e){return m["default"].isElement(e)&&"video"===m["default"].getTagName(e)},function(e,t){return f["default"].createElement(g["default"],{video:m["default"].getAttributes(e),key:t})}],[function(e){return m["default"].isElement(e)&&"a"===m["default"].getTagName(e)&&!(m["default"].getAttributes(e)["class"]||m["default"].getAttributes(e).href&&0===m["default"].getAttributes(e).href.indexOf("http")||/^#/.test(m["default"].getAttributes(e).href))},function(e,n){var r=m["default"].getAttributes(e).href;return f["default"].createElement(p.Link,{to:i(t.location.pathname)?s(r):a(r),key:n},(0,h["default"])(m["default"].getChildren(e)[0]))}],[function(e){return m["default"].isElement(e)&&"p"===m["default"].getTagName(e)&&"img"===m["default"].getTagName(m["default"].getChildren(e)[0])&&/preview-img/gi.test(m["default"].getAttributes(m["default"].getChildren(e)[0])["class"])},function(e,t){var n=m["default"].getChildren(e).filter(function(e){return m["default"].isElement(e)&&Object.keys(m["default"].getAttributes(e)).length>0}).map(function(e){return m["default"].getAttributes(e)});return f["default"].createElement(_["default"],{imgs:n,key:t})}]]}}},function(e,t,n){(function(r){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(9),a=o(i),s=n(70),u=o(s),l=n(4),c=o(l),f=n(7),p=o(f),d=n(6),h=o(d),v=n(1),m=o(v),y=n(2),g=n(617),b=n(616),_=o(b),w={easeInElastic:function(e,t,n){var r=e,o=t>=1?t:1,i=(n||1)/(t<1?t:1),a=i/Math.PI*2*(Math.asin(1/o)||0);return-(o*Math.pow(2,10*(r-=1))*Math.sin((r-a)*i))},easeOutElastic:function(e,t,n){var r=t>=1?t:1,o=(n||1)/(t<1?t:1),i=o/Math.PI*2*(Math.asin(1/r)||0);return r*Math.pow(2,-10*e)*Math.sin((e-i)*o)+1},easeInOutElastic:function(e,t,n){var r=e,o=t>=1?t:1,i=(n||1)/(t<1?t:1),a=i/Math.PI*2*(Math.asin(1/o)||0);return r*=2,r<1?-.5*(o*Math.pow(2,10*(r-=1))*Math.sin((r-a)*i)):o*Math.pow(2,-10*(r-=1))*Math.sin((r-a)*i)*.5+1},easeInBounce:function(e){var t=e,n=1-t;return n<1/2.75?1-7.5625*t*t:t<2/2.75?1-(7.5625*(t-=1.5/2.75)*t+.75):t<2.5/2.75?1-(7.5625*(t-=2.25/2.75)*t+.9375):1-(7.5625*(t-=2.625/2.75)*t+.984375)},easeOutBounce:function(e){var t=e;return t<1/2.75?7.5625*t*t:t<2/2.75?7.5625*(t-=1.5/2.75)*t+.75:t<2.5/2.75?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375},easeInOutBounce:function(e){var t=e,n=t<.5;return t=n?1-2*t:2*t-1,t=t<1/2.75?7.5625*t*t:t<2/2.75?7.5625*(t-=1.5/2.75)*t+.75:t<2.5/2.75?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375,n?.5*(1-t):.5*t+.5}},x=void 0;"undefined"!=typeof document&&"undefined"!=typeof window?(x=n(1328),Object.keys(w).forEach(function(e){x.Easings&&(x.Easings[e]=w[e])})):x=function(){var e=arguments[arguments.length-1];r(function(){return e()})};var C={easeInBack:[.6,-.28,.735,.045],easeOutBack:[.175,.885,.32,1.275],easeInOutBack:[.68,-.55,.265,1.55]},E="ant-queue-anim-placeholder-",S=function(){},O=function(e){function t(){(0,c["default"])(this,t);var n=(0,p["default"])(this,e.apply(this,arguments));P.call(n),n.keysToEnter=[],n.keysToLeave=[],n.keysAnimating=[],n.placeholderTimeoutIds={};var r=(0,g.toArrayChildren)((0,g.getChildrenFromProps)(n.props)),o={};return r.forEach(function(e){e&&e.key&&(n.props.appear?n.keysToEnter.push(e.key):o[e.key]=!0)}),n.originalChildren=(0,g.toArrayChildren)((0,g.getChildrenFromProps)(n.props)),n.state={children:r,childrenShow:o},n}return(0,h["default"])(t,e),t.prototype.componentDidMount=function(){this.props.appear&&this.componentDidUpdate()},t.prototype.componentWillReceiveProps=function(e){var t=this,n=(0,g.toArrayChildren)(e.children),r=this.originalChildren,o=(0,g.mergeChildren)(r,n),i=o.length?this.state.childrenShow:{};this.keysToLeave.forEach(function(n){var r=(0,y.findDOMNode)(t.refs[n]);x(r,"stop"),e.enterForcedRePlay&&delete i[n]}),this.keysToEnter=[],this.keysToLeave=[],this.keysAnimating=[],this.setState({childrenShow:i,children:o}),n.forEach(function(e){if(e){var n=e.key,o=(0,g.findChildInChildrenByKey)(r,n);!o&&n&&t.keysToEnter.push(n)}}),r.forEach(function(e){if(e){var r=e.key,o=(0,g.findChildInChildrenByKey)(n,r);!o&&r&&t.keysToLeave.push(r)}})},t.prototype.componentDidUpdate=function(){this.originalChildren=(0,g.toArrayChildren)((0,g.getChildrenFromProps)(this.props));var e=Array.prototype.slice.call(this.keysToEnter),t=Array.prototype.slice.call(this.keysToLeave);0===this.keysAnimating.length&&(this.keysAnimating=e.concat(t)),e.forEach(this.performEnter),t.forEach(this.performLeave)},t.prototype.componentWillUnmount=function(){var e=this;[].concat(this.keysToEnter,this.keysToLeave,this.keysAnimating).forEach(function(t){return e.refs[t]&&x((0,y.findDOMNode)(e.refs[t]),"stop")}),Object.keys(this.placeholderTimeoutIds).forEach(function(t){clearTimeout(e.placeholderTimeoutIds[t])}),this.keysToEnter=[],this.keysToLeave=[],this.keysAnimating=[]},t.prototype.render=function(){var e=this,t=(0,g.toArrayChildren)(this.state.children).map(function(t){return t&&t.key?e.state.childrenShow[t.key]?(0,v.cloneElement)(t,{ref:t.key,key:t.key}):(0,v.createElement)("div",{ref:E+t.key,key:E+t.key}):t}),n=(0,u["default"])(this.props,[]);return["component","interval","duration","delay","type","animConfig","ease","leaveReverse","animatingClassName","enterForcedRePlay","onEnd","appear"].forEach(function(e){return delete n[e]}),(0,v.createElement)(this.props.component,(0,a["default"])({},n),t)},t}(m["default"].Component),P=function(){var e=this;this.getVelocityConfig=function(t){for(var n=arguments.length,r=Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];return e.props.animConfig?g.transformArguments.apply(void 0,[e.props.animConfig].concat(r))[t]:_["default"][g.transformArguments.apply(void 0,[e.props.type].concat(r))[t]]},this.getVelocityEnterConfig=function(){for(var t=arguments.length,n=Array(t),r=0;r<t;r++)n[r]=arguments[r];return e.getVelocityConfig.apply(e,[0].concat(n))},this.getVelocityLeaveConfig=function(){for(var t=arguments.length,n=Array(t),r=0;r<t;r++)n[r]=arguments[r];var o=e.getVelocityConfig.apply(e,[1].concat(n)),i={};return Object.keys(o).forEach(function(e){Array.isArray(o[e])?i[e]=Array.prototype.slice.call(o[e]).reverse():i[e]=o[e]}),i},this.getVelocityEasing=function(){for(var t=arguments.length,n=Array(t),r=0;r<t;r++)n[r]=arguments[r];return g.transformArguments.apply(void 0,[e.props.ease].concat(n)).map(function(e){return"string"==typeof e?C[e]||e:e})},this.getInitAnimType=function(e,t){var n=(0,a["default"])({},(0,g.assignChild)(t)),r=x&&x.prototype.constructor&&x.prototype.constructor.CSS.Lists.transformsBase||[],o=x&&x.prototype.constructor&&x.prototype.constructor.CSS.setPropertyValue||S,i=x&&x.prototype.constructor&&x.prototype.constructor.CSS.Values.getUnitType||S,s=e.style;return Object.keys(n).forEach(function(t){var a=t;if(r.indexOf(t)>=0){a="transform";var u=s[(0,g.checkStyleName)(a)];if(u&&"none"!==u&&u.match(t)){var l=new RegExp("^.*"+t+"\\(([^\\)]+?)\\).*","i"),c=u.replace(l,"$1");n[t][1]=parseFloat(c)}}else s[t]&&parseFloat(s[t])&&(n[t][1]=parseFloat(s[t]));o(e,a,""+n[t][1]+i(t))}),n},this.performEnter=function(t,n){var r=(0,g.transformArguments)(e.props.interval,t,n)[0],o=(0,g.transformArguments)(e.props.delay,t,n)[0];e.placeholderTimeoutIds[t]=setTimeout(e.performEnterBegin.bind(e,t,n),r*n+o),e.keysToEnter.indexOf(t)>=0&&e.keysToEnter.splice(e.keysToEnter.indexOf(t),1)},this.performEnterBegin=function(t,n){var r=e.state.childrenShow;r[t]=!0,e.setState({childrenShow:r},e.realPerformEnter.bind(e,t,n))},this.realPerformEnter=function(t,n){var r=(0,y.findDOMNode)(e.refs[t]);if(r){var o=(0,g.transformArguments)(e.props.duration,t,n)[0];x(r,"stop");var i=e.props.enterForcedRePlay?e.getVelocityEnterConfig(t,n):e.getInitAnimType(r,e.getVelocityEnterConfig(t,n));e.props.enterForcedRePlay&&(r.style.visibility="hidden"),x(r,i,{duration:o,easing:e.getVelocityEasing(t,n)[0],visibility:"visible",begin:e.enterBegin.bind(e,t),complete:e.enterComplete.bind(e,t)})}},this.performLeave=function(t,n){clearTimeout(e.placeholderTimeoutIds[t]),delete e.placeholderTimeoutIds[t];var r=(0,y.findDOMNode)(e.refs[t]);if(r){var o=(0,g.transformArguments)(e.props.interval,t,n)[1],i=(0,g.transformArguments)(e.props.delay,t,n)[1],a=(0,g.transformArguments)(e.props.duration,t,n)[1],s=e.props.leaveReverse?e.keysToLeave.length-n-1:n;x(r,"stop"),r.style.visibility="visible";var u=e.getInitAnimType(r,e.getVelocityLeaveConfig(t,n));x(r,u,{delay:o*s+i,duration:a,easing:e.getVelocityEasing(t,n)[1],begin:e.leaveBegin.bind(e,t),complete:e.leaveComplete.bind(e,t)})}},this.enterBegin=function(t,n){n.forEach(function(t){var n=e.props.animatingClassName;t.className=t.className.replace(n[1],""),t.className.indexOf(n[0])===-1&&(t.className+=" "+n[0])})},this.enterComplete=function(t,n){e.keysAnimating.indexOf(t)>=0&&e.keysAnimating.splice(e.keysAnimating.indexOf(t),1),n.forEach(function(t){t.className=t.className.replace(e.props.animatingClassName[0],"").trim()}),e.props.onEnd({key:t,type:"enter"})},this.leaveBegin=function(t,n){n.forEach(function(t){var n=e.props.animatingClassName;t.className=t.className.replace(n[0],""),t.className.indexOf(n[1])===-1&&(t.className+=" "+n[1])})},this.leaveComplete=function(t,n){if(!(e.keysAnimating.indexOf(t)<0)){e.keysAnimating.splice(e.keysAnimating.indexOf(t),1);var r=e.state.childrenShow;r[t]=!1,e.keysToLeave.indexOf(t)>=0&&e.keysToLeave.splice(e.keysToLeave.indexOf(t),1);var o=e.keysToLeave.some(function(e){return r[e]});if(!o){var i=(0,g.toArrayChildren)((0,g.getChildrenFromProps)(e.props));e.setState({children:i,childrenShow:r})}n.forEach(function(t){t.className=t.className.replace(e.props.animatingClassName[1],"").trim()}),e.props.onEnd({key:t,type:"leave"})}}};O.propTypes={component:m["default"].PropTypes.any,interval:m["default"].PropTypes.any,duration:m["default"].PropTypes.any,delay:m["default"].PropTypes.any,type:m["default"].PropTypes.any,animConfig:m["default"].PropTypes.any,ease:m["default"].PropTypes.any,leaveReverse:m["default"].PropTypes.bool,enterForcedRePlay:m["default"].PropTypes.bool,animatingClassName:m["default"].PropTypes.array,onEnd:m["default"].PropTypes.func,appear:m["default"].PropTypes.bool},O.defaultProps={component:"div",interval:100,duration:450,delay:0,type:"right",animConfig:null,ease:"easeOutQuart",leaveReverse:!1,enterForcedRePlay:!1,animatingClassName:["queue-anim-entering","queue-anim-leaving"],onEnd:S,appear:!0},t["default"]=O,e.exports=t["default"]}).call(t,n(231).setImmediate)},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={left:{opacity:[1,0],translateX:[0,-30]},top:{opacity:[1,0],translateY:[0,-30]},right:{opacity:[1,0],translateX:[0,30]},bottom:{opacity:[1,0],translateY:[0,30]},alpha:{opacity:[1,0]},scale:{opacity:[1,0],scale:[1,0]},scaleBig:{opacity:[1,0],scale:[1,2]},scaleX:{opacity:[1,0],scaleX:[1,0]},scaleY:{opacity:[1,0],scaleY:[1,0]}},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=[];return m["default"].Children.forEach(e,function(e){t.push(e)}),t}function i(e,t){var n=null;return e&&e.forEach(function(e){!n&&e&&e.key===t&&(n=e)}),n}function a(e,t){var n=[],r={},o=[],a=void 0;return e.forEach(function(e){e&&(i(t,e.key)?(o.length&&(r[e.key]=o,o=[]),a=e.key):e.key&&o.push(e))}),a||(n=n.concat(o)),t.forEach(function(e){e&&(r.hasOwnProperty(e.key)&&(n=n.concat(r[e.key])),n.push(e),e.key===a&&(n=n.concat(o)))}),n}function s(e,t,n){var r=void 0;return r="function"==typeof e?e({key:t,index:n}):e,Array.isArray(r)&&2===r.length?r:[r,r]}function u(e){return e&&e.children}function l(e){var t={};return Object.keys(e).forEach(function(n){return Array.isArray(e[n])?void(t[n]=[].concat(e[n])):"object"===(0,h["default"])(e[n])?void(t[n]=(0,p["default"])({},e[n])):void(t[n]=e[n])}),t}function c(e){var t=["O","Moz","ms","Ms","Webkit"];if("filter"!==e&&e in document.body.style)return e;var n=e.charAt(0).toUpperCase()+e.substr(1);return""+(t.filter(function(e){return""+e+n in document.body.style})[0]||"")+n}Object.defineProperty(t,"__esModule",{value:!0});var f=n(9),p=r(f),d=n(47),h=r(d);t.toArrayChildren=o,t.findChildInChildrenByKey=i,t.mergeChildren=a,t.transformArguments=s,t.getChildrenFromProps=u,t.assignChild=l,t.checkStyleName=c;var v=n(1),m=r(v)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}t.__esModule=!0,t.NextArrow=t.PrevArrow=void 0;var s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u=n(1),l=r(u),c=n(8),f=r(c),p=n(212),d=r(p);t.PrevArrow=function(e){function t(){return o(this,t),i(this,e.apply(this,arguments))}return a(t,e),t.prototype.clickHandler=function(e,t){t&&t.preventDefault(),this.props.clickHandler(e,t)},t.prototype.render=function(){var e={"slick-arrow":!0,"slick-prev":!0},t=this.clickHandler.bind(this,{message:"previous"});!this.props.infinite&&(0===this.props.currentSlide||this.props.slideCount<=this.props.slidesToShow)&&(e["slick-disabled"]=!0,t=null);var n,r={key:"0","data-role":"none",className:(0,f["default"])(e),style:{display:"block"},onClick:t},o={currentSlide:this.props.currentSlide,slideCount:this.props.slideCount};return n=this.props.prevArrow?l["default"].cloneElement(this.props.prevArrow,s({},r,o)):l["default"].createElement("button",s({key:"0",type:"button"},r)," Previous")},t}(l["default"].Component),t.NextArrow=function(e){function t(){return o(this,t),i(this,e.apply(this,arguments))}return a(t,e),t.prototype.clickHandler=function(e,t){t&&t.preventDefault(),this.props.clickHandler(e,t)},t.prototype.render=function(){var e={"slick-arrow":!0,"slick-next":!0},t=this.clickHandler.bind(this,{message:"next"});d["default"].canGoNext(this.props)||(e["slick-disabled"]=!0,t=null);var n,r={key:"1","data-role":"none",className:(0,f["default"])(e),style:{display:"block"},onClick:t},o={currentSlide:this.props.currentSlide,slideCount:this.props.slideCount};return n=this.props.nextArrow?l["default"].cloneElement(this.props.nextArrow,s({},r,o)):l["default"].createElement("button",s({key:"1",type:"button"},r)," Next")},t}(l["default"].Component)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}t.__esModule=!0,t.Dots=void 0;var s=n(1),u=r(s),l=n(8),c=r(l),f=function(e){var t;return t=Math.ceil(e.slideCount/e.slidesToScroll)};t.Dots=function(e){function t(){return o(this,t),i(this,e.apply(this,arguments))}return a(t,e),t.prototype.clickHandler=function(e,t){t.preventDefault(),this.props.clickHandler(e)},t.prototype.render=function(){var e=this,t=f({slideCount:this.props.slideCount,slidesToScroll:this.props.slidesToScroll}),n=Array.apply(null,Array(t+1).join("0").split("")).map(function(t,n){var r=n*e.props.slidesToScroll,o=n*e.props.slidesToScroll+(e.props.slidesToScroll-1),i=(0,c["default"])({"slick-active":e.props.currentSlide>=r&&e.props.currentSlide<=o}),a={message:"dots",index:n,slidesToScroll:e.props.slidesToScroll,currentSlide:e.props.currentSlide},s=e.clickHandler.bind(e,a);return u["default"].createElement("li",{key:n,className:i},u["default"].cloneElement(e.props.customPaging(n),{onClick:s}))});return u["default"].createElement("ul",{className:this.props.dotsClass,style:{display:"block"}},n)},t}(u["default"].Component)},function(e,t,n){"use strict";e.exports=n(624)},function(e,t){"use strict";var n={animating:!1,dragging:!1,autoPlayTimer:null,currentDirection:0,currentLeft:null,currentSlide:0,direction:1,listWidth:null,listHeight:null,slideCount:null,slideWidth:null,slideHeight:null,swipeLeft:null,touchObject:{startX:0,startY:0,curX:0,curY:0},lazyLoadedList:[],initialized:!1,edgeDragged:!1,swiped:!1,trackStyle:{},trackWidth:0};e.exports=n},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.InnerSlider=void 0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(1),a=r(i),s=n(623),u=r(s),l=n(212),c=r(l),f=n(621),p=r(f),d=n(348),h=r(d),v=n(57),m=r(v),y=n(8),g=r(y),b=n(11),_=r(b),w=n(625),x=n(619),C=n(618);
 t.InnerSlider=(0,m["default"])({mixins:[c["default"],u["default"]],list:null,track:null,listRefHandler:function(e){this.list=e},trackRefHandler:function(e){this.track=e},getInitialState:function(){return o({},p["default"],{currentSlide:this.props.initialSlide})},getDefaultProps:function(){return h["default"]},componentWillMount:function(){this.props.init&&this.props.init(),this.setState({mounted:!0});for(var e=[],t=0;t<a["default"].Children.count(this.props.children);t++)t>=this.state.currentSlide&&t<this.state.currentSlide+this.props.slidesToShow&&e.push(t);this.props.lazyLoad&&0===this.state.lazyLoadedList.length&&this.setState({lazyLoadedList:e})},componentDidMount:function(){this.initialize(this.props),this.adaptHeight(),window&&(window.addEventListener?window.addEventListener("resize",this.onWindowResized):window.attachEvent("onresize",this.onWindowResized))},componentWillUnmount:function(){this.animationEndCallback&&clearTimeout(this.animationEndCallback),window.addEventListener?window.removeEventListener("resize",this.onWindowResized):window.detachEvent("onresize",this.onWindowResized),this.state.autoPlayTimer&&clearInterval(this.state.autoPlayTimer)},componentWillReceiveProps:function(e){this.props.slickGoTo!=e.slickGoTo?this.changeSlide({message:"index",index:e.slickGoTo,currentSlide:this.state.currentSlide}):this.state.currentSlide>=e.children.length?(this.update(e),this.changeSlide({message:"index",index:e.children.length-e.slidesToShow,currentSlide:this.state.currentSlide})):this.update(e)},componentDidUpdate:function(){this.adaptHeight()},onWindowResized:function(){this.update(this.props),this.setState({animating:!1}),clearTimeout(this.animationEndCallback),delete this.animationEndCallback},slickPrev:function(){this.changeSlide({message:"previous"})},slickNext:function(){this.changeSlide({message:"next"})},slickGoTo:function(e){"number"==typeof e&&this.changeSlide({message:"index",index:e,currentSlide:this.state.currentSlide})},render:function(){var e,t=(0,g["default"])("slick-initialized","slick-slider",this.props.className,{"slick-vertical":this.props.vertical}),n={fade:this.props.fade,cssEase:this.props.cssEase,speed:this.props.speed,infinite:this.props.infinite,centerMode:this.props.centerMode,focusOnSelect:this.props.focusOnSelect?this.selectHandler:null,currentSlide:this.state.currentSlide,lazyLoad:this.props.lazyLoad,lazyLoadedList:this.state.lazyLoadedList,rtl:this.props.rtl,slideWidth:this.state.slideWidth,slidesToShow:this.props.slidesToShow,slidesToScroll:this.props.slidesToScroll,slideCount:this.state.slideCount,trackStyle:this.state.trackStyle,variableWidth:this.props.variableWidth};if(this.props.dots===!0&&this.state.slideCount>=this.props.slidesToShow){var r={dotsClass:this.props.dotsClass,slideCount:this.state.slideCount,slidesToShow:this.props.slidesToShow,currentSlide:this.state.currentSlide,slidesToScroll:this.props.slidesToScroll,clickHandler:this.changeSlide,children:this.props.children,customPaging:this.props.customPaging};e=a["default"].createElement(x.Dots,r)}var i,s,u={infinite:this.props.infinite,centerMode:this.props.centerMode,currentSlide:this.state.currentSlide,slideCount:this.state.slideCount,slidesToShow:this.props.slidesToShow,prevArrow:this.props.prevArrow,nextArrow:this.props.nextArrow,clickHandler:this.changeSlide};this.props.arrows&&(i=a["default"].createElement(C.PrevArrow,u),s=a["default"].createElement(C.NextArrow,u));var l=null;this.props.vertical&&(l={height:this.state.listHeight});var c=null;this.props.vertical===!1?this.props.centerMode===!0&&(c={padding:"0px "+this.props.centerPadding}):this.props.centerMode===!0&&(c={padding:this.props.centerPadding+" 0px"});var f=(0,_["default"])({},l,c);return a["default"].createElement("div",{className:t,onMouseEnter:this.onInnerSliderEnter,onMouseLeave:this.onInnerSliderLeave,onMouseOver:this.onInnerSliderOver},i,a["default"].createElement("div",{ref:this.listRefHandler,className:"slick-list",style:f,onMouseDown:this.swipeStart,onMouseMove:this.state.dragging?this.swipeMove:null,onMouseUp:this.swipeEnd,onMouseLeave:this.state.dragging?this.swipeEnd:null,onTouchStart:this.swipeStart,onTouchMove:this.state.dragging?this.swipeMove:null,onTouchEnd:this.swipeEnd,onTouchCancel:this.state.dragging?this.swipeEnd:null,onKeyDown:this.props.accessibility?this.keyHandler:null},a["default"].createElement(w.Track,o({ref:this.trackRefHandler},n),this.props.children)),s,e)}})},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(349),i=n(212),a=(r(i),n(11)),s=r(a),u=n(2),l=r(u),c={changeSlide:function(e){var t,n,r,o,i,a=this.props,s=a.slidesToScroll,u=a.slidesToShow,l=this.state,c=l.slideCount,f=l.currentSlide;if(o=c%s!==0,t=o?0:(c-f)%s,"previous"===e.message)r=0===t?s:u-t,i=f-r,this.props.lazyLoad&&(n=f-r,i=n===-1?c-1:n);else if("next"===e.message)r=0===t?s:t,i=f+r,this.props.lazyLoad&&(i=(f+s)%c+t);else if("dots"===e.message||"children"===e.message){if(i=e.index*e.slidesToScroll,i===e.currentSlide)return}else if("index"===e.message&&(i=parseInt(e.index),i===e.currentSlide))return;this.slideHandler(i)},keyHandler:function(e){e.target.tagName.match("TEXTAREA|INPUT|SELECT")||(37===e.keyCode&&this.props.accessibility===!0?this.changeSlide({message:this.props.rtl===!0?"next":"previous"}):39===e.keyCode&&this.props.accessibility===!0&&this.changeSlide({message:this.props.rtl===!0?"previous":"next"}))},selectHandler:function(e){this.changeSlide(e)},swipeStart:function(e){var t,n;this.props.swipe===!1||"ontouchend"in document&&this.props.swipe===!1||this.props.draggable===!1&&e.type.indexOf("mouse")!==-1||(t=void 0!==e.touches?e.touches[0].pageX:e.clientX,n=void 0!==e.touches?e.touches[0].pageY:e.clientY,this.setState({dragging:!0,touchObject:{startX:t,startY:n,curX:t,curY:n}}))},swipeMove:function(e){if(!this.state.dragging)return void e.preventDefault();if(!this.state.animating){this.props.vertical&&this.props.swipeToSlide&&this.props.verticalSwiping&&e.preventDefault();var t,n,r,i=this.state.touchObject;n=(0,o.getTrackLeft)((0,s["default"])({slideIndex:this.state.currentSlide,trackRef:this.track},this.props,this.state)),i.curX=e.touches?e.touches[0].pageX:e.clientX,i.curY=e.touches?e.touches[0].pageY:e.clientY,i.swipeLength=Math.round(Math.sqrt(Math.pow(i.curX-i.startX,2))),this.props.verticalSwiping&&(i.swipeLength=Math.round(Math.sqrt(Math.pow(i.curY-i.startY,2)))),r=(this.props.rtl===!1?1:-1)*(i.curX>i.startX?1:-1),this.props.verticalSwiping&&(r=i.curY>i.startY?1:-1);var a=this.state.currentSlide,u=Math.ceil(this.state.slideCount/this.props.slidesToScroll),l=this.swipeDirection(this.state.touchObject),c=i.swipeLength;this.props.infinite===!1&&(0===a&&"right"===l||a+1>=u&&"left"===l)&&(c=i.swipeLength*this.props.edgeFriction,this.state.edgeDragged===!1&&this.props.edgeEvent&&(this.props.edgeEvent(l),this.setState({edgeDragged:!0}))),this.state.swiped===!1&&this.props.swipeEvent&&(this.props.swipeEvent(l),this.setState({swiped:!0})),t=this.props.vertical?n+c*(this.state.listHeight/this.state.listWidth)*r:n+c*r,this.props.verticalSwiping&&(t=n+c*r),this.setState({touchObject:i,swipeLeft:t,trackStyle:(0,o.getTrackCSS)((0,s["default"])({left:t},this.props,this.state))}),Math.abs(i.curX-i.startX)<.8*Math.abs(i.curY-i.startY)||i.swipeLength>4&&e.preventDefault()}},getNavigableIndexes:function(){var e=void 0,t=0,n=0,r=[];for(this.props.infinite?(t=this.props.slidesToShow*-1,n=this.props.slidesToShow*-1,e=2*this.state.slideCount):e=this.state.slideCount;t<e;)r.push(t),t=n+this.props.slidesToScroll,n+=this.props.slidesToScroll<=this.props.slidesToShow?this.props.slidesToScroll:this.props.slidesToShow;return r},checkNavigable:function(e){var t=this.getNavigableIndexes(),n=0;if(e>t[t.length-1])e=t[t.length-1];else for(var r in t){if(e<t[r]){e=n;break}n=t[r]}return e},getSlideCount:function(){var e=this,t=this.props.centerMode?this.state.slideWidth*Math.floor(this.props.slidesToShow/2):0;if(this.props.swipeToSlide){var n=void 0,r=l["default"].findDOMNode(this.list),o=r.querySelectorAll(".slick-slide");Array.from(o).every(function(r){if(e.props.vertical){if(r.offsetTop+e.getHeight(r)/2>e.state.swipeLeft*-1)return n=r,!1}else if(r.offsetLeft-t+e.getWidth(r)/2>e.state.swipeLeft*-1)return n=r,!1;return!0});var i=Math.abs(n.dataset.index-this.state.currentSlide)||1;return i}return this.props.slidesToScroll},swipeEnd:function(e){if(!this.state.dragging)return void(this.props.swipe&&e.preventDefault());var t=this.state.touchObject,n=this.state.listWidth/this.props.touchThreshold,r=this.swipeDirection(t);if(this.props.verticalSwiping&&(n=this.state.listHeight/this.props.touchThreshold),this.setState({dragging:!1,edgeDragged:!1,swiped:!1,swipeLeft:null,touchObject:{}}),t.swipeLength)if(t.swipeLength>n){e.preventDefault();var i=void 0,a=void 0;switch(r){case"left":case"down":a=this.state.currentSlide+this.getSlideCount(),i=this.props.swipeToSlide?this.checkNavigable(a):a,this.state.currentDirection=0;break;case"right":case"up":a=this.state.currentSlide-this.getSlideCount(),i=this.props.swipeToSlide?this.checkNavigable(a):a,this.state.currentDirection=1;break;default:i=this.state.currentSlide}this.slideHandler(i)}else{var u=(0,o.getTrackLeft)((0,s["default"])({slideIndex:this.state.currentSlide,trackRef:this.track},this.props,this.state));this.setState({trackStyle:(0,o.getTrackAnimateCSS)((0,s["default"])({left:u},this.props,this.state))})}},onInnerSliderEnter:function(e){this.props.autoplay&&this.props.pauseOnHover&&this.pause()},onInnerSliderOver:function(e){this.props.autoplay&&this.props.pauseOnHover&&this.pause()},onInnerSliderLeave:function(e){this.props.autoplay&&this.props.pauseOnHover&&this.autoPlay()}};t["default"]=c},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}t.__esModule=!0;var s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u=n(1),l=r(u),c=n(622),f=n(11),p=r(f),d=n(627),h=r(d),v=n(348),m=r(v),y=n(542),g=r(y),b=g["default"]&&n(428),_=function(e){function t(n){o(this,t);var r=i(this,e.call(this,n));return r.state={breakpoint:null},r._responsiveMediaHandlers=[],r.innerSliderRefHandler=r.innerSliderRefHandler.bind(r),r}return a(t,e),t.prototype.innerSliderRefHandler=function(e){this.innerSlider=e},t.prototype.media=function(e,t){b.register(e,t),this._responsiveMediaHandlers.push({query:e,handler:t})},t.prototype.componentWillMount=function(){var e=this;if(this.props.responsive){var t=this.props.responsive.map(function(e){return e.breakpoint});t.sort(function(e,t){return e-t}),t.forEach(function(n,r){var o;o=0===r?(0,h["default"])({minWidth:0,maxWidth:n}):(0,h["default"])({minWidth:t[r-1],maxWidth:n}),g["default"]&&e.media(o,function(){e.setState({breakpoint:n})})});var n=(0,h["default"])({minWidth:t.slice(-1)[0]});g["default"]&&this.media(n,function(){e.setState({breakpoint:null})})}},t.prototype.componentWillUnmount=function(){this._responsiveMediaHandlers.forEach(function(e){b.unregister(e.query,e.handler)})},t.prototype.slickPrev=function(){this.innerSlider.slickPrev()},t.prototype.slickNext=function(){this.innerSlider.slickNext()},t.prototype.slickGoTo=function(e){this.innerSlider.slickGoTo(e)},t.prototype.render=function(){var e,t,n=this;this.state.breakpoint?(t=this.props.responsive.filter(function(e){return e.breakpoint===n.state.breakpoint}),e="unslick"===t[0].settings?"unslick":(0,p["default"])({},this.props,t[0].settings)):e=(0,p["default"])({},m["default"],this.props);var r=this.props.children;return Array.isArray(r)||(r=[r]),r=r.filter(function(e){return!!e}),"unslick"===e?l["default"].createElement("div",null,r):l["default"].createElement(c.InnerSlider,s({ref:this.innerSliderRefHandler},e),r)},t}(l["default"].Component);t["default"]=_},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}t.__esModule=!0,t.Track=void 0;var s=n(1),u=r(s),l=n(11),c=r(l),f=n(8),p=r(f),d=function(e){var t,n,r,o,i;return i=e.rtl?e.slideCount-1-e.index:e.index,r=i<0||i>=e.slideCount,e.centerMode?(o=Math.floor(e.slidesToShow/2),n=(i-e.currentSlide)%e.slideCount===0,i>e.currentSlide-o-1&&i<=e.currentSlide+o&&(t=!0)):t=e.currentSlide<=i&&i<e.currentSlide+e.slidesToShow,(0,p["default"])({"slick-slide":!0,"slick-active":t,"slick-center":n,"slick-cloned":r})},h=function(e){var t={};return void 0!==e.variableWidth&&e.variableWidth!==!1||(t.width=e.slideWidth),e.fade&&(t.position="relative",t.left=-e.index*e.slideWidth,t.opacity=e.currentSlide===e.index?1:0,t.transition="opacity "+e.speed+"ms "+e.cssEase,t.WebkitTransition="opacity "+e.speed+"ms "+e.cssEase),t},v=function(e,t){return null===e.key||void 0===e.key?t:e.key},m=function(e){var t,n=[],r=[],o=[],i=u["default"].Children.count(e.children);return u["default"].Children.forEach(e.children,function(a,s){var l=void 0,f={message:"children",index:s,slidesToScroll:e.slidesToScroll,currentSlide:e.currentSlide};l=!e.lazyLoad|(e.lazyLoad&&e.lazyLoadedList.indexOf(s)>=0)?a:u["default"].createElement("div",null);var m,y=h((0,c["default"])({},e,{index:s})),g=d((0,c["default"])({index:s},e));m=l.props.className?(0,p["default"])(g,l.props.className):g;var b=function(t){l.props&&l.props.onClick&&l.props.onClick(t),e.focusOnSelect&&e.focusOnSelect(f)};if(n.push(u["default"].cloneElement(l,{key:"original"+v(l,s),"data-index":s,className:m,tabIndex:"-1",style:(0,c["default"])({outline:"none"},l.props.style||{},y),onClick:b})),e.infinite&&e.fade===!1){var _=e.variableWidth?e.slidesToShow+1:e.slidesToShow;s>=i-_&&(t=-(i-s),r.push(u["default"].cloneElement(l,{key:"precloned"+v(l,t),"data-index":t,className:m,style:(0,c["default"])({},l.props.style||{},y),onClick:b}))),s<_&&(t=i+s,o.push(u["default"].cloneElement(l,{key:"postcloned"+v(l,t),"data-index":t,className:m,style:(0,c["default"])({},l.props.style||{},y),onClick:b})))}}),e.rtl?r.concat(n,o).reverse():r.concat(n,o)};t.Track=function(e){function t(){return o(this,t),i(this,e.apply(this,arguments))}return a(t,e),t.prototype.render=function(){var e=m.call(this,this.props);return u["default"].createElement("div",{className:"slick-track",style:this.props.trackStyle},e)},t}(u["default"].Component)},function(e,t,n){var r=n(1462);e.exports=function(e,t,n){for(n=n||document,e={parentNode:e};(e=e.parentNode)&&e!==n;)if(r(e,t))return e}},function(e,t,n){var r=n(631),o=function(e){var t=/[height|width]$/;return t.test(e)},i=function(e){var t="",n=Object.keys(e);return n.forEach(function(i,a){var s=e[i];i=r(i),o(i)&&"number"==typeof s&&(s+="px"),t+=s===!0?i:s===!1?"not "+i:"("+i+": "+s+")",a<n.length-1&&(t+=" and ")}),t},a=function(e){var t="";return"string"==typeof e?e:e instanceof Array?(e.forEach(function(n,r){t+=i(n),r<e.length-1&&(t+=", ")}),t):i(e)};e.exports=a},,,,function(e,t){var n=function(e){return e.replace(/[A-Z]/g,function(e){return"-"+e.toLowerCase()}).toLowerCase()};e.exports=n},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l=n(1),c=r(l),f=n(1213),p=r(f),d=n(1215),h=r(d);p["default"].plugins.push(h["default"]);var v={position:"absolute",top:0,left:0,width:"100%",height:"100%",backgroundColor:"rgba(0, 0, 0, 0.35)",cursor:"pointer"},m={position:"absolute",top:"50%",left:"50%",margin:-30,borderRadius:30,backgroundColor:"#fff"},y=function(e){function t(n){i(this,t);var r=a(this,e.call(this,n));return r.state={visible:n.defaultVisible,animation:[]},r.childrenToRender=r.getIconChildren(),r.handleClick=r.handleClick.bind(r),r}return s(t,e),t.prototype.getAnimation=function(e){return e?[[{style:{rotate:90},duration:0},{d:"M20 15L20 45L45 30Z",style:{rotate:0},delay:150,duration:300,ease:"easeOutQuint"}],[{style:{rotate:90},duration:0},{d:"M20 15L20 45L45 30Z",style:{rotate:0},delay:150,duration:300,ease:"easeOutQuint"}]]:[[{style:{rotate:0},duration:0},{d:"M15 18L15 27L45 27L45 18Z",style:{rotate:90},duration:300,ease:"easeOutQuint"}],[{style:{rotate:0},duration:0},{d:"M15 33L15 42L45 42L45 33Z",style:{rotate:90},duration:300,ease:"easeOutQuint"}]]},t.prototype.getIconChildren=function(){return this.state.visible?["M20 15L20 45L45 30Z","M20 15L20 45L45 30Z"]:["M15 18L15 27L45 27L45 18Z","M15 33L15 42L45 42L45 33Z"]},t.prototype.handleClick=function(){var e=this.state.visible,t=this.getAnimation(!e);this.setState({visible:!e,animation:t});var n=e;this.props.onClick(n)},t.prototype.render=function(){var e=u({},v,{opacity:this.state.visible?1:0,transition:this.state.visible?"opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1)":"opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s"});return c["default"].createElement("section",{style:e,onClick:this.handleClick},c["default"].createElement("svg",{version:"1.2",viewBox:"0 0 60 60",width:"60",height:"60",style:m},c["default"].createElement(p["default"],{d:this.childrenToRender[0],fill:"#999",style:{transformOrigin:"30px 30px"},animation:this.state.animation[0],component:"path",attr:"attr"}),c["default"].createElement(p["default"],{d:this.childrenToRender[1],fill:"#999",style:{transformOrigin:"30px 30px"},animation:this.state.animation[1],component:"path",attr:"attr"})))},t}(c["default"].Component);t["default"]=y,y.propTypes={defaultVisible:l.PropTypes.bool,onClick:l.PropTypes.func},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return a["default"].createElement("source",e)}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var i=n(1),a=r(i);e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c=n(1),f=r(c),p=n(2),d=r(p),h=n(632),v=r(h),m=n(633),y=r(m),g={position:"relative"},b={width:"100%"},_=function(e){function t(n){a(this,t);var r=s(this,e.call(this,n));return r.handleMaskClick=r.handleMaskClick.bind(r),r}return u(t,e),t.prototype.handleMaskClick=function(e){var t=d["default"].findDOMNode(this.refs.video);e?setTimeout(function(){return t.play()},300):t.pause()},t.prototype.render=function(){var e=this.props,t=e.style,n=e.autoPlay,r=e.children,o=i(e,["style","autoPlay","children"]);return f["default"].createElement("section",{style:l({},g,t)},f["default"].createElement("video",l({ref:"video"},o,{autoPlay:n,style:b}),r),f["default"].createElement(v["default"],{defaultVisible:!n,onClick:this.handleMaskClick}))},t}(f["default"].Component);t["default"]=_,_.propTypes={autoPlay:c.PropTypes.bool,style:c.PropTypes.object,children:c.PropTypes.object},_.Source=y["default"],e.exports=t["default"]},function(e,t,n){var r=n(213),o=n(111);e.exports=o(function(e,t){return r(e.length,function(){return e.apply(t,arguments)})})},function(e,t,n){var r=n(111),o=n(352),i=n(644),a=n(647),s=n(357);e.exports=r(o("chain",a,function(e,t){return"function"==typeof t?function(){return t.call(this,e.apply(this,arguments)).apply(this,arguments)}:i(!1)(s(e,t))}))},function(e,t,n){var r=n(213),o=n(165),i=n(111),a=n(638);e.exports=i(function(e,t){return 1===e?o(t):r(e,a(e,[],t))})},function(e,t,n){var r=n(213),o=n(214);e.exports=function i(e,t,n){return function(){for(var a=[],s=0,u=e,l=0;l<t.length||s<arguments.length;){var c;l<t.length&&(!o(t[l])||s>=arguments.length)?c=t[l]:(c=arguments[s],s+=1),a[l]=c,o(c)||(u-=1),l+=1}return u<=0?n.apply(this,a):r(u,i(e,a,n))}}},function(e,t,n){var r=n(640),o=n(355),i=n(356),a=n(215);e.exports=function(){var e=function(e){return{"@@transducer/init":i.init,"@@transducer/result":function(t){return e["@@transducer/result"](t)},"@@transducer/step":function(t,n){var o=e["@@transducer/step"](t,n);return o["@@transducer/reduced"]?r(o):o}}};return function(t){var n=e(t);return{"@@transducer/init":i.init,"@@transducer/result":function(e){return n["@@transducer/result"](e)},"@@transducer/step":function(e,t){return a(t)?o(n,e,t):o(n,e,[t])}}}}()},function(e,t){e.exports=function(e){return{"@@transducer/value":e,"@@transducer/reduced":!0}}},function(e,t,n){var r=n(353);e.exports=function(){var e=Object.prototype.toString;return"[object Arguments]"===e.call(arguments)?function(t){return"[object Arguments]"===e.call(t)}:function(e){return r("callee",e)}}()},function(e,t){e.exports=function(e){return"[object String]"===Object.prototype.toString.call(e)}},function(e,t){e.exports=function(e){return"function"==typeof e["@@transducer/step"]}},function(e,t,n){var r=n(215);e.exports=function(e){return function t(n){for(var o,i,a,s=[],u=0,l=n.length;u<l;){if(r(n[u]))for(o=e?t(n[u]):n[u],a=0,i=o.length;a<i;)s[s.length]=o[a],a+=1;else s[s.length]=n[u];u+=1}return s}}},function(e,t){e.exports=function(e,t){for(var n=0,r=t.length,o=Array(r);n<r;)o[n]=e(t[n]),n+=1;return o}},function(e,t){e.exports=function n(e,t,r){switch(arguments.length){case 1:return n(e,0,e.length);case 2:return n(e,t,e.length);default:for(var o=[],i=0,a=Math.max(0,Math.min(e.length,r)-t);i<a;)o[i]=e[t+i],i+=1;return o}}},function(e,t,n){var r=n(111),o=n(639),i=n(357);e.exports=r(function(e,t){return i(e,o(t))})},function(e,t,n){var r=n(111),o=n(356);e.exports=function(){function e(e,t){this.xf=t,this.f=e}return e.prototype["@@transducer/init"]=o.init,e.prototype["@@transducer/result"]=o.result,e.prototype["@@transducer/step"]=function(e,t){return this.xf["@@transducer/step"](e,this.f(t))},r(function(t,n){return new e(t,n)})}()},function(e,t){e.exports=function(){function e(e){this.f=e}return e.prototype["@@transducer/init"]=function(){throw new Error("init not implemented on XWrap")},e.prototype["@@transducer/result"]=function(e){return e},e.prototype["@@transducer/step"]=function(e,t){return this.f(e,t)},function(t){return new e(t)}}()},function(e,t,n){var r=n(165),o=n(353),i=n(641);e.exports=function(){var e=!{toString:null}.propertyIsEnumerable("toString"),t=["constructor","valueOf","isPrototypeOf","toString","propertyIsEnumerable","hasOwnProperty","toLocaleString"],n=function(){"use strict";return arguments.propertyIsEnumerable("length")}(),a=function(e,t){for(var n=0;n<e.length;){if(e[n]===t)return!0;n+=1}return!1};return r("function"!=typeof Object.keys||n?function(r){if(Object(r)!==r)return[];var s,u,l=[],c=n&&i(r);for(s in r)!o(s,r)||c&&"length"===s||(l[l.length]=s);if(e)for(u=t.length-1;u>=0;)s=t[u],o(s,r)&&!a(l,s)&&(l[l.length]=s),u-=1;return l}:function(e){return Object(e)!==e?[]:Object.keys(e)})}()},function(e,t){"use strict";e.exports=function(e){return function(t){return t.collector=e,t}}},function(e,t,n){"use strict";var r=n(1),o=n(131);e.exports=function(){return{converters:[[function(e){return o.isElement(e)&&"pre"===o.getTagName(e)},function(e,t){var n=o.getAttributes(e);return r.createElement("pre",{key:t,className:"language-"+n.lang},r.createElement("code",{dangerouslySetInnerHTML:{__html:n.highlighted}}))}]]}}},function(e,t,n){e.exports={markdown:{components:{affix:{demo:function(){return new Promise(function(e){n.e(44,function(t){e(n(1141))})})},index:{"en-US":function(){return new Promise(function(e){n.e(208,function(t){e(n(659))})})},"zh-CN":function(){return new Promise(function(e){n.e(207,function(t){e(n(660))})})}}},alert:{demo:function(){return new Promise(function(e){n.e(22,function(t){e(n(1142))})})},index:{"en-US":function(){return new Promise(function(e){n.e(206,function(t){e(n(668))})})},"zh-CN":function(){return new Promise(function(e){n.e(205,function(t){e(n(669))})})}}},anchor:{demo:function(){return new Promise(function(e){n.e(47,function(t){e(n(1143))})})},index:{"en-US":function(){return new Promise(function(e){n.e(204,function(t){e(n(672))})})},"zh-CN":function(){return new Promise(function(e){n.e(203,function(t){e(n(673))})})}}},"auto-complete":{demo:function(){return new Promise(function(e){n.e(28,function(t){e(n(1144))})})},index:{"en-US":function(){return new Promise(function(e){n.e(202,function(t){e(n(680))})})},"zh-CN":function(){return new Promise(function(e){n.e(201,function(t){e(n(681))})})}}},"back-top":{demo:function(){return new Promise(function(e){n.e(46,function(t){e(n(1145))})})},index:{"en-US":function(){return new Promise(function(e){n.e(200,function(t){e(n(684))})})},"zh-CN":function(){return new Promise(function(e){n.e(199,function(t){e(n(685))})})}}},badge:{demo:function(){return new Promise(function(e){n.e(21,function(t){e(n(1146))})})},index:{"en-US":function(){return new Promise(function(e){n.e(198,function(t){e(n(693))})})},"zh-CN":function(){return new Promise(function(e){n.e(197,function(t){e(n(694))})})}}},breadcrumb:{demo:function(){return new Promise(function(e){n.e(41,function(t){e(n(1147))})})},index:{"en-US":function(){return new Promise(function(e){n.e(196,function(t){e(n(699))})})},"zh-CN":function(){return new Promise(function(e){n.e(195,function(t){e(n(700))})})}}},button:{demo:function(){return new Promise(function(e){n.e(16,function(t){e(n(1148))})})},index:{"en-US":function(){return new Promise(function(e){n.e(194,function(t){e(n(709))})})},"zh-CN":function(){return new Promise(function(e){n.e(193,function(t){e(n(710))})})}}},calendar:{demo:function(){return new Promise(function(e){n.e(40,function(t){e(n(1149))})})},index:{"en-US":function(){return new Promise(function(e){n.e(192,function(t){e(n(715))})})},"zh-CN":function(){return new Promise(function(e){n.e(191,function(t){e(n(716))})})}}},card:{demo:function(){return new Promise(function(e){n.e(27,function(t){e(n(1150))})})},index:{"en-US":function(){return new Promise(function(e){n.e(190,function(t){e(n(723))})})},"zh-CN":function(){return new Promise(function(e){n.e(189,function(t){e(n(724))})})}}},carousel:{demo:function(){return new Promise(function(e){n.e(39,function(t){e(n(1151))})})},index:{"en-US":function(){return new Promise(function(e){n.e(188,function(t){e(n(729))})})},"zh-CN":function(){return new Promise(function(e){n.e(187,function(t){e(n(730))})})}}},cascader:{demo:function(){return new Promise(function(e){n.e(5,function(t){e(n(1152))})})},index:{"en-US":function(){return new Promise(function(e){n.e(186,function(t){e(n(741))})})},"zh-CN":function(){return new Promise(function(e){n.e(185,function(t){e(n(742))})})}}},checkbox:{demo:function(){return new Promise(function(e){n.e(26,function(t){e(n(1153))})})},index:{"en-US":function(){return new Promise(function(e){n.e(184,function(t){e(n(749))})})},"zh-CN":function(){return new Promise(function(e){n.e(183,function(t){e(n(750))})})}}},collapse:{demo:function(){return new Promise(function(e){n.e(34,function(t){e(n(1154))})})},index:{"en-US":function(){return new Promise(function(e){n.e(182,function(t){e(n(756))})})},"zh-CN":function(){return new Promise(function(e){n.e(181,function(t){e(n(757))})})}}},"date-picker":{demo:function(){return new Promise(function(e){n.e(15,function(t){e(n(1155))})})},index:{"en-US":function(){return new Promise(function(e){n.e(180,function(t){e(n(766))})})},"zh-CN":function(){return new Promise(function(e){n.e(179,function(t){e(n(767))})})}}},dropdown:{demo:function(){return new Promise(function(e){n.e(14,function(t){e(n(1156))})})},index:{"en-US":function(){return new Promise(function(e){n.e(178,function(t){e(n(776))})})},"zh-CN":function(){return new Promise(function(e){n.e(177,function(t){e(n(777))})})}}},form:{demo:function(){return new Promise(function(e){n.e(2,function(t){e(n(1157))})})},index:{"en-US":function(){return new Promise(function(e){n.e(176,function(t){e(n(792))})})},"zh-CN":function(){return new Promise(function(e){n.e(175,function(t){e(n(793))})})}}},grid:{demo:function(){return new Promise(function(e){n.e(4,function(t){e(n(1158))})})},index:{"en-US":function(){return new Promise(function(e){n.e(174,function(t){e(n(804))})})},"zh-CN":function(){return new Promise(function(e){n.e(173,function(t){e(n(805))})})}}},icon:{index:{"en-US":function(){return new Promise(function(e){n.e(172,function(t){e(n(806))})})},"zh-CN":function(){return new Promise(function(e){n.e(171,function(t){e(n(807))})})}}},input:{demo:function(){return new Promise(function(e){n.e(10,function(t){e(n(1159))})})},index:{"en-US":function(){return new Promise(function(e){n.e(168,function(t){e(n(824))})})},"zh-CN":function(){return new Promise(function(e){n.e(167,function(t){e(n(825))})})}}},"input-number":{demo:function(){return new Promise(function(e){n.e(33,function(t){e(n(1160))})})},index:{"en-US":function(){return new Promise(function(e){n.e(170,function(t){e(n(813))})})},"zh-CN":function(){return new Promise(function(e){n.e(169,function(t){e(n(814))})})}}},layout:{demo:function(){return new Promise(function(e){n.e(9,function(t){e(n(1161))})})},index:{"en-US":function(){return new Promise(function(e){n.e(166,function(t){e(n(835))})})},"zh-CN":function(){return new Promise(function(e){n.e(165,function(t){e(n(836))})})}}},"locale-provider":{demo:function(){return new Promise(function(e){n.e(45,function(t){e(n(1162))})})},index:{"en-US":function(){return new Promise(function(e){n.e(164,function(t){
-e(n(839))})})},"zh-CN":function(){return new Promise(function(e){n.e(163,function(t){e(n(840))})})}}},mention:{demo:function(){return new Promise(function(e){n.e(8,function(t){e(n(1163))})})},index:{"en-US":function(){return new Promise(function(e){n.e(162,function(t){e(n(850))})})},"zh-CN":function(){return new Promise(function(e){n.e(161,function(t){e(n(851))})})}}},menu:{demo:function(){return new Promise(function(e){n.e(25,function(t){e(n(1164))})})},index:{"en-US":function(){return new Promise(function(e){n.e(160,function(t){e(n(858))})})},"zh-CN":function(){return new Promise(function(e){n.e(159,function(t){e(n(859))})})}}},message:{demo:function(){return new Promise(function(e){n.e(38,function(t){e(n(1165))})})},index:{"en-US":function(){return new Promise(function(e){n.e(158,function(t){e(n(864))})})},"zh-CN":function(){return new Promise(function(e){n.e(157,function(t){e(n(865))})})}}},modal:{demo:function(){return new Promise(function(e){n.e(7,function(t){e(n(1166))})})},index:{"en-US":function(){return new Promise(function(e){n.e(156,function(t){e(n(875))})})},"zh-CN":function(){return new Promise(function(e){n.e(155,function(t){e(n(876))})})}}},notification:{demo:function(){return new Promise(function(e){n.e(24,function(t){e(n(1167))})})},index:{"en-US":function(){return new Promise(function(e){n.e(154,function(t){e(n(883))})})},"zh-CN":function(){return new Promise(function(e){n.e(153,function(t){e(n(884))})})}}},pagination:{demo:function(){return new Promise(function(e){n.e(13,function(t){e(n(1168))})})},index:{"en-US":function(){return new Promise(function(e){n.e(152,function(t){e(n(893))})})},"zh-CN":function(){return new Promise(function(e){n.e(151,function(t){e(n(894))})})}}},popconfirm:{demo:function(){return new Promise(function(e){n.e(37,function(t){e(n(1169))})})},index:{"en-US":function(){return new Promise(function(e){n.e(150,function(t){e(n(899))})})},"zh-CN":function(){return new Promise(function(e){n.e(149,function(t){e(n(900))})})}}},popover:{demo:function(){return new Promise(function(e){n.e(32,function(t){e(n(1170))})})},index:{"en-US":function(){return new Promise(function(e){n.e(148,function(t){e(n(906))})})},"zh-CN":function(){return new Promise(function(e){n.e(147,function(t){e(n(907))})})}}},progress:{demo:function(){return new Promise(function(e){n.e(12,function(t){e(n(1171))})})},index:{"en-US":function(){return new Promise(function(e){n.e(146,function(t){e(n(916))})})},"zh-CN":function(){return new Promise(function(e){n.e(145,function(t){e(n(917))})})}}},radio:{demo:function(){return new Promise(function(e){n.e(20,function(t){e(n(1172))})})},index:{"en-US":function(){return new Promise(function(e){n.e(144,function(t){e(n(925))})})},"zh-CN":function(){return new Promise(function(e){n.e(143,function(t){e(n(926))})})}}},rate:{demo:function(){return new Promise(function(e){n.e(31,function(t){e(n(1173))})})},index:{"en-US":function(){return new Promise(function(e){n.e(142,function(t){e(n(932))})})},"zh-CN":function(){return new Promise(function(e){n.e(141,function(t){e(n(933))})})}}},select:{demo:function(){return new Promise(function(e){n.e(1,function(t){e(n(1174))})})},index:{"en-US":function(){return new Promise(function(e){n.e(140,function(t){e(n(946))})})},"zh-CN":function(){return new Promise(function(e){n.e(139,function(t){e(n(947))})})}}},slider:{demo:function(){return new Promise(function(e){n.e(19,function(t){e(n(1175))})})},index:{"en-US":function(){return new Promise(function(e){n.e(138,function(t){e(n(955))})})},"zh-CN":function(){return new Promise(function(e){n.e(137,function(t){e(n(956))})})}}},spin:{demo:function(){return new Promise(function(e){n.e(23,function(t){e(n(1176))})})},index:{"en-US":function(){return new Promise(function(e){n.e(136,function(t){e(n(963))})})},"zh-CN":function(){return new Promise(function(e){n.e(135,function(t){e(n(964))})})}}},steps:{demo:function(){return new Promise(function(e){n.e(6,function(t){e(n(1177))})})},index:{"en-US":function(){return new Promise(function(e){n.e(134,function(t){e(n(974))})})},"zh-CN":function(){return new Promise(function(e){n.e(133,function(t){e(n(975))})})}}},"switch":{demo:function(){return new Promise(function(e){n.e(36,function(t){e(n(1178))})})},index:{"en-US":function(){return new Promise(function(e){n.e(132,function(t){e(n(980))})})},"zh-CN":function(){return new Promise(function(e){n.e(131,function(t){e(n(981))})})}}},table:{demo:function(){return new Promise(function(e){n.e(0,function(t){e(n(1179))})})},index:{"en-US":function(){return new Promise(function(e){n.e(130,function(t){e(n(1004))})})},"zh-CN":function(){return new Promise(function(e){n.e(129,function(t){e(n(1005))})})}}},tabs:{demo:function(){return new Promise(function(e){n.e(3,function(t){e(n(1180))})})},index:{"en-US":function(){return new Promise(function(e){n.e(128,function(t){e(n(1017))})})},"zh-CN":function(){return new Promise(function(e){n.e(127,function(t){e(n(1018))})})}}},tag:{demo:function(){return new Promise(function(e){n.e(30,function(t){e(n(1181))})})},index:{"en-US":function(){return new Promise(function(e){n.e(126,function(t){e(n(1024))})})},"zh-CN":function(){return new Promise(function(e){n.e(125,function(t){e(n(1025))})})}}},"time-picker":{demo:function(){return new Promise(function(e){n.e(11,function(t){e(n(1182))})})},index:{"en-US":function(){return new Promise(function(e){n.e(124,function(t){e(n(1034))})})},"zh-CN":function(){return new Promise(function(e){n.e(123,function(t){e(n(1035))})})}}},timeline:{demo:function(){return new Promise(function(e){n.e(35,function(t){e(n(1183))})})},index:{"en-US":function(){return new Promise(function(e){n.e(122,function(t){e(n(1040))})})},"zh-CN":function(){return new Promise(function(e){n.e(121,function(t){e(n(1041))})})}}},tooltip:{demo:function(){return new Promise(function(e){n.e(43,function(t){e(n(1184))})})},index:{"en-US":function(){return new Promise(function(e){n.e(120,function(t){e(n(1045))})})},"zh-CN":function(){return new Promise(function(e){n.e(119,function(t){e(n(1046))})})}}},transfer:{demo:function(){return new Promise(function(e){n.e(29,function(t){e(n(1185))})})},index:{"en-US":function(){return new Promise(function(e){n.e(118,function(t){e(n(1052))})})},"zh-CN":function(){return new Promise(function(e){n.e(117,function(t){e(n(1053))})})}}},tree:{demo:function(){return new Promise(function(e){n.e(18,function(t){e(n(1186))})})},index:{"en-US":function(){return new Promise(function(e){n.e(114,function(t){e(n(1066))})})},"zh-CN":function(){return new Promise(function(e){n.e(113,function(t){e(n(1067))})})}}},"tree-select":{demo:function(){return new Promise(function(e){n.e(42,function(t){e(n(1187))})})},index:{"en-US":function(){return new Promise(function(e){n.e(116,function(t){e(n(1057))})})},"zh-CN":function(){return new Promise(function(e){n.e(115,function(t){e(n(1058))})})}}},upload:{demo:function(){return new Promise(function(e){n.e(17,function(t){e(n(1188))})})},index:{"en-US":function(){return new Promise(function(e){n.e(112,function(t){e(n(1075))})})},"zh-CN":function(){return new Promise(function(e){n.e(111,function(t){e(n(1076))})})}}}},docs:{pattern:{"advanced-search":function(){return new Promise(function(e){n.e(110,function(t){e(n(1077))})})},"complex-table":function(){return new Promise(function(e){n.e(109,function(t){e(n(1078))})})},form:function(){return new Promise(function(e){n.e(108,function(t){e(n(1079))})})},list:function(){return new Promise(function(e){n.e(107,function(t){e(n(1080))})})},navigation:function(){return new Promise(function(e){n.e(106,function(t){e(n(1081))})})},table:function(){return new Promise(function(e){n.e(105,function(t){e(n(1082))})})}},react:{"customize-theme":{"en-US":function(){return new Promise(function(e){n.e(104,function(t){e(n(1083))})})},"zh-CN":function(){return new Promise(function(e){n.e(103,function(t){e(n(1084))})})}},"getting-started":{"en-US":function(){return new Promise(function(e){n.e(102,function(t){e(n(1085))})})},"zh-CN":function(){return new Promise(function(e){n.e(101,function(t){e(n(1086))})})}},i18n:{"en-US":function(){return new Promise(function(e){n.e(100,function(t){e(n(1087))})})},"zh-CN":function(){return new Promise(function(e){n.e(99,function(t){e(n(1088))})})}},introduce:{"en-US":function(){return new Promise(function(e){n.e(98,function(t){e(n(1089))})})},"zh-CN":function(){return new Promise(function(e){n.e(97,function(t){e(n(1090))})})}},"practical-projects":{"en-US":function(){return new Promise(function(e){n.e(96,function(t){e(n(1091))})})},"zh-CN":function(){return new Promise(function(e){n.e(95,function(t){e(n(1092))})})}},recommendation:{"en-US":function(){return new Promise(function(e){n.e(94,function(t){e(n(1093))})})},"zh-CN":function(){return new Promise(function(e){n.e(93,function(t){e(n(1094))})})}},"use-with-create-react-app":{"en-US":function(){return new Promise(function(e){n.e(92,function(t){e(n(1095))})})},"zh-CN":function(){return new Promise(function(e){n.e(91,function(t){e(n(1096))})})}}},resource:{download:{"en-US":function(){return new Promise(function(e){n.e(90,function(t){e(n(1097))})})},"zh-CN":function(){return new Promise(function(e){n.e(89,function(t){e(n(1098))})})}},github:function(){return new Promise(function(e){n.e(88,function(t){e(n(1099))})})},reference:{"en-US":function(){return new Promise(function(e){n.e(87,function(t){e(n(1100))})})},"zh-CN":function(){return new Promise(function(e){n.e(86,function(t){e(n(1101))})})}}},spec:{alignment:{"en-US":function(){return new Promise(function(e){n.e(85,function(t){e(n(1102))})})},"zh-CN":function(){return new Promise(function(e){n.e(84,function(t){e(n(1103))})})}},cases:{"en-US":function(){return new Promise(function(e){n.e(83,function(t){e(n(1104))})})},"zh-CN":function(){return new Promise(function(e){n.e(82,function(t){e(n(1105))})})}},colors:{"en-US":function(){return new Promise(function(e){n.e(81,function(t){e(n(1106))})})},"zh-CN":function(){return new Promise(function(e){n.e(80,function(t){e(n(1107))})})}},contrast:{"en-US":function(){return new Promise(function(e){n.e(79,function(t){e(n(1108))})})},"zh-CN":function(){return new Promise(function(e){n.e(78,function(t){e(n(1109))})})}},copywriting:function(){return new Promise(function(e){n.e(77,function(t){e(n(1110))})})},"data-display":function(){return new Promise(function(e){n.e(76,function(t){e(n(1111))})})},"data-entry":function(){return new Promise(function(e){n.e(75,function(t){e(n(1112))})})},direct:{"en-US":function(){return new Promise(function(e){n.e(74,function(t){e(n(1113))})})},"zh-CN":function(){return new Promise(function(e){n.e(73,function(t){e(n(1114))})})}},feature:{"en-US":function(){return new Promise(function(e){n.e(72,function(t){e(n(1115))})})},"zh-CN":function(){return new Promise(function(e){n.e(71,function(t){e(n(1116))})})}},feedback:function(){return new Promise(function(e){n.e(70,function(t){e(n(1117))})})},font:function(){return new Promise(function(e){n.e(69,function(t){e(n(1118))})})},icon:{"en-US":function(){return new Promise(function(e){n.e(68,function(t){e(n(1119))})})},"zh-CN":function(){return new Promise(function(e){n.e(67,function(t){e(n(1120))})})}},introduce:{"en-US":function(){return new Promise(function(e){n.e(66,function(t){e(n(1121))})})},"zh-CN":function(){return new Promise(function(e){n.e(65,function(t){e(n(1122))})})}},invitation:{"en-US":function(){return new Promise(function(e){n.e(64,function(t){e(n(1123))})})},"zh-CN":function(){return new Promise(function(e){n.e(63,function(t){e(n(1124))})})}},layout:function(){return new Promise(function(e){n.e(62,function(t){e(n(1125))})})},lightweight:{"en-US":function(){return new Promise(function(e){n.e(61,function(t){e(n(1126))})})},"zh-CN":function(){return new Promise(function(e){n.e(60,function(t){e(n(1127))})})}},motion:function(){return new Promise(function(e){n.e(59,function(t){e(n(1128))})})},navigation:function(){return new Promise(function(e){n.e(58,function(t){e(n(1129))})})},proximity:{"en-US":function(){return new Promise(function(e){n.e(57,function(t){e(n(1130))})})},"zh-CN":function(){return new Promise(function(e){n.e(56,function(t){e(n(1131))})})}},reaction:{"en-US":function(){return new Promise(function(e){n.e(55,function(t){e(n(1132))})})},"zh-CN":function(){return new Promise(function(e){n.e(54,function(t){e(n(1133))})})}},repetition:{"en-US":function(){return new Promise(function(e){n.e(53,function(t){e(n(1134))})})},"zh-CN":function(){return new Promise(function(e){n.e(52,function(t){e(n(1135))})})}},stay:{"en-US":function(){return new Promise(function(e){n.e(51,function(t){e(n(1136))})})},"zh-CN":function(){return new Promise(function(e){n.e(50,function(t){e(n(1137))})})}},transition:{"en-US":function(){return new Promise(function(e){n.e(49,function(t){e(n(1138))})})},"zh-CN":function(){return new Promise(function(e){n.e(48,function(t){e(n(1139))})})}}}},changelog:{CHANGELOG:{"zh-CN":function(){return new Promise(function(e){n.e(209,function(t){e(n(655))})})},"en-US":function(){return new Promise(function(e){n.e(210,function(t){e(n(654))})})}}}},picked:{components:[{meta:{category:"Components",subtitle:"\u4e0a\u4f20",type:"Data Entry",title:"Upload",filename:"components/upload/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",title:"Upload",filename:"components/upload/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u6811\u9009\u62e9",type:"Data Entry",title:"TreeSelect",filename:"components/tree-select/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",title:"TreeSelect",filename:"components/tree-select/index.en-US.md"}},{meta:{category:"Components",type:"Data Display",title:"Tree",subtitle:"\u6811\u5f62\u63a7\u4ef6",filename:"components/tree/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Display",title:"Tree",filename:"components/tree/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u7a7f\u68ad\u6846",type:"Data Entry",cols:1,title:"Transfer",filename:"components/transfer/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",cols:1,title:"Transfer",filename:"components/transfer/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u6587\u5b57\u63d0\u793a",type:"Data Display",title:"Tooltip",filename:"components/tooltip/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Display",title:"Tooltip",filename:"components/tooltip/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u65f6\u95f4\u8f74",type:"Data Display",title:"Timeline",filename:"components/timeline/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Display",title:"Timeline",filename:"components/timeline/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u65f6\u95f4\u9009\u62e9\u6846",type:"Data Entry",title:"TimePicker",filename:"components/time-picker/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",title:"TimePicker",filename:"components/time-picker/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u6807\u7b7e",type:"Data Display",title:"Tag",filename:"components/tag/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Display",title:"Tag",filename:"components/tag/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u6807\u7b7e\u9875",type:"Navigation",title:"Tabs",filename:"components/tabs/index.zh-CN.md"}},{meta:{category:"Components",type:"Navigation",title:"Tabs",filename:"components/tabs/index.en-US.md"}},{meta:{category:"Components",cols:1,type:"Data Display",title:"Table",subtitle:"\u8868\u683c",filename:"components/table/index.zh-CN.md"}},{meta:{category:"Components",cols:1,type:"Data Display",title:"Table",filename:"components/table/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u5f00\u5173",type:"Data Entry",title:"Switch",filename:"components/switch/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",title:"Switch",filename:"components/switch/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u6b65\u9aa4\u6761",type:"Navigation",cols:1,title:"Steps",filename:"components/steps/index.zh-CN.md"}},{meta:{category:"Components",type:"Navigation",cols:1,title:"Steps",filename:"components/steps/index.en-US.md"}},{meta:{category:"Components",type:"Feedback",title:"Spin",subtitle:"\u52a0\u8f7d\u4e2d",filename:"components/spin/index.zh-CN.md"}},{meta:{category:"Components",type:"Feedback",title:"Spin",filename:"components/spin/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u6ed1\u52a8\u8f93\u5165\u6761",type:"Data Entry",title:"Slider",filename:"components/slider/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",title:"Slider",filename:"components/slider/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u9009\u62e9\u5668",type:"Data Entry",title:"Select",filename:"components/select/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",title:"Select",filename:"components/select/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u8bc4\u5206",type:"Data Entry",title:"Rate",filename:"components/rate/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",title:"Rate",filename:"components/rate/index.en-US.md"}},{meta:{category:"Components",type:"Data Entry",title:"Radio",filename:"components/radio/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u5355\u9009\u6846",type:"Data Entry",title:"Radio",filename:"components/radio/index.zh-CN.md"}},{meta:{category:"Components",subtitle:"\u8fdb\u5ea6\u6761",type:"Feedback",title:"Progress",filename:"components/progress/index.zh-CN.md"}},{meta:{category:"Components",type:"Feedback",title:"Progress",filename:"components/progress/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u6c14\u6ce1\u5361\u7247",type:"Data Display",title:"Popover",filename:"components/popover/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Display",title:"Popover",filename:"components/popover/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u6c14\u6ce1\u786e\u8ba4\u6846",type:"Feedback",title:"Popconfirm",filename:"components/popconfirm/index.zh-CN.md"}},{meta:{category:"Components",type:"Feedback",title:"Popconfirm",filename:"components/popconfirm/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u5206\u9875",type:"Navigation",title:"Pagination",cols:1,filename:"components/pagination/index.zh-CN.md"}},{meta:{category:"Components",type:"Navigation",title:"Pagination",cols:1,filename:"components/pagination/index.en-US.md"}},{meta:{category:"Components",type:"Feedback",noinstant:!0,title:"Notification",subtitle:"\u901a\u77e5\u63d0\u9192\u6846",filename:"components/notification/index.zh-CN.md"}},{meta:{category:"Components",type:"Feedback",noinstant:!0,title:"Notification",filename:"components/notification/index.en-US.md"}},{meta:{type:"Feedback",category:"Components",subtitle:"\u5bf9\u8bdd\u6846",title:"Modal",filename:"components/modal/index.zh-CN.md"}},{meta:{type:"Feedback",category:"Components",title:"Modal",filename:"components/modal/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u5168\u5c40\u63d0\u793a",type:"Feedback",noinstant:!0,title:"Message",filename:"components/message/index.zh-CN.md"}},{meta:{category:"Components",type:"Feedback",noinstant:!0,title:"Message",filename:"components/message/index.en-US.md"}},{meta:{category:"Components",cols:1,type:"Navigation",title:"Menu",subtitle:"\u5bfc\u822a\u83dc\u5355",filename:"components/menu/index.zh-CN.md"}},{meta:{category:"Components",cols:1,type:"Navigation",title:"Menu",filename:"components/menu/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u63d0\u53ca",type:"Data Entry",title:"Mention",filename:"components/mention/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",title:"Mention",filename:"components/mention/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u56fd\u9645\u5316",cols:1,type:"Other",title:"LocaleProvider",filename:"components/locale-provider/index.zh-CN.md"}},{meta:{category:"Components",type:"Other",cols:1,title:"LocaleProvider",filename:"components/locale-provider/index.en-US.md"}},{meta:{category:"Components",type:"Layout",cols:1,title:"Layout",filename:"components/layout/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u5e03\u5c40",type:"Layout",cols:1,title:"Layout",filename:"components/layout/index.zh-CN.md"}},{meta:{category:"Components",subtitle:"\u6570\u5b57\u8f93\u5165\u6846",type:"Data Entry",title:"InputNumber",filename:"components/input-number/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",title:"InputNumber",filename:"components/input-number/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u8f93\u5165\u6846",type:"Data Entry",title:"Input",filename:"components/input/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",title:"Input",filename:"components/input/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u6805\u683c",type:"Layout",cols:1,title:"Grid",filename:"components/grid/index.zh-CN.md"}},{meta:{category:"Components",subtitle:"\u56fe\u6807",type:"General",title:"Icon",toc:!1,filename:"components/icon/index.zh-CN.md"}},{meta:{category:"Components",type:"General",title:"Icon",toc:!1,filename:"components/icon/index.en-US.md"}},{meta:{category:"Components",type:"Layout",cols:1,title:"Grid",filename:"components/grid/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u8868\u5355",type:"Data Entry",cols:1,title:"Form",filename:"components/form/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",cols:1,title:"Form",filename:"components/form/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u4e0b\u62c9\u83dc\u5355",type:"Navigation",title:"Dropdown",filename:"components/dropdown/index.zh-CN.md"}},{meta:{category:"Components",type:"Navigation",title:"Dropdown",filename:"components/dropdown/index.en-US.md"}},{meta:{category:"Components",type:"Data Entry",title:"DatePicker",filename:"components/date-picker/index.en-US.md"}},{meta:{category:"Components",type:"Data Entry",title:"DatePicker",subtitle:"\u65e5\u671f\u9009\u62e9\u6846",filename:"components/date-picker/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Display",title:"Collapse",subtitle:"\u6298\u53e0\u9762\u677f",cols:1,filename:"components/collapse/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Display",title:"Collapse",cols:1,filename:"components/collapse/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u591a\u9009\u6846",type:"Data Entry",title:"Checkbox",filename:"components/checkbox/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",title:"Checkbox",filename:"components/checkbox/index.en-US.md"}},{meta:{category:"Components",type:"Data Entry",title:"Cascader",subtitle:"\u7ea7\u8054\u9009\u62e9",filename:"components/cascader/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",title:"Cascader",filename:"components/cascader/index.en-US.md"}},{meta:{category:"Components",type:"Data Display",title:"Carousel",subtitle:"\u8d70\u9a6c\u706f",filename:"components/carousel/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Display",title:"Carousel",filename:"components/carousel/index.en-US.md"}},{meta:{category:"Components",type:"Data Display",title:"Card",subtitle:"\u5361\u7247",cols:1,filename:"components/card/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Display",title:"Card",cols:1,filename:"components/card/index.en-US.md"}},{meta:{category:"Components",type:"Data Display",subtitle:"\u65e5\u5386",cols:1,title:"Calendar",filename:"components/calendar/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Display",cols:1,title:"Calendar",filename:"components/calendar/index.en-US.md"}},{meta:{category:"Components",type:"General",title:"Button",subtitle:"\u6309\u94ae",filename:"components/button/index.zh-CN.md"}},{meta:{category:"Components",type:"General",title:"Button",filename:"components/button/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u9762\u5305\u5c51",type:"Navigation",title:"Breadcrumb",filename:"components/breadcrumb/index.zh-CN.md"}},{meta:{category:"Components",type:"Navigation",title:"Breadcrumb",filename:"components/breadcrumb/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u5fbd\u6807\u6570",type:"Data Display",title:"Badge",filename:"components/badge/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Display",title:"Badge",filename:"components/badge/index.en-US.md"}},{meta:{category:"Components",type:"Navigation",subtitle:"\u56de\u5230\u9876\u90e8",title:"BackTop",filename:"components/back-top/index.zh-CN.md"}},{meta:{category:"Components",type:"Navigation",title:"BackTop",filename:"components/back-top/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u81ea\u52a8\u5b8c\u6210",type:"Data Entry",cols:2,title:"AutoComplete",filename:"components/auto-complete/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",cols:2,title:"AutoComplete",filename:"components/auto-complete/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u951a\u70b9",cols:2,type:"Other",title:"Anchor",filename:"components/anchor/index.zh-CN.md"}},{meta:{category:"Components",type:"Other",cols:2,title:"Anchor",filename:"components/anchor/index.en-US.md"}},{meta:{category:"Components",type:"Feedback",title:"Alert",filename:"components/alert/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u8b66\u544a\u63d0\u793a",type:"Feedback",title:"Alert",filename:"components/alert/index.zh-CN.md"}},{meta:{category:"Components",subtitle:"\u56fa\u9489",type:"Navigation",title:"Affix",filename:"components/affix/index.zh-CN.md"}},{meta:{category:"Components",type:"Navigation",title:"Affix",filename:"components/affix/index.en-US.md"}}],changelog:[{meta:{order:6,title:"Change Log",toc:!1,timeline:!0,filename:"CHANGELOG.en-US.md"}},{meta:{order:6,title:"\u66f4\u65b0\u65e5\u5fd7",toc:!1,timeline:!0,filename:"CHANGELOG.zh-CN.md"}}],"docs/pattern":[{meta:{order:4,title:{"zh-CN":"\u8868\u683c","en-US":"Table"},filename:"docs/pattern/table.md"}},{meta:{order:3,title:{"zh-CN":"\u5217\u8868","en-US":"List"},filename:"docs/pattern/list.md"}},{meta:{order:1,title:{"zh-CN":"\u5bfc\u822a","en-US":"Navigation"},filename:"docs/pattern/navigation.md"}},{meta:{order:6,title:{"zh-CN":"\u9ad8\u7ea7\u641c\u7d22","en-US":"Advanced Search"},filename:"docs/pattern/advanced-search.md"}},{meta:{order:5,title:{"zh-CN":"\u8868\u683c\uff1a\u590d\u6742\u6570\u636e","en-US":"Complex Table"},filename:"docs/pattern/complex-table.md"}},{meta:{order:2,title:{"zh-CN":"\u8868\u5355","en-US":"Form"},filename:"docs/pattern/form.md"}}],"docs/react":[{meta:{order:4,title:"\u5728 create-react-app \u4e2d\u4f7f\u7528",filename:"docs/react/use-with-create-react-app.zh-CN.md"}},{meta:{order:4,title:"Use in create-react-app",filename:"docs/react/use-with-create-react-app.en-US.md"}},{meta:{order:7,title:"\u793e\u533a\u7cbe\u9009\u7ec4\u4ef6",filename:"docs/react/recommendation.zh-CN.md"}},{meta:{order:7,title:"Third-Party Libraries",filename:"docs/react/recommendation.en-US.md"}},{meta:{order:3,title:"\u9879\u76ee\u5b9e\u6218",filename:"docs/react/practical-projects.zh-CN.md"}},{meta:{order:3,title:"Real project with dva",filename:"docs/react/practical-projects.en-US.md"}},{meta:{order:0,title:"Ant Design of React",filename:"docs/react/introduce.zh-CN.md"}},{meta:{order:8,title:"\u56fd\u9645\u5316",filename:"docs/react/i18n.zh-CN.md"}},{meta:{order:8,title:"Internationalization",filename:"docs/react/i18n.en-US.md"}},{meta:{order:0,title:"Ant Design of React",filename:"docs/react/introduce.en-US.md"}},{meta:{order:1,title:"\u5feb\u901f\u4e0a\u624b",filename:"docs/react/getting-started.zh-CN.md"}},{meta:{order:5,title:"\u5b9a\u5236\u4e3b\u9898",filename:"docs/react/customize-theme.zh-CN.md"}},{meta:{order:5,title:"Customize Theme",filename:"docs/react/customize-theme.en-US.md"}},{meta:{order:1,title:"Getting Started",filename:"docs/react/getting-started.en-US.md"}}],"docs/resource":[{meta:{order:1,title:"\u6587\u732e\u7d20\u6750",filename:"docs/resource/reference.zh-CN.md"}},{meta:{order:2,link:"//github.com/ant-design/ant-design",title:"GitHub",filename:"docs/resource/github.md"}},{meta:{order:1,title:"Reference",filename:"docs/resource/reference.en-US.md"}},{meta:{order:0,title:"\u8d44\u6e90\u4e0b\u8f7d",filename:"docs/resource/download.zh-CN.md"}},{meta:{order:0,title:"Download",filename:"docs/resource/download.en-US.md"}}],"docs/spec":[{meta:{category:"\u8bbe\u8ba1\u539f\u5219",order:9,title:"\u5de7\u7528\u8fc7\u6e21",filename:"docs/spec/transition.zh-CN.md"}},{meta:{category:"Principles",order:9,title:"Use Transition",filename:"docs/spec/transition.en-US.md"}},{meta:{category:"\u8bbe\u8ba1\u539f\u5219",order:6,title:"\u8db3\u4e0d\u51fa\u6237",filename:"docs/spec/stay.zh-CN.md"}},{meta:{category:"Principles",order:6,title:"Stay on the Page",filename:"docs/spec/stay.en-US.md"}},{meta:{category:"\u8bbe\u8ba1\u539f\u5219",order:4,title:"\u91cd\u590d",filename:"docs/spec/repetition.zh-CN.md"}},{meta:{category:"Principles",order:4,title:"Repetition",filename:"docs/spec/repetition.en-US.md"}},{meta:{category:"\u8bbe\u8ba1\u539f\u5219",order:10,title:"\u5373\u65f6\u53cd\u5e94",filename:"docs/spec/reaction.zh-CN.md"}},{meta:{category:"Principles",order:10,title:"React Immediately",filename:"docs/spec/reaction.en-US.md"}},{meta:{category:"\u8bbe\u8ba1\u539f\u5219",order:1,title:"\u4eb2\u5bc6\u6027",filename:"docs/spec/proximity.zh-CN.md"}},{meta:{category:"Principles",order:1,title:"Proximity",filename:"docs/spec/proximity.en-US.md"}},{meta:{order:8,title:{"zh-CN":"\u5bfc\u822a","en-US":"Navigation"},filename:"docs/spec/navigation.md"}},{meta:{order:12,title:{"zh-CN":"\u52a8\u6548","en-US":"Motion"},link:"http://motion.ant.design",filename:"docs/spec/motion.md"}},{meta:{category:"\u8bbe\u8ba1\u539f\u5219",order:6,title:"\u7b80\u5316\u4ea4\u4e92",filename:"docs/spec/lightweight.zh-CN.md"}},{meta:{category:"Principles",order:6,title:"Keep it Lightweight",filename:"docs/spec/lightweight.en-US.md"}},{meta:{order:7,title:{"zh-CN":"\u5e03\u5c40","en-US":"Layout"},filename:"docs/spec/layout.md"}},{meta:{category:"\u8bbe\u8ba1\u539f\u5219",order:8,title:"\u63d0\u4f9b\u9080\u8bf7",filename:"docs/spec/invitation.zh-CN.md"}},{meta:{category:"Principles",order:8,title:"Provide an Invitation",filename:"docs/spec/invitation.en-US.md"}},{meta:{order:0,title:"Ant Design",filename:"docs/spec/introduce.zh-CN.md"}},{meta:{order:0,title:"Ant Design",filename:"docs/spec/introduce.en-US.md"}},{meta:{order:4,title:"\u56fe\u6807",filename:"docs/spec/icon.zh-CN.md"}},{meta:{order:5,title:{"zh-CN":"\u5b57\u4f53","en-US":"Font"},filename:"docs/spec/font.md"}},{meta:{order:4,title:"Icons",filename:"docs/spec/icon.en-US.md"}},{meta:{order:11,title:{"zh-CN":"\u53cd\u9988","en-US":"Feedback"},filename:"docs/spec/feedback.md"}},{meta:{order:1,title:"\u57fa\u672c\u7406\u5ff5",filename:"docs/spec/feature.zh-CN.md"}},{meta:{order:1,title:"Features",filename:"docs/spec/feature.en-US.md"}},{meta:{category:"Principles",order:5,title:"Make it Direct",filename:"docs/spec/direct.en-US.md"}},{meta:{category:"\u8bbe\u8ba1\u539f\u5219",order:5,title:"\u76f4\u622a\u4e86\u5f53",filename:"docs/spec/direct.zh-CN.md"}},{meta:{order:10,title:{"zh-CN":"\u6570\u636e\u5c55\u793a","en-US":"Data Display"},filename:"docs/spec/data-display.md"}},{meta:{order:9,title:{"zh-CN":"\u6570\u636e\u5f55\u5165","en-US":"Data Entry"},filename:"docs/spec/data-entry.md"}},{meta:{category:"Principles",order:3,title:"Contrast",filename:"docs/spec/contrast.en-US.md"}},{meta:{category:"\u8bbe\u8ba1\u539f\u5219",order:3,title:"\u5bf9\u6bd4",filename:"docs/spec/contrast.zh-CN.md"}},{meta:{order:3,title:"\u8272\u5f69",filename:"docs/spec/colors.zh-CN.md"}},{meta:{order:3,title:"Colors",filename:"docs/spec/colors.en-US.md"}},{meta:{order:6,title:{"zh-CN":"\u6587\u6848","en-US":"Copywriting"},filename:"docs/spec/copywriting.md"}},{meta:{order:2,title:"\u5b9e\u8df5\u6848\u4f8b",filename:"docs/spec/cases.zh-CN.md"}},{meta:{order:2,title:"Cases",filename:"docs/spec/cases.en-US.md"}},{meta:{category:"\u8bbe\u8ba1\u539f\u5219",order:2,
-title:"\u5bf9\u9f50",filename:"docs/spec/alignment.zh-CN.md"}},{meta:{category:"Principles",order:2,title:"Alignment",filename:"docs/spec/alignment.en-US.md"}}]},plugins:[[n(652),{}],[n(614),{}],[n(1191),{lang:"__react"}]]}},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(e,t,n){"use strict";var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=n(1),i=n(350);e.exports=function(e,t){i.done();var n=t.location.pathname;return o.createElement(e,r({},t,e[n]))}},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(e,t,n){"use strict";function r(e){return function(){var t=e.apply(this,arguments);return new Promise(function(e,n){function r(o,i){try{var a=t[o](i),s=a.value}catch(u){return void n(u)}return a.done?void e(s):Promise.resolve(s).then(function(e){r("next",e)},function(e){r("throw",e)})}return r("next")})}}function o(e,t){return"function"==typeof e?e(t):Object.keys(t).reduce(function(e,n){return e.replace(":"+n,t[n])},e)}function i(e,t){var n=e.plugins.map(function(e){return e[0](e[1],t)}),r=u(function(e){return e.converters||[]},n),o={get:c.get,toReactComponent:function(e){return l(e,r)}};return n.map(function(e){return e.utils||{}}).forEach(function(e){return Object.assign(o,e)}),o}var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s=function(){var e=r(regeneratorRuntime.mark(function t(e){return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.abrupt("return",e);case 1:case"end":return t.stop()}},t,this)}));return function(t){return e.apply(this,arguments)}}(),u=n(636),l=n(377),c=n(1190),f=n(350),p=n(321),d=JSON.parse('{"categoryOrder":{"\u8bbe\u8ba1\u539f\u5219":2,"Principles":2},"typeOrder":{"General":0,"Layout":1,"Navigation":2,"Data Entry":3,"Data Display":4,"Feedback":5,"Localization":6,"Other":7},"docVersions":{"0.9.x":"http://09x.ant.design","0.10.x":"http://010x.ant.design","0.11.x":"http://011x.ant.design","0.12.x":"http://012x.ant.design","1.x":"http://1x.ant.design"}}');e.exports=function(e){function t(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",u=n(1959)("./template"+t.replace(/^\.\/template/,""));return function(t,n){var l=o(r,t.params),f=c.get(e.markdown,l.replace(/^\//,"").split("/")),h=i(e,t),v=(u["default"]||u).collector||s,m=t.location.pathname,y=a({},t,{themeConfig:d,data:e.markdown,picked:e.picked,pageData:f,utils:h});v(y).then(function(e){try{var t=u["default"]||u;t[m]=a({},y,e),n(null,t)}catch(r){console.error(r)}})["catch"](function(e){var t=p["default"]||p;t[m]=y,n(404===e?null:e,t)})}}function r(e){return Array.isArray(e)?e.map(r):Object.assign({},e,{onEnter:function(){"undefined"!=typeof document&&f.start()},component:void 0,getComponent:t(e.component,e.dataPath||e.path),indexRoute:e.indexRoute&&Object.assign({},e.indexRoute,{component:void 0,getComponent:t(e.indexRoute.component,e.indexRoute.dataPath||e.indexRoute.path)}),childRoutes:e.childRoutes&&e.childRoutes.map(r)})}var u=n(1911),l=Array.isArray(u.routes)?u.routes:[u.routes],h=r(l);return h.push({path:"*",getComponents:t("./template/NotFound")}),h}},function(e,t,n){"use strict";function r(e){}var o=function(e){return void 0!==e&&null!==e},i=/[\[\]\.]+/,a=function(e,t,n){if(!o(e))return{};var r=Array.isArray(t)?t:t.split(i),a=null,s=e,u=[],l=!0,c=!1,f=void 0;try{for(var p,d=r[Symbol.iterator]();!(l=(p=d.next()).done);l=!0){var h=p.value;if(0!==h.length&&(a=s,s=s[h],u.push(h),!o(s))){if(!n)return{path:u};a[h]={},s=a[h]}}}catch(v){c=!0,f=v}finally{try{!l&&d["return"]&&d["return"]()}finally{if(c)throw f}}return{value:s,path:u}},s=function(e,t){return r("`exist()` is deprecated, please use `exist.detect()`."),o(a(e,t).value)};s.detect=function(e,t){var n=a(e,t);return!!o(n.value)||n.path},s.get=function(e,t,n){var r=a(e,t).value;return o(r)?r:n},s.set=function(e,t,n,r){var s=Array.isArray(t)?t:t.split(i),u=s.pop(),l=a(e,s,r).value;return!!o(l)&&(l[u]=n,!0)};var u=function(){};s.invoke=function(e,t){var n=Array.isArray(t)?t:t.split(i),r=n.pop(),s=a(e,n).value;if(o(s)){var l=s[r];if("function"==typeof l)return l.bind(s)}return u},e.exports=s},function(e,t,n){"use strict";var r=n(1);e.exports=function(){return{converters:[[function(e){return"function"==typeof e},function(e,t){return r.cloneElement(e(),{key:t})}]]}}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c=n(1),f=r(c),p=n(8),d=r(p),h=n(363),v=n(1200),m=r(v),y=n(216),g=r(y),b=function(e){function t(n){a(this,t);var r=s(this,e.call(this,n));return r.onEditorChange=function(e){r.props.onChange&&r.props.onChange(e,(0,g["default"])(e))},r.onFocus=function(e){r.props.onFocus&&r.props.onFocus(e)},r.onBlur=function(e){r.props.onBlur&&r.props.onBlur(e)},r.reset=function(){r._editor.Reset()},r.state={suggestions:n.suggestions,value:n.value},r.mention=(0,m["default"])({prefix:r.getPrefix(n),tag:n.tag,mode:n.mode,mentionStyle:n.mentionStyle}),r.Suggestions=r.mention.Suggestions,r.plugins=[r.mention],"string"==typeof n.defaultValue&&console.warn("The property `defaultValue` now allow `EditorState` only, see http://react-component.github.io/editor-mention/examples/defaultValue.html "),void 0!==n.value&&(r.controlledMode=!0),r}return u(t,e),t.prototype.componentWillReceiveProps=function(e){var t=e.suggestions,n=e.value;this.setState({suggestions:t,value:n})},t.prototype.getPrefix=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.props;return Array.isArray(e.prefix)?e.prefix:[e.prefix]},t.prototype.render=function(){var e,t=this,n=this.props,r=n.prefixCls,o=n.style,a=n.tag,s=n.multiLines,u=n.suggestionStyle,c=n.placeholder,p=n.defaultValue,v=n.className,m=n.notFoundContent,y=n.getSuggestionContainer,g=this.state.suggestions,b=this.Suggestions,_=(0,d["default"])(v,(e={},i(e,r+"-wrapper",!0),i(e,"multilines",s),e)),w=this.controlledMode?{value:this.state.value}:{},x="string"==typeof p?(0,h.toEditorState)(p):p;return f["default"].createElement("div",{className:_,style:o,ref:function(e){return t._wrapper=e}},f["default"].createElement(h.EditorCore,l({ref:function(e){return t._editor=e},prefixCls:r,style:o,multiLines:s,plugins:this.plugins,defaultValue:x,placeholder:c,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onEditorChange},w),f["default"].createElement(b,{mode:a?"immutable":"mutable",prefix:this.getPrefix(),prefixCls:r,style:u,notFoundContent:m,suggestions:g,getSuggestionContainer:y?function(){return y(t._wrapper)}:null,onSearchChange:this.props.onSearchChange,onSelect:this.props.onSelect,noRedup:this.props.noRedup})))},t}(f["default"].Component);b.propTypes={value:f["default"].PropTypes.object,suggestions:f["default"].PropTypes.array,prefix:f["default"].PropTypes.oneOfType([f["default"].PropTypes.string,f["default"].PropTypes.arrayOf(f["default"].PropTypes.string)]),prefixCls:f["default"].PropTypes.string,tag:f["default"].PropTypes.element,style:f["default"].PropTypes.object,className:f["default"].PropTypes.string,onSearchChange:f["default"].PropTypes.func,onChange:f["default"].PropTypes.func,mode:f["default"].PropTypes.string,multiLines:f["default"].PropTypes.bool,suggestionStyle:f["default"].PropTypes.object,placeholder:f["default"].PropTypes.string,defaultValue:f["default"].PropTypes.object,notFoundContent:f["default"].PropTypes.any,position:f["default"].PropTypes.string,onFocus:f["default"].PropTypes.func,onBlur:f["default"].PropTypes.func,onSelect:f["default"].PropTypes.func,getSuggestionContainer:f["default"].PropTypes.func,noRedup:f["default"].PropTypes.bool,mentionStyle:f["default"].PropTypes.object},b.controlledMode=!1,b.defaultProps={prefixCls:"rc-editor-mention",prefix:"@",mode:"immutable",suggestions:[],multiLines:!1,className:"",suggestionStyle:{},notFoundContent:"\u65e0\u6cd5\u627e\u5230",position:"absolute",mentionStyle:{}},t["default"]=b,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var u=n(1),l=r(u),c=function(e){function t(){return i(this,t),a(this,e.apply(this,arguments))}return s(t,e),t.prototype.render=function(){return l["default"].createElement("span",{style:{backgroundColor:"#e6f3ff"}},this.props.children)},t}(l["default"].Component);c.propTypes={children:l["default"].PropTypes.any},t["default"]=c,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var u=n(1),l=r(u),c=n(361),f=r(c),p=function(e){function t(){return i(this,t),a(this,e.apply(this,arguments))}return s(t,e),t.prototype.componentWillMount=function(){var e=this.props,t=e.callbacks,n=e.suggestionRegex,r=e.decoratedText,o=n.exec(r);this.trigger=o[2],this.updatePortalPosition(this.props),t.setEditorState(t.getEditorState())},t.prototype.componentWillReceiveProps=function(e){this.updatePortalPosition(e)},t.prototype.componentWillUnmount=function(){var e=this.props,t=e.offsetKey,n=e.mentionStore;n.inActiveSuggestion({offsetKey:t})},t.prototype.updatePortalPosition=function(e){var t=this,n=e.offsetKey,r=e.mentionStore;r.updateSuggestion({offsetKey:n,trigger:this.trigger,position:function(){var e=t.refs.searchPortal,n=(0,f["default"])(e);return{left:n.left,top:n.top,width:e.offsetWidth,height:e.offsetHeight}}})},t.prototype.render=function(){return l["default"].createElement("span",{ref:"searchPortal",style:this.props.style},this.props.children)},t}(l["default"].Component);p.propTypes={offsetKey:l["default"].PropTypes.any,mentionStore:l["default"].PropTypes.object,decoratedText:l["default"].PropTypes.string,children:l["default"].PropTypes.any,callbacks:l["default"].PropTypes.any,suggestionRegex:l["default"].PropTypes.any},t["default"]=p,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var u=n(1),l=r(u),c=n(2),f=r(c),p=function(e){function t(){return i(this,t),a(this,e.apply(this,arguments))}return s(t,e),t.prototype.componentDidMount=function(){this.renderComponent()},t.prototype.componentDidUpdate=function(){this.renderComponent()},t.prototype.renderComponent=function(){var e=this.props.children,t=this.props.renderReady;f["default"].unstable_renderSubtreeIntoContainer(this,e,this.props.container,function(){t&&t.call(this)})},t.prototype.render=function(){return null},t}(l["default"].Component);t["default"]=p,p.propTypes={children:l["default"].PropTypes.any,renderReady:l["default"].PropTypes.func,container:l["default"].PropTypes.any},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c=n(1),f=r(c),p=n(2),d=r(p),h=n(133),v=n(31),m=r(v),y=n(8),g=r(y),b=n(168),_=r(b),w=n(359),x=r(w),C=n(1195),E=r(C),S=n(1201),P=r(S),O=n(1199),T=r(O),k=n(361),M=r(k),N=n(360),A=r(N),D=n(217),j=r(D),R=function(e){return e!==!1},I=function(e){function t(){a(this,t);var n=s(this,e.call(this));return n.onEditorStateChange=function(e){var t=n.props.store.getOffset();if(0===t.size)return e;var r=e.getSelection();if(!n.props.callbacks.getEditorState().getSelection().getHasFocus()&&r.getHasFocus())return e;var o=(0,j["default"])(e,r),i=o.word,a=t.map(function(t){var n=t.offsetKey,o=(0,h.decode)(n),a=o.blockKey,s=o.decoratorKey,u=o.leafKey;if(a!==r.anchorKey)return!1;var l=e.getBlockTree(a).getIn([s,"leaves",u]);if(!l)return!1;var c=l.get("start"),f=l.get("end");return!!i&&(c===f-1?r.anchorOffset>=c+1&&r.anchorOffset<=f&&n:r.anchorOffset>c+1&&r.anchorOffset<=f&&n)}),s=a.some(R);n.activeOffsetKey=a.find(R);var u=n.props.store.getTrigger(n.activeOffsetKey);if(!s||!r.getHasFocus())return n.closeDropDown(),e;console.log(">> trigger",u);var l=i.substring(u.length,i.length);return n.lastSearchValue===l&&n.lastTrigger===u||(n.lastSearchValue=l,n.lastTrigger=u,n.props.onSearchChange(l,u)),n.state.active||n.openDropDown(),e},n.onUpArrow=function(e){if(e.preventDefault(),n.props.suggestions.length>0){var t=n.state.focusedIndex-1;n.setState({focusedIndex:Math.max(t,0)})}},n.onBlur=function(e){e.preventDefault(),n.closeDropDown()},n.onDownArrow=function(e){e.preventDefault();var t=n.state.focusedIndex+1;n.setState({focusedIndex:t>=n.props.suggestions.length?0:t})},n.getContainer=function(){var e=document.createElement("div"),t=void 0;return n.props.getSuggestionContainer?(t=n.props.getSuggestionContainer(),e.style.position="relative"):t=document.body,t.appendChild(e),e},n.handleKeyBinding=function(e){return"split-block"===e},n.handleReturn=function(e){e.preventDefault();var t=n.props.suggestions[n.state.focusedIndex];return!!t&&(f["default"].isValidElement(t)?n.onMentionSelect(t.props.value,t.props.data):n.onMentionSelect(t),n.lastSearchValue=null,n.lastTrigger=null,!0)},n.renderReady=function(){var e=d["default"].findDOMNode(n.refs.focusItem),t=n.refs.dropdownContainer;if(t){var r=n.state.active,o=n.activeOffsetKey,i=n.props.store.getOffset(),a=i.get(o);r&&a&&!function(){var e=n.getPositionStyle(!0,a.position());Object.keys(e).forEach(function(n){t.style[n]=e[n]})}(),e&&(0,_["default"])(e,t,{onlyScrollIfNeeded:!0})}},n.getNavigations=function(){var e=n.props,t=e.prefixCls,r=e.suggestions,o=n.state.focusedIndex;return r.length?f["default"].Children.map(r,function(e,r){var i=r===o,a=i?"focusItem":null,s=(0,g["default"])(t+"-dropdown-item",{focus:i});return f["default"].isValidElement(e)?f["default"].cloneElement(e,{className:s,onMouseDown:n.onMentionSelect.bind(n,e.props.value,e.props.data),ref:a}):f["default"].createElement(x["default"],{ref:a,className:s,onMouseDown:n.onMentionSelect.bind(n,e)},e)},n):f["default"].createElement("div",{className:t+"-dropdown-notfound "+t+"-dropdown-item"},n.props.notFoundContent)},n.state={isActive:!1,focusedIndex:0,container:!1},n}return u(t,e),t.prototype.componentDidMount=function(){this.props.callbacks.onChange=this.onEditorStateChange},t.prototype.componentWillReceiveProps=function(e){e.suggestions.length!==this.props.suggestions.length&&this.setState({focusedIndex:0})},t.prototype.onMentionSelect=function(e,t){var n=this.props.callbacks.getEditorState(),r=this.props,o=r.store,i=r.onSelect,a=o.getTrigger(this.activeOffsetKey);if(i&&i(e,t||e),this.props.noRedup){var s=(0,A["default"])(n,a);if(s.indexOf(""+a+e)!==-1)return console.warn("you have specified `noRedup` props but have duplicated mentions."),this.closeDropDown(),void this.props.callbacks.setEditorState((0,T["default"])(n))}this.props.callbacks.setEditorState((0,P["default"])(n,""+a+e,t,this.props.mode),!0),this.closeDropDown()},t.prototype.getPositionStyle=function(e,t){if(this.props.getSuggestionStyle)return this.props.getSuggestionStyle(e,t);var n=this.props.getSuggestionContainer?this.state.container:document.body,r=(0,M["default"])(n);return t?l({position:"absolute",left:t.left-r.left+"px",top:t.top-r.top+"px"},this.props.style):{}},t.prototype.openDropDown=function(){this.props.callbacks.onUpArrow=this.onUpArrow,this.props.callbacks.handleReturn=this.handleReturn,this.props.callbacks.handleKeyBinding=this.handleKeyBinding,this.props.callbacks.onDownArrow=this.onDownArrow,this.props.callbacks.onBlur=this.onBlur,this.setState({active:!0,container:this.state.container||this.getContainer()})},t.prototype.closeDropDown=function(){this.props.callbacks.onUpArrow=null,this.props.callbacks.handleReturn=null,this.props.callbacks.handleKeyBinding=null,this.props.callbacks.onDownArrow=null,this.props.callbacks.onBlur=null,this.setState({active:!1})},t.prototype.render=function(){var e=this.props,t=e.prefixCls,n=(e.suggestions,e.className),r=this.state.container,o=(0,g["default"])(l(i({},t+"-dropdown",!0),n)),a=this.getNavigations();return r?f["default"].createElement(E["default"],{renderReady:this.renderReady,container:r},f["default"].createElement(m["default"],{transitionName:"slide-up"},this.state.active?f["default"].createElement("div",{className:o,ref:"dropdownContainer"},a):null)):null},t}(f["default"].Component);t["default"]=I,I.propTypes={callbacks:f["default"].PropTypes.object,suggestions:f["default"].PropTypes.array,store:f["default"].PropTypes.object,onSearchChange:f["default"].PropTypes.func,prefix:f["default"].PropTypes.oneOfType([f["default"].PropTypes.string,f["default"].PropTypes.arrayOf(f["default"].PropTypes.string)]),prefixCls:f["default"].PropTypes.string,mode:f["default"].PropTypes.string,style:f["default"].PropTypes.object,onSelect:f["default"].PropTypes.func,getSuggestionContainer:f["default"].PropTypes.func,notFoundContent:f["default"].PropTypes.any,getSuggestionStyle:f["default"].PropTypes.func,className:f["default"].PropTypes.string,noRedup:f["default"].PropTypes.bool},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.getMentions=t.toEditorState=t.toString=t.Nav=void 0;var o=n(363),i=n(1192),a=r(i),s=n(216),u=r(s),l=n(360),c=r(l),f=n(359),p=r(f);a["default"].Nav=p["default"],a["default"].toString=u["default"],a["default"].toEditorState=o.toEditorState,a["default"].getMentions=c["default"],t.Nav=p["default"],t.toString=u["default"],t.toEditorState=o.toEditorState,t.getMentions=c["default"],t["default"]=a["default"]},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(128),o=(0,r.Map)(),i={offset:(0,r.Map)(),getOffset:function(){return o},getTrigger:function(e){var t=o.get(e);return t&&t.trigger},activeSuggestion:function(e){var t=e.offsetKey;o=o.set(t,{offsetKey:t})},inActiveSuggestion:function(e){var t=e.offsetKey;o=o["delete"](t)},updateSuggestion:function(e){var t=e.offsetKey,n=e.position,r=e.trigger;o=o.set(t,{offsetKey:t,position:n,trigger:r})}};t["default"]=i,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=e.getSelection(),n=(0,s["default"])(e,t),r=n.begin,o=n.end,a=i.Modifier.replaceText(e.getCurrentContent(),t.merge({anchorOffset:r,focusOffset:o}),"",null),u=i.Modifier.insertText(a,a.getSelectionAfter()," "),l=i.EditorState.push(e,u,"insert-mention");return i.EditorState.forceSelection(l,u.getSelectionAfter())}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var i=n(109),a=n(217),s=r(a);e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}function u(e,t,n){for(var r=t.getText(),o=void 0,i=void 0;null!==(o=e.exec(r));)i=o.index,n(i,i+o[0].length)}function l(e,t,n){e.findEntityRanges(function(e){var t=e.getEntity();return t&&"mention"===n.getEntity(t).getType()},t)}function c(){}function f(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t={onChange:c,onUpArrow:c,onDownArrow:c,getEditorState:c,setEditorState:c,handleReturn:c,onBlur:c},n={callbacks:t,mentionStore:x["default"]},r=(0,P["default"])(e.prefix),o=e.tag||_["default"],i=[{strategy:function(e,t){u(r,e,t)},component:function(t){return h["default"].createElement(g["default"],p({},t,n,{style:e.mentionStyle,suggestionRegex:(0,P["default"])(e.prefix)}))}}];return"immutable"!==e.mode&&i.unshift({strategy:l,component:function(e){return h["default"].createElement(O,p({tag:o},e,{callbacks:t}))}}),{name:"mention",Suggestions:function(e){return h["default"].createElement(m["default"],p({},e,n,{store:x["default"]}))},decorators:i,onChange:function(e){return t.onChange?t.onChange(e):e},callbacks:t,"export":E["default"]}}Object.defineProperty(t,"__esModule",{value:!0});var p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};t["default"]=f;var d=n(1),h=r(d),v=n(1196),m=r(v),y=n(1194),g=r(y),b=n(1193),_=r(b),w=n(1198),x=r(w),C=n(216),E=r(C),S=n(362),P=r(S),O=function(e){function t(){return i(this,t),a(this,e.apply(this,arguments))}return s(t,e),t.prototype.render=function(){var e=this.props,t=e.entityKey,n=e.tag,r=e.callbacks,o=r.getEditorState().getCurrentContent(),i=o.getEntity(t).getData();return h["default"].createElement(n,p({},this.props,{data:i}))},t}(h["default"].Component);O.propTypes={entityKey:h["default"].PropTypes.element,callbacks:h["default"].PropTypes.func,tag:h["default"].PropTypes.element},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r){var o="immutable"===r?"IMMUTABLE":"MUTABLE",a=e.getSelection(),u=e.getCurrentContent();u.createEntity("mention",o,n||t);var l=(0,s["default"])(e,a),c=l.begin,f=l.end,p=i.Modifier.replaceText(u,a.merge({anchorOffset:c,focusOffset:f}),t,null,u.getLastCreatedEntityKey()),d=i.Modifier.insertText(p,p.getSelectionAfter()," "),h=i.EditorState.push(e,d,"insert-mention");return i.EditorState.forceSelection(h,d.getSelectionAfter())}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var i=n(109),a=n(217),s=r(a);e.exports=t["default"]},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var o=n(128),i=function(){function e(){r(this,e),this._store=(0,o.Map)()}return e.prototype.set=function(e,t){this._store=this._store.set(e,t)},e.prototype.get=function(e){return this._store.get(e)},e}();t["default"]=i,e.exports=t["default"]},function(e,t,n){"use strict";function r(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=arguments,o=r.length-1;return function(){for(var e=o,t=r[o].apply(this,arguments);e--;)t=r[e].call(this,t);return t}}function o(e,t){var n=(new DOMParser).parseFromString(e,"text/html");(0,a.toArray)(n.querySelectorAll("img")).forEach(p);var r=(0,i.convertFromHTML)(n.body.innerHTML),o=r.contentBlocks;return o=o.reduce(function(e,n){if("blockquote"!==n.getType())return e.concat(n);var r=JSON.parse(n.getText());t.createEntity("IMAGE-ENTITY","IMMUTABLE",r);var o=t.getLastCreatedEntityKey(),a=i.CharacterMetadata.create({entity:o}),u=[new i.ContentBlock({key:(0,i.genKey)(),type:"image-block",text:" ",characterList:(0,s.List)((0,s.Repeat)(a,a.count()))}),new i.ContentBlock({key:(0,i.genKey)(),type:"unstyled",text:"",characterList:(0,s.List)()})];return e.concat(u)},[]),n=null,i.BlockMapBuilder.createFromArray(o)}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var i=n(109),a=n(1761),s=n(128),u=function(e){return{contentType:"image",src:e.getAttribute("src"),width:e.getAttribute("width"),height:e.getAttribute("height"),align:e.style.cssFloat}},l=function(e){if(null==e)return null;var t=document.createElement("blockquote");return t.innerText=JSON.stringify(e),t},c=function(e,t){if(t instanceof HTMLElement){var n=e.parentNode;return n.replaceChild(t,e)}},f=r(l,u),p=function(e){return c(e,f(e))};e.exports=t["default"]},function(e,t){"use strict";function n(e){return e.split("&").join("&amp;").split("<").join("&lt;").split(">").join("&gt;").split("\xa0").join("&nbsp;").split("\n").join("<br />\n")}function r(e){return e.split("<br />\n").join("\n")}function o(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{encode:!1},r=e.getCurrentContent(),o=r.getBlockMap(),i=t.encode;return o.map(function(e){var t="",o=0,a=e.getText();return e.findEntityRanges(function(e){return!!e.getEntity()},function(n,i){var s=e.getEntityAt(n),u=r.getEntity(s).getData();t+=a.slice(o,n),t+=u&&u["export"]?u["export"](u):a.slice(n,i),o=i}),t+=a.slice(o),i?n(t):t}).join(i?"<br />\n":"\n")}Object.defineProperty(t,"__esModule",{value:!0}),t.encodeContent=n,t.decodeContent=r,t["default"]=o},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return e.split("&").join("&amp;").split("<").join("&lt;").split(">").join("&gt;").split("\xa0").join("&nbsp;").split("\n").join("<br >\n")}function i(e){return e.replace(_,"-$1").toLowerCase().replace(g,"-$1-")}function a(e,t){var n=void 0;return"string"==typeof t?n=b.test(t):(n=!0,t=String(t)),n&&"0"!==t&&v["default"][e]!==!0?t+"px":t}function s(e){return e?Object.keys(e).map(function(t){var n=i(t),r=a(t,e[t]);return n+":"+r}).join(";"):""}function u(e){return function(t){var n=t.getCurrentContent(),r=n.getBlockMap(),i=e.get("customStyleMap")||{},a=e.get("blockRenderMap")||{},u=e.get("customStyleFn"),p=e.get("toHTMLList");return Object.assign(i,y),r.map(function(e){var t="<div>",r="</div>",d=e.getText(),h=e.getType(),v=a.get(h);if(v){var m="function"==typeof v.element?v.elementTag||"div":"div";t="<"+(m||"div")+' style="'+s(a.get(h).style||{})+'">',r="</"+(m||"div")+">"}for(var y=e.getCharacterList(),g=null,b=null,_=[],w=0,x=0,C=d.length;x<C;x++){b=g;var E=y.get(x);g=E?E.getEntity():null,x>0&&g!==b&&(_.push([b,l(d.slice(w,x),y.slice(w,x))]),w=x)}return _.push([g,l(d.slice(w),y.slice(w))]),_.map(function(e){var r=f(e,2),a=r[0],l=r[1],d=l.map(function(e){var t=f(e,1),n=t[0];return n}).join(""),h=l.map(function(e){var t=f(e,2),n=t[0],r=t[1],a=o(n);if(r.size){var l=function(){var e={};r.forEach(function(t){if(i.hasOwnProperty(t)){var n=i[t];e=Object.assign(e,n)}});var t=u(r);return e=Object.assign(e,t),{v:'<span style="'+s(e)+'">'+a+"</span>"}}();if("object"===("undefined"==typeof l?"undefined":c(l)))return l.v}return"<span>"+a+"</span>"}).join("");a?!function(){var e=n.getEntity(a),r=e.getData();if(r&&r["export"])t+=r["export"](h,r);else{var o="";p.forEach(function(t){var r=t(d,e,n);r&&(o=r)}),o&&(t+=o)}}():t+=h}),t+=r}).join("\n")}}function l(e,t){for(var n=m,r=m,o=[],i=0,a=0,s=e.length;a<s;a++){r=n;var u=t.get(a);n=u?u.getStyle():m,a>0&&!(0,d.is)(n,r)&&(o.push([e.slice(i,a),r]),i=a)}return o.push([e.slice(i),n]),o}Object.defineProperty(t,"__esModule",{value:!0}),t.DEFAULT_INLINE_STYLE=t.DEFAULT_ELEMENT=t.EMPTY_SET=void 0;var c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f=function(){function e(e,t){var n=[],r=!0,o=!1,i=void 0;try{for(var a,s=e[Symbol.iterator]();!(r=(a=s.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(u){o=!0,i=u}finally{try{!r&&s["return"]&&s["return"]()}finally{if(o)throw i}}return n}return function(t,n){if(Array.isArray(t))return t;
-if(Symbol.iterator in Object(t))return e(t,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}();t["default"]=u;var p=n(109),d=n(128),h=n(1206),v=r(h),m=t.EMPTY_SET=(0,d.OrderedSet)(),y=(t.DEFAULT_ELEMENT="span",t.DEFAULT_INLINE_STYLE=p.DefaultDraftInlineStyle),g=/^(moz|ms|o|webkit)-/,b=/^\d+$/,_=/([A-Z])/g},function(e,t){"use strict";function n(e,t){return e+t.charAt(0).toUpperCase()+t.substring(1)}Object.defineProperty(t,"__esModule",{value:!0});var r={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridRow:!0,gridColumn:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},o=["Webkit","ms","Moz","O"];Object.keys(r).forEach(function(e){o.forEach(function(t){r[n(t,e)]=r[e]})}),t["default"]=r,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function i(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):i(e,t))}function l(){}Object.defineProperty(t,"__esModule",{value:!0});var c=n(1),f=o(c),p=n(109),d=n(128),h=n(376),v=r(h),m=n(1210),y=n(1202),g=r(y),b=n(1205),_=r(b),w=n(1204),x=r(w),C=n(1203),E=r(C),S=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},P=p.KeyBindingUtil.hasCommandModifier,O={},T=(0,m.createToolbar)(),k=new g["default"],M=function(e){function t(n){a(this,t);var r=s(this,e.call(this,n));r.handlePastedText=function(e,t){var n=r.state.editorState;if(t){var o=n.getCurrentContent(),i=n.getSelection(),a=(0,E["default"])(t,o),s=p.Modifier.replaceWithFragment(o,i,a),u=s.merge({selectionBefore:i,selectionAfter:s.getSelectionAfter().set("hasFocus",!0)});return r.setEditorState(p.EditorState.push(n,u,"insert-fragment"),!0),"handled"}return"not-handled"},r.plugins=(0,d.List)((0,d.List)(n.plugins).flatten(!0));var o=void 0;return o=void 0!==n.value&&n.value instanceof p.EditorState?n.value||p.EditorState.createEmpty():p.EditorState.createEmpty(),o=r.generatorDefaultValue(o),r.state={plugins:r.reloadPlugins(),editorState:o,customStyleMap:{},customBlockStyleMap:{},compositeDecorator:null},void 0!==n.value&&(r.controlledMode=!0,console.warn("this component is in controllred mode")),r}return u(t,e),t.ToEditorState=function(e){var t=p.ContentState.createFromText((0,w.decodeContent)(e)||""),n=p.EditorState.createWithContent(t);return p.EditorState.forceSelection(n,t.getSelectionAfter())},t.prototype.Reset=function(){var e=this.props.defaultValue,t=e?e.getCurrentContent():p.ContentState.createFromText(""),n=p.EditorState.push(this.state.editorState,t,"remove-range");this.setEditorState(p.EditorState.forceSelection(n,t.getSelectionBefore()))},t.prototype.SetText=function(e){var t=p.ContentState.createFromText(e||""),n=p.EditorState.push(this.state.editorState,t,"change-block-data");this.setEditorState(p.EditorState.moveFocusToEnd(n),!0)},t.prototype.getChildContext=function(){return{getEditorState:this.getEditorState,setEditorState:this.setEditorState}},t.prototype.reloadPlugins=function(){var e=this;return this.plugins&&this.plugins.size?this.plugins.map(function(t){if(t.callbacks)return t;if(t.hasOwnProperty("constructor")){var n=Object.assign(e.props.pluginConfig,t.config||{},O);return t.constructor(n)}return console.warn(">> \u63d2\u4ef6: [",t.name,"] \u65e0\u6548\u3002\u63d2\u4ef6\u6216\u8bb8\u5df2\u7ecf\u8fc7\u671f\u3002"),!1}).filter(function(e){return e}).toArray():[]},t.prototype.componentWillMount=function(){var e=this.initPlugins().concat([T]),t={},n={},r=(0,d.Map)(p.DefaultDraftBlockRenderMap),o=(0,d.List)([]),i=new p.CompositeDecorator(e.filter(function(e){return void 0!==e.decorators}).map(function(e){return e.decorators}).reduce(function(e,t){return e.concat(t)},[])),a=(0,d.List)(e.filter(function(e){return!!e.component&&"toolbar"!==e.name}));e.forEach(function(e){var i=e.styleMap,a=e.blockStyleMap,s=e.blockRenderMap,u=e.toHtml;if(i)for(var l in i)i.hasOwnProperty(l)&&(t[l]=i[l]);if(a)for(var c in a)a.hasOwnProperty(c)&&(n[c]=a[c],r=r.set(c,{element:null}));if(u&&(o=o.push(u)),s)for(var f in s)s.hasOwnProperty(f)&&(r=r.set(f,s[f]))}),k.set("customStyleMap",t),k.set("customBlockStyleMap",n),k.set("blockRenderMap",r),k.set("customStyleFn",this.customStyleFn.bind(this)),k.set("toHTMLList",o),this.setState({toolbarPlugins:a,compositeDecorator:i}),this.setEditorState(p.EditorState.set(this.state.editorState,{decorator:i}))},t.prototype.componentWillReceiveProps=function(e){if(this.controlledMode){var t=e.value.getDecorator(),n=t?e.value:p.EditorState.set(e.value,{decorator:this.state.compositeDecorator});this.setState({editorState:n})}},t.prototype.generatorDefaultValue=function(e){var t=this.props.defaultValue;return t?t:e},t.prototype.getStyleMap=function(){return k.get("customStyleMap")},t.prototype.setStyleMap=function(e){k.set("customStyleMap",e),this.render()},t.prototype.initPlugins=function(){var e=this,t=["focus","getEditorState","setEditorState","getStyleMap","setStyleMap"];return this.getPlugins().map(function(n){return t.forEach(function(t){n.callbacks.hasOwnProperty(t)&&(n.callbacks[t]=e[t].bind(e))}),n})},t.prototype.focusEditor=function(e){this.refs.editor.focus(e),this.props.onFocus&&this.props.onFocus(e)},t.prototype.focus=function(e){var t=this,n=e.target;if(n===this._editorWrapper){var r=this.state.editorState,o=r.getSelection();if(!o.getHasFocus()&&o.isCollapsed())return this.setState({editorState:p.EditorState.moveFocusToEnd(r)},function(){t.focusEditor(e)})}this.focusEditor(e)},t.prototype.getPlugins=function(){return this.state.plugins.slice()},t.prototype.getEventHandler=function(){var e=this,t=["onUpArrow","onDownArrow","handleReturn","onFocus","onBlur","handlePastedText"],n={};return t.forEach(function(t){n[t]=e.generatorEventHandler(t)}),n},t.prototype.getEditorState=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return e&&this.refs.editor.focus(),this.state.editorState},t.prototype.setEditorState=function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=e;this.getPlugins().forEach(function(e){if(e.onChange){var t=e.onChange(r);t&&(r=t)}}),this.props.onChange&&this.props.onChange(r),this.controlledMode||this.setState({editorState:r},n?function(){return(0,v["default"])(function(){return t.refs.editor.focus()})}:l)},t.prototype.handleKeyBinding=function(e){if(this.props.onKeyDown){e.ctrlKey=P(e);var t=this.props.onKeyDown(e);return t?t:(0,p.getDefaultKeyBinding)(e)}return(0,p.getDefaultKeyBinding)(e)},t.prototype.handleKeyCommand=function(e){return this.props.multiLines?this.eventHandle("handleKeyBinding",e):"split-block"===e?"handled":"not-handled"},t.prototype.getBlockStyle=function(e){var t=k.get("customBlockStyleMap"),n=e.getType();if(t.hasOwnProperty(n))return t[n]},t.prototype.blockRendererFn=function(e){var t=null;return this.getPlugins().forEach(function(n){if(n.blockRendererFn){var r=n.blockRendererFn(e);r&&(t=r)}}),t},t.prototype.eventHandle=function(e){for(var t,n=this.getPlugins(),r=arguments.length,o=Array(r>1?r-1:0),i=1;i<r;i++)o[i-1]=arguments[i];for(var a=0;a<n.length;a++){var s=n[a];if(s.callbacks[e]&&"function"==typeof s.callbacks[e]){var u,l=(u=s.callbacks)[e].apply(u,o);if(l===!0)return"handled"}}return this.props.hasOwnProperty(e)&&(t=this.props)[e].apply(t,o)===!0?"handled":"not-handled"},t.prototype.generatorEventHandler=function(e){var t=this;return function(){for(var n=arguments.length,r=Array(n),o=0;o<n;o++)r[o]=arguments[o];return t.eventHandle.apply(t,[e].concat(r))}},t.prototype.customStyleFn=function(e){if(0===e.size)return{};for(var t=this.getPlugins(),n={},r=0;r<t.length;r++)if(t[r].customStyleFn){var o=t[r].customStyleFn(e);o&&Object.assign(n,o)}return n},t.prototype.render=function(){var e=this,t=this.props,n=t.prefixCls,r=t.toolbars,o=t.style,i=this.state,a=i.editorState,s=i.toolbarPlugins,u=k.get("customStyleMap"),l=k.get("blockRenderMap"),c=this.getEventHandler(),d=T.component;return f.createElement("div",{style:o,className:n+"-editor",onClick:this.focus.bind(this)},f.createElement(d,{editorState:a,prefixCls:n,className:n+"-toolbar",plugins:s,toolbars:r}),f.createElement("div",{className:n+"-editor-wrapper",ref:function(t){return e._editorWrapper=t},style:o,onClick:function(e){return e.preventDefault()}},f.createElement(p.Editor,S({},this.props,c,{ref:"editor",customStyleMap:u,customStyleFn:this.customStyleFn.bind(this),editorState:a,handleKeyCommand:this.handleKeyCommand.bind(this),keyBindingFn:this.handleKeyBinding.bind(this),onChange:this.setEditorState.bind(this),blockStyleFn:this.getBlockStyle.bind(this),blockRenderMap:l,handlePastedText:this.handlePastedText,blockRendererFn:this.blockRendererFn.bind(this)})),this.props.children))},t}(f.Component);M.GetText=x["default"],M.GetHTML=(0,_["default"])(k),M.defaultProps={multiLines:!0,plugins:[],prefixCls:"rc-editor-core",pluginConfig:{},toolbars:[],spilitLine:"enter"},M.childContextTypes={getEditorState:f.PropTypes.func,setEditorState:f.PropTypes.func},t["default"]=M,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function i(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):i(e,t))}function l(){}Object.defineProperty(t,"__esModule",{value:!0});var c=n(1),f=o(c),p=n(128),d=n(1209),h=r(d),v=function(e){function t(n){a(this,t);var r=s(this,e.call(this,n)),o={};return n.plugins.forEach(function(e){o[e.name]=e}),r.pluginsMap=(0,p.Map)(o),r.state={editorState:n.editorState,toolbars:[]},r}return u(t,e),t.prototype.renderToolbarItem=function(e,t){var n=this.pluginsMap.get(e);if(n&&n.component){var r=n.component,o={key:"toolbar-item-"+t,onClick:r.props?r.props.onClick:l};return f.isValidElement(r)?f.cloneElement(r,o):f.createElement(r,o)}return null},t.prototype.conpomentWillReceiveProps=function(e){this.render()},t.prototype.render=function(){var e=this,t=this.props,n=t.toolbars,r=t.prefixCls;return f.createElement("div",{className:r+"-toolbar"},n.map(function(t,n){var r=f.Children.map(t,e.renderToolbarItem.bind(e));return f.createElement(h["default"],{key:"toolbar-"+n},r)}))},t}(f.Component);t["default"]=v,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var u=n(1),l=r(u),c=function(e){function t(){return i(this,t),a(this,e.apply(this,arguments))}return s(t,e),t.prototype.render=function(){return l.createElement("div",null,this.props.children)},t}(l.Component);t["default"]=c,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){}function i(){function e(e){}var t=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{onChange:e,onUpArrow:o,onDownArrow:o,getEditorState:o,setEditorState:o,handleReturn:o});return{name:"toolbar",decorators:[],callbacks:t,onChange:function(e){return t.onChange?t.onChange(e):e},component:s["default"]}}Object.defineProperty(t,"__esModule",{value:!0}),t.createToolbar=i;var a=n(1208),s=r(a)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(e,t){return{duration:e.duration||0===e.duration?e.duration:m,delay:e.delay||y,ease:e.ease||v,onUpdate:e.onUpdate||o,onComplete:e.onComplete||o,onStart:e.onStart||o,onRepeat:e.onRepeat||o,repeat:e.repeat||0,repeatDelay:e.repeatDelay||0,yoyo:e.yoyo||!1,type:e.type||"to",initTime:t}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(11),s=r(a),u=n(381),l=r(u),c=n(218),f=r(c),p=n(1214),d=r(p),h=n(108),v="easeInOutQuad",m=450,y=0;f["default"].push(d["default"]);var g=function(e,t,n){var r=this;this.target=e,this.attr=n||"style",this.totalTime=0,this.progressTime=0,this.defaultData=[],this.start={},this.startDefaultData={};var o=[];t.forEach(function(e,t){var n=(0,s["default"])({},e);"style"===r.attr?(o[t]={},Object.keys(n).forEach(function(e){e in i({},0)&&(o[t][e]=n[e],delete n[e])}),o[t].style=n,r.startDefaultData.style=r.target.getAttribute("style")):"attr"===r.attr&&(Object.keys(n).forEach(function(t){if("style"===t&&Array.isArray(e[t]))throw new Error("Style should be the object.");"bezier"===t?(n.style=(0,s["default"])(n.style||{},{bezier:n[t]}),delete n[t],r.startDefaultData.style=r.target.getAttribute("style")):r.startDefaultData[t]=r.target.getAttribute(t)}),o[t]=n)}),this.tween={},this.perFrame=Math.round(1e3/60),this.register=!1,this.setDefaultData(o)},b=g.prototype;b.setDefaultData=function(e){var t=this,n=0,r=!1,o=e.map(function(e){n+=e.delay||0;var o=i(e,n);return o.vars={},Object.keys(e).forEach(function(n){if(!(n in o)){var r=e[n];if(n in f["default"])o.vars[n]=new f["default"][n](t.target,r,o.type);else if(n.match(/color/i)||"stroke"===n||"fill"===n)o.vars[n]={type:"color",vars:(0,h.parseColor)(r)};else if("number"==typeof r||r.split(/[,|\s]/g).length<=1){var i=parseFloat(r),a=r.toString().replace(/[^a-z|%]/g,""),s=r.toString().replace(/[^+|=|-]/g,"");o.vars[n]={unit:a,vars:i,count:s}}else("d"===n||"points"===n)&&"SVGMorph"in f["default"]&&(o.vars[n]=new f["default"].SVGMorph(t.target,r,n))}}),o.yoyo&&!o.repeat&&console.warn("Warning: yoyo must be used together with repeat;"),o.repeat===-1&&(r=!0),o.delay<-o.duration?n-=o.delay:n+=o.duration*(o.repeat+1)+o.repeatDelay*o.repeat,o.mode="",o});this.totalTime=r?Number.MAX_VALUE:n,this.defaultData=o},b.convertToMarks=function(e,t,n){var r=/(?:Left|Right|Width)/i.test(e),o=e.indexOf("border")!==-1?this.target:this.target.parentNode||document.body,i=void 0;return i="%"===n?100*parseFloat(t)/(r?o.clientWidth:o.clientHeight):parseFloat(t)/16},b.convertToPixels=function(e,t,n){var r=/(?:Left|Right|Width)/i.test(e),o=e.indexOf("border")!==-1?this.target:this.target.parentNode||document.body,i=void 0;return i="%"===n?parseFloat(t)/100*(r?o.clientWidth:o.clientHeight):16*parseFloat(t)},b.getAnimStartData=function(e){var t=this,n={};return Object.keys(e).forEach(function(r){if(r in f["default"]||"attr"===t.attr&&("d"===r||"points"===r))return void(n[r]=e[r].getAnimStart());if("attr"!==t.attr)n[r]=t.target[r]||0;else{var o=t.target.getAttribute(r),i="null"!==o&&o?o:0;if(r.match(/color/i)||"stroke"===r||"fill"===r)i=i||"stroke"!==r?i:"rgba(255, 255, 255, 0)",i=(0,h.parseColor)(i),n[r]=i;else if(parseFloat(i)||0===parseFloat(i)||0===i){var a=i.toString().replace(/[^a-z|%]/g,"");n[r]=a!==e[r].unit?t.convertToPixels(r,parseFloat(i),a):parseFloat(i)}}}),n},b.setAnimData=function(e){var t=this;Object.keys(e).forEach(function(n){n in f["default"]||"attr"===t.attr&&("d"===n||"points"===n)||(t.target[n]=e[n])})},b.setRatio=function(e,t,n){var r=this;Object.keys(t.vars).forEach(function(o){if(o in f["default"]||"attr"===r.attr&&("d"===o||"points"===o))return void t.vars[o].setRatio(e,r.tween);var i=t.vars[o],a=r.start[n][o],s=void 0;"attr"===r.attr&&(i.type?"color"===i.type&&(3===i.vars.length&&4===a.length&&(i.vars[3]=1),s=i.vars.map(function(t,n){var r=a[n]||0;return(t-r)*e+r}),r.target.setAttribute(o,(0,h.getColor)(s))):(s="="===i.unit.charAt(1)?a+i.vars*e+i.unit:(i.vars-a)*e+a+i.unit,r.target.setAttribute(o,s)))}),this.setAnimData(this.tween)},b.render=function(){var e=this;this.defaultData.forEach(function(t,n){var r=t.initTime,o=Math.ceil((e.progressTime-r)/(t.duration+t.repeatDelay))-1;o=o<0?0:o,t.repeat&&(t.repeat||t.repeat<=o)&&(r+=o*(t.duration+t.repeatDelay));var i=e.progressTime-r,a=t.delay>=0?t.delay:-t.delay,s="from"===t.type?a:0;if(i+s>=0&&!e.start[n]){e.start[n]=e.getAnimStartData(t.vars);var u=i/(t.duration+s)>1?1:i/(t.duration+s)||0;u=u<0?0:u,e.setRatio("from"===t.type?1-u:u,t,n)}if(t.repeat&&o>0&&i+s>=0&&i<e.perFrame&&t.onRepeat(),i+s>=0&&i<e.perFrame&&o<=0&&!e.register)t.mode="onStart",e.setRatio("from"===t.type?1:0,t,n),t.onStart();else if(i>=t.duration&&"onComplete"!==t.mode)e.setRatio("from"===t.type||o%2&&t.yoyo?0:1,t,n),"reset"!==t.mode&&t.onComplete(),t.mode="onComplete";else if(i>=0&&i<t.duration){t.mode="onUpdate",i=i<0?0:i,i=i>t.duration?t.duration:i;var c=l["default"][t.ease](i,0,1,t.duration);(t.yoyo&&o%2||"from"===t.type)&&(c=l["default"][t.ease](i,1,0,t.duration)),e.setRatio(c,t,n),t.onUpdate(c)}i>=0&&i<t.duration+e.perFrame&&e.onChange({moment:e.progressTime,item:t,tween:e.tween,index:n,mode:t.mode,target:e.target})})},b.frame=function(e){this.progressTime=e,this.render()},b.resetAnimData=function(){this.tween={},this.start={}},b.resetDefaultStyle=function(){var e=this;this.tween={},this.defaultData=this.defaultData.map(function(e){return e.mode="reset",e}),Object.keys(this.startDefaultData).forEach(function(t){t in i({},0)||e.target.setAttribute(t,e.startDefaultData[t])})},b.onChange=o,t["default"]=g,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}function u(){}Object.defineProperty(t,"__esModule",{value:!0});var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c=n(1),f=r(c),p=n(364),d=r(p),h=n(365),v=function(e){function t(){i(this,t);var n=a(this,e.apply(this,arguments));n.keysToEnter=[],n.keysToLeave=[],n.onEnterBool=!1,n.isTween={};var r=(0,h.toArrayChildren)((0,h.getChildrenFromProps)(n.props));return r.forEach(function(e){e&&e.key&&n.keysToEnter.push(e.key)}),n.state={children:r},["getChildrenToRender","getCoverAnimation","onChange"].forEach(function(e){return n[e]=n[e].bind(n)}),n}return s(t,e),t.prototype.componentDidMount=function(){this.onEnterBool=!0},t.prototype.componentWillReceiveProps=function(e){var t=this,n=(0,h.toArrayChildren)(e.children),r=this.state.children,o=(0,h.mergeChildren)(r,n);this.keysToEnter=[],this.keysToLeave=[],n.forEach(function(e){if(e){var n=e.key,o=(0,h.findChildInChildrenByKey)(r,n);!o&&n&&t.keysToEnter.push(n)}}),r.forEach(function(e){if(e){var r=e.key,o=(0,h.findChildInChildrenByKey)(n,r);!o&&r&&t.keysToLeave.push(r)}}),this.setState({children:o})},t.prototype.onChange=function(e,t,n,r){var o=(0,h.dataToArray)(e).length,i=this.props.animatingClassName,a=r.target;if("onStart"===r.mode)a.className=a.className.replace(i["enter"===n?1:0],"").trim(),a.className.indexOf(i["enter"===n?0:1])===-1&&(a.className=(a.className+" "+i["enter"===n?0:1]).trim());else if(r.index===o-1&&"onComplete"===r.mode){var s=void 0;s="enter"===n?this.state.children:this.state.children.filter(function(e){return t!==e.key}),a.className=a.className.replace(i["enter"===n?0:1],"").trim(),this.setState({children:s});var u={key:t,type:n};delete this.isTween[t],this.props.onEnd(u)}},t.prototype.getCoverAnimation=function(e,t,n){var r=void 0,o=void 0,i=(0,h.transformArguments)(this.props.appear,e.key,t);if((i||this.onEnterBool)&&(r="leave"===n?this.props.leave:this.props.enter,o=this.onChange.bind(this,r,e.key,n)),e.key in this.isTween&&this.isTween[e.key].type===n)return f["default"].cloneElement(this.isTween[e.key].children,l({},e.props,{key:e.key}));var a=f["default"].createElement(d["default"],l({},e.props,{key:e.key,component:e.type,animation:(0,h.transformArguments)(r,e.key,t),onChange:o,resetStyleBool:!0}));return this.isTween[e.key]=this.isTween[e.key]||{},this.isTween[e.key].type=n,this.isTween[e.key].children=a,a},t.prototype.getChildrenToRender=function(e){var t=this;return e.map(function(e,n){if(!e||!e.key)return e;var r=e.key;return t.keysToLeave.indexOf(r)>=0?t.getCoverAnimation(e,n,"leave"):t.getCoverAnimation(e,n,"enter")})},t.prototype.render=function(){var e=this.getChildrenToRender(this.state.children);if(!this.props.component)return e[0]||null;var t=l({},this.props);return["component","appear","enter","leave","animatingClassName","onEnd"].forEach(function(e){return delete t[e]}),(0,c.createElement)(this.props.component,t,e)},t}(c.Component),m=c.PropTypes.oneOfType([c.PropTypes.object,c.PropTypes.array]),y=c.PropTypes.oneOfType([m,c.PropTypes.func]);v.propTypes={component:c.PropTypes.any,children:c.PropTypes.any,style:c.PropTypes.object,appear:c.PropTypes.bool,enter:y,leave:y,animatingClassName:c.PropTypes.array,onEnd:c.PropTypes.func},v.defaultProps={component:"div",appear:!0,animatingClassName:["tween-one-entering","tween-one-leaving"],enter:{x:50,opacity:0,type:"from"},leave:{x:-50,opacity:0},onEnd:u},t["default"]=v,e.exports=t["default"]},function(e,t,n){"use strict";var r=n(364);r.TweenOneGroup=n(1212),e.exports=r},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(108),i=r(o),a=n(11),s=r(a),u=n(218),l=r(u),c=function(e,t,n){this.target=e,this.vars=t,this.type=n,this.propsData={},this.setDefaultData()},f=c.prototype={name:"style"};f.getComputedStyle=function(){return document.defaultView?document.defaultView.getComputedStyle(this.target):{}},f.getTweenData=function(e,t){var n={data:{},dataType:{},dataUnit:{},dataCount:{},dataSplitStr:{}};if(e.match(/color/i)||"fill"===e||"stroke"===e?(n.data[e]=(0,o.parseColor)(t),n.dataType[e]="color"):e.match(/shadow/i)?(n.data[e]=(0,o.parseShadow)(t),n.dataType[e]="shadow"):"string"==typeof t&&t.split(/[\s|,]/).length>1?(n.data[e]=t.split(/[\s|,]/),n.dataSplitStr[e]=t.replace(/[^\s|,]/g,""),n.dataType[e]="string"):(n.data[e]=t,n.dataType[e]="other"),Array.isArray(n.data[e]))n.dataUnit[e]=n.data[e].map(function(e){return e.toString().replace(/[^a-z|%]/g,"")}),n.dataCount[e]=n.data[e].map(function(e){return e.toString().replace(/[^+|=|-]/g,"")}),n.data[e]=n.data[e].map(function(e){return parseFloat(e)||0===parseFloat(e)?parseFloat(e):e});else{n.dataUnit[e]=n.data[e].toString().replace(/[^a-z|%]/g,""),n.dataCount[e]=n.data[e].toString().replace(/[^+|=|-]/g,"");var r=parseFloat(n.data[e].toString().replace(/[a-z|%|=]/g,""));n.data[e]=r||0===r?r:n.data[e]}return n},f.setDefaultData=function(){var e=this;this.propsData.data={},this.propsData.dataType={},this.propsData.dataUnit={},this.propsData.dataCount={},this.propsData.dataSplitStr={},Object.keys(this.vars).forEach(function(t){if(t in l["default"])return void(e.propsData.data[t]=new l["default"][t](e.target,e.vars[t]));var n=(0,o.getGsapType)(t),r=e.getTweenData(n,e.vars[t]);e.propsData.data[n]=r.data[n],e.propsData.dataType[n]=r.dataType[n],e.propsData.dataUnit[n]=r.dataUnit[n],e.propsData.dataCount[n]=r.dataCount[n],r.dataSplitStr[n]&&(e.propsData.dataSplitStr[n]=r.dataSplitStr[n])})},f.convertToMarks=function(e,t,n,r,o){var i=/(?:Left|Right|Width)/i.test(e),a=e.indexOf("border")!==-1||"transformOrigin"===e?this.target:this.target.parentNode||document.body;a=o?document.body:a;var s=void 0;return s="%"===n?100*parseFloat(t)/(i||r?a.clientWidth:a.clientHeight):n&&n.match(/em/i)?parseFloat(t)/16:parseFloat(t)},f.convertToMarksArray=function(e,t,n,r){var o=n.toString().replace(/[^a-z|%]/g,""),i=e[r];return o===i?parseFloat(n):parseFloat(n)||0===parseFloat(n)?this.convertToMarks(t,n,i,"transformOrigin"===t&&!r):n},f.getAnimStart=function(){var e=this,t=this.getComputedStyle(),n={};return Object.keys(this.propsData.data).forEach(function(r){var i=(0,o.isConvert)(r),a=t[i],u="fixed"===t.position;a&&"none"!==a&&"auto"!==a||(a="");var c=void 0,f=void 0,p=void 0;r in l["default"]?("bezier"===r&&(e.transform=(0,o.checkStyleName)("transform")),e.propsData.data[r].getAnimStart()):"transform"===i?(e.transform=(0,o.checkStyleName)("transform"),a=t[e.transform],c=(0,o.getTransform)(a),n.transform=c):"filter"===i?(e.filterName=(0,o.checkStyleName)("filter"),a=t[e.filterName],e.filterObject=(0,s["default"])(e.filterObject||{},(0,o.splitFilterToObject)(a)),a=e.filterObject[r]||0,p=a.toString().replace(/[^a-z|%]/g,""),f=e.propsData.dataUnit[r],f!==p&&(a=e.convertToMarks(r,a,f,null,u)),n[r]=parseFloat(a)):r.match(/color/i)||"fill"===r||"stroke"===r?(a=a||"stroke"!==r?a:"rgba(255, 255, 255, 0)",n[i]=(0,o.parseColor)(a)):r.match(/shadow/i)?(a=(0,o.parseShadow)(a),f=e.propsData.dataUnit[r],a=a.map(e.convertToMarksArray.bind(e,f,r)),n[i]=a):Array.isArray(e.propsData.data[r])?(a=a.split(/[\s|,]/),f=e.propsData.dataUnit[r],a=a.map(e.convertToMarksArray.bind(e,f,r)),n[i]=a):(f=e.propsData.dataUnit[i],p=a.toString().replace(/[^a-z|%]/g,""),!f||f===p&&"px"===f||(a=e.convertToMarks(i,a,f,null,u)),n[i]=parseFloat(a||0))}),this.start=n,n},f.setAnimData=function(e){var t=this,n=this.target.style;Object.keys(e).forEach(function(r){if("transform"===r){var o=e[r],a=o.perspective,s=o.rotate,u=o.rotateX,l=o.rotateY,c=o.scaleX,f=o.scaleY,p=o.scaleZ,d=o.skewX,h=o.skewY,v=o.translateX,m=o.translateY,y=o.translateZ,g=o.xPercent||0,b=o.yPercent||0,_=""+(g||b?"translate("+g+","+b+")":""),w=d||h?"skew("+d+"deg,"+h+"deg)":"",x=s?"rotate("+s+"deg)":"",C=void 0;if(!(a||u||l||y||1!==p)){var E="1,0,0,1,"+v+","+m;return C=1!==c||1!==f?"scale("+c+","+f+")":"",void(n[t.transform]=(_+" matrix("+E+") "+x+" "+C+" "+w).trim())}C=1!==c||1!==f||1!==p?"scale3d("+c+","+f+","+p+")":"";var S=u?"rotateX("+u+"deg)":"",P=l?"rotateY("+l+"deg)":"",O=a?"perspective("+a+"px)":"";return void(n[t.transform]=(O+" "+_+" translate3d("+v+"px,"+m+"px,"+y+"px) "+C+" "+x+" "+S+" "+P+" "+w).trim())}if(i["default"].filter.indexOf(r)>=0){if(!t.filterObject)return;t.filterObject[r]=e[r];var T="";return Object.keys(t.filterObject).forEach(function(e){T+=" "+e+"("+t.filterObject[e]+")"}),void(n[t.filterName]=T.trim())}n[r]=e[r]})},f.setArrayRatio=function(e,t,n,r,i){"color"===i&&4===t.length&&3===n.length&&(n[3]=1);var a=t.indexOf("inset")>=0,s=n.indexOf("inset")>=0;if(a&&!s||s&&!a)throw console.error('Error: "box-shadow" inset have to exist');var u=s?9:8;t.length===u&&n.length===u-1?(n.splice(3,0,0),r.splice(3,0,"")):n.length===u&&t.length===u-1&&t.splice(3,0,0);var l=n.map(function(n,o){var a="color"!==i||3!==o||t[o]?0:1,s="number"==typeof t[o]?t[o]:a;return"string"==typeof n?n:(n-s)*e+s+(r[o]||0)});if("color"===i)return(0,o.getColor)(l);if("shadow"===i){var c=l.length===u?4:3,f=l.slice(0,c).map(function(e){return"number"==typeof e?e+"px":e}),p=l.slice(c,s?l.length-1:l.length),d=(0,o.getColor)(p);return(f.join(" ")+" "+d+" "+(s?"inset":"")).trim()}return l},f.setRatio=function(e,t){var n=this;t.style=t.style||{},this.start.transform&&(t.style.transform=(0,s["default"])({},this.start.transform,t.style.transform||{})),Object.keys(this.propsData.data).forEach(function(r){var a="transform"===(0,o.isTransform)(r),s=a?n.start.transform[r]:n.start[r],u=n.propsData.data[r],c=n.propsData.dataUnit[r],f=n.propsData.dataCount[r];if(r in l["default"])return void n.propsData.data[r].setRatio(e,t);if(a){if("%"===c||"em"===c||"rem"===c){var p="translateX"===r?"xPercent":"yPercent",d="translateX"===r?n.start.transform.translateX:n.start.transform.translateY;return"="===f.charAt(1)&&(t.style.transform[r]=d-d*e),void(t.style.transform[p]=u*e+c)}if("scale"===r){var h=n.start.transform.scaleX,v=n.start.transform.scaleY;return"="===f.charAt(1)?(t.style.transform.scaleX=h+u*e,void(t.style.transform.scaleY=v+u*e)):(t.style.transform.scaleX=(u-h)*e+h,void(t.style.transform.scaleY=(u-v)*e+v))}return"="===f.charAt(1)?void(t.style.transform[r]=s+u*e):void(t.style.transform[r]=(u-s)*e+s)}if(Array.isArray(u)){var m=n.propsData.dataType[r];return t.style[r]=n.setArrayRatio(e,s,u,c,m),void("string"===m&&(t.style[r]=t.style[r].join(n.propsData.dataSplitStr[r])))}var y=(0,o.stylesToCss)(r,0);if(y="number"==typeof y?"":y.replace(/[^a-z|%]/g,""),c=c||(i["default"].filter.indexOf(r)>=0?"":y),"string"==typeof u)t.style[r]=u;else{if("="===f.charAt(1))return void(t.style[r]=s+u*e+c);t.style[r]=(u-s)*e+s+c}}),this.setAnimData(t.style)},t["default"]=c,e.exports=t["default"]},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(1216),o=function(e,t,n){this.target=e,this.vars=t,this.key=n,this.propsData={}},i=o.prototype={name:"SVGMorph"};i.getPointVars=function(e){return e.split(/\s+/).map(function(e){return e.split(",").map(function(e){return parseFloat(e)})})},i.polygonPoints=function(e,t){var n=this.getPointVars(e),r=this.getPointVars(t);if(n.length!==r.length){for(var o=n.length>r.length?n:r,i=o===n?r:n,a=i.length;a<o.length;a++)i[a]=i[i.length-1];return n.length>r.length?[o,i]:[i,o]}return[n,r]},i.getAnimStart=function(){return this.start=this.target.getAttribute(this.key),"d"===this.key?this.pathArray=(0,r.path2curve)(this.start,this.vars):this.pathArray=this.polygonPoints(this.start,this.vars),this.pathArray},i.setArrayRatio=function(e,t,n,r){if("string"==typeof n)return n;var o=t[r];return(n-o)*e+o;
-},i.setRatio=function(e,t){var n=this,r=this.pathArray[0],o=this.pathArray[1];t[this.key]=o.map(function(t,o){var i=r[o],a=t.map(n.setArrayRatio.bind(n,e,i)),s=a[0];return"d"===n.key&&a.shift(),"d"===n.key?""+s+a.join(","):a.join(",")});var i=1===e?this.vars:t[this.key].join(" ");i=0===e?this.start:i,i&&this.target.setAttribute(this.key,i)},t["default"]=o,e.exports=t["default"]},function(e,t){"use strict";function n(e,t){for(var n=c(e),r=t&&c(t),o={x:0,y:0,bx:0,by:0,X:0,Y:0,qx:null,qy:null},i={x:0,y:0,bx:0,by:0,X:0,Y:0,qx:null,qy:null},a=(function(e,t,n){var r,o;if(!e)return["C",t.x,t.y,t.x,t.y,t.x,t.y];switch(!(e[0]in{T:1,Q:1})&&(t.qx=t.qy=null),e[0]){case"M":t.X=e[1],t.Y=e[2];break;case"A":e=["C"].concat(d.apply(0,[t.x,t.y].concat(e.slice(1))));break;case"S":"C"==n||"S"==n?(r=2*t.x-t.bx,o=2*t.y-t.by):(r=t.x,o=t.y),e=["C",r,o].concat(e.slice(1));break;case"T":"Q"==n||"T"==n?(t.qx=2*t.x-t.qx,t.qy=2*t.y-t.qy):(t.qx=t.x,t.qy=t.y),e=["C"].concat(p(t.x,t.y,t.qx,t.qy,e[1],e[2]));break;case"Q":t.qx=e[1],t.qy=e[2],e=["C"].concat(p(t.x,t.y,e[1],e[2],e[3],e[4]));break;case"L":e=["C"].concat(f(t.x,t.y,e[1],e[2]));break;case"H":e=["C"].concat(f(t.x,t.y,e[1],t.y));break;case"V":e=["C"].concat(f(t.x,t.y,t.x,e[1]));break;case"Z":e=["C"].concat(f(t.x,t.y,t.X,t.Y))}return e}),s=function(e,t){if(e[t].length>7){e[t].shift();for(var o=e[t];o.length;)l[t]="A",r&&(h[t]="A"),e.splice(t++,0,["C"].concat(o.splice(0,6)));e.splice(t,1),g=Math.max(n.length,r&&r.length||0)}},u=function(e,t,o,i,a){e&&t&&"M"==e[a][0]&&"M"!=t[a][0]&&(t.splice(a,0,["M",i.x,i.y]),o.bx=0,o.by=0,o.x=e[a][1],o.y=e[a][2],g=Math.max(n.length,r&&r.length||0))},l=[],h=[],v="",m="",y=0,g=Math.max(n.length,r&&r.length||0);y<g;y++){n[y]&&(v=n[y][0]),"C"!=v&&(l[y]=v,y&&(m=l[y-1])),n[y]=a(n[y],o,m),"A"!=l[y]&&"C"==v&&(l[y]="C"),s(n,y),r&&(r[y]&&(v=r[y][0]),"C"!=v&&(h[y]=v,y&&(m=h[y-1])),r[y]=a(r[y],i,m),"A"!=h[y]&&"C"==v&&(h[y]="C"),s(r,y)),u(n,r,o,i,y),u(r,n,i,o,y);var b=n[y],_=r&&r[y],w=b.length,x=r&&_.length;o.x=b[w-2],o.y=b[w-1],o.bx=parseFloat(b[w-4])||o.x,o.by=parseFloat(b[w-3])||o.y,i.bx=r&&(parseFloat(_[x-4])||i.x),i.by=r&&(parseFloat(_[x-3])||i.y),i.x=r&&_[x-2],i.y=r&&_[x-1]}return r?[n,r]:n}Object.defineProperty(t,"__esModule",{value:!0});var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e};t.path2curve=n;var o="\t\n\x0B\f\r \xa0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\u2028\u2029",i=new RegExp("([a-z])["+o+",]*((-?\\d*\\.?\\d*(?:e[\\-+]?\\d+)?["+o+"]*,?["+o+"]*)+)","ig"),a=new RegExp("(-?\\d*\\.?\\d*(?:e[\\-+]?\\d+)?)["+o+"]*,?["+o+"]*","ig"),s=function(e){if(!e)return null;if(("undefined"==typeof e?"undefined":r(e))===r([]))return e;var t={a:7,c:6,o:2,h:1,l:2,m:2,r:4,q:4,s:4,t:2,v:1,u:3,z:0},n=[];return String(e).replace(i,function(e,r,o){var i=[],s=r.toLowerCase();if(o.replace(a,function(e,t){t&&i.push(+t)}),"m"==s&&i.length>2&&(n.push([r].concat(i.splice(0,2))),s="l",r="m"==r?"l":"L"),"o"==s&&1==i.length&&n.push([r,i[0]]),"r"==s)n.push([r].concat(i));else for(;i.length>=t[s]&&(n.push([r].concat(i.splice(0,t[s]))),t[s]););}),n},u=function(e,t){for(var n=[],r=0,o=e.length;o-2*!t>r;r+=2){var i=[{x:+e[r-2],y:+e[r-1]},{x:+e[r],y:+e[r+1]},{x:+e[r+2],y:+e[r+3]},{x:+e[r+4],y:+e[r+5]}];t?r?o-4==r?i[3]={x:+e[0],y:+e[1]}:o-2==r&&(i[2]={x:+e[0],y:+e[1]},i[3]={x:+e[2],y:+e[3]}):i[0]={x:+e[o-2],y:+e[o-1]}:o-4==r?i[3]=i[2]:r||(i[0]={x:+e[r],y:+e[r+1]}),n.push(["C",(-i[0].x+6*i[1].x+i[2].x)/6,(-i[0].y+6*i[1].y+i[2].y)/6,(i[1].x+6*i[2].x-i[3].x)/6,(i[1].y+6*i[2].y-i[3].y)/6,i[2].x,i[2].y])}return n},l=function(e,t,n,r,o){if(null==o&&null==r&&(r=n),e=+e,t=+t,n=+n,r=+r,null!=o)var i=Math.PI/180,a=e+n*Math.cos(-r*i),s=e+n*Math.cos(-o*i),u=t+n*Math.sin(-r*i),l=t+n*Math.sin(-o*i),c=[["M",a,u],["A",n,n,0,+(o-r>180),0,s,l]];else c=[["M",e,t],["m",0,-r],["a",n,r,0,1,1,0,2*r],["a",n,r,0,1,1,0,-2*r],["z"]];return c},c=function(e){if(e=s(e),!e||!e.length)return[["M",0,0]];var t,n=[],r=0,o=0,i=0,a=0,c=0;"M"==e[0][0]&&(r=+e[0][1],o=+e[0][2],i=r,a=o,c++,n[0]=["M",r,o]);for(var f,p,d=3==e.length&&"M"==e[0][0]&&"R"==e[1][0].toUpperCase()&&"Z"==e[2][0].toUpperCase(),h=c,v=e.length;h<v;h++){if(n.push(f=[]),p=e[h],t=p[0],t!=t.toUpperCase())switch(f[0]=t.toUpperCase(),f[0]){case"A":f[1]=p[1],f[2]=p[2],f[3]=p[3],f[4]=p[4],f[5]=p[5],f[6]=+p[6]+r,f[7]=+p[7]+o;break;case"V":f[1]=+p[1]+o;break;case"H":f[1]=+p[1]+r;break;case"R":for(var m=[r,o].concat(p.slice(1)),y=2,g=m.length;y<g;y++)m[y]=+m[y]+r,m[++y]=+m[y]+o;n.pop(),n=n.concat(u(m,d));break;case"O":n.pop(),m=l(r,o,p[1],p[2]),m.push(m[0]),n=n.concat(m);break;case"U":n.pop(),n=n.concat(l(r,o,p[1],p[2],p[3])),f=["U"].concat(n[n.length-1].slice(-2));break;case"M":i=+p[1]+r,a=+p[2]+o;default:for(y=1,g=p.length;y<g;y++)f[y]=+p[y]+(y%2?r:o)}else if("R"==t)m=[r,o].concat(p.slice(1)),n.pop(),n=n.concat(u(m,d)),f=["R"].concat(p.slice(-2));else if("O"==t)n.pop(),m=l(r,o,p[1],p[2]),m.push(m[0]),n=n.concat(m);else if("U"==t)n.pop(),n=n.concat(l(r,o,p[1],p[2],p[3])),f=["U"].concat(n[n.length-1].slice(-2));else for(var b=0,_=p.length;b<_;b++)f[b]=p[b];if(t=t.toUpperCase(),"O"!=t)switch(f[0]){case"Z":r=+i,o=+a;break;case"H":r=f[1];break;case"V":o=f[1];break;case"M":i=f[f.length-2],a=f[f.length-1];default:r=f[f.length-2],o=f[f.length-1]}}return n},f=function(e,t,n,r){return[e,t,n,r,n,r]},p=function(e,t,n,r,o,i){var a=1/3,s=2/3;return[a*e+s*n,a*t+s*r,a*o+s*n,a*i+s*r,o,i]},d=function h(e,t,n,r,o,i,a,s,u,l){var c,f=120*Math.PI/180,p=Math.PI/180*(+o||0),d=[],v=function(e,t,n){var r=e*Math.cos(n)-t*Math.sin(n),o=e*Math.sin(n)+t*Math.cos(n);return{x:r,y:o}};if(l)E=l[0],S=l[1],x=l[2],C=l[3];else{c=v(e,t,-p),e=c.x,t=c.y,c=v(s,u,-p),s=c.x,u=c.y;var m=(Math.cos(Math.PI/180*o),Math.sin(Math.PI/180*o),(e-s)/2),y=(t-u)/2,g=m*m/(n*n)+y*y/(r*r);g>1&&(g=Math.sqrt(g),n=g*n,r=g*r);var b=n*n,_=r*r,w=(i==a?-1:1)*Math.sqrt(Math.abs((b*_-b*y*y-_*m*m)/(b*y*y+_*m*m))),x=w*n*y/r+(e+s)/2,C=w*-r*m/n+(t+u)/2,E=Math.asin(((t-C)/r).toFixed(9)),S=Math.asin(((u-C)/r).toFixed(9));E=e<x?Math.PI-E:E,S=s<x?Math.PI-S:S,E<0&&(E=2*Math.PI+E),S<0&&(S=2*Math.PI+S),a&&E>S&&(E-=2*Math.PI),!a&&S>E&&(S-=2*Math.PI)}var P=S-E;if(Math.abs(P)>f){var O=S,T=s,k=u;S=E+f*(a&&S>E?1:-1),s=x+n*Math.cos(S),u=C+r*Math.sin(S),d=h(s,u,n,r,o,0,a,T,k,[S,O,x,C])}P=S-E;var M=Math.cos(E),N=Math.sin(E),A=Math.cos(S),D=Math.sin(S),j=Math.tan(P/4),R=4/3*n*j,I=4/3*r*j,L=[e,t],F=[e+R*N,t-I*M],U=[s+R*D,u-I*A],V=[s,u];if(F[0]=2*L[0]-F[0],F[1]=2*L[1]-F[1],l)return[F,U,V].concat(d);d=[F,U,V].concat(d).join().split(",");for(var B=[],z=0,H=d.length;z<H;z++)B[z]=z%2?v(d[z-1],d[z],p).y:v(d[z],d[z+1],p).x;return B}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1740),i=r(o),a=function(){},s=a.prototype={tickFnObject:{},id:-1,autoSleep:120,frame:0,perFrame:Math.round(1e3/60)};s.wake=function(e,t){this.tickFnObject[e]=t,this.id===-1&&(this.id=(0,i["default"])(this.tick))},s.clear=function(e){delete this.tickFnObject[e]},s.sleep=function(){i["default"].cancel(this.id),this.id=-1};var u=new a;s.tick=function(e){var t=u.tickFnObject;return Object.keys(t).forEach(function(n){t[n]&&t[n](e)}),Object.keys(t).length?(u.frame++,void(u.id=(0,i["default"])(u.tick))):u.sleep()};var l=0;s.timeout=function(e,t){var n=this;if("function"!=typeof e)return console.warn("Is no function");var r="timeout"+Date.now()+"-"+l,o=this.frame;return this.wake(r,function(){var i=(n.frame-o)*n.perFrame;i>=(t||0)&&(n.clear(r),e())}),l++,r};var c=0;s.interval=function(e,t){var n=this;if("function"!=typeof e)return console.warn("Is no function"),null;var r="interval"+Date.now()+"-"+c,o=this.frame;return this.wake(r,function(){var r=(n.frame-o)*n.perFrame;r>=(t||0)&&(o=n.frame,e())}),c++,r},t["default"]=u,e.exports=t["default"]},function(e,t,n){var r;!function(o,i){"use strict";var a="0.7.12",s="",u="?",l="function",c="undefined",f="object",p="string",d="major",h="model",v="name",m="type",y="vendor",g="version",b="architecture",_="console",w="mobile",x="tablet",C="smarttv",E="wearable",S="embedded",P={extend:function(e,t){var n={};for(var r in e)t[r]&&t[r].length%2===0?n[r]=t[r].concat(e[r]):n[r]=e[r];return n},has:function(e,t){return"string"==typeof e&&t.toLowerCase().indexOf(e.toLowerCase())!==-1},lowerize:function(e){return e.toLowerCase()},major:function(e){return typeof e===p?e.replace(/[^\d\.]/g,"").split(".")[0]:i},trim:function(e){return e.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,"")}},O={rgx:function(){for(var e,t,n,r,o,a,s,u=0,p=arguments;u<p.length&&!a;){var d=p[u],h=p[u+1];if(typeof e===c){e={};for(r in h)h.hasOwnProperty(r)&&(o=h[r],typeof o===f?e[o[0]]=i:e[o]=i)}for(t=n=0;t<d.length&&!a;)if(a=d[t++].exec(this.getUA()))for(r=0;r<h.length;r++)s=a[++n],o=h[r],typeof o===f&&o.length>0?2==o.length?typeof o[1]==l?e[o[0]]=o[1].call(this,s):e[o[0]]=o[1]:3==o.length?typeof o[1]!==l||o[1].exec&&o[1].test?e[o[0]]=s?s.replace(o[1],o[2]):i:e[o[0]]=s?o[1].call(this,s,o[2]):i:4==o.length&&(e[o[0]]=s?o[3].call(this,s.replace(o[1],o[2])):i):e[o]=s?s:i;u+=2}return e},str:function(e,t){for(var n in t)if(typeof t[n]===f&&t[n].length>0){for(var r=0;r<t[n].length;r++)if(P.has(t[n][r],e))return n===u?i:n}else if(P.has(t[n],e))return n===u?i:n;return e}},T={browser:{oldsafari:{version:{"1.0":"/8",1.2:"/1",1.3:"/3","2.0":"/412","2.0.2":"/416","2.0.3":"/417","2.0.4":"/419","?":"/"}}},device:{amazon:{model:{"Fire Phone":["SD","KF"]}},sprint:{model:{"Evo Shift 4G":"7373KT"},vendor:{HTC:"APA",Sprint:"Sprint"}}},os:{windows:{version:{ME:"4.90","NT 3.11":"NT3.51","NT 4.0":"NT4.0",2000:"NT 5.0",XP:["NT 5.1","NT 5.2"],Vista:"NT 6.0",7:"NT 6.1",8:"NT 6.2",8.1:"NT 6.3",10:["NT 6.4","NT 10.0"],RT:"ARM"}}}},k={browser:[[/(opera\smini)\/([\w\.-]+)/i,/(opera\s[mobiletab]+).+version\/([\w\.-]+)/i,/(opera).+version\/([\w\.]+)/i,/(opera)[\/\s]+([\w\.]+)/i],[v,g],[/(opios)[\/\s]+([\w\.]+)/i],[[v,"Opera Mini"],g],[/\s(opr)\/([\w\.]+)/i],[[v,"Opera"],g],[/(kindle)\/([\w\.]+)/i,/(lunascape|maxthon|netfront|jasmine|blazer)[\/\s]?([\w\.]+)*/i,/(avant\s|iemobile|slim|baidu)(?:browser)?[\/\s]?([\w\.]*)/i,/(?:ms|\()(ie)\s([\w\.]+)/i,/(rekonq)\/([\w\.]+)*/i,/(chromium|flock|rockmelt|midori|epiphany|silk|skyfire|ovibrowser|bolt|iron|vivaldi|iridium|phantomjs)\/([\w\.-]+)/i],[v,g],[/(trident).+rv[:\s]([\w\.]+).+like\sgecko/i],[[v,"IE"],g],[/(edge)\/((\d+)?[\w\.]+)/i],[v,g],[/(yabrowser)\/([\w\.]+)/i],[[v,"Yandex"],g],[/(comodo_dragon)\/([\w\.]+)/i],[[v,/_/g," "],g],[/(micromessenger)\/([\w\.]+)/i],[[v,"WeChat"],g],[/xiaomi\/miuibrowser\/([\w\.]+)/i],[g,[v,"MIUI Browser"]],[/\swv\).+(chrome)\/([\w\.]+)/i],[[v,/(.+)/,"$1 WebView"],g],[/android.+samsungbrowser\/([\w\.]+)/i,/android.+version\/([\w\.]+)\s+(?:mobile\s?safari|safari)*/i],[g,[v,"Android Browser"]],[/(chrome|omniweb|arora|[tizenoka]{5}\s?browser)\/v?([\w\.]+)/i,/(qqbrowser)[\/\s]?([\w\.]+)/i],[v,g],[/(uc\s?browser)[\/\s]?([\w\.]+)/i,/ucweb.+(ucbrowser)[\/\s]?([\w\.]+)/i,/juc.+(ucweb)[\/\s]?([\w\.]+)/i],[[v,"UCBrowser"],g],[/(dolfin)\/([\w\.]+)/i],[[v,"Dolphin"],g],[/((?:android.+)crmo|crios)\/([\w\.]+)/i],[[v,"Chrome"],g],[/;fbav\/([\w\.]+);/i],[g,[v,"Facebook"]],[/fxios\/([\w\.-]+)/i],[g,[v,"Firefox"]],[/version\/([\w\.]+).+?mobile\/\w+\s(safari)/i],[g,[v,"Mobile Safari"]],[/version\/([\w\.]+).+?(mobile\s?safari|safari)/i],[g,v],[/webkit.+?(mobile\s?safari|safari)(\/[\w\.]+)/i],[v,[g,O.str,T.browser.oldsafari.version]],[/(konqueror)\/([\w\.]+)/i,/(webkit|khtml)\/([\w\.]+)/i],[v,g],[/(navigator|netscape)\/([\w\.-]+)/i],[[v,"Netscape"],g],[/(swiftfox)/i,/(icedragon|iceweasel|camino|chimera|fennec|maemo\sbrowser|minimo|conkeror)[\/\s]?([\w\.\+]+)/i,/(firefox|seamonkey|k-meleon|icecat|iceape|firebird|phoenix)\/([\w\.-]+)/i,/(mozilla)\/([\w\.]+).+rv\:.+gecko\/\d+/i,/(polaris|lynx|dillo|icab|doris|amaya|w3m|netsurf|sleipnir)[\/\s]?([\w\.]+)/i,/(links)\s\(([\w\.]+)/i,/(gobrowser)\/?([\w\.]+)*/i,/(ice\s?browser)\/v?([\w\._]+)/i,/(mosaic)[\/\s]([\w\.]+)/i],[v,g]],cpu:[[/(?:(amd|x(?:(?:86|64)[_-])?|wow|win)64)[;\)]/i],[[b,"amd64"]],[/(ia32(?=;))/i],[[b,P.lowerize]],[/((?:i[346]|x)86)[;\)]/i],[[b,"ia32"]],[/windows\s(ce|mobile);\sppc;/i],[[b,"arm"]],[/((?:ppc|powerpc)(?:64)?)(?:\smac|;|\))/i],[[b,/ower/,"",P.lowerize]],[/(sun4\w)[;\)]/i],[[b,"sparc"]],[/((?:avr32|ia64(?=;))|68k(?=\))|arm(?:64|(?=v\d+;))|(?=atmel\s)avr|(?:irix|mips|sparc)(?:64)?(?=;)|pa-risc)/i],[[b,P.lowerize]]],device:[[/\((ipad|playbook);[\w\s\);-]+(rim|apple)/i],[h,y,[m,x]],[/applecoremedia\/[\w\.]+ \((ipad)/],[h,[y,"Apple"],[m,x]],[/(apple\s{0,1}tv)/i],[[h,"Apple TV"],[y,"Apple"]],[/(archos)\s(gamepad2?)/i,/(hp).+(touchpad)/i,/(hp).+(tablet)/i,/(kindle)\/([\w\.]+)/i,/\s(nook)[\w\s]+build\/(\w+)/i,/(dell)\s(strea[kpr\s\d]*[\dko])/i],[y,h,[m,x]],[/(kf[A-z]+)\sbuild\/[\w\.]+.*silk\//i],[h,[y,"Amazon"],[m,x]],[/(sd|kf)[0349hijorstuw]+\sbuild\/[\w\.]+.*silk\//i],[[h,O.str,T.device.amazon.model],[y,"Amazon"],[m,w]],[/\((ip[honed|\s\w*]+);.+(apple)/i],[h,y,[m,w]],[/\((ip[honed|\s\w*]+);/i],[h,[y,"Apple"],[m,w]],[/(blackberry)[\s-]?(\w+)/i,/(blackberry|benq|palm(?=\-)|sonyericsson|acer|asus|dell|huawei|meizu|motorola|polytron)[\s_-]?([\w-]+)*/i,/(hp)\s([\w\s]+\w)/i,/(asus)-?(\w+)/i],[y,h,[m,w]],[/\(bb10;\s(\w+)/i],[h,[y,"BlackBerry"],[m,w]],[/android.+(transfo[prime\s]{4,10}\s\w+|eeepc|slider\s\w+|nexus 7|padfone)/i],[h,[y,"Asus"],[m,x]],[/(sony)\s(tablet\s[ps])\sbuild\//i,/(sony)?(?:sgp.+)\sbuild\//i],[[y,"Sony"],[h,"Xperia Tablet"],[m,x]],[/(?:sony)?(?:(?:(?:c|d)\d{4})|(?:so[-l].+))\sbuild\//i],[[y,"Sony"],[h,"Xperia Phone"],[m,w]],[/\s(ouya)\s/i,/(nintendo)\s([wids3u]+)/i],[y,h,[m,_]],[/android.+;\s(shield)\sbuild/i],[h,[y,"Nvidia"],[m,_]],[/(playstation\s[34portablevi]+)/i],[h,[y,"Sony"],[m,_]],[/(sprint\s(\w+))/i],[[y,O.str,T.device.sprint.vendor],[h,O.str,T.device.sprint.model],[m,w]],[/(lenovo)\s?(S(?:5000|6000)+(?:[-][\w+]))/i],[y,h,[m,x]],[/(htc)[;_\s-]+([\w\s]+(?=\))|\w+)*/i,/(zte)-(\w+)*/i,/(alcatel|geeksphone|huawei|lenovo|nexian|panasonic|(?=;\s)sony)[_\s-]?([\w-]+)*/i],[y,[h,/_/g," "],[m,w]],[/(nexus\s9)/i],[h,[y,"HTC"],[m,x]],[/(nexus\s6p)/i],[h,[y,"Huawei"],[m,w]],[/(microsoft);\s(lumia[\s\w]+)/i],[y,h,[m,w]],[/[\s\(;](xbox(?:\sone)?)[\s\);]/i],[h,[y,"Microsoft"],[m,_]],[/(kin\.[onetw]{3})/i],[[h,/\./g," "],[y,"Microsoft"],[m,w]],[/\s(milestone|droid(?:[2-4x]|\s(?:bionic|x2|pro|razr))?(:?\s4g)?)[\w\s]+build\//i,/mot[\s-]?(\w+)*/i,/(XT\d{3,4}) build\//i,/(nexus\s6)/i],[h,[y,"Motorola"],[m,w]],[/android.+\s(mz60\d|xoom[\s2]{0,2})\sbuild\//i],[h,[y,"Motorola"],[m,x]],[/hbbtv\/\d+\.\d+\.\d+\s+\([\w\s]*;\s*(\w[^;]*);([^;]*)/i],[[y,P.trim],[h,P.trim],[m,C]],[/hbbtv.+maple;(\d+)/i],[[h,/^/,"SmartTV"],[y,"Samsung"],[m,C]],[/\(dtv[\);].+(aquos)/i],[h,[y,"Sharp"],[m,C]],[/android.+((sch-i[89]0\d|shw-m380s|gt-p\d{4}|gt-n\d+|sgh-t8[56]9|nexus 10))/i,/((SM-T\w+))/i],[[y,"Samsung"],h,[m,x]],[/smart-tv.+(samsung)/i],[y,[m,C],h],[/((s[cgp]h-\w+|gt-\w+|galaxy\snexus|sm-\w[\w\d]+))/i,/(sam[sung]*)[\s-]*(\w+-?[\w-]*)*/i,/sec-((sgh\w+))/i],[[y,"Samsung"],h,[m,w]],[/sie-(\w+)*/i],[h,[y,"Siemens"],[m,w]],[/(maemo|nokia).*(n900|lumia\s\d+)/i,/(nokia)[\s_-]?([\w-]+)*/i],[[y,"Nokia"],h,[m,w]],[/android\s3\.[\s\w;-]{10}(a\d{3})/i],[h,[y,"Acer"],[m,x]],[/android\s3\.[\s\w;-]{10}(lg?)-([06cv9]{3,4})/i],[[y,"LG"],h,[m,x]],[/(lg) netcast\.tv/i],[y,h,[m,C]],[/(nexus\s[45])/i,/lg[e;\s\/-]+(\w+)*/i],[h,[y,"LG"],[m,w]],[/android.+(ideatab[a-z0-9\-\s]+)/i],[h,[y,"Lenovo"],[m,x]],[/linux;.+((jolla));/i],[y,h,[m,w]],[/((pebble))app\/[\d\.]+\s/i],[y,h,[m,E]],[/android.+;\s(glass)\s\d/i],[h,[y,"Google"],[m,E]],[/android.+(\w+)\s+build\/hm\1/i,/android.+(hm[\s\-_]*note?[\s_]*(?:\d\w)?)\s+build/i,/android.+(mi[\s\-_]*(?:one|one[\s_]plus|note lte)?[\s_]*(?:\d\w)?)\s+build/i],[[h,/_/g," "],[y,"Xiaomi"],[m,w]],[/android.+a000(1)\s+build/i],[h,[y,"OnePlus"],[m,w]],[/\s(tablet)[;\/]/i,/\s(mobile)(?:[;\/]|\ssafari)/i],[[m,P.lowerize],y,h]],engine:[[/windows.+\sedge\/([\w\.]+)/i],[g,[v,"EdgeHTML"]],[/(presto)\/([\w\.]+)/i,/(webkit|trident|netfront|netsurf|amaya|lynx|w3m)\/([\w\.]+)/i,/(khtml|tasman|links)[\/\s]\(?([\w\.]+)/i,/(icab)[\/\s]([23]\.[\d\.]+)/i],[v,g],[/rv\:([\w\.]+).*(gecko)/i],[g,v]],os:[[/microsoft\s(windows)\s(vista|xp)/i],[v,g],[/(windows)\snt\s6\.2;\s(arm)/i,/(windows\sphone(?:\sos)*)[\s\/]?([\d\.\s]+\w)*/i,/(windows\smobile|windows)[\s\/]?([ntce\d\.\s]+\w)/i],[v,[g,O.str,T.os.windows.version]],[/(win(?=3|9|n)|win\s9x\s)([nt\d\.]+)/i],[[v,"Windows"],[g,O.str,T.os.windows.version]],[/\((bb)(10);/i],[[v,"BlackBerry"],g],[/(blackberry)\w*\/?([\w\.]+)*/i,/(tizen)[\/\s]([\w\.]+)/i,/(android|webos|palm\sos|qnx|bada|rim\stablet\sos|meego|contiki)[\/\s-]?([\w\.]+)*/i,/linux;.+(sailfish);/i],[v,g],[/(symbian\s?os|symbos|s60(?=;))[\/\s-]?([\w\.]+)*/i],[[v,"Symbian"],g],[/\((series40);/i],[v],[/mozilla.+\(mobile;.+gecko.+firefox/i],[[v,"Firefox OS"],g],[/(nintendo|playstation)\s([wids34portablevu]+)/i,/(mint)[\/\s\(]?(\w+)*/i,/(mageia|vectorlinux)[;\s]/i,/(joli|[kxln]?ubuntu|debian|[open]*suse|gentoo|(?=\s)arch|slackware|fedora|mandriva|centos|pclinuxos|redhat|zenwalk|linpus)[\/\s-]?(?!chrom)([\w\.-]+)*/i,/(hurd|linux)\s?([\w\.]+)*/i,/(gnu)\s?([\w\.]+)*/i],[v,g],[/(cros)\s[\w]+\s([\w\.]+\w)/i],[[v,"Chromium OS"],g],[/(sunos)\s?([\w\.]+\d)*/i],[[v,"Solaris"],g],[/\s([frentopc-]{0,4}bsd|dragonfly)\s?([\w\.]+)*/i],[v,g],[/(haiku)\s(\w+)/i],[v,g],[/(ip[honead]+)(?:.*os\s([\w]+)*\slike\smac|;\sopera)/i],[[v,"iOS"],[g,/_/g,"."]],[/(mac\sos\sx)\s?([\w\s\.]+\w)*/i,/(macintosh|mac(?=_powerpc)\s)/i],[[v,"Mac OS"],[g,/_/g,"."]],[/((?:open)?solaris)[\/\s-]?([\w\.]+)*/i,/(aix)\s((\d)(?=\.|\)|\s)[\w\.]*)*/i,/(plan\s9|minix|beos|os\/2|amigaos|morphos|risc\sos|openvms)/i,/(unix)\s?([\w\.]+)*/i],[v,g]]},M=function(e,t){if(!(this instanceof M))return new M(e,t).getResult();var n=e||(o&&o.navigator&&o.navigator.userAgent?o.navigator.userAgent:s),r=t?P.extend(k,t):k;return this.getBrowser=function(){var e=O.rgx.apply(this,r.browser);return e.major=P.major(e.version),e},this.getCPU=function(){return O.rgx.apply(this,r.cpu)},this.getDevice=function(){return O.rgx.apply(this,r.device)},this.getEngine=function(){return O.rgx.apply(this,r.engine)},this.getOS=function(){return O.rgx.apply(this,r.os)},this.getResult=function(){return{ua:this.getUA(),browser:this.getBrowser(),engine:this.getEngine(),os:this.getOS(),device:this.getDevice(),cpu:this.getCPU()}},this.getUA=function(){return n},this.setUA=function(e){return n=e,this},this};M.VERSION=a,M.BROWSER={NAME:v,MAJOR:d,VERSION:g},M.CPU={ARCHITECTURE:b},M.DEVICE={MODEL:h,VENDOR:y,TYPE:m,CONSOLE:_,MOBILE:w,SMARTTV:C,TABLET:x,WEARABLE:E,EMBEDDED:S},M.ENGINE={NAME:v,VERSION:g},M.OS={NAME:v,VERSION:g},typeof t!==c?(typeof e!==c&&e.exports&&(t=e.exports=M),t.UAParser=M):"function"===l&&n(1303)?(r=function(){return M}.call(t,n,t,e),!(r!==i&&(e.exports=r))):o.UAParser=M;var N=o.jQuery||o.Zepto;if(typeof N!==c){var A=new M;N.ua=A.getResult(),N.ua.get=function(){return A.getUA()},N.ua.set=function(e){A.setUA(e);var t=A.getResult();for(var n in t)N.ua[n]=t[n]}}}("object"==typeof window?window:this)},function(e,t){"use strict";function n(e){return e.split("/")}var r={isImage:function(e){return"image"===n(e)[0]},isJpeg:function(e){var t=n(e);return r.isImage(e)&&("jpeg"===t[1]||"pjpeg"===t[1])}};e.exports=r},function(e,t){"use strict";var n="[.,+*?$|#{}()'\\^\\-\\[\\]\\\\\\/!@%\"~=<>_:;\u30fb\u3001\u3002\u3008-\u3011\u3014-\u301f\uff1a-\uff1f\uff01-\uff0f\uff3b-\uff40\uff5b-\uff65\u2e2e\u061f\u066a-\u066c\u061b\u060c\u060d\ufd3e\ufd3f\u1801\u0964\u104a\u104b\u2010-\u2027\u2030-\u205e\xa1-\xb1\xb4-\xb8\xba\xbb\xbf]";e.exports={getPunctuation:function(){return n}}},function(e,t){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var r=function(){function e(t){n(this,e),this._uri=t}return e.prototype.toString=function(){return this._uri},e}();e.exports=r},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var o=n(369),i=n(221),a=n(13),s=function(){function e(t){r(this,e),t?i.isStrong(t)?void 0:a(!1):t=i.getGlobalDir(),this._defaultDir=t,this.reset()}return e.prototype.reset=function(){this._lastDir=this._defaultDir},e.prototype.getDirection=function(e){return this._lastDir=o.getDirection(e,this._lastDir),this._lastDir},e}();e.exports=s},function(e,t,n){"use strict";function r(e){return s[e]||e}function o(e){if(!e)return{major:"",minor:""};var t=e.split(".");return{major:t[0],minor:t[1]}}var i=n(1218),a="Unknown",s={"Mac OS":"Mac OS X"},u=new i,l=u.getResult(),c=o(l.browser.version),f={browserArchitecture:l.cpu.architecture||a,browserFullVersion:l.browser.version||a,browserMinorVersion:c.minor||a,browserName:l.browser.name||a,browserVersion:l.browser.major||a,deviceName:l.device.model||a,engineName:l.engine.name||a,engineVersion:l.engine.version||a,platformArchitecture:l.cpu.architecture||a,platformName:r(l.os.name)||a,platformVersion:l.os.version||a,platformFullVersion:l.os.version||a};e.exports=f},function(e,t,n){"use strict";function r(e,t){var n=e.split(x);return n.length>1?n.some(function(e){return P.contains(e,t)}):(e=n[0].trim(),o(e,t))}function o(e,t){var n=e.split(C);if(n.length>0&&n.length<=2?void 0:_(!1),1===n.length)return i(n[0],t);var r=n[0],o=n[1];return h(r)&&h(o)?void 0:_(!1),i(">="+r,t)&&i("<="+o,t)}function i(e,t){if(e=e.trim(),""===e)return!0;var n=t.split(w),r=p(e),o=r.modifier,i=r.rangeComponents;switch(o){case"<":return a(n,i);case"<=":return s(n,i);case">=":return l(n,i);case">":return c(n,i);case"~":case"~>":return f(n,i);default:return u(n,i)}}function a(e,t){return b(e,t)===-1}function s(e,t){var n=b(e,t);return n===-1||0===n}function u(e,t){return 0===b(e,t)}function l(e,t){var n=b(e,t);return 1===n||0===n}function c(e,t){return 1===b(e,t)}function f(e,t){var n=t.slice(),r=t.slice();r.length>1&&r.pop();var o=r.length-1,i=parseInt(r[o],10);return d(i)&&(r[o]=i+1+""),l(e,n)&&a(e,r)}function p(e){var t=e.split(w),n=t[0].match(E);return n?void 0:_(!1),{modifier:n[1],rangeComponents:[n[2]].concat(t.slice(1))}}function d(e){return!isNaN(e)&&isFinite(e)}function h(e){return!p(e).modifier}function v(e,t){for(var n=e.length;n<t;n++)e[n]="0"}function m(e,t){e=e.slice(),t=t.slice(),v(e,t.length);for(var n=0;n<t.length;n++){var r=t[n].match(/^[x*]$/i);if(r&&(t[n]=e[n]="0","*"===r[0]&&n===t.length-1))for(var o=n;o<e.length;o++)e[o]="0"}return v(t,e.length),[e,t]}function y(e,t){var n=e.match(S)[1],r=t.match(S)[1],o=parseInt(n,10),i=parseInt(r,10);return d(o)&&d(i)&&o!==i?g(o,i):g(e,t)}function g(e,t){return typeof e!=typeof t?_(!1):void 0,e>t?1:e<t?-1:0}function b(e,t){for(var n=m(e,t),r=n[0],o=n[1],i=0;i<o.length;i++){var a=y(r[i],o[i]);if(a)return a}return 0}var _=n(13),w=/\./,x=/\|\|/,C=/\s+\-\s+/,E=/^(<=|<|=|>=|~>|~|>|)?\s*(.+)/,S=/^(\d*)(.*)/,P={contains:function(e,t){return r(e.trim(),t.trim())}};e.exports=P},function(e,t,n){"use strict";function r(e){return o(e.replace(i,"ms-"))}var o=n(370),i=/^-ms-/;e.exports=r},function(e,t,n){"use strict";function r(e){var t=e.match(c);return t&&t[1].toLowerCase()}function o(e,t){var n=l;l?void 0:u(!1);var o=r(e),i=o&&s(o);if(i){n.innerHTML=i[1]+e+i[2];for(var c=i[0];c--;)n=n.lastChild}else n.innerHTML=e;var f=n.getElementsByTagName("script");f.length&&(t?void 0:u(!1),a(f).forEach(t));for(var p=Array.from(n.childNodes);n.lastChild;)n.removeChild(n.lastChild);return p}var i=n(36),a=n(371),s=n(1230),u=n(13),l=i.canUseDOM?document.createElement("div"):null,c=/^\s*<(\w+)/;e.exports=o},function(e,t){"use strict";function n(e){return e=e||document,r||"CSS1Compat"!==e.compatMode?e.body:e.documentElement}var r="undefined"!=typeof navigator&&navigator.userAgent.indexOf("AppleWebKit")>-1;e.exports=n},function(e,t,n){"use strict";function r(e){var t=o(e);return{x:t.left,y:t.top,width:t.right-t.left,height:t.bottom-t.top}}var o=n(1229);e.exports=r},function(e,t,n){"use strict";function r(e){var t=e.ownerDocument.documentElement;if(!("getBoundingClientRect"in e&&o(t,e)))return{left:0,right:0,top:0,bottom:0};var n=e.getBoundingClientRect();return{left:Math.round(n.left)-t.clientLeft,right:Math.round(n.right)-t.clientLeft,top:Math.round(n.top)-t.clientTop,bottom:Math.round(n.bottom)-t.clientTop}}var o=n(222);e.exports=r},function(e,t,n){"use strict";function r(e){return a?void 0:i(!1),p.hasOwnProperty(e)||(e="*"),s.hasOwnProperty(e)||("*"===e?a.innerHTML="<link />":a.innerHTML="<"+e+"></"+e+">",s[e]=!a.firstChild),s[e]?p[e]:null}var o=n(36),i=n(13),a=o.canUseDOM?document.createElement("div"):null,s={},u=[1,'<select multiple="true">',"</select>"],l=[1,"<table>","</table>"],c=[3,"<table><tbody><tr>","</tr></tbody></table>"],f=[1,'<svg xmlns="http://www.w3.org/2000/svg">',"</svg>"],p={"*":[1,"?<div>","</div>"],area:[1,"<map>","</map>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],legend:[1,"<fieldset>","</fieldset>"],param:[1,"<object>","</object>"],tr:[2,"<table><tbody>","</tbody></table>"],optgroup:u,option:u,caption:l,colgroup:l,tbody:l,tfoot:l,thead:l,td:c,th:c},d=["circle","clipPath","defs","ellipse","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","text","tspan"];d.forEach(function(e){p[e]=f,s[e]=!0}),e.exports=r},function(e,t,n){"use strict";function r(e){return null==e?e:String(e)}function o(e,t){var n=void 0;if(window.getComputedStyle&&(n=window.getComputedStyle(e,null)))return r(n.getPropertyValue(a(t)));if(document.defaultView&&document.defaultView.getComputedStyle){if(n=document.defaultView.getComputedStyle(e,null))return r(n.getPropertyValue(a(t)));if("display"===t)return"none"}return r(e.currentStyle?"float"===t?e.currentStyle.cssFloat||e.currentStyle.styleFloat:e.currentStyle[i(t)]:e.style&&e.style[i(t)])}var i=n(370),a=n(374);e.exports=o},function(e,t){"use strict";function n(){var e=void 0;return document.documentElement&&(e=document.documentElement.clientWidth),!e&&document.body&&(e=document.body.clientWidth),e||0}function r(){var e=void 0;return document.documentElement&&(e=document.documentElement.clientHeight),!e&&document.body&&(e=document.body.clientHeight),e||0}function o(){return{width:window.innerWidth||n(),height:window.innerHeight||r()}}o.withoutScrollbars=function(){return{width:n(),height:r()}},e.exports=o},function(e,t,n){"use strict";function r(e){return o(e).replace(i,"-ms-")}var o=n(374),i=/^ms-/;e.exports=r},function(e,t){"use strict";function n(e){var t=e?e.ownerDocument||e:document,n=t.defaultView||window;return!(!e||!("function"==typeof n.Node?e instanceof n.Node:"object"==typeof e&&"number"==typeof e.nodeType&&"string"==typeof e.nodeName))}e.exports=n},function(e,t,n){"use strict";function r(e){return o(e)&&3==e.nodeType}var o=n(1234);e.exports=r},function(e,t){"use strict";function n(e){e||(e="");var t=void 0,n=arguments.length;if(n>1)for(var r=1;r<n;r++)t=arguments[r],t&&(e=(e?e+" ":"")+t);return e}e.exports=n},function(e,t){"use strict";function n(e,t,n){if(!e)return null;var o={};for(var i in e)r.call(e,i)&&(o[i]=t.call(n,e[i],i,e));return o}var r=Object.prototype.hasOwnProperty;e.exports=n},function(e,t){"use strict";function n(e){return e.replace(/\-([a-z])/gi,function(e){return e.replace("-","").toUpperCase()})}t.toCamelCase=n,t.toStyleObject=function(e){var t={};return e.split(/;\s*/g).forEach(function(e){var r=e.split(/:\s*/g);t[n(r[0])]=r[1]}),t},t.assign=function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n]);return e},t.cond=function(e,t,n){var r=t.filter(function(t){return t[0](e)})[0];return r[1](e,n)},t.isStandalone=function(e){return"hr"===e||"br"===e||"img"===e}},function(e,t){e.exports=function(e,t){if(e===t)return!0;var n=e.length;if(t.length!==n)return!1;for(var r=0;r<n;r++)if(e[r]!==t[r])return!1;return!0}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return Object.keys(e).forEach(function(t){return e[t]=t}),e}function i(e,t){var n={};return t.forEach(function(t){n[t]=e[t]}),n}function a(e){var t=e.touches,n=e.changedTouches,r=t&&t.length>0,o=n&&n.length>0;return!r&&o?n[0]:r?t[0]:e}function s(){return Date.now()-S>=P}Object.defineProperty(t,"__esModule",{value:!0});var u=n(1),l=r(u),c=n(11),f=r(c),p=n(2),d=r(p),h=o({NOT_RESPONDER:null,RESPONDER_INACTIVE_PRESS_IN:null,RESPONDER_INACTIVE_PRESS_OUT:null,RESPONDER_ACTIVE_PRESS_IN:null,RESPONDER_ACTIVE_PRESS_OUT:null,RESPONDER_ACTIVE_LONG_PRESS_IN:null,RESPONDER_ACTIVE_LONG_PRESS_OUT:null,ERROR:null}),v={RESPONDER_ACTIVE_PRESS_OUT:!0,RESPONDER_ACTIVE_PRESS_IN:!0},m={RESPONDER_INACTIVE_PRESS_IN:!0,RESPONDER_ACTIVE_PRESS_IN:!0,RESPONDER_ACTIVE_LONG_PRESS_IN:!0},y={RESPONDER_ACTIVE_LONG_PRESS_IN:!0},g=o({DELAY:null,RESPONDER_GRANT:null,RESPONDER_RELEASE:null,RESPONDER_TERMINATED:null,ENTER_PRESS_RECT:null,LEAVE_PRESS_RECT:null,LONG_PRESS_DETECTED:null}),b={NOT_RESPONDER:{DELAY:h.ERROR,RESPONDER_GRANT:h.RESPONDER_INACTIVE_PRESS_IN,RESPONDER_RELEASE:h.ERROR,RESPONDER_TERMINATED:h.ERROR,ENTER_PRESS_RECT:h.ERROR,LEAVE_PRESS_RECT:h.ERROR,LONG_PRESS_DETECTED:h.ERROR},RESPONDER_INACTIVE_PRESS_IN:{DELAY:h.RESPONDER_ACTIVE_PRESS_IN,RESPONDER_GRANT:h.ERROR,RESPONDER_RELEASE:h.NOT_RESPONDER,RESPONDER_TERMINATED:h.NOT_RESPONDER,ENTER_PRESS_RECT:h.RESPONDER_INACTIVE_PRESS_IN,LEAVE_PRESS_RECT:h.RESPONDER_INACTIVE_PRESS_OUT,LONG_PRESS_DETECTED:h.ERROR},RESPONDER_INACTIVE_PRESS_OUT:{DELAY:h.RESPONDER_ACTIVE_PRESS_OUT,RESPONDER_GRANT:h.ERROR,RESPONDER_RELEASE:h.NOT_RESPONDER,RESPONDER_TERMINATED:h.NOT_RESPONDER,ENTER_PRESS_RECT:h.RESPONDER_INACTIVE_PRESS_IN,LEAVE_PRESS_RECT:h.RESPONDER_INACTIVE_PRESS_OUT,LONG_PRESS_DETECTED:h.ERROR},RESPONDER_ACTIVE_PRESS_IN:{DELAY:h.ERROR,RESPONDER_GRANT:h.ERROR,RESPONDER_RELEASE:h.NOT_RESPONDER,RESPONDER_TERMINATED:h.NOT_RESPONDER,ENTER_PRESS_RECT:h.RESPONDER_ACTIVE_PRESS_IN,LEAVE_PRESS_RECT:h.RESPONDER_ACTIVE_PRESS_OUT,LONG_PRESS_DETECTED:h.RESPONDER_ACTIVE_LONG_PRESS_IN},RESPONDER_ACTIVE_PRESS_OUT:{DELAY:h.ERROR,RESPONDER_GRANT:h.ERROR,RESPONDER_RELEASE:h.NOT_RESPONDER,RESPONDER_TERMINATED:h.NOT_RESPONDER,ENTER_PRESS_RECT:h.RESPONDER_ACTIVE_PRESS_IN,LEAVE_PRESS_RECT:h.RESPONDER_ACTIVE_PRESS_OUT,LONG_PRESS_DETECTED:h.ERROR},RESPONDER_ACTIVE_LONG_PRESS_IN:{DELAY:h.ERROR,RESPONDER_GRANT:h.ERROR,RESPONDER_RELEASE:h.NOT_RESPONDER,RESPONDER_TERMINATED:h.NOT_RESPONDER,ENTER_PRESS_RECT:h.RESPONDER_ACTIVE_LONG_PRESS_IN,LEAVE_PRESS_RECT:h.RESPONDER_ACTIVE_LONG_PRESS_OUT,LONG_PRESS_DETECTED:h.RESPONDER_ACTIVE_LONG_PRESS_IN},RESPONDER_ACTIVE_LONG_PRESS_OUT:{DELAY:h.ERROR,RESPONDER_GRANT:h.ERROR,RESPONDER_RELEASE:h.NOT_RESPONDER,RESPONDER_TERMINATED:h.NOT_RESPONDER,ENTER_PRESS_RECT:h.RESPONDER_ACTIVE_LONG_PRESS_IN,LEAVE_PRESS_RECT:h.RESPONDER_ACTIVE_LONG_PRESS_OUT,LONG_PRESS_DETECTED:h.ERROR},error:{DELAY:h.NOT_RESPONDER,RESPONDER_GRANT:h.RESPONDER_INACTIVE_PRESS_IN,RESPONDER_RELEASE:h.NOT_RESPONDER,RESPONDER_TERMINATED:h.NOT_RESPONDER,ENTER_PRESS_RECT:h.NOT_RESPONDER,LEAVE_PRESS_RECT:h.NOT_RESPONDER,LONG_PRESS_DETECTED:h.NOT_RESPONDER}},_=130,w=20,x=500,C=x-_,E=10,S=0,P=200,O=l["default"].createClass({displayName:"Touchable",getDefaultProps:function(){return{disabled:!1,delayPressIn:_,delayLongPress:C,delayPressOut:100,pressRetentionOffset:{left:w,right:w,top:w,bottom:w},hitSlop:void 0,longPressCancelsPress:!0}},getInitialState:function(){return{active:!1}},componentWillMount:function(){this.touchable={touchState:void 0}},componentDidMount:function(){this.root=d["default"].findDOMNode(this)},componentWillReceiveProps:function(e){e.disabled&&this.state.active&&this.setState({active:!1})},componentDidUpdate:function(){this.root=d["default"].findDOMNode(this)},componentWillUnmount:function(){this.releaseLockTimer&&clearTimeout(this.releaseLockTimer),this.touchableDelayTimeout&&clearTimeout(this.touchableDelayTimeout),this.longPressDelayTimeout&&clearTimeout(this.longPressDelayTimeout),this.pressOutDelayTimeout&&clearTimeout(this.pressOutDelayTimeout)},callChildEvent:function(e,t){var n=this.props.children.props[e];n&&n(t)},onTouchStart:function(e){this.callChildEvent("onTouchStart",e),this.lockMouse=!0,
-this.releaseLockTimer&&clearTimeout(this.releaseLockTimer),this.touchableHandleResponderGrant(e.nativeEvent)},onTouchMove:function(e){this.callChildEvent("onTouchMove",e),this.touchableHandleResponderMove(e.nativeEvent)},onTouchEnd:function(e){var t=this;this.callChildEvent("onTouchEnd",e),this.releaseLockTimer=setTimeout(function(){t.lockMouse=!1},300),this.touchableHandleResponderRelease(e.nativeEvent)},onTouchCancel:function(e){var t=this;this.callChildEvent("onTouchCancel",e),this.releaseLockTimer=setTimeout(function(){t.lockMouse=!1},300),this.touchableHandleResponderTerminate(e.nativeEvent)},onMouseDown:function(e){this.callChildEvent("onMouseDown",e),this.lockMouse||(this.touchableHandleResponderGrant(e.nativeEvent),document.addEventListener("mousemove",this.touchableHandleResponderMove,!1),document.addEventListener("mouseup",this.onMouseUp,!1))},onMouseUp:function(e){document.removeEventListener("mousemove",this.touchableHandleResponderMove,!1),document.removeEventListener("mouseup",this.onMouseUp,!1),this.touchableHandleResponderRelease(e)},_remeasureMetricsOnInit:function(e){var t=this.root,n=a(e),r=t.getBoundingClientRect();this.touchable={touchState:this.touchable.touchState,startMouse:{pageX:n.pageX,pageY:n.pageY},positionOnGrant:{left:r.left+window.pageXOffset,top:r.top+window.pageYOffset,width:r.width,height:r.height,clientLeft:r.left,clientTop:r.top}}},touchableHandleResponderGrant:function(e){var t=this;if(this.touchable.touchState=h.NOT_RESPONDER,this.pressOutDelayTimeout&&(clearTimeout(this.pressOutDelayTimeout),this.pressOutDelayTimeout=null),!this.props.fixClickPenetration||s()){this._remeasureMetricsOnInit(e),this._receiveSignal(g.RESPONDER_GRANT,e);var n=this.props.delayPressIn;n?this.touchableDelayTimeout=setTimeout(function(){t._handleDelay(e)},n):this._handleDelay(e);var r=this.props.delayLongPress;this.longPressDelayTimeout=setTimeout(function(){t._handleLongDelay(e)},r+n)}},checkScroll:function(e){var t=this.touchable.positionOnGrant,n=this.root.getBoundingClientRect();if(n.left!==t.clientLeft||n.top!==t.clientTop)return this._receiveSignal(g.RESPONDER_TERMINATED,e),!1},touchableHandleResponderRelease:function(e){if(this.touchable.startMouse){var t=a(e);return Math.abs(t.pageX-this.touchable.startMouse.pageX)>30||Math.abs(t.pageY-this.touchable.startMouse.pageY)>30?void this._receiveSignal(g.RESPONDER_TERMINATED,e):void(this.checkScroll(e)!==!1&&this._receiveSignal(g.RESPONDER_RELEASE,e))}},touchableHandleResponderTerminate:function(e){this.touchable.startMouse&&this._receiveSignal(g.RESPONDER_TERMINATED,e)},checkTouchWithinActive:function(e){var t=this.touchable.positionOnGrant,n=this.props,r=n.pressRetentionOffset,o=n.hitSlop,i=r.left,s=r.top,u=r.right,l=r.bottom;o&&(i+=o.left,s+=o.top,u+=o.right,l+=o.bottom);var c=a(e),f=c&&c.pageX,p=c&&c.pageY;return f>t.left-i&&p>t.top-s&&f<t.left+t.width+u&&p<t.top+t.height+l},touchableHandleResponderMove:function(e){if(this.touchable.startMouse&&this.touchable.dimensionsOnActivate&&this.touchable.touchState!==h.NOT_RESPONDER&&this.touchable.touchState!==h.RESPONDER_INACTIVE_PRESS_IN){var t=a(e),n=t&&t.pageX,r=t&&t.pageY;if(this.pressInLocation){var o=this._getDistanceBetweenPoints(n,r,this.pressInLocation.pageX,this.pressInLocation.pageY);o>E&&this._cancelLongPressDelayTimeout()}if(this.checkTouchWithinActive(e)){this._receiveSignal(g.ENTER_PRESS_RECT,e);var i=this.touchable.touchState;i===h.RESPONDER_INACTIVE_PRESS_IN&&this._cancelLongPressDelayTimeout()}else this._cancelLongPressDelayTimeout(),this._receiveSignal(g.LEAVE_PRESS_RECT,e)}},callProp:function(e,t){this.props[e]&&!this.props.disabled&&this.props[e](t)},touchableHandleActivePressIn:function(e){this.setActive(!0),this.callProp("onPressIn",e)},touchableHandleActivePressOut:function(e){this.setActive(!1),this.callProp("onPressOut",e)},touchableHandlePress:function(e){this.callProp("onPress",e),S=Date.now()},touchableHandleLongPress:function(e){this.callProp("onLongPress",e)},setActive:function(e){(this.props.activeClassName||this.props.activeStyle)&&this.setState({active:e})},_remeasureMetricsOnActivation:function(){this.touchable.dimensionsOnActivate=this.touchable.positionOnGrant},_handleDelay:function(e){this.touchableDelayTimeout=null,this._receiveSignal(g.DELAY,e)},_handleLongDelay:function(e){this.longPressDelayTimeout=null;var t=this.touchable.touchState;t!==h.RESPONDER_ACTIVE_PRESS_IN&&t!==h.RESPONDER_ACTIVE_LONG_PRESS_IN?console.error("Attempted to transition from state `"+t+"` to `"+h.RESPONDER_ACTIVE_LONG_PRESS_IN+"`, which is not supported. This is most likely due to `Touchable.longPressDelayTimeout` not being cancelled."):this._receiveSignal(g.LONG_PRESS_DETECTED,e)},_receiveSignal:function(e,t){var n=this.touchable.touchState,r=b[n]&&b[n][e];r&&r!==h.ERROR&&n!==r&&(this._performSideEffectsForTransition(n,r,e,t),this.touchable.touchState=r)},_cancelLongPressDelayTimeout:function(){this.longPressDelayTimeout&&(clearTimeout(this.longPressDelayTimeout),this.longPressDelayTimeout=null)},_isHighlight:function(e){return e===h.RESPONDER_ACTIVE_PRESS_IN||e===h.RESPONDER_ACTIVE_LONG_PRESS_IN},_savePressInLocation:function(e){var t=a(e),n=t&&t.pageX,r=t&&t.pageY;this.pressInLocation={pageX:n,pageY:r}},_getDistanceBetweenPoints:function(e,t,n,r){var o=e-n,i=t-r;return Math.sqrt(o*o+i*i)},_performSideEffectsForTransition:function(e,t,n,r){var o=this._isHighlight(e),i=this._isHighlight(t),a=n===g.RESPONDER_TERMINATED||n===g.RESPONDER_RELEASE;if(a&&this._cancelLongPressDelayTimeout(),!v[e]&&v[t]&&this._remeasureMetricsOnActivation(),m[e]&&n===g.LONG_PRESS_DETECTED&&this.touchableHandleLongPress(r),i&&!o?this._startHighlight(r):!i&&o&&this._endHighlight(r),m[e]&&n===g.RESPONDER_RELEASE){var s=!!this.props.onLongPress,u=y[e]&&(!s||!this.props.longPressCancelsPress),l=!y[e]||u;l&&(i||o||(this._startHighlight(r),this._endHighlight(r)),this.touchableHandlePress(r))}this.touchableDelayTimeout&&(clearTimeout(this.touchableDelayTimeout),this.touchableDelayTimeout=null)},_startHighlight:function(e){this._savePressInLocation(e),this.touchableHandleActivePressIn(e)},_endHighlight:function(e){var t=this;this.props.delayPressOut?this.pressOutDelayTimeout=setTimeout(function(){t.touchableHandleActivePressOut(e)},this.props.delayPressOut):this.touchableHandleActivePressOut(e)},render:function(){var e=this.props,t=e.children,n=e.disabled,r=e.activeStyle,o=e.activeClassName,a=n?void 0:i(this,["onTouchStart","onTouchMove","onTouchEnd","onTouchCancel","onMouseDown"]),s=l["default"].Children.only(t);if(!n&&this.state.active){var u=s.props,c=u.style,p=u.className;return r&&(c=(0,f["default"])({},c,r)),o&&(p?p+=" "+o:p=o),l["default"].cloneElement(s,(0,f["default"])({className:p,style:c},a))}return l["default"].cloneElement(s,a)}});t["default"]=O,e.exports=t["default"]},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){"use strict";function n(){return!1}function r(){return!0}function o(){this.timeStamp=Date.now(),this.target=void 0,this.currentTarget=void 0}Object.defineProperty(t,"__esModule",{value:!0}),o.prototype={isEventObject:1,constructor:o,isDefaultPrevented:n,isPropagationStopped:n,isImmediatePropagationStopped:n,preventDefault:function(){this.isDefaultPrevented=r},stopPropagation:function(){this.isPropagationStopped=r},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=r,this.stopPropagation()},halt:function(e){e?this.stopImmediatePropagation():this.stopPropagation(),this.preventDefault()}},t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return null===e||void 0===e}function i(){return p}function a(){return d}function s(e){var t=e.type,n="function"==typeof e.stopPropagation||"boolean"==typeof e.cancelBubble;l["default"].call(this),this.nativeEvent=e;var r=a;"defaultPrevented"in e?r=e.defaultPrevented?i:a:"getPreventDefault"in e?r=e.getPreventDefault()?i:a:"returnValue"in e&&(r=e.returnValue===d?i:a),this.isDefaultPrevented=r;var o=[],s=void 0,u=void 0,c=void 0,f=h.concat();for(v.forEach(function(e){t.match(e.reg)&&(f=f.concat(e.props),e.fix&&o.push(e.fix))}),u=f.length;u;)c=f[--u],this[c]=e[c];for(!this.target&&n&&(this.target=e.srcElement||document),this.target&&3===this.target.nodeType&&(this.target=this.target.parentNode),u=o.length;u;)(s=o[--u])(this,e);this.timeStamp=e.timeStamp||Date.now()}Object.defineProperty(t,"__esModule",{value:!0});var u=n(1290),l=r(u),c=n(11),f=r(c),p=!0,d=!1,h=["altKey","bubbles","cancelable","ctrlKey","currentTarget","eventPhase","metaKey","shiftKey","target","timeStamp","view","type"],v=[{reg:/^key/,props:["char","charCode","key","keyCode","which"],fix:function(e,t){o(e.which)&&(e.which=o(t.charCode)?t.keyCode:t.charCode),void 0===e.metaKey&&(e.metaKey=e.ctrlKey)}},{reg:/^touch/,props:["touches","changedTouches","targetTouches"]},{reg:/^hashchange$/,props:["newURL","oldURL"]},{reg:/^gesturechange$/i,props:["rotation","scale"]},{reg:/^(mousewheel|DOMMouseScroll)$/,props:[],fix:function(e,t){var n=void 0,r=void 0,o=void 0,i=t.wheelDelta,a=t.axis,s=t.wheelDeltaY,u=t.wheelDeltaX,l=t.detail;i&&(o=i/120),l&&(o=0-(l%3===0?l/3:l)),void 0!==a&&(a===e.HORIZONTAL_AXIS?(r=0,n=0-o):a===e.VERTICAL_AXIS&&(n=0,r=o)),void 0!==s&&(r=s/120),void 0!==u&&(n=-1*u/120),n||r||(r=o),void 0!==n&&(e.deltaX=n),void 0!==r&&(e.deltaY=r),void 0!==o&&(e.delta=o)}},{reg:/^mouse|contextmenu|click|mspointer|(^DOMMouseScroll$)/i,props:["buttons","clientX","clientY","button","offsetX","relatedTarget","which","fromElement","toElement","offsetY","pageX","pageY","screenX","screenY"],fix:function(e,t){var n=void 0,r=void 0,i=void 0,a=e.target,s=t.button;return a&&o(e.pageX)&&!o(t.clientX)&&(n=a.ownerDocument||document,r=n.documentElement,i=n.body,e.pageX=t.clientX+(r&&r.scrollLeft||i&&i.scrollLeft||0)-(r&&r.clientLeft||i&&i.clientLeft||0),e.pageY=t.clientY+(r&&r.scrollTop||i&&i.scrollTop||0)-(r&&r.clientTop||i&&i.clientTop||0)),e.which||void 0===s||(1&s?e.which=1:2&s?e.which=3:4&s?e.which=2:e.which=0),!e.relatedTarget&&e.fromElement&&(e.relatedTarget=e.fromElement===a?e.toElement:e.fromElement),e}}],m=l["default"].prototype;(0,f["default"])(s.prototype,m,{constructor:s,preventDefault:function(){var e=this.nativeEvent;e.preventDefault?e.preventDefault():e.returnValue=d,m.preventDefault.call(this)},stopPropagation:function(){var e=this.nativeEvent;e.stopPropagation?e.stopPropagation():e.cancelBubble=p,m.stopPropagation.call(this)}}),t["default"]=s,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n){function r(t){var r=new a["default"](t);n.call(e,r)}return e.addEventListener?(e.addEventListener(t,r,!1),{remove:function(){e.removeEventListener(t,r,!1)}}):e.attachEvent?(e.attachEvent("on"+t,r),{remove:function(){e.detachEvent("on"+t,r)}}):void 0}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var i=n(1291),a=r(i);e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={__arr:[]};t["default"]={unMount:function(){n={__arr:[]}},register:function(e,t){n[e]=t,n.__arr.push(e)},unRegister:function(e){var t=n.__arr.indexOf(e);t>=0&&(n.__arr.splice(n.__arr.indexOf(e),1),delete n[e])},get:function(e){return n[e]},getMapped:function(){return n}},e.exports=t["default"]},function(e,t,n){(function(e,t){!function(e,n){"use strict";function r(e){"function"!=typeof e&&(e=new Function(""+e));for(var t=new Array(arguments.length-1),n=0;n<t.length;n++)t[n]=arguments[n+1];var r={callback:e,args:t};return v[h]=r,d(h),h++}function o(e){delete v[e]}function i(e){var t=e.callback,r=e.args;switch(r.length){case 0:t();break;case 1:t(r[0]);break;case 2:t(r[0],r[1]);break;case 3:t(r[0],r[1],r[2]);break;default:t.apply(n,r)}}function a(e){if(m)setTimeout(a,0,e);else{var t=v[e];if(t){m=!0;try{i(t)}finally{o(e),m=!1}}}}function s(){d=function(e){t.nextTick(function(){a(e)})}}function u(){if(e.postMessage&&!e.importScripts){var t=!0,n=e.onmessage;return e.onmessage=function(){t=!1},e.postMessage("","*"),e.onmessage=n,t}}function l(){var t="setImmediate$"+Math.random()+"$",n=function(n){n.source===e&&"string"==typeof n.data&&0===n.data.indexOf(t)&&a(+n.data.slice(t.length))};e.addEventListener?e.addEventListener("message",n,!1):e.attachEvent("onmessage",n),d=function(n){e.postMessage(t+n,"*")}}function c(){var e=new MessageChannel;e.port1.onmessage=function(e){var t=e.data;a(t)},d=function(t){e.port2.postMessage(t)}}function f(){var e=y.documentElement;d=function(t){var n=y.createElement("script");n.onreadystatechange=function(){a(t),n.onreadystatechange=null,e.removeChild(n),n=null},e.appendChild(n)}}function p(){d=function(e){setTimeout(a,0,e)}}if(!e.setImmediate){var d,h=1,v={},m=!1,y=e.document,g=Object.getPrototypeOf&&Object.getPrototypeOf(e);g=g&&g.setTimeout?g:e,"[object process]"==={}.toString.call(e.process)?s():u()?l():e.MessageChannel?c():y&&"onreadystatechange"in y.createElement("script")?f():p(),g.setImmediate=r,g.clearImmediate=o}}("undefined"==typeof self?"undefined"==typeof e?this:e:self)}).call(t,function(){return this}(),n(89))},function(e,t){e.exports=function(){var e=document.getSelection();if(!e.rangeCount)return function(){};for(var t=document.activeElement,n=[],r=0;r<e.rangeCount;r++)n.push(e.getRangeAt(r));switch(t.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":t.blur();break;default:t=null}return e.removeAllRanges(),function(){"Caret"===e.type&&e.removeAllRanges(),e.rangeCount||n.forEach(function(t){e.addRange(t)}),t&&t.focus()}}},,function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),s=n(1),u=r(s),l=n(1310),c=r(l),f=n(56),p=r(f);e.exports=function(e,t,n){function r(e){return e.displayName||e.name||"Component"}if("function"!=typeof e)throw new Error("Expected reducePropsToState to be a function.");if("function"!=typeof t)throw new Error("Expected handleStateChangeOnClient to be a function.");if("undefined"!=typeof n&&"function"!=typeof n)throw new Error("Expected mapStateOnServer to either be undefined or a function.");return function(l){function f(){h=e(d.map(function(e){return e.props})),v.canUseDOM?t(h):n&&(h=n(h))}if("function"!=typeof l)throw new Error("Expected WrappedComponent to be a React component.");var d=[],h=void 0,v=function(e){function t(){o(this,t),e.apply(this,arguments)}return i(t,e),t.peek=function(){return h},t.rewind=function(){if(t.canUseDOM)throw new Error("You may only call rewind() on the server. Call peek() to read the current state.");var e=h;return h=void 0,d=[],e},t.prototype.shouldComponentUpdate=function(e){return!p["default"](e,this.props)},t.prototype.componentWillMount=function(){d.push(this),f()},t.prototype.componentDidUpdate=function(){f()},t.prototype.componentWillUnmount=function(){var e=d.indexOf(this);d.splice(e,1),f()},t.prototype.render=function(){return u["default"].createElement(l,this.props)},a(t,null,[{key:"displayName",value:"SideEffect("+r(l)+")",enumerable:!0},{key:"canUseDOM",value:c["default"].canUseDOM,enumerable:!0}]),t}(s.Component);return v}}},function(e,t){"use strict";e.exports=function(e){return encodeURIComponent(e).replace(/[!'()*]/g,function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(12),v=r(h),m=n(2),y=r(m),g=n(1484),b=r(g),_=n(31),w=r(_),x=n(1300),C=r(x),E=n(380),S=r(E),P=function(e){function t(){var n,r,o;(0,s["default"])(this,t);for(var i=arguments.length,a=Array(i),u=0;u<i;u++)a[u]=arguments[u];return n=r=(0,l["default"])(this,e.call.apply(e,[this].concat(a))),r.onAlign=function(e,t){var n=r.props,o=n.getClassNameFromAlign(n.align),i=n.getClassNameFromAlign(t);o!==i&&(r.currentAlignClassName=i,e.className=r.getClassName(i)),n.onAlign(e,t)},r.getTarget=function(){return r.props.getRootDomNode()},r.saveAlign=function(e){r.alignInstance=e},o=n,(0,l["default"])(r,o)}return(0,f["default"])(t,e),t.prototype.componentDidMount=function(){this.rootNode=this.getPopupDomNode()},t.prototype.getPopupDomNode=function(){return y["default"].findDOMNode(this.refs.popup)},t.prototype.getMaskTransitionName=function(){var e=this.props,t=e.maskTransitionName,n=e.maskAnimation;return!t&&n&&(t=e.prefixCls+"-"+n),t},t.prototype.getTransitionName=function(){var e=this.props,t=e.transitionName;return!t&&e.animation&&(t=e.prefixCls+"-"+e.animation),t},t.prototype.getClassName=function(e){return this.props.prefixCls+" "+this.props.className+" "+e},t.prototype.getPopupElement=function(){var e=this.props,t=e.align,n=e.style,r=e.visible,o=e.prefixCls,a=e.destroyPopupOnHide,s=this.getClassName(this.currentAlignClassName||e.getClassNameFromAlign(t)),u=o+"-hidden";r||(this.currentAlignClassName=null);var l=(0,i["default"])({},n,this.getZIndexStyle()),c={className:s,prefixCls:o,ref:"popup",onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave,style:l};return a?d["default"].createElement(w["default"],{component:"",exclusive:!0,transitionAppear:!0,transitionName:this.getTransitionName()},r?d["default"].createElement(b["default"],{target:this.getTarget,key:"popup",ref:this.saveAlign,monitorWindowResize:!0,align:t,onAlign:this.onAlign},d["default"].createElement(C["default"],(0,i["default"])({visible:!0},c),e.children)):null):d["default"].createElement(w["default"],{component:"",exclusive:!0,transitionAppear:!0,transitionName:this.getTransitionName(),showProp:"xVisible"},d["default"].createElement(b["default"],{target:this.getTarget,key:"popup",ref:this.saveAlign,monitorWindowResize:!0,xVisible:r,childrenProps:{visible:"xVisible"},disabled:!r,align:t,onAlign:this.onAlign},d["default"].createElement(C["default"],(0,i["default"])({hiddenClassName:u},c),e.children)))},t.prototype.getZIndexStyle=function(){var e={},t=this.props;return void 0!==t.zIndex&&(e.zIndex=t.zIndex),e},t.prototype.getMaskElement=function(){var e=this.props,t=void 0;if(e.mask){var n=this.getMaskTransitionName();t=d["default"].createElement(S["default"],{style:this.getZIndexStyle(),key:"mask",className:e.prefixCls+"-mask",hiddenClassName:e.prefixCls+"-mask-hidden",visible:e.visible}),n&&(t=d["default"].createElement(w["default"],{key:"mask",showProp:"visible",transitionAppear:!0,component:"",transitionName:n},t))}return t},t.prototype.render=function(){return d["default"].createElement("div",null,this.getMaskElement(),this.getPopupElement())},t}(p.Component);P.propTypes={visible:v["default"].bool,style:v["default"].object,getClassNameFromAlign:v["default"].func,onAlign:v["default"].func,getRootDomNode:v["default"].func,onMouseEnter:v["default"].func,align:v["default"].any,destroyPopupOnHide:v["default"].bool,className:v["default"].string,prefixCls:v["default"].string,onMouseLeave:v["default"].func},t["default"]=P,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(12),d=r(p),h=n(380),v=r(h),m=function(e){function t(){return(0,i["default"])(this,t),(0,s["default"])(this,e.apply(this,arguments))}return(0,l["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.className;return e.visible||(t+=" "+e.hiddenClassName),f["default"].createElement("div",{className:t,onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave,style:e.style},f["default"].createElement(v["default"],{className:e.prefixCls+"-content",visible:e.visible},e.children))},t}(c.Component);m.propTypes={hiddenClassName:d["default"].string,className:d["default"].string,prefixCls:d["default"].string,onMouseEnter:d["default"].func,onMouseLeave:d["default"].func,children:d["default"].any},t["default"]=m,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(){return""}function a(){return window.document}Object.defineProperty(t,"__esModule",{value:!0});var s=n(9),u=r(s),l=n(1),c=r(l),f=n(12),p=r(f),d=n(2),h=n(57),v=r(h),m=n(477),y=r(m),g=n(79),b=r(g),_=n(1299),w=r(_),x=n(1302),C=n(479),E=r(C),S=["onClick","onMouseDown","onTouchStart","onMouseEnter","onMouseLeave","onFocus","onBlur"],P=(0,v["default"])({displayName:"Trigger",propTypes:{children:p["default"].any,action:p["default"].oneOfType([p["default"].string,p["default"].arrayOf(p["default"].string)]),showAction:p["default"].any,hideAction:p["default"].any,getPopupClassNameFromAlign:p["default"].any,onPopupVisibleChange:p["default"].func,afterPopupVisibleChange:p["default"].func,popup:p["default"].oneOfType([p["default"].node,p["default"].func]).isRequired,popupStyle:p["default"].object,prefixCls:p["default"].string,popupClassName:p["default"].string,popupPlacement:p["default"].string,builtinPlacements:p["default"].object,popupTransitionName:p["default"].oneOfType([p["default"].string,p["default"].object]),popupAnimation:p["default"].any,mouseEnterDelay:p["default"].number,mouseLeaveDelay:p["default"].number,zIndex:p["default"].number,focusDelay:p["default"].number,blurDelay:p["default"].number,getPopupContainer:p["default"].func,getDocument:p["default"].func,destroyPopupOnHide:p["default"].bool,mask:p["default"].bool,maskClosable:p["default"].bool,onPopupAlign:p["default"].func,popupAlign:p["default"].object,popupVisible:p["default"].bool,maskTransitionName:p["default"].oneOfType([p["default"].string,p["default"].object]),maskAnimation:p["default"].string},mixins:[(0,E["default"])({autoMount:!1,isVisible:function(e){return e.state.popupVisible},getContainer:function(e){var t=e.props,n=document.createElement("div");n.style.position="absolute",n.style.top="0",n.style.left="0",n.style.width="100%";var r=t.getPopupContainer?t.getPopupContainer((0,d.findDOMNode)(e)):t.getDocument().body;return r.appendChild(n),n}})],getDefaultProps:function(){return{prefixCls:"rc-trigger-popup",getPopupClassNameFromAlign:i,getDocument:a,onPopupVisibleChange:o,afterPopupVisibleChange:o,onPopupAlign:o,popupClassName:"",mouseEnterDelay:0,mouseLeaveDelay:.1,focusDelay:0,blurDelay:.15,popupStyle:{},destroyPopupOnHide:!1,popupAlign:{},defaultPopupVisible:!1,mask:!1,maskClosable:!0,action:[],showAction:[],hideAction:[]}},getInitialState:function(){var e=this.props,t=void 0;return t="popupVisible"in e?!!e.popupVisible:!!e.defaultPopupVisible,{popupVisible:t}},componentWillMount:function(){var e=this;S.forEach(function(t){e["fire"+t]=function(n){e.fireEvents(t,n)}})},componentDidMount:function(){this.componentDidUpdate({},{popupVisible:this.state.popupVisible})},componentWillReceiveProps:function(e){var t=e.popupVisible;void 0!==t&&this.setState({popupVisible:t})},componentDidUpdate:function(e,t){var n=this.props,r=this.state;if(this.renderComponent(null,function(){t.popupVisible!==r.popupVisible&&n.afterPopupVisibleChange(r.popupVisible)}),r.popupVisible){var o=void 0;return!this.clickOutsideHandler&&this.isClickToHide()&&(o=n.getDocument(),this.clickOutsideHandler=(0,b["default"])(o,"mousedown",this.onDocumentClick)),void(this.touchOutsideHandler||(o=o||n.getDocument(),this.touchOutsideHandler=(0,b["default"])(o,"touchstart",this.onDocumentClick)))}this.clearOutsideHandler()},componentWillUnmount:function(){this.clearDelayTimer(),this.clearOutsideHandler()},onMouseEnter:function(e){this.fireEvents("onMouseEnter",e),this.delaySetPopupVisible(!0,this.props.mouseEnterDelay)},onMouseLeave:function(e){this.fireEvents("onMouseLeave",e),this.delaySetPopupVisible(!1,this.props.mouseLeaveDelay)},onPopupMouseEnter:function(){this.clearDelayTimer()},onPopupMouseLeave:function(e){e.relatedTarget&&!e.relatedTarget.setTimeout&&this._component&&(0,y["default"])(this._component.getPopupDomNode(),e.relatedTarget)||this.delaySetPopupVisible(!1,this.props.mouseLeaveDelay)},onFocus:function(e){this.fireEvents("onFocus",e),this.clearDelayTimer(),this.isFocusToShow()&&(this.focusTime=Date.now(),this.delaySetPopupVisible(!0,this.props.focusDelay))},onMouseDown:function(e){this.fireEvents("onMouseDown",e),this.preClickTime=Date.now()},onTouchStart:function(e){this.fireEvents("onTouchStart",e),this.preTouchTime=Date.now()},onBlur:function(e){this.fireEvents("onBlur",e),this.clearDelayTimer(),this.isBlurToHide()&&this.delaySetPopupVisible(!1,this.props.blurDelay)},onClick:function(e){if(this.fireEvents("onClick",e),this.focusTime){var t=void 0;if(this.preClickTime&&this.preTouchTime?t=Math.min(this.preClickTime,this.preTouchTime):this.preClickTime?t=this.preClickTime:this.preTouchTime&&(t=this.preTouchTime),Math.abs(t-this.focusTime)<20)return;this.focusTime=0}this.preClickTime=0,this.preTouchTime=0,e.preventDefault();var n=!this.state.popupVisible;(this.isClickToHide()&&!n||n&&this.isClickToShow())&&this.setPopupVisible(!this.state.popupVisible)},onDocumentClick:function(e){if(!this.props.mask||this.props.maskClosable){var t=e.target,n=(0,d.findDOMNode)(this),r=this.getPopupDomNode();(0,y["default"])(n,t)||(0,y["default"])(r,t)||this.close()}},getPopupDomNode:function(){return this._component&&this._component.getPopupDomNode?this._component.getPopupDomNode():null},getRootDomNode:function(){return(0,d.findDOMNode)(this)},getPopupClassNameFromAlign:function(e){var t=[],n=this.props,r=n.popupPlacement,o=n.builtinPlacements,i=n.prefixCls;return r&&o&&t.push((0,x.getPopupClassNameFromAlign)(o,i,e)),n.getPopupClassNameFromAlign&&t.push(n.getPopupClassNameFromAlign(e)),t.join(" ")},getPopupAlign:function(){var e=this.props,t=e.popupPlacement,n=e.popupAlign,r=e.builtinPlacements;return t&&r?(0,x.getAlignFromPlacement)(r,t,n):n},getComponent:function(){var e=this.props,t=this.state,n={};return this.isMouseEnterToShow()&&(n.onMouseEnter=this.onPopupMouseEnter),this.isMouseLeaveToHide()&&(n.onMouseLeave=this.onPopupMouseLeave),c["default"].createElement(w["default"],(0,u["default"])({prefixCls:e.prefixCls,destroyPopupOnHide:e.destroyPopupOnHide,visible:t.popupVisible,className:e.popupClassName,action:e.action,align:this.getPopupAlign(),onAlign:e.onPopupAlign,animation:e.popupAnimation,getClassNameFromAlign:this.getPopupClassNameFromAlign},n,{getRootDomNode:this.getRootDomNode,style:e.popupStyle,mask:e.mask,zIndex:e.zIndex,transitionName:e.popupTransitionName,maskAnimation:e.maskAnimation,maskTransitionName:e.maskTransitionName}),"function"==typeof e.popup?e.popup():e.popup)},setPopupVisible:function(e){this.clearDelayTimer(),this.state.popupVisible!==e&&("popupVisible"in this.props||this.setState({popupVisible:e}),this.props.onPopupVisibleChange(e))},delaySetPopupVisible:function(e,t){var n=this,r=1e3*t;this.clearDelayTimer(),r?this.delayTimer=setTimeout(function(){n.setPopupVisible(e),n.clearDelayTimer()},r):this.setPopupVisible(e)},clearDelayTimer:function(){this.delayTimer&&(clearTimeout(this.delayTimer),this.delayTimer=null)},clearOutsideHandler:function(){this.clickOutsideHandler&&(this.clickOutsideHandler.remove(),this.clickOutsideHandler=null),this.touchOutsideHandler&&(this.touchOutsideHandler.remove(),this.touchOutsideHandler=null)},createTwoChains:function(e){var t=this.props.children.props,n=this.props;return t[e]&&n[e]?this["fire"+e]:t[e]||n[e]},isClickToShow:function(){var e=this.props,t=e.action,n=e.showAction;return t.indexOf("click")!==-1||n.indexOf("click")!==-1},isClickToHide:function(){var e=this.props,t=e.action,n=e.hideAction;return t.indexOf("click")!==-1||n.indexOf("click")!==-1},isMouseEnterToShow:function(){var e=this.props,t=e.action,n=e.showAction;return t.indexOf("hover")!==-1||n.indexOf("mouseEnter")!==-1},isMouseLeaveToHide:function(){var e=this.props,t=e.action,n=e.hideAction;return t.indexOf("hover")!==-1||n.indexOf("mouseLeave")!==-1},isFocusToShow:function(){var e=this.props,t=e.action,n=e.showAction;return t.indexOf("focus")!==-1||n.indexOf("focus")!==-1},isBlurToHide:function(){var e=this.props,t=e.action,n=e.hideAction;return t.indexOf("focus")!==-1||n.indexOf("blur")!==-1},forcePopupAlign:function(){this.state.popupVisible&&this.popupInstance&&this.popupInstance.alignInstance&&this.popupInstance.alignInstance.forceAlign()},fireEvents:function(e,t){var n=this.props.children.props[e];n&&n(t);var r=this.props[e];r&&r(t)},close:function(){this.setPopupVisible(!1)},render:function(){var e=this.props,t=e.children,n=c["default"].Children.only(t),r={};return this.isClickToHide()||this.isClickToShow()?(r.onClick=this.onClick,r.onMouseDown=this.onMouseDown,r.onTouchStart=this.onTouchStart):(r.onClick=this.createTwoChains("onClick"),r.onMouseDown=this.createTwoChains("onMouseDown"),r.onTouchStart=this.createTwoChains("onTouchStart")),this.isMouseEnterToShow()?r.onMouseEnter=this.onMouseEnter:r.onMouseEnter=this.createTwoChains("onMouseEnter"),this.isMouseLeaveToHide()?r.onMouseLeave=this.onMouseLeave:r.onMouseLeave=this.createTwoChains("onMouseLeave"),this.isFocusToShow()||this.isBlurToHide()?(r.onFocus=this.onFocus,r.onBlur=this.onBlur):(r.onFocus=this.createTwoChains("onFocus"),r.onBlur=this.createTwoChains("onBlur")),c["default"].cloneElement(n,r)}});t["default"]=P,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){return e[0]===t[0]&&e[1]===t[1]}function i(e,t,n){var r=e[t]||{};return(0,u["default"])({},r,n)}function a(e,t,n){var r=n.points;for(var i in e)if(e.hasOwnProperty(i)&&o(e[i].points,r))return t+"-placement-"+i;return""}Object.defineProperty(t,"__esModule",{value:!0});var s=n(9),u=r(s);t.getAlignFromPlacement=i,t.getPopupClassNameFromAlign=a},function(e,t){(function(t){e.exports=t}).call(t,{})},function(e,t){e.exports=function(e){return e.webpackPolyfill||(e.deprecate=function(){},e.paths=[],e.children=[],e.webpackPolyfill=1),e}},function(e,t){"use strict";var n={childContextTypes:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,mixins:!0,propTypes:!0,type:!0},r={name:!0,length:!0,prototype:!0,caller:!0,arguments:!0,arity:!0},o="function"==typeof Object.getOwnPropertySymbols;e.exports=function(e,t,i){if("string"!=typeof t){var a=Object.getOwnPropertyNames(t);o&&(a=a.concat(Object.getOwnPropertySymbols(t)));for(var s=0;s<a.length;++s)if(!(n[a[s]]||r[a[s]]||i&&i[a[s]]))try{e[a[s]]=t[a[s]]}catch(u){}}return e}},function(e,t,n){"use strict";t=e.exports=n(1307)["default"],t["default"]=t},function(e,t){"use strict";t["default"]=function(){function e(e,t){function n(){this.constructor=e}n.prototype=t.prototype,e.prototype=new n}function t(e,t,n,r,o,i){this.message=e,this.expected=t,this.found=n,this.offset=r,this.line=o,this.column=i,this.name="SyntaxError"}function n(e){function n(t){function n(t,n,r){var o,i;
-for(o=n;o<r;o++)i=e.charAt(o),"\n"===i?(t.seenCR||t.line++,t.column=1,t.seenCR=!1):"\r"===i||"\u2028"===i||"\u2029"===i?(t.line++,t.column=1,t.seenCR=!0):(t.column++,t.seenCR=!1)}return Xe!==t&&(Xe>t&&(Xe=0,$e={line:1,column:1,seenCR:!1}),n($e,Xe,t),Xe=t),$e}function r(e){Ye<Ze||(Ye>Ze&&(Ze=Ye,Qe=[]),Qe.push(e))}function o(r,o,i){function a(e){var t=1;for(e.sort(function(e,t){return e.description<t.description?-1:e.description>t.description?1:0});t<e.length;)e[t-1]===e[t]?e.splice(t,1):t++}function s(e,t){function n(e){function t(e){return e.charCodeAt(0).toString(16).toUpperCase()}return e.replace(/\\/g,"\\\\").replace(/"/g,'\\"').replace(/\x08/g,"\\b").replace(/\t/g,"\\t").replace(/\n/g,"\\n").replace(/\f/g,"\\f").replace(/\r/g,"\\r").replace(/[\x00-\x07\x0B\x0E\x0F]/g,function(e){return"\\x0"+t(e)}).replace(/[\x10-\x1F\x80-\xFF]/g,function(e){return"\\x"+t(e)}).replace(/[\u0180-\u0FFF]/g,function(e){return"\\u0"+t(e)}).replace(/[\u1080-\uFFFF]/g,function(e){return"\\u"+t(e)})}var r,o,i,a=new Array(e.length);for(i=0;i<e.length;i++)a[i]=e[i].description;return r=e.length>1?a.slice(0,-1).join(", ")+" or "+a[e.length-1]:a[0],o=t?'"'+n(t)+'"':"end of input","Expected "+r+" but "+o+" found."}var u=n(i),l=i<e.length?e.charAt(i):null;return null!==o&&a(o),new t(null!==r?r:s(o,l),o,l,i,u.line,u.column)}function i(){var e;return e=a()}function a(){var e,t,n;for(e=Ye,t=[],n=s();n!==M;)t.push(n),n=s();return t!==M&&(Ge=e,t=D(t)),e=t}function s(){var e;return e=l(),e===M&&(e=f()),e}function u(){var t,n,r,o,i,a;if(t=Ye,n=[],r=Ye,o=x(),o!==M?(i=O(),i!==M?(a=x(),a!==M?(o=[o,i,a],r=o):(Ye=r,r=j)):(Ye=r,r=j)):(Ye=r,r=j),r!==M)for(;r!==M;)n.push(r),r=Ye,o=x(),o!==M?(i=O(),i!==M?(a=x(),a!==M?(o=[o,i,a],r=o):(Ye=r,r=j)):(Ye=r,r=j)):(Ye=r,r=j);else n=j;return n!==M&&(Ge=t,n=R(n)),t=n,t===M&&(t=Ye,n=w(),n!==M&&(n=e.substring(t,Ye)),t=n),t}function l(){var e,t;return e=Ye,t=u(),t!==M&&(Ge=e,t=I(t)),e=t}function c(){var t,n,o;if(t=S(),t===M){if(t=Ye,n=[],L.test(e.charAt(Ye))?(o=e.charAt(Ye),Ye++):(o=M,0===Je&&r(F)),o!==M)for(;o!==M;)n.push(o),L.test(e.charAt(Ye))?(o=e.charAt(Ye),Ye++):(o=M,0===Je&&r(F));else n=j;n!==M&&(n=e.substring(t,Ye)),t=n}return t}function f(){var t,n,o,i,a,s,u,l,f;return t=Ye,123===e.charCodeAt(Ye)?(n=U,Ye++):(n=M,0===Je&&r(V)),n!==M?(o=x(),o!==M?(i=c(),i!==M?(a=x(),a!==M?(s=Ye,44===e.charCodeAt(Ye)?(u=z,Ye++):(u=M,0===Je&&r(H)),u!==M?(l=x(),l!==M?(f=p(),f!==M?(u=[u,l,f],s=u):(Ye=s,s=j)):(Ye=s,s=j)):(Ye=s,s=j),s===M&&(s=B),s!==M?(u=x(),u!==M?(125===e.charCodeAt(Ye)?(l=K,Ye++):(l=M,0===Je&&r(W)),l!==M?(Ge=t,n=q(i,s),t=n):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j),t}function p(){var e;return e=d(),e===M&&(e=h(),e===M&&(e=v(),e===M&&(e=m()))),e}function d(){var t,n,o,i,a,s,u;return t=Ye,e.substr(Ye,6)===Y?(n=Y,Ye+=6):(n=M,0===Je&&r(G)),n===M&&(e.substr(Ye,4)===X?(n=X,Ye+=4):(n=M,0===Je&&r($)),n===M&&(e.substr(Ye,4)===Z?(n=Z,Ye+=4):(n=M,0===Je&&r(Q)))),n!==M?(o=x(),o!==M?(i=Ye,44===e.charCodeAt(Ye)?(a=z,Ye++):(a=M,0===Je&&r(H)),a!==M?(s=x(),s!==M?(u=O(),u!==M?(a=[a,s,u],i=a):(Ye=i,i=j)):(Ye=i,i=j)):(Ye=i,i=j),i===M&&(i=B),i!==M?(Ge=t,n=J(n,i),t=n):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j),t}function h(){var t,n,o,i,a,s;return t=Ye,e.substr(Ye,6)===ee?(n=ee,Ye+=6):(n=M,0===Je&&r(te)),n!==M?(o=x(),o!==M?(44===e.charCodeAt(Ye)?(i=z,Ye++):(i=M,0===Je&&r(H)),i!==M?(a=x(),a!==M?(s=_(),s!==M?(Ge=t,n=ne(s),t=n):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j),t}function v(){var t,n,o,i,a,s;return t=Ye,e.substr(Ye,13)===re?(n=re,Ye+=13):(n=M,0===Je&&r(oe)),n!==M?(o=x(),o!==M?(44===e.charCodeAt(Ye)?(i=z,Ye++):(i=M,0===Je&&r(H)),i!==M?(a=x(),a!==M?(s=_(),s!==M?(Ge=t,n=ie(s),t=n):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j),t}function m(){var t,n,o,i,a,s,u;if(t=Ye,e.substr(Ye,6)===ae?(n=ae,Ye+=6):(n=M,0===Je&&r(se)),n!==M)if(o=x(),o!==M)if(44===e.charCodeAt(Ye)?(i=z,Ye++):(i=M,0===Je&&r(H)),i!==M)if(a=x(),a!==M){if(s=[],u=g(),u!==M)for(;u!==M;)s.push(u),u=g();else s=j;s!==M?(Ge=t,n=ue(s),t=n):(Ye=t,t=j)}else Ye=t,t=j;else Ye=t,t=j;else Ye=t,t=j;else Ye=t,t=j;return t}function y(){var t,n,o,i;return t=Ye,n=Ye,61===e.charCodeAt(Ye)?(o=le,Ye++):(o=M,0===Je&&r(ce)),o!==M?(i=S(),i!==M?(o=[o,i],n=o):(Ye=n,n=j)):(Ye=n,n=j),n!==M&&(n=e.substring(t,Ye)),t=n,t===M&&(t=O()),t}function g(){var t,n,o,i,s,u,l,c,f;return t=Ye,n=x(),n!==M?(o=y(),o!==M?(i=x(),i!==M?(123===e.charCodeAt(Ye)?(s=U,Ye++):(s=M,0===Je&&r(V)),s!==M?(u=x(),u!==M?(l=a(),l!==M?(c=x(),c!==M?(125===e.charCodeAt(Ye)?(f=K,Ye++):(f=M,0===Je&&r(W)),f!==M?(Ge=t,n=fe(o,l),t=n):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j),t}function b(){var t,n,o,i;return t=Ye,e.substr(Ye,7)===pe?(n=pe,Ye+=7):(n=M,0===Je&&r(de)),n!==M?(o=x(),o!==M?(i=S(),i!==M?(Ge=t,n=he(i),t=n):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j),t}function _(){var e,t,n,r,o;if(e=Ye,t=b(),t===M&&(t=B),t!==M)if(n=x(),n!==M){if(r=[],o=g(),o!==M)for(;o!==M;)r.push(o),o=g();else r=j;r!==M?(Ge=e,t=ve(t,r),e=t):(Ye=e,e=j)}else Ye=e,e=j;else Ye=e,e=j;return e}function w(){var t,n;if(Je++,t=[],ye.test(e.charAt(Ye))?(n=e.charAt(Ye),Ye++):(n=M,0===Je&&r(ge)),n!==M)for(;n!==M;)t.push(n),ye.test(e.charAt(Ye))?(n=e.charAt(Ye),Ye++):(n=M,0===Je&&r(ge));else t=j;return Je--,t===M&&(n=M,0===Je&&r(me)),t}function x(){var t,n,o;for(Je++,t=Ye,n=[],o=w();o!==M;)n.push(o),o=w();return n!==M&&(n=e.substring(t,Ye)),t=n,Je--,t===M&&(n=M,0===Je&&r(be)),t}function C(){var t;return _e.test(e.charAt(Ye))?(t=e.charAt(Ye),Ye++):(t=M,0===Je&&r(we)),t}function E(){var t;return xe.test(e.charAt(Ye))?(t=e.charAt(Ye),Ye++):(t=M,0===Je&&r(Ce)),t}function S(){var t,n,o,i,a,s;if(t=Ye,48===e.charCodeAt(Ye)?(n=Ee,Ye++):(n=M,0===Je&&r(Se)),n===M){if(n=Ye,o=Ye,Pe.test(e.charAt(Ye))?(i=e.charAt(Ye),Ye++):(i=M,0===Je&&r(Oe)),i!==M){for(a=[],s=C();s!==M;)a.push(s),s=C();a!==M?(i=[i,a],o=i):(Ye=o,o=j)}else Ye=o,o=j;o!==M&&(o=e.substring(n,Ye)),n=o}return n!==M&&(Ge=t,n=Te(n)),t=n}function P(){var t,n,o,i,a,s,u,l;return ke.test(e.charAt(Ye))?(t=e.charAt(Ye),Ye++):(t=M,0===Je&&r(Me)),t===M&&(t=Ye,e.substr(Ye,2)===Ne?(n=Ne,Ye+=2):(n=M,0===Je&&r(Ae)),n!==M&&(Ge=t,n=De()),t=n,t===M&&(t=Ye,e.substr(Ye,2)===je?(n=je,Ye+=2):(n=M,0===Je&&r(Re)),n!==M&&(Ge=t,n=Ie()),t=n,t===M&&(t=Ye,e.substr(Ye,2)===Le?(n=Le,Ye+=2):(n=M,0===Je&&r(Fe)),n!==M&&(Ge=t,n=Ue()),t=n,t===M&&(t=Ye,e.substr(Ye,2)===Ve?(n=Ve,Ye+=2):(n=M,0===Je&&r(Be)),n!==M&&(Ge=t,n=ze()),t=n,t===M&&(t=Ye,e.substr(Ye,2)===He?(n=He,Ye+=2):(n=M,0===Je&&r(Ke)),n!==M?(o=Ye,i=Ye,a=E(),a!==M?(s=E(),s!==M?(u=E(),u!==M?(l=E(),l!==M?(a=[a,s,u,l],i=a):(Ye=i,i=j)):(Ye=i,i=j)):(Ye=i,i=j)):(Ye=i,i=j),i!==M&&(i=e.substring(o,Ye)),o=i,o!==M?(Ge=t,n=We(o),t=n):(Ye=t,t=j)):(Ye=t,t=j)))))),t}function O(){var e,t,n;if(e=Ye,t=[],n=P(),n!==M)for(;n!==M;)t.push(n),n=P();else t=j;return t!==M&&(Ge=e,t=qe(t)),e=t}var T,k=arguments.length>1?arguments[1]:{},M={},N={start:i},A=i,D=function(e){return{type:"messageFormatPattern",elements:e}},j=M,R=function(e){var t,n,r,o,i,a="";for(t=0,r=e.length;t<r;t+=1)for(o=e[t],n=0,i=o.length;n<i;n+=1)a+=o[n];return a},I=function(e){return{type:"messageTextElement",value:e}},L=/^[^ \t\n\r,.+={}#]/,F={type:"class",value:"[^ \\t\\n\\r,.+={}#]",description:"[^ \\t\\n\\r,.+={}#]"},U="{",V={type:"literal",value:"{",description:'"{"'},B=null,z=",",H={type:"literal",value:",",description:'","'},K="}",W={type:"literal",value:"}",description:'"}"'},q=function(e,t){return{type:"argumentElement",id:e,format:t&&t[2]}},Y="number",G={type:"literal",value:"number",description:'"number"'},X="date",$={type:"literal",value:"date",description:'"date"'},Z="time",Q={type:"literal",value:"time",description:'"time"'},J=function(e,t){return{type:e+"Format",style:t&&t[2]}},ee="plural",te={type:"literal",value:"plural",description:'"plural"'},ne=function(e){return{type:e.type,ordinal:!1,offset:e.offset||0,options:e.options}},re="selectordinal",oe={type:"literal",value:"selectordinal",description:'"selectordinal"'},ie=function(e){return{type:e.type,ordinal:!0,offset:e.offset||0,options:e.options}},ae="select",se={type:"literal",value:"select",description:'"select"'},ue=function(e){return{type:"selectFormat",options:e}},le="=",ce={type:"literal",value:"=",description:'"="'},fe=function(e,t){return{type:"optionalFormatPattern",selector:e,value:t}},pe="offset:",de={type:"literal",value:"offset:",description:'"offset:"'},he=function(e){return e},ve=function(e,t){return{type:"pluralFormat",offset:e,options:t}},me={type:"other",description:"whitespace"},ye=/^[ \t\n\r]/,ge={type:"class",value:"[ \\t\\n\\r]",description:"[ \\t\\n\\r]"},be={type:"other",description:"optionalWhitespace"},_e=/^[0-9]/,we={type:"class",value:"[0-9]",description:"[0-9]"},xe=/^[0-9a-f]/i,Ce={type:"class",value:"[0-9a-f]i",description:"[0-9a-f]i"},Ee="0",Se={type:"literal",value:"0",description:'"0"'},Pe=/^[1-9]/,Oe={type:"class",value:"[1-9]",description:"[1-9]"},Te=function(e){return parseInt(e,10)},ke=/^[^{}\\\0-\x1F\x7f \t\n\r]/,Me={type:"class",value:"[^{}\\\\\\0-\\x1F\x7f \\t\\n\\r]",description:"[^{}\\\\\\0-\\x1F\x7f \\t\\n\\r]"},Ne="\\\\",Ae={type:"literal",value:"\\\\",description:'"\\\\\\\\"'},De=function(){return"\\"},je="\\#",Re={type:"literal",value:"\\#",description:'"\\\\#"'},Ie=function(){return"\\#"},Le="\\{",Fe={type:"literal",value:"\\{",description:'"\\\\{"'},Ue=function(){return"{"},Ve="\\}",Be={type:"literal",value:"\\}",description:'"\\\\}"'},ze=function(){return"}"},He="\\u",Ke={type:"literal",value:"\\u",description:'"\\\\u"'},We=function(e){return String.fromCharCode(parseInt(e,16))},qe=function(e){return e.join("")},Ye=0,Ge=0,Xe=0,$e={line:1,column:1,seenCR:!1},Ze=0,Qe=[],Je=0;if("startRule"in k){if(!(k.startRule in N))throw new Error("Can't start parsing from rule \""+k.startRule+'".');A=N[k.startRule]}if(T=A(),T!==M&&Ye===e.length)return T;throw T!==M&&Ye<e.length&&r({type:"end",description:"end of input"}),o(null,Qe,Ze)}return e(t,Error),{SyntaxError:t,parse:n}}()},function(e,t,n){"use strict";function r(e,t,n){n=n||{},9===t.nodeType&&(t=o.getWindow(t));var r=n.allowHorizontalScroll,i=n.onlyScrollIfNeeded,a=n.alignWithTop,s=n.alignWithLeft,u=n.offsetTop||0,l=n.offsetLeft||0,c=n.offsetBottom||0,f=n.offsetRight||0;r=void 0===r||r;var p=o.isWindow(t),d=o.offset(e),h=o.outerHeight(e),v=o.outerWidth(e),m=void 0,y=void 0,g=void 0,b=void 0,_=void 0,w=void 0,x=void 0,C=void 0,E=void 0,S=void 0;p?(x=t,S=o.height(x),E=o.width(x),C={left:o.scrollLeft(x),top:o.scrollTop(x)},_={left:d.left-C.left-l,top:d.top-C.top-u},w={left:d.left+v-(C.left+E)+f,top:d.top+h-(C.top+S)+c},b=C):(m=o.offset(t),y=t.clientHeight,g=t.clientWidth,b={left:t.scrollLeft,top:t.scrollTop},_={left:d.left-(m.left+(parseFloat(o.css(t,"borderLeftWidth"))||0))-l,top:d.top-(m.top+(parseFloat(o.css(t,"borderTopWidth"))||0))-u},w={left:d.left+v-(m.left+g+(parseFloat(o.css(t,"borderRightWidth"))||0))+f,top:d.top+h-(m.top+y+(parseFloat(o.css(t,"borderBottomWidth"))||0))+c}),_.top<0||w.top>0?a===!0?o.scrollTop(t,b.top+_.top):a===!1?o.scrollTop(t,b.top+w.top):_.top<0?o.scrollTop(t,b.top+_.top):o.scrollTop(t,b.top+w.top):i||(a=void 0===a||!!a,a?o.scrollTop(t,b.top+_.top):o.scrollTop(t,b.top+w.top)),r&&(_.left<0||w.left>0?s===!0?o.scrollLeft(t,b.left+_.left):s===!1?o.scrollLeft(t,b.left+w.left):_.left<0?o.scrollLeft(t,b.left+_.left):o.scrollLeft(t,b.left+w.left):i||(s=void 0===s||!!s,s?o.scrollLeft(t,b.left+_.left):o.scrollLeft(t,b.left+w.left)))}var o=n(1309);e.exports=r},function(e,t){"use strict";function n(e){var t=void 0,n=void 0,r=void 0,o=e.ownerDocument,i=o.body,a=o&&o.documentElement;return t=e.getBoundingClientRect(),n=t.left,r=t.top,n-=a.clientLeft||i.clientLeft||0,r-=a.clientTop||i.clientTop||0,{left:n,top:r}}function r(e,t){var n=e["page"+(t?"Y":"X")+"Offset"],r="scroll"+(t?"Top":"Left");if("number"!=typeof n){var o=e.document;n=o.documentElement[r],"number"!=typeof n&&(n=o.body[r])}return n}function o(e){return r(e)}function i(e){return r(e,!0)}function a(e){var t=n(e),r=e.ownerDocument,a=r.defaultView||r.parentWindow;return t.left+=o(a),t.top+=i(a),t}function s(e,t,n){var r="",o=e.ownerDocument,i=n||o.defaultView.getComputedStyle(e,null);return i&&(r=i.getPropertyValue(t)||i[t]),r}function u(e,t){var n=e[C]&&e[C][t];if(w.test(n)&&!x.test(t)){var r=e.style,o=r[S],i=e[E][S];e[E][S]=e[C][S],r[S]="fontSize"===t?"1em":n||0,n=r.pixelLeft+P,r[S]=o,e[E][S]=i}return""===n?"auto":n}function l(e,t){for(var n=0;n<e.length;n++)t(e[n])}function c(e){return"border-box"===O(e,"boxSizing")}function f(e,t,n){var r={},o=e.style,i=void 0;for(i in t)t.hasOwnProperty(i)&&(r[i]=o[i],o[i]=t[i]);n.call(e);for(i in t)t.hasOwnProperty(i)&&(o[i]=r[i])}function p(e,t,n){var r=0,o=void 0,i=void 0,a=void 0;for(i=0;i<t.length;i++)if(o=t[i])for(a=0;a<n.length;a++){var s=void 0;s="border"===o?o+n[a]+"Width":o+n[a],r+=parseFloat(O(e,s))||0}return r}function d(e){return null!=e&&e==e.window}function h(e,t,n){if(d(e))return"width"===t?D.viewportWidth(e):D.viewportHeight(e);if(9===e.nodeType)return"width"===t?D.docWidth(e):D.docHeight(e);var r="width"===t?["Left","Right"]:["Top","Bottom"],o="width"===t?e.offsetWidth:e.offsetHeight,i=O(e),a=c(e,i),s=0;(null==o||o<=0)&&(o=void 0,s=O(e,t),(null==s||Number(s)<0)&&(s=e.style[t]||0),s=parseFloat(s)||0),void 0===n&&(n=a?N:k);var u=void 0!==o||a,l=o||s;if(n===k)return u?l-p(e,["border","padding"],r,i):s;if(u){var f=n===M?-p(e,["border"],r,i):p(e,["margin"],r,i);return l+(n===N?0:f)}return s+p(e,T.slice(n),r,i)}function v(e){var t=void 0,n=arguments;return 0!==e.offsetWidth?t=h.apply(void 0,n):f(e,j,function(){t=h.apply(void 0,n)}),t}function m(e,t,n){var r=n;{if("object"!==("undefined"==typeof t?"undefined":b(t)))return"undefined"!=typeof r?("number"==typeof r&&(r+="px"),void(e.style[t]=r)):O(e,t);for(var o in t)t.hasOwnProperty(o)&&m(e,o,t[o])}}function y(e,t){"static"===m(e,"position")&&(e.style.position="relative");var n=a(e),r={},o=void 0,i=void 0;for(i in t)t.hasOwnProperty(i)&&(o=parseFloat(m(e,i))||0,r[i]=o+t[i]-n[i]);m(e,r)}var g=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e},_=/[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source,w=new RegExp("^("+_+")(?!px)[a-z%]+$","i"),x=/^(top|right|bottom|left)$/,C="currentStyle",E="runtimeStyle",S="left",P="px",O=void 0;"undefined"!=typeof window&&(O=window.getComputedStyle?s:u);var T=["margin","border","padding"],k=-1,M=2,N=1,A=0,D={};l(["Width","Height"],function(e){D["doc"+e]=function(t){var n=t.document;return Math.max(n.documentElement["scroll"+e],n.body["scroll"+e],D["viewport"+e](n))},D["viewport"+e]=function(t){var n="client"+e,r=t.document,o=r.body,i=r.documentElement,a=i[n];return"CSS1Compat"===r.compatMode&&a||o&&o[n]||a}});var j={position:"absolute",visibility:"hidden",display:"block"};l(["width","height"],function(e){var t=e.charAt(0).toUpperCase()+e.slice(1);D["outer"+t]=function(t,n){return t&&v(t,e,n?A:N)};var n="width"===e?["Left","Right"]:["Top","Bottom"];D[e]=function(t,r){if(void 0===r)return t&&v(t,e,k);if(t){var o=O(t),i=c(t);return i&&(r+=p(t,["padding","border"],n,o)),m(t,e,r)}}}),e.exports=g({getWindow:function(e){var t=e.ownerDocument||e;return t.defaultView||t.parentWindow},offset:function(e,t){return"undefined"==typeof t?a(e):void y(e,t)},isWindow:d,each:l,css:m,clone:function(e){var t={};for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);var r=e.overflow;if(r)for(var n in e)e.hasOwnProperty(n)&&(t.overflow[n]=e.overflow[n]);return t},scrollLeft:function(e,t){if(d(e)){if(void 0===t)return o(e);window.scrollTo(t,i(e))}else{if(void 0===t)return e.scrollLeft;e.scrollLeft=t}},scrollTop:function(e,t){if(d(e)){if(void 0===t)return i(e);window.scrollTo(o(e),t)}else{if(void 0===t)return e.scrollTop;e.scrollTop=t}},viewportWidth:0,viewportHeight:0},D)},function(e,t,n){var r;/*!
+e(n(839))})})},"zh-CN":function(){return new Promise(function(e){n.e(163,function(t){e(n(840))})})}}},mention:{demo:function(){return new Promise(function(e){n.e(8,function(t){e(n(1163))})})},index:{"en-US":function(){return new Promise(function(e){n.e(162,function(t){e(n(850))})})},"zh-CN":function(){return new Promise(function(e){n.e(161,function(t){e(n(851))})})}}},menu:{demo:function(){return new Promise(function(e){n.e(25,function(t){e(n(1164))})})},index:{"en-US":function(){return new Promise(function(e){n.e(160,function(t){e(n(858))})})},"zh-CN":function(){return new Promise(function(e){n.e(159,function(t){e(n(859))})})}}},message:{demo:function(){return new Promise(function(e){n.e(38,function(t){e(n(1165))})})},index:{"en-US":function(){return new Promise(function(e){n.e(158,function(t){e(n(864))})})},"zh-CN":function(){return new Promise(function(e){n.e(157,function(t){e(n(865))})})}}},modal:{demo:function(){return new Promise(function(e){n.e(7,function(t){e(n(1166))})})},index:{"en-US":function(){return new Promise(function(e){n.e(156,function(t){e(n(875))})})},"zh-CN":function(){return new Promise(function(e){n.e(155,function(t){e(n(876))})})}}},notification:{demo:function(){return new Promise(function(e){n.e(24,function(t){e(n(1167))})})},index:{"en-US":function(){return new Promise(function(e){n.e(154,function(t){e(n(883))})})},"zh-CN":function(){return new Promise(function(e){n.e(153,function(t){e(n(884))})})}}},pagination:{demo:function(){return new Promise(function(e){n.e(13,function(t){e(n(1168))})})},index:{"en-US":function(){return new Promise(function(e){n.e(152,function(t){e(n(893))})})},"zh-CN":function(){return new Promise(function(e){n.e(151,function(t){e(n(894))})})}}},popconfirm:{demo:function(){return new Promise(function(e){n.e(37,function(t){e(n(1169))})})},index:{"en-US":function(){return new Promise(function(e){n.e(150,function(t){e(n(899))})})},"zh-CN":function(){return new Promise(function(e){n.e(149,function(t){e(n(900))})})}}},popover:{demo:function(){return new Promise(function(e){n.e(32,function(t){e(n(1170))})})},index:{"en-US":function(){return new Promise(function(e){n.e(148,function(t){e(n(906))})})},"zh-CN":function(){return new Promise(function(e){n.e(147,function(t){e(n(907))})})}}},progress:{demo:function(){return new Promise(function(e){n.e(12,function(t){e(n(1171))})})},index:{"en-US":function(){return new Promise(function(e){n.e(146,function(t){e(n(916))})})},"zh-CN":function(){return new Promise(function(e){n.e(145,function(t){e(n(917))})})}}},radio:{demo:function(){return new Promise(function(e){n.e(20,function(t){e(n(1172))})})},index:{"en-US":function(){return new Promise(function(e){n.e(144,function(t){e(n(925))})})},"zh-CN":function(){return new Promise(function(e){n.e(143,function(t){e(n(926))})})}}},rate:{demo:function(){return new Promise(function(e){n.e(31,function(t){e(n(1173))})})},index:{"en-US":function(){return new Promise(function(e){n.e(142,function(t){e(n(932))})})},"zh-CN":function(){return new Promise(function(e){n.e(141,function(t){e(n(933))})})}}},select:{demo:function(){return new Promise(function(e){n.e(1,function(t){e(n(1174))})})},index:{"en-US":function(){return new Promise(function(e){n.e(140,function(t){e(n(946))})})},"zh-CN":function(){return new Promise(function(e){n.e(139,function(t){e(n(947))})})}}},slider:{demo:function(){return new Promise(function(e){n.e(19,function(t){e(n(1175))})})},index:{"en-US":function(){return new Promise(function(e){n.e(138,function(t){e(n(955))})})},"zh-CN":function(){return new Promise(function(e){n.e(137,function(t){e(n(956))})})}}},spin:{demo:function(){return new Promise(function(e){n.e(23,function(t){e(n(1176))})})},index:{"en-US":function(){return new Promise(function(e){n.e(136,function(t){e(n(963))})})},"zh-CN":function(){return new Promise(function(e){n.e(135,function(t){e(n(964))})})}}},steps:{demo:function(){return new Promise(function(e){n.e(6,function(t){e(n(1177))})})},index:{"en-US":function(){return new Promise(function(e){n.e(134,function(t){e(n(974))})})},"zh-CN":function(){return new Promise(function(e){n.e(133,function(t){e(n(975))})})}}},"switch":{demo:function(){return new Promise(function(e){n.e(36,function(t){e(n(1178))})})},index:{"en-US":function(){return new Promise(function(e){n.e(132,function(t){e(n(980))})})},"zh-CN":function(){return new Promise(function(e){n.e(131,function(t){e(n(981))})})}}},table:{demo:function(){return new Promise(function(e){n.e(0,function(t){e(n(1179))})})},index:{"en-US":function(){return new Promise(function(e){n.e(130,function(t){e(n(1004))})})},"zh-CN":function(){return new Promise(function(e){n.e(129,function(t){e(n(1005))})})}}},tabs:{demo:function(){return new Promise(function(e){n.e(3,function(t){e(n(1180))})})},index:{"en-US":function(){return new Promise(function(e){n.e(128,function(t){e(n(1017))})})},"zh-CN":function(){return new Promise(function(e){n.e(127,function(t){e(n(1018))})})}}},tag:{demo:function(){return new Promise(function(e){n.e(30,function(t){e(n(1181))})})},index:{"en-US":function(){return new Promise(function(e){n.e(126,function(t){e(n(1024))})})},"zh-CN":function(){return new Promise(function(e){n.e(125,function(t){e(n(1025))})})}}},"time-picker":{demo:function(){return new Promise(function(e){n.e(11,function(t){e(n(1182))})})},index:{"en-US":function(){return new Promise(function(e){n.e(124,function(t){e(n(1034))})})},"zh-CN":function(){return new Promise(function(e){n.e(123,function(t){e(n(1035))})})}}},timeline:{demo:function(){return new Promise(function(e){n.e(35,function(t){e(n(1183))})})},index:{"en-US":function(){return new Promise(function(e){n.e(122,function(t){e(n(1040))})})},"zh-CN":function(){return new Promise(function(e){n.e(121,function(t){e(n(1041))})})}}},tooltip:{demo:function(){return new Promise(function(e){n.e(43,function(t){e(n(1184))})})},index:{"en-US":function(){return new Promise(function(e){n.e(120,function(t){e(n(1045))})})},"zh-CN":function(){return new Promise(function(e){n.e(119,function(t){e(n(1046))})})}}},transfer:{demo:function(){return new Promise(function(e){n.e(29,function(t){e(n(1185))})})},index:{"en-US":function(){return new Promise(function(e){n.e(118,function(t){e(n(1052))})})},"zh-CN":function(){return new Promise(function(e){n.e(117,function(t){e(n(1053))})})}}},tree:{demo:function(){return new Promise(function(e){n.e(18,function(t){e(n(1186))})})},index:{"en-US":function(){return new Promise(function(e){n.e(114,function(t){e(n(1066))})})},"zh-CN":function(){return new Promise(function(e){n.e(113,function(t){e(n(1067))})})}}},"tree-select":{demo:function(){return new Promise(function(e){n.e(42,function(t){e(n(1187))})})},index:{"en-US":function(){return new Promise(function(e){n.e(116,function(t){e(n(1057))})})},"zh-CN":function(){return new Promise(function(e){n.e(115,function(t){e(n(1058))})})}}},upload:{demo:function(){return new Promise(function(e){n.e(17,function(t){e(n(1188))})})},index:{"en-US":function(){return new Promise(function(e){n.e(112,function(t){e(n(1075))})})},"zh-CN":function(){return new Promise(function(e){n.e(111,function(t){e(n(1076))})})}}}},docs:{pattern:{"advanced-search":function(){return new Promise(function(e){n.e(110,function(t){e(n(1077))})})},"complex-table":function(){return new Promise(function(e){n.e(109,function(t){e(n(1078))})})},form:function(){return new Promise(function(e){n.e(108,function(t){e(n(1079))})})},list:function(){return new Promise(function(e){n.e(107,function(t){e(n(1080))})})},navigation:function(){return new Promise(function(e){n.e(106,function(t){e(n(1081))})})},table:function(){return new Promise(function(e){n.e(105,function(t){e(n(1082))})})}},react:{"customize-theme":{"en-US":function(){return new Promise(function(e){n.e(104,function(t){e(n(1083))})})},"zh-CN":function(){return new Promise(function(e){n.e(103,function(t){e(n(1084))})})}},"getting-started":{"en-US":function(){return new Promise(function(e){n.e(102,function(t){e(n(1085))})})},"zh-CN":function(){return new Promise(function(e){n.e(101,function(t){e(n(1086))})})}},i18n:{"en-US":function(){return new Promise(function(e){n.e(100,function(t){e(n(1087))})})},"zh-CN":function(){return new Promise(function(e){n.e(99,function(t){e(n(1088))})})}},introduce:{"en-US":function(){return new Promise(function(e){n.e(98,function(t){e(n(1089))})})},"zh-CN":function(){return new Promise(function(e){n.e(97,function(t){e(n(1090))})})}},"practical-projects":{"en-US":function(){return new Promise(function(e){n.e(96,function(t){e(n(1091))})})},"zh-CN":function(){return new Promise(function(e){n.e(95,function(t){e(n(1092))})})}},recommendation:{"en-US":function(){return new Promise(function(e){n.e(94,function(t){e(n(1093))})})},"zh-CN":function(){return new Promise(function(e){n.e(93,function(t){e(n(1094))})})}},"use-with-create-react-app":{"en-US":function(){return new Promise(function(e){n.e(92,function(t){e(n(1095))})})},"zh-CN":function(){return new Promise(function(e){n.e(91,function(t){e(n(1096))})})}}},resource:{download:{"en-US":function(){return new Promise(function(e){n.e(90,function(t){e(n(1097))})})},"zh-CN":function(){return new Promise(function(e){n.e(89,function(t){e(n(1098))})})}},github:function(){return new Promise(function(e){n.e(88,function(t){e(n(1099))})})},reference:{"en-US":function(){return new Promise(function(e){n.e(87,function(t){e(n(1100))})})},"zh-CN":function(){return new Promise(function(e){n.e(86,function(t){e(n(1101))})})}}},spec:{alignment:{"en-US":function(){return new Promise(function(e){n.e(85,function(t){e(n(1102))})})},"zh-CN":function(){return new Promise(function(e){n.e(84,function(t){e(n(1103))})})}},cases:{"en-US":function(){return new Promise(function(e){n.e(83,function(t){e(n(1104))})})},"zh-CN":function(){return new Promise(function(e){n.e(82,function(t){e(n(1105))})})}},colors:{"en-US":function(){return new Promise(function(e){n.e(81,function(t){e(n(1106))})})},"zh-CN":function(){return new Promise(function(e){n.e(80,function(t){e(n(1107))})})}},contrast:{"en-US":function(){return new Promise(function(e){n.e(79,function(t){e(n(1108))})})},"zh-CN":function(){return new Promise(function(e){n.e(78,function(t){e(n(1109))})})}},copywriting:function(){return new Promise(function(e){n.e(77,function(t){e(n(1110))})})},"data-display":function(){return new Promise(function(e){n.e(76,function(t){e(n(1111))})})},"data-entry":function(){return new Promise(function(e){n.e(75,function(t){e(n(1112))})})},direct:{"en-US":function(){return new Promise(function(e){n.e(74,function(t){e(n(1113))})})},"zh-CN":function(){return new Promise(function(e){n.e(73,function(t){e(n(1114))})})}},feature:{"en-US":function(){return new Promise(function(e){n.e(72,function(t){e(n(1115))})})},"zh-CN":function(){return new Promise(function(e){n.e(71,function(t){e(n(1116))})})}},feedback:function(){return new Promise(function(e){n.e(70,function(t){e(n(1117))})})},font:function(){return new Promise(function(e){n.e(69,function(t){e(n(1118))})})},icon:{"en-US":function(){return new Promise(function(e){n.e(68,function(t){e(n(1119))})})},"zh-CN":function(){return new Promise(function(e){n.e(67,function(t){e(n(1120))})})}},introduce:{"en-US":function(){return new Promise(function(e){n.e(66,function(t){e(n(1121))})})},"zh-CN":function(){return new Promise(function(e){n.e(65,function(t){e(n(1122))})})}},invitation:{"en-US":function(){return new Promise(function(e){n.e(64,function(t){e(n(1123))})})},"zh-CN":function(){return new Promise(function(e){n.e(63,function(t){e(n(1124))})})}},layout:function(){return new Promise(function(e){n.e(62,function(t){e(n(1125))})})},lightweight:{"en-US":function(){return new Promise(function(e){n.e(61,function(t){e(n(1126))})})},"zh-CN":function(){return new Promise(function(e){n.e(60,function(t){e(n(1127))})})}},motion:function(){return new Promise(function(e){n.e(59,function(t){e(n(1128))})})},navigation:function(){return new Promise(function(e){n.e(58,function(t){e(n(1129))})})},proximity:{"en-US":function(){return new Promise(function(e){n.e(57,function(t){e(n(1130))})})},"zh-CN":function(){return new Promise(function(e){n.e(56,function(t){e(n(1131))})})}},reaction:{"en-US":function(){return new Promise(function(e){n.e(55,function(t){e(n(1132))})})},"zh-CN":function(){return new Promise(function(e){n.e(54,function(t){e(n(1133))})})}},repetition:{"en-US":function(){return new Promise(function(e){n.e(53,function(t){e(n(1134))})})},"zh-CN":function(){return new Promise(function(e){n.e(52,function(t){e(n(1135))})})}},stay:{"en-US":function(){return new Promise(function(e){n.e(51,function(t){e(n(1136))})})},"zh-CN":function(){return new Promise(function(e){n.e(50,function(t){e(n(1137))})})}},transition:{"en-US":function(){return new Promise(function(e){n.e(49,function(t){e(n(1138))})})},"zh-CN":function(){return new Promise(function(e){n.e(48,function(t){e(n(1139))})})}}}},changelog:{CHANGELOG:{"zh-CN":function(){return new Promise(function(e){n.e(209,function(t){e(n(655))})})},"en-US":function(){return new Promise(function(e){n.e(210,function(t){e(n(654))})})}}}},picked:{components:[{meta:{category:"Components",subtitle:"\u4e0a\u4f20",type:"Data Entry",title:"Upload",filename:"components/upload/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",title:"Upload",filename:"components/upload/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u6811\u9009\u62e9",type:"Data Entry",title:"TreeSelect",filename:"components/tree-select/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",title:"TreeSelect",filename:"components/tree-select/index.en-US.md"}},{meta:{category:"Components",type:"Data Display",title:"Tree",subtitle:"\u6811\u5f62\u63a7\u4ef6",filename:"components/tree/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Display",title:"Tree",filename:"components/tree/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u7a7f\u68ad\u6846",type:"Data Entry",cols:1,title:"Transfer",filename:"components/transfer/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",cols:1,title:"Transfer",filename:"components/transfer/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u6587\u5b57\u63d0\u793a",type:"Data Display",title:"Tooltip",filename:"components/tooltip/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Display",title:"Tooltip",filename:"components/tooltip/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u65f6\u95f4\u8f74",type:"Data Display",title:"Timeline",filename:"components/timeline/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Display",title:"Timeline",filename:"components/timeline/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u65f6\u95f4\u9009\u62e9\u6846",type:"Data Entry",title:"TimePicker",filename:"components/time-picker/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",title:"TimePicker",filename:"components/time-picker/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u6807\u7b7e",type:"Data Display",title:"Tag",filename:"components/tag/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Display",title:"Tag",filename:"components/tag/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u6807\u7b7e\u9875",type:"Navigation",title:"Tabs",filename:"components/tabs/index.zh-CN.md"}},{meta:{category:"Components",type:"Navigation",title:"Tabs",filename:"components/tabs/index.en-US.md"}},{meta:{category:"Components",cols:1,type:"Data Display",title:"Table",filename:"components/table/index.en-US.md"}},{meta:{category:"Components",cols:1,type:"Data Display",title:"Table",subtitle:"\u8868\u683c",filename:"components/table/index.zh-CN.md"}},{meta:{category:"Components",subtitle:"\u5f00\u5173",type:"Data Entry",title:"Switch",filename:"components/switch/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",title:"Switch",filename:"components/switch/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u6b65\u9aa4\u6761",type:"Navigation",cols:1,title:"Steps",filename:"components/steps/index.zh-CN.md"}},{meta:{category:"Components",type:"Navigation",cols:1,title:"Steps",filename:"components/steps/index.en-US.md"}},{meta:{category:"Components",type:"Feedback",title:"Spin",subtitle:"\u52a0\u8f7d\u4e2d",filename:"components/spin/index.zh-CN.md"}},{meta:{category:"Components",type:"Feedback",title:"Spin",filename:"components/spin/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u6ed1\u52a8\u8f93\u5165\u6761",type:"Data Entry",title:"Slider",filename:"components/slider/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",title:"Slider",filename:"components/slider/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u9009\u62e9\u5668",type:"Data Entry",title:"Select",filename:"components/select/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",title:"Select",filename:"components/select/index.en-US.md"}},{meta:{category:"Components",type:"Data Entry",title:"Rate",filename:"components/rate/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u8bc4\u5206",type:"Data Entry",title:"Rate",filename:"components/rate/index.zh-CN.md"}},{meta:{category:"Components",subtitle:"\u5355\u9009\u6846",type:"Data Entry",title:"Radio",filename:"components/radio/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",title:"Radio",filename:"components/radio/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u8fdb\u5ea6\u6761",type:"Feedback",title:"Progress",filename:"components/progress/index.zh-CN.md"}},{meta:{category:"Components",type:"Feedback",title:"Progress",filename:"components/progress/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u6c14\u6ce1\u5361\u7247",type:"Data Display",title:"Popover",filename:"components/popover/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Display",title:"Popover",filename:"components/popover/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u6c14\u6ce1\u786e\u8ba4\u6846",type:"Feedback",title:"Popconfirm",filename:"components/popconfirm/index.zh-CN.md"}},{meta:{category:"Components",type:"Feedback",title:"Popconfirm",filename:"components/popconfirm/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u5206\u9875",type:"Navigation",title:"Pagination",cols:1,filename:"components/pagination/index.zh-CN.md"}},{meta:{category:"Components",type:"Navigation",title:"Pagination",cols:1,filename:"components/pagination/index.en-US.md"}},{meta:{category:"Components",type:"Feedback",noinstant:!0,title:"Notification",subtitle:"\u901a\u77e5\u63d0\u9192\u6846",filename:"components/notification/index.zh-CN.md"}},{meta:{category:"Components",type:"Feedback",noinstant:!0,title:"Notification",filename:"components/notification/index.en-US.md"}},{meta:{type:"Feedback",category:"Components",subtitle:"\u5bf9\u8bdd\u6846",title:"Modal",filename:"components/modal/index.zh-CN.md"}},{meta:{type:"Feedback",category:"Components",title:"Modal",filename:"components/modal/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u5168\u5c40\u63d0\u793a",type:"Feedback",noinstant:!0,title:"Message",filename:"components/message/index.zh-CN.md"}},{meta:{category:"Components",type:"Feedback",noinstant:!0,title:"Message",filename:"components/message/index.en-US.md"}},{meta:{category:"Components",cols:1,type:"Navigation",title:"Menu",filename:"components/menu/index.en-US.md"}},{meta:{category:"Components",cols:1,type:"Navigation",title:"Menu",subtitle:"\u5bfc\u822a\u83dc\u5355",filename:"components/menu/index.zh-CN.md"}},{meta:{category:"Components",subtitle:"\u63d0\u53ca",type:"Data Entry",title:"Mention",filename:"components/mention/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",title:"Mention",filename:"components/mention/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u56fd\u9645\u5316",cols:1,type:"Other",title:"LocaleProvider",filename:"components/locale-provider/index.zh-CN.md"}},{meta:{category:"Components",type:"Other",cols:1,title:"LocaleProvider",filename:"components/locale-provider/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u5e03\u5c40",type:"Layout",cols:1,title:"Layout",filename:"components/layout/index.zh-CN.md"}},{meta:{category:"Components",type:"Layout",cols:1,title:"Layout",filename:"components/layout/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u6570\u5b57\u8f93\u5165\u6846",type:"Data Entry",title:"InputNumber",filename:"components/input-number/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",title:"InputNumber",filename:"components/input-number/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u8f93\u5165\u6846",type:"Data Entry",title:"Input",filename:"components/input/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",title:"Input",filename:"components/input/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u56fe\u6807",type:"General",title:"Icon",toc:!1,filename:"components/icon/index.zh-CN.md"}},{meta:{category:"Components",subtitle:"\u6805\u683c",type:"Layout",cols:1,title:"Grid",filename:"components/grid/index.zh-CN.md"}},{meta:{category:"Components",type:"Layout",cols:1,title:"Grid",filename:"components/grid/index.en-US.md"}},{meta:{category:"Components",type:"General",title:"Icon",toc:!1,filename:"components/icon/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u8868\u5355",type:"Data Entry",cols:1,title:"Form",filename:"components/form/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",cols:1,title:"Form",filename:"components/form/index.en-US.md"}},{meta:{category:"Components",type:"Navigation",title:"Dropdown",filename:"components/dropdown/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u4e0b\u62c9\u83dc\u5355",type:"Navigation",title:"Dropdown",filename:"components/dropdown/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",title:"DatePicker",subtitle:"\u65e5\u671f\u9009\u62e9\u6846",filename:"components/date-picker/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",title:"DatePicker",filename:"components/date-picker/index.en-US.md"}},{meta:{category:"Components",type:"Data Display",title:"Collapse",subtitle:"\u6298\u53e0\u9762\u677f",cols:1,filename:"components/collapse/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Display",title:"Collapse",cols:1,filename:"components/collapse/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u591a\u9009\u6846",type:"Data Entry",title:"Checkbox",filename:"components/checkbox/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",title:"Checkbox",filename:"components/checkbox/index.en-US.md"}},{meta:{category:"Components",type:"Data Entry",title:"Cascader",subtitle:"\u7ea7\u8054\u9009\u62e9",filename:"components/cascader/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",title:"Cascader",filename:"components/cascader/index.en-US.md"}},{meta:{category:"Components",type:"Data Display",title:"Carousel",subtitle:"\u8d70\u9a6c\u706f",filename:"components/carousel/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Display",title:"Carousel",filename:"components/carousel/index.en-US.md"}},{meta:{category:"Components",type:"Data Display",title:"Card",cols:1,filename:"components/card/index.en-US.md"}},{meta:{category:"Components",type:"Data Display",title:"Card",subtitle:"\u5361\u7247",cols:1,filename:"components/card/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Display",subtitle:"\u65e5\u5386",cols:1,title:"Calendar",filename:"components/calendar/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Display",cols:1,title:"Calendar",filename:"components/calendar/index.en-US.md"}},{meta:{category:"Components",type:"General",title:"Button",subtitle:"\u6309\u94ae",filename:"components/button/index.zh-CN.md"}},{meta:{category:"Components",type:"General",title:"Button",filename:"components/button/index.en-US.md"}},{meta:{category:"Components",type:"Navigation",title:"Breadcrumb",filename:"components/breadcrumb/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u9762\u5305\u5c51",type:"Navigation",title:"Breadcrumb",filename:"components/breadcrumb/index.zh-CN.md"}},{meta:{category:"Components",subtitle:"\u5fbd\u6807\u6570",type:"Data Display",title:"Badge",filename:"components/badge/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Display",title:"Badge",filename:"components/badge/index.en-US.md"}},{meta:{category:"Components",type:"Navigation",subtitle:"\u56de\u5230\u9876\u90e8",title:"BackTop",filename:"components/back-top/index.zh-CN.md"}},{meta:{category:"Components",type:"Navigation",title:"BackTop",filename:"components/back-top/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u81ea\u52a8\u5b8c\u6210",type:"Data Entry",cols:2,title:"AutoComplete",filename:"components/auto-complete/index.zh-CN.md"}},{meta:{category:"Components",type:"Data Entry",cols:2,title:"AutoComplete",filename:"components/auto-complete/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u951a\u70b9",cols:2,type:"Other",title:"Anchor",filename:"components/anchor/index.zh-CN.md"}},{meta:{category:"Components",type:"Other",cols:2,title:"Anchor",filename:"components/anchor/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u8b66\u544a\u63d0\u793a",type:"Feedback",title:"Alert",filename:"components/alert/index.zh-CN.md"}},{meta:{category:"Components",type:"Feedback",title:"Alert",filename:"components/alert/index.en-US.md"}},{meta:{category:"Components",subtitle:"\u56fa\u9489",type:"Navigation",title:"Affix",filename:"components/affix/index.zh-CN.md"}},{meta:{category:"Components",type:"Navigation",title:"Affix",filename:"components/affix/index.en-US.md"}}],changelog:[{meta:{order:6,title:"\u66f4\u65b0\u65e5\u5fd7",toc:!1,timeline:!0,filename:"CHANGELOG.zh-CN.md"}},{meta:{order:6,title:"Change Log",toc:!1,timeline:!0,filename:"CHANGELOG.en-US.md"}}],"docs/pattern":[{meta:{order:1,title:{"zh-CN":"\u5bfc\u822a","en-US":"Navigation"},filename:"docs/pattern/navigation.md"}},{meta:{order:3,title:{"zh-CN":"\u5217\u8868","en-US":"List"},filename:"docs/pattern/list.md"}},{meta:{order:4,title:{"zh-CN":"\u8868\u683c","en-US":"Table"},filename:"docs/pattern/table.md"}},{meta:{order:5,title:{"zh-CN":"\u8868\u683c\uff1a\u590d\u6742\u6570\u636e","en-US":"Complex Table"},filename:"docs/pattern/complex-table.md"}},{meta:{order:6,title:{"zh-CN":"\u9ad8\u7ea7\u641c\u7d22","en-US":"Advanced Search"},filename:"docs/pattern/advanced-search.md"}},{meta:{order:2,title:{"zh-CN":"\u8868\u5355","en-US":"Form"},filename:"docs/pattern/form.md"}}],"docs/react":[{meta:{order:4,title:"\u5728 create-react-app \u4e2d\u4f7f\u7528",filename:"docs/react/use-with-create-react-app.zh-CN.md"}},{meta:{order:7,title:"\u793e\u533a\u7cbe\u9009\u7ec4\u4ef6",filename:"docs/react/recommendation.zh-CN.md"}},{meta:{order:4,title:"Use in create-react-app",filename:"docs/react/use-with-create-react-app.en-US.md"}},{meta:{order:7,title:"Third-Party Libraries",filename:"docs/react/recommendation.en-US.md"}},{meta:{order:3,title:"\u9879\u76ee\u5b9e\u6218",filename:"docs/react/practical-projects.zh-CN.md"}},{meta:{order:3,title:"Real project with dva",filename:"docs/react/practical-projects.en-US.md"}},{meta:{order:0,title:"Ant Design of React",filename:"docs/react/introduce.zh-CN.md"}},{meta:{order:8,title:"\u56fd\u9645\u5316",filename:"docs/react/i18n.zh-CN.md"}},{meta:{order:8,title:"Internationalization",filename:"docs/react/i18n.en-US.md"}},{meta:{order:0,title:"Ant Design of React",filename:"docs/react/introduce.en-US.md"}},{meta:{order:5,title:"\u5b9a\u5236\u4e3b\u9898",filename:"docs/react/customize-theme.zh-CN.md"}},{meta:{order:1,title:"\u5feb\u901f\u4e0a\u624b",filename:"docs/react/getting-started.zh-CN.md"}},{meta:{order:1,title:"Getting Started",filename:"docs/react/getting-started.en-US.md"}},{meta:{order:5,title:"Customize Theme",filename:"docs/react/customize-theme.en-US.md"}}],"docs/resource":[{meta:{order:1,title:"Reference",filename:"docs/resource/reference.en-US.md"}},{meta:{order:1,title:"\u6587\u732e\u7d20\u6750",filename:"docs/resource/reference.zh-CN.md"}},{meta:{order:2,link:"//github.com/ant-design/ant-design",title:"GitHub",filename:"docs/resource/github.md"}},{meta:{order:0,title:"Download",filename:"docs/resource/download.en-US.md"}},{meta:{order:0,title:"\u8d44\u6e90\u4e0b\u8f7d",filename:"docs/resource/download.zh-CN.md"}}],"docs/spec":[{meta:{category:"\u8bbe\u8ba1\u539f\u5219",order:9,title:"\u5de7\u7528\u8fc7\u6e21",filename:"docs/spec/transition.zh-CN.md"}},{meta:{category:"Principles",order:9,title:"Use Transition",filename:"docs/spec/transition.en-US.md"}},{meta:{category:"\u8bbe\u8ba1\u539f\u5219",order:6,title:"\u8db3\u4e0d\u51fa\u6237",filename:"docs/spec/stay.zh-CN.md"}},{meta:{category:"Principles",order:6,title:"Stay on the Page",filename:"docs/spec/stay.en-US.md"}},{meta:{category:"\u8bbe\u8ba1\u539f\u5219",order:4,title:"\u91cd\u590d",filename:"docs/spec/repetition.zh-CN.md"}},{meta:{category:"Principles",order:4,title:"Repetition",filename:"docs/spec/repetition.en-US.md"}},{meta:{category:"\u8bbe\u8ba1\u539f\u5219",order:10,title:"\u5373\u65f6\u53cd\u5e94",filename:"docs/spec/reaction.zh-CN.md"}},{meta:{category:"Principles",order:10,title:"React Immediately",filename:"docs/spec/reaction.en-US.md"}},{meta:{category:"\u8bbe\u8ba1\u539f\u5219",order:1,title:"\u4eb2\u5bc6\u6027",filename:"docs/spec/proximity.zh-CN.md"}},{meta:{category:"Principles",order:1,title:"Proximity",filename:"docs/spec/proximity.en-US.md"}},{meta:{order:8,title:{"zh-CN":"\u5bfc\u822a","en-US":"Navigation"},filename:"docs/spec/navigation.md"}},{meta:{order:12,title:{"zh-CN":"\u52a8\u6548","en-US":"Motion"},link:"http://motion.ant.design",filename:"docs/spec/motion.md"}},{meta:{category:"\u8bbe\u8ba1\u539f\u5219",order:6,title:"\u7b80\u5316\u4ea4\u4e92",filename:"docs/spec/lightweight.zh-CN.md"}},{meta:{category:"Principles",order:6,title:"Keep it Lightweight",filename:"docs/spec/lightweight.en-US.md"}},{meta:{order:7,title:{"zh-CN":"\u5e03\u5c40","en-US":"Layout"},filename:"docs/spec/layout.md"}},{meta:{category:"\u8bbe\u8ba1\u539f\u5219",order:8,title:"\u63d0\u4f9b\u9080\u8bf7",filename:"docs/spec/invitation.zh-CN.md"}},{meta:{category:"Principles",order:8,title:"Provide an Invitation",filename:"docs/spec/invitation.en-US.md"}},{meta:{order:0,title:"Ant Design",filename:"docs/spec/introduce.zh-CN.md"}},{meta:{order:0,title:"Ant Design",filename:"docs/spec/introduce.en-US.md"}},{meta:{order:4,title:"\u56fe\u6807",filename:"docs/spec/icon.zh-CN.md"}},{meta:{order:5,title:{"zh-CN":"\u5b57\u4f53","en-US":"Font"},filename:"docs/spec/font.md"}},{meta:{order:4,title:"Icons",filename:"docs/spec/icon.en-US.md"}},{meta:{order:11,title:{"zh-CN":"\u53cd\u9988","en-US":"Feedback"},filename:"docs/spec/feedback.md"}},{meta:{order:1,title:"\u57fa\u672c\u7406\u5ff5",filename:"docs/spec/feature.zh-CN.md"}},{meta:{order:1,title:"Features",filename:"docs/spec/feature.en-US.md"}},{meta:{category:"\u8bbe\u8ba1\u539f\u5219",order:5,title:"\u76f4\u622a\u4e86\u5f53",filename:"docs/spec/direct.zh-CN.md"}},{meta:{category:"Principles",order:5,title:"Make it Direct",filename:"docs/spec/direct.en-US.md"}},{meta:{order:10,title:{"zh-CN":"\u6570\u636e\u5c55\u793a","en-US":"Data Display"},filename:"docs/spec/data-display.md"}},{meta:{order:9,title:{"zh-CN":"\u6570\u636e\u5f55\u5165","en-US":"Data Entry"},filename:"docs/spec/data-entry.md"}},{meta:{category:"\u8bbe\u8ba1\u539f\u5219",order:3,title:"\u5bf9\u6bd4",filename:"docs/spec/contrast.zh-CN.md"}},{meta:{category:"Principles",order:3,title:"Contrast",filename:"docs/spec/contrast.en-US.md"}},{meta:{order:6,title:{"zh-CN":"\u6587\u6848","en-US":"Copywriting"},filename:"docs/spec/copywriting.md"}},{meta:{order:3,title:"Colors",filename:"docs/spec/colors.en-US.md"}},{meta:{order:3,title:"\u8272\u5f69",filename:"docs/spec/colors.zh-CN.md"}},{meta:{order:2,title:"\u5b9e\u8df5\u6848\u4f8b",filename:"docs/spec/cases.zh-CN.md"}},{meta:{category:"\u8bbe\u8ba1\u539f\u5219",order:2,title:"\u5bf9\u9f50",filename:"docs/spec/alignment.zh-CN.md"}},{meta:{
+order:2,title:"Cases",filename:"docs/spec/cases.en-US.md"}},{meta:{category:"Principles",order:2,title:"Alignment",filename:"docs/spec/alignment.en-US.md"}}]},plugins:[[n(652),{}],[n(614),{}],[n(1191),{lang:"__react"}]]}},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(e,t,n){"use strict";var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=n(1),i=n(350);e.exports=function(e,t){i.done();var n=t.location.pathname;return o.createElement(e,r({},t,e[n]))}},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(e,t,n){"use strict";function r(e){return function(){var t=e.apply(this,arguments);return new Promise(function(e,n){function r(o,i){try{var a=t[o](i),s=a.value}catch(u){return void n(u)}return a.done?void e(s):Promise.resolve(s).then(function(e){r("next",e)},function(e){r("throw",e)})}return r("next")})}}function o(e,t){return"function"==typeof e?e(t):Object.keys(t).reduce(function(e,n){return e.replace(":"+n,t[n])},e)}function i(e,t){var n=e.plugins.map(function(e){return e[0](e[1],t)}),r=u(function(e){return e.converters||[]},n),o={get:c.get,toReactComponent:function(e){return l(e,r)}};return n.map(function(e){return e.utils||{}}).forEach(function(e){return Object.assign(o,e)}),o}var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s=function(){var e=r(regeneratorRuntime.mark(function t(e){return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.abrupt("return",e);case 1:case"end":return t.stop()}},t,this)}));return function(t){return e.apply(this,arguments)}}(),u=n(636),l=n(377),c=n(1190),f=n(350),p=n(321),d=JSON.parse('{"categoryOrder":{"\u8bbe\u8ba1\u539f\u5219":2,"Principles":2},"typeOrder":{"General":0,"Layout":1,"Navigation":2,"Data Entry":3,"Data Display":4,"Feedback":5,"Localization":6,"Other":7},"docVersions":{"0.9.x":"http://09x.ant.design","0.10.x":"http://010x.ant.design","0.11.x":"http://011x.ant.design","0.12.x":"http://012x.ant.design","1.x":"http://1x.ant.design"}}');e.exports=function(e){function t(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",u=n(1959)("./template"+t.replace(/^\.\/template/,""));return function(t,n){var l=o(r,t.params),f=c.get(e.markdown,l.replace(/^\//,"").split("/")),h=i(e,t),v=(u["default"]||u).collector||s,m=t.location.pathname,y=a({},t,{themeConfig:d,data:e.markdown,picked:e.picked,pageData:f,utils:h});v(y).then(function(e){try{var t=u["default"]||u;t[m]=a({},y,e),n(null,t)}catch(r){console.error(r)}})["catch"](function(e){var t=p["default"]||p;t[m]=y,n(404===e?null:e,t)})}}function r(e){return Array.isArray(e)?e.map(r):Object.assign({},e,{onEnter:function(){"undefined"!=typeof document&&f.start()},component:void 0,getComponent:t(e.component,e.dataPath||e.path),indexRoute:e.indexRoute&&Object.assign({},e.indexRoute,{component:void 0,getComponent:t(e.indexRoute.component,e.indexRoute.dataPath||e.indexRoute.path)}),childRoutes:e.childRoutes&&e.childRoutes.map(r)})}var u=n(1911),l=Array.isArray(u.routes)?u.routes:[u.routes],h=r(l);return h.push({path:"*",getComponents:t("./template/NotFound")}),h}},function(e,t,n){"use strict";function r(e){}var o=function(e){return void 0!==e&&null!==e},i=/[\[\]\.]+/,a=function(e,t,n){if(!o(e))return{};var r=Array.isArray(t)?t:t.split(i),a=null,s=e,u=[],l=!0,c=!1,f=void 0;try{for(var p,d=r[Symbol.iterator]();!(l=(p=d.next()).done);l=!0){var h=p.value;if(0!==h.length&&(a=s,s=s[h],u.push(h),!o(s))){if(!n)return{path:u};a[h]={},s=a[h]}}}catch(v){c=!0,f=v}finally{try{!l&&d["return"]&&d["return"]()}finally{if(c)throw f}}return{value:s,path:u}},s=function(e,t){return r("`exist()` is deprecated, please use `exist.detect()`."),o(a(e,t).value)};s.detect=function(e,t){var n=a(e,t);return!!o(n.value)||n.path},s.get=function(e,t,n){var r=a(e,t).value;return o(r)?r:n},s.set=function(e,t,n,r){var s=Array.isArray(t)?t:t.split(i),u=s.pop(),l=a(e,s,r).value;return!!o(l)&&(l[u]=n,!0)};var u=function(){};s.invoke=function(e,t){var n=Array.isArray(t)?t:t.split(i),r=n.pop(),s=a(e,n).value;if(o(s)){var l=s[r];if("function"==typeof l)return l.bind(s)}return u},e.exports=s},function(e,t,n){"use strict";var r=n(1);e.exports=function(){return{converters:[[function(e){return"function"==typeof e},function(e,t){return r.cloneElement(e(),{key:t})}]]}}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c=n(1),f=r(c),p=n(8),d=r(p),h=n(363),v=n(1200),m=r(v),y=n(216),g=r(y),b=function(e){function t(n){a(this,t);var r=s(this,e.call(this,n));return r.onEditorChange=function(e){r.props.onChange&&r.props.onChange(e,(0,g["default"])(e))},r.onFocus=function(e){r.props.onFocus&&r.props.onFocus(e)},r.onBlur=function(e){r.props.onBlur&&r.props.onBlur(e)},r.reset=function(){r._editor.Reset()},r.state={suggestions:n.suggestions,value:n.value},r.mention=(0,m["default"])({prefix:r.getPrefix(n),tag:n.tag,mode:n.mode,mentionStyle:n.mentionStyle}),r.Suggestions=r.mention.Suggestions,r.plugins=[r.mention],"string"==typeof n.defaultValue&&console.warn("The property `defaultValue` now allow `EditorState` only, see http://react-component.github.io/editor-mention/examples/defaultValue.html "),void 0!==n.value&&(r.controlledMode=!0),r}return u(t,e),t.prototype.componentWillReceiveProps=function(e){var t=e.suggestions,n=e.value;this.setState({suggestions:t,value:n})},t.prototype.getPrefix=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.props;return Array.isArray(e.prefix)?e.prefix:[e.prefix]},t.prototype.render=function(){var e,t=this,n=this.props,r=n.prefixCls,o=n.style,a=n.tag,s=n.multiLines,u=n.suggestionStyle,c=n.placeholder,p=n.defaultValue,v=n.className,m=n.notFoundContent,y=n.getSuggestionContainer,g=this.state.suggestions,b=this.Suggestions,_=(0,d["default"])(v,(e={},i(e,r+"-wrapper",!0),i(e,"multilines",s),e)),w=this.controlledMode?{value:this.state.value}:{},x="string"==typeof p?(0,h.toEditorState)(p):p;return f["default"].createElement("div",{className:_,style:o,ref:function(e){return t._wrapper=e}},f["default"].createElement(h.EditorCore,l({ref:function(e){return t._editor=e},prefixCls:r,style:o,multiLines:s,plugins:this.plugins,defaultValue:x,placeholder:c,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onEditorChange},w),f["default"].createElement(b,{mode:a?"immutable":"mutable",prefix:this.getPrefix(),prefixCls:r,style:u,notFoundContent:m,suggestions:g,getSuggestionContainer:y?function(){return y(t._wrapper)}:null,onSearchChange:this.props.onSearchChange,onSelect:this.props.onSelect,noRedup:this.props.noRedup})))},t}(f["default"].Component);b.propTypes={value:f["default"].PropTypes.object,suggestions:f["default"].PropTypes.array,prefix:f["default"].PropTypes.oneOfType([f["default"].PropTypes.string,f["default"].PropTypes.arrayOf(f["default"].PropTypes.string)]),prefixCls:f["default"].PropTypes.string,tag:f["default"].PropTypes.element,style:f["default"].PropTypes.object,className:f["default"].PropTypes.string,onSearchChange:f["default"].PropTypes.func,onChange:f["default"].PropTypes.func,mode:f["default"].PropTypes.string,multiLines:f["default"].PropTypes.bool,suggestionStyle:f["default"].PropTypes.object,placeholder:f["default"].PropTypes.string,defaultValue:f["default"].PropTypes.object,notFoundContent:f["default"].PropTypes.any,position:f["default"].PropTypes.string,onFocus:f["default"].PropTypes.func,onBlur:f["default"].PropTypes.func,onSelect:f["default"].PropTypes.func,getSuggestionContainer:f["default"].PropTypes.func,noRedup:f["default"].PropTypes.bool,mentionStyle:f["default"].PropTypes.object},b.controlledMode=!1,b.defaultProps={prefixCls:"rc-editor-mention",prefix:"@",mode:"immutable",suggestions:[],multiLines:!1,className:"",suggestionStyle:{},notFoundContent:"\u65e0\u6cd5\u627e\u5230",position:"absolute",mentionStyle:{}},t["default"]=b,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var u=n(1),l=r(u),c=function(e){function t(){return i(this,t),a(this,e.apply(this,arguments))}return s(t,e),t.prototype.render=function(){return l["default"].createElement("span",{style:{backgroundColor:"#e6f3ff"}},this.props.children)},t}(l["default"].Component);c.propTypes={children:l["default"].PropTypes.any},t["default"]=c,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var u=n(1),l=r(u),c=n(361),f=r(c),p=function(e){function t(){return i(this,t),a(this,e.apply(this,arguments))}return s(t,e),t.prototype.componentWillMount=function(){var e=this.props,t=e.callbacks,n=e.suggestionRegex,r=e.decoratedText,o=n.exec(r);this.trigger=o[2],this.updatePortalPosition(this.props),t.setEditorState(t.getEditorState())},t.prototype.componentWillReceiveProps=function(e){this.updatePortalPosition(e)},t.prototype.componentWillUnmount=function(){var e=this.props,t=e.offsetKey,n=e.mentionStore;n.inActiveSuggestion({offsetKey:t})},t.prototype.updatePortalPosition=function(e){var t=this,n=e.offsetKey,r=e.mentionStore;r.updateSuggestion({offsetKey:n,trigger:this.trigger,position:function(){var e=t.refs.searchPortal,n=(0,f["default"])(e);return{left:n.left,top:n.top,width:e.offsetWidth,height:e.offsetHeight}}})},t.prototype.render=function(){return l["default"].createElement("span",{ref:"searchPortal",style:this.props.style},this.props.children)},t}(l["default"].Component);p.propTypes={offsetKey:l["default"].PropTypes.any,mentionStore:l["default"].PropTypes.object,decoratedText:l["default"].PropTypes.string,children:l["default"].PropTypes.any,callbacks:l["default"].PropTypes.any,suggestionRegex:l["default"].PropTypes.any},t["default"]=p,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var u=n(1),l=r(u),c=n(2),f=r(c),p=function(e){function t(){return i(this,t),a(this,e.apply(this,arguments))}return s(t,e),t.prototype.componentDidMount=function(){this.renderComponent()},t.prototype.componentDidUpdate=function(){this.renderComponent()},t.prototype.renderComponent=function(){var e=this.props.children,t=this.props.renderReady;f["default"].unstable_renderSubtreeIntoContainer(this,e,this.props.container,function(){t&&t.call(this)})},t.prototype.render=function(){return null},t}(l["default"].Component);t["default"]=p,p.propTypes={children:l["default"].PropTypes.any,renderReady:l["default"].PropTypes.func,container:l["default"].PropTypes.any},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c=n(1),f=r(c),p=n(2),d=r(p),h=n(133),v=n(31),m=r(v),y=n(8),g=r(y),b=n(168),_=r(b),w=n(359),x=r(w),C=n(1195),E=r(C),S=n(1201),O=r(S),P=n(1199),T=r(P),k=n(361),M=r(k),N=n(360),A=r(N),D=n(217),j=r(D),R=function(e){return e!==!1},I=function(e){function t(){a(this,t);var n=s(this,e.call(this));return n.onEditorStateChange=function(e){var t=n.props.store.getOffset();if(0===t.size)return e;var r=e.getSelection();if(!n.props.callbacks.getEditorState().getSelection().getHasFocus()&&r.getHasFocus())return e;var o=(0,j["default"])(e,r),i=o.word,a=t.map(function(t){var n=t.offsetKey,o=(0,h.decode)(n),a=o.blockKey,s=o.decoratorKey,u=o.leafKey;if(a!==r.anchorKey)return!1;var l=e.getBlockTree(a).getIn([s,"leaves",u]);if(!l)return!1;var c=l.get("start"),f=l.get("end");return!!i&&(c===f-1?r.anchorOffset>=c+1&&r.anchorOffset<=f&&n:r.anchorOffset>c+1&&r.anchorOffset<=f&&n)}),s=a.some(R);n.activeOffsetKey=a.find(R);var u=n.props.store.getTrigger(n.activeOffsetKey);if(!s||!r.getHasFocus())return n.closeDropDown(),e;console.log(">> trigger",u);var l=i.substring(u.length,i.length);return n.lastSearchValue===l&&n.lastTrigger===u||(n.lastSearchValue=l,n.lastTrigger=u,n.props.onSearchChange(l,u)),n.state.active||n.openDropDown(),e},n.onUpArrow=function(e){if(e.preventDefault(),n.props.suggestions.length>0){var t=n.state.focusedIndex-1;n.setState({focusedIndex:Math.max(t,0)})}},n.onBlur=function(e){e.preventDefault(),n.closeDropDown()},n.onDownArrow=function(e){e.preventDefault();var t=n.state.focusedIndex+1;n.setState({focusedIndex:t>=n.props.suggestions.length?0:t})},n.getContainer=function(){var e=document.createElement("div"),t=void 0;return n.props.getSuggestionContainer?(t=n.props.getSuggestionContainer(),e.style.position="relative"):t=document.body,t.appendChild(e),e},n.handleKeyBinding=function(e){return"split-block"===e},n.handleReturn=function(e){e.preventDefault();var t=n.props.suggestions[n.state.focusedIndex];return!!t&&(f["default"].isValidElement(t)?n.onMentionSelect(t.props.value,t.props.data):n.onMentionSelect(t),n.lastSearchValue=null,n.lastTrigger=null,!0)},n.renderReady=function(){var e=d["default"].findDOMNode(n.refs.focusItem),t=n.refs.dropdownContainer;if(t){var r=n.state.active,o=n.activeOffsetKey,i=n.props.store.getOffset(),a=i.get(o);r&&a&&!function(){var e=n.getPositionStyle(!0,a.position());Object.keys(e).forEach(function(n){t.style[n]=e[n]})}(),e&&(0,_["default"])(e,t,{onlyScrollIfNeeded:!0})}},n.getNavigations=function(){var e=n.props,t=e.prefixCls,r=e.suggestions,o=n.state.focusedIndex;return r.length?f["default"].Children.map(r,function(e,r){var i=r===o,a=i?"focusItem":null,s=(0,g["default"])(t+"-dropdown-item",{focus:i});return f["default"].isValidElement(e)?f["default"].cloneElement(e,{className:s,onMouseDown:n.onMentionSelect.bind(n,e.props.value,e.props.data),ref:a}):f["default"].createElement(x["default"],{ref:a,className:s,onMouseDown:n.onMentionSelect.bind(n,e)},e)},n):f["default"].createElement("div",{className:t+"-dropdown-notfound "+t+"-dropdown-item"},n.props.notFoundContent)},n.state={isActive:!1,focusedIndex:0,container:!1},n}return u(t,e),t.prototype.componentDidMount=function(){this.props.callbacks.onChange=this.onEditorStateChange},t.prototype.componentWillReceiveProps=function(e){e.suggestions.length!==this.props.suggestions.length&&this.setState({focusedIndex:0})},t.prototype.onMentionSelect=function(e,t){var n=this.props.callbacks.getEditorState(),r=this.props,o=r.store,i=r.onSelect,a=o.getTrigger(this.activeOffsetKey);if(i&&i(e,t||e),this.props.noRedup){var s=(0,A["default"])(n,a);if(s.indexOf(""+a+e)!==-1)return console.warn("you have specified `noRedup` props but have duplicated mentions."),this.closeDropDown(),void this.props.callbacks.setEditorState((0,T["default"])(n))}this.props.callbacks.setEditorState((0,O["default"])(n,""+a+e,t,this.props.mode),!0),this.closeDropDown()},t.prototype.getPositionStyle=function(e,t){if(this.props.getSuggestionStyle)return this.props.getSuggestionStyle(e,t);var n=this.props.getSuggestionContainer?this.state.container:document.body,r=(0,M["default"])(n);return t?l({position:"absolute",left:t.left-r.left+"px",top:t.top-r.top+"px"},this.props.style):{}},t.prototype.openDropDown=function(){this.props.callbacks.onUpArrow=this.onUpArrow,this.props.callbacks.handleReturn=this.handleReturn,this.props.callbacks.handleKeyBinding=this.handleKeyBinding,this.props.callbacks.onDownArrow=this.onDownArrow,this.props.callbacks.onBlur=this.onBlur,this.setState({active:!0,container:this.state.container||this.getContainer()})},t.prototype.closeDropDown=function(){this.props.callbacks.onUpArrow=null,this.props.callbacks.handleReturn=null,this.props.callbacks.handleKeyBinding=null,this.props.callbacks.onDownArrow=null,this.props.callbacks.onBlur=null,this.setState({active:!1})},t.prototype.render=function(){var e=this.props,t=e.prefixCls,n=(e.suggestions,e.className),r=this.state.container,o=(0,g["default"])(l(i({},t+"-dropdown",!0),n)),a=this.getNavigations();return r?f["default"].createElement(E["default"],{renderReady:this.renderReady,container:r},f["default"].createElement(m["default"],{transitionName:"slide-up"},this.state.active?f["default"].createElement("div",{className:o,ref:"dropdownContainer"},a):null)):null},t}(f["default"].Component);t["default"]=I,I.propTypes={callbacks:f["default"].PropTypes.object,suggestions:f["default"].PropTypes.array,store:f["default"].PropTypes.object,onSearchChange:f["default"].PropTypes.func,prefix:f["default"].PropTypes.oneOfType([f["default"].PropTypes.string,f["default"].PropTypes.arrayOf(f["default"].PropTypes.string)]),prefixCls:f["default"].PropTypes.string,mode:f["default"].PropTypes.string,style:f["default"].PropTypes.object,onSelect:f["default"].PropTypes.func,getSuggestionContainer:f["default"].PropTypes.func,notFoundContent:f["default"].PropTypes.any,getSuggestionStyle:f["default"].PropTypes.func,className:f["default"].PropTypes.string,noRedup:f["default"].PropTypes.bool},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.getMentions=t.toEditorState=t.toString=t.Nav=void 0;var o=n(363),i=n(1192),a=r(i),s=n(216),u=r(s),l=n(360),c=r(l),f=n(359),p=r(f);a["default"].Nav=p["default"],a["default"].toString=u["default"],a["default"].toEditorState=o.toEditorState,a["default"].getMentions=c["default"],t.Nav=p["default"],t.toString=u["default"],t.toEditorState=o.toEditorState,t.getMentions=c["default"],t["default"]=a["default"]},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(128),o=(0,r.Map)(),i={offset:(0,r.Map)(),getOffset:function(){return o},getTrigger:function(e){var t=o.get(e);return t&&t.trigger},activeSuggestion:function(e){var t=e.offsetKey;o=o.set(t,{offsetKey:t})},inActiveSuggestion:function(e){var t=e.offsetKey;o=o["delete"](t)},updateSuggestion:function(e){var t=e.offsetKey,n=e.position,r=e.trigger;o=o.set(t,{offsetKey:t,position:n,trigger:r})}};t["default"]=i,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=e.getSelection(),n=(0,s["default"])(e,t),r=n.begin,o=n.end,a=i.Modifier.replaceText(e.getCurrentContent(),t.merge({anchorOffset:r,focusOffset:o}),"",null),u=i.Modifier.insertText(a,a.getSelectionAfter()," "),l=i.EditorState.push(e,u,"insert-mention");return i.EditorState.forceSelection(l,u.getSelectionAfter())}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var i=n(109),a=n(217),s=r(a);e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}function u(e,t,n){for(var r=t.getText(),o=void 0,i=void 0;null!==(o=e.exec(r));)i=o.index,n(i,i+o[0].length)}function l(e,t,n){e.findEntityRanges(function(e){var t=e.getEntity();return t&&"mention"===n.getEntity(t).getType()},t)}function c(){}function f(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t={onChange:c,onUpArrow:c,onDownArrow:c,getEditorState:c,setEditorState:c,handleReturn:c,onBlur:c},n={callbacks:t,mentionStore:x["default"]},r=(0,O["default"])(e.prefix),o=e.tag||_["default"],i=[{strategy:function(e,t){u(r,e,t)},component:function(t){return h["default"].createElement(g["default"],p({},t,n,{style:e.mentionStyle,suggestionRegex:(0,O["default"])(e.prefix)}))}}];return"immutable"!==e.mode&&i.unshift({strategy:l,component:function(e){return h["default"].createElement(P,p({tag:o},e,{callbacks:t}))}}),{name:"mention",Suggestions:function(e){return h["default"].createElement(m["default"],p({},e,n,{store:x["default"]}))},decorators:i,onChange:function(e){return t.onChange?t.onChange(e):e},callbacks:t,"export":E["default"]}}Object.defineProperty(t,"__esModule",{value:!0});var p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};t["default"]=f;var d=n(1),h=r(d),v=n(1196),m=r(v),y=n(1194),g=r(y),b=n(1193),_=r(b),w=n(1198),x=r(w),C=n(216),E=r(C),S=n(362),O=r(S),P=function(e){function t(){return i(this,t),a(this,e.apply(this,arguments))}return s(t,e),t.prototype.render=function(){var e=this.props,t=e.entityKey,n=e.tag,r=e.callbacks,o=r.getEditorState().getCurrentContent(),i=o.getEntity(t).getData();return h["default"].createElement(n,p({},this.props,{data:i}))},t}(h["default"].Component);P.propTypes={entityKey:h["default"].PropTypes.element,callbacks:h["default"].PropTypes.func,tag:h["default"].PropTypes.element},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r){var o="immutable"===r?"IMMUTABLE":"MUTABLE",a=e.getSelection(),u=e.getCurrentContent();u.createEntity("mention",o,n||t);var l=(0,s["default"])(e,a),c=l.begin,f=l.end,p=i.Modifier.replaceText(u,a.merge({anchorOffset:c,focusOffset:f}),t,null,u.getLastCreatedEntityKey()),d=i.Modifier.insertText(p,p.getSelectionAfter()," "),h=i.EditorState.push(e,d,"insert-mention");return i.EditorState.forceSelection(h,d.getSelectionAfter())}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var i=n(109),a=n(217),s=r(a);e.exports=t["default"]},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var o=n(128),i=function(){function e(){r(this,e),this._store=(0,o.Map)()}return e.prototype.set=function(e,t){this._store=this._store.set(e,t)},e.prototype.get=function(e){return this._store.get(e)},e}();t["default"]=i,e.exports=t["default"]},function(e,t,n){"use strict";function r(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=arguments,o=r.length-1;return function(){for(var e=o,t=r[o].apply(this,arguments);e--;)t=r[e].call(this,t);return t}}function o(e,t){var n=(new DOMParser).parseFromString(e,"text/html");(0,a.toArray)(n.querySelectorAll("img")).forEach(p);var r=(0,i.convertFromHTML)(n.body.innerHTML),o=r.contentBlocks;return o=o.reduce(function(e,n){if("blockquote"!==n.getType())return e.concat(n);var r=JSON.parse(n.getText());t.createEntity("IMAGE-ENTITY","IMMUTABLE",r);var o=t.getLastCreatedEntityKey(),a=i.CharacterMetadata.create({entity:o}),u=[new i.ContentBlock({key:(0,i.genKey)(),type:"image-block",text:" ",characterList:(0,s.List)((0,s.Repeat)(a,a.count()))}),new i.ContentBlock({key:(0,i.genKey)(),type:"unstyled",text:"",characterList:(0,s.List)()})];return e.concat(u)},[]),n=null,i.BlockMapBuilder.createFromArray(o)}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var i=n(109),a=n(1761),s=n(128),u=function(e){return{contentType:"image",src:e.getAttribute("src"),width:e.getAttribute("width"),height:e.getAttribute("height"),align:e.style.cssFloat}},l=function(e){if(null==e)return null;var t=document.createElement("blockquote");return t.innerText=JSON.stringify(e),t},c=function(e,t){if(t instanceof HTMLElement){var n=e.parentNode;return n.replaceChild(t,e)}},f=r(l,u),p=function(e){return c(e,f(e))};e.exports=t["default"]},function(e,t){"use strict";function n(e){return e.split("&").join("&amp;").split("<").join("&lt;").split(">").join("&gt;").split("\xa0").join("&nbsp;").split("\n").join("<br />\n")}function r(e){return e.split("<br />\n").join("\n")}function o(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{encode:!1},r=e.getCurrentContent(),o=r.getBlockMap(),i=t.encode;return o.map(function(e){var t="",o=0,a=e.getText();return e.findEntityRanges(function(e){return!!e.getEntity()},function(n,i){var s=e.getEntityAt(n),u=r.getEntity(s).getData();t+=a.slice(o,n),t+=u&&u["export"]?u["export"](u):a.slice(n,i),o=i}),t+=a.slice(o),i?n(t):t}).join(i?"<br />\n":"\n")}Object.defineProperty(t,"__esModule",{value:!0}),t.encodeContent=n,t.decodeContent=r,t["default"]=o},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return e.split("&").join("&amp;").split("<").join("&lt;").split(">").join("&gt;").split("\xa0").join("&nbsp;").split("\n").join("<br >\n")}function i(e){return e.replace(_,"-$1").toLowerCase().replace(g,"-$1-")}function a(e,t){var n=void 0;return"string"==typeof t?n=b.test(t):(n=!0,t=String(t)),n&&"0"!==t&&v["default"][e]!==!0?t+"px":t}function s(e){return e?Object.keys(e).map(function(t){var n=i(t),r=a(t,e[t]);return n+":"+r}).join(";"):""}function u(e){return function(t){var n=t.getCurrentContent(),r=n.getBlockMap(),i=e.get("customStyleMap")||{},a=e.get("blockRenderMap")||{},u=e.get("customStyleFn"),p=e.get("toHTMLList");return Object.assign(i,y),r.map(function(e){var t="<div>",r="</div>",d=e.getText(),h=e.getType(),v=a.get(h);if(v){var m="function"==typeof v.element?v.elementTag||"div":"div";t="<"+(m||"div")+' style="'+s(a.get(h).style||{})+'">',r="</"+(m||"div")+">"}for(var y=e.getCharacterList(),g=null,b=null,_=[],w=0,x=0,C=d.length;x<C;x++){b=g;var E=y.get(x);g=E?E.getEntity():null,x>0&&g!==b&&(_.push([b,l(d.slice(w,x),y.slice(w,x))]),w=x)}return _.push([g,l(d.slice(w),y.slice(w))]),_.map(function(e){var r=f(e,2),a=r[0],l=r[1],d=l.map(function(e){var t=f(e,1),n=t[0];return n}).join(""),h=l.map(function(e){var t=f(e,2),n=t[0],r=t[1],a=o(n);if(r.size){var l=function(){var e={};r.forEach(function(t){if(i.hasOwnProperty(t)){var n=i[t];e=Object.assign(e,n)}});var t=u(r);return e=Object.assign(e,t),{v:'<span style="'+s(e)+'">'+a+"</span>"}}();if("object"===("undefined"==typeof l?"undefined":c(l)))return l.v}return"<span>"+a+"</span>"}).join("");a?!function(){var e=n.getEntity(a),r=e.getData();if(r&&r["export"])t+=r["export"](h,r);else{var o="";p.forEach(function(t){var r=t(d,e,n);r&&(o=r)}),o&&(t+=o)}}():t+=h}),t+=r}).join("\n")}}function l(e,t){for(var n=m,r=m,o=[],i=0,a=0,s=e.length;a<s;a++){r=n;var u=t.get(a);n=u?u.getStyle():m,a>0&&!(0,d.is)(n,r)&&(o.push([e.slice(i,a),r]),i=a)}return o.push([e.slice(i),n]),o}Object.defineProperty(t,"__esModule",{value:!0}),t.DEFAULT_INLINE_STYLE=t.DEFAULT_ELEMENT=t.EMPTY_SET=void 0;var c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f=function(){function e(e,t){var n=[],r=!0,o=!1,i=void 0;try{for(var a,s=e[Symbol.iterator]();!(r=(a=s.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(u){o=!0,i=u}finally{try{!r&&s["return"]&&s["return"]()}finally{if(o)throw i}}return n}return function(t,n){if(Array.isArray(t))return t;
+if(Symbol.iterator in Object(t))return e(t,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}();t["default"]=u;var p=n(109),d=n(128),h=n(1206),v=r(h),m=t.EMPTY_SET=(0,d.OrderedSet)(),y=(t.DEFAULT_ELEMENT="span",t.DEFAULT_INLINE_STYLE=p.DefaultDraftInlineStyle),g=/^(moz|ms|o|webkit)-/,b=/^\d+$/,_=/([A-Z])/g},function(e,t){"use strict";function n(e,t){return e+t.charAt(0).toUpperCase()+t.substring(1)}Object.defineProperty(t,"__esModule",{value:!0});var r={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridRow:!0,gridColumn:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},o=["Webkit","ms","Moz","O"];Object.keys(r).forEach(function(e){o.forEach(function(t){r[n(t,e)]=r[e]})}),t["default"]=r,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function i(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):i(e,t))}function l(){}Object.defineProperty(t,"__esModule",{value:!0});var c=n(1),f=o(c),p=n(109),d=n(128),h=n(376),v=r(h),m=n(1210),y=n(1202),g=r(y),b=n(1205),_=r(b),w=n(1204),x=r(w),C=n(1203),E=r(C),S=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},O=p.KeyBindingUtil.hasCommandModifier,P={},T=(0,m.createToolbar)(),k=new g["default"],M=function(e){function t(n){a(this,t);var r=s(this,e.call(this,n));r.handlePastedText=function(e,t){var n=r.state.editorState;if(t){var o=n.getCurrentContent(),i=n.getSelection(),a=(0,E["default"])(t,o),s=p.Modifier.replaceWithFragment(o,i,a),u=s.merge({selectionBefore:i,selectionAfter:s.getSelectionAfter().set("hasFocus",!0)});return r.setEditorState(p.EditorState.push(n,u,"insert-fragment"),!0),"handled"}return"not-handled"},r.plugins=(0,d.List)((0,d.List)(n.plugins).flatten(!0));var o=void 0;return o=void 0!==n.value&&n.value instanceof p.EditorState?n.value||p.EditorState.createEmpty():p.EditorState.createEmpty(),o=r.generatorDefaultValue(o),r.state={plugins:r.reloadPlugins(),editorState:o,customStyleMap:{},customBlockStyleMap:{},compositeDecorator:null},void 0!==n.value&&(r.controlledMode=!0,console.warn("this component is in controllred mode")),r}return u(t,e),t.ToEditorState=function(e){var t=p.ContentState.createFromText((0,w.decodeContent)(e)||""),n=p.EditorState.createWithContent(t);return p.EditorState.forceSelection(n,t.getSelectionAfter())},t.prototype.Reset=function(){var e=this.props.defaultValue,t=e?e.getCurrentContent():p.ContentState.createFromText(""),n=p.EditorState.push(this.state.editorState,t,"remove-range");this.setEditorState(p.EditorState.forceSelection(n,t.getSelectionBefore()))},t.prototype.SetText=function(e){var t=p.ContentState.createFromText(e||""),n=p.EditorState.push(this.state.editorState,t,"change-block-data");this.setEditorState(p.EditorState.moveFocusToEnd(n),!0)},t.prototype.getChildContext=function(){return{getEditorState:this.getEditorState,setEditorState:this.setEditorState}},t.prototype.reloadPlugins=function(){var e=this;return this.plugins&&this.plugins.size?this.plugins.map(function(t){if(t.callbacks)return t;if(t.hasOwnProperty("constructor")){var n=Object.assign(e.props.pluginConfig,t.config||{},P);return t.constructor(n)}return console.warn(">> \u63d2\u4ef6: [",t.name,"] \u65e0\u6548\u3002\u63d2\u4ef6\u6216\u8bb8\u5df2\u7ecf\u8fc7\u671f\u3002"),!1}).filter(function(e){return e}).toArray():[]},t.prototype.componentWillMount=function(){var e=this.initPlugins().concat([T]),t={},n={},r=(0,d.Map)(p.DefaultDraftBlockRenderMap),o=(0,d.List)([]),i=new p.CompositeDecorator(e.filter(function(e){return void 0!==e.decorators}).map(function(e){return e.decorators}).reduce(function(e,t){return e.concat(t)},[])),a=(0,d.List)(e.filter(function(e){return!!e.component&&"toolbar"!==e.name}));e.forEach(function(e){var i=e.styleMap,a=e.blockStyleMap,s=e.blockRenderMap,u=e.toHtml;if(i)for(var l in i)i.hasOwnProperty(l)&&(t[l]=i[l]);if(a)for(var c in a)a.hasOwnProperty(c)&&(n[c]=a[c],r=r.set(c,{element:null}));if(u&&(o=o.push(u)),s)for(var f in s)s.hasOwnProperty(f)&&(r=r.set(f,s[f]))}),k.set("customStyleMap",t),k.set("customBlockStyleMap",n),k.set("blockRenderMap",r),k.set("customStyleFn",this.customStyleFn.bind(this)),k.set("toHTMLList",o),this.setState({toolbarPlugins:a,compositeDecorator:i}),this.setEditorState(p.EditorState.set(this.state.editorState,{decorator:i}))},t.prototype.componentWillReceiveProps=function(e){if(this.controlledMode){var t=e.value.getDecorator(),n=t?e.value:p.EditorState.set(e.value,{decorator:this.state.compositeDecorator});this.setState({editorState:n})}},t.prototype.generatorDefaultValue=function(e){var t=this.props.defaultValue;return t?t:e},t.prototype.getStyleMap=function(){return k.get("customStyleMap")},t.prototype.setStyleMap=function(e){k.set("customStyleMap",e),this.render()},t.prototype.initPlugins=function(){var e=this,t=["focus","getEditorState","setEditorState","getStyleMap","setStyleMap"];return this.getPlugins().map(function(n){return t.forEach(function(t){n.callbacks.hasOwnProperty(t)&&(n.callbacks[t]=e[t].bind(e))}),n})},t.prototype.focusEditor=function(e){this.refs.editor.focus(e),this.props.onFocus&&this.props.onFocus(e)},t.prototype.focus=function(e){var t=this,n=e.target;if(n===this._editorWrapper){var r=this.state.editorState,o=r.getSelection();if(!o.getHasFocus()&&o.isCollapsed())return this.setState({editorState:p.EditorState.moveFocusToEnd(r)},function(){t.focusEditor(e)})}this.focusEditor(e)},t.prototype.getPlugins=function(){return this.state.plugins.slice()},t.prototype.getEventHandler=function(){var e=this,t=["onUpArrow","onDownArrow","handleReturn","onFocus","onBlur","handlePastedText"],n={};return t.forEach(function(t){n[t]=e.generatorEventHandler(t)}),n},t.prototype.getEditorState=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return e&&this.refs.editor.focus(),this.state.editorState},t.prototype.setEditorState=function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=e;this.getPlugins().forEach(function(e){if(e.onChange){var t=e.onChange(r);t&&(r=t)}}),this.props.onChange&&this.props.onChange(r),this.controlledMode||this.setState({editorState:r},n?function(){return(0,v["default"])(function(){return t.refs.editor.focus()})}:l)},t.prototype.handleKeyBinding=function(e){if(this.props.onKeyDown){e.ctrlKey=O(e);var t=this.props.onKeyDown(e);return t?t:(0,p.getDefaultKeyBinding)(e)}return(0,p.getDefaultKeyBinding)(e)},t.prototype.handleKeyCommand=function(e){return this.props.multiLines?this.eventHandle("handleKeyBinding",e):"split-block"===e?"handled":"not-handled"},t.prototype.getBlockStyle=function(e){var t=k.get("customBlockStyleMap"),n=e.getType();if(t.hasOwnProperty(n))return t[n]},t.prototype.blockRendererFn=function(e){var t=null;return this.getPlugins().forEach(function(n){if(n.blockRendererFn){var r=n.blockRendererFn(e);r&&(t=r)}}),t},t.prototype.eventHandle=function(e){for(var t,n=this.getPlugins(),r=arguments.length,o=Array(r>1?r-1:0),i=1;i<r;i++)o[i-1]=arguments[i];for(var a=0;a<n.length;a++){var s=n[a];if(s.callbacks[e]&&"function"==typeof s.callbacks[e]){var u,l=(u=s.callbacks)[e].apply(u,o);if(l===!0)return"handled"}}return this.props.hasOwnProperty(e)&&(t=this.props)[e].apply(t,o)===!0?"handled":"not-handled"},t.prototype.generatorEventHandler=function(e){var t=this;return function(){for(var n=arguments.length,r=Array(n),o=0;o<n;o++)r[o]=arguments[o];return t.eventHandle.apply(t,[e].concat(r))}},t.prototype.customStyleFn=function(e){if(0===e.size)return{};for(var t=this.getPlugins(),n={},r=0;r<t.length;r++)if(t[r].customStyleFn){var o=t[r].customStyleFn(e);o&&Object.assign(n,o)}return n},t.prototype.render=function(){var e=this,t=this.props,n=t.prefixCls,r=t.toolbars,o=t.style,i=this.state,a=i.editorState,s=i.toolbarPlugins,u=k.get("customStyleMap"),l=k.get("blockRenderMap"),c=this.getEventHandler(),d=T.component;return f.createElement("div",{style:o,className:n+"-editor",onClick:this.focus.bind(this)},f.createElement(d,{editorState:a,prefixCls:n,className:n+"-toolbar",plugins:s,toolbars:r}),f.createElement("div",{className:n+"-editor-wrapper",ref:function(t){return e._editorWrapper=t},style:o,onClick:function(e){return e.preventDefault()}},f.createElement(p.Editor,S({},this.props,c,{ref:"editor",customStyleMap:u,customStyleFn:this.customStyleFn.bind(this),editorState:a,handleKeyCommand:this.handleKeyCommand.bind(this),keyBindingFn:this.handleKeyBinding.bind(this),onChange:this.setEditorState.bind(this),blockStyleFn:this.getBlockStyle.bind(this),blockRenderMap:l,handlePastedText:this.handlePastedText,blockRendererFn:this.blockRendererFn.bind(this)})),this.props.children))},t}(f.Component);M.GetText=x["default"],M.GetHTML=(0,_["default"])(k),M.defaultProps={multiLines:!0,plugins:[],prefixCls:"rc-editor-core",pluginConfig:{},toolbars:[],spilitLine:"enter"},M.childContextTypes={getEditorState:f.PropTypes.func,setEditorState:f.PropTypes.func},t["default"]=M,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function i(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):i(e,t))}function l(){}Object.defineProperty(t,"__esModule",{value:!0});var c=n(1),f=o(c),p=n(128),d=n(1209),h=r(d),v=function(e){function t(n){a(this,t);var r=s(this,e.call(this,n)),o={};return n.plugins.forEach(function(e){o[e.name]=e}),r.pluginsMap=(0,p.Map)(o),r.state={editorState:n.editorState,toolbars:[]},r}return u(t,e),t.prototype.renderToolbarItem=function(e,t){var n=this.pluginsMap.get(e);if(n&&n.component){var r=n.component,o={key:"toolbar-item-"+t,onClick:r.props?r.props.onClick:l};return f.isValidElement(r)?f.cloneElement(r,o):f.createElement(r,o)}return null},t.prototype.conpomentWillReceiveProps=function(e){this.render()},t.prototype.render=function(){var e=this,t=this.props,n=t.toolbars,r=t.prefixCls;return f.createElement("div",{className:r+"-toolbar"},n.map(function(t,n){var r=f.Children.map(t,e.renderToolbarItem.bind(e));return f.createElement(h["default"],{key:"toolbar-"+n},r)}))},t}(f.Component);t["default"]=v,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var u=n(1),l=r(u),c=function(e){function t(){return i(this,t),a(this,e.apply(this,arguments))}return s(t,e),t.prototype.render=function(){return l.createElement("div",null,this.props.children)},t}(l.Component);t["default"]=c,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){}function i(){function e(e){}var t=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{onChange:e,onUpArrow:o,onDownArrow:o,getEditorState:o,setEditorState:o,handleReturn:o});return{name:"toolbar",decorators:[],callbacks:t,onChange:function(e){return t.onChange?t.onChange(e):e},component:s["default"]}}Object.defineProperty(t,"__esModule",{value:!0}),t.createToolbar=i;var a=n(1208),s=r(a)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(e,t){return{duration:e.duration||0===e.duration?e.duration:m,delay:e.delay||y,ease:e.ease||v,onUpdate:e.onUpdate||o,onComplete:e.onComplete||o,onStart:e.onStart||o,onRepeat:e.onRepeat||o,repeat:e.repeat||0,repeatDelay:e.repeatDelay||0,yoyo:e.yoyo||!1,type:e.type||"to",initTime:t}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(11),s=r(a),u=n(381),l=r(u),c=n(218),f=r(c),p=n(1214),d=r(p),h=n(108),v="easeInOutQuad",m=450,y=0;f["default"].push(d["default"]);var g=function(e,t,n){var r=this;this.target=e,this.attr=n||"style",this.totalTime=0,this.progressTime=0,this.defaultData=[],this.start={},this.startDefaultData={};var o=[];t.forEach(function(e,t){var n=(0,s["default"])({},e);"style"===r.attr?(o[t]={},Object.keys(n).forEach(function(e){e in i({},0)&&(o[t][e]=n[e],delete n[e])}),o[t].style=n,r.startDefaultData.style=r.target.getAttribute("style")):"attr"===r.attr&&(Object.keys(n).forEach(function(t){if("style"===t&&Array.isArray(e[t]))throw new Error("Style should be the object.");"bezier"===t?(n.style=(0,s["default"])(n.style||{},{bezier:n[t]}),delete n[t],r.startDefaultData.style=r.target.getAttribute("style")):r.startDefaultData[t]=r.target.getAttribute(t)}),o[t]=n)}),this.tween={},this.perFrame=Math.round(1e3/60),this.register=!1,this.setDefaultData(o)},b=g.prototype;b.setDefaultData=function(e){var t=this,n=0,r=!1,o=e.map(function(e){n+=e.delay||0;var o=i(e,n);return o.vars={},Object.keys(e).forEach(function(n){if(!(n in o)){var r=e[n];if(n in f["default"])o.vars[n]=new f["default"][n](t.target,r,o.type);else if(n.match(/color/i)||"stroke"===n||"fill"===n)o.vars[n]={type:"color",vars:(0,h.parseColor)(r)};else if("number"==typeof r||r.split(/[,|\s]/g).length<=1){var i=parseFloat(r),a=r.toString().replace(/[^a-z|%]/g,""),s=r.toString().replace(/[^+|=|-]/g,"");o.vars[n]={unit:a,vars:i,count:s}}else("d"===n||"points"===n)&&"SVGMorph"in f["default"]&&(o.vars[n]=new f["default"].SVGMorph(t.target,r,n))}}),o.yoyo&&!o.repeat&&console.warn("Warning: yoyo must be used together with repeat;"),o.repeat===-1&&(r=!0),o.delay<-o.duration?n-=o.delay:n+=o.duration*(o.repeat+1)+o.repeatDelay*o.repeat,o.mode="",o});this.totalTime=r?Number.MAX_VALUE:n,this.defaultData=o},b.convertToMarks=function(e,t,n){var r=/(?:Left|Right|Width)/i.test(e),o=e.indexOf("border")!==-1?this.target:this.target.parentNode||document.body,i=void 0;return i="%"===n?100*parseFloat(t)/(r?o.clientWidth:o.clientHeight):parseFloat(t)/16},b.convertToPixels=function(e,t,n){var r=/(?:Left|Right|Width)/i.test(e),o=e.indexOf("border")!==-1?this.target:this.target.parentNode||document.body,i=void 0;return i="%"===n?parseFloat(t)/100*(r?o.clientWidth:o.clientHeight):16*parseFloat(t)},b.getAnimStartData=function(e){var t=this,n={};return Object.keys(e).forEach(function(r){if(r in f["default"]||"attr"===t.attr&&("d"===r||"points"===r))return void(n[r]=e[r].getAnimStart());if("attr"!==t.attr)n[r]=t.target[r]||0;else{var o=t.target.getAttribute(r),i="null"!==o&&o?o:0;if(r.match(/color/i)||"stroke"===r||"fill"===r)i=i||"stroke"!==r?i:"rgba(255, 255, 255, 0)",i=(0,h.parseColor)(i),n[r]=i;else if(parseFloat(i)||0===parseFloat(i)||0===i){var a=i.toString().replace(/[^a-z|%]/g,"");n[r]=a!==e[r].unit?t.convertToPixels(r,parseFloat(i),a):parseFloat(i)}}}),n},b.setAnimData=function(e){var t=this;Object.keys(e).forEach(function(n){n in f["default"]||"attr"===t.attr&&("d"===n||"points"===n)||(t.target[n]=e[n])})},b.setRatio=function(e,t,n){var r=this;Object.keys(t.vars).forEach(function(o){if(o in f["default"]||"attr"===r.attr&&("d"===o||"points"===o))return void t.vars[o].setRatio(e,r.tween);var i=t.vars[o],a=r.start[n][o],s=void 0;"attr"===r.attr&&(i.type?"color"===i.type&&(3===i.vars.length&&4===a.length&&(i.vars[3]=1),s=i.vars.map(function(t,n){var r=a[n]||0;return(t-r)*e+r}),r.target.setAttribute(o,(0,h.getColor)(s))):(s="="===i.unit.charAt(1)?a+i.vars*e+i.unit:(i.vars-a)*e+a+i.unit,r.target.setAttribute(o,s)))}),this.setAnimData(this.tween)},b.render=function(){var e=this;this.defaultData.forEach(function(t,n){var r=t.initTime,o=Math.ceil((e.progressTime-r)/(t.duration+t.repeatDelay))-1;o=o<0?0:o,t.repeat&&(t.repeat||t.repeat<=o)&&(r+=o*(t.duration+t.repeatDelay));var i=e.progressTime-r,a=t.delay>=0?t.delay:-t.delay,s="from"===t.type?a:0;if(i+s>=0&&!e.start[n]){e.start[n]=e.getAnimStartData(t.vars);var u=i/(t.duration+s)>1?1:i/(t.duration+s)||0;u=u<0?0:u,e.setRatio("from"===t.type?1-u:u,t,n)}if(t.repeat&&o>0&&i+s>=0&&i<e.perFrame&&t.onRepeat(),i+s>=0&&i<e.perFrame&&o<=0&&!e.register)t.mode="onStart",e.setRatio("from"===t.type?1:0,t,n),t.onStart();else if(i>=t.duration&&"onComplete"!==t.mode)e.setRatio("from"===t.type||o%2&&t.yoyo?0:1,t,n),"reset"!==t.mode&&t.onComplete(),t.mode="onComplete";else if(i>=0&&i<t.duration){t.mode="onUpdate",i=i<0?0:i,i=i>t.duration?t.duration:i;var c=l["default"][t.ease](i,0,1,t.duration);(t.yoyo&&o%2||"from"===t.type)&&(c=l["default"][t.ease](i,1,0,t.duration)),e.setRatio(c,t,n),t.onUpdate(c)}i>=0&&i<t.duration+e.perFrame&&e.onChange({moment:e.progressTime,item:t,tween:e.tween,index:n,mode:t.mode,target:e.target})})},b.frame=function(e){this.progressTime=e,this.render()},b.resetAnimData=function(){this.tween={},this.start={}},b.resetDefaultStyle=function(){var e=this;this.tween={},this.defaultData=this.defaultData.map(function(e){return e.mode="reset",e}),Object.keys(this.startDefaultData).forEach(function(t){t in i({},0)||e.target.setAttribute(t,e.startDefaultData[t])})},b.onChange=o,t["default"]=g,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}function u(){}Object.defineProperty(t,"__esModule",{value:!0});var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c=n(1),f=r(c),p=n(364),d=r(p),h=n(365),v=function(e){function t(){i(this,t);var n=a(this,e.apply(this,arguments));n.keysToEnter=[],n.keysToLeave=[],n.onEnterBool=!1,n.isTween={};var r=(0,h.toArrayChildren)((0,h.getChildrenFromProps)(n.props));return r.forEach(function(e){e&&e.key&&n.keysToEnter.push(e.key)}),n.state={children:r},["getChildrenToRender","getCoverAnimation","onChange"].forEach(function(e){return n[e]=n[e].bind(n)}),n}return s(t,e),t.prototype.componentDidMount=function(){this.onEnterBool=!0},t.prototype.componentWillReceiveProps=function(e){var t=this,n=(0,h.toArrayChildren)(e.children),r=this.state.children,o=(0,h.mergeChildren)(r,n);this.keysToEnter=[],this.keysToLeave=[],n.forEach(function(e){if(e){var n=e.key,o=(0,h.findChildInChildrenByKey)(r,n);!o&&n&&t.keysToEnter.push(n)}}),r.forEach(function(e){if(e){var r=e.key,o=(0,h.findChildInChildrenByKey)(n,r);!o&&r&&t.keysToLeave.push(r)}}),this.setState({children:o})},t.prototype.onChange=function(e,t,n,r){var o=(0,h.dataToArray)(e).length,i=this.props.animatingClassName,a=r.target;if("onStart"===r.mode)a.className=a.className.replace(i["enter"===n?1:0],"").trim(),a.className.indexOf(i["enter"===n?0:1])===-1&&(a.className=(a.className+" "+i["enter"===n?0:1]).trim());else if(r.index===o-1&&"onComplete"===r.mode){var s=void 0;s="enter"===n?this.state.children:this.state.children.filter(function(e){return t!==e.key}),a.className=a.className.replace(i["enter"===n?0:1],"").trim(),this.setState({children:s});var u={key:t,type:n};delete this.isTween[t],this.props.onEnd(u)}},t.prototype.getCoverAnimation=function(e,t,n){var r=void 0,o=void 0,i=(0,h.transformArguments)(this.props.appear,e.key,t);if((i||this.onEnterBool)&&(r="leave"===n?this.props.leave:this.props.enter,o=this.onChange.bind(this,r,e.key,n)),e.key in this.isTween&&this.isTween[e.key].type===n)return f["default"].cloneElement(this.isTween[e.key].children,l({},e.props,{key:e.key}));var a=f["default"].createElement(d["default"],l({},e.props,{key:e.key,component:e.type,animation:(0,h.transformArguments)(r,e.key,t),onChange:o,resetStyleBool:!0}));return this.isTween[e.key]=this.isTween[e.key]||{},this.isTween[e.key].type=n,this.isTween[e.key].children=a,a},t.prototype.getChildrenToRender=function(e){var t=this;return e.map(function(e,n){if(!e||!e.key)return e;var r=e.key;return t.keysToLeave.indexOf(r)>=0?t.getCoverAnimation(e,n,"leave"):t.getCoverAnimation(e,n,"enter")})},t.prototype.render=function(){var e=this.getChildrenToRender(this.state.children);if(!this.props.component)return e[0]||null;var t=l({},this.props);return["component","appear","enter","leave","animatingClassName","onEnd"].forEach(function(e){return delete t[e]}),(0,c.createElement)(this.props.component,t,e)},t}(c.Component),m=c.PropTypes.oneOfType([c.PropTypes.object,c.PropTypes.array]),y=c.PropTypes.oneOfType([m,c.PropTypes.func]);v.propTypes={component:c.PropTypes.any,children:c.PropTypes.any,style:c.PropTypes.object,appear:c.PropTypes.bool,enter:y,leave:y,animatingClassName:c.PropTypes.array,onEnd:c.PropTypes.func},v.defaultProps={component:"div",appear:!0,animatingClassName:["tween-one-entering","tween-one-leaving"],enter:{x:50,opacity:0,type:"from"},leave:{x:-50,opacity:0},onEnd:u},t["default"]=v,e.exports=t["default"]},function(e,t,n){"use strict";var r=n(364);r.TweenOneGroup=n(1212),e.exports=r},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(108),i=r(o),a=n(11),s=r(a),u=n(218),l=r(u),c=function(e,t,n){this.target=e,this.vars=t,this.type=n,this.propsData={},this.setDefaultData()},f=c.prototype={name:"style"};f.getComputedStyle=function(){return document.defaultView?document.defaultView.getComputedStyle(this.target):{}},f.getTweenData=function(e,t){var n={data:{},dataType:{},dataUnit:{},dataCount:{},dataSplitStr:{}};if(e.match(/color/i)||"fill"===e||"stroke"===e?(n.data[e]=(0,o.parseColor)(t),n.dataType[e]="color"):e.match(/shadow/i)?(n.data[e]=(0,o.parseShadow)(t),n.dataType[e]="shadow"):"string"==typeof t&&t.split(/[\s|,]/).length>1?(n.data[e]=t.split(/[\s|,]/),n.dataSplitStr[e]=t.replace(/[^\s|,]/g,""),n.dataType[e]="string"):(n.data[e]=t,n.dataType[e]="other"),Array.isArray(n.data[e]))n.dataUnit[e]=n.data[e].map(function(e){return e.toString().replace(/[^a-z|%]/g,"")}),n.dataCount[e]=n.data[e].map(function(e){return e.toString().replace(/[^+|=|-]/g,"")}),n.data[e]=n.data[e].map(function(e){return parseFloat(e)||0===parseFloat(e)?parseFloat(e):e});else{n.dataUnit[e]=n.data[e].toString().replace(/[^a-z|%]/g,""),n.dataCount[e]=n.data[e].toString().replace(/[^+|=|-]/g,"");var r=parseFloat(n.data[e].toString().replace(/[a-z|%|=]/g,""));n.data[e]=r||0===r?r:n.data[e]}return n},f.setDefaultData=function(){var e=this;this.propsData.data={},this.propsData.dataType={},this.propsData.dataUnit={},this.propsData.dataCount={},this.propsData.dataSplitStr={},Object.keys(this.vars).forEach(function(t){if(t in l["default"])return void(e.propsData.data[t]=new l["default"][t](e.target,e.vars[t]));var n=(0,o.getGsapType)(t),r=e.getTweenData(n,e.vars[t]);e.propsData.data[n]=r.data[n],e.propsData.dataType[n]=r.dataType[n],e.propsData.dataUnit[n]=r.dataUnit[n],e.propsData.dataCount[n]=r.dataCount[n],r.dataSplitStr[n]&&(e.propsData.dataSplitStr[n]=r.dataSplitStr[n])})},f.convertToMarks=function(e,t,n,r,o){var i=/(?:Left|Right|Width)/i.test(e),a=e.indexOf("border")!==-1||"transformOrigin"===e?this.target:this.target.parentNode||document.body;a=o?document.body:a;var s=void 0;return s="%"===n?100*parseFloat(t)/(i||r?a.clientWidth:a.clientHeight):n&&n.match(/em/i)?parseFloat(t)/16:parseFloat(t)},f.convertToMarksArray=function(e,t,n,r){var o=n.toString().replace(/[^a-z|%]/g,""),i=e[r];return o===i?parseFloat(n):parseFloat(n)||0===parseFloat(n)?this.convertToMarks(t,n,i,"transformOrigin"===t&&!r):n},f.getAnimStart=function(){var e=this,t=this.getComputedStyle(),n={};return Object.keys(this.propsData.data).forEach(function(r){var i=(0,o.isConvert)(r),a=t[i],u="fixed"===t.position;a&&"none"!==a&&"auto"!==a||(a="");var c=void 0,f=void 0,p=void 0;r in l["default"]?("bezier"===r&&(e.transform=(0,o.checkStyleName)("transform")),e.propsData.data[r].getAnimStart()):"transform"===i?(e.transform=(0,o.checkStyleName)("transform"),a=t[e.transform],c=(0,o.getTransform)(a),n.transform=c):"filter"===i?(e.filterName=(0,o.checkStyleName)("filter"),a=t[e.filterName],e.filterObject=(0,s["default"])(e.filterObject||{},(0,o.splitFilterToObject)(a)),a=e.filterObject[r]||0,p=a.toString().replace(/[^a-z|%]/g,""),f=e.propsData.dataUnit[r],f!==p&&(a=e.convertToMarks(r,a,f,null,u)),n[r]=parseFloat(a)):r.match(/color/i)||"fill"===r||"stroke"===r?(a=a||"stroke"!==r?a:"rgba(255, 255, 255, 0)",n[i]=(0,o.parseColor)(a)):r.match(/shadow/i)?(a=(0,o.parseShadow)(a),f=e.propsData.dataUnit[r],a=a.map(e.convertToMarksArray.bind(e,f,r)),n[i]=a):Array.isArray(e.propsData.data[r])?(a=a.split(/[\s|,]/),f=e.propsData.dataUnit[r],a=a.map(e.convertToMarksArray.bind(e,f,r)),n[i]=a):(f=e.propsData.dataUnit[i],p=a.toString().replace(/[^a-z|%]/g,""),!f||f===p&&"px"===f||(a=e.convertToMarks(i,a,f,null,u)),n[i]=parseFloat(a||0))}),this.start=n,n},f.setAnimData=function(e){var t=this,n=this.target.style;Object.keys(e).forEach(function(r){if("transform"===r){var o=e[r],a=o.perspective,s=o.rotate,u=o.rotateX,l=o.rotateY,c=o.scaleX,f=o.scaleY,p=o.scaleZ,d=o.skewX,h=o.skewY,v=o.translateX,m=o.translateY,y=o.translateZ,g=o.xPercent||0,b=o.yPercent||0,_=""+(g||b?"translate("+g+","+b+")":""),w=d||h?"skew("+d+"deg,"+h+"deg)":"",x=s?"rotate("+s+"deg)":"",C=void 0;if(!(a||u||l||y||1!==p)){var E="1,0,0,1,"+v+","+m;return C=1!==c||1!==f?"scale("+c+","+f+")":"",void(n[t.transform]=(_+" matrix("+E+") "+x+" "+C+" "+w).trim())}C=1!==c||1!==f||1!==p?"scale3d("+c+","+f+","+p+")":"";var S=u?"rotateX("+u+"deg)":"",O=l?"rotateY("+l+"deg)":"",P=a?"perspective("+a+"px)":"";return void(n[t.transform]=(P+" "+_+" translate3d("+v+"px,"+m+"px,"+y+"px) "+C+" "+x+" "+S+" "+O+" "+w).trim())}if(i["default"].filter.indexOf(r)>=0){if(!t.filterObject)return;t.filterObject[r]=e[r];var T="";return Object.keys(t.filterObject).forEach(function(e){T+=" "+e+"("+t.filterObject[e]+")"}),void(n[t.filterName]=T.trim())}n[r]=e[r]})},f.setArrayRatio=function(e,t,n,r,i){"color"===i&&4===t.length&&3===n.length&&(n[3]=1);var a=t.indexOf("inset")>=0,s=n.indexOf("inset")>=0;if(a&&!s||s&&!a)throw console.error('Error: "box-shadow" inset have to exist');var u=s?9:8;t.length===u&&n.length===u-1?(n.splice(3,0,0),r.splice(3,0,"")):n.length===u&&t.length===u-1&&t.splice(3,0,0);var l=n.map(function(n,o){var a="color"!==i||3!==o||t[o]?0:1,s="number"==typeof t[o]?t[o]:a;return"string"==typeof n?n:(n-s)*e+s+(r[o]||0)});if("color"===i)return(0,o.getColor)(l);if("shadow"===i){var c=l.length===u?4:3,f=l.slice(0,c).map(function(e){return"number"==typeof e?e+"px":e}),p=l.slice(c,s?l.length-1:l.length),d=(0,o.getColor)(p);return(f.join(" ")+" "+d+" "+(s?"inset":"")).trim()}return l},f.setRatio=function(e,t){var n=this;t.style=t.style||{},this.start.transform&&(t.style.transform=(0,s["default"])({},this.start.transform,t.style.transform||{})),Object.keys(this.propsData.data).forEach(function(r){var a="transform"===(0,o.isTransform)(r),s=a?n.start.transform[r]:n.start[r],u=n.propsData.data[r],c=n.propsData.dataUnit[r],f=n.propsData.dataCount[r];if(r in l["default"])return void n.propsData.data[r].setRatio(e,t);if(a){if("%"===c||"em"===c||"rem"===c){var p="translateX"===r?"xPercent":"yPercent",d="translateX"===r?n.start.transform.translateX:n.start.transform.translateY;return"="===f.charAt(1)&&(t.style.transform[r]=d-d*e),void(t.style.transform[p]=u*e+c)}if("scale"===r){var h=n.start.transform.scaleX,v=n.start.transform.scaleY;return"="===f.charAt(1)?(t.style.transform.scaleX=h+u*e,void(t.style.transform.scaleY=v+u*e)):(t.style.transform.scaleX=(u-h)*e+h,void(t.style.transform.scaleY=(u-v)*e+v))}return"="===f.charAt(1)?void(t.style.transform[r]=s+u*e):void(t.style.transform[r]=(u-s)*e+s)}if(Array.isArray(u)){var m=n.propsData.dataType[r];return t.style[r]=n.setArrayRatio(e,s,u,c,m),void("string"===m&&(t.style[r]=t.style[r].join(n.propsData.dataSplitStr[r])))}var y=(0,o.stylesToCss)(r,0);if(y="number"==typeof y?"":y.replace(/[^a-z|%]/g,""),c=c||(i["default"].filter.indexOf(r)>=0?"":y),"string"==typeof u)t.style[r]=u;else{if("="===f.charAt(1))return void(t.style[r]=s+u*e+c);t.style[r]=(u-s)*e+s+c}}),this.setAnimData(t.style)},t["default"]=c,e.exports=t["default"]},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(1216),o=function(e,t,n){this.target=e,this.vars=t,this.key=n,this.propsData={}},i=o.prototype={name:"SVGMorph"};i.getPointVars=function(e){return e.split(/\s+/).map(function(e){return e.split(",").map(function(e){return parseFloat(e)})})},i.polygonPoints=function(e,t){var n=this.getPointVars(e),r=this.getPointVars(t);if(n.length!==r.length){for(var o=n.length>r.length?n:r,i=o===n?r:n,a=i.length;a<o.length;a++)i[a]=i[i.length-1];return n.length>r.length?[o,i]:[i,o]}return[n,r]},i.getAnimStart=function(){return this.start=this.target.getAttribute(this.key),"d"===this.key?this.pathArray=(0,r.path2curve)(this.start,this.vars):this.pathArray=this.polygonPoints(this.start,this.vars),this.pathArray},i.setArrayRatio=function(e,t,n,r){if("string"==typeof n)return n;var o=t[r];return(n-o)*e+o;
+},i.setRatio=function(e,t){var n=this,r=this.pathArray[0],o=this.pathArray[1];t[this.key]=o.map(function(t,o){var i=r[o],a=t.map(n.setArrayRatio.bind(n,e,i)),s=a[0];return"d"===n.key&&a.shift(),"d"===n.key?""+s+a.join(","):a.join(",")});var i=1===e?this.vars:t[this.key].join(" ");i=0===e?this.start:i,i&&this.target.setAttribute(this.key,i)},t["default"]=o,e.exports=t["default"]},function(e,t){"use strict";function n(e,t){for(var n=c(e),r=t&&c(t),o={x:0,y:0,bx:0,by:0,X:0,Y:0,qx:null,qy:null},i={x:0,y:0,bx:0,by:0,X:0,Y:0,qx:null,qy:null},a=(function(e,t,n){var r,o;if(!e)return["C",t.x,t.y,t.x,t.y,t.x,t.y];switch(!(e[0]in{T:1,Q:1})&&(t.qx=t.qy=null),e[0]){case"M":t.X=e[1],t.Y=e[2];break;case"A":e=["C"].concat(d.apply(0,[t.x,t.y].concat(e.slice(1))));break;case"S":"C"==n||"S"==n?(r=2*t.x-t.bx,o=2*t.y-t.by):(r=t.x,o=t.y),e=["C",r,o].concat(e.slice(1));break;case"T":"Q"==n||"T"==n?(t.qx=2*t.x-t.qx,t.qy=2*t.y-t.qy):(t.qx=t.x,t.qy=t.y),e=["C"].concat(p(t.x,t.y,t.qx,t.qy,e[1],e[2]));break;case"Q":t.qx=e[1],t.qy=e[2],e=["C"].concat(p(t.x,t.y,e[1],e[2],e[3],e[4]));break;case"L":e=["C"].concat(f(t.x,t.y,e[1],e[2]));break;case"H":e=["C"].concat(f(t.x,t.y,e[1],t.y));break;case"V":e=["C"].concat(f(t.x,t.y,t.x,e[1]));break;case"Z":e=["C"].concat(f(t.x,t.y,t.X,t.Y))}return e}),s=function(e,t){if(e[t].length>7){e[t].shift();for(var o=e[t];o.length;)l[t]="A",r&&(h[t]="A"),e.splice(t++,0,["C"].concat(o.splice(0,6)));e.splice(t,1),g=Math.max(n.length,r&&r.length||0)}},u=function(e,t,o,i,a){e&&t&&"M"==e[a][0]&&"M"!=t[a][0]&&(t.splice(a,0,["M",i.x,i.y]),o.bx=0,o.by=0,o.x=e[a][1],o.y=e[a][2],g=Math.max(n.length,r&&r.length||0))},l=[],h=[],v="",m="",y=0,g=Math.max(n.length,r&&r.length||0);y<g;y++){n[y]&&(v=n[y][0]),"C"!=v&&(l[y]=v,y&&(m=l[y-1])),n[y]=a(n[y],o,m),"A"!=l[y]&&"C"==v&&(l[y]="C"),s(n,y),r&&(r[y]&&(v=r[y][0]),"C"!=v&&(h[y]=v,y&&(m=h[y-1])),r[y]=a(r[y],i,m),"A"!=h[y]&&"C"==v&&(h[y]="C"),s(r,y)),u(n,r,o,i,y),u(r,n,i,o,y);var b=n[y],_=r&&r[y],w=b.length,x=r&&_.length;o.x=b[w-2],o.y=b[w-1],o.bx=parseFloat(b[w-4])||o.x,o.by=parseFloat(b[w-3])||o.y,i.bx=r&&(parseFloat(_[x-4])||i.x),i.by=r&&(parseFloat(_[x-3])||i.y),i.x=r&&_[x-2],i.y=r&&_[x-1]}return r?[n,r]:n}Object.defineProperty(t,"__esModule",{value:!0});var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e};t.path2curve=n;var o="\t\n\x0B\f\r \xa0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\u2028\u2029",i=new RegExp("([a-z])["+o+",]*((-?\\d*\\.?\\d*(?:e[\\-+]?\\d+)?["+o+"]*,?["+o+"]*)+)","ig"),a=new RegExp("(-?\\d*\\.?\\d*(?:e[\\-+]?\\d+)?)["+o+"]*,?["+o+"]*","ig"),s=function(e){if(!e)return null;if(("undefined"==typeof e?"undefined":r(e))===r([]))return e;var t={a:7,c:6,o:2,h:1,l:2,m:2,r:4,q:4,s:4,t:2,v:1,u:3,z:0},n=[];return String(e).replace(i,function(e,r,o){var i=[],s=r.toLowerCase();if(o.replace(a,function(e,t){t&&i.push(+t)}),"m"==s&&i.length>2&&(n.push([r].concat(i.splice(0,2))),s="l",r="m"==r?"l":"L"),"o"==s&&1==i.length&&n.push([r,i[0]]),"r"==s)n.push([r].concat(i));else for(;i.length>=t[s]&&(n.push([r].concat(i.splice(0,t[s]))),t[s]););}),n},u=function(e,t){for(var n=[],r=0,o=e.length;o-2*!t>r;r+=2){var i=[{x:+e[r-2],y:+e[r-1]},{x:+e[r],y:+e[r+1]},{x:+e[r+2],y:+e[r+3]},{x:+e[r+4],y:+e[r+5]}];t?r?o-4==r?i[3]={x:+e[0],y:+e[1]}:o-2==r&&(i[2]={x:+e[0],y:+e[1]},i[3]={x:+e[2],y:+e[3]}):i[0]={x:+e[o-2],y:+e[o-1]}:o-4==r?i[3]=i[2]:r||(i[0]={x:+e[r],y:+e[r+1]}),n.push(["C",(-i[0].x+6*i[1].x+i[2].x)/6,(-i[0].y+6*i[1].y+i[2].y)/6,(i[1].x+6*i[2].x-i[3].x)/6,(i[1].y+6*i[2].y-i[3].y)/6,i[2].x,i[2].y])}return n},l=function(e,t,n,r,o){if(null==o&&null==r&&(r=n),e=+e,t=+t,n=+n,r=+r,null!=o)var i=Math.PI/180,a=e+n*Math.cos(-r*i),s=e+n*Math.cos(-o*i),u=t+n*Math.sin(-r*i),l=t+n*Math.sin(-o*i),c=[["M",a,u],["A",n,n,0,+(o-r>180),0,s,l]];else c=[["M",e,t],["m",0,-r],["a",n,r,0,1,1,0,2*r],["a",n,r,0,1,1,0,-2*r],["z"]];return c},c=function(e){if(e=s(e),!e||!e.length)return[["M",0,0]];var t,n=[],r=0,o=0,i=0,a=0,c=0;"M"==e[0][0]&&(r=+e[0][1],o=+e[0][2],i=r,a=o,c++,n[0]=["M",r,o]);for(var f,p,d=3==e.length&&"M"==e[0][0]&&"R"==e[1][0].toUpperCase()&&"Z"==e[2][0].toUpperCase(),h=c,v=e.length;h<v;h++){if(n.push(f=[]),p=e[h],t=p[0],t!=t.toUpperCase())switch(f[0]=t.toUpperCase(),f[0]){case"A":f[1]=p[1],f[2]=p[2],f[3]=p[3],f[4]=p[4],f[5]=p[5],f[6]=+p[6]+r,f[7]=+p[7]+o;break;case"V":f[1]=+p[1]+o;break;case"H":f[1]=+p[1]+r;break;case"R":for(var m=[r,o].concat(p.slice(1)),y=2,g=m.length;y<g;y++)m[y]=+m[y]+r,m[++y]=+m[y]+o;n.pop(),n=n.concat(u(m,d));break;case"O":n.pop(),m=l(r,o,p[1],p[2]),m.push(m[0]),n=n.concat(m);break;case"U":n.pop(),n=n.concat(l(r,o,p[1],p[2],p[3])),f=["U"].concat(n[n.length-1].slice(-2));break;case"M":i=+p[1]+r,a=+p[2]+o;default:for(y=1,g=p.length;y<g;y++)f[y]=+p[y]+(y%2?r:o)}else if("R"==t)m=[r,o].concat(p.slice(1)),n.pop(),n=n.concat(u(m,d)),f=["R"].concat(p.slice(-2));else if("O"==t)n.pop(),m=l(r,o,p[1],p[2]),m.push(m[0]),n=n.concat(m);else if("U"==t)n.pop(),n=n.concat(l(r,o,p[1],p[2],p[3])),f=["U"].concat(n[n.length-1].slice(-2));else for(var b=0,_=p.length;b<_;b++)f[b]=p[b];if(t=t.toUpperCase(),"O"!=t)switch(f[0]){case"Z":r=+i,o=+a;break;case"H":r=f[1];break;case"V":o=f[1];break;case"M":i=f[f.length-2],a=f[f.length-1];default:r=f[f.length-2],o=f[f.length-1]}}return n},f=function(e,t,n,r){return[e,t,n,r,n,r]},p=function(e,t,n,r,o,i){var a=1/3,s=2/3;return[a*e+s*n,a*t+s*r,a*o+s*n,a*i+s*r,o,i]},d=function h(e,t,n,r,o,i,a,s,u,l){var c,f=120*Math.PI/180,p=Math.PI/180*(+o||0),d=[],v=function(e,t,n){var r=e*Math.cos(n)-t*Math.sin(n),o=e*Math.sin(n)+t*Math.cos(n);return{x:r,y:o}};if(l)E=l[0],S=l[1],x=l[2],C=l[3];else{c=v(e,t,-p),e=c.x,t=c.y,c=v(s,u,-p),s=c.x,u=c.y;var m=(Math.cos(Math.PI/180*o),Math.sin(Math.PI/180*o),(e-s)/2),y=(t-u)/2,g=m*m/(n*n)+y*y/(r*r);g>1&&(g=Math.sqrt(g),n=g*n,r=g*r);var b=n*n,_=r*r,w=(i==a?-1:1)*Math.sqrt(Math.abs((b*_-b*y*y-_*m*m)/(b*y*y+_*m*m))),x=w*n*y/r+(e+s)/2,C=w*-r*m/n+(t+u)/2,E=Math.asin(((t-C)/r).toFixed(9)),S=Math.asin(((u-C)/r).toFixed(9));E=e<x?Math.PI-E:E,S=s<x?Math.PI-S:S,E<0&&(E=2*Math.PI+E),S<0&&(S=2*Math.PI+S),a&&E>S&&(E-=2*Math.PI),!a&&S>E&&(S-=2*Math.PI)}var O=S-E;if(Math.abs(O)>f){var P=S,T=s,k=u;S=E+f*(a&&S>E?1:-1),s=x+n*Math.cos(S),u=C+r*Math.sin(S),d=h(s,u,n,r,o,0,a,T,k,[S,P,x,C])}O=S-E;var M=Math.cos(E),N=Math.sin(E),A=Math.cos(S),D=Math.sin(S),j=Math.tan(O/4),R=4/3*n*j,I=4/3*r*j,L=[e,t],F=[e+R*N,t-I*M],U=[s+R*D,u-I*A],V=[s,u];if(F[0]=2*L[0]-F[0],F[1]=2*L[1]-F[1],l)return[F,U,V].concat(d);d=[F,U,V].concat(d).join().split(",");for(var B=[],z=0,H=d.length;z<H;z++)B[z]=z%2?v(d[z-1],d[z],p).y:v(d[z],d[z+1],p).x;return B}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1740),i=r(o),a=function(){},s=a.prototype={tickFnObject:{},id:-1,autoSleep:120,frame:0,perFrame:Math.round(1e3/60)};s.wake=function(e,t){this.tickFnObject[e]=t,this.id===-1&&(this.id=(0,i["default"])(this.tick))},s.clear=function(e){delete this.tickFnObject[e]},s.sleep=function(){i["default"].cancel(this.id),this.id=-1};var u=new a;s.tick=function(e){var t=u.tickFnObject;return Object.keys(t).forEach(function(n){t[n]&&t[n](e)}),Object.keys(t).length?(u.frame++,void(u.id=(0,i["default"])(u.tick))):u.sleep()};var l=0;s.timeout=function(e,t){var n=this;if("function"!=typeof e)return console.warn("Is no function");var r="timeout"+Date.now()+"-"+l,o=this.frame;return this.wake(r,function(){var i=(n.frame-o)*n.perFrame;i>=(t||0)&&(n.clear(r),e())}),l++,r};var c=0;s.interval=function(e,t){var n=this;if("function"!=typeof e)return console.warn("Is no function"),null;var r="interval"+Date.now()+"-"+c,o=this.frame;return this.wake(r,function(){var r=(n.frame-o)*n.perFrame;r>=(t||0)&&(o=n.frame,e())}),c++,r},t["default"]=u,e.exports=t["default"]},function(e,t,n){var r;!function(o,i){"use strict";var a="0.7.12",s="",u="?",l="function",c="undefined",f="object",p="string",d="major",h="model",v="name",m="type",y="vendor",g="version",b="architecture",_="console",w="mobile",x="tablet",C="smarttv",E="wearable",S="embedded",O={extend:function(e,t){var n={};for(var r in e)t[r]&&t[r].length%2===0?n[r]=t[r].concat(e[r]):n[r]=e[r];return n},has:function(e,t){return"string"==typeof e&&t.toLowerCase().indexOf(e.toLowerCase())!==-1},lowerize:function(e){return e.toLowerCase()},major:function(e){return typeof e===p?e.replace(/[^\d\.]/g,"").split(".")[0]:i},trim:function(e){return e.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,"")}},P={rgx:function(){for(var e,t,n,r,o,a,s,u=0,p=arguments;u<p.length&&!a;){var d=p[u],h=p[u+1];if(typeof e===c){e={};for(r in h)h.hasOwnProperty(r)&&(o=h[r],typeof o===f?e[o[0]]=i:e[o]=i)}for(t=n=0;t<d.length&&!a;)if(a=d[t++].exec(this.getUA()))for(r=0;r<h.length;r++)s=a[++n],o=h[r],typeof o===f&&o.length>0?2==o.length?typeof o[1]==l?e[o[0]]=o[1].call(this,s):e[o[0]]=o[1]:3==o.length?typeof o[1]!==l||o[1].exec&&o[1].test?e[o[0]]=s?s.replace(o[1],o[2]):i:e[o[0]]=s?o[1].call(this,s,o[2]):i:4==o.length&&(e[o[0]]=s?o[3].call(this,s.replace(o[1],o[2])):i):e[o]=s?s:i;u+=2}return e},str:function(e,t){for(var n in t)if(typeof t[n]===f&&t[n].length>0){for(var r=0;r<t[n].length;r++)if(O.has(t[n][r],e))return n===u?i:n}else if(O.has(t[n],e))return n===u?i:n;return e}},T={browser:{oldsafari:{version:{"1.0":"/8",1.2:"/1",1.3:"/3","2.0":"/412","2.0.2":"/416","2.0.3":"/417","2.0.4":"/419","?":"/"}}},device:{amazon:{model:{"Fire Phone":["SD","KF"]}},sprint:{model:{"Evo Shift 4G":"7373KT"},vendor:{HTC:"APA",Sprint:"Sprint"}}},os:{windows:{version:{ME:"4.90","NT 3.11":"NT3.51","NT 4.0":"NT4.0",2000:"NT 5.0",XP:["NT 5.1","NT 5.2"],Vista:"NT 6.0",7:"NT 6.1",8:"NT 6.2",8.1:"NT 6.3",10:["NT 6.4","NT 10.0"],RT:"ARM"}}}},k={browser:[[/(opera\smini)\/([\w\.-]+)/i,/(opera\s[mobiletab]+).+version\/([\w\.-]+)/i,/(opera).+version\/([\w\.]+)/i,/(opera)[\/\s]+([\w\.]+)/i],[v,g],[/(opios)[\/\s]+([\w\.]+)/i],[[v,"Opera Mini"],g],[/\s(opr)\/([\w\.]+)/i],[[v,"Opera"],g],[/(kindle)\/([\w\.]+)/i,/(lunascape|maxthon|netfront|jasmine|blazer)[\/\s]?([\w\.]+)*/i,/(avant\s|iemobile|slim|baidu)(?:browser)?[\/\s]?([\w\.]*)/i,/(?:ms|\()(ie)\s([\w\.]+)/i,/(rekonq)\/([\w\.]+)*/i,/(chromium|flock|rockmelt|midori|epiphany|silk|skyfire|ovibrowser|bolt|iron|vivaldi|iridium|phantomjs)\/([\w\.-]+)/i],[v,g],[/(trident).+rv[:\s]([\w\.]+).+like\sgecko/i],[[v,"IE"],g],[/(edge)\/((\d+)?[\w\.]+)/i],[v,g],[/(yabrowser)\/([\w\.]+)/i],[[v,"Yandex"],g],[/(comodo_dragon)\/([\w\.]+)/i],[[v,/_/g," "],g],[/(micromessenger)\/([\w\.]+)/i],[[v,"WeChat"],g],[/xiaomi\/miuibrowser\/([\w\.]+)/i],[g,[v,"MIUI Browser"]],[/\swv\).+(chrome)\/([\w\.]+)/i],[[v,/(.+)/,"$1 WebView"],g],[/android.+samsungbrowser\/([\w\.]+)/i,/android.+version\/([\w\.]+)\s+(?:mobile\s?safari|safari)*/i],[g,[v,"Android Browser"]],[/(chrome|omniweb|arora|[tizenoka]{5}\s?browser)\/v?([\w\.]+)/i,/(qqbrowser)[\/\s]?([\w\.]+)/i],[v,g],[/(uc\s?browser)[\/\s]?([\w\.]+)/i,/ucweb.+(ucbrowser)[\/\s]?([\w\.]+)/i,/juc.+(ucweb)[\/\s]?([\w\.]+)/i],[[v,"UCBrowser"],g],[/(dolfin)\/([\w\.]+)/i],[[v,"Dolphin"],g],[/((?:android.+)crmo|crios)\/([\w\.]+)/i],[[v,"Chrome"],g],[/;fbav\/([\w\.]+);/i],[g,[v,"Facebook"]],[/fxios\/([\w\.-]+)/i],[g,[v,"Firefox"]],[/version\/([\w\.]+).+?mobile\/\w+\s(safari)/i],[g,[v,"Mobile Safari"]],[/version\/([\w\.]+).+?(mobile\s?safari|safari)/i],[g,v],[/webkit.+?(mobile\s?safari|safari)(\/[\w\.]+)/i],[v,[g,P.str,T.browser.oldsafari.version]],[/(konqueror)\/([\w\.]+)/i,/(webkit|khtml)\/([\w\.]+)/i],[v,g],[/(navigator|netscape)\/([\w\.-]+)/i],[[v,"Netscape"],g],[/(swiftfox)/i,/(icedragon|iceweasel|camino|chimera|fennec|maemo\sbrowser|minimo|conkeror)[\/\s]?([\w\.\+]+)/i,/(firefox|seamonkey|k-meleon|icecat|iceape|firebird|phoenix)\/([\w\.-]+)/i,/(mozilla)\/([\w\.]+).+rv\:.+gecko\/\d+/i,/(polaris|lynx|dillo|icab|doris|amaya|w3m|netsurf|sleipnir)[\/\s]?([\w\.]+)/i,/(links)\s\(([\w\.]+)/i,/(gobrowser)\/?([\w\.]+)*/i,/(ice\s?browser)\/v?([\w\._]+)/i,/(mosaic)[\/\s]([\w\.]+)/i],[v,g]],cpu:[[/(?:(amd|x(?:(?:86|64)[_-])?|wow|win)64)[;\)]/i],[[b,"amd64"]],[/(ia32(?=;))/i],[[b,O.lowerize]],[/((?:i[346]|x)86)[;\)]/i],[[b,"ia32"]],[/windows\s(ce|mobile);\sppc;/i],[[b,"arm"]],[/((?:ppc|powerpc)(?:64)?)(?:\smac|;|\))/i],[[b,/ower/,"",O.lowerize]],[/(sun4\w)[;\)]/i],[[b,"sparc"]],[/((?:avr32|ia64(?=;))|68k(?=\))|arm(?:64|(?=v\d+;))|(?=atmel\s)avr|(?:irix|mips|sparc)(?:64)?(?=;)|pa-risc)/i],[[b,O.lowerize]]],device:[[/\((ipad|playbook);[\w\s\);-]+(rim|apple)/i],[h,y,[m,x]],[/applecoremedia\/[\w\.]+ \((ipad)/],[h,[y,"Apple"],[m,x]],[/(apple\s{0,1}tv)/i],[[h,"Apple TV"],[y,"Apple"]],[/(archos)\s(gamepad2?)/i,/(hp).+(touchpad)/i,/(hp).+(tablet)/i,/(kindle)\/([\w\.]+)/i,/\s(nook)[\w\s]+build\/(\w+)/i,/(dell)\s(strea[kpr\s\d]*[\dko])/i],[y,h,[m,x]],[/(kf[A-z]+)\sbuild\/[\w\.]+.*silk\//i],[h,[y,"Amazon"],[m,x]],[/(sd|kf)[0349hijorstuw]+\sbuild\/[\w\.]+.*silk\//i],[[h,P.str,T.device.amazon.model],[y,"Amazon"],[m,w]],[/\((ip[honed|\s\w*]+);.+(apple)/i],[h,y,[m,w]],[/\((ip[honed|\s\w*]+);/i],[h,[y,"Apple"],[m,w]],[/(blackberry)[\s-]?(\w+)/i,/(blackberry|benq|palm(?=\-)|sonyericsson|acer|asus|dell|huawei|meizu|motorola|polytron)[\s_-]?([\w-]+)*/i,/(hp)\s([\w\s]+\w)/i,/(asus)-?(\w+)/i],[y,h,[m,w]],[/\(bb10;\s(\w+)/i],[h,[y,"BlackBerry"],[m,w]],[/android.+(transfo[prime\s]{4,10}\s\w+|eeepc|slider\s\w+|nexus 7|padfone)/i],[h,[y,"Asus"],[m,x]],[/(sony)\s(tablet\s[ps])\sbuild\//i,/(sony)?(?:sgp.+)\sbuild\//i],[[y,"Sony"],[h,"Xperia Tablet"],[m,x]],[/(?:sony)?(?:(?:(?:c|d)\d{4})|(?:so[-l].+))\sbuild\//i],[[y,"Sony"],[h,"Xperia Phone"],[m,w]],[/\s(ouya)\s/i,/(nintendo)\s([wids3u]+)/i],[y,h,[m,_]],[/android.+;\s(shield)\sbuild/i],[h,[y,"Nvidia"],[m,_]],[/(playstation\s[34portablevi]+)/i],[h,[y,"Sony"],[m,_]],[/(sprint\s(\w+))/i],[[y,P.str,T.device.sprint.vendor],[h,P.str,T.device.sprint.model],[m,w]],[/(lenovo)\s?(S(?:5000|6000)+(?:[-][\w+]))/i],[y,h,[m,x]],[/(htc)[;_\s-]+([\w\s]+(?=\))|\w+)*/i,/(zte)-(\w+)*/i,/(alcatel|geeksphone|huawei|lenovo|nexian|panasonic|(?=;\s)sony)[_\s-]?([\w-]+)*/i],[y,[h,/_/g," "],[m,w]],[/(nexus\s9)/i],[h,[y,"HTC"],[m,x]],[/(nexus\s6p)/i],[h,[y,"Huawei"],[m,w]],[/(microsoft);\s(lumia[\s\w]+)/i],[y,h,[m,w]],[/[\s\(;](xbox(?:\sone)?)[\s\);]/i],[h,[y,"Microsoft"],[m,_]],[/(kin\.[onetw]{3})/i],[[h,/\./g," "],[y,"Microsoft"],[m,w]],[/\s(milestone|droid(?:[2-4x]|\s(?:bionic|x2|pro|razr))?(:?\s4g)?)[\w\s]+build\//i,/mot[\s-]?(\w+)*/i,/(XT\d{3,4}) build\//i,/(nexus\s6)/i],[h,[y,"Motorola"],[m,w]],[/android.+\s(mz60\d|xoom[\s2]{0,2})\sbuild\//i],[h,[y,"Motorola"],[m,x]],[/hbbtv\/\d+\.\d+\.\d+\s+\([\w\s]*;\s*(\w[^;]*);([^;]*)/i],[[y,O.trim],[h,O.trim],[m,C]],[/hbbtv.+maple;(\d+)/i],[[h,/^/,"SmartTV"],[y,"Samsung"],[m,C]],[/\(dtv[\);].+(aquos)/i],[h,[y,"Sharp"],[m,C]],[/android.+((sch-i[89]0\d|shw-m380s|gt-p\d{4}|gt-n\d+|sgh-t8[56]9|nexus 10))/i,/((SM-T\w+))/i],[[y,"Samsung"],h,[m,x]],[/smart-tv.+(samsung)/i],[y,[m,C],h],[/((s[cgp]h-\w+|gt-\w+|galaxy\snexus|sm-\w[\w\d]+))/i,/(sam[sung]*)[\s-]*(\w+-?[\w-]*)*/i,/sec-((sgh\w+))/i],[[y,"Samsung"],h,[m,w]],[/sie-(\w+)*/i],[h,[y,"Siemens"],[m,w]],[/(maemo|nokia).*(n900|lumia\s\d+)/i,/(nokia)[\s_-]?([\w-]+)*/i],[[y,"Nokia"],h,[m,w]],[/android\s3\.[\s\w;-]{10}(a\d{3})/i],[h,[y,"Acer"],[m,x]],[/android\s3\.[\s\w;-]{10}(lg?)-([06cv9]{3,4})/i],[[y,"LG"],h,[m,x]],[/(lg) netcast\.tv/i],[y,h,[m,C]],[/(nexus\s[45])/i,/lg[e;\s\/-]+(\w+)*/i],[h,[y,"LG"],[m,w]],[/android.+(ideatab[a-z0-9\-\s]+)/i],[h,[y,"Lenovo"],[m,x]],[/linux;.+((jolla));/i],[y,h,[m,w]],[/((pebble))app\/[\d\.]+\s/i],[y,h,[m,E]],[/android.+;\s(glass)\s\d/i],[h,[y,"Google"],[m,E]],[/android.+(\w+)\s+build\/hm\1/i,/android.+(hm[\s\-_]*note?[\s_]*(?:\d\w)?)\s+build/i,/android.+(mi[\s\-_]*(?:one|one[\s_]plus|note lte)?[\s_]*(?:\d\w)?)\s+build/i],[[h,/_/g," "],[y,"Xiaomi"],[m,w]],[/android.+a000(1)\s+build/i],[h,[y,"OnePlus"],[m,w]],[/\s(tablet)[;\/]/i,/\s(mobile)(?:[;\/]|\ssafari)/i],[[m,O.lowerize],y,h]],engine:[[/windows.+\sedge\/([\w\.]+)/i],[g,[v,"EdgeHTML"]],[/(presto)\/([\w\.]+)/i,/(webkit|trident|netfront|netsurf|amaya|lynx|w3m)\/([\w\.]+)/i,/(khtml|tasman|links)[\/\s]\(?([\w\.]+)/i,/(icab)[\/\s]([23]\.[\d\.]+)/i],[v,g],[/rv\:([\w\.]+).*(gecko)/i],[g,v]],os:[[/microsoft\s(windows)\s(vista|xp)/i],[v,g],[/(windows)\snt\s6\.2;\s(arm)/i,/(windows\sphone(?:\sos)*)[\s\/]?([\d\.\s]+\w)*/i,/(windows\smobile|windows)[\s\/]?([ntce\d\.\s]+\w)/i],[v,[g,P.str,T.os.windows.version]],[/(win(?=3|9|n)|win\s9x\s)([nt\d\.]+)/i],[[v,"Windows"],[g,P.str,T.os.windows.version]],[/\((bb)(10);/i],[[v,"BlackBerry"],g],[/(blackberry)\w*\/?([\w\.]+)*/i,/(tizen)[\/\s]([\w\.]+)/i,/(android|webos|palm\sos|qnx|bada|rim\stablet\sos|meego|contiki)[\/\s-]?([\w\.]+)*/i,/linux;.+(sailfish);/i],[v,g],[/(symbian\s?os|symbos|s60(?=;))[\/\s-]?([\w\.]+)*/i],[[v,"Symbian"],g],[/\((series40);/i],[v],[/mozilla.+\(mobile;.+gecko.+firefox/i],[[v,"Firefox OS"],g],[/(nintendo|playstation)\s([wids34portablevu]+)/i,/(mint)[\/\s\(]?(\w+)*/i,/(mageia|vectorlinux)[;\s]/i,/(joli|[kxln]?ubuntu|debian|[open]*suse|gentoo|(?=\s)arch|slackware|fedora|mandriva|centos|pclinuxos|redhat|zenwalk|linpus)[\/\s-]?(?!chrom)([\w\.-]+)*/i,/(hurd|linux)\s?([\w\.]+)*/i,/(gnu)\s?([\w\.]+)*/i],[v,g],[/(cros)\s[\w]+\s([\w\.]+\w)/i],[[v,"Chromium OS"],g],[/(sunos)\s?([\w\.]+\d)*/i],[[v,"Solaris"],g],[/\s([frentopc-]{0,4}bsd|dragonfly)\s?([\w\.]+)*/i],[v,g],[/(haiku)\s(\w+)/i],[v,g],[/(ip[honead]+)(?:.*os\s([\w]+)*\slike\smac|;\sopera)/i],[[v,"iOS"],[g,/_/g,"."]],[/(mac\sos\sx)\s?([\w\s\.]+\w)*/i,/(macintosh|mac(?=_powerpc)\s)/i],[[v,"Mac OS"],[g,/_/g,"."]],[/((?:open)?solaris)[\/\s-]?([\w\.]+)*/i,/(aix)\s((\d)(?=\.|\)|\s)[\w\.]*)*/i,/(plan\s9|minix|beos|os\/2|amigaos|morphos|risc\sos|openvms)/i,/(unix)\s?([\w\.]+)*/i],[v,g]]},M=function(e,t){if(!(this instanceof M))return new M(e,t).getResult();var n=e||(o&&o.navigator&&o.navigator.userAgent?o.navigator.userAgent:s),r=t?O.extend(k,t):k;return this.getBrowser=function(){var e=P.rgx.apply(this,r.browser);return e.major=O.major(e.version),e},this.getCPU=function(){return P.rgx.apply(this,r.cpu)},this.getDevice=function(){return P.rgx.apply(this,r.device)},this.getEngine=function(){return P.rgx.apply(this,r.engine)},this.getOS=function(){return P.rgx.apply(this,r.os)},this.getResult=function(){return{ua:this.getUA(),browser:this.getBrowser(),engine:this.getEngine(),os:this.getOS(),device:this.getDevice(),cpu:this.getCPU()}},this.getUA=function(){return n},this.setUA=function(e){return n=e,this},this};M.VERSION=a,M.BROWSER={NAME:v,MAJOR:d,VERSION:g},M.CPU={ARCHITECTURE:b},M.DEVICE={MODEL:h,VENDOR:y,TYPE:m,CONSOLE:_,MOBILE:w,SMARTTV:C,TABLET:x,WEARABLE:E,EMBEDDED:S},M.ENGINE={NAME:v,VERSION:g},M.OS={NAME:v,VERSION:g},typeof t!==c?(typeof e!==c&&e.exports&&(t=e.exports=M),t.UAParser=M):"function"===l&&n(1303)?(r=function(){return M}.call(t,n,t,e),!(r!==i&&(e.exports=r))):o.UAParser=M;var N=o.jQuery||o.Zepto;if(typeof N!==c){var A=new M;N.ua=A.getResult(),N.ua.get=function(){return A.getUA()},N.ua.set=function(e){A.setUA(e);var t=A.getResult();for(var n in t)N.ua[n]=t[n]}}}("object"==typeof window?window:this)},function(e,t){"use strict";function n(e){return e.split("/")}var r={isImage:function(e){return"image"===n(e)[0]},isJpeg:function(e){var t=n(e);return r.isImage(e)&&("jpeg"===t[1]||"pjpeg"===t[1])}};e.exports=r},function(e,t){"use strict";var n="[.,+*?$|#{}()'\\^\\-\\[\\]\\\\\\/!@%\"~=<>_:;\u30fb\u3001\u3002\u3008-\u3011\u3014-\u301f\uff1a-\uff1f\uff01-\uff0f\uff3b-\uff40\uff5b-\uff65\u2e2e\u061f\u066a-\u066c\u061b\u060c\u060d\ufd3e\ufd3f\u1801\u0964\u104a\u104b\u2010-\u2027\u2030-\u205e\xa1-\xb1\xb4-\xb8\xba\xbb\xbf]";e.exports={getPunctuation:function(){return n}}},function(e,t){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var r=function(){function e(t){n(this,e),this._uri=t}return e.prototype.toString=function(){return this._uri},e}();e.exports=r},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var o=n(369),i=n(221),a=n(13),s=function(){function e(t){r(this,e),t?i.isStrong(t)?void 0:a(!1):t=i.getGlobalDir(),this._defaultDir=t,this.reset()}return e.prototype.reset=function(){this._lastDir=this._defaultDir},e.prototype.getDirection=function(e){return this._lastDir=o.getDirection(e,this._lastDir),this._lastDir},e}();e.exports=s},function(e,t,n){"use strict";function r(e){return s[e]||e}function o(e){if(!e)return{major:"",minor:""};var t=e.split(".");return{major:t[0],minor:t[1]}}var i=n(1218),a="Unknown",s={"Mac OS":"Mac OS X"},u=new i,l=u.getResult(),c=o(l.browser.version),f={browserArchitecture:l.cpu.architecture||a,browserFullVersion:l.browser.version||a,browserMinorVersion:c.minor||a,browserName:l.browser.name||a,browserVersion:l.browser.major||a,deviceName:l.device.model||a,engineName:l.engine.name||a,engineVersion:l.engine.version||a,platformArchitecture:l.cpu.architecture||a,platformName:r(l.os.name)||a,platformVersion:l.os.version||a,platformFullVersion:l.os.version||a};e.exports=f},function(e,t,n){"use strict";function r(e,t){var n=e.split(x);return n.length>1?n.some(function(e){return O.contains(e,t)}):(e=n[0].trim(),o(e,t))}function o(e,t){var n=e.split(C);if(n.length>0&&n.length<=2?void 0:_(!1),1===n.length)return i(n[0],t);var r=n[0],o=n[1];return h(r)&&h(o)?void 0:_(!1),i(">="+r,t)&&i("<="+o,t)}function i(e,t){if(e=e.trim(),""===e)return!0;var n=t.split(w),r=p(e),o=r.modifier,i=r.rangeComponents;switch(o){case"<":return a(n,i);case"<=":return s(n,i);case">=":return l(n,i);case">":return c(n,i);case"~":case"~>":return f(n,i);default:return u(n,i)}}function a(e,t){return b(e,t)===-1}function s(e,t){var n=b(e,t);return n===-1||0===n}function u(e,t){return 0===b(e,t)}function l(e,t){var n=b(e,t);return 1===n||0===n}function c(e,t){return 1===b(e,t)}function f(e,t){var n=t.slice(),r=t.slice();r.length>1&&r.pop();var o=r.length-1,i=parseInt(r[o],10);return d(i)&&(r[o]=i+1+""),l(e,n)&&a(e,r)}function p(e){var t=e.split(w),n=t[0].match(E);return n?void 0:_(!1),{modifier:n[1],rangeComponents:[n[2]].concat(t.slice(1))}}function d(e){return!isNaN(e)&&isFinite(e)}function h(e){return!p(e).modifier}function v(e,t){for(var n=e.length;n<t;n++)e[n]="0"}function m(e,t){e=e.slice(),t=t.slice(),v(e,t.length);for(var n=0;n<t.length;n++){var r=t[n].match(/^[x*]$/i);if(r&&(t[n]=e[n]="0","*"===r[0]&&n===t.length-1))for(var o=n;o<e.length;o++)e[o]="0"}return v(t,e.length),[e,t]}function y(e,t){var n=e.match(S)[1],r=t.match(S)[1],o=parseInt(n,10),i=parseInt(r,10);return d(o)&&d(i)&&o!==i?g(o,i):g(e,t)}function g(e,t){return typeof e!=typeof t?_(!1):void 0,e>t?1:e<t?-1:0}function b(e,t){for(var n=m(e,t),r=n[0],o=n[1],i=0;i<o.length;i++){var a=y(r[i],o[i]);if(a)return a}return 0}var _=n(13),w=/\./,x=/\|\|/,C=/\s+\-\s+/,E=/^(<=|<|=|>=|~>|~|>|)?\s*(.+)/,S=/^(\d*)(.*)/,O={contains:function(e,t){return r(e.trim(),t.trim())}};e.exports=O},function(e,t,n){"use strict";function r(e){return o(e.replace(i,"ms-"))}var o=n(370),i=/^-ms-/;e.exports=r},function(e,t,n){"use strict";function r(e){var t=e.match(c);return t&&t[1].toLowerCase()}function o(e,t){var n=l;l?void 0:u(!1);var o=r(e),i=o&&s(o);if(i){n.innerHTML=i[1]+e+i[2];for(var c=i[0];c--;)n=n.lastChild}else n.innerHTML=e;var f=n.getElementsByTagName("script");f.length&&(t?void 0:u(!1),a(f).forEach(t));for(var p=Array.from(n.childNodes);n.lastChild;)n.removeChild(n.lastChild);return p}var i=n(36),a=n(371),s=n(1230),u=n(13),l=i.canUseDOM?document.createElement("div"):null,c=/^\s*<(\w+)/;e.exports=o},function(e,t){"use strict";function n(e){return e=e||document,r||"CSS1Compat"!==e.compatMode?e.body:e.documentElement}var r="undefined"!=typeof navigator&&navigator.userAgent.indexOf("AppleWebKit")>-1;e.exports=n},function(e,t,n){"use strict";function r(e){var t=o(e);return{x:t.left,y:t.top,width:t.right-t.left,height:t.bottom-t.top}}var o=n(1229);e.exports=r},function(e,t,n){"use strict";function r(e){var t=e.ownerDocument.documentElement;if(!("getBoundingClientRect"in e&&o(t,e)))return{left:0,right:0,top:0,bottom:0};var n=e.getBoundingClientRect();return{left:Math.round(n.left)-t.clientLeft,right:Math.round(n.right)-t.clientLeft,top:Math.round(n.top)-t.clientTop,bottom:Math.round(n.bottom)-t.clientTop}}var o=n(222);e.exports=r},function(e,t,n){"use strict";function r(e){return a?void 0:i(!1),p.hasOwnProperty(e)||(e="*"),s.hasOwnProperty(e)||("*"===e?a.innerHTML="<link />":a.innerHTML="<"+e+"></"+e+">",s[e]=!a.firstChild),s[e]?p[e]:null}var o=n(36),i=n(13),a=o.canUseDOM?document.createElement("div"):null,s={},u=[1,'<select multiple="true">',"</select>"],l=[1,"<table>","</table>"],c=[3,"<table><tbody><tr>","</tr></tbody></table>"],f=[1,'<svg xmlns="http://www.w3.org/2000/svg">',"</svg>"],p={"*":[1,"?<div>","</div>"],area:[1,"<map>","</map>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],legend:[1,"<fieldset>","</fieldset>"],param:[1,"<object>","</object>"],tr:[2,"<table><tbody>","</tbody></table>"],optgroup:u,option:u,caption:l,colgroup:l,tbody:l,tfoot:l,thead:l,td:c,th:c},d=["circle","clipPath","defs","ellipse","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","text","tspan"];d.forEach(function(e){p[e]=f,s[e]=!0}),e.exports=r},function(e,t,n){"use strict";function r(e){return null==e?e:String(e)}function o(e,t){var n=void 0;if(window.getComputedStyle&&(n=window.getComputedStyle(e,null)))return r(n.getPropertyValue(a(t)));if(document.defaultView&&document.defaultView.getComputedStyle){if(n=document.defaultView.getComputedStyle(e,null))return r(n.getPropertyValue(a(t)));if("display"===t)return"none"}return r(e.currentStyle?"float"===t?e.currentStyle.cssFloat||e.currentStyle.styleFloat:e.currentStyle[i(t)]:e.style&&e.style[i(t)])}var i=n(370),a=n(374);e.exports=o},function(e,t){"use strict";function n(){var e=void 0;return document.documentElement&&(e=document.documentElement.clientWidth),!e&&document.body&&(e=document.body.clientWidth),e||0}function r(){var e=void 0;return document.documentElement&&(e=document.documentElement.clientHeight),!e&&document.body&&(e=document.body.clientHeight),e||0}function o(){return{width:window.innerWidth||n(),height:window.innerHeight||r()}}o.withoutScrollbars=function(){return{width:n(),height:r()}},e.exports=o},function(e,t,n){"use strict";function r(e){return o(e).replace(i,"-ms-")}var o=n(374),i=/^ms-/;e.exports=r},function(e,t){"use strict";function n(e){var t=e?e.ownerDocument||e:document,n=t.defaultView||window;return!(!e||!("function"==typeof n.Node?e instanceof n.Node:"object"==typeof e&&"number"==typeof e.nodeType&&"string"==typeof e.nodeName))}e.exports=n},function(e,t,n){"use strict";function r(e){return o(e)&&3==e.nodeType}var o=n(1234);e.exports=r},function(e,t){"use strict";function n(e){e||(e="");var t=void 0,n=arguments.length;if(n>1)for(var r=1;r<n;r++)t=arguments[r],t&&(e=(e?e+" ":"")+t);return e}e.exports=n},function(e,t){"use strict";function n(e,t,n){if(!e)return null;var o={};for(var i in e)r.call(e,i)&&(o[i]=t.call(n,e[i],i,e));return o}var r=Object.prototype.hasOwnProperty;e.exports=n},function(e,t){"use strict";function n(e){return e.replace(/\-([a-z])/gi,function(e){return e.replace("-","").toUpperCase()})}t.toCamelCase=n,t.toStyleObject=function(e){var t={};return e.split(/;\s*/g).forEach(function(e){var r=e.split(/:\s*/g);t[n(r[0])]=r[1]}),t},t.assign=function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n]);return e},t.cond=function(e,t,n){var r=t.filter(function(t){return t[0](e)})[0];return r[1](e,n)},t.isStandalone=function(e){return"hr"===e||"br"===e||"img"===e}},function(e,t){e.exports=function(e,t){if(e===t)return!0;var n=e.length;if(t.length!==n)return!1;for(var r=0;r<n;r++)if(e[r]!==t[r])return!1;return!0}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return Object.keys(e).forEach(function(t){return e[t]=t}),e}function i(e,t){var n={};return t.forEach(function(t){n[t]=e[t]}),n}function a(e){var t=e.touches,n=e.changedTouches,r=t&&t.length>0,o=n&&n.length>0;return!r&&o?n[0]:r?t[0]:e}function s(){return Date.now()-S>=O}Object.defineProperty(t,"__esModule",{value:!0});var u=n(1),l=r(u),c=n(11),f=r(c),p=n(2),d=r(p),h=o({NOT_RESPONDER:null,RESPONDER_INACTIVE_PRESS_IN:null,RESPONDER_INACTIVE_PRESS_OUT:null,RESPONDER_ACTIVE_PRESS_IN:null,RESPONDER_ACTIVE_PRESS_OUT:null,RESPONDER_ACTIVE_LONG_PRESS_IN:null,RESPONDER_ACTIVE_LONG_PRESS_OUT:null,ERROR:null}),v={RESPONDER_ACTIVE_PRESS_OUT:!0,RESPONDER_ACTIVE_PRESS_IN:!0},m={RESPONDER_INACTIVE_PRESS_IN:!0,RESPONDER_ACTIVE_PRESS_IN:!0,RESPONDER_ACTIVE_LONG_PRESS_IN:!0},y={RESPONDER_ACTIVE_LONG_PRESS_IN:!0},g=o({DELAY:null,RESPONDER_GRANT:null,RESPONDER_RELEASE:null,RESPONDER_TERMINATED:null,ENTER_PRESS_RECT:null,LEAVE_PRESS_RECT:null,LONG_PRESS_DETECTED:null}),b={NOT_RESPONDER:{DELAY:h.ERROR,RESPONDER_GRANT:h.RESPONDER_INACTIVE_PRESS_IN,RESPONDER_RELEASE:h.ERROR,RESPONDER_TERMINATED:h.ERROR,ENTER_PRESS_RECT:h.ERROR,LEAVE_PRESS_RECT:h.ERROR,LONG_PRESS_DETECTED:h.ERROR},RESPONDER_INACTIVE_PRESS_IN:{DELAY:h.RESPONDER_ACTIVE_PRESS_IN,RESPONDER_GRANT:h.ERROR,RESPONDER_RELEASE:h.NOT_RESPONDER,RESPONDER_TERMINATED:h.NOT_RESPONDER,ENTER_PRESS_RECT:h.RESPONDER_INACTIVE_PRESS_IN,LEAVE_PRESS_RECT:h.RESPONDER_INACTIVE_PRESS_OUT,LONG_PRESS_DETECTED:h.ERROR},RESPONDER_INACTIVE_PRESS_OUT:{DELAY:h.RESPONDER_ACTIVE_PRESS_OUT,RESPONDER_GRANT:h.ERROR,RESPONDER_RELEASE:h.NOT_RESPONDER,RESPONDER_TERMINATED:h.NOT_RESPONDER,ENTER_PRESS_RECT:h.RESPONDER_INACTIVE_PRESS_IN,LEAVE_PRESS_RECT:h.RESPONDER_INACTIVE_PRESS_OUT,LONG_PRESS_DETECTED:h.ERROR},RESPONDER_ACTIVE_PRESS_IN:{DELAY:h.ERROR,RESPONDER_GRANT:h.ERROR,RESPONDER_RELEASE:h.NOT_RESPONDER,RESPONDER_TERMINATED:h.NOT_RESPONDER,ENTER_PRESS_RECT:h.RESPONDER_ACTIVE_PRESS_IN,LEAVE_PRESS_RECT:h.RESPONDER_ACTIVE_PRESS_OUT,LONG_PRESS_DETECTED:h.RESPONDER_ACTIVE_LONG_PRESS_IN},RESPONDER_ACTIVE_PRESS_OUT:{DELAY:h.ERROR,RESPONDER_GRANT:h.ERROR,RESPONDER_RELEASE:h.NOT_RESPONDER,RESPONDER_TERMINATED:h.NOT_RESPONDER,ENTER_PRESS_RECT:h.RESPONDER_ACTIVE_PRESS_IN,LEAVE_PRESS_RECT:h.RESPONDER_ACTIVE_PRESS_OUT,LONG_PRESS_DETECTED:h.ERROR},RESPONDER_ACTIVE_LONG_PRESS_IN:{DELAY:h.ERROR,RESPONDER_GRANT:h.ERROR,RESPONDER_RELEASE:h.NOT_RESPONDER,RESPONDER_TERMINATED:h.NOT_RESPONDER,ENTER_PRESS_RECT:h.RESPONDER_ACTIVE_LONG_PRESS_IN,LEAVE_PRESS_RECT:h.RESPONDER_ACTIVE_LONG_PRESS_OUT,LONG_PRESS_DETECTED:h.RESPONDER_ACTIVE_LONG_PRESS_IN},RESPONDER_ACTIVE_LONG_PRESS_OUT:{DELAY:h.ERROR,RESPONDER_GRANT:h.ERROR,RESPONDER_RELEASE:h.NOT_RESPONDER,RESPONDER_TERMINATED:h.NOT_RESPONDER,ENTER_PRESS_RECT:h.RESPONDER_ACTIVE_LONG_PRESS_IN,LEAVE_PRESS_RECT:h.RESPONDER_ACTIVE_LONG_PRESS_OUT,LONG_PRESS_DETECTED:h.ERROR},error:{DELAY:h.NOT_RESPONDER,RESPONDER_GRANT:h.RESPONDER_INACTIVE_PRESS_IN,RESPONDER_RELEASE:h.NOT_RESPONDER,RESPONDER_TERMINATED:h.NOT_RESPONDER,ENTER_PRESS_RECT:h.NOT_RESPONDER,LEAVE_PRESS_RECT:h.NOT_RESPONDER,LONG_PRESS_DETECTED:h.NOT_RESPONDER}},_=130,w=20,x=500,C=x-_,E=10,S=0,O=200,P=l["default"].createClass({displayName:"Touchable",getDefaultProps:function(){return{disabled:!1,delayPressIn:_,delayLongPress:C,delayPressOut:100,pressRetentionOffset:{left:w,right:w,top:w,bottom:w},hitSlop:void 0,longPressCancelsPress:!0}},getInitialState:function(){return{active:!1}},componentWillMount:function(){this.touchable={touchState:void 0}},componentDidMount:function(){this.root=d["default"].findDOMNode(this)},componentWillReceiveProps:function(e){e.disabled&&this.state.active&&this.setState({active:!1})},componentDidUpdate:function(){this.root=d["default"].findDOMNode(this)},componentWillUnmount:function(){this.releaseLockTimer&&clearTimeout(this.releaseLockTimer),this.touchableDelayTimeout&&clearTimeout(this.touchableDelayTimeout),this.longPressDelayTimeout&&clearTimeout(this.longPressDelayTimeout),this.pressOutDelayTimeout&&clearTimeout(this.pressOutDelayTimeout)},callChildEvent:function(e,t){var n=this.props.children.props[e];n&&n(t)},onTouchStart:function(e){this.callChildEvent("onTouchStart",e),this.lockMouse=!0,
+this.releaseLockTimer&&clearTimeout(this.releaseLockTimer),this.touchableHandleResponderGrant(e.nativeEvent)},onTouchMove:function(e){this.callChildEvent("onTouchMove",e),this.touchableHandleResponderMove(e.nativeEvent)},onTouchEnd:function(e){var t=this;this.callChildEvent("onTouchEnd",e),this.releaseLockTimer=setTimeout(function(){t.lockMouse=!1},300),this.touchableHandleResponderRelease(e.nativeEvent)},onTouchCancel:function(e){var t=this;this.callChildEvent("onTouchCancel",e),this.releaseLockTimer=setTimeout(function(){t.lockMouse=!1},300),this.touchableHandleResponderTerminate(e.nativeEvent)},onMouseDown:function(e){this.callChildEvent("onMouseDown",e),this.lockMouse||(this.touchableHandleResponderGrant(e.nativeEvent),document.addEventListener("mousemove",this.touchableHandleResponderMove,!1),document.addEventListener("mouseup",this.onMouseUp,!1))},onMouseUp:function(e){document.removeEventListener("mousemove",this.touchableHandleResponderMove,!1),document.removeEventListener("mouseup",this.onMouseUp,!1),this.touchableHandleResponderRelease(e)},_remeasureMetricsOnInit:function(e){var t=this.root,n=a(e),r=t.getBoundingClientRect();this.touchable={touchState:this.touchable.touchState,startMouse:{pageX:n.pageX,pageY:n.pageY},positionOnGrant:{left:r.left+window.pageXOffset,top:r.top+window.pageYOffset,width:r.width,height:r.height,clientLeft:r.left,clientTop:r.top}}},touchableHandleResponderGrant:function(e){var t=this;if(this.touchable.touchState=h.NOT_RESPONDER,this.pressOutDelayTimeout&&(clearTimeout(this.pressOutDelayTimeout),this.pressOutDelayTimeout=null),!this.props.fixClickPenetration||s()){this._remeasureMetricsOnInit(e),this._receiveSignal(g.RESPONDER_GRANT,e);var n=this.props.delayPressIn;n?this.touchableDelayTimeout=setTimeout(function(){t._handleDelay(e)},n):this._handleDelay(e);var r=this.props.delayLongPress;this.longPressDelayTimeout=setTimeout(function(){t._handleLongDelay(e)},r+n)}},checkScroll:function(e){var t=this.touchable.positionOnGrant,n=this.root.getBoundingClientRect();if(n.left!==t.clientLeft||n.top!==t.clientTop)return this._receiveSignal(g.RESPONDER_TERMINATED,e),!1},touchableHandleResponderRelease:function(e){if(this.touchable.startMouse){var t=a(e);return Math.abs(t.pageX-this.touchable.startMouse.pageX)>30||Math.abs(t.pageY-this.touchable.startMouse.pageY)>30?void this._receiveSignal(g.RESPONDER_TERMINATED,e):void(this.checkScroll(e)!==!1&&this._receiveSignal(g.RESPONDER_RELEASE,e))}},touchableHandleResponderTerminate:function(e){this.touchable.startMouse&&this._receiveSignal(g.RESPONDER_TERMINATED,e)},checkTouchWithinActive:function(e){var t=this.touchable.positionOnGrant,n=this.props,r=n.pressRetentionOffset,o=n.hitSlop,i=r.left,s=r.top,u=r.right,l=r.bottom;o&&(i+=o.left,s+=o.top,u+=o.right,l+=o.bottom);var c=a(e),f=c&&c.pageX,p=c&&c.pageY;return f>t.left-i&&p>t.top-s&&f<t.left+t.width+u&&p<t.top+t.height+l},touchableHandleResponderMove:function(e){if(this.touchable.startMouse&&this.touchable.dimensionsOnActivate&&this.touchable.touchState!==h.NOT_RESPONDER&&this.touchable.touchState!==h.RESPONDER_INACTIVE_PRESS_IN){var t=a(e),n=t&&t.pageX,r=t&&t.pageY;if(this.pressInLocation){var o=this._getDistanceBetweenPoints(n,r,this.pressInLocation.pageX,this.pressInLocation.pageY);o>E&&this._cancelLongPressDelayTimeout()}if(this.checkTouchWithinActive(e)){this._receiveSignal(g.ENTER_PRESS_RECT,e);var i=this.touchable.touchState;i===h.RESPONDER_INACTIVE_PRESS_IN&&this._cancelLongPressDelayTimeout()}else this._cancelLongPressDelayTimeout(),this._receiveSignal(g.LEAVE_PRESS_RECT,e)}},callProp:function(e,t){this.props[e]&&!this.props.disabled&&this.props[e](t)},touchableHandleActivePressIn:function(e){this.setActive(!0),this.callProp("onPressIn",e)},touchableHandleActivePressOut:function(e){this.setActive(!1),this.callProp("onPressOut",e)},touchableHandlePress:function(e){this.callProp("onPress",e),S=Date.now()},touchableHandleLongPress:function(e){this.callProp("onLongPress",e)},setActive:function(e){(this.props.activeClassName||this.props.activeStyle)&&this.setState({active:e})},_remeasureMetricsOnActivation:function(){this.touchable.dimensionsOnActivate=this.touchable.positionOnGrant},_handleDelay:function(e){this.touchableDelayTimeout=null,this._receiveSignal(g.DELAY,e)},_handleLongDelay:function(e){this.longPressDelayTimeout=null;var t=this.touchable.touchState;t!==h.RESPONDER_ACTIVE_PRESS_IN&&t!==h.RESPONDER_ACTIVE_LONG_PRESS_IN?console.error("Attempted to transition from state `"+t+"` to `"+h.RESPONDER_ACTIVE_LONG_PRESS_IN+"`, which is not supported. This is most likely due to `Touchable.longPressDelayTimeout` not being cancelled."):this._receiveSignal(g.LONG_PRESS_DETECTED,e)},_receiveSignal:function(e,t){var n=this.touchable.touchState,r=b[n]&&b[n][e];r&&r!==h.ERROR&&n!==r&&(this._performSideEffectsForTransition(n,r,e,t),this.touchable.touchState=r)},_cancelLongPressDelayTimeout:function(){this.longPressDelayTimeout&&(clearTimeout(this.longPressDelayTimeout),this.longPressDelayTimeout=null)},_isHighlight:function(e){return e===h.RESPONDER_ACTIVE_PRESS_IN||e===h.RESPONDER_ACTIVE_LONG_PRESS_IN},_savePressInLocation:function(e){var t=a(e),n=t&&t.pageX,r=t&&t.pageY;this.pressInLocation={pageX:n,pageY:r}},_getDistanceBetweenPoints:function(e,t,n,r){var o=e-n,i=t-r;return Math.sqrt(o*o+i*i)},_performSideEffectsForTransition:function(e,t,n,r){var o=this._isHighlight(e),i=this._isHighlight(t),a=n===g.RESPONDER_TERMINATED||n===g.RESPONDER_RELEASE;if(a&&this._cancelLongPressDelayTimeout(),!v[e]&&v[t]&&this._remeasureMetricsOnActivation(),m[e]&&n===g.LONG_PRESS_DETECTED&&this.touchableHandleLongPress(r),i&&!o?this._startHighlight(r):!i&&o&&this._endHighlight(r),m[e]&&n===g.RESPONDER_RELEASE){var s=!!this.props.onLongPress,u=y[e]&&(!s||!this.props.longPressCancelsPress),l=!y[e]||u;l&&(i||o||(this._startHighlight(r),this._endHighlight(r)),this.touchableHandlePress(r))}this.touchableDelayTimeout&&(clearTimeout(this.touchableDelayTimeout),this.touchableDelayTimeout=null)},_startHighlight:function(e){this._savePressInLocation(e),this.touchableHandleActivePressIn(e)},_endHighlight:function(e){var t=this;this.props.delayPressOut?this.pressOutDelayTimeout=setTimeout(function(){t.touchableHandleActivePressOut(e)},this.props.delayPressOut):this.touchableHandleActivePressOut(e)},render:function(){var e=this.props,t=e.children,n=e.disabled,r=e.activeStyle,o=e.activeClassName,a=n?void 0:i(this,["onTouchStart","onTouchMove","onTouchEnd","onTouchCancel","onMouseDown"]),s=l["default"].Children.only(t);if(!n&&this.state.active){var u=s.props,c=u.style,p=u.className;return r&&(c=(0,f["default"])({},c,r)),o&&(p?p+=" "+o:p=o),l["default"].cloneElement(s,(0,f["default"])({className:p,style:c},a))}return l["default"].cloneElement(s,a)}});t["default"]=P,e.exports=t["default"]},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){"use strict";function n(){return!1}function r(){return!0}function o(){this.timeStamp=Date.now(),this.target=void 0,this.currentTarget=void 0}Object.defineProperty(t,"__esModule",{value:!0}),o.prototype={isEventObject:1,constructor:o,isDefaultPrevented:n,isPropagationStopped:n,isImmediatePropagationStopped:n,preventDefault:function(){this.isDefaultPrevented=r},stopPropagation:function(){this.isPropagationStopped=r},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=r,this.stopPropagation()},halt:function(e){e?this.stopImmediatePropagation():this.stopPropagation(),this.preventDefault()}},t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return null===e||void 0===e}function i(){return p}function a(){return d}function s(e){var t=e.type,n="function"==typeof e.stopPropagation||"boolean"==typeof e.cancelBubble;l["default"].call(this),this.nativeEvent=e;var r=a;"defaultPrevented"in e?r=e.defaultPrevented?i:a:"getPreventDefault"in e?r=e.getPreventDefault()?i:a:"returnValue"in e&&(r=e.returnValue===d?i:a),this.isDefaultPrevented=r;var o=[],s=void 0,u=void 0,c=void 0,f=h.concat();for(v.forEach(function(e){t.match(e.reg)&&(f=f.concat(e.props),e.fix&&o.push(e.fix))}),u=f.length;u;)c=f[--u],this[c]=e[c];for(!this.target&&n&&(this.target=e.srcElement||document),this.target&&3===this.target.nodeType&&(this.target=this.target.parentNode),u=o.length;u;)(s=o[--u])(this,e);this.timeStamp=e.timeStamp||Date.now()}Object.defineProperty(t,"__esModule",{value:!0});var u=n(1290),l=r(u),c=n(11),f=r(c),p=!0,d=!1,h=["altKey","bubbles","cancelable","ctrlKey","currentTarget","eventPhase","metaKey","shiftKey","target","timeStamp","view","type"],v=[{reg:/^key/,props:["char","charCode","key","keyCode","which"],fix:function(e,t){o(e.which)&&(e.which=o(t.charCode)?t.keyCode:t.charCode),void 0===e.metaKey&&(e.metaKey=e.ctrlKey)}},{reg:/^touch/,props:["touches","changedTouches","targetTouches"]},{reg:/^hashchange$/,props:["newURL","oldURL"]},{reg:/^gesturechange$/i,props:["rotation","scale"]},{reg:/^(mousewheel|DOMMouseScroll)$/,props:[],fix:function(e,t){var n=void 0,r=void 0,o=void 0,i=t.wheelDelta,a=t.axis,s=t.wheelDeltaY,u=t.wheelDeltaX,l=t.detail;i&&(o=i/120),l&&(o=0-(l%3===0?l/3:l)),void 0!==a&&(a===e.HORIZONTAL_AXIS?(r=0,n=0-o):a===e.VERTICAL_AXIS&&(n=0,r=o)),void 0!==s&&(r=s/120),void 0!==u&&(n=-1*u/120),n||r||(r=o),void 0!==n&&(e.deltaX=n),void 0!==r&&(e.deltaY=r),void 0!==o&&(e.delta=o)}},{reg:/^mouse|contextmenu|click|mspointer|(^DOMMouseScroll$)/i,props:["buttons","clientX","clientY","button","offsetX","relatedTarget","which","fromElement","toElement","offsetY","pageX","pageY","screenX","screenY"],fix:function(e,t){var n=void 0,r=void 0,i=void 0,a=e.target,s=t.button;return a&&o(e.pageX)&&!o(t.clientX)&&(n=a.ownerDocument||document,r=n.documentElement,i=n.body,e.pageX=t.clientX+(r&&r.scrollLeft||i&&i.scrollLeft||0)-(r&&r.clientLeft||i&&i.clientLeft||0),e.pageY=t.clientY+(r&&r.scrollTop||i&&i.scrollTop||0)-(r&&r.clientTop||i&&i.clientTop||0)),e.which||void 0===s||(1&s?e.which=1:2&s?e.which=3:4&s?e.which=2:e.which=0),!e.relatedTarget&&e.fromElement&&(e.relatedTarget=e.fromElement===a?e.toElement:e.fromElement),e}}],m=l["default"].prototype;(0,f["default"])(s.prototype,m,{constructor:s,preventDefault:function(){var e=this.nativeEvent;e.preventDefault?e.preventDefault():e.returnValue=d,m.preventDefault.call(this)},stopPropagation:function(){var e=this.nativeEvent;e.stopPropagation?e.stopPropagation():e.cancelBubble=p,m.stopPropagation.call(this)}}),t["default"]=s,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n){function r(t){var r=new a["default"](t);n.call(e,r)}return e.addEventListener?(e.addEventListener(t,r,!1),{remove:function(){e.removeEventListener(t,r,!1)}}):e.attachEvent?(e.attachEvent("on"+t,r),{remove:function(){e.detachEvent("on"+t,r)}}):void 0}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var i=n(1291),a=r(i);e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={__arr:[]};t["default"]={unMount:function(){n={__arr:[]}},register:function(e,t){n[e]=t,n.__arr.push(e)},unRegister:function(e){var t=n.__arr.indexOf(e);t>=0&&(n.__arr.splice(n.__arr.indexOf(e),1),delete n[e])},get:function(e){return n[e]},getMapped:function(){return n}},e.exports=t["default"]},function(e,t,n){(function(e,t){!function(e,n){"use strict";function r(e){"function"!=typeof e&&(e=new Function(""+e));for(var t=new Array(arguments.length-1),n=0;n<t.length;n++)t[n]=arguments[n+1];var r={callback:e,args:t};return v[h]=r,d(h),h++}function o(e){delete v[e]}function i(e){var t=e.callback,r=e.args;switch(r.length){case 0:t();break;case 1:t(r[0]);break;case 2:t(r[0],r[1]);break;case 3:t(r[0],r[1],r[2]);break;default:t.apply(n,r)}}function a(e){if(m)setTimeout(a,0,e);else{var t=v[e];if(t){m=!0;try{i(t)}finally{o(e),m=!1}}}}function s(){d=function(e){t.nextTick(function(){a(e)})}}function u(){if(e.postMessage&&!e.importScripts){var t=!0,n=e.onmessage;return e.onmessage=function(){t=!1},e.postMessage("","*"),e.onmessage=n,t}}function l(){var t="setImmediate$"+Math.random()+"$",n=function(n){n.source===e&&"string"==typeof n.data&&0===n.data.indexOf(t)&&a(+n.data.slice(t.length))};e.addEventListener?e.addEventListener("message",n,!1):e.attachEvent("onmessage",n),d=function(n){e.postMessage(t+n,"*")}}function c(){var e=new MessageChannel;e.port1.onmessage=function(e){var t=e.data;a(t)},d=function(t){e.port2.postMessage(t)}}function f(){var e=y.documentElement;d=function(t){var n=y.createElement("script");n.onreadystatechange=function(){a(t),n.onreadystatechange=null,e.removeChild(n),n=null},e.appendChild(n)}}function p(){d=function(e){setTimeout(a,0,e)}}if(!e.setImmediate){var d,h=1,v={},m=!1,y=e.document,g=Object.getPrototypeOf&&Object.getPrototypeOf(e);g=g&&g.setTimeout?g:e,"[object process]"==={}.toString.call(e.process)?s():u()?l():e.MessageChannel?c():y&&"onreadystatechange"in y.createElement("script")?f():p(),g.setImmediate=r,g.clearImmediate=o}}("undefined"==typeof self?"undefined"==typeof e?this:e:self)}).call(t,function(){return this}(),n(89))},function(e,t){e.exports=function(){var e=document.getSelection();if(!e.rangeCount)return function(){};for(var t=document.activeElement,n=[],r=0;r<e.rangeCount;r++)n.push(e.getRangeAt(r));switch(t.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":t.blur();break;default:t=null}return e.removeAllRanges(),function(){"Caret"===e.type&&e.removeAllRanges(),e.rangeCount||n.forEach(function(t){e.addRange(t)}),t&&t.focus()}}},,function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),s=n(1),u=r(s),l=n(1310),c=r(l),f=n(56),p=r(f);e.exports=function(e,t,n){function r(e){return e.displayName||e.name||"Component"}if("function"!=typeof e)throw new Error("Expected reducePropsToState to be a function.");if("function"!=typeof t)throw new Error("Expected handleStateChangeOnClient to be a function.");if("undefined"!=typeof n&&"function"!=typeof n)throw new Error("Expected mapStateOnServer to either be undefined or a function.");return function(l){function f(){h=e(d.map(function(e){return e.props})),v.canUseDOM?t(h):n&&(h=n(h))}if("function"!=typeof l)throw new Error("Expected WrappedComponent to be a React component.");var d=[],h=void 0,v=function(e){function t(){o(this,t),e.apply(this,arguments)}return i(t,e),t.peek=function(){return h},t.rewind=function(){if(t.canUseDOM)throw new Error("You may only call rewind() on the server. Call peek() to read the current state.");var e=h;return h=void 0,d=[],e},t.prototype.shouldComponentUpdate=function(e){return!p["default"](e,this.props)},t.prototype.componentWillMount=function(){d.push(this),f()},t.prototype.componentDidUpdate=function(){f()},t.prototype.componentWillUnmount=function(){var e=d.indexOf(this);d.splice(e,1),f()},t.prototype.render=function(){return u["default"].createElement(l,this.props)},a(t,null,[{key:"displayName",value:"SideEffect("+r(l)+")",enumerable:!0},{key:"canUseDOM",value:c["default"].canUseDOM,enumerable:!0}]),t}(s.Component);return v}}},function(e,t){"use strict";e.exports=function(e){return encodeURIComponent(e).replace(/[!'()*]/g,function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(12),v=r(h),m=n(2),y=r(m),g=n(1484),b=r(g),_=n(31),w=r(_),x=n(1300),C=r(x),E=n(380),S=r(E),O=function(e){function t(){var n,r,o;(0,s["default"])(this,t);for(var i=arguments.length,a=Array(i),u=0;u<i;u++)a[u]=arguments[u];return n=r=(0,l["default"])(this,e.call.apply(e,[this].concat(a))),r.onAlign=function(e,t){var n=r.props,o=n.getClassNameFromAlign(n.align),i=n.getClassNameFromAlign(t);o!==i&&(r.currentAlignClassName=i,e.className=r.getClassName(i)),n.onAlign(e,t)},r.getTarget=function(){return r.props.getRootDomNode()},r.saveAlign=function(e){r.alignInstance=e},o=n,(0,l["default"])(r,o)}return(0,f["default"])(t,e),t.prototype.componentDidMount=function(){this.rootNode=this.getPopupDomNode()},t.prototype.getPopupDomNode=function(){return y["default"].findDOMNode(this.refs.popup)},t.prototype.getMaskTransitionName=function(){var e=this.props,t=e.maskTransitionName,n=e.maskAnimation;return!t&&n&&(t=e.prefixCls+"-"+n),t},t.prototype.getTransitionName=function(){var e=this.props,t=e.transitionName;return!t&&e.animation&&(t=e.prefixCls+"-"+e.animation),t},t.prototype.getClassName=function(e){return this.props.prefixCls+" "+this.props.className+" "+e},t.prototype.getPopupElement=function(){var e=this.props,t=e.align,n=e.style,r=e.visible,o=e.prefixCls,a=e.destroyPopupOnHide,s=this.getClassName(this.currentAlignClassName||e.getClassNameFromAlign(t)),u=o+"-hidden";r||(this.currentAlignClassName=null);var l=(0,i["default"])({},n,this.getZIndexStyle()),c={className:s,prefixCls:o,ref:"popup",onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave,style:l};return a?d["default"].createElement(w["default"],{component:"",exclusive:!0,transitionAppear:!0,transitionName:this.getTransitionName()},r?d["default"].createElement(b["default"],{target:this.getTarget,key:"popup",ref:this.saveAlign,monitorWindowResize:!0,align:t,onAlign:this.onAlign},d["default"].createElement(C["default"],(0,i["default"])({visible:!0},c),e.children)):null):d["default"].createElement(w["default"],{component:"",exclusive:!0,transitionAppear:!0,transitionName:this.getTransitionName(),showProp:"xVisible"},d["default"].createElement(b["default"],{target:this.getTarget,key:"popup",ref:this.saveAlign,monitorWindowResize:!0,xVisible:r,childrenProps:{visible:"xVisible"},disabled:!r,align:t,onAlign:this.onAlign},d["default"].createElement(C["default"],(0,i["default"])({hiddenClassName:u},c),e.children)))},t.prototype.getZIndexStyle=function(){var e={},t=this.props;return void 0!==t.zIndex&&(e.zIndex=t.zIndex),e},t.prototype.getMaskElement=function(){var e=this.props,t=void 0;if(e.mask){var n=this.getMaskTransitionName();t=d["default"].createElement(S["default"],{style:this.getZIndexStyle(),key:"mask",className:e.prefixCls+"-mask",hiddenClassName:e.prefixCls+"-mask-hidden",visible:e.visible}),n&&(t=d["default"].createElement(w["default"],{key:"mask",showProp:"visible",transitionAppear:!0,component:"",transitionName:n},t))}return t},t.prototype.render=function(){return d["default"].createElement("div",null,this.getMaskElement(),this.getPopupElement())},t}(p.Component);O.propTypes={visible:v["default"].bool,style:v["default"].object,getClassNameFromAlign:v["default"].func,onAlign:v["default"].func,getRootDomNode:v["default"].func,onMouseEnter:v["default"].func,align:v["default"].any,destroyPopupOnHide:v["default"].bool,className:v["default"].string,prefixCls:v["default"].string,onMouseLeave:v["default"].func},t["default"]=O,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(12),d=r(p),h=n(380),v=r(h),m=function(e){function t(){return(0,i["default"])(this,t),(0,s["default"])(this,e.apply(this,arguments))}return(0,l["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.className;return e.visible||(t+=" "+e.hiddenClassName),f["default"].createElement("div",{className:t,onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave,style:e.style},f["default"].createElement(v["default"],{className:e.prefixCls+"-content",visible:e.visible},e.children))},t}(c.Component);m.propTypes={hiddenClassName:d["default"].string,className:d["default"].string,prefixCls:d["default"].string,onMouseEnter:d["default"].func,onMouseLeave:d["default"].func,children:d["default"].any},t["default"]=m,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(){return""}function a(){return window.document}Object.defineProperty(t,"__esModule",{value:!0});var s=n(9),u=r(s),l=n(1),c=r(l),f=n(12),p=r(f),d=n(2),h=n(57),v=r(h),m=n(477),y=r(m),g=n(79),b=r(g),_=n(1299),w=r(_),x=n(1302),C=n(479),E=r(C),S=["onClick","onMouseDown","onTouchStart","onMouseEnter","onMouseLeave","onFocus","onBlur"],O=(0,v["default"])({displayName:"Trigger",propTypes:{children:p["default"].any,action:p["default"].oneOfType([p["default"].string,p["default"].arrayOf(p["default"].string)]),showAction:p["default"].any,hideAction:p["default"].any,getPopupClassNameFromAlign:p["default"].any,onPopupVisibleChange:p["default"].func,afterPopupVisibleChange:p["default"].func,popup:p["default"].oneOfType([p["default"].node,p["default"].func]).isRequired,popupStyle:p["default"].object,prefixCls:p["default"].string,popupClassName:p["default"].string,popupPlacement:p["default"].string,builtinPlacements:p["default"].object,popupTransitionName:p["default"].oneOfType([p["default"].string,p["default"].object]),popupAnimation:p["default"].any,mouseEnterDelay:p["default"].number,mouseLeaveDelay:p["default"].number,zIndex:p["default"].number,focusDelay:p["default"].number,blurDelay:p["default"].number,getPopupContainer:p["default"].func,getDocument:p["default"].func,destroyPopupOnHide:p["default"].bool,mask:p["default"].bool,maskClosable:p["default"].bool,onPopupAlign:p["default"].func,popupAlign:p["default"].object,popupVisible:p["default"].bool,maskTransitionName:p["default"].oneOfType([p["default"].string,p["default"].object]),maskAnimation:p["default"].string},mixins:[(0,E["default"])({autoMount:!1,isVisible:function(e){return e.state.popupVisible},getContainer:function(e){var t=e.props,n=document.createElement("div");n.style.position="absolute",n.style.top="0",n.style.left="0",n.style.width="100%";var r=t.getPopupContainer?t.getPopupContainer((0,d.findDOMNode)(e)):t.getDocument().body;return r.appendChild(n),n}})],getDefaultProps:function(){return{prefixCls:"rc-trigger-popup",getPopupClassNameFromAlign:i,getDocument:a,onPopupVisibleChange:o,afterPopupVisibleChange:o,onPopupAlign:o,popupClassName:"",mouseEnterDelay:0,mouseLeaveDelay:.1,focusDelay:0,blurDelay:.15,popupStyle:{},destroyPopupOnHide:!1,popupAlign:{},defaultPopupVisible:!1,mask:!1,maskClosable:!0,action:[],showAction:[],hideAction:[]}},getInitialState:function(){var e=this.props,t=void 0;return t="popupVisible"in e?!!e.popupVisible:!!e.defaultPopupVisible,{popupVisible:t}},componentWillMount:function(){var e=this;S.forEach(function(t){e["fire"+t]=function(n){e.fireEvents(t,n)}})},componentDidMount:function(){this.componentDidUpdate({},{popupVisible:this.state.popupVisible})},componentWillReceiveProps:function(e){var t=e.popupVisible;void 0!==t&&this.setState({popupVisible:t})},componentDidUpdate:function(e,t){var n=this.props,r=this.state;if(this.renderComponent(null,function(){t.popupVisible!==r.popupVisible&&n.afterPopupVisibleChange(r.popupVisible)}),r.popupVisible){var o=void 0;return!this.clickOutsideHandler&&this.isClickToHide()&&(o=n.getDocument(),this.clickOutsideHandler=(0,b["default"])(o,"mousedown",this.onDocumentClick)),void(this.touchOutsideHandler||(o=o||n.getDocument(),this.touchOutsideHandler=(0,b["default"])(o,"touchstart",this.onDocumentClick)))}this.clearOutsideHandler()},componentWillUnmount:function(){this.clearDelayTimer(),this.clearOutsideHandler()},onMouseEnter:function(e){this.fireEvents("onMouseEnter",e),this.delaySetPopupVisible(!0,this.props.mouseEnterDelay)},onMouseLeave:function(e){this.fireEvents("onMouseLeave",e),this.delaySetPopupVisible(!1,this.props.mouseLeaveDelay)},onPopupMouseEnter:function(){this.clearDelayTimer()},onPopupMouseLeave:function(e){e.relatedTarget&&!e.relatedTarget.setTimeout&&this._component&&(0,y["default"])(this._component.getPopupDomNode(),e.relatedTarget)||this.delaySetPopupVisible(!1,this.props.mouseLeaveDelay)},onFocus:function(e){this.fireEvents("onFocus",e),this.clearDelayTimer(),this.isFocusToShow()&&(this.focusTime=Date.now(),this.delaySetPopupVisible(!0,this.props.focusDelay))},onMouseDown:function(e){this.fireEvents("onMouseDown",e),this.preClickTime=Date.now()},onTouchStart:function(e){this.fireEvents("onTouchStart",e),this.preTouchTime=Date.now()},onBlur:function(e){this.fireEvents("onBlur",e),this.clearDelayTimer(),this.isBlurToHide()&&this.delaySetPopupVisible(!1,this.props.blurDelay)},onClick:function(e){if(this.fireEvents("onClick",e),this.focusTime){var t=void 0;if(this.preClickTime&&this.preTouchTime?t=Math.min(this.preClickTime,this.preTouchTime):this.preClickTime?t=this.preClickTime:this.preTouchTime&&(t=this.preTouchTime),Math.abs(t-this.focusTime)<20)return;this.focusTime=0}this.preClickTime=0,this.preTouchTime=0,e.preventDefault();var n=!this.state.popupVisible;(this.isClickToHide()&&!n||n&&this.isClickToShow())&&this.setPopupVisible(!this.state.popupVisible)},onDocumentClick:function(e){if(!this.props.mask||this.props.maskClosable){var t=e.target,n=(0,d.findDOMNode)(this),r=this.getPopupDomNode();(0,y["default"])(n,t)||(0,y["default"])(r,t)||this.close()}},getPopupDomNode:function(){return this._component&&this._component.getPopupDomNode?this._component.getPopupDomNode():null},getRootDomNode:function(){return(0,d.findDOMNode)(this)},getPopupClassNameFromAlign:function(e){var t=[],n=this.props,r=n.popupPlacement,o=n.builtinPlacements,i=n.prefixCls;return r&&o&&t.push((0,x.getPopupClassNameFromAlign)(o,i,e)),n.getPopupClassNameFromAlign&&t.push(n.getPopupClassNameFromAlign(e)),t.join(" ")},getPopupAlign:function(){var e=this.props,t=e.popupPlacement,n=e.popupAlign,r=e.builtinPlacements;return t&&r?(0,x.getAlignFromPlacement)(r,t,n):n},getComponent:function(){var e=this.props,t=this.state,n={};return this.isMouseEnterToShow()&&(n.onMouseEnter=this.onPopupMouseEnter),this.isMouseLeaveToHide()&&(n.onMouseLeave=this.onPopupMouseLeave),c["default"].createElement(w["default"],(0,u["default"])({prefixCls:e.prefixCls,destroyPopupOnHide:e.destroyPopupOnHide,visible:t.popupVisible,className:e.popupClassName,action:e.action,align:this.getPopupAlign(),onAlign:e.onPopupAlign,animation:e.popupAnimation,getClassNameFromAlign:this.getPopupClassNameFromAlign},n,{getRootDomNode:this.getRootDomNode,style:e.popupStyle,mask:e.mask,zIndex:e.zIndex,transitionName:e.popupTransitionName,maskAnimation:e.maskAnimation,maskTransitionName:e.maskTransitionName}),"function"==typeof e.popup?e.popup():e.popup)},setPopupVisible:function(e){this.clearDelayTimer(),this.state.popupVisible!==e&&("popupVisible"in this.props||this.setState({popupVisible:e}),this.props.onPopupVisibleChange(e))},delaySetPopupVisible:function(e,t){var n=this,r=1e3*t;this.clearDelayTimer(),r?this.delayTimer=setTimeout(function(){n.setPopupVisible(e),n.clearDelayTimer()},r):this.setPopupVisible(e)},clearDelayTimer:function(){this.delayTimer&&(clearTimeout(this.delayTimer),this.delayTimer=null)},clearOutsideHandler:function(){this.clickOutsideHandler&&(this.clickOutsideHandler.remove(),this.clickOutsideHandler=null),this.touchOutsideHandler&&(this.touchOutsideHandler.remove(),this.touchOutsideHandler=null)},createTwoChains:function(e){var t=this.props.children.props,n=this.props;return t[e]&&n[e]?this["fire"+e]:t[e]||n[e]},isClickToShow:function(){var e=this.props,t=e.action,n=e.showAction;return t.indexOf("click")!==-1||n.indexOf("click")!==-1},isClickToHide:function(){var e=this.props,t=e.action,n=e.hideAction;return t.indexOf("click")!==-1||n.indexOf("click")!==-1},isMouseEnterToShow:function(){var e=this.props,t=e.action,n=e.showAction;return t.indexOf("hover")!==-1||n.indexOf("mouseEnter")!==-1},isMouseLeaveToHide:function(){var e=this.props,t=e.action,n=e.hideAction;return t.indexOf("hover")!==-1||n.indexOf("mouseLeave")!==-1},isFocusToShow:function(){var e=this.props,t=e.action,n=e.showAction;return t.indexOf("focus")!==-1||n.indexOf("focus")!==-1},isBlurToHide:function(){var e=this.props,t=e.action,n=e.hideAction;return t.indexOf("focus")!==-1||n.indexOf("blur")!==-1},forcePopupAlign:function(){this.state.popupVisible&&this.popupInstance&&this.popupInstance.alignInstance&&this.popupInstance.alignInstance.forceAlign()},fireEvents:function(e,t){var n=this.props.children.props[e];n&&n(t);var r=this.props[e];r&&r(t)},close:function(){this.setPopupVisible(!1)},render:function(){var e=this.props,t=e.children,n=c["default"].Children.only(t),r={};return this.isClickToHide()||this.isClickToShow()?(r.onClick=this.onClick,r.onMouseDown=this.onMouseDown,r.onTouchStart=this.onTouchStart):(r.onClick=this.createTwoChains("onClick"),r.onMouseDown=this.createTwoChains("onMouseDown"),r.onTouchStart=this.createTwoChains("onTouchStart")),this.isMouseEnterToShow()?r.onMouseEnter=this.onMouseEnter:r.onMouseEnter=this.createTwoChains("onMouseEnter"),this.isMouseLeaveToHide()?r.onMouseLeave=this.onMouseLeave:r.onMouseLeave=this.createTwoChains("onMouseLeave"),this.isFocusToShow()||this.isBlurToHide()?(r.onFocus=this.onFocus,r.onBlur=this.onBlur):(r.onFocus=this.createTwoChains("onFocus"),r.onBlur=this.createTwoChains("onBlur")),c["default"].cloneElement(n,r)}});t["default"]=O,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){return e[0]===t[0]&&e[1]===t[1]}function i(e,t,n){var r=e[t]||{};return(0,u["default"])({},r,n)}function a(e,t,n){var r=n.points;for(var i in e)if(e.hasOwnProperty(i)&&o(e[i].points,r))return t+"-placement-"+i;return""}Object.defineProperty(t,"__esModule",{value:!0});var s=n(9),u=r(s);t.getAlignFromPlacement=i,t.getPopupClassNameFromAlign=a},function(e,t){(function(t){e.exports=t}).call(t,{})},function(e,t){e.exports=function(e){return e.webpackPolyfill||(e.deprecate=function(){},e.paths=[],e.children=[],e.webpackPolyfill=1),e}},function(e,t){"use strict";var n={childContextTypes:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,mixins:!0,propTypes:!0,type:!0},r={name:!0,length:!0,prototype:!0,caller:!0,arguments:!0,arity:!0},o="function"==typeof Object.getOwnPropertySymbols;e.exports=function(e,t,i){if("string"!=typeof t){var a=Object.getOwnPropertyNames(t);o&&(a=a.concat(Object.getOwnPropertySymbols(t)));for(var s=0;s<a.length;++s)if(!(n[a[s]]||r[a[s]]||i&&i[a[s]]))try{e[a[s]]=t[a[s]]}catch(u){}}return e}},function(e,t,n){"use strict";t=e.exports=n(1307)["default"],t["default"]=t},function(e,t){"use strict";t["default"]=function(){function e(e,t){function n(){this.constructor=e}n.prototype=t.prototype,e.prototype=new n}function t(e,t,n,r,o,i){this.message=e,this.expected=t,this.found=n,this.offset=r,this.line=o,this.column=i,this.name="SyntaxError"}function n(e){function n(t){function n(t,n,r){var o,i;
+for(o=n;o<r;o++)i=e.charAt(o),"\n"===i?(t.seenCR||t.line++,t.column=1,t.seenCR=!1):"\r"===i||"\u2028"===i||"\u2029"===i?(t.line++,t.column=1,t.seenCR=!0):(t.column++,t.seenCR=!1)}return Xe!==t&&(Xe>t&&(Xe=0,$e={line:1,column:1,seenCR:!1}),n($e,Xe,t),Xe=t),$e}function r(e){Ye<Ze||(Ye>Ze&&(Ze=Ye,Qe=[]),Qe.push(e))}function o(r,o,i){function a(e){var t=1;for(e.sort(function(e,t){return e.description<t.description?-1:e.description>t.description?1:0});t<e.length;)e[t-1]===e[t]?e.splice(t,1):t++}function s(e,t){function n(e){function t(e){return e.charCodeAt(0).toString(16).toUpperCase()}return e.replace(/\\/g,"\\\\").replace(/"/g,'\\"').replace(/\x08/g,"\\b").replace(/\t/g,"\\t").replace(/\n/g,"\\n").replace(/\f/g,"\\f").replace(/\r/g,"\\r").replace(/[\x00-\x07\x0B\x0E\x0F]/g,function(e){return"\\x0"+t(e)}).replace(/[\x10-\x1F\x80-\xFF]/g,function(e){return"\\x"+t(e)}).replace(/[\u0180-\u0FFF]/g,function(e){return"\\u0"+t(e)}).replace(/[\u1080-\uFFFF]/g,function(e){return"\\u"+t(e)})}var r,o,i,a=new Array(e.length);for(i=0;i<e.length;i++)a[i]=e[i].description;return r=e.length>1?a.slice(0,-1).join(", ")+" or "+a[e.length-1]:a[0],o=t?'"'+n(t)+'"':"end of input","Expected "+r+" but "+o+" found."}var u=n(i),l=i<e.length?e.charAt(i):null;return null!==o&&a(o),new t(null!==r?r:s(o,l),o,l,i,u.line,u.column)}function i(){var e;return e=a()}function a(){var e,t,n;for(e=Ye,t=[],n=s();n!==M;)t.push(n),n=s();return t!==M&&(Ge=e,t=D(t)),e=t}function s(){var e;return e=l(),e===M&&(e=f()),e}function u(){var t,n,r,o,i,a;if(t=Ye,n=[],r=Ye,o=x(),o!==M?(i=P(),i!==M?(a=x(),a!==M?(o=[o,i,a],r=o):(Ye=r,r=j)):(Ye=r,r=j)):(Ye=r,r=j),r!==M)for(;r!==M;)n.push(r),r=Ye,o=x(),o!==M?(i=P(),i!==M?(a=x(),a!==M?(o=[o,i,a],r=o):(Ye=r,r=j)):(Ye=r,r=j)):(Ye=r,r=j);else n=j;return n!==M&&(Ge=t,n=R(n)),t=n,t===M&&(t=Ye,n=w(),n!==M&&(n=e.substring(t,Ye)),t=n),t}function l(){var e,t;return e=Ye,t=u(),t!==M&&(Ge=e,t=I(t)),e=t}function c(){var t,n,o;if(t=S(),t===M){if(t=Ye,n=[],L.test(e.charAt(Ye))?(o=e.charAt(Ye),Ye++):(o=M,0===Je&&r(F)),o!==M)for(;o!==M;)n.push(o),L.test(e.charAt(Ye))?(o=e.charAt(Ye),Ye++):(o=M,0===Je&&r(F));else n=j;n!==M&&(n=e.substring(t,Ye)),t=n}return t}function f(){var t,n,o,i,a,s,u,l,f;return t=Ye,123===e.charCodeAt(Ye)?(n=U,Ye++):(n=M,0===Je&&r(V)),n!==M?(o=x(),o!==M?(i=c(),i!==M?(a=x(),a!==M?(s=Ye,44===e.charCodeAt(Ye)?(u=z,Ye++):(u=M,0===Je&&r(H)),u!==M?(l=x(),l!==M?(f=p(),f!==M?(u=[u,l,f],s=u):(Ye=s,s=j)):(Ye=s,s=j)):(Ye=s,s=j),s===M&&(s=B),s!==M?(u=x(),u!==M?(125===e.charCodeAt(Ye)?(l=K,Ye++):(l=M,0===Je&&r(W)),l!==M?(Ge=t,n=q(i,s),t=n):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j),t}function p(){var e;return e=d(),e===M&&(e=h(),e===M&&(e=v(),e===M&&(e=m()))),e}function d(){var t,n,o,i,a,s,u;return t=Ye,e.substr(Ye,6)===Y?(n=Y,Ye+=6):(n=M,0===Je&&r(G)),n===M&&(e.substr(Ye,4)===X?(n=X,Ye+=4):(n=M,0===Je&&r($)),n===M&&(e.substr(Ye,4)===Z?(n=Z,Ye+=4):(n=M,0===Je&&r(Q)))),n!==M?(o=x(),o!==M?(i=Ye,44===e.charCodeAt(Ye)?(a=z,Ye++):(a=M,0===Je&&r(H)),a!==M?(s=x(),s!==M?(u=P(),u!==M?(a=[a,s,u],i=a):(Ye=i,i=j)):(Ye=i,i=j)):(Ye=i,i=j),i===M&&(i=B),i!==M?(Ge=t,n=J(n,i),t=n):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j),t}function h(){var t,n,o,i,a,s;return t=Ye,e.substr(Ye,6)===ee?(n=ee,Ye+=6):(n=M,0===Je&&r(te)),n!==M?(o=x(),o!==M?(44===e.charCodeAt(Ye)?(i=z,Ye++):(i=M,0===Je&&r(H)),i!==M?(a=x(),a!==M?(s=_(),s!==M?(Ge=t,n=ne(s),t=n):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j),t}function v(){var t,n,o,i,a,s;return t=Ye,e.substr(Ye,13)===re?(n=re,Ye+=13):(n=M,0===Je&&r(oe)),n!==M?(o=x(),o!==M?(44===e.charCodeAt(Ye)?(i=z,Ye++):(i=M,0===Je&&r(H)),i!==M?(a=x(),a!==M?(s=_(),s!==M?(Ge=t,n=ie(s),t=n):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j),t}function m(){var t,n,o,i,a,s,u;if(t=Ye,e.substr(Ye,6)===ae?(n=ae,Ye+=6):(n=M,0===Je&&r(se)),n!==M)if(o=x(),o!==M)if(44===e.charCodeAt(Ye)?(i=z,Ye++):(i=M,0===Je&&r(H)),i!==M)if(a=x(),a!==M){if(s=[],u=g(),u!==M)for(;u!==M;)s.push(u),u=g();else s=j;s!==M?(Ge=t,n=ue(s),t=n):(Ye=t,t=j)}else Ye=t,t=j;else Ye=t,t=j;else Ye=t,t=j;else Ye=t,t=j;return t}function y(){var t,n,o,i;return t=Ye,n=Ye,61===e.charCodeAt(Ye)?(o=le,Ye++):(o=M,0===Je&&r(ce)),o!==M?(i=S(),i!==M?(o=[o,i],n=o):(Ye=n,n=j)):(Ye=n,n=j),n!==M&&(n=e.substring(t,Ye)),t=n,t===M&&(t=P()),t}function g(){var t,n,o,i,s,u,l,c,f;return t=Ye,n=x(),n!==M?(o=y(),o!==M?(i=x(),i!==M?(123===e.charCodeAt(Ye)?(s=U,Ye++):(s=M,0===Je&&r(V)),s!==M?(u=x(),u!==M?(l=a(),l!==M?(c=x(),c!==M?(125===e.charCodeAt(Ye)?(f=K,Ye++):(f=M,0===Je&&r(W)),f!==M?(Ge=t,n=fe(o,l),t=n):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j),t}function b(){var t,n,o,i;return t=Ye,e.substr(Ye,7)===pe?(n=pe,Ye+=7):(n=M,0===Je&&r(de)),n!==M?(o=x(),o!==M?(i=S(),i!==M?(Ge=t,n=he(i),t=n):(Ye=t,t=j)):(Ye=t,t=j)):(Ye=t,t=j),t}function _(){var e,t,n,r,o;if(e=Ye,t=b(),t===M&&(t=B),t!==M)if(n=x(),n!==M){if(r=[],o=g(),o!==M)for(;o!==M;)r.push(o),o=g();else r=j;r!==M?(Ge=e,t=ve(t,r),e=t):(Ye=e,e=j)}else Ye=e,e=j;else Ye=e,e=j;return e}function w(){var t,n;if(Je++,t=[],ye.test(e.charAt(Ye))?(n=e.charAt(Ye),Ye++):(n=M,0===Je&&r(ge)),n!==M)for(;n!==M;)t.push(n),ye.test(e.charAt(Ye))?(n=e.charAt(Ye),Ye++):(n=M,0===Je&&r(ge));else t=j;return Je--,t===M&&(n=M,0===Je&&r(me)),t}function x(){var t,n,o;for(Je++,t=Ye,n=[],o=w();o!==M;)n.push(o),o=w();return n!==M&&(n=e.substring(t,Ye)),t=n,Je--,t===M&&(n=M,0===Je&&r(be)),t}function C(){var t;return _e.test(e.charAt(Ye))?(t=e.charAt(Ye),Ye++):(t=M,0===Je&&r(we)),t}function E(){var t;return xe.test(e.charAt(Ye))?(t=e.charAt(Ye),Ye++):(t=M,0===Je&&r(Ce)),t}function S(){var t,n,o,i,a,s;if(t=Ye,48===e.charCodeAt(Ye)?(n=Ee,Ye++):(n=M,0===Je&&r(Se)),n===M){if(n=Ye,o=Ye,Oe.test(e.charAt(Ye))?(i=e.charAt(Ye),Ye++):(i=M,0===Je&&r(Pe)),i!==M){for(a=[],s=C();s!==M;)a.push(s),s=C();a!==M?(i=[i,a],o=i):(Ye=o,o=j)}else Ye=o,o=j;o!==M&&(o=e.substring(n,Ye)),n=o}return n!==M&&(Ge=t,n=Te(n)),t=n}function O(){var t,n,o,i,a,s,u,l;return ke.test(e.charAt(Ye))?(t=e.charAt(Ye),Ye++):(t=M,0===Je&&r(Me)),t===M&&(t=Ye,e.substr(Ye,2)===Ne?(n=Ne,Ye+=2):(n=M,0===Je&&r(Ae)),n!==M&&(Ge=t,n=De()),t=n,t===M&&(t=Ye,e.substr(Ye,2)===je?(n=je,Ye+=2):(n=M,0===Je&&r(Re)),n!==M&&(Ge=t,n=Ie()),t=n,t===M&&(t=Ye,e.substr(Ye,2)===Le?(n=Le,Ye+=2):(n=M,0===Je&&r(Fe)),n!==M&&(Ge=t,n=Ue()),t=n,t===M&&(t=Ye,e.substr(Ye,2)===Ve?(n=Ve,Ye+=2):(n=M,0===Je&&r(Be)),n!==M&&(Ge=t,n=ze()),t=n,t===M&&(t=Ye,e.substr(Ye,2)===He?(n=He,Ye+=2):(n=M,0===Je&&r(Ke)),n!==M?(o=Ye,i=Ye,a=E(),a!==M?(s=E(),s!==M?(u=E(),u!==M?(l=E(),l!==M?(a=[a,s,u,l],i=a):(Ye=i,i=j)):(Ye=i,i=j)):(Ye=i,i=j)):(Ye=i,i=j),i!==M&&(i=e.substring(o,Ye)),o=i,o!==M?(Ge=t,n=We(o),t=n):(Ye=t,t=j)):(Ye=t,t=j)))))),t}function P(){var e,t,n;if(e=Ye,t=[],n=O(),n!==M)for(;n!==M;)t.push(n),n=O();else t=j;return t!==M&&(Ge=e,t=qe(t)),e=t}var T,k=arguments.length>1?arguments[1]:{},M={},N={start:i},A=i,D=function(e){return{type:"messageFormatPattern",elements:e}},j=M,R=function(e){var t,n,r,o,i,a="";for(t=0,r=e.length;t<r;t+=1)for(o=e[t],n=0,i=o.length;n<i;n+=1)a+=o[n];return a},I=function(e){return{type:"messageTextElement",value:e}},L=/^[^ \t\n\r,.+={}#]/,F={type:"class",value:"[^ \\t\\n\\r,.+={}#]",description:"[^ \\t\\n\\r,.+={}#]"},U="{",V={type:"literal",value:"{",description:'"{"'},B=null,z=",",H={type:"literal",value:",",description:'","'},K="}",W={type:"literal",value:"}",description:'"}"'},q=function(e,t){return{type:"argumentElement",id:e,format:t&&t[2]}},Y="number",G={type:"literal",value:"number",description:'"number"'},X="date",$={type:"literal",value:"date",description:'"date"'},Z="time",Q={type:"literal",value:"time",description:'"time"'},J=function(e,t){return{type:e+"Format",style:t&&t[2]}},ee="plural",te={type:"literal",value:"plural",description:'"plural"'},ne=function(e){return{type:e.type,ordinal:!1,offset:e.offset||0,options:e.options}},re="selectordinal",oe={type:"literal",value:"selectordinal",description:'"selectordinal"'},ie=function(e){return{type:e.type,ordinal:!0,offset:e.offset||0,options:e.options}},ae="select",se={type:"literal",value:"select",description:'"select"'},ue=function(e){return{type:"selectFormat",options:e}},le="=",ce={type:"literal",value:"=",description:'"="'},fe=function(e,t){return{type:"optionalFormatPattern",selector:e,value:t}},pe="offset:",de={type:"literal",value:"offset:",description:'"offset:"'},he=function(e){return e},ve=function(e,t){return{type:"pluralFormat",offset:e,options:t}},me={type:"other",description:"whitespace"},ye=/^[ \t\n\r]/,ge={type:"class",value:"[ \\t\\n\\r]",description:"[ \\t\\n\\r]"},be={type:"other",description:"optionalWhitespace"},_e=/^[0-9]/,we={type:"class",value:"[0-9]",description:"[0-9]"},xe=/^[0-9a-f]/i,Ce={type:"class",value:"[0-9a-f]i",description:"[0-9a-f]i"},Ee="0",Se={type:"literal",value:"0",description:'"0"'},Oe=/^[1-9]/,Pe={type:"class",value:"[1-9]",description:"[1-9]"},Te=function(e){return parseInt(e,10)},ke=/^[^{}\\\0-\x1F\x7f \t\n\r]/,Me={type:"class",value:"[^{}\\\\\\0-\\x1F\x7f \\t\\n\\r]",description:"[^{}\\\\\\0-\\x1F\x7f \\t\\n\\r]"},Ne="\\\\",Ae={type:"literal",value:"\\\\",description:'"\\\\\\\\"'},De=function(){return"\\"},je="\\#",Re={type:"literal",value:"\\#",description:'"\\\\#"'},Ie=function(){return"\\#"},Le="\\{",Fe={type:"literal",value:"\\{",description:'"\\\\{"'},Ue=function(){return"{"},Ve="\\}",Be={type:"literal",value:"\\}",description:'"\\\\}"'},ze=function(){return"}"},He="\\u",Ke={type:"literal",value:"\\u",description:'"\\\\u"'},We=function(e){return String.fromCharCode(parseInt(e,16))},qe=function(e){return e.join("")},Ye=0,Ge=0,Xe=0,$e={line:1,column:1,seenCR:!1},Ze=0,Qe=[],Je=0;if("startRule"in k){if(!(k.startRule in N))throw new Error("Can't start parsing from rule \""+k.startRule+'".');A=N[k.startRule]}if(T=A(),T!==M&&Ye===e.length)return T;throw T!==M&&Ye<e.length&&r({type:"end",description:"end of input"}),o(null,Qe,Ze)}return e(t,Error),{SyntaxError:t,parse:n}}()},function(e,t,n){"use strict";function r(e,t,n){n=n||{},9===t.nodeType&&(t=o.getWindow(t));var r=n.allowHorizontalScroll,i=n.onlyScrollIfNeeded,a=n.alignWithTop,s=n.alignWithLeft,u=n.offsetTop||0,l=n.offsetLeft||0,c=n.offsetBottom||0,f=n.offsetRight||0;r=void 0===r||r;var p=o.isWindow(t),d=o.offset(e),h=o.outerHeight(e),v=o.outerWidth(e),m=void 0,y=void 0,g=void 0,b=void 0,_=void 0,w=void 0,x=void 0,C=void 0,E=void 0,S=void 0;p?(x=t,S=o.height(x),E=o.width(x),C={left:o.scrollLeft(x),top:o.scrollTop(x)},_={left:d.left-C.left-l,top:d.top-C.top-u},w={left:d.left+v-(C.left+E)+f,top:d.top+h-(C.top+S)+c},b=C):(m=o.offset(t),y=t.clientHeight,g=t.clientWidth,b={left:t.scrollLeft,top:t.scrollTop},_={left:d.left-(m.left+(parseFloat(o.css(t,"borderLeftWidth"))||0))-l,top:d.top-(m.top+(parseFloat(o.css(t,"borderTopWidth"))||0))-u},w={left:d.left+v-(m.left+g+(parseFloat(o.css(t,"borderRightWidth"))||0))+f,top:d.top+h-(m.top+y+(parseFloat(o.css(t,"borderBottomWidth"))||0))+c}),_.top<0||w.top>0?a===!0?o.scrollTop(t,b.top+_.top):a===!1?o.scrollTop(t,b.top+w.top):_.top<0?o.scrollTop(t,b.top+_.top):o.scrollTop(t,b.top+w.top):i||(a=void 0===a||!!a,a?o.scrollTop(t,b.top+_.top):o.scrollTop(t,b.top+w.top)),r&&(_.left<0||w.left>0?s===!0?o.scrollLeft(t,b.left+_.left):s===!1?o.scrollLeft(t,b.left+w.left):_.left<0?o.scrollLeft(t,b.left+_.left):o.scrollLeft(t,b.left+w.left):i||(s=void 0===s||!!s,s?o.scrollLeft(t,b.left+_.left):o.scrollLeft(t,b.left+w.left)))}var o=n(1309);e.exports=r},function(e,t){"use strict";function n(e){var t=void 0,n=void 0,r=void 0,o=e.ownerDocument,i=o.body,a=o&&o.documentElement;return t=e.getBoundingClientRect(),n=t.left,r=t.top,n-=a.clientLeft||i.clientLeft||0,r-=a.clientTop||i.clientTop||0,{left:n,top:r}}function r(e,t){var n=e["page"+(t?"Y":"X")+"Offset"],r="scroll"+(t?"Top":"Left");if("number"!=typeof n){var o=e.document;n=o.documentElement[r],"number"!=typeof n&&(n=o.body[r])}return n}function o(e){return r(e)}function i(e){return r(e,!0)}function a(e){var t=n(e),r=e.ownerDocument,a=r.defaultView||r.parentWindow;return t.left+=o(a),t.top+=i(a),t}function s(e,t,n){var r="",o=e.ownerDocument,i=n||o.defaultView.getComputedStyle(e,null);return i&&(r=i.getPropertyValue(t)||i[t]),r}function u(e,t){var n=e[C]&&e[C][t];if(w.test(n)&&!x.test(t)){var r=e.style,o=r[S],i=e[E][S];e[E][S]=e[C][S],r[S]="fontSize"===t?"1em":n||0,n=r.pixelLeft+O,r[S]=o,e[E][S]=i}return""===n?"auto":n}function l(e,t){for(var n=0;n<e.length;n++)t(e[n])}function c(e){return"border-box"===P(e,"boxSizing")}function f(e,t,n){var r={},o=e.style,i=void 0;for(i in t)t.hasOwnProperty(i)&&(r[i]=o[i],o[i]=t[i]);n.call(e);for(i in t)t.hasOwnProperty(i)&&(o[i]=r[i])}function p(e,t,n){var r=0,o=void 0,i=void 0,a=void 0;for(i=0;i<t.length;i++)if(o=t[i])for(a=0;a<n.length;a++){var s=void 0;s="border"===o?o+n[a]+"Width":o+n[a],r+=parseFloat(P(e,s))||0}return r}function d(e){return null!=e&&e==e.window}function h(e,t,n){if(d(e))return"width"===t?D.viewportWidth(e):D.viewportHeight(e);if(9===e.nodeType)return"width"===t?D.docWidth(e):D.docHeight(e);var r="width"===t?["Left","Right"]:["Top","Bottom"],o="width"===t?e.offsetWidth:e.offsetHeight,i=P(e),a=c(e,i),s=0;(null==o||o<=0)&&(o=void 0,s=P(e,t),(null==s||Number(s)<0)&&(s=e.style[t]||0),s=parseFloat(s)||0),void 0===n&&(n=a?N:k);var u=void 0!==o||a,l=o||s;if(n===k)return u?l-p(e,["border","padding"],r,i):s;if(u){var f=n===M?-p(e,["border"],r,i):p(e,["margin"],r,i);return l+(n===N?0:f)}return s+p(e,T.slice(n),r,i)}function v(e){var t=void 0,n=arguments;return 0!==e.offsetWidth?t=h.apply(void 0,n):f(e,j,function(){t=h.apply(void 0,n)}),t}function m(e,t,n){var r=n;{if("object"!==("undefined"==typeof t?"undefined":b(t)))return"undefined"!=typeof r?("number"==typeof r&&(r+="px"),void(e.style[t]=r)):P(e,t);for(var o in t)t.hasOwnProperty(o)&&m(e,o,t[o])}}function y(e,t){"static"===m(e,"position")&&(e.style.position="relative");var n=a(e),r={},o=void 0,i=void 0;for(i in t)t.hasOwnProperty(i)&&(o=parseFloat(m(e,i))||0,r[i]=o+t[i]-n[i]);m(e,r)}var g=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e},_=/[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source,w=new RegExp("^("+_+")(?!px)[a-z%]+$","i"),x=/^(top|right|bottom|left)$/,C="currentStyle",E="runtimeStyle",S="left",O="px",P=void 0;"undefined"!=typeof window&&(P=window.getComputedStyle?s:u);var T=["margin","border","padding"],k=-1,M=2,N=1,A=0,D={};l(["Width","Height"],function(e){D["doc"+e]=function(t){var n=t.document;return Math.max(n.documentElement["scroll"+e],n.body["scroll"+e],D["viewport"+e](n))},D["viewport"+e]=function(t){var n="client"+e,r=t.document,o=r.body,i=r.documentElement,a=i[n];return"CSS1Compat"===r.compatMode&&a||o&&o[n]||a}});var j={position:"absolute",visibility:"hidden",display:"block"};l(["width","height"],function(e){var t=e.charAt(0).toUpperCase()+e.slice(1);D["outer"+t]=function(t,n){return t&&v(t,e,n?A:N)};var n="width"===e?["Left","Right"]:["Top","Bottom"];D[e]=function(t,r){if(void 0===r)return t&&v(t,e,k);if(t){var o=P(t),i=c(t);return i&&(r+=p(t,["padding","border"],n,o)),m(t,e,r)}}}),e.exports=g({getWindow:function(e){var t=e.ownerDocument||e;return t.defaultView||t.parentWindow},offset:function(e,t){return"undefined"==typeof t?a(e):void y(e,t)},isWindow:d,each:l,css:m,clone:function(e){var t={};for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);var r=e.overflow;if(r)for(var n in e)e.hasOwnProperty(n)&&(t.overflow[n]=e.overflow[n]);return t},scrollLeft:function(e,t){if(d(e)){if(void 0===t)return o(e);window.scrollTo(t,i(e))}else{if(void 0===t)return e.scrollLeft;e.scrollLeft=t}},scrollTop:function(e,t){if(d(e)){if(void 0===t)return i(e);window.scrollTo(o(e),t)}else{if(void 0===t)return e.scrollTop;e.scrollTop=t}},viewportWidth:0,viewportHeight:0},D)},function(e,t,n){var r;/*!
 	  Copyright (c) 2015 Jed Watson.
 	  Based on code that is Copyright 2013-2015, Facebook, Inc.
 	  All rights reserved.
@@ -72,14 +72,14 @@ for(o=n;o<r;o++)i=e.charAt(o),"\n"===i?(t.seenCR||t.line++,t.column=1,t.seenCR=!
 !function(){"use strict";var o=!("undefined"==typeof window||!window.document||!window.document.createElement),i={canUseDOM:o,canUseWorkers:"undefined"!=typeof Worker,canUseEventListeners:o&&!(!window.addEventListener&&!window.attachEvent),canUseViewport:o&&!!window.screen};r=function(){return i}.call(t,n,t,e),!(void 0!==r&&(e.exports=r))}()},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(e,t){return{duration:e.duration||0===e.duration?e.duration:y,delay:e.delay||g,ease:"function"==typeof e.ease?e.ease:l["default"][e.ease||m],onUpdate:e.onUpdate||o,onComplete:e.onComplete||o,onStart:e.onStart||o,onRepeat:e.onRepeat||o,repeat:e.repeat||0,repeatDelay:e.repeatDelay||0,yoyo:e.yoyo||!1,type:e.type||"to",initTime:t,appearTo:"number"==typeof e.appearTo?e.appearTo:null}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(9),s=r(a),u=n(383),l=r(u),c=n(228),f=r(c),p=n(1313),d=r(p),h=n(108),v=n(137),m="easeInOutQuad",y=450,g=0;f["default"].push(d["default"]);var b=function(e,t,n){this.target=e,this.attr=n.attr||"style",this.willChange=n.willChange,this.totalTime=0,this.progressTime=0,this.defaultData=[],this.start={},this.onStart={},this.startDefaultData={},this.tween={},this.data=t,this.perFrame=Math.round(1e3/60),this.register=!1;var r=this.setAttrIsStyle();this.setDefaultData(r)},_=b.prototype;_.setAttrIsStyle=function(){var e=this,t=[];return this.data.forEach(function(n,r){var o=(0,s["default"])({},n);"style"===e.attr?(t[r]={},Object.keys(o).forEach(function(e){e in i({},0)&&(t[r][e]=o[e],delete o[e])}),t[r].style=o,e.startDefaultData.style=e.target.getAttribute("style")):"attr"===e.attr&&(Object.keys(o).forEach(function(t){if("style"===t&&Array.isArray(n[t]))throw new Error("Style should be the object.");"bezier"===t?(o.style=(0,s["default"])({},o.style,{bezier:o[t]}),delete o[t],e.startDefaultData.style=e.target.getAttribute("style")):e.startDefaultData[t]=e.target.getAttribute(t)}),t[r]=o)}),t},_.setDefaultData=function(e){var t=this,n=0,r=!1,o=e.map(function(e){var o="number"==typeof e.appearTo;o||(n+=e.delay||0);var a=(e.appearTo||0)+(e.delay||0),s=i(e,o?a:n);s.vars={},Object.keys(e).forEach(function(n){if(!(n in s)){var r=e[n];if(n in f["default"])s.vars[n]=new f["default"][n](t.target,r,s.type);else if(n.match(/color/i)||"stroke"===n||"fill"===n)s.vars[n]={type:"color",vars:(0,h.parseColor)(r)};else if("number"==typeof r||r.split(/[,|\s]/g).length<=1){var o=parseFloat(r),i=r.toString().replace(/[^a-z|%]/g,""),a=r.toString().replace(/[^+|=|-]/g,"");s.vars[n]={unit:i,vars:o,count:a}}else("d"===n||"points"===n)&&"SVGMorph"in f["default"]&&(s.vars[n]=new f["default"].SVGMorph(t.target,r,n))}}),s.yoyo&&!s.repeat&&console.warn("Warning: yoyo must be used together with repeat;"),s.repeat===-1&&(r=!0);var u=s.repeat===-1?0:s.repeat;if(o){var l=e.appearTo+(e.delay||0)+s.duration*(u+1)+s.repeatDelay*u;n=l>=n?l:n}else s.delay<-s.duration?n-=s.delay:n+=s.duration*(u+1)+s.repeatDelay*u;return s.mode="",s});this.totalTime=r?Number.MAX_VALUE:n,this.defaultData=o},_.getComputedStyle=function(){return document.defaultView?document.defaultView.getComputedStyle(this.target):{}},_.getAnimStartData=function(e){var t=this,n={};return this.computedStyle=this.computedStyle||this.getComputedStyle(),Object.keys(e).forEach(function(r){if(r in f["default"]||"attr"===t.attr&&("d"===r||"points"===r))return void(n[r]=e[r].getAnimStart(t.computedStyle,t.willChange));if("attr"!==t.attr)n[r]=t.target[r]||0;else{var o=t.target.getAttribute(r),i="null"!==o&&o?o:0;if(r.match(/color/i)||"stroke"===r||"fill"===r)i=i||"stroke"!==r?i:"rgba(255, 255, 255, 0)",i=(0,h.parseColor)(i),n[r]=i;else if(parseFloat(i)||0===parseFloat(i)||0===i){var a=i.toString().replace(/[^a-z|%]/g,"");n[r]=a!==e[r].unit?(0,v.startConvertToEndUnit)(t.target,r,parseFloat(i),a,e[r].unit):parseFloat(i)}}}),n},_.setAnimData=function(e){var t=this;Object.keys(e).forEach(function(n){n in f["default"]||"attr"===t.attr&&("d"===n||"points"===n)||(t.target[n]=e[n])})},_.setRatio=function(e,t,n){var r=this;Object.keys(t.vars).forEach(function(o){if(o in f["default"]||"attr"===r.attr&&("d"===o||"points"===o))return void t.vars[o].setRatio(e,r.tween);var i=t.vars[o],a=r.start[n][o],s=void 0;"attr"===r.attr&&(i.type?"color"===i.type&&(3===i.vars.length&&4===a.length&&(i.vars[3]=1),s=i.vars.map(function(t,n){var r=a[n]||0;return(t-r)*e+r}),r.target.setAttribute(o,(0,h.getColor)(s))):(s="="===i.unit.charAt(1)?a+i.vars*e+i.unit:(i.vars-a)*e+a+i.unit,r.target.setAttribute(o,s)))}),this.setAnimData(this.tween)},_.render=function(){var e=this;this.defaultData.forEach(function(t,n){var r=t.initTime,o=(0,h.toFixed)(t.duration),i=Math.ceil((e.progressTime-r)/(o+t.repeatDelay))-1;if(i=i<0?0:i,t.repeat){if(t.repeat<i&&t.repeat!==-1)return;(t.repeat||t.repeat<=i)&&(r+=i*(o+t.repeatDelay))}var a=t.yoyo&&i%2||"from"===t.type?1:0,u=t.yoyo&&i%2||"from"===t.type?0:1,l=(0,h.toFixed)(e.progressTime-r),c=void 0,f="from"===t.type?t.delay:0;if(!(l+f>=0)||e.start[n]||(e.start[n]=e.getAnimStartData(t.vars),l<e.perFrame?(c=t.duration||t.delay?t.ease(0,a,u,1):t.ease(1,a,u,1),e.setRatio(c,t,n)):l>o&&(c=t.ease(1,a,u,1),e.setRatio(c,t,n)),e.register||(e.register=!0,0!==l))){var p={index:n,target:e.target};if(l>=0&&!(l>o&&"onComplete"===t.mode)){var d="update"===e.updateAnim;l>=o?(c=t.ease(1,a,u,1),e.setRatio(c,t,n),"reset"===t.mode||d||t.onComplete(p),t.mode="onComplete"):l<e.perFrame?(c=t.ease(0,a,u,1),e.setRatio(c,t,n),d||(t.repeat&&i>0?(t.mode="onRepeat",t.onRepeat((0,s["default"])({},p,{repeatNum:i}))):(t.mode="onStart",t.onStart(p)))):l>0&&l<o&&(t.mode="onUpdate",c=t.ease(l,a,u,o),e.setRatio(c,t,n),d||t.onUpdate((0,s["default"])({ratio:c},p))),d||e.onChange((0,s["default"])({moment:e.progressTime,mode:t.mode},p))}}})},_.frame=function(e){this.progressTime=e,this.render()},_.resetAnimData=function(){this.tween={},this.start={},this.onStart={}},_.resetDefaultStyle=function(){var e=this;this.tween={},this.defaultData=this.defaultData.map(function(e){return e.mode="reset",e}),Object.keys(this.startDefaultData).forEach(function(t){t in i({},0)||e.target.setAttribute(t,e.startDefaultData[t])})},_.reStart=function(e){var t=this;this.start={},Object.keys(e).forEach(function(n){t.target.style[n]=(0,h.stylesToCss)(n,e[n])}),this.setAttrIsStyle(),this.resetDefaultStyle()},_.onChange=o,t["default"]=b,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}Object.defineProperty(t,"__esModule",{value:!0});var i=n(9),a=r(i),s=n(4),u=r(s),l=n(7),c=r(l),f=n(6),p=r(f),d=n(1),h=r(d),v=n(12),m=r(v),y=n(382),g=r(y),b=n(137),_=function(e){function t(){(0,u["default"])(this,t);var n=(0,c["default"])(this,e.apply(this,arguments));w.call(n),n.keysToEnter=[],n.keysToLeave=[],n.saveTweenTag={},n.onEnterBool=!1,n.isTween={};var r=(0,b.toArrayChildren)((0,b.getChildrenFromProps)(n.props));return n.state={children:r},n}return(0,p["default"])(t,e),t.prototype.componentDidMount=function(){this.onEnterBool=!0},t.prototype.componentWillReceiveProps=function(e){var t=this,n=(0,b.toArrayChildren)(e.children),r=(0,b.toArrayChildren)(this.state.children),o=(0,b.mergeChildren)(r,n);this.keysToEnter=[],this.keysToLeave=[],n.forEach(function(e){if(e){var n=e.key,o=(0,b.findChildInChildrenByKey)(r,n);t.saveTweenTag[n]&&(t.saveTweenTag[n]=h["default"].cloneElement(t.saveTweenTag[n],{},e)),!o&&n&&t.keysToEnter.push(n)}}),r.forEach(function(e){if(e){var r=e.key,o=(0,b.findChildInChildrenByKey)(n,r);!o&&r&&(t.keysToLeave.push(r),delete t.saveTweenTag[r])}}),this.setState({children:o})},t.prototype.render=function(){var e=this.getChildrenToRender(this.state.children);if(!this.props.component)return e[0]||null;var t=(0,a["default"])({},this.props);return["component","appear","enter","leave","animatingClassName","onEnd","resetStyleBool","willChange"].forEach(function(e){return delete t[e]}),(0,d.createElement)(this.props.component,t,e)},t}(d.Component),w=function(){var e=this;this.onChange=function(t,n,r,o){var i=(0,b.dataToArray)(t).length,a=e.props.animatingClassName,s=o.target,u="enter"===r||"appear"===r;if("onStart"===o.mode)s.className=s.className.replace(a[u?1:0],"").trim(),s.className.indexOf(a[u?0:1])===-1&&(s.className=(s.className+" "+a[u?0:1]).trim());else if(o.index===i-1&&"onComplete"===o.mode){if("enter"===r)e.keysToEnter.splice(e.keysToEnter.indexOf(n),1);else if("leave"===r){var l=e.state.children.filter(function(e){return n!==e.key});e.keysToLeave.splice(e.keysToLeave.indexOf(n),1),delete e.saveTweenTag[n],e.setState({children:l})}s.className=s.className.replace(a[u?0:1],"").trim(),delete e.isTween[n];var c={key:n,type:r};e.props.onEnd(c)}},this.getTweenChild=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.key;return e.saveTweenTag[r]=h["default"].createElement(g["default"],(0,a["default"])({},n,{key:r,component:null}),t),e.saveTweenTag[r]},this.getCoverAnimation=function(t,n,r){var o=void 0,i=void 0;if(o="leave"===r?e.props.leave:e.props.enter,"appear"===r){var a=(0,b.transformArguments)(e.props.appear,t.key,n);o=a&&e.props.enter||null}i=e.onChange.bind(e,o,t.key,r);var s=(0,b.transformArguments)(o,t.key,n),u={willChange:e.props.willChange,key:t.key,animation:s,onChange:i,resetStyleBool:e.props.resetStyleBool},l=e.getTweenChild(t,u);return(e.keysToEnter.concat(e.keysToLeave).indexOf(t.key)>=0||!e.onEnterBool&&o)&&(e.isTween[t.key]=r),l},this.getChildrenToRender=function(t){return t.map(function(t,n){if(!t||!t.key)return t;var r=t.key;return e.keysToLeave.indexOf(r)>=0?e.getCoverAnimation(t,n,"leave"):e.keysToEnter.indexOf(r)>=0||e.isTween[r]&&e.keysToLeave.indexOf(r)===-1?e.getCoverAnimation(t,n,"enter"):e.onEnterBool?e.saveTweenTag[r]:e.getCoverAnimation(t,n,"appear")})}};_.propTypes={component:m["default"].any,children:m["default"].any,style:m["default"].object,appear:m["default"].bool,enter:m["default"].any,leave:m["default"].any,animatingClassName:m["default"].array,onEnd:m["default"].func,willChange:m["default"].bool,resetStyleBool:m["default"].bool},_.defaultProps={component:"div",appear:!0,animatingClassName:["tween-one-entering","tween-one-leaving"],enter:{x:50,opacity:0,type:"from"},leave:{x:-50,opacity:0},onEnd:o,willChange:!0,resetStyleBool:!0},_.isTweenOneGroup=!0,t["default"]=_,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(108),s=r(a),u=n(137),l=n(228),c=r(l),f=function(e,t,n){this.target=e,this.vars=t,this.type=n,this.propsData={},this.setDefaultData()},p=f.prototype={name:"style"};p.getTweenData=function(e,t){var n={data:{},dataType:{},dataUnit:{},dataCount:{},dataSplitStr:{}};if(e.match(/colo|fill|storker/i)?(n.data[e]=(0,a.parseColor)(t),n.dataType[e]="color"):e.match(/shadow/i)?(n.data[e]=(0,a.parseShadow)(t),n.dataType[e]="shadow"):"string"==typeof t&&t.split(/[\s|,]/).length>1?(n.data[e]=t.split(/[\s|,]/),n.dataSplitStr[e]=t.replace(/[^\s|,]/g,""),n.dataType[e]="string"):(n.data[e]=t,n.dataType[e]="other"),Array.isArray(n.data[e]))n.dataUnit[e]=n.data[e].map(function(e){return e.toString().replace(/[^a-z|%]/g,"")}),n.dataCount[e]=n.data[e].map(function(e){return e.toString().replace(/[^+|=|-]/g,"")}),n.data[e]=n.data[e].map(function(e){return parseFloat(e)||0===parseFloat(e)?parseFloat(e):e});else{n.dataUnit[e]=n.data[e].toString().replace(/[^a-z|%]/g,""),n.dataCount[e]=n.data[e].toString().replace(/[^+|=|-]/g,"");var r=parseFloat(n.data[e].toString().replace(/[a-z|%|=]/g,""));n.data[e]=r||0===r?r:n.data[e]}return n},p.setDefaultData=function(){var e=this;this.propsData.data={},this.propsData.dataType={},this.propsData.dataUnit={},this.propsData.dataCount={},this.propsData.dataSplitStr={},Object.keys(this.vars).forEach(function(t){if(t in c["default"])return void(e.propsData.data[t]=new c["default"][t](e.target,e.vars[t]));var n=(0,a.getGsapType)(t),r=e.getTweenData(n,e.vars[t]);e.propsData.data[n]=r.data[n],e.propsData.dataType[n]=r.dataType[n],e.propsData.dataUnit[n]=r.dataUnit[n],e.propsData.dataCount[n]=r.dataCount[n],r.dataSplitStr[n]&&(e.propsData.dataSplitStr[n]=r.dataSplitStr[n])})},p.convertToMarksArray=function(e,t,n,r){var o=n.toString().replace(/[^a-z|%]/g,""),i=e[r];return o===i?parseFloat(n):parseFloat(n)||0===parseFloat(n)?(0,u.startConvertToEndUnit)(this.target,t,n,o,i,null,"transformOrigin"===t&&!r):n},p.getAnimStart=function(e,t){var n=this,r={};this.supports3D=(0,a.checkStyleName)("perspective");var o=void 0;return t&&(this.willChange="auto"!==e.willChange&&e.willChange&&"none"!==e.willChange?e.willChange:"",o=this.willChange.split(",").filter(function(e){return e})),Object.keys(this.propsData.data).forEach(function(s){var l=(0,a.isConvert)(s);if(t){var f=s in c["default"]?n.propsData.data[s].useStyle||l:l;o.indexOf(f)===-1&&(f in e||s in c["default"])&&o.push(f.replace(/([A-Z])/g,"-$1").toLocaleLowerCase()),n.willChange=o.join(",")}var p=e[l],d="fixed"===e.position;p&&"none"!==p&&"auto"!==p||(p="");var h=void 0,v=void 0,m=void 0;if(s in c["default"])"bezier"===s&&(n.transform=(0,a.checkStyleName)("transform"),p=e[n.transform],r.transform=r.transform||(0,a.getTransform)(p)),n.propsData.data[s].getAnimStart(e);else if("transform"===l){if(n.transform=(0,a.checkStyleName)("transform"),p=e[n.transform],v=n.propsData.dataUnit[s],h=r.transform||(0,a.getTransform)(p),v&&v.match(/%|vw|vh|em|rem/i)){var y="translateX"===s?"xPercent":"yPercent";h[y]=(0,u.startConvertToEndUnit)(n.target,s,h[s],null,v),h[s]=0}r.transform=h}else"filter"===l?(n.filterName=(0,a.checkStyleName)("filter")||"filter",p=e[n.filterName],n.filterObject=(0,i["default"])({},n.filterObject,(0,a.splitFilterToObject)(p)),p=n.filterObject[s]||0,m=p.toString().replace(/[^a-z|%]/g,""),v=n.propsData.dataUnit[s],v!==m&&(p=(0,u.startConvertToEndUnit)(n.target,l,parseFloat(p),m,v,d)),r[s]=parseFloat(p)):s.match(/color|fill/i)||"stroke"===s?(p=p||"stroke"!==s?p:"rgba(255, 255, 255, 0)",r[l]=(0,a.parseColor)(p)):s.match(/shadow/i)?(p=(0,a.parseShadow)(p),v=n.propsData.dataUnit[s],p=p.map(n.convertToMarksArray.bind(n,v,s)),r[l]=p):Array.isArray(n.propsData.data[s])?(p=p.split(/[\s|,]/),v=n.propsData.dataUnit[s],p=p.map(n.convertToMarksArray.bind(n,v,s)),r[l]=p):(v=n.propsData.dataUnit[l],m=p.toString().replace(/[^a-z|%]/g,""),v!==m&&(p=(0,u.startConvertToEndUnit)(n.target,l,parseFloat(p),m,v,d)),r[l]=parseFloat(p||0))}),this.start=r,r},p.setArrayRatio=function(e,t,n,r,o){"color"===o&&4===t.length&&3===n.length&&(n[3]=1);var i=t.indexOf("inset")>=0,s=n.indexOf("inset")>=0;if(i&&!s||s&&!i)throw console.error('Error: "box-shadow" inset have to exist');var u=s?9:8;t.length===u&&n.length===u-1?(n.splice(3,0,0),r.splice(3,0,"")):n.length===u&&t.length===u-1&&t.splice(3,0,0);var l=n.map(function(n,i){var a="color"!==o||3!==i||t[i]?0:1,s="number"==typeof t[i]?t[i]:a;return"string"==typeof n?n:(n-s)*e+s+(r[i]||0)});if("color"===o)return(0,a.getColor)(l);if("shadow"===o){var c=l.length===u?4:3,f=l.slice(0,c).map(function(e){return"number"==typeof e?e+"px":e}),p=l.slice(c,s?l.length-1:l.length),d=(0,a.getColor)(p);return(f.join(" ")+" "+d+" "+(s?"inset":"")).trim()}return l},p.setRatio=function(e,t){var n=this;t.style=t.style||{},this.start.transform&&(t.style.transform=t.style.transform||(0,i["default"])({},this.start.transform));var r=this.target.style;this.willChange&&(e===("from"===this.type?0:1)?r.willChange=null:r.willChange=this.willChange),Object.keys(this.propsData.data).forEach(function(o){var i="transform"===(0,a.isTransform)(o),l=i?n.start.transform[o]:n.start[o],f=n.propsData.data[o],p=n.propsData.dataUnit[o],d=n.propsData.dataCount[o];if(o in c["default"])return n.propsData.data[o].setRatio(e,t),void("bezier"===o?r[n.transform]=(0,u.getTransformValue)(t.style.transform,n.supports3D):Object.keys(t.style).forEach(function(e){return r[e]=t.style[e]}));if(i){if(p&&p.match(/%|vw|vh|em|rem/i)){var h="translateX"===o?"xPercent":"yPercent";l=n.start.transform[h],"="===d.charAt(1)?t.style.transform[h]=l+f*e+p:t.style.transform[h]=(f-l)*e+l+p}else if("scale"===o){var v=n.start.transform.scaleX,m=n.start.transform.scaleY;"="===d.charAt(1)?(t.style.transform.scaleX=v+f*e,t.style.transform.scaleY=m+f*e):(t.style.transform.scaleX=(f-v)*e+v,t.style.transform.scaleY=(f-m)*e+m)}return"="===d.charAt(1)?t.style.transform[o]=l+f*e:t.style.transform[o]=(f-l)*e+l,void(r[n.transform]=(0,u.getTransformValue)(t.style.transform,n.supports3D))}if(Array.isArray(f)){var y=n.propsData.dataType[o];t.style[o]=n.setArrayRatio(e,l,f,p,y),"string"===y&&(t.style[o]=t.style[o].join(n.propsData.dataSplitStr[o]))}else{var g=(0,a.stylesToCss)(o,0);g="number"==typeof g?"":g.replace(/[^a-z|%]/g,""),p=p||(s["default"].filter.indexOf(o)>=0?"":g),"string"==typeof f?t.style[o]=f:"="===d.charAt(1)?t.style[o]=l+f*e+p:t.style[o]=(f-l)*e+l+p}if(s["default"].filter.indexOf(o)>=0){if(!n.filterObject)return;n.filterObject[o]=t.style[o];var b="";return Object.keys(n.filterObject).forEach(function(e){b+=" "+e+"("+n.filterObject[e]+")"}),void(r[n.filterName]=b.trim())}r[o]=t.style[o]})},t["default"]=f,e.exports=t["default"]},function(e,t){"use strict";function n(e,t,n){this.locales=e,this.formats=t,this.pluralFn=n}function r(e){this.id=e}function o(e,t,n,r,o){this.id=e,this.useOrdinal=t,this.offset=n,this.options=r,this.pluralFn=o}function i(e,t,n,r){this.id=e,this.offset=t,this.numberFormat=n,this.string=r}function a(e,t){this.id=e,this.options=t}t["default"]=n,n.prototype.compile=function(e){return this.pluralStack=[],this.currentPlural=null,this.pluralNumberFormat=null,this.compileMessage(e)},n.prototype.compileMessage=function(e){if(!e||"messageFormatPattern"!==e.type)throw new Error('Message AST is not of type: "messageFormatPattern"');var t,n,r,o=e.elements,i=[];for(t=0,n=o.length;t<n;t+=1)switch(r=o[t],r.type){case"messageTextElement":i.push(this.compileMessageText(r));break;case"argumentElement":i.push(this.compileArgument(r));break;default:throw new Error("Message element does not have a valid type")}return i},n.prototype.compileMessageText=function(e){return this.currentPlural&&/(^|[^\\])#/g.test(e.value)?(this.pluralNumberFormat||(this.pluralNumberFormat=new Intl.NumberFormat(this.locales)),new i(this.currentPlural.id,this.currentPlural.format.offset,this.pluralNumberFormat,e.value)):e.value.replace(/\\#/g,"#")},n.prototype.compileArgument=function(e){var t=e.format;if(!t)return new r(e.id);var n,i=this.formats,s=this.locales,u=this.pluralFn;switch(t.type){case"numberFormat":return n=i.number[t.style],{id:e.id,format:new Intl.NumberFormat(s,n).format};case"dateFormat":return n=i.date[t.style],{id:e.id,format:new Intl.DateTimeFormat(s,n).format};case"timeFormat":return n=i.time[t.style],{id:e.id,format:new Intl.DateTimeFormat(s,n).format};case"pluralFormat":return n=this.compileOptions(e),new o(e.id,t.ordinal,t.offset,n,u);case"selectFormat":return n=this.compileOptions(e),new a(e.id,n);default:throw new Error("Message element does not have a valid format type")}},n.prototype.compileOptions=function(e){var t=e.format,n=t.options,r={};this.pluralStack.push(this.currentPlural),this.currentPlural="pluralFormat"===t.type?e:null;var o,i,a;for(o=0,i=n.length;o<i;o+=1)a=n[o],r[a.selector]=this.compileMessage(a.value);return this.currentPlural=this.pluralStack.pop(),r},r.prototype.format=function(e){return e?"string"==typeof e?e:String(e):""},o.prototype.getOption=function(e){var t=this.options,n=t["="+e]||t[this.pluralFn(e-this.offset,this.useOrdinal)];return n||t.other},i.prototype.format=function(e){var t=this.numberFormat.format(e-this.offset);return this.string.replace(/(^|[^\\])#/g,"$1"+t).replace(/\\#/g,"#")},a.prototype.getOption=function(e){var t=this.options;return t[e]||t.other}},function(e,t,n){"use strict";function r(e,t,n){var o="string"==typeof e?r.__parse(e):e;if(!o||"messageFormatPattern"!==o.type)throw new TypeError("A message must be provided as a String or AST.");n=this._mergeFormats(r.formats,n),i.defineProperty(this,"_locale",{value:this._resolveLocale(t)});var a=this._findPluralRuleFunction(this._locale),s=this._compilePattern(o,t,n,a),u=this;this.format=function(e){return u._format(s,e)}}var o=n(386),i=n(1317),a=n(1314),s=n(1306);t["default"]=r,i.defineProperty(r,"formats",{enumerable:!0,value:{number:{currency:{style:"currency"},percent:{style:"percent"}},date:{"short":{month:"numeric",day:"numeric",year:"2-digit"},medium:{month:"short",day:"numeric",year:"numeric"},"long":{month:"long",day:"numeric",year:"numeric"},full:{weekday:"long",month:"long",day:"numeric",year:"numeric"}},time:{"short":{hour:"numeric",minute:"numeric"},medium:{hour:"numeric",minute:"numeric",second:"numeric"},"long":{hour:"numeric",minute:"numeric",second:"numeric",timeZoneName:"short"},full:{hour:"numeric",minute:"numeric",second:"numeric",timeZoneName:"short"}}}}),i.defineProperty(r,"__localeData__",{value:i.objCreate(null)}),i.defineProperty(r,"__addLocaleData",{value:function(e){if(!e||!e.locale)throw new Error("Locale data provided to IntlMessageFormat is missing a `locale` property");r.__localeData__[e.locale.toLowerCase()]=e}}),i.defineProperty(r,"__parse",{value:s["default"].parse}),i.defineProperty(r,"defaultLocale",{enumerable:!0,writable:!0,value:void 0}),r.prototype.resolvedOptions=function(){return{locale:this._locale}},r.prototype._compilePattern=function(e,t,n,r){var o=new a["default"](t,n,r);return o.compile(e)},r.prototype._findPluralRuleFunction=function(e){for(var t=r.__localeData__,n=t[e.toLowerCase()];n;){if(n.pluralRuleFunction)return n.pluralRuleFunction;n=n.parentLocale&&t[n.parentLocale.toLowerCase()]}throw new Error("Locale data added to IntlMessageFormat is missing a `pluralRuleFunction` for :"+e)},r.prototype._format=function(e,t){var n,r,i,a,s,u="";for(n=0,r=e.length;n<r;n+=1)if(i=e[n],"string"!=typeof i){if(a=i.id,!t||!o.hop.call(t,a))throw new Error("A value must be provided for: "+a);s=t[a],u+=i.options?this._format(i.getOption(s),t):i.format(s)}else u+=i;return u},r.prototype._mergeFormats=function(e,t){var n,r,a={};for(n in e)o.hop.call(e,n)&&(a[n]=r=i.objCreate(e[n]),t&&o.hop.call(t,n)&&o.extend(r,t[n]));return a},r.prototype._resolveLocale=function(e){"string"==typeof e&&(e=[e]),e=(e||[]).concat(r.defaultLocale);var t,n,o,i,a=r.__localeData__;for(t=0,n=e.length;t<n;t+=1)for(o=e[t].toLowerCase().split("-");o.length;){if(i=a[o.join("-")])return i.locale;o.pop()}var s=e.pop();throw new Error("No locale data has been added to IntlMessageFormat for: "+e.join(", ")+", or the default locale: "+s)}},function(e,t){"use strict";t["default"]={locale:"en",pluralRuleFunction:function(e,t){var n=String(e).split("."),r=!n[1],o=Number(n[0])==e,i=o&&n[0].slice(-1),a=o&&n[0].slice(-2);return t?1==i&&11!=a?"one":2==i&&12!=a?"two":3==i&&13!=a?"few":"other":1==e&&r?"one":"other"}}},function(e,t,n){"use strict";var r=n(386),o=function(){try{return!!Object.defineProperty({},"a",{})}catch(e){return!1}}(),i=(!o&&!Object.prototype.__defineGetter__,o?Object.defineProperty:function(e,t,n){"get"in n&&e.__defineGetter__?e.__defineGetter__(t,n.get):(!r.hop.call(e,t)||"value"in n)&&(e[t]=n.value)}),a=Object.create||function(e,t){function n(){}var o,a;n.prototype=e,o=new n;for(a in t)r.hop.call(t,a)&&i(o,a,t[a]);return o};t.defineProperty=i,t.objCreate=a},function(e,t,n){"use strict";var r=n(1315),o=n(1316);r["default"].__addLocaleData(o["default"]),r["default"].defaultLocale="en",t["default"]=r["default"]},function(e,t,n){"use strict";var r=n(1324)["default"];n(1961),t=e.exports=r,t["default"]=t},function(e,t,n){"use strict";function r(e,t){t=t||{},a.isArray(e)&&(e=e.concat()),a.defineProperty(this,"_locale",{value:this._resolveLocale(e)}),a.defineProperty(this,"_options",{value:{style:this._resolveStyle(t.style),units:this._isValidUnits(t.units)&&t.units}}),a.defineProperty(this,"_locales",{value:e}),a.defineProperty(this,"_fields",{value:this._findFields(this._locale)}),a.defineProperty(this,"_messages",{value:a.objCreate(null)});var n=this;this.format=function(e,t){return n._format(e,t)}}var o=n(385),i=n(1321),a=n(1323);t["default"]=r;var s=["second","minute","hour","day","month","year"],u=["best fit","numeric"];a.defineProperty(r,"__localeData__",{value:a.objCreate(null)}),a.defineProperty(r,"__addLocaleData",{value:function(e){if(!e||!e.locale)throw new Error("Locale data provided to IntlRelativeFormat is missing a `locale` property value");r.__localeData__[e.locale.toLowerCase()]=e,o["default"].__addLocaleData(e)}}),a.defineProperty(r,"defaultLocale",{enumerable:!0,writable:!0,value:void 0}),a.defineProperty(r,"thresholds",{enumerable:!0,value:{second:45,minute:45,hour:22,day:26,month:11}}),r.prototype.resolvedOptions=function(){return{locale:this._locale,style:this._options.style,units:this._options.units}},r.prototype._compileMessage=function(e){var t,n=this._locales,r=(this._locale,this._fields[e]),i=r.relativeTime,a="",s="";for(t in i.future)i.future.hasOwnProperty(t)&&(a+=" "+t+" {"+i.future[t].replace("{0}","#")+"}");for(t in i.past)i.past.hasOwnProperty(t)&&(s+=" "+t+" {"+i.past[t].replace("{0}","#")+"}");var u="{when, select, future {{0, plural, "+a+"}}past {{0, plural, "+s+"}}}";return new o["default"](u,n)},r.prototype._getMessage=function(e){var t=this._messages;return t[e]||(t[e]=this._compileMessage(e)),t[e]},r.prototype._getRelativeUnits=function(e,t){var n=this._fields[t];if(n.relative)return n.relative[e]},r.prototype._findFields=function(e){for(var t=r.__localeData__,n=t[e.toLowerCase()];n;){if(n.fields)return n.fields;n=n.parentLocale&&t[n.parentLocale.toLowerCase()]}throw new Error("Locale data added to IntlRelativeFormat is missing `fields` for :"+e)},r.prototype._format=function(e,t){var n=t&&void 0!==t.now?t.now:a.dateNow();if(void 0===e&&(e=n),!isFinite(n))throw new RangeError("The `now` option provided to IntlRelativeFormat#format() is not in valid range.");if(!isFinite(e))throw new RangeError("The date value provided to IntlRelativeFormat#format() is not in valid range.");var r=i["default"](n,e),o=this._options.units||this._selectUnits(r),s=r[o];if("numeric"!==this._options.style){var u=this._getRelativeUnits(s,o);if(u)return u}return this._getMessage(o).format({0:Math.abs(s),when:s<0?"past":"future"})},r.prototype._isValidUnits=function(e){if(!e||a.arrIndexOf.call(s,e)>=0)return!0;if("string"==typeof e){var t=/s$/.test(e)&&e.substr(0,e.length-1);if(t&&a.arrIndexOf.call(s,t)>=0)throw new Error('"'+e+'" is not a valid IntlRelativeFormat `units` value, did you mean: '+t)}throw new Error('"'+e+'" is not a valid IntlRelativeFormat `units` value, it must be one of: "'+s.join('", "')+'"')},r.prototype._resolveLocale=function(e){"string"==typeof e&&(e=[e]),e=(e||[]).concat(r.defaultLocale);var t,n,o,i,a=r.__localeData__;for(t=0,n=e.length;t<n;t+=1)for(o=e[t].toLowerCase().split("-");o.length;){if(i=a[o.join("-")])return i.locale;o.pop()}var s=e.pop();throw new Error("No locale data has been added to IntlRelativeFormat for: "+e.join(", ")+", or the default locale: "+s)},r.prototype._resolveStyle=function(e){if(!e)return u[0];if(a.arrIndexOf.call(u,e)>=0)return e;throw new Error('"'+e+'" is not a valid IntlRelativeFormat `style` value, it must be one of: "'+u.join('", "')+'"')},r.prototype._selectUnits=function(e){var t,n,o;for(t=0,n=s.length;t<n&&(o=s[t],!(Math.abs(e[o])<r.thresholds[o]));t+=1);return o}},function(e,t){"use strict";function n(e){return 400*e/146097}var r=Math.round;t["default"]=function(e,t){e=+e,t=+t;var o=r(t-e),i=r(o/1e3),a=r(i/60),s=r(a/60),u=r(s/24),l=r(u/7),c=n(u),f=r(12*c),p=r(c);return{millisecond:o,second:i,minute:a,hour:s,day:u,week:l,month:f,year:p}}},function(e,t){"use strict";t["default"]={locale:"en",pluralRuleFunction:function(e,t){var n=String(e).split("."),r=!n[1],o=Number(n[0])==e,i=o&&n[0].slice(-1),a=o&&n[0].slice(-2);return t?1==i&&11!=a?"one":2==i&&12!=a?"two":3==i&&13!=a?"few":"other":1==e&&r?"one":"other"},fields:{year:{displayName:"year",relative:{0:"this year",1:"next year","-1":"last year"},relativeTime:{future:{one:"in {0} year",other:"in {0} years"},past:{one:"{0} year ago",other:"{0} years ago"}}},month:{displayName:"month",relative:{0:"this month",1:"next month","-1":"last month"},relativeTime:{future:{one:"in {0} month",other:"in {0} months"},past:{one:"{0} month ago",other:"{0} months ago"}}},day:{displayName:"day",relative:{0:"today",1:"tomorrow","-1":"yesterday"},relativeTime:{future:{one:"in {0} day",other:"in {0} days"},past:{one:"{0} day ago",other:"{0} days ago"}}},hour:{displayName:"hour",relativeTime:{future:{one:"in {0} hour",other:"in {0} hours"},past:{one:"{0} hour ago",other:"{0} hours ago"}}},minute:{displayName:"minute",relativeTime:{future:{one:"in {0} minute",other:"in {0} minutes"},past:{one:"{0} minute ago",other:"{0} minutes ago"}}},second:{displayName:"second",relative:{0:"now"},relativeTime:{future:{one:"in {0} second",other:"in {0} seconds"},past:{one:"{0} second ago",other:"{0} seconds ago"}}}}}},function(e,t){"use strict";var n=Object.prototype.hasOwnProperty,r=Object.prototype.toString,o=function(){try{return!!Object.defineProperty({},"a",{})}catch(e){return!1}}(),i=(!o&&!Object.prototype.__defineGetter__,o?Object.defineProperty:function(e,t,r){"get"in r&&e.__defineGetter__?e.__defineGetter__(t,r.get):(!n.call(e,t)||"value"in r)&&(e[t]=r.value)}),a=Object.create||function(e,t){function r(){}var o,a;r.prototype=e,o=new r;for(a in t)n.call(t,a)&&i(o,a,t[a]);return o},s=Array.prototype.indexOf||function(e,t){var n=this;if(!n.length)return-1;for(var r=t||0,o=n.length;r<o;r++)if(n[r]===e)return r;return-1},u=Array.isArray||function(e){return"[object Array]"===r.call(e)},l=Date.now||function(){return(new Date).getTime()};t.defineProperty=i,t.objCreate=a,t.arrIndexOf=s,t.isArray=u,t.dateNow=l},function(e,t,n){"use strict";var r=n(1320),o=n(1322);r["default"].__addLocaleData(o["default"]),r["default"].defaultLocale="en",t["default"]=r["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){var n=window.getComputedStyle,r=n?n(e):e.currentStyle;if(r)return r[t.replace(/-(\w)/gi,function(e,t){return t.toUpperCase()})]}function i(e){for(var t=e,n=void 0;"body"!==(n=t.nodeName.toLowerCase());){var r=o(t,"overflowY");if(t!==e&&("auto"===r||"scroll"===r))return t;t=t.parentNode}return"body"===n?t.ownerDocument:t}function a(e){return(0,c["default"])((0,u["default"])({},e),[y])}Object.defineProperty(t,"__esModule",{value:!0});var s=n(9),u=r(s),l=n(387),c=r(l),f=n(1326),p=n(388),d=n(2),h=r(d),v=n(168),m=r(v),y={getForm:function(){return(0,u["default"])({},f.mixin.getForm.call(this),{validateFieldsAndScroll:this.validateFieldsAndScroll})},validateFieldsAndScroll:function(e,t,n){var r=this,o=(0,p.getParams)(e,t,n),a=o.names,s=o.callback,l=o.options,c=function(e,t){if(e){var n=void 0,o=void 0;for(var a in e)if(e.hasOwnProperty(a)){var c=r.getFieldInstance(a);if(c){var f=h["default"].findDOMNode(c),p=f.getBoundingClientRect().top;(void 0===o||o>p)&&(o=p,n=f)}}if(n){var d=l.container||i(n);(0,m["default"])(n,d,(0,u["default"])({onlyScrollIfNeeded:!0},l.scroll))}}"function"==typeof s&&s(e,t)};return this.validateFields(a,l,c)}};t["default"]=a,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return(0,a["default"])(e,[s])}Object.defineProperty(t,"__esModule",{value:!0}),t.mixin=void 0;var i=n(387),a=r(i),s=t.mixin={getForm:function(){return{getFieldsValue:this.getFieldsValue,getFieldValue:this.getFieldValue,getFieldInstance:this.getFieldInstance,setFieldsValue:this.setFieldsValue,setFields:this.setFields,setFieldsInitialValue:this.setFieldsInitialValue,getFieldDecorator:this.getFieldDecorator,getFieldProps:this.getFieldProps,getFieldsError:this.getFieldsError,getFieldError:this.getFieldError,isFieldValidating:this.isFieldValidating,isFieldsValidating:this.isFieldsValidating,isFieldsTouched:this.isFieldsTouched,isFieldTouched:this.isFieldTouched,isSubmitting:this.isSubmitting,submit:this.submit,
 validateFields:this.validateFields,resetFields:this.resetFields}}};t["default"]=o},function(e,t){"use strict";function n(){var e=document.createElement("div"),t=e.style;"AnimationEvent"in window||delete i.animationend.animation,"TransitionEvent"in window||delete i.transitionend.transition;for(var n in i)if(i.hasOwnProperty(n)){var r=i[n];for(var o in r)if(o in t){a.push(r[o]);break}}}function r(e,t,n){e.addEventListener(t,n,!1)}function o(e,t,n){e.removeEventListener(t,n,!1)}Object.defineProperty(t,"__esModule",{value:!0});var i={transitionend:{transition:"transitionend",WebkitTransition:"webkitTransitionEnd",MozTransition:"mozTransitionEnd",OTransition:"oTransitionEnd",msTransition:"MSTransitionEnd"},animationend:{animation:"animationend",WebkitAnimation:"webkitAnimationEnd",MozAnimation:"mozAnimationEnd",OAnimation:"oAnimationEnd",msAnimation:"MSAnimationEnd"}},a=[];"undefined"!=typeof window&&"undefined"!=typeof document&&n();var s={addEndEventListener:function(e,t){return 0===a.length?void window.setTimeout(t,0):void a.forEach(function(n){r(e,n,t)})},endEvents:a,removeEndEventListener:function(e,t){0!==a.length&&a.forEach(function(n){o(e,n,t)})}};t["default"]=s,e.exports=t["default"]},function(e,t,n){var r,o;/*! VelocityJS.org (1.3.2). (C) 2014 Julian Shapiro. MIT @license: en.wikipedia.org/wiki/MIT_License */
 /*! VelocityJS.org jQuery Shim (1.0.1). (C) 2014 The jQuery Foundation. MIT @license: en.wikipedia.org/wiki/MIT_License. */
-!function(e){"use strict";function t(e){var t=e.length,r=n.type(e);return"function"!==r&&!n.isWindow(e)&&(!(1!==e.nodeType||!t)||("array"===r||0===t||"number"==typeof t&&t>0&&t-1 in e))}if(!e.jQuery){var n=function(e,t){return new n.fn.init(e,t)};n.isWindow=function(e){return e&&e===e.window},n.type=function(e){return e?"object"==typeof e||"function"==typeof e?o[a.call(e)]||"object":typeof e:e+""},n.isArray=Array.isArray||function(e){return"array"===n.type(e)},n.isPlainObject=function(e){var t;if(!e||"object"!==n.type(e)||e.nodeType||n.isWindow(e))return!1;try{if(e.constructor&&!i.call(e,"constructor")&&!i.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(r){return!1}for(t in e);return void 0===t||i.call(e,t)},n.each=function(e,n,r){var o,i=0,a=e.length,s=t(e);if(r){if(s)for(;i<a&&(o=n.apply(e[i],r),o!==!1);i++);else for(i in e)if(e.hasOwnProperty(i)&&(o=n.apply(e[i],r),o===!1))break}else if(s)for(;i<a&&(o=n.call(e[i],i,e[i]),o!==!1);i++);else for(i in e)if(e.hasOwnProperty(i)&&(o=n.call(e[i],i,e[i]),o===!1))break;return e},n.data=function(e,t,o){if(void 0===o){var i=e[n.expando],a=i&&r[i];if(void 0===t)return a;if(a&&t in a)return a[t]}else if(void 0!==t){var s=e[n.expando]||(e[n.expando]=++n.uuid);return r[s]=r[s]||{},r[s][t]=o,o}},n.removeData=function(e,t){var o=e[n.expando],i=o&&r[o];i&&(t?n.each(t,function(e,t){delete i[t]}):delete r[o])},n.extend=function(){var e,t,r,o,i,a,s=arguments[0]||{},u=1,l=arguments.length,c=!1;for("boolean"==typeof s&&(c=s,s=arguments[u]||{},u++),"object"!=typeof s&&"function"!==n.type(s)&&(s={}),u===l&&(s=this,u--);u<l;u++)if(i=arguments[u])for(o in i)i.hasOwnProperty(o)&&(e=s[o],r=i[o],s!==r&&(c&&r&&(n.isPlainObject(r)||(t=n.isArray(r)))?(t?(t=!1,a=e&&n.isArray(e)?e:[]):a=e&&n.isPlainObject(e)?e:{},s[o]=n.extend(c,a,r)):void 0!==r&&(s[o]=r)));return s},n.queue=function(e,r,o){function i(e,n){var r=n||[];return e&&(t(Object(e))?!function(e,t){for(var n=+t.length,r=0,o=e.length;r<n;)e[o++]=t[r++];if(n!==n)for(;void 0!==t[r];)e[o++]=t[r++];return e.length=o,e}(r,"string"==typeof e?[e]:e):[].push.call(r,e)),r}if(e){r=(r||"fx")+"queue";var a=n.data(e,r);return o?(!a||n.isArray(o)?a=n.data(e,r,i(o)):a.push(o),a):a||[]}},n.dequeue=function(e,t){n.each(e.nodeType?[e]:e,function(e,r){t=t||"fx";var o=n.queue(r,t),i=o.shift();"inprogress"===i&&(i=o.shift()),i&&("fx"===t&&o.unshift("inprogress"),i.call(r,function(){n.dequeue(r,t)}))})},n.fn=n.prototype={init:function(e){if(e.nodeType)return this[0]=e,this;throw new Error("Not a DOM node.")},offset:function(){var t=this[0].getBoundingClientRect?this[0].getBoundingClientRect():{top:0,left:0};return{top:t.top+(e.pageYOffset||document.scrollTop||0)-(document.clientTop||0),left:t.left+(e.pageXOffset||document.scrollLeft||0)-(document.clientLeft||0)}},position:function(){function e(e){for(var t=e.offsetParent;t&&"html"!==t.nodeName.toLowerCase()&&t.style&&"static"===t.style.position;)t=t.offsetParent;return t||document}var t=this[0],r=e(t),o=this.offset(),i=/^(?:body|html)$/i.test(r.nodeName)?{top:0,left:0}:n(r).offset();return o.top-=parseFloat(t.style.marginTop)||0,o.left-=parseFloat(t.style.marginLeft)||0,r.style&&(i.top+=parseFloat(r.style.borderTopWidth)||0,i.left+=parseFloat(r.style.borderLeftWidth)||0),{top:o.top-i.top,left:o.left-i.left}}};var r={};n.expando="velocity"+(new Date).getTime(),n.uuid=0;for(var o={},i=o.hasOwnProperty,a=o.toString,s="Boolean Number String Function Array Date RegExp Object Error".split(" "),u=0;u<s.length;u++)o["[object "+s[u]+"]"]=s[u].toLowerCase();n.fn.init.prototype=n.fn,e.Velocity={Utilities:n}}}(window),function(i){"use strict";"object"==typeof e&&"object"==typeof e.exports?e.exports=i():(r=i,o="function"==typeof r?r.call(t,n,t,e):r,!(void 0!==o&&(e.exports=o)))}(function(){"use strict";return function(e,t,n,r){function o(e){for(var t=-1,n=e?e.length:0,r=[];++t<n;){var o=e[t];o&&r.push(o)}return r}function i(e){return v.isWrapped(e)?e=[].slice.call(e):v.isNode(e)&&(e=[e]),e}function a(e){var t=p.data(e,"velocity");return null===t?r:t}function s(e){return function(t){return Math.round(t*e)*(1/e)}}function u(e,n,r,o){function i(e,t){return 1-3*t+3*e}function a(e,t){return 3*t-6*e}function s(e){return 3*e}function u(e,t,n){return((i(t,n)*e+a(t,n))*e+s(t))*e}function l(e,t,n){return 3*i(t,n)*e*e+2*a(t,n)*e+s(t)}function c(t,n){for(var o=0;o<v;++o){var i=l(n,e,r);if(0===i)return n;var a=u(n,e,r)-t;n-=a/i}return n}function f(){for(var t=0;t<b;++t)C[t]=u(t*_,e,r)}function p(t,n,o){var i,a,s=0;do a=n+(o-n)/2,i=u(a,e,r)-t,i>0?o=a:n=a;while(Math.abs(i)>y&&++s<g);return a}function d(t){for(var n=0,o=1,i=b-1;o!==i&&C[o]<=t;++o)n+=_;--o;var a=(t-C[o])/(C[o+1]-C[o]),s=n+a*_,u=l(s,e,r);return u>=m?c(t,s):0===u?s:p(t,n,n+_)}function h(){E=!0,e===n&&r===o||f()}var v=4,m=.001,y=1e-7,g=10,b=11,_=1/(b-1),w="Float32Array"in t;if(4!==arguments.length)return!1;for(var x=0;x<4;++x)if("number"!=typeof arguments[x]||isNaN(arguments[x])||!isFinite(arguments[x]))return!1;e=Math.min(e,1),r=Math.min(r,1),e=Math.max(e,0),r=Math.max(r,0);var C=w?new Float32Array(b):new Array(b),E=!1,S=function(t){return E||h(),e===n&&r===o?t:0===t?0:1===t?1:u(d(t),n,o)};S.getControlPoints=function(){return[{x:e,y:n},{x:r,y:o}]};var P="generateBezier("+[e,n,r,o]+")";return S.toString=function(){return P},S}function l(e,t){var n=e;return v.isString(e)?b.Easings[e]||(n=!1):n=v.isArray(e)&&1===e.length?s.apply(null,e):v.isArray(e)&&2===e.length?_.apply(null,e.concat([t])):!(!v.isArray(e)||4!==e.length)&&u.apply(null,e),n===!1&&(n=b.Easings[b.defaults.easing]?b.defaults.easing:g),n}function c(e){if(e){var t=b.timestamp&&e!==!0?e:(new Date).getTime(),n=b.State.calls.length;n>1e4&&(b.State.calls=o(b.State.calls),n=b.State.calls.length);for(var i=0;i<n;i++)if(b.State.calls[i]){var s=b.State.calls[i],u=s[0],l=s[2],h=s[3],m=!!h,y=null;h||(h=b.State.calls[i][3]=t-16);for(var g=Math.min((t-h)/l.duration,1),_=0,x=u.length;_<x;_++){var E=u[_],S=E.element;if(a(S)){var P=!1;if(l.display!==r&&null!==l.display&&"none"!==l.display){if("flex"===l.display){var O=["-webkit-box","-moz-box","-ms-flexbox","-webkit-flex"];p.each(O,function(e,t){w.setPropertyValue(S,"display",t)})}w.setPropertyValue(S,"display",l.display)}l.visibility!==r&&"hidden"!==l.visibility&&w.setPropertyValue(S,"visibility",l.visibility);for(var T in E)if(E.hasOwnProperty(T)&&"element"!==T){var k,M=E[T],N=v.isString(M.easing)?b.Easings[M.easing]:M.easing;if(v.isString(M.pattern)){var A=1===g?function(e,t){return M.endValue[t]}:function(e,t){var n=M.startValue[t],r=M.endValue[t]-n;return n+r*N(g,l,r)};k=M.pattern.replace(/{(\d+)}/g,A)}else if(1===g)k=M.endValue;else{var D=M.endValue-M.startValue;k=M.startValue+D*N(g,l,D)}if(!m&&k===M.currentValue)continue;if(M.currentValue=k,"tween"===T)y=k;else{var j;if(w.Hooks.registered[T]){j=w.Hooks.getRoot(T);var R=a(S).rootPropertyValueCache[j];R&&(M.rootPropertyValue=R)}var I=w.setPropertyValue(S,T,M.currentValue+(d<9&&0===parseFloat(k)?"":M.unitType),M.rootPropertyValue,M.scrollData);w.Hooks.registered[T]&&(w.Normalizations.registered[j]?a(S).rootPropertyValueCache[j]=w.Normalizations.registered[j]("extract",null,I[1]):a(S).rootPropertyValueCache[j]=I[1]),"transform"===I[0]&&(P=!0)}}l.mobileHA&&a(S).transformCache.translate3d===r&&(a(S).transformCache.translate3d="(0px, 0px, 0px)",P=!0),P&&w.flushTransformCache(S)}}l.display!==r&&"none"!==l.display&&(b.State.calls[i][2].display=!1),l.visibility!==r&&"hidden"!==l.visibility&&(b.State.calls[i][2].visibility=!1),l.progress&&l.progress.call(s[1],s[1],g,Math.max(0,h+l.duration-t),h,y),1===g&&f(i)}}b.State.isTicking&&C(c)}function f(e,t){if(!b.State.calls[e])return!1;for(var n=b.State.calls[e][0],o=b.State.calls[e][1],i=b.State.calls[e][2],s=b.State.calls[e][4],u=!1,l=0,c=n.length;l<c;l++){var f=n[l].element;t||i.loop||("none"===i.display&&w.setPropertyValue(f,"display",i.display),"hidden"===i.visibility&&w.setPropertyValue(f,"visibility",i.visibility));var d=a(f);if(i.loop!==!0&&(p.queue(f)[1]===r||!/\.velocityQueueEntryFlag/i.test(p.queue(f)[1]))&&d){d.isAnimating=!1,d.rootPropertyValueCache={};var h=!1;p.each(w.Lists.transforms3D,function(e,t){var n=/^scale/.test(t)?1:0,o=d.transformCache[t];d.transformCache[t]!==r&&new RegExp("^\\("+n+"[^.]").test(o)&&(h=!0,delete d.transformCache[t])}),i.mobileHA&&(h=!0,delete d.transformCache.translate3d),h&&w.flushTransformCache(f),w.Values.removeClass(f,"velocity-animating")}if(!t&&i.complete&&!i.loop&&l===c-1)try{i.complete.call(o,o)}catch(v){setTimeout(function(){throw v},1)}s&&i.loop!==!0&&s(o),d&&i.loop===!0&&!t&&(p.each(d.tweensContainer,function(e,t){if(/^rotate/.test(e)&&(parseFloat(t.startValue)-parseFloat(t.endValue))%360===0){var n=t.startValue;t.startValue=t.endValue,t.endValue=n}/^backgroundPosition/.test(e)&&100===parseFloat(t.endValue)&&"%"===t.unitType&&(t.endValue=0,t.startValue=100)}),b(f,"reverse",{loop:!0,delay:i.delay})),i.queue!==!1&&p.dequeue(f,i.queue)}b.State.calls[e]=!1;for(var m=0,y=b.State.calls.length;m<y;m++)if(b.State.calls[m]!==!1){u=!0;break}u===!1&&(b.State.isTicking=!1,delete b.State.calls,b.State.calls=[])}var p,d=function(){if(n.documentMode)return n.documentMode;for(var e=7;e>4;e--){var t=n.createElement("div");if(t.innerHTML="<!--[if IE "+e+"]><span></span><![endif]-->",t.getElementsByTagName("span").length)return t=null,e}return r}(),h=function(){var e=0;return t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||function(t){var n,r=(new Date).getTime();return n=Math.max(0,16-(r-e)),e=r+n,setTimeout(function(){t(r+n)},n)}}(),v={isNumber:function(e){return"number"==typeof e},isString:function(e){return"string"==typeof e},isArray:Array.isArray||function(e){return"[object Array]"===Object.prototype.toString.call(e)},isFunction:function(e){return"[object Function]"===Object.prototype.toString.call(e)},isNode:function(e){return e&&e.nodeType},isNodeList:function(e){return"object"==typeof e&&/^\[object (HTMLCollection|NodeList|Object)\]$/.test(Object.prototype.toString.call(e))&&e.length!==r&&(0===e.length||"object"==typeof e[0]&&e[0].nodeType>0)},isWrapped:function(e){return e&&(v.isArray(e)||v.isNumber(e.length)&&!v.isString(e)&&!v.isFunction(e))},isSVG:function(e){return t.SVGElement&&e instanceof t.SVGElement},isEmptyObject:function(e){for(var t in e)if(e.hasOwnProperty(t))return!1;return!0}},m=!1;if(e.fn&&e.fn.jquery?(p=e,m=!0):p=t.Velocity.Utilities,d<=8&&!m)throw new Error("Velocity: IE8 and below require jQuery to be loaded before Velocity.");if(d<=7)return void(jQuery.fn.velocity=jQuery.fn.animate);var y=400,g="swing",b={State:{isMobile:/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),isAndroid:/Android/i.test(navigator.userAgent),isGingerbread:/Android 2\.3\.[3-7]/i.test(navigator.userAgent),isChrome:t.chrome,isFirefox:/Firefox/i.test(navigator.userAgent),prefixElement:n.createElement("div"),prefixMatches:{},scrollAnchor:null,scrollPropertyLeft:null,scrollPropertyTop:null,isTicking:!1,calls:[]},CSS:{},Utilities:p,Redirects:{},Easings:{},Promise:t.Promise,defaults:{queue:"",duration:y,easing:g,begin:r,complete:r,progress:r,display:r,visibility:r,loop:!1,delay:!1,mobileHA:!0,_cacheValues:!0,promiseRejectEmpty:!0},init:function(e){p.data(e,"velocity",{isSVG:v.isSVG(e),isAnimating:!1,computedStyle:null,tweensContainer:null,rootPropertyValueCache:{},transformCache:{}})},hook:null,mock:!1,version:{major:1,minor:3,patch:2},debug:!1,timestamp:!0};t.pageYOffset!==r?(b.State.scrollAnchor=t,b.State.scrollPropertyLeft="pageXOffset",b.State.scrollPropertyTop="pageYOffset"):(b.State.scrollAnchor=n.documentElement||n.body.parentNode||n.body,b.State.scrollPropertyLeft="scrollLeft",b.State.scrollPropertyTop="scrollTop");var _=function(){function e(e){return-e.tension*e.x-e.friction*e.v}function t(t,n,r){var o={x:t.x+r.dx*n,v:t.v+r.dv*n,tension:t.tension,friction:t.friction};return{dx:o.v,dv:e(o)}}function n(n,r){var o={dx:n.v,dv:e(n)},i=t(n,.5*r,o),a=t(n,.5*r,i),s=t(n,r,a),u=1/6*(o.dx+2*(i.dx+a.dx)+s.dx),l=1/6*(o.dv+2*(i.dv+a.dv)+s.dv);return n.x=n.x+u*r,n.v=n.v+l*r,n}return function r(e,t,o){var i,a,s,u={x:-1,v:0,tension:null,friction:null},l=[0],c=0,f=1e-4,p=.016;for(e=parseFloat(e)||500,t=parseFloat(t)||20,o=o||null,u.tension=e,u.friction=t,i=null!==o,i?(c=r(e,t),a=c/o*p):a=p;;)if(s=n(s||u,a),l.push(1+s.x),c+=16,!(Math.abs(s.x)>f&&Math.abs(s.v)>f))break;return i?function(e){return l[e*(l.length-1)|0]}:c}}();b.Easings={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},spring:function(e){return 1-Math.cos(4.5*e*Math.PI)*Math.exp(6*-e)}},p.each([["ease",[.25,.1,.25,1]],["ease-in",[.42,0,1,1]],["ease-out",[0,0,.58,1]],["ease-in-out",[.42,0,.58,1]],["easeInSine",[.47,0,.745,.715]],["easeOutSine",[.39,.575,.565,1]],["easeInOutSine",[.445,.05,.55,.95]],["easeInQuad",[.55,.085,.68,.53]],["easeOutQuad",[.25,.46,.45,.94]],["easeInOutQuad",[.455,.03,.515,.955]],["easeInCubic",[.55,.055,.675,.19]],["easeOutCubic",[.215,.61,.355,1]],["easeInOutCubic",[.645,.045,.355,1]],["easeInQuart",[.895,.03,.685,.22]],["easeOutQuart",[.165,.84,.44,1]],["easeInOutQuart",[.77,0,.175,1]],["easeInQuint",[.755,.05,.855,.06]],["easeOutQuint",[.23,1,.32,1]],["easeInOutQuint",[.86,0,.07,1]],["easeInExpo",[.95,.05,.795,.035]],["easeOutExpo",[.19,1,.22,1]],["easeInOutExpo",[1,0,0,1]],["easeInCirc",[.6,.04,.98,.335]],["easeOutCirc",[.075,.82,.165,1]],["easeInOutCirc",[.785,.135,.15,.86]]],function(e,t){b.Easings[t[0]]=u.apply(null,t[1])});var w=b.CSS={RegEx:{isHex:/^#([A-f\d]{3}){1,2}$/i,valueUnwrap:/^[A-z]+\((.*)\)$/i,wrappedValueAlreadyExtracted:/[0-9.]+ [0-9.]+ [0-9.]+( [0-9.]+)?/,valueSplit:/([A-z]+\(.+\))|(([A-z0-9#-.]+?)(?=\s|$))/gi},Lists:{colors:["fill","stroke","stopColor","color","backgroundColor","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","outlineColor"],transformsBase:["translateX","translateY","scale","scaleX","scaleY","skewX","skewY","rotateZ"],transforms3D:["transformPerspective","translateZ","scaleZ","rotateX","rotateY"]},Hooks:{templates:{textShadow:["Color X Y Blur","black 0px 0px 0px"],boxShadow:["Color X Y Blur Spread","black 0px 0px 0px 0px"],clip:["Top Right Bottom Left","0px 0px 0px 0px"],backgroundPosition:["X Y","0% 0%"],transformOrigin:["X Y Z","50% 50% 0px"],perspectiveOrigin:["X Y","50% 50%"]},registered:{},register:function(){for(var e=0;e<w.Lists.colors.length;e++){var t="color"===w.Lists.colors[e]?"0 0 0 1":"255 255 255 1";w.Hooks.templates[w.Lists.colors[e]]=["Red Green Blue Alpha",t]}var n,r,o;if(d)for(n in w.Hooks.templates)if(w.Hooks.templates.hasOwnProperty(n)){r=w.Hooks.templates[n],o=r[0].split(" ");var i=r[1].match(w.RegEx.valueSplit);"Color"===o[0]&&(o.push(o.shift()),i.push(i.shift()),w.Hooks.templates[n]=[o.join(" "),i.join(" ")])}for(n in w.Hooks.templates)if(w.Hooks.templates.hasOwnProperty(n)){r=w.Hooks.templates[n],o=r[0].split(" ");for(var a in o)if(o.hasOwnProperty(a)){var s=n+o[a],u=a;w.Hooks.registered[s]=[n,u]}}},getRoot:function(e){var t=w.Hooks.registered[e];return t?t[0]:e},cleanRootPropertyValue:function(e,t){return w.RegEx.valueUnwrap.test(t)&&(t=t.match(w.RegEx.valueUnwrap)[1]),w.Values.isCSSNullValue(t)&&(t=w.Hooks.templates[e][1]),t},extractValue:function(e,t){var n=w.Hooks.registered[e];if(n){var r=n[0],o=n[1];return t=w.Hooks.cleanRootPropertyValue(r,t),t.toString().match(w.RegEx.valueSplit)[o]}return t},injectValue:function(e,t,n){var r=w.Hooks.registered[e];if(r){var o,i,a=r[0],s=r[1];return n=w.Hooks.cleanRootPropertyValue(a,n),o=n.toString().match(w.RegEx.valueSplit),o[s]=t,i=o.join(" ")}return n}},Normalizations:{registered:{clip:function(e,t,n){switch(e){case"name":return"clip";case"extract":var r;return w.RegEx.wrappedValueAlreadyExtracted.test(n)?r=n:(r=n.toString().match(w.RegEx.valueUnwrap),r=r?r[1].replace(/,(\s+)?/g," "):n),r;case"inject":return"rect("+n+")"}},blur:function(e,t,n){switch(e){case"name":return b.State.isFirefox?"filter":"-webkit-filter";case"extract":var r=parseFloat(n);if(!r&&0!==r){var o=n.toString().match(/blur\(([0-9]+[A-z]+)\)/i);r=o?o[1]:0}return r;case"inject":return parseFloat(n)?"blur("+n+")":"none"}},opacity:function(e,t,n){if(d<=8)switch(e){case"name":return"filter";case"extract":var r=n.toString().match(/alpha\(opacity=(.*)\)/i);return n=r?r[1]/100:1;case"inject":return t.style.zoom=1,parseFloat(n)>=1?"":"alpha(opacity="+parseInt(100*parseFloat(n),10)+")"}else switch(e){case"name":return"opacity";case"extract":return n;case"inject":return n}}},register:function(){function e(e,t,n){var r="border-box"===w.getPropertyValue(t,"boxSizing").toString().toLowerCase();if(r===(n||!1)){var o,i,a=0,s="width"===e?["Left","Right"]:["Top","Bottom"],u=["padding"+s[0],"padding"+s[1],"border"+s[0]+"Width","border"+s[1]+"Width"];for(o=0;o<u.length;o++)i=parseFloat(w.getPropertyValue(t,u[o])),isNaN(i)||(a+=i);return n?-a:a}return 0}function t(t,n){return function(r,o,i){switch(r){case"name":return t;case"extract":return parseFloat(i)+e(t,o,n);case"inject":return parseFloat(i)-e(t,o,n)+"px"}}}d&&!(d>9)||b.State.isGingerbread||(w.Lists.transformsBase=w.Lists.transformsBase.concat(w.Lists.transforms3D));for(var n=0;n<w.Lists.transformsBase.length;n++)!function(){var e=w.Lists.transformsBase[n];w.Normalizations.registered[e]=function(t,n,o){switch(t){case"name":return"transform";case"extract":return a(n)===r||a(n).transformCache[e]===r?/^scale/i.test(e)?1:0:a(n).transformCache[e].replace(/[()]/g,"");case"inject":var i=!1;switch(e.substr(0,e.length-1)){case"translate":i=!/(%|px|em|rem|vw|vh|\d)$/i.test(o);break;case"scal":case"scale":b.State.isAndroid&&a(n).transformCache[e]===r&&o<1&&(o=1),i=!/(\d)$/i.test(o);break;case"skew":i=!/(deg|\d)$/i.test(o);break;case"rotate":i=!/(deg|\d)$/i.test(o)}return i||(a(n).transformCache[e]="("+o+")"),a(n).transformCache[e]}}}();for(var o=0;o<w.Lists.colors.length;o++)!function(){var e=w.Lists.colors[o];w.Normalizations.registered[e]=function(t,n,o){switch(t){case"name":return e;case"extract":var i;if(w.RegEx.wrappedValueAlreadyExtracted.test(o))i=o;else{var a,s={black:"rgb(0, 0, 0)",blue:"rgb(0, 0, 255)",gray:"rgb(128, 128, 128)",green:"rgb(0, 128, 0)",red:"rgb(255, 0, 0)",white:"rgb(255, 255, 255)"};/^[A-z]+$/i.test(o)?a=s[o]!==r?s[o]:s.black:w.RegEx.isHex.test(o)?a="rgb("+w.Values.hexToRgb(o).join(" ")+")":/^rgba?\(/i.test(o)||(a=s.black),i=(a||o).toString().match(w.RegEx.valueUnwrap)[1].replace(/,(\s+)?/g," ")}return(!d||d>8)&&3===i.split(" ").length&&(i+=" 1"),i;case"inject":return/^rgb/.test(o)?o:(d<=8?4===o.split(" ").length&&(o=o.split(/\s+/).slice(0,3).join(" ")):3===o.split(" ").length&&(o+=" 1"),(d<=8?"rgb":"rgba")+"("+o.replace(/\s+/g,",").replace(/\.(\d)+(?=,)/g,"")+")")}}}();w.Normalizations.registered.innerWidth=t("width",!0),w.Normalizations.registered.innerHeight=t("height",!0),w.Normalizations.registered.outerWidth=t("width"),w.Normalizations.registered.outerHeight=t("height")}},Names:{camelCase:function(e){return e.replace(/-(\w)/g,function(e,t){return t.toUpperCase()})},SVGAttribute:function(e){var t="width|height|x|y|cx|cy|r|rx|ry|x1|x2|y1|y2";return(d||b.State.isAndroid&&!b.State.isChrome)&&(t+="|transform"),new RegExp("^("+t+")$","i").test(e)},prefixCheck:function(e){if(b.State.prefixMatches[e])return[b.State.prefixMatches[e],!0];for(var t=["","Webkit","Moz","ms","O"],n=0,r=t.length;n<r;n++){var o;if(o=0===n?e:t[n]+e.replace(/^\w/,function(e){return e.toUpperCase()}),v.isString(b.State.prefixElement.style[o]))return b.State.prefixMatches[e]=o,[o,!0]}return[e,!1]}},Values:{hexToRgb:function(e){var t,n=/^#?([a-f\d])([a-f\d])([a-f\d])$/i,r=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i;return e=e.replace(n,function(e,t,n,r){return t+t+n+n+r+r}),t=r.exec(e),t?[parseInt(t[1],16),parseInt(t[2],16),parseInt(t[3],16)]:[0,0,0]},isCSSNullValue:function(e){return!e||/^(none|auto|transparent|(rgba\(0, ?0, ?0, ?0\)))$/i.test(e)},getUnitType:function(e){return/^(rotate|skew)/i.test(e)?"deg":/(^(scale|scaleX|scaleY|scaleZ|alpha|flexGrow|flexHeight|zIndex|fontWeight)$)|((opacity|red|green|blue|alpha)$)/i.test(e)?"":"px"},getDisplayType:function(e){var t=e&&e.tagName.toString().toLowerCase();return/^(b|big|i|small|tt|abbr|acronym|cite|code|dfn|em|kbd|strong|samp|var|a|bdo|br|img|map|object|q|script|span|sub|sup|button|input|label|select|textarea)$/i.test(t)?"inline":/^(li)$/i.test(t)?"list-item":/^(tr)$/i.test(t)?"table-row":/^(table)$/i.test(t)?"table":/^(tbody)$/i.test(t)?"table-row-group":"block"},addClass:function(e,t){if(e)if(e.classList)e.classList.add(t);else if(v.isString(e.className))e.className+=(e.className.length?" ":"")+t;else{var n=e.getAttribute(d<=7?"className":"class")||"";e.setAttribute("class",n+(n?" ":"")+t)}},removeClass:function(e,t){if(e)if(e.classList)e.classList.remove(t);else if(v.isString(e.className))e.className=e.className.toString().replace(new RegExp("(^|\\s)"+t.split(" ").join("|")+"(\\s|$)","gi")," ");else{var n=e.getAttribute(d<=7?"className":"class")||"";e.setAttribute("class",n.replace(new RegExp("(^|s)"+t.split(" ").join("|")+"(s|$)","gi")," "))}}},getPropertyValue:function(e,n,o,i){function s(e,n){var o=0;if(d<=8)o=p.css(e,n);else{var u=!1;/^(width|height)$/.test(n)&&0===w.getPropertyValue(e,"display")&&(u=!0,w.setPropertyValue(e,"display",w.Values.getDisplayType(e)));var l=function(){u&&w.setPropertyValue(e,"display","none")};if(!i){if("height"===n&&"border-box"!==w.getPropertyValue(e,"boxSizing").toString().toLowerCase()){var c=e.offsetHeight-(parseFloat(w.getPropertyValue(e,"borderTopWidth"))||0)-(parseFloat(w.getPropertyValue(e,"borderBottomWidth"))||0)-(parseFloat(w.getPropertyValue(e,"paddingTop"))||0)-(parseFloat(w.getPropertyValue(e,"paddingBottom"))||0);return l(),c}if("width"===n&&"border-box"!==w.getPropertyValue(e,"boxSizing").toString().toLowerCase()){var f=e.offsetWidth-(parseFloat(w.getPropertyValue(e,"borderLeftWidth"))||0)-(parseFloat(w.getPropertyValue(e,"borderRightWidth"))||0)-(parseFloat(w.getPropertyValue(e,"paddingLeft"))||0)-(parseFloat(w.getPropertyValue(e,"paddingRight"))||0);return l(),f}}var h;h=a(e)===r?t.getComputedStyle(e,null):a(e).computedStyle?a(e).computedStyle:a(e).computedStyle=t.getComputedStyle(e,null),"borderColor"===n&&(n="borderTopColor"),o=9===d&&"filter"===n?h.getPropertyValue(n):h[n],""!==o&&null!==o||(o=e.style[n]),l()}if("auto"===o&&/^(top|right|bottom|left)$/i.test(n)){var v=s(e,"position");("fixed"===v||"absolute"===v&&/top|left/i.test(n))&&(o=p(e).position()[n]+"px")}return o}var u;if(w.Hooks.registered[n]){var l=n,c=w.Hooks.getRoot(l);o===r&&(o=w.getPropertyValue(e,w.Names.prefixCheck(c)[0])),w.Normalizations.registered[c]&&(o=w.Normalizations.registered[c]("extract",e,o)),u=w.Hooks.extractValue(l,o)}else if(w.Normalizations.registered[n]){var f,h;f=w.Normalizations.registered[n]("name",e),"transform"!==f&&(h=s(e,w.Names.prefixCheck(f)[0]),w.Values.isCSSNullValue(h)&&w.Hooks.templates[n]&&(h=w.Hooks.templates[n][1])),u=w.Normalizations.registered[n]("extract",e,h)}if(!/^[\d-]/.test(u)){var v=a(e);if(v&&v.isSVG&&w.Names.SVGAttribute(n))if(/^(height|width)$/i.test(n))try{u=e.getBBox()[n]}catch(m){u=0}else u=e.getAttribute(n);else u=s(e,w.Names.prefixCheck(n)[0])}return w.Values.isCSSNullValue(u)&&(u=0),b.debug>=2&&console.log("Get "+n+": "+u),u},setPropertyValue:function(e,n,r,o,i){var s=n;if("scroll"===n)i.container?i.container["scroll"+i.direction]=r:"Left"===i.direction?t.scrollTo(r,i.alternateValue):t.scrollTo(i.alternateValue,r);else if(w.Normalizations.registered[n]&&"transform"===w.Normalizations.registered[n]("name",e))w.Normalizations.registered[n]("inject",e,r),s="transform",r=a(e).transformCache[n];else{if(w.Hooks.registered[n]){var u=n,l=w.Hooks.getRoot(n);o=o||w.getPropertyValue(e,l),r=w.Hooks.injectValue(u,r,o),n=l}if(w.Normalizations.registered[n]&&(r=w.Normalizations.registered[n]("inject",e,r),n=w.Normalizations.registered[n]("name",e)),s=w.Names.prefixCheck(n)[0],d<=8)try{e.style[s]=r}catch(c){b.debug&&console.log("Browser does not support ["+r+"] for ["+s+"]")}else{var f=a(e);f&&f.isSVG&&w.Names.SVGAttribute(n)?e.setAttribute(n,r):e.style[s]=r}b.debug>=2&&console.log("Set "+n+" ("+s+"): "+r)}return[s,r]},flushTransformCache:function(e){var t="",n=a(e);if((d||b.State.isAndroid&&!b.State.isChrome)&&n&&n.isSVG){var r=function(t){return parseFloat(w.getPropertyValue(e,t))},o={translate:[r("translateX"),r("translateY")],skewX:[r("skewX")],skewY:[r("skewY")],scale:1!==r("scale")?[r("scale"),r("scale")]:[r("scaleX"),r("scaleY")],rotate:[r("rotateZ"),0,0]};p.each(a(e).transformCache,function(e){/^translate/i.test(e)?e="translate":/^scale/i.test(e)?e="scale":/^rotate/i.test(e)&&(e="rotate"),o[e]&&(t+=e+"("+o[e].join(" ")+") ",delete o[e])})}else{var i,s;p.each(a(e).transformCache,function(n){return i=a(e).transformCache[n],"transformPerspective"===n?(s=i,!0):(9===d&&"rotateZ"===n&&(n="rotate"),void(t+=n+i+" "))}),s&&(t="perspective"+s+" "+t)}w.setPropertyValue(e,"transform",t)}};w.Hooks.register(),w.Normalizations.register(),b.hook=function(e,t,n){var o;return e=i(e),p.each(e,function(e,i){if(a(i)===r&&b.init(i),n===r)o===r&&(o=w.getPropertyValue(i,t));else{var s=w.setPropertyValue(i,t,n);"transform"===s[0]&&b.CSS.flushTransformCache(i),o=s}}),o};var x=function(){function e(){return u?E.promise||null:d}function o(e,o){function i(i){var d,h;if(u.begin&&0===P)try{u.begin.call(m,m)}catch(y){setTimeout(function(){throw y},1)}if("scroll"===k){var x,C,O,T=/^x$/i.test(u.axis)?"Left":"Top",M=parseFloat(u.offset)||0;u.container?v.isWrapped(u.container)||v.isNode(u.container)?(u.container=u.container[0]||u.container,x=u.container["scroll"+T],O=x+p(e).position()[T.toLowerCase()]+M):u.container=null:(x=b.State.scrollAnchor[b.State["scrollProperty"+T]],C=b.State.scrollAnchor[b.State["scrollProperty"+("Left"===T?"Top":"Left")]],O=p(e).offset()[T.toLowerCase()]+M),f={scroll:{rootPropertyValue:!1,startValue:x,currentValue:x,endValue:O,unitType:"",easing:u.easing,scrollData:{container:u.container,direction:T,alternateValue:C}},element:e},b.debug&&console.log("tweensContainer (scroll): ",f.scroll,e)}else if("reverse"===k){if(d=a(e),!d)return;if(!d.tweensContainer)return void p.dequeue(e,u.queue);"none"===d.opts.display&&(d.opts.display="auto"),"hidden"===d.opts.visibility&&(d.opts.visibility="visible"),d.opts.loop=!1,d.opts.begin=null,d.opts.complete=null,_.easing||delete u.easing,_.duration||delete u.duration,u=p.extend({},d.opts,u),h=p.extend(!0,{},d?d.tweensContainer:null);for(var N in h)if(h.hasOwnProperty(N)&&"element"!==N){var A=h[N].startValue;h[N].startValue=h[N].currentValue=h[N].endValue,h[N].endValue=A,v.isEmptyObject(_)||(h[N].easing=u.easing),b.debug&&console.log("reverse tweensContainer ("+N+"): "+JSON.stringify(h[N]),e)}f=h}else if("start"===k){d=a(e),d&&d.tweensContainer&&d.isAnimating===!0&&(h=d.tweensContainer);var D=function(t,n){var r,i,a;return v.isFunction(t)&&(t=t.call(e,o,S)),v.isArray(t)?(r=t[0],!v.isArray(t[1])&&/^[\d-]/.test(t[1])||v.isFunction(t[1])||w.RegEx.isHex.test(t[1])?a=t[1]:v.isString(t[1])&&!w.RegEx.isHex.test(t[1])&&b.Easings[t[1]]||v.isArray(t[1])?(i=n?t[1]:l(t[1],u.duration),a=t[2]):a=t[1]||t[2]):r=t,n||(i=i||u.easing),v.isFunction(r)&&(r=r.call(e,o,S)),v.isFunction(a)&&(a=a.call(e,o,S)),[r||0,i,a]},I=function(o,i){var a,l=w.Hooks.getRoot(o),c=!1,m=i[0],y=i[1],g=i[2];if(!(d&&d.isSVG||"tween"===l||w.Names.prefixCheck(l)[1]!==!1||w.Normalizations.registered[l]!==r))return void(b.debug&&console.log("Skipping ["+l+"] due to a lack of browser support."));(u.display!==r&&null!==u.display&&"none"!==u.display||u.visibility!==r&&"hidden"!==u.visibility)&&/opacity|filter/.test(o)&&!g&&0!==m&&(g=0),u._cacheValues&&h&&h[o]?(g===r&&(g=h[o].endValue+h[o].unitType),c=d.rootPropertyValueCache[l]):w.Hooks.registered[o]?g===r?(c=w.getPropertyValue(e,l),g=w.getPropertyValue(e,o,c)):c=w.Hooks.templates[l][1]:g===r&&(g=w.getPropertyValue(e,o));var _,x,C,E=!1,S=function(e,t){var n,r;return r=(t||"0").toString().toLowerCase().replace(/[%A-z]+$/,function(e){return n=e,""}),n||(n=w.Values.getUnitType(e)),[r,n]};if(v.isString(g)&&v.isString(m)){a="";for(var P=0,O=0,T=[],k=[];P<g.length&&O<m.length;){var M=g[P],N=m[O];if(/[\d\.]/.test(M)&&/[\d\.]/.test(N)){for(var A=M,D=N,R=".",I=".";++P<g.length;){if(M=g[P],M===R)R="..";else if(!/\d/.test(M))break;A+=M}for(;++O<m.length;){if(N=m[O],N===I)I="..";else if(!/\d/.test(N))break;D+=N}A===D?a+=A:(a+="{"+T.length+"}",T.push(parseFloat(A)),k.push(parseFloat(D)))}else{if(M!==N)break;a+=M,P++,O++}}P===g.length&&O===m.length||(b.debug&&console.error('Trying to pattern match mis-matched strings ["'+m+'", "'+g+'"]'),a=r),a&&(T.length?(b.debug&&console.log('Pattern found "'+a+'" -> ',T,k,g,m),g=T,m=k,x=C=""):a=r)}a||(_=S(o,g),g=_[0],C=_[1],_=S(o,m),m=_[0].replace(/^([+-\/*])=/,function(e,t){return E=t,""}),x=_[1],g=parseFloat(g)||0,m=parseFloat(m)||0,"%"===x&&(/^(fontSize|lineHeight)$/.test(o)?(m/=100,x="em"):/^scale/.test(o)?(m/=100,x=""):/(Red|Green|Blue)$/i.test(o)&&(m=m/100*255,x="")));var L=function(){var r={myParent:e.parentNode||n.body,position:w.getPropertyValue(e,"position"),fontSize:w.getPropertyValue(e,"fontSize")},o=r.position===j.lastPosition&&r.myParent===j.lastParent,i=r.fontSize===j.lastFontSize;j.lastParent=r.myParent,j.lastPosition=r.position,j.lastFontSize=r.fontSize;var a=100,s={};if(i&&o)s.emToPx=j.lastEmToPx,s.percentToPxWidth=j.lastPercentToPxWidth,s.percentToPxHeight=j.lastPercentToPxHeight;else{var u=d&&d.isSVG?n.createElementNS("http://www.w3.org/2000/svg","rect"):n.createElement("div");b.init(u),r.myParent.appendChild(u),p.each(["overflow","overflowX","overflowY"],function(e,t){b.CSS.setPropertyValue(u,t,"hidden")}),b.CSS.setPropertyValue(u,"position",r.position),b.CSS.setPropertyValue(u,"fontSize",r.fontSize),b.CSS.setPropertyValue(u,"boxSizing","content-box"),p.each(["minWidth","maxWidth","width","minHeight","maxHeight","height"],function(e,t){b.CSS.setPropertyValue(u,t,a+"%")}),b.CSS.setPropertyValue(u,"paddingLeft",a+"em"),s.percentToPxWidth=j.lastPercentToPxWidth=(parseFloat(w.getPropertyValue(u,"width",null,!0))||1)/a,s.percentToPxHeight=j.lastPercentToPxHeight=(parseFloat(w.getPropertyValue(u,"height",null,!0))||1)/a,s.emToPx=j.lastEmToPx=(parseFloat(w.getPropertyValue(u,"paddingLeft"))||1)/a,r.myParent.removeChild(u)}return null===j.remToPx&&(j.remToPx=parseFloat(w.getPropertyValue(n.body,"fontSize"))||16),null===j.vwToPx&&(j.vwToPx=parseFloat(t.innerWidth)/100,j.vhToPx=parseFloat(t.innerHeight)/100),s.remToPx=j.remToPx,s.vwToPx=j.vwToPx,s.vhToPx=j.vhToPx,b.debug>=1&&console.log("Unit ratios: "+JSON.stringify(s),e),s};if(/[\/*]/.test(E))x=C;else if(C!==x&&0!==g)if(0===m)x=C;else{s=s||L();var F=/margin|padding|left|right|width|text|word|letter/i.test(o)||/X$/.test(o)||"x"===o?"x":"y";switch(C){case"%":g*="x"===F?s.percentToPxWidth:s.percentToPxHeight;break;case"px":break;default:g*=s[C+"ToPx"]}switch(x){case"%":g*=1/("x"===F?s.percentToPxWidth:s.percentToPxHeight);break;case"px":break;default:g*=1/s[x+"ToPx"]}}switch(E){case"+":m=g+m;break;case"-":m=g-m;break;case"*":m=g*m;break;case"/":m=g/m}f[o]={rootPropertyValue:c,startValue:g,currentValue:g,endValue:m,unitType:x,easing:y},a&&(f[o].pattern=a),b.debug&&console.log("tweensContainer ("+o+"): "+JSON.stringify(f[o]),e)};for(var L in g)if(g.hasOwnProperty(L)){var F=w.Names.camelCase(L),U=D(g[L]);if(w.Lists.colors.indexOf(F)>=0){var V=U[0],B=U[1],z=U[2];if(w.RegEx.isHex.test(V)){for(var H=["Red","Green","Blue"],K=w.Values.hexToRgb(V),W=z?w.Values.hexToRgb(z):r,q=0;q<H.length;q++){var Y=[K[q]];B&&Y.push(B),W!==r&&Y.push(W[q]),I(F+H[q],Y)}continue}}I(F,U)}f.element=e}f.element&&(w.Values.addClass(e,"velocity-animating"),R.push(f),d=a(e),d&&(""===u.queue&&(d.tweensContainer=f,d.opts=u),d.isAnimating=!0),P===S-1?(b.State.calls.push([R,m,u,null,E.resolver]),b.State.isTicking===!1&&(b.State.isTicking=!0,c())):P++)}var s,u=p.extend({},b.defaults,_),f={};switch(a(e)===r&&b.init(e),parseFloat(u.delay)&&u.queue!==!1&&p.queue(e,u.queue,function(t){b.velocityQueueEntryFlag=!0,a(e).delayTimer={setTimeout:setTimeout(t,parseFloat(u.delay)),next:t}}),u.duration.toString().toLowerCase()){case"fast":u.duration=200;break;case"normal":
-u.duration=y;break;case"slow":u.duration=600;break;default:u.duration=parseFloat(u.duration)||1}b.mock!==!1&&(b.mock===!0?u.duration=u.delay=1:(u.duration*=parseFloat(b.mock)||1,u.delay*=parseFloat(b.mock)||1)),u.easing=l(u.easing,u.duration),u.begin&&!v.isFunction(u.begin)&&(u.begin=null),u.progress&&!v.isFunction(u.progress)&&(u.progress=null),u.complete&&!v.isFunction(u.complete)&&(u.complete=null),u.display!==r&&null!==u.display&&(u.display=u.display.toString().toLowerCase(),"auto"===u.display&&(u.display=b.CSS.Values.getDisplayType(e))),u.visibility!==r&&null!==u.visibility&&(u.visibility=u.visibility.toString().toLowerCase()),u.mobileHA=u.mobileHA&&b.State.isMobile&&!b.State.isGingerbread,u.queue===!1?u.delay?setTimeout(i,u.delay):i():p.queue(e,u.queue,function(e,t){return t===!0?(E.promise&&E.resolver(m),!0):(b.velocityQueueEntryFlag=!0,void i(e))}),""!==u.queue&&"fx"!==u.queue||"inprogress"===p.queue(e)[0]||p.dequeue(e)}var s,u,d,h,m,g,_,C=arguments[0]&&(arguments[0].p||p.isPlainObject(arguments[0].properties)&&!arguments[0].properties.names||v.isString(arguments[0].properties));v.isWrapped(this)?(u=!1,h=0,m=this,d=this):(u=!0,h=1,m=C?arguments[0].elements||arguments[0].e:arguments[0]);var E={promise:null,resolver:null,rejecter:null};if(u&&b.Promise&&(E.promise=new b.Promise(function(e,t){E.resolver=e,E.rejecter=t})),C?(g=arguments[0].properties||arguments[0].p,_=arguments[0].options||arguments[0].o):(g=arguments[h],_=arguments[h+1]),m=i(m),!m)return void(E.promise&&(g&&_&&_.promiseRejectEmpty===!1?E.resolver():E.rejecter()));var S=m.length,P=0;if(!/^(stop|finish|finishAll)$/i.test(g)&&!p.isPlainObject(_)){var O=h+1;_={};for(var T=O;T<arguments.length;T++)v.isArray(arguments[T])||!/^(fast|normal|slow)$/i.test(arguments[T])&&!/^\d/.test(arguments[T])?v.isString(arguments[T])||v.isArray(arguments[T])?_.easing=arguments[T]:v.isFunction(arguments[T])&&(_.complete=arguments[T]):_.duration=arguments[T]}var k;switch(g){case"scroll":k="scroll";break;case"reverse":k="reverse";break;case"finish":case"finishAll":case"stop":p.each(m,function(e,t){a(t)&&a(t).delayTimer&&(clearTimeout(a(t).delayTimer.setTimeout),a(t).delayTimer.next&&a(t).delayTimer.next(),delete a(t).delayTimer),"finishAll"!==g||_!==!0&&!v.isString(_)||(p.each(p.queue(t,v.isString(_)?_:""),function(e,t){v.isFunction(t)&&t()}),p.queue(t,v.isString(_)?_:"",[]))});var M=[];return p.each(b.State.calls,function(e,t){t&&p.each(t[1],function(n,o){var i=_===r?"":_;return i!==!0&&t[2].queue!==i&&(_!==r||t[2].queue!==!1)||void p.each(m,function(n,r){if(r===o)if((_===!0||v.isString(_))&&(p.each(p.queue(r,v.isString(_)?_:""),function(e,t){v.isFunction(t)&&t(null,!0)}),p.queue(r,v.isString(_)?_:"",[])),"stop"===g){var s=a(r);s&&s.tweensContainer&&i!==!1&&p.each(s.tweensContainer,function(e,t){t.endValue=t.currentValue}),M.push(e)}else"finish"!==g&&"finishAll"!==g||(t[2].duration=1)})})}),"stop"===g&&(p.each(M,function(e,t){f(t,!0)}),E.promise&&E.resolver(m)),e();default:if(!p.isPlainObject(g)||v.isEmptyObject(g)){if(v.isString(g)&&b.Redirects[g]){s=p.extend({},_);var N=s.duration,A=s.delay||0;return s.backwards===!0&&(m=p.extend(!0,[],m).reverse()),p.each(m,function(e,t){parseFloat(s.stagger)?s.delay=A+parseFloat(s.stagger)*e:v.isFunction(s.stagger)&&(s.delay=A+s.stagger.call(t,e,S)),s.drag&&(s.duration=parseFloat(N)||(/^(callout|transition)/.test(g)?1e3:y),s.duration=Math.max(s.duration*(s.backwards?1-e/S:(e+1)/S),.75*s.duration,200)),b.Redirects[g].call(t,t,s||{},e,S,m,E.promise?E:r)}),e()}var D="Velocity: First argument ("+g+") was not a property map, a known action, or a registered redirect. Aborting.";return E.promise?E.rejecter(new Error(D)):console.log(D),e()}k="start"}var j={lastParent:null,lastPosition:null,lastFontSize:null,lastPercentToPxWidth:null,lastPercentToPxHeight:null,lastEmToPx:null,remToPx:null,vwToPx:null,vhToPx:null},R=[];p.each(m,function(e,t){v.isNode(t)&&o(t,e)}),s=p.extend({},b.defaults,_),s.loop=parseInt(s.loop,10);var I=2*s.loop-1;if(s.loop)for(var L=0;L<I;L++){var F={delay:s.delay,progress:s.progress};L===I-1&&(F.display=s.display,F.visibility=s.visibility,F.complete=s.complete),x(m,"reverse",F)}return e()};b=p.extend(x,b),b.animate=x;var C=t.requestAnimationFrame||h;return b.State.isMobile||n.hidden===r||n.addEventListener("visibilitychange",function(){n.hidden?(C=function(e){return setTimeout(function(){e(!0)},16)},c()):C=t.requestAnimationFrame||h}),e.Velocity=b,e!==t&&(e.fn.velocity=x,e.fn.velocity.defaults=b.defaults),p.each(["Down","Up"],function(e,t){b.Redirects["slide"+t]=function(e,n,o,i,a,s){var u=p.extend({},n),l=u.begin,c=u.complete,f={},d={height:"",marginTop:"",marginBottom:"",paddingTop:"",paddingBottom:""};u.display===r&&(u.display="Down"===t?"inline"===b.CSS.Values.getDisplayType(e)?"inline-block":"block":"none"),u.begin=function(){0===o&&l&&l.call(a,a);for(var n in d)if(d.hasOwnProperty(n)){f[n]=e.style[n];var r=w.getPropertyValue(e,n);d[n]="Down"===t?[r,0]:[0,r]}f.overflow=e.style.overflow,e.style.overflow="hidden"},u.complete=function(){for(var t in f)f.hasOwnProperty(t)&&(e.style[t]=f[t]);o===i-1&&(c&&c.call(a,a),s&&s.resolver(a))},b(e,d,u)}}),p.each(["In","Out"],function(e,t){b.Redirects["fade"+t]=function(e,n,o,i,a,s){var u=p.extend({},n),l=u.complete,c={opacity:"In"===t?1:0};0!==o&&(u.begin=null),o!==i-1?u.complete=null:u.complete=function(){l&&l.call(a,a),s&&s.resolver(a)},u.display===r&&(u.display="In"===t?"auto":"none"),b(this,c,u)}}),b}(window.jQuery||window.Zepto||window,window,window?window.document:void 0)})},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(t,"__esModule",{value:!0});var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=n(1),s=r(a),u=n(2),l=r(u),c=n(92),f=r(c),p=n(1331),d=r(p),h=s["default"].createClass({displayName:"Dropdown",propTypes:{minOverlayWidthMatchTrigger:a.PropTypes.bool,onVisibleChange:a.PropTypes.func,prefixCls:a.PropTypes.string,children:a.PropTypes.any,transitionName:a.PropTypes.string,overlayClassName:a.PropTypes.string,animation:a.PropTypes.any,align:a.PropTypes.object,overlayStyle:a.PropTypes.object,placement:a.PropTypes.string,trigger:a.PropTypes.array,showAction:a.PropTypes.array,hideAction:a.PropTypes.array,getPopupContainer:a.PropTypes.func},getDefaultProps:function(){return{minOverlayWidthMatchTrigger:!0,prefixCls:"rc-dropdown",trigger:["hover"],showAction:[],hideAction:[],overlayClassName:"",overlayStyle:{},defaultVisible:!1,onVisibleChange:function(){},placement:"bottomLeft"}},getInitialState:function(){var e=this.props;return"visible"in e?{visible:e.visible}:{visible:e.defaultVisible}},componentWillReceiveProps:function(e){var t=e.visible;void 0!==t&&this.setState({visible:t})},onClick:function(e){var t=this.props,n=t.overlay.props;"visible"in t||this.setState({visible:!1}),n.onClick&&n.onClick(e)},onVisibleChange:function(e){var t=this.props;"visible"in t||this.setState({visible:e}),t.onVisibleChange(e)},getMenuElement:function(){var e=this.props;return s["default"].cloneElement(e.overlay,{prefixCls:e.prefixCls+"-menu",onClick:this.onClick})},getPopupDomNode:function(){return this.refs.trigger.getPopupDomNode()},afterVisibleChange:function(e){if(e&&this.props.minOverlayWidthMatchTrigger){var t=this.getPopupDomNode(),n=l["default"].findDOMNode(this);n.offsetWidth>t.offsetWidth&&(t.style.width=n.offsetWidth+"px")}},render:function(){var e=this.props,t=e.prefixCls,n=e.children,r=e.transitionName,a=e.animation,u=e.align,l=e.placement,c=e.getPopupContainer,p=e.showAction,h=e.hideAction,v=e.overlayClassName,m=e.overlayStyle,y=e.trigger,g=o(e,["prefixCls","children","transitionName","animation","align","placement","getPopupContainer","showAction","hideAction","overlayClassName","overlayStyle","trigger"]);return s["default"].createElement(f["default"],i({},g,{prefixCls:t,ref:"trigger",popupClassName:v,popupStyle:m,builtinPlacements:d["default"],action:y,showAction:p,hideAction:h,popupPlacement:l,popupAlign:u,popupTransitionName:r,popupAnimation:a,popupVisible:this.state.visible,afterPopupVisibleChange:this.afterVisibleChange,popup:this.getMenuElement(),onPopupVisibleChange:this.onVisibleChange,getPopupContainer:c}),n)}});t["default"]=h,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1329),i=r(o);t["default"]=i["default"],e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={adjustX:1,adjustY:1},r=[0,0],o=t.placements={topLeft:{points:["bl","tl"],overflow:n,offset:[0,-4],targetOffset:r},topCenter:{points:["bc","tc"],overflow:n,offset:[0,-4],targetOffset:r},topRight:{points:["br","tr"],overflow:n,offset:[0,-4],targetOffset:r},bottomLeft:{points:["tl","bl"],overflow:n,offset:[0,4],targetOffset:r},bottomCenter:{points:["tc","bc"],overflow:n,offset:[0,4],targetOffset:r},bottomRight:{points:["tr","br"],overflow:n,offset:[0,4],targetOffset:r}};t["default"]=o},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Object.defineProperty(t,"__esModule",{value:!0});var i=n(1),a=r(i),s=n(8),u=r(s),l=a["default"].createClass({displayName:"Notice",propTypes:{duration:i.PropTypes.number,onClose:i.PropTypes.func,children:i.PropTypes.any},getDefaultProps:function(){return{onEnd:function(){},onClose:function(){},duration:1.5,style:{right:"50%"}}},componentDidMount:function(){var e=this;this.props.duration&&(this.closeTimer=setTimeout(function(){e.close()},1e3*this.props.duration))},componentWillUnmount:function(){this.clearCloseTimer()},clearCloseTimer:function(){this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null)},close:function(){this.clearCloseTimer(),this.props.onClose()},render:function(){var e,t=this.props,n=t.prefixCls+"-notice",r=(e={},o(e,""+n,1),o(e,n+"-closable",t.closable),o(e,t.className,!!t.className),e);return a["default"].createElement("div",{className:(0,u["default"])(r),style:t.style},a["default"].createElement("div",{className:n+"-content"},t.children),t.closable?a["default"].createElement("a",{tabIndex:"0",onClick:this.close,className:n+"-close"},a["default"].createElement("span",{className:n+"-close-x"})):null)}});t["default"]=l,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(){return"rcNotification_"+w+"_"+_++}Object.defineProperty(t,"__esModule",{value:!0});var s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u=n(1),l=r(u),c=n(2),f=r(c),p=n(31),d=r(p),h=n(478),v=r(h),m=n(8),y=r(m),g=n(1332),b=r(g),_=0,w=Date.now(),x=l["default"].createClass({displayName:"Notification",propTypes:{prefixCls:u.PropTypes.string,transitionName:u.PropTypes.string,animation:u.PropTypes.oneOfType([u.PropTypes.string,u.PropTypes.object]),style:u.PropTypes.object},getDefaultProps:function(){return{prefixCls:"rc-notification",animation:"fade",style:{top:65,left:"50%"}}},getInitialState:function(){return{notices:[]}},getTransitionName:function(){var e=this.props,t=e.transitionName;return!t&&e.animation&&(t=e.prefixCls+"-"+e.animation),t},add:function(e){var t=e.key=e.key||a();this.setState(function(n){var r=n.notices;if(!r.filter(function(e){return e.key===t}).length)return{notices:r.concat(e)}})},remove:function(e){this.setState(function(t){return{notices:t.notices.filter(function(t){return t.key!==e})}})},render:function(){var e,t=this,n=this.props,r=this.state.notices.map(function(e){var r=(0,v["default"])(t.remove.bind(t,e.key),e.onClose);return l["default"].createElement(b["default"],s({prefixCls:n.prefixCls},e,{onClose:r}),e.content)}),o=(e={},i(e,n.prefixCls,1),i(e,n.className,!!n.className),e);return l["default"].createElement("div",{className:(0,y["default"])(o),style:n.style},l["default"].createElement(d["default"],{transitionName:this.getTransitionName()},r))}});x.newInstance=function(e){var t=e||{},n=t.getContainer,r=o(t,["getContainer"]),i=void 0;n?i=n():(i=document.createElement("div"),document.body.appendChild(i));var a=f["default"].render(l["default"].createElement(x,r),i);return{notice:function(e){a.add(e)},removeNotice:function(e){a.remove(e)},component:a,destroy:function(){f["default"].unmountComponentAtNode(i),document.body.removeChild(i)}}},t["default"]=x,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}function c(){}Object.defineProperty(t,"__esModule",{value:!0});var f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p=n(1),d=r(p),h=n(12),v=r(h),m=n(8),y=function(e){function t(n){s(this,t);var r=u(this,e.call(this,n)),o=!1;return o="checked"in n?!!n.checked:!!n.defaultChecked,r.state={checked:o},r}return l(t,e),t.prototype.componentWillReceiveProps=function(e){"checked"in e&&this.setState({checked:!!e.checked})},t.prototype.setChecked=function(e){"checked"in this.props||this.setState({checked:e}),this.props.onChange(e)},t.prototype.toggle=function(){var e=!this.state.checked;this.setChecked(e)},t.prototype.handleKeyDown=function(e){37===e.keyCode&&this.setChecked(!1),39===e.keyCode&&this.setChecked(!0)},t.prototype.handleMouseUp=function(e){this.refs.node&&this.refs.node.blur(),this.props.onMouseUp&&this.props.onMouseUp(e)},t.prototype.render=function(){var e,t=this.props,n=t.className,r=t.prefixCls,o=t.disabled,s=t.checkedChildren,u=t.unCheckedChildren,l=a(t,["className","prefixCls","disabled","checkedChildren","unCheckedChildren"]),p=this.state.checked,h=m((e={},i(e,n,!!n),i(e,r,!0),i(e,r+"-checked",p),i(e,r+"-disabled",o),e));return d["default"].createElement("span",f({},l,{className:h,tabIndex:o?-1:0,ref:"node",onKeyDown:this.handleKeyDown.bind(this),onClick:o?c:this.toggle.bind(this),onMouseUp:this.handleMouseUp.bind(this)}),d["default"].createElement("span",{className:r+"-inner"},p?s:u))},t}(p.Component);y.propTypes={className:v["default"].string,prefixCls:v["default"].string,disabled:v["default"].bool,checkedChildren:v["default"].any,unCheckedChildren:v["default"].any,onChange:v["default"].func,onMouseUp:v["default"].func,checked:v["default"].bool,defaultChecked:v["default"].bool},y.defaultProps={prefixCls:"rc-switch",checkedChildren:null,unCheckedChildren:null,className:"",defaultChecked:!1,onChange:c},t["default"]=y,e.exports=t["default"]},function(e,t,n){"use strict";e.exports=n(1334)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}function l(){}Object.defineProperty(t,"__esModule",{value:!0});var c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f=n(1),p=r(f),d=n(12),h=r(d),v=n(11),m=r(v),y=n(8),g=r(y),b=n(391),_=function(e){function t(n){a(this,t);var r=s(this,e.call(this,n));return["onKeyDown","onCheck"].forEach(function(e){r[e]=r[e].bind(r)}),r.contextmenuKeys=[],r.checkedKeysChange=!0,r.state={expandedKeys:r.getDefaultExpandedKeys(n),checkedKeys:r.getDefaultCheckedKeys(n),selectedKeys:r.getDefaultSelectedKeys(n),dragNodesKeys:"",dragOverNodeKey:"",dropNodeKey:""},r}return u(t,e),t.prototype.componentWillReceiveProps=function(e){var t=this.getDefaultExpandedKeys(e,!0),n=this.getDefaultCheckedKeys(e,!0),r=this.getDefaultSelectedKeys(e,!0),o={};t&&(o.expandedKeys=t),n&&(e.checkedKeys===this.props.checkedKeys?this.checkedKeysChange=!1:this.checkedKeysChange=!0,o.checkedKeys=n),r&&(o.selectedKeys=r),this.setState(o)},t.prototype.onDragStart=function(e,t){this.dragNode=t,this.dragNodesKeys=this.getDragNodes(t);var n={dragNodesKeys:this.dragNodesKeys},r=this.getExpandedKeys(t,!1);r&&(this.getRawExpandedKeys(),n.expandedKeys=r),this.setState(n),this.props.onDragStart({event:e,node:t}),this._dropTrigger=!1},t.prototype.onDragEnterGap=function(e,t){var n=(0,b.getOffset)(t.refs.selectHandle).top,r=t.refs.selectHandle.offsetHeight,o=e.pageY,i=2;return o>n+r-i?(this.dropPosition=1,1):o<n+i?(this.dropPosition=-1,-1):(this.dropPosition=0,0)},t.prototype.onDragEnter=function(e,t){var n=this.onDragEnterGap(e,t);if(this.dragNode.props.eventKey===t.props.eventKey&&0===n)return void this.setState({dragOverNodeKey:""});var r={dragOverNodeKey:t.props.eventKey},o=this.getExpandedKeys(t,!0);o&&(this.getRawExpandedKeys(),r.expandedKeys=o),this.setState(r),this.props.onDragEnter({event:e,node:t,expandedKeys:o&&[].concat(i(o))||[].concat(i(this.state.expandedKeys))})},t.prototype.onDragOver=function(e,t){this.props.onDragOver({event:e,node:t})},t.prototype.onDragLeave=function(e,t){this.props.onDragLeave({event:e,node:t})},t.prototype.onDrop=function(e,t){var n=t.props.eventKey;if(this.setState({dragOverNodeKey:"",dropNodeKey:n}),this.dragNodesKeys.indexOf(n)>-1)return console.warn&&console.warn("can not drop to dragNode(include it's children node)"),!1;var r=t.props.pos.split("-"),o={event:e,node:t,dragNode:this.dragNode,dragNodesKeys:[].concat(i(this.dragNodesKeys)),dropPosition:this.dropPosition+Number(r[r.length-1])};0!==this.dropPosition&&(o.dropToGap=!0),"expandedKeys"in this.props&&(o.rawExpandedKeys=[].concat(i(this._rawExpandedKeys))||[].concat(i(this.state.expandedKeys))),this.props.onDrop(o),this._dropTrigger=!0},t.prototype.onDragEnd=function(e,t){this.setState({dragOverNodeKey:""}),this.props.onDragEnd({event:e,node:t})},t.prototype.onExpand=function(e){var t=this,n=!e.props.expanded,r="expandedKeys"in this.props,o=[].concat(i(this.state.expandedKeys)),a=o.indexOf(e.props.eventKey);if(n&&a===-1?o.push(e.props.eventKey):!n&&a>-1&&o.splice(a,1),r||this.setState({expandedKeys:o}),this.props.onExpand(o,{node:e,expanded:n}),n&&this.props.loadData)return this.props.loadData(e).then(function(){r||t.setState({expandedKeys:o})})},t.prototype.onCheck=function(e){var t=this,n=!e.props.checked;e.props.halfChecked&&(n=!0);var r=e.props.eventKey,o=[].concat(i(this.state.checkedKeys)),a=o.indexOf(r),s={event:"check",node:e,checked:n};if(this.props.checkStrictly){n&&a===-1&&o.push(r),!n&&a>-1&&o.splice(a,1),s.checkedNodes=[],(0,b.loopAllChildren)(this.props.children,function(e,t,n,r){o.indexOf(r)!==-1&&s.checkedNodes.push(e)}),"checkedKeys"in this.props||this.setState({checkedKeys:o});var u=this.props.checkedKeys?this.props.checkedKeys.halfChecked:[];this.props.onCheck((0,b.getStrictlyValue)(o,u),s)}else{if(n&&a===-1){this.treeNodesStates[e.props.pos].checked=!0;var l=[];Object.keys(this.treeNodesStates).forEach(function(e){t.treeNodesStates[e].checked&&l.push(e)}),(0,b.handleCheckState)(this.treeNodesStates,(0,b.filterParentPosition)(l),!0)}n||(this.treeNodesStates[e.props.pos].checked=!1,this.treeNodesStates[e.props.pos].halfChecked=!1,(0,b.handleCheckState)(this.treeNodesStates,[e.props.pos],!1));var c=(0,b.getCheck)(this.treeNodesStates);s.checkedNodes=c.checkedNodes,s.checkedNodesPositions=c.checkedNodesPositions,s.halfCheckedKeys=c.halfCheckedKeys,this.checkKeys=c,this._checkedKeys=o=c.checkedKeys,"checkedKeys"in this.props||this.setState({checkedKeys:o}),this.props.onCheck(o,s)}},t.prototype.onSelect=function(e){var t=this.props,n=[].concat(i(this.state.selectedKeys)),r=e.props.eventKey,o=n.indexOf(r),a=void 0;o!==-1?(a=!1,n.splice(o,1)):(a=!0,t.multiple||(n.length=0),n.push(r));var s=[];n.length&&(0,b.loopAllChildren)(this.props.children,function(e){n.indexOf(e.key)!==-1&&s.push(e)});var u={event:"select",node:e,selected:a,selectedNodes:s};"selectedKeys"in this.props||this.setState({selectedKeys:n}),t.onSelect(n,u)},t.prototype.onMouseEnter=function(e,t){this.props.onMouseEnter({event:e,node:t})},t.prototype.onMouseLeave=function(e,t){this.props.onMouseLeave({event:e,node:t})},t.prototype.onContextMenu=function(e,t){var n=[].concat(i(this.state.selectedKeys)),r=t.props.eventKey;this.contextmenuKeys.indexOf(r)===-1&&this.contextmenuKeys.push(r),this.contextmenuKeys.forEach(function(e){var t=n.indexOf(e);t!==-1&&n.splice(t,1)}),n.indexOf(r)===-1&&n.push(r),this.setState({selectedKeys:n}),this.props.onRightClick({event:e,node:t})},t.prototype.onKeyDown=function(e){e.preventDefault()},t.prototype.getFilterExpandedKeys=function(e,t,n){var r=e[t];if(!n&&!e.autoExpandParent)return r||[];var o=[];e.autoExpandParent&&(0,b.loopAllChildren)(e.children,function(e,t,n,i){r.indexOf(i)>-1&&o.push(n)});var i=[];return(0,b.loopAllChildren)(e.children,function(t,r,a,s){n?i.push(s):e.autoExpandParent&&o.forEach(function(e){(e.split("-").length>a.split("-").length&&(0,b.isInclude)(a.split("-"),e.split("-"))||a===e)&&i.indexOf(s)===-1&&i.push(s)})}),i.length?i:r},t.prototype.getDefaultExpandedKeys=function(e,t){var n=t?void 0:this.getFilterExpandedKeys(e,"defaultExpandedKeys",!e.defaultExpandedKeys.length&&e.defaultExpandAll);return"expandedKeys"in e&&(n=(e.autoExpandParent?this.getFilterExpandedKeys(e,"expandedKeys",!1):e.expandedKeys)||[]),n},t.prototype.getDefaultCheckedKeys=function(e,t){var n=t?void 0:e.defaultCheckedKeys;return"checkedKeys"in e&&(n=e.checkedKeys||[],e.checkStrictly&&(e.checkedKeys.checked?n=e.checkedKeys.checked:Array.isArray(e.checkedKeys)||(n=[]))),n},t.prototype.getDefaultSelectedKeys=function(e,t){var n=function(t){return e.multiple?[].concat(i(t)):t.length?[t[0]]:t},r=t?void 0:n(e.defaultSelectedKeys);return"selectedKeys"in e&&(r=n(e.selectedKeys)),r},t.prototype.getRawExpandedKeys=function(){!this._rawExpandedKeys&&"expandedKeys"in this.props&&(this._rawExpandedKeys=[].concat(i(this.state.expandedKeys)))},t.prototype.getOpenTransitionName=function(){var e=this.props,t=e.openTransitionName,n=e.openAnimation;return t||"string"!=typeof n||(t=e.prefixCls+"-open-"+n),t},t.prototype.getDragNodes=function(e){var t=[],n=e.props.pos.split("-");return(0,b.loopAllChildren)(this.props.children,function(r,o,i,a){var s=i.split("-");(e.props.pos===i||n.length<s.length&&(0,b.isInclude)(n,s))&&t.push(a)}),t},t.prototype.getExpandedKeys=function(e,t){var n=e.props.eventKey,r=this.state.expandedKeys,o=r.indexOf(n),a=void 0;return o>-1&&!t?(a=[].concat(i(r)),a.splice(o,1),a):t&&r.indexOf(n)===-1?r.concat([n]):void 0},t.prototype.filterTreeNode=function n(e){var n=this.props.filterTreeNode;return"function"==typeof n&&!e.props.disabled&&n.call(this,e)},t.prototype.renderTreeNode=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=n+"-"+t,o=e.key||r,i=this.state,a=this.props,s=a.selectable;e.props.hasOwnProperty("selectable")&&(s=e.props.selectable);var u={ref:"treeNode-"+o,root:this,eventKey:o,pos:r,selectable:s,loadData:a.loadData,onMouseEnter:a.onMouseEnter,onMouseLeave:a.onMouseLeave,onRightClick:a.onRightClick,prefixCls:a.prefixCls,showLine:a.showLine,showIcon:a.showIcon,draggable:a.draggable,dragOver:i.dragOverNodeKey===o&&0===this.dropPosition,dragOverGapTop:i.dragOverNodeKey===o&&this.dropPosition===-1,dragOverGapBottom:i.dragOverNodeKey===o&&1===this.dropPosition,_dropTrigger:this._dropTrigger,expanded:i.expandedKeys.indexOf(o)!==-1,selected:i.selectedKeys.indexOf(o)!==-1,openTransitionName:this.getOpenTransitionName(),openAnimation:a.openAnimation,filterTreeNode:this.filterTreeNode.bind(this)};return a.checkable&&(u.checkable=a.checkable,a.checkStrictly?(i.checkedKeys&&(u.checked=i.checkedKeys.indexOf(o)!==-1||!1),a.checkedKeys&&a.checkedKeys.halfChecked?u.halfChecked=a.checkedKeys.halfChecked.indexOf(o)!==-1||!1:u.halfChecked=!1):(this.checkedKeys&&(u.checked=this.checkedKeys.indexOf(o)!==-1||!1),u.halfChecked=this.halfCheckedKeys.indexOf(o)!==-1)),this.treeNodesStates&&this.treeNodesStates[r]&&(0,m["default"])(u,this.treeNodesStates[r].siblingPosition),p["default"].cloneElement(e,u)},t.prototype.render=function(){var e=this,t=this.props,n={className:(0,g["default"])(t.className,t.prefixCls),role:"tree-node"};t.focusable&&(n.tabIndex="0",n.onKeyDown=this.onKeyDown);var r=function(){e.treeNodesStates={},(0,b.loopAllChildren)(t.children,function(t,n,r,o,i){e.treeNodesStates[r]={siblingPosition:i}})};if(t.showLine&&!t.checkable&&r(),t.checkable&&(this.checkedKeysChange||t.loadData))if(t.checkStrictly)r();else if(t._treeNodesStates)this.treeNodesStates=t._treeNodesStates.treeNodesStates,this.halfCheckedKeys=t._treeNodesStates.halfCheckedKeys,this.checkedKeys=t._treeNodesStates.checkedKeys;else{var o=this.state.checkedKeys,i=void 0;if(!t.loadData&&this.checkKeys&&this._checkedKeys&&(0,b.arraysEqual)(this._checkedKeys,o))i=this.checkKeys;else{var a=[];this.treeNodesStates={},(0,b.loopAllChildren)(t.children,function(t,n,r,i,s){e.treeNodesStates[r]={node:t,key:i,checked:!1,halfChecked:!1,siblingPosition:s},o.indexOf(i)!==-1&&(e.treeNodesStates[r].checked=!0,a.push(r))}),(0,b.handleCheckState)(this.treeNodesStates,(0,b.filterParentPosition)(a),!0),i=(0,b.getCheck)(this.treeNodesStates)}this.halfCheckedKeys=i.halfCheckedKeys,this.checkedKeys=i.checkedKeys}return p["default"].createElement("ul",c({},n,{unselectable:!0,ref:"tree"}),p["default"].Children.map(t.children,this.renderTreeNode,this))},t}(p["default"].Component);_.propTypes={prefixCls:h["default"].string,children:h["default"].any,showLine:h["default"].bool,showIcon:h["default"].bool,selectable:h["default"].bool,multiple:h["default"].bool,checkable:h["default"].oneOfType([h["default"].bool,h["default"].node]),_treeNodesStates:h["default"].object,checkStrictly:h["default"].bool,draggable:h["default"].bool,autoExpandParent:h["default"].bool,defaultExpandAll:h["default"].bool,defaultExpandedKeys:h["default"].arrayOf(h["default"].string),expandedKeys:h["default"].arrayOf(h["default"].string),defaultCheckedKeys:h["default"].arrayOf(h["default"].string),checkedKeys:h["default"].oneOfType([h["default"].arrayOf(h["default"].string),h["default"].object]),defaultSelectedKeys:h["default"].arrayOf(h["default"].string),selectedKeys:h["default"].arrayOf(h["default"].string),onExpand:h["default"].func,onCheck:h["default"].func,onSelect:h["default"].func,loadData:h["default"].func,onMouseEnter:h["default"].func,onMouseLeave:h["default"].func,onRightClick:h["default"].func,onDragStart:h["default"].func,onDragEnter:h["default"].func,onDragOver:h["default"].func,onDragLeave:h["default"].func,onDrop:h["default"].func,onDragEnd:h["default"].func,filterTreeNode:h["default"].func,openTransitionName:h["default"].string,openAnimation:h["default"].oneOfType([h["default"].string,h["default"].object])},_.defaultProps={prefixCls:"rc-tree",showLine:!1,showIcon:!0,selectable:!0,multiple:!1,checkable:!1,checkStrictly:!1,draggable:!1,autoExpandParent:!0,defaultExpandAll:!1,defaultExpandedKeys:[],defaultCheckedKeys:[],defaultSelectedKeys:[],onExpand:l,onCheck:l,onSelect:l,onDragStart:l,onDragEnter:l,onDragOver:l,onDragLeave:l,onDrop:l,onDragEnd:l},t["default"]=_,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f=n(1),p=r(f),d=n(12),h=r(d),v=n(11),m=r(v),y=n(8),g=r(y),b=n(31),_=r(b),w=n(391),x=n(298),C=r(x),E="undefined"!=typeof window?(0,w.browser)(window.navigator):"",S=/.*(IE|Edge).+/.test(E),P="---",O=function(e){function t(n){a(this,t);var r=s(this,e.call(this,n));return["onExpand","onCheck","onContextMenu","onMouseEnter","onMouseLeave","onDragStart","onDragEnter","onDragOver","onDragLeave","onDrop","onDragEnd"].forEach(function(e){r[e]=r[e].bind(r)}),r.state={dataLoading:!1,dragNodeHighlight:!1},r}return u(t,e),t.prototype.componentDidMount=function(){this.props.root._treeNodeInstances||(this.props.root._treeNodeInstances=[]),this.props.root._treeNodeInstances.push(this)},t.prototype.onCheck=function(){this.props.root.onCheck(this)},t.prototype.onSelect=function(){this.props.root.onSelect(this)},t.prototype.onMouseEnter=function(e){e.preventDefault(),this.props.root.onMouseEnter(e,this)},t.prototype.onMouseLeave=function(e){e.preventDefault(),this.props.root.onMouseLeave(e,this)},t.prototype.onContextMenu=function(e){e.preventDefault(),this.props.root.onContextMenu(e,this)},t.prototype.onDragStart=function(e){e.stopPropagation(),this.setState({dragNodeHighlight:!0}),this.props.root.onDragStart(e,this);try{e.dataTransfer.setData("text/plain","")}catch(t){}},t.prototype.onDragEnter=function(e){e.preventDefault(),e.stopPropagation(),this.props.root.onDragEnter(e,this)},t.prototype.onDragOver=function(e){
-return e.preventDefault(),e.stopPropagation(),this.props.root.onDragOver(e,this),!1},t.prototype.onDragLeave=function(e){e.stopPropagation(),this.props.root.onDragLeave(e,this)},t.prototype.onDrop=function(e){e.preventDefault(),e.stopPropagation(),this.setState({dragNodeHighlight:!1}),this.props.root.onDrop(e,this)},t.prototype.onDragEnd=function(e){e.stopPropagation(),this.setState({dragNodeHighlight:!1}),this.props.root.onDragEnd(e,this)},t.prototype.onExpand=function(){var e=this,t=this.props.root.onExpand(this);if(t&&"object"===("undefined"==typeof t?"undefined":c(t))){var n=function(t){e.setState({dataLoading:t})};n(!0),t.then(function(){n(!1)},function(){n(!1)})}},t.prototype.onKeyDown=function(e){e.preventDefault()},t.prototype.renderSwitcher=function(e,t){var n=e.prefixCls,r=i({},n+"-switcher",!0);return e.showLine?"0-0"===e.pos?r[n+"-roots_"+t]=!0:(r[n+"-center_"+t]=!e.last,r[n+"-bottom_"+t]=e.last):r[n+"-noline_"+t]=!0,e.disabled?(r[n+"-switcher-disabled"]=!0,p["default"].createElement("span",{className:(0,g["default"])(r)})):p["default"].createElement("span",{className:(0,g["default"])(r),onClick:this.onExpand})},t.prototype.renderCheckbox=function(e){var t=e.prefixCls,n=i({},t+"-checkbox",!0);e.checked?n[t+"-checkbox-checked"]=!0:e.halfChecked&&(n[t+"-checkbox-indeterminate"]=!0);var r=null;return"boolean"!=typeof e.checkable&&(r=e.checkable),e.disabled||e.disableCheckbox?(n[t+"-checkbox-disabled"]=!0,p["default"].createElement("span",{ref:"checkbox",className:(0,g["default"])(n)},r)):p["default"].createElement("span",{ref:"checkbox",className:(0,g["default"])(n),onClick:this.onCheck},r)},t.prototype.renderChildren=function(e){var t=this.renderFirst;this.renderFirst=1;var n=!0;!t&&e.expanded&&(n=!1);var r=e.children?(0,C["default"])(e.children):e.children,o=r;if(r&&(Array.isArray(r)&&r.every(function(e){return e.type&&e.type.isTreeNode})||r.type&&r.type.isTreeNode)){var a,s=(a={},i(a,e.prefixCls+"-child-tree",!0),i(a,e.prefixCls+"-child-tree-open",e.expanded),a);e.showLine&&(s[e.prefixCls+"-line"]=!e.last);var u={};e.openTransitionName?u.transitionName=e.openTransitionName:"object"===c(e.openAnimation)&&(u.animation=(0,m["default"])({},e.openAnimation),n||delete u.animation.appear),o=p["default"].createElement(_["default"],l({},u,{showProp:"data-expanded",transitionAppear:n,component:""}),e.expanded?p["default"].createElement("ul",{className:(0,g["default"])(s),"data-expanded":e.expanded},p["default"].Children.map(r,function(t,n){return e.root.renderTreeNode(t,n,e.pos)},e.root)):null)}return o},t.prototype.render=function(){var e,t=this,n=this.props,r=n.prefixCls,o=n.expanded?"open":"close",a=o,s=!0,u=n.title,c=this.renderChildren(n);c&&c!==n.children||(c=null,n.loadData&&!n.isLeaf||(s=!1,a="docu"));var f=(e={},i(e,r+"-iconEle",!0),i(e,r+"-icon_loading",this.state.dataLoading),i(e,r+"-icon__"+a,!0),e),d=function(){var e=n.showIcon||n.loadData&&t.state.dataLoading?p["default"].createElement("span",{className:(0,g["default"])(f)}):null,i=p["default"].createElement("span",{className:r+"-title"},u),s=r+"-node-content-wrapper",c={className:s+" "+s+"-"+(a===o?a:"normal")};return n.disabled||((n.selected||!n._dropTrigger&&t.state.dragNodeHighlight)&&(c.className+=" "+r+"-node-selected"),c.onClick=function(e){e.preventDefault(),n.selectable&&t.onSelect()},n.onRightClick&&(c.onContextMenu=t.onContextMenu),n.onMouseEnter&&(c.onMouseEnter=t.onMouseEnter),n.onMouseLeave&&(c.onMouseLeave=t.onMouseLeave),n.draggable&&(c.className+=" draggable",S&&(c.href="#"),c.draggable=!0,c["aria-grabbed"]=!0,c.onDragStart=t.onDragStart)),p["default"].createElement("a",l({ref:"selectHandle",title:"string"==typeof u?u:""},c),e,i)},h={};n.draggable&&(h.onDragEnter=this.onDragEnter,h.onDragOver=this.onDragOver,h.onDragLeave=this.onDragLeave,h.onDrop=this.onDrop,h.onDragEnd=this.onDragEnd);var v="",m="";n.disabled?v=r+"-treenode-disabled":n.dragOver?m="drag-over":n.dragOverGapTop?m="drag-over-gap-top":n.dragOverGapBottom&&(m="drag-over-gap-bottom");var y=n.filterTreeNode(this)?"filter-node":"",b=function(){var e,t=(e={},i(e,r+"-switcher",!0),i(e,r+"-switcher-noop",!0),e);return n.showLine?(t[r+"-center_docu"]=!n.last,t[r+"-bottom_docu"]=n.last):t[r+"-noline_docu"]=!0,p["default"].createElement("span",{className:(0,g["default"])(t)})};return p["default"].createElement("li",l({},h,{ref:"li",className:(0,g["default"])(n.className,v,m,y)}),s?this.renderSwitcher(n,o):b(),n.checkable?this.renderCheckbox(n):null,d(),c)},t}(p["default"].Component);O.isTreeNode=1,O.propTypes={prefixCls:h["default"].string,disabled:h["default"].bool,disableCheckbox:h["default"].bool,expanded:h["default"].bool,isLeaf:h["default"].bool,root:h["default"].object,onSelect:h["default"].func},O.defaultProps={title:P},t["default"]=O,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c=n(1),f=r(c),p=n(152),d=r(p),h=n(8),v=r(h),m=function(e){function t(n){a(this,t);var r=s(this,e.call(this,n));y.call(r);var o="checked"in n?n.checked:n.defaultChecked;return r.state={checked:o},r}return u(t,e),t.prototype.componentWillReceiveProps=function(e){"checked"in e&&this.setState({checked:e.checked})},t.prototype.shouldComponentUpdate=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return d["default"].shouldComponentUpdate.apply(this,t)},t.prototype.render=function(){var e,t=this.props,n=t.prefixCls,r=t.className,o=t.style,a=t.name,s=t.type,u=t.disabled,l=t.readOnly,c=t.tabIndex,p=t.onClick,d=t.onFocus,h=t.onBlur,m=this.state.checked,y=(0,v["default"])(n,r,(e={},i(e,n+"-checked",m),i(e,n+"-disabled",u),e));return f["default"].createElement("span",{className:y,style:o},f["default"].createElement("input",{name:a,type:s,readOnly:l,disabled:u,tabIndex:c,className:n+"-input",checked:!!m,onClick:p,onFocus:d,onBlur:h,onChange:this.handleChange}),f["default"].createElement("span",{className:n+"-inner"}))},t}(f["default"].Component);m.propTypes={prefixCls:c.PropTypes.string,className:c.PropTypes.string,style:c.PropTypes.object,name:c.PropTypes.string,type:c.PropTypes.string,defaultChecked:c.PropTypes.oneOfType([c.PropTypes.number,c.PropTypes.bool]),checked:c.PropTypes.oneOfType([c.PropTypes.number,c.PropTypes.bool]),disabled:c.PropTypes.bool,onFocus:c.PropTypes.func,onBlur:c.PropTypes.func,onChange:c.PropTypes.func,onClick:c.PropTypes.func,tabIndex:c.PropTypes.string,readOnly:c.PropTypes.bool},m.defaultProps={prefixCls:"rc-checkbox",className:"",style:{},type:"checkbox",defaultChecked:!1,onFocus:function(){},onBlur:function(){},onChange:function(){}};var y=function(){var e=this;this.handleChange=function(t){var n=e.props;n.disabled||("checked"in n||e.setState({checked:t.target.checked}),n.onChange({target:l({},n,{checked:t.target.checked}),stopPropagation:function(){t.stopPropagation()},preventDefault:function(){t.preventDefault()}}))}};t["default"]=m,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r){var o=a["default"].clone(e),i={width:t.width,height:t.height};return r.adjustX&&o.left<n.left&&(o.left=n.left),r.resizeWidth&&o.left>=n.left&&o.left+i.width>n.right&&(i.width-=o.left+i.width-n.right),r.adjustX&&o.left+i.width>n.right&&(o.left=Math.max(n.right-i.width,n.left)),r.adjustY&&o.top<n.top&&(o.top=n.top),r.resizeHeight&&o.top>=n.top&&o.top+i.height>n.bottom&&(i.height-=o.top+i.height-n.bottom),r.adjustY&&o.top+i.height>n.bottom&&(o.top=Math.max(n.bottom-i.height,n.top)),a["default"].mix(o,i)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(138),a=r(i);t["default"]=o,e.exports=t["default"]},function(e,t){"use strict";function n(e,t){var n=t.charAt(0),r=t.charAt(1),o=e.width,i=e.height,a=void 0,s=void 0;return a=e.left,s=e.top,"c"===n?s+=i/2:"b"===n&&(s+=i),"c"===r?a+=o/2:"r"===r&&(a+=o),{left:a,top:s}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=n,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){var i=void 0,s=void 0,u=void 0,l=void 0;return i={left:e.left,top:e.top},u=(0,a["default"])(t,n[1]),l=(0,a["default"])(e,n[0]),s=[l.left-u.left,l.top-u.top],{left:i.left-s[0]+r[0]-o[0],top:i.top-s[1]+r[1]-o[1]}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(1340),a=r(i);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=void 0,n=void 0,r=void 0;if(a["default"].isWindow(e)||9===e.nodeType){var o=a["default"].getWindow(e);t={left:a["default"].getWindowScrollLeft(o),top:a["default"].getWindowScrollTop(o)},n=a["default"].viewportWidth(o),r=a["default"].viewportHeight(o)}else t=a["default"].offset(e),n=a["default"].outerWidth(e),r=a["default"].outerHeight(e);return t.width=n,t.height=r,t}Object.defineProperty(t,"__esModule",{value:!0});var i=n(138),a=r(i);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){for(var t={left:0,right:1/0,top:0,bottom:1/0},n=(0,u["default"])(e),r=void 0,o=void 0,i=void 0,s=e.ownerDocument,l=s.defaultView||s.parentWindow,c=s.body,f=s.documentElement;n;){if(navigator.userAgent.indexOf("MSIE")!==-1&&0===n.clientWidth||n===c||n===f||"visible"===a["default"].css(n,"overflow")){if(n===c||n===f)break}else{var p=a["default"].offset(n);p.left+=n.clientLeft,p.top+=n.clientTop,t.top=Math.max(t.top,p.top),t.right=Math.min(t.right,p.left+n.clientWidth),t.bottom=Math.min(t.bottom,p.top+n.clientHeight),t.left=Math.max(t.left,p.left)}n=(0,u["default"])(n)}return r=a["default"].getWindowScrollLeft(l),o=a["default"].getWindowScrollTop(l),t.left=Math.max(t.left,r),t.top=Math.max(t.top,o),i={width:a["default"].viewportWidth(l),height:a["default"].viewportHeight(l)},t.right=Math.min(t.right,r+i.width),t.bottom=Math.min(t.bottom,o+i.height),t.top>=0&&t.left>=0&&t.bottom>t.top&&t.right>t.left?t:null}Object.defineProperty(t,"__esModule",{value:!0});var i=n(138),a=r(i),s=n(393),u=r(s);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n){return e.left<n.left||e.left+t.width>n.right}function i(e,t,n){return e.top<n.top||e.top+t.height>n.bottom}function a(e,t,n){return e.left>n.right||e.left+t.width<n.left}function s(e,t,n){return e.top>n.bottom||e.top+t.height<n.top}function u(e,t,n){var r=[];return h["default"].each(e,function(e){r.push(e.replace(t,function(e){return n[e]}))}),r}function l(e,t){return e[t]=-e[t],e}function c(e,t){var n=void 0;return n=/%$/.test(e)?parseInt(e.substring(0,e.length-1),10)/100*t:parseInt(e,10),n||0}function f(e,t){e[0]=c(e[0],t.width),e[1]=c(e[1],t.height)}function p(e,t,n){var r=n.points,c=n.offset||[0,0],p=n.targetOffset||[0,0],d=n.overflow,v=n.target||t,m=n.source||e;c=[].concat(c),p=[].concat(p),d=d||{};var y={},b=0,w=(0,g["default"])(m),C=(0,x["default"])(m),S=(0,x["default"])(v);f(c,C),f(p,S);var P=(0,E["default"])(C,S,r,c,p),O=h["default"].merge(C,P);if(w&&(d.adjustX||d.adjustY)){if(d.adjustX&&o(P,C,w)){var T=u(r,/[lr]/gi,{l:"r",r:"l"}),k=l(c,0),M=l(p,0),N=(0,E["default"])(C,S,T,k,M);a(N,C,w)||(b=1,r=T,c=k,p=M)}if(d.adjustY&&i(P,C,w)){var A=u(r,/[tb]/gi,{t:"b",b:"t"}),D=l(c,1),j=l(p,1),R=(0,E["default"])(C,S,A,D,j);s(R,C,w)||(b=1,r=A,c=D,p=j)}b&&(P=(0,E["default"])(C,S,r,c,p),h["default"].mix(O,P)),y.adjustX=d.adjustX&&o(P,C,w),y.adjustY=d.adjustY&&i(P,C,w),(y.adjustX||y.adjustY)&&(O=(0,_["default"])(P,C,w,y))}return O.width!==C.width&&h["default"].css(m,"width",h["default"].width(m)+O.width-C.width),O.height!==C.height&&h["default"].css(m,"height",h["default"].height(m)+O.height-C.height),h["default"].offset(m,{left:O.left,top:O.top},{useCssRight:n.useCssRight,useCssBottom:n.useCssBottom,useCssTransform:n.useCssTransform}),{points:r,offset:c,targetOffset:p,overflow:y}}Object.defineProperty(t,"__esModule",{value:!0});var d=n(138),h=r(d),v=n(393),m=r(v),y=n(1343),g=r(y),b=n(1339),_=r(b),w=n(1342),x=r(w),C=n(1341),E=r(C);p.__getOffsetParent=m["default"],p.__getVisibleRectForElement=g["default"],t["default"]=p,e.exports=t["default"]},function(e,t){"use strict";function n(){if(void 0!==c)return c;c="";var e=document.createElement("p").style,t="Transform";for(var n in f)n+t in e&&(c=n);return c}function r(){return n()?n()+"TransitionProperty":"transitionProperty"}function o(){return n()?n()+"Transform":"transform"}function i(e,t){var n=r();n&&(e.style[n]=t,"transitionProperty"!==n&&(e.style.transitionProperty=t))}function a(e,t){var n=o();n&&(e.style[n]=t,"transform"!==n&&(e.style.transform=t))}function s(e){return e.style.transitionProperty||e.style[r()]}function u(e){var t=window.getComputedStyle(e,null),n=t.getPropertyValue("transform")||t.getPropertyValue(o());if(n&&"none"!==n){var r=n.replace(/[^0-9\-.,]/g,"").split(",");return{x:parseFloat(r[12]||r[4],0),y:parseFloat(r[13]||r[5],0)}}return{x:0,y:0}}function l(e,t){var n=window.getComputedStyle(e,null),r=n.getPropertyValue("transform")||n.getPropertyValue(o());if(r&&"none"!==r){var i=void 0,s=r.match(p);if(s)s=s[1],i=s.split(",").map(function(e){return parseFloat(e,10)}),i[4]=t.x,i[5]=t.y,a(e,"matrix("+i.join(",")+")");else{var u=r.match(d)[1];i=u.split(",").map(function(e){return parseFloat(e,10)}),i[12]=t.x,i[13]=t.y,a(e,"matrix3d("+i.join(",")+")")}}else a(e,"translateX("+t.x+"px) translateY("+t.y+"px) translateZ(0)")}Object.defineProperty(t,"__esModule",{value:!0}),t.getTransformName=o,t.setTransitionProperty=i,t.getTransitionProperty=s,t.getTransformXY=u,t.setTransformXY=l;var c=void 0,f={Webkit:"-webkit-",Moz:"-moz-",ms:"-ms-",O:"-o-"},p=/matrix\((.*)\)/,d=/matrix3d\((.*)\)/},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){this.rules=null,this._messages=c.messages,this.define(e)}Object.defineProperty(t,"__esModule",{value:!0});var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s=n(28),u=n(1358),l=r(u),c=n(1347),f=n(34);o.prototype={messages:function(e){return e&&(this._messages=(0,s.deepMerge)((0,c.newMessages)(),e)),this._messages},define:function(e){if(!e)throw new Error("Cannot configure a schema with no rules");if("object"!==("undefined"==typeof e?"undefined":a(e))||Array.isArray(e))throw new Error("Rules must be an object");this.rules={};var t=void 0,n=void 0;for(t in e)e.hasOwnProperty(t)&&(n=e[t],this.rules[t]=Array.isArray(n)?n:[n])},validate:function(e){function t(e){function t(e){Array.isArray(e)?o=o.concat.apply(o,e):o.push(e)}var n=void 0,r=void 0,o=[],i={};for(n=0;n<e.length;n++)t(e[n]);if(o.length)for(n=0;n<o.length;n++)r=o[n].field,i[r]=i[r]||[],i[r].push(o[n]);else o=null,i=null;d(o,i)}var n=this,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},u=arguments[2],l=e,p=r,d=u;if("function"==typeof p&&(d=p,p={}),!this.rules||0===Object.keys(this.rules).length)return void(d&&d());if(p.messages){var h=this.messages();h===c.messages&&(h=(0,c.newMessages)()),(0,s.deepMerge)(h,p.messages),p.messages=h}else p.messages=this.messages();p.error=f.error;var v=void 0,m=void 0,y={},g=p.keys||Object.keys(this.rules);g.forEach(function(t){v=n.rules[t],m=l[t],v.forEach(function(r){var o=r;"function"==typeof o.transform&&(l===e&&(l=i({},l)),m=l[t]=o.transform(m)),o="function"==typeof o?{validator:o}:i({},o),o.validator=n.getValidationMethod(o),o.field=t,o.fullField=o.fullField||t,o.type=n.getType(o),o.validator&&(y[t]=y[t]||[],y[t].push({rule:o,value:m,source:l,field:t}))})});var b={};(0,s.asyncMap)(y,p,function(e,t){function n(e,t){return i({},t,{fullField:u.fullField+"."+e})}function r(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],a=r;if(Array.isArray(a)||(a=[a]),a.length&&(0,s.warning)("async-validator:",a),a.length&&u.message&&(a=[].concat(u.message)),a=a.map((0,s.complementError)(u)),(p.first||p.fieldFirst)&&a.length)return b[u.field]=1,t(a);if(l){if(u.required&&!e.value)return a=u.message?[].concat(u.message).map((0,s.complementError)(u)):[p.error(u,(0,s.format)(p.messages.required,u.field))],t(a);var c={};if(u.defaultField)for(var f in e.value)e.value.hasOwnProperty(f)&&(c[f]=u.defaultField);c=i({},c,e.rule.fields);for(var d in c)if(c.hasOwnProperty(d)){var h=Array.isArray(c[d])?c[d]:[c[d]];c[d]=h.map(n.bind(null,d))}var v=new o(c);v.messages(p.messages),e.rule.options&&(e.rule.options.messages=p.messages,e.rule.options.error=p.error),v.validate(e.value,e.rule.options||p,function(e){t(e&&e.length?a.concat(e):e)})}else t(a)}var u=e.rule,l=!("object"!==u.type&&"array"!==u.type||"object"!==a(u.fields)&&"object"!==a(u.defaultField));l=l&&(u.required||!u.required&&e.value),u.field=e.field,u.validator(u,e.value,r,e.source,p)},function(e){t(e)})},getType:function(e){if(void 0===e.type&&e.pattern instanceof RegExp&&(e.type="pattern"),"function"!=typeof e.validator&&e.type&&!l["default"].hasOwnProperty(e.type))throw new Error((0,s.format)("Unknown rule type %s",e.type));return e.type||"string"},getValidationMethod:function(e){if("function"==typeof e.validator)return e.validator;var t=Object.keys(e),n=t.indexOf("message");return n!==-1&&t.splice(n,1),1===t.length&&"required"===t[0]?l["default"].required:l["default"][this.getType(e)]||!1}},o.register=function(e,t){if("function"!=typeof t)throw new Error("Cannot register a validator by type, validator is not a function");l["default"][e]=t},o.messages=c.messages,t["default"]=o,e.exports=t["default"]},function(e,t){"use strict";function n(){return{"default":"Validation error on field %s",required:"%s is required","enum":"%s must be one of %s",whitespace:"%s cannot be empty",date:{format:"%s date %s is invalid for format %s",parse:"%s date could not be parsed, %s is invalid ",invalid:"%s date %s is invalid"},types:{string:"%s is not a %s",method:"%s is not a %s (function)",array:"%s is not an %s",object:"%s is not an %s",number:"%s is not a %s",date:"%s is not a %s","boolean":"%s is not a %s",integer:"%s is not an %s","float":"%s is not a %s",regexp:"%s is not a valid %s",email:"%s is not a valid %s",url:"%s is not a valid %s",hex:"%s is not a valid %s"},string:{len:"%s must be exactly %s characters",min:"%s must be at least %s characters",max:"%s cannot be longer than %s characters",range:"%s must be between %s and %s characters"},number:{len:"%s must equal %s",min:"%s cannot be less than %s",max:"%s cannot be greater than %s",range:"%s must be between %s and %s"},array:{len:"%s must be exactly %s in length",min:"%s cannot be less than %s in length",max:"%s cannot be greater than %s in length",range:"%s must be between %s and %s in length"},pattern:{mismatch:"%s value %s does not match pattern %s"},clone:function(){var e=JSON.parse(JSON.stringify(this));return e.clone=this.clone,e}}}Object.defineProperty(t,"__esModule",{value:!0}),t.newMessages=n;t.messages=n()},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e,t,n,r,o){e[s]=Array.isArray(e[s])?e[s]:[],e[s].indexOf(t)===-1&&r.push(a.format(o.messages[s],e.fullField,e[s].join(", ")))}Object.defineProperty(t,"__esModule",{value:!0});var i=n(28),a=r(i),s="enum";t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e,t,n,r,o){e.pattern instanceof RegExp&&(e.pattern.test(t)||r.push(a.format(o.messages.pattern.mismatch,e.fullField,t,e.pattern)))}Object.defineProperty(t,"__esModule",{value:!0});var i=n(28),a=r(i);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e,t,n,r,o){var i="number"==typeof e.len,s="number"==typeof e.min,u="number"==typeof e.max,l=t,c=null,f="number"==typeof t,p="string"==typeof t,d=Array.isArray(t);return f?c="number":p?c="string":d&&(c="array"),!!c&&((p||d)&&(l=t.length),void(i?l!==e.len&&r.push(a.format(o.messages[c].len,e.fullField,e.len)):s&&!u&&l<e.min?r.push(a.format(o.messages[c].min,e.fullField,e.min)):u&&!s&&l>e.max?r.push(a.format(o.messages[c].max,e.fullField,e.max)):s&&u&&(l<e.min||l>e.max)&&r.push(a.format(o.messages[c].range,e.fullField,e.min,e.max))))}Object.defineProperty(t,"__esModule",{value:!0});var i=n(28),a=r(i);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function i(e,t,n,r,o){if(e.required&&void 0===t)return void(0,c["default"])(e,t,n,r,o);var i=["integer","float","array","regexp","object","method","email","number","date","url","hex"],s=e.type;i.indexOf(s)>-1?p[s](t)||r.push(u.format(o.messages.types[s],e.fullField,e.type)):s&&("undefined"==typeof t?"undefined":a(t))!==e.type&&r.push(u.format(o.messages.types[s],e.fullField,e.type))}Object.defineProperty(t,"__esModule",{value:!0});var a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s=n(28),u=o(s),l=n(394),c=r(l),f={email:/^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/,url:new RegExp("^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-?)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-?)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?$","i"),hex:/^#?([a-f0-9]{6}|[a-f0-9]{3})$/i},p={integer:function(e){return p.number(e)&&parseInt(e,10)===e},"float":function(e){return p.number(e)&&!p.integer(e)},array:function(e){return Array.isArray(e)},regexp:function(e){if(e instanceof RegExp)return!0;try{return!!new RegExp(e)}catch(t){return!1}},date:function(e){return"function"==typeof e.getTime&&"function"==typeof e.getMonth&&"function"==typeof e.getYear},number:function(e){return!isNaN(e)&&"number"==typeof e},object:function(e){return"object"===("undefined"==typeof e?"undefined":a(e))&&!p.array(e)},method:function(e){return"function"==typeof e},email:function(e){return"string"==typeof e&&!!e.match(f.email)},url:function(e){return"string"==typeof e&&!!e.match(f.url)},hex:function(e){return"string"==typeof e&&!!e.match(f.hex)}};t["default"]=i,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e,t,n,r,o){(/^\s+$/.test(t)||""===t)&&r.push(a.format(o.messages.whitespace,e.fullField))}Object.defineProperty(t,"__esModule",{value:!0});var i=n(28),a=r(i);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){var i=[],u=e.required||!e.required&&r.hasOwnProperty(e.field);if(u){if((0,s.isEmptyValue)(t,"array")&&!e.required)return n();a["default"].required(e,t,r,i,o,"array"),(0,s.isEmptyValue)(t,"array")||(a["default"].type(e,t,r,i,o),a["default"].range(e,t,r,i,o))}n(i)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(34),a=r(i),s=n(28);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){var a=[],u=e.required||!e.required&&r.hasOwnProperty(e.field);if(u){if((0,i.isEmptyValue)(t)&&!e.required)return n();s["default"].required(e,t,r,a,o),void 0!==t&&s["default"].type(e,t,r,a,o)}n(a)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(28),a=n(34),s=r(a);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){var i=[],u=e.required||!e.required&&r.hasOwnProperty(e.field);if(u){if((0,s.isEmptyValue)(t)&&!e.required)return n();a["default"].required(e,t,r,i,o),(0,s.isEmptyValue)(t)||(a["default"].type(e,t,r,i,o),t&&a["default"].range(e,t.getTime(),r,i,o))}n(i)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(34),a=r(i),s=n(28);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){var i=[],l=e.required||!e.required&&r.hasOwnProperty(e.field);if(l){if((0,s.isEmptyValue)(t)&&!e.required)return n();a["default"].required(e,t,r,i,o),t&&a["default"][u](e,t,r,i,o)}n(i)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(34),a=r(i),s=n(28),u="enum";t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){var i=[],u=e.required||!e.required&&r.hasOwnProperty(e.field);if(u){if((0,s.isEmptyValue)(t)&&!e.required)return n();a["default"].required(e,t,r,i,o),void 0!==t&&(a["default"].type(e,t,r,i,o),a["default"].range(e,t,r,i,o))}n(i)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(34),a=r(i),s=n(28);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";e.exports={string:n(1366),method:n(1360),number:n(1361),"boolean":n(1354),regexp:n(1364),integer:n(1359),"float":n(1357),array:n(1353),object:n(1362),"enum":n(1356),pattern:n(1363),email:n(232),url:n(232),date:n(1355),hex:n(232),required:n(1365)}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){var i=[],u=e.required||!e.required&&r.hasOwnProperty(e.field);if(u){if((0,s.isEmptyValue)(t)&&!e.required)return n();a["default"].required(e,t,r,i,o),void 0!==t&&(a["default"].type(e,t,r,i,o),a["default"].range(e,t,r,i,o))}n(i)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(34),a=r(i),s=n(28);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){var i=[],u=e.required||!e.required&&r.hasOwnProperty(e.field);if(u){if((0,s.isEmptyValue)(t)&&!e.required)return n();a["default"].required(e,t,r,i,o),void 0!==t&&a["default"].type(e,t,r,i,o)}n(i)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(34),a=r(i),s=n(28);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){var i=[],u=e.required||!e.required&&r.hasOwnProperty(e.field);if(u){if((0,s.isEmptyValue)(t)&&!e.required)return n();a["default"].required(e,t,r,i,o),void 0!==t&&(a["default"].type(e,t,r,i,o),a["default"].range(e,t,r,i,o))}n(i)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(34),a=r(i),s=n(28);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){var i=[],u=e.required||!e.required&&r.hasOwnProperty(e.field);if(u){if((0,s.isEmptyValue)(t)&&!e.required)return n();a["default"].required(e,t,r,i,o),void 0!==t&&a["default"].type(e,t,r,i,o)}n(i)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(34),a=r(i),s=n(28);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){var i=[],u=e.required||!e.required&&r.hasOwnProperty(e.field);if(u){if((0,s.isEmptyValue)(t,"string")&&!e.required)return n();a["default"].required(e,t,r,i,o),(0,s.isEmptyValue)(t,"string")||a["default"].pattern(e,t,r,i,o)}n(i)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(34),a=r(i),s=n(28);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){var i=[],u=e.required||!e.required&&r.hasOwnProperty(e.field);if(u){if((0,s.isEmptyValue)(t)&&!e.required)return n();a["default"].required(e,t,r,i,o),(0,s.isEmptyValue)(t)||a["default"].type(e,t,r,i,o)}n(i)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(34),a=r(i),s=n(28);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){var a=[],u=Array.isArray(t)?"array":"undefined"==typeof t?"undefined":i(t);s["default"].required(e,t,r,a,o,u),n(a)}Object.defineProperty(t,"__esModule",{value:!0});var i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a=n(34),s=r(a);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){var i=[],u=e.required||!e.required&&r.hasOwnProperty(e.field);if(u){if((0,s.isEmptyValue)(t,"string")&&!e.required)return n();a["default"].required(e,t,r,i,o,"string"),(0,s.isEmptyValue)(t,"string")||(a["default"].type(e,t,r,i,o),a["default"].range(e,t,r,i,o),a["default"].pattern(e,t,r,i,o),e.whitespace===!0&&a["default"].whitespace(e,t,r,i,o))}n(i)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(34),a=r(i),s=n(28);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}function c(e){var t=e;return Array.isArray(t)||(t=t?[t]:[]),t}Object.defineProperty(t,"__esModule",{value:!0});var f=n(1),p=r(f),d=n(12),h=r(d),v=n(1368),m=r(v),y=n(1371),g=r(y),b=n(8),_=r(b),w=function(e){
-function t(n){s(this,t);var r=u(this,e.call(this,n)),o=r.props,i=o.activeKey,a=o.defaultActiveKey,l=a;return"activeKey"in r.props&&(l=i),r.state={openAnimation:r.props.openAnimation||(0,g["default"])(r.props.prefixCls),activeKey:c(l)},r}return l(t,e),t.prototype.componentWillReceiveProps=function(e){"activeKey"in e&&this.setState({activeKey:c(e.activeKey)}),"openAnimation"in e&&this.setState({openAnimation:e.openAnimation})},t.prototype.onClickItem=function(e){var t=this;return function(){var n=t.state.activeKey;if(t.props.accordion)n=n[0]===e?[]:[e];else{n=[].concat(a(n));var r=n.indexOf(e),o=r>-1;o?n.splice(r,1):n.push(e)}t.setActiveKey(n)}},t.prototype.getItems=function(){var e=this,t=this.state.activeKey,n=this.props,r=n.prefixCls,o=n.accordion,i=n.destroyInactivePanel,a=[];return f.Children.forEach(this.props.children,function(n,s){if(n){var u=n.key||String(s),l=n.props.header,c=!1;c=o?t[0]===u:t.indexOf(u)>-1;var f={key:u,header:l,isActive:c,prefixCls:r,destroyInactivePanel:i,openAnimation:e.state.openAnimation,children:n.props.children,onItemClick:e.onClickItem(u).bind(e)};a.push(p["default"].cloneElement(n,f))}}),a},t.prototype.setActiveKey=function(e){"activeKey"in this.props||this.setState({activeKey:e}),this.props.onChange(this.props.accordion?e[0]:e)},t.prototype.render=function(){var e,t=this.props,n=t.prefixCls,r=t.className,o=t.style,a=(0,_["default"])((e={},i(e,n,!0),i(e,r,!!r),e));return p["default"].createElement("div",{className:a,style:o},this.getItems())},t}(f.Component);w.propTypes={children:h["default"].any,prefixCls:h["default"].string,activeKey:h["default"].oneOfType([h["default"].string,h["default"].arrayOf(h["default"].string)]),defaultActiveKey:h["default"].oneOfType([h["default"].string,h["default"].arrayOf(h["default"].string)]),openAnimation:h["default"].object,onChange:h["default"].func,accordion:h["default"].bool,className:h["default"].string,style:h["default"].object,destroyInactivePanel:h["default"].bool},w.defaultProps={prefixCls:"rc-collapse",onChange:function(){},accordion:!1,destroyInactivePanel:!1},w.Panel=m["default"],t["default"]=w,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var l=n(1),c=r(l),f=n(12),p=r(f),d=n(8),h=r(d),v=n(1369),m=r(v),y=n(31),g=r(y),b=function(e){function t(){return a(this,t),s(this,e.apply(this,arguments))}return u(t,e),t.prototype.handleItemClick=function(){this.props.onItemClick()},t.prototype.render=function(){var e,t=this.props,n=t.className,r=t.style,o=t.prefixCls,a=t.header,s=t.children,u=t.isActive,l=t.showArrow,f=t.destroyInactivePanel,p=o+"-header",d=(0,h["default"])((e={},i(e,o+"-item",!0),i(e,o+"-item-active",u),e),n);return c["default"].createElement("div",{className:d,style:r},c["default"].createElement("div",{className:p,onClick:this.handleItemClick.bind(this),role:"tab","aria-expanded":u},l&&c["default"].createElement("i",{className:"arrow"}),a),c["default"].createElement(g["default"],{showProp:"isActive",exclusive:!0,component:"",animation:this.props.openAnimation},c["default"].createElement(m["default"],{prefixCls:o,isActive:u,destroyInactivePanel:f},s)))},t}(l.Component);b.propTypes={className:p["default"].oneOfType([p["default"].string,p["default"].object]),children:p["default"].any,openAnimation:p["default"].object,prefixCls:p["default"].string,header:p["default"].oneOfType([p["default"].string,p["default"].number,p["default"].node]),showArrow:p["default"].bool,isActive:p["default"].bool,onItemClick:p["default"].func,style:p["default"].object,destroyInactivePanel:p["default"].bool},b.defaultProps={showArrow:!0,isActive:!1,destroyInactivePanel:!1,onItemClick:function(){}},t["default"]=b,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var l=n(1),c=r(l),f=n(12),p=r(f),d=n(8),h=r(d),v=function(e){function t(){return a(this,t),s(this,e.apply(this,arguments))}return u(t,e),t.prototype.shouldComponentUpdate=function(e){return this.props.isActive||e.isActive},t.prototype.render=function(){var e;if(this._isActived=this._isActived||this.props.isActive,!this._isActived)return null;var t=this.props,n=t.prefixCls,r=t.isActive,o=t.children,a=t.destroyInactivePanel,s=(0,h["default"])((e={},i(e,n+"-content",!0),i(e,n+"-content-active",r),i(e,n+"-content-inactive",!r),e)),u=!r&&a?null:c["default"].createElement("div",{className:n+"-content-box"},o);return c["default"].createElement("div",{className:s,role:"tabpanel"},u)},t}(l.Component);v.propTypes={prefixCls:p["default"].string,isActive:p["default"].bool,children:p["default"].any,destroyInactivePanel:p["default"].bool},t["default"]=v,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1367),i=r(o);t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r){var o=void 0;return(0,s["default"])(e,n,{start:function(){t?(o=e.offsetHeight,e.style.height=0):e.style.height=e.offsetHeight+"px"},active:function(){e.style.height=(t?o:0)+"px"},end:function(){e.style.height="",r()}})}function i(e){return{enter:function(t,n){return o(t,!0,e+"-anim",n)},leave:function(t,n){return o(t,!1,e+"-anim",n)}}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(230),s=r(a);t["default"]=i,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var u=n(1),l=r(u),c=n(12),f=r(c),p=n(395),d=r(p),h=function(e){function t(n){i(this,t);var r=a(this,e.call(this,n));return r.state={current:n.current,_current:n.current},["_handleChange","_changeSize","_go","_buildOptionText"].forEach(function(e){return r[e]=r[e].bind(r)}),r}return s(t,e),t.prototype._buildOptionText=function(e){return e+" "+this.props.locale.items_per_page},t.prototype._changeSize=function(e){this.props.changeSize(Number(e))},t.prototype._handleChange=function(e){var t=e.target.value;this.setState({_current:t})},t.prototype._go=function(e){var t=e.target.value;if(""!==t){var n=Number(this.state._current);if(isNaN(n)&&(n=this.state.current),e.keyCode===d["default"].ENTER){var r=this.props.quickGo(n);this.setState({_current:r,current:r})}}},t.prototype.render=function(){var e=this.props,t=this.state,n=e.locale,r=e.rootPrefixCls+"-options",o=e.changeSize,i=e.quickGo,a=e.buildOptionText||this._buildOptionText,s=e.selectComponentClass,u=null,c=null;if(!o&&!i)return null;if(o&&s){var f=s.Option,p=e.pageSize||e.pageSizeOptions[0],d=e.pageSizeOptions.map(function(e,t){return l["default"].createElement(f,{key:t,value:e},a(e))});u=l["default"].createElement(s,{prefixCls:e.selectPrefixCls,showSearch:!1,className:r+"-size-changer",optionLabelProp:"children",dropdownMatchSelectWidth:!1,value:p.toString(),onChange:this._changeSize,getPopupContainer:function(e){return e.parentNode}},d)}return i&&(c=l["default"].createElement("div",{className:r+"-quick-jumper"},n.jump_to,l["default"].createElement("input",{type:"text",value:t._current,onChange:this._handleChange,onKeyUp:this._go}),n.page)),l["default"].createElement("div",{className:""+r},u,c)},t}(l["default"].Component);h.propTypes={changeSize:f["default"].func,quickGo:f["default"].func,selectComponentClass:f["default"].func,current:f["default"].number,pageSizeOptions:f["default"].arrayOf(f["default"].string),pageSize:f["default"].number,buildOptionText:f["default"].func,locale:f["default"].object},h.defaultProps={pageSizeOptions:["10","20","30","40"]},t["default"]=h,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),i=r(o),a=n(12),s=r(a),u=function(e){var t=e.rootPrefixCls+"-item",n=t+" "+t+"-"+e.page;return e.active&&(n=n+" "+t+"-active"),e.className&&(n=n+" "+e.className),i["default"].createElement("li",{title:e.showTitle?e.page:null,className:n,onClick:e.onClick},i["default"].createElement("a",null,e.page))};u.propTypes={page:s["default"].number,active:s["default"].bool,last:s["default"].bool,locale:s["default"].object,className:s["default"].string,showTitle:s["default"].bool,rootPrefixCls:s["default"].string,onClick:s["default"].func},t["default"]=u,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}function u(){}Object.defineProperty(t,"__esModule",{value:!0});var l=n(1),c=r(l),f=n(12),p=r(f),d=n(1373),h=r(d),v=n(1372),m=r(v),y=n(395),g=r(y),b=n(396),_=r(b),w=function(e){function t(n){i(this,t);var r=a(this,e.call(this,n)),o=n.onChange!==u,s="current"in n;s&&!o&&console.warn("Warning: You provided a `current` prop to a Pagination component without an `onChange` handler. This will render a read-only component.");var l=n.defaultCurrent;"current"in n&&(l=n.current);var c=n.defaultPageSize;return"pageSize"in n&&(c=n.pageSize),r.state={current:l,_current:l,pageSize:c},["render","_handleChange","_handleKeyUp","_handleKeyDown","_changePageSize","_isValid","_prev","_next","_hasPrev","_hasNext","_jumpPrev","_jumpNext"].forEach(function(e){return r[e]=r[e].bind(r)}),r}return s(t,e),t.prototype.componentWillReceiveProps=function(e){if("current"in e&&this.setState({current:e.current,_current:e.current}),"pageSize"in e){var t={},n=this.state.current,r=this._calcPage(e.pageSize);n=n>r?r:n,"current"in e||(t.current=n,t._current=n),t.pageSize=e.pageSize,this.setState(t)}},t.prototype._calcPage=function(e){var t=e;return"undefined"==typeof t&&(t=this.state.pageSize),Math.floor((this.props.total-1)/t)+1},t.prototype._isValid=function(e){return"number"==typeof e&&e>=1&&e!==this.state.current},t.prototype._handleKeyDown=function(e){e.keyCode!==g["default"].ARROW_UP&&e.keyCode!==g["default"].ARROW_DOWN||e.preventDefault()},t.prototype._handleKeyUp=function(e){var t=e.target.value,n=void 0;n=""===t?t:isNaN(Number(t))?this.state._current:Number(t),this.setState({_current:n}),e.keyCode===g["default"].ENTER?this._handleChange(n):e.keyCode===g["default"].ARROW_UP?this._handleChange(n-1):e.keyCode===g["default"].ARROW_DOWN&&this._handleChange(n+1)},t.prototype._changePageSize=function(e){var t=this.state.current,n=this._calcPage(e);t=t>n?n:t,"number"==typeof e&&("pageSize"in this.props||this.setState({pageSize:e}),"current"in this.props||this.setState({current:t,_current:t})),this.props.onShowSizeChange(t,e)},t.prototype._handleChange=function(e){var t=e;if(this._isValid(t)){t>this._calcPage()&&(t=this._calcPage()),"current"in this.props||this.setState({current:t,_current:t});var n=this.state.pageSize;return this.props.onChange(t,n),t}return this.state.current},t.prototype._prev=function(){this._hasPrev()&&this._handleChange(this.state.current-1)},t.prototype._next=function(){this._hasNext()&&this._handleChange(this.state.current+1)},t.prototype._jumpPrev=function(){this._handleChange(Math.max(1,this.state.current-(this.props.showLessItems?3:5)))},t.prototype._jumpNext=function(){this._handleChange(Math.min(this._calcPage(),this.state.current+(this.props.showLessItems?3:5)))},t.prototype._hasPrev=function(){return this.state.current>1},t.prototype._hasNext=function(){return this.state.current<this._calcPage()},t.prototype.render=function(){var e=this.props,t=e.locale,n=e.prefixCls,r=this._calcPage(),o=[],i=null,a=null,s=null,u=null,l=e.showLessItems?1:2,f=this.state,p=f.current,d=f.pageSize;if(e.simple)return c["default"].createElement("ul",{className:n+" "+n+"-simple "+e.className},c["default"].createElement("li",{title:e.showTitle?t.prev_page:null,onClick:this._prev,className:(this._hasPrev()?"":n+"-disabled")+" "+n+"-prev"},c["default"].createElement("a",null)),c["default"].createElement("li",{title:e.showTitle?this.state.current+"/"+r:null,className:n+"-simple-pager"},c["default"].createElement("input",{type:"text",value:this.state._current,onKeyDown:this._handleKeyDown,onKeyUp:this._handleKeyUp,onChange:this._handleKeyUp}),c["default"].createElement("span",{className:n+"-slash"},"\uff0f"),r),c["default"].createElement("li",{title:e.showTitle?t.next_page:null,onClick:this._next,className:(this._hasNext()?"":n+"-disabled")+" "+n+"-next"},c["default"].createElement("a",null)));if(r<=5+2*l)for(var v=1;v<=r;v++){var y=this.state.current===v;o.push(c["default"].createElement(h["default"],{locale:t,rootPrefixCls:n,onClick:this._handleChange.bind(this,v),key:v,page:v,active:y,showTitle:e.showTitle}))}else{var g=e.showLessItems?t.prev_3:t.prev_5,b=e.showLessItems?t.next_3:t.next_5;i=c["default"].createElement("li",{title:e.showTitle?g:null,key:"prev",onClick:this._jumpPrev,className:n+"-jump-prev"},c["default"].createElement("a",null)),a=c["default"].createElement("li",{title:e.showTitle?b:null,key:"next",onClick:this._jumpNext,className:n+"-jump-next"},c["default"].createElement("a",null)),u=c["default"].createElement(h["default"],{locale:e.locale,last:!0,rootPrefixCls:n,onClick:this._handleChange.bind(this,r),key:r,page:r,active:!1,showTitle:e.showTitle}),s=c["default"].createElement(h["default"],{locale:e.locale,rootPrefixCls:n,onClick:this._handleChange.bind(this,1),key:1,page:1,active:!1,showTitle:e.showTitle});var _=Math.max(1,p-l),w=Math.min(p+l,r);p-1<=l&&(w=1+2*l),r-p<=l&&(_=r-2*l);for(var x=_;x<=w;x++){var C=p===x;o.push(c["default"].createElement(h["default"],{locale:e.locale,rootPrefixCls:n,onClick:this._handleChange.bind(this,x),key:x,page:x,active:C,showTitle:e.showTitle}))}p-1>=2*l&&3!==p&&(o[0]=c["default"].cloneElement(o[0],{className:n+"-item-after-jump-prev"}),o.unshift(i)),r-p>=2*l&&p!==r-2&&(o[o.length-1]=c["default"].cloneElement(o[o.length-1],{className:n+"-item-before-jump-next"}),o.push(a)),1!==_&&o.unshift(s),w!==r&&o.push(u)}var E=null;return e.showTotal&&(E=c["default"].createElement("span",{className:n+"-total-text"},e.showTotal(e.total,[(p-1)*d+1,p*d>e.total?e.total:p*d]))),c["default"].createElement("ul",{className:n+" "+e.className,style:e.style,unselectable:"unselectable"},E,c["default"].createElement("li",{title:e.showTitle?t.prev_page:null,onClick:this._prev,className:(this._hasPrev()?"":n+"-disabled")+" "+n+"-prev"},c["default"].createElement("a",null)),o,c["default"].createElement("li",{title:e.showTitle?t.next_page:null,onClick:this._next,className:(this._hasNext()?"":n+"-disabled")+" "+n+"-next"},c["default"].createElement("a",null)),c["default"].createElement(m["default"],{locale:e.locale,rootPrefixCls:n,selectComponentClass:e.selectComponentClass,selectPrefixCls:e.selectPrefixCls,changeSize:this.props.showSizeChanger?this._changePageSize.bind(this):null,current:this.state.current,pageSize:this.state.pageSize,pageSizeOptions:this.props.pageSizeOptions,quickGo:this.props.showQuickJumper?this._handleChange.bind(this):null}))},t}(c["default"].Component);w.propTypes={current:p["default"].number,defaultCurrent:p["default"].number,total:p["default"].number,pageSize:p["default"].number,defaultPageSize:p["default"].number,onChange:p["default"].func,showSizeChanger:p["default"].bool,showLessItems:p["default"].bool,onShowSizeChange:p["default"].func,selectComponentClass:p["default"].func,showQuickJumper:p["default"].bool,showTitle:p["default"].bool,pageSizeOptions:p["default"].arrayOf(p["default"].string),showTotal:p["default"].func,locale:p["default"].object,style:p["default"].object},w.defaultProps={defaultCurrent:1,total:0,defaultPageSize:10,onChange:u,className:"",selectPrefixCls:"rc-select",prefixCls:"rc-pagination",selectComponentClass:null,showQuickJumper:!1,showSizeChanger:!1,showLessItems:!1,showTitle:!0,onShowSizeChange:u,locale:_["default"],style:{}},t["default"]=w,e.exports=t["default"]},function(e,t,n){"use strict";e.exports=n(1374)},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={items_per_page:"/ page",jump_to:"Goto",page:"",prev_page:"Previous Page",next_page:"Next Page",prev_5:"Previous 5 Pages",next_5:"Next 5 Pages",prev_3:"Previous 3 Pages",next_3:"Next 3 Pages"},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n){var r=a["default"].shape({value:a["default"].string.isRequired,label:a["default"].string});if(e.labelInValue){var o=a["default"].oneOfType([a["default"].arrayOf(r),r]),i=o.apply(void 0,arguments);if(i)return new Error("Invalid prop `"+t+"` supplied to `"+n+"`, "+("when `labelInValue` is `true`, `"+t+"` should in ")+"shape of `{ value: string, label?: string }`.")}else{if(!e.treeCheckable||!e.treeCheckStrictly){if(e.multiple&&""===e[t])return new Error("Invalid prop `"+t+"` of type `string` supplied to `"+n+"`, expected `array` when `multiple` is `true`.");var s=a["default"].oneOfType([a["default"].arrayOf(a["default"].string),a["default"].string]);return s.apply(void 0,arguments)}var u=a["default"].oneOfType([a["default"].arrayOf(r),r]),l=u.apply(void 0,arguments);if(l)return new Error("Invalid prop `"+t+"` supplied to `"+n+"`, when `treeCheckable` and `treeCheckStrictly` are `true`, "+("`"+t+"` should in shape of `{ value: string, label?: string }`."))}}Object.defineProperty(t,"__esModule",{value:!0}),t.SelectPropTypes=void 0;var i=n(12),a=r(i),s=n(398);t.SelectPropTypes={className:a["default"].string,prefixCls:a["default"].string,multiple:a["default"].bool,filterTreeNode:a["default"].any,showSearch:a["default"].bool,disabled:a["default"].bool,showArrow:a["default"].bool,allowClear:a["default"].bool,defaultOpen:a["default"].bool,open:a["default"].bool,transitionName:a["default"].string,animation:a["default"].string,choiceTransitionName:a["default"].string,onClick:a["default"].func,onChange:a["default"].func,onSelect:a["default"].func,onDeselect:a["default"].func,onSearch:a["default"].func,searchPlaceholder:a["default"].string,placeholder:a["default"].any,inputValue:a["default"].any,value:o,defaultValue:o,label:a["default"].any,defaultLabel:a["default"].any,labelInValue:a["default"].bool,dropdownStyle:a["default"].object,drodownPopupAlign:a["default"].object,onDropdownVisibleChange:a["default"].func,maxTagTextLength:a["default"].number,showCheckedStrategy:a["default"].oneOf([s.SHOW_ALL,s.SHOW_PARENT,s.SHOW_CHILD]),treeCheckStrictly:a["default"].bool,treeIcon:a["default"].bool,treeLine:a["default"].bool,treeDefaultExpandAll:a["default"].bool,treeCheckable:a["default"].oneOfType([a["default"].bool,a["default"].node]),treeNodeLabelProp:a["default"].string,treeNodeFilterProp:a["default"].string,treeData:a["default"].array,treeDataSimpleMode:a["default"].oneOfType([a["default"].bool,a["default"].object]),loadData:a["default"].func}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}function c(){}function f(e,t){return String((0,O.getPropValue)(t,(0,O.labelCompatible)(this.props.treeNodeFilterProp))).indexOf(e)>-1}function p(e,t){this[e]=t}function d(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return e.map(function(e,n){var r=t+"-"+n,o={title:e.label,value:e.value,key:e.key||e.value||r,disabled:e.disabled||!1,selectable:!e.hasOwnProperty("selectable")||e.selectable},i=void 0;return i=e.children&&e.children.length?m["default"].createElement(N["default"],o,d(e.children,r)):m["default"].createElement(N["default"],h({},o,{isLeaf:e.isLeaf}))})}Object.defineProperty(t,"__esModule",{value:!0});var h=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},v=n(1),m=r(v),y=n(2),g=r(y),b=n(80),_=r(b),w=n(8),x=r(w),C=n(11),E=r(C),S=n(31),P=r(S),O=n(399),T=n(1379),k=r(T),M=n(397),N=r(M),A=n(398),D=n(1377),j=function(e){function t(n){s(this,t);var r=u(this,e.call(this,n));R.call(r);var o=[];o="value"in n?(0,O.toArray)(n.value):(0,O.toArray)(n.defaultValue),r.renderedTreeData=r.renderTreeData(),o=r.addLabelToValue(n,o),o=r.getValue(n,o,!n.inputValue||"__strict");var i=n.inputValue||"";return r.saveInputRef=p.bind(r,"inputInstance"),r.state={value:o,inputValue:i,open:n.open||n.defaultOpen,focused:!1},r}return l(t,e),t.prototype.componentDidMount=function(){if(this.state.inputValue){var e=this.getInputDOMNode();e&&e.value&&(e.style.width="",e.style.width=e.scrollWidth+"px")}},t.prototype.componentWillReceiveProps=function(e){if(this.renderedTreeData=this.renderTreeData(e),this._cacheTreeNodesStates="no"!==this._cacheTreeNodesStates&&this._savedValue&&e.value===this._savedValue,this.props.treeData===e.treeData&&this.props.children===e.children||(this._treeNodesStates=(0,O.getTreeNodesStates)(this.renderedTreeData||e.children,this.state.value.map(function(e){return e.value}))),"value"in e){var t=(0,O.toArray)(e.value);t=this.addLabelToValue(e,t),t=this.getValue(e,t),this.setState({value:t})}e.inputValue!==this.props.inputValue&&this.setState({inputValue:e.inputValue}),"open"in e&&this.setState({open:e.open})},t.prototype.componentWillUpdate=function(e){this._savedValue&&e.value&&e.value!==this._savedValue&&e.value===this.props.value&&(this._cacheTreeNodesStates=!1,this.getValue(e,this.addLabelToValue(e,(0,O.toArray)(e.value))))},t.prototype.componentDidUpdate=function(){var e=this.state,t=this.props;if(e.open&&(0,O.isMultipleOrTags)(t)){var n=this.getInputDOMNode();n.value?(n.style.width="",n.style.width=n.scrollWidth+"px"):n.style.width=""}},t.prototype.componentWillUnmount=function(){this.clearDelayTimer(),this.dropdownContainer&&(g["default"].unmountComponentAtNode(this.dropdownContainer),document.body.removeChild(this.dropdownContainer),this.dropdownContainer=null)},t.prototype.getLabelFromNode=function(e){return(0,O.getPropValue)(e,this.props.treeNodeLabelProp)},t.prototype.getLabelFromProps=function(e,t){var n=this;if(void 0===t)return null;var r=null;return(0,O.loopAllChildren)(this.renderedTreeData||e.children,function(e){(0,O.getValuePropValue)(e)===t&&(r=n.getLabelFromNode(e))}),null===r?t:r},t.prototype.getDropdownContainer=function(){return this.dropdownContainer||(this.dropdownContainer=document.createElement("div"),document.body.appendChild(this.dropdownContainer)),this.dropdownContainer},t.prototype.getSearchPlaceholderElement=function(e){var t=this.props,n=void 0;return n=(0,O.isMultipleOrTagsOrCombobox)(t)?t.placeholder||t.searchPlaceholder:t.searchPlaceholder,n?m["default"].createElement("span",{style:{display:e?"none":"block"},onClick:this.onPlaceholderClick,className:t.prefixCls+"-search__field__placeholder"},n):null},t.prototype.getInputElement=function(){var e=this.props;return m["default"].createElement("span",{className:e.prefixCls+"-search__field__wrap"},m["default"].createElement("input",{ref:this.saveInputRef,onChange:this.onInputChange,onKeyDown:this.onInputKeyDown,value:this.state.inputValue,disabled:e.disabled,className:e.prefixCls+"-search__field",role:"textbox"}),(0,O.isMultipleOrTags)(e)?null:this.getSearchPlaceholderElement(!!this.state.inputValue))},t.prototype.getInputDOMNode=function(){return this.inputInstance},t.prototype.getPopupDOMNode=function(){return this.refs.trigger.getPopupDOMNode()},t.prototype.getPopupComponentRefs=function(){return this.refs.trigger.getPopupEleRefs()},t.prototype.getValue=function(e,t){var n=this,r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],o=t,i="__strict"===r||r&&(this.state&&this.state.inputValue||this.props.inputValue!==e.inputValue);if(e.treeCheckable&&(e.treeCheckStrictly||i)&&(this.halfCheckedValues=[],o=[],t.forEach(function(e){e.halfChecked?n.halfCheckedValues.push(e):o.push(e)})),!e.treeCheckable||e.treeCheckable&&(e.treeCheckStrictly||i))return o;var a=void 0;this._cachetreeData&&this._cacheTreeNodesStates&&this._checkedNodes&&this.state&&!this.state.inputValue?this.checkedTreeNodes=a=this._checkedNodes:(this._treeNodesStates=(0,O.getTreeNodesStates)(this.renderedTreeData||e.children,o.map(function(e){return e.value})),this.checkedTreeNodes=a=this._treeNodesStates.checkedNodes);var s=function(t){return t.map(function(t){return{value:(0,O.getValuePropValue)(t.node),label:(0,O.getPropValue)(t.node,e.treeNodeLabelProp)}})},u=this.props,l=[];if(u.showCheckedStrategy===A.SHOW_ALL)l=s(a);else if(u.showCheckedStrategy===A.SHOW_PARENT){var c=(0,O.filterParentPosition)(a.map(function(e){return e.pos}));l=s(a.filter(function(e){return c.indexOf(e.pos)!==-1}))}else l=s(a.filter(function(e){return!e.node.props.children}));return l},t.prototype.getCheckedNodes=function(e,t){var n=e.checkedNodes;if(t.treeCheckStrictly||this.state.inputValue)return n;var r=e.checkedNodesPositions;if(t.showCheckedStrategy===A.SHOW_ALL)n=n;else if(t.showCheckedStrategy===A.SHOW_PARENT){var o=(0,O.filterParentPosition)(r.map(function(e){return e.pos}));n=r.filter(function(e){return o.indexOf(e.pos)!==-1}).map(function(e){return e.node})}else n=n.filter(function(e){return!e.props.children});return n},t.prototype.getDeselectedValue=function(e){var t=this.checkedTreeNodes,n=void 0;t.forEach(function(t){t.node.props.value===e&&(n=t.pos)});var r=n.split("-"),o=[],i=[];t.forEach(function(e){var t=e.pos.split("-");e.pos===n||r.length>t.length&&(0,O.isInclude)(t,r)||r.length<t.length&&(0,O.isInclude)(r,t)||(i.push(e),o.push(e.node.props.value))}),this.checkedTreeNodes=this._checkedNodes=i;var a=this.state.value.filter(function(e){return o.indexOf(e.value)!==-1});this.fireChange(a,{triggerValue:e,clear:!0})},t.prototype.setOpenState=function(e,t){var n=this,r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];this.clearDelayTimer();var o=this.props,i=this.refs;this.props.onDropdownVisibleChange(e,{documentClickClose:r})&&this.setState({open:e},function(){if(t||e)if(e||(0,O.isMultipleOrTagsOrCombobox)(o)){var r=n.getInputDOMNode();r&&document.activeElement!==r&&r.focus()}else i.selection&&i.selection.focus()})},t.prototype.addLabelToValue=function(e,t){var n=this,r=t;return this.isLabelInValue()?r.forEach(function(t,o){return"[object Object]"!==Object.prototype.toString.call(r[o])?void(r[o]={value:"",label:""}):void(t.label=t.label||n.getLabelFromProps(e,t.value))}):r=r.map(function(t){return{value:t,label:n.getLabelFromProps(e,t)}}),r},t.prototype.clearDelayTimer=function(){this.delayTimer&&(clearTimeout(this.delayTimer),this.delayTimer=null)},t.prototype.removeSelected=function(e){var t=this.props;if(!t.disabled){if(this._cacheTreeNodesStates="no",t.treeCheckable&&(t.showCheckedStrategy===A.SHOW_ALL||t.showCheckedStrategy===A.SHOW_PARENT)&&!t.treeCheckStrictly&&!this.state.inputValue)return void this.getDeselectedValue(e);var n=void 0,r=this.state.value.filter(function(t){return t.value===e&&(n=t.label),t.value!==e}),o=(0,O.isMultipleOrTags)(t);if(o){var i=e;this.isLabelInValue()&&(i={value:e,label:n}),t.onDeselect(i)}t.treeCheckable&&this.checkedTreeNodes&&this.checkedTreeNodes.length&&(this.checkedTreeNodes=this._checkedNodes=this.checkedTreeNodes.filter(function(e){return r.some(function(t){return t.value===e.node.props.value})})),this.fireChange(r,{triggerValue:e,clear:!0})}},t.prototype.openIfHasChildren=function(){var e=this.props;(m["default"].Children.count(e.children)||(0,O.isSingleMode)(e))&&this.setOpenState(!0)},t.prototype.fireChange=function(e,t){var n=this.props,r=e.map(function(e){return e.value}),o=this.state.value.map(function(e){return e.value});if(r.length!==o.length||!r.every(function(e,t){return o[t]===e})){var i={preValue:[].concat(a(this.state.value))};t&&(0,E["default"])(i,t);var s=null,u=e;if(this.isLabelInValue()?this.halfCheckedValues&&this.halfCheckedValues.length&&this.halfCheckedValues.forEach(function(e){u.some(function(t){return t.value===e.value})||u.push(e)}):(s=e.map(function(e){return e.label}),u=u.map(function(e){return e.value})),n.treeCheckable&&i.clear){
-var l=this.renderedTreeData||n.children;i.allCheckedNodes=(0,O.flatToHierarchy)((0,O.filterAllCheckedData)(r,l))}if(n.treeCheckable&&this.state.inputValue){var c=[].concat(a(this.state.value));if(i.checked)e.forEach(function(e){c.every(function(t){return t.value!==e.value})&&c.push(h({},e))});else{var f=void 0,p=c.some(function(e,t){if(e.value===i.triggerValue)return f=t,!0});p&&c.splice(f,1)}u=c,this.isLabelInValue()||(s=c.map(function(e){return e.label}),u=c.map(function(e){return e.value}))}this._savedValue=(0,O.isMultipleOrTags)(n)?u:u[0],n.onChange(this._savedValue,s,i),"value"in n||(this._cacheTreeNodesStates=!1,this.setState({value:this.getValue(n,(0,O.toArray)(this._savedValue).map(function(e,t){return{value:e,label:s[t]}}))}))}},t.prototype.isLabelInValue=function(){var e=this.props,t=e.treeCheckable,n=e.treeCheckStrictly,r=e.labelInValue;return!(!t||!n)||(r||!1)},t.prototype.renderTopControlNode=function(){var e=this,t=this.state.value,n=this.props,r=n.choiceTransitionName,o=n.prefixCls,i=n.maxTagTextLength;if((0,O.isSingleMode)(n)){var a=m["default"].createElement("span",{key:"placeholder",className:o+"-selection__placeholder"},n.placeholder);return t.length&&(a=m["default"].createElement("span",{key:"value",title:t[0].label,className:o+"-selection-selected-value"},t[0].label)),m["default"].createElement("span",{className:o+"-selection__rendered"},a)}var s=[];(0,O.isMultipleOrTags)(n)&&(s=t.map(function(t){var n=t.label,r=n;return i&&"string"==typeof n&&n.length>i&&(n=n.slice(0,i)+"..."),m["default"].createElement("li",h({style:O.UNSELECTABLE_STYLE},O.UNSELECTABLE_ATTRIBUTE,{onMouseDown:O.preventDefaultEvent,className:o+"-selection__choice",key:t.value,title:r}),m["default"].createElement("span",{className:o+"-selection__choice__remove",onClick:e.removeSelected.bind(e,t.value)}),m["default"].createElement("span",{className:o+"-selection__choice__content"},n))})),s.push(m["default"].createElement("li",{className:o+"-search "+o+"-search--inline",key:"__input"},this.getInputElement()));var u=o+"-selection__rendered";return(0,O.isMultipleOrTags)(n)&&r?m["default"].createElement(P["default"],{className:u,component:"ul",transitionName:r},s):m["default"].createElement("ul",{className:u},s)},t.prototype.renderTreeData=function(e){var t=e||this.props;if(t.treeData){if(e&&e.treeData===this.props.treeData&&this.renderedTreeData)return this._cachetreeData=!0,this.renderedTreeData;this._cachetreeData=!1;var n=[].concat(a(t.treeData));if(t.treeDataSimpleMode){var r={id:"id",pId:"pId",rootPId:null};"[object Object]"===Object.prototype.toString.call(t.treeDataSimpleMode)&&(0,E["default"])(r,t.treeDataSimpleMode),n=(0,O.processSimpleTreeData)(n,r)}return d(n)}},t.prototype.render=function(){var e,t=this.props,n=(0,O.isMultipleOrTags)(t),r=this.state,o=t.className,a=t.disabled,s=t.allowClear,u=t.prefixCls,l=this.renderTopControlNode(),c={};(0,O.isMultipleOrTagsOrCombobox)(t)||(c={onKeyDown:this.onKeyDown,tabIndex:0});var f=(e={},i(e,o,!!o),i(e,u,1),i(e,u+"-open",r.open),i(e,u+"-focused",r.open||r.focused),i(e,u+"-disabled",a),i(e,u+"-enabled",!a),e),p=m["default"].createElement("span",{key:"clear",className:u+"-selection__clear",onClick:this.onClearSelection});return m["default"].createElement(k["default"],h({},t,{treeNodes:t.children,treeData:this.renderedTreeData,_cachetreeData:this._cachetreeData,_treeNodesStates:this._treeNodesStates,halfCheckedValues:this.halfCheckedValues,multiple:n,disabled:a,visible:r.open,inputValue:r.inputValue,inputElement:this.getInputElement(),value:r.value,onDropdownVisibleChange:this.onDropdownVisibleChange,getPopupContainer:t.getPopupContainer,onSelect:this.onSelect,ref:"trigger"}),m["default"].createElement("span",{style:t.style,onClick:t.onClick,className:(0,x["default"])(f)},m["default"].createElement("span",h({ref:"selection",key:"selection",className:u+"-selection\n            "+u+"-selection--"+(n?"multiple":"single"),role:"combobox","aria-autocomplete":"list","aria-haspopup":"true","aria-expanded":r.open},c),l,s&&!n&&this.state.value.length&&this.state.value[0].value?p:null,n||!t.showArrow?null:m["default"].createElement("span",{key:"arrow",className:u+"-arrow",style:{outline:"none"}},m["default"].createElement("b",null)),n?this.getSearchPlaceholderElement(!!this.state.inputValue||this.state.value.length):null)))},t}(v.Component);j.propTypes=D.SelectPropTypes,j.defaultProps={prefixCls:"rc-tree-select",filterTreeNode:f,showSearch:!0,allowClear:!1,placeholder:"",searchPlaceholder:"",labelInValue:!1,inputValue:"",onClick:c,onChange:c,onSelect:c,onDeselect:c,onSearch:c,showArrow:!0,dropdownMatchSelectWidth:!0,dropdownStyle:{},onDropdownVisibleChange:function(){return!0},notFoundContent:"Not Found",showCheckedStrategy:A.SHOW_CHILD,treeCheckStrictly:!1,treeIcon:!1,treeLine:!1,treeDataSimpleMode:!1,treeDefaultExpandAll:!1,treeCheckable:!1,treeNodeFilterProp:"value",treeNodeLabelProp:"title"};var R=function(){var e=this;this.onInputChange=function(t){var n=t.target.value,r=e.props;e.setState({inputValue:n,open:!0}),r.treeCheckable&&!n&&e.setState({value:e.getValue(r,[].concat(a(e.state.value)),!1)}),r.onSearch(n)},this.onDropdownVisibleChange=function(t){!t&&document.activeElement===e.getInputDOMNode(),setTimeout(function(){e.setOpenState(t,void 0,!t)},10)},this.onKeyDown=function(t){var n=e.props;if(!n.disabled){var r=t.keyCode;e.state.open&&!e.getInputDOMNode()?e.onInputKeyDown(t):r!==_["default"].ENTER&&r!==_["default"].DOWN||(e.setOpenState(!0),t.preventDefault())}},this.onInputKeyDown=function(t){var n=e.props;if(!n.disabled){var r=e.state,o=t.keyCode;if(!(0,O.isMultipleOrTags)(n)||t.target.value||o!==_["default"].BACKSPACE){if(o===_["default"].DOWN){if(!r.open)return e.openIfHasChildren(),t.preventDefault(),void t.stopPropagation()}else if(o===_["default"].ESC)return void(r.open&&(e.setOpenState(!1),t.preventDefault(),t.stopPropagation()))}else{var i=r.value.concat();if(i.length){var a=i.pop();e.removeSelected(e.isLabelInValue()?a:a.value)}}}},this.onSelect=function(t,n){if(n.selected===!1)return void e.onDeselect(n);var r=n.node,o=e.state.value,i=e.props,a=(0,O.getValuePropValue)(r),s=e.getLabelFromNode(r),u=a;e.isLabelInValue()&&(u={value:u,label:s}),i.onSelect(u,r,n);var l="check"===n.event;if((0,O.isMultipleOrTags)(i))if(l)o=e.getCheckedNodes(n,i).map(function(t){return{value:(0,O.getValuePropValue)(t),label:e.getLabelFromNode(t)}});else{if(o.some(function(e){return e.value===a}))return;o=o.concat([{value:a,label:s}])}else{if(o.length&&o[0].value===a)return void e.setOpenState(!1);o=[{value:a,label:s}],e.setOpenState(!1)}var c={triggerValue:a,triggerNode:r};if(l){c.checked=n.checked,c.allCheckedNodes=i.treeCheckStrictly||e.state.inputValue?n.checkedNodes:(0,O.flatToHierarchy)(n.checkedNodesPositions),e._checkedNodes=n.checkedNodesPositions;var f=e.refs.trigger.popupEle;e._treeNodesStates=f.checkKeys}else c.selected=n.selected;e.fireChange(o,c),null===i.inputValue&&e.setState({inputValue:""})},this.onDeselect=function(t){e.removeSelected((0,O.getValuePropValue)(t.node)),(0,O.isMultipleOrTags)(e.props)||e.setOpenState(!1),null===e.props.inputValue&&e.setState({inputValue:""})},this.onPlaceholderClick=function(){e.getInputDOMNode().focus()},this.onClearSelection=function(t){var n=e.props,r=e.state;n.disabled||(t.stopPropagation(),(r.inputValue||r.value.length)&&(e.fireChange([]),e.setOpenState(!1),null===n.inputValue&&e.setState({inputValue:""})))}};j.SHOW_ALL=A.SHOW_ALL,j.SHOW_PARENT=A.SHOW_PARENT,j.SHOW_CHILD=A.SHOW_CHILD,t["default"]=j,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c=n(1),f=r(c),p=n(12),d=r(p),h=n(2),v=r(h),m=n(8),y=r(m),g=n(92),b=r(g),_=n(390),w=r(_),x=n(399),C=n(298),E=r(C),S={bottomLeft:{points:["tl","bl"],offset:[0,4],overflow:{adjustX:0,adjustY:1}},topLeft:{points:["bl","tl"],offset:[0,-4],overflow:{adjustX:0,adjustY:1}}},P=function(e){function t(){var n,r,o;a(this,t);for(var i=arguments.length,u=Array(i),l=0;l<i;l++)u[l]=arguments[l];return n=r=s(this,e.call.apply(e,[this].concat(u))),r.state={_expandedKeys:[],fireOnExpand:!1},r.onExpand=function(e){r.setState({_expandedKeys:e,fireOnExpand:!0})},r.highlightTreeNode=function(e){var t=r.props,n=e.props[(0,x.labelCompatible)(t.treeNodeFilterProp)];return"string"==typeof n&&(t.inputValue&&n.indexOf(t.inputValue)>-1)},r.filterTreeNode=function(e,t){if(!e)return!0;var n=r.props.filterTreeNode;return!n||!t.props.disabled&&n.call(r,e,t)},r.savePopupElement=function(e){r.popupEle=e},o=n,s(r,o)}return u(t,e),t.prototype.componentWillReceiveProps=function(e){e.inputValue&&e.inputValue!==this.props.inputValue&&this.setState({_expandedKeys:[],fireOnExpand:!1})},t.prototype.componentDidUpdate=function(){if(this.props.dropdownMatchSelectWidth&&this.props.visible){var e=this.getPopupDOMNode();e&&(e.style.width=v["default"].findDOMNode(this).offsetWidth+"px")}},t.prototype.getPopupEleRefs=function(){return this.popupEle&&this.popupEle.refs},t.prototype.getPopupDOMNode=function(){return this.refs.trigger.getPopupDomNode()},t.prototype.getDropdownTransitionName=function(){var e=this.props,t=e.transitionName;return!t&&e.animation&&(t=this.getDropdownPrefixCls()+"-"+e.animation),t},t.prototype.getDropdownPrefixCls=function(){return this.props.prefixCls+"-dropdown"},t.prototype.processTreeNode=function(e){var t=this,n=[];this._expandedKeys=[],(0,x.loopAllChildren)(e,function(e,r,o){t.filterTreeNode(t.props.inputValue,e)&&(n.push(o),t._expandedKeys.push(e.key))});var r=[];n.forEach(function(e){var t=e.split("-");t.reduce(function(e,t){var n=e+"-"+t;return r.indexOf(n)<0&&r.push(n),n})});var o=[];(0,x.loopAllChildren)(e,function(e,t,n){r.indexOf(n)>-1&&o.push({node:e,pos:n})});var i=(0,x.flatToHierarchy)(o),a=function s(e){return e.map(function(e){return e.children?f["default"].cloneElement(e.node,{},s(e.children)):e.node})};return a(i)},t.prototype.renderTree=function(e,t,n,r){var o=this.props,i={multiple:r,prefixCls:o.prefixCls+"-tree",showIcon:o.treeIcon,showLine:o.treeLine,defaultExpandAll:o.treeDefaultExpandAll,defaultExpandedKeys:o.treeDefaultExpandedKeys,filterTreeNode:this.highlightTreeNode};return o.treeCheckable?(i.selectable=!1,i.checkable=o.treeCheckable,i.onCheck=o.onSelect,i.checkStrictly=o.treeCheckStrictly,o.inputValue?i.checkStrictly=!0:i._treeNodesStates=o._treeNodesStates,i.treeCheckStrictly&&t.length?i.checkedKeys={checked:e,halfChecked:t}:i.checkedKeys=e):(i.selectedKeys=e,i.onSelect=o.onSelect),i.defaultExpandAll||i.defaultExpandedKeys||o.loadData||(i.expandedKeys=e),i.autoExpandParent=!0,i.onExpand=this.onExpand,this._expandedKeys&&this._expandedKeys.length&&(i.expandedKeys=this._expandedKeys),this.state.fireOnExpand&&(i.expandedKeys=this.state._expandedKeys,i.autoExpandParent=!1),o.loadData&&(i.loadData=o.loadData),f["default"].createElement(w["default"],l({ref:this.savePopupElement},i),n)},t.prototype.render=function(){var e,t=this.props,n=t.multiple,r=this.getDropdownPrefixCls(),o=(e={},i(e,t.dropdownClassName,!!t.dropdownClassName),i(e,r+"--"+(n?"multiple":"single"),1),e),a=t.visible,s=n||t.combobox||!t.showSearch?null:f["default"].createElement("span",{className:r+"-search"},t.inputElement),u=function m(e){return(0,E["default"])(e).map(function(e){return e&&e.props.children?f["default"].createElement(_.TreeNode,l({},e.props,{key:e.key}),m(e.props.children)):f["default"].createElement(_.TreeNode,l({},e.props,{key:e.key}))})},c=void 0;t._cachetreeData&&this.treeNodes?c=this.treeNodes:(c=u(t.treeData||t.treeNodes),this.treeNodes=c),t.inputValue&&(c=this.processTreeNode(c));var p=[],d=[];(0,x.loopAllChildren)(c,function(e){t.value.some(function(t){return t.value===(0,x.getValuePropValue)(e)})&&p.push(e.key),t.halfCheckedValues&&t.halfCheckedValues.some(function(t){return t.value===(0,x.getValuePropValue)(e)})&&d.push(e.key)});var h=void 0;c.length||(t.notFoundContent?h=f["default"].createElement("span",{className:t.prefixCls+"-not-found"},t.notFoundContent):s||(a=!1));var v=f["default"].createElement("div",null,s,h||this.renderTree(p,d,c,n));return f["default"].createElement(b["default"],{action:t.disabled?[]:["click"],ref:"trigger",popupPlacement:"bottomLeft",builtinPlacements:S,popupAlign:t.dropdownPopupAlign,prefixCls:r,popupTransitionName:this.getDropdownTransitionName(),onPopupVisibleChange:t.onDropdownVisibleChange,popup:v,popupVisible:a,getPopupContainer:t.getPopupContainer,popupClassName:(0,y["default"])(o),popupStyle:t.dropdownStyle},this.props.children)},t}(c.Component);P.propTypes={dropdownMatchSelectWidth:d["default"].bool,dropdownPopupAlign:d["default"].object,visible:d["default"].bool,filterTreeNode:d["default"].any,treeNodes:d["default"].any,inputValue:d["default"].string,prefixCls:d["default"].string,popupClassName:d["default"].string,children:d["default"].any},t["default"]=P,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1378),i=r(o),a=n(397),s=r(a);i["default"].TreeNode=s["default"],t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e}function o(e,t,n){function o(e,t){var n=g.hasOwnProperty(t)?g[t]:null;w.hasOwnProperty(t)&&u("OVERRIDE_BASE"===n,"ReactClassInterface: You are attempting to override `%s` from your class specification. Ensure that your method names do not overlap with React methods.",t),e&&u("DEFINE_MANY"===n||"DEFINE_MANY_MERGED"===n,"ReactClassInterface: You are attempting to define `%s` on your component more than once. This conflict may be due to a mixin.",t)}function i(e,n){if(n){u("function"!=typeof n,"ReactClass: You're attempting to use a component class or function as a mixin. Instead, just use a regular object."),u(!t(n),"ReactClass: You're attempting to use a component as a mixin. Instead, just use a regular object.");var r=e.prototype,i=r.__reactAutoBindPairs;n.hasOwnProperty(l)&&b.mixins(e,n.mixins);for(var a in n)if(n.hasOwnProperty(a)&&a!==l){var s=n[a],c=r.hasOwnProperty(a);if(o(c,a),b.hasOwnProperty(a))b[a](e,s);else{var f=g.hasOwnProperty(a),h="function"==typeof s,v=h&&!f&&!c&&n.autobind!==!1;if(v)i.push(a,s),r[a]=s;else if(c){var m=g[a];u(f&&("DEFINE_MANY_MERGED"===m||"DEFINE_MANY"===m),"ReactClass: Unexpected spec policy %s for key %s when mixing in component specs.",m,a),"DEFINE_MANY_MERGED"===m?r[a]=p(r[a],s):"DEFINE_MANY"===m&&(r[a]=d(r[a],s))}else r[a]=s}}}else;}function c(e,t){if(t)for(var n in t){var r=t[n];if(t.hasOwnProperty(n)){var o=n in b;u(!o,'ReactClass: You are attempting to define a reserved property, `%s`, that shouldn\'t be on the "statics" key. Define it as an instance property instead; it will still be accessible on the constructor.',n);var i=n in e;u(!i,"ReactClass: You are attempting to define `%s` on your component more than once. This conflict may be due to a mixin.",n),e[n]=r}}}function f(e,t){u(e&&t&&"object"==typeof e&&"object"==typeof t,"mergeIntoWithNoDuplicateKeys(): Cannot merge non-objects.");for(var n in t)t.hasOwnProperty(n)&&(u(void 0===e[n],"mergeIntoWithNoDuplicateKeys(): Tried to merge two objects with the same key: `%s`. This conflict may be due to a mixin; in particular, this may be caused by two getInitialState() or getDefaultProps() methods returning objects with clashing keys.",n),e[n]=t[n]);return e}function p(e,t){return function(){var n=e.apply(this,arguments),r=t.apply(this,arguments);if(null==n)return r;if(null==r)return n;var o={};return f(o,n),f(o,r),o}}function d(e,t){return function(){e.apply(this,arguments),t.apply(this,arguments)}}function h(e,t){var n=t.bind(e);return n}function v(e){for(var t=e.__reactAutoBindPairs,n=0;n<t.length;n+=2){var r=t[n],o=t[n+1];e[r]=h(e,o)}}function m(e){var t=r(function(e,r,o){this.__reactAutoBindPairs.length&&v(this),this.props=e,this.context=r,this.refs=s,this.updater=o||n,this.state=null;var i=this.getInitialState?this.getInitialState():null;u("object"==typeof i&&!Array.isArray(i),"%s.getInitialState(): must return an object or null",t.displayName||"ReactCompositeComponent"),this.state=i});t.prototype=new x,t.prototype.constructor=t,t.prototype.__reactAutoBindPairs=[],y.forEach(i.bind(null,t)),i(t,_),i(t,e),t.getDefaultProps&&(t.defaultProps=t.getDefaultProps()),u(t.prototype.render,"createClass(...): Class specification must implement a `render` method.");for(var o in g)t.prototype[o]||(t.prototype[o]=null);return t}var y=[],g={mixins:"DEFINE_MANY",statics:"DEFINE_MANY",propTypes:"DEFINE_MANY",contextTypes:"DEFINE_MANY",childContextTypes:"DEFINE_MANY",getDefaultProps:"DEFINE_MANY_MERGED",getInitialState:"DEFINE_MANY_MERGED",getChildContext:"DEFINE_MANY_MERGED",render:"DEFINE_ONCE",componentWillMount:"DEFINE_MANY",componentDidMount:"DEFINE_MANY",componentWillReceiveProps:"DEFINE_MANY",shouldComponentUpdate:"DEFINE_ONCE",componentWillUpdate:"DEFINE_MANY",componentDidUpdate:"DEFINE_MANY",componentWillUnmount:"DEFINE_MANY",updateComponent:"OVERRIDE_BASE"},b={displayName:function(e,t){e.displayName=t},mixins:function(e,t){if(t)for(var n=0;n<t.length;n++)i(e,t[n])},childContextTypes:function(e,t){e.childContextTypes=a({},e.childContextTypes,t)},contextTypes:function(e,t){e.contextTypes=a({},e.contextTypes,t)},getDefaultProps:function(e,t){e.getDefaultProps?e.getDefaultProps=p(e.getDefaultProps,t):e.getDefaultProps=t},propTypes:function(e,t){e.propTypes=a({},e.propTypes,t)},statics:function(e,t){c(e,t)},autobind:function(){}},_={componentDidMount:function(){this.__isMounted=!0},componentWillUnmount:function(){this.__isMounted=!1}},w={replaceState:function(e,t){this.updater.enqueueReplaceState(this,e,t)},isMounted:function(){return!!this.__isMounted}},x=function(){};return a(x.prototype,e.prototype,w),m}var i,a=n(11),s=n(112),u=n(13),l="mixins";i={},e.exports=o},function(e,t){"use strict";var n={Properties:{"aria-current":0,"aria-details":0,"aria-disabled":0,"aria-hidden":0,"aria-invalid":0,"aria-keyshortcuts":0,"aria-label":0,"aria-roledescription":0,"aria-autocomplete":0,"aria-checked":0,"aria-expanded":0,"aria-haspopup":0,"aria-level":0,"aria-modal":0,"aria-multiline":0,"aria-multiselectable":0,"aria-orientation":0,"aria-placeholder":0,"aria-pressed":0,"aria-readonly":0,"aria-required":0,"aria-selected":0,"aria-sort":0,"aria-valuemax":0,"aria-valuemin":0,"aria-valuenow":0,"aria-valuetext":0,"aria-atomic":0,"aria-busy":0,"aria-live":0,"aria-relevant":0,"aria-dropeffect":0,"aria-grabbed":0,"aria-activedescendant":0,"aria-colcount":0,"aria-colindex":0,"aria-colspan":0,"aria-controls":0,"aria-describedby":0,"aria-errormessage":0,"aria-flowto":0,"aria-labelledby":0,"aria-owns":0,"aria-posinset":0,"aria-rowcount":0,"aria-rowindex":0,"aria-rowspan":0,"aria-setsize":0},DOMAttributeNames:{},DOMPropertyNames:{}};e.exports=n},function(e,t,n){"use strict";var r=n(29),o=n(372),i={focusDOMComponent:function(){o(r.getNodeFromInstance(this))}};e.exports=i},function(e,t,n){"use strict";function r(){var e=window.opera;return"object"==typeof e&&"function"==typeof e.version&&parseInt(e.version(),10)<=12}function o(e){return(e.ctrlKey||e.altKey||e.metaKey)&&!(e.ctrlKey&&e.altKey)}function i(e){switch(e){case"topCompositionStart":return P.compositionStart;case"topCompositionEnd":return P.compositionEnd;case"topCompositionUpdate":return P.compositionUpdate}}function a(e,t){return"topKeyDown"===e&&t.keyCode===b}function s(e,t){switch(e){case"topKeyUp":return g.indexOf(t.keyCode)!==-1;case"topKeyDown":return t.keyCode!==b;case"topKeyPress":case"topMouseDown":case"topBlur":return!0;default:return!1}}function u(e){var t=e.detail;return"object"==typeof t&&"data"in t?t.data:null}function l(e,t,n,r){var o,l;if(_?o=i(e):T?s(e,n)&&(o=P.compositionEnd):a(e,n)&&(o=P.compositionStart),!o)return null;C&&(T||o!==P.compositionStart?o===P.compositionEnd&&T&&(l=T.getData()):T=v.getPooled(r));var c=m.getPooled(o,t,n,r);if(l)c.data=l;else{var f=u(n);null!==f&&(c.data=f)}return d.accumulateTwoPhaseDispatches(c),c}function c(e,t){switch(e){case"topCompositionEnd":return u(t);case"topKeyPress":var n=t.which;return n!==E?null:(O=!0,S);case"topTextInput":var r=t.data;return r===S&&O?null:r;default:return null}}function f(e,t){if(T){if("topCompositionEnd"===e||!_&&s(e,t)){var n=T.getData();return v.release(T),T=null,n}return null}switch(e){case"topPaste":return null;case"topKeyPress":return t.which&&!o(t)?String.fromCharCode(t.which):null;case"topCompositionEnd":return C?null:t.data;default:return null}}function p(e,t,n,r){var o;if(o=x?c(e,n):f(e,n),!o)return null;var i=y.getPooled(P.beforeInput,t,n,r);return i.data=o,d.accumulateTwoPhaseDispatches(i),i}var d=n(140),h=n(36),v=n(1390),m=n(1427),y=n(1430),g=[9,13,27,32],b=229,_=h.canUseDOM&&"CompositionEvent"in window,w=null;h.canUseDOM&&"documentMode"in document&&(w=document.documentMode);var x=h.canUseDOM&&"TextEvent"in window&&!w&&!r(),C=h.canUseDOM&&(!_||w&&w>8&&w<=11),E=32,S=String.fromCharCode(E),P={beforeInput:{phasedRegistrationNames:{bubbled:"onBeforeInput",captured:"onBeforeInputCapture"},dependencies:["topCompositionEnd","topKeyPress","topTextInput","topPaste"]},compositionEnd:{phasedRegistrationNames:{bubbled:"onCompositionEnd",captured:"onCompositionEndCapture"},dependencies:["topBlur","topCompositionEnd","topKeyDown","topKeyPress","topKeyUp","topMouseDown"]},compositionStart:{phasedRegistrationNames:{bubbled:"onCompositionStart",captured:"onCompositionStartCapture"},dependencies:["topBlur","topCompositionStart","topKeyDown","topKeyPress","topKeyUp","topMouseDown"]},compositionUpdate:{phasedRegistrationNames:{bubbled:"onCompositionUpdate",captured:"onCompositionUpdateCapture"},dependencies:["topBlur","topCompositionUpdate","topKeyDown","topKeyPress","topKeyUp","topMouseDown"]}},O=!1,T=null,k={eventTypes:P,extractEvents:function(e,t,n,r){return[l(e,t,n,r),p(e,t,n,r)]}};e.exports=k},function(e,t,n){"use strict";var r=n(400),o=n(36),i=(n(58),n(1225),n(1436)),a=n(1233),s=n(375),u=(n(16),s(function(e){return a(e)})),l=!1,c="cssFloat";if(o.canUseDOM){var f=document.createElement("div").style;try{f.font=""}catch(p){l=!0}void 0===document.documentElement.style.cssFloat&&(c="styleFloat")}var d={createMarkupForStyles:function(e,t){var n="";for(var r in e)if(e.hasOwnProperty(r)){var o=e[r];null!=o&&(n+=u(r)+":",n+=i(r,o,t)+";")}return n||null},setValueForStyles:function(e,t,n){var o=e.style;for(var a in t)if(t.hasOwnProperty(a)){var s=i(a,t[a],n);if("float"!==a&&"cssFloat"!==a||(a=c),s)o[a]=s;else{var u=l&&r.shorthandPropertyExpansions[a];if(u)for(var f in u)o[f]="";else o[a]=""}}}};e.exports=d},function(e,t,n){"use strict";function r(e){var t=e.nodeName&&e.nodeName.toLowerCase();return"select"===t||"input"===t&&"file"===e.type}function o(e){var t=E.getPooled(T.change,M,e,S(e));_.accumulateTwoPhaseDispatches(t),C.batchedUpdates(i,t)}function i(e){b.enqueueEvents(e),b.processEventQueue(!1)}function a(e,t){k=e,M=t,k.attachEvent("onchange",o)}function s(){k&&(k.detachEvent("onchange",o),k=null,M=null)}function u(e,t){if("topChange"===e)return t}function l(e,t,n){"topFocus"===e?(s(),a(t,n)):"topBlur"===e&&s()}function c(e,t){k=e,M=t,N=e.value,A=Object.getOwnPropertyDescriptor(e.constructor.prototype,"value"),Object.defineProperty(k,"value",R),k.attachEvent?k.attachEvent("onpropertychange",p):k.addEventListener("propertychange",p,!1)}function f(){k&&(delete k.value,k.detachEvent?k.detachEvent("onpropertychange",p):k.removeEventListener("propertychange",p,!1),k=null,M=null,N=null,A=null)}function p(e){if("value"===e.propertyName){var t=e.srcElement.value;t!==N&&(N=t,o(e))}}function d(e,t){if("topInput"===e)return t}function h(e,t,n){"topFocus"===e?(f(),c(t,n)):"topBlur"===e&&f()}function v(e,t){if(("topSelectionChange"===e||"topKeyUp"===e||"topKeyDown"===e)&&k&&k.value!==N)return N=k.value,M}function m(e){return e.nodeName&&"input"===e.nodeName.toLowerCase()&&("checkbox"===e.type||"radio"===e.type)}function y(e,t){if("topClick"===e)return t}function g(e,t){if(null!=e){var n=e._wrapperState||t._wrapperState;if(n&&n.controlled&&"number"===t.type){var r=""+t.value;t.getAttribute("value")!==r&&t.setAttribute("value",r)}}}var b=n(139),_=n(140),w=n(36),x=n(29),C=n(65),E=n(71),S=n(245),P=n(246),O=n(417),T={change:{phasedRegistrationNames:{bubbled:"onChange",captured:"onChangeCapture"},dependencies:["topBlur","topChange","topClick","topFocus","topInput","topKeyDown","topKeyUp","topSelectionChange"]}},k=null,M=null,N=null,A=null,D=!1;w.canUseDOM&&(D=P("change")&&(!document.documentMode||document.documentMode>8));var j=!1;w.canUseDOM&&(j=P("input")&&(!document.documentMode||document.documentMode>11));var R={get:function(){return A.get.call(this)},set:function(e){N=""+e,A.set.call(this,e)}},I={eventTypes:T,extractEvents:function(e,t,n,o){var i,a,s=t?x.getNodeFromInstance(t):window;if(r(s)?D?i=u:a=l:O(s)?j?i=d:(i=v,a=h):m(s)&&(i=y),i){var c=i(e,t);if(c){var f=E.getPooled(T.change,c,n,o);return f.type="change",_.accumulateTwoPhaseDispatches(f),f}}a&&a(e,s,t),"topBlur"===e&&g(t,s)}};e.exports=I},function(e,t,n){"use strict";var r=n(19),o=n(113),i=n(36),a=n(1226),s=n(33),u=(n(13),{dangerouslyReplaceNodeWithMarkup:function(e,t){if(i.canUseDOM?void 0:r("56"),t?void 0:r("57"),"HTML"===e.nodeName?r("58"):void 0,"string"==typeof t){var n=a(t,s)[0];e.parentNode.replaceChild(n,e)}else o.replaceChildWithTree(e,t)}});e.exports=u},function(e,t){"use strict";var n=["ResponderEventPlugin","SimpleEventPlugin","TapEventPlugin","EnterLeaveEventPlugin","ChangeEventPlugin","SelectEventPlugin","BeforeInputEventPlugin"];e.exports=n},function(e,t,n){"use strict";var r=n(140),o=n(29),i=n(171),a={mouseEnter:{registrationName:"onMouseEnter",dependencies:["topMouseOut","topMouseOver"]},mouseLeave:{registrationName:"onMouseLeave",dependencies:["topMouseOut","topMouseOver"]}},s={eventTypes:a,extractEvents:function(e,t,n,s){if("topMouseOver"===e&&(n.relatedTarget||n.fromElement))return null;if("topMouseOut"!==e&&"topMouseOver"!==e)return null;var u;if(s.window===s)u=s;else{var l=s.ownerDocument;u=l?l.defaultView||l.parentWindow:window}var c,f;if("topMouseOut"===e){c=t;var p=n.relatedTarget||n.toElement;f=p?o.getClosestInstanceFromNode(p):null}else c=null,f=t;if(c===f)return null;var d=null==c?u:o.getNodeFromInstance(c),h=null==f?u:o.getNodeFromInstance(f),v=i.getPooled(a.mouseLeave,c,n,s);v.type="mouseleave",v.target=d,v.relatedTarget=h;var m=i.getPooled(a.mouseEnter,f,n,s);return m.type="mouseenter",m.target=h,m.relatedTarget=d,r.accumulateEnterLeaveDispatches(v,m,c,f),[v,m]}};e.exports=s},function(e,t,n){"use strict";function r(e){this._root=e,this._startText=this.getText(),this._fallbackText=null}var o=n(11),i=n(93),a=n(415);o(r.prototype,{destructor:function(){this._root=null,this._startText=null,this._fallbackText=null},getText:function(){return"value"in this._root?this._root.value:this._root[a()]},getData:function(){if(this._fallbackText)return this._fallbackText;var e,t,n=this._startText,r=n.length,o=this.getText(),i=o.length;for(e=0;e<r&&n[e]===o[e];e++);var a=r-e;for(t=1;t<=a&&n[r-t]===o[i-t];t++);var s=t>1?1-t:void 0;return this._fallbackText=o.slice(e,s),this._fallbackText}}),i.addPoolingTo(r),e.exports=r},function(e,t,n){"use strict";var r=n(114),o=r.injection.MUST_USE_PROPERTY,i=r.injection.HAS_BOOLEAN_VALUE,a=r.injection.HAS_NUMERIC_VALUE,s=r.injection.HAS_POSITIVE_NUMERIC_VALUE,u=r.injection.HAS_OVERLOADED_BOOLEAN_VALUE,l={isCustomAttribute:RegExp.prototype.test.bind(new RegExp("^(data|aria)-["+r.ATTRIBUTE_NAME_CHAR+"]*$")),Properties:{accept:0,acceptCharset:0,accessKey:0,action:0,allowFullScreen:i,allowTransparency:0,alt:0,as:0,async:i,autoComplete:0,autoPlay:i,capture:i,cellPadding:0,cellSpacing:0,charSet:0,challenge:0,checked:o|i,cite:0,classID:0,className:0,cols:s,colSpan:0,content:0,contentEditable:0,contextMenu:0,controls:i,coords:0,crossOrigin:0,data:0,dateTime:0,"default":i,defer:i,dir:0,disabled:i,download:u,draggable:0,encType:0,form:0,formAction:0,formEncType:0,formMethod:0,formNoValidate:i,formTarget:0,frameBorder:0,headers:0,height:0,hidden:i,high:0,href:0,hrefLang:0,htmlFor:0,httpEquiv:0,icon:0,id:0,inputMode:0,integrity:0,is:0,keyParams:0,keyType:0,kind:0,label:0,lang:0,list:0,loop:i,low:0,manifest:0,marginHeight:0,marginWidth:0,max:0,maxLength:0,media:0,mediaGroup:0,method:0,min:0,minLength:0,multiple:o|i,muted:o|i,name:0,nonce:0,noValidate:i,open:i,optimum:0,pattern:0,placeholder:0,playsInline:i,poster:0,preload:0,profile:0,radioGroup:0,readOnly:i,referrerPolicy:0,rel:0,required:i,reversed:i,role:0,rows:s,rowSpan:a,sandbox:0,scope:0,scoped:i,scrolling:0,seamless:i,selected:o|i,shape:0,size:s,sizes:0,span:s,spellCheck:0,src:0,srcDoc:0,srcLang:0,srcSet:0,start:a,step:0,style:0,summary:0,tabIndex:0,target:0,title:0,type:0,useMap:0,value:0,width:0,wmode:0,wrap:0,about:0,datatype:0,inlist:0,prefix:0,property:0,resource:0,"typeof":0,vocab:0,autoCapitalize:0,autoCorrect:0,autoSave:0,color:0,itemProp:0,itemScope:i,itemType:0,itemID:0,itemRef:0,results:0,security:0,unselectable:0},DOMAttributeNames:{acceptCharset:"accept-charset",className:"class",htmlFor:"for",httpEquiv:"http-equiv"},DOMPropertyNames:{},DOMMutationMethods:{value:function(e,t){return null==t?e.removeAttribute("value"):void("number"!==e.type||e.hasAttribute("value")===!1?e.setAttribute("value",""+t):e.validity&&!e.validity.badInput&&e.ownerDocument.activeElement!==e&&e.setAttribute("value",""+t))}}};e.exports=l},function(e,t,n){(function(t){"use strict";function r(e,t,n,r){var o=void 0===e[n];null!=t&&o&&(e[n]=i(t,!0))}var o=n(115),i=n(416),a=(n(237),n(247)),s=n(419);n(16);"undefined"!=typeof t&&t.env,1;var u={instantiateChildren:function(e,t,n,o){if(null==e)return null;var i={};return s(e,r,i),i},updateChildren:function(e,t,n,r,s,u,l,c,f){if(t||e){var p,d;for(p in t)if(t.hasOwnProperty(p)){d=e&&e[p];var h=d&&d._currentElement,v=t[p];if(null!=d&&a(h,v))o.receiveComponent(d,v,s,c),t[p]=d;else{d&&(r[p]=o.getHostNode(d),o.unmountComponent(d,!1));var m=i(v,!0);t[p]=m;var y=o.mountComponent(m,s,u,l,c,f);n.push(y)}}for(p in e)!e.hasOwnProperty(p)||t&&t.hasOwnProperty(p)||(d=e[p],r[p]=o.getHostNode(d),o.unmountComponent(d,!1))}},unmountChildren:function(e,t){for(var n in e)if(e.hasOwnProperty(n)){var r=e[n];o.unmountComponent(r,t)}}};e.exports=u}).call(t,n(89))},function(e,t,n){"use strict";var r=n(233),o=n(1400),i={processChildrenUpdates:o.dangerouslyProcessChildrenUpdates,replaceNodeWithMarkup:r.dangerouslyReplaceNodeWithMarkup};e.exports=i},function(e,t,n){"use strict";function r(e){}function o(e,t){}function i(e){return!(!e.prototype||!e.prototype.isReactComponent)}function a(e){return!(!e.prototype||!e.prototype.isPureReactComponent)}var s=n(19),u=n(11),l=n(116),c=n(239),f=n(72),p=n(240),d=n(141),h=(n(58),n(410)),v=n(115),m=n(112),y=(n(13),n(224)),g=n(247),b=(n(16),{ImpureClass:0,PureClass:1,StatelessFunctional:2});r.prototype.render=function(){var e=d.get(this)._currentElement.type,t=e(this.props,this.context,this.updater);return o(e,t),t};var _=1,w={construct:function(e){this._currentElement=e,this._rootNodeID=0,
-this._compositeType=null,this._instance=null,this._hostParent=null,this._hostContainerInfo=null,this._updateBatchNumber=null,this._pendingElement=null,this._pendingStateQueue=null,this._pendingReplaceState=!1,this._pendingForceUpdate=!1,this._renderedNodeType=null,this._renderedComponent=null,this._context=null,this._mountOrder=0,this._topLevelWrapper=null,this._pendingCallbacks=null,this._calledComponentWillUnmount=!1},mountComponent:function(e,t,n,u){this._context=u,this._mountOrder=_++,this._hostParent=t,this._hostContainerInfo=n;var c,f=this._currentElement.props,p=this._processContext(u),h=this._currentElement.type,v=e.getUpdateQueue(),y=i(h),g=this._constructComponent(y,f,p,v);y||null!=g&&null!=g.render?a(h)?this._compositeType=b.PureClass:this._compositeType=b.ImpureClass:(c=g,o(h,c),null===g||g===!1||l.isValidElement(g)?void 0:s("105",h.displayName||h.name||"Component"),g=new r(h),this._compositeType=b.StatelessFunctional);g.props=f,g.context=p,g.refs=m,g.updater=v,this._instance=g,d.set(g,this);var w=g.state;void 0===w&&(g.state=w=null),"object"!=typeof w||Array.isArray(w)?s("106",this.getName()||"ReactCompositeComponent"):void 0,this._pendingStateQueue=null,this._pendingReplaceState=!1,this._pendingForceUpdate=!1;var x;return x=g.unstable_handleError?this.performInitialMountWithErrorHandling(c,t,n,e,u):this.performInitialMount(c,t,n,e,u),g.componentDidMount&&e.getReactMountReady().enqueue(g.componentDidMount,g),x},_constructComponent:function(e,t,n,r){return this._constructComponentWithoutOwner(e,t,n,r)},_constructComponentWithoutOwner:function(e,t,n,r){var o=this._currentElement.type;return e?new o(t,n,r):o(t,n,r)},performInitialMountWithErrorHandling:function(e,t,n,r,o){var i,a=r.checkpoint();try{i=this.performInitialMount(e,t,n,r,o)}catch(s){r.rollback(a),this._instance.unstable_handleError(s),this._pendingStateQueue&&(this._instance.state=this._processPendingState(this._instance.props,this._instance.context)),a=r.checkpoint(),this._renderedComponent.unmountComponent(!0),r.rollback(a),i=this.performInitialMount(e,t,n,r,o)}return i},performInitialMount:function(e,t,n,r,o){var i=this._instance,a=0;i.componentWillMount&&(i.componentWillMount(),this._pendingStateQueue&&(i.state=this._processPendingState(i.props,i.context))),void 0===e&&(e=this._renderValidatedComponent());var s=h.getType(e);this._renderedNodeType=s;var u=this._instantiateReactComponent(e,s!==h.EMPTY);this._renderedComponent=u;var l=v.mountComponent(u,r,t,n,this._processChildContext(o),a);return l},getHostNode:function(){return v.getHostNode(this._renderedComponent)},unmountComponent:function(e){if(this._renderedComponent){var t=this._instance;if(t.componentWillUnmount&&!t._calledComponentWillUnmount)if(t._calledComponentWillUnmount=!0,e){var n=this.getName()+".componentWillUnmount()";p.invokeGuardedCallback(n,t.componentWillUnmount.bind(t))}else t.componentWillUnmount();this._renderedComponent&&(v.unmountComponent(this._renderedComponent,e),this._renderedNodeType=null,this._renderedComponent=null,this._instance=null),this._pendingStateQueue=null,this._pendingReplaceState=!1,this._pendingForceUpdate=!1,this._pendingCallbacks=null,this._pendingElement=null,this._context=null,this._rootNodeID=0,this._topLevelWrapper=null,d.remove(t)}},_maskContext:function(e){var t=this._currentElement.type,n=t.contextTypes;if(!n)return m;var r={};for(var o in n)r[o]=e[o];return r},_processContext:function(e){var t=this._maskContext(e);return t},_processChildContext:function(e){var t,n=this._currentElement.type,r=this._instance;if(r.getChildContext&&(t=r.getChildContext()),t){"object"!=typeof n.childContextTypes?s("107",this.getName()||"ReactCompositeComponent"):void 0;for(var o in t)o in n.childContextTypes?void 0:s("108",this.getName()||"ReactCompositeComponent",o);return u({},e,t)}return e},_checkContextTypes:function(e,t,n){},receiveComponent:function(e,t,n){var r=this._currentElement,o=this._context;this._pendingElement=null,this.updateComponent(t,r,e,o,n)},performUpdateIfNecessary:function(e){null!=this._pendingElement?v.receiveComponent(this,this._pendingElement,e,this._context):null!==this._pendingStateQueue||this._pendingForceUpdate?this.updateComponent(e,this._currentElement,this._currentElement,this._context,this._context):this._updateBatchNumber=null},updateComponent:function(e,t,n,r,o){var i=this._instance;null==i?s("136",this.getName()||"ReactCompositeComponent"):void 0;var a,u=!1;this._context===o?a=i.context:(a=this._processContext(o),u=!0);var l=t.props,c=n.props;t!==n&&(u=!0),u&&i.componentWillReceiveProps&&i.componentWillReceiveProps(c,a);var f=this._processPendingState(c,a),p=!0;this._pendingForceUpdate||(i.shouldComponentUpdate?p=i.shouldComponentUpdate(c,f,a):this._compositeType===b.PureClass&&(p=!y(l,c)||!y(i.state,f))),this._updateBatchNumber=null,p?(this._pendingForceUpdate=!1,this._performComponentUpdate(n,c,f,a,e,o)):(this._currentElement=n,this._context=o,i.props=c,i.state=f,i.context=a)},_processPendingState:function(e,t){var n=this._instance,r=this._pendingStateQueue,o=this._pendingReplaceState;if(this._pendingReplaceState=!1,this._pendingStateQueue=null,!r)return n.state;if(o&&1===r.length)return r[0];for(var i=u({},o?r[0]:n.state),a=o?1:0;a<r.length;a++){var s=r[a];u(i,"function"==typeof s?s.call(n,i,e,t):s)}return i},_performComponentUpdate:function(e,t,n,r,o,i){var a,s,u,l=this._instance,c=Boolean(l.componentDidUpdate);c&&(a=l.props,s=l.state,u=l.context),l.componentWillUpdate&&l.componentWillUpdate(t,n,r),this._currentElement=e,this._context=i,l.props=t,l.state=n,l.context=r,this._updateRenderedComponent(o,i),c&&o.getReactMountReady().enqueue(l.componentDidUpdate.bind(l,a,s,u),l)},_updateRenderedComponent:function(e,t){var n=this._renderedComponent,r=n._currentElement,o=this._renderValidatedComponent(),i=0;if(g(r,o))v.receiveComponent(n,o,e,this._processChildContext(t));else{var a=v.getHostNode(n);v.unmountComponent(n,!1);var s=h.getType(o);this._renderedNodeType=s;var u=this._instantiateReactComponent(o,s!==h.EMPTY);this._renderedComponent=u;var l=v.mountComponent(u,e,this._hostParent,this._hostContainerInfo,this._processChildContext(t),i);this._replaceNodeWithMarkup(a,l,n)}},_replaceNodeWithMarkup:function(e,t,n){c.replaceNodeWithMarkup(e,t,n)},_renderValidatedComponentWithoutOwnerOrContext:function(){var e,t=this._instance;return e=t.render()},_renderValidatedComponent:function(){var e;if(this._compositeType!==b.StatelessFunctional){f.current=this;try{e=this._renderValidatedComponentWithoutOwnerOrContext()}finally{f.current=null}}else e=this._renderValidatedComponentWithoutOwnerOrContext();return null===e||e===!1||l.isValidElement(e)?void 0:s("109",this.getName()||"ReactCompositeComponent"),e},attachRef:function(e,t){var n=this.getPublicInstance();null==n?s("110"):void 0;var r=t.getPublicInstance(),o=n.refs===m?n.refs={}:n.refs;o[e]=r},detachRef:function(e){var t=this.getPublicInstance().refs;delete t[e]},getName:function(){var e=this._currentElement.type,t=this._instance&&this._instance.constructor;return e.displayName||t&&t.displayName||e.name||t&&t.name||null},getPublicInstance:function(){var e=this._instance;return this._compositeType===b.StatelessFunctional?null:e},_instantiateReactComponent:null};e.exports=w},function(e,t,n){"use strict";var r=n(29),o=n(1408),i=n(409),a=n(115),s=n(65),u=n(1421),l=n(1437),c=n(414),f=n(1444);n(16);o.inject();var p={findDOMNode:l,render:i.render,unmountComponentAtNode:i.unmountComponentAtNode,version:u,unstable_batchedUpdates:s.batchedUpdates,unstable_renderSubtreeIntoContainer:f};"undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.inject&&__REACT_DEVTOOLS_GLOBAL_HOOK__.inject({ComponentTree:{getClosestInstanceFromNode:r.getClosestInstanceFromNode,getNodeFromInstance:function(e){return e._renderedComponent&&(e=c(e)),e?r.getNodeFromInstance(e):null}},Mount:i,Reconciler:a});e.exports=p},function(e,t,n){"use strict";function r(e){if(e){var t=e._currentElement._owner||null;if(t){var n=t.getName();if(n)return" This DOM node was rendered by `"+n+"`."}}return""}function o(e,t){t&&(G[e._tag]&&(null!=t.children||null!=t.dangerouslySetInnerHTML?v("137",e._tag,e._currentElement._owner?" Check the render method of "+e._currentElement._owner.getName()+".":""):void 0),null!=t.dangerouslySetInnerHTML&&(null!=t.children?v("60"):void 0,"object"==typeof t.dangerouslySetInnerHTML&&z in t.dangerouslySetInnerHTML?void 0:v("61")),null!=t.style&&"object"!=typeof t.style?v("62",r(e)):void 0)}function i(e,t,n,r){if(!(r instanceof D)){var o=e._hostContainerInfo,i=o._node&&o._node.nodeType===K,s=i?o._node:o._ownerDocument;F(t,s),r.getReactMountReady().enqueue(a,{inst:e,registrationName:t,listener:n})}}function a(){var e=this;C.putListener(e.inst,e.registrationName,e.listener)}function s(){var e=this;T.postMountWrapper(e)}function u(){var e=this;N.postMountWrapper(e)}function l(){var e=this;k.postMountWrapper(e)}function c(){var e=this;e._rootNodeID?void 0:v("63");var t=L(e);switch(t?void 0:v("64"),e._tag){case"iframe":case"object":e._wrapperState.listeners=[S.trapBubbledEvent("topLoad","load",t)];break;case"video":case"audio":e._wrapperState.listeners=[];for(var n in W)W.hasOwnProperty(n)&&e._wrapperState.listeners.push(S.trapBubbledEvent(n,W[n],t));break;case"source":e._wrapperState.listeners=[S.trapBubbledEvent("topError","error",t)];break;case"img":e._wrapperState.listeners=[S.trapBubbledEvent("topError","error",t),S.trapBubbledEvent("topLoad","load",t)];break;case"form":e._wrapperState.listeners=[S.trapBubbledEvent("topReset","reset",t),S.trapBubbledEvent("topSubmit","submit",t)];break;case"input":case"select":case"textarea":e._wrapperState.listeners=[S.trapBubbledEvent("topInvalid","invalid",t)]}}function f(){M.postUpdateWrapper(this)}function p(e){Z.call($,e)||(X.test(e)?void 0:v("65",e),$[e]=!0)}function d(e,t){return e.indexOf("-")>=0||null!=t.is}function h(e){var t=e.type;p(t),this._currentElement=e,this._tag=t.toLowerCase(),this._namespaceURI=null,this._renderedChildren=null,this._previousStyle=null,this._previousStyleCopy=null,this._hostNode=null,this._hostParent=null,this._rootNodeID=0,this._domID=0,this._hostContainerInfo=null,this._wrapperState=null,this._topLevelWrapper=null,this._flags=0}var v=n(19),m=n(11),y=n(1383),g=n(1385),b=n(113),_=n(234),w=n(114),x=n(402),C=n(139),E=n(235),S=n(170),P=n(403),O=n(29),T=n(1401),k=n(1402),M=n(404),N=n(1405),A=(n(58),n(1414)),D=n(1419),j=(n(33),n(173)),R=(n(13),n(246),n(224),n(248),n(16),P),I=C.deleteListener,L=O.getNodeFromInstance,F=S.listenTo,U=E.registrationNameModules,V={string:!0,number:!0},B="style",z="__html",H={children:null,dangerouslySetInnerHTML:null,suppressContentEditableWarning:null},K=11,W={topAbort:"abort",topCanPlay:"canplay",topCanPlayThrough:"canplaythrough",topDurationChange:"durationchange",topEmptied:"emptied",topEncrypted:"encrypted",topEnded:"ended",topError:"error",topLoadedData:"loadeddata",topLoadedMetadata:"loadedmetadata",topLoadStart:"loadstart",topPause:"pause",topPlay:"play",topPlaying:"playing",topProgress:"progress",topRateChange:"ratechange",topSeeked:"seeked",topSeeking:"seeking",topStalled:"stalled",topSuspend:"suspend",topTimeUpdate:"timeupdate",topVolumeChange:"volumechange",topWaiting:"waiting"},q={area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0},Y={listing:!0,pre:!0,textarea:!0},G=m({menuitem:!0},q),X=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,$={},Z={}.hasOwnProperty,Q=1;h.displayName="ReactDOMComponent",h.Mixin={mountComponent:function(e,t,n,r){this._rootNodeID=Q++,this._domID=n._idCounter++,this._hostParent=t,this._hostContainerInfo=n;var i=this._currentElement.props;switch(this._tag){case"audio":case"form":case"iframe":case"img":case"link":case"object":case"source":case"video":this._wrapperState={listeners:null},e.getReactMountReady().enqueue(c,this);break;case"input":T.mountWrapper(this,i,t),i=T.getHostProps(this,i),e.getReactMountReady().enqueue(c,this);break;case"option":k.mountWrapper(this,i,t),i=k.getHostProps(this,i);break;case"select":M.mountWrapper(this,i,t),i=M.getHostProps(this,i),e.getReactMountReady().enqueue(c,this);break;case"textarea":N.mountWrapper(this,i,t),i=N.getHostProps(this,i),e.getReactMountReady().enqueue(c,this)}o(this,i);var a,f;null!=t?(a=t._namespaceURI,f=t._tag):n._tag&&(a=n._namespaceURI,f=n._tag),(null==a||a===_.svg&&"foreignobject"===f)&&(a=_.html),a===_.html&&("svg"===this._tag?a=_.svg:"math"===this._tag&&(a=_.mathml)),this._namespaceURI=a;var p;if(e.useCreateElement){var d,h=n._ownerDocument;if(a===_.html)if("script"===this._tag){var v=h.createElement("div"),m=this._currentElement.type;v.innerHTML="<"+m+"></"+m+">",d=v.removeChild(v.firstChild)}else d=i.is?h.createElement(this._currentElement.type,i.is):h.createElement(this._currentElement.type);else d=h.createElementNS(a,this._currentElement.type);O.precacheNode(this,d),this._flags|=R.hasCachedChildNodes,this._hostParent||x.setAttributeForRoot(d),this._updateDOMProperties(null,i,e);var g=b(d);this._createInitialChildren(e,i,r,g),p=g}else{var w=this._createOpenTagMarkupAndPutListeners(e,i),C=this._createContentMarkup(e,i,r);p=!C&&q[this._tag]?w+"/>":w+">"+C+"</"+this._currentElement.type+">"}switch(this._tag){case"input":e.getReactMountReady().enqueue(s,this),i.autoFocus&&e.getReactMountReady().enqueue(y.focusDOMComponent,this);break;case"textarea":e.getReactMountReady().enqueue(u,this),i.autoFocus&&e.getReactMountReady().enqueue(y.focusDOMComponent,this);break;case"select":i.autoFocus&&e.getReactMountReady().enqueue(y.focusDOMComponent,this);break;case"button":i.autoFocus&&e.getReactMountReady().enqueue(y.focusDOMComponent,this);break;case"option":e.getReactMountReady().enqueue(l,this)}return p},_createOpenTagMarkupAndPutListeners:function(e,t){var n="<"+this._currentElement.type;for(var r in t)if(t.hasOwnProperty(r)){var o=t[r];if(null!=o)if(U.hasOwnProperty(r))o&&i(this,r,o,e);else{r===B&&(o&&(o=this._previousStyleCopy=m({},t.style)),o=g.createMarkupForStyles(o,this));var a=null;null!=this._tag&&d(this._tag,t)?H.hasOwnProperty(r)||(a=x.createMarkupForCustomAttribute(r,o)):a=x.createMarkupForProperty(r,o),a&&(n+=" "+a)}}return e.renderToStaticMarkup?n:(this._hostParent||(n+=" "+x.createMarkupForRoot()),n+=" "+x.createMarkupForID(this._domID))},_createContentMarkup:function(e,t,n){var r="",o=t.dangerouslySetInnerHTML;if(null!=o)null!=o.__html&&(r=o.__html);else{var i=V[typeof t.children]?t.children:null,a=null!=i?null:t.children;if(null!=i)r=j(i);else if(null!=a){var s=this.mountChildren(a,e,n);r=s.join("")}}return Y[this._tag]&&"\n"===r.charAt(0)?"\n"+r:r},_createInitialChildren:function(e,t,n,r){var o=t.dangerouslySetInnerHTML;if(null!=o)null!=o.__html&&b.queueHTML(r,o.__html);else{var i=V[typeof t.children]?t.children:null,a=null!=i?null:t.children;if(null!=i)""!==i&&b.queueText(r,i);else if(null!=a)for(var s=this.mountChildren(a,e,n),u=0;u<s.length;u++)b.queueChild(r,s[u])}},receiveComponent:function(e,t,n){var r=this._currentElement;this._currentElement=e,this.updateComponent(t,r,e,n)},updateComponent:function(e,t,n,r){var i=t.props,a=this._currentElement.props;switch(this._tag){case"input":i=T.getHostProps(this,i),a=T.getHostProps(this,a);break;case"option":i=k.getHostProps(this,i),a=k.getHostProps(this,a);break;case"select":i=M.getHostProps(this,i),a=M.getHostProps(this,a);break;case"textarea":i=N.getHostProps(this,i),a=N.getHostProps(this,a)}switch(o(this,a),this._updateDOMProperties(i,a,e),this._updateDOMChildren(i,a,e,r),this._tag){case"input":T.updateWrapper(this);break;case"textarea":N.updateWrapper(this);break;case"select":e.getReactMountReady().enqueue(f,this)}},_updateDOMProperties:function(e,t,n){var r,o,a;for(r in e)if(!t.hasOwnProperty(r)&&e.hasOwnProperty(r)&&null!=e[r])if(r===B){var s=this._previousStyleCopy;for(o in s)s.hasOwnProperty(o)&&(a=a||{},a[o]="");this._previousStyleCopy=null}else U.hasOwnProperty(r)?e[r]&&I(this,r):d(this._tag,e)?H.hasOwnProperty(r)||x.deleteValueForAttribute(L(this),r):(w.properties[r]||w.isCustomAttribute(r))&&x.deleteValueForProperty(L(this),r);for(r in t){var u=t[r],l=r===B?this._previousStyleCopy:null!=e?e[r]:void 0;if(t.hasOwnProperty(r)&&u!==l&&(null!=u||null!=l))if(r===B)if(u?u=this._previousStyleCopy=m({},u):this._previousStyleCopy=null,l){for(o in l)!l.hasOwnProperty(o)||u&&u.hasOwnProperty(o)||(a=a||{},a[o]="");for(o in u)u.hasOwnProperty(o)&&l[o]!==u[o]&&(a=a||{},a[o]=u[o])}else a=u;else if(U.hasOwnProperty(r))u?i(this,r,u,n):l&&I(this,r);else if(d(this._tag,t))H.hasOwnProperty(r)||x.setValueForAttribute(L(this),r,u);else if(w.properties[r]||w.isCustomAttribute(r)){var c=L(this);null!=u?x.setValueForProperty(c,r,u):x.deleteValueForProperty(c,r)}}a&&g.setValueForStyles(L(this),a,this)},_updateDOMChildren:function(e,t,n,r){var o=V[typeof e.children]?e.children:null,i=V[typeof t.children]?t.children:null,a=e.dangerouslySetInnerHTML&&e.dangerouslySetInnerHTML.__html,s=t.dangerouslySetInnerHTML&&t.dangerouslySetInnerHTML.__html,u=null!=o?null:e.children,l=null!=i?null:t.children,c=null!=o||null!=a,f=null!=i||null!=s;null!=u&&null==l?this.updateChildren(null,n,r):c&&!f&&this.updateTextContent(""),null!=i?o!==i&&this.updateTextContent(""+i):null!=s?a!==s&&this.updateMarkup(""+s):null!=l&&this.updateChildren(l,n,r)},getHostNode:function(){return L(this)},unmountComponent:function(e){switch(this._tag){case"audio":case"form":case"iframe":case"img":case"link":case"object":case"source":case"video":var t=this._wrapperState.listeners;if(t)for(var n=0;n<t.length;n++)t[n].remove();break;case"html":case"head":case"body":v("66",this._tag)}this.unmountChildren(e),O.uncacheNode(this),C.deleteAllListeners(this),this._rootNodeID=0,this._domID=0,this._wrapperState=null},getPublicInstance:function(){return L(this)}},m(h.prototype,h.Mixin,A.Mixin),e.exports=h},function(e,t,n){"use strict";function r(e,t){var n={_topLevelWrapper:e,_idCounter:1,_ownerDocument:t?t.nodeType===o?t:t.ownerDocument:null,_node:t,_tag:t?t.nodeName.toLowerCase():null,_namespaceURI:t?t.namespaceURI:null};return n}var o=(n(248),9);e.exports=r},function(e,t,n){"use strict";var r=n(11),o=n(113),i=n(29),a=function(e){this._currentElement=null,this._hostNode=null,this._hostParent=null,this._hostContainerInfo=null,this._domID=0};r(a.prototype,{mountComponent:function(e,t,n,r){var a=n._idCounter++;this._domID=a,this._hostParent=t,this._hostContainerInfo=n;var s=" react-empty: "+this._domID+" ";if(e.useCreateElement){var u=n._ownerDocument,l=u.createComment(s);return i.precacheNode(this,l),o(l)}return e.renderToStaticMarkup?"":"<!--"+s+"-->"},receiveComponent:function(){},getHostNode:function(){return i.getNodeFromInstance(this)},unmountComponent:function(){i.uncacheNode(this)}}),e.exports=a},function(e,t){"use strict";var n={useCreateElement:!0,useFiber:!1};e.exports=n},function(e,t,n){"use strict";var r=n(233),o=n(29),i={dangerouslyProcessChildrenUpdates:function(e,t){var n=o.getNodeFromInstance(e);r.processUpdates(n,t)}};e.exports=i},function(e,t,n){"use strict";function r(){this._rootNodeID&&p.updateWrapper(this)}function o(e){var t="checkbox"===e.type||"radio"===e.type;return t?null!=e.checked:null!=e.value}function i(e){var t=this._currentElement.props,n=l.executeOnChange(t,e);f.asap(r,this);var o=t.name;if("radio"===t.type&&null!=o){for(var i=c.getNodeFromInstance(this),s=i;s.parentNode;)s=s.parentNode;for(var u=s.querySelectorAll("input[name="+JSON.stringify(""+o)+'][type="radio"]'),p=0;p<u.length;p++){var d=u[p];if(d!==i&&d.form===i.form){var h=c.getInstanceFromNode(d);h?void 0:a("90"),f.asap(r,h)}}}return n}var a=n(19),s=n(11),u=n(402),l=n(238),c=n(29),f=n(65),p=(n(13),n(16),{getHostProps:function(e,t){var n=l.getValue(t),r=l.getChecked(t),o=s({type:void 0,step:void 0,min:void 0,max:void 0},t,{defaultChecked:void 0,defaultValue:void 0,value:null!=n?n:e._wrapperState.initialValue,checked:null!=r?r:e._wrapperState.initialChecked,onChange:e._wrapperState.onChange});return o},mountWrapper:function(e,t){var n=t.defaultValue;e._wrapperState={initialChecked:null!=t.checked?t.checked:t.defaultChecked,initialValue:null!=t.value?t.value:n,listeners:null,onChange:i.bind(e),controlled:o(t)}},updateWrapper:function(e){var t=e._currentElement.props,n=t.checked;null!=n&&u.setValueForProperty(c.getNodeFromInstance(e),"checked",n||!1);var r=c.getNodeFromInstance(e),o=l.getValue(t);if(null!=o)if(0===o&&""===r.value)r.value="0";else if("number"===t.type){var i=parseFloat(r.value,10)||0;o!=i&&(r.value=""+o)}else o!=r.value&&(r.value=""+o);else null==t.value&&null!=t.defaultValue&&r.defaultValue!==""+t.defaultValue&&(r.defaultValue=""+t.defaultValue),null==t.checked&&null!=t.defaultChecked&&(r.defaultChecked=!!t.defaultChecked)},postMountWrapper:function(e){var t=e._currentElement.props,n=c.getNodeFromInstance(e);switch(t.type){case"submit":case"reset":break;case"color":case"date":case"datetime":case"datetime-local":case"month":case"time":case"week":n.value="",n.value=n.defaultValue;break;default:n.value=n.value}var r=n.name;""!==r&&(n.name=""),n.defaultChecked=!n.defaultChecked,n.defaultChecked=!n.defaultChecked,""!==r&&(n.name=r)}});e.exports=p},function(e,t,n){"use strict";function r(e){var t="";return i.Children.forEach(e,function(e){null!=e&&("string"==typeof e||"number"==typeof e?t+=e:u||(u=!0))}),t}var o=n(11),i=n(116),a=n(29),s=n(404),u=(n(16),!1),l={mountWrapper:function(e,t,n){var o=null;if(null!=n){var i=n;"optgroup"===i._tag&&(i=i._hostParent),null!=i&&"select"===i._tag&&(o=s.getSelectValueContext(i))}var a=null;if(null!=o){var u;if(u=null!=t.value?t.value+"":r(t.children),a=!1,Array.isArray(o)){for(var l=0;l<o.length;l++)if(""+o[l]===u){a=!0;break}}else a=""+o===u}e._wrapperState={selected:a}},postMountWrapper:function(e){var t=e._currentElement.props;if(null!=t.value){var n=a.getNodeFromInstance(e);n.setAttribute("value",t.value)}},getHostProps:function(e,t){var n=o({selected:void 0,children:void 0},t);null!=e._wrapperState.selected&&(n.selected=e._wrapperState.selected);var i=r(t.children);return i&&(n.children=i),n}};e.exports=l},function(e,t,n){"use strict";function r(e,t,n,r){return e===n&&t===r}function o(e){var t=document.selection,n=t.createRange(),r=n.text.length,o=n.duplicate();o.moveToElementText(e),o.setEndPoint("EndToStart",n);var i=o.text.length,a=i+r;return{start:i,end:a}}function i(e){var t=window.getSelection&&window.getSelection();if(!t||0===t.rangeCount)return null;var n=t.anchorNode,o=t.anchorOffset,i=t.focusNode,a=t.focusOffset,s=t.getRangeAt(0);try{s.startContainer.nodeType,s.endContainer.nodeType}catch(u){return null}var l=r(t.anchorNode,t.anchorOffset,t.focusNode,t.focusOffset),c=l?0:s.toString().length,f=s.cloneRange();f.selectNodeContents(e),f.setEnd(s.startContainer,s.startOffset);var p=r(f.startContainer,f.startOffset,f.endContainer,f.endOffset),d=p?0:f.toString().length,h=d+c,v=document.createRange();v.setStart(n,o),v.setEnd(i,a);var m=v.collapsed;return{start:m?h:d,end:m?d:h}}function a(e,t){var n,r,o=document.selection.createRange().duplicate();void 0===t.end?(n=t.start,r=n):t.start>t.end?(n=t.end,r=t.start):(n=t.start,r=t.end),o.moveToElementText(e),o.moveStart("character",n),o.setEndPoint("EndToStart",o),o.moveEnd("character",r-n),o.select()}function s(e,t){if(window.getSelection){var n=window.getSelection(),r=e[c()].length,o=Math.min(t.start,r),i=void 0===t.end?o:Math.min(t.end,r);if(!n.extend&&o>i){var a=i;i=o,o=a}var s=l(e,o),u=l(e,i);if(s&&u){var f=document.createRange();f.setStart(s.node,s.offset),n.removeAllRanges(),o>i?(n.addRange(f),n.extend(u.node,u.offset)):(f.setEnd(u.node,u.offset),n.addRange(f))}}}var u=n(36),l=n(1441),c=n(415),f=u.canUseDOM&&"selection"in document&&!("getSelection"in window),p={getOffsets:f?o:i,setOffsets:f?a:s};e.exports=p},function(e,t,n){"use strict";var r=n(19),o=n(11),i=n(233),a=n(113),s=n(29),u=n(173),l=(n(13),n(248),function(e){this._currentElement=e,this._stringText=""+e,this._hostNode=null,this._hostParent=null,this._domID=0,this._mountIndex=0,this._closingComment=null,this._commentNodes=null});o(l.prototype,{mountComponent:function(e,t,n,r){var o=n._idCounter++,i=" react-text: "+o+" ",l=" /react-text ";if(this._domID=o,this._hostParent=t,e.useCreateElement){var c=n._ownerDocument,f=c.createComment(i),p=c.createComment(l),d=a(c.createDocumentFragment());return a.queueChild(d,a(f)),this._stringText&&a.queueChild(d,a(c.createTextNode(this._stringText))),a.queueChild(d,a(p)),s.precacheNode(this,f),this._closingComment=p,d}var h=u(this._stringText);return e.renderToStaticMarkup?h:"<!--"+i+"-->"+h+"<!--"+l+"-->"},receiveComponent:function(e,t){if(e!==this._currentElement){this._currentElement=e;var n=""+e;if(n!==this._stringText){this._stringText=n;var r=this.getHostNode();i.replaceDelimitedText(r[0],r[1],n)}}},getHostNode:function(){var e=this._commentNodes;if(e)return e;if(!this._closingComment)for(var t=s.getNodeFromInstance(this),n=t.nextSibling;;){if(null==n?r("67",this._domID):void 0,8===n.nodeType&&" /react-text "===n.nodeValue){this._closingComment=n;break}n=n.nextSibling}return e=[this._hostNode,this._closingComment],this._commentNodes=e,e},unmountComponent:function(){this._closingComment=null,this._commentNodes=null,s.uncacheNode(this)}}),e.exports=l},function(e,t,n){"use strict";function r(){this._rootNodeID&&c.updateWrapper(this)}function o(e){var t=this._currentElement.props,n=s.executeOnChange(t,e);return l.asap(r,this),n}var i=n(19),a=n(11),s=n(238),u=n(29),l=n(65),c=(n(13),n(16),{getHostProps:function(e,t){null!=t.dangerouslySetInnerHTML?i("91"):void 0;var n=a({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue,onChange:e._wrapperState.onChange});return n},mountWrapper:function(e,t){var n=s.getValue(t),r=n;if(null==n){var a=t.defaultValue,u=t.children;null!=u&&(null!=a?i("92"):void 0,Array.isArray(u)&&(u.length<=1?void 0:i("93"),u=u[0]),a=""+u),null==a&&(a=""),r=a}e._wrapperState={initialValue:""+r,listeners:null,onChange:o.bind(e)}},updateWrapper:function(e){var t=e._currentElement.props,n=u.getNodeFromInstance(e),r=s.getValue(t);if(null!=r){var o=""+r;o!==n.value&&(n.value=o),null==t.defaultValue&&(n.defaultValue=o)}null!=t.defaultValue&&(n.defaultValue=t.defaultValue)},postMountWrapper:function(e){var t=u.getNodeFromInstance(e),n=t.textContent;n===e._wrapperState.initialValue&&(t.value=n)}});e.exports=c},function(e,t,n){"use strict";function r(e,t){"_hostNode"in e?void 0:u("33"),"_hostNode"in t?void 0:u("33");for(var n=0,r=e;r;r=r._hostParent)n++;for(var o=0,i=t;i;i=i._hostParent)o++;for(;n-o>0;)e=e._hostParent,n--;for(;o-n>0;)t=t._hostParent,o--;for(var a=n;a--;){if(e===t)return e;e=e._hostParent,t=t._hostParent}return null}function o(e,t){"_hostNode"in e?void 0:u("35"),"_hostNode"in t?void 0:u("35");for(;t;){if(t===e)return!0;t=t._hostParent}return!1}function i(e){return"_hostNode"in e?void 0:u("36"),e._hostParent}function a(e,t,n){for(var r=[];e;)r.push(e),e=e._hostParent;var o;for(o=r.length;o-- >0;)t(r[o],"captured",n);for(o=0;o<r.length;o++)t(r[o],"bubbled",n)}function s(e,t,n,o,i){for(var a=e&&t?r(e,t):null,s=[];e&&e!==a;)s.push(e),e=e._hostParent;for(var u=[];t&&t!==a;)u.push(t),t=t._hostParent;var l;for(l=0;l<s.length;l++)n(s[l],"bubbled",o);for(l=u.length;l-- >0;)n(u[l],"captured",i)}var u=n(19);n(13);e.exports={isAncestor:o,getLowestCommonAncestor:r,getParentInstance:i,traverseTwoPhase:a,traverseEnterLeave:s}},function(e,t,n){"use strict";function r(){this.reinitializeTransaction()}var o=n(11),i=n(65),a=n(172),s=n(33),u={initialize:s,close:function(){p.isBatchingUpdates=!1}},l={initialize:s,close:i.flushBatchedUpdates.bind(i)},c=[l,u];o(r.prototype,a,{getTransactionWrappers:function(){return c}});var f=new r,p={isBatchingUpdates:!1,batchedUpdates:function(e,t,n,r,o,i){var a=p.isBatchingUpdates;return p.isBatchingUpdates=!0,a?e(t,n,r,o,i):f.perform(e,null,t,n,r,o,i)}};e.exports=p},function(e,t,n){"use strict";function r(){C||(C=!0,g.EventEmitter.injectReactEventListener(y),g.EventPluginHub.injectEventPluginOrder(s),g.EventPluginUtils.injectComponentTree(p),g.EventPluginUtils.injectTreeTraversal(h),g.EventPluginHub.injectEventPluginsByName({SimpleEventPlugin:x,EnterLeaveEventPlugin:u,ChangeEventPlugin:a,SelectEventPlugin:w,BeforeInputEventPlugin:i}),g.HostComponent.injectGenericComponentClass(f),g.HostComponent.injectTextComponentClass(v),g.DOMProperty.injectDOMPropertyConfig(o),g.DOMProperty.injectDOMPropertyConfig(l),g.DOMProperty.injectDOMPropertyConfig(_),g.EmptyComponent.injectEmptyComponentFactory(function(e){return new d(e)}),g.Updates.injectReconcileTransaction(b),g.Updates.injectBatchingStrategy(m),g.Component.injectEnvironment(c))}var o=n(1382),i=n(1384),a=n(1386),s=n(1388),u=n(1389),l=n(1391),c=n(1393),f=n(1396),p=n(29),d=n(1398),h=n(1406),v=n(1404),m=n(1407),y=n(1411),g=n(1412),b=n(1417),_=n(1422),w=n(1423),x=n(1424),C=!1;e.exports={inject:r}},function(e,t){"use strict";var n="function"==typeof Symbol&&Symbol["for"]&&Symbol["for"]("react.element")||60103;e.exports=n},function(e,t,n){"use strict";function r(e){o.enqueueEvents(e),o.processEventQueue(!1)}var o=n(139),i={handleTopLevel:function(e,t,n,i){var a=o.extractEvents(e,t,n,i);r(a)}};e.exports=i},function(e,t,n){"use strict";function r(e){for(;e._hostParent;)e=e._hostParent;var t=f.getNodeFromInstance(e),n=t.parentNode;return f.getClosestInstanceFromNode(n)}function o(e,t){this.topLevelType=e,this.nativeEvent=t,this.ancestors=[]}function i(e){var t=d(e.nativeEvent),n=f.getClosestInstanceFromNode(t),o=n;do e.ancestors.push(o),o=o&&r(o);while(o);for(var i=0;i<e.ancestors.length;i++)n=e.ancestors[i],v._handleTopLevel(e.topLevelType,n,e.nativeEvent,d(e.nativeEvent))}function a(e){var t=h(window);e(t)}var s=n(11),u=n(367),l=n(36),c=n(93),f=n(29),p=n(65),d=n(245),h=n(373);s(o.prototype,{destructor:function(){this.topLevelType=null,this.nativeEvent=null,this.ancestors.length=0}}),c.addPoolingTo(o,c.twoArgumentPooler);var v={_enabled:!0,_handleTopLevel:null,WINDOW_HANDLE:l.canUseDOM?window:null,setHandleTopLevel:function(e){v._handleTopLevel=e},setEnabled:function(e){v._enabled=!!e},isEnabled:function(){return v._enabled},trapBubbledEvent:function(e,t,n){return n?u.listen(n,t,v.dispatchEvent.bind(null,e)):null},trapCapturedEvent:function(e,t,n){return n?u.capture(n,t,v.dispatchEvent.bind(null,e)):null},monitorScrollValue:function(e){var t=a.bind(null,e);u.listen(window,"scroll",t)},dispatchEvent:function(e,t){if(v._enabled){var n=o.getPooled(e,t);try{p.batchedUpdates(i,n)}finally{o.release(n)}}}};e.exports=v},function(e,t,n){"use strict";var r=n(114),o=n(139),i=n(236),a=n(239),s=n(405),u=n(170),l=n(407),c=n(65),f={Component:a.injection,DOMProperty:r.injection,EmptyComponent:s.injection,EventPluginHub:o.injection,EventPluginUtils:i.injection,EventEmitter:u.injection,HostComponent:l.injection,Updates:c.injection};e.exports=f},function(e,t,n){"use strict";var r=n(1435),o=/\/?>/,i=/^<\!\-\-/,a={CHECKSUM_ATTR_NAME:"data-react-checksum",addChecksumToMarkup:function(e){var t=r(e);return i.test(e)?e:e.replace(o," "+a.CHECKSUM_ATTR_NAME+'="'+t+'"$&')},canReuseMarkup:function(e,t){var n=t.getAttribute(a.CHECKSUM_ATTR_NAME);n=n&&parseInt(n,10);var o=r(e);return o===n}};e.exports=a},function(e,t,n){"use strict";function r(e,t,n){return{type:"INSERT_MARKUP",content:e,fromIndex:null,fromNode:null,toIndex:n,afterNode:t}}function o(e,t,n){return{type:"MOVE_EXISTING",content:null,fromIndex:e._mountIndex,fromNode:p.getHostNode(e),toIndex:n,afterNode:t}}function i(e,t){return{type:"REMOVE_NODE",content:null,fromIndex:e._mountIndex,fromNode:t,toIndex:null,afterNode:null}}function a(e){return{type:"SET_MARKUP",content:e,fromIndex:null,fromNode:null,toIndex:null,afterNode:null}}function s(e){return{type:"TEXT_CONTENT",content:e,fromIndex:null,fromNode:null,toIndex:null,afterNode:null}}function u(e,t){return t&&(e=e||[],e.push(t)),e}function l(e,t){f.processChildrenUpdates(e,t)}var c=n(19),f=n(239),p=(n(141),n(58),n(72),n(115)),d=n(1392),h=(n(33),n(1438)),v=(n(13),{Mixin:{_reconcilerInstantiateChildren:function(e,t,n){return d.instantiateChildren(e,t,n);
-},_reconcilerUpdateChildren:function(e,t,n,r,o,i){var a,s=0;return a=h(t,s),d.updateChildren(e,a,n,r,o,this,this._hostContainerInfo,i,s),a},mountChildren:function(e,t,n){var r=this._reconcilerInstantiateChildren(e,t,n);this._renderedChildren=r;var o=[],i=0;for(var a in r)if(r.hasOwnProperty(a)){var s=r[a],u=0,l=p.mountComponent(s,t,this,this._hostContainerInfo,n,u);s._mountIndex=i++,o.push(l)}return o},updateTextContent:function(e){var t=this._renderedChildren;d.unmountChildren(t,!1);for(var n in t)t.hasOwnProperty(n)&&c("118");var r=[s(e)];l(this,r)},updateMarkup:function(e){var t=this._renderedChildren;d.unmountChildren(t,!1);for(var n in t)t.hasOwnProperty(n)&&c("118");var r=[a(e)];l(this,r)},updateChildren:function(e,t,n){this._updateChildren(e,t,n)},_updateChildren:function(e,t,n){var r=this._renderedChildren,o={},i=[],a=this._reconcilerUpdateChildren(r,e,i,o,t,n);if(a||r){var s,c=null,f=0,d=0,h=0,v=null;for(s in a)if(a.hasOwnProperty(s)){var m=r&&r[s],y=a[s];m===y?(c=u(c,this.moveChild(m,v,f,d)),d=Math.max(m._mountIndex,d),m._mountIndex=f):(m&&(d=Math.max(m._mountIndex,d)),c=u(c,this._mountChildAtIndex(y,i[h],v,f,t,n)),h++),f++,v=p.getHostNode(y)}for(s in o)o.hasOwnProperty(s)&&(c=u(c,this._unmountChild(r[s],o[s])));c&&l(this,c),this._renderedChildren=a}},unmountChildren:function(e){var t=this._renderedChildren;d.unmountChildren(t,e),this._renderedChildren=null},moveChild:function(e,t,n,r){if(e._mountIndex<r)return o(e,t,n)},createChild:function(e,t,n){return r(n,t,e._mountIndex)},removeChild:function(e,t){return i(e,t)},_mountChildAtIndex:function(e,t,n,r,o,i){return e._mountIndex=r,this.createChild(e,n,t)},_unmountChild:function(e,t){var n=this.removeChild(e,t);return e._mountIndex=null,n}}});e.exports=v},function(e,t,n){"use strict";function r(e){return!(!e||"function"!=typeof e.attachRef||"function"!=typeof e.detachRef)}var o=n(19),i=(n(13),{addComponentAsRefTo:function(e,t,n){r(n)?void 0:o("119"),n.attachRef(t,e)},removeComponentAsRefFrom:function(e,t,n){r(n)?void 0:o("120");var i=n.getPublicInstance();i&&i.refs[t]===e.getPublicInstance()&&n.detachRef(t)}});e.exports=i},function(e,t){"use strict";var n="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";e.exports=n},function(e,t,n){"use strict";function r(e){this.reinitializeTransaction(),this.renderToStaticMarkup=!1,this.reactMountReady=i.getPooled(null),this.useCreateElement=e}var o=n(11),i=n(401),a=n(93),s=n(170),u=n(408),l=(n(58),n(172)),c=n(241),f={initialize:u.getSelectionInformation,close:u.restoreSelection},p={initialize:function(){var e=s.isEnabled();return s.setEnabled(!1),e},close:function(e){s.setEnabled(e)}},d={initialize:function(){this.reactMountReady.reset()},close:function(){this.reactMountReady.notifyAll()}},h=[f,p,d],v={getTransactionWrappers:function(){return h},getReactMountReady:function(){return this.reactMountReady},getUpdateQueue:function(){return c},checkpoint:function(){return this.reactMountReady.checkpoint()},rollback:function(e){this.reactMountReady.rollback(e)},destructor:function(){i.release(this.reactMountReady),this.reactMountReady=null}};o(r.prototype,l,v),a.addPoolingTo(r),e.exports=r},function(e,t,n){"use strict";function r(e,t,n){"function"==typeof e?e(t.getPublicInstance()):i.addComponentAsRefTo(t,e,n)}function o(e,t,n){"function"==typeof e?e(null):i.removeComponentAsRefFrom(t,e,n)}var i=n(1415),a={};a.attachRefs=function(e,t){if(null!==t&&"object"==typeof t){var n=t.ref;null!=n&&r(n,e,t._owner)}},a.shouldUpdateRefs=function(e,t){var n=null,r=null;null!==e&&"object"==typeof e&&(n=e.ref,r=e._owner);var o=null,i=null;return null!==t&&"object"==typeof t&&(o=t.ref,i=t._owner),n!==o||"string"==typeof o&&i!==r},a.detachRefs=function(e,t){if(null!==t&&"object"==typeof t){var n=t.ref;null!=n&&o(n,e,t._owner)}},e.exports=a},function(e,t,n){"use strict";function r(e){this.reinitializeTransaction(),this.renderToStaticMarkup=e,this.useCreateElement=!1,this.updateQueue=new s(this)}var o=n(11),i=n(93),a=n(172),s=(n(58),n(1420)),u=[],l={enqueue:function(){}},c={getTransactionWrappers:function(){return u},getReactMountReady:function(){return l},getUpdateQueue:function(){return this.updateQueue},destructor:function(){},checkpoint:function(){},rollback:function(){}};o(r.prototype,a,c),i.addPoolingTo(r),e.exports=r},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){}var i=n(241),a=(n(16),function(){function e(t){r(this,e),this.transaction=t}return e.prototype.isMounted=function(e){return!1},e.prototype.enqueueCallback=function(e,t,n){this.transaction.isInTransaction()&&i.enqueueCallback(e,t,n)},e.prototype.enqueueForceUpdate=function(e){this.transaction.isInTransaction()?i.enqueueForceUpdate(e):o(e,"forceUpdate")},e.prototype.enqueueReplaceState=function(e,t){this.transaction.isInTransaction()?i.enqueueReplaceState(e,t):o(e,"replaceState")},e.prototype.enqueueSetState=function(e,t){this.transaction.isInTransaction()?i.enqueueSetState(e,t):o(e,"setState")},e}());e.exports=a},function(e,t){"use strict";e.exports="15.5.4"},function(e,t){"use strict";var n={xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace"},r={accentHeight:"accent-height",accumulate:0,additive:0,alignmentBaseline:"alignment-baseline",allowReorder:"allowReorder",alphabetic:0,amplitude:0,arabicForm:"arabic-form",ascent:0,attributeName:"attributeName",attributeType:"attributeType",autoReverse:"autoReverse",azimuth:0,baseFrequency:"baseFrequency",baseProfile:"baseProfile",baselineShift:"baseline-shift",bbox:0,begin:0,bias:0,by:0,calcMode:"calcMode",capHeight:"cap-height",clip:0,clipPath:"clip-path",clipRule:"clip-rule",clipPathUnits:"clipPathUnits",colorInterpolation:"color-interpolation",colorInterpolationFilters:"color-interpolation-filters",colorProfile:"color-profile",colorRendering:"color-rendering",contentScriptType:"contentScriptType",contentStyleType:"contentStyleType",cursor:0,cx:0,cy:0,d:0,decelerate:0,descent:0,diffuseConstant:"diffuseConstant",direction:0,display:0,divisor:0,dominantBaseline:"dominant-baseline",dur:0,dx:0,dy:0,edgeMode:"edgeMode",elevation:0,enableBackground:"enable-background",end:0,exponent:0,externalResourcesRequired:"externalResourcesRequired",fill:0,fillOpacity:"fill-opacity",fillRule:"fill-rule",filter:0,filterRes:"filterRes",filterUnits:"filterUnits",floodColor:"flood-color",floodOpacity:"flood-opacity",focusable:0,fontFamily:"font-family",fontSize:"font-size",fontSizeAdjust:"font-size-adjust",fontStretch:"font-stretch",fontStyle:"font-style",fontVariant:"font-variant",fontWeight:"font-weight",format:0,from:0,fx:0,fy:0,g1:0,g2:0,glyphName:"glyph-name",glyphOrientationHorizontal:"glyph-orientation-horizontal",glyphOrientationVertical:"glyph-orientation-vertical",glyphRef:"glyphRef",gradientTransform:"gradientTransform",gradientUnits:"gradientUnits",hanging:0,horizAdvX:"horiz-adv-x",horizOriginX:"horiz-origin-x",ideographic:0,imageRendering:"image-rendering","in":0,in2:0,intercept:0,k:0,k1:0,k2:0,k3:0,k4:0,kernelMatrix:"kernelMatrix",kernelUnitLength:"kernelUnitLength",kerning:0,keyPoints:"keyPoints",keySplines:"keySplines",keyTimes:"keyTimes",lengthAdjust:"lengthAdjust",letterSpacing:"letter-spacing",lightingColor:"lighting-color",limitingConeAngle:"limitingConeAngle",local:0,markerEnd:"marker-end",markerMid:"marker-mid",markerStart:"marker-start",markerHeight:"markerHeight",markerUnits:"markerUnits",markerWidth:"markerWidth",mask:0,maskContentUnits:"maskContentUnits",maskUnits:"maskUnits",mathematical:0,mode:0,numOctaves:"numOctaves",offset:0,opacity:0,operator:0,order:0,orient:0,orientation:0,origin:0,overflow:0,overlinePosition:"overline-position",overlineThickness:"overline-thickness",paintOrder:"paint-order",panose1:"panose-1",pathLength:"pathLength",patternContentUnits:"patternContentUnits",patternTransform:"patternTransform",patternUnits:"patternUnits",pointerEvents:"pointer-events",points:0,pointsAtX:"pointsAtX",pointsAtY:"pointsAtY",pointsAtZ:"pointsAtZ",preserveAlpha:"preserveAlpha",preserveAspectRatio:"preserveAspectRatio",primitiveUnits:"primitiveUnits",r:0,radius:0,refX:"refX",refY:"refY",renderingIntent:"rendering-intent",repeatCount:"repeatCount",repeatDur:"repeatDur",requiredExtensions:"requiredExtensions",requiredFeatures:"requiredFeatures",restart:0,result:0,rotate:0,rx:0,ry:0,scale:0,seed:0,shapeRendering:"shape-rendering",slope:0,spacing:0,specularConstant:"specularConstant",specularExponent:"specularExponent",speed:0,spreadMethod:"spreadMethod",startOffset:"startOffset",stdDeviation:"stdDeviation",stemh:0,stemv:0,stitchTiles:"stitchTiles",stopColor:"stop-color",stopOpacity:"stop-opacity",strikethroughPosition:"strikethrough-position",strikethroughThickness:"strikethrough-thickness",string:0,stroke:0,strokeDasharray:"stroke-dasharray",strokeDashoffset:"stroke-dashoffset",strokeLinecap:"stroke-linecap",strokeLinejoin:"stroke-linejoin",strokeMiterlimit:"stroke-miterlimit",strokeOpacity:"stroke-opacity",strokeWidth:"stroke-width",surfaceScale:"surfaceScale",systemLanguage:"systemLanguage",tableValues:"tableValues",targetX:"targetX",targetY:"targetY",textAnchor:"text-anchor",textDecoration:"text-decoration",textRendering:"text-rendering",textLength:"textLength",to:0,transform:0,u1:0,u2:0,underlinePosition:"underline-position",underlineThickness:"underline-thickness",unicode:0,unicodeBidi:"unicode-bidi",unicodeRange:"unicode-range",unitsPerEm:"units-per-em",vAlphabetic:"v-alphabetic",vHanging:"v-hanging",vIdeographic:"v-ideographic",vMathematical:"v-mathematical",values:0,vectorEffect:"vector-effect",version:0,vertAdvY:"vert-adv-y",vertOriginX:"vert-origin-x",vertOriginY:"vert-origin-y",viewBox:"viewBox",viewTarget:"viewTarget",visibility:0,widths:0,wordSpacing:"word-spacing",writingMode:"writing-mode",x:0,xHeight:"x-height",x1:0,x2:0,xChannelSelector:"xChannelSelector",xlinkActuate:"xlink:actuate",xlinkArcrole:"xlink:arcrole",xlinkHref:"xlink:href",xlinkRole:"xlink:role",xlinkShow:"xlink:show",xlinkTitle:"xlink:title",xlinkType:"xlink:type",xmlBase:"xml:base",xmlns:0,xmlnsXlink:"xmlns:xlink",xmlLang:"xml:lang",xmlSpace:"xml:space",y:0,y1:0,y2:0,yChannelSelector:"yChannelSelector",z:0,zoomAndPan:"zoomAndPan"},o={Properties:{},DOMAttributeNamespaces:{xlinkActuate:n.xlink,xlinkArcrole:n.xlink,xlinkHref:n.xlink,xlinkRole:n.xlink,xlinkShow:n.xlink,xlinkTitle:n.xlink,xlinkType:n.xlink,xmlBase:n.xml,xmlLang:n.xml,xmlSpace:n.xml},DOMAttributeNames:{}};Object.keys(r).forEach(function(e){o.Properties[e]=0,r[e]&&(o.DOMAttributeNames[e]=r[e])}),e.exports=o},function(e,t,n){"use strict";function r(e){if("selectionStart"in e&&u.hasSelectionCapabilities(e))return{start:e.selectionStart,end:e.selectionEnd};if(window.getSelection){var t=window.getSelection();return{anchorNode:t.anchorNode,anchorOffset:t.anchorOffset,focusNode:t.focusNode,focusOffset:t.focusOffset}}if(document.selection){var n=document.selection.createRange();return{parentElement:n.parentElement(),text:n.text,top:n.boundingTop,left:n.boundingLeft}}}function o(e,t){if(g||null==v||v!==c())return null;var n=r(v);if(!y||!p(y,n)){y=n;var o=l.getPooled(h.select,m,e,t);return o.type="select",o.target=v,i.accumulateTwoPhaseDispatches(o),o}return null}var i=n(140),a=n(36),s=n(29),u=n(408),l=n(71),c=n(166),f=n(417),p=n(224),d=a.canUseDOM&&"documentMode"in document&&document.documentMode<=11,h={select:{phasedRegistrationNames:{bubbled:"onSelect",captured:"onSelectCapture"},dependencies:["topBlur","topContextMenu","topFocus","topKeyDown","topKeyUp","topMouseDown","topMouseUp","topSelectionChange"]}},v=null,m=null,y=null,g=!1,b=!1,_={eventTypes:h,extractEvents:function(e,t,n,r){if(!b)return null;var i=t?s.getNodeFromInstance(t):window;switch(e){case"topFocus":(f(i)||"true"===i.contentEditable)&&(v=i,m=t,y=null);break;case"topBlur":v=null,m=null,y=null;break;case"topMouseDown":g=!0;break;case"topContextMenu":case"topMouseUp":return g=!1,o(n,r);case"topSelectionChange":if(d)break;case"topKeyDown":case"topKeyUp":return o(n,r)}return null},didPutListener:function(e,t,n){"onSelect"===t&&(b=!0)}};e.exports=_},function(e,t,n){"use strict";function r(e){return"."+e._rootNodeID}function o(e){return"button"===e||"input"===e||"select"===e||"textarea"===e}var i=n(19),a=n(367),s=n(140),u=n(29),l=n(1425),c=n(1426),f=n(71),p=n(1429),d=n(1431),h=n(171),v=n(1428),m=n(1432),y=n(1433),g=n(142),b=n(1434),_=n(33),w=n(243),x=(n(13),{}),C={};["abort","animationEnd","animationIteration","animationStart","blur","canPlay","canPlayThrough","click","contextMenu","copy","cut","doubleClick","drag","dragEnd","dragEnter","dragExit","dragLeave","dragOver","dragStart","drop","durationChange","emptied","encrypted","ended","error","focus","input","invalid","keyDown","keyPress","keyUp","load","loadedData","loadedMetadata","loadStart","mouseDown","mouseMove","mouseOut","mouseOver","mouseUp","paste","pause","play","playing","progress","rateChange","reset","scroll","seeked","seeking","stalled","submit","suspend","timeUpdate","touchCancel","touchEnd","touchMove","touchStart","transitionEnd","volumeChange","waiting","wheel"].forEach(function(e){var t=e[0].toUpperCase()+e.slice(1),n="on"+t,r="top"+t,o={phasedRegistrationNames:{bubbled:n,captured:n+"Capture"},dependencies:[r]};x[e]=o,C[r]=o});var E={},S={eventTypes:x,extractEvents:function(e,t,n,r){var o=C[e];if(!o)return null;var a;switch(e){case"topAbort":case"topCanPlay":case"topCanPlayThrough":case"topDurationChange":case"topEmptied":case"topEncrypted":case"topEnded":case"topError":case"topInput":case"topInvalid":case"topLoad":case"topLoadedData":case"topLoadedMetadata":case"topLoadStart":case"topPause":case"topPlay":case"topPlaying":case"topProgress":case"topRateChange":case"topReset":case"topSeeked":case"topSeeking":case"topStalled":case"topSubmit":case"topSuspend":case"topTimeUpdate":case"topVolumeChange":case"topWaiting":a=f;break;case"topKeyPress":if(0===w(n))return null;case"topKeyDown":case"topKeyUp":a=d;break;case"topBlur":case"topFocus":a=p;break;case"topClick":if(2===n.button)return null;case"topDoubleClick":case"topMouseDown":case"topMouseMove":case"topMouseUp":case"topMouseOut":case"topMouseOver":case"topContextMenu":a=h;break;case"topDrag":case"topDragEnd":case"topDragEnter":case"topDragExit":case"topDragLeave":case"topDragOver":case"topDragStart":case"topDrop":a=v;break;case"topTouchCancel":case"topTouchEnd":case"topTouchMove":case"topTouchStart":a=m;break;case"topAnimationEnd":case"topAnimationIteration":case"topAnimationStart":a=l;break;case"topTransitionEnd":a=y;break;case"topScroll":a=g;break;case"topWheel":a=b;break;case"topCopy":case"topCut":case"topPaste":a=c}a?void 0:i("86",e);var u=a.getPooled(o,t,n,r);return s.accumulateTwoPhaseDispatches(u),u},didPutListener:function(e,t,n){if("onClick"===t&&!o(e._tag)){var i=r(e),s=u.getNodeFromInstance(e);E[i]||(E[i]=a.listen(s,"click",_))}},willDeleteListener:function(e,t){if("onClick"===t&&!o(e._tag)){var n=r(e);E[n].remove(),delete E[n]}}};e.exports=S},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(71),i={animationName:null,elapsedTime:null,pseudoElement:null};o.augmentClass(r,i),e.exports=r},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(71),i={clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}};o.augmentClass(r,i),e.exports=r},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(71),i={data:null};o.augmentClass(r,i),e.exports=r},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(171),i={dataTransfer:null};o.augmentClass(r,i),e.exports=r},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(142),i={relatedTarget:null};o.augmentClass(r,i),e.exports=r},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(71),i={data:null};o.augmentClass(r,i),e.exports=r},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(142),i=n(243),a=n(1439),s=n(244),u={key:a,location:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,repeat:null,locale:null,getModifierState:s,charCode:function(e){return"keypress"===e.type?i(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?i(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}};o.augmentClass(r,u),e.exports=r},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(142),i=n(244),a={touches:null,targetTouches:null,changedTouches:null,altKey:null,metaKey:null,ctrlKey:null,shiftKey:null,getModifierState:i};o.augmentClass(r,a),e.exports=r},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(71),i={propertyName:null,elapsedTime:null,pseudoElement:null};o.augmentClass(r,i),e.exports=r},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(171),i={deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:null,deltaMode:null};o.augmentClass(r,i),e.exports=r},function(e,t){"use strict";function n(e){for(var t=1,n=0,o=0,i=e.length,a=i&-4;o<a;){for(var s=Math.min(o+4096,a);o<s;o+=4)n+=(t+=e.charCodeAt(o))+(t+=e.charCodeAt(o+1))+(t+=e.charCodeAt(o+2))+(t+=e.charCodeAt(o+3));t%=r,n%=r}for(;o<i;o++)n+=t+=e.charCodeAt(o);return t%=r,n%=r,t|n<<16}var r=65521;e.exports=n},function(e,t,n){"use strict";function r(e,t,n){var r=null==t||"boolean"==typeof t||""===t;if(r)return"";var o=isNaN(t);if(o||0===t||i.hasOwnProperty(e)&&i[e])return""+t;if("string"==typeof t){t=t.trim()}return t+"px"}var o=n(400),i=(n(16),o.isUnitlessNumber);e.exports=r},function(e,t,n){"use strict";function r(e){if(null==e)return null;if(1===e.nodeType)return e;var t=a.get(e);return t?(t=s(t),t?i.getNodeFromInstance(t):null):void("function"==typeof e.render?o("44"):o("45",Object.keys(e)))}var o=n(19),i=(n(72),n(29)),a=n(141),s=n(414);n(13),n(16);e.exports=r},function(e,t,n){(function(t){"use strict";function r(e,t,n,r){if(e&&"object"==typeof e){var o=e,i=void 0===o[n];i&&null!=t&&(o[n]=t)}}function o(e,t){if(null==e)return e;var n={};return i(e,r,n),n}var i=(n(237),n(419));n(16);"undefined"!=typeof t&&t.env,1,e.exports=o}).call(t,n(89))},function(e,t,n){"use strict";function r(e){if(e.key){var t=i[e.key]||e.key;if("Unidentified"!==t)return t}if("keypress"===e.type){var n=o(e);return 13===n?"Enter":String.fromCharCode(n)}return"keydown"===e.type||"keyup"===e.type?a[e.keyCode]||"Unidentified":""}var o=n(243),i={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},a={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"};e.exports=r},function(e,t){"use strict";function n(e){var t=e&&(r&&e[r]||e[o]);if("function"==typeof t)return t}var r="function"==typeof Symbol&&Symbol.iterator,o="@@iterator";e.exports=n},function(e,t){"use strict";function n(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function r(e){for(;e;){if(e.nextSibling)return e.nextSibling;e=e.parentNode}}function o(e,t){for(var o=n(e),i=0,a=0;o;){if(3===o.nodeType){if(a=i+o.textContent.length,i<=t&&a>=t)return{node:o,offset:t-i};i=a}o=n(r(o))}}e.exports=o},function(e,t,n){"use strict";function r(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n["ms"+e]="MS"+t,n["O"+e]="o"+t.toLowerCase(),n}function o(e){if(s[e])return s[e];if(!a[e])return e;var t=a[e];for(var n in t)if(t.hasOwnProperty(n)&&n in u)return s[e]=t[n];return""}var i=n(36),a={animationend:r("Animation","AnimationEnd"),animationiteration:r("Animation","AnimationIteration"),animationstart:r("Animation","AnimationStart"),transitionend:r("Transition","TransitionEnd")},s={},u={};i.canUseDOM&&(u=document.createElement("div").style,"AnimationEvent"in window||(delete a.animationend.animation,delete a.animationiteration.animation,delete a.animationstart.animation),"TransitionEvent"in window||delete a.transitionend.transition),e.exports=o},function(e,t,n){"use strict";function r(e){return'"'+o(e)+'"'}var o=n(173);e.exports=r},function(e,t,n){"use strict";var r=n(409);e.exports=r.renderSubtreeIntoContainer},function(e,t){"use strict";function n(e){var t=/[=:]/g,n={"=":"=0",":":"=2"},r=(""+e).replace(t,function(e){return n[e]});return"$"+r}function r(e){var t=/(=0|=2)/g,n={"=0":"=","=2":":"},r="."===e[0]&&"$"===e[1]?e.substring(2):e.substring(1);return(""+r).replace(t,function(e){return n[e]})}var o={escape:n,unescape:r};e.exports=o},function(e,t,n){"use strict";var r=n(118),o=(n(13),function(e){var t=this;if(t.instancePool.length){var n=t.instancePool.pop();return t.call(n,e),n}return new t(e)}),i=function(e,t){var n=this;if(n.instancePool.length){var r=n.instancePool.pop();return n.call(r,e,t),r}return new n(e,t)},a=function(e,t,n){var r=this;if(r.instancePool.length){var o=r.instancePool.pop();return r.call(o,e,t,n),o}return new r(e,t,n)},s=function(e,t,n,r){var o=this;if(o.instancePool.length){var i=o.instancePool.pop();return o.call(i,e,t,n,r),i}return new o(e,t,n,r)},u=function(e){var t=this;e instanceof t?void 0:r("25"),e.destructor(),t.instancePool.length<t.poolSize&&t.instancePool.push(e)},l=10,c=o,f=function(e,t){var n=e;return n.instancePool=[],n.getPooled=t||c,n.poolSize||(n.poolSize=l),n.release=u,n},p={addPoolingTo:f,oneArgumentPooler:o,twoArgumentPooler:i,threeArgumentPooler:a,fourArgumentPooler:s};e.exports=p},function(e,t,n){"use strict";function r(e){return(""+e).replace(_,"$&/")}function o(e,t){this.func=e,this.context=t,this.count=0}function i(e,t,n){var r=e.func,o=e.context;r.call(o,t,e.count++)}function a(e,t,n){if(null==e)return e;var r=o.getPooled(t,n);y(e,i,r),o.release(r)}function s(e,t,n,r){this.result=e,this.keyPrefix=t,this.func=n,this.context=r,this.count=0}function u(e,t,n){var o=e.result,i=e.keyPrefix,a=e.func,s=e.context,u=a.call(s,t,e.count++);Array.isArray(u)?l(u,o,n,m.thatReturnsArgument):null!=u&&(v.isValidElement(u)&&(u=v.cloneAndReplaceKey(u,i+(!u.key||t&&t.key===u.key?"":r(u.key)+"/")+n)),o.push(u))}function l(e,t,n,o,i){var a="";null!=n&&(a=r(n)+"/");var l=s.getPooled(t,a,o,i);y(e,u,l),s.release(l)}function c(e,t,n){if(null==e)return e;var r=[];return l(e,r,null,t,n),r}function f(e,t,n){return null}function p(e,t){return y(e,f,null)}function d(e){var t=[];return l(e,t,null,m.thatReturnsArgument),t}var h=n(1446),v=n(117),m=n(33),y=n(1457),g=h.twoArgumentPooler,b=h.fourArgumentPooler,_=/\/+/g;o.prototype.destructor=function(){this.func=null,this.context=null,this.count=0},h.addPoolingTo(o,g),s.prototype.destructor=function(){this.result=null,this.keyPrefix=null,this.func=null,this.context=null,this.count=0},h.addPoolingTo(s,b);var w={forEach:a,map:c,mapIntoWithKeyPrefixInternal:l,count:p,toArray:d};e.exports=w},function(e,t,n){"use strict";function r(e){return e}function o(e,t){var n=_.hasOwnProperty(t)?_[t]:null;x.hasOwnProperty(t)&&("OVERRIDE_BASE"!==n?p("73",t):void 0),e&&("DEFINE_MANY"!==n&&"DEFINE_MANY_MERGED"!==n?p("74",t):void 0)}function i(e,t){if(t){"function"==typeof t?p("75"):void 0,v.isValidElement(t)?p("76"):void 0;var n=e.prototype,r=n.__reactAutoBindPairs;t.hasOwnProperty(g)&&w.mixins(e,t.mixins);for(var i in t)if(t.hasOwnProperty(i)&&i!==g){var a=t[i],s=n.hasOwnProperty(i);if(o(s,i),w.hasOwnProperty(i))w[i](e,a);else{var c=_.hasOwnProperty(i),f="function"==typeof a,d=f&&!c&&!s&&t.autobind!==!1;if(d)r.push(i,a),n[i]=a;else if(s){var h=_[i];!c||"DEFINE_MANY_MERGED"!==h&&"DEFINE_MANY"!==h?p("77",h,i):void 0,"DEFINE_MANY_MERGED"===h?n[i]=u(n[i],a):"DEFINE_MANY"===h&&(n[i]=l(n[i],a))}else n[i]=a}}}else;}function a(e,t){if(t)for(var n in t){var r=t[n];if(t.hasOwnProperty(n)){var o=n in w;o?p("78",n):void 0;var i=n in e;i?p("79",n):void 0,e[n]=r}}}function s(e,t){e&&t&&"object"==typeof e&&"object"==typeof t?void 0:p("80");for(var n in t)t.hasOwnProperty(n)&&(void 0!==e[n]?p("81",n):void 0,e[n]=t[n]);return e}function u(e,t){return function(){var n=e.apply(this,arguments),r=t.apply(this,arguments);if(null==n)return r;if(null==r)return n;var o={};return s(o,n),s(o,r),o}}function l(e,t){return function(){e.apply(this,arguments),t.apply(this,arguments)}}function c(e,t){var n=t.bind(e);return n}function f(e){for(var t=e.__reactAutoBindPairs,n=0;n<t.length;n+=2){var r=t[n],o=t[n+1];e[r]=c(e,o)}}var p=n(118),d=n(11),h=n(249),v=n(117),m=(n(1450),n(250)),y=n(112),g=(n(13),n(16),"mixins"),b=[],_={mixins:"DEFINE_MANY",statics:"DEFINE_MANY",propTypes:"DEFINE_MANY",contextTypes:"DEFINE_MANY",childContextTypes:"DEFINE_MANY",getDefaultProps:"DEFINE_MANY_MERGED",getInitialState:"DEFINE_MANY_MERGED",getChildContext:"DEFINE_MANY_MERGED",render:"DEFINE_ONCE",componentWillMount:"DEFINE_MANY",componentDidMount:"DEFINE_MANY",componentWillReceiveProps:"DEFINE_MANY",shouldComponentUpdate:"DEFINE_ONCE",componentWillUpdate:"DEFINE_MANY",componentDidUpdate:"DEFINE_MANY",componentWillUnmount:"DEFINE_MANY",updateComponent:"OVERRIDE_BASE"},w={displayName:function(e,t){e.displayName=t},mixins:function(e,t){if(t)for(var n=0;n<t.length;n++)i(e,t[n])},childContextTypes:function(e,t){e.childContextTypes=d({},e.childContextTypes,t)},contextTypes:function(e,t){e.contextTypes=d({},e.contextTypes,t)},getDefaultProps:function(e,t){e.getDefaultProps?e.getDefaultProps=u(e.getDefaultProps,t):e.getDefaultProps=t},propTypes:function(e,t){e.propTypes=d({},e.propTypes,t)},statics:function(e,t){a(e,t)},autobind:function(){}},x={replaceState:function(e,t){this.updater.enqueueReplaceState(this,e),t&&this.updater.enqueueCallback(this,t,"replaceState")},isMounted:function(){return this.updater.isMounted(this)}},C=function(){};d(C.prototype,h.prototype,x);var E={createClass:function(e){var t=r(function(e,n,r){this.__reactAutoBindPairs.length&&f(this),this.props=e,this.context=n,this.refs=y,this.updater=r||m,this.state=null;var o=this.getInitialState?this.getInitialState():null;"object"!=typeof o||Array.isArray(o)?p("82",t.displayName||"ReactCompositeComponent"):void 0,this.state=o});t.prototype=new C,t.prototype.constructor=t,t.prototype.__reactAutoBindPairs=[],b.forEach(i.bind(null,t)),i(t,e),t.getDefaultProps&&(t.defaultProps=t.getDefaultProps()),t.prototype.render?void 0:p("83");for(var n in _)t.prototype[n]||(t.prototype[n]=null);return t},injection:{injectMixin:function(e){b.push(e)}}};e.exports=E},function(e,t,n){"use strict";var r=n(117),o=r.createFactory,i={a:o("a"),abbr:o("abbr"),address:o("address"),area:o("area"),article:o("article"),aside:o("aside"),audio:o("audio"),b:o("b"),base:o("base"),bdi:o("bdi"),bdo:o("bdo"),big:o("big"),blockquote:o("blockquote"),body:o("body"),br:o("br"),button:o("button"),canvas:o("canvas"),caption:o("caption"),cite:o("cite"),code:o("code"),col:o("col"),colgroup:o("colgroup"),data:o("data"),datalist:o("datalist"),dd:o("dd"),del:o("del"),details:o("details"),dfn:o("dfn"),dialog:o("dialog"),div:o("div"),dl:o("dl"),dt:o("dt"),em:o("em"),embed:o("embed"),fieldset:o("fieldset"),figcaption:o("figcaption"),figure:o("figure"),footer:o("footer"),form:o("form"),h1:o("h1"),h2:o("h2"),h3:o("h3"),h4:o("h4"),h5:o("h5"),h6:o("h6"),head:o("head"),header:o("header"),hgroup:o("hgroup"),hr:o("hr"),html:o("html"),i:o("i"),iframe:o("iframe"),img:o("img"),input:o("input"),ins:o("ins"),kbd:o("kbd"),keygen:o("keygen"),label:o("label"),legend:o("legend"),li:o("li"),link:o("link"),main:o("main"),map:o("map"),mark:o("mark"),menu:o("menu"),menuitem:o("menuitem"),meta:o("meta"),meter:o("meter"),nav:o("nav"),noscript:o("noscript"),object:o("object"),ol:o("ol"),optgroup:o("optgroup"),option:o("option"),output:o("output"),p:o("p"),param:o("param"),picture:o("picture"),pre:o("pre"),progress:o("progress"),q:o("q"),rp:o("rp"),rt:o("rt"),ruby:o("ruby"),s:o("s"),samp:o("samp"),script:o("script"),section:o("section"),select:o("select"),small:o("small"),source:o("source"),span:o("span"),strong:o("strong"),style:o("style"),sub:o("sub"),summary:o("summary"),sup:o("sup"),table:o("table"),tbody:o("tbody"),td:o("td"),textarea:o("textarea"),tfoot:o("tfoot"),th:o("th"),thead:o("thead"),time:o("time"),title:o("title"),tr:o("tr"),track:o("track"),u:o("u"),ul:o("ul"),"var":o("var"),video:o("video"),wbr:o("wbr"),circle:o("circle"),clipPath:o("clipPath"),defs:o("defs"),ellipse:o("ellipse"),g:o("g"),image:o("image"),line:o("line"),linearGradient:o("linearGradient"),mask:o("mask"),path:o("path"),pattern:o("pattern"),polygon:o("polygon"),polyline:o("polyline"),radialGradient:o("radialGradient"),rect:o("rect"),stop:o("stop"),svg:o("svg"),text:o("text"),tspan:o("tspan")};e.exports=i},function(e,t,n){"use strict";var r={};e.exports=r},function(e,t,n){"use strict";var r=n(117),o=r.isValidElement,i=n(423);e.exports=i(o)},function(e,t,n){"use strict";function r(e,t,n){this.props=e,this.context=t,this.refs=u,this.updater=n||s}function o(){}var i=n(11),a=n(249),s=n(250),u=n(112);o.prototype=a.prototype,r.prototype=new o,r.prototype.constructor=r,i(r.prototype,a.prototype),r.prototype.isPureReactComponent=!0,e.exports=r},function(e,t){"use strict";e.exports="15.5.4"},function(e,t){"use strict";function n(e){var t=e&&(r&&e[r]||e[o]);if("function"==typeof t)return t}var r="function"==typeof Symbol&&Symbol.iterator,o="@@iterator";e.exports=n},function(e,t){"use strict";function n(){return r++}var r=1;e.exports=n},function(e,t,n){"use strict";function r(e){return i.isValidElement(e)?void 0:o("143"),e}var o=n(118),i=n(117);n(13);e.exports=r},function(e,t,n){"use strict";function r(e,t){return e&&"object"==typeof e&&null!=e.key?l.escape(e.key):t.toString(36)}function o(e,t,n,i){var p=typeof e;if("undefined"!==p&&"boolean"!==p||(e=null),null===e||"string"===p||"number"===p||"object"===p&&e.$$typeof===s)return n(i,e,""===t?c+r(e,0):t),1;var d,h,v=0,m=""===t?c:t+f;if(Array.isArray(e))for(var y=0;y<e.length;y++)d=e[y],h=m+r(d,y),v+=o(d,h,n,i);else{var g=u(e);if(g){var b,_=g.call(e);if(g!==e.entries)for(var w=0;!(b=_.next()).done;)d=b.value,h=m+r(d,w++),v+=o(d,h,n,i);else for(;!(b=_.next()).done;){var x=b.value;x&&(d=x[1],h=m+l.escape(x[0])+f+r(d,0),v+=o(d,h,n,i))}}else if("object"===p){var C="",E=String(e);a("31","[object Object]"===E?"object with keys {"+Object.keys(e).join(", ")+"}":E,C)}}return v}function i(e,t,n){return null==e?0:o(e,"",t,n)}var a=n(118),s=(n(72),n(421)),u=n(1454),l=(n(13),n(1445)),c=(n(16),"."),f=":";e.exports=i},function(e,t,n){"use strict";function r(e,t,n,r,o){}e.exports=r},function(e,t,n){"use strict";var r=n(33),o=n(13);e.exports=function(){function e(){o(!1,"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types")}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t};return n.checkPropTypes=r,n.PropTypes=n,n}},function(e,t,n){"use strict";var r=n(33),o=n(13),i=(n(16),n(1461)),a=n(1458);e.exports=function(e,t){function n(e){var t=e&&(S&&e[S]||e[P]);if("function"==typeof t)return t}function s(e,t){return e===t?0!==e||1/e===1/t:e!==e&&t!==t}function u(e){this.message=e,this.stack=""}function l(e){function n(n,r,a,s,l,c,f){if(s=s||O,c=c||a,f!==i)if(t)o(!1,"Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");else;return null==r[a]?n?new u(null===r[a]?"The "+l+" `"+c+"` is marked as required "+("in `"+s+"`, but its value is `null`."):"The "+l+" `"+c+"` is marked as required in "+("`"+s+"`, but its value is `undefined`.")):null:e(r,a,s,l,c);
-}var r=n.bind(null,!1);return r.isRequired=n.bind(null,!0),r}function c(e){function t(t,n,r,o,i,a){var s=t[n],l=x(s);if(l!==e){var c=C(s);return new u("Invalid "+o+" `"+i+"` of type "+("`"+c+"` supplied to `"+r+"`, expected ")+("`"+e+"`."))}return null}return l(t)}function f(){return l(r.thatReturnsNull)}function p(e){function t(t,n,r,o,a){if("function"!=typeof e)return new u("Property `"+a+"` of component `"+r+"` has invalid PropType notation inside arrayOf.");var s=t[n];if(!Array.isArray(s)){var l=x(s);return new u("Invalid "+o+" `"+a+"` of type "+("`"+l+"` supplied to `"+r+"`, expected an array."))}for(var c=0;c<s.length;c++){var f=e(s,c,r,o,a+"["+c+"]",i);if(f instanceof Error)return f}return null}return l(t)}function d(){function t(t,n,r,o,i){var a=t[n];if(!e(a)){var s=x(a);return new u("Invalid "+o+" `"+i+"` of type "+("`"+s+"` supplied to `"+r+"`, expected a single ReactElement."))}return null}return l(t)}function h(e){function t(t,n,r,o,i){if(!(t[n]instanceof e)){var a=e.name||O,s=E(t[n]);return new u("Invalid "+o+" `"+i+"` of type "+("`"+s+"` supplied to `"+r+"`, expected ")+("instance of `"+a+"`."))}return null}return l(t)}function v(e){function t(t,n,r,o,i){for(var a=t[n],l=0;l<e.length;l++)if(s(a,e[l]))return null;var c=JSON.stringify(e);return new u("Invalid "+o+" `"+i+"` of value `"+a+"` "+("supplied to `"+r+"`, expected one of "+c+"."))}return Array.isArray(e)?l(t):r.thatReturnsNull}function m(e){function t(t,n,r,o,a){if("function"!=typeof e)return new u("Property `"+a+"` of component `"+r+"` has invalid PropType notation inside objectOf.");var s=t[n],l=x(s);if("object"!==l)return new u("Invalid "+o+" `"+a+"` of type "+("`"+l+"` supplied to `"+r+"`, expected an object."));for(var c in s)if(s.hasOwnProperty(c)){var f=e(s,c,r,o,a+"."+c,i);if(f instanceof Error)return f}return null}return l(t)}function y(e){function t(t,n,r,o,a){for(var s=0;s<e.length;s++){var l=e[s];if(null==l(t,n,r,o,a,i))return null}return new u("Invalid "+o+" `"+a+"` supplied to "+("`"+r+"`."))}return Array.isArray(e)?l(t):r.thatReturnsNull}function g(){function e(e,t,n,r,o){return _(e[t])?null:new u("Invalid "+r+" `"+o+"` supplied to "+("`"+n+"`, expected a ReactNode."))}return l(e)}function b(e){function t(t,n,r,o,a){var s=t[n],l=x(s);if("object"!==l)return new u("Invalid "+o+" `"+a+"` of type `"+l+"` "+("supplied to `"+r+"`, expected `object`."));for(var c in e){var f=e[c];if(f){var p=f(s,c,r,o,a+"."+c,i);if(p)return p}}return null}return l(t)}function _(t){switch(typeof t){case"number":case"string":case"undefined":return!0;case"boolean":return!t;case"object":if(Array.isArray(t))return t.every(_);if(null===t||e(t))return!0;var r=n(t);if(!r)return!1;var o,i=r.call(t);if(r!==t.entries){for(;!(o=i.next()).done;)if(!_(o.value))return!1}else for(;!(o=i.next()).done;){var a=o.value;if(a&&!_(a[1]))return!1}return!0;default:return!1}}function w(e,t){return"symbol"===e||("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}function x(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":w(t,e)?"symbol":t}function C(e){var t=x(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function E(e){return e.constructor&&e.constructor.name?e.constructor.name:O}var S="function"==typeof Symbol&&Symbol.iterator,P="@@iterator",O="<<anonymous>>",T={array:c("array"),bool:c("boolean"),func:c("function"),number:c("number"),object:c("object"),string:c("string"),symbol:c("symbol"),any:f(),arrayOf:p,element:d(),instanceOf:h,node:g(),objectOf:m,oneOf:v,oneOfType:y,shape:b};return u.prototype=Error.prototype,T.checkPropTypes=a,T.PropTypes=T,T}},function(e,t){"use strict";var n="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";e.exports=n},function(e,t){"use strict";function n(e,t){var n=window.Element.prototype,r=n.matches||n.mozMatchesSelector||n.msMatchesSelector||n.oMatchesSelector||n.webkitMatchesSelector;if(!e||1!==e.nodeType)return!1;var o=e.parentNode;if(r)return r.call(e,t);for(var i=o.querySelectorAll(t),a=i.length,s=0;s<a;s++)if(i[s]===e)return!0;return!1}e.exports=n},function(e,t,n){"use strict";var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=n(1),i=n(392),a=o.createClass({displayName:"Radio",getDefaultProps:function(){return{prefixCls:"rc-radio",type:"radio"}},render:function(){return o.createElement(i,r({},this.props,{ref:"checkbox"}))}});e.exports=a},function(e,t,n){"use strict";e.exports=n(1463)},function(e,t,n){"use strict";function r(){this.clear()}/*!
+!function(e){"use strict";function t(e){var t=e.length,r=n.type(e);return"function"!==r&&!n.isWindow(e)&&(!(1!==e.nodeType||!t)||("array"===r||0===t||"number"==typeof t&&t>0&&t-1 in e))}if(!e.jQuery){var n=function(e,t){return new n.fn.init(e,t)};n.isWindow=function(e){return e&&e===e.window},n.type=function(e){return e?"object"==typeof e||"function"==typeof e?o[a.call(e)]||"object":typeof e:e+""},n.isArray=Array.isArray||function(e){return"array"===n.type(e)},n.isPlainObject=function(e){var t;if(!e||"object"!==n.type(e)||e.nodeType||n.isWindow(e))return!1;try{if(e.constructor&&!i.call(e,"constructor")&&!i.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(r){return!1}for(t in e);return void 0===t||i.call(e,t)},n.each=function(e,n,r){var o,i=0,a=e.length,s=t(e);if(r){if(s)for(;i<a&&(o=n.apply(e[i],r),o!==!1);i++);else for(i in e)if(e.hasOwnProperty(i)&&(o=n.apply(e[i],r),o===!1))break}else if(s)for(;i<a&&(o=n.call(e[i],i,e[i]),o!==!1);i++);else for(i in e)if(e.hasOwnProperty(i)&&(o=n.call(e[i],i,e[i]),o===!1))break;return e},n.data=function(e,t,o){if(void 0===o){var i=e[n.expando],a=i&&r[i];if(void 0===t)return a;if(a&&t in a)return a[t]}else if(void 0!==t){var s=e[n.expando]||(e[n.expando]=++n.uuid);return r[s]=r[s]||{},r[s][t]=o,o}},n.removeData=function(e,t){var o=e[n.expando],i=o&&r[o];i&&(t?n.each(t,function(e,t){delete i[t]}):delete r[o])},n.extend=function(){var e,t,r,o,i,a,s=arguments[0]||{},u=1,l=arguments.length,c=!1;for("boolean"==typeof s&&(c=s,s=arguments[u]||{},u++),"object"!=typeof s&&"function"!==n.type(s)&&(s={}),u===l&&(s=this,u--);u<l;u++)if(i=arguments[u])for(o in i)i.hasOwnProperty(o)&&(e=s[o],r=i[o],s!==r&&(c&&r&&(n.isPlainObject(r)||(t=n.isArray(r)))?(t?(t=!1,a=e&&n.isArray(e)?e:[]):a=e&&n.isPlainObject(e)?e:{},s[o]=n.extend(c,a,r)):void 0!==r&&(s[o]=r)));return s},n.queue=function(e,r,o){function i(e,n){var r=n||[];return e&&(t(Object(e))?!function(e,t){for(var n=+t.length,r=0,o=e.length;r<n;)e[o++]=t[r++];if(n!==n)for(;void 0!==t[r];)e[o++]=t[r++];return e.length=o,e}(r,"string"==typeof e?[e]:e):[].push.call(r,e)),r}if(e){r=(r||"fx")+"queue";var a=n.data(e,r);return o?(!a||n.isArray(o)?a=n.data(e,r,i(o)):a.push(o),a):a||[]}},n.dequeue=function(e,t){n.each(e.nodeType?[e]:e,function(e,r){t=t||"fx";var o=n.queue(r,t),i=o.shift();"inprogress"===i&&(i=o.shift()),i&&("fx"===t&&o.unshift("inprogress"),i.call(r,function(){n.dequeue(r,t)}))})},n.fn=n.prototype={init:function(e){if(e.nodeType)return this[0]=e,this;throw new Error("Not a DOM node.")},offset:function(){var t=this[0].getBoundingClientRect?this[0].getBoundingClientRect():{top:0,left:0};return{top:t.top+(e.pageYOffset||document.scrollTop||0)-(document.clientTop||0),left:t.left+(e.pageXOffset||document.scrollLeft||0)-(document.clientLeft||0)}},position:function(){function e(e){for(var t=e.offsetParent;t&&"html"!==t.nodeName.toLowerCase()&&t.style&&"static"===t.style.position;)t=t.offsetParent;return t||document}var t=this[0],r=e(t),o=this.offset(),i=/^(?:body|html)$/i.test(r.nodeName)?{top:0,left:0}:n(r).offset();return o.top-=parseFloat(t.style.marginTop)||0,o.left-=parseFloat(t.style.marginLeft)||0,r.style&&(i.top+=parseFloat(r.style.borderTopWidth)||0,i.left+=parseFloat(r.style.borderLeftWidth)||0),{top:o.top-i.top,left:o.left-i.left}}};var r={};n.expando="velocity"+(new Date).getTime(),n.uuid=0;for(var o={},i=o.hasOwnProperty,a=o.toString,s="Boolean Number String Function Array Date RegExp Object Error".split(" "),u=0;u<s.length;u++)o["[object "+s[u]+"]"]=s[u].toLowerCase();n.fn.init.prototype=n.fn,e.Velocity={Utilities:n}}}(window),function(i){"use strict";"object"==typeof e&&"object"==typeof e.exports?e.exports=i():(r=i,o="function"==typeof r?r.call(t,n,t,e):r,!(void 0!==o&&(e.exports=o)))}(function(){"use strict";return function(e,t,n,r){function o(e){for(var t=-1,n=e?e.length:0,r=[];++t<n;){var o=e[t];o&&r.push(o)}return r}function i(e){return v.isWrapped(e)?e=[].slice.call(e):v.isNode(e)&&(e=[e]),e}function a(e){var t=p.data(e,"velocity");return null===t?r:t}function s(e){return function(t){return Math.round(t*e)*(1/e)}}function u(e,n,r,o){function i(e,t){return 1-3*t+3*e}function a(e,t){return 3*t-6*e}function s(e){return 3*e}function u(e,t,n){return((i(t,n)*e+a(t,n))*e+s(t))*e}function l(e,t,n){return 3*i(t,n)*e*e+2*a(t,n)*e+s(t)}function c(t,n){for(var o=0;o<v;++o){var i=l(n,e,r);if(0===i)return n;var a=u(n,e,r)-t;n-=a/i}return n}function f(){for(var t=0;t<b;++t)C[t]=u(t*_,e,r)}function p(t,n,o){var i,a,s=0;do a=n+(o-n)/2,i=u(a,e,r)-t,i>0?o=a:n=a;while(Math.abs(i)>y&&++s<g);return a}function d(t){for(var n=0,o=1,i=b-1;o!==i&&C[o]<=t;++o)n+=_;--o;var a=(t-C[o])/(C[o+1]-C[o]),s=n+a*_,u=l(s,e,r);return u>=m?c(t,s):0===u?s:p(t,n,n+_)}function h(){E=!0,e===n&&r===o||f()}var v=4,m=.001,y=1e-7,g=10,b=11,_=1/(b-1),w="Float32Array"in t;if(4!==arguments.length)return!1;for(var x=0;x<4;++x)if("number"!=typeof arguments[x]||isNaN(arguments[x])||!isFinite(arguments[x]))return!1;e=Math.min(e,1),r=Math.min(r,1),e=Math.max(e,0),r=Math.max(r,0);var C=w?new Float32Array(b):new Array(b),E=!1,S=function(t){return E||h(),e===n&&r===o?t:0===t?0:1===t?1:u(d(t),n,o)};S.getControlPoints=function(){return[{x:e,y:n},{x:r,y:o}]};var O="generateBezier("+[e,n,r,o]+")";return S.toString=function(){return O},S}function l(e,t){var n=e;return v.isString(e)?b.Easings[e]||(n=!1):n=v.isArray(e)&&1===e.length?s.apply(null,e):v.isArray(e)&&2===e.length?_.apply(null,e.concat([t])):!(!v.isArray(e)||4!==e.length)&&u.apply(null,e),n===!1&&(n=b.Easings[b.defaults.easing]?b.defaults.easing:g),n}function c(e){if(e){var t=b.timestamp&&e!==!0?e:(new Date).getTime(),n=b.State.calls.length;n>1e4&&(b.State.calls=o(b.State.calls),n=b.State.calls.length);for(var i=0;i<n;i++)if(b.State.calls[i]){var s=b.State.calls[i],u=s[0],l=s[2],h=s[3],m=!!h,y=null;h||(h=b.State.calls[i][3]=t-16);for(var g=Math.min((t-h)/l.duration,1),_=0,x=u.length;_<x;_++){var E=u[_],S=E.element;if(a(S)){var O=!1;if(l.display!==r&&null!==l.display&&"none"!==l.display){if("flex"===l.display){var P=["-webkit-box","-moz-box","-ms-flexbox","-webkit-flex"];p.each(P,function(e,t){w.setPropertyValue(S,"display",t)})}w.setPropertyValue(S,"display",l.display)}l.visibility!==r&&"hidden"!==l.visibility&&w.setPropertyValue(S,"visibility",l.visibility);for(var T in E)if(E.hasOwnProperty(T)&&"element"!==T){var k,M=E[T],N=v.isString(M.easing)?b.Easings[M.easing]:M.easing;if(v.isString(M.pattern)){var A=1===g?function(e,t){return M.endValue[t]}:function(e,t){var n=M.startValue[t],r=M.endValue[t]-n;return n+r*N(g,l,r)};k=M.pattern.replace(/{(\d+)}/g,A)}else if(1===g)k=M.endValue;else{var D=M.endValue-M.startValue;k=M.startValue+D*N(g,l,D)}if(!m&&k===M.currentValue)continue;if(M.currentValue=k,"tween"===T)y=k;else{var j;if(w.Hooks.registered[T]){j=w.Hooks.getRoot(T);var R=a(S).rootPropertyValueCache[j];R&&(M.rootPropertyValue=R)}var I=w.setPropertyValue(S,T,M.currentValue+(d<9&&0===parseFloat(k)?"":M.unitType),M.rootPropertyValue,M.scrollData);w.Hooks.registered[T]&&(w.Normalizations.registered[j]?a(S).rootPropertyValueCache[j]=w.Normalizations.registered[j]("extract",null,I[1]):a(S).rootPropertyValueCache[j]=I[1]),"transform"===I[0]&&(O=!0)}}l.mobileHA&&a(S).transformCache.translate3d===r&&(a(S).transformCache.translate3d="(0px, 0px, 0px)",O=!0),O&&w.flushTransformCache(S)}}l.display!==r&&"none"!==l.display&&(b.State.calls[i][2].display=!1),l.visibility!==r&&"hidden"!==l.visibility&&(b.State.calls[i][2].visibility=!1),l.progress&&l.progress.call(s[1],s[1],g,Math.max(0,h+l.duration-t),h,y),1===g&&f(i)}}b.State.isTicking&&C(c)}function f(e,t){if(!b.State.calls[e])return!1;for(var n=b.State.calls[e][0],o=b.State.calls[e][1],i=b.State.calls[e][2],s=b.State.calls[e][4],u=!1,l=0,c=n.length;l<c;l++){var f=n[l].element;t||i.loop||("none"===i.display&&w.setPropertyValue(f,"display",i.display),"hidden"===i.visibility&&w.setPropertyValue(f,"visibility",i.visibility));var d=a(f);if(i.loop!==!0&&(p.queue(f)[1]===r||!/\.velocityQueueEntryFlag/i.test(p.queue(f)[1]))&&d){d.isAnimating=!1,d.rootPropertyValueCache={};var h=!1;p.each(w.Lists.transforms3D,function(e,t){var n=/^scale/.test(t)?1:0,o=d.transformCache[t];d.transformCache[t]!==r&&new RegExp("^\\("+n+"[^.]").test(o)&&(h=!0,delete d.transformCache[t])}),i.mobileHA&&(h=!0,delete d.transformCache.translate3d),h&&w.flushTransformCache(f),w.Values.removeClass(f,"velocity-animating")}if(!t&&i.complete&&!i.loop&&l===c-1)try{i.complete.call(o,o)}catch(v){setTimeout(function(){throw v},1)}s&&i.loop!==!0&&s(o),d&&i.loop===!0&&!t&&(p.each(d.tweensContainer,function(e,t){if(/^rotate/.test(e)&&(parseFloat(t.startValue)-parseFloat(t.endValue))%360===0){var n=t.startValue;t.startValue=t.endValue,t.endValue=n}/^backgroundPosition/.test(e)&&100===parseFloat(t.endValue)&&"%"===t.unitType&&(t.endValue=0,t.startValue=100)}),b(f,"reverse",{loop:!0,delay:i.delay})),i.queue!==!1&&p.dequeue(f,i.queue)}b.State.calls[e]=!1;for(var m=0,y=b.State.calls.length;m<y;m++)if(b.State.calls[m]!==!1){u=!0;break}u===!1&&(b.State.isTicking=!1,delete b.State.calls,b.State.calls=[])}var p,d=function(){if(n.documentMode)return n.documentMode;for(var e=7;e>4;e--){var t=n.createElement("div");if(t.innerHTML="<!--[if IE "+e+"]><span></span><![endif]-->",t.getElementsByTagName("span").length)return t=null,e}return r}(),h=function(){var e=0;return t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||function(t){var n,r=(new Date).getTime();return n=Math.max(0,16-(r-e)),e=r+n,setTimeout(function(){t(r+n)},n)}}(),v={isNumber:function(e){return"number"==typeof e},isString:function(e){return"string"==typeof e},isArray:Array.isArray||function(e){return"[object Array]"===Object.prototype.toString.call(e)},isFunction:function(e){return"[object Function]"===Object.prototype.toString.call(e)},isNode:function(e){return e&&e.nodeType},isNodeList:function(e){return"object"==typeof e&&/^\[object (HTMLCollection|NodeList|Object)\]$/.test(Object.prototype.toString.call(e))&&e.length!==r&&(0===e.length||"object"==typeof e[0]&&e[0].nodeType>0)},isWrapped:function(e){return e&&(v.isArray(e)||v.isNumber(e.length)&&!v.isString(e)&&!v.isFunction(e))},isSVG:function(e){return t.SVGElement&&e instanceof t.SVGElement},isEmptyObject:function(e){for(var t in e)if(e.hasOwnProperty(t))return!1;return!0}},m=!1;if(e.fn&&e.fn.jquery?(p=e,m=!0):p=t.Velocity.Utilities,d<=8&&!m)throw new Error("Velocity: IE8 and below require jQuery to be loaded before Velocity.");if(d<=7)return void(jQuery.fn.velocity=jQuery.fn.animate);var y=400,g="swing",b={State:{isMobile:/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),isAndroid:/Android/i.test(navigator.userAgent),isGingerbread:/Android 2\.3\.[3-7]/i.test(navigator.userAgent),isChrome:t.chrome,isFirefox:/Firefox/i.test(navigator.userAgent),prefixElement:n.createElement("div"),prefixMatches:{},scrollAnchor:null,scrollPropertyLeft:null,scrollPropertyTop:null,isTicking:!1,calls:[]},CSS:{},Utilities:p,Redirects:{},Easings:{},Promise:t.Promise,defaults:{queue:"",duration:y,easing:g,begin:r,complete:r,progress:r,display:r,visibility:r,loop:!1,delay:!1,mobileHA:!0,_cacheValues:!0,promiseRejectEmpty:!0},init:function(e){p.data(e,"velocity",{isSVG:v.isSVG(e),isAnimating:!1,computedStyle:null,tweensContainer:null,rootPropertyValueCache:{},transformCache:{}})},hook:null,mock:!1,version:{major:1,minor:3,patch:2},debug:!1,timestamp:!0};t.pageYOffset!==r?(b.State.scrollAnchor=t,b.State.scrollPropertyLeft="pageXOffset",b.State.scrollPropertyTop="pageYOffset"):(b.State.scrollAnchor=n.documentElement||n.body.parentNode||n.body,b.State.scrollPropertyLeft="scrollLeft",b.State.scrollPropertyTop="scrollTop");var _=function(){function e(e){return-e.tension*e.x-e.friction*e.v}function t(t,n,r){var o={x:t.x+r.dx*n,v:t.v+r.dv*n,tension:t.tension,friction:t.friction};return{dx:o.v,dv:e(o)}}function n(n,r){var o={dx:n.v,dv:e(n)},i=t(n,.5*r,o),a=t(n,.5*r,i),s=t(n,r,a),u=1/6*(o.dx+2*(i.dx+a.dx)+s.dx),l=1/6*(o.dv+2*(i.dv+a.dv)+s.dv);return n.x=n.x+u*r,n.v=n.v+l*r,n}return function r(e,t,o){var i,a,s,u={x:-1,v:0,tension:null,friction:null},l=[0],c=0,f=1e-4,p=.016;for(e=parseFloat(e)||500,t=parseFloat(t)||20,o=o||null,u.tension=e,u.friction=t,i=null!==o,i?(c=r(e,t),a=c/o*p):a=p;;)if(s=n(s||u,a),l.push(1+s.x),c+=16,!(Math.abs(s.x)>f&&Math.abs(s.v)>f))break;return i?function(e){return l[e*(l.length-1)|0]}:c}}();b.Easings={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},spring:function(e){return 1-Math.cos(4.5*e*Math.PI)*Math.exp(6*-e)}},p.each([["ease",[.25,.1,.25,1]],["ease-in",[.42,0,1,1]],["ease-out",[0,0,.58,1]],["ease-in-out",[.42,0,.58,1]],["easeInSine",[.47,0,.745,.715]],["easeOutSine",[.39,.575,.565,1]],["easeInOutSine",[.445,.05,.55,.95]],["easeInQuad",[.55,.085,.68,.53]],["easeOutQuad",[.25,.46,.45,.94]],["easeInOutQuad",[.455,.03,.515,.955]],["easeInCubic",[.55,.055,.675,.19]],["easeOutCubic",[.215,.61,.355,1]],["easeInOutCubic",[.645,.045,.355,1]],["easeInQuart",[.895,.03,.685,.22]],["easeOutQuart",[.165,.84,.44,1]],["easeInOutQuart",[.77,0,.175,1]],["easeInQuint",[.755,.05,.855,.06]],["easeOutQuint",[.23,1,.32,1]],["easeInOutQuint",[.86,0,.07,1]],["easeInExpo",[.95,.05,.795,.035]],["easeOutExpo",[.19,1,.22,1]],["easeInOutExpo",[1,0,0,1]],["easeInCirc",[.6,.04,.98,.335]],["easeOutCirc",[.075,.82,.165,1]],["easeInOutCirc",[.785,.135,.15,.86]]],function(e,t){b.Easings[t[0]]=u.apply(null,t[1])});var w=b.CSS={RegEx:{isHex:/^#([A-f\d]{3}){1,2}$/i,valueUnwrap:/^[A-z]+\((.*)\)$/i,wrappedValueAlreadyExtracted:/[0-9.]+ [0-9.]+ [0-9.]+( [0-9.]+)?/,valueSplit:/([A-z]+\(.+\))|(([A-z0-9#-.]+?)(?=\s|$))/gi},Lists:{colors:["fill","stroke","stopColor","color","backgroundColor","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","outlineColor"],transformsBase:["translateX","translateY","scale","scaleX","scaleY","skewX","skewY","rotateZ"],transforms3D:["transformPerspective","translateZ","scaleZ","rotateX","rotateY"]},Hooks:{templates:{textShadow:["Color X Y Blur","black 0px 0px 0px"],boxShadow:["Color X Y Blur Spread","black 0px 0px 0px 0px"],clip:["Top Right Bottom Left","0px 0px 0px 0px"],backgroundPosition:["X Y","0% 0%"],transformOrigin:["X Y Z","50% 50% 0px"],perspectiveOrigin:["X Y","50% 50%"]},registered:{},register:function(){for(var e=0;e<w.Lists.colors.length;e++){var t="color"===w.Lists.colors[e]?"0 0 0 1":"255 255 255 1";w.Hooks.templates[w.Lists.colors[e]]=["Red Green Blue Alpha",t]}var n,r,o;if(d)for(n in w.Hooks.templates)if(w.Hooks.templates.hasOwnProperty(n)){r=w.Hooks.templates[n],o=r[0].split(" ");var i=r[1].match(w.RegEx.valueSplit);"Color"===o[0]&&(o.push(o.shift()),i.push(i.shift()),w.Hooks.templates[n]=[o.join(" "),i.join(" ")])}for(n in w.Hooks.templates)if(w.Hooks.templates.hasOwnProperty(n)){r=w.Hooks.templates[n],o=r[0].split(" ");for(var a in o)if(o.hasOwnProperty(a)){var s=n+o[a],u=a;w.Hooks.registered[s]=[n,u]}}},getRoot:function(e){var t=w.Hooks.registered[e];return t?t[0]:e},cleanRootPropertyValue:function(e,t){return w.RegEx.valueUnwrap.test(t)&&(t=t.match(w.RegEx.valueUnwrap)[1]),w.Values.isCSSNullValue(t)&&(t=w.Hooks.templates[e][1]),t},extractValue:function(e,t){var n=w.Hooks.registered[e];if(n){var r=n[0],o=n[1];return t=w.Hooks.cleanRootPropertyValue(r,t),t.toString().match(w.RegEx.valueSplit)[o]}return t},injectValue:function(e,t,n){var r=w.Hooks.registered[e];if(r){var o,i,a=r[0],s=r[1];return n=w.Hooks.cleanRootPropertyValue(a,n),o=n.toString().match(w.RegEx.valueSplit),o[s]=t,i=o.join(" ")}return n}},Normalizations:{registered:{clip:function(e,t,n){switch(e){case"name":return"clip";case"extract":var r;return w.RegEx.wrappedValueAlreadyExtracted.test(n)?r=n:(r=n.toString().match(w.RegEx.valueUnwrap),r=r?r[1].replace(/,(\s+)?/g," "):n),r;case"inject":return"rect("+n+")"}},blur:function(e,t,n){switch(e){case"name":return b.State.isFirefox?"filter":"-webkit-filter";case"extract":var r=parseFloat(n);if(!r&&0!==r){var o=n.toString().match(/blur\(([0-9]+[A-z]+)\)/i);r=o?o[1]:0}return r;case"inject":return parseFloat(n)?"blur("+n+")":"none"}},opacity:function(e,t,n){if(d<=8)switch(e){case"name":return"filter";case"extract":var r=n.toString().match(/alpha\(opacity=(.*)\)/i);return n=r?r[1]/100:1;case"inject":return t.style.zoom=1,parseFloat(n)>=1?"":"alpha(opacity="+parseInt(100*parseFloat(n),10)+")"}else switch(e){case"name":return"opacity";case"extract":return n;case"inject":return n}}},register:function(){function e(e,t,n){var r="border-box"===w.getPropertyValue(t,"boxSizing").toString().toLowerCase();if(r===(n||!1)){var o,i,a=0,s="width"===e?["Left","Right"]:["Top","Bottom"],u=["padding"+s[0],"padding"+s[1],"border"+s[0]+"Width","border"+s[1]+"Width"];for(o=0;o<u.length;o++)i=parseFloat(w.getPropertyValue(t,u[o])),isNaN(i)||(a+=i);return n?-a:a}return 0}function t(t,n){return function(r,o,i){switch(r){case"name":return t;case"extract":return parseFloat(i)+e(t,o,n);case"inject":return parseFloat(i)-e(t,o,n)+"px"}}}d&&!(d>9)||b.State.isGingerbread||(w.Lists.transformsBase=w.Lists.transformsBase.concat(w.Lists.transforms3D));for(var n=0;n<w.Lists.transformsBase.length;n++)!function(){var e=w.Lists.transformsBase[n];w.Normalizations.registered[e]=function(t,n,o){switch(t){case"name":return"transform";case"extract":return a(n)===r||a(n).transformCache[e]===r?/^scale/i.test(e)?1:0:a(n).transformCache[e].replace(/[()]/g,"");case"inject":var i=!1;switch(e.substr(0,e.length-1)){case"translate":i=!/(%|px|em|rem|vw|vh|\d)$/i.test(o);break;case"scal":case"scale":b.State.isAndroid&&a(n).transformCache[e]===r&&o<1&&(o=1),i=!/(\d)$/i.test(o);break;case"skew":i=!/(deg|\d)$/i.test(o);break;case"rotate":i=!/(deg|\d)$/i.test(o)}return i||(a(n).transformCache[e]="("+o+")"),a(n).transformCache[e]}}}();for(var o=0;o<w.Lists.colors.length;o++)!function(){var e=w.Lists.colors[o];w.Normalizations.registered[e]=function(t,n,o){switch(t){case"name":return e;case"extract":var i;if(w.RegEx.wrappedValueAlreadyExtracted.test(o))i=o;else{var a,s={black:"rgb(0, 0, 0)",blue:"rgb(0, 0, 255)",gray:"rgb(128, 128, 128)",green:"rgb(0, 128, 0)",red:"rgb(255, 0, 0)",white:"rgb(255, 255, 255)"};/^[A-z]+$/i.test(o)?a=s[o]!==r?s[o]:s.black:w.RegEx.isHex.test(o)?a="rgb("+w.Values.hexToRgb(o).join(" ")+")":/^rgba?\(/i.test(o)||(a=s.black),i=(a||o).toString().match(w.RegEx.valueUnwrap)[1].replace(/,(\s+)?/g," ")}return(!d||d>8)&&3===i.split(" ").length&&(i+=" 1"),i;case"inject":return/^rgb/.test(o)?o:(d<=8?4===o.split(" ").length&&(o=o.split(/\s+/).slice(0,3).join(" ")):3===o.split(" ").length&&(o+=" 1"),(d<=8?"rgb":"rgba")+"("+o.replace(/\s+/g,",").replace(/\.(\d)+(?=,)/g,"")+")")}}}();w.Normalizations.registered.innerWidth=t("width",!0),w.Normalizations.registered.innerHeight=t("height",!0),w.Normalizations.registered.outerWidth=t("width"),w.Normalizations.registered.outerHeight=t("height")}},Names:{camelCase:function(e){return e.replace(/-(\w)/g,function(e,t){return t.toUpperCase()})},SVGAttribute:function(e){var t="width|height|x|y|cx|cy|r|rx|ry|x1|x2|y1|y2";return(d||b.State.isAndroid&&!b.State.isChrome)&&(t+="|transform"),new RegExp("^("+t+")$","i").test(e)},prefixCheck:function(e){if(b.State.prefixMatches[e])return[b.State.prefixMatches[e],!0];for(var t=["","Webkit","Moz","ms","O"],n=0,r=t.length;n<r;n++){var o;if(o=0===n?e:t[n]+e.replace(/^\w/,function(e){return e.toUpperCase()}),v.isString(b.State.prefixElement.style[o]))return b.State.prefixMatches[e]=o,[o,!0]}return[e,!1]}},Values:{hexToRgb:function(e){var t,n=/^#?([a-f\d])([a-f\d])([a-f\d])$/i,r=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i;return e=e.replace(n,function(e,t,n,r){return t+t+n+n+r+r}),t=r.exec(e),t?[parseInt(t[1],16),parseInt(t[2],16),parseInt(t[3],16)]:[0,0,0]},isCSSNullValue:function(e){return!e||/^(none|auto|transparent|(rgba\(0, ?0, ?0, ?0\)))$/i.test(e)},getUnitType:function(e){return/^(rotate|skew)/i.test(e)?"deg":/(^(scale|scaleX|scaleY|scaleZ|alpha|flexGrow|flexHeight|zIndex|fontWeight)$)|((opacity|red|green|blue|alpha)$)/i.test(e)?"":"px"},getDisplayType:function(e){var t=e&&e.tagName.toString().toLowerCase();return/^(b|big|i|small|tt|abbr|acronym|cite|code|dfn|em|kbd|strong|samp|var|a|bdo|br|img|map|object|q|script|span|sub|sup|button|input|label|select|textarea)$/i.test(t)?"inline":/^(li)$/i.test(t)?"list-item":/^(tr)$/i.test(t)?"table-row":/^(table)$/i.test(t)?"table":/^(tbody)$/i.test(t)?"table-row-group":"block"},addClass:function(e,t){if(e)if(e.classList)e.classList.add(t);else if(v.isString(e.className))e.className+=(e.className.length?" ":"")+t;else{var n=e.getAttribute(d<=7?"className":"class")||"";e.setAttribute("class",n+(n?" ":"")+t)}},removeClass:function(e,t){if(e)if(e.classList)e.classList.remove(t);else if(v.isString(e.className))e.className=e.className.toString().replace(new RegExp("(^|\\s)"+t.split(" ").join("|")+"(\\s|$)","gi")," ");else{var n=e.getAttribute(d<=7?"className":"class")||"";e.setAttribute("class",n.replace(new RegExp("(^|s)"+t.split(" ").join("|")+"(s|$)","gi")," "))}}},getPropertyValue:function(e,n,o,i){function s(e,n){var o=0;if(d<=8)o=p.css(e,n);else{var u=!1;/^(width|height)$/.test(n)&&0===w.getPropertyValue(e,"display")&&(u=!0,w.setPropertyValue(e,"display",w.Values.getDisplayType(e)));var l=function(){u&&w.setPropertyValue(e,"display","none")};if(!i){if("height"===n&&"border-box"!==w.getPropertyValue(e,"boxSizing").toString().toLowerCase()){var c=e.offsetHeight-(parseFloat(w.getPropertyValue(e,"borderTopWidth"))||0)-(parseFloat(w.getPropertyValue(e,"borderBottomWidth"))||0)-(parseFloat(w.getPropertyValue(e,"paddingTop"))||0)-(parseFloat(w.getPropertyValue(e,"paddingBottom"))||0);return l(),c}if("width"===n&&"border-box"!==w.getPropertyValue(e,"boxSizing").toString().toLowerCase()){var f=e.offsetWidth-(parseFloat(w.getPropertyValue(e,"borderLeftWidth"))||0)-(parseFloat(w.getPropertyValue(e,"borderRightWidth"))||0)-(parseFloat(w.getPropertyValue(e,"paddingLeft"))||0)-(parseFloat(w.getPropertyValue(e,"paddingRight"))||0);return l(),f}}var h;h=a(e)===r?t.getComputedStyle(e,null):a(e).computedStyle?a(e).computedStyle:a(e).computedStyle=t.getComputedStyle(e,null),"borderColor"===n&&(n="borderTopColor"),o=9===d&&"filter"===n?h.getPropertyValue(n):h[n],""!==o&&null!==o||(o=e.style[n]),l()}if("auto"===o&&/^(top|right|bottom|left)$/i.test(n)){var v=s(e,"position");("fixed"===v||"absolute"===v&&/top|left/i.test(n))&&(o=p(e).position()[n]+"px")}return o}var u;if(w.Hooks.registered[n]){var l=n,c=w.Hooks.getRoot(l);o===r&&(o=w.getPropertyValue(e,w.Names.prefixCheck(c)[0])),w.Normalizations.registered[c]&&(o=w.Normalizations.registered[c]("extract",e,o)),u=w.Hooks.extractValue(l,o)}else if(w.Normalizations.registered[n]){var f,h;f=w.Normalizations.registered[n]("name",e),"transform"!==f&&(h=s(e,w.Names.prefixCheck(f)[0]),w.Values.isCSSNullValue(h)&&w.Hooks.templates[n]&&(h=w.Hooks.templates[n][1])),u=w.Normalizations.registered[n]("extract",e,h)}if(!/^[\d-]/.test(u)){var v=a(e);if(v&&v.isSVG&&w.Names.SVGAttribute(n))if(/^(height|width)$/i.test(n))try{u=e.getBBox()[n]}catch(m){u=0}else u=e.getAttribute(n);else u=s(e,w.Names.prefixCheck(n)[0])}return w.Values.isCSSNullValue(u)&&(u=0),b.debug>=2&&console.log("Get "+n+": "+u),u},setPropertyValue:function(e,n,r,o,i){var s=n;if("scroll"===n)i.container?i.container["scroll"+i.direction]=r:"Left"===i.direction?t.scrollTo(r,i.alternateValue):t.scrollTo(i.alternateValue,r);else if(w.Normalizations.registered[n]&&"transform"===w.Normalizations.registered[n]("name",e))w.Normalizations.registered[n]("inject",e,r),s="transform",r=a(e).transformCache[n];else{if(w.Hooks.registered[n]){var u=n,l=w.Hooks.getRoot(n);o=o||w.getPropertyValue(e,l),r=w.Hooks.injectValue(u,r,o),n=l}if(w.Normalizations.registered[n]&&(r=w.Normalizations.registered[n]("inject",e,r),n=w.Normalizations.registered[n]("name",e)),s=w.Names.prefixCheck(n)[0],d<=8)try{e.style[s]=r}catch(c){b.debug&&console.log("Browser does not support ["+r+"] for ["+s+"]")}else{var f=a(e);f&&f.isSVG&&w.Names.SVGAttribute(n)?e.setAttribute(n,r):e.style[s]=r}b.debug>=2&&console.log("Set "+n+" ("+s+"): "+r)}return[s,r]},flushTransformCache:function(e){var t="",n=a(e);if((d||b.State.isAndroid&&!b.State.isChrome)&&n&&n.isSVG){var r=function(t){return parseFloat(w.getPropertyValue(e,t))},o={translate:[r("translateX"),r("translateY")],skewX:[r("skewX")],skewY:[r("skewY")],scale:1!==r("scale")?[r("scale"),r("scale")]:[r("scaleX"),r("scaleY")],rotate:[r("rotateZ"),0,0]};p.each(a(e).transformCache,function(e){/^translate/i.test(e)?e="translate":/^scale/i.test(e)?e="scale":/^rotate/i.test(e)&&(e="rotate"),o[e]&&(t+=e+"("+o[e].join(" ")+") ",delete o[e])})}else{var i,s;p.each(a(e).transformCache,function(n){return i=a(e).transformCache[n],"transformPerspective"===n?(s=i,!0):(9===d&&"rotateZ"===n&&(n="rotate"),void(t+=n+i+" "))}),s&&(t="perspective"+s+" "+t)}w.setPropertyValue(e,"transform",t)}};w.Hooks.register(),w.Normalizations.register(),b.hook=function(e,t,n){var o;return e=i(e),p.each(e,function(e,i){if(a(i)===r&&b.init(i),n===r)o===r&&(o=w.getPropertyValue(i,t));else{var s=w.setPropertyValue(i,t,n);"transform"===s[0]&&b.CSS.flushTransformCache(i),o=s}}),o};var x=function(){function e(){return u?E.promise||null:d}function o(e,o){function i(i){var d,h;if(u.begin&&0===O)try{u.begin.call(m,m)}catch(y){setTimeout(function(){throw y},1)}if("scroll"===k){var x,C,P,T=/^x$/i.test(u.axis)?"Left":"Top",M=parseFloat(u.offset)||0;u.container?v.isWrapped(u.container)||v.isNode(u.container)?(u.container=u.container[0]||u.container,x=u.container["scroll"+T],P=x+p(e).position()[T.toLowerCase()]+M):u.container=null:(x=b.State.scrollAnchor[b.State["scrollProperty"+T]],C=b.State.scrollAnchor[b.State["scrollProperty"+("Left"===T?"Top":"Left")]],P=p(e).offset()[T.toLowerCase()]+M),f={scroll:{rootPropertyValue:!1,startValue:x,currentValue:x,endValue:P,unitType:"",easing:u.easing,scrollData:{container:u.container,direction:T,alternateValue:C}},element:e},b.debug&&console.log("tweensContainer (scroll): ",f.scroll,e)}else if("reverse"===k){if(d=a(e),!d)return;if(!d.tweensContainer)return void p.dequeue(e,u.queue);"none"===d.opts.display&&(d.opts.display="auto"),"hidden"===d.opts.visibility&&(d.opts.visibility="visible"),d.opts.loop=!1,d.opts.begin=null,d.opts.complete=null,_.easing||delete u.easing,_.duration||delete u.duration,u=p.extend({},d.opts,u),h=p.extend(!0,{},d?d.tweensContainer:null);for(var N in h)if(h.hasOwnProperty(N)&&"element"!==N){var A=h[N].startValue;h[N].startValue=h[N].currentValue=h[N].endValue,h[N].endValue=A,v.isEmptyObject(_)||(h[N].easing=u.easing),b.debug&&console.log("reverse tweensContainer ("+N+"): "+JSON.stringify(h[N]),e)}f=h}else if("start"===k){d=a(e),d&&d.tweensContainer&&d.isAnimating===!0&&(h=d.tweensContainer);var D=function(t,n){var r,i,a;return v.isFunction(t)&&(t=t.call(e,o,S)),v.isArray(t)?(r=t[0],!v.isArray(t[1])&&/^[\d-]/.test(t[1])||v.isFunction(t[1])||w.RegEx.isHex.test(t[1])?a=t[1]:v.isString(t[1])&&!w.RegEx.isHex.test(t[1])&&b.Easings[t[1]]||v.isArray(t[1])?(i=n?t[1]:l(t[1],u.duration),a=t[2]):a=t[1]||t[2]):r=t,n||(i=i||u.easing),v.isFunction(r)&&(r=r.call(e,o,S)),v.isFunction(a)&&(a=a.call(e,o,S)),[r||0,i,a]},I=function(o,i){var a,l=w.Hooks.getRoot(o),c=!1,m=i[0],y=i[1],g=i[2];if(!(d&&d.isSVG||"tween"===l||w.Names.prefixCheck(l)[1]!==!1||w.Normalizations.registered[l]!==r))return void(b.debug&&console.log("Skipping ["+l+"] due to a lack of browser support."));(u.display!==r&&null!==u.display&&"none"!==u.display||u.visibility!==r&&"hidden"!==u.visibility)&&/opacity|filter/.test(o)&&!g&&0!==m&&(g=0),u._cacheValues&&h&&h[o]?(g===r&&(g=h[o].endValue+h[o].unitType),c=d.rootPropertyValueCache[l]):w.Hooks.registered[o]?g===r?(c=w.getPropertyValue(e,l),g=w.getPropertyValue(e,o,c)):c=w.Hooks.templates[l][1]:g===r&&(g=w.getPropertyValue(e,o));var _,x,C,E=!1,S=function(e,t){var n,r;return r=(t||"0").toString().toLowerCase().replace(/[%A-z]+$/,function(e){return n=e,""}),n||(n=w.Values.getUnitType(e)),[r,n]};if(v.isString(g)&&v.isString(m)){a="";for(var O=0,P=0,T=[],k=[];O<g.length&&P<m.length;){var M=g[O],N=m[P];if(/[\d\.]/.test(M)&&/[\d\.]/.test(N)){for(var A=M,D=N,R=".",I=".";++O<g.length;){if(M=g[O],M===R)R="..";else if(!/\d/.test(M))break;A+=M}for(;++P<m.length;){if(N=m[P],N===I)I="..";else if(!/\d/.test(N))break;D+=N}A===D?a+=A:(a+="{"+T.length+"}",T.push(parseFloat(A)),k.push(parseFloat(D)))}else{if(M!==N)break;a+=M,O++,P++}}O===g.length&&P===m.length||(b.debug&&console.error('Trying to pattern match mis-matched strings ["'+m+'", "'+g+'"]'),a=r),a&&(T.length?(b.debug&&console.log('Pattern found "'+a+'" -> ',T,k,g,m),g=T,m=k,x=C=""):a=r)}a||(_=S(o,g),g=_[0],C=_[1],_=S(o,m),m=_[0].replace(/^([+-\/*])=/,function(e,t){return E=t,""}),x=_[1],g=parseFloat(g)||0,m=parseFloat(m)||0,"%"===x&&(/^(fontSize|lineHeight)$/.test(o)?(m/=100,x="em"):/^scale/.test(o)?(m/=100,x=""):/(Red|Green|Blue)$/i.test(o)&&(m=m/100*255,x="")));var L=function(){var r={myParent:e.parentNode||n.body,position:w.getPropertyValue(e,"position"),fontSize:w.getPropertyValue(e,"fontSize")},o=r.position===j.lastPosition&&r.myParent===j.lastParent,i=r.fontSize===j.lastFontSize;j.lastParent=r.myParent,j.lastPosition=r.position,j.lastFontSize=r.fontSize;var a=100,s={};if(i&&o)s.emToPx=j.lastEmToPx,s.percentToPxWidth=j.lastPercentToPxWidth,s.percentToPxHeight=j.lastPercentToPxHeight;else{var u=d&&d.isSVG?n.createElementNS("http://www.w3.org/2000/svg","rect"):n.createElement("div");b.init(u),r.myParent.appendChild(u),p.each(["overflow","overflowX","overflowY"],function(e,t){b.CSS.setPropertyValue(u,t,"hidden")}),b.CSS.setPropertyValue(u,"position",r.position),b.CSS.setPropertyValue(u,"fontSize",r.fontSize),b.CSS.setPropertyValue(u,"boxSizing","content-box"),p.each(["minWidth","maxWidth","width","minHeight","maxHeight","height"],function(e,t){b.CSS.setPropertyValue(u,t,a+"%")}),b.CSS.setPropertyValue(u,"paddingLeft",a+"em"),s.percentToPxWidth=j.lastPercentToPxWidth=(parseFloat(w.getPropertyValue(u,"width",null,!0))||1)/a,s.percentToPxHeight=j.lastPercentToPxHeight=(parseFloat(w.getPropertyValue(u,"height",null,!0))||1)/a,s.emToPx=j.lastEmToPx=(parseFloat(w.getPropertyValue(u,"paddingLeft"))||1)/a,r.myParent.removeChild(u)}return null===j.remToPx&&(j.remToPx=parseFloat(w.getPropertyValue(n.body,"fontSize"))||16),null===j.vwToPx&&(j.vwToPx=parseFloat(t.innerWidth)/100,j.vhToPx=parseFloat(t.innerHeight)/100),s.remToPx=j.remToPx,s.vwToPx=j.vwToPx,s.vhToPx=j.vhToPx,b.debug>=1&&console.log("Unit ratios: "+JSON.stringify(s),e),s};if(/[\/*]/.test(E))x=C;else if(C!==x&&0!==g)if(0===m)x=C;else{s=s||L();var F=/margin|padding|left|right|width|text|word|letter/i.test(o)||/X$/.test(o)||"x"===o?"x":"y";switch(C){case"%":g*="x"===F?s.percentToPxWidth:s.percentToPxHeight;break;case"px":break;default:g*=s[C+"ToPx"]}switch(x){case"%":g*=1/("x"===F?s.percentToPxWidth:s.percentToPxHeight);break;case"px":break;default:g*=1/s[x+"ToPx"]}}switch(E){case"+":m=g+m;break;case"-":m=g-m;break;case"*":m=g*m;break;case"/":m=g/m}f[o]={rootPropertyValue:c,startValue:g,currentValue:g,endValue:m,unitType:x,easing:y},a&&(f[o].pattern=a),b.debug&&console.log("tweensContainer ("+o+"): "+JSON.stringify(f[o]),e)};for(var L in g)if(g.hasOwnProperty(L)){var F=w.Names.camelCase(L),U=D(g[L]);if(w.Lists.colors.indexOf(F)>=0){var V=U[0],B=U[1],z=U[2];if(w.RegEx.isHex.test(V)){for(var H=["Red","Green","Blue"],K=w.Values.hexToRgb(V),W=z?w.Values.hexToRgb(z):r,q=0;q<H.length;q++){var Y=[K[q]];B&&Y.push(B),W!==r&&Y.push(W[q]),I(F+H[q],Y)}continue}}I(F,U)}f.element=e}f.element&&(w.Values.addClass(e,"velocity-animating"),R.push(f),d=a(e),d&&(""===u.queue&&(d.tweensContainer=f,d.opts=u),d.isAnimating=!0),O===S-1?(b.State.calls.push([R,m,u,null,E.resolver]),b.State.isTicking===!1&&(b.State.isTicking=!0,c())):O++)}var s,u=p.extend({},b.defaults,_),f={};switch(a(e)===r&&b.init(e),parseFloat(u.delay)&&u.queue!==!1&&p.queue(e,u.queue,function(t){b.velocityQueueEntryFlag=!0,a(e).delayTimer={setTimeout:setTimeout(t,parseFloat(u.delay)),next:t}}),u.duration.toString().toLowerCase()){case"fast":u.duration=200;break;case"normal":
+u.duration=y;break;case"slow":u.duration=600;break;default:u.duration=parseFloat(u.duration)||1}b.mock!==!1&&(b.mock===!0?u.duration=u.delay=1:(u.duration*=parseFloat(b.mock)||1,u.delay*=parseFloat(b.mock)||1)),u.easing=l(u.easing,u.duration),u.begin&&!v.isFunction(u.begin)&&(u.begin=null),u.progress&&!v.isFunction(u.progress)&&(u.progress=null),u.complete&&!v.isFunction(u.complete)&&(u.complete=null),u.display!==r&&null!==u.display&&(u.display=u.display.toString().toLowerCase(),"auto"===u.display&&(u.display=b.CSS.Values.getDisplayType(e))),u.visibility!==r&&null!==u.visibility&&(u.visibility=u.visibility.toString().toLowerCase()),u.mobileHA=u.mobileHA&&b.State.isMobile&&!b.State.isGingerbread,u.queue===!1?u.delay?setTimeout(i,u.delay):i():p.queue(e,u.queue,function(e,t){return t===!0?(E.promise&&E.resolver(m),!0):(b.velocityQueueEntryFlag=!0,void i(e))}),""!==u.queue&&"fx"!==u.queue||"inprogress"===p.queue(e)[0]||p.dequeue(e)}var s,u,d,h,m,g,_,C=arguments[0]&&(arguments[0].p||p.isPlainObject(arguments[0].properties)&&!arguments[0].properties.names||v.isString(arguments[0].properties));v.isWrapped(this)?(u=!1,h=0,m=this,d=this):(u=!0,h=1,m=C?arguments[0].elements||arguments[0].e:arguments[0]);var E={promise:null,resolver:null,rejecter:null};if(u&&b.Promise&&(E.promise=new b.Promise(function(e,t){E.resolver=e,E.rejecter=t})),C?(g=arguments[0].properties||arguments[0].p,_=arguments[0].options||arguments[0].o):(g=arguments[h],_=arguments[h+1]),m=i(m),!m)return void(E.promise&&(g&&_&&_.promiseRejectEmpty===!1?E.resolver():E.rejecter()));var S=m.length,O=0;if(!/^(stop|finish|finishAll)$/i.test(g)&&!p.isPlainObject(_)){var P=h+1;_={};for(var T=P;T<arguments.length;T++)v.isArray(arguments[T])||!/^(fast|normal|slow)$/i.test(arguments[T])&&!/^\d/.test(arguments[T])?v.isString(arguments[T])||v.isArray(arguments[T])?_.easing=arguments[T]:v.isFunction(arguments[T])&&(_.complete=arguments[T]):_.duration=arguments[T]}var k;switch(g){case"scroll":k="scroll";break;case"reverse":k="reverse";break;case"finish":case"finishAll":case"stop":p.each(m,function(e,t){a(t)&&a(t).delayTimer&&(clearTimeout(a(t).delayTimer.setTimeout),a(t).delayTimer.next&&a(t).delayTimer.next(),delete a(t).delayTimer),"finishAll"!==g||_!==!0&&!v.isString(_)||(p.each(p.queue(t,v.isString(_)?_:""),function(e,t){v.isFunction(t)&&t()}),p.queue(t,v.isString(_)?_:"",[]))});var M=[];return p.each(b.State.calls,function(e,t){t&&p.each(t[1],function(n,o){var i=_===r?"":_;return i!==!0&&t[2].queue!==i&&(_!==r||t[2].queue!==!1)||void p.each(m,function(n,r){if(r===o)if((_===!0||v.isString(_))&&(p.each(p.queue(r,v.isString(_)?_:""),function(e,t){v.isFunction(t)&&t(null,!0)}),p.queue(r,v.isString(_)?_:"",[])),"stop"===g){var s=a(r);s&&s.tweensContainer&&i!==!1&&p.each(s.tweensContainer,function(e,t){t.endValue=t.currentValue}),M.push(e)}else"finish"!==g&&"finishAll"!==g||(t[2].duration=1)})})}),"stop"===g&&(p.each(M,function(e,t){f(t,!0)}),E.promise&&E.resolver(m)),e();default:if(!p.isPlainObject(g)||v.isEmptyObject(g)){if(v.isString(g)&&b.Redirects[g]){s=p.extend({},_);var N=s.duration,A=s.delay||0;return s.backwards===!0&&(m=p.extend(!0,[],m).reverse()),p.each(m,function(e,t){parseFloat(s.stagger)?s.delay=A+parseFloat(s.stagger)*e:v.isFunction(s.stagger)&&(s.delay=A+s.stagger.call(t,e,S)),s.drag&&(s.duration=parseFloat(N)||(/^(callout|transition)/.test(g)?1e3:y),s.duration=Math.max(s.duration*(s.backwards?1-e/S:(e+1)/S),.75*s.duration,200)),b.Redirects[g].call(t,t,s||{},e,S,m,E.promise?E:r)}),e()}var D="Velocity: First argument ("+g+") was not a property map, a known action, or a registered redirect. Aborting.";return E.promise?E.rejecter(new Error(D)):console.log(D),e()}k="start"}var j={lastParent:null,lastPosition:null,lastFontSize:null,lastPercentToPxWidth:null,lastPercentToPxHeight:null,lastEmToPx:null,remToPx:null,vwToPx:null,vhToPx:null},R=[];p.each(m,function(e,t){v.isNode(t)&&o(t,e)}),s=p.extend({},b.defaults,_),s.loop=parseInt(s.loop,10);var I=2*s.loop-1;if(s.loop)for(var L=0;L<I;L++){var F={delay:s.delay,progress:s.progress};L===I-1&&(F.display=s.display,F.visibility=s.visibility,F.complete=s.complete),x(m,"reverse",F)}return e()};b=p.extend(x,b),b.animate=x;var C=t.requestAnimationFrame||h;return b.State.isMobile||n.hidden===r||n.addEventListener("visibilitychange",function(){n.hidden?(C=function(e){return setTimeout(function(){e(!0)},16)},c()):C=t.requestAnimationFrame||h}),e.Velocity=b,e!==t&&(e.fn.velocity=x,e.fn.velocity.defaults=b.defaults),p.each(["Down","Up"],function(e,t){b.Redirects["slide"+t]=function(e,n,o,i,a,s){var u=p.extend({},n),l=u.begin,c=u.complete,f={},d={height:"",marginTop:"",marginBottom:"",paddingTop:"",paddingBottom:""};u.display===r&&(u.display="Down"===t?"inline"===b.CSS.Values.getDisplayType(e)?"inline-block":"block":"none"),u.begin=function(){0===o&&l&&l.call(a,a);for(var n in d)if(d.hasOwnProperty(n)){f[n]=e.style[n];var r=w.getPropertyValue(e,n);d[n]="Down"===t?[r,0]:[0,r]}f.overflow=e.style.overflow,e.style.overflow="hidden"},u.complete=function(){for(var t in f)f.hasOwnProperty(t)&&(e.style[t]=f[t]);o===i-1&&(c&&c.call(a,a),s&&s.resolver(a))},b(e,d,u)}}),p.each(["In","Out"],function(e,t){b.Redirects["fade"+t]=function(e,n,o,i,a,s){var u=p.extend({},n),l=u.complete,c={opacity:"In"===t?1:0};0!==o&&(u.begin=null),o!==i-1?u.complete=null:u.complete=function(){l&&l.call(a,a),s&&s.resolver(a)},u.display===r&&(u.display="In"===t?"auto":"none"),b(this,c,u)}}),b}(window.jQuery||window.Zepto||window,window,window?window.document:void 0)})},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(t,"__esModule",{value:!0});var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=n(1),s=r(a),u=n(2),l=r(u),c=n(92),f=r(c),p=n(1331),d=r(p),h=s["default"].createClass({displayName:"Dropdown",propTypes:{minOverlayWidthMatchTrigger:a.PropTypes.bool,onVisibleChange:a.PropTypes.func,prefixCls:a.PropTypes.string,children:a.PropTypes.any,transitionName:a.PropTypes.string,overlayClassName:a.PropTypes.string,animation:a.PropTypes.any,align:a.PropTypes.object,overlayStyle:a.PropTypes.object,placement:a.PropTypes.string,trigger:a.PropTypes.array,showAction:a.PropTypes.array,hideAction:a.PropTypes.array,getPopupContainer:a.PropTypes.func},getDefaultProps:function(){return{minOverlayWidthMatchTrigger:!0,prefixCls:"rc-dropdown",trigger:["hover"],showAction:[],hideAction:[],overlayClassName:"",overlayStyle:{},defaultVisible:!1,onVisibleChange:function(){},placement:"bottomLeft"}},getInitialState:function(){var e=this.props;return"visible"in e?{visible:e.visible}:{visible:e.defaultVisible}},componentWillReceiveProps:function(e){var t=e.visible;void 0!==t&&this.setState({visible:t})},onClick:function(e){var t=this.props,n=t.overlay.props;"visible"in t||this.setState({visible:!1}),n.onClick&&n.onClick(e)},onVisibleChange:function(e){var t=this.props;"visible"in t||this.setState({visible:e}),t.onVisibleChange(e)},getMenuElement:function(){var e=this.props;return s["default"].cloneElement(e.overlay,{prefixCls:e.prefixCls+"-menu",onClick:this.onClick})},getPopupDomNode:function(){return this.refs.trigger.getPopupDomNode()},afterVisibleChange:function(e){if(e&&this.props.minOverlayWidthMatchTrigger){var t=this.getPopupDomNode(),n=l["default"].findDOMNode(this);n.offsetWidth>t.offsetWidth&&(t.style.width=n.offsetWidth+"px")}},render:function(){var e=this.props,t=e.prefixCls,n=e.children,r=e.transitionName,a=e.animation,u=e.align,l=e.placement,c=e.getPopupContainer,p=e.showAction,h=e.hideAction,v=e.overlayClassName,m=e.overlayStyle,y=e.trigger,g=o(e,["prefixCls","children","transitionName","animation","align","placement","getPopupContainer","showAction","hideAction","overlayClassName","overlayStyle","trigger"]);return s["default"].createElement(f["default"],i({},g,{prefixCls:t,ref:"trigger",popupClassName:v,popupStyle:m,builtinPlacements:d["default"],action:y,showAction:p,hideAction:h,popupPlacement:l,popupAlign:u,popupTransitionName:r,popupAnimation:a,popupVisible:this.state.visible,afterPopupVisibleChange:this.afterVisibleChange,popup:this.getMenuElement(),onPopupVisibleChange:this.onVisibleChange,getPopupContainer:c}),n)}});t["default"]=h,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1329),i=r(o);t["default"]=i["default"],e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={adjustX:1,adjustY:1},r=[0,0],o=t.placements={topLeft:{points:["bl","tl"],overflow:n,offset:[0,-4],targetOffset:r},topCenter:{points:["bc","tc"],overflow:n,offset:[0,-4],targetOffset:r},topRight:{points:["br","tr"],overflow:n,offset:[0,-4],targetOffset:r},bottomLeft:{points:["tl","bl"],overflow:n,offset:[0,4],targetOffset:r},bottomCenter:{points:["tc","bc"],overflow:n,offset:[0,4],targetOffset:r},bottomRight:{points:["tr","br"],overflow:n,offset:[0,4],targetOffset:r}};t["default"]=o},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Object.defineProperty(t,"__esModule",{value:!0});var i=n(1),a=r(i),s=n(8),u=r(s),l=a["default"].createClass({displayName:"Notice",propTypes:{duration:i.PropTypes.number,onClose:i.PropTypes.func,children:i.PropTypes.any},getDefaultProps:function(){return{onEnd:function(){},onClose:function(){},duration:1.5,style:{right:"50%"}}},componentDidMount:function(){var e=this;this.props.duration&&(this.closeTimer=setTimeout(function(){e.close()},1e3*this.props.duration))},componentWillUnmount:function(){this.clearCloseTimer()},clearCloseTimer:function(){this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null)},close:function(){this.clearCloseTimer(),this.props.onClose()},render:function(){var e,t=this.props,n=t.prefixCls+"-notice",r=(e={},o(e,""+n,1),o(e,n+"-closable",t.closable),o(e,t.className,!!t.className),e);return a["default"].createElement("div",{className:(0,u["default"])(r),style:t.style},a["default"].createElement("div",{className:n+"-content"},t.children),t.closable?a["default"].createElement("a",{tabIndex:"0",onClick:this.close,className:n+"-close"},a["default"].createElement("span",{className:n+"-close-x"})):null)}});t["default"]=l,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(){return"rcNotification_"+w+"_"+_++}Object.defineProperty(t,"__esModule",{value:!0});var s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u=n(1),l=r(u),c=n(2),f=r(c),p=n(31),d=r(p),h=n(478),v=r(h),m=n(8),y=r(m),g=n(1332),b=r(g),_=0,w=Date.now(),x=l["default"].createClass({displayName:"Notification",propTypes:{prefixCls:u.PropTypes.string,transitionName:u.PropTypes.string,animation:u.PropTypes.oneOfType([u.PropTypes.string,u.PropTypes.object]),style:u.PropTypes.object},getDefaultProps:function(){return{prefixCls:"rc-notification",animation:"fade",style:{top:65,left:"50%"}}},getInitialState:function(){return{notices:[]}},getTransitionName:function(){var e=this.props,t=e.transitionName;return!t&&e.animation&&(t=e.prefixCls+"-"+e.animation),t},add:function(e){var t=e.key=e.key||a();this.setState(function(n){var r=n.notices;if(!r.filter(function(e){return e.key===t}).length)return{notices:r.concat(e)}})},remove:function(e){this.setState(function(t){return{notices:t.notices.filter(function(t){return t.key!==e})}})},render:function(){var e,t=this,n=this.props,r=this.state.notices.map(function(e){var r=(0,v["default"])(t.remove.bind(t,e.key),e.onClose);return l["default"].createElement(b["default"],s({prefixCls:n.prefixCls},e,{onClose:r}),e.content)}),o=(e={},i(e,n.prefixCls,1),i(e,n.className,!!n.className),e);return l["default"].createElement("div",{className:(0,y["default"])(o),style:n.style},l["default"].createElement(d["default"],{transitionName:this.getTransitionName()},r))}});x.newInstance=function(e){var t=e||{},n=t.getContainer,r=o(t,["getContainer"]),i=void 0;n?i=n():(i=document.createElement("div"),document.body.appendChild(i));var a=f["default"].render(l["default"].createElement(x,r),i);return{notice:function(e){a.add(e)},removeNotice:function(e){a.remove(e)},component:a,destroy:function(){f["default"].unmountComponentAtNode(i),document.body.removeChild(i)}}},t["default"]=x,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}function c(){}Object.defineProperty(t,"__esModule",{value:!0});var f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p=n(1),d=r(p),h=n(12),v=r(h),m=n(8),y=function(e){function t(n){s(this,t);var r=u(this,e.call(this,n)),o=!1;return o="checked"in n?!!n.checked:!!n.defaultChecked,r.state={checked:o},r}return l(t,e),t.prototype.componentWillReceiveProps=function(e){"checked"in e&&this.setState({checked:!!e.checked})},t.prototype.setChecked=function(e){"checked"in this.props||this.setState({checked:e}),this.props.onChange(e)},t.prototype.toggle=function(){var e=!this.state.checked;this.setChecked(e)},t.prototype.handleKeyDown=function(e){37===e.keyCode&&this.setChecked(!1),39===e.keyCode&&this.setChecked(!0)},t.prototype.handleMouseUp=function(e){this.refs.node&&this.refs.node.blur(),this.props.onMouseUp&&this.props.onMouseUp(e)},t.prototype.render=function(){var e,t=this.props,n=t.className,r=t.prefixCls,o=t.disabled,s=t.checkedChildren,u=t.unCheckedChildren,l=a(t,["className","prefixCls","disabled","checkedChildren","unCheckedChildren"]),p=this.state.checked,h=m((e={},i(e,n,!!n),i(e,r,!0),i(e,r+"-checked",p),i(e,r+"-disabled",o),e));return d["default"].createElement("span",f({},l,{className:h,tabIndex:o?-1:0,ref:"node",onKeyDown:this.handleKeyDown.bind(this),onClick:o?c:this.toggle.bind(this),onMouseUp:this.handleMouseUp.bind(this)}),d["default"].createElement("span",{className:r+"-inner"},p?s:u))},t}(p.Component);y.propTypes={className:v["default"].string,prefixCls:v["default"].string,disabled:v["default"].bool,checkedChildren:v["default"].any,unCheckedChildren:v["default"].any,onChange:v["default"].func,onMouseUp:v["default"].func,checked:v["default"].bool,defaultChecked:v["default"].bool},y.defaultProps={prefixCls:"rc-switch",checkedChildren:null,unCheckedChildren:null,className:"",defaultChecked:!1,onChange:c},t["default"]=y,e.exports=t["default"]},function(e,t,n){"use strict";e.exports=n(1334)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}function l(){}Object.defineProperty(t,"__esModule",{value:!0});var c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f=n(1),p=r(f),d=n(12),h=r(d),v=n(11),m=r(v),y=n(8),g=r(y),b=n(391),_=function(e){function t(n){a(this,t);var r=s(this,e.call(this,n));return["onKeyDown","onCheck"].forEach(function(e){r[e]=r[e].bind(r)}),r.contextmenuKeys=[],r.checkedKeysChange=!0,r.state={expandedKeys:r.getDefaultExpandedKeys(n),checkedKeys:r.getDefaultCheckedKeys(n),selectedKeys:r.getDefaultSelectedKeys(n),dragNodesKeys:"",dragOverNodeKey:"",dropNodeKey:""},r}return u(t,e),t.prototype.componentWillReceiveProps=function(e){var t=this.getDefaultExpandedKeys(e,!0),n=this.getDefaultCheckedKeys(e,!0),r=this.getDefaultSelectedKeys(e,!0),o={};t&&(o.expandedKeys=t),n&&(e.checkedKeys===this.props.checkedKeys?this.checkedKeysChange=!1:this.checkedKeysChange=!0,o.checkedKeys=n),r&&(o.selectedKeys=r),this.setState(o)},t.prototype.onDragStart=function(e,t){this.dragNode=t,this.dragNodesKeys=this.getDragNodes(t);var n={dragNodesKeys:this.dragNodesKeys},r=this.getExpandedKeys(t,!1);r&&(this.getRawExpandedKeys(),n.expandedKeys=r),this.setState(n),this.props.onDragStart({event:e,node:t}),this._dropTrigger=!1},t.prototype.onDragEnterGap=function(e,t){var n=(0,b.getOffset)(t.refs.selectHandle).top,r=t.refs.selectHandle.offsetHeight,o=e.pageY,i=2;return o>n+r-i?(this.dropPosition=1,1):o<n+i?(this.dropPosition=-1,-1):(this.dropPosition=0,0)},t.prototype.onDragEnter=function(e,t){var n=this.onDragEnterGap(e,t);if(this.dragNode.props.eventKey===t.props.eventKey&&0===n)return void this.setState({dragOverNodeKey:""});var r={dragOverNodeKey:t.props.eventKey},o=this.getExpandedKeys(t,!0);o&&(this.getRawExpandedKeys(),r.expandedKeys=o),this.setState(r),this.props.onDragEnter({event:e,node:t,expandedKeys:o&&[].concat(i(o))||[].concat(i(this.state.expandedKeys))})},t.prototype.onDragOver=function(e,t){this.props.onDragOver({event:e,node:t})},t.prototype.onDragLeave=function(e,t){this.props.onDragLeave({event:e,node:t})},t.prototype.onDrop=function(e,t){var n=t.props.eventKey;if(this.setState({dragOverNodeKey:"",dropNodeKey:n}),this.dragNodesKeys.indexOf(n)>-1)return console.warn&&console.warn("can not drop to dragNode(include it's children node)"),!1;var r=t.props.pos.split("-"),o={event:e,node:t,dragNode:this.dragNode,dragNodesKeys:[].concat(i(this.dragNodesKeys)),dropPosition:this.dropPosition+Number(r[r.length-1])};0!==this.dropPosition&&(o.dropToGap=!0),"expandedKeys"in this.props&&(o.rawExpandedKeys=[].concat(i(this._rawExpandedKeys))||[].concat(i(this.state.expandedKeys))),this.props.onDrop(o),this._dropTrigger=!0},t.prototype.onDragEnd=function(e,t){this.setState({dragOverNodeKey:""}),this.props.onDragEnd({event:e,node:t})},t.prototype.onExpand=function(e){var t=this,n=!e.props.expanded,r="expandedKeys"in this.props,o=[].concat(i(this.state.expandedKeys)),a=o.indexOf(e.props.eventKey);if(n&&a===-1?o.push(e.props.eventKey):!n&&a>-1&&o.splice(a,1),r||this.setState({expandedKeys:o}),this.props.onExpand(o,{node:e,expanded:n}),n&&this.props.loadData)return this.props.loadData(e).then(function(){r||t.setState({expandedKeys:o})})},t.prototype.onCheck=function(e){var t=this,n=!e.props.checked;e.props.halfChecked&&(n=!0);var r=e.props.eventKey,o=[].concat(i(this.state.checkedKeys)),a=o.indexOf(r),s={event:"check",node:e,checked:n};if(this.props.checkStrictly){n&&a===-1&&o.push(r),!n&&a>-1&&o.splice(a,1),s.checkedNodes=[],(0,b.loopAllChildren)(this.props.children,function(e,t,n,r){o.indexOf(r)!==-1&&s.checkedNodes.push(e)}),"checkedKeys"in this.props||this.setState({checkedKeys:o});var u=this.props.checkedKeys?this.props.checkedKeys.halfChecked:[];this.props.onCheck((0,b.getStrictlyValue)(o,u),s)}else{if(n&&a===-1){this.treeNodesStates[e.props.pos].checked=!0;var l=[];Object.keys(this.treeNodesStates).forEach(function(e){t.treeNodesStates[e].checked&&l.push(e)}),(0,b.handleCheckState)(this.treeNodesStates,(0,b.filterParentPosition)(l),!0)}n||(this.treeNodesStates[e.props.pos].checked=!1,this.treeNodesStates[e.props.pos].halfChecked=!1,(0,b.handleCheckState)(this.treeNodesStates,[e.props.pos],!1));var c=(0,b.getCheck)(this.treeNodesStates);s.checkedNodes=c.checkedNodes,s.checkedNodesPositions=c.checkedNodesPositions,s.halfCheckedKeys=c.halfCheckedKeys,this.checkKeys=c,this._checkedKeys=o=c.checkedKeys,"checkedKeys"in this.props||this.setState({checkedKeys:o}),this.props.onCheck(o,s)}},t.prototype.onSelect=function(e){var t=this.props,n=[].concat(i(this.state.selectedKeys)),r=e.props.eventKey,o=n.indexOf(r),a=void 0;o!==-1?(a=!1,n.splice(o,1)):(a=!0,t.multiple||(n.length=0),n.push(r));var s=[];n.length&&(0,b.loopAllChildren)(this.props.children,function(e){n.indexOf(e.key)!==-1&&s.push(e)});var u={event:"select",node:e,selected:a,selectedNodes:s};"selectedKeys"in this.props||this.setState({selectedKeys:n}),t.onSelect(n,u)},t.prototype.onMouseEnter=function(e,t){this.props.onMouseEnter({event:e,node:t})},t.prototype.onMouseLeave=function(e,t){this.props.onMouseLeave({event:e,node:t})},t.prototype.onContextMenu=function(e,t){var n=[].concat(i(this.state.selectedKeys)),r=t.props.eventKey;this.contextmenuKeys.indexOf(r)===-1&&this.contextmenuKeys.push(r),this.contextmenuKeys.forEach(function(e){var t=n.indexOf(e);t!==-1&&n.splice(t,1)}),n.indexOf(r)===-1&&n.push(r),this.setState({selectedKeys:n}),this.props.onRightClick({event:e,node:t})},t.prototype.onKeyDown=function(e){e.preventDefault()},t.prototype.getFilterExpandedKeys=function(e,t,n){var r=e[t];if(!n&&!e.autoExpandParent)return r||[];var o=[];e.autoExpandParent&&(0,b.loopAllChildren)(e.children,function(e,t,n,i){r.indexOf(i)>-1&&o.push(n)});var i=[];return(0,b.loopAllChildren)(e.children,function(t,r,a,s){n?i.push(s):e.autoExpandParent&&o.forEach(function(e){(e.split("-").length>a.split("-").length&&(0,b.isInclude)(a.split("-"),e.split("-"))||a===e)&&i.indexOf(s)===-1&&i.push(s)})}),i.length?i:r},t.prototype.getDefaultExpandedKeys=function(e,t){var n=t?void 0:this.getFilterExpandedKeys(e,"defaultExpandedKeys",!e.defaultExpandedKeys.length&&e.defaultExpandAll);return"expandedKeys"in e&&(n=(e.autoExpandParent?this.getFilterExpandedKeys(e,"expandedKeys",!1):e.expandedKeys)||[]),n},t.prototype.getDefaultCheckedKeys=function(e,t){var n=t?void 0:e.defaultCheckedKeys;return"checkedKeys"in e&&(n=e.checkedKeys||[],e.checkStrictly&&(e.checkedKeys.checked?n=e.checkedKeys.checked:Array.isArray(e.checkedKeys)||(n=[]))),n},t.prototype.getDefaultSelectedKeys=function(e,t){var n=function(t){return e.multiple?[].concat(i(t)):t.length?[t[0]]:t},r=t?void 0:n(e.defaultSelectedKeys);return"selectedKeys"in e&&(r=n(e.selectedKeys)),r},t.prototype.getRawExpandedKeys=function(){!this._rawExpandedKeys&&"expandedKeys"in this.props&&(this._rawExpandedKeys=[].concat(i(this.state.expandedKeys)))},t.prototype.getOpenTransitionName=function(){var e=this.props,t=e.openTransitionName,n=e.openAnimation;return t||"string"!=typeof n||(t=e.prefixCls+"-open-"+n),t},t.prototype.getDragNodes=function(e){var t=[],n=e.props.pos.split("-");return(0,b.loopAllChildren)(this.props.children,function(r,o,i,a){var s=i.split("-");(e.props.pos===i||n.length<s.length&&(0,b.isInclude)(n,s))&&t.push(a)}),t},t.prototype.getExpandedKeys=function(e,t){var n=e.props.eventKey,r=this.state.expandedKeys,o=r.indexOf(n),a=void 0;return o>-1&&!t?(a=[].concat(i(r)),a.splice(o,1),a):t&&r.indexOf(n)===-1?r.concat([n]):void 0},t.prototype.filterTreeNode=function n(e){var n=this.props.filterTreeNode;return"function"==typeof n&&!e.props.disabled&&n.call(this,e)},t.prototype.renderTreeNode=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=n+"-"+t,o=e.key||r,i=this.state,a=this.props,s=a.selectable;e.props.hasOwnProperty("selectable")&&(s=e.props.selectable);var u={ref:"treeNode-"+o,root:this,eventKey:o,pos:r,selectable:s,loadData:a.loadData,onMouseEnter:a.onMouseEnter,onMouseLeave:a.onMouseLeave,onRightClick:a.onRightClick,prefixCls:a.prefixCls,showLine:a.showLine,showIcon:a.showIcon,draggable:a.draggable,dragOver:i.dragOverNodeKey===o&&0===this.dropPosition,dragOverGapTop:i.dragOverNodeKey===o&&this.dropPosition===-1,dragOverGapBottom:i.dragOverNodeKey===o&&1===this.dropPosition,_dropTrigger:this._dropTrigger,expanded:i.expandedKeys.indexOf(o)!==-1,selected:i.selectedKeys.indexOf(o)!==-1,openTransitionName:this.getOpenTransitionName(),openAnimation:a.openAnimation,filterTreeNode:this.filterTreeNode.bind(this)};return a.checkable&&(u.checkable=a.checkable,a.checkStrictly?(i.checkedKeys&&(u.checked=i.checkedKeys.indexOf(o)!==-1||!1),a.checkedKeys&&a.checkedKeys.halfChecked?u.halfChecked=a.checkedKeys.halfChecked.indexOf(o)!==-1||!1:u.halfChecked=!1):(this.checkedKeys&&(u.checked=this.checkedKeys.indexOf(o)!==-1||!1),u.halfChecked=this.halfCheckedKeys.indexOf(o)!==-1)),this.treeNodesStates&&this.treeNodesStates[r]&&(0,m["default"])(u,this.treeNodesStates[r].siblingPosition),p["default"].cloneElement(e,u)},t.prototype.render=function(){var e=this,t=this.props,n={className:(0,g["default"])(t.className,t.prefixCls),role:"tree-node"};t.focusable&&(n.tabIndex="0",n.onKeyDown=this.onKeyDown);var r=function(){e.treeNodesStates={},(0,b.loopAllChildren)(t.children,function(t,n,r,o,i){e.treeNodesStates[r]={siblingPosition:i}})};if(t.showLine&&!t.checkable&&r(),t.checkable&&(this.checkedKeysChange||t.loadData))if(t.checkStrictly)r();else if(t._treeNodesStates)this.treeNodesStates=t._treeNodesStates.treeNodesStates,this.halfCheckedKeys=t._treeNodesStates.halfCheckedKeys,this.checkedKeys=t._treeNodesStates.checkedKeys;else{var o=this.state.checkedKeys,i=void 0;if(!t.loadData&&this.checkKeys&&this._checkedKeys&&(0,b.arraysEqual)(this._checkedKeys,o))i=this.checkKeys;else{var a=[];this.treeNodesStates={},(0,b.loopAllChildren)(t.children,function(t,n,r,i,s){e.treeNodesStates[r]={node:t,key:i,checked:!1,halfChecked:!1,siblingPosition:s},o.indexOf(i)!==-1&&(e.treeNodesStates[r].checked=!0,a.push(r))}),(0,b.handleCheckState)(this.treeNodesStates,(0,b.filterParentPosition)(a),!0),i=(0,b.getCheck)(this.treeNodesStates)}this.halfCheckedKeys=i.halfCheckedKeys,this.checkedKeys=i.checkedKeys}return p["default"].createElement("ul",c({},n,{unselectable:!0,ref:"tree"}),p["default"].Children.map(t.children,this.renderTreeNode,this))},t}(p["default"].Component);_.propTypes={prefixCls:h["default"].string,children:h["default"].any,showLine:h["default"].bool,showIcon:h["default"].bool,selectable:h["default"].bool,multiple:h["default"].bool,checkable:h["default"].oneOfType([h["default"].bool,h["default"].node]),_treeNodesStates:h["default"].object,checkStrictly:h["default"].bool,draggable:h["default"].bool,autoExpandParent:h["default"].bool,defaultExpandAll:h["default"].bool,defaultExpandedKeys:h["default"].arrayOf(h["default"].string),expandedKeys:h["default"].arrayOf(h["default"].string),defaultCheckedKeys:h["default"].arrayOf(h["default"].string),checkedKeys:h["default"].oneOfType([h["default"].arrayOf(h["default"].string),h["default"].object]),defaultSelectedKeys:h["default"].arrayOf(h["default"].string),selectedKeys:h["default"].arrayOf(h["default"].string),onExpand:h["default"].func,onCheck:h["default"].func,onSelect:h["default"].func,loadData:h["default"].func,onMouseEnter:h["default"].func,onMouseLeave:h["default"].func,onRightClick:h["default"].func,onDragStart:h["default"].func,onDragEnter:h["default"].func,onDragOver:h["default"].func,onDragLeave:h["default"].func,onDrop:h["default"].func,onDragEnd:h["default"].func,filterTreeNode:h["default"].func,openTransitionName:h["default"].string,openAnimation:h["default"].oneOfType([h["default"].string,h["default"].object])},_.defaultProps={prefixCls:"rc-tree",showLine:!1,showIcon:!0,selectable:!0,multiple:!1,checkable:!1,checkStrictly:!1,draggable:!1,autoExpandParent:!0,defaultExpandAll:!1,defaultExpandedKeys:[],defaultCheckedKeys:[],defaultSelectedKeys:[],onExpand:l,onCheck:l,onSelect:l,onDragStart:l,onDragEnter:l,onDragOver:l,onDragLeave:l,onDrop:l,onDragEnd:l},t["default"]=_,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f=n(1),p=r(f),d=n(12),h=r(d),v=n(11),m=r(v),y=n(8),g=r(y),b=n(31),_=r(b),w=n(391),x=n(298),C=r(x),E="undefined"!=typeof window?(0,w.browser)(window.navigator):"",S=/.*(IE|Edge).+/.test(E),O="---",P=function(e){function t(n){a(this,t);var r=s(this,e.call(this,n));return["onExpand","onCheck","onContextMenu","onMouseEnter","onMouseLeave","onDragStart","onDragEnter","onDragOver","onDragLeave","onDrop","onDragEnd"].forEach(function(e){r[e]=r[e].bind(r)}),r.state={dataLoading:!1,dragNodeHighlight:!1},r}return u(t,e),t.prototype.componentDidMount=function(){this.props.root._treeNodeInstances||(this.props.root._treeNodeInstances=[]),this.props.root._treeNodeInstances.push(this)},t.prototype.onCheck=function(){this.props.root.onCheck(this)},t.prototype.onSelect=function(){this.props.root.onSelect(this)},t.prototype.onMouseEnter=function(e){e.preventDefault(),this.props.root.onMouseEnter(e,this)},t.prototype.onMouseLeave=function(e){e.preventDefault(),this.props.root.onMouseLeave(e,this)},t.prototype.onContextMenu=function(e){e.preventDefault(),this.props.root.onContextMenu(e,this)},t.prototype.onDragStart=function(e){e.stopPropagation(),this.setState({dragNodeHighlight:!0}),this.props.root.onDragStart(e,this);try{e.dataTransfer.setData("text/plain","")}catch(t){}},t.prototype.onDragEnter=function(e){e.preventDefault(),e.stopPropagation(),this.props.root.onDragEnter(e,this)},t.prototype.onDragOver=function(e){
+return e.preventDefault(),e.stopPropagation(),this.props.root.onDragOver(e,this),!1},t.prototype.onDragLeave=function(e){e.stopPropagation(),this.props.root.onDragLeave(e,this)},t.prototype.onDrop=function(e){e.preventDefault(),e.stopPropagation(),this.setState({dragNodeHighlight:!1}),this.props.root.onDrop(e,this)},t.prototype.onDragEnd=function(e){e.stopPropagation(),this.setState({dragNodeHighlight:!1}),this.props.root.onDragEnd(e,this)},t.prototype.onExpand=function(){var e=this,t=this.props.root.onExpand(this);if(t&&"object"===("undefined"==typeof t?"undefined":c(t))){var n=function(t){e.setState({dataLoading:t})};n(!0),t.then(function(){n(!1)},function(){n(!1)})}},t.prototype.onKeyDown=function(e){e.preventDefault()},t.prototype.renderSwitcher=function(e,t){var n=e.prefixCls,r=i({},n+"-switcher",!0);return e.showLine?"0-0"===e.pos?r[n+"-roots_"+t]=!0:(r[n+"-center_"+t]=!e.last,r[n+"-bottom_"+t]=e.last):r[n+"-noline_"+t]=!0,e.disabled?(r[n+"-switcher-disabled"]=!0,p["default"].createElement("span",{className:(0,g["default"])(r)})):p["default"].createElement("span",{className:(0,g["default"])(r),onClick:this.onExpand})},t.prototype.renderCheckbox=function(e){var t=e.prefixCls,n=i({},t+"-checkbox",!0);e.checked?n[t+"-checkbox-checked"]=!0:e.halfChecked&&(n[t+"-checkbox-indeterminate"]=!0);var r=null;return"boolean"!=typeof e.checkable&&(r=e.checkable),e.disabled||e.disableCheckbox?(n[t+"-checkbox-disabled"]=!0,p["default"].createElement("span",{ref:"checkbox",className:(0,g["default"])(n)},r)):p["default"].createElement("span",{ref:"checkbox",className:(0,g["default"])(n),onClick:this.onCheck},r)},t.prototype.renderChildren=function(e){var t=this.renderFirst;this.renderFirst=1;var n=!0;!t&&e.expanded&&(n=!1);var r=e.children?(0,C["default"])(e.children):e.children,o=r;if(r&&(Array.isArray(r)&&r.every(function(e){return e.type&&e.type.isTreeNode})||r.type&&r.type.isTreeNode)){var a,s=(a={},i(a,e.prefixCls+"-child-tree",!0),i(a,e.prefixCls+"-child-tree-open",e.expanded),a);e.showLine&&(s[e.prefixCls+"-line"]=!e.last);var u={};e.openTransitionName?u.transitionName=e.openTransitionName:"object"===c(e.openAnimation)&&(u.animation=(0,m["default"])({},e.openAnimation),n||delete u.animation.appear),o=p["default"].createElement(_["default"],l({},u,{showProp:"data-expanded",transitionAppear:n,component:""}),e.expanded?p["default"].createElement("ul",{className:(0,g["default"])(s),"data-expanded":e.expanded},p["default"].Children.map(r,function(t,n){return e.root.renderTreeNode(t,n,e.pos)},e.root)):null)}return o},t.prototype.render=function(){var e,t=this,n=this.props,r=n.prefixCls,o=n.expanded?"open":"close",a=o,s=!0,u=n.title,c=this.renderChildren(n);c&&c!==n.children||(c=null,n.loadData&&!n.isLeaf||(s=!1,a="docu"));var f=(e={},i(e,r+"-iconEle",!0),i(e,r+"-icon_loading",this.state.dataLoading),i(e,r+"-icon__"+a,!0),e),d=function(){var e=n.showIcon||n.loadData&&t.state.dataLoading?p["default"].createElement("span",{className:(0,g["default"])(f)}):null,i=p["default"].createElement("span",{className:r+"-title"},u),s=r+"-node-content-wrapper",c={className:s+" "+s+"-"+(a===o?a:"normal")};return n.disabled||((n.selected||!n._dropTrigger&&t.state.dragNodeHighlight)&&(c.className+=" "+r+"-node-selected"),c.onClick=function(e){e.preventDefault(),n.selectable&&t.onSelect()},n.onRightClick&&(c.onContextMenu=t.onContextMenu),n.onMouseEnter&&(c.onMouseEnter=t.onMouseEnter),n.onMouseLeave&&(c.onMouseLeave=t.onMouseLeave),n.draggable&&(c.className+=" draggable",S&&(c.href="#"),c.draggable=!0,c["aria-grabbed"]=!0,c.onDragStart=t.onDragStart)),p["default"].createElement("a",l({ref:"selectHandle",title:"string"==typeof u?u:""},c),e,i)},h={};n.draggable&&(h.onDragEnter=this.onDragEnter,h.onDragOver=this.onDragOver,h.onDragLeave=this.onDragLeave,h.onDrop=this.onDrop,h.onDragEnd=this.onDragEnd);var v="",m="";n.disabled?v=r+"-treenode-disabled":n.dragOver?m="drag-over":n.dragOverGapTop?m="drag-over-gap-top":n.dragOverGapBottom&&(m="drag-over-gap-bottom");var y=n.filterTreeNode(this)?"filter-node":"",b=function(){var e,t=(e={},i(e,r+"-switcher",!0),i(e,r+"-switcher-noop",!0),e);return n.showLine?(t[r+"-center_docu"]=!n.last,t[r+"-bottom_docu"]=n.last):t[r+"-noline_docu"]=!0,p["default"].createElement("span",{className:(0,g["default"])(t)})};return p["default"].createElement("li",l({},h,{ref:"li",className:(0,g["default"])(n.className,v,m,y)}),s?this.renderSwitcher(n,o):b(),n.checkable?this.renderCheckbox(n):null,d(),c)},t}(p["default"].Component);P.isTreeNode=1,P.propTypes={prefixCls:h["default"].string,disabled:h["default"].bool,disableCheckbox:h["default"].bool,expanded:h["default"].bool,isLeaf:h["default"].bool,root:h["default"].object,onSelect:h["default"].func},P.defaultProps={title:O},t["default"]=P,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c=n(1),f=r(c),p=n(152),d=r(p),h=n(8),v=r(h),m=function(e){function t(n){a(this,t);var r=s(this,e.call(this,n));y.call(r);var o="checked"in n?n.checked:n.defaultChecked;return r.state={checked:o},r}return u(t,e),t.prototype.componentWillReceiveProps=function(e){"checked"in e&&this.setState({checked:e.checked})},t.prototype.shouldComponentUpdate=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return d["default"].shouldComponentUpdate.apply(this,t)},t.prototype.render=function(){var e,t=this.props,n=t.prefixCls,r=t.className,o=t.style,a=t.name,s=t.type,u=t.disabled,l=t.readOnly,c=t.tabIndex,p=t.onClick,d=t.onFocus,h=t.onBlur,m=this.state.checked,y=(0,v["default"])(n,r,(e={},i(e,n+"-checked",m),i(e,n+"-disabled",u),e));return f["default"].createElement("span",{className:y,style:o},f["default"].createElement("input",{name:a,type:s,readOnly:l,disabled:u,tabIndex:c,className:n+"-input",checked:!!m,onClick:p,onFocus:d,onBlur:h,onChange:this.handleChange}),f["default"].createElement("span",{className:n+"-inner"}))},t}(f["default"].Component);m.propTypes={prefixCls:c.PropTypes.string,className:c.PropTypes.string,style:c.PropTypes.object,name:c.PropTypes.string,type:c.PropTypes.string,defaultChecked:c.PropTypes.oneOfType([c.PropTypes.number,c.PropTypes.bool]),checked:c.PropTypes.oneOfType([c.PropTypes.number,c.PropTypes.bool]),disabled:c.PropTypes.bool,onFocus:c.PropTypes.func,onBlur:c.PropTypes.func,onChange:c.PropTypes.func,onClick:c.PropTypes.func,tabIndex:c.PropTypes.string,readOnly:c.PropTypes.bool},m.defaultProps={prefixCls:"rc-checkbox",className:"",style:{},type:"checkbox",defaultChecked:!1,onFocus:function(){},onBlur:function(){},onChange:function(){}};var y=function(){var e=this;this.handleChange=function(t){var n=e.props;n.disabled||("checked"in n||e.setState({checked:t.target.checked}),n.onChange({target:l({},n,{checked:t.target.checked}),stopPropagation:function(){t.stopPropagation()},preventDefault:function(){t.preventDefault()}}))}};t["default"]=m,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r){var o=a["default"].clone(e),i={width:t.width,height:t.height};return r.adjustX&&o.left<n.left&&(o.left=n.left),r.resizeWidth&&o.left>=n.left&&o.left+i.width>n.right&&(i.width-=o.left+i.width-n.right),r.adjustX&&o.left+i.width>n.right&&(o.left=Math.max(n.right-i.width,n.left)),r.adjustY&&o.top<n.top&&(o.top=n.top),r.resizeHeight&&o.top>=n.top&&o.top+i.height>n.bottom&&(i.height-=o.top+i.height-n.bottom),r.adjustY&&o.top+i.height>n.bottom&&(o.top=Math.max(n.bottom-i.height,n.top)),a["default"].mix(o,i)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(138),a=r(i);t["default"]=o,e.exports=t["default"]},function(e,t){"use strict";function n(e,t){var n=t.charAt(0),r=t.charAt(1),o=e.width,i=e.height,a=void 0,s=void 0;return a=e.left,s=e.top,"c"===n?s+=i/2:"b"===n&&(s+=i),"c"===r?a+=o/2:"r"===r&&(a+=o),{left:a,top:s}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=n,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){var i=void 0,s=void 0,u=void 0,l=void 0;return i={left:e.left,top:e.top},u=(0,a["default"])(t,n[1]),l=(0,a["default"])(e,n[0]),s=[l.left-u.left,l.top-u.top],{left:i.left-s[0]+r[0]-o[0],top:i.top-s[1]+r[1]-o[1]}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(1340),a=r(i);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=void 0,n=void 0,r=void 0;if(a["default"].isWindow(e)||9===e.nodeType){var o=a["default"].getWindow(e);t={left:a["default"].getWindowScrollLeft(o),top:a["default"].getWindowScrollTop(o)},n=a["default"].viewportWidth(o),r=a["default"].viewportHeight(o)}else t=a["default"].offset(e),n=a["default"].outerWidth(e),r=a["default"].outerHeight(e);return t.width=n,t.height=r,t}Object.defineProperty(t,"__esModule",{value:!0});var i=n(138),a=r(i);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){for(var t={left:0,right:1/0,top:0,bottom:1/0},n=(0,u["default"])(e),r=void 0,o=void 0,i=void 0,s=e.ownerDocument,l=s.defaultView||s.parentWindow,c=s.body,f=s.documentElement;n;){if(navigator.userAgent.indexOf("MSIE")!==-1&&0===n.clientWidth||n===c||n===f||"visible"===a["default"].css(n,"overflow")){if(n===c||n===f)break}else{var p=a["default"].offset(n);p.left+=n.clientLeft,p.top+=n.clientTop,t.top=Math.max(t.top,p.top),t.right=Math.min(t.right,p.left+n.clientWidth),t.bottom=Math.min(t.bottom,p.top+n.clientHeight),t.left=Math.max(t.left,p.left)}n=(0,u["default"])(n)}return r=a["default"].getWindowScrollLeft(l),o=a["default"].getWindowScrollTop(l),t.left=Math.max(t.left,r),t.top=Math.max(t.top,o),i={width:a["default"].viewportWidth(l),height:a["default"].viewportHeight(l)},t.right=Math.min(t.right,r+i.width),t.bottom=Math.min(t.bottom,o+i.height),t.top>=0&&t.left>=0&&t.bottom>t.top&&t.right>t.left?t:null}Object.defineProperty(t,"__esModule",{value:!0});var i=n(138),a=r(i),s=n(393),u=r(s);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n){return e.left<n.left||e.left+t.width>n.right}function i(e,t,n){return e.top<n.top||e.top+t.height>n.bottom}function a(e,t,n){return e.left>n.right||e.left+t.width<n.left}function s(e,t,n){return e.top>n.bottom||e.top+t.height<n.top}function u(e,t,n){var r=[];return h["default"].each(e,function(e){r.push(e.replace(t,function(e){return n[e]}))}),r}function l(e,t){return e[t]=-e[t],e}function c(e,t){var n=void 0;return n=/%$/.test(e)?parseInt(e.substring(0,e.length-1),10)/100*t:parseInt(e,10),n||0}function f(e,t){e[0]=c(e[0],t.width),e[1]=c(e[1],t.height)}function p(e,t,n){var r=n.points,c=n.offset||[0,0],p=n.targetOffset||[0,0],d=n.overflow,v=n.target||t,m=n.source||e;c=[].concat(c),p=[].concat(p),d=d||{};var y={},b=0,w=(0,g["default"])(m),C=(0,x["default"])(m),S=(0,x["default"])(v);f(c,C),f(p,S);var O=(0,E["default"])(C,S,r,c,p),P=h["default"].merge(C,O);if(w&&(d.adjustX||d.adjustY)){if(d.adjustX&&o(O,C,w)){var T=u(r,/[lr]/gi,{l:"r",r:"l"}),k=l(c,0),M=l(p,0),N=(0,E["default"])(C,S,T,k,M);a(N,C,w)||(b=1,r=T,c=k,p=M)}if(d.adjustY&&i(O,C,w)){var A=u(r,/[tb]/gi,{t:"b",b:"t"}),D=l(c,1),j=l(p,1),R=(0,E["default"])(C,S,A,D,j);s(R,C,w)||(b=1,r=A,c=D,p=j)}b&&(O=(0,E["default"])(C,S,r,c,p),h["default"].mix(P,O)),y.adjustX=d.adjustX&&o(O,C,w),y.adjustY=d.adjustY&&i(O,C,w),(y.adjustX||y.adjustY)&&(P=(0,_["default"])(O,C,w,y))}return P.width!==C.width&&h["default"].css(m,"width",h["default"].width(m)+P.width-C.width),P.height!==C.height&&h["default"].css(m,"height",h["default"].height(m)+P.height-C.height),h["default"].offset(m,{left:P.left,top:P.top},{useCssRight:n.useCssRight,useCssBottom:n.useCssBottom,useCssTransform:n.useCssTransform}),{points:r,offset:c,targetOffset:p,overflow:y}}Object.defineProperty(t,"__esModule",{value:!0});var d=n(138),h=r(d),v=n(393),m=r(v),y=n(1343),g=r(y),b=n(1339),_=r(b),w=n(1342),x=r(w),C=n(1341),E=r(C);p.__getOffsetParent=m["default"],p.__getVisibleRectForElement=g["default"],t["default"]=p,e.exports=t["default"]},function(e,t){"use strict";function n(){if(void 0!==c)return c;c="";var e=document.createElement("p").style,t="Transform";for(var n in f)n+t in e&&(c=n);return c}function r(){return n()?n()+"TransitionProperty":"transitionProperty"}function o(){return n()?n()+"Transform":"transform"}function i(e,t){var n=r();n&&(e.style[n]=t,"transitionProperty"!==n&&(e.style.transitionProperty=t))}function a(e,t){var n=o();n&&(e.style[n]=t,"transform"!==n&&(e.style.transform=t))}function s(e){return e.style.transitionProperty||e.style[r()]}function u(e){var t=window.getComputedStyle(e,null),n=t.getPropertyValue("transform")||t.getPropertyValue(o());if(n&&"none"!==n){var r=n.replace(/[^0-9\-.,]/g,"").split(",");return{x:parseFloat(r[12]||r[4],0),y:parseFloat(r[13]||r[5],0)}}return{x:0,y:0}}function l(e,t){var n=window.getComputedStyle(e,null),r=n.getPropertyValue("transform")||n.getPropertyValue(o());if(r&&"none"!==r){var i=void 0,s=r.match(p);if(s)s=s[1],i=s.split(",").map(function(e){return parseFloat(e,10)}),i[4]=t.x,i[5]=t.y,a(e,"matrix("+i.join(",")+")");else{var u=r.match(d)[1];i=u.split(",").map(function(e){return parseFloat(e,10)}),i[12]=t.x,i[13]=t.y,a(e,"matrix3d("+i.join(",")+")")}}else a(e,"translateX("+t.x+"px) translateY("+t.y+"px) translateZ(0)")}Object.defineProperty(t,"__esModule",{value:!0}),t.getTransformName=o,t.setTransitionProperty=i,t.getTransitionProperty=s,t.getTransformXY=u,t.setTransformXY=l;var c=void 0,f={Webkit:"-webkit-",Moz:"-moz-",ms:"-ms-",O:"-o-"},p=/matrix\((.*)\)/,d=/matrix3d\((.*)\)/},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){this.rules=null,this._messages=c.messages,this.define(e)}Object.defineProperty(t,"__esModule",{value:!0});var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s=n(28),u=n(1358),l=r(u),c=n(1347),f=n(34);o.prototype={messages:function(e){return e&&(this._messages=(0,s.deepMerge)((0,c.newMessages)(),e)),this._messages},define:function(e){if(!e)throw new Error("Cannot configure a schema with no rules");if("object"!==("undefined"==typeof e?"undefined":a(e))||Array.isArray(e))throw new Error("Rules must be an object");this.rules={};var t=void 0,n=void 0;for(t in e)e.hasOwnProperty(t)&&(n=e[t],this.rules[t]=Array.isArray(n)?n:[n])},validate:function(e){function t(e){function t(e){Array.isArray(e)?o=o.concat.apply(o,e):o.push(e)}var n=void 0,r=void 0,o=[],i={};for(n=0;n<e.length;n++)t(e[n]);if(o.length)for(n=0;n<o.length;n++)r=o[n].field,i[r]=i[r]||[],i[r].push(o[n]);else o=null,i=null;d(o,i)}var n=this,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},u=arguments[2],l=e,p=r,d=u;if("function"==typeof p&&(d=p,p={}),!this.rules||0===Object.keys(this.rules).length)return void(d&&d());if(p.messages){var h=this.messages();h===c.messages&&(h=(0,c.newMessages)()),(0,s.deepMerge)(h,p.messages),p.messages=h}else p.messages=this.messages();p.error=f.error;var v=void 0,m=void 0,y={},g=p.keys||Object.keys(this.rules);g.forEach(function(t){v=n.rules[t],m=l[t],v.forEach(function(r){var o=r;"function"==typeof o.transform&&(l===e&&(l=i({},l)),m=l[t]=o.transform(m)),o="function"==typeof o?{validator:o}:i({},o),o.validator=n.getValidationMethod(o),o.field=t,o.fullField=o.fullField||t,o.type=n.getType(o),o.validator&&(y[t]=y[t]||[],y[t].push({rule:o,value:m,source:l,field:t}))})});var b={};(0,s.asyncMap)(y,p,function(e,t){function n(e,t){return i({},t,{fullField:u.fullField+"."+e})}function r(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],a=r;if(Array.isArray(a)||(a=[a]),a.length&&(0,s.warning)("async-validator:",a),a.length&&u.message&&(a=[].concat(u.message)),a=a.map((0,s.complementError)(u)),(p.first||p.fieldFirst)&&a.length)return b[u.field]=1,t(a);if(l){if(u.required&&!e.value)return a=u.message?[].concat(u.message).map((0,s.complementError)(u)):[p.error(u,(0,s.format)(p.messages.required,u.field))],t(a);var c={};if(u.defaultField)for(var f in e.value)e.value.hasOwnProperty(f)&&(c[f]=u.defaultField);c=i({},c,e.rule.fields);for(var d in c)if(c.hasOwnProperty(d)){var h=Array.isArray(c[d])?c[d]:[c[d]];c[d]=h.map(n.bind(null,d))}var v=new o(c);v.messages(p.messages),e.rule.options&&(e.rule.options.messages=p.messages,e.rule.options.error=p.error),v.validate(e.value,e.rule.options||p,function(e){t(e&&e.length?a.concat(e):e)})}else t(a)}var u=e.rule,l=!("object"!==u.type&&"array"!==u.type||"object"!==a(u.fields)&&"object"!==a(u.defaultField));l=l&&(u.required||!u.required&&e.value),u.field=e.field,u.validator(u,e.value,r,e.source,p)},function(e){t(e)})},getType:function(e){if(void 0===e.type&&e.pattern instanceof RegExp&&(e.type="pattern"),"function"!=typeof e.validator&&e.type&&!l["default"].hasOwnProperty(e.type))throw new Error((0,s.format)("Unknown rule type %s",e.type));return e.type||"string"},getValidationMethod:function(e){if("function"==typeof e.validator)return e.validator;var t=Object.keys(e),n=t.indexOf("message");return n!==-1&&t.splice(n,1),1===t.length&&"required"===t[0]?l["default"].required:l["default"][this.getType(e)]||!1}},o.register=function(e,t){if("function"!=typeof t)throw new Error("Cannot register a validator by type, validator is not a function");l["default"][e]=t},o.messages=c.messages,t["default"]=o,e.exports=t["default"]},function(e,t){"use strict";function n(){return{"default":"Validation error on field %s",required:"%s is required","enum":"%s must be one of %s",whitespace:"%s cannot be empty",date:{format:"%s date %s is invalid for format %s",parse:"%s date could not be parsed, %s is invalid ",invalid:"%s date %s is invalid"},types:{string:"%s is not a %s",method:"%s is not a %s (function)",array:"%s is not an %s",object:"%s is not an %s",number:"%s is not a %s",date:"%s is not a %s","boolean":"%s is not a %s",integer:"%s is not an %s","float":"%s is not a %s",regexp:"%s is not a valid %s",email:"%s is not a valid %s",url:"%s is not a valid %s",hex:"%s is not a valid %s"},string:{len:"%s must be exactly %s characters",min:"%s must be at least %s characters",max:"%s cannot be longer than %s characters",range:"%s must be between %s and %s characters"},number:{len:"%s must equal %s",min:"%s cannot be less than %s",max:"%s cannot be greater than %s",range:"%s must be between %s and %s"},array:{len:"%s must be exactly %s in length",min:"%s cannot be less than %s in length",max:"%s cannot be greater than %s in length",range:"%s must be between %s and %s in length"},pattern:{mismatch:"%s value %s does not match pattern %s"},clone:function(){var e=JSON.parse(JSON.stringify(this));return e.clone=this.clone,e}}}Object.defineProperty(t,"__esModule",{value:!0}),t.newMessages=n;t.messages=n()},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e,t,n,r,o){e[s]=Array.isArray(e[s])?e[s]:[],e[s].indexOf(t)===-1&&r.push(a.format(o.messages[s],e.fullField,e[s].join(", ")))}Object.defineProperty(t,"__esModule",{value:!0});var i=n(28),a=r(i),s="enum";t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e,t,n,r,o){e.pattern instanceof RegExp&&(e.pattern.test(t)||r.push(a.format(o.messages.pattern.mismatch,e.fullField,t,e.pattern)))}Object.defineProperty(t,"__esModule",{value:!0});var i=n(28),a=r(i);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e,t,n,r,o){var i="number"==typeof e.len,s="number"==typeof e.min,u="number"==typeof e.max,l=t,c=null,f="number"==typeof t,p="string"==typeof t,d=Array.isArray(t);return f?c="number":p?c="string":d&&(c="array"),!!c&&((p||d)&&(l=t.length),void(i?l!==e.len&&r.push(a.format(o.messages[c].len,e.fullField,e.len)):s&&!u&&l<e.min?r.push(a.format(o.messages[c].min,e.fullField,e.min)):u&&!s&&l>e.max?r.push(a.format(o.messages[c].max,e.fullField,e.max)):s&&u&&(l<e.min||l>e.max)&&r.push(a.format(o.messages[c].range,e.fullField,e.min,e.max))))}Object.defineProperty(t,"__esModule",{value:!0});var i=n(28),a=r(i);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function i(e,t,n,r,o){if(e.required&&void 0===t)return void(0,c["default"])(e,t,n,r,o);var i=["integer","float","array","regexp","object","method","email","number","date","url","hex"],s=e.type;i.indexOf(s)>-1?p[s](t)||r.push(u.format(o.messages.types[s],e.fullField,e.type)):s&&("undefined"==typeof t?"undefined":a(t))!==e.type&&r.push(u.format(o.messages.types[s],e.fullField,e.type))}Object.defineProperty(t,"__esModule",{value:!0});var a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s=n(28),u=o(s),l=n(394),c=r(l),f={email:/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,url:new RegExp("^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-?)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-?)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?$","i"),hex:/^#?([a-f0-9]{6}|[a-f0-9]{3})$/i},p={integer:function(e){return p.number(e)&&parseInt(e,10)===e},"float":function(e){return p.number(e)&&!p.integer(e)},array:function(e){return Array.isArray(e)},regexp:function(e){if(e instanceof RegExp)return!0;try{return!!new RegExp(e)}catch(t){return!1}},date:function(e){return"function"==typeof e.getTime&&"function"==typeof e.getMonth&&"function"==typeof e.getYear},number:function(e){return!isNaN(e)&&"number"==typeof e},object:function(e){return"object"===("undefined"==typeof e?"undefined":a(e))&&!p.array(e)},method:function(e){return"function"==typeof e},email:function(e){return"string"==typeof e&&!!e.match(f.email)},url:function(e){return"string"==typeof e&&!!e.match(f.url)},hex:function(e){return"string"==typeof e&&!!e.match(f.hex)}};t["default"]=i,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e,t,n,r,o){(/^\s+$/.test(t)||""===t)&&r.push(a.format(o.messages.whitespace,e.fullField))}Object.defineProperty(t,"__esModule",{value:!0});var i=n(28),a=r(i);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){var i=[],u=e.required||!e.required&&r.hasOwnProperty(e.field);if(u){if((0,s.isEmptyValue)(t,"array")&&!e.required)return n();a["default"].required(e,t,r,i,o,"array"),(0,s.isEmptyValue)(t,"array")||(a["default"].type(e,t,r,i,o),a["default"].range(e,t,r,i,o))}n(i)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(34),a=r(i),s=n(28);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){var a=[],u=e.required||!e.required&&r.hasOwnProperty(e.field);if(u){if((0,i.isEmptyValue)(t)&&!e.required)return n();s["default"].required(e,t,r,a,o),void 0!==t&&s["default"].type(e,t,r,a,o)}n(a)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(28),a=n(34),s=r(a);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){var i=[],u=e.required||!e.required&&r.hasOwnProperty(e.field);if(u){if((0,s.isEmptyValue)(t)&&!e.required)return n();a["default"].required(e,t,r,i,o),(0,s.isEmptyValue)(t)||(a["default"].type(e,t,r,i,o),t&&a["default"].range(e,t.getTime(),r,i,o))}n(i)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(34),a=r(i),s=n(28);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){var i=[],l=e.required||!e.required&&r.hasOwnProperty(e.field);if(l){if((0,s.isEmptyValue)(t)&&!e.required)return n();a["default"].required(e,t,r,i,o),t&&a["default"][u](e,t,r,i,o)}n(i)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(34),a=r(i),s=n(28),u="enum";t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){var i=[],u=e.required||!e.required&&r.hasOwnProperty(e.field);if(u){if((0,s.isEmptyValue)(t)&&!e.required)return n();a["default"].required(e,t,r,i,o),void 0!==t&&(a["default"].type(e,t,r,i,o),a["default"].range(e,t,r,i,o))}n(i)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(34),a=r(i),s=n(28);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";e.exports={string:n(1366),method:n(1360),number:n(1361),"boolean":n(1354),regexp:n(1364),integer:n(1359),"float":n(1357),array:n(1353),object:n(1362),"enum":n(1356),pattern:n(1363),email:n(232),url:n(232),date:n(1355),hex:n(232),required:n(1365)}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){var i=[],u=e.required||!e.required&&r.hasOwnProperty(e.field);if(u){if((0,s.isEmptyValue)(t)&&!e.required)return n();a["default"].required(e,t,r,i,o),void 0!==t&&(a["default"].type(e,t,r,i,o),a["default"].range(e,t,r,i,o))}n(i)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(34),a=r(i),s=n(28);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){var i=[],u=e.required||!e.required&&r.hasOwnProperty(e.field);if(u){if((0,s.isEmptyValue)(t)&&!e.required)return n();a["default"].required(e,t,r,i,o),void 0!==t&&a["default"].type(e,t,r,i,o)}n(i)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(34),a=r(i),s=n(28);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){var i=[],u=e.required||!e.required&&r.hasOwnProperty(e.field);if(u){if((0,s.isEmptyValue)(t)&&!e.required)return n();a["default"].required(e,t,r,i,o),void 0!==t&&(a["default"].type(e,t,r,i,o),a["default"].range(e,t,r,i,o))}n(i)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(34),a=r(i),s=n(28);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){var i=[],u=e.required||!e.required&&r.hasOwnProperty(e.field);if(u){if((0,s.isEmptyValue)(t)&&!e.required)return n();a["default"].required(e,t,r,i,o),void 0!==t&&a["default"].type(e,t,r,i,o)}n(i)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(34),a=r(i),s=n(28);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){var i=[],u=e.required||!e.required&&r.hasOwnProperty(e.field);if(u){if((0,s.isEmptyValue)(t,"string")&&!e.required)return n();a["default"].required(e,t,r,i,o),(0,s.isEmptyValue)(t,"string")||a["default"].pattern(e,t,r,i,o)}n(i)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(34),a=r(i),s=n(28);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){var i=[],u=e.required||!e.required&&r.hasOwnProperty(e.field);if(u){if((0,s.isEmptyValue)(t)&&!e.required)return n();a["default"].required(e,t,r,i,o),(0,s.isEmptyValue)(t)||a["default"].type(e,t,r,i,o)}n(i)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(34),a=r(i),s=n(28);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){var a=[],u=Array.isArray(t)?"array":"undefined"==typeof t?"undefined":i(t);s["default"].required(e,t,r,a,o,u),n(a)}Object.defineProperty(t,"__esModule",{value:!0});var i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a=n(34),s=r(a);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r,o){var i=[],u=e.required||!e.required&&r.hasOwnProperty(e.field);if(u){if((0,s.isEmptyValue)(t,"string")&&!e.required)return n();a["default"].required(e,t,r,i,o,"string"),(0,s.isEmptyValue)(t,"string")||(a["default"].type(e,t,r,i,o),a["default"].range(e,t,r,i,o),a["default"].pattern(e,t,r,i,o),e.whitespace===!0&&a["default"].whitespace(e,t,r,i,o))}n(i)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(34),a=r(i),s=n(28);t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}function c(e){var t=e;return Array.isArray(t)||(t=t?[t]:[]),t}Object.defineProperty(t,"__esModule",{
+value:!0});var f=n(1),p=r(f),d=n(12),h=r(d),v=n(1368),m=r(v),y=n(1371),g=r(y),b=n(8),_=r(b),w=function(e){function t(n){s(this,t);var r=u(this,e.call(this,n)),o=r.props,i=o.activeKey,a=o.defaultActiveKey,l=a;return"activeKey"in r.props&&(l=i),r.state={openAnimation:r.props.openAnimation||(0,g["default"])(r.props.prefixCls),activeKey:c(l)},r}return l(t,e),t.prototype.componentWillReceiveProps=function(e){"activeKey"in e&&this.setState({activeKey:c(e.activeKey)}),"openAnimation"in e&&this.setState({openAnimation:e.openAnimation})},t.prototype.onClickItem=function(e){var t=this;return function(){var n=t.state.activeKey;if(t.props.accordion)n=n[0]===e?[]:[e];else{n=[].concat(a(n));var r=n.indexOf(e),o=r>-1;o?n.splice(r,1):n.push(e)}t.setActiveKey(n)}},t.prototype.getItems=function(){var e=this,t=this.state.activeKey,n=this.props,r=n.prefixCls,o=n.accordion,i=n.destroyInactivePanel,a=[];return f.Children.forEach(this.props.children,function(n,s){if(n){var u=n.key||String(s),l=n.props.header,c=!1;c=o?t[0]===u:t.indexOf(u)>-1;var f={key:u,header:l,isActive:c,prefixCls:r,destroyInactivePanel:i,openAnimation:e.state.openAnimation,children:n.props.children,onItemClick:e.onClickItem(u).bind(e)};a.push(p["default"].cloneElement(n,f))}}),a},t.prototype.setActiveKey=function(e){"activeKey"in this.props||this.setState({activeKey:e}),this.props.onChange(this.props.accordion?e[0]:e)},t.prototype.render=function(){var e,t=this.props,n=t.prefixCls,r=t.className,o=t.style,a=(0,_["default"])((e={},i(e,n,!0),i(e,r,!!r),e));return p["default"].createElement("div",{className:a,style:o},this.getItems())},t}(f.Component);w.propTypes={children:h["default"].any,prefixCls:h["default"].string,activeKey:h["default"].oneOfType([h["default"].string,h["default"].arrayOf(h["default"].string)]),defaultActiveKey:h["default"].oneOfType([h["default"].string,h["default"].arrayOf(h["default"].string)]),openAnimation:h["default"].object,onChange:h["default"].func,accordion:h["default"].bool,className:h["default"].string,style:h["default"].object,destroyInactivePanel:h["default"].bool},w.defaultProps={prefixCls:"rc-collapse",onChange:function(){},accordion:!1,destroyInactivePanel:!1},w.Panel=m["default"],t["default"]=w,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var l=n(1),c=r(l),f=n(12),p=r(f),d=n(8),h=r(d),v=n(1369),m=r(v),y=n(31),g=r(y),b=function(e){function t(){return a(this,t),s(this,e.apply(this,arguments))}return u(t,e),t.prototype.handleItemClick=function(){this.props.onItemClick()},t.prototype.render=function(){var e,t=this.props,n=t.className,r=t.style,o=t.prefixCls,a=t.header,s=t.children,u=t.isActive,l=t.showArrow,f=t.destroyInactivePanel,p=o+"-header",d=(0,h["default"])((e={},i(e,o+"-item",!0),i(e,o+"-item-active",u),e),n);return c["default"].createElement("div",{className:d,style:r},c["default"].createElement("div",{className:p,onClick:this.handleItemClick.bind(this),role:"tab","aria-expanded":u},l&&c["default"].createElement("i",{className:"arrow"}),a),c["default"].createElement(g["default"],{showProp:"isActive",exclusive:!0,component:"",animation:this.props.openAnimation},c["default"].createElement(m["default"],{prefixCls:o,isActive:u,destroyInactivePanel:f},s)))},t}(l.Component);b.propTypes={className:p["default"].oneOfType([p["default"].string,p["default"].object]),children:p["default"].any,openAnimation:p["default"].object,prefixCls:p["default"].string,header:p["default"].oneOfType([p["default"].string,p["default"].number,p["default"].node]),showArrow:p["default"].bool,isActive:p["default"].bool,onItemClick:p["default"].func,style:p["default"].object,destroyInactivePanel:p["default"].bool},b.defaultProps={showArrow:!0,isActive:!1,destroyInactivePanel:!1,onItemClick:function(){}},t["default"]=b,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var l=n(1),c=r(l),f=n(12),p=r(f),d=n(8),h=r(d),v=function(e){function t(){return a(this,t),s(this,e.apply(this,arguments))}return u(t,e),t.prototype.shouldComponentUpdate=function(e){return this.props.isActive||e.isActive},t.prototype.render=function(){var e;if(this._isActived=this._isActived||this.props.isActive,!this._isActived)return null;var t=this.props,n=t.prefixCls,r=t.isActive,o=t.children,a=t.destroyInactivePanel,s=(0,h["default"])((e={},i(e,n+"-content",!0),i(e,n+"-content-active",r),i(e,n+"-content-inactive",!r),e)),u=!r&&a?null:c["default"].createElement("div",{className:n+"-content-box"},o);return c["default"].createElement("div",{className:s,role:"tabpanel"},u)},t}(l.Component);v.propTypes={prefixCls:p["default"].string,isActive:p["default"].bool,children:p["default"].any,destroyInactivePanel:p["default"].bool},t["default"]=v,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1367),i=r(o);t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n,r){var o=void 0;return(0,s["default"])(e,n,{start:function(){t?(o=e.offsetHeight,e.style.height=0):e.style.height=e.offsetHeight+"px"},active:function(){e.style.height=(t?o:0)+"px"},end:function(){e.style.height="",r()}})}function i(e){return{enter:function(t,n){return o(t,!0,e+"-anim",n)},leave:function(t,n){return o(t,!1,e+"-anim",n)}}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(230),s=r(a);t["default"]=i,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var u=n(1),l=r(u),c=n(12),f=r(c),p=n(395),d=r(p),h=function(e){function t(n){i(this,t);var r=a(this,e.call(this,n));return r.state={current:n.current,_current:n.current},["_handleChange","_changeSize","_go","_buildOptionText"].forEach(function(e){return r[e]=r[e].bind(r)}),r}return s(t,e),t.prototype._buildOptionText=function(e){return e+" "+this.props.locale.items_per_page},t.prototype._changeSize=function(e){this.props.changeSize(Number(e))},t.prototype._handleChange=function(e){var t=e.target.value;this.setState({_current:t})},t.prototype._go=function(e){var t=e.target.value;if(""!==t){var n=Number(this.state._current);if(isNaN(n)&&(n=this.state.current),e.keyCode===d["default"].ENTER){var r=this.props.quickGo(n);this.setState({_current:r,current:r})}}},t.prototype.render=function(){var e=this.props,t=this.state,n=e.locale,r=e.rootPrefixCls+"-options",o=e.changeSize,i=e.quickGo,a=e.buildOptionText||this._buildOptionText,s=e.selectComponentClass,u=null,c=null;if(!o&&!i)return null;if(o&&s){var f=s.Option,p=e.pageSize||e.pageSizeOptions[0],d=e.pageSizeOptions.map(function(e,t){return l["default"].createElement(f,{key:t,value:e},a(e))});u=l["default"].createElement(s,{prefixCls:e.selectPrefixCls,showSearch:!1,className:r+"-size-changer",optionLabelProp:"children",dropdownMatchSelectWidth:!1,value:p.toString(),onChange:this._changeSize,getPopupContainer:function(e){return e.parentNode}},d)}return i&&(c=l["default"].createElement("div",{className:r+"-quick-jumper"},n.jump_to,l["default"].createElement("input",{type:"text",value:t._current,onChange:this._handleChange,onKeyUp:this._go}),n.page)),l["default"].createElement("div",{className:""+r},u,c)},t}(l["default"].Component);h.propTypes={changeSize:f["default"].func,quickGo:f["default"].func,selectComponentClass:f["default"].func,current:f["default"].number,pageSizeOptions:f["default"].arrayOf(f["default"].string),pageSize:f["default"].number,buildOptionText:f["default"].func,locale:f["default"].object},h.defaultProps={pageSizeOptions:["10","20","30","40"]},t["default"]=h,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),i=r(o),a=n(12),s=r(a),u=function(e){var t=e.rootPrefixCls+"-item",n=t+" "+t+"-"+e.page;return e.active&&(n=n+" "+t+"-active"),e.className&&(n=n+" "+e.className),i["default"].createElement("li",{title:e.showTitle?e.page:null,className:n,onClick:e.onClick},i["default"].createElement("a",null,e.page))};u.propTypes={page:s["default"].number,active:s["default"].bool,last:s["default"].bool,locale:s["default"].object,className:s["default"].string,showTitle:s["default"].bool,rootPrefixCls:s["default"].string,onClick:s["default"].func},t["default"]=u,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}function u(){}Object.defineProperty(t,"__esModule",{value:!0});var l=n(1),c=r(l),f=n(12),p=r(f),d=n(1373),h=r(d),v=n(1372),m=r(v),y=n(395),g=r(y),b=n(396),_=r(b),w=function(e){function t(n){i(this,t);var r=a(this,e.call(this,n)),o=n.onChange!==u,s="current"in n;s&&!o&&console.warn("Warning: You provided a `current` prop to a Pagination component without an `onChange` handler. This will render a read-only component.");var l=n.defaultCurrent;"current"in n&&(l=n.current);var c=n.defaultPageSize;return"pageSize"in n&&(c=n.pageSize),r.state={current:l,_current:l,pageSize:c},["render","_handleChange","_handleKeyUp","_handleKeyDown","_changePageSize","_isValid","_prev","_next","_hasPrev","_hasNext","_jumpPrev","_jumpNext"].forEach(function(e){return r[e]=r[e].bind(r)}),r}return s(t,e),t.prototype.componentWillReceiveProps=function(e){if("current"in e&&this.setState({current:e.current,_current:e.current}),"pageSize"in e){var t={},n=this.state.current,r=this._calcPage(e.pageSize);n=n>r?r:n,"current"in e||(t.current=n,t._current=n),t.pageSize=e.pageSize,this.setState(t)}},t.prototype._calcPage=function(e){var t=e;return"undefined"==typeof t&&(t=this.state.pageSize),Math.floor((this.props.total-1)/t)+1},t.prototype._isValid=function(e){return"number"==typeof e&&e>=1&&e!==this.state.current},t.prototype._handleKeyDown=function(e){e.keyCode!==g["default"].ARROW_UP&&e.keyCode!==g["default"].ARROW_DOWN||e.preventDefault()},t.prototype._handleKeyUp=function(e){var t=e.target.value,n=void 0;n=""===t?t:isNaN(Number(t))?this.state._current:Number(t),this.setState({_current:n}),e.keyCode===g["default"].ENTER?this._handleChange(n):e.keyCode===g["default"].ARROW_UP?this._handleChange(n-1):e.keyCode===g["default"].ARROW_DOWN&&this._handleChange(n+1)},t.prototype._changePageSize=function(e){var t=this.state.current,n=this._calcPage(e);t=t>n?n:t,"number"==typeof e&&("pageSize"in this.props||this.setState({pageSize:e}),"current"in this.props||this.setState({current:t,_current:t})),this.props.onShowSizeChange(t,e)},t.prototype._handleChange=function(e){var t=e;if(this._isValid(t)){t>this._calcPage()&&(t=this._calcPage()),"current"in this.props||this.setState({current:t,_current:t});var n=this.state.pageSize;return this.props.onChange(t,n),t}return this.state.current},t.prototype._prev=function(){this._hasPrev()&&this._handleChange(this.state.current-1)},t.prototype._next=function(){this._hasNext()&&this._handleChange(this.state.current+1)},t.prototype._jumpPrev=function(){this._handleChange(Math.max(1,this.state.current-(this.props.showLessItems?3:5)))},t.prototype._jumpNext=function(){this._handleChange(Math.min(this._calcPage(),this.state.current+(this.props.showLessItems?3:5)))},t.prototype._hasPrev=function(){return this.state.current>1},t.prototype._hasNext=function(){return this.state.current<this._calcPage()},t.prototype.render=function(){var e=this.props,t=e.locale,n=e.prefixCls,r=this._calcPage(),o=[],i=null,a=null,s=null,u=null,l=e.showLessItems?1:2,f=this.state,p=f.current,d=f.pageSize;if(e.simple)return c["default"].createElement("ul",{className:n+" "+n+"-simple "+e.className},c["default"].createElement("li",{title:e.showTitle?t.prev_page:null,onClick:this._prev,className:(this._hasPrev()?"":n+"-disabled")+" "+n+"-prev"},c["default"].createElement("a",null)),c["default"].createElement("li",{title:e.showTitle?this.state.current+"/"+r:null,className:n+"-simple-pager"},c["default"].createElement("input",{type:"text",value:this.state._current,onKeyDown:this._handleKeyDown,onKeyUp:this._handleKeyUp,onChange:this._handleKeyUp}),c["default"].createElement("span",{className:n+"-slash"},"\uff0f"),r),c["default"].createElement("li",{title:e.showTitle?t.next_page:null,onClick:this._next,className:(this._hasNext()?"":n+"-disabled")+" "+n+"-next"},c["default"].createElement("a",null)));if(r<=5+2*l)for(var v=1;v<=r;v++){var y=this.state.current===v;o.push(c["default"].createElement(h["default"],{locale:t,rootPrefixCls:n,onClick:this._handleChange.bind(this,v),key:v,page:v,active:y,showTitle:e.showTitle}))}else{var g=e.showLessItems?t.prev_3:t.prev_5,b=e.showLessItems?t.next_3:t.next_5;i=c["default"].createElement("li",{title:e.showTitle?g:null,key:"prev",onClick:this._jumpPrev,className:n+"-jump-prev"},c["default"].createElement("a",null)),a=c["default"].createElement("li",{title:e.showTitle?b:null,key:"next",onClick:this._jumpNext,className:n+"-jump-next"},c["default"].createElement("a",null)),u=c["default"].createElement(h["default"],{locale:e.locale,last:!0,rootPrefixCls:n,onClick:this._handleChange.bind(this,r),key:r,page:r,active:!1,showTitle:e.showTitle}),s=c["default"].createElement(h["default"],{locale:e.locale,rootPrefixCls:n,onClick:this._handleChange.bind(this,1),key:1,page:1,active:!1,showTitle:e.showTitle});var _=Math.max(1,p-l),w=Math.min(p+l,r);p-1<=l&&(w=1+2*l),r-p<=l&&(_=r-2*l);for(var x=_;x<=w;x++){var C=p===x;o.push(c["default"].createElement(h["default"],{locale:e.locale,rootPrefixCls:n,onClick:this._handleChange.bind(this,x),key:x,page:x,active:C,showTitle:e.showTitle}))}p-1>=2*l&&3!==p&&(o[0]=c["default"].cloneElement(o[0],{className:n+"-item-after-jump-prev"}),o.unshift(i)),r-p>=2*l&&p!==r-2&&(o[o.length-1]=c["default"].cloneElement(o[o.length-1],{className:n+"-item-before-jump-next"}),o.push(a)),1!==_&&o.unshift(s),w!==r&&o.push(u)}var E=null;return e.showTotal&&(E=c["default"].createElement("span",{className:n+"-total-text"},e.showTotal(e.total,[(p-1)*d+1,p*d>e.total?e.total:p*d]))),c["default"].createElement("ul",{className:n+" "+e.className,style:e.style,unselectable:"unselectable"},E,c["default"].createElement("li",{title:e.showTitle?t.prev_page:null,onClick:this._prev,className:(this._hasPrev()?"":n+"-disabled")+" "+n+"-prev"},c["default"].createElement("a",null)),o,c["default"].createElement("li",{title:e.showTitle?t.next_page:null,onClick:this._next,className:(this._hasNext()?"":n+"-disabled")+" "+n+"-next"},c["default"].createElement("a",null)),c["default"].createElement(m["default"],{locale:e.locale,rootPrefixCls:n,selectComponentClass:e.selectComponentClass,selectPrefixCls:e.selectPrefixCls,changeSize:this.props.showSizeChanger?this._changePageSize.bind(this):null,current:this.state.current,pageSize:this.state.pageSize,pageSizeOptions:this.props.pageSizeOptions,quickGo:this.props.showQuickJumper?this._handleChange.bind(this):null}))},t}(c["default"].Component);w.propTypes={current:p["default"].number,defaultCurrent:p["default"].number,total:p["default"].number,pageSize:p["default"].number,defaultPageSize:p["default"].number,onChange:p["default"].func,showSizeChanger:p["default"].bool,showLessItems:p["default"].bool,onShowSizeChange:p["default"].func,selectComponentClass:p["default"].func,showQuickJumper:p["default"].bool,showTitle:p["default"].bool,pageSizeOptions:p["default"].arrayOf(p["default"].string),showTotal:p["default"].func,locale:p["default"].object,style:p["default"].object},w.defaultProps={defaultCurrent:1,total:0,defaultPageSize:10,onChange:u,className:"",selectPrefixCls:"rc-select",prefixCls:"rc-pagination",selectComponentClass:null,showQuickJumper:!1,showSizeChanger:!1,showLessItems:!1,showTitle:!0,onShowSizeChange:u,locale:_["default"],style:{}},t["default"]=w,e.exports=t["default"]},function(e,t,n){"use strict";e.exports=n(1374)},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={items_per_page:"/ page",jump_to:"Goto",page:"",prev_page:"Previous Page",next_page:"Next Page",prev_5:"Previous 5 Pages",next_5:"Next 5 Pages",prev_3:"Previous 3 Pages",next_3:"Next 3 Pages"},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n){var r=a["default"].shape({value:a["default"].string.isRequired,label:a["default"].string});if(e.labelInValue){var o=a["default"].oneOfType([a["default"].arrayOf(r),r]),i=o.apply(void 0,arguments);if(i)return new Error("Invalid prop `"+t+"` supplied to `"+n+"`, "+("when `labelInValue` is `true`, `"+t+"` should in ")+"shape of `{ value: string, label?: string }`.")}else{if(!e.treeCheckable||!e.treeCheckStrictly){if(e.multiple&&""===e[t])return new Error("Invalid prop `"+t+"` of type `string` supplied to `"+n+"`, expected `array` when `multiple` is `true`.");var s=a["default"].oneOfType([a["default"].arrayOf(a["default"].string),a["default"].string]);return s.apply(void 0,arguments)}var u=a["default"].oneOfType([a["default"].arrayOf(r),r]),l=u.apply(void 0,arguments);if(l)return new Error("Invalid prop `"+t+"` supplied to `"+n+"`, when `treeCheckable` and `treeCheckStrictly` are `true`, "+("`"+t+"` should in shape of `{ value: string, label?: string }`."))}}Object.defineProperty(t,"__esModule",{value:!0}),t.SelectPropTypes=void 0;var i=n(12),a=r(i),s=n(398);t.SelectPropTypes={className:a["default"].string,prefixCls:a["default"].string,multiple:a["default"].bool,filterTreeNode:a["default"].any,showSearch:a["default"].bool,disabled:a["default"].bool,showArrow:a["default"].bool,allowClear:a["default"].bool,defaultOpen:a["default"].bool,open:a["default"].bool,transitionName:a["default"].string,animation:a["default"].string,choiceTransitionName:a["default"].string,onClick:a["default"].func,onChange:a["default"].func,onSelect:a["default"].func,onDeselect:a["default"].func,onSearch:a["default"].func,searchPlaceholder:a["default"].string,placeholder:a["default"].any,inputValue:a["default"].any,value:o,defaultValue:o,label:a["default"].any,defaultLabel:a["default"].any,labelInValue:a["default"].bool,dropdownStyle:a["default"].object,drodownPopupAlign:a["default"].object,onDropdownVisibleChange:a["default"].func,maxTagTextLength:a["default"].number,showCheckedStrategy:a["default"].oneOf([s.SHOW_ALL,s.SHOW_PARENT,s.SHOW_CHILD]),treeCheckStrictly:a["default"].bool,treeIcon:a["default"].bool,treeLine:a["default"].bool,treeDefaultExpandAll:a["default"].bool,treeCheckable:a["default"].oneOfType([a["default"].bool,a["default"].node]),treeNodeLabelProp:a["default"].string,treeNodeFilterProp:a["default"].string,treeData:a["default"].array,treeDataSimpleMode:a["default"].oneOfType([a["default"].bool,a["default"].object]),loadData:a["default"].func}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}function c(){}function f(e,t){return String((0,P.getPropValue)(t,(0,P.labelCompatible)(this.props.treeNodeFilterProp))).indexOf(e)>-1}function p(e,t){this[e]=t}function d(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return e.map(function(e,n){var r=t+"-"+n,o={title:e.label,value:e.value,key:e.key||e.value||r,disabled:e.disabled||!1,selectable:!e.hasOwnProperty("selectable")||e.selectable},i=void 0;return i=e.children&&e.children.length?m["default"].createElement(N["default"],o,d(e.children,r)):m["default"].createElement(N["default"],h({},o,{isLeaf:e.isLeaf}))})}Object.defineProperty(t,"__esModule",{value:!0});var h=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},v=n(1),m=r(v),y=n(2),g=r(y),b=n(80),_=r(b),w=n(8),x=r(w),C=n(11),E=r(C),S=n(31),O=r(S),P=n(399),T=n(1379),k=r(T),M=n(397),N=r(M),A=n(398),D=n(1377),j=function(e){function t(n){s(this,t);var r=u(this,e.call(this,n));R.call(r);var o=[];o="value"in n?(0,P.toArray)(n.value):(0,P.toArray)(n.defaultValue),r.renderedTreeData=r.renderTreeData(),o=r.addLabelToValue(n,o),o=r.getValue(n,o,!n.inputValue||"__strict");var i=n.inputValue||"";return r.saveInputRef=p.bind(r,"inputInstance"),r.state={value:o,inputValue:i,open:n.open||n.defaultOpen,focused:!1},r}return l(t,e),t.prototype.componentDidMount=function(){if(this.state.inputValue){var e=this.getInputDOMNode();e&&e.value&&(e.style.width="",e.style.width=e.scrollWidth+"px")}},t.prototype.componentWillReceiveProps=function(e){if(this.renderedTreeData=this.renderTreeData(e),this._cacheTreeNodesStates="no"!==this._cacheTreeNodesStates&&this._savedValue&&e.value===this._savedValue,this.props.treeData===e.treeData&&this.props.children===e.children||(this._treeNodesStates=(0,P.getTreeNodesStates)(this.renderedTreeData||e.children,this.state.value.map(function(e){return e.value}))),"value"in e){var t=(0,P.toArray)(e.value);t=this.addLabelToValue(e,t),t=this.getValue(e,t),this.setState({value:t})}e.inputValue!==this.props.inputValue&&this.setState({inputValue:e.inputValue}),"open"in e&&this.setState({open:e.open})},t.prototype.componentWillUpdate=function(e){this._savedValue&&e.value&&e.value!==this._savedValue&&e.value===this.props.value&&(this._cacheTreeNodesStates=!1,this.getValue(e,this.addLabelToValue(e,(0,P.toArray)(e.value))))},t.prototype.componentDidUpdate=function(){var e=this.state,t=this.props;if(e.open&&(0,P.isMultipleOrTags)(t)){var n=this.getInputDOMNode();n.value?(n.style.width="",n.style.width=n.scrollWidth+"px"):n.style.width=""}},t.prototype.componentWillUnmount=function(){this.clearDelayTimer(),this.dropdownContainer&&(g["default"].unmountComponentAtNode(this.dropdownContainer),document.body.removeChild(this.dropdownContainer),this.dropdownContainer=null)},t.prototype.getLabelFromNode=function(e){return(0,P.getPropValue)(e,this.props.treeNodeLabelProp)},t.prototype.getLabelFromProps=function(e,t){var n=this;if(void 0===t)return null;var r=null;return(0,P.loopAllChildren)(this.renderedTreeData||e.children,function(e){(0,P.getValuePropValue)(e)===t&&(r=n.getLabelFromNode(e))}),null===r?t:r},t.prototype.getDropdownContainer=function(){return this.dropdownContainer||(this.dropdownContainer=document.createElement("div"),document.body.appendChild(this.dropdownContainer)),this.dropdownContainer},t.prototype.getSearchPlaceholderElement=function(e){var t=this.props,n=void 0;return n=(0,P.isMultipleOrTagsOrCombobox)(t)?t.placeholder||t.searchPlaceholder:t.searchPlaceholder,n?m["default"].createElement("span",{style:{display:e?"none":"block"},onClick:this.onPlaceholderClick,className:t.prefixCls+"-search__field__placeholder"},n):null},t.prototype.getInputElement=function(){var e=this.props;return m["default"].createElement("span",{className:e.prefixCls+"-search__field__wrap"},m["default"].createElement("input",{ref:this.saveInputRef,onChange:this.onInputChange,onKeyDown:this.onInputKeyDown,value:this.state.inputValue,disabled:e.disabled,className:e.prefixCls+"-search__field",role:"textbox"}),(0,P.isMultipleOrTags)(e)?null:this.getSearchPlaceholderElement(!!this.state.inputValue))},t.prototype.getInputDOMNode=function(){return this.inputInstance},t.prototype.getPopupDOMNode=function(){return this.refs.trigger.getPopupDOMNode()},t.prototype.getPopupComponentRefs=function(){return this.refs.trigger.getPopupEleRefs()},t.prototype.getValue=function(e,t){var n=this,r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],o=t,i="__strict"===r||r&&(this.state&&this.state.inputValue||this.props.inputValue!==e.inputValue);if(e.treeCheckable&&(e.treeCheckStrictly||i)&&(this.halfCheckedValues=[],o=[],t.forEach(function(e){e.halfChecked?n.halfCheckedValues.push(e):o.push(e)})),!e.treeCheckable||e.treeCheckable&&(e.treeCheckStrictly||i))return o;var a=void 0;this._cachetreeData&&this._cacheTreeNodesStates&&this._checkedNodes&&this.state&&!this.state.inputValue?this.checkedTreeNodes=a=this._checkedNodes:(this._treeNodesStates=(0,P.getTreeNodesStates)(this.renderedTreeData||e.children,o.map(function(e){return e.value})),this.checkedTreeNodes=a=this._treeNodesStates.checkedNodes);var s=function(t){return t.map(function(t){return{value:(0,P.getValuePropValue)(t.node),label:(0,P.getPropValue)(t.node,e.treeNodeLabelProp)}})},u=this.props,l=[];if(u.showCheckedStrategy===A.SHOW_ALL)l=s(a);else if(u.showCheckedStrategy===A.SHOW_PARENT){var c=(0,P.filterParentPosition)(a.map(function(e){return e.pos}));l=s(a.filter(function(e){return c.indexOf(e.pos)!==-1}))}else l=s(a.filter(function(e){return!e.node.props.children}));return l},t.prototype.getCheckedNodes=function(e,t){var n=e.checkedNodes;if(t.treeCheckStrictly||this.state.inputValue)return n;var r=e.checkedNodesPositions;if(t.showCheckedStrategy===A.SHOW_ALL)n=n;else if(t.showCheckedStrategy===A.SHOW_PARENT){var o=(0,P.filterParentPosition)(r.map(function(e){return e.pos}));n=r.filter(function(e){return o.indexOf(e.pos)!==-1}).map(function(e){return e.node})}else n=n.filter(function(e){return!e.props.children});return n},t.prototype.getDeselectedValue=function(e){var t=this.checkedTreeNodes,n=void 0;t.forEach(function(t){t.node.props.value===e&&(n=t.pos)});var r=n.split("-"),o=[],i=[];t.forEach(function(e){var t=e.pos.split("-");e.pos===n||r.length>t.length&&(0,P.isInclude)(t,r)||r.length<t.length&&(0,P.isInclude)(r,t)||(i.push(e),o.push(e.node.props.value))}),this.checkedTreeNodes=this._checkedNodes=i;var a=this.state.value.filter(function(e){return o.indexOf(e.value)!==-1});this.fireChange(a,{triggerValue:e,clear:!0})},t.prototype.setOpenState=function(e,t){var n=this,r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];this.clearDelayTimer();var o=this.props,i=this.refs;this.props.onDropdownVisibleChange(e,{documentClickClose:r})&&this.setState({open:e},function(){if(t||e)if(e||(0,P.isMultipleOrTagsOrCombobox)(o)){var r=n.getInputDOMNode();r&&document.activeElement!==r&&r.focus()}else i.selection&&i.selection.focus()})},t.prototype.addLabelToValue=function(e,t){var n=this,r=t;return this.isLabelInValue()?r.forEach(function(t,o){return"[object Object]"!==Object.prototype.toString.call(r[o])?void(r[o]={value:"",label:""}):void(t.label=t.label||n.getLabelFromProps(e,t.value))}):r=r.map(function(t){return{value:t,label:n.getLabelFromProps(e,t)}}),r},t.prototype.clearDelayTimer=function(){this.delayTimer&&(clearTimeout(this.delayTimer),this.delayTimer=null)},t.prototype.removeSelected=function(e){var t=this.props;if(!t.disabled){if(this._cacheTreeNodesStates="no",t.treeCheckable&&(t.showCheckedStrategy===A.SHOW_ALL||t.showCheckedStrategy===A.SHOW_PARENT)&&!t.treeCheckStrictly&&!this.state.inputValue)return void this.getDeselectedValue(e);var n=void 0,r=this.state.value.filter(function(t){return t.value===e&&(n=t.label),t.value!==e}),o=(0,P.isMultipleOrTags)(t);if(o){var i=e;this.isLabelInValue()&&(i={value:e,label:n}),t.onDeselect(i)}t.treeCheckable&&this.checkedTreeNodes&&this.checkedTreeNodes.length&&(this.checkedTreeNodes=this._checkedNodes=this.checkedTreeNodes.filter(function(e){return r.some(function(t){return t.value===e.node.props.value})})),this.fireChange(r,{triggerValue:e,clear:!0})}},t.prototype.openIfHasChildren=function(){var e=this.props;(m["default"].Children.count(e.children)||(0,P.isSingleMode)(e))&&this.setOpenState(!0)},t.prototype.fireChange=function(e,t){var n=this.props,r=e.map(function(e){return e.value}),o=this.state.value.map(function(e){return e.value});if(r.length!==o.length||!r.every(function(e,t){return o[t]===e})){var i={preValue:[].concat(a(this.state.value))};t&&(0,E["default"])(i,t);var s=null,u=e;if(this.isLabelInValue()?this.halfCheckedValues&&this.halfCheckedValues.length&&this.halfCheckedValues.forEach(function(e){u.some(function(t){return t.value===e.value;
+})||u.push(e)}):(s=e.map(function(e){return e.label}),u=u.map(function(e){return e.value})),n.treeCheckable&&i.clear){var l=this.renderedTreeData||n.children;i.allCheckedNodes=(0,P.flatToHierarchy)((0,P.filterAllCheckedData)(r,l))}if(n.treeCheckable&&this.state.inputValue){var c=[].concat(a(this.state.value));if(i.checked)e.forEach(function(e){c.every(function(t){return t.value!==e.value})&&c.push(h({},e))});else{var f=void 0,p=c.some(function(e,t){if(e.value===i.triggerValue)return f=t,!0});p&&c.splice(f,1)}u=c,this.isLabelInValue()||(s=c.map(function(e){return e.label}),u=c.map(function(e){return e.value}))}this._savedValue=(0,P.isMultipleOrTags)(n)?u:u[0],n.onChange(this._savedValue,s,i),"value"in n||(this._cacheTreeNodesStates=!1,this.setState({value:this.getValue(n,(0,P.toArray)(this._savedValue).map(function(e,t){return{value:e,label:s[t]}}))}))}},t.prototype.isLabelInValue=function(){var e=this.props,t=e.treeCheckable,n=e.treeCheckStrictly,r=e.labelInValue;return!(!t||!n)||(r||!1)},t.prototype.renderTopControlNode=function(){var e=this,t=this.state.value,n=this.props,r=n.choiceTransitionName,o=n.prefixCls,i=n.maxTagTextLength;if((0,P.isSingleMode)(n)){var a=m["default"].createElement("span",{key:"placeholder",className:o+"-selection__placeholder"},n.placeholder);return t.length&&(a=m["default"].createElement("span",{key:"value",title:t[0].label,className:o+"-selection-selected-value"},t[0].label)),m["default"].createElement("span",{className:o+"-selection__rendered"},a)}var s=[];(0,P.isMultipleOrTags)(n)&&(s=t.map(function(t){var n=t.label,r=n;return i&&"string"==typeof n&&n.length>i&&(n=n.slice(0,i)+"..."),m["default"].createElement("li",h({style:P.UNSELECTABLE_STYLE},P.UNSELECTABLE_ATTRIBUTE,{onMouseDown:P.preventDefaultEvent,className:o+"-selection__choice",key:t.value,title:r}),m["default"].createElement("span",{className:o+"-selection__choice__remove",onClick:e.removeSelected.bind(e,t.value)}),m["default"].createElement("span",{className:o+"-selection__choice__content"},n))})),s.push(m["default"].createElement("li",{className:o+"-search "+o+"-search--inline",key:"__input"},this.getInputElement()));var u=o+"-selection__rendered";return(0,P.isMultipleOrTags)(n)&&r?m["default"].createElement(O["default"],{className:u,component:"ul",transitionName:r},s):m["default"].createElement("ul",{className:u},s)},t.prototype.renderTreeData=function(e){var t=e||this.props;if(t.treeData){if(e&&e.treeData===this.props.treeData&&this.renderedTreeData)return this._cachetreeData=!0,this.renderedTreeData;this._cachetreeData=!1;var n=[].concat(a(t.treeData));if(t.treeDataSimpleMode){var r={id:"id",pId:"pId",rootPId:null};"[object Object]"===Object.prototype.toString.call(t.treeDataSimpleMode)&&(0,E["default"])(r,t.treeDataSimpleMode),n=(0,P.processSimpleTreeData)(n,r)}return d(n)}},t.prototype.render=function(){var e,t=this.props,n=(0,P.isMultipleOrTags)(t),r=this.state,o=t.className,a=t.disabled,s=t.allowClear,u=t.prefixCls,l=this.renderTopControlNode(),c={};(0,P.isMultipleOrTagsOrCombobox)(t)||(c={onKeyDown:this.onKeyDown,tabIndex:0});var f=(e={},i(e,o,!!o),i(e,u,1),i(e,u+"-open",r.open),i(e,u+"-focused",r.open||r.focused),i(e,u+"-disabled",a),i(e,u+"-enabled",!a),e),p=m["default"].createElement("span",{key:"clear",className:u+"-selection__clear",onClick:this.onClearSelection});return m["default"].createElement(k["default"],h({},t,{treeNodes:t.children,treeData:this.renderedTreeData,_cachetreeData:this._cachetreeData,_treeNodesStates:this._treeNodesStates,halfCheckedValues:this.halfCheckedValues,multiple:n,disabled:a,visible:r.open,inputValue:r.inputValue,inputElement:this.getInputElement(),value:r.value,onDropdownVisibleChange:this.onDropdownVisibleChange,getPopupContainer:t.getPopupContainer,onSelect:this.onSelect,ref:"trigger"}),m["default"].createElement("span",{style:t.style,onClick:t.onClick,className:(0,x["default"])(f)},m["default"].createElement("span",h({ref:"selection",key:"selection",className:u+"-selection\n            "+u+"-selection--"+(n?"multiple":"single"),role:"combobox","aria-autocomplete":"list","aria-haspopup":"true","aria-expanded":r.open},c),l,s&&!n&&this.state.value.length&&this.state.value[0].value?p:null,n||!t.showArrow?null:m["default"].createElement("span",{key:"arrow",className:u+"-arrow",style:{outline:"none"}},m["default"].createElement("b",null)),n?this.getSearchPlaceholderElement(!!this.state.inputValue||this.state.value.length):null)))},t}(v.Component);j.propTypes=D.SelectPropTypes,j.defaultProps={prefixCls:"rc-tree-select",filterTreeNode:f,showSearch:!0,allowClear:!1,placeholder:"",searchPlaceholder:"",labelInValue:!1,inputValue:"",onClick:c,onChange:c,onSelect:c,onDeselect:c,onSearch:c,showArrow:!0,dropdownMatchSelectWidth:!0,dropdownStyle:{},onDropdownVisibleChange:function(){return!0},notFoundContent:"Not Found",showCheckedStrategy:A.SHOW_CHILD,treeCheckStrictly:!1,treeIcon:!1,treeLine:!1,treeDataSimpleMode:!1,treeDefaultExpandAll:!1,treeCheckable:!1,treeNodeFilterProp:"value",treeNodeLabelProp:"title"};var R=function(){var e=this;this.onInputChange=function(t){var n=t.target.value,r=e.props;e.setState({inputValue:n,open:!0}),r.treeCheckable&&!n&&e.setState({value:e.getValue(r,[].concat(a(e.state.value)),!1)}),r.onSearch(n)},this.onDropdownVisibleChange=function(t){!t&&document.activeElement===e.getInputDOMNode(),setTimeout(function(){e.setOpenState(t,void 0,!t)},10)},this.onKeyDown=function(t){var n=e.props;if(!n.disabled){var r=t.keyCode;e.state.open&&!e.getInputDOMNode()?e.onInputKeyDown(t):r!==_["default"].ENTER&&r!==_["default"].DOWN||(e.setOpenState(!0),t.preventDefault())}},this.onInputKeyDown=function(t){var n=e.props;if(!n.disabled){var r=e.state,o=t.keyCode;if(!(0,P.isMultipleOrTags)(n)||t.target.value||o!==_["default"].BACKSPACE){if(o===_["default"].DOWN){if(!r.open)return e.openIfHasChildren(),t.preventDefault(),void t.stopPropagation()}else if(o===_["default"].ESC)return void(r.open&&(e.setOpenState(!1),t.preventDefault(),t.stopPropagation()))}else{var i=r.value.concat();if(i.length){var a=i.pop();e.removeSelected(e.isLabelInValue()?a:a.value)}}}},this.onSelect=function(t,n){if(n.selected===!1)return void e.onDeselect(n);var r=n.node,o=e.state.value,i=e.props,a=(0,P.getValuePropValue)(r),s=e.getLabelFromNode(r),u=a;e.isLabelInValue()&&(u={value:u,label:s}),i.onSelect(u,r,n);var l="check"===n.event;if((0,P.isMultipleOrTags)(i))if(l)o=e.getCheckedNodes(n,i).map(function(t){return{value:(0,P.getValuePropValue)(t),label:e.getLabelFromNode(t)}});else{if(o.some(function(e){return e.value===a}))return;o=o.concat([{value:a,label:s}])}else{if(o.length&&o[0].value===a)return void e.setOpenState(!1);o=[{value:a,label:s}],e.setOpenState(!1)}var c={triggerValue:a,triggerNode:r};if(l){c.checked=n.checked,c.allCheckedNodes=i.treeCheckStrictly||e.state.inputValue?n.checkedNodes:(0,P.flatToHierarchy)(n.checkedNodesPositions),e._checkedNodes=n.checkedNodesPositions;var f=e.refs.trigger.popupEle;e._treeNodesStates=f.checkKeys}else c.selected=n.selected;e.fireChange(o,c),null===i.inputValue&&e.setState({inputValue:""})},this.onDeselect=function(t){e.removeSelected((0,P.getValuePropValue)(t.node)),(0,P.isMultipleOrTags)(e.props)||e.setOpenState(!1),null===e.props.inputValue&&e.setState({inputValue:""})},this.onPlaceholderClick=function(){e.getInputDOMNode().focus()},this.onClearSelection=function(t){var n=e.props,r=e.state;n.disabled||(t.stopPropagation(),(r.inputValue||r.value.length)&&(e.fireChange([]),e.setOpenState(!1),null===n.inputValue&&e.setState({inputValue:""})))}};j.SHOW_ALL=A.SHOW_ALL,j.SHOW_PARENT=A.SHOW_PARENT,j.SHOW_CHILD=A.SHOW_CHILD,t["default"]=j,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c=n(1),f=r(c),p=n(12),d=r(p),h=n(2),v=r(h),m=n(8),y=r(m),g=n(92),b=r(g),_=n(390),w=r(_),x=n(399),C=n(298),E=r(C),S={bottomLeft:{points:["tl","bl"],offset:[0,4],overflow:{adjustX:0,adjustY:1}},topLeft:{points:["bl","tl"],offset:[0,-4],overflow:{adjustX:0,adjustY:1}}},O=function(e){function t(){var n,r,o;a(this,t);for(var i=arguments.length,u=Array(i),l=0;l<i;l++)u[l]=arguments[l];return n=r=s(this,e.call.apply(e,[this].concat(u))),r.state={_expandedKeys:[],fireOnExpand:!1},r.onExpand=function(e){r.setState({_expandedKeys:e,fireOnExpand:!0})},r.highlightTreeNode=function(e){var t=r.props,n=e.props[(0,x.labelCompatible)(t.treeNodeFilterProp)];return"string"==typeof n&&(t.inputValue&&n.indexOf(t.inputValue)>-1)},r.filterTreeNode=function(e,t){if(!e)return!0;var n=r.props.filterTreeNode;return!n||!t.props.disabled&&n.call(r,e,t)},r.savePopupElement=function(e){r.popupEle=e},o=n,s(r,o)}return u(t,e),t.prototype.componentWillReceiveProps=function(e){e.inputValue&&e.inputValue!==this.props.inputValue&&this.setState({_expandedKeys:[],fireOnExpand:!1})},t.prototype.componentDidUpdate=function(){if(this.props.dropdownMatchSelectWidth&&this.props.visible){var e=this.getPopupDOMNode();e&&(e.style.width=v["default"].findDOMNode(this).offsetWidth+"px")}},t.prototype.getPopupEleRefs=function(){return this.popupEle&&this.popupEle.refs},t.prototype.getPopupDOMNode=function(){return this.refs.trigger.getPopupDomNode()},t.prototype.getDropdownTransitionName=function(){var e=this.props,t=e.transitionName;return!t&&e.animation&&(t=this.getDropdownPrefixCls()+"-"+e.animation),t},t.prototype.getDropdownPrefixCls=function(){return this.props.prefixCls+"-dropdown"},t.prototype.processTreeNode=function(e){var t=this,n=[];this._expandedKeys=[],(0,x.loopAllChildren)(e,function(e,r,o){t.filterTreeNode(t.props.inputValue,e)&&(n.push(o),t._expandedKeys.push(e.key))});var r=[];n.forEach(function(e){var t=e.split("-");t.reduce(function(e,t){var n=e+"-"+t;return r.indexOf(n)<0&&r.push(n),n})});var o=[];(0,x.loopAllChildren)(e,function(e,t,n){r.indexOf(n)>-1&&o.push({node:e,pos:n})});var i=(0,x.flatToHierarchy)(o),a=function s(e){return e.map(function(e){return e.children?f["default"].cloneElement(e.node,{},s(e.children)):e.node})};return a(i)},t.prototype.renderTree=function(e,t,n,r){var o=this.props,i={multiple:r,prefixCls:o.prefixCls+"-tree",showIcon:o.treeIcon,showLine:o.treeLine,defaultExpandAll:o.treeDefaultExpandAll,defaultExpandedKeys:o.treeDefaultExpandedKeys,filterTreeNode:this.highlightTreeNode};return o.treeCheckable?(i.selectable=!1,i.checkable=o.treeCheckable,i.onCheck=o.onSelect,i.checkStrictly=o.treeCheckStrictly,o.inputValue?i.checkStrictly=!0:i._treeNodesStates=o._treeNodesStates,i.treeCheckStrictly&&t.length?i.checkedKeys={checked:e,halfChecked:t}:i.checkedKeys=e):(i.selectedKeys=e,i.onSelect=o.onSelect),i.defaultExpandAll||i.defaultExpandedKeys||o.loadData||(i.expandedKeys=e),i.autoExpandParent=!0,i.onExpand=this.onExpand,this._expandedKeys&&this._expandedKeys.length&&(i.expandedKeys=this._expandedKeys),this.state.fireOnExpand&&(i.expandedKeys=this.state._expandedKeys,i.autoExpandParent=!1),o.loadData&&(i.loadData=o.loadData),f["default"].createElement(w["default"],l({ref:this.savePopupElement},i),n)},t.prototype.render=function(){var e,t=this.props,n=t.multiple,r=this.getDropdownPrefixCls(),o=(e={},i(e,t.dropdownClassName,!!t.dropdownClassName),i(e,r+"--"+(n?"multiple":"single"),1),e),a=t.visible,s=n||t.combobox||!t.showSearch?null:f["default"].createElement("span",{className:r+"-search"},t.inputElement),u=function m(e){return(0,E["default"])(e).map(function(e){return e&&e.props.children?f["default"].createElement(_.TreeNode,l({},e.props,{key:e.key}),m(e.props.children)):f["default"].createElement(_.TreeNode,l({},e.props,{key:e.key}))})},c=void 0;t._cachetreeData&&this.treeNodes?c=this.treeNodes:(c=u(t.treeData||t.treeNodes),this.treeNodes=c),t.inputValue&&(c=this.processTreeNode(c));var p=[],d=[];(0,x.loopAllChildren)(c,function(e){t.value.some(function(t){return t.value===(0,x.getValuePropValue)(e)})&&p.push(e.key),t.halfCheckedValues&&t.halfCheckedValues.some(function(t){return t.value===(0,x.getValuePropValue)(e)})&&d.push(e.key)});var h=void 0;c.length||(t.notFoundContent?h=f["default"].createElement("span",{className:t.prefixCls+"-not-found"},t.notFoundContent):s||(a=!1));var v=f["default"].createElement("div",null,s,h||this.renderTree(p,d,c,n));return f["default"].createElement(b["default"],{action:t.disabled?[]:["click"],ref:"trigger",popupPlacement:"bottomLeft",builtinPlacements:S,popupAlign:t.dropdownPopupAlign,prefixCls:r,popupTransitionName:this.getDropdownTransitionName(),onPopupVisibleChange:t.onDropdownVisibleChange,popup:v,popupVisible:a,getPopupContainer:t.getPopupContainer,popupClassName:(0,y["default"])(o),popupStyle:t.dropdownStyle},this.props.children)},t}(c.Component);O.propTypes={dropdownMatchSelectWidth:d["default"].bool,dropdownPopupAlign:d["default"].object,visible:d["default"].bool,filterTreeNode:d["default"].any,treeNodes:d["default"].any,inputValue:d["default"].string,prefixCls:d["default"].string,popupClassName:d["default"].string,children:d["default"].any},t["default"]=O,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1378),i=r(o),a=n(397),s=r(a);i["default"].TreeNode=s["default"],t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e}function o(e,t,n){function o(e,t){var n=g.hasOwnProperty(t)?g[t]:null;w.hasOwnProperty(t)&&u("OVERRIDE_BASE"===n,"ReactClassInterface: You are attempting to override `%s` from your class specification. Ensure that your method names do not overlap with React methods.",t),e&&u("DEFINE_MANY"===n||"DEFINE_MANY_MERGED"===n,"ReactClassInterface: You are attempting to define `%s` on your component more than once. This conflict may be due to a mixin.",t)}function i(e,n){if(n){u("function"!=typeof n,"ReactClass: You're attempting to use a component class or function as a mixin. Instead, just use a regular object."),u(!t(n),"ReactClass: You're attempting to use a component as a mixin. Instead, just use a regular object.");var r=e.prototype,i=r.__reactAutoBindPairs;n.hasOwnProperty(l)&&b.mixins(e,n.mixins);for(var a in n)if(n.hasOwnProperty(a)&&a!==l){var s=n[a],c=r.hasOwnProperty(a);if(o(c,a),b.hasOwnProperty(a))b[a](e,s);else{var f=g.hasOwnProperty(a),h="function"==typeof s,v=h&&!f&&!c&&n.autobind!==!1;if(v)i.push(a,s),r[a]=s;else if(c){var m=g[a];u(f&&("DEFINE_MANY_MERGED"===m||"DEFINE_MANY"===m),"ReactClass: Unexpected spec policy %s for key %s when mixing in component specs.",m,a),"DEFINE_MANY_MERGED"===m?r[a]=p(r[a],s):"DEFINE_MANY"===m&&(r[a]=d(r[a],s))}else r[a]=s}}}else;}function c(e,t){if(t)for(var n in t){var r=t[n];if(t.hasOwnProperty(n)){var o=n in b;u(!o,'ReactClass: You are attempting to define a reserved property, `%s`, that shouldn\'t be on the "statics" key. Define it as an instance property instead; it will still be accessible on the constructor.',n);var i=n in e;u(!i,"ReactClass: You are attempting to define `%s` on your component more than once. This conflict may be due to a mixin.",n),e[n]=r}}}function f(e,t){u(e&&t&&"object"==typeof e&&"object"==typeof t,"mergeIntoWithNoDuplicateKeys(): Cannot merge non-objects.");for(var n in t)t.hasOwnProperty(n)&&(u(void 0===e[n],"mergeIntoWithNoDuplicateKeys(): Tried to merge two objects with the same key: `%s`. This conflict may be due to a mixin; in particular, this may be caused by two getInitialState() or getDefaultProps() methods returning objects with clashing keys.",n),e[n]=t[n]);return e}function p(e,t){return function(){var n=e.apply(this,arguments),r=t.apply(this,arguments);if(null==n)return r;if(null==r)return n;var o={};return f(o,n),f(o,r),o}}function d(e,t){return function(){e.apply(this,arguments),t.apply(this,arguments)}}function h(e,t){var n=t.bind(e);return n}function v(e){for(var t=e.__reactAutoBindPairs,n=0;n<t.length;n+=2){var r=t[n],o=t[n+1];e[r]=h(e,o)}}function m(e){var t=r(function(e,r,o){this.__reactAutoBindPairs.length&&v(this),this.props=e,this.context=r,this.refs=s,this.updater=o||n,this.state=null;var i=this.getInitialState?this.getInitialState():null;u("object"==typeof i&&!Array.isArray(i),"%s.getInitialState(): must return an object or null",t.displayName||"ReactCompositeComponent"),this.state=i});t.prototype=new x,t.prototype.constructor=t,t.prototype.__reactAutoBindPairs=[],y.forEach(i.bind(null,t)),i(t,_),i(t,e),t.getDefaultProps&&(t.defaultProps=t.getDefaultProps()),u(t.prototype.render,"createClass(...): Class specification must implement a `render` method.");for(var o in g)t.prototype[o]||(t.prototype[o]=null);return t}var y=[],g={mixins:"DEFINE_MANY",statics:"DEFINE_MANY",propTypes:"DEFINE_MANY",contextTypes:"DEFINE_MANY",childContextTypes:"DEFINE_MANY",getDefaultProps:"DEFINE_MANY_MERGED",getInitialState:"DEFINE_MANY_MERGED",getChildContext:"DEFINE_MANY_MERGED",render:"DEFINE_ONCE",componentWillMount:"DEFINE_MANY",componentDidMount:"DEFINE_MANY",componentWillReceiveProps:"DEFINE_MANY",shouldComponentUpdate:"DEFINE_ONCE",componentWillUpdate:"DEFINE_MANY",componentDidUpdate:"DEFINE_MANY",componentWillUnmount:"DEFINE_MANY",updateComponent:"OVERRIDE_BASE"},b={displayName:function(e,t){e.displayName=t},mixins:function(e,t){if(t)for(var n=0;n<t.length;n++)i(e,t[n])},childContextTypes:function(e,t){e.childContextTypes=a({},e.childContextTypes,t)},contextTypes:function(e,t){e.contextTypes=a({},e.contextTypes,t)},getDefaultProps:function(e,t){e.getDefaultProps?e.getDefaultProps=p(e.getDefaultProps,t):e.getDefaultProps=t},propTypes:function(e,t){e.propTypes=a({},e.propTypes,t)},statics:function(e,t){c(e,t)},autobind:function(){}},_={componentDidMount:function(){this.__isMounted=!0},componentWillUnmount:function(){this.__isMounted=!1}},w={replaceState:function(e,t){this.updater.enqueueReplaceState(this,e,t)},isMounted:function(){return!!this.__isMounted}},x=function(){};return a(x.prototype,e.prototype,w),m}var i,a=n(11),s=n(112),u=n(13),l="mixins";i={},e.exports=o},function(e,t){"use strict";var n={Properties:{"aria-current":0,"aria-details":0,"aria-disabled":0,"aria-hidden":0,"aria-invalid":0,"aria-keyshortcuts":0,"aria-label":0,"aria-roledescription":0,"aria-autocomplete":0,"aria-checked":0,"aria-expanded":0,"aria-haspopup":0,"aria-level":0,"aria-modal":0,"aria-multiline":0,"aria-multiselectable":0,"aria-orientation":0,"aria-placeholder":0,"aria-pressed":0,"aria-readonly":0,"aria-required":0,"aria-selected":0,"aria-sort":0,"aria-valuemax":0,"aria-valuemin":0,"aria-valuenow":0,"aria-valuetext":0,"aria-atomic":0,"aria-busy":0,"aria-live":0,"aria-relevant":0,"aria-dropeffect":0,"aria-grabbed":0,"aria-activedescendant":0,"aria-colcount":0,"aria-colindex":0,"aria-colspan":0,"aria-controls":0,"aria-describedby":0,"aria-errormessage":0,"aria-flowto":0,"aria-labelledby":0,"aria-owns":0,"aria-posinset":0,"aria-rowcount":0,"aria-rowindex":0,"aria-rowspan":0,"aria-setsize":0},DOMAttributeNames:{},DOMPropertyNames:{}};e.exports=n},function(e,t,n){"use strict";var r=n(29),o=n(372),i={focusDOMComponent:function(){o(r.getNodeFromInstance(this))}};e.exports=i},function(e,t,n){"use strict";function r(){var e=window.opera;return"object"==typeof e&&"function"==typeof e.version&&parseInt(e.version(),10)<=12}function o(e){return(e.ctrlKey||e.altKey||e.metaKey)&&!(e.ctrlKey&&e.altKey)}function i(e){switch(e){case"topCompositionStart":return O.compositionStart;case"topCompositionEnd":return O.compositionEnd;case"topCompositionUpdate":return O.compositionUpdate}}function a(e,t){return"topKeyDown"===e&&t.keyCode===b}function s(e,t){switch(e){case"topKeyUp":return g.indexOf(t.keyCode)!==-1;case"topKeyDown":return t.keyCode!==b;case"topKeyPress":case"topMouseDown":case"topBlur":return!0;default:return!1}}function u(e){var t=e.detail;return"object"==typeof t&&"data"in t?t.data:null}function l(e,t,n,r){var o,l;if(_?o=i(e):T?s(e,n)&&(o=O.compositionEnd):a(e,n)&&(o=O.compositionStart),!o)return null;C&&(T||o!==O.compositionStart?o===O.compositionEnd&&T&&(l=T.getData()):T=v.getPooled(r));var c=m.getPooled(o,t,n,r);if(l)c.data=l;else{var f=u(n);null!==f&&(c.data=f)}return d.accumulateTwoPhaseDispatches(c),c}function c(e,t){switch(e){case"topCompositionEnd":return u(t);case"topKeyPress":var n=t.which;return n!==E?null:(P=!0,S);case"topTextInput":var r=t.data;return r===S&&P?null:r;default:return null}}function f(e,t){if(T){if("topCompositionEnd"===e||!_&&s(e,t)){var n=T.getData();return v.release(T),T=null,n}return null}switch(e){case"topPaste":return null;case"topKeyPress":return t.which&&!o(t)?String.fromCharCode(t.which):null;case"topCompositionEnd":return C?null:t.data;default:return null}}function p(e,t,n,r){var o;if(o=x?c(e,n):f(e,n),!o)return null;var i=y.getPooled(O.beforeInput,t,n,r);return i.data=o,d.accumulateTwoPhaseDispatches(i),i}var d=n(140),h=n(36),v=n(1390),m=n(1427),y=n(1430),g=[9,13,27,32],b=229,_=h.canUseDOM&&"CompositionEvent"in window,w=null;h.canUseDOM&&"documentMode"in document&&(w=document.documentMode);var x=h.canUseDOM&&"TextEvent"in window&&!w&&!r(),C=h.canUseDOM&&(!_||w&&w>8&&w<=11),E=32,S=String.fromCharCode(E),O={beforeInput:{phasedRegistrationNames:{bubbled:"onBeforeInput",captured:"onBeforeInputCapture"},dependencies:["topCompositionEnd","topKeyPress","topTextInput","topPaste"]},compositionEnd:{phasedRegistrationNames:{bubbled:"onCompositionEnd",captured:"onCompositionEndCapture"},dependencies:["topBlur","topCompositionEnd","topKeyDown","topKeyPress","topKeyUp","topMouseDown"]},compositionStart:{phasedRegistrationNames:{bubbled:"onCompositionStart",captured:"onCompositionStartCapture"},dependencies:["topBlur","topCompositionStart","topKeyDown","topKeyPress","topKeyUp","topMouseDown"]},compositionUpdate:{phasedRegistrationNames:{bubbled:"onCompositionUpdate",captured:"onCompositionUpdateCapture"},dependencies:["topBlur","topCompositionUpdate","topKeyDown","topKeyPress","topKeyUp","topMouseDown"]}},P=!1,T=null,k={eventTypes:O,extractEvents:function(e,t,n,r){return[l(e,t,n,r),p(e,t,n,r)]}};e.exports=k},function(e,t,n){"use strict";var r=n(400),o=n(36),i=(n(58),n(1225),n(1436)),a=n(1233),s=n(375),u=(n(16),s(function(e){return a(e)})),l=!1,c="cssFloat";if(o.canUseDOM){var f=document.createElement("div").style;try{f.font=""}catch(p){l=!0}void 0===document.documentElement.style.cssFloat&&(c="styleFloat")}var d={createMarkupForStyles:function(e,t){var n="";for(var r in e)if(e.hasOwnProperty(r)){var o=e[r];null!=o&&(n+=u(r)+":",n+=i(r,o,t)+";")}return n||null},setValueForStyles:function(e,t,n){var o=e.style;for(var a in t)if(t.hasOwnProperty(a)){var s=i(a,t[a],n);if("float"!==a&&"cssFloat"!==a||(a=c),s)o[a]=s;else{var u=l&&r.shorthandPropertyExpansions[a];if(u)for(var f in u)o[f]="";else o[a]=""}}}};e.exports=d},function(e,t,n){"use strict";function r(e){var t=e.nodeName&&e.nodeName.toLowerCase();return"select"===t||"input"===t&&"file"===e.type}function o(e){var t=E.getPooled(T.change,M,e,S(e));_.accumulateTwoPhaseDispatches(t),C.batchedUpdates(i,t)}function i(e){b.enqueueEvents(e),b.processEventQueue(!1)}function a(e,t){k=e,M=t,k.attachEvent("onchange",o)}function s(){k&&(k.detachEvent("onchange",o),k=null,M=null)}function u(e,t){if("topChange"===e)return t}function l(e,t,n){"topFocus"===e?(s(),a(t,n)):"topBlur"===e&&s()}function c(e,t){k=e,M=t,N=e.value,A=Object.getOwnPropertyDescriptor(e.constructor.prototype,"value"),Object.defineProperty(k,"value",R),k.attachEvent?k.attachEvent("onpropertychange",p):k.addEventListener("propertychange",p,!1)}function f(){k&&(delete k.value,k.detachEvent?k.detachEvent("onpropertychange",p):k.removeEventListener("propertychange",p,!1),k=null,M=null,N=null,A=null)}function p(e){if("value"===e.propertyName){var t=e.srcElement.value;t!==N&&(N=t,o(e))}}function d(e,t){if("topInput"===e)return t}function h(e,t,n){"topFocus"===e?(f(),c(t,n)):"topBlur"===e&&f()}function v(e,t){if(("topSelectionChange"===e||"topKeyUp"===e||"topKeyDown"===e)&&k&&k.value!==N)return N=k.value,M}function m(e){return e.nodeName&&"input"===e.nodeName.toLowerCase()&&("checkbox"===e.type||"radio"===e.type)}function y(e,t){if("topClick"===e)return t}function g(e,t){if(null!=e){var n=e._wrapperState||t._wrapperState;if(n&&n.controlled&&"number"===t.type){var r=""+t.value;t.getAttribute("value")!==r&&t.setAttribute("value",r)}}}var b=n(139),_=n(140),w=n(36),x=n(29),C=n(65),E=n(71),S=n(245),O=n(246),P=n(417),T={change:{phasedRegistrationNames:{bubbled:"onChange",captured:"onChangeCapture"},dependencies:["topBlur","topChange","topClick","topFocus","topInput","topKeyDown","topKeyUp","topSelectionChange"]}},k=null,M=null,N=null,A=null,D=!1;w.canUseDOM&&(D=O("change")&&(!document.documentMode||document.documentMode>8));var j=!1;w.canUseDOM&&(j=O("input")&&(!document.documentMode||document.documentMode>11));var R={get:function(){return A.get.call(this)},set:function(e){N=""+e,A.set.call(this,e)}},I={eventTypes:T,extractEvents:function(e,t,n,o){var i,a,s=t?x.getNodeFromInstance(t):window;if(r(s)?D?i=u:a=l:P(s)?j?i=d:(i=v,a=h):m(s)&&(i=y),i){var c=i(e,t);if(c){var f=E.getPooled(T.change,c,n,o);return f.type="change",_.accumulateTwoPhaseDispatches(f),f}}a&&a(e,s,t),"topBlur"===e&&g(t,s)}};e.exports=I},function(e,t,n){"use strict";var r=n(19),o=n(113),i=n(36),a=n(1226),s=n(33),u=(n(13),{dangerouslyReplaceNodeWithMarkup:function(e,t){if(i.canUseDOM?void 0:r("56"),t?void 0:r("57"),"HTML"===e.nodeName?r("58"):void 0,"string"==typeof t){var n=a(t,s)[0];e.parentNode.replaceChild(n,e)}else o.replaceChildWithTree(e,t)}});e.exports=u},function(e,t){"use strict";var n=["ResponderEventPlugin","SimpleEventPlugin","TapEventPlugin","EnterLeaveEventPlugin","ChangeEventPlugin","SelectEventPlugin","BeforeInputEventPlugin"];e.exports=n},function(e,t,n){"use strict";var r=n(140),o=n(29),i=n(171),a={mouseEnter:{registrationName:"onMouseEnter",dependencies:["topMouseOut","topMouseOver"]},mouseLeave:{registrationName:"onMouseLeave",dependencies:["topMouseOut","topMouseOver"]}},s={eventTypes:a,extractEvents:function(e,t,n,s){if("topMouseOver"===e&&(n.relatedTarget||n.fromElement))return null;if("topMouseOut"!==e&&"topMouseOver"!==e)return null;var u;if(s.window===s)u=s;else{var l=s.ownerDocument;u=l?l.defaultView||l.parentWindow:window}var c,f;if("topMouseOut"===e){c=t;var p=n.relatedTarget||n.toElement;f=p?o.getClosestInstanceFromNode(p):null}else c=null,f=t;if(c===f)return null;var d=null==c?u:o.getNodeFromInstance(c),h=null==f?u:o.getNodeFromInstance(f),v=i.getPooled(a.mouseLeave,c,n,s);v.type="mouseleave",v.target=d,v.relatedTarget=h;var m=i.getPooled(a.mouseEnter,f,n,s);return m.type="mouseenter",m.target=h,m.relatedTarget=d,r.accumulateEnterLeaveDispatches(v,m,c,f),[v,m]}};e.exports=s},function(e,t,n){"use strict";function r(e){this._root=e,this._startText=this.getText(),this._fallbackText=null}var o=n(11),i=n(93),a=n(415);o(r.prototype,{destructor:function(){this._root=null,this._startText=null,this._fallbackText=null},getText:function(){return"value"in this._root?this._root.value:this._root[a()]},getData:function(){if(this._fallbackText)return this._fallbackText;var e,t,n=this._startText,r=n.length,o=this.getText(),i=o.length;for(e=0;e<r&&n[e]===o[e];e++);var a=r-e;for(t=1;t<=a&&n[r-t]===o[i-t];t++);var s=t>1?1-t:void 0;return this._fallbackText=o.slice(e,s),this._fallbackText}}),i.addPoolingTo(r),e.exports=r},function(e,t,n){"use strict";var r=n(114),o=r.injection.MUST_USE_PROPERTY,i=r.injection.HAS_BOOLEAN_VALUE,a=r.injection.HAS_NUMERIC_VALUE,s=r.injection.HAS_POSITIVE_NUMERIC_VALUE,u=r.injection.HAS_OVERLOADED_BOOLEAN_VALUE,l={isCustomAttribute:RegExp.prototype.test.bind(new RegExp("^(data|aria)-["+r.ATTRIBUTE_NAME_CHAR+"]*$")),Properties:{accept:0,acceptCharset:0,accessKey:0,action:0,allowFullScreen:i,allowTransparency:0,alt:0,as:0,async:i,autoComplete:0,autoPlay:i,capture:i,cellPadding:0,cellSpacing:0,charSet:0,challenge:0,checked:o|i,cite:0,classID:0,className:0,cols:s,colSpan:0,content:0,contentEditable:0,contextMenu:0,controls:i,coords:0,crossOrigin:0,data:0,dateTime:0,"default":i,defer:i,dir:0,disabled:i,download:u,draggable:0,encType:0,form:0,formAction:0,formEncType:0,formMethod:0,formNoValidate:i,formTarget:0,frameBorder:0,headers:0,height:0,hidden:i,high:0,href:0,hrefLang:0,htmlFor:0,httpEquiv:0,icon:0,id:0,inputMode:0,integrity:0,is:0,keyParams:0,keyType:0,kind:0,label:0,lang:0,list:0,loop:i,low:0,manifest:0,marginHeight:0,marginWidth:0,max:0,maxLength:0,media:0,mediaGroup:0,method:0,min:0,minLength:0,multiple:o|i,muted:o|i,name:0,nonce:0,noValidate:i,open:i,optimum:0,pattern:0,placeholder:0,playsInline:i,poster:0,preload:0,profile:0,radioGroup:0,readOnly:i,referrerPolicy:0,rel:0,required:i,reversed:i,role:0,rows:s,rowSpan:a,sandbox:0,scope:0,scoped:i,scrolling:0,seamless:i,selected:o|i,shape:0,size:s,sizes:0,span:s,spellCheck:0,src:0,srcDoc:0,srcLang:0,srcSet:0,start:a,step:0,style:0,summary:0,tabIndex:0,target:0,title:0,type:0,useMap:0,value:0,width:0,wmode:0,wrap:0,about:0,datatype:0,inlist:0,prefix:0,property:0,resource:0,"typeof":0,vocab:0,autoCapitalize:0,autoCorrect:0,autoSave:0,color:0,itemProp:0,itemScope:i,itemType:0,itemID:0,itemRef:0,results:0,security:0,unselectable:0},DOMAttributeNames:{acceptCharset:"accept-charset",className:"class",htmlFor:"for",httpEquiv:"http-equiv"},DOMPropertyNames:{},DOMMutationMethods:{value:function(e,t){return null==t?e.removeAttribute("value"):void("number"!==e.type||e.hasAttribute("value")===!1?e.setAttribute("value",""+t):e.validity&&!e.validity.badInput&&e.ownerDocument.activeElement!==e&&e.setAttribute("value",""+t))}}};e.exports=l},function(e,t,n){(function(t){"use strict";function r(e,t,n,r){var o=void 0===e[n];null!=t&&o&&(e[n]=i(t,!0))}var o=n(115),i=n(416),a=(n(237),n(247)),s=n(419);n(16);"undefined"!=typeof t&&t.env,1;var u={instantiateChildren:function(e,t,n,o){if(null==e)return null;var i={};return s(e,r,i),i},updateChildren:function(e,t,n,r,s,u,l,c,f){if(t||e){var p,d;for(p in t)if(t.hasOwnProperty(p)){d=e&&e[p];var h=d&&d._currentElement,v=t[p];if(null!=d&&a(h,v))o.receiveComponent(d,v,s,c),t[p]=d;else{d&&(r[p]=o.getHostNode(d),o.unmountComponent(d,!1));var m=i(v,!0);t[p]=m;var y=o.mountComponent(m,s,u,l,c,f);n.push(y)}}for(p in e)!e.hasOwnProperty(p)||t&&t.hasOwnProperty(p)||(d=e[p],r[p]=o.getHostNode(d),o.unmountComponent(d,!1))}},unmountChildren:function(e,t){for(var n in e)if(e.hasOwnProperty(n)){var r=e[n];o.unmountComponent(r,t)}}};e.exports=u}).call(t,n(89))},function(e,t,n){"use strict";var r=n(233),o=n(1400),i={processChildrenUpdates:o.dangerouslyProcessChildrenUpdates,replaceNodeWithMarkup:r.dangerouslyReplaceNodeWithMarkup};e.exports=i},function(e,t,n){"use strict";function r(e){}function o(e,t){}function i(e){return!(!e.prototype||!e.prototype.isReactComponent)}function a(e){return!(!e.prototype||!e.prototype.isPureReactComponent)}var s=n(19),u=n(11),l=n(116),c=n(239),f=n(72),p=n(240),d=n(141),h=(n(58),n(410)),v=n(115),m=n(112),y=(n(13),n(224)),g=n(247),b=(n(16),{ImpureClass:0,PureClass:1,StatelessFunctional:2});r.prototype.render=function(){var e=d.get(this)._currentElement.type,t=e(this.props,this.context,this.updater);
+return o(e,t),t};var _=1,w={construct:function(e){this._currentElement=e,this._rootNodeID=0,this._compositeType=null,this._instance=null,this._hostParent=null,this._hostContainerInfo=null,this._updateBatchNumber=null,this._pendingElement=null,this._pendingStateQueue=null,this._pendingReplaceState=!1,this._pendingForceUpdate=!1,this._renderedNodeType=null,this._renderedComponent=null,this._context=null,this._mountOrder=0,this._topLevelWrapper=null,this._pendingCallbacks=null,this._calledComponentWillUnmount=!1},mountComponent:function(e,t,n,u){this._context=u,this._mountOrder=_++,this._hostParent=t,this._hostContainerInfo=n;var c,f=this._currentElement.props,p=this._processContext(u),h=this._currentElement.type,v=e.getUpdateQueue(),y=i(h),g=this._constructComponent(y,f,p,v);y||null!=g&&null!=g.render?a(h)?this._compositeType=b.PureClass:this._compositeType=b.ImpureClass:(c=g,o(h,c),null===g||g===!1||l.isValidElement(g)?void 0:s("105",h.displayName||h.name||"Component"),g=new r(h),this._compositeType=b.StatelessFunctional);g.props=f,g.context=p,g.refs=m,g.updater=v,this._instance=g,d.set(g,this);var w=g.state;void 0===w&&(g.state=w=null),"object"!=typeof w||Array.isArray(w)?s("106",this.getName()||"ReactCompositeComponent"):void 0,this._pendingStateQueue=null,this._pendingReplaceState=!1,this._pendingForceUpdate=!1;var x;return x=g.unstable_handleError?this.performInitialMountWithErrorHandling(c,t,n,e,u):this.performInitialMount(c,t,n,e,u),g.componentDidMount&&e.getReactMountReady().enqueue(g.componentDidMount,g),x},_constructComponent:function(e,t,n,r){return this._constructComponentWithoutOwner(e,t,n,r)},_constructComponentWithoutOwner:function(e,t,n,r){var o=this._currentElement.type;return e?new o(t,n,r):o(t,n,r)},performInitialMountWithErrorHandling:function(e,t,n,r,o){var i,a=r.checkpoint();try{i=this.performInitialMount(e,t,n,r,o)}catch(s){r.rollback(a),this._instance.unstable_handleError(s),this._pendingStateQueue&&(this._instance.state=this._processPendingState(this._instance.props,this._instance.context)),a=r.checkpoint(),this._renderedComponent.unmountComponent(!0),r.rollback(a),i=this.performInitialMount(e,t,n,r,o)}return i},performInitialMount:function(e,t,n,r,o){var i=this._instance,a=0;i.componentWillMount&&(i.componentWillMount(),this._pendingStateQueue&&(i.state=this._processPendingState(i.props,i.context))),void 0===e&&(e=this._renderValidatedComponent());var s=h.getType(e);this._renderedNodeType=s;var u=this._instantiateReactComponent(e,s!==h.EMPTY);this._renderedComponent=u;var l=v.mountComponent(u,r,t,n,this._processChildContext(o),a);return l},getHostNode:function(){return v.getHostNode(this._renderedComponent)},unmountComponent:function(e){if(this._renderedComponent){var t=this._instance;if(t.componentWillUnmount&&!t._calledComponentWillUnmount)if(t._calledComponentWillUnmount=!0,e){var n=this.getName()+".componentWillUnmount()";p.invokeGuardedCallback(n,t.componentWillUnmount.bind(t))}else t.componentWillUnmount();this._renderedComponent&&(v.unmountComponent(this._renderedComponent,e),this._renderedNodeType=null,this._renderedComponent=null,this._instance=null),this._pendingStateQueue=null,this._pendingReplaceState=!1,this._pendingForceUpdate=!1,this._pendingCallbacks=null,this._pendingElement=null,this._context=null,this._rootNodeID=0,this._topLevelWrapper=null,d.remove(t)}},_maskContext:function(e){var t=this._currentElement.type,n=t.contextTypes;if(!n)return m;var r={};for(var o in n)r[o]=e[o];return r},_processContext:function(e){var t=this._maskContext(e);return t},_processChildContext:function(e){var t,n=this._currentElement.type,r=this._instance;if(r.getChildContext&&(t=r.getChildContext()),t){"object"!=typeof n.childContextTypes?s("107",this.getName()||"ReactCompositeComponent"):void 0;for(var o in t)o in n.childContextTypes?void 0:s("108",this.getName()||"ReactCompositeComponent",o);return u({},e,t)}return e},_checkContextTypes:function(e,t,n){},receiveComponent:function(e,t,n){var r=this._currentElement,o=this._context;this._pendingElement=null,this.updateComponent(t,r,e,o,n)},performUpdateIfNecessary:function(e){null!=this._pendingElement?v.receiveComponent(this,this._pendingElement,e,this._context):null!==this._pendingStateQueue||this._pendingForceUpdate?this.updateComponent(e,this._currentElement,this._currentElement,this._context,this._context):this._updateBatchNumber=null},updateComponent:function(e,t,n,r,o){var i=this._instance;null==i?s("136",this.getName()||"ReactCompositeComponent"):void 0;var a,u=!1;this._context===o?a=i.context:(a=this._processContext(o),u=!0);var l=t.props,c=n.props;t!==n&&(u=!0),u&&i.componentWillReceiveProps&&i.componentWillReceiveProps(c,a);var f=this._processPendingState(c,a),p=!0;this._pendingForceUpdate||(i.shouldComponentUpdate?p=i.shouldComponentUpdate(c,f,a):this._compositeType===b.PureClass&&(p=!y(l,c)||!y(i.state,f))),this._updateBatchNumber=null,p?(this._pendingForceUpdate=!1,this._performComponentUpdate(n,c,f,a,e,o)):(this._currentElement=n,this._context=o,i.props=c,i.state=f,i.context=a)},_processPendingState:function(e,t){var n=this._instance,r=this._pendingStateQueue,o=this._pendingReplaceState;if(this._pendingReplaceState=!1,this._pendingStateQueue=null,!r)return n.state;if(o&&1===r.length)return r[0];for(var i=u({},o?r[0]:n.state),a=o?1:0;a<r.length;a++){var s=r[a];u(i,"function"==typeof s?s.call(n,i,e,t):s)}return i},_performComponentUpdate:function(e,t,n,r,o,i){var a,s,u,l=this._instance,c=Boolean(l.componentDidUpdate);c&&(a=l.props,s=l.state,u=l.context),l.componentWillUpdate&&l.componentWillUpdate(t,n,r),this._currentElement=e,this._context=i,l.props=t,l.state=n,l.context=r,this._updateRenderedComponent(o,i),c&&o.getReactMountReady().enqueue(l.componentDidUpdate.bind(l,a,s,u),l)},_updateRenderedComponent:function(e,t){var n=this._renderedComponent,r=n._currentElement,o=this._renderValidatedComponent(),i=0;if(g(r,o))v.receiveComponent(n,o,e,this._processChildContext(t));else{var a=v.getHostNode(n);v.unmountComponent(n,!1);var s=h.getType(o);this._renderedNodeType=s;var u=this._instantiateReactComponent(o,s!==h.EMPTY);this._renderedComponent=u;var l=v.mountComponent(u,e,this._hostParent,this._hostContainerInfo,this._processChildContext(t),i);this._replaceNodeWithMarkup(a,l,n)}},_replaceNodeWithMarkup:function(e,t,n){c.replaceNodeWithMarkup(e,t,n)},_renderValidatedComponentWithoutOwnerOrContext:function(){var e,t=this._instance;return e=t.render()},_renderValidatedComponent:function(){var e;if(this._compositeType!==b.StatelessFunctional){f.current=this;try{e=this._renderValidatedComponentWithoutOwnerOrContext()}finally{f.current=null}}else e=this._renderValidatedComponentWithoutOwnerOrContext();return null===e||e===!1||l.isValidElement(e)?void 0:s("109",this.getName()||"ReactCompositeComponent"),e},attachRef:function(e,t){var n=this.getPublicInstance();null==n?s("110"):void 0;var r=t.getPublicInstance(),o=n.refs===m?n.refs={}:n.refs;o[e]=r},detachRef:function(e){var t=this.getPublicInstance().refs;delete t[e]},getName:function(){var e=this._currentElement.type,t=this._instance&&this._instance.constructor;return e.displayName||t&&t.displayName||e.name||t&&t.name||null},getPublicInstance:function(){var e=this._instance;return this._compositeType===b.StatelessFunctional?null:e},_instantiateReactComponent:null};e.exports=w},function(e,t,n){"use strict";var r=n(29),o=n(1408),i=n(409),a=n(115),s=n(65),u=n(1421),l=n(1437),c=n(414),f=n(1444);n(16);o.inject();var p={findDOMNode:l,render:i.render,unmountComponentAtNode:i.unmountComponentAtNode,version:u,unstable_batchedUpdates:s.batchedUpdates,unstable_renderSubtreeIntoContainer:f};"undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.inject&&__REACT_DEVTOOLS_GLOBAL_HOOK__.inject({ComponentTree:{getClosestInstanceFromNode:r.getClosestInstanceFromNode,getNodeFromInstance:function(e){return e._renderedComponent&&(e=c(e)),e?r.getNodeFromInstance(e):null}},Mount:i,Reconciler:a});e.exports=p},function(e,t,n){"use strict";function r(e){if(e){var t=e._currentElement._owner||null;if(t){var n=t.getName();if(n)return" This DOM node was rendered by `"+n+"`."}}return""}function o(e,t){t&&(G[e._tag]&&(null!=t.children||null!=t.dangerouslySetInnerHTML?v("137",e._tag,e._currentElement._owner?" Check the render method of "+e._currentElement._owner.getName()+".":""):void 0),null!=t.dangerouslySetInnerHTML&&(null!=t.children?v("60"):void 0,"object"==typeof t.dangerouslySetInnerHTML&&z in t.dangerouslySetInnerHTML?void 0:v("61")),null!=t.style&&"object"!=typeof t.style?v("62",r(e)):void 0)}function i(e,t,n,r){if(!(r instanceof D)){var o=e._hostContainerInfo,i=o._node&&o._node.nodeType===K,s=i?o._node:o._ownerDocument;F(t,s),r.getReactMountReady().enqueue(a,{inst:e,registrationName:t,listener:n})}}function a(){var e=this;C.putListener(e.inst,e.registrationName,e.listener)}function s(){var e=this;T.postMountWrapper(e)}function u(){var e=this;N.postMountWrapper(e)}function l(){var e=this;k.postMountWrapper(e)}function c(){var e=this;e._rootNodeID?void 0:v("63");var t=L(e);switch(t?void 0:v("64"),e._tag){case"iframe":case"object":e._wrapperState.listeners=[S.trapBubbledEvent("topLoad","load",t)];break;case"video":case"audio":e._wrapperState.listeners=[];for(var n in W)W.hasOwnProperty(n)&&e._wrapperState.listeners.push(S.trapBubbledEvent(n,W[n],t));break;case"source":e._wrapperState.listeners=[S.trapBubbledEvent("topError","error",t)];break;case"img":e._wrapperState.listeners=[S.trapBubbledEvent("topError","error",t),S.trapBubbledEvent("topLoad","load",t)];break;case"form":e._wrapperState.listeners=[S.trapBubbledEvent("topReset","reset",t),S.trapBubbledEvent("topSubmit","submit",t)];break;case"input":case"select":case"textarea":e._wrapperState.listeners=[S.trapBubbledEvent("topInvalid","invalid",t)]}}function f(){M.postUpdateWrapper(this)}function p(e){Z.call($,e)||(X.test(e)?void 0:v("65",e),$[e]=!0)}function d(e,t){return e.indexOf("-")>=0||null!=t.is}function h(e){var t=e.type;p(t),this._currentElement=e,this._tag=t.toLowerCase(),this._namespaceURI=null,this._renderedChildren=null,this._previousStyle=null,this._previousStyleCopy=null,this._hostNode=null,this._hostParent=null,this._rootNodeID=0,this._domID=0,this._hostContainerInfo=null,this._wrapperState=null,this._topLevelWrapper=null,this._flags=0}var v=n(19),m=n(11),y=n(1383),g=n(1385),b=n(113),_=n(234),w=n(114),x=n(402),C=n(139),E=n(235),S=n(170),O=n(403),P=n(29),T=n(1401),k=n(1402),M=n(404),N=n(1405),A=(n(58),n(1414)),D=n(1419),j=(n(33),n(173)),R=(n(13),n(246),n(224),n(248),n(16),O),I=C.deleteListener,L=P.getNodeFromInstance,F=S.listenTo,U=E.registrationNameModules,V={string:!0,number:!0},B="style",z="__html",H={children:null,dangerouslySetInnerHTML:null,suppressContentEditableWarning:null},K=11,W={topAbort:"abort",topCanPlay:"canplay",topCanPlayThrough:"canplaythrough",topDurationChange:"durationchange",topEmptied:"emptied",topEncrypted:"encrypted",topEnded:"ended",topError:"error",topLoadedData:"loadeddata",topLoadedMetadata:"loadedmetadata",topLoadStart:"loadstart",topPause:"pause",topPlay:"play",topPlaying:"playing",topProgress:"progress",topRateChange:"ratechange",topSeeked:"seeked",topSeeking:"seeking",topStalled:"stalled",topSuspend:"suspend",topTimeUpdate:"timeupdate",topVolumeChange:"volumechange",topWaiting:"waiting"},q={area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0},Y={listing:!0,pre:!0,textarea:!0},G=m({menuitem:!0},q),X=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,$={},Z={}.hasOwnProperty,Q=1;h.displayName="ReactDOMComponent",h.Mixin={mountComponent:function(e,t,n,r){this._rootNodeID=Q++,this._domID=n._idCounter++,this._hostParent=t,this._hostContainerInfo=n;var i=this._currentElement.props;switch(this._tag){case"audio":case"form":case"iframe":case"img":case"link":case"object":case"source":case"video":this._wrapperState={listeners:null},e.getReactMountReady().enqueue(c,this);break;case"input":T.mountWrapper(this,i,t),i=T.getHostProps(this,i),e.getReactMountReady().enqueue(c,this);break;case"option":k.mountWrapper(this,i,t),i=k.getHostProps(this,i);break;case"select":M.mountWrapper(this,i,t),i=M.getHostProps(this,i),e.getReactMountReady().enqueue(c,this);break;case"textarea":N.mountWrapper(this,i,t),i=N.getHostProps(this,i),e.getReactMountReady().enqueue(c,this)}o(this,i);var a,f;null!=t?(a=t._namespaceURI,f=t._tag):n._tag&&(a=n._namespaceURI,f=n._tag),(null==a||a===_.svg&&"foreignobject"===f)&&(a=_.html),a===_.html&&("svg"===this._tag?a=_.svg:"math"===this._tag&&(a=_.mathml)),this._namespaceURI=a;var p;if(e.useCreateElement){var d,h=n._ownerDocument;if(a===_.html)if("script"===this._tag){var v=h.createElement("div"),m=this._currentElement.type;v.innerHTML="<"+m+"></"+m+">",d=v.removeChild(v.firstChild)}else d=i.is?h.createElement(this._currentElement.type,i.is):h.createElement(this._currentElement.type);else d=h.createElementNS(a,this._currentElement.type);P.precacheNode(this,d),this._flags|=R.hasCachedChildNodes,this._hostParent||x.setAttributeForRoot(d),this._updateDOMProperties(null,i,e);var g=b(d);this._createInitialChildren(e,i,r,g),p=g}else{var w=this._createOpenTagMarkupAndPutListeners(e,i),C=this._createContentMarkup(e,i,r);p=!C&&q[this._tag]?w+"/>":w+">"+C+"</"+this._currentElement.type+">"}switch(this._tag){case"input":e.getReactMountReady().enqueue(s,this),i.autoFocus&&e.getReactMountReady().enqueue(y.focusDOMComponent,this);break;case"textarea":e.getReactMountReady().enqueue(u,this),i.autoFocus&&e.getReactMountReady().enqueue(y.focusDOMComponent,this);break;case"select":i.autoFocus&&e.getReactMountReady().enqueue(y.focusDOMComponent,this);break;case"button":i.autoFocus&&e.getReactMountReady().enqueue(y.focusDOMComponent,this);break;case"option":e.getReactMountReady().enqueue(l,this)}return p},_createOpenTagMarkupAndPutListeners:function(e,t){var n="<"+this._currentElement.type;for(var r in t)if(t.hasOwnProperty(r)){var o=t[r];if(null!=o)if(U.hasOwnProperty(r))o&&i(this,r,o,e);else{r===B&&(o&&(o=this._previousStyleCopy=m({},t.style)),o=g.createMarkupForStyles(o,this));var a=null;null!=this._tag&&d(this._tag,t)?H.hasOwnProperty(r)||(a=x.createMarkupForCustomAttribute(r,o)):a=x.createMarkupForProperty(r,o),a&&(n+=" "+a)}}return e.renderToStaticMarkup?n:(this._hostParent||(n+=" "+x.createMarkupForRoot()),n+=" "+x.createMarkupForID(this._domID))},_createContentMarkup:function(e,t,n){var r="",o=t.dangerouslySetInnerHTML;if(null!=o)null!=o.__html&&(r=o.__html);else{var i=V[typeof t.children]?t.children:null,a=null!=i?null:t.children;if(null!=i)r=j(i);else if(null!=a){var s=this.mountChildren(a,e,n);r=s.join("")}}return Y[this._tag]&&"\n"===r.charAt(0)?"\n"+r:r},_createInitialChildren:function(e,t,n,r){var o=t.dangerouslySetInnerHTML;if(null!=o)null!=o.__html&&b.queueHTML(r,o.__html);else{var i=V[typeof t.children]?t.children:null,a=null!=i?null:t.children;if(null!=i)""!==i&&b.queueText(r,i);else if(null!=a)for(var s=this.mountChildren(a,e,n),u=0;u<s.length;u++)b.queueChild(r,s[u])}},receiveComponent:function(e,t,n){var r=this._currentElement;this._currentElement=e,this.updateComponent(t,r,e,n)},updateComponent:function(e,t,n,r){var i=t.props,a=this._currentElement.props;switch(this._tag){case"input":i=T.getHostProps(this,i),a=T.getHostProps(this,a);break;case"option":i=k.getHostProps(this,i),a=k.getHostProps(this,a);break;case"select":i=M.getHostProps(this,i),a=M.getHostProps(this,a);break;case"textarea":i=N.getHostProps(this,i),a=N.getHostProps(this,a)}switch(o(this,a),this._updateDOMProperties(i,a,e),this._updateDOMChildren(i,a,e,r),this._tag){case"input":T.updateWrapper(this);break;case"textarea":N.updateWrapper(this);break;case"select":e.getReactMountReady().enqueue(f,this)}},_updateDOMProperties:function(e,t,n){var r,o,a;for(r in e)if(!t.hasOwnProperty(r)&&e.hasOwnProperty(r)&&null!=e[r])if(r===B){var s=this._previousStyleCopy;for(o in s)s.hasOwnProperty(o)&&(a=a||{},a[o]="");this._previousStyleCopy=null}else U.hasOwnProperty(r)?e[r]&&I(this,r):d(this._tag,e)?H.hasOwnProperty(r)||x.deleteValueForAttribute(L(this),r):(w.properties[r]||w.isCustomAttribute(r))&&x.deleteValueForProperty(L(this),r);for(r in t){var u=t[r],l=r===B?this._previousStyleCopy:null!=e?e[r]:void 0;if(t.hasOwnProperty(r)&&u!==l&&(null!=u||null!=l))if(r===B)if(u?u=this._previousStyleCopy=m({},u):this._previousStyleCopy=null,l){for(o in l)!l.hasOwnProperty(o)||u&&u.hasOwnProperty(o)||(a=a||{},a[o]="");for(o in u)u.hasOwnProperty(o)&&l[o]!==u[o]&&(a=a||{},a[o]=u[o])}else a=u;else if(U.hasOwnProperty(r))u?i(this,r,u,n):l&&I(this,r);else if(d(this._tag,t))H.hasOwnProperty(r)||x.setValueForAttribute(L(this),r,u);else if(w.properties[r]||w.isCustomAttribute(r)){var c=L(this);null!=u?x.setValueForProperty(c,r,u):x.deleteValueForProperty(c,r)}}a&&g.setValueForStyles(L(this),a,this)},_updateDOMChildren:function(e,t,n,r){var o=V[typeof e.children]?e.children:null,i=V[typeof t.children]?t.children:null,a=e.dangerouslySetInnerHTML&&e.dangerouslySetInnerHTML.__html,s=t.dangerouslySetInnerHTML&&t.dangerouslySetInnerHTML.__html,u=null!=o?null:e.children,l=null!=i?null:t.children,c=null!=o||null!=a,f=null!=i||null!=s;null!=u&&null==l?this.updateChildren(null,n,r):c&&!f&&this.updateTextContent(""),null!=i?o!==i&&this.updateTextContent(""+i):null!=s?a!==s&&this.updateMarkup(""+s):null!=l&&this.updateChildren(l,n,r)},getHostNode:function(){return L(this)},unmountComponent:function(e){switch(this._tag){case"audio":case"form":case"iframe":case"img":case"link":case"object":case"source":case"video":var t=this._wrapperState.listeners;if(t)for(var n=0;n<t.length;n++)t[n].remove();break;case"html":case"head":case"body":v("66",this._tag)}this.unmountChildren(e),P.uncacheNode(this),C.deleteAllListeners(this),this._rootNodeID=0,this._domID=0,this._wrapperState=null},getPublicInstance:function(){return L(this)}},m(h.prototype,h.Mixin,A.Mixin),e.exports=h},function(e,t,n){"use strict";function r(e,t){var n={_topLevelWrapper:e,_idCounter:1,_ownerDocument:t?t.nodeType===o?t:t.ownerDocument:null,_node:t,_tag:t?t.nodeName.toLowerCase():null,_namespaceURI:t?t.namespaceURI:null};return n}var o=(n(248),9);e.exports=r},function(e,t,n){"use strict";var r=n(11),o=n(113),i=n(29),a=function(e){this._currentElement=null,this._hostNode=null,this._hostParent=null,this._hostContainerInfo=null,this._domID=0};r(a.prototype,{mountComponent:function(e,t,n,r){var a=n._idCounter++;this._domID=a,this._hostParent=t,this._hostContainerInfo=n;var s=" react-empty: "+this._domID+" ";if(e.useCreateElement){var u=n._ownerDocument,l=u.createComment(s);return i.precacheNode(this,l),o(l)}return e.renderToStaticMarkup?"":"<!--"+s+"-->"},receiveComponent:function(){},getHostNode:function(){return i.getNodeFromInstance(this)},unmountComponent:function(){i.uncacheNode(this)}}),e.exports=a},function(e,t){"use strict";var n={useCreateElement:!0,useFiber:!1};e.exports=n},function(e,t,n){"use strict";var r=n(233),o=n(29),i={dangerouslyProcessChildrenUpdates:function(e,t){var n=o.getNodeFromInstance(e);r.processUpdates(n,t)}};e.exports=i},function(e,t,n){"use strict";function r(){this._rootNodeID&&p.updateWrapper(this)}function o(e){var t="checkbox"===e.type||"radio"===e.type;return t?null!=e.checked:null!=e.value}function i(e){var t=this._currentElement.props,n=l.executeOnChange(t,e);f.asap(r,this);var o=t.name;if("radio"===t.type&&null!=o){for(var i=c.getNodeFromInstance(this),s=i;s.parentNode;)s=s.parentNode;for(var u=s.querySelectorAll("input[name="+JSON.stringify(""+o)+'][type="radio"]'),p=0;p<u.length;p++){var d=u[p];if(d!==i&&d.form===i.form){var h=c.getInstanceFromNode(d);h?void 0:a("90"),f.asap(r,h)}}}return n}var a=n(19),s=n(11),u=n(402),l=n(238),c=n(29),f=n(65),p=(n(13),n(16),{getHostProps:function(e,t){var n=l.getValue(t),r=l.getChecked(t),o=s({type:void 0,step:void 0,min:void 0,max:void 0},t,{defaultChecked:void 0,defaultValue:void 0,value:null!=n?n:e._wrapperState.initialValue,checked:null!=r?r:e._wrapperState.initialChecked,onChange:e._wrapperState.onChange});return o},mountWrapper:function(e,t){var n=t.defaultValue;e._wrapperState={initialChecked:null!=t.checked?t.checked:t.defaultChecked,initialValue:null!=t.value?t.value:n,listeners:null,onChange:i.bind(e),controlled:o(t)}},updateWrapper:function(e){var t=e._currentElement.props,n=t.checked;null!=n&&u.setValueForProperty(c.getNodeFromInstance(e),"checked",n||!1);var r=c.getNodeFromInstance(e),o=l.getValue(t);if(null!=o)if(0===o&&""===r.value)r.value="0";else if("number"===t.type){var i=parseFloat(r.value,10)||0;o!=i&&(r.value=""+o)}else o!=r.value&&(r.value=""+o);else null==t.value&&null!=t.defaultValue&&r.defaultValue!==""+t.defaultValue&&(r.defaultValue=""+t.defaultValue),null==t.checked&&null!=t.defaultChecked&&(r.defaultChecked=!!t.defaultChecked)},postMountWrapper:function(e){var t=e._currentElement.props,n=c.getNodeFromInstance(e);switch(t.type){case"submit":case"reset":break;case"color":case"date":case"datetime":case"datetime-local":case"month":case"time":case"week":n.value="",n.value=n.defaultValue;break;default:n.value=n.value}var r=n.name;""!==r&&(n.name=""),n.defaultChecked=!n.defaultChecked,n.defaultChecked=!n.defaultChecked,""!==r&&(n.name=r)}});e.exports=p},function(e,t,n){"use strict";function r(e){var t="";return i.Children.forEach(e,function(e){null!=e&&("string"==typeof e||"number"==typeof e?t+=e:u||(u=!0))}),t}var o=n(11),i=n(116),a=n(29),s=n(404),u=(n(16),!1),l={mountWrapper:function(e,t,n){var o=null;if(null!=n){var i=n;"optgroup"===i._tag&&(i=i._hostParent),null!=i&&"select"===i._tag&&(o=s.getSelectValueContext(i))}var a=null;if(null!=o){var u;if(u=null!=t.value?t.value+"":r(t.children),a=!1,Array.isArray(o)){for(var l=0;l<o.length;l++)if(""+o[l]===u){a=!0;break}}else a=""+o===u}e._wrapperState={selected:a}},postMountWrapper:function(e){var t=e._currentElement.props;if(null!=t.value){var n=a.getNodeFromInstance(e);n.setAttribute("value",t.value)}},getHostProps:function(e,t){var n=o({selected:void 0,children:void 0},t);null!=e._wrapperState.selected&&(n.selected=e._wrapperState.selected);var i=r(t.children);return i&&(n.children=i),n}};e.exports=l},function(e,t,n){"use strict";function r(e,t,n,r){return e===n&&t===r}function o(e){var t=document.selection,n=t.createRange(),r=n.text.length,o=n.duplicate();o.moveToElementText(e),o.setEndPoint("EndToStart",n);var i=o.text.length,a=i+r;return{start:i,end:a}}function i(e){var t=window.getSelection&&window.getSelection();if(!t||0===t.rangeCount)return null;var n=t.anchorNode,o=t.anchorOffset,i=t.focusNode,a=t.focusOffset,s=t.getRangeAt(0);try{s.startContainer.nodeType,s.endContainer.nodeType}catch(u){return null}var l=r(t.anchorNode,t.anchorOffset,t.focusNode,t.focusOffset),c=l?0:s.toString().length,f=s.cloneRange();f.selectNodeContents(e),f.setEnd(s.startContainer,s.startOffset);var p=r(f.startContainer,f.startOffset,f.endContainer,f.endOffset),d=p?0:f.toString().length,h=d+c,v=document.createRange();v.setStart(n,o),v.setEnd(i,a);var m=v.collapsed;return{start:m?h:d,end:m?d:h}}function a(e,t){var n,r,o=document.selection.createRange().duplicate();void 0===t.end?(n=t.start,r=n):t.start>t.end?(n=t.end,r=t.start):(n=t.start,r=t.end),o.moveToElementText(e),o.moveStart("character",n),o.setEndPoint("EndToStart",o),o.moveEnd("character",r-n),o.select()}function s(e,t){if(window.getSelection){var n=window.getSelection(),r=e[c()].length,o=Math.min(t.start,r),i=void 0===t.end?o:Math.min(t.end,r);if(!n.extend&&o>i){var a=i;i=o,o=a}var s=l(e,o),u=l(e,i);if(s&&u){var f=document.createRange();f.setStart(s.node,s.offset),n.removeAllRanges(),o>i?(n.addRange(f),n.extend(u.node,u.offset)):(f.setEnd(u.node,u.offset),n.addRange(f))}}}var u=n(36),l=n(1441),c=n(415),f=u.canUseDOM&&"selection"in document&&!("getSelection"in window),p={getOffsets:f?o:i,setOffsets:f?a:s};e.exports=p},function(e,t,n){"use strict";var r=n(19),o=n(11),i=n(233),a=n(113),s=n(29),u=n(173),l=(n(13),n(248),function(e){this._currentElement=e,this._stringText=""+e,this._hostNode=null,this._hostParent=null,this._domID=0,this._mountIndex=0,this._closingComment=null,this._commentNodes=null});o(l.prototype,{mountComponent:function(e,t,n,r){var o=n._idCounter++,i=" react-text: "+o+" ",l=" /react-text ";if(this._domID=o,this._hostParent=t,e.useCreateElement){var c=n._ownerDocument,f=c.createComment(i),p=c.createComment(l),d=a(c.createDocumentFragment());return a.queueChild(d,a(f)),this._stringText&&a.queueChild(d,a(c.createTextNode(this._stringText))),a.queueChild(d,a(p)),s.precacheNode(this,f),this._closingComment=p,d}var h=u(this._stringText);return e.renderToStaticMarkup?h:"<!--"+i+"-->"+h+"<!--"+l+"-->"},receiveComponent:function(e,t){if(e!==this._currentElement){this._currentElement=e;var n=""+e;if(n!==this._stringText){this._stringText=n;var r=this.getHostNode();i.replaceDelimitedText(r[0],r[1],n)}}},getHostNode:function(){var e=this._commentNodes;if(e)return e;if(!this._closingComment)for(var t=s.getNodeFromInstance(this),n=t.nextSibling;;){if(null==n?r("67",this._domID):void 0,8===n.nodeType&&" /react-text "===n.nodeValue){this._closingComment=n;break}n=n.nextSibling}return e=[this._hostNode,this._closingComment],this._commentNodes=e,e},unmountComponent:function(){this._closingComment=null,this._commentNodes=null,s.uncacheNode(this)}}),e.exports=l},function(e,t,n){"use strict";function r(){this._rootNodeID&&c.updateWrapper(this)}function o(e){var t=this._currentElement.props,n=s.executeOnChange(t,e);return l.asap(r,this),n}var i=n(19),a=n(11),s=n(238),u=n(29),l=n(65),c=(n(13),n(16),{getHostProps:function(e,t){null!=t.dangerouslySetInnerHTML?i("91"):void 0;var n=a({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue,onChange:e._wrapperState.onChange});return n},mountWrapper:function(e,t){var n=s.getValue(t),r=n;if(null==n){var a=t.defaultValue,u=t.children;null!=u&&(null!=a?i("92"):void 0,Array.isArray(u)&&(u.length<=1?void 0:i("93"),u=u[0]),a=""+u),null==a&&(a=""),r=a}e._wrapperState={initialValue:""+r,listeners:null,onChange:o.bind(e)}},updateWrapper:function(e){var t=e._currentElement.props,n=u.getNodeFromInstance(e),r=s.getValue(t);if(null!=r){var o=""+r;o!==n.value&&(n.value=o),null==t.defaultValue&&(n.defaultValue=o)}null!=t.defaultValue&&(n.defaultValue=t.defaultValue)},postMountWrapper:function(e){var t=u.getNodeFromInstance(e),n=t.textContent;n===e._wrapperState.initialValue&&(t.value=n)}});e.exports=c},function(e,t,n){"use strict";function r(e,t){"_hostNode"in e?void 0:u("33"),"_hostNode"in t?void 0:u("33");for(var n=0,r=e;r;r=r._hostParent)n++;for(var o=0,i=t;i;i=i._hostParent)o++;for(;n-o>0;)e=e._hostParent,n--;for(;o-n>0;)t=t._hostParent,o--;for(var a=n;a--;){if(e===t)return e;e=e._hostParent,t=t._hostParent}return null}function o(e,t){"_hostNode"in e?void 0:u("35"),"_hostNode"in t?void 0:u("35");for(;t;){if(t===e)return!0;t=t._hostParent}return!1}function i(e){return"_hostNode"in e?void 0:u("36"),e._hostParent}function a(e,t,n){for(var r=[];e;)r.push(e),e=e._hostParent;var o;for(o=r.length;o-- >0;)t(r[o],"captured",n);for(o=0;o<r.length;o++)t(r[o],"bubbled",n)}function s(e,t,n,o,i){for(var a=e&&t?r(e,t):null,s=[];e&&e!==a;)s.push(e),e=e._hostParent;for(var u=[];t&&t!==a;)u.push(t),t=t._hostParent;var l;for(l=0;l<s.length;l++)n(s[l],"bubbled",o);for(l=u.length;l-- >0;)n(u[l],"captured",i)}var u=n(19);n(13);e.exports={isAncestor:o,getLowestCommonAncestor:r,getParentInstance:i,traverseTwoPhase:a,traverseEnterLeave:s}},function(e,t,n){"use strict";function r(){this.reinitializeTransaction()}var o=n(11),i=n(65),a=n(172),s=n(33),u={initialize:s,close:function(){p.isBatchingUpdates=!1}},l={initialize:s,close:i.flushBatchedUpdates.bind(i)},c=[l,u];o(r.prototype,a,{getTransactionWrappers:function(){return c}});var f=new r,p={isBatchingUpdates:!1,batchedUpdates:function(e,t,n,r,o,i){var a=p.isBatchingUpdates;return p.isBatchingUpdates=!0,a?e(t,n,r,o,i):f.perform(e,null,t,n,r,o,i)}};e.exports=p},function(e,t,n){"use strict";function r(){C||(C=!0,g.EventEmitter.injectReactEventListener(y),g.EventPluginHub.injectEventPluginOrder(s),g.EventPluginUtils.injectComponentTree(p),g.EventPluginUtils.injectTreeTraversal(h),g.EventPluginHub.injectEventPluginsByName({SimpleEventPlugin:x,EnterLeaveEventPlugin:u,ChangeEventPlugin:a,SelectEventPlugin:w,BeforeInputEventPlugin:i}),g.HostComponent.injectGenericComponentClass(f),g.HostComponent.injectTextComponentClass(v),g.DOMProperty.injectDOMPropertyConfig(o),g.DOMProperty.injectDOMPropertyConfig(l),g.DOMProperty.injectDOMPropertyConfig(_),g.EmptyComponent.injectEmptyComponentFactory(function(e){return new d(e)}),g.Updates.injectReconcileTransaction(b),g.Updates.injectBatchingStrategy(m),g.Component.injectEnvironment(c))}var o=n(1382),i=n(1384),a=n(1386),s=n(1388),u=n(1389),l=n(1391),c=n(1393),f=n(1396),p=n(29),d=n(1398),h=n(1406),v=n(1404),m=n(1407),y=n(1411),g=n(1412),b=n(1417),_=n(1422),w=n(1423),x=n(1424),C=!1;e.exports={inject:r}},function(e,t){"use strict";var n="function"==typeof Symbol&&Symbol["for"]&&Symbol["for"]("react.element")||60103;e.exports=n},function(e,t,n){"use strict";function r(e){o.enqueueEvents(e),o.processEventQueue(!1)}var o=n(139),i={handleTopLevel:function(e,t,n,i){var a=o.extractEvents(e,t,n,i);r(a)}};e.exports=i},function(e,t,n){"use strict";function r(e){for(;e._hostParent;)e=e._hostParent;var t=f.getNodeFromInstance(e),n=t.parentNode;return f.getClosestInstanceFromNode(n)}function o(e,t){this.topLevelType=e,this.nativeEvent=t,this.ancestors=[]}function i(e){var t=d(e.nativeEvent),n=f.getClosestInstanceFromNode(t),o=n;do e.ancestors.push(o),o=o&&r(o);while(o);for(var i=0;i<e.ancestors.length;i++)n=e.ancestors[i],v._handleTopLevel(e.topLevelType,n,e.nativeEvent,d(e.nativeEvent))}function a(e){var t=h(window);e(t)}var s=n(11),u=n(367),l=n(36),c=n(93),f=n(29),p=n(65),d=n(245),h=n(373);s(o.prototype,{destructor:function(){this.topLevelType=null,this.nativeEvent=null,this.ancestors.length=0}}),c.addPoolingTo(o,c.twoArgumentPooler);var v={_enabled:!0,_handleTopLevel:null,WINDOW_HANDLE:l.canUseDOM?window:null,setHandleTopLevel:function(e){v._handleTopLevel=e},setEnabled:function(e){v._enabled=!!e},isEnabled:function(){return v._enabled},trapBubbledEvent:function(e,t,n){return n?u.listen(n,t,v.dispatchEvent.bind(null,e)):null},trapCapturedEvent:function(e,t,n){return n?u.capture(n,t,v.dispatchEvent.bind(null,e)):null},monitorScrollValue:function(e){var t=a.bind(null,e);u.listen(window,"scroll",t)},dispatchEvent:function(e,t){if(v._enabled){var n=o.getPooled(e,t);try{p.batchedUpdates(i,n)}finally{o.release(n)}}}};e.exports=v},function(e,t,n){"use strict";var r=n(114),o=n(139),i=n(236),a=n(239),s=n(405),u=n(170),l=n(407),c=n(65),f={Component:a.injection,DOMProperty:r.injection,EmptyComponent:s.injection,EventPluginHub:o.injection,EventPluginUtils:i.injection,EventEmitter:u.injection,HostComponent:l.injection,Updates:c.injection};e.exports=f},function(e,t,n){"use strict";var r=n(1435),o=/\/?>/,i=/^<\!\-\-/,a={CHECKSUM_ATTR_NAME:"data-react-checksum",addChecksumToMarkup:function(e){var t=r(e);return i.test(e)?e:e.replace(o," "+a.CHECKSUM_ATTR_NAME+'="'+t+'"$&')},canReuseMarkup:function(e,t){var n=t.getAttribute(a.CHECKSUM_ATTR_NAME);n=n&&parseInt(n,10);var o=r(e);return o===n}};e.exports=a},function(e,t,n){"use strict";function r(e,t,n){return{type:"INSERT_MARKUP",content:e,fromIndex:null,fromNode:null,toIndex:n,afterNode:t}}function o(e,t,n){return{type:"MOVE_EXISTING",content:null,fromIndex:e._mountIndex,fromNode:p.getHostNode(e),toIndex:n,afterNode:t}}function i(e,t){return{type:"REMOVE_NODE",content:null,fromIndex:e._mountIndex,fromNode:t,toIndex:null,afterNode:null}}function a(e){return{type:"SET_MARKUP",content:e,fromIndex:null,fromNode:null,toIndex:null,afterNode:null}}function s(e){return{type:"TEXT_CONTENT",content:e,fromIndex:null,fromNode:null,toIndex:null,afterNode:null}}function u(e,t){return t&&(e=e||[],e.push(t)),e}function l(e,t){f.processChildrenUpdates(e,t)}var c=n(19),f=n(239),p=(n(141),n(58),n(72),n(115)),d=n(1392),h=(n(33),
+n(1438)),v=(n(13),{Mixin:{_reconcilerInstantiateChildren:function(e,t,n){return d.instantiateChildren(e,t,n)},_reconcilerUpdateChildren:function(e,t,n,r,o,i){var a,s=0;return a=h(t,s),d.updateChildren(e,a,n,r,o,this,this._hostContainerInfo,i,s),a},mountChildren:function(e,t,n){var r=this._reconcilerInstantiateChildren(e,t,n);this._renderedChildren=r;var o=[],i=0;for(var a in r)if(r.hasOwnProperty(a)){var s=r[a],u=0,l=p.mountComponent(s,t,this,this._hostContainerInfo,n,u);s._mountIndex=i++,o.push(l)}return o},updateTextContent:function(e){var t=this._renderedChildren;d.unmountChildren(t,!1);for(var n in t)t.hasOwnProperty(n)&&c("118");var r=[s(e)];l(this,r)},updateMarkup:function(e){var t=this._renderedChildren;d.unmountChildren(t,!1);for(var n in t)t.hasOwnProperty(n)&&c("118");var r=[a(e)];l(this,r)},updateChildren:function(e,t,n){this._updateChildren(e,t,n)},_updateChildren:function(e,t,n){var r=this._renderedChildren,o={},i=[],a=this._reconcilerUpdateChildren(r,e,i,o,t,n);if(a||r){var s,c=null,f=0,d=0,h=0,v=null;for(s in a)if(a.hasOwnProperty(s)){var m=r&&r[s],y=a[s];m===y?(c=u(c,this.moveChild(m,v,f,d)),d=Math.max(m._mountIndex,d),m._mountIndex=f):(m&&(d=Math.max(m._mountIndex,d)),c=u(c,this._mountChildAtIndex(y,i[h],v,f,t,n)),h++),f++,v=p.getHostNode(y)}for(s in o)o.hasOwnProperty(s)&&(c=u(c,this._unmountChild(r[s],o[s])));c&&l(this,c),this._renderedChildren=a}},unmountChildren:function(e){var t=this._renderedChildren;d.unmountChildren(t,e),this._renderedChildren=null},moveChild:function(e,t,n,r){if(e._mountIndex<r)return o(e,t,n)},createChild:function(e,t,n){return r(n,t,e._mountIndex)},removeChild:function(e,t){return i(e,t)},_mountChildAtIndex:function(e,t,n,r,o,i){return e._mountIndex=r,this.createChild(e,n,t)},_unmountChild:function(e,t){var n=this.removeChild(e,t);return e._mountIndex=null,n}}});e.exports=v},function(e,t,n){"use strict";function r(e){return!(!e||"function"!=typeof e.attachRef||"function"!=typeof e.detachRef)}var o=n(19),i=(n(13),{addComponentAsRefTo:function(e,t,n){r(n)?void 0:o("119"),n.attachRef(t,e)},removeComponentAsRefFrom:function(e,t,n){r(n)?void 0:o("120");var i=n.getPublicInstance();i&&i.refs[t]===e.getPublicInstance()&&n.detachRef(t)}});e.exports=i},function(e,t){"use strict";var n="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";e.exports=n},function(e,t,n){"use strict";function r(e){this.reinitializeTransaction(),this.renderToStaticMarkup=!1,this.reactMountReady=i.getPooled(null),this.useCreateElement=e}var o=n(11),i=n(401),a=n(93),s=n(170),u=n(408),l=(n(58),n(172)),c=n(241),f={initialize:u.getSelectionInformation,close:u.restoreSelection},p={initialize:function(){var e=s.isEnabled();return s.setEnabled(!1),e},close:function(e){s.setEnabled(e)}},d={initialize:function(){this.reactMountReady.reset()},close:function(){this.reactMountReady.notifyAll()}},h=[f,p,d],v={getTransactionWrappers:function(){return h},getReactMountReady:function(){return this.reactMountReady},getUpdateQueue:function(){return c},checkpoint:function(){return this.reactMountReady.checkpoint()},rollback:function(e){this.reactMountReady.rollback(e)},destructor:function(){i.release(this.reactMountReady),this.reactMountReady=null}};o(r.prototype,l,v),a.addPoolingTo(r),e.exports=r},function(e,t,n){"use strict";function r(e,t,n){"function"==typeof e?e(t.getPublicInstance()):i.addComponentAsRefTo(t,e,n)}function o(e,t,n){"function"==typeof e?e(null):i.removeComponentAsRefFrom(t,e,n)}var i=n(1415),a={};a.attachRefs=function(e,t){if(null!==t&&"object"==typeof t){var n=t.ref;null!=n&&r(n,e,t._owner)}},a.shouldUpdateRefs=function(e,t){var n=null,r=null;null!==e&&"object"==typeof e&&(n=e.ref,r=e._owner);var o=null,i=null;return null!==t&&"object"==typeof t&&(o=t.ref,i=t._owner),n!==o||"string"==typeof o&&i!==r},a.detachRefs=function(e,t){if(null!==t&&"object"==typeof t){var n=t.ref;null!=n&&o(n,e,t._owner)}},e.exports=a},function(e,t,n){"use strict";function r(e){this.reinitializeTransaction(),this.renderToStaticMarkup=e,this.useCreateElement=!1,this.updateQueue=new s(this)}var o=n(11),i=n(93),a=n(172),s=(n(58),n(1420)),u=[],l={enqueue:function(){}},c={getTransactionWrappers:function(){return u},getReactMountReady:function(){return l},getUpdateQueue:function(){return this.updateQueue},destructor:function(){},checkpoint:function(){},rollback:function(){}};o(r.prototype,a,c),i.addPoolingTo(r),e.exports=r},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){}var i=n(241),a=(n(16),function(){function e(t){r(this,e),this.transaction=t}return e.prototype.isMounted=function(e){return!1},e.prototype.enqueueCallback=function(e,t,n){this.transaction.isInTransaction()&&i.enqueueCallback(e,t,n)},e.prototype.enqueueForceUpdate=function(e){this.transaction.isInTransaction()?i.enqueueForceUpdate(e):o(e,"forceUpdate")},e.prototype.enqueueReplaceState=function(e,t){this.transaction.isInTransaction()?i.enqueueReplaceState(e,t):o(e,"replaceState")},e.prototype.enqueueSetState=function(e,t){this.transaction.isInTransaction()?i.enqueueSetState(e,t):o(e,"setState")},e}());e.exports=a},function(e,t){"use strict";e.exports="15.5.4"},function(e,t){"use strict";var n={xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace"},r={accentHeight:"accent-height",accumulate:0,additive:0,alignmentBaseline:"alignment-baseline",allowReorder:"allowReorder",alphabetic:0,amplitude:0,arabicForm:"arabic-form",ascent:0,attributeName:"attributeName",attributeType:"attributeType",autoReverse:"autoReverse",azimuth:0,baseFrequency:"baseFrequency",baseProfile:"baseProfile",baselineShift:"baseline-shift",bbox:0,begin:0,bias:0,by:0,calcMode:"calcMode",capHeight:"cap-height",clip:0,clipPath:"clip-path",clipRule:"clip-rule",clipPathUnits:"clipPathUnits",colorInterpolation:"color-interpolation",colorInterpolationFilters:"color-interpolation-filters",colorProfile:"color-profile",colorRendering:"color-rendering",contentScriptType:"contentScriptType",contentStyleType:"contentStyleType",cursor:0,cx:0,cy:0,d:0,decelerate:0,descent:0,diffuseConstant:"diffuseConstant",direction:0,display:0,divisor:0,dominantBaseline:"dominant-baseline",dur:0,dx:0,dy:0,edgeMode:"edgeMode",elevation:0,enableBackground:"enable-background",end:0,exponent:0,externalResourcesRequired:"externalResourcesRequired",fill:0,fillOpacity:"fill-opacity",fillRule:"fill-rule",filter:0,filterRes:"filterRes",filterUnits:"filterUnits",floodColor:"flood-color",floodOpacity:"flood-opacity",focusable:0,fontFamily:"font-family",fontSize:"font-size",fontSizeAdjust:"font-size-adjust",fontStretch:"font-stretch",fontStyle:"font-style",fontVariant:"font-variant",fontWeight:"font-weight",format:0,from:0,fx:0,fy:0,g1:0,g2:0,glyphName:"glyph-name",glyphOrientationHorizontal:"glyph-orientation-horizontal",glyphOrientationVertical:"glyph-orientation-vertical",glyphRef:"glyphRef",gradientTransform:"gradientTransform",gradientUnits:"gradientUnits",hanging:0,horizAdvX:"horiz-adv-x",horizOriginX:"horiz-origin-x",ideographic:0,imageRendering:"image-rendering","in":0,in2:0,intercept:0,k:0,k1:0,k2:0,k3:0,k4:0,kernelMatrix:"kernelMatrix",kernelUnitLength:"kernelUnitLength",kerning:0,keyPoints:"keyPoints",keySplines:"keySplines",keyTimes:"keyTimes",lengthAdjust:"lengthAdjust",letterSpacing:"letter-spacing",lightingColor:"lighting-color",limitingConeAngle:"limitingConeAngle",local:0,markerEnd:"marker-end",markerMid:"marker-mid",markerStart:"marker-start",markerHeight:"markerHeight",markerUnits:"markerUnits",markerWidth:"markerWidth",mask:0,maskContentUnits:"maskContentUnits",maskUnits:"maskUnits",mathematical:0,mode:0,numOctaves:"numOctaves",offset:0,opacity:0,operator:0,order:0,orient:0,orientation:0,origin:0,overflow:0,overlinePosition:"overline-position",overlineThickness:"overline-thickness",paintOrder:"paint-order",panose1:"panose-1",pathLength:"pathLength",patternContentUnits:"patternContentUnits",patternTransform:"patternTransform",patternUnits:"patternUnits",pointerEvents:"pointer-events",points:0,pointsAtX:"pointsAtX",pointsAtY:"pointsAtY",pointsAtZ:"pointsAtZ",preserveAlpha:"preserveAlpha",preserveAspectRatio:"preserveAspectRatio",primitiveUnits:"primitiveUnits",r:0,radius:0,refX:"refX",refY:"refY",renderingIntent:"rendering-intent",repeatCount:"repeatCount",repeatDur:"repeatDur",requiredExtensions:"requiredExtensions",requiredFeatures:"requiredFeatures",restart:0,result:0,rotate:0,rx:0,ry:0,scale:0,seed:0,shapeRendering:"shape-rendering",slope:0,spacing:0,specularConstant:"specularConstant",specularExponent:"specularExponent",speed:0,spreadMethod:"spreadMethod",startOffset:"startOffset",stdDeviation:"stdDeviation",stemh:0,stemv:0,stitchTiles:"stitchTiles",stopColor:"stop-color",stopOpacity:"stop-opacity",strikethroughPosition:"strikethrough-position",strikethroughThickness:"strikethrough-thickness",string:0,stroke:0,strokeDasharray:"stroke-dasharray",strokeDashoffset:"stroke-dashoffset",strokeLinecap:"stroke-linecap",strokeLinejoin:"stroke-linejoin",strokeMiterlimit:"stroke-miterlimit",strokeOpacity:"stroke-opacity",strokeWidth:"stroke-width",surfaceScale:"surfaceScale",systemLanguage:"systemLanguage",tableValues:"tableValues",targetX:"targetX",targetY:"targetY",textAnchor:"text-anchor",textDecoration:"text-decoration",textRendering:"text-rendering",textLength:"textLength",to:0,transform:0,u1:0,u2:0,underlinePosition:"underline-position",underlineThickness:"underline-thickness",unicode:0,unicodeBidi:"unicode-bidi",unicodeRange:"unicode-range",unitsPerEm:"units-per-em",vAlphabetic:"v-alphabetic",vHanging:"v-hanging",vIdeographic:"v-ideographic",vMathematical:"v-mathematical",values:0,vectorEffect:"vector-effect",version:0,vertAdvY:"vert-adv-y",vertOriginX:"vert-origin-x",vertOriginY:"vert-origin-y",viewBox:"viewBox",viewTarget:"viewTarget",visibility:0,widths:0,wordSpacing:"word-spacing",writingMode:"writing-mode",x:0,xHeight:"x-height",x1:0,x2:0,xChannelSelector:"xChannelSelector",xlinkActuate:"xlink:actuate",xlinkArcrole:"xlink:arcrole",xlinkHref:"xlink:href",xlinkRole:"xlink:role",xlinkShow:"xlink:show",xlinkTitle:"xlink:title",xlinkType:"xlink:type",xmlBase:"xml:base",xmlns:0,xmlnsXlink:"xmlns:xlink",xmlLang:"xml:lang",xmlSpace:"xml:space",y:0,y1:0,y2:0,yChannelSelector:"yChannelSelector",z:0,zoomAndPan:"zoomAndPan"},o={Properties:{},DOMAttributeNamespaces:{xlinkActuate:n.xlink,xlinkArcrole:n.xlink,xlinkHref:n.xlink,xlinkRole:n.xlink,xlinkShow:n.xlink,xlinkTitle:n.xlink,xlinkType:n.xlink,xmlBase:n.xml,xmlLang:n.xml,xmlSpace:n.xml},DOMAttributeNames:{}};Object.keys(r).forEach(function(e){o.Properties[e]=0,r[e]&&(o.DOMAttributeNames[e]=r[e])}),e.exports=o},function(e,t,n){"use strict";function r(e){if("selectionStart"in e&&u.hasSelectionCapabilities(e))return{start:e.selectionStart,end:e.selectionEnd};if(window.getSelection){var t=window.getSelection();return{anchorNode:t.anchorNode,anchorOffset:t.anchorOffset,focusNode:t.focusNode,focusOffset:t.focusOffset}}if(document.selection){var n=document.selection.createRange();return{parentElement:n.parentElement(),text:n.text,top:n.boundingTop,left:n.boundingLeft}}}function o(e,t){if(g||null==v||v!==c())return null;var n=r(v);if(!y||!p(y,n)){y=n;var o=l.getPooled(h.select,m,e,t);return o.type="select",o.target=v,i.accumulateTwoPhaseDispatches(o),o}return null}var i=n(140),a=n(36),s=n(29),u=n(408),l=n(71),c=n(166),f=n(417),p=n(224),d=a.canUseDOM&&"documentMode"in document&&document.documentMode<=11,h={select:{phasedRegistrationNames:{bubbled:"onSelect",captured:"onSelectCapture"},dependencies:["topBlur","topContextMenu","topFocus","topKeyDown","topKeyUp","topMouseDown","topMouseUp","topSelectionChange"]}},v=null,m=null,y=null,g=!1,b=!1,_={eventTypes:h,extractEvents:function(e,t,n,r){if(!b)return null;var i=t?s.getNodeFromInstance(t):window;switch(e){case"topFocus":(f(i)||"true"===i.contentEditable)&&(v=i,m=t,y=null);break;case"topBlur":v=null,m=null,y=null;break;case"topMouseDown":g=!0;break;case"topContextMenu":case"topMouseUp":return g=!1,o(n,r);case"topSelectionChange":if(d)break;case"topKeyDown":case"topKeyUp":return o(n,r)}return null},didPutListener:function(e,t,n){"onSelect"===t&&(b=!0)}};e.exports=_},function(e,t,n){"use strict";function r(e){return"."+e._rootNodeID}function o(e){return"button"===e||"input"===e||"select"===e||"textarea"===e}var i=n(19),a=n(367),s=n(140),u=n(29),l=n(1425),c=n(1426),f=n(71),p=n(1429),d=n(1431),h=n(171),v=n(1428),m=n(1432),y=n(1433),g=n(142),b=n(1434),_=n(33),w=n(243),x=(n(13),{}),C={};["abort","animationEnd","animationIteration","animationStart","blur","canPlay","canPlayThrough","click","contextMenu","copy","cut","doubleClick","drag","dragEnd","dragEnter","dragExit","dragLeave","dragOver","dragStart","drop","durationChange","emptied","encrypted","ended","error","focus","input","invalid","keyDown","keyPress","keyUp","load","loadedData","loadedMetadata","loadStart","mouseDown","mouseMove","mouseOut","mouseOver","mouseUp","paste","pause","play","playing","progress","rateChange","reset","scroll","seeked","seeking","stalled","submit","suspend","timeUpdate","touchCancel","touchEnd","touchMove","touchStart","transitionEnd","volumeChange","waiting","wheel"].forEach(function(e){var t=e[0].toUpperCase()+e.slice(1),n="on"+t,r="top"+t,o={phasedRegistrationNames:{bubbled:n,captured:n+"Capture"},dependencies:[r]};x[e]=o,C[r]=o});var E={},S={eventTypes:x,extractEvents:function(e,t,n,r){var o=C[e];if(!o)return null;var a;switch(e){case"topAbort":case"topCanPlay":case"topCanPlayThrough":case"topDurationChange":case"topEmptied":case"topEncrypted":case"topEnded":case"topError":case"topInput":case"topInvalid":case"topLoad":case"topLoadedData":case"topLoadedMetadata":case"topLoadStart":case"topPause":case"topPlay":case"topPlaying":case"topProgress":case"topRateChange":case"topReset":case"topSeeked":case"topSeeking":case"topStalled":case"topSubmit":case"topSuspend":case"topTimeUpdate":case"topVolumeChange":case"topWaiting":a=f;break;case"topKeyPress":if(0===w(n))return null;case"topKeyDown":case"topKeyUp":a=d;break;case"topBlur":case"topFocus":a=p;break;case"topClick":if(2===n.button)return null;case"topDoubleClick":case"topMouseDown":case"topMouseMove":case"topMouseUp":case"topMouseOut":case"topMouseOver":case"topContextMenu":a=h;break;case"topDrag":case"topDragEnd":case"topDragEnter":case"topDragExit":case"topDragLeave":case"topDragOver":case"topDragStart":case"topDrop":a=v;break;case"topTouchCancel":case"topTouchEnd":case"topTouchMove":case"topTouchStart":a=m;break;case"topAnimationEnd":case"topAnimationIteration":case"topAnimationStart":a=l;break;case"topTransitionEnd":a=y;break;case"topScroll":a=g;break;case"topWheel":a=b;break;case"topCopy":case"topCut":case"topPaste":a=c}a?void 0:i("86",e);var u=a.getPooled(o,t,n,r);return s.accumulateTwoPhaseDispatches(u),u},didPutListener:function(e,t,n){if("onClick"===t&&!o(e._tag)){var i=r(e),s=u.getNodeFromInstance(e);E[i]||(E[i]=a.listen(s,"click",_))}},willDeleteListener:function(e,t){if("onClick"===t&&!o(e._tag)){var n=r(e);E[n].remove(),delete E[n]}}};e.exports=S},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(71),i={animationName:null,elapsedTime:null,pseudoElement:null};o.augmentClass(r,i),e.exports=r},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(71),i={clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}};o.augmentClass(r,i),e.exports=r},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(71),i={data:null};o.augmentClass(r,i),e.exports=r},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(171),i={dataTransfer:null};o.augmentClass(r,i),e.exports=r},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(142),i={relatedTarget:null};o.augmentClass(r,i),e.exports=r},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(71),i={data:null};o.augmentClass(r,i),e.exports=r},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(142),i=n(243),a=n(1439),s=n(244),u={key:a,location:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,repeat:null,locale:null,getModifierState:s,charCode:function(e){return"keypress"===e.type?i(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?i(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}};o.augmentClass(r,u),e.exports=r},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(142),i=n(244),a={touches:null,targetTouches:null,changedTouches:null,altKey:null,metaKey:null,ctrlKey:null,shiftKey:null,getModifierState:i};o.augmentClass(r,a),e.exports=r},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(71),i={propertyName:null,elapsedTime:null,pseudoElement:null};o.augmentClass(r,i),e.exports=r},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(171),i={deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:null,deltaMode:null};o.augmentClass(r,i),e.exports=r},function(e,t){"use strict";function n(e){for(var t=1,n=0,o=0,i=e.length,a=i&-4;o<a;){for(var s=Math.min(o+4096,a);o<s;o+=4)n+=(t+=e.charCodeAt(o))+(t+=e.charCodeAt(o+1))+(t+=e.charCodeAt(o+2))+(t+=e.charCodeAt(o+3));t%=r,n%=r}for(;o<i;o++)n+=t+=e.charCodeAt(o);return t%=r,n%=r,t|n<<16}var r=65521;e.exports=n},function(e,t,n){"use strict";function r(e,t,n){var r=null==t||"boolean"==typeof t||""===t;if(r)return"";var o=isNaN(t);if(o||0===t||i.hasOwnProperty(e)&&i[e])return""+t;if("string"==typeof t){t=t.trim()}return t+"px"}var o=n(400),i=(n(16),o.isUnitlessNumber);e.exports=r},function(e,t,n){"use strict";function r(e){if(null==e)return null;if(1===e.nodeType)return e;var t=a.get(e);return t?(t=s(t),t?i.getNodeFromInstance(t):null):void("function"==typeof e.render?o("44"):o("45",Object.keys(e)))}var o=n(19),i=(n(72),n(29)),a=n(141),s=n(414);n(13),n(16);e.exports=r},function(e,t,n){(function(t){"use strict";function r(e,t,n,r){if(e&&"object"==typeof e){var o=e,i=void 0===o[n];i&&null!=t&&(o[n]=t)}}function o(e,t){if(null==e)return e;var n={};return i(e,r,n),n}var i=(n(237),n(419));n(16);"undefined"!=typeof t&&t.env,1,e.exports=o}).call(t,n(89))},function(e,t,n){"use strict";function r(e){if(e.key){var t=i[e.key]||e.key;if("Unidentified"!==t)return t}if("keypress"===e.type){var n=o(e);return 13===n?"Enter":String.fromCharCode(n)}return"keydown"===e.type||"keyup"===e.type?a[e.keyCode]||"Unidentified":""}var o=n(243),i={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},a={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"};e.exports=r},function(e,t){"use strict";function n(e){var t=e&&(r&&e[r]||e[o]);if("function"==typeof t)return t}var r="function"==typeof Symbol&&Symbol.iterator,o="@@iterator";e.exports=n},function(e,t){"use strict";function n(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function r(e){for(;e;){if(e.nextSibling)return e.nextSibling;e=e.parentNode}}function o(e,t){for(var o=n(e),i=0,a=0;o;){if(3===o.nodeType){if(a=i+o.textContent.length,i<=t&&a>=t)return{node:o,offset:t-i};i=a}o=n(r(o))}}e.exports=o},function(e,t,n){"use strict";function r(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n["ms"+e]="MS"+t,n["O"+e]="o"+t.toLowerCase(),n}function o(e){if(s[e])return s[e];if(!a[e])return e;var t=a[e];for(var n in t)if(t.hasOwnProperty(n)&&n in u)return s[e]=t[n];return""}var i=n(36),a={animationend:r("Animation","AnimationEnd"),animationiteration:r("Animation","AnimationIteration"),animationstart:r("Animation","AnimationStart"),transitionend:r("Transition","TransitionEnd")},s={},u={};i.canUseDOM&&(u=document.createElement("div").style,"AnimationEvent"in window||(delete a.animationend.animation,delete a.animationiteration.animation,delete a.animationstart.animation),"TransitionEvent"in window||delete a.transitionend.transition),e.exports=o},function(e,t,n){"use strict";function r(e){return'"'+o(e)+'"'}var o=n(173);e.exports=r},function(e,t,n){"use strict";var r=n(409);e.exports=r.renderSubtreeIntoContainer},function(e,t){"use strict";function n(e){var t=/[=:]/g,n={"=":"=0",":":"=2"},r=(""+e).replace(t,function(e){return n[e]});return"$"+r}function r(e){var t=/(=0|=2)/g,n={"=0":"=","=2":":"},r="."===e[0]&&"$"===e[1]?e.substring(2):e.substring(1);return(""+r).replace(t,function(e){return n[e]})}var o={escape:n,unescape:r};e.exports=o},function(e,t,n){"use strict";var r=n(118),o=(n(13),function(e){var t=this;if(t.instancePool.length){var n=t.instancePool.pop();return t.call(n,e),n}return new t(e)}),i=function(e,t){var n=this;if(n.instancePool.length){var r=n.instancePool.pop();return n.call(r,e,t),r}return new n(e,t)},a=function(e,t,n){var r=this;if(r.instancePool.length){var o=r.instancePool.pop();return r.call(o,e,t,n),o}return new r(e,t,n)},s=function(e,t,n,r){var o=this;if(o.instancePool.length){var i=o.instancePool.pop();return o.call(i,e,t,n,r),i}return new o(e,t,n,r)},u=function(e){var t=this;e instanceof t?void 0:r("25"),e.destructor(),t.instancePool.length<t.poolSize&&t.instancePool.push(e)},l=10,c=o,f=function(e,t){var n=e;return n.instancePool=[],n.getPooled=t||c,n.poolSize||(n.poolSize=l),n.release=u,n},p={addPoolingTo:f,oneArgumentPooler:o,twoArgumentPooler:i,threeArgumentPooler:a,fourArgumentPooler:s};e.exports=p},function(e,t,n){"use strict";function r(e){return(""+e).replace(_,"$&/")}function o(e,t){this.func=e,this.context=t,this.count=0}function i(e,t,n){var r=e.func,o=e.context;r.call(o,t,e.count++)}function a(e,t,n){if(null==e)return e;var r=o.getPooled(t,n);y(e,i,r),o.release(r)}function s(e,t,n,r){this.result=e,this.keyPrefix=t,this.func=n,this.context=r,this.count=0}function u(e,t,n){var o=e.result,i=e.keyPrefix,a=e.func,s=e.context,u=a.call(s,t,e.count++);Array.isArray(u)?l(u,o,n,m.thatReturnsArgument):null!=u&&(v.isValidElement(u)&&(u=v.cloneAndReplaceKey(u,i+(!u.key||t&&t.key===u.key?"":r(u.key)+"/")+n)),o.push(u))}function l(e,t,n,o,i){var a="";null!=n&&(a=r(n)+"/");var l=s.getPooled(t,a,o,i);y(e,u,l),s.release(l)}function c(e,t,n){if(null==e)return e;var r=[];return l(e,r,null,t,n),r}function f(e,t,n){return null}function p(e,t){return y(e,f,null)}function d(e){var t=[];return l(e,t,null,m.thatReturnsArgument),t}var h=n(1446),v=n(117),m=n(33),y=n(1457),g=h.twoArgumentPooler,b=h.fourArgumentPooler,_=/\/+/g;o.prototype.destructor=function(){this.func=null,this.context=null,this.count=0},h.addPoolingTo(o,g),s.prototype.destructor=function(){this.result=null,this.keyPrefix=null,this.func=null,this.context=null,this.count=0},h.addPoolingTo(s,b);var w={forEach:a,map:c,mapIntoWithKeyPrefixInternal:l,count:p,toArray:d};e.exports=w},function(e,t,n){"use strict";function r(e){return e}function o(e,t){var n=_.hasOwnProperty(t)?_[t]:null;x.hasOwnProperty(t)&&("OVERRIDE_BASE"!==n?p("73",t):void 0),e&&("DEFINE_MANY"!==n&&"DEFINE_MANY_MERGED"!==n?p("74",t):void 0)}function i(e,t){if(t){"function"==typeof t?p("75"):void 0,v.isValidElement(t)?p("76"):void 0;var n=e.prototype,r=n.__reactAutoBindPairs;t.hasOwnProperty(g)&&w.mixins(e,t.mixins);for(var i in t)if(t.hasOwnProperty(i)&&i!==g){var a=t[i],s=n.hasOwnProperty(i);if(o(s,i),w.hasOwnProperty(i))w[i](e,a);else{var c=_.hasOwnProperty(i),f="function"==typeof a,d=f&&!c&&!s&&t.autobind!==!1;if(d)r.push(i,a),n[i]=a;else if(s){var h=_[i];!c||"DEFINE_MANY_MERGED"!==h&&"DEFINE_MANY"!==h?p("77",h,i):void 0,"DEFINE_MANY_MERGED"===h?n[i]=u(n[i],a):"DEFINE_MANY"===h&&(n[i]=l(n[i],a))}else n[i]=a}}}else;}function a(e,t){if(t)for(var n in t){var r=t[n];if(t.hasOwnProperty(n)){var o=n in w;o?p("78",n):void 0;var i=n in e;i?p("79",n):void 0,e[n]=r}}}function s(e,t){e&&t&&"object"==typeof e&&"object"==typeof t?void 0:p("80");for(var n in t)t.hasOwnProperty(n)&&(void 0!==e[n]?p("81",n):void 0,e[n]=t[n]);return e}function u(e,t){return function(){var n=e.apply(this,arguments),r=t.apply(this,arguments);if(null==n)return r;if(null==r)return n;var o={};return s(o,n),s(o,r),o}}function l(e,t){return function(){e.apply(this,arguments),t.apply(this,arguments)}}function c(e,t){var n=t.bind(e);return n}function f(e){for(var t=e.__reactAutoBindPairs,n=0;n<t.length;n+=2){var r=t[n],o=t[n+1];e[r]=c(e,o)}}var p=n(118),d=n(11),h=n(249),v=n(117),m=(n(1450),n(250)),y=n(112),g=(n(13),n(16),"mixins"),b=[],_={mixins:"DEFINE_MANY",statics:"DEFINE_MANY",propTypes:"DEFINE_MANY",contextTypes:"DEFINE_MANY",childContextTypes:"DEFINE_MANY",getDefaultProps:"DEFINE_MANY_MERGED",getInitialState:"DEFINE_MANY_MERGED",getChildContext:"DEFINE_MANY_MERGED",render:"DEFINE_ONCE",componentWillMount:"DEFINE_MANY",componentDidMount:"DEFINE_MANY",componentWillReceiveProps:"DEFINE_MANY",shouldComponentUpdate:"DEFINE_ONCE",componentWillUpdate:"DEFINE_MANY",componentDidUpdate:"DEFINE_MANY",componentWillUnmount:"DEFINE_MANY",updateComponent:"OVERRIDE_BASE"},w={displayName:function(e,t){e.displayName=t},mixins:function(e,t){if(t)for(var n=0;n<t.length;n++)i(e,t[n])},childContextTypes:function(e,t){e.childContextTypes=d({},e.childContextTypes,t)},contextTypes:function(e,t){e.contextTypes=d({},e.contextTypes,t)},getDefaultProps:function(e,t){e.getDefaultProps?e.getDefaultProps=u(e.getDefaultProps,t):e.getDefaultProps=t},propTypes:function(e,t){e.propTypes=d({},e.propTypes,t)},statics:function(e,t){a(e,t)},autobind:function(){}},x={replaceState:function(e,t){this.updater.enqueueReplaceState(this,e),t&&this.updater.enqueueCallback(this,t,"replaceState")},isMounted:function(){return this.updater.isMounted(this)}},C=function(){};d(C.prototype,h.prototype,x);var E={createClass:function(e){var t=r(function(e,n,r){this.__reactAutoBindPairs.length&&f(this),this.props=e,this.context=n,this.refs=y,this.updater=r||m,this.state=null;var o=this.getInitialState?this.getInitialState():null;"object"!=typeof o||Array.isArray(o)?p("82",t.displayName||"ReactCompositeComponent"):void 0,this.state=o});t.prototype=new C,t.prototype.constructor=t,t.prototype.__reactAutoBindPairs=[],b.forEach(i.bind(null,t)),i(t,e),t.getDefaultProps&&(t.defaultProps=t.getDefaultProps()),t.prototype.render?void 0:p("83");for(var n in _)t.prototype[n]||(t.prototype[n]=null);return t},injection:{injectMixin:function(e){b.push(e)}}};e.exports=E},function(e,t,n){"use strict";var r=n(117),o=r.createFactory,i={a:o("a"),abbr:o("abbr"),address:o("address"),area:o("area"),article:o("article"),aside:o("aside"),audio:o("audio"),b:o("b"),base:o("base"),bdi:o("bdi"),bdo:o("bdo"),big:o("big"),blockquote:o("blockquote"),body:o("body"),br:o("br"),button:o("button"),canvas:o("canvas"),caption:o("caption"),cite:o("cite"),code:o("code"),col:o("col"),colgroup:o("colgroup"),data:o("data"),datalist:o("datalist"),dd:o("dd"),del:o("del"),details:o("details"),dfn:o("dfn"),dialog:o("dialog"),div:o("div"),dl:o("dl"),dt:o("dt"),em:o("em"),embed:o("embed"),fieldset:o("fieldset"),figcaption:o("figcaption"),figure:o("figure"),footer:o("footer"),form:o("form"),h1:o("h1"),h2:o("h2"),h3:o("h3"),h4:o("h4"),h5:o("h5"),h6:o("h6"),head:o("head"),header:o("header"),hgroup:o("hgroup"),hr:o("hr"),html:o("html"),i:o("i"),iframe:o("iframe"),img:o("img"),input:o("input"),ins:o("ins"),kbd:o("kbd"),keygen:o("keygen"),label:o("label"),legend:o("legend"),li:o("li"),link:o("link"),main:o("main"),map:o("map"),mark:o("mark"),menu:o("menu"),menuitem:o("menuitem"),meta:o("meta"),meter:o("meter"),nav:o("nav"),noscript:o("noscript"),object:o("object"),ol:o("ol"),optgroup:o("optgroup"),option:o("option"),output:o("output"),p:o("p"),param:o("param"),picture:o("picture"),pre:o("pre"),progress:o("progress"),q:o("q"),rp:o("rp"),rt:o("rt"),ruby:o("ruby"),s:o("s"),samp:o("samp"),script:o("script"),section:o("section"),select:o("select"),small:o("small"),source:o("source"),span:o("span"),strong:o("strong"),style:o("style"),sub:o("sub"),summary:o("summary"),sup:o("sup"),table:o("table"),tbody:o("tbody"),td:o("td"),textarea:o("textarea"),tfoot:o("tfoot"),th:o("th"),thead:o("thead"),time:o("time"),title:o("title"),tr:o("tr"),track:o("track"),u:o("u"),ul:o("ul"),"var":o("var"),video:o("video"),wbr:o("wbr"),circle:o("circle"),clipPath:o("clipPath"),defs:o("defs"),ellipse:o("ellipse"),g:o("g"),image:o("image"),line:o("line"),linearGradient:o("linearGradient"),mask:o("mask"),path:o("path"),pattern:o("pattern"),polygon:o("polygon"),polyline:o("polyline"),radialGradient:o("radialGradient"),rect:o("rect"),stop:o("stop"),svg:o("svg"),text:o("text"),tspan:o("tspan")};e.exports=i},function(e,t,n){"use strict";var r={};e.exports=r},function(e,t,n){"use strict";var r=n(117),o=r.isValidElement,i=n(423);e.exports=i(o)},function(e,t,n){"use strict";function r(e,t,n){this.props=e,this.context=t,this.refs=u,this.updater=n||s}function o(){}var i=n(11),a=n(249),s=n(250),u=n(112);o.prototype=a.prototype,r.prototype=new o,r.prototype.constructor=r,i(r.prototype,a.prototype),r.prototype.isPureReactComponent=!0,e.exports=r},function(e,t){"use strict";e.exports="15.5.4"},function(e,t){"use strict";function n(e){var t=e&&(r&&e[r]||e[o]);if("function"==typeof t)return t}var r="function"==typeof Symbol&&Symbol.iterator,o="@@iterator";e.exports=n},function(e,t){"use strict";function n(){return r++}var r=1;e.exports=n},function(e,t,n){"use strict";function r(e){return i.isValidElement(e)?void 0:o("143"),e}var o=n(118),i=n(117);n(13);e.exports=r},function(e,t,n){"use strict";function r(e,t){return e&&"object"==typeof e&&null!=e.key?l.escape(e.key):t.toString(36)}function o(e,t,n,i){var p=typeof e;if("undefined"!==p&&"boolean"!==p||(e=null),null===e||"string"===p||"number"===p||"object"===p&&e.$$typeof===s)return n(i,e,""===t?c+r(e,0):t),1;var d,h,v=0,m=""===t?c:t+f;if(Array.isArray(e))for(var y=0;y<e.length;y++)d=e[y],h=m+r(d,y),v+=o(d,h,n,i);else{var g=u(e);if(g){var b,_=g.call(e);if(g!==e.entries)for(var w=0;!(b=_.next()).done;)d=b.value,h=m+r(d,w++),v+=o(d,h,n,i);else for(;!(b=_.next()).done;){var x=b.value;x&&(d=x[1],h=m+l.escape(x[0])+f+r(d,0),v+=o(d,h,n,i))}}else if("object"===p){var C="",E=String(e);a("31","[object Object]"===E?"object with keys {"+Object.keys(e).join(", ")+"}":E,C)}}return v}function i(e,t,n){return null==e?0:o(e,"",t,n)}var a=n(118),s=(n(72),n(421)),u=n(1454),l=(n(13),n(1445)),c=(n(16),"."),f=":";e.exports=i},function(e,t,n){"use strict";function r(e,t,n,r,o){}e.exports=r},function(e,t,n){"use strict";var r=n(33),o=n(13);e.exports=function(){function e(){o(!1,"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types")}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t};return n.checkPropTypes=r,n.PropTypes=n,n}},function(e,t,n){"use strict";var r=n(33),o=n(13),i=(n(16),n(1461)),a=n(1458);e.exports=function(e,t){function n(e){var t=e&&(S&&e[S]||e[O]);if("function"==typeof t)return t}function s(e,t){return e===t?0!==e||1/e===1/t:e!==e&&t!==t}function u(e){this.message=e,this.stack=""}function l(e){function n(n,r,a,s,l,c,f){if(s=s||P,c=c||a,f!==i)if(t)o(!1,"Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");else;
+return null==r[a]?n?new u(null===r[a]?"The "+l+" `"+c+"` is marked as required "+("in `"+s+"`, but its value is `null`."):"The "+l+" `"+c+"` is marked as required in "+("`"+s+"`, but its value is `undefined`.")):null:e(r,a,s,l,c)}var r=n.bind(null,!1);return r.isRequired=n.bind(null,!0),r}function c(e){function t(t,n,r,o,i,a){var s=t[n],l=x(s);if(l!==e){var c=C(s);return new u("Invalid "+o+" `"+i+"` of type "+("`"+c+"` supplied to `"+r+"`, expected ")+("`"+e+"`."))}return null}return l(t)}function f(){return l(r.thatReturnsNull)}function p(e){function t(t,n,r,o,a){if("function"!=typeof e)return new u("Property `"+a+"` of component `"+r+"` has invalid PropType notation inside arrayOf.");var s=t[n];if(!Array.isArray(s)){var l=x(s);return new u("Invalid "+o+" `"+a+"` of type "+("`"+l+"` supplied to `"+r+"`, expected an array."))}for(var c=0;c<s.length;c++){var f=e(s,c,r,o,a+"["+c+"]",i);if(f instanceof Error)return f}return null}return l(t)}function d(){function t(t,n,r,o,i){var a=t[n];if(!e(a)){var s=x(a);return new u("Invalid "+o+" `"+i+"` of type "+("`"+s+"` supplied to `"+r+"`, expected a single ReactElement."))}return null}return l(t)}function h(e){function t(t,n,r,o,i){if(!(t[n]instanceof e)){var a=e.name||P,s=E(t[n]);return new u("Invalid "+o+" `"+i+"` of type "+("`"+s+"` supplied to `"+r+"`, expected ")+("instance of `"+a+"`."))}return null}return l(t)}function v(e){function t(t,n,r,o,i){for(var a=t[n],l=0;l<e.length;l++)if(s(a,e[l]))return null;var c=JSON.stringify(e);return new u("Invalid "+o+" `"+i+"` of value `"+a+"` "+("supplied to `"+r+"`, expected one of "+c+"."))}return Array.isArray(e)?l(t):r.thatReturnsNull}function m(e){function t(t,n,r,o,a){if("function"!=typeof e)return new u("Property `"+a+"` of component `"+r+"` has invalid PropType notation inside objectOf.");var s=t[n],l=x(s);if("object"!==l)return new u("Invalid "+o+" `"+a+"` of type "+("`"+l+"` supplied to `"+r+"`, expected an object."));for(var c in s)if(s.hasOwnProperty(c)){var f=e(s,c,r,o,a+"."+c,i);if(f instanceof Error)return f}return null}return l(t)}function y(e){function t(t,n,r,o,a){for(var s=0;s<e.length;s++){var l=e[s];if(null==l(t,n,r,o,a,i))return null}return new u("Invalid "+o+" `"+a+"` supplied to "+("`"+r+"`."))}return Array.isArray(e)?l(t):r.thatReturnsNull}function g(){function e(e,t,n,r,o){return _(e[t])?null:new u("Invalid "+r+" `"+o+"` supplied to "+("`"+n+"`, expected a ReactNode."))}return l(e)}function b(e){function t(t,n,r,o,a){var s=t[n],l=x(s);if("object"!==l)return new u("Invalid "+o+" `"+a+"` of type `"+l+"` "+("supplied to `"+r+"`, expected `object`."));for(var c in e){var f=e[c];if(f){var p=f(s,c,r,o,a+"."+c,i);if(p)return p}}return null}return l(t)}function _(t){switch(typeof t){case"number":case"string":case"undefined":return!0;case"boolean":return!t;case"object":if(Array.isArray(t))return t.every(_);if(null===t||e(t))return!0;var r=n(t);if(!r)return!1;var o,i=r.call(t);if(r!==t.entries){for(;!(o=i.next()).done;)if(!_(o.value))return!1}else for(;!(o=i.next()).done;){var a=o.value;if(a&&!_(a[1]))return!1}return!0;default:return!1}}function w(e,t){return"symbol"===e||("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}function x(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":w(t,e)?"symbol":t}function C(e){var t=x(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function E(e){return e.constructor&&e.constructor.name?e.constructor.name:P}var S="function"==typeof Symbol&&Symbol.iterator,O="@@iterator",P="<<anonymous>>",T={array:c("array"),bool:c("boolean"),func:c("function"),number:c("number"),object:c("object"),string:c("string"),symbol:c("symbol"),any:f(),arrayOf:p,element:d(),instanceOf:h,node:g(),objectOf:m,oneOf:v,oneOfType:y,shape:b};return u.prototype=Error.prototype,T.checkPropTypes=a,T.PropTypes=T,T}},function(e,t){"use strict";var n="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";e.exports=n},function(e,t){"use strict";function n(e,t){var n=window.Element.prototype,r=n.matches||n.mozMatchesSelector||n.msMatchesSelector||n.oMatchesSelector||n.webkitMatchesSelector;if(!e||1!==e.nodeType)return!1;var o=e.parentNode;if(r)return r.call(e,t);for(var i=o.querySelectorAll(t),a=i.length,s=0;s<a;s++)if(i[s]===e)return!0;return!1}e.exports=n},function(e,t,n){"use strict";var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=n(1),i=n(392),a=o.createClass({displayName:"Radio",getDefaultProps:function(){return{prefixCls:"rc-radio",type:"radio"}},render:function(){return o.createElement(i,r({},this.props,{ref:"checkbox"}))}});e.exports=a},function(e,t,n){"use strict";e.exports=n(1463)},function(e,t,n){"use strict";function r(){this.clear()}/*!
 	 * Check to see if the MemoizeMap has recorded a result of the two operands
 	 *
 	 * @param {Mixed} leftHandOperand
@@ -204,24 +204,24 @@ var w=n(1729);r.prototype={clear:function(){return this.keys=[],this.values=[],t
 	 */
 e.exports=a,e.exports.MemoizeMap=x},function(e,t,n){var r,r;!function(t){e.exports=t()}(function(){return function e(t,n,o){function i(s,u){if(!n[s]){if(!t[s]){var l="function"==typeof r&&r;if(!u&&l)return r(s,!0);if(a)return a(s,!0);var c=new Error("Cannot find module '"+s+"'");throw c.code="MODULE_NOT_FOUND",c}var f=n[s]={exports:{}};t[s][0].call(f.exports,function(e){var n=t[s][1][e];return i(n?n:e)},f,f.exports,e,t,n,o)}return n[s].exports}for(var a="function"==typeof r&&r,s=0;s<o.length;s++)i(o[s]);return i}({1:[function(e,t,n){function r(e,t){return 1-3*t+3*e}function o(e,t){return 3*t-6*e}function i(e){return 3*e}function a(e,t,n){return((r(t,n)*e+o(t,n))*e+i(t))*e}function s(e,t,n){return 3*r(t,n)*e*e+2*o(t,n)*e+i(t)}function u(e,t,n,r,o){var i,s,u=0;do s=t+(n-t)/2,i=a(s,r,o)-e,i>0?n=s:t=s;while(Math.abs(i)>p&&++u<d);return s}function l(e,t,n,r){for(var o=0;o<c;++o){var i=s(t,n,r);if(0===i)return t;var u=a(t,n,r)-e;t-=u/i}return t}var c=4,f=.001,p=1e-7,d=10,h=11,v=1/(h-1),m="function"==typeof Float32Array;t.exports=function(e,t,n,r){function o(t){for(var r=0,o=1,a=h-1;o!==a&&i[o]<=t;++o)r+=v;--o;var c=(t-i[o])/(i[o+1]-i[o]),p=r+c*v,d=s(p,e,n);return d>=f?l(t,p,e,n):0===d?p:u(t,r,r+v,e,n)}if(!(0<=e&&e<=1&&0<=n&&n<=1))throw new Error("bezier x values must be in [0, 1] range");var i=m?new Float32Array(h):new Array(h);if(e!==t||n!==r)for(var c=0;c<h;++c)i[c]=a(c*v,e,n);return function(i){return e===t&&n===r?i:0===i?0:1===i?1:a(o(i),t,r)}}},{}]},{},[1])(1)})},function(e,t,n){"use strict";t=e.exports=n(1469)["default"],t["default"]=t},function(e,t){"use strict";var n=Function.prototype.bind||function(e){if("function"!=typeof this)throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");var t=Array.prototype.slice.call(arguments,1),n=this,r=function(){},o=function(){return n.apply(this instanceof r?this:e,t.concat(Array.prototype.slice.call(arguments)))};return this.prototype&&(r.prototype=this.prototype),o.prototype=new r,o},r=Object.prototype.hasOwnProperty,o=function(){try{return!!Object.defineProperty({},"a",{})}catch(e){return!1}}(),i=(!o&&!Object.prototype.__defineGetter__,o?Object.defineProperty:function(e,t,n){"get"in n&&e.__defineGetter__?e.__defineGetter__(t,n.get):(!r.call(e,t)||"value"in n)&&(e[t]=n.value)}),a=Object.create||function(e,t){function n(){}var o,a;n.prototype=e,o=new n;for(a in t)r.call(t,a)&&i(o,a,t[a]);return o};t.bind=n,t.defineProperty=i,t.objCreate=a},function(e,t,n){"use strict";function r(e){var t=a.objCreate(null);return function(){var n=Array.prototype.slice.call(arguments),r=o(n),i=r&&t[r];return i||(i=new(a.bind.apply(e,[null].concat(n))),r&&(t[r]=i)),i}}function o(e){if("undefined"!=typeof JSON){var t,n,r,o=[];for(t=0,n=e.length;t<n;t+=1)r=e[t],r&&"object"==typeof r?o.push(i(r)):o.push(r);return JSON.stringify(o)}}function i(e){var t,n,r,o,i=[],a=[];for(t in e)e.hasOwnProperty(t)&&a.push(t);var s=a.sort();for(n=0,r=s.length;n<r;n+=1)t=s[n],o={},o[t]=e[t],i[n]=o;return i}var a=n(1468);t["default"]=r},,function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c=n(1),f=r(c),p=n(12),d=r(p),h=n(425),v=r(h),m=n(426),y=function(e){function t(){return a(this,t),s(this,e.apply(this,arguments))}return u(t,e),t.prototype.getPathStyles=function(){var e=this.props,t=e.percent,n=e.strokeWidth,r=e.gapDegree,o=void 0===r?0:r,i=e.gapPosition,a=50-n/2,s=0,u=-a,l=0,c=-2*a;switch(i){case"left":s=-a,u=0,l=2*a,c=0;break;case"right":s=a,u=0,l=-2*a,c=0;break;case"bottom":u=a,c=2*a}var f="M 50,50 m "+s+","+u+"\n     a "+a+","+a+" 0 1 1 "+l+","+-c+"\n     a "+a+","+a+" 0 1 1 "+-l+","+c,p=2*Math.PI*a,d={strokeDasharray:p-o+"px "+p+"px",strokeDashoffset:"-"+o/2+"px",transition:"stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"},h={strokeDasharray:t/100*(p-o)+"px "+p+"px",strokeDashoffset:"-"+o/2+"px",transition:"stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"};return{pathString:f,trailPathStyle:d,strokePathStyle:h}},t.prototype.render=function(){var e=this,t=this.props,n=t.prefixCls,r=t.strokeWidth,o=t.trailWidth,a=t.strokeColor,s=t.trailColor,u=t.strokeLinecap,c=t.style,p=t.className,d=i(t,["prefixCls","strokeWidth","trailWidth","strokeColor","trailColor","strokeLinecap","style","className"]),h=this.getPathStyles(),v=h.pathString,m=h.trailPathStyle,y=h.strokePathStyle;return delete d.percent,delete d.gapDegree,delete d.gapPosition,f["default"].createElement("svg",l({className:n+"-circle "+p,viewBox:"0 0 100 100",style:c},d),f["default"].createElement("path",{className:n+"-circle-trail",d:v,stroke:s,strokeWidth:o||r,fillOpacity:"0",style:m}),f["default"].createElement("path",{className:n+"-circle-path",d:v,strokeLinecap:u,stroke:a,strokeWidth:r,fillOpacity:"0",ref:function(t){e.path=t},style:y}))},t}(c.Component);y.propTypes=l({},m.propTypes,{gapPosition:d["default"].oneOf(["top","bottom","left","right"])}),y.defaultProps=l({},m.defaultProps,{gapPosition:"top"}),t["default"]=(0,v["default"])(y),e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c=n(1),f=r(c),p=n(425),d=r(p),h=n(426),v=function(e){function t(){return a(this,t),s(this,e.apply(this,arguments))}return u(t,e),t.prototype.render=function(){var e=this,t=this.props,n=t.className,r=t.percent,o=t.prefixCls,a=t.strokeColor,s=t.strokeLinecap,u=t.strokeWidth,c=t.style,p=t.trailColor,d=t.trailWidth,h=i(t,["className","percent","prefixCls","strokeColor","strokeLinecap","strokeWidth","style","trailColor","trailWidth"]);delete h.gapPosition;var v={strokeDasharray:"100px, 100px",strokeDashoffset:100-r+"px",transition:"stroke-dashoffset 0.3s ease 0s, stroke 0.3s linear"},m=u/2,y=100-u/2,g="M "+("round"===s?m:0)+","+m+"\n           L "+("round"===s?y:100)+","+m,b="0 0 100 "+u;return f["default"].createElement("svg",l({className:o+"-line "+n,viewBox:b,preserveAspectRatio:"none",style:c},h),f["default"].createElement("path",{className:o+"-line-trail",d:g,strokeLinecap:s,stroke:p,strokeWidth:d||u,fillOpacity:"0"}),f["default"].createElement("path",{className:o+"-line-path",d:g,strokeLinecap:s,stroke:a,strokeWidth:u,fillOpacity:"0",ref:function(t){e.path=t},style:v}))},t}(c.Component);v.propTypes=h.propTypes,v.defaultProps=h.defaultProps,t["default"]=(0,d["default"])(v),e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1472),i=r(o),a=n(1471),s=r(a);t["default"]={Line:i["default"],Circle:s["default"]},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}function u(){}Object.defineProperty(t,"__esModule",{value:!0});var l=n(1),c=r(l),f=n(2),p=r(f),d=n(12),h=r(d),v=n(8),m=r(v),y=n(1477),g=n(1475),b=r(g),_=function(e){function t(n){i(this,t);var r=a(this,e.call(this,n));w.call(r);var o=n.value;return void 0===o&&(o=n.defaultValue),r.state={value:o},r}return s(t,e),t.prototype.componentWillReceiveProps=function(e){if("value"in e){var t=e.value;void 0===t&&(t=e.defaultValue),this.setState({value:t})}},t.prototype.getStarDOM=function(e){return p["default"].findDOMNode(this.refs["star_"+e])},t.prototype.getStarValue=function(e,t){var n=e+1;if(this.props.allowHalf){var r=(0,y.getOffsetLeft)(this.getStarDOM(0)),o=(0,y.getOffsetLeft)(this.getStarDOM(1))-r;t-r-o*e<o/2&&(n-=.5)}return n},t.prototype.render=function(){for(var e=this.props,t=e.count,n=e.allowHalf,r=e.style,o=e.prefixCls,i=e.disabled,a=e.className,s=e.character,u=this.state,l=u.value,f=u.hoverValue,p=[],d=i?o+"-disabled":"",h=0;h<t;h++)p.push(c["default"].createElement(b["default"],{ref:"star_"+h,index:h,disabled:i,prefixCls:o+"-star",allowHalf:n,value:void 0===f?l:f,onClick:this.onClick,onHover:this.onHover,key:h,character:s}));return c["default"].createElement("ul",{className:(0,m["default"])(o,d,a),style:r,onMouseLeave:i?null:this.onMouseLeave},p)},t}(c["default"].Component);_.propTypes={disabled:h["default"].bool,value:h["default"].number,defaultValue:h["default"].number,count:h["default"].number,allowHalf:h["default"].bool,style:h["default"].object,prefixCls:h["default"].string,onChange:h["default"].func,onHoverChange:h["default"].func,className:h["default"].string,character:h["default"].node},_.defaultProps={defaultValue:0,count:5,allowHalf:!1,style:{},prefixCls:"rc-rate",onChange:u,character:"\u2605",onHoverChange:u};var w=function(){var e=this;this.onHover=function(t,n){var r=e.getStarValue(n,t.pageX);e.setState({hoverValue:r}),e.props.onHoverChange(r)},this.onMouseLeave=function(){e.setState({hoverValue:void 0}),e.props.onHoverChange(void 0)},this.onClick=function(t,n){var r=e.getStarValue(n,t.pageX);"value"in e.props||e.setState({value:r}),e.onMouseLeave(),e.props.onChange(r)}};t["default"]=_,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var u=n(1),l=r(u),c=n(12),f=r(c),p=function(e){function t(){var n,r,o;i(this,t);for(var s=arguments.length,u=Array(s),l=0;l<s;l++)u[l]=arguments[l];return n=r=a(this,e.call.apply(e,[this].concat(u))),r.onHover=function(e){var t=r.props,n=t.onHover,o=t.index;n(e,o)},r.onClick=function(e){var t=r.props,n=t.onClick,o=t.index;n(e,o)},o=n,a(r,o)}return s(t,e),t.prototype.getClassName=function(){var e=this.props,t=e.prefixCls,n=e.index,r=e.value,o=e.allowHalf,i=n+1;return o&&r+.5===i?t+" "+t+"-half "+t+"-active":i<=r?t+" "+t+"-full":t+" "+t+"-zero"},t.prototype.render=function(){var e=this.onHover,t=this.onClick,n=this.props,r=n.disabled,o=n.prefixCls,i=n.character;return l["default"].createElement("li",{className:this.getClassName(),onClick:r?null:t,onMouseMove:r?null:e},l["default"].createElement("div",{className:o+"-first"},i),l["default"].createElement("div",{className:o+"-second"},i))},t}(l["default"].Component);p.propTypes={value:f["default"].number,index:f["default"].number,prefixCls:f["default"].string,allowHalf:f["default"].bool,disabled:f["default"].bool,onHover:f["default"].func,onClick:f["default"].func,character:f["default"].node},t["default"]=p,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1474),i=r(o);t["default"]=i["default"],e.exports=t["default"]},function(e,t){"use strict";function n(e,t){var n=t?e.pageYOffset:e.pageXOffset,r=t?"scrollTop":"scrollLeft";if("number"!=typeof n){var o=e.document;n=o.documentElement[r],"number"!=typeof n&&(n=o.body[r])}return n}function r(e){var t=void 0,n=void 0,r=void 0,o=e.ownerDocument,i=o.body,a=o&&o.documentElement;return t=e.getBoundingClientRect(),n=t.left,r=t.top,n-=a.clientLeft||i.clientLeft||0,r-=a.clientTop||i.clientTop||0,{left:n,top:r}}function o(e){var t=r(e),o=e.ownerDocument,i=o.defaultView||o.parentWindow;return t.left+=n(i),t.left}Object.defineProperty(t,"__esModule",{value:!0}),t.getOffsetLeft=o},function(e,t,n){function r(e,t){this.query=e,this.isUnconditional=t,this.handlers=[],this.mql=window.matchMedia(e);var n=this;this.listener=function(e){n.mql=e.currentTarget||e,n.assess()},this.mql.addListener(this.listener)}var o=n(1480),i=n(427).each;r.prototype={constuctor:r,addHandler:function(e){var t=new o(e);this.handlers.push(t),this.matches()&&t.on()},removeHandler:function(e){var t=this.handlers;i(t,function(n,r){if(n.equals(e))return n.destroy(),!t.splice(r,1)})},matches:function(){return this.mql.matches||this.isUnconditional},clear:function(){i(this.handlers,function(e){e.destroy()}),this.mql.removeListener(this.listener),this.handlers.length=0},assess:function(){var e=this.matches()?"on":"off";i(this.handlers,function(t){t[e]()})}},e.exports=r},function(e,t,n){function r(){if(!window.matchMedia)throw new Error("matchMedia not present, legacy browsers require a polyfill");this.queries={},this.browserIsIncapable=!window.matchMedia("only all").matches}var o=n(1478),i=n(427),a=i.each,s=i.isFunction,u=i.isArray;r.prototype={constructor:r,register:function(e,t,n){var r=this.queries,i=n&&this.browserIsIncapable;return r[e]||(r[e]=new o(e,i)),s(t)&&(t={match:t}),u(t)||(t=[t]),a(t,function(t){s(t)&&(t={match:t}),r[e].addHandler(t)}),this},unregister:function(e,t){var n=this.queries[e];return n&&(t?n.removeHandler(t):(n.clear(),delete this.queries[e])),this}},e.exports=r},function(e,t){function n(e){this.options=e,!e.deferSetup&&this.setup()}n.prototype={constructor:n,setup:function(){this.options.setup&&this.options.setup(),this.initialised=!0},on:function(){!this.initialised&&this.setup(),this.options.match&&this.options.match()},off:function(){this.options.unmatch&&this.options.unmatch()},destroy:function(){this.options.destroy?this.options.destroy():this.off()},equals:function(e){return this.options===e||this.options.match===e}},e.exports=n},function(e,t,n){!function(t,n){e.exports=n()}(this,function(){"use strict";var e=[{locale:"en",pluralRuleFunction:function(e,t){var n=String(e).split("."),r=!n[1],o=Number(n[0])==e,i=o&&n[0].slice(-1),a=o&&n[0].slice(-2);return t?1==i&&11!=a?"one":2==i&&12!=a?"two":3==i&&13!=a?"few":"other":1==e&&r?"one":"other"},fields:{year:{displayName:"year",relative:{0:"this year",1:"next year","-1":"last year"},relativeTime:{future:{one:"in {0} year",other:"in {0} years"},past:{one:"{0} year ago",other:"{0} years ago"}}},month:{displayName:"month",relative:{0:"this month",1:"next month","-1":"last month"},relativeTime:{future:{one:"in {0} month",other:"in {0} months"},past:{one:"{0} month ago",other:"{0} months ago"}}},day:{displayName:"day",relative:{0:"today",1:"tomorrow","-1":"yesterday"},relativeTime:{future:{one:"in {0} day",other:"in {0} days"},past:{one:"{0} day ago",other:"{0} days ago"}}},hour:{displayName:"hour",relativeTime:{future:{one:"in {0} hour",other:"in {0} hours"},past:{one:"{0} hour ago",other:"{0} hours ago"}}},minute:{displayName:"minute",relativeTime:{future:{one:"in {0} minute",other:"in {0} minutes"},past:{one:"{0} minute ago",other:"{0} minutes ago"}}},second:{displayName:"second",relative:{0:"now"},relativeTime:{future:{one:"in {0} second",other:"in {0} seconds"},past:{one:"{0} second ago",other:"{0} seconds ago"}}}}},{locale:"en-001",parentLocale:"en"},{locale:"en-150",parentLocale:"en-001"},{locale:"en-AG",parentLocale:"en-001"},{locale:"en-AI",parentLocale:"en-001"},{locale:"en-AS",parentLocale:"en"},{locale:"en-AT",parentLocale:"en-150"},{locale:"en-AU",parentLocale:"en-001"},{locale:"en-BB",parentLocale:"en-001"},{locale:"en-BE",parentLocale:"en-001"},{locale:"en-BI",parentLocale:"en"},{locale:"en-BM",parentLocale:"en-001"},{locale:"en-BS",parentLocale:"en-001"},{locale:"en-BW",parentLocale:"en-001"},{locale:"en-BZ",parentLocale:"en-001"},{locale:"en-CA",parentLocale:"en-001"},{locale:"en-CC",parentLocale:"en-001"},{locale:"en-CH",parentLocale:"en-150"},{locale:"en-CK",parentLocale:"en-001"},{locale:"en-CM",parentLocale:"en-001"},{locale:"en-CX",parentLocale:"en-001"},{locale:"en-CY",parentLocale:"en-001"},{locale:"en-DE",parentLocale:"en-150"},{locale:"en-DG",parentLocale:"en-001"},{locale:"en-DK",parentLocale:"en-150"},{locale:"en-DM",parentLocale:"en-001"},{locale:"en-Dsrt",pluralRuleFunction:function(e,t){return"other"},fields:{year:{displayName:"Year",relative:{0:"this year",1:"next year","-1":"last year"},relativeTime:{future:{other:"+{0} y"},past:{other:"-{0} y"}}},month:{displayName:"Month",relative:{0:"this month",1:"next month","-1":"last month"},relativeTime:{future:{other:"+{0} m"},past:{other:"-{0} m"}}},day:{displayName:"Day",relative:{0:"today",1:"tomorrow","-1":"yesterday"},relativeTime:{future:{other:"+{0} d"},past:{other:"-{0} d"}}},hour:{displayName:"Hour",relativeTime:{future:{other:"+{0} h"},past:{other:"-{0} h"}}},minute:{displayName:"Minute",relativeTime:{future:{other:"+{0} min"},past:{other:"-{0} min"}}},second:{displayName:"Second",relative:{0:"now"},relativeTime:{future:{other:"+{0} s"},past:{other:"-{0} s"}}}}},{locale:"en-ER",parentLocale:"en-001"},{locale:"en-FI",parentLocale:"en-150"},{locale:"en-FJ",parentLocale:"en-001"},{locale:"en-FK",parentLocale:"en-001"},{locale:"en-FM",parentLocale:"en-001"},{locale:"en-GB",parentLocale:"en-001"},{locale:"en-GD",parentLocale:"en-001"},{locale:"en-GG",parentLocale:"en-001"},{locale:"en-GH",parentLocale:"en-001"},{locale:"en-GI",parentLocale:"en-001"},{locale:"en-GM",parentLocale:"en-001"},{locale:"en-GU",parentLocale:"en"},{locale:"en-GY",parentLocale:"en-001"},{locale:"en-HK",parentLocale:"en-001"},{locale:"en-IE",parentLocale:"en-001"},{locale:"en-IL",parentLocale:"en-001"},{locale:"en-IM",parentLocale:"en-001"},{locale:"en-IN",parentLocale:"en-001"},{locale:"en-IO",parentLocale:"en-001"},{locale:"en-JE",parentLocale:"en-001"},{locale:"en-JM",parentLocale:"en-001"},{locale:"en-KE",parentLocale:"en-001"},{locale:"en-KI",parentLocale:"en-001"},{locale:"en-KN",parentLocale:"en-001"},{locale:"en-KY",parentLocale:"en-001"},{locale:"en-LC",parentLocale:"en-001"},{locale:"en-LR",parentLocale:"en-001"},{locale:"en-LS",parentLocale:"en-001"},{locale:"en-MG",parentLocale:"en-001"},{locale:"en-MH",parentLocale:"en"},{locale:"en-MO",parentLocale:"en-001"},{locale:"en-MP",parentLocale:"en"},{locale:"en-MS",parentLocale:"en-001"},{locale:"en-MT",parentLocale:"en-001"},{locale:"en-MU",parentLocale:"en-001"},{locale:"en-MW",parentLocale:"en-001"},{locale:"en-MY",parentLocale:"en-001"},{locale:"en-NA",parentLocale:"en-001"},{locale:"en-NF",parentLocale:"en-001"},{locale:"en-NG",parentLocale:"en-001"},{locale:"en-NL",parentLocale:"en-150"},{locale:"en-NR",parentLocale:"en-001"},{locale:"en-NU",parentLocale:"en-001"},{locale:"en-NZ",parentLocale:"en-001"},{locale:"en-PG",parentLocale:"en-001"},{locale:"en-PH",parentLocale:"en-001"},{locale:"en-PK",parentLocale:"en-001"},{locale:"en-PN",parentLocale:"en-001"},{locale:"en-PR",parentLocale:"en"},{locale:"en-PW",parentLocale:"en-001"},{locale:"en-RW",parentLocale:"en-001"},{locale:"en-SB",parentLocale:"en-001"},{locale:"en-SC",parentLocale:"en-001"},{locale:"en-SD",parentLocale:"en-001"},{locale:"en-SE",parentLocale:"en-150"},{locale:"en-SG",parentLocale:"en-001"},{locale:"en-SH",parentLocale:"en-001"},{locale:"en-SI",parentLocale:"en-150"},{locale:"en-SL",parentLocale:"en-001"},{locale:"en-SS",parentLocale:"en-001"},{locale:"en-SX",parentLocale:"en-001"},{locale:"en-SZ",parentLocale:"en-001"},{locale:"en-Shaw",pluralRuleFunction:function(e,t){return"other"},fields:{year:{displayName:"Year",relative:{0:"this year",1:"next year","-1":"last year"},relativeTime:{future:{other:"+{0} y"},past:{other:"-{0} y"}}},month:{displayName:"Month",relative:{0:"this month",1:"next month","-1":"last month"},relativeTime:{future:{other:"+{0} m"},past:{other:"-{0} m"}}},day:{displayName:"Day",relative:{0:"today",1:"tomorrow","-1":"yesterday"},relativeTime:{future:{other:"+{0} d"},past:{other:"-{0} d"}}},hour:{displayName:"Hour",relativeTime:{future:{other:"+{0} h"},past:{other:"-{0} h"}}},minute:{displayName:"Minute",relativeTime:{future:{other:"+{0} min"},past:{other:"-{0} min"}}},second:{displayName:"Second",relative:{0:"now"},relativeTime:{future:{other:"+{0} s"},past:{other:"-{0} s"}}}}},{locale:"en-TC",parentLocale:"en-001"},{locale:"en-TK",parentLocale:"en-001"},{locale:"en-TO",parentLocale:"en-001"},{locale:"en-TT",parentLocale:"en-001"},{locale:"en-TV",parentLocale:"en-001"},{locale:"en-TZ",parentLocale:"en-001"},{locale:"en-UG",parentLocale:"en-001"},{locale:"en-UM",parentLocale:"en"},{locale:"en-US",parentLocale:"en"},{locale:"en-VC",parentLocale:"en-001"},{locale:"en-VG",parentLocale:"en-001"},{locale:"en-VI",parentLocale:"en"},{locale:"en-VU",parentLocale:"en-001"},{locale:"en-WS",parentLocale:"en-001"},{locale:"en-ZA",parentLocale:"en-001"},{locale:"en-ZM",parentLocale:"en-001"},{locale:"en-ZW",parentLocale:"en-001"}];return e})},function(e,t,n){!function(t,n){e.exports=n()}(this,function(){"use strict";var e=[{locale:"zh",pluralRuleFunction:function(e,t){return"other"},fields:{year:{displayName:"\u5e74",relative:{0:"\u4eca\u5e74",1:"\u660e\u5e74","-1":"\u53bb\u5e74"},relativeTime:{future:{other:"{0}\u5e74\u540e"},past:{other:"{0}\u5e74\u524d"}}},month:{displayName:"\u6708",relative:{0:"\u672c\u6708",1:"\u4e0b\u4e2a\u6708","-1":"\u4e0a\u4e2a\u6708"},relativeTime:{future:{other:"{0}\u4e2a\u6708\u540e"},past:{other:"{0}\u4e2a\u6708\u524d"}}},day:{displayName:"\u65e5",relative:{0:"\u4eca\u5929",1:"\u660e\u5929",2:"\u540e\u5929","-2":"\u524d\u5929","-1":"\u6628\u5929"},relativeTime:{future:{other:"{0}\u5929\u540e"},past:{other:"{0}\u5929\u524d"}}},hour:{displayName:"\u5c0f\u65f6",relativeTime:{future:{other:"{0}\u5c0f\u65f6\u540e"},past:{other:"{0}\u5c0f\u65f6\u524d"}}},minute:{displayName:"\u5206\u949f",relativeTime:{future:{other:"{0}\u5206\u949f\u540e"},past:{other:"{0}\u5206\u949f\u524d"}}},second:{displayName:"\u79d2\u949f",relative:{0:"\u73b0\u5728"},relativeTime:{future:{other:"{0}\u79d2\u949f\u540e"},past:{other:"{0}\u79d2\u949f\u524d"}}}}},{locale:"zh-Hans",parentLocale:"zh"},{locale:"zh-Hans-HK",parentLocale:"zh-Hans",fields:{year:{displayName:"\u5e74",relative:{0:"\u4eca\u5e74",1:"\u660e\u5e74","-1":"\u53bb\u5e74"},relativeTime:{future:{other:"{0}\u5e74\u540e"},past:{other:"{0}\u5e74\u524d"}}},month:{displayName:"\u6708",relative:{0:"\u672c\u6708",1:"\u4e0b\u4e2a\u6708","-1":"\u4e0a\u4e2a\u6708"},relativeTime:{future:{other:"{0}\u4e2a\u6708\u540e"},past:{other:"{0}\u4e2a\u6708\u524d"}}},day:{displayName:"\u65e5",relative:{0:"\u4eca\u5929",1:"\u660e\u5929",2:"\u540e\u5929","-2":"\u524d\u5929","-1":"\u6628\u5929"},relativeTime:{future:{other:"{0}\u5929\u540e"},past:{other:"{0}\u5929\u524d"}}},hour:{displayName:"\u5c0f\u65f6",relativeTime:{future:{other:"{0}\u5c0f\u65f6\u540e"},past:{other:"{0}\u5c0f\u65f6\u524d"}}},minute:{displayName:"\u5206\u949f",relativeTime:{future:{other:"{0}\u5206\u949f\u540e"},past:{other:"{0}\u5206\u949f\u524d"}}},second:{displayName:"\u79d2\u949f",relative:{0:"\u73b0\u5728"},relativeTime:{future:{other:"{0}\u79d2\u540e"},past:{other:"{0}\u79d2\u524d"}}}}},{locale:"zh-Hans-MO",parentLocale:"zh-Hans",fields:{year:{displayName:"\u5e74",relative:{0:"\u4eca\u5e74",1:"\u660e\u5e74","-1":"\u53bb\u5e74"},relativeTime:{future:{other:"{0}\u5e74\u540e"},past:{other:"{0}\u5e74\u524d"}}},month:{displayName:"\u6708",relative:{0:"\u672c\u6708",1:"\u4e0b\u4e2a\u6708","-1":"\u4e0a\u4e2a\u6708"},relativeTime:{future:{other:"{0}\u4e2a\u6708\u540e"},past:{other:"{0}\u4e2a\u6708\u524d"}}},day:{displayName:"\u65e5",relative:{0:"\u4eca\u5929",1:"\u660e\u5929",2:"\u540e\u5929","-2":"\u524d\u5929","-1":"\u6628\u5929"},relativeTime:{future:{other:"{0}\u5929\u540e"},past:{other:"{0}\u5929\u524d"}}},hour:{displayName:"\u5c0f\u65f6",relativeTime:{future:{other:"{0}\u5c0f\u65f6\u540e"},past:{other:"{0}\u5c0f\u65f6\u524d"}}},minute:{displayName:"\u5206\u949f",relativeTime:{future:{other:"{0}\u5206\u949f\u540e"},past:{other:"{0}\u5206\u949f\u524d"}}},second:{displayName:"\u79d2\u949f",relative:{0:"\u73b0\u5728"},relativeTime:{future:{other:"{0}\u79d2\u540e"},past:{other:"{0}\u79d2\u524d"}}}}},{locale:"zh-Hans-SG",parentLocale:"zh-Hans",fields:{year:{displayName:"\u5e74",relative:{0:"\u4eca\u5e74",1:"\u660e\u5e74","-1":"\u53bb\u5e74"},relativeTime:{future:{other:"{0}\u5e74\u540e"},past:{other:"{0}\u5e74\u524d"}}},month:{displayName:"\u6708",relative:{0:"\u672c\u6708",1:"\u4e0b\u4e2a\u6708","-1":"\u4e0a\u4e2a\u6708"},relativeTime:{future:{other:"{0}\u4e2a\u6708\u540e"},past:{other:"{0}\u4e2a\u6708\u524d"}}},day:{displayName:"\u65e5",relative:{0:"\u4eca\u5929",1:"\u660e\u5929",2:"\u540e\u5929","-2":"\u524d\u5929","-1":"\u6628\u5929"},relativeTime:{future:{other:"{0}\u5929\u540e"},past:{other:"{0}\u5929\u524d"}}},hour:{displayName:"\u5c0f\u65f6",relativeTime:{future:{other:"{0}\u5c0f\u65f6\u540e"},past:{other:"{0}\u5c0f\u65f6\u524d"}}},minute:{displayName:"\u5206\u949f",relativeTime:{future:{other:"{0}\u5206\u949f\u540e"},past:{other:"{0}\u5206\u949f\u524d"}}},second:{displayName:"\u79d2\u949f",relative:{0:"\u73b0\u5728"},relativeTime:{future:{other:"{0}\u79d2\u540e"},past:{other:"{0}\u79d2\u524d"}}}}},{locale:"zh-Hant",pluralRuleFunction:function(e,t){return"other"},fields:{year:{displayName:"\u5e74",relative:{0:"\u4eca\u5e74",1:"\u660e\u5e74","-1":"\u53bb\u5e74"},relativeTime:{future:{other:"{0} \u5e74\u5f8c"},past:{other:"{0} \u5e74\u524d"}}},month:{displayName:"\u6708",relative:{0:"\u672c\u6708",1:"\u4e0b\u500b\u6708","-1":"\u4e0a\u500b\u6708"},relativeTime:{future:{other:"{0} \u500b\u6708\u5f8c"},past:{other:"{0} \u500b\u6708\u524d"}}},day:{displayName:"\u65e5",relative:{0:"\u4eca\u5929",1:"\u660e\u5929",2:"\u5f8c\u5929","-2":"\u524d\u5929","-1":"\u6628\u5929"},relativeTime:{future:{other:"{0} \u5929\u5f8c"},past:{other:"{0} \u5929\u524d"}}},hour:{displayName:"\u5c0f\u6642",relativeTime:{future:{other:"{0} \u5c0f\u6642\u5f8c"},past:{other:"{0} \u5c0f\u6642\u524d"}}},minute:{displayName:"\u5206\u9418",relativeTime:{future:{other:"{0} \u5206\u9418\u5f8c"},past:{other:"{0} \u5206\u9418\u524d"}}},second:{displayName:"\u79d2",relative:{0:"\u73fe\u5728"},relativeTime:{future:{other:"{0} \u79d2\u5f8c"},past:{other:"{0} \u79d2\u524d"}}}}},{locale:"zh-Hant-HK",parentLocale:"zh-Hant",fields:{year:{displayName:"\u5e74",relative:{0:"\u4eca\u5e74",1:"\u4e0b\u5e74","-1":"\u4e0a\u5e74"},relativeTime:{future:{other:"{0} \u5e74\u5f8c"},past:{other:"{0} \u5e74\u524d"}}},month:{displayName:"\u6708",relative:{0:"\u672c\u6708",1:"\u4e0b\u500b\u6708","-1":"\u4e0a\u500b\u6708"},relativeTime:{future:{other:"{0} \u500b\u6708\u5f8c"},past:{other:"{0} \u500b\u6708\u524d"}}},day:{displayName:"\u65e5",relative:{0:"\u4eca\u65e5",1:"\u660e\u65e5",2:"\u5f8c\u65e5","-2":"\u524d\u65e5","-1":"\u6628\u65e5"},relativeTime:{future:{other:"{0} \u65e5\u5f8c"},past:{other:"{0} \u65e5\u524d"}}},hour:{displayName:"\u5c0f\u6642",relativeTime:{future:{other:"{0} \u5c0f\u6642\u5f8c"},past:{other:"{0} \u5c0f\u6642\u524d"}}},minute:{displayName:"\u5206\u9418",relativeTime:{future:{other:"{0} \u5206\u9418\u5f8c"},past:{other:"{0} \u5206\u9418\u524d"}}},second:{displayName:"\u79d2",relative:{0:"\u73fe\u5728"},relativeTime:{future:{other:"{0} \u79d2\u5f8c"},past:{other:"{0} \u79d2\u524d"}}}}},{locale:"zh-Hant-MO",parentLocale:"zh-Hant-HK"}];return e})},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}function u(e,t){function n(){o&&(clearTimeout(o),o=null)}function r(){n(),o=setTimeout(e,t)}var o=void 0;return r.clear=n,r}Object.defineProperty(t,"__esModule",{value:!0});var l=n(1),c=r(l),f=n(12),p=r(f),d=n(2),h=r(d),v=n(1344),m=r(v),y=n(79),g=r(y),b=n(1485),_=r(b),w=function(e){function t(){var n,r,o;i(this,t);for(var s=arguments.length,u=Array(s),l=0;l<s;l++)u[l]=arguments[l];return n=r=a(this,e.call.apply(e,[this].concat(u))),r.forceAlign=function(){var e=r.props;if(!e.disabled){var t=h["default"].findDOMNode(r);e.onAlign(t,(0,m["default"])(t,e.target(),e.align))}},o=n,a(r,o)}return s(t,e),t.prototype.componentDidMount=function(){var e=this.props;this.forceAlign(),!e.disabled&&e.monitorWindowResize&&this.startMonitorWindowResize()},t.prototype.componentDidUpdate=function(e){var t=!1,n=this.props;if(!n.disabled)if(e.disabled||e.align!==n.align)t=!0;else{var r=e.target(),o=n.target();(0,_["default"])(r)&&(0,_["default"])(o)?t=!1:r!==o&&(t=!0)}t&&this.forceAlign(),n.monitorWindowResize&&!n.disabled?this.startMonitorWindowResize():this.stopMonitorWindowResize()},t.prototype.componentWillUnmount=function(){this.stopMonitorWindowResize()},t.prototype.startMonitorWindowResize=function(){this.resizeHandler||(this.bufferMonitor=u(this.forceAlign,this.props.monitorBufferTime),
 this.resizeHandler=(0,g["default"])(window,"resize",this.bufferMonitor))},t.prototype.stopMonitorWindowResize=function(){this.resizeHandler&&(this.bufferMonitor.clear(),this.resizeHandler.remove(),this.resizeHandler=null)},t.prototype.render=function(){var e=this.props,t=e.childrenProps,n=e.children,r=c["default"].Children.only(n);if(t){var o={};for(var i in t)t.hasOwnProperty(i)&&(o[i]=this.props[t[i]]);return c["default"].cloneElement(r,o)}return r},t}(l.Component);w.propTypes={childrenProps:p["default"].object,align:p["default"].object.isRequired,target:p["default"].func,onAlign:p["default"].func,monitorBufferTime:p["default"].number,monitorWindowResize:p["default"].bool,disabled:p["default"].bool,children:p["default"].any},w.defaultProps={target:function(){return window},onAlign:function(){},monitorBufferTime:50,monitorWindowResize:!1,disabled:!1},t["default"]=w,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1483),i=r(o);t["default"]=i["default"],e.exports=t["default"]},function(e,t){"use strict";function n(e){return null!=e&&e==e.window}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=n,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(10),s=r(a),u=n(1),l=r(u),c=n(8),f=r(c),p=n(1490),d=r(p),h=n(430),v=r(h),m=l["default"].createClass({displayName:"AjaxUploader",propTypes:{component:u.PropTypes.string,style:u.PropTypes.object,prefixCls:u.PropTypes.string,className:u.PropTypes.string,multiple:u.PropTypes.bool,disabled:u.PropTypes.bool,accept:u.PropTypes.string,children:u.PropTypes.any,onStart:u.PropTypes.func,data:u.PropTypes.oneOfType([u.PropTypes.object,u.PropTypes.func]),headers:u.PropTypes.object,beforeUpload:u.PropTypes.func,customRequest:u.PropTypes.func,onProgress:u.PropTypes.func,withCredentials:u.PropTypes.bool},getInitialState:function(){return this.reqs={},{uid:(0,v["default"])()}},componentWillUnmount:function(){this.abort()},onChange:function(e){var t=e.target.files;this.uploadFiles(t),this.reset()},onClick:function(){var e=this.refs.file;e&&e.click()},onKeyDown:function(e){"Enter"===e.key&&this.onClick()},onFileDrop:function(e){if("dragover"===e.type)return void e.preventDefault();var t=e.dataTransfer.files;this.uploadFiles(t),e.preventDefault()},uploadFiles:function(e){for(var t=Array.prototype.slice.call(e),n=t.length,r=0;r<n;r++){var o=t[r];o.uid=(0,v["default"])(),this.upload(o,t)}},upload:function(e,t){var n=this,r=this.props;if(!r.beforeUpload)return setTimeout(function(){return n.post(e)},0);var o=r.beforeUpload(e,t);o&&o.then?o.then(function(t){var r=Object.prototype.toString.call(t);"[object File]"===r||"[object Blob]"===r?n.post(t):n.post(e)})["catch"](function(e){console&&console.log(e)}):o!==!1&&setTimeout(function(){return n.post(e)},0)},post:function(e){var t=this;if(this.isMounted()){var n=this.props,r=n.data,o=n.onStart,i=n.onProgress;"function"==typeof r&&(r=r(e));var a=e.uid,s=n.customRequest||d["default"];this.reqs[a]=s({action:n.action,filename:n.name,file:e,data:r,headers:n.headers,withCredentials:n.withCredentials,onProgress:i?function(t){i(t,e)}:null,onSuccess:function(r){delete t.reqs[a],n.onSuccess(r,e)},onError:function(r,o){delete t.reqs[a],n.onError(r,o,e)}}),o(e)}},reset:function(){this.setState({uid:(0,v["default"])()})},abort:function(e){var t=this.reqs;if(e){var n=e;e&&e.uid&&(n=e.uid),t[n]&&(t[n].abort(),delete t[n])}else Object.keys(t).forEach(function(e){t[e]&&t[e].abort(),delete t[e]})},render:function(){var e,t=this.props,n=t.component,r=t.prefixCls,o=t.className,a=t.disabled,u=t.style,c=t.multiple,p=t.accept,d=t.children,h=(0,f["default"])((e={},(0,s["default"])(e,r,!0),(0,s["default"])(e,r+"-disabled",a),(0,s["default"])(e,o,o),e)),v=a?{}:{onClick:this.onClick,onKeyDown:this.onKeyDown,onDrop:this.onFileDrop,onDragOver:this.onFileDrop,tabIndex:"0"};return l["default"].createElement(n,(0,i["default"])({},v,{className:h,role:"button",style:u}),l["default"].createElement("input",{type:"file",ref:"file",key:this.state.uid,style:{display:"none"},accept:p,multiple:c,onChange:this.onChange}),d)}});t["default"]=m,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(10),i=r(o),a=n(9),s=r(a),u=n(1),l=r(u),c=n(2),f=r(c),p=n(8),d=r(p),h=n(430),v=r(h),m=n(424),y=r(m),g={position:"absolute",top:0,opacity:0,filter:"alpha(opacity=0)",left:0,zIndex:9999},b=l["default"].createClass({displayName:"IframeUploader",propTypes:{component:u.PropTypes.string,style:u.PropTypes.object,disabled:u.PropTypes.bool,prefixCls:u.PropTypes.string,className:u.PropTypes.string,accept:u.PropTypes.string,onStart:u.PropTypes.func,multiple:u.PropTypes.bool,children:u.PropTypes.any,data:u.PropTypes.oneOfType([u.PropTypes.object,u.PropTypes.func]),action:u.PropTypes.string,name:u.PropTypes.string},getInitialState:function(){return this.file={},{uploading:!1}},componentDidMount:function(){this.updateIframeWH(),this.initIframe()},componentDidUpdate:function(){this.updateIframeWH()},onLoad:function(){if(this.state.uploading){var e=this.props,t=this.file,n=void 0;try{var r=this.getIframeDocument(),o=r.getElementsByTagName("script")[0];o&&o.parentNode===r.body&&r.body.removeChild(o),n=r.body.innerHTML,e.onSuccess(n,t)}catch(i){(0,y["default"])(!1,"cross domain error for Upload. Maybe server should return document.domain script. see Note from https://github.com/react-component/upload"),n="cross-domain",e.onError(i,null,t)}this.endUpload()}},onChange:function(){var e=this,t=this.getFormInputNode(),n=this.file={uid:(0,v["default"])(),name:t.value};this.startUpload();var r=this.props;if(!r.beforeUpload)return this.post(n);var o=r.beforeUpload(n);o&&o.then?o.then(function(){e.post(n)},function(){e.endUpload()}):o!==!1?this.post(n):this.endUpload()},getIframeNode:function(){return this.refs.iframe},getIframeDocument:function(){return this.getIframeNode().contentDocument},getFormNode:function(){return this.getIframeDocument().getElementById("form")},getFormInputNode:function(){return this.getIframeDocument().getElementById("input")},getFormDataNode:function(){return this.getIframeDocument().getElementById("data")},getFileForMultiple:function(e){return this.props.multiple?[e]:e},getIframeHTML:function(e){var t="",n="";if(e){var r="script";t="<"+r+'>document.domain="'+e+'";</'+r+">",n='<input name="_documentDomain" value="'+e+'" />'}return'\n    <!DOCTYPE html>\n    <html>\n    <head>\n    <meta http-equiv="X-UA-Compatible" content="IE=edge" />\n    <style>\n    body,html {padding:0;margin:0;border:0;overflow:hidden;}\n    </style>\n    '+t+'\n    </head>\n    <body>\n    <form method="post"\n    encType="multipart/form-data"\n    action="'+this.props.action+'" id="form"\n    style="display:block;height:9999px;position:relative;overflow:hidden;">\n    <input id="input" type="file"\n     name="'+this.props.name+'"\n     style="position:absolute;top:0;right:0;height:9999px;font-size:9999px;cursor:pointer;"/>\n    '+n+'\n    <span id="data"></span>\n    </form>\n    </body>\n    </html>\n    '},initIframeSrc:function(){this.domain&&(this.getIframeNode().src="javascript:void((function(){\n        var d = document;\n        d.open();\n        d.domain='"+this.domain+"';\n        d.write('');\n        d.close();\n      })())")},initIframe:function(){var e=this.getIframeNode(),t=e.contentWindow,n=void 0;this.domain=this.domain||"",this.initIframeSrc();try{n=t.document}catch(r){this.domain=document.domain,this.initIframeSrc(),t=e.contentWindow,n=t.document}n.open("text/html","replace"),n.write(this.getIframeHTML(this.domain)),n.close(),this.getFormInputNode().onchange=this.onChange},endUpload:function(){this.state.uploading&&(this.file={},this.state.uploading=!1,this.setState({uploading:!1}),this.initIframe())},startUpload:function(){this.state.uploading||(this.state.uploading=!0,this.setState({uploading:!0}))},updateIframeWH:function(){var e=f["default"].findDOMNode(this),t=this.getIframeNode();t.style.height=e.offsetHeight+"px",t.style.width=e.offsetWidth+"px"},abort:function(e){if(e){var t=e;e&&e.uid&&(t=e.uid),t===this.file.uid&&this.endUpload()}else this.endUpload()},post:function(e){var t=this.getFormNode(),n=this.getFormDataNode(),r=this.props.data,o=this.props.onStart;"function"==typeof r&&(r=r(e));var i=[];for(var a in r)r.hasOwnProperty(a)&&i.push('<input name="'+a+'" value="'+r[a]+'"/>');n.innerHTML=i.join(""),t.submit(),n.innerHTML="",o(e)},render:function(){var e,t=this.props,n=t.component,r=t.disabled,o=t.className,a=t.prefixCls,u=t.children,c=t.style,f=(0,s["default"])({},g,{display:this.state.uploading||r?"none":""}),p=(0,d["default"])((e={},(0,i["default"])(e,a,!0),(0,i["default"])(e,a+"-disabled",r),(0,i["default"])(e,o,o),e));return l["default"].createElement(n,{className:p,style:(0,s["default"])({position:"relative",zIndex:0},c)},l["default"].createElement("iframe",{ref:"iframe",onLoad:this.onLoad,style:f}),u)}});t["default"]=b,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}Object.defineProperty(t,"__esModule",{value:!0});var i=n(9),a=r(i),s=n(1),u=r(s),l=n(1486),c=r(l),f=n(1487),p=r(f),d=u["default"].createClass({displayName:"Upload",propTypes:{component:s.PropTypes.string,style:s.PropTypes.object,prefixCls:s.PropTypes.string,action:s.PropTypes.string,name:s.PropTypes.string,multipart:s.PropTypes.bool,onError:s.PropTypes.func,onSuccess:s.PropTypes.func,onProgress:s.PropTypes.func,onStart:s.PropTypes.func,data:s.PropTypes.oneOfType([s.PropTypes.object,s.PropTypes.func]),headers:s.PropTypes.object,accept:s.PropTypes.string,multiple:s.PropTypes.bool,disabled:s.PropTypes.bool,beforeUpload:s.PropTypes.func,customRequest:s.PropTypes.func,onReady:s.PropTypes.func,withCredentials:s.PropTypes.bool,supportServerRender:s.PropTypes.bool},getDefaultProps:function(){return{component:"span",prefixCls:"rc-upload",data:{},headers:{},name:"file",multipart:!1,onReady:o,onStart:o,onError:o,onSuccess:o,supportServerRender:!1,multiple:!1,beforeUpload:null,customRequest:null,withCredentials:!1}},getInitialState:function(){return{Component:null}},componentDidMount:function(){this.props.supportServerRender&&this.setState({Component:this.getComponent()},this.props.onReady)},getComponent:function(){return"undefined"!=typeof FormData?c["default"]:p["default"]},abort:function(e){this.refs.inner.abort(e)},render:function(){if(this.props.supportServerRender){var e=this.state.Component;return e?u["default"].createElement(e,(0,a["default"])({},this.props,{ref:"inner"})):null}var t=this.getComponent();return u["default"].createElement(t,(0,a["default"])({},this.props,{ref:"inner"}))}});t["default"]=d,e.exports=t["default"]},function(e,t,n){"use strict";e.exports=n(1488)},function(e,t){"use strict";function n(e,t){var n="cannot post "+e.action+" "+t.status+"'",r=new Error(n);return r.status=t.status,r.method="post",r.url=e.action,r}function r(e){var t=e.responseText||e.response;if(!t)return t;try{return JSON.parse(t)}catch(n){return t}}function o(e){var t=new XMLHttpRequest;e.onProgress&&t.upload&&(t.upload.onprogress=function(t){t.total>0&&(t.percent=t.loaded/t.total*100),e.onProgress(t)});var o=new FormData;e.data&&Object.keys(e.data).map(function(t){o.append(t,e.data[t])}),o.append(e.filename,e.file),t.onerror=function(t){e.onError(t)},t.onload=function(){return t.status<200||t.status>=300?e.onError(n(e,t),r(t)):void e.onSuccess(r(t))},t.open("post",e.action,!0),e.withCredentials&&"withCredentials"in t&&(t.withCredentials=!0);var i=e.headers||{};null!==i["X-Requested-With"]&&t.setRequestHeader("X-Requested-With","XMLHttpRequest");for(var a in i)i.hasOwnProperty(a)&&null!==i[a]&&t.setRequestHeader(a,i[a]);return t.send(o),{abort:function(){t.abort()}}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(12),d=r(p),h=n(1493),v=r(h),m=function(e,t){var n=""+e;e<10&&(n="0"+e);var r=!1;return t&&t.indexOf(e)>=0&&(r=!0),{value:n,disabled:r}},y=function(e){function t(){var n,r,o;(0,i["default"])(this,t);for(var a=arguments.length,u=Array(a),l=0;l<a;l++)u[l]=arguments[l];return n=r=(0,s["default"])(this,e.call.apply(e,[this].concat(u))),r.onItemChange=function(e,t){var n=r.props,o=n.onChange,i=n.defaultOpenValue,a=n.use12Hours,s=(r.props.value||i).clone();if("hour"===e)a?r.isAM()?s.hour(+t%12):s.hour(+t%12+12):s.hour(+t);else if("minute"===e)s.minute(+t);else if("ampm"===e){var u=t.toUpperCase();a&&("PM"===u&&s.hour()<12&&s.hour(s.hour()%12+12),"AM"===u&&s.hour()>=12&&s.hour(s.hour()-12))}else s.second(+t);o(s)},r.onEnterSelectPanel=function(e){r.props.onCurrentSelectPanelChange(e)},o=n,(0,s["default"])(r,o)}return(0,l["default"])(t,e),t.prototype.getHourSelect=function(e){var t=this.props,n=t.prefixCls,r=t.hourOptions,o=t.disabledHours,i=t.showHour,a=t.use12Hours;if(!i)return null;var s=o(),u=void 0,l=void 0;return a?(u=[12].concat(r.filter(function(e){return e<12&&e>0})),l=e%12||12):(u=r,l=e),f["default"].createElement(v["default"],{prefixCls:n,options:u.map(function(e){return m(e,s)}),selectedIndex:u.indexOf(l),type:"hour",onSelect:this.onItemChange,onMouseEnter:this.onEnterSelectPanel.bind(this,"hour")})},t.prototype.getMinuteSelect=function(e){var t=this.props,n=t.prefixCls,r=t.minuteOptions,o=t.disabledMinutes,i=t.defaultOpenValue,a=t.showMinute;if(!a)return null;var s=this.props.value||i,u=o(s.hour());return f["default"].createElement(v["default"],{prefixCls:n,options:r.map(function(e){return m(e,u)}),selectedIndex:r.indexOf(e),type:"minute",onSelect:this.onItemChange,onMouseEnter:this.onEnterSelectPanel.bind(this,"minute")})},t.prototype.getSecondSelect=function(e){var t=this.props,n=t.prefixCls,r=t.secondOptions,o=t.disabledSeconds,i=t.showSecond,a=t.defaultOpenValue;if(!i)return null;var s=this.props.value||a,u=o(s.hour(),s.minute());return f["default"].createElement(v["default"],{prefixCls:n,options:r.map(function(e){return m(e,u)}),selectedIndex:r.indexOf(e),type:"second",onSelect:this.onItemChange,onMouseEnter:this.onEnterSelectPanel.bind(this,"second")})},t.prototype.getAMPMSelect=function(){var e=this.props,t=e.prefixCls,n=e.use12Hours,r=e.format;if(!n)return null;var o=["am","pm"].map(function(e){return r.match(/\sA/)?e.toUpperCase():e}).map(function(e){return{value:e}}),i=this.isAM()?0:1;return f["default"].createElement(v["default"],{prefixCls:t,options:o,selectedIndex:i,type:"ampm",onSelect:this.onItemChange,onMouseEnter:this.onEnterSelectPanel.bind(this,"ampm")})},t.prototype.isAM=function(){var e=this.props.value||this.props.defaultOpenValue;return e.hour()>=0&&e.hour()<12},t.prototype.render=function(){var e=this.props,t=e.prefixCls,n=e.defaultOpenValue,r=this.props.value||n;return f["default"].createElement("div",{className:t+"-combobox"},this.getHourSelect(r.hour()),this.getMinuteSelect(r.minute()),this.getSecondSelect(r.second()),this.getAMPMSelect(r.hour()))},t}(c.Component);y.propTypes={format:d["default"].string,defaultOpenValue:d["default"].object,prefixCls:d["default"].string,value:d["default"].object,onChange:d["default"].func,showHour:d["default"].bool,showMinute:d["default"].bool,showSecond:d["default"].bool,hourOptions:d["default"].array,minuteOptions:d["default"].array,secondOptions:d["default"].array,disabledHours:d["default"].func,disabledMinutes:d["default"].func,disabledSeconds:d["default"].func,onCurrentSelectPanelChange:d["default"].func,use12Hours:d["default"].bool},t["default"]=y,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(12),d=r(p),h=n(25),v=r(h),m=function(e){function t(n){(0,i["default"])(this,t);var r=(0,s["default"])(this,e.call(this,n));y.call(r);var o=n.value,a=n.format;return r.state={str:o&&o.format(a)||"",invalid:!1},r}return(0,l["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){var t=e.value,n=e.format;this.setState({str:t&&t.format(n)||"",invalid:!1})},t.prototype.getClearButton=function(){var e=this.props,t=e.prefixCls,n=e.allowEmpty;return n?f["default"].createElement("a",{className:t+"-clear-btn",role:"button",title:this.props.clearText,onMouseDown:this.onClear}):null},t.prototype.getProtoValue=function(){return this.props.value||this.props.defaultOpenValue},t.prototype.getInput=function(){var e=this.props,t=e.prefixCls,n=e.placeholder,r=this.state,o=r.invalid,i=r.str,a=o?t+"-input-invalid":"";return f["default"].createElement("input",{className:t+"-input  "+a,ref:"input",onKeyDown:this.onKeyDown,value:i,placeholder:n,onChange:this.onInputChange})},t.prototype.render=function(){var e=this.props.prefixCls;return f["default"].createElement("div",{className:e+"-input-wrap"},this.getInput(),this.getClearButton())},t}(c.Component);m.propTypes={format:d["default"].string,prefixCls:d["default"].string,disabledDate:d["default"].func,placeholder:d["default"].string,clearText:d["default"].string,value:d["default"].object,hourOptions:d["default"].array,minuteOptions:d["default"].array,secondOptions:d["default"].array,disabledHours:d["default"].func,disabledMinutes:d["default"].func,disabledSeconds:d["default"].func,onChange:d["default"].func,onClear:d["default"].func,onEsc:d["default"].func,allowEmpty:d["default"].bool,defaultOpenValue:d["default"].object,currentSelectPanel:d["default"].string};var y=function(){var e=this;this.onInputChange=function(t){var n=t.target.value;e.setState({str:n});var r=e.props,o=r.format,i=r.hourOptions,a=r.minuteOptions,s=r.secondOptions,u=r.disabledHours,l=r.disabledMinutes,c=r.disabledSeconds,f=r.onChange,p=r.allowEmpty;if(n){var d=e.props.value,h=e.getProtoValue().clone(),m=(0,v["default"])(n,o,!0);if(!m.isValid())return void e.setState({invalid:!0});if(h.hour(m.hour()).minute(m.minute()).second(m.second()),i.indexOf(h.hour())<0||a.indexOf(h.minute())<0||s.indexOf(h.second())<0)return void e.setState({invalid:!0});var y=u(),g=l(h.hour()),b=c(h.hour(),h.minute());if(y&&y.indexOf(h.hour())>=0||g&&g.indexOf(h.minute())>=0||b&&b.indexOf(h.second())>=0)return void e.setState({invalid:!0});if(d){if(d.hour()!==h.hour()||d.minute()!==h.minute()||d.second()!==h.second()){var _=d.clone();_.hour(h.hour()),_.minute(h.minute()),_.second(h.second()),f(_)}}else d!==h&&f(h)}else{if(!p)return void e.setState({invalid:!0});f(null)}e.setState({invalid:!1})},this.onKeyDown=function(t){27===t.keyCode&&e.props.onEsc()},this.onClear=function(){e.setState({str:""}),e.props.onClear()}};t["default"]=m,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(10),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(12),v=r(h),m=n(2),y=r(m),g=n(8),b=r(g),_=function x(e,t,n){var r=window.requestAnimationFrame||function(){return setTimeout(arguments[0],10)};if(n<=0)return void(e.scrollTop=t);var o=t-e.scrollTop,i=o/n*10;r(function(){e.scrollTop=e.scrollTop+i,e.scrollTop!==t&&x(e,t,n-10)})},w=function(e){function t(){var n,r,o;(0,s["default"])(this,t);for(var i=arguments.length,a=Array(i),u=0;u<i;u++)a[u]=arguments[u];return n=r=(0,l["default"])(this,e.call.apply(e,[this].concat(a))),r.state={active:!1},r.onSelect=function(e){var t=r.props,n=t.onSelect,o=t.type;n(o,e)},r.handleMouseEnter=function(e){r.setState({active:!0}),r.props.onMouseEnter(e)},r.handleMouseLeave=function(){r.setState({active:!1})},o=n,(0,l["default"])(r,o)}return(0,f["default"])(t,e),t.prototype.componentDidMount=function(){this.scrollToSelected(0)},t.prototype.componentDidUpdate=function(e){e.selectedIndex!==this.props.selectedIndex&&this.scrollToSelected(120)},t.prototype.getOptions=function(){var e=this,t=this.props,n=t.options,r=t.selectedIndex,o=t.prefixCls;return n.map(function(t,n){var a,s=(0,b["default"])((a={},(0,i["default"])(a,o+"-select-option-selected",r===n),(0,i["default"])(a,o+"-select-option-disabled",t.disabled),a)),u=null;return t.disabled||(u=e.onSelect.bind(e,t.value)),d["default"].createElement("li",{className:s,key:n,onClick:u,disabled:t.disabled},t.value)})},t.prototype.scrollToSelected=function(e){var t=y["default"].findDOMNode(this),n=y["default"].findDOMNode(this.refs.list);if(n){var r=this.props.selectedIndex;r<0&&(r=0);var o=n.children[r],i=o.offsetTop;_(t,i,e)}},t.prototype.render=function(){var e;if(0===this.props.options.length)return null;var t=this.props.prefixCls,n=(0,b["default"])((e={},(0,i["default"])(e,t+"-select",1),(0,i["default"])(e,t+"-select-active",this.state.active),e));return d["default"].createElement("div",{className:n,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},d["default"].createElement("ul",{ref:"list"},this.getOptions()))},t}(p.Component);w.propTypes={prefixCls:v["default"].string,options:v["default"].array,selectedIndex:v["default"].number,type:v["default"].string,onSelect:v["default"].func,onMouseEnter:v["default"].func},t["default"]=w,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(e,t){this[e]=t}Object.defineProperty(t,"__esModule",{value:!0});var a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(12),v=r(h),m=n(92),y=r(m),g=n(431),b=r(g),_=n(1495),w=r(_),x=n(25),C=r(x),E=function(e){function t(n){(0,s["default"])(this,t);var r=(0,l["default"])(this,e.call(this,n));S.call(r),r.saveInputRef=i.bind(r,"picker"),r.savePanelRef=i.bind(r,"panelInstance");var o=n.defaultOpen,a=n.defaultValue,u=n.open,c=void 0===u?o:u,f=n.value,p=void 0===f?a:f;return r.state={open:c,value:p},r}return(0,f["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){var t=e.value,n=e.open;"value"in e&&this.setState({value:t}),void 0!==n&&this.setState({open:n})},t.prototype.setValue=function(e){"value"in this.props||this.setState({value:e}),this.props.onChange(e)},t.prototype.getFormat=function(){var e=this.props,t=e.format,n=e.showHour,r=e.showMinute,o=e.showSecond,i=e.use12Hours;if(t)return t;if(i){var a=[n?"h":"",r?"mm":"",o?"ss":""].filter(function(e){return!!e}).join(":");return a.concat(" a")}return[n?"HH":"",r?"mm":"",o?"ss":""].filter(function(e){return!!e}).join(":")},t.prototype.getPanelElement=function(){var e=this.props,t=e.prefixCls,n=e.placeholder,r=e.disabledHours,o=e.disabledMinutes,i=e.disabledSeconds,a=e.hideDisabledOptions,s=e.allowEmpty,u=e.showHour,l=e.showMinute,c=e.showSecond,f=e.defaultOpenValue,p=e.clearText,h=e.addon,v=e.use12Hours;return d["default"].createElement(b["default"],{clearText:p,prefixCls:t+"-panel",ref:this.savePanelRef,value:this.state.value,onChange:this.onPanelChange,onClear:this.onPanelClear,defaultOpenValue:f,showHour:u,showMinute:l,showSecond:c,onEsc:this.onEsc,allowEmpty:s,format:this.getFormat(),placeholder:n,disabledHours:r,disabledMinutes:o,disabledSeconds:i,hideDisabledOptions:a,use12Hours:v,addon:h})},t.prototype.setOpen=function(e){var t=this.props,n=t.onOpen,r=t.onClose;this.state.open!==e&&("open"in this.props||this.setState({open:e}),e?n({open:e}):r({open:e}))},t.prototype.focus=function(){this.picker.focus()},t.prototype.render=function(){var e=this.props,t=e.prefixCls,n=e.placeholder,r=e.placement,o=e.align,i=e.disabled,a=e.transitionName,s=e.style,u=e.className,l=e.showHour,c=e.showMinute,f=e.showSecond,p=e.getPopupContainer,h=e.name,v=e.autoComplete,m=e.use12Hours,g=this.state,b=g.open,_=g.value,x=void 0;return l&&c&&f||m||(x=t+"-panel-narrow"),d["default"].createElement(y["default"],{prefixCls:t+"-panel",popupClassName:x,popup:this.getPanelElement(),popupAlign:o,builtinPlacements:w["default"],popupPlacement:r,action:i?[]:["click"],destroyPopupOnHide:!0,getPopupContainer:p,popupTransitionName:a,popupVisible:b,onPopupVisibleChange:this.onVisibleChange},d["default"].createElement("span",{className:t+" "+u,style:s},d["default"].createElement("input",{className:t+"-input",ref:this.saveInputRef,type:"text",placeholder:n,name:h,readOnly:!0,onKeyDown:this.onKeyDown,disabled:i,value:_&&_.format(this.getFormat())||"",autoComplete:v}),d["default"].createElement("span",{className:t+"-icon"})))},t}(p.Component);E.propTypes={prefixCls:v["default"].string,clearText:v["default"].string,value:v["default"].object,defaultOpenValue:v["default"].object,disabled:v["default"].bool,allowEmpty:v["default"].bool,defaultValue:v["default"].object,open:v["default"].bool,defaultOpen:v["default"].bool,align:v["default"].object,placement:v["default"].any,transitionName:v["default"].string,getPopupContainer:v["default"].func,placeholder:v["default"].string,format:v["default"].string,showHour:v["default"].bool,showMinute:v["default"].bool,showSecond:v["default"].bool,style:v["default"].object,className:v["default"].string,disabledHours:v["default"].func,disabledMinutes:v["default"].func,disabledSeconds:v["default"].func,hideDisabledOptions:v["default"].bool,onChange:v["default"].func,onOpen:v["default"].func,onClose:v["default"].func,addon:v["default"].func,name:v["default"].string,autoComplete:v["default"].string,use12Hours:v["default"].bool},E.defaultProps={clearText:"clear",prefixCls:"rc-time-picker",defaultOpen:!1,style:{},className:"",align:{},defaultOpenValue:(0,C["default"])(),allowEmpty:!0,showHour:!0,showMinute:!0,showSecond:!0,disabledHours:o,disabledMinutes:o,disabledSeconds:o,hideDisabledOptions:!1,placement:"bottomLeft",onChange:o,onOpen:o,onClose:o,addon:o,use12Hours:!1};var S=function(){var e=this;this.onPanelChange=function(t){e.setValue(t)},this.onPanelClear=function(){e.setValue(null),e.setOpen(!1)},this.onVisibleChange=function(t){e.setOpen(t)},this.onEsc=function(){e.setOpen(!1),e.focus()},this.onKeyDown=function(t){40===t.keyCode&&e.setOpen(!0)}};t["default"]=E,e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={adjustX:1,adjustY:1},r=[0,0],o={bottomLeft:{points:["tl","tl"],overflow:n,offset:[0,-3],targetOffset:r},bottomRight:{points:["tr","tr"],overflow:n,offset:[0,-3],targetOffset:r},topRight:{points:["br","br"],overflow:n,offset:[0,3],targetOffset:r},topLeft:{points:["bl","bl"],overflow:n,offset:[0,3],targetOffset:r}};t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}function l(e){var t=e.children;return d["default"].isValidElement(t)&&!t.key?d["default"].cloneElement(t,{key:w}):t}function c(){}Object.defineProperty(t,"__esModule",{value:!0});var f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p=n(1),d=r(p),h=n(12),v=r(h),m=n(1498),y=n(1497),g=r(y),b=n(432),_=r(b),w="rc_animate_"+Date.now(),x=function(e){function t(n){a(this,t);var r=s(this,e.call(this,n));return C.call(r),r.currentlyAnimatingKeys={},r.keysToEnter=[],r.keysToLeave=[],r.state={children:(0,m.toArrayChildren)(l(r.props))},r}return u(t,e),t.prototype.componentDidMount=function(){var e=this,t=this.props.showProp,n=this.state.children;t&&(n=n.filter(function(e){return!!e.props[t]})),n.forEach(function(t){t&&e.performAppear(t.key)})},t.prototype.componentWillReceiveProps=function(e){var t=this;this.nextProps=e;var n=(0,m.toArrayChildren)(l(e)),r=this.props;r.exclusive&&Object.keys(this.currentlyAnimatingKeys).forEach(function(e){t.stop(e)});var o=r.showProp,a=this.currentlyAnimatingKeys,s=r.exclusive?(0,m.toArrayChildren)(l(r)):this.state.children,u=[];o?(s.forEach(function(e){var t=e&&(0,m.findChildInChildrenByKey)(n,e.key),r=void 0;r=t&&t.props[o]||!e.props[o]?t:d["default"].cloneElement(t||e,i({},o,!0)),r&&u.push(r)}),n.forEach(function(e){e&&(0,m.findChildInChildrenByKey)(s,e.key)||u.push(e)})):u=(0,m.mergeChildren)(s,n),this.setState({children:u}),n.forEach(function(e){var n=e&&e.key;if(!e||!a[n]){var r=e&&(0,m.findChildInChildrenByKey)(s,n);if(o){var i=e.props[o];if(r){var u=(0,m.findShownChildInChildrenByKey)(s,n,o);!u&&i&&t.keysToEnter.push(n)}else i&&t.keysToEnter.push(n)}else r||t.keysToEnter.push(n)}}),s.forEach(function(e){var r=e&&e.key;if(!e||!a[r]){var i=e&&(0,m.findChildInChildrenByKey)(n,r);if(o){var s=e.props[o];if(i){var u=(0,m.findShownChildInChildrenByKey)(n,r,o);!u&&s&&t.keysToLeave.push(r)}else s&&t.keysToLeave.push(r)}else i||t.keysToLeave.push(r)}})},t.prototype.componentDidUpdate=function(){var e=this.keysToEnter;this.keysToEnter=[],e.forEach(this.performEnter);var t=this.keysToLeave;this.keysToLeave=[],t.forEach(this.performLeave)},t.prototype.isValidChildByKey=function(e,t){var n=this.props.showProp;return n?(0,m.findShownChildInChildrenByKey)(e,t,n):(0,m.findChildInChildrenByKey)(e,t)},t.prototype.stop=function(e){delete this.currentlyAnimatingKeys[e];var t=this.refs[e];t&&t.stop()},t.prototype.render=function(){var e=this.props;this.nextProps=e;var t=this.state.children,n=null;t&&(n=t.map(function(t){if(null===t||void 0===t)return t;if(!t.key)throw new Error("must set key for <rc-animate> children");return d["default"].createElement(g["default"],{key:t.key,ref:t.key,animation:e.animation,transitionName:e.transitionName,transitionEnter:e.transitionEnter,transitionAppear:e.transitionAppear,transitionLeave:e.transitionLeave},t)}));var r=e.component;if(r){var o=e;return"string"==typeof r&&(o=f({className:e.className,style:e.style},e.componentProps)),d["default"].createElement(r,o,n)}return n[0]||null},t}(d["default"].Component);x.propTypes={component:v["default"].any,componentProps:v["default"].object,animation:v["default"].object,transitionName:v["default"].oneOfType([v["default"].string,v["default"].object]),transitionEnter:v["default"].bool,transitionAppear:v["default"].bool,exclusive:v["default"].bool,transitionLeave:v["default"].bool,onEnd:v["default"].func,onEnter:v["default"].func,onLeave:v["default"].func,onAppear:v["default"].func,showProp:v["default"].string},x.defaultProps={animation:{},component:"span",componentProps:{},transitionEnter:!0,transitionLeave:!0,transitionAppear:!1,onEnd:c,onEnter:c,onLeave:c,onAppear:c};var C=function(){var e=this;this.performEnter=function(t){e.refs[t]&&(e.currentlyAnimatingKeys[t]=!0,e.refs[t].componentWillEnter(e.handleDoneAdding.bind(e,t,"enter")))},this.performAppear=function(t){e.refs[t]&&(e.currentlyAnimatingKeys[t]=!0,e.refs[t].componentWillAppear(e.handleDoneAdding.bind(e,t,"appear")))},this.handleDoneAdding=function(t,n){var r=e.props;if(delete e.currentlyAnimatingKeys[t],!r.exclusive||r===e.nextProps){var o=(0,m.toArrayChildren)(l(r));e.isValidChildByKey(o,t)?"appear"===n?_["default"].allowAppearCallback(r)&&(r.onAppear(t),r.onEnd(t,!0)):_["default"].allowEnterCallback(r)&&(r.onEnter(t),r.onEnd(t,!0)):e.performLeave(t)}},this.performLeave=function(t){e.refs[t]&&(e.currentlyAnimatingKeys[t]=!0,
-e.refs[t].componentWillLeave(e.handleDoneLeaving.bind(e,t)))},this.handleDoneLeaving=function(t){var n=e.props;if(delete e.currentlyAnimatingKeys[t],!n.exclusive||n===e.nextProps){var r=(0,m.toArrayChildren)(l(n));if(e.isValidChildByKey(r,t))e.performEnter(t);else{var o=function(){_["default"].allowLeaveCallback(n)&&(n.onLeave(t),n.onEnd(t,!1))};(0,m.isSameChildren)(e.state.children,r,n.showProp)?o():e.setState({children:r},o)}}}};t["default"]=x,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l=n(1),c=r(l),f=n(2),p=r(f),d=n(12),h=r(d),v=n(230),m=r(v),y=n(432),g=r(y),b={enter:"transitionEnter",appear:"transitionAppear",leave:"transitionLeave"},_=function(e){function t(){return i(this,t),a(this,e.apply(this,arguments))}return s(t,e),t.prototype.componentWillUnmount=function(){this.stop()},t.prototype.componentWillEnter=function(e){g["default"].isEnterSupported(this.props)?this.transition("enter",e):e()},t.prototype.componentWillAppear=function(e){g["default"].isAppearSupported(this.props)?this.transition("appear",e):e()},t.prototype.componentWillLeave=function(e){g["default"].isLeaveSupported(this.props)?this.transition("leave",e):e()},t.prototype.transition=function(e,t){var n=this,r=p["default"].findDOMNode(this),o=this.props,i=o.transitionName,a="object"===("undefined"==typeof i?"undefined":u(i));this.stop();var s=function(){n.stopper=null,t()};if((v.isCssAnimationSupported||!o.animation[e])&&i&&o[b[e]]){var l=a?i[e]:i+"-"+e,c=l+"-active";a&&i[e+"Active"]&&(c=i[e+"Active"]),this.stopper=(0,m["default"])(r,{name:l,active:c},s)}else this.stopper=o.animation[e](r,s)},t.prototype.stop=function(){var e=this.stopper;e&&(this.stopper=null,e.stop())},t.prototype.render=function(){return this.props.children},t}(c["default"].Component);_.propTypes={children:h["default"].any},t["default"]=_,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=[];return f["default"].Children.forEach(e,function(e){t.push(e)}),t}function i(e,t){var n=null;return e&&e.forEach(function(e){n||e&&e.key===t&&(n=e)}),n}function a(e,t,n){var r=null;return e&&e.forEach(function(e){if(e&&e.key===t&&e.props[n]){if(r)throw new Error("two child with same key for <rc-animate> children");r=e}}),r}function s(e,t,n){var r=0;return e&&e.forEach(function(e){r||(r=e&&e.key===t&&!e.props[n])}),r}function u(e,t,n){var r=e.length===t.length;return r&&e.forEach(function(e,o){var i=t[o];e&&i&&(e&&!i||!e&&i?r=!1:e.key!==i.key?r=!1:n&&e.props[n]!==i.props[n]&&(r=!1))}),r}function l(e,t){var n=[],r={},o=[];return e.forEach(function(e){e&&i(t,e.key)?o.length&&(r[e.key]=o,o=[]):o.push(e)}),t.forEach(function(e){e&&r.hasOwnProperty(e.key)&&(n=n.concat(r[e.key])),n.push(e)}),n=n.concat(o)}Object.defineProperty(t,"__esModule",{value:!0}),t.toArrayChildren=o,t.findChildInChildrenByKey=i,t.findShownChildInChildrenByKey=a,t.findHiddenChildInChildrenByKey=s,t.isSameChildren=u,t.mergeChildren=l;var c=n(1),f=r(c)},function(e,t,n){n(1553),e.exports=n(75).RegExp.escape},function(e,t,n){n(147),n(1535),e.exports=n(37).Array.from},function(e,t,n){n(179),n(147),e.exports=n(1533)},function(e,t,n){n(179),n(147),e.exports=n(1534)},function(e,t,n){n(1537),e.exports=n(37).Object.assign},function(e,t,n){n(1538);var r=n(37).Object;e.exports=function(e,t){return r.create(e,t)}},function(e,t,n){n(1539);var r=n(37).Object;e.exports=function(e,t,n){return r.defineProperty(e,t,n)}},function(e,t,n){n(1540),e.exports=n(37).Object.setPrototypeOf},function(e,t,n){n(445),n(147),n(179),n(1541),e.exports=n(37).Promise},function(e,t,n){n(1542),n(445),n(1543),n(1544),e.exports=n(37).Symbol},function(e,t,n){n(147),n(179),e.exports=n(266).f("iterator")},function(e,t){e.exports=function(){}},function(e,t){e.exports=function(e,t,n,r){if(!(e instanceof t)||void 0!==r&&r in e)throw TypeError(n+": incorrect invocation!");return e}},function(e,t,n){var r=n(96),o=n(262),i=n(1532);e.exports=function(e){return function(t,n,a){var s,u=r(t),l=o(u.length),c=i(a,l);if(e&&n!=n){for(;l>c;)if(s=u[c++],s!=s)return!0}else for(;l>c;c++)if((e||c in u)&&u[c]===n)return e||c||0;return!e&&-1}}},function(e,t,n){"use strict";var r=n(74),o=n(146);e.exports=function(e,t,n){t in e?r.f(e,t,o(0,n)):e[t]=n}},function(e,t,n){var r=n(145),o=n(258),i=n(176);e.exports=function(e){var t=r(e),n=o.f;if(n)for(var a,s=n(e),u=i.f,l=0;s.length>l;)u.call(e,a=s[l++])&&t.push(a);return t}},function(e,t,n){var r=n(120),o=n(437),i=n(436),a=n(73),s=n(262),u=n(267),l={},c={},t=e.exports=function(e,t,n,f,p){var d,h,v,m,y=p?function(){return e}:u(e),g=r(n,f,t?2:1),b=0;if("function"!=typeof y)throw TypeError(e+" is not iterable!");if(i(y)){for(d=s(e.length);d>b;b++)if(m=t?g(a(h=e[b])[0],h[1]):g(e[b]),m===l||m===c)return m}else for(v=y.call(e);!(h=v.next()).done;)if(m=o(v,g,h.value,t),m===l||m===c)return m};t.BREAK=l,t.RETURN=c},function(e,t){e.exports=function(e,t,n){var r=void 0===n;switch(t.length){case 0:return r?e():e.call(n);case 1:return r?e(t[0]):e.call(n,t[0]);case 2:return r?e(t[0],t[1]):e.call(n,t[0],t[1]);case 3:return r?e(t[0],t[1],t[2]):e.call(n,t[0],t[1],t[2]);case 4:return r?e(t[0],t[1],t[2],t[3]):e.call(n,t[0],t[1],t[2],t[3])}return e.apply(n,t)}},function(e,t,n){var r=n(143);e.exports=Array.isArray||function(e){return"Array"==r(e)}},function(e,t,n){"use strict";var r=n(257),o=n(146),i=n(177),a={};n(95)(a,n(38)("iterator"),function(){return this}),e.exports=function(e,t,n){e.prototype=r(a,{next:o(1,n)}),i(e,t+" Iterator")}},function(e,t){e.exports=function(e,t){return{value:t,done:!!e}}},function(e,t,n){var r=n(145),o=n(96);e.exports=function(e,t){for(var n,i=o(e),a=r(i),s=a.length,u=0;s>u;)if(i[n=a[u++]]===t)return n}},function(e,t,n){var r=n(178)("meta"),o=n(121),i=n(94),a=n(74).f,s=0,u=Object.isExtensible||function(){return!0},l=!n(144)(function(){return u(Object.preventExtensions({}))}),c=function(e){a(e,r,{value:{i:"O"+ ++s,w:{}}})},f=function(e,t){if(!o(e))return"symbol"==typeof e?e:("string"==typeof e?"S":"P")+e;if(!i(e,r)){if(!u(e))return"F";if(!t)return"E";c(e)}return e[r].i},p=function(e,t){if(!i(e,r)){if(!u(e))return!0;if(!t)return!1;c(e)}return e[r].w},d=function(e){return l&&h.NEED&&u(e)&&!i(e,r)&&c(e),e},h=e.exports={KEY:r,NEED:!1,fastKey:f,getWeak:p,onFreeze:d}},function(e,t,n){var r=n(51),o=n(444).set,i=r.MutationObserver||r.WebKitMutationObserver,a=r.process,s=r.Promise,u="process"==n(143)(a);e.exports=function(){var e,t,n,l=function(){var r,o;for(u&&(r=a.domain)&&r.exit();e;){o=e.fn,e=e.next;try{o()}catch(i){throw e?n():t=void 0,i}}t=void 0,r&&r.enter()};if(u)n=function(){a.nextTick(l)};else if(i){var c=!0,f=document.createTextNode("");new i(l).observe(f,{characterData:!0}),n=function(){f.data=c=!c}}else if(s&&s.resolve){var p=s.resolve();n=function(){p.then(l)}}else n=function(){o.call(r,l)};return function(r){var o={fn:r,next:void 0};t&&(t.next=o),e||(e=o,n()),t=o}}},function(e,t,n){"use strict";var r=n(145),o=n(258),i=n(176),a=n(263),s=n(435),u=Object.assign;e.exports=!u||n(144)(function(){var e={},t={},n=Symbol(),r="abcdefghijklmnopqrst";return e[n]=7,r.split("").forEach(function(e){t[e]=e}),7!=u({},e)[n]||Object.keys(u({},t)).join("")!=r})?function(e,t){for(var n=a(e),u=arguments.length,l=1,c=o.f,f=i.f;u>l;)for(var p,d=s(arguments[l++]),h=c?r(d).concat(c(d)):r(d),v=h.length,m=0;v>m;)f.call(d,p=h[m++])&&(n[p]=d[p]);return n}:u},function(e,t,n){var r=n(74),o=n(73),i=n(145);e.exports=n(81)?Object.defineProperties:function(e,t){o(e);for(var n,a=i(t),s=a.length,u=0;s>u;)r.f(e,n=a[u++],t[n]);return e}},function(e,t,n){var r=n(96),o=n(441).f,i={}.toString,a="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],s=function(e){try{return o(e)}catch(t){return a.slice()}};e.exports.f=function(e){return a&&"[object Window]"==i.call(e)?s(e):o(r(e))}},function(e,t,n){var r=n(94),o=n(263),i=n(259)("IE_PROTO"),a=Object.prototype;e.exports=Object.getPrototypeOf||function(e){return e=o(e),r(e,i)?e[i]:"function"==typeof e.constructor&&e instanceof e.constructor?e.constructor.prototype:e instanceof Object?a:null}},function(e,t,n){var r=n(95);e.exports=function(e,t,n){for(var o in t)n&&e[o]?e[o]=t[o]:r(e,o,t[o]);return e}},function(e,t,n){var r=n(121),o=n(73),i=function(e,t){if(o(e),!r(t)&&null!==t)throw TypeError(t+": can't set as prototype!")};e.exports={set:Object.setPrototypeOf||("__proto__"in{}?function(e,t,r){try{r=n(120)(Function.call,n(440).f(Object.prototype,"__proto__").set,2),r(e,[]),t=!(e instanceof Array)}catch(o){t=!0}return function(e,n){return i(e,n),t?e.__proto__=n:r(e,n),e}}({},!1):void 0),check:i}},function(e,t,n){"use strict";var r=n(51),o=n(37),i=n(74),a=n(81),s=n(38)("species");e.exports=function(e){var t="function"==typeof o[e]?o[e]:r[e];a&&t&&!t[s]&&i.f(t,s,{configurable:!0,get:function(){return this}})}},function(e,t,n){var r=n(73),o=n(252),i=n(38)("species");e.exports=function(e,t){var n,a=r(e).constructor;return void 0===a||void 0==(n=r(a)[i])?t:o(n)}},function(e,t,n){var r=n(261),o=n(254);e.exports=function(e){return function(t,n){var i,a,s=String(o(t)),u=r(n),l=s.length;return u<0||u>=l?e?"":void 0:(i=s.charCodeAt(u),i<55296||i>56319||u+1===l||(a=s.charCodeAt(u+1))<56320||a>57343?e?s.charAt(u):i:e?s.slice(u,u+2):(i-55296<<10)+(a-56320)+65536)}}},function(e,t,n){var r=n(261),o=Math.max,i=Math.min;e.exports=function(e,t){return e=r(e),e<0?o(e+t,0):i(e,t)}},function(e,t,n){var r=n(73),o=n(267);e.exports=n(37).getIterator=function(e){var t=o(e);if("function"!=typeof t)throw TypeError(e+" is not iterable!");return r(t.call(e))}},function(e,t,n){var r=n(253),o=n(38)("iterator"),i=n(122);e.exports=n(37).isIterable=function(e){var t=Object(e);return void 0!==t[o]||"@@iterator"in t||i.hasOwnProperty(r(t))}},function(e,t,n){"use strict";var r=n(120),o=n(82),i=n(263),a=n(437),s=n(436),u=n(262),l=n(1513),c=n(267);o(o.S+o.F*!n(439)(function(e){Array.from(e)}),"Array",{from:function(e){var t,n,o,f,p=i(e),d="function"==typeof this?this:Array,h=arguments.length,v=h>1?arguments[1]:void 0,m=void 0!==v,y=0,g=c(p);if(m&&(v=r(v,h>2?arguments[2]:void 0,2)),void 0==g||d==Array&&s(g))for(t=u(p.length),n=new d(t);t>y;y++)l(n,y,m?v(p[y],y):p[y]);else for(f=g.call(p),n=new d;!(o=f.next()).done;y++)l(n,y,m?a(f,v,[o.value,y],!0):o.value);return n.length=y,n}})},function(e,t,n){"use strict";var r=n(1510),o=n(1519),i=n(122),a=n(96);e.exports=n(438)(Array,"Array",function(e,t){this._t=a(e),this._i=0,this._k=t},function(){var e=this._t,t=this._k,n=this._i++;return!e||n>=e.length?(this._t=void 0,o(1)):"keys"==t?o(0,n):"values"==t?o(0,e[n]):o(0,[n,e[n]])},"values"),i.Arguments=i.Array,r("keys"),r("values"),r("entries")},function(e,t,n){var r=n(82);r(r.S+r.F,"Object",{assign:n(1523)})},function(e,t,n){var r=n(82);r(r.S,"Object",{create:n(257)})},function(e,t,n){var r=n(82);r(r.S+r.F*!n(81),"Object",{defineProperty:n(74).f})},function(e,t,n){var r=n(82);r(r.S,"Object",{setPrototypeOf:n(1528).set})},function(e,t,n){"use strict";var r,o,i,a=n(175),s=n(51),u=n(120),l=n(253),c=n(82),f=n(121),p=n(252),d=n(1511),h=n(1515),v=n(1530),m=n(444).set,y=n(1522)(),g="Promise",b=s.TypeError,_=s.process,w=s[g],_=s.process,x="process"==l(_),C=function(){},E=!!function(){try{var e=w.resolve(1),t=(e.constructor={})[n(38)("species")]=function(e){e(C,C)};return(x||"function"==typeof PromiseRejectionEvent)&&e.then(C)instanceof t}catch(r){}}(),S=function(e,t){return e===t||e===w&&t===i},P=function(e){var t;return!(!f(e)||"function"!=typeof(t=e.then))&&t},O=function(e){return S(w,e)?new T(e):new o(e)},T=o=function(e){var t,n;this.promise=new e(function(e,r){if(void 0!==t||void 0!==n)throw b("Bad Promise constructor");t=e,n=r}),this.resolve=p(t),this.reject=p(n)},k=function(e){try{e()}catch(t){return{error:t}}},M=function(e,t){if(!e._n){e._n=!0;var n=e._c;y(function(){for(var r=e._v,o=1==e._s,i=0,a=function(t){var n,i,a=o?t.ok:t.fail,s=t.resolve,u=t.reject,l=t.domain;try{a?(o||(2==e._h&&D(e),e._h=1),a===!0?n=r:(l&&l.enter(),n=a(r),l&&l.exit()),n===t.promise?u(b("Promise-chain cycle")):(i=P(n))?i.call(n,s,u):s(n)):u(r)}catch(c){u(c)}};n.length>i;)a(n[i++]);e._c=[],e._n=!1,t&&!e._h&&N(e)})}},N=function(e){m.call(s,function(){var t,n,r,o=e._v;if(A(e)&&(t=k(function(){x?_.emit("unhandledRejection",o,e):(n=s.onunhandledrejection)?n({promise:e,reason:o}):(r=s.console)&&r.error&&r.error("Unhandled promise rejection",o)}),e._h=x||A(e)?2:1),e._a=void 0,t)throw t.error})},A=function(e){if(1==e._h)return!1;for(var t,n=e._a||e._c,r=0;n.length>r;)if(t=n[r++],t.fail||!A(t.promise))return!1;return!0},D=function(e){m.call(s,function(){var t;x?_.emit("rejectionHandled",e):(t=s.onrejectionhandled)&&t({promise:e,reason:e._v})})},j=function(e){var t=this;t._d||(t._d=!0,t=t._w||t,t._v=e,t._s=2,t._a||(t._a=t._c.slice()),M(t,!0))},R=function(e){var t,n=this;if(!n._d){n._d=!0,n=n._w||n;try{if(n===e)throw b("Promise can't be resolved itself");(t=P(e))?y(function(){var r={_w:n,_d:!1};try{t.call(e,u(R,r,1),u(j,r,1))}catch(o){j.call(r,o)}}):(n._v=e,n._s=1,M(n,!1))}catch(r){j.call({_w:n,_d:!1},r)}}};E||(w=function(e){d(this,w,g,"_h"),p(e),r.call(this);try{e(u(R,this,1),u(j,this,1))}catch(t){j.call(this,t)}},r=function(e){this._c=[],this._a=void 0,this._s=0,this._d=!1,this._v=void 0,this._h=0,this._n=!1},r.prototype=n(1527)(w.prototype,{then:function(e,t){var n=O(v(this,w));return n.ok="function"!=typeof e||e,n.fail="function"==typeof t&&t,n.domain=x?_.domain:void 0,this._c.push(n),this._a&&this._a.push(n),this._s&&M(this,!1),n.promise},"catch":function(e){return this.then(void 0,e)}}),T=function(){var e=new r;this.promise=e,this.resolve=u(R,e,1),this.reject=u(j,e,1)}),c(c.G+c.W+c.F*!E,{Promise:w}),n(177)(w,g),n(1529)(g),i=n(37)[g],c(c.S+c.F*!E,g,{reject:function(e){var t=O(this),n=t.reject;return n(e),t.promise}}),c(c.S+c.F*(a||!E),g,{resolve:function(e){if(e instanceof w&&S(e.constructor,this))return e;var t=O(this),n=t.resolve;return n(e),t.promise}}),c(c.S+c.F*!(E&&n(439)(function(e){w.all(e)["catch"](C)})),g,{all:function(e){var t=this,n=O(t),r=n.resolve,o=n.reject,i=k(function(){var n=[],i=0,a=1;h(e,!1,function(e){var s=i++,u=!1;n.push(void 0),a++,t.resolve(e).then(function(e){u||(u=!0,n[s]=e,--a||r(n))},o)}),--a||r(n)});return i&&o(i.error),n.promise},race:function(e){var t=this,n=O(t),r=n.reject,o=k(function(){h(e,!1,function(e){t.resolve(e).then(n.resolve,r)})});return o&&r(o.error),n.promise}})},function(e,t,n){"use strict";var r=n(51),o=n(94),i=n(81),a=n(82),s=n(443),u=n(1521).KEY,l=n(144),c=n(260),f=n(177),p=n(178),d=n(38),h=n(266),v=n(265),m=n(1520),y=n(1514),g=n(1517),b=n(73),_=n(96),w=n(264),x=n(146),C=n(257),E=n(1525),S=n(440),P=n(74),O=n(145),T=S.f,k=P.f,M=E.f,N=r.Symbol,A=r.JSON,D=A&&A.stringify,j="prototype",R=d("_hidden"),I=d("toPrimitive"),L={}.propertyIsEnumerable,F=c("symbol-registry"),U=c("symbols"),V=c("op-symbols"),B=Object[j],z="function"==typeof N,H=r.QObject,K=!H||!H[j]||!H[j].findChild,W=i&&l(function(){return 7!=C(k({},"a",{get:function(){return k(this,"a",{value:7}).a}})).a})?function(e,t,n){var r=T(B,t);r&&delete B[t],k(e,t,n),r&&e!==B&&k(B,t,r)}:k,q=function(e){var t=U[e]=C(N[j]);return t._k=e,t},Y=z&&"symbol"==typeof N.iterator?function(e){return"symbol"==typeof e}:function(e){return e instanceof N},G=function(e,t,n){return e===B&&G(V,t,n),b(e),t=w(t,!0),b(n),o(U,t)?(n.enumerable?(o(e,R)&&e[R][t]&&(e[R][t]=!1),n=C(n,{enumerable:x(0,!1)})):(o(e,R)||k(e,R,x(1,{})),e[R][t]=!0),W(e,t,n)):k(e,t,n)},X=function(e,t){b(e);for(var n,r=y(t=_(t)),o=0,i=r.length;i>o;)G(e,n=r[o++],t[n]);return e},$=function(e,t){return void 0===t?C(e):X(C(e),t)},Z=function(e){var t=L.call(this,e=w(e,!0));return!(this===B&&o(U,e)&&!o(V,e))&&(!(t||!o(this,e)||!o(U,e)||o(this,R)&&this[R][e])||t)},Q=function(e,t){if(e=_(e),t=w(t,!0),e!==B||!o(U,t)||o(V,t)){var n=T(e,t);return!n||!o(U,t)||o(e,R)&&e[R][t]||(n.enumerable=!0),n}},J=function(e){for(var t,n=M(_(e)),r=[],i=0;n.length>i;)o(U,t=n[i++])||t==R||t==u||r.push(t);return r},ee=function(e){for(var t,n=e===B,r=M(n?V:_(e)),i=[],a=0;r.length>a;)!o(U,t=r[a++])||n&&!o(B,t)||i.push(U[t]);return i};z||(N=function(){if(this instanceof N)throw TypeError("Symbol is not a constructor!");var e=p(arguments.length>0?arguments[0]:void 0),t=function(n){this===B&&t.call(V,n),o(this,R)&&o(this[R],e)&&(this[R][e]=!1),W(this,e,x(1,n))};return i&&K&&W(B,e,{configurable:!0,set:t}),q(e)},s(N[j],"toString",function(){return this._k}),S.f=Q,P.f=G,n(441).f=E.f=J,n(176).f=Z,n(258).f=ee,i&&!n(175)&&s(B,"propertyIsEnumerable",Z,!0),h.f=function(e){return q(d(e))}),a(a.G+a.W+a.F*!z,{Symbol:N});for(var te="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),ne=0;te.length>ne;)d(te[ne++]);for(var te=O(d.store),ne=0;te.length>ne;)v(te[ne++]);a(a.S+a.F*!z,"Symbol",{"for":function(e){return o(F,e+="")?F[e]:F[e]=N(e)},keyFor:function(e){if(Y(e))return m(F,e);throw TypeError(e+" is not a symbol!")},useSetter:function(){K=!0},useSimple:function(){K=!1}}),a(a.S+a.F*!z,"Object",{create:$,defineProperty:G,defineProperties:X,getOwnPropertyDescriptor:Q,getOwnPropertyNames:J,getOwnPropertySymbols:ee}),A&&a(a.S+a.F*(!z||l(function(){var e=N();return"[null]"!=D([e])||"{}"!=D({a:e})||"{}"!=D(Object(e))})),"JSON",{stringify:function(e){if(void 0!==e&&!Y(e)){for(var t,n,r=[e],o=1;arguments.length>o;)r.push(arguments[o++]);return t=r[1],"function"==typeof t&&(n=t),!n&&g(t)||(t=function(e,t){if(n&&(t=n.call(this,e,t)),!Y(t))return t}),r[1]=t,D.apply(A,r)}}}),N[j][I]||n(95)(N[j],I,N[j].valueOf),f(N,"Symbol"),f(Math,"Math",!0),f(r.JSON,"JSON",!0)},function(e,t,n){n(265)("asyncIterator")},function(e,t,n){n(265)("observable")},function(e,t,n){var r=n(21),o=n(276),i=n(24)("species");e.exports=function(e){var t;return o(e)&&(t=e.constructor,"function"!=typeof t||t!==Array&&!o(t.prototype)||(t=void 0),r(t)&&(t=t[i],null===t&&(t=void 0))),void 0===t?Array:t}},function(e,t,n){var r=n(1545);e.exports=function(e,t){return new(r(e))(t)}},function(e,t,n){"use strict";var r=n(15),o=n(68),i="number";e.exports=function(e){if("string"!==e&&e!==i&&"default"!==e)throw TypeError("Incorrect hint");return o(r(this),e!=i)}},function(e,t,n){var r=n(101),o=n(188),i=n(150);e.exports=function(e){var t=r(e),n=o.f;if(n)for(var a,s=n(e),u=i.f,l=0;s.length>l;)u.call(e,a=s[l++])&&t.push(a);return t}},function(e,t,n){var r=n(101),o=n(44);e.exports=function(e,t){for(var n,i=o(e),a=r(i),s=a.length,u=0;s>u;)if(i[n=a[u++]]===t)return n}},function(e,t,n){"use strict";var r=n(1551),o=n(184),i=n(40);e.exports=function(){for(var e=i(this),t=arguments.length,n=Array(t),a=0,s=r._,u=!1;t>a;)(n[a]=arguments[a++])===s&&(u=!0);return function(){var r,i=this,a=arguments.length,l=0,c=0;if(!u&&!a)return o(e,n,i);if(r=n.slice(),u)for(;t>l;l++)r[l]===s&&(r[l]=arguments[c++]);for(;a>c;)r.push(arguments[c++]);return o(e,r,i)}}},function(e,t,n){e.exports=n(17)},function(e,t){e.exports=function(e,t){var n=t===Object(t)?function(e){return t[e]}:t;return function(t){return String(t).replace(e,n)}}},function(e,t,n){var r=n(5),o=n(1552)(/[\\^$*+?.()|[\]{}]/g,"\\$&");r(r.S,"RegExp",{escape:function(e){return o(e)}})},function(e,t,n){var r=n(5);r(r.P,"Array",{copyWithin:n(447)}),n(123)("copyWithin")},function(e,t,n){"use strict";var r=n(5),o=n(66)(4);r(r.P+r.F*!n(61)([].every,!0),"Array",{every:function(e){return o(this,e,arguments[1])}})},function(e,t,n){var r=n(5);r(r.P,"Array",{fill:n(268)}),n(123)("fill")},function(e,t,n){"use strict";var r=n(5),o=n(66)(2);r(r.P+r.F*!n(61)([].filter,!0),"Array",{filter:function(e){return o(this,e,arguments[1])}})},function(e,t,n){"use strict";var r=n(5),o=n(66)(6),i="findIndex",a=!0;i in[]&&Array(1)[i](function(){a=!1}),r(r.P+r.F*a,"Array",{findIndex:function(e){return o(this,e,arguments.length>1?arguments[1]:void 0)}}),n(123)(i)},function(e,t,n){"use strict";var r=n(5),o=n(66)(5),i="find",a=!0;i in[]&&Array(1)[i](function(){a=!1}),r(r.P+r.F*a,"Array",{find:function(e){return o(this,e,arguments.length>1?arguments[1]:void 0)}}),n(123)(i)},function(e,t,n){"use strict";var r=n(5),o=n(66)(0),i=n(61)([].forEach,!0);r(r.P+r.F*!i,"Array",{forEach:function(e){return o(this,e,arguments[1])}})},function(e,t,n){"use strict";var r=n(76),o=n(5),i=n(32),a=n(456),s=n(275),u=n(30),l=n(269),c=n(292);o(o.S+o.F*!n(186)(function(e){Array.from(e)}),"Array",{from:function(e){var t,n,o,f,p=i(e),d="function"==typeof this?this:Array,h=arguments.length,v=h>1?arguments[1]:void 0,m=void 0!==v,y=0,g=c(p);if(m&&(v=r(v,h>2?arguments[2]:void 0,2)),void 0==g||d==Array&&s(g))for(t=u(p.length),n=new d(t);t>y;y++)l(n,y,m?v(p[y],y):p[y]);else for(f=g.call(p),n=new d;!(o=f.next()).done;y++)l(n,y,m?a(f,v,[o.value,y],!0):o.value);return n.length=y,n}})},function(e,t,n){"use strict";var r=n(5),o=n(180)(!1),i=[].indexOf,a=!!i&&1/[1].indexOf(1,-0)<0;r(r.P+r.F*(a||!n(61)(i)),"Array",{indexOf:function(e){return a?i.apply(this,arguments)||0:o(this,e,arguments[1])}})},function(e,t,n){var r=n(5);r(r.S,"Array",{isArray:n(276)})},function(e,t,n){"use strict";var r=n(5),o=n(44),i=[].join;r(r.P+r.F*(n(149)!=Object||!n(61)(i)),"Array",{join:function(e){return i.call(o(this),void 0===e?",":e)}})},function(e,t,n){"use strict";var r=n(5),o=n(44),i=n(85),a=n(30),s=[].lastIndexOf,u=!!s&&1/[1].lastIndexOf(1,-0)<0;r(r.P+r.F*(u||!n(61)(s)),"Array",{lastIndexOf:function(e){if(u)return s.apply(this,arguments)||0;var t=o(this),n=a(t.length),r=n-1;for(arguments.length>1&&(r=Math.min(r,i(arguments[1]))),r<0&&(r=n+r);r>=0;r--)if(r in t&&t[r]===e)return r||0;return-1}})},function(e,t,n){"use strict";var r=n(5),o=n(66)(1);r(r.P+r.F*!n(61)([].map,!0),"Array",{map:function(e){return o(this,e,arguments[1])}})},function(e,t,n){"use strict";var r=n(5),o=n(269);r(r.S+r.F*n(18)(function(){function e(){}return!(Array.of.call(e)instanceof e)}),"Array",{of:function(){for(var e=0,t=arguments.length,n=new("function"==typeof this?this:Array)(t);t>e;)o(n,e,arguments[e++]);return n.length=t,n}})},function(e,t,n){"use strict";var r=n(5),o=n(449);r(r.P+r.F*!n(61)([].reduceRight,!0),"Array",{reduceRight:function(e){return o(this,e,arguments.length,arguments[1],!0)}})},function(e,t,n){"use strict";var r=n(5),o=n(449);r(r.P+r.F*!n(61)([].reduce,!0),"Array",{reduce:function(e){return o(this,e,arguments.length,arguments[1],!1)}})},function(e,t,n){"use strict";var r=n(5),o=n(273),i=n(59),a=n(104),s=n(30),u=[].slice;r(r.P+r.F*n(18)(function(){o&&u.call(o)}),"Array",{slice:function(e,t){var n=s(this.length),r=i(this);if(t=void 0===t?n:t,"Array"==r)return u.call(this,e,t);for(var o=a(e,n),l=a(t,n),c=s(l-o),f=Array(c),p=0;p<c;p++)f[p]="String"==r?this.charAt(o+p):this[o+p];return f}})},function(e,t,n){"use strict";var r=n(5),o=n(66)(3);r(r.P+r.F*!n(61)([].some,!0),"Array",{some:function(e){return o(this,e,arguments[1])}})},function(e,t,n){"use strict";var r=n(5),o=n(40),i=n(32),a=n(18),s=[].sort,u=[1,2,3];r(r.P+r.F*(a(function(){u.sort(void 0)})||!a(function(){u.sort(null)})||!n(61)(s)),"Array",{sort:function(e){return void 0===e?s.call(i(this)):s.call(i(this),o(e))}})},function(e,t,n){n(103)("Array")},function(e,t,n){var r=n(5);r(r.S,"Date",{now:function(){return(new Date).getTime()}})},function(e,t,n){"use strict";var r=n(5),o=n(18),i=Date.prototype.getTime,a=function(e){return e>9?e:"0"+e};r(r.P+r.F*(o(function(){return"0385-07-25T07:06:39.999Z"!=new Date(-5e13-1).toISOString()})||!o(function(){new Date(NaN).toISOString()})),"Date",{toISOString:function(){if(!isFinite(i.call(this)))throw RangeError("Invalid time value");var e=this,t=e.getUTCFullYear(),n=e.getUTCMilliseconds(),r=t<0?"-":t>9999?"+":"";return r+("00000"+Math.abs(t)).slice(r?-6:-4)+"-"+a(e.getUTCMonth()+1)+"-"+a(e.getUTCDate())+"T"+a(e.getUTCHours())+":"+a(e.getUTCMinutes())+":"+a(e.getUTCSeconds())+"."+(n>99?n:"0"+a(n))+"Z"}})},function(e,t,n){"use strict";var r=n(5),o=n(32),i=n(68);r(r.P+r.F*n(18)(function(){return null!==new Date(NaN).toJSON()||1!==Date.prototype.toJSON.call({toISOString:function(){return 1}})}),"Date",{toJSON:function(e){var t=o(this),n=i(t);return"number"!=typeof n||isFinite(n)?t.toISOString():null}})},function(e,t,n){var r=n(24)("toPrimitive"),o=Date.prototype;r in o||n(41)(o,r,n(1547))},function(e,t,n){var r=Date.prototype,o="Invalid Date",i="toString",a=r[i],s=r.getTime;new Date(NaN)+""!=o&&n(42)(r,i,function(){var e=s.call(this);return e===e?a.call(this):o})},function(e,t,n){var r=n(5);r(r.P,"Function",{bind:n(450)})},function(e,t,n){"use strict";var r=n(21),o=n(53),i=n(24)("hasInstance"),a=Function.prototype;i in a||n(27).f(a,i,{value:function(e){if("function"!=typeof this||!r(e))return!1;if(!r(this.prototype))return e instanceof this;for(;e=o(e);)if(this.prototype===e)return!0;return!1}})},function(e,t,n){var r=n(27).f,o=n(84),i=n(39),a=Function.prototype,s=/^\s*function ([^ (]*)/,u="name",l=Object.isExtensible||function(){return!0};u in a||n(26)&&r(a,u,{configurable:!0,get:function(){try{var e=this,t=(""+e).match(s)[1];return i(e,u)||!l(e)||r(e,u,o(5,t)),t}catch(n){return""}}})},function(e,t,n){var r=n(5),o=n(458),i=Math.sqrt,a=Math.acosh;r(r.S+r.F*!(a&&710==Math.floor(a(Number.MAX_VALUE))&&a(1/0)==1/0),"Math",{acosh:function(e){return(e=+e)<1?NaN:e>94906265.62425156?Math.log(e)+Math.LN2:o(e-1+i(e-1)*i(e+1))}})},function(e,t,n){function r(e){return isFinite(e=+e)&&0!=e?e<0?-r(-e):Math.log(e+Math.sqrt(e*e+1)):e}var o=n(5),i=Math.asinh;o(o.S+o.F*!(i&&1/i(0)>0),"Math",{asinh:r})},function(e,t,n){var r=n(5),o=Math.atanh;r(r.S+r.F*!(o&&1/o(-0)<0),"Math",{atanh:function(e){return 0==(e=+e)?e:Math.log((1+e)/(1-e))/2}})},function(e,t,n){var r=n(5),o=n(280);r(r.S,"Math",{cbrt:function(e){return o(e=+e)*Math.pow(Math.abs(e),1/3)}})},function(e,t,n){var r=n(5);r(r.S,"Math",{clz32:function(e){return(e>>>=0)?31-Math.floor(Math.log(e+.5)*Math.LOG2E):32}})},function(e,t,n){var r=n(5),o=Math.exp;r(r.S,"Math",{cosh:function(e){return(o(e=+e)+o(-e))/2}})},function(e,t,n){var r=n(5),o=n(279);r(r.S+r.F*(o!=Math.expm1),"Math",{expm1:o})},function(e,t,n){var r=n(5),o=n(280),i=Math.pow,a=i(2,-52),s=i(2,-23),u=i(2,127)*(2-s),l=i(2,-126),c=function(e){return e+1/a-1/a};r(r.S,"Math",{fround:function(e){var t,n,r=Math.abs(e),i=o(e);return r<l?i*c(r/l/s)*l*s:(t=(1+s/a)*r,n=t-(t-r),n>u||n!=n?i*(1/0):i*n)}})},function(e,t,n){var r=n(5),o=Math.abs;r(r.S,"Math",{hypot:function(e,t){for(var n,r,i=0,a=0,s=arguments.length,u=0;a<s;)n=o(arguments[a++]),u<n?(r=u/n,i=i*r*r+1,u=n):n>0?(r=n/u,i+=r*r):i+=n;return u===1/0?1/0:u*Math.sqrt(i)}})},function(e,t,n){var r=n(5),o=Math.imul;r(r.S+r.F*n(18)(function(){return o(4294967295,5)!=-5||2!=o.length}),"Math",{imul:function(e,t){var n=65535,r=+e,o=+t,i=n&r,a=n&o;return 0|i*a+((n&r>>>16)*a+i*(n&o>>>16)<<16>>>0)}})},function(e,t,n){var r=n(5);r(r.S,"Math",{log10:function(e){return Math.log(e)/Math.LN10}})},function(e,t,n){var r=n(5);r(r.S,"Math",{log1p:n(458)})},function(e,t,n){var r=n(5);r(r.S,"Math",{log2:function(e){return Math.log(e)/Math.LN2}})},function(e,t,n){var r=n(5);r(r.S,"Math",{sign:n(280)})},function(e,t,n){var r=n(5),o=n(279),i=Math.exp;r(r.S+r.F*n(18)(function(){return!Math.sinh(-2e-17)!=-2e-17}),"Math",{sinh:function(e){return Math.abs(e=+e)<1?(o(e)-o(-e))/2:(i(e-1)-i(-e-1))*(Math.E/2)}})},function(e,t,n){var r=n(5),o=n(279),i=Math.exp;r(r.S,"Math",{tanh:function(e){var t=o(e=+e),n=o(-e);return t==1/0?1:n==1/0?-1:(t-n)/(i(e)+i(-e))}})},function(e,t,n){var r=n(5);r(r.S,"Math",{trunc:function(e){return(e>0?Math.floor:Math.ceil)(e)}})},function(e,t,n){"use strict";var r=n(17),o=n(39),i=n(59),a=n(274),s=n(68),u=n(18),l=n(100).f,c=n(52).f,f=n(27).f,p=n(127).trim,d="Number",h=r[d],v=h,m=h.prototype,y=i(n(99)(m))==d,g="trim"in String.prototype,b=function(e){var t=s(e,!1);if("string"==typeof t&&t.length>2){t=g?t.trim():p(t,3);var n,r,o,i=t.charCodeAt(0);if(43===i||45===i){if(n=t.charCodeAt(2),88===n||120===n)return NaN}else if(48===i){switch(t.charCodeAt(1)){case 66:case 98:r=2,o=49;break;case 79:case 111:r=8,o=55;break;default:return+t}for(var a,u=t.slice(2),l=0,c=u.length;l<c;l++)if(a=u.charCodeAt(l),a<48||a>o)return NaN;return parseInt(u,r)}}return+t};if(!h(" 0o1")||!h("0b1")||h("+0x1")){h=function(e){var t=arguments.length<1?0:e,n=this;return n instanceof h&&(y?u(function(){m.valueOf.call(n)}):i(n)!=d)?a(new v(b(t)),n,h):b(t)};for(var _,w=n(26)?l(v):"MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger".split(","),x=0;w.length>x;x++)o(v,_=w[x])&&!o(h,_)&&f(h,_,c(v,_));h.prototype=m,m.constructor=h,n(42)(r,d,h)}},function(e,t,n){var r=n(5);r(r.S,"Number",{EPSILON:Math.pow(2,-52)})},function(e,t,n){var r=n(5),o=n(17).isFinite;r(r.S,"Number",{isFinite:function(e){return"number"==typeof e&&o(e)}})},function(e,t,n){var r=n(5);r(r.S,"Number",{isInteger:n(455)})},function(e,t,n){var r=n(5);r(r.S,"Number",{isNaN:function(e){return e!=e}})},function(e,t,n){var r=n(5),o=n(455),i=Math.abs;r(r.S,"Number",{isSafeInteger:function(e){return o(e)&&i(e)<=9007199254740991}})},function(e,t,n){var r=n(5);r(r.S,"Number",{MAX_SAFE_INTEGER:9007199254740991})},function(e,t,n){var r=n(5);r(r.S,"Number",{MIN_SAFE_INTEGER:-9007199254740991})},function(e,t,n){var r=n(5),o=n(465);r(r.S+r.F*(Number.parseFloat!=o),"Number",{parseFloat:o})},function(e,t,n){var r=n(5),o=n(466);r(r.S+r.F*(Number.parseInt!=o),"Number",{parseInt:o})},function(e,t,n){"use strict";var r=n(5),o=n(85),i=n(446),a=n(287),s=1..toFixed,u=Math.floor,l=[0,0,0,0,0,0],c="Number.toFixed: incorrect invocation!",f="0",p=function(e,t){for(var n=-1,r=t;++n<6;)r+=e*l[n],l[n]=r%1e7,r=u(r/1e7)},d=function(e){for(var t=6,n=0;--t>=0;)n+=l[t],l[t]=u(n/e),n=n%e*1e7},h=function(){for(var e=6,t="";--e>=0;)if(""!==t||0===e||0!==l[e]){var n=String(l[e]);t=""===t?n:t+a.call(f,7-n.length)+n}return t},v=function(e,t,n){return 0===t?n:t%2===1?v(e,t-1,n*e):v(e*e,t/2,n)},m=function(e){for(var t=0,n=e;n>=4096;)t+=12,n/=4096;for(;n>=2;)t+=1,n/=2;return t};r(r.P+r.F*(!!s&&("0.000"!==8e-5.toFixed(3)||"1"!==.9.toFixed(0)||"1.25"!==1.255.toFixed(2)||"1000000000000000128"!==(0xde0b6b3a7640080).toFixed(0))||!n(18)(function(){s.call({})})),"Number",{toFixed:function(e){var t,n,r,s,u=i(this,c),l=o(e),y="",g=f;if(l<0||l>20)throw RangeError(c);if(u!=u)return"NaN";if(u<=-1e21||u>=1e21)return String(u);if(u<0&&(y="-",u=-u),u>1e-21)if(t=m(u*v(2,69,1))-69,n=t<0?u*v(2,-t,1):u/v(2,t,1),n*=4503599627370496,t=52-t,t>0){for(p(0,n),r=l;r>=7;)p(1e7,0),r-=7;for(p(v(10,r,1),0),r=t-1;r>=23;)d(1<<23),r-=23;d(1<<r),p(1,1),d(2),g=h()}else p(0,n),p(1<<-t,0),g=h()+a.call(f,l);return l>0?(s=g.length,g=y+(s<=l?"0."+a.call(f,l-s)+g:g.slice(0,s-l)+"."+g.slice(s-l))):g=y+g,g}})},function(e,t,n){"use strict";var r=n(5),o=n(18),i=n(446),a=1..toPrecision;r(r.P+r.F*(o(function(){return"1"!==a.call(1,void 0)})||!o(function(){a.call({})})),"Number",{toPrecision:function(e){var t=i(this,"Number#toPrecision: incorrect invocation!");return void 0===e?a.call(t):a.call(t,e)}})},function(e,t,n){var r=n(5);r(r.S+r.F,"Object",{assign:n(459)})},function(e,t,n){var r=n(5);r(r.S,"Object",{create:n(99)})},function(e,t,n){var r=n(5);r(r.S+r.F*!n(26),"Object",{
-defineProperties:n(460)})},function(e,t,n){var r=n(5);r(r.S+r.F*!n(26),"Object",{defineProperty:n(27).f})},function(e,t,n){var r=n(21),o=n(83).onFreeze;n(67)("freeze",function(e){return function(t){return e&&r(t)?e(o(t)):t}})},function(e,t,n){var r=n(44),o=n(52).f;n(67)("getOwnPropertyDescriptor",function(){return function(e,t){return o(r(e),t)}})},function(e,t,n){n(67)("getOwnPropertyNames",function(){return n(461).f})},function(e,t,n){var r=n(32),o=n(53);n(67)("getPrototypeOf",function(){return function(e){return o(r(e))}})},function(e,t,n){var r=n(21);n(67)("isExtensible",function(e){return function(t){return!!r(t)&&(!e||e(t))}})},function(e,t,n){var r=n(21);n(67)("isFrozen",function(e){return function(t){return!r(t)||!!e&&e(t)}})},function(e,t,n){var r=n(21);n(67)("isSealed",function(e){return function(t){return!r(t)||!!e&&e(t)}})},function(e,t,n){var r=n(5);r(r.S,"Object",{is:n(467)})},function(e,t,n){var r=n(32),o=n(101);n(67)("keys",function(){return function(e){return o(r(e))}})},function(e,t,n){var r=n(21),o=n(83).onFreeze;n(67)("preventExtensions",function(e){return function(t){return e&&r(t)?e(o(t)):t}})},function(e,t,n){var r=n(21),o=n(83).onFreeze;n(67)("seal",function(e){return function(t){return e&&r(t)?e(o(t)):t}})},function(e,t,n){var r=n(5);r(r.S,"Object",{setPrototypeOf:n(282).set})},function(e,t,n){"use strict";var r=n(148),o={};o[n(24)("toStringTag")]="z",o+""!="[object z]"&&n(42)(Object.prototype,"toString",function(){return"[object "+r(this)+"]"},!0)},function(e,t,n){var r=n(5),o=n(465);r(r.G+r.F*(parseFloat!=o),{parseFloat:o})},function(e,t,n){var r=n(5),o=n(466);r(r.G+r.F*(parseInt!=o),{parseInt:o})},function(e,t,n){"use strict";var r,o,i,a=n(98),s=n(17),u=n(76),l=n(148),c=n(5),f=n(21),p=n(40),d=n(97),h=n(124),v=n(284),m=n(289).set,y=n(281)(),g="Promise",b=s.TypeError,_=s.process,w=s[g],_=s.process,x="process"==l(_),C=function(){},E=!!function(){try{var e=w.resolve(1),t=(e.constructor={})[n(24)("species")]=function(e){e(C,C)};return(x||"function"==typeof PromiseRejectionEvent)&&e.then(C)instanceof t}catch(r){}}(),S=function(e,t){return e===t||e===w&&t===i},P=function(e){var t;return!(!f(e)||"function"!=typeof(t=e.then))&&t},O=function(e){return S(w,e)?new T(e):new o(e)},T=o=function(e){var t,n;this.promise=new e(function(e,r){if(void 0!==t||void 0!==n)throw b("Bad Promise constructor");t=e,n=r}),this.resolve=p(t),this.reject=p(n)},k=function(e){try{e()}catch(t){return{error:t}}},M=function(e,t){if(!e._n){e._n=!0;var n=e._c;y(function(){for(var r=e._v,o=1==e._s,i=0,a=function(t){var n,i,a=o?t.ok:t.fail,s=t.resolve,u=t.reject,l=t.domain;try{a?(o||(2==e._h&&D(e),e._h=1),a===!0?n=r:(l&&l.enter(),n=a(r),l&&l.exit()),n===t.promise?u(b("Promise-chain cycle")):(i=P(n))?i.call(n,s,u):s(n)):u(r)}catch(c){u(c)}};n.length>i;)a(n[i++]);e._c=[],e._n=!1,t&&!e._h&&N(e)})}},N=function(e){m.call(s,function(){var t,n,r,o=e._v;if(A(e)&&(t=k(function(){x?_.emit("unhandledRejection",o,e):(n=s.onunhandledrejection)?n({promise:e,reason:o}):(r=s.console)&&r.error&&r.error("Unhandled promise rejection",o)}),e._h=x||A(e)?2:1),e._a=void 0,t)throw t.error})},A=function(e){if(1==e._h)return!1;for(var t,n=e._a||e._c,r=0;n.length>r;)if(t=n[r++],t.fail||!A(t.promise))return!1;return!0},D=function(e){m.call(s,function(){var t;x?_.emit("rejectionHandled",e):(t=s.onrejectionhandled)&&t({promise:e,reason:e._v})})},j=function(e){var t=this;t._d||(t._d=!0,t=t._w||t,t._v=e,t._s=2,t._a||(t._a=t._c.slice()),M(t,!0))},R=function(e){var t,n=this;if(!n._d){n._d=!0,n=n._w||n;try{if(n===e)throw b("Promise can't be resolved itself");(t=P(e))?y(function(){var r={_w:n,_d:!1};try{t.call(e,u(R,r,1),u(j,r,1))}catch(o){j.call(r,o)}}):(n._v=e,n._s=1,M(n,!1))}catch(r){j.call({_w:n,_d:!1},r)}}};E||(w=function(e){d(this,w,g,"_h"),p(e),r.call(this);try{e(u(R,this,1),u(j,this,1))}catch(t){j.call(this,t)}},r=function(e){this._c=[],this._a=void 0,this._s=0,this._d=!1,this._v=void 0,this._h=0,this._n=!1},r.prototype=n(102)(w.prototype,{then:function(e,t){var n=O(v(this,w));return n.ok="function"!=typeof e||e,n.fail="function"==typeof t&&t,n.domain=x?_.domain:void 0,this._c.push(n),this._a&&this._a.push(n),this._s&&M(this,!1),n.promise},"catch":function(e){return this.then(void 0,e)}}),T=function(){var e=new r;this.promise=e,this.resolve=u(R,e,1),this.reject=u(j,e,1)}),c(c.G+c.W+c.F*!E,{Promise:w}),n(126)(w,g),n(103)(g),i=n(75)[g],c(c.S+c.F*!E,g,{reject:function(e){var t=O(this),n=t.reject;return n(e),t.promise}}),c(c.S+c.F*(a||!E),g,{resolve:function(e){if(e instanceof w&&S(e.constructor,this))return e;var t=O(this),n=t.resolve;return n(e),t.promise}}),c(c.S+c.F*!(E&&n(186)(function(e){w.all(e)["catch"](C)})),g,{all:function(e){var t=this,n=O(t),r=n.resolve,o=n.reject,i=k(function(){var n=[],i=0,a=1;h(e,!1,function(e){var s=i++,u=!1;n.push(void 0),a++,t.resolve(e).then(function(e){u||(u=!0,n[s]=e,--a||r(n))},o)}),--a||r(n)});return i&&o(i.error),n.promise},race:function(e){var t=this,n=O(t),r=n.reject,o=k(function(){h(e,!1,function(e){t.resolve(e).then(n.resolve,r)})});return o&&r(o.error),n.promise}})},function(e,t,n){var r=n(5),o=n(40),i=n(15),a=(n(17).Reflect||{}).apply,s=Function.apply;r(r.S+r.F*!n(18)(function(){a(function(){})}),"Reflect",{apply:function(e,t,n){var r=o(e),u=i(n);return a?a(r,t,u):s.call(r,t,u)}})},function(e,t,n){var r=n(5),o=n(99),i=n(40),a=n(15),s=n(21),u=n(18),l=n(450),c=(n(17).Reflect||{}).construct,f=u(function(){function e(){}return!(c(function(){},[],e)instanceof e)}),p=!u(function(){c(function(){})});r(r.S+r.F*(f||p),"Reflect",{construct:function(e,t){i(e),a(t);var n=arguments.length<3?e:i(arguments[2]);if(p&&!f)return c(e,t,n);if(e==n){switch(t.length){case 0:return new e;case 1:return new e(t[0]);case 2:return new e(t[0],t[1]);case 3:return new e(t[0],t[1],t[2]);case 4:return new e(t[0],t[1],t[2],t[3])}var r=[null];return r.push.apply(r,t),new(l.apply(e,r))}var u=n.prototype,d=o(s(u)?u:Object.prototype),h=Function.apply.call(e,d,t);return s(h)?h:d}})},function(e,t,n){var r=n(27),o=n(5),i=n(15),a=n(68);o(o.S+o.F*n(18)(function(){Reflect.defineProperty(r.f({},1,{value:1}),1,{value:2})}),"Reflect",{defineProperty:function(e,t,n){i(e),t=a(t,!0),i(n);try{return r.f(e,t,n),!0}catch(o){return!1}}})},function(e,t,n){var r=n(5),o=n(52).f,i=n(15);r(r.S,"Reflect",{deleteProperty:function(e,t){var n=o(i(e),t);return!(n&&!n.configurable)&&delete e[t]}})},function(e,t,n){"use strict";var r=n(5),o=n(15),i=function(e){this._t=o(e),this._i=0;var t,n=this._k=[];for(t in e)n.push(t)};n(277)(i,"Object",function(){var e,t=this,n=t._k;do if(t._i>=n.length)return{value:void 0,done:!0};while(!((e=n[t._i++])in t._t));return{value:e,done:!1}}),r(r.S,"Reflect",{enumerate:function(e){return new i(e)}})},function(e,t,n){var r=n(52),o=n(5),i=n(15);o(o.S,"Reflect",{getOwnPropertyDescriptor:function(e,t){return r.f(i(e),t)}})},function(e,t,n){var r=n(5),o=n(53),i=n(15);r(r.S,"Reflect",{getPrototypeOf:function(e){return o(i(e))}})},function(e,t,n){function r(e,t){var n,s,c=arguments.length<3?e:arguments[2];return l(e)===c?e[t]:(n=o.f(e,t))?a(n,"value")?n.value:void 0!==n.get?n.get.call(c):void 0:u(s=i(e))?r(s,t,c):void 0}var o=n(52),i=n(53),a=n(39),s=n(5),u=n(21),l=n(15);s(s.S,"Reflect",{get:r})},function(e,t,n){var r=n(5);r(r.S,"Reflect",{has:function(e,t){return t in e}})},function(e,t,n){var r=n(5),o=n(15),i=Object.isExtensible;r(r.S,"Reflect",{isExtensible:function(e){return o(e),!i||i(e)}})},function(e,t,n){var r=n(5);r(r.S,"Reflect",{ownKeys:n(464)})},function(e,t,n){var r=n(5),o=n(15),i=Object.preventExtensions;r(r.S,"Reflect",{preventExtensions:function(e){o(e);try{return i&&i(e),!0}catch(t){return!1}}})},function(e,t,n){var r=n(5),o=n(282);o&&r(r.S,"Reflect",{setPrototypeOf:function(e,t){o.check(e,t);try{return o.set(e,t),!0}catch(n){return!1}}})},function(e,t,n){function r(e,t,n){var u,p,d=arguments.length<4?e:arguments[3],h=i.f(c(e),t);if(!h){if(f(p=a(e)))return r(p,t,n,d);h=l(0)}return s(h,"value")?!(h.writable===!1||!f(d))&&(u=i.f(d,t)||l(0),u.value=n,o.f(d,t,u),!0):void 0!==h.set&&(h.set.call(d,n),!0)}var o=n(27),i=n(52),a=n(53),s=n(39),u=n(5),l=n(84),c=n(15),f=n(21);u(u.S,"Reflect",{set:r})},function(e,t,n){var r=n(17),o=n(274),i=n(27).f,a=n(100).f,s=n(185),u=n(183),l=r.RegExp,c=l,f=l.prototype,p=/a/g,d=/a/g,h=new l(p)!==p;if(n(26)&&(!h||n(18)(function(){return d[n(24)("match")]=!1,l(p)!=p||l(d)==d||"/a/i"!=l(p,"i")}))){l=function(e,t){var n=this instanceof l,r=s(e),i=void 0===t;return!n&&r&&e.constructor===l&&i?e:o(h?new c(r&&!i?e.source:e,t):c((r=e instanceof l)?e.source:e,r&&i?u.call(e):t),n?this:f,l)};for(var v=(function(e){e in l||i(l,e,{configurable:!0,get:function(){return c[e]},set:function(t){c[e]=t}})}),m=a(c),y=0;m.length>y;)v(m[y++]);f.constructor=l,l.prototype=f,n(42)(r,"RegExp",l)}n(103)("RegExp")},function(e,t,n){n(182)("match",1,function(e,t,n){return[function(n){"use strict";var r=e(this),o=void 0==n?void 0:n[t];return void 0!==o?o.call(n,r):new RegExp(n)[t](String(r))},n]})},function(e,t,n){n(182)("replace",2,function(e,t,n){return[function(r,o){"use strict";var i=e(this),a=void 0==r?void 0:r[t];return void 0!==a?a.call(r,i,o):n.call(String(i),r,o)},n]})},function(e,t,n){n(182)("search",1,function(e,t,n){return[function(n){"use strict";var r=e(this),o=void 0==n?void 0:n[t];return void 0!==o?o.call(n,r):new RegExp(n)[t](String(r))},n]})},function(e,t,n){n(182)("split",2,function(e,t,r){"use strict";var o=n(185),i=r,a=[].push,s="split",u="length",l="lastIndex";if("c"=="abbc"[s](/(b)*/)[1]||4!="test"[s](/(?:)/,-1)[u]||2!="ab"[s](/(?:ab)*/)[u]||4!="."[s](/(.?)(.?)/)[u]||"."[s](/()()/)[u]>1||""[s](/.?/)[u]){var c=void 0===/()??/.exec("")[1];r=function(e,t){var n=String(this);if(void 0===e&&0===t)return[];if(!o(e))return i.call(n,e,t);var r,s,f,p,d,h=[],v=(e.ignoreCase?"i":"")+(e.multiline?"m":"")+(e.unicode?"u":"")+(e.sticky?"y":""),m=0,y=void 0===t?4294967295:t>>>0,g=new RegExp(e.source,v+"g");for(c||(r=new RegExp("^"+g.source+"$(?!\\s)",v));(s=g.exec(n))&&(f=s.index+s[0][u],!(f>m&&(h.push(n.slice(m,s.index)),!c&&s[u]>1&&s[0].replace(r,function(){for(d=1;d<arguments[u]-2;d++)void 0===arguments[d]&&(s[d]=void 0)}),s[u]>1&&s.index<n[u]&&a.apply(h,s.slice(1)),p=s[0][u],m=f,h[u]>=y)));)g[l]===s.index&&g[l]++;return m===n[u]?!p&&g.test("")||h.push(""):h.push(n.slice(m)),h[u]>y?h.slice(0,y):h}}else"0"[s](void 0,0)[u]&&(r=function(e,t){return void 0===e&&0===t?[]:i.call(this,e,t)});return[function(n,o){var i=e(this),a=void 0==n?void 0:n[t];return void 0!==a?a.call(n,i,o):r.call(String(i),n,o)},r]})},function(e,t,n){"use strict";n(471);var r=n(15),o=n(183),i=n(26),a="toString",s=/./[a],u=function(e){n(42)(RegExp.prototype,a,e,!0)};n(18)(function(){return"/a/b"!=s.call({source:"a",flags:"b"})})?u(function(){var e=r(this);return"/".concat(e.source,"/","flags"in e?e.flags:!i&&e instanceof RegExp?o.call(e):void 0)}):s.name!=a&&u(function(){return s.call(this)})},function(e,t,n){"use strict";n(43)("anchor",function(e){return function(t){return e(this,"a","name",t)}})},function(e,t,n){"use strict";n(43)("big",function(e){return function(){return e(this,"big","","")}})},function(e,t,n){"use strict";n(43)("blink",function(e){return function(){return e(this,"blink","","")}})},function(e,t,n){"use strict";n(43)("bold",function(e){return function(){return e(this,"b","","")}})},function(e,t,n){"use strict";var r=n(5),o=n(285)(!1);r(r.P,"String",{codePointAt:function(e){return o(this,e)}})},function(e,t,n){"use strict";var r=n(5),o=n(30),i=n(286),a="endsWith",s=""[a];r(r.P+r.F*n(272)(a),"String",{endsWith:function(e){var t=i(this,e,a),n=arguments.length>1?arguments[1]:void 0,r=o(t.length),u=void 0===n?r:Math.min(o(n),r),l=String(e);return s?s.call(t,l,u):t.slice(u-l.length,u)===l}})},function(e,t,n){"use strict";n(43)("fixed",function(e){return function(){return e(this,"tt","","")}})},function(e,t,n){"use strict";n(43)("fontcolor",function(e){return function(t){return e(this,"font","color",t)}})},function(e,t,n){"use strict";n(43)("fontsize",function(e){return function(t){return e(this,"font","size",t)}})},function(e,t,n){var r=n(5),o=n(104),i=String.fromCharCode,a=String.fromCodePoint;r(r.S+r.F*(!!a&&1!=a.length),"String",{fromCodePoint:function(e){for(var t,n=[],r=arguments.length,a=0;r>a;){if(t=+arguments[a++],o(t,1114111)!==t)throw RangeError(t+" is not a valid code point");n.push(t<65536?i(t):i(((t-=65536)>>10)+55296,t%1024+56320))}return n.join("")}})},function(e,t,n){"use strict";var r=n(5),o=n(286),i="includes";r(r.P+r.F*n(272)(i),"String",{includes:function(e){return!!~o(this,e,i).indexOf(e,arguments.length>1?arguments[1]:void 0)}})},function(e,t,n){"use strict";n(43)("italics",function(e){return function(){return e(this,"i","","")}})},function(e,t,n){"use strict";var r=n(285)(!0);n(278)(String,"String",function(e){this._t=String(e),this._i=0},function(){var e,t=this._t,n=this._i;return n>=t.length?{value:void 0,done:!0}:(e=r(t,n),this._i+=e.length,{value:e,done:!1})})},function(e,t,n){"use strict";n(43)("link",function(e){return function(t){return e(this,"a","href",t)}})},function(e,t,n){var r=n(5),o=n(44),i=n(30);r(r.S,"String",{raw:function(e){for(var t=o(e.raw),n=i(t.length),r=arguments.length,a=[],s=0;n>s;)a.push(String(t[s++])),s<r&&a.push(String(arguments[s]));return a.join("")}})},function(e,t,n){var r=n(5);r(r.P,"String",{repeat:n(287)})},function(e,t,n){"use strict";n(43)("small",function(e){return function(){return e(this,"small","","")}})},function(e,t,n){"use strict";var r=n(5),o=n(30),i=n(286),a="startsWith",s=""[a];r(r.P+r.F*n(272)(a),"String",{startsWith:function(e){var t=i(this,e,a),n=o(Math.min(arguments.length>1?arguments[1]:void 0,t.length)),r=String(e);return s?s.call(t,r,n):t.slice(n,n+r.length)===r}})},function(e,t,n){"use strict";n(43)("strike",function(e){return function(){return e(this,"strike","","")}})},function(e,t,n){"use strict";n(43)("sub",function(e){return function(){return e(this,"sub","","")}})},function(e,t,n){"use strict";n(43)("sup",function(e){return function(){return e(this,"sup","","")}})},function(e,t,n){"use strict";n(127)("trim",function(e){return function(){return e(this,3)}})},function(e,t,n){"use strict";var r=n(17),o=n(39),i=n(26),a=n(5),s=n(42),u=n(83).KEY,l=n(18),c=n(189),f=n(126),p=n(105),d=n(24),h=n(469),v=n(291),m=n(1549),y=n(1548),g=n(276),b=n(15),_=n(44),w=n(68),x=n(84),C=n(99),E=n(461),S=n(52),P=n(27),O=n(101),T=S.f,k=P.f,M=E.f,N=r.Symbol,A=r.JSON,D=A&&A.stringify,j="prototype",R=d("_hidden"),I=d("toPrimitive"),L={}.propertyIsEnumerable,F=c("symbol-registry"),U=c("symbols"),V=c("op-symbols"),B=Object[j],z="function"==typeof N,H=r.QObject,K=!H||!H[j]||!H[j].findChild,W=i&&l(function(){return 7!=C(k({},"a",{get:function(){return k(this,"a",{value:7}).a}})).a})?function(e,t,n){var r=T(B,t);r&&delete B[t],k(e,t,n),r&&e!==B&&k(B,t,r)}:k,q=function(e){var t=U[e]=C(N[j]);return t._k=e,t},Y=z&&"symbol"==typeof N.iterator?function(e){return"symbol"==typeof e}:function(e){return e instanceof N},G=function(e,t,n){return e===B&&G(V,t,n),b(e),t=w(t,!0),b(n),o(U,t)?(n.enumerable?(o(e,R)&&e[R][t]&&(e[R][t]=!1),n=C(n,{enumerable:x(0,!1)})):(o(e,R)||k(e,R,x(1,{})),e[R][t]=!0),W(e,t,n)):k(e,t,n)},X=function(e,t){b(e);for(var n,r=y(t=_(t)),o=0,i=r.length;i>o;)G(e,n=r[o++],t[n]);return e},$=function(e,t){return void 0===t?C(e):X(C(e),t)},Z=function(e){var t=L.call(this,e=w(e,!0));return!(this===B&&o(U,e)&&!o(V,e))&&(!(t||!o(this,e)||!o(U,e)||o(this,R)&&this[R][e])||t)},Q=function(e,t){if(e=_(e),t=w(t,!0),e!==B||!o(U,t)||o(V,t)){var n=T(e,t);return!n||!o(U,t)||o(e,R)&&e[R][t]||(n.enumerable=!0),n}},J=function(e){for(var t,n=M(_(e)),r=[],i=0;n.length>i;)o(U,t=n[i++])||t==R||t==u||r.push(t);return r},ee=function(e){for(var t,n=e===B,r=M(n?V:_(e)),i=[],a=0;r.length>a;)!o(U,t=r[a++])||n&&!o(B,t)||i.push(U[t]);return i};z||(N=function(){if(this instanceof N)throw TypeError("Symbol is not a constructor!");var e=p(arguments.length>0?arguments[0]:void 0),t=function(n){this===B&&t.call(V,n),o(this,R)&&o(this[R],e)&&(this[R][e]=!1),W(this,e,x(1,n))};return i&&K&&W(B,e,{configurable:!0,set:t}),q(e)},s(N[j],"toString",function(){return this._k}),S.f=Q,P.f=G,n(100).f=E.f=J,n(150).f=Z,n(188).f=ee,i&&!n(98)&&s(B,"propertyIsEnumerable",Z,!0),h.f=function(e){return q(d(e))}),a(a.G+a.W+a.F*!z,{Symbol:N});for(var te="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),ne=0;te.length>ne;)d(te[ne++]);for(var te=O(d.store),ne=0;te.length>ne;)v(te[ne++]);a(a.S+a.F*!z,"Symbol",{"for":function(e){return o(F,e+="")?F[e]:F[e]=N(e)},keyFor:function(e){if(Y(e))return m(F,e);throw TypeError(e+" is not a symbol!")},useSetter:function(){K=!0},useSimple:function(){K=!1}}),a(a.S+a.F*!z,"Object",{create:$,defineProperty:G,defineProperties:X,getOwnPropertyDescriptor:Q,getOwnPropertyNames:J,getOwnPropertySymbols:ee}),A&&a(a.S+a.F*(!z||l(function(){var e=N();return"[null]"!=D([e])||"{}"!=D({a:e})||"{}"!=D(Object(e))})),"JSON",{stringify:function(e){if(void 0!==e&&!Y(e)){for(var t,n,r=[e],o=1;arguments.length>o;)r.push(arguments[o++]);return t=r[1],"function"==typeof t&&(n=t),!n&&g(t)||(t=function(e,t){if(n&&(t=n.call(this,e,t)),!Y(t))return t}),r[1]=t,D.apply(A,r)}}}),N[j][I]||n(41)(N[j],I,N[j].valueOf),f(N,"Symbol"),f(Math,"Math",!0),f(r.JSON,"JSON",!0)},function(e,t,n){"use strict";var r=n(5),o=n(190),i=n(290),a=n(15),s=n(104),u=n(30),l=n(21),c=n(17).ArrayBuffer,f=n(284),p=i.ArrayBuffer,d=i.DataView,h=o.ABV&&c.isView,v=p.prototype.slice,m=o.VIEW,y="ArrayBuffer";r(r.G+r.W+r.F*(c!==p),{ArrayBuffer:p}),r(r.S+r.F*!o.CONSTR,y,{isView:function(e){return h&&h(e)||l(e)&&m in e}}),r(r.P+r.U+r.F*n(18)(function(){return!new p(2).slice(1,void 0).byteLength}),y,{slice:function(e,t){if(void 0!==v&&void 0===t)return v.call(a(this),e);for(var n=a(this).byteLength,r=s(e,n),o=s(void 0===t?n:t,n),i=new(f(this,p))(u(o-r)),l=new d(this),c=new d(i),h=0;r<o;)c.setUint8(h++,l.getUint8(r++));return i}}),n(103)(y)},function(e,t,n){var r=n(5);r(r.G+r.W+r.F*!n(190).ABV,{DataView:n(290).DataView})},function(e,t,n){n(78)("Float32",4,function(e){return function(t,n,r){return e(this,t,n,r)}})},function(e,t,n){n(78)("Float64",8,function(e){return function(t,n,r){return e(this,t,n,r)}})},function(e,t,n){n(78)("Int16",2,function(e){return function(t,n,r){return e(this,t,n,r)}})},function(e,t,n){n(78)("Int32",4,function(e){return function(t,n,r){return e(this,t,n,r)}})},function(e,t,n){n(78)("Int8",1,function(e){return function(t,n,r){return e(this,t,n,r)}})},function(e,t,n){n(78)("Uint16",2,function(e){return function(t,n,r){return e(this,t,n,r)}})},function(e,t,n){n(78)("Uint32",4,function(e){return function(t,n,r){return e(this,t,n,r)}})},function(e,t,n){n(78)("Uint8",1,function(e){return function(t,n,r){return e(this,t,n,r)}})},function(e,t,n){n(78)("Uint8",1,function(e){return function(t,n,r){return e(this,t,n,r)}},!0)},function(e,t,n){"use strict";var r=n(453);n(181)("WeakSet",function(e){return function(){return e(this,arguments.length>0?arguments[0]:void 0)}},{add:function(e){return r.def(this,e,!0)}},r,!1,!0)},function(e,t,n){"use strict";var r=n(5),o=n(180)(!0);r(r.P,"Array",{includes:function(e){return o(this,e,arguments.length>1?arguments[1]:void 0)}}),n(123)("includes")},function(e,t,n){var r=n(5),o=n(281)(),i=n(17).process,a="process"==n(59)(i);r(r.G,{asap:function(e){var t=a&&i.domain;o(t?t.bind(e):e)}})},function(e,t,n){var r=n(5),o=n(59);r(r.S,"Error",{isError:function(e){return"Error"===o(e)}})},function(e,t,n){var r=n(5);r(r.P+r.R,"Map",{toJSON:n(452)("Map")})},function(e,t,n){var r=n(5);r(r.S,"Math",{iaddh:function(e,t,n,r){var o=e>>>0,i=t>>>0,a=n>>>0;return i+(r>>>0)+((o&a|(o|a)&~(o+a>>>0))>>>31)|0}})},function(e,t,n){var r=n(5);r(r.S,"Math",{imulh:function(e,t){var n=65535,r=+e,o=+t,i=r&n,a=o&n,s=r>>16,u=o>>16,l=(s*a>>>0)+(i*a>>>16);return s*u+(l>>16)+((i*u>>>0)+(l&n)>>16)}})},function(e,t,n){var r=n(5);r(r.S,"Math",{isubh:function(e,t,n,r){var o=e>>>0,i=t>>>0,a=n>>>0;return i-(r>>>0)-((~o&a|~(o^a)&o-a>>>0)>>>31)|0}})},function(e,t,n){var r=n(5);r(r.S,"Math",{umulh:function(e,t){var n=65535,r=+e,o=+t,i=r&n,a=o&n,s=r>>>16,u=o>>>16,l=(s*a>>>0)+(i*a>>>16);return s*u+(l>>>16)+((i*u>>>0)+(l&n)>>>16)}})},function(e,t,n){"use strict";var r=n(5),o=n(32),i=n(40),a=n(27);n(26)&&r(r.P+n(187),"Object",{__defineGetter__:function(e,t){a.f(o(this),e,{get:i(t),enumerable:!0,configurable:!0})}})},function(e,t,n){"use strict";var r=n(5),o=n(32),i=n(40),a=n(27);n(26)&&r(r.P+n(187),"Object",{__defineSetter__:function(e,t){a.f(o(this),e,{set:i(t),enumerable:!0,configurable:!0})}})},function(e,t,n){var r=n(5),o=n(463)(!0);r(r.S,"Object",{entries:function(e){return o(e)}})},function(e,t,n){var r=n(5),o=n(464),i=n(44),a=n(52),s=n(269);r(r.S,"Object",{getOwnPropertyDescriptors:function(e){for(var t,n=i(e),r=a.f,u=o(n),l={},c=0;u.length>c;)s(l,t=u[c++],r(n,t));return l}})},function(e,t,n){"use strict";var r=n(5),o=n(32),i=n(68),a=n(53),s=n(52).f;n(26)&&r(r.P+n(187),"Object",{__lookupGetter__:function(e){var t,n=o(this),r=i(e,!0);do if(t=s(n,r))return t.get;while(n=a(n))}})},function(e,t,n){"use strict";var r=n(5),o=n(32),i=n(68),a=n(53),s=n(52).f;n(26)&&r(r.P+n(187),"Object",{__lookupSetter__:function(e){var t,n=o(this),r=i(e,!0);do if(t=s(n,r))return t.set;while(n=a(n))}})},function(e,t,n){var r=n(5),o=n(463)(!1);r(r.S,"Object",{values:function(e){return o(e)}})},function(e,t,n){"use strict";var r=n(5),o=n(17),i=n(75),a=n(281)(),s=n(24)("observable"),u=n(40),l=n(15),c=n(97),f=n(102),p=n(41),d=n(124),h=d.RETURN,v=function(e){return null==e?void 0:u(e)},m=function(e){var t=e._c;t&&(e._c=void 0,t())},y=function(e){return void 0===e._o},g=function(e){y(e)||(e._o=void 0,m(e))},b=function(e,t){l(e),this._c=void 0,this._o=e,e=new _(this);try{var n=t(e),r=n;null!=n&&("function"==typeof n.unsubscribe?n=function(){r.unsubscribe()}:u(n),this._c=n)}catch(o){return void e.error(o)}y(this)&&m(this)};b.prototype=f({},{unsubscribe:function(){g(this)}});var _=function(e){this._s=e};_.prototype=f({},{next:function(e){var t=this._s;if(!y(t)){var n=t._o;try{var r=v(n.next);if(r)return r.call(n,e)}catch(o){try{g(t)}finally{throw o}}}},error:function(e){var t=this._s;if(y(t))throw e;var n=t._o;t._o=void 0;try{var r=v(n.error);if(!r)throw e;e=r.call(n,e)}catch(o){try{m(t)}finally{throw o}}return m(t),e},complete:function(e){var t=this._s;if(!y(t)){var n=t._o;t._o=void 0;try{var r=v(n.complete);e=r?r.call(n,e):void 0}catch(o){try{m(t)}finally{throw o}}return m(t),e}}});var w=function(e){c(this,w,"Observable","_f")._f=u(e)};f(w.prototype,{subscribe:function(e){return new b(e,this._f)},forEach:function(e){var t=this;return new(i.Promise||o.Promise)(function(n,r){u(e);var o=t.subscribe({next:function(t){try{return e(t)}catch(n){r(n),o.unsubscribe()}},error:r,complete:n})})}}),f(w,{from:function(e){var t="function"==typeof this?this:w,n=v(l(e)[s]);if(n){var r=l(n.call(e));return r.constructor===t?r:new t(function(e){return r.subscribe(e)})}return new t(function(t){var n=!1;return a(function(){if(!n){try{if(d(e,!1,function(e){if(t.next(e),n)return h})===h)return}catch(r){if(n)throw r;return void t.error(r)}t.complete()}}),function(){n=!0}})},of:function(){for(var e=0,t=arguments.length,n=Array(t);e<t;)n[e]=arguments[e++];return new("function"==typeof this?this:w)(function(e){var t=!1;return a(function(){if(!t){for(var r=0;r<n.length;++r)if(e.next(n[r]),t)return;e.complete()}}),function(){t=!0}})}}),p(w.prototype,s,function(){return this}),r(r.G,{Observable:w}),n(103)("Observable")},function(e,t,n){var r=n(77),o=n(15),i=r.key,a=r.set;r.exp({defineMetadata:function(e,t,n,r){a(e,t,o(n),i(r))}})},function(e,t,n){var r=n(77),o=n(15),i=r.key,a=r.map,s=r.store;r.exp({deleteMetadata:function(e,t){var n=arguments.length<3?void 0:i(arguments[2]),r=a(o(t),n,!1);if(void 0===r||!r["delete"](e))return!1;if(r.size)return!0;var u=s.get(t);return u["delete"](n),!!u.size||s["delete"](t)}})},function(e,t,n){var r=n(472),o=n(448),i=n(77),a=n(15),s=n(53),u=i.keys,l=i.key,c=function(e,t){var n=u(e,t),i=s(e);if(null===i)return n;var a=c(i,t);return a.length?n.length?o(new r(n.concat(a))):a:n};i.exp({getMetadataKeys:function(e){return c(a(e),arguments.length<2?void 0:l(arguments[1]))}})},function(e,t,n){var r=n(77),o=n(15),i=n(53),a=r.has,s=r.get,u=r.key,l=function(e,t,n){var r=a(e,t,n);if(r)return s(e,t,n);var o=i(t);return null!==o?l(e,o,n):void 0};r.exp({getMetadata:function(e,t){return l(e,o(t),arguments.length<3?void 0:u(arguments[2]))}})},function(e,t,n){var r=n(77),o=n(15),i=r.keys,a=r.key;r.exp({getOwnMetadataKeys:function(e){return i(o(e),arguments.length<2?void 0:a(arguments[1]))}})},function(e,t,n){var r=n(77),o=n(15),i=r.get,a=r.key;r.exp({getOwnMetadata:function(e,t){return i(e,o(t),arguments.length<3?void 0:a(arguments[2]))}})},function(e,t,n){var r=n(77),o=n(15),i=n(53),a=r.has,s=r.key,u=function(e,t,n){var r=a(e,t,n);if(r)return!0;var o=i(t);return null!==o&&u(e,o,n)};r.exp({hasMetadata:function(e,t){return u(e,o(t),arguments.length<3?void 0:s(arguments[2]))}})},function(e,t,n){var r=n(77),o=n(15),i=r.has,a=r.key;r.exp({hasOwnMetadata:function(e,t){return i(e,o(t),arguments.length<3?void 0:a(arguments[2]))}})},function(e,t,n){var r=n(77),o=n(15),i=n(40),a=r.key,s=r.set;r.exp({metadata:function(e,t){return function(n,r){s(e,t,(void 0!==r?o:i)(n),a(r))}}})},function(e,t,n){var r=n(5);r(r.P+r.R,"Set",{toJSON:n(452)("Set")})},function(e,t,n){"use strict";var r=n(5),o=n(285)(!0);r(r.P,"String",{at:function(e){return o(this,e)}})},function(e,t,n){"use strict";var r=n(5),o=n(60),i=n(30),a=n(185),s=n(183),u=RegExp.prototype,l=function(e,t){this._r=e,this._s=t};n(277)(l,"RegExp String",function(){var e=this._r.exec(this._s);return{value:e,done:null===e}}),r(r.P,"String",{matchAll:function(e){if(o(this),!a(e))throw TypeError(e+" is not a regexp!");var t=String(this),n="flags"in u?String(e.flags):s.call(e),r=new RegExp(e.source,~n.indexOf("g")?n:"g"+n);return r.lastIndex=i(e.lastIndex),new l(r,t)}})},function(e,t,n){"use strict";var r=n(5),o=n(468);r(r.P,"String",{padEnd:function(e){return o(this,e,arguments.length>1?arguments[1]:void 0,!1)}})},function(e,t,n){"use strict";var r=n(5),o=n(468);r(r.P,"String",{padStart:function(e){return o(this,e,arguments.length>1?arguments[1]:void 0,!0)}})},function(e,t,n){"use strict";n(127)("trimLeft",function(e){return function(){return e(this,1)}},"trimStart")},function(e,t,n){"use strict";n(127)("trimRight",function(e){return function(){return e(this,2)}},"trimEnd")},function(e,t,n){n(291)("asyncIterator")},function(e,t,n){n(291)("observable")},function(e,t,n){var r=n(5);r(r.S,"System",{global:n(17)})},function(e,t,n){for(var r=n(293),o=n(42),i=n(17),a=n(41),s=n(125),u=n(24),l=u("iterator"),c=u("toStringTag"),f=s.Array,p=["NodeList","DOMTokenList","MediaList","StyleSheetList","CSSRuleList"],d=0;d<5;d++){var h,v=p[d],m=i[v],y=m&&m.prototype;if(y){y[l]||a(y,l,f),y[c]||a(y,c,v),s[v]=f;for(h in r)y[h]||o(y,h,r[h],!0)}}},function(e,t,n){var r=n(5),o=n(289);r(r.G+r.B,{setImmediate:o.set,clearImmediate:o.clear})},function(e,t,n){var r=n(17),o=n(5),i=n(184),a=n(1550),s=r.navigator,u=!!s&&/MSIE .\./.test(s.userAgent),l=function(e){return u?function(t,n){return e(i(a,[].slice.call(arguments,2),"function"==typeof t?t:Function(t)),n)}:e};o(o.G+o.B+o.F*u,{setTimeout:l(r.setTimeout),setInterval:l(r.setInterval)})},function(e,t,n){n(1673),n(1612),n(1614),n(1613),n(1616),n(1618),n(1623),n(1617),n(1615),n(1625),n(1624),n(1620),n(1621),n(1619),n(1611),n(1622),n(1626),n(1627),n(1579),n(1581),n(1580),n(1629),n(1628),n(1599),n(1609),n(1610),n(1600),n(1601),n(1602),n(1603),n(1604),n(1605),n(1606),n(1607),n(1608),n(1582),n(1583),n(1584),n(1585),n(1586),n(1587),n(1588),n(1589),n(1590),n(1591),n(1592),n(1593),n(1594),n(1595),n(1596),n(1597),n(1598),n(1660),n(1665),n(1672),n(1663),n(1655),n(1656),n(1661),n(1666),n(1668),n(1651),n(1652),n(1653),n(1654),n(1657),n(1658),n(1659),n(1662),n(1664),n(1667),n(1669),n(1670),n(1671),n(1574),n(1576),n(1575),n(1578),n(1577),n(1563),n(1561),n(1567),n(1564),n(1570),n(1572),n(1560),n(1566),n(1557),n(1571),n(1555),n(1569),n(1568),n(1562),n(1565),n(1554),n(1556),n(1559),n(1558),n(1573),n(293),n(1645),n(1650),n(471),n(1646),n(1647),n(1648),n(1649),n(1630),n(470),n(472),n(473),n(1685),n(1674),n(1675),n(1680),n(1683),n(1684),n(1678),n(1681),n(1679),n(1682),n(1676),n(1677),n(1631),n(1632),n(1633),n(1634),n(1635),n(1638),n(1636),n(1637),n(1639),n(1640),n(1641),n(1642),n(1644),n(1643),n(1686),n(1712),n(1715),n(1714),n(1716),n(1717),n(1713),n(1718),n(1719),n(1697),n(1700),n(1696),n(1694),n(1695),n(1698),n(1699),n(1689),n(1711),n(1720),n(1688),n(1690),n(1692),n(1691),n(1693),n(1702),n(1703),n(1705),n(1704),n(1707),n(1706),n(1708),n(1709),n(1710),n(1687),n(1701),n(1723),n(1722),n(1721),e.exports=n(75)},function(e,t,n){!function(t,r){e.exports=r(n(1))}(this,function(e){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=t.CustomPicker=t.TwitterPicker=t.SwatchesPicker=t.SliderPicker=t.SketchPicker=t.PhotoshopPicker=t.MaterialPicker=t.HuePicker=t.GithubPicker=t.CompactPicker=t.ChromePicker=t.CirclePicker=t.BlockPicker=t.AlphaPicker=void 0;var o=n(2);Object.defineProperty(t,"AlphaPicker",{enumerable:!0,get:function(){return r(o)["default"]}});var i=n(196);Object.defineProperty(t,"BlockPicker",{enumerable:!0,get:function(){return r(i)["default"]}});var a=n(198);Object.defineProperty(t,"CirclePicker",{enumerable:!0,get:function(){return r(a)["default"]}});var s=n(201);Object.defineProperty(t,"ChromePicker",{enumerable:!0,get:function(){return r(s)["default"]}});var u=n(205);Object.defineProperty(t,"CompactPicker",{enumerable:!0,get:function(){return r(u)["default"]}});var l=n(214);Object.defineProperty(t,"GithubPicker",{enumerable:!0,get:function(){return r(l)["default"]}});var c=n(216);Object.defineProperty(t,"HuePicker",{enumerable:!0,get:function(){return r(c)["default"]}});var f=n(218);Object.defineProperty(t,"MaterialPicker",{enumerable:!0,get:function(){return r(f)["default"]}});var p=n(219);Object.defineProperty(t,"PhotoshopPicker",{enumerable:!0,get:function(){return r(p)["default"]}});var d=n(225);Object.defineProperty(t,"SketchPicker",{enumerable:!0,get:function(){return r(d)["default"]}});var h=n(228);Object.defineProperty(t,"SliderPicker",{enumerable:!0,get:function(){return r(h)["default"]}});var v=n(232);Object.defineProperty(t,"SwatchesPicker",{enumerable:!0,get:function(){return r(v)["default"]}});var m=n(235);Object.defineProperty(t,"TwitterPicker",{enumerable:!0,get:function(){return r(m)["default"]}});var y=n(188);Object.defineProperty(t,"CustomPicker",{enumerable:!0,get:function(){return r(y)["default"]}});var g=r(s);t["default"]=g["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.AlphaPicker=void 0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(3),a=r(i),s=n(4),u=r(s),l=n(172),c=n(195),f=r(c),p=t.AlphaPicker=function(e){var t=e.rgb,n=e.hsl,r=e.width,i=e.height,s=e.onChange,c=e.style,p=(0,u["default"])({"default":{picker:{position:"relative",width:r,height:i},alpha:{radius:"2px",style:c}}});return a["default"].createElement("div",{style:p.picker,className:"alpha-picker"},a["default"].createElement(l.Alpha,o({},p.alpha,{rgb:t,hsl:n,pointer:f["default"],onChange:s})))};p.defaultProps={width:"316px",height:"16px"},t["default"]=(0,l.ColorWrap)(p)},function(t,n){t.exports=e},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.ReactCSS=t.loop=t.hover=t.Component=void 0;var o=n(5),i=r(o),a=n(6),s=r(a),u=n(126),l=r(u),c=n(157),f=r(c),p=n(158),d=r(p),h=n(170),v=r(h),m=n(171),y=r(m);
-t.Component=d["default"],t.hover=v["default"],t.loop=y["default"];var g=t.ReactCSS=function(e){for(var t=arguments.length,n=Array(t>1?t-1:0),r=1;t>r;r++)n[r-1]=arguments[r];var o=(0,s["default"])(n),i=(0,l["default"])(e,o);return(0,f["default"])(i)};g.m=i["default"],t["default"]=g},function(e,t){"use strict";function n(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function r(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;var r=Object.getOwnPropertyNames(t).map(function(e){return t[e]});if("0123456789"!==r.join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach(function(e){o[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(i){return!1}}var o=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;e.exports=r()?Object.assign:function(e,t){for(var r,a,s=n(e),u=1;u<arguments.length;u++){r=Object(arguments[u]);for(var l in r)o.call(r,l)&&(s[l]=r[l]);if(Object.getOwnPropertySymbols){a=Object.getOwnPropertySymbols(r);for(var c=0;c<a.length;c++)i.call(r,a[c])&&(s[a[c]]=r[a[c]])}}return s}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.flattenNames=void 0;var o=n(7),i=r(o),a=n(123),s=r(a),u=n(125),l=r(u),c=t.flattenNames=function f(e){var t=[];return e.map(function(e){return Array.isArray(e)&&f(e).map(function(e){return t.push(e)}),(0,s["default"])(e)&&(0,i["default"])(e,function(e,n){e===!0&&t.push(n),t.push(n+"-"+e)}),(0,l["default"])(e)&&t.push(e),e}),t};t["default"]=c},function(e,t,n){function r(e,t){var n=s(e)?o:a;return n(e,i(t,3))}var o=n(8),i=n(9),a=n(117),s=n(75);e.exports=r},function(e,t){function n(e,t){for(var n=-1,r=null==e?0:e.length,o=Array(r);++n<r;)o[n]=t(e[n],n,e);return o}e.exports=n},function(e,t,n){function r(e){return"function"==typeof e?e:null==e?a:"object"==typeof e?s(e)?i(e[0],e[1]):o(e):u(e)}var o=n(10),i=n(98),a=n(113),s=n(75),u=n(114);e.exports=r},function(e,t,n){function r(e){var t=i(e);return 1==t.length&&t[0][2]?a(t[0][0],t[0][1]):function(n){return n===e||o(n,e,t)}}var o=n(11),i=n(95),a=n(97);e.exports=r},function(e,t,n){function r(e,t,n,r){var u=n.length,l=u,c=!r;if(null==e)return!l;for(e=Object(e);u--;){var f=n[u];if(c&&f[2]?f[1]!==e[f[0]]:!(f[0]in e))return!1}for(;++u<l;){f=n[u];var p=f[0],d=e[p],h=f[1];if(c&&f[2]){if(void 0===d&&!(p in e))return!1}else{var v=new o;if(r)var m=r(d,h,p,e,t,v);if(!(void 0===m?i(h,d,r,a|s,v):m))return!1}}return!0}var o=n(12),i=n(56),a=1,s=2;e.exports=r},function(e,t,n){function r(e){var t=this.__data__=new o(e);this.size=t.size}var o=n(13),i=n(21),a=n(22),s=n(23),u=n(24),l=n(25);r.prototype.clear=i,r.prototype["delete"]=a,r.prototype.get=s,r.prototype.has=u,r.prototype.set=l,e.exports=r},function(e,t,n){function r(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}var o=n(14),i=n(15),a=n(18),s=n(19),u=n(20);r.prototype.clear=o,r.prototype["delete"]=i,r.prototype.get=a,r.prototype.has=s,r.prototype.set=u,e.exports=r},function(e,t){function n(){this.__data__=[],this.size=0}e.exports=n},function(e,t,n){function r(e){var t=this.__data__,n=o(t,e);if(n<0)return!1;var r=t.length-1;return n==r?t.pop():a.call(t,n,1),--this.size,!0}var o=n(16),i=Array.prototype,a=i.splice;e.exports=r},function(e,t,n){function r(e,t){for(var n=e.length;n--;)if(o(e[n][0],t))return n;return-1}var o=n(17);e.exports=r},function(e,t){function n(e,t){return e===t||e!==e&&t!==t}e.exports=n},function(e,t,n){function r(e){var t=this.__data__,n=o(t,e);return n<0?void 0:t[n][1]}var o=n(16);e.exports=r},function(e,t,n){function r(e){return o(this.__data__,e)>-1}var o=n(16);e.exports=r},function(e,t,n){function r(e,t){var n=this.__data__,r=o(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this}var o=n(16);e.exports=r},function(e,t,n){function r(){this.__data__=new o,this.size=0}var o=n(13);e.exports=r},function(e,t){function n(e){var t=this.__data__,n=t["delete"](e);return this.size=t.size,n}e.exports=n},function(e,t){function n(e){return this.__data__.get(e)}e.exports=n},function(e,t){function n(e){return this.__data__.has(e)}e.exports=n},function(e,t,n){function r(e,t){var n=this.__data__;if(n instanceof o){var r=n.__data__;if(!i||r.length<s-1)return r.push([e,t]),this.size=++n.size,this;n=this.__data__=new a(r)}return n.set(e,t),this.size=n.size,this}var o=n(13),i=n(26),a=n(41),s=200;e.exports=r},function(e,t,n){var r=n(27),o=n(32),i=r(o,"Map");e.exports=i},function(e,t,n){function r(e,t){var n=i(e,t);return o(n)?n:void 0}var o=n(28),i=n(40);e.exports=r},function(e,t,n){function r(e){if(!a(e)||i(e))return!1;var t=o(e)?h:l;return t.test(s(e))}var o=n(29),i=n(37),a=n(36),s=n(39),u=/[\\^$.*+?()[\]{}|]/g,l=/^\[object .+?Constructor\]$/,c=Function.prototype,f=Object.prototype,p=c.toString,d=f.hasOwnProperty,h=RegExp("^"+p.call(d).replace(u,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");e.exports=r},function(e,t,n){function r(e){if(!i(e))return!1;var t=o(e);return t==s||t==u||t==a||t==l}var o=n(30),i=n(36),a="[object AsyncFunction]",s="[object Function]",u="[object GeneratorFunction]",l="[object Proxy]";e.exports=r},function(e,t,n){function r(e){return null==e?void 0===e?u:s:(e=Object(e),l&&l in e?i(e):a(e))}var o=n(31),i=n(34),a=n(35),s="[object Null]",u="[object Undefined]",l=o?o.toStringTag:void 0;e.exports=r},function(e,t,n){var r=n(32),o=r.Symbol;e.exports=o},function(e,t,n){var r=n(33),o="object"==typeof self&&self&&self.Object===Object&&self,i=r||o||Function("return this")();e.exports=i},function(e,t){(function(t){var n="object"==typeof t&&t&&t.Object===Object&&t;e.exports=n}).call(t,function(){return this}())},function(e,t,n){function r(e){var t=a.call(e,u),n=e[u];try{e[u]=void 0;var r=!0}catch(o){}var i=s.call(e);return r&&(t?e[u]=n:delete e[u]),i}var o=n(31),i=Object.prototype,a=i.hasOwnProperty,s=i.toString,u=o?o.toStringTag:void 0;e.exports=r},function(e,t){function n(e){return o.call(e)}var r=Object.prototype,o=r.toString;e.exports=n},function(e,t){function n(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}e.exports=n},function(e,t,n){function r(e){return!!i&&i in e}var o=n(38),i=function(){var e=/[^.]+$/.exec(o&&o.keys&&o.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();e.exports=r},function(e,t,n){var r=n(32),o=r["__core-js_shared__"];e.exports=o},function(e,t){function n(e){if(null!=e){try{return o.call(e)}catch(t){}try{return e+""}catch(t){}}return""}var r=Function.prototype,o=r.toString;e.exports=n},function(e,t){function n(e,t){return null==e?void 0:e[t]}e.exports=n},function(e,t,n){function r(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}var o=n(42),i=n(50),a=n(53),s=n(54),u=n(55);r.prototype.clear=o,r.prototype["delete"]=i,r.prototype.get=a,r.prototype.has=s,r.prototype.set=u,e.exports=r},function(e,t,n){function r(){this.size=0,this.__data__={hash:new o,map:new(a||i),string:new o}}var o=n(43),i=n(13),a=n(26);e.exports=r},function(e,t,n){function r(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}var o=n(44),i=n(46),a=n(47),s=n(48),u=n(49);r.prototype.clear=o,r.prototype["delete"]=i,r.prototype.get=a,r.prototype.has=s,r.prototype.set=u,e.exports=r},function(e,t,n){function r(){this.__data__=o?o(null):{},this.size=0}var o=n(45);e.exports=r},function(e,t,n){var r=n(27),o=r(Object,"create");e.exports=o},function(e,t){function n(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}e.exports=n},function(e,t,n){function r(e){var t=this.__data__;if(o){var n=t[e];return n===i?void 0:n}return s.call(t,e)?t[e]:void 0}var o=n(45),i="__lodash_hash_undefined__",a=Object.prototype,s=a.hasOwnProperty;e.exports=r},function(e,t,n){function r(e){var t=this.__data__;return o?void 0!==t[e]:a.call(t,e)}var o=n(45),i=Object.prototype,a=i.hasOwnProperty;e.exports=r},function(e,t,n){function r(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=o&&void 0===t?i:t,this}var o=n(45),i="__lodash_hash_undefined__";e.exports=r},function(e,t,n){function r(e){var t=o(this,e)["delete"](e);return this.size-=t?1:0,t}var o=n(51);e.exports=r},function(e,t,n){function r(e,t){var n=e.__data__;return o(t)?n["string"==typeof t?"string":"hash"]:n.map}var o=n(52);e.exports=r},function(e,t){function n(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e}e.exports=n},function(e,t,n){function r(e){return o(this,e).get(e)}var o=n(51);e.exports=r},function(e,t,n){function r(e){return o(this,e).has(e)}var o=n(51);e.exports=r},function(e,t,n){function r(e,t){var n=o(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this}var o=n(51);e.exports=r},function(e,t,n){function r(e,t,n,s,u){return e===t||(null==e||null==t||!i(e)&&!a(t)?e!==e&&t!==t:o(e,t,r,n,s,u))}var o=n(57),i=n(36),a=n(74);e.exports=r},function(e,t,n){function r(e,t,n,r,m,g){var b=l(e),_=l(t),w=h,x=h;b||(w=u(e),w=w==d?v:w),_||(x=u(t),x=x==d?v:x);var C=w==v,E=x==v,S=w==x;if(S&&c(e)){if(!c(t))return!1;b=!0,C=!1}if(S&&!C)return g||(g=new o),b||f(e)?i(e,t,n,r,m,g):a(e,t,w,n,r,m,g);if(!(m&p)){var P=C&&y.call(e,"__wrapped__"),O=E&&y.call(t,"__wrapped__");if(P||O){var T=P?e.value():e,k=O?t.value():t;return g||(g=new o),n(T,k,r,m,g)}}return!!S&&(g||(g=new o),s(e,t,n,r,m,g))}var o=n(12),i=n(58),a=n(64),s=n(68),u=n(90),l=n(75),c=n(76),f=n(80),p=2,d="[object Arguments]",h="[object Array]",v="[object Object]",m=Object.prototype,y=m.hasOwnProperty;e.exports=r},function(e,t,n){function r(e,t,n,r,l,c){var f=l&u,p=e.length,d=t.length;if(p!=d&&!(f&&d>p))return!1;var h=c.get(e);if(h&&c.get(t))return h==t;var v=-1,m=!0,y=l&s?new o:void 0;for(c.set(e,t),c.set(t,e);++v<p;){var g=e[v],b=t[v];if(r)var _=f?r(b,g,v,t,e,c):r(g,b,v,e,t,c);if(void 0!==_){if(_)continue;m=!1;break}if(y){if(!i(t,function(e,t){if(!a(y,t)&&(g===e||n(g,e,r,l,c)))return y.push(t)})){m=!1;break}}else if(g!==b&&!n(g,b,r,l,c)){m=!1;break}}return c["delete"](e),c["delete"](t),m}var o=n(59),i=n(62),a=n(63),s=1,u=2;e.exports=r},function(e,t,n){function r(e){var t=-1,n=null==e?0:e.length;for(this.__data__=new o;++t<n;)this.add(e[t])}var o=n(41),i=n(60),a=n(61);r.prototype.add=r.prototype.push=i,r.prototype.has=a,e.exports=r},function(e,t){function n(e){return this.__data__.set(e,r),this}var r="__lodash_hash_undefined__";e.exports=n},function(e,t){function n(e){return this.__data__.has(e)}e.exports=n},function(e,t){function n(e,t){for(var n=-1,r=null==e?0:e.length;++n<r;)if(t(e[n],n,e))return!0;return!1}e.exports=n},function(e,t){function n(e,t){return e.has(t)}e.exports=n},function(e,t,n){function r(e,t,n,r,o,C,S){switch(n){case x:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case w:return!(e.byteLength!=t.byteLength||!r(new i(e),new i(t)));case p:case d:case m:return a(+e,+t);case h:return e.name==t.name&&e.message==t.message;case y:case b:return e==t+"";case v:var P=u;case g:var O=C&f;if(P||(P=l),e.size!=t.size&&!O)return!1;var T=S.get(e);if(T)return T==t;C|=c,S.set(e,t);var k=s(P(e),P(t),r,o,C,S);return S["delete"](e),k;case _:if(E)return E.call(e)==E.call(t)}return!1}var o=n(31),i=n(65),a=n(17),s=n(58),u=n(66),l=n(67),c=1,f=2,p="[object Boolean]",d="[object Date]",h="[object Error]",v="[object Map]",m="[object Number]",y="[object RegExp]",g="[object Set]",b="[object String]",_="[object Symbol]",w="[object ArrayBuffer]",x="[object DataView]",C=o?o.prototype:void 0,E=C?C.valueOf:void 0;e.exports=r},function(e,t,n){var r=n(32),o=r.Uint8Array;e.exports=o},function(e,t){function n(e){var t=-1,n=Array(e.size);return e.forEach(function(e,r){n[++t]=[r,e]}),n}e.exports=n},function(e,t){function n(e){var t=-1,n=Array(e.size);return e.forEach(function(e){n[++t]=e}),n}e.exports=n},function(e,t,n){function r(e,t,n,r,a,u){var l=a&i,c=o(e),f=c.length,p=o(t),d=p.length;if(f!=d&&!l)return!1;for(var h=f;h--;){var v=c[h];if(!(l?v in t:s.call(t,v)))return!1}var m=u.get(e);if(m&&u.get(t))return m==t;var y=!0;u.set(e,t),u.set(t,e);for(var g=l;++h<f;){v=c[h];var b=e[v],_=t[v];if(r)var w=l?r(_,b,v,t,e,u):r(b,_,v,e,t,u);if(!(void 0===w?b===_||n(b,_,r,a,u):w)){y=!1;break}g||(g="constructor"==v)}if(y&&!g){var x=e.constructor,C=t.constructor;x!=C&&"constructor"in e&&"constructor"in t&&!("function"==typeof x&&x instanceof x&&"function"==typeof C&&C instanceof C)&&(y=!1)}return u["delete"](e),u["delete"](t),y}var o=n(69),i=2,a=Object.prototype,s=a.hasOwnProperty;e.exports=r},function(e,t,n){function r(e){return a(e)?o(e):i(e)}var o=n(70),i=n(85),a=n(89);e.exports=r},function(e,t,n){function r(e,t){var n=a(e),r=!n&&i(e),c=!n&&!r&&s(e),p=!n&&!r&&!c&&l(e),d=n||r||c||p,h=d?o(e.length,String):[],v=h.length;for(var m in e)!t&&!f.call(e,m)||d&&("length"==m||c&&("offset"==m||"parent"==m)||p&&("buffer"==m||"byteLength"==m||"byteOffset"==m)||u(m,v))||h.push(m);return h}var o=n(71),i=n(72),a=n(75),s=n(76),u=n(79),l=n(80),c=Object.prototype,f=c.hasOwnProperty;e.exports=r},function(e,t){function n(e,t){for(var n=-1,r=Array(e);++n<e;)r[n]=t(n);return r}e.exports=n},function(e,t,n){var r=n(73),o=n(74),i=Object.prototype,a=i.hasOwnProperty,s=i.propertyIsEnumerable,u=r(function(){return arguments}())?r:function(e){return o(e)&&a.call(e,"callee")&&!s.call(e,"callee")};e.exports=u},function(e,t,n){function r(e){return i(e)&&o(e)==a}var o=n(30),i=n(74),a="[object Arguments]";e.exports=r},function(e,t){function n(e){return null!=e&&"object"==typeof e}e.exports=n},function(e,t){var n=Array.isArray;e.exports=n},function(e,t,n){(function(e){var r=n(32),o=n(78),i="object"==typeof t&&t&&!t.nodeType&&t,a=i&&"object"==typeof e&&e&&!e.nodeType&&e,s=a&&a.exports===i,u=s?r.Buffer:void 0,l=u?u.isBuffer:void 0,c=l||o;e.exports=c}).call(t,n(77)(e))},function(e,t){e.exports=function(e){return e.webpackPolyfill||(e.deprecate=function(){},e.paths=[],e.children=[],e.webpackPolyfill=1),e}},function(e,t){function n(){return!1}e.exports=n},function(e,t){function n(e,t){return t=null==t?r:t,!!t&&("number"==typeof e||o.test(e))&&e>-1&&e%1==0&&e<t}var r=9007199254740991,o=/^(?:0|[1-9]\d*)$/;e.exports=n},function(e,t,n){var r=n(81),o=n(83),i=n(84),a=i&&i.isTypedArray,s=a?o(a):r;e.exports=s},function(e,t,n){function r(e){return a(e)&&i(e.length)&&!!N[o(e)]}var o=n(30),i=n(82),a=n(74),s="[object Arguments]",u="[object Array]",l="[object Boolean]",c="[object Date]",f="[object Error]",p="[object Function]",d="[object Map]",h="[object Number]",v="[object Object]",m="[object RegExp]",y="[object Set]",g="[object String]",b="[object WeakMap]",_="[object ArrayBuffer]",w="[object DataView]",x="[object Float32Array]",C="[object Float64Array]",E="[object Int8Array]",S="[object Int16Array]",P="[object Int32Array]",O="[object Uint8Array]",T="[object Uint8ClampedArray]",k="[object Uint16Array]",M="[object Uint32Array]",N={};N[x]=N[C]=N[E]=N[S]=N[P]=N[O]=N[T]=N[k]=N[M]=!0,N[s]=N[u]=N[_]=N[l]=N[w]=N[c]=N[f]=N[p]=N[d]=N[h]=N[v]=N[m]=N[y]=N[g]=N[b]=!1,e.exports=r},function(e,t){function n(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=r}var r=9007199254740991;e.exports=n},function(e,t){function n(e){return function(t){return e(t)}}e.exports=n},function(e,t,n){(function(e){var r=n(33),o="object"==typeof t&&t&&!t.nodeType&&t,i=o&&"object"==typeof e&&e&&!e.nodeType&&e,a=i&&i.exports===o,s=a&&r.process,u=function(){try{return s&&s.binding("util")}catch(e){}}();e.exports=u}).call(t,n(77)(e))},function(e,t,n){function r(e){if(!o(e))return i(e);var t=[];for(var n in Object(e))s.call(e,n)&&"constructor"!=n&&t.push(n);return t}var o=n(86),i=n(87),a=Object.prototype,s=a.hasOwnProperty;e.exports=r},function(e,t){function n(e){var t=e&&e.constructor,n="function"==typeof t&&t.prototype||r;return e===n}var r=Object.prototype;e.exports=n},function(e,t,n){var r=n(88),o=r(Object.keys,Object);e.exports=o},function(e,t){function n(e,t){return function(n){return e(t(n))}}e.exports=n},function(e,t,n){function r(e){return null!=e&&i(e.length)&&!o(e)}var o=n(29),i=n(82);e.exports=r},function(e,t,n){var r=n(91),o=n(26),i=n(92),a=n(93),s=n(94),u=n(30),l=n(39),c="[object Map]",f="[object Object]",p="[object Promise]",d="[object Set]",h="[object WeakMap]",v="[object DataView]",m=l(r),y=l(o),g=l(i),b=l(a),_=l(s),w=u;(r&&w(new r(new ArrayBuffer(1)))!=v||o&&w(new o)!=c||i&&w(i.resolve())!=p||a&&w(new a)!=d||s&&w(new s)!=h)&&(w=function(e){var t=u(e),n=t==f?e.constructor:void 0,r=n?l(n):"";if(r)switch(r){case m:return v;case y:return c;case g:return p;case b:return d;case _:return h}return t}),e.exports=w},function(e,t,n){var r=n(27),o=n(32),i=r(o,"DataView");e.exports=i},function(e,t,n){var r=n(27),o=n(32),i=r(o,"Promise");e.exports=i},function(e,t,n){var r=n(27),o=n(32),i=r(o,"Set");e.exports=i},function(e,t,n){var r=n(27),o=n(32),i=r(o,"WeakMap");e.exports=i},function(e,t,n){function r(e){for(var t=i(e),n=t.length;n--;){var r=t[n],a=e[r];t[n]=[r,a,o(a)]}return t}var o=n(96),i=n(69);e.exports=r},function(e,t,n){function r(e){return e===e&&!o(e)}var o=n(36);e.exports=r},function(e,t){function n(e,t){return function(n){return null!=n&&(n[e]===t&&(void 0!==t||e in Object(n)))}}e.exports=n},function(e,t,n){function r(e,t){return s(e)&&u(t)?l(c(e),t):function(n){var r=i(n,e);return void 0===r&&r===t?a(n,e):o(t,r,void 0,f|p)}}var o=n(56),i=n(99),a=n(110),s=n(108),u=n(96),l=n(97),c=n(109),f=1,p=2;e.exports=r},function(e,t,n){function r(e,t,n){var r=null==e?void 0:o(e,t);return void 0===r?n:r}var o=n(100);e.exports=r},function(e,t,n){function r(e,t){t=i(t,e)?[t]:o(t);for(var n=0,r=t.length;null!=e&&n<r;)e=e[a(t[n++])];return n&&n==r?e:void 0}var o=n(101),i=n(108),a=n(109);e.exports=r},function(e,t,n){function r(e){return o(e)?e:i(e)}var o=n(75),i=n(102);e.exports=r},function(e,t,n){var r=n(103),o=n(105),i=/^\./,a=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,s=/\\(\\)?/g,u=r(function(e){e=o(e);var t=[];return i.test(e)&&t.push(""),e.replace(a,function(e,n,r,o){t.push(r?o.replace(s,"$1"):n||e)}),t});e.exports=u},function(e,t,n){function r(e){var t=o(e,function(e){return n.size===i&&n.clear(),e}),n=t.cache;return t}var o=n(104),i=500;e.exports=r},function(e,t,n){function r(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError(i);var n=function(){var r=arguments,o=t?t.apply(this,r):r[0],i=n.cache;if(i.has(o))return i.get(o);var a=e.apply(this,r);return n.cache=i.set(o,a)||i,a};return n.cache=new(r.Cache||o),n}var o=n(41),i="Expected a function";r.Cache=o,e.exports=r},function(e,t,n){function r(e){return null==e?"":o(e)}var o=n(106);e.exports=r},function(e,t,n){function r(e){if("string"==typeof e)return e;if(a(e))return i(e,r)+"";if(s(e))return c?c.call(e):"";var t=e+"";return"0"==t&&1/e==-u?"-0":t}var o=n(31),i=n(8),a=n(75),s=n(107),u=1/0,l=o?o.prototype:void 0,c=l?l.toString:void 0;e.exports=r},function(e,t,n){function r(e){return"symbol"==typeof e||i(e)&&o(e)==a}var o=n(30),i=n(74),a="[object Symbol]";e.exports=r},function(e,t,n){function r(e,t){if(o(e))return!1;var n=typeof e;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=e&&!i(e))||(s.test(e)||!a.test(e)||null!=t&&e in Object(t))}var o=n(75),i=n(107),a=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,s=/^\w*$/;e.exports=r},function(e,t,n){function r(e){if("string"==typeof e||o(e))return e;var t=e+"";return"0"==t&&1/e==-i?"-0":t}var o=n(107),i=1/0;e.exports=r},function(e,t,n){function r(e,t){return null!=e&&i(e,t,o)}var o=n(111),i=n(112);e.exports=r},function(e,t){function n(e,t){return null!=e&&t in Object(e)}e.exports=n},function(e,t,n){function r(e,t,n){t=u(t,e)?[t]:o(t);for(var r=-1,f=t.length,p=!1;++r<f;){var d=c(t[r]);if(!(p=null!=e&&n(e,d)))break;e=e[d]}return p||++r!=f?p:(f=null==e?0:e.length,!!f&&l(f)&&s(d,f)&&(a(e)||i(e)))}var o=n(101),i=n(72),a=n(75),s=n(79),u=n(108),l=n(82),c=n(109);e.exports=r},function(e,t){function n(e){return e}e.exports=n},function(e,t,n){function r(e){return a(e)?o(s(e)):i(e)}var o=n(115),i=n(116),a=n(108),s=n(109);e.exports=r},function(e,t){function n(e){return function(t){return null==t?void 0:t[e]}}e.exports=n},function(e,t,n){function r(e){return function(t){return o(t,e)}}var o=n(100);e.exports=r},function(e,t,n){function r(e,t){var n=-1,r=i(e)?Array(e.length):[];return o(e,function(e,o,i){r[++n]=t(e,o,i)}),r}var o=n(118),i=n(89);e.exports=r},function(e,t,n){var r=n(119),o=n(122),i=o(r);e.exports=i},function(e,t,n){function r(e,t){return e&&o(e,t,i)}var o=n(120),i=n(69);e.exports=r},function(e,t,n){var r=n(121),o=r();e.exports=o},function(e,t){function n(e){return function(t,n,r){for(var o=-1,i=Object(t),a=r(t),s=a.length;s--;){var u=a[e?s:++o];if(n(i[u],u,i)===!1)break}return t}}e.exports=n},function(e,t,n){function r(e,t){return function(n,r){if(null==n)return n;if(!o(n))return e(n,r);for(var i=n.length,a=t?i:-1,s=Object(n);(t?a--:++a<i)&&r(s[a],a,s)!==!1;);return n}}var o=n(89);e.exports=r},function(e,t,n){function r(e){if(!a(e)||o(e)!=s)return!1;var t=i(e);if(null===t)return!0;var n=f.call(t,"constructor")&&t.constructor;return"function"==typeof n&&n instanceof n&&c.call(n)==p}var o=n(30),i=n(124),a=n(74),s="[object Object]",u=Function.prototype,l=Object.prototype,c=u.toString,f=l.hasOwnProperty,p=c.call(Object);e.exports=r},function(e,t,n){var r=n(88),o=r(Object.getPrototypeOf,Object);e.exports=o},function(e,t,n){function r(e){return"string"==typeof e||!i(e)&&a(e)&&o(e)==s}var o=n(30),i=n(75),a=n(74),s="[object String]";e.exports=r},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.mergeClasses=void 0;var o=n(7),i=r(o),a=n(127),s=r(a),u=n(5),l=r(u),c=t.mergeClasses=function(e){var t=arguments.length<=1||void 0===arguments[1]?[]:arguments[1],n=e["default"]&&(0,s["default"])(e["default"])||{};return t.map(function(t){var r=e[t];return r&&(0,i["default"])(r,function(e,t){n[t]||(n[t]={}),(0,l["default"])(n[t],r[t])}),t}),n};t["default"]=c},function(e,t,n){function r(e){return o(e,!0,!0)}var o=n(128);e.exports=r},function(e,t,n){function r(e,t,n,w,x,C,E){var O;if(w&&(O=C?w(e,x,C,E):w(e)),void 0!==O)return O;if(!g(e))return e;var T=m(e);if(T){if(O=d(e),!t)return l(e,O)}else{var M=p(e),N=M==S||M==P;if(y(e))return u(e,t);if(M==k||M==_||N&&!C){if(O=v(N?{}:e),!t)return c(e,s(O,e))}else{if(!q[M])return C?e:{};O=h(e,M,r,t)}}E||(E=new o);var A=E.get(e);if(A)return A;E.set(e,O);var D=T?void 0:(n?f:b)(e);return i(D||e,function(o,i){D&&(i=o,o=e[i]),a(O,i,r(o,t,n,w,i,e,E))}),O}var o=n(12),i=n(129),a=n(130),s=n(133),u=n(135),l=n(136),c=n(137),f=n(140),p=n(90),d=n(143),h=n(144),v=n(155),m=n(75),y=n(76),g=n(36),b=n(69),_="[object Arguments]",w="[object Array]",x="[object Boolean]",C="[object Date]",E="[object Error]",S="[object Function]",P="[object GeneratorFunction]",O="[object Map]",T="[object Number]",k="[object Object]",M="[object RegExp]",N="[object Set]",A="[object String]",D="[object Symbol]",j="[object WeakMap]",R="[object ArrayBuffer]",I="[object DataView]",L="[object Float32Array]",F="[object Float64Array]",U="[object Int8Array]",V="[object Int16Array]",B="[object Int32Array]",z="[object Uint8Array]",H="[object Uint8ClampedArray]",K="[object Uint16Array]",W="[object Uint32Array]",q={};q[_]=q[w]=q[R]=q[I]=q[x]=q[C]=q[L]=q[F]=q[U]=q[V]=q[B]=q[O]=q[T]=q[k]=q[M]=q[N]=q[A]=q[D]=q[z]=q[H]=q[K]=q[W]=!0,q[E]=q[S]=q[j]=!1,e.exports=r},function(e,t){function n(e,t){for(var n=-1,r=null==e?0:e.length;++n<r&&t(e[n],n,e)!==!1;);return e}e.exports=n},function(e,t,n){function r(e,t,n){var r=e[t];s.call(e,t)&&i(r,n)&&(void 0!==n||t in e)||o(e,t,n)}var o=n(131),i=n(17),a=Object.prototype,s=a.hasOwnProperty;e.exports=r},function(e,t,n){function r(e,t,n){"__proto__"==t&&o?o(e,t,{configurable:!0,enumerable:!0,value:n,writable:!0}):e[t]=n}var o=n(132);e.exports=r},function(e,t,n){var r=n(27),o=function(){try{var e=r(Object,"defineProperty");return e({},"",{}),e}catch(t){}}();e.exports=o},function(e,t,n){function r(e,t){return e&&o(t,i(t),e)}var o=n(134),i=n(69);e.exports=r},function(e,t,n){function r(e,t,n,r){var a=!n;n||(n={});for(var s=-1,u=t.length;++s<u;){var l=t[s],c=r?r(n[l],e[l],l,n,e):void 0;void 0===c&&(c=e[l]),a?i(n,l,c):o(n,l,c)}return n}var o=n(130),i=n(131);e.exports=r},function(e,t,n){(function(e){function r(e,t){if(t)return e.slice();var n=e.length,r=l?l(n):new e.constructor(n);return e.copy(r),r}var o=n(32),i="object"==typeof t&&t&&!t.nodeType&&t,a=i&&"object"==typeof e&&e&&!e.nodeType&&e,s=a&&a.exports===i,u=s?o.Buffer:void 0,l=u?u.allocUnsafe:void 0;e.exports=r}).call(t,n(77)(e))},function(e,t){function n(e,t){var n=-1,r=e.length;for(t||(t=Array(r));++n<r;)t[n]=e[n];return t}e.exports=n},function(e,t,n){function r(e,t){return o(e,i(e),t)}var o=n(134),i=n(138);e.exports=r},function(e,t,n){var r=n(88),o=n(139),i=Object.getOwnPropertySymbols,a=i?r(i,Object):o;e.exports=a},function(e,t){function n(){return[]}e.exports=n},function(e,t,n){function r(e){return o(e,a,i)}var o=n(141),i=n(138),a=n(69);e.exports=r},function(e,t,n){function r(e,t,n){var r=t(e);return i(e)?r:o(r,n(e))}var o=n(142),i=n(75);e.exports=r},function(e,t){function n(e,t){for(var n=-1,r=t.length,o=e.length;++n<r;)e[o+n]=t[n];return e}e.exports=n},function(e,t){function n(e){var t=e.length,n=e.constructor(t);return t&&"string"==typeof e[0]&&o.call(e,"index")&&(n.index=e.index,n.input=e.input),n}var r=Object.prototype,o=r.hasOwnProperty;e.exports=n},function(e,t,n){function r(e,t,n,r){var M=e.constructor;switch(t){case b:return o(e);case f:case p:return new M((+e));case _:return i(e,r);case w:case x:case C:case E:case S:case P:case O:case T:case k:return c(e,r);case d:return a(e,r,n);case h:case y:return new M(e);case v:return s(e);case m:return u(e,r,n);case g:return l(e)}}var o=n(145),i=n(146),a=n(147),s=n(150),u=n(151),l=n(153),c=n(154),f="[object Boolean]",p="[object Date]",d="[object Map]",h="[object Number]",v="[object RegExp]",m="[object Set]",y="[object String]",g="[object Symbol]",b="[object ArrayBuffer]",_="[object DataView]",w="[object Float32Array]",x="[object Float64Array]",C="[object Int8Array]",E="[object Int16Array]",S="[object Int32Array]",P="[object Uint8Array]",O="[object Uint8ClampedArray]",T="[object Uint16Array]",k="[object Uint32Array]";e.exports=r},function(e,t,n){function r(e){var t=new e.constructor(e.byteLength);return new o(t).set(new o(e)),t}var o=n(65);e.exports=r},function(e,t,n){function r(e,t){var n=t?o(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.byteLength)}var o=n(145);e.exports=r},function(e,t,n){function r(e,t,n){var r=t?n(a(e),!0):a(e);return i(r,o,new e.constructor)}var o=n(148),i=n(149),a=n(66);e.exports=r},function(e,t){function n(e,t){return e.set(t[0],t[1]),e}e.exports=n},function(e,t){function n(e,t,n,r){var o=-1,i=null==e?0:e.length;for(r&&i&&(n=e[++o]);++o<i;)n=t(n,e[o],o,e);return n}e.exports=n},function(e,t){function n(e){var t=new e.constructor(e.source,r.exec(e));return t.lastIndex=e.lastIndex,t}var r=/\w*$/;e.exports=n},function(e,t,n){function r(e,t,n){var r=t?n(a(e),!0):a(e);return i(r,o,new e.constructor)}var o=n(152),i=n(149),a=n(67);e.exports=r},function(e,t){function n(e,t){return e.add(t),e}e.exports=n},function(e,t,n){function r(e){return a?Object(a.call(e)):{}}var o=n(31),i=o?o.prototype:void 0,a=i?i.valueOf:void 0;e.exports=r},function(e,t,n){function r(e,t){var n=t?o(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.length)}var o=n(145);e.exports=r},function(e,t,n){function r(e){return"function"!=typeof e.constructor||a(e)?{}:o(i(e))}var o=n(156),i=n(124),a=n(86);e.exports=r},function(e,t,n){var r=n(36),o=Object.create,i=function(){function e(){}return function(t){if(!r(t))return{};if(o)return o(t);e.prototype=t;var n=new e;return e.prototype=void 0,n}}();e.exports=i},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.autoprefix=void 0;var o=n(7),i=r(o),a=n(5),s=r(a),u={borderRadius:function(e){return{msBorderRadius:e,MozBorderRadius:e,OBorderRadius:e,WebkitBorderRadius:e,borderRadius:e}},boxShadow:function(e){return{msBoxShadow:e,MozBoxShadow:e,OBoxShadow:e,WebkitBoxShadow:e,boxShadow:e}},userSelect:function(e){return{WebkitTouchCallout:e,KhtmlUserSelect:e,MozUserSelect:e,msUserSelect:e,WebkitUserSelect:e,userSelect:e}},flex:function(e){return{WebkitBoxFlex:e,MozBoxFlex:e,WebkitFlex:e,msFlex:e,flex:e}},flexBasis:function(e){return{WebkitFlexBasis:e,flexBasis:e}},justifyContent:function(e){return{WebkitJustifyContent:e,justifyContent:e}},transition:function(e){return{msTransition:e,MozTransition:e,OTransition:e,WebkitTransition:e,transition:e}},transform:function(e){return{msTransform:e,MozTransform:e,OTransform:e,WebkitTransform:e,transform:e}},absolute:function(e){var t=e&&e.split(" ");return{position:"absolute",top:t&&t[0],right:t&&t[1],bottom:t&&t[2],left:t&&t[3]}},extend:function(e,t){var n=t[e];return n?n:{extend:e}}},l=t.autoprefix=function(e){var t={};return(0,i["default"])(e,function(e,n){var r={};(0,i["default"])(e,function(e,t){var n=u[t];n?(0,s["default"])(r,n(e)):r[t]=e}),t[n]=r}),t};t["default"]=l},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.ReactCSSComponent=void 0;var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),u=n(3),l=r(u),c=n(159),f=r(c),p=n(165),d=r(p),h=(0,d["default"])(function(){return console.warn("Extending ReactCSS.Component\n  is deprecated in ReactCSS 1.0.0")}),v=t.ReactCSSComponent=function(e){function t(){return o(this,t),i(this,Object.getPrototypeOf(t).apply(this,arguments))}return a(t,e),s(t,[{key:"css",value:function(e){return h(),f["default"].call(this,e)}},{key:"styles",value:function(){return this.css()}}]),t}(l["default"].Component);v.contextTypes={mixins:l["default"].PropTypes.object},t["default"]=v},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}var o=n(36),i=r(o),a=n(160),s=r(a),u=n(161),l=r(u);e.exports=function(e){var t=this,n=[];if(!this.classes)throw console.warn("Define this.classes on `"+this.constructor.name+"`");(0,s["default"])(this.classes());var r=function(e,r){t.classes()[e]?n.push(t.classes()[e]):e&&r&&r.warn===!0&&console.warn("The `"+e+"` css class does not exist on `"+t.constructor.name+"`")};r("default");for(var o in this.props){var a=this.props[o];(0,i["default"])(a)||(a===!0?(r(o),r(o+"-true")):r(a?o+"-"+a:o+"-false"))}if(this.props&&this.props.activeBounds)for(var u=0;u<this.props.activeBounds.length;u++){var c=this.props.activeBounds[u];r(c)}for(var f in e){var p=e[f];p===!0&&r(f,{warn:!0})}var d={};return this.context&&this.context.mixins&&(d=this.context.mixins),(0,l["default"])(n,d)}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.checkClassStructure=void 0;var o=n(7),i=r(o),a=n(36),s=r(a),u=t.checkClassStructure=function(e){(0,i["default"])(e,function(t,n){e.hasOwnProperty(n)&&((0,s["default"])(t)?(0,i["default"])(t,function(e,r){t.hasOwnProperty(r)&&((0,s["default"])(e)||console.warn("Make sure the value of the element `"+n+"`\n                is an object of css. You passed it `"+t+"`"));
-}):console.warn("Make sure the value of `"+n+"` is an object of\n          html elements. You passed it `"+t+"`"))})};t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.combine=void 0;var o=n(162),i=r(o),a=n(164),s=r(a),u=t.combine=function(e,t){var n=(0,i["default"])(e);return(0,s["default"])(n,t)};t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(163),i=r(o),a=n(36),s=r(a),u=function(e){return(0,s["default"])(e)&&!Array.isArray(e)?e:1===e.length?e[0]:i["default"].recursive.apply(void 0,e)};t["default"]=u},function(e,t,n){(function(e){!function(t){function n(e,t){if("object"!==o(e))return t;for(var r in t)"object"===o(e[r])&&"object"===o(t[r])?e[r]=n(e[r],t[r]):e[r]=t[r];return e}function r(e,t,r){var a=r[0],s=r.length;(e||"object"!==o(a))&&(a={});for(var u=0;u<s;++u){var l=r[u],c=o(l);if("object"===c)for(var f in l){var p=e?i.clone(l[f]):l[f];t?a[f]=n(a[f],p):a[f]=p}}return a}function o(e){return{}.toString.call(e).slice(8,-1).toLowerCase()}var i=function(e){return r(e===!0,!1,arguments)},a="merge";i.recursive=function(e){return r(e===!0,!0,arguments)},i.clone=function(e){var t,n,r=e,a=o(e);if("array"===a)for(r=[],n=e.length,t=0;t<n;++t)r[t]=i.clone(e[t]);else if("object"===a){r={};for(t in e)r[t]=i.clone(e[t])}return r},t?e.exports=i:window[a]=i}("object"==typeof e&&e&&"object"==typeof e.exports&&e.exports)}).call(t,n(77)(e))},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}var o=n(36),i=r(o),a=n(163),s=r(a),u={borderRadius:function(e){return null!==e?{msBorderRadius:e,MozBorderRadius:e,OBorderRadius:e,WebkitBorderRadius:e,borderRadius:e}:void 0},boxShadow:function(e){return null!==e?{msBoxShadow:e,MozBoxShadow:e,OBoxShadow:e,WebkitBoxShadow:e,boxShadow:e}:void 0},userSelect:function(e){return null!==e?{WebkitTouchCallout:e,KhtmlUserSelect:e,MozUserSelect:e,msUserSelect:e,WebkitUserSelect:e,userSelect:e}:void 0},flex:function(e){return null!==e?{WebkitBoxFlex:e,MozBoxFlex:e,WebkitFlex:e,msFlex:e,flex:e}:void 0},flexBasis:function(e){return null!==e?{WebkitFlexBasis:e,flexBasis:e}:void 0},justifyContent:function(e){return null!==e?{WebkitJustifyContent:e,justifyContent:e}:void 0},transition:function(e){return null!==e?{msTransition:e,MozTransition:e,OTransition:e,WebkitTransition:e,transition:e}:void 0},transform:function(e){return null!==e?{msTransform:e,MozTransform:e,OTransform:e,WebkitTransform:e,transform:e}:void 0},Absolute:function(e){if(null!==e){var t=e.split(" ");return{position:"absolute",top:t[0],right:t[1],bottom:t[2],left:t[3]}}},Extend:function(e,t){var n=t[e];return n?n:void 0}},l=function c(e,t,n){var r=(0,s["default"])(t,u),o={};for(var a in e){var l=e[a];if((0,i["default"])(l)&&!Array.isArray(l))o[a]=c(l,t,e);else if(r[a]){var f=r[a](l,n);for(var p in f){var d=f[p];o[p]=d}}else o[a]=l}return o};e.exports=function(e,t,n){return l(e,t,n)}},function(e,t,n){function r(e){return o(2,e)}var o=n(166);e.exports=r},function(e,t,n){function r(e,t){var n;if("function"!=typeof t)throw new TypeError(i);return e=o(e),function(){return--e>0&&(n=t.apply(this,arguments)),e<=1&&(t=void 0),n}}var o=n(167),i="Expected a function";e.exports=r},function(e,t,n){function r(e){var t=o(e),n=t%1;return t===t?n?t-n:t:0}var o=n(168);e.exports=r},function(e,t,n){function r(e){if(!e)return 0===e?e:0;if(e=o(e),e===i||e===-i){var t=e<0?-1:1;return t*a}return e===e?e:0}var o=n(169),i=1/0,a=1.7976931348623157e308;e.exports=r},function(e,t,n){function r(e){if("number"==typeof e)return e;if(i(e))return a;if(o(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=o(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(s,"");var n=l.test(e);return n||c.test(e)?f(e.slice(2),n?2:8):u.test(e)?a:+e}var o=n(36),i=n(107),a=NaN,s=/^\s+|\s+$/g,u=/^[-+]0x[0-9a-f]+$/i,l=/^0b[01]+$/i,c=/^0o[0-7]+$/i,f=parseInt;e.exports=r},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.hover=void 0;var s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),l=n(3),c=r(l),f=t.hover=function(e){return function(t){function n(){o(this,n);var e=i(this,Object.getPrototypeOf(n).call(this));return e.handleMouseOver=function(){e.setState({hover:!0})},e.handleMouseOut=function(){e.setState({hover:!1})},e.state={hover:!1},e}return a(n,t),u(n,[{key:"render",value:function(){return c["default"].createElement("div",{onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut},c["default"].createElement(e,s({},this.props,this.state)))}}]),n}(c["default"].Component)};t["default"]=f},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e,t){var n={},r=function(e){var t=arguments.length<=1||void 0===arguments[1]||arguments[1];n[e]=t};return 0===e&&r("first-child"),e===t-1&&r("last-child"),(0===e||e%2===0)&&r("even"),1===Math.abs(e%2)&&r("odd"),r("nth-child",e),n};t["default"]=n},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(173);Object.defineProperty(t,"Alpha",{enumerable:!0,get:function(){return r(o)["default"]}});var i=n(178);Object.defineProperty(t,"Checkboard",{enumerable:!0,get:function(){return r(i)["default"]}});var a=n(180);Object.defineProperty(t,"EditableInput",{enumerable:!0,get:function(){return r(a)["default"]}});var s=n(181);Object.defineProperty(t,"Hue",{enumerable:!0,get:function(){return r(s)["default"]}});var u=n(183);Object.defineProperty(t,"Saturation",{enumerable:!0,get:function(){return r(u)["default"]}});var l=n(188);Object.defineProperty(t,"ColorWrap",{enumerable:!0,get:function(){return r(l)["default"]}});var c=n(194);Object.defineProperty(t,"Swatch",{enumerable:!0,get:function(){return r(c)["default"]}})},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.Alpha=void 0;var u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),c=n(3),f=o(c),p=n(4),d=o(p),h=n(174),v=o(h),m=n(177),y=r(m),g=n(178),b=o(g),_=t.Alpha=function(e){function t(){for(var e,n,r,o,s=arguments.length,u=Array(s),l=0;l<s;l++)u[l]=arguments[l];return i(this,t),n=r=a(this,(e=Object.getPrototypeOf(t)).call.apply(e,[this].concat(u))),r.shouldComponentUpdate=v["default"].bind(r,r,arguments[0],arguments[1]),r.handleChange=function(e,t){var n=y.calculateChange(e,t,r.props,r.refs.container);n&&r.props.onChange(n)},r.handleMouseDown=function(e){r.handleChange(e,!0),window.addEventListener("mousemove",r.handleChange),window.addEventListener("mouseup",r.handleMouseUp)},r.handleMouseUp=function(){r.unbindEventListeners()},r.unbindEventListeners=function(){window.removeEventListener("mousemove",r.handleChange),window.removeEventListener("mouseup",r.handleMouseUp)},o=n,a(r,o)}return s(t,e),l(t,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"render",value:function(){var e=this.props.rgb,t=(0,d["default"])({"default":{alpha:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},checkboard:{absolute:"0px 0px 0px 0px",overflow:"hidden"},gradient:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, rgba("+e.r+","+e.g+","+e.b+", 0) 0%,\n           rgba("+e.r+","+e.g+","+e.b+", 1) 100%)",boxShadow:this.props.shadow,borderRadius:this.props.radius},container:{position:"relative",height:"100%",margin:"0 3px"},pointer:{position:"absolute",left:100*e.a+"%"},slider:{width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",marginTop:"1px",transform:"translateX(-2px)"}},overwrite:u({},this.props.style)},"overwrite");return f["default"].createElement("div",{style:t.alpha},f["default"].createElement("div",{style:t.checkboard},f["default"].createElement(b["default"],null)),f["default"].createElement("div",{style:t.gradient}),f["default"].createElement("div",{style:t.container,ref:"container",onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},f["default"].createElement("div",{style:t.pointer},this.props.pointer?f["default"].createElement(this.props.pointer,this.props):f["default"].createElement("div",{style:t.slider}))))}}]),t}(f["default"].Component);t["default"]=_},function(e,t,n){e.exports=n(175)},function(e,t,n){"use strict";function r(e,t,n){return!o(e.props,t)||!o(e.state,n)}var o=n(176);e.exports=r},function(e,t){"use strict";function n(e,t){return e===t?0!==e||0!==t||1/e===1/t:e!==e&&t!==t}function r(e,t){if(n(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var r=Object.keys(e),i=Object.keys(t);if(r.length!==i.length)return!1;for(var a=0;a<r.length;a++)if(!o.call(t,r[a])||!n(e[r[a]],t[r[a]]))return!1;return!0}var o=Object.prototype.hasOwnProperty;e.exports=r},function(e,t){"use strict";function n(e,t,n,r){!t&&e.preventDefault();var o=r.clientWidth,i="number"==typeof e.pageX?e.pageX:e.touches[0].pageX,a=!1,s=i-(r.getBoundingClientRect().left+(a?0:window.pageXOffset)),u=void 0;return u=s<0?0:s>o?1:Math.round(100*s/o)/100,n.a!==u?{h:n.hsl.h,s:n.hsl.s,l:n.hsl.l,a:u,source:"rgb"}:null}Object.defineProperty(t,"__esModule",{value:!0}),t.calculateChange=n},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Checkboard=void 0;var i=n(3),a=o(i),s=n(4),u=o(s),l=n(179),c=r(l),f=t.Checkboard=function(e){var t=e.white,n=e.grey,r=e.size,o=(0,u["default"])({"default":{grid:{absolute:"0px 0px 0px 0px",background:"url("+c.get(t,n,r)+") center left"}}});return a["default"].createElement("div",{style:o.grid})};f.defaultProps={size:8,white:"transparent",grey:"rgba(0,0,0,.08)"},t["default"]=f},function(e,t){"use strict";function n(e,t,n){if("undefined"==typeof document)return null;var r=document.createElement("canvas");r.width=r.height=2*n;var o=r.getContext("2d");return o?(o.fillStyle=e,o.fillRect(0,0,r.width,r.height),o.fillStyle=t,o.fillRect(0,0,n,n),o.translate(n,n),o.fillRect(0,0,n,n),r.toDataURL()):null}function r(e,t,r){var i=e+","+t+", "+r,a=n(e,t,r);return o[i]?o[i]:(o[i]=a,a)}Object.defineProperty(t,"__esModule",{value:!0}),t.render=n,t.get=r;var o={}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.EditableInput=void 0;var u=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),l=n(3),c=r(l),f=n(4),p=r(f),d=n(174),h=r(d),v=t.EditableInput=function(e){function t(e){i(this,t);var n=a(this,Object.getPrototypeOf(t).call(this));return n.shouldComponentUpdate=h["default"].bind(n,n,arguments[0],arguments[1]),n.handleBlur=function(){n.state.blurValue&&n.setState({value:n.state.blurValue,blurValue:null})},n.handleChange=function(e){n.props.label?n.props.onChange(o({},n.props.label,e.target.value)):n.props.onChange(e.target.value),n.setState({value:e.target.value})},n.handleKeyDown=function(e){var t=Number(e.target.value);if(t){var r=n.props.arrowOffset||1;38===e.keyCode&&(null!==n.props.label?n.props.onChange(o({},n.props.label,t+r)):n.props.onChange(t+r),n.setState({value:t+r})),40===e.keyCode&&(null!==n.props.label?n.props.onChange(o({},n.props.label,t-r)):n.props.onChange(t-r),n.setState({value:t-r}))}},n.handleDrag=function(e){if(n.props.dragLabel){var t=Math.round(n.props.value+e.movementX);t>=0&&t<=n.props.dragMax&&n.props.onChange(o({},n.props.label,t))}},n.handleMouseDown=function(e){n.props.dragLabel&&(e.preventDefault(),n.handleDrag(e),window.addEventListener("mousemove",n.handleDrag),window.addEventListener("mouseup",n.handleMouseUp))},n.handleMouseUp=function(){n.unbindEventListeners()},n.unbindEventListeners=function(){window.removeEventListener("mousemove",n.handleDrag),window.removeEventListener("mouseup",n.handleMouseUp)},n.state={value:String(e.value).toUpperCase(),blurValue:String(e.value).toUpperCase()},n}return s(t,e),u(t,[{key:"componentWillReceiveProps",value:function(e){var t=this.refs.input;e.value!==this.state.value&&(t===document.activeElement?this.setState({blurValue:String(e.value).toUpperCase()}):this.setState({value:String(e.value).toUpperCase()}))}},{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"render",value:function(){var e=(0,p["default"])({"default":{wrap:{position:"relative"}},"user-override":{wrap:this.props.style&&this.props.style.wrap?this.props.style.wrap:{},input:this.props.style&&this.props.style.input?this.props.style.input:{},label:this.props.style&&this.props.style.label?this.props.style.label:{}},"dragLabel-true":{label:{cursor:"ew-resize"}}},{"user-override":!0},this.props);return c["default"].createElement("div",{style:e.wrap},c["default"].createElement("input",{style:e.input,ref:"input",value:this.state.value,onKeyDown:this.handleKeyDown,onChange:this.handleChange,onBlur:this.handleBlur,placeholder:this.props.placeholder}),this.props.label?c["default"].createElement("span",{style:e.label,onMouseDown:this.handleMouseDown},this.props.label):null)}}]),t}(c["default"].Component);t["default"]=v},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.Hue=void 0;var u=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),l=n(3),c=o(l),f=n(4),p=o(f),d=n(174),h=o(d),v=n(182),m=r(v),y=t.Hue=function(e){function t(){for(var e,n,r,o,s=arguments.length,u=Array(s),l=0;l<s;l++)u[l]=arguments[l];return i(this,t),n=r=a(this,(e=Object.getPrototypeOf(t)).call.apply(e,[this].concat(u))),r.shouldComponentUpdate=h["default"].bind(r,r,arguments[0],arguments[1]),r.handleChange=function(e,t){var n=m.calculateChange(e,t,r.props,r.refs.container);n&&r.props.onChange(n)},r.handleMouseDown=function(e){r.handleChange(e,!0),window.addEventListener("mousemove",r.handleChange),window.addEventListener("mouseup",r.handleMouseUp)},r.handleMouseUp=function(){r.unbindEventListeners()},o=n,a(r,o)}return s(t,e),u(t,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"unbindEventListeners",value:function(){window.removeEventListener("mousemove",this.handleChange),window.removeEventListener("mouseup",this.handleMouseUp)}},{key:"render",value:function(){var e=(0,p["default"])({"default":{hue:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%,\n            #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)",borderRadius:this.props.radius,boxShadow:this.props.shadow},container:{margin:"0 2px",position:"relative",height:"100%"},pointer:{position:"absolute",left:100*this.props.hsl.h/360+"%"},slider:{marginTop:"1px",width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",transform:"translateX(-2px)"}},"direction-vertical":{hue:{background:"linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%,\n            #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)"},pointer:{left:"0px",top:-(100*this.props.hsl.h/360)+100+"%"}}},this.props);return c["default"].createElement("div",{style:e.hue},c["default"].createElement("div",{style:e.container,ref:"container",onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},c["default"].createElement("div",{style:e.pointer},this.props.pointer?c["default"].createElement(this.props.pointer,this.props):c["default"].createElement("div",{style:e.slider}))))}}]),t}(c["default"].Component);t["default"]=y},function(e,t){"use strict";function n(e,t,n,r){!t&&e.preventDefault();var o=r.clientWidth,i=r.clientHeight,a="number"==typeof e.pageX?e.pageX:e.touches[0].pageX,s="number"==typeof e.pageY?e.pageY:e.touches[0].pageY,u=!1,l=a-(r.getBoundingClientRect().left+(u?0:window.pageXOffset)),c=s-(r.getBoundingClientRect().top+(u?0:window.pageYOffset));if("vertical"===n.direction){var f=void 0;if(c<0)f=359;else if(c>i)f=0;else{var p=-(100*c/i)+100;f=360*p/100}if(n.hsl.h!==f)return{h:f,s:n.hsl.s,l:n.hsl.l,a:n.hsl.a,source:"rgb"}}else{var d=void 0;if(l<0)d=0;else if(l>o)d=359;else{var h=100*l/o;d=360*h/100}if(n.hsl.h!==d)return{h:d,s:n.hsl.s,l:n.hsl.l,a:n.hsl.a,source:"rgb"}}return null}Object.defineProperty(t,"__esModule",{value:!0}),t.calculateChange=n},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.Saturation=void 0;var u=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),l=n(3),c=o(l),f=n(4),p=o(f),d=n(184),h=o(d),v=n(174),m=o(v),y=n(187),g=r(y),b=t.Saturation=function(e){function t(e){i(this,t);var n=a(this,Object.getPrototypeOf(t).call(this,e));return n.shouldComponentUpdate=m["default"].bind(n,n,arguments[0],arguments[1]),n.handleChange=function(e,t){n.throttle(n.props.onChange,g.calculateChange(e,t,n.props,n.refs.container))},n.handleMouseDown=function(e){n.handleChange(e,!0),window.addEventListener("mousemove",n.handleChange),window.addEventListener("mouseup",n.handleMouseUp)},n.handleMouseUp=function(){n.unbindEventListeners()},n.throttle=(0,h["default"])(function(e,t){e(t)},50),n}return s(t,e),u(t,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"unbindEventListeners",value:function(){window.removeEventListener("mousemove",this.handleChange),window.removeEventListener("mouseup",this.handleMouseUp)}},{key:"render",value:function(){var e=(0,p["default"])({"default":{color:{absolute:"0px 0px 0px 0px",background:"hsl("+this.props.hsl.h+",100%, 50%)",borderRadius:this.props.radius},white:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, #fff, rgba(255,255,255,0))"},black:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to top, #000, rgba(0,0,0,0))",boxShadow:this.props.shadow},pointer:{position:"absolute",top:-(100*this.props.hsv.v)+100+"%",left:100*this.props.hsv.s+"%",cursor:"default"},circle:{width:"4px",height:"4px",boxShadow:"0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),\n            0 0 1px 2px rgba(0,0,0,.4)",borderRadius:"50%",cursor:"hand",transform:"translate(-2px, -2px)"}}});return c["default"].createElement("div",{style:e.color,ref:"container",onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},c["default"].createElement("div",{style:e.white},c["default"].createElement("div",{style:e.black}),c["default"].createElement("div",{style:e.pointer},this.props.pointer?c["default"].createElement(this.props.pointer,this.props):c["default"].createElement("div",{style:e.circle}))))}}]),t}(c["default"].Component);t["default"]=b},function(e,t,n){function r(e,t,n){var r=!0,s=!0;if("function"!=typeof e)throw new TypeError(a);return i(n)&&(r="leading"in n?!!n.leading:r,s="trailing"in n?!!n.trailing:s),o(e,t,{leading:r,maxWait:t,trailing:s})}var o=n(185),i=n(36),a="Expected a function";e.exports=r},function(e,t,n){function r(e,t,n){function r(t){var n=g,r=b;return g=b=void 0,E=t,w=e.apply(r,n)}function c(e){return E=e,x=setTimeout(d,t),S?r(e):w}function f(e){var n=e-C,r=e-E,o=t-n;return P?l(o,_-r):o}function p(e){var n=e-C,r=e-E;return void 0===C||n>=t||n<0||P&&r>=_}function d(){var e=i();return p(e)?h(e):void(x=setTimeout(d,f(e)))}function h(e){return x=void 0,O&&g?r(e):(g=b=void 0,w)}function v(){void 0!==x&&clearTimeout(x),E=0,g=C=b=x=void 0}function m(){return void 0===x?w:h(i())}function y(){var e=i(),n=p(e);if(g=arguments,b=this,C=e,n){if(void 0===x)return c(C);if(P)return x=setTimeout(d,t),r(C)}return void 0===x&&(x=setTimeout(d,t)),w}var g,b,_,w,x,C,E=0,S=!1,P=!1,O=!0;if("function"!=typeof e)throw new TypeError(s);return t=a(t)||0,o(n)&&(S=!!n.leading,P="maxWait"in n,_=P?u(a(n.maxWait)||0,t):_,O="trailing"in n?!!n.trailing:O),y.cancel=v,y.flush=m,y}var o=n(36),i=n(186),a=n(169),s="Expected a function",u=Math.max,l=Math.min;e.exports=r},function(e,t,n){var r=n(32),o=function(){return r.Date.now()};e.exports=o},function(e,t){"use strict";function n(e,t,n,r){!t&&e.preventDefault();var o=r.clientWidth,i=r.clientHeight,a="number"==typeof e.pageX?e.pageX:e.touches[0].pageX,s="number"==typeof e.pageY?e.pageY:e.touches[0].pageY,u=!1,l=a-(r.getBoundingClientRect().left+(u?0:window.pageXOffset)),c=s-(r.getBoundingClientRect().top+(u?0:window.pageYOffset));l<0?l=0:l>o?l=o:c<0?c=0:c>i&&(c=i);var f=100*l/o,p=-(100*c/i)+100;return{h:n.hsl.h,s:f,v:p,a:n.hsl.a,source:"rgb"}}Object.defineProperty(t,"__esModule",{value:!0}),t.calculateChange=n},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.ColorWrap=void 0;var s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),l=n(3),c=r(l),f=n(185),p=r(f),d=n(189),h=r(d),v=n(174),m=r(v),y=t.ColorWrap=function(e){var t=function(t){function n(e){o(this,n);var t=i(this,Object.getPrototypeOf(n).call(this));return t.shouldComponentUpdate=m["default"].bind(t,t,arguments[0],arguments[1]),t.handleChange=function(e){var n=h["default"].simpleCheckForValidColor(e);if(n){var r=h["default"].toState(e,e.h||t.state.oldHue);t.setState(r),t.props.onChangeComplete&&t.debounce(t.props.onChangeComplete,r),t.props.onChange&&t.props.onChange(r)}},t.state=s({},h["default"].toState(e.color,0),{visible:e.display}),t.debounce=(0,p["default"])(function(e,t){e(t)},100),t}return a(n,t),u(n,[{key:"componentWillReceiveProps",value:function(e){this.setState(s({},h["default"].toState(e.color,this.state.oldHue),{visible:e.display}))}},{key:"render",value:function(){return c["default"].createElement(e,s({},this.props,this.state,{onChange:this.handleChange}))}}]),n}(c["default"].Component);return t.defaultProps={color:{h:250,s:.5,l:.2,a:1}},t};t["default"]=y},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.red=void 0;var o=n(190),i=r(o),a=n(193),s=r(a);t["default"]={simpleCheckForValidColor:function(e){var t=["r","g","b","a","h","s","a","v"],n=0,r=0;return(0,i["default"])(t,function(t){e[t]&&(n++,isNaN(e[t])||r++)}),n===r&&e},toState:function(e,t){var n=e.hex?(0,s["default"])(e.hex):(0,s["default"])(e),r=n.toHsl(),o=n.toHsv();return 0===r.s&&(r.h=t||0,o.h=t||0),{hsl:r,hex:"#"+n.toHex(),rgb:n.toRgb(),hsv:o,oldHue:e.h||t||r.h,source:e.source}},isValidHex:function(e){return(0,s["default"])(e).isValid()}};t.red={hsl:{a:1,h:0,l:.5,s:1},hex:"#ff0000",rgb:{r:255,g:0,b:0,a:1},hsv:{h:0,s:1,v:1,a:1}}},function(e,t,n){e.exports=n(191)},function(e,t,n){function r(e,t){var n=s(e)?o:i;return n(e,a(t))}var o=n(129),i=n(118),a=n(192),s=n(75);e.exports=r},function(e,t,n){function r(e){return"function"==typeof e?e:o}var o=n(113);e.exports=r},function(e,t,n){var r;!function(){function o(e,t){if(e=e?e:"",t=t||{},e instanceof o)return e;if(!(this instanceof o))return new o(e,t);var n=i(e);this._originalInput=e,this._r=n.r,this._g=n.g,this._b=n.b,this._a=n.a,this._roundA=H(100*this._a)/100,this._format=t.format||n.format,this._gradientType=t.gradientType,this._r<1&&(this._r=H(this._r)),this._g<1&&(this._g=H(this._g)),this._b<1&&(this._b=H(this._b)),this._ok=n.ok,this._tc_id=B++}function i(e){var t={r:0,g:0,b:0},n=1,r=!1,o=!1;return"string"==typeof e&&(e=L(e)),"object"==typeof e&&(e.hasOwnProperty("r")&&e.hasOwnProperty("g")&&e.hasOwnProperty("b")?(t=a(e.r,e.g,e.b),r=!0,o="%"===String(e.r).substr(-1)?"prgb":"rgb"):e.hasOwnProperty("h")&&e.hasOwnProperty("s")&&e.hasOwnProperty("v")?(e.s=j(e.s,1),e.v=j(e.v,1),t=c(e.h,e.s,e.v),r=!0,o="hsv"):e.hasOwnProperty("h")&&e.hasOwnProperty("s")&&e.hasOwnProperty("l")&&(e.s=j(e.s),e.l=j(e.l),t=u(e.h,e.s,e.l),r=!0,o="hsl"),e.hasOwnProperty("a")&&(n=e.a)),n=O(n),{ok:r,format:e.format||o,r:K(255,W(t.r,0)),g:K(255,W(t.g,0)),b:K(255,W(t.b,0)),a:n}}function a(e,t,n){return{r:255*T(e,255),g:255*T(t,255),b:255*T(n,255)}}function s(e,t,n){e=T(e,255),t=T(t,255),n=T(n,255);var r,o,i=W(e,t,n),a=K(e,t,n),s=(i+a)/2;if(i==a)r=o=0;else{var u=i-a;switch(o=s>.5?u/(2-i-a):u/(i+a),i){case e:r=(t-n)/u+(t<n?6:0);break;case t:r=(n-e)/u+2;break;case n:r=(e-t)/u+4}r/=6}return{h:r,s:o,l:s}}function u(e,t,n){function r(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+6*(t-e)*n:n<.5?t:n<2/3?e+(t-e)*(2/3-n)*6:e}var o,i,a;if(e=T(e,360),t=T(t,100),n=T(n,100),0===t)o=i=a=n;else{var s=n<.5?n*(1+t):n+t-n*t,u=2*n-s;o=r(u,s,e+1/3),i=r(u,s,e),a=r(u,s,e-1/3)}return{r:255*o,g:255*i,b:255*a}}function l(e,t,n){e=T(e,255),t=T(t,255),n=T(n,255);var r,o,i=W(e,t,n),a=K(e,t,n),s=i,u=i-a;if(o=0===i?0:u/i,i==a)r=0;else{switch(i){case e:r=(t-n)/u+(t<n?6:0);break;case t:r=(n-e)/u+2;break;case n:r=(e-t)/u+4}r/=6}return{h:r,s:o,v:s}}function c(e,t,n){e=6*T(e,360),t=T(t,100),n=T(n,100);var r=z.floor(e),o=e-r,i=n*(1-t),a=n*(1-o*t),s=n*(1-(1-o)*t),u=r%6,l=[n,a,i,i,s,n][u],c=[s,n,n,a,i,i][u],f=[i,i,s,n,n,a][u];return{r:255*l,g:255*c,b:255*f}}function f(e,t,n,r){var o=[D(H(e).toString(16)),D(H(t).toString(16)),D(H(n).toString(16))];return r&&o[0].charAt(0)==o[0].charAt(1)&&o[1].charAt(0)==o[1].charAt(1)&&o[2].charAt(0)==o[2].charAt(1)?o[0].charAt(0)+o[1].charAt(0)+o[2].charAt(0):o.join("")}function p(e,t,n,r){var o=[D(R(r)),D(H(e).toString(16)),D(H(t).toString(16)),D(H(n).toString(16))];return o.join("")}function d(e,t){t=0===t?0:t||10;var n=o(e).toHsl();return n.s-=t/100,n.s=k(n.s),o(n)}function h(e,t){t=0===t?0:t||10;var n=o(e).toHsl();return n.s+=t/100,n.s=k(n.s),o(n)}function v(e){return o(e).desaturate(100)}function m(e,t){t=0===t?0:t||10;var n=o(e).toHsl();return n.l+=t/100,n.l=k(n.l),o(n)}function y(e,t){t=0===t?0:t||10;var n=o(e).toRgb();return n.r=W(0,K(255,n.r-H(255*-(t/100)))),n.g=W(0,K(255,n.g-H(255*-(t/100)))),n.b=W(0,K(255,n.b-H(255*-(t/100)))),o(n)}function g(e,t){t=0===t?0:t||10;var n=o(e).toHsl();return n.l-=t/100,n.l=k(n.l),o(n)}function b(e,t){var n=o(e).toHsl(),r=(H(n.h)+t)%360;return n.h=r<0?360+r:r,o(n)}function _(e){var t=o(e).toHsl();return t.h=(t.h+180)%360,o(t)}function w(e){var t=o(e).toHsl(),n=t.h;return[o(e),o({h:(n+120)%360,s:t.s,l:t.l}),o({h:(n+240)%360,s:t.s,l:t.l})]}function x(e){var t=o(e).toHsl(),n=t.h;return[o(e),o({h:(n+90)%360,s:t.s,l:t.l}),o({h:(n+180)%360,s:t.s,l:t.l}),o({h:(n+270)%360,s:t.s,l:t.l})]}function C(e){var t=o(e).toHsl(),n=t.h;return[o(e),o({h:(n+72)%360,s:t.s,l:t.l}),o({h:(n+216)%360,s:t.s,l:t.l})]}function E(e,t,n){t=t||6,
-n=n||30;var r=o(e).toHsl(),i=360/n,a=[o(e)];for(r.h=(r.h-(i*t>>1)+720)%360;--t;)r.h=(r.h+i)%360,a.push(o(r));return a}function S(e,t){t=t||6;for(var n=o(e).toHsv(),r=n.h,i=n.s,a=n.v,s=[],u=1/t;t--;)s.push(o({h:r,s:i,v:a})),a=(a+u)%1;return s}function P(e){var t={};for(var n in e)e.hasOwnProperty(n)&&(t[e[n]]=n);return t}function O(e){return e=parseFloat(e),(isNaN(e)||e<0||e>1)&&(e=1),e}function T(e,t){N(e)&&(e="100%");var n=A(e);return e=K(t,W(0,parseFloat(e))),n&&(e=parseInt(e*t,10)/100),z.abs(e-t)<1e-6?1:e%t/parseFloat(t)}function k(e){return K(1,W(0,e))}function M(e){return parseInt(e,16)}function N(e){return"string"==typeof e&&e.indexOf(".")!=-1&&1===parseFloat(e)}function A(e){return"string"==typeof e&&e.indexOf("%")!=-1}function D(e){return 1==e.length?"0"+e:""+e}function j(e,t){return t=t||100,e<=1&&(e=e*t+"%"),e}function R(e){return Math.round(255*parseFloat(e)).toString(16)}function I(e){return M(e)/255}function L(e){e=e.replace(U,"").replace(V,"").toLowerCase();var t=!1;if(Y[e])e=Y[e],t=!0;else if("transparent"==e)return{r:0,g:0,b:0,a:0,format:"name"};var n;return(n=X.rgb.exec(e))?{r:n[1],g:n[2],b:n[3]}:(n=X.rgba.exec(e))?{r:n[1],g:n[2],b:n[3],a:n[4]}:(n=X.hsl.exec(e))?{h:n[1],s:n[2],l:n[3]}:(n=X.hsla.exec(e))?{h:n[1],s:n[2],l:n[3],a:n[4]}:(n=X.hsv.exec(e))?{h:n[1],s:n[2],v:n[3]}:(n=X.hsva.exec(e))?{h:n[1],s:n[2],v:n[3],a:n[4]}:(n=X.hex8.exec(e))?{a:I(n[1]),r:M(n[2]),g:M(n[3]),b:M(n[4]),format:t?"name":"hex8"}:(n=X.hex6.exec(e))?{r:M(n[1]),g:M(n[2]),b:M(n[3]),format:t?"name":"hex"}:!!(n=X.hex3.exec(e))&&{r:M(n[1]+""+n[1]),g:M(n[2]+""+n[2]),b:M(n[3]+""+n[3]),format:t?"name":"hex"}}function F(e){var t,n;return e=e||{level:"AA",size:"small"},t=(e.level||"AA").toUpperCase(),n=(e.size||"small").toLowerCase(),"AA"!==t&&"AAA"!==t&&(t="AA"),"small"!==n&&"large"!==n&&(n="small"),{level:t,size:n}}var U=/^[\s,#]+/,V=/\s+$/,B=0,z=Math,H=z.round,K=z.min,W=z.max,q=z.random;o.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var e=this.toRgb();return(299*e.r+587*e.g+114*e.b)/1e3},getLuminance:function(){var e,t,n,r,o,i,a=this.toRgb();return e=a.r/255,t=a.g/255,n=a.b/255,r=e<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4),o=t<=.03928?t/12.92:Math.pow((t+.055)/1.055,2.4),i=n<=.03928?n/12.92:Math.pow((n+.055)/1.055,2.4),.2126*r+.7152*o+.0722*i},setAlpha:function(e){return this._a=O(e),this._roundA=H(100*this._a)/100,this},toHsv:function(){var e=l(this._r,this._g,this._b);return{h:360*e.h,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=l(this._r,this._g,this._b),t=H(360*e.h),n=H(100*e.s),r=H(100*e.v);return 1==this._a?"hsv("+t+", "+n+"%, "+r+"%)":"hsva("+t+", "+n+"%, "+r+"%, "+this._roundA+")"},toHsl:function(){var e=s(this._r,this._g,this._b);return{h:360*e.h,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=s(this._r,this._g,this._b),t=H(360*e.h),n=H(100*e.s),r=H(100*e.l);return 1==this._a?"hsl("+t+", "+n+"%, "+r+"%)":"hsla("+t+", "+n+"%, "+r+"%, "+this._roundA+")"},toHex:function(e){return f(this._r,this._g,this._b,e)},toHexString:function(e){return"#"+this.toHex(e)},toHex8:function(){return p(this._r,this._g,this._b,this._a)},toHex8String:function(){return"#"+this.toHex8()},toRgb:function(){return{r:H(this._r),g:H(this._g),b:H(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+H(this._r)+", "+H(this._g)+", "+H(this._b)+")":"rgba("+H(this._r)+", "+H(this._g)+", "+H(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:H(100*T(this._r,255))+"%",g:H(100*T(this._g,255))+"%",b:H(100*T(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+H(100*T(this._r,255))+"%, "+H(100*T(this._g,255))+"%, "+H(100*T(this._b,255))+"%)":"rgba("+H(100*T(this._r,255))+"%, "+H(100*T(this._g,255))+"%, "+H(100*T(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":!(this._a<1)&&(G[f(this._r,this._g,this._b,!0)]||!1)},toFilter:function(e){var t="#"+p(this._r,this._g,this._b,this._a),n=t,r=this._gradientType?"GradientType = 1, ":"";if(e){var i=o(e);n=i.toHex8String()}return"progid:DXImageTransform.Microsoft.gradient("+r+"startColorstr="+t+",endColorstr="+n+")"},toString:function(e){var t=!!e;e=e||this._format;var n=!1,r=this._a<1&&this._a>=0,o=!t&&r&&("hex"===e||"hex6"===e||"hex3"===e||"name"===e);return o?"name"===e&&0===this._a?this.toName():this.toRgbString():("rgb"===e&&(n=this.toRgbString()),"prgb"===e&&(n=this.toPercentageRgbString()),"hex"!==e&&"hex6"!==e||(n=this.toHexString()),"hex3"===e&&(n=this.toHexString(!0)),"hex8"===e&&(n=this.toHex8String()),"name"===e&&(n=this.toName()),"hsl"===e&&(n=this.toHslString()),"hsv"===e&&(n=this.toHsvString()),n||this.toHexString())},_applyModification:function(e,t){var n=e.apply(null,[this].concat([].slice.call(t)));return this._r=n._r,this._g=n._g,this._b=n._b,this.setAlpha(n._a),this},lighten:function(){return this._applyModification(m,arguments)},brighten:function(){return this._applyModification(y,arguments)},darken:function(){return this._applyModification(g,arguments)},desaturate:function(){return this._applyModification(d,arguments)},saturate:function(){return this._applyModification(h,arguments)},greyscale:function(){return this._applyModification(v,arguments)},spin:function(){return this._applyModification(b,arguments)},_applyCombination:function(e,t){return e.apply(null,[this].concat([].slice.call(t)))},analogous:function(){return this._applyCombination(E,arguments)},complement:function(){return this._applyCombination(_,arguments)},monochromatic:function(){return this._applyCombination(S,arguments)},splitcomplement:function(){return this._applyCombination(C,arguments)},triad:function(){return this._applyCombination(w,arguments)},tetrad:function(){return this._applyCombination(x,arguments)}},o.fromRatio=function(e,t){if("object"==typeof e){var n={};for(var r in e)e.hasOwnProperty(r)&&("a"===r?n[r]=e[r]:n[r]=j(e[r]));e=n}return o(e,t)},o.equals=function(e,t){return!(!e||!t)&&o(e).toRgbString()==o(t).toRgbString()},o.random=function(){return o.fromRatio({r:q(),g:q(),b:q()})},o.mix=function(e,t,n){n=0===n?0:n||50;var r,i=o(e).toRgb(),a=o(t).toRgb(),s=n/100,u=2*s-1,l=a.a-i.a;r=u*l==-1?u:(u+l)/(1+u*l),r=(r+1)/2;var c=1-r,f={r:a.r*r+i.r*c,g:a.g*r+i.g*c,b:a.b*r+i.b*c,a:a.a*s+i.a*(1-s)};return o(f)},o.readability=function(e,t){var n=o(e),r=o(t);return(Math.max(n.getLuminance(),r.getLuminance())+.05)/(Math.min(n.getLuminance(),r.getLuminance())+.05)},o.isReadable=function(e,t,n){var r,i,a=o.readability(e,t);switch(i=!1,r=F(n),r.level+r.size){case"AAsmall":case"AAAlarge":i=a>=4.5;break;case"AAlarge":i=a>=3;break;case"AAAsmall":i=a>=7}return i},o.mostReadable=function(e,t,n){var r,i,a,s,u=null,l=0;n=n||{},i=n.includeFallbackColors,a=n.level,s=n.size;for(var c=0;c<t.length;c++)r=o.readability(e,t[c]),r>l&&(l=r,u=o(t[c]));return o.isReadable(e,u,{level:a,size:s})||!i?u:(n.includeFallbackColors=!1,o.mostReadable(e,["#fff","#000"],n))};var Y=o.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},G=o.hexNames=P(Y),X=function(){var e="[-\\+]?\\d+%?",t="[-\\+]?\\d*\\.\\d+%?",n="(?:"+t+")|(?:"+e+")",r="[\\s|\\(]+("+n+")[,|\\s]+("+n+")[,|\\s]+("+n+")\\s*\\)?",o="[\\s|\\(]+("+n+")[,|\\s]+("+n+")[,|\\s]+("+n+")[,|\\s]+("+n+")\\s*\\)?";return{rgb:new RegExp("rgb"+r),rgba:new RegExp("rgba"+o),hsl:new RegExp("hsl"+r),hsla:new RegExp("hsla"+o),hsv:new RegExp("hsv"+r),hsva:new RegExp("hsva"+o),hex3:/^([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex8:/^([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/}}();"undefined"!=typeof e&&e.exports?e.exports=o:(r=function(){return o}.call(t,n,t,e),!(void 0!==r&&(e.exports=r)))}()},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Swatch=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=t.Swatch=function(e){var t=e.color,n=e.style,r=e.onClick,o=(0,s["default"])({"default":{swatch:{background:t,height:"100%",width:"100%",cursor:"pointer"}},custom:{swatch:n}},"custom"),a=function(e){return r(t,e)};return i["default"].createElement("div",{style:o.swatch,onClick:a})};t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.AlphaPointer=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=t.AlphaPointer=function(){var e=(0,s["default"])({"default":{picker:{width:"18px",height:"18px",borderRadius:"50%",transform:"translate(-9px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}}});return i["default"].createElement("div",{style:e.picker})};t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Block=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(189),l=r(u),c=n(172),f=n(197),p=r(f),d=t.Block=function(e){var t=e.onChange,n=e.hex,r=e.colors,o=e.width,a=e.triangle,u=function(e){l["default"].isValidHex(e)&&t({hex:e,source:"hex"})},f=(0,s["default"])({"default":{card:{width:o,background:"#fff",boxShadow:"0 1px rgba(0,0,0,.1)",borderRadius:"6px",position:"relative"},head:{height:"110px",background:n,borderRadius:"6px 6px 0 0",display:"flex",alignItems:"center",justifyContent:"center"},body:{padding:"10px"},label:{fontSize:"18px",color:"#fff"},triangle:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 10px 10px 10px",borderColor:"transparent transparent "+n+" transparent",position:"absolute",top:"-10px",left:"50%",marginLeft:"-10px"},input:{width:"100%",fontSize:"12px",color:"#666",border:"0px",outline:"none",height:"22px",boxShadow:"inset 0 0 0 1px #ddd",borderRadius:"4px",padding:"0 7px",boxSizing:"border-box"}},"hide-triangle":{triangle:{display:"none"}}},{"hide-triangle":"hide"===a});return i["default"].createElement("div",{style:f.card,className:"block-picker"},i["default"].createElement("div",{style:f.triangle}),i["default"].createElement("div",{style:f.head},i["default"].createElement("div",{style:f.label},n)),i["default"].createElement("div",{style:f.body},i["default"].createElement(p["default"],{colors:r,onClick:u}),i["default"].createElement(c.EditableInput,{placeholder:"Hex Code",style:{input:f.input},value:"",onChange:u})))};d.defaultProps={width:"170px",colors:["#D9E3F0","#F47373","#697689","#37D67A","#2CCCE4","#555555","#dce775","#ff8a65","#ba68c8"],triangle:"top"},t["default"]=(0,c.ColorWrap)(d)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.BlockSwatches=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(172),f=t.BlockSwatches=function(e){var t=e.colors,n=e.onClick,r=(0,s["default"])({"default":{swatches:{marginRight:"-10px"},swatch:{width:"22px",height:"22px","float":"left",marginRight:"10px",marginBottom:"10px",borderRadius:"4px"},clear:{clear:"both"}}});return i["default"].createElement("div",{style:r.swatches},(0,l["default"])(t,function(e){return i["default"].createElement(c.Swatch,{key:e,color:e,style:r.swatch,onClick:n})}),i["default"].createElement("div",{style:r.clear}))};t["default"]=f},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Circle=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(199),f=r(c),p=n(172),d=n(200),h=r(d),v=t.Circle=function(e){var t=e.width,n=e.onChange,r=e.colors,o=e.hex,a=(0,s["default"])({"default":{card:{width:t,display:"flex",flexWrap:"wrap",margin:"0 -14px -14px 0"}}}),u=function(e){n({hex:e,source:"hex"})};return i["default"].createElement("div",{style:a.card,className:"circle-picker"},(0,l["default"])(r,function(e){return i["default"].createElement(h["default"],{key:e,color:e,onClick:u,active:o===e.toLowerCase()})}))};v.defaultProps={width:"252px",colors:[f["default"].red[500],f["default"].pink[500],f["default"].purple[500],f["default"].deepPurple[500],f["default"].indigo[500],f["default"].blue[500],f["default"].lightBlue[500],f["default"].cyan[500],f["default"].teal[500],f["default"].green[500],f["default"].lightGreen[500],f["default"].lime[500],f["default"].yellow[500],f["default"].amber[500],f["default"].orange[500],f["default"].deepOrange[500],f["default"].brown[500],f["default"].blueGrey[500]]},t["default"]=(0,p.ColorWrap)(v)},function(e,t,n){var r,o,i;!function(n,a){o=[],r=a,i="function"==typeof r?r.apply(t,o):r,!(void 0!==i&&(e.exports=i))}(this,function(){return{red:{50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",a100:"#ff8a80",a200:"#ff5252",a400:"#ff1744",a700:"#d50000"},pink:{50:"#fce4ec",100:"#f8bbd0",200:"#f48fb1",300:"#f06292",400:"#ec407a",500:"#e91e63",600:"#d81b60",700:"#c2185b",800:"#ad1457",900:"#880e4f",a100:"#ff80ab",a200:"#ff4081",a400:"#f50057",a700:"#c51162"},purple:{50:"#f3e5f5",100:"#e1bee7",200:"#ce93d8",300:"#ba68c8",400:"#ab47bc",500:"#9c27b0",600:"#8e24aa",700:"#7b1fa2",800:"#6a1b9a",900:"#4a148c",a100:"#ea80fc",a200:"#e040fb",a400:"#d500f9",a700:"#aa00ff"},deepPurple:{50:"#ede7f6",100:"#d1c4e9",200:"#b39ddb",300:"#9575cd",400:"#7e57c2",500:"#673ab7",600:"#5e35b1",700:"#512da8",800:"#4527a0",900:"#311b92",a100:"#b388ff",a200:"#7c4dff",a400:"#651fff",a700:"#6200ea"},indigo:{50:"#e8eaf6",100:"#c5cae9",200:"#9fa8da",300:"#7986cb",400:"#5c6bc0",500:"#3f51b5",600:"#3949ab",700:"#303f9f",800:"#283593",900:"#1a237e",a100:"#8c9eff",a200:"#536dfe",a400:"#3d5afe",a700:"#304ffe"},blue:{50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",a100:"#82b1ff",a200:"#448aff",a400:"#2979ff",a700:"#2962ff"},lightBlue:{50:"#e1f5fe",100:"#b3e5fc",200:"#81d4fa",300:"#4fc3f7",400:"#29b6f6",500:"#03a9f4",600:"#039be5",700:"#0288d1",800:"#0277bd",900:"#01579b",a100:"#80d8ff",a200:"#40c4ff",a400:"#00b0ff",a700:"#0091ea"},cyan:{50:"#e0f7fa",100:"#b2ebf2",200:"#80deea",300:"#4dd0e1",400:"#26c6da",500:"#00bcd4",600:"#00acc1",700:"#0097a7",800:"#00838f",900:"#006064",a100:"#84ffff",a200:"#18ffff",a400:"#00e5ff",a700:"#00b8d4"},teal:{50:"#e0f2f1",100:"#b2dfdb",200:"#80cbc4",300:"#4db6ac",400:"#26a69a",500:"#009688",600:"#00897b",700:"#00796b",800:"#00695c",900:"#004d40",a100:"#a7ffeb",a200:"#64ffda",a400:"#1de9b6",a700:"#00bfa5"},green:{50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",a100:"#b9f6ca",a200:"#69f0ae",a400:"#00e676",a700:"#00c853"},lightGreen:{50:"#f1f8e9",100:"#dcedc8",200:"#c5e1a5",300:"#aed581",400:"#9ccc65",500:"#8bc34a",600:"#7cb342",700:"#689f38",800:"#558b2f",900:"#33691e",a100:"#ccff90",a200:"#b2ff59",a400:"#76ff03",a700:"#64dd17"},lime:{50:"#f9fbe7",100:"#f0f4c3",200:"#e6ee9c",300:"#dce775",400:"#d4e157",500:"#cddc39",600:"#c0ca33",700:"#afb42b",800:"#9e9d24",900:"#827717",a100:"#f4ff81",a200:"#eeff41",a400:"#c6ff00",a700:"#aeea00"},yellow:{50:"#fffde7",100:"#fff9c4",200:"#fff59d",300:"#fff176",400:"#ffee58",500:"#ffeb3b",600:"#fdd835",700:"#fbc02d",800:"#f9a825",900:"#f57f17",a100:"#ffff8d",a200:"#ffff00",a400:"#ffea00",a700:"#ffd600"},amber:{50:"#fff8e1",100:"#ffecb3",200:"#ffe082",300:"#ffd54f",400:"#ffca28",500:"#ffc107",600:"#ffb300",700:"#ffa000",800:"#ff8f00",900:"#ff6f00",a100:"#ffe57f",a200:"#ffd740",a400:"#ffc400",a700:"#ffab00"},orange:{50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100",a100:"#ffd180",a200:"#ffab40",a400:"#ff9100",a700:"#ff6d00"},deepOrange:{50:"#fbe9e7",100:"#ffccbc",200:"#ffab91",300:"#ff8a65",400:"#ff7043",500:"#ff5722",600:"#f4511e",700:"#e64a19",800:"#d84315",900:"#bf360c",a100:"#ff9e80",a200:"#ff6e40",a400:"#ff3d00",a700:"#dd2c00"},brown:{50:"#efebe9",100:"#d7ccc8",200:"#bcaaa4",300:"#a1887f",400:"#8d6e63",500:"#795548",600:"#6d4c41",700:"#5d4037",800:"#4e342e",900:"#3e2723"},grey:{50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",300:"#e0e0e0",400:"#bdbdbd",500:"#9e9e9e",600:"#757575",700:"#616161",800:"#424242",900:"#212121"},blueGrey:{50:"#eceff1",100:"#cfd8dc",200:"#b0bec5",300:"#90a4ae",400:"#78909c",500:"#607d8b",600:"#546e7a",700:"#455a64",800:"#37474f",900:"#263238"},darkText:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.54)",disabled:"rgba(0, 0, 0, 0.38)",dividers:"rgba(0, 0, 0, 0.12)"},lightText:{primary:"rgba(255, 255, 255, 1)",secondary:"rgba(255, 255, 255, 0.7)",disabled:"rgba(255, 255, 255, 0.5)",dividers:"rgba(255, 255, 255, 0.12)"},darkIcons:{active:"rgba(0, 0, 0, 0.54)",inactive:"rgba(0, 0, 0, 0.38)"},lightIcons:{active:"rgba(255, 255, 255, 1)",inactive:"rgba(255, 255, 255, 0.5)"},white:"#ffffff",black:"#000000"}})},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.CircleSwatch=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(172),l=t.CircleSwatch=function(e){var t=e.color,n=e.onClick,r=e.hover,o=e.active,a=(0,s["default"])({"default":{swatch:{width:"28px",height:"28px",margin:"0 14px 14px 0",transform:"scale(1)",transition:"100ms transform ease"},Swatch:{borderRadius:"50%",background:"transparent",boxShadow:"inset 0 0 0 14px "+t,transition:"100ms box-shadow ease"}},hover:{swatch:{transform:"scale(1.2)"}},active:{Swatch:{boxShadow:"inset 0 0 0 3px "+t}}},{hover:r,active:o});return i["default"].createElement("div",{style:a.swatch},i["default"].createElement(u.Swatch,{style:a.Swatch,color:t,onClick:n}))};t["default"]=(0,a.hover)(l)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Chrome=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(172),l=n(202),c=r(l),f=n(203),p=r(f),d=n(204),h=r(d),v=t.Chrome=function(e){var t=e.onChange,n=e.disableAlpha,r=e.rgb,o=e.hsl,a=e.hsv,l=e.hex,f=(0,s["default"])({"default":{picker:{background:"#fff",borderRadius:"2px",boxShadow:"0 0 2px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.3)",boxSizing:"initial",width:"225px",fontFamily:"Menlo"},saturation:{width:"100%",paddingBottom:"55%",position:"relative",borderRadius:"2px 2px 0 0",overflow:"hidden"},Saturation:{radius:"2px 2px 0 0"},body:{padding:"16px 16px 12px"},controls:{display:"flex"},color:{width:"32px"},swatch:{marginTop:"6px",width:"16px",height:"16px",borderRadius:"8px",position:"relative",overflow:"hidden"},active:{absolute:"0px 0px 0px 0px",borderRadius:"8px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.1)",background:"rgba("+r.r+", "+r.g+", "+r.b+", "+r.a+")",zIndex:"2"},toggles:{flex:"1"},hue:{height:"10px",position:"relative",marginBottom:"8px"},Hue:{radius:"2px"},alpha:{height:"10px",position:"relative"},Alpha:{radius:"2px"}},disableAlpha:{color:{width:"22px"},alpha:{display:"none"},hue:{marginBottom:"0px"},swatch:{width:"10px",height:"10px",marginTop:"0px"}}},{disableAlpha:n});return i["default"].createElement("div",{style:f.picker,className:"chrome-picker"},i["default"].createElement("div",{style:f.saturation},i["default"].createElement(u.Saturation,{style:f.Saturation,hsl:o,hsv:a,pointer:h["default"],onChange:t})),i["default"].createElement("div",{style:f.body},i["default"].createElement("div",{style:f.controls,className:"flexbox-fix"},i["default"].createElement("div",{style:f.color},i["default"].createElement("div",{style:f.swatch},i["default"].createElement("div",{style:f.active}),i["default"].createElement(u.Checkboard,null))),i["default"].createElement("div",{style:f.toggles},i["default"].createElement("div",{style:f.hue},i["default"].createElement(u.Hue,{style:f.Hue,hsl:o,pointer:p["default"],onChange:t})),i["default"].createElement("div",{style:f.alpha},i["default"].createElement(u.Alpha,{style:f.Alpha,rgb:r,hsl:o,pointer:p["default"],onChange:t})))),i["default"].createElement(c["default"],{rgb:r,hsl:o,hex:l,onChange:t,disableAlpha:n})))};t["default"]=(0,u.ColorWrap)(v)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.ChromeFields=void 0;var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),u=n(3),l=r(u),c=n(4),f=r(c),p=n(189),d=r(p),h=n(172),v=t.ChromeFields=function(e){function t(){var e,n,r,a;o(this,t);for(var s=arguments.length,u=Array(s),l=0;l<s;l++)u[l]=arguments[l];return n=r=i(this,(e=Object.getPrototypeOf(t)).call.apply(e,[this].concat(u))),r.state={view:""},r.toggleViews=function(){"hex"===r.state.view?r.setState({view:"rgb"}):"rgb"===r.state.view?r.setState({view:"hsl"}):"hsl"===r.state.view&&(1===r.props.hsl.a?r.setState({view:"hex"}):r.setState({view:"rgb"}))},r.handleChange=function(e){e.hex?d["default"].isValidHex(e.hex)&&r.props.onChange({hex:e.hex,source:"hex"}):e.r||e.g||e.b?r.props.onChange({r:e.r||r.props.rgb.r,g:e.g||r.props.rgb.g,b:e.b||r.props.rgb.b,source:"rgb"}):e.a?(e.a<0?e.a=0:e.a>1&&(e.a=1),r.props.onChange({h:r.props.hsl.h,s:r.props.hsl.s,l:r.props.hsl.l,a:Math.round(100*e.a)/100,source:"rgb"})):(e.h||e.s||e.l)&&r.props.onChange({h:e.h||r.props.hsl.h,s:e.s&&e.s.replace("%","")||r.props.hsl.s,l:e.l&&e.l.replace("%","")||r.props.hsl.l,source:"hsl"})},r.showHighlight=function(e){e.target.style.background="#eee"},r.hideHighlight=function(e){e.target.style.background="transparent"},a=n,i(r,a)}return a(t,e),s(t,[{key:"componentDidMount",value:function(){1===this.props.hsl.a&&"hex"!==this.state.view?this.setState({view:"hex"}):"rgb"!==this.state.view&&"hsl"!==this.state.view&&this.setState({view:"rgb"})}},{key:"componentWillReceiveProps",value:function(e){1!==e.hsl.a&&"hex"===this.state.view&&this.setState({view:"rgb"})}},{key:"render",value:function(){var e=(0,f["default"])({"default":{wrap:{paddingTop:"16px",display:"flex"},fields:{flex:"1",display:"flex",marginLeft:"-6px"},field:{paddingLeft:"6px",width:"100%"},alpha:{paddingLeft:"6px",width:"100%"},toggle:{width:"32px",textAlign:"right",position:"relative"},icon:{marginRight:"-4px",marginTop:"12px",cursor:"pointer",position:"relative"},iconHighlight:{position:"absolute",width:"24px",height:"28px",background:"#eee",borderRadius:"4px",top:"10px",left:"12px",display:"none"},input:{fontSize:"11px",color:"#333",width:"100%",borderRadius:"2px",border:"none",boxShadow:"inset 0 0 0 1px #dadada",height:"21px",textAlign:"center"},label:{textTransform:"uppercase",fontSize:"11px",lineHeight:"11px",color:"#969696",textAlign:"center",display:"block",marginTop:"12px"},svg:{width:"24px",height:"24px",border:"1px transparent solid",borderRadius:"5px"}},disableAlpha:{alpha:{display:"none"}}},this.props,this.state),t=void 0;return"hex"===this.state.view?t=l["default"].createElement("div",{style:e.fields,className:"flexbox-fix"},l["default"].createElement("div",{style:e.field},l["default"].createElement(h.EditableInput,{style:{input:e.input,label:e.label},label:"hex",value:this.props.hex,onChange:this.handleChange}))):"rgb"===this.state.view?t=l["default"].createElement("div",{style:e.fields,className:"flexbox-fix"},l["default"].createElement("div",{style:e.field},l["default"].createElement(h.EditableInput,{style:{input:e.input,label:e.label},label:"r",value:this.props.rgb.r,onChange:this.handleChange})),l["default"].createElement("div",{style:e.field},l["default"].createElement(h.EditableInput,{style:{input:e.input,label:e.label},label:"g",value:this.props.rgb.g,onChange:this.handleChange})),l["default"].createElement("div",{style:e.field},l["default"].createElement(h.EditableInput,{style:{input:e.input,label:e.label},label:"b",value:this.props.rgb.b,onChange:this.handleChange})),l["default"].createElement("div",{style:e.alpha},l["default"].createElement(h.EditableInput,{style:{input:e.input,label:e.label},label:"a",value:this.props.rgb.a,arrowOffset:.01,onChange:this.handleChange}))):"hsl"===this.state.view&&(t=l["default"].createElement("div",{style:e.fields,className:"flexbox-fix"},l["default"].createElement("div",{style:e.field},l["default"].createElement(h.EditableInput,{style:{input:e.input,label:e.label},label:"h",value:Math.round(this.props.hsl.h),onChange:this.handleChange})),l["default"].createElement("div",{style:e.field},l["default"].createElement(h.EditableInput,{style:{input:e.input,label:e.label},label:"s",value:Math.round(100*this.props.hsl.s)+"%",onChange:this.handleChange})),l["default"].createElement("div",{style:e.field},l["default"].createElement(h.EditableInput,{style:{input:e.input,label:e.label},label:"l",value:Math.round(100*this.props.hsl.l)+"%",onChange:this.handleChange})),l["default"].createElement("div",{style:e.alpha},l["default"].createElement(h.EditableInput,{style:{input:e.input,label:e.label},label:"a",value:this.props.hsl.a,arrowOffset:.01,onChange:this.handleChange})))),l["default"].createElement("div",{style:e.wrap,className:"flexbox-fix"},t,l["default"].createElement("div",{style:e.toggle},l["default"].createElement("div",{style:e.icon,onClick:this.toggleViews,ref:"icon"},l["default"].createElement("svg",{style:e.svg,viewBox:"0 0 24 24",onMouseOver:this.showHighlight,onMouseEnter:this.showHighlight,onMouseOut:this.hideHighlight},l["default"].createElement("path",{ref:"iconUp",fill:"#333",d:"M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z"}),l["default"].createElement("path",{ref:"iconDown",fill:"#333",d:"M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15Z"})))))}}]),t}(l["default"].Component);t["default"]=v},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.ChromePointer=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=t.ChromePointer=function(){var e=(0,s["default"])({"default":{picker:{width:"12px",height:"12px",borderRadius:"6px",transform:"translate(-6px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}}});return i["default"].createElement("div",{style:e.picker})};t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.ChromePointerCircle=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=t.ChromePointerCircle=function(){var e=(0,s["default"])({"default":{picker:{width:"12px",height:"12px",borderRadius:"6px",boxShadow:"inset 0 0 0 1px #fff",transform:"translate(-6px, -6px)"}}});return i["default"].createElement("div",{style:e.picker})};t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Compact=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(189),f=r(c),p=n(206),d=n(172),h=n(212),v=r(h),m=n(213),y=r(m),g=t.Compact=function(e){var t=e.onChange,n=e.colors,r=e.hex,o=e.rgb,a=(0,s["default"])({"default":{Compact:{background:"#f6f6f6",radius:"4px"},compact:{paddingTop:"5px",paddingLeft:"5px",boxSizing:"initial",width:"240px"},clear:{clear:"both"}}}),u=function(e){e.hex?f["default"].isValidHex(e.hex)&&t({hex:e.hex,source:"hex"}):t(e)};return i["default"].createElement(p.Raised,{style:a.Compact},i["default"].createElement("div",{style:a.compact,className:"compact-picker"},i["default"].createElement("div",null,(0,l["default"])(n,function(e){return i["default"].createElement(v["default"],{key:e,color:e,active:e.toLowerCase()===r,onClick:u})}),i["default"].createElement("div",{style:a.clear})),i["default"].createElement(y["default"],{hex:r,rgb:o,onChange:u})))};g.defaultProps={colors:["#4D4D4D","#999999","#FFFFFF","#F44E3B","#FE9200","#FCDC00","#DBDF00","#A4DD00","#68CCCA","#73D8FF","#AEA1FF","#FDA1FF","#333333","#808080","#cccccc","#D33115","#E27300","#FCC400","#B0BC00","#68BC00","#16A5A5","#009CE0","#7B64FF","#FA28FF","#000000","#666666","#B3B3B3","#9F0500","#C45100","#FB9E00","#808900","#194D33","#0C797D","#0062B1","#653294","#AB149E"]},t["default"]=(0,d.ColorWrap)(g)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(207),i=r(o),a=n(208),s=r(a),u=n(209),l=r(u);t.Raised=i["default"],t.Tile=s["default"],t.Tabs=l["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t;
+e.refs[t].componentWillLeave(e.handleDoneLeaving.bind(e,t)))},this.handleDoneLeaving=function(t){var n=e.props;if(delete e.currentlyAnimatingKeys[t],!n.exclusive||n===e.nextProps){var r=(0,m.toArrayChildren)(l(n));if(e.isValidChildByKey(r,t))e.performEnter(t);else{var o=function(){_["default"].allowLeaveCallback(n)&&(n.onLeave(t),n.onEnd(t,!1))};(0,m.isSameChildren)(e.state.children,r,n.showProp)?o():e.setState({children:r},o)}}}};t["default"]=x,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l=n(1),c=r(l),f=n(2),p=r(f),d=n(12),h=r(d),v=n(230),m=r(v),y=n(432),g=r(y),b={enter:"transitionEnter",appear:"transitionAppear",leave:"transitionLeave"},_=function(e){function t(){return i(this,t),a(this,e.apply(this,arguments))}return s(t,e),t.prototype.componentWillUnmount=function(){this.stop()},t.prototype.componentWillEnter=function(e){g["default"].isEnterSupported(this.props)?this.transition("enter",e):e()},t.prototype.componentWillAppear=function(e){g["default"].isAppearSupported(this.props)?this.transition("appear",e):e()},t.prototype.componentWillLeave=function(e){g["default"].isLeaveSupported(this.props)?this.transition("leave",e):e()},t.prototype.transition=function(e,t){var n=this,r=p["default"].findDOMNode(this),o=this.props,i=o.transitionName,a="object"===("undefined"==typeof i?"undefined":u(i));this.stop();var s=function(){n.stopper=null,t()};if((v.isCssAnimationSupported||!o.animation[e])&&i&&o[b[e]]){var l=a?i[e]:i+"-"+e,c=l+"-active";a&&i[e+"Active"]&&(c=i[e+"Active"]),this.stopper=(0,m["default"])(r,{name:l,active:c},s)}else this.stopper=o.animation[e](r,s)},t.prototype.stop=function(){var e=this.stopper;e&&(this.stopper=null,e.stop())},t.prototype.render=function(){return this.props.children},t}(c["default"].Component);_.propTypes={children:h["default"].any},t["default"]=_,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=[];return f["default"].Children.forEach(e,function(e){t.push(e)}),t}function i(e,t){var n=null;return e&&e.forEach(function(e){n||e&&e.key===t&&(n=e)}),n}function a(e,t,n){var r=null;return e&&e.forEach(function(e){if(e&&e.key===t&&e.props[n]){if(r)throw new Error("two child with same key for <rc-animate> children");r=e}}),r}function s(e,t,n){var r=0;return e&&e.forEach(function(e){r||(r=e&&e.key===t&&!e.props[n])}),r}function u(e,t,n){var r=e.length===t.length;return r&&e.forEach(function(e,o){var i=t[o];e&&i&&(e&&!i||!e&&i?r=!1:e.key!==i.key?r=!1:n&&e.props[n]!==i.props[n]&&(r=!1))}),r}function l(e,t){var n=[],r={},o=[];return e.forEach(function(e){e&&i(t,e.key)?o.length&&(r[e.key]=o,o=[]):o.push(e)}),t.forEach(function(e){e&&r.hasOwnProperty(e.key)&&(n=n.concat(r[e.key])),n.push(e)}),n=n.concat(o)}Object.defineProperty(t,"__esModule",{value:!0}),t.toArrayChildren=o,t.findChildInChildrenByKey=i,t.findShownChildInChildrenByKey=a,t.findHiddenChildInChildrenByKey=s,t.isSameChildren=u,t.mergeChildren=l;var c=n(1),f=r(c)},function(e,t,n){n(1553),e.exports=n(75).RegExp.escape},function(e,t,n){n(147),n(1535),e.exports=n(37).Array.from},function(e,t,n){n(179),n(147),e.exports=n(1533)},function(e,t,n){n(179),n(147),e.exports=n(1534)},function(e,t,n){n(1537),e.exports=n(37).Object.assign},function(e,t,n){n(1538);var r=n(37).Object;e.exports=function(e,t){return r.create(e,t)}},function(e,t,n){n(1539);var r=n(37).Object;e.exports=function(e,t,n){return r.defineProperty(e,t,n)}},function(e,t,n){n(1540),e.exports=n(37).Object.setPrototypeOf},function(e,t,n){n(445),n(147),n(179),n(1541),e.exports=n(37).Promise},function(e,t,n){n(1542),n(445),n(1543),n(1544),e.exports=n(37).Symbol},function(e,t,n){n(147),n(179),e.exports=n(266).f("iterator")},function(e,t){e.exports=function(){}},function(e,t){e.exports=function(e,t,n,r){if(!(e instanceof t)||void 0!==r&&r in e)throw TypeError(n+": incorrect invocation!");return e}},function(e,t,n){var r=n(96),o=n(262),i=n(1532);e.exports=function(e){return function(t,n,a){var s,u=r(t),l=o(u.length),c=i(a,l);if(e&&n!=n){for(;l>c;)if(s=u[c++],s!=s)return!0}else for(;l>c;c++)if((e||c in u)&&u[c]===n)return e||c||0;return!e&&-1}}},function(e,t,n){"use strict";var r=n(74),o=n(146);e.exports=function(e,t,n){t in e?r.f(e,t,o(0,n)):e[t]=n}},function(e,t,n){var r=n(145),o=n(258),i=n(176);e.exports=function(e){var t=r(e),n=o.f;if(n)for(var a,s=n(e),u=i.f,l=0;s.length>l;)u.call(e,a=s[l++])&&t.push(a);return t}},function(e,t,n){var r=n(120),o=n(437),i=n(436),a=n(73),s=n(262),u=n(267),l={},c={},t=e.exports=function(e,t,n,f,p){var d,h,v,m,y=p?function(){return e}:u(e),g=r(n,f,t?2:1),b=0;if("function"!=typeof y)throw TypeError(e+" is not iterable!");if(i(y)){for(d=s(e.length);d>b;b++)if(m=t?g(a(h=e[b])[0],h[1]):g(e[b]),m===l||m===c)return m}else for(v=y.call(e);!(h=v.next()).done;)if(m=o(v,g,h.value,t),m===l||m===c)return m};t.BREAK=l,t.RETURN=c},function(e,t){e.exports=function(e,t,n){var r=void 0===n;switch(t.length){case 0:return r?e():e.call(n);case 1:return r?e(t[0]):e.call(n,t[0]);case 2:return r?e(t[0],t[1]):e.call(n,t[0],t[1]);case 3:return r?e(t[0],t[1],t[2]):e.call(n,t[0],t[1],t[2]);case 4:return r?e(t[0],t[1],t[2],t[3]):e.call(n,t[0],t[1],t[2],t[3])}return e.apply(n,t)}},function(e,t,n){var r=n(143);e.exports=Array.isArray||function(e){return"Array"==r(e)}},function(e,t,n){"use strict";var r=n(257),o=n(146),i=n(177),a={};n(95)(a,n(38)("iterator"),function(){return this}),e.exports=function(e,t,n){e.prototype=r(a,{next:o(1,n)}),i(e,t+" Iterator")}},function(e,t){e.exports=function(e,t){return{value:t,done:!!e}}},function(e,t,n){var r=n(145),o=n(96);e.exports=function(e,t){for(var n,i=o(e),a=r(i),s=a.length,u=0;s>u;)if(i[n=a[u++]]===t)return n}},function(e,t,n){var r=n(178)("meta"),o=n(121),i=n(94),a=n(74).f,s=0,u=Object.isExtensible||function(){return!0},l=!n(144)(function(){return u(Object.preventExtensions({}))}),c=function(e){a(e,r,{value:{i:"O"+ ++s,w:{}}})},f=function(e,t){if(!o(e))return"symbol"==typeof e?e:("string"==typeof e?"S":"P")+e;if(!i(e,r)){if(!u(e))return"F";if(!t)return"E";c(e)}return e[r].i},p=function(e,t){if(!i(e,r)){if(!u(e))return!0;if(!t)return!1;c(e)}return e[r].w},d=function(e){return l&&h.NEED&&u(e)&&!i(e,r)&&c(e),e},h=e.exports={KEY:r,NEED:!1,fastKey:f,getWeak:p,onFreeze:d}},function(e,t,n){var r=n(51),o=n(444).set,i=r.MutationObserver||r.WebKitMutationObserver,a=r.process,s=r.Promise,u="process"==n(143)(a);e.exports=function(){var e,t,n,l=function(){var r,o;for(u&&(r=a.domain)&&r.exit();e;){o=e.fn,e=e.next;try{o()}catch(i){throw e?n():t=void 0,i}}t=void 0,r&&r.enter()};if(u)n=function(){a.nextTick(l)};else if(i){var c=!0,f=document.createTextNode("");new i(l).observe(f,{characterData:!0}),n=function(){f.data=c=!c}}else if(s&&s.resolve){var p=s.resolve();n=function(){p.then(l)}}else n=function(){o.call(r,l)};return function(r){var o={fn:r,next:void 0};t&&(t.next=o),e||(e=o,n()),t=o}}},function(e,t,n){"use strict";var r=n(145),o=n(258),i=n(176),a=n(263),s=n(435),u=Object.assign;e.exports=!u||n(144)(function(){var e={},t={},n=Symbol(),r="abcdefghijklmnopqrst";return e[n]=7,r.split("").forEach(function(e){t[e]=e}),7!=u({},e)[n]||Object.keys(u({},t)).join("")!=r})?function(e,t){for(var n=a(e),u=arguments.length,l=1,c=o.f,f=i.f;u>l;)for(var p,d=s(arguments[l++]),h=c?r(d).concat(c(d)):r(d),v=h.length,m=0;v>m;)f.call(d,p=h[m++])&&(n[p]=d[p]);return n}:u},function(e,t,n){var r=n(74),o=n(73),i=n(145);e.exports=n(81)?Object.defineProperties:function(e,t){o(e);for(var n,a=i(t),s=a.length,u=0;s>u;)r.f(e,n=a[u++],t[n]);return e}},function(e,t,n){var r=n(96),o=n(441).f,i={}.toString,a="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],s=function(e){try{return o(e)}catch(t){return a.slice()}};e.exports.f=function(e){return a&&"[object Window]"==i.call(e)?s(e):o(r(e))}},function(e,t,n){var r=n(94),o=n(263),i=n(259)("IE_PROTO"),a=Object.prototype;e.exports=Object.getPrototypeOf||function(e){return e=o(e),r(e,i)?e[i]:"function"==typeof e.constructor&&e instanceof e.constructor?e.constructor.prototype:e instanceof Object?a:null}},function(e,t,n){var r=n(95);e.exports=function(e,t,n){for(var o in t)n&&e[o]?e[o]=t[o]:r(e,o,t[o]);return e}},function(e,t,n){var r=n(121),o=n(73),i=function(e,t){if(o(e),!r(t)&&null!==t)throw TypeError(t+": can't set as prototype!")};e.exports={set:Object.setPrototypeOf||("__proto__"in{}?function(e,t,r){try{r=n(120)(Function.call,n(440).f(Object.prototype,"__proto__").set,2),r(e,[]),t=!(e instanceof Array)}catch(o){t=!0}return function(e,n){return i(e,n),t?e.__proto__=n:r(e,n),e}}({},!1):void 0),check:i}},function(e,t,n){"use strict";var r=n(51),o=n(37),i=n(74),a=n(81),s=n(38)("species");e.exports=function(e){var t="function"==typeof o[e]?o[e]:r[e];a&&t&&!t[s]&&i.f(t,s,{configurable:!0,get:function(){return this}})}},function(e,t,n){var r=n(73),o=n(252),i=n(38)("species");e.exports=function(e,t){var n,a=r(e).constructor;return void 0===a||void 0==(n=r(a)[i])?t:o(n)}},function(e,t,n){var r=n(261),o=n(254);e.exports=function(e){return function(t,n){var i,a,s=String(o(t)),u=r(n),l=s.length;return u<0||u>=l?e?"":void 0:(i=s.charCodeAt(u),i<55296||i>56319||u+1===l||(a=s.charCodeAt(u+1))<56320||a>57343?e?s.charAt(u):i:e?s.slice(u,u+2):(i-55296<<10)+(a-56320)+65536)}}},function(e,t,n){var r=n(261),o=Math.max,i=Math.min;e.exports=function(e,t){return e=r(e),e<0?o(e+t,0):i(e,t)}},function(e,t,n){var r=n(73),o=n(267);e.exports=n(37).getIterator=function(e){var t=o(e);if("function"!=typeof t)throw TypeError(e+" is not iterable!");return r(t.call(e))}},function(e,t,n){var r=n(253),o=n(38)("iterator"),i=n(122);e.exports=n(37).isIterable=function(e){var t=Object(e);return void 0!==t[o]||"@@iterator"in t||i.hasOwnProperty(r(t))}},function(e,t,n){"use strict";var r=n(120),o=n(82),i=n(263),a=n(437),s=n(436),u=n(262),l=n(1513),c=n(267);o(o.S+o.F*!n(439)(function(e){Array.from(e)}),"Array",{from:function(e){var t,n,o,f,p=i(e),d="function"==typeof this?this:Array,h=arguments.length,v=h>1?arguments[1]:void 0,m=void 0!==v,y=0,g=c(p);if(m&&(v=r(v,h>2?arguments[2]:void 0,2)),void 0==g||d==Array&&s(g))for(t=u(p.length),n=new d(t);t>y;y++)l(n,y,m?v(p[y],y):p[y]);else for(f=g.call(p),n=new d;!(o=f.next()).done;y++)l(n,y,m?a(f,v,[o.value,y],!0):o.value);return n.length=y,n}})},function(e,t,n){"use strict";var r=n(1510),o=n(1519),i=n(122),a=n(96);e.exports=n(438)(Array,"Array",function(e,t){this._t=a(e),this._i=0,this._k=t},function(){var e=this._t,t=this._k,n=this._i++;return!e||n>=e.length?(this._t=void 0,o(1)):"keys"==t?o(0,n):"values"==t?o(0,e[n]):o(0,[n,e[n]])},"values"),i.Arguments=i.Array,r("keys"),r("values"),r("entries")},function(e,t,n){var r=n(82);r(r.S+r.F,"Object",{assign:n(1523)})},function(e,t,n){var r=n(82);r(r.S,"Object",{create:n(257)})},function(e,t,n){var r=n(82);r(r.S+r.F*!n(81),"Object",{defineProperty:n(74).f})},function(e,t,n){var r=n(82);r(r.S,"Object",{setPrototypeOf:n(1528).set})},function(e,t,n){"use strict";var r,o,i,a=n(175),s=n(51),u=n(120),l=n(253),c=n(82),f=n(121),p=n(252),d=n(1511),h=n(1515),v=n(1530),m=n(444).set,y=n(1522)(),g="Promise",b=s.TypeError,_=s.process,w=s[g],_=s.process,x="process"==l(_),C=function(){},E=!!function(){try{var e=w.resolve(1),t=(e.constructor={})[n(38)("species")]=function(e){e(C,C)};return(x||"function"==typeof PromiseRejectionEvent)&&e.then(C)instanceof t}catch(r){}}(),S=function(e,t){return e===t||e===w&&t===i},O=function(e){var t;return!(!f(e)||"function"!=typeof(t=e.then))&&t},P=function(e){return S(w,e)?new T(e):new o(e)},T=o=function(e){var t,n;this.promise=new e(function(e,r){if(void 0!==t||void 0!==n)throw b("Bad Promise constructor");t=e,n=r}),this.resolve=p(t),this.reject=p(n)},k=function(e){try{e()}catch(t){return{error:t}}},M=function(e,t){if(!e._n){e._n=!0;var n=e._c;y(function(){for(var r=e._v,o=1==e._s,i=0,a=function(t){var n,i,a=o?t.ok:t.fail,s=t.resolve,u=t.reject,l=t.domain;try{a?(o||(2==e._h&&D(e),e._h=1),a===!0?n=r:(l&&l.enter(),n=a(r),l&&l.exit()),n===t.promise?u(b("Promise-chain cycle")):(i=O(n))?i.call(n,s,u):s(n)):u(r)}catch(c){u(c)}};n.length>i;)a(n[i++]);e._c=[],e._n=!1,t&&!e._h&&N(e)})}},N=function(e){m.call(s,function(){var t,n,r,o=e._v;if(A(e)&&(t=k(function(){x?_.emit("unhandledRejection",o,e):(n=s.onunhandledrejection)?n({promise:e,reason:o}):(r=s.console)&&r.error&&r.error("Unhandled promise rejection",o)}),e._h=x||A(e)?2:1),e._a=void 0,t)throw t.error})},A=function(e){if(1==e._h)return!1;for(var t,n=e._a||e._c,r=0;n.length>r;)if(t=n[r++],t.fail||!A(t.promise))return!1;return!0},D=function(e){m.call(s,function(){var t;x?_.emit("rejectionHandled",e):(t=s.onrejectionhandled)&&t({promise:e,reason:e._v})})},j=function(e){var t=this;t._d||(t._d=!0,t=t._w||t,t._v=e,t._s=2,t._a||(t._a=t._c.slice()),M(t,!0))},R=function(e){var t,n=this;if(!n._d){n._d=!0,n=n._w||n;try{if(n===e)throw b("Promise can't be resolved itself");(t=O(e))?y(function(){var r={_w:n,_d:!1};try{t.call(e,u(R,r,1),u(j,r,1))}catch(o){j.call(r,o)}}):(n._v=e,n._s=1,M(n,!1))}catch(r){j.call({_w:n,_d:!1},r)}}};E||(w=function(e){d(this,w,g,"_h"),p(e),r.call(this);try{e(u(R,this,1),u(j,this,1))}catch(t){j.call(this,t)}},r=function(e){this._c=[],this._a=void 0,this._s=0,this._d=!1,this._v=void 0,this._h=0,this._n=!1},r.prototype=n(1527)(w.prototype,{then:function(e,t){var n=P(v(this,w));return n.ok="function"!=typeof e||e,n.fail="function"==typeof t&&t,n.domain=x?_.domain:void 0,this._c.push(n),this._a&&this._a.push(n),this._s&&M(this,!1),n.promise},"catch":function(e){return this.then(void 0,e)}}),T=function(){var e=new r;this.promise=e,this.resolve=u(R,e,1),this.reject=u(j,e,1)}),c(c.G+c.W+c.F*!E,{Promise:w}),n(177)(w,g),n(1529)(g),i=n(37)[g],c(c.S+c.F*!E,g,{reject:function(e){var t=P(this),n=t.reject;return n(e),t.promise}}),c(c.S+c.F*(a||!E),g,{resolve:function(e){if(e instanceof w&&S(e.constructor,this))return e;var t=P(this),n=t.resolve;return n(e),t.promise}}),c(c.S+c.F*!(E&&n(439)(function(e){w.all(e)["catch"](C)})),g,{all:function(e){var t=this,n=P(t),r=n.resolve,o=n.reject,i=k(function(){var n=[],i=0,a=1;h(e,!1,function(e){var s=i++,u=!1;n.push(void 0),a++,t.resolve(e).then(function(e){u||(u=!0,n[s]=e,--a||r(n))},o)}),--a||r(n)});return i&&o(i.error),n.promise},race:function(e){var t=this,n=P(t),r=n.reject,o=k(function(){h(e,!1,function(e){t.resolve(e).then(n.resolve,r)})});return o&&r(o.error),n.promise}})},function(e,t,n){"use strict";var r=n(51),o=n(94),i=n(81),a=n(82),s=n(443),u=n(1521).KEY,l=n(144),c=n(260),f=n(177),p=n(178),d=n(38),h=n(266),v=n(265),m=n(1520),y=n(1514),g=n(1517),b=n(73),_=n(96),w=n(264),x=n(146),C=n(257),E=n(1525),S=n(440),O=n(74),P=n(145),T=S.f,k=O.f,M=E.f,N=r.Symbol,A=r.JSON,D=A&&A.stringify,j="prototype",R=d("_hidden"),I=d("toPrimitive"),L={}.propertyIsEnumerable,F=c("symbol-registry"),U=c("symbols"),V=c("op-symbols"),B=Object[j],z="function"==typeof N,H=r.QObject,K=!H||!H[j]||!H[j].findChild,W=i&&l(function(){return 7!=C(k({},"a",{get:function(){return k(this,"a",{value:7}).a}})).a})?function(e,t,n){var r=T(B,t);r&&delete B[t],k(e,t,n),r&&e!==B&&k(B,t,r)}:k,q=function(e){var t=U[e]=C(N[j]);return t._k=e,t},Y=z&&"symbol"==typeof N.iterator?function(e){return"symbol"==typeof e}:function(e){return e instanceof N},G=function(e,t,n){return e===B&&G(V,t,n),b(e),t=w(t,!0),b(n),o(U,t)?(n.enumerable?(o(e,R)&&e[R][t]&&(e[R][t]=!1),n=C(n,{enumerable:x(0,!1)})):(o(e,R)||k(e,R,x(1,{})),e[R][t]=!0),W(e,t,n)):k(e,t,n)},X=function(e,t){b(e);for(var n,r=y(t=_(t)),o=0,i=r.length;i>o;)G(e,n=r[o++],t[n]);return e},$=function(e,t){return void 0===t?C(e):X(C(e),t)},Z=function(e){var t=L.call(this,e=w(e,!0));return!(this===B&&o(U,e)&&!o(V,e))&&(!(t||!o(this,e)||!o(U,e)||o(this,R)&&this[R][e])||t)},Q=function(e,t){if(e=_(e),t=w(t,!0),e!==B||!o(U,t)||o(V,t)){var n=T(e,t);return!n||!o(U,t)||o(e,R)&&e[R][t]||(n.enumerable=!0),n}},J=function(e){for(var t,n=M(_(e)),r=[],i=0;n.length>i;)o(U,t=n[i++])||t==R||t==u||r.push(t);return r},ee=function(e){for(var t,n=e===B,r=M(n?V:_(e)),i=[],a=0;r.length>a;)!o(U,t=r[a++])||n&&!o(B,t)||i.push(U[t]);return i};z||(N=function(){if(this instanceof N)throw TypeError("Symbol is not a constructor!");var e=p(arguments.length>0?arguments[0]:void 0),t=function(n){this===B&&t.call(V,n),o(this,R)&&o(this[R],e)&&(this[R][e]=!1),W(this,e,x(1,n))};return i&&K&&W(B,e,{configurable:!0,set:t}),q(e)},s(N[j],"toString",function(){return this._k}),S.f=Q,O.f=G,n(441).f=E.f=J,n(176).f=Z,n(258).f=ee,i&&!n(175)&&s(B,"propertyIsEnumerable",Z,!0),h.f=function(e){return q(d(e))}),a(a.G+a.W+a.F*!z,{Symbol:N});for(var te="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),ne=0;te.length>ne;)d(te[ne++]);for(var te=P(d.store),ne=0;te.length>ne;)v(te[ne++]);a(a.S+a.F*!z,"Symbol",{"for":function(e){return o(F,e+="")?F[e]:F[e]=N(e)},keyFor:function(e){if(Y(e))return m(F,e);throw TypeError(e+" is not a symbol!")},useSetter:function(){K=!0},useSimple:function(){K=!1}}),a(a.S+a.F*!z,"Object",{create:$,defineProperty:G,defineProperties:X,getOwnPropertyDescriptor:Q,getOwnPropertyNames:J,getOwnPropertySymbols:ee}),A&&a(a.S+a.F*(!z||l(function(){var e=N();return"[null]"!=D([e])||"{}"!=D({a:e})||"{}"!=D(Object(e))})),"JSON",{stringify:function(e){if(void 0!==e&&!Y(e)){for(var t,n,r=[e],o=1;arguments.length>o;)r.push(arguments[o++]);return t=r[1],"function"==typeof t&&(n=t),!n&&g(t)||(t=function(e,t){if(n&&(t=n.call(this,e,t)),!Y(t))return t}),r[1]=t,D.apply(A,r)}}}),N[j][I]||n(95)(N[j],I,N[j].valueOf),f(N,"Symbol"),f(Math,"Math",!0),f(r.JSON,"JSON",!0)},function(e,t,n){n(265)("asyncIterator")},function(e,t,n){n(265)("observable")},function(e,t,n){var r=n(21),o=n(276),i=n(24)("species");e.exports=function(e){var t;return o(e)&&(t=e.constructor,"function"!=typeof t||t!==Array&&!o(t.prototype)||(t=void 0),r(t)&&(t=t[i],null===t&&(t=void 0))),void 0===t?Array:t}},function(e,t,n){var r=n(1545);e.exports=function(e,t){return new(r(e))(t)}},function(e,t,n){"use strict";var r=n(15),o=n(68),i="number";e.exports=function(e){if("string"!==e&&e!==i&&"default"!==e)throw TypeError("Incorrect hint");return o(r(this),e!=i)}},function(e,t,n){var r=n(101),o=n(188),i=n(150);e.exports=function(e){var t=r(e),n=o.f;if(n)for(var a,s=n(e),u=i.f,l=0;s.length>l;)u.call(e,a=s[l++])&&t.push(a);return t}},function(e,t,n){var r=n(101),o=n(44);e.exports=function(e,t){for(var n,i=o(e),a=r(i),s=a.length,u=0;s>u;)if(i[n=a[u++]]===t)return n}},function(e,t,n){"use strict";var r=n(1551),o=n(184),i=n(40);e.exports=function(){for(var e=i(this),t=arguments.length,n=Array(t),a=0,s=r._,u=!1;t>a;)(n[a]=arguments[a++])===s&&(u=!0);return function(){var r,i=this,a=arguments.length,l=0,c=0;if(!u&&!a)return o(e,n,i);if(r=n.slice(),u)for(;t>l;l++)r[l]===s&&(r[l]=arguments[c++]);for(;a>c;)r.push(arguments[c++]);return o(e,r,i)}}},function(e,t,n){e.exports=n(17)},function(e,t){e.exports=function(e,t){var n=t===Object(t)?function(e){return t[e]}:t;return function(t){return String(t).replace(e,n)}}},function(e,t,n){var r=n(5),o=n(1552)(/[\\^$*+?.()|[\]{}]/g,"\\$&");r(r.S,"RegExp",{escape:function(e){return o(e)}})},function(e,t,n){var r=n(5);r(r.P,"Array",{copyWithin:n(447)}),n(123)("copyWithin")},function(e,t,n){"use strict";var r=n(5),o=n(66)(4);r(r.P+r.F*!n(61)([].every,!0),"Array",{every:function(e){return o(this,e,arguments[1])}})},function(e,t,n){var r=n(5);r(r.P,"Array",{fill:n(268)}),n(123)("fill")},function(e,t,n){"use strict";var r=n(5),o=n(66)(2);r(r.P+r.F*!n(61)([].filter,!0),"Array",{filter:function(e){return o(this,e,arguments[1])}})},function(e,t,n){"use strict";var r=n(5),o=n(66)(6),i="findIndex",a=!0;i in[]&&Array(1)[i](function(){a=!1}),r(r.P+r.F*a,"Array",{findIndex:function(e){return o(this,e,arguments.length>1?arguments[1]:void 0)}}),n(123)(i)},function(e,t,n){"use strict";var r=n(5),o=n(66)(5),i="find",a=!0;i in[]&&Array(1)[i](function(){a=!1}),r(r.P+r.F*a,"Array",{find:function(e){return o(this,e,arguments.length>1?arguments[1]:void 0)}}),n(123)(i)},function(e,t,n){"use strict";var r=n(5),o=n(66)(0),i=n(61)([].forEach,!0);r(r.P+r.F*!i,"Array",{forEach:function(e){return o(this,e,arguments[1])}})},function(e,t,n){"use strict";var r=n(76),o=n(5),i=n(32),a=n(456),s=n(275),u=n(30),l=n(269),c=n(292);o(o.S+o.F*!n(186)(function(e){Array.from(e)}),"Array",{from:function(e){var t,n,o,f,p=i(e),d="function"==typeof this?this:Array,h=arguments.length,v=h>1?arguments[1]:void 0,m=void 0!==v,y=0,g=c(p);if(m&&(v=r(v,h>2?arguments[2]:void 0,2)),void 0==g||d==Array&&s(g))for(t=u(p.length),n=new d(t);t>y;y++)l(n,y,m?v(p[y],y):p[y]);else for(f=g.call(p),n=new d;!(o=f.next()).done;y++)l(n,y,m?a(f,v,[o.value,y],!0):o.value);return n.length=y,n}})},function(e,t,n){"use strict";var r=n(5),o=n(180)(!1),i=[].indexOf,a=!!i&&1/[1].indexOf(1,-0)<0;r(r.P+r.F*(a||!n(61)(i)),"Array",{indexOf:function(e){return a?i.apply(this,arguments)||0:o(this,e,arguments[1])}})},function(e,t,n){var r=n(5);r(r.S,"Array",{isArray:n(276)})},function(e,t,n){"use strict";var r=n(5),o=n(44),i=[].join;r(r.P+r.F*(n(149)!=Object||!n(61)(i)),"Array",{join:function(e){return i.call(o(this),void 0===e?",":e)}})},function(e,t,n){"use strict";var r=n(5),o=n(44),i=n(85),a=n(30),s=[].lastIndexOf,u=!!s&&1/[1].lastIndexOf(1,-0)<0;r(r.P+r.F*(u||!n(61)(s)),"Array",{lastIndexOf:function(e){if(u)return s.apply(this,arguments)||0;var t=o(this),n=a(t.length),r=n-1;for(arguments.length>1&&(r=Math.min(r,i(arguments[1]))),r<0&&(r=n+r);r>=0;r--)if(r in t&&t[r]===e)return r||0;return-1}})},function(e,t,n){"use strict";var r=n(5),o=n(66)(1);r(r.P+r.F*!n(61)([].map,!0),"Array",{map:function(e){return o(this,e,arguments[1])}})},function(e,t,n){"use strict";var r=n(5),o=n(269);r(r.S+r.F*n(18)(function(){function e(){}return!(Array.of.call(e)instanceof e)}),"Array",{of:function(){for(var e=0,t=arguments.length,n=new("function"==typeof this?this:Array)(t);t>e;)o(n,e,arguments[e++]);return n.length=t,n}})},function(e,t,n){"use strict";var r=n(5),o=n(449);r(r.P+r.F*!n(61)([].reduceRight,!0),"Array",{reduceRight:function(e){return o(this,e,arguments.length,arguments[1],!0)}})},function(e,t,n){"use strict";var r=n(5),o=n(449);r(r.P+r.F*!n(61)([].reduce,!0),"Array",{reduce:function(e){return o(this,e,arguments.length,arguments[1],!1)}})},function(e,t,n){"use strict";var r=n(5),o=n(273),i=n(59),a=n(104),s=n(30),u=[].slice;r(r.P+r.F*n(18)(function(){o&&u.call(o)}),"Array",{slice:function(e,t){var n=s(this.length),r=i(this);if(t=void 0===t?n:t,"Array"==r)return u.call(this,e,t);for(var o=a(e,n),l=a(t,n),c=s(l-o),f=Array(c),p=0;p<c;p++)f[p]="String"==r?this.charAt(o+p):this[o+p];return f}})},function(e,t,n){"use strict";var r=n(5),o=n(66)(3);r(r.P+r.F*!n(61)([].some,!0),"Array",{some:function(e){return o(this,e,arguments[1])}})},function(e,t,n){"use strict";var r=n(5),o=n(40),i=n(32),a=n(18),s=[].sort,u=[1,2,3];r(r.P+r.F*(a(function(){u.sort(void 0)})||!a(function(){u.sort(null)})||!n(61)(s)),"Array",{sort:function(e){return void 0===e?s.call(i(this)):s.call(i(this),o(e))}})},function(e,t,n){n(103)("Array")},function(e,t,n){var r=n(5);r(r.S,"Date",{now:function(){return(new Date).getTime()}})},function(e,t,n){"use strict";var r=n(5),o=n(18),i=Date.prototype.getTime,a=function(e){return e>9?e:"0"+e};r(r.P+r.F*(o(function(){return"0385-07-25T07:06:39.999Z"!=new Date(-5e13-1).toISOString()})||!o(function(){new Date(NaN).toISOString()})),"Date",{toISOString:function(){if(!isFinite(i.call(this)))throw RangeError("Invalid time value");var e=this,t=e.getUTCFullYear(),n=e.getUTCMilliseconds(),r=t<0?"-":t>9999?"+":"";return r+("00000"+Math.abs(t)).slice(r?-6:-4)+"-"+a(e.getUTCMonth()+1)+"-"+a(e.getUTCDate())+"T"+a(e.getUTCHours())+":"+a(e.getUTCMinutes())+":"+a(e.getUTCSeconds())+"."+(n>99?n:"0"+a(n))+"Z"}})},function(e,t,n){"use strict";var r=n(5),o=n(32),i=n(68);r(r.P+r.F*n(18)(function(){return null!==new Date(NaN).toJSON()||1!==Date.prototype.toJSON.call({toISOString:function(){return 1}})}),"Date",{toJSON:function(e){var t=o(this),n=i(t);return"number"!=typeof n||isFinite(n)?t.toISOString():null}})},function(e,t,n){var r=n(24)("toPrimitive"),o=Date.prototype;r in o||n(41)(o,r,n(1547))},function(e,t,n){var r=Date.prototype,o="Invalid Date",i="toString",a=r[i],s=r.getTime;new Date(NaN)+""!=o&&n(42)(r,i,function(){var e=s.call(this);return e===e?a.call(this):o})},function(e,t,n){var r=n(5);r(r.P,"Function",{bind:n(450)})},function(e,t,n){"use strict";var r=n(21),o=n(53),i=n(24)("hasInstance"),a=Function.prototype;i in a||n(27).f(a,i,{value:function(e){if("function"!=typeof this||!r(e))return!1;if(!r(this.prototype))return e instanceof this;for(;e=o(e);)if(this.prototype===e)return!0;return!1}})},function(e,t,n){var r=n(27).f,o=n(84),i=n(39),a=Function.prototype,s=/^\s*function ([^ (]*)/,u="name",l=Object.isExtensible||function(){return!0};u in a||n(26)&&r(a,u,{configurable:!0,get:function(){try{var e=this,t=(""+e).match(s)[1];return i(e,u)||!l(e)||r(e,u,o(5,t)),t}catch(n){return""}}})},function(e,t,n){var r=n(5),o=n(458),i=Math.sqrt,a=Math.acosh;r(r.S+r.F*!(a&&710==Math.floor(a(Number.MAX_VALUE))&&a(1/0)==1/0),"Math",{acosh:function(e){return(e=+e)<1?NaN:e>94906265.62425156?Math.log(e)+Math.LN2:o(e-1+i(e-1)*i(e+1))}})},function(e,t,n){function r(e){return isFinite(e=+e)&&0!=e?e<0?-r(-e):Math.log(e+Math.sqrt(e*e+1)):e}var o=n(5),i=Math.asinh;o(o.S+o.F*!(i&&1/i(0)>0),"Math",{asinh:r})},function(e,t,n){var r=n(5),o=Math.atanh;r(r.S+r.F*!(o&&1/o(-0)<0),"Math",{atanh:function(e){return 0==(e=+e)?e:Math.log((1+e)/(1-e))/2}})},function(e,t,n){var r=n(5),o=n(280);r(r.S,"Math",{cbrt:function(e){return o(e=+e)*Math.pow(Math.abs(e),1/3)}})},function(e,t,n){var r=n(5);r(r.S,"Math",{clz32:function(e){return(e>>>=0)?31-Math.floor(Math.log(e+.5)*Math.LOG2E):32}})},function(e,t,n){var r=n(5),o=Math.exp;r(r.S,"Math",{cosh:function(e){return(o(e=+e)+o(-e))/2}})},function(e,t,n){var r=n(5),o=n(279);r(r.S+r.F*(o!=Math.expm1),"Math",{expm1:o})},function(e,t,n){var r=n(5),o=n(280),i=Math.pow,a=i(2,-52),s=i(2,-23),u=i(2,127)*(2-s),l=i(2,-126),c=function(e){return e+1/a-1/a};r(r.S,"Math",{fround:function(e){var t,n,r=Math.abs(e),i=o(e);return r<l?i*c(r/l/s)*l*s:(t=(1+s/a)*r,n=t-(t-r),n>u||n!=n?i*(1/0):i*n)}})},function(e,t,n){var r=n(5),o=Math.abs;r(r.S,"Math",{hypot:function(e,t){for(var n,r,i=0,a=0,s=arguments.length,u=0;a<s;)n=o(arguments[a++]),u<n?(r=u/n,i=i*r*r+1,u=n):n>0?(r=n/u,i+=r*r):i+=n;return u===1/0?1/0:u*Math.sqrt(i)}})},function(e,t,n){var r=n(5),o=Math.imul;r(r.S+r.F*n(18)(function(){return o(4294967295,5)!=-5||2!=o.length}),"Math",{imul:function(e,t){var n=65535,r=+e,o=+t,i=n&r,a=n&o;return 0|i*a+((n&r>>>16)*a+i*(n&o>>>16)<<16>>>0)}})},function(e,t,n){var r=n(5);r(r.S,"Math",{log10:function(e){return Math.log(e)/Math.LN10}})},function(e,t,n){var r=n(5);r(r.S,"Math",{log1p:n(458)})},function(e,t,n){var r=n(5);r(r.S,"Math",{log2:function(e){return Math.log(e)/Math.LN2}})},function(e,t,n){var r=n(5);r(r.S,"Math",{sign:n(280)})},function(e,t,n){var r=n(5),o=n(279),i=Math.exp;r(r.S+r.F*n(18)(function(){return!Math.sinh(-2e-17)!=-2e-17}),"Math",{sinh:function(e){return Math.abs(e=+e)<1?(o(e)-o(-e))/2:(i(e-1)-i(-e-1))*(Math.E/2)}})},function(e,t,n){var r=n(5),o=n(279),i=Math.exp;r(r.S,"Math",{tanh:function(e){var t=o(e=+e),n=o(-e);return t==1/0?1:n==1/0?-1:(t-n)/(i(e)+i(-e))}})},function(e,t,n){var r=n(5);r(r.S,"Math",{trunc:function(e){return(e>0?Math.floor:Math.ceil)(e)}})},function(e,t,n){"use strict";var r=n(17),o=n(39),i=n(59),a=n(274),s=n(68),u=n(18),l=n(100).f,c=n(52).f,f=n(27).f,p=n(127).trim,d="Number",h=r[d],v=h,m=h.prototype,y=i(n(99)(m))==d,g="trim"in String.prototype,b=function(e){var t=s(e,!1);if("string"==typeof t&&t.length>2){t=g?t.trim():p(t,3);var n,r,o,i=t.charCodeAt(0);if(43===i||45===i){if(n=t.charCodeAt(2),88===n||120===n)return NaN}else if(48===i){switch(t.charCodeAt(1)){case 66:case 98:r=2,o=49;break;case 79:case 111:r=8,o=55;break;default:return+t}for(var a,u=t.slice(2),l=0,c=u.length;l<c;l++)if(a=u.charCodeAt(l),a<48||a>o)return NaN;return parseInt(u,r)}}return+t};if(!h(" 0o1")||!h("0b1")||h("+0x1")){h=function(e){var t=arguments.length<1?0:e,n=this;return n instanceof h&&(y?u(function(){m.valueOf.call(n)}):i(n)!=d)?a(new v(b(t)),n,h):b(t)};for(var _,w=n(26)?l(v):"MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger".split(","),x=0;w.length>x;x++)o(v,_=w[x])&&!o(h,_)&&f(h,_,c(v,_));h.prototype=m,m.constructor=h,n(42)(r,d,h)}},function(e,t,n){var r=n(5);r(r.S,"Number",{EPSILON:Math.pow(2,-52)})},function(e,t,n){var r=n(5),o=n(17).isFinite;r(r.S,"Number",{isFinite:function(e){return"number"==typeof e&&o(e)}})},function(e,t,n){var r=n(5);r(r.S,"Number",{isInteger:n(455)})},function(e,t,n){var r=n(5);r(r.S,"Number",{isNaN:function(e){return e!=e}})},function(e,t,n){var r=n(5),o=n(455),i=Math.abs;r(r.S,"Number",{isSafeInteger:function(e){return o(e)&&i(e)<=9007199254740991}})},function(e,t,n){var r=n(5);r(r.S,"Number",{MAX_SAFE_INTEGER:9007199254740991})},function(e,t,n){var r=n(5);r(r.S,"Number",{MIN_SAFE_INTEGER:-9007199254740991})},function(e,t,n){var r=n(5),o=n(465);r(r.S+r.F*(Number.parseFloat!=o),"Number",{parseFloat:o})},function(e,t,n){var r=n(5),o=n(466);r(r.S+r.F*(Number.parseInt!=o),"Number",{parseInt:o})},function(e,t,n){"use strict";var r=n(5),o=n(85),i=n(446),a=n(287),s=1..toFixed,u=Math.floor,l=[0,0,0,0,0,0],c="Number.toFixed: incorrect invocation!",f="0",p=function(e,t){for(var n=-1,r=t;++n<6;)r+=e*l[n],l[n]=r%1e7,r=u(r/1e7)},d=function(e){for(var t=6,n=0;--t>=0;)n+=l[t],l[t]=u(n/e),n=n%e*1e7},h=function(){for(var e=6,t="";--e>=0;)if(""!==t||0===e||0!==l[e]){var n=String(l[e]);t=""===t?n:t+a.call(f,7-n.length)+n}return t},v=function(e,t,n){return 0===t?n:t%2===1?v(e,t-1,n*e):v(e*e,t/2,n)},m=function(e){for(var t=0,n=e;n>=4096;)t+=12,n/=4096;for(;n>=2;)t+=1,n/=2;return t};r(r.P+r.F*(!!s&&("0.000"!==8e-5.toFixed(3)||"1"!==.9.toFixed(0)||"1.25"!==1.255.toFixed(2)||"1000000000000000128"!==(0xde0b6b3a7640080).toFixed(0))||!n(18)(function(){s.call({})})),"Number",{toFixed:function(e){var t,n,r,s,u=i(this,c),l=o(e),y="",g=f;if(l<0||l>20)throw RangeError(c);if(u!=u)return"NaN";if(u<=-1e21||u>=1e21)return String(u);if(u<0&&(y="-",u=-u),u>1e-21)if(t=m(u*v(2,69,1))-69,n=t<0?u*v(2,-t,1):u/v(2,t,1),n*=4503599627370496,t=52-t,t>0){for(p(0,n),r=l;r>=7;)p(1e7,0),r-=7;for(p(v(10,r,1),0),r=t-1;r>=23;)d(1<<23),r-=23;d(1<<r),p(1,1),d(2),g=h()}else p(0,n),p(1<<-t,0),g=h()+a.call(f,l);return l>0?(s=g.length,g=y+(s<=l?"0."+a.call(f,l-s)+g:g.slice(0,s-l)+"."+g.slice(s-l))):g=y+g,g}})},function(e,t,n){"use strict";var r=n(5),o=n(18),i=n(446),a=1..toPrecision;r(r.P+r.F*(o(function(){return"1"!==a.call(1,void 0)})||!o(function(){a.call({})})),"Number",{toPrecision:function(e){var t=i(this,"Number#toPrecision: incorrect invocation!");return void 0===e?a.call(t):a.call(t,e)}})},function(e,t,n){var r=n(5);r(r.S+r.F,"Object",{assign:n(459)})},function(e,t,n){var r=n(5);r(r.S,"Object",{create:n(99)})},function(e,t,n){var r=n(5);r(r.S+r.F*!n(26),"Object",{
+defineProperties:n(460)})},function(e,t,n){var r=n(5);r(r.S+r.F*!n(26),"Object",{defineProperty:n(27).f})},function(e,t,n){var r=n(21),o=n(83).onFreeze;n(67)("freeze",function(e){return function(t){return e&&r(t)?e(o(t)):t}})},function(e,t,n){var r=n(44),o=n(52).f;n(67)("getOwnPropertyDescriptor",function(){return function(e,t){return o(r(e),t)}})},function(e,t,n){n(67)("getOwnPropertyNames",function(){return n(461).f})},function(e,t,n){var r=n(32),o=n(53);n(67)("getPrototypeOf",function(){return function(e){return o(r(e))}})},function(e,t,n){var r=n(21);n(67)("isExtensible",function(e){return function(t){return!!r(t)&&(!e||e(t))}})},function(e,t,n){var r=n(21);n(67)("isFrozen",function(e){return function(t){return!r(t)||!!e&&e(t)}})},function(e,t,n){var r=n(21);n(67)("isSealed",function(e){return function(t){return!r(t)||!!e&&e(t)}})},function(e,t,n){var r=n(5);r(r.S,"Object",{is:n(467)})},function(e,t,n){var r=n(32),o=n(101);n(67)("keys",function(){return function(e){return o(r(e))}})},function(e,t,n){var r=n(21),o=n(83).onFreeze;n(67)("preventExtensions",function(e){return function(t){return e&&r(t)?e(o(t)):t}})},function(e,t,n){var r=n(21),o=n(83).onFreeze;n(67)("seal",function(e){return function(t){return e&&r(t)?e(o(t)):t}})},function(e,t,n){var r=n(5);r(r.S,"Object",{setPrototypeOf:n(282).set})},function(e,t,n){"use strict";var r=n(148),o={};o[n(24)("toStringTag")]="z",o+""!="[object z]"&&n(42)(Object.prototype,"toString",function(){return"[object "+r(this)+"]"},!0)},function(e,t,n){var r=n(5),o=n(465);r(r.G+r.F*(parseFloat!=o),{parseFloat:o})},function(e,t,n){var r=n(5),o=n(466);r(r.G+r.F*(parseInt!=o),{parseInt:o})},function(e,t,n){"use strict";var r,o,i,a=n(98),s=n(17),u=n(76),l=n(148),c=n(5),f=n(21),p=n(40),d=n(97),h=n(124),v=n(284),m=n(289).set,y=n(281)(),g="Promise",b=s.TypeError,_=s.process,w=s[g],_=s.process,x="process"==l(_),C=function(){},E=!!function(){try{var e=w.resolve(1),t=(e.constructor={})[n(24)("species")]=function(e){e(C,C)};return(x||"function"==typeof PromiseRejectionEvent)&&e.then(C)instanceof t}catch(r){}}(),S=function(e,t){return e===t||e===w&&t===i},O=function(e){var t;return!(!f(e)||"function"!=typeof(t=e.then))&&t},P=function(e){return S(w,e)?new T(e):new o(e)},T=o=function(e){var t,n;this.promise=new e(function(e,r){if(void 0!==t||void 0!==n)throw b("Bad Promise constructor");t=e,n=r}),this.resolve=p(t),this.reject=p(n)},k=function(e){try{e()}catch(t){return{error:t}}},M=function(e,t){if(!e._n){e._n=!0;var n=e._c;y(function(){for(var r=e._v,o=1==e._s,i=0,a=function(t){var n,i,a=o?t.ok:t.fail,s=t.resolve,u=t.reject,l=t.domain;try{a?(o||(2==e._h&&D(e),e._h=1),a===!0?n=r:(l&&l.enter(),n=a(r),l&&l.exit()),n===t.promise?u(b("Promise-chain cycle")):(i=O(n))?i.call(n,s,u):s(n)):u(r)}catch(c){u(c)}};n.length>i;)a(n[i++]);e._c=[],e._n=!1,t&&!e._h&&N(e)})}},N=function(e){m.call(s,function(){var t,n,r,o=e._v;if(A(e)&&(t=k(function(){x?_.emit("unhandledRejection",o,e):(n=s.onunhandledrejection)?n({promise:e,reason:o}):(r=s.console)&&r.error&&r.error("Unhandled promise rejection",o)}),e._h=x||A(e)?2:1),e._a=void 0,t)throw t.error})},A=function(e){if(1==e._h)return!1;for(var t,n=e._a||e._c,r=0;n.length>r;)if(t=n[r++],t.fail||!A(t.promise))return!1;return!0},D=function(e){m.call(s,function(){var t;x?_.emit("rejectionHandled",e):(t=s.onrejectionhandled)&&t({promise:e,reason:e._v})})},j=function(e){var t=this;t._d||(t._d=!0,t=t._w||t,t._v=e,t._s=2,t._a||(t._a=t._c.slice()),M(t,!0))},R=function(e){var t,n=this;if(!n._d){n._d=!0,n=n._w||n;try{if(n===e)throw b("Promise can't be resolved itself");(t=O(e))?y(function(){var r={_w:n,_d:!1};try{t.call(e,u(R,r,1),u(j,r,1))}catch(o){j.call(r,o)}}):(n._v=e,n._s=1,M(n,!1))}catch(r){j.call({_w:n,_d:!1},r)}}};E||(w=function(e){d(this,w,g,"_h"),p(e),r.call(this);try{e(u(R,this,1),u(j,this,1))}catch(t){j.call(this,t)}},r=function(e){this._c=[],this._a=void 0,this._s=0,this._d=!1,this._v=void 0,this._h=0,this._n=!1},r.prototype=n(102)(w.prototype,{then:function(e,t){var n=P(v(this,w));return n.ok="function"!=typeof e||e,n.fail="function"==typeof t&&t,n.domain=x?_.domain:void 0,this._c.push(n),this._a&&this._a.push(n),this._s&&M(this,!1),n.promise},"catch":function(e){return this.then(void 0,e)}}),T=function(){var e=new r;this.promise=e,this.resolve=u(R,e,1),this.reject=u(j,e,1)}),c(c.G+c.W+c.F*!E,{Promise:w}),n(126)(w,g),n(103)(g),i=n(75)[g],c(c.S+c.F*!E,g,{reject:function(e){var t=P(this),n=t.reject;return n(e),t.promise}}),c(c.S+c.F*(a||!E),g,{resolve:function(e){if(e instanceof w&&S(e.constructor,this))return e;var t=P(this),n=t.resolve;return n(e),t.promise}}),c(c.S+c.F*!(E&&n(186)(function(e){w.all(e)["catch"](C)})),g,{all:function(e){var t=this,n=P(t),r=n.resolve,o=n.reject,i=k(function(){var n=[],i=0,a=1;h(e,!1,function(e){var s=i++,u=!1;n.push(void 0),a++,t.resolve(e).then(function(e){u||(u=!0,n[s]=e,--a||r(n))},o)}),--a||r(n)});return i&&o(i.error),n.promise},race:function(e){var t=this,n=P(t),r=n.reject,o=k(function(){h(e,!1,function(e){t.resolve(e).then(n.resolve,r)})});return o&&r(o.error),n.promise}})},function(e,t,n){var r=n(5),o=n(40),i=n(15),a=(n(17).Reflect||{}).apply,s=Function.apply;r(r.S+r.F*!n(18)(function(){a(function(){})}),"Reflect",{apply:function(e,t,n){var r=o(e),u=i(n);return a?a(r,t,u):s.call(r,t,u)}})},function(e,t,n){var r=n(5),o=n(99),i=n(40),a=n(15),s=n(21),u=n(18),l=n(450),c=(n(17).Reflect||{}).construct,f=u(function(){function e(){}return!(c(function(){},[],e)instanceof e)}),p=!u(function(){c(function(){})});r(r.S+r.F*(f||p),"Reflect",{construct:function(e,t){i(e),a(t);var n=arguments.length<3?e:i(arguments[2]);if(p&&!f)return c(e,t,n);if(e==n){switch(t.length){case 0:return new e;case 1:return new e(t[0]);case 2:return new e(t[0],t[1]);case 3:return new e(t[0],t[1],t[2]);case 4:return new e(t[0],t[1],t[2],t[3])}var r=[null];return r.push.apply(r,t),new(l.apply(e,r))}var u=n.prototype,d=o(s(u)?u:Object.prototype),h=Function.apply.call(e,d,t);return s(h)?h:d}})},function(e,t,n){var r=n(27),o=n(5),i=n(15),a=n(68);o(o.S+o.F*n(18)(function(){Reflect.defineProperty(r.f({},1,{value:1}),1,{value:2})}),"Reflect",{defineProperty:function(e,t,n){i(e),t=a(t,!0),i(n);try{return r.f(e,t,n),!0}catch(o){return!1}}})},function(e,t,n){var r=n(5),o=n(52).f,i=n(15);r(r.S,"Reflect",{deleteProperty:function(e,t){var n=o(i(e),t);return!(n&&!n.configurable)&&delete e[t]}})},function(e,t,n){"use strict";var r=n(5),o=n(15),i=function(e){this._t=o(e),this._i=0;var t,n=this._k=[];for(t in e)n.push(t)};n(277)(i,"Object",function(){var e,t=this,n=t._k;do if(t._i>=n.length)return{value:void 0,done:!0};while(!((e=n[t._i++])in t._t));return{value:e,done:!1}}),r(r.S,"Reflect",{enumerate:function(e){return new i(e)}})},function(e,t,n){var r=n(52),o=n(5),i=n(15);o(o.S,"Reflect",{getOwnPropertyDescriptor:function(e,t){return r.f(i(e),t)}})},function(e,t,n){var r=n(5),o=n(53),i=n(15);r(r.S,"Reflect",{getPrototypeOf:function(e){return o(i(e))}})},function(e,t,n){function r(e,t){var n,s,c=arguments.length<3?e:arguments[2];return l(e)===c?e[t]:(n=o.f(e,t))?a(n,"value")?n.value:void 0!==n.get?n.get.call(c):void 0:u(s=i(e))?r(s,t,c):void 0}var o=n(52),i=n(53),a=n(39),s=n(5),u=n(21),l=n(15);s(s.S,"Reflect",{get:r})},function(e,t,n){var r=n(5);r(r.S,"Reflect",{has:function(e,t){return t in e}})},function(e,t,n){var r=n(5),o=n(15),i=Object.isExtensible;r(r.S,"Reflect",{isExtensible:function(e){return o(e),!i||i(e)}})},function(e,t,n){var r=n(5);r(r.S,"Reflect",{ownKeys:n(464)})},function(e,t,n){var r=n(5),o=n(15),i=Object.preventExtensions;r(r.S,"Reflect",{preventExtensions:function(e){o(e);try{return i&&i(e),!0}catch(t){return!1}}})},function(e,t,n){var r=n(5),o=n(282);o&&r(r.S,"Reflect",{setPrototypeOf:function(e,t){o.check(e,t);try{return o.set(e,t),!0}catch(n){return!1}}})},function(e,t,n){function r(e,t,n){var u,p,d=arguments.length<4?e:arguments[3],h=i.f(c(e),t);if(!h){if(f(p=a(e)))return r(p,t,n,d);h=l(0)}return s(h,"value")?!(h.writable===!1||!f(d))&&(u=i.f(d,t)||l(0),u.value=n,o.f(d,t,u),!0):void 0!==h.set&&(h.set.call(d,n),!0)}var o=n(27),i=n(52),a=n(53),s=n(39),u=n(5),l=n(84),c=n(15),f=n(21);u(u.S,"Reflect",{set:r})},function(e,t,n){var r=n(17),o=n(274),i=n(27).f,a=n(100).f,s=n(185),u=n(183),l=r.RegExp,c=l,f=l.prototype,p=/a/g,d=/a/g,h=new l(p)!==p;if(n(26)&&(!h||n(18)(function(){return d[n(24)("match")]=!1,l(p)!=p||l(d)==d||"/a/i"!=l(p,"i")}))){l=function(e,t){var n=this instanceof l,r=s(e),i=void 0===t;return!n&&r&&e.constructor===l&&i?e:o(h?new c(r&&!i?e.source:e,t):c((r=e instanceof l)?e.source:e,r&&i?u.call(e):t),n?this:f,l)};for(var v=(function(e){e in l||i(l,e,{configurable:!0,get:function(){return c[e]},set:function(t){c[e]=t}})}),m=a(c),y=0;m.length>y;)v(m[y++]);f.constructor=l,l.prototype=f,n(42)(r,"RegExp",l)}n(103)("RegExp")},function(e,t,n){n(182)("match",1,function(e,t,n){return[function(n){"use strict";var r=e(this),o=void 0==n?void 0:n[t];return void 0!==o?o.call(n,r):new RegExp(n)[t](String(r))},n]})},function(e,t,n){n(182)("replace",2,function(e,t,n){return[function(r,o){"use strict";var i=e(this),a=void 0==r?void 0:r[t];return void 0!==a?a.call(r,i,o):n.call(String(i),r,o)},n]})},function(e,t,n){n(182)("search",1,function(e,t,n){return[function(n){"use strict";var r=e(this),o=void 0==n?void 0:n[t];return void 0!==o?o.call(n,r):new RegExp(n)[t](String(r))},n]})},function(e,t,n){n(182)("split",2,function(e,t,r){"use strict";var o=n(185),i=r,a=[].push,s="split",u="length",l="lastIndex";if("c"=="abbc"[s](/(b)*/)[1]||4!="test"[s](/(?:)/,-1)[u]||2!="ab"[s](/(?:ab)*/)[u]||4!="."[s](/(.?)(.?)/)[u]||"."[s](/()()/)[u]>1||""[s](/.?/)[u]){var c=void 0===/()??/.exec("")[1];r=function(e,t){var n=String(this);if(void 0===e&&0===t)return[];if(!o(e))return i.call(n,e,t);var r,s,f,p,d,h=[],v=(e.ignoreCase?"i":"")+(e.multiline?"m":"")+(e.unicode?"u":"")+(e.sticky?"y":""),m=0,y=void 0===t?4294967295:t>>>0,g=new RegExp(e.source,v+"g");for(c||(r=new RegExp("^"+g.source+"$(?!\\s)",v));(s=g.exec(n))&&(f=s.index+s[0][u],!(f>m&&(h.push(n.slice(m,s.index)),!c&&s[u]>1&&s[0].replace(r,function(){for(d=1;d<arguments[u]-2;d++)void 0===arguments[d]&&(s[d]=void 0)}),s[u]>1&&s.index<n[u]&&a.apply(h,s.slice(1)),p=s[0][u],m=f,h[u]>=y)));)g[l]===s.index&&g[l]++;return m===n[u]?!p&&g.test("")||h.push(""):h.push(n.slice(m)),h[u]>y?h.slice(0,y):h}}else"0"[s](void 0,0)[u]&&(r=function(e,t){return void 0===e&&0===t?[]:i.call(this,e,t)});return[function(n,o){var i=e(this),a=void 0==n?void 0:n[t];return void 0!==a?a.call(n,i,o):r.call(String(i),n,o)},r]})},function(e,t,n){"use strict";n(471);var r=n(15),o=n(183),i=n(26),a="toString",s=/./[a],u=function(e){n(42)(RegExp.prototype,a,e,!0)};n(18)(function(){return"/a/b"!=s.call({source:"a",flags:"b"})})?u(function(){var e=r(this);return"/".concat(e.source,"/","flags"in e?e.flags:!i&&e instanceof RegExp?o.call(e):void 0)}):s.name!=a&&u(function(){return s.call(this)})},function(e,t,n){"use strict";n(43)("anchor",function(e){return function(t){return e(this,"a","name",t)}})},function(e,t,n){"use strict";n(43)("big",function(e){return function(){return e(this,"big","","")}})},function(e,t,n){"use strict";n(43)("blink",function(e){return function(){return e(this,"blink","","")}})},function(e,t,n){"use strict";n(43)("bold",function(e){return function(){return e(this,"b","","")}})},function(e,t,n){"use strict";var r=n(5),o=n(285)(!1);r(r.P,"String",{codePointAt:function(e){return o(this,e)}})},function(e,t,n){"use strict";var r=n(5),o=n(30),i=n(286),a="endsWith",s=""[a];r(r.P+r.F*n(272)(a),"String",{endsWith:function(e){var t=i(this,e,a),n=arguments.length>1?arguments[1]:void 0,r=o(t.length),u=void 0===n?r:Math.min(o(n),r),l=String(e);return s?s.call(t,l,u):t.slice(u-l.length,u)===l}})},function(e,t,n){"use strict";n(43)("fixed",function(e){return function(){return e(this,"tt","","")}})},function(e,t,n){"use strict";n(43)("fontcolor",function(e){return function(t){return e(this,"font","color",t)}})},function(e,t,n){"use strict";n(43)("fontsize",function(e){return function(t){return e(this,"font","size",t)}})},function(e,t,n){var r=n(5),o=n(104),i=String.fromCharCode,a=String.fromCodePoint;r(r.S+r.F*(!!a&&1!=a.length),"String",{fromCodePoint:function(e){for(var t,n=[],r=arguments.length,a=0;r>a;){if(t=+arguments[a++],o(t,1114111)!==t)throw RangeError(t+" is not a valid code point");n.push(t<65536?i(t):i(((t-=65536)>>10)+55296,t%1024+56320))}return n.join("")}})},function(e,t,n){"use strict";var r=n(5),o=n(286),i="includes";r(r.P+r.F*n(272)(i),"String",{includes:function(e){return!!~o(this,e,i).indexOf(e,arguments.length>1?arguments[1]:void 0)}})},function(e,t,n){"use strict";n(43)("italics",function(e){return function(){return e(this,"i","","")}})},function(e,t,n){"use strict";var r=n(285)(!0);n(278)(String,"String",function(e){this._t=String(e),this._i=0},function(){var e,t=this._t,n=this._i;return n>=t.length?{value:void 0,done:!0}:(e=r(t,n),this._i+=e.length,{value:e,done:!1})})},function(e,t,n){"use strict";n(43)("link",function(e){return function(t){return e(this,"a","href",t)}})},function(e,t,n){var r=n(5),o=n(44),i=n(30);r(r.S,"String",{raw:function(e){for(var t=o(e.raw),n=i(t.length),r=arguments.length,a=[],s=0;n>s;)a.push(String(t[s++])),s<r&&a.push(String(arguments[s]));return a.join("")}})},function(e,t,n){var r=n(5);r(r.P,"String",{repeat:n(287)})},function(e,t,n){"use strict";n(43)("small",function(e){return function(){return e(this,"small","","")}})},function(e,t,n){"use strict";var r=n(5),o=n(30),i=n(286),a="startsWith",s=""[a];r(r.P+r.F*n(272)(a),"String",{startsWith:function(e){var t=i(this,e,a),n=o(Math.min(arguments.length>1?arguments[1]:void 0,t.length)),r=String(e);return s?s.call(t,r,n):t.slice(n,n+r.length)===r}})},function(e,t,n){"use strict";n(43)("strike",function(e){return function(){return e(this,"strike","","")}})},function(e,t,n){"use strict";n(43)("sub",function(e){return function(){return e(this,"sub","","")}})},function(e,t,n){"use strict";n(43)("sup",function(e){return function(){return e(this,"sup","","")}})},function(e,t,n){"use strict";n(127)("trim",function(e){return function(){return e(this,3)}})},function(e,t,n){"use strict";var r=n(17),o=n(39),i=n(26),a=n(5),s=n(42),u=n(83).KEY,l=n(18),c=n(189),f=n(126),p=n(105),d=n(24),h=n(469),v=n(291),m=n(1549),y=n(1548),g=n(276),b=n(15),_=n(44),w=n(68),x=n(84),C=n(99),E=n(461),S=n(52),O=n(27),P=n(101),T=S.f,k=O.f,M=E.f,N=r.Symbol,A=r.JSON,D=A&&A.stringify,j="prototype",R=d("_hidden"),I=d("toPrimitive"),L={}.propertyIsEnumerable,F=c("symbol-registry"),U=c("symbols"),V=c("op-symbols"),B=Object[j],z="function"==typeof N,H=r.QObject,K=!H||!H[j]||!H[j].findChild,W=i&&l(function(){return 7!=C(k({},"a",{get:function(){return k(this,"a",{value:7}).a}})).a})?function(e,t,n){var r=T(B,t);r&&delete B[t],k(e,t,n),r&&e!==B&&k(B,t,r)}:k,q=function(e){var t=U[e]=C(N[j]);return t._k=e,t},Y=z&&"symbol"==typeof N.iterator?function(e){return"symbol"==typeof e}:function(e){return e instanceof N},G=function(e,t,n){return e===B&&G(V,t,n),b(e),t=w(t,!0),b(n),o(U,t)?(n.enumerable?(o(e,R)&&e[R][t]&&(e[R][t]=!1),n=C(n,{enumerable:x(0,!1)})):(o(e,R)||k(e,R,x(1,{})),e[R][t]=!0),W(e,t,n)):k(e,t,n)},X=function(e,t){b(e);for(var n,r=y(t=_(t)),o=0,i=r.length;i>o;)G(e,n=r[o++],t[n]);return e},$=function(e,t){return void 0===t?C(e):X(C(e),t)},Z=function(e){var t=L.call(this,e=w(e,!0));return!(this===B&&o(U,e)&&!o(V,e))&&(!(t||!o(this,e)||!o(U,e)||o(this,R)&&this[R][e])||t)},Q=function(e,t){if(e=_(e),t=w(t,!0),e!==B||!o(U,t)||o(V,t)){var n=T(e,t);return!n||!o(U,t)||o(e,R)&&e[R][t]||(n.enumerable=!0),n}},J=function(e){for(var t,n=M(_(e)),r=[],i=0;n.length>i;)o(U,t=n[i++])||t==R||t==u||r.push(t);return r},ee=function(e){for(var t,n=e===B,r=M(n?V:_(e)),i=[],a=0;r.length>a;)!o(U,t=r[a++])||n&&!o(B,t)||i.push(U[t]);return i};z||(N=function(){if(this instanceof N)throw TypeError("Symbol is not a constructor!");var e=p(arguments.length>0?arguments[0]:void 0),t=function(n){this===B&&t.call(V,n),o(this,R)&&o(this[R],e)&&(this[R][e]=!1),W(this,e,x(1,n))};return i&&K&&W(B,e,{configurable:!0,set:t}),q(e)},s(N[j],"toString",function(){return this._k}),S.f=Q,O.f=G,n(100).f=E.f=J,n(150).f=Z,n(188).f=ee,i&&!n(98)&&s(B,"propertyIsEnumerable",Z,!0),h.f=function(e){return q(d(e))}),a(a.G+a.W+a.F*!z,{Symbol:N});for(var te="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),ne=0;te.length>ne;)d(te[ne++]);for(var te=P(d.store),ne=0;te.length>ne;)v(te[ne++]);a(a.S+a.F*!z,"Symbol",{"for":function(e){return o(F,e+="")?F[e]:F[e]=N(e)},keyFor:function(e){if(Y(e))return m(F,e);throw TypeError(e+" is not a symbol!")},useSetter:function(){K=!0},useSimple:function(){K=!1}}),a(a.S+a.F*!z,"Object",{create:$,defineProperty:G,defineProperties:X,getOwnPropertyDescriptor:Q,getOwnPropertyNames:J,getOwnPropertySymbols:ee}),A&&a(a.S+a.F*(!z||l(function(){var e=N();return"[null]"!=D([e])||"{}"!=D({a:e})||"{}"!=D(Object(e))})),"JSON",{stringify:function(e){if(void 0!==e&&!Y(e)){for(var t,n,r=[e],o=1;arguments.length>o;)r.push(arguments[o++]);return t=r[1],"function"==typeof t&&(n=t),!n&&g(t)||(t=function(e,t){if(n&&(t=n.call(this,e,t)),!Y(t))return t}),r[1]=t,D.apply(A,r)}}}),N[j][I]||n(41)(N[j],I,N[j].valueOf),f(N,"Symbol"),f(Math,"Math",!0),f(r.JSON,"JSON",!0)},function(e,t,n){"use strict";var r=n(5),o=n(190),i=n(290),a=n(15),s=n(104),u=n(30),l=n(21),c=n(17).ArrayBuffer,f=n(284),p=i.ArrayBuffer,d=i.DataView,h=o.ABV&&c.isView,v=p.prototype.slice,m=o.VIEW,y="ArrayBuffer";r(r.G+r.W+r.F*(c!==p),{ArrayBuffer:p}),r(r.S+r.F*!o.CONSTR,y,{isView:function(e){return h&&h(e)||l(e)&&m in e}}),r(r.P+r.U+r.F*n(18)(function(){return!new p(2).slice(1,void 0).byteLength}),y,{slice:function(e,t){if(void 0!==v&&void 0===t)return v.call(a(this),e);for(var n=a(this).byteLength,r=s(e,n),o=s(void 0===t?n:t,n),i=new(f(this,p))(u(o-r)),l=new d(this),c=new d(i),h=0;r<o;)c.setUint8(h++,l.getUint8(r++));return i}}),n(103)(y)},function(e,t,n){var r=n(5);r(r.G+r.W+r.F*!n(190).ABV,{DataView:n(290).DataView})},function(e,t,n){n(78)("Float32",4,function(e){return function(t,n,r){return e(this,t,n,r)}})},function(e,t,n){n(78)("Float64",8,function(e){return function(t,n,r){return e(this,t,n,r)}})},function(e,t,n){n(78)("Int16",2,function(e){return function(t,n,r){return e(this,t,n,r)}})},function(e,t,n){n(78)("Int32",4,function(e){return function(t,n,r){return e(this,t,n,r)}})},function(e,t,n){n(78)("Int8",1,function(e){return function(t,n,r){return e(this,t,n,r)}})},function(e,t,n){n(78)("Uint16",2,function(e){return function(t,n,r){return e(this,t,n,r)}})},function(e,t,n){n(78)("Uint32",4,function(e){return function(t,n,r){return e(this,t,n,r)}})},function(e,t,n){n(78)("Uint8",1,function(e){return function(t,n,r){return e(this,t,n,r)}})},function(e,t,n){n(78)("Uint8",1,function(e){return function(t,n,r){return e(this,t,n,r)}},!0)},function(e,t,n){"use strict";var r=n(453);n(181)("WeakSet",function(e){return function(){return e(this,arguments.length>0?arguments[0]:void 0)}},{add:function(e){return r.def(this,e,!0)}},r,!1,!0)},function(e,t,n){"use strict";var r=n(5),o=n(180)(!0);r(r.P,"Array",{includes:function(e){return o(this,e,arguments.length>1?arguments[1]:void 0)}}),n(123)("includes")},function(e,t,n){var r=n(5),o=n(281)(),i=n(17).process,a="process"==n(59)(i);r(r.G,{asap:function(e){var t=a&&i.domain;o(t?t.bind(e):e)}})},function(e,t,n){var r=n(5),o=n(59);r(r.S,"Error",{isError:function(e){return"Error"===o(e)}})},function(e,t,n){var r=n(5);r(r.P+r.R,"Map",{toJSON:n(452)("Map")})},function(e,t,n){var r=n(5);r(r.S,"Math",{iaddh:function(e,t,n,r){var o=e>>>0,i=t>>>0,a=n>>>0;return i+(r>>>0)+((o&a|(o|a)&~(o+a>>>0))>>>31)|0}})},function(e,t,n){var r=n(5);r(r.S,"Math",{imulh:function(e,t){var n=65535,r=+e,o=+t,i=r&n,a=o&n,s=r>>16,u=o>>16,l=(s*a>>>0)+(i*a>>>16);return s*u+(l>>16)+((i*u>>>0)+(l&n)>>16)}})},function(e,t,n){var r=n(5);r(r.S,"Math",{isubh:function(e,t,n,r){var o=e>>>0,i=t>>>0,a=n>>>0;return i-(r>>>0)-((~o&a|~(o^a)&o-a>>>0)>>>31)|0}})},function(e,t,n){var r=n(5);r(r.S,"Math",{umulh:function(e,t){var n=65535,r=+e,o=+t,i=r&n,a=o&n,s=r>>>16,u=o>>>16,l=(s*a>>>0)+(i*a>>>16);return s*u+(l>>>16)+((i*u>>>0)+(l&n)>>>16)}})},function(e,t,n){"use strict";var r=n(5),o=n(32),i=n(40),a=n(27);n(26)&&r(r.P+n(187),"Object",{__defineGetter__:function(e,t){a.f(o(this),e,{get:i(t),enumerable:!0,configurable:!0})}})},function(e,t,n){"use strict";var r=n(5),o=n(32),i=n(40),a=n(27);n(26)&&r(r.P+n(187),"Object",{__defineSetter__:function(e,t){a.f(o(this),e,{set:i(t),enumerable:!0,configurable:!0})}})},function(e,t,n){var r=n(5),o=n(463)(!0);r(r.S,"Object",{entries:function(e){return o(e)}})},function(e,t,n){var r=n(5),o=n(464),i=n(44),a=n(52),s=n(269);r(r.S,"Object",{getOwnPropertyDescriptors:function(e){for(var t,n=i(e),r=a.f,u=o(n),l={},c=0;u.length>c;)s(l,t=u[c++],r(n,t));return l}})},function(e,t,n){"use strict";var r=n(5),o=n(32),i=n(68),a=n(53),s=n(52).f;n(26)&&r(r.P+n(187),"Object",{__lookupGetter__:function(e){var t,n=o(this),r=i(e,!0);do if(t=s(n,r))return t.get;while(n=a(n))}})},function(e,t,n){"use strict";var r=n(5),o=n(32),i=n(68),a=n(53),s=n(52).f;n(26)&&r(r.P+n(187),"Object",{__lookupSetter__:function(e){var t,n=o(this),r=i(e,!0);do if(t=s(n,r))return t.set;while(n=a(n))}})},function(e,t,n){var r=n(5),o=n(463)(!1);r(r.S,"Object",{values:function(e){return o(e)}})},function(e,t,n){"use strict";var r=n(5),o=n(17),i=n(75),a=n(281)(),s=n(24)("observable"),u=n(40),l=n(15),c=n(97),f=n(102),p=n(41),d=n(124),h=d.RETURN,v=function(e){return null==e?void 0:u(e)},m=function(e){var t=e._c;t&&(e._c=void 0,t())},y=function(e){return void 0===e._o},g=function(e){y(e)||(e._o=void 0,m(e))},b=function(e,t){l(e),this._c=void 0,this._o=e,e=new _(this);try{var n=t(e),r=n;null!=n&&("function"==typeof n.unsubscribe?n=function(){r.unsubscribe()}:u(n),this._c=n)}catch(o){return void e.error(o)}y(this)&&m(this)};b.prototype=f({},{unsubscribe:function(){g(this)}});var _=function(e){this._s=e};_.prototype=f({},{next:function(e){var t=this._s;if(!y(t)){var n=t._o;try{var r=v(n.next);if(r)return r.call(n,e)}catch(o){try{g(t)}finally{throw o}}}},error:function(e){var t=this._s;if(y(t))throw e;var n=t._o;t._o=void 0;try{var r=v(n.error);if(!r)throw e;e=r.call(n,e)}catch(o){try{m(t)}finally{throw o}}return m(t),e},complete:function(e){var t=this._s;if(!y(t)){var n=t._o;t._o=void 0;try{var r=v(n.complete);e=r?r.call(n,e):void 0}catch(o){try{m(t)}finally{throw o}}return m(t),e}}});var w=function(e){c(this,w,"Observable","_f")._f=u(e)};f(w.prototype,{subscribe:function(e){return new b(e,this._f)},forEach:function(e){var t=this;return new(i.Promise||o.Promise)(function(n,r){u(e);var o=t.subscribe({next:function(t){try{return e(t)}catch(n){r(n),o.unsubscribe()}},error:r,complete:n})})}}),f(w,{from:function(e){var t="function"==typeof this?this:w,n=v(l(e)[s]);if(n){var r=l(n.call(e));return r.constructor===t?r:new t(function(e){return r.subscribe(e)})}return new t(function(t){var n=!1;return a(function(){if(!n){try{if(d(e,!1,function(e){if(t.next(e),n)return h})===h)return}catch(r){if(n)throw r;return void t.error(r)}t.complete()}}),function(){n=!0}})},of:function(){for(var e=0,t=arguments.length,n=Array(t);e<t;)n[e]=arguments[e++];return new("function"==typeof this?this:w)(function(e){var t=!1;return a(function(){if(!t){for(var r=0;r<n.length;++r)if(e.next(n[r]),t)return;e.complete()}}),function(){t=!0}})}}),p(w.prototype,s,function(){return this}),r(r.G,{Observable:w}),n(103)("Observable")},function(e,t,n){var r=n(77),o=n(15),i=r.key,a=r.set;r.exp({defineMetadata:function(e,t,n,r){a(e,t,o(n),i(r))}})},function(e,t,n){var r=n(77),o=n(15),i=r.key,a=r.map,s=r.store;r.exp({deleteMetadata:function(e,t){var n=arguments.length<3?void 0:i(arguments[2]),r=a(o(t),n,!1);if(void 0===r||!r["delete"](e))return!1;if(r.size)return!0;var u=s.get(t);return u["delete"](n),!!u.size||s["delete"](t)}})},function(e,t,n){var r=n(472),o=n(448),i=n(77),a=n(15),s=n(53),u=i.keys,l=i.key,c=function(e,t){var n=u(e,t),i=s(e);if(null===i)return n;var a=c(i,t);return a.length?n.length?o(new r(n.concat(a))):a:n};i.exp({getMetadataKeys:function(e){return c(a(e),arguments.length<2?void 0:l(arguments[1]))}})},function(e,t,n){var r=n(77),o=n(15),i=n(53),a=r.has,s=r.get,u=r.key,l=function(e,t,n){var r=a(e,t,n);if(r)return s(e,t,n);var o=i(t);return null!==o?l(e,o,n):void 0};r.exp({getMetadata:function(e,t){return l(e,o(t),arguments.length<3?void 0:u(arguments[2]))}})},function(e,t,n){var r=n(77),o=n(15),i=r.keys,a=r.key;r.exp({getOwnMetadataKeys:function(e){return i(o(e),arguments.length<2?void 0:a(arguments[1]))}})},function(e,t,n){var r=n(77),o=n(15),i=r.get,a=r.key;r.exp({getOwnMetadata:function(e,t){return i(e,o(t),arguments.length<3?void 0:a(arguments[2]))}})},function(e,t,n){var r=n(77),o=n(15),i=n(53),a=r.has,s=r.key,u=function(e,t,n){var r=a(e,t,n);if(r)return!0;var o=i(t);return null!==o&&u(e,o,n)};r.exp({hasMetadata:function(e,t){return u(e,o(t),arguments.length<3?void 0:s(arguments[2]))}})},function(e,t,n){var r=n(77),o=n(15),i=r.has,a=r.key;r.exp({hasOwnMetadata:function(e,t){return i(e,o(t),arguments.length<3?void 0:a(arguments[2]))}})},function(e,t,n){var r=n(77),o=n(15),i=n(40),a=r.key,s=r.set;r.exp({metadata:function(e,t){return function(n,r){s(e,t,(void 0!==r?o:i)(n),a(r))}}})},function(e,t,n){var r=n(5);r(r.P+r.R,"Set",{toJSON:n(452)("Set")})},function(e,t,n){"use strict";var r=n(5),o=n(285)(!0);r(r.P,"String",{at:function(e){return o(this,e)}})},function(e,t,n){"use strict";var r=n(5),o=n(60),i=n(30),a=n(185),s=n(183),u=RegExp.prototype,l=function(e,t){this._r=e,this._s=t};n(277)(l,"RegExp String",function(){var e=this._r.exec(this._s);return{value:e,done:null===e}}),r(r.P,"String",{matchAll:function(e){if(o(this),!a(e))throw TypeError(e+" is not a regexp!");var t=String(this),n="flags"in u?String(e.flags):s.call(e),r=new RegExp(e.source,~n.indexOf("g")?n:"g"+n);return r.lastIndex=i(e.lastIndex),new l(r,t)}})},function(e,t,n){"use strict";var r=n(5),o=n(468);r(r.P,"String",{padEnd:function(e){return o(this,e,arguments.length>1?arguments[1]:void 0,!1)}})},function(e,t,n){"use strict";var r=n(5),o=n(468);r(r.P,"String",{padStart:function(e){return o(this,e,arguments.length>1?arguments[1]:void 0,!0)}})},function(e,t,n){"use strict";n(127)("trimLeft",function(e){return function(){return e(this,1)}},"trimStart")},function(e,t,n){"use strict";n(127)("trimRight",function(e){return function(){return e(this,2)}},"trimEnd")},function(e,t,n){n(291)("asyncIterator")},function(e,t,n){n(291)("observable")},function(e,t,n){var r=n(5);r(r.S,"System",{global:n(17)})},function(e,t,n){for(var r=n(293),o=n(42),i=n(17),a=n(41),s=n(125),u=n(24),l=u("iterator"),c=u("toStringTag"),f=s.Array,p=["NodeList","DOMTokenList","MediaList","StyleSheetList","CSSRuleList"],d=0;d<5;d++){var h,v=p[d],m=i[v],y=m&&m.prototype;if(y){y[l]||a(y,l,f),y[c]||a(y,c,v),s[v]=f;for(h in r)y[h]||o(y,h,r[h],!0)}}},function(e,t,n){var r=n(5),o=n(289);r(r.G+r.B,{setImmediate:o.set,clearImmediate:o.clear})},function(e,t,n){var r=n(17),o=n(5),i=n(184),a=n(1550),s=r.navigator,u=!!s&&/MSIE .\./.test(s.userAgent),l=function(e){return u?function(t,n){return e(i(a,[].slice.call(arguments,2),"function"==typeof t?t:Function(t)),n)}:e};o(o.G+o.B+o.F*u,{setTimeout:l(r.setTimeout),setInterval:l(r.setInterval)})},function(e,t,n){n(1673),n(1612),n(1614),n(1613),n(1616),n(1618),n(1623),n(1617),n(1615),n(1625),n(1624),n(1620),n(1621),n(1619),n(1611),n(1622),n(1626),n(1627),n(1579),n(1581),n(1580),n(1629),n(1628),n(1599),n(1609),n(1610),n(1600),n(1601),n(1602),n(1603),n(1604),n(1605),n(1606),n(1607),n(1608),n(1582),n(1583),n(1584),n(1585),n(1586),n(1587),n(1588),n(1589),n(1590),n(1591),n(1592),n(1593),n(1594),n(1595),n(1596),n(1597),n(1598),n(1660),n(1665),n(1672),n(1663),n(1655),n(1656),n(1661),n(1666),n(1668),n(1651),n(1652),n(1653),n(1654),n(1657),n(1658),n(1659),n(1662),n(1664),n(1667),n(1669),n(1670),n(1671),n(1574),n(1576),n(1575),n(1578),n(1577),n(1563),n(1561),n(1567),n(1564),n(1570),n(1572),n(1560),n(1566),n(1557),n(1571),n(1555),n(1569),n(1568),n(1562),n(1565),n(1554),n(1556),n(1559),n(1558),n(1573),n(293),n(1645),n(1650),n(471),n(1646),n(1647),n(1648),n(1649),n(1630),n(470),n(472),n(473),n(1685),n(1674),n(1675),n(1680),n(1683),n(1684),n(1678),n(1681),n(1679),n(1682),n(1676),n(1677),n(1631),n(1632),n(1633),n(1634),n(1635),n(1638),n(1636),n(1637),n(1639),n(1640),n(1641),n(1642),n(1644),n(1643),n(1686),n(1712),n(1715),n(1714),n(1716),n(1717),n(1713),n(1718),n(1719),n(1697),n(1700),n(1696),n(1694),n(1695),n(1698),n(1699),n(1689),n(1711),n(1720),n(1688),n(1690),n(1692),n(1691),n(1693),n(1702),n(1703),n(1705),n(1704),n(1707),n(1706),n(1708),n(1709),n(1710),n(1687),n(1701),n(1723),n(1722),n(1721),e.exports=n(75)},function(e,t,n){!function(t,r){e.exports=r(n(1))}(this,function(e){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=t.CustomPicker=t.TwitterPicker=t.SwatchesPicker=t.SliderPicker=t.SketchPicker=t.PhotoshopPicker=t.MaterialPicker=t.HuePicker=t.GithubPicker=t.CompactPicker=t.ChromePicker=t.CirclePicker=t.BlockPicker=t.AlphaPicker=void 0;var o=n(2);Object.defineProperty(t,"AlphaPicker",{enumerable:!0,get:function(){return r(o)["default"]}});var i=n(196);Object.defineProperty(t,"BlockPicker",{enumerable:!0,get:function(){return r(i)["default"]}});var a=n(198);Object.defineProperty(t,"CirclePicker",{enumerable:!0,get:function(){return r(a)["default"]}});var s=n(201);Object.defineProperty(t,"ChromePicker",{enumerable:!0,get:function(){return r(s)["default"]}});var u=n(205);Object.defineProperty(t,"CompactPicker",{enumerable:!0,get:function(){return r(u)["default"]}});var l=n(214);Object.defineProperty(t,"GithubPicker",{enumerable:!0,get:function(){return r(l)["default"]}});var c=n(216);Object.defineProperty(t,"HuePicker",{enumerable:!0,get:function(){return r(c)["default"]}});var f=n(218);Object.defineProperty(t,"MaterialPicker",{enumerable:!0,get:function(){return r(f)["default"]}});var p=n(219);Object.defineProperty(t,"PhotoshopPicker",{enumerable:!0,get:function(){return r(p)["default"]}});var d=n(225);Object.defineProperty(t,"SketchPicker",{enumerable:!0,get:function(){return r(d)["default"]}});var h=n(228);Object.defineProperty(t,"SliderPicker",{enumerable:!0,get:function(){return r(h)["default"]}});var v=n(232);Object.defineProperty(t,"SwatchesPicker",{enumerable:!0,get:function(){return r(v)["default"]}});var m=n(235);Object.defineProperty(t,"TwitterPicker",{enumerable:!0,get:function(){return r(m)["default"]}});var y=n(188);Object.defineProperty(t,"CustomPicker",{enumerable:!0,get:function(){return r(y)["default"]}});var g=r(s);t["default"]=g["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.AlphaPicker=void 0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(3),a=r(i),s=n(4),u=r(s),l=n(172),c=n(195),f=r(c),p=t.AlphaPicker=function(e){var t=e.rgb,n=e.hsl,r=e.width,i=e.height,s=e.onChange,c=e.style,p=(0,u["default"])({"default":{picker:{position:"relative",width:r,height:i},alpha:{radius:"2px",style:c}}});return a["default"].createElement("div",{style:p.picker,className:"alpha-picker"},a["default"].createElement(l.Alpha,o({},p.alpha,{rgb:t,hsl:n,pointer:f["default"],onChange:s})))};p.defaultProps={width:"316px",height:"16px"},t["default"]=(0,l.ColorWrap)(p)},function(t,n){t.exports=e},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.ReactCSS=t.loop=t.hover=t.Component=void 0;var o=n(5),i=r(o),a=n(6),s=r(a),u=n(126),l=r(u),c=n(157),f=r(c),p=n(158),d=r(p),h=n(170),v=r(h),m=n(171),y=r(m);
+t.Component=d["default"],t.hover=v["default"],t.loop=y["default"];var g=t.ReactCSS=function(e){for(var t=arguments.length,n=Array(t>1?t-1:0),r=1;t>r;r++)n[r-1]=arguments[r];var o=(0,s["default"])(n),i=(0,l["default"])(e,o);return(0,f["default"])(i)};g.m=i["default"],t["default"]=g},function(e,t){"use strict";function n(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function r(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;var r=Object.getOwnPropertyNames(t).map(function(e){return t[e]});if("0123456789"!==r.join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach(function(e){o[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(i){return!1}}var o=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;e.exports=r()?Object.assign:function(e,t){for(var r,a,s=n(e),u=1;u<arguments.length;u++){r=Object(arguments[u]);for(var l in r)o.call(r,l)&&(s[l]=r[l]);if(Object.getOwnPropertySymbols){a=Object.getOwnPropertySymbols(r);for(var c=0;c<a.length;c++)i.call(r,a[c])&&(s[a[c]]=r[a[c]])}}return s}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.flattenNames=void 0;var o=n(7),i=r(o),a=n(123),s=r(a),u=n(125),l=r(u),c=t.flattenNames=function f(e){var t=[];return e.map(function(e){return Array.isArray(e)&&f(e).map(function(e){return t.push(e)}),(0,s["default"])(e)&&(0,i["default"])(e,function(e,n){e===!0&&t.push(n),t.push(n+"-"+e)}),(0,l["default"])(e)&&t.push(e),e}),t};t["default"]=c},function(e,t,n){function r(e,t){var n=s(e)?o:a;return n(e,i(t,3))}var o=n(8),i=n(9),a=n(117),s=n(75);e.exports=r},function(e,t){function n(e,t){for(var n=-1,r=null==e?0:e.length,o=Array(r);++n<r;)o[n]=t(e[n],n,e);return o}e.exports=n},function(e,t,n){function r(e){return"function"==typeof e?e:null==e?a:"object"==typeof e?s(e)?i(e[0],e[1]):o(e):u(e)}var o=n(10),i=n(98),a=n(113),s=n(75),u=n(114);e.exports=r},function(e,t,n){function r(e){var t=i(e);return 1==t.length&&t[0][2]?a(t[0][0],t[0][1]):function(n){return n===e||o(n,e,t)}}var o=n(11),i=n(95),a=n(97);e.exports=r},function(e,t,n){function r(e,t,n,r){var u=n.length,l=u,c=!r;if(null==e)return!l;for(e=Object(e);u--;){var f=n[u];if(c&&f[2]?f[1]!==e[f[0]]:!(f[0]in e))return!1}for(;++u<l;){f=n[u];var p=f[0],d=e[p],h=f[1];if(c&&f[2]){if(void 0===d&&!(p in e))return!1}else{var v=new o;if(r)var m=r(d,h,p,e,t,v);if(!(void 0===m?i(h,d,r,a|s,v):m))return!1}}return!0}var o=n(12),i=n(56),a=1,s=2;e.exports=r},function(e,t,n){function r(e){var t=this.__data__=new o(e);this.size=t.size}var o=n(13),i=n(21),a=n(22),s=n(23),u=n(24),l=n(25);r.prototype.clear=i,r.prototype["delete"]=a,r.prototype.get=s,r.prototype.has=u,r.prototype.set=l,e.exports=r},function(e,t,n){function r(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}var o=n(14),i=n(15),a=n(18),s=n(19),u=n(20);r.prototype.clear=o,r.prototype["delete"]=i,r.prototype.get=a,r.prototype.has=s,r.prototype.set=u,e.exports=r},function(e,t){function n(){this.__data__=[],this.size=0}e.exports=n},function(e,t,n){function r(e){var t=this.__data__,n=o(t,e);if(n<0)return!1;var r=t.length-1;return n==r?t.pop():a.call(t,n,1),--this.size,!0}var o=n(16),i=Array.prototype,a=i.splice;e.exports=r},function(e,t,n){function r(e,t){for(var n=e.length;n--;)if(o(e[n][0],t))return n;return-1}var o=n(17);e.exports=r},function(e,t){function n(e,t){return e===t||e!==e&&t!==t}e.exports=n},function(e,t,n){function r(e){var t=this.__data__,n=o(t,e);return n<0?void 0:t[n][1]}var o=n(16);e.exports=r},function(e,t,n){function r(e){return o(this.__data__,e)>-1}var o=n(16);e.exports=r},function(e,t,n){function r(e,t){var n=this.__data__,r=o(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this}var o=n(16);e.exports=r},function(e,t,n){function r(){this.__data__=new o,this.size=0}var o=n(13);e.exports=r},function(e,t){function n(e){var t=this.__data__,n=t["delete"](e);return this.size=t.size,n}e.exports=n},function(e,t){function n(e){return this.__data__.get(e)}e.exports=n},function(e,t){function n(e){return this.__data__.has(e)}e.exports=n},function(e,t,n){function r(e,t){var n=this.__data__;if(n instanceof o){var r=n.__data__;if(!i||r.length<s-1)return r.push([e,t]),this.size=++n.size,this;n=this.__data__=new a(r)}return n.set(e,t),this.size=n.size,this}var o=n(13),i=n(26),a=n(41),s=200;e.exports=r},function(e,t,n){var r=n(27),o=n(32),i=r(o,"Map");e.exports=i},function(e,t,n){function r(e,t){var n=i(e,t);return o(n)?n:void 0}var o=n(28),i=n(40);e.exports=r},function(e,t,n){function r(e){if(!a(e)||i(e))return!1;var t=o(e)?h:l;return t.test(s(e))}var o=n(29),i=n(37),a=n(36),s=n(39),u=/[\\^$.*+?()[\]{}|]/g,l=/^\[object .+?Constructor\]$/,c=Function.prototype,f=Object.prototype,p=c.toString,d=f.hasOwnProperty,h=RegExp("^"+p.call(d).replace(u,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");e.exports=r},function(e,t,n){function r(e){if(!i(e))return!1;var t=o(e);return t==s||t==u||t==a||t==l}var o=n(30),i=n(36),a="[object AsyncFunction]",s="[object Function]",u="[object GeneratorFunction]",l="[object Proxy]";e.exports=r},function(e,t,n){function r(e){return null==e?void 0===e?u:s:(e=Object(e),l&&l in e?i(e):a(e))}var o=n(31),i=n(34),a=n(35),s="[object Null]",u="[object Undefined]",l=o?o.toStringTag:void 0;e.exports=r},function(e,t,n){var r=n(32),o=r.Symbol;e.exports=o},function(e,t,n){var r=n(33),o="object"==typeof self&&self&&self.Object===Object&&self,i=r||o||Function("return this")();e.exports=i},function(e,t){(function(t){var n="object"==typeof t&&t&&t.Object===Object&&t;e.exports=n}).call(t,function(){return this}())},function(e,t,n){function r(e){var t=a.call(e,u),n=e[u];try{e[u]=void 0;var r=!0}catch(o){}var i=s.call(e);return r&&(t?e[u]=n:delete e[u]),i}var o=n(31),i=Object.prototype,a=i.hasOwnProperty,s=i.toString,u=o?o.toStringTag:void 0;e.exports=r},function(e,t){function n(e){return o.call(e)}var r=Object.prototype,o=r.toString;e.exports=n},function(e,t){function n(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}e.exports=n},function(e,t,n){function r(e){return!!i&&i in e}var o=n(38),i=function(){var e=/[^.]+$/.exec(o&&o.keys&&o.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();e.exports=r},function(e,t,n){var r=n(32),o=r["__core-js_shared__"];e.exports=o},function(e,t){function n(e){if(null!=e){try{return o.call(e)}catch(t){}try{return e+""}catch(t){}}return""}var r=Function.prototype,o=r.toString;e.exports=n},function(e,t){function n(e,t){return null==e?void 0:e[t]}e.exports=n},function(e,t,n){function r(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}var o=n(42),i=n(50),a=n(53),s=n(54),u=n(55);r.prototype.clear=o,r.prototype["delete"]=i,r.prototype.get=a,r.prototype.has=s,r.prototype.set=u,e.exports=r},function(e,t,n){function r(){this.size=0,this.__data__={hash:new o,map:new(a||i),string:new o}}var o=n(43),i=n(13),a=n(26);e.exports=r},function(e,t,n){function r(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}var o=n(44),i=n(46),a=n(47),s=n(48),u=n(49);r.prototype.clear=o,r.prototype["delete"]=i,r.prototype.get=a,r.prototype.has=s,r.prototype.set=u,e.exports=r},function(e,t,n){function r(){this.__data__=o?o(null):{},this.size=0}var o=n(45);e.exports=r},function(e,t,n){var r=n(27),o=r(Object,"create");e.exports=o},function(e,t){function n(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}e.exports=n},function(e,t,n){function r(e){var t=this.__data__;if(o){var n=t[e];return n===i?void 0:n}return s.call(t,e)?t[e]:void 0}var o=n(45),i="__lodash_hash_undefined__",a=Object.prototype,s=a.hasOwnProperty;e.exports=r},function(e,t,n){function r(e){var t=this.__data__;return o?void 0!==t[e]:a.call(t,e)}var o=n(45),i=Object.prototype,a=i.hasOwnProperty;e.exports=r},function(e,t,n){function r(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=o&&void 0===t?i:t,this}var o=n(45),i="__lodash_hash_undefined__";e.exports=r},function(e,t,n){function r(e){var t=o(this,e)["delete"](e);return this.size-=t?1:0,t}var o=n(51);e.exports=r},function(e,t,n){function r(e,t){var n=e.__data__;return o(t)?n["string"==typeof t?"string":"hash"]:n.map}var o=n(52);e.exports=r},function(e,t){function n(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e}e.exports=n},function(e,t,n){function r(e){return o(this,e).get(e)}var o=n(51);e.exports=r},function(e,t,n){function r(e){return o(this,e).has(e)}var o=n(51);e.exports=r},function(e,t,n){function r(e,t){var n=o(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this}var o=n(51);e.exports=r},function(e,t,n){function r(e,t,n,s,u){return e===t||(null==e||null==t||!i(e)&&!a(t)?e!==e&&t!==t:o(e,t,r,n,s,u))}var o=n(57),i=n(36),a=n(74);e.exports=r},function(e,t,n){function r(e,t,n,r,m,g){var b=l(e),_=l(t),w=h,x=h;b||(w=u(e),w=w==d?v:w),_||(x=u(t),x=x==d?v:x);var C=w==v,E=x==v,S=w==x;if(S&&c(e)){if(!c(t))return!1;b=!0,C=!1}if(S&&!C)return g||(g=new o),b||f(e)?i(e,t,n,r,m,g):a(e,t,w,n,r,m,g);if(!(m&p)){var O=C&&y.call(e,"__wrapped__"),P=E&&y.call(t,"__wrapped__");if(O||P){var T=O?e.value():e,k=P?t.value():t;return g||(g=new o),n(T,k,r,m,g)}}return!!S&&(g||(g=new o),s(e,t,n,r,m,g))}var o=n(12),i=n(58),a=n(64),s=n(68),u=n(90),l=n(75),c=n(76),f=n(80),p=2,d="[object Arguments]",h="[object Array]",v="[object Object]",m=Object.prototype,y=m.hasOwnProperty;e.exports=r},function(e,t,n){function r(e,t,n,r,l,c){var f=l&u,p=e.length,d=t.length;if(p!=d&&!(f&&d>p))return!1;var h=c.get(e);if(h&&c.get(t))return h==t;var v=-1,m=!0,y=l&s?new o:void 0;for(c.set(e,t),c.set(t,e);++v<p;){var g=e[v],b=t[v];if(r)var _=f?r(b,g,v,t,e,c):r(g,b,v,e,t,c);if(void 0!==_){if(_)continue;m=!1;break}if(y){if(!i(t,function(e,t){if(!a(y,t)&&(g===e||n(g,e,r,l,c)))return y.push(t)})){m=!1;break}}else if(g!==b&&!n(g,b,r,l,c)){m=!1;break}}return c["delete"](e),c["delete"](t),m}var o=n(59),i=n(62),a=n(63),s=1,u=2;e.exports=r},function(e,t,n){function r(e){var t=-1,n=null==e?0:e.length;for(this.__data__=new o;++t<n;)this.add(e[t])}var o=n(41),i=n(60),a=n(61);r.prototype.add=r.prototype.push=i,r.prototype.has=a,e.exports=r},function(e,t){function n(e){return this.__data__.set(e,r),this}var r="__lodash_hash_undefined__";e.exports=n},function(e,t){function n(e){return this.__data__.has(e)}e.exports=n},function(e,t){function n(e,t){for(var n=-1,r=null==e?0:e.length;++n<r;)if(t(e[n],n,e))return!0;return!1}e.exports=n},function(e,t){function n(e,t){return e.has(t)}e.exports=n},function(e,t,n){function r(e,t,n,r,o,C,S){switch(n){case x:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case w:return!(e.byteLength!=t.byteLength||!r(new i(e),new i(t)));case p:case d:case m:return a(+e,+t);case h:return e.name==t.name&&e.message==t.message;case y:case b:return e==t+"";case v:var O=u;case g:var P=C&f;if(O||(O=l),e.size!=t.size&&!P)return!1;var T=S.get(e);if(T)return T==t;C|=c,S.set(e,t);var k=s(O(e),O(t),r,o,C,S);return S["delete"](e),k;case _:if(E)return E.call(e)==E.call(t)}return!1}var o=n(31),i=n(65),a=n(17),s=n(58),u=n(66),l=n(67),c=1,f=2,p="[object Boolean]",d="[object Date]",h="[object Error]",v="[object Map]",m="[object Number]",y="[object RegExp]",g="[object Set]",b="[object String]",_="[object Symbol]",w="[object ArrayBuffer]",x="[object DataView]",C=o?o.prototype:void 0,E=C?C.valueOf:void 0;e.exports=r},function(e,t,n){var r=n(32),o=r.Uint8Array;e.exports=o},function(e,t){function n(e){var t=-1,n=Array(e.size);return e.forEach(function(e,r){n[++t]=[r,e]}),n}e.exports=n},function(e,t){function n(e){var t=-1,n=Array(e.size);return e.forEach(function(e){n[++t]=e}),n}e.exports=n},function(e,t,n){function r(e,t,n,r,a,u){var l=a&i,c=o(e),f=c.length,p=o(t),d=p.length;if(f!=d&&!l)return!1;for(var h=f;h--;){var v=c[h];if(!(l?v in t:s.call(t,v)))return!1}var m=u.get(e);if(m&&u.get(t))return m==t;var y=!0;u.set(e,t),u.set(t,e);for(var g=l;++h<f;){v=c[h];var b=e[v],_=t[v];if(r)var w=l?r(_,b,v,t,e,u):r(b,_,v,e,t,u);if(!(void 0===w?b===_||n(b,_,r,a,u):w)){y=!1;break}g||(g="constructor"==v)}if(y&&!g){var x=e.constructor,C=t.constructor;x!=C&&"constructor"in e&&"constructor"in t&&!("function"==typeof x&&x instanceof x&&"function"==typeof C&&C instanceof C)&&(y=!1)}return u["delete"](e),u["delete"](t),y}var o=n(69),i=2,a=Object.prototype,s=a.hasOwnProperty;e.exports=r},function(e,t,n){function r(e){return a(e)?o(e):i(e)}var o=n(70),i=n(85),a=n(89);e.exports=r},function(e,t,n){function r(e,t){var n=a(e),r=!n&&i(e),c=!n&&!r&&s(e),p=!n&&!r&&!c&&l(e),d=n||r||c||p,h=d?o(e.length,String):[],v=h.length;for(var m in e)!t&&!f.call(e,m)||d&&("length"==m||c&&("offset"==m||"parent"==m)||p&&("buffer"==m||"byteLength"==m||"byteOffset"==m)||u(m,v))||h.push(m);return h}var o=n(71),i=n(72),a=n(75),s=n(76),u=n(79),l=n(80),c=Object.prototype,f=c.hasOwnProperty;e.exports=r},function(e,t){function n(e,t){for(var n=-1,r=Array(e);++n<e;)r[n]=t(n);return r}e.exports=n},function(e,t,n){var r=n(73),o=n(74),i=Object.prototype,a=i.hasOwnProperty,s=i.propertyIsEnumerable,u=r(function(){return arguments}())?r:function(e){return o(e)&&a.call(e,"callee")&&!s.call(e,"callee")};e.exports=u},function(e,t,n){function r(e){return i(e)&&o(e)==a}var o=n(30),i=n(74),a="[object Arguments]";e.exports=r},function(e,t){function n(e){return null!=e&&"object"==typeof e}e.exports=n},function(e,t){var n=Array.isArray;e.exports=n},function(e,t,n){(function(e){var r=n(32),o=n(78),i="object"==typeof t&&t&&!t.nodeType&&t,a=i&&"object"==typeof e&&e&&!e.nodeType&&e,s=a&&a.exports===i,u=s?r.Buffer:void 0,l=u?u.isBuffer:void 0,c=l||o;e.exports=c}).call(t,n(77)(e))},function(e,t){e.exports=function(e){return e.webpackPolyfill||(e.deprecate=function(){},e.paths=[],e.children=[],e.webpackPolyfill=1),e}},function(e,t){function n(){return!1}e.exports=n},function(e,t){function n(e,t){return t=null==t?r:t,!!t&&("number"==typeof e||o.test(e))&&e>-1&&e%1==0&&e<t}var r=9007199254740991,o=/^(?:0|[1-9]\d*)$/;e.exports=n},function(e,t,n){var r=n(81),o=n(83),i=n(84),a=i&&i.isTypedArray,s=a?o(a):r;e.exports=s},function(e,t,n){function r(e){return a(e)&&i(e.length)&&!!N[o(e)]}var o=n(30),i=n(82),a=n(74),s="[object Arguments]",u="[object Array]",l="[object Boolean]",c="[object Date]",f="[object Error]",p="[object Function]",d="[object Map]",h="[object Number]",v="[object Object]",m="[object RegExp]",y="[object Set]",g="[object String]",b="[object WeakMap]",_="[object ArrayBuffer]",w="[object DataView]",x="[object Float32Array]",C="[object Float64Array]",E="[object Int8Array]",S="[object Int16Array]",O="[object Int32Array]",P="[object Uint8Array]",T="[object Uint8ClampedArray]",k="[object Uint16Array]",M="[object Uint32Array]",N={};N[x]=N[C]=N[E]=N[S]=N[O]=N[P]=N[T]=N[k]=N[M]=!0,N[s]=N[u]=N[_]=N[l]=N[w]=N[c]=N[f]=N[p]=N[d]=N[h]=N[v]=N[m]=N[y]=N[g]=N[b]=!1,e.exports=r},function(e,t){function n(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=r}var r=9007199254740991;e.exports=n},function(e,t){function n(e){return function(t){return e(t)}}e.exports=n},function(e,t,n){(function(e){var r=n(33),o="object"==typeof t&&t&&!t.nodeType&&t,i=o&&"object"==typeof e&&e&&!e.nodeType&&e,a=i&&i.exports===o,s=a&&r.process,u=function(){try{return s&&s.binding("util")}catch(e){}}();e.exports=u}).call(t,n(77)(e))},function(e,t,n){function r(e){if(!o(e))return i(e);var t=[];for(var n in Object(e))s.call(e,n)&&"constructor"!=n&&t.push(n);return t}var o=n(86),i=n(87),a=Object.prototype,s=a.hasOwnProperty;e.exports=r},function(e,t){function n(e){var t=e&&e.constructor,n="function"==typeof t&&t.prototype||r;return e===n}var r=Object.prototype;e.exports=n},function(e,t,n){var r=n(88),o=r(Object.keys,Object);e.exports=o},function(e,t){function n(e,t){return function(n){return e(t(n))}}e.exports=n},function(e,t,n){function r(e){return null!=e&&i(e.length)&&!o(e)}var o=n(29),i=n(82);e.exports=r},function(e,t,n){var r=n(91),o=n(26),i=n(92),a=n(93),s=n(94),u=n(30),l=n(39),c="[object Map]",f="[object Object]",p="[object Promise]",d="[object Set]",h="[object WeakMap]",v="[object DataView]",m=l(r),y=l(o),g=l(i),b=l(a),_=l(s),w=u;(r&&w(new r(new ArrayBuffer(1)))!=v||o&&w(new o)!=c||i&&w(i.resolve())!=p||a&&w(new a)!=d||s&&w(new s)!=h)&&(w=function(e){var t=u(e),n=t==f?e.constructor:void 0,r=n?l(n):"";if(r)switch(r){case m:return v;case y:return c;case g:return p;case b:return d;case _:return h}return t}),e.exports=w},function(e,t,n){var r=n(27),o=n(32),i=r(o,"DataView");e.exports=i},function(e,t,n){var r=n(27),o=n(32),i=r(o,"Promise");e.exports=i},function(e,t,n){var r=n(27),o=n(32),i=r(o,"Set");e.exports=i},function(e,t,n){var r=n(27),o=n(32),i=r(o,"WeakMap");e.exports=i},function(e,t,n){function r(e){for(var t=i(e),n=t.length;n--;){var r=t[n],a=e[r];t[n]=[r,a,o(a)]}return t}var o=n(96),i=n(69);e.exports=r},function(e,t,n){function r(e){return e===e&&!o(e)}var o=n(36);e.exports=r},function(e,t){function n(e,t){return function(n){return null!=n&&(n[e]===t&&(void 0!==t||e in Object(n)))}}e.exports=n},function(e,t,n){function r(e,t){return s(e)&&u(t)?l(c(e),t):function(n){var r=i(n,e);return void 0===r&&r===t?a(n,e):o(t,r,void 0,f|p)}}var o=n(56),i=n(99),a=n(110),s=n(108),u=n(96),l=n(97),c=n(109),f=1,p=2;e.exports=r},function(e,t,n){function r(e,t,n){var r=null==e?void 0:o(e,t);return void 0===r?n:r}var o=n(100);e.exports=r},function(e,t,n){function r(e,t){t=i(t,e)?[t]:o(t);for(var n=0,r=t.length;null!=e&&n<r;)e=e[a(t[n++])];return n&&n==r?e:void 0}var o=n(101),i=n(108),a=n(109);e.exports=r},function(e,t,n){function r(e){return o(e)?e:i(e)}var o=n(75),i=n(102);e.exports=r},function(e,t,n){var r=n(103),o=n(105),i=/^\./,a=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,s=/\\(\\)?/g,u=r(function(e){e=o(e);var t=[];return i.test(e)&&t.push(""),e.replace(a,function(e,n,r,o){t.push(r?o.replace(s,"$1"):n||e)}),t});e.exports=u},function(e,t,n){function r(e){var t=o(e,function(e){return n.size===i&&n.clear(),e}),n=t.cache;return t}var o=n(104),i=500;e.exports=r},function(e,t,n){function r(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError(i);var n=function(){var r=arguments,o=t?t.apply(this,r):r[0],i=n.cache;if(i.has(o))return i.get(o);var a=e.apply(this,r);return n.cache=i.set(o,a)||i,a};return n.cache=new(r.Cache||o),n}var o=n(41),i="Expected a function";r.Cache=o,e.exports=r},function(e,t,n){function r(e){return null==e?"":o(e)}var o=n(106);e.exports=r},function(e,t,n){function r(e){if("string"==typeof e)return e;if(a(e))return i(e,r)+"";if(s(e))return c?c.call(e):"";var t=e+"";return"0"==t&&1/e==-u?"-0":t}var o=n(31),i=n(8),a=n(75),s=n(107),u=1/0,l=o?o.prototype:void 0,c=l?l.toString:void 0;e.exports=r},function(e,t,n){function r(e){return"symbol"==typeof e||i(e)&&o(e)==a}var o=n(30),i=n(74),a="[object Symbol]";e.exports=r},function(e,t,n){function r(e,t){if(o(e))return!1;var n=typeof e;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=e&&!i(e))||(s.test(e)||!a.test(e)||null!=t&&e in Object(t))}var o=n(75),i=n(107),a=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,s=/^\w*$/;e.exports=r},function(e,t,n){function r(e){if("string"==typeof e||o(e))return e;var t=e+"";return"0"==t&&1/e==-i?"-0":t}var o=n(107),i=1/0;e.exports=r},function(e,t,n){function r(e,t){return null!=e&&i(e,t,o)}var o=n(111),i=n(112);e.exports=r},function(e,t){function n(e,t){return null!=e&&t in Object(e)}e.exports=n},function(e,t,n){function r(e,t,n){t=u(t,e)?[t]:o(t);for(var r=-1,f=t.length,p=!1;++r<f;){var d=c(t[r]);if(!(p=null!=e&&n(e,d)))break;e=e[d]}return p||++r!=f?p:(f=null==e?0:e.length,!!f&&l(f)&&s(d,f)&&(a(e)||i(e)))}var o=n(101),i=n(72),a=n(75),s=n(79),u=n(108),l=n(82),c=n(109);e.exports=r},function(e,t){function n(e){return e}e.exports=n},function(e,t,n){function r(e){return a(e)?o(s(e)):i(e)}var o=n(115),i=n(116),a=n(108),s=n(109);e.exports=r},function(e,t){function n(e){return function(t){return null==t?void 0:t[e]}}e.exports=n},function(e,t,n){function r(e){return function(t){return o(t,e)}}var o=n(100);e.exports=r},function(e,t,n){function r(e,t){var n=-1,r=i(e)?Array(e.length):[];return o(e,function(e,o,i){r[++n]=t(e,o,i)}),r}var o=n(118),i=n(89);e.exports=r},function(e,t,n){var r=n(119),o=n(122),i=o(r);e.exports=i},function(e,t,n){function r(e,t){return e&&o(e,t,i)}var o=n(120),i=n(69);e.exports=r},function(e,t,n){var r=n(121),o=r();e.exports=o},function(e,t){function n(e){return function(t,n,r){for(var o=-1,i=Object(t),a=r(t),s=a.length;s--;){var u=a[e?s:++o];if(n(i[u],u,i)===!1)break}return t}}e.exports=n},function(e,t,n){function r(e,t){return function(n,r){if(null==n)return n;if(!o(n))return e(n,r);for(var i=n.length,a=t?i:-1,s=Object(n);(t?a--:++a<i)&&r(s[a],a,s)!==!1;);return n}}var o=n(89);e.exports=r},function(e,t,n){function r(e){if(!a(e)||o(e)!=s)return!1;var t=i(e);if(null===t)return!0;var n=f.call(t,"constructor")&&t.constructor;return"function"==typeof n&&n instanceof n&&c.call(n)==p}var o=n(30),i=n(124),a=n(74),s="[object Object]",u=Function.prototype,l=Object.prototype,c=u.toString,f=l.hasOwnProperty,p=c.call(Object);e.exports=r},function(e,t,n){var r=n(88),o=r(Object.getPrototypeOf,Object);e.exports=o},function(e,t,n){function r(e){return"string"==typeof e||!i(e)&&a(e)&&o(e)==s}var o=n(30),i=n(75),a=n(74),s="[object String]";e.exports=r},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.mergeClasses=void 0;var o=n(7),i=r(o),a=n(127),s=r(a),u=n(5),l=r(u),c=t.mergeClasses=function(e){var t=arguments.length<=1||void 0===arguments[1]?[]:arguments[1],n=e["default"]&&(0,s["default"])(e["default"])||{};return t.map(function(t){var r=e[t];return r&&(0,i["default"])(r,function(e,t){n[t]||(n[t]={}),(0,l["default"])(n[t],r[t])}),t}),n};t["default"]=c},function(e,t,n){function r(e){return o(e,!0,!0)}var o=n(128);e.exports=r},function(e,t,n){function r(e,t,n,w,x,C,E){var P;if(w&&(P=C?w(e,x,C,E):w(e)),void 0!==P)return P;if(!g(e))return e;var T=m(e);if(T){if(P=d(e),!t)return l(e,P)}else{var M=p(e),N=M==S||M==O;if(y(e))return u(e,t);if(M==k||M==_||N&&!C){if(P=v(N?{}:e),!t)return c(e,s(P,e))}else{if(!q[M])return C?e:{};P=h(e,M,r,t)}}E||(E=new o);var A=E.get(e);if(A)return A;E.set(e,P);var D=T?void 0:(n?f:b)(e);return i(D||e,function(o,i){D&&(i=o,o=e[i]),a(P,i,r(o,t,n,w,i,e,E))}),P}var o=n(12),i=n(129),a=n(130),s=n(133),u=n(135),l=n(136),c=n(137),f=n(140),p=n(90),d=n(143),h=n(144),v=n(155),m=n(75),y=n(76),g=n(36),b=n(69),_="[object Arguments]",w="[object Array]",x="[object Boolean]",C="[object Date]",E="[object Error]",S="[object Function]",O="[object GeneratorFunction]",P="[object Map]",T="[object Number]",k="[object Object]",M="[object RegExp]",N="[object Set]",A="[object String]",D="[object Symbol]",j="[object WeakMap]",R="[object ArrayBuffer]",I="[object DataView]",L="[object Float32Array]",F="[object Float64Array]",U="[object Int8Array]",V="[object Int16Array]",B="[object Int32Array]",z="[object Uint8Array]",H="[object Uint8ClampedArray]",K="[object Uint16Array]",W="[object Uint32Array]",q={};q[_]=q[w]=q[R]=q[I]=q[x]=q[C]=q[L]=q[F]=q[U]=q[V]=q[B]=q[P]=q[T]=q[k]=q[M]=q[N]=q[A]=q[D]=q[z]=q[H]=q[K]=q[W]=!0,q[E]=q[S]=q[j]=!1,e.exports=r},function(e,t){function n(e,t){for(var n=-1,r=null==e?0:e.length;++n<r&&t(e[n],n,e)!==!1;);return e}e.exports=n},function(e,t,n){function r(e,t,n){var r=e[t];s.call(e,t)&&i(r,n)&&(void 0!==n||t in e)||o(e,t,n)}var o=n(131),i=n(17),a=Object.prototype,s=a.hasOwnProperty;e.exports=r},function(e,t,n){function r(e,t,n){"__proto__"==t&&o?o(e,t,{configurable:!0,enumerable:!0,value:n,writable:!0}):e[t]=n}var o=n(132);e.exports=r},function(e,t,n){var r=n(27),o=function(){try{var e=r(Object,"defineProperty");return e({},"",{}),e}catch(t){}}();e.exports=o},function(e,t,n){function r(e,t){return e&&o(t,i(t),e)}var o=n(134),i=n(69);e.exports=r},function(e,t,n){function r(e,t,n,r){var a=!n;n||(n={});for(var s=-1,u=t.length;++s<u;){var l=t[s],c=r?r(n[l],e[l],l,n,e):void 0;void 0===c&&(c=e[l]),a?i(n,l,c):o(n,l,c)}return n}var o=n(130),i=n(131);e.exports=r},function(e,t,n){(function(e){function r(e,t){if(t)return e.slice();var n=e.length,r=l?l(n):new e.constructor(n);return e.copy(r),r}var o=n(32),i="object"==typeof t&&t&&!t.nodeType&&t,a=i&&"object"==typeof e&&e&&!e.nodeType&&e,s=a&&a.exports===i,u=s?o.Buffer:void 0,l=u?u.allocUnsafe:void 0;e.exports=r}).call(t,n(77)(e))},function(e,t){function n(e,t){var n=-1,r=e.length;for(t||(t=Array(r));++n<r;)t[n]=e[n];return t}e.exports=n},function(e,t,n){function r(e,t){return o(e,i(e),t)}var o=n(134),i=n(138);e.exports=r},function(e,t,n){var r=n(88),o=n(139),i=Object.getOwnPropertySymbols,a=i?r(i,Object):o;e.exports=a},function(e,t){function n(){return[]}e.exports=n},function(e,t,n){function r(e){return o(e,a,i)}var o=n(141),i=n(138),a=n(69);e.exports=r},function(e,t,n){function r(e,t,n){var r=t(e);return i(e)?r:o(r,n(e))}var o=n(142),i=n(75);e.exports=r},function(e,t){function n(e,t){for(var n=-1,r=t.length,o=e.length;++n<r;)e[o+n]=t[n];return e}e.exports=n},function(e,t){function n(e){var t=e.length,n=e.constructor(t);return t&&"string"==typeof e[0]&&o.call(e,"index")&&(n.index=e.index,n.input=e.input),n}var r=Object.prototype,o=r.hasOwnProperty;e.exports=n},function(e,t,n){function r(e,t,n,r){var M=e.constructor;switch(t){case b:return o(e);case f:case p:return new M((+e));case _:return i(e,r);case w:case x:case C:case E:case S:case O:case P:case T:case k:return c(e,r);case d:return a(e,r,n);case h:case y:return new M(e);case v:return s(e);case m:return u(e,r,n);case g:return l(e)}}var o=n(145),i=n(146),a=n(147),s=n(150),u=n(151),l=n(153),c=n(154),f="[object Boolean]",p="[object Date]",d="[object Map]",h="[object Number]",v="[object RegExp]",m="[object Set]",y="[object String]",g="[object Symbol]",b="[object ArrayBuffer]",_="[object DataView]",w="[object Float32Array]",x="[object Float64Array]",C="[object Int8Array]",E="[object Int16Array]",S="[object Int32Array]",O="[object Uint8Array]",P="[object Uint8ClampedArray]",T="[object Uint16Array]",k="[object Uint32Array]";e.exports=r},function(e,t,n){function r(e){var t=new e.constructor(e.byteLength);return new o(t).set(new o(e)),t}var o=n(65);e.exports=r},function(e,t,n){function r(e,t){var n=t?o(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.byteLength)}var o=n(145);e.exports=r},function(e,t,n){function r(e,t,n){var r=t?n(a(e),!0):a(e);return i(r,o,new e.constructor)}var o=n(148),i=n(149),a=n(66);e.exports=r},function(e,t){function n(e,t){return e.set(t[0],t[1]),e}e.exports=n},function(e,t){function n(e,t,n,r){var o=-1,i=null==e?0:e.length;for(r&&i&&(n=e[++o]);++o<i;)n=t(n,e[o],o,e);return n}e.exports=n},function(e,t){function n(e){var t=new e.constructor(e.source,r.exec(e));return t.lastIndex=e.lastIndex,t}var r=/\w*$/;e.exports=n},function(e,t,n){function r(e,t,n){var r=t?n(a(e),!0):a(e);return i(r,o,new e.constructor)}var o=n(152),i=n(149),a=n(67);e.exports=r},function(e,t){function n(e,t){return e.add(t),e}e.exports=n},function(e,t,n){function r(e){return a?Object(a.call(e)):{}}var o=n(31),i=o?o.prototype:void 0,a=i?i.valueOf:void 0;e.exports=r},function(e,t,n){function r(e,t){var n=t?o(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.length)}var o=n(145);e.exports=r},function(e,t,n){function r(e){return"function"!=typeof e.constructor||a(e)?{}:o(i(e))}var o=n(156),i=n(124),a=n(86);e.exports=r},function(e,t,n){var r=n(36),o=Object.create,i=function(){function e(){}return function(t){if(!r(t))return{};if(o)return o(t);e.prototype=t;var n=new e;return e.prototype=void 0,n}}();e.exports=i},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.autoprefix=void 0;var o=n(7),i=r(o),a=n(5),s=r(a),u={borderRadius:function(e){return{msBorderRadius:e,MozBorderRadius:e,OBorderRadius:e,WebkitBorderRadius:e,borderRadius:e}},boxShadow:function(e){return{msBoxShadow:e,MozBoxShadow:e,OBoxShadow:e,WebkitBoxShadow:e,boxShadow:e}},userSelect:function(e){return{WebkitTouchCallout:e,KhtmlUserSelect:e,MozUserSelect:e,msUserSelect:e,WebkitUserSelect:e,userSelect:e}},flex:function(e){return{WebkitBoxFlex:e,MozBoxFlex:e,WebkitFlex:e,msFlex:e,flex:e}},flexBasis:function(e){return{WebkitFlexBasis:e,flexBasis:e}},justifyContent:function(e){return{WebkitJustifyContent:e,justifyContent:e}},transition:function(e){return{msTransition:e,MozTransition:e,OTransition:e,WebkitTransition:e,transition:e}},transform:function(e){return{msTransform:e,MozTransform:e,OTransform:e,WebkitTransform:e,transform:e}},absolute:function(e){var t=e&&e.split(" ");return{position:"absolute",top:t&&t[0],right:t&&t[1],bottom:t&&t[2],left:t&&t[3]}},extend:function(e,t){var n=t[e];return n?n:{extend:e}}},l=t.autoprefix=function(e){var t={};return(0,i["default"])(e,function(e,n){var r={};(0,i["default"])(e,function(e,t){var n=u[t];n?(0,s["default"])(r,n(e)):r[t]=e}),t[n]=r}),t};t["default"]=l},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.ReactCSSComponent=void 0;var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),u=n(3),l=r(u),c=n(159),f=r(c),p=n(165),d=r(p),h=(0,d["default"])(function(){return console.warn("Extending ReactCSS.Component\n  is deprecated in ReactCSS 1.0.0")}),v=t.ReactCSSComponent=function(e){function t(){return o(this,t),i(this,Object.getPrototypeOf(t).apply(this,arguments))}return a(t,e),s(t,[{key:"css",value:function(e){return h(),f["default"].call(this,e)}},{key:"styles",value:function(){return this.css()}}]),t}(l["default"].Component);v.contextTypes={mixins:l["default"].PropTypes.object},t["default"]=v},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}var o=n(36),i=r(o),a=n(160),s=r(a),u=n(161),l=r(u);e.exports=function(e){var t=this,n=[];if(!this.classes)throw console.warn("Define this.classes on `"+this.constructor.name+"`");(0,s["default"])(this.classes());var r=function(e,r){t.classes()[e]?n.push(t.classes()[e]):e&&r&&r.warn===!0&&console.warn("The `"+e+"` css class does not exist on `"+t.constructor.name+"`")};r("default");for(var o in this.props){var a=this.props[o];(0,i["default"])(a)||(a===!0?(r(o),r(o+"-true")):r(a?o+"-"+a:o+"-false"))}if(this.props&&this.props.activeBounds)for(var u=0;u<this.props.activeBounds.length;u++){var c=this.props.activeBounds[u];r(c)}for(var f in e){var p=e[f];p===!0&&r(f,{warn:!0})}var d={};return this.context&&this.context.mixins&&(d=this.context.mixins),(0,l["default"])(n,d)}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.checkClassStructure=void 0;var o=n(7),i=r(o),a=n(36),s=r(a),u=t.checkClassStructure=function(e){(0,i["default"])(e,function(t,n){e.hasOwnProperty(n)&&((0,s["default"])(t)?(0,i["default"])(t,function(e,r){t.hasOwnProperty(r)&&((0,s["default"])(e)||console.warn("Make sure the value of the element `"+n+"`\n                is an object of css. You passed it `"+t+"`"));
+}):console.warn("Make sure the value of `"+n+"` is an object of\n          html elements. You passed it `"+t+"`"))})};t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.combine=void 0;var o=n(162),i=r(o),a=n(164),s=r(a),u=t.combine=function(e,t){var n=(0,i["default"])(e);return(0,s["default"])(n,t)};t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(163),i=r(o),a=n(36),s=r(a),u=function(e){return(0,s["default"])(e)&&!Array.isArray(e)?e:1===e.length?e[0]:i["default"].recursive.apply(void 0,e)};t["default"]=u},function(e,t,n){(function(e){!function(t){function n(e,t){if("object"!==o(e))return t;for(var r in t)"object"===o(e[r])&&"object"===o(t[r])?e[r]=n(e[r],t[r]):e[r]=t[r];return e}function r(e,t,r){var a=r[0],s=r.length;(e||"object"!==o(a))&&(a={});for(var u=0;u<s;++u){var l=r[u],c=o(l);if("object"===c)for(var f in l){var p=e?i.clone(l[f]):l[f];t?a[f]=n(a[f],p):a[f]=p}}return a}function o(e){return{}.toString.call(e).slice(8,-1).toLowerCase()}var i=function(e){return r(e===!0,!1,arguments)},a="merge";i.recursive=function(e){return r(e===!0,!0,arguments)},i.clone=function(e){var t,n,r=e,a=o(e);if("array"===a)for(r=[],n=e.length,t=0;t<n;++t)r[t]=i.clone(e[t]);else if("object"===a){r={};for(t in e)r[t]=i.clone(e[t])}return r},t?e.exports=i:window[a]=i}("object"==typeof e&&e&&"object"==typeof e.exports&&e.exports)}).call(t,n(77)(e))},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}var o=n(36),i=r(o),a=n(163),s=r(a),u={borderRadius:function(e){return null!==e?{msBorderRadius:e,MozBorderRadius:e,OBorderRadius:e,WebkitBorderRadius:e,borderRadius:e}:void 0},boxShadow:function(e){return null!==e?{msBoxShadow:e,MozBoxShadow:e,OBoxShadow:e,WebkitBoxShadow:e,boxShadow:e}:void 0},userSelect:function(e){return null!==e?{WebkitTouchCallout:e,KhtmlUserSelect:e,MozUserSelect:e,msUserSelect:e,WebkitUserSelect:e,userSelect:e}:void 0},flex:function(e){return null!==e?{WebkitBoxFlex:e,MozBoxFlex:e,WebkitFlex:e,msFlex:e,flex:e}:void 0},flexBasis:function(e){return null!==e?{WebkitFlexBasis:e,flexBasis:e}:void 0},justifyContent:function(e){return null!==e?{WebkitJustifyContent:e,justifyContent:e}:void 0},transition:function(e){return null!==e?{msTransition:e,MozTransition:e,OTransition:e,WebkitTransition:e,transition:e}:void 0},transform:function(e){return null!==e?{msTransform:e,MozTransform:e,OTransform:e,WebkitTransform:e,transform:e}:void 0},Absolute:function(e){if(null!==e){var t=e.split(" ");return{position:"absolute",top:t[0],right:t[1],bottom:t[2],left:t[3]}}},Extend:function(e,t){var n=t[e];return n?n:void 0}},l=function c(e,t,n){var r=(0,s["default"])(t,u),o={};for(var a in e){var l=e[a];if((0,i["default"])(l)&&!Array.isArray(l))o[a]=c(l,t,e);else if(r[a]){var f=r[a](l,n);for(var p in f){var d=f[p];o[p]=d}}else o[a]=l}return o};e.exports=function(e,t,n){return l(e,t,n)}},function(e,t,n){function r(e){return o(2,e)}var o=n(166);e.exports=r},function(e,t,n){function r(e,t){var n;if("function"!=typeof t)throw new TypeError(i);return e=o(e),function(){return--e>0&&(n=t.apply(this,arguments)),e<=1&&(t=void 0),n}}var o=n(167),i="Expected a function";e.exports=r},function(e,t,n){function r(e){var t=o(e),n=t%1;return t===t?n?t-n:t:0}var o=n(168);e.exports=r},function(e,t,n){function r(e){if(!e)return 0===e?e:0;if(e=o(e),e===i||e===-i){var t=e<0?-1:1;return t*a}return e===e?e:0}var o=n(169),i=1/0,a=1.7976931348623157e308;e.exports=r},function(e,t,n){function r(e){if("number"==typeof e)return e;if(i(e))return a;if(o(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=o(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(s,"");var n=l.test(e);return n||c.test(e)?f(e.slice(2),n?2:8):u.test(e)?a:+e}var o=n(36),i=n(107),a=NaN,s=/^\s+|\s+$/g,u=/^[-+]0x[0-9a-f]+$/i,l=/^0b[01]+$/i,c=/^0o[0-7]+$/i,f=parseInt;e.exports=r},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.hover=void 0;var s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),l=n(3),c=r(l),f=t.hover=function(e){return function(t){function n(){o(this,n);var e=i(this,Object.getPrototypeOf(n).call(this));return e.handleMouseOver=function(){e.setState({hover:!0})},e.handleMouseOut=function(){e.setState({hover:!1})},e.state={hover:!1},e}return a(n,t),u(n,[{key:"render",value:function(){return c["default"].createElement("div",{onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut},c["default"].createElement(e,s({},this.props,this.state)))}}]),n}(c["default"].Component)};t["default"]=f},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e,t){var n={},r=function(e){var t=arguments.length<=1||void 0===arguments[1]||arguments[1];n[e]=t};return 0===e&&r("first-child"),e===t-1&&r("last-child"),(0===e||e%2===0)&&r("even"),1===Math.abs(e%2)&&r("odd"),r("nth-child",e),n};t["default"]=n},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(173);Object.defineProperty(t,"Alpha",{enumerable:!0,get:function(){return r(o)["default"]}});var i=n(178);Object.defineProperty(t,"Checkboard",{enumerable:!0,get:function(){return r(i)["default"]}});var a=n(180);Object.defineProperty(t,"EditableInput",{enumerable:!0,get:function(){return r(a)["default"]}});var s=n(181);Object.defineProperty(t,"Hue",{enumerable:!0,get:function(){return r(s)["default"]}});var u=n(183);Object.defineProperty(t,"Saturation",{enumerable:!0,get:function(){return r(u)["default"]}});var l=n(188);Object.defineProperty(t,"ColorWrap",{enumerable:!0,get:function(){return r(l)["default"]}});var c=n(194);Object.defineProperty(t,"Swatch",{enumerable:!0,get:function(){return r(c)["default"]}})},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.Alpha=void 0;var u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),c=n(3),f=o(c),p=n(4),d=o(p),h=n(174),v=o(h),m=n(177),y=r(m),g=n(178),b=o(g),_=t.Alpha=function(e){function t(){for(var e,n,r,o,s=arguments.length,u=Array(s),l=0;l<s;l++)u[l]=arguments[l];return i(this,t),n=r=a(this,(e=Object.getPrototypeOf(t)).call.apply(e,[this].concat(u))),r.shouldComponentUpdate=v["default"].bind(r,r,arguments[0],arguments[1]),r.handleChange=function(e,t){var n=y.calculateChange(e,t,r.props,r.refs.container);n&&r.props.onChange(n)},r.handleMouseDown=function(e){r.handleChange(e,!0),window.addEventListener("mousemove",r.handleChange),window.addEventListener("mouseup",r.handleMouseUp)},r.handleMouseUp=function(){r.unbindEventListeners()},r.unbindEventListeners=function(){window.removeEventListener("mousemove",r.handleChange),window.removeEventListener("mouseup",r.handleMouseUp)},o=n,a(r,o)}return s(t,e),l(t,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"render",value:function(){var e=this.props.rgb,t=(0,d["default"])({"default":{alpha:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},checkboard:{absolute:"0px 0px 0px 0px",overflow:"hidden"},gradient:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, rgba("+e.r+","+e.g+","+e.b+", 0) 0%,\n           rgba("+e.r+","+e.g+","+e.b+", 1) 100%)",boxShadow:this.props.shadow,borderRadius:this.props.radius},container:{position:"relative",height:"100%",margin:"0 3px"},pointer:{position:"absolute",left:100*e.a+"%"},slider:{width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",marginTop:"1px",transform:"translateX(-2px)"}},overwrite:u({},this.props.style)},"overwrite");return f["default"].createElement("div",{style:t.alpha},f["default"].createElement("div",{style:t.checkboard},f["default"].createElement(b["default"],null)),f["default"].createElement("div",{style:t.gradient}),f["default"].createElement("div",{style:t.container,ref:"container",onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},f["default"].createElement("div",{style:t.pointer},this.props.pointer?f["default"].createElement(this.props.pointer,this.props):f["default"].createElement("div",{style:t.slider}))))}}]),t}(f["default"].Component);t["default"]=_},function(e,t,n){e.exports=n(175)},function(e,t,n){"use strict";function r(e,t,n){return!o(e.props,t)||!o(e.state,n)}var o=n(176);e.exports=r},function(e,t){"use strict";function n(e,t){return e===t?0!==e||0!==t||1/e===1/t:e!==e&&t!==t}function r(e,t){if(n(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var r=Object.keys(e),i=Object.keys(t);if(r.length!==i.length)return!1;for(var a=0;a<r.length;a++)if(!o.call(t,r[a])||!n(e[r[a]],t[r[a]]))return!1;return!0}var o=Object.prototype.hasOwnProperty;e.exports=r},function(e,t){"use strict";function n(e,t,n,r){!t&&e.preventDefault();var o=r.clientWidth,i="number"==typeof e.pageX?e.pageX:e.touches[0].pageX,a=!1,s=i-(r.getBoundingClientRect().left+(a?0:window.pageXOffset)),u=void 0;return u=s<0?0:s>o?1:Math.round(100*s/o)/100,n.a!==u?{h:n.hsl.h,s:n.hsl.s,l:n.hsl.l,a:u,source:"rgb"}:null}Object.defineProperty(t,"__esModule",{value:!0}),t.calculateChange=n},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Checkboard=void 0;var i=n(3),a=o(i),s=n(4),u=o(s),l=n(179),c=r(l),f=t.Checkboard=function(e){var t=e.white,n=e.grey,r=e.size,o=(0,u["default"])({"default":{grid:{absolute:"0px 0px 0px 0px",background:"url("+c.get(t,n,r)+") center left"}}});return a["default"].createElement("div",{style:o.grid})};f.defaultProps={size:8,white:"transparent",grey:"rgba(0,0,0,.08)"},t["default"]=f},function(e,t){"use strict";function n(e,t,n){if("undefined"==typeof document)return null;var r=document.createElement("canvas");r.width=r.height=2*n;var o=r.getContext("2d");return o?(o.fillStyle=e,o.fillRect(0,0,r.width,r.height),o.fillStyle=t,o.fillRect(0,0,n,n),o.translate(n,n),o.fillRect(0,0,n,n),r.toDataURL()):null}function r(e,t,r){var i=e+","+t+", "+r,a=n(e,t,r);return o[i]?o[i]:(o[i]=a,a)}Object.defineProperty(t,"__esModule",{value:!0}),t.render=n,t.get=r;var o={}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.EditableInput=void 0;var u=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),l=n(3),c=r(l),f=n(4),p=r(f),d=n(174),h=r(d),v=t.EditableInput=function(e){function t(e){i(this,t);var n=a(this,Object.getPrototypeOf(t).call(this));return n.shouldComponentUpdate=h["default"].bind(n,n,arguments[0],arguments[1]),n.handleBlur=function(){n.state.blurValue&&n.setState({value:n.state.blurValue,blurValue:null})},n.handleChange=function(e){n.props.label?n.props.onChange(o({},n.props.label,e.target.value)):n.props.onChange(e.target.value),n.setState({value:e.target.value})},n.handleKeyDown=function(e){var t=Number(e.target.value);if(t){var r=n.props.arrowOffset||1;38===e.keyCode&&(null!==n.props.label?n.props.onChange(o({},n.props.label,t+r)):n.props.onChange(t+r),n.setState({value:t+r})),40===e.keyCode&&(null!==n.props.label?n.props.onChange(o({},n.props.label,t-r)):n.props.onChange(t-r),n.setState({value:t-r}))}},n.handleDrag=function(e){if(n.props.dragLabel){var t=Math.round(n.props.value+e.movementX);t>=0&&t<=n.props.dragMax&&n.props.onChange(o({},n.props.label,t))}},n.handleMouseDown=function(e){n.props.dragLabel&&(e.preventDefault(),n.handleDrag(e),window.addEventListener("mousemove",n.handleDrag),window.addEventListener("mouseup",n.handleMouseUp))},n.handleMouseUp=function(){n.unbindEventListeners()},n.unbindEventListeners=function(){window.removeEventListener("mousemove",n.handleDrag),window.removeEventListener("mouseup",n.handleMouseUp)},n.state={value:String(e.value).toUpperCase(),blurValue:String(e.value).toUpperCase()},n}return s(t,e),u(t,[{key:"componentWillReceiveProps",value:function(e){var t=this.refs.input;e.value!==this.state.value&&(t===document.activeElement?this.setState({blurValue:String(e.value).toUpperCase()}):this.setState({value:String(e.value).toUpperCase()}))}},{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"render",value:function(){var e=(0,p["default"])({"default":{wrap:{position:"relative"}},"user-override":{wrap:this.props.style&&this.props.style.wrap?this.props.style.wrap:{},input:this.props.style&&this.props.style.input?this.props.style.input:{},label:this.props.style&&this.props.style.label?this.props.style.label:{}},"dragLabel-true":{label:{cursor:"ew-resize"}}},{"user-override":!0},this.props);return c["default"].createElement("div",{style:e.wrap},c["default"].createElement("input",{style:e.input,ref:"input",value:this.state.value,onKeyDown:this.handleKeyDown,onChange:this.handleChange,onBlur:this.handleBlur,placeholder:this.props.placeholder}),this.props.label?c["default"].createElement("span",{style:e.label,onMouseDown:this.handleMouseDown},this.props.label):null)}}]),t}(c["default"].Component);t["default"]=v},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.Hue=void 0;var u=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),l=n(3),c=o(l),f=n(4),p=o(f),d=n(174),h=o(d),v=n(182),m=r(v),y=t.Hue=function(e){function t(){for(var e,n,r,o,s=arguments.length,u=Array(s),l=0;l<s;l++)u[l]=arguments[l];return i(this,t),n=r=a(this,(e=Object.getPrototypeOf(t)).call.apply(e,[this].concat(u))),r.shouldComponentUpdate=h["default"].bind(r,r,arguments[0],arguments[1]),r.handleChange=function(e,t){var n=m.calculateChange(e,t,r.props,r.refs.container);n&&r.props.onChange(n)},r.handleMouseDown=function(e){r.handleChange(e,!0),window.addEventListener("mousemove",r.handleChange),window.addEventListener("mouseup",r.handleMouseUp)},r.handleMouseUp=function(){r.unbindEventListeners()},o=n,a(r,o)}return s(t,e),u(t,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"unbindEventListeners",value:function(){window.removeEventListener("mousemove",this.handleChange),window.removeEventListener("mouseup",this.handleMouseUp)}},{key:"render",value:function(){var e=(0,p["default"])({"default":{hue:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%,\n            #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)",borderRadius:this.props.radius,boxShadow:this.props.shadow},container:{margin:"0 2px",position:"relative",height:"100%"},pointer:{position:"absolute",left:100*this.props.hsl.h/360+"%"},slider:{marginTop:"1px",width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",transform:"translateX(-2px)"}},"direction-vertical":{hue:{background:"linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%,\n            #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)"},pointer:{left:"0px",top:-(100*this.props.hsl.h/360)+100+"%"}}},this.props);return c["default"].createElement("div",{style:e.hue},c["default"].createElement("div",{style:e.container,ref:"container",onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},c["default"].createElement("div",{style:e.pointer},this.props.pointer?c["default"].createElement(this.props.pointer,this.props):c["default"].createElement("div",{style:e.slider}))))}}]),t}(c["default"].Component);t["default"]=y},function(e,t){"use strict";function n(e,t,n,r){!t&&e.preventDefault();var o=r.clientWidth,i=r.clientHeight,a="number"==typeof e.pageX?e.pageX:e.touches[0].pageX,s="number"==typeof e.pageY?e.pageY:e.touches[0].pageY,u=!1,l=a-(r.getBoundingClientRect().left+(u?0:window.pageXOffset)),c=s-(r.getBoundingClientRect().top+(u?0:window.pageYOffset));if("vertical"===n.direction){var f=void 0;if(c<0)f=359;else if(c>i)f=0;else{var p=-(100*c/i)+100;f=360*p/100}if(n.hsl.h!==f)return{h:f,s:n.hsl.s,l:n.hsl.l,a:n.hsl.a,source:"rgb"}}else{var d=void 0;if(l<0)d=0;else if(l>o)d=359;else{var h=100*l/o;d=360*h/100}if(n.hsl.h!==d)return{h:d,s:n.hsl.s,l:n.hsl.l,a:n.hsl.a,source:"rgb"}}return null}Object.defineProperty(t,"__esModule",{value:!0}),t.calculateChange=n},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.Saturation=void 0;var u=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),l=n(3),c=o(l),f=n(4),p=o(f),d=n(184),h=o(d),v=n(174),m=o(v),y=n(187),g=r(y),b=t.Saturation=function(e){function t(e){i(this,t);var n=a(this,Object.getPrototypeOf(t).call(this,e));return n.shouldComponentUpdate=m["default"].bind(n,n,arguments[0],arguments[1]),n.handleChange=function(e,t){n.throttle(n.props.onChange,g.calculateChange(e,t,n.props,n.refs.container))},n.handleMouseDown=function(e){n.handleChange(e,!0),window.addEventListener("mousemove",n.handleChange),window.addEventListener("mouseup",n.handleMouseUp)},n.handleMouseUp=function(){n.unbindEventListeners()},n.throttle=(0,h["default"])(function(e,t){e(t)},50),n}return s(t,e),u(t,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"unbindEventListeners",value:function(){window.removeEventListener("mousemove",this.handleChange),window.removeEventListener("mouseup",this.handleMouseUp)}},{key:"render",value:function(){var e=(0,p["default"])({"default":{color:{absolute:"0px 0px 0px 0px",background:"hsl("+this.props.hsl.h+",100%, 50%)",borderRadius:this.props.radius},white:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, #fff, rgba(255,255,255,0))"},black:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to top, #000, rgba(0,0,0,0))",boxShadow:this.props.shadow},pointer:{position:"absolute",top:-(100*this.props.hsv.v)+100+"%",left:100*this.props.hsv.s+"%",cursor:"default"},circle:{width:"4px",height:"4px",boxShadow:"0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),\n            0 0 1px 2px rgba(0,0,0,.4)",borderRadius:"50%",cursor:"hand",transform:"translate(-2px, -2px)"}}});return c["default"].createElement("div",{style:e.color,ref:"container",onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},c["default"].createElement("div",{style:e.white},c["default"].createElement("div",{style:e.black}),c["default"].createElement("div",{style:e.pointer},this.props.pointer?c["default"].createElement(this.props.pointer,this.props):c["default"].createElement("div",{style:e.circle}))))}}]),t}(c["default"].Component);t["default"]=b},function(e,t,n){function r(e,t,n){var r=!0,s=!0;if("function"!=typeof e)throw new TypeError(a);return i(n)&&(r="leading"in n?!!n.leading:r,s="trailing"in n?!!n.trailing:s),o(e,t,{leading:r,maxWait:t,trailing:s})}var o=n(185),i=n(36),a="Expected a function";e.exports=r},function(e,t,n){function r(e,t,n){function r(t){var n=g,r=b;return g=b=void 0,E=t,w=e.apply(r,n)}function c(e){return E=e,x=setTimeout(d,t),S?r(e):w}function f(e){var n=e-C,r=e-E,o=t-n;return O?l(o,_-r):o}function p(e){var n=e-C,r=e-E;return void 0===C||n>=t||n<0||O&&r>=_}function d(){var e=i();return p(e)?h(e):void(x=setTimeout(d,f(e)))}function h(e){return x=void 0,P&&g?r(e):(g=b=void 0,w)}function v(){void 0!==x&&clearTimeout(x),E=0,g=C=b=x=void 0}function m(){return void 0===x?w:h(i())}function y(){var e=i(),n=p(e);if(g=arguments,b=this,C=e,n){if(void 0===x)return c(C);if(O)return x=setTimeout(d,t),r(C)}return void 0===x&&(x=setTimeout(d,t)),w}var g,b,_,w,x,C,E=0,S=!1,O=!1,P=!0;if("function"!=typeof e)throw new TypeError(s);return t=a(t)||0,o(n)&&(S=!!n.leading,O="maxWait"in n,_=O?u(a(n.maxWait)||0,t):_,P="trailing"in n?!!n.trailing:P),y.cancel=v,y.flush=m,y}var o=n(36),i=n(186),a=n(169),s="Expected a function",u=Math.max,l=Math.min;e.exports=r},function(e,t,n){var r=n(32),o=function(){return r.Date.now()};e.exports=o},function(e,t){"use strict";function n(e,t,n,r){!t&&e.preventDefault();var o=r.clientWidth,i=r.clientHeight,a="number"==typeof e.pageX?e.pageX:e.touches[0].pageX,s="number"==typeof e.pageY?e.pageY:e.touches[0].pageY,u=!1,l=a-(r.getBoundingClientRect().left+(u?0:window.pageXOffset)),c=s-(r.getBoundingClientRect().top+(u?0:window.pageYOffset));l<0?l=0:l>o?l=o:c<0?c=0:c>i&&(c=i);var f=100*l/o,p=-(100*c/i)+100;return{h:n.hsl.h,s:f,v:p,a:n.hsl.a,source:"rgb"}}Object.defineProperty(t,"__esModule",{value:!0}),t.calculateChange=n},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.ColorWrap=void 0;var s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),l=n(3),c=r(l),f=n(185),p=r(f),d=n(189),h=r(d),v=n(174),m=r(v),y=t.ColorWrap=function(e){var t=function(t){function n(e){o(this,n);var t=i(this,Object.getPrototypeOf(n).call(this));return t.shouldComponentUpdate=m["default"].bind(t,t,arguments[0],arguments[1]),t.handleChange=function(e){var n=h["default"].simpleCheckForValidColor(e);if(n){var r=h["default"].toState(e,e.h||t.state.oldHue);t.setState(r),t.props.onChangeComplete&&t.debounce(t.props.onChangeComplete,r),t.props.onChange&&t.props.onChange(r)}},t.state=s({},h["default"].toState(e.color,0),{visible:e.display}),t.debounce=(0,p["default"])(function(e,t){e(t)},100),t}return a(n,t),u(n,[{key:"componentWillReceiveProps",value:function(e){this.setState(s({},h["default"].toState(e.color,this.state.oldHue),{visible:e.display}))}},{key:"render",value:function(){return c["default"].createElement(e,s({},this.props,this.state,{onChange:this.handleChange}))}}]),n}(c["default"].Component);return t.defaultProps={color:{h:250,s:.5,l:.2,a:1}},t};t["default"]=y},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.red=void 0;var o=n(190),i=r(o),a=n(193),s=r(a);t["default"]={simpleCheckForValidColor:function(e){var t=["r","g","b","a","h","s","a","v"],n=0,r=0;return(0,i["default"])(t,function(t){e[t]&&(n++,isNaN(e[t])||r++)}),n===r&&e},toState:function(e,t){var n=e.hex?(0,s["default"])(e.hex):(0,s["default"])(e),r=n.toHsl(),o=n.toHsv();return 0===r.s&&(r.h=t||0,o.h=t||0),{hsl:r,hex:"#"+n.toHex(),rgb:n.toRgb(),hsv:o,oldHue:e.h||t||r.h,source:e.source}},isValidHex:function(e){return(0,s["default"])(e).isValid()}};t.red={hsl:{a:1,h:0,l:.5,s:1},hex:"#ff0000",rgb:{r:255,g:0,b:0,a:1},hsv:{h:0,s:1,v:1,a:1}}},function(e,t,n){e.exports=n(191)},function(e,t,n){function r(e,t){var n=s(e)?o:i;return n(e,a(t))}var o=n(129),i=n(118),a=n(192),s=n(75);e.exports=r},function(e,t,n){function r(e){return"function"==typeof e?e:o}var o=n(113);e.exports=r},function(e,t,n){var r;!function(){function o(e,t){if(e=e?e:"",t=t||{},e instanceof o)return e;if(!(this instanceof o))return new o(e,t);var n=i(e);this._originalInput=e,this._r=n.r,this._g=n.g,this._b=n.b,this._a=n.a,this._roundA=H(100*this._a)/100,this._format=t.format||n.format,this._gradientType=t.gradientType,this._r<1&&(this._r=H(this._r)),this._g<1&&(this._g=H(this._g)),this._b<1&&(this._b=H(this._b)),this._ok=n.ok,this._tc_id=B++}function i(e){var t={r:0,g:0,b:0},n=1,r=!1,o=!1;return"string"==typeof e&&(e=L(e)),"object"==typeof e&&(e.hasOwnProperty("r")&&e.hasOwnProperty("g")&&e.hasOwnProperty("b")?(t=a(e.r,e.g,e.b),r=!0,o="%"===String(e.r).substr(-1)?"prgb":"rgb"):e.hasOwnProperty("h")&&e.hasOwnProperty("s")&&e.hasOwnProperty("v")?(e.s=j(e.s,1),e.v=j(e.v,1),t=c(e.h,e.s,e.v),r=!0,o="hsv"):e.hasOwnProperty("h")&&e.hasOwnProperty("s")&&e.hasOwnProperty("l")&&(e.s=j(e.s),e.l=j(e.l),t=u(e.h,e.s,e.l),r=!0,o="hsl"),e.hasOwnProperty("a")&&(n=e.a)),n=P(n),{ok:r,format:e.format||o,r:K(255,W(t.r,0)),g:K(255,W(t.g,0)),b:K(255,W(t.b,0)),a:n}}function a(e,t,n){return{r:255*T(e,255),g:255*T(t,255),b:255*T(n,255)}}function s(e,t,n){e=T(e,255),t=T(t,255),n=T(n,255);var r,o,i=W(e,t,n),a=K(e,t,n),s=(i+a)/2;if(i==a)r=o=0;else{var u=i-a;switch(o=s>.5?u/(2-i-a):u/(i+a),i){case e:r=(t-n)/u+(t<n?6:0);break;case t:r=(n-e)/u+2;break;case n:r=(e-t)/u+4}r/=6}return{h:r,s:o,l:s}}function u(e,t,n){function r(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+6*(t-e)*n:n<.5?t:n<2/3?e+(t-e)*(2/3-n)*6:e}var o,i,a;if(e=T(e,360),t=T(t,100),n=T(n,100),0===t)o=i=a=n;else{var s=n<.5?n*(1+t):n+t-n*t,u=2*n-s;o=r(u,s,e+1/3),i=r(u,s,e),a=r(u,s,e-1/3)}return{r:255*o,g:255*i,b:255*a}}function l(e,t,n){e=T(e,255),t=T(t,255),n=T(n,255);var r,o,i=W(e,t,n),a=K(e,t,n),s=i,u=i-a;if(o=0===i?0:u/i,i==a)r=0;else{switch(i){case e:r=(t-n)/u+(t<n?6:0);break;case t:r=(n-e)/u+2;break;case n:r=(e-t)/u+4}r/=6}return{h:r,s:o,v:s}}function c(e,t,n){e=6*T(e,360),t=T(t,100),n=T(n,100);var r=z.floor(e),o=e-r,i=n*(1-t),a=n*(1-o*t),s=n*(1-(1-o)*t),u=r%6,l=[n,a,i,i,s,n][u],c=[s,n,n,a,i,i][u],f=[i,i,s,n,n,a][u];return{r:255*l,g:255*c,b:255*f}}function f(e,t,n,r){var o=[D(H(e).toString(16)),D(H(t).toString(16)),D(H(n).toString(16))];return r&&o[0].charAt(0)==o[0].charAt(1)&&o[1].charAt(0)==o[1].charAt(1)&&o[2].charAt(0)==o[2].charAt(1)?o[0].charAt(0)+o[1].charAt(0)+o[2].charAt(0):o.join("")}function p(e,t,n,r){var o=[D(R(r)),D(H(e).toString(16)),D(H(t).toString(16)),D(H(n).toString(16))];return o.join("")}function d(e,t){t=0===t?0:t||10;var n=o(e).toHsl();return n.s-=t/100,n.s=k(n.s),o(n)}function h(e,t){t=0===t?0:t||10;var n=o(e).toHsl();return n.s+=t/100,n.s=k(n.s),o(n)}function v(e){return o(e).desaturate(100)}function m(e,t){t=0===t?0:t||10;var n=o(e).toHsl();return n.l+=t/100,n.l=k(n.l),o(n)}function y(e,t){t=0===t?0:t||10;var n=o(e).toRgb();return n.r=W(0,K(255,n.r-H(255*-(t/100)))),n.g=W(0,K(255,n.g-H(255*-(t/100)))),n.b=W(0,K(255,n.b-H(255*-(t/100)))),o(n)}function g(e,t){t=0===t?0:t||10;var n=o(e).toHsl();return n.l-=t/100,n.l=k(n.l),o(n)}function b(e,t){var n=o(e).toHsl(),r=(H(n.h)+t)%360;return n.h=r<0?360+r:r,o(n)}function _(e){var t=o(e).toHsl();return t.h=(t.h+180)%360,o(t)}function w(e){var t=o(e).toHsl(),n=t.h;return[o(e),o({h:(n+120)%360,s:t.s,l:t.l}),o({h:(n+240)%360,s:t.s,l:t.l})]}function x(e){var t=o(e).toHsl(),n=t.h;return[o(e),o({h:(n+90)%360,s:t.s,l:t.l}),o({h:(n+180)%360,s:t.s,l:t.l}),o({h:(n+270)%360,s:t.s,l:t.l})]}function C(e){var t=o(e).toHsl(),n=t.h;return[o(e),o({h:(n+72)%360,s:t.s,l:t.l}),o({h:(n+216)%360,s:t.s,l:t.l})]}function E(e,t,n){t=t||6,
+n=n||30;var r=o(e).toHsl(),i=360/n,a=[o(e)];for(r.h=(r.h-(i*t>>1)+720)%360;--t;)r.h=(r.h+i)%360,a.push(o(r));return a}function S(e,t){t=t||6;for(var n=o(e).toHsv(),r=n.h,i=n.s,a=n.v,s=[],u=1/t;t--;)s.push(o({h:r,s:i,v:a})),a=(a+u)%1;return s}function O(e){var t={};for(var n in e)e.hasOwnProperty(n)&&(t[e[n]]=n);return t}function P(e){return e=parseFloat(e),(isNaN(e)||e<0||e>1)&&(e=1),e}function T(e,t){N(e)&&(e="100%");var n=A(e);return e=K(t,W(0,parseFloat(e))),n&&(e=parseInt(e*t,10)/100),z.abs(e-t)<1e-6?1:e%t/parseFloat(t)}function k(e){return K(1,W(0,e))}function M(e){return parseInt(e,16)}function N(e){return"string"==typeof e&&e.indexOf(".")!=-1&&1===parseFloat(e)}function A(e){return"string"==typeof e&&e.indexOf("%")!=-1}function D(e){return 1==e.length?"0"+e:""+e}function j(e,t){return t=t||100,e<=1&&(e=e*t+"%"),e}function R(e){return Math.round(255*parseFloat(e)).toString(16)}function I(e){return M(e)/255}function L(e){e=e.replace(U,"").replace(V,"").toLowerCase();var t=!1;if(Y[e])e=Y[e],t=!0;else if("transparent"==e)return{r:0,g:0,b:0,a:0,format:"name"};var n;return(n=X.rgb.exec(e))?{r:n[1],g:n[2],b:n[3]}:(n=X.rgba.exec(e))?{r:n[1],g:n[2],b:n[3],a:n[4]}:(n=X.hsl.exec(e))?{h:n[1],s:n[2],l:n[3]}:(n=X.hsla.exec(e))?{h:n[1],s:n[2],l:n[3],a:n[4]}:(n=X.hsv.exec(e))?{h:n[1],s:n[2],v:n[3]}:(n=X.hsva.exec(e))?{h:n[1],s:n[2],v:n[3],a:n[4]}:(n=X.hex8.exec(e))?{a:I(n[1]),r:M(n[2]),g:M(n[3]),b:M(n[4]),format:t?"name":"hex8"}:(n=X.hex6.exec(e))?{r:M(n[1]),g:M(n[2]),b:M(n[3]),format:t?"name":"hex"}:!!(n=X.hex3.exec(e))&&{r:M(n[1]+""+n[1]),g:M(n[2]+""+n[2]),b:M(n[3]+""+n[3]),format:t?"name":"hex"}}function F(e){var t,n;return e=e||{level:"AA",size:"small"},t=(e.level||"AA").toUpperCase(),n=(e.size||"small").toLowerCase(),"AA"!==t&&"AAA"!==t&&(t="AA"),"small"!==n&&"large"!==n&&(n="small"),{level:t,size:n}}var U=/^[\s,#]+/,V=/\s+$/,B=0,z=Math,H=z.round,K=z.min,W=z.max,q=z.random;o.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var e=this.toRgb();return(299*e.r+587*e.g+114*e.b)/1e3},getLuminance:function(){var e,t,n,r,o,i,a=this.toRgb();return e=a.r/255,t=a.g/255,n=a.b/255,r=e<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4),o=t<=.03928?t/12.92:Math.pow((t+.055)/1.055,2.4),i=n<=.03928?n/12.92:Math.pow((n+.055)/1.055,2.4),.2126*r+.7152*o+.0722*i},setAlpha:function(e){return this._a=P(e),this._roundA=H(100*this._a)/100,this},toHsv:function(){var e=l(this._r,this._g,this._b);return{h:360*e.h,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=l(this._r,this._g,this._b),t=H(360*e.h),n=H(100*e.s),r=H(100*e.v);return 1==this._a?"hsv("+t+", "+n+"%, "+r+"%)":"hsva("+t+", "+n+"%, "+r+"%, "+this._roundA+")"},toHsl:function(){var e=s(this._r,this._g,this._b);return{h:360*e.h,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=s(this._r,this._g,this._b),t=H(360*e.h),n=H(100*e.s),r=H(100*e.l);return 1==this._a?"hsl("+t+", "+n+"%, "+r+"%)":"hsla("+t+", "+n+"%, "+r+"%, "+this._roundA+")"},toHex:function(e){return f(this._r,this._g,this._b,e)},toHexString:function(e){return"#"+this.toHex(e)},toHex8:function(){return p(this._r,this._g,this._b,this._a)},toHex8String:function(){return"#"+this.toHex8()},toRgb:function(){return{r:H(this._r),g:H(this._g),b:H(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+H(this._r)+", "+H(this._g)+", "+H(this._b)+")":"rgba("+H(this._r)+", "+H(this._g)+", "+H(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:H(100*T(this._r,255))+"%",g:H(100*T(this._g,255))+"%",b:H(100*T(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+H(100*T(this._r,255))+"%, "+H(100*T(this._g,255))+"%, "+H(100*T(this._b,255))+"%)":"rgba("+H(100*T(this._r,255))+"%, "+H(100*T(this._g,255))+"%, "+H(100*T(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":!(this._a<1)&&(G[f(this._r,this._g,this._b,!0)]||!1)},toFilter:function(e){var t="#"+p(this._r,this._g,this._b,this._a),n=t,r=this._gradientType?"GradientType = 1, ":"";if(e){var i=o(e);n=i.toHex8String()}return"progid:DXImageTransform.Microsoft.gradient("+r+"startColorstr="+t+",endColorstr="+n+")"},toString:function(e){var t=!!e;e=e||this._format;var n=!1,r=this._a<1&&this._a>=0,o=!t&&r&&("hex"===e||"hex6"===e||"hex3"===e||"name"===e);return o?"name"===e&&0===this._a?this.toName():this.toRgbString():("rgb"===e&&(n=this.toRgbString()),"prgb"===e&&(n=this.toPercentageRgbString()),"hex"!==e&&"hex6"!==e||(n=this.toHexString()),"hex3"===e&&(n=this.toHexString(!0)),"hex8"===e&&(n=this.toHex8String()),"name"===e&&(n=this.toName()),"hsl"===e&&(n=this.toHslString()),"hsv"===e&&(n=this.toHsvString()),n||this.toHexString())},_applyModification:function(e,t){var n=e.apply(null,[this].concat([].slice.call(t)));return this._r=n._r,this._g=n._g,this._b=n._b,this.setAlpha(n._a),this},lighten:function(){return this._applyModification(m,arguments)},brighten:function(){return this._applyModification(y,arguments)},darken:function(){return this._applyModification(g,arguments)},desaturate:function(){return this._applyModification(d,arguments)},saturate:function(){return this._applyModification(h,arguments)},greyscale:function(){return this._applyModification(v,arguments)},spin:function(){return this._applyModification(b,arguments)},_applyCombination:function(e,t){return e.apply(null,[this].concat([].slice.call(t)))},analogous:function(){return this._applyCombination(E,arguments)},complement:function(){return this._applyCombination(_,arguments)},monochromatic:function(){return this._applyCombination(S,arguments)},splitcomplement:function(){return this._applyCombination(C,arguments)},triad:function(){return this._applyCombination(w,arguments)},tetrad:function(){return this._applyCombination(x,arguments)}},o.fromRatio=function(e,t){if("object"==typeof e){var n={};for(var r in e)e.hasOwnProperty(r)&&("a"===r?n[r]=e[r]:n[r]=j(e[r]));e=n}return o(e,t)},o.equals=function(e,t){return!(!e||!t)&&o(e).toRgbString()==o(t).toRgbString()},o.random=function(){return o.fromRatio({r:q(),g:q(),b:q()})},o.mix=function(e,t,n){n=0===n?0:n||50;var r,i=o(e).toRgb(),a=o(t).toRgb(),s=n/100,u=2*s-1,l=a.a-i.a;r=u*l==-1?u:(u+l)/(1+u*l),r=(r+1)/2;var c=1-r,f={r:a.r*r+i.r*c,g:a.g*r+i.g*c,b:a.b*r+i.b*c,a:a.a*s+i.a*(1-s)};return o(f)},o.readability=function(e,t){var n=o(e),r=o(t);return(Math.max(n.getLuminance(),r.getLuminance())+.05)/(Math.min(n.getLuminance(),r.getLuminance())+.05)},o.isReadable=function(e,t,n){var r,i,a=o.readability(e,t);switch(i=!1,r=F(n),r.level+r.size){case"AAsmall":case"AAAlarge":i=a>=4.5;break;case"AAlarge":i=a>=3;break;case"AAAsmall":i=a>=7}return i},o.mostReadable=function(e,t,n){var r,i,a,s,u=null,l=0;n=n||{},i=n.includeFallbackColors,a=n.level,s=n.size;for(var c=0;c<t.length;c++)r=o.readability(e,t[c]),r>l&&(l=r,u=o(t[c]));return o.isReadable(e,u,{level:a,size:s})||!i?u:(n.includeFallbackColors=!1,o.mostReadable(e,["#fff","#000"],n))};var Y=o.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},G=o.hexNames=O(Y),X=function(){var e="[-\\+]?\\d+%?",t="[-\\+]?\\d*\\.\\d+%?",n="(?:"+t+")|(?:"+e+")",r="[\\s|\\(]+("+n+")[,|\\s]+("+n+")[,|\\s]+("+n+")\\s*\\)?",o="[\\s|\\(]+("+n+")[,|\\s]+("+n+")[,|\\s]+("+n+")[,|\\s]+("+n+")\\s*\\)?";return{rgb:new RegExp("rgb"+r),rgba:new RegExp("rgba"+o),hsl:new RegExp("hsl"+r),hsla:new RegExp("hsla"+o),hsv:new RegExp("hsv"+r),hsva:new RegExp("hsva"+o),hex3:/^([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex8:/^([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/}}();"undefined"!=typeof e&&e.exports?e.exports=o:(r=function(){return o}.call(t,n,t,e),!(void 0!==r&&(e.exports=r)))}()},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Swatch=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=t.Swatch=function(e){var t=e.color,n=e.style,r=e.onClick,o=(0,s["default"])({"default":{swatch:{background:t,height:"100%",width:"100%",cursor:"pointer"}},custom:{swatch:n}},"custom"),a=function(e){return r(t,e)};return i["default"].createElement("div",{style:o.swatch,onClick:a})};t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.AlphaPointer=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=t.AlphaPointer=function(){var e=(0,s["default"])({"default":{picker:{width:"18px",height:"18px",borderRadius:"50%",transform:"translate(-9px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}}});return i["default"].createElement("div",{style:e.picker})};t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Block=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(189),l=r(u),c=n(172),f=n(197),p=r(f),d=t.Block=function(e){var t=e.onChange,n=e.hex,r=e.colors,o=e.width,a=e.triangle,u=function(e){l["default"].isValidHex(e)&&t({hex:e,source:"hex"})},f=(0,s["default"])({"default":{card:{width:o,background:"#fff",boxShadow:"0 1px rgba(0,0,0,.1)",borderRadius:"6px",position:"relative"},head:{height:"110px",background:n,borderRadius:"6px 6px 0 0",display:"flex",alignItems:"center",justifyContent:"center"},body:{padding:"10px"},label:{fontSize:"18px",color:"#fff"},triangle:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 10px 10px 10px",borderColor:"transparent transparent "+n+" transparent",position:"absolute",top:"-10px",left:"50%",marginLeft:"-10px"},input:{width:"100%",fontSize:"12px",color:"#666",border:"0px",outline:"none",height:"22px",boxShadow:"inset 0 0 0 1px #ddd",borderRadius:"4px",padding:"0 7px",boxSizing:"border-box"}},"hide-triangle":{triangle:{display:"none"}}},{"hide-triangle":"hide"===a});return i["default"].createElement("div",{style:f.card,className:"block-picker"},i["default"].createElement("div",{style:f.triangle}),i["default"].createElement("div",{style:f.head},i["default"].createElement("div",{style:f.label},n)),i["default"].createElement("div",{style:f.body},i["default"].createElement(p["default"],{colors:r,onClick:u}),i["default"].createElement(c.EditableInput,{placeholder:"Hex Code",style:{input:f.input},value:"",onChange:u})))};d.defaultProps={width:"170px",colors:["#D9E3F0","#F47373","#697689","#37D67A","#2CCCE4","#555555","#dce775","#ff8a65","#ba68c8"],triangle:"top"},t["default"]=(0,c.ColorWrap)(d)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.BlockSwatches=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(172),f=t.BlockSwatches=function(e){var t=e.colors,n=e.onClick,r=(0,s["default"])({"default":{swatches:{marginRight:"-10px"},swatch:{width:"22px",height:"22px","float":"left",marginRight:"10px",marginBottom:"10px",borderRadius:"4px"},clear:{clear:"both"}}});return i["default"].createElement("div",{style:r.swatches},(0,l["default"])(t,function(e){return i["default"].createElement(c.Swatch,{key:e,color:e,style:r.swatch,onClick:n})}),i["default"].createElement("div",{style:r.clear}))};t["default"]=f},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Circle=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(199),f=r(c),p=n(172),d=n(200),h=r(d),v=t.Circle=function(e){var t=e.width,n=e.onChange,r=e.colors,o=e.hex,a=(0,s["default"])({"default":{card:{width:t,display:"flex",flexWrap:"wrap",margin:"0 -14px -14px 0"}}}),u=function(e){n({hex:e,source:"hex"})};return i["default"].createElement("div",{style:a.card,className:"circle-picker"},(0,l["default"])(r,function(e){return i["default"].createElement(h["default"],{key:e,color:e,onClick:u,active:o===e.toLowerCase()})}))};v.defaultProps={width:"252px",colors:[f["default"].red[500],f["default"].pink[500],f["default"].purple[500],f["default"].deepPurple[500],f["default"].indigo[500],f["default"].blue[500],f["default"].lightBlue[500],f["default"].cyan[500],f["default"].teal[500],f["default"].green[500],f["default"].lightGreen[500],f["default"].lime[500],f["default"].yellow[500],f["default"].amber[500],f["default"].orange[500],f["default"].deepOrange[500],f["default"].brown[500],f["default"].blueGrey[500]]},t["default"]=(0,p.ColorWrap)(v)},function(e,t,n){var r,o,i;!function(n,a){o=[],r=a,i="function"==typeof r?r.apply(t,o):r,!(void 0!==i&&(e.exports=i))}(this,function(){return{red:{50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",a100:"#ff8a80",a200:"#ff5252",a400:"#ff1744",a700:"#d50000"},pink:{50:"#fce4ec",100:"#f8bbd0",200:"#f48fb1",300:"#f06292",400:"#ec407a",500:"#e91e63",600:"#d81b60",700:"#c2185b",800:"#ad1457",900:"#880e4f",a100:"#ff80ab",a200:"#ff4081",a400:"#f50057",a700:"#c51162"},purple:{50:"#f3e5f5",100:"#e1bee7",200:"#ce93d8",300:"#ba68c8",400:"#ab47bc",500:"#9c27b0",600:"#8e24aa",700:"#7b1fa2",800:"#6a1b9a",900:"#4a148c",a100:"#ea80fc",a200:"#e040fb",a400:"#d500f9",a700:"#aa00ff"},deepPurple:{50:"#ede7f6",100:"#d1c4e9",200:"#b39ddb",300:"#9575cd",400:"#7e57c2",500:"#673ab7",600:"#5e35b1",700:"#512da8",800:"#4527a0",900:"#311b92",a100:"#b388ff",a200:"#7c4dff",a400:"#651fff",a700:"#6200ea"},indigo:{50:"#e8eaf6",100:"#c5cae9",200:"#9fa8da",300:"#7986cb",400:"#5c6bc0",500:"#3f51b5",600:"#3949ab",700:"#303f9f",800:"#283593",900:"#1a237e",a100:"#8c9eff",a200:"#536dfe",a400:"#3d5afe",a700:"#304ffe"},blue:{50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",a100:"#82b1ff",a200:"#448aff",a400:"#2979ff",a700:"#2962ff"},lightBlue:{50:"#e1f5fe",100:"#b3e5fc",200:"#81d4fa",300:"#4fc3f7",400:"#29b6f6",500:"#03a9f4",600:"#039be5",700:"#0288d1",800:"#0277bd",900:"#01579b",a100:"#80d8ff",a200:"#40c4ff",a400:"#00b0ff",a700:"#0091ea"},cyan:{50:"#e0f7fa",100:"#b2ebf2",200:"#80deea",300:"#4dd0e1",400:"#26c6da",500:"#00bcd4",600:"#00acc1",700:"#0097a7",800:"#00838f",900:"#006064",a100:"#84ffff",a200:"#18ffff",a400:"#00e5ff",a700:"#00b8d4"},teal:{50:"#e0f2f1",100:"#b2dfdb",200:"#80cbc4",300:"#4db6ac",400:"#26a69a",500:"#009688",600:"#00897b",700:"#00796b",800:"#00695c",900:"#004d40",a100:"#a7ffeb",a200:"#64ffda",a400:"#1de9b6",a700:"#00bfa5"},green:{50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",a100:"#b9f6ca",a200:"#69f0ae",a400:"#00e676",a700:"#00c853"},lightGreen:{50:"#f1f8e9",100:"#dcedc8",200:"#c5e1a5",300:"#aed581",400:"#9ccc65",500:"#8bc34a",600:"#7cb342",700:"#689f38",800:"#558b2f",900:"#33691e",a100:"#ccff90",a200:"#b2ff59",a400:"#76ff03",a700:"#64dd17"},lime:{50:"#f9fbe7",100:"#f0f4c3",200:"#e6ee9c",300:"#dce775",400:"#d4e157",500:"#cddc39",600:"#c0ca33",700:"#afb42b",800:"#9e9d24",900:"#827717",a100:"#f4ff81",a200:"#eeff41",a400:"#c6ff00",a700:"#aeea00"},yellow:{50:"#fffde7",100:"#fff9c4",200:"#fff59d",300:"#fff176",400:"#ffee58",500:"#ffeb3b",600:"#fdd835",700:"#fbc02d",800:"#f9a825",900:"#f57f17",a100:"#ffff8d",a200:"#ffff00",a400:"#ffea00",a700:"#ffd600"},amber:{50:"#fff8e1",100:"#ffecb3",200:"#ffe082",300:"#ffd54f",400:"#ffca28",500:"#ffc107",600:"#ffb300",700:"#ffa000",800:"#ff8f00",900:"#ff6f00",a100:"#ffe57f",a200:"#ffd740",a400:"#ffc400",a700:"#ffab00"},orange:{50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100",a100:"#ffd180",a200:"#ffab40",a400:"#ff9100",a700:"#ff6d00"},deepOrange:{50:"#fbe9e7",100:"#ffccbc",200:"#ffab91",300:"#ff8a65",400:"#ff7043",500:"#ff5722",600:"#f4511e",700:"#e64a19",800:"#d84315",900:"#bf360c",a100:"#ff9e80",a200:"#ff6e40",a400:"#ff3d00",a700:"#dd2c00"},brown:{50:"#efebe9",100:"#d7ccc8",200:"#bcaaa4",300:"#a1887f",400:"#8d6e63",500:"#795548",600:"#6d4c41",700:"#5d4037",800:"#4e342e",900:"#3e2723"},grey:{50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",300:"#e0e0e0",400:"#bdbdbd",500:"#9e9e9e",600:"#757575",700:"#616161",800:"#424242",900:"#212121"},blueGrey:{50:"#eceff1",100:"#cfd8dc",200:"#b0bec5",300:"#90a4ae",400:"#78909c",500:"#607d8b",600:"#546e7a",700:"#455a64",800:"#37474f",900:"#263238"},darkText:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.54)",disabled:"rgba(0, 0, 0, 0.38)",dividers:"rgba(0, 0, 0, 0.12)"},lightText:{primary:"rgba(255, 255, 255, 1)",secondary:"rgba(255, 255, 255, 0.7)",disabled:"rgba(255, 255, 255, 0.5)",dividers:"rgba(255, 255, 255, 0.12)"},darkIcons:{active:"rgba(0, 0, 0, 0.54)",inactive:"rgba(0, 0, 0, 0.38)"},lightIcons:{active:"rgba(255, 255, 255, 1)",inactive:"rgba(255, 255, 255, 0.5)"},white:"#ffffff",black:"#000000"}})},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.CircleSwatch=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(172),l=t.CircleSwatch=function(e){var t=e.color,n=e.onClick,r=e.hover,o=e.active,a=(0,s["default"])({"default":{swatch:{width:"28px",height:"28px",margin:"0 14px 14px 0",transform:"scale(1)",transition:"100ms transform ease"},Swatch:{borderRadius:"50%",background:"transparent",boxShadow:"inset 0 0 0 14px "+t,transition:"100ms box-shadow ease"}},hover:{swatch:{transform:"scale(1.2)"}},active:{Swatch:{boxShadow:"inset 0 0 0 3px "+t}}},{hover:r,active:o});return i["default"].createElement("div",{style:a.swatch},i["default"].createElement(u.Swatch,{style:a.Swatch,color:t,onClick:n}))};t["default"]=(0,a.hover)(l)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Chrome=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(172),l=n(202),c=r(l),f=n(203),p=r(f),d=n(204),h=r(d),v=t.Chrome=function(e){var t=e.onChange,n=e.disableAlpha,r=e.rgb,o=e.hsl,a=e.hsv,l=e.hex,f=(0,s["default"])({"default":{picker:{background:"#fff",borderRadius:"2px",boxShadow:"0 0 2px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.3)",boxSizing:"initial",width:"225px",fontFamily:"Menlo"},saturation:{width:"100%",paddingBottom:"55%",position:"relative",borderRadius:"2px 2px 0 0",overflow:"hidden"},Saturation:{radius:"2px 2px 0 0"},body:{padding:"16px 16px 12px"},controls:{display:"flex"},color:{width:"32px"},swatch:{marginTop:"6px",width:"16px",height:"16px",borderRadius:"8px",position:"relative",overflow:"hidden"},active:{absolute:"0px 0px 0px 0px",borderRadius:"8px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.1)",background:"rgba("+r.r+", "+r.g+", "+r.b+", "+r.a+")",zIndex:"2"},toggles:{flex:"1"},hue:{height:"10px",position:"relative",marginBottom:"8px"},Hue:{radius:"2px"},alpha:{height:"10px",position:"relative"},Alpha:{radius:"2px"}},disableAlpha:{color:{width:"22px"},alpha:{display:"none"},hue:{marginBottom:"0px"},swatch:{width:"10px",height:"10px",marginTop:"0px"}}},{disableAlpha:n});return i["default"].createElement("div",{style:f.picker,className:"chrome-picker"},i["default"].createElement("div",{style:f.saturation},i["default"].createElement(u.Saturation,{style:f.Saturation,hsl:o,hsv:a,pointer:h["default"],onChange:t})),i["default"].createElement("div",{style:f.body},i["default"].createElement("div",{style:f.controls,className:"flexbox-fix"},i["default"].createElement("div",{style:f.color},i["default"].createElement("div",{style:f.swatch},i["default"].createElement("div",{style:f.active}),i["default"].createElement(u.Checkboard,null))),i["default"].createElement("div",{style:f.toggles},i["default"].createElement("div",{style:f.hue},i["default"].createElement(u.Hue,{style:f.Hue,hsl:o,pointer:p["default"],onChange:t})),i["default"].createElement("div",{style:f.alpha},i["default"].createElement(u.Alpha,{style:f.Alpha,rgb:r,hsl:o,pointer:p["default"],onChange:t})))),i["default"].createElement(c["default"],{rgb:r,hsl:o,hex:l,onChange:t,disableAlpha:n})))};t["default"]=(0,u.ColorWrap)(v)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.ChromeFields=void 0;var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),u=n(3),l=r(u),c=n(4),f=r(c),p=n(189),d=r(p),h=n(172),v=t.ChromeFields=function(e){function t(){var e,n,r,a;o(this,t);for(var s=arguments.length,u=Array(s),l=0;l<s;l++)u[l]=arguments[l];return n=r=i(this,(e=Object.getPrototypeOf(t)).call.apply(e,[this].concat(u))),r.state={view:""},r.toggleViews=function(){"hex"===r.state.view?r.setState({view:"rgb"}):"rgb"===r.state.view?r.setState({view:"hsl"}):"hsl"===r.state.view&&(1===r.props.hsl.a?r.setState({view:"hex"}):r.setState({view:"rgb"}))},r.handleChange=function(e){e.hex?d["default"].isValidHex(e.hex)&&r.props.onChange({hex:e.hex,source:"hex"}):e.r||e.g||e.b?r.props.onChange({r:e.r||r.props.rgb.r,g:e.g||r.props.rgb.g,b:e.b||r.props.rgb.b,source:"rgb"}):e.a?(e.a<0?e.a=0:e.a>1&&(e.a=1),r.props.onChange({h:r.props.hsl.h,s:r.props.hsl.s,l:r.props.hsl.l,a:Math.round(100*e.a)/100,source:"rgb"})):(e.h||e.s||e.l)&&r.props.onChange({h:e.h||r.props.hsl.h,s:e.s&&e.s.replace("%","")||r.props.hsl.s,l:e.l&&e.l.replace("%","")||r.props.hsl.l,source:"hsl"})},r.showHighlight=function(e){e.target.style.background="#eee"},r.hideHighlight=function(e){e.target.style.background="transparent"},a=n,i(r,a)}return a(t,e),s(t,[{key:"componentDidMount",value:function(){1===this.props.hsl.a&&"hex"!==this.state.view?this.setState({view:"hex"}):"rgb"!==this.state.view&&"hsl"!==this.state.view&&this.setState({view:"rgb"})}},{key:"componentWillReceiveProps",value:function(e){1!==e.hsl.a&&"hex"===this.state.view&&this.setState({view:"rgb"})}},{key:"render",value:function(){var e=(0,f["default"])({"default":{wrap:{paddingTop:"16px",display:"flex"},fields:{flex:"1",display:"flex",marginLeft:"-6px"},field:{paddingLeft:"6px",width:"100%"},alpha:{paddingLeft:"6px",width:"100%"},toggle:{width:"32px",textAlign:"right",position:"relative"},icon:{marginRight:"-4px",marginTop:"12px",cursor:"pointer",position:"relative"},iconHighlight:{position:"absolute",width:"24px",height:"28px",background:"#eee",borderRadius:"4px",top:"10px",left:"12px",display:"none"},input:{fontSize:"11px",color:"#333",width:"100%",borderRadius:"2px",border:"none",boxShadow:"inset 0 0 0 1px #dadada",height:"21px",textAlign:"center"},label:{textTransform:"uppercase",fontSize:"11px",lineHeight:"11px",color:"#969696",textAlign:"center",display:"block",marginTop:"12px"},svg:{width:"24px",height:"24px",border:"1px transparent solid",borderRadius:"5px"}},disableAlpha:{alpha:{display:"none"}}},this.props,this.state),t=void 0;return"hex"===this.state.view?t=l["default"].createElement("div",{style:e.fields,className:"flexbox-fix"},l["default"].createElement("div",{style:e.field},l["default"].createElement(h.EditableInput,{style:{input:e.input,label:e.label},label:"hex",value:this.props.hex,onChange:this.handleChange}))):"rgb"===this.state.view?t=l["default"].createElement("div",{style:e.fields,className:"flexbox-fix"},l["default"].createElement("div",{style:e.field},l["default"].createElement(h.EditableInput,{style:{input:e.input,label:e.label},label:"r",value:this.props.rgb.r,onChange:this.handleChange})),l["default"].createElement("div",{style:e.field},l["default"].createElement(h.EditableInput,{style:{input:e.input,label:e.label},label:"g",value:this.props.rgb.g,onChange:this.handleChange})),l["default"].createElement("div",{style:e.field},l["default"].createElement(h.EditableInput,{style:{input:e.input,label:e.label},label:"b",value:this.props.rgb.b,onChange:this.handleChange})),l["default"].createElement("div",{style:e.alpha},l["default"].createElement(h.EditableInput,{style:{input:e.input,label:e.label},label:"a",value:this.props.rgb.a,arrowOffset:.01,onChange:this.handleChange}))):"hsl"===this.state.view&&(t=l["default"].createElement("div",{style:e.fields,className:"flexbox-fix"},l["default"].createElement("div",{style:e.field},l["default"].createElement(h.EditableInput,{style:{input:e.input,label:e.label},label:"h",value:Math.round(this.props.hsl.h),onChange:this.handleChange})),l["default"].createElement("div",{style:e.field},l["default"].createElement(h.EditableInput,{style:{input:e.input,label:e.label},label:"s",value:Math.round(100*this.props.hsl.s)+"%",onChange:this.handleChange})),l["default"].createElement("div",{style:e.field},l["default"].createElement(h.EditableInput,{style:{input:e.input,label:e.label},label:"l",value:Math.round(100*this.props.hsl.l)+"%",onChange:this.handleChange})),l["default"].createElement("div",{style:e.alpha},l["default"].createElement(h.EditableInput,{style:{input:e.input,label:e.label},label:"a",value:this.props.hsl.a,arrowOffset:.01,onChange:this.handleChange})))),l["default"].createElement("div",{style:e.wrap,className:"flexbox-fix"},t,l["default"].createElement("div",{style:e.toggle},l["default"].createElement("div",{style:e.icon,onClick:this.toggleViews,ref:"icon"},l["default"].createElement("svg",{style:e.svg,viewBox:"0 0 24 24",onMouseOver:this.showHighlight,onMouseEnter:this.showHighlight,onMouseOut:this.hideHighlight},l["default"].createElement("path",{ref:"iconUp",fill:"#333",d:"M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z"}),l["default"].createElement("path",{ref:"iconDown",fill:"#333",d:"M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15Z"})))))}}]),t}(l["default"].Component);t["default"]=v},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.ChromePointer=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=t.ChromePointer=function(){var e=(0,s["default"])({"default":{picker:{width:"12px",height:"12px",borderRadius:"6px",transform:"translate(-6px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}}});return i["default"].createElement("div",{style:e.picker})};t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.ChromePointerCircle=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=t.ChromePointerCircle=function(){var e=(0,s["default"])({"default":{picker:{width:"12px",height:"12px",borderRadius:"6px",boxShadow:"inset 0 0 0 1px #fff",transform:"translate(-6px, -6px)"}}});return i["default"].createElement("div",{style:e.picker})};t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Compact=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(189),f=r(c),p=n(206),d=n(172),h=n(212),v=r(h),m=n(213),y=r(m),g=t.Compact=function(e){var t=e.onChange,n=e.colors,r=e.hex,o=e.rgb,a=(0,s["default"])({"default":{Compact:{background:"#f6f6f6",radius:"4px"},compact:{paddingTop:"5px",paddingLeft:"5px",boxSizing:"initial",width:"240px"},clear:{clear:"both"}}}),u=function(e){e.hex?f["default"].isValidHex(e.hex)&&t({hex:e.hex,source:"hex"}):t(e)};return i["default"].createElement(p.Raised,{style:a.Compact},i["default"].createElement("div",{style:a.compact,className:"compact-picker"},i["default"].createElement("div",null,(0,l["default"])(n,function(e){return i["default"].createElement(v["default"],{key:e,color:e,active:e.toLowerCase()===r,onClick:u})}),i["default"].createElement("div",{style:a.clear})),i["default"].createElement(y["default"],{hex:r,rgb:o,onChange:u})))};g.defaultProps={colors:["#4D4D4D","#999999","#FFFFFF","#F44E3B","#FE9200","#FCDC00","#DBDF00","#A4DD00","#68CCCA","#73D8FF","#AEA1FF","#FDA1FF","#333333","#808080","#cccccc","#D33115","#E27300","#FCC400","#B0BC00","#68BC00","#16A5A5","#009CE0","#7B64FF","#FA28FF","#000000","#666666","#B3B3B3","#9F0500","#C45100","#FB9E00","#808900","#194D33","#0C797D","#0062B1","#653294","#AB149E"]},t["default"]=(0,d.ColorWrap)(g)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(207),i=r(o),a=n(208),s=r(a),u=n(209),l=r(u);t.Raised=i["default"],t.Tile=s["default"],t.Tabs=l["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t;
 }function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),u=n(3),l=r(u),c=n(4),f=r(c),p=function(e){function t(){return o(this,t),i(this,Object.getPrototypeOf(t).apply(this,arguments))}return a(t,e),s(t,[{key:"render",value:function(){var e=(0,f["default"])({"default":{wrap:{position:"relative"},content:{position:"relative"},bg:{absolute:"0px 0px 0px 0px",boxShadow:"0 ${ this.props.zDepth }px ${ this.props.zDepth * 4 }px rgba(0,0,0,.24)",borderRadius:this.props.radius,background:this.props.background}},"zDepth-0":{bg:{boxShadow:"none"}},"zDepth-1":{bg:{boxShadow:"0 2px 10px rgba(0,0,0,.12), 0 2px 5px rgba(0,0,0,.16)"}},"zDepth-2":{bg:{boxShadow:"0 6px 20px rgba(0,0,0,.19), 0 8px 17px rgba(0,0,0,.2)"}},"zDepth-3":{bg:{boxShadow:"0 17px 50px rgba(0,0,0,.19), 0 12px 15px rgba(0,0,0,.24)"}},"zDepth-4":{bg:{boxShadow:"0 25px 55px rgba(0,0,0,.21), 0 16px 28px rgba(0,0,0,.22)"}},"zDepth-5":{bg:{boxShadow:"0 40px 77px rgba(0,0,0,.22), 0 27px 24px rgba(0,0,0,.2)"}},square:{bg:{borderRadius:"0"}},circle:{bg:{borderRadius:"50%"}}},this.props);return l["default"].createElement("div",{style:e.wrap},l["default"].createElement("div",{style:e.bg}),l["default"].createElement("div",{style:e.content},this.props.children))}}]),t}(l["default"].Component);p.propTypes={background:l["default"].PropTypes.string,zDepth:l["default"].PropTypes.oneOf(["0","1","2","3","4","5",0,1,2,3,4,5]),radius:l["default"].PropTypes.oneOfType([l["default"].PropTypes.string,l["default"].PropTypes.number])},p.defaultProps={background:"#fff",zDepth:"1",radius:"2px"},t["default"]=p},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){var n=[],r=!0,o=!1,i=void 0;try{for(var a,s=e[Symbol.iterator]();!(r=(a=s.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(u){o=!0,i=u}finally{try{!r&&s["return"]&&s["return"]()}finally{if(o)throw i}}return n}return function(t,n){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return e(t,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),u=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),l=n(3),c=r(l),f=n(4),p=r(f),d=function(e){function t(){return o(this,t),i(this,Object.getPrototypeOf(t).apply(this,arguments))}return a(t,e),u(t,[{key:"render",value:function(){var e=(0,p["default"])({"default":{tile:{fontSize:"16px",padding:"16px",display:"flex",justifyContent:"space-between",color:this.props.color},primary:{display:"flex",width:"100%"},sidebar:{minWidth:"56px",maxWidth:"56px",flexBasis:"56px"},content:{background:"none",flex:"1",overflow:"auto"},secondary:{flexBasis:"42",textAlign:"center"},sidebarIcon:{marginTop:"-12px",marginLeft:"-12px",marginBottom:"-12px"}},divider:{tile:{boxShadow:"inset 0 -1px 0 rgba(0,0,0,.12)"}},condensed:{tile:{paddingBottom:"0px",paddingTop:"0px",paddingRight:"0px"},sidebar:{minWidth:"28px",maxWidth:"28px",flexBasis:"28px"}}},{clickable:this.props.onClick},this.props),t=s(this.props.children,2),n=t[0],r=t[1];return c["default"].createElement("div",{style:e.tile,className:"flexbox-fix"},c["default"].createElement("div",{style:e.primary,className:"flexbox-fix"},c["default"].createElement("div",{style:e.sidebar,key:"sidebar-#{ sidebar }"},n),c["default"].createElement("div",{style:e.content,key:"content-#{ content }"},r)))}}]),t}(c["default"].Component);t["default"]=d},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),u=n(3),l=r(u),c=n(4),f=r(c),p=n(125),d=r(p),h=n(210),v=r(h),m=n(211),y=r(m),g=function(e){function t(e){o(this,t);var n,r=i(this,Object.getPrototypeOf(t).call(this));return n=e.selectedTab<(e.tabs&&e.tabs.length)?e.selectedTab:0,r.state={selectedTab:n},r.handleClick=r.handleClick.bind(r),r.slide=r.slide.bind(r),r}return a(t,e),s(t,[{key:"handleClick",value:function(e){this.props.onChange&&this.props.onChange(e),this.setState({selectedTab:e})}},{key:"slide",value:function(){if(this.props.tabs.length){var e=this.refs.tabs.getDOMNode(),t=e.scrollLeft,n=e.offsetWidth+e.scrollLeft,r=this.refs["tab-"+this.state.selectedTab]&&this.refs["tab-"+this.state.selectedTab].getDOMNode(),o=r&&r.getBoundingClientRect().left-e.getBoundingClientRect().left+e.scrollLeft,i=r&&o+r.offsetWidth;i>n&&(e.scrollLeft+=i-n),o<t&&(e.scrollLeft-=t-o);var a=this.refs.indicator;a.style.left=o+"px",a.style.width=r.offsetWidth+"px",a.style.height="2px"}}},{key:"componentDidMount",value:function(){this.slide()}},{key:"componentWillReceiveProps",value:function(e){e.selectedTab!==this.state.selectedTab&&this.setState({selectedTab:e.selectedTab})}},{key:"componentWillUpdate",value:function(e,t){t.selectedTab>=(e.tabs&&e.tabs.length)&&(t.selectedTab=e.tabs.length-1)}},{key:"componentDidUpdate",value:function(){this.slide()}},{key:"render",value:function(){for(var e=(0,f["default"])({"default":{tabs:{position:"relative",background:this.props.background},tabWrap:{display:"flex"},tab:{justifyContent:"flex-start",minWidth:"68px",maxWidth:"240px"},Tab:{color:this.props.color,inactive:this.props.inactive,capitalize:this.props.capitalize},indicator:{height:"0",position:"absolute",bottom:"0",left:"0",background:this.props.color,transition:"all 200ms linear"}},scrollable:{tabs:{overflowX:"scroll"},tabWrap:{paddingLeft:"60px",justifyContent:"flex-start",width:"400%"},tab:{width:"auto"}},"align-justify":{tabWrap:{justifyContent:"space-between"},tab:{width:100/this.props.tabs.length+"%"}},"align-left":{tabWrap:{paddingLeft:"60px",justifyContent:"flex-start"},tab:{width:"auto"}},"align-center":{tabWrap:{justifyContent:"center"},tab:{width:"auto"}}},{scrollable:this.props.width/this.props.tabs.length<72},this.props,this.state),t=[],n=0;n<this.props.tabs.length;n++){var r,o,i,a,s=this.props.tabs[n];(0,d["default"])(s)?(r=s,o=null):(r=s.label,o=s.onClick,i=s.callbackValue,a=s.newTab),t.push(l["default"].createElement("div",{style:e.tab,ref:"tab-"+n,key:n},l["default"].createElement(y["default"],{onClick:o,callbackValue:i,newTab:a},l["default"].createElement(v["default"],{style:e.Tab,tab:n,selected:this.state.selectedTab===n,selectable:s.selectable,onClick:this.handleClick},r))))}return l["default"].createElement("div",{style:e.tabs,ref:"tabs"},l["default"].createElement("div",{style:e.tabWrap,className:"flexbox-fix"},t),l["default"].createElement("div",{style:e.indicator,ref:"indicator"}))}}]),t}(l["default"].Component);g.defaultProps={selectedTab:0,background:"transparent",color:"#fff"},t["default"]=g},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),u=n(3),l=r(u),c=n(4),f=r(c),p=function(e){function t(){o(this,t);var e=i(this,Object.getPrototypeOf(t).call(this));return e.handleClick=e.handleClick.bind(e),e}return a(t,e),s(t,[{key:"handleClick",value:function(){this.props.selectable!==!1&&this.props.onClick(this.props.tab)}},{key:"render",value:function(){var e=(0,f["default"])({"default":{tab:{color:this.props.inactive||this.props.color,cursor:"pointer",paddingLeft:"12px",paddingRight:"12px",height:"48px",lineHeight:"48px",textAlign:"center",fontSize:"14px",textTransform:this.props.capitalize===!1?"":"uppercase",fontWeight:"500",whiteSpace:"nowrap",opacity:".47",transition:"opacity 100ms linear"}},selected:{tab:{color:this.props.color,opacity:".87"}}},this.props);return l["default"].createElement("div",{style:e.tab,onClick:this.handleClick},this.props.children)}}]),t}(l["default"].Component);p.propTypes={selected:l["default"].PropTypes.bool},p.defaultProps={selected:!1,color:"#fff"},t["default"]=p},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),u=n(3),l=r(u),c=n(125),f=r(c),p=function(e){function t(){o(this,t);var e=i(this,Object.getPrototypeOf(t).call(this));return e.handleClick=e.handleClick.bind(e),e}return a(t,e),s(t,[{key:"handleClick",value:function(e){this.props.onClick&&this.props.onClick(e,this.props.callbackValue)}},{key:"render",value:function(){var e;return e=(0,f["default"])(this.props.onClick)?l["default"].createElement("a",{style:{textDecoration:"none"},href:this.props.onClick,target:this.props.newTab&&"_blank"},this.props.children):l["default"].createElement("a",{style:{textDecoration:"none"},onClick:this.handleClick},this.props.children)}}]),t}(l["default"].Component);p.defaultProps={newTab:!1},t["default"]=p},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.CompactColor=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=t.CompactColor=function(e){var t=e.color,n=e.onClick,r=e.active,o=(0,s["default"])({"default":{color:{background:t,width:"15px",height:"15px","float":"left",marginRight:"5px",marginBottom:"5px",position:"relative",cursor:"pointer"},dot:{absolute:"5px 5px 5px 5px",background:"#fff",borderRadius:"50%",opacity:"0"}},active:{dot:{opacity:"1"}},"color-#FFFFFF":{color:{boxShadow:"inset 0 0 0 1px #ddd"},dot:{background:"#000"}}},{active:r,"color-#FFFFFF":"#FFFFFF"===t}),a=function(){n({hex:t})};return i["default"].createElement("div",{style:o.color,onClick:a},i["default"].createElement("div",{style:o.dot}))};t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.CompactFields=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(172),l=t.CompactFields=function(e){var t=e.hex,n=e.rgb,r=e.onChange,o=(0,s["default"])({"default":{fields:{display:"flex",paddingBottom:"6px",paddingRight:"5px",position:"relative"},active:{position:"absolute",top:"6px",left:"5px",height:"9px",width:"9px",background:t},HEXwrap:{flex:"6",position:"relative"},HEXinput:{width:"80%",padding:"0px",paddingLeft:"20%",border:"none",outline:"none",background:"none",fontSize:"12px",color:"#333",height:"16px"},HEXlabel:{display:"none"},RGBwrap:{flex:"3",position:"relative"},RGBinput:{width:"70%",padding:"0px",paddingLeft:"30%",border:"none",outline:"none",background:"none",fontSize:"12px",color:"#333",height:"16px"},RGBlabel:{position:"absolute",top:"3px",left:"0px",lineHeight:"16px",textTransform:"uppercase",fontSize:"12px",color:"#999"}}}),a=function(e){r(e.r||e.g||e.b?{r:e.r||n.r,g:e.g||n.g,b:e.b||n.b,source:"rgb"}:{hex:e.hex,source:"hex"})};return i["default"].createElement("div",{style:o.fields,className:"flexbox-fix"},i["default"].createElement("div",{style:o.active}),i["default"].createElement(u.EditableInput,{style:{wrap:o.HEXwrap,input:o.HEXinput,label:o.HEXlabel},label:"hex",value:t,onChange:a}),i["default"].createElement(u.EditableInput,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"r",value:n.r,onChange:a}),i["default"].createElement(u.EditableInput,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"g",value:n.g,onChange:a}),i["default"].createElement(u.EditableInput,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"b",value:n.b,onChange:a}))};t["default"]=l},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Github=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(172),f=n(215),p=r(f),d=t.Github=function(e){var t=e.width,n=e.colors,r=e.onChange,o=e.triangle,a=(0,s["default"])({"default":{card:{width:t,background:"#fff",border:"1px solid rgba(0,0,0,0.2)",boxShadow:"0 3px 12px rgba(0,0,0,0.15)",borderRadius:"4px",position:"relative",padding:"5px",display:"flex",flexWrap:"wrap"},triangle:{position:"absolute",border:"7px solid transparent",borderBottomColor:"#fff"},triangleShadow:{position:"absolute",border:"8px solid transparent",borderBottomColor:"rgba(0,0,0,0.15)"}},"hide-triangle":{triangle:{display:"none"},triangleShadow:{display:"none"}},"top-left-triangle":{triangle:{top:"-14px",left:"10px"},triangleShadow:{top:"-16px",left:"9px"}},"top-right-triangle":{triangle:{top:"-14px",right:"10px"},triangleShadow:{top:"-16px",right:"9px"}}},{"hide-triangle":"hide"===o,"top-left-triangle":"top-left"===o,"top-right-triangle":"top-right"===o}),u=function(e){r({hex:e,source:"hex"})};return i["default"].createElement("div",{style:a.card,className:"github-picker"},i["default"].createElement("div",{style:a.triangleShadow}),i["default"].createElement("div",{style:a.triangle}),(0,l["default"])(n,function(e){return i["default"].createElement(p["default"],{color:e,key:e,onClick:u})}))};d.defaultProps={width:"200px",colors:["#B80000","#DB3E00","#FCCB00","#008B02","#006B76","#1273DE","#004DCF","#5300EB","#EB9694","#FAD0C3","#FEF3BD","#C1E1C5","#BEDADC","#C4DEF6","#BED3F3","#D4C4FB"],triangle:"top-left"},t["default"]=(0,c.ColorWrap)(d)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.GithubSwatch=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(172),l=t.GithubSwatch=function(e){var t=e.hover,n=e.color,r=e.onClick,o=(0,s["default"])({"default":{swatch:{width:"25px",height:"25px"}},hover:{swatch:{position:"relative",zIndex:"2",outline:"2px solid #fff",boxShadow:"0 0 5px 2px rgba(0,0,0,0.25)"}}},{hover:t});return i["default"].createElement("div",{style:o.swatch},i["default"].createElement(u.Swatch,{color:n,onClick:r}))};t["default"]=(0,a.hover)(l)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.HuePicker=void 0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(3),a=r(i),s=n(4),u=r(s),l=n(172),c=n(217),f=r(c),p=t.HuePicker=function(e){var t=e.width,n=e.height,r=e.onChange,i=e.hsl,s=(0,u["default"])({"default":{picker:{position:"relative",width:t,height:n},hue:{radius:"2px"}}});return a["default"].createElement("div",{style:s.picker,className:"hue-picker"},a["default"].createElement(l.Hue,o({},s.hue,{hsl:i,pointer:f["default"],onChange:r})))};p.defaultProps={width:"316px",height:"16px"},t["default"]=(0,l.ColorWrap)(p)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.SliderPointer=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=t.SliderPointer=function(){var e=(0,s["default"])({"default":{picker:{width:"18px",height:"18px",borderRadius:"50%",transform:"translate(-9px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}}});return i["default"].createElement("div",{style:e.picker})};t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Material=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(189),l=r(u),c=n(206),f=n(172),p=t.Material=function(e){var t=e.onChange,n=e.hex,r=e.rgb,o=(0,s["default"])({"default":{material:{width:"98px",height:"98px",padding:"16px",fontFamily:"Roboto"},HEXwrap:{position:"relative"},HEXinput:{width:"100%",marginTop:"12px",fontSize:"15px",color:"#333",padding:"0px",border:"0px",borderBottom:"2px solid "+n,outline:"none",height:"30px"},HEXlabel:{position:"absolute",top:"0px",left:"0px",fontSize:"11px",color:"#999999",textTransform:"capitalize"},Hex:{style:{}},RGBwrap:{position:"relative"},RGBinput:{width:"100%",marginTop:"12px",fontSize:"15px",color:"#333",padding:"0px",border:"0px",borderBottom:"1px solid #eee",outline:"none",height:"30px"},RGBlabel:{position:"absolute",top:"0px",left:"0px",fontSize:"11px",color:"#999999",textTransform:"capitalize"},split:{display:"flex",marginRight:"-10px",paddingTop:"11px"},third:{flex:"1",paddingRight:"10px"}}}),a=function(e){e.hex?l["default"].isValidHex(e.hex)&&t({hex:e.hex,source:"hex"}):(e.r||e.g||e.b)&&t({r:e.r||r.r,g:e.g||r.g,b:e.b||r.b,source:"rgb"})};return i["default"].createElement(c.Raised,null,i["default"].createElement("div",{style:o.material,className:"material-picker"},i["default"].createElement(f.EditableInput,{style:{wrap:o.HEXwrap,input:o.HEXinput,label:o.HEXlabel},label:"hex",value:n,onChange:a}),i["default"].createElement("div",{style:o.split,className:"flexbox-fix"},i["default"].createElement("div",{style:o.third},i["default"].createElement(f.EditableInput,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"r",value:r.r,onChange:a})),i["default"].createElement("div",{style:o.third},i["default"].createElement(f.EditableInput,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"g",value:r.g,onChange:a})),i["default"].createElement("div",{style:o.third},i["default"].createElement(f.EditableInput,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"b",value:r.b,onChange:a})))))};t["default"]=(0,f.ColorWrap)(p)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.Photoshop=void 0;var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),u=n(3),l=r(u),c=n(4),f=r(c),p=n(172),d=n(220),h=r(d),v=n(221),m=r(v),y=n(222),g=r(y),b=n(223),_=r(b),w=n(224),x=r(w),C=t.Photoshop=function(e){function t(e){o(this,t);var n=i(this,Object.getPrototypeOf(t).call(this));return n.state={currentColor:e.hex},n}return a(t,e),s(t,[{key:"render",value:function(){var e=(0,f["default"])({"default":{picker:{background:"#DCDCDC",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.25), 0 8px 16px rgba(0,0,0,.15)",boxSizing:"initial",width:"513px"},head:{backgroundImage:"linear-gradient(-180deg, #F0F0F0 0%, #D4D4D4 100%)",borderBottom:"1px solid #B1B1B1",boxShadow:"inset 0 1px 0 0 rgba(255,255,255,.2), inset 0 -1px 0 0 rgba(0,0,0,.02)",height:"23px",lineHeight:"24px",borderRadius:"4px 4px 0 0",fontSize:"13px",color:"#4D4D4D",textAlign:"center"},body:{padding:"15px 15px 0",display:"flex"},saturation:{width:"256px",height:"256px",position:"relative",border:"2px solid #B3B3B3",borderBottom:"2px solid #F0F0F0",overflow:"hidden"},hue:{position:"relative",height:"256px",width:"19px",marginLeft:"10px",border:"2px solid #B3B3B3",borderBottom:"2px solid #F0F0F0"},controls:{width:"180px",marginLeft:"10px"},top:{display:"flex"},previews:{width:"60px"},actions:{flex:"1",marginLeft:"20px"}}});return l["default"].createElement("div",{style:e.picker,className:"photoshop-picker"},l["default"].createElement("div",{style:e.head},this.props.header),l["default"].createElement("div",{style:e.body,className:"flexbox-fix"},l["default"].createElement("div",{style:e.saturation},l["default"].createElement(p.Saturation,{hsl:this.props.hsl,hsv:this.props.hsv,pointer:m["default"],onChange:this.props.onChange})),l["default"].createElement("div",{style:e.hue},l["default"].createElement(p.Hue,{direction:"vertical",hsl:this.props.hsl,pointer:g["default"],onChange:this.props.onChange})),l["default"].createElement("div",{style:e.controls},l["default"].createElement("div",{style:e.top,className:"flexbox-fix"},l["default"].createElement("div",{style:e.previews},l["default"].createElement(x["default"],{rgb:this.props.rgb,currentColor:this.state.currentColor})),l["default"].createElement("div",{style:e.actions},l["default"].createElement(_["default"],{label:"OK",onClick:this.props.onAccept,active:!0}),l["default"].createElement(_["default"],{label:"Cancel",onClick:this.props.onCancel}),l["default"].createElement(h["default"],{rgb:this.props.rgb,hsv:this.props.hsv,hex:this.props.hex}))))))}}]),t}(l["default"].Component);C.defaultProps={header:"Color Picker"},t["default"]=(0,p.ColorWrap)(C)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.PhotoshopPicker=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(189),l=r(u),c=n(172),f=t.PhotoshopPicker=function(e){var t=e.onChange,n=e.rgb,r=e.hsv,o=e.hex,a=(0,s["default"])({"default":{fields:{paddingTop:"5px",paddingBottom:"9px",width:"80px",position:"relative"},divider:{height:"5px"},RGBwrap:{position:"relative"},RGBinput:{marginLeft:"40%",width:"40%",height:"18px",border:"1px solid #888888",boxShadow:"inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",marginBottom:"5px",fontSize:"13px",paddingLeft:"3px",marginRight:"10px"},RGBlabel:{left:"0px",width:"34px",textTransform:"uppercase",fontSize:"13px",height:"18px",lineHeight:"22px",position:"absolute"},HEXwrap:{position:"relative"},HEXinput:{marginLeft:"20%",width:"80%",height:"18px",border:"1px solid #888888",boxShadow:"inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",marginBottom:"6px",fontSize:"13px",paddingLeft:"3px"},HEXlabel:{position:"absolute",top:"0px",left:"0px",width:"14px",textTransform:"uppercase",fontSize:"13px",height:"18px",lineHeight:"22px"},fieldSymbols:{position:"absolute",top:"5px",right:"-7px",fontSize:"13px"},symbol:{height:"20px",lineHeight:"22px",paddingBottom:"7px"}}}),u=function(e){e["#"]?l["default"].isValidHex(e["#"])&&t({hex:e["#"],source:"hex"}):e.r||e.g||e.b?t({r:e.r||n.r,g:e.g||n.g,b:e.b||n.b,source:"rgb"}):(e.h||e.s||e.v)&&t({h:e.h||r.h,s:e.s||r.s,v:e.v||r.v,source:"hsv"})};return i["default"].createElement("div",{style:a.fields},i["default"].createElement(c.EditableInput,{style:{wrap:a.RGBwrap,input:a.RGBinput,label:a.RGBlabel},label:"h",value:Math.round(r.h),onChange:u}),i["default"].createElement(c.EditableInput,{style:{wrap:a.RGBwrap,input:a.RGBinput,label:a.RGBlabel},label:"s",value:Math.round(100*r.s),onChange:u}),i["default"].createElement(c.EditableInput,{style:{wrap:a.RGBwrap,input:a.RGBinput,label:a.RGBlabel},label:"v",value:Math.round(100*r.v),onChange:u}),i["default"].createElement("div",{style:a.divider}),i["default"].createElement(c.EditableInput,{style:{wrap:a.RGBwrap,input:a.RGBinput,label:a.RGBlabel},label:"r",value:n.r,onChange:u}),i["default"].createElement(c.EditableInput,{style:{wrap:a.RGBwrap,input:a.RGBinput,label:a.RGBlabel},label:"g",value:n.g,onChange:u}),i["default"].createElement(c.EditableInput,{style:{wrap:a.RGBwrap,input:a.RGBinput,label:a.RGBlabel},label:"b",value:n.b,onChange:u}),i["default"].createElement("div",{style:a.divider}),i["default"].createElement(c.EditableInput,{style:{wrap:a.HEXwrap,input:a.HEXinput,label:a.HEXlabel},label:"#",value:o.replace("#",""),onChange:u}),i["default"].createElement("div",{style:a.fieldSymbols},i["default"].createElement("div",{style:a.symbol},"\xb0"),i["default"].createElement("div",{style:a.symbol},"%"),i["default"].createElement("div",{style:a.symbol},"%")))};t["default"]=f},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.PhotoshopPointerCircle=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=t.PhotoshopPointerCircle=function(e){var t=e.hsl,n=(0,s["default"])({"default":{picker:{width:"12px",height:"12px",borderRadius:"6px",boxShadow:"inset 0 0 0 1px #fff",transform:"translate(-6px, -6px)"}},"black-outline":{picker:{boxShadow:"inset 0 0 0 1px #000"}}},{"black-outline":t.l>.5});return i["default"].createElement("div",{style:n.picker})};t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.PhotoshopPointerCircle=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=t.PhotoshopPointerCircle=function(){var e=(0,s["default"])({"default":{triangle:{width:0,height:0,borderStyle:"solid",borderWidth:"4px 0 4px 6px",borderColor:"transparent transparent transparent #fff",position:"absolute",top:"1px",left:"1px"},triangleBorder:{width:0,height:0,borderStyle:"solid",borderWidth:"5px 0 5px 8px",borderColor:"transparent transparent transparent #555"},left:{Extend:"triangleBorder",transform:"translate(-13px, -4px)"},leftInside:{Extend:"triangle",transform:"translate(-8px, -5px)"},right:{Extend:"triangleBorder",transform:"translate(20px, -14px) rotate(180deg)"},rightInside:{Extend:"triangle",transform:"translate(-8px, -5px)"}}});return i["default"].createElement("div",{style:e.pointer},i["default"].createElement("div",{style:e.left},i["default"].createElement("div",{style:e.leftInside})),i["default"].createElement("div",{style:e.right},i["default"].createElement("div",{style:e.rightInside})))};t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.PhotoshopBotton=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=t.PhotoshopBotton=function(e){var t=e.onClick,n=e.label,r=e.children,o=e.active,a=(0,s["default"])({"default":{button:{backgroundImage:"linear-gradient(-180deg, #FFFFFF 0%, #E6E6E6 100%)",border:"1px solid #878787",borderRadius:"2px",height:"20px",boxShadow:"0 1px 0 0 #EAEAEA",fontSize:"14px",color:"#000",lineHeight:"20px",textAlign:"center",marginBottom:"10px",cursor:"pointer"}},active:{button:{boxShadow:"0 0 0 1px #878787"}}},{active:o});return i["default"].createElement("div",{style:a.button,onClick:t},n||r)};t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.PhotoshopPreviews=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=t.PhotoshopPreviews=function(e){var t=e.rgb,n=e.currentColor,r=(0,s["default"])({"default":{swatches:{border:"1px solid #B3B3B3",borderBottom:"1px solid #F0F0F0",marginBottom:"2px",marginTop:"1px"},"new":{height:"34px",background:"rgb("+t.r+","+t.g+", "+t.b+")",boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 1px 0 #000"},current:{height:"34px",background:n,boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 -1px 0 #000"},label:{fontSize:"14px",color:"#000",textAlign:"center"}}});return i["default"].createElement("div",null,i["default"].createElement("div",{style:r.label},"new"),i["default"].createElement("div",{style:r.swatches},i["default"].createElement("div",{style:r["new"]}),i["default"].createElement("div",{style:r.current})),i["default"].createElement("div",{style:r.label},"current"))};t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Sketch=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(172),l=n(226),c=r(l),f=n(227),p=r(f),d=t.Sketch=function(e){var t=e.width,n=e.rgb,r=e.hex,o=e.hsv,a=e.hsl,l=e.onChange,f=e.disableAlpha,d=e.presetColors,h=(0,s["default"])({"default":{picker:{width:t,padding:"10px 10px 0",boxSizing:"initial",background:"#fff",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.15), 0 8px 16px rgba(0,0,0,.15)"},saturation:{width:"100%",paddingBottom:"75%",position:"relative",overflow:"hidden"},Saturation:{radius:"3px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},controls:{display:"flex"},sliders:{padding:"4px 0",flex:"1"},color:{width:"24px",height:"24px",position:"relative",marginTop:"4px",marginLeft:"4px",borderRadius:"3px"},activeColor:{absolute:"0px 0px 0px 0px",borderRadius:"2px",background:"rgba("+n.r+","+n.g+","+n.b+","+n.a+")",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},hue:{position:"relative",height:"10px",overflow:"hidden"},Hue:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},alpha:{position:"relative",height:"10px",marginTop:"4px",overflow:"hidden"},Alpha:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"}},disableAlpha:{color:{height:"10px"},hue:{height:"10px"},alpha:{display:"none"}}},{disableAlpha:f}),v=function(e){l(e)};return i["default"].createElement("div",{style:h.picker,className:"sketch-picker"
-},i["default"].createElement("div",{style:h.saturation},i["default"].createElement(u.Saturation,{style:h.Saturation,hsl:a,hsv:o,onChange:v})),i["default"].createElement("div",{style:h.controls,className:"flexbox-fix"},i["default"].createElement("div",{style:h.sliders},i["default"].createElement("div",{style:h.hue},i["default"].createElement(u.Hue,{style:h.Hue,hsl:a,onChange:v})),i["default"].createElement("div",{style:h.alpha},i["default"].createElement(u.Alpha,{style:h.Alpha,rgb:n,hsl:a,onChange:v}))),i["default"].createElement("div",{style:h.color},i["default"].createElement(u.Checkboard,null),i["default"].createElement("div",{style:h.activeColor}))),i["default"].createElement(c["default"],{rgb:n,hsl:a,hex:r,onChange:v,disableAlpha:f}),i["default"].createElement(p["default"],{colors:d,onClick:v}))};d.defaultProps={presetColors:["#D0021B","#F5A623","#F8E71C","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"],width:200},t["default"]=(0,u.ColorWrap)(d)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.ShetchFields=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(189),l=r(u),c=n(172),f=t.ShetchFields=function(e){var t=e.onChange,n=e.rgb,r=e.hsl,o=e.hex,a=e.disableAlpha,u=(0,s["default"])({"default":{fields:{display:"flex",paddingTop:"4px"},single:{flex:"1",paddingLeft:"6px"},alpha:{flex:"1",paddingLeft:"6px"},"double":{flex:"2"},input:{width:"80%",padding:"4px 10% 3px",border:"none",boxShadow:"inset 0 0 0 1px #ccc",fontSize:"11px"},label:{display:"block",textAlign:"center",fontSize:"11px",color:"#222",paddingTop:"3px",paddingBottom:"4px",textTransform:"capitalize"}},disableAlpha:{alpha:{display:"none"}}},{disableAlpha:a}),f=function(e){e.hex?l["default"].isValidHex(e.hex)&&t({hex:e.hex,source:"hex"}):e.r||e.g||e.b?t({r:e.r||n.r,g:e.g||n.g,b:e.b||n.b,a:n.a,source:"rgb"}):e.a&&(e.a<0?e.a=0:e.a>100&&(e.a=100),e.a=e.a/100,t({h:r.h,s:r.s,l:r.l,a:e.a,source:"rgb"}))};return i["default"].createElement("div",{style:u.fields,className:"flexbox-fix"},i["default"].createElement("div",{style:u["double"]},i["default"].createElement(c.EditableInput,{style:{input:u.input,label:u.label},label:"hex",value:o.replace("#",""),onChange:f})),i["default"].createElement("div",{style:u.single},i["default"].createElement(c.EditableInput,{style:{input:u.input,label:u.label},label:"r",value:n.r,onChange:f,dragLabel:"true",dragMax:"255"})),i["default"].createElement("div",{style:u.single},i["default"].createElement(c.EditableInput,{style:{input:u.input,label:u.label},label:"g",value:n.g,onChange:f,dragLabel:"true",dragMax:"255"})),i["default"].createElement("div",{style:u.single},i["default"].createElement(c.EditableInput,{style:{input:u.input,label:u.label},label:"b",value:n.b,onChange:f,dragLabel:"true",dragMax:"255"})),i["default"].createElement("div",{style:u.alpha},i["default"].createElement(c.EditableInput,{style:{input:u.input,label:u.label},label:"a",value:Math.round(100*n.a),onChange:f,dragLabel:"true",dragMax:"100"})))};t["default"]=f},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.SketchPresetColors=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(172),f=t.SketchPresetColors=function(e){var t=e.colors,n=e.onClick,r=(0,s["default"])({"default":{colors:{margin:"0 -10px",padding:"10px 0 0 10px",borderTop:"1px solid #eee",display:"flex",flexWrap:"wrap"},swatchWrap:{width:"16px",height:"16px",margin:"0 10px 10px 0"},swatch:{borderRadius:"3px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15)"}},"no-presets":{colors:{display:"none"}}},{"no-presets":!t||!t.length}),o=function(e){n({hex:e,source:"hex"})};return i["default"].createElement("div",{style:r.colors,className:"flexbox-fix"},(0,l["default"])(t,function(e){return i["default"].createElement("div",{key:e,style:r.swatchWrap},i["default"].createElement(c.Swatch,{color:e,style:r.swatch,onClick:o}))}))};t["default"]=f},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Slider=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(172),l=n(229),c=r(l),f=n(231),p=r(f),d=t.Slider=function(e){var t=e.hsl,n=e.onChange,r=(0,s["default"])({"default":{hue:{height:"12px",position:"relative"},Hue:{radius:"2px"}}});return i["default"].createElement("div",{className:"slider-picker"},i["default"].createElement("div",{style:r.hue},i["default"].createElement(u.Hue,{style:r.Hue,hsl:t,pointer:p["default"],onChange:n})),i["default"].createElement("div",{style:r.swatches},i["default"].createElement(c["default"],{hsl:t,onClick:n})))};t["default"]=(0,u.ColorWrap)(d)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.SliderSwatches=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(230),l=r(u),c=t.SliderSwatches=function(e){var t=e.onClick,n=e.hsl,r=(0,s["default"])({"default":{swatches:{marginTop:"20px"},swatch:{boxSizing:"border-box",width:"20%",paddingRight:"1px","float":"left"},clear:{clear:"both"}}});return i["default"].createElement("div",{style:r.swatches},i["default"].createElement("div",{style:r.swatch},i["default"].createElement(l["default"],{hsl:n,offset:".80",active:Math.round(100*n.l)/100===.8&&Math.round(100*n.s)/100===.5,onClick:t,first:!0})),i["default"].createElement("div",{style:r.swatch},i["default"].createElement(l["default"],{hsl:n,offset:".65",active:Math.round(100*n.l)/100===.65&&Math.round(100*n.s)/100===.5,onClick:t})),i["default"].createElement("div",{style:r.swatch},i["default"].createElement(l["default"],{hsl:n,offset:".50",active:Math.round(100*n.l)/100===.5&&Math.round(100*n.s)/100===.5,onClick:t})),i["default"].createElement("div",{style:r.swatch},i["default"].createElement(l["default"],{hsl:n,offset:".35",active:Math.round(100*n.l)/100===.35&&Math.round(100*n.s)/100===.5,onClick:t})),i["default"].createElement("div",{style:r.swatch},i["default"].createElement(l["default"],{hsl:n,offset:".20",active:Math.round(100*n.l)/100===.2&&Math.round(100*n.s)/100===.5,onClick:t,last:!0})),i["default"].createElement("div",{style:r.clear}))};t["default"]=c},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.SliderSwatch=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=t.SliderSwatch=function(e){var t=e.hsl,n=e.offset,r=e.onClick,o=e.active,a=e.first,u=e.last,l=(0,s["default"])({"default":{swatch:{height:"12px",background:"hsl("+t.h+", 50%, "+100*n+"%)",cursor:"pointer"}},first:{swatch:{borderRadius:"2px 0 0 2px"}},last:{swatch:{borderRadius:"0 2px 2px 0"}},active:{swatch:{transform:"scaleY(1.8)",borderRadius:"3.6px/2px"}}},{active:o,first:a,last:u}),c=function(){r({h:t.h,s:.5,l:n,source:"hsl"})};return i["default"].createElement("div",{style:l.swatch,onClick:c})};t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.SliderPointer=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=t.SliderPointer=function(){var e=(0,s["default"])({"default":{picker:{width:"14px",height:"14px",borderRadius:"6px",transform:"translate(-7px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}}});return i["default"].createElement("div",{style:e.picker})};t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Swatches=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(189),f=r(c),p=n(199),d=r(p),h=n(172),v=n(206),m=n(233),y=r(m),g=t.Swatches=function(e){var t=e.width,n=e.height,r=e.onChange,o=e.colors,a=e.hex,u=(0,s["default"])({"default":{picker:{width:t,height:n},overflow:{height:n,overflowY:"scroll"},body:{padding:"16px 0 6px 16px"},clear:{clear:"both"}}}),c=function(e){f["default"].isValidHex(e)&&r({hex:e,source:"hex"})};return i["default"].createElement("div",{style:u.picker,className:"swatches-picker"},i["default"].createElement(v.Raised,null,i["default"].createElement("div",{style:u.overflow},i["default"].createElement("div",{style:u.body},(0,l["default"])(o,function(e){return i["default"].createElement(y["default"],{key:e.toString(),group:e,active:a,onClick:c})}),i["default"].createElement("div",{style:u.clear})))))};g.defaultProps={width:320,height:240,colors:[[d["default"].red[900],d["default"].red[700],d["default"].red[500],d["default"].red[300],d["default"].red[100]],[d["default"].pink[900],d["default"].pink[700],d["default"].pink[500],d["default"].pink[300],d["default"].pink[100]],[d["default"].purple[900],d["default"].purple[700],d["default"].purple[500],d["default"].purple[300],d["default"].purple[100]],[d["default"].deepPurple[900],d["default"].deepPurple[700],d["default"].deepPurple[500],d["default"].deepPurple[300],d["default"].deepPurple[100]],[d["default"].indigo[900],d["default"].indigo[700],d["default"].indigo[500],d["default"].indigo[300],d["default"].indigo[100]],[d["default"].blue[900],d["default"].blue[700],d["default"].blue[500],d["default"].blue[300],d["default"].blue[100]],[d["default"].lightBlue[900],d["default"].lightBlue[700],d["default"].lightBlue[500],d["default"].lightBlue[300],d["default"].lightBlue[100]],[d["default"].cyan[900],d["default"].cyan[700],d["default"].cyan[500],d["default"].cyan[300],d["default"].cyan[100]],[d["default"].teal[900],d["default"].teal[700],d["default"].teal[500],d["default"].teal[300],d["default"].teal[100]],["#194D33",d["default"].green[700],d["default"].green[500],d["default"].green[300],d["default"].green[100]],[d["default"].lightGreen[900],d["default"].lightGreen[700],d["default"].lightGreen[500],d["default"].lightGreen[300],d["default"].lightGreen[100]],[d["default"].lime[900],d["default"].lime[700],d["default"].lime[500],d["default"].lime[300],d["default"].lime[100]],[d["default"].yellow[900],d["default"].yellow[700],d["default"].yellow[500],d["default"].yellow[300],d["default"].yellow[100]],[d["default"].amber[900],d["default"].amber[700],d["default"].amber[500],d["default"].amber[300],d["default"].amber[100]],[d["default"].orange[900],d["default"].orange[700],d["default"].orange[500],d["default"].orange[300],d["default"].orange[100]],[d["default"].deepOrange[900],d["default"].deepOrange[700],d["default"].deepOrange[500],d["default"].deepOrange[300],d["default"].deepOrange[100]],[d["default"].brown[900],d["default"].brown[700],d["default"].brown[500],d["default"].brown[300],d["default"].brown[100]],[d["default"].blueGrey[900],d["default"].blueGrey[700],d["default"].blueGrey[500],d["default"].blueGrey[300],d["default"].blueGrey[100]],["#000000","#525252","#969696","#D9D9D9","#FFFFFF"]]},t["default"]=(0,h.ColorWrap)(g)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.SwatchesGroup=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(234),f=r(c),p=t.SwatchesGroup=function(e){var t=e.onClick,n=e.group,r=e.active,o=(0,s["default"])({"default":{group:{paddingBottom:"10px",width:"40px","float":"left",marginRight:"10px"}}});return i["default"].createElement("div",{style:o.group},(0,l["default"])(n,function(e,o){return i["default"].createElement(f["default"],{key:e,color:e,active:e.toLowerCase()===r,first:0===o,last:o===n.length-1,onClick:t})}))};t["default"]=p},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.SwatchesColor=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=t.SwatchesColor=function(e){var t=e.color,n=e.onClick,r=e.first,o=e.last,a=e.active,u=(0,s["default"])({"default":{color:{width:"40px",height:"24px",cursor:"pointer",background:t,marginBottom:"1px"},check:{fill:"#fff",marginLeft:"8px",display:"none"}},first:{color:{overflow:"hidden",borderRadius:"2px 2px 0 0"}},last:{color:{overflow:"hidden",borderRadius:"0 0 2px 2px"}},active:{check:{display:"block"}},"color-#FFFFFF":{color:{boxShadow:"inset 0 0 0 1px #eee"},check:{fill:"#333"}}},{first:r,last:o,active:a,"color=#FFFFFF":"#FFFFFF"===t}),l=function(){return n(t)};return i["default"].createElement("div",{style:u.color,onClick:l},i["default"].createElement("div",{style:u.check},i["default"].createElement("svg",{style:{width:"24px",height:"24px"},viewBox:"0 0 24 24"},i["default"].createElement("path",{d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"}))))};t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Twitter=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(189),f=r(c),p=n(172),d=t.Twitter=function(e){var t=e.onChange,n=e.colors,r=e.width,o=e.triangle,a=(0,s["default"])({"default":{card:{width:r,background:"#fff",border:"0 solid rgba(0,0,0,0.25)",boxShadow:"0 1px 4px rgba(0,0,0,0.25)",borderRadius:"4px",position:"relative"},body:{padding:"15px 9px 9px 15px"},label:{fontSize:"18px",color:"#fff"},triangle:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 9px 10px 9px",borderColor:"transparent transparent #fff transparent",position:"absolute"},triangleShadow:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 9px 10px 9px",borderColor:"transparent transparent rgba(0,0,0,.1) transparent",position:"absolute"},hash:{background:"#F0F0F0",height:"30px",width:"30px",borderRadius:"4px 0 0 4px","float":"left",color:"#98A1A4",display:"flex",alignItems:"center",justifyContent:"center"},input:{width:"100px",fontSize:"14px",color:"#666",border:"0px",outline:"none",height:"28px",boxShadow:"inset 0 0 0 1px #F0F0F0",borderRadius:"0 4px 4px 0","float":"left",paddingLeft:"8px"},swatch:{width:"30px",height:"30px","float":"left",borderRadius:"4px",margin:"0 6px 6px 0"},clear:{clear:"both"}},"hide-triangle":{triangle:{display:"none"},triangleShadow:{display:"none"}},"top-left-triangle":{triangle:{top:"-10px",left:"12px"},triangleShadow:{top:"-11px",left:"12px"}},"top-right-triangle":{triangle:{top:"-10px",right:"12px"},triangleShadow:{top:"-11px",right:"12px"}}},{"hide-triangle":"hide"===o,"top-left-triangle":"top-left"===o,"top-right-triangle":"top-right"===o}),u=function(e){f["default"].isValidHex(e)&&t({hex:e,source:"hex"})};return i["default"].createElement("div",{style:a.card,className:"twitter-picker"},i["default"].createElement("div",{style:a.triangleShadow}),i["default"].createElement("div",{style:a.triangle}),i["default"].createElement("div",{style:a.body},(0,l["default"])(n,function(e,t){return i["default"].createElement(p.Swatch,{key:t,color:e,hex:e,style:a.swatch,onClick:u})}),i["default"].createElement("div",{style:a.hash},"#"),i["default"].createElement(p.EditableInput,{placeholder:"ff691f",style:{input:a.input},value:"",onChange:u}),i["default"].createElement("div",{style:a.clear})))};d.defaultProps={width:"276px",colors:["#FF6900","#FCB900","#7BDCB5","#00D084","#8ED1FC","#0693E3","#ABB8C3","#EB144C","#F78DA7","#9900EF"],triangle:"top-left"},t["default"]=(0,p.ColorWrap)(d)}])})},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}function c(e){return"string"==typeof e}Object.defineProperty(t,"__esModule",{value:!0});var f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p=n(1),d=r(p),h=n(12),v=r(h),m=n(8),y=r(m),g=function(e){function t(){return s(this,t),u(this,e.apply(this,arguments))}return l(t,e),t.prototype.render=function(){var e,t,n=this.props,r=n.className,o=n.prefixCls,s=n.style,u=n.itemWidth,l=n.status,p=void 0===l?"wait":l,h=n.iconPrefix,v=n.icon,m=n.wrapperStyle,g=n.adjustMarginRight,b=n.stepNumber,_=n.description,w=n.title,x=n.progressDot,C=a(n,["className","prefixCls","style","itemWidth","status","iconPrefix","icon","wrapperStyle","adjustMarginRight","stepNumber","description","title","progressDot"]),E=(0,y["default"])((e={},i(e,o+"-icon",!0),i(e,h+"icon",!0),i(e,h+"icon-"+v,v&&c(v)),i(e,h+"icon-check",!v&&"finish"===p),i(e,h+"icon-cross",!v&&"error"===p),e)),S=void 0,P=d["default"].createElement("span",{className:o+"-icon-dot"});S=x?"function"==typeof x?d["default"].createElement("span",{className:o+"-icon"},x(P,{index:b-1,status:p,title:w,description:_})):d["default"].createElement("span",{className:o+"-icon"},P):v&&!c(v)?d["default"].createElement("span",{className:o+"-icon"},v):v||"finish"===p||"error"===p?d["default"].createElement("span",{className:E}):d["default"].createElement("span",{className:o+"-icon"},b);var O=(0,y["default"])((t={},i(t,o+"-item",!0),i(t,o+"-status-"+p,!0),i(t,o+"-custom",v),i(t,r,!!r),t));return d["default"].createElement("div",f({},C,{className:O,style:f({width:u,marginRight:g},s)}),d["default"].createElement("div",{ref:"tail",className:o+"-tail",style:{paddingRight:-g}},d["default"].createElement("i",null)),d["default"].createElement("div",{className:o+"-step"},d["default"].createElement("div",{className:o+"-head",style:{background:m.background||m.backgroundColor}},d["default"].createElement("div",{className:o+"-head-inner"},S)),d["default"].createElement("div",{ref:"main",className:o+"-main"},d["default"].createElement("div",{className:o+"-title",style:{background:m.background||m.backgroundColor}},w),_?d["default"].createElement("div",{className:o+"-description"},_):"")))},t}(d["default"].Component);t["default"]=g,g.propTypes={className:v["default"].string,prefixCls:v["default"].string,style:v["default"].object,wrapperStyle:v["default"].object,itemWidth:v["default"].oneOfType([v["default"].number,v["default"].string]),status:v["default"].string,iconPrefix:v["default"].string,icon:v["default"].node,adjustMarginRight:v["default"].oneOfType([v["default"].number,v["default"].string]),stepNumber:v["default"].string,description:v["default"].any,title:v["default"].any,progressDot:v["default"].oneOfType([v["default"].bool,v["default"].func])},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f=n(1),p=r(f),d=n(12),h=r(d),v=n(2),m=r(v),y=n(8),g=r(y),b=n(194),_=r(b),w=function(e){function t(n){s(this,t);var r=u(this,e.call(this,n));return r.calcStepOffsetWidth=function(){var e=m["default"].findDOMNode(r);e.children.length>0&&(r.calcTimeout&&clearTimeout(r.calcTimeout),r.calcTimeout=setTimeout(function(){var t=(e.lastChild.offsetWidth||0)+1;r.state.lastStepOffsetWidth===t||Math.abs(r.state.lastStepOffsetWidth-t)<=3||r.setState({lastStepOffsetWidth:t})}))},r.state={lastStepOffsetWidth:0},r.calcStepOffsetWidth=(0,_["default"])(r.calcStepOffsetWidth,150),r}return l(t,e),t.prototype.componentDidMount=function(){this.calcStepOffsetWidth()},t.prototype.componentDidUpdate=function(){this.calcStepOffsetWidth()},t.prototype.componentWillUnmount=function(){this.calcTimeout&&clearTimeout(this.calcTimeout),this.calcStepOffsetWidth.cancel&&this.calcStepOffsetWidth.cancel()},t.prototype.render=function(){var e,t=this,n=this.props,r=n.prefixCls,o=n.style,s=void 0===o?{}:o,u=n.className,l=n.children,f=n.direction,d=n.labelPlacement,h=n.iconPrefix,v=n.status,m=n.size,y=n.current,b=n.progressDot,_=a(n,["prefixCls","style","className","children","direction","labelPlacement","iconPrefix","status","size","current","progressDot"]),w=l.length-1,x=this.state.lastStepOffsetWidth>0,C=b?"vertical":d,E=(0,g["default"])((e={},i(e,r,!0),i(e,r+"-"+m,m),i(e,r+"-"+f,!0),i(e,r+"-label-"+C,"horizontal"===f),i(e,r+"-hidden",!x),i(e,r+"-dot",!!b),i(e,u,u),e));return p["default"].createElement("div",c({className:E,style:s},_),p["default"].Children.map(l,function(e,o){var i="vertical"!==f&&o!==w&&x?100/w+"%":null,a="vertical"===f||o===w?null:-Math.round(t.state.lastStepOffsetWidth/w+1),u={stepNumber:(o+1).toString(),itemWidth:i,adjustMarginRight:a,prefixCls:r,iconPrefix:h,wrapperStyle:s,progressDot:b};return"error"===v&&o===y-1&&(u.className=n.prefixCls+"-next-error"),e.props.status||(o===y?u.status=v:o<y?u.status="finish":u.status="wait"),p["default"].cloneElement(e,u)},this))},t}(p["default"].Component);t["default"]=w,w.propTypes={prefixCls:h["default"].string,iconPrefix:h["default"].string,direction:h["default"].string,labelPlacement:h["default"].string,children:h["default"].any,status:h["default"].string,size:h["default"].string,progressDot:h["default"].oneOfType([h["default"].bool,h["default"].func])},w.defaultProps={prefixCls:"rc-steps",iconPrefix:"rc",direction:"horizontal",labelPlacement:"horizontal",current:0,status:"process",size:"",progressDot:!1},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1727),i=r(o),a=n(1726),s=r(a);i["default"].Step=s["default"],t["default"]=i["default"],e.exports=t["default"]},function(e,t){(function(t){"use strict";var n="function"==typeof Object.getPrototypeOf,r="function"==typeof Promise,o="undefined"!=typeof window?window:"undefined"!=typeof t?t:self,i="location"in o&&"document"in o,a="undefined"!=typeof HTMLElement,s="function"==typeof Array.isArray,u="undefined"!=typeof Symbol,l="undefined"!=typeof Map,c="undefined"!=typeof Set,f="undefined"!=typeof WeakMap,p="undefined"!=typeof WeakSet,d="undefined"!=typeof DataView,h=u&&"undefined"!=typeof Symbol.iterator,v=u&&"undefined"!=typeof Symbol.toStringTag,m=c&&"function"==typeof Set.prototype.entries,y=l&&"function"==typeof Map.prototype.entries,g=n&&m&&Object.getPrototypeOf((new Set).entries()),b=n&&y&&Object.getPrototypeOf((new Map).entries()),_=h&&"function"==typeof Array.prototype[Symbol.iterator],w=_&&Object.getPrototypeOf([][Symbol.iterator]()),x=h&&"function"==typeof Array.prototype[Symbol.iterator],C=x&&Object.getPrototypeOf(""[Symbol.iterator]()),E=8,S=-1;e.exports=function(e){var t=typeof e;if("object"!==t)return t;if(null===e)return"null";if(e===o)return"global";if(s&&Array.isArray(e))return"Array";if(i){if(e===o.location)return"Location";if(e===o.document)return"Document";if(e===(o.navigator||{}).mimeTypes)return"MimeTypeArray";if(e===(o.navigator||{}).plugins)return"PluginArray";if(a&&e instanceof HTMLElement&&"BLOCKQUOTE"===e.tagName)return"HTMLQuoteElement";if(a&&e instanceof HTMLElement&&"TD"===e.tagName)return"HTMLTableDataCellElement";if(a&&e instanceof HTMLElement&&"TH"===e.tagName)return"HTMLTableHeaderCellElement"}var u=v&&e[Symbol.toStringTag];if("string"==typeof u)return u;if(n){var h=Object.getPrototypeOf(e);if(h===RegExp.prototype)return"RegExp";if(h===Date.prototype)return"Date";if(r&&h===Promise.prototype)return"Promise";if(c&&h===Set.prototype)return"Set";if(l&&h===Map.prototype)return"Map";if(p&&h===WeakSet.prototype)return"WeakSet";if(f&&h===WeakMap.prototype)return"WeakMap";if(d&&h===DataView.prototype)return"DataView";if(l&&h===b)return"Map Iterator";if(c&&h===g)return"Set Iterator";if(_&&h===w)return"Array Iterator";if(x&&h===C)return"String Iterator";if(null===h)return"Object"}return Object.prototype.toString.call(e).slice(E,S)},e.exports.typeDetect=e.exports}).call(t,function(){return this}())},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),u=n(1),l=r(u),c=n(12),f=r(c),p=n(2),d=n(541),h=n(194),v=r(h),m=n(1760),y=r(m),g=n(1733),b=r(g),_=n(1732),w=r(_),x=function(e){function t(e){o(this,t);var n=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.lazyLoadHandler=n.lazyLoadHandler.bind(n),e.throttle>0&&(e.debounce?n.lazyLoadHandler=(0,v["default"])(n.lazyLoadHandler,e.throttle):n.lazyLoadHandler=(0,y["default"])(n.lazyLoadHandler,e.throttle)),n.state={visible:!1},n}return a(t,e),s(t,[{key:"componentDidMount",value:function(){this._mounted=!0;var e=this.getEventNode();this.lazyLoadHandler(),this.lazyLoadHandler.flush&&this.lazyLoadHandler.flush(),(0,d.add)(window,"resize",this.lazyLoadHandler),(0,d.add)(e,"scroll",this.lazyLoadHandler)}},{key:"componentWillReceiveProps",value:function(){this.state.visible||this.lazyLoadHandler()}},{key:"shouldComponentUpdate",value:function(e,t){return t.visible}},{key:"componentWillUnmount",value:function(){this._mounted=!1,this.lazyLoadHandler.cancel&&this.lazyLoadHandler.cancel(),this.detachListeners()}},{key:"getEventNode",value:function(){return(0,b["default"])((0,p.findDOMNode)(this))}},{key:"getOffset",value:function(){var e=this.props,t=e.offset,n=e.offsetVertical,r=e.offsetHorizontal,o=e.offsetTop,i=e.offsetBottom,a=e.offsetLeft,s=e.offsetRight,u=e.threshold,l=u||t,c=n||l,f=r||l;return{top:o||c,bottom:i||c,left:a||f,right:s||f}}},{key:"lazyLoadHandler",value:function(){if(this._mounted){var e=this.getOffset(),t=(0,p.findDOMNode)(this),n=this.getEventNode();if((0,w["default"])(t,n,e)){var r=this.props.onContentVisible;this.setState({visible:!0},function(){r&&r()}),this.detachListeners()}}}},{key:"detachListeners",value:function(){var e=this.getEventNode();(0,d.remove)(window,"resize",this.lazyLoadHandler),(0,d.remove)(e,"scroll",this.lazyLoadHandler)}},{key:"render",value:function(){var e=this.props,t=e.children,n=e.className,r=e.height,o=e.width,i=this.state.visible,a={height:r,width:o},s="LazyLoad"+(i?" is-visible":"")+(n?" "+n:"");return l["default"].createElement(this.props.elementType,{className:s,style:a},i&&u.Children.only(t))}}]),t}(u.Component);t["default"]=x,x.propTypes={children:f["default"].node.isRequired,className:f["default"].string,debounce:f["default"].bool,elementType:f["default"].string,height:f["default"].oneOfType([f["default"].string,f["default"].number]),offset:f["default"].number,offsetBottom:f["default"].number,offsetHorizontal:f["default"].number,offsetLeft:f["default"].number,offsetRight:f["default"].number,offsetTop:f["default"].number,offsetVertical:f["default"].number,threshold:f["default"].number,throttle:f["default"].number,width:f["default"].oneOfType([f["default"].string,f["default"].number]),onContentVisible:f["default"].func},x.defaultProps={elementType:"div",debounce:!0,offset:0,offsetBottom:0,offsetHorizontal:0,offsetLeft:0,offsetRight:0,offsetTop:0,offsetVertical:0,throttle:250}},function(e,t){"use strict";function n(e){var t=e.getBoundingClientRect();return{top:t.top+window.pageYOffset,left:t.left+window.pageXOffset}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=n},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n){if(s(e))return!1;var r=void 0,o=void 0,i=void 0,u=void 0;if("undefined"==typeof t||t===window)r=window.pageYOffset,i=window.pageXOffset,o=r+window.innerHeight,u=i+window.innerWidth;else{var l=(0,a["default"])(t);r=l.top,i=l.left,o=r+t.offsetHeight,u=i+t.offsetWidth}var c=(0,a["default"])(e);return r<=c.top+e.offsetHeight+n.top&&o>=c.top-n.bottom&&i<=c.left+e.offsetWidth+n.left&&u>=c.left-n.right}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var i=n(1731),a=r(i),s=function(e){return null===e.offsetParent}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e,t){return"undefined"!=typeof getComputedStyle?getComputedStyle(e,null).getPropertyValue(t):e.style[t]},r=function(e){return n(e,"overflow")+n(e,"overflow-y")+n(e,"overflow-x")},o=function(e){if(!(e instanceof HTMLElement))return window;for(var t=e;t&&t!==document.body&&t!==document.documentElement&&t.parentNode;){if(/(scroll|auto)/.test(r(t)))return t;t=t.parentNode}return window};t["default"]=o},function(e,t){function n(e){return!!e&&"object"==typeof e}function r(e,t){var n=null==e?void 0:e[t];return s(n)?n:void 0}function o(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=y}function i(e){return a(e)&&h.call(e)==l}function a(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function s(e){return null!=e&&(i(e)?v.test(p.call(e)):n(e)&&c.test(e))}var u="[object Array]",l="[object Function]",c=/^\[object .+?Constructor\]$/,f=Object.prototype,p=Function.prototype.toString,d=f.hasOwnProperty,h=f.toString,v=RegExp("^"+p.call(d).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),m=r(Array,"isArray"),y=9007199254740991,g=m||function(e){return n(e)&&o(e.length)&&h.call(e)==u};e.exports=g},function(e,t,n){"use strict";function r(e){var t=(/mac os x/i.test(navigator.userAgent)?"\u2318":"Ctrl")+"+C";return e.replace(/#{\s*key\s*}/g,t)}function o(e,t){var n,o,s,u,l,c,f=!1;t||(t={}),n=t.debug||!1;try{s=i(),u=document.createRange(),l=document.getSelection(),c=document.createElement("span"),c.textContent=e,c.setAttribute("style",["all: unset","position: fixed","top: 0","clip: rect(0, 0, 0, 0)","white-space: pre","-webkit-user-select: text","-moz-user-select: text","-ms-user-select: text","user-select: text"].join(";")),document.body.appendChild(c),u.selectNode(c),l.addRange(u);var p=document.execCommand("copy");if(!p)throw new Error("copy command was unsuccessful");f=!0}catch(d){
-n&&console.error("unable to copy using execCommand: ",d),n&&console.warn("trying IE specific stuff");try{window.clipboardData.setData("text",e),f=!0}catch(d){n&&console.error("unable to copy using clipboardData: ",d),n&&console.error("falling back to prompt"),o=r("message"in t?t.message:a),window.prompt(o,e)}}finally{l&&("function"==typeof l.removeRange?l.removeRange(u):l.removeAllRanges()),c&&document.body.removeChild(c),s()}return f}var i=n(1295),a="Copy to clipboard: #{key}, Enter";e.exports=o},function(e,t){function n(e){return o(e)&&h.call(e,"callee")&&(!m.call(e,"callee")||v.call(e)==c)}function r(e){return null!=e&&a(e.length)&&!i(e)}function o(e){return u(e)&&r(e)}function i(e){var t=s(e)?v.call(e):"";return t==f||t==p}function a(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=l}function s(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function u(e){return!!e&&"object"==typeof e}var l=9007199254740991,c="[object Arguments]",f="[object Function]",p="[object GeneratorFunction]",d=Object.prototype,h=d.hasOwnProperty,v=d.toString,m=d.propertyIsEnumerable;e.exports=n},function(e,t){function n(e,t){for(;e&&e.nodeType!==r;){if(e.matches(t))return e;e=e.parentNode}}var r=9;if("undefined"!=typeof Element&&!Element.prototype.matches){var o=Element.prototype;o.matches=o.matchesSelector||o.mozMatchesSelector||o.msMatchesSelector||o.oMatchesSelector||o.webkitMatchesSelector}e.exports=n},function(e,t,n){function r(e,t,n,r,i){var a=o.apply(this,arguments);return e.addEventListener(n,a,i),{destroy:function(){e.removeEventListener(n,a,i)}}}function o(e,t,n,r){return function(n){n.delegateTarget=i(n.target,t),n.delegateTarget&&r.call(e,n)}}var i=n(1737);e.exports=r},function(e,t,n){function r(e){return function(t){return null==t?void 0:t[e]}}function o(e){return null!=e&&a(g(e))}function i(e,t){return e="number"==typeof e||d.test(e)?+e:-1,t=null==t?y:t,e>-1&&e%1==0&&e<t}function a(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=y}function s(e){for(var t=l(e),n=t.length,r=n&&e.length,o=!!r&&a(r)&&(p(e)||f(e)),s=-1,u=[];++s<n;){var c=t[s];(o&&i(c,r)||v.call(e,c))&&u.push(c)}return u}function u(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function l(e){if(null==e)return[];u(e)||(e=Object(e));var t=e.length;t=t&&a(t)&&(p(e)||f(e))&&t||0;for(var n=e.constructor,r=-1,o="function"==typeof n&&n.prototype===e,s=Array(t),l=t>0;++r<t;)s[r]=r+"";for(var c in e)l&&i(c,t)||"constructor"==c&&(o||!v.call(e,c))||s.push(c);return s}var c=n(1758),f=n(1736),p=n(1734),d=/^\d+$/,h=Object.prototype,v=h.hasOwnProperty,m=c(Object,"keys"),y=9007199254740991,g=r("length"),b=m?function(e){var t=null==e?void 0:e.constructor;return"function"==typeof t&&t.prototype===e||"function"!=typeof e&&o(e)?s(e):u(e)?m(e):[]}:s;e.exports=b},function(e,t,n){(function(t){for(var r=n(351),o="undefined"==typeof window?t:window,i=["moz","webkit"],a="AnimationFrame",s=o["request"+a],u=o["cancel"+a]||o["cancelRequest"+a],l=0;!s&&l<i.length;l++)s=o[i[l]+"Request"+a],u=o[i[l]+"Cancel"+a]||o[i[l]+"CancelRequest"+a];if(!s||!u){var c=0,f=0,p=[],d=1e3/60;s=function(e){if(0===p.length){var t=r(),n=Math.max(0,d-(t-c));c=n+t,setTimeout(function(){var e=p.slice(0);p.length=0;for(var t=0;t<e.length;t++)if(!e[t].cancelled)try{e[t].callback(c)}catch(n){setTimeout(function(){throw n},0)}},Math.round(n))}return p.push({handle:++f,callback:e,cancelled:!1}),f},u=function(e){for(var t=0;t<p.length;t++)p[t].handle===e&&(p[t].cancelled=!0)}}e.exports=function(e){return s.call(o,e)},e.exports.cancel=function(){u.apply(o,arguments)},e.exports.polyfill=function(){o.requestAnimationFrame=s,o.cancelAnimationFrame=u}}).call(t,function(){return this}())},function(e,t){"use strict";t.__esModule=!0;t.loopAsync=function(e,t,n){var r=0,o=!1,i=!1,a=!1,s=void 0,u=function(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return o=!0,i?void(s=t):void n.apply(void 0,t)},l=function c(){if(!o&&(a=!0,!i)){for(i=!0;!o&&r<e&&a;)a=!1,t(r++,c,u);return i=!1,o?void n.apply(void 0,s):void(r>=e&&a&&(o=!0,n()))}};l()}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.replaceLocation=t.pushLocation=t.startListener=t.getCurrentLocation=t.go=t.getUserConfirmation=void 0;var o=n(294);Object.defineProperty(t,"getUserConfirmation",{enumerable:!0,get:function(){return o.getUserConfirmation}}),Object.defineProperty(t,"go",{enumerable:!0,get:function(){return o.go}});var i=n(45),a=(r(i),n(106)),s=n(151),u=n(474),l=n(86),c="hashchange",f=function(){var e=window.location.href,t=e.indexOf("#");return t===-1?"":e.substring(t+1)},p=function(e){return window.location.hash=e},d=function(e){var t=window.location.href.indexOf("#");window.location.replace(window.location.href.slice(0,t>=0?t:0)+"#"+e)},h=t.getCurrentLocation=function(e,t){var n=e.decodePath(f()),r=(0,l.getQueryStringValueFromPath)(n,t),o=void 0;r&&(n=(0,l.stripQueryStringValueFromPath)(n,t),o=(0,u.readState)(r));var i=(0,l.parsePath)(n);return i.state=o,(0,a.createLocation)(i,void 0,r)},v=void 0,m=(t.startListener=function(e,t,n){var r=function(){var r=f(),o=t.encodePath(r);if(r!==o)d(o);else{var i=h(t,n);if(v&&i.key&&v.key===i.key)return;v=i,e(i)}},o=f(),i=t.encodePath(o);return o!==i&&d(i),(0,s.addEventListener)(window,c,r),function(){return(0,s.removeEventListener)(window,c,r)}},function(e,t,n,r){var o=e.state,i=e.key,a=t.encodePath((0,l.createPath)(e));void 0!==o&&(a=(0,l.addQueryStringValueToPath)(a,n,i),(0,u.saveState)(i,o)),v=e,r(a)});t.pushLocation=function(e,t,n){return m(e,t,n,function(e){f()!==e&&p(e)})},t.replaceLocation=function(e,t,n){return m(e,t,n,function(e){f()!==e&&d(e)})}},function(e,t,n){"use strict";t.__esModule=!0,t.replaceLocation=t.pushLocation=t.getCurrentLocation=t.go=t.getUserConfirmation=void 0;var r=n(294);Object.defineProperty(t,"getUserConfirmation",{enumerable:!0,get:function(){return r.getUserConfirmation}}),Object.defineProperty(t,"go",{enumerable:!0,get:function(){return r.go}});var o=n(106),i=n(86);t.getCurrentLocation=function(){return(0,o.createLocation)(window.location)},t.pushLocation=function(e){return window.location.href=(0,i.createPath)(e),!1},t.replaceLocation=function(e){return window.location.replace((0,i.createPath)(e)),!1}},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=n(119),s=o(a),u=n(193),l=n(294),c=r(l),f=n(1743),p=r(f),d=n(151),h=n(295),v=o(h),m=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};u.canUseDOM?void 0:(0,s["default"])(!1);var t=e.forceRefresh||!(0,d.supportsHistory)(),n=t?p:c,r=n.getUserConfirmation,o=n.getCurrentLocation,a=n.pushLocation,l=n.replaceLocation,f=n.go,h=(0,v["default"])(i({getUserConfirmation:r},e,{getCurrentLocation:o,pushLocation:a,replaceLocation:l,go:f})),m=0,y=void 0,g=function(e,t){1===++m&&(y=c.startListener(h.transitionTo));var n=t?h.listenBefore(e):h.listen(e);return function(){n(),0===--m&&y()}},b=function(e){return g(e,!0)},_=function(e){return g(e,!1)};return i({},h,{listenBefore:b,listen:_})};t["default"]=m},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=n(45),s=(o(a),n(119)),u=o(s),l=n(193),c=n(151),f=n(1742),p=r(f),d=n(295),h=o(d),v="_k",m=function(e){return"/"===e.charAt(0)?e:"/"+e},y={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!"+e},decodePath:function(e){return"!"===e.charAt(0)?e.substring(1):e}},noslash:{encodePath:function(e){return"/"===e.charAt(0)?e.substring(1):e},decodePath:m},slash:{encodePath:m,decodePath:m}},g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};l.canUseDOM?void 0:(0,u["default"])(!1);var t=e.queryKey,n=e.hashType;"string"!=typeof t&&(t=v),null==n&&(n="slash"),n in y||(n="slash");var r=y[n],o=p.getUserConfirmation,a=function(){return p.getCurrentLocation(r,t)},s=function(e){return p.pushLocation(e,r,t)},f=function(e){return p.replaceLocation(e,r,t)},d=(0,h["default"])(i({getUserConfirmation:o},e,{getCurrentLocation:a,pushLocation:s,replaceLocation:f,go:p.go})),m=0,g=void 0,b=function(e,n){1===++m&&(g=p.startListener(d.transitionTo,r,t));var o=n?d.listenBefore(e):d.listen(e);return function(){o(),0===--m&&g()}},_=function(e){return b(e,!0)},w=function(e){return b(e,!1)},x=((0,c.supportsGoWithoutReloadUsingHash)(),function(e){d.go(e)}),C=function(e){return"#"+r.encodePath(d.createHref(e))};return i({},d,{listenBefore:_,listen:w,go:x,createHref:C})};t["default"]=g},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(45),a=(r(i),n(119)),s=r(a),u=n(106),l=n(86),c=n(295),f=r(c),p=n(192),d=function(e){return e.filter(function(e){return e.state}).reduce(function(e,t){return e[t.key]=t.state,e},{})},h=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Array.isArray(e)?e={entries:e}:"string"==typeof e&&(e={entries:[e]});var t=function(){var e=v[m],t=(0,l.createPath)(e),n=void 0,r=void 0;e.key&&(n=e.key,r=b(n));var i=(0,l.parsePath)(t);return(0,u.createLocation)(o({},i,{state:r}),void 0,n)},n=function(e){var t=m+e;return t>=0&&t<v.length},r=function(e){if(e&&n(e)){m+=e;var r=t();c.transitionTo(o({},r,{action:p.POP}))}},i=function(e){m+=1,m<v.length&&v.splice(m),v.push(e),g(e.key,e.state)},a=function(e){v[m]=e,g(e.key,e.state)},c=(0,f["default"])(o({},e,{getCurrentLocation:t,pushLocation:i,replaceLocation:a,go:r})),h=e,v=h.entries,m=h.current;"string"==typeof v?v=[v]:Array.isArray(v)||(v=["/"]),v=v.map(function(e){return(0,u.createLocation)(e)}),null==m?m=v.length-1:m>=0&&m<v.length?void 0:(0,s["default"])(!1);var y=d(v),g=function(e,t){return y[e]=t},b=function(e){return y[e]};return o({},c,{canGo:n})};t["default"]=h},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.locationsAreEqual=t.Actions=t.useQueries=t.useBeforeUnload=t.useBasename=t.createMemoryHistory=t.createHashHistory=t.createHistory=void 0;var i=n(106);Object.defineProperty(t,"locationsAreEqual",{enumerable:!0,get:function(){return i.locationsAreEqual}});var a=n(1744),s=o(a),u=n(1745),l=o(u),c=n(1746),f=o(c),p=n(1748),d=o(p),h=n(1749),v=o(h),m=n(1750),y=o(m),g=n(192),b=r(g);t.createHistory=s["default"],t.createHashHistory=l["default"],t.createMemoryHistory=f["default"],t.useBasename=d["default"],t.useBeforeUnload=v["default"],t.useQueries=y["default"],t.Actions=b},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(296),a=r(i),s=n(86),u=function(e){return function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e(t),r=t.basename,i=function(e){return e?(r&&null==e.basename&&(0===e.pathname.toLowerCase().indexOf(r.toLowerCase())?(e.pathname=e.pathname.substring(r.length),e.basename=r,""===e.pathname&&(e.pathname="/")):e.basename=""),e):e},u=function(e){if(!r)return e;var t="string"==typeof e?(0,s.parsePath)(e):e,n=t.pathname,i="/"===r.slice(-1)?r:r+"/",a="/"===n.charAt(0)?n.slice(1):n,u=i+a;return o({},t,{pathname:u})},l=function(){return i(n.getCurrentLocation())},c=function(e){return n.listenBefore(function(t,n){return(0,a["default"])(e,i(t),n)})},f=function(e){return n.listen(function(t){return e(i(t))})},p=function(e){return n.push(u(e))},d=function(e){return n.replace(u(e))},h=function(e){return n.createPath(u(e))},v=function(e){return n.createHref(u(e))},m=function(e){for(var t=arguments.length,r=Array(t>1?t-1:0),o=1;o<t;o++)r[o-1]=arguments[o];return i(n.createLocation.apply(n,[u(e)].concat(r)))};return o({},n,{getCurrentLocation:l,listenBefore:c,listen:f,push:p,replace:d,createPath:h,createHref:v,createLocation:m})}};t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(119),a=r(i),s=n(151),u=n(193),l=function(e){var t=function(t){var n=e();if("string"==typeof n)return(t||window.event).returnValue=n,n};return(0,s.addEventListener)(window,"beforeunload",t),function(){return(0,s.removeEventListener)(window,"beforeunload",t)}},c=function(e){return u.canUseDOM?void 0:(0,a["default"])(!1),function(t){var n=e(t),r=[],i=void 0,a=function(){for(var e=void 0,t=0,n=r.length;null==e&&t<n;++t)e=r[t].call();return e},s=function(e){return 1===r.push(e)&&(i=l(a)),function(){r=r.filter(function(t){return t!==e}),0===r.length&&i&&(i(),i=null)}};return o({},n,{listenBeforeUnload:s})}};t["default"]=c},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(1764),a=n(296),s=r(a),u=n(106),l=n(86),c=function(e){return(0,i.stringify)(e).replace(/%20/g,"+")},f=i.parse,p=function(e){return function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e(t),r=t.stringifyQuery,i=t.parseQueryString;"function"!=typeof r&&(r=c),"function"!=typeof i&&(i=f);var a=function(e){return e?(null==e.query&&(e.query=i(e.search.substring(1))),e):e},p=function(e,t){if(null==t)return e;var n="string"==typeof e?(0,l.parsePath)(e):e,i=r(t),a=i?"?"+i:"";return o({},n,{search:a})},d=function(){return a(n.getCurrentLocation())},h=function(e){return n.listenBefore(function(t,n){return(0,s["default"])(e,a(t),n)})},v=function(e){return n.listen(function(t){return e(a(t))})},m=function(e){return n.push(p(e,e.query))},y=function(e){return n.replace(p(e,e.query))},g=function(e){return n.createPath(p(e,e.query))},b=function(e){return n.createHref(p(e,e.query))},_=function(e){for(var t=arguments.length,r=Array(t>1?t-1:0),o=1;o<t;o++)r[o-1]=arguments[o];var i=n.createLocation.apply(n,[p(e,e.query)].concat(r));return e.query&&(i.query=(0,u.createQuery)(e.query)),a(i)};return o({},n,{getCurrentLocation:d,listenBefore:h,listen:v,push:m,replace:y,createPath:g,createHref:b,createLocation:_})}};t["default"]=p},function(e,t,n){(function(t){for(var r=n(351),o="undefined"==typeof window?t:window,i=["moz","webkit"],a="AnimationFrame",s=o["request"+a],u=o["cancel"+a]||o["cancelRequest"+a],l=0;!s&&l<i.length;l++)s=o[i[l]+"Request"+a],u=o[i[l]+"Cancel"+a]||o[i[l]+"CancelRequest"+a];if(!s||!u){var c=0,f=0,p=[],d=1e3/60;s=function(e){if(0===p.length){var t=r(),n=Math.max(0,d-(t-c));c=n+t,setTimeout(function(){var e=p.slice(0);p.length=0;for(var t=0;t<e.length;t++)if(!e[t].cancelled)try{e[t].callback(c)}catch(n){setTimeout(function(){throw n},0)}},Math.round(n))}return p.push({handle:++f,callback:e,cancelled:!1}),f},u=function(e){for(var t=0;t<p.length;t++)p[t].handle===e&&(p[t].cancelled=!0)}}e.exports=function(e){return s.call(o,e)},e.exports.cancel=function(){u.apply(o,arguments)},e.exports.polyfill=function(){o.requestAnimationFrame=s,o.cancelAnimationFrame=u}}).call(t,function(){return this}())},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(70),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(12),v=r(h),m=n(1240),y=r(m),g=function(e){function t(){return(0,s["default"])(this,t),(0,l["default"])(this,e.apply(this,arguments))}return(0,f["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.prefixCls,n=e.disabled,r=(0,i["default"])(e,["prefixCls","disabled"]);return d["default"].createElement(y["default"],{disabled:n,activeClassName:t+"-handler-active"},d["default"].createElement("span",r))},t}(p.Component);g.propTypes={prefixCls:v["default"].string,disabled:v["default"].bool},t["default"]=g,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(e){e.preventDefault()}Object.defineProperty(t,"__esModule",{value:!0});var a=n(10),s=r(a),u=n(9),l=r(u),c=n(1),f=r(c),p=n(12),d=r(p),h=n(57),v=r(h),m=n(8),y=r(m),g=n(1754),b=r(g),_=n(1752),w=r(_),x=(0,v["default"])({propTypes:{focusOnUpDown:d["default"].bool,onChange:d["default"].func,onKeyDown:d["default"].func,onKeyUp:d["default"].func,prefixCls:d["default"].string,disabled:d["default"].bool,onFocus:d["default"].func,onBlur:d["default"].func,readOnly:d["default"].bool,max:d["default"].number,min:d["default"].number,step:d["default"].oneOfType([d["default"].number,d["default"].string]),upHandler:d["default"].node,downHandler:d["default"].node,useTouch:d["default"].bool,formatter:d["default"].func,parser:d["default"].func,onMouseEnter:d["default"].func,onMouseLeave:d["default"].func,onMouseOver:d["default"].func,onMouseOut:d["default"].func},mixins:[b["default"]],getDefaultProps:function(){return{focusOnUpDown:!0,useTouch:!1,prefixCls:"rc-input-number"}},componentDidMount:function(){this.componentDidUpdate()},componentWillUpdate:function(){try{this.start=this.refs.input.selectionStart,this.end=this.refs.input.selectionEnd}catch(e){}},componentDidUpdate:function(){if(this.props.focusOnUpDown&&this.state.focused){var e=this.refs.input.setSelectionRange;e&&"function"==typeof e&&void 0!==this.start&&void 0!==this.end&&this.start!==this.end?this.refs.input.setSelectionRange(this.start,this.end):this.focus()}},onKeyDown:function C(e){if(38===e.keyCode){var t=this.getRatio(e);this.up(e,t),this.stop()}else if(40===e.keyCode){var n=this.getRatio(e);this.down(e,n),this.stop()}var C=this.props.onKeyDown;if(C){for(var r=arguments.length,o=Array(r>1?r-1:0),i=1;i<r;i++)o[i-1]=arguments[i];C.apply(void 0,[e].concat(o))}},onKeyUp:function E(e){this.stop();var E=this.props.onKeyUp;if(E){for(var t=arguments.length,n=Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];E.apply(void 0,[e].concat(n))}},getRatio:function(e){var t=1;return e.metaKey||e.ctrlKey?t=.1:e.shiftKey&&(t=10),t},getValueFromEvent:function(e){return e.target.value},focus:function(){this.refs.input.focus()},formatWrapper:function(e){return this.props.formatter?this.props.formatter(e):e},render:function(){var e,t=(0,l["default"])({},this.props),n=t.prefixCls,r=t.disabled,a=t.readOnly,u=t.useTouch,c=(0,y["default"])((e={},(0,s["default"])(e,n,!0),(0,s["default"])(e,t.className,!!t.className),(0,s["default"])(e,n+"-disabled",r),(0,s["default"])(e,n+"-focused",this.state.focused),e)),p="",d="",h=this.state.value;if(h)if(isNaN(h))p=n+"-handler-up-disabled",d=n+"-handler-down-disabled";else{var v=Number(h);v>=t.max&&(p=n+"-handler-up-disabled"),v<=t.min&&(d=n+"-handler-down-disabled")}var m=!t.readOnly&&!t.disabled,g=void 0;g=this.state.focused?this.state.inputValue:this.toPrecisionAsStep(this.state.value),void 0!==g&&null!==g||(g="");var b=void 0,_=void 0;u?(b={onTouchStart:m&&!p?this.up:o,onTouchEnd:this.stop},_={onTouchStart:m&&!d?this.down:o,onTouchEnd:this.stop}):(b={onMouseDown:m&&!p?this.up:o,onMouseUp:this.stop,onMouseLeave:this.stop},_={onMouseDown:m&&!d?this.down:o,onMouseUp:this.stop,onMouseLeave:this.stop});var x=this.formatWrapper(g);return f["default"].createElement("div",{className:c,style:t.style,onMouseEnter:t.onMouseEnter,onMouseLeave:t.onMouseLeave,onMouseOver:t.onMouseOver,onMouseOut:t.onMouseOut},f["default"].createElement("div",{className:n+"-handler-wrap"},f["default"].createElement(w["default"],(0,l["default"])({ref:"up",disabled:!!p||r||a,prefixCls:n,unselectable:"unselectable"},b,{className:n+"-handler "+n+"-handler-up "+p}),this.props.upHandler||f["default"].createElement("span",{unselectable:"unselectable",className:n+"-handler-up-inner",onClick:i})),f["default"].createElement(w["default"],(0,l["default"])({ref:"down",disabled:!!d||r||a,prefixCls:n,unselectable:"unselectable"},_,{className:n+"-handler "+n+"-handler-down "+d}),this.props.downHandler||f["default"].createElement("span",{unselectable:"unselectable",className:n+"-handler-down-inner",onClick:i}))),f["default"].createElement("div",{className:n+"-input-wrap"},f["default"].createElement("input",{type:t.type,placeholder:t.placeholder,onClick:t.onClick,className:n+"-input",autoComplete:"off",onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:m?this.onKeyDown:o,onKeyUp:m?this.onKeyUp:o,autoFocus:t.autoFocus,maxLength:t.maxLength,readOnly:t.readOnly,disabled:t.disabled,max:t.max,min:t.min,name:t.name,onChange:this.onChange,ref:"input",value:x})))}});t["default"]=x,e.exports=t["default"]},function(e,t){"use strict";function n(){}function r(e){return e.replace(/[^\w\.-]+/g,"")}Object.defineProperty(t,"__esModule",{value:!0});var o=200,i=600;t["default"]={getDefaultProps:function(){return{max:1/0,min:-(1/0),step:1,style:{},onChange:n,onKeyDown:n,onFocus:n,onBlur:n,parser:r}},getInitialState:function(){var e=void 0,t=this.props;return e="value"in t?t.value:t.defaultValue,e=this.toNumber(e),{inputValue:this.toPrecisionAsStep(e),value:e,focused:t.autoFocus}},componentWillReceiveProps:function(e){"value"in e&&this.setState({inputValue:e.value,value:e.value})},componentWillUnmount:function(){this.stop()},onChange:function(e){var t=this.props.parser(this.getValueFromEvent(e).trim());this.setState({inputValue:t}),this.props.onChange(this.toNumberWhenUserInput(t))},onFocus:function(){var e;this.setState({focused:!0}),(e=this.props).onFocus.apply(e,arguments)},onBlur:function(e){for(var t=this,n=arguments.length,r=Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];this.setState({focused:!1});var i=this.getCurrentValidValue(this.state.inputValue);e.persist(),this.setValue(i,function(){var n;(n=t.props).onBlur.apply(n,[e].concat(r))})},getCurrentValidValue:function(e){var t=e,n=this.props;return""===t?t="":this.isNotCompleteNumber(t)?t=this.state.value:(t=Number(t),t<n.min&&(t=n.min),t>n.max&&(t=n.max)),this.toNumber(t)},setValue:function(e,t){var n=this.isNotCompleteNumber(parseFloat(e,10))?void 0:parseFloat(e,10),r=n!==this.state.value;"value"in this.props?this.setState({inputValue:this.toPrecisionAsStep(this.state.value)},t):this.setState({value:n,inputValue:this.toPrecisionAsStep(e)},t),r&&this.props.onChange(n)},getPrecision:function(e){var t=e.toString();if(t.indexOf("e-")>=0)return parseInt(t.slice(t.indexOf("e-")+2),10);var n=0;return t.indexOf(".")>=0&&(n=t.length-t.indexOf(".")-1),n},getMaxPrecision:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=this.props.step,r=this.getPrecision(t),o=this.getPrecision(n),i=this.getPrecision(e);return e?Math.max(i,r+o):r+o},getPrecisionFactor:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=this.getMaxPrecision(e,t);return Math.pow(10,n)},toPrecisionAsStep:function(e){if(this.isNotCompleteNumber(e)||""===e)return e;var t=Math.abs(this.getMaxPrecision(e));return t?Number(e).toFixed(t):e.toString()},isNotCompleteNumber:function(e){return isNaN(e)||""===e||null===e||e&&e.toString().indexOf(".")===e.toString().length-1},toNumber:function(e){return this.isNotCompleteNumber(e)?e:Number(e)},toNumberWhenUserInput:function(e){return(/\.0+$/.test(e)||e.length>16)&&this.state.focused?e:this.toNumber(e)},upStep:function(e,t){var n=this.props,r=n.step,o=n.min,i=this.getPrecisionFactor(e,t),a=Math.abs(this.getMaxPrecision(e,t)),s=void 0;return s="number"==typeof e?((i*e+i*r*t)/i).toFixed(a):o===-(1/0)?r:o,this.toNumber(s)},downStep:function(e,t){var n=this.props,r=n.step,o=n.min,i=this.getPrecisionFactor(e,t),a=Math.abs(this.getMaxPrecision(e,t)),s=void 0;return s="number"==typeof e?((i*e-i*r*t)/i).toFixed(a):o===-(1/0)?-r:o,this.toNumber(s)},step:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;t&&t.preventDefault();var r=this.props;if(!r.disabled){var o=this.getCurrentValidValue(this.state.inputValue)||0;if(!this.isNotCompleteNumber(o)){var i=this[e+"Step"](o,n);i>r.max?i=r.max:i<r.min&&(i=r.min),this.setValue(i),this.setState({focused:!0})}}},stop:function(){this.autoStepTimer&&clearTimeout(this.autoStepTimer)},down:function(e,t,n){var r=this;e.persist&&e.persist(),this.stop(),this.step("down",e,t),this.autoStepTimer=setTimeout(function(){r.down(e,t,!0)},n?o:i)},up:function(e,t,n){var r=this;e.persist&&e.persist(),this.stop(),this.step("up",e,t),this.autoStepTimer=setTimeout(function(){r.up(e,t,!0)},n?o:i)}},e.exports=t["default"]},function(e,t){"use strict";function n(){var e=arguments;return function(){for(var t=0;t<e.length;t++)e[t]&&e[t].apply&&e[t].apply(this,arguments)}}e.exports=n},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(70),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(12),y=r(m),g=n(92),b=r(g),_=n(476),w=function(e){function t(){var n,r,o;(0,l["default"])(this,t);for(var i=arguments.length,a=Array(i),s=0;s<i;s++)a[s]=arguments[s];return n=r=(0,f["default"])(this,e.call.apply(e,[this].concat(a))),r.getPopupElement=function(){var e=r.props,t=e.arrowContent,n=e.overlay,o=e.prefixCls;return[v["default"].createElement("div",{className:o+"-arrow",key:"arrow"},t),v["default"].createElement("div",{className:o+"-inner",key:"content"},"function"==typeof n?n():n)]},o=n,(0,f["default"])(r,o)}return(0,d["default"])(t,e),t.prototype.getPopupDomNode=function(){return this.refs.trigger.getPopupDomNode()},t.prototype.render=function(){var e=this.props,t=e.overlayClassName,n=e.trigger,r=e.mouseEnterDelay,o=e.mouseLeaveDelay,a=e.overlayStyle,u=e.prefixCls,l=e.children,c=e.onVisibleChange,f=e.transitionName,p=e.animation,d=e.placement,h=e.align,m=e.destroyTooltipOnHide,y=e.defaultVisible,g=e.getTooltipContainer,w=(0,s["default"])(e,["overlayClassName","trigger","mouseEnterDelay","mouseLeaveDelay","overlayStyle","prefixCls","children","onVisibleChange","transitionName","animation","placement","align","destroyTooltipOnHide","defaultVisible","getTooltipContainer"]),x=(0,i["default"])({},w);return"visible"in this.props&&(x.popupVisible=this.props.visible),v["default"].createElement(b["default"],(0,i["default"])({popupClassName:t,ref:"trigger",prefixCls:u,popup:this.getPopupElement,action:n,builtinPlacements:_.placements,popupPlacement:d,popupAlign:h,getPopupContainer:g,onPopupVisibleChange:c,popupTransitionName:f,popupAnimation:p,defaultPopupVisible:y,destroyPopupOnHide:m,mouseLeaveDelay:o,popupStyle:a,mouseEnterDelay:r},x),l)},t}(h.Component);w.propTypes={trigger:y["default"].any,children:y["default"].any,defaultVisible:y["default"].bool,visible:y["default"].bool,placement:y["default"].string,transitionName:y["default"].string,animation:y["default"].any,onVisibleChange:y["default"].func,afterVisibleChange:y["default"].func,overlay:y["default"].oneOfType([y["default"].node,y["default"].func]).isRequired,overlayStyle:y["default"].object,overlayClassName:y["default"].string,prefixCls:y["default"].string,mouseEnterDelay:y["default"].number,mouseLeaveDelay:y["default"].number,getTooltipContainer:y["default"].func,destroyTooltipOnHide:y["default"].bool,align:y["default"].object,arrowContent:y["default"].any},w.defaultProps={prefixCls:"rc-tooltip",mouseEnterDelay:0,destroyTooltipOnHide:!1,mouseLeaveDelay:.1,align:{},placement:"right",trigger:["hover"],arrowContent:null},t["default"]=w,e.exports=t["default"]},function(e,t,n){"use strict";e.exports=n(1756)},function(e,t){function n(e){return!!e&&"object"==typeof e}function r(e,t){var n=null==e?void 0:e[t];return a(n)?n:void 0}function o(e){return i(e)&&p.call(e)==s}function i(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function a(e){return null!=e&&(o(e)?d.test(c.call(e)):n(e)&&u.test(e))}var s="[object Function]",u=/^\[object .+?Constructor\]$/,l=Object.prototype,c=Function.prototype.toString,f=l.hasOwnProperty,p=l.toString,d=RegExp("^"+c.call(f).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");e.exports=r},function(e,t){"use strict";function n(e){if(e||void 0===r){var t=document.createElement("div");t.style.width="100%",t.style.height="200px";var n=document.createElement("div"),o=n.style;o.position="absolute",o.top=0,o.left=0,o.pointerEvents="none",o.visibility="hidden",o.width="200px",o.height="150px",o.overflow="hidden",n.appendChild(t),document.body.appendChild(n);var i=t.offsetWidth;n.style.overflow="scroll";var a=t.offsetWidth;i===a&&(a=n.clientWidth),document.body.removeChild(n),r=i-a}return r}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=n;var r=void 0;e.exports=t["default"]},function(e,t){(function(t){function n(e,t,n){function r(t){var n=v,r=m;return v=m=void 0,E=t,g=e.apply(r,n)}function i(e){return E=e,b=setTimeout(c,t),S?r(e):g}function a(e){var n=e-_,r=e-E,o=t-n;return P?x(o,y-r):o}function l(e){var n=e-_,r=e-E;return void 0===_||n>=t||n<0||P&&r>=y}function c(){var e=C();return l(e)?f(e):void(b=setTimeout(c,a(e)))}function f(e){return b=void 0,O&&v?r(e):(v=m=void 0,g)}function p(){void 0!==b&&clearTimeout(b),E=0,v=_=m=b=void 0}function d(){return void 0===b?g:f(C())}function h(){var e=C(),n=l(e);if(v=arguments,m=this,_=e,n){if(void 0===b)return i(_);if(P)return b=setTimeout(c,t),r(_)}return void 0===b&&(b=setTimeout(c,t)),g}var v,m,y,g,b,_,E=0,S=!1,P=!1,O=!0;if("function"!=typeof e)throw new TypeError(u);return t=s(t)||0,o(n)&&(S=!!n.leading,P="maxWait"in n,y=P?w(s(n.maxWait)||0,t):y,O="trailing"in n?!!n.trailing:O),h.cancel=p,h.flush=d,h}function r(e,t,r){var i=!0,a=!0;if("function"!=typeof e)throw new TypeError(u);return o(r)&&(i="leading"in r?!!r.leading:i,a="trailing"in r?!!r.trailing:a),n(e,t,{leading:i,maxWait:t,trailing:a})}function o(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function i(e){return!!e&&"object"==typeof e}function a(e){return"symbol"==typeof e||i(e)&&_.call(e)==c}function s(e){if("number"==typeof e)return e;if(a(e))return l;if(o(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=o(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(f,"");var n=d.test(e);return n||h.test(e)?v(e.slice(2),n?2:8):p.test(e)?l:+e}var u="Expected a function",l=NaN,c="[object Symbol]",f=/^\s+|\s+$/g,p=/^[-+]0x[0-9a-f]+$/i,d=/^0b[01]+$/i,h=/^0o[0-7]+$/i,v=parseInt,m="object"==typeof t&&t&&t.Object===Object&&t,y="object"==typeof self&&self&&self.Object===Object&&self,g=m||y||Function("return this")(),b=Object.prototype,_=b.toString,w=Math.max,x=Math.min,C=function(){return g.Date.now()};e.exports=r}).call(t,function(){return this}())},function(e,t,n){var r;(function(e,o){(function(){function i(e,t){return e.set(t[0],t[1]),e}function a(e,t){return e.add(t),e}function s(e,t,n){switch(n.length){case 0:return e.call(t);case 1:return e.call(t,n[0]);case 2:return e.call(t,n[0],n[1]);case 3:return e.call(t,n[0],n[1],n[2])}return e.apply(t,n)}function u(e,t,n,r){for(var o=-1,i=null==e?0:e.length;++o<i;){var a=e[o];t(r,a,n(a),e)}return r}function l(e,t){for(var n=-1,r=null==e?0:e.length;++n<r&&t(e[n],n,e)!==!1;);return e}function c(e,t){for(var n=null==e?0:e.length;n--&&t(e[n],n,e)!==!1;);return e}function f(e,t){for(var n=-1,r=null==e?0:e.length;++n<r;)if(!t(e[n],n,e))return!1;
-return!0}function p(e,t){for(var n=-1,r=null==e?0:e.length,o=0,i=[];++n<r;){var a=e[n];t(a,n,e)&&(i[o++]=a)}return i}function d(e,t){var n=null==e?0:e.length;return!!n&&E(e,t,0)>-1}function h(e,t,n){for(var r=-1,o=null==e?0:e.length;++r<o;)if(n(t,e[r]))return!0;return!1}function v(e,t){for(var n=-1,r=null==e?0:e.length,o=Array(r);++n<r;)o[n]=t(e[n],n,e);return o}function m(e,t){for(var n=-1,r=t.length,o=e.length;++n<r;)e[o+n]=t[n];return e}function y(e,t,n,r){var o=-1,i=null==e?0:e.length;for(r&&i&&(n=e[++o]);++o<i;)n=t(n,e[o],o,e);return n}function g(e,t,n,r){var o=null==e?0:e.length;for(r&&o&&(n=e[--o]);o--;)n=t(n,e[o],o,e);return n}function b(e,t){for(var n=-1,r=null==e?0:e.length;++n<r;)if(t(e[n],n,e))return!0;return!1}function _(e){return e.split("")}function w(e){return e.match(Ht)||[]}function x(e,t,n){var r;return n(e,function(e,n,o){if(t(e,n,o))return r=n,!1}),r}function C(e,t,n,r){for(var o=e.length,i=n+(r?1:-1);r?i--:++i<o;)if(t(e[i],i,e))return i;return-1}function E(e,t,n){return t===t?Z(e,t,n):C(e,P,n)}function S(e,t,n,r){for(var o=n-1,i=e.length;++o<i;)if(r(e[o],t))return o;return-1}function P(e){return e!==e}function O(e,t){var n=null==e?0:e.length;return n?A(e,t)/n:Le}function T(e){return function(t){return null==t?oe:t[e]}}function k(e){return function(t){return null==e?oe:e[t]}}function M(e,t,n,r,o){return o(e,function(e,o,i){n=r?(r=!1,e):t(n,e,o,i)}),n}function N(e,t){var n=e.length;for(e.sort(t);n--;)e[n]=e[n].value;return e}function A(e,t){for(var n,r=-1,o=e.length;++r<o;){var i=t(e[r]);i!==oe&&(n=n===oe?i:n+i)}return n}function D(e,t){for(var n=-1,r=Array(e);++n<e;)r[n]=t(n);return r}function j(e,t){return v(t,function(t){return[t,e[t]]})}function R(e){return function(t){return e(t)}}function I(e,t){return v(t,function(t){return e[t]})}function L(e,t){return e.has(t)}function F(e,t){for(var n=-1,r=e.length;++n<r&&E(t,e[n],0)>-1;);return n}function U(e,t){for(var n=e.length;n--&&E(t,e[n],0)>-1;);return n}function V(e,t){for(var n=e.length,r=0;n--;)e[n]===t&&++r;return r}function B(e){return"\\"+nr[e]}function z(e,t){return null==e?oe:e[t]}function H(e){return Yn.test(e)}function K(e){return Gn.test(e)}function W(e){for(var t,n=[];!(t=e.next()).done;)n.push(t.value);return n}function q(e){var t=-1,n=Array(e.size);return e.forEach(function(e,r){n[++t]=[r,e]}),n}function Y(e,t){return function(n){return e(t(n))}}function G(e,t){for(var n=-1,r=e.length,o=0,i=[];++n<r;){var a=e[n];a!==t&&a!==fe||(e[n]=fe,i[o++]=n)}return i}function X(e){var t=-1,n=Array(e.size);return e.forEach(function(e){n[++t]=e}),n}function $(e){var t=-1,n=Array(e.size);return e.forEach(function(e){n[++t]=[e,e]}),n}function Z(e,t,n){for(var r=n-1,o=e.length;++r<o;)if(e[r]===t)return r;return-1}function Q(e,t,n){for(var r=n+1;r--;)if(e[r]===t)return r;return r}function J(e){return H(e)?te(e):br(e)}function ee(e){return H(e)?ne(e):_(e)}function te(e){for(var t=Wn.lastIndex=0;Wn.test(e);)++t;return t}function ne(e){return e.match(Wn)||[]}function re(e){return e.match(qn)||[]}var oe,ie="4.17.4",ae=200,se="Unsupported core-js use. Try https://npms.io/search?q=ponyfill.",ue="Expected a function",le="__lodash_hash_undefined__",ce=500,fe="__lodash_placeholder__",pe=1,de=2,he=4,ve=1,me=2,ye=1,ge=2,be=4,_e=8,we=16,xe=32,Ce=64,Ee=128,Se=256,Pe=512,Oe=30,Te="...",ke=800,Me=16,Ne=1,Ae=2,De=3,je=1/0,Re=9007199254740991,Ie=1.7976931348623157e308,Le=NaN,Fe=4294967295,Ue=Fe-1,Ve=Fe>>>1,Be=[["ary",Ee],["bind",ye],["bindKey",ge],["curry",_e],["curryRight",we],["flip",Pe],["partial",xe],["partialRight",Ce],["rearg",Se]],ze="[object Arguments]",He="[object Array]",Ke="[object AsyncFunction]",We="[object Boolean]",qe="[object Date]",Ye="[object DOMException]",Ge="[object Error]",Xe="[object Function]",$e="[object GeneratorFunction]",Ze="[object Map]",Qe="[object Number]",Je="[object Null]",et="[object Object]",tt="[object Promise]",nt="[object Proxy]",rt="[object RegExp]",ot="[object Set]",it="[object String]",at="[object Symbol]",st="[object Undefined]",ut="[object WeakMap]",lt="[object WeakSet]",ct="[object ArrayBuffer]",ft="[object DataView]",pt="[object Float32Array]",dt="[object Float64Array]",ht="[object Int8Array]",vt="[object Int16Array]",mt="[object Int32Array]",yt="[object Uint8Array]",gt="[object Uint8ClampedArray]",bt="[object Uint16Array]",_t="[object Uint32Array]",wt=/\b__p \+= '';/g,xt=/\b(__p \+=) '' \+/g,Ct=/(__e\(.*?\)|\b__t\)) \+\n'';/g,Et=/&(?:amp|lt|gt|quot|#39);/g,St=/[&<>"']/g,Pt=RegExp(Et.source),Ot=RegExp(St.source),Tt=/<%-([\s\S]+?)%>/g,kt=/<%([\s\S]+?)%>/g,Mt=/<%=([\s\S]+?)%>/g,Nt=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,At=/^\w*$/,Dt=/^\./,jt=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Rt=/[\\^$.*+?()[\]{}|]/g,It=RegExp(Rt.source),Lt=/^\s+|\s+$/g,Ft=/^\s+/,Ut=/\s+$/,Vt=/\{(?:\n\/\* \[wrapped with .+\] \*\/)?\n?/,Bt=/\{\n\/\* \[wrapped with (.+)\] \*/,zt=/,? & /,Ht=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g,Kt=/\\(\\)?/g,Wt=/\$\{([^\\}]*(?:\\.[^\\}]*)*)\}/g,qt=/\w*$/,Yt=/^[-+]0x[0-9a-f]+$/i,Gt=/^0b[01]+$/i,Xt=/^\[object .+?Constructor\]$/,$t=/^0o[0-7]+$/i,Zt=/^(?:0|[1-9]\d*)$/,Qt=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,Jt=/($^)/,en=/['\n\r\u2028\u2029\\]/g,tn="\\ud800-\\udfff",nn="\\u0300-\\u036f",rn="\\ufe20-\\ufe2f",on="\\u20d0-\\u20ff",an=nn+rn+on,sn="\\u2700-\\u27bf",un="a-z\\xdf-\\xf6\\xf8-\\xff",ln="\\xac\\xb1\\xd7\\xf7",cn="\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf",fn="\\u2000-\\u206f",pn=" \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000",dn="A-Z\\xc0-\\xd6\\xd8-\\xde",hn="\\ufe0e\\ufe0f",vn=ln+cn+fn+pn,mn="['\u2019]",yn="["+tn+"]",gn="["+vn+"]",bn="["+an+"]",_n="\\d+",wn="["+sn+"]",xn="["+un+"]",Cn="[^"+tn+vn+_n+sn+un+dn+"]",En="\\ud83c[\\udffb-\\udfff]",Sn="(?:"+bn+"|"+En+")",Pn="[^"+tn+"]",On="(?:\\ud83c[\\udde6-\\uddff]){2}",Tn="[\\ud800-\\udbff][\\udc00-\\udfff]",kn="["+dn+"]",Mn="\\u200d",Nn="(?:"+xn+"|"+Cn+")",An="(?:"+kn+"|"+Cn+")",Dn="(?:"+mn+"(?:d|ll|m|re|s|t|ve))?",jn="(?:"+mn+"(?:D|LL|M|RE|S|T|VE))?",Rn=Sn+"?",In="["+hn+"]?",Ln="(?:"+Mn+"(?:"+[Pn,On,Tn].join("|")+")"+In+Rn+")*",Fn="\\d*(?:(?:1st|2nd|3rd|(?![123])\\dth)\\b)",Un="\\d*(?:(?:1ST|2ND|3RD|(?![123])\\dTH)\\b)",Vn=In+Rn+Ln,Bn="(?:"+[wn,On,Tn].join("|")+")"+Vn,zn="(?:"+[Pn+bn+"?",bn,On,Tn,yn].join("|")+")",Hn=RegExp(mn,"g"),Kn=RegExp(bn,"g"),Wn=RegExp(En+"(?="+En+")|"+zn+Vn,"g"),qn=RegExp([kn+"?"+xn+"+"+Dn+"(?="+[gn,kn,"$"].join("|")+")",An+"+"+jn+"(?="+[gn,kn+Nn,"$"].join("|")+")",kn+"?"+Nn+"+"+Dn,kn+"+"+jn,Un,Fn,_n,Bn].join("|"),"g"),Yn=RegExp("["+Mn+tn+an+hn+"]"),Gn=/[a-z][A-Z]|[A-Z]{2,}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/,Xn=["Array","Buffer","DataView","Date","Error","Float32Array","Float64Array","Function","Int8Array","Int16Array","Int32Array","Map","Math","Object","Promise","RegExp","Set","String","Symbol","TypeError","Uint8Array","Uint8ClampedArray","Uint16Array","Uint32Array","WeakMap","_","clearTimeout","isFinite","parseInt","setTimeout"],$n=-1,Zn={};Zn[pt]=Zn[dt]=Zn[ht]=Zn[vt]=Zn[mt]=Zn[yt]=Zn[gt]=Zn[bt]=Zn[_t]=!0,Zn[ze]=Zn[He]=Zn[ct]=Zn[We]=Zn[ft]=Zn[qe]=Zn[Ge]=Zn[Xe]=Zn[Ze]=Zn[Qe]=Zn[et]=Zn[rt]=Zn[ot]=Zn[it]=Zn[ut]=!1;var Qn={};Qn[ze]=Qn[He]=Qn[ct]=Qn[ft]=Qn[We]=Qn[qe]=Qn[pt]=Qn[dt]=Qn[ht]=Qn[vt]=Qn[mt]=Qn[Ze]=Qn[Qe]=Qn[et]=Qn[rt]=Qn[ot]=Qn[it]=Qn[at]=Qn[yt]=Qn[gt]=Qn[bt]=Qn[_t]=!0,Qn[Ge]=Qn[Xe]=Qn[ut]=!1;var Jn={"\xc0":"A","\xc1":"A","\xc2":"A","\xc3":"A","\xc4":"A","\xc5":"A","\xe0":"a","\xe1":"a","\xe2":"a","\xe3":"a","\xe4":"a","\xe5":"a","\xc7":"C","\xe7":"c","\xd0":"D","\xf0":"d","\xc8":"E","\xc9":"E","\xca":"E","\xcb":"E","\xe8":"e","\xe9":"e","\xea":"e","\xeb":"e","\xcc":"I","\xcd":"I","\xce":"I","\xcf":"I","\xec":"i","\xed":"i","\xee":"i","\xef":"i","\xd1":"N","\xf1":"n","\xd2":"O","\xd3":"O","\xd4":"O","\xd5":"O","\xd6":"O","\xd8":"O","\xf2":"o","\xf3":"o","\xf4":"o","\xf5":"o","\xf6":"o","\xf8":"o","\xd9":"U","\xda":"U","\xdb":"U","\xdc":"U","\xf9":"u","\xfa":"u","\xfb":"u","\xfc":"u","\xdd":"Y","\xfd":"y","\xff":"y","\xc6":"Ae","\xe6":"ae","\xde":"Th","\xfe":"th","\xdf":"ss","\u0100":"A","\u0102":"A","\u0104":"A","\u0101":"a","\u0103":"a","\u0105":"a","\u0106":"C","\u0108":"C","\u010a":"C","\u010c":"C","\u0107":"c","\u0109":"c","\u010b":"c","\u010d":"c","\u010e":"D","\u0110":"D","\u010f":"d","\u0111":"d","\u0112":"E","\u0114":"E","\u0116":"E","\u0118":"E","\u011a":"E","\u0113":"e","\u0115":"e","\u0117":"e","\u0119":"e","\u011b":"e","\u011c":"G","\u011e":"G","\u0120":"G","\u0122":"G","\u011d":"g","\u011f":"g","\u0121":"g","\u0123":"g","\u0124":"H","\u0126":"H","\u0125":"h","\u0127":"h","\u0128":"I","\u012a":"I","\u012c":"I","\u012e":"I","\u0130":"I","\u0129":"i","\u012b":"i","\u012d":"i","\u012f":"i","\u0131":"i","\u0134":"J","\u0135":"j","\u0136":"K","\u0137":"k","\u0138":"k","\u0139":"L","\u013b":"L","\u013d":"L","\u013f":"L","\u0141":"L","\u013a":"l","\u013c":"l","\u013e":"l","\u0140":"l","\u0142":"l","\u0143":"N","\u0145":"N","\u0147":"N","\u014a":"N","\u0144":"n","\u0146":"n","\u0148":"n","\u014b":"n","\u014c":"O","\u014e":"O","\u0150":"O","\u014d":"o","\u014f":"o","\u0151":"o","\u0154":"R","\u0156":"R","\u0158":"R","\u0155":"r","\u0157":"r","\u0159":"r","\u015a":"S","\u015c":"S","\u015e":"S","\u0160":"S","\u015b":"s","\u015d":"s","\u015f":"s","\u0161":"s","\u0162":"T","\u0164":"T","\u0166":"T","\u0163":"t","\u0165":"t","\u0167":"t","\u0168":"U","\u016a":"U","\u016c":"U","\u016e":"U","\u0170":"U","\u0172":"U","\u0169":"u","\u016b":"u","\u016d":"u","\u016f":"u","\u0171":"u","\u0173":"u","\u0174":"W","\u0175":"w","\u0176":"Y","\u0177":"y","\u0178":"Y","\u0179":"Z","\u017b":"Z","\u017d":"Z","\u017a":"z","\u017c":"z","\u017e":"z","\u0132":"IJ","\u0133":"ij","\u0152":"Oe","\u0153":"oe","\u0149":"'n","\u017f":"s"},er={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},tr={"&amp;":"&","&lt;":"<","&gt;":">","&quot;":'"',"&#39;":"'"},nr={"\\":"\\","'":"'","\n":"n","\r":"r","\u2028":"u2028","\u2029":"u2029"},rr=parseFloat,or=parseInt,ir="object"==typeof e&&e&&e.Object===Object&&e,ar="object"==typeof self&&self&&self.Object===Object&&self,sr=ir||ar||Function("return this")(),ur="object"==typeof t&&t&&!t.nodeType&&t,lr=ur&&"object"==typeof o&&o&&!o.nodeType&&o,cr=lr&&lr.exports===ur,fr=cr&&ir.process,pr=function(){try{return fr&&fr.binding&&fr.binding("util")}catch(e){}}(),dr=pr&&pr.isArrayBuffer,hr=pr&&pr.isDate,vr=pr&&pr.isMap,mr=pr&&pr.isRegExp,yr=pr&&pr.isSet,gr=pr&&pr.isTypedArray,br=T("length"),_r=k(Jn),wr=k(er),xr=k(tr),Cr=function Sr(e){function t(e){if(lu(e)&&!wp(e)&&!(e instanceof o)){if(e instanceof r)return e;if(_c.call(e,"__wrapped__"))return aa(e)}return new r(e)}function n(){}function r(e,t){this.__wrapped__=e,this.__actions__=[],this.__chain__=!!t,this.__index__=0,this.__values__=oe}function o(e){this.__wrapped__=e,this.__actions__=[],this.__dir__=1,this.__filtered__=!1,this.__iteratees__=[],this.__takeCount__=Fe,this.__views__=[]}function _(){var e=new o(this.__wrapped__);return e.__actions__=Bo(this.__actions__),e.__dir__=this.__dir__,e.__filtered__=this.__filtered__,e.__iteratees__=Bo(this.__iteratees__),e.__takeCount__=this.__takeCount__,e.__views__=Bo(this.__views__),e}function k(){if(this.__filtered__){var e=new o(this);e.__dir__=-1,e.__filtered__=!0}else e=this.clone(),e.__dir__*=-1;return e}function Z(){var e=this.__wrapped__.value(),t=this.__dir__,n=wp(e),r=t<0,o=n?e.length:0,i=Mi(0,o,this.__views__),a=i.start,s=i.end,u=s-a,l=r?s:a-1,c=this.__iteratees__,f=c.length,p=0,d=$c(u,this.__takeCount__);if(!n||!r&&o==u&&d==u)return xo(e,this.__actions__);var h=[];e:for(;u--&&p<d;){l+=t;for(var v=-1,m=e[l];++v<f;){var y=c[v],g=y.iteratee,b=y.type,_=g(m);if(b==Ae)m=_;else if(!_){if(b==Ne)continue e;break e}}h[p++]=m}return h}function te(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function ne(){this.__data__=sf?sf(null):{},this.size=0}function Ht(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}function tn(e){var t=this.__data__;if(sf){var n=t[e];return n===le?oe:n}return _c.call(t,e)?t[e]:oe}function nn(e){var t=this.__data__;return sf?t[e]!==oe:_c.call(t,e)}function rn(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=sf&&t===oe?le:t,this}function on(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function an(){this.__data__=[],this.size=0}function sn(e){var t=this.__data__,n=An(t,e);if(n<0)return!1;var r=t.length-1;return n==r?t.pop():jc.call(t,n,1),--this.size,!0}function un(e){var t=this.__data__,n=An(t,e);return n<0?oe:t[n][1]}function ln(e){return An(this.__data__,e)>-1}function cn(e,t){var n=this.__data__,r=An(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this}function fn(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function pn(){this.size=0,this.__data__={hash:new te,map:new(nf||on),string:new te}}function dn(e){var t=Pi(this,e)["delete"](e);return this.size-=t?1:0,t}function hn(e){return Pi(this,e).get(e)}function vn(e){return Pi(this,e).has(e)}function mn(e,t){var n=Pi(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this}function yn(e){var t=-1,n=null==e?0:e.length;for(this.__data__=new fn;++t<n;)this.add(e[t])}function gn(e){return this.__data__.set(e,le),this}function bn(e){return this.__data__.has(e)}function _n(e){var t=this.__data__=new on(e);this.size=t.size}function wn(){this.__data__=new on,this.size=0}function xn(e){var t=this.__data__,n=t["delete"](e);return this.size=t.size,n}function Cn(e){return this.__data__.get(e)}function En(e){return this.__data__.has(e)}function Sn(e,t){var n=this.__data__;if(n instanceof on){var r=n.__data__;if(!nf||r.length<ae-1)return r.push([e,t]),this.size=++n.size,this;n=this.__data__=new fn(r)}return n.set(e,t),this.size=n.size,this}function Pn(e,t){var n=wp(e),r=!n&&_p(e),o=!n&&!r&&Cp(e),i=!n&&!r&&!o&&Tp(e),a=n||r||o||i,s=a?D(e.length,dc):[],u=s.length;for(var l in e)!t&&!_c.call(e,l)||a&&("length"==l||o&&("offset"==l||"parent"==l)||i&&("buffer"==l||"byteLength"==l||"byteOffset"==l)||Fi(l,u))||s.push(l);return s}function On(e){var t=e.length;return t?e[no(0,t-1)]:oe}function Tn(e,t){return na(Bo(e),Fn(t,0,e.length))}function kn(e){return na(Bo(e))}function Mn(e,t,n){(n===oe||Xs(e[t],n))&&(n!==oe||t in e)||In(e,t,n)}function Nn(e,t,n){var r=e[t];_c.call(e,t)&&Xs(r,n)&&(n!==oe||t in e)||In(e,t,n)}function An(e,t){for(var n=e.length;n--;)if(Xs(e[n][0],t))return n;return-1}function Dn(e,t,n,r){return bf(e,function(e,o,i){t(r,e,n(e),i)}),r}function jn(e,t){return e&&zo(t,Ku(t),e)}function Rn(e,t){return e&&zo(t,Wu(t),e)}function In(e,t,n){"__proto__"==t&&Fc?Fc(e,t,{configurable:!0,enumerable:!0,value:n,writable:!0}):e[t]=n}function Ln(e,t){for(var n=-1,r=t.length,o=ac(r),i=null==e;++n<r;)o[n]=i?oe:Bu(e,t[n]);return o}function Fn(e,t,n){return e===e&&(n!==oe&&(e=e<=n?e:n),t!==oe&&(e=e>=t?e:t)),e}function Un(e,t,n,r,o,i){var a,s=t&pe,u=t&de,c=t&he;if(n&&(a=o?n(e,r,o,i):n(e)),a!==oe)return a;if(!uu(e))return e;var f=wp(e);if(f){if(a=Di(e),!s)return Bo(e,a)}else{var p=Nf(e),d=p==Xe||p==$e;if(Cp(e))return ko(e,s);if(p==et||p==ze||d&&!o){if(a=u||d?{}:ji(e),!s)return u?Ko(e,Rn(a,e)):Ho(e,jn(a,e))}else{if(!Qn[p])return o?e:{};a=Ri(e,p,Un,s)}}i||(i=new _n);var h=i.get(e);if(h)return h;i.set(e,a);var v=c?u?xi:wi:u?Wu:Ku,m=f?oe:v(e);return l(m||e,function(r,o){m&&(o=r,r=e[o]),Nn(a,o,Un(r,t,n,o,e,i))}),a}function Vn(e){var t=Ku(e);return function(n){return Bn(n,e,t)}}function Bn(e,t,n){var r=n.length;if(null==e)return!r;for(e=fc(e);r--;){var o=n[r],i=t[o],a=e[o];if(a===oe&&!(o in e)||!i(a))return!1}return!0}function zn(e,t,n){if("function"!=typeof e)throw new hc(ue);return jf(function(){e.apply(oe,n)},t)}function Wn(e,t,n,r){var o=-1,i=d,a=!0,s=e.length,u=[],l=t.length;if(!s)return u;n&&(t=v(t,R(n))),r?(i=h,a=!1):t.length>=ae&&(i=L,a=!1,t=new yn(t));e:for(;++o<s;){var c=e[o],f=null==n?c:n(c);if(c=r||0!==c?c:0,a&&f===f){for(var p=l;p--;)if(t[p]===f)continue e;u.push(c)}else i(t,f,r)||u.push(c)}return u}function qn(e,t){var n=!0;return bf(e,function(e,r,o){return n=!!t(e,r,o)}),n}function Yn(e,t,n){for(var r=-1,o=e.length;++r<o;){var i=e[r],a=t(i);if(null!=a&&(s===oe?a===a&&!_u(a):n(a,s)))var s=a,u=i}return u}function Gn(e,t,n,r){var o=e.length;for(n=Pu(n),n<0&&(n=-n>o?0:o+n),r=r===oe||r>o?o:Pu(r),r<0&&(r+=o),r=n>r?0:Ou(r);n<r;)e[n++]=t;return e}function Jn(e,t){var n=[];return bf(e,function(e,r,o){t(e,r,o)&&n.push(e)}),n}function er(e,t,n,r,o){var i=-1,a=e.length;for(n||(n=Li),o||(o=[]);++i<a;){var s=e[i];t>0&&n(s)?t>1?er(s,t-1,n,r,o):m(o,s):r||(o[o.length]=s)}return o}function tr(e,t){return e&&wf(e,t,Ku)}function nr(e,t){return e&&xf(e,t,Ku)}function ir(e,t){return p(t,function(t){return iu(e[t])})}function ar(e,t){t=Oo(t,e);for(var n=0,r=t.length;null!=e&&n<r;)e=e[ra(t[n++])];return n&&n==r?e:oe}function ur(e,t,n){var r=t(e);return wp(e)?r:m(r,n(e))}function lr(e){return null==e?e===oe?st:Je:Lc&&Lc in fc(e)?ki(e):$i(e)}function fr(e,t){return e>t}function pr(e,t){return null!=e&&_c.call(e,t)}function br(e,t){return null!=e&&t in fc(e)}function Cr(e,t,n){return e>=$c(t,n)&&e<Xc(t,n)}function Pr(e,t,n){for(var r=n?h:d,o=e[0].length,i=e.length,a=i,s=ac(i),u=1/0,l=[];a--;){var c=e[a];a&&t&&(c=v(c,R(t))),u=$c(c.length,u),s[a]=!n&&(t||o>=120&&c.length>=120)?new yn(a&&c):oe}c=e[0];var f=-1,p=s[0];e:for(;++f<o&&l.length<u;){var m=c[f],y=t?t(m):m;if(m=n||0!==m?m:0,!(p?L(p,y):r(l,y,n))){for(a=i;--a;){var g=s[a];if(!(g?L(g,y):r(e[a],y,n)))continue e}p&&p.push(y),l.push(m)}}return l}function Or(e,t,n,r){return tr(e,function(e,o,i){t(r,n(e),o,i)}),r}function Tr(e,t,n){t=Oo(t,e),e=Qi(e,t);var r=null==e?e:e[ra(Sa(t))];return null==r?oe:s(r,e,n)}function kr(e){return lu(e)&&lr(e)==ze}function Mr(e){return lu(e)&&lr(e)==ct}function Nr(e){return lu(e)&&lr(e)==qe}function Ar(e,t,n,r,o){return e===t||(null==e||null==t||!lu(e)&&!lu(t)?e!==e&&t!==t:Dr(e,t,n,r,Ar,o))}function Dr(e,t,n,r,o,i){var a=wp(e),s=wp(t),u=a?He:Nf(e),l=s?He:Nf(t);u=u==ze?et:u,l=l==ze?et:l;var c=u==et,f=l==et,p=u==l;if(p&&Cp(e)){if(!Cp(t))return!1;a=!0,c=!1}if(p&&!c)return i||(i=new _n),a||Tp(e)?yi(e,t,n,r,o,i):gi(e,t,u,n,r,o,i);if(!(n&ve)){var d=c&&_c.call(e,"__wrapped__"),h=f&&_c.call(t,"__wrapped__");if(d||h){var v=d?e.value():e,m=h?t.value():t;return i||(i=new _n),o(v,m,n,r,i)}}return!!p&&(i||(i=new _n),bi(e,t,n,r,o,i))}function jr(e){return lu(e)&&Nf(e)==Ze}function Rr(e,t,n,r){var o=n.length,i=o,a=!r;if(null==e)return!i;for(e=fc(e);o--;){var s=n[o];if(a&&s[2]?s[1]!==e[s[0]]:!(s[0]in e))return!1}for(;++o<i;){s=n[o];var u=s[0],l=e[u],c=s[1];if(a&&s[2]){if(l===oe&&!(u in e))return!1}else{var f=new _n;if(r)var p=r(l,c,u,e,t,f);if(!(p===oe?Ar(c,l,ve|me,r,f):p))return!1}}return!0}function Ir(e){if(!uu(e)||Hi(e))return!1;var t=iu(e)?Pc:Xt;return t.test(oa(e))}function Lr(e){return lu(e)&&lr(e)==rt}function Fr(e){return lu(e)&&Nf(e)==ot}function Ur(e){return lu(e)&&su(e.length)&&!!Zn[lr(e)]}function Vr(e){return"function"==typeof e?e:null==e?jl:"object"==typeof e?wp(e)?qr(e[0],e[1]):Wr(e):zl(e)}function Br(e){if(!Ki(e))return Gc(e);var t=[];for(var n in fc(e))_c.call(e,n)&&"constructor"!=n&&t.push(n);return t}function zr(e){if(!uu(e))return Xi(e);var t=Ki(e),n=[];for(var r in e)("constructor"!=r||!t&&_c.call(e,r))&&n.push(r);return n}function Hr(e,t){return e<t}function Kr(e,t){var n=-1,r=$s(e)?ac(e.length):[];return bf(e,function(e,o,i){r[++n]=t(e,o,i)}),r}function Wr(e){var t=Oi(e);return 1==t.length&&t[0][2]?qi(t[0][0],t[0][1]):function(n){return n===e||Rr(n,e,t)}}function qr(e,t){return Vi(e)&&Wi(t)?qi(ra(e),t):function(n){var r=Bu(n,e);return r===oe&&r===t?Hu(n,e):Ar(t,r,ve|me)}}function Yr(e,t,n,r,o){e!==t&&wf(t,function(i,a){if(uu(i))o||(o=new _n),Gr(e,t,a,n,Yr,r,o);else{var s=r?r(e[a],i,a+"",e,t,o):oe;s===oe&&(s=i),Mn(e,a,s)}},Wu)}function Gr(e,t,n,r,o,i,a){var s=e[n],u=t[n],l=a.get(u);if(l)return void Mn(e,n,l);var c=i?i(s,u,n+"",e,t,a):oe,f=c===oe;if(f){var p=wp(u),d=!p&&Cp(u),h=!p&&!d&&Tp(u);c=u,p||d||h?wp(s)?c=s:Zs(s)?c=Bo(s):d?(f=!1,c=ko(u,!0)):h?(f=!1,c=Io(u,!0)):c=[]:yu(u)||_p(u)?(c=s,_p(s)?c=ku(s):(!uu(s)||r&&iu(s))&&(c=ji(u))):f=!1}f&&(a.set(u,c),o(c,u,r,i,a),a["delete"](u)),Mn(e,n,c)}function Xr(e,t){var n=e.length;if(n)return t+=t<0?n:0,Fi(t,n)?e[t]:oe}function $r(e,t,n){var r=-1;t=v(t.length?t:[jl],R(Si()));var o=Kr(e,function(e,n,o){var i=v(t,function(t){return t(e)});return{criteria:i,index:++r,value:e}});return N(o,function(e,t){return Fo(e,t,n)})}function Zr(e,t){return Qr(e,t,function(t,n){return Hu(e,n)})}function Qr(e,t,n){for(var r=-1,o=t.length,i={};++r<o;){var a=t[r],s=ar(e,a);n(s,a)&&uo(i,Oo(a,e),s)}return i}function Jr(e){return function(t){return ar(t,e)}}function eo(e,t,n,r){var o=r?S:E,i=-1,a=t.length,s=e;for(e===t&&(t=Bo(t)),n&&(s=v(e,R(n)));++i<a;)for(var u=0,l=t[i],c=n?n(l):l;(u=o(s,c,u,r))>-1;)s!==e&&jc.call(s,u,1),jc.call(e,u,1);return e}function to(e,t){for(var n=e?t.length:0,r=n-1;n--;){var o=t[n];if(n==r||o!==i){var i=o;Fi(o)?jc.call(e,o,1):bo(e,o)}}return e}function no(e,t){return e+Hc(Jc()*(t-e+1))}function ro(e,t,n,r){for(var o=-1,i=Xc(zc((t-e)/(n||1)),0),a=ac(i);i--;)a[r?i:++o]=e,e+=n;return a}function oo(e,t){var n="";if(!e||t<1||t>Re)return n;do t%2&&(n+=e),t=Hc(t/2),t&&(e+=e);while(t);return n}function io(e,t){return Rf(Zi(e,t,jl),e+"")}function ao(e){return On(rl(e))}function so(e,t){var n=rl(e);return na(n,Fn(t,0,n.length))}function uo(e,t,n,r){if(!uu(e))return e;t=Oo(t,e);for(var o=-1,i=t.length,a=i-1,s=e;null!=s&&++o<i;){var u=ra(t[o]),l=n;if(o!=a){var c=s[u];l=r?r(c,u,s):oe,l===oe&&(l=uu(c)?c:Fi(t[o+1])?[]:{})}Nn(s,u,l),s=s[u]}return e}function lo(e){return na(rl(e))}function co(e,t,n){var r=-1,o=e.length;t<0&&(t=-t>o?0:o+t),n=n>o?o:n,n<0&&(n+=o),o=t>n?0:n-t>>>0,t>>>=0;for(var i=ac(o);++r<o;)i[r]=e[r+t];return i}function fo(e,t){var n;return bf(e,function(e,r,o){return n=t(e,r,o),!n}),!!n}function po(e,t,n){var r=0,o=null==e?r:e.length;if("number"==typeof t&&t===t&&o<=Ve){for(;r<o;){var i=r+o>>>1,a=e[i];null!==a&&!_u(a)&&(n?a<=t:a<t)?r=i+1:o=i}return o}return ho(e,t,jl,n)}function ho(e,t,n,r){t=n(t);for(var o=0,i=null==e?0:e.length,a=t!==t,s=null===t,u=_u(t),l=t===oe;o<i;){var c=Hc((o+i)/2),f=n(e[c]),p=f!==oe,d=null===f,h=f===f,v=_u(f);if(a)var m=r||h;else m=l?h&&(r||p):s?h&&p&&(r||!d):u?h&&p&&!d&&(r||!v):!d&&!v&&(r?f<=t:f<t);m?o=c+1:i=c}return $c(i,Ue)}function vo(e,t){for(var n=-1,r=e.length,o=0,i=[];++n<r;){var a=e[n],s=t?t(a):a;if(!n||!Xs(s,u)){var u=s;i[o++]=0===a?0:a}}return i}function mo(e){return"number"==typeof e?e:_u(e)?Le:+e}function yo(e){if("string"==typeof e)return e;if(wp(e))return v(e,yo)+"";if(_u(e))return yf?yf.call(e):"";var t=e+"";return"0"==t&&1/e==-je?"-0":t}function go(e,t,n){var r=-1,o=d,i=e.length,a=!0,s=[],u=s;if(n)a=!1,o=h;else if(i>=ae){var l=t?null:Of(e);if(l)return X(l);a=!1,o=L,u=new yn}else u=t?[]:s;e:for(;++r<i;){var c=e[r],f=t?t(c):c;if(c=n||0!==c?c:0,a&&f===f){for(var p=u.length;p--;)if(u[p]===f)continue e;t&&u.push(f),s.push(c)}else o(u,f,n)||(u!==s&&u.push(f),s.push(c))}return s}function bo(e,t){return t=Oo(t,e),e=Qi(e,t),null==e||delete e[ra(Sa(t))]}function _o(e,t,n,r){return uo(e,t,n(ar(e,t)),r)}function wo(e,t,n,r){for(var o=e.length,i=r?o:-1;(r?i--:++i<o)&&t(e[i],i,e););return n?co(e,r?0:i,r?i+1:o):co(e,r?i+1:0,r?o:i)}function xo(e,t){var n=e;return n instanceof o&&(n=n.value()),y(t,function(e,t){return t.func.apply(t.thisArg,m([e],t.args))},n)}function Co(e,t,n){var r=e.length;if(r<2)return r?go(e[0]):[];for(var o=-1,i=ac(r);++o<r;)for(var a=e[o],s=-1;++s<r;)s!=o&&(i[o]=Wn(i[o]||a,e[s],t,n));return go(er(i,1),t,n)}function Eo(e,t,n){for(var r=-1,o=e.length,i=t.length,a={};++r<o;){var s=r<i?t[r]:oe;n(a,e[r],s)}return a}function So(e){return Zs(e)?e:[]}function Po(e){return"function"==typeof e?e:jl}function Oo(e,t){return wp(e)?e:Vi(e,t)?[e]:If(Nu(e))}function To(e,t,n){var r=e.length;return n=n===oe?r:n,!t&&n>=r?e:co(e,t,n)}function ko(e,t){if(t)return e.slice();var n=e.length,r=Mc?Mc(n):new e.constructor(n);return e.copy(r),r}function Mo(e){var t=new e.constructor(e.byteLength);return new kc(t).set(new kc(e)),t}function No(e,t){var n=t?Mo(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.byteLength)}function Ao(e,t,n){var r=t?n(q(e),pe):q(e);return y(r,i,new e.constructor)}function Do(e){var t=new e.constructor(e.source,qt.exec(e));return t.lastIndex=e.lastIndex,t}function jo(e,t,n){var r=t?n(X(e),pe):X(e);return y(r,a,new e.constructor)}function Ro(e){return mf?fc(mf.call(e)):{}}function Io(e,t){var n=t?Mo(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.length)}function Lo(e,t){if(e!==t){var n=e!==oe,r=null===e,o=e===e,i=_u(e),a=t!==oe,s=null===t,u=t===t,l=_u(t);if(!s&&!l&&!i&&e>t||i&&a&&u&&!s&&!l||r&&a&&u||!n&&u||!o)return 1;if(!r&&!i&&!l&&e<t||l&&n&&o&&!r&&!i||s&&n&&o||!a&&o||!u)return-1}return 0}function Fo(e,t,n){for(var r=-1,o=e.criteria,i=t.criteria,a=o.length,s=n.length;++r<a;){var u=Lo(o[r],i[r]);if(u){if(r>=s)return u;var l=n[r];return u*("desc"==l?-1:1)}}return e.index-t.index}function Uo(e,t,n,r){for(var o=-1,i=e.length,a=n.length,s=-1,u=t.length,l=Xc(i-a,0),c=ac(u+l),f=!r;++s<u;)c[s]=t[s];for(;++o<a;)(f||o<i)&&(c[n[o]]=e[o]);for(;l--;)c[s++]=e[o++];return c}function Vo(e,t,n,r){for(var o=-1,i=e.length,a=-1,s=n.length,u=-1,l=t.length,c=Xc(i-s,0),f=ac(c+l),p=!r;++o<c;)f[o]=e[o];for(var d=o;++u<l;)f[d+u]=t[u];for(;++a<s;)(p||o<i)&&(f[d+n[a]]=e[o++]);return f}function Bo(e,t){var n=-1,r=e.length;for(t||(t=ac(r));++n<r;)t[n]=e[n];return t}function zo(e,t,n,r){var o=!n;n||(n={});for(var i=-1,a=t.length;++i<a;){var s=t[i],u=r?r(n[s],e[s],s,n,e):oe;u===oe&&(u=e[s]),o?In(n,s,u):Nn(n,s,u)}return n}function Ho(e,t){return zo(e,kf(e),t)}function Ko(e,t){return zo(e,Mf(e),t)}function Wo(e,t){return function(n,r){var o=wp(n)?u:Dn,i=t?t():{};return o(n,e,Si(r,2),i)}}function qo(e){return io(function(t,n){var r=-1,o=n.length,i=o>1?n[o-1]:oe,a=o>2?n[2]:oe;for(i=e.length>3&&"function"==typeof i?(o--,i):oe,a&&Ui(n[0],n[1],a)&&(i=o<3?oe:i,o=1),t=fc(t);++r<o;){var s=n[r];s&&e(t,s,r,i)}return t})}function Yo(e,t){return function(n,r){if(null==n)return n;if(!$s(n))return e(n,r);for(var o=n.length,i=t?o:-1,a=fc(n);(t?i--:++i<o)&&r(a[i],i,a)!==!1;);return n}}function Go(e){return function(t,n,r){for(var o=-1,i=fc(t),a=r(t),s=a.length;s--;){var u=a[e?s:++o];if(n(i[u],u,i)===!1)break}return t}}function Xo(e,t,n){function r(){var t=this&&this!==sr&&this instanceof r?i:e;return t.apply(o?n:this,arguments)}var o=t&ye,i=Qo(e);return r}function $o(e){return function(t){t=Nu(t);var n=H(t)?ee(t):oe,r=n?n[0]:t.charAt(0),o=n?To(n,1).join(""):t.slice(1);return r[e]()+o}}function Zo(e){return function(t){return y(kl(ll(t).replace(Hn,"")),e,"")}}function Qo(e){return function(){var t=arguments;switch(t.length){case 0:return new e;case 1:return new e(t[0]);case 2:return new e(t[0],t[1]);case 3:return new e(t[0],t[1],t[2]);case 4:return new e(t[0],t[1],t[2],t[3]);case 5:return new e(t[0],t[1],t[2],t[3],t[4]);case 6:return new e(t[0],t[1],t[2],t[3],t[4],t[5]);case 7:return new e(t[0],t[1],t[2],t[3],t[4],t[5],t[6])}var n=gf(e.prototype),r=e.apply(n,t);return uu(r)?r:n}}function Jo(e,t,n){function r(){for(var i=arguments.length,a=ac(i),u=i,l=Ei(r);u--;)a[u]=arguments[u];var c=i<3&&a[0]!==l&&a[i-1]!==l?[]:G(a,l);if(i-=c.length,i<n)return ci(e,t,ni,r.placeholder,oe,a,c,oe,oe,n-i);var f=this&&this!==sr&&this instanceof r?o:e;return s(f,this,a)}var o=Qo(e);return r}function ei(e){return function(t,n,r){var o=fc(t);if(!$s(t)){var i=Si(n,3);t=Ku(t),n=function(e){return i(o[e],e,o)}}var a=e(t,n,r);return a>-1?o[i?t[a]:a]:oe}}function ti(e){return _i(function(t){var n=t.length,o=n,i=r.prototype.thru;for(e&&t.reverse();o--;){var a=t[o];if("function"!=typeof a)throw new hc(ue);if(i&&!s&&"wrapper"==Ci(a))var s=new r([],(!0))}for(o=s?o:n;++o<n;){a=t[o];var u=Ci(a),l="wrapper"==u?Tf(a):oe;s=l&&zi(l[0])&&l[1]==(Ee|_e|xe|Se)&&!l[4].length&&1==l[9]?s[Ci(l[0])].apply(s,l[3]):1==a.length&&zi(a)?s[u]():s.thru(a)}return function(){var e=arguments,r=e[0];if(s&&1==e.length&&wp(r))return s.plant(r).value();for(var o=0,i=n?t[o].apply(this,e):r;++o<n;)i=t[o].call(this,i);return i}})}function ni(e,t,n,r,o,i,a,s,u,l){function c(){for(var y=arguments.length,g=ac(y),b=y;b--;)g[b]=arguments[b];if(h)var _=Ei(c),w=V(g,_);if(r&&(g=Uo(g,r,o,h)),i&&(g=Vo(g,i,a,h)),y-=w,h&&y<l){var x=G(g,_);return ci(e,t,ni,c.placeholder,n,g,x,s,u,l-y)}var C=p?n:this,E=d?C[e]:e;return y=g.length,s?g=Ji(g,s):v&&y>1&&g.reverse(),f&&u<y&&(g.length=u),this&&this!==sr&&this instanceof c&&(E=m||Qo(E)),E.apply(C,g)}var f=t&Ee,p=t&ye,d=t&ge,h=t&(_e|we),v=t&Pe,m=d?oe:Qo(e);return c}function ri(e,t){return function(n,r){return Or(n,e,t(r),{})}}function oi(e,t){return function(n,r){var o;if(n===oe&&r===oe)return t;if(n!==oe&&(o=n),r!==oe){if(o===oe)return r;"string"==typeof n||"string"==typeof r?(n=yo(n),r=yo(r)):(n=mo(n),r=mo(r)),o=e(n,r)}return o}}function ii(e){return _i(function(t){return t=v(t,R(Si())),io(function(n){var r=this;return e(t,function(e){return s(e,r,n)})})})}function ai(e,t){t=t===oe?" ":yo(t);var n=t.length;if(n<2)return n?oo(t,e):t;var r=oo(t,zc(e/J(t)));return H(t)?To(ee(r),0,e).join(""):r.slice(0,e)}function si(e,t,n,r){function o(){for(var t=-1,u=arguments.length,l=-1,c=r.length,f=ac(c+u),p=this&&this!==sr&&this instanceof o?a:e;++l<c;)f[l]=r[l];for(;u--;)f[l++]=arguments[++t];return s(p,i?n:this,f)}var i=t&ye,a=Qo(e);return o}function ui(e){return function(t,n,r){return r&&"number"!=typeof r&&Ui(t,n,r)&&(n=r=oe),t=Su(t),n===oe?(n=t,t=0):n=Su(n),r=r===oe?t<n?1:-1:Su(r),ro(t,n,r,e)}}function li(e){return function(t,n){return"string"==typeof t&&"string"==typeof n||(t=Tu(t),n=Tu(n)),e(t,n)}}function ci(e,t,n,r,o,i,a,s,u,l){var c=t&_e,f=c?a:oe,p=c?oe:a,d=c?i:oe,h=c?oe:i;t|=c?xe:Ce,t&=~(c?Ce:xe),t&be||(t&=~(ye|ge));var v=[e,t,o,d,f,h,p,s,u,l],m=n.apply(oe,v);return zi(e)&&Df(m,v),m.placeholder=r,ea(m,e,t)}function fi(e){var t=cc[e];return function(e,n){if(e=Tu(e),n=null==n?0:$c(Pu(n),292)){var r=(Nu(e)+"e").split("e"),o=t(r[0]+"e"+(+r[1]+n));return r=(Nu(o)+"e").split("e"),+(r[0]+"e"+(+r[1]-n))}return t(e)}}function pi(e){return function(t){var n=Nf(t);return n==Ze?q(t):n==ot?$(t):j(t,e(t))}}function di(e,t,n,r,o,i,a,s){var u=t&ge;if(!u&&"function"!=typeof e)throw new hc(ue);var l=r?r.length:0;if(l||(t&=~(xe|Ce),r=o=oe),a=a===oe?a:Xc(Pu(a),0),s=s===oe?s:Pu(s),l-=o?o.length:0,t&Ce){var c=r,f=o;r=o=oe}var p=u?oe:Tf(e),d=[e,t,n,r,o,c,f,i,a,s];if(p&&Gi(d,p),e=d[0],t=d[1],n=d[2],r=d[3],o=d[4],s=d[9]=d[9]===oe?u?0:e.length:Xc(d[9]-l,0),!s&&t&(_e|we)&&(t&=~(_e|we)),t&&t!=ye)h=t==_e||t==we?Jo(e,t,s):t!=xe&&t!=(ye|xe)||o.length?ni.apply(oe,d):si(e,t,n,r);else var h=Xo(e,t,n);var v=p?Cf:Df;return ea(v(h,d),e,t)}function hi(e,t,n,r){return e===oe||Xs(e,yc[n])&&!_c.call(r,n)?t:e}function vi(e,t,n,r,o,i){return uu(e)&&uu(t)&&(i.set(t,e),Yr(e,t,oe,vi,i),i["delete"](t)),e}function mi(e){return yu(e)?oe:e}function yi(e,t,n,r,o,i){var a=n&ve,s=e.length,u=t.length;if(s!=u&&!(a&&u>s))return!1;var l=i.get(e);if(l&&i.get(t))return l==t;var c=-1,f=!0,p=n&me?new yn:oe;for(i.set(e,t),i.set(t,e);++c<s;){var d=e[c],h=t[c];if(r)var v=a?r(h,d,c,t,e,i):r(d,h,c,e,t,i);if(v!==oe){if(v)continue;f=!1;break}if(p){if(!b(t,function(e,t){if(!L(p,t)&&(d===e||o(d,e,n,r,i)))return p.push(t)})){f=!1;break}}else if(d!==h&&!o(d,h,n,r,i)){f=!1;break}}return i["delete"](e),i["delete"](t),f}function gi(e,t,n,r,o,i,a){switch(n){case ft:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case ct:return!(e.byteLength!=t.byteLength||!i(new kc(e),new kc(t)));case We:case qe:case Qe:return Xs(+e,+t);case Ge:return e.name==t.name&&e.message==t.message;case rt:case it:return e==t+"";case Ze:var s=q;case ot:var u=r&ve;if(s||(s=X),e.size!=t.size&&!u)return!1;var l=a.get(e);if(l)return l==t;r|=me,a.set(e,t);var c=yi(s(e),s(t),r,o,i,a);return a["delete"](e),c;case at:if(mf)return mf.call(e)==mf.call(t)}return!1}function bi(e,t,n,r,o,i){var a=n&ve,s=wi(e),u=s.length,l=wi(t),c=l.length;if(u!=c&&!a)return!1;for(var f=u;f--;){var p=s[f];if(!(a?p in t:_c.call(t,p)))return!1}var d=i.get(e);
-if(d&&i.get(t))return d==t;var h=!0;i.set(e,t),i.set(t,e);for(var v=a;++f<u;){p=s[f];var m=e[p],y=t[p];if(r)var g=a?r(y,m,p,t,e,i):r(m,y,p,e,t,i);if(!(g===oe?m===y||o(m,y,n,r,i):g)){h=!1;break}v||(v="constructor"==p)}if(h&&!v){var b=e.constructor,_=t.constructor;b!=_&&"constructor"in e&&"constructor"in t&&!("function"==typeof b&&b instanceof b&&"function"==typeof _&&_ instanceof _)&&(h=!1)}return i["delete"](e),i["delete"](t),h}function _i(e){return Rf(Zi(e,oe,ya),e+"")}function wi(e){return ur(e,Ku,kf)}function xi(e){return ur(e,Wu,Mf)}function Ci(e){for(var t=e.name+"",n=lf[t],r=_c.call(lf,t)?n.length:0;r--;){var o=n[r],i=o.func;if(null==i||i==e)return o.name}return t}function Ei(e){var n=_c.call(t,"placeholder")?t:e;return n.placeholder}function Si(){var e=t.iteratee||Rl;return e=e===Rl?Vr:e,arguments.length?e(arguments[0],arguments[1]):e}function Pi(e,t){var n=e.__data__;return Bi(t)?n["string"==typeof t?"string":"hash"]:n.map}function Oi(e){for(var t=Ku(e),n=t.length;n--;){var r=t[n],o=e[r];t[n]=[r,o,Wi(o)]}return t}function Ti(e,t){var n=z(e,t);return Ir(n)?n:oe}function ki(e){var t=_c.call(e,Lc),n=e[Lc];try{e[Lc]=oe;var r=!0}catch(o){}var i=Cc.call(e);return r&&(t?e[Lc]=n:delete e[Lc]),i}function Mi(e,t,n){for(var r=-1,o=n.length;++r<o;){var i=n[r],a=i.size;switch(i.type){case"drop":e+=a;break;case"dropRight":t-=a;break;case"take":t=$c(t,e+a);break;case"takeRight":e=Xc(e,t-a)}}return{start:e,end:t}}function Ni(e){var t=e.match(Bt);return t?t[1].split(zt):[]}function Ai(e,t,n){t=Oo(t,e);for(var r=-1,o=t.length,i=!1;++r<o;){var a=ra(t[r]);if(!(i=null!=e&&n(e,a)))break;e=e[a]}return i||++r!=o?i:(o=null==e?0:e.length,!!o&&su(o)&&Fi(a,o)&&(wp(e)||_p(e)))}function Di(e){var t=e.length,n=e.constructor(t);return t&&"string"==typeof e[0]&&_c.call(e,"index")&&(n.index=e.index,n.input=e.input),n}function ji(e){return"function"!=typeof e.constructor||Ki(e)?{}:gf(Nc(e))}function Ri(e,t,n,r){var o=e.constructor;switch(t){case ct:return Mo(e);case We:case qe:return new o((+e));case ft:return No(e,r);case pt:case dt:case ht:case vt:case mt:case yt:case gt:case bt:case _t:return Io(e,r);case Ze:return Ao(e,r,n);case Qe:case it:return new o(e);case rt:return Do(e);case ot:return jo(e,r,n);case at:return Ro(e)}}function Ii(e,t){var n=t.length;if(!n)return e;var r=n-1;return t[r]=(n>1?"& ":"")+t[r],t=t.join(n>2?", ":" "),e.replace(Vt,"{\n/* [wrapped with "+t+"] */\n")}function Li(e){return wp(e)||_p(e)||!!(Rc&&e&&e[Rc])}function Fi(e,t){return t=null==t?Re:t,!!t&&("number"==typeof e||Zt.test(e))&&e>-1&&e%1==0&&e<t}function Ui(e,t,n){if(!uu(n))return!1;var r=typeof t;return!!("number"==r?$s(n)&&Fi(t,n.length):"string"==r&&t in n)&&Xs(n[t],e)}function Vi(e,t){if(wp(e))return!1;var n=typeof e;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=e&&!_u(e))||(At.test(e)||!Nt.test(e)||null!=t&&e in fc(t))}function Bi(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e}function zi(e){var n=Ci(e),r=t[n];if("function"!=typeof r||!(n in o.prototype))return!1;if(e===r)return!0;var i=Tf(r);return!!i&&e===i[0]}function Hi(e){return!!xc&&xc in e}function Ki(e){var t=e&&e.constructor,n="function"==typeof t&&t.prototype||yc;return e===n}function Wi(e){return e===e&&!uu(e)}function qi(e,t){return function(n){return null!=n&&(n[e]===t&&(t!==oe||e in fc(n)))}}function Yi(e){var t=Rs(e,function(e){return n.size===ce&&n.clear(),e}),n=t.cache;return t}function Gi(e,t){var n=e[1],r=t[1],o=n|r,i=o<(ye|ge|Ee),a=r==Ee&&n==_e||r==Ee&&n==Se&&e[7].length<=t[8]||r==(Ee|Se)&&t[7].length<=t[8]&&n==_e;if(!i&&!a)return e;r&ye&&(e[2]=t[2],o|=n&ye?0:be);var s=t[3];if(s){var u=e[3];e[3]=u?Uo(u,s,t[4]):s,e[4]=u?G(e[3],fe):t[4]}return s=t[5],s&&(u=e[5],e[5]=u?Vo(u,s,t[6]):s,e[6]=u?G(e[5],fe):t[6]),s=t[7],s&&(e[7]=s),r&Ee&&(e[8]=null==e[8]?t[8]:$c(e[8],t[8])),null==e[9]&&(e[9]=t[9]),e[0]=t[0],e[1]=o,e}function Xi(e){var t=[];if(null!=e)for(var n in fc(e))t.push(n);return t}function $i(e){return Cc.call(e)}function Zi(e,t,n){return t=Xc(t===oe?e.length-1:t,0),function(){for(var r=arguments,o=-1,i=Xc(r.length-t,0),a=ac(i);++o<i;)a[o]=r[t+o];o=-1;for(var u=ac(t+1);++o<t;)u[o]=r[o];return u[t]=n(a),s(e,this,u)}}function Qi(e,t){return t.length<2?e:ar(e,co(t,0,-1))}function Ji(e,t){for(var n=e.length,r=$c(t.length,n),o=Bo(e);r--;){var i=t[r];e[r]=Fi(i,n)?o[i]:oe}return e}function ea(e,t,n){var r=t+"";return Rf(e,Ii(r,ia(Ni(r),n)))}function ta(e){var t=0,n=0;return function(){var r=Zc(),o=Me-(r-n);if(n=r,o>0){if(++t>=ke)return arguments[0]}else t=0;return e.apply(oe,arguments)}}function na(e,t){var n=-1,r=e.length,o=r-1;for(t=t===oe?r:t;++n<t;){var i=no(n,o),a=e[i];e[i]=e[n],e[n]=a}return e.length=t,e}function ra(e){if("string"==typeof e||_u(e))return e;var t=e+"";return"0"==t&&1/e==-je?"-0":t}function oa(e){if(null!=e){try{return bc.call(e)}catch(t){}try{return e+""}catch(t){}}return""}function ia(e,t){return l(Be,function(n){var r="_."+n[0];t&n[1]&&!d(e,r)&&e.push(r)}),e.sort()}function aa(e){if(e instanceof o)return e.clone();var t=new r(e.__wrapped__,e.__chain__);return t.__actions__=Bo(e.__actions__),t.__index__=e.__index__,t.__values__=e.__values__,t}function sa(e,t,n){t=(n?Ui(e,t,n):t===oe)?1:Xc(Pu(t),0);var r=null==e?0:e.length;if(!r||t<1)return[];for(var o=0,i=0,a=ac(zc(r/t));o<r;)a[i++]=co(e,o,o+=t);return a}function ua(e){for(var t=-1,n=null==e?0:e.length,r=0,o=[];++t<n;){var i=e[t];i&&(o[r++]=i)}return o}function la(){var e=arguments.length;if(!e)return[];for(var t=ac(e-1),n=arguments[0],r=e;r--;)t[r-1]=arguments[r];return m(wp(n)?Bo(n):[n],er(t,1))}function ca(e,t,n){var r=null==e?0:e.length;return r?(t=n||t===oe?1:Pu(t),co(e,t<0?0:t,r)):[]}function fa(e,t,n){var r=null==e?0:e.length;return r?(t=n||t===oe?1:Pu(t),t=r-t,co(e,0,t<0?0:t)):[]}function pa(e,t){return e&&e.length?wo(e,Si(t,3),!0,!0):[]}function da(e,t){return e&&e.length?wo(e,Si(t,3),!0):[]}function ha(e,t,n,r){var o=null==e?0:e.length;return o?(n&&"number"!=typeof n&&Ui(e,t,n)&&(n=0,r=o),Gn(e,t,n,r)):[]}function va(e,t,n){var r=null==e?0:e.length;if(!r)return-1;var o=null==n?0:Pu(n);return o<0&&(o=Xc(r+o,0)),C(e,Si(t,3),o)}function ma(e,t,n){var r=null==e?0:e.length;if(!r)return-1;var o=r-1;return n!==oe&&(o=Pu(n),o=n<0?Xc(r+o,0):$c(o,r-1)),C(e,Si(t,3),o,!0)}function ya(e){var t=null==e?0:e.length;return t?er(e,1):[]}function ga(e){var t=null==e?0:e.length;return t?er(e,je):[]}function ba(e,t){var n=null==e?0:e.length;return n?(t=t===oe?1:Pu(t),er(e,t)):[]}function _a(e){for(var t=-1,n=null==e?0:e.length,r={};++t<n;){var o=e[t];r[o[0]]=o[1]}return r}function wa(e){return e&&e.length?e[0]:oe}function xa(e,t,n){var r=null==e?0:e.length;if(!r)return-1;var o=null==n?0:Pu(n);return o<0&&(o=Xc(r+o,0)),E(e,t,o)}function Ca(e){var t=null==e?0:e.length;return t?co(e,0,-1):[]}function Ea(e,t){return null==e?"":Yc.call(e,t)}function Sa(e){var t=null==e?0:e.length;return t?e[t-1]:oe}function Pa(e,t,n){var r=null==e?0:e.length;if(!r)return-1;var o=r;return n!==oe&&(o=Pu(n),o=o<0?Xc(r+o,0):$c(o,r-1)),t===t?Q(e,t,o):C(e,P,o,!0)}function Oa(e,t){return e&&e.length?Xr(e,Pu(t)):oe}function Ta(e,t){return e&&e.length&&t&&t.length?eo(e,t):e}function ka(e,t,n){return e&&e.length&&t&&t.length?eo(e,t,Si(n,2)):e}function Ma(e,t,n){return e&&e.length&&t&&t.length?eo(e,t,oe,n):e}function Na(e,t){var n=[];if(!e||!e.length)return n;var r=-1,o=[],i=e.length;for(t=Si(t,3);++r<i;){var a=e[r];t(a,r,e)&&(n.push(a),o.push(r))}return to(e,o),n}function Aa(e){return null==e?e:ef.call(e)}function Da(e,t,n){var r=null==e?0:e.length;return r?(n&&"number"!=typeof n&&Ui(e,t,n)?(t=0,n=r):(t=null==t?0:Pu(t),n=n===oe?r:Pu(n)),co(e,t,n)):[]}function ja(e,t){return po(e,t)}function Ra(e,t,n){return ho(e,t,Si(n,2))}function Ia(e,t){var n=null==e?0:e.length;if(n){var r=po(e,t);if(r<n&&Xs(e[r],t))return r}return-1}function La(e,t){return po(e,t,!0)}function Fa(e,t,n){return ho(e,t,Si(n,2),!0)}function Ua(e,t){var n=null==e?0:e.length;if(n){var r=po(e,t,!0)-1;if(Xs(e[r],t))return r}return-1}function Va(e){return e&&e.length?vo(e):[]}function Ba(e,t){return e&&e.length?vo(e,Si(t,2)):[]}function za(e){var t=null==e?0:e.length;return t?co(e,1,t):[]}function Ha(e,t,n){return e&&e.length?(t=n||t===oe?1:Pu(t),co(e,0,t<0?0:t)):[]}function Ka(e,t,n){var r=null==e?0:e.length;return r?(t=n||t===oe?1:Pu(t),t=r-t,co(e,t<0?0:t,r)):[]}function Wa(e,t){return e&&e.length?wo(e,Si(t,3),!1,!0):[]}function qa(e,t){return e&&e.length?wo(e,Si(t,3)):[]}function Ya(e){return e&&e.length?go(e):[]}function Ga(e,t){return e&&e.length?go(e,Si(t,2)):[]}function Xa(e,t){return t="function"==typeof t?t:oe,e&&e.length?go(e,oe,t):[]}function $a(e){if(!e||!e.length)return[];var t=0;return e=p(e,function(e){if(Zs(e))return t=Xc(e.length,t),!0}),D(t,function(t){return v(e,T(t))})}function Za(e,t){if(!e||!e.length)return[];var n=$a(e);return null==t?n:v(n,function(e){return s(t,oe,e)})}function Qa(e,t){return Eo(e||[],t||[],Nn)}function Ja(e,t){return Eo(e||[],t||[],uo)}function es(e){var n=t(e);return n.__chain__=!0,n}function ts(e,t){return t(e),e}function ns(e,t){return t(e)}function rs(){return es(this)}function os(){return new r(this.value(),this.__chain__)}function is(){this.__values__===oe&&(this.__values__=Eu(this.value()));var e=this.__index__>=this.__values__.length,t=e?oe:this.__values__[this.__index__++];return{done:e,value:t}}function as(){return this}function ss(e){for(var t,r=this;r instanceof n;){var o=aa(r);o.__index__=0,o.__values__=oe,t?i.__wrapped__=o:t=o;var i=o;r=r.__wrapped__}return i.__wrapped__=e,t}function us(){var e=this.__wrapped__;if(e instanceof o){var t=e;return this.__actions__.length&&(t=new o(this)),t=t.reverse(),t.__actions__.push({func:ns,args:[Aa],thisArg:oe}),new r(t,this.__chain__)}return this.thru(Aa)}function ls(){return xo(this.__wrapped__,this.__actions__)}function cs(e,t,n){var r=wp(e)?f:qn;return n&&Ui(e,t,n)&&(t=oe),r(e,Si(t,3))}function fs(e,t){var n=wp(e)?p:Jn;return n(e,Si(t,3))}function ps(e,t){return er(gs(e,t),1)}function ds(e,t){return er(gs(e,t),je)}function hs(e,t,n){return n=n===oe?1:Pu(n),er(gs(e,t),n)}function vs(e,t){var n=wp(e)?l:bf;return n(e,Si(t,3))}function ms(e,t){var n=wp(e)?c:_f;return n(e,Si(t,3))}function ys(e,t,n,r){e=$s(e)?e:rl(e),n=n&&!r?Pu(n):0;var o=e.length;return n<0&&(n=Xc(o+n,0)),bu(e)?n<=o&&e.indexOf(t,n)>-1:!!o&&E(e,t,n)>-1}function gs(e,t){var n=wp(e)?v:Kr;return n(e,Si(t,3))}function bs(e,t,n,r){return null==e?[]:(wp(t)||(t=null==t?[]:[t]),n=r?oe:n,wp(n)||(n=null==n?[]:[n]),$r(e,t,n))}function _s(e,t,n){var r=wp(e)?y:M,o=arguments.length<3;return r(e,Si(t,4),n,o,bf)}function ws(e,t,n){var r=wp(e)?g:M,o=arguments.length<3;return r(e,Si(t,4),n,o,_f)}function xs(e,t){var n=wp(e)?p:Jn;return n(e,Is(Si(t,3)))}function Cs(e){var t=wp(e)?On:ao;return t(e)}function Es(e,t,n){t=(n?Ui(e,t,n):t===oe)?1:Pu(t);var r=wp(e)?Tn:so;return r(e,t)}function Ss(e){var t=wp(e)?kn:lo;return t(e)}function Ps(e){if(null==e)return 0;if($s(e))return bu(e)?J(e):e.length;var t=Nf(e);return t==Ze||t==ot?e.size:Br(e).length}function Os(e,t,n){var r=wp(e)?b:fo;return n&&Ui(e,t,n)&&(t=oe),r(e,Si(t,3))}function Ts(e,t){if("function"!=typeof t)throw new hc(ue);return e=Pu(e),function(){if(--e<1)return t.apply(this,arguments)}}function ks(e,t,n){return t=n?oe:t,t=e&&null==t?e.length:t,di(e,Ee,oe,oe,oe,oe,t)}function Ms(e,t){var n;if("function"!=typeof t)throw new hc(ue);return e=Pu(e),function(){return--e>0&&(n=t.apply(this,arguments)),e<=1&&(t=oe),n}}function Ns(e,t,n){t=n?oe:t;var r=di(e,_e,oe,oe,oe,oe,oe,t);return r.placeholder=Ns.placeholder,r}function As(e,t,n){t=n?oe:t;var r=di(e,we,oe,oe,oe,oe,oe,t);return r.placeholder=As.placeholder,r}function Ds(e,t,n){function r(t){var n=p,r=d;return p=d=oe,g=t,v=e.apply(r,n)}function o(e){return g=e,m=jf(s,t),b?r(e):v}function i(e){var n=e-y,r=e-g,o=t-n;return _?$c(o,h-r):o}function a(e){var n=e-y,r=e-g;return y===oe||n>=t||n<0||_&&r>=h}function s(){var e=lp();return a(e)?u(e):void(m=jf(s,i(e)))}function u(e){return m=oe,w&&p?r(e):(p=d=oe,v)}function l(){m!==oe&&Pf(m),g=0,p=y=d=m=oe}function c(){return m===oe?v:u(lp())}function f(){var e=lp(),n=a(e);if(p=arguments,d=this,y=e,n){if(m===oe)return o(y);if(_)return m=jf(s,t),r(y)}return m===oe&&(m=jf(s,t)),v}var p,d,h,v,m,y,g=0,b=!1,_=!1,w=!0;if("function"!=typeof e)throw new hc(ue);return t=Tu(t)||0,uu(n)&&(b=!!n.leading,_="maxWait"in n,h=_?Xc(Tu(n.maxWait)||0,t):h,w="trailing"in n?!!n.trailing:w),f.cancel=l,f.flush=c,f}function js(e){return di(e,Pe)}function Rs(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new hc(ue);var n=function(){var r=arguments,o=t?t.apply(this,r):r[0],i=n.cache;if(i.has(o))return i.get(o);var a=e.apply(this,r);return n.cache=i.set(o,a)||i,a};return n.cache=new(Rs.Cache||fn),n}function Is(e){if("function"!=typeof e)throw new hc(ue);return function(){var t=arguments;switch(t.length){case 0:return!e.call(this);case 1:return!e.call(this,t[0]);case 2:return!e.call(this,t[0],t[1]);case 3:return!e.call(this,t[0],t[1],t[2])}return!e.apply(this,t)}}function Ls(e){return Ms(2,e)}function Fs(e,t){if("function"!=typeof e)throw new hc(ue);return t=t===oe?t:Pu(t),io(e,t)}function Us(e,t){if("function"!=typeof e)throw new hc(ue);return t=null==t?0:Xc(Pu(t),0),io(function(n){var r=n[t],o=To(n,0,t);return r&&m(o,r),s(e,this,o)})}function Vs(e,t,n){var r=!0,o=!0;if("function"!=typeof e)throw new hc(ue);return uu(n)&&(r="leading"in n?!!n.leading:r,o="trailing"in n?!!n.trailing:o),Ds(e,t,{leading:r,maxWait:t,trailing:o})}function Bs(e){return ks(e,1)}function zs(e,t){return vp(Po(t),e)}function Hs(){if(!arguments.length)return[];var e=arguments[0];return wp(e)?e:[e]}function Ks(e){return Un(e,he)}function Ws(e,t){return t="function"==typeof t?t:oe,Un(e,he,t)}function qs(e){return Un(e,pe|he)}function Ys(e,t){return t="function"==typeof t?t:oe,Un(e,pe|he,t)}function Gs(e,t){return null==t||Bn(e,t,Ku(t))}function Xs(e,t){return e===t||e!==e&&t!==t}function $s(e){return null!=e&&su(e.length)&&!iu(e)}function Zs(e){return lu(e)&&$s(e)}function Qs(e){return e===!0||e===!1||lu(e)&&lr(e)==We}function Js(e){return lu(e)&&1===e.nodeType&&!yu(e)}function eu(e){if(null==e)return!0;if($s(e)&&(wp(e)||"string"==typeof e||"function"==typeof e.splice||Cp(e)||Tp(e)||_p(e)))return!e.length;var t=Nf(e);if(t==Ze||t==ot)return!e.size;if(Ki(e))return!Br(e).length;for(var n in e)if(_c.call(e,n))return!1;return!0}function tu(e,t){return Ar(e,t)}function nu(e,t,n){n="function"==typeof n?n:oe;var r=n?n(e,t):oe;return r===oe?Ar(e,t,oe,n):!!r}function ru(e){if(!lu(e))return!1;var t=lr(e);return t==Ge||t==Ye||"string"==typeof e.message&&"string"==typeof e.name&&!yu(e)}function ou(e){return"number"==typeof e&&qc(e)}function iu(e){if(!uu(e))return!1;var t=lr(e);return t==Xe||t==$e||t==Ke||t==nt}function au(e){return"number"==typeof e&&e==Pu(e)}function su(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=Re}function uu(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}function lu(e){return null!=e&&"object"==typeof e}function cu(e,t){return e===t||Rr(e,t,Oi(t))}function fu(e,t,n){return n="function"==typeof n?n:oe,Rr(e,t,Oi(t),n)}function pu(e){return mu(e)&&e!=+e}function du(e){if(Af(e))throw new uc(se);return Ir(e)}function hu(e){return null===e}function vu(e){return null==e}function mu(e){return"number"==typeof e||lu(e)&&lr(e)==Qe}function yu(e){if(!lu(e)||lr(e)!=et)return!1;var t=Nc(e);if(null===t)return!0;var n=_c.call(t,"constructor")&&t.constructor;return"function"==typeof n&&n instanceof n&&bc.call(n)==Ec}function gu(e){return au(e)&&e>=-Re&&e<=Re}function bu(e){return"string"==typeof e||!wp(e)&&lu(e)&&lr(e)==it}function _u(e){return"symbol"==typeof e||lu(e)&&lr(e)==at}function wu(e){return e===oe}function xu(e){return lu(e)&&Nf(e)==ut}function Cu(e){return lu(e)&&lr(e)==lt}function Eu(e){if(!e)return[];if($s(e))return bu(e)?ee(e):Bo(e);if(Ic&&e[Ic])return W(e[Ic]());var t=Nf(e),n=t==Ze?q:t==ot?X:rl;return n(e)}function Su(e){if(!e)return 0===e?e:0;if(e=Tu(e),e===je||e===-je){var t=e<0?-1:1;return t*Ie}return e===e?e:0}function Pu(e){var t=Su(e),n=t%1;return t===t?n?t-n:t:0}function Ou(e){return e?Fn(Pu(e),0,Fe):0}function Tu(e){if("number"==typeof e)return e;if(_u(e))return Le;if(uu(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=uu(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(Lt,"");var n=Gt.test(e);return n||$t.test(e)?or(e.slice(2),n?2:8):Yt.test(e)?Le:+e}function ku(e){return zo(e,Wu(e))}function Mu(e){return e?Fn(Pu(e),-Re,Re):0===e?e:0}function Nu(e){return null==e?"":yo(e)}function Au(e,t){var n=gf(e);return null==t?n:jn(n,t)}function Du(e,t){return x(e,Si(t,3),tr)}function ju(e,t){return x(e,Si(t,3),nr)}function Ru(e,t){return null==e?e:wf(e,Si(t,3),Wu)}function Iu(e,t){return null==e?e:xf(e,Si(t,3),Wu)}function Lu(e,t){return e&&tr(e,Si(t,3))}function Fu(e,t){return e&&nr(e,Si(t,3))}function Uu(e){return null==e?[]:ir(e,Ku(e))}function Vu(e){return null==e?[]:ir(e,Wu(e))}function Bu(e,t,n){var r=null==e?oe:ar(e,t);return r===oe?n:r}function zu(e,t){return null!=e&&Ai(e,t,pr)}function Hu(e,t){return null!=e&&Ai(e,t,br)}function Ku(e){return $s(e)?Pn(e):Br(e)}function Wu(e){return $s(e)?Pn(e,!0):zr(e)}function qu(e,t){var n={};return t=Si(t,3),tr(e,function(e,r,o){In(n,t(e,r,o),e)}),n}function Yu(e,t){var n={};return t=Si(t,3),tr(e,function(e,r,o){In(n,r,t(e,r,o))}),n}function Gu(e,t){return Xu(e,Is(Si(t)))}function Xu(e,t){if(null==e)return{};var n=v(xi(e),function(e){return[e]});return t=Si(t),Qr(e,n,function(e,n){return t(e,n[0])})}function $u(e,t,n){t=Oo(t,e);var r=-1,o=t.length;for(o||(o=1,e=oe);++r<o;){var i=null==e?oe:e[ra(t[r])];i===oe&&(r=o,i=n),e=iu(i)?i.call(e):i}return e}function Zu(e,t,n){return null==e?e:uo(e,t,n)}function Qu(e,t,n,r){return r="function"==typeof r?r:oe,null==e?e:uo(e,t,n,r)}function Ju(e,t,n){var r=wp(e),o=r||Cp(e)||Tp(e);if(t=Si(t,4),null==n){var i=e&&e.constructor;n=o?r?new i:[]:uu(e)&&iu(i)?gf(Nc(e)):{}}return(o?l:tr)(e,function(e,r,o){return t(n,e,r,o)}),n}function el(e,t){return null==e||bo(e,t)}function tl(e,t,n){return null==e?e:_o(e,t,Po(n))}function nl(e,t,n,r){return r="function"==typeof r?r:oe,null==e?e:_o(e,t,Po(n),r)}function rl(e){return null==e?[]:I(e,Ku(e))}function ol(e){return null==e?[]:I(e,Wu(e))}function il(e,t,n){return n===oe&&(n=t,t=oe),n!==oe&&(n=Tu(n),n=n===n?n:0),t!==oe&&(t=Tu(t),t=t===t?t:0),Fn(Tu(e),t,n)}function al(e,t,n){return t=Su(t),n===oe?(n=t,t=0):n=Su(n),e=Tu(e),Cr(e,t,n)}function sl(e,t,n){if(n&&"boolean"!=typeof n&&Ui(e,t,n)&&(t=n=oe),n===oe&&("boolean"==typeof t?(n=t,t=oe):"boolean"==typeof e&&(n=e,e=oe)),e===oe&&t===oe?(e=0,t=1):(e=Su(e),t===oe?(t=e,e=0):t=Su(t)),e>t){var r=e;e=t,t=r}if(n||e%1||t%1){var o=Jc();return $c(e+o*(t-e+rr("1e-"+((o+"").length-1))),t)}return no(e,t)}function ul(e){return ed(Nu(e).toLowerCase())}function ll(e){return e=Nu(e),e&&e.replace(Qt,_r).replace(Kn,"")}function cl(e,t,n){e=Nu(e),t=yo(t);var r=e.length;n=n===oe?r:Fn(Pu(n),0,r);var o=n;return n-=t.length,n>=0&&e.slice(n,o)==t}function fl(e){return e=Nu(e),e&&Ot.test(e)?e.replace(St,wr):e}function pl(e){return e=Nu(e),e&&It.test(e)?e.replace(Rt,"\\$&"):e}function dl(e,t,n){e=Nu(e),t=Pu(t);var r=t?J(e):0;if(!t||r>=t)return e;var o=(t-r)/2;return ai(Hc(o),n)+e+ai(zc(o),n)}function hl(e,t,n){e=Nu(e),t=Pu(t);var r=t?J(e):0;return t&&r<t?e+ai(t-r,n):e}function vl(e,t,n){e=Nu(e),t=Pu(t);var r=t?J(e):0;return t&&r<t?ai(t-r,n)+e:e}function ml(e,t,n){return n||null==t?t=0:t&&(t=+t),Qc(Nu(e).replace(Ft,""),t||0)}function yl(e,t,n){return t=(n?Ui(e,t,n):t===oe)?1:Pu(t),oo(Nu(e),t)}function gl(){var e=arguments,t=Nu(e[0]);return e.length<3?t:t.replace(e[1],e[2])}function bl(e,t,n){return n&&"number"!=typeof n&&Ui(e,t,n)&&(t=n=oe),(n=n===oe?Fe:n>>>0)?(e=Nu(e),e&&("string"==typeof t||null!=t&&!Pp(t))&&(t=yo(t),!t&&H(e))?To(ee(e),0,n):e.split(t,n)):[]}function _l(e,t,n){return e=Nu(e),n=null==n?0:Fn(Pu(n),0,e.length),t=yo(t),e.slice(n,n+t.length)==t}function wl(e,n,r){var o=t.templateSettings;r&&Ui(e,n,r)&&(n=oe),e=Nu(e),n=Dp({},n,o,hi);var i,a,s=Dp({},n.imports,o.imports,hi),u=Ku(s),l=I(s,u),c=0,f=n.interpolate||Jt,p="__p += '",d=pc((n.escape||Jt).source+"|"+f.source+"|"+(f===Mt?Wt:Jt).source+"|"+(n.evaluate||Jt).source+"|$","g"),h="//# sourceURL="+("sourceURL"in n?n.sourceURL:"lodash.templateSources["+ ++$n+"]")+"\n";e.replace(d,function(t,n,r,o,s,u){return r||(r=o),p+=e.slice(c,u).replace(en,B),n&&(i=!0,p+="' +\n__e("+n+") +\n'"),s&&(a=!0,p+="';\n"+s+";\n__p += '"),r&&(p+="' +\n((__t = ("+r+")) == null ? '' : __t) +\n'"),c=u+t.length,t}),p+="';\n";var v=n.variable;v||(p="with (obj) {\n"+p+"\n}\n"),p=(a?p.replace(wt,""):p).replace(xt,"$1").replace(Ct,"$1;"),p="function("+(v||"obj")+") {\n"+(v?"":"obj || (obj = {});\n")+"var __t, __p = ''"+(i?", __e = _.escape":"")+(a?", __j = Array.prototype.join;\nfunction print() { __p += __j.call(arguments, '') }\n":";\n")+p+"return __p\n}";var m=td(function(){return lc(u,h+"return "+p).apply(oe,l)});if(m.source=p,ru(m))throw m;return m}function xl(e){return Nu(e).toLowerCase()}function Cl(e){return Nu(e).toUpperCase()}function El(e,t,n){if(e=Nu(e),e&&(n||t===oe))return e.replace(Lt,"");if(!e||!(t=yo(t)))return e;var r=ee(e),o=ee(t),i=F(r,o),a=U(r,o)+1;return To(r,i,a).join("")}function Sl(e,t,n){if(e=Nu(e),e&&(n||t===oe))return e.replace(Ut,"");if(!e||!(t=yo(t)))return e;var r=ee(e),o=U(r,ee(t))+1;return To(r,0,o).join("")}function Pl(e,t,n){if(e=Nu(e),e&&(n||t===oe))return e.replace(Ft,"");if(!e||!(t=yo(t)))return e;var r=ee(e),o=F(r,ee(t));return To(r,o).join("")}function Ol(e,t){var n=Oe,r=Te;if(uu(t)){var o="separator"in t?t.separator:o;n="length"in t?Pu(t.length):n,r="omission"in t?yo(t.omission):r}e=Nu(e);var i=e.length;if(H(e)){var a=ee(e);i=a.length}if(n>=i)return e;var s=n-J(r);if(s<1)return r;var u=a?To(a,0,s).join(""):e.slice(0,s);if(o===oe)return u+r;if(a&&(s+=u.length-s),Pp(o)){if(e.slice(s).search(o)){var l,c=u;for(o.global||(o=pc(o.source,Nu(qt.exec(o))+"g")),o.lastIndex=0;l=o.exec(c);)var f=l.index;u=u.slice(0,f===oe?s:f)}}else if(e.indexOf(yo(o),s)!=s){var p=u.lastIndexOf(o);p>-1&&(u=u.slice(0,p))}return u+r}function Tl(e){return e=Nu(e),e&&Pt.test(e)?e.replace(Et,xr):e}function kl(e,t,n){return e=Nu(e),t=n?oe:t,t===oe?K(e)?re(e):w(e):e.match(t)||[]}function Ml(e){var t=null==e?0:e.length,n=Si();return e=t?v(e,function(e){if("function"!=typeof e[1])throw new hc(ue);return[n(e[0]),e[1]]}):[],io(function(n){for(var r=-1;++r<t;){var o=e[r];if(s(o[0],this,n))return s(o[1],this,n)}})}function Nl(e){return Vn(Un(e,pe))}function Al(e){return function(){return e}}function Dl(e,t){return null==e||e!==e?t:e}function jl(e){return e}function Rl(e){return Vr("function"==typeof e?e:Un(e,pe))}function Il(e){return Wr(Un(e,pe))}function Ll(e,t){return qr(e,Un(t,pe))}function Fl(e,t,n){var r=Ku(t),o=ir(t,r);null!=n||uu(t)&&(o.length||!r.length)||(n=t,t=e,e=this,o=ir(t,Ku(t)));var i=!(uu(n)&&"chain"in n&&!n.chain),a=iu(e);return l(o,function(n){var r=t[n];e[n]=r,a&&(e.prototype[n]=function(){var t=this.__chain__;if(i||t){var n=e(this.__wrapped__),o=n.__actions__=Bo(this.__actions__);return o.push({func:r,args:arguments,thisArg:e}),n.__chain__=t,n}return r.apply(e,m([this.value()],arguments))})}),e}function Ul(){return sr._===this&&(sr._=Sc),this}function Vl(){}function Bl(e){return e=Pu(e),io(function(t){return Xr(t,e)})}function zl(e){return Vi(e)?T(ra(e)):Jr(e)}function Hl(e){return function(t){return null==e?oe:ar(e,t)}}function Kl(){return[]}function Wl(){return!1}function ql(){return{}}function Yl(){return""}function Gl(){return!0}function Xl(e,t){if(e=Pu(e),e<1||e>Re)return[];var n=Fe,r=$c(e,Fe);t=Si(t),e-=Fe;for(var o=D(r,t);++n<e;)t(n);return o}function $l(e){return wp(e)?v(e,ra):_u(e)?[e]:Bo(If(Nu(e)))}function Zl(e){var t=++wc;return Nu(e)+t}function Ql(e){return e&&e.length?Yn(e,jl,fr):oe}function Jl(e,t){return e&&e.length?Yn(e,Si(t,2),fr):oe}function ec(e){return O(e,jl)}function tc(e,t){return O(e,Si(t,2))}function nc(e){return e&&e.length?Yn(e,jl,Hr):oe}function rc(e,t){return e&&e.length?Yn(e,Si(t,2),Hr):oe}function oc(e){return e&&e.length?A(e,jl):0}function ic(e,t){return e&&e.length?A(e,Si(t,2)):0}e=null==e?sr:Er.defaults(sr.Object(),e,Er.pick(sr,Xn));var ac=e.Array,sc=e.Date,uc=e.Error,lc=e.Function,cc=e.Math,fc=e.Object,pc=e.RegExp,dc=e.String,hc=e.TypeError,vc=ac.prototype,mc=lc.prototype,yc=fc.prototype,gc=e["__core-js_shared__"],bc=mc.toString,_c=yc.hasOwnProperty,wc=0,xc=function(){var e=/[^.]+$/.exec(gc&&gc.keys&&gc.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}(),Cc=yc.toString,Ec=bc.call(fc),Sc=sr._,Pc=pc("^"+bc.call(_c).replace(Rt,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),Oc=cr?e.Buffer:oe,Tc=e.Symbol,kc=e.Uint8Array,Mc=Oc?Oc.allocUnsafe:oe,Nc=Y(fc.getPrototypeOf,fc),Ac=fc.create,Dc=yc.propertyIsEnumerable,jc=vc.splice,Rc=Tc?Tc.isConcatSpreadable:oe,Ic=Tc?Tc.iterator:oe,Lc=Tc?Tc.toStringTag:oe,Fc=function(){try{var e=Ti(fc,"defineProperty");return e({},"",{}),e}catch(t){}}(),Uc=e.clearTimeout!==sr.clearTimeout&&e.clearTimeout,Vc=sc&&sc.now!==sr.Date.now&&sc.now,Bc=e.setTimeout!==sr.setTimeout&&e.setTimeout,zc=cc.ceil,Hc=cc.floor,Kc=fc.getOwnPropertySymbols,Wc=Oc?Oc.isBuffer:oe,qc=e.isFinite,Yc=vc.join,Gc=Y(fc.keys,fc),Xc=cc.max,$c=cc.min,Zc=sc.now,Qc=e.parseInt,Jc=cc.random,ef=vc.reverse,tf=Ti(e,"DataView"),nf=Ti(e,"Map"),rf=Ti(e,"Promise"),of=Ti(e,"Set"),af=Ti(e,"WeakMap"),sf=Ti(fc,"create"),uf=af&&new af,lf={},cf=oa(tf),ff=oa(nf),pf=oa(rf),df=oa(of),hf=oa(af),vf=Tc?Tc.prototype:oe,mf=vf?vf.valueOf:oe,yf=vf?vf.toString:oe,gf=function(){function e(){}return function(t){if(!uu(t))return{};if(Ac)return Ac(t);e.prototype=t;var n=new e;return e.prototype=oe,n}}();t.templateSettings={escape:Tt,evaluate:kt,interpolate:Mt,variable:"",imports:{_:t}},t.prototype=n.prototype,t.prototype.constructor=t,r.prototype=gf(n.prototype),r.prototype.constructor=r,o.prototype=gf(n.prototype),o.prototype.constructor=o,te.prototype.clear=ne,te.prototype["delete"]=Ht,te.prototype.get=tn,te.prototype.has=nn,te.prototype.set=rn,on.prototype.clear=an,on.prototype["delete"]=sn,on.prototype.get=un,on.prototype.has=ln,on.prototype.set=cn,fn.prototype.clear=pn,fn.prototype["delete"]=dn,fn.prototype.get=hn,fn.prototype.has=vn,fn.prototype.set=mn,yn.prototype.add=yn.prototype.push=gn,yn.prototype.has=bn,_n.prototype.clear=wn,_n.prototype["delete"]=xn,_n.prototype.get=Cn,_n.prototype.has=En,_n.prototype.set=Sn;var bf=Yo(tr),_f=Yo(nr,!0),wf=Go(),xf=Go(!0),Cf=uf?function(e,t){return uf.set(e,t),e}:jl,Ef=Fc?function(e,t){return Fc(e,"toString",{configurable:!0,enumerable:!1,value:Al(t),writable:!0})}:jl,Sf=io,Pf=Uc||function(e){return sr.clearTimeout(e)},Of=of&&1/X(new of([,-0]))[1]==je?function(e){return new of(e)}:Vl,Tf=uf?function(e){return uf.get(e)}:Vl,kf=Kc?function(e){return null==e?[]:(e=fc(e),p(Kc(e),function(t){return Dc.call(e,t)}))}:Kl,Mf=Kc?function(e){for(var t=[];e;)m(t,kf(e)),e=Nc(e);return t}:Kl,Nf=lr;(tf&&Nf(new tf(new ArrayBuffer(1)))!=ft||nf&&Nf(new nf)!=Ze||rf&&Nf(rf.resolve())!=tt||of&&Nf(new of)!=ot||af&&Nf(new af)!=ut)&&(Nf=function(e){var t=lr(e),n=t==et?e.constructor:oe,r=n?oa(n):"";if(r)switch(r){case cf:return ft;case ff:return Ze;case pf:return tt;case df:return ot;case hf:return ut}return t});var Af=gc?iu:Wl,Df=ta(Cf),jf=Bc||function(e,t){return sr.setTimeout(e,t)},Rf=ta(Ef),If=Yi(function(e){var t=[];return Dt.test(e)&&t.push(""),e.replace(jt,function(e,n,r,o){t.push(r?o.replace(Kt,"$1"):n||e)}),t}),Lf=io(function(e,t){return Zs(e)?Wn(e,er(t,1,Zs,!0)):[]}),Ff=io(function(e,t){var n=Sa(t);return Zs(n)&&(n=oe),Zs(e)?Wn(e,er(t,1,Zs,!0),Si(n,2)):[]}),Uf=io(function(e,t){var n=Sa(t);return Zs(n)&&(n=oe),Zs(e)?Wn(e,er(t,1,Zs,!0),oe,n):[]}),Vf=io(function(e){var t=v(e,So);return t.length&&t[0]===e[0]?Pr(t):[]}),Bf=io(function(e){var t=Sa(e),n=v(e,So);return t===Sa(n)?t=oe:n.pop(),n.length&&n[0]===e[0]?Pr(n,Si(t,2)):[]}),zf=io(function(e){var t=Sa(e),n=v(e,So);return t="function"==typeof t?t:oe,t&&n.pop(),n.length&&n[0]===e[0]?Pr(n,oe,t):[]}),Hf=io(Ta),Kf=_i(function(e,t){var n=null==e?0:e.length,r=Ln(e,t);return to(e,v(t,function(e){return Fi(e,n)?+e:e}).sort(Lo)),r}),Wf=io(function(e){return go(er(e,1,Zs,!0))}),qf=io(function(e){var t=Sa(e);return Zs(t)&&(t=oe),go(er(e,1,Zs,!0),Si(t,2))}),Yf=io(function(e){var t=Sa(e);return t="function"==typeof t?t:oe,go(er(e,1,Zs,!0),oe,t)}),Gf=io(function(e,t){return Zs(e)?Wn(e,t):[]}),Xf=io(function(e){return Co(p(e,Zs))}),$f=io(function(e){var t=Sa(e);return Zs(t)&&(t=oe),Co(p(e,Zs),Si(t,2))}),Zf=io(function(e){var t=Sa(e);return t="function"==typeof t?t:oe,Co(p(e,Zs),oe,t)}),Qf=io($a),Jf=io(function(e){var t=e.length,n=t>1?e[t-1]:oe;return n="function"==typeof n?(e.pop(),n):oe,Za(e,n)}),ep=_i(function(e){var t=e.length,n=t?e[0]:0,i=this.__wrapped__,a=function(t){return Ln(t,e)};return!(t>1||this.__actions__.length)&&i instanceof o&&Fi(n)?(i=i.slice(n,+n+(t?1:0)),i.__actions__.push({func:ns,args:[a],thisArg:oe}),new r(i,this.__chain__).thru(function(e){return t&&!e.length&&e.push(oe),e})):this.thru(a)}),tp=Wo(function(e,t,n){_c.call(e,n)?++e[n]:In(e,n,1)}),np=ei(va),rp=ei(ma),op=Wo(function(e,t,n){_c.call(e,n)?e[n].push(t):In(e,n,[t])}),ip=io(function(e,t,n){var r=-1,o="function"==typeof t,i=$s(e)?ac(e.length):[];return bf(e,function(e){i[++r]=o?s(t,e,n):Tr(e,t,n)}),i}),ap=Wo(function(e,t,n){In(e,n,t)}),sp=Wo(function(e,t,n){e[n?0:1].push(t)},function(){return[[],[]]}),up=io(function(e,t){if(null==e)return[];var n=t.length;return n>1&&Ui(e,t[0],t[1])?t=[]:n>2&&Ui(t[0],t[1],t[2])&&(t=[t[0]]),$r(e,er(t,1),[])}),lp=Vc||function(){return sr.Date.now()},cp=io(function(e,t,n){var r=ye;if(n.length){var o=G(n,Ei(cp));r|=xe}return di(e,r,t,n,o)}),fp=io(function(e,t,n){var r=ye|ge;if(n.length){var o=G(n,Ei(fp));r|=xe}return di(t,r,e,n,o)}),pp=io(function(e,t){return zn(e,1,t)}),dp=io(function(e,t,n){return zn(e,Tu(t)||0,n)});Rs.Cache=fn;var hp=Sf(function(e,t){t=1==t.length&&wp(t[0])?v(t[0],R(Si())):v(er(t,1),R(Si()));var n=t.length;return io(function(r){for(var o=-1,i=$c(r.length,n);++o<i;)r[o]=t[o].call(this,r[o]);return s(e,this,r)})}),vp=io(function(e,t){var n=G(t,Ei(vp));return di(e,xe,oe,t,n)}),mp=io(function(e,t){var n=G(t,Ei(mp));return di(e,Ce,oe,t,n)}),yp=_i(function(e,t){return di(e,Se,oe,oe,oe,t)}),gp=li(fr),bp=li(function(e,t){return e>=t}),_p=kr(function(){return arguments}())?kr:function(e){return lu(e)&&_c.call(e,"callee")&&!Dc.call(e,"callee")},wp=ac.isArray,xp=dr?R(dr):Mr,Cp=Wc||Wl,Ep=hr?R(hr):Nr,Sp=vr?R(vr):jr,Pp=mr?R(mr):Lr,Op=yr?R(yr):Fr,Tp=gr?R(gr):Ur,kp=li(Hr),Mp=li(function(e,t){return e<=t}),Np=qo(function(e,t){if(Ki(t)||$s(t))return void zo(t,Ku(t),e);for(var n in t)_c.call(t,n)&&Nn(e,n,t[n])}),Ap=qo(function(e,t){zo(t,Wu(t),e)}),Dp=qo(function(e,t,n,r){zo(t,Wu(t),e,r)}),jp=qo(function(e,t,n,r){zo(t,Ku(t),e,r)}),Rp=_i(Ln),Ip=io(function(e){return e.push(oe,hi),s(Dp,oe,e)}),Lp=io(function(e){return e.push(oe,vi),s(zp,oe,e)}),Fp=ri(function(e,t,n){e[t]=n},Al(jl)),Up=ri(function(e,t,n){_c.call(e,t)?e[t].push(n):e[t]=[n]},Si),Vp=io(Tr),Bp=qo(function(e,t,n){Yr(e,t,n)}),zp=qo(function(e,t,n,r){Yr(e,t,n,r)}),Hp=_i(function(e,t){var n={};if(null==e)return n;var r=!1;t=v(t,function(t){return t=Oo(t,e),r||(r=t.length>1),t}),zo(e,xi(e),n),r&&(n=Un(n,pe|de|he,mi));for(var o=t.length;o--;)bo(n,t[o]);return n}),Kp=_i(function(e,t){return null==e?{}:Zr(e,t)}),Wp=pi(Ku),qp=pi(Wu),Yp=Zo(function(e,t,n){return t=t.toLowerCase(),e+(n?ul(t):t)}),Gp=Zo(function(e,t,n){return e+(n?"-":"")+t.toLowerCase()}),Xp=Zo(function(e,t,n){return e+(n?" ":"")+t.toLowerCase()}),$p=$o("toLowerCase"),Zp=Zo(function(e,t,n){return e+(n?"_":"")+t.toLowerCase()}),Qp=Zo(function(e,t,n){return e+(n?" ":"")+ed(t)}),Jp=Zo(function(e,t,n){return e+(n?" ":"")+t.toUpperCase()}),ed=$o("toUpperCase"),td=io(function(e,t){try{return s(e,oe,t)}catch(n){return ru(n)?n:new uc(n)}}),nd=_i(function(e,t){return l(t,function(t){t=ra(t),In(e,t,cp(e[t],e))}),e}),rd=ti(),od=ti(!0),id=io(function(e,t){return function(n){return Tr(n,e,t)}}),ad=io(function(e,t){return function(n){return Tr(e,n,t)}}),sd=ii(v),ud=ii(f),ld=ii(b),cd=ui(),fd=ui(!0),pd=oi(function(e,t){return e+t},0),dd=fi("ceil"),hd=oi(function(e,t){
-return e/t},1),vd=fi("floor"),md=oi(function(e,t){return e*t},1),yd=fi("round"),gd=oi(function(e,t){return e-t},0);return t.after=Ts,t.ary=ks,t.assign=Np,t.assignIn=Ap,t.assignInWith=Dp,t.assignWith=jp,t.at=Rp,t.before=Ms,t.bind=cp,t.bindAll=nd,t.bindKey=fp,t.castArray=Hs,t.chain=es,t.chunk=sa,t.compact=ua,t.concat=la,t.cond=Ml,t.conforms=Nl,t.constant=Al,t.countBy=tp,t.create=Au,t.curry=Ns,t.curryRight=As,t.debounce=Ds,t.defaults=Ip,t.defaultsDeep=Lp,t.defer=pp,t.delay=dp,t.difference=Lf,t.differenceBy=Ff,t.differenceWith=Uf,t.drop=ca,t.dropRight=fa,t.dropRightWhile=pa,t.dropWhile=da,t.fill=ha,t.filter=fs,t.flatMap=ps,t.flatMapDeep=ds,t.flatMapDepth=hs,t.flatten=ya,t.flattenDeep=ga,t.flattenDepth=ba,t.flip=js,t.flow=rd,t.flowRight=od,t.fromPairs=_a,t.functions=Uu,t.functionsIn=Vu,t.groupBy=op,t.initial=Ca,t.intersection=Vf,t.intersectionBy=Bf,t.intersectionWith=zf,t.invert=Fp,t.invertBy=Up,t.invokeMap=ip,t.iteratee=Rl,t.keyBy=ap,t.keys=Ku,t.keysIn=Wu,t.map=gs,t.mapKeys=qu,t.mapValues=Yu,t.matches=Il,t.matchesProperty=Ll,t.memoize=Rs,t.merge=Bp,t.mergeWith=zp,t.method=id,t.methodOf=ad,t.mixin=Fl,t.negate=Is,t.nthArg=Bl,t.omit=Hp,t.omitBy=Gu,t.once=Ls,t.orderBy=bs,t.over=sd,t.overArgs=hp,t.overEvery=ud,t.overSome=ld,t.partial=vp,t.partialRight=mp,t.partition=sp,t.pick=Kp,t.pickBy=Xu,t.property=zl,t.propertyOf=Hl,t.pull=Hf,t.pullAll=Ta,t.pullAllBy=ka,t.pullAllWith=Ma,t.pullAt=Kf,t.range=cd,t.rangeRight=fd,t.rearg=yp,t.reject=xs,t.remove=Na,t.rest=Fs,t.reverse=Aa,t.sampleSize=Es,t.set=Zu,t.setWith=Qu,t.shuffle=Ss,t.slice=Da,t.sortBy=up,t.sortedUniq=Va,t.sortedUniqBy=Ba,t.split=bl,t.spread=Us,t.tail=za,t.take=Ha,t.takeRight=Ka,t.takeRightWhile=Wa,t.takeWhile=qa,t.tap=ts,t.throttle=Vs,t.thru=ns,t.toArray=Eu,t.toPairs=Wp,t.toPairsIn=qp,t.toPath=$l,t.toPlainObject=ku,t.transform=Ju,t.unary=Bs,t.union=Wf,t.unionBy=qf,t.unionWith=Yf,t.uniq=Ya,t.uniqBy=Ga,t.uniqWith=Xa,t.unset=el,t.unzip=$a,t.unzipWith=Za,t.update=tl,t.updateWith=nl,t.values=rl,t.valuesIn=ol,t.without=Gf,t.words=kl,t.wrap=zs,t.xor=Xf,t.xorBy=$f,t.xorWith=Zf,t.zip=Qf,t.zipObject=Qa,t.zipObjectDeep=Ja,t.zipWith=Jf,t.entries=Wp,t.entriesIn=qp,t.extend=Ap,t.extendWith=Dp,Fl(t,t),t.add=pd,t.attempt=td,t.camelCase=Yp,t.capitalize=ul,t.ceil=dd,t.clamp=il,t.clone=Ks,t.cloneDeep=qs,t.cloneDeepWith=Ys,t.cloneWith=Ws,t.conformsTo=Gs,t.deburr=ll,t.defaultTo=Dl,t.divide=hd,t.endsWith=cl,t.eq=Xs,t.escape=fl,t.escapeRegExp=pl,t.every=cs,t.find=np,t.findIndex=va,t.findKey=Du,t.findLast=rp,t.findLastIndex=ma,t.findLastKey=ju,t.floor=vd,t.forEach=vs,t.forEachRight=ms,t.forIn=Ru,t.forInRight=Iu,t.forOwn=Lu,t.forOwnRight=Fu,t.get=Bu,t.gt=gp,t.gte=bp,t.has=zu,t.hasIn=Hu,t.head=wa,t.identity=jl,t.includes=ys,t.indexOf=xa,t.inRange=al,t.invoke=Vp,t.isArguments=_p,t.isArray=wp,t.isArrayBuffer=xp,t.isArrayLike=$s,t.isArrayLikeObject=Zs,t.isBoolean=Qs,t.isBuffer=Cp,t.isDate=Ep,t.isElement=Js,t.isEmpty=eu,t.isEqual=tu,t.isEqualWith=nu,t.isError=ru,t.isFinite=ou,t.isFunction=iu,t.isInteger=au,t.isLength=su,t.isMap=Sp,t.isMatch=cu,t.isMatchWith=fu,t.isNaN=pu,t.isNative=du,t.isNil=vu,t.isNull=hu,t.isNumber=mu,t.isObject=uu,t.isObjectLike=lu,t.isPlainObject=yu,t.isRegExp=Pp,t.isSafeInteger=gu,t.isSet=Op,t.isString=bu,t.isSymbol=_u,t.isTypedArray=Tp,t.isUndefined=wu,t.isWeakMap=xu,t.isWeakSet=Cu,t.join=Ea,t.kebabCase=Gp,t.last=Sa,t.lastIndexOf=Pa,t.lowerCase=Xp,t.lowerFirst=$p,t.lt=kp,t.lte=Mp,t.max=Ql,t.maxBy=Jl,t.mean=ec,t.meanBy=tc,t.min=nc,t.minBy=rc,t.stubArray=Kl,t.stubFalse=Wl,t.stubObject=ql,t.stubString=Yl,t.stubTrue=Gl,t.multiply=md,t.nth=Oa,t.noConflict=Ul,t.noop=Vl,t.now=lp,t.pad=dl,t.padEnd=hl,t.padStart=vl,t.parseInt=ml,t.random=sl,t.reduce=_s,t.reduceRight=ws,t.repeat=yl,t.replace=gl,t.result=$u,t.round=yd,t.runInContext=Sr,t.sample=Cs,t.size=Ps,t.snakeCase=Zp,t.some=Os,t.sortedIndex=ja,t.sortedIndexBy=Ra,t.sortedIndexOf=Ia,t.sortedLastIndex=La,t.sortedLastIndexBy=Fa,t.sortedLastIndexOf=Ua,t.startCase=Qp,t.startsWith=_l,t.subtract=gd,t.sum=oc,t.sumBy=ic,t.template=wl,t.times=Xl,t.toFinite=Su,t.toInteger=Pu,t.toLength=Ou,t.toLower=xl,t.toNumber=Tu,t.toSafeInteger=Mu,t.toString=Nu,t.toUpper=Cl,t.trim=El,t.trimEnd=Sl,t.trimStart=Pl,t.truncate=Ol,t.unescape=Tl,t.uniqueId=Zl,t.upperCase=Jp,t.upperFirst=ed,t.each=vs,t.eachRight=ms,t.first=wa,Fl(t,function(){var e={};return tr(t,function(n,r){_c.call(t.prototype,r)||(e[r]=n)}),e}(),{chain:!1}),t.VERSION=ie,l(["bind","bindKey","curry","curryRight","partial","partialRight"],function(e){t[e].placeholder=t}),l(["drop","take"],function(e,t){o.prototype[e]=function(n){n=n===oe?1:Xc(Pu(n),0);var r=this.__filtered__&&!t?new o(this):this.clone();return r.__filtered__?r.__takeCount__=$c(n,r.__takeCount__):r.__views__.push({size:$c(n,Fe),type:e+(r.__dir__<0?"Right":"")}),r},o.prototype[e+"Right"]=function(t){return this.reverse()[e](t).reverse()}}),l(["filter","map","takeWhile"],function(e,t){var n=t+1,r=n==Ne||n==De;o.prototype[e]=function(e){var t=this.clone();return t.__iteratees__.push({iteratee:Si(e,3),type:n}),t.__filtered__=t.__filtered__||r,t}}),l(["head","last"],function(e,t){var n="take"+(t?"Right":"");o.prototype[e]=function(){return this[n](1).value()[0]}}),l(["initial","tail"],function(e,t){var n="drop"+(t?"":"Right");o.prototype[e]=function(){return this.__filtered__?new o(this):this[n](1)}}),o.prototype.compact=function(){return this.filter(jl)},o.prototype.find=function(e){return this.filter(e).head()},o.prototype.findLast=function(e){return this.reverse().find(e)},o.prototype.invokeMap=io(function(e,t){return"function"==typeof e?new o(this):this.map(function(n){return Tr(n,e,t)})}),o.prototype.reject=function(e){return this.filter(Is(Si(e)))},o.prototype.slice=function(e,t){e=Pu(e);var n=this;return n.__filtered__&&(e>0||t<0)?new o(n):(e<0?n=n.takeRight(-e):e&&(n=n.drop(e)),t!==oe&&(t=Pu(t),n=t<0?n.dropRight(-t):n.take(t-e)),n)},o.prototype.takeRightWhile=function(e){return this.reverse().takeWhile(e).reverse()},o.prototype.toArray=function(){return this.take(Fe)},tr(o.prototype,function(e,n){var i=/^(?:filter|find|map|reject)|While$/.test(n),a=/^(?:head|last)$/.test(n),s=t[a?"take"+("last"==n?"Right":""):n],u=a||/^find/.test(n);s&&(t.prototype[n]=function(){var n=this.__wrapped__,l=a?[1]:arguments,c=n instanceof o,f=l[0],p=c||wp(n),d=function(e){var n=s.apply(t,m([e],l));return a&&h?n[0]:n};p&&i&&"function"==typeof f&&1!=f.length&&(c=p=!1);var h=this.__chain__,v=!!this.__actions__.length,y=u&&!h,g=c&&!v;if(!u&&p){n=g?n:new o(this);var b=e.apply(n,l);return b.__actions__.push({func:ns,args:[d],thisArg:oe}),new r(b,h)}return y&&g?e.apply(this,l):(b=this.thru(d),y?a?b.value()[0]:b.value():b)})}),l(["pop","push","shift","sort","splice","unshift"],function(e){var n=vc[e],r=/^(?:push|sort|unshift)$/.test(e)?"tap":"thru",o=/^(?:pop|shift)$/.test(e);t.prototype[e]=function(){var e=arguments;if(o&&!this.__chain__){var t=this.value();return n.apply(wp(t)?t:[],e)}return this[r](function(t){return n.apply(wp(t)?t:[],e)})}}),tr(o.prototype,function(e,n){var r=t[n];if(r){var o=r.name+"",i=lf[o]||(lf[o]=[]);i.push({name:n,func:r})}}),lf[ni(oe,ge).name]=[{name:"wrapper",func:oe}],o.prototype.clone=_,o.prototype.reverse=k,o.prototype.value=Z,t.prototype.at=ep,t.prototype.chain=rs,t.prototype.commit=os,t.prototype.next=is,t.prototype.plant=ss,t.prototype.reverse=us,t.prototype.toJSON=t.prototype.valueOf=t.prototype.value=ls,t.prototype.first=t.prototype.head,Ic&&(t.prototype[Ic]=as),t},Er=Cr();sr._=Er,r=function(){return Er}.call(t,n,t,o),!(r!==oe&&(o.exports=r))}).call(this)}).call(t,function(){return this}(),n(1304)(e))},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(t,"__esModule",{value:!0}),t.CopyToClipboard=void 0;var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=n(1),s=r(a),u=n(57),l=r(u),c=n(12),f=r(c),p=n(1735),d=r(p);t.CopyToClipboard=(0,l["default"])({propTypes:{text:f["default"].string.isRequired,children:f["default"].element.isRequired,onCopy:f["default"].func,options:f["default"].shape({debug:f["default"].bool,message:f["default"].string})},onClick:function(e){var t=this.props,n=t.text,r=t.onCopy,o=t.children,i=t.options,a=s["default"].Children.only(o),u=(0,d["default"])(n,i);r&&r(n,u),a&&a.props&&"function"==typeof a.props.onClick&&a.props.onClick(e)},render:function(){var e=this.props,t=(e.text,e.onCopy,e.options,e.children),n=o(e,["text","onCopy","options","children"]),r=s["default"].Children.only(t);return s["default"].cloneElement(r,i({},n,{onClick:this.onClick}))}})},function(e,t){(function(t){function n(e,t){return null==e?void 0:e[t]}function r(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(n){}return t}function o(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function i(){this.__data__=_e?_e(null):{}}function a(e){return this.has(e)&&delete this.__data__[e]}function s(e){var t=this.__data__;if(_e){var n=t[e];return n===W?void 0:n}return he.call(t,e)?t[e]:void 0}function u(e){var t=this.__data__;return _e?void 0!==t[e]:he.call(t,e)}function l(e,t){var n=this.__data__;return n[e]=_e&&void 0===t?W:t,this}function c(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function f(){this.__data__=[]}function p(e){var t=this.__data__,n=C(t,e);if(n<0)return!1;var r=t.length-1;return n==r?t.pop():ge.call(t,n,1),!0}function d(e){var t=this.__data__,n=C(t,e);return n<0?void 0:t[n][1]}function h(e){return C(this.__data__,e)>-1}function v(e,t){var n=this.__data__,r=C(n,e);return r<0?n.push([e,t]):n[r][1]=t,this}function m(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function y(){this.__data__={hash:new o,map:new(be||c),string:new o}}function g(e){return T(this,e)["delete"](e)}function b(e){return T(this,e).get(e)}function _(e){return T(this,e).has(e)}function w(e,t){return T(this,e).set(e,t),this}function x(e,t,n){var r=e[t];he.call(e,t)&&L(r,n)&&(void 0!==n||t in e)||(e[t]=n)}function C(e,t){for(var n=e.length;n--;)if(L(e[n][0],t))return n;return-1}function E(e){if(!U(e)||D(e))return!1;var t=F(e)||r(e)?me:re;return t.test(R(e))}function S(e,t,n,r){if(!U(e))return e;t=N(t,e)?[t]:O(t);for(var o=-1,i=t.length,a=i-1,s=e;null!=s&&++o<i;){var u=j(t[o]),l=n;if(o!=a){var c=s[u];l=r?r(c,u,s):void 0,void 0===l&&(l=U(c)?c:M(t[o+1])?[]:{})}x(s,u,l),s=s[u]}return e}function P(e){if("string"==typeof e)return e;if(B(e))return xe?xe.call(e):"";var t=e+"";return"0"==t&&1/e==-q?"-0":t}function O(e){return Ee(e)?e:Ce(e)}function T(e,t){var n=e.__data__;return A(t)?n["string"==typeof t?"string":"hash"]:n.map}function k(e,t){var r=n(e,t);return E(r)?r:void 0}function M(e,t){return t=null==t?Y:t,!!t&&("number"==typeof e||oe.test(e))&&e>-1&&e%1==0&&e<t}function N(e,t){if(Ee(e))return!1;var n=typeof e;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=e&&!B(e))||(Q.test(e)||!Z.test(e)||null!=t&&e in Object(t))}function A(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e}function D(e){return!!pe&&pe in e}function j(e){if("string"==typeof e||B(e))return e;var t=e+"";return"0"==t&&1/e==-q?"-0":t}function R(e){if(null!=e){try{return de.call(e)}catch(t){}try{return e+""}catch(t){}}return""}function I(e,t){if("function"!=typeof e||t&&"function"!=typeof t)throw new TypeError(K);var n=function(){var r=arguments,o=t?t.apply(this,r):r[0],i=n.cache;if(i.has(o))return i.get(o);var a=e.apply(this,r);return n.cache=i.set(o,a),a};return n.cache=new(I.Cache||m),n}function L(e,t){return e===t||e!==e&&t!==t}function F(e){var t=U(e)?ve.call(e):"";return t==G||t==X}function U(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function V(e){return!!e&&"object"==typeof e}function B(e){return"symbol"==typeof e||V(e)&&ve.call(e)==$}function z(e){return null==e?"":P(e)}function H(e,t,n){return null==e?e:S(e,t,n)}var K="Expected a function",W="__lodash_hash_undefined__",q=1/0,Y=9007199254740991,G="[object Function]",X="[object GeneratorFunction]",$="[object Symbol]",Z=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,Q=/^\w*$/,J=/^\./,ee=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,te=/[\\^$.*+?()[\]{}|]/g,ne=/\\(\\)?/g,re=/^\[object .+?Constructor\]$/,oe=/^(?:0|[1-9]\d*)$/,ie="object"==typeof t&&t&&t.Object===Object&&t,ae="object"==typeof self&&self&&self.Object===Object&&self,se=ie||ae||Function("return this")(),ue=Array.prototype,le=Function.prototype,ce=Object.prototype,fe=se["__core-js_shared__"],pe=function(){var e=/[^.]+$/.exec(fe&&fe.keys&&fe.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}(),de=le.toString,he=ce.hasOwnProperty,ve=ce.toString,me=RegExp("^"+de.call(he).replace(te,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),ye=se.Symbol,ge=ue.splice,be=k(se,"Map"),_e=k(Object,"create"),we=ye?ye.prototype:void 0,xe=we?we.toString:void 0;o.prototype.clear=i,o.prototype["delete"]=a,o.prototype.get=s,o.prototype.has=u,o.prototype.set=l,c.prototype.clear=f,c.prototype["delete"]=p,c.prototype.get=d,c.prototype.has=h,c.prototype.set=v,m.prototype.clear=y,m.prototype["delete"]=g,m.prototype.get=b,m.prototype.has=_,m.prototype.set=w;var Ce=I(function(e){e=z(e);var t=[];return J.test(e)&&t.push(""),e.replace(ee,function(e,n,r,o){t.push(r?o.replace(ne,"$1"):n||e)}),t});I.Cache=m;var Ee=Array.isArray;e.exports=H}).call(t,function(){return this}())},function(e,t,n){"use strict";function r(e){switch(e.arrayFormat){case"index":return function(t,n,r){return null===n?[i(t,e),"[",r,"]"].join(""):[i(t,e),"[",i(r,e),"]=",i(n,e)].join("")};case"bracket":return function(t,n){return null===n?i(t,e):[i(t,e),"[]=",i(n,e)].join("")};default:return function(t,n){return null===n?i(t,e):[i(t,e),"=",i(n,e)].join("")}}}function o(e){var t;switch(e.arrayFormat){case"index":return function(e,n,r){return t=/\[(\d*)\]$/.exec(e),e=e.replace(/\[\d*\]$/,""),t?(void 0===r[e]&&(r[e]={}),void(r[e][t[1]]=n)):void(r[e]=n)};case"bracket":return function(e,n,r){return t=/(\[\])$/.exec(e),e=e.replace(/\[\]$/,""),t?void 0===r[e]?void(r[e]=[n]):void(r[e]=[].concat(r[e],n)):void(r[e]=n)};default:return function(e,t,n){return void 0===n[e]?void(n[e]=t):void(n[e]=[].concat(n[e],t))}}}function i(e,t){return t.encode?t.strict?s(e):encodeURIComponent(e):e}function a(e){return Array.isArray(e)?e.sort():"object"==typeof e?a(Object.keys(e)).sort(function(e,t){return Number(e)-Number(t)}).map(function(t){return e[t]}):e}var s=n(1298),u=n(11);t.extract=function(e){return e.split("?")[1]||""},t.parse=function(e,t){t=u({arrayFormat:"none"},t);var n=o(t),r=Object.create(null);return"string"!=typeof e?r:(e=e.trim().replace(/^(\?|#|&)/,""))?(e.split("&").forEach(function(e){var t=e.replace(/\+/g," ").split("="),o=t.shift(),i=t.length>0?t.join("="):void 0;i=void 0===i?null:decodeURIComponent(i),n(decodeURIComponent(o),i,r)}),Object.keys(r).sort().reduce(function(e,t){var n=r[t];return Boolean(n)&&"object"==typeof n&&!Array.isArray(n)?e[t]=a(n):e[t]=n,e},Object.create(null))):r},t.stringify=function(e,t){var n={encode:!0,strict:!0,arrayFormat:"none"};t=u(n,t);var o=r(t);return e?Object.keys(e).sort().map(function(n){var r=e[n];if(void 0===r)return"";if(null===r)return i(n,t);if(Array.isArray(r)){var a=[];return r.slice().forEach(function(e){void 0!==e&&a.push(o(n,e,a.length))}),a.join("&")}return i(n,t)+"="+i(r,t)}).filter(function(e){return e.length>0}).join("&"):""}},function(e,t){(function(t){function n(e,t){return null==e?void 0:e[t]}function r(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(n){}return t}function o(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function i(){this.__data__=Pe?Pe(null):{}}function a(e){return this.has(e)&&delete this.__data__[e]}function s(e){var t=this.__data__;if(Pe){var n=t[e];return n===X?void 0:n}return be.call(t,e)?t[e]:void 0}function u(e){var t=this.__data__;return Pe?void 0!==t[e]:be.call(t,e)}function l(e,t){var n=this.__data__;return n[e]=Pe&&void 0===t?X:t,this}function c(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function f(){this.__data__=[]}function p(e){var t=this.__data__,n=x(t,e);if(n<0)return!1;var r=t.length-1;return n==r?t.pop():Ee.call(t,n,1),!0}function d(e){var t=this.__data__,n=x(t,e);return n<0?void 0:t[n][1]}function h(e){return x(this.__data__,e)>-1}function v(e,t){var n=this.__data__,r=x(n,e);return r<0?n.push([e,t]):n[r][1]=t,this}function m(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function y(){this.__data__={hash:new o,map:new(Se||c),string:new o}}function g(e){return O(this,e)["delete"](e)}function b(e){return O(this,e).get(e)}function _(e){return O(this,e).has(e)}function w(e,t){return O(this,e).set(e,t),this}function x(e,t){for(var n=e.length;n--;)if(L(e[n][0],t))return n;return-1}function C(e,t){return null!=e&&be.call(e,t)}function E(e){if(!H(e)||D(e))return!1;var t=B(e)||r(e)?we:ue;return t.test(R(e))}function S(e){if("string"==typeof e)return e;if(W(e))return Te?Te.call(e):"";var t=e+"";return"0"==t&&1/e==-$?"-0":t}function P(e){return Me(e)?e:ke(e)}function O(e,t){var n=e.__data__;return A(t)?n["string"==typeof t?"string":"hash"]:n.map}function T(e,t){var r=n(e,t);return E(r)?r:void 0}function k(e,t,n){t=N(t,e)?[t]:P(t);for(var r,o=-1,i=t.length;++o<i;){var a=j(t[o]);if(!(r=null!=e&&n(e,a)))break;e=e[a]}if(r)return r;var i=e?e.length:0;return!!i&&z(i)&&M(a,i)&&(Me(e)||F(e))}function M(e,t){return t=null==t?Z:t,!!t&&("number"==typeof e||le.test(e))&&e>-1&&e%1==0&&e<t}function N(e,t){if(Me(e))return!1;var n=typeof e;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=e&&!W(e))||(re.test(e)||!ne.test(e)||null!=t&&e in Object(t))}function A(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e}function D(e){return!!ye&&ye in e}function j(e){if("string"==typeof e||W(e))return e;var t=e+"";return"0"==t&&1/e==-$?"-0":t}function R(e){if(null!=e){try{return ge.call(e)}catch(t){}try{return e+""}catch(t){}}return""}function I(e,t){if("function"!=typeof e||t&&"function"!=typeof t)throw new TypeError(G);var n=function(){var r=arguments,o=t?t.apply(this,r):r[0],i=n.cache;if(i.has(o))return i.get(o);var a=e.apply(this,r);return n.cache=i.set(o,a),a};return n.cache=new(I.Cache||m),n}function L(e,t){return e===t||e!==e&&t!==t}function F(e){return V(e)&&be.call(e,"callee")&&(!Ce.call(e,"callee")||_e.call(e)==Q)}function U(e){return null!=e&&z(e.length)&&!B(e)}function V(e){return K(e)&&U(e)}function B(e){var t=H(e)?_e.call(e):"";return t==J||t==ee}function z(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=Z}function H(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function K(e){return!!e&&"object"==typeof e}function W(e){return"symbol"==typeof e||K(e)&&_e.call(e)==te}function q(e){return null==e?"":S(e)}function Y(e,t){return null!=e&&k(e,t,C)}var G="Expected a function",X="__lodash_hash_undefined__",$=1/0,Z=9007199254740991,Q="[object Arguments]",J="[object Function]",ee="[object GeneratorFunction]",te="[object Symbol]",ne=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,re=/^\w*$/,oe=/^\./,ie=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,ae=/[\\^$.*+?()[\]{}|]/g,se=/\\(\\)?/g,ue=/^\[object .+?Constructor\]$/,le=/^(?:0|[1-9]\d*)$/,ce="object"==typeof t&&t&&t.Object===Object&&t,fe="object"==typeof self&&self&&self.Object===Object&&self,pe=ce||fe||Function("return this")(),de=Array.prototype,he=Function.prototype,ve=Object.prototype,me=pe["__core-js_shared__"],ye=function(){var e=/[^.]+$/.exec(me&&me.keys&&me.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}(),ge=he.toString,be=ve.hasOwnProperty,_e=ve.toString,we=RegExp("^"+ge.call(be).replace(ae,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),xe=pe.Symbol,Ce=ve.propertyIsEnumerable,Ee=de.splice,Se=T(pe,"Map"),Pe=T(Object,"create"),Oe=xe?xe.prototype:void 0,Te=Oe?Oe.toString:void 0;o.prototype.clear=i,o.prototype["delete"]=a,o.prototype.get=s,o.prototype.has=u,o.prototype.set=l,c.prototype.clear=f,c.prototype["delete"]=p,c.prototype.get=d,c.prototype.has=h,c.prototype.set=v,m.prototype.clear=y,m.prototype["delete"]=g,m.prototype.get=b,m.prototype.has=_,m.prototype.set=w;var ke=I(function(e){e=q(e);var t=[];return oe.test(e)&&t.push(""),e.replace(ie,function(e,n,r,o){t.push(r?o.replace(se,"$1"):n||e)}),t});I.Cache=m;var Me=Array.isArray;e.exports=Y}).call(t,function(){return this}())},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(1),s=r(a),u=n(12),l=r(u),c=n(57),f=r(c),p=(0,f["default"])({displayName:"DOMWrap",propTypes:{tag:l["default"].string,hiddenClassName:l["default"].string,visible:l["default"].bool},getDefaultProps:function(){return{tag:"div"}},render:function(){var e=(0,i["default"])({},this.props);e.visible||(e.className=e.className||"",e.className+=" "+e.hiddenClassName);var t=e.tag;return delete e.tag,delete e.hiddenClassName,delete e.visible,s["default"].createElement(t,e)}});t["default"]=p,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),i=r(o),a=n(12),s=r(a),u=n(57),l=r(u),c=(0,l["default"])({displayName:"Divider",propTypes:{disabled:s["default"].bool,className:s["default"].string,rootPrefixCls:s["default"].string},getDefaultProps:function(){return{disabled:!0}},render:function(){var e=this.props,t=e.className,n=void 0===t?"":t,r=e.rootPrefixCls;return i["default"].createElement("li",{className:n+" "+r+"-item-divider"})}});t["default"]=c,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(12),s=r(a),u=n(57),l=r(u),c=n(481),f=r(c),p=n(197),d=(0,l["default"])({displayName:"Menu",propTypes:{openSubMenuOnMouseEnter:s["default"].bool,closeSubMenuOnMouseLeave:s["default"].bool,selectedKeys:s["default"].arrayOf(s["default"].string),defaultSelectedKeys:s["default"].arrayOf(s["default"].string),defaultOpenKeys:s["default"].arrayOf(s["default"].string),openKeys:s["default"].arrayOf(s["default"].string),mode:s["default"].string,onClick:s["default"].func,onSelect:s["default"].func,onDeselect:s["default"].func,onDestroy:s["default"].func,openTransitionName:s["default"].string,openAnimation:s["default"].oneOfType([s["default"].string,s["default"].object]),level:s["default"].number,eventKey:s["default"].string,selectable:s["default"].bool,children:s["default"].any},mixins:[f["default"]],getDefaultProps:function(){return{openSubMenuOnMouseEnter:!0,closeSubMenuOnMouseLeave:!0,selectable:!0,onClick:p.noop,onSelect:p.noop,onOpenChange:p.noop,onDeselect:p.noop,defaultSelectedKeys:[],defaultOpenKeys:[]}},getInitialState:function(){var e=this.props,t=e.defaultSelectedKeys,n=e.defaultOpenKeys;return"selectedKeys"in e&&(t=e.selectedKeys||[]),"openKeys"in e&&(n=e.openKeys||[]),{selectedKeys:t,openKeys:n}},componentWillReceiveProps:function(e){var t={};"selectedKeys"in e&&(t.selectedKeys=e.selectedKeys||[]),"openKeys"in e&&(t.openKeys=e.openKeys||[]),this.setState(t)},onDestroy:function(e){var t=this.state,n=this.props,r=t.selectedKeys,o=t.openKeys,i=r.indexOf(e);"selectedKeys"in n||i===-1||r.splice(i,1),i=o.indexOf(e),"openKeys"in n||i===-1||o.splice(i,1)},onItemHover:function(e){var t=this,n=e.item,r=this.props,o=r.mode,i=r.closeSubMenuOnMouseLeave,a=e.openChanges,s=void 0===a?[]:a;"inline"!==o&&!i&&n.isSubMenu&&!function(){var r=t.state.activeKey,o=t.getFlatInstanceArray().filter(function(e){return e&&e.props.eventKey===r})[0];o&&o.props.open&&(s=s.concat({key:n.props.eventKey,item:n,originalEvent:e,open:!0}))}(),s=s.concat(this.getOpenChangesOnItemHover(e)),s.length&&this.onOpenChange(s)},onSelect:function(e){var t=this.props;if(t.selectable){var n=this.state.selectedKeys,r=e.key;n=t.multiple?n.concat([r]):[r],"selectedKeys"in t||this.setState({selectedKeys:n}),t.onSelect((0,i["default"])({},e,{selectedKeys:n}))}},onClick:function(e){this.props.onClick(e)},onOpenChange:function(e){var t=this.props,n=this.state.openKeys.concat(),r=!1,o=function(e){var t=!1;if(e.open)t=n.indexOf(e.key)===-1,t&&n.push(e.key);else{var o=n.indexOf(e.key);t=o!==-1,t&&n.splice(o,1)}r=r||t};Array.isArray(e)?e.forEach(o):o(e),r&&("openKeys"in this.props||this.setState({openKeys:n}),t.onOpenChange(n))},onDeselect:function(e){var t=this.props;if(t.selectable){var n=this.state.selectedKeys.concat(),r=e.key,o=n.indexOf(r);o!==-1&&n.splice(o,1),"selectedKeys"in t||this.setState({selectedKeys:n}),t.onDeselect((0,i["default"])({},e,{selectedKeys:n}))}},getOpenTransitionName:function(){var e=this.props,t=e.openTransitionName,n=e.openAnimation;return t||"string"!=typeof n||(t=e.prefixCls+"-open-"+n),t},isInlineMode:function(){return"inline"===this.props.mode},lastOpenSubMenu:function(){var e=[],t=this.state.openKeys;return t.length&&(e=this.getFlatInstanceArray().filter(function(e){return e&&t.indexOf(e.props.eventKey)!==-1})),e[0]},renderMenuItem:function(e,t,n){if(!e)return null;var r=this.state,o={openKeys:r.openKeys,selectedKeys:r.selectedKeys,openSubMenuOnMouseEnter:this.props.openSubMenuOnMouseEnter};return this.renderCommonMenuItem(e,t,n,o)},render:function(){var e=(0,i["default"])({},this.props);return e.className+=" "+e.prefixCls+"-root",this.renderRoot(e)}});t["default"]=d,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(1),s=r(a),u=n(12),l=r(u),c=n(57),f=r(c),p=n(80),d=r(p),h=n(8),v=r(h),m=n(197),y=(0,f["default"])({displayName:"MenuItem",propTypes:{rootPrefixCls:l["default"].string,eventKey:l["default"].string,active:l["default"].bool,children:l["default"].any,selectedKeys:l["default"].array,disabled:l["default"].bool,title:l["default"].string,onSelect:l["default"].func,onClick:l["default"].func,onDeselect:l["default"].func,parentMenu:l["default"].object,onItemHover:l["default"].func,onDestroy:l["default"].func,onMouseEnter:l["default"].func,onMouseLeave:l["default"].func},getDefaultProps:function(){return{onSelect:m.noop,onMouseEnter:m.noop,onMouseLeave:m.noop}},componentWillUnmount:function(){var e=this.props;e.onDestroy&&e.onDestroy(e.eventKey),e.parentMenu.menuItemInstance===this&&this.clearMenuItemMouseLeaveTimer()},onKeyDown:function(e){var t=e.keyCode;if(t===d["default"].ENTER)return this.onClick(e),!0},onMouseLeave:function(e){var t=this,n=this.props,r=n.eventKey,o=n.parentMenu;o.menuItemInstance=this,o.menuItemMouseLeaveFn=function(){n.active&&n.onItemHover({key:r,item:t,hover:!1,domEvent:e,trigger:"mouseleave"})},o.menuItemMouseLeaveTimer=setTimeout(o.menuItemMouseLeaveFn,30),n.onMouseLeave({key:r,domEvent:e})},onMouseEnter:function(e){var t=this.props,n=t.eventKey,r=t.parentMenu;this.clearMenuItemMouseLeaveTimer(r.menuItemInstance!==this),r.subMenuInstance&&r.subMenuInstance.clearSubMenuTimers(),t.onItemHover({key:n,item:this,hover:!0,domEvent:e,trigger:"mouseenter"}),t.onMouseEnter({key:n,domEvent:e})},onClick:function(e){var t=this.props,n=this.isSelected(),r=t.eventKey,o={key:r,keyPath:[r],item:this,domEvent:e};t.onClick(o),t.multiple?n?t.onDeselect(o):t.onSelect(o):n||t.onSelect(o)},getPrefixCls:function(){return this.props.rootPrefixCls+"-item"},getActiveClassName:function(){return this.getPrefixCls()+"-active"},getSelectedClassName:function(){return this.getPrefixCls()+"-selected"},getDisabledClassName:function(){return this.getPrefixCls()+"-disabled"},clearMenuItemMouseLeaveTimer:function(){var e=this.props,t=void 0,n=e.parentMenu;n.menuItemMouseLeaveTimer&&(clearTimeout(n.menuItemMouseLeaveTimer),n.menuItemMouseLeaveTimer=null,t&&n.menuItemMouseLeaveFn&&n.menuItemMouseLeaveFn(),n.menuItemMouseLeaveFn=null)},isSelected:function(){return this.props.selectedKeys.indexOf(this.props.eventKey)!==-1},render:function(){var e=this.props,t=this.isSelected(),n={};n[this.getActiveClassName()]=!e.disabled&&e.active,n[this.getSelectedClassName()]=t,n[this.getDisabledClassName()]=e.disabled,n[this.getPrefixCls()]=!0,n[e.className]=!!e.className;var r=(0,i["default"])({},e.attribute,{title:e.title,className:(0,v["default"])(n),role:"menuitem","aria-selected":t,"aria-disabled":e.disabled}),o={};e.disabled||(o={onClick:this.onClick,onMouseLeave:this.onMouseLeave,onMouseEnter:this.onMouseEnter});var a=(0,i["default"])({},e.style);return"inline"===e.mode&&(a.paddingLeft=e.inlineIndent*e.level),s["default"].createElement("li",(0,i["default"])({style:a},r,o),e.children)}});y.isMenuItem=1,t["default"]=y,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),i=r(o),a=n(12),s=r(a),u=n(57),l=r(u),c=(0,l["default"])({displayName:"MenuItemGroup",propTypes:{renderMenuItem:s["default"].func,index:s["default"].number,className:s["default"].string,rootPrefixCls:s["default"].string},getDefaultProps:function(){return{disabled:!0}},renderInnerMenuItem:function(e,t){var n=this.props,r=n.renderMenuItem,o=n.index;return r(e,o,t)},render:function(){var e=this.props,t=e.className,n=void 0===t?"":t,r=e.rootPrefixCls,o=r+"-item-group-title",a=r+"-item-group-list";return i["default"].createElement("li",{className:n+" "+r+"-item-group"},i["default"].createElement("div",{className:o},e.title),i["default"].createElement("ul",{className:a},i["default"].Children.map(e.children,this.renderInnerMenuItem)))}});c.isMenuItemGroup=!0,t["default"]=c,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(10),i=r(o),a=n(9),s=r(a),u=n(1),l=r(u),c=n(12),f=r(c),p=n(57),d=r(p),h=n(1773),v=r(h),m=n(80),y=r(m),g=n(8),b=r(g),_=n(197),w=0,x=(0,d["default"])({displayName:"SubMenu",propTypes:{parentMenu:f["default"].object,title:f["default"].node,children:f["default"].any,selectedKeys:f["default"].array,openKeys:f["default"].array,onClick:f["default"].func,onOpenChange:f["default"].func,rootPrefixCls:f["default"].string,eventKey:f["default"].string,multiple:f["default"].bool,active:f["default"].bool,onSelect:f["default"].func,closeSubMenuOnMouseLeave:f["default"].bool,openSubMenuOnMouseEnter:f["default"].bool,onDeselect:f["default"].func,onDestroy:f["default"].func,onItemHover:f["default"].func,onMouseEnter:f["default"].func,onMouseLeave:f["default"].func,onTitleMouseEnter:f["default"].func,onTitleMouseLeave:f["default"].func,onTitleClick:f["default"].func},mixins:[n(1772)],getDefaultProps:function(){return{onMouseEnter:_.noop,onMouseLeave:_.noop,onTitleMouseEnter:_.noop,onTitleMouseLeave:_.noop,onTitleClick:_.noop,title:""}},getInitialState:function(){return this.isSubMenu=1,{defaultActiveFirst:!1}},componentWillUnmount:function(){var e=this.props,t=e.onDestroy,n=e.eventKey,r=e.parentMenu;t&&t(n),r.subMenuInstance===this&&this.clearSubMenuTimers()},onDestroy:function(e){this.props.onDestroy(e)},onKeyDown:function(e){var t=e.keyCode,n=this.menuInstance,r=this.isOpen();if(t===y["default"].ENTER)return this.onTitleClick(e),this.setState({defaultActiveFirst:!0}),!0;if(t===y["default"].RIGHT)return r?n.onKeyDown(e):(this.triggerOpenChange(!0),this.setState({defaultActiveFirst:!0})),!0;if(t===y["default"].LEFT){var o=void 0;if(!r)return;return o=n.onKeyDown(e),o||(this.triggerOpenChange(!1),o=!0),o}return!r||t!==y["default"].UP&&t!==y["default"].DOWN?void 0:n.onKeyDown(e)},onOpenChange:function(e){this.props.onOpenChange(e)},onMouseEnter:function(e){var t=this.props;this.clearSubMenuLeaveTimer(t.parentMenu.subMenuInstance!==this),
-t.onMouseEnter({key:t.eventKey,domEvent:e})},onTitleMouseEnter:function(e){var t=this.props,n=t.parentMenu,r=t.eventKey,o=this;this.clearSubMenuTitleLeaveTimer(n.subMenuInstance!==o),n.menuItemInstance&&n.menuItemInstance.clearMenuItemMouseLeaveTimer(!0);var i=[];t.openSubMenuOnMouseEnter&&i.push({key:r,item:o,trigger:"mouseenter",open:!0}),t.onItemHover({key:r,item:o,hover:!0,trigger:"mouseenter",openChanges:i}),this.setState({defaultActiveFirst:!1}),t.onTitleMouseEnter({key:r,domEvent:e})},onTitleMouseLeave:function(e){var t=this,n=this.props,r=n.parentMenu,o=n.eventKey;r.subMenuInstance=this,r.subMenuTitleLeaveFn=function(){"inline"===n.mode&&n.active&&n.onItemHover({key:o,item:t,hover:!1,trigger:"mouseleave"}),n.onTitleMouseLeave({key:n.eventKey,domEvent:e})},r.subMenuTitleLeaveTimer=setTimeout(r.subMenuTitleLeaveFn,100)},onMouseLeave:function(e){var t=this,n=this.props,r=n.parentMenu,o=n.eventKey;r.subMenuInstance=this,r.subMenuLeaveFn=function(){if("inline"!==n.mode){var r=t.isOpen();r&&n.closeSubMenuOnMouseLeave&&n.active?n.onItemHover({key:o,item:t,hover:!1,trigger:"mouseleave",openChanges:[{key:o,item:t,trigger:"mouseleave",open:!1}]}):(n.active&&n.onItemHover({key:o,item:t,hover:!1,trigger:"mouseleave"}),r&&n.closeSubMenuOnMouseLeave&&t.triggerOpenChange(!1))}n.onMouseLeave({key:o,domEvent:e})},r.subMenuLeaveTimer=setTimeout(r.subMenuLeaveFn,100)},onTitleClick:function(e){var t=this.props;t.onTitleClick({key:t.eventKey,domEvent:e}),t.openSubMenuOnMouseEnter||(this.triggerOpenChange(!this.isOpen(),"click"),this.setState({defaultActiveFirst:!1}))},onSubMenuClick:function(e){this.props.onClick(this.addKeyPath(e))},onSelect:function(e){this.props.onSelect(e)},onDeselect:function(e){this.props.onDeselect(e)},getPrefixCls:function(){return this.props.rootPrefixCls+"-submenu"},getActiveClassName:function(){return this.getPrefixCls()+"-active"},getDisabledClassName:function(){return this.getPrefixCls()+"-disabled"},getSelectedClassName:function(){return this.getPrefixCls()+"-selected"},getOpenClassName:function(){return this.props.rootPrefixCls+"-submenu-open"},saveMenuInstance:function(e){this.menuInstance=e},addKeyPath:function(e){return(0,s["default"])({},e,{keyPath:(e.keyPath||[]).concat(this.props.eventKey)})},triggerOpenChange:function(e,t){var n=this.props.eventKey;this.onOpenChange({key:n,item:this,trigger:t,open:e})},clearSubMenuTimers:function(){var e=void 0;this.clearSubMenuLeaveTimer(e),this.clearSubMenuTitleLeaveTimer(e)},clearSubMenuTitleLeaveTimer:function(){var e=void 0,t=this.props.parentMenu;t.subMenuTitleLeaveTimer&&(clearTimeout(t.subMenuTitleLeaveTimer),t.subMenuTitleLeaveTimer=null,e&&t.subMenuTitleLeaveFn&&t.subMenuTitleLeaveFn(),t.subMenuTitleLeaveFn=null)},clearSubMenuLeaveTimer:function(){var e=void 0,t=this.props.parentMenu;t.subMenuLeaveTimer&&(clearTimeout(t.subMenuLeaveTimer),t.subMenuLeaveTimer=null,e&&t.subMenuLeaveFn&&t.subMenuLeaveFn(),t.subMenuLeaveFn=null)},isChildrenSelected:function(){var e={find:!1};return(0,_.loopMenuItemRecusively)(this.props.children,this.props.selectedKeys,e),e.find},isOpen:function(){return this.props.openKeys.indexOf(this.props.eventKey)!==-1},renderChildren:function(e){var t=this.props,n={mode:"horizontal"===t.mode?"vertical":t.mode,visible:this.isOpen(),level:t.level+1,inlineIndent:t.inlineIndent,focusable:!1,onClick:this.onSubMenuClick,onSelect:this.onSelect,onDeselect:this.onDeselect,onDestroy:this.onDestroy,selectedKeys:t.selectedKeys,eventKey:t.eventKey+"-menu-",openKeys:t.openKeys,openTransitionName:t.openTransitionName,openAnimation:t.openAnimation,onOpenChange:this.onOpenChange,closeSubMenuOnMouseLeave:t.closeSubMenuOnMouseLeave,defaultActiveFirst:this.state.defaultActiveFirst,multiple:t.multiple,prefixCls:t.rootPrefixCls,id:this._menuId,ref:this.saveMenuInstance};return l["default"].createElement(v["default"],n,e)},render:function(){var e,t=this.isOpen();this.haveOpen=this.haveOpen||t;var n=this.props,r=this.getPrefixCls(),o=(e={},(0,i["default"])(e,n.className,!!n.className),(0,i["default"])(e,r+"-"+n.mode,1),e);o[this.getOpenClassName()]=t,o[this.getActiveClassName()]=n.active,o[this.getDisabledClassName()]=n.disabled,o[this.getSelectedClassName()]=this.isChildrenSelected(),this._menuId||(n.eventKey?this._menuId=n.eventKey+"$Menu":this._menuId="$__$"+ ++w+"$Menu"),o[r]=!0,o[r+"-"+n.mode]=1;var a={},u={},c={};n.disabled||(a={onClick:this.onTitleClick},u={onMouseLeave:this.onMouseLeave,onMouseEnter:this.onMouseEnter},c={onMouseEnter:this.onTitleMouseEnter,onMouseLeave:this.onTitleMouseLeave});var f={};return"inline"===n.mode&&(f.paddingLeft=n.inlineIndent*n.level),l["default"].createElement("li",(0,s["default"])({className:(0,b["default"])(o)},u),l["default"].createElement("div",(0,s["default"])({style:f,className:r+"-title"},c,a,{"aria-expanded":t,"aria-owns":this._menuId,"aria-haspopup":"true"}),n.title),this.renderChildren(n.children))}});x.isSubMenu=1,t["default"]=x,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(80),i=r(o),a=n(79),s=r(a),u=n(477),l=r(u),c=n(2),f=r(c);t["default"]={componentDidMount:function(){this.componentDidUpdate()},componentDidUpdate:function(){"inline"!==this.props.mode&&(this.props.open?this.bindRootCloseHandlers():this.unbindRootCloseHandlers())},handleDocumentKeyUp:function(e){e.keyCode===i["default"].ESC&&this.props.onItemHover({key:this.props.eventKey,item:this,hover:!1})},handleDocumentClick:function(e){if(!(0,l["default"])(f["default"].findDOMNode(this),e.target)){var t=this.props;t.onItemHover({hover:!1,item:this,key:this.props.eventKey}),this.triggerOpenChange(!1)}},bindRootCloseHandlers:function(){this._onDocumentClickListener||(this._onDocumentClickListener=(0,s["default"])(document,"click",this.handleDocumentClick),this._onDocumentKeyupListener=(0,s["default"])(document,"keyup",this.handleDocumentKeyUp))},unbindRootCloseHandlers:function(){this._onDocumentClickListener&&(this._onDocumentClickListener.remove(),this._onDocumentClickListener=null),this._onDocumentKeyupListener&&(this._onDocumentKeyupListener.remove(),this._onDocumentKeyupListener=null)},componentWillUnmount:function(){this.unbindRootCloseHandlers()}},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(47),i=r(o),a=n(9),s=r(a),u=n(1),l=r(u),c=n(12),f=r(c),p=n(57),d=r(p),h=n(481),v=r(h),m=n(31),y=r(m),g=(0,d["default"])({displayName:"SubPopupMenu",propTypes:{onSelect:f["default"].func,onClick:f["default"].func,onDeselect:f["default"].func,onOpenChange:f["default"].func,onDestroy:f["default"].func,openTransitionName:f["default"].string,openAnimation:f["default"].oneOfType([f["default"].string,f["default"].object]),openKeys:f["default"].arrayOf(f["default"].string),closeSubMenuOnMouseLeave:f["default"].bool,visible:f["default"].bool,children:f["default"].any},mixins:[v["default"]],onDeselect:function(e){this.props.onDeselect(e)},onSelect:function(e){this.props.onSelect(e)},onClick:function(e){this.props.onClick(e)},onOpenChange:function(e){this.props.onOpenChange(e)},onDestroy:function(e){this.props.onDestroy(e)},onItemHover:function(e){var t=e.openChanges,n=void 0===t?[]:t;n=n.concat(this.getOpenChangesOnItemHover(e)),n.length&&this.onOpenChange(n)},getOpenTransitionName:function(){return this.props.openTransitionName},renderMenuItem:function(e,t,n){if(!e)return null;var r=this.props,o={openKeys:r.openKeys,selectedKeys:r.selectedKeys,openSubMenuOnMouseEnter:!0};return this.renderCommonMenuItem(e,t,n,o)},render:function(){var e=this.renderFirst;if(this.renderFirst=1,this.haveOpened=this.haveOpened||this.props.visible,!this.haveOpened)return null;var t=!0;!e&&this.props.visible&&(t=!1);var n=(0,s["default"])({},this.props);n.className+=" "+n.prefixCls+"-sub";var r={};return n.openTransitionName?r.transitionName=n.openTransitionName:"object"===(0,i["default"])(n.openAnimation)&&(r.animation=(0,s["default"])({},n.openAnimation),t||delete r.animation.appear),l["default"].createElement(y["default"],(0,s["default"])({},r,{showProp:"visible",component:"",transitionAppear:t}),this.renderRoot(n))}});t["default"]=g,e.exports=t["default"]},function(e,t,n){"use strict";function r(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):r(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var s=n(1),u=function(e){function t(){return o(this,t),i(this,e.apply(this,arguments))}return a(t,e),t}(s.Component);u.propTypes={className:s.PropTypes.string,colSpan:s.PropTypes.number,title:s.PropTypes.node,dataIndex:s.PropTypes.string,width:s.PropTypes.oneOfType([s.PropTypes.number,s.PropTypes.string]),fixed:s.PropTypes.oneOf([!0,"left","right"]),render:s.PropTypes.func,onCellClick:s.PropTypes.func},t["default"]=u,e.exports=t["default"]},function(e,t,n){"use strict";function r(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):r(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var s=n(1),u=function(e){function t(){return o(this,t),i(this,e.apply(this,arguments))}return a(t,e),t}(s.Component);u.propTypes={title:s.PropTypes.node},u.isTableColumnGroup=!0,t["default"]=u,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s=n(1),u=r(s),l=function(){function e(t,n){i(this,e),this._cached={},this.columns=t||this.normalize(n)}return e.prototype.isAnyColumnsFixed=function(){var e=this;return this._cache("isAnyColumnsFixed",function(){return e.columns.some(function(e){return!!e.fixed})})},e.prototype.isAnyColumnsLeftFixed=function(){var e=this;return this._cache("isAnyColumnsLeftFixed",function(){return e.columns.some(function(e){return"left"===e.fixed||e.fixed===!0})})},e.prototype.isAnyColumnsRightFixed=function(){var e=this;return this._cache("isAnyColumnsRightFixed",function(){return e.columns.some(function(e){return"right"===e.fixed})})},e.prototype.leftColumns=function(){var e=this;return this._cache("leftColumns",function(){return e.groupedColumns().filter(function(e){return"left"===e.fixed||e.fixed===!0})})},e.prototype.rightColumns=function(){var e=this;return this._cache("rightColumns",function(){return e.groupedColumns().filter(function(e){return"right"===e.fixed})})},e.prototype.leafColumns=function(){var e=this;return this._cache("leafColumns",function(){return e._leafColumns(e.columns)})},e.prototype.leftLeafColumns=function(){var e=this;return this._cache("leftLeafColumns",function(){return e._leafColumns(e.leftColumns())})},e.prototype.rightLeafColumns=function(){var e=this;return this._cache("rightLeafColumns",function(){return e._leafColumns(e.rightColumns())})},e.prototype.groupedColumns=function(){var e=this;return this._cache("groupedColumns",function(){var t=function n(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];o[t]=o[t]||[];var i=[],s=function(e){var n=o.length-t;e&&!e.children&&n>1&&(!e.rowSpan||e.rowSpan<n)&&(e.rowSpan=n)};return e.forEach(function(u,l){var c=a({},u);o[t].push(c),r.colSpan=r.colSpan||0,c.children&&c.children.length>0?(c.children=n(c.children,t+1,c,o),r.colSpan=r.colSpan+c.colSpan):r.colSpan++;for(var f=0;f<o[t].length-1;++f)s(o[t][f]);l+1===e.length&&s(c),i.push(c)}),i};return t(e.columns)})},e.prototype.normalize=function(e){var t=this,n=[];return u["default"].Children.forEach(e,function(e){if(u["default"].isValidElement(e)){var r=a({},e.props);e.key&&(r.key=e.key),e.type.isTableColumnGroup&&(r.children=t.normalize(r.children)),n.push(r)}}),n},e.prototype.reset=function(e,t){this.columns=e||this.normalize(t),this._cached={}},e.prototype._cache=function(e,t){return e in this._cached?this._cached[e]:(this._cached[e]=t(),this._cached[e])},e.prototype._leafColumns=function(e){var t=this,n=[];return e.forEach(function(e){e.children?n.push.apply(n,o(t._leafColumns(e.children))):n.push(e)}),n},e}();t["default"]=l,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var u=n(1),l=r(u),c=n(56),f=r(c),p=function(e){function t(){return i(this,t),a(this,e.apply(this,arguments))}return s(t,e),t.prototype.shouldComponentUpdate=function(e){return!(0,f["default"])(e,this.props)},t.prototype.render=function(){var e=this.props,t=e.expandable,n=e.prefixCls,r=e.onExpand,o=e.needIndentSpaced,i=e.expanded,a=e.record;if(t){var s=i?"expanded":"collapsed";return l["default"].createElement("span",{className:n+"-expand-icon "+n+"-"+s,onClick:function(e){return r(!i,a,e)}})}return o?l["default"].createElement("span",{className:n+"-expand-icon "+n+"-spaced"}):null},t}(l["default"].Component);p.propTypes={record:u.PropTypes.object,prefixCls:u.PropTypes.string,expandable:u.PropTypes.any,expanded:u.PropTypes.bool,needIndentSpaced:u.PropTypes.bool,onExpand:u.PropTypes.func},t["default"]=p,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c=n(1),f=r(c),p=n(1781),d=r(p),h=n(1780),v=r(h),m=n(1783),y=n(56),g=r(y),b=n(79),_=r(b),w=n(1776),x=r(w),C=n(1782),E=r(C),S=n(229),P=r(S),O=function(e){function t(n){a(this,t);var r=s(this,e.call(this,n));r.onExpanded=function(e,t,n,o){n&&(n.preventDefault(),n.stopPropagation());var i=r.findExpandedRow(t);if("undefined"==typeof i||e){if(!i&&e){var a=r.getExpandedRows().concat();a.push(r.getRowKey(t,o)),r.onExpandedRowsChange(a)}}else r.onRowDestroy(t,o);r.props.onExpand(e,t)},r.onRowDestroy=function(e,t){var n=r.getExpandedRows().concat(),o=r.getRowKey(e,t),i=-1;n.forEach(function(e,t){e===o&&(i=t)}),i!==-1&&n.splice(i,1),r.onExpandedRowsChange(n)},r.handleWindowResize=function(){r.syncFixedTableRowHeight(),r.setScrollPositionClassName()},r.syncFixedTableRowHeight=function(){var e=r.tableNode.getBoundingClientRect();if(!(void 0!==e.height&&e.height<=0)){var t=r.props.prefixCls,n=r.refs.headTable?r.refs.headTable.querySelectorAll("thead"):r.refs.bodyTable.querySelectorAll("thead"),o=r.refs.bodyTable.querySelectorAll("."+t+"-row")||[],i=[].map.call(n,function(e){return e.getBoundingClientRect().height||"auto"}),a=[].map.call(o,function(e){return e.getBoundingClientRect().height||"auto"});(0,g["default"])(r.state.fixedColumnsHeadRowsHeight,i)&&(0,g["default"])(r.state.fixedColumnsBodyRowsHeight,a)||r.setState({fixedColumnsHeadRowsHeight:i,fixedColumnsBodyRowsHeight:a})}},r.detectScrollTarget=function(e){r.scrollTarget!==e.currentTarget&&(r.scrollTarget=e.currentTarget)},r.handleBodyScroll=function(e){if(e.target===r.scrollTarget){var t=r.props.scroll,n=void 0===t?{}:t,o=r.refs,i=o.headTable,a=o.bodyTable,s=o.fixedColumnsBodyLeft,u=o.fixedColumnsBodyRight;n.x&&e.target.scrollLeft!==r.lastScrollLeft&&(e.target===a&&i?i.scrollLeft=e.target.scrollLeft:e.target===i&&a&&(a.scrollLeft=e.target.scrollLeft),r.setScrollPositionClassName(e.target)),n.y&&(s&&e.target!==s&&(s.scrollTop=e.target.scrollTop),u&&e.target!==u&&(u.scrollTop=e.target.scrollTop),a&&e.target!==a&&(a.scrollTop=e.target.scrollTop)),r.lastScrollLeft=e.target.scrollLeft}},r.handleRowHover=function(e,t){r.store.setState({currentHoverKey:e?t:null})};var o=[],u=[].concat(i(n.data));if(r.columnManager=new x["default"](n.columns,n.children),r.store=(0,E["default"])({currentHoverKey:null,expandedRowsHeight:{}}),r.setScrollPosition("left"),n.defaultExpandAllRows)for(var l=0;l<u.length;l++){var c=u[l];o.push(r.getRowKey(c,l)),u=u.concat(c[n.childrenColumnName]||[])}else o=n.expandedRowKeys||n.defaultExpandedRowKeys;return r.state={expandedRowKeys:o,currentHoverKey:null,fixedColumnsHeadRowsHeight:[],fixedColumnsBodyRowsHeight:[]},r}return u(t,e),t.prototype.componentDidMount=function(){this.columnManager.isAnyColumnsFixed()&&(this.handleWindowResize(),this.debouncedWindowResize=(0,m.debounce)(this.handleWindowResize,150),this.resizeEvent=(0,_["default"])(window,"resize",this.debouncedWindowResize))},t.prototype.componentWillReceiveProps=function(e){"expandedRowKeys"in e&&this.setState({expandedRowKeys:e.expandedRowKeys}),e.columns&&e.columns!==this.props.columns?this.columnManager.reset(e.columns):e.children!==this.props.children&&this.columnManager.reset(null,e.children)},t.prototype.componentDidUpdate=function(e){this.columnManager.isAnyColumnsFixed()&&this.handleWindowResize(),e.data.length>0&&0===this.props.data.length&&this.hasScrollX()&&this.resetScrollX()},t.prototype.componentWillUnmount=function(){this.resizeEvent&&this.resizeEvent.remove(),this.debouncedWindowResize&&this.debouncedWindowResize.cancel()},t.prototype.onExpandedRowsChange=function(e){this.props.expandedRowKeys||this.setState({expandedRowKeys:e}),this.props.onExpandedRowsChange(e)},t.prototype.getRowKey=function(e,t){var n=this.props.rowKey,r="function"==typeof n?n(e,t):e[n];return(0,m.warningOnce)(void 0!==r,"Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key."),void 0===r?t:r},t.prototype.getExpandedRows=function(){return this.props.expandedRowKeys||this.state.expandedRowKeys},t.prototype.getHeader=function(e,t){var n=this.props,r=n.showHeader,o=n.expandIconAsCell,i=n.prefixCls,a=this.getHeaderRows(e);o&&"right"!==t&&a[0].unshift({key:"rc-table-expandIconAsCell",className:i+"-expand-icon-th",title:"",rowSpan:a.length});var s=t?this.getHeaderRowStyle(e,a):null;return r?f["default"].createElement(v["default"],{prefixCls:i,rows:a,rowStyle:s}):null},t.prototype.getHeaderRows=function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments[2];return r=r||[],r[n]=r[n]||[],e.forEach(function(e){if(e.rowSpan&&r.length<e.rowSpan)for(;r.length<e.rowSpan;)r.push([]);var o={key:e.key,className:e.className||"",children:e.title};e.children&&t.getHeaderRows(e.children,n+1,r),"colSpan"in e&&(o.colSpan=e.colSpan),"rowSpan"in e&&(o.rowSpan=e.rowSpan),0!==o.colSpan&&r[n].push(o)}),r.filter(function(e){return e.length>0})},t.prototype.getExpandedRow=function(e,t,n,r,o){var i=this.props,a=i.prefixCls,s=i.expandIconAsCell,u=void 0;u="left"===o?this.columnManager.leftLeafColumns().length:"right"===o?this.columnManager.rightLeafColumns().length:this.columnManager.leafColumns().length;var l=[{key:"extra-row",render:function(){return{props:{colSpan:u},children:"right"!==o?t:"&nbsp;"}}}];return s&&"right"!==o&&l.unshift({key:"expand-icon-placeholder",render:function(){return null}}),f["default"].createElement(d["default"],{columns:l,visible:n,className:r,key:e+"-extra-row",rowKey:e+"-extra-row",prefixCls:a+"-expanded-row",indent:1,expandable:!1,store:this.store,expandedRow:!0,fixed:!!o})},t.prototype.getRowsByData=function(e,t,n,r,o){for(var i=this.props,a=i.childrenColumnName,s=i.expandedRowRender,u=i.expandRowByClick,c=this.state.fixedColumnsBodyRowsHeight,p=[],h=i.rowClassName,v=i.rowRef,m=i.expandedRowClassName,y=i.data.some(function(e){return e[a]}),g=i.onRowClick,b=i.onRowDoubleClick,_="right"!==o&&i.expandIconAsCell,w="right"!==o?i.expandIconColumnIndex:-1,x=0;x<e.length;x++){var C=e[x],E=this.getRowKey(C,x),S=C[a],P=this.isRowExpanded(C,x),O=void 0;s&&P&&(O=s(C,x,n));var T=h(C,x,n),k={};this.columnManager.isAnyColumnsFixed()&&(k.onHover=this.handleRowHover);var M=o&&c[x]?c[x]:null,N=void 0;N="left"===o?this.columnManager.leftLeafColumns():"right"===o?this.columnManager.rightLeafColumns():this.columnManager.leafColumns(),p.push(f["default"].createElement(d["default"],l({indent:n,indentSize:i.indentSize,needIndentSpaced:y,className:T,record:C,expandIconAsCell:_,onDestroy:this.onRowDestroy,index:x,visible:t,expandRowByClick:u,onExpand:this.onExpanded,expandable:S||s,expanded:P,prefixCls:i.prefixCls+"-row",childrenColumnName:a,columns:N,expandIconColumnIndex:w,onRowClick:g,onRowDoubleClick:b,height:M},k,{key:E,hoverKey:E,ref:v(C,x,n),store:this.store})));var A=t&&P;O&&P&&p.push(this.getExpandedRow(E,O,A,m(C,x,n),o)),S&&(p=p.concat(this.getRowsByData(S,A,n+1,r,o)))}return p},t.prototype.getRows=function(e,t){return this.getRowsByData(this.props.data,!0,0,e,t)},t.prototype.getColGroup=function(e,t){var n=[];this.props.expandIconAsCell&&"right"!==t&&n.push(f["default"].createElement("col",{className:this.props.prefixCls+"-expand-icon-col",key:"rc-table-expand-icon-col"}));var r=void 0;return r="left"===t?this.columnManager.leftLeafColumns():"right"===t?this.columnManager.rightLeafColumns():this.columnManager.leafColumns(),n=n.concat(r.map(function(e){return f["default"].createElement("col",{key:e.key,style:{width:e.width,minWidth:e.width}})})),f["default"].createElement("colgroup",null,n)},t.prototype.getLeftFixedTable=function(){return this.getTable({columns:this.columnManager.leftColumns(),fixed:"left"})},t.prototype.getRightFixedTable=function(){return this.getTable({columns:this.columnManager.rightColumns(),fixed:"right"})},t.prototype.getTable=function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=t.columns,r=t.fixed,o=this.props,i=o.prefixCls,a=o.scroll,s=void 0===a?{}:a,u=o.getBodyWrapper,c=this.props.useFixedHeader,p=l({},this.props.bodyStyle),d={},h="";(s.x||r)&&(h=i+"-fixed",p.overflowX=p.overflowX||"auto");var v={};if(s.y){r?(v.maxHeight=p.maxHeight||s.y,v.overflowY=p.overflowY||"scroll"):p.maxHeight=p.maxHeight||s.y,p.overflowY=p.overflowY||"scroll",c=!0;var y=(0,m.measureScrollbar)();y>0&&((r?p:d).marginBottom="-"+y+"px",(r?p:d).paddingBottom="0px")}var g=function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],o=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],a={};!r&&s.x&&(s.x===!0?a.tableLayout="fixed":a.width=s.x);var l=o?u(f["default"].createElement("tbody",{className:i+"-tbody"},e.getRows(n,r))):null;return f["default"].createElement("table",{className:h,style:a,key:"table"},e.getColGroup(n,r),t?e.getHeader(n,r):null,l)},b=void 0;c&&(b=f["default"].createElement("div",{key:"headTable",className:i+"-header",ref:r?null:"headTable",style:d,onMouseOver:this.detectScrollTarget,onTouchStart:this.detectScrollTarget,onScroll:this.handleBodyScroll},g(!0,!1)));var _=f["default"].createElement("div",{key:"bodyTable",className:i+"-body",style:p,ref:"bodyTable",onMouseOver:this.detectScrollTarget,onTouchStart:this.detectScrollTarget,onScroll:this.handleBodyScroll},g(!c));if(r&&n.length){var w=void 0;"left"===n[0].fixed||n[0].fixed===!0?w="fixedColumnsBodyLeft":"right"===n[0].fixed&&(w="fixedColumnsBodyRight"),delete p.overflowX,delete p.overflowY,_=f["default"].createElement("div",{key:"bodyTable",className:i+"-body-outer",style:l({},p)},f["default"].createElement("div",{className:i+"-body-inner",style:v,ref:w,onMouseOver:this.detectScrollTarget,onTouchStart:this.detectScrollTarget,onScroll:this.handleBodyScroll},g(!c)))}return[b,_]},t.prototype.getTitle=function(){var e=this.props,t=e.title,n=e.prefixCls;return t?f["default"].createElement("div",{className:n+"-title",key:"title"},t(this.props.data)):null},t.prototype.getFooter=function(){var e=this.props,t=e.footer,n=e.prefixCls;return t?f["default"].createElement("div",{className:n+"-footer",key:"footer"},t(this.props.data)):null},t.prototype.getEmptyText=function(){var e=this.props,t=e.emptyText,n=e.prefixCls,r=e.data;return r.length?null:f["default"].createElement("div",{className:n+"-placeholder",key:"emptyText"},t())},t.prototype.getHeaderRowStyle=function(e,t){var n=this.state.fixedColumnsHeadRowsHeight,r=n[0];return r&&e?"auto"===r?{height:"auto"}:{height:r/t.length}:null},t.prototype.setScrollPosition=function(e){if(this.scrollPosition=e,this.tableNode){var t=this.props.prefixCls;"both"===e?(0,P["default"])(this.tableNode).remove(new RegExp("^"+t+"-scroll-position-.+$")).add(t+"-scroll-position-left").add(t+"-scroll-position-right"):(0,P["default"])(this.tableNode).remove(new RegExp("^"+t+"-scroll-position-.+$")).add(t+"-scroll-position-"+e)}},t.prototype.setScrollPositionClassName=function(e){var t=e||this.refs.bodyTable,n=0===t.scrollLeft,r=t.scrollLeft+1>=t.children[0].getBoundingClientRect().width-t.getBoundingClientRect().width;n&&r?this.setScrollPosition("both"):n?this.setScrollPosition("left"):r?this.setScrollPosition("right"):"middle"!==this.scrollPosition&&this.setScrollPosition("middle")},t.prototype.resetScrollX=function(){this.refs.headTable&&(this.refs.headTable.scrollLeft=0),this.refs.bodyTable&&(this.refs.bodyTable.scrollLeft=0)},t.prototype.findExpandedRow=function(e,t){var n=this,r=this.getExpandedRows().filter(function(r){return r===n.getRowKey(e,t)});return r[0]},t.prototype.isRowExpanded=function(e,t){return"undefined"!=typeof this.findExpandedRow(e,t)},t.prototype.hasScrollX=function(){var e=this.props.scroll,t=void 0===e?{}:e;return"x"in t},t.prototype.render=function(){var e=this,t=this.props,n=t.prefixCls,r=t.prefixCls;t.className&&(r+=" "+t.className),(t.useFixedHeader||t.scroll&&t.scroll.y)&&(r+=" "+n+"-fixed-header"),r+="both"===this.scrollPosition?" "+n+"-scroll-position-left "+n+"-scroll-position-right":" "+n+"-scroll-position-"+this.scrollPosition;var o=this.columnManager.isAnyColumnsFixed()||t.scroll.x||t.scroll.y,i=[this.getTable({columns:this.columnManager.groupedColumns()}),this.getEmptyText(),this.getFooter()],a=o?f["default"].createElement("div",{className:n+"-scroll"},i):i;return f["default"].createElement("div",{ref:function(t){return e.tableNode=t},className:r,style:t.style},this.getTitle(),f["default"].createElement("div",{className:n+"-content"},a,this.columnManager.isAnyColumnsLeftFixed()&&f["default"].createElement("div",{className:n+"-fixed-left"},this.getLeftFixedTable()),this.columnManager.isAnyColumnsRightFixed()&&f["default"].createElement("div",{className:n+"-fixed-right"},this.getRightFixedTable())))},t}(f["default"].Component);O.propTypes={data:c.PropTypes.array,expandIconAsCell:c.PropTypes.bool,defaultExpandAllRows:c.PropTypes.bool,expandedRowKeys:c.PropTypes.array,defaultExpandedRowKeys:c.PropTypes.array,useFixedHeader:c.PropTypes.bool,columns:c.PropTypes.array,prefixCls:c.PropTypes.string,bodyStyle:c.PropTypes.object,style:c.PropTypes.object,rowKey:c.PropTypes.oneOfType([c.PropTypes.string,c.PropTypes.func]),rowClassName:c.PropTypes.func,expandedRowClassName:c.PropTypes.func,childrenColumnName:c.PropTypes.string,onExpand:c.PropTypes.func,onExpandedRowsChange:c.PropTypes.func,indentSize:c.PropTypes.number,onRowClick:c.PropTypes.func,onRowDoubleClick:c.PropTypes.func,expandIconColumnIndex:c.PropTypes.number,showHeader:c.PropTypes.bool,title:c.PropTypes.func,footer:c.PropTypes.func,emptyText:c.PropTypes.func,scroll:c.PropTypes.object,rowRef:c.PropTypes.func,getBodyWrapper:c.PropTypes.func,children:c.PropTypes.node},O.defaultProps={data:[],useFixedHeader:!1,expandIconAsCell:!1,defaultExpandAllRows:!1,defaultExpandedRowKeys:[],rowKey:"key",rowClassName:function(){return""},expandedRowClassName:function(){return""},onExpand:function(){},onExpandedRowsChange:function(){},onRowClick:function(){},onRowDoubleClick:function(){},prefixCls:"rc-table",bodyStyle:{},style:{},childrenColumnName:"children",indentSize:15,expandIconColumnIndex:0,showHeader:!0,scroll:{},rowRef:function(){return null},getBodyWrapper:function(e){return e},emptyText:function(){return"No Data"}},t["default"]=O,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l=n(1),c=r(l),f=n(480),p=r(f),d=function(e){function t(){
-var n,r,o;i(this,t);for(var s=arguments.length,u=Array(s),l=0;l<s;l++)u[l]=arguments[l];return n=r=a(this,e.call.apply(e,[this].concat(u))),r.handleClick=function(e){var t=r.props,n=t.record,o=t.column.onCellClick;o&&o(n,e)},o=n,a(r,o)}return s(t,e),t.prototype.isInvalidRenderCellText=function(e){return e&&!c["default"].isValidElement(e)&&"[object Object]"===Object.prototype.toString.call(e)},t.prototype.render=function n(){var e=this.props,t=e.record,r=e.indentSize,o=e.prefixCls,i=e.indent,a=e.index,s=e.expandIcon,l=e.column,f=l.dataIndex,n=l.render,d=l.className,h=void 0===d?"":d,v=void 0;v="number"==typeof f?(0,p["default"])(t,f):f&&0!==f.length?(0,p["default"])(t,f):t;var m=void 0,y=void 0,g=void 0;n&&(v=n(v,t,a),this.isInvalidRenderCellText(v)&&(m=v.props||{},y=m.colSpan,g=m.rowSpan,v=v.children)),this.isInvalidRenderCellText(v)&&(v=null);var b=s?c["default"].createElement("span",{style:{paddingLeft:r*i+"px"},className:o+"-indent indent-level-"+i}):null;return 0===g||0===y?null:c["default"].createElement("td",u({className:h},m,{onClick:this.handleClick}),b,s,v)},t}(c["default"].Component);d.propTypes={record:l.PropTypes.object,prefixCls:l.PropTypes.string,index:l.PropTypes.number,indent:l.PropTypes.number,indentSize:l.PropTypes.number,column:l.PropTypes.object,expandIcon:l.PropTypes.node},t["default"]=d,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l=n(1),c=r(l),f=n(56),p=r(f),d=function(e){function t(){return i(this,t),a(this,e.apply(this,arguments))}return s(t,e),t.prototype.shouldComponentUpdate=function(e){return!(0,p["default"])(e,this.props)},t.prototype.render=function(){var e=this.props,t=e.prefixCls,n=e.rowStyle,r=e.rows;return c["default"].createElement("thead",{className:t+"-thead"},r.map(function(e,t){return c["default"].createElement("tr",{key:t,style:n},e.map(function(e,t){return c["default"].createElement("th",u({},e,{key:t}))}))}))},t}(c["default"].Component);d.propTypes={prefixCls:l.PropTypes.string,rowStyle:l.PropTypes.object,rows:l.PropTypes.array},t["default"]=d,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var u=n(1),l=r(u),c=n(1779),f=r(c),p=n(1777),d=r(p),h=function(e){function t(){var n,r,o;i(this,t);for(var s=arguments.length,u=Array(s),l=0;l<s;l++)u[l]=arguments[l];return n=r=a(this,e.call.apply(e,[this].concat(u))),r.state={hovered:!1,height:null},r.onRowClick=function(e){var t=r.props,n=t.record,o=t.index,i=t.onRowClick,a=t.expandable,s=t.expandRowByClick,u=t.expanded,l=t.onExpand;a&&s&&l(!u,n,e,o),i(n,o,e)},r.onRowDoubleClick=function(e){var t=r.props,n=t.record,o=t.index,i=t.onRowDoubleClick;i(n,o,e)},r.onMouseEnter=function(){var e=r.props,t=e.onHover,n=e.hoverKey;t(!0,n)},r.onMouseLeave=function(){var e=r.props,t=e.onHover,n=e.hoverKey;t(!1,n)},o=n,a(r,o)}return s(t,e),t.prototype.componentDidMount=function(){var e=this,t=this.props.store;this.pushHeight(),this.pullHeight(),this.unsubscribe=t.subscribe(function(){e.setHover(),e.pullHeight()})},t.prototype.componentWillUnmount=function(){var e=this.props,t=e.record,n=e.onDestroy,r=e.index;n(t,r),this.unsubscribe&&this.unsubscribe()},t.prototype.setHover=function(){var e=this.props,t=e.store,n=e.hoverKey,r=t.getState(),o=r.currentHoverKey;o===n?this.setState({hovered:!0}):this.state.hovered===!0&&this.setState({hovered:!1})},t.prototype.pullHeight=function(){var e=this.props,t=e.store,n=e.expandedRow,r=e.fixed,o=e.rowKey,i=t.getState(),a=i.expandedRowsHeight;n&&r&&a[o]&&this.setState({height:a[o]})},t.prototype.pushHeight=function(){var e=this.props,t=e.store,n=e.expandedRow,r=e.fixed,o=e.rowKey;if(n&&!r){var i=t.getState(),a=i.expandedRowsHeight,s=this.trRef.getBoundingClientRect().height;a[o]=s,t.setState({expandedRowsHeight:a})}},t.prototype.render=function(){var e=this,t=this.props,n=t.prefixCls,r=t.columns,o=t.record,i=t.visible,a=t.index,s=t.expandIconColumnIndex,u=t.expandIconAsCell,c=t.expanded,p=t.expandRowByClick,h=t.expandable,v=t.onExpand,m=t.needIndentSpaced,y=t.indent,g=t.indentSize,b=this.props.className;this.state.hovered&&(b+=" "+n+"-hover");for(var _=[],w=l["default"].createElement(d["default"],{expandable:h,prefixCls:n,onExpand:v,needIndentSpaced:m,expanded:c,record:o}),x=0;x<r.length;x++){u&&0===x&&_.push(l["default"].createElement("td",{className:n+"-expand-icon-cell",key:"rc-table-expand-icon-cell"},w));var C=!u&&!p&&x===s;_.push(l["default"].createElement(f["default"],{prefixCls:n,record:o,indentSize:g,indent:y,index:a,column:r[x],key:r[x].key,expandIcon:C?w:null}))}var E=this.props.height||this.state.height,S={height:E};return i||(S.display="none"),l["default"].createElement("tr",{ref:function(t){return e.trRef=t},onClick:this.onRowClick,onDoubleClick:this.onRowDoubleClick,onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,className:n+" "+b+" "+n+"-level-"+y,style:S},_)},t}(l["default"].Component);h.propTypes={onDestroy:u.PropTypes.func,onRowClick:u.PropTypes.func,onRowDoubleClick:u.PropTypes.func,record:u.PropTypes.object,prefixCls:u.PropTypes.string,expandIconColumnIndex:u.PropTypes.number,onHover:u.PropTypes.func,columns:u.PropTypes.array,height:u.PropTypes.oneOfType([u.PropTypes.string,u.PropTypes.number]),visible:u.PropTypes.bool,index:u.PropTypes.number,hoverKey:u.PropTypes.any,expanded:u.PropTypes.bool,expandable:u.PropTypes.any,onExpand:u.PropTypes.func,needIndentSpaced:u.PropTypes.bool,className:u.PropTypes.string,indent:u.PropTypes.number,indentSize:u.PropTypes.number,expandIconAsCell:u.PropTypes.bool,expandRowByClick:u.PropTypes.bool,store:u.PropTypes.object.isRequired,expandedRow:u.PropTypes.bool,fixed:u.PropTypes.bool,rowKey:u.PropTypes.string},h.defaultProps={onRowClick:function(){},onRowDoubleClick:function(){},onDestroy:function(){},expandIconColumnIndex:0,expandRowByClick:!1,onHover:function(){}},t["default"]=h,e.exports=t["default"]},function(e,t){"use strict";function n(e){function t(e){i=r({},i,e);for(var t=0;t<a.length;t++)a[t]()}function n(){return i}function o(e){return a.push(e),function(){var t=a.indexOf(e);a.splice(t,1)}}var i=e,a=[];return{setState:t,getState:n,subscribe:o}}Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};t["default"]=n,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){if("undefined"==typeof document||"undefined"==typeof window)return 0;if(l)return l;var e=document.createElement("div");for(var t in c)c.hasOwnProperty(t)&&(e.style[t]=c[t]);document.body.appendChild(e);var n=e.offsetWidth-e.clientWidth;return document.body.removeChild(e),l=n}function i(e,t,n){function r(){var r=this,i=arguments;i[0]&&i[0].persist&&i[0].persist();var a=function(){o=null,n||e.apply(r,i)},s=n&&!o;clearTimeout(o),o=setTimeout(a,t),s&&e.apply(r,i)}var o=void 0;return r.cancel=function(){o&&(clearTimeout(o),o=null)},r}function a(e,t,n){f[t]||((0,u["default"])(e,t,n),f[t]=!e)}Object.defineProperty(t,"__esModule",{value:!0}),t.measureScrollbar=o,t.debounce=i,t.warningOnce=a;var s=n(45),u=r(s),l=void 0,c={position:"absolute",top:"-9999px",width:"50px",height:"50px",overflow:"scroll"},f={}},function(e,t){"use strict";function n(){if(void 0!==r)return r;var e="Webkit Moz O ms Khtml".split(" "),t=document.createElement("div");if(void 0!==t.style.animationName&&(r=!0),void 0!==r)for(var n=0;n<e.length;n++)if(void 0!==t.style[e[n]+"AnimationName"]){r=!0;break}return r=r||!1}Object.defineProperty(t,"__esModule",{value:!0});var r=void 0;t["default"]=n,e.exports=t["default"]},function(e,t){"use strict";function n(){if("undefined"!=typeof window&&window.document&&window.document.documentElement){var e=window.document.documentElement;return"flex"in e.style||"webkitFlex"in e.style||"Flex"in e.style||"msFlex"in e.style}return!1}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=n,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=void 0,n=function(n){return function(){t=null,e.apply(void 0,(0,s["default"])(n))}},r=function(){for(var e=arguments.length,r=Array(e),o=0;o<e;o++)r[o]=arguments[o];null==t&&(t=c(n(r)))};return r.cancel=function(){return(0,u.cancelRequestAnimationFrame)(t)},r}function i(){return function(e,t,n){var r=n.value,i=!1;return{configurable:!0,get:function(){if(i||this===e.prototype||this.hasOwnProperty(t))return r;var n=o(r.bind(this));return i=!0,Object.defineProperty(this,t,{value:n,configurable:!0,writable:!0}),i=!1,n}}}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(62),s=r(a);t["default"]=o,t.throttleByAnimationFrameDecorator=i;var u=n(199),l=r(u),c=(0,l["default"])()},function(e,t,n){"use strict";n(14),n(1241)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var i=n(10),a=r(i),s=n(4),u=r(s),l=n(7),c=r(l),f=n(6),p=r(f),d=n(1),h=r(d),v=n(2),m=r(v),y=n(31),g=r(y),b=n(23),_=r(b),w=n(8),x=r(w),C=function(e){function t(n){(0,u["default"])(this,t);var r=(0,c["default"])(this,e.call(this,n));return r.handleClose=function(e){e.preventDefault();var t=m["default"].findDOMNode(r);t.style.height=t.offsetHeight+"px",t.style.height=t.offsetHeight+"px",r.setState({closing:!1}),(r.props.onClose||o)(e)},r.animationEnd=function(){r.setState({closed:!0,closing:!0})},r.state={closing:!0,closed:!1},r}return(0,p["default"])(t,e),t.prototype.render=function(){var e,t=this.props,n=t.closable,r=t.description,o=t.type,i=t.prefixCls,s=void 0===i?"ant-alert":i,u=t.message,l=t.closeText,c=t.showIcon,f=t.banner,p=t.className,d=void 0===p?"":p,v=t.style;c=!(!f||void 0!==c)||c,o=f&&void 0===o?"warning":o||"info";var m="";switch(o){case"success":m="check-circle";break;case"info":m="info-circle";break;case"error":m="cross-circle";break;case"warning":m="exclamation-circle";break;default:m="default"}r&&(m+="-o");var y=(0,x["default"])(s,(e={},(0,a["default"])(e,s+"-"+o,!0),(0,a["default"])(e,s+"-close",!this.state.closing),(0,a["default"])(e,s+"-with-description",!!r),(0,a["default"])(e,s+"-no-icon",!c),(0,a["default"])(e,s+"-banner",!!f),e),d);l&&(n=!0);var b=n?h["default"].createElement("a",{onClick:this.handleClose,className:s+"-close-icon"},l||h["default"].createElement(_["default"],{type:"cross"})):null;return this.state.closed?null:h["default"].createElement(g["default"],{component:"",showProp:"data-show",transitionName:s+"-slide-up",onEnd:this.animationEnd},h["default"].createElement("div",{"data-show":this.state.closing,className:y,style:v},c?h["default"].createElement(_["default"],{className:s+"-icon",type:m}):null,h["default"].createElement("span",{className:s+"-message"},u),h["default"].createElement("span",{className:s+"-description"},r),b))},t}(h["default"].Component);t["default"]=C,e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1242)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(10),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(12),v=r(h),m=n(8),y=r(m),g=n(483),b=function(e){function t(){(0,s["default"])(this,t);var n=(0,l["default"])(this,e.apply(this,arguments));return n.renderAnchorLink=function(e){var t=e.props.href;return t?(n.context.anchorHelper.addLink(t),d["default"].cloneElement(e,{onClick:n.props.onClick,prefixCls:n.props.prefixCls,affix:n.props.affix,offsetTop:n.props.offsetTop})):e},n.refsTo=function(e){n._component=e},n.scrollTo=function(e){e.preventDefault();var t=n.props,r=t.onClick,o=t.href,i=n.context.anchorHelper;if(r)r(o,n._component);else{var a=i?i.scrollTo:g.scrollTo;a(o,n.props.offsetTop)}},n}return(0,f["default"])(t,e),t.prototype.setActiveAnchor=function(){var e=this.props,t=e.bounds,n=e.offsetTop,r=e.href,o=e.affix,i=this.context.anchorHelper,a=o&&i&&i.getCurrentAnchor(n,t)===r;a&&i&&i.setActiveAnchor(this._component)},t.prototype.componentDidMount=function(){this.setActiveAnchor()},t.prototype.componentDidUpdate=function(){this.setActiveAnchor()},t.prototype.render=function(){var e,t=this.props,n=t.prefixCls,r=t.href,o=t.children,a=t.title,s=t.bounds,u=t.offsetTop,l=t.affix,c=this.context.anchorHelper,f=l&&c&&c.getCurrentAnchor(u,s)===r,p=(0,y["default"])((e={},(0,i["default"])(e,n+"-link",!0),(0,i["default"])(e,n+"-link-active",f),e));return d["default"].createElement("div",{className:p},d["default"].createElement("a",{ref:this.refsTo,className:n+"-link-title",onClick:this.scrollTo,href:r,title:"string"==typeof a?a:""},a),d["default"].Children.map(o,this.renderAnchorLink))},t}(d["default"].Component);t["default"]=b,b.__ANT_ANCHOR_LINK=!0,b.contextTypes={anchorHelper:v["default"].any},b.defaultProps={href:"#",prefixCls:"ant-anchor"},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(10),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(12),v=r(h),m=n(8),y=r(m),g=n(79),b=r(g),_=n(1790),w=r(_),x=n(482),C=r(x),E=n(483),S=r(E),P=function(e){function t(n){(0,s["default"])(this,t);var r=(0,l["default"])(this,e.call(this,n));return r.handleScroll=function(){r.setState({activeAnchor:r.anchorHelper.getCurrentAnchor(r.props.offsetTop,r.props.bounds)})},r.updateInk=function(){var e=r.anchorHelper.getCurrentActiveAnchor();e&&(r.refs.ink.style.top=e.offsetTop+e.clientHeight/2-4.5+"px")},r.clickAnchorLink=function(e,t){r._avoidInk=!0,r.refs.ink.style.top=t.offsetTop+t.clientHeight/2-4.5+"px",r.anchorHelper.scrollTo(e,r.props.offsetTop,E.getDefaultTarget,function(){r._avoidInk=!1})},r.renderAnchorLink=function(e){var t=e.props.href;return e.type.__ANT_ANCHOR_LINK&&t?(r.anchorHelper.addLink(t),d["default"].cloneElement(e,{onClick:r.clickAnchorLink,prefixCls:r.props.prefixCls,bounds:r.props.bounds,affix:r.props.affix||r.props.showInkInFixed,offsetTop:r.props.offsetTop})):e},r.state={activeAnchor:null,animated:!0},r.anchorHelper=new S["default"],r}return(0,f["default"])(t,e),t.prototype.getChildContext=function(){return{anchorHelper:this.anchorHelper}},t.prototype.componentDidMount=function(){this.handleScroll(),this.updateInk(),this.scrollEvent=(0,b["default"])((this.props.target||E.getDefaultTarget)(),"scroll",this.handleScroll)},t.prototype.componentWillUnmount=function(){this.scrollEvent&&this.scrollEvent.remove()},t.prototype.componentDidUpdate=function(){this._avoidInk||this.updateInk()},t.prototype.render=function(){var e,t=this.props,n=t.prefixCls,r=t.offsetTop,o=t.style,a=t.className,s=void 0===a?"":a,u=t.affix,l=t.showInkInFixed,c=this.state,f=c.activeAnchor,p=c.animated,h=(0,y["default"])((e={},(0,i["default"])(e,n+"-ink-ball",!0),(0,i["default"])(e,"animated",p),(0,i["default"])(e,"visible",!!f),e)),v=(0,y["default"])((0,i["default"])({},n+"-wrapper",!0),s),m=(0,y["default"])(n,{fixed:!u&&!l}),g=d["default"].createElement("div",{className:v,style:o},d["default"].createElement("div",{className:m},d["default"].createElement("div",{className:n+"-ink"},d["default"].createElement("span",{className:h,ref:"ink"})),d["default"].Children.toArray(this.props.children).map(this.renderAnchorLink)));return u?d["default"].createElement(C["default"],{offsetTop:r},g):g},t}(d["default"].Component);t["default"]=P,P.Link=w["default"],P.defaultProps={prefixCls:"ant-anchor",affix:!0,showInkInFixed:!1},P.childContextTypes={anchorHelper:v["default"].any},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1243)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(2),v=function(e){function t(){(0,s["default"])(this,t);var n=(0,l["default"])(this,e.apply(this,arguments));return n.focus=function(){n.ele.focus?n.ele.focus():(0,h.findDOMNode)(n.ele).focus()},n.blur=function(){n.ele.blur?n.ele.blur():(0,h.findDOMNode)(n.ele).blur()},n}return(0,f["default"])(t,e),t.prototype.render=function(){var e=this;return d["default"].cloneElement(this.props.children,(0,i["default"])({},this.props,{ref:function(t){return e.ele=t}}),null)},t}(d["default"].Component);t["default"]=v,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return e&&e.type&&(e.type.isSelectOption||e.type.isSelectOptGroup)}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var i=n(47),a=r(i),s=n(10),u=r(s),l=n(9),c=r(l),f=n(4),p=r(f),d=n(7),h=r(d),v=n(6),m=r(v),y=n(1),g=r(y),b=n(520),_=n(8),w=r(_),x=n(156),C=r(x),E=n(200),S=r(E),P=n(1793),O=r(P),T=function(e){function t(){(0,p["default"])(this,t);var n=(0,h["default"])(this,e.apply(this,arguments));return n.getInputElement=function(){var e=n.props.children,t=e&&g["default"].isValidElement(e)&&e.type!==b.Option?g["default"].Children.only(n.props.children):g["default"].createElement(S["default"],null);return g["default"].createElement(O["default"],(0,c["default"])({},t.props,{className:(0,w["default"])("ant-input",t.props.className)}),t)},n}return(0,m["default"])(t,e),t.prototype.render=function(){var e,t=this.props,n=t.size,r=t.className,i=void 0===r?"":r,s=t.notFoundContent,l=t.prefixCls,f=t.optionLabelProp,p=t.dataSource,d=t.children,h=(0,w["default"])((e={},(0,u["default"])(e,l+"-lg","large"===n),(0,u["default"])(e,l+"-sm","small"===n),(0,u["default"])(e,i,!!i),(0,u["default"])(e,l+"-show-search",!0),(0,u["default"])(e,l+"-auto-complete",!0),e)),v=void 0,m=g["default"].Children.toArray(d);return v=m.length&&o(m[0])?d:p?p.map(function(e){if(g["default"].isValidElement(e))return e;switch("undefined"==typeof e?"undefined":(0,a["default"])(e)){case"string":return g["default"].createElement(b.Option,{key:e},e);case"object":return g["default"].createElement(b.Option,{key:e.value},e.text);default:throw new Error("AutoComplete[dataSource] only supports type `string[] | Object[]`.")}}):[],g["default"].createElement(C["default"],(0,c["default"])({},this.props,{className:h,mode:"combobox",optionLabelProp:f,getInputElement:this.getInputElement,notFoundContent:s}),v)},t}(g["default"].Component);t["default"]=T,T.Option=b.Option,T.OptGroup=b.OptGroup,T.defaultProps={prefixCls:"ant-select",transitionName:"slide-up",optionLabelProp:"children",choiceTransitionName:"zoom",showSearch:!1},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1244),n(157)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(){return"undefined"!=typeof window?window:null}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var a=n(9),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(31),y=r(m),g=n(79),b=r(g),_=n(8),w=r(_),x=n(48),C=r(x),E=n(23),S=r(E),P=n(300),O=r(P),T=n(199),k=r(T),M=(0,k["default"])(),N=function(e,t,n,r){var o=n-t;return e/=r/2,e<1?o/2*e*e*e+t:o/2*((e-=2)*e*e+2)+t},A=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n));return r.getCurrentScrollTop=function(){var e=(r.props.target||i)();return e===window?window.pageYOffset||document.body.scrollTop||document.documentElement.scrollTop:e.scrollTop},r.scrollToTop=function(e){var t=r.getCurrentScrollTop(),n=Date.now(),i=function a(){var e=Date.now(),o=e-n;r.setScrollTop(N(o,t,0,450)),o<450&&M(a)};M(i),(r.props.onClick||o)(e)},r.handleScroll=function(){var e=r.props,t=e.visibilityHeight,n=e.target,o=void 0===n?i:n,a=(0,O["default"])(o(),!0);r.setState({visible:a>t})},r.state={visible:!1},r}return(0,d["default"])(t,e),t.prototype.setScrollTop=function(e){var t=(this.props.target||i)();t===window?(document.body.scrollTop=e,document.documentElement.scrollTop=e):t.scrollTop=e},t.prototype.componentDidMount=function(){this.handleScroll(),this.scrollEvent=(0,b["default"])((this.props.target||i)(),"scroll",this.handleScroll)},t.prototype.componentWillUnmount=function(){this.scrollEvent&&this.scrollEvent.remove()},t.prototype.render=function(){var e=this.props,t=e.prefixCls,n=void 0===t?"ant-back-top":t,r=e.className,o=void 0===r?"":r,i=e.children,a=(0,w["default"])(n,o),u=v["default"].createElement("div",{className:n+"-content"},v["default"].createElement(S["default"],{className:n+"-icon",type:"to-top"})),l=(0,C["default"])(this.props,["prefixCls","className","children","visibilityHeight"]),c=this.state.visible?v["default"].createElement("div",(0,s["default"])({},l,{className:a,onClick:this.scrollToTop}),i||u):null;return v["default"].createElement(y["default"],{component:"",transitionName:"fade"},c)},t}(v["default"].Component);t["default"]=A,A.defaultProps={visibilityHeight:400},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1245)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return e?e.toString().split("").reverse().map(function(e){return Number(e)}):[]}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var i=n(4),a=r(i),s=n(7),u=r(s),l=n(6),c=r(l),f=n(1),p=r(f),d=n(11),h=r(d),v=n(48),m=r(v),y=function(e){function t(n){(0,a["default"])(this,t);var r=(0,u["default"])(this,e.call(this,n));return r.state={animateStarted:!0,count:n.count},r}return(0,c["default"])(t,e),t.prototype.getPositionByNum=function(e,t){if(this.state.animateStarted)return 10+e;var n=o(this.state.count)[t],r=o(this.lastCount)[t];return this.state.count>this.lastCount?n>=r?10+e:20+e:n<=r?10+e:e},t.prototype.componentWillReceiveProps=function(e){var t=this;if("count"in e){if(this.state.count===e.count)return;this.lastCount=this.state.count,this.setState({animateStarted:!0},function(){setTimeout(function(){t.setState({animateStarted:!1,count:e.count},function(){var e=t.props.onAnimated;e&&e()})},5)})}},t.prototype.renderNumberList=function(e){for(var t=[],n=0;n<30;n++){var r=e===n?"current":"";t.push(p["default"].createElement("p",{key:n.toString(),className:r},n%10))}return t},t.prototype.renderCurrentNumber=function(e,t){var n=this.getPositionByNum(e,t),r=this.state.animateStarted||void 0===o(this.lastCount)[t];return(0,f.createElement)("span",{className:this.props.prefixCls+"-only",style:{transition:r&&"none",msTransform:"translateY("+100*-n+"%)",WebkitTransform:"translateY("+100*-n+"%)",transform:"translateY("+100*-n+"%)"},key:t},this.renderNumberList(n))},t.prototype.renderNumberElement=function(){var e=this,t=this.state;return!t.count||isNaN(t.count)?t.count:o(t.count).map(function(t,n){return e.renderCurrentNumber(t,n)}).reverse()},t.prototype.render=function(){var e=(0,h["default"])({},(0,m["default"])(this.props,["count","onAnimated","component","prefixCls"]),{className:this.props.prefixCls+" "+this.props.className});return e.style&&e.style.borderColor&&(e.style.boxShadow="0 0 0 1px "+e.style.borderColor+" inset"),(0,f.createElement)(this.props.component||"sup",e,this.renderNumberElement())},t}(f.Component);t["default"]=y,y.defaultProps={prefixCls:"ant-scroll-number",count:null,onAnimated:function(){}},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(31),y=r(m),g=n(1798),b=r(g),_=n(8),w=r(_),x=n(54),C=r(x),E=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},S=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.render=function(){var e,t,n=this.props,r=n.count,o=n.showZero,a=n.prefixCls,u=n.overflowCount,l=n.className,c=n.style,f=n.children,p=n.dot,d=n.status,h=n.text,m=E(n,["count","showZero","prefixCls","overflowCount","className","style","children","dot","status","text"]),g=p||d,_=r>u?u+"+":r;g&&(_="");var x="0"===_||0===_,S=null===_||void 0===_||""===_,P=(S||x&&!o)&&!g,O=(0,w["default"])((e={},(0,s["default"])(e,a+"-dot",g),(0,s["default"])(e,a+"-count",!g),e)),T=(0,w["default"])(l,a,(t={},(0,s["default"])(t,a+"-status",!!d),(0,s["default"])(t,a+"-not-a-wrapper",!f),t));if((0,C["default"])(!(f&&d),"`Badge[children]` and `Badge[status]` cannot be used at the same time."),!f&&d){var k,M=(0,w["default"])((k={},(0,s["default"])(k,a+"-status-dot",!!d),(0,s["default"])(k,a+"-status-"+d,!0),k));return v["default"].createElement("span",{className:T},v["default"].createElement("span",{className:M}),v["default"].createElement("span",{className:a+"-status-text"},h))}var N=P?null:v["default"].createElement(b["default"],{"data-show":!P,className:O,count:_,style:c}),A=P||!h?null:v["default"].createElement("span",{className:a+"-status-text"},h);return v["default"].createElement("span",(0,i["default"])({},m,{className:T,title:r}),f,v["default"].createElement(y["default"],{component:"",showProp:"data-show",transitionName:f?a+"-zoom":"",transitionAppear:!0},N),A)},t}(v["default"].Component);t["default"]=S,S.defaultProps={prefixCls:"ant-badge",count:null,showZero:!1,dot:!1,overflowCount:99},S.propTypes={count:h.PropTypes.oneOfType([h.PropTypes.string,h.PropTypes.number]),showZero:h.PropTypes.bool,dot:h.PropTypes.bool,overflowCount:h.PropTypes.number},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1246)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!e.breadcrumbName)return null;var n=Object.keys(t).join("|"),r=e.breadcrumbName.replace(new RegExp(":("+n+")","g"),function(e,n){return t[n]||e});return r}function i(e,t,n,r){var i=n.indexOf(e)===n.length-1,a=o(e,t);return i?d["default"].createElement("span",null,a):d["default"].createElement("a",{href:"#/"+r.join("/")},a)}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(12),v=r(h),m=n(54),y=r(m),g=n(484),b=r(g),_=n(8),w=r(_),x=function(e){function t(){return(0,s["default"])(this,t),(0,l["default"])(this,e.apply(this,arguments))}return(0,f["default"])(t,e),t.prototype.componentDidMount=function(){var e=this.props;(0,y["default"])(!("linkRender"in e||"nameRender"in e),"`linkRender` and `nameRender` are removed, please use `itemRender` instead, see: http://u.ant.design/item-render.")},t.prototype.render=function(){var e=void 0,t=this.props,n=t.separator,r=t.prefixCls,o=t.style,a=t.className,s=t.routes,u=t.params,l=void 0===u?{}:u,c=t.children,f=t.itemRender,h=void 0===f?i:f;if(s&&s.length>0){var v=[];e=s.map(function(e){e.path=e.path||"";var t=e.path.replace(/^\//,"");return Object.keys(l).forEach(function(e){t=t.replace(":"+e,l[e])}),t&&v.push(t),d["default"].createElement(b["default"],{separator:n,key:e.breadcrumbName||t},h(e,l,s,v))})}else c&&(e=d["default"].Children.map(c,function(e,t){return e?((0,y["default"])(e.type&&e.type.__ANT_BREADCRUMB_ITEM,"Breadcrumb only accepts Breadcrumb.Item as it's children"),(0,p.cloneElement)(e,{separator:n,key:t})):e}));return d["default"].createElement("div",{className:(0,w["default"])(a,r),style:o},e)},t}(d["default"].Component);t["default"]=x,x.defaultProps={prefixCls:"ant-breadcrumb",separator:"/"},x.propTypes={prefixCls:v["default"].string,separator:v["default"].node,routes:v["default"].array,params:v["default"].object,linkRender:v["default"].func,nameRender:v["default"].func},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1801),i=r(o),a=n(484),s=r(a);i["default"].Item=s["default"],t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1247)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=e.prefixCls,n=void 0===t?"ant-btn-group":t,r=e.size,o=void 0===r?"":r,i=e.className,s=d(e,["prefixCls","size","className"]),l={large:"lg",small:"sm"}[o]||"",f=(0,p["default"])(n,(0,u["default"])({},n+"-"+l,l),i);return c["default"].createElement("div",(0,a["default"])({},s,{className:f}))}Object.defineProperty(t,"__esModule",{value:!0});var i=n(9),a=r(i),s=n(10),u=r(s);t["default"]=o;var l=n(1),c=r(l),f=n(8),p=r(f),d=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n};e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return"string"==typeof e}function i(e){if(null!=e)return o(e.type)&&T(e.props.children)?y["default"].cloneElement(e,{},e.props.children.split("").join(" ")):o(e)?(T(e)&&(e=e.split("").join(" ")),y["default"].createElement("span",null,e)):e}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var a=n(9),s=r(a),u=n(10),l=r(u),c=n(4),f=r(c),p=n(7),d=r(p),h=n(6),v=r(h),m=n(1),y=r(m),g=n(12),b=r(g),_=n(8),w=r(_),x=n(23),C=r(x),E=n(48),S=r(E),P=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},O=/^[\u4e00-\u9fa5]{2}$/,T=O.test.bind(O),k=function(e){function t(n){(0,f["default"])(this,t);var r=(0,d["default"])(this,e.call(this,n));return r.handleClick=function(e){r.setState({clicked:!0}),clearTimeout(r.timeout),r.timeout=setTimeout(function(){return r.setState({clicked:!1})},500);var t=r.props.onClick;t&&t(e)},r.handleMouseUp=function(e){r.props.onMouseUp&&r.props.onMouseUp(e)},r.state={loading:n.loading},r}return(0,v["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){var t=this,n=this.props.loading,r=e.loading;
-n&&clearTimeout(this.delayTimeout),r&&r.delay?this.delayTimeout=setTimeout(function(){return t.setState({loading:r})},r.delay):this.setState({loading:r})},t.prototype.componentWillUnmount=function(){this.timeout&&clearTimeout(this.timeout),this.delayTimeout&&clearTimeout(this.delayTimeout)},t.prototype.render=function(){var e,t=this.props,n=t.type,r=t.shape,o=t.size,a=void 0===o?"":o,u=t.className,c=t.htmlType,f=t.children,p=t.icon,d=t.prefixCls,h=t.ghost,v=P(t,["type","shape","size","className","htmlType","children","icon","prefixCls","ghost"]),m=this.state,g=m.loading,b=m.clicked,_={large:"lg",small:"sm"}[a]||"",x=(0,w["default"])(d,(e={},(0,l["default"])(e,d+"-"+n,n),(0,l["default"])(e,d+"-"+r,r),(0,l["default"])(e,d+"-"+_,_),(0,l["default"])(e,d+"-icon-only",!f&&p),(0,l["default"])(e,d+"-loading",g),(0,l["default"])(e,d+"-clicked",b),(0,l["default"])(e,d+"-background-ghost",h),e),u),E=g?"loading":p,O=E?y["default"].createElement(C["default"],{type:E}):null,T=y["default"].Children.map(f,i);return y["default"].createElement("button",(0,s["default"])({},(0,S["default"])(v,["loading","clicked"]),{type:c||"button",className:x,onMouseUp:this.handleMouseUp,onClick:this.handleClick}),O,T)},t}(y["default"].Component);t["default"]=k,k.__ANT_BUTTON=!0,k.defaultProps={prefixCls:"ant-btn",loading:!1,clicked:!1,ghost:!1},k.propTypes={type:b["default"].string,shape:b["default"].oneOf(["circle","circle-outline"]),size:b["default"].oneOf(["large","default","small"]),htmlType:b["default"].oneOf(["submit","button","reset"]),onClick:b["default"].func,loading:b["default"].oneOfType([b["default"].bool,b["default"].object]),className:b["default"].string,icon:b["default"].string},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(485),d=n(156),h=r(d),v=n(201),m=h["default"].Option,y=function(e){function t(){(0,i["default"])(this,t);var n=(0,s["default"])(this,e.apply(this,arguments));return n.onYearChange=function(e){var t=n.props.value.clone();t.year(parseInt(e,10));var r=n.props.onValueChange;r&&r(t)},n.onMonthChange=function(e){var t=n.props.value.clone();t.month(parseInt(e,10));var r=n.props.onValueChange;r&&r(t)},n.onTypeChange=function(e){var t=n.props.onTypeChange;t&&t(e.target.value)},n}return(0,l["default"])(t,e),t.prototype.getYearSelectElement=function(e){for(var t=this.props,n=t.yearSelectOffset,r=t.yearSelectTotal,o=t.locale,i=t.prefixCls,a=t.fullscreen,s=e-n,u=s+r,l="\u5e74"===o.year?"\u5e74":"",c=[],p=s;p<u;p++)c.push(f["default"].createElement(m,{key:""+p},p+l));return f["default"].createElement(h["default"],{size:a?"default":"small",dropdownMatchSelectWidth:!1,className:i+"-year-select",onChange:this.onYearChange,value:String(e)},c)},t.prototype.getMonthsLocale=function(e){for(var t=e.clone(),n=e.localeData(),r=[],o=0;o<12;o++)t.month(o),r.push(n.monthsShort(t));return r},t.prototype.getMonthSelectElement=function(e,t){for(var n=this.props,r=n.prefixCls,o=n.fullscreen,i=[],a=0;a<12;a++)i.push(f["default"].createElement(m,{key:""+a},t[a]));return f["default"].createElement(h["default"],{size:o?"default":"small",dropdownMatchSelectWidth:!1,className:r+"-month-select",value:String(e),onChange:this.onMonthChange},i)},t.prototype.render=function(){var e=this.props,t=e.type,n=e.value,r=e.prefixCls,o=e.locale,i=e.fullscreen,a=this.getYearSelectElement(n.year()),s="date"===t?this.getMonthSelectElement(n.month(),this.getMonthsLocale(n)):null,u=i?"default":"small",l=f["default"].createElement(v.Group,{onChange:this.onTypeChange,value:t,size:u},f["default"].createElement(v.Button,{value:"date"},o.month),f["default"].createElement(v.Button,{value:"month"},o.year));return f["default"].createElement("div",{className:r+"-header"},a,s,l)},t}(f["default"].Component);t["default"]=y,y.defaultProps={prefixCls:p.PREFIX_CLS+"-header",yearSelectOffset:10,yearSelectTotal:20},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){return null}function i(e){return e<10?"0"+e:""+e}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var a=n(9),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(25),y=r(m),g=n(1950),b=r(g),_=n(485),w=n(1806),x=r(w),C=n(198),E=function(e){function t(r,a){(0,l["default"])(this,t);var s=(0,f["default"])(this,e.call(this,r,a));s.monthCellRender=function(e){var t=s.props,n=t.prefixCls,r=t.monthCellRender,i=void 0===r?o:r;return v["default"].createElement("div",{className:n+"-month"},v["default"].createElement("div",{className:n+"-value"},e.localeData().monthsShort(e)),v["default"].createElement("div",{className:n+"-content"},i(e)))},s.dateCellRender=function(e){var t=s.props,n=t.prefixCls,r=t.dateCellRender,a=void 0===r?o:r;return v["default"].createElement("div",{className:n+"-date"},v["default"].createElement("div",{className:n+"-value"},i(e.date())),v["default"].createElement("div",{className:n+"-content"},a(e)))},s.setValue=function(e,t){"value"in s.props||s.setState({value:e}),"select"===t?s.props.onSelect&&s.props.onSelect(e):"changePanel"===t&&s.onPanelChange(e,s.state.mode)},s.setType=function(e){var t="date"===e?"month":"year";s.state.mode!==t&&(s.setState({mode:t}),s.onPanelChange(s.state.value,t))},s.onHeaderValueChange=function(e){s.setValue(e,"changePanel")},s.onHeaderTypeChange=function(e){s.setType(e)},s.onSelect=function(e){s.setValue(e,"select")},(0,C.getComponentLocale)(r,a,"Calendar",function(){return n(486)});var u=r.value||r.defaultValue||(0,y["default"])();if(!y["default"].isMoment(u))throw new Error("The value/defaultValue of Calendar must be a moment object after `antd@2.0`, see: http://u.ant.design/calendar-value");return s.state={value:u,mode:r.mode},s}return(0,d["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){"value"in e&&this.setState({value:e.value})},t.prototype.onPanelChange=function r(e,t){var r=this.props.onPanelChange;r&&r(e,t)},t.prototype.render=function(){var e=this.state,t=this.props,r=this.context,i=e.value,a=e.mode,u=(0,C.getLocaleCode)(r);i&&u&&i.locale(u);var l=t.prefixCls,c=t.style,f=t.className,p=t.fullscreen,d=t.dateFullCellRender,h=t.monthFullCellRender,m="year"===a?"month":"date",y=(0,C.getComponentLocale)(t,r,"Calendar",function(){return n(486)}),g=f||"";p&&(g+=" "+l+"-fullscreen");var _=h||this.monthCellRender,w=d||this.dateCellRender;return v["default"].createElement("div",{className:g,style:c},v["default"].createElement(x["default"],{fullscreen:p,type:m,value:i,locale:y.lang,prefixCls:l,onTypeChange:this.onHeaderTypeChange,onValueChange:this.onHeaderValueChange}),v["default"].createElement(b["default"],(0,s["default"])({},t,{Select:o,locale:y.lang,type:m,prefixCls:l,showHeader:!1,value:i,monthCellRender:_,dateCellRender:w,onSelect:this.onSelect})))},t}(v["default"].Component);t["default"]=E,E.defaultProps={locale:{},fullscreen:!0,prefixCls:_.PREFIX_CLS,mode:"month",onSelect:o,onPanelChange:o},E.propTypes={monthCellRender:h.PropTypes.func,dateCellRender:h.PropTypes.func,monthFullCellRender:h.PropTypes.func,dateFullCellRender:h.PropTypes.func,fullscreen:h.PropTypes.bool,locale:h.PropTypes.object,prefixCls:h.PropTypes.string,className:h.PropTypes.string,style:h.PropTypes.object,onPanelChange:h.PropTypes.func,value:h.PropTypes.object,onSelect:h.PropTypes.func},E.contextTypes={antLocale:h.PropTypes.object},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(490),i=r(o);t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1249),n(157),n(305)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(10),s=r(a),u=n(1),l=r(u),c=n(8),f=r(c),p=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n};t["default"]=function(e){var t,n=e.prefixCls,r=void 0===n?"ant-card":n,o=e.className,a=e.extra,u=e.bodyStyle,c=e.title,d=e.loading,h=e.bordered,v=void 0===h||h,m=p(e,["prefixCls","className","extra","bodyStyle","title","loading","bordered"]),y=e.children,g=(0,f["default"])(r,o,(t={},(0,s["default"])(t,r+"-loading",d),(0,s["default"])(t,r+"-bordered",v),t));d&&(y=l["default"].createElement("div",null,l["default"].createElement("p",{className:r+"-loading-block",style:{width:"94%"}}),l["default"].createElement("p",null,l["default"].createElement("span",{className:r+"-loading-block",style:{width:"28%"}}),l["default"].createElement("span",{className:r+"-loading-block",style:{width:"62%"}})),l["default"].createElement("p",null,l["default"].createElement("span",{className:r+"-loading-block",style:{width:"22%"}}),l["default"].createElement("span",{className:r+"-loading-block",style:{width:"66%"}})),l["default"].createElement("p",null,l["default"].createElement("span",{className:r+"-loading-block",style:{width:"56%"}}),l["default"].createElement("span",{className:r+"-loading-block",style:{width:"39%"}})),l["default"].createElement("p",null,l["default"].createElement("span",{className:r+"-loading-block",style:{width:"21%"}}),l["default"].createElement("span",{className:r+"-loading-block",style:{width:"15%"}}),l["default"].createElement("span",{className:r+"-loading-block",style:{width:"40%"}}))));var b=void 0;return b=c?"string"==typeof c?l["default"].createElement("div",{className:r+"-head"},l["default"].createElement("h3",{className:r+"-head-title"},c)):l["default"].createElement("div",{className:r+"-head"},l["default"].createElement("div",{className:r+"-head-title"},c)):null,l["default"].createElement("div",(0,i["default"])({},m,{className:g}),b,a?l["default"].createElement("div",{className:r+"-extra"},a):null,l["default"].createElement("div",{className:r+"-body",style:u},y))},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1250)},function(e,t,n){"use strict";n(14),n(1251)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n){return e.split(t).map(function(e,r){return 0===r?e:[b["default"].createElement("span",{className:n+"-menu-item-keyword",key:"seperator"},t),e]})}function i(e,t){return t.some(function(t){return t.label.indexOf(e)>-1})}function a(e,t,n){return t.map(function(t,r){var i=t.label,a=i.indexOf(e)>-1?o(i,e,n):i;return 0===r?a:[" / ",a]})}function s(e,t,n){function r(e){return e.label.indexOf(n)>-1}return e.findIndex(r)-t.findIndex(r)}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var u=n(9),l=r(u),c=n(10),f=r(c),p=n(4),d=r(p),h=n(7),v=r(h),m=n(6),y=r(m),g=n(1),b=r(g),_=n(610),w=r(_),x=n(225),C=r(x),E=n(8),S=r(E),P=n(48),O=r(P),T=n(80),k=r(T),M=n(200),N=r(M),A=n(23),D=r(A),j=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},R=function(e){return e.join(" / ")},I=function(e){function t(n){(0,d["default"])(this,t);var r=(0,v["default"])(this,e.call(this,n));return r.handleChange=function(e,t){if(r.setState({inputValue:""}),t[0].__IS_FILTERED_OPTION){var n=e[0],o=t[0].path;return void r.setValue(n,o)}r.setValue(e,t)},r.handlePopupVisibleChange=function(e){r.setState({popupVisible:e,inputFocused:e,inputValue:e?r.state.inputValue:""});var t=r.props.onPopupVisibleChange;t&&t(e)},r.handleInputBlur=function(){r.setState({inputFocused:!1})},r.handleInputClick=function(e){var t=r.state,n=t.inputFocused,o=t.popupVisible;(n||o)&&(e.stopPropagation(),e.nativeEvent.stopImmediatePropagation())},r.handleKeyDown=function(e){e.keyCode===k["default"].BACKSPACE&&e.stopPropagation()},r.handleInputChange=function(e){var t=e.target.value;r.setState({inputValue:t})},r.setValue=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];"value"in r.props||r.setState({value:e});var n=r.props.onChange;n&&n(e,t)},r.clearSelection=function(e){e.preventDefault(),e.stopPropagation(),r.state.inputValue?r.setState({inputValue:""}):(r.setValue([]),r.setState({popupVisible:!1}))},r.state={value:n.value||n.defaultValue||[],inputValue:"",inputFocused:!1,popupVisible:!1,flattenOptions:n.showSearch&&r.flattenTree(n.options,n.changeOnSelect)},r}return(0,y["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){"value"in e&&this.setState({value:e.value||[]}),e.showSearch&&this.props.options!==e.options&&this.setState({flattenOptions:this.flattenTree(e.options,e.changeOnSelect)})},t.prototype.getLabel=function(){var e=this.props,t=e.options,n=e.displayRender,r=void 0===n?R:n,o=this.state.value,i=Array.isArray(o[0])?o[0]:o,a=(0,C["default"])(t,function(e,t){return e.value===i[t]}),s=a.map(function(e){return e.label});return r(s,a)},t.prototype.flattenTree=function(e,t){var n=this,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],o=[];return e.forEach(function(e){var i=r.concat(e);!t&&e.children||o.push(i),e.children&&(o=o.concat(n.flattenTree(e.children,t,i)))}),o},t.prototype.generateFilteredOptions=function(e){var t=this,n=this.props,r=n.showSearch,o=n.notFoundContent,u=r.filter,l=void 0===u?i:u,c=r.render,f=void 0===c?a:c,p=r.sort,d=void 0===p?s:p,h=this.state,v=h.flattenOptions,m=h.inputValue,y=v.filter(function(e){return l(t.state.inputValue,e)}).sort(function(e,t){return d(e,t,m)});return y.length>0?y.map(function(t){return{__IS_FILTERED_OPTION:!0,path:t,label:f(m,t,e),value:t.map(function(e){return e.value}),disabled:t.some(function(e){return e.disabled})}}):[{label:o,value:"ANT_CASCADER_NOT_FOUND",disabled:!0}]},t.prototype.render=function(){var e,t,n,r=this.props,o=this.state,i=r.prefixCls,a=r.inputPrefixCls,s=r.children,u=r.placeholder,c=r.size,p=r.disabled,d=r.className,h=r.style,v=r.allowClear,m=r.showSearch,y=void 0!==m&&m,g=j(r,["prefixCls","inputPrefixCls","children","placeholder","size","disabled","className","style","allowClear","showSearch"]),_=o.value,x=(0,S["default"])((e={},(0,f["default"])(e,a+"-lg","large"===c),(0,f["default"])(e,a+"-sm","small"===c),e)),C=v&&!p&&_.length>0||o.inputValue?b["default"].createElement(D["default"],{type:"cross-circle",className:i+"-picker-clear",onClick:this.clearSelection}):null,E=(0,S["default"])((t={},(0,f["default"])(t,i+"-picker-arrow",!0),(0,f["default"])(t,i+"-picker-arrow-expand",o.popupVisible),t)),P=(0,S["default"])(d,(n={},(0,f["default"])(n,i+"-picker",!0),(0,f["default"])(n,i+"-picker-with-value",o.inputValue),(0,f["default"])(n,i+"-picker-disabled",p),n)),T=(0,O["default"])(g,["onChange","options","popupPlacement","transitionName","displayRender","onPopupVisibleChange","changeOnSelect","expandTrigger","popupVisible","getPopupContainer","loadData","popupClassName","filterOption","renderFilteredOption","sortFilteredOption","notFoundContent"]),k=r.options;o.inputValue&&(k=this.generateFilteredOptions(i)),o.popupVisible?this.cachedOptions=k:k=this.cachedOptions;var M={},A=1===(k||[]).length&&"ANT_CASCADER_NOT_FOUND"===k[0].value;A&&(M.height="auto");var R=y.matchInputWidth!==!1;R&&o.inputValue&&this.refs.input&&(M.width=this.refs.input.refs.input.offsetWidth);var I=s||b["default"].createElement("span",{style:h,className:P},b["default"].createElement(N["default"],(0,l["default"])({},T,{ref:"input",placeholder:_&&_.length>0?void 0:u,className:i+"-input "+x,value:o.inputValue,disabled:p,readOnly:!y,autoComplete:"off",onClick:y?this.handleInputClick:void 0,onBlur:y?this.handleInputBlur:void 0,onKeyDown:this.handleKeyDown,onChange:y?this.handleInputChange:void 0})),b["default"].createElement("span",{className:i+"-picker-label"},this.getLabel()),C,b["default"].createElement(D["default"],{type:"down",className:E}));return b["default"].createElement(w["default"],(0,l["default"])({},r,{options:k,value:_,popupVisible:o.popupVisible,onPopupVisibleChange:this.handlePopupVisibleChange,onChange:this.handleChange,dropdownMenuColumnStyle:M}),I)},t}(b["default"].Component);t["default"]=I,I.defaultProps={prefixCls:"ant-cascader",inputPrefixCls:"ant-input",placeholder:"Please select",transitionName:"slide-up",popupPlacement:"bottomLeft",options:[],disabled:!1,allowClear:!0,notFoundContent:"Not Found"},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1252),n(107)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(62),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(12),v=r(h),m=n(8),y=r(m),g=n(56),b=r(g),_=n(488),w=r(_),x=function(e){function t(n){(0,s["default"])(this,t);var r=(0,l["default"])(this,e.call(this,n));return r.toggleOption=function(e){var t=r.state.value.indexOf(e.value),n=[].concat((0,i["default"])(r.state.value));t===-1?n.push(e.value):n.splice(t,1),"value"in r.props||r.setState({value:n});var o=r.props.onChange;o&&o(n)},r.state={value:n.value||n.defaultValue||[]},r}return(0,f["default"])(t,e),t.prototype.getChildContext=function(){return{checkboxGroup:{toggleOption:this.toggleOption,value:this.state.value,disabled:this.props.disabled}}},t.prototype.componentWillReceiveProps=function(e){"value"in e&&this.setState({value:e.value||[]})},t.prototype.shouldComponentUpdate=function(e,t){return!(0,b["default"])(this.props,e)||!(0,b["default"])(this.state,t)},t.prototype.getOptions=function(){var e=this.props.options;return e.map(function(e){return"string"==typeof e?{label:e,value:e}:e})},t.prototype.render=function(){var e=this,t=this.props,n=this.state,r=t.prefixCls,o=t.className,i=t.options,a=t.children;i&&i.length>0&&(a=this.getOptions().map(function(o){return d["default"].createElement(w["default"],{key:o.value,disabled:"disabled"in o?o.disabled:t.disabled,value:o.value,checked:n.value.indexOf(o.value)!==-1,onChange:function(){return e.toggleOption(o)},className:r+"-item"},o.label)}));var s=(0,y["default"])(r,o);return d["default"].createElement("div",{className:s},a)},t}(d["default"].Component);t["default"]=x,x.defaultProps={options:[],prefixCls:"ant-checkbox-group"},x.propTypes={defaultValue:v["default"].array,value:v["default"].array,options:v["default"].array.isRequired,onChange:v["default"].func},x.childContextTypes={checkboxGroup:v["default"].any},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(226)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=t.CollapsePanel=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(1370),y=r(m),g=n(8),b=r(g),_=n(301),w=r(_),x=(t.CollapsePanel=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t}(v["default"].Component),function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.prefixCls,n=e.className,r=void 0===n?"":n,o=e.bordered,a=(0,b["default"])((0,s["default"])({},t+"-borderless",!o),r);return v["default"].createElement(y["default"],(0,i["default"])({},this.props,{className:a}))},t}(v["default"].Component));t["default"]=x,x.Panel=y["default"].Panel,x.defaultProps={prefixCls:"ant-collapse",bordered:!0,openAnimation:(0,i["default"])({},w["default"],{appear:function(){}})}},function(e,t,n){"use strict";n(14),n(1254)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(535),d=r(p),h=n(533),v=r(h),m=n(45),y=r(m),g=function(e){function t(){return(0,i["default"])(this,t),(0,s["default"])(this,e.apply(this,arguments))}return(0,l["default"])(t,e),t.prototype.render=function(){return(0,y["default"])(!1,"DatePicker.Calendar is deprecated, use Calendar instead."),f["default"].createElement(v["default"],this.props)},t}(f["default"].Component);t["default"]=g,g.defaultProps={locale:d["default"],prefixCls:"ant-calendar"},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=(0,g["default"])(e,2),n=t[0],r=t[1],o=r&&r.isSame(n,"month")?r.clone().add(1,"month"):r;return[n,o]}function i(e,t){return e&&e.format(t)||""}function a(e){if(e)return Array.isArray(e)?e:[e,e.clone().add(1,"month")]}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var s=n(9),u=r(s),l=n(10),c=r(l),f=n(4),p=r(f),d=n(7),h=r(d),v=n(6),m=r(v),y=n(322),g=r(y),b=n(1),_=r(b),w=n(25),x=r(w),C=n(12),E=r(C),S=n(1951),P=r(S),O=n(526),T=r(O),k=n(8),M=r(k),N=n(11),A=r(N),D=n(23),j=r(D),R=n(198),I=n(54),L=r(I),F=function(e){function t(n){(0,p["default"])(this,t);var r=(0,h["default"])(this,e.call(this,n));r.clearSelection=function(e){e.preventDefault(),e.stopPropagation(),r.setState({value:[]}),r.handleChange([])},r.handleChange=function(e){var t=r.props;"value"in t||r.setState({value:e,showDate:o(e)}),t.onChange(e,[i(e[0],t.format),i(e[1],t.format)])},r.handleOpenChange=function(e){r.setState({open:e});var t=r.props.onOpenChange;t&&t(e)},r.handleShowDateChange=function(e){return r.setState({showDate:e})},r.renderFooter=function(){var e=r.props,t=e.prefixCls,n=e.ranges;if(!n)return null;var o=Object.keys(n).map(function(e){var t=n[e];return _["default"].createElement("a",{key:e,onClick:function(){return r.setValue(t)}},e)});return _["default"].createElement("div",{className:t+"-range-quick-selector"},o)};var a=n.value||n.defaultValue||[];if(a[0]&&!x["default"].isMoment(a[0])||a[1]&&!x["default"].isMoment(a[1]))throw new Error("The value/defaultValue of RangePicker must be a moment object array after `antd@2.0`, see: http://u.ant.design/date-picker-value");return r.state={value:a,open:n.open},r}return(0,m["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){if("value"in e){var t=e.value||[];this.setState({value:t,showDate:o(t)})}"open"in e&&this.setState({open:e.open})},t.prototype.setValue=function(e){this.handleChange(e),this.props.showTime||this.setState({open:!1})},t.prototype.render=function(){var e,t=this,n=this.state,r=this.props,o=this.context,i=n.value,s=n.showDate,l=n.open,f=(0,R.getLocaleCode)(o);i&&f&&(i[0]&&i[0].locale(f),i[1]&&i[1].locale(f));var p=r.disabledDate,d=r.disabledTime,h=r.showTime,v=r.showToday,m=r.ranges,y=r.prefixCls,g=r.popupStyle,b=r.style,w=r.onOk,C=r.locale,E=r.format;(0,L["default"])(!("onOK"in r),"It should be `RangePicker[onOk]`, instead of `onOK`!");var S=(0,M["default"])((e={},(0,c["default"])(e,y+"-time",h),(0,c["default"])(e,y+"-range-with-ranges",m),e)),O={onChange:this.handleChange},k={onOk:this.handleChange};r.timePicker?O.onChange=function(e){return t.handleChange(e)}:k={};var N="placeholder"in r?r.placeholder[0]:C.lang.rangePlaceholder[0],D="placeholder"in r?r.placeholder[1]:C.lang.rangePlaceholder[1],I=_["default"].createElement(P["default"],(0,u["default"])({},k,{format:E,prefixCls:y,className:S,renderFooter:this.renderFooter,timePicker:r.timePicker,disabledDate:p,disabledTime:d,dateInputPlaceholder:[N,D],locale:C.lang,onOk:w,value:s||a(r.defaultPickerValue)||a((0,x["default"])()),onValueChange:this.handleShowDateChange,showToday:v})),F={};r.showTime&&(F.width=b&&b.width||300);var U=!r.disabled&&r.allowClear&&i&&(i[0]||i[1])?_["default"].createElement(j["default"],{type:"cross-circle",className:y+"-picker-clear",onClick:this.clearSelection}):null,V=function(e){var t=e.value,n=t[0],o=t[1];return _["default"].createElement("span",{className:r.pickerInputClass,disabled:r.disabled},_["default"].createElement("input",{disabled:r.disabled,readOnly:!0,value:n&&n.format(r.format)||"",placeholder:N,className:y+"-range-picker-input"}),_["default"].createElement("span",{className:y+"-range-picker-separator"}," ~ "),_["default"].createElement("input",{disabled:r.disabled,readOnly:!0,value:o&&o.format(r.format)||"",placeholder:D,className:y+"-range-picker-input"}),U,_["default"].createElement("span",{className:y+"-picker-icon"}))};return _["default"].createElement("span",{className:r.pickerClass,style:(0,A["default"])({},b,F)},_["default"].createElement(T["default"],(0,u["default"])({},r,O,{calendar:I,value:i,open:l,onOpenChange:this.handleOpenChange,prefixCls:y+"-picker-container",style:g}),V))},t}(_["default"].Component);t["default"]=F,F.contextTypes={antLocale:E["default"].object},F.defaultProps={prefixCls:"ant-calendar",allowClear:!0,showToday:!1},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return t=function(t){function n(e){(0,c["default"])(this,n);var r=(0,p["default"])(this,t.call(this,e));r.clearSelection=function(e){e.preventDefault(),e.stopPropagation(),r.handleChange(null)},r.handleChange=function(e){var t=r.props;"value"in t||r.setState({value:e}),t.onChange(e,e&&e.format(t.format)||"")};var o=e.value||e.defaultValue;if(o&&!_["default"].isMoment(o))throw new Error("The value/defaultValue of DatePicker or MonthPicker must be a moment object after `antd@2.0`, see: http://u.ant.design/date-picker-value");return r.state={value:o},r}return(0,h["default"])(n,t),n.prototype.componentWillReceiveProps=function(e){"value"in e&&this.setState({value:e.value})},n.prototype.render=function(){var t,n=this.state.value,r=(0,T["default"])(this.props,["onChange"]),o=r.prefixCls,i=r.locale,s="placeholder"in r?r.placeholder:i.lang.placeholder,l=r.showTime?r.disabledTime:null,c=(0,P["default"])((t={},(0,u["default"])(t,o+"-time",r.showTime),(0,u["default"])(t,o+"-month",x["default"]===e),t)),f={},p={};r.showTime?p={onSelect:this.handleChange}:f={onChange:this.handleChange},(0,R["default"])(!("onOK"in r),"It should be `DatePicker[onOk]` or `MonthPicker[onOk]`, instead of `onOK`!");var d=m["default"].createElement(e,(0,a["default"])({},p,{disabledDate:r.disabledDate,disabledTime:l,locale:i.lang,timePicker:r.timePicker,defaultValue:r.defaultPickerValue||(0,_["default"])(),dateInputPlaceholder:s,prefixCls:o,className:c,onOk:r.onOk,format:r.format,showToday:r.showToday,monthCellContentRender:r.monthCellContentRender})),h={};r.showTime&&(h.width=r.style&&r.style.width||154);var v=!r.disabled&&r.allowClear&&n?m["default"].createElement(A["default"],{type:"cross-circle",className:o+"-picker-clear",onClick:this.clearSelection}):null,y=function(e){var t=e.value;return m["default"].createElement("span",null,m["default"].createElement("input",{disabled:r.disabled,readOnly:!0,value:t&&t.format(r.format)||"",placeholder:s,className:r.pickerInputClass}),v,m["default"].createElement("span",{className:o+"-picker-icon"}))},g=n,b=(0,D.getLocaleCode)(this.context);return g&&b&&g.locale(b),m["default"].createElement("span",{className:r.pickerClass,style:(0,M["default"])({},r.style,h)},m["default"].createElement(E["default"],(0,a["default"])({},r,f,{calendar:d,value:g,prefixCls:o+"-picker-container",style:r.popupStyle}),y))},n}(m["default"].Component),t.contextTypes={antLocale:g["default"].object},t.defaultProps={prefixCls:"ant-calendar",allowClear:!0,showToday:!0},t;var t}Object.defineProperty(t,"__esModule",{value:!0});var i=n(9),a=r(i),s=n(10),u=r(s),l=n(4),c=r(l),f=n(7),p=r(f),d=n(6),h=r(d);t["default"]=o;var v=n(1),m=r(v),y=n(12),g=r(y),b=n(25),_=r(b),w=n(525),x=r(w),C=n(526),E=r(C),S=n(8),P=r(S),O=n(48),T=r(O),k=n(11),M=r(k),N=n(23),A=r(N),D=n(198),j=n(54),R=r(j);e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(11),i=r(o),a=n(533),s=r(a),u=n(525),l=r(u),c=n(1821),f=r(c),p=n(1824),d=r(p),h=n(1820),v=r(h),m=n(1819),y=r(m),g=(0,d["default"])((0,f["default"])(s["default"])),b=(0,d["default"])((0,f["default"])(l["default"]),"YYYY-MM");(0,i["default"])(g,{RangePicker:(0,d["default"])(v["default"]),Calendar:y["default"],MonthPicker:b}),t["default"]=g,e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1255),n(107),n(513)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=e.showHour,n=e.showMinute,r=e.showSecond,o=0;return t&&(o+=1),n&&(o+=1),r&&(o+=1),o}function i(e,t){return r=function(t){function r(){(0,f["default"])(this,r);var e=(0,d["default"])(this,t.apply(this,arguments));return e.handleOpenChange=function(t){var n=e.props,r=n.onOpenChange,o=n.toggleOpen;r(t),o&&((0,S["default"])(!1,"`toggleOpen` is deprecated and will be removed in the future, please use `onOpenChange` instead, see: http://u.ant.design/date-picker-on-open-change"),o({open:t}))},e}return(0,v["default"])(r,t),r.prototype.render=function(){var t,r,i=this.props,a=i.prefixCls,u=i.inputPrefixCls,c=(0,C["default"])((0,l["default"])({},a+"-picker",!0)),f=(0,C["default"])((t={},(0,l["default"])(t,a+"-picker-input",!0),(0,l["default"])(t,u,!0),(0,l["default"])(t,u+"-lg","large"===i.size),(0,l["default"])(t,u+"-sm","small"===i.size),t)),p=(0,P.getComponentLocale)(i,this.context,"DatePicker",function(){return n(491)}),d=i.showTime&&i.showTime.format||"HH:mm:ss",h={format:d,showSecond:d.indexOf("ss")>=0,showMinute:d.indexOf("mm")>=0,showHour:d.indexOf("HH")>=0},v=o(h),m=(0,C["default"])((r={},(0,l["default"])(r,a+"-time-picker-1-column",1===v),(0,l["default"])(r,a+"-time-picker-2-columns",2===v),r)),g=i.showTime?y["default"].createElement(w["default"],(0,s["default"])({},h,i.showTime,{prefixCls:a+"-time-picker",className:m,placeholder:p.timePickerLocale.placeholder,transitionName:"slide-up"})):null;return y["default"].createElement(e,(0,s["default"])({},i,{pickerClass:c,pickerInputClass:f,locale:p,timePicker:g,onOpenChange:this.handleOpenChange}))},r}(y["default"].Component),r.contextTypes={antLocale:b["default"].object},r.defaultProps={format:t||"YYYY-MM-DD",transitionName:"slide-up",popupStyle:{},onChange:function(){},onOk:function(){},onOpenChange:function(){},locale:{},align:{offset:[0,-9]},prefixCls:"ant-calendar",inputPrefixCls:"ant-input"},r;var r}Object.defineProperty(t,"__esModule",{value:!0});var a=n(9),s=r(a),u=n(10),l=r(u),c=n(4),f=r(c),p=n(7),d=r(p),h=n(6),v=r(h);t["default"]=i;var m=n(1),y=r(m),g=n(12),b=r(g),_=n(431),w=r(_),x=n(8),C=r(x),E=n(54),S=r(E),P=n(198);e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(129),v=r(h),m=n(23),y=r(m),g=n(492),b=r(g),_=n(8),w=r(_),x=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},C=v["default"].Group,E=function(e){function t(){return(0,s["default"])(this,t),(0,l["default"])(this,e.apply(this,arguments))}return(0,f["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.type,n=e.overlay,r=e.trigger,o=e.align,a=e.children,s=e.className,u=e.onClick,l=e.prefixCls,c=e.disabled,f=e.visible,p=e.onVisibleChange,h=e.placement,m=x(e,["type","overlay","trigger","align","children","className","onClick","prefixCls","disabled","visible","onVisibleChange","placement"]),g=(0,w["default"])(l,s),_={align:o,overlay:n,trigger:c?[]:r,onVisibleChange:p,placement:h};return"visible"in this.props&&(_.visible=f),d["default"].createElement(C,(0,i["default"])({},m,{className:g}),d["default"].createElement(v["default"],{type:t,onClick:u,disabled:c},a),d["default"].createElement(b["default"],_,d["default"].createElement(v["default"],{type:t,disabled:c
-},d["default"].createElement(y["default"],{type:"down"}))))},t}(d["default"].Component);t["default"]=E,E.defaultProps={placement:"bottomRight",type:"default",prefixCls:"ant-dropdown-button"},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(8),y=r(m),g=n(1325),b=r(g),_=n(152),w=r(_),x=n(48),C=r(x),E=n(11),S=r(E),P=n(54),O=r(P),T=n(1827),k=r(T),M=n(494),N=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n));return(0,O["default"])(!n.form,"It is unnecessary to pass `form` to `Form` after antd@1.7.0."),r}return(0,d["default"])(t,e),t.prototype.shouldComponentUpdate=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return w["default"].shouldComponentUpdate.apply(this,t)},t.prototype.getChildContext=function(){var e=this.props,t=e.layout,n=e.vertical;return{vertical:"vertical"===t||n}},t.prototype.render=function(){var e,t=this.props,n=t.prefixCls,r=t.hideRequiredMark,o=t.className,a=void 0===o?"":o,u=t.layout,l=t.inline,c=t.horizontal,f=t.vertical;(0,O["default"])(!l&&!c&&!f,"`Form[inline|horizontal|vertical]` is deprecated, please use `Form[layout]` instead.");var p=(0,y["default"])(n,(e={},(0,s["default"])(e,n+"-horizontal",!l&&!f&&"horizontal"===u||c),(0,s["default"])(e,n+"-vertical","vertical"===u||f),(0,s["default"])(e,n+"-inline","inline"===u||l),(0,s["default"])(e,n+"-hide-required-mark",r),e),a),d=(0,C["default"])(this.props,["prefixCls","className","layout","inline","horizontal","vertical","form","hideRequiredMark"]);return v["default"].createElement("form",(0,i["default"])({},d,{className:p}))},t}(v["default"].Component);t["default"]=N,N.defaultProps={prefixCls:"ant-form",layout:"horizontal",hideRequiredMark:!1,onSubmit:function(e){e.preventDefault()}},N.propTypes={prefixCls:h.PropTypes.string,layout:h.PropTypes.oneOf(["horizontal","inline","vertical"]),children:h.PropTypes.any,onSubmit:h.PropTypes.func,hideRequiredMark:h.PropTypes.bool},N.childContextTypes={vertical:h.PropTypes.bool},N.Item=k["default"],N.create=function(e){var t=(0,b["default"])((0,S["default"])({fieldNameProp:"id"},e,{fieldMetaProp:M.FIELD_META_PROP}));return function(n){return t(v["default"].createClass({propTypes:{form:h.PropTypes.object.isRequired},childContextTypes:{form:h.PropTypes.object.isRequired},getChildContext:function(){return{form:this.props.form}},componentWillMount:function(){this.__getFieldProps=this.props.form.getFieldProps},deprecatedGetFieldProps:function(e,t){return(0,O["default"])(!1,"`getFieldProps` is not recommended, please use `getFieldDecorator` instead, see: http://u.ant.design/get-field-decorator"),this.__getFieldProps(e,t)},render:function(){this.props.form.getFieldProps=this.deprecatedGetFieldProps;var t={};return e&&e.withRef&&(t.ref="formWrappedComponent"),v["default"].createElement(n,(0,i["default"])({},this.props,t))}}))}},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(10),i=r(o),a=n(9),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(12),y=r(m),g=n(8),b=r(g),_=n(152),w=r(_),x=n(507),C=r(x),E=n(489),S=r(E),P=n(494),O=n(54),T=r(O),k=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.componentDidMount=function(){(0,T["default"])(this.getControls(this.props.children,!0).length<=1,"`Form.Item` cannot generate `validateStatus` and `help` automatically, while there are more than one `getFieldDecorator` in it.")},t.prototype.shouldComponentUpdate=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return w["default"].shouldComponentUpdate.apply(this,t)},t.prototype.getHelpMsg=function(){var e=this.context,t=this.props;return void 0===t.help&&e.form?this.getId()?(e.form.getFieldError(this.getId())||[]).join(", "):"":t.help},t.prototype.getControls=function(e,n){for(var r=[],o=v["default"].Children.toArray(e),i=0;i<o.length&&(n||!(r.length>0));i++){var a=o[i];a.type!==t&&a.props&&(P.FIELD_META_PROP in a.props?r.push(a):a.props.children&&(r=r.concat(this.getControls(a.props.children,n))))}return r},t.prototype.getOnlyControl=function(){var e=this.getControls(this.props.children,!1)[0];return void 0!==e?e:null},t.prototype.getChildProp=function(e){var t=this.getOnlyControl();return t&&t.props&&t.props[e]},t.prototype.getId=function(){return this.getChildProp("id")},t.prototype.getMeta=function(){return this.getChildProp(P.FIELD_META_PROP)},t.prototype.renderHelp=function(){var e=this.props.prefixCls,t=this.getHelpMsg();return t?v["default"].createElement("div",{className:e+"-explain",key:"help"},t):null},t.prototype.renderExtra=function(){var e=this.props,t=e.prefixCls,n=e.extra;return n?v["default"].createElement("div",{className:t+"-extra"},n):null},t.prototype.getValidateStatus=function(){var e=this.context.form,t=e.isFieldValidating,n=e.getFieldError,r=e.getFieldValue,o=this.getId();if(!o)return"";if(t(o))return"validating";if(n(o))return"error";var i=r(o);return void 0!==i&&null!==i&&""!==i?"success":""},t.prototype.renderValidateWrapper=function(e,t,n){var r="",o=this.context.form,i=this.props,a=void 0===i.validateStatus&&o?this.getValidateStatus():i.validateStatus;return a&&(r=(0,b["default"])({"has-feedback":i.hasFeedback,"has-success":"success"===a,"has-warning":"warning"===a,"has-error":"error"===a,"is-validating":"validating"===a})),v["default"].createElement("div",{className:this.props.prefixCls+"-item-control "+r},e,t,n)},t.prototype.renderWrapper=function(e){var t=this.props.wrapperCol;return v["default"].createElement(S["default"],(0,s["default"])({className:this.props.prefixCls+"-item-control-wrapper"},t,{key:"wrapper"}),e)},t.prototype.isRequired=function(){var e=this.props.required;if(void 0!==e)return e;if(this.context.form){var t=this.getMeta()||{},n=t.validate||[];return n.filter(function(e){return!!e.rules}).some(function(e){return e.rules.some(function(e){return e.required})})}return!1},t.prototype.renderLabel=function(){var e=this.props,t=e.label,n=e.labelCol,r=e.prefixCls,o=e.colon,a=e.id,u=this.context,l=this.isRequired(),c=(0,b["default"])((0,i["default"])({},r+"-item-required",l)),f=t,p=o&&!u.vertical;return p&&"string"==typeof t&&""!==t.trim()&&(f=t.replace(/[\uff1a|:]\s*$/,"")),t?v["default"].createElement(S["default"],(0,s["default"])({},n,{key:"label",className:r+"-item-label"}),v["default"].createElement("label",{htmlFor:a||this.getId(),className:c,title:"string"==typeof t?t:""},f)):null},t.prototype.renderChildren=function(){var e=this.props,t=v["default"].Children.map(e.children,function(e){return e&&"function"==typeof e.type&&!e.props.size?v["default"].cloneElement(e,{size:"large"}):e});return[this.renderLabel(),this.renderWrapper(this.renderValidateWrapper(t,this.renderHelp(),this.renderExtra()))]},t.prototype.renderFormItem=function(e){var t,n=this.props,r=n.prefixCls,o=n.style,a=(t={},(0,i["default"])(t,r+"-item",!0),(0,i["default"])(t,r+"-item-with-help",!!this.getHelpMsg()),(0,i["default"])(t,r+"-item-no-colon",!n.colon),(0,i["default"])(t,""+n.className,!!n.className),t);return v["default"].createElement(C["default"],{className:(0,b["default"])(a),style:o},e)},t.prototype.render=function(){var e=this.renderChildren();return this.renderFormItem(e)},t}(v["default"].Component);t["default"]=k,k.defaultProps={hasFeedback:!1,prefixCls:"ant-form",colon:!0},k.propTypes={prefixCls:y["default"].string,label:y["default"].oneOfType([y["default"].string,y["default"].node]),labelCol:y["default"].object,help:y["default"].oneOfType([y["default"].node,y["default"].bool]),validateStatus:y["default"].oneOf(["","success","warning","error","validating"]),hasFeedback:y["default"].bool,wrapperCol:y["default"].object,className:y["default"].string,id:y["default"].string,children:y["default"].node,colon:y["default"].bool},k.contextTypes={form:y["default"].object,vertical:y["default"].bool},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1826),i=r(o);t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1257),n(496)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(47),l=r(u),c=n(4),f=r(c),p=n(7),d=r(p),h=n(6),v=r(h),m=n(1),y=r(m),g=n(8),b=r(g),_=n(11),w=r(_),x=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},C=m.PropTypes.oneOfType([m.PropTypes.string,m.PropTypes.number]),E=m.PropTypes.oneOfType([m.PropTypes.object,m.PropTypes.number]),S=function(e){function t(){return(0,f["default"])(this,t),(0,d["default"])(this,e.apply(this,arguments))}return(0,v["default"])(t,e),t.prototype.render=function(){var e,t=this.props,n=t.span,r=t.order,o=t.offset,a=t.push,u=t.pull,c=t.className,f=t.children,p=t.prefixCls,d=void 0===p?"ant-col":p,h=x(t,["span","order","offset","push","pull","className","children","prefixCls"]),v={};["xs","sm","md","lg","xl"].forEach(function(e){var n,r={};"number"==typeof t[e]?r.span=t[e]:"object"===(0,l["default"])(t[e])&&(r=t[e]||{}),delete h[e],v=(0,w["default"])({},v,(n={},(0,s["default"])(n,d+"-"+e+"-"+r.span,void 0!==r.span),(0,s["default"])(n,d+"-"+e+"-order-"+r.order,r.order||0===r.order),(0,s["default"])(n,d+"-"+e+"-offset-"+r.offset,r.offset||0===r.offset),(0,s["default"])(n,d+"-"+e+"-push-"+r.push,r.push||0===r.push),(0,s["default"])(n,d+"-"+e+"-pull-"+r.pull,r.pull||0===r.pull),n))});var m=(0,b["default"])((e={},(0,s["default"])(e,d+"-"+n,void 0!==n),(0,s["default"])(e,d+"-order-"+r,r),(0,s["default"])(e,d+"-offset-"+o,o),(0,s["default"])(e,d+"-push-"+a,a),(0,s["default"])(e,d+"-pull-"+u,u),e),c,v);return y["default"].createElement("div",(0,i["default"])({},h,{className:m}),f)},t}(y["default"].Component);t["default"]=S,S.propTypes={span:C,order:C,offset:C,push:C,pull:C,className:m.PropTypes.string,children:m.PropTypes.node,xs:E,sm:E,md:E,lg:E,xl:E},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(8),y=r(m),g=n(11),b=r(g),_=n(12),w=r(_),x=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},C=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.render=function(){var e,t=this.props,n=t.type,r=t.justify,o=t.align,a=t.className,u=t.gutter,l=t.style,c=t.children,f=t.prefixCls,p=void 0===f?"ant-row":f,d=x(t,["type","justify","align","className","gutter","style","children","prefixCls"]),m=(0,y["default"])((e={},(0,s["default"])(e,p,!n),(0,s["default"])(e,p+"-"+n,n),(0,s["default"])(e,p+"-"+n+"-"+r,n&&r),(0,s["default"])(e,p+"-"+n+"-"+o,n&&o),e),a),g=u>0?(0,b["default"])({},{marginLeft:u/-2,marginRight:u/-2},l):l,_=h.Children.map(c,function(e){return e?e.props&&u>0?(0,h.cloneElement)(e,{style:(0,b["default"])({},{paddingLeft:u/2,paddingRight:u/2},e.props.style)}):e:null});return v["default"].createElement("div",(0,i["default"])({},d,{className:m,style:g}),_)},t}(v["default"].Component);t["default"]=C,C.defaultProps={gutter:0},C.propTypes={type:w["default"].string,align:w["default"].string,justify:w["default"].string,className:w["default"].string,children:w["default"].node,gutter:w["default"].number,prefixCls:w["default"].string},e.exports=t["default"]},function(e,t,n){"use strict";n(14)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(482);Object.defineProperty(t,"Affix",{enumerable:!0,get:function(){return r(o)["default"]}});var i=n(1791);Object.defineProperty(t,"Anchor",{enumerable:!0,get:function(){return r(i)["default"]}});var a=n(1794);Object.defineProperty(t,"AutoComplete",{enumerable:!0,get:function(){return r(a)["default"]}});var s=n(1788);Object.defineProperty(t,"Alert",{enumerable:!0,get:function(){return r(s)["default"]}});var u=n(1796);Object.defineProperty(t,"BackTop",{enumerable:!0,get:function(){return r(u)["default"]}});var l=n(1799);Object.defineProperty(t,"Badge",{enumerable:!0,get:function(){return r(l)["default"]}});var c=n(1802);Object.defineProperty(t,"Breadcrumb",{enumerable:!0,get:function(){return r(c)["default"]}});var f=n(129);Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return r(f)["default"]}});var p=n(1807);Object.defineProperty(t,"Calendar",{enumerable:!0,get:function(){return r(p)["default"]}});var d=n(1810);Object.defineProperty(t,"Card",{enumerable:!0,get:function(){return r(d)["default"]}});var h=n(1817);Object.defineProperty(t,"Collapse",{enumerable:!0,get:function(){return r(h)["default"]}});var v=n(487);Object.defineProperty(t,"Carousel",{enumerable:!0,get:function(){return r(v)["default"]}});var m=n(1813);Object.defineProperty(t,"Cascader",{enumerable:!0,get:function(){return r(m)["default"]}});var y=n(130);Object.defineProperty(t,"Checkbox",{enumerable:!0,get:function(){return r(y)["default"]}});var g=n(489);Object.defineProperty(t,"Col",{enumerable:!0,get:function(){return r(g)["default"]}});var b=n(1822);Object.defineProperty(t,"DatePicker",{enumerable:!0,get:function(){return r(b)["default"]}});var _=n(302);Object.defineProperty(t,"Dropdown",{enumerable:!0,get:function(){return r(_)["default"]}});var w=n(1828);Object.defineProperty(t,"Form",{enumerable:!0,get:function(){return r(w)["default"]}});var x=n(23);Object.defineProperty(t,"Icon",{enumerable:!0,get:function(){return r(x)["default"]}});var C=n(200);Object.defineProperty(t,"Input",{enumerable:!0,get:function(){return r(C)["default"]}});var E=n(1834);Object.defineProperty(t,"InputNumber",{enumerable:!0,get:function(){return r(E)["default"]}});var S=n(1840);Object.defineProperty(t,"Layout",{enumerable:!0,get:function(){return r(S)["default"]}});var P=n(1843);Object.defineProperty(t,"LocaleProvider",{enumerable:!0,get:function(){return r(P)["default"]}});var O=n(1848);Object.defineProperty(t,"message",{enumerable:!0,get:function(){return r(O)["default"]}});var T=n(498);Object.defineProperty(t,"Menu",{enumerable:!0,get:function(){return r(T)["default"]}});var k=n(500);Object.defineProperty(t,"Modal",{enumerable:!0,get:function(){return r(k)["default"]}});var M=n(1853);Object.defineProperty(t,"notification",{enumerable:!0,get:function(){return r(M)["default"]}});var N=n(502);Object.defineProperty(t,"Pagination",{enumerable:!0,get:function(){return r(N)["default"]}});var A=n(1857);Object.defineProperty(t,"Popconfirm",{enumerable:!0,get:function(){return r(A)["default"]}});var D=n(1859);Object.defineProperty(t,"Popover",{enumerable:!0,get:function(){return r(D)["default"]}});var j=n(505);Object.defineProperty(t,"Progress",{enumerable:!0,get:function(){return r(j)["default"]}});var R=n(201);Object.defineProperty(t,"Radio",{enumerable:!0,get:function(){return r(R)["default"]}});var I=n(1863);Object.defineProperty(t,"Rate",{enumerable:!0,get:function(){return r(I)["default"]}});var L=n(507);Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return r(L)["default"]}});var F=n(156);Object.defineProperty(t,"Select",{enumerable:!0,get:function(){return r(F)["default"]}});var U=n(1866);Object.defineProperty(t,"Slider",{enumerable:!0,get:function(){return r(U)["default"]}});var V=n(508);Object.defineProperty(t,"Spin",{enumerable:!0,get:function(){return r(V)["default"]}});var B=n(1868);Object.defineProperty(t,"Steps",{enumerable:!0,get:function(){return r(B)["default"]}});var z=n(1870);Object.defineProperty(t,"Switch",{enumerable:!0,get:function(){return r(z)["default"]}});var H=n(1879);Object.defineProperty(t,"Table",{enumerable:!0,get:function(){return r(H)["default"]}});var K=n(1892);Object.defineProperty(t,"Transfer",{enumerable:!0,get:function(){return r(K)["default"]}});var W=n(1900);Object.defineProperty(t,"Tree",{enumerable:!0,get:function(){return r(W)["default"]}});var q=n(1897);Object.defineProperty(t,"TreeSelect",{enumerable:!0,get:function(){return r(q)["default"]}});var Y=n(1882);Object.defineProperty(t,"Tabs",{enumerable:!0,get:function(){return r(Y)["default"]}});var G=n(1885);Object.defineProperty(t,"Tag",{enumerable:!0,get:function(){return r(G)["default"]}});var X=n(1887);Object.defineProperty(t,"TimePicker",{enumerable:!0,get:function(){return r(X)["default"]}});var $=n(1889);Object.defineProperty(t,"Timeline",{enumerable:!0,get:function(){return r($)["default"]}});var Z=n(158);Object.defineProperty(t,"Tooltip",{enumerable:!0,get:function(){return r(Z)["default"]}});var Q=n(1845);Object.defineProperty(t,"Mention",{enumerable:!0,get:function(){return r(Q)["default"]}});var J=n(1904);Object.defineProperty(t,"Upload",{enumerable:!0,get:function(){return r(J)["default"]}});var ee=n(1908);Object.defineProperty(t,"version",{enumerable:!0,get:function(){return r(ee)["default"]}});var te="production";"production"!==te&&"test"!==te&&"undefined"!=typeof console&&console.warn&&"undefined"!=typeof window&&console.warn("You are using a whole package of antd, please use https://www.npmjs.com/package/babel-plugin-import to reduce app bundle size.")},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(8),y=r(m),g=n(1753),b=r(g),_=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},w=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.render=function(){var e,t=this.props,n=t.className,r=t.size,o=_(t,["className","size"]),a=(0,y["default"])((e={},(0,s["default"])(e,this.props.prefixCls+"-lg","large"===r),(0,s["default"])(e,this.props.prefixCls+"-sm","small"===r),e),n);return v["default"].createElement(b["default"],(0,i["default"])({className:a},o))},t}(v["default"].Component);t["default"]=w,w.defaultProps={prefixCls:"ant-input-number",step:1},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1258)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(10),i=r(o),a=n(1),s=r(a),u=n(8),l=r(u),c=function(e){var t,n=e.prefixCls,r=void 0===n?"ant-input-group":n,o=e.className,a=void 0===o?"":o,u=(0,l["default"])(r,(t={},(0,i["default"])(t,r+"-lg","large"===e.size),(0,i["default"])(t,r+"-sm","small"===e.size),(0,i["default"])(t,r+"-compact",e.compact),t),a);return s["default"].createElement("span",{className:u,style:e.style},e.children)};t["default"]=c,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(8),v=r(h),m=n(497),y=r(m),g=n(23),b=r(g),_=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},w=function(e){function t(){(0,s["default"])(this,t);var n=(0,l["default"])(this,e.apply(this,arguments));return n.onSearch=function(){var e=n.props.onSearch;e&&e(n.input.refs.input.value),n.input.refs.input.focus()},n}return(0,f["default"])(t,e),t.prototype.render=function(){var e=this,t=this.props,n=t.className,r=t.prefixCls,o=_(t,["className","prefixCls"]);delete o.onSearch;var a=d["default"].createElement(b["default"],{className:r+"-icon",onClick:this.onSearch,type:"search"});return d["default"].createElement(y["default"],(0,i["default"])({className:(0,v["default"])(r,n),onPressEnter:this.onSearch,ref:function(t){return e.input=t},suffix:a},o))},t}(d["default"].Component);t["default"]=w,w.defaultProps={prefixCls:"ant-input-search",onSearch:function(){}},e.exports=t["default"]},function(e,t){"use strict";function n(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=e.getAttribute("id")||e.getAttribute("data-reactid")||e.getAttribute("name");if(t&&a[n])return a[n];var r=window.getComputedStyle(e),o=r.getPropertyValue("box-sizing")||r.getPropertyValue("-moz-box-sizing")||r.getPropertyValue("-webkit-box-sizing"),s=parseFloat(r.getPropertyValue("padding-bottom"))+parseFloat(r.getPropertyValue("padding-top")),u=parseFloat(r.getPropertyValue("border-bottom-width"))+parseFloat(r.getPropertyValue("border-top-width")),l=i.map(function(e){return e+":"+r.getPropertyValue(e)}).join(";"),c={sizingStyle:l,paddingSize:s,borderSize:u,boxSizing:o};return t&&n&&(a[n]=c),c}function r(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;s||(s=document.createElement("textarea"),document.body.appendChild(s));var a=n(e,t),u=a.paddingSize,l=a.borderSize,c=a.boxSizing,f=a.sizingStyle;s.setAttribute("style",f+";"+o),s.value=e.value||e.placeholder||"";var p=-(1/0),d=1/0,h=s.scrollHeight;if("border-box"===c?h+=l:"content-box"===c&&(h-=u),null!==r||null!==i){s.value="";var v=s.scrollHeight-u;null!==r&&(p=v*r,"border-box"===c&&(p=p+u+l),h=Math.max(p,h)),null!==i&&(d=v*i,"border-box"===c&&(d=d+u+l),h=Math.min(d,h))}return{height:h,minHeight:p,maxHeight:d}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=r;var o="\n  min-height:0 !important;\n  max-height:none !important;\n  height:0 !important;\n  visibility:hidden !important;\n  overflow:hidden !important;\n  position:absolute !important;\n  z-index:-1000 !important;\n  top:0 !important;\n  right:0 !important\n",i=["letter-spacing","line-height","padding-top","padding-bottom","font-family","font-weight","font-size","text-rendering","text-transform","width","text-indent","padding-left","padding-right","border-width","box-sizing"],a={},s=void 0;e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(10),i=r(o),a=n(9),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(8),y=r(m),g=n(48),b=r(g),_=n(23),w=r(_),x=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n};if("undefined"!=typeof window){var C=function(e){return{media:e,matches:!1,addListener:function(){},removeListener:function(){}}};window.matchMedia=window.matchMedia||C}var E={xs:"480px",sm:"768px",md:"992px",lg:"1200px",xl:"1600px"},S=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n));r.responsiveHandler=function(e){r.setState({below:e.matches}),r.state.collapsed!==e.matches&&r.setCollapsed(e.matches,"responsive")},r.setCollapsed=function(e,t){"collapsed"in r.props||r.setState({collapsed:e});var n=r.props.onCollapse;n&&n(e,t)},r.toggle=function(){var e=!r.state.collapsed;r.setCollapsed(e,"clickTrigger")},r.belowShowChange=function(){r.setState({belowShow:!r.state.belowShow})};var o=void 0;"undefined"!=typeof window&&(o=window.matchMedia),o&&n.breakpoint&&n.breakpoint in E&&(r.mql=o("(max-width: "+E[n.breakpoint]+")"));var i=void 0;return i="collapsed"in n?n.collapsed:n.defaultCollapsed,r.state={collapsed:i,below:!1},r}return(0,d["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){"collapsed"in e&&this.setState({collapsed:e.collapsed})},t.prototype.componentDidMount=function(){this.mql&&(this.mql.addListener(this.responsiveHandler),this.responsiveHandler(this.mql))},t.prototype.componentWillUnmount=function(){this.mql&&this.mql.removeListener(this.responsiveHandler)},t.prototype.render=function(){var e,t=this.props,n=t.prefixCls,r=t.className,o=t.collapsible,a=t.reverseArrow,u=t.trigger,l=t.style,c=t.width,f=t.collapsedWidth,p=x(t,["prefixCls","className","collapsible","reverseArrow","trigger","style","width","collapsedWidth"]),d=(0,b["default"])(p,["collapsed","defaultCollapsed","onCollapse","breakpoint"]),h=this.state.collapsed?f:c,m=0===f||"0"===f?v["default"].createElement("span",{onClick:this.toggle,className:n+"-zero-width-trigger"},v["default"].createElement(w["default"],{type:"bars"})):null,g={expanded:a?v["default"].createElement(w["default"],{type:"right"}):v["default"].createElement(w["default"],{type:"left"}),collapsed:a?v["default"].createElement(w["default"],{type:"left"}):v["default"].createElement(w["default"],{type:"right"})},_=this.state.collapsed?"collapsed":"expanded",C=g[_],E=null!==u?m||v["default"].createElement("div",{className:n+"-trigger",onClick:this.toggle},u||C):null,S=(0,s["default"])({},l,{flex:"0 0 "+h+"px",width:h+"px"}),P=(0,y["default"])(r,n,(e={},(0,i["default"])(e,n+"-collapsed",!!this.state.collapsed),(0,i["default"])(e,n+"-has-trigger",!!u),(0,i["default"])(e,n+"-below",!!this.state.below),(0,i["default"])(e,n+"-zero-width",0===h||"0"===h),e));return v["default"].createElement("div",(0,s["default"])({className:P},d,{style:S}),this.props.children,o||this.state.below&&m?E:null)},t}(v["default"].Component);t["default"]=S,S.__ANT_LAYOUT_SIDER=!0,S.defaultProps={prefixCls:"ant-layout-sider",collapsible:!1,defaultCollapsed:!1,reverseArrow:!1,width:200,collapsedWidth:64,style:{}},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1841),i=r(o),a=n(1839),s=r(a);i["default"].Sider=s["default"],t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return function(t){return function(n){function r(){return(0,c["default"])(this,r),(0,p["default"])(this,n.apply(this,arguments))}return(0,h["default"])(r,n),r.prototype.render=function(){var n=e.prefixCls;return m["default"].createElement(t,(0,u["default"])({prefixCls:n},this.props))},r}(m["default"].Component)}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(10),a=r(i),s=n(9),u=r(s),l=n(4),c=r(l),f=n(7),p=r(f),d=n(6),h=r(d),v=n(1),m=r(v),y=n(8),g=r(y),b=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},_=function(e){function t(){return(0,c["default"])(this,t),(0,p["default"])(this,e.apply(this,arguments))}return(0,h["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.prefixCls,n=e.className,r=e.children,o=b(e,["prefixCls","className","children"]),i=void 0;m["default"].Children.forEach(r,function(e){e&&e.type&&e.type.__ANT_LAYOUT_SIDER&&(i=!0)});var s=(0,g["default"])(n,t,(0,a["default"])({},t+"-has-sider",i));return m["default"].createElement("div",(0,u["default"])({className:s},o),r)},t}(m["default"].Component),w=o({prefixCls:"ant-layout"})(_),x=o({prefixCls:"ant-layout-header"})(_),C=o({prefixCls:"ant-layout-footer"})(_),E=o({prefixCls:"ant-layout-content"})(_);w.Header=x,w.Footer=C,w.Content=E,t["default"]=w,e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1260)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(12),v=r(h),m=n(501),y=function(e){function t(){return(0,s["default"])(this,t),(0,l["default"])(this,e.apply(this,arguments))}return(0,f["default"])(t,e),t.prototype.getChildContext=function(){return{antLocale:(0,i["default"])({},this.props.locale,{exist:!0})}},t.prototype.componentWillMount=function(){this.componentDidUpdate()},t.prototype.componentDidUpdate=function(){var e=this.props.locale;(0,m.changeConfirmLocale)(e&&e.Modal)},t.prototype.componentWillUnMount=function(){(0,m.changeConfirmLocale)()},t.prototype.render=function(){return d["default"].Children.only(this.props.children)},t}(d["default"].Component);t["default"]=y,y.propTypes={locale:v["default"].object},y.childContextTypes={antLocale:v["default"].object},e.exports=t["default"]},function(e,t,n){"use strict";n(1261)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(1197),y=r(m),g=n(8),b=r(g),_=n(56),w=r(_),x=n(23),C=r(x),E=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n));return r.onSearchChange=function(e,t){return r.props.onSearchChange?r.props.onSearchChange(e,t):r.defaultSearchChange(e)},r.onChange=function(e){r.props.onChange&&r.props.onChange(e)},r.onFocus=function(e){r.setState({focus:!0}),r.props.onFocus&&r.props.onFocus(e)},r.onBlur=function(e){r.setState({focus:!1}),r.props.onBlur&&r.props.onBlur(e)},r.state={suggestions:n.suggestions,focus:!1},r}return(0,d["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){var t=e.suggestions;(0,w["default"])(t,this.props.suggestions)||this.setState({suggestions:t})},t.prototype.defaultSearchChange=function(e){var t=e.toLowerCase(),n=(this.props.suggestions||[]).filter(function(e){return e.toLowerCase().indexOf(t)!==-1});this.setState({suggestions:n})},t.prototype.render=function(){var e=this.props,t=e.className,n=void 0===t?"":t,r=e.prefixCls,o=e.loading,a=this.state,u=a.suggestions,l=a.focus,c=(0,b["default"])(n,(0,s["default"])({},r+"-active",l)),f=o?v["default"].createElement(C["default"],{type:"loading"}):this.props.notFoundContent;return v["default"].createElement(y["default"],(0,i["default"])({},this.props,{className:c,onSearchChange:this.onSearchChange,onChange:this.onChange,onFocus:this.onFocus,onBlur:this.onBlur,suggestions:u,notFoundContent:f}))},t}(v["default"].Component);t["default"]=E,E.Nav=m.Nav,E.toString=m.toString,E.toEditorState=m.toEditorState,E.getMentions=m.getMentions,E.defaultProps={prefixCls:"ant-mention",notFoundContent:"\u65e0\u5339\u914d\u7ed3\u679c\uff0c\u8f7b\u6572\u7a7a\u683c\u5b8c\u6210\u8f93\u5165",loading:!1,multiLines:!1},e.exports=t["default"]},function(e,t,n){"use strict";n(1262)},function(e,t,n){"use strict";n(14),n(1263)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){return h=h||l["default"].newInstance({prefixCls:m,transitionName:"move-up",style:{top:d},getContainer:y})}function i(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:p,n=arguments[2],r=arguments[3],i={info:"info-circle",success:"check-circle",error:"cross-circle",warning:"exclamation-circle",
-loading:"loading"}[n],a=o();return a.notice({key:v,duration:t,style:{},content:s["default"].createElement("div",{className:m+"-custom-content "+m+"-"+n},s["default"].createElement(f["default"],{type:i}),s["default"].createElement("span",null,e)),onClose:r}),function(){var e=v++;return function(){a.removeNotice(e)}}()}Object.defineProperty(t,"__esModule",{value:!0});var a=n(1),s=r(a),u=n(389),l=r(u),c=n(23),f=r(c),p=1.5,d=void 0,h=void 0,v=1,m="ant-message",y=void 0;t["default"]={info:function(e,t,n){return i(e,t,"info",n)},success:function(e,t,n){return i(e,t,"success",n)},error:function(e,t,n){return i(e,t,"error",n)},warn:function(e,t,n){return i(e,t,"warning",n)},warning:function(e,t,n){return i(e,t,"warning",n)},loading:function(e,t,n){return i(e,t,"loading",n)},config:function(e){void 0!==e.top&&(d=e.top,h=null),void 0!==e.duration&&(p=e.duration),void 0!==e.prefixCls&&(m=e.prefixCls),void 0!==e.getContainer&&(y=e.getContainer)},destroy:function(){h&&(h.destroy(),h=null)}},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1264)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(2),d=r(p),h=n(129),v=r(h),m=function(e){function t(n){(0,i["default"])(this,t);var r=(0,s["default"])(this,e.call(this,n));return r.onClick=function(){var e=r.props,t=e.actionFn,n=e.closeModal;if(t){var o=void 0;t.length?o=t(n):(o=t(),o||n()),o&&o.then&&(r.setState({loading:!0}),o.then(function(){n.apply(void 0,arguments)}))}else n()},r.state={loading:!1},r}return(0,l["default"])(t,e),t.prototype.componentDidMount=function(){if(this.props.autoFocus){var e=d["default"].findDOMNode(this);this.timeoutId=setTimeout(function(){return e.focus()})}},t.prototype.componentWillUnmount=function(){clearTimeout(this.timeoutId)},t.prototype.render=function(){var e=this.props,t=e.type,n=e.children,r=this.state.loading;return f["default"].createElement(v["default"],{type:t,size:"large",onClick:this.onClick,loading:r},n)},t}(f["default"].Component);t["default"]=m,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){function t(){var e=c["default"].unmountComponentAtNode(o);e&&o.parentNode&&o.parentNode.removeChild(o);for(var t=arguments.length,r=Array(t),i=0;i<t;i++)r[i]=arguments[i];var a=r&&r.length&&r.some(function(e){return e&&e.triggerCancel});n.onCancel&&a&&n.onCancel.apply(n,r)}var n=(0,h["default"])({iconType:"question-circle"},e),r=n.prefixCls||"ant-confirm",o=document.createElement("div");document.body.appendChild(o);var i=n.width||416,s=n.style||{},l=void 0!==n.maskClosable&&n.maskClosable;"okCancel"in n||(n.okCancel=!0);var f=(0,w.getConfirmLocale)();n.okText=n.okText||(n.okCancel?f.okText:f.justOkText),n.cancelText=n.cancelText||f.cancelText;var d=u["default"].createElement("div",{className:r+"-body"},u["default"].createElement(m["default"],{type:n.iconType}),u["default"].createElement("span",{className:r+"-title"},n.title),u["default"].createElement("div",{className:r+"-content"},n.content)),v=null;v=n.okCancel?u["default"].createElement("div",{className:r+"-btns"},u["default"].createElement(_["default"],{actionFn:n.onCancel,closeModal:t},n.cancelText),u["default"].createElement(_["default"],{type:"primary",actionFn:n.onOk,closeModal:t,autoFocus:!0},n.okText)):u["default"].createElement("div",{className:r+"-btns"},u["default"].createElement(_["default"],{type:"primary",actionFn:n.onOk,closeModal:t,autoFocus:!0},n.okText));var y=(0,p["default"])(r,(0,a["default"])({},r+"-"+n.type,!0),n.className);return c["default"].render(u["default"].createElement(g["default"],{className:y,onCancel:t.bind(this,{triggerCancel:!0}),visible:!0,title:"",transitionName:"zoom",footer:"",maskTransitionName:"fade",maskClosable:l,style:s,width:i},u["default"].createElement("div",{className:r+"-body-wrapper"},d," ",v)),o),{destroy:t}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(10),a=r(i);t["default"]=o;var s=n(1),u=r(s),l=n(2),c=r(l),f=n(8),p=r(f),d=n(11),h=r(d),v=n(23),m=r(v),y=n(499),g=r(y),b=n(1850),_=r(b),w=n(501);e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1265),n(153)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=void 0;switch(e){case"topLeft":t={left:0,top:y,bottom:"auto"};break;case"bottomLeft":t={left:0,top:"auto",bottom:g};break;case"bottomRight":t={right:0,top:"auto",bottom:g};break;default:t={right:0,top:y,bottom:"auto"}}return t}function i(e){return v?v:v=c["default"].newInstance({prefixCls:e,className:e+"-"+b,style:o(b)})}function a(e){var t=e.prefixCls||"ant-notification",n=t+"-notice";void 0!==e.placement&&(b=e.placement,v=null);var r=void 0;r=void 0===e.duration?m:e.duration;var o="";switch(e.type){case"success":o="check-circle-o";break;case"info":o="info-circle-o";break;case"error":o="cross-circle-o";break;case"warning":o="exclamation-circle-o";break;default:o="info-circle"}var a=void 0;e.icon?a=u["default"].createElement("span",{className:n+"-icon"},e.icon):e.type&&(a=u["default"].createElement(p["default"],{className:n+"-icon "+n+"-icon-"+e.type,type:o}));var s=!e.description&&a?u["default"].createElement("span",{className:n+"-message-single-line-auto-margin"}):null;i(t).notice({content:u["default"].createElement("div",{className:a?n+"-with-icon":""},a,u["default"].createElement("div",{className:n+"-message"},s,e.message),u["default"].createElement("div",{className:n+"-description"},e.description),e.btn?u["default"].createElement("span",{className:n+"-btn"},e.btn):null),duration:r,closable:!0,onClose:e.onClose,key:e.key,style:{}})}Object.defineProperty(t,"__esModule",{value:!0});var s=n(1),u=r(s),l=n(389),c=r(l),f=n(23),p=r(f),d=n(11),h=r(d),v=void 0,m=0,y=24,g=24,b="topRight",_={open:function(e){a(e)},close:function(e){v&&v.removeNotice(e)},config:function(e){var t=e.duration,n=e.placement,r=e.bottom,o=e.top;void 0!==n&&(b=n),void 0!==r&&(g=r),void 0!==o&&(y=o),void 0===n&&void 0===r&&void 0===o||(v=null),void 0!==t&&(m=t)},destroy:function(){v&&(v.destroy(),v=null)}};["success","info","warning","error"].forEach(function(e){_[e]=function(t){return _.open((0,h["default"])({},t,{type:e}))}}),_.warn=_.warning,t["default"]=_,e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1266)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(156),v=r(h),m=function(e){function t(){return(0,s["default"])(this,t),(0,l["default"])(this,e.apply(this,arguments))}return(0,f["default"])(t,e),t.prototype.render=function(){return d["default"].createElement(v["default"],(0,i["default"])({size:"small"},this.props))},t}(d["default"].Component);t["default"]=m,m.Option=v["default"].Option,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(1375),v=r(h),m=n(396),y=r(m),g=n(8),b=r(g),_=n(155),w=r(_),x=n(156),C=r(x),E=n(1855),S=r(E),P=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},O=function(e){function t(){return(0,s["default"])(this,t),(0,l["default"])(this,e.apply(this,arguments))}return(0,f["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.className,n=e.size,r=P(e,["className","size"]),o=this.getLocale(),a="small"===n;return d["default"].createElement(v["default"],(0,i["default"])({},r,{className:(0,b["default"])(t,{mini:a}),selectComponentClass:a?S["default"]:C["default"],locale:o}))},t}(d["default"].Component);O.defaultProps={prefixCls:"ant-pagination",selectPrefixCls:"ant-select"};var T=(0,w["default"])("Pagination",y["default"]);t["default"]=T(O),e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(158),v=r(h),m=n(23),y=r(m),g=n(129),b=r(g),_=n(155),w=r(_),x=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},C=function(e){function t(n){(0,s["default"])(this,t);var r=(0,l["default"])(this,e.call(this,n));return r.onConfirm=function(e){r.setVisible(!1);var t=r.props.onConfirm;t&&t.call(r,e)},r.onCancel=function(e){r.setVisible(!1);var t=r.props.onCancel;t&&t.call(r,e)},r.onVisibleChange=function(e){r.setVisible(e)},r.state={visible:n.visible},r}return(0,f["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){"visible"in e&&this.setState({visible:e.visible})},t.prototype.setVisible=function(e){var t=this.props;"visible"in t||this.setState({visible:e});var n=t.onVisibleChange;n&&n(e)},t.prototype.render=function(){var e=this.props,t=e.prefixCls,n=e.title,r=e.placement,o=e.okText,a=e.cancelText,s=x(e,["prefixCls","title","placement","okText","cancelText"]),u=this.getLocale(),l=d["default"].createElement("div",null,d["default"].createElement("div",{className:t+"-inner-content"},d["default"].createElement("div",{className:t+"-message"},d["default"].createElement(y["default"],{type:"exclamation-circle"}),d["default"].createElement("div",{className:t+"-message-title"},n)),d["default"].createElement("div",{className:t+"-buttons"},d["default"].createElement(b["default"],{onClick:this.onCancel,size:"small"},a||u.cancelText),d["default"].createElement(b["default"],{onClick:this.onConfirm,type:"primary",size:"small"},o||u.okText))));return d["default"].createElement(v["default"],(0,i["default"])({},s,{prefixCls:t,placement:r,onVisibleChange:this.onVisibleChange,visible:this.state.visible,overlay:l}))},t}(d["default"].Component);C.defaultProps={prefixCls:"ant-popover",transitionName:"zoom-big",placement:"top",trigger:"click"};var E=(0,w["default"])("Popconfirm",{cancelText:"\u53d6\u6d88",okText:"\u786e\u5b9a"});t["default"]=E(C),e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(504),n(153)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(11),v=r(h),m=n(158),y=r(m),g=n(54),b=r(g),_=function(e){function t(){return(0,s["default"])(this,t),(0,l["default"])(this,e.apply(this,arguments))}return(0,f["default"])(t,e),t.prototype.getPopupDomNode=function(){return this.refs.tooltip.getPopupDomNode()},t.prototype.getOverlay=function(){var e=this.props,t=e.title,n=e.prefixCls,r=e.content;return(0,b["default"])(!("overlay"in this.props),"Popover[overlay] is removed, please use Popover[content] instead, see: http://u.ant.design/popover-content"),d["default"].createElement("div",null,t&&d["default"].createElement("div",{className:n+"-title"},t),d["default"].createElement("div",{className:n+"-inner-content"},r))},t.prototype.render=function(){var e=(0,v["default"])({},this.props);return delete e.title,d["default"].createElement(y["default"],(0,i["default"])({},e,{ref:"tooltip",overlay:this.getOverlay()}))},t}(d["default"].Component);t["default"]=_,_.defaultProps={prefixCls:"ant-popover",placement:"top",transitionName:"zoom-big",trigger:"hover",mouseEnterDelay:.1,mouseLeaveDelay:.1,overlayStyle:{}},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(23),y=r(m),g=n(1473),b=n(8),_=r(b),w=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},x={normal:"#108ee9",exception:"#ff5500",success:"#87d068"},C=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.render=function(){var e,t=this.props,n=t.prefixCls,r=t.className,o=t.percent,a=void 0===o?0:o,u=t.status,l=t.format,c=t.trailColor,f=t.type,p=t.strokeWidth,d=t.width,h=t.showInfo,m=t.gapDegree,b=void 0===m?0:m,C=t.gapPosition,E=w(t,["prefixCls","className","percent","status","format","trailColor","type","strokeWidth","width","showInfo","gapDegree","gapPosition"]),S=parseInt(a.toString(),10)>=100&&!("status"in t)?"success":u||"normal",P=void 0,O=void 0,T=l||function(e){return e+"%"};if(h){var k=void 0,M="circle"===f||"dashboard"===f?"":"-circle";k="exception"===S?l?T(a):v["default"].createElement(y["default"],{type:"cross"+M}):"success"===S?l?T(a):v["default"].createElement(y["default"],{type:"check"+M}):T(a),P=v["default"].createElement("span",{className:n+"-text"},k)}if("line"===f){var N={width:a+"%",height:p||10};O=v["default"].createElement("div",null,v["default"].createElement("div",{className:n+"-outer"},v["default"].createElement("div",{className:n+"-inner"},v["default"].createElement("div",{className:n+"-bg",style:N}))),P)}else if("circle"===f||"dashboard"===f){var A=d||132,D={width:A,height:A,fontSize:.16*A+6},j=p||6,R=C||"dashboard"===f&&"bottom"||"top",I=b||"dashboard"===f&&75;O=v["default"].createElement("div",{className:n+"-inner",style:D},v["default"].createElement(g.Circle,{percent:a,strokeWidth:j,trailWidth:j,strokeColor:x[S],trailColor:c,prefixCls:n,gapDegree:I,gapPosition:R}),P)}var L=(0,_["default"])(n,(e={},(0,s["default"])(e,n+"-"+("dashboard"===f&&"circle"||f),!0),(0,s["default"])(e,n+"-status-"+S,!0),(0,s["default"])(e,n+"-show-info",h),e),r);return v["default"].createElement("div",(0,i["default"])({},E,{className:L}),O)},t}(v["default"].Component);t["default"]=C,C.defaultProps={type:"line",percent:0,showInfo:!0,trailColor:"#f3f3f3",prefixCls:"ant-progress"},C.propTypes={status:h.PropTypes.oneOf(["normal","exception","active","success"]),type:h.PropTypes.oneOf(["line","circle","dashboard"]),showInfo:h.PropTypes.bool,percent:h.PropTypes.number,width:h.PropTypes.number,strokeWidth:h.PropTypes.number,trailColor:h.PropTypes.string,format:h.PropTypes.func,gapDegree:h.PropTypes.number},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=null,n=!1;return h["default"].Children.forEach(e,function(e){e&&e.props&&e.props.checked&&(t=e.props.value,n=!0)}),n?{value:t}:void 0}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var i=n(10),a=r(i),s=n(4),u=r(s),l=n(7),c=r(l),f=n(6),p=r(f),d=n(1),h=r(d),v=n(8),m=r(v),y=n(56),g=r(y),b=n(304),_=r(b),w=function(e){function t(n){(0,u["default"])(this,t);var r=(0,c["default"])(this,e.call(this,n));r.onRadioChange=function(e){var t=r.state.value,n=e.target.value;"value"in r.props||r.setState({value:n});var o=r.props.onChange;o&&n!==t&&o(e)};var i=void 0;if("value"in n)i=n.value;else if("defaultValue"in n)i=n.defaultValue;else{var a=o(n.children);i=a&&a.value}return r.state={value:i},r}return(0,p["default"])(t,e),t.prototype.getChildContext=function(){return{radioGroup:{onChange:this.onRadioChange,value:this.state.value,disabled:this.props.disabled}}},t.prototype.componentWillReceiveProps=function(e){if("value"in e)this.setState({value:e.value});else{var t=o(e.children);t&&this.setState({value:t.value})}},t.prototype.shouldComponentUpdate=function(e,t){return!(0,g["default"])(this.props,e)||!(0,g["default"])(this.state,t)},t.prototype.render=function(){var e=this,t=this.props,n=t.prefixCls,r=void 0===n?"ant-radio-group":n,o=t.className,i=void 0===o?"":o,s=(0,m["default"])(r,(0,a["default"])({},r+"-"+t.size,t.size),i),u=t.children;return t.options&&t.options.length>0&&(u=t.options.map(function(t,n){return"string"==typeof t?h["default"].createElement(_["default"],{key:n,disabled:e.props.disabled,value:t,onChange:e.onRadioChange,checked:e.state.value===t},t):h["default"].createElement(_["default"],{key:n,disabled:t.disabled||e.props.disabled,value:t.value,onChange:e.onRadioChange,checked:e.state.value===t.value},t.label)})),h["default"].createElement("div",{className:s,style:t.style,onMouseEnter:t.onMouseEnter,onMouseLeave:t.onMouseLeave},u)},t}(h["default"].Component);t["default"]=w,w.defaultProps={disabled:!1},w.childContextTypes={radioGroup:d.PropTypes.any},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(304),v=r(h),m=function(e){function t(){return(0,s["default"])(this,t),(0,l["default"])(this,e.apply(this,arguments))}return(0,f["default"])(t,e),t.prototype.render=function(){var e=(0,i["default"])({},this.props);return this.context.radioGroup&&(e.onChange=this.context.radioGroup.onChange,e.checked=this.props.value===this.context.radioGroup.value,e.disabled=this.props.disabled||this.context.radioGroup.disabled),d["default"].createElement(v["default"],e)},t}(d["default"].Component);t["default"]=m,m.defaultProps={prefixCls:"ant-radio-button"},m.contextTypes={radioGroup:p.PropTypes.any},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(1476),d=r(p),h=n(23),v=r(h),m=function(e){function t(){return(0,i["default"])(this,t),(0,s["default"])(this,e.apply(this,arguments))}return(0,l["default"])(t,e),t.prototype.render=function(){return f["default"].createElement(d["default"],this.props)},t}(f["default"].Component);t["default"]=m,m.propTypes={prefixCls:c.PropTypes.string,character:c.PropTypes.node},m.defaultProps={prefixCls:"ant-rate",character:f["default"].createElement(v["default"],{type:"star"})},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1271)},function(e,t,n){"use strict";n(14),n(226)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(10),i=r(o),a=n(9),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(1938),y=r(m),g=n(1937),b=r(g),_=n(521),w=r(_),x=n(158),C=r(x),E=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},S=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n));return r.toggleTooltipVisible=function(e,t){r.setState(function(n){var r=n.visibles;return{visibles:(0,s["default"])({},r,(0,i["default"])({},e,t))}})},r.handleWithTooltip=function(e){var t=e.value,n=e.dragging,o=e.index,i=E(e,["value","dragging","index"]),a=r.props,u=a.tooltipPrefixCls,l=a.tipFormatter,c=r.state.visibles;return v["default"].createElement(C["default"],{prefixCls:u,title:l?l(t):"",visible:l&&(c[o]||n),placement:"top",transitionName:"zoom-down",key:o},v["default"].createElement(w["default"],(0,s["default"])({},i,{onMouseEnter:function(){return r.toggleTooltipVisible(o,!0)},onMouseLeave:function(){return r.toggleTooltipVisible(o,!1)}})))},r.state={visibles:{}},r}return(0,d["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.range,n=E(e,["range"]);return t?v["default"].createElement(b["default"],(0,s["default"])({},n,{handle:this.handleWithTooltip})):v["default"].createElement(y["default"],(0,s["default"])({},n,{handle:this.handleWithTooltip}))},t}(v["default"].Component);t["default"]=S,S.defaultProps={prefixCls:"ant-slider",tooltipPrefixCls:"ant-tooltip",tipFormatter:function(e){return e.toString()}},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1273),n(306)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(1728),d=r(p),h=function(e){function t(){return(0,i["default"])(this,t),(0,s["default"])(this,e.apply(this,arguments))}return(0,l["default"])(t,e),t.prototype.render=function(){return f["default"].createElement(d["default"],this.props)},t}(f["default"].Component);t["default"]=h,h.Step=d["default"].Step,h.defaultProps={prefixCls:"ant-steps",iconPrefix:"ant",current:0},h.propTypes={prefixCls:c.PropTypes.string,iconPrefix:c.PropTypes.string,current:c.PropTypes.number},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1275)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(1335),y=r(m),g=n(8),b=r(g),_=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.prefixCls,n=e.size,r=e.className,o=void 0===r?"":r,a=(0,b["default"])(o,(0,s["default"])({},t+"-small","small"===n));return v["default"].createElement(y["default"],(0,i["default"])({},this.props,{className:a}))},t}(v["default"].Component);t["default"]=_,_.defaultProps={prefixCls:"ant-switch"},_.propTypes={prefixCls:h.PropTypes.string,size:h.PropTypes.oneOf(["small","default","large"]),className:h.PropTypes.string},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1276)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(299),f=r(c),p=function(e){function t(){return(0,i["default"])(this,t),(0,s["default"])(this,e.apply(this,arguments))}return(0,l["default"])(t,e),t}(f["default"].Column);t["default"]=p,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),i=r(o);t["default"]=function(e){return i["default"].createElement("div",{className:e.className,onClick:e.onClick},e.children)},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(130),d=r(p),h=n(201),v=r(h),m=function(e){function t(n){(0,i["default"])(this,t);var r=(0,s["default"])(this,e.call(this,n));return r.state={checked:r.getCheckState(n)},r}return(0,l["default"])(t,e),t.prototype.componentDidMount=function(){this.subscribe()},t.prototype.componentWillUnmount=function(){this.unsubscribe&&this.unsubscribe()},t.prototype.subscribe=function(){var e=this,t=this.props.store;this.unsubscribe=t.subscribe(function(){var t=e.getCheckState(e.props);e.setState({checked:t})})},t.prototype.getCheckState=function(e){var t=e.store,n=e.defaultSelection,r=e.rowIndex,o=!1;return o=t.getState().selectionDirty?t.getState().selectedRowKeys.indexOf(r)>=0:t.getState().selectedRowKeys.indexOf(r)>=0||n.indexOf(r)>=0},t.prototype.render=function(){var e=this.props,t=e.type,n=e.rowIndex,r=e.disabled,o=e.onChange,i=this.state.checked;return"radio"===t?f["default"].createElement(v["default"],{disabled:r,onChange:o,value:n,checked:i}):f["default"].createElement(d["default"],{checked:i,disabled:r,onChange:o})},t}(f["default"].Component);t["default"]=m,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(10),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(130),v=r(h),m=n(302),y=r(m),g=n(498),b=r(g),_=n(23),w=r(_),x=n(8),C=r(x),E=function(e){function t(n){(0,s["default"])(this,t);var r=(0,l["default"])(this,e.call(this,n));return r.handleSelectAllChagne=function(e){var t=e.target.checked;r.props.onSelect(t?"all":"removeAll",0,null)},r.defaultSelections=[{key:"all",text:n.locale.selectAll,onSelect:function(){}},{key:"invert",text:n.locale.selectInvert,onSelect:function(){}}],r.state={checked:r.getCheckState(n),indeterminate:r.getIndeterminateState(n)},r}return(0,f["default"])(t,e),t.prototype.componentDidMount=function(){this.subscribe()},t.prototype.componentWillReceiveProps=function(e){this.setCheckState(e)},t.prototype.componentWillUnmount=function(){this.unsubscribe&&this.unsubscribe()},t.prototype.subscribe=function(){var e=this,t=this.props.store;this.unsubscribe=t.subscribe(function(){e.setCheckState(e.props)})},t.prototype.checkSelection=function(e,t,n){var r=this.props,o=r.store,i=r.getCheckboxPropsByItem,a=r.getRecordKey;return("every"===t||"some"===t)&&(n?e[t](function(e,t){return i(e,t).defaultChecked}):e[t](function(e,t){return o.getState().selectedRowKeys.indexOf(a(e,t))>=0}))},t.prototype.setCheckState=function(e){var t=this.getCheckState(e),n=this.getIndeterminateState(e);t!==this.state.checked&&this.setState({checked:t}),n!==this.state.indeterminate&&this.setState({indeterminate:n})},t.prototype.getCheckState=function(e){var t=e.store,n=e.data,r=void 0;return r=!!n.length&&(t.getState().selectionDirty?this.checkSelection(n,"every",!1):this.checkSelection(n,"every",!1)||this.checkSelection(n,"every",!0))},t.prototype.getIndeterminateState=function(e){var t=e.store,n=e.data,r=void 0;return r=!!n.length&&(t.getState().selectionDirty?this.checkSelection(n,"some",!1)&&!this.checkSelection(n,"every",!1):this.checkSelection(n,"some",!1)&&!this.checkSelection(n,"every",!1)||this.checkSelection(n,"some",!0)&&!this.checkSelection(n,"every",!0))},t.prototype.renderMenus=function(e){var t=this;return e.map(function(e,n){return d["default"].createElement(b["default"].Item,{key:e.key||n},d["default"].createElement("div",{onClick:function(){t.props.onSelect(e.key,n,e.onSelect)}},e.text))})},t.prototype.render=function(){var e=this.props,t=e.disabled,n=e.prefixCls,r=e.selections,o=this.state,a=o.checked,s=o.indeterminate,u=n+"-selection",l=null;if(r){var c=Array.isArray(r)?this.defaultSelections.concat(r):this.defaultSelections,f=d["default"].createElement(b["default"],{className:u+"-menu",selectedKeys:[]},this.renderMenus(c));l=d["default"].createElement(y["default"],{overlay:f,getPopupContainer:function(e){return e.parentNode}},d["default"].createElement("div",{className:u+"-down"},d["default"].createElement(w["default"],{type:"down"})))}return d["default"].createElement("div",{className:u},d["default"].createElement(v["default"],{className:(0,C["default"])((0,i["default"])({},u+"-select-all-custom",l)),checked:a,indeterminate:s,disabled:t,onChange:this.handleSelectAllChagne}),l)},t}(d["default"].Component);t["default"]=E,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(e){e.stopPropagation(),e.nativeEvent.stopImmediatePropagation&&e.nativeEvent.stopImmediatePropagation()}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var a=n(9),s=r(a),u=n(47),l=r(u),c=n(10),f=r(c),p=n(4),d=r(p),h=n(7),v=r(h),m=n(6),y=r(m),g=n(1),b=r(g),_=n(299),w=r(_),x=n(12),C=r(x),E=n(8),S=r(E),P=n(11),O=r(P),T=n(502),k=r(T),M=n(23),N=r(M),A=n(508),D=r(A),j=n(54),R=r(j),I=n(1878),L=r(I),F=n(1877),U=r(F),V=n(1874),B=r(V),z=n(1875),H=r(z),K=n(1872),W=r(K),q=n(510),Y=r(q),G=n(1881),X=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},$={filterTitle:"\u7b5b\u9009",filterConfirm:"\u786e\u5b9a",filterReset:"\u91cd\u7f6e",emptyText:b["default"].createElement("span",null,b["default"].createElement(N["default"],{type:"frown-o"}),"\u6682\u65e0\u6570\u636e"),selectAll:"\u5168\u9009",selectInvert:"\u53cd\u9009"},Z={onChange:o,onShowSizeChange:o},Q={},J=function(e){function t(n){(0,d["default"])(this,t);var r=(0,v["default"])(this,e.call(this,n));return r.getCheckboxPropsByItem=function(e,t){var n=r.props.rowSelection,o=void 0===n?{}:n;if(!o.getCheckboxProps)return{};var i=r.getRecordKey(e,t);return r.CheckboxPropsCache[i]||(r.CheckboxPropsCache[i]=o.getCheckboxProps(e)),r.CheckboxPropsCache[i]},r.handleFilter=function(e,t){var n=r.props,o=(0,O["default"])({},r.state.pagination),i=(0,O["default"])({},r.state.filters,(0,f["default"])({},r.getColumnKey(e),t)),a=[];(0,G.treeMap)(r.columns,function(e){e.children||a.push(r.getColumnKey(e))}),Object.keys(i).forEach(function(e){a.indexOf(e)<0&&delete i[e]}),n.pagination&&(o.current=1,o.onChange(o.current));var s={pagination:o,filters:{}},u=(0,O["default"])({},i);r.getFilteredValueColumns().forEach(function(e){var t=r.getColumnKey(e);t&&delete u[t]}),Object.keys(u).length>0&&(s.filters=u),"object"===(0,l["default"])(n.pagination)&&"current"in n.pagination&&(s.pagination=(0,O["default"])({},o,{current:r.state.pagination.current})),r.setState(s,function(){r.store.setState({selectionDirty:!1});var e=r.props.onChange;e&&e.apply(null,r.prepareParamsArguments((0,O["default"])({},r.state,{selectionDirty:!1,filters:i,pagination:o})))})},r.handleSelect=function(e,t,n){var o=n.target.checked,i=r.store.getState().selectionDirty?[]:r.getDefaultSelection(),a=r.store.getState().selectedRowKeys.concat(i),s=r.getRecordKey(e,t);o?a.push(r.getRecordKey(e,t)):a=a.filter(function(e){return s!==e}),r.store.setState({selectionDirty:!0}),r.setSelectedRowKeys(a,{selectWay:"onSelect",record:e,checked:o})},r.handleRadioSelect=function(e,t,n){var o=n.target.checked,i=r.store.getState().selectionDirty?[]:r.getDefaultSelection(),a=r.store.getState().selectedRowKeys.concat(i),s=r.getRecordKey(e,t);a=[s],r.store.setState({selectionDirty:!0}),r.setSelectedRowKeys(a,{selectWay:"onSelect",record:e,checked:o})},r.handleSelectRow=function(e,t,n){var o=r.getFlatCurrentPageData(),i=r.store.getState().selectionDirty?[]:r.getDefaultSelection(),a=r.store.getState().selectedRowKeys.concat(i),s=o.filter(function(e,t){return!r.getCheckboxPropsByItem(e,t).disabled}).map(function(e,t){return r.getRecordKey(e,t)}),u=[],l="",c=void 0;switch(e){case"all":s.forEach(function(e){a.indexOf(e)<0&&(a.push(e),u.push(e))}),l="onSelectAll",c=!0;break;case"removeAll":s.forEach(function(e){a.indexOf(e)>=0&&(a.splice(a.indexOf(e),1),u.push(e))}),l="onSelectAll",c=!1;break;case"invert":s.forEach(function(e){a.indexOf(e)<0?a.push(e):a.splice(a.indexOf(e),1),u.push(e),l="onSelectInvert"})}return r.store.setState({selectionDirty:!0}),t>1&&"function"==typeof n?n(s):void r.setSelectedRowKeys(a,{selectWay:l,checked:c,changeRowKeys:u})},r.handlePageChange=function(e){for(var t=arguments.length,n=Array(t>1?t-1:0),o=1;o<t;o++)n[o-1]=arguments[o];var i=r.props,a=(0,O["default"])({},r.state.pagination);e?a.current=e:a.current=a.current||1,a.onChange.apply(a,[a.current].concat(n));var s={pagination:a};i.pagination&&"object"===(0,l["default"])(i.pagination)&&"current"in i.pagination&&(s.pagination=(0,O["default"])({},a,{current:r.state.pagination.current})),r.setState(s),r.store.setState({selectionDirty:!1});var u=r.props.onChange;u&&u.apply(null,r.prepareParamsArguments((0,O["default"])({},r.state,{selectionDirty:!1,pagination:a})));
-},r.renderSelectionBox=function(e){return function(t,n,o){var a=r.getRecordKey(n,o),s=r.getCheckboxPropsByItem(n,o),u=function(t){"radio"===e?r.handleRadioSelect(n,a,t):r.handleSelect(n,a,t)};return b["default"].createElement("span",{onClick:i},b["default"].createElement(B["default"],{type:e,store:r.store,rowIndex:a,disabled:s.disabled,onChange:u,defaultSelection:r.getDefaultSelection()}))}},r.getRecordKey=function(e,t){var n=r.props.rowKey,o="function"==typeof n?n(e,t):e[n];return(0,R["default"])(void 0!==o,"Each record in dataSource of table should have a unique `key` prop, or set `rowKey` to an unique primary key,see http://u.ant.design/table-row-key"),void 0===o?t:o},r.handleShowSizeChange=function(e,t){var n=r.state.pagination;n.onShowSizeChange(e,t);var o=(0,O["default"])({},n,{pageSize:t,current:e});r.setState({pagination:o});var i=r.props.onChange;i&&i.apply(null,r.prepareParamsArguments((0,O["default"])({},r.state,{pagination:o})))},(0,R["default"])(!("columnsPageRange"in n||"columnsPageSize"in n),"`columnsPageRange` and `columnsPageSize` are removed, please use fixed columns instead, see: http://u.ant.design/fixed-columns."),r.columns=n.columns||(0,G.normalizeColumns)(n.children),r.state=(0,O["default"])({},r.getSortStateFromColumns(),{filters:r.getFiltersFromColumns(),pagination:r.getDefaultPagination(n)}),r.CheckboxPropsCache={},r.store=(0,U["default"])({selectedRowKeys:(n.rowSelection||{}).selectedRowKeys||[],selectionDirty:!1}),r}return(0,y["default"])(t,e),t.prototype.getDefaultSelection=function(){var e=this,t=this.props.rowSelection,n=void 0===t?{}:t;return n.getCheckboxProps?this.getFlatData().filter(function(t,n){return e.getCheckboxPropsByItem(t,n).defaultChecked}).map(function(t,n){return e.getRecordKey(t,n)}):[]},t.prototype.getDefaultPagination=function(e){var t=e.pagination||{};return this.hasPagination(e)?(0,O["default"])({},Z,t,{current:t.defaultCurrent||t.current||1,pageSize:t.defaultPageSize||t.pageSize||10}):{}},t.prototype.getLocale=function(){var e={};return this.context.antLocale&&this.context.antLocale.Table&&(e=this.context.antLocale.Table),(0,O["default"])({},$,e,this.props.locale)},t.prototype.componentWillReceiveProps=function(e){if(this.columns=e.columns||(0,G.normalizeColumns)(e.children),("pagination"in e||"pagination"in this.props)&&this.setState(function(t){var n=(0,O["default"])({},Z,t.pagination,e.pagination);return n.current=n.current||1,n.pageSize=n.pageSize||10,{pagination:e.pagination!==!1?n:Q}}),e.rowSelection&&"selectedRowKeys"in e.rowSelection){this.store.setState({selectedRowKeys:e.rowSelection.selectedRowKeys||[]});var t=this.props.rowSelection;t&&e.rowSelection.getCheckboxProps!==t.getCheckboxProps&&(this.CheckboxPropsCache={})}if("dataSource"in e&&e.dataSource!==this.props.dataSource&&(this.store.setState({selectionDirty:!1}),this.CheckboxPropsCache={}),this.getSortOrderColumns(this.columns).length>0){var n=this.getSortStateFromColumns(this.columns);n.sortColumn===this.state.sortColumn&&n.sortOrder===this.state.sortOrder||this.setState(n)}var r=this.getFilteredValueColumns(this.columns);if(r.length>0){var o=this.getFiltersFromColumns(this.columns),i=(0,O["default"])({},this.state.filters);Object.keys(o).forEach(function(e){i[e]=o[e]}),this.isFiltersChanged(i)&&this.setState({filters:i})}},t.prototype.setSelectedRowKeys=function(e,t){var n=this,r=t.selectWay,o=t.record,i=t.checked,a=t.changeRowKeys,s=this.props.rowSelection,u=void 0===s?{}:s;!u||"selectedRowKeys"in u||this.store.setState({selectedRowKeys:e});var l=this.getFlatData();if(u.onChange||u[r]){var c=l.filter(function(t,r){return e.indexOf(n.getRecordKey(t,r))>=0});if(u.onChange&&u.onChange(e,c),"onSelect"===r&&u.onSelect)u.onSelect(o,i,c);else if("onSelectAll"===r&&u.onSelectAll){var f=l.filter(function(e,t){return a.indexOf(n.getRecordKey(e,t))>=0});u.onSelectAll(i,c,f)}else"onSelectInvert"===r&&u.onSelectInvert&&u.onSelectInvert(e)}},t.prototype.hasPagination=function(e){return(e||this.props).pagination!==!1},t.prototype.isFiltersChanged=function(e){var t=this,n=!1;return Object.keys(e).length!==Object.keys(this.state.filters).length?n=!0:Object.keys(e).forEach(function(r){e[r]!==t.state.filters[r]&&(n=!0)}),n},t.prototype.getSortOrderColumns=function(e){return(0,G.flatFilter)(e||this.columns||[],function(e){return"sortOrder"in e})},t.prototype.getFilteredValueColumns=function(e){return(0,G.flatFilter)(e||this.columns||[],function(e){return"undefined"!=typeof e.filteredValue})},t.prototype.getFiltersFromColumns=function(e){var t=this,n={};return this.getFilteredValueColumns(e).forEach(function(e){n[t.getColumnKey(e)]=e.filteredValue}),n},t.prototype.getSortStateFromColumns=function(e){var t=this.getSortOrderColumns(e).filter(function(e){return e.sortOrder})[0];return t?{sortColumn:t,sortOrder:t.sortOrder}:{sortColumn:null,sortOrder:null}},t.prototype.getSorterFn=function(){var e=this.state,t=e.sortOrder,n=e.sortColumn;if(t&&n&&"function"==typeof n.sorter)return function(e,r){var o=n.sorter(e,r);return 0!==o?"descend"===t?-o:o:0}},t.prototype.toggleSortOrder=function(e,t){var n=this.state,r=n.sortColumn,o=n.sortOrder,i=this.isSortColumn(t);i?o===e?(o="",r=null):o=e:(o=e,r=t);var a={sortOrder:o,sortColumn:r};0===this.getSortOrderColumns().length&&this.setState(a);var s=this.props.onChange;s&&s.apply(null,this.prepareParamsArguments((0,O["default"])({},this.state,a)))},t.prototype.renderRowSelection=function(){var e=this,t=this.props,n=t.prefixCls,r=t.rowSelection,o=this.columns.concat();if(r){var i=this.getFlatCurrentPageData().filter(function(t,n){return!r.getCheckboxProps||!e.getCheckboxPropsByItem(t,n).disabled}),a=(0,S["default"])(n+"-selection-column",(0,f["default"])({},n+"-selection-column-custom",r.selections)),s={key:"selection-column",render:this.renderSelectionBox(r.type),className:a};if("radio"!==r.type){var u=i.every(function(t,n){return e.getCheckboxPropsByItem(t,n).disabled});s.title=b["default"].createElement(H["default"],{store:this.store,locale:this.getLocale(),data:i,getCheckboxPropsByItem:this.getCheckboxPropsByItem,getRecordKey:this.getRecordKey,disabled:u,prefixCls:n,onSelect:this.handleSelectRow,selections:r.selections})}o.some(function(e){return"left"===e.fixed||e.fixed===!0})&&(s.fixed="left"),o[0]&&"selection-column"===o[0].key?o[0]=s:o.unshift(s)}return o},t.prototype.getColumnKey=function(e,t){return e.key||e.dataIndex||t},t.prototype.getMaxCurrent=function(e){var t=this.state.pagination,n=t.current,r=t.pageSize;return(n-1)*r>=e?Math.floor((e-1)/r)+1:n},t.prototype.isSortColumn=function(e){var t=this.state.sortColumn;return!(!e||!t)&&this.getColumnKey(t)===this.getColumnKey(e)},t.prototype.renderColumnsDropdown=function(e){var t=this,n=this.props,r=n.prefixCls,o=n.dropdownPrefixCls,i=this.state.sortOrder,a=this.getLocale();return(0,G.treeMap)(e,function(e,n){var s=(0,O["default"])({},e),u=t.getColumnKey(s,n),l=void 0,c=void 0;if(s.filters&&s.filters.length>0||s.filterDropdown){var f=t.state.filters[u]||[];l=b["default"].createElement(L["default"],{locale:a,column:s,selectedKeys:f,confirmFilter:t.handleFilter,prefixCls:r+"-filter",dropdownPrefixCls:o||"ant-dropdown"})}if(s.sorter){var p=t.isSortColumn(s);p&&(s.className=s.className||"",i&&(s.className+=" "+r+"-column-sort"));var d=p&&"ascend"===i,h=p&&"descend"===i;c=b["default"].createElement("div",{className:r+"-column-sorter"},b["default"].createElement("span",{className:r+"-column-sorter-up "+(d?"on":"off"),title:"\u2191",onClick:function(){return t.toggleSortOrder("ascend",s)}},b["default"].createElement(N["default"],{type:"caret-up"})),b["default"].createElement("span",{className:r+"-column-sorter-down "+(h?"on":"off"),title:"\u2193",onClick:function(){return t.toggleSortOrder("descend",s)}},b["default"].createElement(N["default"],{type:"caret-down"})))}return s.title=b["default"].createElement("span",null,s.title,c,l),s})},t.prototype.renderPagination=function(){if(!this.hasPagination())return null;var e="default",t=this.state.pagination;t.size?e=t.size:"middle"!==this.props.size&&"small"!==this.props.size||(e="small");var n=t.total||this.getLocalData().length;return n>0?b["default"].createElement(k["default"],(0,s["default"])({key:"pagination"},t,{className:this.props.prefixCls+"-pagination",onChange:this.handlePageChange,total:n,size:e,current:this.getMaxCurrent(n),onShowSizeChange:this.handleShowSizeChange})):null},t.prototype.prepareParamsArguments=function(e){var t=(0,s["default"])({},e.pagination);delete t.onChange,delete t.onShowSizeChange;var n=e.filters,r={};return e.sortColumn&&e.sortOrder&&(r.column=e.sortColumn,r.order=e.sortOrder,r.field=e.sortColumn.dataIndex,r.columnKey=this.getColumnKey(e.sortColumn)),[t,n,r]},t.prototype.findColumn=function(e){var t=this,n=void 0;return(0,G.treeMap)(this.columns,function(r){t.getColumnKey(r)===e&&(n=r)}),n},t.prototype.getCurrentPageData=function(){var e=this.getLocalData(),t=void 0,n=void 0,r=this.state;return this.hasPagination()?(n=r.pagination.pageSize,t=this.getMaxCurrent(r.pagination.total||e.length)):(n=Number.MAX_VALUE,t=1),(e.length>n||n===Number.MAX_VALUE)&&(e=e.filter(function(e,r){return r>=(t-1)*n&&r<t*n})),e},t.prototype.getFlatData=function(){return(0,G.flatArray)(this.getLocalData())},t.prototype.getFlatCurrentPageData=function(){return(0,G.flatArray)(this.getCurrentPageData())},t.prototype.recursiveSort=function(e,t){var n=this,r=this.props.childrenColumnName,o=void 0===r?"children":r;return e.sort(t).map(function(e){return e[o]?(0,O["default"])({},e,(0,f["default"])({},o,n.recursiveSort(e[o],t))):e})},t.prototype.getLocalData=function(){var e=this,t=this.state,n=this.props.dataSource,r=n||[];r=r.slice(0);var o=this.getSorterFn();return o&&(r=this.recursiveSort(r,o)),t.filters&&Object.keys(t.filters).forEach(function(n){var o=e.findColumn(n);if(o){var i=t.filters[n]||[];if(0!==i.length){var a=o.onFilter;r=a?r.filter(function(e){return i.some(function(t){return a(t,e)})}):r}}}),r},t.prototype.render=function(){var e,t=this,n=this.props,r=n.style,o=n.className,i=n.prefixCls,a=n.showHeader,u=X(n,["style","className","prefixCls","showHeader"]),l=this.getCurrentPageData(),c=this.renderRowSelection(),p=this.props.expandedRowRender&&this.props.expandIconAsCell!==!1,d=this.getLocale(),h=(0,S["default"])((e={},(0,f["default"])(e,i+"-"+this.props.size,!0),(0,f["default"])(e,i+"-bordered",this.props.bordered),(0,f["default"])(e,i+"-empty",!l.length),(0,f["default"])(e,i+"-without-column-header",!a),e));c=this.renderColumnsDropdown(c),c=c.map(function(e,n){var r=(0,O["default"])({},e);return r.key=t.getColumnKey(r,n),r});var v=c[0]&&"selection-column"===c[0].key?1:0;"expandIconColumnIndex"in u&&(v=u.expandIconColumnIndex);var m=b["default"].createElement(w["default"],(0,s["default"])({key:"table"},u,{prefixCls:i,data:l,columns:c,showHeader:a,className:h,expandIconColumnIndex:v,expandIconAsCell:p,emptyText:function(){return d.emptyText}})),y=this.hasPagination()&&l&&0!==l.length?i+"-with-pagination":i+"-without-pagination",g=this.props.loading;return"boolean"==typeof g&&(g={spinning:g}),b["default"].createElement("div",{className:(0,S["default"])(i+"-wrapper",o),style:r},b["default"].createElement(D["default"],(0,s["default"])({},g,{className:g?y+" "+i+"-spin-holder":""}),m,this.renderPagination()))},t}(b["default"].Component);t["default"]=J,J.Column=W["default"],J.ColumnGroup=Y["default"],J.propTypes={dataSource:C["default"].array,columns:C["default"].array,prefixCls:C["default"].string,useFixedHeader:C["default"].bool,rowSelection:C["default"].object,className:C["default"].string,size:C["default"].string,loading:C["default"].oneOfType([C["default"].bool,C["default"].object]),bordered:C["default"].bool,onChange:C["default"].func,locale:C["default"].object,dropdownPrefixCls:C["default"].string},J.defaultProps={dataSource:[],prefixCls:"ant-table",useFixedHeader:!1,rowSelection:null,className:"",size:"large",loading:!1,bordered:!1,indentSize:20,locale:{},rowKey:"key",showHeader:!0},J.contextTypes={antLocale:C["default"].object},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){function t(e){o=(0,a["default"])({},o,e);for(var t=0;t<i.length;t++)i[t]()}function n(){return o}function r(e){return i.push(e),function(){var t=i.indexOf(e);i.splice(t,1)}}var o=e,i=[];return{setState:t,getState:n,subscribe:r}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var i=n(11),a=r(i);e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(10),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(2),v=r(h),m=n(196),y=r(m),g=n(626),b=r(g),_=n(8),w=r(_),x=n(302),C=r(x),E=n(23),S=r(E),P=n(130),O=r(P),T=n(201),k=r(T),M=n(1873),N=r(M),A=function(e){function t(n){(0,s["default"])(this,t);var r=(0,l["default"])(this,e.call(this,n));r.setSelectedKeys=function(e){var t=e.selectedKeys;r.setState({selectedKeys:t})},r.handleClearFilters=function(){r.setState({selectedKeys:[]},r.handleConfirm)},r.handleConfirm=function(){r.setVisible(!1),r.confirmFilter()},r.onVisibleChange=function(e){r.setVisible(e),e||r.confirmFilter()},r.handleMenuItemClick=function(e){if(!(e.keyPath.length<=1)){var t=r.state.keyPathOfSelectedItem;r.state.selectedKeys.indexOf(e.key)>=0?delete t[e.key]:t[e.key]=e.keyPath,r.setState({keyPathOfSelectedItem:t})}},r.renderFilterIcon=function(){var e=r.props,t=e.column,n=e.locale,o=e.prefixCls,a=t.filterIcon,s=r.props.selectedKeys.length>0?o+"-selected":"";return a?d["default"].cloneElement(a,{title:n.filterTitle,className:(0,w["default"])(a.className,(0,i["default"])({},o+"-icon",!0))}):d["default"].createElement(S["default"],{title:n.filterTitle,type:"filter",className:s})};var o="filterDropdownVisible"in n.column&&n.column.filterDropdownVisible;return r.state={selectedKeys:n.selectedKeys,keyPathOfSelectedItem:{},visible:o},r}return(0,f["default"])(t,e),t.prototype.componentDidMount=function(){var e=this.props.column,t=v["default"].findDOMNode(this),n=!!(0,b["default"])(t,".ant-table-scroll");n&&e.fixed&&(this.neverShown=!0)},t.prototype.componentWillReceiveProps=function(e){var t=e.column,n={};"selectedKeys"in e&&(n.selectedKeys=e.selectedKeys),"filterDropdownVisible"in t&&(n.visible=t.filterDropdownVisible),Object.keys(n).length>0&&this.setState(n)},t.prototype.setVisible=function(e){var t=this.props.column;"filterDropdownVisible"in t||this.setState({visible:e}),t.onFilterDropdownVisibleChange&&t.onFilterDropdownVisibleChange(e)},t.prototype.confirmFilter=function(){this.state.selectedKeys!==this.props.selectedKeys&&this.props.confirmFilter(this.props.column,this.state.selectedKeys)},t.prototype.renderMenuItem=function(e){var t=this.props.column,n=!("filterMultiple"in t)||t.filterMultiple,r=n?d["default"].createElement(O["default"],{checked:this.state.selectedKeys.indexOf(e.value.toString())>=0}):d["default"].createElement(k["default"],{checked:this.state.selectedKeys.indexOf(e.value.toString())>=0});return d["default"].createElement(m.Item,{key:e.value},r,d["default"].createElement("span",null,e.text))},t.prototype.hasSubMenu=function(){var e=this.props.column.filters,t=void 0===e?[]:e;return t.some(function(e){return!!(e.children&&e.children.length>0)})},t.prototype.renderMenus=function(e){var t=this;return e.map(function(e){if(e.children&&e.children.length>0){var n=t.state.keyPathOfSelectedItem,r=Object.keys(n).some(function(t){return n[t].indexOf(e.value)>=0}),o=r?t.props.dropdownPrefixCls+"-submenu-contain-selected":"";return d["default"].createElement(m.SubMenu,{title:e.text,className:o,key:e.value.toString()},t.renderMenus(e.children))}return t.renderMenuItem(e)})},t.prototype.render=function(){var e=this.props,t=e.column,n=e.locale,r=e.prefixCls,o=e.dropdownPrefixCls,a=!("filterMultiple"in t)||t.filterMultiple,s=(0,w["default"])((0,i["default"])({},o+"-menu-without-submenu",!this.hasSubMenu())),u=t.filterDropdown?d["default"].createElement(N["default"],null,t.filterDropdown):d["default"].createElement(N["default"],{className:r+"-dropdown"},d["default"].createElement(y["default"],{multiple:a,onClick:this.handleMenuItemClick,prefixCls:o+"-menu",className:s,onSelect:this.setSelectedKeys,onDeselect:this.setSelectedKeys,selectedKeys:this.state.selectedKeys},this.renderMenus(t.filters)),d["default"].createElement("div",{className:r+"-dropdown-btns"},d["default"].createElement("a",{className:r+"-dropdown-link confirm",onClick:this.handleConfirm},n.filterConfirm),d["default"].createElement("a",{className:r+"-dropdown-link clear",onClick:this.handleClearFilters},n.filterReset)));return d["default"].createElement(C["default"],{trigger:["click"],overlay:u,visible:!this.neverShown&&this.state.visible,onVisibleChange:this.onVisibleChange},this.renderFilterIcon())},t}(d["default"].Component);t["default"]=A,A.defaultProps={handleFilter:function(){},column:{}},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1876),i=r(o);t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1277),n(305),n(154),n(493),n(509),n(503)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"children",n=[],r=function o(e){e.forEach(function(e){var r=(0,d["default"])({},e);delete r[t],n.push(r),e[t]&&e[t].length>0&&o(e[t])})};return r(e),n}function i(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"children";return e.map(function(e,r){var o={};return e[n]&&(o[n]=i(e[n],t,n)),(0,d["default"])({},t(e,r),o)})}function a(e,t){return e.reduce(function(e,n){if(t(n)&&e.push(n),n.children){var r=a(n.children,t);e.push.apply(e,(0,l["default"])(r))}return e},[])}function s(e){var t=[];return f["default"].Children.forEach(e,function(e){if(f["default"].isValidElement(e)){var n=(0,d["default"])({},e.props);e.key&&(n.key=e.key),e.type===v["default"]&&(n.children=s(n.children)),t.push(n)}}),t}Object.defineProperty(t,"__esModule",{value:!0});var u=n(62),l=r(u);t.flatArray=o,t.treeMap=i,t.flatFilter=a,t.normalizeColumns=s;var c=n(1),f=r(c),p=n(11),d=r(p),h=n(510),v=r(h)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(47),l=r(u),c=n(4),f=r(c),p=n(7),d=r(p),h=n(6),v=r(h),m=n(1),y=r(m),g=n(2),b=n(1948),_=r(b),w=n(1943),x=r(w),C=n(1946),E=r(C),S=n(8),P=r(S),O=n(23),T=r(O),k=n(54),M=r(k),N=n(1785),A=r(N),D=function(e){function t(){(0,f["default"])(this,t);var n=(0,d["default"])(this,e.apply(this,arguments));return n.createNewTab=function(e){var t=n.props.onEdit;t&&t(e,"add")},n.removeTab=function(e,t){if(t.stopPropagation(),e){var r=n.props.onEdit;r&&r(e,"remove")}},n.handleChange=function(e){var t=n.props.onChange;t&&t(e)},n}return(0,v["default"])(t,e),t.prototype.componentDidMount=function(){var e=" no-flex",t=(0,g.findDOMNode)(this);t&&!(0,A["default"])()&&t.className.indexOf(e)===-1&&(t.className+=e)},t.prototype.render=function(){var e,t=this,n=this.props,r=n.prefixCls,o=n.className,a=void 0===o?"":o,u=n.size,c=n.type,f=void 0===c?"line":c,p=n.tabPosition,d=n.children,h=n.tabBarExtraContent,v=n.tabBarStyle,g=n.hideAdd,b=n.onTabClick,w=n.onPrevClick,C=n.onNextClick,S=n.animated,O="object"===("undefined"==typeof S?"undefined":(0,l["default"])(S))?{inkBarAnimated:S.inkBar,tabPaneAnimated:S.tabPane}:{inkBarAnimated:S,tabPaneAnimated:S},k=O.inkBarAnimated,N=O.tabPaneAnimated;"line"!==f&&(N=!1),(0,M["default"])(!(f.indexOf("card")>=0&&"small"===u),"Tabs[type=card|editable-card] doesn't have small size, it's by designed.");var A=(0,P["default"])(a,(e={},(0,s["default"])(e,r+"-mini","small"===u||"mini"===u),(0,s["default"])(e,r+"-vertical","left"===p||"right"===p),(0,s["default"])(e,r+"-card",f.indexOf("card")>=0),(0,s["default"])(e,r+"-"+f,!0),(0,s["default"])(e,r+"-no-animation",!S),e)),D=void 0;"editable-card"===f&&(D=[],y["default"].Children.forEach(d,function(e,n){var o=e.props.closable;o="undefined"==typeof o||o;var i=o?y["default"].createElement(T["default"],{type:"close",onClick:function(n){return t.removeTab(e.key,n)}}):null;D.push((0,m.cloneElement)(e,{tab:y["default"].createElement("div",{className:o?void 0:r+"-tab-unclosable"},e.props.tab,i),key:e.key||n}))}),g||(h=y["default"].createElement("span",null,y["default"].createElement(T["default"],{type:"plus",className:r+"-new-tab",onClick:this.createNewTab}),h))),h=h?y["default"].createElement("div",{className:r+"-extra-content"},h):null;var j=function(){return y["default"].createElement(x["default"],{inkBarAnimated:k,extraContent:h,onTabClick:b,onPrevClick:w,onNextClick:C,style:v})};return y["default"].createElement(_["default"],(0,i["default"])({},this.props,{className:A,tabBarPosition:p,renderTabBar:j,renderTabContent:function(){return y["default"].createElement(E["default"],{animated:N,animatedWithMargin:!0})},onChange:this.handleChange}),D||d)},t}(y["default"].Component);t["default"]=D,D.TabPane=b.TabPane,D.defaultProps={prefixCls:"ant-tabs",hideAdd:!1,animated:!0},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1278)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(8),y=r(m),g=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},b=function(e){function t(){(0,l["default"])(this,t);var n=(0,f["default"])(this,e.apply(this,arguments));return n.handleClick=function(){var e=n.props,t=e.checked,r=e.onChange;r&&r(!t)},n}return(0,d["default"])(t,e),t.prototype.render=function(){var e,t=this.props,n=t.prefixCls,r=void 0===n?"ant-tag":n,o=t.className,a=t.checked,u=g(t,["prefixCls","className","checked"]),l=(0,y["default"])(r,(e={},(0,s["default"])(e,r+"-checkable",!0),(0,s["default"])(e,r+"-checkable-checked",a),e),o);return delete u.onChange,v["default"].createElement("div",(0,i["default"])({},u,{className:l,onClick:this.handleClick}))},t}(v["default"].Component);t["default"]=b,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(2),y=r(m),g=n(31),b=r(g),_=n(8),w=r(_),x=n(48),C=r(x),E=n(11),S=r(E),P=n(23),O=r(P),T=n(1884),k=r(T),M=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},N=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n));return r.close=function(e){var t=r.props.onClose;if(t&&t(e),!e.defaultPrevented){var n=y["default"].findDOMNode(r);n.style.width=n.getBoundingClientRect().width+"px",n.style.width=n.getBoundingClientRect().width+"px",r.setState({closing:!0})}},r.animationEnd=function(e,t){if(!t&&!r.state.closed){r.setState({closed:!0,closing:!1});var n=r.props.afterClose;n&&n()}},r.state={closing:!1,closed:!1},r}return(0,d["default"])(t,e),t.prototype.isPresetColor=function(e){return/^(pink|red|yellow|orange|cyan|green|blue|purple)(-inverse)?$/.test(e)},t.prototype.render=function(){var e,t=this.props,n=t.prefixCls,r=t.closable,o=t.color,a=t.className,u=t.children,l=t.style,c=M(t,["prefixCls","closable","color","className","children","style"]),f=r?v["default"].createElement(O["default"],{type:"cross",onClick:this.close}):"",p=this.isPresetColor(o),d=(0,w["default"])(n,(e={},(0,s["default"])(e,n+"-"+o,p),(0,s["default"])(e,n+"-has-color",o&&!p),(0,s["default"])(e,n+"-close",this.state.closing),e),a),h=(0,C["default"])(c,["onClose","afterClose"]),m=(0,S["default"])({backgroundColor:o&&!p?o:null},l),y=this.state.closed?null:v["default"].createElement("div",(0,i["default"])({"data-show":!this.state.closing},h,{className:d,style:m}),v["default"].createElement("span",{className:n+"-text"},u),f);return v["default"].createElement(b["default"],{component:"",showProp:"data-show",transitionName:n+"-zoom",transitionAppear:!0,onEnd:this.animationEnd},y)},t}(v["default"].Component);t["default"]=N,N.CheckableTag=k["default"],N.defaultProps={prefixCls:"ant-tag",closable:!1},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1279)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(25),y=r(m),g=n(1494),b=r(g),_=n(8),w=r(_),x=n(11),C=r(x),E=n(155),S=r(E),P=n(512),O=r(P),T=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n));r.handleChange=function(e){"value"in r.props||r.setState({value:e});var t=r.props,n=t.onChange,o=t.format,i=void 0===o?"HH:mm:ss":o;n&&n(e,e&&e.format(i)||"")},r.saveTimePicker=function(e){r.timePickerRef=e};var o=n.value||n.defaultValue;if(o&&!y["default"].isMoment(o))throw new Error("The value/defaultValue of TimePicker must be a moment object after `antd@2.0`, see: http://u.ant.design/time-picker-value");return r.state={value:o},r}return(0,d["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){"value"in e&&this.setState({value:e.value})},t.prototype.focus=function(){this.timePickerRef.focus()},t.prototype.getDefaultFormat=function(){var e=this.props,t=e.format,n=e.use12Hours;return t?t:n?"h:mm:ss a":"HH:mm:ss"},t.prototype.render=function(){var e=(0,C["default"])({},this.props);delete e.defaultValue;var t=this.getDefaultFormat(),n=(0,w["default"])(e.className,(0,s["default"])({},e.prefixCls+"-"+e.size,!!e.size)),r=function(t){return e.addon?v["default"].createElement("div",{className:e.prefixCls+"-panel-addon"},e.addon(t)):null};return v["default"].createElement(b["default"],(0,i["default"])({},e,{ref:this.saveTimePicker,format:t,className:n,value:this.state.value,placeholder:void 0===e.placeholder?this.getLocale().placeholder:e.placeholder,showHour:t.indexOf("HH")>-1||t.indexOf("h")>-1,showMinute:t.indexOf("mm")>-1,showSecond:t.indexOf("ss")>-1,onChange:this.handleChange,addon:r}))},t}(v["default"].Component);T.defaultProps={prefixCls:"ant-time-picker",align:{offset:[0,-2]},disabled:!1,disabledHours:void 0,disabledMinutes:void 0,disabledSeconds:void 0,hideDisabledOptions:!1,placement:"bottomLeft",transitionName:"slide-up"};var k=(0,S["default"])("TimePicker",O["default"]);t["default"]=k(T),e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(8),y=r(m),g=n(514),b=r(g),_=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},w=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.prefixCls,n=e.children,r=e.pending,o=e.className,a=_(e,["prefixCls","children","pending","className"]),u="boolean"==typeof r?null:r,l=(0,y["default"])(t,(0,s["default"])({},t+"-pending",!!r),o),c=v["default"].Children.map(n,function(e,t){return v["default"].cloneElement(e,{last:t===n.length-1})}),f=r?v["default"].createElement(b["default"],{pending:!!r},u):null;return v["default"].createElement("ul",(0,i["default"])({},a,{className:l}),c,f)},t}(v["default"].Component);t["default"]=w,w.defaultProps={prefixCls:"ant-timeline"},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1888),i=r(o),a=n(514),s=r(a);i["default"].Item=s["default"],t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1281)},function(e,t,n){"use strict";function r(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!e.arrowPointAtCenter)return o.placements;var t=e.arrowWidth,n=void 0===t?5:t,r=e.horizontalArrowShift,s=void 0===r?16:r,u=e.verticalArrowShift,l=void 0===u?12:u;return{left:{points:["cr","cl"],overflow:i,offset:[-4,0],targetOffset:a},right:{points:["cl","cr"],overflow:i,offset:[4,0],targetOffset:a},top:{points:["bc","tc"],overflow:i,offset:[0,-4],targetOffset:a},bottom:{points:["tc","bc"],overflow:i,offset:[0,4],targetOffset:a},topLeft:{points:["bl","tc"],overflow:i,offset:[-(s+n),-4],targetOffset:a},leftTop:{points:["tr","cl"],overflow:i,offset:[-4,-(l+n)],targetOffset:a},topRight:{points:["br","tc"],overflow:i,offset:[s+n,-4],targetOffset:a},rightTop:{points:["tl","cr"],overflow:i,offset:[4,-(l+n)],targetOffset:a},bottomRight:{points:["tr","bc"],overflow:i,offset:[s+n,4],targetOffset:a},rightBottom:{points:["bl","cr"],overflow:i,offset:[4,l+n],targetOffset:a},bottomLeft:{points:["tl","bc"],overflow:i,offset:[-(s+n),4],targetOffset:a},leftBottom:{points:["br","cl"],overflow:i,offset:[-4,l+n],targetOffset:a}}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=r;var o=n(476),i={adjustX:1,adjustY:1},a=[0,0];e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}Object.defineProperty(t,"__esModule",{value:!0});var i=n(62),a=r(i),s=n(10),u=r(s),l=n(4),c=r(l),f=n(7),p=r(f),d=n(6),h=r(d),v=n(1),m=r(v),y=n(8),g=r(y),b=n(1894),_=r(b),w=n(1895),x=r(w),C=n(515),E=r(C),S=n(155),P=r(S),O=function(e){function t(n){(0,c["default"])(this,t);var r=(0,p["default"])(this,e.call(this,n));r.moveTo=function(e){var t=r.props,n=t.targetKeys,o=void 0===n?[]:n,i=t.dataSource,a=void 0===i?[]:i,s=t.onChange,l=r.state,c=l.sourceSelectedKeys,f=l.targetSelectedKeys,p="right"===e?c:f,d=p.filter(function(e){return!a.some(function(t){return!(e!==t.key||!t.disabled)})}),h="right"===e?d.concat(o):o.filter(function(e){return d.indexOf(e)===-1}),v="right"===e?"left":"right";r.setState((0,u["default"])({},r.getSelectedKeysName(v),[])),r.handleSelectChange(v,[]),s&&s(h,e,d)},r.moveToLeft=function(){return r.moveTo("left")},r.moveToRight=function(){return r.moveTo("right")},r.handleSelectAll=function(e,t,n){var o=n?[]:t.map(function(e){return e.key});r.handleSelectChange(e,o),r.props.selectedKeys||r.setState((0,u["default"])({},r.getSelectedKeysName(e),o))},r.handleLeftSelectAll=function(e,t){return r.handleSelectAll("left",e,t)},r.handleRightSelectAll=function(e,t){return r.handleSelectAll("right",e,t)},r.handleFilter=function(e,t){r.setState((0,u["default"])({},e+"Filter",t.target.value)),r.props.onSearchChange&&r.props.onSearchChange(e,t)},r.handleLeftFilter=function(e){return r.handleFilter("left",e)},r.handleRightFilter=function(e){return r.handleFilter("right",e)},r.handleClear=function(e){r.setState((0,u["default"])({},e+"Filter",""))},r.handleLeftClear=function(){return r.handleClear("left")},r.handleRightClear=function(){return r.handleClear("right")},r.handleSelect=function(e,t,n){var o=r.state,i=o.sourceSelectedKeys,s=o.targetSelectedKeys,l="left"===e?[].concat((0,a["default"])(i)):[].concat((0,a["default"])(s)),c=l.indexOf(t.key);c>-1&&l.splice(c,1),n&&l.push(t.key),r.handleSelectChange(e,l),r.props.selectedKeys||r.setState((0,
-u["default"])({},r.getSelectedKeysName(e),l))},r.handleLeftSelect=function(e,t){return r.handleSelect("left",e,t)},r.handleRightSelect=function(e,t){return r.handleSelect("right",e,t)},r.handleScroll=function(e,t){var n=r.props.onScroll;n&&n(e,t)},r.handleLeftScroll=function(e){return r.handleScroll("left",e)},r.handleRightScroll=function(e){return r.handleScroll("right",e)};var o=n.selectedKeys,i=void 0===o?[]:o,s=n.targetKeys,l=void 0===s?[]:s;return r.state={leftFilter:"",rightFilter:"",sourceSelectedKeys:i.filter(function(e){return l.indexOf(e)===-1}),targetSelectedKeys:i.filter(function(e){return l.indexOf(e)>-1})},r}return(0,h["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){var t=this.state,n=t.sourceSelectedKeys,r=t.targetSelectedKeys;if(e.targetKeys!==this.props.targetKeys||e.dataSource!==this.props.dataSource){var o=function(e){return i.some(function(t){return t.key===e})};this.splitedDataSource=null;var i=e.dataSource,a=e.targetKeys,s=void 0===a?[]:a;this.setState({sourceSelectedKeys:n.filter(o).filter(function(e){return 0===s.filter(function(t){return t===e}).length}),targetSelectedKeys:r.filter(o).filter(function(e){return s.filter(function(t){return t===e}).length>0})})}if(e.selectedKeys){var u=e.targetKeys;this.setState({sourceSelectedKeys:e.selectedKeys.filter(function(e){return u.indexOf(e)===-1}),targetSelectedKeys:e.selectedKeys.filter(function(e){return u.indexOf(e)>-1})})}},t.prototype.splitDataSource=function(e){if(this.splitedDataSource)return this.splitedDataSource;var t=e.rowKey,n=e.dataSource,r=e.targetKeys,o=void 0===r?[]:r;t&&n.forEach(function(e){e.key=t(e)});var i=n.filter(function(e){var t=e.key;return o.indexOf(t)===-1}),a=[];return o.forEach(function(e){var t=n.filter(function(t){return t.key===e})[0];t&&a.push(t)}),this.splitedDataSource={leftDataSource:i,rightDataSource:a},this.splitedDataSource},t.prototype.handleSelectChange=function(e,t){var n=this.state,r=n.sourceSelectedKeys,o=n.targetSelectedKeys,i=this.props.onSelectChange;i&&("left"===e?i(t,o):i(r,t))},t.prototype.getTitles=function(){var e=this.props;if(e.titles)return e.titles;var t=this.getLocale();return t.titles},t.prototype.getSelectedKeysName=function(e){return"left"===e?"sourceSelectedKeys":"targetSelectedKeys"},t.prototype.render=function n(){var e=this.getLocale(),t=this.props,r=t.prefixCls,o=void 0===r?"ant-transfer":r,i=t.className,a=t.operations,s=void 0===a?[]:a,u=t.showSearch,l=t.notFoundContent,c=void 0===l?e.notFoundContent:l,f=t.searchPlaceholder,p=void 0===f?e.searchPlaceholder:f,d=t.body,h=t.footer,v=t.listStyle,y=t.filterOption,n=t.render,b=t.lazy,w=this.state,C=w.leftFilter,E=w.rightFilter,S=w.sourceSelectedKeys,P=w.targetSelectedKeys,O=this.splitDataSource(this.props),T=O.leftDataSource,k=O.rightDataSource,M=P.length>0,N=S.length>0,A=(0,g["default"])(i,o),D=this.getTitles();return m["default"].createElement("div",{className:A},m["default"].createElement(_["default"],{prefixCls:o+"-list",titleText:D[0],dataSource:T,filter:C,filterOption:y,style:v,checkedKeys:S,handleFilter:this.handleLeftFilter,handleClear:this.handleLeftClear,handleSelect:this.handleLeftSelect,handleSelectAll:this.handleLeftSelectAll,render:n,showSearch:u,searchPlaceholder:p,notFoundContent:c,itemUnit:e.itemUnit,itemsUnit:e.itemsUnit,body:d,footer:h,lazy:b,onScroll:this.handleLeftScroll}),m["default"].createElement(x["default"],{className:o+"-operation",rightActive:N,rightArrowText:s[0],moveToRight:this.moveToRight,leftActive:M,leftArrowText:s[1],moveToLeft:this.moveToLeft}),m["default"].createElement(_["default"],{prefixCls:o+"-list",titleText:D[1],dataSource:k,filter:E,filterOption:y,style:v,checkedKeys:P,handleFilter:this.handleRightFilter,handleClear:this.handleRightClear,handleSelect:this.handleRightSelect,handleSelectAll:this.handleRightSelectAll,render:n,showSearch:u,searchPlaceholder:p,notFoundContent:c,itemUnit:e.itemUnit,itemsUnit:e.itemsUnit,body:d,footer:h,lazy:b,onScroll:this.handleRightScroll}))},t}(m["default"].Component);O.List=_["default"],O.Operation=x["default"],O.Search=E["default"],O.defaultProps={dataSource:[],render:o,showSearch:!1},O.propTypes={prefixCls:v.PropTypes.string,dataSource:v.PropTypes.array,render:v.PropTypes.func,targetKeys:v.PropTypes.array,onChange:v.PropTypes.func,height:v.PropTypes.number,listStyle:v.PropTypes.object,className:v.PropTypes.string,titles:v.PropTypes.array,operations:v.PropTypes.array,showSearch:v.PropTypes.bool,filterOption:v.PropTypes.func,searchPlaceholder:v.PropTypes.string,notFoundContent:v.PropTypes.node,body:v.PropTypes.func,footer:v.PropTypes.func,rowKey:v.PropTypes.func,lazy:v.PropTypes.oneOfType([v.PropTypes.object,v.PropTypes.bool])};var T=(0,P["default"])("Transfer",{titles:["",""],searchPlaceholder:"Search",notFoundContent:"Not Found"});t["default"]=T(O),e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(10),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(8),v=r(h),m=n(152),y=r(m),g=n(11),b=r(g),_=n(1730),w=r(_),x=n(130),C=r(x),E=function(e){function t(){return(0,s["default"])(this,t),(0,l["default"])(this,e.apply(this,arguments))}return(0,f["default"])(t,e),t.prototype.shouldComponentUpdate=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return y["default"].shouldComponentUpdate.apply(this,t)},t.prototype.render=function(){var e,t=this.props,n=t.renderedText,r=t.renderedEl,o=t.item,a=t.lazy,s=t.checked,u=t.prefixCls,l=t.onClick,c=(0,v["default"])((e={},(0,i["default"])(e,u+"-content-item",!0),(0,i["default"])(e,u+"-content-item-disabled",o.disabled),e)),f=d["default"].createElement("li",{className:c,title:n,onClick:o.disabled?void 0:function(){return l(o)}},d["default"].createElement(C["default"],{checked:s,disabled:o.disabled}),d["default"].createElement("span",null,r)),p=null;if(a){var h=(0,b["default"])({height:32,offset:500,throttle:0,debounce:!1},a);p=d["default"].createElement(w["default"],h,f)}else p=f;return p},t}(d["default"].Component);t["default"]=E,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(e){return e&&!v["default"].isValidElement(e)&&"[object Object]"===Object.prototype.toString.call(e)}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(8),y=r(m),g=n(31),b=r(g),_=n(152),w=r(_),x=n(11),C=r(x),E=n(130),S=r(E),P=n(515),O=r(P),T=n(1893),k=r(T),M=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n));return r.handleSelect=function(e){var t=r.props.checkedKeys,n=t.some(function(t){return t===e.key});r.props.handleSelect(e,!n)},r.handleFilter=function(e){r.props.handleFilter(e)},r.handleClear=function(){r.props.handleClear()},r.matchFilter=function(e,t){var n=r.props,o=n.filter,i=n.filterOption;return i?i(o,t):e.indexOf(o)>=0},r.renderItem=function(e){var t=r.props.render,n=void 0===t?o:t,a=n(e),s=i(a);return{renderedText:s?a.value:a,renderedEl:s?a.label:a}},r.state={mounted:!1},r}return(0,d["default"])(t,e),t.prototype.componentDidMount=function(){var e=this;this.timer=setTimeout(function(){e.setState({mounted:!0})},0)},t.prototype.componentWillUnmount=function(){clearTimeout(this.timer)},t.prototype.shouldComponentUpdate=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return w["default"].shouldComponentUpdate.apply(this,t)},t.prototype.getCheckStatus=function(e){var t=this.props.checkedKeys;return 0===t.length?"none":e.every(function(e){return t.indexOf(e.key)>=0})?"all":"part"},t.prototype.render=function(){var e=this,t=this.props,n=t.prefixCls,r=t.dataSource,i=t.titleText,a=t.checkedKeys,u=t.lazy,l=t.body,c=void 0===l?o:l,f=t.footer,p=void 0===f?o:f,d=t.showSearch,h=t.style,m=t.filter,g=t.searchPlaceholder,_=t.notFoundContent,w=t.itemUnit,x=t.itemsUnit,E=t.onScroll,P=p((0,C["default"])({},this.props)),T=c((0,C["default"])({},this.props)),M=(0,y["default"])(n,(0,s["default"])({},n+"-with-footer",!!P)),N=[],A=[],D=r.map(function(t){var r=e.renderItem(t),o=r.renderedText,i=r.renderedEl;if(m&&m.trim()&&!e.matchFilter(o,t))return null;A.push(t),t.disabled||N.push(t);var s=a.indexOf(t.key)>=0;return v["default"].createElement(k["default"],{key:t.key,item:t,lazy:u,renderedText:o,renderedEl:i,checked:s,prefixCls:n,onClick:e.handleSelect})}),j=r.length>1?x:w,R=d?v["default"].createElement("div",{className:n+"-body-search-wrapper"},v["default"].createElement(O["default"],{prefixCls:n+"-search",onChange:this.handleFilter,handleClear:this.handleClear,placeholder:g,value:m})):null,I=T||v["default"].createElement("div",{className:d?n+"-body "+n+"-body-with-search":n+"-body"},R,v["default"].createElement(b["default"],{component:"ul",componentProps:{onScroll:E},className:n+"-content",transitionName:this.state.mounted?n+"-content-item-highlight":"",transitionLeave:!1},D),v["default"].createElement("div",{className:n+"-body-not-found"},_)),L=P?v["default"].createElement("div",{className:n+"-footer"},P):null,F=this.getCheckStatus(N),U="all"===F,V=v["default"].createElement(S["default"],{ref:"checkbox",checked:U,indeterminate:"part"===F,onChange:function(){return e.props.handleSelectAll(N,U)}});return v["default"].createElement("div",{className:M,style:h},v["default"].createElement("div",{className:n+"-header"},V,v["default"].createElement("span",{className:n+"-header-selected"},v["default"].createElement("span",null,(a.length>0?a.length+"/":"")+A.length," ",j),v["default"].createElement("span",{className:n+"-header-title"},i))),I,L)},t}(v["default"].Component);t["default"]=M,M.defaultProps={dataSource:[],titleText:"",showSearch:!1,render:o,lazy:{}},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var i=n(4),a=r(i),s=n(7),u=r(s),l=n(6),c=r(l),f=n(1),p=r(f),d=n(129),h=r(d),v=n(23),m=r(v),y=function(e){function t(){return(0,a["default"])(this,t),(0,u["default"])(this,e.apply(this,arguments))}return(0,c["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.moveToLeft,n=e.moveToRight,r=e.leftArrowText,o=e.rightArrowText,i=e.leftActive,a=e.rightActive,s=e.className,u=p["default"].createElement(h["default"],{type:"primary",size:"small",disabled:!i,onClick:t},p["default"].createElement("span",null,p["default"].createElement(m["default"],{type:"left"}),r)),l=p["default"].createElement(h["default"],{type:"primary",size:"small",disabled:!a,onClick:n},p["default"].createElement("span",null,o,p["default"].createElement(m["default"],{type:"right"})));return p["default"].createElement("div",{className:s},u,l)},t}(p["default"].Component);t["default"]=y,y.defaultProps={leftArrowText:"",rightArrowText:"",moveToLeft:o,moveToRight:o},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1283),n(154),n(153),n(107)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.TreeSelectProps=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(1380),y=r(m),g=n(8),b=r(g),_=n(1898),w=n(155),x=r(w),C=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n};t.TreeSelectProps=_.TreeSelectProps;var E=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.render=function(){var e,t=this.getLocale(),n=this.props,r=n.prefixCls,o=n.className,a=n.size,u=n.notFoundContent,l=void 0===u?t.notFoundContent:u,c=n.dropdownStyle,f=C(n,["prefixCls","className","size","notFoundContent","dropdownStyle"]),p=(0,b["default"])((e={},(0,s["default"])(e,r+"-lg","large"===a),(0,s["default"])(e,r+"-sm","small"===a),e),o),d=f.treeCheckable;return d&&(d=v["default"].createElement("span",{className:r+"-tree-checkbox-inner"})),v["default"].createElement(y["default"],(0,i["default"])({},f,{prefixCls:r,className:p,dropdownStyle:(0,i["default"])({maxHeight:"100vh",overflow:"auto"},c),treeCheckable:d,notFoundContent:l}))},t}(v["default"].Component);E.TreeNode=m.TreeNode,E.SHOW_ALL=m.SHOW_ALL,E.SHOW_PARENT=m.SHOW_PARENT,E.SHOW_CHILD=m.SHOW_CHILD,E.defaultProps={prefixCls:"ant-select",transitionName:"slide-up",choiceTransitionName:"zoom",showSearch:!1,dropdownClassName:"ant-select-tree-dropdown"};var S=(0,x["default"])("Select",{});t["default"]=S(E)},function(e,t){"use strict"},function(e,t,n){"use strict";n(14),n(1284),n(157),n(154)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=t.AntTreeNode=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(390),y=r(m),g=n(301),b=r(g),_=n(8),w=r(_),x=(t.AntTreeNode=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.render=function(){return v["default"].createElement(t,this.props)},t}(v["default"].Component),function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.prefixCls,n=e.className,r=e.showLine,o=e.checkable,a=(0,w["default"])((0,s["default"])({},t+"-show-line",!!r),n);return v["default"].createElement(y["default"],(0,i["default"])({},e,{className:a,checkable:o?v["default"].createElement("span",{className:t+"-checkbox-inner"}):o}),this.props.children)},t}(v["default"].Component));t["default"]=x,x.TreeNode=m.TreeNode,x.defaultProps={prefixCls:"ant-tree",checkable:!1,showIcon:!1,openAnimation:b["default"]}},function(e,t,n){"use strict";n(14),n(1285),n(154)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(516),v=r(h),m=function(e){function t(){return(0,s["default"])(this,t),(0,l["default"])(this,e.apply(this,arguments))}return(0,f["default"])(t,e),t.prototype.render=function(){var e=this.props;return d["default"].createElement(v["default"],(0,i["default"])({},e,{type:"drag",style:(0,i["default"])({},e.style,{height:e.height})}))},t}(d["default"].Component);t["default"]=m,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(10),i=r(o),a=n(9),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(31),y=r(m),g=n(23),b=r(g),_=n(158),w=r(_),x=n(505),C=r(x),E=n(8),S=r(E),P=function(e,t){var n=new FileReader;n.onloadend=function(){return t(n.result)},n.readAsDataURL(e)},O=function(e){function t(){(0,l["default"])(this,t);var n=(0,f["default"])(this,e.apply(this,arguments));return n.handleClose=function(e){var t=n.props.onRemove;t&&t(e)},n.handlePreview=function(e,t){var r=n.props.onPreview;if(r)return t.preventDefault(),r(e)},n}return(0,d["default"])(t,e),t.prototype.componentDidUpdate=function(){var e=this;"picture"!==this.props.listType&&"picture-card"!==this.props.listType||(this.props.items||[]).forEach(function(t){"undefined"!=typeof document&&"undefined"!=typeof window&&window.FileReader&&window.File&&t.originFileObj instanceof File&&void 0===t.thumbUrl&&(t.thumbUrl="",P(t.originFileObj,function(n){t.thumbUrl=n,e.forceUpdate()}))})},t.prototype.render=function(){var e,t=this,n=this.props,r=n.prefixCls,o=n.items,a=void 0===o?[]:o,u=n.listType,l=n.showPreviewIcon,c=n.showRemoveIcon,f=n.locale,p=a.map(function(e){var n,o=void 0,a=v["default"].createElement(b["default"],{type:"uploading"===e.status?"loading":"paper-clip"});if("picture"!==u&&"picture-card"!==u||(a="uploading"===e.status||!e.thumbUrl&&!e.url?"picture-card"===u?v["default"].createElement("div",{className:r+"-list-item-uploading-text"},f.uploading):v["default"].createElement(b["default"],{className:r+"-list-item-thumbnail",type:"picture"}):v["default"].createElement("a",{className:r+"-list-item-thumbnail",onClick:function(n){return t.handlePreview(e,n)},href:e.url||e.thumbUrl,target:"_blank",rel:"noopener noreferrer"},v["default"].createElement("img",{src:e.thumbUrl||e.url,alt:e.name}))),"uploading"===e.status){var p="percent"in e?v["default"].createElement(C["default"],(0,s["default"])({type:"line"},t.props.progressAttr,{percent:e.percent})):null;o=v["default"].createElement("div",{className:r+"-list-item-progress",key:"progress"},p)}var d=(0,S["default"])((n={},(0,i["default"])(n,r+"-list-item",!0),(0,i["default"])(n,r+"-list-item-"+e.status,!0),n)),h=e.url?v["default"].createElement("a",{href:e.url,target:"_blank",rel:"noopener noreferrer",className:r+"-list-item-name",onClick:function(n){return t.handlePreview(e,n)},title:e.name},e.name):v["default"].createElement("span",{className:r+"-list-item-name",onClick:function(n){return t.handlePreview(e,n)},title:e.name},e.name),m=e.url||e.thumbUrl?void 0:{pointerEvents:"none",opacity:.5},g=l?v["default"].createElement("a",{href:e.url||e.thumbUrl,target:"_blank",rel:"noopener noreferrer",style:m,onClick:function(n){return t.handlePreview(e,n)},title:f.previewFile},v["default"].createElement(b["default"],{type:"eye-o"})):null,_=c?v["default"].createElement(b["default"],{type:"delete",title:f.removeFile,onClick:function(){return t.handleClose(e)}}):null,x=c?v["default"].createElement(b["default"],{type:"cross",title:f.removeFile,onClick:function(){return t.handleClose(e)}}):null,E="picture-card"===u&&"uploading"!==e.status?v["default"].createElement("span",{className:r+"-list-item-actions"},g,_):x,P=e.response||e.error&&e.error.statusText||f.uploadError,O="error"===e.status?v["default"].createElement(w["default"],{title:P},a,h):v["default"].createElement("span",null,a,h);return v["default"].createElement("div",{className:d,key:e.uid},v["default"].createElement("div",{className:r+"-list-item-info"},O),E,v["default"].createElement(y["default"],{transitionName:"fade",component:""},o))}),d=(0,S["default"])((e={},(0,i["default"])(e,r+"-list",!0),(0,i["default"])(e,r+"-list-"+u,!0),e)),h="picture-card"===u?"animate-inline":"animate";return v["default"].createElement(y["default"],{transitionName:r+"-"+h,component:"div",className:d},p)},t}(v["default"].Component);t["default"]=O,O.defaultProps={listType:"text",progressAttr:{strokeWidth:2,showInfo:!1},prefixCls:"ant-upload",showRemoveIcon:!0,showPreviewIcon:!0},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(516),i=r(o),a=n(1902),s=r(a);i["default"].Dragger=s["default"],t["default"]=i["default"],e.exports=t["default"]},function(e,t){"use strict"},function(e,t,n){"use strict";n(14),n(1286),n(506),n(306)},function(e,t){"use strict";function n(){return!0}function r(e){return{lastModified:e.lastModified,lastModifiedDate:e.lastModifiedDate,name:e.filename||e.name,size:e.size,type:e.type,uid:e.uid,response:e.response,error:e.error,percent:0,originFileObj:e,status:null}}function o(){var e=.1,t=.01,n=.98;return function(r){var o=r;return o>=n?o:(o+=e,e-=t,e<.001&&(e=.001),100*o)}}function i(e,t){var n=e.uid?"uid":"name";return t.filter(function(t){return t[n]===e[n]})[0]}function a(e,t){var n=e.uid?"uid":"name",r=t.filter(function(t){return t[n]!==e[n]});return r.length===t.length?null:r}Object.defineProperty(t,"__esModule",{value:!0}),t.T=n,t.fileToObject=r,t.genPercentAdd=o,t.getFileItem=i,t.removeFileItem=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(358);t["default"]=r.version,e.exports=t["default"]},function(e,t,n){"use strict";n(14)},function(e,t,n){"use strict";var r=n(1481);e.exports={locale:"en-US",data:r,messages:{"app.header.search":"Search...","app.header.menu.home":"Home","app.header.menu.practice":"Practice","app.header.menu.pattern":"Patterns","app.header.menu.components":"Components","app.header.menu.spec":"Guidlines","app.header.menu.resource":"Resources","app.header.lang":"\u4e2d\u6587","app.content.edit-page":"Edit this page on GitHub!","app.content.edit-demo":"Edit this demo on GitHub!","app.component.examples":"Examples","app.demo.copy":"Copy code","app.demo.copied":"Copied!","app.home.slogan":"A UI Design Language","app.home.introduce":"Introduce","app.home.start":"Get Started","app.home.best-practice":"Best Practice","app.home.experience":"Designed by experienced team, and showcase dozens of inspiring projects.","app.home.design-pattern":"Design Pattern","app.home.pattern":"Provide solutions for usual problems that may be encountered while developing enterprise-like complex UIs.","app.home.reusable-components":"Dozens of Reusable Components","app.home.components-intro":"Dozens of flexible and practical reusable components that increase your productivity.","app.home.learn-more":"Learn more","app.home.sub-slogan":"A Little Happiness in Hand","app.home.vision":"This is a design language dedicated to improve the user and design experience.","app.footer.repo":"Repository","app.footer.awesome":"Awesome Ant Design","app.footer.customize-theme":"Customize Theme","app.footer.scaffold":"Scaffold","app.footer.dev-tools":"Developer Tools","app.footer.dva":"Framework","app.footer.links":"Links","app.footer.mobile":"Mobile UI","app.footer.data-vis":"Data Visualization","app.footer.eggjs":"Enterprise Node Framework","app.footer.motion":"Motion Soluction","app.footer.antd-library":"Axure library","app.footer.design-platform":"Ant Financial Design Platform","app.footer.antux":"Sitemap Template","app.footer.community":"Community","app.footer.change-log":"Change Log","app.footer.faq":"FAQ","app.footer.feedback":"Feedback","app.footer.stackoverflow":"StackOverflow","app.footer.segmentfault":"SegmentFault","app.footer.discuss-en":"Chat Room (English)","app.footer.discuss-cn":"Chat Room (\u4e2d\u6587)","app.footer.bug-report":"Bug Report","app.footer.issues":"Issues","app.footer.version":"Version: ","app.footer.author":"Created by AIUX","app.publish.title":"antd@2.0.0 is released!","app.publish.greeting":"Hello, ","app.publish.intro":" is released, and please upgrade. ","app.publish.old-version-guide":"If you want to read old version documentation, please visit ","app.publish.old-version-tips":", or change the version of documentation with the bottom-right selector."}}},function(e,t,n){"use strict";function r(e){var t=new RegExp("^docs/"+e);return function(e){var n=e.meta.filename;if(t.test(n)&&!/\/demo$/.test(o.dirname(n)))return{meta:e.meta}}}var o=n(540),i="./template/Home/index",a="./template/Content/index";e.exports={lazyLoad:function(e,t){return"string"==typeof t||e.endsWith("/demo")},pick:{components:function(e){var t=e.meta.filename;if(/^components/.test(t)&&!/[\/\\]demo$/.test(o.dirname(t)))return{meta:e.meta}},changelog:function(e){if(/CHANGELOG/.test(e.meta.filename))return{meta:e.meta}},"docs/pattern":r("pattern"),"docs/react":r("react"),"docs/resource":r("resource"),"docs/spec":r("spec")},plugins:["bisheng-plugin-description","bisheng-plugin-toc?maxDepth=2&keepElem","bisheng-plugin-antd","bisheng-plugin-react?lang=__react"],routes:{path:"/",component:"./template/Layout/index",indexRoute:{component:i},childRoutes:[{path:"index-cn",component:i},{path:"docs/pattern/:children",component:a},{path:"docs/react/:children",component:a},{path:"changelog",component:a},{path:"changelog-cn",component:a},{path:"components/:children/",component:a},{path:"docs/spec/:children",component:a},{path:"docs/resource/:children",component:a}]}}},function(e,t,n){"use strict";n(1288),n(1287)},function(e,t,n){"use strict";var r=n(1482);e.exports={locale:"zh-CN",data:r,messages:{"app.header.search":"\u5168\u6587\u672c\u641c\u7d22...","app.header.menu.home":"\u9996\u9875","app.header.menu.practice":"\u5b9e\u8df5","app.header.menu.pattern":"\u6a21\u5f0f","app.header.menu.components":"\u7ec4\u4ef6","app.header.menu.spec":"\u6307\u5f15","app.header.menu.resource":"\u8d44\u6e90","app.header.lang":"EN","app.content.edit-page":"\u5728 Github \u4e0a\u7f16\u8f91\u6b64\u9875\uff01","app.content.edit-demo":"\u5728 Github \u4e0a\u7f16\u8f91\u6b64\u793a\u4f8b\uff01","app.component.examples":"\u4ee3\u7801\u6f14\u793a","app.demo.copy":"\u590d\u5236\u4ee3\u7801","app.demo.copied":"\u590d\u5236\u6210\u529f","app.home.slogan":"\u4e00\u4e2a UI \u8bbe\u8ba1\u8bed\u8a00","app.home.introduce":"\u8bbe\u8ba1\u89c4\u8303","app.home.start":"\u5f00\u53d1\u6307\u5f15","app.home.best-practice":"\u6700\u4f73\u5b9e\u8df5","app.home.experience":"\u8fd1\u4e00\u5e74\u7684\u4e2d\u540e\u53f0\u8bbe\u8ba1\u5b9e\u8df5\uff0c\u79ef\u7d2f\u4e86\u5927\u91cf\u7684\u4f18\u79c0\u6848\u4f8b\u3002","app.home.design-pattern":"\u8bbe\u8ba1\u6a21\u5f0f","app.home.pattern":"\u603b\u7ed3\u4e2d\u540e\u53f0\u8bbe\u8ba1\u4e2d\u53cd\u590d\u51fa\u73b0\u7684\u95ee\u9898\uff0c\u5e76\u63d0\u4f9b\u76f8\u5e94\u7684\u89e3\u51b3\u65b9\u6848\u3002","app.home.reusable-components":"\u4e30\u5bcc\u7684\u57fa\u7840\u7ec4\u4ef6","app.home.components-intro":"\u4e30\u5bcc\u3001\u7075\u6d3b\u3001\u5b9e\u7528\u7684\u57fa\u7840\u7ec4\u4ef6\uff0c\u4e3a\u4e1a\u52a1\u4ea7\u54c1\u63d0\u4f9b\u5f3a\u6709\u529b\u7684\u8bbe\u8ba1\u652f\u6301\u3002","app.home.learn-more":"\u4e86\u89e3\u66f4\u591a","app.home.sub-slogan":"\u5fae\u5c0f\xb7\u786e\u5b9a\xb7\u5e78\u798f","app.home.vision":"\u8fd9\u662f\u4e00\u5957\u81f4\u529b\u4e8e\u63d0\u5347\u300e\u7528\u6237\u300f\u548c\u300e\u8bbe\u8ba1\u8005\u300f\u4f7f\u7528\u4f53\u9a8c\u7684\u4e2d\u540e\u53f0\u8bbe\u8ba1\u8bed\u8a00\u3002","app.footer.repo":"\u6e90\u7801\u4ed3\u5e93","app.footer.awesome":"Awesome Ant Design","app.footer.customize-theme":"\u5b9a\u5236\u4e3b\u9898","app.footer.scaffold":"\u811a\u624b\u67b6","app.footer.dev-tools":"\u5f00\u53d1\u5de5\u5177","app.footer.dva":"\u5e94\u7528\u6846\u67b6","app.footer.links":"\u76f8\u5173\u7ad9\u70b9","app.footer.mobile":"\u79fb\u52a8\u7248","app.footer.data-vis":"\u6570\u636e\u53ef\u89c6\u5316","app.footer.eggjs":"\u4f01\u4e1a\u7ea7 Node \u5f00\u53d1\u6846\u67b6","app.footer.motion":"\u8bbe\u8ba1\u52a8\u6548","app.footer.antd-library":"Axure \u90e8\u4ef6\u5e93","app.footer.design-platform":"\u8682\u8681\u91d1\u670d\u8bbe\u8ba1\u5e73\u53f0","app.footer.antux":"\u9875\u9762\u903b\u8f91\u7d20\u6750","app.footer.community":"\u793e\u533a","app.footer.change-log":"\u66f4\u65b0\u8bb0\u5f55","app.footer.faq":"\u5e38\u89c1\u95ee\u9898","app.footer.feedback":"\u53cd\u9988\u548c\u5efa\u8bae","app.footer.stackoverflow":"StackOverflow","app.footer.segmentfault":"SegmentFault","app.footer.discuss-en":"\u5728\u7ebf\u8ba8\u8bba (English)","app.footer.discuss-cn":"\u5728\u7ebf\u8ba8\u8bba (\u4e2d\u6587)","app.footer.bug-report":"\u62a5\u544a Bug","app.footer.issues":"\u8ba8\u8bba\u5217\u8868","app.footer.version":"\u6587\u6863\u7248\u672c\uff1a","app.footer.author":"\u8682\u8681\u91d1\u670d\u4f53\u9a8c\u6280\u672f\u90e8\u51fa\u54c1","app.publish.title":"antd@2.0.0 \u53d1\u5e03\uff01","app.publish.greeting":"\u4f60\u597d\uff0c","app.publish.intro":" \u5df2\u6b63\u5f0f\u53d1\u5e03\uff0c\u6b22\u8fce\u5347\u7ea7\u3002","app.publish.old-version-guide":"\u5982\u679c\u60a8\u8fd8\u9700\u8981\u4f7f\u7528\u65e7\u7248\uff0c\u8bf7\u67e5\u9605 ","app.publish.old-version-tips":"\uff0c\u4e5f\u53ef\u901a\u8fc7\u9875\u9762\u53f3\u4e0b\u89d2\u7684\u6587\u6863\u7248\u672c\u9009\u62e9\u6846\u8fdb\u884c\u5207\u6362\u3002"}}},function(e,t,n){(function(e){"use strict";function t(e,t,n){e[t]||Object[r](e,t,{writable:!0,configurable:!0,value:n})}if(n(1724),n(347),n(1499),e._babelPolyfill)throw new Error("only one instance of babel-polyfill is allowed");e._babelPolyfill=!0;var r="defineProperty";t(String.prototype,"padLeft","".padStart),t(String.prototype,"padRight","".padEnd),"pop,reverse,shift,keys,values,entries,indexOf,every,some,forEach,map,filter,find,findIndex,includes,join,slice,concat,push,splice,unshift,sort,lastIndexOf,reduce,reduceRight,copyWithin,fill".split(",").forEach(function(e){[][e]&&t(Array,e,Function.call.bind([][e]))})}).call(t,function(){return this}())},function(e,t,n){e.exports={"default":n(1500),__esModule:!0}},function(e,t,n){e.exports={"default":n(1501),__esModule:!0}},function(e,t,n){e.exports={"default":n(1502),__esModule:!0}},function(e,t,n){e.exports={"default":n(1503),__esModule:!0}},function(e,t,n){e.exports={"default":n(1504),__esModule:!0}},function(e,t,n){e.exports={"default":n(1505),__esModule:!0}},function(e,t,n){e.exports={"default":n(1506),__esModule:!0}},function(e,t,n){e.exports={"default":n(1507),__esModule:!0}},function(e,t,n){e.exports={"default":n(1508),__esModule:!0}},function(e,t,n){e.exports={"default":n(1509),__esModule:!0}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(1922),i=r(o);t["default"]=function(e){return function(){var t=e.apply(this,arguments);return new i["default"](function(e,n){function r(o,a){try{var s=t[o](a),u=s.value}catch(l){return void n(l)}return s.done?void e(u):i["default"].resolve(u).then(function(e){r("next",e)},function(e){r("throw",e)})}return r("next")})}}},function(e,t,n){e.exports=n(607)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(e,t){var n=e["page"+(t?"Y":"X")+"Offset"],r="scroll"+(t?"Top":"Left");if("number"!=typeof n){var o=e.document;n=o.documentElement[r],"number"!=typeof n&&(n=o.body[r])}return n}function a(e,t){var n=e.style;["Webkit","Moz","Ms","ms"].forEach(function(e){n[e+"TransformOrigin"]=t}),n.transformOrigin=t}function s(e){var t=e.getBoundingClientRect(),n={left:t.left,top:t.top},r=e.ownerDocument,o=r.defaultView||r.parentWindow;return n.left+=i(o),n.top+=i(o,!0),n}Object.defineProperty(t,"__esModule",{value:!0});var u=n(1),l=r(u),c=n(2),f=r(c),p=n(80),d=r(p),h=n(31),v=r(h),m=n(1929),y=r(m),g=n(1759),b=r(g),_=n(11),w=r(_),x=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},C=0,E=0,S=l["default"].createClass({displayName:"Dialog",getDefaultProps:function(){return{afterClose:o,className:"",mask:!0,visible:!1,keyboard:!0,closable:!0,maskClosable:!0,prefixCls:"rc-dialog",onClose:o}},componentWillMount:function(){this.inTransition=!1,this.titleId="rcDialogTitle"+C++},componentDidMount:function(){this.componentDidUpdate({})},componentDidUpdate:function(e){var t=this.props,n=this.props.mousePosition;if(t.visible){if(!e.visible){this.openTime=Date.now(),this.lastOutSideFocusNode=document.activeElement,this.addScrollingEffect(),this.refs.wrap.focus();var r=f["default"].findDOMNode(this.refs.dialog);if(n){var o=s(r);a(r,n.x-o.left+"px "+(n.y-o.top)+"px")}else a(r,"")}}else if(e.visible&&(this.inTransition=!0,t.mask&&this.lastOutSideFocusNode)){try{this.lastOutSideFocusNode.focus()}catch(i){this.lastOutSideFocusNode=null}this.lastOutSideFocusNode=null}},componentWillUnmount:function(){(this.props.visible||this.inTransition)&&this.removeScrollingEffect()},onAnimateLeave:function(){this.refs.wrap&&(this.refs.wrap.style.display="none"),this.inTransition=!1,this.removeScrollingEffect(),this.props.afterClose()},onMaskClick:function(e){Date.now()-this.openTime<300||e.target===e.currentTarget&&this.close(e)},onKeyDown:function(e){var t=this.props;if(t.keyboard&&e.keyCode===d["default"].ESC&&this.close(e),t.visible&&e.keyCode===d["default"].TAB){var n=document.activeElement,r=this.refs.wrap,o=this.refs.sentinel;e.shiftKey?n===r&&o.focus():n===this.refs.sentinel&&r.focus()}},getDialogElement:function(){var e=this.props,t=e.closable,n=e.prefixCls,r={};
-void 0!==e.width&&(r.width=e.width),void 0!==e.height&&(r.height=e.height);var o=void 0;e.footer&&(o=l["default"].createElement("div",{className:n+"-footer",ref:"footer"},e.footer));var i=void 0;e.title&&(i=l["default"].createElement("div",{className:n+"-header",ref:"header"},l["default"].createElement("div",{className:n+"-title",id:this.titleId},e.title)));var a=void 0;t&&(a=l["default"].createElement("button",{onClick:this.close,"aria-label":"Close",className:n+"-close"},l["default"].createElement("span",{className:n+"-close-x"})));var s=(0,w["default"])({},e.style,r),u=this.getTransitionName(),c=l["default"].createElement(y["default"],{key:"dialog-element",role:"document",ref:"dialog",style:s,className:n+" "+(e.className||""),visible:e.visible},l["default"].createElement("div",{className:n+"-content"},a,i,l["default"].createElement("div",x({className:n+"-body",style:e.bodyStyle,ref:"body"},e.bodyProps),e.children),o),l["default"].createElement("div",{tabIndex:0,ref:"sentinel",style:{width:0,height:0,overflow:"hidden"}},"sentinel"));return l["default"].createElement(v["default"],{key:"dialog",showProp:"visible",onLeave:this.onAnimateLeave,transitionName:u,component:"",transitionAppear:!0},c)},getZIndexStyle:function(){var e={},t=this.props;return void 0!==t.zIndex&&(e.zIndex=t.zIndex),e},getWrapStyle:function(){return(0,w["default"])({},this.getZIndexStyle(),this.props.wrapStyle)},getMaskStyle:function(){return(0,w["default"])({},this.getZIndexStyle(),this.props.maskStyle)},getMaskElement:function(){var e=this.props,t=void 0;if(e.mask){var n=this.getMaskTransitionName();t=l["default"].createElement(y["default"],x({style:this.getMaskStyle(),key:"mask",className:e.prefixCls+"-mask",hiddenClassName:e.prefixCls+"-mask-hidden",visible:e.visible},e.maskProps)),n&&(t=l["default"].createElement(v["default"],{key:"mask",showProp:"visible",transitionAppear:!0,component:"",transitionName:n},t))}return t},getMaskTransitionName:function(){var e=this.props,t=e.maskTransitionName,n=e.maskAnimation;return!t&&n&&(t=e.prefixCls+"-"+n),t},getTransitionName:function(){var e=this.props,t=e.transitionName,n=e.animation;return!t&&n&&(t=e.prefixCls+"-"+n),t},getElement:function(e){return this.refs[e]},setScrollbar:function(){this.bodyIsOverflowing&&void 0!==this.scrollbarWidth&&(document.body.style.paddingRight=this.scrollbarWidth+"px")},addScrollingEffect:function(){E++,1===E&&(this.checkScrollbar(),this.setScrollbar(),document.body.style.overflow="hidden")},removeScrollingEffect:function(){E--,0===E&&(document.body.style.overflow="",this.resetScrollbar())},close:function(e){this.props.onClose(e)},checkScrollbar:function(){var e=window.innerWidth;if(!e){var t=document.documentElement.getBoundingClientRect();e=t.right-Math.abs(t.left)}this.bodyIsOverflowing=document.body.clientWidth<e,this.bodyIsOverflowing&&(this.scrollbarWidth=(0,b["default"])())},resetScrollbar:function(){document.body.style.paddingRight=""},adjustDialog:function(){if(this.refs.wrap&&void 0!==this.scrollbarWidth){var e=this.refs.wrap.scrollHeight>document.documentElement.clientHeight;this.refs.wrap.style.paddingLeft=(!this.bodyIsOverflowing&&e?this.scrollbarWidth:"")+"px",this.refs.wrap.style.paddingRight=(this.bodyIsOverflowing&&!e?this.scrollbarWidth:"")+"px"}},resetAdjustments:function(){this.refs.wrap&&(this.refs.wrap.style.paddingLeft=this.refs.wrap.style.paddingLeft="")},render:function(){var e=this.props,t=e.prefixCls,n=e.maskClosable,r=this.getWrapStyle();return e.visible&&(r.display=null),l["default"].createElement("div",null,this.getMaskElement(),l["default"].createElement("div",x({tabIndex:-1,onKeyDown:this.onKeyDown,className:t+"-wrap "+(e.wrapClassName||""),ref:"wrap",onClick:n?this.onMaskClick:void 0,role:"dialog","aria-labelledby":e.title?this.titleId:null,style:r},e.wrapProps),this.getDialogElement()))}});t["default"]=S,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),i=r(o),a=n(1927),s=r(a),u=n(479),l=r(u),c=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},f=i["default"].createClass({displayName:"DialogWrap",mixins:[(0,l["default"])({isVisible:function(e){return e.props.visible},autoDestroy:!1,getComponent:function(e,t){return i["default"].createElement(s["default"],c({},e.props,t,{key:"dialog"}))},getContainer:function(e){if(e.props.getContainer)return e.props.getContainer();var t=document.createElement("div");return document.body.appendChild(t),t}})],getDefaultProps:function(){return{visible:!1}},shouldComponentUpdate:function(e){var t=e.visible;return!(!this.props.visible&&!t)},componentWillUnmount:function(){this.props.visible?this.renderComponent({afterClose:this.removeContainer,onClose:function(){},visible:!1}):this.removeContainer()},getElement:function(e){return this._component.getElement(e)},render:function(){return null}});t["default"]=f,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),i=r(o),a=n(11),s=r(a),u=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},l=i["default"].createClass({displayName:"LazyRenderBox",shouldComponentUpdate:function(e){return!!e.hiddenClassName||!!e.visible},render:function(){var e=this.props.className;this.props.hiddenClassName&&!this.props.visible&&(e+=" "+this.props.hiddenClassName);var t=(0,s["default"])({},this.props);return delete t.hiddenClassName,delete t.visible,t.className=e,i["default"].createElement("div",u({},t))}});t["default"]=l,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(1),s=r(a),u=n(2),l=n(298),c=r(l),f=n(196),p=r(f),d=n(168),h=r(d),v=n(204),m=s["default"].createClass({displayName:"DropdownMenu",propTypes:{defaultActiveFirstOption:a.PropTypes.bool,value:a.PropTypes.any,dropdownMenuStyle:a.PropTypes.object,multiple:a.PropTypes.bool,onPopupFocus:a.PropTypes.func,onMenuDeSelect:a.PropTypes.func,onMenuSelect:a.PropTypes.func,prefixCls:a.PropTypes.string,menuItems:a.PropTypes.any,inputValue:a.PropTypes.string,visible:a.PropTypes.bool},componentWillMount:function(){this.lastInputValue=this.props.inputValue},componentDidMount:function(){this.scrollActiveItemToView(),this.lastVisible=this.props.visible},shouldComponentUpdate:function(e){return e.visible||(this.lastVisible=!1),e.visible},componentDidUpdate:function(e){var t=this.props;!e.visible&&t.visible&&this.scrollActiveItemToView(),this.lastVisible=t.visible,this.lastInputValue=t.inputValue},scrollActiveItemToView:function(){var e=(0,u.findDOMNode)(this.firstActiveItem);e&&(0,h["default"])(e,(0,u.findDOMNode)(this.refs.menu),{onlyScrollIfNeeded:!0})},renderMenu:function(){var e=this,t=this.props,n=t.menuItems,r=t.defaultActiveFirstOption,o=t.value,u=t.prefixCls,l=t.multiple,f=t.onMenuSelect,d=t.inputValue;if(n&&n.length){var h={};l?(h.onDeselect=t.onMenuDeselect,h.onSelect=f):h.onClick=f;var m=(0,v.getSelectKeys)(n,o),y={},g=n;if(m.length){t.visible&&!this.lastVisible&&(y.activeKey=m[0]);var b=!1,_=function(t){return b||m.indexOf(t.key)===-1?t:(b=!0,(0,a.cloneElement)(t,{ref:function(t){e.firstActiveItem=t}}))};g=n.map(function(e){if(e.type.isMenuItemGroup){var t=(0,c["default"])(e.props.children).map(_);return(0,a.cloneElement)(e,{},t)}return _(e)})}return d!==this.lastInputValue&&(y.activeKey=""),s["default"].createElement(p["default"],(0,i["default"])({ref:"menu",style:this.props.dropdownMenuStyle,defaultActiveFirst:r},y,{multiple:l,focusable:!1},h,{selectedKeys:m,prefixCls:u+"-menu"}),g)}return null},render:function(){var e=this.renderMenu();return e?s["default"].createElement("div",{style:{overflow:"auto"},onFocus:this.props.onPopupFocus,onMouseDown:v.preventDefaultEvent},e):null}});t["default"]=m,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(1),s=r(a),u=n(204),l=n(196),c=n(424),f=r(c);t["default"]={filterOption:function p(e,t){if(!e)return!0;var p=this.props.filterOption;return!p||!t.props.disabled&&("function"!=typeof p||p.call(this,e,t))},renderFilterOptions:function(e){return this.renderFilterOptionsFromChildren(this.props.children,!0,e)},renderFilterOptionsFromChildren:function(e,t,n){var r=this,o=[],a=this.props,c=void 0===n?this.state.inputValue:n,p=[],d=a.tags;if(s["default"].Children.forEach(e,function(e){if(e.type.isSelectOptGroup){var t=r.renderFilterOptionsFromChildren(e.props.children,!1);if(t.length){var n=e.props.label,a=e.key;a||"string"!=typeof n?!n&&a&&(n=a):a=n,o.push(s["default"].createElement(l.ItemGroup,{key:a,title:n},t))}}else{(0,f["default"])(e.type.isSelectOption,"the children of `Select` should be `Select.Option` or `Select.OptGroup`, "+("instead of `"+(e.type.name||e.type.displayName||e.type)+"`."));var h=(0,u.getValuePropValue)(e);r.filterOption(c,e)&&o.push(s["default"].createElement(l.Item,(0,i["default"])({style:u.UNSELECTABLE_STYLE,attribute:u.UNSELECTABLE_ATTRIBUTE,value:h,key:h},e.props))),d&&!e.props.disabled&&p.push(h)}}),d){var h=this.state.value||[];if(h=h.filter(function(e){return p.indexOf(e.key)===-1&&(!c||String(e.key).indexOf(String(c))>-1)}),o=o.concat(h.map(function(e){var t=e.key;return s["default"].createElement(l.Item,{style:u.UNSELECTABLE_STYLE,attribute:u.UNSELECTABLE_ATTRIBUTE,value:t,key:t},t)})),c){var v=o.every(function(e){return(0,u.getValuePropValue)(e)!==c});v&&o.unshift(s["default"].createElement(l.Item,{style:u.UNSELECTABLE_STYLE,attribute:u.UNSELECTABLE_ATTRIBUTE,value:c,key:c},c))}}return!o.length&&t&&a.notFoundContent&&(o=[s["default"].createElement(l.Item,{style:u.UNSELECTABLE_STYLE,attribute:u.UNSELECTABLE_ATTRIBUTE,disabled:!0,value:"NOT_FOUND",key:"NOT_FOUND"},a.notFoundContent)]),o}},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=function(e){function t(){return(0,i["default"])(this,t),(0,s["default"])(this,e.apply(this,arguments))}return(0,l["default"])(t,e),t}(f["default"].Component);p.isSelectOptGroup=!0,t["default"]=p,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=function(e){function t(){return(0,i["default"])(this,t),(0,s["default"])(this,e.apply(this,arguments))}return(0,l["default"])(t,e),t}(f["default"].Component);p.propTypes={value:f["default"].PropTypes.string},p.isSelectOption=!0,t["default"]=p,e.exports=t["default"]},function(e,t,n){"use strict";function r(e,t,n){var r=o.PropTypes.shape({key:o.PropTypes.string.isRequired,label:o.PropTypes.string});if(!e.labelInValue){if(e.multiple&&""===e[t])return new Error("Invalid prop `"+t+"` of type `string` supplied to `"+n+"`, expected `array` when `multiple` is `true`.");var i=o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.string),o.PropTypes.string]);return i.apply(void 0,arguments)}var a=o.PropTypes.oneOfType([o.PropTypes.arrayOf(r),r]),s=a.apply(void 0,arguments);if(s)return new Error("Invalid prop `"+t+"` supplied to `"+n+"`, "+("when you set `labelInValue` to `true`, `"+t+"` should in ")+"shape of `{ key: string, label?: string }`.")}Object.defineProperty(t,"__esModule",{value:!0}),t.SelectPropTypes=void 0;var o=n(1);t.SelectPropTypes={defaultActiveFirstOption:o.PropTypes.bool,multiple:o.PropTypes.bool,filterOption:o.PropTypes.any,children:o.PropTypes.any,showSearch:o.PropTypes.bool,disabled:o.PropTypes.bool,allowClear:o.PropTypes.bool,showArrow:o.PropTypes.bool,tags:o.PropTypes.bool,prefixCls:o.PropTypes.string,className:o.PropTypes.string,transitionName:o.PropTypes.string,optionLabelProp:o.PropTypes.string,optionFilterProp:o.PropTypes.string,animation:o.PropTypes.string,choiceTransitionName:o.PropTypes.string,onChange:o.PropTypes.func,onBlur:o.PropTypes.func,onFocus:o.PropTypes.func,onSelect:o.PropTypes.func,onSearch:o.PropTypes.func,placeholder:o.PropTypes.any,onDeselect:o.PropTypes.func,labelInValue:o.PropTypes.bool,value:r,defaultValue:r,dropdownStyle:o.PropTypes.object,maxTagTextLength:o.PropTypes.number,tokenSeparators:o.PropTypes.arrayOf(o.PropTypes.string),getInputElement:o.PropTypes.func}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(e,t){return String((0,E.getPropValue)(t,this.props.optionFilterProp)).indexOf(e)>-1}function a(e,t){this[e]=t}function s(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(){for(var e=arguments.length,n=Array(e),r=0;r<e;r++)n[r]=arguments[r];for(var o=0;o<t.length;o++)t[o]&&"function"==typeof t[o]&&t[o].apply(this,n)}}Object.defineProperty(t,"__esModule",{value:!0});var u=n(10),l=r(u),c=n(9),f=r(c),p=n(1),d=r(p),h=n(2),v=r(h),m=n(80),y=r(m),g=n(8),b=r(g),_=n(31),w=r(_),x=n(229),C=r(x),E=n(204),S=n(1936),P=r(S),O=n(1931),T=r(O),k=n(1934),M=d["default"].createClass({displayName:"Select",propTypes:k.SelectPropTypes,mixins:[T["default"]],getDefaultProps:function(){return{prefixCls:"rc-select",filterOption:i,defaultOpen:!1,labelInValue:!1,defaultActiveFirstOption:!0,showSearch:!0,allowClear:!1,placeholder:"",onChange:o,onFocus:o,onBlur:o,onSelect:o,onSearch:o,onDeselect:o,showArrow:!0,dropdownMatchSelectWidth:!0,dropdownStyle:{},dropdownMenuStyle:{},optionFilterProp:"value",optionLabelProp:"value",notFoundContent:"Not Found"}},getInitialState:function(){var e=this.props,t=[];t="value"in e?(0,E.toArray)(e.value):(0,E.toArray)(e.defaultValue),t=this.addLabelToValue(e,t),t=this.addTitleToValue(e,t);var n="";e.combobox&&(n=t.length?this.getLabelFromProps(e,t[0].key):""),this.saveInputRef=a.bind(this,"inputInstance"),this.saveInputMirrorRef=a.bind(this,"inputMirrorInstance");var r=e.open;return void 0===r&&(r=e.defaultOpen),{value:t,inputValue:n,open:r}},componentWillMount:function(){this.adjustOpenState()},componentWillReceiveProps:function(e){if("value"in e){var t=(0,E.toArray)(e.value);t=this.addLabelToValue(e,t),t=this.addTitleToValue(e,t),this.setState({value:t}),e.combobox&&this.setState({inputValue:t.length?this.getLabelFromProps(e,t[0].key):""})}},componentWillUpdate:function(e,t){this.props=e,this.state=t,this.adjustOpenState()},componentDidUpdate:function(){if((0,E.isMultipleOrTags)(this.props)){var e=this.getInputDOMNode(),t=this.getInputMirrorDOMNode();e.value?(e.style.width="",e.style.width=t.clientWidth+"px"):e.style.width=""}},componentWillUnmount:function(){this.clearBlurTime(),this.clearAdjustTimer(),this.dropdownContainer&&(v["default"].unmountComponentAtNode(this.dropdownContainer),document.body.removeChild(this.dropdownContainer),this.dropdownContainer=null)},onInputChange:function(e){var t=this.props.tokenSeparators,n=e.target.value;if((0,E.isMultipleOrTags)(this.props)&&t&&(0,E.includesSeparators)(n,t)){var r=this.tokenize(n);return this.fireChange(r),this.setOpenState(!1,!0),void this.setInputValue("",!1)}this.setInputValue(n),this.setState({open:!0}),(0,E.isCombobox)(this.props)&&this.fireChange([{key:n}])},onDropdownVisibleChange:function(e){this.setOpenState(e)},onKeyDown:function(e){var t=this.props;if(!t.disabled){var n=e.keyCode;this.state.open&&!this.getInputDOMNode()?this.onInputKeyDown(e):n!==y["default"].ENTER&&n!==y["default"].DOWN||(this.setOpenState(!0),e.preventDefault())}},onInputKeyDown:function(e){var t=this.props;if(!t.disabled){var n=this.state,r=e.keyCode;if((0,E.isMultipleOrTags)(t)&&!e.target.value&&r===y["default"].BACKSPACE){e.preventDefault();var o=n.value;return void(o.length&&this.removeSelected(o[o.length-1].key))}if(r===y["default"].DOWN){if(!n.open)return this.openIfHasChildren(),e.preventDefault(),void e.stopPropagation()}else if(r===y["default"].ESC)return void(n.open&&(this.setOpenState(!1),e.preventDefault(),e.stopPropagation()));if(n.open){var i=this.refs.trigger.getInnerMenu();i&&i.onKeyDown(e)&&(e.preventDefault(),e.stopPropagation())}}},onMenuSelect:function(e){var t=this,n=e.item,r=this.state.value,o=this.props,i=(0,E.getValuePropValue)(n),a=this.getLabelFromOption(n),s=i;o.labelInValue&&(s={key:s,label:a}),o.onSelect(s,n);var u=n.props.title;if((0,E.isMultipleOrTags)(o)){if((0,E.findIndexInValueByKey)(r,i)!==-1)return;r=r.concat([{key:i,label:a,title:u}])}else{if((0,E.isCombobox)(o)&&(this.skipAdjustOpen=!0,this.clearAdjustTimer(),this.skipAdjustOpenTimer=setTimeout(function(){t.skipAdjustOpen=!1},0)),r.length&&r[0].key===i)return void this.setOpenState(!1,!0);r=[{key:i,label:a,title:u}],this.setOpenState(!1,!0)}this.fireChange(r);var l=void 0;l=(0,E.isCombobox)(o)?(0,E.getPropValue)(n,o.optionLabelProp):"",this.setInputValue(l,!1)},onMenuDeselect:function(e){var t=e.item,n=e.domEvent;"click"===n.type&&this.removeSelected((0,E.getValuePropValue)(t)),this.setInputValue("",!1)},onArrowClick:function(e){e.stopPropagation(),this.props.disabled||this.setOpenState(!this.state.open,!this.state.open)},onPlaceholderClick:function(){this.getInputDOMNode()&&this.getInputDOMNode().focus()},onOuterFocus:function(e){((0,E.isMultipleOrTagsOrCombobox)(this.props)||e.target!==this.getInputDOMNode())&&(this.clearBlurTime(),this._focused=!0,this.updateFocusClassName(),this.props.onFocus())},onPopupFocus:function(){this.maybeFocus(!0,!0)},onOuterBlur:function(){var e=this;this.blurTimer=setTimeout(function(){e._focused=!1,e.updateFocusClassName();var t=e.props,n=e.state.value,r=e.state.inputValue;if((0,E.isSingleMode)(t)&&t.showSearch&&r&&t.defaultActiveFirstOption){var o=e._options||[];if(o.length){var i=(0,E.findFirstMenuItem)(o);i&&(n=[{key:i.key,label:e.getLabelFromOption(i)}],e.fireChange(n))}}else(0,E.isMultipleOrTags)(t)&&r&&(e.state.inputValue=e.getInputDOMNode().value="");t.onBlur(e.getVLForOnChange(n))},10)},onClearSelection:function(e){var t=this.props,n=this.state;if(!t.disabled){var r=n.inputValue,o=n.value;e.stopPropagation(),(r||o.length)&&(o.length&&this.fireChange([]),this.setOpenState(!1,!0),r&&this.setInputValue(""))}},onChoiceAnimationLeave:function(){this.refs.trigger.refs.trigger.forcePopupAlign()},getLabelBySingleValue:function(e,t){var n=this;if(void 0===t)return null;var r=null;return d["default"].Children.forEach(e,function(e){if(e.type.isSelectOptGroup){var o=n.getLabelBySingleValue(e.props.children,t);null!==o&&(r=o)}else(0,E.getValuePropValue)(e)===t&&(r=n.getLabelFromOption(e))}),r},getValueByLabel:function(e,t){var n=this;if(void 0===t)return null;var r=null;return d["default"].Children.forEach(e,function(e){if(e.type.isSelectOptGroup){var o=n.getValueByLabel(e.props.children,t);null!==o&&(r=o)}else(0,E.toArray)(n.getLabelFromOption(e)).join("")===t&&(r=(0,E.getValuePropValue)(e))}),r},getLabelFromOption:function(e){return(0,E.getPropValue)(e,this.props.optionLabelProp)},getLabelFromProps:function(e,t){return this.getLabelByValue(e.children,t)},getVLForOnChange:function(e){var t=e;return void 0!==t?(t=this.props.labelInValue?t.map(function(e){return{key:e.key,label:e.label}}):t.map(function(e){return e.key}),(0,E.isMultipleOrTags)(this.props)?t:t[0]):t},getLabelByValue:function(e,t){var n=this.getLabelBySingleValue(e,t);return null===n?t:n},getDropdownContainer:function(){return this.dropdownContainer||(this.dropdownContainer=document.createElement("div"),document.body.appendChild(this.dropdownContainer)),this.dropdownContainer},getPlaceholderElement:function(){var e=this.props,t=this.state,n=!1;t.inputValue&&(n=!0),t.value.length&&(n=!0),(0,E.isCombobox)(e)&&1===t.value.length&&!t.value[0].key&&(n=!1);var r=e.placeholder;return r?d["default"].createElement("div",(0,f["default"])({onMouseDown:E.preventDefaultEvent,style:(0,f["default"])({display:n?"none":"block"},E.UNSELECTABLE_STYLE)},E.UNSELECTABLE_ATTRIBUTE,{onClick:this.onPlaceholderClick,className:e.prefixCls+"-selection__placeholder"}),r):null},getInputElement:function(){var e=this.props,t=e.getInputElement?e.getInputElement():d["default"].createElement("input",null),n=(0,b["default"])(t.props.className,(0,l["default"])({},e.prefixCls+"-search__field",!0));return d["default"].createElement("div",{className:e.prefixCls+"-search__field__wrap"},d["default"].cloneElement(t,{ref:this.saveInputRef,onChange:this.onInputChange,onKeyDown:s(this.onInputKeyDown,t.props.onKeyDown),value:this.state.inputValue,disabled:e.disabled,className:n}),d["default"].createElement("span",{ref:this.saveInputMirrorRef,className:e.prefixCls+"-search__field__mirror"},this.state.inputValue,"\xa0"))},getInputDOMNode:function(){return this.topCtrlNode?this.topCtrlNode.querySelector("input,textarea,div[contentEditable]"):this.inputInstance},getInputMirrorDOMNode:function(){return this.inputMirrorInstance},getPopupDOMNode:function(){return this.refs.trigger.getPopupDOMNode()},getPopupMenuComponent:function(){return this.refs.trigger.getInnerMenu()},setOpenState:function(e,t){var n=this,r=this.props,o=this.state;if(o.open===e)return void this.maybeFocus(e,t);var i={open:e};!e&&(0,E.isSingleMode)(r)&&r.showSearch&&this.setInputValue(""),e||this.maybeFocus(e,t),this.setState(i,function(){e&&n.maybeFocus(e,t)})},setInputValue:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e!==this.state.inputValue&&(this.setState({inputValue:e}),t&&this.props.onSearch(e))},clearBlurTime:function(){this.blurTimer&&(clearTimeout(this.blurTimer),this.blurTimer=null)},clearAdjustTimer:function(){this.skipAdjustOpenTimer&&(clearTimeout(this.skipAdjustOpenTimer),this.skipAdjustOpenTimer=null)},updateFocusClassName:function(){var e=this.refs,t=this.props;this._focused?(0,C["default"])(e.root).add(t.prefixCls+"-focused"):(0,C["default"])(e.root).remove(t.prefixCls+"-focused")},maybeFocus:function(e,t){if(t||e){var n=this.getInputDOMNode(),r=document,o=r.activeElement;if(n&&(e||(0,E.isMultipleOrTagsOrCombobox)(this.props)))o!==n&&n.focus();else{var i=this.refs.selection;o!==i&&i.focus()}}},addLabelToValue:function(e,t){var n=this,r=t;return e.labelInValue?r.forEach(function(t){t.label=t.label||n.getLabelFromProps(e,t.key)}):r=r.map(function(t){return{key:t,label:n.getLabelFromProps(e,t)}}),r},addTitleToValue:function(e,t){var n=this,r=t,o=t.map(function(e){return e.key});return d["default"].Children.forEach(e.children,function(e){if(e.type.isSelectOptGroup)r=n.addTitleToValue(e.props,r);else{var t=(0,E.getValuePropValue)(e),i=o.indexOf(t);i>-1&&(r[i].title=e.props.title)}}),r},removeSelected:function(e){var t=this.props;if(!t.disabled&&!this.isChildDisabled(e)){var n=void 0,r=this.state.value.filter(function(t){return t.key===e&&(n=t.label),t.key!==e}),o=(0,E.isMultipleOrTags)(t);if(o){var i=e;t.labelInValue&&(i={key:e,label:n}),t.onDeselect(i)}this.fireChange(r)}},openIfHasChildren:function(){var e=this.props;(d["default"].Children.count(e.children)||(0,E.isSingleMode)(e))&&this.setOpenState(!0)},fireChange:function(e){var t=this.props;"value"in t||this.setState({value:e}),t.onChange(this.getVLForOnChange(e))},isChildDisabled:function(e){return(0,E.toArray)(this.props.children).some(function(t){var n=(0,E.getValuePropValue)(t);return n===e&&t.props&&t.props.disabled})},tokenize:function(e){var t=this,n=this.props,r=n.multiple,o=n.tokenSeparators,i=n.children,a=this.state.value;return(0,E.splitBySeparators)(e,o).forEach(function(e){var n={key:e,label:e};if((0,E.findIndexInValueByLabel)(a,e)===-1)if(r){var o=t.getValueByLabel(i,e);o&&(n.key=o,a=a.concat(n))}else a=a.concat(n)}),a},adjustOpenState:function(){if(!this.skipAdjustOpen){var e=this.state.open;"undefined"!=typeof document&&this.getInputDOMNode()&&document.activeElement===this.getInputDOMNode()&&(e=!0);var t=[];e&&(t=this.renderFilterOptions()),this._options=t,!(0,E.isMultipleOrTagsOrCombobox)(this.props)&&this.props.showSearch||e&&!t.length&&(e=!1),this.state.open=e}},renderTopControlNode:function(){var e=this,t=this.state,n=t.value,r=t.open,o=t.inputValue,i=this.props,a=i.choiceTransitionName,s=i.prefixCls,u=i.maxTagTextLength,l=i.showSearch,c=s+"-selection__rendered",p=null;if((0,E.isSingleMode)(i)){var h=null;if(n.length){var v=!1,m=1;l&&r?(v=!o,v&&(m=.4)):v=!0;var y=n[0];h=d["default"].createElement("div",{key:"value",className:s+"-selection-selected-value",title:y.title||y.label,style:{display:v?"block":"none",opacity:m}},n[0].label)}p=l?[h,d["default"].createElement("div",{className:s+"-search "+s+"-search--inline",key:"input",style:{display:r?"block":"none"}},this.getInputElement())]:[h]}else{var g=[];(0,E.isMultipleOrTags)(i)&&(g=n.map(function(t){var n=t.label,r=t.title||n;u&&"string"==typeof n&&n.length>u&&(n=n.slice(0,u)+"...");var o=e.isChildDisabled(t.key),i=o?s+"-selection__choice "+s+"-selection__choice__disabled":s+"-selection__choice";return d["default"].createElement("li",(0,f["default"])({style:E.UNSELECTABLE_STYLE},E.UNSELECTABLE_ATTRIBUTE,{onMouseDown:E.preventDefaultEvent,className:i,key:t.key,title:r}),d["default"].createElement("div",{className:s+"-selection__choice__content"},n),o?null:d["default"].createElement("span",{className:s+"-selection__choice__remove",onClick:e.removeSelected.bind(e,t.key)}))})),g.push(d["default"].createElement("li",{className:s+"-search "+s+"-search--inline",key:"__input"},this.getInputElement())),p=(0,E.isMultipleOrTags)(i)&&a?d["default"].createElement(w["default"],{onLeave:this.onChoiceAnimationLeave,component:"ul",transitionName:a},g):d["default"].createElement("ul",null,g)}return d["default"].createElement("div",{className:c,ref:function(t){return e.topCtrlNode=t}},this.getPlaceholderElement(),p)},render:function(){var e,t=this.props,n=(0,E.isMultipleOrTags)(t),r=this.state,o=t.className,i=t.disabled,a=t.allowClear,s=t.prefixCls,u=this.renderTopControlNode(),c={},p=this.state.open,h=this._options;(0,E.isMultipleOrTagsOrCombobox)(t)||(c={onKeyDown:this.onKeyDown,tabIndex:0});var v=(e={},(0,l["default"])(e,o,!!o),(0,l["default"])(e,s,1),(0,l["default"])(e,s+"-open",p),(0,l["default"])(e,s+"-focused",p||!!this._focused),(0,l["default"])(e,s+"-combobox",(0,E.isCombobox)(t)),(0,l["default"])(e,s+"-disabled",i),(0,l["default"])(e,s+"-enabled",!i),(0,l["default"])(e,s+"-allow-clear",!!t.allowClear),e),m=(0,f["default"])({},E.UNSELECTABLE_STYLE,{display:"none"});(r.inputValue||r.value.length)&&(m.display="block");var y=d["default"].createElement("span",(0,f["default"])({key:"clear",onMouseDown:E.preventDefaultEvent,style:m},E.UNSELECTABLE_ATTRIBUTE,{className:s+"-selection__clear",onClick:this.onClearSelection}));return d["default"].createElement(P["default"],{onPopupFocus:this.onPopupFocus,dropdownAlign:t.dropdownAlign,dropdownClassName:t.dropdownClassName,dropdownMatchSelectWidth:t.dropdownMatchSelectWidth,defaultActiveFirstOption:t.defaultActiveFirstOption,dropdownMenuStyle:t.dropdownMenuStyle,transitionName:t.transitionName,animation:t.animation,prefixCls:t.prefixCls,dropdownStyle:t.dropdownStyle,combobox:t.combobox,showSearch:t.showSearch,options:h,multiple:n,disabled:i,visible:p,inputValue:r.inputValue,value:r.value,onDropdownVisibleChange:this.onDropdownVisibleChange,getPopupContainer:t.getPopupContainer,onMenuSelect:this.onMenuSelect,onMenuDeselect:this.onMenuDeselect,ref:"trigger"},d["default"].createElement("div",{style:t.style,ref:"root",onBlur:this.onOuterBlur,onFocus:this.onOuterFocus,className:(0,b["default"])(v)},d["default"].createElement("div",(0,f["default"])({ref:"selection",key:"selection",className:s+"-selection\n            "+s+"-selection--"+(n?"multiple":"single"),role:"combobox","aria-autocomplete":"list","aria-haspopup":"true","aria-expanded":p},c),u,a?y:null,n||!t.showArrow?null:d["default"].createElement("span",(0,f["default"])({key:"arrow",className:s+"-arrow",style:E.UNSELECTABLE_STYLE},E.UNSELECTABLE_ATTRIBUTE,{onClick:this.onArrowClick}),d["default"].createElement("b",null)))))}});t["default"]=M,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(10),i=r(o),a=n(70),s=r(a),u=n(9),l=r(u),c=n(92),f=r(c),p=n(1),d=r(p),h=n(8),v=r(h),m=n(1930),y=r(m),g=n(2),b=r(g),_=n(204),w={bottomLeft:{points:["tl","bl"],offset:[0,4],overflow:{adjustX:0,adjustY:1}},topLeft:{points:["bl","tl"],offset:[0,-4],overflow:{adjustX:0,adjustY:1}}},x=d["default"].createClass({displayName:"SelectTrigger",propTypes:{onPopupFocus:p.PropTypes.func,dropdownMatchSelectWidth:p.PropTypes.bool,dropdownAlign:p.PropTypes.object,visible:p.PropTypes.bool,disabled:p.PropTypes.bool,showSearch:p.PropTypes.bool,dropdownClassName:p.PropTypes.string,multiple:p.PropTypes.bool,inputValue:p.PropTypes.string,filterOption:p.PropTypes.any,options:p.PropTypes.any,prefixCls:p.PropTypes.string,popupClassName:p.PropTypes.string,children:p.PropTypes.any},componentDidUpdate:function(){var e=this.props,t=e.visible,n=e.dropdownMatchSelectWidth;if(t){var r=this.getPopupDOMNode();if(r){var o=n?"width":"minWidth";r.style[o]=b["default"].findDOMNode(this).offsetWidth+"px"}}},getInnerMenu:function(){return this.popupMenu&&this.popupMenu.refs.menu},getPopupDOMNode:function(){return this.refs.trigger.getPopupDomNode()},getDropdownElement:function(e){var t=this.props;return d["default"].createElement(y["default"],(0,l["default"])({ref:this.saveMenu},e,{prefixCls:this.getDropdownPrefixCls(),onMenuSelect:t.onMenuSelect,onMenuDeselect:t.onMenuDeselect,value:t.value,defaultActiveFirstOption:t.defaultActiveFirstOption,dropdownMenuStyle:t.dropdownMenuStyle}))},getDropdownTransitionName:function(){var e=this.props,t=e.transitionName;return!t&&e.animation&&(t=this.getDropdownPrefixCls()+"-"+e.animation),t},getDropdownPrefixCls:function(){return this.props.prefixCls+"-dropdown"},saveMenu:function(e){this.popupMenu=e},render:function(){var e,t=this.props,n=t.onPopupFocus,r=(0,s["default"])(t,["onPopupFocus"]),o=r.multiple,a=r.visible,u=r.inputValue,c=r.dropdownAlign,p=r.disabled,h=r.showSearch,m=r.dropdownClassName,y=this.getDropdownPrefixCls(),g=(e={},(0,i["default"])(e,m,!!m),(0,i["default"])(e,y+"--"+(o?"multiple":"single"),1),e),b=this.getDropdownElement({menuItems:r.options,onPopupFocus:n,multiple:o,inputValue:u,visible:a}),x=void 0;return x=p?[]:(0,_.isSingleMode)(r)&&!h?["click"]:["blur"],d["default"].createElement(f["default"],(0,l["default"])({},r,{showAction:p?[]:["click"],hideAction:x,ref:"trigger",popupPlacement:"bottomLeft",builtinPlacements:w,prefixCls:y,popupTransitionName:this.getDropdownTransitionName(),onPopupVisibleChange:r.onDropdownVisibleChange,popup:b,popupAlign:c,popupVisible:a,getPopupContainer:r.getPopupContainer,popupClassName:(0,v["default"])(g),popupStyle:r.dropdownStyle}),r.children)}});t["default"]=x,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(10),a=o(i),s=n(62),u=o(s),l=n(9),c=o(l),f=n(4),p=o(f),d=n(7),h=o(d),v=n(6),m=o(v),y=n(1),g=o(y),b=n(12),_=o(b),w=n(8),x=o(w),C=n(522),E=o(C),S=n(523),P=o(S),O=n(323),T=r(O),k=function(e){function t(n){(0,p["default"])(this,t);var r=(0,h["default"])(this,e.call(this,n));r.onEnd=function(){r.setState({handle:null}),r.removeDocumentEvents(),r.props.onAfterChange(r.getValue())};var o=n.count,i=n.min,a=n.max,s=Array.apply(null,Array(o+1)).map(function(){return i}),u="defaultValue"in n?n.defaultValue:s,l=void 0!==n.value?n.value:u,c=l.map(function(e){return r.trimAlignValue(e)}),f=c[0]===a?0:c.length-1;return r.state={handle:null,recent:f,bounds:c},r}return(0,m["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){
-var t=this;if("value"in e||"min"in e||"max"in e){var n=this.state.bounds,r=e.value||n,o=r.map(function(n){return t.trimAlignValue(n,e)});o.length===n.length&&o.every(function(e,t){return e===n[t]})||(this.setState({bounds:o}),n.some(function(t){return T.isValueOutOfRange(t,e)})&&this.props.onChange(o))}},t.prototype.onChange=function(e){var t=this.props,n=!("value"in t);n?this.setState(e):void 0!==e.handle&&this.setState({handle:e.handle});var r=(0,c["default"])({},this.state,e),o=r.bounds;t.onChange(o)},t.prototype.onStart=function(e){var t=this.props,n=this.state,r=this.getValue();t.onBeforeChange(r);var o=this.calcValueByPos(e);this.startValue=o,this.startPosition=e;var i=this.getClosestBound(o),a=this.getBoundNeedMoving(o,i);this.setState({handle:a,recent:a});var s=r[a];if(o!==s){var l=[].concat((0,u["default"])(n.bounds));l[a]=o,this.onChange({bounds:l})}},t.prototype.onMove=function(e,t){T.pauseEvent(e);var n=this.props,r=this.state,o=this.calcValueByPos(t),i=r.bounds[r.handle];if(o!==i){var a=[].concat((0,u["default"])(r.bounds));a[r.handle]=o;var s=r.handle;if(n.pushable!==!1){var l=r.bounds[s];this.pushSurroundingHandles(a,s,l)}else n.allowCross&&(a.sort(function(e,t){return e-t}),s=a.indexOf(o));this.onChange({handle:s,bounds:a})}},t.prototype.getValue=function(){return this.state.bounds},t.prototype.getClosestBound=function(e){for(var t=this.state.bounds,n=0,r=1;r<t.length-1;++r)e>t[r]&&(n=r);return Math.abs(t[n+1]-e)<Math.abs(t[n]-e)&&(n+=1),n},t.prototype.getBoundNeedMoving=function(e,t){var n=this.state,r=n.bounds,o=n.recent,i=t,a=r[t+1]===r[t];return a&&(i=o),a&&e!==r[t+1]&&(i=e<r[t+1]?t:t+1),i},t.prototype.getLowerBound=function(){return this.state.bounds[0]},t.prototype.getUpperBound=function(){var e=this.state.bounds;return e[e.length-1]},t.prototype.getPoints=function(){var e=this.props,t=e.marks,n=e.step,r=e.min,o=e.max,i=this._getPointsCache;if(!i||i.marks!==t||i.step!==n){var a=(0,c["default"])({},t);if(null!==n)for(var s=r;s<=o;s+=n)a[s]=s;var u=Object.keys(a).map(parseFloat);u.sort(function(e,t){return e-t}),this._getPointsCache={marks:t,step:n,points:u}}return this._getPointsCache.points},t.prototype.pushSurroundingHandles=function(e,t,n){var r=this.props.pushable,o=e[t],i=0;if(e[t+1]-o<r&&(i=1),o-e[t-1]<r&&(i=-1),0!==i){var a=t+i,s=i*(e[a]-o);this.pushHandle(e,a,i,r-s)||(e[t]=n)}},t.prototype.pushHandle=function(e,t,n,r){for(var o=e[t],i=e[t];n*(i-o)<r;){if(!this.pushHandleOnePoint(e,t,n))return e[t]=o,!1;i=e[t]}return!0},t.prototype.pushHandleOnePoint=function(e,t,n){var r=this.getPoints(),o=r.indexOf(e[t]),i=o+n;if(i>=r.length||i<0)return!1;var a=t+n,s=r[i],u=this.props.pushable,l=n*(e[a]-s);return!!this.pushHandle(e,a,n,u-l)&&(e[t]=s,!0)},t.prototype.trimAlignValue=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=(0,c["default"])({},this.props,t),r=T.ensureValueInRange(e,n),o=this.ensureValueNotConflict(r,n);return T.ensureValuePrecision(o,n)},t.prototype.ensureValueNotConflict=function(e,t){var n=t.allowCross,r=this.state||{},o=r.handle,i=r.bounds;if(!n&&null!=o){if(o>0&&e<=i[o-1])return i[o-1];if(o<i.length-1&&e>=i[o+1])return i[o+1]}return e},t.prototype.render=function(){var e=this,t=this.state,n=t.handle,r=t.bounds,o=this.props,i=o.prefixCls,s=o.vertical,u=o.included,l=o.disabled,c=o.handle,f=r.map(function(t){return e.calcOffset(t)}),p=i+"-handle",d=r.map(function(t,r){var o;return c({className:(0,x["default"])((o={},(0,a["default"])(o,p,!0),(0,a["default"])(o,p+"-"+(r+1),!0),o)),vertical:s,offset:f[r],value:t,dragging:n===r,index:r,disabled:l,ref:function(t){return e.saveHandle(r,t)}})}),h=r.slice(0,-1).map(function(e,t){var n,r=t+1,o=(0,x["default"])((n={},(0,a["default"])(n,i+"-track",!0),(0,a["default"])(n,i+"-track-"+r,!0),n));return g["default"].createElement(E["default"],{className:o,vertical:s,included:u,offset:f[r-1],length:f[r]-f[r-1],key:r})});return{tracks:h,handles:d}},t}(g["default"].Component);k.displayName="Range",k.propTypes={defaultValue:_["default"].arrayOf(_["default"].number),value:_["default"].arrayOf(_["default"].number),count:_["default"].number,pushable:_["default"].oneOfType([_["default"].bool,_["default"].number]),allowCross:_["default"].bool,disabled:_["default"].bool},k.defaultProps={count:1,allowCross:!0,pushable:!1},t["default"]=(0,P["default"])(k),e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(9),a=o(i),s=n(4),u=o(s),l=n(7),c=o(l),f=n(6),p=o(f),d=n(1),h=o(d),v=n(12),m=o(v),y=n(522),g=o(y),b=n(523),_=o(b),w=n(323),x=r(w),C=function(e){function t(n){(0,u["default"])(this,t);var r=(0,c["default"])(this,e.call(this,n));r.onEnd=function(){r.setState({dragging:!1}),r.removeDocumentEvents(),r.props.onAfterChange(r.getValue())};var o=void 0!==n.defaultValue?n.defaultValue:n.min,i=void 0!==n.value?n.value:o;return r.state={value:r.trimAlignValue(i),dragging:!1},r}return(0,p["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){if("value"in e||"min"in e||"max"in e){var t=this.state.value,n=void 0!==e.value?e.value:t,r=this.trimAlignValue(n,e);r!==t&&(this.setState({value:r}),x.isValueOutOfRange(n,e)&&this.props.onChange(r))}},t.prototype.onChange=function(e){var t=this.props,n=!("value"in t);n&&this.setState(e);var r=e.value;t.onChange(r)},t.prototype.onStart=function(e){this.setState({dragging:!0});var t=this.props,n=this.getValue();t.onBeforeChange(n);var r=this.calcValueByPos(e);this.startValue=r,this.startPosition=e,r!==n&&this.onChange({value:r})},t.prototype.onMove=function(e,t){x.pauseEvent(e);var n=this.state,r=this.calcValueByPos(t),o=n.value;r!==o&&this.onChange({value:r})},t.prototype.getValue=function(){return this.state.value},t.prototype.getLowerBound=function(){return this.props.min},t.prototype.getUpperBound=function(){return this.state.value},t.prototype.trimAlignValue=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=(0,a["default"])({},this.props,t),r=x.ensureValueInRange(e,n);return x.ensureValuePrecision(r,n)},t.prototype.render=function(){var e=this,t=this.props,n=t.prefixCls,r=t.vertical,o=t.included,i=t.disabled,a=t.minimumTrackStyle,s=t.handleStyle,u=t.handle,l=this.state,c=l.value,f=l.dragging,p=this.calcOffset(c),d=u({className:n+"-handle",vertical:r,offset:p,value:c,dragging:f,disabled:i,handleStyle:s,ref:function(t){return e.saveHandle(0,t)}}),v=h["default"].createElement(g["default"],{className:n+"-track",vertical:r,included:o,offset:0,length:p,minimumTrackStyle:a});return{tracks:v,handles:d}},t}(h["default"].Component);C.displayName="Slider",C.propTypes={defaultValue:m["default"].number,value:m["default"].number,disabled:m["default"].bool},C.defaultProps={},t["default"]=(0,_["default"])(C),e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(47),s=r(a),u=n(10),l=r(u),c=n(1),f=r(c),p=n(8),d=r(p),h=function(e){var t=e.className,n=e.vertical,r=e.marks,o=e.included,a=e.upperBound,u=e.lowerBound,c=e.max,p=e.min,h=Object.keys(r),v=h.length,m=100/(v-1),y=.9*m,g=c-p,b=h.map(parseFloat).sort(function(e,t){return e-t}).map(function(e){var c,h=!o&&e===a||o&&e<=a&&e>=u,v=(0,d["default"])((c={},(0,l["default"])(c,t+"-text",!0),(0,l["default"])(c,t+"-text-active",h),c)),m={marginBottom:"-50%",bottom:(e-p)/g*100+"%"},b={width:y+"%",marginLeft:-y/2+"%",left:(e-p)/g*100+"%"},_=n?m:b,w=r[e],x="object"===("undefined"==typeof w?"undefined":(0,s["default"])(w))&&!f["default"].isValidElement(w),C=x?w.label:w,E=x?(0,i["default"])({},_,w.style):_;return f["default"].createElement("span",{className:v,style:E,key:e},C)});return f["default"].createElement("div",{className:t},b)};t["default"]=h,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(10),i=r(o),a=n(1),s=r(a),u=n(8),l=r(u),c=n(45),f=r(c),p=function(e,t,n,r,o,i){(0,f["default"])(!n||r>0,"`Slider[step]` should be a positive number in order to make Slider[dots] work.");var a=Object.keys(t).map(parseFloat);if(n)for(var s=o;s<=i;s+=r)a.indexOf(s)>=0||a.push(s);return a},d=function(e){var t=e.prefixCls,n=e.vertical,r=e.marks,o=e.dots,a=e.step,u=e.included,c=e.lowerBound,f=e.upperBound,d=e.max,h=e.min,v=d-h,m=p(n,r,o,a,h,d).map(function(e){var r,o=Math.abs(e-h)/v*100+"%",a=n?{bottom:o}:{left:o},p=!u&&e===f||u&&e<=f&&e>=c,d=(0,l["default"])((r={},(0,i["default"])(r,t+"-dot",!0),(0,i["default"])(r,t+"-dot-active",p),r));return s["default"].createElement("span",{className:d,style:a,key:e})});return s["default"].createElement("div",{className:t+"-step"},m)};t["default"]=d,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){var n=e["page"+(t?"Y":"X")+"Offset"],r="scroll"+(t?"Top":"Left");if("number"!=typeof n){var o=e.document;n=o.documentElement[r],"number"!=typeof n&&(n=o.body[r])}return n}function i(e){var t=void 0,n=void 0,r=void 0,i=e.ownerDocument,a=i.body,s=i&&i.documentElement;t=e.getBoundingClientRect(),n=t.left,r=t.top,n-=s.clientLeft||a.clientLeft||0,r-=s.clientTop||a.clientTop||0;var u=i.defaultView||i.parentWindow;return n+=o(u),r+=o(u,!0),{left:n,top:r}}function a(e,t){var n=e.refs,r=n.nav||n.root,o=i(r),a=n.inkBar,s=n.activeTab,u=a.style,c=e.props.tabBarPosition;if(t&&(u.display="none"),s){var f=s,p=i(f),d=(0,l.isTransformSupported)(u);if("top"===c||"bottom"===c){var h=p.left-o.left;d?((0,l.setTransform)(u,"translate3d("+h+"px,0,0)"),u.width=f.offsetWidth+"px",u.height=""):(u.left=h+"px",u.top="",u.bottom="",u.right=r.offsetWidth-h-f.offsetWidth+"px")}else{var v=p.top-o.top;d?((0,l.setTransform)(u,"translate3d(0,"+v+"px,0)"),u.height=f.offsetHeight+"px",u.width=""):(u.left="",u.right="",u.top=v+"px",u.bottom=r.offsetHeight-v-f.offsetHeight+"px")}}u.display=s?"block":"none"}Object.defineProperty(t,"__esModule",{value:!0});var s=n(10),u=r(s);t.getScroll=o;var l=n(324),c=n(1),f=r(c),p=n(8),d=r(p);t["default"]={getDefaultProps:function(){return{inkBarAnimated:!0}},componentDidUpdate:function(){a(this)},componentDidMount:function(){a(this,!0)},getInkBarNode:function(){var e,t=this.props,n=t.prefixCls,r=t.styles,o=t.inkBarAnimated,i=n+"-ink-bar",a=(0,d["default"])((e={},(0,u["default"])(e,i,!0),(0,u["default"])(e,o?i+"-animated":i+"-no-animated",!0),e));return f["default"].createElement("div",{style:r.inkBar,className:a,key:"inkBar",ref:"inkBar"})}}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={LEFT:37,UP:38,RIGHT:39,DOWN:40},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),i=r(o),a=n(1941),s=r(a),u=n(1944),l=r(u),c=n(1945),f=r(c),p=i["default"].createClass({displayName:"ScrollableInkTabBar",mixins:[f["default"],s["default"],l["default"]],render:function(){var e=this.getInkBarNode(),t=this.getTabs(),n=this.getScrollBarNode([e,t]);return this.getRootNode(n)}});t["default"]=p,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(10),i=r(o),a=n(8),s=r(a),u=n(324),l=n(1),c=r(l);t["default"]={getDefaultProps:function(){return{scrollAnimated:!0,onPrevClick:function(){},onNextClick:function(){}}},getInitialState:function(){return this.offset=0,{next:!1,prev:!1}},componentDidMount:function(){this.componentDidUpdate()},componentDidUpdate:function(e){var t=this.props;if(e&&e.tabBarPosition!==t.tabBarPosition)return void this.setOffset(0);var n=this.setNextPrev();this.isNextPrevShown(this.state)!==this.isNextPrevShown(n)?this.setState({},this.scrollToActiveTab):e&&t.activeKey===e.activeKey||this.scrollToActiveTab()},setNextPrev:function(){var e=this.refs.nav,t=this.getOffsetWH(e),n=this.refs.navWrap,r=this.getOffsetWH(n),o=this.offset,i=r-t,a=this.state,s=a.next,u=a.prev;return i>=0?(s=!1,this.setOffset(0,!1),o=0):i<o?s=!0:(s=!1,this.setOffset(i,!1),o=i),u=o<0,this.setNext(s),this.setPrev(u),{next:s,prev:u}},getOffsetWH:function(e){var t=this.props.tabBarPosition,n="offsetWidth";return"left"!==t&&"right"!==t||(n="offsetHeight"),e[n]},getOffsetLT:function(e){var t=this.props.tabBarPosition,n="left";return"left"!==t&&"right"!==t||(n="top"),e.getBoundingClientRect()[n]},setOffset:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=Math.min(0,e);if(this.offset!==n){this.offset=n;var r={},o=this.props.tabBarPosition,i=this.refs.nav.style,a=(0,u.isTransformSupported)(i);r="left"===o||"right"===o?a?{value:"translate3d(0,"+n+"px,0)"}:{name:"top",value:n+"px"}:a?{value:"translate3d("+n+"px,0,0)"}:{name:"left",value:n+"px"},a?(0,u.setTransform)(i,r.value):i[r.name]=r.value,t&&this.setNextPrev()}},setPrev:function(e){this.state.prev!==e&&this.setState({prev:e})},setNext:function(e){this.state.next!==e&&this.setState({next:e})},isNextPrevShown:function(e){return e.next||e.prev},scrollToActiveTab:function(){var e=this.refs,t=e.activeTab,n=e.navWrap;if(t){var r=this.getOffsetWH(t),o=this.getOffsetWH(n),i=this.offset,a=this.getOffsetLT(n),s=this.getOffsetLT(t);a>s?(i+=a-s,this.setOffset(i)):a+o<s+r&&(i-=s+r-(a+o),this.setOffset(i))}},prev:function(e){this.props.onPrevClick(e);var t=this.refs.navWrap,n=this.getOffsetWH(t),r=this.offset;this.setOffset(r+n)},next:function(e){this.props.onNextClick(e);var t=this.refs.navWrap,n=this.getOffsetWH(t),r=this.offset;this.setOffset(r-n)},getScrollBarNode:function(e){var t,n,r=this.state,o=r.next,a=r.prev,u=this.props,l=u.prefixCls,f=u.scrollAnimated,p=void 0,d=void 0,h=a||o;if(h){var v,m;d=c["default"].createElement("span",{onClick:a?this.prev:null,unselectable:"unselectable",className:(0,s["default"])((v={},(0,i["default"])(v,l+"-tab-prev",1),(0,i["default"])(v,l+"-tab-btn-disabled",!a),v))},c["default"].createElement("span",{className:l+"-tab-prev-icon"})),p=c["default"].createElement("span",{onClick:o?this.next:null,unselectable:"unselectable",className:(0,s["default"])((m={},(0,i["default"])(m,l+"-tab-next",1),(0,i["default"])(m,l+"-tab-btn-disabled",!o),m))},c["default"].createElement("span",{className:l+"-tab-next-icon"}))}var y=l+"-nav",g=(0,s["default"])((t={},(0,i["default"])(t,y,!0),(0,i["default"])(t,f?y+"-animated":y+"-no-animated",!0),t));return c["default"].createElement("div",{className:(0,s["default"])((n={},(0,i["default"])(n,l+"-nav-container",1),(0,i["default"])(n,l+"-nav-container-scrolling",h),n)),key:"container",ref:"container"},d,p,c["default"].createElement("div",{className:l+"-nav-wrap",ref:"navWrap"},c["default"].createElement("div",{className:l+"-nav-scroll"},c["default"].createElement("div",{className:g,ref:"nav"},e))))}},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(10),i=r(o),a=n(9),s=r(a),u=n(1),l=r(u),c=n(8),f=r(c),p={"float":"right"};t["default"]={getDefaultProps:function(){return{styles:{}}},onTabClick:function(e){this.props.onTabClick(e)},getTabs:function(){var e=this,t=this.props,n=t.panels,r=t.activeKey,o=[],i=t.prefixCls;return l["default"].Children.forEach(n,function(t){if(t){var n=t.key,a=r===n?i+"-tab-active":"";a+=" "+i+"-tab";var u={};t.props.disabled?a+=" "+i+"-tab-disabled":u={onClick:e.onTabClick.bind(e,n)};var c={};r===n&&(c.ref="activeTab"),o.push(l["default"].createElement("div",(0,s["default"])({role:"tab","aria-disabled":t.props.disabled?"true":"false","aria-selected":r===n?"true":"false"},u,{className:a,key:n},c),t.props.tab))}}),o},getRootNode:function(e){var t,n=this.props,r=n.prefixCls,o=n.onKeyDown,a=n.className,s=n.extraContent,u=n.style,c=(0,f["default"])((t={},(0,i["default"])(t,r+"-bar",1),(0,i["default"])(t,a,!!a),t));return l["default"].createElement("div",{role:"tablist",className:c,tabIndex:"0",ref:"root",onKeyDown:o,style:u},s?l["default"].createElement("div",{style:p,key:"extra"},s):null,e)}},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(10),s=r(a),u=n(1),l=r(u),c=n(8),f=r(c),p=n(324),d=l["default"].createClass({displayName:"TabContent",propTypes:{animated:u.PropTypes.bool,animatedWithMargin:u.PropTypes.bool,prefixCls:u.PropTypes.string,children:u.PropTypes.any,activeKey:u.PropTypes.string,style:u.PropTypes.any,tabBarPosition:u.PropTypes.string},getDefaultProps:function(){return{animated:!0}},getTabPanes:function(){var e=this.props,t=e.activeKey,n=e.children,r=[];return l["default"].Children.forEach(n,function(n){if(n){var o=n.key,i=t===o;r.push(l["default"].cloneElement(n,{active:i,destroyInactiveTabPane:e.destroyInactiveTabPane,rootPrefixCls:e.prefixCls}))}}),r},render:function(){var e,t=this.props,n=t.prefixCls,r=t.children,o=t.activeKey,a=t.tabBarPosition,u=t.animated,c=t.animatedWithMargin,d=t.style,h=(0,f["default"])((e={},(0,s["default"])(e,n+"-content",!0),(0,s["default"])(e,u?n+"-content-animated":n+"-content-no-animated",!0),e));if(u){var v=(0,p.getActiveIndex)(r,o);if(v!==-1){var m=c?(0,p.getMarginStyle)(v,a):(0,p.getTransformPropValue)((0,p.getTransformByIndex)(v,a));d=(0,i["default"])({},d,m)}else d=(0,i["default"])({},d,{display:"none"})}return l["default"].createElement("div",{className:h,style:d},this.getTabPanes())}});t["default"]=d,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(e){var t=void 0;return l["default"].Children.forEach(e.children,function(e){!e||t||e.props.disabled||(t=e.key)}),t}Object.defineProperty(t,"__esModule",{value:!0});var a=n(10),s=r(a),u=n(1),l=r(u),c=n(1942),f=r(c),p=n(524),d=r(p),h=n(8),v=r(h),m=l["default"].createClass({displayName:"Tabs",propTypes:{destroyInactiveTabPane:u.PropTypes.bool,renderTabBar:u.PropTypes.func.isRequired,renderTabContent:u.PropTypes.func.isRequired,onChange:u.PropTypes.func,children:u.PropTypes.any,prefixCls:u.PropTypes.string,className:u.PropTypes.string,tabBarPosition:u.PropTypes.string,style:u.PropTypes.object},getDefaultProps:function(){return{prefixCls:"rc-tabs",destroyInactiveTabPane:!1,onChange:o,tabBarPosition:"top",style:{}}},getInitialState:function(){var e=this.props,t=void 0;return t="activeKey"in e?e.activeKey:"defaultActiveKey"in e?e.defaultActiveKey:i(e),{activeKey:t}},componentWillReceiveProps:function(e){"activeKey"in e&&this.setState({activeKey:e.activeKey})},onTabClick:function(e){this.tabBar.props.onTabClick&&this.tabBar.props.onTabClick(e),this.setActiveKey(e)},onNavKeyDown:function(e){var t=e.keyCode;if(t===f["default"].RIGHT||t===f["default"].DOWN){e.preventDefault();var n=this.getNextActiveKey(!0);this.onTabClick(n)}else if(t===f["default"].LEFT||t===f["default"].UP){e.preventDefault();var r=this.getNextActiveKey(!1);this.onTabClick(r)}},setActiveKey:function(e){this.state.activeKey!==e&&("activeKey"in this.props||this.setState({activeKey:e}),this.props.onChange(e))},getNextActiveKey:function(e){var t=this.state.activeKey,n=[];l["default"].Children.forEach(this.props.children,function(t){t&&!t.props.disabled&&(e?n.push(t):n.unshift(t))});var r=n.length,o=r&&n[0].key;return n.forEach(function(e,i){e.key===t&&(o=i===r-1?n[0].key:n[i+1].key)}),o},render:function(){var e,t=this.props,n=t.prefixCls,r=t.tabBarPosition,o=t.className,i=t.renderTabContent,a=t.renderTabBar,u=(0,v["default"])((e={},(0,s["default"])(e,n,1),(0,s["default"])(e,n+"-"+r,1),(0,s["default"])(e,o,!!o),e));this.tabBar=a();var c=[l["default"].cloneElement(this.tabBar,{prefixCls:n,key:"tabBar",onKeyDown:this.onNavKeyDown,tabBarPosition:r,onTabClick:this.onTabClick,panels:t.children,activeKey:this.state.activeKey}),l["default"].cloneElement(i(),{prefixCls:n,tabBarPosition:r,activeKey:this.state.activeKey,destroyInactiveTabPane:t.destroyInactiveTabPane,children:t.children,onChange:this.setActiveKey,key:"tabContent"})];return"bottom"===r&&c.reverse(),l["default"].createElement("div",{className:u,style:t.style},c)}});m.TabPane=d["default"],t["default"]=m,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.TabPane=t["default"]=void 0;var o=n(1947),i=r(o),a=n(524),s=r(a);t["default"]=i["default"],t.TabPane=s["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(){var e=this.state.value.clone();e.startOf("month"),this.setValue(e)}function a(){var e=this.state.value.clone();e.endOf("month"),this.setValue(e)}function s(e,t){var n=this.state.value.clone();n.add(e,t),this.setValue(n)}function u(e){return s.call(this,e,"months")}function l(e){return s.call(this,e,"years")}function c(e){return s.call(this,e,"weeks")}function f(e){return s.call(this,e,"days")}Object.defineProperty(t,"__esModule",{value:!0});var p=n(9),d=r(p),h=n(1),v=r(h),m=n(2),y=r(m),g=n(297),b=r(g),_=n(325),w=r(_),x=n(527),C=r(x),E=n(1952),S=r(E),P=n(326),O=r(P),T=n(205),k=r(T),M=n(532),N=r(M),A=n(87),D=v["default"].createClass({displayName:"Calendar",propTypes:{disabledDate:h.PropTypes.func,disabledTime:h.PropTypes.any,value:h.PropTypes.object,selectedValue:h.PropTypes.object,defaultValue:h.PropTypes.object,className:h.PropTypes.string,locale:h.PropTypes.object,showWeekNumber:h.PropTypes.bool,style:h.PropTypes.object,showToday:h.PropTypes.bool,showDateInput:h.PropTypes.bool,visible:h.PropTypes.bool,onSelect:h.PropTypes.func,onOk:h.PropTypes.func,showOk:h.PropTypes.bool,prefixCls:h.PropTypes.string,onKeyDown:h.PropTypes.func,timePicker:h.PropTypes.element,dateInputPlaceholder:h.PropTypes.any,onClear:h.PropTypes.func,onChange:h.PropTypes.func,renderFooter:h.PropTypes.func,renderSidebar:h.PropTypes.func},mixins:[k["default"],O["default"]],getDefaultProps:function(){return{showToday:!0,showDateInput:!0,timePicker:null,onOk:o}},getInitialState:function(){return{showTimePicker:!1}},onKeyDown:function(e){if("input"!==e.target.nodeName.toLowerCase()){var t=e.keyCode,n=e.ctrlKey||e.metaKey;switch(t){case b["default"].DOWN:return c.call(this,1),e.preventDefault(),1;case b["default"].UP:return c.call(this,-1),e.preventDefault(),1;case b["default"].LEFT:return n?l.call(this,-1):f.call(this,-1),e.preventDefault(),1;case b["default"].RIGHT:return n?l.call(this,1):f.call(this,1),e.preventDefault(),1;case b["default"].HOME:return i.call(this),e.preventDefault(),1;case b["default"].END:return a.call(this),e.preventDefault(),1;case b["default"].PAGE_DOWN:return u.call(this,1),e.preventDefault(),1;case b["default"].PAGE_UP:return u.call(this,-1),e.preventDefault(),1;case b["default"].ENTER:return this.onSelect(this.state.value,{source:"keyboard"}),e.preventDefault(),1;default:return this.props.onKeyDown(e),1}}},onClear:function(){this.onSelect(null),this.props.onClear()},onOk:function(){var e=this.state.selectedValue;this.isAllowedDate(e)&&this.props.onOk(e)},onDateInputChange:function(e){this.onSelect(e,{source:"dateInput"})},onDateTableSelect:function(e){this.onSelect(e)},onToday:function(){var e=this.state.value,t=(0,A.getTodayTime)(e);this.onSelect(t,{source:"todayButton"})},getRootDOMNode:function(){return y["default"].findDOMNode(this)},openTimePicker:function(){this.setState({showTimePicker:!0})},closeTimePicker:function(){this.setState({showTimePicker:!1})},render:function(){var e=this.props,t=e.locale,n=e.prefixCls,r=e.disabledDate,o=e.dateInputPlaceholder,i=e.timePicker,a=e.disabledTime,s=this.state,u=s.value,l=s.selectedValue,c=s.showTimePicker,f=c&&a&&i?(0,A.getTimeConfig)(l,a):null,p=i&&c?v["default"].cloneElement(i,(0,d["default"])({showHour:!0,showSecond:!0,showMinute:!0},i.props,f,{onChange:this.onDateInputChange,defaultOpenValue:u,value:l,disabledTime:a})):null,h=e.showDateInput?v["default"].createElement(N["default"],{ref:"dateInput",format:this.getFormat(),key:"date-input",value:u,locale:t,placeholder:o,showClear:!0,disabledTime:a,disabledDate:r,onClear:this.onClear,prefixCls:n,selectedValue:l,onChange:this.onDateInputChange}):null,m=[e.renderSidebar(),v["default"].createElement("div",{className:n+"-panel",key:"panel"},h,v["default"].createElement("div",{className:n+"-date-panel"},v["default"].createElement(C["default"],{locale:t,onValueChange:this.setValue,value:u,showTimePicker:c,prefixCls:n}),i&&c?v["default"].createElement("div",{className:n+"-time-picker"},v["default"].createElement("div",{className:n+"-time-picker-panel"},p)):null,v["default"].createElement("div",{className:n+"-body"},v["default"].createElement(w["default"],{locale:t,value:u,selectedValue:l,prefixCls:n,dateRender:e.dateRender,onSelect:this.onDateTableSelect,disabledDate:r,showWeekNumber:e.showWeekNumber})),v["default"].createElement(S["default"],{showOk:e.showOk,renderFooter:e.renderFooter,locale:t,prefixCls:n,showToday:e.showToday,disabledTime:a,showTimePicker:c,showDateInput:e.showDateInput,timePicker:i,selectedValue:l,value:u,disabledDate:r,okDisabled:!this.isAllowedDate(l),onOk:this.onOk,onSelect:this.onSelect,onToday:this.onToday,onOpenTimePicker:this.openTimePicker,onCloseTimePicker:this.closeTimePicker})))];return this.renderRoot({children:m,className:e.showWeekNumber?n+"-week-number":""})}});t["default"]=D,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(1),s=r(a),u=n(325),l=r(u),c=n(537),f=r(c),p=n(326),d=r(p),h=n(205),v=r(h),m=n(1956),y=r(m),g=s["default"].createClass({displayName:"FullCalendar",propTypes:{defaultType:a.PropTypes.string,type:a.PropTypes.string,prefixCls:a.PropTypes.string,locale:a.PropTypes.object,onTypeChange:a.PropTypes.func,fullscreen:a.PropTypes.bool,monthCellRender:a.PropTypes.func,dateCellRender:a.PropTypes.func,showTypeSwitch:a.PropTypes.bool,Select:a.PropTypes.func.isRequired,headerComponents:a.PropTypes.array,headerComponent:a.PropTypes.object,headerRender:a.PropTypes.func,showHeader:a.PropTypes.bool,disabledDate:a.PropTypes.func},mixins:[v["default"],d["default"]],getDefaultProps:function(){return{defaultType:"date",fullscreen:!1,showTypeSwitch:!0,showHeader:!0,onTypeChange:function(){}}},getInitialState:function(){var e=void 0;return e="type"in this.props?this.props.type:this.props.defaultType,{type:e}},componentWillReceiveProps:function(e){"type"in e&&this.setState({type:e.type})},onMonthSelect:function(e){this.onSelect(e,{target:"month"})},setType:function(e){"type"in this.props||this.setState({type:e}),this.props.onTypeChange(e)},render:function(){var e=this.props,t=e.locale,n=e.prefixCls,r=e.fullscreen,o=e.showHeader,a=e.headerComponent,u=e.headerRender,c=e.disabledDate,p=this.state,d=p.value,h=p.type,v=null;if(o)if(u)v=u(d,h,t);else{var m=a||y["default"];v=s["default"].createElement(m,(0,i["default"])({key:"calendar-header"},e,{prefixCls:n+"-full",type:h,value:d,onTypeChange:this.setType,onValueChange:this.setValue}))}var g="date"===h?s["default"].createElement(l["default"],{dateRender:e.dateCellRender,contentRender:e.dateCellContentRender,locale:t,prefixCls:n,onSelect:this.onSelect,value:d,disabledDate:c}):s["default"].createElement(f["default"],{cellRender:e.monthCellRender,contentRender:e.monthCellContentRender,locale:t,onSelect:this.onMonthSelect,prefixCls:n+"-month-panel",value:d,disabledDate:c}),b=[v,s["default"].createElement("div",{key:"calendar-body",className:n+"-calendar-body"},g)],_=[n+"-full"];return r&&_.push(n+"-fullscreen"),this.renderRoot({children:b,className:_.join(" ")})}});t["default"]=g,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(){return(0,x["default"])()}function a(e){return Array.isArray(e)&&(0===e.length||e.every(function(e){return!e}))}function s(e){var t=(0,g["default"])(e,2),n=t[0],r=t[1],o=r&&r.isSame(n,"month")?r.clone().add(1,"month"):r;return[n,o]}function u(e,t){var n=e.selectedValue||t&&e.defaultSelectedValue,r=e.value||t&&e.defaultValue,o=r||s(n);return a(o)?t&&[i(),i().add(1,"months")]:o}function l(e){for(var t=[],n=0;n<e;n++)t.push(n);return t}function c(e,t){if(t){var n=this.state.selectedValue,r=n.concat(),o="left"===e?0:1;r[o]=t,r[0]&&this.compare(r[0],r[1])>0&&(r[1-o]=this.state.showTimePicker?r[o]:void 0),this.fireSelectValueChange(r)}}Object.defineProperty(t,"__esModule",{value:!0});var f=n(9),p=r(f),d=n(10),h=r(d),v=n(62),m=r(v),y=n(322),g=r(y),b=n(1),_=r(b),w=n(25),x=r(w),C=n(8),E=r(C),S=n(1958),P=r(S),O=n(87),T=n(530),k=r(T),M=n(528),N=r(M),A=n(529),D=r(A),j=n(205),R=r(j),I=_["default"].createClass({displayName:"RangeCalendar",propTypes:{prefixCls:b.PropTypes.string,dateInputPlaceholder:b.PropTypes.any,defaultValue:b.PropTypes.any,timePicker:b.PropTypes.any,value:b.PropTypes.any,showOk:b.PropTypes.bool,showToday:b.PropTypes.bool,selectedValue:b.PropTypes.array,defaultSelectedValue:b.PropTypes.array,onOk:b.PropTypes.func,showClear:b.PropTypes.bool,locale:b.PropTypes.object,onChange:b.PropTypes.func,onSelect:b.PropTypes.func,onValueChange:b.PropTypes.func,disabledDate:b.PropTypes.func,format:b.PropTypes.oneOfType([b.PropTypes.object,b.PropTypes.string]),onClear:b.PropTypes.func,type:b.PropTypes.any,disabledTime:b.PropTypes.func},mixins:[R["default"]],getDefaultProps:function(){return{type:"both",defaultSelectedValue:[],onValueChange:o,disabledTime:o,showToday:!0}},getInitialState:function(){var e=this.props,t=e.selectedValue||e.defaultSelectedValue,n=u(e,1);return{selectedValue:t,hoverValue:[],value:n,showTimePicker:!1,isStartMonthYearPanelShow:!1,isEndMonthYearPanelShow:!1}},componentWillReceiveProps:function(e){var t={};"value"in e&&(e.value?t.value=e.value:t.value=u(e,0),this.setState(t)),"selectedValue"in e&&(t.selectedValue=e.selectedValue,this.setState(t))},onDatePanelEnter:function(){this.hasSelectedValue()&&this.setState({hoverValue:this.state.selectedValue.concat()})},onDatePanelLeave:function(){this.hasSelectedValue()&&this.setState({hoverValue:[]})},onSelect:function(e){var t=this.state,n=t.hoverValue,r=t.selectedValue,o=void 0,i=this.props.type,a=!1;if(n[0]||n[1]||"both"!==i)if("start"===i){var s=r[1];o=!s||this.compare(s,e)<0?[e]:[e,s],a=!0}else{var u=void 0;u="end"===i?r[0]:n[0],u&&this.compare(u,e)<=0?(o=[u,e],a=!0):(o=[e],a=!0)}else o=[e],a=!0;a&&this.fireSelectValueChange(o)},onDayHover:function(e){var t=this.state.hoverValue,n=this.state.selectedValue,r=this.props.type;if("start"===r&&n[1])t=this.compare(e,n[1])<0?[e,n[1]]:[e],this.setState({hoverValue:t});else if("end"===r&&n[0])t=this.compare(e,n[0])>0?[n[0],e]:[],this.setState({hoverValue:t});else{if(!t[0]||this.compare(e,t[0])<0)return;t[1]=e,this.setState({hoverValue:t})}},onToday:function(){var e=(0,O.getTodayTime)(this.state.value[0]),t=e.clone().add(1,"months");this.setState({value:[e,t]})},onOpenTimePicker:function(){this.setState({showTimePicker:!0})},onCloseTimePicker:function(){this.setState({showTimePicker:!1})},onOk:function(){var e=this.state.selectedValue;this.isAllowedDateAndTime(e)&&this.props.onOk(this.state.selectedValue)},onStartInputSelect:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=["left"].concat(t);return c.apply(this,r)},onEndInputSelect:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=["right"].concat(t);return c.apply(this,r)},onStartValueChange:function(e){var t=[].concat((0,m["default"])(this.state.value));return t[0]=e,this.fireValueChange(t)},onEndValueChange:function(e){var t=[].concat((0,m["default"])(this.state.value));return t[1]=e,this.fireValueChange(t)},onStartPanelChange:function(e){var t=e.showMonthPanel,n=e.showYearPanel;this.setState({isStartMonthYearPanelShow:t||n})},onEndPanelChange:function(e){var t=e.showMonthPanel,n=e.showYearPanel;
-this.setState({isEndMonthYearPanelShow:t||n})},getStartValue:function(){var e=this.state.value[0],t=this.state.selectedValue;return t[0]&&this.props.timePicker&&(e=e.clone(),(0,O.syncTime)(t[0],e)),this.state.showTimePicker&&t[0]?t[0]:e},getEndValue:function(){var e=this.state.value[1].clone(),t=this.state.selectedValue;return t[1]&&this.props.timePicker&&(0,O.syncTime)(t[1],e),this.state.showTimePicker?t[1]?t[1]:this.getStartValue():e},getEndDisableTime:function(){var e=this.state,t=e.selectedValue,n=e.value,r=t&&t[0]||n[0].clone();if(!t[1]||r.isSame(t[1],"day")){var o=r.hour(),i=r.minute(),a=r.second(),s=l(o),u=l(i),c=l(a);return{disabledHours:function(){return s},disabledMinutes:function(e){return e===o?u:[]},disabledSeconds:function(e,t){return e===o&&t===i?c:[]}}}return null},isAllowedDateAndTime:function(e){return(0,O.isAllowedDate)(e[0],this.props.disabledDate,this.disabledStartTime)&&(0,O.isAllowedDate)(e[1],this.props.disabledDate,this.disabledEndTime)},hasSelectedValue:function(){var e=this.state.selectedValue;return!!e[1]&&!!e[0]},compare:function(e,t){return this.props.timePicker?e.diff(t):e.diff(t,"days")},fireSelectValueChange:function(e,t){if("selectedValue"in this.props||this.setState({selectedValue:e}),!this.state.selectedValue[0]||!this.state.selectedValue[1]){var n=e[0]||i(),r=e[1]||n.clone().add(1,"months");this.setState({selectedValue:e,value:s([n,r])})}e[0]&&!e[1]&&this.setState({hoverValue:e.concat()}),this.props.onChange(e),(t||e[0]&&e[1])&&(this.setState({hoverValue:[]}),this.props.onSelect(e))},fireValueChange:function(e){var t=this.props;"value"in t||this.setState({value:e}),t.onValueChange(e)},clear:function(){this.fireSelectValueChange([],!0),this.props.onClear()},disabledStartTime:function(e){return this.props.disabledTime(e,"start")},disabledEndTime:function(e){return this.props.disabledTime(e,"end")},disabledStartMonth:function(e){var t=this.state.value;return e.isSameOrAfter(t[1],"month")},disabledEndMonth:function(e){var t=this.state.value;return e.isSameOrBefore(t[0],"month")},render:function(){var e,t,n=this.props,r=this.state,o=r.showTimePicker,i=r.isStartMonthYearPanelShow,a=r.isEndMonthYearPanelShow,s=n.prefixCls,u=n.dateInputPlaceholder,l=n.timePicker,c=n.showOk,f=n.locale,d=n.showClear,v=n.showToday,m=n.type,y=r.hoverValue,b=r.selectedValue,w=(e={},(0,h["default"])(e,n.className,!!n.className),(0,h["default"])(e,s,1),(0,h["default"])(e,s+"-hidden",!n.visible),(0,h["default"])(e,s+"-range",1),(0,h["default"])(e,s+"-show-time-picker",o),(0,h["default"])(e,s+"-week-number",n.showWeekNumber),e),x=(0,E["default"])(w),C={selectedValue:r.selectedValue,onSelect:this.onSelect,onDayHover:"start"===m&&b[1]||"end"===m&&b[0]||y.length?this.onDayHover:void 0},S=void 0,T=void 0;if(u)if(Array.isArray(u)){var M=(0,g["default"])(u,2);S=M[0],T=M[1]}else S=T=u;var A=c===!0||c!==!1&&!!l,j=(0,E["default"])((t={},(0,h["default"])(t,s+"-footer",!0),(0,h["default"])(t,s+"-range-bottom",!0),(0,h["default"])(t,s+"-footer-show-ok",A),t)),R=this.getStartValue(),I=this.getEndValue(),L=(0,O.getTodayTime)(R),F=L.month(),U=L.year(),V=R.year()===U&&R.month()===F||I.year()===U&&I.month()===F,B=R.clone().add(1,"months"),z=B.year()===I.year()&&B.month()===I.month();return _["default"].createElement("div",{ref:"root",className:x,style:n.style,tabIndex:"0"},n.renderSidebar(),_["default"].createElement("div",{className:s+"-panel"},d&&b[0]&&b[1]?_["default"].createElement("a",{className:s+"-clear-btn",role:"button",title:f.clear,onClick:this.clear}):null,_["default"].createElement("div",{className:s+"-date-panel",onMouseLeave:"both"!==m?this.onDatePanelLeave:void 0,onMouseEnter:"both"!==m?this.onDatePanelEnter:void 0},_["default"].createElement(P["default"],(0,p["default"])({},n,C,{hoverValue:y,direction:"left",disabledTime:this.disabledStartTime,disabledMonth:this.disabledStartMonth,format:this.getFormat(),value:R,placeholder:S,onInputSelect:this.onStartInputSelect,onValueChange:this.onStartValueChange,onPanelChange:this.onStartPanelChange,timePicker:l,showTimePicker:o,enablePrev:!0,enableNext:!z||a})),_["default"].createElement("span",{className:s+"-range-middle"},"~"),_["default"].createElement(P["default"],(0,p["default"])({},n,C,{hoverValue:y,direction:"right",format:this.getFormat(),timePickerDisabledTime:this.getEndDisableTime(),placeholder:T,value:I,onInputSelect:this.onEndInputSelect,onValueChange:this.onEndValueChange,onPanelChange:this.onEndPanelChange,timePicker:l,showTimePicker:o,disabledTime:this.disabledEndTime,disabledMonth:this.disabledEndMonth,enablePrev:!z||i,enableNext:!0}))),_["default"].createElement("div",{className:j},n.renderFooter(),v||n.timePicker||A?_["default"].createElement("div",{className:s+"-footer-btn"},v?_["default"].createElement(k["default"],(0,p["default"])({},n,{disabled:V,value:r.value[0],onToday:this.onToday,text:f.backToToday})):null,n.timePicker?_["default"].createElement(D["default"],(0,p["default"])({},n,{showTimePicker:o,onOpenTimePicker:this.onOpenTimePicker,onCloseTimePicker:this.onCloseTimePicker,timePickerDisabled:!this.hasSelectedValue()||y.length})):null,A?_["default"].createElement(N["default"],(0,p["default"])({},n,{onOk:this.onOk,okDisabled:!this.isAllowedDateAndTime(b)||!this.hasSelectedValue()||y.length})):null):null)))}});t["default"]=I,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(10),i=r(o),a=n(9),s=r(a),u=n(1),l=r(u),c=n(2),f=r(c),p=n(475),d=r(p),h=n(8),v=r(h),m=n(530),y=r(m),g=n(528),b=r(g),_=n(529),w=r(_),x=l["default"].createClass({displayName:"CalendarFooter",propTypes:{prefixCls:u.PropTypes.string,showDateInput:u.PropTypes.bool,disabledTime:u.PropTypes.any,timePicker:u.PropTypes.element,selectedValue:u.PropTypes.any,showOk:u.PropTypes.bool,onSelect:u.PropTypes.func,value:u.PropTypes.object,renderFooter:u.PropTypes.func,defaultValue:u.PropTypes.object},onSelect:function(e){this.props.onSelect(e)},getRootDOMNode:function(){return f["default"].findDOMNode(this)},render:function(){var e=this.props,t=e.value,n=e.prefixCls,r=e.showOk,o=e.timePicker,a=e.renderFooter,u=null,c=a();if(e.showToday||o||c){var f,p=void 0;e.showToday&&(p=l["default"].createElement(y["default"],(0,s["default"])({},e,{value:t})));var h=void 0;(r===!0||r!==!1&&e.timePicker)&&(h=l["default"].createElement(b["default"],e));var m=void 0;e.timePicker&&(m=l["default"].createElement(w["default"],e));var g=void 0;(p||h)&&(g=l["default"].createElement("span",{className:n+"-footer-btn"},(0,d["default"])([p,m,h])));var _=(0,v["default"])((f={},(0,i["default"])(f,n+"-footer",!0),(0,i["default"])(f,n+"-footer-show-ok",h),f));u=l["default"].createElement("div",{className:_},c,g)}return u}});t["default"]=x,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){return e&&t&&e.isSame(t,"day")}function i(e,t){return e.year()<t.year()?1:e.year()===t.year()&&e.month()<t.month()}function a(e,t){return e.year()>t.year()?1:e.year()===t.year()&&e.month()>t.month()}function s(e){return"rc-calendar-"+e.year()+"-"+e.month()+"-"+e.date()}Object.defineProperty(t,"__esModule",{value:!0});var u=n(10),l=r(u),c=n(1),f=r(c),p=n(8),d=r(p),h=n(531),v=r(h),m=n(87),y=f["default"].createClass({displayName:"DateTBody",propTypes:{contentRender:c.PropTypes.func,dateRender:c.PropTypes.func,disabledDate:c.PropTypes.func,prefixCls:c.PropTypes.string,selectedValue:c.PropTypes.oneOfType([c.PropTypes.object,c.PropTypes.arrayOf(c.PropTypes.object)]),value:c.PropTypes.object,hoverValue:c.PropTypes.any,showWeekNumber:c.PropTypes.bool},getDefaultProps:function(){return{hoverValue:[]}},render:function(){var e=this.props,t=e.contentRender,n=e.prefixCls,r=e.selectedValue,u=e.value,c=e.showWeekNumber,p=e.dateRender,h=e.disabledDate,y=e.hoverValue,g=void 0,b=void 0,_=void 0,w=[],x=(0,m.getTodayTime)(u),C=n+"-cell",E=n+"-week-number-cell",S=n+"-date",P=n+"-today",O=n+"-selected-day",T=n+"-selected-date",k=n+"-in-range-cell",M=n+"-last-month-cell",N=n+"-next-month-btn-day",A=n+"-disabled-cell",D=n+"-disabled-cell-first-of-row",j=n+"-disabled-cell-last-of-row",R=u.clone();R.date(1);var I=R.day(),L=(I+7-u.localeData().firstDayOfWeek())%7,F=R.clone();F.add(0-L,"days");var U=0;for(g=0;g<v["default"].DATE_ROW_COUNT;g++)for(b=0;b<v["default"].DATE_COL_COUNT;b++)_=F,U&&(_=_.clone(),_.add(U,"days")),w.push(_),U++;var V=[];for(U=0,g=0;g<v["default"].DATE_ROW_COUNT;g++){var B,z=void 0,H=void 0,K=!1,W=[];for(c&&(H=f["default"].createElement("td",{key:w[U].week(),role:"gridcell",className:E},w[U].week())),b=0;b<v["default"].DATE_COL_COUNT;b++){var q=null,Y=null;_=w[U],b<v["default"].DATE_COL_COUNT-1&&(q=w[U+1]),b>0&&(Y=w[U-1]);var G=C,X=!1,$=!1;o(_,x)&&(G+=" "+P,z=!0);var Z=i(_,u),Q=a(_,u);if(r&&Array.isArray(r)){var J=y.length?y:r;if(!Z&&!Q){var ee=J[0],te=J[1];ee&&o(_,ee)&&($=!0,K=!0),ee&&te&&(o(_,te)?($=!0,K=!0):_.isAfter(ee,"day")&&_.isBefore(te,"day")&&(G+=" "+k))}}else o(_,u)&&($=!0,K=!0);o(_,r)&&(G+=" "+T),Z&&(G+=" "+M),Q&&(G+=" "+N),h&&h(_,u)&&(X=!0,Y&&h(Y,u)||(G+=" "+D),q&&h(q,u)||(G+=" "+j)),$&&(G+=" "+O),X&&(G+=" "+A);var ne=void 0;if(p)ne=p(_,u);else{var re=t?t(_,u):_.date();ne=f["default"].createElement("div",{key:s(_),className:S,"aria-selected":$,"aria-disabled":X},re)}W.push(f["default"].createElement("td",{key:U,onClick:X?void 0:e.onSelect.bind(null,_),onMouseEnter:X?void 0:e.onDayHover&&e.onDayHover.bind(null,_)||void 0,role:"gridcell",title:(0,m.getTitleString)(_),className:G},ne)),U++}V.push(f["default"].createElement("tr",{key:g,role:"row",className:(0,d["default"])((B={},(0,l["default"])(B,n+"-current-week",z),(0,l["default"])(B,n+"-active-week",K),B))},H,W))}return f["default"].createElement("tbody",{className:n+"-tbody"},V)}});t["default"]=y,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(531),d=r(p),h=n(25),v=r(h),m=function(e){function t(){return(0,i["default"])(this,t),(0,s["default"])(this,e.apply(this,arguments))}return(0,l["default"])(t,e),t.prototype.render=function(){for(var e=this.props,t=e.value,n=t.localeData(),r=e.prefixCls,o=[],i=[],a=n.firstDayOfWeek(),s=void 0,u=(0,v["default"])(),l=0;l<d["default"].DATE_COL_COUNT;l++){var c=(a+l)%d["default"].DATE_COL_COUNT;u.day(c),o[l]=n.weekdaysMin(u),i[l]=n.weekdaysShort(u)}e.showWeekNumber&&(s=f["default"].createElement("th",{role:"columnheader",className:r+"-column-header "+r+"-week-number-header"},f["default"].createElement("span",{className:r+"-column-header-inner"},"x")));var p=i.map(function(e,t){return f["default"].createElement("th",{key:t,role:"columnheader",title:e,className:r+"-column-header"},f["default"].createElement("span",{className:r+"-column-header-inner"},o[t]))});return f["default"].createElement("thead",null,f["default"].createElement("tr",{role:"row"},s,p))},t}(f["default"].Component);t["default"]=m,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=this.state.value.clone();t.add(e,"years"),this.setState({value:t})}function i(e,t){var n=this.state.value.clone();n.year(e),n.month(this.state.value.month()),this.props.onSelect(n),t.preventDefault()}Object.defineProperty(t,"__esModule",{value:!0});var a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(8),y=r(m),g=4,b=3,_=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n));return r.state={value:n.value||n.defaultValue},r.prefixCls=n.rootPrefixCls+"-decade-panel",r.nextCentury=o.bind(r,100),r.previousCentury=o.bind(r,-100),r}return(0,d["default"])(t,e),t.prototype.render=function(){for(var e=this,t=this.state.value,n=this.props.locale,r=t.year(),o=100*parseInt(r/100,10),a=o-10,u=o+99,l=[],c=0,f=this.prefixCls,p=0;p<g;p++){l[p]=[];for(var d=0;d<b;d++){var h=a+10*c,m=a+10*c+9;l[p][d]={startDecade:h,endDecade:m},c++}}var _=l.map(function(t,n){var a=t.map(function(t){var n,a=t.startDecade,l=t.endDecade,c=a<o,p=l>u,d=(n={},(0,s["default"])(n,f+"-cell",1),(0,s["default"])(n,f+"-selected-cell",a<=r&&r<=l),(0,s["default"])(n,f+"-last-century-cell",c),(0,s["default"])(n,f+"-next-century-cell",p),n),h=a+"-"+l,m=void 0;return m=c?e.previousCentury:p?e.nextCentury:i.bind(e,a),v["default"].createElement("td",{key:a,onClick:m,role:"gridcell",className:(0,y["default"])(d)},v["default"].createElement("a",{className:f+"-decade"},h))});return v["default"].createElement("tr",{key:n,role:"row"},a)});return v["default"].createElement("div",{className:this.prefixCls},v["default"].createElement("div",{className:f+"-header"},v["default"].createElement("a",{className:f+"-prev-century-btn",role:"button",onClick:this.previousCentury,title:n.previousCentury}),v["default"].createElement("div",{className:f+"-century"},o,"-",u),v["default"].createElement("a",{className:f+"-next-century-btn",role:"button",onClick:this.nextCentury,title:n.nextCentury})),v["default"].createElement("div",{className:f+"-body"},v["default"].createElement("table",{className:f+"-table",cellSpacing:"0",role:"grid"},v["default"].createElement("tbody",{className:f+"-tbody"},_))))},t}(v["default"].Component);t["default"]=_,_.propTypes={locale:h.PropTypes.object,value:h.PropTypes.object,defaultValue:h.PropTypes.object,rootPrefixCls:h.PropTypes.string},_.defaultProps={onSelect:function(){}},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}Object.defineProperty(t,"__esModule",{value:!0});var i=n(4),a=r(i),s=n(7),u=r(s),l=n(6),c=r(l),f=n(1),p=r(f),d=n(87),h=function(e){function t(){return(0,a["default"])(this,t),(0,u["default"])(this,e.apply(this,arguments))}return(0,c["default"])(t,e),t.prototype.onYearChange=function(e){var t=this.props.value.clone();t.year(parseInt(e,10)),this.props.onValueChange(t)},t.prototype.onMonthChange=function(e){var t=this.props.value.clone();t.month(parseInt(e,10)),this.props.onValueChange(t)},t.prototype.yearSelectElement=function(e){for(var t=this.props,n=t.yearSelectOffset,r=t.yearSelectTotal,o=t.prefixCls,i=t.Select,a=e-n,s=a+r,u=[],l=a;l<s;l++)u.push(p["default"].createElement(i.Option,{key:""+l},l));return p["default"].createElement(i,{className:o+"-header-year-select",onChange:this.onYearChange.bind(this),dropdownStyle:{zIndex:2e3},dropdownMenuStyle:{maxHeight:250,overflow:"auto",fontSize:12},optionLabelProp:"children",value:String(e),showSearch:!1},u)},t.prototype.monthSelectElement=function(e){for(var t=this.props,n=t.value.clone(),r=t.prefixCls,o=[],i=t.Select,a=0;a<12;a++)n.month(a),o.push(p["default"].createElement(i.Option,{key:""+a},(0,d.getMonthName)(n)));return p["default"].createElement(i,{className:r+"-header-month-select",dropdownStyle:{zIndex:2e3},dropdownMenuStyle:{maxHeight:250,overflow:"auto",overflowX:"hidden",fontSize:12},optionLabelProp:"children",value:String(e),showSearch:!1,onChange:this.onMonthChange.bind(this)},o)},t.prototype.changeTypeToDate=function(){this.props.onTypeChange("date")},t.prototype.changeTypeToMonth=function(){this.props.onTypeChange("month")},t.prototype.render=function(){var e=this.props,t=e.value,n=e.locale,r=e.prefixCls,o=e.type,i=e.showTypeSwitch,a=e.headerComponents,s=t.year(),u=t.month(),l=this.yearSelectElement(s),c="month"===o?null:this.monthSelectElement(u),f=r+"-header-switcher",d=i?p["default"].createElement("span",{className:f},"date"===o?p["default"].createElement("span",{className:f+"-focus"},n.month):p["default"].createElement("span",{onClick:this.changeTypeToDate.bind(this),className:f+"-normal"},n.month),"month"===o?p["default"].createElement("span",{className:f+"-focus"},n.year):p["default"].createElement("span",{onClick:this.changeTypeToMonth.bind(this),className:f+"-normal"},n.year)):null;return p["default"].createElement("div",{className:r+"-header"},d,c,l,a)},t}(f.Component);h.propTypes={value:f.PropTypes.object,locale:f.PropTypes.object,yearSelectOffset:f.PropTypes.number,yearSelectTotal:f.PropTypes.number,onValueChange:f.PropTypes.func,onTypeChange:f.PropTypes.func,Select:f.PropTypes.func,prefixCls:f.PropTypes.string,type:f.PropTypes.string,showTypeSwitch:f.PropTypes.bool,headerComponents:f.PropTypes.array},h.defaultProps={yearSelectOffset:10,yearSelectTotal:20,onValueChange:o,onTypeChange:o},t["default"]=h,e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={adjustX:1,adjustY:1},r=[0,0],o={bottomLeft:{points:["tl","tl"],overflow:n,offset:[0,-3],targetOffset:r},bottomRight:{points:["tr","tr"],overflow:n,offset:[0,-3],targetOffset:r},topRight:{points:["br","br"],overflow:n,offset:[0,3],targetOffset:r},topLeft:{points:["bl","bl"],overflow:n,offset:[0,3],targetOffset:r}};t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(1),s=r(a),u=n(527),l=r(u),c=n(325),f=r(c),p=n(532),d=r(p),h=n(87),v=s["default"].createClass({displayName:"CalendarPart",propTypes:{prefixCls:a.PropTypes.string,value:a.PropTypes.any,hoverValue:a.PropTypes.any,selectedValue:a.PropTypes.any,direction:a.PropTypes.any,locale:a.PropTypes.any,showTimePicker:a.PropTypes.bool,format:a.PropTypes.any,placeholder:a.PropTypes.any,disabledDate:a.PropTypes.any,timePicker:a.PropTypes.any,disabledTime:a.PropTypes.any,onInputSelect:a.PropTypes.func,timePickerDisabledTime:a.PropTypes.object,enableNext:a.PropTypes.any,enablePrev:a.PropTypes.any},render:function(){var e=this.props,t=e.prefixCls,n=e.value,r=e.hoverValue,o=e.selectedValue,a=e.direction,u=e.locale,c=e.format,p=e.placeholder,v=e.disabledDate,m=e.timePicker,y=e.disabledTime,g=e.timePickerDisabledTime,b=e.showTimePicker,_=e.onInputSelect,w=e.enablePrev,x=e.enableNext,C=b&&y&&m?(0,h.getTimeConfig)(o,y):null,E=t+"-range",S={locale:u,value:n,prefixCls:t,showTimePicker:b},P="left"===a?0:1,O=b&&m&&s["default"].cloneElement(m,(0,i["default"])({showHour:!0,showMinute:!0,showSecond:!0},m.props,C,g,{onChange:_,defaultOpenValue:n,value:o[P]}));return s["default"].createElement("div",{className:E+"-part "+E+"-"+a},s["default"].createElement(d["default"],{format:c,locale:u,prefixCls:t,timePicker:m,disabledDate:v,placeholder:p,disabledTime:y,value:n,showClear:!1,selectedValue:o[P],onChange:_}),s["default"].createElement("div",{style:{outline:"none"}},s["default"].createElement(l["default"],(0,i["default"])({},S,{enableNext:x,enablePrev:w,onValueChange:e.onValueChange,onPanelChange:e.onPanelChange,disabledMonth:e.disabledMonth})),b?s["default"].createElement("div",{className:t+"-time-picker"},s["default"].createElement("div",{className:t+"-time-picker-panel"},O)):null,s["default"].createElement("div",{className:t+"-body"},s["default"].createElement(f["default"],(0,i["default"])({},S,{hoverValue:r,selectedValue:o,dateRender:e.dateRender,onSelect:e.onSelect,onDayHover:e.onDayHover,disabledDate:v,showWeekNumber:e.showWeekNumber})))))}});t["default"]=v,e.exports=t["default"]},function(e,t,n){function r(e){return n(o(e))}function o(e){return i[e]||function(){throw new Error("Cannot find module '"+e+"'.")}()}var i={"./template/BrowserFrame":307,"./template/BrowserFrame.jsx":307,"./template/Color/ColorBlock":308,"./template/Color/ColorBlock.jsx":308,"./template/Color/ColorPaletteTool":202,"./template/Color/ColorPaletteTool.jsx":202,"./template/Color/ColorPalettes":203,"./template/Color/ColorPalettes.jsx":203,"./template/Content/Article":309,"./template/Content/Article.jsx":309,"./template/Content/ComponentDoc":310,"./template/Content/ComponentDoc.jsx":310,"./template/Content/Demo":311,"./template/Content/Demo.jsx":311,"./template/Content/EditButton":159,"./template/Content/EditButton.jsx":159,"./template/Content/MainContent":312,"./template/Content/MainContent.jsx":312,"./template/Content/index":517,"./template/Content/index.jsx":517,"./template/Home/Banner":313,"./template/Home/Banner.jsx":313,"./template/Home/Page1":314,"./template/Home/Page1.jsx":314,"./template/Home/Page2":315,"./template/Home/Page2.jsx":315,"./template/Home/Page3":316,"./template/Home/Page3.jsx":316,"./template/Home/Page4":317,"./template/Home/Page4.jsx":317,"./template/Home/index":518,"./template/Home/index.jsx":518,"./template/IconSet/CopyableIcon":318,"./template/IconSet/CopyableIcon.jsx":318,"./template/IconSet/index":69,"./template/IconSet/index.jsx":69,"./template/Layout/Footer":319,"./template/Layout/Footer.jsx":319,"./template/Layout/Header":320,"./template/Layout/Header.jsx":320,"./template/Layout/index":519,"./template/Layout/index.jsx":519,"./template/NotFound":321,"./template/NotFound.jsx":321,"./template/utils":46,"./template/utils.jsx":46};r.keys=function(){return Object.keys(i)},r.resolve=o,e.exports=r,r.id=1959},function(e,t){},function(e,t){},,function(e,t){}]);
\ No newline at end of file
+},i["default"].createElement("div",{style:h.saturation},i["default"].createElement(u.Saturation,{style:h.Saturation,hsl:a,hsv:o,onChange:v})),i["default"].createElement("div",{style:h.controls,className:"flexbox-fix"},i["default"].createElement("div",{style:h.sliders},i["default"].createElement("div",{style:h.hue},i["default"].createElement(u.Hue,{style:h.Hue,hsl:a,onChange:v})),i["default"].createElement("div",{style:h.alpha},i["default"].createElement(u.Alpha,{style:h.Alpha,rgb:n,hsl:a,onChange:v}))),i["default"].createElement("div",{style:h.color},i["default"].createElement(u.Checkboard,null),i["default"].createElement("div",{style:h.activeColor}))),i["default"].createElement(c["default"],{rgb:n,hsl:a,hex:r,onChange:v,disableAlpha:f}),i["default"].createElement(p["default"],{colors:d,onClick:v}))};d.defaultProps={presetColors:["#D0021B","#F5A623","#F8E71C","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"],width:200},t["default"]=(0,u.ColorWrap)(d)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.ShetchFields=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(189),l=r(u),c=n(172),f=t.ShetchFields=function(e){var t=e.onChange,n=e.rgb,r=e.hsl,o=e.hex,a=e.disableAlpha,u=(0,s["default"])({"default":{fields:{display:"flex",paddingTop:"4px"},single:{flex:"1",paddingLeft:"6px"},alpha:{flex:"1",paddingLeft:"6px"},"double":{flex:"2"},input:{width:"80%",padding:"4px 10% 3px",border:"none",boxShadow:"inset 0 0 0 1px #ccc",fontSize:"11px"},label:{display:"block",textAlign:"center",fontSize:"11px",color:"#222",paddingTop:"3px",paddingBottom:"4px",textTransform:"capitalize"}},disableAlpha:{alpha:{display:"none"}}},{disableAlpha:a}),f=function(e){e.hex?l["default"].isValidHex(e.hex)&&t({hex:e.hex,source:"hex"}):e.r||e.g||e.b?t({r:e.r||n.r,g:e.g||n.g,b:e.b||n.b,a:n.a,source:"rgb"}):e.a&&(e.a<0?e.a=0:e.a>100&&(e.a=100),e.a=e.a/100,t({h:r.h,s:r.s,l:r.l,a:e.a,source:"rgb"}))};return i["default"].createElement("div",{style:u.fields,className:"flexbox-fix"},i["default"].createElement("div",{style:u["double"]},i["default"].createElement(c.EditableInput,{style:{input:u.input,label:u.label},label:"hex",value:o.replace("#",""),onChange:f})),i["default"].createElement("div",{style:u.single},i["default"].createElement(c.EditableInput,{style:{input:u.input,label:u.label},label:"r",value:n.r,onChange:f,dragLabel:"true",dragMax:"255"})),i["default"].createElement("div",{style:u.single},i["default"].createElement(c.EditableInput,{style:{input:u.input,label:u.label},label:"g",value:n.g,onChange:f,dragLabel:"true",dragMax:"255"})),i["default"].createElement("div",{style:u.single},i["default"].createElement(c.EditableInput,{style:{input:u.input,label:u.label},label:"b",value:n.b,onChange:f,dragLabel:"true",dragMax:"255"})),i["default"].createElement("div",{style:u.alpha},i["default"].createElement(c.EditableInput,{style:{input:u.input,label:u.label},label:"a",value:Math.round(100*n.a),onChange:f,dragLabel:"true",dragMax:"100"})))};t["default"]=f},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.SketchPresetColors=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(172),f=t.SketchPresetColors=function(e){var t=e.colors,n=e.onClick,r=(0,s["default"])({"default":{colors:{margin:"0 -10px",padding:"10px 0 0 10px",borderTop:"1px solid #eee",display:"flex",flexWrap:"wrap"},swatchWrap:{width:"16px",height:"16px",margin:"0 10px 10px 0"},swatch:{borderRadius:"3px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15)"}},"no-presets":{colors:{display:"none"}}},{"no-presets":!t||!t.length}),o=function(e){n({hex:e,source:"hex"})};return i["default"].createElement("div",{style:r.colors,className:"flexbox-fix"},(0,l["default"])(t,function(e){return i["default"].createElement("div",{key:e,style:r.swatchWrap},i["default"].createElement(c.Swatch,{color:e,style:r.swatch,onClick:o}))}))};t["default"]=f},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Slider=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(172),l=n(229),c=r(l),f=n(231),p=r(f),d=t.Slider=function(e){var t=e.hsl,n=e.onChange,r=(0,s["default"])({"default":{hue:{height:"12px",position:"relative"},Hue:{radius:"2px"}}});return i["default"].createElement("div",{className:"slider-picker"},i["default"].createElement("div",{style:r.hue},i["default"].createElement(u.Hue,{style:r.Hue,hsl:t,pointer:p["default"],onChange:n})),i["default"].createElement("div",{style:r.swatches},i["default"].createElement(c["default"],{hsl:t,onClick:n})))};t["default"]=(0,u.ColorWrap)(d)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.SliderSwatches=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(230),l=r(u),c=t.SliderSwatches=function(e){var t=e.onClick,n=e.hsl,r=(0,s["default"])({"default":{swatches:{marginTop:"20px"},swatch:{boxSizing:"border-box",width:"20%",paddingRight:"1px","float":"left"},clear:{clear:"both"}}});return i["default"].createElement("div",{style:r.swatches},i["default"].createElement("div",{style:r.swatch},i["default"].createElement(l["default"],{hsl:n,offset:".80",active:Math.round(100*n.l)/100===.8&&Math.round(100*n.s)/100===.5,onClick:t,first:!0})),i["default"].createElement("div",{style:r.swatch},i["default"].createElement(l["default"],{hsl:n,offset:".65",active:Math.round(100*n.l)/100===.65&&Math.round(100*n.s)/100===.5,onClick:t})),i["default"].createElement("div",{style:r.swatch},i["default"].createElement(l["default"],{hsl:n,offset:".50",active:Math.round(100*n.l)/100===.5&&Math.round(100*n.s)/100===.5,onClick:t})),i["default"].createElement("div",{style:r.swatch},i["default"].createElement(l["default"],{hsl:n,offset:".35",active:Math.round(100*n.l)/100===.35&&Math.round(100*n.s)/100===.5,onClick:t})),i["default"].createElement("div",{style:r.swatch},i["default"].createElement(l["default"],{hsl:n,offset:".20",active:Math.round(100*n.l)/100===.2&&Math.round(100*n.s)/100===.5,onClick:t,last:!0})),i["default"].createElement("div",{style:r.clear}))};t["default"]=c},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.SliderSwatch=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=t.SliderSwatch=function(e){var t=e.hsl,n=e.offset,r=e.onClick,o=e.active,a=e.first,u=e.last,l=(0,s["default"])({"default":{swatch:{height:"12px",background:"hsl("+t.h+", 50%, "+100*n+"%)",cursor:"pointer"}},first:{swatch:{borderRadius:"2px 0 0 2px"}},last:{swatch:{borderRadius:"0 2px 2px 0"}},active:{swatch:{transform:"scaleY(1.8)",borderRadius:"3.6px/2px"}}},{active:o,first:a,last:u}),c=function(){r({h:t.h,s:.5,l:n,source:"hsl"})};return i["default"].createElement("div",{style:l.swatch,onClick:c})};t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.SliderPointer=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=t.SliderPointer=function(){var e=(0,s["default"])({"default":{picker:{width:"14px",height:"14px",borderRadius:"6px",transform:"translate(-7px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}}});return i["default"].createElement("div",{style:e.picker})};t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Swatches=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(189),f=r(c),p=n(199),d=r(p),h=n(172),v=n(206),m=n(233),y=r(m),g=t.Swatches=function(e){var t=e.width,n=e.height,r=e.onChange,o=e.colors,a=e.hex,u=(0,s["default"])({"default":{picker:{width:t,height:n},overflow:{height:n,overflowY:"scroll"},body:{padding:"16px 0 6px 16px"},clear:{clear:"both"}}}),c=function(e){f["default"].isValidHex(e)&&r({hex:e,source:"hex"})};return i["default"].createElement("div",{style:u.picker,className:"swatches-picker"},i["default"].createElement(v.Raised,null,i["default"].createElement("div",{style:u.overflow},i["default"].createElement("div",{style:u.body},(0,l["default"])(o,function(e){return i["default"].createElement(y["default"],{key:e.toString(),group:e,active:a,onClick:c})}),i["default"].createElement("div",{style:u.clear})))))};g.defaultProps={width:320,height:240,colors:[[d["default"].red[900],d["default"].red[700],d["default"].red[500],d["default"].red[300],d["default"].red[100]],[d["default"].pink[900],d["default"].pink[700],d["default"].pink[500],d["default"].pink[300],d["default"].pink[100]],[d["default"].purple[900],d["default"].purple[700],d["default"].purple[500],d["default"].purple[300],d["default"].purple[100]],[d["default"].deepPurple[900],d["default"].deepPurple[700],d["default"].deepPurple[500],d["default"].deepPurple[300],d["default"].deepPurple[100]],[d["default"].indigo[900],d["default"].indigo[700],d["default"].indigo[500],d["default"].indigo[300],d["default"].indigo[100]],[d["default"].blue[900],d["default"].blue[700],d["default"].blue[500],d["default"].blue[300],d["default"].blue[100]],[d["default"].lightBlue[900],d["default"].lightBlue[700],d["default"].lightBlue[500],d["default"].lightBlue[300],d["default"].lightBlue[100]],[d["default"].cyan[900],d["default"].cyan[700],d["default"].cyan[500],d["default"].cyan[300],d["default"].cyan[100]],[d["default"].teal[900],d["default"].teal[700],d["default"].teal[500],d["default"].teal[300],d["default"].teal[100]],["#194D33",d["default"].green[700],d["default"].green[500],d["default"].green[300],d["default"].green[100]],[d["default"].lightGreen[900],d["default"].lightGreen[700],d["default"].lightGreen[500],d["default"].lightGreen[300],d["default"].lightGreen[100]],[d["default"].lime[900],d["default"].lime[700],d["default"].lime[500],d["default"].lime[300],d["default"].lime[100]],[d["default"].yellow[900],d["default"].yellow[700],d["default"].yellow[500],d["default"].yellow[300],d["default"].yellow[100]],[d["default"].amber[900],d["default"].amber[700],d["default"].amber[500],d["default"].amber[300],d["default"].amber[100]],[d["default"].orange[900],d["default"].orange[700],d["default"].orange[500],d["default"].orange[300],d["default"].orange[100]],[d["default"].deepOrange[900],d["default"].deepOrange[700],d["default"].deepOrange[500],d["default"].deepOrange[300],d["default"].deepOrange[100]],[d["default"].brown[900],d["default"].brown[700],d["default"].brown[500],d["default"].brown[300],d["default"].brown[100]],[d["default"].blueGrey[900],d["default"].blueGrey[700],d["default"].blueGrey[500],d["default"].blueGrey[300],d["default"].blueGrey[100]],["#000000","#525252","#969696","#D9D9D9","#FFFFFF"]]},t["default"]=(0,h.ColorWrap)(g)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.SwatchesGroup=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(234),f=r(c),p=t.SwatchesGroup=function(e){var t=e.onClick,n=e.group,r=e.active,o=(0,s["default"])({"default":{group:{paddingBottom:"10px",width:"40px","float":"left",marginRight:"10px"}}});return i["default"].createElement("div",{style:o.group},(0,l["default"])(n,function(e,o){return i["default"].createElement(f["default"],{key:e,color:e,active:e.toLowerCase()===r,first:0===o,last:o===n.length-1,onClick:t})}))};t["default"]=p},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.SwatchesColor=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=t.SwatchesColor=function(e){var t=e.color,n=e.onClick,r=e.first,o=e.last,a=e.active,u=(0,s["default"])({"default":{color:{width:"40px",height:"24px",cursor:"pointer",background:t,marginBottom:"1px"},check:{fill:"#fff",marginLeft:"8px",display:"none"}},first:{color:{overflow:"hidden",borderRadius:"2px 2px 0 0"}},last:{color:{overflow:"hidden",borderRadius:"0 0 2px 2px"}},active:{check:{display:"block"}},"color-#FFFFFF":{color:{boxShadow:"inset 0 0 0 1px #eee"},check:{fill:"#333"}}},{first:r,last:o,active:a,"color=#FFFFFF":"#FFFFFF"===t}),l=function(){return n(t)};return i["default"].createElement("div",{style:u.color,onClick:l},i["default"].createElement("div",{style:u.check},i["default"].createElement("svg",{style:{width:"24px",height:"24px"},viewBox:"0 0 24 24"},i["default"].createElement("path",{d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"}))))};t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Twitter=void 0;var o=n(3),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(189),f=r(c),p=n(172),d=t.Twitter=function(e){var t=e.onChange,n=e.colors,r=e.width,o=e.triangle,a=(0,s["default"])({"default":{card:{width:r,background:"#fff",border:"0 solid rgba(0,0,0,0.25)",boxShadow:"0 1px 4px rgba(0,0,0,0.25)",borderRadius:"4px",position:"relative"},body:{padding:"15px 9px 9px 15px"},label:{fontSize:"18px",color:"#fff"},triangle:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 9px 10px 9px",borderColor:"transparent transparent #fff transparent",position:"absolute"},triangleShadow:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 9px 10px 9px",borderColor:"transparent transparent rgba(0,0,0,.1) transparent",position:"absolute"},hash:{background:"#F0F0F0",height:"30px",width:"30px",borderRadius:"4px 0 0 4px","float":"left",color:"#98A1A4",display:"flex",alignItems:"center",justifyContent:"center"},input:{width:"100px",fontSize:"14px",color:"#666",border:"0px",outline:"none",height:"28px",boxShadow:"inset 0 0 0 1px #F0F0F0",borderRadius:"0 4px 4px 0","float":"left",paddingLeft:"8px"},swatch:{width:"30px",height:"30px","float":"left",borderRadius:"4px",margin:"0 6px 6px 0"},clear:{clear:"both"}},"hide-triangle":{triangle:{display:"none"},triangleShadow:{display:"none"}},"top-left-triangle":{triangle:{top:"-10px",left:"12px"},triangleShadow:{top:"-11px",left:"12px"}},"top-right-triangle":{triangle:{top:"-10px",right:"12px"},triangleShadow:{top:"-11px",right:"12px"}}},{"hide-triangle":"hide"===o,"top-left-triangle":"top-left"===o,"top-right-triangle":"top-right"===o}),u=function(e){f["default"].isValidHex(e)&&t({hex:e,source:"hex"})};return i["default"].createElement("div",{style:a.card,className:"twitter-picker"},i["default"].createElement("div",{style:a.triangleShadow}),i["default"].createElement("div",{style:a.triangle}),i["default"].createElement("div",{style:a.body},(0,l["default"])(n,function(e,t){return i["default"].createElement(p.Swatch,{key:t,color:e,hex:e,style:a.swatch,onClick:u})}),i["default"].createElement("div",{style:a.hash},"#"),i["default"].createElement(p.EditableInput,{placeholder:"ff691f",style:{input:a.input},value:"",onChange:u}),i["default"].createElement("div",{style:a.clear})))};d.defaultProps={width:"276px",colors:["#FF6900","#FCB900","#7BDCB5","#00D084","#8ED1FC","#0693E3","#ABB8C3","#EB144C","#F78DA7","#9900EF"],triangle:"top-left"},t["default"]=(0,p.ColorWrap)(d)}])})},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}function c(e){return"string"==typeof e}Object.defineProperty(t,"__esModule",{value:!0});var f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p=n(1),d=r(p),h=n(12),v=r(h),m=n(8),y=r(m),g=function(e){function t(){return s(this,t),u(this,e.apply(this,arguments))}return l(t,e),t.prototype.render=function(){var e,t,n=this.props,r=n.className,o=n.prefixCls,s=n.style,u=n.itemWidth,l=n.status,p=void 0===l?"wait":l,h=n.iconPrefix,v=n.icon,m=n.wrapperStyle,g=n.adjustMarginRight,b=n.stepNumber,_=n.description,w=n.title,x=n.progressDot,C=a(n,["className","prefixCls","style","itemWidth","status","iconPrefix","icon","wrapperStyle","adjustMarginRight","stepNumber","description","title","progressDot"]),E=(0,y["default"])((e={},i(e,o+"-icon",!0),i(e,h+"icon",!0),i(e,h+"icon-"+v,v&&c(v)),i(e,h+"icon-check",!v&&"finish"===p),i(e,h+"icon-cross",!v&&"error"===p),e)),S=void 0,O=d["default"].createElement("span",{className:o+"-icon-dot"});S=x?"function"==typeof x?d["default"].createElement("span",{className:o+"-icon"},x(O,{index:b-1,status:p,title:w,description:_})):d["default"].createElement("span",{className:o+"-icon"},O):v&&!c(v)?d["default"].createElement("span",{className:o+"-icon"},v):v||"finish"===p||"error"===p?d["default"].createElement("span",{className:E}):d["default"].createElement("span",{className:o+"-icon"},b);var P=(0,y["default"])((t={},i(t,o+"-item",!0),i(t,o+"-status-"+p,!0),i(t,o+"-custom",v),i(t,r,!!r),t));return d["default"].createElement("div",f({},C,{className:P,style:f({width:u,marginRight:g},s)}),d["default"].createElement("div",{ref:"tail",className:o+"-tail",style:{paddingRight:-g}},d["default"].createElement("i",null)),d["default"].createElement("div",{className:o+"-step"},d["default"].createElement("div",{className:o+"-head",style:{background:m.background||m.backgroundColor}},d["default"].createElement("div",{className:o+"-head-inner"},S)),d["default"].createElement("div",{ref:"main",className:o+"-main"},d["default"].createElement("div",{className:o+"-title",style:{background:m.background||m.backgroundColor}},w),_?d["default"].createElement("div",{className:o+"-description"},_):"")))},t}(d["default"].Component);t["default"]=g,g.propTypes={className:v["default"].string,prefixCls:v["default"].string,style:v["default"].object,wrapperStyle:v["default"].object,itemWidth:v["default"].oneOfType([v["default"].number,v["default"].string]),status:v["default"].string,iconPrefix:v["default"].string,icon:v["default"].node,adjustMarginRight:v["default"].oneOfType([v["default"].number,v["default"].string]),stepNumber:v["default"].string,description:v["default"].any,title:v["default"].any,progressDot:v["default"].oneOfType([v["default"].bool,v["default"].func])},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f=n(1),p=r(f),d=n(12),h=r(d),v=n(2),m=r(v),y=n(8),g=r(y),b=n(194),_=r(b),w=function(e){function t(n){s(this,t);var r=u(this,e.call(this,n));return r.calcStepOffsetWidth=function(){var e=m["default"].findDOMNode(r);e.children.length>0&&(r.calcTimeout&&clearTimeout(r.calcTimeout),r.calcTimeout=setTimeout(function(){var t=(e.lastChild.offsetWidth||0)+1;r.state.lastStepOffsetWidth===t||Math.abs(r.state.lastStepOffsetWidth-t)<=3||r.setState({lastStepOffsetWidth:t})}))},r.state={lastStepOffsetWidth:0},r.calcStepOffsetWidth=(0,_["default"])(r.calcStepOffsetWidth,150),r}return l(t,e),t.prototype.componentDidMount=function(){this.calcStepOffsetWidth()},t.prototype.componentDidUpdate=function(){this.calcStepOffsetWidth()},t.prototype.componentWillUnmount=function(){this.calcTimeout&&clearTimeout(this.calcTimeout),this.calcStepOffsetWidth.cancel&&this.calcStepOffsetWidth.cancel()},t.prototype.render=function(){var e,t=this,n=this.props,r=n.prefixCls,o=n.style,s=void 0===o?{}:o,u=n.className,l=n.children,f=n.direction,d=n.labelPlacement,h=n.iconPrefix,v=n.status,m=n.size,y=n.current,b=n.progressDot,_=a(n,["prefixCls","style","className","children","direction","labelPlacement","iconPrefix","status","size","current","progressDot"]),w=l.length-1,x=this.state.lastStepOffsetWidth>0,C=b?"vertical":d,E=(0,g["default"])((e={},i(e,r,!0),i(e,r+"-"+m,m),i(e,r+"-"+f,!0),i(e,r+"-label-"+C,"horizontal"===f),i(e,r+"-hidden",!x),i(e,r+"-dot",!!b),i(e,u,u),e));return p["default"].createElement("div",c({className:E,style:s},_),p["default"].Children.map(l,function(e,o){var i="vertical"!==f&&o!==w&&x?100/w+"%":null,a="vertical"===f||o===w?null:-Math.round(t.state.lastStepOffsetWidth/w+1),u={stepNumber:(o+1).toString(),itemWidth:i,adjustMarginRight:a,prefixCls:r,iconPrefix:h,wrapperStyle:s,progressDot:b};return"error"===v&&o===y-1&&(u.className=n.prefixCls+"-next-error"),e.props.status||(o===y?u.status=v:o<y?u.status="finish":u.status="wait"),p["default"].cloneElement(e,u)},this))},t}(p["default"].Component);t["default"]=w,w.propTypes={prefixCls:h["default"].string,iconPrefix:h["default"].string,direction:h["default"].string,labelPlacement:h["default"].string,children:h["default"].any,status:h["default"].string,size:h["default"].string,progressDot:h["default"].oneOfType([h["default"].bool,h["default"].func])},w.defaultProps={prefixCls:"rc-steps",iconPrefix:"rc",direction:"horizontal",labelPlacement:"horizontal",current:0,status:"process",size:"",progressDot:!1},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1727),i=r(o),a=n(1726),s=r(a);i["default"].Step=s["default"],t["default"]=i["default"],e.exports=t["default"]},function(e,t){(function(t){"use strict";var n="function"==typeof Object.getPrototypeOf,r="function"==typeof Promise,o="undefined"!=typeof window?window:"undefined"!=typeof t?t:self,i="location"in o&&"document"in o,a="undefined"!=typeof HTMLElement,s="function"==typeof Array.isArray,u="undefined"!=typeof Symbol,l="undefined"!=typeof Map,c="undefined"!=typeof Set,f="undefined"!=typeof WeakMap,p="undefined"!=typeof WeakSet,d="undefined"!=typeof DataView,h=u&&"undefined"!=typeof Symbol.iterator,v=u&&"undefined"!=typeof Symbol.toStringTag,m=c&&"function"==typeof Set.prototype.entries,y=l&&"function"==typeof Map.prototype.entries,g=n&&m&&Object.getPrototypeOf((new Set).entries()),b=n&&y&&Object.getPrototypeOf((new Map).entries()),_=h&&"function"==typeof Array.prototype[Symbol.iterator],w=_&&Object.getPrototypeOf([][Symbol.iterator]()),x=h&&"function"==typeof Array.prototype[Symbol.iterator],C=x&&Object.getPrototypeOf(""[Symbol.iterator]()),E=8,S=-1;e.exports=function(e){var t=typeof e;if("object"!==t)return t;if(null===e)return"null";if(e===o)return"global";if(s&&Array.isArray(e))return"Array";if(i){if(e===o.location)return"Location";if(e===o.document)return"Document";if(e===(o.navigator||{}).mimeTypes)return"MimeTypeArray";if(e===(o.navigator||{}).plugins)return"PluginArray";if(a&&e instanceof HTMLElement&&"BLOCKQUOTE"===e.tagName)return"HTMLQuoteElement";if(a&&e instanceof HTMLElement&&"TD"===e.tagName)return"HTMLTableDataCellElement";if(a&&e instanceof HTMLElement&&"TH"===e.tagName)return"HTMLTableHeaderCellElement"}var u=v&&e[Symbol.toStringTag];if("string"==typeof u)return u;if(n){var h=Object.getPrototypeOf(e);if(h===RegExp.prototype)return"RegExp";if(h===Date.prototype)return"Date";if(r&&h===Promise.prototype)return"Promise";if(c&&h===Set.prototype)return"Set";if(l&&h===Map.prototype)return"Map";if(p&&h===WeakSet.prototype)return"WeakSet";if(f&&h===WeakMap.prototype)return"WeakMap";if(d&&h===DataView.prototype)return"DataView";if(l&&h===b)return"Map Iterator";if(c&&h===g)return"Set Iterator";if(_&&h===w)return"Array Iterator";if(x&&h===C)return"String Iterator";if(null===h)return"Object"}return Object.prototype.toString.call(e).slice(E,S)},e.exports.typeDetect=e.exports}).call(t,function(){return this}())},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),u=n(1),l=r(u),c=n(12),f=r(c),p=n(2),d=n(541),h=n(194),v=r(h),m=n(1760),y=r(m),g=n(1733),b=r(g),_=n(1732),w=r(_),x=function(e){function t(e){o(this,t);var n=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.lazyLoadHandler=n.lazyLoadHandler.bind(n),e.throttle>0&&(e.debounce?n.lazyLoadHandler=(0,v["default"])(n.lazyLoadHandler,e.throttle):n.lazyLoadHandler=(0,y["default"])(n.lazyLoadHandler,e.throttle)),n.state={visible:!1},n}return a(t,e),s(t,[{key:"componentDidMount",value:function(){this._mounted=!0;var e=this.getEventNode();this.lazyLoadHandler(),this.lazyLoadHandler.flush&&this.lazyLoadHandler.flush(),(0,d.add)(window,"resize",this.lazyLoadHandler),(0,d.add)(e,"scroll",this.lazyLoadHandler)}},{key:"componentWillReceiveProps",value:function(){this.state.visible||this.lazyLoadHandler()}},{key:"shouldComponentUpdate",value:function(e,t){return t.visible}},{key:"componentWillUnmount",value:function(){this._mounted=!1,this.lazyLoadHandler.cancel&&this.lazyLoadHandler.cancel(),this.detachListeners()}},{key:"getEventNode",value:function(){return(0,b["default"])((0,p.findDOMNode)(this))}},{key:"getOffset",value:function(){var e=this.props,t=e.offset,n=e.offsetVertical,r=e.offsetHorizontal,o=e.offsetTop,i=e.offsetBottom,a=e.offsetLeft,s=e.offsetRight,u=e.threshold,l=u||t,c=n||l,f=r||l;return{top:o||c,bottom:i||c,left:a||f,right:s||f}}},{key:"lazyLoadHandler",value:function(){if(this._mounted){var e=this.getOffset(),t=(0,p.findDOMNode)(this),n=this.getEventNode();if((0,w["default"])(t,n,e)){var r=this.props.onContentVisible;this.setState({visible:!0},function(){r&&r()}),this.detachListeners()}}}},{key:"detachListeners",value:function(){var e=this.getEventNode();(0,d.remove)(window,"resize",this.lazyLoadHandler),(0,d.remove)(e,"scroll",this.lazyLoadHandler)}},{key:"render",value:function(){var e=this.props,t=e.children,n=e.className,r=e.height,o=e.width,i=this.state.visible,a={height:r,width:o},s="LazyLoad"+(i?" is-visible":"")+(n?" "+n:"");return l["default"].createElement(this.props.elementType,{className:s,style:a},i&&u.Children.only(t))}}]),t}(u.Component);t["default"]=x,x.propTypes={children:f["default"].node.isRequired,className:f["default"].string,debounce:f["default"].bool,elementType:f["default"].string,height:f["default"].oneOfType([f["default"].string,f["default"].number]),offset:f["default"].number,offsetBottom:f["default"].number,offsetHorizontal:f["default"].number,offsetLeft:f["default"].number,offsetRight:f["default"].number,offsetTop:f["default"].number,offsetVertical:f["default"].number,threshold:f["default"].number,throttle:f["default"].number,width:f["default"].oneOfType([f["default"].string,f["default"].number]),onContentVisible:f["default"].func},x.defaultProps={elementType:"div",debounce:!0,offset:0,offsetBottom:0,offsetHorizontal:0,offsetLeft:0,offsetRight:0,offsetTop:0,offsetVertical:0,throttle:250}},function(e,t){"use strict";function n(e){var t=e.getBoundingClientRect();return{top:t.top+window.pageYOffset,left:t.left+window.pageXOffset}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=n},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n){if(s(e))return!1;var r=void 0,o=void 0,i=void 0,u=void 0;if("undefined"==typeof t||t===window)r=window.pageYOffset,i=window.pageXOffset,o=r+window.innerHeight,u=i+window.innerWidth;else{var l=(0,a["default"])(t);r=l.top,i=l.left,o=r+t.offsetHeight,u=i+t.offsetWidth}var c=(0,a["default"])(e);return r<=c.top+e.offsetHeight+n.top&&o>=c.top-n.bottom&&i<=c.left+e.offsetWidth+n.left&&u>=c.left-n.right}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var i=n(1731),a=r(i),s=function(e){return null===e.offsetParent}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e,t){return"undefined"!=typeof getComputedStyle?getComputedStyle(e,null).getPropertyValue(t):e.style[t]},r=function(e){return n(e,"overflow")+n(e,"overflow-y")+n(e,"overflow-x")},o=function(e){if(!(e instanceof HTMLElement))return window;for(var t=e;t&&t!==document.body&&t!==document.documentElement&&t.parentNode;){if(/(scroll|auto)/.test(r(t)))return t;t=t.parentNode}return window};t["default"]=o},function(e,t){function n(e){return!!e&&"object"==typeof e}function r(e,t){var n=null==e?void 0:e[t];return s(n)?n:void 0}function o(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=y}function i(e){return a(e)&&h.call(e)==l}function a(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function s(e){return null!=e&&(i(e)?v.test(p.call(e)):n(e)&&c.test(e))}var u="[object Array]",l="[object Function]",c=/^\[object .+?Constructor\]$/,f=Object.prototype,p=Function.prototype.toString,d=f.hasOwnProperty,h=f.toString,v=RegExp("^"+p.call(d).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),m=r(Array,"isArray"),y=9007199254740991,g=m||function(e){return n(e)&&o(e.length)&&h.call(e)==u};e.exports=g},function(e,t,n){"use strict";function r(e){var t=(/mac os x/i.test(navigator.userAgent)?"\u2318":"Ctrl")+"+C";return e.replace(/#{\s*key\s*}/g,t)}function o(e,t){var n,o,s,u,l,c,f=!1;t||(t={}),n=t.debug||!1;try{s=i(),u=document.createRange(),l=document.getSelection(),c=document.createElement("span"),c.textContent=e,c.style.all="unset",c.style.position="fixed",c.style.top=0,c.style.clip="rect(0, 0, 0, 0)",c.style.whiteSpace="pre",c.style.webkitUserSelect="text",c.style.MozUserSelect="text",c.style.msUserSelect="text",c.style.userSelect="text",document.body.appendChild(c),u.selectNode(c),l.addRange(u);var p=document.execCommand("copy");if(!p)throw new Error("copy command was unsuccessful");
+f=!0}catch(d){n&&console.error("unable to copy using execCommand: ",d),n&&console.warn("trying IE specific stuff");try{window.clipboardData.setData("text",e),f=!0}catch(d){n&&console.error("unable to copy using clipboardData: ",d),n&&console.error("falling back to prompt"),o=r("message"in t?t.message:a),window.prompt(o,e)}}finally{l&&("function"==typeof l.removeRange?l.removeRange(u):l.removeAllRanges()),c&&document.body.removeChild(c),s()}return f}var i=n(1295),a="Copy to clipboard: #{key}, Enter";e.exports=o},function(e,t){function n(e){return o(e)&&h.call(e,"callee")&&(!m.call(e,"callee")||v.call(e)==c)}function r(e){return null!=e&&a(e.length)&&!i(e)}function o(e){return u(e)&&r(e)}function i(e){var t=s(e)?v.call(e):"";return t==f||t==p}function a(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=l}function s(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function u(e){return!!e&&"object"==typeof e}var l=9007199254740991,c="[object Arguments]",f="[object Function]",p="[object GeneratorFunction]",d=Object.prototype,h=d.hasOwnProperty,v=d.toString,m=d.propertyIsEnumerable;e.exports=n},function(e,t){function n(e,t){for(;e&&e.nodeType!==r;){if(e.matches(t))return e;e=e.parentNode}}var r=9;if("undefined"!=typeof Element&&!Element.prototype.matches){var o=Element.prototype;o.matches=o.matchesSelector||o.mozMatchesSelector||o.msMatchesSelector||o.oMatchesSelector||o.webkitMatchesSelector}e.exports=n},function(e,t,n){function r(e,t,n,r,i){var a=o.apply(this,arguments);return e.addEventListener(n,a,i),{destroy:function(){e.removeEventListener(n,a,i)}}}function o(e,t,n,r){return function(n){n.delegateTarget=i(n.target,t),n.delegateTarget&&r.call(e,n)}}var i=n(1737);e.exports=r},function(e,t,n){function r(e){return function(t){return null==t?void 0:t[e]}}function o(e){return null!=e&&a(g(e))}function i(e,t){return e="number"==typeof e||d.test(e)?+e:-1,t=null==t?y:t,e>-1&&e%1==0&&e<t}function a(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=y}function s(e){for(var t=l(e),n=t.length,r=n&&e.length,o=!!r&&a(r)&&(p(e)||f(e)),s=-1,u=[];++s<n;){var c=t[s];(o&&i(c,r)||v.call(e,c))&&u.push(c)}return u}function u(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function l(e){if(null==e)return[];u(e)||(e=Object(e));var t=e.length;t=t&&a(t)&&(p(e)||f(e))&&t||0;for(var n=e.constructor,r=-1,o="function"==typeof n&&n.prototype===e,s=Array(t),l=t>0;++r<t;)s[r]=r+"";for(var c in e)l&&i(c,t)||"constructor"==c&&(o||!v.call(e,c))||s.push(c);return s}var c=n(1758),f=n(1736),p=n(1734),d=/^\d+$/,h=Object.prototype,v=h.hasOwnProperty,m=c(Object,"keys"),y=9007199254740991,g=r("length"),b=m?function(e){var t=null==e?void 0:e.constructor;return"function"==typeof t&&t.prototype===e||"function"!=typeof e&&o(e)?s(e):u(e)?m(e):[]}:s;e.exports=b},function(e,t,n){(function(t){for(var r=n(351),o="undefined"==typeof window?t:window,i=["moz","webkit"],a="AnimationFrame",s=o["request"+a],u=o["cancel"+a]||o["cancelRequest"+a],l=0;!s&&l<i.length;l++)s=o[i[l]+"Request"+a],u=o[i[l]+"Cancel"+a]||o[i[l]+"CancelRequest"+a];if(!s||!u){var c=0,f=0,p=[],d=1e3/60;s=function(e){if(0===p.length){var t=r(),n=Math.max(0,d-(t-c));c=n+t,setTimeout(function(){var e=p.slice(0);p.length=0;for(var t=0;t<e.length;t++)if(!e[t].cancelled)try{e[t].callback(c)}catch(n){setTimeout(function(){throw n},0)}},Math.round(n))}return p.push({handle:++f,callback:e,cancelled:!1}),f},u=function(e){for(var t=0;t<p.length;t++)p[t].handle===e&&(p[t].cancelled=!0)}}e.exports=function(e){return s.call(o,e)},e.exports.cancel=function(){u.apply(o,arguments)},e.exports.polyfill=function(){o.requestAnimationFrame=s,o.cancelAnimationFrame=u}}).call(t,function(){return this}())},function(e,t){"use strict";t.__esModule=!0;t.loopAsync=function(e,t,n){var r=0,o=!1,i=!1,a=!1,s=void 0,u=function(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return o=!0,i?void(s=t):void n.apply(void 0,t)},l=function c(){if(!o&&(a=!0,!i)){for(i=!0;!o&&r<e&&a;)a=!1,t(r++,c,u);return i=!1,o?void n.apply(void 0,s):void(r>=e&&a&&(o=!0,n()))}};l()}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.replaceLocation=t.pushLocation=t.startListener=t.getCurrentLocation=t.go=t.getUserConfirmation=void 0;var o=n(294);Object.defineProperty(t,"getUserConfirmation",{enumerable:!0,get:function(){return o.getUserConfirmation}}),Object.defineProperty(t,"go",{enumerable:!0,get:function(){return o.go}});var i=n(45),a=(r(i),n(106)),s=n(151),u=n(474),l=n(86),c="hashchange",f=function(){var e=window.location.href,t=e.indexOf("#");return t===-1?"":e.substring(t+1)},p=function(e){return window.location.hash=e},d=function(e){var t=window.location.href.indexOf("#");window.location.replace(window.location.href.slice(0,t>=0?t:0)+"#"+e)},h=t.getCurrentLocation=function(e,t){var n=e.decodePath(f()),r=(0,l.getQueryStringValueFromPath)(n,t),o=void 0;r&&(n=(0,l.stripQueryStringValueFromPath)(n,t),o=(0,u.readState)(r));var i=(0,l.parsePath)(n);return i.state=o,(0,a.createLocation)(i,void 0,r)},v=void 0,m=(t.startListener=function(e,t,n){var r=function(){var r=f(),o=t.encodePath(r);if(r!==o)d(o);else{var i=h(t,n);if(v&&i.key&&v.key===i.key)return;v=i,e(i)}},o=f(),i=t.encodePath(o);return o!==i&&d(i),(0,s.addEventListener)(window,c,r),function(){return(0,s.removeEventListener)(window,c,r)}},function(e,t,n,r){var o=e.state,i=e.key,a=t.encodePath((0,l.createPath)(e));void 0!==o&&(a=(0,l.addQueryStringValueToPath)(a,n,i),(0,u.saveState)(i,o)),v=e,r(a)});t.pushLocation=function(e,t,n){return m(e,t,n,function(e){f()!==e&&p(e)})},t.replaceLocation=function(e,t,n){return m(e,t,n,function(e){f()!==e&&d(e)})}},function(e,t,n){"use strict";t.__esModule=!0,t.replaceLocation=t.pushLocation=t.getCurrentLocation=t.go=t.getUserConfirmation=void 0;var r=n(294);Object.defineProperty(t,"getUserConfirmation",{enumerable:!0,get:function(){return r.getUserConfirmation}}),Object.defineProperty(t,"go",{enumerable:!0,get:function(){return r.go}});var o=n(106),i=n(86);t.getCurrentLocation=function(){return(0,o.createLocation)(window.location)},t.pushLocation=function(e){return window.location.href=(0,i.createPath)(e),!1},t.replaceLocation=function(e){return window.location.replace((0,i.createPath)(e)),!1}},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=n(119),s=o(a),u=n(193),l=n(294),c=r(l),f=n(1743),p=r(f),d=n(151),h=n(295),v=o(h),m=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};u.canUseDOM?void 0:(0,s["default"])(!1);var t=e.forceRefresh||!(0,d.supportsHistory)(),n=t?p:c,r=n.getUserConfirmation,o=n.getCurrentLocation,a=n.pushLocation,l=n.replaceLocation,f=n.go,h=(0,v["default"])(i({getUserConfirmation:r},e,{getCurrentLocation:o,pushLocation:a,replaceLocation:l,go:f})),m=0,y=void 0,g=function(e,t){1===++m&&(y=c.startListener(h.transitionTo));var n=t?h.listenBefore(e):h.listen(e);return function(){n(),0===--m&&y()}},b=function(e){return g(e,!0)},_=function(e){return g(e,!1)};return i({},h,{listenBefore:b,listen:_})};t["default"]=m},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=n(45),s=(o(a),n(119)),u=o(s),l=n(193),c=n(151),f=n(1742),p=r(f),d=n(295),h=o(d),v="_k",m=function(e){return"/"===e.charAt(0)?e:"/"+e},y={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!"+e},decodePath:function(e){return"!"===e.charAt(0)?e.substring(1):e}},noslash:{encodePath:function(e){return"/"===e.charAt(0)?e.substring(1):e},decodePath:m},slash:{encodePath:m,decodePath:m}},g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};l.canUseDOM?void 0:(0,u["default"])(!1);var t=e.queryKey,n=e.hashType;"string"!=typeof t&&(t=v),null==n&&(n="slash"),n in y||(n="slash");var r=y[n],o=p.getUserConfirmation,a=function(){return p.getCurrentLocation(r,t)},s=function(e){return p.pushLocation(e,r,t)},f=function(e){return p.replaceLocation(e,r,t)},d=(0,h["default"])(i({getUserConfirmation:o},e,{getCurrentLocation:a,pushLocation:s,replaceLocation:f,go:p.go})),m=0,g=void 0,b=function(e,n){1===++m&&(g=p.startListener(d.transitionTo,r,t));var o=n?d.listenBefore(e):d.listen(e);return function(){o(),0===--m&&g()}},_=function(e){return b(e,!0)},w=function(e){return b(e,!1)},x=((0,c.supportsGoWithoutReloadUsingHash)(),function(e){d.go(e)}),C=function(e){return"#"+r.encodePath(d.createHref(e))};return i({},d,{listenBefore:_,listen:w,go:x,createHref:C})};t["default"]=g},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(45),a=(r(i),n(119)),s=r(a),u=n(106),l=n(86),c=n(295),f=r(c),p=n(192),d=function(e){return e.filter(function(e){return e.state}).reduce(function(e,t){return e[t.key]=t.state,e},{})},h=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Array.isArray(e)?e={entries:e}:"string"==typeof e&&(e={entries:[e]});var t=function(){var e=v[m],t=(0,l.createPath)(e),n=void 0,r=void 0;e.key&&(n=e.key,r=b(n));var i=(0,l.parsePath)(t);return(0,u.createLocation)(o({},i,{state:r}),void 0,n)},n=function(e){var t=m+e;return t>=0&&t<v.length},r=function(e){if(e&&n(e)){m+=e;var r=t();c.transitionTo(o({},r,{action:p.POP}))}},i=function(e){m+=1,m<v.length&&v.splice(m),v.push(e),g(e.key,e.state)},a=function(e){v[m]=e,g(e.key,e.state)},c=(0,f["default"])(o({},e,{getCurrentLocation:t,pushLocation:i,replaceLocation:a,go:r})),h=e,v=h.entries,m=h.current;"string"==typeof v?v=[v]:Array.isArray(v)||(v=["/"]),v=v.map(function(e){return(0,u.createLocation)(e)}),null==m?m=v.length-1:m>=0&&m<v.length?void 0:(0,s["default"])(!1);var y=d(v),g=function(e,t){return y[e]=t},b=function(e){return y[e]};return o({},c,{canGo:n})};t["default"]=h},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.locationsAreEqual=t.Actions=t.useQueries=t.useBeforeUnload=t.useBasename=t.createMemoryHistory=t.createHashHistory=t.createHistory=void 0;var i=n(106);Object.defineProperty(t,"locationsAreEqual",{enumerable:!0,get:function(){return i.locationsAreEqual}});var a=n(1744),s=o(a),u=n(1745),l=o(u),c=n(1746),f=o(c),p=n(1748),d=o(p),h=n(1749),v=o(h),m=n(1750),y=o(m),g=n(192),b=r(g);t.createHistory=s["default"],t.createHashHistory=l["default"],t.createMemoryHistory=f["default"],t.useBasename=d["default"],t.useBeforeUnload=v["default"],t.useQueries=y["default"],t.Actions=b},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(296),a=r(i),s=n(86),u=function(e){return function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e(t),r=t.basename,i=function(e){return e?(r&&null==e.basename&&(0===e.pathname.toLowerCase().indexOf(r.toLowerCase())?(e.pathname=e.pathname.substring(r.length),e.basename=r,""===e.pathname&&(e.pathname="/")):e.basename=""),e):e},u=function(e){if(!r)return e;var t="string"==typeof e?(0,s.parsePath)(e):e,n=t.pathname,i="/"===r.slice(-1)?r:r+"/",a="/"===n.charAt(0)?n.slice(1):n,u=i+a;return o({},t,{pathname:u})},l=function(){return i(n.getCurrentLocation())},c=function(e){return n.listenBefore(function(t,n){return(0,a["default"])(e,i(t),n)})},f=function(e){return n.listen(function(t){return e(i(t))})},p=function(e){return n.push(u(e))},d=function(e){return n.replace(u(e))},h=function(e){return n.createPath(u(e))},v=function(e){return n.createHref(u(e))},m=function(e){for(var t=arguments.length,r=Array(t>1?t-1:0),o=1;o<t;o++)r[o-1]=arguments[o];return i(n.createLocation.apply(n,[u(e)].concat(r)))};return o({},n,{getCurrentLocation:l,listenBefore:c,listen:f,push:p,replace:d,createPath:h,createHref:v,createLocation:m})}};t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(119),a=r(i),s=n(151),u=n(193),l=function(e){var t=function(t){var n=e();if("string"==typeof n)return(t||window.event).returnValue=n,n};return(0,s.addEventListener)(window,"beforeunload",t),function(){return(0,s.removeEventListener)(window,"beforeunload",t)}},c=function(e){return u.canUseDOM?void 0:(0,a["default"])(!1),function(t){var n=e(t),r=[],i=void 0,a=function(){for(var e=void 0,t=0,n=r.length;null==e&&t<n;++t)e=r[t].call();return e},s=function(e){return 1===r.push(e)&&(i=l(a)),function(){r=r.filter(function(t){return t!==e}),0===r.length&&i&&(i(),i=null)}};return o({},n,{listenBeforeUnload:s})}};t["default"]=c},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(1764),a=n(296),s=r(a),u=n(106),l=n(86),c=function(e){return(0,i.stringify)(e).replace(/%20/g,"+")},f=i.parse,p=function(e){return function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e(t),r=t.stringifyQuery,i=t.parseQueryString;"function"!=typeof r&&(r=c),"function"!=typeof i&&(i=f);var a=function(e){return e?(null==e.query&&(e.query=i(e.search.substring(1))),e):e},p=function(e,t){if(null==t)return e;var n="string"==typeof e?(0,l.parsePath)(e):e,i=r(t),a=i?"?"+i:"";return o({},n,{search:a})},d=function(){return a(n.getCurrentLocation())},h=function(e){return n.listenBefore(function(t,n){return(0,s["default"])(e,a(t),n)})},v=function(e){return n.listen(function(t){return e(a(t))})},m=function(e){return n.push(p(e,e.query))},y=function(e){return n.replace(p(e,e.query))},g=function(e){return n.createPath(p(e,e.query))},b=function(e){return n.createHref(p(e,e.query))},_=function(e){for(var t=arguments.length,r=Array(t>1?t-1:0),o=1;o<t;o++)r[o-1]=arguments[o];var i=n.createLocation.apply(n,[p(e,e.query)].concat(r));return e.query&&(i.query=(0,u.createQuery)(e.query)),a(i)};return o({},n,{getCurrentLocation:d,listenBefore:h,listen:v,push:m,replace:y,createPath:g,createHref:b,createLocation:_})}};t["default"]=p},function(e,t,n){(function(t){for(var r=n(351),o="undefined"==typeof window?t:window,i=["moz","webkit"],a="AnimationFrame",s=o["request"+a],u=o["cancel"+a]||o["cancelRequest"+a],l=0;!s&&l<i.length;l++)s=o[i[l]+"Request"+a],u=o[i[l]+"Cancel"+a]||o[i[l]+"CancelRequest"+a];if(!s||!u){var c=0,f=0,p=[],d=1e3/60;s=function(e){if(0===p.length){var t=r(),n=Math.max(0,d-(t-c));c=n+t,setTimeout(function(){var e=p.slice(0);p.length=0;for(var t=0;t<e.length;t++)if(!e[t].cancelled)try{e[t].callback(c)}catch(n){setTimeout(function(){throw n},0)}},Math.round(n))}return p.push({handle:++f,callback:e,cancelled:!1}),f},u=function(e){for(var t=0;t<p.length;t++)p[t].handle===e&&(p[t].cancelled=!0)}}e.exports=function(e){return s.call(o,e)},e.exports.cancel=function(){u.apply(o,arguments)},e.exports.polyfill=function(){o.requestAnimationFrame=s,o.cancelAnimationFrame=u}}).call(t,function(){return this}())},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(70),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(12),v=r(h),m=n(1240),y=r(m),g=function(e){function t(){return(0,s["default"])(this,t),(0,l["default"])(this,e.apply(this,arguments))}return(0,f["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.prefixCls,n=e.disabled,r=(0,i["default"])(e,["prefixCls","disabled"]);return d["default"].createElement(y["default"],{disabled:n,activeClassName:t+"-handler-active"},d["default"].createElement("span",r))},t}(p.Component);g.propTypes={prefixCls:v["default"].string,disabled:v["default"].bool},t["default"]=g,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(e){e.preventDefault()}Object.defineProperty(t,"__esModule",{value:!0});var a=n(10),s=r(a),u=n(9),l=r(u),c=n(1),f=r(c),p=n(12),d=r(p),h=n(57),v=r(h),m=n(8),y=r(m),g=n(1754),b=r(g),_=n(1752),w=r(_),x=(0,v["default"])({propTypes:{focusOnUpDown:d["default"].bool,onChange:d["default"].func,onKeyDown:d["default"].func,onKeyUp:d["default"].func,prefixCls:d["default"].string,disabled:d["default"].bool,onFocus:d["default"].func,onBlur:d["default"].func,readOnly:d["default"].bool,max:d["default"].number,min:d["default"].number,step:d["default"].oneOfType([d["default"].number,d["default"].string]),upHandler:d["default"].node,downHandler:d["default"].node,useTouch:d["default"].bool,formatter:d["default"].func,parser:d["default"].func,onMouseEnter:d["default"].func,onMouseLeave:d["default"].func,onMouseOver:d["default"].func,onMouseOut:d["default"].func},mixins:[b["default"]],getDefaultProps:function(){return{focusOnUpDown:!0,useTouch:!1,prefixCls:"rc-input-number"}},componentDidMount:function(){this.componentDidUpdate()},componentWillUpdate:function(){try{this.start=this.refs.input.selectionStart,this.end=this.refs.input.selectionEnd}catch(e){}},componentDidUpdate:function(){if(this.props.focusOnUpDown&&this.state.focused){var e=this.refs.input.setSelectionRange;e&&"function"==typeof e&&void 0!==this.start&&void 0!==this.end&&this.start!==this.end?this.refs.input.setSelectionRange(this.start,this.end):this.focus()}},onKeyDown:function C(e){if(38===e.keyCode){var t=this.getRatio(e);this.up(e,t),this.stop()}else if(40===e.keyCode){var n=this.getRatio(e);this.down(e,n),this.stop()}var C=this.props.onKeyDown;if(C){for(var r=arguments.length,o=Array(r>1?r-1:0),i=1;i<r;i++)o[i-1]=arguments[i];C.apply(void 0,[e].concat(o))}},onKeyUp:function E(e){this.stop();var E=this.props.onKeyUp;if(E){for(var t=arguments.length,n=Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];E.apply(void 0,[e].concat(n))}},getRatio:function(e){var t=1;return e.metaKey||e.ctrlKey?t=.1:e.shiftKey&&(t=10),t},getValueFromEvent:function(e){return e.target.value},focus:function(){this.refs.input.focus()},formatWrapper:function(e){return this.props.formatter?this.props.formatter(e):e},render:function(){var e,t=(0,l["default"])({},this.props),n=t.prefixCls,r=t.disabled,a=t.readOnly,u=t.useTouch,c=(0,y["default"])((e={},(0,s["default"])(e,n,!0),(0,s["default"])(e,t.className,!!t.className),(0,s["default"])(e,n+"-disabled",r),(0,s["default"])(e,n+"-focused",this.state.focused),e)),p="",d="",h=this.state.value;if(h)if(isNaN(h))p=n+"-handler-up-disabled",d=n+"-handler-down-disabled";else{var v=Number(h);v>=t.max&&(p=n+"-handler-up-disabled"),v<=t.min&&(d=n+"-handler-down-disabled")}var m=!t.readOnly&&!t.disabled,g=void 0;g=this.state.focused?this.state.inputValue:this.toPrecisionAsStep(this.state.value),void 0!==g&&null!==g||(g="");var b=void 0,_=void 0;u?(b={onTouchStart:m&&!p?this.up:o,onTouchEnd:this.stop},_={onTouchStart:m&&!d?this.down:o,onTouchEnd:this.stop}):(b={onMouseDown:m&&!p?this.up:o,onMouseUp:this.stop,onMouseLeave:this.stop},_={onMouseDown:m&&!d?this.down:o,onMouseUp:this.stop,onMouseLeave:this.stop});var x=this.formatWrapper(g),C=!!p||r||a,E=!!d||r||a;return f["default"].createElement("div",{className:c,style:t.style,onMouseEnter:t.onMouseEnter,onMouseLeave:t.onMouseLeave,onMouseOver:t.onMouseOver,onMouseOut:t.onMouseOut},f["default"].createElement("div",{className:n+"-handler-wrap"},f["default"].createElement(w["default"],(0,l["default"])({ref:"up",disabled:C,prefixCls:n,unselectable:"unselectable"},b,{role:"button","aria-label":"Increase Value","aria-disabled":!!C,className:n+"-handler "+n+"-handler-up "+p}),this.props.upHandler||f["default"].createElement("span",{unselectable:"unselectable",className:n+"-handler-up-inner",onClick:i})),f["default"].createElement(w["default"],(0,l["default"])({ref:"down",disabled:E,prefixCls:n,unselectable:"unselectable"},_,{role:"button","aria-label":"Decrease Value","aria-disabled":!!E,className:n+"-handler "+n+"-handler-down "+d}),this.props.downHandler||f["default"].createElement("span",{unselectable:"unselectable",className:n+"-handler-down-inner",onClick:i}))),f["default"].createElement("div",{className:n+"-input-wrap",role:"spinbutton","aria-valuemin":t.min,"aria-valuemax":t.max,"aria-valuenow":h},f["default"].createElement("input",{type:t.type,placeholder:t.placeholder,onClick:t.onClick,className:n+"-input",autoComplete:"off",onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:m?this.onKeyDown:o,onKeyUp:m?this.onKeyUp:o,autoFocus:t.autoFocus,maxLength:t.maxLength,readOnly:t.readOnly,disabled:t.disabled,max:t.max,min:t.min,name:t.name,onChange:this.onChange,ref:"input",value:x})))}});t["default"]=x,e.exports=t["default"]},function(e,t){"use strict";function n(){}function r(e){return e.replace(/[^\w\.-]+/g,"")}Object.defineProperty(t,"__esModule",{value:!0});var o=200,i=600;t["default"]={getDefaultProps:function(){return{max:1/0,min:-(1/0),step:1,style:{},onChange:n,onKeyDown:n,onFocus:n,onBlur:n,parser:r}},getInitialState:function(){var e=void 0,t=this.props;return e="value"in t?t.value:t.defaultValue,e=this.toNumber(e),{inputValue:this.toPrecisionAsStep(e),value:e,focused:t.autoFocus}},componentWillReceiveProps:function(e){"value"in e&&this.setState({inputValue:e.value,value:e.value})},componentWillUnmount:function(){this.stop()},onChange:function(e){var t=this.props.parser(this.getValueFromEvent(e).trim());this.setState({inputValue:t}),this.props.onChange(this.toNumberWhenUserInput(t))},onFocus:function(){var e;this.setState({focused:!0}),(e=this.props).onFocus.apply(e,arguments)},onBlur:function(e){for(var t=this,n=arguments.length,r=Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];this.setState({focused:!1});var i=this.getCurrentValidValue(this.state.inputValue);e.persist(),this.setValue(i,function(){var n;(n=t.props).onBlur.apply(n,[e].concat(r))})},getCurrentValidValue:function(e){var t=e,n=this.props;return""===t?t="":this.isNotCompleteNumber(t)?t=this.state.value:(t=Number(t),t<n.min&&(t=n.min),t>n.max&&(t=n.max)),this.toNumber(t)},setValue:function(e,t){var n=this.isNotCompleteNumber(parseFloat(e,10))?void 0:parseFloat(e,10),r=n!==this.state.value;"value"in this.props?this.setState({inputValue:this.toPrecisionAsStep(this.state.value)},t):this.setState({value:n,inputValue:this.toPrecisionAsStep(e)},t),r&&this.props.onChange(n)},getPrecision:function(e){var t=e.toString();if(t.indexOf("e-")>=0)return parseInt(t.slice(t.indexOf("e-")+2),10);var n=0;return t.indexOf(".")>=0&&(n=t.length-t.indexOf(".")-1),n},getMaxPrecision:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=this.props.step,r=this.getPrecision(t),o=this.getPrecision(n),i=this.getPrecision(e);return e?Math.max(i,r+o):r+o},getPrecisionFactor:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=this.getMaxPrecision(e,t);return Math.pow(10,n)},toPrecisionAsStep:function(e){if(this.isNotCompleteNumber(e)||""===e)return e;var t=Math.abs(this.getMaxPrecision(e));return t?Number(e).toFixed(t):e.toString()},isNotCompleteNumber:function(e){return isNaN(e)||""===e||null===e||e&&e.toString().indexOf(".")===e.toString().length-1},toNumber:function(e){return this.isNotCompleteNumber(e)?e:Number(e)},toNumberWhenUserInput:function(e){return(/\.\d*0$/.test(e)||e.length>16)&&this.state.focused?e:this.toNumber(e)},upStep:function(e,t){var n=this.props,r=n.step,o=n.min,i=this.getPrecisionFactor(e,t),a=Math.abs(this.getMaxPrecision(e,t)),s=void 0;return s="number"==typeof e?((i*e+i*r*t)/i).toFixed(a):o===-(1/0)?r:o,this.toNumber(s)},downStep:function(e,t){var n=this.props,r=n.step,o=n.min,i=this.getPrecisionFactor(e,t),a=Math.abs(this.getMaxPrecision(e,t)),s=void 0;return s="number"==typeof e?((i*e-i*r*t)/i).toFixed(a):o===-(1/0)?-r:o,this.toNumber(s)},step:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;t&&t.preventDefault();var r=this.props;if(!r.disabled){var o=this.getCurrentValidValue(this.state.inputValue)||0;if(!this.isNotCompleteNumber(o)){var i=this[e+"Step"](o,n);i>r.max?i=r.max:i<r.min&&(i=r.min),this.setValue(i),this.setState({focused:!0})}}},stop:function(){this.autoStepTimer&&clearTimeout(this.autoStepTimer)},down:function(e,t,n){var r=this;e.persist&&e.persist(),this.stop(),this.step("down",e,t),this.autoStepTimer=setTimeout(function(){r.down(e,t,!0)},n?o:i)},up:function(e,t,n){var r=this;e.persist&&e.persist(),this.stop(),this.step("up",e,t),this.autoStepTimer=setTimeout(function(){r.up(e,t,!0)},n?o:i)}},e.exports=t["default"]},function(e,t){"use strict";function n(){var e=arguments;return function(){for(var t=0;t<e.length;t++)e[t]&&e[t].apply&&e[t].apply(this,arguments)}}e.exports=n},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(70),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(12),y=r(m),g=n(92),b=r(g),_=n(476),w=function(e){function t(){var n,r,o;(0,l["default"])(this,t);for(var i=arguments.length,a=Array(i),s=0;s<i;s++)a[s]=arguments[s];return n=r=(0,f["default"])(this,e.call.apply(e,[this].concat(a))),r.getPopupElement=function(){var e=r.props,t=e.arrowContent,n=e.overlay,o=e.prefixCls;return[v["default"].createElement("div",{className:o+"-arrow",key:"arrow"},t),v["default"].createElement("div",{className:o+"-inner",key:"content"},"function"==typeof n?n():n)]},o=n,(0,f["default"])(r,o)}return(0,d["default"])(t,e),t.prototype.getPopupDomNode=function(){return this.refs.trigger.getPopupDomNode()},t.prototype.render=function(){var e=this.props,t=e.overlayClassName,n=e.trigger,r=e.mouseEnterDelay,o=e.mouseLeaveDelay,a=e.overlayStyle,u=e.prefixCls,l=e.children,c=e.onVisibleChange,f=e.transitionName,p=e.animation,d=e.placement,h=e.align,m=e.destroyTooltipOnHide,y=e.defaultVisible,g=e.getTooltipContainer,w=(0,s["default"])(e,["overlayClassName","trigger","mouseEnterDelay","mouseLeaveDelay","overlayStyle","prefixCls","children","onVisibleChange","transitionName","animation","placement","align","destroyTooltipOnHide","defaultVisible","getTooltipContainer"]),x=(0,i["default"])({},w);return"visible"in this.props&&(x.popupVisible=this.props.visible),v["default"].createElement(b["default"],(0,i["default"])({popupClassName:t,ref:"trigger",prefixCls:u,popup:this.getPopupElement,action:n,builtinPlacements:_.placements,popupPlacement:d,popupAlign:h,getPopupContainer:g,onPopupVisibleChange:c,popupTransitionName:f,popupAnimation:p,defaultPopupVisible:y,destroyPopupOnHide:m,mouseLeaveDelay:o,popupStyle:a,mouseEnterDelay:r},x),l)},t}(h.Component);w.propTypes={trigger:y["default"].any,children:y["default"].any,defaultVisible:y["default"].bool,visible:y["default"].bool,placement:y["default"].string,transitionName:y["default"].string,animation:y["default"].any,onVisibleChange:y["default"].func,afterVisibleChange:y["default"].func,overlay:y["default"].oneOfType([y["default"].node,y["default"].func]).isRequired,overlayStyle:y["default"].object,overlayClassName:y["default"].string,prefixCls:y["default"].string,mouseEnterDelay:y["default"].number,mouseLeaveDelay:y["default"].number,getTooltipContainer:y["default"].func,destroyTooltipOnHide:y["default"].bool,align:y["default"].object,arrowContent:y["default"].any},w.defaultProps={prefixCls:"rc-tooltip",mouseEnterDelay:0,destroyTooltipOnHide:!1,mouseLeaveDelay:.1,align:{},placement:"right",trigger:["hover"],arrowContent:null},t["default"]=w,e.exports=t["default"]},function(e,t,n){"use strict";e.exports=n(1756)},function(e,t){function n(e){return!!e&&"object"==typeof e}function r(e,t){var n=null==e?void 0:e[t];return a(n)?n:void 0}function o(e){return i(e)&&p.call(e)==s}function i(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function a(e){return null!=e&&(o(e)?d.test(c.call(e)):n(e)&&u.test(e))}var s="[object Function]",u=/^\[object .+?Constructor\]$/,l=Object.prototype,c=Function.prototype.toString,f=l.hasOwnProperty,p=l.toString,d=RegExp("^"+c.call(f).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");e.exports=r},function(e,t){"use strict";function n(e){if(e||void 0===r){var t=document.createElement("div");t.style.width="100%",t.style.height="200px";var n=document.createElement("div"),o=n.style;o.position="absolute",o.top=0,o.left=0,o.pointerEvents="none",o.visibility="hidden",o.width="200px",o.height="150px",o.overflow="hidden",n.appendChild(t),document.body.appendChild(n);var i=t.offsetWidth;n.style.overflow="scroll";var a=t.offsetWidth;i===a&&(a=n.clientWidth),document.body.removeChild(n),r=i-a}return r}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=n;var r=void 0;e.exports=t["default"]},function(e,t){(function(t){function n(e,t,n){function r(t){var n=v,r=m;return v=m=void 0,E=t,g=e.apply(r,n)}function i(e){return E=e,b=setTimeout(c,t),S?r(e):g}function a(e){var n=e-_,r=e-E,o=t-n;return O?x(o,y-r):o}function l(e){var n=e-_,r=e-E;return void 0===_||n>=t||n<0||O&&r>=y}function c(){var e=C();return l(e)?f(e):void(b=setTimeout(c,a(e)))}function f(e){return b=void 0,P&&v?r(e):(v=m=void 0,g)}function p(){void 0!==b&&clearTimeout(b),E=0,v=_=m=b=void 0}function d(){return void 0===b?g:f(C())}function h(){var e=C(),n=l(e);if(v=arguments,m=this,_=e,n){if(void 0===b)return i(_);if(O)return b=setTimeout(c,t),r(_)}return void 0===b&&(b=setTimeout(c,t)),g}var v,m,y,g,b,_,E=0,S=!1,O=!1,P=!0;if("function"!=typeof e)throw new TypeError(u);return t=s(t)||0,o(n)&&(S=!!n.leading,O="maxWait"in n,y=O?w(s(n.maxWait)||0,t):y,P="trailing"in n?!!n.trailing:P),h.cancel=p,h.flush=d,h}function r(e,t,r){var i=!0,a=!0;if("function"!=typeof e)throw new TypeError(u);return o(r)&&(i="leading"in r?!!r.leading:i,a="trailing"in r?!!r.trailing:a),n(e,t,{leading:i,maxWait:t,trailing:a})}function o(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function i(e){return!!e&&"object"==typeof e}function a(e){return"symbol"==typeof e||i(e)&&_.call(e)==c}function s(e){if("number"==typeof e)return e;if(a(e))return l;if(o(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=o(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(f,"");var n=d.test(e);return n||h.test(e)?v(e.slice(2),n?2:8):p.test(e)?l:+e}var u="Expected a function",l=NaN,c="[object Symbol]",f=/^\s+|\s+$/g,p=/^[-+]0x[0-9a-f]+$/i,d=/^0b[01]+$/i,h=/^0o[0-7]+$/i,v=parseInt,m="object"==typeof t&&t&&t.Object===Object&&t,y="object"==typeof self&&self&&self.Object===Object&&self,g=m||y||Function("return this")(),b=Object.prototype,_=b.toString,w=Math.max,x=Math.min,C=function(){return g.Date.now()};e.exports=r}).call(t,function(){return this}())},function(e,t,n){var r;(function(e,o){(function(){function i(e,t){return e.set(t[0],t[1]),e}function a(e,t){return e.add(t),e}function s(e,t,n){switch(n.length){case 0:return e.call(t);case 1:return e.call(t,n[0]);case 2:return e.call(t,n[0],n[1]);case 3:return e.call(t,n[0],n[1],n[2])}return e.apply(t,n)}function u(e,t,n,r){for(var o=-1,i=null==e?0:e.length;++o<i;){var a=e[o];t(r,a,n(a),e)}return r;
+}function l(e,t){for(var n=-1,r=null==e?0:e.length;++n<r&&t(e[n],n,e)!==!1;);return e}function c(e,t){for(var n=null==e?0:e.length;n--&&t(e[n],n,e)!==!1;);return e}function f(e,t){for(var n=-1,r=null==e?0:e.length;++n<r;)if(!t(e[n],n,e))return!1;return!0}function p(e,t){for(var n=-1,r=null==e?0:e.length,o=0,i=[];++n<r;){var a=e[n];t(a,n,e)&&(i[o++]=a)}return i}function d(e,t){var n=null==e?0:e.length;return!!n&&E(e,t,0)>-1}function h(e,t,n){for(var r=-1,o=null==e?0:e.length;++r<o;)if(n(t,e[r]))return!0;return!1}function v(e,t){for(var n=-1,r=null==e?0:e.length,o=Array(r);++n<r;)o[n]=t(e[n],n,e);return o}function m(e,t){for(var n=-1,r=t.length,o=e.length;++n<r;)e[o+n]=t[n];return e}function y(e,t,n,r){var o=-1,i=null==e?0:e.length;for(r&&i&&(n=e[++o]);++o<i;)n=t(n,e[o],o,e);return n}function g(e,t,n,r){var o=null==e?0:e.length;for(r&&o&&(n=e[--o]);o--;)n=t(n,e[o],o,e);return n}function b(e,t){for(var n=-1,r=null==e?0:e.length;++n<r;)if(t(e[n],n,e))return!0;return!1}function _(e){return e.split("")}function w(e){return e.match(Ht)||[]}function x(e,t,n){var r;return n(e,function(e,n,o){if(t(e,n,o))return r=n,!1}),r}function C(e,t,n,r){for(var o=e.length,i=n+(r?1:-1);r?i--:++i<o;)if(t(e[i],i,e))return i;return-1}function E(e,t,n){return t===t?Z(e,t,n):C(e,O,n)}function S(e,t,n,r){for(var o=n-1,i=e.length;++o<i;)if(r(e[o],t))return o;return-1}function O(e){return e!==e}function P(e,t){var n=null==e?0:e.length;return n?A(e,t)/n:Le}function T(e){return function(t){return null==t?oe:t[e]}}function k(e){return function(t){return null==e?oe:e[t]}}function M(e,t,n,r,o){return o(e,function(e,o,i){n=r?(r=!1,e):t(n,e,o,i)}),n}function N(e,t){var n=e.length;for(e.sort(t);n--;)e[n]=e[n].value;return e}function A(e,t){for(var n,r=-1,o=e.length;++r<o;){var i=t(e[r]);i!==oe&&(n=n===oe?i:n+i)}return n}function D(e,t){for(var n=-1,r=Array(e);++n<e;)r[n]=t(n);return r}function j(e,t){return v(t,function(t){return[t,e[t]]})}function R(e){return function(t){return e(t)}}function I(e,t){return v(t,function(t){return e[t]})}function L(e,t){return e.has(t)}function F(e,t){for(var n=-1,r=e.length;++n<r&&E(t,e[n],0)>-1;);return n}function U(e,t){for(var n=e.length;n--&&E(t,e[n],0)>-1;);return n}function V(e,t){for(var n=e.length,r=0;n--;)e[n]===t&&++r;return r}function B(e){return"\\"+nr[e]}function z(e,t){return null==e?oe:e[t]}function H(e){return Yn.test(e)}function K(e){return Gn.test(e)}function W(e){for(var t,n=[];!(t=e.next()).done;)n.push(t.value);return n}function q(e){var t=-1,n=Array(e.size);return e.forEach(function(e,r){n[++t]=[r,e]}),n}function Y(e,t){return function(n){return e(t(n))}}function G(e,t){for(var n=-1,r=e.length,o=0,i=[];++n<r;){var a=e[n];a!==t&&a!==fe||(e[n]=fe,i[o++]=n)}return i}function X(e){var t=-1,n=Array(e.size);return e.forEach(function(e){n[++t]=e}),n}function $(e){var t=-1,n=Array(e.size);return e.forEach(function(e){n[++t]=[e,e]}),n}function Z(e,t,n){for(var r=n-1,o=e.length;++r<o;)if(e[r]===t)return r;return-1}function Q(e,t,n){for(var r=n+1;r--;)if(e[r]===t)return r;return r}function J(e){return H(e)?te(e):br(e)}function ee(e){return H(e)?ne(e):_(e)}function te(e){for(var t=Wn.lastIndex=0;Wn.test(e);)++t;return t}function ne(e){return e.match(Wn)||[]}function re(e){return e.match(qn)||[]}var oe,ie="4.17.4",ae=200,se="Unsupported core-js use. Try https://npms.io/search?q=ponyfill.",ue="Expected a function",le="__lodash_hash_undefined__",ce=500,fe="__lodash_placeholder__",pe=1,de=2,he=4,ve=1,me=2,ye=1,ge=2,be=4,_e=8,we=16,xe=32,Ce=64,Ee=128,Se=256,Oe=512,Pe=30,Te="...",ke=800,Me=16,Ne=1,Ae=2,De=3,je=1/0,Re=9007199254740991,Ie=1.7976931348623157e308,Le=NaN,Fe=4294967295,Ue=Fe-1,Ve=Fe>>>1,Be=[["ary",Ee],["bind",ye],["bindKey",ge],["curry",_e],["curryRight",we],["flip",Oe],["partial",xe],["partialRight",Ce],["rearg",Se]],ze="[object Arguments]",He="[object Array]",Ke="[object AsyncFunction]",We="[object Boolean]",qe="[object Date]",Ye="[object DOMException]",Ge="[object Error]",Xe="[object Function]",$e="[object GeneratorFunction]",Ze="[object Map]",Qe="[object Number]",Je="[object Null]",et="[object Object]",tt="[object Promise]",nt="[object Proxy]",rt="[object RegExp]",ot="[object Set]",it="[object String]",at="[object Symbol]",st="[object Undefined]",ut="[object WeakMap]",lt="[object WeakSet]",ct="[object ArrayBuffer]",ft="[object DataView]",pt="[object Float32Array]",dt="[object Float64Array]",ht="[object Int8Array]",vt="[object Int16Array]",mt="[object Int32Array]",yt="[object Uint8Array]",gt="[object Uint8ClampedArray]",bt="[object Uint16Array]",_t="[object Uint32Array]",wt=/\b__p \+= '';/g,xt=/\b(__p \+=) '' \+/g,Ct=/(__e\(.*?\)|\b__t\)) \+\n'';/g,Et=/&(?:amp|lt|gt|quot|#39);/g,St=/[&<>"']/g,Ot=RegExp(Et.source),Pt=RegExp(St.source),Tt=/<%-([\s\S]+?)%>/g,kt=/<%([\s\S]+?)%>/g,Mt=/<%=([\s\S]+?)%>/g,Nt=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,At=/^\w*$/,Dt=/^\./,jt=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Rt=/[\\^$.*+?()[\]{}|]/g,It=RegExp(Rt.source),Lt=/^\s+|\s+$/g,Ft=/^\s+/,Ut=/\s+$/,Vt=/\{(?:\n\/\* \[wrapped with .+\] \*\/)?\n?/,Bt=/\{\n\/\* \[wrapped with (.+)\] \*/,zt=/,? & /,Ht=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g,Kt=/\\(\\)?/g,Wt=/\$\{([^\\}]*(?:\\.[^\\}]*)*)\}/g,qt=/\w*$/,Yt=/^[-+]0x[0-9a-f]+$/i,Gt=/^0b[01]+$/i,Xt=/^\[object .+?Constructor\]$/,$t=/^0o[0-7]+$/i,Zt=/^(?:0|[1-9]\d*)$/,Qt=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,Jt=/($^)/,en=/['\n\r\u2028\u2029\\]/g,tn="\\ud800-\\udfff",nn="\\u0300-\\u036f",rn="\\ufe20-\\ufe2f",on="\\u20d0-\\u20ff",an=nn+rn+on,sn="\\u2700-\\u27bf",un="a-z\\xdf-\\xf6\\xf8-\\xff",ln="\\xac\\xb1\\xd7\\xf7",cn="\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf",fn="\\u2000-\\u206f",pn=" \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000",dn="A-Z\\xc0-\\xd6\\xd8-\\xde",hn="\\ufe0e\\ufe0f",vn=ln+cn+fn+pn,mn="['\u2019]",yn="["+tn+"]",gn="["+vn+"]",bn="["+an+"]",_n="\\d+",wn="["+sn+"]",xn="["+un+"]",Cn="[^"+tn+vn+_n+sn+un+dn+"]",En="\\ud83c[\\udffb-\\udfff]",Sn="(?:"+bn+"|"+En+")",On="[^"+tn+"]",Pn="(?:\\ud83c[\\udde6-\\uddff]){2}",Tn="[\\ud800-\\udbff][\\udc00-\\udfff]",kn="["+dn+"]",Mn="\\u200d",Nn="(?:"+xn+"|"+Cn+")",An="(?:"+kn+"|"+Cn+")",Dn="(?:"+mn+"(?:d|ll|m|re|s|t|ve))?",jn="(?:"+mn+"(?:D|LL|M|RE|S|T|VE))?",Rn=Sn+"?",In="["+hn+"]?",Ln="(?:"+Mn+"(?:"+[On,Pn,Tn].join("|")+")"+In+Rn+")*",Fn="\\d*(?:(?:1st|2nd|3rd|(?![123])\\dth)\\b)",Un="\\d*(?:(?:1ST|2ND|3RD|(?![123])\\dTH)\\b)",Vn=In+Rn+Ln,Bn="(?:"+[wn,Pn,Tn].join("|")+")"+Vn,zn="(?:"+[On+bn+"?",bn,Pn,Tn,yn].join("|")+")",Hn=RegExp(mn,"g"),Kn=RegExp(bn,"g"),Wn=RegExp(En+"(?="+En+")|"+zn+Vn,"g"),qn=RegExp([kn+"?"+xn+"+"+Dn+"(?="+[gn,kn,"$"].join("|")+")",An+"+"+jn+"(?="+[gn,kn+Nn,"$"].join("|")+")",kn+"?"+Nn+"+"+Dn,kn+"+"+jn,Un,Fn,_n,Bn].join("|"),"g"),Yn=RegExp("["+Mn+tn+an+hn+"]"),Gn=/[a-z][A-Z]|[A-Z]{2,}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/,Xn=["Array","Buffer","DataView","Date","Error","Float32Array","Float64Array","Function","Int8Array","Int16Array","Int32Array","Map","Math","Object","Promise","RegExp","Set","String","Symbol","TypeError","Uint8Array","Uint8ClampedArray","Uint16Array","Uint32Array","WeakMap","_","clearTimeout","isFinite","parseInt","setTimeout"],$n=-1,Zn={};Zn[pt]=Zn[dt]=Zn[ht]=Zn[vt]=Zn[mt]=Zn[yt]=Zn[gt]=Zn[bt]=Zn[_t]=!0,Zn[ze]=Zn[He]=Zn[ct]=Zn[We]=Zn[ft]=Zn[qe]=Zn[Ge]=Zn[Xe]=Zn[Ze]=Zn[Qe]=Zn[et]=Zn[rt]=Zn[ot]=Zn[it]=Zn[ut]=!1;var Qn={};Qn[ze]=Qn[He]=Qn[ct]=Qn[ft]=Qn[We]=Qn[qe]=Qn[pt]=Qn[dt]=Qn[ht]=Qn[vt]=Qn[mt]=Qn[Ze]=Qn[Qe]=Qn[et]=Qn[rt]=Qn[ot]=Qn[it]=Qn[at]=Qn[yt]=Qn[gt]=Qn[bt]=Qn[_t]=!0,Qn[Ge]=Qn[Xe]=Qn[ut]=!1;var Jn={"\xc0":"A","\xc1":"A","\xc2":"A","\xc3":"A","\xc4":"A","\xc5":"A","\xe0":"a","\xe1":"a","\xe2":"a","\xe3":"a","\xe4":"a","\xe5":"a","\xc7":"C","\xe7":"c","\xd0":"D","\xf0":"d","\xc8":"E","\xc9":"E","\xca":"E","\xcb":"E","\xe8":"e","\xe9":"e","\xea":"e","\xeb":"e","\xcc":"I","\xcd":"I","\xce":"I","\xcf":"I","\xec":"i","\xed":"i","\xee":"i","\xef":"i","\xd1":"N","\xf1":"n","\xd2":"O","\xd3":"O","\xd4":"O","\xd5":"O","\xd6":"O","\xd8":"O","\xf2":"o","\xf3":"o","\xf4":"o","\xf5":"o","\xf6":"o","\xf8":"o","\xd9":"U","\xda":"U","\xdb":"U","\xdc":"U","\xf9":"u","\xfa":"u","\xfb":"u","\xfc":"u","\xdd":"Y","\xfd":"y","\xff":"y","\xc6":"Ae","\xe6":"ae","\xde":"Th","\xfe":"th","\xdf":"ss","\u0100":"A","\u0102":"A","\u0104":"A","\u0101":"a","\u0103":"a","\u0105":"a","\u0106":"C","\u0108":"C","\u010a":"C","\u010c":"C","\u0107":"c","\u0109":"c","\u010b":"c","\u010d":"c","\u010e":"D","\u0110":"D","\u010f":"d","\u0111":"d","\u0112":"E","\u0114":"E","\u0116":"E","\u0118":"E","\u011a":"E","\u0113":"e","\u0115":"e","\u0117":"e","\u0119":"e","\u011b":"e","\u011c":"G","\u011e":"G","\u0120":"G","\u0122":"G","\u011d":"g","\u011f":"g","\u0121":"g","\u0123":"g","\u0124":"H","\u0126":"H","\u0125":"h","\u0127":"h","\u0128":"I","\u012a":"I","\u012c":"I","\u012e":"I","\u0130":"I","\u0129":"i","\u012b":"i","\u012d":"i","\u012f":"i","\u0131":"i","\u0134":"J","\u0135":"j","\u0136":"K","\u0137":"k","\u0138":"k","\u0139":"L","\u013b":"L","\u013d":"L","\u013f":"L","\u0141":"L","\u013a":"l","\u013c":"l","\u013e":"l","\u0140":"l","\u0142":"l","\u0143":"N","\u0145":"N","\u0147":"N","\u014a":"N","\u0144":"n","\u0146":"n","\u0148":"n","\u014b":"n","\u014c":"O","\u014e":"O","\u0150":"O","\u014d":"o","\u014f":"o","\u0151":"o","\u0154":"R","\u0156":"R","\u0158":"R","\u0155":"r","\u0157":"r","\u0159":"r","\u015a":"S","\u015c":"S","\u015e":"S","\u0160":"S","\u015b":"s","\u015d":"s","\u015f":"s","\u0161":"s","\u0162":"T","\u0164":"T","\u0166":"T","\u0163":"t","\u0165":"t","\u0167":"t","\u0168":"U","\u016a":"U","\u016c":"U","\u016e":"U","\u0170":"U","\u0172":"U","\u0169":"u","\u016b":"u","\u016d":"u","\u016f":"u","\u0171":"u","\u0173":"u","\u0174":"W","\u0175":"w","\u0176":"Y","\u0177":"y","\u0178":"Y","\u0179":"Z","\u017b":"Z","\u017d":"Z","\u017a":"z","\u017c":"z","\u017e":"z","\u0132":"IJ","\u0133":"ij","\u0152":"Oe","\u0153":"oe","\u0149":"'n","\u017f":"s"},er={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},tr={"&amp;":"&","&lt;":"<","&gt;":">","&quot;":'"',"&#39;":"'"},nr={"\\":"\\","'":"'","\n":"n","\r":"r","\u2028":"u2028","\u2029":"u2029"},rr=parseFloat,or=parseInt,ir="object"==typeof e&&e&&e.Object===Object&&e,ar="object"==typeof self&&self&&self.Object===Object&&self,sr=ir||ar||Function("return this")(),ur="object"==typeof t&&t&&!t.nodeType&&t,lr=ur&&"object"==typeof o&&o&&!o.nodeType&&o,cr=lr&&lr.exports===ur,fr=cr&&ir.process,pr=function(){try{return fr&&fr.binding&&fr.binding("util")}catch(e){}}(),dr=pr&&pr.isArrayBuffer,hr=pr&&pr.isDate,vr=pr&&pr.isMap,mr=pr&&pr.isRegExp,yr=pr&&pr.isSet,gr=pr&&pr.isTypedArray,br=T("length"),_r=k(Jn),wr=k(er),xr=k(tr),Cr=function Sr(e){function t(e){if(lu(e)&&!wp(e)&&!(e instanceof o)){if(e instanceof r)return e;if(_c.call(e,"__wrapped__"))return aa(e)}return new r(e)}function n(){}function r(e,t){this.__wrapped__=e,this.__actions__=[],this.__chain__=!!t,this.__index__=0,this.__values__=oe}function o(e){this.__wrapped__=e,this.__actions__=[],this.__dir__=1,this.__filtered__=!1,this.__iteratees__=[],this.__takeCount__=Fe,this.__views__=[]}function _(){var e=new o(this.__wrapped__);return e.__actions__=Bo(this.__actions__),e.__dir__=this.__dir__,e.__filtered__=this.__filtered__,e.__iteratees__=Bo(this.__iteratees__),e.__takeCount__=this.__takeCount__,e.__views__=Bo(this.__views__),e}function k(){if(this.__filtered__){var e=new o(this);e.__dir__=-1,e.__filtered__=!0}else e=this.clone(),e.__dir__*=-1;return e}function Z(){var e=this.__wrapped__.value(),t=this.__dir__,n=wp(e),r=t<0,o=n?e.length:0,i=Mi(0,o,this.__views__),a=i.start,s=i.end,u=s-a,l=r?s:a-1,c=this.__iteratees__,f=c.length,p=0,d=$c(u,this.__takeCount__);if(!n||!r&&o==u&&d==u)return xo(e,this.__actions__);var h=[];e:for(;u--&&p<d;){l+=t;for(var v=-1,m=e[l];++v<f;){var y=c[v],g=y.iteratee,b=y.type,_=g(m);if(b==Ae)m=_;else if(!_){if(b==Ne)continue e;break e}}h[p++]=m}return h}function te(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function ne(){this.__data__=sf?sf(null):{},this.size=0}function Ht(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}function tn(e){var t=this.__data__;if(sf){var n=t[e];return n===le?oe:n}return _c.call(t,e)?t[e]:oe}function nn(e){var t=this.__data__;return sf?t[e]!==oe:_c.call(t,e)}function rn(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=sf&&t===oe?le:t,this}function on(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function an(){this.__data__=[],this.size=0}function sn(e){var t=this.__data__,n=An(t,e);if(n<0)return!1;var r=t.length-1;return n==r?t.pop():jc.call(t,n,1),--this.size,!0}function un(e){var t=this.__data__,n=An(t,e);return n<0?oe:t[n][1]}function ln(e){return An(this.__data__,e)>-1}function cn(e,t){var n=this.__data__,r=An(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this}function fn(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function pn(){this.size=0,this.__data__={hash:new te,map:new(nf||on),string:new te}}function dn(e){var t=Oi(this,e)["delete"](e);return this.size-=t?1:0,t}function hn(e){return Oi(this,e).get(e)}function vn(e){return Oi(this,e).has(e)}function mn(e,t){var n=Oi(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this}function yn(e){var t=-1,n=null==e?0:e.length;for(this.__data__=new fn;++t<n;)this.add(e[t])}function gn(e){return this.__data__.set(e,le),this}function bn(e){return this.__data__.has(e)}function _n(e){var t=this.__data__=new on(e);this.size=t.size}function wn(){this.__data__=new on,this.size=0}function xn(e){var t=this.__data__,n=t["delete"](e);return this.size=t.size,n}function Cn(e){return this.__data__.get(e)}function En(e){return this.__data__.has(e)}function Sn(e,t){var n=this.__data__;if(n instanceof on){var r=n.__data__;if(!nf||r.length<ae-1)return r.push([e,t]),this.size=++n.size,this;n=this.__data__=new fn(r)}return n.set(e,t),this.size=n.size,this}function On(e,t){var n=wp(e),r=!n&&_p(e),o=!n&&!r&&Cp(e),i=!n&&!r&&!o&&Tp(e),a=n||r||o||i,s=a?D(e.length,dc):[],u=s.length;for(var l in e)!t&&!_c.call(e,l)||a&&("length"==l||o&&("offset"==l||"parent"==l)||i&&("buffer"==l||"byteLength"==l||"byteOffset"==l)||Fi(l,u))||s.push(l);return s}function Pn(e){var t=e.length;return t?e[no(0,t-1)]:oe}function Tn(e,t){return na(Bo(e),Fn(t,0,e.length))}function kn(e){return na(Bo(e))}function Mn(e,t,n){(n===oe||Xs(e[t],n))&&(n!==oe||t in e)||In(e,t,n)}function Nn(e,t,n){var r=e[t];_c.call(e,t)&&Xs(r,n)&&(n!==oe||t in e)||In(e,t,n)}function An(e,t){for(var n=e.length;n--;)if(Xs(e[n][0],t))return n;return-1}function Dn(e,t,n,r){return bf(e,function(e,o,i){t(r,e,n(e),i)}),r}function jn(e,t){return e&&zo(t,Ku(t),e)}function Rn(e,t){return e&&zo(t,Wu(t),e)}function In(e,t,n){"__proto__"==t&&Fc?Fc(e,t,{configurable:!0,enumerable:!0,value:n,writable:!0}):e[t]=n}function Ln(e,t){for(var n=-1,r=t.length,o=ac(r),i=null==e;++n<r;)o[n]=i?oe:Bu(e,t[n]);return o}function Fn(e,t,n){return e===e&&(n!==oe&&(e=e<=n?e:n),t!==oe&&(e=e>=t?e:t)),e}function Un(e,t,n,r,o,i){var a,s=t&pe,u=t&de,c=t&he;if(n&&(a=o?n(e,r,o,i):n(e)),a!==oe)return a;if(!uu(e))return e;var f=wp(e);if(f){if(a=Di(e),!s)return Bo(e,a)}else{var p=Nf(e),d=p==Xe||p==$e;if(Cp(e))return ko(e,s);if(p==et||p==ze||d&&!o){if(a=u||d?{}:ji(e),!s)return u?Ko(e,Rn(a,e)):Ho(e,jn(a,e))}else{if(!Qn[p])return o?e:{};a=Ri(e,p,Un,s)}}i||(i=new _n);var h=i.get(e);if(h)return h;i.set(e,a);var v=c?u?xi:wi:u?Wu:Ku,m=f?oe:v(e);return l(m||e,function(r,o){m&&(o=r,r=e[o]),Nn(a,o,Un(r,t,n,o,e,i))}),a}function Vn(e){var t=Ku(e);return function(n){return Bn(n,e,t)}}function Bn(e,t,n){var r=n.length;if(null==e)return!r;for(e=fc(e);r--;){var o=n[r],i=t[o],a=e[o];if(a===oe&&!(o in e)||!i(a))return!1}return!0}function zn(e,t,n){if("function"!=typeof e)throw new hc(ue);return jf(function(){e.apply(oe,n)},t)}function Wn(e,t,n,r){var o=-1,i=d,a=!0,s=e.length,u=[],l=t.length;if(!s)return u;n&&(t=v(t,R(n))),r?(i=h,a=!1):t.length>=ae&&(i=L,a=!1,t=new yn(t));e:for(;++o<s;){var c=e[o],f=null==n?c:n(c);if(c=r||0!==c?c:0,a&&f===f){for(var p=l;p--;)if(t[p]===f)continue e;u.push(c)}else i(t,f,r)||u.push(c)}return u}function qn(e,t){var n=!0;return bf(e,function(e,r,o){return n=!!t(e,r,o)}),n}function Yn(e,t,n){for(var r=-1,o=e.length;++r<o;){var i=e[r],a=t(i);if(null!=a&&(s===oe?a===a&&!_u(a):n(a,s)))var s=a,u=i}return u}function Gn(e,t,n,r){var o=e.length;for(n=Ou(n),n<0&&(n=-n>o?0:o+n),r=r===oe||r>o?o:Ou(r),r<0&&(r+=o),r=n>r?0:Pu(r);n<r;)e[n++]=t;return e}function Jn(e,t){var n=[];return bf(e,function(e,r,o){t(e,r,o)&&n.push(e)}),n}function er(e,t,n,r,o){var i=-1,a=e.length;for(n||(n=Li),o||(o=[]);++i<a;){var s=e[i];t>0&&n(s)?t>1?er(s,t-1,n,r,o):m(o,s):r||(o[o.length]=s)}return o}function tr(e,t){return e&&wf(e,t,Ku)}function nr(e,t){return e&&xf(e,t,Ku)}function ir(e,t){return p(t,function(t){return iu(e[t])})}function ar(e,t){t=Po(t,e);for(var n=0,r=t.length;null!=e&&n<r;)e=e[ra(t[n++])];return n&&n==r?e:oe}function ur(e,t,n){var r=t(e);return wp(e)?r:m(r,n(e))}function lr(e){return null==e?e===oe?st:Je:Lc&&Lc in fc(e)?ki(e):$i(e)}function fr(e,t){return e>t}function pr(e,t){return null!=e&&_c.call(e,t)}function br(e,t){return null!=e&&t in fc(e)}function Cr(e,t,n){return e>=$c(t,n)&&e<Xc(t,n)}function Or(e,t,n){for(var r=n?h:d,o=e[0].length,i=e.length,a=i,s=ac(i),u=1/0,l=[];a--;){var c=e[a];a&&t&&(c=v(c,R(t))),u=$c(c.length,u),s[a]=!n&&(t||o>=120&&c.length>=120)?new yn(a&&c):oe}c=e[0];var f=-1,p=s[0];e:for(;++f<o&&l.length<u;){var m=c[f],y=t?t(m):m;if(m=n||0!==m?m:0,!(p?L(p,y):r(l,y,n))){for(a=i;--a;){var g=s[a];if(!(g?L(g,y):r(e[a],y,n)))continue e}p&&p.push(y),l.push(m)}}return l}function Pr(e,t,n,r){return tr(e,function(e,o,i){t(r,n(e),o,i)}),r}function Tr(e,t,n){t=Po(t,e),e=Qi(e,t);var r=null==e?e:e[ra(Sa(t))];return null==r?oe:s(r,e,n)}function kr(e){return lu(e)&&lr(e)==ze}function Mr(e){return lu(e)&&lr(e)==ct}function Nr(e){return lu(e)&&lr(e)==qe}function Ar(e,t,n,r,o){return e===t||(null==e||null==t||!lu(e)&&!lu(t)?e!==e&&t!==t:Dr(e,t,n,r,Ar,o))}function Dr(e,t,n,r,o,i){var a=wp(e),s=wp(t),u=a?He:Nf(e),l=s?He:Nf(t);u=u==ze?et:u,l=l==ze?et:l;var c=u==et,f=l==et,p=u==l;if(p&&Cp(e)){if(!Cp(t))return!1;a=!0,c=!1}if(p&&!c)return i||(i=new _n),a||Tp(e)?yi(e,t,n,r,o,i):gi(e,t,u,n,r,o,i);if(!(n&ve)){var d=c&&_c.call(e,"__wrapped__"),h=f&&_c.call(t,"__wrapped__");if(d||h){var v=d?e.value():e,m=h?t.value():t;return i||(i=new _n),o(v,m,n,r,i)}}return!!p&&(i||(i=new _n),bi(e,t,n,r,o,i))}function jr(e){return lu(e)&&Nf(e)==Ze}function Rr(e,t,n,r){var o=n.length,i=o,a=!r;if(null==e)return!i;for(e=fc(e);o--;){var s=n[o];if(a&&s[2]?s[1]!==e[s[0]]:!(s[0]in e))return!1}for(;++o<i;){s=n[o];var u=s[0],l=e[u],c=s[1];if(a&&s[2]){if(l===oe&&!(u in e))return!1}else{var f=new _n;if(r)var p=r(l,c,u,e,t,f);if(!(p===oe?Ar(c,l,ve|me,r,f):p))return!1}}return!0}function Ir(e){if(!uu(e)||Hi(e))return!1;var t=iu(e)?Oc:Xt;return t.test(oa(e))}function Lr(e){return lu(e)&&lr(e)==rt}function Fr(e){return lu(e)&&Nf(e)==ot}function Ur(e){return lu(e)&&su(e.length)&&!!Zn[lr(e)]}function Vr(e){return"function"==typeof e?e:null==e?jl:"object"==typeof e?wp(e)?qr(e[0],e[1]):Wr(e):zl(e)}function Br(e){if(!Ki(e))return Gc(e);var t=[];for(var n in fc(e))_c.call(e,n)&&"constructor"!=n&&t.push(n);return t}function zr(e){if(!uu(e))return Xi(e);var t=Ki(e),n=[];for(var r in e)("constructor"!=r||!t&&_c.call(e,r))&&n.push(r);return n}function Hr(e,t){return e<t}function Kr(e,t){var n=-1,r=$s(e)?ac(e.length):[];return bf(e,function(e,o,i){r[++n]=t(e,o,i)}),r}function Wr(e){var t=Pi(e);return 1==t.length&&t[0][2]?qi(t[0][0],t[0][1]):function(n){return n===e||Rr(n,e,t)}}function qr(e,t){return Vi(e)&&Wi(t)?qi(ra(e),t):function(n){var r=Bu(n,e);return r===oe&&r===t?Hu(n,e):Ar(t,r,ve|me)}}function Yr(e,t,n,r,o){e!==t&&wf(t,function(i,a){if(uu(i))o||(o=new _n),Gr(e,t,a,n,Yr,r,o);else{var s=r?r(e[a],i,a+"",e,t,o):oe;s===oe&&(s=i),Mn(e,a,s)}},Wu)}function Gr(e,t,n,r,o,i,a){var s=e[n],u=t[n],l=a.get(u);if(l)return void Mn(e,n,l);var c=i?i(s,u,n+"",e,t,a):oe,f=c===oe;if(f){var p=wp(u),d=!p&&Cp(u),h=!p&&!d&&Tp(u);c=u,p||d||h?wp(s)?c=s:Zs(s)?c=Bo(s):d?(f=!1,c=ko(u,!0)):h?(f=!1,c=Io(u,!0)):c=[]:yu(u)||_p(u)?(c=s,_p(s)?c=ku(s):(!uu(s)||r&&iu(s))&&(c=ji(u))):f=!1}f&&(a.set(u,c),o(c,u,r,i,a),a["delete"](u)),Mn(e,n,c)}function Xr(e,t){var n=e.length;if(n)return t+=t<0?n:0,Fi(t,n)?e[t]:oe}function $r(e,t,n){var r=-1;t=v(t.length?t:[jl],R(Si()));var o=Kr(e,function(e,n,o){var i=v(t,function(t){return t(e)});return{criteria:i,index:++r,value:e}});return N(o,function(e,t){return Fo(e,t,n)})}function Zr(e,t){return Qr(e,t,function(t,n){return Hu(e,n)})}function Qr(e,t,n){for(var r=-1,o=t.length,i={};++r<o;){var a=t[r],s=ar(e,a);n(s,a)&&uo(i,Po(a,e),s)}return i}function Jr(e){return function(t){return ar(t,e)}}function eo(e,t,n,r){var o=r?S:E,i=-1,a=t.length,s=e;for(e===t&&(t=Bo(t)),n&&(s=v(e,R(n)));++i<a;)for(var u=0,l=t[i],c=n?n(l):l;(u=o(s,c,u,r))>-1;)s!==e&&jc.call(s,u,1),jc.call(e,u,1);return e}function to(e,t){for(var n=e?t.length:0,r=n-1;n--;){var o=t[n];if(n==r||o!==i){var i=o;Fi(o)?jc.call(e,o,1):bo(e,o)}}return e}function no(e,t){return e+Hc(Jc()*(t-e+1))}function ro(e,t,n,r){for(var o=-1,i=Xc(zc((t-e)/(n||1)),0),a=ac(i);i--;)a[r?i:++o]=e,e+=n;return a}function oo(e,t){var n="";if(!e||t<1||t>Re)return n;do t%2&&(n+=e),t=Hc(t/2),t&&(e+=e);while(t);return n}function io(e,t){return Rf(Zi(e,t,jl),e+"")}function ao(e){return Pn(rl(e))}function so(e,t){var n=rl(e);return na(n,Fn(t,0,n.length))}function uo(e,t,n,r){if(!uu(e))return e;t=Po(t,e);for(var o=-1,i=t.length,a=i-1,s=e;null!=s&&++o<i;){var u=ra(t[o]),l=n;if(o!=a){var c=s[u];l=r?r(c,u,s):oe,l===oe&&(l=uu(c)?c:Fi(t[o+1])?[]:{})}Nn(s,u,l),s=s[u]}return e}function lo(e){return na(rl(e))}function co(e,t,n){var r=-1,o=e.length;t<0&&(t=-t>o?0:o+t),n=n>o?o:n,n<0&&(n+=o),o=t>n?0:n-t>>>0,t>>>=0;for(var i=ac(o);++r<o;)i[r]=e[r+t];return i}function fo(e,t){var n;return bf(e,function(e,r,o){return n=t(e,r,o),!n}),!!n}function po(e,t,n){var r=0,o=null==e?r:e.length;if("number"==typeof t&&t===t&&o<=Ve){for(;r<o;){var i=r+o>>>1,a=e[i];null!==a&&!_u(a)&&(n?a<=t:a<t)?r=i+1:o=i}return o}return ho(e,t,jl,n)}function ho(e,t,n,r){t=n(t);for(var o=0,i=null==e?0:e.length,a=t!==t,s=null===t,u=_u(t),l=t===oe;o<i;){var c=Hc((o+i)/2),f=n(e[c]),p=f!==oe,d=null===f,h=f===f,v=_u(f);if(a)var m=r||h;else m=l?h&&(r||p):s?h&&p&&(r||!d):u?h&&p&&!d&&(r||!v):!d&&!v&&(r?f<=t:f<t);m?o=c+1:i=c}return $c(i,Ue)}function vo(e,t){for(var n=-1,r=e.length,o=0,i=[];++n<r;){var a=e[n],s=t?t(a):a;if(!n||!Xs(s,u)){var u=s;i[o++]=0===a?0:a}}return i}function mo(e){return"number"==typeof e?e:_u(e)?Le:+e}function yo(e){if("string"==typeof e)return e;if(wp(e))return v(e,yo)+"";if(_u(e))return yf?yf.call(e):"";var t=e+"";return"0"==t&&1/e==-je?"-0":t}function go(e,t,n){var r=-1,o=d,i=e.length,a=!0,s=[],u=s;if(n)a=!1,o=h;else if(i>=ae){var l=t?null:Pf(e);if(l)return X(l);a=!1,o=L,u=new yn}else u=t?[]:s;e:for(;++r<i;){var c=e[r],f=t?t(c):c;if(c=n||0!==c?c:0,a&&f===f){for(var p=u.length;p--;)if(u[p]===f)continue e;t&&u.push(f),s.push(c)}else o(u,f,n)||(u!==s&&u.push(f),s.push(c))}return s}function bo(e,t){return t=Po(t,e),e=Qi(e,t),null==e||delete e[ra(Sa(t))]}function _o(e,t,n,r){return uo(e,t,n(ar(e,t)),r)}function wo(e,t,n,r){for(var o=e.length,i=r?o:-1;(r?i--:++i<o)&&t(e[i],i,e););return n?co(e,r?0:i,r?i+1:o):co(e,r?i+1:0,r?o:i)}function xo(e,t){var n=e;return n instanceof o&&(n=n.value()),y(t,function(e,t){return t.func.apply(t.thisArg,m([e],t.args))},n)}function Co(e,t,n){var r=e.length;if(r<2)return r?go(e[0]):[];for(var o=-1,i=ac(r);++o<r;)for(var a=e[o],s=-1;++s<r;)s!=o&&(i[o]=Wn(i[o]||a,e[s],t,n));return go(er(i,1),t,n)}function Eo(e,t,n){for(var r=-1,o=e.length,i=t.length,a={};++r<o;){var s=r<i?t[r]:oe;n(a,e[r],s)}return a}function So(e){return Zs(e)?e:[]}function Oo(e){return"function"==typeof e?e:jl}function Po(e,t){return wp(e)?e:Vi(e,t)?[e]:If(Nu(e))}function To(e,t,n){var r=e.length;return n=n===oe?r:n,!t&&n>=r?e:co(e,t,n)}function ko(e,t){if(t)return e.slice();var n=e.length,r=Mc?Mc(n):new e.constructor(n);return e.copy(r),r}function Mo(e){var t=new e.constructor(e.byteLength);return new kc(t).set(new kc(e)),t}function No(e,t){var n=t?Mo(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.byteLength)}function Ao(e,t,n){var r=t?n(q(e),pe):q(e);return y(r,i,new e.constructor)}function Do(e){var t=new e.constructor(e.source,qt.exec(e));return t.lastIndex=e.lastIndex,t}function jo(e,t,n){var r=t?n(X(e),pe):X(e);return y(r,a,new e.constructor)}function Ro(e){return mf?fc(mf.call(e)):{}}function Io(e,t){var n=t?Mo(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.length)}function Lo(e,t){if(e!==t){var n=e!==oe,r=null===e,o=e===e,i=_u(e),a=t!==oe,s=null===t,u=t===t,l=_u(t);if(!s&&!l&&!i&&e>t||i&&a&&u&&!s&&!l||r&&a&&u||!n&&u||!o)return 1;if(!r&&!i&&!l&&e<t||l&&n&&o&&!r&&!i||s&&n&&o||!a&&o||!u)return-1}return 0}function Fo(e,t,n){for(var r=-1,o=e.criteria,i=t.criteria,a=o.length,s=n.length;++r<a;){var u=Lo(o[r],i[r]);if(u){if(r>=s)return u;var l=n[r];return u*("desc"==l?-1:1)}}return e.index-t.index}function Uo(e,t,n,r){for(var o=-1,i=e.length,a=n.length,s=-1,u=t.length,l=Xc(i-a,0),c=ac(u+l),f=!r;++s<u;)c[s]=t[s];for(;++o<a;)(f||o<i)&&(c[n[o]]=e[o]);for(;l--;)c[s++]=e[o++];return c}function Vo(e,t,n,r){for(var o=-1,i=e.length,a=-1,s=n.length,u=-1,l=t.length,c=Xc(i-s,0),f=ac(c+l),p=!r;++o<c;)f[o]=e[o];for(var d=o;++u<l;)f[d+u]=t[u];for(;++a<s;)(p||o<i)&&(f[d+n[a]]=e[o++]);return f}function Bo(e,t){var n=-1,r=e.length;for(t||(t=ac(r));++n<r;)t[n]=e[n];return t}function zo(e,t,n,r){var o=!n;n||(n={});for(var i=-1,a=t.length;++i<a;){var s=t[i],u=r?r(n[s],e[s],s,n,e):oe;u===oe&&(u=e[s]),o?In(n,s,u):Nn(n,s,u)}return n}function Ho(e,t){return zo(e,kf(e),t)}function Ko(e,t){return zo(e,Mf(e),t)}function Wo(e,t){return function(n,r){var o=wp(n)?u:Dn,i=t?t():{};return o(n,e,Si(r,2),i)}}function qo(e){return io(function(t,n){var r=-1,o=n.length,i=o>1?n[o-1]:oe,a=o>2?n[2]:oe;for(i=e.length>3&&"function"==typeof i?(o--,i):oe,a&&Ui(n[0],n[1],a)&&(i=o<3?oe:i,o=1),t=fc(t);++r<o;){var s=n[r];s&&e(t,s,r,i)}return t})}function Yo(e,t){return function(n,r){if(null==n)return n;if(!$s(n))return e(n,r);for(var o=n.length,i=t?o:-1,a=fc(n);(t?i--:++i<o)&&r(a[i],i,a)!==!1;);return n}}function Go(e){return function(t,n,r){for(var o=-1,i=fc(t),a=r(t),s=a.length;s--;){var u=a[e?s:++o];if(n(i[u],u,i)===!1)break}return t}}function Xo(e,t,n){function r(){var t=this&&this!==sr&&this instanceof r?i:e;return t.apply(o?n:this,arguments)}var o=t&ye,i=Qo(e);return r}function $o(e){return function(t){t=Nu(t);var n=H(t)?ee(t):oe,r=n?n[0]:t.charAt(0),o=n?To(n,1).join(""):t.slice(1);return r[e]()+o}}function Zo(e){return function(t){return y(kl(ll(t).replace(Hn,"")),e,"")}}function Qo(e){return function(){var t=arguments;switch(t.length){case 0:return new e;case 1:return new e(t[0]);case 2:return new e(t[0],t[1]);case 3:return new e(t[0],t[1],t[2]);case 4:return new e(t[0],t[1],t[2],t[3]);case 5:return new e(t[0],t[1],t[2],t[3],t[4]);case 6:return new e(t[0],t[1],t[2],t[3],t[4],t[5]);case 7:return new e(t[0],t[1],t[2],t[3],t[4],t[5],t[6])}var n=gf(e.prototype),r=e.apply(n,t);return uu(r)?r:n}}function Jo(e,t,n){function r(){for(var i=arguments.length,a=ac(i),u=i,l=Ei(r);u--;)a[u]=arguments[u];var c=i<3&&a[0]!==l&&a[i-1]!==l?[]:G(a,l);if(i-=c.length,i<n)return ci(e,t,ni,r.placeholder,oe,a,c,oe,oe,n-i);var f=this&&this!==sr&&this instanceof r?o:e;return s(f,this,a)}var o=Qo(e);return r}function ei(e){return function(t,n,r){var o=fc(t);if(!$s(t)){var i=Si(n,3);t=Ku(t),n=function(e){return i(o[e],e,o)}}var a=e(t,n,r);return a>-1?o[i?t[a]:a]:oe}}function ti(e){return _i(function(t){var n=t.length,o=n,i=r.prototype.thru;for(e&&t.reverse();o--;){var a=t[o];if("function"!=typeof a)throw new hc(ue);if(i&&!s&&"wrapper"==Ci(a))var s=new r([],(!0))}for(o=s?o:n;++o<n;){a=t[o];var u=Ci(a),l="wrapper"==u?Tf(a):oe;s=l&&zi(l[0])&&l[1]==(Ee|_e|xe|Se)&&!l[4].length&&1==l[9]?s[Ci(l[0])].apply(s,l[3]):1==a.length&&zi(a)?s[u]():s.thru(a)}return function(){var e=arguments,r=e[0];if(s&&1==e.length&&wp(r))return s.plant(r).value();for(var o=0,i=n?t[o].apply(this,e):r;++o<n;)i=t[o].call(this,i);return i}})}function ni(e,t,n,r,o,i,a,s,u,l){function c(){for(var y=arguments.length,g=ac(y),b=y;b--;)g[b]=arguments[b];if(h)var _=Ei(c),w=V(g,_);if(r&&(g=Uo(g,r,o,h)),i&&(g=Vo(g,i,a,h)),y-=w,h&&y<l){var x=G(g,_);return ci(e,t,ni,c.placeholder,n,g,x,s,u,l-y)}var C=p?n:this,E=d?C[e]:e;return y=g.length,s?g=Ji(g,s):v&&y>1&&g.reverse(),f&&u<y&&(g.length=u),this&&this!==sr&&this instanceof c&&(E=m||Qo(E)),E.apply(C,g)}var f=t&Ee,p=t&ye,d=t&ge,h=t&(_e|we),v=t&Oe,m=d?oe:Qo(e);return c}function ri(e,t){return function(n,r){return Pr(n,e,t(r),{})}}function oi(e,t){return function(n,r){var o;if(n===oe&&r===oe)return t;if(n!==oe&&(o=n),r!==oe){if(o===oe)return r;"string"==typeof n||"string"==typeof r?(n=yo(n),r=yo(r)):(n=mo(n),r=mo(r)),o=e(n,r)}return o}}function ii(e){return _i(function(t){return t=v(t,R(Si())),io(function(n){var r=this;return e(t,function(e){return s(e,r,n)})})})}function ai(e,t){t=t===oe?" ":yo(t);var n=t.length;if(n<2)return n?oo(t,e):t;var r=oo(t,zc(e/J(t)));return H(t)?To(ee(r),0,e).join(""):r.slice(0,e)}function si(e,t,n,r){function o(){for(var t=-1,u=arguments.length,l=-1,c=r.length,f=ac(c+u),p=this&&this!==sr&&this instanceof o?a:e;++l<c;)f[l]=r[l];for(;u--;)f[l++]=arguments[++t];return s(p,i?n:this,f)}var i=t&ye,a=Qo(e);return o}function ui(e){return function(t,n,r){return r&&"number"!=typeof r&&Ui(t,n,r)&&(n=r=oe),t=Su(t),n===oe?(n=t,t=0):n=Su(n),r=r===oe?t<n?1:-1:Su(r),ro(t,n,r,e)}}function li(e){return function(t,n){return"string"==typeof t&&"string"==typeof n||(t=Tu(t),n=Tu(n)),e(t,n)}}function ci(e,t,n,r,o,i,a,s,u,l){var c=t&_e,f=c?a:oe,p=c?oe:a,d=c?i:oe,h=c?oe:i;t|=c?xe:Ce,t&=~(c?Ce:xe),t&be||(t&=~(ye|ge));var v=[e,t,o,d,f,h,p,s,u,l],m=n.apply(oe,v);return zi(e)&&Df(m,v),m.placeholder=r,ea(m,e,t)}function fi(e){var t=cc[e];return function(e,n){if(e=Tu(e),n=null==n?0:$c(Ou(n),292)){var r=(Nu(e)+"e").split("e"),o=t(r[0]+"e"+(+r[1]+n));return r=(Nu(o)+"e").split("e"),+(r[0]+"e"+(+r[1]-n))}return t(e)}}function pi(e){return function(t){var n=Nf(t);return n==Ze?q(t):n==ot?$(t):j(t,e(t))}}function di(e,t,n,r,o,i,a,s){var u=t&ge;if(!u&&"function"!=typeof e)throw new hc(ue);var l=r?r.length:0;if(l||(t&=~(xe|Ce),r=o=oe),a=a===oe?a:Xc(Ou(a),0),s=s===oe?s:Ou(s),l-=o?o.length:0,t&Ce){var c=r,f=o;r=o=oe}var p=u?oe:Tf(e),d=[e,t,n,r,o,c,f,i,a,s];if(p&&Gi(d,p),e=d[0],t=d[1],n=d[2],r=d[3],o=d[4],s=d[9]=d[9]===oe?u?0:e.length:Xc(d[9]-l,0),!s&&t&(_e|we)&&(t&=~(_e|we)),t&&t!=ye)h=t==_e||t==we?Jo(e,t,s):t!=xe&&t!=(ye|xe)||o.length?ni.apply(oe,d):si(e,t,n,r);else var h=Xo(e,t,n);var v=p?Cf:Df;return ea(v(h,d),e,t)}function hi(e,t,n,r){return e===oe||Xs(e,yc[n])&&!_c.call(r,n)?t:e}function vi(e,t,n,r,o,i){return uu(e)&&uu(t)&&(i.set(t,e),Yr(e,t,oe,vi,i),i["delete"](t)),e}function mi(e){return yu(e)?oe:e}function yi(e,t,n,r,o,i){var a=n&ve,s=e.length,u=t.length;if(s!=u&&!(a&&u>s))return!1;var l=i.get(e);if(l&&i.get(t))return l==t;var c=-1,f=!0,p=n&me?new yn:oe;for(i.set(e,t),i.set(t,e);++c<s;){var d=e[c],h=t[c];if(r)var v=a?r(h,d,c,t,e,i):r(d,h,c,e,t,i);if(v!==oe){if(v)continue;f=!1;break}if(p){if(!b(t,function(e,t){if(!L(p,t)&&(d===e||o(d,e,n,r,i)))return p.push(t)})){f=!1;break}}else if(d!==h&&!o(d,h,n,r,i)){f=!1;break}}return i["delete"](e),i["delete"](t),f}function gi(e,t,n,r,o,i,a){switch(n){case ft:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case ct:return!(e.byteLength!=t.byteLength||!i(new kc(e),new kc(t)));case We:case qe:case Qe:return Xs(+e,+t);case Ge:return e.name==t.name&&e.message==t.message;case rt:case it:return e==t+"";case Ze:var s=q;case ot:var u=r&ve;if(s||(s=X),e.size!=t.size&&!u)return!1;var l=a.get(e);if(l)return l==t;r|=me,a.set(e,t);var c=yi(s(e),s(t),r,o,i,a);return a["delete"](e),
+c;case at:if(mf)return mf.call(e)==mf.call(t)}return!1}function bi(e,t,n,r,o,i){var a=n&ve,s=wi(e),u=s.length,l=wi(t),c=l.length;if(u!=c&&!a)return!1;for(var f=u;f--;){var p=s[f];if(!(a?p in t:_c.call(t,p)))return!1}var d=i.get(e);if(d&&i.get(t))return d==t;var h=!0;i.set(e,t),i.set(t,e);for(var v=a;++f<u;){p=s[f];var m=e[p],y=t[p];if(r)var g=a?r(y,m,p,t,e,i):r(m,y,p,e,t,i);if(!(g===oe?m===y||o(m,y,n,r,i):g)){h=!1;break}v||(v="constructor"==p)}if(h&&!v){var b=e.constructor,_=t.constructor;b!=_&&"constructor"in e&&"constructor"in t&&!("function"==typeof b&&b instanceof b&&"function"==typeof _&&_ instanceof _)&&(h=!1)}return i["delete"](e),i["delete"](t),h}function _i(e){return Rf(Zi(e,oe,ya),e+"")}function wi(e){return ur(e,Ku,kf)}function xi(e){return ur(e,Wu,Mf)}function Ci(e){for(var t=e.name+"",n=lf[t],r=_c.call(lf,t)?n.length:0;r--;){var o=n[r],i=o.func;if(null==i||i==e)return o.name}return t}function Ei(e){var n=_c.call(t,"placeholder")?t:e;return n.placeholder}function Si(){var e=t.iteratee||Rl;return e=e===Rl?Vr:e,arguments.length?e(arguments[0],arguments[1]):e}function Oi(e,t){var n=e.__data__;return Bi(t)?n["string"==typeof t?"string":"hash"]:n.map}function Pi(e){for(var t=Ku(e),n=t.length;n--;){var r=t[n],o=e[r];t[n]=[r,o,Wi(o)]}return t}function Ti(e,t){var n=z(e,t);return Ir(n)?n:oe}function ki(e){var t=_c.call(e,Lc),n=e[Lc];try{e[Lc]=oe;var r=!0}catch(o){}var i=Cc.call(e);return r&&(t?e[Lc]=n:delete e[Lc]),i}function Mi(e,t,n){for(var r=-1,o=n.length;++r<o;){var i=n[r],a=i.size;switch(i.type){case"drop":e+=a;break;case"dropRight":t-=a;break;case"take":t=$c(t,e+a);break;case"takeRight":e=Xc(e,t-a)}}return{start:e,end:t}}function Ni(e){var t=e.match(Bt);return t?t[1].split(zt):[]}function Ai(e,t,n){t=Po(t,e);for(var r=-1,o=t.length,i=!1;++r<o;){var a=ra(t[r]);if(!(i=null!=e&&n(e,a)))break;e=e[a]}return i||++r!=o?i:(o=null==e?0:e.length,!!o&&su(o)&&Fi(a,o)&&(wp(e)||_p(e)))}function Di(e){var t=e.length,n=e.constructor(t);return t&&"string"==typeof e[0]&&_c.call(e,"index")&&(n.index=e.index,n.input=e.input),n}function ji(e){return"function"!=typeof e.constructor||Ki(e)?{}:gf(Nc(e))}function Ri(e,t,n,r){var o=e.constructor;switch(t){case ct:return Mo(e);case We:case qe:return new o((+e));case ft:return No(e,r);case pt:case dt:case ht:case vt:case mt:case yt:case gt:case bt:case _t:return Io(e,r);case Ze:return Ao(e,r,n);case Qe:case it:return new o(e);case rt:return Do(e);case ot:return jo(e,r,n);case at:return Ro(e)}}function Ii(e,t){var n=t.length;if(!n)return e;var r=n-1;return t[r]=(n>1?"& ":"")+t[r],t=t.join(n>2?", ":" "),e.replace(Vt,"{\n/* [wrapped with "+t+"] */\n")}function Li(e){return wp(e)||_p(e)||!!(Rc&&e&&e[Rc])}function Fi(e,t){return t=null==t?Re:t,!!t&&("number"==typeof e||Zt.test(e))&&e>-1&&e%1==0&&e<t}function Ui(e,t,n){if(!uu(n))return!1;var r=typeof t;return!!("number"==r?$s(n)&&Fi(t,n.length):"string"==r&&t in n)&&Xs(n[t],e)}function Vi(e,t){if(wp(e))return!1;var n=typeof e;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=e&&!_u(e))||(At.test(e)||!Nt.test(e)||null!=t&&e in fc(t))}function Bi(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e}function zi(e){var n=Ci(e),r=t[n];if("function"!=typeof r||!(n in o.prototype))return!1;if(e===r)return!0;var i=Tf(r);return!!i&&e===i[0]}function Hi(e){return!!xc&&xc in e}function Ki(e){var t=e&&e.constructor,n="function"==typeof t&&t.prototype||yc;return e===n}function Wi(e){return e===e&&!uu(e)}function qi(e,t){return function(n){return null!=n&&(n[e]===t&&(t!==oe||e in fc(n)))}}function Yi(e){var t=Rs(e,function(e){return n.size===ce&&n.clear(),e}),n=t.cache;return t}function Gi(e,t){var n=e[1],r=t[1],o=n|r,i=o<(ye|ge|Ee),a=r==Ee&&n==_e||r==Ee&&n==Se&&e[7].length<=t[8]||r==(Ee|Se)&&t[7].length<=t[8]&&n==_e;if(!i&&!a)return e;r&ye&&(e[2]=t[2],o|=n&ye?0:be);var s=t[3];if(s){var u=e[3];e[3]=u?Uo(u,s,t[4]):s,e[4]=u?G(e[3],fe):t[4]}return s=t[5],s&&(u=e[5],e[5]=u?Vo(u,s,t[6]):s,e[6]=u?G(e[5],fe):t[6]),s=t[7],s&&(e[7]=s),r&Ee&&(e[8]=null==e[8]?t[8]:$c(e[8],t[8])),null==e[9]&&(e[9]=t[9]),e[0]=t[0],e[1]=o,e}function Xi(e){var t=[];if(null!=e)for(var n in fc(e))t.push(n);return t}function $i(e){return Cc.call(e)}function Zi(e,t,n){return t=Xc(t===oe?e.length-1:t,0),function(){for(var r=arguments,o=-1,i=Xc(r.length-t,0),a=ac(i);++o<i;)a[o]=r[t+o];o=-1;for(var u=ac(t+1);++o<t;)u[o]=r[o];return u[t]=n(a),s(e,this,u)}}function Qi(e,t){return t.length<2?e:ar(e,co(t,0,-1))}function Ji(e,t){for(var n=e.length,r=$c(t.length,n),o=Bo(e);r--;){var i=t[r];e[r]=Fi(i,n)?o[i]:oe}return e}function ea(e,t,n){var r=t+"";return Rf(e,Ii(r,ia(Ni(r),n)))}function ta(e){var t=0,n=0;return function(){var r=Zc(),o=Me-(r-n);if(n=r,o>0){if(++t>=ke)return arguments[0]}else t=0;return e.apply(oe,arguments)}}function na(e,t){var n=-1,r=e.length,o=r-1;for(t=t===oe?r:t;++n<t;){var i=no(n,o),a=e[i];e[i]=e[n],e[n]=a}return e.length=t,e}function ra(e){if("string"==typeof e||_u(e))return e;var t=e+"";return"0"==t&&1/e==-je?"-0":t}function oa(e){if(null!=e){try{return bc.call(e)}catch(t){}try{return e+""}catch(t){}}return""}function ia(e,t){return l(Be,function(n){var r="_."+n[0];t&n[1]&&!d(e,r)&&e.push(r)}),e.sort()}function aa(e){if(e instanceof o)return e.clone();var t=new r(e.__wrapped__,e.__chain__);return t.__actions__=Bo(e.__actions__),t.__index__=e.__index__,t.__values__=e.__values__,t}function sa(e,t,n){t=(n?Ui(e,t,n):t===oe)?1:Xc(Ou(t),0);var r=null==e?0:e.length;if(!r||t<1)return[];for(var o=0,i=0,a=ac(zc(r/t));o<r;)a[i++]=co(e,o,o+=t);return a}function ua(e){for(var t=-1,n=null==e?0:e.length,r=0,o=[];++t<n;){var i=e[t];i&&(o[r++]=i)}return o}function la(){var e=arguments.length;if(!e)return[];for(var t=ac(e-1),n=arguments[0],r=e;r--;)t[r-1]=arguments[r];return m(wp(n)?Bo(n):[n],er(t,1))}function ca(e,t,n){var r=null==e?0:e.length;return r?(t=n||t===oe?1:Ou(t),co(e,t<0?0:t,r)):[]}function fa(e,t,n){var r=null==e?0:e.length;return r?(t=n||t===oe?1:Ou(t),t=r-t,co(e,0,t<0?0:t)):[]}function pa(e,t){return e&&e.length?wo(e,Si(t,3),!0,!0):[]}function da(e,t){return e&&e.length?wo(e,Si(t,3),!0):[]}function ha(e,t,n,r){var o=null==e?0:e.length;return o?(n&&"number"!=typeof n&&Ui(e,t,n)&&(n=0,r=o),Gn(e,t,n,r)):[]}function va(e,t,n){var r=null==e?0:e.length;if(!r)return-1;var o=null==n?0:Ou(n);return o<0&&(o=Xc(r+o,0)),C(e,Si(t,3),o)}function ma(e,t,n){var r=null==e?0:e.length;if(!r)return-1;var o=r-1;return n!==oe&&(o=Ou(n),o=n<0?Xc(r+o,0):$c(o,r-1)),C(e,Si(t,3),o,!0)}function ya(e){var t=null==e?0:e.length;return t?er(e,1):[]}function ga(e){var t=null==e?0:e.length;return t?er(e,je):[]}function ba(e,t){var n=null==e?0:e.length;return n?(t=t===oe?1:Ou(t),er(e,t)):[]}function _a(e){for(var t=-1,n=null==e?0:e.length,r={};++t<n;){var o=e[t];r[o[0]]=o[1]}return r}function wa(e){return e&&e.length?e[0]:oe}function xa(e,t,n){var r=null==e?0:e.length;if(!r)return-1;var o=null==n?0:Ou(n);return o<0&&(o=Xc(r+o,0)),E(e,t,o)}function Ca(e){var t=null==e?0:e.length;return t?co(e,0,-1):[]}function Ea(e,t){return null==e?"":Yc.call(e,t)}function Sa(e){var t=null==e?0:e.length;return t?e[t-1]:oe}function Oa(e,t,n){var r=null==e?0:e.length;if(!r)return-1;var o=r;return n!==oe&&(o=Ou(n),o=o<0?Xc(r+o,0):$c(o,r-1)),t===t?Q(e,t,o):C(e,O,o,!0)}function Pa(e,t){return e&&e.length?Xr(e,Ou(t)):oe}function Ta(e,t){return e&&e.length&&t&&t.length?eo(e,t):e}function ka(e,t,n){return e&&e.length&&t&&t.length?eo(e,t,Si(n,2)):e}function Ma(e,t,n){return e&&e.length&&t&&t.length?eo(e,t,oe,n):e}function Na(e,t){var n=[];if(!e||!e.length)return n;var r=-1,o=[],i=e.length;for(t=Si(t,3);++r<i;){var a=e[r];t(a,r,e)&&(n.push(a),o.push(r))}return to(e,o),n}function Aa(e){return null==e?e:ef.call(e)}function Da(e,t,n){var r=null==e?0:e.length;return r?(n&&"number"!=typeof n&&Ui(e,t,n)?(t=0,n=r):(t=null==t?0:Ou(t),n=n===oe?r:Ou(n)),co(e,t,n)):[]}function ja(e,t){return po(e,t)}function Ra(e,t,n){return ho(e,t,Si(n,2))}function Ia(e,t){var n=null==e?0:e.length;if(n){var r=po(e,t);if(r<n&&Xs(e[r],t))return r}return-1}function La(e,t){return po(e,t,!0)}function Fa(e,t,n){return ho(e,t,Si(n,2),!0)}function Ua(e,t){var n=null==e?0:e.length;if(n){var r=po(e,t,!0)-1;if(Xs(e[r],t))return r}return-1}function Va(e){return e&&e.length?vo(e):[]}function Ba(e,t){return e&&e.length?vo(e,Si(t,2)):[]}function za(e){var t=null==e?0:e.length;return t?co(e,1,t):[]}function Ha(e,t,n){return e&&e.length?(t=n||t===oe?1:Ou(t),co(e,0,t<0?0:t)):[]}function Ka(e,t,n){var r=null==e?0:e.length;return r?(t=n||t===oe?1:Ou(t),t=r-t,co(e,t<0?0:t,r)):[]}function Wa(e,t){return e&&e.length?wo(e,Si(t,3),!1,!0):[]}function qa(e,t){return e&&e.length?wo(e,Si(t,3)):[]}function Ya(e){return e&&e.length?go(e):[]}function Ga(e,t){return e&&e.length?go(e,Si(t,2)):[]}function Xa(e,t){return t="function"==typeof t?t:oe,e&&e.length?go(e,oe,t):[]}function $a(e){if(!e||!e.length)return[];var t=0;return e=p(e,function(e){if(Zs(e))return t=Xc(e.length,t),!0}),D(t,function(t){return v(e,T(t))})}function Za(e,t){if(!e||!e.length)return[];var n=$a(e);return null==t?n:v(n,function(e){return s(t,oe,e)})}function Qa(e,t){return Eo(e||[],t||[],Nn)}function Ja(e,t){return Eo(e||[],t||[],uo)}function es(e){var n=t(e);return n.__chain__=!0,n}function ts(e,t){return t(e),e}function ns(e,t){return t(e)}function rs(){return es(this)}function os(){return new r(this.value(),this.__chain__)}function is(){this.__values__===oe&&(this.__values__=Eu(this.value()));var e=this.__index__>=this.__values__.length,t=e?oe:this.__values__[this.__index__++];return{done:e,value:t}}function as(){return this}function ss(e){for(var t,r=this;r instanceof n;){var o=aa(r);o.__index__=0,o.__values__=oe,t?i.__wrapped__=o:t=o;var i=o;r=r.__wrapped__}return i.__wrapped__=e,t}function us(){var e=this.__wrapped__;if(e instanceof o){var t=e;return this.__actions__.length&&(t=new o(this)),t=t.reverse(),t.__actions__.push({func:ns,args:[Aa],thisArg:oe}),new r(t,this.__chain__)}return this.thru(Aa)}function ls(){return xo(this.__wrapped__,this.__actions__)}function cs(e,t,n){var r=wp(e)?f:qn;return n&&Ui(e,t,n)&&(t=oe),r(e,Si(t,3))}function fs(e,t){var n=wp(e)?p:Jn;return n(e,Si(t,3))}function ps(e,t){return er(gs(e,t),1)}function ds(e,t){return er(gs(e,t),je)}function hs(e,t,n){return n=n===oe?1:Ou(n),er(gs(e,t),n)}function vs(e,t){var n=wp(e)?l:bf;return n(e,Si(t,3))}function ms(e,t){var n=wp(e)?c:_f;return n(e,Si(t,3))}function ys(e,t,n,r){e=$s(e)?e:rl(e),n=n&&!r?Ou(n):0;var o=e.length;return n<0&&(n=Xc(o+n,0)),bu(e)?n<=o&&e.indexOf(t,n)>-1:!!o&&E(e,t,n)>-1}function gs(e,t){var n=wp(e)?v:Kr;return n(e,Si(t,3))}function bs(e,t,n,r){return null==e?[]:(wp(t)||(t=null==t?[]:[t]),n=r?oe:n,wp(n)||(n=null==n?[]:[n]),$r(e,t,n))}function _s(e,t,n){var r=wp(e)?y:M,o=arguments.length<3;return r(e,Si(t,4),n,o,bf)}function ws(e,t,n){var r=wp(e)?g:M,o=arguments.length<3;return r(e,Si(t,4),n,o,_f)}function xs(e,t){var n=wp(e)?p:Jn;return n(e,Is(Si(t,3)))}function Cs(e){var t=wp(e)?Pn:ao;return t(e)}function Es(e,t,n){t=(n?Ui(e,t,n):t===oe)?1:Ou(t);var r=wp(e)?Tn:so;return r(e,t)}function Ss(e){var t=wp(e)?kn:lo;return t(e)}function Os(e){if(null==e)return 0;if($s(e))return bu(e)?J(e):e.length;var t=Nf(e);return t==Ze||t==ot?e.size:Br(e).length}function Ps(e,t,n){var r=wp(e)?b:fo;return n&&Ui(e,t,n)&&(t=oe),r(e,Si(t,3))}function Ts(e,t){if("function"!=typeof t)throw new hc(ue);return e=Ou(e),function(){if(--e<1)return t.apply(this,arguments)}}function ks(e,t,n){return t=n?oe:t,t=e&&null==t?e.length:t,di(e,Ee,oe,oe,oe,oe,t)}function Ms(e,t){var n;if("function"!=typeof t)throw new hc(ue);return e=Ou(e),function(){return--e>0&&(n=t.apply(this,arguments)),e<=1&&(t=oe),n}}function Ns(e,t,n){t=n?oe:t;var r=di(e,_e,oe,oe,oe,oe,oe,t);return r.placeholder=Ns.placeholder,r}function As(e,t,n){t=n?oe:t;var r=di(e,we,oe,oe,oe,oe,oe,t);return r.placeholder=As.placeholder,r}function Ds(e,t,n){function r(t){var n=p,r=d;return p=d=oe,g=t,v=e.apply(r,n)}function o(e){return g=e,m=jf(s,t),b?r(e):v}function i(e){var n=e-y,r=e-g,o=t-n;return _?$c(o,h-r):o}function a(e){var n=e-y,r=e-g;return y===oe||n>=t||n<0||_&&r>=h}function s(){var e=lp();return a(e)?u(e):void(m=jf(s,i(e)))}function u(e){return m=oe,w&&p?r(e):(p=d=oe,v)}function l(){m!==oe&&Of(m),g=0,p=y=d=m=oe}function c(){return m===oe?v:u(lp())}function f(){var e=lp(),n=a(e);if(p=arguments,d=this,y=e,n){if(m===oe)return o(y);if(_)return m=jf(s,t),r(y)}return m===oe&&(m=jf(s,t)),v}var p,d,h,v,m,y,g=0,b=!1,_=!1,w=!0;if("function"!=typeof e)throw new hc(ue);return t=Tu(t)||0,uu(n)&&(b=!!n.leading,_="maxWait"in n,h=_?Xc(Tu(n.maxWait)||0,t):h,w="trailing"in n?!!n.trailing:w),f.cancel=l,f.flush=c,f}function js(e){return di(e,Oe)}function Rs(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new hc(ue);var n=function(){var r=arguments,o=t?t.apply(this,r):r[0],i=n.cache;if(i.has(o))return i.get(o);var a=e.apply(this,r);return n.cache=i.set(o,a)||i,a};return n.cache=new(Rs.Cache||fn),n}function Is(e){if("function"!=typeof e)throw new hc(ue);return function(){var t=arguments;switch(t.length){case 0:return!e.call(this);case 1:return!e.call(this,t[0]);case 2:return!e.call(this,t[0],t[1]);case 3:return!e.call(this,t[0],t[1],t[2])}return!e.apply(this,t)}}function Ls(e){return Ms(2,e)}function Fs(e,t){if("function"!=typeof e)throw new hc(ue);return t=t===oe?t:Ou(t),io(e,t)}function Us(e,t){if("function"!=typeof e)throw new hc(ue);return t=null==t?0:Xc(Ou(t),0),io(function(n){var r=n[t],o=To(n,0,t);return r&&m(o,r),s(e,this,o)})}function Vs(e,t,n){var r=!0,o=!0;if("function"!=typeof e)throw new hc(ue);return uu(n)&&(r="leading"in n?!!n.leading:r,o="trailing"in n?!!n.trailing:o),Ds(e,t,{leading:r,maxWait:t,trailing:o})}function Bs(e){return ks(e,1)}function zs(e,t){return vp(Oo(t),e)}function Hs(){if(!arguments.length)return[];var e=arguments[0];return wp(e)?e:[e]}function Ks(e){return Un(e,he)}function Ws(e,t){return t="function"==typeof t?t:oe,Un(e,he,t)}function qs(e){return Un(e,pe|he)}function Ys(e,t){return t="function"==typeof t?t:oe,Un(e,pe|he,t)}function Gs(e,t){return null==t||Bn(e,t,Ku(t))}function Xs(e,t){return e===t||e!==e&&t!==t}function $s(e){return null!=e&&su(e.length)&&!iu(e)}function Zs(e){return lu(e)&&$s(e)}function Qs(e){return e===!0||e===!1||lu(e)&&lr(e)==We}function Js(e){return lu(e)&&1===e.nodeType&&!yu(e)}function eu(e){if(null==e)return!0;if($s(e)&&(wp(e)||"string"==typeof e||"function"==typeof e.splice||Cp(e)||Tp(e)||_p(e)))return!e.length;var t=Nf(e);if(t==Ze||t==ot)return!e.size;if(Ki(e))return!Br(e).length;for(var n in e)if(_c.call(e,n))return!1;return!0}function tu(e,t){return Ar(e,t)}function nu(e,t,n){n="function"==typeof n?n:oe;var r=n?n(e,t):oe;return r===oe?Ar(e,t,oe,n):!!r}function ru(e){if(!lu(e))return!1;var t=lr(e);return t==Ge||t==Ye||"string"==typeof e.message&&"string"==typeof e.name&&!yu(e)}function ou(e){return"number"==typeof e&&qc(e)}function iu(e){if(!uu(e))return!1;var t=lr(e);return t==Xe||t==$e||t==Ke||t==nt}function au(e){return"number"==typeof e&&e==Ou(e)}function su(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=Re}function uu(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}function lu(e){return null!=e&&"object"==typeof e}function cu(e,t){return e===t||Rr(e,t,Pi(t))}function fu(e,t,n){return n="function"==typeof n?n:oe,Rr(e,t,Pi(t),n)}function pu(e){return mu(e)&&e!=+e}function du(e){if(Af(e))throw new uc(se);return Ir(e)}function hu(e){return null===e}function vu(e){return null==e}function mu(e){return"number"==typeof e||lu(e)&&lr(e)==Qe}function yu(e){if(!lu(e)||lr(e)!=et)return!1;var t=Nc(e);if(null===t)return!0;var n=_c.call(t,"constructor")&&t.constructor;return"function"==typeof n&&n instanceof n&&bc.call(n)==Ec}function gu(e){return au(e)&&e>=-Re&&e<=Re}function bu(e){return"string"==typeof e||!wp(e)&&lu(e)&&lr(e)==it}function _u(e){return"symbol"==typeof e||lu(e)&&lr(e)==at}function wu(e){return e===oe}function xu(e){return lu(e)&&Nf(e)==ut}function Cu(e){return lu(e)&&lr(e)==lt}function Eu(e){if(!e)return[];if($s(e))return bu(e)?ee(e):Bo(e);if(Ic&&e[Ic])return W(e[Ic]());var t=Nf(e),n=t==Ze?q:t==ot?X:rl;return n(e)}function Su(e){if(!e)return 0===e?e:0;if(e=Tu(e),e===je||e===-je){var t=e<0?-1:1;return t*Ie}return e===e?e:0}function Ou(e){var t=Su(e),n=t%1;return t===t?n?t-n:t:0}function Pu(e){return e?Fn(Ou(e),0,Fe):0}function Tu(e){if("number"==typeof e)return e;if(_u(e))return Le;if(uu(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=uu(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(Lt,"");var n=Gt.test(e);return n||$t.test(e)?or(e.slice(2),n?2:8):Yt.test(e)?Le:+e}function ku(e){return zo(e,Wu(e))}function Mu(e){return e?Fn(Ou(e),-Re,Re):0===e?e:0}function Nu(e){return null==e?"":yo(e)}function Au(e,t){var n=gf(e);return null==t?n:jn(n,t)}function Du(e,t){return x(e,Si(t,3),tr)}function ju(e,t){return x(e,Si(t,3),nr)}function Ru(e,t){return null==e?e:wf(e,Si(t,3),Wu)}function Iu(e,t){return null==e?e:xf(e,Si(t,3),Wu)}function Lu(e,t){return e&&tr(e,Si(t,3))}function Fu(e,t){return e&&nr(e,Si(t,3))}function Uu(e){return null==e?[]:ir(e,Ku(e))}function Vu(e){return null==e?[]:ir(e,Wu(e))}function Bu(e,t,n){var r=null==e?oe:ar(e,t);return r===oe?n:r}function zu(e,t){return null!=e&&Ai(e,t,pr)}function Hu(e,t){return null!=e&&Ai(e,t,br)}function Ku(e){return $s(e)?On(e):Br(e)}function Wu(e){return $s(e)?On(e,!0):zr(e)}function qu(e,t){var n={};return t=Si(t,3),tr(e,function(e,r,o){In(n,t(e,r,o),e)}),n}function Yu(e,t){var n={};return t=Si(t,3),tr(e,function(e,r,o){In(n,r,t(e,r,o))}),n}function Gu(e,t){return Xu(e,Is(Si(t)))}function Xu(e,t){if(null==e)return{};var n=v(xi(e),function(e){return[e]});return t=Si(t),Qr(e,n,function(e,n){return t(e,n[0])})}function $u(e,t,n){t=Po(t,e);var r=-1,o=t.length;for(o||(o=1,e=oe);++r<o;){var i=null==e?oe:e[ra(t[r])];i===oe&&(r=o,i=n),e=iu(i)?i.call(e):i}return e}function Zu(e,t,n){return null==e?e:uo(e,t,n)}function Qu(e,t,n,r){return r="function"==typeof r?r:oe,null==e?e:uo(e,t,n,r)}function Ju(e,t,n){var r=wp(e),o=r||Cp(e)||Tp(e);if(t=Si(t,4),null==n){var i=e&&e.constructor;n=o?r?new i:[]:uu(e)&&iu(i)?gf(Nc(e)):{}}return(o?l:tr)(e,function(e,r,o){return t(n,e,r,o)}),n}function el(e,t){return null==e||bo(e,t)}function tl(e,t,n){return null==e?e:_o(e,t,Oo(n))}function nl(e,t,n,r){return r="function"==typeof r?r:oe,null==e?e:_o(e,t,Oo(n),r)}function rl(e){return null==e?[]:I(e,Ku(e))}function ol(e){return null==e?[]:I(e,Wu(e))}function il(e,t,n){return n===oe&&(n=t,t=oe),n!==oe&&(n=Tu(n),n=n===n?n:0),t!==oe&&(t=Tu(t),t=t===t?t:0),Fn(Tu(e),t,n)}function al(e,t,n){return t=Su(t),n===oe?(n=t,t=0):n=Su(n),e=Tu(e),Cr(e,t,n)}function sl(e,t,n){if(n&&"boolean"!=typeof n&&Ui(e,t,n)&&(t=n=oe),n===oe&&("boolean"==typeof t?(n=t,t=oe):"boolean"==typeof e&&(n=e,e=oe)),e===oe&&t===oe?(e=0,t=1):(e=Su(e),t===oe?(t=e,e=0):t=Su(t)),e>t){var r=e;e=t,t=r}if(n||e%1||t%1){var o=Jc();return $c(e+o*(t-e+rr("1e-"+((o+"").length-1))),t)}return no(e,t)}function ul(e){return ed(Nu(e).toLowerCase())}function ll(e){return e=Nu(e),e&&e.replace(Qt,_r).replace(Kn,"")}function cl(e,t,n){e=Nu(e),t=yo(t);var r=e.length;n=n===oe?r:Fn(Ou(n),0,r);var o=n;return n-=t.length,n>=0&&e.slice(n,o)==t}function fl(e){return e=Nu(e),e&&Pt.test(e)?e.replace(St,wr):e}function pl(e){return e=Nu(e),e&&It.test(e)?e.replace(Rt,"\\$&"):e}function dl(e,t,n){e=Nu(e),t=Ou(t);var r=t?J(e):0;if(!t||r>=t)return e;var o=(t-r)/2;return ai(Hc(o),n)+e+ai(zc(o),n)}function hl(e,t,n){e=Nu(e),t=Ou(t);var r=t?J(e):0;return t&&r<t?e+ai(t-r,n):e}function vl(e,t,n){e=Nu(e),t=Ou(t);var r=t?J(e):0;return t&&r<t?ai(t-r,n)+e:e}function ml(e,t,n){return n||null==t?t=0:t&&(t=+t),Qc(Nu(e).replace(Ft,""),t||0)}function yl(e,t,n){return t=(n?Ui(e,t,n):t===oe)?1:Ou(t),oo(Nu(e),t)}function gl(){var e=arguments,t=Nu(e[0]);return e.length<3?t:t.replace(e[1],e[2])}function bl(e,t,n){return n&&"number"!=typeof n&&Ui(e,t,n)&&(t=n=oe),(n=n===oe?Fe:n>>>0)?(e=Nu(e),e&&("string"==typeof t||null!=t&&!Op(t))&&(t=yo(t),!t&&H(e))?To(ee(e),0,n):e.split(t,n)):[]}function _l(e,t,n){return e=Nu(e),n=null==n?0:Fn(Ou(n),0,e.length),t=yo(t),e.slice(n,n+t.length)==t}function wl(e,n,r){var o=t.templateSettings;r&&Ui(e,n,r)&&(n=oe),e=Nu(e),n=Dp({},n,o,hi);var i,a,s=Dp({},n.imports,o.imports,hi),u=Ku(s),l=I(s,u),c=0,f=n.interpolate||Jt,p="__p += '",d=pc((n.escape||Jt).source+"|"+f.source+"|"+(f===Mt?Wt:Jt).source+"|"+(n.evaluate||Jt).source+"|$","g"),h="//# sourceURL="+("sourceURL"in n?n.sourceURL:"lodash.templateSources["+ ++$n+"]")+"\n";e.replace(d,function(t,n,r,o,s,u){return r||(r=o),p+=e.slice(c,u).replace(en,B),n&&(i=!0,p+="' +\n__e("+n+") +\n'"),s&&(a=!0,p+="';\n"+s+";\n__p += '"),r&&(p+="' +\n((__t = ("+r+")) == null ? '' : __t) +\n'"),c=u+t.length,t}),p+="';\n";var v=n.variable;v||(p="with (obj) {\n"+p+"\n}\n"),p=(a?p.replace(wt,""):p).replace(xt,"$1").replace(Ct,"$1;"),p="function("+(v||"obj")+") {\n"+(v?"":"obj || (obj = {});\n")+"var __t, __p = ''"+(i?", __e = _.escape":"")+(a?", __j = Array.prototype.join;\nfunction print() { __p += __j.call(arguments, '') }\n":";\n")+p+"return __p\n}";var m=td(function(){return lc(u,h+"return "+p).apply(oe,l)});if(m.source=p,ru(m))throw m;return m}function xl(e){return Nu(e).toLowerCase()}function Cl(e){return Nu(e).toUpperCase()}function El(e,t,n){if(e=Nu(e),e&&(n||t===oe))return e.replace(Lt,"");if(!e||!(t=yo(t)))return e;var r=ee(e),o=ee(t),i=F(r,o),a=U(r,o)+1;return To(r,i,a).join("")}function Sl(e,t,n){if(e=Nu(e),e&&(n||t===oe))return e.replace(Ut,"");if(!e||!(t=yo(t)))return e;var r=ee(e),o=U(r,ee(t))+1;return To(r,0,o).join("")}function Ol(e,t,n){if(e=Nu(e),e&&(n||t===oe))return e.replace(Ft,"");if(!e||!(t=yo(t)))return e;var r=ee(e),o=F(r,ee(t));return To(r,o).join("")}function Pl(e,t){var n=Pe,r=Te;if(uu(t)){var o="separator"in t?t.separator:o;n="length"in t?Ou(t.length):n,r="omission"in t?yo(t.omission):r}e=Nu(e);var i=e.length;if(H(e)){var a=ee(e);i=a.length}if(n>=i)return e;var s=n-J(r);if(s<1)return r;var u=a?To(a,0,s).join(""):e.slice(0,s);if(o===oe)return u+r;if(a&&(s+=u.length-s),Op(o)){if(e.slice(s).search(o)){var l,c=u;for(o.global||(o=pc(o.source,Nu(qt.exec(o))+"g")),o.lastIndex=0;l=o.exec(c);)var f=l.index;u=u.slice(0,f===oe?s:f)}}else if(e.indexOf(yo(o),s)!=s){var p=u.lastIndexOf(o);p>-1&&(u=u.slice(0,p))}return u+r}function Tl(e){return e=Nu(e),e&&Ot.test(e)?e.replace(Et,xr):e}function kl(e,t,n){return e=Nu(e),t=n?oe:t,t===oe?K(e)?re(e):w(e):e.match(t)||[]}function Ml(e){var t=null==e?0:e.length,n=Si();return e=t?v(e,function(e){if("function"!=typeof e[1])throw new hc(ue);return[n(e[0]),e[1]]}):[],io(function(n){for(var r=-1;++r<t;){var o=e[r];if(s(o[0],this,n))return s(o[1],this,n)}})}function Nl(e){return Vn(Un(e,pe))}function Al(e){return function(){return e}}function Dl(e,t){return null==e||e!==e?t:e}function jl(e){return e}function Rl(e){return Vr("function"==typeof e?e:Un(e,pe))}function Il(e){return Wr(Un(e,pe))}function Ll(e,t){return qr(e,Un(t,pe))}function Fl(e,t,n){var r=Ku(t),o=ir(t,r);null!=n||uu(t)&&(o.length||!r.length)||(n=t,t=e,e=this,o=ir(t,Ku(t)));var i=!(uu(n)&&"chain"in n&&!n.chain),a=iu(e);return l(o,function(n){var r=t[n];e[n]=r,a&&(e.prototype[n]=function(){var t=this.__chain__;if(i||t){var n=e(this.__wrapped__),o=n.__actions__=Bo(this.__actions__);return o.push({func:r,args:arguments,thisArg:e}),n.__chain__=t,n}return r.apply(e,m([this.value()],arguments))})}),e}function Ul(){return sr._===this&&(sr._=Sc),this}function Vl(){}function Bl(e){return e=Ou(e),io(function(t){return Xr(t,e)})}function zl(e){return Vi(e)?T(ra(e)):Jr(e)}function Hl(e){return function(t){return null==e?oe:ar(e,t)}}function Kl(){return[]}function Wl(){return!1}function ql(){return{}}function Yl(){return""}function Gl(){return!0}function Xl(e,t){if(e=Ou(e),e<1||e>Re)return[];var n=Fe,r=$c(e,Fe);t=Si(t),e-=Fe;for(var o=D(r,t);++n<e;)t(n);return o}function $l(e){return wp(e)?v(e,ra):_u(e)?[e]:Bo(If(Nu(e)))}function Zl(e){var t=++wc;return Nu(e)+t}function Ql(e){return e&&e.length?Yn(e,jl,fr):oe}function Jl(e,t){return e&&e.length?Yn(e,Si(t,2),fr):oe}function ec(e){return P(e,jl)}function tc(e,t){return P(e,Si(t,2))}function nc(e){return e&&e.length?Yn(e,jl,Hr):oe}function rc(e,t){return e&&e.length?Yn(e,Si(t,2),Hr):oe}function oc(e){return e&&e.length?A(e,jl):0}function ic(e,t){return e&&e.length?A(e,Si(t,2)):0}e=null==e?sr:Er.defaults(sr.Object(),e,Er.pick(sr,Xn));var ac=e.Array,sc=e.Date,uc=e.Error,lc=e.Function,cc=e.Math,fc=e.Object,pc=e.RegExp,dc=e.String,hc=e.TypeError,vc=ac.prototype,mc=lc.prototype,yc=fc.prototype,gc=e["__core-js_shared__"],bc=mc.toString,_c=yc.hasOwnProperty,wc=0,xc=function(){var e=/[^.]+$/.exec(gc&&gc.keys&&gc.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}(),Cc=yc.toString,Ec=bc.call(fc),Sc=sr._,Oc=pc("^"+bc.call(_c).replace(Rt,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),Pc=cr?e.Buffer:oe,Tc=e.Symbol,kc=e.Uint8Array,Mc=Pc?Pc.allocUnsafe:oe,Nc=Y(fc.getPrototypeOf,fc),Ac=fc.create,Dc=yc.propertyIsEnumerable,jc=vc.splice,Rc=Tc?Tc.isConcatSpreadable:oe,Ic=Tc?Tc.iterator:oe,Lc=Tc?Tc.toStringTag:oe,Fc=function(){try{var e=Ti(fc,"defineProperty");return e({},"",{}),e}catch(t){}}(),Uc=e.clearTimeout!==sr.clearTimeout&&e.clearTimeout,Vc=sc&&sc.now!==sr.Date.now&&sc.now,Bc=e.setTimeout!==sr.setTimeout&&e.setTimeout,zc=cc.ceil,Hc=cc.floor,Kc=fc.getOwnPropertySymbols,Wc=Pc?Pc.isBuffer:oe,qc=e.isFinite,Yc=vc.join,Gc=Y(fc.keys,fc),Xc=cc.max,$c=cc.min,Zc=sc.now,Qc=e.parseInt,Jc=cc.random,ef=vc.reverse,tf=Ti(e,"DataView"),nf=Ti(e,"Map"),rf=Ti(e,"Promise"),of=Ti(e,"Set"),af=Ti(e,"WeakMap"),sf=Ti(fc,"create"),uf=af&&new af,lf={},cf=oa(tf),ff=oa(nf),pf=oa(rf),df=oa(of),hf=oa(af),vf=Tc?Tc.prototype:oe,mf=vf?vf.valueOf:oe,yf=vf?vf.toString:oe,gf=function(){function e(){}return function(t){if(!uu(t))return{};if(Ac)return Ac(t);e.prototype=t;var n=new e;return e.prototype=oe,n}}();t.templateSettings={escape:Tt,evaluate:kt,interpolate:Mt,variable:"",imports:{_:t}},t.prototype=n.prototype,t.prototype.constructor=t,r.prototype=gf(n.prototype),r.prototype.constructor=r,o.prototype=gf(n.prototype),o.prototype.constructor=o,te.prototype.clear=ne,te.prototype["delete"]=Ht,te.prototype.get=tn,te.prototype.has=nn,te.prototype.set=rn,on.prototype.clear=an,on.prototype["delete"]=sn,on.prototype.get=un,on.prototype.has=ln,on.prototype.set=cn,fn.prototype.clear=pn,fn.prototype["delete"]=dn,fn.prototype.get=hn,fn.prototype.has=vn,fn.prototype.set=mn,yn.prototype.add=yn.prototype.push=gn,yn.prototype.has=bn,_n.prototype.clear=wn,_n.prototype["delete"]=xn,_n.prototype.get=Cn,_n.prototype.has=En,_n.prototype.set=Sn;var bf=Yo(tr),_f=Yo(nr,!0),wf=Go(),xf=Go(!0),Cf=uf?function(e,t){return uf.set(e,t),e}:jl,Ef=Fc?function(e,t){return Fc(e,"toString",{configurable:!0,enumerable:!1,value:Al(t),writable:!0})}:jl,Sf=io,Of=Uc||function(e){return sr.clearTimeout(e)},Pf=of&&1/X(new of([,-0]))[1]==je?function(e){return new of(e)}:Vl,Tf=uf?function(e){return uf.get(e)}:Vl,kf=Kc?function(e){return null==e?[]:(e=fc(e),p(Kc(e),function(t){return Dc.call(e,t)}))}:Kl,Mf=Kc?function(e){for(var t=[];e;)m(t,kf(e)),e=Nc(e);return t}:Kl,Nf=lr;(tf&&Nf(new tf(new ArrayBuffer(1)))!=ft||nf&&Nf(new nf)!=Ze||rf&&Nf(rf.resolve())!=tt||of&&Nf(new of)!=ot||af&&Nf(new af)!=ut)&&(Nf=function(e){var t=lr(e),n=t==et?e.constructor:oe,r=n?oa(n):"";if(r)switch(r){case cf:return ft;case ff:return Ze;case pf:return tt;case df:return ot;case hf:return ut}return t});var Af=gc?iu:Wl,Df=ta(Cf),jf=Bc||function(e,t){return sr.setTimeout(e,t)},Rf=ta(Ef),If=Yi(function(e){var t=[];return Dt.test(e)&&t.push(""),e.replace(jt,function(e,n,r,o){t.push(r?o.replace(Kt,"$1"):n||e)}),t}),Lf=io(function(e,t){return Zs(e)?Wn(e,er(t,1,Zs,!0)):[]}),Ff=io(function(e,t){var n=Sa(t);return Zs(n)&&(n=oe),Zs(e)?Wn(e,er(t,1,Zs,!0),Si(n,2)):[]}),Uf=io(function(e,t){var n=Sa(t);return Zs(n)&&(n=oe),Zs(e)?Wn(e,er(t,1,Zs,!0),oe,n):[]}),Vf=io(function(e){var t=v(e,So);return t.length&&t[0]===e[0]?Or(t):[]}),Bf=io(function(e){var t=Sa(e),n=v(e,So);return t===Sa(n)?t=oe:n.pop(),n.length&&n[0]===e[0]?Or(n,Si(t,2)):[]}),zf=io(function(e){var t=Sa(e),n=v(e,So);return t="function"==typeof t?t:oe,t&&n.pop(),n.length&&n[0]===e[0]?Or(n,oe,t):[]}),Hf=io(Ta),Kf=_i(function(e,t){var n=null==e?0:e.length,r=Ln(e,t);return to(e,v(t,function(e){return Fi(e,n)?+e:e}).sort(Lo)),r}),Wf=io(function(e){return go(er(e,1,Zs,!0))}),qf=io(function(e){var t=Sa(e);return Zs(t)&&(t=oe),go(er(e,1,Zs,!0),Si(t,2))}),Yf=io(function(e){var t=Sa(e);return t="function"==typeof t?t:oe,go(er(e,1,Zs,!0),oe,t)}),Gf=io(function(e,t){return Zs(e)?Wn(e,t):[]}),Xf=io(function(e){return Co(p(e,Zs))}),$f=io(function(e){var t=Sa(e);return Zs(t)&&(t=oe),Co(p(e,Zs),Si(t,2))}),Zf=io(function(e){var t=Sa(e);return t="function"==typeof t?t:oe,Co(p(e,Zs),oe,t)}),Qf=io($a),Jf=io(function(e){var t=e.length,n=t>1?e[t-1]:oe;return n="function"==typeof n?(e.pop(),n):oe,Za(e,n)}),ep=_i(function(e){var t=e.length,n=t?e[0]:0,i=this.__wrapped__,a=function(t){return Ln(t,e)};return!(t>1||this.__actions__.length)&&i instanceof o&&Fi(n)?(i=i.slice(n,+n+(t?1:0)),i.__actions__.push({func:ns,args:[a],thisArg:oe}),new r(i,this.__chain__).thru(function(e){return t&&!e.length&&e.push(oe),e})):this.thru(a)}),tp=Wo(function(e,t,n){_c.call(e,n)?++e[n]:In(e,n,1)}),np=ei(va),rp=ei(ma),op=Wo(function(e,t,n){_c.call(e,n)?e[n].push(t):In(e,n,[t])}),ip=io(function(e,t,n){var r=-1,o="function"==typeof t,i=$s(e)?ac(e.length):[];return bf(e,function(e){i[++r]=o?s(t,e,n):Tr(e,t,n)}),i}),ap=Wo(function(e,t,n){In(e,n,t)}),sp=Wo(function(e,t,n){e[n?0:1].push(t)},function(){return[[],[]]}),up=io(function(e,t){if(null==e)return[];var n=t.length;return n>1&&Ui(e,t[0],t[1])?t=[]:n>2&&Ui(t[0],t[1],t[2])&&(t=[t[0]]),$r(e,er(t,1),[])}),lp=Vc||function(){return sr.Date.now()},cp=io(function(e,t,n){var r=ye;if(n.length){var o=G(n,Ei(cp));r|=xe}return di(e,r,t,n,o)}),fp=io(function(e,t,n){var r=ye|ge;if(n.length){var o=G(n,Ei(fp));r|=xe}return di(t,r,e,n,o)}),pp=io(function(e,t){return zn(e,1,t)}),dp=io(function(e,t,n){return zn(e,Tu(t)||0,n)});Rs.Cache=fn;var hp=Sf(function(e,t){t=1==t.length&&wp(t[0])?v(t[0],R(Si())):v(er(t,1),R(Si()));var n=t.length;return io(function(r){for(var o=-1,i=$c(r.length,n);++o<i;)r[o]=t[o].call(this,r[o]);return s(e,this,r)})}),vp=io(function(e,t){var n=G(t,Ei(vp));return di(e,xe,oe,t,n)}),mp=io(function(e,t){var n=G(t,Ei(mp));return di(e,Ce,oe,t,n)}),yp=_i(function(e,t){return di(e,Se,oe,oe,oe,t)}),gp=li(fr),bp=li(function(e,t){return e>=t}),_p=kr(function(){return arguments}())?kr:function(e){return lu(e)&&_c.call(e,"callee")&&!Dc.call(e,"callee")},wp=ac.isArray,xp=dr?R(dr):Mr,Cp=Wc||Wl,Ep=hr?R(hr):Nr,Sp=vr?R(vr):jr,Op=mr?R(mr):Lr,Pp=yr?R(yr):Fr,Tp=gr?R(gr):Ur,kp=li(Hr),Mp=li(function(e,t){return e<=t}),Np=qo(function(e,t){if(Ki(t)||$s(t))return void zo(t,Ku(t),e);for(var n in t)_c.call(t,n)&&Nn(e,n,t[n])}),Ap=qo(function(e,t){zo(t,Wu(t),e)}),Dp=qo(function(e,t,n,r){zo(t,Wu(t),e,r)}),jp=qo(function(e,t,n,r){zo(t,Ku(t),e,r)}),Rp=_i(Ln),Ip=io(function(e){return e.push(oe,hi),s(Dp,oe,e)}),Lp=io(function(e){return e.push(oe,vi),s(zp,oe,e)}),Fp=ri(function(e,t,n){e[t]=n},Al(jl)),Up=ri(function(e,t,n){_c.call(e,t)?e[t].push(n):e[t]=[n]},Si),Vp=io(Tr),Bp=qo(function(e,t,n){Yr(e,t,n)}),zp=qo(function(e,t,n,r){Yr(e,t,n,r)}),Hp=_i(function(e,t){var n={};if(null==e)return n;var r=!1;t=v(t,function(t){return t=Po(t,e),r||(r=t.length>1),t}),zo(e,xi(e),n),r&&(n=Un(n,pe|de|he,mi));for(var o=t.length;o--;)bo(n,t[o]);return n}),Kp=_i(function(e,t){return null==e?{}:Zr(e,t)}),Wp=pi(Ku),qp=pi(Wu),Yp=Zo(function(e,t,n){return t=t.toLowerCase(),e+(n?ul(t):t)}),Gp=Zo(function(e,t,n){return e+(n?"-":"")+t.toLowerCase()}),Xp=Zo(function(e,t,n){return e+(n?" ":"")+t.toLowerCase()}),$p=$o("toLowerCase"),Zp=Zo(function(e,t,n){return e+(n?"_":"")+t.toLowerCase()}),Qp=Zo(function(e,t,n){return e+(n?" ":"")+ed(t)}),Jp=Zo(function(e,t,n){return e+(n?" ":"")+t.toUpperCase()}),ed=$o("toUpperCase"),td=io(function(e,t){try{return s(e,oe,t)}catch(n){return ru(n)?n:new uc(n)}}),nd=_i(function(e,t){return l(t,function(t){t=ra(t),In(e,t,cp(e[t],e))}),e;
+}),rd=ti(),od=ti(!0),id=io(function(e,t){return function(n){return Tr(n,e,t)}}),ad=io(function(e,t){return function(n){return Tr(e,n,t)}}),sd=ii(v),ud=ii(f),ld=ii(b),cd=ui(),fd=ui(!0),pd=oi(function(e,t){return e+t},0),dd=fi("ceil"),hd=oi(function(e,t){return e/t},1),vd=fi("floor"),md=oi(function(e,t){return e*t},1),yd=fi("round"),gd=oi(function(e,t){return e-t},0);return t.after=Ts,t.ary=ks,t.assign=Np,t.assignIn=Ap,t.assignInWith=Dp,t.assignWith=jp,t.at=Rp,t.before=Ms,t.bind=cp,t.bindAll=nd,t.bindKey=fp,t.castArray=Hs,t.chain=es,t.chunk=sa,t.compact=ua,t.concat=la,t.cond=Ml,t.conforms=Nl,t.constant=Al,t.countBy=tp,t.create=Au,t.curry=Ns,t.curryRight=As,t.debounce=Ds,t.defaults=Ip,t.defaultsDeep=Lp,t.defer=pp,t.delay=dp,t.difference=Lf,t.differenceBy=Ff,t.differenceWith=Uf,t.drop=ca,t.dropRight=fa,t.dropRightWhile=pa,t.dropWhile=da,t.fill=ha,t.filter=fs,t.flatMap=ps,t.flatMapDeep=ds,t.flatMapDepth=hs,t.flatten=ya,t.flattenDeep=ga,t.flattenDepth=ba,t.flip=js,t.flow=rd,t.flowRight=od,t.fromPairs=_a,t.functions=Uu,t.functionsIn=Vu,t.groupBy=op,t.initial=Ca,t.intersection=Vf,t.intersectionBy=Bf,t.intersectionWith=zf,t.invert=Fp,t.invertBy=Up,t.invokeMap=ip,t.iteratee=Rl,t.keyBy=ap,t.keys=Ku,t.keysIn=Wu,t.map=gs,t.mapKeys=qu,t.mapValues=Yu,t.matches=Il,t.matchesProperty=Ll,t.memoize=Rs,t.merge=Bp,t.mergeWith=zp,t.method=id,t.methodOf=ad,t.mixin=Fl,t.negate=Is,t.nthArg=Bl,t.omit=Hp,t.omitBy=Gu,t.once=Ls,t.orderBy=bs,t.over=sd,t.overArgs=hp,t.overEvery=ud,t.overSome=ld,t.partial=vp,t.partialRight=mp,t.partition=sp,t.pick=Kp,t.pickBy=Xu,t.property=zl,t.propertyOf=Hl,t.pull=Hf,t.pullAll=Ta,t.pullAllBy=ka,t.pullAllWith=Ma,t.pullAt=Kf,t.range=cd,t.rangeRight=fd,t.rearg=yp,t.reject=xs,t.remove=Na,t.rest=Fs,t.reverse=Aa,t.sampleSize=Es,t.set=Zu,t.setWith=Qu,t.shuffle=Ss,t.slice=Da,t.sortBy=up,t.sortedUniq=Va,t.sortedUniqBy=Ba,t.split=bl,t.spread=Us,t.tail=za,t.take=Ha,t.takeRight=Ka,t.takeRightWhile=Wa,t.takeWhile=qa,t.tap=ts,t.throttle=Vs,t.thru=ns,t.toArray=Eu,t.toPairs=Wp,t.toPairsIn=qp,t.toPath=$l,t.toPlainObject=ku,t.transform=Ju,t.unary=Bs,t.union=Wf,t.unionBy=qf,t.unionWith=Yf,t.uniq=Ya,t.uniqBy=Ga,t.uniqWith=Xa,t.unset=el,t.unzip=$a,t.unzipWith=Za,t.update=tl,t.updateWith=nl,t.values=rl,t.valuesIn=ol,t.without=Gf,t.words=kl,t.wrap=zs,t.xor=Xf,t.xorBy=$f,t.xorWith=Zf,t.zip=Qf,t.zipObject=Qa,t.zipObjectDeep=Ja,t.zipWith=Jf,t.entries=Wp,t.entriesIn=qp,t.extend=Ap,t.extendWith=Dp,Fl(t,t),t.add=pd,t.attempt=td,t.camelCase=Yp,t.capitalize=ul,t.ceil=dd,t.clamp=il,t.clone=Ks,t.cloneDeep=qs,t.cloneDeepWith=Ys,t.cloneWith=Ws,t.conformsTo=Gs,t.deburr=ll,t.defaultTo=Dl,t.divide=hd,t.endsWith=cl,t.eq=Xs,t.escape=fl,t.escapeRegExp=pl,t.every=cs,t.find=np,t.findIndex=va,t.findKey=Du,t.findLast=rp,t.findLastIndex=ma,t.findLastKey=ju,t.floor=vd,t.forEach=vs,t.forEachRight=ms,t.forIn=Ru,t.forInRight=Iu,t.forOwn=Lu,t.forOwnRight=Fu,t.get=Bu,t.gt=gp,t.gte=bp,t.has=zu,t.hasIn=Hu,t.head=wa,t.identity=jl,t.includes=ys,t.indexOf=xa,t.inRange=al,t.invoke=Vp,t.isArguments=_p,t.isArray=wp,t.isArrayBuffer=xp,t.isArrayLike=$s,t.isArrayLikeObject=Zs,t.isBoolean=Qs,t.isBuffer=Cp,t.isDate=Ep,t.isElement=Js,t.isEmpty=eu,t.isEqual=tu,t.isEqualWith=nu,t.isError=ru,t.isFinite=ou,t.isFunction=iu,t.isInteger=au,t.isLength=su,t.isMap=Sp,t.isMatch=cu,t.isMatchWith=fu,t.isNaN=pu,t.isNative=du,t.isNil=vu,t.isNull=hu,t.isNumber=mu,t.isObject=uu,t.isObjectLike=lu,t.isPlainObject=yu,t.isRegExp=Op,t.isSafeInteger=gu,t.isSet=Pp,t.isString=bu,t.isSymbol=_u,t.isTypedArray=Tp,t.isUndefined=wu,t.isWeakMap=xu,t.isWeakSet=Cu,t.join=Ea,t.kebabCase=Gp,t.last=Sa,t.lastIndexOf=Oa,t.lowerCase=Xp,t.lowerFirst=$p,t.lt=kp,t.lte=Mp,t.max=Ql,t.maxBy=Jl,t.mean=ec,t.meanBy=tc,t.min=nc,t.minBy=rc,t.stubArray=Kl,t.stubFalse=Wl,t.stubObject=ql,t.stubString=Yl,t.stubTrue=Gl,t.multiply=md,t.nth=Pa,t.noConflict=Ul,t.noop=Vl,t.now=lp,t.pad=dl,t.padEnd=hl,t.padStart=vl,t.parseInt=ml,t.random=sl,t.reduce=_s,t.reduceRight=ws,t.repeat=yl,t.replace=gl,t.result=$u,t.round=yd,t.runInContext=Sr,t.sample=Cs,t.size=Os,t.snakeCase=Zp,t.some=Ps,t.sortedIndex=ja,t.sortedIndexBy=Ra,t.sortedIndexOf=Ia,t.sortedLastIndex=La,t.sortedLastIndexBy=Fa,t.sortedLastIndexOf=Ua,t.startCase=Qp,t.startsWith=_l,t.subtract=gd,t.sum=oc,t.sumBy=ic,t.template=wl,t.times=Xl,t.toFinite=Su,t.toInteger=Ou,t.toLength=Pu,t.toLower=xl,t.toNumber=Tu,t.toSafeInteger=Mu,t.toString=Nu,t.toUpper=Cl,t.trim=El,t.trimEnd=Sl,t.trimStart=Ol,t.truncate=Pl,t.unescape=Tl,t.uniqueId=Zl,t.upperCase=Jp,t.upperFirst=ed,t.each=vs,t.eachRight=ms,t.first=wa,Fl(t,function(){var e={};return tr(t,function(n,r){_c.call(t.prototype,r)||(e[r]=n)}),e}(),{chain:!1}),t.VERSION=ie,l(["bind","bindKey","curry","curryRight","partial","partialRight"],function(e){t[e].placeholder=t}),l(["drop","take"],function(e,t){o.prototype[e]=function(n){n=n===oe?1:Xc(Ou(n),0);var r=this.__filtered__&&!t?new o(this):this.clone();return r.__filtered__?r.__takeCount__=$c(n,r.__takeCount__):r.__views__.push({size:$c(n,Fe),type:e+(r.__dir__<0?"Right":"")}),r},o.prototype[e+"Right"]=function(t){return this.reverse()[e](t).reverse()}}),l(["filter","map","takeWhile"],function(e,t){var n=t+1,r=n==Ne||n==De;o.prototype[e]=function(e){var t=this.clone();return t.__iteratees__.push({iteratee:Si(e,3),type:n}),t.__filtered__=t.__filtered__||r,t}}),l(["head","last"],function(e,t){var n="take"+(t?"Right":"");o.prototype[e]=function(){return this[n](1).value()[0]}}),l(["initial","tail"],function(e,t){var n="drop"+(t?"":"Right");o.prototype[e]=function(){return this.__filtered__?new o(this):this[n](1)}}),o.prototype.compact=function(){return this.filter(jl)},o.prototype.find=function(e){return this.filter(e).head()},o.prototype.findLast=function(e){return this.reverse().find(e)},o.prototype.invokeMap=io(function(e,t){return"function"==typeof e?new o(this):this.map(function(n){return Tr(n,e,t)})}),o.prototype.reject=function(e){return this.filter(Is(Si(e)))},o.prototype.slice=function(e,t){e=Ou(e);var n=this;return n.__filtered__&&(e>0||t<0)?new o(n):(e<0?n=n.takeRight(-e):e&&(n=n.drop(e)),t!==oe&&(t=Ou(t),n=t<0?n.dropRight(-t):n.take(t-e)),n)},o.prototype.takeRightWhile=function(e){return this.reverse().takeWhile(e).reverse()},o.prototype.toArray=function(){return this.take(Fe)},tr(o.prototype,function(e,n){var i=/^(?:filter|find|map|reject)|While$/.test(n),a=/^(?:head|last)$/.test(n),s=t[a?"take"+("last"==n?"Right":""):n],u=a||/^find/.test(n);s&&(t.prototype[n]=function(){var n=this.__wrapped__,l=a?[1]:arguments,c=n instanceof o,f=l[0],p=c||wp(n),d=function(e){var n=s.apply(t,m([e],l));return a&&h?n[0]:n};p&&i&&"function"==typeof f&&1!=f.length&&(c=p=!1);var h=this.__chain__,v=!!this.__actions__.length,y=u&&!h,g=c&&!v;if(!u&&p){n=g?n:new o(this);var b=e.apply(n,l);return b.__actions__.push({func:ns,args:[d],thisArg:oe}),new r(b,h)}return y&&g?e.apply(this,l):(b=this.thru(d),y?a?b.value()[0]:b.value():b)})}),l(["pop","push","shift","sort","splice","unshift"],function(e){var n=vc[e],r=/^(?:push|sort|unshift)$/.test(e)?"tap":"thru",o=/^(?:pop|shift)$/.test(e);t.prototype[e]=function(){var e=arguments;if(o&&!this.__chain__){var t=this.value();return n.apply(wp(t)?t:[],e)}return this[r](function(t){return n.apply(wp(t)?t:[],e)})}}),tr(o.prototype,function(e,n){var r=t[n];if(r){var o=r.name+"",i=lf[o]||(lf[o]=[]);i.push({name:n,func:r})}}),lf[ni(oe,ge).name]=[{name:"wrapper",func:oe}],o.prototype.clone=_,o.prototype.reverse=k,o.prototype.value=Z,t.prototype.at=ep,t.prototype.chain=rs,t.prototype.commit=os,t.prototype.next=is,t.prototype.plant=ss,t.prototype.reverse=us,t.prototype.toJSON=t.prototype.valueOf=t.prototype.value=ls,t.prototype.first=t.prototype.head,Ic&&(t.prototype[Ic]=as),t},Er=Cr();sr._=Er,r=function(){return Er}.call(t,n,t,o),!(r!==oe&&(o.exports=r))}).call(this)}).call(t,function(){return this}(),n(1304)(e))},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(t,"__esModule",{value:!0}),t.CopyToClipboard=void 0;var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=n(1),s=r(a),u=n(57),l=r(u),c=n(12),f=r(c),p=n(1735),d=r(p);t.CopyToClipboard=(0,l["default"])({propTypes:{text:f["default"].string.isRequired,children:f["default"].element.isRequired,onCopy:f["default"].func,options:f["default"].shape({debug:f["default"].bool,message:f["default"].string})},onClick:function(e){var t=this.props,n=t.text,r=t.onCopy,o=t.children,i=t.options,a=s["default"].Children.only(o),u=(0,d["default"])(n,i);r&&r(n,u),a&&a.props&&"function"==typeof a.props.onClick&&a.props.onClick(e)},render:function(){var e=this.props,t=(e.text,e.onCopy,e.options,e.children),n=o(e,["text","onCopy","options","children"]),r=s["default"].Children.only(t);return s["default"].cloneElement(r,i({},n,{onClick:this.onClick}))}})},function(e,t){(function(t){function n(e,t){return null==e?void 0:e[t]}function r(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(n){}return t}function o(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function i(){this.__data__=_e?_e(null):{}}function a(e){return this.has(e)&&delete this.__data__[e]}function s(e){var t=this.__data__;if(_e){var n=t[e];return n===W?void 0:n}return he.call(t,e)?t[e]:void 0}function u(e){var t=this.__data__;return _e?void 0!==t[e]:he.call(t,e)}function l(e,t){var n=this.__data__;return n[e]=_e&&void 0===t?W:t,this}function c(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function f(){this.__data__=[]}function p(e){var t=this.__data__,n=C(t,e);if(n<0)return!1;var r=t.length-1;return n==r?t.pop():ge.call(t,n,1),!0}function d(e){var t=this.__data__,n=C(t,e);return n<0?void 0:t[n][1]}function h(e){return C(this.__data__,e)>-1}function v(e,t){var n=this.__data__,r=C(n,e);return r<0?n.push([e,t]):n[r][1]=t,this}function m(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function y(){this.__data__={hash:new o,map:new(be||c),string:new o}}function g(e){return T(this,e)["delete"](e)}function b(e){return T(this,e).get(e)}function _(e){return T(this,e).has(e)}function w(e,t){return T(this,e).set(e,t),this}function x(e,t,n){var r=e[t];he.call(e,t)&&L(r,n)&&(void 0!==n||t in e)||(e[t]=n)}function C(e,t){for(var n=e.length;n--;)if(L(e[n][0],t))return n;return-1}function E(e){if(!U(e)||D(e))return!1;var t=F(e)||r(e)?me:re;return t.test(R(e))}function S(e,t,n,r){if(!U(e))return e;t=N(t,e)?[t]:P(t);for(var o=-1,i=t.length,a=i-1,s=e;null!=s&&++o<i;){var u=j(t[o]),l=n;if(o!=a){var c=s[u];l=r?r(c,u,s):void 0,void 0===l&&(l=U(c)?c:M(t[o+1])?[]:{})}x(s,u,l),s=s[u]}return e}function O(e){if("string"==typeof e)return e;if(B(e))return xe?xe.call(e):"";var t=e+"";return"0"==t&&1/e==-q?"-0":t}function P(e){return Ee(e)?e:Ce(e)}function T(e,t){var n=e.__data__;return A(t)?n["string"==typeof t?"string":"hash"]:n.map}function k(e,t){var r=n(e,t);return E(r)?r:void 0}function M(e,t){return t=null==t?Y:t,!!t&&("number"==typeof e||oe.test(e))&&e>-1&&e%1==0&&e<t}function N(e,t){if(Ee(e))return!1;var n=typeof e;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=e&&!B(e))||(Q.test(e)||!Z.test(e)||null!=t&&e in Object(t))}function A(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e}function D(e){return!!pe&&pe in e}function j(e){if("string"==typeof e||B(e))return e;var t=e+"";return"0"==t&&1/e==-q?"-0":t}function R(e){if(null!=e){try{return de.call(e)}catch(t){}try{return e+""}catch(t){}}return""}function I(e,t){if("function"!=typeof e||t&&"function"!=typeof t)throw new TypeError(K);var n=function(){var r=arguments,o=t?t.apply(this,r):r[0],i=n.cache;if(i.has(o))return i.get(o);var a=e.apply(this,r);return n.cache=i.set(o,a),a};return n.cache=new(I.Cache||m),n}function L(e,t){return e===t||e!==e&&t!==t}function F(e){var t=U(e)?ve.call(e):"";return t==G||t==X}function U(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function V(e){return!!e&&"object"==typeof e}function B(e){return"symbol"==typeof e||V(e)&&ve.call(e)==$}function z(e){return null==e?"":O(e)}function H(e,t,n){return null==e?e:S(e,t,n)}var K="Expected a function",W="__lodash_hash_undefined__",q=1/0,Y=9007199254740991,G="[object Function]",X="[object GeneratorFunction]",$="[object Symbol]",Z=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,Q=/^\w*$/,J=/^\./,ee=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,te=/[\\^$.*+?()[\]{}|]/g,ne=/\\(\\)?/g,re=/^\[object .+?Constructor\]$/,oe=/^(?:0|[1-9]\d*)$/,ie="object"==typeof t&&t&&t.Object===Object&&t,ae="object"==typeof self&&self&&self.Object===Object&&self,se=ie||ae||Function("return this")(),ue=Array.prototype,le=Function.prototype,ce=Object.prototype,fe=se["__core-js_shared__"],pe=function(){var e=/[^.]+$/.exec(fe&&fe.keys&&fe.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}(),de=le.toString,he=ce.hasOwnProperty,ve=ce.toString,me=RegExp("^"+de.call(he).replace(te,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),ye=se.Symbol,ge=ue.splice,be=k(se,"Map"),_e=k(Object,"create"),we=ye?ye.prototype:void 0,xe=we?we.toString:void 0;o.prototype.clear=i,o.prototype["delete"]=a,o.prototype.get=s,o.prototype.has=u,o.prototype.set=l,c.prototype.clear=f,c.prototype["delete"]=p,c.prototype.get=d,c.prototype.has=h,c.prototype.set=v,m.prototype.clear=y,m.prototype["delete"]=g,m.prototype.get=b,m.prototype.has=_,m.prototype.set=w;var Ce=I(function(e){e=z(e);var t=[];return J.test(e)&&t.push(""),e.replace(ee,function(e,n,r,o){t.push(r?o.replace(ne,"$1"):n||e)}),t});I.Cache=m;var Ee=Array.isArray;e.exports=H}).call(t,function(){return this}())},function(e,t,n){"use strict";function r(e){switch(e.arrayFormat){case"index":return function(t,n,r){return null===n?[i(t,e),"[",r,"]"].join(""):[i(t,e),"[",i(r,e),"]=",i(n,e)].join("")};case"bracket":return function(t,n){return null===n?i(t,e):[i(t,e),"[]=",i(n,e)].join("")};default:return function(t,n){return null===n?i(t,e):[i(t,e),"=",i(n,e)].join("")}}}function o(e){var t;switch(e.arrayFormat){case"index":return function(e,n,r){return t=/\[(\d*)\]$/.exec(e),e=e.replace(/\[\d*\]$/,""),t?(void 0===r[e]&&(r[e]={}),void(r[e][t[1]]=n)):void(r[e]=n)};case"bracket":return function(e,n,r){return t=/(\[\])$/.exec(e),e=e.replace(/\[\]$/,""),t?void 0===r[e]?void(r[e]=[n]):void(r[e]=[].concat(r[e],n)):void(r[e]=n)};default:return function(e,t,n){return void 0===n[e]?void(n[e]=t):void(n[e]=[].concat(n[e],t))}}}function i(e,t){return t.encode?t.strict?s(e):encodeURIComponent(e):e}function a(e){return Array.isArray(e)?e.sort():"object"==typeof e?a(Object.keys(e)).sort(function(e,t){return Number(e)-Number(t)}).map(function(t){return e[t]}):e}var s=n(1298),u=n(11);t.extract=function(e){return e.split("?")[1]||""},t.parse=function(e,t){t=u({arrayFormat:"none"},t);var n=o(t),r=Object.create(null);return"string"!=typeof e?r:(e=e.trim().replace(/^(\?|#|&)/,""))?(e.split("&").forEach(function(e){var t=e.replace(/\+/g," ").split("="),o=t.shift(),i=t.length>0?t.join("="):void 0;i=void 0===i?null:decodeURIComponent(i),n(decodeURIComponent(o),i,r)}),Object.keys(r).sort().reduce(function(e,t){var n=r[t];return Boolean(n)&&"object"==typeof n&&!Array.isArray(n)?e[t]=a(n):e[t]=n,e},Object.create(null))):r},t.stringify=function(e,t){var n={encode:!0,strict:!0,arrayFormat:"none"};t=u(n,t);var o=r(t);return e?Object.keys(e).sort().map(function(n){var r=e[n];if(void 0===r)return"";if(null===r)return i(n,t);if(Array.isArray(r)){var a=[];return r.slice().forEach(function(e){void 0!==e&&a.push(o(n,e,a.length))}),a.join("&")}return i(n,t)+"="+i(r,t)}).filter(function(e){return e.length>0}).join("&"):""}},function(e,t){(function(t){function n(e,t){return null==e?void 0:e[t]}function r(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(n){}return t}function o(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function i(){this.__data__=Oe?Oe(null):{}}function a(e){return this.has(e)&&delete this.__data__[e]}function s(e){var t=this.__data__;if(Oe){var n=t[e];return n===X?void 0:n}return be.call(t,e)?t[e]:void 0}function u(e){var t=this.__data__;return Oe?void 0!==t[e]:be.call(t,e)}function l(e,t){var n=this.__data__;return n[e]=Oe&&void 0===t?X:t,this}function c(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function f(){this.__data__=[]}function p(e){var t=this.__data__,n=x(t,e);if(n<0)return!1;var r=t.length-1;return n==r?t.pop():Ee.call(t,n,1),!0}function d(e){var t=this.__data__,n=x(t,e);return n<0?void 0:t[n][1]}function h(e){return x(this.__data__,e)>-1}function v(e,t){var n=this.__data__,r=x(n,e);return r<0?n.push([e,t]):n[r][1]=t,this}function m(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function y(){this.__data__={hash:new o,map:new(Se||c),string:new o}}function g(e){return P(this,e)["delete"](e)}function b(e){return P(this,e).get(e)}function _(e){return P(this,e).has(e)}function w(e,t){return P(this,e).set(e,t),this}function x(e,t){for(var n=e.length;n--;)if(L(e[n][0],t))return n;return-1}function C(e,t){return null!=e&&be.call(e,t)}function E(e){if(!H(e)||D(e))return!1;var t=B(e)||r(e)?we:ue;return t.test(R(e))}function S(e){if("string"==typeof e)return e;if(W(e))return Te?Te.call(e):"";var t=e+"";return"0"==t&&1/e==-$?"-0":t}function O(e){return Me(e)?e:ke(e)}function P(e,t){var n=e.__data__;return A(t)?n["string"==typeof t?"string":"hash"]:n.map}function T(e,t){var r=n(e,t);return E(r)?r:void 0}function k(e,t,n){t=N(t,e)?[t]:O(t);for(var r,o=-1,i=t.length;++o<i;){var a=j(t[o]);if(!(r=null!=e&&n(e,a)))break;e=e[a]}if(r)return r;var i=e?e.length:0;return!!i&&z(i)&&M(a,i)&&(Me(e)||F(e))}function M(e,t){return t=null==t?Z:t,!!t&&("number"==typeof e||le.test(e))&&e>-1&&e%1==0&&e<t}function N(e,t){if(Me(e))return!1;var n=typeof e;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=e&&!W(e))||(re.test(e)||!ne.test(e)||null!=t&&e in Object(t))}function A(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e}function D(e){return!!ye&&ye in e}function j(e){if("string"==typeof e||W(e))return e;var t=e+"";return"0"==t&&1/e==-$?"-0":t}function R(e){if(null!=e){try{return ge.call(e)}catch(t){}try{return e+""}catch(t){}}return""}function I(e,t){if("function"!=typeof e||t&&"function"!=typeof t)throw new TypeError(G);var n=function(){var r=arguments,o=t?t.apply(this,r):r[0],i=n.cache;if(i.has(o))return i.get(o);var a=e.apply(this,r);return n.cache=i.set(o,a),a};return n.cache=new(I.Cache||m),n}function L(e,t){return e===t||e!==e&&t!==t}function F(e){return V(e)&&be.call(e,"callee")&&(!Ce.call(e,"callee")||_e.call(e)==Q)}function U(e){return null!=e&&z(e.length)&&!B(e)}function V(e){return K(e)&&U(e)}function B(e){var t=H(e)?_e.call(e):"";return t==J||t==ee}function z(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=Z}function H(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function K(e){return!!e&&"object"==typeof e}function W(e){return"symbol"==typeof e||K(e)&&_e.call(e)==te}function q(e){return null==e?"":S(e)}function Y(e,t){return null!=e&&k(e,t,C)}var G="Expected a function",X="__lodash_hash_undefined__",$=1/0,Z=9007199254740991,Q="[object Arguments]",J="[object Function]",ee="[object GeneratorFunction]",te="[object Symbol]",ne=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,re=/^\w*$/,oe=/^\./,ie=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,ae=/[\\^$.*+?()[\]{}|]/g,se=/\\(\\)?/g,ue=/^\[object .+?Constructor\]$/,le=/^(?:0|[1-9]\d*)$/,ce="object"==typeof t&&t&&t.Object===Object&&t,fe="object"==typeof self&&self&&self.Object===Object&&self,pe=ce||fe||Function("return this")(),de=Array.prototype,he=Function.prototype,ve=Object.prototype,me=pe["__core-js_shared__"],ye=function(){var e=/[^.]+$/.exec(me&&me.keys&&me.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}(),ge=he.toString,be=ve.hasOwnProperty,_e=ve.toString,we=RegExp("^"+ge.call(be).replace(ae,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),xe=pe.Symbol,Ce=ve.propertyIsEnumerable,Ee=de.splice,Se=T(pe,"Map"),Oe=T(Object,"create"),Pe=xe?xe.prototype:void 0,Te=Pe?Pe.toString:void 0;o.prototype.clear=i,o.prototype["delete"]=a,o.prototype.get=s,o.prototype.has=u,o.prototype.set=l,c.prototype.clear=f,c.prototype["delete"]=p,c.prototype.get=d,c.prototype.has=h,c.prototype.set=v,m.prototype.clear=y,m.prototype["delete"]=g,m.prototype.get=b,m.prototype.has=_,m.prototype.set=w;var ke=I(function(e){e=q(e);var t=[];return oe.test(e)&&t.push(""),e.replace(ie,function(e,n,r,o){t.push(r?o.replace(se,"$1"):n||e)}),t});I.Cache=m;var Me=Array.isArray;e.exports=Y}).call(t,function(){return this}())},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(1),s=r(a),u=n(12),l=r(u),c=n(57),f=r(c),p=(0,f["default"])({displayName:"DOMWrap",propTypes:{tag:l["default"].string,hiddenClassName:l["default"].string,visible:l["default"].bool},getDefaultProps:function(){return{tag:"div"}},render:function(){var e=(0,i["default"])({},this.props);e.visible||(e.className=e.className||"",e.className+=" "+e.hiddenClassName);var t=e.tag;return delete e.tag,delete e.hiddenClassName,delete e.visible,s["default"].createElement(t,e)}});t["default"]=p,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),i=r(o),a=n(12),s=r(a),u=n(57),l=r(u),c=(0,l["default"])({displayName:"Divider",propTypes:{disabled:s["default"].bool,className:s["default"].string,rootPrefixCls:s["default"].string},getDefaultProps:function(){return{disabled:!0}},render:function(){var e=this.props,t=e.className,n=void 0===t?"":t,r=e.rootPrefixCls;return i["default"].createElement("li",{className:n+" "+r+"-item-divider"})}});t["default"]=c,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(12),s=r(a),u=n(57),l=r(u),c=n(481),f=r(c),p=n(197),d=(0,l["default"])({displayName:"Menu",propTypes:{openSubMenuOnMouseEnter:s["default"].bool,closeSubMenuOnMouseLeave:s["default"].bool,selectedKeys:s["default"].arrayOf(s["default"].string),defaultSelectedKeys:s["default"].arrayOf(s["default"].string),defaultOpenKeys:s["default"].arrayOf(s["default"].string),openKeys:s["default"].arrayOf(s["default"].string),mode:s["default"].string,onClick:s["default"].func,onSelect:s["default"].func,onDeselect:s["default"].func,onDestroy:s["default"].func,openTransitionName:s["default"].string,openAnimation:s["default"].oneOfType([s["default"].string,s["default"].object]),level:s["default"].number,eventKey:s["default"].string,selectable:s["default"].bool,children:s["default"].any},mixins:[f["default"]],getDefaultProps:function(){return{openSubMenuOnMouseEnter:!0,closeSubMenuOnMouseLeave:!0,selectable:!0,onClick:p.noop,onSelect:p.noop,onOpenChange:p.noop,onDeselect:p.noop,defaultSelectedKeys:[],defaultOpenKeys:[]}},getInitialState:function(){var e=this.props,t=e.defaultSelectedKeys,n=e.defaultOpenKeys;return"selectedKeys"in e&&(t=e.selectedKeys||[]),"openKeys"in e&&(n=e.openKeys||[]),{selectedKeys:t,openKeys:n}},componentWillReceiveProps:function(e){var t={};"selectedKeys"in e&&(t.selectedKeys=e.selectedKeys||[]),"openKeys"in e&&(t.openKeys=e.openKeys||[]),this.setState(t)},onDestroy:function(e){var t=this.state,n=this.props,r=t.selectedKeys,o=t.openKeys,i=r.indexOf(e);"selectedKeys"in n||i===-1||r.splice(i,1),i=o.indexOf(e),"openKeys"in n||i===-1||o.splice(i,1)},onItemHover:function(e){var t=this,n=e.item,r=this.props,o=r.mode,i=r.closeSubMenuOnMouseLeave,a=e.openChanges,s=void 0===a?[]:a;"inline"!==o&&!i&&n.isSubMenu&&!function(){var r=t.state.activeKey,o=t.getFlatInstanceArray().filter(function(e){return e&&e.props.eventKey===r})[0];o&&o.props.open&&(s=s.concat({key:n.props.eventKey,item:n,originalEvent:e,open:!0}))}(),s=s.concat(this.getOpenChangesOnItemHover(e)),s.length&&this.onOpenChange(s)},onSelect:function(e){var t=this.props;if(t.selectable){var n=this.state.selectedKeys,r=e.key;n=t.multiple?n.concat([r]):[r],"selectedKeys"in t||this.setState({selectedKeys:n}),t.onSelect((0,i["default"])({},e,{selectedKeys:n}))}},onClick:function(e){this.props.onClick(e)},onOpenChange:function(e){var t=this.props,n=this.state.openKeys.concat(),r=!1,o=function(e){var t=!1;if(e.open)t=n.indexOf(e.key)===-1,t&&n.push(e.key);else{var o=n.indexOf(e.key);t=o!==-1,t&&n.splice(o,1)}r=r||t};Array.isArray(e)?e.forEach(o):o(e),r&&("openKeys"in this.props||this.setState({openKeys:n}),t.onOpenChange(n))},onDeselect:function(e){var t=this.props;if(t.selectable){var n=this.state.selectedKeys.concat(),r=e.key,o=n.indexOf(r);o!==-1&&n.splice(o,1),"selectedKeys"in t||this.setState({selectedKeys:n}),t.onDeselect((0,i["default"])({},e,{selectedKeys:n}))}},getOpenTransitionName:function(){var e=this.props,t=e.openTransitionName,n=e.openAnimation;return t||"string"!=typeof n||(t=e.prefixCls+"-open-"+n),t},isInlineMode:function(){return"inline"===this.props.mode},lastOpenSubMenu:function(){var e=[],t=this.state.openKeys;return t.length&&(e=this.getFlatInstanceArray().filter(function(e){return e&&t.indexOf(e.props.eventKey)!==-1})),e[0]},renderMenuItem:function(e,t,n){if(!e)return null;var r=this.state,o={openKeys:r.openKeys,selectedKeys:r.selectedKeys,openSubMenuOnMouseEnter:this.props.openSubMenuOnMouseEnter};return this.renderCommonMenuItem(e,t,n,o)},render:function(){var e=(0,i["default"])({},this.props);return e.className+=" "+e.prefixCls+"-root",this.renderRoot(e)}});t["default"]=d,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(1),s=r(a),u=n(12),l=r(u),c=n(57),f=r(c),p=n(80),d=r(p),h=n(8),v=r(h),m=n(197),y=(0,f["default"])({displayName:"MenuItem",propTypes:{rootPrefixCls:l["default"].string,eventKey:l["default"].string,active:l["default"].bool,children:l["default"].any,selectedKeys:l["default"].array,disabled:l["default"].bool,title:l["default"].string,onSelect:l["default"].func,onClick:l["default"].func,onDeselect:l["default"].func,parentMenu:l["default"].object,onItemHover:l["default"].func,onDestroy:l["default"].func,onMouseEnter:l["default"].func,onMouseLeave:l["default"].func},getDefaultProps:function(){return{onSelect:m.noop,onMouseEnter:m.noop,onMouseLeave:m.noop}},componentWillUnmount:function(){var e=this.props;e.onDestroy&&e.onDestroy(e.eventKey),e.parentMenu.menuItemInstance===this&&this.clearMenuItemMouseLeaveTimer()},onKeyDown:function(e){var t=e.keyCode;if(t===d["default"].ENTER)return this.onClick(e),!0},onMouseLeave:function(e){var t=this,n=this.props,r=n.eventKey,o=n.parentMenu;o.menuItemInstance=this,o.menuItemMouseLeaveFn=function(){n.active&&n.onItemHover({key:r,item:t,hover:!1,domEvent:e,trigger:"mouseleave"})},o.menuItemMouseLeaveTimer=setTimeout(o.menuItemMouseLeaveFn,30),n.onMouseLeave({key:r,domEvent:e})},onMouseEnter:function(e){var t=this.props,n=t.eventKey,r=t.parentMenu;this.clearMenuItemMouseLeaveTimer(r.menuItemInstance!==this),r.subMenuInstance&&r.subMenuInstance.clearSubMenuTimers(),t.onItemHover({key:n,item:this,hover:!0,domEvent:e,trigger:"mouseenter"}),t.onMouseEnter({key:n,domEvent:e})},onClick:function(e){var t=this.props,n=this.isSelected(),r=t.eventKey,o={key:r,keyPath:[r],item:this,domEvent:e};t.onClick(o),t.multiple?n?t.onDeselect(o):t.onSelect(o):n||t.onSelect(o)},getPrefixCls:function(){return this.props.rootPrefixCls+"-item"},getActiveClassName:function(){return this.getPrefixCls()+"-active"},getSelectedClassName:function(){return this.getPrefixCls()+"-selected"},getDisabledClassName:function(){return this.getPrefixCls()+"-disabled"},clearMenuItemMouseLeaveTimer:function(){var e=this.props,t=void 0,n=e.parentMenu;n.menuItemMouseLeaveTimer&&(clearTimeout(n.menuItemMouseLeaveTimer),n.menuItemMouseLeaveTimer=null,t&&n.menuItemMouseLeaveFn&&n.menuItemMouseLeaveFn(),n.menuItemMouseLeaveFn=null)},isSelected:function(){return this.props.selectedKeys.indexOf(this.props.eventKey)!==-1},render:function(){var e=this.props,t=this.isSelected(),n={};n[this.getActiveClassName()]=!e.disabled&&e.active,n[this.getSelectedClassName()]=t,n[this.getDisabledClassName()]=e.disabled,n[this.getPrefixCls()]=!0,n[e.className]=!!e.className;var r=(0,i["default"])({},e.attribute,{title:e.title,className:(0,v["default"])(n),role:"menuitem","aria-selected":t,"aria-disabled":e.disabled}),o={};e.disabled||(o={onClick:this.onClick,onMouseLeave:this.onMouseLeave,onMouseEnter:this.onMouseEnter});var a=(0,i["default"])({},e.style);return"inline"===e.mode&&(a.paddingLeft=e.inlineIndent*e.level),s["default"].createElement("li",(0,i["default"])({style:a},r,o),e.children)}});y.isMenuItem=1,t["default"]=y,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),i=r(o),a=n(12),s=r(a),u=n(57),l=r(u),c=(0,l["default"])({displayName:"MenuItemGroup",propTypes:{renderMenuItem:s["default"].func,index:s["default"].number,className:s["default"].string,rootPrefixCls:s["default"].string},getDefaultProps:function(){return{disabled:!0}},renderInnerMenuItem:function(e,t){var n=this.props,r=n.renderMenuItem,o=n.index;return r(e,o,t)},render:function(){var e=this.props,t=e.className,n=void 0===t?"":t,r=e.rootPrefixCls,o=r+"-item-group-title",a=r+"-item-group-list";return i["default"].createElement("li",{className:n+" "+r+"-item-group"},i["default"].createElement("div",{className:o},e.title),i["default"].createElement("ul",{className:a},i["default"].Children.map(e.children,this.renderInnerMenuItem)))}});c.isMenuItemGroup=!0,t["default"]=c,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(10),i=r(o),a=n(9),s=r(a),u=n(1),l=r(u),c=n(12),f=r(c),p=n(57),d=r(p),h=n(1773),v=r(h),m=n(80),y=r(m),g=n(8),b=r(g),_=n(197),w=0,x=(0,d["default"])({displayName:"SubMenu",propTypes:{parentMenu:f["default"].object,title:f["default"].node,children:f["default"].any,selectedKeys:f["default"].array,openKeys:f["default"].array,onClick:f["default"].func,onOpenChange:f["default"].func,rootPrefixCls:f["default"].string,eventKey:f["default"].string,multiple:f["default"].bool,active:f["default"].bool,onSelect:f["default"].func,closeSubMenuOnMouseLeave:f["default"].bool,openSubMenuOnMouseEnter:f["default"].bool,onDeselect:f["default"].func,onDestroy:f["default"].func,onItemHover:f["default"].func,onMouseEnter:f["default"].func,onMouseLeave:f["default"].func,onTitleMouseEnter:f["default"].func,onTitleMouseLeave:f["default"].func,onTitleClick:f["default"].func},mixins:[n(1772)],getDefaultProps:function(){return{onMouseEnter:_.noop,onMouseLeave:_.noop,onTitleMouseEnter:_.noop,onTitleMouseLeave:_.noop,onTitleClick:_.noop,title:""}},getInitialState:function(){return this.isSubMenu=1,{defaultActiveFirst:!1}},componentWillUnmount:function(){var e=this.props,t=e.onDestroy,n=e.eventKey,r=e.parentMenu;t&&t(n),r.subMenuInstance===this&&this.clearSubMenuTimers()},onDestroy:function(e){this.props.onDestroy(e)},onKeyDown:function(e){var t=e.keyCode,n=this.menuInstance,r=this.isOpen();if(t===y["default"].ENTER)return this.onTitleClick(e),this.setState({defaultActiveFirst:!0}),!0;if(t===y["default"].RIGHT)return r?n.onKeyDown(e):(this.triggerOpenChange(!0),this.setState({defaultActiveFirst:!0})),!0;if(t===y["default"].LEFT){var o=void 0;if(!r)return;return o=n.onKeyDown(e),o||(this.triggerOpenChange(!1),
+o=!0),o}return!r||t!==y["default"].UP&&t!==y["default"].DOWN?void 0:n.onKeyDown(e)},onOpenChange:function(e){this.props.onOpenChange(e)},onMouseEnter:function(e){var t=this.props;this.clearSubMenuLeaveTimer(t.parentMenu.subMenuInstance!==this),t.onMouseEnter({key:t.eventKey,domEvent:e})},onTitleMouseEnter:function(e){var t=this.props,n=t.parentMenu,r=t.eventKey,o=this;this.clearSubMenuTitleLeaveTimer(n.subMenuInstance!==o),n.menuItemInstance&&n.menuItemInstance.clearMenuItemMouseLeaveTimer(!0);var i=[];t.openSubMenuOnMouseEnter&&i.push({key:r,item:o,trigger:"mouseenter",open:!0}),t.onItemHover({key:r,item:o,hover:!0,trigger:"mouseenter",openChanges:i}),this.setState({defaultActiveFirst:!1}),t.onTitleMouseEnter({key:r,domEvent:e})},onTitleMouseLeave:function(e){var t=this,n=this.props,r=n.parentMenu,o=n.eventKey;r.subMenuInstance=this,r.subMenuTitleLeaveFn=function(){"inline"===n.mode&&n.active&&n.onItemHover({key:o,item:t,hover:!1,trigger:"mouseleave"}),n.onTitleMouseLeave({key:n.eventKey,domEvent:e})},r.subMenuTitleLeaveTimer=setTimeout(r.subMenuTitleLeaveFn,100)},onMouseLeave:function(e){var t=this,n=this.props,r=n.parentMenu,o=n.eventKey;r.subMenuInstance=this,r.subMenuLeaveFn=function(){if("inline"!==n.mode){var r=t.isOpen();r&&n.closeSubMenuOnMouseLeave&&n.active?n.onItemHover({key:o,item:t,hover:!1,trigger:"mouseleave",openChanges:[{key:o,item:t,trigger:"mouseleave",open:!1}]}):(n.active&&n.onItemHover({key:o,item:t,hover:!1,trigger:"mouseleave"}),r&&n.closeSubMenuOnMouseLeave&&t.triggerOpenChange(!1))}n.onMouseLeave({key:o,domEvent:e})},r.subMenuLeaveTimer=setTimeout(r.subMenuLeaveFn,100)},onTitleClick:function(e){var t=this.props;t.onTitleClick({key:t.eventKey,domEvent:e}),t.openSubMenuOnMouseEnter||(this.triggerOpenChange(!this.isOpen(),"click"),this.setState({defaultActiveFirst:!1}))},onSubMenuClick:function(e){this.props.onClick(this.addKeyPath(e))},onSelect:function(e){this.props.onSelect(e)},onDeselect:function(e){this.props.onDeselect(e)},getPrefixCls:function(){return this.props.rootPrefixCls+"-submenu"},getActiveClassName:function(){return this.getPrefixCls()+"-active"},getDisabledClassName:function(){return this.getPrefixCls()+"-disabled"},getSelectedClassName:function(){return this.getPrefixCls()+"-selected"},getOpenClassName:function(){return this.props.rootPrefixCls+"-submenu-open"},saveMenuInstance:function(e){this.menuInstance=e},addKeyPath:function(e){return(0,s["default"])({},e,{keyPath:(e.keyPath||[]).concat(this.props.eventKey)})},triggerOpenChange:function(e,t){var n=this.props.eventKey;this.onOpenChange({key:n,item:this,trigger:t,open:e})},clearSubMenuTimers:function(){var e=void 0;this.clearSubMenuLeaveTimer(e),this.clearSubMenuTitleLeaveTimer(e)},clearSubMenuTitleLeaveTimer:function(){var e=void 0,t=this.props.parentMenu;t.subMenuTitleLeaveTimer&&(clearTimeout(t.subMenuTitleLeaveTimer),t.subMenuTitleLeaveTimer=null,e&&t.subMenuTitleLeaveFn&&t.subMenuTitleLeaveFn(),t.subMenuTitleLeaveFn=null)},clearSubMenuLeaveTimer:function(){var e=void 0,t=this.props.parentMenu;t.subMenuLeaveTimer&&(clearTimeout(t.subMenuLeaveTimer),t.subMenuLeaveTimer=null,e&&t.subMenuLeaveFn&&t.subMenuLeaveFn(),t.subMenuLeaveFn=null)},isChildrenSelected:function(){var e={find:!1};return(0,_.loopMenuItemRecusively)(this.props.children,this.props.selectedKeys,e),e.find},isOpen:function(){return this.props.openKeys.indexOf(this.props.eventKey)!==-1},renderChildren:function(e){var t=this.props,n={mode:"horizontal"===t.mode?"vertical":t.mode,visible:this.isOpen(),level:t.level+1,inlineIndent:t.inlineIndent,focusable:!1,onClick:this.onSubMenuClick,onSelect:this.onSelect,onDeselect:this.onDeselect,onDestroy:this.onDestroy,selectedKeys:t.selectedKeys,eventKey:t.eventKey+"-menu-",openKeys:t.openKeys,openTransitionName:t.openTransitionName,openAnimation:t.openAnimation,onOpenChange:this.onOpenChange,closeSubMenuOnMouseLeave:t.closeSubMenuOnMouseLeave,defaultActiveFirst:this.state.defaultActiveFirst,multiple:t.multiple,prefixCls:t.rootPrefixCls,id:this._menuId,ref:this.saveMenuInstance};return l["default"].createElement(v["default"],n,e)},render:function(){var e,t=this.isOpen();this.haveOpen=this.haveOpen||t;var n=this.props,r=this.getPrefixCls(),o=(e={},(0,i["default"])(e,n.className,!!n.className),(0,i["default"])(e,r+"-"+n.mode,1),e);o[this.getOpenClassName()]=t,o[this.getActiveClassName()]=n.active,o[this.getDisabledClassName()]=n.disabled,o[this.getSelectedClassName()]=this.isChildrenSelected(),this._menuId||(n.eventKey?this._menuId=n.eventKey+"$Menu":this._menuId="$__$"+ ++w+"$Menu"),o[r]=!0,o[r+"-"+n.mode]=1;var a={},u={},c={};n.disabled||(a={onClick:this.onTitleClick},u={onMouseLeave:this.onMouseLeave,onMouseEnter:this.onMouseEnter},c={onMouseEnter:this.onTitleMouseEnter,onMouseLeave:this.onTitleMouseLeave});var f={};return"inline"===n.mode&&(f.paddingLeft=n.inlineIndent*n.level),l["default"].createElement("li",(0,s["default"])({className:(0,b["default"])(o)},u),l["default"].createElement("div",(0,s["default"])({style:f,className:r+"-title"},c,a,{"aria-expanded":t,"aria-owns":this._menuId,"aria-haspopup":"true"}),n.title),this.renderChildren(n.children))}});x.isSubMenu=1,t["default"]=x,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(80),i=r(o),a=n(79),s=r(a),u=n(477),l=r(u),c=n(2),f=r(c);t["default"]={componentDidMount:function(){this.componentDidUpdate()},componentDidUpdate:function(){"inline"!==this.props.mode&&(this.props.open?this.bindRootCloseHandlers():this.unbindRootCloseHandlers())},handleDocumentKeyUp:function(e){e.keyCode===i["default"].ESC&&this.props.onItemHover({key:this.props.eventKey,item:this,hover:!1})},handleDocumentClick:function(e){if(!(0,l["default"])(f["default"].findDOMNode(this),e.target)){var t=this.props;t.onItemHover({hover:!1,item:this,key:this.props.eventKey}),this.triggerOpenChange(!1)}},bindRootCloseHandlers:function(){this._onDocumentClickListener||(this._onDocumentClickListener=(0,s["default"])(document,"click",this.handleDocumentClick),this._onDocumentKeyupListener=(0,s["default"])(document,"keyup",this.handleDocumentKeyUp))},unbindRootCloseHandlers:function(){this._onDocumentClickListener&&(this._onDocumentClickListener.remove(),this._onDocumentClickListener=null),this._onDocumentKeyupListener&&(this._onDocumentKeyupListener.remove(),this._onDocumentKeyupListener=null)},componentWillUnmount:function(){this.unbindRootCloseHandlers()}},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(47),i=r(o),a=n(9),s=r(a),u=n(1),l=r(u),c=n(12),f=r(c),p=n(57),d=r(p),h=n(481),v=r(h),m=n(31),y=r(m),g=(0,d["default"])({displayName:"SubPopupMenu",propTypes:{onSelect:f["default"].func,onClick:f["default"].func,onDeselect:f["default"].func,onOpenChange:f["default"].func,onDestroy:f["default"].func,openTransitionName:f["default"].string,openAnimation:f["default"].oneOfType([f["default"].string,f["default"].object]),openKeys:f["default"].arrayOf(f["default"].string),closeSubMenuOnMouseLeave:f["default"].bool,visible:f["default"].bool,children:f["default"].any},mixins:[v["default"]],onDeselect:function(e){this.props.onDeselect(e)},onSelect:function(e){this.props.onSelect(e)},onClick:function(e){this.props.onClick(e)},onOpenChange:function(e){this.props.onOpenChange(e)},onDestroy:function(e){this.props.onDestroy(e)},onItemHover:function(e){var t=e.openChanges,n=void 0===t?[]:t;n=n.concat(this.getOpenChangesOnItemHover(e)),n.length&&this.onOpenChange(n)},getOpenTransitionName:function(){return this.props.openTransitionName},renderMenuItem:function(e,t,n){if(!e)return null;var r=this.props,o={openKeys:r.openKeys,selectedKeys:r.selectedKeys,openSubMenuOnMouseEnter:!0};return this.renderCommonMenuItem(e,t,n,o)},render:function(){var e=this.renderFirst;if(this.renderFirst=1,this.haveOpened=this.haveOpened||this.props.visible,!this.haveOpened)return null;var t=!0;!e&&this.props.visible&&(t=!1);var n=(0,s["default"])({},this.props);n.className+=" "+n.prefixCls+"-sub";var r={};return n.openTransitionName?r.transitionName=n.openTransitionName:"object"===(0,i["default"])(n.openAnimation)&&(r.animation=(0,s["default"])({},n.openAnimation),t||delete r.animation.appear),l["default"].createElement(y["default"],(0,s["default"])({},r,{showProp:"visible",component:"",transitionAppear:t}),this.renderRoot(n))}});t["default"]=g,e.exports=t["default"]},function(e,t,n){"use strict";function r(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):r(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var s=n(1),u=function(e){function t(){return o(this,t),i(this,e.apply(this,arguments))}return a(t,e),t}(s.Component);u.propTypes={className:s.PropTypes.string,colSpan:s.PropTypes.number,title:s.PropTypes.node,dataIndex:s.PropTypes.string,width:s.PropTypes.oneOfType([s.PropTypes.number,s.PropTypes.string]),fixed:s.PropTypes.oneOf([!0,"left","right"]),render:s.PropTypes.func,onCellClick:s.PropTypes.func},t["default"]=u,e.exports=t["default"]},function(e,t,n){"use strict";function r(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):r(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var s=n(1),u=function(e){function t(){return o(this,t),i(this,e.apply(this,arguments))}return a(t,e),t}(s.Component);u.propTypes={title:s.PropTypes.node},u.isTableColumnGroup=!0,t["default"]=u,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s=n(1),u=r(s),l=function(){function e(t,n){i(this,e),this._cached={},this.columns=t||this.normalize(n)}return e.prototype.isAnyColumnsFixed=function(){var e=this;return this._cache("isAnyColumnsFixed",function(){return e.columns.some(function(e){return!!e.fixed})})},e.prototype.isAnyColumnsLeftFixed=function(){var e=this;return this._cache("isAnyColumnsLeftFixed",function(){return e.columns.some(function(e){return"left"===e.fixed||e.fixed===!0})})},e.prototype.isAnyColumnsRightFixed=function(){var e=this;return this._cache("isAnyColumnsRightFixed",function(){return e.columns.some(function(e){return"right"===e.fixed})})},e.prototype.leftColumns=function(){var e=this;return this._cache("leftColumns",function(){return e.groupedColumns().filter(function(e){return"left"===e.fixed||e.fixed===!0})})},e.prototype.rightColumns=function(){var e=this;return this._cache("rightColumns",function(){return e.groupedColumns().filter(function(e){return"right"===e.fixed})})},e.prototype.leafColumns=function(){var e=this;return this._cache("leafColumns",function(){return e._leafColumns(e.columns)})},e.prototype.leftLeafColumns=function(){var e=this;return this._cache("leftLeafColumns",function(){return e._leafColumns(e.leftColumns())})},e.prototype.rightLeafColumns=function(){var e=this;return this._cache("rightLeafColumns",function(){return e._leafColumns(e.rightColumns())})},e.prototype.groupedColumns=function(){var e=this;return this._cache("groupedColumns",function(){var t=function n(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];o[t]=o[t]||[];var i=[],s=function(e){var n=o.length-t;e&&!e.children&&n>1&&(!e.rowSpan||e.rowSpan<n)&&(e.rowSpan=n)};return e.forEach(function(u,l){var c=a({},u);o[t].push(c),r.colSpan=r.colSpan||0,c.children&&c.children.length>0?(c.children=n(c.children,t+1,c,o),r.colSpan=r.colSpan+c.colSpan):r.colSpan++;for(var f=0;f<o[t].length-1;++f)s(o[t][f]);l+1===e.length&&s(c),i.push(c)}),i};return t(e.columns)})},e.prototype.normalize=function(e){var t=this,n=[];return u["default"].Children.forEach(e,function(e){if(u["default"].isValidElement(e)){var r=a({},e.props);e.key&&(r.key=e.key),e.type.isTableColumnGroup&&(r.children=t.normalize(r.children)),n.push(r)}}),n},e.prototype.reset=function(e,t){this.columns=e||this.normalize(t),this._cached={}},e.prototype._cache=function(e,t){return e in this._cached?this._cached[e]:(this._cached[e]=t(),this._cached[e])},e.prototype._leafColumns=function(e){var t=this,n=[];return e.forEach(function(e){e.children?n.push.apply(n,o(t._leafColumns(e.children))):n.push(e)}),n},e}();t["default"]=l,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var u=n(1),l=r(u),c=n(56),f=r(c),p=function(e){function t(){return i(this,t),a(this,e.apply(this,arguments))}return s(t,e),t.prototype.shouldComponentUpdate=function(e){return!(0,f["default"])(e,this.props)},t.prototype.render=function(){var e=this.props,t=e.expandable,n=e.prefixCls,r=e.onExpand,o=e.needIndentSpaced,i=e.expanded,a=e.record;if(t){var s=i?"expanded":"collapsed";return l["default"].createElement("span",{className:n+"-expand-icon "+n+"-"+s,onClick:function(e){return r(!i,a,e)}})}return o?l["default"].createElement("span",{className:n+"-expand-icon "+n+"-spaced"}):null},t}(l["default"].Component);p.propTypes={record:u.PropTypes.object,prefixCls:u.PropTypes.string,expandable:u.PropTypes.any,expanded:u.PropTypes.bool,needIndentSpaced:u.PropTypes.bool,onExpand:u.PropTypes.func},t["default"]=p,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c=n(1),f=r(c),p=n(1781),d=r(p),h=n(1780),v=r(h),m=n(1783),y=n(56),g=r(y),b=n(79),_=r(b),w=n(1776),x=r(w),C=n(1782),E=r(C),S=n(229),O=r(S),P=function(e){function t(n){a(this,t);var r=s(this,e.call(this,n));r.onExpanded=function(e,t,n,o){n&&(n.preventDefault(),n.stopPropagation());var i=r.findExpandedRow(t);if("undefined"==typeof i||e){if(!i&&e){var a=r.getExpandedRows().concat();a.push(r.getRowKey(t,o)),r.onExpandedRowsChange(a)}}else r.onRowDestroy(t,o);r.props.onExpand(e,t)},r.onRowDestroy=function(e,t){var n=r.getExpandedRows().concat(),o=r.getRowKey(e,t),i=-1;n.forEach(function(e,t){e===o&&(i=t)}),i!==-1&&n.splice(i,1),r.onExpandedRowsChange(n)},r.handleWindowResize=function(){r.syncFixedTableRowHeight(),r.setScrollPositionClassName()},r.syncFixedTableRowHeight=function(){var e=r.tableNode.getBoundingClientRect();if(!(void 0!==e.height&&e.height<=0)){var t=r.props.prefixCls,n=r.refs.headTable?r.refs.headTable.querySelectorAll("thead"):r.refs.bodyTable.querySelectorAll("thead"),o=r.refs.bodyTable.querySelectorAll("."+t+"-row")||[],i=[].map.call(n,function(e){return e.getBoundingClientRect().height||"auto"}),a=[].map.call(o,function(e){return e.getBoundingClientRect().height||"auto"});(0,g["default"])(r.state.fixedColumnsHeadRowsHeight,i)&&(0,g["default"])(r.state.fixedColumnsBodyRowsHeight,a)||r.setState({fixedColumnsHeadRowsHeight:i,fixedColumnsBodyRowsHeight:a})}},r.detectScrollTarget=function(e){r.scrollTarget!==e.currentTarget&&(r.scrollTarget=e.currentTarget)},r.handleBodyScroll=function(e){if(e.target===r.scrollTarget){var t=r.props.scroll,n=void 0===t?{}:t,o=r.refs,i=o.headTable,a=o.bodyTable,s=o.fixedColumnsBodyLeft,u=o.fixedColumnsBodyRight;n.x&&e.target.scrollLeft!==r.lastScrollLeft&&(e.target===a&&i?i.scrollLeft=e.target.scrollLeft:e.target===i&&a&&(a.scrollLeft=e.target.scrollLeft),r.setScrollPositionClassName(e.target)),n.y&&(s&&e.target!==s&&(s.scrollTop=e.target.scrollTop),u&&e.target!==u&&(u.scrollTop=e.target.scrollTop),a&&e.target!==a&&(a.scrollTop=e.target.scrollTop)),r.lastScrollLeft=e.target.scrollLeft}},r.handleRowHover=function(e,t){r.store.setState({currentHoverKey:e?t:null})};var o=[],u=[].concat(i(n.data));if(r.columnManager=new x["default"](n.columns,n.children),r.store=(0,E["default"])({currentHoverKey:null,expandedRowsHeight:{}}),r.setScrollPosition("left"),n.defaultExpandAllRows)for(var l=0;l<u.length;l++){var c=u[l];o.push(r.getRowKey(c,l)),u=u.concat(c[n.childrenColumnName]||[])}else o=n.expandedRowKeys||n.defaultExpandedRowKeys;return r.state={expandedRowKeys:o,currentHoverKey:null,fixedColumnsHeadRowsHeight:[],fixedColumnsBodyRowsHeight:[]},r}return u(t,e),t.prototype.componentDidMount=function(){this.columnManager.isAnyColumnsFixed()&&(this.handleWindowResize(),this.debouncedWindowResize=(0,m.debounce)(this.handleWindowResize,150),this.resizeEvent=(0,_["default"])(window,"resize",this.debouncedWindowResize))},t.prototype.componentWillReceiveProps=function(e){"expandedRowKeys"in e&&this.setState({expandedRowKeys:e.expandedRowKeys}),e.columns&&e.columns!==this.props.columns?this.columnManager.reset(e.columns):e.children!==this.props.children&&this.columnManager.reset(null,e.children)},t.prototype.componentDidUpdate=function(e){this.columnManager.isAnyColumnsFixed()&&this.handleWindowResize(),e.data.length>0&&0===this.props.data.length&&this.hasScrollX()&&this.resetScrollX()},t.prototype.componentWillUnmount=function(){this.resizeEvent&&this.resizeEvent.remove(),this.debouncedWindowResize&&this.debouncedWindowResize.cancel()},t.prototype.onExpandedRowsChange=function(e){this.props.expandedRowKeys||this.setState({expandedRowKeys:e}),this.props.onExpandedRowsChange(e)},t.prototype.getRowKey=function(e,t){var n=this.props.rowKey,r="function"==typeof n?n(e,t):e[n];return(0,m.warningOnce)(void 0!==r,"Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key."),void 0===r?t:r},t.prototype.getExpandedRows=function(){return this.props.expandedRowKeys||this.state.expandedRowKeys},t.prototype.getHeader=function(e,t){var n=this.props,r=n.showHeader,o=n.expandIconAsCell,i=n.prefixCls,a=this.getHeaderRows(e);o&&"right"!==t&&a[0].unshift({key:"rc-table-expandIconAsCell",className:i+"-expand-icon-th",title:"",rowSpan:a.length});var s=t?this.getHeaderRowStyle(e,a):null;return r?f["default"].createElement(v["default"],{prefixCls:i,rows:a,rowStyle:s}):null},t.prototype.getHeaderRows=function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments[2];return r=r||[],r[n]=r[n]||[],e.forEach(function(e){if(e.rowSpan&&r.length<e.rowSpan)for(;r.length<e.rowSpan;)r.push([]);var o={key:e.key,className:e.className||"",children:e.title};e.children&&t.getHeaderRows(e.children,n+1,r),"colSpan"in e&&(o.colSpan=e.colSpan),"rowSpan"in e&&(o.rowSpan=e.rowSpan),0!==o.colSpan&&r[n].push(o)}),r.filter(function(e){return e.length>0})},t.prototype.getExpandedRow=function(e,t,n,r,o){var i=this.props,a=i.prefixCls,s=i.expandIconAsCell,u=void 0;u="left"===o?this.columnManager.leftLeafColumns().length:"right"===o?this.columnManager.rightLeafColumns().length:this.columnManager.leafColumns().length;var l=[{key:"extra-row",render:function(){return{props:{colSpan:u},children:"right"!==o?t:"&nbsp;"}}}];return s&&"right"!==o&&l.unshift({key:"expand-icon-placeholder",render:function(){return null}}),f["default"].createElement(d["default"],{columns:l,visible:n,className:r,key:e+"-extra-row",rowKey:e+"-extra-row",prefixCls:a+"-expanded-row",indent:1,expandable:!1,store:this.store,expandedRow:!0,fixed:!!o})},t.prototype.getRowsByData=function(e,t,n,r,o){for(var i=this.props,a=i.childrenColumnName,s=i.expandedRowRender,u=i.expandRowByClick,c=this.state.fixedColumnsBodyRowsHeight,p=[],h=i.rowClassName,v=i.rowRef,m=i.expandedRowClassName,y=i.data.some(function(e){return e[a]}),g=i.onRowClick,b=i.onRowDoubleClick,_="right"!==o&&i.expandIconAsCell,w="right"!==o?i.expandIconColumnIndex:-1,x=0;x<e.length;x++){var C=e[x],E=this.getRowKey(C,x),S=C[a],O=this.isRowExpanded(C,x),P=void 0;s&&O&&(P=s(C,x,n));var T=h(C,x,n),k={};this.columnManager.isAnyColumnsFixed()&&(k.onHover=this.handleRowHover);var M=o&&c[x]?c[x]:null,N=void 0;N="left"===o?this.columnManager.leftLeafColumns():"right"===o?this.columnManager.rightLeafColumns():this.columnManager.leafColumns(),p.push(f["default"].createElement(d["default"],l({indent:n,indentSize:i.indentSize,needIndentSpaced:y,className:T,record:C,expandIconAsCell:_,onDestroy:this.onRowDestroy,index:x,visible:t,expandRowByClick:u,onExpand:this.onExpanded,expandable:S||s,expanded:O,prefixCls:i.prefixCls+"-row",childrenColumnName:a,columns:N,expandIconColumnIndex:w,onRowClick:g,onRowDoubleClick:b,height:M},k,{key:E,hoverKey:E,ref:v(C,x,n),store:this.store})));var A=t&&O;P&&O&&p.push(this.getExpandedRow(E,P,A,m(C,x,n),o)),S&&(p=p.concat(this.getRowsByData(S,A,n+1,r,o)))}return p},t.prototype.getRows=function(e,t){return this.getRowsByData(this.props.data,!0,0,e,t)},t.prototype.getColGroup=function(e,t){var n=[];this.props.expandIconAsCell&&"right"!==t&&n.push(f["default"].createElement("col",{className:this.props.prefixCls+"-expand-icon-col",key:"rc-table-expand-icon-col"}));var r=void 0;return r="left"===t?this.columnManager.leftLeafColumns():"right"===t?this.columnManager.rightLeafColumns():this.columnManager.leafColumns(),n=n.concat(r.map(function(e){return f["default"].createElement("col",{key:e.key,style:{width:e.width,minWidth:e.width}})})),f["default"].createElement("colgroup",null,n)},t.prototype.getLeftFixedTable=function(){return this.getTable({columns:this.columnManager.leftColumns(),fixed:"left"})},t.prototype.getRightFixedTable=function(){return this.getTable({columns:this.columnManager.rightColumns(),fixed:"right"})},t.prototype.getTable=function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=t.columns,r=t.fixed,o=this.props,i=o.prefixCls,a=o.scroll,s=void 0===a?{}:a,u=o.getBodyWrapper,c=this.props.useFixedHeader,p=l({},this.props.bodyStyle),d={},h="";(s.x||r)&&(h=i+"-fixed",p.overflowX=p.overflowX||"auto");var v={};if(s.y){r?(v.maxHeight=p.maxHeight||s.y,v.overflowY=p.overflowY||"scroll"):p.maxHeight=p.maxHeight||s.y,p.overflowY=p.overflowY||"scroll",c=!0;var y=(0,m.measureScrollbar)();y>0&&((r?p:d).marginBottom="-"+y+"px",(r?p:d).paddingBottom="0px")}var g=function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],o=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],a={};!r&&s.x&&(s.x===!0?a.tableLayout="fixed":a.width=s.x);var l=o?u(f["default"].createElement("tbody",{className:i+"-tbody"},e.getRows(n,r))):null;return f["default"].createElement("table",{className:h,style:a,key:"table"},e.getColGroup(n,r),t?e.getHeader(n,r):null,l)},b=void 0;c&&(b=f["default"].createElement("div",{key:"headTable",className:i+"-header",ref:r?null:"headTable",style:d,onMouseOver:this.detectScrollTarget,onTouchStart:this.detectScrollTarget,onScroll:this.handleBodyScroll},g(!0,!1)));var _=f["default"].createElement("div",{key:"bodyTable",className:i+"-body",style:p,ref:"bodyTable",onMouseOver:this.detectScrollTarget,onTouchStart:this.detectScrollTarget,onScroll:this.handleBodyScroll},g(!c));if(r&&n.length){var w=void 0;"left"===n[0].fixed||n[0].fixed===!0?w="fixedColumnsBodyLeft":"right"===n[0].fixed&&(w="fixedColumnsBodyRight"),delete p.overflowX,delete p.overflowY,_=f["default"].createElement("div",{key:"bodyTable",className:i+"-body-outer",style:l({},p)},f["default"].createElement("div",{className:i+"-body-inner",style:v,ref:w,onMouseOver:this.detectScrollTarget,onTouchStart:this.detectScrollTarget,onScroll:this.handleBodyScroll},g(!c)))}return[b,_]},t.prototype.getTitle=function(){var e=this.props,t=e.title,n=e.prefixCls;return t?f["default"].createElement("div",{className:n+"-title",key:"title"},t(this.props.data)):null},t.prototype.getFooter=function(){var e=this.props,t=e.footer,n=e.prefixCls;return t?f["default"].createElement("div",{className:n+"-footer",key:"footer"},t(this.props.data)):null},t.prototype.getEmptyText=function(){var e=this.props,t=e.emptyText,n=e.prefixCls,r=e.data;return r.length?null:f["default"].createElement("div",{className:n+"-placeholder",key:"emptyText"},t())},t.prototype.getHeaderRowStyle=function(e,t){var n=this.state.fixedColumnsHeadRowsHeight,r=n[0];return r&&e?"auto"===r?{height:"auto"}:{height:r/t.length}:null},t.prototype.setScrollPosition=function(e){if(this.scrollPosition=e,this.tableNode){var t=this.props.prefixCls;"both"===e?(0,O["default"])(this.tableNode).remove(new RegExp("^"+t+"-scroll-position-.+$")).add(t+"-scroll-position-left").add(t+"-scroll-position-right"):(0,O["default"])(this.tableNode).remove(new RegExp("^"+t+"-scroll-position-.+$")).add(t+"-scroll-position-"+e)}},t.prototype.setScrollPositionClassName=function(e){var t=e||this.refs.bodyTable,n=0===t.scrollLeft,r=t.scrollLeft+1>=t.children[0].getBoundingClientRect().width-t.getBoundingClientRect().width;n&&r?this.setScrollPosition("both"):n?this.setScrollPosition("left"):r?this.setScrollPosition("right"):"middle"!==this.scrollPosition&&this.setScrollPosition("middle")},t.prototype.resetScrollX=function(){this.refs.headTable&&(this.refs.headTable.scrollLeft=0),this.refs.bodyTable&&(this.refs.bodyTable.scrollLeft=0)},t.prototype.findExpandedRow=function(e,t){var n=this,r=this.getExpandedRows().filter(function(r){return r===n.getRowKey(e,t)});return r[0]},t.prototype.isRowExpanded=function(e,t){return"undefined"!=typeof this.findExpandedRow(e,t)},t.prototype.hasScrollX=function(){var e=this.props.scroll,t=void 0===e?{}:e;return"x"in t},t.prototype.render=function(){var e=this,t=this.props,n=t.prefixCls,r=t.prefixCls;t.className&&(r+=" "+t.className),(t.useFixedHeader||t.scroll&&t.scroll.y)&&(r+=" "+n+"-fixed-header"),r+="both"===this.scrollPosition?" "+n+"-scroll-position-left "+n+"-scroll-position-right":" "+n+"-scroll-position-"+this.scrollPosition;var o=this.columnManager.isAnyColumnsFixed()||t.scroll.x||t.scroll.y,i=[this.getTable({columns:this.columnManager.groupedColumns()}),this.getEmptyText(),this.getFooter()],a=o?f["default"].createElement("div",{className:n+"-scroll"},i):i;return f["default"].createElement("div",{ref:function(t){return e.tableNode=t},className:r,style:t.style},this.getTitle(),f["default"].createElement("div",{className:n+"-content"},a,this.columnManager.isAnyColumnsLeftFixed()&&f["default"].createElement("div",{className:n+"-fixed-left"},this.getLeftFixedTable()),this.columnManager.isAnyColumnsRightFixed()&&f["default"].createElement("div",{className:n+"-fixed-right"},this.getRightFixedTable())))},t}(f["default"].Component);P.propTypes={data:c.PropTypes.array,expandIconAsCell:c.PropTypes.bool,defaultExpandAllRows:c.PropTypes.bool,expandedRowKeys:c.PropTypes.array,defaultExpandedRowKeys:c.PropTypes.array,useFixedHeader:c.PropTypes.bool,columns:c.PropTypes.array,prefixCls:c.PropTypes.string,bodyStyle:c.PropTypes.object,style:c.PropTypes.object,rowKey:c.PropTypes.oneOfType([c.PropTypes.string,c.PropTypes.func]),rowClassName:c.PropTypes.func,expandedRowClassName:c.PropTypes.func,childrenColumnName:c.PropTypes.string,onExpand:c.PropTypes.func,onExpandedRowsChange:c.PropTypes.func,indentSize:c.PropTypes.number,onRowClick:c.PropTypes.func,onRowDoubleClick:c.PropTypes.func,expandIconColumnIndex:c.PropTypes.number,showHeader:c.PropTypes.bool,title:c.PropTypes.func,footer:c.PropTypes.func,emptyText:c.PropTypes.func,scroll:c.PropTypes.object,rowRef:c.PropTypes.func,getBodyWrapper:c.PropTypes.func,children:c.PropTypes.node},P.defaultProps={data:[],useFixedHeader:!1,expandIconAsCell:!1,defaultExpandAllRows:!1,defaultExpandedRowKeys:[],rowKey:"key",rowClassName:function(){return""},expandedRowClassName:function(){return""},onExpand:function(){},onExpandedRowsChange:function(){},onRowClick:function(){},onRowDoubleClick:function(){},prefixCls:"rc-table",bodyStyle:{},style:{},childrenColumnName:"children",indentSize:15,expandIconColumnIndex:0,showHeader:!0,scroll:{},rowRef:function(){return null},getBodyWrapper:function(e){return e},emptyText:function(){return"No Data"}},t["default"]=P,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{
+value:!0});var u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l=n(1),c=r(l),f=n(480),p=r(f),d=function(e){function t(){var n,r,o;i(this,t);for(var s=arguments.length,u=Array(s),l=0;l<s;l++)u[l]=arguments[l];return n=r=a(this,e.call.apply(e,[this].concat(u))),r.handleClick=function(e){var t=r.props,n=t.record,o=t.column.onCellClick;o&&o(n,e)},o=n,a(r,o)}return s(t,e),t.prototype.isInvalidRenderCellText=function(e){return e&&!c["default"].isValidElement(e)&&"[object Object]"===Object.prototype.toString.call(e)},t.prototype.render=function n(){var e=this.props,t=e.record,r=e.indentSize,o=e.prefixCls,i=e.indent,a=e.index,s=e.expandIcon,l=e.column,f=l.dataIndex,n=l.render,d=l.className,h=void 0===d?"":d,v=void 0;v="number"==typeof f?(0,p["default"])(t,f):f&&0!==f.length?(0,p["default"])(t,f):t;var m=void 0,y=void 0,g=void 0;n&&(v=n(v,t,a),this.isInvalidRenderCellText(v)&&(m=v.props||{},y=m.colSpan,g=m.rowSpan,v=v.children)),this.isInvalidRenderCellText(v)&&(v=null);var b=s?c["default"].createElement("span",{style:{paddingLeft:r*i+"px"},className:o+"-indent indent-level-"+i}):null;return 0===g||0===y?null:c["default"].createElement("td",u({className:h},m,{onClick:this.handleClick}),b,s,v)},t}(c["default"].Component);d.propTypes={record:l.PropTypes.object,prefixCls:l.PropTypes.string,index:l.PropTypes.number,indent:l.PropTypes.number,indentSize:l.PropTypes.number,column:l.PropTypes.object,expandIcon:l.PropTypes.node},t["default"]=d,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l=n(1),c=r(l),f=n(56),p=r(f),d=function(e){function t(){return i(this,t),a(this,e.apply(this,arguments))}return s(t,e),t.prototype.shouldComponentUpdate=function(e){return!(0,p["default"])(e,this.props)},t.prototype.render=function(){var e=this.props,t=e.prefixCls,n=e.rowStyle,r=e.rows;return c["default"].createElement("thead",{className:t+"-thead"},r.map(function(e,t){return c["default"].createElement("tr",{key:t,style:n},e.map(function(e,t){return c["default"].createElement("th",u({},e,{key:t}))}))}))},t}(c["default"].Component);d.propTypes={prefixCls:l.PropTypes.string,rowStyle:l.PropTypes.object,rows:l.PropTypes.array},t["default"]=d,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){for(var n=Object.getOwnPropertyNames(t),r=0;r<n.length;r++){var o=n[r],i=Object.getOwnPropertyDescriptor(t,o);i&&i.configurable&&void 0===e[o]&&Object.defineProperty(e,o,i)}return e}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):o(e,t))}Object.defineProperty(t,"__esModule",{value:!0});var u=n(1),l=r(u),c=n(1779),f=r(c),p=n(1777),d=r(p),h=function(e){function t(){var n,r,o;i(this,t);for(var s=arguments.length,u=Array(s),l=0;l<s;l++)u[l]=arguments[l];return n=r=a(this,e.call.apply(e,[this].concat(u))),r.state={hovered:!1,height:null},r.onRowClick=function(e){var t=r.props,n=t.record,o=t.index,i=t.onRowClick,a=t.expandable,s=t.expandRowByClick,u=t.expanded,l=t.onExpand;a&&s&&l(!u,n,e,o),i(n,o,e)},r.onRowDoubleClick=function(e){var t=r.props,n=t.record,o=t.index,i=t.onRowDoubleClick;i(n,o,e)},r.onMouseEnter=function(){var e=r.props,t=e.onHover,n=e.hoverKey;t(!0,n)},r.onMouseLeave=function(){var e=r.props,t=e.onHover,n=e.hoverKey;t(!1,n)},o=n,a(r,o)}return s(t,e),t.prototype.componentDidMount=function(){var e=this,t=this.props.store;this.pushHeight(),this.pullHeight(),this.unsubscribe=t.subscribe(function(){e.setHover(),e.pullHeight()})},t.prototype.componentWillUnmount=function(){var e=this.props,t=e.record,n=e.onDestroy,r=e.index;n(t,r),this.unsubscribe&&this.unsubscribe()},t.prototype.setHover=function(){var e=this.props,t=e.store,n=e.hoverKey,r=t.getState(),o=r.currentHoverKey;o===n?this.setState({hovered:!0}):this.state.hovered===!0&&this.setState({hovered:!1})},t.prototype.pullHeight=function(){var e=this.props,t=e.store,n=e.expandedRow,r=e.fixed,o=e.rowKey,i=t.getState(),a=i.expandedRowsHeight;n&&r&&a[o]&&this.setState({height:a[o]})},t.prototype.pushHeight=function(){var e=this.props,t=e.store,n=e.expandedRow,r=e.fixed,o=e.rowKey;if(n&&!r){var i=t.getState(),a=i.expandedRowsHeight,s=this.trRef.getBoundingClientRect().height;a[o]=s,t.setState({expandedRowsHeight:a})}},t.prototype.render=function(){var e=this,t=this.props,n=t.prefixCls,r=t.columns,o=t.record,i=t.visible,a=t.index,s=t.expandIconColumnIndex,u=t.expandIconAsCell,c=t.expanded,p=t.expandRowByClick,h=t.expandable,v=t.onExpand,m=t.needIndentSpaced,y=t.indent,g=t.indentSize,b=this.props.className;this.state.hovered&&(b+=" "+n+"-hover");for(var _=[],w=l["default"].createElement(d["default"],{expandable:h,prefixCls:n,onExpand:v,needIndentSpaced:m,expanded:c,record:o}),x=0;x<r.length;x++){u&&0===x&&_.push(l["default"].createElement("td",{className:n+"-expand-icon-cell",key:"rc-table-expand-icon-cell"},w));var C=!u&&!p&&x===s;_.push(l["default"].createElement(f["default"],{prefixCls:n,record:o,indentSize:g,indent:y,index:a,column:r[x],key:r[x].key,expandIcon:C?w:null}))}var E=this.props.height||this.state.height,S={height:E};return i||(S.display="none"),l["default"].createElement("tr",{ref:function(t){return e.trRef=t},onClick:this.onRowClick,onDoubleClick:this.onRowDoubleClick,onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,className:n+" "+b+" "+n+"-level-"+y,style:S},_)},t}(l["default"].Component);h.propTypes={onDestroy:u.PropTypes.func,onRowClick:u.PropTypes.func,onRowDoubleClick:u.PropTypes.func,record:u.PropTypes.object,prefixCls:u.PropTypes.string,expandIconColumnIndex:u.PropTypes.number,onHover:u.PropTypes.func,columns:u.PropTypes.array,height:u.PropTypes.oneOfType([u.PropTypes.string,u.PropTypes.number]),visible:u.PropTypes.bool,index:u.PropTypes.number,hoverKey:u.PropTypes.any,expanded:u.PropTypes.bool,expandable:u.PropTypes.any,onExpand:u.PropTypes.func,needIndentSpaced:u.PropTypes.bool,className:u.PropTypes.string,indent:u.PropTypes.number,indentSize:u.PropTypes.number,expandIconAsCell:u.PropTypes.bool,expandRowByClick:u.PropTypes.bool,store:u.PropTypes.object.isRequired,expandedRow:u.PropTypes.bool,fixed:u.PropTypes.bool,rowKey:u.PropTypes.string},h.defaultProps={onRowClick:function(){},onRowDoubleClick:function(){},onDestroy:function(){},expandIconColumnIndex:0,expandRowByClick:!1,onHover:function(){}},t["default"]=h,e.exports=t["default"]},function(e,t){"use strict";function n(e){function t(e){i=r({},i,e);for(var t=0;t<a.length;t++)a[t]()}function n(){return i}function o(e){return a.push(e),function(){var t=a.indexOf(e);a.splice(t,1)}}var i=e,a=[];return{setState:t,getState:n,subscribe:o}}Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};t["default"]=n,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){if("undefined"==typeof document||"undefined"==typeof window)return 0;if(l)return l;var e=document.createElement("div");for(var t in c)c.hasOwnProperty(t)&&(e.style[t]=c[t]);document.body.appendChild(e);var n=e.offsetWidth-e.clientWidth;return document.body.removeChild(e),l=n}function i(e,t,n){function r(){var r=this,i=arguments;i[0]&&i[0].persist&&i[0].persist();var a=function(){o=null,n||e.apply(r,i)},s=n&&!o;clearTimeout(o),o=setTimeout(a,t),s&&e.apply(r,i)}var o=void 0;return r.cancel=function(){o&&(clearTimeout(o),o=null)},r}function a(e,t,n){f[t]||((0,u["default"])(e,t,n),f[t]=!e)}Object.defineProperty(t,"__esModule",{value:!0}),t.measureScrollbar=o,t.debounce=i,t.warningOnce=a;var s=n(45),u=r(s),l=void 0,c={position:"absolute",top:"-9999px",width:"50px",height:"50px",overflow:"scroll"},f={}},function(e,t){"use strict";function n(){if(void 0!==r)return r;var e="Webkit Moz O ms Khtml".split(" "),t=document.createElement("div");if(void 0!==t.style.animationName&&(r=!0),void 0!==r)for(var n=0;n<e.length;n++)if(void 0!==t.style[e[n]+"AnimationName"]){r=!0;break}return r=r||!1}Object.defineProperty(t,"__esModule",{value:!0});var r=void 0;t["default"]=n,e.exports=t["default"]},function(e,t){"use strict";function n(){if("undefined"!=typeof window&&window.document&&window.document.documentElement){var e=window.document.documentElement;return"flex"in e.style||"webkitFlex"in e.style||"Flex"in e.style||"msFlex"in e.style}return!1}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=n,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=void 0,n=function(n){return function(){t=null,e.apply(void 0,(0,s["default"])(n))}},r=function(){for(var e=arguments.length,r=Array(e),o=0;o<e;o++)r[o]=arguments[o];null==t&&(t=c(n(r)))};return r.cancel=function(){return(0,u.cancelRequestAnimationFrame)(t)},r}function i(){return function(e,t,n){var r=n.value,i=!1;return{configurable:!0,get:function(){if(i||this===e.prototype||this.hasOwnProperty(t))return r;var n=o(r.bind(this));return i=!0,Object.defineProperty(this,t,{value:n,configurable:!0,writable:!0}),i=!1,n}}}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(62),s=r(a);t["default"]=o,t.throttleByAnimationFrameDecorator=i;var u=n(199),l=r(u),c=(0,l["default"])()},function(e,t,n){"use strict";n(14),n(1241)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var i=n(10),a=r(i),s=n(4),u=r(s),l=n(7),c=r(l),f=n(6),p=r(f),d=n(1),h=r(d),v=n(2),m=r(v),y=n(31),g=r(y),b=n(23),_=r(b),w=n(8),x=r(w),C=function(e){function t(n){(0,u["default"])(this,t);var r=(0,c["default"])(this,e.call(this,n));return r.handleClose=function(e){e.preventDefault();var t=m["default"].findDOMNode(r);t.style.height=t.offsetHeight+"px",t.style.height=t.offsetHeight+"px",r.setState({closing:!1}),(r.props.onClose||o)(e)},r.animationEnd=function(){r.setState({closed:!0,closing:!0})},r.state={closing:!0,closed:!1},r}return(0,p["default"])(t,e),t.prototype.render=function(){var e,t=this.props,n=t.closable,r=t.description,o=t.type,i=t.prefixCls,s=void 0===i?"ant-alert":i,u=t.message,l=t.closeText,c=t.showIcon,f=t.banner,p=t.className,d=void 0===p?"":p,v=t.style;c=!(!f||void 0!==c)||c,o=f&&void 0===o?"warning":o||"info";var m="";switch(o){case"success":m="check-circle";break;case"info":m="info-circle";break;case"error":m="cross-circle";break;case"warning":m="exclamation-circle";break;default:m="default"}r&&(m+="-o");var y=(0,x["default"])(s,(e={},(0,a["default"])(e,s+"-"+o,!0),(0,a["default"])(e,s+"-close",!this.state.closing),(0,a["default"])(e,s+"-with-description",!!r),(0,a["default"])(e,s+"-no-icon",!c),(0,a["default"])(e,s+"-banner",!!f),e),d);l&&(n=!0);var b=n?h["default"].createElement("a",{onClick:this.handleClose,className:s+"-close-icon"},l||h["default"].createElement(_["default"],{type:"cross"})):null;return this.state.closed?null:h["default"].createElement(g["default"],{component:"",showProp:"data-show",transitionName:s+"-slide-up",onEnd:this.animationEnd},h["default"].createElement("div",{"data-show":this.state.closing,className:y,style:v},c?h["default"].createElement(_["default"],{className:s+"-icon",type:m}):null,h["default"].createElement("span",{className:s+"-message"},u),h["default"].createElement("span",{className:s+"-description"},r),b))},t}(h["default"].Component);t["default"]=C,e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1242)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(10),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(12),v=r(h),m=n(8),y=r(m),g=n(483),b=function(e){function t(){(0,s["default"])(this,t);var n=(0,l["default"])(this,e.apply(this,arguments));return n.renderAnchorLink=function(e){var t=e.props.href;return t?(n.context.anchorHelper.addLink(t),d["default"].cloneElement(e,{onClick:n.props.onClick,prefixCls:n.props.prefixCls,affix:n.props.affix,offsetTop:n.props.offsetTop})):e},n.refsTo=function(e){n._component=e},n.scrollTo=function(e){e.preventDefault();var t=n.props,r=t.onClick,o=t.href,i=n.context.anchorHelper;if(r)r(o,n._component);else{var a=i?i.scrollTo:g.scrollTo;a(o,n.props.offsetTop)}},n}return(0,f["default"])(t,e),t.prototype.setActiveAnchor=function(){var e=this.props,t=e.bounds,n=e.offsetTop,r=e.href,o=e.affix,i=this.context.anchorHelper,a=o&&i&&i.getCurrentAnchor(n,t)===r;a&&i&&i.setActiveAnchor(this._component)},t.prototype.componentDidMount=function(){this.setActiveAnchor()},t.prototype.componentDidUpdate=function(){this.setActiveAnchor()},t.prototype.render=function(){var e,t=this.props,n=t.prefixCls,r=t.href,o=t.children,a=t.title,s=t.bounds,u=t.offsetTop,l=t.affix,c=this.context.anchorHelper,f=l&&c&&c.getCurrentAnchor(u,s)===r,p=(0,y["default"])((e={},(0,i["default"])(e,n+"-link",!0),(0,i["default"])(e,n+"-link-active",f),e));return d["default"].createElement("div",{className:p},d["default"].createElement("a",{ref:this.refsTo,className:n+"-link-title",onClick:this.scrollTo,href:r,title:"string"==typeof a?a:""},a),d["default"].Children.map(o,this.renderAnchorLink))},t}(d["default"].Component);t["default"]=b,b.__ANT_ANCHOR_LINK=!0,b.contextTypes={anchorHelper:v["default"].any},b.defaultProps={href:"#",prefixCls:"ant-anchor"},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(10),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(12),v=r(h),m=n(8),y=r(m),g=n(79),b=r(g),_=n(1790),w=r(_),x=n(482),C=r(x),E=n(483),S=r(E),O=function(e){function t(n){(0,s["default"])(this,t);var r=(0,l["default"])(this,e.call(this,n));return r.handleScroll=function(){r.setState({activeAnchor:r.anchorHelper.getCurrentAnchor(r.props.offsetTop,r.props.bounds)})},r.updateInk=function(){var e=r.anchorHelper.getCurrentActiveAnchor();e&&(r.refs.ink.style.top=e.offsetTop+e.clientHeight/2-4.5+"px")},r.clickAnchorLink=function(e,t){r._avoidInk=!0,r.refs.ink.style.top=t.offsetTop+t.clientHeight/2-4.5+"px",r.anchorHelper.scrollTo(e,r.props.offsetTop,E.getDefaultTarget,function(){r._avoidInk=!1})},r.renderAnchorLink=function(e){var t=e.props.href;return e.type.__ANT_ANCHOR_LINK&&t?(r.anchorHelper.addLink(t),d["default"].cloneElement(e,{onClick:r.clickAnchorLink,prefixCls:r.props.prefixCls,bounds:r.props.bounds,affix:r.props.affix||r.props.showInkInFixed,offsetTop:r.props.offsetTop})):e},r.state={activeAnchor:null,animated:!0},r.anchorHelper=new S["default"],r}return(0,f["default"])(t,e),t.prototype.getChildContext=function(){return{anchorHelper:this.anchorHelper}},t.prototype.componentDidMount=function(){this.handleScroll(),this.updateInk(),this.scrollEvent=(0,b["default"])((this.props.target||E.getDefaultTarget)(),"scroll",this.handleScroll)},t.prototype.componentWillUnmount=function(){this.scrollEvent&&this.scrollEvent.remove()},t.prototype.componentDidUpdate=function(){this._avoidInk||this.updateInk()},t.prototype.render=function(){var e,t=this.props,n=t.prefixCls,r=t.offsetTop,o=t.style,a=t.className,s=void 0===a?"":a,u=t.affix,l=t.showInkInFixed,c=this.state,f=c.activeAnchor,p=c.animated,h=(0,y["default"])((e={},(0,i["default"])(e,n+"-ink-ball",!0),(0,i["default"])(e,"animated",p),(0,i["default"])(e,"visible",!!f),e)),v=(0,y["default"])((0,i["default"])({},n+"-wrapper",!0),s),m=(0,y["default"])(n,{fixed:!u&&!l}),g=d["default"].createElement("div",{className:v,style:o},d["default"].createElement("div",{className:m},d["default"].createElement("div",{className:n+"-ink"},d["default"].createElement("span",{className:h,ref:"ink"})),d["default"].Children.toArray(this.props.children).map(this.renderAnchorLink)));return u?d["default"].createElement(C["default"],{offsetTop:r},g):g},t}(d["default"].Component);t["default"]=O,O.Link=w["default"],O.defaultProps={prefixCls:"ant-anchor",affix:!0,showInkInFixed:!1},O.childContextTypes={anchorHelper:v["default"].any},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1243)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(2),v=function(e){function t(){(0,s["default"])(this,t);var n=(0,l["default"])(this,e.apply(this,arguments));return n.focus=function(){n.ele.focus?n.ele.focus():(0,h.findDOMNode)(n.ele).focus()},n.blur=function(){n.ele.blur?n.ele.blur():(0,h.findDOMNode)(n.ele).blur()},n}return(0,f["default"])(t,e),t.prototype.render=function(){var e=this;return d["default"].cloneElement(this.props.children,(0,i["default"])({},this.props,{ref:function(t){return e.ele=t}}),null)},t}(d["default"].Component);t["default"]=v,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return e&&e.type&&(e.type.isSelectOption||e.type.isSelectOptGroup)}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var i=n(47),a=r(i),s=n(10),u=r(s),l=n(9),c=r(l),f=n(4),p=r(f),d=n(7),h=r(d),v=n(6),m=r(v),y=n(1),g=r(y),b=n(520),_=n(8),w=r(_),x=n(156),C=r(x),E=n(200),S=r(E),O=n(1793),P=r(O),T=function(e){function t(){(0,p["default"])(this,t);var n=(0,h["default"])(this,e.apply(this,arguments));return n.getInputElement=function(){var e=n.props.children,t=e&&g["default"].isValidElement(e)&&e.type!==b.Option?g["default"].Children.only(n.props.children):g["default"].createElement(S["default"],null);return g["default"].createElement(P["default"],(0,c["default"])({},t.props,{className:(0,w["default"])("ant-input",t.props.className)}),t)},n}return(0,m["default"])(t,e),t.prototype.render=function(){var e,t=this.props,n=t.size,r=t.className,i=void 0===r?"":r,s=t.notFoundContent,l=t.prefixCls,f=t.optionLabelProp,p=t.dataSource,d=t.children,h=(0,w["default"])((e={},(0,u["default"])(e,l+"-lg","large"===n),(0,u["default"])(e,l+"-sm","small"===n),(0,u["default"])(e,i,!!i),(0,u["default"])(e,l+"-show-search",!0),(0,u["default"])(e,l+"-auto-complete",!0),e)),v=void 0,m=g["default"].Children.toArray(d);return v=m.length&&o(m[0])?d:p?p.map(function(e){if(g["default"].isValidElement(e))return e;switch("undefined"==typeof e?"undefined":(0,a["default"])(e)){case"string":return g["default"].createElement(b.Option,{key:e},e);case"object":return g["default"].createElement(b.Option,{key:e.value},e.text);default:throw new Error("AutoComplete[dataSource] only supports type `string[] | Object[]`.")}}):[],g["default"].createElement(C["default"],(0,c["default"])({},this.props,{className:h,mode:"combobox",optionLabelProp:f,getInputElement:this.getInputElement,notFoundContent:s}),v)},t}(g["default"].Component);t["default"]=T,T.Option=b.Option,T.OptGroup=b.OptGroup,T.defaultProps={prefixCls:"ant-select",transitionName:"slide-up",optionLabelProp:"children",choiceTransitionName:"zoom",showSearch:!1},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1244),n(157)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(){return"undefined"!=typeof window?window:null}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var a=n(9),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(31),y=r(m),g=n(79),b=r(g),_=n(8),w=r(_),x=n(48),C=r(x),E=n(23),S=r(E),O=n(300),P=r(O),T=n(199),k=r(T),M=(0,k["default"])(),N=function(e,t,n,r){var o=n-t;return e/=r/2,e<1?o/2*e*e*e+t:o/2*((e-=2)*e*e+2)+t},A=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n));return r.getCurrentScrollTop=function(){var e=(r.props.target||i)();return e===window?window.pageYOffset||document.body.scrollTop||document.documentElement.scrollTop:e.scrollTop},r.scrollToTop=function(e){var t=r.getCurrentScrollTop(),n=Date.now(),i=function a(){var e=Date.now(),o=e-n;r.setScrollTop(N(o,t,0,450)),o<450&&M(a)};M(i),(r.props.onClick||o)(e)},r.handleScroll=function(){var e=r.props,t=e.visibilityHeight,n=e.target,o=void 0===n?i:n,a=(0,P["default"])(o(),!0);r.setState({visible:a>t})},r.state={visible:!1},r}return(0,d["default"])(t,e),t.prototype.setScrollTop=function(e){var t=(this.props.target||i)();t===window?(document.body.scrollTop=e,document.documentElement.scrollTop=e):t.scrollTop=e},t.prototype.componentDidMount=function(){this.handleScroll(),this.scrollEvent=(0,b["default"])((this.props.target||i)(),"scroll",this.handleScroll)},t.prototype.componentWillUnmount=function(){this.scrollEvent&&this.scrollEvent.remove()},t.prototype.render=function(){var e=this.props,t=e.prefixCls,n=void 0===t?"ant-back-top":t,r=e.className,o=void 0===r?"":r,i=e.children,a=(0,w["default"])(n,o),u=v["default"].createElement("div",{className:n+"-content"},v["default"].createElement(S["default"],{className:n+"-icon",type:"to-top"})),l=(0,C["default"])(this.props,["prefixCls","className","children","visibilityHeight"]),c=this.state.visible?v["default"].createElement("div",(0,s["default"])({},l,{className:a,onClick:this.scrollToTop}),i||u):null;return v["default"].createElement(y["default"],{component:"",transitionName:"fade"},c)},t}(v["default"].Component);t["default"]=A,A.defaultProps={visibilityHeight:400},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1245)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return e?e.toString().split("").reverse().map(function(e){return Number(e)}):[]}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var i=n(4),a=r(i),s=n(7),u=r(s),l=n(6),c=r(l),f=n(1),p=r(f),d=n(11),h=r(d),v=n(48),m=r(v),y=function(e){function t(n){(0,a["default"])(this,t);var r=(0,u["default"])(this,e.call(this,n));return r.state={animateStarted:!0,count:n.count},r}return(0,c["default"])(t,e),t.prototype.getPositionByNum=function(e,t){if(this.state.animateStarted)return 10+e;var n=o(this.state.count)[t],r=o(this.lastCount)[t];return this.state.count>this.lastCount?n>=r?10+e:20+e:n<=r?10+e:e},t.prototype.componentWillReceiveProps=function(e){var t=this;if("count"in e){if(this.state.count===e.count)return;this.lastCount=this.state.count,this.setState({animateStarted:!0},function(){setTimeout(function(){t.setState({animateStarted:!1,count:e.count},function(){var e=t.props.onAnimated;e&&e()})},5)})}},t.prototype.renderNumberList=function(e){for(var t=[],n=0;n<30;n++){var r=e===n?"current":"";t.push(p["default"].createElement("p",{key:n.toString(),className:r},n%10))}return t},t.prototype.renderCurrentNumber=function(e,t){var n=this.getPositionByNum(e,t),r=this.state.animateStarted||void 0===o(this.lastCount)[t];return(0,f.createElement)("span",{className:this.props.prefixCls+"-only",style:{transition:r&&"none",msTransform:"translateY("+100*-n+"%)",WebkitTransform:"translateY("+100*-n+"%)",transform:"translateY("+100*-n+"%)"},key:t},this.renderNumberList(n))},t.prototype.renderNumberElement=function(){var e=this,t=this.state;return!t.count||isNaN(t.count)?t.count:o(t.count).map(function(t,n){return e.renderCurrentNumber(t,n)}).reverse()},t.prototype.render=function(){var e=(0,h["default"])({},(0,m["default"])(this.props,["count","onAnimated","component","prefixCls"]),{className:this.props.prefixCls+" "+this.props.className});return e.style&&e.style.borderColor&&(e.style.boxShadow="0 0 0 1px "+e.style.borderColor+" inset"),(0,f.createElement)(this.props.component||"sup",e,this.renderNumberElement())},t}(f.Component);t["default"]=y,y.defaultProps={prefixCls:"ant-scroll-number",count:null,onAnimated:function(){}},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(31),y=r(m),g=n(1798),b=r(g),_=n(8),w=r(_),x=n(54),C=r(x),E=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},S=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.render=function(){var e,t,n=this.props,r=n.count,o=n.showZero,a=n.prefixCls,u=n.overflowCount,l=n.className,c=n.style,f=n.children,p=n.dot,d=n.status,h=n.text,m=E(n,["count","showZero","prefixCls","overflowCount","className","style","children","dot","status","text"]),g=p||d,_=r>u?u+"+":r;g&&(_="");var x="0"===_||0===_,S=null===_||void 0===_||""===_,O=(S||x&&!o)&&!g,P=(0,w["default"])((e={},(0,s["default"])(e,a+"-dot",g),(0,s["default"])(e,a+"-count",!g),e)),T=(0,w["default"])(l,a,(t={},(0,s["default"])(t,a+"-status",!!d),(0,s["default"])(t,a+"-not-a-wrapper",!f),t));if((0,C["default"])(!(f&&d),"`Badge[children]` and `Badge[status]` cannot be used at the same time."),!f&&d){var k,M=(0,w["default"])((k={},(0,s["default"])(k,a+"-status-dot",!!d),(0,s["default"])(k,a+"-status-"+d,!0),k));return v["default"].createElement("span",{className:T},v["default"].createElement("span",{className:M}),v["default"].createElement("span",{className:a+"-status-text"},h))}var N=O?null:v["default"].createElement(b["default"],{"data-show":!O,className:P,count:_,style:c}),A=O||!h?null:v["default"].createElement("span",{className:a+"-status-text"},h);return v["default"].createElement("span",(0,i["default"])({},m,{className:T,title:r}),f,v["default"].createElement(y["default"],{component:"",showProp:"data-show",transitionName:f?a+"-zoom":"",transitionAppear:!0},N),A)},t}(v["default"].Component);t["default"]=S,S.defaultProps={prefixCls:"ant-badge",count:null,showZero:!1,dot:!1,overflowCount:99},S.propTypes={count:h.PropTypes.oneOfType([h.PropTypes.string,h.PropTypes.number]),showZero:h.PropTypes.bool,dot:h.PropTypes.bool,overflowCount:h.PropTypes.number},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1246)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!e.breadcrumbName)return null;var n=Object.keys(t).join("|"),r=e.breadcrumbName.replace(new RegExp(":("+n+")","g"),function(e,n){return t[n]||e});return r}function i(e,t,n,r){var i=n.indexOf(e)===n.length-1,a=o(e,t);return i?d["default"].createElement("span",null,a):d["default"].createElement("a",{href:"#/"+r.join("/")},a)}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(12),v=r(h),m=n(54),y=r(m),g=n(484),b=r(g),_=n(8),w=r(_),x=function(e){function t(){return(0,s["default"])(this,t),(0,l["default"])(this,e.apply(this,arguments))}return(0,f["default"])(t,e),t.prototype.componentDidMount=function(){var e=this.props;(0,y["default"])(!("linkRender"in e||"nameRender"in e),"`linkRender` and `nameRender` are removed, please use `itemRender` instead, see: http://u.ant.design/item-render.")},t.prototype.render=function(){var e=void 0,t=this.props,n=t.separator,r=t.prefixCls,o=t.style,a=t.className,s=t.routes,u=t.params,l=void 0===u?{}:u,c=t.children,f=t.itemRender,h=void 0===f?i:f;if(s&&s.length>0){var v=[];e=s.map(function(e){e.path=e.path||"";var t=e.path.replace(/^\//,"");return Object.keys(l).forEach(function(e){t=t.replace(":"+e,l[e])}),t&&v.push(t),d["default"].createElement(b["default"],{separator:n,key:e.breadcrumbName||t},h(e,l,s,v))})}else c&&(e=d["default"].Children.map(c,function(e,t){return e?((0,y["default"])(e.type&&e.type.__ANT_BREADCRUMB_ITEM,"Breadcrumb only accepts Breadcrumb.Item as it's children"),(0,p.cloneElement)(e,{separator:n,key:t})):e}));return d["default"].createElement("div",{className:(0,w["default"])(a,r),style:o},e)},t}(d["default"].Component);t["default"]=x,x.defaultProps={prefixCls:"ant-breadcrumb",separator:"/"},x.propTypes={prefixCls:v["default"].string,separator:v["default"].node,routes:v["default"].array,params:v["default"].object,linkRender:v["default"].func,nameRender:v["default"].func},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1801),i=r(o),a=n(484),s=r(a);i["default"].Item=s["default"],t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1247)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=e.prefixCls,n=void 0===t?"ant-btn-group":t,r=e.size,o=void 0===r?"":r,i=e.className,s=d(e,["prefixCls","size","className"]),l={large:"lg",small:"sm"}[o]||"",f=(0,p["default"])(n,(0,u["default"])({},n+"-"+l,l),i);return c["default"].createElement("div",(0,a["default"])({},s,{className:f}))}Object.defineProperty(t,"__esModule",{value:!0});var i=n(9),a=r(i),s=n(10),u=r(s);t["default"]=o;var l=n(1),c=r(l),f=n(8),p=r(f),d=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n};e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return"string"==typeof e}function i(e){if(null!=e)return o(e.type)&&T(e.props.children)?y["default"].cloneElement(e,{},e.props.children.split("").join(" ")):o(e)?(T(e)&&(e=e.split("").join(" ")),y["default"].createElement("span",null,e)):e}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var a=n(9),s=r(a),u=n(10),l=r(u),c=n(4),f=r(c),p=n(7),d=r(p),h=n(6),v=r(h),m=n(1),y=r(m),g=n(12),b=r(g),_=n(8),w=r(_),x=n(23),C=r(x),E=n(48),S=r(E),O=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},P=/^[\u4e00-\u9fa5]{2}$/,T=P.test.bind(P),k=function(e){function t(n){(0,f["default"])(this,t);var r=(0,d["default"])(this,e.call(this,n));return r.handleClick=function(e){r.setState({clicked:!0}),clearTimeout(r.timeout),r.timeout=setTimeout(function(){return r.setState({clicked:!1})},500);
+var t=r.props.onClick;t&&t(e)},r.handleMouseUp=function(e){r.props.onMouseUp&&r.props.onMouseUp(e)},r.state={loading:n.loading},r}return(0,v["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){var t=this,n=this.props.loading,r=e.loading;n&&clearTimeout(this.delayTimeout),r&&r.delay?this.delayTimeout=setTimeout(function(){return t.setState({loading:r})},r.delay):this.setState({loading:r})},t.prototype.componentWillUnmount=function(){this.timeout&&clearTimeout(this.timeout),this.delayTimeout&&clearTimeout(this.delayTimeout)},t.prototype.render=function(){var e,t=this.props,n=t.type,r=t.shape,o=t.size,a=void 0===o?"":o,u=t.className,c=t.htmlType,f=t.children,p=t.icon,d=t.prefixCls,h=t.ghost,v=O(t,["type","shape","size","className","htmlType","children","icon","prefixCls","ghost"]),m=this.state,g=m.loading,b=m.clicked,_={large:"lg",small:"sm"}[a]||"",x=(0,w["default"])(d,(e={},(0,l["default"])(e,d+"-"+n,n),(0,l["default"])(e,d+"-"+r,r),(0,l["default"])(e,d+"-"+_,_),(0,l["default"])(e,d+"-icon-only",!f&&p),(0,l["default"])(e,d+"-loading",g),(0,l["default"])(e,d+"-clicked",b),(0,l["default"])(e,d+"-background-ghost",h),e),u),E=g?"loading":p,P=E?y["default"].createElement(C["default"],{type:E}):null,T=y["default"].Children.map(f,i);return y["default"].createElement("button",(0,s["default"])({},(0,S["default"])(v,["loading","clicked"]),{type:c||"button",className:x,onMouseUp:this.handleMouseUp,onClick:this.handleClick}),P,T)},t}(y["default"].Component);t["default"]=k,k.__ANT_BUTTON=!0,k.defaultProps={prefixCls:"ant-btn",loading:!1,clicked:!1,ghost:!1},k.propTypes={type:b["default"].string,shape:b["default"].oneOf(["circle","circle-outline"]),size:b["default"].oneOf(["large","default","small"]),htmlType:b["default"].oneOf(["submit","button","reset"]),onClick:b["default"].func,loading:b["default"].oneOfType([b["default"].bool,b["default"].object]),className:b["default"].string,icon:b["default"].string},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(485),d=n(156),h=r(d),v=n(201),m=h["default"].Option,y=function(e){function t(){(0,i["default"])(this,t);var n=(0,s["default"])(this,e.apply(this,arguments));return n.onYearChange=function(e){var t=n.props.value.clone();t.year(parseInt(e,10));var r=n.props.onValueChange;r&&r(t)},n.onMonthChange=function(e){var t=n.props.value.clone();t.month(parseInt(e,10));var r=n.props.onValueChange;r&&r(t)},n.onTypeChange=function(e){var t=n.props.onTypeChange;t&&t(e.target.value)},n}return(0,l["default"])(t,e),t.prototype.getYearSelectElement=function(e){for(var t=this.props,n=t.yearSelectOffset,r=t.yearSelectTotal,o=t.locale,i=t.prefixCls,a=t.fullscreen,s=e-n,u=s+r,l="\u5e74"===o.year?"\u5e74":"",c=[],p=s;p<u;p++)c.push(f["default"].createElement(m,{key:""+p},p+l));return f["default"].createElement(h["default"],{size:a?"default":"small",dropdownMatchSelectWidth:!1,className:i+"-year-select",onChange:this.onYearChange,value:String(e)},c)},t.prototype.getMonthsLocale=function(e){for(var t=e.clone(),n=e.localeData(),r=[],o=0;o<12;o++)t.month(o),r.push(n.monthsShort(t));return r},t.prototype.getMonthSelectElement=function(e,t){for(var n=this.props,r=n.prefixCls,o=n.fullscreen,i=[],a=0;a<12;a++)i.push(f["default"].createElement(m,{key:""+a},t[a]));return f["default"].createElement(h["default"],{size:o?"default":"small",dropdownMatchSelectWidth:!1,className:r+"-month-select",value:String(e),onChange:this.onMonthChange},i)},t.prototype.render=function(){var e=this.props,t=e.type,n=e.value,r=e.prefixCls,o=e.locale,i=e.fullscreen,a=this.getYearSelectElement(n.year()),s="date"===t?this.getMonthSelectElement(n.month(),this.getMonthsLocale(n)):null,u=i?"default":"small",l=f["default"].createElement(v.Group,{onChange:this.onTypeChange,value:t,size:u},f["default"].createElement(v.Button,{value:"date"},o.month),f["default"].createElement(v.Button,{value:"month"},o.year));return f["default"].createElement("div",{className:r+"-header"},a,s,l)},t}(f["default"].Component);t["default"]=y,y.defaultProps={prefixCls:p.PREFIX_CLS+"-header",yearSelectOffset:10,yearSelectTotal:20},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){return null}function i(e){return e<10?"0"+e:""+e}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var a=n(9),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(25),y=r(m),g=n(1950),b=r(g),_=n(485),w=n(1806),x=r(w),C=n(198),E=function(e){function t(r,a){(0,l["default"])(this,t);var s=(0,f["default"])(this,e.call(this,r,a));s.monthCellRender=function(e){var t=s.props,n=t.prefixCls,r=t.monthCellRender,i=void 0===r?o:r;return v["default"].createElement("div",{className:n+"-month"},v["default"].createElement("div",{className:n+"-value"},e.localeData().monthsShort(e)),v["default"].createElement("div",{className:n+"-content"},i(e)))},s.dateCellRender=function(e){var t=s.props,n=t.prefixCls,r=t.dateCellRender,a=void 0===r?o:r;return v["default"].createElement("div",{className:n+"-date"},v["default"].createElement("div",{className:n+"-value"},i(e.date())),v["default"].createElement("div",{className:n+"-content"},a(e)))},s.setValue=function(e,t){"value"in s.props||s.setState({value:e}),"select"===t?s.props.onSelect&&s.props.onSelect(e):"changePanel"===t&&s.onPanelChange(e,s.state.mode)},s.setType=function(e){var t="date"===e?"month":"year";s.state.mode!==t&&(s.setState({mode:t}),s.onPanelChange(s.state.value,t))},s.onHeaderValueChange=function(e){s.setValue(e,"changePanel")},s.onHeaderTypeChange=function(e){s.setType(e)},s.onSelect=function(e){s.setValue(e,"select")},(0,C.getComponentLocale)(r,a,"Calendar",function(){return n(486)});var u=r.value||r.defaultValue||(0,y["default"])();if(!y["default"].isMoment(u))throw new Error("The value/defaultValue of Calendar must be a moment object after `antd@2.0`, see: http://u.ant.design/calendar-value");return s.state={value:u,mode:r.mode},s}return(0,d["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){"value"in e&&this.setState({value:e.value})},t.prototype.onPanelChange=function r(e,t){var r=this.props.onPanelChange;r&&r(e,t)},t.prototype.render=function(){var e=this.state,t=this.props,r=this.context,i=e.value,a=e.mode,u=(0,C.getLocaleCode)(r);i&&u&&i.locale(u);var l=t.prefixCls,c=t.style,f=t.className,p=t.fullscreen,d=t.dateFullCellRender,h=t.monthFullCellRender,m="year"===a?"month":"date",y=(0,C.getComponentLocale)(t,r,"Calendar",function(){return n(486)}),g=f||"";p&&(g+=" "+l+"-fullscreen");var _=h||this.monthCellRender,w=d||this.dateCellRender;return v["default"].createElement("div",{className:g,style:c},v["default"].createElement(x["default"],{fullscreen:p,type:m,value:i,locale:y.lang,prefixCls:l,onTypeChange:this.onHeaderTypeChange,onValueChange:this.onHeaderValueChange}),v["default"].createElement(b["default"],(0,s["default"])({},t,{Select:o,locale:y.lang,type:m,prefixCls:l,showHeader:!1,value:i,monthCellRender:_,dateCellRender:w,onSelect:this.onSelect})))},t}(v["default"].Component);t["default"]=E,E.defaultProps={locale:{},fullscreen:!0,prefixCls:_.PREFIX_CLS,mode:"month",onSelect:o,onPanelChange:o},E.propTypes={monthCellRender:h.PropTypes.func,dateCellRender:h.PropTypes.func,monthFullCellRender:h.PropTypes.func,dateFullCellRender:h.PropTypes.func,fullscreen:h.PropTypes.bool,locale:h.PropTypes.object,prefixCls:h.PropTypes.string,className:h.PropTypes.string,style:h.PropTypes.object,onPanelChange:h.PropTypes.func,value:h.PropTypes.object,onSelect:h.PropTypes.func},E.contextTypes={antLocale:h.PropTypes.object},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(490),i=r(o);t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1249),n(157),n(305)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(10),s=r(a),u=n(1),l=r(u),c=n(8),f=r(c),p=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n};t["default"]=function(e){var t,n=e.prefixCls,r=void 0===n?"ant-card":n,o=e.className,a=e.extra,u=e.bodyStyle,c=e.title,d=e.loading,h=e.bordered,v=void 0===h||h,m=p(e,["prefixCls","className","extra","bodyStyle","title","loading","bordered"]),y=e.children,g=(0,f["default"])(r,o,(t={},(0,s["default"])(t,r+"-loading",d),(0,s["default"])(t,r+"-bordered",v),t));d&&(y=l["default"].createElement("div",null,l["default"].createElement("p",{className:r+"-loading-block",style:{width:"94%"}}),l["default"].createElement("p",null,l["default"].createElement("span",{className:r+"-loading-block",style:{width:"28%"}}),l["default"].createElement("span",{className:r+"-loading-block",style:{width:"62%"}})),l["default"].createElement("p",null,l["default"].createElement("span",{className:r+"-loading-block",style:{width:"22%"}}),l["default"].createElement("span",{className:r+"-loading-block",style:{width:"66%"}})),l["default"].createElement("p",null,l["default"].createElement("span",{className:r+"-loading-block",style:{width:"56%"}}),l["default"].createElement("span",{className:r+"-loading-block",style:{width:"39%"}})),l["default"].createElement("p",null,l["default"].createElement("span",{className:r+"-loading-block",style:{width:"21%"}}),l["default"].createElement("span",{className:r+"-loading-block",style:{width:"15%"}}),l["default"].createElement("span",{className:r+"-loading-block",style:{width:"40%"}}))));var b=void 0;return b=c?"string"==typeof c?l["default"].createElement("div",{className:r+"-head"},l["default"].createElement("h3",{className:r+"-head-title"},c)):l["default"].createElement("div",{className:r+"-head"},l["default"].createElement("div",{className:r+"-head-title"},c)):null,l["default"].createElement("div",(0,i["default"])({},m,{className:g}),b,a?l["default"].createElement("div",{className:r+"-extra"},a):null,l["default"].createElement("div",{className:r+"-body",style:u},y))},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1250)},function(e,t,n){"use strict";n(14),n(1251)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n){return e.split(t).map(function(e,r){return 0===r?e:[b["default"].createElement("span",{className:n+"-menu-item-keyword",key:"seperator"},t),e]})}function i(e,t){return t.some(function(t){return t.label.indexOf(e)>-1})}function a(e,t,n){return t.map(function(t,r){var i=t.label,a=i.indexOf(e)>-1?o(i,e,n):i;return 0===r?a:[" / ",a]})}function s(e,t,n){function r(e){return e.label.indexOf(n)>-1}return e.findIndex(r)-t.findIndex(r)}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var u=n(9),l=r(u),c=n(10),f=r(c),p=n(4),d=r(p),h=n(7),v=r(h),m=n(6),y=r(m),g=n(1),b=r(g),_=n(610),w=r(_),x=n(225),C=r(x),E=n(8),S=r(E),O=n(48),P=r(O),T=n(80),k=r(T),M=n(200),N=r(M),A=n(23),D=r(A),j=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},R=function(e){return e.join(" / ")},I=function(e){function t(n){(0,d["default"])(this,t);var r=(0,v["default"])(this,e.call(this,n));return r.handleChange=function(e,t){if(r.setState({inputValue:""}),t[0].__IS_FILTERED_OPTION){var n=e[0],o=t[0].path;return void r.setValue(n,o)}r.setValue(e,t)},r.handlePopupVisibleChange=function(e){r.setState({popupVisible:e,inputFocused:e,inputValue:e?r.state.inputValue:""});var t=r.props.onPopupVisibleChange;t&&t(e)},r.handleInputBlur=function(){r.setState({inputFocused:!1})},r.handleInputClick=function(e){var t=r.state,n=t.inputFocused,o=t.popupVisible;(n||o)&&(e.stopPropagation(),e.nativeEvent.stopImmediatePropagation())},r.handleKeyDown=function(e){e.keyCode===k["default"].BACKSPACE&&e.stopPropagation()},r.handleInputChange=function(e){var t=e.target.value;r.setState({inputValue:t})},r.setValue=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];"value"in r.props||r.setState({value:e});var n=r.props.onChange;n&&n(e,t)},r.clearSelection=function(e){e.preventDefault(),e.stopPropagation(),r.state.inputValue?r.setState({inputValue:""}):(r.setValue([]),r.setState({popupVisible:!1}))},r.state={value:n.value||n.defaultValue||[],inputValue:"",inputFocused:!1,popupVisible:!1,flattenOptions:n.showSearch&&r.flattenTree(n.options,n.changeOnSelect)},r}return(0,y["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){"value"in e&&this.setState({value:e.value||[]}),e.showSearch&&this.props.options!==e.options&&this.setState({flattenOptions:this.flattenTree(e.options,e.changeOnSelect)})},t.prototype.getLabel=function(){var e=this.props,t=e.options,n=e.displayRender,r=void 0===n?R:n,o=this.state.value,i=Array.isArray(o[0])?o[0]:o,a=(0,C["default"])(t,function(e,t){return e.value===i[t]}),s=a.map(function(e){return e.label});return r(s,a)},t.prototype.flattenTree=function(e,t){var n=this,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],o=[];return e.forEach(function(e){var i=r.concat(e);!t&&e.children||o.push(i),e.children&&(o=o.concat(n.flattenTree(e.children,t,i)))}),o},t.prototype.generateFilteredOptions=function(e){var t=this,n=this.props,r=n.showSearch,o=n.notFoundContent,u=r.filter,l=void 0===u?i:u,c=r.render,f=void 0===c?a:c,p=r.sort,d=void 0===p?s:p,h=this.state,v=h.flattenOptions,m=h.inputValue,y=v.filter(function(e){return l(t.state.inputValue,e)}).sort(function(e,t){return d(e,t,m)});return y.length>0?y.map(function(t){return{__IS_FILTERED_OPTION:!0,path:t,label:f(m,t,e),value:t.map(function(e){return e.value}),disabled:t.some(function(e){return e.disabled})}}):[{label:o,value:"ANT_CASCADER_NOT_FOUND",disabled:!0}]},t.prototype.render=function(){var e,t,n,r=this.props,o=this.state,i=r.prefixCls,a=r.inputPrefixCls,s=r.children,u=r.placeholder,c=r.size,p=r.disabled,d=r.className,h=r.style,v=r.allowClear,m=r.showSearch,y=void 0!==m&&m,g=j(r,["prefixCls","inputPrefixCls","children","placeholder","size","disabled","className","style","allowClear","showSearch"]),_=o.value,x=(0,S["default"])((e={},(0,f["default"])(e,a+"-lg","large"===c),(0,f["default"])(e,a+"-sm","small"===c),e)),C=v&&!p&&_.length>0||o.inputValue?b["default"].createElement(D["default"],{type:"cross-circle",className:i+"-picker-clear",onClick:this.clearSelection}):null,E=(0,S["default"])((t={},(0,f["default"])(t,i+"-picker-arrow",!0),(0,f["default"])(t,i+"-picker-arrow-expand",o.popupVisible),t)),O=(0,S["default"])(d,(n={},(0,f["default"])(n,i+"-picker",!0),(0,f["default"])(n,i+"-picker-with-value",o.inputValue),(0,f["default"])(n,i+"-picker-disabled",p),n)),T=(0,P["default"])(g,["onChange","options","popupPlacement","transitionName","displayRender","onPopupVisibleChange","changeOnSelect","expandTrigger","popupVisible","getPopupContainer","loadData","popupClassName","filterOption","renderFilteredOption","sortFilteredOption","notFoundContent"]),k=r.options;o.inputValue&&(k=this.generateFilteredOptions(i)),o.popupVisible?this.cachedOptions=k:k=this.cachedOptions;var M={},A=1===(k||[]).length&&"ANT_CASCADER_NOT_FOUND"===k[0].value;A&&(M.height="auto");var R=y.matchInputWidth!==!1;R&&o.inputValue&&this.refs.input&&(M.width=this.refs.input.refs.input.offsetWidth);var I=s||b["default"].createElement("span",{style:h,className:O},b["default"].createElement(N["default"],(0,l["default"])({},T,{ref:"input",placeholder:_&&_.length>0?void 0:u,className:i+"-input "+x,value:o.inputValue,disabled:p,readOnly:!y,autoComplete:"off",onClick:y?this.handleInputClick:void 0,onBlur:y?this.handleInputBlur:void 0,onKeyDown:this.handleKeyDown,onChange:y?this.handleInputChange:void 0})),b["default"].createElement("span",{className:i+"-picker-label"},this.getLabel()),C,b["default"].createElement(D["default"],{type:"down",className:E}));return b["default"].createElement(w["default"],(0,l["default"])({},r,{options:k,value:_,popupVisible:o.popupVisible,onPopupVisibleChange:this.handlePopupVisibleChange,onChange:this.handleChange,dropdownMenuColumnStyle:M}),I)},t}(b["default"].Component);t["default"]=I,I.defaultProps={prefixCls:"ant-cascader",inputPrefixCls:"ant-input",placeholder:"Please select",transitionName:"slide-up",popupPlacement:"bottomLeft",options:[],disabled:!1,allowClear:!0,notFoundContent:"Not Found"},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1252),n(107)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(62),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(12),v=r(h),m=n(8),y=r(m),g=n(56),b=r(g),_=n(488),w=r(_),x=function(e){function t(n){(0,s["default"])(this,t);var r=(0,l["default"])(this,e.call(this,n));return r.toggleOption=function(e){var t=r.state.value.indexOf(e.value),n=[].concat((0,i["default"])(r.state.value));t===-1?n.push(e.value):n.splice(t,1),"value"in r.props||r.setState({value:n});var o=r.props.onChange;o&&o(n)},r.state={value:n.value||n.defaultValue||[]},r}return(0,f["default"])(t,e),t.prototype.getChildContext=function(){return{checkboxGroup:{toggleOption:this.toggleOption,value:this.state.value,disabled:this.props.disabled}}},t.prototype.componentWillReceiveProps=function(e){"value"in e&&this.setState({value:e.value||[]})},t.prototype.shouldComponentUpdate=function(e,t){return!(0,b["default"])(this.props,e)||!(0,b["default"])(this.state,t)},t.prototype.getOptions=function(){var e=this.props.options;return e.map(function(e){return"string"==typeof e?{label:e,value:e}:e})},t.prototype.render=function(){var e=this,t=this.props,n=this.state,r=t.prefixCls,o=t.className,i=t.options,a=t.children;i&&i.length>0&&(a=this.getOptions().map(function(o){return d["default"].createElement(w["default"],{key:o.value,disabled:"disabled"in o?o.disabled:t.disabled,value:o.value,checked:n.value.indexOf(o.value)!==-1,onChange:function(){return e.toggleOption(o)},className:r+"-item"},o.label)}));var s=(0,y["default"])(r,o);return d["default"].createElement("div",{className:s},a)},t}(d["default"].Component);t["default"]=x,x.defaultProps={options:[],prefixCls:"ant-checkbox-group"},x.propTypes={defaultValue:v["default"].array,value:v["default"].array,options:v["default"].array.isRequired,onChange:v["default"].func},x.childContextTypes={checkboxGroup:v["default"].any},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(226)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=t.CollapsePanel=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(1370),y=r(m),g=n(8),b=r(g),_=n(301),w=r(_),x=(t.CollapsePanel=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t}(v["default"].Component),function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.prefixCls,n=e.className,r=void 0===n?"":n,o=e.bordered,a=(0,b["default"])((0,s["default"])({},t+"-borderless",!o),r);return v["default"].createElement(y["default"],(0,i["default"])({},this.props,{className:a}))},t}(v["default"].Component));t["default"]=x,x.Panel=y["default"].Panel,x.defaultProps={prefixCls:"ant-collapse",bordered:!0,openAnimation:(0,i["default"])({},w["default"],{appear:function(){}})}},function(e,t,n){"use strict";n(14),n(1254)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(535),d=r(p),h=n(533),v=r(h),m=n(45),y=r(m),g=function(e){function t(){return(0,i["default"])(this,t),(0,s["default"])(this,e.apply(this,arguments))}return(0,l["default"])(t,e),t.prototype.render=function(){return(0,y["default"])(!1,"DatePicker.Calendar is deprecated, use Calendar instead."),f["default"].createElement(v["default"],this.props)},t}(f["default"].Component);t["default"]=g,g.defaultProps={locale:d["default"],prefixCls:"ant-calendar"},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=(0,g["default"])(e,2),n=t[0],r=t[1],o=r&&r.isSame(n,"month")?r.clone().add(1,"month"):r;return[n,o]}function i(e,t){return e&&e.format(t)||""}function a(e){if(e)return Array.isArray(e)?e:[e,e.clone().add(1,"month")]}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var s=n(9),u=r(s),l=n(10),c=r(l),f=n(4),p=r(f),d=n(7),h=r(d),v=n(6),m=r(v),y=n(322),g=r(y),b=n(1),_=r(b),w=n(25),x=r(w),C=n(12),E=r(C),S=n(1951),O=r(S),P=n(526),T=r(P),k=n(8),M=r(k),N=n(11),A=r(N),D=n(23),j=r(D),R=n(198),I=n(54),L=r(I),F=function(e){function t(n){(0,p["default"])(this,t);var r=(0,h["default"])(this,e.call(this,n));r.clearSelection=function(e){e.preventDefault(),e.stopPropagation(),r.setState({value:[]}),r.handleChange([])},r.handleChange=function(e){var t=r.props;"value"in t||r.setState({value:e,showDate:o(e)}),t.onChange(e,[i(e[0],t.format),i(e[1],t.format)])},r.handleOpenChange=function(e){r.setState({open:e});var t=r.props.onOpenChange;t&&t(e)},r.handleShowDateChange=function(e){return r.setState({showDate:e})},r.renderFooter=function(){var e=r.props,t=e.prefixCls,n=e.ranges;if(!n)return null;var o=Object.keys(n).map(function(e){var t=n[e];return _["default"].createElement("a",{key:e,onClick:function(){return r.setValue(t)}},e)});return _["default"].createElement("div",{className:t+"-range-quick-selector"},o)};var a=n.value||n.defaultValue||[];if(a[0]&&!x["default"].isMoment(a[0])||a[1]&&!x["default"].isMoment(a[1]))throw new Error("The value/defaultValue of RangePicker must be a moment object array after `antd@2.0`, see: http://u.ant.design/date-picker-value");return r.state={value:a,open:n.open},r}return(0,m["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){if("value"in e){var t=e.value||[];this.setState({value:t,showDate:o(t)})}"open"in e&&this.setState({open:e.open})},t.prototype.setValue=function(e){this.handleChange(e),this.props.showTime||this.setState({open:!1})},t.prototype.render=function(){var e,t=this,n=this.state,r=this.props,o=this.context,i=n.value,s=n.showDate,l=n.open,f=(0,R.getLocaleCode)(o);i&&f&&(i[0]&&i[0].locale(f),i[1]&&i[1].locale(f));var p=r.disabledDate,d=r.disabledTime,h=r.showTime,v=r.showToday,m=r.ranges,y=r.prefixCls,g=r.popupStyle,b=r.style,w=r.onOk,C=r.locale,E=r.format;(0,L["default"])(!("onOK"in r),"It should be `RangePicker[onOk]`, instead of `onOK`!");var S=(0,M["default"])((e={},(0,c["default"])(e,y+"-time",h),(0,c["default"])(e,y+"-range-with-ranges",m),e)),P={onChange:this.handleChange},k={onOk:this.handleChange};r.timePicker?P.onChange=function(e){return t.handleChange(e)}:k={};var N="placeholder"in r?r.placeholder[0]:C.lang.rangePlaceholder[0],D="placeholder"in r?r.placeholder[1]:C.lang.rangePlaceholder[1],I=_["default"].createElement(O["default"],(0,u["default"])({},k,{format:E,prefixCls:y,className:S,renderFooter:this.renderFooter,timePicker:r.timePicker,disabledDate:p,disabledTime:d,dateInputPlaceholder:[N,D],locale:C.lang,onOk:w,value:s||a(r.defaultPickerValue)||a((0,x["default"])()),onValueChange:this.handleShowDateChange,showToday:v})),F={};r.showTime&&(F.width=b&&b.width||300);var U=!r.disabled&&r.allowClear&&i&&(i[0]||i[1])?_["default"].createElement(j["default"],{type:"cross-circle",className:y+"-picker-clear",onClick:this.clearSelection}):null,V=function(e){var t=e.value,n=t[0],o=t[1];return _["default"].createElement("span",{className:r.pickerInputClass,disabled:r.disabled},_["default"].createElement("input",{disabled:r.disabled,readOnly:!0,value:n&&n.format(r.format)||"",placeholder:N,className:y+"-range-picker-input"}),_["default"].createElement("span",{className:y+"-range-picker-separator"}," ~ "),_["default"].createElement("input",{disabled:r.disabled,readOnly:!0,value:o&&o.format(r.format)||"",placeholder:D,className:y+"-range-picker-input"}),U,_["default"].createElement("span",{className:y+"-picker-icon"}))};return _["default"].createElement("span",{className:r.pickerClass,style:(0,A["default"])({},b,F)},_["default"].createElement(T["default"],(0,u["default"])({},r,P,{calendar:I,value:i,open:l,onOpenChange:this.handleOpenChange,prefixCls:y+"-picker-container",style:g}),V))},t}(_["default"].Component);t["default"]=F,F.contextTypes={antLocale:E["default"].object},F.defaultProps={prefixCls:"ant-calendar",allowClear:!0,showToday:!1},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return t=function(t){function n(e){(0,c["default"])(this,n);var r=(0,p["default"])(this,t.call(this,e));r.clearSelection=function(e){e.preventDefault(),e.stopPropagation(),r.handleChange(null)},r.handleChange=function(e){var t=r.props;"value"in t||r.setState({value:e}),t.onChange(e,e&&e.format(t.format)||"")};var o=e.value||e.defaultValue;if(o&&!_["default"].isMoment(o))throw new Error("The value/defaultValue of DatePicker or MonthPicker must be a moment object after `antd@2.0`, see: http://u.ant.design/date-picker-value");return r.state={value:o},r}return(0,h["default"])(n,t),n.prototype.componentWillReceiveProps=function(e){"value"in e&&this.setState({value:e.value})},n.prototype.render=function(){var t,n=this.state.value,r=(0,T["default"])(this.props,["onChange"]),o=r.prefixCls,i=r.locale,s="placeholder"in r?r.placeholder:i.lang.placeholder,l=r.showTime?r.disabledTime:null,c=(0,O["default"])((t={},(0,u["default"])(t,o+"-time",r.showTime),(0,u["default"])(t,o+"-month",x["default"]===e),t)),f={},p={};r.showTime?p={onSelect:this.handleChange}:f={onChange:this.handleChange},(0,R["default"])(!("onOK"in r),"It should be `DatePicker[onOk]` or `MonthPicker[onOk]`, instead of `onOK`!");var d=m["default"].createElement(e,(0,a["default"])({},p,{disabledDate:r.disabledDate,disabledTime:l,locale:i.lang,timePicker:r.timePicker,defaultValue:r.defaultPickerValue||(0,_["default"])(),dateInputPlaceholder:s,prefixCls:o,className:c,onOk:r.onOk,format:r.format,showToday:r.showToday,monthCellContentRender:r.monthCellContentRender})),h={};r.showTime&&(h.width=r.style&&r.style.width||154);var v=!r.disabled&&r.allowClear&&n?m["default"].createElement(A["default"],{type:"cross-circle",className:o+"-picker-clear",onClick:this.clearSelection}):null,y=function(e){var t=e.value;return m["default"].createElement("span",null,m["default"].createElement("input",{disabled:r.disabled,readOnly:!0,value:t&&t.format(r.format)||"",placeholder:s,className:r.pickerInputClass}),v,m["default"].createElement("span",{className:o+"-picker-icon"}))},g=n,b=(0,D.getLocaleCode)(this.context);return g&&b&&g.locale(b),m["default"].createElement("span",{className:r.pickerClass,style:(0,M["default"])({},r.style,h)},m["default"].createElement(E["default"],(0,a["default"])({},r,f,{calendar:d,value:g,prefixCls:o+"-picker-container",style:r.popupStyle}),y))},n}(m["default"].Component),t.contextTypes={antLocale:g["default"].object},t.defaultProps={prefixCls:"ant-calendar",allowClear:!0,showToday:!0},t;var t}Object.defineProperty(t,"__esModule",{value:!0});var i=n(9),a=r(i),s=n(10),u=r(s),l=n(4),c=r(l),f=n(7),p=r(f),d=n(6),h=r(d);t["default"]=o;var v=n(1),m=r(v),y=n(12),g=r(y),b=n(25),_=r(b),w=n(525),x=r(w),C=n(526),E=r(C),S=n(8),O=r(S),P=n(48),T=r(P),k=n(11),M=r(k),N=n(23),A=r(N),D=n(198),j=n(54),R=r(j);e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(11),i=r(o),a=n(533),s=r(a),u=n(525),l=r(u),c=n(1821),f=r(c),p=n(1824),d=r(p),h=n(1820),v=r(h),m=n(1819),y=r(m),g=(0,d["default"])((0,f["default"])(s["default"])),b=(0,d["default"])((0,f["default"])(l["default"]),"YYYY-MM");(0,i["default"])(g,{RangePicker:(0,d["default"])(v["default"]),Calendar:y["default"],MonthPicker:b}),t["default"]=g,e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1255),n(107),n(513)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=e.showHour,n=e.showMinute,r=e.showSecond,o=0;return t&&(o+=1),n&&(o+=1),r&&(o+=1),o}function i(e,t){return r=function(t){function r(){(0,f["default"])(this,r);var e=(0,d["default"])(this,t.apply(this,arguments));return e.handleOpenChange=function(t){var n=e.props,r=n.onOpenChange,o=n.toggleOpen;r(t),o&&((0,S["default"])(!1,"`toggleOpen` is deprecated and will be removed in the future, please use `onOpenChange` instead, see: http://u.ant.design/date-picker-on-open-change"),o({open:t}))},e}return(0,v["default"])(r,t),r.prototype.render=function(){var t,r,i=this.props,a=i.prefixCls,u=i.inputPrefixCls,c=(0,C["default"])((0,l["default"])({},a+"-picker",!0)),f=(0,C["default"])((t={},(0,l["default"])(t,a+"-picker-input",!0),(0,l["default"])(t,u,!0),(0,l["default"])(t,u+"-lg","large"===i.size),(0,l["default"])(t,u+"-sm","small"===i.size),t)),p=(0,O.getComponentLocale)(i,this.context,"DatePicker",function(){return n(491)}),d=i.showTime&&i.showTime.format||"HH:mm:ss",h={format:d,showSecond:d.indexOf("ss")>=0,showMinute:d.indexOf("mm")>=0,showHour:d.indexOf("HH")>=0},v=o(h),m=(0,C["default"])((r={},(0,l["default"])(r,a+"-time-picker-1-column",1===v),(0,l["default"])(r,a+"-time-picker-2-columns",2===v),r)),g=i.showTime?y["default"].createElement(w["default"],(0,s["default"])({},h,i.showTime,{prefixCls:a+"-time-picker",className:m,placeholder:p.timePickerLocale.placeholder,transitionName:"slide-up"})):null;return y["default"].createElement(e,(0,s["default"])({},i,{pickerClass:c,pickerInputClass:f,locale:p,timePicker:g,onOpenChange:this.handleOpenChange}))},r}(y["default"].Component),r.contextTypes={antLocale:b["default"].object},r.defaultProps={format:t||"YYYY-MM-DD",transitionName:"slide-up",popupStyle:{},onChange:function(){},onOk:function(){},onOpenChange:function(){},locale:{},align:{offset:[0,-9]},prefixCls:"ant-calendar",inputPrefixCls:"ant-input"},r;var r}Object.defineProperty(t,"__esModule",{value:!0});var a=n(9),s=r(a),u=n(10),l=r(u),c=n(4),f=r(c),p=n(7),d=r(p),h=n(6),v=r(h);t["default"]=i;var m=n(1),y=r(m),g=n(12),b=r(g),_=n(431),w=r(_),x=n(8),C=r(x),E=n(54),S=r(E),O=n(198);e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(129),v=r(h),m=n(23),y=r(m),g=n(492),b=r(g),_=n(8),w=r(_),x=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},C=v["default"].Group,E=function(e){function t(){return(0,s["default"])(this,t),(0,l["default"])(this,e.apply(this,arguments))}return(0,f["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.type,n=e.overlay,r=e.trigger,o=e.align,a=e.children,s=e.className,u=e.onClick,l=e.prefixCls,c=e.disabled,f=e.visible,p=e.onVisibleChange,h=e.placement,m=x(e,["type","overlay","trigger","align","children","className","onClick","prefixCls","disabled","visible","onVisibleChange","placement"]),g=(0,w["default"])(l,s),_={align:o,overlay:n,trigger:c?[]:r,onVisibleChange:p,placement:h};return"visible"in this.props&&(_.visible=f),
+d["default"].createElement(C,(0,i["default"])({},m,{className:g}),d["default"].createElement(v["default"],{type:t,onClick:u,disabled:c},a),d["default"].createElement(b["default"],_,d["default"].createElement(v["default"],{type:t,disabled:c},d["default"].createElement(y["default"],{type:"down"}))))},t}(d["default"].Component);t["default"]=E,E.defaultProps={placement:"bottomRight",type:"default",prefixCls:"ant-dropdown-button"},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(8),y=r(m),g=n(1325),b=r(g),_=n(152),w=r(_),x=n(48),C=r(x),E=n(11),S=r(E),O=n(54),P=r(O),T=n(1827),k=r(T),M=n(494),N=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n));return(0,P["default"])(!n.form,"It is unnecessary to pass `form` to `Form` after antd@1.7.0."),r}return(0,d["default"])(t,e),t.prototype.shouldComponentUpdate=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return w["default"].shouldComponentUpdate.apply(this,t)},t.prototype.getChildContext=function(){var e=this.props,t=e.layout,n=e.vertical;return{vertical:"vertical"===t||n}},t.prototype.render=function(){var e,t=this.props,n=t.prefixCls,r=t.hideRequiredMark,o=t.className,a=void 0===o?"":o,u=t.layout,l=t.inline,c=t.horizontal,f=t.vertical;(0,P["default"])(!l&&!c&&!f,"`Form[inline|horizontal|vertical]` is deprecated, please use `Form[layout]` instead.");var p=(0,y["default"])(n,(e={},(0,s["default"])(e,n+"-horizontal",!l&&!f&&"horizontal"===u||c),(0,s["default"])(e,n+"-vertical","vertical"===u||f),(0,s["default"])(e,n+"-inline","inline"===u||l),(0,s["default"])(e,n+"-hide-required-mark",r),e),a),d=(0,C["default"])(this.props,["prefixCls","className","layout","inline","horizontal","vertical","form","hideRequiredMark"]);return v["default"].createElement("form",(0,i["default"])({},d,{className:p}))},t}(v["default"].Component);t["default"]=N,N.defaultProps={prefixCls:"ant-form",layout:"horizontal",hideRequiredMark:!1,onSubmit:function(e){e.preventDefault()}},N.propTypes={prefixCls:h.PropTypes.string,layout:h.PropTypes.oneOf(["horizontal","inline","vertical"]),children:h.PropTypes.any,onSubmit:h.PropTypes.func,hideRequiredMark:h.PropTypes.bool},N.childContextTypes={vertical:h.PropTypes.bool},N.Item=k["default"],N.create=function(e){var t=(0,b["default"])((0,S["default"])({fieldNameProp:"id"},e,{fieldMetaProp:M.FIELD_META_PROP}));return function(n){return t(v["default"].createClass({propTypes:{form:h.PropTypes.object.isRequired},childContextTypes:{form:h.PropTypes.object.isRequired},getChildContext:function(){return{form:this.props.form}},componentWillMount:function(){this.__getFieldProps=this.props.form.getFieldProps},deprecatedGetFieldProps:function(e,t){return(0,P["default"])(!1,"`getFieldProps` is not recommended, please use `getFieldDecorator` instead, see: http://u.ant.design/get-field-decorator"),this.__getFieldProps(e,t)},render:function(){this.props.form.getFieldProps=this.deprecatedGetFieldProps;var t={};return e&&e.withRef&&(t.ref="formWrappedComponent"),v["default"].createElement(n,(0,i["default"])({},this.props,t))}}))}},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(10),i=r(o),a=n(9),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(12),y=r(m),g=n(8),b=r(g),_=n(152),w=r(_),x=n(507),C=r(x),E=n(489),S=r(E),O=n(494),P=n(54),T=r(P),k=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.componentDidMount=function(){(0,T["default"])(this.getControls(this.props.children,!0).length<=1,"`Form.Item` cannot generate `validateStatus` and `help` automatically, while there are more than one `getFieldDecorator` in it.")},t.prototype.shouldComponentUpdate=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return w["default"].shouldComponentUpdate.apply(this,t)},t.prototype.getHelpMsg=function(){var e=this.context,t=this.props;return void 0===t.help&&e.form?this.getId()?(e.form.getFieldError(this.getId())||[]).join(", "):"":t.help},t.prototype.getControls=function(e,n){for(var r=[],o=v["default"].Children.toArray(e),i=0;i<o.length&&(n||!(r.length>0));i++){var a=o[i];a.type!==t&&a.props&&(O.FIELD_META_PROP in a.props?r.push(a):a.props.children&&(r=r.concat(this.getControls(a.props.children,n))))}return r},t.prototype.getOnlyControl=function(){var e=this.getControls(this.props.children,!1)[0];return void 0!==e?e:null},t.prototype.getChildProp=function(e){var t=this.getOnlyControl();return t&&t.props&&t.props[e]},t.prototype.getId=function(){return this.getChildProp("id")},t.prototype.getMeta=function(){return this.getChildProp(O.FIELD_META_PROP)},t.prototype.renderHelp=function(){var e=this.props.prefixCls,t=this.getHelpMsg();return t?v["default"].createElement("div",{className:e+"-explain",key:"help"},t):null},t.prototype.renderExtra=function(){var e=this.props,t=e.prefixCls,n=e.extra;return n?v["default"].createElement("div",{className:t+"-extra"},n):null},t.prototype.getValidateStatus=function(){var e=this.context.form,t=e.isFieldValidating,n=e.getFieldError,r=e.getFieldValue,o=this.getId();if(!o)return"";if(t(o))return"validating";if(n(o))return"error";var i=r(o);return void 0!==i&&null!==i&&""!==i?"success":""},t.prototype.renderValidateWrapper=function(e,t,n){var r="",o=this.context.form,i=this.props,a=void 0===i.validateStatus&&o?this.getValidateStatus():i.validateStatus;return a&&(r=(0,b["default"])({"has-feedback":i.hasFeedback,"has-success":"success"===a,"has-warning":"warning"===a,"has-error":"error"===a,"is-validating":"validating"===a})),v["default"].createElement("div",{className:this.props.prefixCls+"-item-control "+r},e,t,n)},t.prototype.renderWrapper=function(e){var t=this.props.wrapperCol;return v["default"].createElement(S["default"],(0,s["default"])({className:this.props.prefixCls+"-item-control-wrapper"},t,{key:"wrapper"}),e)},t.prototype.isRequired=function(){var e=this.props.required;if(void 0!==e)return e;if(this.context.form){var t=this.getMeta()||{},n=t.validate||[];return n.filter(function(e){return!!e.rules}).some(function(e){return e.rules.some(function(e){return e.required})})}return!1},t.prototype.renderLabel=function(){var e=this.props,t=e.label,n=e.labelCol,r=e.prefixCls,o=e.colon,a=e.id,u=this.context,l=this.isRequired(),c=(0,b["default"])((0,i["default"])({},r+"-item-required",l)),f=t,p=o&&!u.vertical;return p&&"string"==typeof t&&""!==t.trim()&&(f=t.replace(/[\uff1a|:]\s*$/,"")),t?v["default"].createElement(S["default"],(0,s["default"])({},n,{key:"label",className:r+"-item-label"}),v["default"].createElement("label",{htmlFor:a||this.getId(),className:c,title:"string"==typeof t?t:""},f)):null},t.prototype.renderChildren=function(){var e=this.props,t=v["default"].Children.map(e.children,function(e){return e&&"function"==typeof e.type&&!e.props.size?v["default"].cloneElement(e,{size:"large"}):e});return[this.renderLabel(),this.renderWrapper(this.renderValidateWrapper(t,this.renderHelp(),this.renderExtra()))]},t.prototype.renderFormItem=function(e){var t,n=this.props,r=n.prefixCls,o=n.style,a=(t={},(0,i["default"])(t,r+"-item",!0),(0,i["default"])(t,r+"-item-with-help",!!this.getHelpMsg()),(0,i["default"])(t,r+"-item-no-colon",!n.colon),(0,i["default"])(t,""+n.className,!!n.className),t);return v["default"].createElement(C["default"],{className:(0,b["default"])(a),style:o},e)},t.prototype.render=function(){var e=this.renderChildren();return this.renderFormItem(e)},t}(v["default"].Component);t["default"]=k,k.defaultProps={hasFeedback:!1,prefixCls:"ant-form",colon:!0},k.propTypes={prefixCls:y["default"].string,label:y["default"].oneOfType([y["default"].string,y["default"].node]),labelCol:y["default"].object,help:y["default"].oneOfType([y["default"].node,y["default"].bool]),validateStatus:y["default"].oneOf(["","success","warning","error","validating"]),hasFeedback:y["default"].bool,wrapperCol:y["default"].object,className:y["default"].string,id:y["default"].string,children:y["default"].node,colon:y["default"].bool},k.contextTypes={form:y["default"].object,vertical:y["default"].bool},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1826),i=r(o);t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1257),n(496)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(47),l=r(u),c=n(4),f=r(c),p=n(7),d=r(p),h=n(6),v=r(h),m=n(1),y=r(m),g=n(8),b=r(g),_=n(11),w=r(_),x=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},C=m.PropTypes.oneOfType([m.PropTypes.string,m.PropTypes.number]),E=m.PropTypes.oneOfType([m.PropTypes.object,m.PropTypes.number]),S=function(e){function t(){return(0,f["default"])(this,t),(0,d["default"])(this,e.apply(this,arguments))}return(0,v["default"])(t,e),t.prototype.render=function(){var e,t=this.props,n=t.span,r=t.order,o=t.offset,a=t.push,u=t.pull,c=t.className,f=t.children,p=t.prefixCls,d=void 0===p?"ant-col":p,h=x(t,["span","order","offset","push","pull","className","children","prefixCls"]),v={};["xs","sm","md","lg","xl"].forEach(function(e){var n,r={};"number"==typeof t[e]?r.span=t[e]:"object"===(0,l["default"])(t[e])&&(r=t[e]||{}),delete h[e],v=(0,w["default"])({},v,(n={},(0,s["default"])(n,d+"-"+e+"-"+r.span,void 0!==r.span),(0,s["default"])(n,d+"-"+e+"-order-"+r.order,r.order||0===r.order),(0,s["default"])(n,d+"-"+e+"-offset-"+r.offset,r.offset||0===r.offset),(0,s["default"])(n,d+"-"+e+"-push-"+r.push,r.push||0===r.push),(0,s["default"])(n,d+"-"+e+"-pull-"+r.pull,r.pull||0===r.pull),n))});var m=(0,b["default"])((e={},(0,s["default"])(e,d+"-"+n,void 0!==n),(0,s["default"])(e,d+"-order-"+r,r),(0,s["default"])(e,d+"-offset-"+o,o),(0,s["default"])(e,d+"-push-"+a,a),(0,s["default"])(e,d+"-pull-"+u,u),e),c,v);return y["default"].createElement("div",(0,i["default"])({},h,{className:m}),f)},t}(y["default"].Component);t["default"]=S,S.propTypes={span:C,order:C,offset:C,push:C,pull:C,className:m.PropTypes.string,children:m.PropTypes.node,xs:E,sm:E,md:E,lg:E,xl:E},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(8),y=r(m),g=n(11),b=r(g),_=n(12),w=r(_),x=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},C=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.render=function(){var e,t=this.props,n=t.type,r=t.justify,o=t.align,a=t.className,u=t.gutter,l=t.style,c=t.children,f=t.prefixCls,p=void 0===f?"ant-row":f,d=x(t,["type","justify","align","className","gutter","style","children","prefixCls"]),m=(0,y["default"])((e={},(0,s["default"])(e,p,!n),(0,s["default"])(e,p+"-"+n,n),(0,s["default"])(e,p+"-"+n+"-"+r,n&&r),(0,s["default"])(e,p+"-"+n+"-"+o,n&&o),e),a),g=u>0?(0,b["default"])({},{marginLeft:u/-2,marginRight:u/-2},l):l,_=h.Children.map(c,function(e){return e?e.props&&u>0?(0,h.cloneElement)(e,{style:(0,b["default"])({},{paddingLeft:u/2,paddingRight:u/2},e.props.style)}):e:null});return v["default"].createElement("div",(0,i["default"])({},d,{className:m,style:g}),_)},t}(v["default"].Component);t["default"]=C,C.defaultProps={gutter:0},C.propTypes={type:w["default"].string,align:w["default"].string,justify:w["default"].string,className:w["default"].string,children:w["default"].node,gutter:w["default"].number,prefixCls:w["default"].string},e.exports=t["default"]},function(e,t,n){"use strict";n(14)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(482);Object.defineProperty(t,"Affix",{enumerable:!0,get:function(){return r(o)["default"]}});var i=n(1791);Object.defineProperty(t,"Anchor",{enumerable:!0,get:function(){return r(i)["default"]}});var a=n(1794);Object.defineProperty(t,"AutoComplete",{enumerable:!0,get:function(){return r(a)["default"]}});var s=n(1788);Object.defineProperty(t,"Alert",{enumerable:!0,get:function(){return r(s)["default"]}});var u=n(1796);Object.defineProperty(t,"BackTop",{enumerable:!0,get:function(){return r(u)["default"]}});var l=n(1799);Object.defineProperty(t,"Badge",{enumerable:!0,get:function(){return r(l)["default"]}});var c=n(1802);Object.defineProperty(t,"Breadcrumb",{enumerable:!0,get:function(){return r(c)["default"]}});var f=n(129);Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return r(f)["default"]}});var p=n(1807);Object.defineProperty(t,"Calendar",{enumerable:!0,get:function(){return r(p)["default"]}});var d=n(1810);Object.defineProperty(t,"Card",{enumerable:!0,get:function(){return r(d)["default"]}});var h=n(1817);Object.defineProperty(t,"Collapse",{enumerable:!0,get:function(){return r(h)["default"]}});var v=n(487);Object.defineProperty(t,"Carousel",{enumerable:!0,get:function(){return r(v)["default"]}});var m=n(1813);Object.defineProperty(t,"Cascader",{enumerable:!0,get:function(){return r(m)["default"]}});var y=n(130);Object.defineProperty(t,"Checkbox",{enumerable:!0,get:function(){return r(y)["default"]}});var g=n(489);Object.defineProperty(t,"Col",{enumerable:!0,get:function(){return r(g)["default"]}});var b=n(1822);Object.defineProperty(t,"DatePicker",{enumerable:!0,get:function(){return r(b)["default"]}});var _=n(302);Object.defineProperty(t,"Dropdown",{enumerable:!0,get:function(){return r(_)["default"]}});var w=n(1828);Object.defineProperty(t,"Form",{enumerable:!0,get:function(){return r(w)["default"]}});var x=n(23);Object.defineProperty(t,"Icon",{enumerable:!0,get:function(){return r(x)["default"]}});var C=n(200);Object.defineProperty(t,"Input",{enumerable:!0,get:function(){return r(C)["default"]}});var E=n(1834);Object.defineProperty(t,"InputNumber",{enumerable:!0,get:function(){return r(E)["default"]}});var S=n(1840);Object.defineProperty(t,"Layout",{enumerable:!0,get:function(){return r(S)["default"]}});var O=n(1843);Object.defineProperty(t,"LocaleProvider",{enumerable:!0,get:function(){return r(O)["default"]}});var P=n(1848);Object.defineProperty(t,"message",{enumerable:!0,get:function(){return r(P)["default"]}});var T=n(498);Object.defineProperty(t,"Menu",{enumerable:!0,get:function(){return r(T)["default"]}});var k=n(500);Object.defineProperty(t,"Modal",{enumerable:!0,get:function(){return r(k)["default"]}});var M=n(1853);Object.defineProperty(t,"notification",{enumerable:!0,get:function(){return r(M)["default"]}});var N=n(502);Object.defineProperty(t,"Pagination",{enumerable:!0,get:function(){return r(N)["default"]}});var A=n(1857);Object.defineProperty(t,"Popconfirm",{enumerable:!0,get:function(){return r(A)["default"]}});var D=n(1859);Object.defineProperty(t,"Popover",{enumerable:!0,get:function(){return r(D)["default"]}});var j=n(505);Object.defineProperty(t,"Progress",{enumerable:!0,get:function(){return r(j)["default"]}});var R=n(201);Object.defineProperty(t,"Radio",{enumerable:!0,get:function(){return r(R)["default"]}});var I=n(1863);Object.defineProperty(t,"Rate",{enumerable:!0,get:function(){return r(I)["default"]}});var L=n(507);Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return r(L)["default"]}});var F=n(156);Object.defineProperty(t,"Select",{enumerable:!0,get:function(){return r(F)["default"]}});var U=n(1866);Object.defineProperty(t,"Slider",{enumerable:!0,get:function(){return r(U)["default"]}});var V=n(508);Object.defineProperty(t,"Spin",{enumerable:!0,get:function(){return r(V)["default"]}});var B=n(1868);Object.defineProperty(t,"Steps",{enumerable:!0,get:function(){return r(B)["default"]}});var z=n(1870);Object.defineProperty(t,"Switch",{enumerable:!0,get:function(){return r(z)["default"]}});var H=n(1879);Object.defineProperty(t,"Table",{enumerable:!0,get:function(){return r(H)["default"]}});var K=n(1892);Object.defineProperty(t,"Transfer",{enumerable:!0,get:function(){return r(K)["default"]}});var W=n(1900);Object.defineProperty(t,"Tree",{enumerable:!0,get:function(){return r(W)["default"]}});var q=n(1897);Object.defineProperty(t,"TreeSelect",{enumerable:!0,get:function(){return r(q)["default"]}});var Y=n(1882);Object.defineProperty(t,"Tabs",{enumerable:!0,get:function(){return r(Y)["default"]}});var G=n(1885);Object.defineProperty(t,"Tag",{enumerable:!0,get:function(){return r(G)["default"]}});var X=n(1887);Object.defineProperty(t,"TimePicker",{enumerable:!0,get:function(){return r(X)["default"]}});var $=n(1889);Object.defineProperty(t,"Timeline",{enumerable:!0,get:function(){return r($)["default"]}});var Z=n(158);Object.defineProperty(t,"Tooltip",{enumerable:!0,get:function(){return r(Z)["default"]}});var Q=n(1845);Object.defineProperty(t,"Mention",{enumerable:!0,get:function(){return r(Q)["default"]}});var J=n(1904);Object.defineProperty(t,"Upload",{enumerable:!0,get:function(){return r(J)["default"]}});var ee=n(1908);Object.defineProperty(t,"version",{enumerable:!0,get:function(){return r(ee)["default"]}});var te="production";"production"!==te&&"test"!==te&&"undefined"!=typeof console&&console.warn&&"undefined"!=typeof window&&console.warn("You are using a whole package of antd, please use https://www.npmjs.com/package/babel-plugin-import to reduce app bundle size.")},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(8),y=r(m),g=n(1753),b=r(g),_=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},w=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.render=function(){var e,t=this.props,n=t.className,r=t.size,o=_(t,["className","size"]),a=(0,y["default"])((e={},(0,s["default"])(e,this.props.prefixCls+"-lg","large"===r),(0,s["default"])(e,this.props.prefixCls+"-sm","small"===r),e),n);return v["default"].createElement(b["default"],(0,i["default"])({className:a},o))},t}(v["default"].Component);t["default"]=w,w.defaultProps={prefixCls:"ant-input-number",step:1},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1258)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(10),i=r(o),a=n(1),s=r(a),u=n(8),l=r(u),c=function(e){var t,n=e.prefixCls,r=void 0===n?"ant-input-group":n,o=e.className,a=void 0===o?"":o,u=(0,l["default"])(r,(t={},(0,i["default"])(t,r+"-lg","large"===e.size),(0,i["default"])(t,r+"-sm","small"===e.size),(0,i["default"])(t,r+"-compact",e.compact),t),a);return s["default"].createElement("span",{className:u,style:e.style},e.children)};t["default"]=c,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(8),v=r(h),m=n(497),y=r(m),g=n(23),b=r(g),_=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},w=function(e){function t(){(0,s["default"])(this,t);var n=(0,l["default"])(this,e.apply(this,arguments));return n.onSearch=function(){var e=n.props.onSearch;e&&e(n.input.refs.input.value),n.input.refs.input.focus()},n}return(0,f["default"])(t,e),t.prototype.render=function(){var e=this,t=this.props,n=t.className,r=t.prefixCls,o=_(t,["className","prefixCls"]);delete o.onSearch;var a=d["default"].createElement(b["default"],{className:r+"-icon",onClick:this.onSearch,type:"search"});return d["default"].createElement(y["default"],(0,i["default"])({className:(0,v["default"])(r,n),onPressEnter:this.onSearch,ref:function(t){return e.input=t},suffix:a},o))},t}(d["default"].Component);t["default"]=w,w.defaultProps={prefixCls:"ant-input-search",onSearch:function(){}},e.exports=t["default"]},function(e,t){"use strict";function n(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=e.getAttribute("id")||e.getAttribute("data-reactid")||e.getAttribute("name");if(t&&a[n])return a[n];var r=window.getComputedStyle(e),o=r.getPropertyValue("box-sizing")||r.getPropertyValue("-moz-box-sizing")||r.getPropertyValue("-webkit-box-sizing"),s=parseFloat(r.getPropertyValue("padding-bottom"))+parseFloat(r.getPropertyValue("padding-top")),u=parseFloat(r.getPropertyValue("border-bottom-width"))+parseFloat(r.getPropertyValue("border-top-width")),l=i.map(function(e){return e+":"+r.getPropertyValue(e)}).join(";"),c={sizingStyle:l,paddingSize:s,borderSize:u,boxSizing:o};return t&&n&&(a[n]=c),c}function r(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;s||(s=document.createElement("textarea"),document.body.appendChild(s));var a=n(e,t),u=a.paddingSize,l=a.borderSize,c=a.boxSizing,f=a.sizingStyle;s.setAttribute("style",f+";"+o),s.value=e.value||e.placeholder||"";var p=-(1/0),d=1/0,h=s.scrollHeight;if("border-box"===c?h+=l:"content-box"===c&&(h-=u),null!==r||null!==i){s.value="";var v=s.scrollHeight-u;null!==r&&(p=v*r,"border-box"===c&&(p=p+u+l),h=Math.max(p,h)),null!==i&&(d=v*i,"border-box"===c&&(d=d+u+l),h=Math.min(d,h))}return{height:h,minHeight:p,maxHeight:d}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=r;var o="\n  min-height:0 !important;\n  max-height:none !important;\n  height:0 !important;\n  visibility:hidden !important;\n  overflow:hidden !important;\n  position:absolute !important;\n  z-index:-1000 !important;\n  top:0 !important;\n  right:0 !important\n",i=["letter-spacing","line-height","padding-top","padding-bottom","font-family","font-weight","font-size","text-rendering","text-transform","width","text-indent","padding-left","padding-right","border-width","box-sizing"],a={},s=void 0;e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(10),i=r(o),a=n(9),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(8),y=r(m),g=n(48),b=r(g),_=n(23),w=r(_),x=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n};if("undefined"!=typeof window){var C=function(e){return{media:e,matches:!1,addListener:function(){},removeListener:function(){}}};window.matchMedia=window.matchMedia||C}var E={xs:"480px",sm:"768px",md:"992px",lg:"1200px",xl:"1600px"},S=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n));r.responsiveHandler=function(e){r.setState({below:e.matches}),r.state.collapsed!==e.matches&&r.setCollapsed(e.matches,"responsive")},r.setCollapsed=function(e,t){"collapsed"in r.props||r.setState({collapsed:e});var n=r.props.onCollapse;n&&n(e,t)},r.toggle=function(){var e=!r.state.collapsed;r.setCollapsed(e,"clickTrigger")},r.belowShowChange=function(){r.setState({belowShow:!r.state.belowShow})};var o=void 0;"undefined"!=typeof window&&(o=window.matchMedia),o&&n.breakpoint&&n.breakpoint in E&&(r.mql=o("(max-width: "+E[n.breakpoint]+")"));var i=void 0;return i="collapsed"in n?n.collapsed:n.defaultCollapsed,r.state={collapsed:i,below:!1},r}return(0,d["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){"collapsed"in e&&this.setState({collapsed:e.collapsed})},t.prototype.componentDidMount=function(){this.mql&&(this.mql.addListener(this.responsiveHandler),this.responsiveHandler(this.mql))},t.prototype.componentWillUnmount=function(){this.mql&&this.mql.removeListener(this.responsiveHandler)},t.prototype.render=function(){var e,t=this.props,n=t.prefixCls,r=t.className,o=t.collapsible,a=t.reverseArrow,u=t.trigger,l=t.style,c=t.width,f=t.collapsedWidth,p=x(t,["prefixCls","className","collapsible","reverseArrow","trigger","style","width","collapsedWidth"]),d=(0,b["default"])(p,["collapsed","defaultCollapsed","onCollapse","breakpoint"]),h=this.state.collapsed?f:c,m=0===f||"0"===f?v["default"].createElement("span",{onClick:this.toggle,className:n+"-zero-width-trigger"},v["default"].createElement(w["default"],{type:"bars"})):null,g={expanded:a?v["default"].createElement(w["default"],{type:"right"}):v["default"].createElement(w["default"],{type:"left"}),collapsed:a?v["default"].createElement(w["default"],{type:"left"}):v["default"].createElement(w["default"],{type:"right"})},_=this.state.collapsed?"collapsed":"expanded",C=g[_],E=null!==u?m||v["default"].createElement("div",{className:n+"-trigger",onClick:this.toggle},u||C):null,S=(0,s["default"])({},l,{flex:"0 0 "+h+"px",width:h+"px"}),O=(0,y["default"])(r,n,(e={},(0,i["default"])(e,n+"-collapsed",!!this.state.collapsed),(0,i["default"])(e,n+"-has-trigger",!!u),(0,i["default"])(e,n+"-below",!!this.state.below),(0,i["default"])(e,n+"-zero-width",0===h||"0"===h),e));return v["default"].createElement("div",(0,s["default"])({className:O},d,{style:S}),this.props.children,o||this.state.below&&m?E:null)},t}(v["default"].Component);t["default"]=S,S.__ANT_LAYOUT_SIDER=!0,S.defaultProps={prefixCls:"ant-layout-sider",collapsible:!1,defaultCollapsed:!1,reverseArrow:!1,width:200,collapsedWidth:64,style:{}},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1841),i=r(o),a=n(1839),s=r(a);i["default"].Sider=s["default"],t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return function(t){return function(n){function r(){return(0,c["default"])(this,r),(0,p["default"])(this,n.apply(this,arguments))}return(0,h["default"])(r,n),r.prototype.render=function(){var n=e.prefixCls;return m["default"].createElement(t,(0,u["default"])({prefixCls:n},this.props))},r}(m["default"].Component)}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(10),a=r(i),s=n(9),u=r(s),l=n(4),c=r(l),f=n(7),p=r(f),d=n(6),h=r(d),v=n(1),m=r(v),y=n(8),g=r(y),b=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},_=function(e){function t(){return(0,c["default"])(this,t),(0,p["default"])(this,e.apply(this,arguments))}return(0,h["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.prefixCls,n=e.className,r=e.children,o=b(e,["prefixCls","className","children"]),i=void 0;m["default"].Children.forEach(r,function(e){e&&e.type&&e.type.__ANT_LAYOUT_SIDER&&(i=!0)});var s=(0,g["default"])(n,t,(0,a["default"])({},t+"-has-sider",i));return m["default"].createElement("div",(0,u["default"])({className:s},o),r)},t}(m["default"].Component),w=o({prefixCls:"ant-layout"})(_),x=o({prefixCls:"ant-layout-header"})(_),C=o({prefixCls:"ant-layout-footer"})(_),E=o({prefixCls:"ant-layout-content"})(_);w.Header=x,w.Footer=C,w.Content=E,t["default"]=w,e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1260)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(12),v=r(h),m=n(501),y=function(e){function t(){return(0,s["default"])(this,t),(0,l["default"])(this,e.apply(this,arguments))}return(0,f["default"])(t,e),t.prototype.getChildContext=function(){return{antLocale:(0,i["default"])({},this.props.locale,{exist:!0})}},t.prototype.componentWillMount=function(){this.componentDidUpdate()},t.prototype.componentDidUpdate=function(){var e=this.props.locale;(0,m.changeConfirmLocale)(e&&e.Modal)},t.prototype.componentWillUnMount=function(){(0,m.changeConfirmLocale)()},t.prototype.render=function(){return d["default"].Children.only(this.props.children)},t}(d["default"].Component);t["default"]=y,y.propTypes={locale:v["default"].object},y.childContextTypes={antLocale:v["default"].object},e.exports=t["default"]},function(e,t,n){"use strict";n(1261)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(1197),y=r(m),g=n(8),b=r(g),_=n(56),w=r(_),x=n(23),C=r(x),E=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n));return r.onSearchChange=function(e,t){return r.props.onSearchChange?r.props.onSearchChange(e,t):r.defaultSearchChange(e)},r.onChange=function(e){r.props.onChange&&r.props.onChange(e)},r.onFocus=function(e){r.setState({focus:!0}),r.props.onFocus&&r.props.onFocus(e)},r.onBlur=function(e){r.setState({focus:!1}),r.props.onBlur&&r.props.onBlur(e)},r.state={suggestions:n.suggestions,focus:!1},r}return(0,d["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){var t=e.suggestions;(0,w["default"])(t,this.props.suggestions)||this.setState({suggestions:t})},t.prototype.defaultSearchChange=function(e){var t=e.toLowerCase(),n=(this.props.suggestions||[]).filter(function(e){return e.toLowerCase().indexOf(t)!==-1});this.setState({suggestions:n})},t.prototype.render=function(){var e=this.props,t=e.className,n=void 0===t?"":t,r=e.prefixCls,o=e.loading,a=this.state,u=a.suggestions,l=a.focus,c=(0,b["default"])(n,(0,s["default"])({},r+"-active",l)),f=o?v["default"].createElement(C["default"],{type:"loading"}):this.props.notFoundContent;return v["default"].createElement(y["default"],(0,i["default"])({},this.props,{className:c,onSearchChange:this.onSearchChange,onChange:this.onChange,onFocus:this.onFocus,onBlur:this.onBlur,suggestions:u,notFoundContent:f}))},t}(v["default"].Component);t["default"]=E,E.Nav=m.Nav,E.toString=m.toString,E.toEditorState=m.toEditorState,E.getMentions=m.getMentions,E.defaultProps={prefixCls:"ant-mention",notFoundContent:"\u65e0\u5339\u914d\u7ed3\u679c\uff0c\u8f7b\u6572\u7a7a\u683c\u5b8c\u6210\u8f93\u5165",loading:!1,multiLines:!1},e.exports=t["default"]},function(e,t,n){"use strict";n(1262)},function(e,t,n){"use strict";n(14),n(1263)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){return h=h||l["default"].newInstance({prefixCls:m,transitionName:"move-up",
+style:{top:d},getContainer:y})}function i(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:p,n=arguments[2],r=arguments[3],i={info:"info-circle",success:"check-circle",error:"cross-circle",warning:"exclamation-circle",loading:"loading"}[n],a=o();return a.notice({key:v,duration:t,style:{},content:s["default"].createElement("div",{className:m+"-custom-content "+m+"-"+n},s["default"].createElement(f["default"],{type:i}),s["default"].createElement("span",null,e)),onClose:r}),function(){var e=v++;return function(){a.removeNotice(e)}}()}Object.defineProperty(t,"__esModule",{value:!0});var a=n(1),s=r(a),u=n(389),l=r(u),c=n(23),f=r(c),p=1.5,d=void 0,h=void 0,v=1,m="ant-message",y=void 0;t["default"]={info:function(e,t,n){return i(e,t,"info",n)},success:function(e,t,n){return i(e,t,"success",n)},error:function(e,t,n){return i(e,t,"error",n)},warn:function(e,t,n){return i(e,t,"warning",n)},warning:function(e,t,n){return i(e,t,"warning",n)},loading:function(e,t,n){return i(e,t,"loading",n)},config:function(e){void 0!==e.top&&(d=e.top,h=null),void 0!==e.duration&&(p=e.duration),void 0!==e.prefixCls&&(m=e.prefixCls),void 0!==e.getContainer&&(y=e.getContainer)},destroy:function(){h&&(h.destroy(),h=null)}},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1264)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(2),d=r(p),h=n(129),v=r(h),m=function(e){function t(n){(0,i["default"])(this,t);var r=(0,s["default"])(this,e.call(this,n));return r.onClick=function(){var e=r.props,t=e.actionFn,n=e.closeModal;if(t){var o=void 0;t.length?o=t(n):(o=t(),o||n()),o&&o.then&&(r.setState({loading:!0}),o.then(function(){n.apply(void 0,arguments)}))}else n()},r.state={loading:!1},r}return(0,l["default"])(t,e),t.prototype.componentDidMount=function(){if(this.props.autoFocus){var e=d["default"].findDOMNode(this);this.timeoutId=setTimeout(function(){return e.focus()})}},t.prototype.componentWillUnmount=function(){clearTimeout(this.timeoutId)},t.prototype.render=function(){var e=this.props,t=e.type,n=e.children,r=this.state.loading;return f["default"].createElement(v["default"],{type:t,size:"large",onClick:this.onClick,loading:r},n)},t}(f["default"].Component);t["default"]=m,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){function t(){var e=c["default"].unmountComponentAtNode(o);e&&o.parentNode&&o.parentNode.removeChild(o);for(var t=arguments.length,r=Array(t),i=0;i<t;i++)r[i]=arguments[i];var a=r&&r.length&&r.some(function(e){return e&&e.triggerCancel});n.onCancel&&a&&n.onCancel.apply(n,r)}var n=(0,h["default"])({iconType:"question-circle"},e),r=n.prefixCls||"ant-confirm",o=document.createElement("div");document.body.appendChild(o);var i=n.width||416,s=n.style||{},l=void 0!==n.maskClosable&&n.maskClosable;"okCancel"in n||(n.okCancel=!0);var f=(0,w.getConfirmLocale)();n.okText=n.okText||(n.okCancel?f.okText:f.justOkText),n.cancelText=n.cancelText||f.cancelText;var d=u["default"].createElement("div",{className:r+"-body"},u["default"].createElement(m["default"],{type:n.iconType}),u["default"].createElement("span",{className:r+"-title"},n.title),u["default"].createElement("div",{className:r+"-content"},n.content)),v=null;v=n.okCancel?u["default"].createElement("div",{className:r+"-btns"},u["default"].createElement(_["default"],{actionFn:n.onCancel,closeModal:t},n.cancelText),u["default"].createElement(_["default"],{type:"primary",actionFn:n.onOk,closeModal:t,autoFocus:!0},n.okText)):u["default"].createElement("div",{className:r+"-btns"},u["default"].createElement(_["default"],{type:"primary",actionFn:n.onOk,closeModal:t,autoFocus:!0},n.okText));var y=(0,p["default"])(r,(0,a["default"])({},r+"-"+n.type,!0),n.className);return c["default"].render(u["default"].createElement(g["default"],{className:y,onCancel:t.bind(this,{triggerCancel:!0}),visible:!0,title:"",transitionName:"zoom",footer:"",maskTransitionName:"fade",maskClosable:l,style:s,width:i},u["default"].createElement("div",{className:r+"-body-wrapper"},d," ",v)),o),{destroy:t}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(10),a=r(i);t["default"]=o;var s=n(1),u=r(s),l=n(2),c=r(l),f=n(8),p=r(f),d=n(11),h=r(d),v=n(23),m=r(v),y=n(499),g=r(y),b=n(1850),_=r(b),w=n(501);e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1265),n(153)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=void 0;switch(e){case"topLeft":t={left:0,top:y,bottom:"auto"};break;case"bottomLeft":t={left:0,top:"auto",bottom:g};break;case"bottomRight":t={right:0,top:"auto",bottom:g};break;default:t={right:0,top:y,bottom:"auto"}}return t}function i(e){return v?v:v=c["default"].newInstance({prefixCls:e,className:e+"-"+b,style:o(b)})}function a(e){var t=e.prefixCls||"ant-notification",n=t+"-notice";void 0!==e.placement&&(b=e.placement,v=null);var r=void 0;r=void 0===e.duration?m:e.duration;var o="";switch(e.type){case"success":o="check-circle-o";break;case"info":o="info-circle-o";break;case"error":o="cross-circle-o";break;case"warning":o="exclamation-circle-o";break;default:o="info-circle"}var a=void 0;e.icon?a=u["default"].createElement("span",{className:n+"-icon"},e.icon):e.type&&(a=u["default"].createElement(p["default"],{className:n+"-icon "+n+"-icon-"+e.type,type:o}));var s=!e.description&&a?u["default"].createElement("span",{className:n+"-message-single-line-auto-margin"}):null;i(t).notice({content:u["default"].createElement("div",{className:a?n+"-with-icon":""},a,u["default"].createElement("div",{className:n+"-message"},s,e.message),u["default"].createElement("div",{className:n+"-description"},e.description),e.btn?u["default"].createElement("span",{className:n+"-btn"},e.btn):null),duration:r,closable:!0,onClose:e.onClose,key:e.key,style:{}})}Object.defineProperty(t,"__esModule",{value:!0});var s=n(1),u=r(s),l=n(389),c=r(l),f=n(23),p=r(f),d=n(11),h=r(d),v=void 0,m=4.5,y=24,g=24,b="topRight",_={open:function(e){a(e)},close:function(e){v&&v.removeNotice(e)},config:function(e){var t=e.duration,n=e.placement,r=e.bottom,o=e.top;void 0!==n&&(b=n),void 0!==r&&(g=r),void 0!==o&&(y=o),void 0===n&&void 0===r&&void 0===o||(v=null),void 0!==t&&(m=t)},destroy:function(){v&&(v.destroy(),v=null)}};["success","info","warning","error"].forEach(function(e){_[e]=function(t){return _.open((0,h["default"])({},t,{type:e}))}}),_.warn=_.warning,t["default"]=_,e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1266)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(156),v=r(h),m=function(e){function t(){return(0,s["default"])(this,t),(0,l["default"])(this,e.apply(this,arguments))}return(0,f["default"])(t,e),t.prototype.render=function(){return d["default"].createElement(v["default"],(0,i["default"])({size:"small"},this.props))},t}(d["default"].Component);t["default"]=m,m.Option=v["default"].Option,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(1375),v=r(h),m=n(396),y=r(m),g=n(8),b=r(g),_=n(155),w=r(_),x=n(156),C=r(x),E=n(1855),S=r(E),O=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},P=function(e){function t(){return(0,s["default"])(this,t),(0,l["default"])(this,e.apply(this,arguments))}return(0,f["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.className,n=e.size,r=O(e,["className","size"]),o=this.getLocale(),a="small"===n;return d["default"].createElement(v["default"],(0,i["default"])({},r,{className:(0,b["default"])(t,{mini:a}),selectComponentClass:a?S["default"]:C["default"],locale:o}))},t}(d["default"].Component);P.defaultProps={prefixCls:"ant-pagination",selectPrefixCls:"ant-select"};var T=(0,w["default"])("Pagination",y["default"]);t["default"]=T(P),e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(158),v=r(h),m=n(23),y=r(m),g=n(129),b=r(g),_=n(155),w=r(_),x=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},C=function(e){function t(n){(0,s["default"])(this,t);var r=(0,l["default"])(this,e.call(this,n));return r.onConfirm=function(e){r.setVisible(!1);var t=r.props.onConfirm;t&&t.call(r,e)},r.onCancel=function(e){r.setVisible(!1);var t=r.props.onCancel;t&&t.call(r,e)},r.onVisibleChange=function(e){r.setVisible(e)},r.state={visible:n.visible},r}return(0,f["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){"visible"in e&&this.setState({visible:e.visible})},t.prototype.setVisible=function(e){var t=this.props;"visible"in t||this.setState({visible:e});var n=t.onVisibleChange;n&&n(e)},t.prototype.render=function(){var e=this.props,t=e.prefixCls,n=e.title,r=e.placement,o=e.okText,a=e.cancelText,s=x(e,["prefixCls","title","placement","okText","cancelText"]),u=this.getLocale(),l=d["default"].createElement("div",null,d["default"].createElement("div",{className:t+"-inner-content"},d["default"].createElement("div",{className:t+"-message"},d["default"].createElement(y["default"],{type:"exclamation-circle"}),d["default"].createElement("div",{className:t+"-message-title"},n)),d["default"].createElement("div",{className:t+"-buttons"},d["default"].createElement(b["default"],{onClick:this.onCancel,size:"small"},a||u.cancelText),d["default"].createElement(b["default"],{onClick:this.onConfirm,type:"primary",size:"small"},o||u.okText))));return d["default"].createElement(v["default"],(0,i["default"])({},s,{prefixCls:t,placement:r,onVisibleChange:this.onVisibleChange,visible:this.state.visible,overlay:l}))},t}(d["default"].Component);C.defaultProps={prefixCls:"ant-popover",transitionName:"zoom-big",placement:"top",trigger:"click"};var E=(0,w["default"])("Popconfirm",{cancelText:"\u53d6\u6d88",okText:"\u786e\u5b9a"});t["default"]=E(C),e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(504),n(153)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(11),v=r(h),m=n(158),y=r(m),g=n(54),b=r(g),_=function(e){function t(){return(0,s["default"])(this,t),(0,l["default"])(this,e.apply(this,arguments))}return(0,f["default"])(t,e),t.prototype.getPopupDomNode=function(){return this.refs.tooltip.getPopupDomNode()},t.prototype.getOverlay=function(){var e=this.props,t=e.title,n=e.prefixCls,r=e.content;return(0,b["default"])(!("overlay"in this.props),"Popover[overlay] is removed, please use Popover[content] instead, see: http://u.ant.design/popover-content"),d["default"].createElement("div",null,t&&d["default"].createElement("div",{className:n+"-title"},t),d["default"].createElement("div",{className:n+"-inner-content"},r))},t.prototype.render=function(){var e=(0,v["default"])({},this.props);return delete e.title,d["default"].createElement(y["default"],(0,i["default"])({},e,{ref:"tooltip",overlay:this.getOverlay()}))},t}(d["default"].Component);t["default"]=_,_.defaultProps={prefixCls:"ant-popover",placement:"top",transitionName:"zoom-big",trigger:"hover",mouseEnterDelay:.1,mouseLeaveDelay:.1,overlayStyle:{}},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(23),y=r(m),g=n(1473),b=n(8),_=r(b),w=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},x={normal:"#108ee9",exception:"#ff5500",success:"#87d068"},C=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.render=function(){var e,t=this.props,n=t.prefixCls,r=t.className,o=t.percent,a=void 0===o?0:o,u=t.status,l=t.format,c=t.trailColor,f=t.type,p=t.strokeWidth,d=t.width,h=t.showInfo,m=t.gapDegree,b=void 0===m?0:m,C=t.gapPosition,E=w(t,["prefixCls","className","percent","status","format","trailColor","type","strokeWidth","width","showInfo","gapDegree","gapPosition"]),S=parseInt(a.toString(),10)>=100&&!("status"in t)?"success":u||"normal",O=void 0,P=void 0,T=l||function(e){return e+"%"};if(h){var k=void 0,M="circle"===f||"dashboard"===f?"":"-circle";k="exception"===S?l?T(a):v["default"].createElement(y["default"],{type:"cross"+M}):"success"===S?l?T(a):v["default"].createElement(y["default"],{type:"check"+M}):T(a),O=v["default"].createElement("span",{className:n+"-text"},k)}if("line"===f){var N={width:a+"%",height:p||10};P=v["default"].createElement("div",null,v["default"].createElement("div",{className:n+"-outer"},v["default"].createElement("div",{className:n+"-inner"},v["default"].createElement("div",{className:n+"-bg",style:N}))),O)}else if("circle"===f||"dashboard"===f){var A=d||132,D={width:A,height:A,fontSize:.16*A+6},j=p||6,R=C||"dashboard"===f&&"bottom"||"top",I=b||"dashboard"===f&&75;P=v["default"].createElement("div",{className:n+"-inner",style:D},v["default"].createElement(g.Circle,{percent:a,strokeWidth:j,trailWidth:j,strokeColor:x[S],trailColor:c,prefixCls:n,gapDegree:I,gapPosition:R}),O)}var L=(0,_["default"])(n,(e={},(0,s["default"])(e,n+"-"+("dashboard"===f&&"circle"||f),!0),(0,s["default"])(e,n+"-status-"+S,!0),(0,s["default"])(e,n+"-show-info",h),e),r);return v["default"].createElement("div",(0,i["default"])({},E,{className:L}),P)},t}(v["default"].Component);t["default"]=C,C.defaultProps={type:"line",percent:0,showInfo:!0,trailColor:"#f3f3f3",prefixCls:"ant-progress"},C.propTypes={status:h.PropTypes.oneOf(["normal","exception","active","success"]),type:h.PropTypes.oneOf(["line","circle","dashboard"]),showInfo:h.PropTypes.bool,percent:h.PropTypes.number,width:h.PropTypes.number,strokeWidth:h.PropTypes.number,trailColor:h.PropTypes.string,format:h.PropTypes.func,gapDegree:h.PropTypes.number},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=null,n=!1;return h["default"].Children.forEach(e,function(e){e&&e.props&&e.props.checked&&(t=e.props.value,n=!0)}),n?{value:t}:void 0}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var i=n(10),a=r(i),s=n(4),u=r(s),l=n(7),c=r(l),f=n(6),p=r(f),d=n(1),h=r(d),v=n(8),m=r(v),y=n(56),g=r(y),b=n(304),_=r(b),w=function(e){function t(n){(0,u["default"])(this,t);var r=(0,c["default"])(this,e.call(this,n));r.onRadioChange=function(e){var t=r.state.value,n=e.target.value;"value"in r.props||r.setState({value:n});var o=r.props.onChange;o&&n!==t&&o(e)};var i=void 0;if("value"in n)i=n.value;else if("defaultValue"in n)i=n.defaultValue;else{var a=o(n.children);i=a&&a.value}return r.state={value:i},r}return(0,p["default"])(t,e),t.prototype.getChildContext=function(){return{radioGroup:{onChange:this.onRadioChange,value:this.state.value,disabled:this.props.disabled}}},t.prototype.componentWillReceiveProps=function(e){if("value"in e)this.setState({value:e.value});else{var t=o(e.children);t&&this.setState({value:t.value})}},t.prototype.shouldComponentUpdate=function(e,t){return!(0,g["default"])(this.props,e)||!(0,g["default"])(this.state,t)},t.prototype.render=function(){var e=this,t=this.props,n=t.prefixCls,r=void 0===n?"ant-radio-group":n,o=t.className,i=void 0===o?"":o,s=(0,m["default"])(r,(0,a["default"])({},r+"-"+t.size,t.size),i),u=t.children;return t.options&&t.options.length>0&&(u=t.options.map(function(t,n){return"string"==typeof t?h["default"].createElement(_["default"],{key:n,disabled:e.props.disabled,value:t,onChange:e.onRadioChange,checked:e.state.value===t},t):h["default"].createElement(_["default"],{key:n,disabled:t.disabled||e.props.disabled,value:t.value,onChange:e.onRadioChange,checked:e.state.value===t.value},t.label)})),h["default"].createElement("div",{className:s,style:t.style,onMouseEnter:t.onMouseEnter,onMouseLeave:t.onMouseLeave},u)},t}(h["default"].Component);t["default"]=w,w.defaultProps={disabled:!1},w.childContextTypes={radioGroup:d.PropTypes.any},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(304),v=r(h),m=function(e){function t(){return(0,s["default"])(this,t),(0,l["default"])(this,e.apply(this,arguments))}return(0,f["default"])(t,e),t.prototype.render=function(){var e=(0,i["default"])({},this.props);return this.context.radioGroup&&(e.onChange=this.context.radioGroup.onChange,e.checked=this.props.value===this.context.radioGroup.value,e.disabled=this.props.disabled||this.context.radioGroup.disabled),d["default"].createElement(v["default"],e)},t}(d["default"].Component);t["default"]=m,m.defaultProps={prefixCls:"ant-radio-button"},m.contextTypes={radioGroup:p.PropTypes.any},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(1476),d=r(p),h=n(23),v=r(h),m=function(e){function t(){return(0,i["default"])(this,t),(0,s["default"])(this,e.apply(this,arguments))}return(0,l["default"])(t,e),t.prototype.render=function(){return f["default"].createElement(d["default"],this.props)},t}(f["default"].Component);t["default"]=m,m.propTypes={prefixCls:c.PropTypes.string,character:c.PropTypes.node},m.defaultProps={prefixCls:"ant-rate",character:f["default"].createElement(v["default"],{type:"star"})},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1271)},function(e,t,n){"use strict";n(14),n(226)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(10),i=r(o),a=n(9),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(1938),y=r(m),g=n(1937),b=r(g),_=n(521),w=r(_),x=n(158),C=r(x),E=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},S=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n));return r.toggleTooltipVisible=function(e,t){r.setState(function(n){var r=n.visibles;return{visibles:(0,s["default"])({},r,(0,i["default"])({},e,t))}})},r.handleWithTooltip=function(e){var t=e.value,n=e.dragging,o=e.index,i=E(e,["value","dragging","index"]),a=r.props,u=a.tooltipPrefixCls,l=a.tipFormatter,c=r.state.visibles;return v["default"].createElement(C["default"],{prefixCls:u,title:l?l(t):"",visible:l&&(c[o]||n),placement:"top",transitionName:"zoom-down",key:o},v["default"].createElement(w["default"],(0,s["default"])({},i,{onMouseEnter:function(){return r.toggleTooltipVisible(o,!0)},onMouseLeave:function(){return r.toggleTooltipVisible(o,!1)}})))},r.state={visibles:{}},r}return(0,d["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.range,n=E(e,["range"]);return t?v["default"].createElement(b["default"],(0,s["default"])({},n,{handle:this.handleWithTooltip})):v["default"].createElement(y["default"],(0,s["default"])({},n,{handle:this.handleWithTooltip}))},t}(v["default"].Component);t["default"]=S,S.defaultProps={prefixCls:"ant-slider",tooltipPrefixCls:"ant-tooltip",tipFormatter:function(e){return e.toString()}},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1273),n(306)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(1728),d=r(p),h=function(e){function t(){return(0,i["default"])(this,t),(0,s["default"])(this,e.apply(this,arguments))}return(0,l["default"])(t,e),t.prototype.render=function(){return f["default"].createElement(d["default"],this.props)},t}(f["default"].Component);t["default"]=h,h.Step=d["default"].Step,h.defaultProps={prefixCls:"ant-steps",iconPrefix:"ant",current:0},h.propTypes={prefixCls:c.PropTypes.string,iconPrefix:c.PropTypes.string,current:c.PropTypes.number},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1275)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(1335),y=r(m),g=n(8),b=r(g),_=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.prefixCls,n=e.size,r=e.className,o=void 0===r?"":r,a=(0,b["default"])(o,(0,s["default"])({},t+"-small","small"===n));return v["default"].createElement(y["default"],(0,i["default"])({},this.props,{className:a}))},t}(v["default"].Component);t["default"]=_,_.defaultProps={prefixCls:"ant-switch"},_.propTypes={prefixCls:h.PropTypes.string,size:h.PropTypes.oneOf(["small","default","large"]),className:h.PropTypes.string},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1276)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(299),f=r(c),p=function(e){function t(){return(0,i["default"])(this,t),(0,s["default"])(this,e.apply(this,arguments))}return(0,l["default"])(t,e),t}(f["default"].Column);t["default"]=p,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),i=r(o);t["default"]=function(e){return i["default"].createElement("div",{className:e.className,onClick:e.onClick},e.children)},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(130),d=r(p),h=n(201),v=r(h),m=function(e){function t(n){(0,i["default"])(this,t);var r=(0,s["default"])(this,e.call(this,n));return r.state={checked:r.getCheckState(n)},r}return(0,l["default"])(t,e),t.prototype.componentDidMount=function(){this.subscribe()},t.prototype.componentWillUnmount=function(){this.unsubscribe&&this.unsubscribe()},t.prototype.subscribe=function(){var e=this,t=this.props.store;this.unsubscribe=t.subscribe(function(){var t=e.getCheckState(e.props);e.setState({checked:t})})},t.prototype.getCheckState=function(e){var t=e.store,n=e.defaultSelection,r=e.rowIndex,o=!1;return o=t.getState().selectionDirty?t.getState().selectedRowKeys.indexOf(r)>=0:t.getState().selectedRowKeys.indexOf(r)>=0||n.indexOf(r)>=0},t.prototype.render=function(){var e=this.props,t=e.type,n=e.rowIndex,r=e.disabled,o=e.onChange,i=this.state.checked;return"radio"===t?f["default"].createElement(v["default"],{disabled:r,onChange:o,value:n,checked:i}):f["default"].createElement(d["default"],{checked:i,disabled:r,onChange:o})},t}(f["default"].Component);t["default"]=m,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(10),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(130),v=r(h),m=n(302),y=r(m),g=n(498),b=r(g),_=n(23),w=r(_),x=n(8),C=r(x),E=function(e){function t(n){(0,s["default"])(this,t);var r=(0,l["default"])(this,e.call(this,n));return r.handleSelectAllChagne=function(e){var t=e.target.checked;r.props.onSelect(t?"all":"removeAll",0,null)},r.defaultSelections=[{key:"all",text:n.locale.selectAll,onSelect:function(){}},{key:"invert",text:n.locale.selectInvert,onSelect:function(){}}],r.state={checked:r.getCheckState(n),indeterminate:r.getIndeterminateState(n)},r}return(0,f["default"])(t,e),t.prototype.componentDidMount=function(){this.subscribe()},t.prototype.componentWillReceiveProps=function(e){this.setCheckState(e)},t.prototype.componentWillUnmount=function(){this.unsubscribe&&this.unsubscribe()},t.prototype.subscribe=function(){var e=this,t=this.props.store;this.unsubscribe=t.subscribe(function(){e.setCheckState(e.props)})},t.prototype.checkSelection=function(e,t,n){var r=this.props,o=r.store,i=r.getCheckboxPropsByItem,a=r.getRecordKey;return("every"===t||"some"===t)&&(n?e[t](function(e,t){return i(e,t).defaultChecked}):e[t](function(e,t){return o.getState().selectedRowKeys.indexOf(a(e,t))>=0}))},t.prototype.setCheckState=function(e){var t=this.getCheckState(e),n=this.getIndeterminateState(e);t!==this.state.checked&&this.setState({checked:t}),n!==this.state.indeterminate&&this.setState({indeterminate:n})},t.prototype.getCheckState=function(e){var t=e.store,n=e.data,r=void 0;return r=!!n.length&&(t.getState().selectionDirty?this.checkSelection(n,"every",!1):this.checkSelection(n,"every",!1)||this.checkSelection(n,"every",!0))},t.prototype.getIndeterminateState=function(e){var t=e.store,n=e.data,r=void 0;return r=!!n.length&&(t.getState().selectionDirty?this.checkSelection(n,"some",!1)&&!this.checkSelection(n,"every",!1):this.checkSelection(n,"some",!1)&&!this.checkSelection(n,"every",!1)||this.checkSelection(n,"some",!0)&&!this.checkSelection(n,"every",!0))},t.prototype.renderMenus=function(e){var t=this;return e.map(function(e,n){return d["default"].createElement(b["default"].Item,{key:e.key||n},d["default"].createElement("div",{onClick:function(){t.props.onSelect(e.key,n,e.onSelect)}},e.text))})},t.prototype.render=function(){var e=this.props,t=e.disabled,n=e.prefixCls,r=e.selections,o=this.state,a=o.checked,s=o.indeterminate,u=n+"-selection",l=null;if(r){var c=Array.isArray(r)?this.defaultSelections.concat(r):this.defaultSelections,f=d["default"].createElement(b["default"],{className:u+"-menu",selectedKeys:[]},this.renderMenus(c));l=d["default"].createElement(y["default"],{overlay:f,getPopupContainer:function(e){return e.parentNode}},d["default"].createElement("div",{className:u+"-down"},d["default"].createElement(w["default"],{type:"down"})))}return d["default"].createElement("div",{className:u},d["default"].createElement(v["default"],{className:(0,C["default"])((0,i["default"])({},u+"-select-all-custom",l)),checked:a,indeterminate:s,disabled:t,onChange:this.handleSelectAllChagne}),l)},t}(d["default"].Component);t["default"]=E,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(e){e.stopPropagation(),e.nativeEvent.stopImmediatePropagation&&e.nativeEvent.stopImmediatePropagation()}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var a=n(9),s=r(a),u=n(47),l=r(u),c=n(10),f=r(c),p=n(4),d=r(p),h=n(7),v=r(h),m=n(6),y=r(m),g=n(1),b=r(g),_=n(299),w=r(_),x=n(12),C=r(x),E=n(8),S=r(E),O=n(11),P=r(O),T=n(502),k=r(T),M=n(23),N=r(M),A=n(508),D=r(A),j=n(54),R=r(j),I=n(1878),L=r(I),F=n(1877),U=r(F),V=n(1874),B=r(V),z=n(1875),H=r(z),K=n(1872),W=r(K),q=n(510),Y=r(q),G=n(1881),X=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},$={filterTitle:"\u7b5b\u9009",filterConfirm:"\u786e\u5b9a",filterReset:"\u91cd\u7f6e",emptyText:b["default"].createElement("span",null,b["default"].createElement(N["default"],{type:"frown-o"}),"\u6682\u65e0\u6570\u636e"),selectAll:"\u5168\u9009",selectInvert:"\u53cd\u9009"},Z={onChange:o,onShowSizeChange:o},Q={},J=function(e){function t(n){(0,d["default"])(this,t);var r=(0,v["default"])(this,e.call(this,n));return r.getCheckboxPropsByItem=function(e,t){var n=r.props.rowSelection,o=void 0===n?{}:n;if(!o.getCheckboxProps)return{};var i=r.getRecordKey(e,t);return r.CheckboxPropsCache[i]||(r.CheckboxPropsCache[i]=o.getCheckboxProps(e)),r.CheckboxPropsCache[i]},r.handleFilter=function(e,t){var n=r.props,o=(0,P["default"])({},r.state.pagination),i=(0,P["default"])({},r.state.filters,(0,f["default"])({},r.getColumnKey(e),t)),a=[];(0,G.treeMap)(r.columns,function(e){e.children||a.push(r.getColumnKey(e))}),Object.keys(i).forEach(function(e){a.indexOf(e)<0&&delete i[e]}),n.pagination&&(o.current=1,o.onChange(o.current));var s={pagination:o,filters:{}},u=(0,P["default"])({},i);r.getFilteredValueColumns().forEach(function(e){var t=r.getColumnKey(e);t&&delete u[t]}),Object.keys(u).length>0&&(s.filters=u),"object"===(0,l["default"])(n.pagination)&&"current"in n.pagination&&(s.pagination=(0,P["default"])({},o,{current:r.state.pagination.current})),r.setState(s,function(){r.store.setState({selectionDirty:!1});var e=r.props.onChange;e&&e.apply(null,r.prepareParamsArguments((0,P["default"])({},r.state,{selectionDirty:!1,filters:i,pagination:o})))})},r.handleSelect=function(e,t,n){var o=n.target.checked,i=r.store.getState().selectionDirty?[]:r.getDefaultSelection(),a=r.store.getState().selectedRowKeys.concat(i),s=r.getRecordKey(e,t);o?a.push(r.getRecordKey(e,t)):a=a.filter(function(e){return s!==e}),r.store.setState({selectionDirty:!0}),r.setSelectedRowKeys(a,{selectWay:"onSelect",record:e,checked:o})},r.handleRadioSelect=function(e,t,n){var o=n.target.checked,i=r.store.getState().selectionDirty?[]:r.getDefaultSelection(),a=r.store.getState().selectedRowKeys.concat(i),s=r.getRecordKey(e,t);a=[s],r.store.setState({selectionDirty:!0}),r.setSelectedRowKeys(a,{selectWay:"onSelect",record:e,checked:o})},r.handleSelectRow=function(e,t,n){var o=r.getFlatCurrentPageData(),i=r.store.getState().selectionDirty?[]:r.getDefaultSelection(),a=r.store.getState().selectedRowKeys.concat(i),s=o.filter(function(e,t){return!r.getCheckboxPropsByItem(e,t).disabled}).map(function(e,t){return r.getRecordKey(e,t)}),u=[],l="",c=void 0;switch(e){case"all":s.forEach(function(e){a.indexOf(e)<0&&(a.push(e),u.push(e))}),l="onSelectAll",c=!0;break;case"removeAll":s.forEach(function(e){a.indexOf(e)>=0&&(a.splice(a.indexOf(e),1),u.push(e))}),l="onSelectAll",c=!1;break;case"invert":s.forEach(function(e){a.indexOf(e)<0?a.push(e):a.splice(a.indexOf(e),1),u.push(e),l="onSelectInvert"})}return r.store.setState({selectionDirty:!0}),t>1&&"function"==typeof n?n(s):void r.setSelectedRowKeys(a,{selectWay:l,checked:c,changeRowKeys:u})},r.handlePageChange=function(e){for(var t=arguments.length,n=Array(t>1?t-1:0),o=1;o<t;o++)n[o-1]=arguments[o];var i=r.props,a=(0,P["default"])({},r.state.pagination);e?a.current=e:a.current=a.current||1,a.onChange.apply(a,[a.current].concat(n));var s={pagination:a};i.pagination&&"object"===(0,l["default"])(i.pagination)&&"current"in i.pagination&&(s.pagination=(0,P["default"])({},a,{
+current:r.state.pagination.current})),r.setState(s),r.store.setState({selectionDirty:!1});var u=r.props.onChange;u&&u.apply(null,r.prepareParamsArguments((0,P["default"])({},r.state,{selectionDirty:!1,pagination:a})))},r.renderSelectionBox=function(e){return function(t,n,o){var a=r.getRecordKey(n,o),s=r.getCheckboxPropsByItem(n,o),u=function(t){"radio"===e?r.handleRadioSelect(n,a,t):r.handleSelect(n,a,t)};return b["default"].createElement("span",{onClick:i},b["default"].createElement(B["default"],{type:e,store:r.store,rowIndex:a,disabled:s.disabled,onChange:u,defaultSelection:r.getDefaultSelection()}))}},r.getRecordKey=function(e,t){var n=r.props.rowKey,o="function"==typeof n?n(e,t):e[n];return(0,R["default"])(void 0!==o,"Each record in dataSource of table should have a unique `key` prop, or set `rowKey` to an unique primary key,see http://u.ant.design/table-row-key"),void 0===o?t:o},r.handleShowSizeChange=function(e,t){var n=r.state.pagination;n.onShowSizeChange(e,t);var o=(0,P["default"])({},n,{pageSize:t,current:e});r.setState({pagination:o});var i=r.props.onChange;i&&i.apply(null,r.prepareParamsArguments((0,P["default"])({},r.state,{pagination:o})))},(0,R["default"])(!("columnsPageRange"in n||"columnsPageSize"in n),"`columnsPageRange` and `columnsPageSize` are removed, please use fixed columns instead, see: http://u.ant.design/fixed-columns."),r.columns=n.columns||(0,G.normalizeColumns)(n.children),r.state=(0,P["default"])({},r.getSortStateFromColumns(),{filters:r.getFiltersFromColumns(),pagination:r.getDefaultPagination(n)}),r.CheckboxPropsCache={},r.store=(0,U["default"])({selectedRowKeys:(n.rowSelection||{}).selectedRowKeys||[],selectionDirty:!1}),r}return(0,y["default"])(t,e),t.prototype.getDefaultSelection=function(){var e=this,t=this.props.rowSelection,n=void 0===t?{}:t;return n.getCheckboxProps?this.getFlatData().filter(function(t,n){return e.getCheckboxPropsByItem(t,n).defaultChecked}).map(function(t,n){return e.getRecordKey(t,n)}):[]},t.prototype.getDefaultPagination=function(e){var t=e.pagination||{};return this.hasPagination(e)?(0,P["default"])({},Z,t,{current:t.defaultCurrent||t.current||1,pageSize:t.defaultPageSize||t.pageSize||10}):{}},t.prototype.getLocale=function(){var e={};return this.context.antLocale&&this.context.antLocale.Table&&(e=this.context.antLocale.Table),(0,P["default"])({},$,e,this.props.locale)},t.prototype.componentWillReceiveProps=function(e){if(this.columns=e.columns||(0,G.normalizeColumns)(e.children),("pagination"in e||"pagination"in this.props)&&this.setState(function(t){var n=(0,P["default"])({},Z,t.pagination,e.pagination);return n.current=n.current||1,n.pageSize=n.pageSize||10,{pagination:e.pagination!==!1?n:Q}}),e.rowSelection&&"selectedRowKeys"in e.rowSelection){this.store.setState({selectedRowKeys:e.rowSelection.selectedRowKeys||[]});var t=this.props.rowSelection;t&&e.rowSelection.getCheckboxProps!==t.getCheckboxProps&&(this.CheckboxPropsCache={})}if("dataSource"in e&&e.dataSource!==this.props.dataSource&&(this.store.setState({selectionDirty:!1}),this.CheckboxPropsCache={}),this.getSortOrderColumns(this.columns).length>0){var n=this.getSortStateFromColumns(this.columns);n.sortColumn===this.state.sortColumn&&n.sortOrder===this.state.sortOrder||this.setState(n)}var r=this.getFilteredValueColumns(this.columns);if(r.length>0){var o=this.getFiltersFromColumns(this.columns),i=(0,P["default"])({},this.state.filters);Object.keys(o).forEach(function(e){i[e]=o[e]}),this.isFiltersChanged(i)&&this.setState({filters:i})}},t.prototype.setSelectedRowKeys=function(e,t){var n=this,r=t.selectWay,o=t.record,i=t.checked,a=t.changeRowKeys,s=this.props.rowSelection,u=void 0===s?{}:s;!u||"selectedRowKeys"in u||this.store.setState({selectedRowKeys:e});var l=this.getFlatData();if(u.onChange||u[r]){var c=l.filter(function(t,r){return e.indexOf(n.getRecordKey(t,r))>=0});if(u.onChange&&u.onChange(e,c),"onSelect"===r&&u.onSelect)u.onSelect(o,i,c);else if("onSelectAll"===r&&u.onSelectAll){var f=l.filter(function(e,t){return a.indexOf(n.getRecordKey(e,t))>=0});u.onSelectAll(i,c,f)}else"onSelectInvert"===r&&u.onSelectInvert&&u.onSelectInvert(e)}},t.prototype.hasPagination=function(e){return(e||this.props).pagination!==!1},t.prototype.isFiltersChanged=function(e){var t=this,n=!1;return Object.keys(e).length!==Object.keys(this.state.filters).length?n=!0:Object.keys(e).forEach(function(r){e[r]!==t.state.filters[r]&&(n=!0)}),n},t.prototype.getSortOrderColumns=function(e){return(0,G.flatFilter)(e||this.columns||[],function(e){return"sortOrder"in e})},t.prototype.getFilteredValueColumns=function(e){return(0,G.flatFilter)(e||this.columns||[],function(e){return"undefined"!=typeof e.filteredValue})},t.prototype.getFiltersFromColumns=function(e){var t=this,n={};return this.getFilteredValueColumns(e).forEach(function(e){n[t.getColumnKey(e)]=e.filteredValue}),n},t.prototype.getSortStateFromColumns=function(e){var t=this.getSortOrderColumns(e).filter(function(e){return e.sortOrder})[0];return t?{sortColumn:t,sortOrder:t.sortOrder}:{sortColumn:null,sortOrder:null}},t.prototype.getSorterFn=function(){var e=this.state,t=e.sortOrder,n=e.sortColumn;if(t&&n&&"function"==typeof n.sorter)return function(e,r){var o=n.sorter(e,r);return 0!==o?"descend"===t?-o:o:0}},t.prototype.toggleSortOrder=function(e,t){var n=this.state,r=n.sortColumn,o=n.sortOrder,i=this.isSortColumn(t);i?o===e?(o="",r=null):o=e:(o=e,r=t);var a={sortOrder:o,sortColumn:r};0===this.getSortOrderColumns().length&&this.setState(a);var s=this.props.onChange;s&&s.apply(null,this.prepareParamsArguments((0,P["default"])({},this.state,a)))},t.prototype.renderRowSelection=function(){var e=this,t=this.props,n=t.prefixCls,r=t.rowSelection,o=this.columns.concat();if(r){var i=this.getFlatCurrentPageData().filter(function(t,n){return!r.getCheckboxProps||!e.getCheckboxPropsByItem(t,n).disabled}),a=(0,S["default"])(n+"-selection-column",(0,f["default"])({},n+"-selection-column-custom",r.selections)),s={key:"selection-column",render:this.renderSelectionBox(r.type),className:a};if("radio"!==r.type){var u=i.every(function(t,n){return e.getCheckboxPropsByItem(t,n).disabled});s.title=b["default"].createElement(H["default"],{store:this.store,locale:this.getLocale(),data:i,getCheckboxPropsByItem:this.getCheckboxPropsByItem,getRecordKey:this.getRecordKey,disabled:u,prefixCls:n,onSelect:this.handleSelectRow,selections:r.selections})}o.some(function(e){return"left"===e.fixed||e.fixed===!0})&&(s.fixed="left"),o[0]&&"selection-column"===o[0].key?o[0]=s:o.unshift(s)}return o},t.prototype.getColumnKey=function(e,t){return e.key||e.dataIndex||t},t.prototype.getMaxCurrent=function(e){var t=this.state.pagination,n=t.current,r=t.pageSize;return(n-1)*r>=e?Math.floor((e-1)/r)+1:n},t.prototype.isSortColumn=function(e){var t=this.state.sortColumn;return!(!e||!t)&&this.getColumnKey(t)===this.getColumnKey(e)},t.prototype.renderColumnsDropdown=function(e){var t=this,n=this.props,r=n.prefixCls,o=n.dropdownPrefixCls,i=this.state.sortOrder,a=this.getLocale();return(0,G.treeMap)(e,function(e,n){var s=(0,P["default"])({},e),u=t.getColumnKey(s,n),l=void 0,c=void 0;if(s.filters&&s.filters.length>0||s.filterDropdown){var f=t.state.filters[u]||[];l=b["default"].createElement(L["default"],{locale:a,column:s,selectedKeys:f,confirmFilter:t.handleFilter,prefixCls:r+"-filter",dropdownPrefixCls:o||"ant-dropdown"})}if(s.sorter){var p=t.isSortColumn(s);p&&(s.className=s.className||"",i&&(s.className+=" "+r+"-column-sort"));var d=p&&"ascend"===i,h=p&&"descend"===i;c=b["default"].createElement("div",{className:r+"-column-sorter"},b["default"].createElement("span",{className:r+"-column-sorter-up "+(d?"on":"off"),title:"\u2191",onClick:function(){return t.toggleSortOrder("ascend",s)}},b["default"].createElement(N["default"],{type:"caret-up"})),b["default"].createElement("span",{className:r+"-column-sorter-down "+(h?"on":"off"),title:"\u2193",onClick:function(){return t.toggleSortOrder("descend",s)}},b["default"].createElement(N["default"],{type:"caret-down"})))}return s.title=b["default"].createElement("span",null,s.title,c,l),s})},t.prototype.renderPagination=function(){if(!this.hasPagination())return null;var e="default",t=this.state.pagination;t.size?e=t.size:"middle"!==this.props.size&&"small"!==this.props.size||(e="small");var n=t.total||this.getLocalData().length;return n>0?b["default"].createElement(k["default"],(0,s["default"])({key:"pagination"},t,{className:this.props.prefixCls+"-pagination",onChange:this.handlePageChange,total:n,size:e,current:this.getMaxCurrent(n),onShowSizeChange:this.handleShowSizeChange})):null},t.prototype.prepareParamsArguments=function(e){var t=(0,s["default"])({},e.pagination);delete t.onChange,delete t.onShowSizeChange;var n=e.filters,r={};return e.sortColumn&&e.sortOrder&&(r.column=e.sortColumn,r.order=e.sortOrder,r.field=e.sortColumn.dataIndex,r.columnKey=this.getColumnKey(e.sortColumn)),[t,n,r]},t.prototype.findColumn=function(e){var t=this,n=void 0;return(0,G.treeMap)(this.columns,function(r){t.getColumnKey(r)===e&&(n=r)}),n},t.prototype.getCurrentPageData=function(){var e=this.getLocalData(),t=void 0,n=void 0,r=this.state;return this.hasPagination()?(n=r.pagination.pageSize,t=this.getMaxCurrent(r.pagination.total||e.length)):(n=Number.MAX_VALUE,t=1),(e.length>n||n===Number.MAX_VALUE)&&(e=e.filter(function(e,r){return r>=(t-1)*n&&r<t*n})),e},t.prototype.getFlatData=function(){return(0,G.flatArray)(this.getLocalData())},t.prototype.getFlatCurrentPageData=function(){return(0,G.flatArray)(this.getCurrentPageData())},t.prototype.recursiveSort=function(e,t){var n=this,r=this.props.childrenColumnName,o=void 0===r?"children":r;return e.sort(t).map(function(e){return e[o]?(0,P["default"])({},e,(0,f["default"])({},o,n.recursiveSort(e[o],t))):e})},t.prototype.getLocalData=function(){var e=this,t=this.state,n=this.props.dataSource,r=n||[];r=r.slice(0);var o=this.getSorterFn();return o&&(r=this.recursiveSort(r,o)),t.filters&&Object.keys(t.filters).forEach(function(n){var o=e.findColumn(n);if(o){var i=t.filters[n]||[];if(0!==i.length){var a=o.onFilter;r=a?r.filter(function(e){return i.some(function(t){return a(t,e)})}):r}}}),r},t.prototype.render=function(){var e,t=this,n=this.props,r=n.style,o=n.className,i=n.prefixCls,a=n.showHeader,u=X(n,["style","className","prefixCls","showHeader"]),l=this.getCurrentPageData(),c=this.renderRowSelection(),p=this.props.expandedRowRender&&this.props.expandIconAsCell!==!1,d=this.getLocale(),h=(0,S["default"])((e={},(0,f["default"])(e,i+"-"+this.props.size,!0),(0,f["default"])(e,i+"-bordered",this.props.bordered),(0,f["default"])(e,i+"-empty",!l.length),(0,f["default"])(e,i+"-without-column-header",!a),e));c=this.renderColumnsDropdown(c),c=c.map(function(e,n){var r=(0,P["default"])({},e);return r.key=t.getColumnKey(r,n),r});var v=c[0]&&"selection-column"===c[0].key?1:0;"expandIconColumnIndex"in u&&(v=u.expandIconColumnIndex);var m=b["default"].createElement(w["default"],(0,s["default"])({key:"table"},u,{prefixCls:i,data:l,columns:c,showHeader:a,className:h,expandIconColumnIndex:v,expandIconAsCell:p,emptyText:function(){return d.emptyText}})),y=this.hasPagination()&&l&&0!==l.length?i+"-with-pagination":i+"-without-pagination",g=this.props.loading;return"boolean"==typeof g&&(g={spinning:g}),b["default"].createElement("div",{className:(0,S["default"])(i+"-wrapper",o),style:r},b["default"].createElement(D["default"],(0,s["default"])({},g,{className:g?y+" "+i+"-spin-holder":""}),m,this.renderPagination()))},t}(b["default"].Component);t["default"]=J,J.Column=W["default"],J.ColumnGroup=Y["default"],J.propTypes={dataSource:C["default"].array,columns:C["default"].array,prefixCls:C["default"].string,useFixedHeader:C["default"].bool,rowSelection:C["default"].object,className:C["default"].string,size:C["default"].string,loading:C["default"].oneOfType([C["default"].bool,C["default"].object]),bordered:C["default"].bool,onChange:C["default"].func,locale:C["default"].object,dropdownPrefixCls:C["default"].string},J.defaultProps={dataSource:[],prefixCls:"ant-table",useFixedHeader:!1,rowSelection:null,className:"",size:"large",loading:!1,bordered:!1,indentSize:20,locale:{},rowKey:"key",showHeader:!0},J.contextTypes={antLocale:C["default"].object},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){function t(e){o=(0,a["default"])({},o,e);for(var t=0;t<i.length;t++)i[t]()}function n(){return o}function r(e){return i.push(e),function(){var t=i.indexOf(e);i.splice(t,1)}}var o=e,i=[];return{setState:t,getState:n,subscribe:r}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=o;var i=n(11),a=r(i);e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(10),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(2),v=r(h),m=n(196),y=r(m),g=n(626),b=r(g),_=n(8),w=r(_),x=n(302),C=r(x),E=n(23),S=r(E),O=n(130),P=r(O),T=n(201),k=r(T),M=n(1873),N=r(M),A=function(e){function t(n){(0,s["default"])(this,t);var r=(0,l["default"])(this,e.call(this,n));r.setSelectedKeys=function(e){var t=e.selectedKeys;r.setState({selectedKeys:t})},r.handleClearFilters=function(){r.setState({selectedKeys:[]},r.handleConfirm)},r.handleConfirm=function(){r.setVisible(!1),r.confirmFilter()},r.onVisibleChange=function(e){r.setVisible(e),e||r.confirmFilter()},r.handleMenuItemClick=function(e){if(!(e.keyPath.length<=1)){var t=r.state.keyPathOfSelectedItem;r.state.selectedKeys.indexOf(e.key)>=0?delete t[e.key]:t[e.key]=e.keyPath,r.setState({keyPathOfSelectedItem:t})}},r.renderFilterIcon=function(){var e=r.props,t=e.column,n=e.locale,o=e.prefixCls,a=t.filterIcon,s=r.props.selectedKeys.length>0?o+"-selected":"";return a?d["default"].cloneElement(a,{title:n.filterTitle,className:(0,w["default"])(a.className,(0,i["default"])({},o+"-icon",!0))}):d["default"].createElement(S["default"],{title:n.filterTitle,type:"filter",className:s})};var o="filterDropdownVisible"in n.column&&n.column.filterDropdownVisible;return r.state={selectedKeys:n.selectedKeys,keyPathOfSelectedItem:{},visible:o},r}return(0,f["default"])(t,e),t.prototype.componentDidMount=function(){var e=this.props.column,t=v["default"].findDOMNode(this),n=!!(0,b["default"])(t,".ant-table-scroll");n&&e.fixed&&(this.neverShown=!0)},t.prototype.componentWillReceiveProps=function(e){var t=e.column,n={};"selectedKeys"in e&&(n.selectedKeys=e.selectedKeys),"filterDropdownVisible"in t&&(n.visible=t.filterDropdownVisible),Object.keys(n).length>0&&this.setState(n)},t.prototype.setVisible=function(e){var t=this.props.column;"filterDropdownVisible"in t||this.setState({visible:e}),t.onFilterDropdownVisibleChange&&t.onFilterDropdownVisibleChange(e)},t.prototype.confirmFilter=function(){this.state.selectedKeys!==this.props.selectedKeys&&this.props.confirmFilter(this.props.column,this.state.selectedKeys)},t.prototype.renderMenuItem=function(e){var t=this.props.column,n=!("filterMultiple"in t)||t.filterMultiple,r=n?d["default"].createElement(P["default"],{checked:this.state.selectedKeys.indexOf(e.value.toString())>=0}):d["default"].createElement(k["default"],{checked:this.state.selectedKeys.indexOf(e.value.toString())>=0});return d["default"].createElement(m.Item,{key:e.value},r,d["default"].createElement("span",null,e.text))},t.prototype.hasSubMenu=function(){var e=this.props.column.filters,t=void 0===e?[]:e;return t.some(function(e){return!!(e.children&&e.children.length>0)})},t.prototype.renderMenus=function(e){var t=this;return e.map(function(e){if(e.children&&e.children.length>0){var n=t.state.keyPathOfSelectedItem,r=Object.keys(n).some(function(t){return n[t].indexOf(e.value)>=0}),o=r?t.props.dropdownPrefixCls+"-submenu-contain-selected":"";return d["default"].createElement(m.SubMenu,{title:e.text,className:o,key:e.value.toString()},t.renderMenus(e.children))}return t.renderMenuItem(e)})},t.prototype.render=function(){var e=this.props,t=e.column,n=e.locale,r=e.prefixCls,o=e.dropdownPrefixCls,a=!("filterMultiple"in t)||t.filterMultiple,s=(0,w["default"])((0,i["default"])({},o+"-menu-without-submenu",!this.hasSubMenu())),u=t.filterDropdown?d["default"].createElement(N["default"],null,t.filterDropdown):d["default"].createElement(N["default"],{className:r+"-dropdown"},d["default"].createElement(y["default"],{multiple:a,onClick:this.handleMenuItemClick,prefixCls:o+"-menu",className:s,onSelect:this.setSelectedKeys,onDeselect:this.setSelectedKeys,selectedKeys:this.state.selectedKeys},this.renderMenus(t.filters)),d["default"].createElement("div",{className:r+"-dropdown-btns"},d["default"].createElement("a",{className:r+"-dropdown-link confirm",onClick:this.handleConfirm},n.filterConfirm),d["default"].createElement("a",{className:r+"-dropdown-link clear",onClick:this.handleClearFilters},n.filterReset)));return d["default"].createElement(C["default"],{trigger:["click"],overlay:u,visible:!this.neverShown&&this.state.visible,onVisibleChange:this.onVisibleChange},this.renderFilterIcon())},t}(d["default"].Component);t["default"]=A,A.defaultProps={handleFilter:function(){},column:{}},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1876),i=r(o);t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1277),n(305),n(154),n(493),n(509),n(503)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"children",n=[],r=function o(e){e.forEach(function(e){var r=(0,d["default"])({},e);delete r[t],n.push(r),e[t]&&e[t].length>0&&o(e[t])})};return r(e),n}function i(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"children";return e.map(function(e,r){var o={};return e[n]&&(o[n]=i(e[n],t,n)),(0,d["default"])({},t(e,r),o)})}function a(e,t){return e.reduce(function(e,n){if(t(n)&&e.push(n),n.children){var r=a(n.children,t);e.push.apply(e,(0,l["default"])(r))}return e},[])}function s(e){var t=[];return f["default"].Children.forEach(e,function(e){if(f["default"].isValidElement(e)){var n=(0,d["default"])({},e.props);e.key&&(n.key=e.key),e.type===v["default"]&&(n.children=s(n.children)),t.push(n)}}),t}Object.defineProperty(t,"__esModule",{value:!0});var u=n(62),l=r(u);t.flatArray=o,t.treeMap=i,t.flatFilter=a,t.normalizeColumns=s;var c=n(1),f=r(c),p=n(11),d=r(p),h=n(510),v=r(h)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(47),l=r(u),c=n(4),f=r(c),p=n(7),d=r(p),h=n(6),v=r(h),m=n(1),y=r(m),g=n(2),b=n(1948),_=r(b),w=n(1943),x=r(w),C=n(1946),E=r(C),S=n(8),O=r(S),P=n(23),T=r(P),k=n(54),M=r(k),N=n(1785),A=r(N),D=function(e){function t(){(0,f["default"])(this,t);var n=(0,d["default"])(this,e.apply(this,arguments));return n.createNewTab=function(e){var t=n.props.onEdit;t&&t(e,"add")},n.removeTab=function(e,t){if(t.stopPropagation(),e){var r=n.props.onEdit;r&&r(e,"remove")}},n.handleChange=function(e){var t=n.props.onChange;t&&t(e)},n}return(0,v["default"])(t,e),t.prototype.componentDidMount=function(){var e=" no-flex",t=(0,g.findDOMNode)(this);t&&!(0,A["default"])()&&t.className.indexOf(e)===-1&&(t.className+=e)},t.prototype.render=function(){var e,t=this,n=this.props,r=n.prefixCls,o=n.className,a=void 0===o?"":o,u=n.size,c=n.type,f=void 0===c?"line":c,p=n.tabPosition,d=n.children,h=n.tabBarExtraContent,v=n.tabBarStyle,g=n.hideAdd,b=n.onTabClick,w=n.onPrevClick,C=n.onNextClick,S=n.animated,P="object"===("undefined"==typeof S?"undefined":(0,l["default"])(S))?{inkBarAnimated:S.inkBar,tabPaneAnimated:S.tabPane}:{inkBarAnimated:S,tabPaneAnimated:S},k=P.inkBarAnimated,N=P.tabPaneAnimated;"line"!==f&&(N=!1),(0,M["default"])(!(f.indexOf("card")>=0&&"small"===u),"Tabs[type=card|editable-card] doesn't have small size, it's by designed.");var A=(0,O["default"])(a,(e={},(0,s["default"])(e,r+"-mini","small"===u||"mini"===u),(0,s["default"])(e,r+"-vertical","left"===p||"right"===p),(0,s["default"])(e,r+"-card",f.indexOf("card")>=0),(0,s["default"])(e,r+"-"+f,!0),(0,s["default"])(e,r+"-no-animation",!S),e)),D=void 0;"editable-card"===f&&(D=[],y["default"].Children.forEach(d,function(e,n){var o=e.props.closable;o="undefined"==typeof o||o;var i=o?y["default"].createElement(T["default"],{type:"close",onClick:function(n){return t.removeTab(e.key,n)}}):null;D.push((0,m.cloneElement)(e,{tab:y["default"].createElement("div",{className:o?void 0:r+"-tab-unclosable"},e.props.tab,i),key:e.key||n}))}),g||(h=y["default"].createElement("span",null,y["default"].createElement(T["default"],{type:"plus",className:r+"-new-tab",onClick:this.createNewTab}),h))),h=h?y["default"].createElement("div",{className:r+"-extra-content"},h):null;var j=function(){return y["default"].createElement(x["default"],{inkBarAnimated:k,extraContent:h,onTabClick:b,onPrevClick:w,onNextClick:C,style:v})};return y["default"].createElement(_["default"],(0,i["default"])({},this.props,{className:A,tabBarPosition:p,renderTabBar:j,renderTabContent:function(){return y["default"].createElement(E["default"],{animated:N,animatedWithMargin:!0})},onChange:this.handleChange}),D||d)},t}(y["default"].Component);t["default"]=D,D.TabPane=b.TabPane,D.defaultProps={prefixCls:"ant-tabs",hideAdd:!1,animated:!0},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1278)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(8),y=r(m),g=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},b=function(e){function t(){(0,l["default"])(this,t);var n=(0,f["default"])(this,e.apply(this,arguments));return n.handleClick=function(){var e=n.props,t=e.checked,r=e.onChange;r&&r(!t)},n}return(0,d["default"])(t,e),t.prototype.render=function(){var e,t=this.props,n=t.prefixCls,r=void 0===n?"ant-tag":n,o=t.className,a=t.checked,u=g(t,["prefixCls","className","checked"]),l=(0,y["default"])(r,(e={},(0,s["default"])(e,r+"-checkable",!0),(0,s["default"])(e,r+"-checkable-checked",a),e),o);return delete u.onChange,v["default"].createElement("div",(0,i["default"])({},u,{className:l,onClick:this.handleClick}))},t}(v["default"].Component);t["default"]=b,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(2),y=r(m),g=n(31),b=r(g),_=n(8),w=r(_),x=n(48),C=r(x),E=n(11),S=r(E),O=n(23),P=r(O),T=n(1884),k=r(T),M=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},N=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n));return r.close=function(e){var t=r.props.onClose;if(t&&t(e),!e.defaultPrevented){var n=y["default"].findDOMNode(r);n.style.width=n.getBoundingClientRect().width+"px",n.style.width=n.getBoundingClientRect().width+"px",r.setState({closing:!0})}},r.animationEnd=function(e,t){if(!t&&!r.state.closed){r.setState({closed:!0,closing:!1});var n=r.props.afterClose;n&&n()}},r.state={closing:!1,closed:!1},r}return(0,d["default"])(t,e),t.prototype.isPresetColor=function(e){return/^(pink|red|yellow|orange|cyan|green|blue|purple)(-inverse)?$/.test(e)},t.prototype.render=function(){var e,t=this.props,n=t.prefixCls,r=t.closable,o=t.color,a=t.className,u=t.children,l=t.style,c=M(t,["prefixCls","closable","color","className","children","style"]),f=r?v["default"].createElement(P["default"],{type:"cross",onClick:this.close}):"",p=this.isPresetColor(o),d=(0,w["default"])(n,(e={},(0,s["default"])(e,n+"-"+o,p),(0,s["default"])(e,n+"-has-color",o&&!p),(0,s["default"])(e,n+"-close",this.state.closing),e),a),h=(0,C["default"])(c,["onClose","afterClose"]),m=(0,S["default"])({backgroundColor:o&&!p?o:null},l),y=this.state.closed?null:v["default"].createElement("div",(0,i["default"])({"data-show":!this.state.closing},h,{className:d,style:m}),v["default"].createElement("span",{className:n+"-text"},u),f);return v["default"].createElement(b["default"],{component:"",showProp:"data-show",transitionName:n+"-zoom",transitionAppear:!0,onEnd:this.animationEnd},y)},t}(v["default"].Component);t["default"]=N,N.CheckableTag=k["default"],N.defaultProps={prefixCls:"ant-tag",closable:!1},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1279)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(25),y=r(m),g=n(1494),b=r(g),_=n(8),w=r(_),x=n(11),C=r(x),E=n(155),S=r(E),O=n(512),P=r(O),T=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n));r.handleChange=function(e){"value"in r.props||r.setState({value:e});var t=r.props,n=t.onChange,o=t.format,i=void 0===o?"HH:mm:ss":o;n&&n(e,e&&e.format(i)||"")},r.saveTimePicker=function(e){r.timePickerRef=e};var o=n.value||n.defaultValue;if(o&&!y["default"].isMoment(o))throw new Error("The value/defaultValue of TimePicker must be a moment object after `antd@2.0`, see: http://u.ant.design/time-picker-value");return r.state={value:o},r}return(0,d["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){"value"in e&&this.setState({value:e.value})},t.prototype.focus=function(){this.timePickerRef.focus()},t.prototype.getDefaultFormat=function(){var e=this.props,t=e.format,n=e.use12Hours;return t?t:n?"h:mm:ss a":"HH:mm:ss"},t.prototype.render=function(){var e=(0,C["default"])({},this.props);delete e.defaultValue;var t=this.getDefaultFormat(),n=(0,w["default"])(e.className,(0,s["default"])({},e.prefixCls+"-"+e.size,!!e.size)),r=function(t){return e.addon?v["default"].createElement("div",{className:e.prefixCls+"-panel-addon"},e.addon(t)):null};return v["default"].createElement(b["default"],(0,i["default"])({},e,{ref:this.saveTimePicker,format:t,className:n,value:this.state.value,placeholder:void 0===e.placeholder?this.getLocale().placeholder:e.placeholder,showHour:t.indexOf("HH")>-1||t.indexOf("h")>-1,showMinute:t.indexOf("mm")>-1,showSecond:t.indexOf("ss")>-1,onChange:this.handleChange,addon:r}))},t}(v["default"].Component);T.defaultProps={prefixCls:"ant-time-picker",align:{offset:[0,-2]},disabled:!1,disabledHours:void 0,disabledMinutes:void 0,disabledSeconds:void 0,hideDisabledOptions:!1,placement:"bottomLeft",transitionName:"slide-up"};var k=(0,S["default"])("TimePicker",P["default"]);t["default"]=k(T),e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(8),y=r(m),g=n(514),b=r(g),_=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n},w=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.prefixCls,n=e.children,r=e.pending,o=e.className,a=_(e,["prefixCls","children","pending","className"]),u="boolean"==typeof r?null:r,l=(0,y["default"])(t,(0,s["default"])({},t+"-pending",!!r),o),c=v["default"].Children.map(n,function(e,t){return v["default"].cloneElement(e,{last:t===n.length-1})}),f=r?v["default"].createElement(b["default"],{pending:!!r},u):null;return v["default"].createElement("ul",(0,i["default"])({},a,{className:l}),c,f)},t}(v["default"].Component);t["default"]=w,w.defaultProps={prefixCls:"ant-timeline"},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1888),i=r(o),a=n(514),s=r(a);i["default"].Item=s["default"],t["default"]=i["default"],e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1281)},function(e,t,n){"use strict";function r(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!e.arrowPointAtCenter)return o.placements;var t=e.arrowWidth,n=void 0===t?5:t,r=e.horizontalArrowShift,s=void 0===r?16:r,u=e.verticalArrowShift,l=void 0===u?12:u;return{left:{points:["cr","cl"],overflow:i,offset:[-4,0],targetOffset:a},right:{points:["cl","cr"],overflow:i,offset:[4,0],targetOffset:a},top:{points:["bc","tc"],overflow:i,offset:[0,-4],targetOffset:a},bottom:{points:["tc","bc"],overflow:i,offset:[0,4],targetOffset:a},topLeft:{points:["bl","tc"],overflow:i,offset:[-(s+n),-4],targetOffset:a},leftTop:{points:["tr","cl"],overflow:i,offset:[-4,-(l+n)],targetOffset:a},topRight:{points:["br","tc"],overflow:i,offset:[s+n,-4],targetOffset:a},rightTop:{points:["tl","cr"],overflow:i,offset:[4,-(l+n)],targetOffset:a},bottomRight:{points:["tr","bc"],overflow:i,offset:[s+n,4],targetOffset:a},rightBottom:{points:["bl","cr"],overflow:i,offset:[4,l+n],targetOffset:a},bottomLeft:{points:["tl","bc"],overflow:i,offset:[-(s+n),4],targetOffset:a},leftBottom:{points:["br","cl"],overflow:i,offset:[-4,l+n],targetOffset:a}}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=r;var o=n(476),i={adjustX:1,adjustY:1},a=[0,0];e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}Object.defineProperty(t,"__esModule",{value:!0});var i=n(62),a=r(i),s=n(10),u=r(s),l=n(4),c=r(l),f=n(7),p=r(f),d=n(6),h=r(d),v=n(1),m=r(v),y=n(8),g=r(y),b=n(1894),_=r(b),w=n(1895),x=r(w),C=n(515),E=r(C),S=n(155),O=r(S),P=function(e){function t(n){(0,c["default"])(this,t);var r=(0,p["default"])(this,e.call(this,n));r.moveTo=function(e){var t=r.props,n=t.targetKeys,o=void 0===n?[]:n,i=t.dataSource,a=void 0===i?[]:i,s=t.onChange,l=r.state,c=l.sourceSelectedKeys,f=l.targetSelectedKeys,p="right"===e?c:f,d=p.filter(function(e){return!a.some(function(t){return!(e!==t.key||!t.disabled)})}),h="right"===e?d.concat(o):o.filter(function(e){return d.indexOf(e)===-1}),v="right"===e?"left":"right";r.setState((0,u["default"])({},r.getSelectedKeysName(v),[])),r.handleSelectChange(v,[]),s&&s(h,e,d)},r.moveToLeft=function(){return r.moveTo("left")},r.moveToRight=function(){return r.moveTo("right")},r.handleSelectAll=function(e,t,n){var o=n?[]:t.map(function(e){return e.key});r.handleSelectChange(e,o),r.props.selectedKeys||r.setState((0,u["default"])({},r.getSelectedKeysName(e),o))},r.handleLeftSelectAll=function(e,t){return r.handleSelectAll("left",e,t)},r.handleRightSelectAll=function(e,t){return r.handleSelectAll("right",e,t)},r.handleFilter=function(e,t){r.setState((0,u["default"])({},e+"Filter",t.target.value)),r.props.onSearchChange&&r.props.onSearchChange(e,t)},r.handleLeftFilter=function(e){return r.handleFilter("left",e)},r.handleRightFilter=function(e){return r.handleFilter("right",e)},r.handleClear=function(e){r.setState((0,u["default"])({},e+"Filter",""))},r.handleLeftClear=function(){return r.handleClear("left")},r.handleRightClear=function(){return r.handleClear("right")},r.handleSelect=function(e,t,n){var o=r.state,i=o.sourceSelectedKeys,s=o.targetSelectedKeys,l="left"===e?[].concat((0,
+a["default"])(i)):[].concat((0,a["default"])(s)),c=l.indexOf(t.key);c>-1&&l.splice(c,1),n&&l.push(t.key),r.handleSelectChange(e,l),r.props.selectedKeys||r.setState((0,u["default"])({},r.getSelectedKeysName(e),l))},r.handleLeftSelect=function(e,t){return r.handleSelect("left",e,t)},r.handleRightSelect=function(e,t){return r.handleSelect("right",e,t)},r.handleScroll=function(e,t){var n=r.props.onScroll;n&&n(e,t)},r.handleLeftScroll=function(e){return r.handleScroll("left",e)},r.handleRightScroll=function(e){return r.handleScroll("right",e)};var o=n.selectedKeys,i=void 0===o?[]:o,s=n.targetKeys,l=void 0===s?[]:s;return r.state={leftFilter:"",rightFilter:"",sourceSelectedKeys:i.filter(function(e){return l.indexOf(e)===-1}),targetSelectedKeys:i.filter(function(e){return l.indexOf(e)>-1})},r}return(0,h["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){var t=this.state,n=t.sourceSelectedKeys,r=t.targetSelectedKeys;if(e.targetKeys!==this.props.targetKeys||e.dataSource!==this.props.dataSource){var o=function(e){return i.some(function(t){return t.key===e})};this.splitedDataSource=null;var i=e.dataSource,a=e.targetKeys,s=void 0===a?[]:a;this.setState({sourceSelectedKeys:n.filter(o).filter(function(e){return 0===s.filter(function(t){return t===e}).length}),targetSelectedKeys:r.filter(o).filter(function(e){return s.filter(function(t){return t===e}).length>0})})}if(e.selectedKeys){var u=e.targetKeys;this.setState({sourceSelectedKeys:e.selectedKeys.filter(function(e){return u.indexOf(e)===-1}),targetSelectedKeys:e.selectedKeys.filter(function(e){return u.indexOf(e)>-1})})}},t.prototype.splitDataSource=function(e){if(this.splitedDataSource)return this.splitedDataSource;var t=e.rowKey,n=e.dataSource,r=e.targetKeys,o=void 0===r?[]:r;t&&n.forEach(function(e){e.key=t(e)});var i=n.filter(function(e){var t=e.key;return o.indexOf(t)===-1}),a=[];return o.forEach(function(e){var t=n.filter(function(t){return t.key===e})[0];t&&a.push(t)}),this.splitedDataSource={leftDataSource:i,rightDataSource:a},this.splitedDataSource},t.prototype.handleSelectChange=function(e,t){var n=this.state,r=n.sourceSelectedKeys,o=n.targetSelectedKeys,i=this.props.onSelectChange;i&&("left"===e?i(t,o):i(r,t))},t.prototype.getTitles=function(){var e=this.props;if(e.titles)return e.titles;var t=this.getLocale();return t.titles},t.prototype.getSelectedKeysName=function(e){return"left"===e?"sourceSelectedKeys":"targetSelectedKeys"},t.prototype.render=function n(){var e=this.getLocale(),t=this.props,r=t.prefixCls,o=void 0===r?"ant-transfer":r,i=t.className,a=t.operations,s=void 0===a?[]:a,u=t.showSearch,l=t.notFoundContent,c=void 0===l?e.notFoundContent:l,f=t.searchPlaceholder,p=void 0===f?e.searchPlaceholder:f,d=t.body,h=t.footer,v=t.listStyle,y=t.filterOption,n=t.render,b=t.lazy,w=this.state,C=w.leftFilter,E=w.rightFilter,S=w.sourceSelectedKeys,O=w.targetSelectedKeys,P=this.splitDataSource(this.props),T=P.leftDataSource,k=P.rightDataSource,M=O.length>0,N=S.length>0,A=(0,g["default"])(i,o),D=this.getTitles();return m["default"].createElement("div",{className:A},m["default"].createElement(_["default"],{prefixCls:o+"-list",titleText:D[0],dataSource:T,filter:C,filterOption:y,style:v,checkedKeys:S,handleFilter:this.handleLeftFilter,handleClear:this.handleLeftClear,handleSelect:this.handleLeftSelect,handleSelectAll:this.handleLeftSelectAll,render:n,showSearch:u,searchPlaceholder:p,notFoundContent:c,itemUnit:e.itemUnit,itemsUnit:e.itemsUnit,body:d,footer:h,lazy:b,onScroll:this.handleLeftScroll}),m["default"].createElement(x["default"],{className:o+"-operation",rightActive:N,rightArrowText:s[0],moveToRight:this.moveToRight,leftActive:M,leftArrowText:s[1],moveToLeft:this.moveToLeft}),m["default"].createElement(_["default"],{prefixCls:o+"-list",titleText:D[1],dataSource:k,filter:E,filterOption:y,style:v,checkedKeys:O,handleFilter:this.handleRightFilter,handleClear:this.handleRightClear,handleSelect:this.handleRightSelect,handleSelectAll:this.handleRightSelectAll,render:n,showSearch:u,searchPlaceholder:p,notFoundContent:c,itemUnit:e.itemUnit,itemsUnit:e.itemsUnit,body:d,footer:h,lazy:b,onScroll:this.handleRightScroll}))},t}(m["default"].Component);P.List=_["default"],P.Operation=x["default"],P.Search=E["default"],P.defaultProps={dataSource:[],render:o,showSearch:!1},P.propTypes={prefixCls:v.PropTypes.string,dataSource:v.PropTypes.array,render:v.PropTypes.func,targetKeys:v.PropTypes.array,onChange:v.PropTypes.func,height:v.PropTypes.number,listStyle:v.PropTypes.object,className:v.PropTypes.string,titles:v.PropTypes.array,operations:v.PropTypes.array,showSearch:v.PropTypes.bool,filterOption:v.PropTypes.func,searchPlaceholder:v.PropTypes.string,notFoundContent:v.PropTypes.node,body:v.PropTypes.func,footer:v.PropTypes.func,rowKey:v.PropTypes.func,lazy:v.PropTypes.oneOfType([v.PropTypes.object,v.PropTypes.bool])};var T=(0,O["default"])("Transfer",{titles:["",""],searchPlaceholder:"Search",notFoundContent:"Not Found"});t["default"]=T(P),e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(10),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(8),v=r(h),m=n(152),y=r(m),g=n(11),b=r(g),_=n(1730),w=r(_),x=n(130),C=r(x),E=function(e){function t(){return(0,s["default"])(this,t),(0,l["default"])(this,e.apply(this,arguments))}return(0,f["default"])(t,e),t.prototype.shouldComponentUpdate=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return y["default"].shouldComponentUpdate.apply(this,t)},t.prototype.render=function(){var e,t=this.props,n=t.renderedText,r=t.renderedEl,o=t.item,a=t.lazy,s=t.checked,u=t.prefixCls,l=t.onClick,c=(0,v["default"])((e={},(0,i["default"])(e,u+"-content-item",!0),(0,i["default"])(e,u+"-content-item-disabled",o.disabled),e)),f=d["default"].createElement("li",{className:c,title:n,onClick:o.disabled?void 0:function(){return l(o)}},d["default"].createElement(C["default"],{checked:s,disabled:o.disabled}),d["default"].createElement("span",null,r)),p=null;if(a){var h=(0,b["default"])({height:32,offset:500,throttle:0,debounce:!1},a);p=d["default"].createElement(w["default"],h,f)}else p=f;return p},t}(d["default"].Component);t["default"]=E,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(e){return e&&!v["default"].isValidElement(e)&&"[object Object]"===Object.prototype.toString.call(e)}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(8),y=r(m),g=n(31),b=r(g),_=n(152),w=r(_),x=n(11),C=r(x),E=n(130),S=r(E),O=n(515),P=r(O),T=n(1893),k=r(T),M=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n));return r.handleSelect=function(e){var t=r.props.checkedKeys,n=t.some(function(t){return t===e.key});r.props.handleSelect(e,!n)},r.handleFilter=function(e){r.props.handleFilter(e)},r.handleClear=function(){r.props.handleClear()},r.matchFilter=function(e,t){var n=r.props,o=n.filter,i=n.filterOption;return i?i(o,t):e.indexOf(o)>=0},r.renderItem=function(e){var t=r.props.render,n=void 0===t?o:t,a=n(e),s=i(a);return{renderedText:s?a.value:a,renderedEl:s?a.label:a}},r.state={mounted:!1},r}return(0,d["default"])(t,e),t.prototype.componentDidMount=function(){var e=this;this.timer=setTimeout(function(){e.setState({mounted:!0})},0)},t.prototype.componentWillUnmount=function(){clearTimeout(this.timer)},t.prototype.shouldComponentUpdate=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return w["default"].shouldComponentUpdate.apply(this,t)},t.prototype.getCheckStatus=function(e){var t=this.props.checkedKeys;return 0===t.length?"none":e.every(function(e){return t.indexOf(e.key)>=0})?"all":"part"},t.prototype.render=function(){var e=this,t=this.props,n=t.prefixCls,r=t.dataSource,i=t.titleText,a=t.checkedKeys,u=t.lazy,l=t.body,c=void 0===l?o:l,f=t.footer,p=void 0===f?o:f,d=t.showSearch,h=t.style,m=t.filter,g=t.searchPlaceholder,_=t.notFoundContent,w=t.itemUnit,x=t.itemsUnit,E=t.onScroll,O=p((0,C["default"])({},this.props)),T=c((0,C["default"])({},this.props)),M=(0,y["default"])(n,(0,s["default"])({},n+"-with-footer",!!O)),N=[],A=[],D=r.map(function(t){var r=e.renderItem(t),o=r.renderedText,i=r.renderedEl;if(m&&m.trim()&&!e.matchFilter(o,t))return null;A.push(t),t.disabled||N.push(t);var s=a.indexOf(t.key)>=0;return v["default"].createElement(k["default"],{key:t.key,item:t,lazy:u,renderedText:o,renderedEl:i,checked:s,prefixCls:n,onClick:e.handleSelect})}),j=r.length>1?x:w,R=d?v["default"].createElement("div",{className:n+"-body-search-wrapper"},v["default"].createElement(P["default"],{prefixCls:n+"-search",onChange:this.handleFilter,handleClear:this.handleClear,placeholder:g,value:m})):null,I=T||v["default"].createElement("div",{className:d?n+"-body "+n+"-body-with-search":n+"-body"},R,v["default"].createElement(b["default"],{component:"ul",componentProps:{onScroll:E},className:n+"-content",transitionName:this.state.mounted?n+"-content-item-highlight":"",transitionLeave:!1},D),v["default"].createElement("div",{className:n+"-body-not-found"},_)),L=O?v["default"].createElement("div",{className:n+"-footer"},O):null,F=this.getCheckStatus(N),U="all"===F,V=v["default"].createElement(S["default"],{ref:"checkbox",checked:U,indeterminate:"part"===F,onChange:function(){return e.props.handleSelectAll(N,U)}});return v["default"].createElement("div",{className:M,style:h},v["default"].createElement("div",{className:n+"-header"},V,v["default"].createElement("span",{className:n+"-header-selected"},v["default"].createElement("span",null,(a.length>0?a.length+"/":"")+A.length," ",j),v["default"].createElement("span",{className:n+"-header-title"},i))),I,L)},t}(v["default"].Component);t["default"]=M,M.defaultProps={dataSource:[],titleText:"",showSearch:!1,render:o,lazy:{}},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var i=n(4),a=r(i),s=n(7),u=r(s),l=n(6),c=r(l),f=n(1),p=r(f),d=n(129),h=r(d),v=n(23),m=r(v),y=function(e){function t(){return(0,a["default"])(this,t),(0,u["default"])(this,e.apply(this,arguments))}return(0,c["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.moveToLeft,n=e.moveToRight,r=e.leftArrowText,o=e.rightArrowText,i=e.leftActive,a=e.rightActive,s=e.className,u=p["default"].createElement(h["default"],{type:"primary",size:"small",disabled:!i,onClick:t},p["default"].createElement("span",null,p["default"].createElement(m["default"],{type:"left"}),r)),l=p["default"].createElement(h["default"],{type:"primary",size:"small",disabled:!a,onClick:n},p["default"].createElement("span",null,o,p["default"].createElement(m["default"],{type:"right"})));return p["default"].createElement("div",{className:s},u,l)},t}(p["default"].Component);t["default"]=y,y.defaultProps={leftArrowText:"",rightArrowText:"",moveToLeft:o,moveToRight:o},e.exports=t["default"]},function(e,t,n){"use strict";n(14),n(1283),n(154),n(153),n(107)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.TreeSelectProps=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(1380),y=r(m),g=n(8),b=r(g),_=n(1898),w=n(155),x=r(w),C=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]]);return n};t.TreeSelectProps=_.TreeSelectProps;var E=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.render=function(){var e,t=this.getLocale(),n=this.props,r=n.prefixCls,o=n.className,a=n.size,u=n.notFoundContent,l=void 0===u?t.notFoundContent:u,c=n.dropdownStyle,f=C(n,["prefixCls","className","size","notFoundContent","dropdownStyle"]),p=(0,b["default"])((e={},(0,s["default"])(e,r+"-lg","large"===a),(0,s["default"])(e,r+"-sm","small"===a),e),o),d=f.treeCheckable;return d&&(d=v["default"].createElement("span",{className:r+"-tree-checkbox-inner"})),v["default"].createElement(y["default"],(0,i["default"])({},f,{prefixCls:r,className:p,dropdownStyle:(0,i["default"])({maxHeight:"100vh",overflow:"auto"},c),treeCheckable:d,notFoundContent:l}))},t}(v["default"].Component);E.TreeNode=m.TreeNode,E.SHOW_ALL=m.SHOW_ALL,E.SHOW_PARENT=m.SHOW_PARENT,E.SHOW_CHILD=m.SHOW_CHILD,E.defaultProps={prefixCls:"ant-select",transitionName:"slide-up",choiceTransitionName:"zoom",showSearch:!1,dropdownClassName:"ant-select-tree-dropdown"};var S=(0,x["default"])("Select",{});t["default"]=S(E)},function(e,t){"use strict"},function(e,t,n){"use strict";n(14),n(1284),n(157),n(154)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=t.AntTreeNode=void 0;var o=n(9),i=r(o),a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(390),y=r(m),g=n(301),b=r(g),_=n(8),w=r(_),x=(t.AntTreeNode=function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.render=function(){return v["default"].createElement(t,this.props)},t}(v["default"].Component),function(e){function t(){return(0,l["default"])(this,t),(0,f["default"])(this,e.apply(this,arguments))}return(0,d["default"])(t,e),t.prototype.render=function(){var e=this.props,t=e.prefixCls,n=e.className,r=e.showLine,o=e.checkable,a=(0,w["default"])((0,s["default"])({},t+"-show-line",!!r),n);return v["default"].createElement(y["default"],(0,i["default"])({},e,{className:a,checkable:o?v["default"].createElement("span",{className:t+"-checkbox-inner"}):o}),this.props.children)},t}(v["default"].Component));t["default"]=x,x.TreeNode=m.TreeNode,x.defaultProps={prefixCls:"ant-tree",checkable:!1,showIcon:!1,openAnimation:b["default"]}},function(e,t,n){"use strict";n(14),n(1285),n(154)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(9),i=r(o),a=n(4),s=r(a),u=n(7),l=r(u),c=n(6),f=r(c),p=n(1),d=r(p),h=n(516),v=r(h),m=function(e){function t(){return(0,s["default"])(this,t),(0,l["default"])(this,e.apply(this,arguments))}return(0,f["default"])(t,e),t.prototype.render=function(){var e=this.props;return d["default"].createElement(v["default"],(0,i["default"])({},e,{type:"drag",style:(0,i["default"])({},e.style,{height:e.height})}))},t}(d["default"].Component);t["default"]=m,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=void 0;var o=n(10),i=r(o),a=n(9),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(31),y=r(m),g=n(23),b=r(g),_=n(158),w=r(_),x=n(505),C=r(x),E=n(8),S=r(E),O=function(e,t){var n=new FileReader;n.onloadend=function(){return t(n.result)},n.readAsDataURL(e)},P=function(e){function t(){(0,l["default"])(this,t);var n=(0,f["default"])(this,e.apply(this,arguments));return n.handleClose=function(e){var t=n.props.onRemove;t&&t(e)},n.handlePreview=function(e,t){var r=n.props.onPreview;if(r)return t.preventDefault(),r(e)},n}return(0,d["default"])(t,e),t.prototype.componentDidUpdate=function(){var e=this;"picture"!==this.props.listType&&"picture-card"!==this.props.listType||(this.props.items||[]).forEach(function(t){"undefined"!=typeof document&&"undefined"!=typeof window&&window.FileReader&&window.File&&t.originFileObj instanceof File&&void 0===t.thumbUrl&&(t.thumbUrl="",O(t.originFileObj,function(n){t.thumbUrl=n,e.forceUpdate()}))})},t.prototype.render=function(){var e,t=this,n=this.props,r=n.prefixCls,o=n.items,a=void 0===o?[]:o,u=n.listType,l=n.showPreviewIcon,c=n.showRemoveIcon,f=n.locale,p=a.map(function(e){var n,o=void 0,a=v["default"].createElement(b["default"],{type:"uploading"===e.status?"loading":"paper-clip"});if("picture"!==u&&"picture-card"!==u||(a="uploading"===e.status||!e.thumbUrl&&!e.url?"picture-card"===u?v["default"].createElement("div",{className:r+"-list-item-uploading-text"},f.uploading):v["default"].createElement(b["default"],{className:r+"-list-item-thumbnail",type:"picture"}):v["default"].createElement("a",{className:r+"-list-item-thumbnail",onClick:function(n){return t.handlePreview(e,n)},href:e.url||e.thumbUrl,target:"_blank",rel:"noopener noreferrer"},v["default"].createElement("img",{src:e.thumbUrl||e.url,alt:e.name}))),"uploading"===e.status){var p="percent"in e?v["default"].createElement(C["default"],(0,s["default"])({type:"line"},t.props.progressAttr,{percent:e.percent})):null;o=v["default"].createElement("div",{className:r+"-list-item-progress",key:"progress"},p)}var d=(0,S["default"])((n={},(0,i["default"])(n,r+"-list-item",!0),(0,i["default"])(n,r+"-list-item-"+e.status,!0),n)),h=e.url?v["default"].createElement("a",{href:e.url,target:"_blank",rel:"noopener noreferrer",className:r+"-list-item-name",onClick:function(n){return t.handlePreview(e,n)},title:e.name},e.name):v["default"].createElement("span",{className:r+"-list-item-name",onClick:function(n){return t.handlePreview(e,n)},title:e.name},e.name),m=e.url||e.thumbUrl?void 0:{pointerEvents:"none",opacity:.5},g=l?v["default"].createElement("a",{href:e.url||e.thumbUrl,target:"_blank",rel:"noopener noreferrer",style:m,onClick:function(n){return t.handlePreview(e,n)},title:f.previewFile},v["default"].createElement(b["default"],{type:"eye-o"})):null,_=c?v["default"].createElement(b["default"],{type:"delete",title:f.removeFile,onClick:function(){return t.handleClose(e)}}):null,x=c?v["default"].createElement(b["default"],{type:"cross",title:f.removeFile,onClick:function(){return t.handleClose(e)}}):null,E="picture-card"===u&&"uploading"!==e.status?v["default"].createElement("span",{className:r+"-list-item-actions"},g,_):x,O=e.response||e.error&&e.error.statusText||f.uploadError,P="error"===e.status?v["default"].createElement(w["default"],{title:O},a,h):v["default"].createElement("span",null,a,h);return v["default"].createElement("div",{className:d,key:e.uid},v["default"].createElement("div",{className:r+"-list-item-info"},P),E,v["default"].createElement(y["default"],{transitionName:"fade",component:""},o))}),d=(0,S["default"])((e={},(0,i["default"])(e,r+"-list",!0),(0,i["default"])(e,r+"-list-"+u,!0),e)),h="picture-card"===u?"animate-inline":"animate";return v["default"].createElement(y["default"],{transitionName:r+"-"+h,component:"div",className:d},p)},t}(v["default"].Component);t["default"]=P,P.defaultProps={listType:"text",progressAttr:{strokeWidth:2,showInfo:!1},prefixCls:"ant-upload",showRemoveIcon:!0,showPreviewIcon:!0},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(516),i=r(o),a=n(1902),s=r(a);i["default"].Dragger=s["default"],t["default"]=i["default"],e.exports=t["default"]},function(e,t){"use strict"},function(e,t,n){"use strict";n(14),n(1286),n(506),n(306)},function(e,t){"use strict";function n(){return!0}function r(e){return{lastModified:e.lastModified,lastModifiedDate:e.lastModifiedDate,name:e.filename||e.name,size:e.size,type:e.type,uid:e.uid,response:e.response,error:e.error,percent:0,originFileObj:e,status:null}}function o(){var e=.1,t=.01,n=.98;return function(r){var o=r;return o>=n?o:(o+=e,e-=t,e<.001&&(e=.001),100*o)}}function i(e,t){var n=e.uid?"uid":"name";return t.filter(function(t){return t[n]===e[n]})[0]}function a(e,t){var n=e.uid?"uid":"name",r=t.filter(function(t){return t[n]!==e[n]});return r.length===t.length?null:r}Object.defineProperty(t,"__esModule",{value:!0}),t.T=n,t.fileToObject=r,t.genPercentAdd=o,t.getFileItem=i,t.removeFileItem=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(358);t["default"]=r.version,e.exports=t["default"]},function(e,t,n){"use strict";n(14)},function(e,t,n){"use strict";var r=n(1481);e.exports={locale:"en-US",data:r,messages:{"app.header.search":"Search...","app.header.menu.home":"Home","app.header.menu.practice":"Practice","app.header.menu.pattern":"Patterns","app.header.menu.components":"Components","app.header.menu.spec":"Guidlines","app.header.menu.resource":"Resources","app.header.lang":"\u4e2d\u6587","app.content.edit-page":"Edit this page on GitHub!","app.content.edit-demo":"Edit this demo on GitHub!","app.component.examples":"Examples","app.demo.copy":"Copy code","app.demo.copied":"Copied!","app.home.slogan":"A UI Design Language","app.home.introduce":"Introduce","app.home.start":"Get Started","app.home.best-practice":"Best Practice","app.home.experience":"Designed by experienced team, and showcase dozens of inspiring projects.","app.home.design-pattern":"Design Pattern","app.home.pattern":"Provide solutions for usual problems that may be encountered while developing enterprise-like complex UIs.","app.home.reusable-components":"Dozens of Reusable Components","app.home.components-intro":"Dozens of flexible and practical reusable components that increase your productivity.","app.home.learn-more":"Learn more","app.home.sub-slogan":"A Little Happiness in Hand","app.home.vision":"This is a design language dedicated to improve the user and design experience.","app.footer.repo":"Repository","app.footer.awesome":"Awesome Ant Design","app.footer.customize-theme":"Customize Theme","app.footer.scaffold":"Scaffold","app.footer.dev-tools":"Developer Tools","app.footer.dva":"Framework","app.footer.links":"Links","app.footer.mobile":"Mobile UI","app.footer.data-vis":"Data Visualization","app.footer.eggjs":"Enterprise Node Framework","app.footer.motion":"Motion Soluction","app.footer.antd-library":"Axure library","app.footer.design-platform":"Ant Financial Design Platform","app.footer.antux":"Sitemap Template","app.footer.community":"Community","app.footer.change-log":"Change Log","app.footer.faq":"FAQ","app.footer.feedback":"Feedback","app.footer.stackoverflow":"StackOverflow","app.footer.segmentfault":"SegmentFault","app.footer.discuss-en":"Chat Room (English)","app.footer.discuss-cn":"Chat Room (\u4e2d\u6587)","app.footer.bug-report":"Bug Report","app.footer.issues":"Issues","app.footer.version":"Version: ","app.footer.author":"Created by AIUX","app.publish.title":"antd@2.0.0 is released!","app.publish.greeting":"Hello, ","app.publish.intro":" is released, and please upgrade. ","app.publish.old-version-guide":"If you want to read old version documentation, please visit ","app.publish.old-version-tips":", or change the version of documentation with the bottom-right selector."}}},function(e,t,n){"use strict";function r(e){var t=new RegExp("^docs/"+e);return function(e){var n=e.meta.filename;if(t.test(n)&&!/\/demo$/.test(o.dirname(n)))return{meta:e.meta}}}var o=n(540),i="./template/Home/index",a="./template/Content/index";e.exports={lazyLoad:function(e,t){return"string"==typeof t||e.endsWith("/demo")},pick:{components:function(e){var t=e.meta.filename;if(/^components/.test(t)&&!/[\/\\]demo$/.test(o.dirname(t)))return{meta:e.meta}},changelog:function(e){if(/CHANGELOG/.test(e.meta.filename))return{meta:e.meta}},"docs/pattern":r("pattern"),"docs/react":r("react"),"docs/resource":r("resource"),"docs/spec":r("spec")},plugins:["bisheng-plugin-description","bisheng-plugin-toc?maxDepth=2&keepElem","bisheng-plugin-antd","bisheng-plugin-react?lang=__react"],routes:{path:"/",component:"./template/Layout/index",indexRoute:{component:i},childRoutes:[{path:"index-cn",component:i},{path:"docs/pattern/:children",component:a},{path:"docs/react/:children",component:a},{path:"changelog",component:a},{path:"changelog-cn",component:a},{path:"components/:children/",component:a},{path:"docs/spec/:children",component:a},{path:"docs/resource/:children",component:a}]}}},function(e,t,n){"use strict";n(1288),n(1287)},function(e,t,n){"use strict";var r=n(1482);e.exports={locale:"zh-CN",data:r,messages:{"app.header.search":"\u5168\u6587\u672c\u641c\u7d22...","app.header.menu.home":"\u9996\u9875","app.header.menu.practice":"\u5b9e\u8df5","app.header.menu.pattern":"\u6a21\u5f0f","app.header.menu.components":"\u7ec4\u4ef6","app.header.menu.spec":"\u6307\u5f15","app.header.menu.resource":"\u8d44\u6e90","app.header.lang":"EN","app.content.edit-page":"\u5728 Github \u4e0a\u7f16\u8f91\u6b64\u9875\uff01","app.content.edit-demo":"\u5728 Github \u4e0a\u7f16\u8f91\u6b64\u793a\u4f8b\uff01","app.component.examples":"\u4ee3\u7801\u6f14\u793a","app.demo.copy":"\u590d\u5236\u4ee3\u7801","app.demo.copied":"\u590d\u5236\u6210\u529f","app.home.slogan":"\u4e00\u4e2a UI \u8bbe\u8ba1\u8bed\u8a00","app.home.introduce":"\u8bbe\u8ba1\u89c4\u8303","app.home.start":"\u5f00\u53d1\u6307\u5f15","app.home.best-practice":"\u6700\u4f73\u5b9e\u8df5","app.home.experience":"\u8fd1\u4e00\u5e74\u7684\u4e2d\u540e\u53f0\u8bbe\u8ba1\u5b9e\u8df5\uff0c\u79ef\u7d2f\u4e86\u5927\u91cf\u7684\u4f18\u79c0\u6848\u4f8b\u3002","app.home.design-pattern":"\u8bbe\u8ba1\u6a21\u5f0f","app.home.pattern":"\u603b\u7ed3\u4e2d\u540e\u53f0\u8bbe\u8ba1\u4e2d\u53cd\u590d\u51fa\u73b0\u7684\u95ee\u9898\uff0c\u5e76\u63d0\u4f9b\u76f8\u5e94\u7684\u89e3\u51b3\u65b9\u6848\u3002","app.home.reusable-components":"\u4e30\u5bcc\u7684\u57fa\u7840\u7ec4\u4ef6","app.home.components-intro":"\u4e30\u5bcc\u3001\u7075\u6d3b\u3001\u5b9e\u7528\u7684\u57fa\u7840\u7ec4\u4ef6\uff0c\u4e3a\u4e1a\u52a1\u4ea7\u54c1\u63d0\u4f9b\u5f3a\u6709\u529b\u7684\u8bbe\u8ba1\u652f\u6301\u3002","app.home.learn-more":"\u4e86\u89e3\u66f4\u591a","app.home.sub-slogan":"\u5fae\u5c0f\xb7\u786e\u5b9a\xb7\u5e78\u798f","app.home.vision":"\u8fd9\u662f\u4e00\u5957\u81f4\u529b\u4e8e\u63d0\u5347\u300e\u7528\u6237\u300f\u548c\u300e\u8bbe\u8ba1\u8005\u300f\u4f7f\u7528\u4f53\u9a8c\u7684\u4e2d\u540e\u53f0\u8bbe\u8ba1\u8bed\u8a00\u3002","app.footer.repo":"\u6e90\u7801\u4ed3\u5e93","app.footer.awesome":"Awesome Ant Design","app.footer.customize-theme":"\u5b9a\u5236\u4e3b\u9898","app.footer.scaffold":"\u811a\u624b\u67b6","app.footer.dev-tools":"\u5f00\u53d1\u5de5\u5177","app.footer.dva":"\u5e94\u7528\u6846\u67b6","app.footer.links":"\u76f8\u5173\u7ad9\u70b9","app.footer.mobile":"\u79fb\u52a8\u7248","app.footer.data-vis":"\u6570\u636e\u53ef\u89c6\u5316","app.footer.eggjs":"\u4f01\u4e1a\u7ea7 Node \u5f00\u53d1\u6846\u67b6","app.footer.motion":"\u8bbe\u8ba1\u52a8\u6548","app.footer.antd-library":"Axure \u90e8\u4ef6\u5e93","app.footer.design-platform":"\u8682\u8681\u91d1\u670d\u8bbe\u8ba1\u5e73\u53f0","app.footer.antux":"\u9875\u9762\u903b\u8f91\u7d20\u6750","app.footer.community":"\u793e\u533a","app.footer.change-log":"\u66f4\u65b0\u8bb0\u5f55","app.footer.faq":"\u5e38\u89c1\u95ee\u9898","app.footer.feedback":"\u53cd\u9988\u548c\u5efa\u8bae","app.footer.stackoverflow":"StackOverflow","app.footer.segmentfault":"SegmentFault","app.footer.discuss-en":"\u5728\u7ebf\u8ba8\u8bba (English)","app.footer.discuss-cn":"\u5728\u7ebf\u8ba8\u8bba (\u4e2d\u6587)","app.footer.bug-report":"\u62a5\u544a Bug","app.footer.issues":"\u8ba8\u8bba\u5217\u8868","app.footer.version":"\u6587\u6863\u7248\u672c\uff1a","app.footer.author":"\u8682\u8681\u91d1\u670d\u4f53\u9a8c\u6280\u672f\u90e8\u51fa\u54c1","app.publish.title":"antd@2.0.0 \u53d1\u5e03\uff01","app.publish.greeting":"\u4f60\u597d\uff0c","app.publish.intro":" \u5df2\u6b63\u5f0f\u53d1\u5e03\uff0c\u6b22\u8fce\u5347\u7ea7\u3002","app.publish.old-version-guide":"\u5982\u679c\u60a8\u8fd8\u9700\u8981\u4f7f\u7528\u65e7\u7248\uff0c\u8bf7\u67e5\u9605 ","app.publish.old-version-tips":"\uff0c\u4e5f\u53ef\u901a\u8fc7\u9875\u9762\u53f3\u4e0b\u89d2\u7684\u6587\u6863\u7248\u672c\u9009\u62e9\u6846\u8fdb\u884c\u5207\u6362\u3002"}}},function(e,t,n){(function(e){"use strict";function t(e,t,n){e[t]||Object[r](e,t,{writable:!0,configurable:!0,value:n})}if(n(1724),n(347),n(1499),e._babelPolyfill)throw new Error("only one instance of babel-polyfill is allowed");e._babelPolyfill=!0;var r="defineProperty";t(String.prototype,"padLeft","".padStart),t(String.prototype,"padRight","".padEnd),"pop,reverse,shift,keys,values,entries,indexOf,every,some,forEach,map,filter,find,findIndex,includes,join,slice,concat,push,splice,unshift,sort,lastIndexOf,reduce,reduceRight,copyWithin,fill".split(",").forEach(function(e){[][e]&&t(Array,e,Function.call.bind([][e]))})}).call(t,function(){return this}())},function(e,t,n){e.exports={"default":n(1500),__esModule:!0}},function(e,t,n){e.exports={"default":n(1501),__esModule:!0}},function(e,t,n){e.exports={"default":n(1502),__esModule:!0}},function(e,t,n){e.exports={"default":n(1503),__esModule:!0}},function(e,t,n){e.exports={"default":n(1504),__esModule:!0}},function(e,t,n){e.exports={"default":n(1505),__esModule:!0}},function(e,t,n){e.exports={"default":n(1506),__esModule:!0}},function(e,t,n){e.exports={"default":n(1507),__esModule:!0}},function(e,t,n){e.exports={"default":n(1508),__esModule:!0}},function(e,t,n){e.exports={"default":n(1509),__esModule:!0}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(1922),i=r(o);t["default"]=function(e){return function(){var t=e.apply(this,arguments);return new i["default"](function(e,n){function r(o,a){try{var s=t[o](a),u=s.value}catch(l){return void n(l)}return s.done?void e(u):i["default"].resolve(u).then(function(e){r("next",e)},function(e){r("throw",e)})}return r("next")})}}},function(e,t,n){e.exports=n(607)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(e,t){var n=e["page"+(t?"Y":"X")+"Offset"],r="scroll"+(t?"Top":"Left");if("number"!=typeof n){var o=e.document;n=o.documentElement[r],"number"!=typeof n&&(n=o.body[r])}return n}function a(e,t){var n=e.style;["Webkit","Moz","Ms","ms"].forEach(function(e){n[e+"TransformOrigin"]=t}),n.transformOrigin=t}function s(e){var t=e.getBoundingClientRect(),n={left:t.left,top:t.top},r=e.ownerDocument,o=r.defaultView||r.parentWindow;return n.left+=i(o),n.top+=i(o,!0),n}Object.defineProperty(t,"__esModule",{value:!0});var u=n(1),l=r(u),c=n(2),f=r(c),p=n(80),d=r(p),h=n(31),v=r(h),m=n(1929),y=r(m),g=n(1759),b=r(g),_=n(11),w=r(_),x=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},C=0,E=0,S=l["default"].createClass({displayName:"Dialog",getDefaultProps:function(){return{afterClose:o,className:"",mask:!0,visible:!1,keyboard:!0,closable:!0,maskClosable:!0,prefixCls:"rc-dialog",onClose:o}},componentWillMount:function(){this.inTransition=!1,this.titleId="rcDialogTitle"+C++},componentDidMount:function(){this.componentDidUpdate({})},componentDidUpdate:function(e){var t=this.props,n=this.props.mousePosition;if(t.visible){if(!e.visible){this.openTime=Date.now(),this.lastOutSideFocusNode=document.activeElement,this.addScrollingEffect(),this.refs.wrap.focus();var r=f["default"].findDOMNode(this.refs.dialog);if(n){var o=s(r);a(r,n.x-o.left+"px "+(n.y-o.top)+"px")}else a(r,"")}}else if(e.visible&&(this.inTransition=!0,t.mask&&this.lastOutSideFocusNode)){try{this.lastOutSideFocusNode.focus()}catch(i){this.lastOutSideFocusNode=null}this.lastOutSideFocusNode=null}},componentWillUnmount:function(){(this.props.visible||this.inTransition)&&this.removeScrollingEffect()},onAnimateLeave:function(){this.refs.wrap&&(this.refs.wrap.style.display="none"),this.inTransition=!1,this.removeScrollingEffect(),this.props.afterClose()},onMaskClick:function(e){Date.now()-this.openTime<300||e.target===e.currentTarget&&this.close(e)},onKeyDown:function(e){var t=this.props;if(t.keyboard&&e.keyCode===d["default"].ESC&&this.close(e),t.visible&&e.keyCode===d["default"].TAB){var n=document.activeElement,r=this.refs.wrap,o=this.refs.sentinel;
+e.shiftKey?n===r&&o.focus():n===this.refs.sentinel&&r.focus()}},getDialogElement:function(){var e=this.props,t=e.closable,n=e.prefixCls,r={};void 0!==e.width&&(r.width=e.width),void 0!==e.height&&(r.height=e.height);var o=void 0;e.footer&&(o=l["default"].createElement("div",{className:n+"-footer",ref:"footer"},e.footer));var i=void 0;e.title&&(i=l["default"].createElement("div",{className:n+"-header",ref:"header"},l["default"].createElement("div",{className:n+"-title",id:this.titleId},e.title)));var a=void 0;t&&(a=l["default"].createElement("button",{onClick:this.close,"aria-label":"Close",className:n+"-close"},l["default"].createElement("span",{className:n+"-close-x"})));var s=(0,w["default"])({},e.style,r),u=this.getTransitionName(),c=l["default"].createElement(y["default"],{key:"dialog-element",role:"document",ref:"dialog",style:s,className:n+" "+(e.className||""),visible:e.visible},l["default"].createElement("div",{className:n+"-content"},a,i,l["default"].createElement("div",x({className:n+"-body",style:e.bodyStyle,ref:"body"},e.bodyProps),e.children),o),l["default"].createElement("div",{tabIndex:0,ref:"sentinel",style:{width:0,height:0,overflow:"hidden"}},"sentinel"));return l["default"].createElement(v["default"],{key:"dialog",showProp:"visible",onLeave:this.onAnimateLeave,transitionName:u,component:"",transitionAppear:!0},c)},getZIndexStyle:function(){var e={},t=this.props;return void 0!==t.zIndex&&(e.zIndex=t.zIndex),e},getWrapStyle:function(){return(0,w["default"])({},this.getZIndexStyle(),this.props.wrapStyle)},getMaskStyle:function(){return(0,w["default"])({},this.getZIndexStyle(),this.props.maskStyle)},getMaskElement:function(){var e=this.props,t=void 0;if(e.mask){var n=this.getMaskTransitionName();t=l["default"].createElement(y["default"],x({style:this.getMaskStyle(),key:"mask",className:e.prefixCls+"-mask",hiddenClassName:e.prefixCls+"-mask-hidden",visible:e.visible},e.maskProps)),n&&(t=l["default"].createElement(v["default"],{key:"mask",showProp:"visible",transitionAppear:!0,component:"",transitionName:n},t))}return t},getMaskTransitionName:function(){var e=this.props,t=e.maskTransitionName,n=e.maskAnimation;return!t&&n&&(t=e.prefixCls+"-"+n),t},getTransitionName:function(){var e=this.props,t=e.transitionName,n=e.animation;return!t&&n&&(t=e.prefixCls+"-"+n),t},getElement:function(e){return this.refs[e]},setScrollbar:function(){this.bodyIsOverflowing&&void 0!==this.scrollbarWidth&&(document.body.style.paddingRight=this.scrollbarWidth+"px")},addScrollingEffect:function(){E++,1===E&&(this.checkScrollbar(),this.setScrollbar(),document.body.style.overflow="hidden")},removeScrollingEffect:function(){E--,0===E&&(document.body.style.overflow="",this.resetScrollbar())},close:function(e){this.props.onClose(e)},checkScrollbar:function(){var e=window.innerWidth;if(!e){var t=document.documentElement.getBoundingClientRect();e=t.right-Math.abs(t.left)}this.bodyIsOverflowing=document.body.clientWidth<e,this.bodyIsOverflowing&&(this.scrollbarWidth=(0,b["default"])())},resetScrollbar:function(){document.body.style.paddingRight=""},adjustDialog:function(){if(this.refs.wrap&&void 0!==this.scrollbarWidth){var e=this.refs.wrap.scrollHeight>document.documentElement.clientHeight;this.refs.wrap.style.paddingLeft=(!this.bodyIsOverflowing&&e?this.scrollbarWidth:"")+"px",this.refs.wrap.style.paddingRight=(this.bodyIsOverflowing&&!e?this.scrollbarWidth:"")+"px"}},resetAdjustments:function(){this.refs.wrap&&(this.refs.wrap.style.paddingLeft=this.refs.wrap.style.paddingLeft="")},render:function(){var e=this.props,t=e.prefixCls,n=e.maskClosable,r=this.getWrapStyle();return e.visible&&(r.display=null),l["default"].createElement("div",null,this.getMaskElement(),l["default"].createElement("div",x({tabIndex:-1,onKeyDown:this.onKeyDown,className:t+"-wrap "+(e.wrapClassName||""),ref:"wrap",onClick:n?this.onMaskClick:void 0,role:"dialog","aria-labelledby":e.title?this.titleId:null,style:r},e.wrapProps),this.getDialogElement()))}});t["default"]=S,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),i=r(o),a=n(1927),s=r(a),u=n(479),l=r(u),c=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},f=i["default"].createClass({displayName:"DialogWrap",mixins:[(0,l["default"])({isVisible:function(e){return e.props.visible},autoDestroy:!1,getComponent:function(e,t){return i["default"].createElement(s["default"],c({},e.props,t,{key:"dialog"}))},getContainer:function(e){if(e.props.getContainer)return e.props.getContainer();var t=document.createElement("div");return document.body.appendChild(t),t}})],getDefaultProps:function(){return{visible:!1}},shouldComponentUpdate:function(e){var t=e.visible;return!(!this.props.visible&&!t)},componentWillUnmount:function(){this.props.visible?this.renderComponent({afterClose:this.removeContainer,onClose:function(){},visible:!1}):this.removeContainer()},getElement:function(e){return this._component.getElement(e)},render:function(){return null}});t["default"]=f,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),i=r(o),a=n(11),s=r(a),u=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},l=i["default"].createClass({displayName:"LazyRenderBox",shouldComponentUpdate:function(e){return!!e.hiddenClassName||!!e.visible},render:function(){var e=this.props.className;this.props.hiddenClassName&&!this.props.visible&&(e+=" "+this.props.hiddenClassName);var t=(0,s["default"])({},this.props);return delete t.hiddenClassName,delete t.visible,t.className=e,i["default"].createElement("div",u({},t))}});t["default"]=l,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(1),s=r(a),u=n(2),l=n(298),c=r(l),f=n(196),p=r(f),d=n(168),h=r(d),v=n(204),m=s["default"].createClass({displayName:"DropdownMenu",propTypes:{defaultActiveFirstOption:a.PropTypes.bool,value:a.PropTypes.any,dropdownMenuStyle:a.PropTypes.object,multiple:a.PropTypes.bool,onPopupFocus:a.PropTypes.func,onMenuDeSelect:a.PropTypes.func,onMenuSelect:a.PropTypes.func,prefixCls:a.PropTypes.string,menuItems:a.PropTypes.any,inputValue:a.PropTypes.string,visible:a.PropTypes.bool},componentWillMount:function(){this.lastInputValue=this.props.inputValue},componentDidMount:function(){this.scrollActiveItemToView(),this.lastVisible=this.props.visible},shouldComponentUpdate:function(e){return e.visible||(this.lastVisible=!1),e.visible},componentDidUpdate:function(e){var t=this.props;!e.visible&&t.visible&&this.scrollActiveItemToView(),this.lastVisible=t.visible,this.lastInputValue=t.inputValue},scrollActiveItemToView:function(){var e=(0,u.findDOMNode)(this.firstActiveItem);e&&(0,h["default"])(e,(0,u.findDOMNode)(this.refs.menu),{onlyScrollIfNeeded:!0})},renderMenu:function(){var e=this,t=this.props,n=t.menuItems,r=t.defaultActiveFirstOption,o=t.value,u=t.prefixCls,l=t.multiple,f=t.onMenuSelect,d=t.inputValue;if(n&&n.length){var h={};l?(h.onDeselect=t.onMenuDeselect,h.onSelect=f):h.onClick=f;var m=(0,v.getSelectKeys)(n,o),y={},g=n;if(m.length){t.visible&&!this.lastVisible&&(y.activeKey=m[0]);var b=!1,_=function(t){return b||m.indexOf(t.key)===-1?t:(b=!0,(0,a.cloneElement)(t,{ref:function(t){e.firstActiveItem=t}}))};g=n.map(function(e){if(e.type.isMenuItemGroup){var t=(0,c["default"])(e.props.children).map(_);return(0,a.cloneElement)(e,{},t)}return _(e)})}return d!==this.lastInputValue&&(y.activeKey=""),s["default"].createElement(p["default"],(0,i["default"])({ref:"menu",style:this.props.dropdownMenuStyle,defaultActiveFirst:r},y,{multiple:l,focusable:!1},h,{selectedKeys:m,prefixCls:u+"-menu"}),g)}return null},render:function(){var e=this.renderMenu();return e?s["default"].createElement("div",{style:{overflow:"auto"},onFocus:this.props.onPopupFocus,onMouseDown:v.preventDefaultEvent},e):null}});t["default"]=m,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(1),s=r(a),u=n(204),l=n(196),c=n(424),f=r(c);t["default"]={filterOption:function p(e,t){if(!e)return!0;var p=this.props.filterOption;return!p||!t.props.disabled&&("function"!=typeof p||p.call(this,e,t))},renderFilterOptions:function(e){return this.renderFilterOptionsFromChildren(this.props.children,!0,e)},renderFilterOptionsFromChildren:function(e,t,n){var r=this,o=[],a=this.props,c=void 0===n?this.state.inputValue:n,p=[],d=a.tags;if(s["default"].Children.forEach(e,function(e){if(e.type.isSelectOptGroup){var t=r.renderFilterOptionsFromChildren(e.props.children,!1);if(t.length){var n=e.props.label,a=e.key;a||"string"!=typeof n?!n&&a&&(n=a):a=n,o.push(s["default"].createElement(l.ItemGroup,{key:a,title:n},t))}}else{(0,f["default"])(e.type.isSelectOption,"the children of `Select` should be `Select.Option` or `Select.OptGroup`, "+("instead of `"+(e.type.name||e.type.displayName||e.type)+"`."));var h=(0,u.getValuePropValue)(e);r.filterOption(c,e)&&o.push(s["default"].createElement(l.Item,(0,i["default"])({style:u.UNSELECTABLE_STYLE,attribute:u.UNSELECTABLE_ATTRIBUTE,value:h,key:h},e.props))),d&&!e.props.disabled&&p.push(h)}}),d){var h=this.state.value||[];if(h=h.filter(function(e){return p.indexOf(e.key)===-1&&(!c||String(e.key).indexOf(String(c))>-1)}),o=o.concat(h.map(function(e){var t=e.key;return s["default"].createElement(l.Item,{style:u.UNSELECTABLE_STYLE,attribute:u.UNSELECTABLE_ATTRIBUTE,value:t,key:t},t)})),c){var v=o.every(function(e){return(0,u.getValuePropValue)(e)!==c});v&&o.unshift(s["default"].createElement(l.Item,{style:u.UNSELECTABLE_STYLE,attribute:u.UNSELECTABLE_ATTRIBUTE,value:c,key:c},c))}}return!o.length&&t&&a.notFoundContent&&(o=[s["default"].createElement(l.Item,{style:u.UNSELECTABLE_STYLE,attribute:u.UNSELECTABLE_ATTRIBUTE,disabled:!0,value:"NOT_FOUND",key:"NOT_FOUND"},a.notFoundContent)]),o}},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=function(e){function t(){return(0,i["default"])(this,t),(0,s["default"])(this,e.apply(this,arguments))}return(0,l["default"])(t,e),t}(f["default"].Component);p.isSelectOptGroup=!0,t["default"]=p,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=function(e){function t(){return(0,i["default"])(this,t),(0,s["default"])(this,e.apply(this,arguments))}return(0,l["default"])(t,e),t}(f["default"].Component);p.propTypes={value:f["default"].PropTypes.string},p.isSelectOption=!0,t["default"]=p,e.exports=t["default"]},function(e,t,n){"use strict";function r(e,t,n){var r=o.PropTypes.shape({key:o.PropTypes.string.isRequired,label:o.PropTypes.string});if(!e.labelInValue){if(e.multiple&&""===e[t])return new Error("Invalid prop `"+t+"` of type `string` supplied to `"+n+"`, expected `array` when `multiple` is `true`.");var i=o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.string),o.PropTypes.string]);return i.apply(void 0,arguments)}var a=o.PropTypes.oneOfType([o.PropTypes.arrayOf(r),r]),s=a.apply(void 0,arguments);if(s)return new Error("Invalid prop `"+t+"` supplied to `"+n+"`, "+("when you set `labelInValue` to `true`, `"+t+"` should in ")+"shape of `{ key: string, label?: string }`.")}Object.defineProperty(t,"__esModule",{value:!0}),t.SelectPropTypes=void 0;var o=n(1);t.SelectPropTypes={defaultActiveFirstOption:o.PropTypes.bool,multiple:o.PropTypes.bool,filterOption:o.PropTypes.any,children:o.PropTypes.any,showSearch:o.PropTypes.bool,disabled:o.PropTypes.bool,allowClear:o.PropTypes.bool,showArrow:o.PropTypes.bool,tags:o.PropTypes.bool,prefixCls:o.PropTypes.string,className:o.PropTypes.string,transitionName:o.PropTypes.string,optionLabelProp:o.PropTypes.string,optionFilterProp:o.PropTypes.string,animation:o.PropTypes.string,choiceTransitionName:o.PropTypes.string,onChange:o.PropTypes.func,onBlur:o.PropTypes.func,onFocus:o.PropTypes.func,onSelect:o.PropTypes.func,onSearch:o.PropTypes.func,placeholder:o.PropTypes.any,onDeselect:o.PropTypes.func,labelInValue:o.PropTypes.bool,value:r,defaultValue:r,dropdownStyle:o.PropTypes.object,maxTagTextLength:o.PropTypes.number,tokenSeparators:o.PropTypes.arrayOf(o.PropTypes.string),getInputElement:o.PropTypes.func}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(e,t){return String((0,E.getPropValue)(t,this.props.optionFilterProp)).indexOf(e)>-1}function a(e,t){this[e]=t}function s(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(){for(var e=arguments.length,n=Array(e),r=0;r<e;r++)n[r]=arguments[r];for(var o=0;o<t.length;o++)t[o]&&"function"==typeof t[o]&&t[o].apply(this,n)}}Object.defineProperty(t,"__esModule",{value:!0});var u=n(10),l=r(u),c=n(9),f=r(c),p=n(1),d=r(p),h=n(2),v=r(h),m=n(80),y=r(m),g=n(8),b=r(g),_=n(31),w=r(_),x=n(229),C=r(x),E=n(204),S=n(1936),O=r(S),P=n(1931),T=r(P),k=n(1934),M=d["default"].createClass({displayName:"Select",propTypes:k.SelectPropTypes,mixins:[T["default"]],getDefaultProps:function(){return{prefixCls:"rc-select",filterOption:i,defaultOpen:!1,labelInValue:!1,defaultActiveFirstOption:!0,showSearch:!0,allowClear:!1,placeholder:"",onChange:o,onFocus:o,onBlur:o,onSelect:o,onSearch:o,onDeselect:o,showArrow:!0,dropdownMatchSelectWidth:!0,dropdownStyle:{},dropdownMenuStyle:{},optionFilterProp:"value",optionLabelProp:"value",notFoundContent:"Not Found"}},getInitialState:function(){var e=this.props,t=[];t="value"in e?(0,E.toArray)(e.value):(0,E.toArray)(e.defaultValue),t=this.addLabelToValue(e,t),t=this.addTitleToValue(e,t);var n="";e.combobox&&(n=t.length?this.getLabelFromProps(e,t[0].key):""),this.saveInputRef=a.bind(this,"inputInstance"),this.saveInputMirrorRef=a.bind(this,"inputMirrorInstance");var r=e.open;return void 0===r&&(r=e.defaultOpen),{value:t,inputValue:n,open:r}},componentWillMount:function(){this.adjustOpenState()},componentWillReceiveProps:function(e){if("value"in e){var t=(0,E.toArray)(e.value);t=this.addLabelToValue(e,t),t=this.addTitleToValue(e,t),this.setState({value:t}),e.combobox&&this.setState({inputValue:t.length?this.getLabelFromProps(e,t[0].key):""})}},componentWillUpdate:function(e,t){this.props=e,this.state=t,this.adjustOpenState()},componentDidUpdate:function(){if((0,E.isMultipleOrTags)(this.props)){var e=this.getInputDOMNode(),t=this.getInputMirrorDOMNode();e.value?(e.style.width="",e.style.width=t.clientWidth+"px"):e.style.width=""}},componentWillUnmount:function(){this.clearBlurTime(),this.clearAdjustTimer(),this.dropdownContainer&&(v["default"].unmountComponentAtNode(this.dropdownContainer),document.body.removeChild(this.dropdownContainer),this.dropdownContainer=null)},onInputChange:function(e){var t=this.props.tokenSeparators,n=e.target.value;if((0,E.isMultipleOrTags)(this.props)&&t&&(0,E.includesSeparators)(n,t)){var r=this.tokenize(n);return this.fireChange(r),this.setOpenState(!1,!0),void this.setInputValue("",!1)}this.setInputValue(n),this.setState({open:!0}),(0,E.isCombobox)(this.props)&&this.fireChange([{key:n}])},onDropdownVisibleChange:function(e){this.setOpenState(e)},onKeyDown:function(e){var t=this.props;if(!t.disabled){var n=e.keyCode;this.state.open&&!this.getInputDOMNode()?this.onInputKeyDown(e):n!==y["default"].ENTER&&n!==y["default"].DOWN||(this.setOpenState(!0),e.preventDefault())}},onInputKeyDown:function(e){var t=this.props;if(!t.disabled){var n=this.state,r=e.keyCode;if((0,E.isMultipleOrTags)(t)&&!e.target.value&&r===y["default"].BACKSPACE){e.preventDefault();var o=n.value;return void(o.length&&this.removeSelected(o[o.length-1].key))}if(r===y["default"].DOWN){if(!n.open)return this.openIfHasChildren(),e.preventDefault(),void e.stopPropagation()}else if(r===y["default"].ESC)return void(n.open&&(this.setOpenState(!1),e.preventDefault(),e.stopPropagation()));if(n.open){var i=this.refs.trigger.getInnerMenu();i&&i.onKeyDown(e)&&(e.preventDefault(),e.stopPropagation())}}},onMenuSelect:function(e){var t=this,n=e.item,r=this.state.value,o=this.props,i=(0,E.getValuePropValue)(n),a=this.getLabelFromOption(n),s=i;o.labelInValue&&(s={key:s,label:a}),o.onSelect(s,n);var u=n.props.title;if((0,E.isMultipleOrTags)(o)){if((0,E.findIndexInValueByKey)(r,i)!==-1)return;r=r.concat([{key:i,label:a,title:u}])}else{if((0,E.isCombobox)(o)&&(this.skipAdjustOpen=!0,this.clearAdjustTimer(),this.skipAdjustOpenTimer=setTimeout(function(){t.skipAdjustOpen=!1},0)),r.length&&r[0].key===i)return void this.setOpenState(!1,!0);r=[{key:i,label:a,title:u}],this.setOpenState(!1,!0)}this.fireChange(r);var l=void 0;l=(0,E.isCombobox)(o)?(0,E.getPropValue)(n,o.optionLabelProp):"",this.setInputValue(l,!1)},onMenuDeselect:function(e){var t=e.item,n=e.domEvent;"click"===n.type&&this.removeSelected((0,E.getValuePropValue)(t)),this.setInputValue("",!1)},onArrowClick:function(e){e.stopPropagation(),this.props.disabled||this.setOpenState(!this.state.open,!this.state.open)},onPlaceholderClick:function(){this.getInputDOMNode()&&this.getInputDOMNode().focus()},onOuterFocus:function(e){((0,E.isMultipleOrTagsOrCombobox)(this.props)||e.target!==this.getInputDOMNode())&&(this.clearBlurTime(),this._focused=!0,this.updateFocusClassName(),this.props.onFocus())},onPopupFocus:function(){this.maybeFocus(!0,!0)},onOuterBlur:function(){var e=this;this.blurTimer=setTimeout(function(){e._focused=!1,e.updateFocusClassName();var t=e.props,n=e.state.value,r=e.state.inputValue;if((0,E.isSingleMode)(t)&&t.showSearch&&r&&t.defaultActiveFirstOption){var o=e._options||[];if(o.length){var i=(0,E.findFirstMenuItem)(o);i&&(n=[{key:i.key,label:e.getLabelFromOption(i)}],e.fireChange(n))}}else(0,E.isMultipleOrTags)(t)&&r&&(e.state.inputValue=e.getInputDOMNode().value="");t.onBlur(e.getVLForOnChange(n))},10)},onClearSelection:function(e){var t=this.props,n=this.state;if(!t.disabled){var r=n.inputValue,o=n.value;e.stopPropagation(),(r||o.length)&&(o.length&&this.fireChange([]),this.setOpenState(!1,!0),r&&this.setInputValue(""))}},onChoiceAnimationLeave:function(){this.refs.trigger.refs.trigger.forcePopupAlign()},getLabelBySingleValue:function(e,t){var n=this;if(void 0===t)return null;var r=null;return d["default"].Children.forEach(e,function(e){if(e.type.isSelectOptGroup){var o=n.getLabelBySingleValue(e.props.children,t);null!==o&&(r=o)}else(0,E.getValuePropValue)(e)===t&&(r=n.getLabelFromOption(e))}),r},getValueByLabel:function(e,t){var n=this;if(void 0===t)return null;var r=null;return d["default"].Children.forEach(e,function(e){if(e.type.isSelectOptGroup){var o=n.getValueByLabel(e.props.children,t);null!==o&&(r=o)}else(0,E.toArray)(n.getLabelFromOption(e)).join("")===t&&(r=(0,E.getValuePropValue)(e))}),r},getLabelFromOption:function(e){return(0,E.getPropValue)(e,this.props.optionLabelProp)},getLabelFromProps:function(e,t){return this.getLabelByValue(e.children,t)},getVLForOnChange:function(e){var t=e;return void 0!==t?(t=this.props.labelInValue?t.map(function(e){return{key:e.key,label:e.label}}):t.map(function(e){return e.key}),(0,E.isMultipleOrTags)(this.props)?t:t[0]):t},getLabelByValue:function(e,t){var n=this.getLabelBySingleValue(e,t);return null===n?t:n},getDropdownContainer:function(){return this.dropdownContainer||(this.dropdownContainer=document.createElement("div"),document.body.appendChild(this.dropdownContainer)),this.dropdownContainer},getPlaceholderElement:function(){var e=this.props,t=this.state,n=!1;t.inputValue&&(n=!0),t.value.length&&(n=!0),(0,E.isCombobox)(e)&&1===t.value.length&&!t.value[0].key&&(n=!1);var r=e.placeholder;return r?d["default"].createElement("div",(0,f["default"])({onMouseDown:E.preventDefaultEvent,style:(0,f["default"])({display:n?"none":"block"},E.UNSELECTABLE_STYLE)},E.UNSELECTABLE_ATTRIBUTE,{onClick:this.onPlaceholderClick,className:e.prefixCls+"-selection__placeholder"}),r):null},getInputElement:function(){var e=this.props,t=e.getInputElement?e.getInputElement():d["default"].createElement("input",null),n=(0,b["default"])(t.props.className,(0,l["default"])({},e.prefixCls+"-search__field",!0));return d["default"].createElement("div",{className:e.prefixCls+"-search__field__wrap"},d["default"].cloneElement(t,{ref:this.saveInputRef,onChange:this.onInputChange,onKeyDown:s(this.onInputKeyDown,t.props.onKeyDown),value:this.state.inputValue,disabled:e.disabled,className:n}),d["default"].createElement("span",{ref:this.saveInputMirrorRef,className:e.prefixCls+"-search__field__mirror"},this.state.inputValue,"\xa0"))},getInputDOMNode:function(){return this.topCtrlNode?this.topCtrlNode.querySelector("input,textarea,div[contentEditable]"):this.inputInstance},getInputMirrorDOMNode:function(){return this.inputMirrorInstance},getPopupDOMNode:function(){return this.refs.trigger.getPopupDOMNode()},getPopupMenuComponent:function(){return this.refs.trigger.getInnerMenu()},setOpenState:function(e,t){var n=this,r=this.props,o=this.state;if(o.open===e)return void this.maybeFocus(e,t);var i={open:e};!e&&(0,E.isSingleMode)(r)&&r.showSearch&&this.setInputValue(""),e||this.maybeFocus(e,t),this.setState(i,function(){e&&n.maybeFocus(e,t)})},setInputValue:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e!==this.state.inputValue&&(this.setState({inputValue:e}),t&&this.props.onSearch(e))},clearBlurTime:function(){this.blurTimer&&(clearTimeout(this.blurTimer),this.blurTimer=null)},clearAdjustTimer:function(){this.skipAdjustOpenTimer&&(clearTimeout(this.skipAdjustOpenTimer),this.skipAdjustOpenTimer=null)},updateFocusClassName:function(){var e=this.refs,t=this.props;this._focused?(0,C["default"])(e.root).add(t.prefixCls+"-focused"):(0,C["default"])(e.root).remove(t.prefixCls+"-focused")},maybeFocus:function(e,t){if(t||e){var n=this.getInputDOMNode(),r=document,o=r.activeElement;if(n&&(e||(0,E.isMultipleOrTagsOrCombobox)(this.props)))o!==n&&n.focus();else{var i=this.refs.selection;o!==i&&i.focus()}}},addLabelToValue:function(e,t){var n=this,r=t;return e.labelInValue?r.forEach(function(t){t.label=t.label||n.getLabelFromProps(e,t.key)}):r=r.map(function(t){return{key:t,label:n.getLabelFromProps(e,t)}}),r},addTitleToValue:function(e,t){var n=this,r=t,o=t.map(function(e){return e.key});return d["default"].Children.forEach(e.children,function(e){if(e.type.isSelectOptGroup)r=n.addTitleToValue(e.props,r);else{var t=(0,E.getValuePropValue)(e),i=o.indexOf(t);i>-1&&(r[i].title=e.props.title)}}),r},removeSelected:function(e){var t=this.props;if(!t.disabled&&!this.isChildDisabled(e)){var n=void 0,r=this.state.value.filter(function(t){return t.key===e&&(n=t.label),t.key!==e}),o=(0,E.isMultipleOrTags)(t);if(o){var i=e;t.labelInValue&&(i={key:e,label:n}),t.onDeselect(i)}this.fireChange(r)}},openIfHasChildren:function(){var e=this.props;(d["default"].Children.count(e.children)||(0,E.isSingleMode)(e))&&this.setOpenState(!0)},fireChange:function(e){var t=this.props;"value"in t||this.setState({value:e}),t.onChange(this.getVLForOnChange(e))},isChildDisabled:function(e){return(0,E.toArray)(this.props.children).some(function(t){var n=(0,E.getValuePropValue)(t);return n===e&&t.props&&t.props.disabled})},tokenize:function(e){var t=this,n=this.props,r=n.multiple,o=n.tokenSeparators,i=n.children,a=this.state.value;return(0,E.splitBySeparators)(e,o).forEach(function(e){var n={key:e,label:e};if((0,E.findIndexInValueByLabel)(a,e)===-1)if(r){var o=t.getValueByLabel(i,e);o&&(n.key=o,a=a.concat(n))}else a=a.concat(n)}),a},adjustOpenState:function(){if(!this.skipAdjustOpen){var e=this.state.open;"undefined"!=typeof document&&this.getInputDOMNode()&&document.activeElement===this.getInputDOMNode()&&(e=!0);var t=[];e&&(t=this.renderFilterOptions()),this._options=t,!(0,E.isMultipleOrTagsOrCombobox)(this.props)&&this.props.showSearch||e&&!t.length&&(e=!1),this.state.open=e}},renderTopControlNode:function(){var e=this,t=this.state,n=t.value,r=t.open,o=t.inputValue,i=this.props,a=i.choiceTransitionName,s=i.prefixCls,u=i.maxTagTextLength,l=i.showSearch,c=s+"-selection__rendered",p=null;if((0,E.isSingleMode)(i)){var h=null;if(n.length){var v=!1,m=1;l&&r?(v=!o,v&&(m=.4)):v=!0;var y=n[0];h=d["default"].createElement("div",{key:"value",className:s+"-selection-selected-value",title:y.title||y.label,style:{display:v?"block":"none",opacity:m}},n[0].label)}p=l?[h,d["default"].createElement("div",{className:s+"-search "+s+"-search--inline",key:"input",style:{display:r?"block":"none"}},this.getInputElement())]:[h]}else{var g=[];(0,E.isMultipleOrTags)(i)&&(g=n.map(function(t){var n=t.label,r=t.title||n;u&&"string"==typeof n&&n.length>u&&(n=n.slice(0,u)+"...");var o=e.isChildDisabled(t.key),i=o?s+"-selection__choice "+s+"-selection__choice__disabled":s+"-selection__choice";return d["default"].createElement("li",(0,f["default"])({style:E.UNSELECTABLE_STYLE},E.UNSELECTABLE_ATTRIBUTE,{onMouseDown:E.preventDefaultEvent,className:i,key:t.key,title:r}),d["default"].createElement("div",{className:s+"-selection__choice__content"},n),o?null:d["default"].createElement("span",{className:s+"-selection__choice__remove",onClick:e.removeSelected.bind(e,t.key)}))})),g.push(d["default"].createElement("li",{className:s+"-search "+s+"-search--inline",key:"__input"},this.getInputElement())),p=(0,E.isMultipleOrTags)(i)&&a?d["default"].createElement(w["default"],{onLeave:this.onChoiceAnimationLeave,component:"ul",transitionName:a},g):d["default"].createElement("ul",null,g)}return d["default"].createElement("div",{className:c,ref:function(t){return e.topCtrlNode=t}},this.getPlaceholderElement(),p)},render:function(){var e,t=this.props,n=(0,E.isMultipleOrTags)(t),r=this.state,o=t.className,i=t.disabled,a=t.allowClear,s=t.prefixCls,u=this.renderTopControlNode(),c={},p=this.state.open,h=this._options;(0,E.isMultipleOrTagsOrCombobox)(t)||(c={onKeyDown:this.onKeyDown,tabIndex:0});var v=(e={},(0,l["default"])(e,o,!!o),(0,l["default"])(e,s,1),(0,l["default"])(e,s+"-open",p),(0,l["default"])(e,s+"-focused",p||!!this._focused),(0,l["default"])(e,s+"-combobox",(0,E.isCombobox)(t)),(0,l["default"])(e,s+"-disabled",i),(0,l["default"])(e,s+"-enabled",!i),(0,l["default"])(e,s+"-allow-clear",!!t.allowClear),e),m=(0,f["default"])({},E.UNSELECTABLE_STYLE,{display:"none"});(r.inputValue||r.value.length)&&(m.display="block");var y=d["default"].createElement("span",(0,f["default"])({key:"clear",onMouseDown:E.preventDefaultEvent,style:m},E.UNSELECTABLE_ATTRIBUTE,{className:s+"-selection__clear",onClick:this.onClearSelection}));return d["default"].createElement(O["default"],{onPopupFocus:this.onPopupFocus,dropdownAlign:t.dropdownAlign,dropdownClassName:t.dropdownClassName,dropdownMatchSelectWidth:t.dropdownMatchSelectWidth,defaultActiveFirstOption:t.defaultActiveFirstOption,dropdownMenuStyle:t.dropdownMenuStyle,transitionName:t.transitionName,animation:t.animation,prefixCls:t.prefixCls,dropdownStyle:t.dropdownStyle,combobox:t.combobox,showSearch:t.showSearch,options:h,multiple:n,disabled:i,visible:p,inputValue:r.inputValue,value:r.value,onDropdownVisibleChange:this.onDropdownVisibleChange,getPopupContainer:t.getPopupContainer,onMenuSelect:this.onMenuSelect,onMenuDeselect:this.onMenuDeselect,ref:"trigger"},d["default"].createElement("div",{style:t.style,ref:"root",onBlur:this.onOuterBlur,onFocus:this.onOuterFocus,className:(0,b["default"])(v)},d["default"].createElement("div",(0,f["default"])({ref:"selection",key:"selection",className:s+"-selection\n            "+s+"-selection--"+(n?"multiple":"single"),role:"combobox","aria-autocomplete":"list","aria-haspopup":"true","aria-expanded":p},c),u,a?y:null,n||!t.showArrow?null:d["default"].createElement("span",(0,f["default"])({key:"arrow",className:s+"-arrow",style:E.UNSELECTABLE_STYLE},E.UNSELECTABLE_ATTRIBUTE,{onClick:this.onArrowClick}),d["default"].createElement("b",null)))))}});t["default"]=M,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(10),i=r(o),a=n(70),s=r(a),u=n(9),l=r(u),c=n(92),f=r(c),p=n(1),d=r(p),h=n(8),v=r(h),m=n(1930),y=r(m),g=n(2),b=r(g),_=n(204),w={bottomLeft:{points:["tl","bl"],offset:[0,4],overflow:{adjustX:0,adjustY:1}},topLeft:{points:["bl","tl"],offset:[0,-4],overflow:{adjustX:0,adjustY:1}}},x=d["default"].createClass({displayName:"SelectTrigger",propTypes:{onPopupFocus:p.PropTypes.func,dropdownMatchSelectWidth:p.PropTypes.bool,dropdownAlign:p.PropTypes.object,visible:p.PropTypes.bool,disabled:p.PropTypes.bool,showSearch:p.PropTypes.bool,dropdownClassName:p.PropTypes.string,multiple:p.PropTypes.bool,inputValue:p.PropTypes.string,filterOption:p.PropTypes.any,options:p.PropTypes.any,prefixCls:p.PropTypes.string,popupClassName:p.PropTypes.string,children:p.PropTypes.any},componentDidUpdate:function(){var e=this.props,t=e.visible,n=e.dropdownMatchSelectWidth;if(t){var r=this.getPopupDOMNode();if(r){var o=n?"width":"minWidth";r.style[o]=b["default"].findDOMNode(this).offsetWidth+"px"}}},getInnerMenu:function(){return this.popupMenu&&this.popupMenu.refs.menu},getPopupDOMNode:function(){return this.refs.trigger.getPopupDomNode()},getDropdownElement:function(e){var t=this.props;return d["default"].createElement(y["default"],(0,l["default"])({ref:this.saveMenu},e,{prefixCls:this.getDropdownPrefixCls(),onMenuSelect:t.onMenuSelect,onMenuDeselect:t.onMenuDeselect,value:t.value,defaultActiveFirstOption:t.defaultActiveFirstOption,dropdownMenuStyle:t.dropdownMenuStyle}))},getDropdownTransitionName:function(){var e=this.props,t=e.transitionName;return!t&&e.animation&&(t=this.getDropdownPrefixCls()+"-"+e.animation),t},getDropdownPrefixCls:function(){return this.props.prefixCls+"-dropdown"},saveMenu:function(e){this.popupMenu=e},render:function(){var e,t=this.props,n=t.onPopupFocus,r=(0,s["default"])(t,["onPopupFocus"]),o=r.multiple,a=r.visible,u=r.inputValue,c=r.dropdownAlign,p=r.disabled,h=r.showSearch,m=r.dropdownClassName,y=this.getDropdownPrefixCls(),g=(e={},(0,i["default"])(e,m,!!m),(0,i["default"])(e,y+"--"+(o?"multiple":"single"),1),e),b=this.getDropdownElement({menuItems:r.options,onPopupFocus:n,multiple:o,inputValue:u,visible:a}),x=void 0;return x=p?[]:(0,_.isSingleMode)(r)&&!h?["click"]:["blur"],d["default"].createElement(f["default"],(0,l["default"])({},r,{showAction:p?[]:["click"],hideAction:x,ref:"trigger",popupPlacement:"bottomLeft",builtinPlacements:w,prefixCls:y,popupTransitionName:this.getDropdownTransitionName(),onPopupVisibleChange:r.onDropdownVisibleChange,popup:b,popupAlign:c,popupVisible:a,getPopupContainer:r.getPopupContainer,popupClassName:(0,v["default"])(g),popupStyle:r.dropdownStyle}),r.children)}});t["default"]=x,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(10),a=o(i),s=n(62),u=o(s),l=n(9),c=o(l),f=n(4),p=o(f),d=n(7),h=o(d),v=n(6),m=o(v),y=n(1),g=o(y),b=n(12),_=o(b),w=n(8),x=o(w),C=n(522),E=o(C),S=n(523),O=o(S),P=n(323),T=r(P),k=function(e){function t(n){(0,p["default"])(this,t);var r=(0,h["default"])(this,e.call(this,n));r.onEnd=function(){r.setState({handle:null}),r.removeDocumentEvents(),r.props.onAfterChange(r.getValue())};var o=n.count,i=n.min,a=n.max,s=Array.apply(null,Array(o+1)).map(function(){return i}),u="defaultValue"in n?n.defaultValue:s,l=void 0!==n.value?n.value:u,c=l.map(function(e){return r.trimAlignValue(e);
+}),f=c[0]===a?0:c.length-1;return r.state={handle:null,recent:f,bounds:c},r}return(0,m["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){var t=this;if("value"in e||"min"in e||"max"in e){var n=this.state.bounds,r=e.value||n,o=r.map(function(n){return t.trimAlignValue(n,e)});o.length===n.length&&o.every(function(e,t){return e===n[t]})||(this.setState({bounds:o}),n.some(function(t){return T.isValueOutOfRange(t,e)})&&this.props.onChange(o))}},t.prototype.onChange=function(e){var t=this.props,n=!("value"in t);n?this.setState(e):void 0!==e.handle&&this.setState({handle:e.handle});var r=(0,c["default"])({},this.state,e),o=r.bounds;t.onChange(o)},t.prototype.onStart=function(e){var t=this.props,n=this.state,r=this.getValue();t.onBeforeChange(r);var o=this.calcValueByPos(e);this.startValue=o,this.startPosition=e;var i=this.getClosestBound(o),a=this.getBoundNeedMoving(o,i);this.setState({handle:a,recent:a});var s=r[a];if(o!==s){var l=[].concat((0,u["default"])(n.bounds));l[a]=o,this.onChange({bounds:l})}},t.prototype.onMove=function(e,t){T.pauseEvent(e);var n=this.props,r=this.state,o=this.calcValueByPos(t),i=r.bounds[r.handle];if(o!==i){var a=[].concat((0,u["default"])(r.bounds));a[r.handle]=o;var s=r.handle;if(n.pushable!==!1){var l=r.bounds[s];this.pushSurroundingHandles(a,s,l)}else n.allowCross&&(a.sort(function(e,t){return e-t}),s=a.indexOf(o));this.onChange({handle:s,bounds:a})}},t.prototype.getValue=function(){return this.state.bounds},t.prototype.getClosestBound=function(e){for(var t=this.state.bounds,n=0,r=1;r<t.length-1;++r)e>t[r]&&(n=r);return Math.abs(t[n+1]-e)<Math.abs(t[n]-e)&&(n+=1),n},t.prototype.getBoundNeedMoving=function(e,t){var n=this.state,r=n.bounds,o=n.recent,i=t,a=r[t+1]===r[t];return a&&(i=o),a&&e!==r[t+1]&&(i=e<r[t+1]?t:t+1),i},t.prototype.getLowerBound=function(){return this.state.bounds[0]},t.prototype.getUpperBound=function(){var e=this.state.bounds;return e[e.length-1]},t.prototype.getPoints=function(){var e=this.props,t=e.marks,n=e.step,r=e.min,o=e.max,i=this._getPointsCache;if(!i||i.marks!==t||i.step!==n){var a=(0,c["default"])({},t);if(null!==n)for(var s=r;s<=o;s+=n)a[s]=s;var u=Object.keys(a).map(parseFloat);u.sort(function(e,t){return e-t}),this._getPointsCache={marks:t,step:n,points:u}}return this._getPointsCache.points},t.prototype.pushSurroundingHandles=function(e,t,n){var r=this.props.pushable,o=e[t],i=0;if(e[t+1]-o<r&&(i=1),o-e[t-1]<r&&(i=-1),0!==i){var a=t+i,s=i*(e[a]-o);this.pushHandle(e,a,i,r-s)||(e[t]=n)}},t.prototype.pushHandle=function(e,t,n,r){for(var o=e[t],i=e[t];n*(i-o)<r;){if(!this.pushHandleOnePoint(e,t,n))return e[t]=o,!1;i=e[t]}return!0},t.prototype.pushHandleOnePoint=function(e,t,n){var r=this.getPoints(),o=r.indexOf(e[t]),i=o+n;if(i>=r.length||i<0)return!1;var a=t+n,s=r[i],u=this.props.pushable,l=n*(e[a]-s);return!!this.pushHandle(e,a,n,u-l)&&(e[t]=s,!0)},t.prototype.trimAlignValue=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=(0,c["default"])({},this.props,t),r=T.ensureValueInRange(e,n),o=this.ensureValueNotConflict(r,n);return T.ensureValuePrecision(o,n)},t.prototype.ensureValueNotConflict=function(e,t){var n=t.allowCross,r=this.state||{},o=r.handle,i=r.bounds;if(!n&&null!=o){if(o>0&&e<=i[o-1])return i[o-1];if(o<i.length-1&&e>=i[o+1])return i[o+1]}return e},t.prototype.render=function(){var e=this,t=this.state,n=t.handle,r=t.bounds,o=this.props,i=o.prefixCls,s=o.vertical,u=o.included,l=o.disabled,c=o.handle,f=r.map(function(t){return e.calcOffset(t)}),p=i+"-handle",d=r.map(function(t,r){var o;return c({className:(0,x["default"])((o={},(0,a["default"])(o,p,!0),(0,a["default"])(o,p+"-"+(r+1),!0),o)),vertical:s,offset:f[r],value:t,dragging:n===r,index:r,disabled:l,ref:function(t){return e.saveHandle(r,t)}})}),h=r.slice(0,-1).map(function(e,t){var n,r=t+1,o=(0,x["default"])((n={},(0,a["default"])(n,i+"-track",!0),(0,a["default"])(n,i+"-track-"+r,!0),n));return g["default"].createElement(E["default"],{className:o,vertical:s,included:u,offset:f[r-1],length:f[r]-f[r-1],key:r})});return{tracks:h,handles:d}},t}(g["default"].Component);k.displayName="Range",k.propTypes={defaultValue:_["default"].arrayOf(_["default"].number),value:_["default"].arrayOf(_["default"].number),count:_["default"].number,pushable:_["default"].oneOfType([_["default"].bool,_["default"].number]),allowCross:_["default"].bool,disabled:_["default"].bool},k.defaultProps={count:1,allowCross:!0,pushable:!1},t["default"]=(0,O["default"])(k),e.exports=t["default"]},function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t["default"]=e,t}function o(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(9),a=o(i),s=n(4),u=o(s),l=n(7),c=o(l),f=n(6),p=o(f),d=n(1),h=o(d),v=n(12),m=o(v),y=n(522),g=o(y),b=n(523),_=o(b),w=n(323),x=r(w),C=function(e){function t(n){(0,u["default"])(this,t);var r=(0,c["default"])(this,e.call(this,n));r.onEnd=function(){r.setState({dragging:!1}),r.removeDocumentEvents(),r.props.onAfterChange(r.getValue())};var o=void 0!==n.defaultValue?n.defaultValue:n.min,i=void 0!==n.value?n.value:o;return r.state={value:r.trimAlignValue(i),dragging:!1},r}return(0,p["default"])(t,e),t.prototype.componentWillReceiveProps=function(e){if("value"in e||"min"in e||"max"in e){var t=this.state.value,n=void 0!==e.value?e.value:t,r=this.trimAlignValue(n,e);r!==t&&(this.setState({value:r}),x.isValueOutOfRange(n,e)&&this.props.onChange(r))}},t.prototype.onChange=function(e){var t=this.props,n=!("value"in t);n&&this.setState(e);var r=e.value;t.onChange(r)},t.prototype.onStart=function(e){this.setState({dragging:!0});var t=this.props,n=this.getValue();t.onBeforeChange(n);var r=this.calcValueByPos(e);this.startValue=r,this.startPosition=e,r!==n&&this.onChange({value:r})},t.prototype.onMove=function(e,t){x.pauseEvent(e);var n=this.state,r=this.calcValueByPos(t),o=n.value;r!==o&&this.onChange({value:r})},t.prototype.getValue=function(){return this.state.value},t.prototype.getLowerBound=function(){return this.props.min},t.prototype.getUpperBound=function(){return this.state.value},t.prototype.trimAlignValue=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=(0,a["default"])({},this.props,t),r=x.ensureValueInRange(e,n);return x.ensureValuePrecision(r,n)},t.prototype.render=function(){var e=this,t=this.props,n=t.prefixCls,r=t.vertical,o=t.included,i=t.disabled,a=t.minimumTrackStyle,s=t.handleStyle,u=t.handle,l=this.state,c=l.value,f=l.dragging,p=this.calcOffset(c),d=u({className:n+"-handle",vertical:r,offset:p,value:c,dragging:f,disabled:i,handleStyle:s,ref:function(t){return e.saveHandle(0,t)}}),v=h["default"].createElement(g["default"],{className:n+"-track",vertical:r,included:o,offset:0,length:p,minimumTrackStyle:a});return{tracks:v,handles:d}},t}(h["default"].Component);C.displayName="Slider",C.propTypes={defaultValue:m["default"].number,value:m["default"].number,disabled:m["default"].bool},C.defaultProps={},t["default"]=(0,_["default"])(C),e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(47),s=r(a),u=n(10),l=r(u),c=n(1),f=r(c),p=n(8),d=r(p),h=function(e){var t=e.className,n=e.vertical,r=e.marks,o=e.included,a=e.upperBound,u=e.lowerBound,c=e.max,p=e.min,h=Object.keys(r),v=h.length,m=100/(v-1),y=.9*m,g=c-p,b=h.map(parseFloat).sort(function(e,t){return e-t}).map(function(e){var c,h=!o&&e===a||o&&e<=a&&e>=u,v=(0,d["default"])((c={},(0,l["default"])(c,t+"-text",!0),(0,l["default"])(c,t+"-text-active",h),c)),m={marginBottom:"-50%",bottom:(e-p)/g*100+"%"},b={width:y+"%",marginLeft:-y/2+"%",left:(e-p)/g*100+"%"},_=n?m:b,w=r[e],x="object"===("undefined"==typeof w?"undefined":(0,s["default"])(w))&&!f["default"].isValidElement(w),C=x?w.label:w,E=x?(0,i["default"])({},_,w.style):_;return f["default"].createElement("span",{className:v,style:E,key:e},C)});return f["default"].createElement("div",{className:t},b)};t["default"]=h,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(10),i=r(o),a=n(1),s=r(a),u=n(8),l=r(u),c=n(45),f=r(c),p=function(e,t,n,r,o,i){(0,f["default"])(!n||r>0,"`Slider[step]` should be a positive number in order to make Slider[dots] work.");var a=Object.keys(t).map(parseFloat);if(n)for(var s=o;s<=i;s+=r)a.indexOf(s)>=0||a.push(s);return a},d=function(e){var t=e.prefixCls,n=e.vertical,r=e.marks,o=e.dots,a=e.step,u=e.included,c=e.lowerBound,f=e.upperBound,d=e.max,h=e.min,v=d-h,m=p(n,r,o,a,h,d).map(function(e){var r,o=Math.abs(e-h)/v*100+"%",a=n?{bottom:o}:{left:o},p=!u&&e===f||u&&e<=f&&e>=c,d=(0,l["default"])((r={},(0,i["default"])(r,t+"-dot",!0),(0,i["default"])(r,t+"-dot-active",p),r));return s["default"].createElement("span",{className:d,style:a,key:e})});return s["default"].createElement("div",{className:t+"-step"},m)};t["default"]=d,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){var n=e["page"+(t?"Y":"X")+"Offset"],r="scroll"+(t?"Top":"Left");if("number"!=typeof n){var o=e.document;n=o.documentElement[r],"number"!=typeof n&&(n=o.body[r])}return n}function i(e){var t=void 0,n=void 0,r=void 0,i=e.ownerDocument,a=i.body,s=i&&i.documentElement;t=e.getBoundingClientRect(),n=t.left,r=t.top,n-=s.clientLeft||a.clientLeft||0,r-=s.clientTop||a.clientTop||0;var u=i.defaultView||i.parentWindow;return n+=o(u),r+=o(u,!0),{left:n,top:r}}function a(e,t){var n=e.refs,r=n.nav||n.root,o=i(r),a=n.inkBar,s=n.activeTab,u=a.style,c=e.props.tabBarPosition;if(t&&(u.display="none"),s){var f=s,p=i(f),d=(0,l.isTransformSupported)(u);if("top"===c||"bottom"===c){var h=p.left-o.left;d?((0,l.setTransform)(u,"translate3d("+h+"px,0,0)"),u.width=f.offsetWidth+"px",u.height=""):(u.left=h+"px",u.top="",u.bottom="",u.right=r.offsetWidth-h-f.offsetWidth+"px")}else{var v=p.top-o.top;d?((0,l.setTransform)(u,"translate3d(0,"+v+"px,0)"),u.height=f.offsetHeight+"px",u.width=""):(u.left="",u.right="",u.top=v+"px",u.bottom=r.offsetHeight-v-f.offsetHeight+"px")}}u.display=s?"block":"none"}Object.defineProperty(t,"__esModule",{value:!0});var s=n(10),u=r(s);t.getScroll=o;var l=n(324),c=n(1),f=r(c),p=n(8),d=r(p);t["default"]={getDefaultProps:function(){return{inkBarAnimated:!0}},componentDidUpdate:function(){a(this)},componentDidMount:function(){a(this,!0)},getInkBarNode:function(){var e,t=this.props,n=t.prefixCls,r=t.styles,o=t.inkBarAnimated,i=n+"-ink-bar",a=(0,d["default"])((e={},(0,u["default"])(e,i,!0),(0,u["default"])(e,o?i+"-animated":i+"-no-animated",!0),e));return f["default"].createElement("div",{style:r.inkBar,className:a,key:"inkBar",ref:"inkBar"})}}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={LEFT:37,UP:38,RIGHT:39,DOWN:40},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),i=r(o),a=n(1941),s=r(a),u=n(1944),l=r(u),c=n(1945),f=r(c),p=i["default"].createClass({displayName:"ScrollableInkTabBar",mixins:[f["default"],s["default"],l["default"]],render:function(){var e=this.getInkBarNode(),t=this.getTabs(),n=this.getScrollBarNode([e,t]);return this.getRootNode(n)}});t["default"]=p,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(10),i=r(o),a=n(8),s=r(a),u=n(324),l=n(1),c=r(l);t["default"]={getDefaultProps:function(){return{scrollAnimated:!0,onPrevClick:function(){},onNextClick:function(){}}},getInitialState:function(){return this.offset=0,{next:!1,prev:!1}},componentDidMount:function(){this.componentDidUpdate()},componentDidUpdate:function(e){var t=this.props;if(e&&e.tabBarPosition!==t.tabBarPosition)return void this.setOffset(0);var n=this.setNextPrev();this.isNextPrevShown(this.state)!==this.isNextPrevShown(n)?this.setState({},this.scrollToActiveTab):e&&t.activeKey===e.activeKey||this.scrollToActiveTab()},setNextPrev:function(){var e=this.refs.nav,t=this.getOffsetWH(e),n=this.refs.navWrap,r=this.getOffsetWH(n),o=this.offset,i=r-t,a=this.state,s=a.next,u=a.prev;return i>=0?(s=!1,this.setOffset(0,!1),o=0):i<o?s=!0:(s=!1,this.setOffset(i,!1),o=i),u=o<0,this.setNext(s),this.setPrev(u),{next:s,prev:u}},getOffsetWH:function(e){var t=this.props.tabBarPosition,n="offsetWidth";return"left"!==t&&"right"!==t||(n="offsetHeight"),e[n]},getOffsetLT:function(e){var t=this.props.tabBarPosition,n="left";return"left"!==t&&"right"!==t||(n="top"),e.getBoundingClientRect()[n]},setOffset:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=Math.min(0,e);if(this.offset!==n){this.offset=n;var r={},o=this.props.tabBarPosition,i=this.refs.nav.style,a=(0,u.isTransformSupported)(i);r="left"===o||"right"===o?a?{value:"translate3d(0,"+n+"px,0)"}:{name:"top",value:n+"px"}:a?{value:"translate3d("+n+"px,0,0)"}:{name:"left",value:n+"px"},a?(0,u.setTransform)(i,r.value):i[r.name]=r.value,t&&this.setNextPrev()}},setPrev:function(e){this.state.prev!==e&&this.setState({prev:e})},setNext:function(e){this.state.next!==e&&this.setState({next:e})},isNextPrevShown:function(e){return e.next||e.prev},scrollToActiveTab:function(){var e=this.refs,t=e.activeTab,n=e.navWrap;if(t){var r=this.getOffsetWH(t),o=this.getOffsetWH(n),i=this.offset,a=this.getOffsetLT(n),s=this.getOffsetLT(t);a>s?(i+=a-s,this.setOffset(i)):a+o<s+r&&(i-=s+r-(a+o),this.setOffset(i))}},prev:function(e){this.props.onPrevClick(e);var t=this.refs.navWrap,n=this.getOffsetWH(t),r=this.offset;this.setOffset(r+n)},next:function(e){this.props.onNextClick(e);var t=this.refs.navWrap,n=this.getOffsetWH(t),r=this.offset;this.setOffset(r-n)},getScrollBarNode:function(e){var t,n,r=this.state,o=r.next,a=r.prev,u=this.props,l=u.prefixCls,f=u.scrollAnimated,p=void 0,d=void 0,h=a||o;if(h){var v,m;d=c["default"].createElement("span",{onClick:a?this.prev:null,unselectable:"unselectable",className:(0,s["default"])((v={},(0,i["default"])(v,l+"-tab-prev",1),(0,i["default"])(v,l+"-tab-btn-disabled",!a),v))},c["default"].createElement("span",{className:l+"-tab-prev-icon"})),p=c["default"].createElement("span",{onClick:o?this.next:null,unselectable:"unselectable",className:(0,s["default"])((m={},(0,i["default"])(m,l+"-tab-next",1),(0,i["default"])(m,l+"-tab-btn-disabled",!o),m))},c["default"].createElement("span",{className:l+"-tab-next-icon"}))}var y=l+"-nav",g=(0,s["default"])((t={},(0,i["default"])(t,y,!0),(0,i["default"])(t,f?y+"-animated":y+"-no-animated",!0),t));return c["default"].createElement("div",{className:(0,s["default"])((n={},(0,i["default"])(n,l+"-nav-container",1),(0,i["default"])(n,l+"-nav-container-scrolling",h),n)),key:"container",ref:"container"},d,p,c["default"].createElement("div",{className:l+"-nav-wrap",ref:"navWrap"},c["default"].createElement("div",{className:l+"-nav-scroll"},c["default"].createElement("div",{className:g,ref:"nav"},e))))}},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(10),i=r(o),a=n(9),s=r(a),u=n(1),l=r(u),c=n(8),f=r(c),p={"float":"right"};t["default"]={getDefaultProps:function(){return{styles:{}}},onTabClick:function(e){this.props.onTabClick(e)},getTabs:function(){var e=this,t=this.props,n=t.panels,r=t.activeKey,o=[],i=t.prefixCls;return l["default"].Children.forEach(n,function(t){if(t){var n=t.key,a=r===n?i+"-tab-active":"";a+=" "+i+"-tab";var u={};t.props.disabled?a+=" "+i+"-tab-disabled":u={onClick:e.onTabClick.bind(e,n)};var c={};r===n&&(c.ref="activeTab"),o.push(l["default"].createElement("div",(0,s["default"])({role:"tab","aria-disabled":t.props.disabled?"true":"false","aria-selected":r===n?"true":"false"},u,{className:a,key:n},c),t.props.tab))}}),o},getRootNode:function(e){var t,n=this.props,r=n.prefixCls,o=n.onKeyDown,a=n.className,s=n.extraContent,u=n.style,c=(0,f["default"])((t={},(0,i["default"])(t,r+"-bar",1),(0,i["default"])(t,a,!!a),t));return l["default"].createElement("div",{role:"tablist",className:c,tabIndex:"0",ref:"root",onKeyDown:o,style:u},s?l["default"].createElement("div",{style:p,key:"extra"},s):null,e)}},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(10),s=r(a),u=n(1),l=r(u),c=n(8),f=r(c),p=n(324),d=l["default"].createClass({displayName:"TabContent",propTypes:{animated:u.PropTypes.bool,animatedWithMargin:u.PropTypes.bool,prefixCls:u.PropTypes.string,children:u.PropTypes.any,activeKey:u.PropTypes.string,style:u.PropTypes.any,tabBarPosition:u.PropTypes.string},getDefaultProps:function(){return{animated:!0}},getTabPanes:function(){var e=this.props,t=e.activeKey,n=e.children,r=[];return l["default"].Children.forEach(n,function(n){if(n){var o=n.key,i=t===o;r.push(l["default"].cloneElement(n,{active:i,destroyInactiveTabPane:e.destroyInactiveTabPane,rootPrefixCls:e.prefixCls}))}}),r},render:function(){var e,t=this.props,n=t.prefixCls,r=t.children,o=t.activeKey,a=t.tabBarPosition,u=t.animated,c=t.animatedWithMargin,d=t.style,h=(0,f["default"])((e={},(0,s["default"])(e,n+"-content",!0),(0,s["default"])(e,u?n+"-content-animated":n+"-content-no-animated",!0),e));if(u){var v=(0,p.getActiveIndex)(r,o);if(v!==-1){var m=c?(0,p.getMarginStyle)(v,a):(0,p.getTransformPropValue)((0,p.getTransformByIndex)(v,a));d=(0,i["default"])({},d,m)}else d=(0,i["default"])({},d,{display:"none"})}return l["default"].createElement("div",{className:h,style:d},this.getTabPanes())}});t["default"]=d,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(e){var t=void 0;return l["default"].Children.forEach(e.children,function(e){!e||t||e.props.disabled||(t=e.key)}),t}Object.defineProperty(t,"__esModule",{value:!0});var a=n(10),s=r(a),u=n(1),l=r(u),c=n(1942),f=r(c),p=n(524),d=r(p),h=n(8),v=r(h),m=l["default"].createClass({displayName:"Tabs",propTypes:{destroyInactiveTabPane:u.PropTypes.bool,renderTabBar:u.PropTypes.func.isRequired,renderTabContent:u.PropTypes.func.isRequired,onChange:u.PropTypes.func,children:u.PropTypes.any,prefixCls:u.PropTypes.string,className:u.PropTypes.string,tabBarPosition:u.PropTypes.string,style:u.PropTypes.object},getDefaultProps:function(){return{prefixCls:"rc-tabs",destroyInactiveTabPane:!1,onChange:o,tabBarPosition:"top",style:{}}},getInitialState:function(){var e=this.props,t=void 0;return t="activeKey"in e?e.activeKey:"defaultActiveKey"in e?e.defaultActiveKey:i(e),{activeKey:t}},componentWillReceiveProps:function(e){"activeKey"in e&&this.setState({activeKey:e.activeKey})},onTabClick:function(e){this.tabBar.props.onTabClick&&this.tabBar.props.onTabClick(e),this.setActiveKey(e)},onNavKeyDown:function(e){var t=e.keyCode;if(t===f["default"].RIGHT||t===f["default"].DOWN){e.preventDefault();var n=this.getNextActiveKey(!0);this.onTabClick(n)}else if(t===f["default"].LEFT||t===f["default"].UP){e.preventDefault();var r=this.getNextActiveKey(!1);this.onTabClick(r)}},setActiveKey:function(e){this.state.activeKey!==e&&("activeKey"in this.props||this.setState({activeKey:e}),this.props.onChange(e))},getNextActiveKey:function(e){var t=this.state.activeKey,n=[];l["default"].Children.forEach(this.props.children,function(t){t&&!t.props.disabled&&(e?n.push(t):n.unshift(t))});var r=n.length,o=r&&n[0].key;return n.forEach(function(e,i){e.key===t&&(o=i===r-1?n[0].key:n[i+1].key)}),o},render:function(){var e,t=this.props,n=t.prefixCls,r=t.tabBarPosition,o=t.className,i=t.renderTabContent,a=t.renderTabBar,u=(0,v["default"])((e={},(0,s["default"])(e,n,1),(0,s["default"])(e,n+"-"+r,1),(0,s["default"])(e,o,!!o),e));this.tabBar=a();var c=[l["default"].cloneElement(this.tabBar,{prefixCls:n,key:"tabBar",onKeyDown:this.onNavKeyDown,tabBarPosition:r,onTabClick:this.onTabClick,panels:t.children,activeKey:this.state.activeKey}),l["default"].cloneElement(i(),{prefixCls:n,tabBarPosition:r,activeKey:this.state.activeKey,destroyInactiveTabPane:t.destroyInactiveTabPane,children:t.children,onChange:this.setActiveKey,key:"tabContent"})];return"bottom"===r&&c.reverse(),l["default"].createElement("div",{className:u,style:t.style},c)}});m.TabPane=d["default"],t["default"]=m,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0}),t.TabPane=t["default"]=void 0;var o=n(1947),i=r(o),a=n(524),s=r(a);t["default"]=i["default"],t.TabPane=s["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(){var e=this.state.value.clone();e.startOf("month"),this.setValue(e)}function a(){var e=this.state.value.clone();e.endOf("month"),this.setValue(e)}function s(e,t){var n=this.state.value.clone();n.add(e,t),this.setValue(n)}function u(e){return s.call(this,e,"months")}function l(e){return s.call(this,e,"years")}function c(e){return s.call(this,e,"weeks")}function f(e){return s.call(this,e,"days")}Object.defineProperty(t,"__esModule",{value:!0});var p=n(9),d=r(p),h=n(1),v=r(h),m=n(2),y=r(m),g=n(297),b=r(g),_=n(325),w=r(_),x=n(527),C=r(x),E=n(1952),S=r(E),O=n(326),P=r(O),T=n(205),k=r(T),M=n(532),N=r(M),A=n(87),D=v["default"].createClass({displayName:"Calendar",propTypes:{disabledDate:h.PropTypes.func,disabledTime:h.PropTypes.any,value:h.PropTypes.object,selectedValue:h.PropTypes.object,defaultValue:h.PropTypes.object,className:h.PropTypes.string,locale:h.PropTypes.object,showWeekNumber:h.PropTypes.bool,style:h.PropTypes.object,showToday:h.PropTypes.bool,showDateInput:h.PropTypes.bool,visible:h.PropTypes.bool,onSelect:h.PropTypes.func,onOk:h.PropTypes.func,showOk:h.PropTypes.bool,prefixCls:h.PropTypes.string,onKeyDown:h.PropTypes.func,timePicker:h.PropTypes.element,dateInputPlaceholder:h.PropTypes.any,onClear:h.PropTypes.func,onChange:h.PropTypes.func,renderFooter:h.PropTypes.func,renderSidebar:h.PropTypes.func},mixins:[k["default"],P["default"]],getDefaultProps:function(){return{showToday:!0,showDateInput:!0,timePicker:null,onOk:o}},getInitialState:function(){return{showTimePicker:!1}},onKeyDown:function(e){if("input"!==e.target.nodeName.toLowerCase()){var t=e.keyCode,n=e.ctrlKey||e.metaKey;switch(t){case b["default"].DOWN:return c.call(this,1),e.preventDefault(),1;case b["default"].UP:return c.call(this,-1),e.preventDefault(),1;case b["default"].LEFT:return n?l.call(this,-1):f.call(this,-1),e.preventDefault(),1;case b["default"].RIGHT:return n?l.call(this,1):f.call(this,1),e.preventDefault(),1;case b["default"].HOME:return i.call(this),e.preventDefault(),1;case b["default"].END:return a.call(this),e.preventDefault(),1;case b["default"].PAGE_DOWN:return u.call(this,1),e.preventDefault(),1;case b["default"].PAGE_UP:return u.call(this,-1),e.preventDefault(),1;case b["default"].ENTER:return this.onSelect(this.state.value,{source:"keyboard"}),e.preventDefault(),1;default:return this.props.onKeyDown(e),1}}},onClear:function(){this.onSelect(null),this.props.onClear()},onOk:function(){var e=this.state.selectedValue;this.isAllowedDate(e)&&this.props.onOk(e)},onDateInputChange:function(e){this.onSelect(e,{source:"dateInput"})},onDateTableSelect:function(e){this.onSelect(e)},onToday:function(){var e=this.state.value,t=(0,A.getTodayTime)(e);this.onSelect(t,{source:"todayButton"})},getRootDOMNode:function(){return y["default"].findDOMNode(this)},openTimePicker:function(){this.setState({showTimePicker:!0})},closeTimePicker:function(){this.setState({showTimePicker:!1})},render:function(){var e=this.props,t=e.locale,n=e.prefixCls,r=e.disabledDate,o=e.dateInputPlaceholder,i=e.timePicker,a=e.disabledTime,s=this.state,u=s.value,l=s.selectedValue,c=s.showTimePicker,f=c&&a&&i?(0,A.getTimeConfig)(l,a):null,p=i&&c?v["default"].cloneElement(i,(0,d["default"])({showHour:!0,showSecond:!0,showMinute:!0},i.props,f,{onChange:this.onDateInputChange,defaultOpenValue:u,value:l,disabledTime:a})):null,h=e.showDateInput?v["default"].createElement(N["default"],{ref:"dateInput",format:this.getFormat(),key:"date-input",value:u,locale:t,placeholder:o,showClear:!0,disabledTime:a,disabledDate:r,onClear:this.onClear,prefixCls:n,selectedValue:l,onChange:this.onDateInputChange}):null,m=[e.renderSidebar(),v["default"].createElement("div",{className:n+"-panel",key:"panel"},h,v["default"].createElement("div",{className:n+"-date-panel"},v["default"].createElement(C["default"],{locale:t,onValueChange:this.setValue,value:u,showTimePicker:c,prefixCls:n}),i&&c?v["default"].createElement("div",{className:n+"-time-picker"},v["default"].createElement("div",{className:n+"-time-picker-panel"},p)):null,v["default"].createElement("div",{className:n+"-body"},v["default"].createElement(w["default"],{locale:t,value:u,selectedValue:l,prefixCls:n,dateRender:e.dateRender,onSelect:this.onDateTableSelect,disabledDate:r,showWeekNumber:e.showWeekNumber})),v["default"].createElement(S["default"],{showOk:e.showOk,renderFooter:e.renderFooter,locale:t,prefixCls:n,showToday:e.showToday,disabledTime:a,showTimePicker:c,showDateInput:e.showDateInput,timePicker:i,selectedValue:l,value:u,disabledDate:r,okDisabled:!this.isAllowedDate(l),onOk:this.onOk,onSelect:this.onSelect,onToday:this.onToday,onOpenTimePicker:this.openTimePicker,onCloseTimePicker:this.closeTimePicker})))];return this.renderRoot({children:m,className:e.showWeekNumber?n+"-week-number":""})}});t["default"]=D,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(1),s=r(a),u=n(325),l=r(u),c=n(537),f=r(c),p=n(326),d=r(p),h=n(205),v=r(h),m=n(1956),y=r(m),g=s["default"].createClass({displayName:"FullCalendar",propTypes:{defaultType:a.PropTypes.string,type:a.PropTypes.string,prefixCls:a.PropTypes.string,locale:a.PropTypes.object,onTypeChange:a.PropTypes.func,fullscreen:a.PropTypes.bool,monthCellRender:a.PropTypes.func,dateCellRender:a.PropTypes.func,showTypeSwitch:a.PropTypes.bool,Select:a.PropTypes.func.isRequired,headerComponents:a.PropTypes.array,headerComponent:a.PropTypes.object,headerRender:a.PropTypes.func,showHeader:a.PropTypes.bool,disabledDate:a.PropTypes.func},mixins:[v["default"],d["default"]],getDefaultProps:function(){return{defaultType:"date",fullscreen:!1,showTypeSwitch:!0,showHeader:!0,onTypeChange:function(){}}},getInitialState:function(){var e=void 0;return e="type"in this.props?this.props.type:this.props.defaultType,{type:e}},componentWillReceiveProps:function(e){"type"in e&&this.setState({type:e.type})},onMonthSelect:function(e){this.onSelect(e,{target:"month"})},setType:function(e){"type"in this.props||this.setState({type:e}),this.props.onTypeChange(e)},render:function(){var e=this.props,t=e.locale,n=e.prefixCls,r=e.fullscreen,o=e.showHeader,a=e.headerComponent,u=e.headerRender,c=e.disabledDate,p=this.state,d=p.value,h=p.type,v=null;if(o)if(u)v=u(d,h,t);else{var m=a||y["default"];v=s["default"].createElement(m,(0,i["default"])({key:"calendar-header"},e,{prefixCls:n+"-full",type:h,value:d,onTypeChange:this.setType,onValueChange:this.setValue}))}var g="date"===h?s["default"].createElement(l["default"],{dateRender:e.dateCellRender,contentRender:e.dateCellContentRender,locale:t,prefixCls:n,onSelect:this.onSelect,value:d,disabledDate:c}):s["default"].createElement(f["default"],{cellRender:e.monthCellRender,contentRender:e.monthCellContentRender,locale:t,onSelect:this.onMonthSelect,prefixCls:n+"-month-panel",value:d,disabledDate:c}),b=[v,s["default"].createElement("div",{key:"calendar-body",className:n+"-calendar-body"},g)],_=[n+"-full"];return r&&_.push(n+"-fullscreen"),this.renderRoot({children:b,className:_.join(" ")})}});t["default"]=g,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}function i(){return(0,x["default"])()}function a(e){return Array.isArray(e)&&(0===e.length||e.every(function(e){return!e}))}function s(e){var t=(0,g["default"])(e,2),n=t[0],r=t[1],o=r&&r.isSame(n,"month")?r.clone().add(1,"month"):r;return[n,o]}function u(e,t){var n=e.selectedValue||t&&e.defaultSelectedValue,r=e.value||t&&e.defaultValue,o=r||s(n);return a(o)?t&&[i(),i().add(1,"months")]:o}function l(e){for(var t=[],n=0;n<e;n++)t.push(n);return t}function c(e,t){if(t){var n=this.state.selectedValue,r=n.concat(),o="left"===e?0:1;r[o]=t,r[0]&&this.compare(r[0],r[1])>0&&(r[1-o]=this.state.showTimePicker?r[o]:void 0),this.fireSelectValueChange(r)}}Object.defineProperty(t,"__esModule",{value:!0});var f=n(9),p=r(f),d=n(10),h=r(d),v=n(62),m=r(v),y=n(322),g=r(y),b=n(1),_=r(b),w=n(25),x=r(w),C=n(8),E=r(C),S=n(1958),O=r(S),P=n(87),T=n(530),k=r(T),M=n(528),N=r(M),A=n(529),D=r(A),j=n(205),R=r(j),I=_["default"].createClass({displayName:"RangeCalendar",propTypes:{prefixCls:b.PropTypes.string,dateInputPlaceholder:b.PropTypes.any,defaultValue:b.PropTypes.any,timePicker:b.PropTypes.any,value:b.PropTypes.any,showOk:b.PropTypes.bool,showToday:b.PropTypes.bool,selectedValue:b.PropTypes.array,defaultSelectedValue:b.PropTypes.array,onOk:b.PropTypes.func,showClear:b.PropTypes.bool,locale:b.PropTypes.object,onChange:b.PropTypes.func,onSelect:b.PropTypes.func,onValueChange:b.PropTypes.func,disabledDate:b.PropTypes.func,format:b.PropTypes.oneOfType([b.PropTypes.object,b.PropTypes.string]),onClear:b.PropTypes.func,type:b.PropTypes.any,disabledTime:b.PropTypes.func},mixins:[R["default"]],getDefaultProps:function(){return{type:"both",defaultSelectedValue:[],onValueChange:o,disabledTime:o,showToday:!0}},getInitialState:function(){var e=this.props,t=e.selectedValue||e.defaultSelectedValue,n=u(e,1);return{selectedValue:t,hoverValue:[],value:n,showTimePicker:!1,isStartMonthYearPanelShow:!1,isEndMonthYearPanelShow:!1}},componentWillReceiveProps:function(e){var t={};"value"in e&&(e.value?t.value=e.value:t.value=u(e,0),this.setState(t)),"selectedValue"in e&&(t.selectedValue=e.selectedValue,this.setState(t))},onDatePanelEnter:function(){this.hasSelectedValue()&&this.setState({hoverValue:this.state.selectedValue.concat()})},onDatePanelLeave:function(){this.hasSelectedValue()&&this.setState({hoverValue:[]})},onSelect:function(e){var t=this.state,n=t.hoverValue,r=t.selectedValue,o=void 0,i=this.props.type,a=!1;if(n[0]||n[1]||"both"!==i)if("start"===i){var s=r[1];o=!s||this.compare(s,e)<0?[e]:[e,s],a=!0}else{var u=void 0;u="end"===i?r[0]:n[0],u&&this.compare(u,e)<=0?(o=[u,e],a=!0):(o=[e],a=!0)}else o=[e],a=!0;a&&this.fireSelectValueChange(o)},onDayHover:function(e){var t=this.state.hoverValue,n=this.state.selectedValue,r=this.props.type;if("start"===r&&n[1])t=this.compare(e,n[1])<0?[e,n[1]]:[e],this.setState({hoverValue:t});else if("end"===r&&n[0])t=this.compare(e,n[0])>0?[n[0],e]:[],this.setState({hoverValue:t});else{if(!t[0]||this.compare(e,t[0])<0)return;t[1]=e,this.setState({hoverValue:t})}},onToday:function(){var e=(0,P.getTodayTime)(this.state.value[0]),t=e.clone().add(1,"months");this.setState({value:[e,t]})},onOpenTimePicker:function(){this.setState({showTimePicker:!0})},onCloseTimePicker:function(){this.setState({showTimePicker:!1})},onOk:function(){var e=this.state.selectedValue;this.isAllowedDateAndTime(e)&&this.props.onOk(this.state.selectedValue)},onStartInputSelect:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=["left"].concat(t);return c.apply(this,r)},onEndInputSelect:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=["right"].concat(t);return c.apply(this,r)},onStartValueChange:function(e){var t=[].concat((0,m["default"])(this.state.value));return t[0]=e,this.fireValueChange(t)},onEndValueChange:function(e){var t=[].concat((0,m["default"])(this.state.value));return t[1]=e,this.fireValueChange(t)},
+onStartPanelChange:function(e){var t=e.showMonthPanel,n=e.showYearPanel;this.setState({isStartMonthYearPanelShow:t||n})},onEndPanelChange:function(e){var t=e.showMonthPanel,n=e.showYearPanel;this.setState({isEndMonthYearPanelShow:t||n})},getStartValue:function(){var e=this.state.value[0],t=this.state.selectedValue;return t[0]&&this.props.timePicker&&(e=e.clone(),(0,P.syncTime)(t[0],e)),this.state.showTimePicker&&t[0]?t[0]:e},getEndValue:function(){var e=this.state.value[1].clone(),t=this.state.selectedValue;return t[1]&&this.props.timePicker&&(0,P.syncTime)(t[1],e),this.state.showTimePicker?t[1]?t[1]:this.getStartValue():e},getEndDisableTime:function(){var e=this.state,t=e.selectedValue,n=e.value,r=t&&t[0]||n[0].clone();if(!t[1]||r.isSame(t[1],"day")){var o=r.hour(),i=r.minute(),a=r.second(),s=l(o),u=l(i),c=l(a);return{disabledHours:function(){return s},disabledMinutes:function(e){return e===o?u:[]},disabledSeconds:function(e,t){return e===o&&t===i?c:[]}}}return null},isAllowedDateAndTime:function(e){return(0,P.isAllowedDate)(e[0],this.props.disabledDate,this.disabledStartTime)&&(0,P.isAllowedDate)(e[1],this.props.disabledDate,this.disabledEndTime)},hasSelectedValue:function(){var e=this.state.selectedValue;return!!e[1]&&!!e[0]},compare:function(e,t){return this.props.timePicker?e.diff(t):e.diff(t,"days")},fireSelectValueChange:function(e,t){if("selectedValue"in this.props||this.setState({selectedValue:e}),!this.state.selectedValue[0]||!this.state.selectedValue[1]){var n=e[0]||i(),r=e[1]||n.clone().add(1,"months");this.setState({selectedValue:e,value:s([n,r])})}e[0]&&!e[1]&&this.setState({hoverValue:e.concat()}),this.props.onChange(e),(t||e[0]&&e[1])&&(this.setState({hoverValue:[]}),this.props.onSelect(e))},fireValueChange:function(e){var t=this.props;"value"in t||this.setState({value:e}),t.onValueChange(e)},clear:function(){this.fireSelectValueChange([],!0),this.props.onClear()},disabledStartTime:function(e){return this.props.disabledTime(e,"start")},disabledEndTime:function(e){return this.props.disabledTime(e,"end")},disabledStartMonth:function(e){var t=this.state.value;return e.isSameOrAfter(t[1],"month")},disabledEndMonth:function(e){var t=this.state.value;return e.isSameOrBefore(t[0],"month")},render:function(){var e,t,n=this.props,r=this.state,o=r.showTimePicker,i=r.isStartMonthYearPanelShow,a=r.isEndMonthYearPanelShow,s=n.prefixCls,u=n.dateInputPlaceholder,l=n.timePicker,c=n.showOk,f=n.locale,d=n.showClear,v=n.showToday,m=n.type,y=r.hoverValue,b=r.selectedValue,w=(e={},(0,h["default"])(e,n.className,!!n.className),(0,h["default"])(e,s,1),(0,h["default"])(e,s+"-hidden",!n.visible),(0,h["default"])(e,s+"-range",1),(0,h["default"])(e,s+"-show-time-picker",o),(0,h["default"])(e,s+"-week-number",n.showWeekNumber),e),x=(0,E["default"])(w),C={selectedValue:r.selectedValue,onSelect:this.onSelect,onDayHover:"start"===m&&b[1]||"end"===m&&b[0]||y.length?this.onDayHover:void 0},S=void 0,T=void 0;if(u)if(Array.isArray(u)){var M=(0,g["default"])(u,2);S=M[0],T=M[1]}else S=T=u;var A=c===!0||c!==!1&&!!l,j=(0,E["default"])((t={},(0,h["default"])(t,s+"-footer",!0),(0,h["default"])(t,s+"-range-bottom",!0),(0,h["default"])(t,s+"-footer-show-ok",A),t)),R=this.getStartValue(),I=this.getEndValue(),L=(0,P.getTodayTime)(R),F=L.month(),U=L.year(),V=R.year()===U&&R.month()===F||I.year()===U&&I.month()===F,B=R.clone().add(1,"months"),z=B.year()===I.year()&&B.month()===I.month();return _["default"].createElement("div",{ref:"root",className:x,style:n.style,tabIndex:"0"},n.renderSidebar(),_["default"].createElement("div",{className:s+"-panel"},d&&b[0]&&b[1]?_["default"].createElement("a",{className:s+"-clear-btn",role:"button",title:f.clear,onClick:this.clear}):null,_["default"].createElement("div",{className:s+"-date-panel",onMouseLeave:"both"!==m?this.onDatePanelLeave:void 0,onMouseEnter:"both"!==m?this.onDatePanelEnter:void 0},_["default"].createElement(O["default"],(0,p["default"])({},n,C,{hoverValue:y,direction:"left",disabledTime:this.disabledStartTime,disabledMonth:this.disabledStartMonth,format:this.getFormat(),value:R,placeholder:S,onInputSelect:this.onStartInputSelect,onValueChange:this.onStartValueChange,onPanelChange:this.onStartPanelChange,timePicker:l,showTimePicker:o,enablePrev:!0,enableNext:!z||a})),_["default"].createElement("span",{className:s+"-range-middle"},"~"),_["default"].createElement(O["default"],(0,p["default"])({},n,C,{hoverValue:y,direction:"right",format:this.getFormat(),timePickerDisabledTime:this.getEndDisableTime(),placeholder:T,value:I,onInputSelect:this.onEndInputSelect,onValueChange:this.onEndValueChange,onPanelChange:this.onEndPanelChange,timePicker:l,showTimePicker:o,disabledTime:this.disabledEndTime,disabledMonth:this.disabledEndMonth,enablePrev:!z||i,enableNext:!0}))),_["default"].createElement("div",{className:j},n.renderFooter(),v||n.timePicker||A?_["default"].createElement("div",{className:s+"-footer-btn"},v?_["default"].createElement(k["default"],(0,p["default"])({},n,{disabled:V,value:r.value[0],onToday:this.onToday,text:f.backToToday})):null,n.timePicker?_["default"].createElement(D["default"],(0,p["default"])({},n,{showTimePicker:o,onOpenTimePicker:this.onOpenTimePicker,onCloseTimePicker:this.onCloseTimePicker,timePickerDisabled:!this.hasSelectedValue()||y.length})):null,A?_["default"].createElement(N["default"],(0,p["default"])({},n,{onOk:this.onOk,okDisabled:!this.isAllowedDateAndTime(b)||!this.hasSelectedValue()||y.length})):null):null)))}});t["default"]=I,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(10),i=r(o),a=n(9),s=r(a),u=n(1),l=r(u),c=n(2),f=r(c),p=n(475),d=r(p),h=n(8),v=r(h),m=n(530),y=r(m),g=n(528),b=r(g),_=n(529),w=r(_),x=l["default"].createClass({displayName:"CalendarFooter",propTypes:{prefixCls:u.PropTypes.string,showDateInput:u.PropTypes.bool,disabledTime:u.PropTypes.any,timePicker:u.PropTypes.element,selectedValue:u.PropTypes.any,showOk:u.PropTypes.bool,onSelect:u.PropTypes.func,value:u.PropTypes.object,renderFooter:u.PropTypes.func,defaultValue:u.PropTypes.object},onSelect:function(e){this.props.onSelect(e)},getRootDOMNode:function(){return f["default"].findDOMNode(this)},render:function(){var e=this.props,t=e.value,n=e.prefixCls,r=e.showOk,o=e.timePicker,a=e.renderFooter,u=null,c=a();if(e.showToday||o||c){var f,p=void 0;e.showToday&&(p=l["default"].createElement(y["default"],(0,s["default"])({},e,{value:t})));var h=void 0;(r===!0||r!==!1&&e.timePicker)&&(h=l["default"].createElement(b["default"],e));var m=void 0;e.timePicker&&(m=l["default"].createElement(w["default"],e));var g=void 0;(p||h)&&(g=l["default"].createElement("span",{className:n+"-footer-btn"},(0,d["default"])([p,m,h])));var _=(0,v["default"])((f={},(0,i["default"])(f,n+"-footer",!0),(0,i["default"])(f,n+"-footer-show-ok",h),f));u=l["default"].createElement("div",{className:_},c,g)}return u}});t["default"]=x,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){return e&&t&&e.isSame(t,"day")}function i(e,t){return e.year()<t.year()?1:e.year()===t.year()&&e.month()<t.month()}function a(e,t){return e.year()>t.year()?1:e.year()===t.year()&&e.month()>t.month()}function s(e){return"rc-calendar-"+e.year()+"-"+e.month()+"-"+e.date()}Object.defineProperty(t,"__esModule",{value:!0});var u=n(10),l=r(u),c=n(1),f=r(c),p=n(8),d=r(p),h=n(531),v=r(h),m=n(87),y=f["default"].createClass({displayName:"DateTBody",propTypes:{contentRender:c.PropTypes.func,dateRender:c.PropTypes.func,disabledDate:c.PropTypes.func,prefixCls:c.PropTypes.string,selectedValue:c.PropTypes.oneOfType([c.PropTypes.object,c.PropTypes.arrayOf(c.PropTypes.object)]),value:c.PropTypes.object,hoverValue:c.PropTypes.any,showWeekNumber:c.PropTypes.bool},getDefaultProps:function(){return{hoverValue:[]}},render:function(){var e=this.props,t=e.contentRender,n=e.prefixCls,r=e.selectedValue,u=e.value,c=e.showWeekNumber,p=e.dateRender,h=e.disabledDate,y=e.hoverValue,g=void 0,b=void 0,_=void 0,w=[],x=(0,m.getTodayTime)(u),C=n+"-cell",E=n+"-week-number-cell",S=n+"-date",O=n+"-today",P=n+"-selected-day",T=n+"-selected-date",k=n+"-in-range-cell",M=n+"-last-month-cell",N=n+"-next-month-btn-day",A=n+"-disabled-cell",D=n+"-disabled-cell-first-of-row",j=n+"-disabled-cell-last-of-row",R=u.clone();R.date(1);var I=R.day(),L=(I+7-u.localeData().firstDayOfWeek())%7,F=R.clone();F.add(0-L,"days");var U=0;for(g=0;g<v["default"].DATE_ROW_COUNT;g++)for(b=0;b<v["default"].DATE_COL_COUNT;b++)_=F,U&&(_=_.clone(),_.add(U,"days")),w.push(_),U++;var V=[];for(U=0,g=0;g<v["default"].DATE_ROW_COUNT;g++){var B,z=void 0,H=void 0,K=!1,W=[];for(c&&(H=f["default"].createElement("td",{key:w[U].week(),role:"gridcell",className:E},w[U].week())),b=0;b<v["default"].DATE_COL_COUNT;b++){var q=null,Y=null;_=w[U],b<v["default"].DATE_COL_COUNT-1&&(q=w[U+1]),b>0&&(Y=w[U-1]);var G=C,X=!1,$=!1;o(_,x)&&(G+=" "+O,z=!0);var Z=i(_,u),Q=a(_,u);if(r&&Array.isArray(r)){var J=y.length?y:r;if(!Z&&!Q){var ee=J[0],te=J[1];ee&&o(_,ee)&&($=!0,K=!0),ee&&te&&(o(_,te)?($=!0,K=!0):_.isAfter(ee,"day")&&_.isBefore(te,"day")&&(G+=" "+k))}}else o(_,u)&&($=!0,K=!0);o(_,r)&&(G+=" "+T),Z&&(G+=" "+M),Q&&(G+=" "+N),h&&h(_,u)&&(X=!0,Y&&h(Y,u)||(G+=" "+D),q&&h(q,u)||(G+=" "+j)),$&&(G+=" "+P),X&&(G+=" "+A);var ne=void 0;if(p)ne=p(_,u);else{var re=t?t(_,u):_.date();ne=f["default"].createElement("div",{key:s(_),className:S,"aria-selected":$,"aria-disabled":X},re)}W.push(f["default"].createElement("td",{key:U,onClick:X?void 0:e.onSelect.bind(null,_),onMouseEnter:X?void 0:e.onDayHover&&e.onDayHover.bind(null,_)||void 0,role:"gridcell",title:(0,m.getTitleString)(_),className:G},ne)),U++}V.push(f["default"].createElement("tr",{key:g,role:"row",className:(0,d["default"])((B={},(0,l["default"])(B,n+"-current-week",z),(0,l["default"])(B,n+"-active-week",K),B))},H,W))}return f["default"].createElement("tbody",{className:n+"-tbody"},V)}});t["default"]=y,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(4),i=r(o),a=n(7),s=r(a),u=n(6),l=r(u),c=n(1),f=r(c),p=n(531),d=r(p),h=n(25),v=r(h),m=function(e){function t(){return(0,i["default"])(this,t),(0,s["default"])(this,e.apply(this,arguments))}return(0,l["default"])(t,e),t.prototype.render=function(){for(var e=this.props,t=e.value,n=t.localeData(),r=e.prefixCls,o=[],i=[],a=n.firstDayOfWeek(),s=void 0,u=(0,v["default"])(),l=0;l<d["default"].DATE_COL_COUNT;l++){var c=(a+l)%d["default"].DATE_COL_COUNT;u.day(c),o[l]=n.weekdaysMin(u),i[l]=n.weekdaysShort(u)}e.showWeekNumber&&(s=f["default"].createElement("th",{role:"columnheader",className:r+"-column-header "+r+"-week-number-header"},f["default"].createElement("span",{className:r+"-column-header-inner"},"x")));var p=i.map(function(e,t){return f["default"].createElement("th",{key:t,role:"columnheader",title:e,className:r+"-column-header"},f["default"].createElement("span",{className:r+"-column-header-inner"},o[t]))});return f["default"].createElement("thead",null,f["default"].createElement("tr",{role:"row"},s,p))},t}(f["default"].Component);t["default"]=m,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){var t=this.state.value.clone();t.add(e,"years"),this.setState({value:t})}function i(e,t){var n=this.state.value.clone();n.year(e),n.month(this.state.value.month()),this.props.onSelect(n),t.preventDefault()}Object.defineProperty(t,"__esModule",{value:!0});var a=n(10),s=r(a),u=n(4),l=r(u),c=n(7),f=r(c),p=n(6),d=r(p),h=n(1),v=r(h),m=n(8),y=r(m),g=4,b=3,_=function(e){function t(n){(0,l["default"])(this,t);var r=(0,f["default"])(this,e.call(this,n));return r.state={value:n.value||n.defaultValue},r.prefixCls=n.rootPrefixCls+"-decade-panel",r.nextCentury=o.bind(r,100),r.previousCentury=o.bind(r,-100),r}return(0,d["default"])(t,e),t.prototype.render=function(){for(var e=this,t=this.state.value,n=this.props.locale,r=t.year(),o=100*parseInt(r/100,10),a=o-10,u=o+99,l=[],c=0,f=this.prefixCls,p=0;p<g;p++){l[p]=[];for(var d=0;d<b;d++){var h=a+10*c,m=a+10*c+9;l[p][d]={startDecade:h,endDecade:m},c++}}var _=l.map(function(t,n){var a=t.map(function(t){var n,a=t.startDecade,l=t.endDecade,c=a<o,p=l>u,d=(n={},(0,s["default"])(n,f+"-cell",1),(0,s["default"])(n,f+"-selected-cell",a<=r&&r<=l),(0,s["default"])(n,f+"-last-century-cell",c),(0,s["default"])(n,f+"-next-century-cell",p),n),h=a+"-"+l,m=void 0;return m=c?e.previousCentury:p?e.nextCentury:i.bind(e,a),v["default"].createElement("td",{key:a,onClick:m,role:"gridcell",className:(0,y["default"])(d)},v["default"].createElement("a",{className:f+"-decade"},h))});return v["default"].createElement("tr",{key:n,role:"row"},a)});return v["default"].createElement("div",{className:this.prefixCls},v["default"].createElement("div",{className:f+"-header"},v["default"].createElement("a",{className:f+"-prev-century-btn",role:"button",onClick:this.previousCentury,title:n.previousCentury}),v["default"].createElement("div",{className:f+"-century"},o,"-",u),v["default"].createElement("a",{className:f+"-next-century-btn",role:"button",onClick:this.nextCentury,title:n.nextCentury})),v["default"].createElement("div",{className:f+"-body"},v["default"].createElement("table",{className:f+"-table",cellSpacing:"0",role:"grid"},v["default"].createElement("tbody",{className:f+"-tbody"},_))))},t}(v["default"].Component);t["default"]=_,_.propTypes={locale:h.PropTypes.object,value:h.PropTypes.object,defaultValue:h.PropTypes.object,rootPrefixCls:h.PropTypes.string},_.defaultProps={onSelect:function(){}},e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){}Object.defineProperty(t,"__esModule",{value:!0});var i=n(4),a=r(i),s=n(7),u=r(s),l=n(6),c=r(l),f=n(1),p=r(f),d=n(87),h=function(e){function t(){return(0,a["default"])(this,t),(0,u["default"])(this,e.apply(this,arguments))}return(0,c["default"])(t,e),t.prototype.onYearChange=function(e){var t=this.props.value.clone();t.year(parseInt(e,10)),this.props.onValueChange(t)},t.prototype.onMonthChange=function(e){var t=this.props.value.clone();t.month(parseInt(e,10)),this.props.onValueChange(t)},t.prototype.yearSelectElement=function(e){for(var t=this.props,n=t.yearSelectOffset,r=t.yearSelectTotal,o=t.prefixCls,i=t.Select,a=e-n,s=a+r,u=[],l=a;l<s;l++)u.push(p["default"].createElement(i.Option,{key:""+l},l));return p["default"].createElement(i,{className:o+"-header-year-select",onChange:this.onYearChange.bind(this),dropdownStyle:{zIndex:2e3},dropdownMenuStyle:{maxHeight:250,overflow:"auto",fontSize:12},optionLabelProp:"children",value:String(e),showSearch:!1},u)},t.prototype.monthSelectElement=function(e){for(var t=this.props,n=t.value.clone(),r=t.prefixCls,o=[],i=t.Select,a=0;a<12;a++)n.month(a),o.push(p["default"].createElement(i.Option,{key:""+a},(0,d.getMonthName)(n)));return p["default"].createElement(i,{className:r+"-header-month-select",dropdownStyle:{zIndex:2e3},dropdownMenuStyle:{maxHeight:250,overflow:"auto",overflowX:"hidden",fontSize:12},optionLabelProp:"children",value:String(e),showSearch:!1,onChange:this.onMonthChange.bind(this)},o)},t.prototype.changeTypeToDate=function(){this.props.onTypeChange("date")},t.prototype.changeTypeToMonth=function(){this.props.onTypeChange("month")},t.prototype.render=function(){var e=this.props,t=e.value,n=e.locale,r=e.prefixCls,o=e.type,i=e.showTypeSwitch,a=e.headerComponents,s=t.year(),u=t.month(),l=this.yearSelectElement(s),c="month"===o?null:this.monthSelectElement(u),f=r+"-header-switcher",d=i?p["default"].createElement("span",{className:f},"date"===o?p["default"].createElement("span",{className:f+"-focus"},n.month):p["default"].createElement("span",{onClick:this.changeTypeToDate.bind(this),className:f+"-normal"},n.month),"month"===o?p["default"].createElement("span",{className:f+"-focus"},n.year):p["default"].createElement("span",{onClick:this.changeTypeToMonth.bind(this),className:f+"-normal"},n.year)):null;return p["default"].createElement("div",{className:r+"-header"},d,c,l,a)},t}(f.Component);h.propTypes={value:f.PropTypes.object,locale:f.PropTypes.object,yearSelectOffset:f.PropTypes.number,yearSelectTotal:f.PropTypes.number,onValueChange:f.PropTypes.func,onTypeChange:f.PropTypes.func,Select:f.PropTypes.func,prefixCls:f.PropTypes.string,type:f.PropTypes.string,showTypeSwitch:f.PropTypes.bool,headerComponents:f.PropTypes.array},h.defaultProps={yearSelectOffset:10,yearSelectTotal:20,onValueChange:o,onTypeChange:o},t["default"]=h,e.exports=t["default"]},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={adjustX:1,adjustY:1},r=[0,0],o={bottomLeft:{points:["tl","tl"],overflow:n,offset:[0,-3],targetOffset:r},bottomRight:{points:["tr","tr"],overflow:n,offset:[0,-3],targetOffset:r},topRight:{points:["br","br"],overflow:n,offset:[0,3],targetOffset:r},topLeft:{points:["bl","bl"],overflow:n,offset:[0,3],targetOffset:r}};t["default"]=o,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(9),i=r(o),a=n(1),s=r(a),u=n(527),l=r(u),c=n(325),f=r(c),p=n(532),d=r(p),h=n(87),v=s["default"].createClass({displayName:"CalendarPart",propTypes:{prefixCls:a.PropTypes.string,value:a.PropTypes.any,hoverValue:a.PropTypes.any,selectedValue:a.PropTypes.any,direction:a.PropTypes.any,locale:a.PropTypes.any,showTimePicker:a.PropTypes.bool,format:a.PropTypes.any,placeholder:a.PropTypes.any,disabledDate:a.PropTypes.any,timePicker:a.PropTypes.any,disabledTime:a.PropTypes.any,onInputSelect:a.PropTypes.func,timePickerDisabledTime:a.PropTypes.object,enableNext:a.PropTypes.any,enablePrev:a.PropTypes.any},render:function(){var e=this.props,t=e.prefixCls,n=e.value,r=e.hoverValue,o=e.selectedValue,a=e.direction,u=e.locale,c=e.format,p=e.placeholder,v=e.disabledDate,m=e.timePicker,y=e.disabledTime,g=e.timePickerDisabledTime,b=e.showTimePicker,_=e.onInputSelect,w=e.enablePrev,x=e.enableNext,C=b&&y&&m?(0,h.getTimeConfig)(o,y):null,E=t+"-range",S={locale:u,value:n,prefixCls:t,showTimePicker:b},O="left"===a?0:1,P=b&&m&&s["default"].cloneElement(m,(0,i["default"])({showHour:!0,showMinute:!0,showSecond:!0},m.props,C,g,{onChange:_,defaultOpenValue:n,value:o[O]}));return s["default"].createElement("div",{className:E+"-part "+E+"-"+a},s["default"].createElement(d["default"],{format:c,locale:u,prefixCls:t,timePicker:m,disabledDate:v,placeholder:p,disabledTime:y,value:n,showClear:!1,selectedValue:o[O],onChange:_}),s["default"].createElement("div",{style:{outline:"none"}},s["default"].createElement(l["default"],(0,i["default"])({},S,{enableNext:x,enablePrev:w,onValueChange:e.onValueChange,onPanelChange:e.onPanelChange,disabledMonth:e.disabledMonth})),b?s["default"].createElement("div",{className:t+"-time-picker"},s["default"].createElement("div",{className:t+"-time-picker-panel"},P)):null,s["default"].createElement("div",{className:t+"-body"},s["default"].createElement(f["default"],(0,i["default"])({},S,{hoverValue:r,selectedValue:o,dateRender:e.dateRender,onSelect:e.onSelect,onDayHover:e.onDayHover,disabledDate:v,showWeekNumber:e.showWeekNumber})))))}});t["default"]=v,e.exports=t["default"]},function(e,t,n){function r(e){return n(o(e))}function o(e){return i[e]||function(){throw new Error("Cannot find module '"+e+"'.")}()}var i={"./template/BrowserFrame":307,"./template/BrowserFrame.jsx":307,"./template/Color/ColorBlock":308,"./template/Color/ColorBlock.jsx":308,"./template/Color/ColorPaletteTool":202,"./template/Color/ColorPaletteTool.jsx":202,"./template/Color/ColorPalettes":203,"./template/Color/ColorPalettes.jsx":203,"./template/Content/Article":309,"./template/Content/Article.jsx":309,"./template/Content/ComponentDoc":310,"./template/Content/ComponentDoc.jsx":310,"./template/Content/Demo":311,"./template/Content/Demo.jsx":311,"./template/Content/EditButton":159,"./template/Content/EditButton.jsx":159,"./template/Content/MainContent":312,"./template/Content/MainContent.jsx":312,"./template/Content/index":517,"./template/Content/index.jsx":517,"./template/Home/Banner":313,"./template/Home/Banner.jsx":313,"./template/Home/Page1":314,"./template/Home/Page1.jsx":314,"./template/Home/Page2":315,"./template/Home/Page2.jsx":315,"./template/Home/Page3":316,"./template/Home/Page3.jsx":316,"./template/Home/Page4":317,"./template/Home/Page4.jsx":317,"./template/Home/index":518,"./template/Home/index.jsx":518,"./template/IconSet/CopyableIcon":318,"./template/IconSet/CopyableIcon.jsx":318,"./template/IconSet/index":69,"./template/IconSet/index.jsx":69,"./template/Layout/Footer":319,"./template/Layout/Footer.jsx":319,"./template/Layout/Header":320,"./template/Layout/Header.jsx":320,"./template/Layout/index":519,"./template/Layout/index.jsx":519,"./template/NotFound":321,"./template/NotFound.jsx":321,"./template/utils":46,"./template/utils.jsx":46};r.keys=function(){return Object.keys(i)},r.resolve=o,e.exports=r,r.id=1959},function(e,t){},function(e,t){},,function(e,t){}]);
\ No newline at end of file